diff --git a/negromate/web/builder.py b/negromate/web/builder.py
index 6ae61d5..6cfec32 100644
--- a/negromate/web/builder.py
+++ b/negromate/web/builder.py
@@ -4,7 +4,7 @@ import sys
 from pathlib import Path
 import subprocess
 
-from jinja2 import Environment, PackageLoader, select_autoescape
+from jinja2 import Environment, FileSystemLoader, select_autoescape
 from jinja2.utils import Markup
 import srt
 
@@ -43,14 +43,14 @@ class SongPage:
 
 
 class Builder:
-    def __init__(self, root_folder, libreto):
+    def __init__(self, root_folder, libreto, template_folder, static_folder):
         self.root_folder = root_folder
         self.libreto = libreto
-        self.src_dir = Path(__file__).parent
-        self.static_dir = self.src_dir / 'static'
+        self.static_folder = static_folder
+        self.template_folder = template_folder
 
         self.env = Environment(
-            loader=PackageLoader('negromate.web', 'templates'),
+            loader=FileSystemLoader(template_folder),
             autoescape=select_autoescape(['html']),
         )
         self.env.filters['url'] = self.url
@@ -114,7 +114,7 @@ class Builder:
         todo_context.update(global_context)
         self.render('todo.html', todo, todo_context)
 
-        template_file = self.src_dir / 'templates' / 'karaoke.ass'
+        template_file = self.template_folder / 'karaoke.ass'
         update_karaoke_songs(songs, template_file)
 
         static = self.root_folder / 'static'
@@ -125,17 +125,9 @@ class Builder:
         subprocess.check_call([
             'rsync',
             '-ra',
-            str(self.static_dir),
+            str(self.static_folder),
             str(self.root_folder.absolute()),
         ])
 
         libreto = self.root_folder / 'static/libreto/libreto.pdf'
         copy(str(self.libreto.absolute()), str(libreto.absolute()))
-
-
-def main():
-    builder = Builder(
-        Path(sys.argv[1]),
-        Path(sys.argv[2]),
-    )
-    builder.build()
diff --git a/negromate/web/commands/build.py b/negromate/web/commands/build.py
index c514b69..426295a 100644
--- a/negromate/web/commands/build.py
+++ b/negromate/web/commands/build.py
@@ -4,6 +4,10 @@ from ..builder import Builder
 
 name = 'build'
 help_text = 'Generate static website'
+initial_config = {
+    'template_folder': '~/negro_mate/web/templates',
+    'static_folder': '~/negro_mate/web/static',
+}
 
 
 def options(parser, config, **kwargs):
@@ -17,11 +21,23 @@ def options(parser, config, **kwargs):
         default=config['global']['lyrics_file'],
         help="File with the lyrics of the songs, defaults to {}".format(
             config['global']['lyrics_file']))
+    parser.add_argument(
+        '-t', '--template_folder', type=Path,
+        default=config['build']['template_folder'],
+        help="Folder with jinja2 templates, defaults to {}".format(
+            config['build']['template_folder']))
+    parser.add_argument(
+        '-S', '--static_folder', type=Path,
+        default=config['build']['static_folder'],
+        help="Folder with static content, defaults to {}".format(
+            config['build']['static_folder']))
 
 
 def run(args, **kwargs):
     builder = Builder(
-        Path(args.song_folder).expanduser(),
-        Path(args.lyrics_file).expanduser(),
+        root_folder=args.song_folder.expanduser(),
+        libreto=args.lyrics_file.expanduser(),
+        template_folder=args.template_folder.expanduser(),
+        static_folder=args.static_folder.expanduser(),
     )
     builder.build()
diff --git a/negromate/web/static/.gitignore b/negromate/web/static/.gitignore
deleted file mode 100644
index d5f19d8..0000000
--- a/negromate/web/static/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-node_modules
-package-lock.json
diff --git a/negromate/web/static/css/CyrBit.ttf b/negromate/web/static/css/CyrBit.ttf
deleted file mode 100644
index 88b15d9..0000000
Binary files a/negromate/web/static/css/CyrBit.ttf and /dev/null differ
diff --git a/negromate/web/static/css/cc-by-sa.png b/negromate/web/static/css/cc-by-sa.png
deleted file mode 100644
index e76aeff..0000000
Binary files a/negromate/web/static/css/cc-by-sa.png and /dev/null differ
diff --git a/negromate/web/static/css/main.css b/negromate/web/static/css/main.css
deleted file mode 100644
index 602f873..0000000
--- a/negromate/web/static/css/main.css
+++ /dev/null
@@ -1,118 +0,0 @@
-body {
-    display: flex;
-    flex-wrap: wrap;
-    background-color: #232323;
-    color: #aaa;
-    font-family: "CyrBit";
-    font-size: 20pt;
-}
-
-a {
-    color: #aaa;
-    text-decoration: none;
-}
-
-header#header {
-    width:100%;
-    display: inline-block;
-}
-
-footer  {
-    font-size: smaller;
-    width: 100%;
-}
-
-table {
-    width: 90%;
-    border: 1px solid white;
-    border-collapse: collapse;
-    margin: 0 auto;
-}
-
-table td, table th {
-    border: 1px solid white;
-}
-
-#menu {
-    display: inline-block;
-    flex: 1 10em;
-}
-
-#menu ul {
-    list-style-type: none;
-    padding: 0;
-    border: 1px solid gray;
-    border-radius: 0.5em;
-}
-
-#menu ul li {
-    border-bottom: 1px solid gray;
-    padding: 0.5em 1em;
-}
-
-#libreto, #playlist, #onion, #todo {
-    border: 1px solid #aaa;
-    border-radius: 0.5em;
-    text-align: center;
-}
-
-#libreto img {
-    width: 200px;
-    margin-left: auto;
-    margin-right: auto;
-    display: block;
-}
-
-#content {
-    display: inline-block;
-    margin-left: 1em;
-    flex: 10;
-}
-
-.songs {
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.songs figure {
-    flex: 0;
-    border: 1px solid gray;
-    text-align: center;
-    padding: 0.5em;
-    border-radius: 0.5em;
-}
-
-.songs figure figcaption {
-    font-weight: bold;
-}
-
-video {
-    width: 100%;
-}
-
-.lyrics {
-    line-height: 1.2em;
-}
-
-#song-playlist #video-playlist {
-    width: 100%;
-}
-
-.vjs-mouse.vjs-playlist {
-    font-size: 15pt;
-}
-
-.vjs-mouse.vjs-playlist .vjs-playlist-item-list {
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.vjs-playlist .vjs-playlist-item {
-    flex: 0 200px;
-
-}
-
-.video-js .vjs-big-play-button {
-    top: 50%;
-    left: 50%;
-}
diff --git a/negromate/web/static/css/nm_icon.png b/negromate/web/static/css/nm_icon.png
deleted file mode 100644
index 6a8849e..0000000
Binary files a/negromate/web/static/css/nm_icon.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/.gitignore b/negromate/web/static/js/libjass/.gitignore
deleted file mode 100644
index cdfdf26..0000000
--- a/negromate/web/static/js/libjass/.gitignore
+++ /dev/null
@@ -1,14 +0,0 @@
-/build/doc.js
-/build/typescript/typescript.d.ts
-/build/typescript/*.js
-
-/dist/
-
-/lib/
-!/lib/libjass.css
-
-/node_modules/
-
-/npm-debug.log
-
-/src/version.ts
diff --git a/negromate/web/static/js/libjass/.travis.yml b/negromate/web/static/js/libjass/.travis.yml
deleted file mode 100644
index 33eb227..0000000
--- a/negromate/web/static/js/libjass/.travis.yml
+++ /dev/null
@@ -1,7 +0,0 @@
-language: node_js
-node_js:
-  - "6"
-  - "7"
-before_script:
-  - "node ./build.js doc"
-sudo: false
diff --git a/negromate/web/static/js/libjass/CHANGELOG.md b/negromate/web/static/js/libjass/CHANGELOG.md
deleted file mode 100644
index 1fef252..0000000
--- a/negromate/web/static/js/libjass/CHANGELOG.md
+++ /dev/null
@@ -1,133 +0,0 @@
-### v0.11.0 - 2016/01/24
-- BREAKING CHANGE - WebRenderer.resize(width, height) used to have a broken implementation of letterboxing to move the subs div right or down. Now it's WebRenderer.resize(width, height, left, top) and expects the caller to calculate letterboxing itself and supply left and top accordingly. DefaultRenderer does it using the video resolution and users of WebRenderer can do the same.
-- BREAKING CHANGE - DefaultRenderer.resize() now ignores its parameters and always resizes to its video element's dimensions. It had already stopped resizing the video element when it was renamed from resizeVideo in v0.6.0, so it doesn't make sense to let it take a completely different width and height.
-- BREAKING CHANGE - Removed fullscreen support in DefaultRenderer. It started out as a hack using max z-index and works on even fewer browsers now. It probably didn't work for you anyway so it should be no big loss.
-- Implemented experimental support for \t
-- Added RendererSettings.fallbackFonts to set the fallback fonts for all styles. Defaults to 'Arial, Helvetica, sans-serif, "Segoe UI Symbol"'.
-- Better compatibility with loose ASS scripts - assume unnamed first section is Script Info, fall back to Default style for missing styles, recognize arbitrary-case property names, normalize asterisks in style names, etc.
-- Various font size improvements - faster calculation, fix for incorrect size when line-height is overridden by site CSS, fix for incorrect scaled sizes for letterboxed subs, fix for incorrect metrics for web fonts, etc. The last one requires that all web fonts be specified in RendererSettings.fontMap to be rendered accurately.
-- WebRenderer now supports using local() URLs in addition to url() in CSS font-face rules.
-- Added RendererSettings.useAttachedFonts. If true, TTF fonts attached to the script will be used in addition to fonts specified in RendererSettings.fontMap. This setting is false by default, and should only be enabled on trusted fonts since it uses a very naive base64 and TTF parser to extract the font names from the attachment. It also requires ES6 typed arrays - ArrayBuffer, DataView, Uint8Array, etc. in the environment.
-- Various pre-render, SVG filter and DOM perf improvements.
-- Fixed \fscx and \fscy to not scale shadows.
-- Fixed \fscx and \fscy to have optional values.
-- Fixed \fs+ and \fs- to have required values.
-- Fixed \r<target_style> to use the target style's alpha values instead of 1.
-- Fixed \fad subs to not flash after the fade-out ends with low-resolution clocks.
-- Fixed outlines to not be darker than they should be.
-- Fixed styles to not ignore the ScaleX and ScaleY properties in the script.
-- Fixed lack of sufficient space between normal and italic text.
-- Fixed SVG filters to interpolate in sRGB space instead of RGB.
-- Fixed ASS parser to complain if a script doesn't have a Script Info section at all.
-- The promise returned from ASS.from*() is now properly rejected due to errors from loading the script, instead of just remaining unresolved forever.
-- Fixed SRT parser to swallow UTF-8 BOM just like the ASS parser.
-- Fixed all clocks to suppress redundant ticks if the current timestamp hasn't change from the last tick.
-- Fixed {AutoClock, VideoClock}.{setEnabled, toggle} methods to actually enable / disable the high-resolution timer.
-
-
-### v0.10.0 - 2015/05/05
-- Implemented libjass.renderers.AutoClock, a clock that automatically ticks and generates clock events according to the state of an external driver.
-- Implemented \k
-- libjass.{Set, Map, Promise} can now be set to null to force the use of the polyfills, even if it defaulted to a runtime-provided implementation.
-- Added ASS.fromReadableStream(), a function that can be used to parse ASS from a readable stream such as the response of window.fetch().
-- ASS.fromUrl() now tries to use window.fetch() if available instead of XMLHttpRequest.
-- Fixed constant pausing and playing on Firefox triggered by how slowly it updates video.currentTime (wasn't noticeable but still undesirable).
-- Fixed a dialogue's animation state not getting updated while seeking if the start and end times of the seek were within its start and end times.
-- Fixed wrapping mode 1 (end-of-line wrapping) to actually wrap.
-- Fixed parser to parse the time components of karaoke tags as centiseconds instead of seconds.
-- Fixed parser to swallow leading BOM, if any.
-- Fixed errors reported by webworker API were empty objects without message and stack properties.
-
-
-### v0.9.0 - 2014/11/27
-- BREAKING CHANGE - ASS.fromString() now returns a Promise of an ASS object, not an ASS object directly. The synchronous ASS parser used by ASS.fromString() is no more.
-- BACKWARD-COMPATIBLE CHANGE - WebRenderer constructor parameters order has changed from (ass, clock, settings, libjassSubsWrapper) to (ass, clock, libjassSubsWrapper, settings). The constructor will detect the old order and reorder accordingly.
-- Added ASS.fromStream and ASS.fromXhr that read a stream and an XMLHttpRequest object's response respectively and return (a Promise of) an ASS object. Both of these parse the script asynchronously.
-- Added RendererSettings.enableSvg that can be used to toggle the use of SVG filter effects for outlines and blur.
-- libjass.js now has an AMD wrapper so that it can be used with RequireJS, etc.
-- Settings parameter is now optional for WebRenderer and DefaultRenderer.
-- Added support for clock rates apart from 1 to clocks and renderers.
-- Added a parameter to libjass.createWorker to specify the path to libjass.js that will run in the worker.
-- Fixed Style and Dialogue constructors not setting defaults for missing properties.
-- Fixed color and alpha parser to support more formats.
-- Fixed SRT parser to replace all HTML tags it finds, instead of just the first one.
-- Fixed font size calculation to use the vertical scale instead of horizontal.
-- Fixed line-height on newlines.
-- Fixed missing perspective on X and Y rotations.
-
-
-### v0.8.0 - 2014/08/16
-- Added web worker support. libjass.parse can now be offloaded to a web worker.
-- Implemented \fs+ and \fs-
-- Added ASS.addEvent() to add dialogue lines to an ASS object.
-- Renamed ClockEvent.TimeUpdate to ClockEvent.Tick, and added ClockEvent.Stop
-- Clock.enable() and .disable() now return a boolean to indicate whether the function had any effect.
-- Added Clock.setEnabled() to force the enabled-state to the given value.
-- Renamed ManualClock.timeUpdate() to ManualClock.tick()
-- Moved WebRenderer.enable(), .disable() and .enabled to NullRenderer
-- Fixed not being able to parse tags with default values.
-- Fixed font preloader downloading the same font multiple times because it didn't filter for duplicates.
-- Fixed min-width value not taking separate left and right margins into account.
-- Fixed absolutely positioned subs were always left-aligned even if they had an alignment tag.
-- Fixed blur and outlines getting truncated.
-
-
-### v0.7.0 - 2014/05/15
-- Implemented \be
-- Split a new renderer, WebRenderer, off DefaultRenderer that doesn't rely on a video element.
-- All renderers now require a Clock to generate time events. VideoClock is a Clock backed by a video element, while ManualClock is a clock that can be used to generate arbitrary time events.
-
-
-### v0.6.0 - 2014/03/24
-- All script properties and style properties are now parsed and stored in the ASS and Style objects.
-- Basic SRT support, by passing in a libjass.Format argument to ASS.fromString()
-- \clip and \iclip now have their drawing instructions parsed as an array of libjass.parts.drawing.Instruction's instead of just a string.
-- Added DefaultRenderer.enable(), DefaultRenderer.disable() and DefaultRenderer.toggle() to change whether the renderer is displaying subtitles or not.
-- DefaultRenderer.resizeVideo is now called DefaultRenderer.resize. Now it only resizes the subtitle wrapper div, not the video element.
-- Replaced the 41ms setInterval-bsed timer with a requestAnimationFrame-based timer to reduce load on minimized or hidden browser tabs.
-- DefaultRenderer now renders dialogues in the correct order according to the script.
-- Fixed incorrect font sizes.
-- Replaced jake with gulp.
-
-
-### v0.5.0 - 2014/01/26
-- Removed preLoadFonts renderer setting. It was redundant with the actual fontMap setting since the presence or absence of that setting is enough to signal whether the user wants to preload fonts or not.
-- Multiple renderers can now be used on the same page without conflicting with each other.
-- Implemented \shad, \xshad, \yshad
-- Fixed ASS draw scale being used incorrectly.
-- ASS.resolutionX and ASS.resolutionY are now properties of ASS.properties, a ScriptProperties object.
-
-
-### v0.4.0 - 2013/12/27
-- All parts moved from the libjass.tags namespace to the libjass.parts namespace.
-- Replaced PEG.js parser with a hand-written one. This allows for parsing lines that are strictly invalid grammar but are parsed successfully by VSFilter or libass.
-- All ASS tags are now supported by the parser.
-- Removed the useHighResolutionTimer setting for DefaultRenderer. DefaultRenderer always uses the 41ms timer now.
-- Implemented \move
-- Implemented ASS draw
-- Fixed subs overflowing the video dimensions still being visible.
-- SVG filters are now used for outlines and blur.
-- Delay parsing of dialogue lines till they need to be pre-rendered. As a side-effect, all fonts in the font map are preloaded now, not just the ones used in the current script.
-
-
-### v0.3.0 - 2013/10/28
-- Moved libjass.DefaultRenderer to libjass.renderers.DefaultRenderer
-- Added libjass.renderers.NullRenderer, a renderer that doesn't render anything.
-- DefaultRenderer's fontMap setting is now a Map instead of an Object. It now supports more than one URL for each font name.
-- DefaultRenderer now generates the subtitle wrapper div itself.
-- DefaultRenderer now takes video letterboxing into account when resizing the subtitles.
-- DefaultRenderer has a new setting useHighResolutionTimer that makes it use a 41ms timer instead of video.timeUpdate's 250ms timer.
-- div IDs and CSS class names are now prefixed with "libjass-" to avoid collisions with other elements on the page.
-- All numeric CSS property values are now truncated to three decimal places.
-- Added ```jake watch``` that rebuilds and runs tests on changes to the source.
-- Added ```jake doc``` that builds API documentation.
-- Added Travis CI build.
-
-
-### v0.2.0 - 2013/09/11
-- Added libjass.DefaultRenderer, a class that handles initializing the layer div's, preloading fonts, and drawing Dialogues based on the current video time.
-- libjass.js can now be loaded in node. Only the parser can be used.
-- Tests can now be run with ```jake test``` or ```npm test``` using Mocha.
-
-### v0.1.0 - 2013/08/29
-- First npm release.
diff --git a/negromate/web/static/js/libjass/LICENSE b/negromate/web/static/js/libjass/LICENSE
deleted file mode 100644
index d645695..0000000
--- a/negromate/web/static/js/libjass/LICENSE
+++ /dev/null
@@ -1,202 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
diff --git a/negromate/web/static/js/libjass/README.md b/negromate/web/static/js/libjass/README.md
deleted file mode 100644
index 385b82b..0000000
--- a/negromate/web/static/js/libjass/README.md
+++ /dev/null
@@ -1,171 +0,0 @@
-[![Build Status](https://travis-ci.org/Arnavion/libjass.png?branch=master)](https://travis-ci.org/Arnavion/libjass)
-
-libjass is a JavaScript library written in TypeScript to render ASS subs in the browser. [Check out the demo.](http://arnavion.github.io/libjass/demo/index.xhtml)
-
-
-### What's special about libjass?
-
-* libjass requires no tweaks to the ASS file from the original video.
-
-* libjass uses the browser's native CSS engine by converting the components of each line in the ASS script into a series of styled &lt;div&gt; and &lt;span&gt; elements. This allows all the layout and rendering to be handled by the browser instead of requiring complex and costly drawing and animation code. For example, libjass uses CSS3 animations to simulate tags such as \fad. While a canvas-drawing library would have to re-draw such a subtitle on the canvas for every frame of the video, libjass only renders it once and lets the browser render the fade effect.
-
-As a result, libjass is able to render subtitles with very low CPU usage. The downside to libjass's aproach is that it is hard (and potentially impossible) to map all effects possible in ASS (using \t, ASS draw) etc. into DOM elements. As of now, the subset of tags supported by libjass has no such problems.
-
-
-### I want to use libjass for my website. What do I need to do?
-
-You can install the latest release of libjass
-
-* using npm with `npm install libjass` and load with `var libjass = require("libjass");`
-* using bower with `bower install https://github.com/Arnavion/libjass/releases/download/<release name>/libjass.zip`
-* using jspm with `jspm install github:Arnavion/libjass` and load with `import libjass from "Arnavion/libjass";`
-
-Inside the package, you will find libjass.js and libjass.css, which you need to load on your website with your video.
-
-Alternatively, you can build libjass from source by cloning this repository and running `npm install`. This will install the dependencies and run the build. libjass.js and libjass.css will be found in the lib/ directory.
-
-Only libjass.js and libjass.css are needed to use libjass on your website. The other files are only used during the build process and you don't need to deploy them to your website.
-
-
-### What are all these files?
-
-* The src/ directory contains the source of libjass. They are TypeScript files and get compiled into JavaScript for the browser using the TypeScript compiler.
-
-* build.js is the build script. The build command will use this script to build libjass.js. The build/ directory contains other files used for the build.
-
-* The tests/ directory contains unit and functional tests.
-
-* The lib/ directory contains libjass.js and libjass.css. You will need to deploy these to your website.
-
-
-### How do I use libjass?
-
-The API documentation is linked in the Links section below. Here's an overview:
-
-* The [ASS.fromUrl()](http://arnavion.github.io/libjass/api.xhtml#libjass.ASS.fromUrl) function takes in a URL to an ASS script and returns a promise that resolves to an [ASS](http://arnavion.github.io/libjass/api.xhtml#libjass.ASS) object. This ASS object represents the script properties, the line styles and dialogue lines in it. Alternatively, you can use [ASS.fromString()](http://arnavion.github.io/libjass/api.xhtml#libjass.ASS.fromString) to convert a string of the script contents into an ASS object.
-
-* Next, you initialize a renderer to render the subtitles. libjass ships with an easy-to-use renderer, the [DefaultRenderer](http://arnavion.github.io/libjass/api.xhtml#libjass.renderers.DefaultRenderer). It uses information from the ASS object to build up a series of div elements around the video tag. There is a wrapper (.libjass-subs) containing div's corresponding to the layers in the ASS script, and each layer has div's corresponding to the 9 alignment directions. libjass.css contains styles for these div's to render them at the correct location.
-
-* The renderer uses [window.requestAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/window.requestAnimationFrame) as a source of timer ticks. In each tick, it determines the set of dialogues to be shown at the current video time, renders each of them as a div, and appendChild's the div into the appropriate layer+alignment div.
-
-* The renderer can be told to dynamically change the size of the subtitles based on user input by calling [WebRenderer.resize()](http://arnavion.github.io/libjass/api.xhtml#libjass.renderers.WebRenderer.resize)
-
-* Lastly, the renderer contains an implementation of preloading fonts before playing the video. It uses a map of font names to URLs - this map can be conveniently created from a CSS file containing @font-face rules using [RendererSettings.makeFontMapFromStyleElement()](http://arnavion.github.io/libjass/api.xhtml#libjass.renderers.RendererSettings.makeFontMapFromStyleElement)
-
-* For an example of using libjass, check out [the demo.](http://arnavion.github.io/libjass/demo/index.xhtml) It has comments explaining basic usage and pointers to some advanced usage.
-
-
-### What browser and JavaScript features does libjass need?
-
-* libjass uses some ES5 features like getters and setters (via Object.defineProperty), and assumptions like the behavior of parseInt with leading zeros. It cannot be used with an ES3 environment.
-
-* libjass will use ES6 Set, Map and Promise if they're available on the global object. If they're not present, it will use its own minimal internal implementations. If you have implementations of these that you would like libjass to use but don't want to register them on the global object, you can provide them to libjass specifically by setting the [libjass.Set](http://arnavion.github.io/libjass/api.xhtml#libjass.Set), [libjass.Map](http://arnavion.github.io/libjass/api.xhtml#libjass.Map) and [libjass.Promise](http://arnavion.github.io/libjass/api.xhtml#libjass.Promise) properties.
-
-* [AutoClock](http://arnavion.github.io/libjass/api.xhtml#libjass.renderers.AutoClock) and [VideoClock](http://arnavion.github.io/libjass/api.xhtml#libjass.renderers.VideoClock) use [window.requestAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) to generate clock ticks.
-
-* [WebRenderer](http://arnavion.github.io/libjass/api.xhtml#libjass.renderers.WebRenderer) and [DefaultRenderer](http://arnavion.github.io/libjass/api.xhtml#libjass.renderers.DefaultRenderer) use [SVG filter effects for HTML](http://caniuse.com/#feat=svg-html) to render outlines and blur. This feature is not available on all browsers, so you can tell them to fall back to more widely available CSS methods by setting the [RendererSettings.enableSvg](http://arnavion.github.io/libjass/api.xhtml#libjass.renderers.RendererSettings.enableSvg) property to false.
-
-* WebRenderer and DefaultRenderer use [CSS3 animations](http://caniuse.com/#feat=css-animation) for effects like \mov and \fad.
-
-* Using fonts attached to the script requires [ES6 typed arrays](http://caniuse.com/#feat=typedarrays) (ArrayBuffer, DataView, Uint8Array, etc).
-
-
-### Can I use libjass in node?
-
-libjass's parser works in node. Entire scripts can be parsed via [ASS.fromString()](http://arnavion.github.io/libjass/api.xhtml#libjass.ASS.fromString)
-
-```javascript
-> var libjass = require("libjass")
-undefined
-> var ass; libjass.ASS.fromString(fs.readFileSync("mysubs.ass", "utf8")).then(function (result) { ass = result; })
-{}
-> ass.properties.resolutionX
-1280
-> ass.dialogues.length
-9
-> ass.dialogues[0].toString()
-'#0 [646.460-652.130] {\\fad(200,0)}Sapien rhoncus, suscipit posuere in nunc pellentesque'
-> var parts = ass.dialogues[0].parts
-undefined
-> parts.length
-2
-> parts[0] instanceof libjass.parts.Fade
-true
-> parts[0].toString()
-'Fade { start: 0.2, end: 0 }'
-```
-
-[libjass.parser.parse](http://arnavion.github.io/libjass/api.xhtml#libjass.parser.parse) parses the first parameter using the second parameter as the rule name. For example, the [dialogueParts](http://arnavion.github.io/libjass/api.xhtml#./parser/parse.ParserRun.parse_dialogueParts) rule can be used to get an array of [libjass.parts](http://arnavion.github.io/libjass/api.xhtml#libjass.parts) objects that represent the parts of an ASS dialogue line.
-
-```javascript
-> var parts = libjass.parser.parse("{\\an8}Are {\\i1}you{\\i0} the one who stole the clock?!", "dialogueParts")
-undefined
-> parts.join(" ")
-'Alignment { value: 8 } Text { value: Are  } Italic { value: true } Text { value: you } Italic { value: false } Text { value:  the one who stole the clock?! }'
-> parts.length
-6
-> parts[0].toString()
-'Alignment { value: 8 }'
-> parts[0] instanceof libjass.parts.Alignment
-true
-> parts[0].value
-8
-```
-
-The rule names are derived from the methods on the [ParserRun class](http://arnavion.github.io/libjass/api.xhtml#./parser/parse.ParserRun).
-
-See the tests, particularly the ones in tests/unit/miscellaneous.js, for examples.
-
-
-### Can I contribute?
-
-Yes! Feature requests, suggestions, bug reports and pull requests are welcome! I'm especially looking for details and edge-cases of the ASS syntax that libjass doesn't support.
-
-You can also join the IRC channel in the links section below and ask any questions.
-
-
-### Supported features
-
-* Styles: Italic, Bold, Underline, StrikeOut, FontName, FontSize, ScaleX, ScaleY, Spacing, PrimaryColor, OutlineColor, BackColor, Outline, Shadow, Alignment, MarginL, MarginR, MarginV
-* Tags: \i, \b, \u, \s, \bord, \xbord, \ybord, \shad, \xshad, \yshad, \be, \blur, \fn, \fs, \fscx, \fscy, \fsp, \frx, \fry, \frz, \fr, \fax, \fay, \c, \1c, \3c, \4c, \alpha, \1a, \3a, \4a, \an, \a, \k, \q, \r, \pos, \move, \fad, \fade, \t (experimental), \p
-* Custom fonts, using CSS web fonts.
-
-
-### Known issues
-
-* Unsupported tags: \fe, \2c, \2a, \K, \kf, \ko, \org, \clip, \iclip
-* \an4, \an5, \an6 aren't positioned correctly.
-* Smart line wrapping is not supported. Such lines are rendered as [wrapping style 1 (end-of-line wrapping).](http://docs.aegisub.org/3.0/ASS_Tags/#wrapstyle)
-* Lines with multiple rotations aren't rotated the same as VSFilter or libass. See [#14](https://github.com/Arnavion/libjass/issues/14)
-- Desktop renderers include borders when calculating space between adjacent lines. libjass doesn't.
-
-
-### Links
-
-* [GitHub](https://github.com/Arnavion/libjass/)
-* IRC channel - #libjass on irc.rizon.net
-* [API documentation](http://arnavion.github.io/libjass/api.xhtml)
-* [Aegisub's documentation on ASS](http://docs.aegisub.org/3.0/ASS_Tags/)
-
-
-### License
-
-```
-libjass
-
-https://github.com/Arnavion/libjass
-
-Copyright 2013 Arnav Singh
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-```
diff --git a/negromate/web/static/js/libjass/build.js b/negromate/web/static/js/libjass/build.js
deleted file mode 100644
index 2ec355c..0000000
--- a/negromate/web/static/js/libjass/build.js
+++ /dev/null
@@ -1,281 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-var fs = require("fs");
-var path = require("path");
-var stream = require("stream");
-
-var async = require("async");
-
-var task = require("async-build");
-
-(function () {
-	var _TypeScript = null;
-	var _UglifyJS = null;
-	var _npm = null;
-
-	Object.defineProperties(global, {
-		TypeScript: { get: function () { return _TypeScript || (_TypeScript = require("./build/typescript/index.js")); } },
-		UglifyJS: { get: function () { return _UglifyJS || (_UglifyJS = require("./build/uglify.js")); } },
-		npm: { get: function () { return _npm || (_npm = require("npm")); } },
-	});
-})();
-
-task("build-tools", function (callback) {
-	async.every(["./build/typescript/typescript.d.ts", "./build/typescript/index.js", "./build/doc.js"], fs.exists.bind(fs), function (allExist) {
-		if (allExist) {
-			callback();
-			return;
-		}
-
-		var typescriptPath = path.join(require.resolve("typescript"), "..", "..");
-
-		async.waterfall([
-			async.parallel.bind(async, [
-				fs.readFile.bind(fs, path.join(typescriptPath, "lib", "typescript.d.ts"), "utf8"),
-				fs.readFile.bind(fs, "./build/typescript/extras.d.ts", "utf8")
-			]),
-			function (results, callback) {
-				var newDts = results[0] + "\n\n" + results[1];
-				fs.writeFile("./build/typescript/typescript.d.ts", newDts, "utf8", callback);
-			},
-			function (callback) {
-				npm.load(function () {
-					npm.commands["run-script"](["build"], callback);
-				});
-			}
-		], callback);
-	});
-});
-
-task("default", ["libjass.js", "libjass.min.js"]);
-
-task("version.ts", function (callback) {
-	fs.exists("./src/version.ts", function (exists) {
-		if (exists) {
-			callback();
-			return;
-		}
-
-		async.waterfall([
-			fs.readFile.bind(fs, "./package.json"),
-			function (buffer, callback) {
-				try {
-					var packageJson = JSON.parse(buffer);
-					var versionString = packageJson.version;
-					var versionParts = versionString.split(".").map(function (num) { return parseInt(num); });
-					var versionFileContents =
-						"/* tslint:disable */\n" +
-						"\n" +
-						"/**\n" +
-						" * The version of libjass. An array like\n" +
-						" *\n" +
-						" *     [\"0.12.0\", 0, 12, 0]\n" +
-						" *\n" +
-						" * @type {!Array.<string|number>}\n" +
-						" */\n" +
-						"export const version = " + JSON.stringify([versionString].concat(versionParts)) + ";\n";
-					callback(null, versionFileContents);
-				}
-				catch (ex) {
-					callback(ex);
-				}
-			},
-			function (contents, callback) {
-				fs.writeFile("./src/version.ts", contents, "utf8", callback);
-			}
-		], callback);
-	});
-});
-
-task("libjass.js", ["build-tools", "version.ts"], function (callback) {
-	fs.exists("./lib/libjass.js", function (exists) {
-		if (exists) {
-			callback();
-			return;
-		}
-
-		callback(null, task.src("./src/tsconfig.json")
-			.pipe(TypeScript.build("./src/index.ts", "libjass"))
-			.pipe(UglifyJS.build("libjass", ["AttachmentType", "BorderStyle", "ClockEvent", "Format", "WorkerCommands", "WrappingStyle"]))
-			.pipe(task.dest("./lib")));
-	});
-});
-
-task("libjass.min.js", ["libjass.js"], function (callback) {
-	fs.exists("./lib/libjass.min.js", function (exists) {
-		if (exists) {
-			callback();
-			return;
-		}
-
-		callback(null, task.src(["./lib/libjass.js", "./lib/libjass.js.map"], { relativeTo: "./lib" })
-			.pipe(UglifyJS.minify())
-			.pipe(task.dest("./lib")));
-	});
-});
-
-task("clean", task.clean(["./src/version.ts", "./lib/libjass.js", "./lib/libjass.js.map", "./lib/libjass.min.js", "./lib/libjass.min.js.map"]));
-
-task("watch", ["build-tools", "version.ts"], function (callback) {
-	npm.load(function () {
-		var testRunning = false;
-		var rerunTest = false;
-
-		var startTest = function () {
-			npm.commands["run-script"](["test-lib"], function () {
-				testRunning = false;
-
-				if (rerunTest) {
-					startTest();
-					rerunTest = false;
-				}
-			});
-
-			testRunning = true;
-		};
-
-		var runTest = function () {
-			if (!testRunning) {
-				startTest();
-			}
-			else {
-				rerunTest = true;
-			}
-		};
-
-		task.src("./src/tsconfig.json")
-			.pipe(TypeScript.watch("./src/index.ts", "libjass"))
-			.pipe(UglifyJS.watch("libjass", ["BorderStyle", "ClockEvent", "Format", "WorkerCommands", "WrappingStyle"]))
-			.pipe(task.dest("./lib"))
-			.pipe(new task.FileTransform(function (file) {
-				if (file.path === "libjass.js") {
-					runTest();
-				}
-			}));
-
-		task.watch("./tests/unit/", runTest);
-	});
-});
-
-task("test-lib", ["libjass.js"], function (callback) {
-	npm.load(function () {
-		npm.commands["run-script"](["test-lib"], callback);
-	});
-});
-
-task("test-minified", ["libjass.min.js"], function (callback) {
-	npm.load(function () {
-		npm.commands["run-script"](["test-minified"], callback);
-	});
-});
-
-// Start Selenium server with
-//    java.exe -jar .\selenium-server-standalone-2.48.2.jar -Dwebdriver.ie.driver=IEDriverServer.exe -Dwebdriver.chrome.driver=chromedriver.exe
-task("test-browser", ["libjass.js"], function (callback) {
-	npm.load(function () {
-		npm.commands["run-script"](["test-browser"], callback);
-	});
-});
-
-task("test", ["test-lib", "test-minified"]);
-
-task("demo", ["libjass.js"], function () {
-	return task.src(["./lib/libjass.js", "./lib/libjass.js.map", "./lib/libjass.css"], { relativeTo: "./lib" }).pipe(task.dest("../libjass-gh-pages/demo/"));
-});
-
-task("doc", ["make-doc", "test-doc"]);
-
-task("make-doc", ["build-tools", "version.ts"], function () {
-	var Doc = require("./build/doc.js");
-
-	return task.src("./src/tsconfig.json")
-		.pipe(Doc.build("./api.xhtml", "./src/index.ts", "libjass"))
-		.pipe(task.dest("../libjass-gh-pages/"));
-});
-
-task("test-doc", ["make-doc", "libjass.js"], function (callback) {
-	npm.load(function () {
-		npm.commands["run-script"](["test-doc"], callback);
-	});
-});
-
-task("dist", ["libjass.js", "libjass.min.js", "test", "test-browser", "demo", "doc"], function (callback) {
-	var inputFiles = [
-		"./README.md", "./CHANGELOG.md", "./LICENSE",
-		"./lib/libjass.js", "./lib/libjass.js.map",
-		"./lib/libjass.min.js", "./lib/libjass.min.js.map",
-		"./lib/libjass.css"
-	];
-
-	var files = Object.create(null);
-	inputFiles.forEach(function (filename) {
-		files["./dist/" + path.basename(filename)] = filename;
-	});
-
-	async.series([
-		// Clean dist/
-		task.clean(Object.keys(files).concat(["./dist/package.json"])),
-
-		// Create dist/ if necessary
-		function (callback) {
-			fs.mkdir("./dist", function (err) {
-				if (err && err.code !== "EEXIST") {
-					callback(err);
-					return;
-				}
-
-				callback();
-			});
-		},
-
-		// Copy all files except package.json
-		async.forEachOf.bind(async, files, function (inputFilename, outputFilename, callback) {
-			async.waterfall([fs.readFile.bind(fs, inputFilename), fs.writeFile.bind(fs, outputFilename)], callback);
-		}),
-
-		// Copy package.json
-		async.waterfall.bind(async, [
-			fs.readFile.bind(fs, "./package.json"),
-			function (data, callback) {
-				try {
-					var packageJson = JSON.parse(data);
-					packageJson.devDependencies = undefined;
-					packageJson.private = undefined;
-					packageJson.scripts = undefined;
-					packageJson.main = "libjass.js";
-				}
-				catch (ex) {
-					callback(ex);
-					return;
-				}
-
-				callback(null, new Buffer(JSON.stringify(packageJson, null, "\t")));
-			},
-			fs.writeFile.bind(fs, "./dist/package.json")
-		])
-	], callback);
-});
-
-task.runArgv(function (err) {
-	if (err) {
-		process.exit(1);
-	}
-});
diff --git a/negromate/web/static/js/libjass/build/doc.ts b/negromate/web/static/js/libjass/build/doc.ts
deleted file mode 100644
index f5a1606..0000000
--- a/negromate/web/static/js/libjass/build/doc.ts
+++ /dev/null
@@ -1,884 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { FileTransform } from "async-build";
-
-import * as AST from "./typescript/ast";
-import { Compiler } from "./typescript/compiler";
-import { walk } from "./typescript/walker";
-
-function flatten<T>(arr: T[][]): T[] {
-	let result: T[] = [];
-
-	for (const a of arr) {
-		result = result.concat(a);
-	}
-
-	return result;
-}
-
-const sorter = (() => {
-	function visibilitySorter(value1: { isPrivate?: boolean; isProtected?: boolean; }, value2: { isPrivate?: boolean; isProtected?: boolean; }) {
-		if (value1.isPrivate === value2.isPrivate && value1.isProtected === value2.isProtected) {
-			return 0;
-		}
-
-		if (value1.isPrivate) {
-			return 1;
-		}
-
-		if (value2.isPrivate) {
-			return -1;
-		}
-
-		if (value1.isProtected) {
-			return 1;
-		}
-
-		if (value2.isProtected) {
-			return -1;
-		}
-
-		return 0;
-	}
-
-	const types = [AST.Property, AST.Function, AST.Interface, AST.Class, AST.Enum];
-	function typeSorter(value1: AST.ModuleMember | AST.NamespaceMember, value2: AST.ModuleMember | AST.NamespaceMember) {
-		let type1Index = -1;
-		let type2Index = -1;
-
-		types.every((type, index) => {
-			if (value1 instanceof type) {
-				type1Index = index;
-			}
-			if (value2 instanceof type) {
-				type2Index = index;
-			}
-			return (type1Index === -1) || (type2Index === -1);
-		});
-
-		return type1Index - type2Index;
-	}
-
-	function nameSorter(value1: { name: string }, value2: { name: string }) {
-		return value1.name.localeCompare(value2.name);
-	}
-
-	const sorters: ((value1: AST.ModuleMember, value2: AST.ModuleMember) => number)[] = [visibilitySorter, typeSorter, nameSorter];
-
-	return (value1: AST.ModuleMember, value2: AST.ModuleMember) => {
-		for (const sorter of sorters) {
-			const result = sorter(value1, value2);
-
-			if (result !== 0) {
-				return result;
-			}
-		}
-
-		return 0;
-	};
-})();
-
-function indenter(indent: number) {
-	return (line: string) => ((line === "") ? line : (Array(indent + 1).join("\t") + line));
-}
-
-function sanitize(str: string) {
-	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-
-function toVariableName(item: { name: string }) {
-	// TODO: Handle non-letters (are both their toLowerCase() and toUpperCase())
-
-	const name = item.name;
-	let result = "";
-
-	for (let i = 0; i < name.length; i++) {
-		if (name[i] === name[i].toLowerCase()) {
-			// This is lower case. Write it as lower case.
-			result += name[i];
-		}
-
-		else {
-			// This is upper case.
-
-			if (i === 0) {
-				// This is the first character. Write it as lower case.
-				result += name[i].toLowerCase();
-			}
-
-			else if (name[i - 1] === name[i - 1].toUpperCase()) {
-				// The previous character was upper case.
-
-				if (i === name.length - 1) {
-					// This is the last character. Write it as lower case.
-					result += name[i].toLowerCase();
-				}
-				else if (name[i + 1] === name[i + 1].toLowerCase()) {
-					// The next character is lower case so this is the start of a new word. Write this one as upper case.
-					result += name[i];
-				}
-				else {
-					// The next character is upper case. Write this one as lower case.
-					result += name[i].toLowerCase();
-				}
-			}
-
-			else {
-				// Previous character was lower case so this is the start of a new word. Write this one as upper case.
-				result += name[i];
-			}
-		}
-	}
-
-	return result;
-}
-
-function toUsageName(item: AST.Class | AST.Interface | AST.Function | AST.Property | AST.Enum): string {
-	if (item.parent instanceof AST.Module) {
-		return item.name;
-	}
-
-	if (item instanceof AST.Class || item instanceof AST.Interface || item instanceof AST.Enum) {
-		if (item.isPrivate) {
-			return item.name;
-		}
-
-		return item.fullName;
-	}
-
-	if (item.parent instanceof AST.Namespace) {
-		if ((item as AST.CanBePrivate).isPrivate) {
-			return item.name;
-		}
-
-		return item.fullName;
-	}
-
-	if ((item as AST.CanBeStatic).isStatic) {
-		return toUsageName(item.parent as AST.Class | AST.Interface) + '.' + item.name;
-	}
-
-	return toVariableName(item.parent) + '.' + item.name;
-}
-
-function toId(item: { fullName?: string; name: string; }): string {
-	return sanitize((item.fullName === undefined) ? item.name : item.fullName);
-}
-
-function toLink(item: AST.ModuleMember | AST.EnumMember | AST.TypeReference): string {
-	let result = `<a href="#${ toId(item) }">${ sanitize(item.name) }`;
-
-	if (AST.hasGenerics(item) && item.generics.length > 0) {
-		const generics = item.generics as (string | AST.TypeReference | AST.IntrinsicTypeReference)[];
-		result += sanitize(`.<${ generics.map(generic =>
-			(generic instanceof AST.TypeReference || generic instanceof AST.IntrinsicTypeReference) ? generic.name : generic
-		).join(', ') }>`);
-	}
-
-	result += '</a>';
-
-	return result;
-}
-
-function writeDescription(text: string): string {
-	let result = sanitize(text).replace(/\{@link ([^} ]+)\}/g, (substring, linkTarget) => `<a href="#${ linkTarget }">${ linkTarget }</a>`);
-
-	let inCodeBlock = false;
-	result = result.split("\n").map(line => {
-		if (line.substr(0, "    ".length) === "    ") {
-			line = line.substr("    ".length);
-
-			if (!inCodeBlock) {
-				inCodeBlock = true;
-				line = `<pre class="code"><code>${ line }`;
-			}
-		}
-		else if (line.length > 0 && inCodeBlock) {
-			inCodeBlock = false;
-			line = `</code></pre>${ line }`;
-		}
-		else if (line.length === 0 && !inCodeBlock) {
-			line = "</p><p>";
-		}
-
-		return line;
-	}).join("\n");
-
-	if (inCodeBlock) {
-		result += '</code></pre>';
-	}
-
-	result = `<p>${ result }</p>`.replace(/<p>\s*<\/p>/g, "").replace(/<p>\s+/g, "<p>").replace(/\s+<\/p>/g, "</p>");
-
-	if (result.substr("<p>".length).indexOf("<p>") === -1) {
-		result = result.substring("<p>".length, result.length - "</p>".length);
-	}
-
-	return result;
-}
-
-function writeParameters(parameters: AST.Parameter[]): string[] {
-	if (parameters.length === 0) {
-		return [];
-	}
-
-	return [
-		'<dd class="parameters">',
-		'	<dl>'
-	].concat(flatten(parameters.map(parameter => {
-		return [
-		`		<dt class="parameter name">${ sanitize(parameter.name) }</dt>`,
-		`		<dd class="parameter type">${ sanitize(parameter.type) }</dd>`,
-		`		<dd class="parameter description">${ writeDescription(parameter.description) }</dd>`
-		].concat(writeParameters(parameter.subParameters).map(indenter(2)));
-	}))).concat([
-		'	</dl>',
-		'</dd>'
-	]);
-}
-
-function functionToHtml(func: AST.Function): string[] {
-	return [
-		`<dl id="${ toId(func) }" class="function${
-			func.isAbstract ? ' abstract' : '' }${
-			func.isPrivate ? ' private' : ''}${
-			func.isProtected ? ' protected' : ''}${
-			func.isStatic ? ' static' : ''}">`,
-		`	<dt class="name">${ toLink(func) }</dt>`,
-		'	<dd class="description">',
-		`		${ writeDescription(func.description) }`,
-		'	</dd>',
-		`	<dd class="usage"><fieldset><legend /><pre><code>${
-				sanitize(
-					`${ (func.returnType !== null) ? 'var result = ' : '' }${ toUsageName(func) }(${
-					func.parameters.map(parameter => parameter.name).join(', ') });`
-				) }</code></pre></fieldset></dd>`
-	].concat(writeParameters(func.parameters).map(indenter(1))).concat(
-		(func.returnType === null) ? [] : [
-		'	<dt>Returns</dt>',
-		`	<dd class="return type">${ sanitize(func.returnType.type) }</dd>`,
-		`	<dd class="return description">${ writeDescription(func.returnType.description) }</dd>`
-		]
-	).concat([
-		'</dl>',
-		''
-	]);
-}
-
-function interfaceToHtml(interfase: AST.Interface): string[] {
-	const members: AST.InterfaceMember[] = [];
-	Object.keys(interfase.members).forEach(memberName => members.push(interfase.members[memberName]));
-
-	members.sort(sorter);
-
-	return [
-		`<dl id="${ toId(interfase) }" class="interface${ interfase.isPrivate ? ' private' : '' }">`,
-		`	<dt class="name">interface ${ toLink(interfase) }${ (interfase.baseTypes.length > 0) ? ` extends ${
-			interfase.baseTypes.map(baseType => baseType instanceof AST.TypeReference ? toLink(baseType) : baseType.name).join(', ')
-		}` : '' }</dt>`,
-		'	<dd class="description">',
-		`		${ writeDescription(interfase.description) }`,
-		'	</dd>',
-		'	<dd class="members">'
-	].concat(flatten(members.map(member => {
-		if (member instanceof AST.Property) {
-			return propertyToHtml(member).map(indenter(2));
-		}
-		else if (member instanceof AST.Function) {
-			return functionToHtml(member).map(indenter(2));
-		}
-		else {
-			throw new Error(`Unrecognized member type: ${ (member as any).constructor.name }`);
-		}
-	}))).concat([
-		'	</dd>',
-		'</dl>',
-		''
-	]);
-}
-
-function classToHtml(clazz: AST.Class): string[] {
-	const members: AST.InterfaceMember[] = [];
-	Object.keys(clazz.members).forEach(memberName => members.push(clazz.members[memberName]));
-
-	members.sort(sorter);
-
-	return [
-		`<dl id="${ toId(clazz) }" class="clazz${
-			clazz.isAbstract ? ' abstract' : ''}${
-			clazz.isPrivate ? ' private' : ''}">`,
-		`	<dt class="name">class ${ toLink(clazz) }${
-				(clazz.baseType !== null) ? ` extends ${ (clazz.baseType instanceof AST.TypeReference) ? toLink(clazz.baseType) : clazz.baseType.name }` : '' }${
-				(clazz.interfaces.length > 0) ? ` implements ${ clazz.interfaces.map(interfase => interfase instanceof AST.TypeReference ? toLink(interfase) : interfase.name).join(', ') }` : ''}</dt>`,
-		'	<dd class="description">',
-		`		${ writeDescription(clazz.description) }`,
-		'	</dd>',
-		`	<dd class="usage"><fieldset><legend /><pre><code>${
-				sanitize(
-					`var ${ toVariableName(clazz) } = new ${ toUsageName(clazz) }(${
-					clazz.parameters.map(parameter => parameter.name).join(', ') });`
-				) }</code></pre></fieldset></dd>`
-	].concat(writeParameters(clazz.parameters).map(indenter(1))).concat([
-		'	<dd class="members">'
-	]).concat(flatten(members.map(member => {
-		if (member instanceof AST.Property) {
-			return propertyToHtml(member).map(indenter(2));
-		}
-		else if (member instanceof AST.Function) {
-			return functionToHtml(member).map(indenter(2));
-		}
-		else {
-			throw new Error(`Unrecognized member type: ${ (member as any).constructor.name }`);
-		}
-	}))).concat([
-		'	</dd>',
-		'</dl>',
-		''
-	]);
-}
-
-function enumToHtml(enumType: AST.Enum): string[] {
-	return [
-		`<dl id="${ toId(enumType) }" class="enum${ enumType.isPrivate ? ' private' : '' }">`,
-		`	<dt class="name">enum <a href="#${ sanitize(enumType.fullName) }">${ sanitize(enumType.name) }</a></dt>`,
-		'	<dd class="description">',
-		`		${ writeDescription(enumType.description) }`,
-		'	</dd>'
-	].concat([
-		'	<dd class="members">'
-	]).concat(flatten(enumType.members.map(member => [
-		`		<dl id="${ toId(member) }" class="member">`,
-		`			<dt class="name">${ toLink(member) } = ${ member.value }</dt>`,
-		'			<dd class="description">',
-		`				${ writeDescription(member.description) }`,
-		'			</dd>',
-		'		</dl>'
-		]))).concat([
-		'	</dd>',
-		'</dl>',
-		''
-	]);
-}
-
-function propertyToHtml(property: AST.Property): string[] {
-	return [
-		`<dl id="${ toId(property) }" class="property">`,
-		`	<dt class="name">${ toLink(property) }</dt>`
-	].concat((property.getter === null) ? [] : [
-		`	<dt class="getter${ property.getter.isPrivate ? ' private' : '' }">Getter</dt>`,
-		'	<dd class="description">',
-		`		${ writeDescription(property.getter.description) }`,
-		'	</dd>',
-		`	<dd class="usage"><fieldset><legend /><pre><code>${ sanitize(`var result = ${ toUsageName(property) };`) }</code></pre></fieldset></dd>`,
-		`	<dd class="return type">${ sanitize(property.getter.type) }</dd>`
-	]).concat((property.setter === null) ? [] : [
-		`	<dt class="setter${ property.setter.isPrivate ? ' private' : '' }">Setter</dt>`,
-		'	<dd class="description">',
-		`		${ writeDescription(property.setter.description) }`,
-		'	</dd>',
-		`	<dd class="usage"><fieldset><legend /><pre><code>${ sanitize(`${ toUsageName(property) } = value;`) }</code></pre></fieldset></dd>`
-	].concat(writeParameters([new AST.Parameter("value", "", property.setter.type)]).map(indenter(1)))).concat([
-		'</dl>',
-		''
-	]);
-}
-
-export function build(outputFilePath: string, root: string, rootNamespaceName: string): FileTransform {
-	const compiler = new Compiler();
-
-	return new FileTransform(function (file): void {
-		// Compile
-		compiler.compile(file);
-
-		// Walk
-		const walkResult = walk(compiler, root, rootNamespaceName);
-		const namespaces = walkResult.namespaces;
-		const modules = walkResult.modules;
-
-		// Make HTML
-
-		const namespaceNames = Object.keys(namespaces)
-			.filter(namespaceName => namespaceName.substr(0, rootNamespaceName.length) === rootNamespaceName)
-			.sort((ns1, ns2) => ns1.localeCompare(ns2));
-
-		const moduleNames = Object.keys(modules).sort((ns1, ns2) => ns1.localeCompare(ns2)).filter(moduleName => Object.keys(modules[moduleName].members).length > 0);
-
-		this.push({
-			path: outputFilePath,
-			contents: Buffer.concat([new Buffer(
-`<?xml version="1.0" encoding="utf-8" ?>
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-	<head>
-		<title>${ rootNamespaceName } API Documentation</title>
-		<style type="text/css">
-		<![CDATA[
-			html, body, .navigation, .content {
-				height: 100%;
-				margin: 0;
-			}
-
-			.navigation, .content {
-				overflow-y: scroll;
-			}
-
-			.navigation {
-				float: left;
-				background-color: white;
-				padding: 0 20px;
-				margin-right: 20px;
-			}
-
-			.navigation .namespace, .navigation .module {
-				margin-top: 1em;
-			}
-
-			.navigation .elements {
-				margin: 0;
-			}
-
-			.content > section:not(:last-child) {
-				border-bottom: 1px solid black;
-			}
-
-			.clazz, .enum, .function, .interface, .property {
-				margin-left: 30px;
-				padding: 10px;
-			}
-
-			.getter, .setter {
-				font-size: large;
-			}
-
-			section > .clazz:nth-child(2n), section > .enum:nth-child(2n), section > .function:nth-child(2n), section > .interface:nth-child(2n), section > .property:nth-child(2n) {
-				background-color: rgb(221, 250, 238);
-			}
-
-			section > .clazz:nth-child(2n + 1), section > .enum:nth-child(2n + 1), section > .function:nth-child(2n + 1), section > .interface:nth-child(2n + 1), section > .property:nth-child(2n + 1) {
-				background-color: rgb(244, 250, 221);
-			}
-
-			.name {
-				font-size: x-large;
-			}
-
-			.usage {
-				font-size: large;
-				font-style: italic;
-			}
-
-			.usage legend:before {
-				content: "Usage";
-			}
-
-			.usage fieldset {
-				min-width: initial;
-				overflow-x: auto;
-			}
-
-			.usage pre {
-				margin: 0;
-			}
-
-			.clazz .function, .clazz .property, .interface .function, .interface .property, .enum .member {
-				background-color: rgb(250, 241, 221);
-			}
-
-			.parameter.name {
-				font-size: large;
-			}
-
-			.type {
-				font-style: italic;
-			}
-
-			.type:before {
-				content: "Type: ";
-			}
-
-			.abstract > .name:before {
-				content: "abstract ";
-			}
-
-			.clazz .private > .name:before {
-				content: "private ";
-			}
-
-			.clazz .protected > .name:before {
-				content: "protected ";
-			}
-
-			.static > .name:before {
-				content: "static ";
-			}
-
-			.abstract.private > .name:before {
-				content: "abstract private ";
-			}
-
-			.private.static > .name:before {
-				content: "static private ";
-			}
-
-			.abstract.protected > .name:before {
-				content: "abstract protected ";
-			}
-
-			.protected.static > .name:before {
-				content: "static protected ";
-			}
-
-			body:not(.show-private) .clazz .private, body:not(.show-private) .clazz .protected, body:not(.show-private) .module {
-				display: none;
-			}
-
-			.description .code {
-				margin-left: 30px;
-			}
-		]]>
-		</style>
-		<script>
-		<![CDATA[
-			addEventListener("DOMContentLoaded", function () {
-				document.querySelector("#show-private").addEventListener("change", function (event) {
-					document.body.className = (event.target.checked ? "show-private" : "");
-				}, false);
-
-				showPrivateIfNecessary();
-			}, false);
-
-			function showPrivateIfNecessary() {
-				var jumpToElement = document.querySelector("[id=\\"" + location.hash.substr(1) + "\\"]");
-				if (jumpToElement !== null && jumpToElement.offsetHeight === 0) {
-					document.querySelector("#show-private").click()
-					jumpToElement.scrollIntoView();
-				}
-			}
-
-			addEventListener("hashchange", showPrivateIfNecessary, false);
-		]]>
-		</script>
-	</head>
-	<body>
-		<nav class="navigation">
-			<label><input type="checkbox" id="show-private" />Show private</label>
-`
-			)].concat(namespaceNames.map(namespaceName => {
-				const namespace = namespaces[namespaceName];
-
-				const namespaceMembers: AST.NamespaceMember[] = [];
-				for (const memberName of Object.keys(namespace.members)) {
-					namespaceMembers.push(namespace.members[memberName]);
-				}
-
-				namespaceMembers.sort(sorter);
-
-				return Buffer.concat([new Buffer(
-`			<fieldset class="namespace">
-				<legend><a href="#${ sanitize(namespaceName) }">${ sanitize(namespaceName) }</a></legend>
-				<ul class="elements">
-`
-				)].concat(namespaceMembers.map(member => new Buffer(
-`					<li><a href="#${ sanitize(member.fullName) }">${ sanitize(member.name) }</a></li>
-`
-				))).concat([new Buffer(
-`				</ul>
-			</fieldset>
-
-`
-				)]));
-			})).concat(moduleNames.map(moduleName => {
-				const module = modules[moduleName];
-
-				const moduleMembers: AST.ModuleMemberWithoutReference[] = [];
-				for (const memberName of Object.keys(module.members)) {
-					const member = module.members[memberName];
-					if ((member as AST.HasParent).parent === module) {
-						moduleMembers.push(member as AST.ModuleMemberWithoutReference);
-					}
-				}
-
-				if (moduleMembers.length === 0) {
-					return new Buffer("");
-				}
-
-				moduleMembers.sort(sorter);
-
-				return Buffer.concat([new Buffer(
-`			<fieldset class="module">
-				<legend><a href="#${ sanitize(moduleName) }">${ sanitize(moduleName) }</a></legend>
-				<ul class="elements">
-`
-				)].concat(moduleMembers.map(member => new Buffer(
-`					<li><a href="#${ sanitize(member.fullName) }">${ sanitize(member.name) }</a></li>
-`
-				))).concat([new Buffer(
-`				</ul>
-			</fieldset>
-
-`
-				)]));
-			})).concat([new Buffer(
-`		</nav>
-
-		<div class="content">
-`
-			)]).concat(flatten(namespaceNames.map(namespaceName => {
-				const namespace = namespaces[namespaceName];
-
-				const namespaceMembers: AST.NamespaceMember[] = [];
-				for (const memberName of Object.keys(namespace.members)) {
-					namespaceMembers.push(namespace.members[memberName]);
-				}
-
-				namespaceMembers.sort(sorter);
-
-				const properties = namespaceMembers.filter(member => member instanceof AST.Property) as AST.Property[];
-				const functions = namespaceMembers.filter(member => member instanceof AST.Function) as AST.Function[];
-				const interfaces = namespaceMembers.filter(member => member instanceof AST.Interface) as AST.Interface[];
-				const classes = namespaceMembers.filter(member => member instanceof AST.Class) as AST.Class[];
-				const enums = namespaceMembers.filter(member => member instanceof AST.Enum) as AST.Enum[];
-
-				const result = [new Buffer(
-`			<section class="namespace">
-				<h1 id="${ sanitize(namespaceName) }">Namespace ${ sanitize(namespaceName) }</h1>
-`
-				)];
-
-				if (properties.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Properties</h2>
-`
-					));
-
-					for (const property of properties) {
-						result.push(new Buffer(propertyToHtml(property).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				if (functions.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Free functions</h2>
-`
-					));
-
-					for (const func of functions) {
-						result.push(new Buffer(functionToHtml(func).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				if (interfaces.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Interfaces</h2>
-`
-					));
-
-					for (const interfase of interfaces) {
-						result.push(new Buffer(interfaceToHtml(interfase).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				if (classes.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Classes</h2>
-`
-					));
-
-					for (const clazz of classes) {
-						result.push(new Buffer(classToHtml(clazz).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				if (enums.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Enums</h2>
-`
-					));
-
-					for (const enumType of enums) {
-						result.push(new Buffer(enumToHtml(enumType).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				result.push(new Buffer(
-`			</section>
-`
-				));
-
-				return result;
-			}))).concat(flatten(moduleNames.map(moduleName => {
-				const module = modules[moduleName];
-
-				const moduleMembers: AST.ModuleMember[] = [];
-				for (const memberName of Object.keys(module.members)) {
-					const member = module.members[memberName];
-					if ((member as AST.HasParent).parent === module) {
-						moduleMembers.push(member);
-					}
-				}
-
-				if (moduleMembers.length === 0) {
-					return [];
-				}
-
-				moduleMembers.sort(sorter);
-
-				const properties = moduleMembers.filter(member => member instanceof AST.Property) as AST.Property[];
-				const functions = moduleMembers.filter(member => member instanceof AST.Function) as AST.Function[];
-				const interfaces = moduleMembers.filter(member => member instanceof AST.Interface) as AST.Interface[];
-				const classes = moduleMembers.filter(member => member instanceof AST.Class) as AST.Class[];
-				const enums = moduleMembers.filter(member => member instanceof AST.Enum) as AST.Enum[];
-
-				const result = [new Buffer(
-`			<section class="module">
-				<h1 id="${ sanitize(moduleName) }">Module ${ sanitize(moduleName) }</h1>
-`
-				)];
-
-				if (properties.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Properties</h2>
-`
-					));
-
-					for (const property of properties) {
-						result.push(new Buffer(propertyToHtml(property).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				if (functions.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Free functions</h2>
-`
-					));
-
-					for (const func of functions) {
-						result.push(new Buffer(functionToHtml(func).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				if (interfaces.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Interfaces</h2>
-`
-					));
-
-					for (const interfase of interfaces) {
-						result.push(new Buffer(interfaceToHtml(interfase).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				if (classes.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Classes</h2>
-`
-					));
-
-					for (const clazz of classes) {
-						result.push(new Buffer(classToHtml(clazz).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				if (enums.length > 0) {
-					result.push(new Buffer(
-`				<section>
-					<h2>Enums</h2>
-`
-					));
-
-					for (const enumType of enums) {
-						result.push(new Buffer(enumToHtml(enumType).map(indenter(5)).join("\n")));
-					}
-
-					result.push(new Buffer(
-`				</section>
-`
-					));
-				}
-
-				result.push(new Buffer(
-`			</section>
-`
-				));
-
-				return result;
-			}))).concat([new Buffer(
-`		</div>
-	</body>
-</html>
-`
-			)]))
-		});
-	});
-}
diff --git a/negromate/web/static/js/libjass/build/node.d.ts b/negromate/web/static/js/libjass/build/node.d.ts
deleted file mode 100644
index ec700f5..0000000
--- a/negromate/web/static/js/libjass/build/node.d.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-// Type definitions for Node.js v0.12.0
-// Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/borisyankov/DefinitelyTyped>
-// Definitions: https://github.com/borisyankov/DefinitelyTyped
-
-declare var require: {
-    resolve(id: string): string;
-};
-
-interface BufferConstructor {
-	new (str: string): Buffer;
-	prototype: Buffer;
-	concat(list: Buffer[]): Buffer;
-}
-
-declare module "fs" {
-	export function existsSync(filename: string): boolean;
-	export function readFileSync(filename: string, options: { encoding: string }): string;
-}
-
-declare module "path" {
-	export function basename(p: string, ext?: string): string;
-	export function extname(p: string): string;
-}
diff --git a/negromate/web/static/js/libjass/build/tsconfig.json b/negromate/web/static/js/libjass/build/tsconfig.json
deleted file mode 100644
index 5394740..0000000
--- a/negromate/web/static/js/libjass/build/tsconfig.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-	"compilerOptions": {
-		"forceConsistentCasingInFileNames": true,
-		"noFallthroughCasesInSwitch": true,
-		"noImplicitAny": true,
-		"noImplicitReturns": true,
-		"noImplicitThis": true,
-		"noUnusedLocals": true,
-		"noUnusedParameters": false,
-		"strictNullChecks": false,
-
-		"target": "es5",
-		"module": "commonjs",
-		"moduleResolution": "classic",
-		"noImplicitUseStrict": false,
-		"types": []
-	},
-
-	"files": [
-		"./typescript/index.ts",
-		"./doc.ts",
-		"./node.d.ts",
-		"./typescript/typescript.d.ts",
-		"../node_modules/async-build/typings.d.ts"
-	]
-}
diff --git a/negromate/web/static/js/libjass/build/typescript/ast.ts b/negromate/web/static/js/libjass/build/typescript/ast.ts
deleted file mode 100644
index c90a89c..0000000
--- a/negromate/web/static/js/libjass/build/typescript/ast.ts
+++ /dev/null
@@ -1,204 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import ts = require("typescript");
-
-export class HasParent {
-	public parent: HasParent = null;
-
-	constructor(public name: string) { }
-
-	get fullName(): string {
-		if (this.parent === null) {
-			return this.name;
-		}
-
-		const parent = this.parent;
-		if (parent instanceof Namespace) {
-			return parent.getMemberFullName(this);
-		}
-
-		return `${ this.parent.fullName }.${ this.name }`;
-	}
-}
-
-export class Module extends HasParent {
-	public parent: Module = null;
-
-	public members: { [name: string]: ModuleMember } = Object.create(null);
-
-	constructor(public fileName: string) {
-		super(fileName);
-	}
-}
-
-export type ModuleMember = Class | Interface | Function | Property | Enum | Reference;
-export type ModuleMemberWithoutReference = Class | Interface | Function | Property | Enum;
-
-export class Reference {
-	constructor(public moduleName: string, public name: string, public isPrivate: boolean) { }
-}
-
-export class Namespace extends HasParent {
-	public parent: Namespace = null;
-
-	public members: { [name: string]: NamespaceMember } = Object.create(null);
-
-	constructor(name: string) {
-		super(name);
-	}
-
-	getMemberFullName(member: HasParent) {
-		return `${ this.fullName }.${ member.name }`;
-	}
-}
-
-export type NamespaceMember = Class | Interface | Function | Property | Enum;
-
-export class Class extends HasParent {
-	public parent: Module | Namespace = null;
-
-	public unresolvedBaseType: UnresolvedType | TypeReference | IntrinsicTypeReference;
-	public baseType: TypeReference | IntrinsicTypeReference = null;
-
-	public unresolvedInterfaces: (UnresolvedType | TypeReference | IntrinsicTypeReference)[];
-	public interfaces: (TypeReference | IntrinsicTypeReference)[] = [];
-
-	public members: { [name: string]: InterfaceMember } = Object.create(null);
-
-	constructor(name: string, public astNode: ts.Node, public description: string, public generics: string[], public parameters: Parameter[], baseType: UnresolvedType | TypeReference | IntrinsicTypeReference, interfaces: (UnresolvedType | TypeReference | IntrinsicTypeReference)[], public isAbstract: boolean, public isPrivate: boolean) {
-		super(name);
-
-		this.unresolvedBaseType = baseType;
-		this.unresolvedInterfaces = interfaces;
-	}
-}
-
-export type InterfaceMember = Property | Function;
-
-export class Interface extends HasParent {
-	public parent: Module | Namespace = null;
-
-	public unresolvedBaseTypes: (UnresolvedType | TypeReference | IntrinsicTypeReference)[];
-	public baseTypes: (TypeReference | IntrinsicTypeReference)[] = [];
-
-	public members: { [name: string]: InterfaceMember } = Object.create(null);
-
-	constructor(name: string, public astNode: ts.Node, public description: string, public generics: string[], baseTypes: (UnresolvedType | TypeReference | IntrinsicTypeReference)[], public isPrivate: boolean) {
-		super(name);
-
-		this.unresolvedBaseTypes = baseTypes;
-	}
-}
-
-export class Function extends HasParent {
-	public parent: Module | Namespace | Class | Interface = null;
-
-	constructor(name: string, public astNode: ts.Node, public description: string, public generics: string[], public parameters: Parameter[], public returnType: ReturnType, public isAbstract: boolean, public isPrivate: boolean, public isProtected: boolean, public isStatic: boolean) {
-		super(name);
-	}
-}
-
-export class Property extends HasParent {
-	public parent: Module | Namespace | Class | Interface = null;
-
-	public getter: Getter = null;
-	public setter: Setter = null;
-
-	constructor(name: string) {
-		super(name);
-	}
-}
-
-export class Getter {
-	constructor(public astNode: ts.Node, public description: string, public type: string, public isPrivate: boolean) { }
-}
-
-export class Setter {
-	constructor(public astNode: ts.Node, public description: string, public type: string, public isPrivate: boolean) { }
-}
-
-export class Parameter {
-	public subParameters: Parameter[] = [];
-
-	constructor(public name: string, public description: string, public type: string) { }
-}
-
-export class ReturnType {
-	constructor(public description: string, public type: string) { }
-}
-
-export class Enum extends HasParent {
-	public parent: Module | Namespace = null;
-
-	public members: EnumMember[] = [];
-
-	constructor(name: string, public astNode: ts.Node, public description: string, public isPrivate: boolean) {
-		super(name);
-	}
-}
-
-export class EnumMember extends HasParent {
-	public parent: Enum = null;
-
-	constructor(name: string, public description: string, public value: number) {
-		super(name);
-	}
-}
-
-export class TypeReference {
-	constructor(public type: NamespaceMember, public generics: (TypeReference | IntrinsicTypeReference)[]) { }
-
-	get name(): string {
-		return this.type.name;
-	}
-
-	get fullName(): string {
-		return this.type.fullName;
-	}
-}
-
-export class IntrinsicTypeReference {
-	public fullName: string;
-
-	constructor(public name: string) {
-		this.fullName = name;
-	}
-}
-
-export class UnresolvedType {
-	constructor(public symbol: ts.Symbol, public generics: (UnresolvedType | IntrinsicTypeReference)[]) { }
-}
-
-export type HasStringGenerics = Class | Interface | Function;
-
-export function hasStringGenerics(item: NamespaceMember): item is HasStringGenerics {
-	return (item as HasGenerics).generics !== undefined;
-}
-
-export type HasGenerics = HasStringGenerics | TypeReference;
-
-export function hasGenerics(item: ModuleMember | EnumMember | TypeReference): item is HasGenerics {
-	return (item as HasGenerics).generics !== undefined;
-}
-
-export type CanBePrivate = Class | Interface | Function | Getter | Setter | Enum | Reference;
-export type CanBeProtected = Function;
-export type CanBeStatic = Function;
diff --git a/negromate/web/static/js/libjass/build/typescript/compiler.ts b/negromate/web/static/js/libjass/build/typescript/compiler.ts
deleted file mode 100644
index 86ff04c..0000000
--- a/negromate/web/static/js/libjass/build/typescript/compiler.ts
+++ /dev/null
@@ -1,308 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path = require("path");
-import ts = require("typescript");
-
-import { File, FileTransform } from "async-build";
-
-import * as AST from "./ast";
-import { walk } from "./walker";
-
-export interface StreamingCompilerHost extends ts.CompilerHost {
-	setOutputStream(outputStream: FileTransform): void;
-}
-
-function createCompilerHost(options: ts.CompilerOptions): StreamingCompilerHost {
-	const host = ts.createCompilerHost(options) as StreamingCompilerHost;
-
-	let _outputStream: FileTransform = null;
-	host.setOutputStream = outputStream => _outputStream = outputStream;
-
-	host.writeFile = (fileName, data, writeByteOrderMark, onError?, sourceFiles?): void => {
-		_outputStream.push({
-			path: fileName,
-			contents: new Buffer(data)
-		});
-	};
-
-	host.useCaseSensitiveFileNames = () => true;
-
-	host.getNewLine = () => "\n";
-
-	return host;
-}
-
-export class Compiler {
-	private _projectRoot: string = null;
-	private _host: StreamingCompilerHost;
-	private _program: ts.Program = null;
-
-	compile(projectConfigFile: File) {
-		this._projectRoot = path.dirname(projectConfigFile.path);
-
-		const projectConfig = ts.parseJsonConfigFileContent(JSON.parse(projectConfigFile.contents.toString()), ts.sys, this._projectRoot);
-
-		this._host = createCompilerHost(projectConfig.options);
-		this._program = ts.createProgram(projectConfig.fileNames, projectConfig.options, this._host);
-
-		const syntacticDiagnostics = this._program.getSyntacticDiagnostics();
-		if (syntacticDiagnostics.length > 0) {
-			this._reportDiagnostics(syntacticDiagnostics);
-			throw new Error("There were one or more syntactic diagnostics.");
-		}
-
-		const optionsDiagnostics = this._program.getOptionsDiagnostics();
-		if (optionsDiagnostics.length > 0) {
-			this._reportDiagnostics(optionsDiagnostics);
-			throw new Error("There were one or more options diagnostics.");
-		}
-
-		const globalDiagnostics = this._program.getGlobalDiagnostics();
-		if (globalDiagnostics.length > 0) {
-			this._reportDiagnostics(globalDiagnostics);
-			throw new Error("There were one or more global diagnostics.");
-		}
-
-		const semanticDiagnostics = this._program.getSemanticDiagnostics();
-		if (semanticDiagnostics.length > 0) {
-			this._reportDiagnostics(semanticDiagnostics);
-			throw new Error("There were one or more semantic diagnostics.");
-		}
-	};
-
-	writeFiles(outputStream: FileTransform) {
-		this._host.setOutputStream(outputStream);
-
-		const emitDiagnostics = this._program.emit().diagnostics;
-		if (emitDiagnostics.length > 0) {
-			this._reportDiagnostics(emitDiagnostics);
-			throw new Error("There were one or more emit diagnostics.");
-		}
-	};
-
-	get projectRoot(): string {
-		return this._projectRoot;
-	}
-
-	get typeChecker(): ts.TypeChecker {
-		return this._program.getTypeChecker();
-	}
-
-	get sourceFiles(): ts.SourceFile[] {
-		return this._program.getSourceFiles();
-	}
-
-	private _reportDiagnostics(diagnostics: ts.Diagnostic[]) {
-		for (const diagnostic of diagnostics) {
-			let message = "";
-
-			if (diagnostic.file) {
-				const location = ts.getLineAndCharacterOfPosition(diagnostic.file, diagnostic.start);
-				message = `${ diagnostic.file.fileName }(${ location.line + 1 },${ location.character }): `;
-			}
-
-			message +=
-				ts.DiagnosticCategory[diagnostic.category].toLowerCase() +
-				` TS${ diagnostic.code }: ` +
-				ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n");
-
-			console.error(message);
-		}
-	};
-}
-
-export function build(root: string, rootNamespaceName: string): FileTransform {
-	const compiler = new Compiler();
-
-	return new FileTransform(function (projectConfigFile): void {
-		console.log("Compiling " + projectConfigFile.path + "...");
-
-		compiler.compile(projectConfigFile);
-
-		const walkResult = walk(compiler, root, rootNamespaceName);
-		addJSDocComments(walkResult.modules);
-
-		compiler.writeFiles(this);
-
-		console.log("Compile succeeded.");
-	});
-}
-
-function addJSDocComments(modules: { [name: string]: AST.Module }): void {
-	function visitor(current: AST.Module | AST.ModuleMember | AST.InterfaceMember) {
-		if (current instanceof AST.Module) {
-			for (const memberName of Object.keys(current.members)) {
-				visitor(current.members[memberName]);
-			}
-
-			return;
-		}
-
-		const newComments: string[] = [];
-
-		if (current instanceof AST.Class) {
-			newComments.push("@constructor");
-
-			if (current.baseType !== null) {
-				const baseType = current.baseType;
-				newComments.push(
-					"@extends {" +
-					baseType.fullName + (
-						(baseType instanceof AST.TypeReference && baseType.generics.length) > 0 ?
-							(".<" + (baseType as AST.TypeReference).generics.map(generic => generic.fullName).join(", ") + ">") :
-							""
-					) +
-					"}"
-				);
-			}
-
-			if (current.interfaces.length > 0) {
-				current.interfaces.forEach(interfase => {
-					newComments.push(
-						"@implements {" +
-						interfase.fullName + (
-							(interfase instanceof AST.TypeReference && interfase.generics.length > 0) ?
-								(".<" + interfase.generics.map(generic => generic.fullName).join(", ") + ">") :
-								""
-						) +
-						"}"
-					);
-				});
-			}
-
-			Object.keys(current.members).forEach(memberName => visitor(current.members[memberName]));
-		}
-		else if (current instanceof AST.Enum) {
-			newComments.push("@enum");
-		}
-		else if (current instanceof AST.Reference) {
-			return;
-		}
-
-		if (current.parent instanceof AST.Namespace) {
-			newComments.push("@memberOf " + current.parent.fullName);
-		}
-
-		if (AST.hasStringGenerics(current) && current.generics.length > 0) {
-			newComments.push("@template " + current.generics.join(", "));
-		}
-
-		if ((current as AST.CanBePrivate).isPrivate) {
-			newComments.push("@private");
-		}
-
-		if ((current as AST.CanBeProtected).isProtected) {
-			newComments.push("@protected");
-		}
-
-		if ((current as AST.CanBeStatic).isStatic) {
-			newComments.push("@static");
-		}
-
-		if (newComments.length > 0) {
-			if (current instanceof AST.Property) {
-				const nodes: ts.Node[] = [];
-				if (current.getter !== null) { nodes.push(current.getter.astNode); }
-				if (current.setter !== null && nodes[0] !== current.setter.astNode) { nodes.push(current.setter.astNode); }
-				for (const node of nodes) {
-					(node as any)["typescript-new-comment"] = newComments;
-				}
-			}
-			else {
-				(current.astNode as any)["typescript-new-comment"] = newComments;
-			}
-		}
-	}
-
-	for (const moduleName of Object.keys(modules)) {
-		visitor(modules[moduleName]);
-	}
-}
-
-class FakeSourceFile {
-	public text: string;
-	public lineMap: number[];
-
-	constructor(originalSourceFile: ts.SourceFile) {
-		this.text = originalSourceFile.text;
-		this.lineMap = ts.getLineStarts(originalSourceFile).slice();
-	}
-
-	addComment(originalComment: ts.CommentRange, newComments: string[]): ts.CommentRange & { sourceFile: FakeSourceFile } {
-		var pos = this.text.length;
-
-		this.text += "/**\n";
-		this.lineMap.push(this.text.length);
-
-		var originalCommentLines = this.text.substring(originalComment.pos, originalComment.end).split("\n");
-		originalCommentLines.shift();
-
-		originalCommentLines = originalCommentLines.map(line => line.replace(/^\s+/, " "));
-
-		if (originalCommentLines.length > 1) {
-			originalCommentLines.splice(originalCommentLines.length - 1, 0, " *");
-		}
-
-		for (const newComment of newComments) {
-			originalCommentLines.splice(originalCommentLines.length - 1, 0, " * " + newComment);
-		}
-
-		for (const newCommentLine of originalCommentLines) {
-			this.text += newCommentLine + "\n";
-			this.lineMap.push(this.text.length);
-		}
-
-		var end = this.text.length;
-
-		return { pos, end, hasTrailingNewLine: originalComment.hasTrailingNewLine, kind: ts.SyntaxKind.MultiLineCommentTrivia, sourceFile: this };
-	}
-}
-
-var fakeSourceFiles: { [name: string]: FakeSourceFile } = Object.create(null);
-
-export const oldGetLeadingCommentRangesOfNodeFromText: typeof ts.getLeadingCommentRangesOfNodeFromText = ts.getLeadingCommentRangesOfNodeFromText.bind(ts);
-
-ts.getLeadingCommentRangesOfNodeFromText = (node: ts.Node, text: string) => {
-	const originalComments = oldGetLeadingCommentRangesOfNodeFromText(node, text);
-
-	if (originalComments !== undefined && (<any>node)["typescript-new-comment"] !== undefined) {
-		const sourceFileOfNode = ts.getSourceFileOfNode(node);
-		let fakeSourceFile = fakeSourceFiles[sourceFileOfNode.fileName];
-		if (fakeSourceFile === undefined) {
-			fakeSourceFile = fakeSourceFiles[sourceFileOfNode.fileName] = new FakeSourceFile(sourceFileOfNode);
-		}
-
-		originalComments[originalComments.length - 1] = fakeSourceFile.addComment(originalComments[originalComments.length - 1], (<any>node)["typescript-new-comment"]);
-	}
-
-	return originalComments;
-};
-
-var oldWriteCommentRange: typeof ts.writeCommentRange = ts.writeCommentRange.bind(ts);
-ts.writeCommentRange = (text: string, lineMap: number[], writer: ts.EmitTextWriter, comment: ts.CommentRange, newLine: string) => {
-	if ((<{ sourceFile: ts.SourceFile }><any>comment).sourceFile) {
-		const currentSourceFile = (<{ sourceFile: ts.SourceFile }><any>comment).sourceFile;
-		text = currentSourceFile.text;
-		lineMap = currentSourceFile.lineMap;
-	}
-
-	return oldWriteCommentRange(text, lineMap, writer, comment, newLine);
-};
diff --git a/negromate/web/static/js/libjass/build/typescript/extras.d.ts b/negromate/web/static/js/libjass/build/typescript/extras.d.ts
deleted file mode 100644
index acd6eb8..0000000
--- a/negromate/web/static/js/libjass/build/typescript/extras.d.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-declare namespace ts {
-	interface EmitTextWriter { }
-
-	interface IntrinsicType extends Type {
-		intrinsicName: string;
-	}
-
-	interface SourceFile {
-		lineMap: number[];
-	}
-
-	function forEachProperty<T, U>(map: Map<T>, callback: (value: T, key: string) => U): U;
-	function getClassExtendsHeritageClauseElement(node: ClassLikeDeclaration | InterfaceDeclaration): ExpressionWithTypeArguments;
-	function getClassImplementsHeritageClauseElements(node: ClassLikeDeclaration): ExpressionWithTypeArguments[];
-	function getInterfaceBaseTypeNodes(node: InterfaceDeclaration): ExpressionWithTypeArguments[];
-	function getLeadingCommentRangesOfNodeFromText(node: Node, text: string): CommentRange[];
-	function getLineStarts(sourceFile: SourceFile): number[];
-	function getSourceFileOfNode(node: Node): SourceFile;
-	function getTextOfNode(node: Node, includeTrivia?: boolean): string;
-	function normalizeSlashes(path: string): string;
-	function writeCommentRange(text: string, lineMap: number[], writer: EmitTextWriter, comment: CommentRange, newLine: string): void;
-}
diff --git a/negromate/web/static/js/libjass/build/typescript/index.ts b/negromate/web/static/js/libjass/build/typescript/index.ts
deleted file mode 100644
index 4518681..0000000
--- a/negromate/web/static/js/libjass/build/typescript/index.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export { build } from "./compiler";
diff --git a/negromate/web/static/js/libjass/build/typescript/walker.ts b/negromate/web/static/js/libjass/build/typescript/walker.ts
deleted file mode 100644
index 2b8943b..0000000
--- a/negromate/web/static/js/libjass/build/typescript/walker.ts
+++ /dev/null
@@ -1,888 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import path = require("path");
-import ts = require("typescript");
-
-import { Compiler, oldGetLeadingCommentRangesOfNodeFromText } from "./compiler";
-
-import * as AST from "./ast";
-
-function hasModifier(node: ts.Node, flags: ts.NodeFlags): boolean {
-	return (node.flags & flags) !== 0;
-}
-
-interface JSDoc {
-	description: string;
-	isAbstract: boolean;
-	parameters: { [name: string]: AST.Parameter };
-	returnType: AST.ReturnType;
-	typeAnnotation: string;
-}
-
-class WalkerScope {
-	private _scopes: AST.HasParent[] = [];
-
-	get current(): AST.HasParent {
-		return (this._scopes.length > 0) ? this._scopes[this._scopes.length - 1] : null;
-	}
-
-	enter<T extends AST.HasParent>(scope: T): T {
-		scope.parent = this.current;
-		this._scopes.push(scope);
-		return scope;
-	}
-
-	leave(): void {
-		this._scopes.pop();
-	}
-}
-
-class Walker {
-	private _typeChecker: ts.TypeChecker;
-	private _globalNS: AST.Namespace = new AST.Namespace("Global");
-	private _scope: WalkerScope = new WalkerScope();
-
-	private _currentSourceFile: ts.SourceFile;
-
-	public modules: { [name: string]: AST.Module } = Object.create(null);
-	public namespaces: { [name: string]: AST.Namespace } = Object.create(null);
-
-	constructor(private _compiler: Compiler) {
-		this._typeChecker = _compiler.typeChecker;
-
-		this._globalNS.getMemberFullName = member => member.name;
-	}
-
-	walk(sourceFile: ts.SourceFile): void {
-		const moduleName = this._moduleNameFromFileName(sourceFile.fileName);
-
-		if (!(moduleName in this.modules)) {
-			this.modules[moduleName] = new AST.Module(moduleName);
-		}
-
-		const module = this._scope.enter(this.modules[moduleName]);
-		this._currentSourceFile = sourceFile;
-
-		for (const statement of sourceFile.statements) {
-			this._walk(statement, module);
-		}
-
-		this._scope.leave();
-	}
-
-	private _walk(node: ts.Node, parent: AST.Module): void {
-		switch (node.kind) {
-			case ts.SyntaxKind.VariableStatement:
-				this._visitVariableStatement(node as ts.VariableStatement, parent);
-				break;
-
-			case ts.SyntaxKind.FunctionDeclaration:
-				this._visitFunctionDeclaration(node as ts.FunctionDeclaration, parent);
-				break;
-
-			case ts.SyntaxKind.ClassDeclaration:
-				this._visitClassDeclaration(node as ts.ClassDeclaration, parent);
-				break;
-
-			case ts.SyntaxKind.InterfaceDeclaration:
-				this._visitInterfaceDeclaration(node as ts.InterfaceDeclaration, parent);
-				break;
-
-			case ts.SyntaxKind.EnumDeclaration:
-				this._visitEnumDeclaration(node as ts.EnumDeclaration, parent);
-				break;
-
-			case ts.SyntaxKind.ImportDeclaration:
-				this._visitImportDeclaration(node as ts.ImportDeclaration, parent);
-				break;
-
-			case ts.SyntaxKind.ExportDeclaration:
-				this._visitExportDeclaration(node as ts.ExportDeclaration, parent);
-				break;
-
-			case ts.SyntaxKind.ExpressionStatement:
-			case ts.SyntaxKind.ForOfStatement:
-			case ts.SyntaxKind.IfStatement:
-			case ts.SyntaxKind.TypeAliasDeclaration:
-				break;
-
-			default:
-				console.error(node.kind, ts.SyntaxKind[node.kind], node);
-				throw new Error("Unrecognized node.");
-		}
-	}
-
-	private _walkClassMember(node: ts.Node, clazz: AST.Class): void {
-		switch (node.kind) {
-			case ts.SyntaxKind.PropertySignature:
-			case ts.SyntaxKind.PropertyDeclaration:
-				this._visitProperty(node as ts.PropertyDeclaration, clazz);
-				break;
-
-			case ts.SyntaxKind.MethodSignature:
-			case ts.SyntaxKind.MethodDeclaration:
-				this._visitMethod(node as ts.MethodDeclaration, clazz);
-				break;
-
-			case ts.SyntaxKind.GetAccessor:
-				this._visitGetAccessor(node as ts.AccessorDeclaration, clazz);
-				break;
-
-			case ts.SyntaxKind.SetAccessor:
-				this._visitSetAccessor(node as ts.AccessorDeclaration, clazz);
-				break;
-
-			case ts.SyntaxKind.TypeParameter:
-			case ts.SyntaxKind.Parameter:
-			case ts.SyntaxKind.Constructor:
-				break;
-
-			default:
-				console.error(node.kind, ts.SyntaxKind[node.kind], node);
-				throw new Error("Unrecognized node.");
-		}
-	}
-
-	private _walkInterfaceMember(node: ts.Node, interfase: AST.Interface): void {
-		switch (node.kind) {
-			case ts.SyntaxKind.PropertySignature:
-			case ts.SyntaxKind.PropertyDeclaration:
-				this._visitProperty(node as ts.PropertyDeclaration, interfase);
-				break;
-
-			case ts.SyntaxKind.MethodSignature:
-			case ts.SyntaxKind.MethodDeclaration:
-				this._visitMethod(node as ts.MethodDeclaration, interfase);
-				break;
-
-			case ts.SyntaxKind.TypeParameter:
-			case ts.SyntaxKind.CallSignature:
-			case ts.SyntaxKind.ConstructSignature:
-			case ts.SyntaxKind.IndexSignature:
-				break;
-
-			default:
-				console.error(node.kind, ts.SyntaxKind[node.kind], node);
-				throw new Error("Unrecognized node.");
-		}
-	}
-
-	private _visitProperty(node: ts.PropertyDeclaration, parent: AST.Class | AST.Interface) {
-		if (hasModifier(node, ts.NodeFlags.Private)) {
-			return;
-		}
-
-		const jsDoc = this._parseJSDoc(node);
-
-		if (jsDoc.typeAnnotation === null) {
-			this._notifyIncorrectJsDoc(`Field ${ ts.getTextOfNode(node.name) } has no @type annotation.`);
-			jsDoc.typeAnnotation = "*";
-		}
-
-		const property = this._scope.enter(new AST.Property(ts.getTextOfNode(node.name)));
-		parent.members[property.name] = property;
-		property.getter = new AST.Getter(node, jsDoc.description, jsDoc.typeAnnotation, false);
-		property.setter = new AST.Setter(node, jsDoc.description, jsDoc.typeAnnotation, false);
-		this._scope.leave();
-	}
-
-	private _visitMethod(node: ts.MethodDeclaration, parent: AST.Class | AST.Interface) {
-		const jsDoc = this._parseJSDoc(node);
-
-		const parameters = this._connectParameters(node.parameters, jsDoc.parameters,
-			parameterName => `Could not find @param annotation for ${ parameterName } on method ${ ts.getTextOfNode(node.name) }`
-		);
-
-		if (jsDoc.returnType === null && (node.type === undefined || node.type.kind !== ts.SyntaxKind.VoidKeyword)) {
-			this._notifyIncorrectJsDoc(`Missing @return annotation for method ${ ts.getTextOfNode(node.name) }`);
-			jsDoc.returnType = new AST.ReturnType("", "*");
-		}
-
-		const isPrivate = hasModifier(node, ts.NodeFlags.Private);
-		const isProtected = hasModifier(node, ts.NodeFlags.Protected);
-		const isStatic = hasModifier(node, ts.NodeFlags.Static);
-
-		const generics = this._getGenericsOfSignatureDeclaration(node);
-
-		const method = this._scope.enter(new AST.Function(ts.getTextOfNode(node.name), node, jsDoc.description, generics, parameters, jsDoc.returnType, jsDoc.isAbstract, isPrivate, isProtected, isStatic));
-		parent.members[method.name] = method;
-		this._scope.leave();
-	}
-
-	private _visitGetAccessor(node: ts.AccessorDeclaration, clazz: AST.Class): void {
-		const jsDoc = this._parseJSDoc(node);
-
-		const name = ts.getTextOfNode(node.name);
-
-		const isPrivate = hasModifier(node, ts.NodeFlags.Private);
-
-		let property = clazz.members[name] as AST.Property;
-		if (property === undefined) {
-			this._scope.enter(property = new AST.Property(name));
-
-			clazz.members[property.name] = property;
-
-			this._scope.leave();
-		}
-
-		if (jsDoc.typeAnnotation === null) {
-			this._notifyIncorrectJsDoc(`Getter ${ name } has no @type annotation.`);
-		}
-
-		property.getter = new AST.Getter(node, jsDoc.description, jsDoc.typeAnnotation, isPrivate);
-	}
-
-	private _visitSetAccessor(node: ts.AccessorDeclaration, clazz: AST.Class): void {
-		const jsDoc = this._parseJSDoc(node);
-
-		const name = ts.getTextOfNode(node.name);
-
-		const isPrivate = hasModifier(node, ts.NodeFlags.Private);
-
-		let property = clazz.members[name] as AST.Property;
-		if (property === undefined) {
-			this._scope.enter(property = new AST.Property(name));
-
-			clazz.members[property.name] = property;
-
-			this._scope.leave();
-		}
-
-		if (jsDoc.typeAnnotation === null) {
-			this._notifyIncorrectJsDoc(`Setter ${ name } has no @type annotation.`);
-		}
-
-		property.setter = new AST.Setter(node, jsDoc.description, jsDoc.typeAnnotation, isPrivate);
-	}
-
-	private _visitVariableStatement(node: ts.VariableStatement, parent: AST.Module): void {
-		if (node.declarationList.declarations.length > 1) {
-			return;
-		}
-
-		const declaration = node.declarationList.declarations[0];
-		if (hasModifier(declaration, ts.NodeFlags.Ambient)) {
-			return;
-		}
-
-		const jsDoc = this._parseJSDoc(node);
-		if (jsDoc.typeAnnotation === null) {
-			return;
-		}
-
-		const property = this._scope.enter(new AST.Property(ts.getTextOfNode(declaration.name)));
-		property.getter = new AST.Getter(node, jsDoc.description, jsDoc.typeAnnotation, false);
-
-		parent.members[property.name] = property;
-
-		this._scope.leave();
-	}
-
-	private _visitFunctionDeclaration(node: ts.FunctionDeclaration, parent: AST.Module): void {
-		const jsDoc = this._parseJSDoc(node);
-
-		const isPrivate = !hasModifier(node, ts.NodeFlags.Export);
-
-		const generics = this._getGenericsOfSignatureDeclaration(node);
-
-		const parameters = this._connectParameters(node.parameters, jsDoc.parameters,
-			parameterName => `Could not find @param annotation for ${ parameterName } on function ${ node.name.text }`
-		);
-
-		if (node.type === undefined) {
-			this._notifyIncorrectJsDoc(`Missing return type annotation for function ${ node.name.text }`);
-			jsDoc.returnType = new AST.ReturnType("", "*");
-		}
-		else if (jsDoc.returnType === null && node.type.kind !== ts.SyntaxKind.VoidKeyword) {
-			this._notifyIncorrectJsDoc(`Missing @return annotation for function ${ node.name.text }`);
-			jsDoc.returnType = new AST.ReturnType("", "*");
-		}
-
-		const freeFunction = this._scope.enter(new AST.Function(node.name.text, node, jsDoc.description, generics, parameters, jsDoc.returnType, jsDoc.isAbstract, isPrivate, false, false));
-
-		parent.members[freeFunction.name] = freeFunction;
-
-		this._scope.leave();
-	}
-
-	private _visitClassDeclaration(node: ts.ClassDeclaration, parent: AST.Module): void {
-		const jsDoc = this._parseJSDoc(node);
-
-		const type = this._typeChecker.getTypeAtLocation(node) as ts.InterfaceType;
-
-		const generics = this._getGenericsOfInterfaceType(type);
-
-		const baseTypeHeritageClauseElement = ts.getClassExtendsHeritageClauseElement(node) || null;
-		let baseType: AST.UnresolvedType = null;
-		if (baseTypeHeritageClauseElement !== null) {
-			baseType = new AST.UnresolvedType(
-				this._typeChecker.getTypeAtLocation(baseTypeHeritageClauseElement).symbol,
-				this._getGenericsOfTypeReferenceNode(baseTypeHeritageClauseElement, generics)
-			);
-		}
-
-		const interfaces = (ts.getClassImplementsHeritageClauseElements(node) || []).map(type => new AST.UnresolvedType(
-			this._typeChecker.getTypeAtLocation(type).symbol,
-			this._getGenericsOfTypeReferenceNode(type, generics)
-		));
-
-		const isPrivate = !hasModifier(node, ts.NodeFlags.Export);
-
-		let parameters: AST.Parameter[] = [];
-
-		if (type.symbol.members["__constructor"] !== undefined) {
-			parameters = this._connectParameters((type.symbol.members["__constructor"].declarations[0] as ts.ConstructorDeclaration).parameters, jsDoc.parameters,
-				parameterName => `Could not find @param annotation for ${ parameterName } on constructor in class ${ node.name.text }`
-			);
-		}
-		else if (Object.keys(jsDoc.parameters).length > 0) {
-			this._notifyIncorrectJsDoc("There are @param annotations on this class but it has no constructors.");
-		}
-
-		const clazz = this._scope.enter(new AST.Class(node.name.text, node, jsDoc.description, generics, parameters, baseType, interfaces, jsDoc.isAbstract, isPrivate));
-
-		parent.members[clazz.name] = clazz;
-
-		ts.forEachProperty(type.symbol.exports, symbol => {
-			if (symbol.name === "prototype") {
-				return;
-			}
-
-			for (const declaration of symbol.declarations) {
-				this._walkClassMember(declaration, clazz);
-			}
-		});
-
-		ts.forEachProperty(type.symbol.members, symbol => {
-			for (const declaration of symbol.declarations) {
-				this._walkClassMember(declaration, clazz);
-			}
-		});
-
-		this._scope.leave();
-	}
-
-	private _visitInterfaceDeclaration(node: ts.InterfaceDeclaration, parent: AST.Module): void {
-		const jsDoc = this._parseJSDoc(node);
-
-		const type = this._typeChecker.getTypeAtLocation(node) as ts.InterfaceType;
-
-		const generics = this._getGenericsOfInterfaceType(type);
-
-		const baseTypes = (ts.getInterfaceBaseTypeNodes(node) || []).map(type => new AST.UnresolvedType(
-			this._typeChecker.getTypeAtLocation(type).symbol,
-			this._getGenericsOfTypeReferenceNode(type, generics)
-		));
-
-		const existingInterfaceType = parent.members[node.name.text];
-		if (existingInterfaceType !== undefined) {
-			return;
-		}
-
-		const isPrivate = !hasModifier(node, ts.NodeFlags.Export);
-
-		const interfase = this._scope.enter(new AST.Interface(node.name.text, node, jsDoc.description, generics, baseTypes, isPrivate));
-		parent.members[interfase.name] = interfase;
-
-		ts.forEachProperty(type.symbol.members, symbol => {
-			for (const declaration of symbol.declarations) {
-				this._walkInterfaceMember(declaration, interfase);
-			}
-		});
-
-		this._scope.leave();
-	}
-
-	private _visitEnumDeclaration(node: ts.EnumDeclaration, parent: AST.Module): void {
-		const jsDoc = this._parseJSDoc(node);
-
-		const existingEnumType = parent.members[node.name.text];
-		if (existingEnumType !== undefined) {
-			return;
-		}
-
-		const isPrivate = !hasModifier(node, ts.NodeFlags.Export);
-
-		const type = this._typeChecker.getTypeAtLocation(node);
-
-		const enumType = this._scope.enter(new AST.Enum(node.name.text, node, jsDoc.description, isPrivate));
-		parent.members[enumType.name] = enumType;
-
-		ts.forEachProperty(type.symbol.exports, symbol => {
-			this._visitEnumMember(symbol.declarations[0] as ts.EnumMember, enumType);
-		});
-
-		this._scope.leave();
-	}
-
-	private _visitEnumMember(node: ts.EnumMember, parent: AST.Enum): void {
-		const jsDoc = this._parseJSDoc(node);
-
-		const value = (node.initializer === undefined) ? null : parseInt((node.initializer as ts.LiteralExpression).text);
-
-		const enumMember = this._scope.enter(new AST.EnumMember(ts.getTextOfNode(node.name), (jsDoc === null) ? "" : jsDoc.description, value));
-
-		parent.members.push(enumMember);
-
-		this._scope.leave();
-	}
-
-	private _visitImportDeclaration(node: ts.ImportDeclaration, parent: AST.Module): void {
-		if (node.importClause === undefined) {
-			// import "foo";
-			return;
-		}
-
-		if (node.importClause.namedBindings === undefined) {
-			throw new Error("Default import is not supported.");
-		}
-
-		const moduleName = this._resolve((node.moduleSpecifier as ts.LiteralExpression).text, parent);
-
-		if ((node.importClause.namedBindings as ts.NamespaceImport).name !== undefined) {
-			// import * as foo from "baz";
-			parent.members[(node.importClause.namedBindings as ts.NamespaceImport).name.text] = new AST.Reference(moduleName, "*", true);
-		}
-		else if ((node.importClause.namedBindings as ts.NamedImports).elements !== undefined) {
-			// import { foo, bar } from "baz";
-			for (const element of (node.importClause.namedBindings as ts.NamedImports).elements) {
-				const importedName = element.propertyName && element.propertyName.text || element.name.text;
-				parent.members[element.name.text] = new AST.Reference(moduleName, importedName, true);
-			}
-		}
-		else {
-			throw new Error("Unrecognized import declaration syntax.");
-		}
-	}
-
-	private _visitExportDeclaration(node: ts.ExportDeclaration, parent: AST.Module): void {
-		if (node.moduleSpecifier !== undefined) {
-			// export { foo } from "bar";
-			const moduleName = this._resolve((node.moduleSpecifier as ts.LiteralExpression).text, parent);
-			for (const element of node.exportClause.elements) {
-				const importedName = element.propertyName && element.propertyName.text || element.name.text;
-				parent.members[element.name.text] = new AST.Reference(moduleName, importedName, false);
-			}
-		}
-		else {
-			// export { foo };
-			for (const element of node.exportClause.elements) {
-				(parent.members[element.name.text] as AST.CanBePrivate).isPrivate = false;
-			}
-		}
-	}
-
-	private _resolve(relativeModuleName: string, currentModule: AST.Module): string {
-		let result = ts.normalizeSlashes(path.join(currentModule.name, `../${ relativeModuleName }`));
-
-		if (result[0] !== ".") {
-			result = `./${ result }`;
-		}
-
-		return result;
-	}
-
-	private _parseJSDoc(node: ts.Node): JSDoc {
-		let comments = oldGetLeadingCommentRangesOfNodeFromText(node, this._currentSourceFile.text);
-
-		if (comments === undefined) {
-			comments = [];
-		}
-
-		if (comments.length > 1) {
-			comments = [comments[comments.length - 1]];
-		}
-
-		const comment =
-			(comments.length === 0) ?
-				"" :
-				this._currentSourceFile.text.substring(comments[0].pos, comments[0].end);
-
-		const commentStartIndex = comment.indexOf("/**");
-		const commentEndIndex = comment.lastIndexOf("*/");
-
-		const lines =
-			(commentStartIndex === -1 || commentEndIndex === -1) ?
-				[] :
-				comment.substring(commentStartIndex + 2, commentEndIndex).split("\n").map(line => {
-					const match = line.match(/^[ \t]*\* (.*)/);
-					if (match === null) {
-						return "";
-					}
-					return match[1];
-				});
-
-		let rootDescription = "";
-
-		const parameters: { [name: string]: AST.Parameter } = Object.create(null);
-
-		let typeAnnotation: string = null;
-
-		let returnType: AST.ReturnType = null;
-
-		let isAbstract = false;
-
-		let lastRead: { description: string } = null;
-
-		for (const line of lines) {
-			const firstWordMatch = line.match(/^\s*(\S+)(\s*)/);
-			const firstWord = (firstWordMatch !== null) ? firstWordMatch[1] : "";
-			let remainingLine = (firstWordMatch !== null) ? line.substring(firstWordMatch[0].length) : "";
-
-			if (firstWord[0] === "@") {
-				lastRead = null;
-			}
-
-			switch (firstWord) {
-				case "@abstract":
-					isAbstract = true;
-					break;
-
-				case "@param": {
-					let type: string;
-					[type, remainingLine] = this._readType(remainingLine);
-
-					const [, name, description] = remainingLine.match(/(\S+)\s*(.*)/);
-
-					const subParameterMatch = name.match(/^(?:(.+)\.([^\.]+))|(?:(.+)\[("[^\[\]"]+")\])$/);
-					if (subParameterMatch === null) {
-						parameters[name] = lastRead = new AST.Parameter(name, description, type);
-					}
-					else {
-						const parentName = subParameterMatch[1] || subParameterMatch[3];
-						const childName = subParameterMatch[2] || subParameterMatch[4];
-						const parentParameter = parameters[parentName];
-						parentParameter.subParameters.push(lastRead = new AST.Parameter(childName, description, type));
-					}
-
-					break;
-				}
-
-				case "@return": {
-					const [type, description] = this._readType(remainingLine);
-
-					returnType = lastRead = new AST.ReturnType(description, type);
-
-					break;
-				}
-
-				case "@type":
-					[typeAnnotation] = this._readType(remainingLine);
-					break;
-
-				default:
-					if (lastRead !== null) {
-						lastRead.description += "\n" + line;
-					}
-					else {
-						rootDescription += ((rootDescription.length > 0) ? "\n" : "") + line;
-					}
-					break;
-			}
-		}
-
-		return {
-			description: rootDescription,
-			isAbstract: isAbstract,
-			parameters: parameters,
-			returnType: returnType,
-			typeAnnotation: typeAnnotation,
-		};
-	}
-
-	private _readType(remainingLine: string): [string, string] {
-		if (remainingLine[0] !== "{") {
-			return ["*", remainingLine];
-		}
-
-		let index = -1;
-		let numberOfUnterminatedBraces = 0;
-		for (let i = 0; i < remainingLine.length; i++) {
-			if (remainingLine[i] === "{") {
-				numberOfUnterminatedBraces++;
-			}
-			else if (remainingLine[i] === "}") {
-				numberOfUnterminatedBraces--;
-
-				if (numberOfUnterminatedBraces === 0) {
-					index = i;
-					break;
-				}
-			}
-		}
-
-		if (index === -1) {
-			throw new Error("Unterminated type specifier.");
-		}
-
-		const type = remainingLine.substr(1, index - 1);
-		remainingLine = remainingLine.substr(index + 1).replace(/^\s+/, "");
-
-		return [type, remainingLine];
-	}
-
-	private _getGenericsOfSignatureDeclaration(signatureDeclaration: ts.SignatureDeclaration): string[] {
-		if (signatureDeclaration.typeParameters === undefined) {
-			return [];
-		}
-
-		return signatureDeclaration.typeParameters.map(typeParameter => typeParameter.name.text);
-	}
-
-	private _getGenericsOfTypeReferenceNode(typeReferenceNode: ts.ExpressionWithTypeArguments, intrinsicGenerics: string[]): (AST.UnresolvedType | AST.IntrinsicTypeReference)[] {
-		if (typeReferenceNode.typeArguments === undefined) {
-			return [];
-		}
-
-		const typeReference = this._typeChecker.getTypeAtLocation(typeReferenceNode) as ts.TypeReference;
-
-		return typeReference.typeArguments.map(typeArgument => {
-			if ((typeArgument as ts.IntrinsicType).intrinsicName !== undefined) {
-				return new AST.IntrinsicTypeReference((typeArgument as ts.IntrinsicType).intrinsicName);
-			}
-
-			if (typeArgument.flags & ts.TypeFlags.TypeParameter) {
-				if (intrinsicGenerics.indexOf(typeArgument.symbol.name) !== -1) {
-					return new AST.IntrinsicTypeReference(typeArgument.symbol.name);
-				}
-
-				throw new Error(`Unbound type parameter ${ typeArgument.symbol.name }`);
-			}
-
-			return new AST.UnresolvedType(typeArgument.symbol, []);
-		});
-	}
-
-	private _getGenericsOfInterfaceType(interfaceType: ts.InterfaceType): string[] {
-		if (interfaceType.typeParameters === undefined) {
-			return [];
-		}
-
-		return interfaceType.typeParameters.map(typeParameter => {
-			return typeParameter.symbol.name;
-		});
-	}
-
-	private _connectParameters(astParameters: ts.ParameterDeclaration[], jsDocParameters: { [name: string]: AST.Parameter }, onMissingMessageCallback: (parameterName: string) => string) {
-		return astParameters.map(parameter => {
-			let parameterName = (parameter.name as ts.Identifier).text;
-			if (parameterName[0] === "_") {
-				parameterName = parameterName.substr(1);
-			}
-
-			let jsDocParameter = jsDocParameters[parameterName];
-
-			if (jsDocParameter === undefined) {
-				this._notifyIncorrectJsDoc(onMissingMessageCallback.call(this, parameterName));
-				jsDocParameter = new AST.Parameter(parameterName, "*", "");
-			}
-
-			return jsDocParameter;
-		});
-	}
-
-	private _notifyIncorrectJsDoc(message: string): void {
-		const fileName = path.basename(this._currentSourceFile.fileName);
-		if (fileName === "lib.es5.d.ts" || fileName === "lib.dom.d.ts") {
-			return;
-		}
-
-		throw new Error(`${ fileName }: ${ this._scope.current.fullName }: ${ message }`);
-	}
-
-	link(rootNamespaceName: string): void {
-		for (const moduleName of Object.keys(this.modules)) {
-			const module = this.modules[moduleName];
-
-			for (const memberName of Object.keys(module.members)) {
-				const member = module.members[memberName];
-
-				if (member instanceof AST.Class) {
-					if (member.unresolvedBaseType instanceof AST.UnresolvedType) {
-						member.baseType = this._resolveTypeReference(member.unresolvedBaseType);
-					}
-					else {
-						member.baseType = member.unresolvedBaseType;
-					}
-
-					member.interfaces = member.unresolvedInterfaces.map(interfase => {
-						if (interfase instanceof AST.UnresolvedType) {
-							return this._resolveTypeReference(interfase);
-						}
-
-						return interfase;
-					});
-				}
-
-				else if (member instanceof AST.Interface) {
-					member.baseTypes = member.unresolvedBaseTypes.map(baseType => {
-						if (baseType instanceof AST.UnresolvedType) {
-							return this._resolveTypeReference(baseType);
-						}
-
-						return baseType;
-					});
-				}
-
-				else if (member instanceof AST.Enum) {
-					let value = 0;
-					for (const enumMember of member.members) {
-						if (enumMember.value === null) {
-							enumMember.value = value;
-						}
-						else {
-							value = enumMember.value;
-						}
-
-						value++;
-					}
-				}
-			}
-		}
-
-		this.namespaces[rootNamespaceName] = this._scope.enter(new AST.Namespace(rootNamespaceName));
-		this._moduleToNamespace(this.modules["./index"]);
-		this._scope.leave();
-	}
-
-	private _moduleToNamespace(module: AST.Module): void {
-		for (const memberName of Object.keys(module.members)) {
-			let member = module.members[memberName];
-
-			if (member instanceof AST.Reference) {
-				if (member.isPrivate) {
-					continue;
-				}
-
-				if (member.name === "*") {
-					const newNamespace = this._scope.enter(new AST.Namespace(memberName));
-
-					const existingNamespace = this.namespaces[newNamespace.fullName];
-					if (existingNamespace !== undefined) {
-						this._scope.leave();
-						this._scope.enter(existingNamespace);
-					}
-					else {
-						this.namespaces[newNamespace.fullName] = newNamespace;
-					}
-
-					let referencedModuleName = member.moduleName;
-					let referencedModule = this.modules[referencedModuleName];
-					if (referencedModule === undefined && ((referencedModuleName + "/index") in this.modules)) {
-						member.moduleName = referencedModuleName = referencedModuleName + "/index";
-						referencedModule = this.modules[referencedModuleName];
-					}
-					this._moduleToNamespace(referencedModule);
-
-					this._scope.leave();
-				}
-				else {
-					while (member instanceof AST.Reference) {
-						member = this.modules[member.moduleName].members[member.name];
-					}
-
-					this._scope.enter(member);
-					this._scope.leave();
-					(this._scope.current as AST.Namespace).members[member.name] = member;
-				}
-			}
-			else if (!(member as AST.CanBePrivate).isPrivate) {
-				this._scope.enter(member);
-				this._scope.leave();
-				(this._scope.current as AST.Namespace).members[member.name] = member;
-			}
-		}
-	}
-
-	private _resolveTypeReference(unresolvedType: AST.UnresolvedType): AST.TypeReference | AST.IntrinsicTypeReference {
-		let node: ts.Node = unresolvedType.symbol.declarations[0];
-		while (node.kind !== ts.SyntaxKind.SourceFile) {
-			node = node.parent;
-		}
-
-		const sourceFile = node as ts.SourceFile;
-
-		if (sourceFile.fileName.substr(-"globals.d.ts".length) === "globals.d.ts") {
-			return new AST.IntrinsicTypeReference(unresolvedType.symbol.name);
-		}
-		else {
-			const moduleName = this._moduleNameFromFileName(sourceFile.fileName);
-			const module = this.modules[moduleName];
-
-			let result = module.members[unresolvedType.symbol.name];
-
-			if (result === undefined) {
-				throw new Error(`Type ${unresolvedType.symbol.name} could not be resolved.`);
-			}
-
-			while (result instanceof AST.Reference) {
-				result = this.modules[result.moduleName].members[result.name];
-			}
-
-			const resultGenerics = unresolvedType.generics.map(generic => {
-				if (generic instanceof AST.UnresolvedType) {
-					return this._resolveTypeReference(generic);
-				}
-
-				return generic;
-			});
-
-			return new AST.TypeReference(result, resultGenerics);
-		}	
-	}
-
-	private _moduleNameFromFileName(fileName: string): string {
-		let result = ts.normalizeSlashes(path.relative(this._compiler.projectRoot, fileName));
-
-		result = result.substr(0, result.length - ".ts".length);
-
-		if (result[0] !== ".") {
-			result = `./${ result }`;
-		}
-
-		return result;
-	}
-}
-
-export function walk(compiler: Compiler, root: string, rootNamespaceName: string) {
-	const sourceFiles = compiler.sourceFiles;
-
-	const walker = new Walker(compiler);
-
-	// Walk
-	for (const sourceFile of sourceFiles) {
-		if (
-			path.basename(sourceFile.fileName) === "lib.es5.d.ts" ||
-			path.basename(sourceFile.fileName) === "lib.dom.d.ts" ||
-			sourceFile.fileName.substr(-"globals.d.ts".length) === "globals.d.ts"
-		) {
-			continue;
-		}
-
-		walker.walk(sourceFile);
-	}
-
-	// Link base types and set enum member values if unspecified.
-	walker.link(rootNamespaceName);
-
-	// Return types
-	return { namespaces: walker.namespaces, modules: walker.modules };
-}
diff --git a/negromate/web/static/js/libjass/build/uglify.js b/negromate/web/static/js/libjass/build/uglify.js
deleted file mode 100644
index 78e9cde..0000000
--- a/negromate/web/static/js/libjass/build/uglify.js
+++ /dev/null
@@ -1,447 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-var fs = require("fs");
-var path = require("path");
-
-var UglifyJS = require("uglify-js");
-
-var FileTransform = require("async-build").FileTransform;
-
-var Run = (function () {
-	function Run(outputLibraryName, unusedVarsToIgnore) {
-		this._outputLibraryName = outputLibraryName;
-		this._unusedVarsToIgnore = unusedVarsToIgnore;
-
-		this._root = UglifyJS.parse(fs.readFileSync(path.resolve(__filename, "..", "umd-wrapper.js"), "utf8"));
-
-		this._root.figure_out_scope({ screw_ie8: true });
-
-		this._toInsert = null;
-
-		this._rootSourceMap = null;
-	}
-
-	Run.prototype.addFile = function (file) {
-		switch (path.extname(file.path)) {
-			case ".js":
-				try {
-					this._toInsert = UglifyJS.parse(file.contents.toString(), {
-						filename: path.basename(file.path),
-						toplevel: null,
-					}).body;
-				}
-				catch (ex) {
-					if (ex instanceof UglifyJS.JS_Parse_Error) {
-						throw new Error("UglifyJS parse error: " + ex.toString() + "\n");
-					}
-
-					throw ex;
-				}
-				break;
-
-			case ".map":
-				var rawSourceMap = JSON.parse(file.contents.toString());
-
-				this._rootSourceMap = UglifyJS.SourceMap({
-					file: this._outputLibraryName + ".js",
-					root: "",
-					orig: rawSourceMap,
-				});
-
-				var generator = this._rootSourceMap.get();
-
-				rawSourceMap.sources.forEach(function (sourceRelativePath, index) {
-					generator.setSourceContent(sourceRelativePath, rawSourceMap.sourcesContent[index]);
-				});
-
-				break;
-		}
-	};
-
-	Run.prototype.build = function (outputStream) {
-		var _this = this;
-
-
-		// Splice in the TS output into the UMD wrapper.
-		var insertionParent = this._root.body[0].body.args[1].body;
-
-		this._toInsert.reverse();
-		for (var i = this._toInsert.length - 1; i >= 0; i--) {
-			var node = this._toInsert[i];
-			if (node instanceof UglifyJS.AST_Var) {
-				for (var j = 0; j < node.definitions.length; j++) {
-					var definition = node.definitions[j];
-					if (definition.name.name === "__extends" || definition.name.name === "__decorate") {
-						definition.value = definition.value.right;
-					}
-				}
-
-				insertionParent.splice(-1, 0, node);
-				this._toInsert.splice(i, 1);
-			}
-		}
-
-		insertionParent.splice.apply(insertionParent, [-1, 0].concat(this._toInsert));
-
-
-		// Fixups
-		for (var i = 0; i < this._toInsert.length; i++) {
-			var node = this._toInsert[i];
-			if (node instanceof UglifyJS.AST_Statement && node.body instanceof UglifyJS.AST_Call && node.body.expression.name === "define") {
-				var defineCall = node.body;
-
-				defineCall.expression.name = "def";
-
-				if (defineCall.args[1].elements[0].value !== "require") {
-					throw new Error("Expected first dep to be require");
-				}
-				defineCall.args[1].elements.shift();
-				defineCall.args[2].argnames.shift();
-
-				if (defineCall.args[1].elements[0].value !== "exports") {
-					throw new Error("Expected second dep to be exports");
-				}
-				defineCall.args[1].elements.shift();
-				defineCall.args[2].argnames.push(defineCall.args[2].argnames.shift());
-			}
-		}
-
-
-		// Remove all license headers except the one from the UMD wrapper
-		var firstLicenseHeader = null;
-		this._root.walk(new UglifyJS.TreeWalker(function (node, descend) {
-			if (node.start) {
-				(node.start.comments_before || []).some(function (comment, i) {
-					if (comment.value.indexOf("Copyright") !== -1) {
-						if (firstLicenseHeader === null) {
-							firstLicenseHeader = comment;
-						}
-						else if (comment !== firstLicenseHeader) {
-							node.start.comments_before.splice(i, 1);
-						}
-
-						return true;
-					}
-
-					return false;
-				});
-			}
-		}));
-
-
-		// Fixup anonymous functions to print a space after "function"
-		this._root.walk(new UglifyJS.TreeWalker(function (node, descend) {
-			if (node instanceof UglifyJS.AST_Lambda && !node.name) {
-				node.name = Object.create(UglifyJS.AST_Node.prototype);
-				node.name.print = function () { };
-			}
-		}));
-
-
-		// Fix alignment of multi-line block comments
-		this._root.walk(new UglifyJS.TreeWalker(function (node, descend) {
-			if (node.start && node.start.comments_before) {
-				node.start.comments_before.forEach(function (comment) {
-					if (comment.value.indexOf("Copyright") !== -1) {
-						return;
-					}
-
-					var lines = comment.value.split("\n");
-					if (lines.length < 2) {
-						return;
-					}
-
-					var indent = "     "; // 5 spaces
-					for (var i = 0; i < comment.col; i++) {
-						indent += " ";
-					}
-					lines[lines.length - 1] = lines[lines.length - 1].replace(/\s+$/, indent);
-					comment.value = [lines[0]].concat(lines.slice(1).map(function (line) { return line.replace(/^\s+/, indent); })).join("\n");
-				});
-			}
-		}));
-
-
-		this._root.figure_out_scope({ screw_ie8: true });
-
-
-		// Remove some things from the AST
-		var nodesToRemove = [];
-
-		// Set if there are any unused variables apart from the ones in unusedVarsToIgnore
-		var haveUnusedVars = false;
-
-		// Repeat because removing some declarations may make others unreferenced
-		for (;;) {
-			this._root.figure_out_scope({ screw_ie8: true });
-
-			// Unreferenced variable and function declarations, and unreferenced terminal function arguments
-			this._root.walk(new UglifyJS.TreeWalker(function (node, descend) {
-				if (node instanceof UglifyJS.AST_SymbolDeclaration && node.unreferenced()) {
-					if (node instanceof UglifyJS.AST_SymbolFunarg) {
-						if (this.parent().argnames.indexOf(node) === this.parent().argnames.length - 1) {
-							nodesToRemove.push({ node: node, parent: this.parent().argnames });
-						}
-					}
-					else if (node instanceof UglifyJS.AST_SymbolVar) {
-						if (_this._unusedVarsToIgnore.indexOf(node.name) !== -1) {
-							nodesToRemove.push({ node: this.parent(), parent: this.parent(1).definitions });
-							if (this.parent(1).definitions.length === 1) {
-								nodesToRemove.push({ node: this.parent(1), parent: this.parent(2).body });
-							}
-						}
-						else {
-							haveUnusedVars = true;
-						}
-					}
-					else if (node instanceof UglifyJS.AST_SymbolDefun) {
-						nodesToRemove.push({ node: this.parent(), parent: this.parent(1).body });
-					}
-				}
-			}));
-
-			if (nodesToRemove.length === 0) {
-				break;
-			}
-
-			nodesToRemove.forEach(function (tuple) {
-				tuple.parent.splice(tuple.parent.indexOf(tuple.node), 1);
-			});
-
-			nodesToRemove = [];
-		}
-
-
-		// Move var statements at the end of blocks (generated by TS for rest parameters) to the start of the block.
-		// This is needed to prevent unreachable-code warnings from UJS
-		this._root.walk(new UglifyJS.TreeWalker(function (node, descend) {
-			if (
-				node instanceof UglifyJS.AST_Block &&
-				node.body[node.body.length - 1] instanceof UglifyJS.AST_Var
-			) {
-				node.body.unshift(node.body.pop());
-			}
-		}));
-
-
-		// Split multiple vars per declaration into one var per declaration
-		this._root.walk(new UglifyJS.TreeWalker(function (node, descend) {
-			if (
-				node instanceof UglifyJS.AST_Var &&
-				node.definitions.length > 1 &&
-				this.parent() instanceof UglifyJS.AST_Block
-			) {
-				var parent = this.parent().body;
-				parent.splice.apply(parent, [parent.indexOf(node), 1].concat(node.definitions.map(function (definition) {
-					return new UglifyJS.AST_Var({ start: node.start, end: node.end, definitions: [definition] });
-				})));
-			}
-		}));
-
-
-		// Rename all function arguments that begin with _ to not have the _.
-		// This converts the TypeScript syntax of declaring private members in the constructor declaration `function Color(private _red: number, ...)` to `function Color(red, ...)`
-		// so that it matches the JSDoc (and looks nicer).
-		this._root.walk(new UglifyJS.TreeWalker(function (node, descend) {
-			if (
-				node instanceof UglifyJS.AST_SymbolFunarg &&
-				node.thedef.name[0] === "_" &&
-				node.thedef.name[1] !== "_" &&
-				node.thedef.name !== "_super" // Don't rename _super (used in TypeScript's inheritance shim) to super. super is a reserved word.
-			) {
-				node.thedef.name = node.thedef.name.slice(1);
-			}
-		}));
-
-
-		// Output
-		var output = {
-			source_map: this._rootSourceMap,
-			ascii_only: true,
-			beautify: true,
-			comments: function (node, comment) {
-				return comment.value.indexOf("tslint") === -1;
-			},
-		};
-
-		var stream = UglifyJS.OutputStream(output);
-		this._root.print(stream);
-
-		outputStream.push({
-			path: this._outputLibraryName + ".js",
-			contents: Buffer.concat([new Buffer(stream.toString()), new Buffer("\n//# sourceMappingURL=" + this._outputLibraryName + ".js.map")])
-		});
-
-		outputStream.push({
-			path: this._outputLibraryName + ".js.map",
-			contents: new Buffer(this._rootSourceMap.get().toString())
-		});
-
-		// Print unused variables
-		if (haveUnusedVars) {
-			this._root.walk(new UglifyJS.TreeWalker(function (node, descend) {
-				if (node instanceof UglifyJS.AST_SymbolVar && node.unreferenced()) {
-					if (_this._unusedVarsToIgnore.indexOf(node.name) === -1) {
-						console.warn("Unused variable %s at %s:%s:%s", node.name, node.start.file, node.start.line, node.start.col);
-					}
-				}
-			}));
-		}
-	};
-
-	return Run;
-})();
-
-module.exports = {
-	build: function (outputLibraryName, unusedVarsToIgnore) {
-		var run = new Run(outputLibraryName, unusedVarsToIgnore);
-
-		return new FileTransform(function (file) {
-			run.addFile(file);
-		}, function () {
-			run.build(this);
-		});
-	},
-
-	watch: function (outputLibraryName, unusedVarsToIgnore) {
-		var files = Object.create(null);
-
-		return new FileTransform(function (file) {
-			if (file.path !== "END") {
-				files[file.path] = file;
-			}
-			else {
-				var run = new Run(outputLibraryName, unusedVarsToIgnore);
-				Object.keys(files).forEach(function (filename) {
-					run.addFile(files[filename]);
-				});
-				run.build(this);
-			}
-		});
-	},
-
-	minify: function () {
-		var codeFile = null;
-		var sourceMapFile = null;
-
-		return new FileTransform(function (file) {
-			switch (path.extname(file.path)) {
-				case ".js":
-					codeFile = file;
-					break;
-				case ".map":
-					sourceMapFile = file;
-					break;
-			}
-
-			if (codeFile !== null && sourceMapFile !== null) {
-				UglifyJS.base54.reset();
-
-
-				// Parse
-				var root = null;
-				root = UglifyJS.parse(codeFile.contents.toString(), {
-					filename: path.basename(codeFile.path),
-					toplevel: root
-				});
-
-				root.figure_out_scope({ screw_ie8: true });
-
-
-				// Warnings
-				root.scope_warnings({
-					func_arguments: false
-				});
-
-
-				// Compress
-				var compressor = UglifyJS.Compressor({
-					warnings: true,
-					screw_ie8: true
-				});
-				root = root.transform(compressor);
-
-
-				// Mangle
-				root.figure_out_scope({ screw_ie8: true });
-				root.compute_char_frequency();
-				root.mangle_names({ screw_ie8: true });
-				root = UglifyJS.mangle_properties(root, {
-					regex: /^_/
-				});
-
-
-				// Output
-				var firstLicenseHeaderFound = false; // To detect and preserve the first license header
-
-				var output = {
-					source_map: UglifyJS.SourceMap({
-						file: path.basename(sourceMapFile.path),
-						orig: sourceMapFile.contents.toString()
-					}),
-					ascii_only: true,
-					comments: function (node, comment) {
-						if (!firstLicenseHeaderFound && comment.value.indexOf("Copyright") !== -1) {
-							firstLicenseHeaderFound = true;
-
-							return true;
-						}
-
-						return false;
-					},
-					screw_ie8: true
-				};
-
-				var stream = UglifyJS.OutputStream(output);
-				root.print(stream);
-
-				codeFile.path = codeFile.path.replace(/\.js$/, ".min.js");
-				sourceMapFile.path = sourceMapFile.path.replace(/\.js\.map$/, ".min.js.map");
-
-				codeFile.contents = Buffer.concat([new Buffer(stream.toString()), new Buffer("\n//# sourceMappingURL="), new Buffer(sourceMapFile.path)]);
-				this.push(codeFile);
-
-				var inputSourceMapObject = JSON.parse(sourceMapFile.contents.toString());
-				var outputSourceMapObject = output.source_map.get();
-				outputSourceMapObject._sources.toArray().forEach(function (filename, i) {
-					outputSourceMapObject.setSourceContent(filename, inputSourceMapObject.sourcesContent[i]);
-				});
-
-				sourceMapFile.contents = new Buffer(output.source_map.toString());
-				this.push(sourceMapFile);
-
-				codeFile = null;
-				sourceMapFile = null;
-			}
-		});
-	}
-};
-
-var originalSymbolUnreferenced = UglifyJS.AST_Symbol.prototype.unreferenced;
-
-// Workaround for https://github.com/mishoo/UglifyJS2/issues/789 - Nodes explicitly marked with ujs:unreferenced will not be warned for.
-UglifyJS.AST_Symbol.prototype.unreferenced = function () {
-	if (this.start.comments_before.length > 0 && this.start.comments_before[0].value.trim() === "ujs:unreferenced") {
-		return false;
-	}
-
-	return originalSymbolUnreferenced.call(this);
-};
diff --git a/negromate/web/static/js/libjass/build/umd-wrapper.js b/negromate/web/static/js/libjass/build/umd-wrapper.js
deleted file mode 100644
index 9bb3c8e..0000000
--- a/negromate/web/static/js/libjass/build/umd-wrapper.js
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * @license
- */
-
-(function (root, factory) {
-	var global = this;
-
-	if (typeof define === "function" && define.amd) {
-		define([], function() {
-			return factory(global);
-		});
-	}
-	else if (typeof exports === "object" && typeof module === "object") {
-		module.exports = factory(global);
-	}
-	else if (typeof exports === "object") {
-		exports.libjass = factory(global);
-	}
-	else {
-		root.libjass = factory(global);
-	}
-})(this, function (global) {
-	"use strict";
-
-	var registeredModules = Object.create(null);
-	var installedModules = Object.create(null);
-
-	function def(moduleId, deps, body) {
-		installedModules[moduleId] = { deps: deps, body: body, };
-	}
-
-	function req(moduleId) {
-		if (moduleId in registeredModules) {
-			return registeredModules[moduleId];
-		}
-
-		var exports = registeredModules[moduleId] = Object.create(null);
-		var deps = installedModules[moduleId].deps.map(req);
-		deps.push(exports);
-
-		installedModules[moduleId].body.apply(null, deps);
-
-		return exports;
-	}
-
-	return req("index");
-});
diff --git a/negromate/web/static/js/libjass/package.json b/negromate/web/static/js/libjass/package.json
deleted file mode 100644
index ff89065..0000000
--- a/negromate/web/static/js/libjass/package.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-	"name": "libjass",
-	"version": "0.12.0",
-	"description": "A library to render ASS subtitles on HTML5 video in the browser.",
-	"keywords": [
-		"browser",
-		"html5",
-		"subtitles"
-	],
-	"homepage": "https://github.com/Arnavion/libjass",
-	"bugs": "https://github.com/Arnavion/libjass/issues",
-	"license": "Apache-2.0",
-	"contributors": [
-		{
-			"name": "Arnav Singh",
-			"email": "arnavion@gmail.com"
-		}
-	],
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/Arnavion/libjass"
-	},
-	"main": "lib/libjass.js",
-	"scripts": {
-		"prepublish": "node ./build.js clean default",
-		"build": "tsc -p ./build/tsconfig.json",
-		"test": "node ./build.js test",
-		"test-lib": "intern-client config=tests/intern reporters=Pretty",
-		"test-minified": "intern-client config=tests/intern reporters=Pretty minified=true",
-		"test-browser": "intern-runner config=tests/intern",
-		"test-doc": "intern-client config=tests/intern-doc reporters=Pretty"
-	},
-	"devDependencies": {
-		"async": "1.x >=1.4",
-		"async-build": "0.3.1",
-		"intern": "3.x >=3.2.0",
-		"npm": "4.x",
-		"pngjs": "3.x",
-		"sax": "1.x",
-		"typescript": "2.0.10",
-		"uglify-js": "2.x >=2.4.24"
-	},
-	"private": true
-}
diff --git a/negromate/web/static/js/libjass/src/globals.d.ts b/negromate/web/static/js/libjass/src/globals.d.ts
deleted file mode 100644
index 1e5b1b5..0000000
--- a/negromate/web/static/js/libjass/src/globals.d.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-interface Array<T> {
-	filter<S extends T>(callbackfn: (value: T, index: number, array: T[]) => value is S, thisArg?: any): S[];
-}
-
-interface WorkerGlobalScope {
-	postMessage(message: any): void;
-	addEventListener(type: string, listener: (message: any) => void, useCapture: boolean): void;
-}
-
-interface FontFace {
-	family: string;
-	load(): Promise<FontFace>;
-}
-
-interface FontFaceSet {
-	add(fontFace: FontFace): FontFaceSet;
-	forEach(callbackfn: (fontFace: FontFace, index: FontFace, set: FontFaceSet) => void, thisArg?: any): void;
-}
-
-interface Map<K, V> {
-	size: number;
-	get(key: K): V | undefined;
-	has(key: K): boolean;
-	set(key: K, value: V): this;
-	delete(key: K): boolean;
-	clear(): void;
-	forEach(callbackfn: (value: V, index: K, map: this) => void, thisArg?: any): void;
-}
-
-interface Node {
-	cloneNode(deep?: boolean): this;
-}
-
-interface Promise<T> extends Thenable<T> {
-	then<U>(onFulfilled: (value: T) => Thenable<U>, onRejected?: (reason: any) => U | Thenable<U>): Promise<U>;
-	/* tslint:disable-next-line:unified-signatures */
-	then<U>(onFulfilled: (value: T) => U, onRejected?: (reason: any) => U | Thenable<U>): Promise<U>;
-	catch(onRejected: (reason: any) => T | Thenable<T>): Promise<T>;
-}
-
-interface ReadableStream {
-	getReader(): ReadableStreamReader;
-}
-
-interface ReadableStreamReader {
-	read(): Promise<{ value: Uint8Array; done: boolean; }>;
-}
-
-interface Set<T> {
-	size: number;
-	add(value: T): this;
-	clear(): void;
-	has(value: T): boolean;
-	forEach(callbackfn: (value: T, index: T, set: this) => void, thisArg?: any): void;
-}
-
-interface SVGFEComponentTransferElement {
-	appendChild(newChild: SVGFEFuncAElement): SVGFEFuncAElement;
-	appendChild(newChild: SVGFEFuncBElement): SVGFEFuncBElement;
-	appendChild(newChild: SVGFEFuncGElement): SVGFEFuncGElement;
-	appendChild(newChild: SVGFEFuncRElement): SVGFEFuncRElement;
-}
-
-interface SVGFEMergeElement {
-	appendChild(newChild: SVGFEMergeNodeElement): SVGFEMergeNodeElement;
-}
-
-interface TextDecoder {
-	decode(input: ArrayBuffer | ArrayBufferView, options: { stream: boolean }): string;
-}
-
-interface Thenable<T> {
-	then: ThenableThen<T>;
-}
-
-type ThenableThen<T> = (this: Thenable<T>, resolve: ((resolution: T | Thenable<T>) => void) | undefined, reject: ((reason: any) => void) | undefined) => void;
-
-/**
- * The interface implemented by a communication channel to the other side.
- */
-interface WorkerCommunication {
-	addEventListener(type: "message", listener: (ev: MessageEvent) => any, useCapture?: boolean): void;
-	addEventListener(type: string, listener: EventListener, useCapture?: boolean): void;
-	postMessage(message: any): void;
-}
-
-declare const exports: any;
-
-declare const global: (WorkerGlobalScope) & {
-	FontFace?: {
-		new (family: string, source: string): FontFace;
-	};
-
-	Map?: {
-		new <K, V>(iterable?: [K, V][]): Map<K, V>;
-		/* tslint:disable-next-line:member-ordering */
-		prototype: Map<any, any> | { forEach: undefined };
-	};
-
-	MutationObserver?: typeof MutationObserver;
-
-	Promise?: {
-		new <T>(init: (resolve: (value: T | Thenable<T>) => void, reject: (reason: any) => void) => void): Promise<T>;
-		/* tslint:disable-next-line:member-ordering */
-		prototype: Promise<any>;
-		resolve<T>(value: T | Thenable<T>): Promise<T>;
-		reject<T>(reason: any): Promise<T>;
-		all<T>(values: (T | Thenable<T>)[]): Promise<T[]>;
-		race<T>(values: (T | Thenable<T>)[]): Promise<T>;
-	};
-
-	ReadableStream?: {
-		prototype: ReadableStream | { getReader: undefined; };
-	};
-
-	Set?: {
-		new <T>(iterable?: T[]): Set<T>;
-		/* tslint:disable-next-line:member-ordering */
-		prototype: Set<any> | { forEach: undefined };
-	};
-
-	TextDecoder?: { new (encoding: string, options: { ignoreBOM: boolean }): TextDecoder };
-
-	WebkitMutationObserver?: typeof MutationObserver;
-
-	Worker?: typeof Worker,
-
-	WorkerGlobalScope?: {
-		prototype: WorkerGlobalScope;
-		new (): WorkerGlobalScope;
-	};
-
-	document?: {
-		currentScript?: HTMLScriptElement;
-		fonts?: FontFaceSet;
-	};
-
-	fetch?(url: string): Promise<{ body: ReadableStream; ok?: boolean; status?: number; }>;
-
-	process?: {
-		nextTick?(callback: () => void): void;
-	}
-};
diff --git a/negromate/web/static/js/libjass/src/index.ts b/negromate/web/static/js/libjass/src/index.ts
deleted file mode 100644
index 27f13b0..0000000
--- a/negromate/web/static/js/libjass/src/index.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import * as settings from "./settings";
-export { debugMode, verboseMode } from "./settings";
-
-import * as set from "./utility/set";
-export { Set } from "./utility/set";
-
-import * as map from "./utility/map";
-export { Map } from "./utility/map";
-
-import * as promise from "./utility/promise";
-export { Promise, DeferredPromise } from "./utility/promise";
-
-import * as webworker from "./webworker";
-export { webworker };
-
-import * as parts from "./parts";
-export { parts };
-
-import * as parser from "./parser";
-export { parser };
-
-import * as renderers from "./renderers";
-export { renderers };
-
-export { serialize, deserialize } from "./serialization";
-
-export { ASS } from "./types/ass";
-export { Attachment, AttachmentType } from "./types/attachment";
-export { Dialogue } from "./types/dialogue";
-export { ScriptProperties } from "./types/script-properties";
-export { Style } from "./types/style";
-
-export { BorderStyle, Format, WrappingStyle } from "./types/misc";
-
-export { version } from "./version";
-
-/**
- * Configures libjass with the given properties.
- *
- * @param {!*} newConfig
- * @param {?boolean} newConfig["debugMode"] When true, libjass logs some debug messages.
- * @param {?boolean} newConfig["verboseMode"] When true, libjass logs some more debug messages. This setting is independent of {@link libjass.debugMode}
- * @param {?function(new:Set, !Array.<T>=)} newConfig["Set"] Sets the Set implementation used by libjass to the provided one. If null, {@link ./utility/set.SimpleSet} is used.
- * @param {?function(new:Map, !Array.<!Array.<*>>=)} newConfig["Map"] Sets the Map implementation used by libjass to the provided one. If null, {@link ./utility/map.SimpleMap} is used.
- * @param {?function(new:Promise)} newConfig["Promise"] Sets the Promise implementation used by libjass to the provided one. If null, {@link ./utility/promise.SimplePromise} is used.
- */
-export function configure(newConfig: {
-	debugMode?: boolean,
-	verboseMode?: boolean,
-	Set?: typeof set.Set | null,
-	Map?: typeof map.Map | null,
-	Promise?: typeof promise.Promise | null,
-}): void {
-	if (typeof newConfig.debugMode === "boolean") {
-		settings.setDebugMode(newConfig.debugMode);
-	}
-
-	if (typeof newConfig.verboseMode === "boolean") {
-		settings.setVerboseMode(newConfig.verboseMode);
-	}
-
-	if (typeof newConfig.Set === "function" || newConfig.Set === null) {
-		set.setImplementation(newConfig.Set);
-	}
-
-	if (typeof newConfig.Map === "function" || newConfig.Map === null) {
-		map.setImplementation(newConfig.Map);
-	}
-
-	if (typeof newConfig.Promise === "function" || newConfig.Promise === null) {
-		promise.setImplementation(newConfig.Promise);
-	}
-}
-
-// Getters below are to work around https://github.com/Microsoft/TypeScript/issues/6366
-
-Object.defineProperties(exports, {
-	debugMode: {
-		get: () => settings.debugMode,
-		set: value => {
-			console.warn("Setter `libjass.debugMode = value` has been deprecated. Use `libjass.configure({ debugMode: value })` instead.");
-			settings.setDebugMode(value);
-		},
-	},
-
-	verboseMode: {
-		get: () => settings.verboseMode,
-		set: value => {
-			console.warn("Setter `libjass.verboseMode = value` has been deprecated. Use `libjass.configure({ verboseMode: value })` instead.");
-			settings.setVerboseMode(value);
-		},
-	},
-
-	Set: {
-		get: () => set.Set,
-		set: value => {
-			console.warn("Setter `libjass.Set = value` has been deprecated. Use `libjass.configure({ Set: value })` instead.");
-			set.setImplementation(value);
-		},
-	},
-
-	Map: {
-		get: () => map.Map,
-		set: value => {
-			console.warn("Setter `libjass.Map = value` has been deprecated. Use `libjass.configure({ Map: value })` instead.");
-			map.setImplementation(value);
-		},
-	},
-
-	Promise: {
-		get: () => promise.Promise,
-		set: value => {
-			console.warn("Setter `libjass.Promise = value` has been deprecated. Use `libjass.configure({ Promise: value })` instead.");
-			promise.setImplementation(value);
-		},
-	},
-});
diff --git a/negromate/web/static/js/libjass/src/parser/index.ts b/negromate/web/static/js/libjass/src/parser/index.ts
deleted file mode 100644
index c2ecadb..0000000
--- a/negromate/web/static/js/libjass/src/parser/index.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export { parse } from "./parse";
-export { BrowserReadableStream, Stream, StringStream, XhrStream } from "./streams";
-export { StreamParser, SrtStreamParser } from "./stream-parsers";
diff --git a/negromate/web/static/js/libjass/src/parser/misc.ts b/negromate/web/static/js/libjass/src/parser/misc.ts
deleted file mode 100644
index cf475b2..0000000
--- a/negromate/web/static/js/libjass/src/parser/misc.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Property, TypedTemplate } from "../types/misc";
-
-import { Map } from "../utility/map";
-
-/**
- * Parses a line into a {@link ./types/misc.Property}.
- *
- * @param {string} line
- * @return {Property}
- */
-export function parseLineIntoProperty(line: string): Property | null {
-	const colonPos = line.indexOf(":");
-	if (colonPos === -1) {
-		return null;
-	}
-
-	const name = line.substr(0, colonPos);
-	const value = line.substr(colonPos + 1).replace(/^\s+/, "");
-
-	return { name, value };
-}
-
-/**
- * Parses a line into a {@link ./types/misc.TypedTemplate} according to the given format specifier.
- *
- * @param {string} line
- * @param {!Array.<string>} formatSpecifier
- * @return {TypedTemplate}
- */
-export function parseLineIntoTypedTemplate(line: string, formatSpecifier: string[]): TypedTemplate | null {
-	const property = parseLineIntoProperty(line);
-	if (property === null) {
-		return null;
-	}
-
-	const value = property.value.split(",");
-
-	if (value.length > formatSpecifier.length) {
-		value[formatSpecifier.length - 1] = value.slice(formatSpecifier.length - 1).join(",");
-	}
-
-	const template = new Map<string, string>();
-	formatSpecifier.forEach((formatKey, index) => {
-		template.set(formatKey, value[index]);
-	});
-
-	return { type: property.name, template };
-}
diff --git a/negromate/web/static/js/libjass/src/parser/parse.ts b/negromate/web/static/js/libjass/src/parser/parse.ts
deleted file mode 100644
index 1f61812..0000000
--- a/negromate/web/static/js/libjass/src/parser/parse.ts
+++ /dev/null
@@ -1,2094 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import * as parts from "../parts";
-
-import { debugMode } from "../settings";
-
-import { Map } from "../utility/map";
-
-const rules = new Map<string, (parent: ParseNode) => ParseNode>();
-
-/**
- * Parses a given string with the specified rule.
- *
- * @param {string} input The string to be parsed.
- * @param {string} rule The rule to parse the string with
- * @return {*} The value returned depends on the rule used.
- */
-export function parse(input: string, rule: string): any {
-	/* tslint:disable-next-line:no-use-before-declare */
-	const { result } = new ParserRun(input, rule);
-
-	if (result === null || result.end !== input.length) {
-		if (debugMode) {
-			console.error("Parse failed. %s %s %o", rule, input, result);
-		}
-
-		throw new Error("Parse failed.");
-	}
-
-	return result.value;
-}
-
-/**
- * This class represents a single parse node. It has a start and end position, and an optional value object.
- *
- * @param {ParseNode} parent The parent of this parse node.
- * @param {*=null} value If provided, it is assigned as the value of the node.
- */
-class ParseNode {
-	private _children: ParseNode[] = [];
-
-	private _start: number;
-	private _end: number;
-	private _value: any;
-
-	constructor(private _parent: ParseNode | null, value: any = null) {
-		if (_parent !== null) {
-			_parent.children.push(this);
-		}
-
-		this._start = ((_parent !== null) ? _parent.end : 0);
-		this._end = this._start;
-
-		this.value = value;
-	}
-
-	/**
-	 * The start position of this parse node.
-	 *
-	 * @type {number}
-	 */
-	get start(): number {
-		return this._start;
-	}
-
-	/**
-	 * The end position of this parse node.
-	 *
-	 * @type {number}
-	 */
-	get end(): number {
-		return this._end;
-	}
-
-	/**
-	 * @type {ParseNode}
-	 */
-	get parent(): ParseNode | null {
-		return this._parent;
-	}
-
-	/**
-	 * @type {!Array.<!ParseNode>}
-	 */
-	get children(): ParseNode[] {
-		return this._children;
-	}
-
-	/**
-	 * An optional object associated with this parse node.
-	 *
-	 * @type {*}
-	 */
-	get value(): any {
-		return this._value;
-	}
-
-	/**
-	 * An optional object associated with this parse node.
-	 *
-	 * If the value is a string, then the end property is updated to be the length of the string.
-	 *
-	 * @type {*}
-	 */
-	set value(newValue: any) {
-		this._value = newValue;
-
-		if (this._value !== null && this._value.constructor === String && this._children.length === 0) {
-			this._setEnd(this._start + (this._value as string).length);
-		}
-	}
-
-	/**
-	 * Removes the last child of this node and updates the end position to be end position of the new last child.
-	 */
-	pop(): void {
-		this._children.splice(this._children.length - 1, 1);
-
-		if (this._children.length > 0) {
-			this._setEnd(this._children[this._children.length - 1].end);
-		}
-		else {
-			this._setEnd(this.start);
-		}
-	}
-
-	/**
-	 * Updates the end property of this node and its parent recursively to the root node.
-	 *
-	 * @param {number} newEnd
-	 */
-	private _setEnd(newEnd: number): void {
-		this._end = newEnd;
-
-		if (this._parent !== null && this._parent.end !== this._end) {
-			this._parent._setEnd(this._end);
-		}
-	}
-}
-
-/**
- * This class represents a single run of the parser.
- *
- * @param {string} input
- * @param {string} rule
- */
-class ParserRun {
-	private _parseTree: ParseNode;
-	private _result: ParseNode;
-
-	constructor(private _input: string, rule: string) {
-		const ruleFunction = rules.get(rule);
-		if (ruleFunction === undefined) {
-			throw new Error(`Could not find parser rule named ${ rule }`);
-		}
-
-		this._parseTree = new ParseNode(null);
-
-		this._result = ruleFunction.call(this, this._parseTree);
-	}
-
-	/**
-	 * @type {ParseNode}
-	 */
-	get result(): ParseNode | null {
-		return this._result;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_dialogueParts(parent: ParseNode): ParseNode {
-		const current = new ParseNode(parent);
-
-		current.value = [];
-
-		while (this._haveMore()) {
-			const enclosedTagsNode = this.parse_enclosedTags(current);
-
-			if (enclosedTagsNode !== null) {
-				current.value.push(...enclosedTagsNode.value);
-			}
-
-			else {
-				const whiteSpaceOrTextNode = this.parse_newline(current) || this.parse_soft_newline(current) || this.parse_hardspace(current) || this.parse_text(current);
-
-				if (whiteSpaceOrTextNode.value instanceof parts.Text && current.value[current.value.length - 1] instanceof parts.Text) {
-					// Merge consecutive text parts into one part
-					const previousTextPart = current.value[current.value.length - 1] as parts.Text;
-					current.value[current.value.length - 1] = new parts.Text(previousTextPart.value + (whiteSpaceOrTextNode.value as parts.Text).value);
-				}
-				else {
-					current.value.push(whiteSpaceOrTextNode.value);
-				}
-			}
-		}
-
-		let inDrawingMode = false;
-
-		current.value.forEach((part: parts.Part, i: number) => {
-			if (part instanceof parts.DrawingMode) {
-				inDrawingMode = part.scale !== 0;
-			}
-
-			else if (part instanceof parts.Text && inDrawingMode) {
-				current.value[i] = new parts.DrawingInstructions(parse(part.value, "drawingInstructions") as parts.drawing.Instruction[]);
-			}
-		});
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_enclosedTags(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		current.value = [];
-
-		if (this.read(current, "{") === null) {
-			parent.pop();
-			return null;
-		}
-
-		for (let next = this._peek(); this._haveMore() && next !== "}"; next = this._peek()) {
-			let childNode: ParseNode | null = null;
-
-			if (this.read(current, "\\") !== null) {
-				childNode =
-					this.parse_tag_alpha(current) ||
-					this.parse_tag_iclip(current) ||
-					this.parse_tag_xbord(current) ||
-					this.parse_tag_ybord(current) ||
-					this.parse_tag_xshad(current) ||
-					this.parse_tag_yshad(current) ||
-
-					this.parse_tag_blur(current) ||
-					this.parse_tag_bord(current) ||
-					this.parse_tag_clip(current) ||
-					this.parse_tag_fade(current) ||
-					this.parse_tag_fscx(current) ||
-					this.parse_tag_fscy(current) ||
-					this.parse_tag_move(current) ||
-					this.parse_tag_shad(current) ||
-
-					this.parse_tag_fad(current) ||
-					this.parse_tag_fax(current) ||
-					this.parse_tag_fay(current) ||
-					this.parse_tag_frx(current) ||
-					this.parse_tag_fry(current) ||
-					this.parse_tag_frz(current) ||
-					this.parse_tag_fsp(current) ||
-					this.parse_tag_fsplus(current) ||
-					this.parse_tag_fsminus(current) ||
-					this.parse_tag_org(current) ||
-					this.parse_tag_pbo(current) ||
-					this.parse_tag_pos(current) ||
-
-					this.parse_tag_an(current) ||
-					this.parse_tag_be(current) ||
-					this.parse_tag_fn(current) ||
-					this.parse_tag_fr(current) ||
-					this.parse_tag_fs(current) ||
-					this.parse_tag_kf(current) ||
-					this.parse_tag_ko(current) ||
-					this.parse_tag_1a(current) ||
-					this.parse_tag_1c(current) ||
-					this.parse_tag_2a(current) ||
-					this.parse_tag_2c(current) ||
-					this.parse_tag_3a(current) ||
-					this.parse_tag_3c(current) ||
-					this.parse_tag_4a(current) ||
-					this.parse_tag_4c(current) ||
-
-					this.parse_tag_a(current) ||
-					this.parse_tag_b(current) ||
-					this.parse_tag_c(current) ||
-					this.parse_tag_i(current) ||
-					this.parse_tag_k(current) ||
-					this.parse_tag_K(current) ||
-					this.parse_tag_p(current) ||
-					this.parse_tag_q(current) ||
-					this.parse_tag_r(current) ||
-					this.parse_tag_s(current) ||
-					this.parse_tag_t(current) ||
-					this.parse_tag_u(current);
-
-				if (childNode === null) {
-					current.pop(); // Unread backslash
-				}
-			}
-
-			if (childNode === null) {
-				childNode = this.parse_comment(current);
-			}
-
-			if (childNode.value instanceof parts.Comment && current.value[current.value.length - 1] instanceof parts.Comment) {
-				// Merge consecutive comment parts into one part
-				current.value[current.value.length - 1] =
-					new parts.Comment(
-						(current.value[current.value.length - 1] as parts.Comment).value +
-						(childNode.value as parts.Comment).value,
-					);
-			}
-			else {
-				current.value.push(childNode.value);
-			}
-		}
-
-		if (this.read(current, "}") === null) {
-			parent.pop();
-			return null;
-		}
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_newline(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "\\N") === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.NewLine();
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_soft_newline(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "\\n") === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.SoftNewLine();
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_hardspace(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "\\h") === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.Text("\u00A0");
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_text(parent: ParseNode): ParseNode {
-		const value = this._peek();
-
-		const current = new ParseNode(parent);
-		const valueNode = new ParseNode(current, value);
-
-		current.value = new parts.Text(valueNode.value);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_comment(parent: ParseNode): ParseNode {
-		const value = this._peek();
-
-		const current = new ParseNode(parent);
-		const valueNode = new ParseNode(current, value);
-
-		current.value = new parts.Comment(valueNode.value);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_a(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "a") === null) {
-			parent.pop();
-			return null;
-		}
-
-		let next = this._peek();
-
-		switch (next) {
-			case "1":
-				const next2 = this._peek(2);
-
-				switch (next2) {
-					case "10":
-					case "11":
-						next = next2;
-						break;
-				}
-
-				break;
-
-			case "2":
-			case "3":
-			case "5":
-			case "6":
-			case "7":
-			case "9":
-				break;
-
-			default:
-				parent.pop();
-				return null;
-		}
-
-		const valueNode = new ParseNode(current, next);
-
-		let value: number = -1;
-		switch ((valueNode.value)) {
-			case "1":
-				value = 1;
-				break;
-
-			case "2":
-				value = 2;
-				break;
-
-			case "3":
-				value = 3;
-				break;
-
-			case "5":
-				value = 7;
-				break;
-
-			case "6":
-				value = 8;
-				break;
-
-			case "7":
-				value = 9;
-				break;
-
-			case "9":
-				value = 4;
-				break;
-
-			case "10":
-				value = 5;
-				break;
-
-			case "11":
-				value = 6;
-				break;
-		}
-
-		current.value = new parts.Alignment(value);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_alpha(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_an(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "an") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const next = this._peek();
-
-		if (next < "1" || next > "9") {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = new ParseNode(current, next);
-
-		current.value = new parts.Alignment(parseInt(valueNode.value));
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_b(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "b") === null) {
-			parent.pop();
-			return null;
-		}
-
-		let valueNode: ParseNode | null = null;
-
-		let next = this._peek();
-
-		if (next >= "1" && next <= "9") {
-			next = this._peek(3);
-			if (next.substr(1) === "00") {
-				valueNode = new ParseNode(current, next);
-				valueNode.value = parseInt(valueNode.value);
-			}
-		}
-
-		if (valueNode === null) {
-			valueNode = this.parse_enableDisable(current);
-		}
-
-		if (valueNode !== null) {
-			current.value = new parts.Bold(valueNode.value);
-		}
-		else {
-			current.value = new parts.Bold(null);
-		}
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_be(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_blur(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_bord(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_c(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_clip(parent: ParseNode): ParseNode | null {
-		return this._parse_tag_clip_or_iclip("clip", parent);
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fad(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "fad") === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, "(") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const startNode = this.parse_decimal(current);
-		if (startNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const endNode = this.parse_decimal(current);
-		if (endNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ")") === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.Fade(startNode.value / 1000, endNode.value / 1000);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fade(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "fade") === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, "(") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const a1Node = this.parse_decimal(current);
-		if (a1Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const a2Node = this.parse_decimal(current);
-		if (a2Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const a3Node = this.parse_decimal(current);
-		if (a3Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const t1Node = this.parse_decimal(current);
-		if (t1Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const t2Node = this.parse_decimal(current);
-		if (t2Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const t3Node = this.parse_decimal(current);
-		if (t3Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const t4Node = this.parse_decimal(current);
-		if (t4Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ")") === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value =
-			new parts.ComplexFade(
-				1 - a1Node.value / 255, 1 - a2Node.value / 255, 1 - a3Node.value / 255,
-				t1Node.value / 1000, t2Node.value / 1000, t3Node.value / 1000, t4Node.value / 1000,
-			);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fax(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fay(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fn(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "fn") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = new ParseNode(current, "");
-
-		for (let next = this._peek(); this._haveMore() && next !== "\\" && next !== "}"; next = this._peek()) {
-			valueNode.value += next;
-		}
-
-		if (valueNode.value.length > 0) {
-			current.value = new parts.FontName(valueNode.value);
-		}
-		else {
-			current.value = new parts.FontName(null);
-		}
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fr(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_frx(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fry(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_frz(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fs(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fsplus(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "fs+") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = this.parse_decimal(current);
-
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.FontSizePlus(valueNode.value / 10);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fsminus(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "fs-") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = this.parse_decimal(current);
-
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.FontSizeMinus(valueNode.value / 10);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fscx(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "fscx") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = this.parse_decimal(current);
-
-		if (valueNode !== null) {
-			current.value = new parts.FontScaleX(valueNode.value / 100);
-		}
-		else {
-			current.value = new parts.FontScaleX(null);
-		}
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fscy(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "fscy") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = this.parse_decimal(current);
-
-		if (valueNode !== null) {
-			current.value = new parts.FontScaleY(valueNode.value / 100);
-		}
-		else {
-			current.value = new parts.FontScaleY(null);
-		}
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_fsp(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_i(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_iclip(parent: ParseNode): ParseNode | null {
-		return this._parse_tag_clip_or_iclip("iclip", parent);
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_k(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "k") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = this.parse_decimal(current);
-
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.ColorKaraoke(valueNode.value / 100);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_K(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "K") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = this.parse_decimal(current);
-
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.SweepingColorKaraoke(valueNode.value / 100);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_kf(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "kf") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = this.parse_decimal(current);
-
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.SweepingColorKaraoke(valueNode.value / 100);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_ko(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "ko") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = this.parse_decimal(current);
-
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.OutlineKaraoke(valueNode.value / 100);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_move(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "move") === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, "(") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const x1Node = this.parse_decimal(current);
-		if (x1Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const y1Node = this.parse_decimal(current);
-		if (y1Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const x2Node = this.parse_decimal(current);
-		if (x2Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const y2Node = this.parse_decimal(current);
-		if (y2Node === null) {
-			parent.pop();
-			return null;
-		}
-
-		let t1Node: ParseNode | null = null;
-		let t2Node: ParseNode | null = null;
-
-		if (this.read(current, ",") !== null) {
-			t1Node = this.parse_decimal(current);
-			if (t1Node === null) {
-				parent.pop();
-				return null;
-			}
-
-			if (this.read(current, ",") === null) {
-				parent.pop();
-				return null;
-			}
-
-			t2Node = this.parse_decimal(current);
-			if (t2Node === null) {
-				parent.pop();
-				return null;
-			}
-		}
-
-		if (this.read(current, ")") === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.Move(
-			x1Node.value, y1Node.value, x2Node.value, y2Node.value,
-			(t1Node !== null) ? (t1Node.value / 1000) : null, (t2Node !== null) ? (t2Node.value / 1000) : null,
-		);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_org(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "org") === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, "(") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const xNode = this.parse_decimal(current);
-		if (xNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const yNode = this.parse_decimal(current);
-		if (yNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ")") === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.RotationOrigin(xNode.value, yNode.value);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_p(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_pbo(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_pos(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "pos") === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, "(") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const xNode = this.parse_decimal(current);
-		if (xNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ",") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const yNode = this.parse_decimal(current);
-		if (yNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ")") === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = new parts.Position(xNode.value, yNode.value);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_q(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "q") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const next = this._peek();
-
-		if (next < "0" || next > "3") {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = new ParseNode(current, next);
-
-		current.value = new parts.WrappingStyle(parseInt(valueNode.value));
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_r(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "r") === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode = new ParseNode(current, "");
-
-		for (let next = this._peek(); this._haveMore() && next !== "\\" && next !== "}"; next = this._peek()) {
-			valueNode.value += next;
-		}
-
-		if (valueNode.value.length > 0) {
-			current.value = new parts.Reset(valueNode.value);
-		}
-		else {
-			current.value = new parts.Reset(null);
-		}
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_s(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_shad(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_t(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, "t") === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, "(") === null) {
-			parent.pop();
-			return null;
-		}
-
-		let startNode: ParseNode | null = null;
-		let endNode: ParseNode | null = null;
-		let accelNode: ParseNode | null = null;
-
-		const firstNode = this.parse_decimal(current);
-		if (firstNode !== null) {
-			if (this.read(current, ",") === null) {
-				parent.pop();
-				return null;
-			}
-
-			const secondNode = this.parse_decimal(current);
-			if (secondNode !== null) {
-				startNode = firstNode;
-				endNode = secondNode;
-
-				if (this.read(current, ",") === null) {
-					parent.pop();
-					return null;
-				}
-
-				const thirdNode = this.parse_decimal(current);
-				if (thirdNode !== null) {
-					accelNode = thirdNode;
-
-					if (this.read(current, ",") === null) {
-						parent.pop();
-						return null;
-					}
-				}
-			}
-			else {
-				accelNode = firstNode;
-
-				if (this.read(current, ",") === null) {
-					parent.pop();
-					return null;
-				}
-			}
-		}
-
-		const transformTags: parts.Part[] = [];
-
-		for (let next = this._peek(); this._haveMore() && next !== ")" && next !== "}"; next = this._peek()) {
-			let childNode: ParseNode | null = null;
-
-			if (this.read(current, "\\") !== null) {
-				childNode =
-					this.parse_tag_alpha(current) ||
-					this.parse_tag_iclip(current) ||
-					this.parse_tag_xbord(current) ||
-					this.parse_tag_ybord(current) ||
-					this.parse_tag_xshad(current) ||
-					this.parse_tag_yshad(current) ||
-
-					this.parse_tag_blur(current) ||
-					this.parse_tag_bord(current) ||
-					this.parse_tag_clip(current) ||
-					this.parse_tag_fscx(current) ||
-					this.parse_tag_fscy(current) ||
-					this.parse_tag_shad(current) ||
-
-					this.parse_tag_fax(current) ||
-					this.parse_tag_fay(current) ||
-					this.parse_tag_frx(current) ||
-					this.parse_tag_fry(current) ||
-					this.parse_tag_frz(current) ||
-					this.parse_tag_fsp(current) ||
-					this.parse_tag_fsplus(current) ||
-					this.parse_tag_fsminus(current) ||
-
-					this.parse_tag_be(current) ||
-					this.parse_tag_fr(current) ||
-					this.parse_tag_fs(current) ||
-					this.parse_tag_1a(current) ||
-					this.parse_tag_1c(current) ||
-					this.parse_tag_2a(current) ||
-					this.parse_tag_2c(current) ||
-					this.parse_tag_3a(current) ||
-					this.parse_tag_3c(current) ||
-					this.parse_tag_4a(current) ||
-					this.parse_tag_4c(current) ||
-
-					this.parse_tag_c(current);
-
-				if (childNode === null) {
-					current.pop(); // Unread backslash
-				}
-			}
-
-			if (childNode === null) {
-				childNode = this.parse_comment(current);
-			}
-
-			if (childNode.value instanceof parts.Comment && transformTags[transformTags.length - 1] instanceof parts.Comment) {
-				// Merge consecutive comment parts into one part
-				transformTags[transformTags.length - 1] =
-					new parts.Comment(
-						(transformTags[transformTags.length - 1] as parts.Comment).value +
-						(childNode.value as parts.Comment).value,
-					);
-			}
-			else {
-				transformTags.push(childNode.value);
-			}
-		}
-
-		this.read(current, ")");
-
-		current.value =
-			new parts.Transform(
-				(startNode !== null) ? (startNode.value / 1000) : null,
-				(endNode !== null) ? (endNode.value / 1000) : null,
-				(accelNode !== null) ? (accelNode.value / 1000) : null,
-				transformTags,
-			);
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_u(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_xbord(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_xshad(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_ybord(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_yshad(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_1a(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_1c(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_2a(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_2c(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_3a(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_3c(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_4a(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_tag_4c(_parent: ParseNode): ParseNode | null {
-		throw new Error("unreachable");
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_drawingInstructions(parent: ParseNode): ParseNode {
-		const current = new ParseNode(parent);
-
-		let currentType: string | null = null;
-		const numberParts: ParseNode[] = [];
-
-		current.value = [];
-
-		while (this._haveMore()) {
-			while (this.read(current, " ") !== null) { }
-			if (!this._haveMore()) {
-				break;
-			}
-
-			if (currentType !== null) {
-				const numberPart = this.parse_decimal(current);
-				if (numberPart !== null) {
-					numberParts.push(numberPart);
-
-					if (currentType === "m" && numberParts.length === 2) {
-						current.value.push(new parts.drawing.MoveInstruction(numberParts[0].value, numberParts[1].value));
-						numberParts.splice(0, numberParts.length);
-					}
-					else if (currentType === "l" && numberParts.length === 2) {
-						current.value.push(new parts.drawing.LineInstruction(numberParts[0].value, numberParts[1].value));
-						numberParts.splice(0, numberParts.length);
-					}
-					else if (currentType === "b" && numberParts.length === 6) {
-						current.value.push(new parts.drawing.CubicBezierCurveInstruction(
-							numberParts[0].value, numberParts[1].value,
-							numberParts[2].value, numberParts[3].value,
-							numberParts[4].value, numberParts[5].value));
-						numberParts.splice(0, numberParts.length);
-					}
-
-					continue;
-				}
-			}
-
-			const typePart = this.parse_text(current);
-			const newType = (typePart.value as parts.Text).value;
-			switch (newType) {
-				case "m":
-				case "l":
-				case "b":
-					currentType = newType;
-					numberParts.splice(0, numberParts.length);
-					break;
-			}
-		}
-
-		while (this.read(current, " ") !== null) { }
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_decimalInt32(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		const isNegative = this.read(current, "-") !== null;
-
-		const numberNode = new ParseNode(current, "");
-		for (let next = this._peek(); this._haveMore() && next >= "0" && next <= "9"; next = this._peek()) {
-			numberNode.value += next;
-		}
-
-		if (numberNode.value.length === 0) {
-			parent.pop();
-			return null;
-		}
-
-		let value = parseInt(numberNode.value);
-		if (value >= 0xFFFFFFFF) {
-			value = 0xFFFFFFFF;
-		}
-		else if (isNegative) {
-			value = -value;
-		}
-
-		current.value = value;
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_hexInt32(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		const isNegative = this.read(current, "-") !== null;
-
-		const numberNode = new ParseNode(current, "");
-		for (
-			let next = this._peek();
-			this._haveMore() && (
-				(next >= "0" && next <= "9") ||
-				(next >= "a" && next <= "f") ||
-				(next >= "A" && next <= "F")
-			);
-			next = this._peek()) {
-
-			numberNode.value += next;
-		}
-
-		if (numberNode.value.length === 0) {
-			parent.pop();
-			return null;
-		}
-
-		let value = parseInt(numberNode.value, 16);
-		if (value >= 0xFFFFFFFF) {
-			value = 0xFFFFFFFF;
-		}
-		else if (isNegative) {
-			value = -value;
-		}
-
-		current.value = value;
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_decimalOrHexInt32(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		const valueNode =
-			(this.read(current, "&H") !== null || this.read(current, "&h") !== null) ?
-				this.parse_hexInt32(current) :
-				this.parse_decimalInt32(current);
-
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = valueNode.value;
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_decimal(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		const negative = (this.read(current, "-") !== null);
-
-		const numericalPart = this.parse_unsignedDecimal(current);
-
-		if (numericalPart === null) {
-			parent.pop();
-			return null;
-		}
-
-		current.value = numericalPart.value;
-
-		if (negative) {
-			current.value = -current.value;
-		}
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_unsignedDecimal(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		const characteristicNode = new ParseNode(current, "");
-
-		let mantissaNode: ParseNode | null = null;
-
-		for (let next = this._peek(); this._haveMore() && next >= "0" && next <= "9"; next = this._peek()) {
-			characteristicNode.value += next;
-		}
-
-		if (characteristicNode.value.length === 0) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, ".") !== null) {
-			mantissaNode = new ParseNode(current, "");
-
-			for (let next = this._peek(); this._haveMore() && next >= "0" && next <= "9"; next = this._peek()) {
-				mantissaNode.value += next;
-			}
-
-			if (mantissaNode.value.length === 0) {
-				parent.pop();
-				return null;
-			}
-		}
-
-		current.value = parseFloat((characteristicNode.value as string) + ((mantissaNode !== null) ? ("." + (mantissaNode.value as string)) : ""));
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_enableDisable(parent: ParseNode): ParseNode | null {
-		const next = this._peek();
-
-		if (next === "0" || next === "1") {
-			const result = new ParseNode(parent, next);
-			result.value = (result.value === "1");
-
-			return result;
-		}
-
-		return null;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_color(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		while (this.read(current, "&") !== null || this.read(current, "H") !== null) { }
-
-		const valueNode = this.parse_hexInt32(current);
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		const value = valueNode.value;
-
-		/* tslint:disable:no-bitwise */
-
-		current.value = new parts.Color(
-			value & 0xFF,
-			(value >> 8) & 0xFF,
-			(value >> 16) & 0xFF,
-		);
-
-		/* tslint:enable:no-bitwise */
-
-		while (this.read(current, "&") !== null || this.read(current, "H") !== null) { }
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_alpha(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		while (this.read(current, "&") !== null || this.read(current, "H") !== null) { }
-
-		const valueNode = this.parse_hexInt32(current);
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		const value = valueNode.value;
-
-		/* tslint:disable-next-line:no-bitwise */
-		current.value = 1 - (value & 0xFF) / 0xFF;
-
-		while (this.read(current, "&") !== null || this.read(current, "H") !== null) { }
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	parse_colorWithAlpha(parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		const valueNode = this.parse_decimalOrHexInt32(current);
-		if (valueNode === null) {
-			parent.pop();
-			return null;
-		}
-
-		const value = valueNode.value;
-
-		/* tslint:disable:no-bitwise */
-
-		current.value = new parts.Color(
-			value & 0xFF,
-			(value >> 8) & 0xFF,
-			(value >> 16) & 0xFF,
-			1 - ((value >> 24) & 0xFF) / 0xFF,
-		);
-
-		/* tslint:enable:no-bitwise */
-
-		return current;
-	}
-
-	/**
-	 * @param {!ParseNode} parent
-	 * @param {string} next
-	 * @return {ParseNode}
-	 */
-	read(parent: ParseNode, next: string): ParseNode | null {
-		if (this._peek(next.length) !== next) {
-			return null;
-		}
-
-		return new ParseNode(parent, next);
-	}
-
-	/**
-	 * @param {number=1} count
-	 * @return {string}
-	 */
-	private _peek(count: number = 1): string {
-		// Fastpath for count === 1. http://jsperf.com/substr-vs-indexer
-		if (count === 1) { return this._input[this._parseTree.end]; }
-
-		return this._input.substr(this._parseTree.end, count);
-	}
-
-	/**
-	 * @return {boolean}
-	 */
-	private _haveMore(): boolean {
-		return this._parseTree.end < this._input.length;
-	}
-
-	/**
-	 * @param {string} tagName One of "clip" and "iclip"
-	 * @param {!ParseNode} parent
-	 * @return {ParseNode}
-	 */
-	private _parse_tag_clip_or_iclip(tagName: "clip" | "iclip", parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, tagName) === null) {
-			parent.pop();
-			return null;
-		}
-
-		if (this.read(current, "(") === null) {
-			parent.pop();
-			return null;
-		}
-
-		let x1Node: ParseNode | null = null;
-		let x2Node: ParseNode | null = null;
-		let y1Node: ParseNode | null = null;
-		let y2Node: ParseNode | null = null;
-		let scaleNode: ParseNode | null = null;
-		let commandsNode: ParseNode | null = null;
-
-		const firstNode = this.parse_decimal(current);
-
-		if (firstNode !== null) {
-			if (this.read(current, ",") === null) {
-				parent.pop();
-				return null;
-			}
-
-			const secondNode = this.parse_decimal(current);
-
-			if (secondNode !== null) {
-				x1Node = firstNode;
-				y1Node = secondNode;
-			}
-			else {
-				scaleNode = firstNode;
-			}
-		}
-
-		if (x1Node !== null && y1Node !== null) {
-			if (this.read(current, ",") === null) {
-				parent.pop();
-				return null;
-			}
-
-			x2Node = this.parse_decimal(current);
-			if (x2Node === null) {
-				parent.pop();
-				return null;
-			}
-
-			if (this.read(current, ",") === null) {
-				parent.pop();
-				return null;
-			}
-
-			y2Node = this.parse_decimal(current);
-			if (y2Node === null) {
-				parent.pop();
-				return null;
-			}
-
-			current.value = new parts.RectangularClip(x1Node.value, y1Node.value, x2Node.value, y2Node.value, tagName === "clip");
-		}
-		else {
-			commandsNode = new ParseNode(current, "");
-
-			for (let next = this._peek(); this._haveMore() && next !== ")" && next !== "}"; next = this._peek()) {
-				commandsNode.value += next;
-			}
-
-			current.value = new parts.VectorClip((scaleNode !== null) ? scaleNode.value : 1, parse(commandsNode.value, "drawingInstructions") as parts.drawing.Instruction[], tagName === "clip");
-		}
-
-		if (this.read(current, ")") === null) {
-			parent.pop();
-			return null;
-		}
-
-		return current;
-	}
-}
-
-/**
- * Constructs a simple tag parser function and sets it on the prototype of the {@link ./parser/parse.ParserRun} class.
- *
- * @param {string} tagName The name of the tag to generate the parser function for
- * @param {function(new: !libjass.parts.Part, *)} tagConstructor The type of tag to be returned by the generated parser function
- * @param {function(!ParseNode): ParseNode} valueParser The parser for the tag's value
- * @param {boolean} required Whether the tag's value is required or optional
- */
-function makeTagParserFunction(
-	tagName: string,
-	tagConstructor: { new (value: any): parts.Part },
-	valueParser: (current: ParseNode) => ParseNode | null,
-	required: boolean,
-): void {
-	(ParserRun.prototype as any)[`parse_tag_${ tagName }`] = function (this: ParserRun, parent: ParseNode): ParseNode | null {
-		const current = new ParseNode(parent);
-
-		if (this.read(current, tagName) === null) {
-			parent.pop();
-			return null;
-		}
-
-		const valueNode: ParseNode | null = valueParser.call(this, current);
-
-		if (valueNode !== null) {
-			current.value = new tagConstructor(valueNode.value);
-		}
-		else if (!required) {
-			current.value = new tagConstructor(null);
-		}
-		else {
-			parent.pop();
-			return null;
-		}
-
-		return current;
-	};
-}
-
-makeTagParserFunction("alpha", parts.Alpha, ParserRun.prototype.parse_alpha, false);
-makeTagParserFunction("be", parts.Blur, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("blur", parts.GaussianBlur, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("bord", parts.Border, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("c", parts.PrimaryColor, ParserRun.prototype.parse_color, false);
-makeTagParserFunction("fax", parts.SkewX, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("fay", parts.SkewY, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("fr", parts.RotateZ, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("frx", parts.RotateX, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("fry", parts.RotateY, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("frz", parts.RotateZ, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("fs", parts.FontSize, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("fsp", parts.LetterSpacing, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("i", parts.Italic, ParserRun.prototype.parse_enableDisable, false);
-makeTagParserFunction("p", parts.DrawingMode, ParserRun.prototype.parse_decimal, true);
-makeTagParserFunction("pbo", parts.DrawingBaselineOffset, ParserRun.prototype.parse_decimal, true);
-makeTagParserFunction("s", parts.StrikeThrough, ParserRun.prototype.parse_enableDisable, false);
-makeTagParserFunction("shad", parts.Shadow, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("u", parts.Underline, ParserRun.prototype.parse_enableDisable, false);
-makeTagParserFunction("xbord", parts.BorderX, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("xshad", parts.ShadowX, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("ybord", parts.BorderY, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("yshad", parts.ShadowY, ParserRun.prototype.parse_decimal, false);
-makeTagParserFunction("1a", parts.PrimaryAlpha, ParserRun.prototype.parse_alpha, false);
-makeTagParserFunction("1c", parts.PrimaryColor, ParserRun.prototype.parse_color, false);
-makeTagParserFunction("2a", parts.SecondaryAlpha, ParserRun.prototype.parse_alpha, false);
-makeTagParserFunction("2c", parts.SecondaryColor, ParserRun.prototype.parse_color, false);
-makeTagParserFunction("3a", parts.OutlineAlpha, ParserRun.prototype.parse_alpha, false);
-makeTagParserFunction("3c", parts.OutlineColor, ParserRun.prototype.parse_color, false);
-makeTagParserFunction("4a", parts.ShadowAlpha, ParserRun.prototype.parse_alpha, false);
-makeTagParserFunction("4c", parts.ShadowColor, ParserRun.prototype.parse_color, false);
-
-for (const key of Object.keys(ParserRun.prototype)) {
-	if (key.indexOf("parse_") === 0 && typeof (ParserRun.prototype as any)[key] === "function") {
-		rules.set(key.substr("parse_".length), (ParserRun.prototype as any)[key]);
-	}
-}
-
-import { Promise } from "../utility/promise";
-
-import { WorkerCommands } from "../webworker/commands";
-import { registerWorkerCommand } from "../webworker/misc";
-
-registerWorkerCommand(WorkerCommands.Parse, parameters => new Promise<any>(resolve => {
-	resolve(parse(parameters.input, parameters.rule));
-}));
diff --git a/negromate/web/static/js/libjass/src/parser/stream-parsers.ts b/negromate/web/static/js/libjass/src/parser/stream-parsers.ts
deleted file mode 100644
index 028c35a..0000000
--- a/negromate/web/static/js/libjass/src/parser/stream-parsers.ts
+++ /dev/null
@@ -1,438 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { debugMode } from "../settings";
-
-import { ASS } from "../types/ass";
-import { Attachment, AttachmentType } from "../types/attachment";
-import { Dialogue } from "../types/dialogue";
-import { Style } from "../types/style";
-
-import { Map } from "../utility/map";
-
-import { DeferredPromise } from "../utility/promise";
-
-import { parseLineIntoProperty } from "./misc";
-import { Stream } from "./streams";
-
-enum Section {
-	ScriptInfo,
-	Styles,
-	Events,
-	Fonts,
-	Graphics,
-	Other,
-	EOF,
-}
-
-/**
- * A parser that parses an {@link libjass.ASS} object from a {@link libjass.parser.Stream}.
- *
- * @param {!libjass.parser.Stream} stream The {@link libjass.parser.Stream} to parse
- */
-export class StreamParser {
-	private _ass: ASS = new ASS();
-	private _minimalDeferred: DeferredPromise<ASS> = new DeferredPromise<ASS>();
-	private _deferred: DeferredPromise<ASS> = new DeferredPromise<ASS>();
-
-	private _shouldSwallowBom: boolean = true;
-	private _currentSection: Section = Section.ScriptInfo;
-	private _currentAttachment: Attachment | null = null;
-
-	constructor(private _stream: Stream) {
-		/* tslint:disable-next-line:no-floating-promises */
-		this._stream.nextLine().then(line => this._onNextLine(line), reason => {
-			this._minimalDeferred.reject(reason);
-			this._deferred.reject(reason);
-		});
-	}
-
-	/**
-	 * @type {!Promise.<!libjass.ASS>} A promise that will be resolved when the script properties of the ASS script have been parsed from the stream. Styles and events have not necessarily been
-	 * parsed at the point this promise becomes resolved.
-	 */
-	get minimalASS(): Promise<ASS> {
-		return this._minimalDeferred.promise;
-	}
-
-	/**
-	 * @type {!Promise.<!libjass.ASS>} A promise that will be resolved when the entire stream has been parsed.
-	 */
-	get ass(): Promise<ASS> {
-		return this._deferred.promise;
-	}
-
-	/**
-	 * @type {number}
-	 */
-	private get currentSection(): Section {
-		return this._currentSection;
-	}
-
-	/**
-	 * @type {number}
-	 */
-	private set currentSection(value: Section) {
-		if (this._currentAttachment !== null) {
-			this._ass.addAttachment(this._currentAttachment);
-			this._currentAttachment = null;
-		}
-
-		if (this._currentSection === Section.ScriptInfo && value !== Section.ScriptInfo) {
-			// Exiting script info section
-			this._minimalDeferred.resolve(this._ass);
-		}
-
-		if (value === Section.EOF) {
-			const scriptProperties = this._ass.properties;
-			/* tslint:disable-next-line:strict-type-predicates */
-			if (scriptProperties.resolutionX === undefined || scriptProperties.resolutionY === undefined) {
-				// Malformed script.
-				this._minimalDeferred.reject("Malformed ASS script.");
-				this._deferred.reject("Malformed ASS script.");
-			}
-			else {
-				this._minimalDeferred.resolve(this._ass);
-				this._deferred.resolve(this._ass);
-			}
-		}
-
-		this._currentSection = value;
-	}
-
-	/**
-	 * @param {string} line
-	 */
-	private _onNextLine(line: string | null): void {
-		if (line === null) {
-			this.currentSection = Section.EOF;
-			return;
-		}
-
-		if (line[line.length - 1] === "\r") {
-			line = line.substr(0, line.length - 1);
-		}
-
-		if (line.charCodeAt(0) === 0xfeff && this._shouldSwallowBom) {
-			line = line.substr(1);
-		}
-
-		this._shouldSwallowBom = false;
-
-		if (line === "") {
-			// Ignore empty lines.
-		}
-
-		else if (line[0] === ";" && this._currentAttachment === null) {
-			// Lines starting with ; are comments, unless reading an attachment.
-		}
-
-		else if (line === "[Script Info]") {
-			this.currentSection = Section.ScriptInfo;
-		}
-		else if (line === "[V4+ Styles]" || line === "[V4 Styles]") {
-			this.currentSection = Section.Styles;
-		}
-		else if (line === "[Events]") {
-			this.currentSection = Section.Events;
-		}
-		else if (line === "[Fonts]") {
-			this.currentSection = Section.Fonts;
-		}
-		else if (line === "[Graphics]") {
-			this.currentSection = Section.Graphics;
-		}
-		else {
-			if (this._currentAttachment === null && line[0] === "[" && line[line.length - 1] === "]") {
-				/* This looks like the start of a new section. The section name is unrecognized if it is.
-				 * Since there's no current attachment being parsed it's definitely the start of a new section.
-				 * If an attachment is being parsed, this might be part of the attachment.
-				 */
-				this.currentSection = Section.Other;
-			}
-
-			switch (this.currentSection) {
-				case Section.ScriptInfo:
-					const property = parseLineIntoProperty(line);
-					if (property !== null) {
-						switch (property.name) {
-							case "PlayResX":
-								this._ass.properties.resolutionX = parseInt(property.value);
-								break;
-							case "PlayResY":
-								this._ass.properties.resolutionY = parseInt(property.value);
-								break;
-							case "WrapStyle":
-								this._ass.properties.wrappingStyle = parseInt(property.value);
-								break;
-							case "ScaledBorderAndShadow":
-								this._ass.properties.scaleBorderAndShadow = (property.value === "yes");
-								break;
-						}
-					}
-					break;
-
-				case Section.Styles:
-					if (this._ass.stylesFormatSpecifier === null) {
-						const property = parseLineIntoProperty(line);
-						if (property !== null && property.name === "Format") {
-							this._ass.stylesFormatSpecifier = property.value.split(",").map(str => str.trim());
-						}
-						else {
-							// Ignore any non-format lines
-						}
-					}
-					else {
-						try {
-							this._ass.addStyle(line);
-						}
-						catch (ex) {
-							if (debugMode) {
-								console.error(`Could not parse style from line ${ line } - ${ ex.stack || ex }`);
-							}
-						}
-					}
-					break;
-
-				case Section.Events:
-					if (this._ass.dialoguesFormatSpecifier === null) {
-						const property = parseLineIntoProperty(line);
-						if (property !== null && property.name === "Format") {
-							this._ass.dialoguesFormatSpecifier = property.value.split(",").map(str => str.trim());
-						}
-						else {
-							// Ignore any non-format lines
-						}
-					}
-					else {
-						try {
-							this._ass.addEvent(line);
-						}
-						catch (ex) {
-							if (debugMode) {
-								console.error(`Could not parse event from line ${ line } - ${ ex.stack || ex }`);
-							}
-						}
-					}
-					break;
-
-				case Section.Fonts:
-				case Section.Graphics:
-					const startOfNewAttachmentRegex = (this.currentSection === Section.Fonts) ? /^fontname:(.+)/ : /^filename:(.+)/;
-					const startOfNewAttachment = startOfNewAttachmentRegex.exec(line);
-
-					if (startOfNewAttachment !== null) {
-						// Start of new attachment
-
-						if (this._currentAttachment !== null) {
-							this._ass.addAttachment(this._currentAttachment);
-							this._currentAttachment = null;
-						}
-
-						this._currentAttachment = new Attachment(startOfNewAttachment[1].trim(), (this.currentSection === Section.Fonts) ? AttachmentType.Font : AttachmentType.Graphic);
-					}
-					else if (this._currentAttachment !== null) {
-						try {
-							this._currentAttachment.contents += uuencodedToBase64(line);
-						}
-						catch (ex) {
-							if (debugMode) {
-								console.error(`Encountered error while reading font ${ this._currentAttachment.filename }: %o`, ex);
-							}
-
-							this._currentAttachment = null;
-						}
-					}
-					else {
-						// Ignore.
-					}
-					break;
-
-				case Section.Other:
-					// Ignore other sections.
-					break;
-
-				default:
-					throw new Error(`Unhandled state ${ this.currentSection }`);
-			}
-		}
-
-		/* tslint:disable-next-line:no-floating-promises */
-		this._stream.nextLine().then(line => this._onNextLine(line), reason => {
-			this._minimalDeferred.reject(reason);
-			this._deferred.reject(reason);
-		});
-	}
-}
-
-/**
- * A parser that parses an {@link libjass.ASS} object from a {@link libjass.parser.Stream} of an SRT script.
- *
- * @param {!libjass.parser.Stream} stream The {@link libjass.parser.Stream} to parse
- */
-export class SrtStreamParser {
-	private _ass: ASS = new ASS();
-	private _deferred: DeferredPromise<ASS> = new DeferredPromise<ASS>();
-
-	private _shouldSwallowBom: boolean = true;
-
-	private _currentDialogueNumber: string | null = null;
-	private _currentDialogueStart: string | null = null;
-	private _currentDialogueEnd: string | null = null;
-	private _currentDialogueText: string | null = null;
-
-	constructor(private _stream: Stream) {
-		/* tslint:disable-next-line:no-floating-promises */
-		this._stream.nextLine().then(line => this._onNextLine(line), reason => {
-			this._deferred.reject(reason);
-		});
-
-		this._ass.properties.resolutionX = 1280;
-		this._ass.properties.resolutionY = 720;
-		this._ass.properties.wrappingStyle = 1;
-		this._ass.properties.scaleBorderAndShadow = true;
-
-		const newStyle = new Style(new Map([["Name", "Default"], ["FontSize", "36"]]));
-		this._ass.styles.set(newStyle.name, newStyle);
-	}
-
-	/**
-	 * @type {!Promise.<!libjass.ASS>} A promise that will be resolved when the entire stream has been parsed.
-	 */
-	get ass(): Promise<ASS> {
-		return this._deferred.promise;
-	}
-
-	/**
-	 * @param {string} line
-	 */
-	private _onNextLine(line: string | null): void {
-		if (line === null) {
-			if (this._currentDialogueNumber !== null && this._currentDialogueStart !== null && this._currentDialogueEnd !== null && this._currentDialogueText !== null) {
-				this._ass.dialogues.push(new Dialogue(new Map([
-					["Style", "Default"],
-					["Start", this._currentDialogueStart],
-					["End", this._currentDialogueEnd],
-					["Text", this._currentDialogueText],
-				]), this._ass));
-			}
-
-			this._deferred.resolve(this._ass);
-			return;
-		}
-
-		if (line[line.length - 1] === "\r") {
-			line = line.substr(0, line.length - 1);
-		}
-
-		if (line.charCodeAt(0) === 0xfeff && this._shouldSwallowBom) {
-			line = line.substr(1);
-		}
-
-		this._shouldSwallowBom = false;
-
-		if (line === "") {
-			if (this._currentDialogueNumber !== null && this._currentDialogueStart !== null && this._currentDialogueEnd !== null && this._currentDialogueText !== null) {
-				this._ass.dialogues.push(new Dialogue(new Map([
-					["Style", "Default"],
-					["Start", this._currentDialogueStart],
-					["End", this._currentDialogueEnd],
-					["Text", this._currentDialogueText],
-				]), this._ass));
-			}
-
-			this._currentDialogueNumber = this._currentDialogueStart = this._currentDialogueEnd = this._currentDialogueText = null;
-		}
-		else {
-			if (this._currentDialogueNumber === null) {
-				if (/^\d+$/.test(line)) {
-					this._currentDialogueNumber = line;
-				}
-			}
-			else if (this._currentDialogueStart === null && this._currentDialogueEnd === null) {
-				const match = /^(\d\d:\d\d:\d\d,\d\d\d) --> (\d\d:\d\d:\d\d,\d\d\d)/.exec(line);
-				if (match !== null) {
-					this._currentDialogueStart = match[1].replace(",", ".");
-					this._currentDialogueEnd = match[2].replace(",", ".");
-				}
-			}
-			else {
-				line = line
-					.replace(/<b>/g, "{\\b1}").replace(/\{b\}/g, "{\\b1}")
-					.replace(/<\/b>/g, "{\\b0}").replace(/\{\/b\}/g, "{\\b0}")
-					.replace(/<i>/g, "{\\i1}").replace(/\{i\}/g, "{\\i1}")
-					.replace(/<\/i>/g, "{\\i0}").replace(/\{\/i\}/g, "{\\i0}")
-					.replace(/<u>/g, "{\\u1}").replace(/\{u\}/g, "{\\u1}")
-					.replace(/<\/u>/g, "{\\u0}").replace(/\{\/u\}/g, "{\\u0}")
-					.replace(
-						/<font color="#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})">/g,
-						(/* ujs:unreferenced */ _substring: string, red: string, green: string, blue: string) => `{\c&H${ blue }${ green }${ red }&}`,
-					).replace(/<\/font>/g, "{\\c}");
-
-				if (this._currentDialogueText !== null) {
-					this._currentDialogueText += "\\N" + line;
-				}
-				else {
-					this._currentDialogueText = line;
-				}
-			}
-		}
-
-		/* tslint:disable-next-line:no-floating-promises */
-		this._stream.nextLine().then(line => this._onNextLine(line), reason => {
-			this._deferred.reject(reason);
-		});
-	}
-}
-
-/**
- * Converts a uuencoded string to a base64 string.
- *
- * @param {string} str
- * @return {string}
- */
-function uuencodedToBase64(str: string): string {
-	let result = "";
-
-	for (let i = 0; i < str.length; i++) {
-		const charCode = str.charCodeAt(i) - 33;
-
-		if (charCode < 0 || charCode > 63) {
-			throw new Error(`Out-of-range character code ${ charCode } at index ${ i } in string ${ str }`);
-		}
-		if (charCode < 26) {
-			result += String.fromCharCode("A".charCodeAt(0) + charCode);
-		}
-		else if (charCode < 52) {
-			result += String.fromCharCode("a".charCodeAt(0) + charCode - 26);
-		}
-		else if (charCode < 62) {
-			result += String.fromCharCode("0".charCodeAt(0) + charCode - 52);
-		}
-		else if (charCode === 62) {
-			result += "+";
-		}
-		else {
-			result += "/";
-		}
-	}
-
-	return result;
-}
diff --git a/negromate/web/static/js/libjass/src/parser/streams.ts b/negromate/web/static/js/libjass/src/parser/streams.ts
deleted file mode 100644
index 3c2aa43..0000000
--- a/negromate/web/static/js/libjass/src/parser/streams.ts
+++ /dev/null
@@ -1,251 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { DeferredPromise, Promise } from "../utility/promise";
-
-/**
- * An interface for a stream.
- */
-export interface Stream {
-	/**
-	 * @return {!Promise.<?string>} A promise that will be resolved with the next line, or null if the stream is exhausted.
-	 */
-	nextLine(): Promise<string | null>;
-}
-
-/**
- * A {@link libjass.parser.Stream} that reads from a string in memory.
- *
- * @param {string} str The string
- */
-export class StringStream implements Stream {
-	private _readTill: number = 0;
-
-	constructor(private _str: string) { }
-
-	/**
-	 * @return {!Promise.<?string>} A promise that will be resolved with the next line, or null if the string has been completely read.
-	 */
-	nextLine(): Promise<string | null> {
-		let result: Promise<string | null>;
-
-		if (this._readTill < this._str.length) {
-			const nextNewLinePos = this._str.indexOf("\n", this._readTill);
-			if (nextNewLinePos !== -1) {
-				result = Promise.resolve(this._str.substring(this._readTill, nextNewLinePos));
-				this._readTill = nextNewLinePos + 1;
-			}
-			else {
-				result = Promise.resolve(this._str.substr(this._readTill));
-				this._readTill = this._str.length;
-			}
-		}
-		else {
-			result = Promise.resolve<string | null>(null);
-		}
-
-		return result;
-	}
-}
-
-/**
- * A {@link libjass.parser.Stream} that reads from an XMLHttpRequest object.
- *
- * @param {!XMLHttpRequest} xhr The XMLHttpRequest object. Make sure to not call .open() on this object before passing it in here,
- * since event handlers cannot be registered after open() has been called.
- */
-export class XhrStream implements Stream {
-	private _readTill: number = 0;
-	private _pendingDeferred: DeferredPromise<string | null> | null = null;
-	private _failedError: ErrorEvent | null = null;
-
-	constructor(private _xhr: XMLHttpRequest) {
-		_xhr.addEventListener("progress", () => this._onXhrProgress(), false);
-		_xhr.addEventListener("load", () => this._onXhrLoad(), false);
-		_xhr.addEventListener("error", event => this._onXhrError(event), false);
-	}
-
-	/**
-	 * @return {!Promise.<?string>} A promise that will be resolved with the next line, or null if the stream is exhausted.
-	 */
-	nextLine(): Promise<string> {
-		if (this._pendingDeferred !== null) {
-			throw new Error("XhrStream only supports one pending unfulfilled read at a time.");
-		}
-
-		const deferred = this._pendingDeferred = new DeferredPromise<string>();
-
-		this._tryResolveNextLine();
-
-		return deferred.promise;
-	}
-
-	/**
-	 */
-	private _onXhrProgress(): void {
-		if (this._pendingDeferred === null) {
-			return;
-		}
-
-		if (this._xhr.readyState === XMLHttpRequest.DONE) {
-			/* Suppress resolving next line here. Let the "load" or "error" event handlers do it.
-			 *
-			 * This is required because a failed XHR fires the progress event with readyState === DONE before it fires the error event.
-			 * This would confuse _tryResolveNextLine() into thinking the request succeeded with no data if it was called here.
-			 */
-			return;
-		}
-
-		this._tryResolveNextLine();
-	}
-
-	/**
-	 */
-	private _onXhrLoad(): void {
-		if (this._pendingDeferred === null) {
-			return;
-		}
-
-		this._tryResolveNextLine();
-	}
-
-	/**
-	 * @param {!ErrorEvent} event
-	 */
-	private _onXhrError(event: ErrorEvent): void {
-		this._failedError = event;
-
-		if (this._pendingDeferred === null) {
-			return;
-		}
-
-		this._tryResolveNextLine();
-	}
-
-	/**
-	 */
-	private _tryResolveNextLine(): void {
-		if (this._failedError !== null) {
-			this._pendingDeferred!.reject(this._failedError);
-			return;
-		}
-
-		const response = this._xhr.responseText;
-
-		const nextNewLinePos = response.indexOf("\n", this._readTill);
-		if (nextNewLinePos !== -1) {
-			this._pendingDeferred!.resolve(response.substring(this._readTill, nextNewLinePos));
-			this._readTill = nextNewLinePos + 1;
-			this._pendingDeferred = null;
-		}
-
-		else if (this._xhr.readyState === XMLHttpRequest.DONE) {
-			// No more data. This is the last line.
-			if (this._readTill < response.length) {
-				this._pendingDeferred!.resolve(response.substr(this._readTill));
-				this._readTill = response.length;
-			}
-			else {
-				this._pendingDeferred!.resolve(null);
-			}
-
-			this._pendingDeferred = null;
-		}
-	}
-}
-
-/**
- * A {@link libjass.parser.Stream} that reads from a ReadableStream object.
- *
- * @param {!ReadableStream} stream
- * @param {string} encoding
- */
-export class BrowserReadableStream implements Stream {
-	/**
-	 * @return {boolean} Whether BrowserReadableStream is supported in this environment.
-	 */
-	static isSupported(): boolean {
-		return (
-			global.ReadableStream !== undefined &&
-			typeof global.ReadableStream.prototype.getReader === "function" &&
-			typeof global.TextDecoder === "function"
-		);
-	}
-
-	private _reader: ReadableStreamReader;
-	private _decoder: TextDecoder;
-	private _buffer: string = "";
-	private _pendingDeferred: DeferredPromise<string | null> | null = null;
-
-	constructor(stream: ReadableStream, encoding: string) {
-		this._reader = stream.getReader();
-		this._decoder = new global.TextDecoder!(encoding, { ignoreBOM: true });
-	}
-
-	/**
-	 * @return {!Promise.<?string>} A promise that will be resolved with the next line, or null if the stream is exhausted.
-	 */
-	nextLine(): Promise<string> {
-		if (this._pendingDeferred !== null) {
-			throw new Error("BrowserReadableStream only supports one pending unfulfilled read at a time.");
-		}
-
-		const deferred = this._pendingDeferred = new DeferredPromise<string>();
-
-		this._tryResolveNextLine();
-
-		return deferred.promise;
-	}
-
-	/**
-	 */
-	private _tryResolveNextLine(): void {
-		const nextNewLinePos = this._buffer.indexOf("\n");
-		if (nextNewLinePos !== -1) {
-			this._pendingDeferred!.resolve(this._buffer.substr(0, nextNewLinePos));
-			this._buffer = this._buffer.substr(nextNewLinePos + 1);
-			this._pendingDeferred = null;
-		}
-
-		else {
-			/* tslint:disable-next-line:no-floating-promises */
-			this._reader.read().then(next => {
-				const { value, done } = next;
-
-				if (!done) {
-					this._buffer += this._decoder.decode(value, { stream: true });
-					this._tryResolveNextLine();
-				}
-				else {
-					// No more data.
-					if (this._buffer.length === 0) {
-						this._pendingDeferred!.resolve(null);
-					}
-					else {
-						this._pendingDeferred!.resolve(this._buffer);
-						this._buffer = "";
-					}
-
-					this._pendingDeferred = null;
-				}
-			});
-		}
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/parser/ttf.ts b/negromate/web/static/js/libjass/src/parser/ttf.ts
deleted file mode 100644
index fdd8d8c..0000000
--- a/negromate/web/static/js/libjass/src/parser/ttf.ts
+++ /dev/null
@@ -1,228 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Attachment } from "../types/attachment";
-
-import { Map } from "../utility/map";
-import { Set } from "../utility/set";
-
-type DataReader = { dataView: DataView; position: number; };
-
-enum DataType {
-	Char,
-	Uint16,
-	Uint32,
-}
-
-type StructMemberDefinition = { type: DataType; field: string; };
-
-const fieldDecorators = new Map<DataType, (proto: any, field: string) => void>();
-
-@struct
-class OffsetTable {
-	/** @type {function(!{ dataView: DataView, position: number }): OffsetTable} */
-	static read: (reader: DataReader) => OffsetTable;
-
-	/** @type {number} */ @field(DataType.Uint16) majorVersion: number;
-	/** @type {number} */ @field(DataType.Uint16) minorVersion: number;
-	/** @type {number} */ @field(DataType.Uint16) numTables: number;
-	/** @type {number} */ @field(DataType.Uint16) searchRange: number;
-	/** @type {number} */ @field(DataType.Uint16) entrySelector: number;
-	/** @type {number} */ @field(DataType.Uint16) rangeShift: number;
-}
-
-@struct
-class TableRecord {
-	/** @type {function(!{ dataView: DataView, position: number }): TableRecord} */
-	static read: (reader: DataReader) => TableRecord;
-
-	/** @type {string} */ @field(DataType.Char) c1: string;
-	/** @type {string} */ @field(DataType.Char) c2: string;
-	/** @type {string} */ @field(DataType.Char) c3: string;
-	/** @type {string} */ @field(DataType.Char) c4: string;
-	/** @type {number} */ @field(DataType.Uint32) checksum: number;
-	/** @type {number} */ @field(DataType.Uint32) offset: number;
-	/** @type {number} */ @field(DataType.Uint32) length: number;
-}
-
-@struct
-class NameTableHeader {
-	/** @type {function(!{ dataView: DataView, position: number }): NameTableHeader} */
-	static read: (reader: DataReader) => NameTableHeader;
-
-	/** @type {number} */ @field(DataType.Uint16) formatSelector: number;
-	/** @type {number} */ @field(DataType.Uint16) count: number;
-	/** @type {number} */ @field(DataType.Uint16) stringOffset: number;
-}
-
-@struct
-class NameRecord {
-	/** @type {function(!{ dataView: DataView, position: number }): NameRecord} */
-	static read: (reader: DataReader) => NameRecord;
-
-	/** @type {number} */ @field(DataType.Uint16) platformId: number;
-	/** @type {number} */ @field(DataType.Uint16) encodingId: number;
-	/** @type {number} */ @field(DataType.Uint16) languageId: number;
-	/** @type {number} */ @field(DataType.Uint16) nameId: number;
-	/** @type {number} */ @field(DataType.Uint16) length: number;
-	/** @type {number} */ @field(DataType.Uint16) offset: number;
-}
-
-/**
- * Gets all the font names from the given font attachment.
- *
- * @param {!libjass.Attachment} attachment
- * @return {!libjass.Set.<string>}
- */
-export function getTtfNames(attachment: Attachment): Set<string> {
-	const decoded = atob(attachment.contents);
-
-	const bytes = new Uint8Array(new ArrayBuffer(decoded.length));
-
-	for (let i = 0; i < decoded.length; i++) {
-		bytes[i] = decoded.charCodeAt(i);
-	}
-
-	const reader = { dataView: new DataView(bytes.buffer), position: 0 };
-
-	const offsetTable = OffsetTable.read(reader);
-	let nameTableRecord: TableRecord | null = null;
-	for (let i = 0; i < offsetTable.numTables; i++) {
-		const tableRecord = TableRecord.read(reader);
-		if (tableRecord.c1 + tableRecord.c2 + tableRecord.c3 + tableRecord.c4 === "name") {
-			nameTableRecord = tableRecord;
-			break;
-		}
-	}
-	if (nameTableRecord === null) {
-		throw new Error('Could not find "name" table record.');
-	}
-
-	reader.position = nameTableRecord.offset;
-	const nameTableHeader = NameTableHeader.read(reader);
-
-	const result = new Set<string>();
-	for (let i = 0; i < nameTableHeader.count; i++) {
-		const nameRecord = NameRecord.read(reader);
-
-		switch (nameRecord.nameId) {
-			case 1:
-			case 4:
-			case 6:
-				const recordOffset = nameTableRecord.offset + nameTableHeader.stringOffset + nameRecord.offset;
-				const nameBytes = bytes.subarray(recordOffset, recordOffset + nameRecord.length);
-
-				switch (nameRecord.platformId) {
-					case 1: {
-						let name = "";
-
-						/* tslint:disable-next-line:prefer-for-of */
-						for (let j = 0; j < nameBytes.length; j++) {
-							name += String.fromCharCode(nameBytes[j]);
-						}
-
-						result.add(name);
-
-						break;
-					}
-
-					case 3: {
-						let name = "";
-
-						for (let j = 0; j < nameBytes.length; j += 2) {
-							/* tslint:disable-next-line:no-bitwise */
-							name += String.fromCharCode((nameBytes[j] << 8) + nameBytes[j + 1]);
-						}
-
-						result.add(name);
-
-						break;
-					}
-				}
-
-				break;
-
-			default:
-				break;
-		}
-	}
-
-	return result;
-}
-
-/**
- * @param {!function(new(): T)} clazz
- * @return {!function(new(): T)}
- */
-function struct<T>(clazz: { new (): T; read(reader: DataReader): T; }): { new (): T; read(reader: DataReader): T; } {
-	const fields: StructMemberDefinition[] = (clazz as any).__fields;
-
-	clazz.read = (reader: DataReader) => {
-		const result: any = new clazz();
-
-		for (const field of fields) {
-			let value: any;
-			switch (field.type) {
-				case DataType.Char:
-					value = String.fromCharCode(reader.dataView.getInt8(reader.position));
-					reader.position += 1;
-					break;
-
-				case DataType.Uint16:
-					value = reader.dataView.getUint16(reader.position);
-					reader.position += 2;
-					break;
-
-				case DataType.Uint32:
-					value = reader.dataView.getUint32(reader.position);
-					reader.position += 4;
-					break;
-			}
-
-			result[field.field] = value;
-		}
-
-		return result;
-	};
-
-	return clazz;
-}
-
-/**
- * @param {number} type
- * @return {function(T, string)}
- */
-function field<T>(type: DataType): (proto: T, field: string) => void {
-	let existingDecorator = fieldDecorators.get(type);
-	if (existingDecorator === undefined) {
-		existingDecorator = (proto: T, field: string) => {
-			const ctor: { __fields?: StructMemberDefinition[] } = proto.constructor;
-			if (ctor.__fields === undefined) {
-				ctor.__fields = [];
-			}
-
-			ctor.__fields.push({ type, field });
-		};
-
-		fieldDecorators.set(type, existingDecorator);
-	}
-
-	return existingDecorator;
-}
diff --git a/negromate/web/static/js/libjass/src/parts/drawing.ts b/negromate/web/static/js/libjass/src/parts/drawing.ts
deleted file mode 100644
index 62bb2e7..0000000
--- a/negromate/web/static/js/libjass/src/parts/drawing.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * The base interface of the drawing instructions.
- */
-export interface Instruction { }
-
-/**
- * An instruction to move to a particular position.
- *
- * @param {number} x
- * @param {number} y
- */
-export class MoveInstruction implements Instruction {
-	constructor(private _x: number, private _y: number) { }
-
-	/**
-	 * The X position of this move instruction.
-	 *
-	 * @type {number}
-	 */
-	get x(): number {
-		return this._x;
-	}
-
-	/**
-	 * The Y position of this move instruction.
-	 *
-	 * @type {number}
-	 */
-	get y(): number {
-		return this._y;
-	}
-}
-
-/**
- * An instruction to draw a line to a particular position.
- *
- * @param {number} x
- * @param {number} y
- */
-export class LineInstruction implements Instruction {
-	constructor(private _x: number, private _y: number) { }
-
-	/**
-	 * The X position of this line instruction.
-	 *
-	 * @type {number}
-	 */
-	get x(): number {
-		return this._x;
-	}
-
-	/**
-	 * The Y position of this line instruction.
-	 *
-	 * @type {number}
-	 */
-	get y(): number {
-		return this._y;
-	}
-}
-
-/**
- * An instruction to draw a cubic bezier curve to a particular position, with two given control points.
- *
- * @param {number} x1
- * @param {number} y1
- * @param {number} x2
- * @param {number} y2
- * @param {number} x3
- * @param {number} y3
- */
-export class CubicBezierCurveInstruction implements Instruction {
-	constructor(private _x1: number, private _y1: number, private _x2: number, private _y2: number, private _x3: number, private _y3: number) { }
-
-	/**
-	 * The X position of the first control point of this cubic bezier curve instruction.
-	 *
-	 * @type {number}
-	 */
-	get x1(): number {
-		return this._x1;
-	}
-
-	/**
-	 * The Y position of the first control point of this cubic bezier curve instruction.
-	 *
-	 * @type {number}
-	 */
-	get y1(): number {
-		return this._y1;
-	}
-
-	/**
-	 * The X position of the second control point of this cubic bezier curve instruction.
-	 *
-	 * @type {number}
-	 */
-	get x2(): number {
-		return this._x2;
-	}
-
-	/**
-	 * The Y position of the second control point of this cubic bezier curve instruction.
-	 *
-	 * @type {number}
-	 */
-	get y2(): number {
-		return this._y2;
-	}
-
-	/**
-	 * The ending X position of this cubic bezier curve instruction.
-	 *
-	 * @type {number}
-	 */
-	get x3(): number {
-		return this._x3;
-	}
-
-	/**
-	 * The ending Y position of this cubic bezier curve instruction.
-	 *
-	 * @type {number}
-	 */
-	get y3(): number {
-		return this._y3;
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/parts/index.ts b/negromate/web/static/js/libjass/src/parts/index.ts
deleted file mode 100644
index c226024..0000000
--- a/negromate/web/static/js/libjass/src/parts/index.ts
+++ /dev/null
@@ -1,1326 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { WrappingStyle as WrappingStyleType } from "../types/misc";
-
-import * as drawing from "./drawing";
-export { drawing };
-
-/**
- * Represents a CSS color with red, green, blue and alpha components.
- *
- * Instances of this class are immutable.
- *
- * @param {number} red
- * @param {number} green
- * @param {number} blue
- * @param {number=1} alpha
- */
-export class Color {
-	constructor(private _red: number, private _green: number, private _blue: number, private _alpha: number = 1) { }
-
-	/**
-	 * The red component of this color as a number between 0 and 255.
-	 *
-	 * @type {number}
-	 */
-	get red(): number {
-		return this._red;
-	}
-
-	/**
-	 * The green component of this color as a number between 0 and 255.
-	 *
-	 * @type {number}
-	 */
-	get green(): number {
-		return this._green;
-	}
-
-	/**
-	 * The blue component of this color as a number between 0 and 255.
-	 *
-	 * @type {number}
-	 */
-	get blue(): number {
-		return this._blue;
-	}
-
-	/**
-	 * The alpha component of this color as a number between 0 and 1, where 0 means transparent and 1 means opaque.
-	 *
-	 * @type {number}
-	 */
-	get alpha(): number {
-		return this._alpha;
-	}
-
-	/**
-	 * @param {?number} value The new alpha. If null, the existing alpha is used.
-	 * @return {!libjass.parts.Color} Returns a new Color instance with the same color but the provided alpha.
-	 */
-	withAlpha(value: number): Color {
-		return new Color(this._red, this._green, this._blue, value);
-	}
-
-	/**
-	 * @return {string} The CSS representation "rgba(...)" of this color.
-	 */
-	toString(): string {
-		return `rgba(${ this._red }, ${ this._green }, ${ this._blue }, ${ this._alpha.toFixed(3) })`;
-	}
-
-	/**
-	 * Returns a new Color by interpolating the current color to the final color by the given progression.
-	 *
-	 * @param {!libjass.parts.Color} final
-	 * @param {number} progression
-	 * @return {!libjass.parts.Color}
-	 */
-	interpolate(final: Color, progression: number): Color {
-		return new Color(
-			this._red + progression * (final.red - this._red),
-			this._green + progression * (final.green - this._green),
-			this._blue + progression * (final.blue - this._blue),
-			this._alpha + progression * (final.alpha - this._alpha),
-		);
-	}
-}
-
-/**
- * The base interface of the ASS tag classes.
- */
-export interface Part { }
-
-/**
- * A comment, i.e., any text enclosed in {} that is not understood as an ASS tag.
- *
- * @param {string} value The text of this comment
- */
-export class Comment {
-	constructor(private _value: string) { }
-
-	/**
-	 * The value of this comment.
-	 *
-	 * @type {string}
-	 */
-	get value(): string {
-		return this._value;
-	}
-}
-
-/**
- * A block of text, i.e., any text not enclosed in {}. Also includes \h.
- *
- * @param {string} value The content of this block of text
- */
-export class Text {
-	constructor(private _value: string) { }
-
-	/**
-	 * The value of this text part.
-	 *
-	 * @type {string}
-	 */
-	get value(): string {
-		return this._value;
-	}
-
-	/**
-	 * @return {string}
-	 */
-	toString(): string {
-		return `Text { value: ${ this._value.replace(/\u00A0/g, "\\h") } }`;
-	}
-}
-
-/**
- * A newline character \N.
- */
-export class NewLine {
-}
-
-/**
- * A soft newline character \n.
- */
-export class SoftNewLine {
-}
-
-/**
- * An italic tag {\i}
- *
- * @param {?boolean} value {\i1} -> true, {\i0} -> false, {\i} -> null
- */
-export class Italic {
-	constructor(private _value: boolean | null) { }
-
-	/**
-	 * The value of this italic tag.
-	 *
-	 * @type {?boolean}
-	 */
-	get value(): boolean | null {
-		return this._value;
-	}
-}
-
-/**
- * A bold tag {\b}
- *
- * @param {?boolean|?number} value {\b1} -> true, {\b0} -> false, {\b###} -> weight of the bold (number), {\b} -> null
- */
-export class Bold {
-	constructor(private _value: boolean | number | null) { }
-
-	/**
-	 * The value of this bold tag.
-	 *
-	 * @type {?boolean|?number}
-	 */
-	get value(): boolean | number | null {
-		return this._value;
-	}
-}
-
-/**
- * An underline tag {\u}
- *
- * @param {?boolean} value {\u1} -> true, {\u0} -> false, {\u} -> null
- */
-export class Underline {
-	constructor(private _value: boolean | null) { }
-
-	/**
-	 * The value of this underline tag.
-	 *
-	 * @type {?boolean}
-	 */
-	get value(): boolean | null {
-		return this._value;
-	}
-}
-
-/**
- * A strike-through tag {\s}
- *
- * @param {?boolean} value {\s1} -> true, {\s0} -> false, {\s} -> null
- */
-export class StrikeThrough {
-	constructor(private _value: boolean | null) { }
-
-	/**
-	 * The value of this strike-through tag.
-	 *
-	 * @type {?boolean}
-	 */
-	get value(): boolean | null {
-		return this._value;
-	}
-}
-
-/**
- * A border tag {\bord}
- *
- * @param {?number} value {\bord###} -> width (number), {\bord} -> null
- */
-export class Border {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this border tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A horizontal border tag {\xbord}
- *
- * @param {?number} value {\xbord###} -> width (number), {\xbord} -> null
- */
-export class BorderX {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this horizontal border tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A vertical border tag {\ybord}
- *
- * @param {?number} value {\ybord###} -> height (number), {\ybord} -> null
- */
-export class BorderY {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this vertical border tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A shadow tag {\shad}
- *
- * @param {?number} value {\shad###} -> depth (number), {\shad} -> null
- */
-export class Shadow {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this shadow tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A horizontal shadow tag {\xshad}
- *
- * @param {?number} value {\xshad###} -> depth (number), {\xshad} -> null
- */
-export class ShadowX {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this horizontal shadow tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A vertical shadow tag {\yshad}
- *
- * @param {?number} value {\yshad###} -> depth (number), {\yshad} -> null
- */
-export class ShadowY {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this vertical shadow tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A blur tag {\be}
- *
- * @param {?number} value {\be###} -> strength (number), {\be} -> null
- */
-export class Blur {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this blur tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A Gaussian blur tag {\blur}
- *
- * @param {?number} value {\blur###} -> strength (number), {\blur} -> null
- */
-export class GaussianBlur {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this Gaussian blur tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A font name tag {\fn}
- *
- * @param {?string} value {\fn###} -> name (string), {\fn} -> null
- */
-export class FontName {
-	constructor(private _value: string | null) { }
-
-	/**
-	 * The value of this font name tag.
-	 *
-	 * @type {?string}
-	 */
-	get value(): string | null {
-		return this._value;
-	}
-}
-
-/**
- * A font size tag {\fs}
- *
- * @param {?number} value {\fs###} -> size (number), {\fs} -> null
- */
-export class FontSize {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this font size tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A font size increase tag {\fs+}
- *
- * @param {number} value {\fs+###} -> relative difference (number, percentage)
- */
-export class FontSizePlus {
-	constructor(private _value: number) { }
-
-	/**
-	 * The value of this font size increase tag.
-	 *
-	 * @type {number}
-	 */
-	get value(): number {
-		return this._value;
-	}
-}
-
-/**
- * A font size decrease tag {\fs-}
- *
- * @param {number} value {\fs-###} -> relative difference (number, percentage)
- */
-export class FontSizeMinus {
-	constructor(private _value: number) { }
-
-	/**
-	 * The value of this font size decrease tag.
-	 *
-	 * @type {number}
-	 */
-	get value(): number {
-		return this._value;
-	}
-}
-
-/**
- * A horizontal font scaling tag {\fscx}
- *
- * @param {?number} value {\fscx###} -> scale (number), {\fscx} -> null
- */
-export class FontScaleX {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this horizontal font scaling tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A vertical font scaling tag {\fscy}
- *
- * @param {?number} value {\fscy###} -> scale (number), {\fscy} -> null
- */
-export class FontScaleY {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this vertical font scaling tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A letter-spacing tag {\fsp}
- *
- * @param {?number} value {\fsp###} -> spacing (number), {\fsp} -> null
- */
-export class LetterSpacing {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this letter-spacing tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * An X-axis rotation tag {\frx}
- *
- * @param {?number} value {\frx###} -> angle (number), {\frx} -> null
- */
-export class RotateX {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this X-axis rotation tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A Y-axis rotation tag {\fry}
- *
- * @param {?number} value {\fry###} -> angle (number), {\fry} -> null
- */
-export class RotateY {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this Y-axis rotation tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A Z-axis rotation tag {\fr} or {\frz}
- *
- * @param {?number} value {\frz###} -> angle (number), {\frz} -> null
- */
-export class RotateZ {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this Z-axis rotation tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * An X-axis shearing tag {\fax}
- *
- * @param {?number} value {\fax###} -> angle (number), {\fax} -> null
- */
-export class SkewX {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this X-axis shearing tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A Y-axis shearing tag {\fay}
- *
- * @param {?number} value {\fay###} -> angle (number), {\fay} -> null
- */
-export class SkewY {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this Y-axis shearing tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A primary color tag {\c} or {\1c}
- *
- * @param {libjass.parts.Color} value {\1c###} -> color (Color), {\1c} -> null
- */
-export class PrimaryColor {
-	constructor(private _value: Color | null) { }
-
-	/**
-	 * The value of this primary color tag.
-	 *
-	 * @type {libjass.parts.Color}
-	 */
-	get value(): Color | null {
-		return this._value;
-	}
-}
-
-/**
- * A secondary color tag {\2c}
- *
- * @param {libjass.parts.Color} value {\2c###} -> color (Color), {\2c} -> null
- */
-export class SecondaryColor {
-	constructor(private _value: Color | null) { }
-
-	/**
-	 * The value of this secondary color tag.
-	 *
-	 * @type {libjass.parts.Color}
-	 */
-	get value(): Color | null {
-		return this._value;
-	}
-}
-
-/**
- * An outline color tag {\3c}
- *
- * @param {libjass.parts.Color} value {\3c###} -> color (Color), {\3c} -> null
- */
-export class OutlineColor {
-	constructor(private _value: Color | null) { }
-
-	/**
-	 * The value of this outline color tag.
-	 *
-	 * @type {libjass.parts.Color}
-	 */
-	get value(): Color | null {
-		return this._value;
-	}
-}
-
-/**
- * A shadow color tag {\4c}
- *
- * @param {libjass.parts.Color} value {\4c###} -> color (Color), {\4c} -> null
- */
-export class ShadowColor {
-	constructor(private _value: Color | null) { }
-
-	/**
-	 * The value of this shadow color tag.
-	 *
-	 * @type {libjass.parts.Color}
-	 */
-	get value(): Color | null {
-		return this._value;
-	}
-}
-
-/**
- * An alpha tag {\alpha}
- *
- * @param {?number} value {\alpha###} -> alpha (number), {\alpha} -> null
- */
-export class Alpha {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this alpha tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A primary alpha tag {\1a}
- *
- * @param {?number} value {\1a###} -> alpha (number), {\1a} -> null
- */
-export class PrimaryAlpha {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this primary alpha tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A secondary alpha tag {\2a}
- *
- * @param {?number} value {\2a###} -> alpha (number), {\2a} -> null
- */
-export class SecondaryAlpha {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this secondary alpha tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * An outline alpha tag {\3a}
- *
- * @param {?number} value {\3a###} -> alpha (number), {\3a} -> null
- */
-export class OutlineAlpha {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this outline alpha tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * A shadow alpha tag {\4a}
- *
- * @param {?number} value {\4a###} -> alpha (number), {\4a} -> null
- */
-export class ShadowAlpha {
-	constructor(private _value: number | null) { }
-
-	/**
-	 * The value of this shadow alpha tag.
-	 *
-	 * @type {?number}
-	 */
-	get value(): number | null {
-		return this._value;
-	}
-}
-
-/**
- * An alignment tag {\an} or {\a}
- *
- * @param {number} value {\an###} -> alignment (number)
- */
-export class Alignment {
-	constructor(private _value: number) { }
-
-	/**
-	 * The value of this alignment tag.
-	 *
-	 * @type {number}
-	 */
-	get value(): number {
-		return this._value;
-	}
-}
-
-/**
- * A color karaoke tag {\k}
- *
- * @param {number} duration {\k###} -> duration (number)
- */
-export class ColorKaraoke {
-	constructor(private _duration: number) { }
-
-	/**
-	 * The duration of this color karaoke tag.
-	 *
-	 * @type {number}
-	 */
-	get duration(): number {
-		return this._duration;
-	}
-}
-
-/**
- * A sweeping color karaoke tag {\K} or {\kf}
- *
- * @param {number} duration {\kf###} -> duration (number)
- */
-export class SweepingColorKaraoke {
-	constructor(private _duration: number) { }
-
-	/**
-	 * The duration of this sweeping color karaoke tag.
-	 *
-	 * @type {number}
-	 */
-	get duration(): number {
-		return this._duration;
-	}
-}
-
-/**
- * An outline karaoke tag {\ko}
- *
- * @param {number} duration {\ko###} -> duration (number)
- */
-export class OutlineKaraoke {
-	constructor(private _duration: number) { }
-
-	/**
-	 * The duration of this outline karaoke tag.
-	 *
-	 * @type {number}
-	 */
-	get duration(): number {
-		return this._duration;
-	}
-}
-
-/**
- * A wrapping style tag {\q}
- *
- * @param {number} value {\q###} -> style (number)
- */
-export class WrappingStyle {
-	constructor(private _value: WrappingStyleType) { }
-
-	/**
-	 * The value of this wrapping style tag.
-	 *
-	 * @type {number}
-	 */
-	get value(): WrappingStyleType {
-		return this._value;
-	}
-}
-
-/**
- * A style reset tag {\r}
- *
- * @param {?string} value {\r###} -> style name (string), {\r} -> null
- */
-export class Reset {
-	constructor(private _value: string | null) { }
-
-	/**
-	 * The value of this style reset tag.
-	 *
-	 * @type {?string}
-	 */
-	get value(): string | null {
-		return this._value;
-	}
-}
-
-/**
- * A position tag {\pos}
- *
- * @param {number} x
- * @param {number} y
- */
-export class Position {
-	constructor(private _x: number, private _y: number) { }
-
-	/**
-	 * The x value of this position tag.
-	 *
-	 * @type {number}
-	 */
-	get x(): number {
-		return this._x;
-	}
-
-	/**
-	 * The y value of this position tag.
-	 *
-	 * @type {number}
-	 */
-	get y(): number {
-		return this._y;
-	}
-}
-
-/**
- * A movement tag {\move}
- *
- * @param {number} x1
- * @param {number} y1
- * @param {number} x2
- * @param {number} y2
- * @param {?number} t1
- * @param {?number} t2
- */
-export class Move {
-	constructor(private _x1: number, private _y1: number, private _x2: number, private _y2: number, private _t1: number | null, private _t2: number | null) { }
-
-	/**
-	 * The starting x value of this move tag.
-	 *
-	 * @type {number}
-	 */
-	get x1(): number {
-		return this._x1;
-	}
-
-	/**
-	 * The starting y value of this move tag.
-	 *
-	 * @type {number}
-	 */
-	get y1(): number {
-		return this._y1;
-	}
-
-	/**
-	 * The ending x value of this move tag.
-	 *
-	 * @type {number}
-	 */
-	get x2(): number {
-		return this._x2;
-	}
-
-	/**
-	 * The ending y value of this move tag.
-	 *
-	 * @type {number}
-	 */
-	get y2(): number {
-		return this._y2;
-	}
-
-	/**
-	 * The start time of this move tag.
-	 *
-	 * @type {?number}
-	 */
-	get t1(): number | null {
-		return this._t1;
-	}
-
-	/**
-	 * The end time value of this move tag.
-	 *
-	 * @type {?number}
-	 */
-	get t2(): number | null {
-		return this._t2;
-	}
-}
-
-/**
- * A rotation origin tag {\org}
- *
- * @param {number} x
- * @param {number} y
- */
-export class RotationOrigin {
-	constructor(private _x: number, private _y: number) { }
-
-	/**
-	 * The x value of this rotation origin tag.
-	 *
-	 * @type {number}
-	 */
-	get x(): number {
-		return this._x;
-	}
-
-	/**
-	 * The y value of this rotation origin tag.
-	 *
-	 * @type {number}
-	 */
-	get y(): number {
-		return this._y;
-	}
-}
-
-/**
- * A simple fade tag {\fad}
- *
- * @param {number} start
- * @param {number} end
- */
-export class Fade {
-	constructor(private _start: number, private _end: number) { }
-
-	/**
-	 * The start time of this fade tag.
-	 *
-	 * @type {number}
-	 */
-	get start(): number {
-		return this._start;
-	}
-
-	/**
-	 * The end time of this fade tag.
-	 *
-	 * @type {number}
-	 */
-	get end(): number {
-		return this._end;
-	}
-}
-
-/**
- * A complex fade tag {\fade}
- *
- * @param {number} a1
- * @param {number} a2
- * @param {number} a3
- * @param {number} t1
- * @param {number} t2
- * @param {number} t3
- * @param {number} t4
- */
-export class ComplexFade {
-	constructor(
-		private _a1: number, private _a2: number, private _a3: number,
-		private _t1: number, private _t2: number, private _t3: number, private _t4: number,
-	) { }
-
-	/**
-	 * The alpha value of this complex fade tag at time t2.
-	 *
-	 * @type {number}
-	 */
-	get a1(): number {
-		return this._a1;
-	}
-
-	/**
-	 * The alpha value of this complex fade tag at time t3.
-	 *
-	 * @type {number}
-	 */
-	get a2(): number {
-		return this._a2;
-	}
-
-	/**
-	 * The alpha value of this complex fade tag at time t4.
-	 *
-	 * @type {number}
-	 */
-	get a3(): number {
-		return this._a3;
-	}
-
-	/**
-	 * The starting time of this complex fade tag.
-	 *
-	 * @type {number}
-	 */
-	get t1(): number {
-		return this._t1;
-	}
-
-	/**
-	 * The first intermediate time of this complex fade tag.
-	 *
-	 * @type {number}
-	 */
-	get t2(): number {
-		return this._t2;
-	}
-
-	/**
-	 * The second intermediate time of this complex fade tag.
-	 *
-	 * @type {number}
-	 */
-	get t3(): number {
-		return this._t3;
-	}
-
-	/**
-	 * The ending time of this complex fade tag.
-	 *
-	 * @type {number}
-	 */
-	get t4(): number {
-		return this._t4;
-	}
-}
-
-/**
- * A transform tag {\t}
- *
- * @param {?number} start
- * @param {?number} end
- * @param {?number} accel
- * @param {!Array.<!libjass.parts.Tag>} tags
- */
-export class Transform {
-	constructor(private _start: number | null, private _end: number | null, private _accel: number | null, private _tags: Part[]) { }
-
-	/**
-	 * The starting time of this transform tag.
-	 *
-	 * @type {?number}
-	 */
-	get start(): number | null {
-		return this._start;
-	}
-
-	/**
-	 * The ending time of this transform tag.
-	 *
-	 * @type {?number}
-	 */
-	get end(): number | null {
-		return this._end;
-	}
-
-	/**
-	 * The acceleration of this transform tag.
-	 *
-	 * @type {?number}
-	 */
-	get accel(): number | null {
-		return this._accel;
-	}
-
-	/**
-	 * The tags animated by this transform tag.
-	 *
-	 * @type {!Array.<!libjass.parts.Tag>}
-	 */
-	get tags(): Part[] {
-		return this._tags;
-	}
-}
-
-/**
- * A rectangular clip tag {\clip} or {\iclip}
- *
- * @param {number} x1
- * @param {number} y1
- * @param {number} x2
- * @param {number} y2
- * @param {boolean} inside
- */
-export class RectangularClip {
-	constructor(private _x1: number, private _y1: number, private _x2: number, private _y2: number, private _inside: boolean) { }
-
-	/**
-	 * The X coordinate of the starting position of this rectangular clip tag.
-	 *
-	 * @type {number}
-	 */
-	get x1(): number {
-		return this._x1;
-	}
-
-	/**
-	 * The Y coordinate of the starting position of this rectangular clip tag.
-	 *
-	 * @type {number}
-	 */
-	get y1(): number {
-		return this._y1;
-	}
-
-	/**
-	 * The X coordinate of the ending position of this rectangular clip tag.
-	 *
-	 * @type {number}
-	 */
-	get x2(): number {
-		return this._x2;
-	}
-
-	/**
-	 * The Y coordinate of the ending position of this rectangular clip tag.
-	 *
-	 * @type {number}
-	 */
-	get y2(): number {
-		return this._y2;
-	}
-
-	/**
-	 * Whether this rectangular clip tag clips the region it encloses or the region it excludes.
-	 *
-	 * @type {boolean}
-	 */
-	get inside(): boolean {
-		return this._inside;
-	}
-}
-
-/**
- * A vector clip tag {\clip} or {\iclip}
- *
- * @param {number} scale
- * @param {!Array.<!libjass.parts.drawing.Instruction>} instructions
- * @param {boolean} inside
- */
-export class VectorClip {
-	constructor(private _scale: number, private _instructions: drawing.Instruction[], private _inside: boolean) { }
-
-	/**
-	 * The scale of this vector clip tag.
-	 *
-	 * @type {number}
-	 */
-	get scale(): number {
-		return this._scale;
-	}
-
-	/**
-	 * The clip commands of this vector clip tag.
-	 *
-	 * @type {string}
-	 */
-	get instructions(): drawing.Instruction[] {
-		return this._instructions;
-	}
-
-	/**
-	 * Whether this vector clip tag clips the region it encloses or the region it excludes.
-	 *
-	 * @type {boolean}
-	 */
-	get inside(): boolean {
-		return this._inside;
-	}
-}
-
-/**
- * A drawing mode tag {\p}
- *
- * @param {number} scale
- */
-export class DrawingMode {
-	constructor(private _scale: number) { }
-
-	/**
-	 * The scale of this drawing mode tag.
-	 *
-	 * @type {number}
-	 */
-	get scale(): number {
-		return this._scale;
-	}
-}
-
-/**
- * A drawing mode baseline offset tag {\pbo}
- *
- * @param {number} value
- */
-export class DrawingBaselineOffset {
-	constructor(private _value: number) { }
-
-	/**
-	 * The value of this drawing mode baseline offset tag.
-	 *
-	 * @type {number}
-	 */
-	get value(): number {
-		return this._value;
-	}
-}
-
-/**
- * A pseudo-part representing text interpreted as drawing instructions
- *
- * @param {!Array.<!libjass.parts.drawing.Instruction>} instructions
- */
-export class DrawingInstructions {
-	constructor(private _instructions: drawing.Instruction[]) { }
-
-	/**
-	 * The instructions contained in this drawing instructions part.
-	 *
-	 * @type {!Array.<!libjass.parts.drawing.Instruction>}
-	 */
-	get instructions(): drawing.Instruction[] {
-		return this._instructions;
-	}
-}
-
-const addToString = function (ctor: Function, ctorName: string): void {
-	if (!ctor.prototype.hasOwnProperty("toString")) {
-		const propertyNames = Object.getOwnPropertyNames(ctor.prototype).filter(property => property !== "constructor");
-
-		ctor.prototype.toString = function (this: any): string {
-			return `${ ctorName } { ${ propertyNames.map(name => `${ name }: ${ this[name] }`).join(", ") }${ (propertyNames.length > 0) ? " " : "" }}`;
-		};
-	}
-};
-
-import { registerClass } from "../serialization";
-
-for (const key of Object.keys(exports)) {
-	const value: any = exports[key];
-	if (value instanceof Function) {
-		addToString(value, key);
-		registerClass(value);
-	}
-}
-
-for (const key of Object.keys(drawing)) {
-	const value: any = (drawing as any)[key];
-	if (value instanceof Function) {
-		addToString(value, `Drawing${ key }`);
-		registerClass(value);
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/clocks/auto.ts b/negromate/web/static/js/libjass/src/renderers/clocks/auto.ts
deleted file mode 100644
index b5d7eee..0000000
--- a/negromate/web/static/js/libjass/src/renderers/clocks/auto.ts
+++ /dev/null
@@ -1,252 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { debugMode } from "../../settings";
-
-import { Clock, ClockEvent } from "./base";
-import { ManualClock } from "./manual";
-
-/**
- * An implementation of {@link libjass.renderers.Clock} that automatically ticks and generates {@link libjass.renderers.ClockEvent}s according to the state of an external driver.
- *
- * For example, if you're using libjass to render subtitles on a canvas with your own video controls, these video controls will function as the driver to this AutoClock.
- * It would call {@link libjass.renderers.AutoClock.play}, {@link libjass.renderers.AutoClock.pause}, etc. when the user pressed the corresponding video controls.
- *
- * The difference from ManualClock is that AutoClock does not require the driver to call something like {@link libjass.renderers.ManualClock.tick}. Instead it keeps its
- * own time with a high-resolution requestAnimationFrame-based timer.
- *
- * If using libjass with a <video> element, consider using {@link libjass.renderers.VideoClock} that uses the video element as a driver.
- *
- * @param {function():number} getCurrentTime A callback that will be invoked to get the current time of the external driver.
- * @param {number} autoPauseAfter If two calls to getCurrentTime are more than autoPauseAfter milliseconds apart but return the same time, then the external driver will be
- * considered to have paused.
- */
-export class AutoClock implements Clock {
-	private _manualClock: ManualClock = new ManualClock();
-
-	private _nextAnimationFrameRequestId: number | null = null;
-
-	private _lastKnownExternalTime: number | null = null;
-	private _lastKnownExternalTimeObtainedAt: number = 0;
-
-	constructor(private _getCurrentTime: () => number, private _autoPauseAfter: number) { }
-
-	/**
-	 * Tells the clock to start generating ticks.
-	 */
-	play(): void {
-		if (!this._manualClock.enabled) {
-			return;
-		}
-
-		this._startTicking();
-
-		this._manualClock.play();
-	}
-
-	/**
-	 * Tells the clock to pause.
-	 */
-	pause(): void {
-		if (!this._manualClock.enabled) {
-			return;
-		}
-
-		if (this._nextAnimationFrameRequestId === null) {
-			if (debugMode) {
-				console.warn("AutoClock.pause: Abnormal state detected. AutoClock._nextAnimationFrameRequestId should not have been null.");
-			}
-
-			return;
-		}
-
-		this._stopTicking();
-
-		this._manualClock.pause();
-	}
-
-	/**
-	 * Tells the clock that the external driver is seeking.
-	 */
-	seeking(): void {
-		this._manualClock.seek(this._getCurrentTime());
-	}
-
-	// Clock members
-
-	/**
-	 * @type {number}
-	 */
-	get currentTime(): number {
-		return this._manualClock.currentTime;
-	}
-
-	/**
-	 * @type {boolean}
-	 */
-	get enabled(): boolean {
-		return this._manualClock.enabled;
-	}
-
-	/**
-	 * @type {boolean}
-	 */
-	get paused(): boolean {
-		return this._manualClock.paused;
-	}
-
-	/**
-	 * Gets the rate of the clock - how fast the clock ticks compared to real time.
-	 *
-	 * @type {number}
-	 */
-	get rate(): number {
-		return this._manualClock.rate;
-	}
-
-	/**
-	 * Sets the rate of the clock - how fast the clock ticks compared to real time.
-	 *
-	 * @param {number} rate The new rate of the clock.
-	 */
-	setRate(rate: number): void {
-		this._manualClock.setRate(rate);
-	}
-
-	/**
-	 * Enable the clock.
-	 *
-	 * @return {boolean} True if the clock is now enabled, false if it was already enabled.
-	 */
-	enable(): boolean {
-		if (!this._manualClock.enable()) {
-			return false;
-		}
-
-		this._startTicking();
-
-		return true;
-	}
-
-	/**
-	 * Disable the clock.
-	 *
-	 * @return {boolean} True if the clock is now disabled, false if it was already disabled.
-	 */
-	disable(): boolean {
-		if (!this._manualClock.disable()) {
-			return false;
-		}
-
-		this._stopTicking();
-
-		return true;
-	}
-
-	/**
-	 * Toggle the clock.
-	 */
-	toggle(): void {
-		if (this._manualClock.enabled) {
-			this.disable();
-		}
-		else {
-			this.enable();
-		}
-	}
-
-	/**
-	 * Enable or disable the clock.
-	 *
-	 * @param {boolean} enabled If true, the clock is enabled, otherwise it's disabled.
-	 * @return {boolean} True if the clock is now in the given state, false if it was already in that state.
-	 */
-	setEnabled(enabled: boolean): boolean {
-		if (enabled) {
-			return this.enable();
-		}
-		else {
-			return this.disable();
-		}
-	}
-
-	/**
-	 * @param {number} type
-	 * @param {!Function} listener
-	 */
-	addEventListener(type: ClockEvent, listener: Function): void {
-		this._manualClock.addEventListener(type, listener);
-	}
-
-	/**
-	 * @param {number} timeStamp
-	 */
-	private _onTimerTick(timeStamp: number): void {
-		if (!this._manualClock.enabled) {
-			if (debugMode) {
-				console.warn("AutoClock._onTimerTick: Called when disabled.");
-			}
-
-			return;
-		}
-
-		const currentTime = this._manualClock.currentTime;
-		const currentExternalTime = this._getCurrentTime();
-
-		if (!this._manualClock.paused) {
-			if (this._lastKnownExternalTime !== null && currentExternalTime === this._lastKnownExternalTime) {
-				if (timeStamp - this._lastKnownExternalTimeObtainedAt > this._autoPauseAfter) {
-					this._lastKnownExternalTimeObtainedAt = 0;
-					this._manualClock.seek(currentExternalTime);
-				}
-				else {
-					this._manualClock.tick((timeStamp - this._lastKnownExternalTimeObtainedAt) / 1000 * this._manualClock.rate + this._lastKnownExternalTime);
-				}
-			}
-			else {
-				this._lastKnownExternalTime = currentExternalTime;
-				this._lastKnownExternalTimeObtainedAt = timeStamp;
-				this._manualClock.tick(currentExternalTime);
-			}
-		}
-		else {
-			if (currentTime !== currentExternalTime) {
-				this._lastKnownExternalTime = currentExternalTime;
-				this._lastKnownExternalTimeObtainedAt = timeStamp;
-				this._manualClock.tick(currentExternalTime);
-			}
-		}
-
-		this._nextAnimationFrameRequestId = requestAnimationFrame(timeStamp => this._onTimerTick(timeStamp));
-	}
-
-	private _startTicking(): void {
-		if (this._nextAnimationFrameRequestId === null) {
-			this._nextAnimationFrameRequestId = requestAnimationFrame(timeStamp => this._onTimerTick(timeStamp));
-		}
-	}
-
-	private _stopTicking(): void {
-		if (this._nextAnimationFrameRequestId !== null) {
-			cancelAnimationFrame(this._nextAnimationFrameRequestId);
-			this._nextAnimationFrameRequestId = null;
-		}
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/clocks/base.ts b/negromate/web/static/js/libjass/src/renderers/clocks/base.ts
deleted file mode 100644
index de7be5e..0000000
--- a/negromate/web/static/js/libjass/src/renderers/clocks/base.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * A mixin class that represents an event source.
- */
-export class EventSource<T> {
-	/**
-	 * A map from event type to an array of all the listeners registered for that event type.
-	 *
-	 * @type {!Map.<T, !Array.<Function>>}
-	 */
-	_eventListeners: Map<T, Function[]>;
-
-	/**
-	 * Add a listener for the given event.
-	 *
-	 * @param {!T} type The type of event to attach the listener for
-	 * @param {!Function} listener The listener
-	 */
-	addEventListener(type: T, listener: Function): void {
-		let listeners = this._eventListeners.get(type);
-
-		if (listeners === undefined) {
-			this._eventListeners.set(type, listeners = []);
-		}
-
-		listeners.push(listener);
-	}
-
-	/**
-	 * Calls all listeners registered for the given event type.
-	 *
-	 * @param {!T} type The type of event to dispatch
-	 * @param {!Array.<*>} args Arguments for the listeners of the event
-	 */
-	_dispatchEvent(type: T, args: Object[]): void {
-		const listeners = this._eventListeners.get(type);
-		if (listeners !== undefined) {
-			for (const listener of listeners) {
-				listener.apply(this, args);
-			}
-		}
-	}
-}
-
-/**
- * The type of clock event.
- */
-export enum ClockEvent {
-	Play,
-	Tick,
-	Pause,
-	Stop,
-	RateChange,
-}
-
-/**
- * The clock interface. A clock is used by a renderer as a source of {@link libjass.renderers.ClockEvent}s.
- */
-export interface Clock {
-	/**
-	 * @type {number}
-	 */
-	currentTime: number;
-
-	/**
-	 * @type {boolean}
-	 */
-	enabled: boolean;
-
-	/**
-	 * @type {boolean}
-	 */
-	paused: boolean;
-
-	/**
-	 * Gets the rate of the clock - how fast the clock ticks compared to real time.
-	 *
-	 * @type {number}
-	 */
-	rate: number;
-
-	/**
-	 * Enable the clock.
-	 *
-	 * @return {boolean} True if the clock is now enabled, false if it was already enabled.
-	 */
-	enable(): boolean;
-
-	/**
-	 * Disable the clock.
-	 *
-	 * @return {boolean} True if the clock is now disabled, false if it was already disabled.
-	 */
-	disable(): boolean;
-
-	/**
-	 * Toggle the clock.
-	 */
-	toggle(): void;
-
-	/**
-	 * Enable or disable the clock.
-	 *
-	 * @param {boolean} enabled If true, the clock is enabled, otherwise it's disabled.
-	 * @return {boolean} True if the clock is now in the given state, false if it was already in that state.
-	 */
-	setEnabled(enabled: boolean): boolean;
-
-	// EventSource members
-
-	/**
-	 * @param {number} type
-	 * @param {!Function} listener
-	 */
-	addEventListener(type: ClockEvent, listener: Function): void;
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/clocks/manual.ts b/negromate/web/static/js/libjass/src/renderers/clocks/manual.ts
deleted file mode 100644
index 77ae9c7..0000000
--- a/negromate/web/static/js/libjass/src/renderers/clocks/manual.ts
+++ /dev/null
@@ -1,250 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Map } from "../../utility/map";
-import { mixin } from "../../utility/mixin";
-
-import { Clock, ClockEvent, EventSource } from "./base";
-
-/**
- * An implementation of {@link libjass.renderers.Clock} that allows user script to manually trigger {@link libjass.renderers.ClockEvent}s.
- */
-export class ManualClock implements Clock, EventSource<ClockEvent> {
-	private _currentTime: number = -1;
-	private _rate: number = 1;
-
-	private _enabled: boolean = true;
-	private _paused: boolean = true;
-
-	/**
-	 * Trigger a {@link libjass.renderers.ClockEvent.Play}
-	 */
-	play(): void {
-		if (!this._enabled) {
-			return;
-		}
-
-		if (!this._paused) {
-			return;
-		}
-
-		this._paused = false;
-
-		this._dispatchEvent(ClockEvent.Play, []);
-	}
-
-	/**
-	 * Trigger a {@link libjass.renderers.ClockEvent.Tick} with the given time.
-	 *
-	 * @param {number} currentTime
-	 */
-	tick(currentTime: number): void {
-		if (!this._enabled) {
-			return;
-		}
-
-		if (this._currentTime === currentTime) {
-			return;
-		}
-
-		this.play();
-
-		this._currentTime = currentTime;
-		this._dispatchEvent(ClockEvent.Tick, []);
-	}
-
-	/**
-	 * Seek to the given time. Unlike {@link libjass.renderers.ManualClock.tick} this is used to represent a discontinuous jump, such as the user seeking
-	 * via the video element's position bar.
-	 *
-	 * @param {number} time
-	 */
-	seek(time: number): void {
-		if (!this._enabled) {
-			return;
-		}
-
-		this.pause();
-
-		if (this._currentTime === time) {
-			return;
-		}
-
-		this.stop();
-
-		this.tick(time);
-
-		this.pause();
-	}
-
-	/**
-	 * Trigger a {@link libjass.renderers.ClockEvent.Pause}
-	 */
-	pause(): void {
-		if (!this._enabled) {
-			return;
-		}
-
-		if (this._paused) {
-			return;
-		}
-
-		this._paused = true;
-
-		this._dispatchEvent(ClockEvent.Pause, []);
-	}
-
-	/**
-	 * Trigger a {@link libjass.renderers.ClockEvent.Stop}
-	 */
-	stop(): void {
-		this._dispatchEvent(ClockEvent.Stop, []);
-	}
-
-	// Clock members
-
-	/**
-	 * @type {number}
-	 */
-	get currentTime(): number {
-		return this._currentTime;
-	}
-
-	/**
-	 * @type {boolean}
-	 */
-	get enabled(): boolean {
-		return this._enabled;
-	}
-
-	/**
-	 * @type {boolean}
-	 */
-	get paused(): boolean {
-		return this._paused;
-	}
-
-	/**
-	 * Gets the rate of the clock - how fast the clock ticks compared to real time.
-	 *
-	 * @type {number}
-	 */
-	get rate(): number {
-		return this._rate;
-	}
-
-	/**
-	 * Sets the rate of the clock - how fast the clock ticks compared to real time.
-	 *
-	 * @param {number} rate The new rate of the clock.
-	 */
-	setRate(rate: number): void {
-		if (this._rate === rate) {
-			return;
-		}
-
-		this._rate = rate;
-
-		this._dispatchEvent(ClockEvent.RateChange, []);
-	}
-
-	/**
-	 * Enable the clock.
-	 *
-	 * @return {boolean} True if the clock is now enabled, false if it was already enabled.
-	 */
-	enable(): boolean {
-		if (this._enabled) {
-			return false;
-		}
-
-		this._enabled = true;
-
-		return true;
-	}
-
-	/**
-	 * Disable the clock.
-	 *
-	 * @return {boolean} True if the clock is now disabled, false if it was already disabled.
-	 */
-	disable(): boolean {
-		if (!this._enabled) {
-			return false;
-		}
-
-		this.pause();
-
-		this.stop();
-
-		this._enabled = false;
-
-		return true;
-	}
-
-	/**
-	 * Toggle the clock.
-	 */
-	toggle(): void {
-		if (this._enabled) {
-			this.disable();
-		}
-		else {
-			this.enable();
-		}
-	}
-
-	/**
-	 * Enable or disable the clock.
-	 *
-	 * @param {boolean} enabled If true, the clock is enabled, otherwise it's disabled.
-	 * @return {boolean} True if the clock is now in the given state, false if it was already in that state.
-	 */
-	setEnabled(enabled: boolean): boolean {
-		if (enabled) {
-			return this.enable();
-		}
-		else {
-			return this.disable();
-		}
-	}
-
-	/* tslint:disable:member-ordering */
-
-	// EventSource members
-
-	/**
-	 * @type {!Map.<T, !Array.<Function>>}
-	 */
-	_eventListeners: Map<ClockEvent, Function[]> = new Map<ClockEvent, Function[]>();
-
-	/**
-	 * @type {function(number, !Function)}
-	 */
-	addEventListener: (type: ClockEvent, listener: Function) => void;
-
-	/**
-	 * @type {function(number, Array.<*>)}
-	 */
-	_dispatchEvent: (type: ClockEvent, args: Object[]) => void;
-
-	/* tslint:enable:member-ordering */
-}
-mixin(ManualClock, [EventSource]);
diff --git a/negromate/web/static/js/libjass/src/renderers/clocks/video.ts b/negromate/web/static/js/libjass/src/renderers/clocks/video.ts
deleted file mode 100644
index 9b59ff6..0000000
--- a/negromate/web/static/js/libjass/src/renderers/clocks/video.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { AutoClock } from "./auto";
-import { Clock, ClockEvent } from "./base";
-
-/**
- * An implementation of libjass.renderers.Clock that generates {@link libjass.renderers.ClockEvent}s according to the state of a <video> element.
- *
- * @param {!HTMLVideoElement} video
- */
-export class VideoClock implements Clock {
-	private _autoClock: AutoClock;
-
-	constructor(video: HTMLVideoElement) {
-		this._autoClock = new AutoClock(() => video.currentTime, 100);
-		video.addEventListener("playing", () => this._autoClock.play(), false);
-		video.addEventListener("pause", () => this._autoClock.pause(), false);
-		video.addEventListener("seeking", () => this._autoClock.seeking(), false);
-		video.addEventListener("ratechange", () => this._autoClock.setRate(video.playbackRate), false);
-	}
-
-	/**
-	 * @type {number}
-	 */
-	get currentTime(): number {
-		return this._autoClock.currentTime;
-	}
-
-	/**
-	 * @type {boolean}
-	 */
-	get enabled(): boolean {
-		return this._autoClock.enabled;
-	}
-
-	/**
-	 * @type {boolean}
-	 */
-	get paused(): boolean {
-		return this._autoClock.paused;
-	}
-
-	/**
-	 * Gets the rate of the clock - how fast the clock ticks compared to real time.
-	 *
-	 * @type {number}
-	 */
-	get rate(): number {
-		return this._autoClock.rate;
-	}
-
-	/**
-	 * Enable the clock.
-	 *
-	 * @return {boolean} True if the clock is now enabled, false if it was already enabled.
-	 */
-	enable(): boolean {
-		return this._autoClock.enable();
-	}
-
-	/**
-	 * Disable the clock.
-	 *
-	 * @return {boolean} True if the clock is now disabled, false if it was already disabled.
-	 */
-	disable(): boolean {
-		return this._autoClock.disable();
-	}
-
-	/**
-	 * Toggle the clock.
-	 */
-	toggle(): void {
-		if (this._autoClock.enabled) {
-			this.disable();
-		}
-		else {
-			this.enable();
-		}
-	}
-
-	/**
-	 * Enable or disable the clock.
-	 *
-	 * @param {boolean} enabled If true, the clock is enabled, otherwise it's disabled.
-	 * @return {boolean} True if the clock is now in the given state, false if it was already in that state.
-	 */
-	setEnabled(enabled: boolean): boolean {
-		if (enabled) {
-			return this.enable();
-		}
-		else {
-			return this.disable();
-		}
-	}
-
-	/**
-	 * @param {number} type
-	 * @param {!Function} listener
-	 */
-	addEventListener(type: ClockEvent, listener: Function): void {
-		this._autoClock.addEventListener(type, listener);
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/default.ts b/negromate/web/static/js/libjass/src/renderers/default.ts
deleted file mode 100644
index c96f92f..0000000
--- a/negromate/web/static/js/libjass/src/renderers/default.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { VideoClock } from "./clocks/video";
-import { RendererSettings } from "./settings";
-import { WebRenderer } from "./web/renderer";
-
-import { ASS } from "../types/ass";
-
-/**
- * A default renderer implementation.
- *
- * @param {!HTMLVideoElement} video
- * @param {!libjass.ASS} ass
- * @param {libjass.renderers.RendererSettings} settings
- */
-export class DefaultRenderer extends WebRenderer {
-	constructor(private _video: HTMLVideoElement, ass: ASS, settings?: RendererSettings) {
-		super(ass, new VideoClock(_video), document.createElement("div"), settings);
-
-		this._video.parentElement!.replaceChild(this.libjassSubsWrapper, this._video);
-		this.libjassSubsWrapper.insertBefore(this._video, this.libjassSubsWrapper.firstElementChild);
-	}
-
-	/**
-	 * Resize the subtitles to the dimensions of the video element.
-	 *
-	 * This method accounts for letterboxing if the video element's size is not the same ratio as the video resolution.
-	 */
-	resize(): void {
-		// Handle letterboxing around the video. If the width or height are greater than the video can be, then consider that dead space.
-
-		const videoWidth = this._video.videoWidth;
-		const videoHeight = this._video.videoHeight;
-		const videoOffsetWidth = this._video.offsetWidth;
-		const videoOffsetHeight = this._video.offsetHeight;
-
-		const ratio = Math.min(videoOffsetWidth / videoWidth, videoOffsetHeight / videoHeight);
-		const subsWrapperWidth = videoWidth * ratio;
-		const subsWrapperHeight = videoHeight * ratio;
-		const subsWrapperLeft = (videoOffsetWidth - subsWrapperWidth) / 2;
-		const subsWrapperTop = (videoOffsetHeight - subsWrapperHeight) / 2;
-
-		super.resize(subsWrapperWidth, subsWrapperHeight, subsWrapperLeft, subsWrapperTop);
-	}
-
-	/**
-	 * @deprecated
-	 */
-	resizeVideo(): void {
-		console.warn("`DefaultRenderer.resizeVideo(width, height)` has been deprecated. Use `DefaultRenderer.resize()` instead.");
-		this.resize();
-	}
-
-	protected _ready(): void {
-		this.resize();
-
-		super._ready();
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/index.ts b/negromate/web/static/js/libjass/src/renderers/index.ts
deleted file mode 100644
index 1050eb9..0000000
--- a/negromate/web/static/js/libjass/src/renderers/index.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export { Clock, ClockEvent, EventSource } from "./clocks/base";
-export { AutoClock } from "./clocks/auto";
-export { ManualClock } from "./clocks/manual";
-export { VideoClock } from "./clocks/video";
-
-export { DefaultRenderer } from "./default";
-export { NullRenderer } from "./null";
-export { WebRenderer } from "./web/renderer";
-export { RendererSettings } from "./settings";
diff --git a/negromate/web/static/js/libjass/src/renderers/null.ts b/negromate/web/static/js/libjass/src/renderers/null.ts
deleted file mode 100644
index 822293d..0000000
--- a/negromate/web/static/js/libjass/src/renderers/null.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { debugMode, verboseMode } from "../settings";
-
-import { ASS } from "../types/ass";
-import { Dialogue } from "../types/dialogue";
-
-import { Clock, ClockEvent } from "./clocks/base";
-
-import { RendererSettings } from "./settings";
-
-/**
- * A renderer implementation that doesn't output anything.
- *
- * @param {!libjass.ASS} ass
- * @param {!libjass.renderers.Clock} clock
- * @param {libjass.renderers.RendererSettings} settings
- */
-export class NullRenderer {
-	private static _lastRendererId: number = -1;
-
-	private _id: number;
-
-	private _settings: RendererSettings;
-
-	constructor(private _ass: ASS, private _clock: Clock, settings?: RendererSettings) {
-		this._id = ++NullRenderer._lastRendererId;
-
-		this._settings = RendererSettings.from(settings);
-
-		this._clock.addEventListener(ClockEvent.Play, () => this._onClockPlay());
-		this._clock.addEventListener(ClockEvent.Tick, () => this._onClockTick());
-		this._clock.addEventListener(ClockEvent.Pause, () => this._onClockPause());
-		this._clock.addEventListener(ClockEvent.Stop, () => this._onClockStop());
-		this._clock.addEventListener(ClockEvent.RateChange, () => this._onClockRateChange());
-	}
-
-	/**
-	 * The unique ID of this renderer. Auto-generated.
-	 *
-	 * @type {number}
-	 */
-	get id(): number {
-		return this._id;
-	}
-
-	/**
-	 * @type {!libjass.ASS}
-	 */
-	get ass(): ASS {
-		return this._ass;
-	}
-
-	/**
-	 * @type {!libjass.renderers.Clock}
-	 */
-	get clock(): Clock {
-		return this._clock;
-	}
-
-	/**
-	 * @type {!libjass.renderers.RendererSettings}
-	 */
-	get settings(): RendererSettings {
-		return this._settings;
-	}
-
-	/**
-	 * Pre-render a dialogue. This is a no-op for this type.
-	 *
-	 * @param {!libjass.Dialogue} dialogue
-	 */
-	preRender(_dialogue: Dialogue): void { }
-
-	/**
-	 * Draw a dialogue. This is a no-op for this type.
-	 *
-	 * @param {!libjass.Dialogue} dialogue
-	 */
-	draw(_dialogue: Dialogue): void { }
-
-	/**
-	 * Enable the renderer.
-	 *
-	 * @return {boolean} True if the renderer is now enabled, false if it was already enabled.
-	 */
-	enable(): boolean {
-		return this._clock.enable();
-	}
-
-	/**
-	 * Disable the renderer.
-	 *
-	 * @return {boolean} True if the renderer is now disabled, false if it was already disabled.
-	 */
-	disable(): boolean {
-		return this._clock.disable();
-	}
-
-	/**
-	 * Toggle the renderer.
-	 */
-	toggle(): void {
-		this._clock.toggle();
-	}
-
-	/**
-	 * Enable or disable the renderer.
-	 *
-	 * @param {boolean} enabled If true, the renderer is enabled, otherwise it's disabled.
-	 * @return {boolean} True if the renderer is now in the given state, false if it was already in that state.
-	 */
-	setEnabled(enabled: boolean): boolean {
-		return this._clock.setEnabled(enabled);
-	}
-
-	/**
-	 * @type {boolean}
-	 */
-	get enabled(): boolean {
-		return this._clock.enabled;
-	}
-
-	/**
-	 * Runs when the clock is enabled, or starts playing, or is resumed from pause.
-	 */
-	protected _onClockPlay(): void {
-		if (verboseMode) {
-			console.log("NullRenderer._onClockPlay");
-		}
-	}
-
-	/**
-	 * Runs when the clock's current time changed. This might be a result of either regular playback or seeking.
-	 */
-	protected _onClockTick(): void {
-		const currentTime = this._clock.currentTime;
-
-		if (verboseMode) {
-			console.log(`NullRenderer._onClockTick: currentTime = ${ currentTime }`);
-		}
-
-		for (const dialogue of this._ass.dialogues) {
-			try {
-				if (dialogue.end > currentTime) {
-					if (dialogue.start <= currentTime) {
-						// This dialogue is visible right now. Draw it.
-						this.draw(dialogue);
-					}
-					else if (dialogue.start <= (currentTime + this._settings.preRenderTime)) {
-						// This dialogue will be visible soon. Pre-render it.
-						this.preRender(dialogue);
-					}
-				}
-			}
-			catch (ex) {
-				if (debugMode) {
-					console.error(`Rendering dialogue ${ dialogue.id } failed.`, ex);
-				}
-			}
-		}
-	}
-
-	/**
-	 * Runs when the clock is paused.
-	 */
-	protected _onClockPause(): void {
-		if (verboseMode) {
-			console.log("NullRenderer._onClockPause");
-		}
-	}
-
-	/**
-	 * Runs when the clock is disabled.
-	 */
-	protected _onClockStop(): void {
-		if (verboseMode) {
-			console.log("NullRenderer._onClockStop");
-		}
-	}
-
-	/**
-	 * Runs when the clock changes its rate.
-	 */
-	protected _onClockRateChange(): void {
-		if (verboseMode) {
-			console.log("NullRenderer._onClockRateChange");
-		}
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/settings.ts b/negromate/web/static/js/libjass/src/renderers/settings.ts
deleted file mode 100644
index 04b74c6..0000000
--- a/negromate/web/static/js/libjass/src/renderers/settings.ts
+++ /dev/null
@@ -1,240 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { debugMode } from "../settings";
-import { Map } from "../utility/map";
-
-/**
- * Settings for the renderer.
- */
-export class RendererSettings {
-	/**
-	 * A convenience method to create a font map from a <style> or <link> element that contains @font-face rules. There should be one @font-face rule for each font name, mapping to a font file URL.
-	 *
-	 * For example:
-	 *
-	 *     @font-face {
-	 *         font-family: "Helvetica";
-	 *         src: url("/fonts/helvetica.ttf"), local("Arial");
-	 *     }
-	 *
-	 * More complicated @font-face syntax like format() or multi-line src are not supported.
-	 *
-	 * @param {!LinkStyle} linkStyle
-	 * @return {!Map.<string, string>}
-	 */
-	static makeFontMapFromStyleElement(linkStyle: LinkStyle): Map<string, string> {
-		const fontMap = new Map<string, string>();
-
-		const styleSheet = linkStyle.sheet as CSSStyleSheet;
-		/* tslint:disable-next-line:prefer-for-of */
-		for (let i = 0; i < styleSheet.cssRules.length; i++) {
-			const rule = styleSheet.cssRules[i];
-
-			if (isFontFaceRule(rule)) {
-				const name = rule.style.getPropertyValue("font-family").match(/^["']?(.*?)["']?$/)![1];
-
-				let src = rule.style.getPropertyValue("src");
-				if (!src) {
-					src = rule.cssText.split("\n")
-						.map(line => line.match(/src:\s*([^;]+?)\s*;/))
-						.filter((matches): matches is RegExpMatchArray => matches !== null)
-						.map(matches => matches[1])[0];
-				}
-
-				fontMap.set(name, src);
-			}
-		}
-
-		return fontMap;
-	}
-
-	/**
-	 * Converts an arbitrary object into a {@link libjass.renderers.RendererSettings} object.
-	 *
-	 * @param {*} object
-	 * @return {!libjass.renderers.RendererSettings}
-	 */
-	static from(object?: any): RendererSettings {
-		if (object === undefined || object === null) {
-			object = {};
-		}
-
-		const {
-			fontMap = null,
-			preRenderTime = 5,
-			preciseOutlines = false,
-			enableSvg = testSupportsSvg(),
-			fallbackFonts = 'Arial, Helvetica, sans-serif, "Segoe UI Symbol"',
-			useAttachedFonts = false,
-		} = object as RendererSettings;
-
-		const result = new RendererSettings();
-		result.fontMap = fontMap;
-		result.preRenderTime = preRenderTime;
-		result.preciseOutlines = preciseOutlines;
-		result.enableSvg = enableSvg;
-		result.fallbackFonts = fallbackFonts;
-		result.useAttachedFonts = useAttachedFonts;
-
-		return result;
-	}
-
-	/**
-	 * A map of font name to one or more URLs of that font. If provided, the fonts in this map are pre-loaded by the WebRenderer when it's created.
-	 *
-	 * The key of each entry of the map is the font name used in the ASS script. There are three choices for the value:
-	 *
-	 * - A single string that you would use for the src attribute of a @font-face rule. Eg: `'url("/fonts.foo.ttf"), url("/fonts/foo-fallback.ttf"), local("Arial.ttf")'`
-	 *
-	 * - An array of the individual sources that you would use for the src attribute of a @font-face rule. Eg: `['url("/fonts.foo.ttf")', 'url("/fonts/foo-fallback.ttf")', 'local("Arial")']`
-	 *
-	 * - An array of URLs. Eg: `["/fonts.foo.ttf", "/fonts/foo-fallback.ttf"]`
-	 *
-	 * Only the first and second forms allow you to use local fonts. The third form only allows you to use remote fonts.
-	 *
-	 * If you have a <style> or <link> element on the page containing @font-face rules, you can use the {@link libjass.renderers.RendererSettings.makeFontMapFromStyleElement}
-	 * convenience method to create a font map.
-	 *
-	 * Defaults to null.
-	 *
-	 * @type {Map.<string, (string|!Array.<string>)>}
-	 */
-	fontMap: Map<string, string | string[]> | null;
-
-	/**
-	 * Subtitles will be pre-rendered for this amount of time (seconds).
-	 *
-	 * Defaults to 5.
-	 *
-	 * @type {number}
-	 */
-	preRenderTime: number;
-
-	/**
-	 * Subtitle outlines will be rendered in full detail. When false, the value of blur is used to draw less outlines for better performance and (hopefully) similar output.
-	 *
-	 * Defaults to false.
-	 *
-	 * @type {boolean}
-	 */
-	preciseOutlines: boolean;
-
-	/**
-	 * Outlines and blur are implemented using SVG filters by default. When false, they will be rendered using alternative means.
-	 *
-	 * IE 11 and below do not support SVG filters on HTML elements so this should be set to false there. See http://caniuse.com/svg-html for details.
-	 *
-	 * Defaults to true.
-	 *
-	 * @type {boolean}
-	 */
-	enableSvg: boolean;
-
-	/**
-	 * Comma-separated list of fonts to be used when font specified in ASS Styles not loaded.
-	 *
-	 * The value should be a valid CSS font-family property (i.e. comma-separated and individual names in quotes if necessary). Use empty string to disable fallback.
-	 *
-	 * Defaults to 'Arial, Helvetica, sans-serif, "Segoe UI Symbol"'.
-	 *
-	 * @type {string}
-	 */
-	fallbackFonts: string;
-
-	/**
-	 * If true, attached TTF fonts in the ASS script will be used. The font is loaded as a data: URI. Requires ES6 typed arrays (ArrayBuffer, DataView, Uint8Array, etc).
-	 *
-	 * The font is naively parsed to extract the strings that will be used as the font family. Do not use this option with untrusted fonts or scripts.
-	 *
-	 * Defaults to false.
-	 *
-	 * @type {boolean}
-	 */
-	useAttachedFonts: boolean;
-}
-
-/**
- * @param {!CSSRule} rule
- * @return {boolean}
- */
-function isFontFaceRule(rule: CSSRule): rule is CSSFontFaceRule {
-	return rule.type === CSSRule.FONT_FACE_RULE;
-}
-
-/**
- * Returns true if this environment may support SVG filter effects. May return false positives.
- *
- * @return {boolean}
- */
-function testSupportsSvg(): boolean {
-	if (debugMode) {
-		console.log("Testing whether SVG filter effects are supported.");
-	}
-
-	if (global.document === undefined) {
-		if (debugMode) {
-			console.log("This doesn't look like a browser. Assuming it doesn't support SVG filter effects.");
-		}
-
-		return false;
-	}
-
-	const morphologyFilter = document.createElementNS("http://www.w3.org/2000/svg", "feMorphology");
-
-	// https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6618301/
-	try {
-		morphologyFilter.radiusX.baseVal = 1;
-	}
-	catch (ex) {
-		if (debugMode) {
-			if (ex instanceof DOMException) {
-				const domException = ex as DOMException;
-				if (domException.code === DOMException.NO_MODIFICATION_ALLOWED_ERR) {
-					console.log("Setting SVGFEMorphologyElement.radiusX.baseVal threw NoModificationAllowedError. This browser doesn't support SVG DOM correctly.");
-				}
-				else {
-					console.log(`Setting SVGFEMorphologyElement.radiusX.baseVal threw unexpected DOMException code ${ domException.code }. This browser doesn't support SVG DOM correctly.`);
-				}
-			}
-			else {
-				console.log(`Setting SVGFEMorphologyElement.radiusX.baseVal threw unexpected exception ${ ex }. This browser doesn't support SVG SVG DOM correctly.`);
-			}
-		}
-
-		return false;
-	}
-
-	// https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6618454/
-	morphologyFilter.setAttribute("radius", "1");
-	if (morphologyFilter.cloneNode().getAttribute("radius") !== "1") {
-		if (debugMode) {
-			console.log("SVGFEMorphologyElement's radius attribute was corrupted when cloned. This browser doesn't support SVG DOM correctly.");
-		}
-
-		return false;
-	}
-
-	if (debugMode) {
-		console.log("This browser may support SVG filter effects.");
-	}
-
-	return true;
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/web/animation-collection.ts b/negromate/web/static/js/libjass/src/renderers/web/animation-collection.ts
deleted file mode 100644
index d802fac..0000000
--- a/negromate/web/static/js/libjass/src/renderers/web/animation-collection.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Keyframe } from "./keyframe";
-
-import { NullRenderer } from "../null";
-
-import { Map } from "../../utility/map";
-
-/**
- * This class represents a collection of animations. Each animation contains one or more keyframes.
- * The collection can then be converted to a CSS3 representation.
- *
- * @param {!libjass.renderers.NullRenderer} renderer The renderer that this collection is associated with
- * @param {!HTMLStyleElement} style A <style> element to insert the animation rules into
- */
-export class AnimationCollection {
-	private static _nextId: number = 0;
-
-	private _id: string;
-	private _rate: number;
-
-	private _animationStyle: string = "";
-	private _animationDelays: Map<string, number> = new Map<string, number>();
-	private _numAnimations: number = 0;
-
-	constructor(renderer: NullRenderer, private _style: HTMLStyleElement) {
-		this._id = `${ renderer.id }-${ AnimationCollection._nextId++ }`;
-		this._rate = renderer.clock.rate;
-	}
-
-	/**
-	 * This string should be set as the "animation" CSS property of the target element.
-	 *
-	 * @type {string}
-	 */
-	get animationStyle(): string {
-		return this._animationStyle;
-	}
-
-	/**
-	 * This array should be used to set the "animation-delay" CSS property of the target element.
-	 *
-	 * @type {!Array.<number>}
-	 */
-	get animationDelays(): Map<string, number> {
-		return this._animationDelays;
-	}
-
-	/**
-	 * Add an animation to this collection. The given keyframes together make one animation.
-	 *
-	 * @param {string} timingFunction One of the acceptable values for the "animation-timing-function" CSS property
-	 * @param {!Array.<!libjass.renderers.Keyframe>} keyframes
-	 */
-	add(timingFunction: string, keyframes: Keyframe[]): void {
-		let start: number | null = null;
-		let end: number | null = null;
-
-		for (const keyframe of keyframes) {
-			if (start === null) {
-				start = keyframe.time;
-			}
-
-			end = keyframe.time;
-		}
-
-		if (start === null || end === null) {
-			throw new Error("Atleast one keyframe must be provided.");
-		}
-
-		let ruleCssText = "";
-
-		for (const keyframe of keyframes) {
-			ruleCssText +=
-`	${ (100 * ((end - start === 0) ? 1 : ((keyframe.time - start) / (end - start)))).toFixed(3) }% {
-`;
-
-			keyframe.properties.forEach((value, name) => {
-				ruleCssText +=
-`		${ name }: ${ value };
-`;
-			});
-
-			ruleCssText +=
-`	}
-`;
-		}
-
-		const animationName = `animation-${ this._id }-${ this._numAnimations++ }`;
-
-		this._style.appendChild(document.createTextNode(
-`@-webkit-keyframes ${ animationName } {
-${ ruleCssText }
-}`));
-
-		this._style.appendChild(document.createTextNode(
-`@keyframes ${ animationName } {
-${ ruleCssText }
-}`));
-
-		if (this._animationStyle !== "") {
-			this._animationStyle += ",";
-		}
-
-		this._animationStyle += `${ animationName } ${ ((end - start) / this._rate).toFixed(3) }s ${ timingFunction }`;
-		this._animationDelays.set(animationName, start);
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/web/drawing-styles.ts b/negromate/web/static/js/libjass/src/renderers/web/drawing-styles.ts
deleted file mode 100644
index 16d5eb6..0000000
--- a/negromate/web/static/js/libjass/src/renderers/web/drawing-styles.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import * as parts from "../../parts";
-
-/**
- * This class represents an ASS drawing - a set of drawing instructions between {\p} tags.
- *
- * @param {number} outputScaleX
- * @param {number} outputScaleY
- */
-export class DrawingStyles {
-	private _scale: number = 1;
-	private _baselineOffset: number = 0;
-
-	constructor(private _outputScaleX: number, private _outputScaleY: number) { }
-
-	/**
-	 * @type {number}
-	 */
-	set scale(value: number) {
-		this._scale = value;
-	}
-
-	/**
-	 * @type {number}
-	 */
-	set baselineOffset(value: number) {
-		this._baselineOffset = value;
-	}
-
-	/**
-	 * Converts this drawing to an <svg> element.
-	 *
-	 * @param {!libjass.parts.DrawingInstructions} drawingInstructions
-	 * @param {!libjass.parts.Color} fillColor
-	 * @return {!SVGSVGElement}
-	 */
-	toSVG(drawingInstructions: parts.DrawingInstructions, fillColor: parts.Color): SVGSVGElement {
-		const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-		svg.setAttribute("version", "1.1");
-
-		if (drawingInstructions.instructions.length === 0) {
-			return svg;
-		}
-
-		const scaleFactor = Math.pow(2, this._scale - 1);
-		const scaleX = this._outputScaleX / scaleFactor;
-		const scaleY = this._outputScaleY / scaleFactor;
-
-		const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-		let pathString = "";
-
-		let bboxMinX = Infinity;
-		let bboxMaxX = -Infinity;
-		let bboxMinY = Infinity;
-		let bboxMaxY = -Infinity;
-
-		for (const instruction of drawingInstructions.instructions) {
-			if (instruction instanceof parts.drawing.MoveInstruction) {
-				pathString += ` M ${ instruction.x.toFixed(3) } ${ (instruction.y + this._baselineOffset).toFixed(3) }`;
-
-				bboxMinX = Math.min(bboxMinX, instruction.x);
-				bboxMaxX = Math.max(bboxMaxX, instruction.x);
-				bboxMinY = Math.min(bboxMinY, instruction.y + this._baselineOffset);
-				bboxMaxY = Math.max(bboxMaxY, instruction.y + this._baselineOffset);
-			}
-			else if (instruction instanceof parts.drawing.LineInstruction) {
-				pathString += ` L ${ instruction.x.toFixed(3) } ${ (instruction.y + this._baselineOffset).toFixed(3) }`;
-
-				bboxMinX = Math.min(bboxMinX, instruction.x);
-				bboxMaxX = Math.max(bboxMaxX, instruction.x);
-				bboxMinY = Math.min(bboxMinY, instruction.y + this._baselineOffset);
-				bboxMaxY = Math.max(bboxMaxY, instruction.y + this._baselineOffset);
-			}
-			else if (instruction instanceof parts.drawing.CubicBezierCurveInstruction) {
-				pathString += ` C ${ instruction.x1.toFixed(3) } ${ (instruction.y1 + this._baselineOffset).toFixed(3) } ${ instruction.x2.toFixed(3) } ${ (instruction.y2 + this._baselineOffset).toFixed(3) } ${ instruction.x3.toFixed(3) } ${ (instruction.y3 + this._baselineOffset).toFixed(3) }`;
-
-				bboxMinX = Math.min(bboxMinX, instruction.x1, instruction.x2, instruction.x3);
-				bboxMaxX = Math.max(bboxMaxX, instruction.x1, instruction.x2, instruction.x3);
-				bboxMinY = Math.min(bboxMinY, instruction.y1 + this._baselineOffset, instruction.y2 + this._baselineOffset, instruction.y3 + this._baselineOffset);
-				bboxMaxY = Math.max(bboxMaxY, instruction.y1 + this._baselineOffset, instruction.y2 + this._baselineOffset, instruction.y3 + this._baselineOffset);
-			}
-		}
-
-		bboxMinX *= scaleX;
-		bboxMaxX *= scaleX;
-		bboxMinY *= scaleY;
-		bboxMaxY *= scaleY;
-
-		const bboxWidth = bboxMaxX - bboxMinX;
-		const bboxHeight = bboxMaxY - bboxMinY;
-
-		svg.width.baseVal.valueAsString = `${ bboxWidth.toFixed(3) }px`;
-		svg.height.baseVal.valueAsString = `${ bboxHeight.toFixed(3) }px`;
-
-		// svg.viewBox.baseVal is null in atleast FF. See https://bugzilla.mozilla.org/show_bug.cgi?id=888307 which justifies it with SVG 1.2 spec.
-		svg.setAttribute("viewBox", `${ bboxMinX } ${ bboxMinY } ${ bboxWidth } ${ bboxHeight }`);
-
-		svg.style.position = "relative";
-		svg.style.left = `${ bboxMinX.toFixed(3) }px`;
-		svg.style.top = `${ bboxMinY.toFixed(3) }px`;
-
-		const g = document.createElementNS("http://www.w3.org/2000/svg", "g");
-		svg.appendChild(g);
-		g.setAttribute("transform", `scale(${ scaleX.toFixed(3) } ${ scaleY.toFixed(3) })`);
-
-		g.appendChild(path);
-		path.setAttribute("d", pathString);
-		path.setAttribute("fill", fillColor.toString());
-
-		return svg;
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/web/font-size.ts b/negromate/web/static/js/libjass/src/renderers/web/font-size.ts
deleted file mode 100644
index 078a92c..0000000
--- a/negromate/web/static/js/libjass/src/renderers/web/font-size.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Promise } from "../../utility/promise";
-
-/**
- * @param {string} fontFamily
- * @param {number} fontSize
- * @param {string} fallbackFonts
- * @param {!HTMLDivElement} fontSizeElement
- */
-function prepareFontSizeElement(fontFamily: string, fontSize: number, fallbackFonts: string, fontSizeElement: HTMLDivElement): void {
-	let fonts = `"${ fontFamily }"`;
-	if (fallbackFonts !== "") {
-		fonts += `, ${ fallbackFonts }`;
-	}
-
-	fontSizeElement.style.fontFamily = fonts;
-	fontSizeElement.style.fontSize = `${ fontSize }px`;
-}
-
-/**
- * @param {string} fontFamily
- * @param {number} fontSize
- * @param {string} fallbackFonts
- * @param {!HTMLDivElement} fontSizeElement
- * @return {!Promise.<number>}
- */
-function lineHeightForFontSize(fontFamily: string, fontSize: number, fallbackFonts: string, fontSizeElement: HTMLDivElement): Promise<number> {
-	prepareFontSizeElement(fontFamily, fontSize, fallbackFonts, fontSizeElement);
-
-	return new Promise<number>(resolve => setTimeout(() => resolve(fontSizeElement.offsetHeight), 1000));
-}
-
-/**
- * @param {string} fontFamily
- * @param {number} fontSize
- * @param {string} fallbackFonts
- * @param {!HTMLDivElement} fontSizeElement
- * @return {number}
- */
-function lineHeightForFontSizeSync(fontFamily: string, fontSize: number, fallbackFonts: string, fontSizeElement: HTMLDivElement): number {
-	prepareFontSizeElement(fontFamily, fontSize, fallbackFonts, fontSizeElement);
-
-	return fontSizeElement.offsetHeight;
-}
-
-/**
- * @param {number} lowerLineHeight
- * @param {number} upperLineHeight
- * @return {[number, number]}
- */
-function fontMetricsFromLineHeights(lowerLineHeight: number, upperLineHeight: number): [number, number] {
-	return [lowerLineHeight, (360 - 180) / (upperLineHeight - lowerLineHeight)];
-}
-
-/**
- * Calculates font metrics for the given font family.
- *
- * @param {string} fontFamily
- * @param {string} fallbackFonts
- * @param {!HTMLDivElement} fontSizeElement
- * @return {!Promise.<[number, number]>}
- */
-export function calculateFontMetrics(fontFamily: string, fallbackFonts: string, fontSizeElement: HTMLDivElement): Promise<[number, number]> {
-	return lineHeightForFontSize(fontFamily, 180, fallbackFonts, fontSizeElement).then(lowerLineHeight =>
-		lineHeightForFontSize(fontFamily, 360, fallbackFonts, fontSizeElement).then(upperLineHeight =>
-			fontMetricsFromLineHeights(lowerLineHeight, upperLineHeight)));
-}
-
-/**
- * @param {number} lineHeight
- * @param {number} lowerLineHeight
- * @param {number} factor
- * @return {number}
- */
-function fontSizeFromMetrics(lineHeight: number, lowerLineHeight: number, factor: number): number {
-	return 180 + (lineHeight - lowerLineHeight) * factor;
-}
-
-/**
- * Uses linear interpolation to calculate the CSS font size that would give the specified line height for the specified font family.
- *
- * WARNING: If fontMetricsCache doesn't already contain a cached value for this font family, and it is not a font already installed on the user's device, then this function
- * may return wrong values. To avoid this, make sure to preload the font using the {@link libjass.renderers.RendererSettings.fontMap} property when constructing the renderer.
- *
- * @param {string} fontFamily
- * @param {number} lineHeight
- * @param {string} fallbackFonts
- * @param {!HTMLDivElement} fontSizeElement
- * @param {!Map.<string, [number, number]>} fontMetricsCache
- * @return {number}
- */
-export function fontSizeForLineHeight(fontFamily: string, lineHeight: number, fallbackFonts: string, fontSizeElement: HTMLDivElement, fontMetricsCache: Map<string, [number, number]>): number {
-	let existingMetrics = fontMetricsCache.get(fontFamily);
-	if (existingMetrics === undefined) {
-		const lowerLineHeight = lineHeightForFontSizeSync(fontFamily, 180, fallbackFonts, fontSizeElement);
-		const upperLineHeight = lineHeightForFontSizeSync(fontFamily, 360, fallbackFonts, fontSizeElement);
-		fontMetricsCache.set(fontFamily, existingMetrics = fontMetricsFromLineHeights(lowerLineHeight, upperLineHeight));
-	}
-
-	const [lowerLineHeight, factor] = existingMetrics;
-	return fontSizeFromMetrics(lineHeight, lowerLineHeight, factor);
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/web/keyframe.ts b/negromate/web/static/js/libjass/src/renderers/web/keyframe.ts
deleted file mode 100644
index 766fb6a..0000000
--- a/negromate/web/static/js/libjass/src/renderers/web/keyframe.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * This class represents a single keyframe. It has a list of CSS properties (names and values) associated with a point in time. Multiple keyframes make up an animation.
- *
- * @param {number} time
- * @param {!Map.<string, string>} properties
- */
-export class Keyframe {
-	constructor(private _time: number, private _properties: Map<string, string>) { }
-
-	/**
-	 * @type {number}
-	 */
-	get time(): number {
-		return this._time;
-	}
-
-	/**
-	 * @type {!Map.<string, string>}
-	 */
-	get properties(): Map<string, string> {
-		return this._properties;
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/web/renderer.ts b/negromate/web/static/js/libjass/src/renderers/web/renderer.ts
deleted file mode 100644
index cb55f32..0000000
--- a/negromate/web/static/js/libjass/src/renderers/web/renderer.ts
+++ /dev/null
@@ -1,1214 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { getTtfNames } from "../../parser/ttf";
-
-import * as parts from "../../parts";
-
-import { debugMode } from "../../settings";
-
-import { ASS } from "../../types/ass";
-import { AttachmentType } from "../../types/attachment";
-import { Dialogue } from "../../types/dialogue";
-import { WrappingStyle } from "../../types/misc";
-
-import { Map } from "../../utility/map";
-import { mixin } from "../../utility/mixin";
-import { any as Promise_any, first as Promise_first, lastly as Promise_finally, Promise } from "../../utility/promise";
-
-import { Clock, EventSource } from "../clocks/base";
-
-import { NullRenderer } from "../null";
-import { RendererSettings } from "../settings";
-
-import { AnimationCollection } from "./animation-collection";
-import { DrawingStyles } from "./drawing-styles";
-import { calculateFontMetrics } from "./font-size";
-import { Keyframe } from "./keyframe";
-import { SpanStyles } from "./span-styles";
-
-const fontSrcUrlRegex = /^(url|local)\(["']?(.+?)["']?\)$/;
-
-/**
- * A renderer implementation that draws subtitles to the given <div>
- *
- * After the renderer fires its ready event, {@link libjass.renderers.WebRenderer.resize} must be called to initialize its size before starting the clock.
- *
- * @param {!libjass.ASS} ass
- * @param {!libjass.renderers.Clock} clock
- * @param {!HTMLDivElement} libjassSubsWrapper Subtitles will be rendered to this <div>
- * @param {!libjass.renderers.RendererSettings} settings
- */
-export class WebRenderer extends NullRenderer implements EventSource<string> {
-	private static _transformOrigins: number[][] = [
-		[],
-		[0, 100], [50, 100], [100, 100],
-		[0, 50], [50, 50], [100, 50],
-		[0, 0], [50, 0], [100, 0],
-	];
-
-	private _subsWrapper: HTMLDivElement;
-	private _subsWrapperWidth: number; // this._subsWrapper.offsetWidth is expensive, so cache this.
-
-	private _layerWrappers: (HTMLDivElement | undefined)[] = [];
-	private _layerAlignmentWrappers: (HTMLDivElement | undefined)[][] = [];
-	private _fontSizeElement: HTMLDivElement;
-
-	private _fontMetricsCache: Map<string, [number, number]> = new Map<string, [number, number]>();
-
-	private _currentSubs: Map<Dialogue, HTMLDivElement> = new Map<Dialogue, HTMLDivElement>();
-	private _preRenderedSubs: Map<number, PreRenderedSub> = new Map<number, PreRenderedSub>();
-
-	private _scaleX: number;
-	private _scaleY: number;
-
-	constructor(ass: ASS, clock: Clock, private _libjassSubsWrapper: HTMLDivElement, settings?: RendererSettings) {
-		super(ass, clock, (() => {
-			if (!(_libjassSubsWrapper instanceof HTMLDivElement)) {
-				const temp = settings;
-				settings = _libjassSubsWrapper as any;
-				_libjassSubsWrapper = temp as any;
-				console.warn("WebRenderer's constructor now takes libjassSubsWrapper as the third parameter and settings as the fourth parameter. Please update the caller.");
-			}
-
-			return settings;
-		})());
-
-		this._libjassSubsWrapper.classList.add("libjass-wrapper");
-
-		this._subsWrapper = document.createElement("div");
-		this._libjassSubsWrapper.appendChild(this._subsWrapper);
-		this._subsWrapper.className = "libjass-subs";
-
-		this._fontSizeElement = document.createElement("div");
-		this._libjassSubsWrapper.appendChild(this._fontSizeElement);
-		this._fontSizeElement.className = "libjass-font-measure";
-		this._fontSizeElement.appendChild(document.createTextNode("M"));
-
-		// Preload fonts
-
-		if (debugMode) {
-			console.log(`Preloading fonts...`);
-		}
-
-		const preloadFontPromises: Promise<any>[] = [];
-
-		const fontFetchPromisesCache = new Map<string, Promise<any>>();
-
-		const fontMap = (this.settings.fontMap === null) ? new Map<string, string | string[]>() : this.settings.fontMap;
-
-		const attachedFontsMap = new Map<string, string[]>();
-		if (this.settings.useAttachedFonts) {
-			ass.attachments.forEach(attachment => {
-				if (attachment.type !== AttachmentType.Font) {
-					return;
-				}
-
-				let ttfNames: Set<string>;
-				try {
-					ttfNames = getTtfNames(attachment);
-				}
-				catch (ex) {
-					console.error(ex);
-					return;
-				}
-
-				const attachmentUrl = `data:application/x-font-ttf;base64,${ attachment.contents }`;
-
-				ttfNames.forEach(name => {
-					const correspondingFontMapEntry = fontMap.get(name);
-					if (correspondingFontMapEntry !== undefined) {
-						// Also defined in fontMap.
-						if (typeof correspondingFontMapEntry !== "string") {
-							// Entry in fontMap is an array. Append this URL to it.
-							correspondingFontMapEntry.push(attachmentUrl);
-						}
-						else {
-							/* The entry in fontMap is a string. Don't append this URL to it. Instead, put it in attachedFontsMap now
-							 * and it'll be merged with the entry from fontMap later. If it was added here, and later the string needed
-							 * to be split on commas, then the commas in the data URI would break the result.
-							 */
-							let existingList = attachedFontsMap.get(name);
-							if (existingList === undefined) {
-								attachedFontsMap.set(name, existingList = []);
-							}
-							existingList.push(attachmentUrl);
-						}
-					}
-					else {
-						// Not defined in fontMap. Add it there.
-						fontMap.set(name, [attachmentUrl]);
-					}
-				});
-			});
-		}
-
-		fontMap.forEach((srcs, fontFamily) => {
-			let fontFamilyMetricsPromise: Promise<[number, number]>;
-
-			if (global.document && global.document.fonts && global.document.fonts!.add) {
-				// value should be string. If it's string[], combine it into string
-				let source =
-					(typeof srcs === "string") ?
-						srcs :
-						srcs.map(src =>
-							(src.match(fontSrcUrlRegex) !== null) ?
-								src :
-								`url("${ src }")`).join(", ");
-
-				const attachedFontUrls = attachedFontsMap.get(fontFamily);
-				if (attachedFontUrls !== undefined) {
-					for (const url of attachedFontUrls) {
-						source += `, url("${ url }")`;
-					}
-				}
-
-				const existingFontFaces: FontFace[] = [];
-				global.document.fonts.forEach(fontFace => {
-					if (fontFace.family === fontFamily || fontFace.family === `"${ fontFamily }"`) {
-						existingFontFaces.push(fontFace);
-					}
-				});
-
-				let fontFetchPromise: Promise<FontFace | null>;
-				if (existingFontFaces.length === 0) {
-					const fontFace = new global.FontFace!(fontFamily, source);
-					const quotedFontFace = new global.FontFace!(`"${ fontFamily }"`, source);
-
-					global.document.fonts.add(fontFace);
-					global.document.fonts.add(quotedFontFace);
-
-					fontFetchPromise = Promise_any([fontFace.load(), quotedFontFace.load()]);
-				}
-				else {
-					fontFetchPromise = Promise_any(existingFontFaces.map(fontFace => fontFace.load()));
-				}
-
-				fontFamilyMetricsPromise = this._calculateFontMetricsAfterFetch(fontFamily, fontFetchPromise.catch(reason => {
-					console.warn(`Fetching fonts for ${ fontFamily } at ${ source } failed: %o`, reason);
-					return null;
-				}));
-			}
-			else {
-				// value should be string[]. If it's string, split it into string[]
-				let urls =
-					((typeof srcs === "string") ?
-						srcs.split(/,/) :
-						srcs).map(url => url.trim()).map(url => {
-							const match = url.match(fontSrcUrlRegex);
-
-							if (match === null) {
-								// A URL
-								return url;
-							}
-
-							if (match[1] === "local") {
-								// A local() URL. Don't fetch it.
-								return null;
-							}
-
-							// A url() URL. Extract the raw URL.
-							return match[2];
-						}).filter((url): url is string => url !== null);
-
-				const attachedFontUrls = attachedFontsMap.get(fontFamily);
-				if (attachedFontUrls !== undefined) {
-					urls = urls.concat(attachedFontUrls);
-				}
-
-				const thisFontFamilysFetchPromises =
-					urls.map(url => {
-						let fontFetchPromise = fontFetchPromisesCache.get(url);
-						if (fontFetchPromise === undefined) {
-							fontFetchPromise =
-								new Promise<null>((resolve, reject) => {
-									const xhr = new XMLHttpRequest();
-									xhr.addEventListener("load", () => {
-										if (debugMode) {
-											console.log(`Preloaded ${ url }.`);
-										}
-
-										resolve(null);
-									});
-									xhr.addEventListener("error", err => {
-										reject(err);
-									});
-									xhr.open("GET", url, true);
-									xhr.send();
-								});
-
-							fontFetchPromisesCache.set(url, fontFetchPromise);
-						}
-
-						return fontFetchPromise;
-					});
-
-				const allFontsFetchedPromise =
-					(thisFontFamilysFetchPromises.length === 0) ?
-						Promise.resolve(null) :
-						Promise_first(thisFontFamilysFetchPromises).catch(reason => {
-							console.warn(`Fetching fonts for ${ fontFamily } at ${ urls.join(", ") } failed: %o`, reason);
-							return null;
-						});
-
-				fontFamilyMetricsPromise = this._calculateFontMetricsAfterFetch(fontFamily, allFontsFetchedPromise);
-			}
-
-			preloadFontPromises.push(fontFamilyMetricsPromise.then(metrics => this._fontMetricsCache.set(fontFamily, metrics)));
-		});
-
-		/* tslint:disable-next-line:no-floating-promises */
-		Promise.all(preloadFontPromises).then(() => {
-			if (debugMode) {
-				console.log("All fonts have been preloaded.");
-			}
-
-			this._ready();
-		});
-	}
-
-	/**
-	 * @type {!HTMLDivElement}
-	 */
-	get libjassSubsWrapper(): HTMLDivElement {
-		return this._libjassSubsWrapper;
-	}
-
-	/**
-	 * Resize the subtitles to the given new dimensions.
-	 *
-	 * @param {number} width
-	 * @param {number} height
-	 * @param {number=0} left
-	 * @param {number=0} top
-	 */
-	resize(width: number, height: number, left: number = 0, top: number = 0): void {
-		this._removeAllSubs();
-
-		this._subsWrapper.style.width = `${ width.toFixed(3) }px`;
-		this._subsWrapper.style.height = `${ height.toFixed(3) }px`;
-		this._subsWrapper.style.left = `${ left.toFixed(3) }px`;
-		this._subsWrapper.style.top = `${ top.toFixed(3) }px`;
-
-		this._subsWrapperWidth = width;
-
-		this._scaleX = width / this.ass.properties.resolutionX;
-		this._scaleY = height / this.ass.properties.resolutionY;
-
-		// Any dialogues which have been pre-rendered will need to be pre-rendered again.
-		this._preRenderedSubs.clear();
-
-		// this.currentTime will be -1 if resize() is called before the clock begins playing for the first time. In this situation, there is no need to force a redraw.
-		if (this.clock.currentTime !== -1) {
-			this._onClockTick();
-		}
-	}
-
-	/**
-	 * The magic happens here. The subtitle div is rendered and stored. Call {@link libjass.renderers.WebRenderer.draw} to get a clone of the div to display.
-	 *
-	 * @param {!libjass.Dialogue} dialogue
-	 * @return {PreRenderedSub}
-	 */
-	preRender(dialogue: Dialogue): PreRenderedSub | null {
-		const currentTimeRelativeToDialogueStart = this.clock.currentTime - dialogue.start;
-
-		if (dialogue.containsTransformTag && currentTimeRelativeToDialogueStart < 0) {
-			// draw() expects this function to always return non-null, but it only calls this function when currentTimeRelativeToDialogueStart would be >= 0
-			return null;
-		}
-
-		const alreadyPreRenderedSub = this._preRenderedSubs.get(dialogue.id);
-		if (alreadyPreRenderedSub) {
-			return alreadyPreRenderedSub;
-		}
-
-		const sub = document.createElement("div");
-
-		sub.style.marginLeft = `${ (this._scaleX * dialogue.style.marginLeft).toFixed(3) }px`;
-		sub.style.marginRight = `${ (this._scaleX * dialogue.style.marginRight).toFixed(3) }px`;
-		sub.style.marginTop = sub.style.marginBottom = `${ (this._scaleY * dialogue.style.marginVertical).toFixed(3) }px`;
-		sub.style.minWidth = `${ (this._subsWrapperWidth - this._scaleX * (dialogue.style.marginLeft + dialogue.style.marginRight)).toFixed(3) }px`;
-
-		const dialogueAnimationStylesElement = document.createElement("style");
-		dialogueAnimationStylesElement.id = `libjass-animation-styles-${ this.id }-${ dialogue.id }`;
-		dialogueAnimationStylesElement.type = "text/css";
-
-		const dialogueAnimationCollection = new AnimationCollection(this, dialogueAnimationStylesElement);
-
-		const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-		svgElement.setAttribute("version", "1.1");
-		svgElement.setAttribute("class", "libjass-filters");
-		svgElement.width.baseVal.valueAsString = "0";
-		svgElement.height.baseVal.valueAsString = "0";
-
-		const svgDefsElement = document.createElementNS("http://www.w3.org/2000/svg", "defs");
-		svgElement.appendChild(svgDefsElement);
-
-		let currentSpan: HTMLSpanElement | null = null;
-		const currentSpanStyles = new SpanStyles(this, dialogue, this._scaleX, this._scaleY, this.settings, this._fontSizeElement, svgDefsElement, this._fontMetricsCache);
-
-		let currentAnimationCollection: AnimationCollection | null = null;
-
-		let previousAddNewLine = false; // If two or more \N's are encountered in sequence, then all but the first will be created using currentSpanStyles.makeNewLine() instead
-		const startNewSpan = (addNewLine: boolean): void => {
-			if (currentSpan !== null && currentSpan.hasChildNodes()) {
-				sub.appendChild(currentSpanStyles.setStylesOnSpan(currentSpan, currentAnimationCollection!));
-			}
-
-			if (currentAnimationCollection !== null) {
-				currentAnimationCollection.animationDelays.forEach((delay, name) => dialogueAnimationCollection.animationDelays.set(name, delay));
-			}
-
-			if (addNewLine) {
-				if (previousAddNewLine) {
-					sub.appendChild(currentSpanStyles.makeNewLine());
-				}
-				else {
-					sub.appendChild(document.createElement("br"));
-				}
-			}
-
-			currentSpan = document.createElement("span");
-			currentAnimationCollection = new AnimationCollection(this, dialogueAnimationStylesElement);
-
-			previousAddNewLine = addNewLine;
-		};
-		startNewSpan(false);
-
-		const currentDrawingStyles = new DrawingStyles(this._scaleX, this._scaleY);
-
-		let wrappingStyle = this.ass.properties.wrappingStyle;
-
-		let karaokeTimesAccumulator = 0;
-
-		for (const part of dialogue.parts) {
-			if (part instanceof parts.Italic) {
-				currentSpanStyles.italic = part.value as boolean;
-			}
-
-			else if (part instanceof parts.Bold) {
-				currentSpanStyles.bold = part.value;
-			}
-
-			else if (part instanceof parts.Underline) {
-				currentSpanStyles.underline = part.value as boolean;
-			}
-
-			else if (part instanceof parts.StrikeThrough) {
-				currentSpanStyles.strikeThrough = part.value as boolean;
-			}
-
-			else if (part instanceof parts.Border) {
-				currentSpanStyles.outlineWidth = part.value as number;
-				currentSpanStyles.outlineHeight = part.value as number;
-			}
-
-			else if (part instanceof parts.BorderX) {
-				currentSpanStyles.outlineWidth = part.value as number;
-			}
-
-			else if (part instanceof parts.BorderY) {
-				currentSpanStyles.outlineHeight = part.value as number;
-			}
-
-			else if (part instanceof parts.Shadow) {
-				currentSpanStyles.shadowDepthX = part.value as number;
-				currentSpanStyles.shadowDepthY = part.value as number;
-			}
-
-			else if (part instanceof parts.ShadowX) {
-				currentSpanStyles.shadowDepthX = part.value as number;
-			}
-
-			else if (part instanceof parts.ShadowY) {
-				currentSpanStyles.shadowDepthY = part.value as number;
-			}
-
-			else if (part instanceof parts.Blur) {
-				currentSpanStyles.blur = part.value as number;
-			}
-
-			else if (part instanceof parts.GaussianBlur) {
-				currentSpanStyles.gaussianBlur = part.value as number;
-			}
-
-			else if (part instanceof parts.FontName) {
-				currentSpanStyles.fontName = part.value;
-			}
-
-			else if (part instanceof parts.FontSize) {
-				currentSpanStyles.fontSize = part.value as number;
-			}
-
-			else if (part instanceof parts.FontSizePlus) {
-				currentSpanStyles.fontSize *= (1 + part.value);
-			}
-
-			else if (part instanceof parts.FontSizeMinus) {
-				currentSpanStyles.fontSize *= (1 - part.value);
-			}
-
-			else if (part instanceof parts.FontScaleX) {
-				currentSpanStyles.fontScaleX = part.value as number;
-			}
-
-			else if (part instanceof parts.FontScaleY) {
-				currentSpanStyles.fontScaleY = part.value as number;
-			}
-
-			else if (part instanceof parts.LetterSpacing) {
-				currentSpanStyles.letterSpacing = part.value as number;
-			}
-
-			else if (part instanceof parts.RotateX) {
-				currentSpanStyles.rotationX = part.value as number;
-			}
-
-			else if (part instanceof parts.RotateY) {
-				currentSpanStyles.rotationY = part.value as number;
-			}
-
-			else if (part instanceof parts.RotateZ) {
-				currentSpanStyles.rotationZ = part.value as number;
-			}
-
-			else if (part instanceof parts.SkewX) {
-				currentSpanStyles.skewX = part.value as number;
-			}
-
-			else if (part instanceof parts.SkewY) {
-				currentSpanStyles.skewY = part.value as number;
-			}
-
-			else if (part instanceof parts.PrimaryColor) {
-				currentSpanStyles.primaryColor = part.value as parts.Color;
-			}
-
-			else if (part instanceof parts.SecondaryColor) {
-				currentSpanStyles.secondaryColor = part.value as parts.Color;
-			}
-
-			else if (part instanceof parts.OutlineColor) {
-				currentSpanStyles.outlineColor = part.value as parts.Color;
-			}
-
-			else if (part instanceof parts.ShadowColor) {
-				currentSpanStyles.shadowColor = part.value as parts.Color;
-			}
-
-			else if (part instanceof parts.Alpha) {
-				currentSpanStyles.primaryAlpha = part.value as number;
-				currentSpanStyles.secondaryAlpha = part.value as number;
-				currentSpanStyles.outlineAlpha = part.value as number;
-				currentSpanStyles.shadowAlpha = part.value as number;
-			}
-
-			else if (part instanceof parts.PrimaryAlpha) {
-				currentSpanStyles.primaryAlpha = part.value as number;
-			}
-
-			else if (part instanceof parts.SecondaryAlpha) {
-				currentSpanStyles.secondaryAlpha = part.value as number;
-			}
-
-			else if (part instanceof parts.OutlineAlpha) {
-				currentSpanStyles.outlineAlpha = part.value as number;
-			}
-
-			else if (part instanceof parts.ShadowAlpha) {
-				currentSpanStyles.shadowAlpha = part.value as number;
-			}
-
-			else if (part instanceof parts.Alignment) {
-				// Already handled in Dialogue
-			}
-
-			else if (part instanceof parts.ColorKaraoke) {
-				startNewSpan(false);
-
-				currentAnimationCollection!.add("step-end", [
-					new Keyframe(0, new Map([
-						["color", currentSpanStyles.secondaryColor.withAlpha(currentSpanStyles.secondaryAlpha).toString()],
-					])), new Keyframe(karaokeTimesAccumulator, new Map([
-						["color", currentSpanStyles.primaryColor.withAlpha(currentSpanStyles.primaryAlpha).toString()],
-					])),
-				]);
-
-				karaokeTimesAccumulator += part.duration;
-			}
-
-			else if (part instanceof parts.WrappingStyle) {
-				wrappingStyle = part.value;
-			}
-
-			else if (part instanceof parts.Reset) {
-				const newStyleName = part.value;
-				if (newStyleName === null) {
-					currentSpanStyles.reset(null);
-				}
-				else {
-					currentSpanStyles.reset(this.ass.styles.get(newStyleName));
-				}
-			}
-
-			else if (part instanceof parts.Position) {
-				sub.style.position = "absolute";
-				sub.style.left = `${ (this._scaleX * part.x).toFixed(3) }px`;
-				sub.style.top = `${ (this._scaleY * part.y).toFixed(3) }px`;
-			}
-
-			else if (part instanceof parts.Move) {
-				sub.style.position = "absolute";
-				dialogueAnimationCollection.add("linear", [new Keyframe(0, new Map([
-					["left", `${ (this._scaleX * part.x1).toFixed(3) }px`],
-					["top", `${ (this._scaleY * part.y1).toFixed(3) }px`],
-				])), new Keyframe(part.t1!, new Map([
-					["left", `${ (this._scaleX * part.x1).toFixed(3) }px`],
-					["top", `${ (this._scaleY * part.y1).toFixed(3) }px`],
-				])), new Keyframe(part.t2!, new Map([
-					["left", `${ (this._scaleX * part.x2).toFixed(3) }px`],
-					["top", `${ (this._scaleY * part.y2).toFixed(3) }px`],
-				])), new Keyframe(dialogue.end - dialogue.start, new Map([
-					["left", `${ (this._scaleX * part.x2).toFixed(3) }px`],
-					["top", `${ (this._scaleY * part.y2).toFixed(3) }px`],
-				]))]);
-			}
-
-			else if (part instanceof parts.Fade) {
-				const keyframes: Keyframe[] = [];
-				if (part.start !== 0) {
-					keyframes.push(new Keyframe(0, new Map([
-						["opacity", "0"],
-					])));
-				}
-				keyframes.push(new Keyframe(part.start, new Map([
-					["opacity", "1"],
-				])), new Keyframe(dialogue.end - dialogue.start - part.end, new Map([
-					["opacity", "1"],
-				])));
-				if (part.end !== 0) {
-					keyframes.push(new Keyframe(dialogue.end - dialogue.start, new Map([
-						["opacity", "0"],
-					])));
-				}
-				dialogueAnimationCollection.add("linear", keyframes);
-			}
-
-			else if (part instanceof parts.ComplexFade) {
-				dialogueAnimationCollection.add("linear", [new Keyframe(0, new Map([
-					["opacity", part.a1.toFixed(3)],
-				])), new Keyframe(part.t1, new Map([
-					["opacity", part.a1.toFixed(3)],
-				])), new Keyframe(part.t2, new Map([
-					["opacity", part.a2.toFixed(3)],
-				])), new Keyframe(part.t3, new Map([
-					["opacity", part.a2.toFixed(3)],
-				])), new Keyframe(part.t4, new Map([
-					["opacity", part.a3.toFixed(3)],
-				])), new Keyframe(dialogue.end - dialogue.start, new Map([
-					["opacity", part.a3.toFixed(3)],
-				]))]);
-			}
-
-			else if (part instanceof parts.Transform) {
-				const progression =
-					(currentTimeRelativeToDialogueStart <= part.start!) ? 0 :
-					(currentTimeRelativeToDialogueStart >= part.end!) ? 1 :
-					Math.pow((currentTimeRelativeToDialogueStart - part.start!) / (part.end! - part.start!), part.accel!);
-
-				for (const tag of part.tags) {
-					if (tag instanceof parts.Border) {
-						if (tag.value !== null) {
-							currentSpanStyles.outlineWidth += progression * (tag.value - currentSpanStyles.outlineWidth);
-							currentSpanStyles.outlineHeight += progression * (tag.value - currentSpanStyles.outlineHeight);
-						}
-						else {
-							currentSpanStyles.outlineWidth = null as any as number;
-							currentSpanStyles.outlineHeight = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.BorderX) {
-						if (tag.value !== null) {
-							currentSpanStyles.outlineWidth += progression * (tag.value - currentSpanStyles.outlineWidth);
-						}
-						else {
-							currentSpanStyles.outlineWidth = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.BorderY) {
-						if (tag.value !== null) {
-							currentSpanStyles.outlineHeight += progression * (tag.value - currentSpanStyles.outlineHeight);
-						}
-						else {
-							currentSpanStyles.outlineHeight = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.Shadow) {
-						if (tag.value !== null) {
-							currentSpanStyles.shadowDepthX += progression * (tag.value - currentSpanStyles.shadowDepthX);
-							currentSpanStyles.shadowDepthY += progression * (tag.value - currentSpanStyles.shadowDepthY);
-						}
-						else {
-							currentSpanStyles.shadowDepthX = null as any as number;
-							currentSpanStyles.shadowDepthY = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.ShadowX) {
-						if (tag.value !== null) {
-							currentSpanStyles.shadowDepthX += progression * (tag.value - currentSpanStyles.shadowDepthX);
-						}
-						else {
-							currentSpanStyles.shadowDepthX = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.ShadowY) {
-						if (tag.value !== null) {
-							currentSpanStyles.shadowDepthY += progression * (tag.value - currentSpanStyles.shadowDepthY);
-						}
-						else {
-							currentSpanStyles.shadowDepthY = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.Blur) {
-						if (tag.value !== null) {
-							currentSpanStyles.blur += progression * (tag.value - currentSpanStyles.blur);
-						}
-						else {
-							currentSpanStyles.blur = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.GaussianBlur) {
-						if (tag.value !== null) {
-							currentSpanStyles.gaussianBlur += progression * (tag.value - currentSpanStyles.gaussianBlur);
-						}
-						else {
-							currentSpanStyles.gaussianBlur = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.FontSize) {
-						if (tag.value !== null) {
-							currentSpanStyles.fontSize += progression * (tag.value - currentSpanStyles.fontSize);
-						}
-						else {
-							currentSpanStyles.fontSize = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.FontSizePlus) {
-						currentSpanStyles.fontSize *= (1 + progression * tag.value);
-					}
-
-					else if (tag instanceof parts.FontSizeMinus) {
-						currentSpanStyles.fontSize *= (1 - progression * tag.value);
-					}
-
-					else if (tag instanceof parts.FontScaleX) {
-						if (tag.value !== null) {
-							currentSpanStyles.fontScaleX += progression * (tag.value - currentSpanStyles.fontScaleX);
-						}
-						else {
-							currentSpanStyles.fontScaleX = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.FontScaleY) {
-						if (tag.value !== null) {
-							currentSpanStyles.fontScaleY += progression * (tag.value - currentSpanStyles.fontScaleY);
-						}
-						else {
-							currentSpanStyles.fontScaleY = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.LetterSpacing) {
-						if (tag.value !== null) {
-							currentSpanStyles.letterSpacing += progression * (tag.value - currentSpanStyles.letterSpacing);
-						}
-						else {
-							currentSpanStyles.letterSpacing = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.RotateX) {
-						if (tag.value !== null) {
-							currentSpanStyles.rotationX += progression * (tag.value - currentSpanStyles.rotationX);
-						}
-						else {
-							currentSpanStyles.rotationX = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.RotateY) {
-						if (tag.value !== null) {
-							currentSpanStyles.rotationY += progression * (tag.value - currentSpanStyles.rotationY);
-						}
-						else {
-							currentSpanStyles.rotationY = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.RotateZ) {
-						if (tag.value !== null) {
-							currentSpanStyles.rotationZ += progression * (tag.value - currentSpanStyles.rotationZ);
-						}
-						else {
-							currentSpanStyles.rotationZ = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.SkewX) {
-						if (tag.value !== null) {
-							currentSpanStyles.skewX += progression * (tag.value - currentSpanStyles.skewX);
-						}
-						else {
-							currentSpanStyles.skewX = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.SkewY) {
-						if (tag.value !== null) {
-							currentSpanStyles.skewY += progression * (tag.value - currentSpanStyles.skewY);
-						}
-						else {
-							currentSpanStyles.skewY = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.PrimaryColor) {
-						if (tag.value !== null) {
-							currentSpanStyles.primaryColor = currentSpanStyles.primaryColor.interpolate(tag.value, progression);
-						}
-						else {
-							currentSpanStyles.primaryColor = null as any as parts.Color;
-						}
-					}
-
-					else if (tag instanceof parts.SecondaryColor) {
-						if (tag.value !== null) {
-							currentSpanStyles.secondaryColor = currentSpanStyles.secondaryColor.interpolate(tag.value, progression);
-						}
-						else {
-							currentSpanStyles.secondaryColor = null as any as parts.Color;
-						}
-					}
-
-					else if (tag instanceof parts.OutlineColor) {
-						if (tag.value !== null) {
-							currentSpanStyles.outlineColor = currentSpanStyles.outlineColor.interpolate(tag.value, progression);
-						}
-						else {
-							currentSpanStyles.outlineColor = null as any as parts.Color;
-						}
-					}
-
-					else if (tag instanceof parts.ShadowColor) {
-						if (tag.value !== null) {
-							currentSpanStyles.shadowColor = currentSpanStyles.shadowColor.interpolate(tag.value, progression);
-						}
-						else {
-							currentSpanStyles.shadowColor = null as any as parts.Color;
-						}
-					}
-
-					else if (tag instanceof parts.Alpha) {
-						if (tag.value !== null) {
-							currentSpanStyles.primaryAlpha += progression * (tag.value - currentSpanStyles.primaryAlpha);
-							currentSpanStyles.secondaryAlpha += progression * (tag.value - currentSpanStyles.secondaryAlpha);
-							currentSpanStyles.outlineAlpha += progression * (tag.value - currentSpanStyles.outlineAlpha);
-							currentSpanStyles.shadowAlpha += progression * (tag.value - currentSpanStyles.shadowAlpha);
-						}
-						else {
-							currentSpanStyles.primaryAlpha = null as any as number;
-							currentSpanStyles.secondaryAlpha = null as any as number;
-							currentSpanStyles.outlineAlpha = null as any as number;
-							currentSpanStyles.shadowAlpha = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.PrimaryAlpha) {
-						if (tag.value !== null) {
-							currentSpanStyles.primaryAlpha += progression * (tag.value - currentSpanStyles.primaryAlpha);
-						}
-						else {
-							currentSpanStyles.primaryAlpha = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.SecondaryAlpha) {
-						if (tag.value !== null) {
-							currentSpanStyles.secondaryAlpha += progression * (tag.value - currentSpanStyles.secondaryAlpha);
-						}
-						else {
-							currentSpanStyles.secondaryAlpha = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.OutlineAlpha) {
-						if (tag.value !== null) {
-							currentSpanStyles.outlineAlpha += progression * (tag.value - currentSpanStyles.outlineAlpha);
-						}
-						else {
-							currentSpanStyles.outlineAlpha = null as any as number;
-						}
-					}
-
-					else if (tag instanceof parts.ShadowAlpha) {
-						if (tag.value !== null) {
-							currentSpanStyles.shadowAlpha += progression * (tag.value - currentSpanStyles.shadowAlpha);
-						}
-						else {
-							currentSpanStyles.shadowAlpha = null as any as number;
-						}
-					}
-				}
-			}
-
-			else if (part instanceof parts.DrawingMode) {
-				if (part.scale !== 0) {
-					currentDrawingStyles.scale = part.scale;
-				}
-			}
-
-			else if (part instanceof parts.DrawingBaselineOffset) {
-				currentDrawingStyles.baselineOffset = part.value;
-			}
-
-			else if (part instanceof parts.DrawingInstructions) {
-				currentSpan!.appendChild(currentDrawingStyles.toSVG(part, currentSpanStyles.primaryColor.withAlpha(currentSpanStyles.primaryAlpha)));
-				startNewSpan(false);
-			}
-
-			else if (part instanceof parts.Text) {
-				currentSpan!.appendChild(document.createTextNode(part.value + "\u200C"));
-				startNewSpan(false);
-			}
-
-			else if (debugMode && part instanceof parts.Comment) {
-				currentSpan!.appendChild(document.createTextNode(part.value));
-				startNewSpan(false);
-			}
-
-			else if (part instanceof parts.NewLine) {
-				startNewSpan(true);
-			}
-
-			else if (part instanceof parts.SoftNewLine) {
-				if (wrappingStyle === WrappingStyle.NoLineWrapping) {
-					startNewSpan(true);
-				}
-				else {
-					currentSpan!.appendChild(document.createTextNode(" "));
-				}
-			}
-		}
-
-		let divTransformStyle = "";
-		const transformOrigin = WebRenderer._transformOrigins[dialogue.alignment];
-		const transformOriginString = `${ transformOrigin[0] }% ${ transformOrigin[1] }%`;
-
-		for (const part of dialogue.parts) {
-			if (part instanceof parts.Position || part instanceof parts.Move) {
-
-				divTransformStyle = `translate(${ -transformOrigin[0] }%, ${ -transformOrigin[1] }%) translate(-${ sub.style.marginLeft }, -${ sub.style.marginTop })`;
-
-				break;
-			}
-		}
-
-		if (currentSpanStyles.rotationY !== 0) {
-			divTransformStyle += ` rotateY(${ currentSpanStyles.rotationY }deg)`;
-		}
-		if (currentSpanStyles.rotationX !== 0) {
-			divTransformStyle += ` rotateX(${ currentSpanStyles.rotationX }deg)`;
-		}
-		if (currentSpanStyles.rotationZ !== 0) {
-			divTransformStyle += ` rotateZ(${ -1 * currentSpanStyles.rotationZ }deg)`;
-		}
-
-		sub.style.webkitTransform = divTransformStyle;
-		sub.style.transform = divTransformStyle;
-
-		sub.style.webkitTransformOrigin = transformOriginString;
-		sub.style.transformOrigin = transformOriginString;
-
-		switch (wrappingStyle) {
-			case WrappingStyle.EndOfLineWrapping:
-				sub.style.whiteSpace = "pre-wrap";
-				break;
-
-			case WrappingStyle.NoLineWrapping:
-				sub.style.whiteSpace = "pre";
-				break;
-
-			case WrappingStyle.SmartWrappingWithWiderTopLine:
-			case WrappingStyle.SmartWrappingWithWiderBottomLine:
-				/* Not supported. Treat the same as EndOfLineWrapping */
-				sub.style.whiteSpace = "pre-wrap";
-				break;
-		}
-
-		if (sub.style.position !== "") {
-			// Explicitly set text alignment on absolutely-positioned subs because they'll go in a .an0 <div> and so won't get alignment CSS text-align.
-			switch (dialogue.alignment) {
-				case 1: case 4: case 7: sub.style.textAlign = "left"; break;
-				case 2: case 5: case 8: sub.style.textAlign = "center"; break;
-				case 3: case 6: case 9: sub.style.textAlign = "right"; break;
-			}
-		}
-
-		sub.style.webkitAnimation = dialogueAnimationCollection.animationStyle;
-		sub.style.animation = dialogueAnimationCollection.animationStyle;
-
-		sub.setAttribute("data-dialogue-id", `${ this.id }-${ dialogue.id }`);
-
-		if (dialogueAnimationStylesElement.textContent !== "") {
-			sub.appendChild(dialogueAnimationStylesElement);
-		}
-
-		if (svgDefsElement.hasChildNodes()) {
-			sub.appendChild(svgElement);
-		}
-
-		const result = { sub, animationDelays: dialogueAnimationCollection.animationDelays };
-
-		if (!dialogue.containsTransformTag) {
-			this._preRenderedSubs.set(dialogue.id, result);
-		}
-
-		return result;
-	}
-
-	/**
-	 * Returns the subtitle div for display. The {@link libjass.renderers.Clock.currentTime} of the {@link libjass.renderers.NullRenderer.clock} is used to shift the
-	 * animations appropriately, so that at the time the div is inserted into the DOM and the animations begin, they are in sync with the clock time.
-	 *
-	 * @param {!libjass.Dialogue} dialogue
-	 */
-	draw(dialogue: Dialogue): void {
-		if (this._currentSubs.has(dialogue) && !dialogue.containsTransformTag) {
-			return;
-		}
-
-		if (debugMode) {
-			console.log(dialogue.toString());
-		}
-
-		let thePreRenderedSub = this._preRenderedSubs.get(dialogue.id);
-
-		if (thePreRenderedSub === undefined) {
-			thePreRenderedSub = this.preRender(dialogue)!;
-
-			if (debugMode) {
-				console.log(dialogue.toString());
-			}
-		}
-
-		const preRenderedSub = thePreRenderedSub;
-
-		const result = preRenderedSub.sub.cloneNode(true);
-
-		const applyAnimationDelays = (node: HTMLElement) => {
-			const animationNames = node.style.animationName || node.style.webkitAnimationName || "";
-			if (animationNames !== "") {
-				const animationDelays = animationNames.split(",").map(name => {
-					name = name.trim();
-					const delay = preRenderedSub.animationDelays.get(name)!;
-					return `${ ((delay + dialogue.start - this.clock.currentTime) / this.clock.rate).toFixed(3) }s`;
-				}).join(", ");
-
-				node.style.webkitAnimationDelay = animationDelays;
-				node.style.animationDelay = animationDelays;
-			}
-		};
-		applyAnimationDelays(result);
-		const animatedDescendants = result.querySelectorAll('[style*="animation:"]');
-		/* tslint:disable-next-line:prefer-for-of */
-		for (let i = 0; i < animatedDescendants.length; i++) {
-			applyAnimationDelays(animatedDescendants[i] as HTMLElement);
-		}
-
-		const layer = dialogue.layer;
-		const alignment = (result.style.position === "absolute") ? 0 : dialogue.alignment; // Alignment 0 is for absolutely-positioned subs
-
-		// Create the layer wrapper div and the alignment div inside it if not already created
-		if (this._layerWrappers[layer] === undefined) {
-			const layerWrapper = document.createElement("div");
-			layerWrapper.className = `layer layer${ layer }`;
-
-			// Find the next greater layer div and insert this div before that one
-			let insertBeforeElement: HTMLDivElement | null = null;
-			for (let insertBeforeLayer = layer + 1; insertBeforeLayer < this._layerWrappers.length && insertBeforeElement === null; insertBeforeLayer++) {
-				if (this._layerWrappers[insertBeforeLayer] !== undefined) {
-					insertBeforeElement = this._layerWrappers[insertBeforeLayer]!;
-				}
-			}
-
-			this._subsWrapper.insertBefore(layerWrapper, insertBeforeElement);
-
-			this._layerWrappers[layer] = layerWrapper;
-			this._layerAlignmentWrappers[layer] = [];
-		}
-
-		let layerAlignmentWrapper = this._layerAlignmentWrappers[layer][alignment];
-		if (layerAlignmentWrapper === undefined) {
-			layerAlignmentWrapper = this._layerAlignmentWrappers[layer][alignment] = document.createElement("div");
-			layerAlignmentWrapper.className = `an an${ alignment }`;
-
-			// Find the next greater layer,alignment div and insert this div before that one
-			const layerWrapper = this._layerWrappers[layer]!;
-			let insertBeforeElement: HTMLDivElement | null = null;
-			for (let insertBeforeAlignment = alignment + 1; insertBeforeAlignment < this._layerAlignmentWrappers[layer].length && insertBeforeElement === null; insertBeforeAlignment++) {
-				if (this._layerAlignmentWrappers[layer][insertBeforeAlignment] !== undefined) {
-					insertBeforeElement = this._layerAlignmentWrappers[layer][insertBeforeAlignment]!;
-				}
-			}
-
-			layerWrapper.insertBefore(layerAlignmentWrapper, insertBeforeElement);
-		}
-
-		if (alignment >= 1 && alignment <= 3) {
-			// New subs go above existing subs
-			layerAlignmentWrapper.insertBefore(result, layerAlignmentWrapper.firstElementChild);
-		}
-		else {
-			// New subs go below existing subs
-			layerAlignmentWrapper.appendChild(result);
-		}
-
-		// Workaround for IE
-		const dialogueAnimationStylesElement = result.getElementsByTagName("style")[0];
-		/* tslint:disable-next-line:strict-type-predicates */
-		if (dialogueAnimationStylesElement !== undefined) {
-			const sheet = dialogueAnimationStylesElement.sheet as CSSStyleSheet;
-			if (sheet.cssRules.length === 0) {
-				sheet.cssText = dialogueAnimationStylesElement.textContent!;
-			}
-		}
-
-		this._currentSubs.set(dialogue, result);
-	}
-
-	protected _onClockPlay(): void {
-		super._onClockPlay();
-
-		this._removeAllSubs();
-
-		this._subsWrapper.style.display = "";
-
-		this._subsWrapper.classList.remove("paused");
-	}
-
-	protected _onClockTick(): void {
-		// Remove dialogues that should be removed before adding new ones via super._onClockTick()
-
-		const currentTime = this.clock.currentTime;
-
-		this._currentSubs.forEach((sub: HTMLDivElement, dialogue: Dialogue) => {
-			if (dialogue.start > currentTime || dialogue.end < currentTime || dialogue.containsTransformTag) {
-				this._currentSubs.delete(dialogue);
-				sub.parentNode!.removeChild(sub);
-			}
-		});
-
-		super._onClockTick();
-	}
-
-	protected _onClockPause(): void {
-		super._onClockPause();
-
-		this._subsWrapper.classList.add("paused");
-	}
-
-	protected _onClockStop(): void {
-		super._onClockStop();
-
-		this._subsWrapper.style.display = "none";
-	}
-
-	protected _onClockRateChange(): void {
-		super._onClockRateChange();
-
-		// Any dialogues which have been pre-rendered will need to be pre-rendered again.
-		this._preRenderedSubs.clear();
-	}
-
-	protected _ready(): void {
-		this._dispatchEvent("ready", []);
-	}
-
-	/**
-	 * @param {string} fontFamily
-	 * @param {!Promise.<*>} fontFetchPromise
-	 * @return {!Promise.<[number, number]>}
-	 */
-	private _calculateFontMetricsAfterFetch(fontFamily: string, fontFetchPromise: Promise<any>): Promise<[number, number]> {
-		return fontFetchPromise.then(() => {
-			const fontSizeElement = this._fontSizeElement.cloneNode(true);
-			this._libjassSubsWrapper.appendChild(fontSizeElement);
-			return Promise_finally(calculateFontMetrics(fontFamily, this.settings.fallbackFonts, fontSizeElement), () => {
-				this._libjassSubsWrapper.removeChild(fontSizeElement);
-			});
-		});
-	}
-
-	private _removeAllSubs(): void {
-		this._currentSubs.forEach((sub: HTMLDivElement) => sub.parentNode!.removeChild(sub));
-		this._currentSubs.clear();
-	}
-
-	/* tslint:disable:member-ordering */
-
-	// EventSource members
-
-	/**
-	 * @type {!Map.<T, !Array.<Function>>}
-	 */
-	_eventListeners: Map<string, Function[]> = new Map<string, Function[]>();
-
-	/**
-	 * @type {function(number, !Function)}
-	 */
-	addEventListener: (type: string, listener: Function) => void;
-
-	/**
-	 * @type {function(number, Array.<*>)}
-	 */
-	_dispatchEvent: (type: string, args: Object[]) => void;
-
-	/* tslint:enable:member-ordering */
-}
-mixin(WebRenderer, [EventSource]);
-
-export interface PreRenderedSub {
-	/** @type {!HTMLDivElement} */
-	sub: HTMLDivElement;
-
-	/** @type {!Map.<string, number>} */
-	animationDelays: Map<string, number>;
-}
diff --git a/negromate/web/static/js/libjass/src/renderers/web/span-styles.ts b/negromate/web/static/js/libjass/src/renderers/web/span-styles.ts
deleted file mode 100644
index a6ea903..0000000
--- a/negromate/web/static/js/libjass/src/renderers/web/span-styles.ts
+++ /dev/null
@@ -1,1093 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Color } from "../../parts";
-
-import { Dialogue } from "../../types/dialogue";
-import { Style } from "../../types/style";
-
-import { RendererSettings } from "../settings";
-
-import { AnimationCollection } from "./animation-collection";
-import { fontSizeForLineHeight } from "./font-size";
-import { WebRenderer } from "./renderer";
-
-/**
- * This class represents the style attribute of a span.
- * As a Dialogue's div is rendered, individual parts are added to span's, and this class is used to maintain the style attribute of those.
- *
- * @param {!libjass.renderers.NullRenderer} renderer The renderer that this set of styles is associated with
- * @param {!libjass.Dialogue} dialogue The Dialogue that this set of styles is associated with
- * @param {number} scaleX The horizontal scaling of the subtitles
- * @param {number} scaleY The vertical scaling of the subtitles
- * @param {!libjass.renderers.RendererSettings} settings The renderer settings
- * @param {!HTMLDivElement} fontSizeElement A <div> element to measure font sizes with
- * @param {!SVGDefsElement} svgDefsElement An SVG <defs> element to append filter definitions to
- * @param {!Map<string, [number, number]>} fontMetricsCache Font metrics cache
- */
-export class SpanStyles {
-	private _id: string;
-	private _defaultStyle: Style;
-
-	private _italic: boolean;
-	private _bold: boolean | number;
-	private _underline: boolean;
-	private _strikeThrough: boolean;
-
-	private _outlineWidth: number;
-	private _outlineHeight: number;
-
-	private _shadowDepthX: number;
-	private _shadowDepthY: number;
-
-	private _fontName: string;
-	private _fontSize: number;
-
-	private _fontScaleX: number;
-	private _fontScaleY: number;
-
-	private _letterSpacing: number;
-
-	private _rotationX: number;
-	private _rotationY: number;
-	private _rotationZ: number;
-
-	private _skewX: number;
-	private _skewY: number;
-
-	private _primaryColor: Color;
-	private _secondaryColor: Color;
-	private _outlineColor: Color;
-	private _shadowColor: Color;
-
-	private _primaryAlpha: number;
-	private _secondaryAlpha: number;
-	private _outlineAlpha: number;
-	private _shadowAlpha: number;
-
-	private _blur: number;
-	private _gaussianBlur: number;
-
-	private _nextFilterId: number = 0;
-
-	constructor(renderer: WebRenderer, dialogue: Dialogue, private _scaleX: number, private _scaleY: number, private _settings: RendererSettings, private _fontSizeElement: HTMLDivElement, private _svgDefsElement: SVGDefsElement, private _fontMetricsCache: Map<string, [number, number]>) {
-		this._id = `${ renderer.id }-${ dialogue.id }`;
-		this._defaultStyle = dialogue.style;
-
-		this.reset(null);
-	}
-
-	/**
-	 * Resets the styles to the defaults provided by the argument.
-	 *
-	 * @param {libjass.Style} newStyle The new defaults to reset the style to. If null, the styles are reset to the default style of the Dialogue.
-	 */
-	reset(newStyle: Style | undefined | null): void {
-		if (newStyle === undefined || newStyle === null) {
-			newStyle = this._defaultStyle;
-		}
-
-		this.italic = newStyle.italic;
-		this.bold = newStyle.bold;
-		this.underline = newStyle.underline;
-		this.strikeThrough = newStyle.strikeThrough;
-
-		this.outlineWidth = newStyle.outlineThickness;
-		this.outlineHeight = newStyle.outlineThickness;
-
-		this.shadowDepthX = newStyle.shadowDepth;
-		this.shadowDepthY = newStyle.shadowDepth;
-
-		this.fontName = newStyle.fontName;
-		this.fontSize = newStyle.fontSize;
-
-		this.fontScaleX = newStyle.fontScaleX;
-		this.fontScaleY = newStyle.fontScaleY;
-
-		this.letterSpacing = newStyle.letterSpacing;
-
-		this.rotationX = 0;
-		this.rotationY = 0;
-		this.rotationZ = newStyle.rotationZ;
-
-		this.skewX = 0;
-		this.skewY = 0;
-
-		this.primaryColor = newStyle.primaryColor;
-		this.secondaryColor = newStyle.secondaryColor;
-		this.outlineColor = newStyle.outlineColor;
-		this.shadowColor = newStyle.shadowColor;
-
-		this.primaryAlpha = newStyle.primaryColor.alpha;
-		this.secondaryAlpha = newStyle.secondaryColor.alpha;
-		this.outlineAlpha = newStyle.outlineColor.alpha;
-		this.shadowAlpha = newStyle.shadowColor.alpha;
-
-		this.blur = null as any as number;
-		this.gaussianBlur = null as any as number;
-	}
-
-	/**
-	 * Sets the style attribute on the given span element.
-	 *
-	 * @param {!HTMLSpanElement} span
-	 * @param {!AnimationCollection} animationCollection
-	 * @return {!HTMLSpanElement} The resulting <span> with the CSS styles applied. This may be a wrapper around the input <span> if the styles were applied using SVG filters.
-	 */
-	setStylesOnSpan(span: HTMLSpanElement, animationCollection: AnimationCollection): HTMLSpanElement {
-		const isTextOnlySpan = span.childNodes[0] instanceof Text;
-
-		let fontStyleOrWeight = "";
-		if (this._italic) {
-			fontStyleOrWeight += "italic ";
-		}
-		if (this._bold === true) {
-			fontStyleOrWeight += "bold ";
-		}
-		else if (this._bold !== false) {
-			fontStyleOrWeight += this._bold.toFixed(0) + " ";
-		}
-
-		const lineHeight = this._scaleY * (isTextOnlySpan ? this._fontScaleX : 1) * this._fontSize;
-		const fontSize = fontSizeForLineHeight(this._fontName, lineHeight, this._settings.fallbackFonts, this._fontSizeElement, this._fontMetricsCache);
-
-		let fonts = this._fontName;
-
-		// Quote the font family unless it's a generic family, as those must never be quoted
-		switch (fonts) {
-			case "cursive":
-			case "fantasy":
-			case "monospace":
-			case "sans-serif":
-			case "serif":
-				break;
-			default:
-				fonts = `"${ fonts }"`;
-				break;
-		}
-
-		if (this._settings.fallbackFonts !== "") {
-			fonts += `, ${ this._settings.fallbackFonts }`;
-		}
-
-		span.style.font = `${ fontStyleOrWeight }${ fontSize.toFixed(3) }px/${ lineHeight.toFixed(3) }px ${ fonts }`;
-
-		let textDecoration = "";
-		if (this._underline) {
-			textDecoration = "underline";
-		}
-		if (this._strikeThrough) {
-			textDecoration += " line-through";
-		}
-		span.style.textDecoration = textDecoration.trim();
-
-		let transform = "";
-		if (isTextOnlySpan) {
-			if (this._fontScaleY !== this._fontScaleX) {
-				transform += `scaleY(${ (this._fontScaleY / this._fontScaleX).toFixed(3) }) `;
-			}
-		}
-		else {
-			if (this._fontScaleX !== 1) {
-				transform += `scaleX(${ this._fontScaleX }) `;
-			}
-			if (this._fontScaleY !== 1) {
-				transform += `scaleY(${ this._fontScaleY }) `;
-			}
-		}
-		if (this._skewX !== 0 || this._skewY !== 0) {
-			transform += `matrix(1, ${ this._skewY }, ${ this._skewX }, 1, 0, 0) `;
-		}
-		if (transform !== "") {
-			span.style.webkitTransform = transform;
-			span.style.webkitTransformOrigin = "50% 50%";
-			span.style.transform = transform;
-			span.style.transformOrigin = "50% 50%";
-			span.style.display = "inline-block";
-		}
-
-		span.style.letterSpacing = `${ (this._scaleX * this._letterSpacing).toFixed(3) }px`;
-
-		const outlineWidth = this._scaleX * this._outlineWidth;
-		const outlineHeight = this._scaleY * this._outlineHeight;
-		const shadowDepthX = this._scaleX * this._shadowDepthX;
-		const shadowDepthY = this._scaleY * this._shadowDepthY;
-
-		let primaryColor = this._primaryColor.withAlpha(this._primaryAlpha);
-		let outlineColor = this._outlineColor.withAlpha(this._outlineAlpha);
-		let shadowColor = this._shadowColor.withAlpha(this._shadowAlpha);
-
-		// If we're in non-SVG mode and all colors have the same alpha, then set all colors to alpha === 1 and set the common alpha as the span's opacity property instead
-		if (
-			!this._settings.enableSvg &&
-			((outlineWidth === 0 && outlineHeight === 0) || outlineColor.alpha === primaryColor.alpha) &&
-			((this._shadowDepthX === 0 && this._shadowDepthY === 0) || shadowColor.alpha === primaryColor.alpha)
-		) {
-			primaryColor = this._primaryColor.withAlpha(1);
-			outlineColor = this._outlineColor.withAlpha(1);
-			shadowColor = this._shadowColor.withAlpha(1);
-
-			span.style.opacity = this._primaryAlpha.toFixed(3);
-		}
-
-		span.style.color = primaryColor.toString();
-
-		if (this._settings.enableSvg) {
-			this._svg(
-				span,
-				outlineWidth, outlineHeight, outlineColor,
-				shadowDepthX, shadowDepthY, shadowColor,
-			);
-		}
-		else {
-			this._textShadow(
-				span,
-				outlineWidth, outlineHeight, outlineColor,
-				shadowDepthX, shadowDepthY, shadowColor,
-			);
-		}
-
-		if (this._rotationX !== 0 || this._rotationY !== 0) {
-			// Perspective needs to be set on a "transformable element"
-			span.style.display = "inline-block";
-		}
-
-		span.style.webkitAnimation = animationCollection.animationStyle;
-		span.style.animation = animationCollection.animationStyle;
-
-		return span;
-	}
-
-	/**
-	 * @return {!HTMLBRElement}
-	 */
-	makeNewLine(): HTMLBRElement {
-		const result = document.createElement("br");
-		result.style.lineHeight = `${ (this._scaleY * this._fontSize).toFixed(3) }px`;
-		return result;
-	}
-
-	/**
-	 * @param {!HTMLSpanElement} span
-	 * @param {number} outlineWidth
-	 * @param {number} outlineHeight
-	 * @param {!libjass.parts.Color} outlineColor
-	 * @param {number} shadowDepthX
-	 * @param {number} shadowDepthY
-	 * @param {!libjass.parts.Color} shadowColor
-	 */
-	private _svg(
-		span: HTMLSpanElement,
-		outlineWidth: number, outlineHeight: number, outlineColor: Color,
-		shadowDepthX: number, shadowDepthY: number, shadowColor: Color,
-	): void {
-		const filterElement = document.createElementNS("http://www.w3.org/2000/svg", "filter");
-
-		if (outlineWidth > 0 || outlineHeight > 0 || shadowDepthX > 0 || shadowDepthY > 0) {
-			// Start with SourceAlpha. Leave the alpha as 0 if it's 0, and set it to 1 if it's greater than 0
-			const source = document.createElementNS("http://www.w3.org/2000/svg", "feComponentTransfer");
-			filterElement.appendChild(source);
-			source.in1.baseVal = "SourceAlpha";
-			source.result.baseVal = "source";
-
-			const sourceAlphaTransferNode = document.createElementNS("http://www.w3.org/2000/svg", "feFuncA");
-			source.appendChild(sourceAlphaTransferNode);
-			sourceAlphaTransferNode.type.baseVal = SVGComponentTransferFunctionElement.SVG_FECOMPONENTTRANSFER_TYPE_LINEAR;
-			sourceAlphaTransferNode.intercept.baseVal = 0;
-
-			/* The alphas of all colored pixels of the SourceAlpha should be made as close to 1 as possible. This way the summed outlines below will be uniformly dark.
-			 * Multiply the pixels by 1 / primaryAlpha so that the primaryAlpha pixels become 1. A higher value would make the outline larger and too sharp,
-			 * leading to jagged outer edge and transparent space around the inner edge between itself and the SourceGraphic.
-			 */
-			sourceAlphaTransferNode.slope.baseVal = (this._primaryAlpha === 0) ? 1 : (1 / this._primaryAlpha);
-
-			/* Construct an elliptical border by merging together many rectangles. The border is creating using dilate morphology filters, but these only support
-			 * generating rectangles.   http://lists.w3.org/Archives/Public/public-fx/2012OctDec/0003.html
-			 */
-
-			// Merge the individual outlines
-			const mergedOutlines = document.createElementNS("http://www.w3.org/2000/svg", "feMerge");
-			filterElement.appendChild(mergedOutlines);
-			mergedOutlines.result.baseVal = "outline-alpha";
-
-			let outlineNumber = 0;
-
-			const increment = (!this._settings.preciseOutlines && this._gaussianBlur > 0) ? this._gaussianBlur : 1;
-
-			((addOutline: (x: number, y: number) => void) => {
-				if (outlineWidth <= outlineHeight) {
-					if (outlineWidth > 0) {
-						let x: number;
-						for (x = 0; x <= outlineWidth; x += increment) {
-							addOutline(x, outlineHeight / outlineWidth * Math.sqrt(outlineWidth * outlineWidth - x * x));
-						}
-						if (x !== outlineWidth + increment) {
-							addOutline(outlineWidth, 0);
-						}
-					}
-					else {
-						addOutline(0, outlineHeight);
-					}
-				}
-				else {
-					if (outlineHeight > 0) {
-						let y: number;
-						for (y = 0; y <= outlineHeight; y += increment) {
-							addOutline(outlineWidth / outlineHeight * Math.sqrt(outlineHeight * outlineHeight - y * y), y);
-						}
-						if (y !== outlineHeight + increment) {
-							addOutline(0, outlineHeight);
-						}
-					}
-					else {
-						addOutline(outlineWidth, 0);
-					}
-				}
-			})((x: number, y: number): void => {
-				const outlineId = `outline${ outlineNumber }`;
-
-				const outlineFilter = document.createElementNS("http://www.w3.org/2000/svg", "feMorphology");
-				filterElement.insertBefore(outlineFilter, mergedOutlines);
-				outlineFilter.in1.baseVal = "source";
-				outlineFilter.operator.baseVal = SVGFEMorphologyElement.SVG_MORPHOLOGY_OPERATOR_DILATE;
-				outlineFilter.radiusX.baseVal = x;
-				outlineFilter.radiusY.baseVal = y;
-				outlineFilter.result.baseVal = outlineId;
-
-				const outlineReferenceNode = document.createElementNS("http://www.w3.org/2000/svg", "feMergeNode");
-				mergedOutlines.appendChild(outlineReferenceNode);
-				outlineReferenceNode.in1.baseVal = outlineId;
-
-				outlineNumber++;
-			});
-
-			((addOutline: (x: number, y: number) => void) => {
-				if ((outlineWidth % 1) > 0) {
-					addOutline(outlineWidth, 0);
-					addOutline(-outlineWidth, 0);
-				}
-
-				if ((outlineHeight % 1) > 0) {
-					addOutline(0, outlineHeight);
-					addOutline(0, -outlineHeight);
-				}
-			})((x: number, y: number): void => {
-				const outlineId = `outline${ outlineNumber }`;
-
-				const outlineFilter = document.createElementNS("http://www.w3.org/2000/svg", "feOffset");
-				filterElement.insertBefore(outlineFilter, mergedOutlines);
-				outlineFilter.in1.baseVal = "source";
-				outlineFilter.dx.baseVal = x;
-				outlineFilter.dy.baseVal = y;
-				outlineFilter.result.baseVal = outlineId;
-
-				const outlineReferenceNode = document.createElementNS("http://www.w3.org/2000/svg", "feMergeNode");
-				mergedOutlines.appendChild(outlineReferenceNode);
-				outlineReferenceNode.in1.baseVal = outlineId;
-
-				outlineNumber++;
-			});
-
-			// Color it with the outline color
-			const coloredOutline = createComponentTransferFilter(outlineColor);
-			filterElement.appendChild(coloredOutline);
-			coloredOutline.in1.baseVal = "outline-alpha";
-
-			// Blur the merged outline
-			if (this._gaussianBlur > 0) {
-				const gaussianBlurFilter = document.createElementNS("http://www.w3.org/2000/svg", "feGaussianBlur");
-				filterElement.appendChild(gaussianBlurFilter);
-
-				// Don't use setStdDeviation - cloneNode() clears it in Chrome
-				gaussianBlurFilter.stdDeviationX.baseVal = this._gaussianBlur;
-				gaussianBlurFilter.stdDeviationY.baseVal = this._gaussianBlur;
-			}
-			for (let i = 0; i < this._blur; i++) {
-				const blurFilter = document.createElementNS("http://www.w3.org/2000/svg", "feConvolveMatrix");
-				filterElement.appendChild(blurFilter);
-				blurFilter.setAttribute("kernelMatrix", "1 2 1 2 4 2 1 2 1");
-				blurFilter.edgeMode.baseVal = SVGFEConvolveMatrixElement.SVG_EDGEMODE_NONE;
-			}
-
-			// Cut out the source, so only the exterior remains
-			const cutoutNode = document.createElementNS("http://www.w3.org/2000/svg", "feComposite");
-			filterElement.appendChild(cutoutNode);
-			cutoutNode.in2.baseVal = "source";
-			cutoutNode.operator.baseVal = SVGFECompositeElement.SVG_FECOMPOSITE_OPERATOR_OUT;
-			cutoutNode.result.baseVal = "outline-colored";
-
-			if (shadowDepthX > 0 || shadowDepthY > 0) {
-				const shadowFilter = document.createElementNS("http://www.w3.org/2000/svg", "feOffset");
-				filterElement.appendChild(shadowFilter);
-				shadowFilter.in1.baseVal = "outline-alpha";
-				shadowFilter.dx.baseVal = shadowDepthX;
-				shadowFilter.dy.baseVal = shadowDepthY;
-
-				// Color it with the shadow color
-				const coloredShadow = createComponentTransferFilter(shadowColor);
-				filterElement.appendChild(coloredShadow);
-
-				let lastFilter: SVGFEComponentTransferElement | SVGFEGaussianBlurElement | SVGFEConvolveMatrixElement = coloredShadow;
-
-				// Blur the shadow
-				if (this._gaussianBlur > 0) {
-					const gaussianBlurFilter = document.createElementNS("http://www.w3.org/2000/svg", "feGaussianBlur");
-					filterElement.appendChild(gaussianBlurFilter);
-
-					// Don't use setStdDeviation - cloneNode() clears it in Chrome
-					gaussianBlurFilter.stdDeviationX.baseVal = this._gaussianBlur;
-					gaussianBlurFilter.stdDeviationY.baseVal = this._gaussianBlur;
-
-					lastFilter = gaussianBlurFilter;
-				}
-				for (let i = 0; i < this._blur; i++) {
-					const blurFilter = document.createElementNS("http://www.w3.org/2000/svg", "feConvolveMatrix");
-					filterElement.appendChild(blurFilter);
-					blurFilter.setAttribute("kernelMatrix", "1 2 1 2 4 2 1 2 1");
-					blurFilter.edgeMode.baseVal = SVGFEConvolveMatrixElement.SVG_EDGEMODE_NONE;
-
-					lastFilter = blurFilter;
-				}
-
-				lastFilter.result.baseVal = "shadow";
-			}
-
-			// Merge the main text, outline and shadow
-			const mergedResult = document.createElementNS("http://www.w3.org/2000/svg", "feMerge");
-			filterElement.appendChild(mergedResult);
-
-			if (shadowDepthX > 0 || shadowDepthY > 0) {
-				const shadowReferenceNode = document.createElementNS("http://www.w3.org/2000/svg", "feMergeNode");
-				mergedResult.appendChild(shadowReferenceNode);
-				shadowReferenceNode.in1.baseVal = "shadow";
-			}
-
-			const outlineReferenceNode = document.createElementNS("http://www.w3.org/2000/svg", "feMergeNode");
-			mergedResult.appendChild(outlineReferenceNode);
-			outlineReferenceNode.in1.baseVal = "outline-colored";
-
-			const sourceGraphicReferenceNode = document.createElementNS("http://www.w3.org/2000/svg", "feMergeNode");
-			mergedResult.appendChild(sourceGraphicReferenceNode);
-			sourceGraphicReferenceNode.in1.baseVal = "SourceGraphic";
-		}
-		else {
-			// Blur the source graphic directly
-			if (this._gaussianBlur > 0) {
-				const gaussianBlurFilter = document.createElementNS("http://www.w3.org/2000/svg", "feGaussianBlur");
-				filterElement.appendChild(gaussianBlurFilter);
-
-				// Don't use setStdDeviation - cloneNode() clears it in Chrome
-				gaussianBlurFilter.stdDeviationX.baseVal = this._gaussianBlur;
-				gaussianBlurFilter.stdDeviationY.baseVal = this._gaussianBlur;
-			}
-			for (let i = 0; i < this._blur; i++) {
-				const blurFilter = document.createElementNS("http://www.w3.org/2000/svg", "feConvolveMatrix");
-				filterElement.appendChild(blurFilter);
-				blurFilter.setAttribute("kernelMatrix", "1 2 1 2 4 2 1 2 1");
-				blurFilter.edgeMode.baseVal = SVGFEConvolveMatrixElement.SVG_EDGEMODE_NONE;
-			}
-		}
-
-		if (filterElement.childElementCount > 0) {
-			const filterId = `libjass-svg-filter-${ this._id }-${ this._nextFilterId++ }`;
-
-			this._svgDefsElement.appendChild(filterElement);
-			filterElement.id = filterId;
-			filterElement.x.baseVal.valueAsString = "-50%";
-			filterElement.width.baseVal.valueAsString = "200%";
-			filterElement.y.baseVal.valueAsString = "-50%";
-			filterElement.height.baseVal.valueAsString = "200%";
-
-			const filterProperty = `url("#${ filterId }")`;
-			span.style.webkitFilter = filterProperty;
-			span.style.filter = filterProperty;
-		}
-	}
-
-	/**
-	 * @param {!HTMLSpanElement} span
-	 * @param {number} outlineWidth
-	 * @param {number} outlineHeight
-	 * @param {!libjass.parts.Color} outlineColor
-	 * @param {number} shadowDepthX
-	 * @param {number} shadowDepthY
-	 * @param {!libjass.parts.Color} shadowColor
-	 */
-	private _textShadow(
-		span: HTMLSpanElement,
-		outlineWidth: number, outlineHeight: number, outlineColor: Color,
-		shadowDepthX: number, shadowDepthY: number, shadowColor: Color,
-	): void {
-		if (outlineWidth > 0 || outlineHeight > 0) {
-			let outlineCssString = "";
-			let shadowCssString = "";
-
-			((addOutline: (x: number, y: number) => void) => {
-				for (let x = 0; x <= outlineWidth; x++) {
-					const maxY = (outlineWidth === 0) ? outlineHeight : outlineHeight * Math.sqrt(1 - ((x * x) / (outlineWidth * outlineWidth)));
-					for (let y = 0; y <= maxY; y++) {
-						addOutline(x, y);
-
-						if (x !== 0) {
-							addOutline(-x, y);
-						}
-
-						if (y !== 0) {
-							addOutline(x, -y);
-						}
-
-						if (x !== 0 && y !== 0) {
-							addOutline(-x, -y);
-						}
-					}
-				}
-
-				if ((outlineWidth % 1) > 0) {
-					addOutline(outlineWidth, 0);
-					addOutline(-outlineWidth, 0);
-				}
-
-				if ((outlineHeight % 1) > 0) {
-					addOutline(0, outlineHeight);
-					addOutline(0, -outlineHeight);
-				}
-			})((x: number, y: number): void => {
-				outlineCssString += `, ${ outlineColor.toString() } ${ x.toFixed(3) }px ${ y.toFixed(3) }px ${ this._gaussianBlur.toFixed(3) }px`;
-
-				if (this._shadowDepthX !== 0 || this._shadowDepthY !== 0) {
-					shadowCssString += `, ${ shadowColor.toString() } ${ (x + shadowDepthX).toFixed(3) }px ${ (y + shadowDepthY).toFixed(3) }px ${ this._gaussianBlur.toFixed(3) }px`;
-				}
-			});
-
-			span.style.textShadow = (outlineCssString + shadowCssString).substr(", ".length);
-		}
-		else if (this._shadowDepthX !== 0 || this._shadowDepthY !== 0) {
-			const shadowCssString = `${ shadowColor.toString() } ${ shadowDepthX.toFixed(3) }px ${ shadowDepthY.toFixed(3) }px 0px`;
-			if (span.style.textShadow === "") {
-				span.style.textShadow = shadowCssString;
-			}
-			else {
-				span.style.textShadow += ", " + shadowCssString;
-			}
-		}
-	}
-
-	/**
-	 * Sets the italic property. null defaults it to the default style's value.
-	 *
-	 * @type {?boolean}
-	 */
-	set italic(value: boolean) {
-		this._italic = valueOrDefault(value, this._defaultStyle.italic);
-	}
-
-	/**
-	 * Sets the bold property. null defaults it to the default style's value.
-	 *
-	 * @type {(?boolean|?number)}
-	 */
-	set bold(value: boolean | number | null) {
-		this._bold = valueOrDefault(value, this._defaultStyle.bold);
-	}
-
-	/**
-	 * Sets the underline property. null defaults it to the default style's value.
-	 *
-	 * @type {?boolean}
-	 */
-	set underline(value: boolean) {
-		this._underline = valueOrDefault(value, this._defaultStyle.underline);
-	}
-
-	/**
-	 * Sets the strike-through property. null defaults it to the default style's value.
-	 *
-	 * @type {?boolean}
-	 */
-	set strikeThrough(value: boolean) {
-		this._strikeThrough = valueOrDefault(value, this._defaultStyle.strikeThrough);
-	}
-
-	/**
-	 * Gets the outline width property.
-	 *
-	 * @type {number}
-	 */
-	get outlineWidth(): number {
-		return this._outlineWidth;
-	}
-
-	/**
-	 * Sets the outline width property. null defaults it to the style's original outline width value.
-	 *
-	 * @type {?number}
-	 */
-	set outlineWidth(value: number) {
-		this._outlineWidth = valueOrDefault(value, this._defaultStyle.outlineThickness);
-	}
-
-	/**
-	 * Gets the outline height property.
-	 *
-	 * @type {number}
-	 */
-	get outlineHeight(): number {
-		return this._outlineHeight;
-	}
-
-	/**
-	 * Sets the outline height property. null defaults it to the style's original outline height value.
-	 *
-	 * @type {?number}
-	 */
-	set outlineHeight(value: number) {
-		this._outlineHeight = valueOrDefault(value, this._defaultStyle.outlineThickness);
-	}
-
-	/**
-	 * Gets the shadow width property.
-	 *
-	 * @type {number}
-	 */
-	get shadowDepthX(): number {
-		return this._shadowDepthX;
-	}
-
-	/**
-	 * Sets the shadow width property. null defaults it to the style's original shadow depth value.
-	 *
-	 * @type {?number}
-	 */
-	set shadowDepthX(value: number) {
-		this._shadowDepthX = valueOrDefault(value, this._defaultStyle.shadowDepth);
-	}
-
-	/**
-	 * Gets the shadow height property.
-	 *
-	 * @type {number}
-	 */
-	get shadowDepthY(): number {
-		return this._shadowDepthY;
-	}
-
-	/**
-	 * Sets the shadow height property. null defaults it to the style's original shadow depth value.
-	 *
-	 * @type {?number}
-	 */
-	set shadowDepthY(value: number) {
-		this._shadowDepthY = valueOrDefault(value, this._defaultStyle.shadowDepth);
-	}
-
-	/**
-	 * Gets the blur property.
-	 *
-	 * @type {number}
-	 */
-	get blur(): number {
-		return this._blur;
-	}
-
-	/**
-	 * Sets the blur property. null defaults it to 0.
-	 *
-	 * @type {?number}
-	 */
-	set blur(value: number) {
-		this._blur = valueOrDefault<number>(value, 0);
-	}
-
-	/**
-	 * Gets the Gaussian blur property.
-	 *
-	 * @type {number}
-	 */
-	get gaussianBlur(): number {
-		return this._gaussianBlur;
-	}
-
-	/**
-	 * Sets the Gaussian blur property. null defaults it to 0.
-	 *
-	 * @type {?number}
-	 */
-	set gaussianBlur(value: number) {
-		this._gaussianBlur = valueOrDefault<number>(value, 0);
-	}
-
-	/**
-	 * Sets the font name property. null defaults it to the default style's value.
-	 *
-	 * @type {?string}
-	 */
-	set fontName(value: string | null) {
-		this._fontName = valueOrDefault(value, this._defaultStyle.fontName);
-	}
-
-	/**
-	 * Gets the font size property.
-	 *
-	 * @type {number}
-	 */
-	get fontSize(): number {
-		return this._fontSize;
-	}
-
-	/**
-	 * Sets the font size property. null defaults it to the default style's value.
-	 *
-	 * @type {?number}
-	 */
-	set fontSize(value: number) {
-		this._fontSize = valueOrDefault(value, this._defaultStyle.fontSize);
-	}
-
-	/**
-	 * Gets the horizontal font scaling property.
-	 *
-	 * @type {number}
-	 */
-	get fontScaleX(): number {
-		return this._fontScaleX;
-	}
-
-	/**
-	 * Sets the horizontal font scaling property. null defaults it to the default style's value.
-	 *
-	 * @type {?number}
-	 */
-	set fontScaleX(value: number) {
-		this._fontScaleX = valueOrDefault(value, this._defaultStyle.fontScaleX);
-	}
-
-	/**
-	 * Gets the vertical font scaling property.
-	 *
-	 * @type {number}
-	 */
-	get fontScaleY(): number {
-		return this._fontScaleY;
-	}
-
-	/**
-	 * Sets the vertical font scaling property. null defaults it to the default style's value.
-	 *
-	 * @type {?number}
-	 */
-	set fontScaleY(value: number) {
-		this._fontScaleY = valueOrDefault(value, this._defaultStyle.fontScaleY);
-	}
-
-	/**
-	 * Gets the letter spacing property.
-	 *
-	 * @type {number}
-	 */
-	get letterSpacing(): number {
-		return this._letterSpacing;
-	}
-
-	/**
-	 * Sets the letter spacing property. null defaults it to the default style's value.
-	 *
-	 * @type {?number}
-	 */
-	set letterSpacing(value: number) {
-		this._letterSpacing = valueOrDefault(value, this._defaultStyle.letterSpacing);
-	}
-
-	/**
-	 * Gets the X-axis rotation property.
-	 *
-	 * @type {number}
-	 */
-	get rotationX(): number {
-		return this._rotationX;
-	}
-
-	/**
-	 * Sets the X-axis rotation property.
-	 *
-	 * @type {?number}
-	 */
-	set rotationX(value: number) {
-		this._rotationX = valueOrDefault<number>(value, 0);
-	}
-
-	/**
-	 * Gets the Y-axis rotation property.
-	 *
-	 * @type {number}
-	 */
-	get rotationY(): number {
-		return this._rotationY;
-	}
-
-	/**
-	 * Sets the Y-axis rotation property.
-	 *
-	 * @type {?number}
-	 */
-	set rotationY(value: number) {
-		this._rotationY = valueOrDefault<number>(value, 0);
-	}
-
-	/**
-	 * Gets the Z-axis rotation property.
-	 *
-	 * @type {number}
-	 */
-	get rotationZ(): number {
-		return this._rotationZ;
-	}
-
-	/**
-	 * Sets the Z-axis rotation property.
-	 *
-	 * @type {?number}
-	 */
-	set rotationZ(value: number) {
-		this._rotationZ = valueOrDefault(value, this._defaultStyle.rotationZ);
-	}
-
-	/**
-	 * Gets the X-axis skew property.
-	 *
-	 * @type {number}
-	 */
-	get skewX(): number {
-		return this._skewX;
-	}
-
-	/**
-	 * Sets the X-axis skew property.
-	 *
-	 * @type {?number}
-	 */
-	set skewX(value: number) {
-		this._skewX = valueOrDefault<number>(value, 0);
-	}
-
-	/**
-	 * Gets the Y-axis skew property.
-	 *
-	 * @type {number}
-	 */
-	get skewY(): number {
-		return this._skewY;
-	}
-
-	/**
-	 * Sets the Y-axis skew property.
-	 *
-	 * @type {?number}
-	 */
-	set skewY(value: number) {
-		this._skewY = valueOrDefault<number>(value, 0);
-	}
-
-	/**
-	 * Gets the primary color property.
-	 *
-	 * @type {!libjass.Color}
-	 */
-	get primaryColor(): Color {
-		return this._primaryColor;
-	}
-
-	/**
-	 * Sets the primary color property. null defaults it to the default style's value.
-	 *
-	 * @type {libjass.Color}
-	 */
-	set primaryColor(value: Color) {
-		this._primaryColor = valueOrDefault(value, this._defaultStyle.primaryColor);
-	}
-
-	/**
-	 * Gets the secondary color property.
-	 *
-	 * @type {!libjass.Color}
-	 */
-	get secondaryColor(): Color {
-		return this._secondaryColor;
-	}
-
-	/**
-	 * Sets the secondary color property. null defaults it to the default style's value.
-	 *
-	 * @type {libjass.Color}
-	 */
-	set secondaryColor(value: Color) {
-		this._secondaryColor = valueOrDefault(value, this._defaultStyle.secondaryColor);
-	}
-
-	/**
-	 * Gets the outline color property.
-	 *
-	 * @type {!libjass.Color}
-	 */
-	get outlineColor(): Color {
-		return this._outlineColor;
-	}
-
-	/**
-	 * Sets the outline color property. null defaults it to the default style's value.
-	 *
-	 * @type {libjass.Color}
-	 */
-	set outlineColor(value: Color) {
-		this._outlineColor = valueOrDefault(value, this._defaultStyle.outlineColor);
-	}
-
-	/**
-	 * Gets the shadow color property.
-	 *
-	 * @type {!libjass.Color}
-	 */
-	get shadowColor(): Color {
-		return this._shadowColor;
-	}
-
-	/**
-	 * Sets the shadow color property. null defaults it to the default style's value.
-	 *
-	 * @type {libjass.Color}
-	 */
-	set shadowColor(value: Color) {
-		this._shadowColor = valueOrDefault(value, this._defaultStyle.shadowColor);
-	}
-
-	/**
-	 * Gets the primary alpha property.
-	 *
-	 * @type {number}
-	 */
-	get primaryAlpha(): number {
-		return this._primaryAlpha;
-	}
-
-	/**
-	 * Sets the primary alpha property.
-	 *
-	 * @type {?number}
-	 */
-	set primaryAlpha(value: number) {
-		this._primaryAlpha = valueOrDefault(value, this._defaultStyle.primaryColor.alpha);
-	}
-
-	/**
-	 * Gets the secondary alpha property.
-	 *
-	 * @type {number}
-	 */
-	get secondaryAlpha(): number {
-		return this._secondaryAlpha;
-	}
-
-	/**
-	 * Sets the secondary alpha property.
-	 *
-	 * @type {?number}
-	 */
-	set secondaryAlpha(value: number) {
-		this._secondaryAlpha = valueOrDefault(value, this._defaultStyle.secondaryColor.alpha);
-	}
-
-	/**
-	 * Gets the outline alpha property.
-	 *
-	 * @type {number}
-	 */
-	get outlineAlpha(): number {
-		return this._outlineAlpha;
-	}
-
-	/**
-	 * Sets the outline alpha property.
-	 *
-	 * @type {?number}
-	 */
-	set outlineAlpha(value: number) {
-		this._outlineAlpha = valueOrDefault(value, this._defaultStyle.outlineColor.alpha);
-	}
-
-	/**
-	 * Gets the shadow alpha property.
-	 *
-	 * @type {number}
-	 */
-	get shadowAlpha(): number {
-		return this._shadowAlpha;
-	}
-
-	/**
-	 * Sets the shadow alpha property.
-	 *
-	 * @type {?number}
-	 */
-	set shadowAlpha(value: number) {
-		this._shadowAlpha = valueOrDefault(value, this._defaultStyle.shadowColor.alpha);
-	}
-}
-
-/**
- * @param {!libjass.parts.Color} color
- * @return {!SVGFEComponentTransferElement}
- */
-function createComponentTransferFilter(color: Color): SVGFEComponentTransferElement {
-	const result = document.createElementNS("http://www.w3.org/2000/svg", "feComponentTransfer");
-
-	const redTransferNode = document.createElementNS("http://www.w3.org/2000/svg", "feFuncR");
-	result.appendChild(redTransferNode);
-	redTransferNode.type.baseVal = SVGComponentTransferFunctionElement.SVG_FECOMPONENTTRANSFER_TYPE_LINEAR;
-	redTransferNode.slope.baseVal = 0;
-	redTransferNode.intercept.baseVal = color.red / 255;
-
-	const greenTransferNode = document.createElementNS("http://www.w3.org/2000/svg", "feFuncG");
-	result.appendChild(greenTransferNode);
-	greenTransferNode.type.baseVal = SVGComponentTransferFunctionElement.SVG_FECOMPONENTTRANSFER_TYPE_LINEAR;
-	greenTransferNode.slope.baseVal = 0;
-	greenTransferNode.intercept.baseVal = color.green / 255;
-
-	const blueTransferNode = document.createElementNS("http://www.w3.org/2000/svg", "feFuncB");
-	result.appendChild(blueTransferNode);
-	blueTransferNode.type.baseVal = SVGComponentTransferFunctionElement.SVG_FECOMPONENTTRANSFER_TYPE_LINEAR;
-	blueTransferNode.slope.baseVal = 0;
-	blueTransferNode.intercept.baseVal = color.blue / 255;
-
-	const alphaTransferNode = document.createElementNS("http://www.w3.org/2000/svg", "feFuncA");
-	result.appendChild(alphaTransferNode);
-	alphaTransferNode.type.baseVal = SVGComponentTransferFunctionElement.SVG_FECOMPONENTTRANSFER_TYPE_LINEAR;
-	alphaTransferNode.slope.baseVal = color.alpha;
-	alphaTransferNode.intercept.baseVal = 0;
-
-	return result;
-}
-
-/**
- * @param {?T} newValue
- * @param {!T} defaultValue
- * @return {!T}
- */
-function valueOrDefault<T>(newValue: T | null, defaultValue: T): T {
-	return ((newValue !== null) ? newValue : defaultValue);
-}
diff --git a/negromate/web/static/js/libjass/src/serialization.ts b/negromate/web/static/js/libjass/src/serialization.ts
deleted file mode 100644
index 120206e..0000000
--- a/negromate/web/static/js/libjass/src/serialization.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Map } from "./utility/map";
-
-const classes = new Map<number, Function & { fromJSON?(obj: any): any }>();
-
-/**
- * Registers a class as a serializable type.
- *
- * @param {function(new:*)} clazz
- */
-export function registerClass(clazz: Function & { fromJSON?(obj: any): any }): void {
-	clazz.prototype._classTag = classes.size;
-	classes.set(clazz.prototype._classTag, clazz);
-}
-
-/**
- * Serializes the given object.
- *
- * @param {*} obj
- * @return {string}
- */
-export function serialize(obj: any): string {
-	return JSON.stringify(obj, (/* ujs:unreferenced */ _key: string, value: any) => {
-		if (value && (value._classTag !== undefined) && !Object.prototype.hasOwnProperty.call(value, "_classTag")) {
-			// Copy the _classTag from this object's prototype to itself, so that it will be serialized.
-			value._classTag = value._classTag;
-		}
-
-		return value;
-	});
-}
-
-/**
- * @param {string} str
- * @return {*}
- */
-export function deserialize(str: string): any {
-	return JSON.parse(str, (/* ujs:unreferenced */ _key: string, value: any) => {
-		if (value && (value._classTag !== undefined)) {
-			const clazz = classes.get(value._classTag);
-			if (clazz === undefined) {
-				throw new Error(`Unknown class of tag ${ value._classTag } cannot be deserialized.`);
-			}
-
-			if (typeof clazz.fromJSON === "function") {
-				value = clazz.fromJSON(value);
-			}
-			else {
-				const hydratedValue = Object.create(clazz.prototype);
-				for (const key of Object.keys(value)) {
-					hydratedValue[key] = value[key];
-				}
-				value = hydratedValue;
-			}
-		}
-
-		return value;
-	});
-}
diff --git a/negromate/web/static/js/libjass/src/settings.ts b/negromate/web/static/js/libjass/src/settings.ts
deleted file mode 100644
index d15b032..0000000
--- a/negromate/web/static/js/libjass/src/settings.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * Debug mode. When true, libjass logs some debug messages.
- *
- * @type {boolean}
- */
-export let debugMode: boolean = false;
-
-/**
- * Verbose debug mode. When true, libjass logs some more debug messages. This setting is independent of {@link libjass.debugMode}
- *
- * @type {boolean}
- */
-export let verboseMode: boolean = false;
-
-/**
- * Sets the debug mode.
- *
- * @param {boolean} value
- */
-export function setDebugMode(value: boolean): void {
-	debugMode = value;
-}
-
-/**
- * Sets the verbose debug mode.
- *
- * @param {boolean} value
- */
-export function setVerboseMode(value: boolean): void {
-	verboseMode = value;
-}
diff --git a/negromate/web/static/js/libjass/src/tsconfig.json b/negromate/web/static/js/libjass/src/tsconfig.json
deleted file mode 100644
index 06635bd..0000000
--- a/negromate/web/static/js/libjass/src/tsconfig.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-	"compilerOptions": {
-		"lib": ["es5", "dom"],
-
-		"experimentalDecorators": true,
-		"forceConsistentCasingInFileNames": true,
-		"noFallthroughCasesInSwitch": true,
-		"noImplicitAny": true,
-		"noImplicitReturns": true,
-		"noImplicitThis": true,
-		"noUnusedLocals": true,
-		"noUnusedParameters": false,
-		"strictNullChecks": true,
-
-		"target": "es5",
-		"module": "amd",
-		"moduleResolution": "node",
-		"outFile": "../lib/libjass.js",
-		"noImplicitUseStrict": true,
-		"sourceMap": true,
-		"inlineSources": true,
-		"types": []
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/tslint.json b/negromate/web/static/js/libjass/src/tslint.json
deleted file mode 100644
index 33b31b5..0000000
--- a/negromate/web/static/js/libjass/src/tslint.json
+++ /dev/null
@@ -1,164 +0,0 @@
-{
-	"$schema": "http://json.schemastore.org/tslint",
-	"rules": {
-		"adjacent-overload-signatures": true,
-		"ban-types": false,
-		"member-access": false,
-		"member-ordering": [true, { "order": [
-			"public-static-field",
-			"public-static-method",
-
-			"protected-static-field",
-			"protected-static-method",
-
-			"private-static-field",
-			"private-static-method",
-
-			"public-instance-field",
-			"protected-instance-field",
-			"private-instance-field",
-
-			"public-constructor",
-			"public-instance-method",
-
-			"protected-constructor",
-			"protected-instance-method",
-
-			"private-constructor",
-			"private-instance-method"
-		 ]}],
-		"no-any": false,
-		"no-empty-interface": false,
-		"no-import-side-effect": true,
-		"no-inferrable-types": false,
-		"no-internal-module": true,
-		"no-magic-numbers": false,
-		"no-namespace": true,
-		"no-non-null-assertion": false,
-		"no-reference": true,
-		"no-var-requires": true,
-		"only-arrow-functions": false,
-		"prefer-for-of": true,
-		"promise-function-async": false,
-		"typedef": [true, "call-signature", "parameter", "property-declaration", "member-variable-declaration"],
-		"typedef-whitespace": [true, {
-			"call-signature": "nospace",
-			"index-signature": "nospace",
-			"parameter": "nospace",
-			"property-declaration": "nospace",
-			"variable-declaration": "nospace"
-		}, {
-			"call-signature": "space",
-			"index-signature": "space",
-			"parameter": "space",
-			"property-declaration": "space",
-			"variable-declaration": "space"
-		}],
-		"unified-signatures": true,
-
-		"await-promise": true,
-		"ban": false,
-		"curly": true,
-		"forin": true,
-		"import-blacklist": false,
-		"label-position": true,
-		"no-arg": true,
-		"no-bitwise": true,
-		"no-conditional-assignment": true,
-		"no-console": false,
-		"no-construct": true,
-		"no-debugger": true,
-		"no-duplicate-super": true,
-		"no-duplicate-variable": true,
-		"no-empty": false,
-		"no-eval": true,
-		"no-floating-promises": true,
-		"no-for-in-array": true,
-		"no-inferred-empty-object-type": true,
-		"no-invalid-template-strings": true,
-		"no-invalid-this": false,
-		"no-misused-new": true,
-		"no-null-keyword": false,
-		"no-shadowed-variable": false,
-		"no-sparse-arrays": true,
-		"no-string-literal": true,
-		"no-string-throw": true,
-		"no-switch-case-fall-through": true,
-		"no-unbound-method": false,
-		"no-unsafe-any": false,
-		"no-unsafe-finally": true,
-		"no-unused-expression": true,
-		"no-unused-variable": [true, "check-parameters"],
-		"no-use-before-declare": false,
-		"no-var-keyword": true,
-		"no-void-expression": [true, "ignore-arrow-function-shorthand"],
-		"radix": false,
-		"restrict-plus-operands": true,
-		"strict-boolean-expressions": false,
-		"strict-type-predicates": true,
-		"switch-default": false,
-		"triple-equals": true,
-		"typeof-compare": true,
-		"use-isnan": true,
-
-		"cyclomatic-complexity": false,
-		"eofline": true,
-		"indent": [true, "tabs"],
-		"linebreak-style": [true, "LF"],
-		"max-classes-per-file": false,
-		"max-file-line-count": false,
-		"max-line-length": false,
-		"no-default-export": true,
-		"no-mergeable-namespace": true,
-		"no-require-imports": true,
-		"object-literal-sort-keys": false,
-		"prefer-const": [true, { "destructuring": "all" }],
-		"trailing-comma": [true, { "multiline": "always", "singleline": "never" }],
-
-		"align": [true, "statements"],
-		"array-type": [true, "array"],
-		"arrow-parens": [true, "ban-single-arg-parens"],
-		"arrow-return-shorthand": true,
-		"callable-types": true,
-		"class-name": true,
-		"comment-format": [true, "check-space"],
-		"completed-docs": false,
-		"file-header": ["true", "Copyright \\d{4}"],
-		"import-spacing": true,
-		"interface-name": [true, "never-prefix"],
-		"interface-over-type-literal": false,
-		"jsdoc-format": true,
-		"match-default-export-name": true,
-		"newline-before-return": false,
-		"new-parens": true,
-		"no-angle-bracket-type-assertion": true,
-		"no-boolean-literal-compare": true,
-		"no-consecutive-blank-lines": true,
-		"no-parameter-properties": false,
-		"no-reference-import": true,
-		"no-trailing-whitespace": true,
-		"no-unnecessary-callback-wrapper": true,
-		"no-unnecessary-initializer": true,
-		"no-unnecessary-qualifier": true,
-		"object-literal-key-quotes": [true, "as-needed"],
-		"object-literal-shorthand": true,
-		"one-line": [true, "check-open-brace", "check-whitespace"],
-		"one-variable-per-declaration": true,
-		"ordered-imports": [true, { "import-sources-order": "case-insensitive", "named-imports-order": "case-insensitive" }],
-		"prefer-function-over-method": [true, "allow-public", "allow-protected"],
-		"prefer-method-signature": true,
-		"prefer-template": [true, "allow-single-concat"],
-		"quotemark": [true, "double", "avoid-escape"],
-		"return-undefined": true,
-		"space-before-function-paren": [true, {
-			"anonymous": "always",
-			"named": "never",
-			"asyncArrow": "always",
-			"method": "never",
-			"constructor": "never"
-		}],
-		"semicolon": [true, "always"],
-		"variable-name": [true, "ban-keywords", "check-format", "allow-leading-underscore"],
-		"whitespace": [true, "check-branch", "check-decl", "check-operator", "check-module", "check-separator", "check-type", "check-typecast", "check-preblock"]
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/types/ass.ts b/negromate/web/static/js/libjass/src/types/ass.ts
deleted file mode 100644
index 0dea6d7..0000000
--- a/negromate/web/static/js/libjass/src/types/ass.ts
+++ /dev/null
@@ -1,322 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { parseLineIntoTypedTemplate } from "../parser/misc";
-import { SrtStreamParser, StreamParser } from "../parser/stream-parsers";
-import { BrowserReadableStream, Stream, StringStream, XhrStream } from "../parser/streams";
-
-import { registerClass as serializable } from "../serialization";
-
-import { debugMode, verboseMode } from "../settings";
-
-import { Map } from "../utility/map";
-import { Promise } from "../utility/promise";
-
-import { Attachment } from "./attachment";
-import { Dialogue } from "./dialogue";
-import { Format } from "./misc";
-import { ScriptProperties } from "./script-properties";
-import { Style } from "./style";
-
-/**
- * This class represents an ASS script. It contains the {@link libjass.ScriptProperties}, an array of {@link libjass.Style}s, and an array of {@link libjass.Dialogue}s.
- */
-@serializable
-export class ASS {
-	/**
-	 * Creates an ASS object from the raw text of an ASS script.
-	 *
-	 * @param {string} raw The raw text of the script.
-	 * @param {(number|string)=0} type The type of the script. One of the {@link libjass.Format} constants, or one of the strings "ass" and "srt".
-	 * @return {!Promise.<!libjass.ASS>}
-	 */
-	static fromString(raw: string, type: Format | "ass" | "srt" = Format.ASS): Promise<ASS> {
-		return ASS.fromStream(new StringStream(raw), type);
-	}
-
-	/**
-	 * Creates an ASS object from the given {@link libjass.parser.Stream}.
-	 *
-	 * @param {!libjass.parser.Stream} stream The stream to parse the script from
-	 * @param {(number|string)=0} type The type of the script. One of the {@link libjass.Format} constants, or one of the strings "ass" and "srt".
-	 * @return {!Promise.<!libjass.ASS>} A promise that will be resolved with the ASS object when it has been fully parsed
-	 */
-	static fromStream(stream: Stream, type: Format | "ass" | "srt" = Format.ASS): Promise<ASS> {
-		switch (type) {
-			case Format.ASS:
-			case "ass":
-				return new StreamParser(stream).ass;
-			case Format.SRT:
-			case "srt":
-				return new SrtStreamParser(stream).ass;
-			default:
-				throw new Error(`Invalid value of type: ${ type }`);
-		}
-	}
-
-	/**
-	 * Creates an ASS object from the given URL.
-	 *
-	 * @param {string} url The URL of the script.
-	 * @param {(number|string)=0} type The type of the script. One of the {@link libjass.Format} constants, or one of the strings "ass" and "srt".
-	 * @return {!Promise.<!libjass.ASS>} A promise that will be resolved with the ASS object when it has been fully parsed
-	 */
-	static fromUrl(url: string, type: Format | "ass" | "srt" = Format.ASS): Promise<ASS> {
-		let fetchPromise: Promise<ASS>;
-
-		if (typeof global.fetch === "function" && BrowserReadableStream.isSupported()) {
-			fetchPromise = global.fetch(url).then(response => {
-				if (response.ok === false || (response.ok === undefined && (response.status === undefined || response.status < 200 || response.status > 299))) {
-					throw new Error(`HTTP request for ${ url } failed with status code ${ response.status }`);
-				}
-
-				return ASS.fromReadableStream(response.body, "utf-8", type);
-			});
-		}
-		else {
-			fetchPromise = Promise.reject<ASS>(new Error("Not supported."));
-		}
-
-		return fetchPromise.catch(reason => {
-			if (debugMode) {
-				console.log("fetch() failed, falling back to XHR: %o", reason);
-			}
-
-			const xhr = new XMLHttpRequest();
-			const result = ASS.fromStream(new XhrStream(xhr), type);
-			xhr.open("GET", url, true);
-			xhr.send();
-			return result;
-		});
-	}
-
-	/**
-	 * Creates an ASS object from the given ReadableStream.
-	 *
-	 * @param {!ReadableStream} stream
-	 * @param {string="utf-8"} encoding
-	 * @param {(number|string)=0} type The type of the script. One of the {@link libjass.Format} constants, or one of the strings "ass" and "srt".
-	 * @return {!Promise.<!libjass.ASS>} A promise that will be resolved with the ASS object when it has been fully parsed
-	 */
-	static fromReadableStream(stream: ReadableStream, encoding: string = "utf-8", type: Format | "ass" | "srt" = Format.ASS): Promise<ASS> {
-		return ASS.fromStream(new BrowserReadableStream(stream, encoding), type);
-	}
-
-	/**
-	 * Custom deserialization for ASS objects.
-	 *
-	 * @param {!*} obj
-	 * @return {!libjass.ASS}
-	 */
-	static fromJSON(obj: any): ASS {
-		const result: ASS = Object.create(ASS.prototype);
-
-		result._properties = obj._properties;
-
-		result._styles = new Map<string, Style>();
-		for (const name of Object.keys(obj._styles)) {
-			const style = obj._styles[name];
-			result._styles.set(name, style);
-		}
-
-		result._dialogues = obj._dialogues;
-		result._attachments = obj._attachments;
-		result._stylesFormatSpecifier = obj._stylesFormatSpecifier;
-		result._dialoguesFormatSpecifier = obj._dialoguesFormatSpecifier;
-
-		return result;
-	}
-
-	private _properties: ScriptProperties = new ScriptProperties();
-	private _styles: Map<string, Style> = new Map<string, Style>();
-	private _dialogues: Dialogue[] = [];
-	private _attachments: Attachment[] = [];
-
-	private _stylesFormatSpecifier: string[] | null = null;
-	private _dialoguesFormatSpecifier: string[] | null = null;
-
-	/**
-	 * The properties of this script.
-	 *
-	 * @type {!libjass.ScriptProperties}
-	 */
-	get properties(): ScriptProperties {
-		return this._properties;
-	}
-
-	/**
-	 * The styles in this script.
-	 *
-	 * @type {!Map.<string, !libjass.Style>}
-	 */
-	get styles(): Map<string, Style> {
-		return this._styles;
-	}
-
-	/**
-	 * The dialogues in this script.
-	 *
-	 * @type {!Array.<!libjass.Dialogue>}
-	 */
-	get dialogues(): Dialogue[] {
-		return this._dialogues;
-	}
-
-	/**
-	 * The attachments of this script.
-	 *
-	 * @type {!Array.<!libjass.Attachment>}
-	 */
-	get attachments(): Attachment[] {
-		return this._attachments;
-	}
-
-	/**
-	 * The format specifier for the styles section.
-	 *
-	 * @type {Array.<string>}
-	 */
-	get stylesFormatSpecifier(): string[] | null {
-		return this._stylesFormatSpecifier;
-	}
-
-	/**
-	 * The format specifier for the events section.
-	 *
-	 * @type {Array.<string>}
-	 */
-	set stylesFormatSpecifier(value: string[] | null) {
-		this._stylesFormatSpecifier = value;
-	}
-
-	/**
-	 * The format specifier for the styles section.
-	 *
-	 * @type {Array.<string>}
-	 */
-	get dialoguesFormatSpecifier(): string[] | null {
-		return this._dialoguesFormatSpecifier;
-	}
-
-	/**
-	 * The format specifier for the events section.
-	 *
-	 * @type {Array.<string>}
-	 */
-	set dialoguesFormatSpecifier(value: string[] | null) {
-		this._dialoguesFormatSpecifier = value;
-	}
-
-	constructor() {
-		// Deprecated constructor argument
-		if (arguments.length === 1) {
-			throw new Error("Constructor `new ASS(rawASS)` has been deprecated. Use `ASS.fromString(rawASS)` instead.");
-		}
-
-		this._styles.set("Default", new Style(new Map([["Name", "Default"]])));
-	}
-
-	/**
-	 * Add a style to this ASS script.
-	 *
-	 * @param {string} line The line from the script that contains the new style.
-	 */
-	addStyle(line: string): void {
-		if (this._stylesFormatSpecifier === null) {
-			throw new Error("stylesFormatSpecifier is not set.");
-		}
-
-		const styleLine = parseLineIntoTypedTemplate(line, this._stylesFormatSpecifier);
-		if (styleLine === null || styleLine.type !== "Style") {
-			return;
-		}
-
-		const styleTemplate = styleLine.template;
-
-		if (verboseMode) {
-			let repr = "";
-			styleTemplate.forEach((value, key) => repr += `${ key } = ${ value }, `);
-			console.log(`Read style: ${ repr }`);
-		}
-
-		// Create the dialogue and add it to the dialogues array
-		const style = new Style(styleTemplate);
-		this._styles.set(style.name, style);
-	}
-
-	/**
-	 * Add an event to this ASS script.
-	 *
-	 * @param {string} line The line from the script that contains the new event.
-	 */
-	addEvent(line: string): void {
-		if (this._dialoguesFormatSpecifier === null) {
-			throw new Error("dialoguesFormatSpecifier is not set.");
-		}
-
-		const dialogueLine = parseLineIntoTypedTemplate(line, this._dialoguesFormatSpecifier);
-		if (dialogueLine === null || dialogueLine.type !== "Dialogue") {
-			return;
-		}
-
-		const dialogueTemplate = dialogueLine.template;
-
-		if (verboseMode) {
-			let repr = "";
-			dialogueTemplate.forEach((value, key) => repr += `${ key } = ${ value }, `);
-			console.log(`Read dialogue: ${ repr }`);
-		}
-
-		// Create the dialogue and add it to the dialogues array
-		this.dialogues.push(new Dialogue(dialogueTemplate, this));
-	}
-
-	/**
-	 * Add an attachment to this ASS script.
-	 *
-	 * @param {!libjass.Attachment} attachment
-	 */
-	addAttachment(attachment: Attachment): void {
-		this._attachments.push(attachment);
-	}
-
-	/**
-	 * Custom JSON serialization for ASS objects.
-	 *
-	 * @return {!*}
-	 */
-	toJSON(): any {
-		const result = Object.create(null);
-
-		result._properties = this._properties;
-
-		result._styles = Object.create(null);
-		this._styles.forEach((style, name) => result._styles[name] = style);
-
-		result._dialogues = this._dialogues;
-		result._attachments = this._attachments;
-		result._stylesFormatSpecifier = this._stylesFormatSpecifier;
-		result._dialoguesFormatSpecifier = this._dialoguesFormatSpecifier;
-
-		result._classTag = (ASS.prototype as any)._classTag;
-
-		return result;
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/types/attachment.ts b/negromate/web/static/js/libjass/src/types/attachment.ts
deleted file mode 100644
index 36e81c6..0000000
--- a/negromate/web/static/js/libjass/src/types/attachment.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { registerClass as serializable } from "../serialization";
-
-/**
- * The type of an attachment.
- */
-export enum AttachmentType {
-	Font,
-	Graphic,
-}
-
-/**
- * This class represents an attachment in a {@link libjass.ASS} script.
- *
- * @param {string} filename The filename of this attachment.
- * @param {number} type The type of this attachment.
- */
-@serializable
-export class Attachment {
-	private _contents: string = "";
-
-	constructor(private _filename: string, private _type: AttachmentType) { }
-
-	/**
-	 * The filename of this attachment.
-	 *
-	 * @type {number}
-	 */
-	get filename(): string {
-		return this._filename;
-	}
-
-	/**
-	 * The type of this attachment.
-	 *
-	 * @type {number}
-	 */
-	get type(): AttachmentType {
-		return this._type;
-	}
-
-	/**
-	 * The contents of this attachment in base64 encoding.
-	 *
-	 * @type {number}
-	 */
-	get contents(): string {
-		return this._contents;
-	}
-
-	/**
-	 * The contents of this attachment in base64 encoding.
-	 *
-	 * @type {number}
-	 */
-	set contents(value: string) {
-		this._contents = value;
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/types/dialogue.ts b/negromate/web/static/js/libjass/src/types/dialogue.ts
deleted file mode 100644
index 82382da..0000000
--- a/negromate/web/static/js/libjass/src/types/dialogue.ts
+++ /dev/null
@@ -1,270 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { ASS } from "./ass";
-import { Style } from "./style";
-
-import { valueOrDefault } from "./misc";
-
-import { parse } from "../parser/parse";
-
-import * as parts from "../parts";
-
-import { registerClass as serializable } from "../serialization";
-
-import { debugMode } from "../settings";
-
-import { Map } from "../utility/map";
-
-/**
- * This class represents a dialogue in a {@link libjass.ASS} script.
- *
- * @param {!Map.<string, string>} template The template object that contains the dialogue's properties. It is a map of the string values read from the ASS file.
- * @param {string} template["Style"] The name of the default style of this dialogue
- * @param {string} template["Start"] The start time
- * @param {string} template["End"] The end time
- * @param {string} template["Layer"] The layer number
- * @param {string} template["Text"] The text of this dialogue
- * @param {!libjass.ASS} ass The ASS object to which this dialogue belongs
- */
-@serializable
-export class Dialogue {
-	private static _lastDialogueId: number = -1;
-
-	private _id: number;
-
-	private _style: Style;
-
-	private _start: number;
-	private _end: number;
-
-	private _layer: number;
-	private _alignment: number;
-
-	private _rawPartsString: string;
-	private _parts: parts.Part[] | null = null;
-
-	private _containsTransformTag: boolean = false;
-
-	constructor(template: Map<string, string>, ass: ASS) {
-		{
-			const normalizedTemplate = new Map<string, string>();
-			template.forEach((value, key) => {
-				normalizedTemplate.set(key.toLowerCase(), value);
-			});
-			template = normalizedTemplate;
-		}
-
-		this._id = ++Dialogue._lastDialogueId;
-
-		let styleName = template.get("style");
-		if (typeof styleName === "string") {
-			styleName = styleName.replace(/^\*+/, "");
-			if (styleName.match(/^Default$/i) !== null) {
-				styleName = "Default";
-			}
-		}
-
-		let style = (styleName !== undefined) ? ass.styles.get(styleName) : undefined;
-		if (style === undefined) {
-			if (debugMode) {
-				console.warn(`Unrecognized style ${ styleName }. Falling back to "Default"`);
-			}
-
-			style = ass.styles.get("Default");
-			if (style === undefined) {
-				throw new Error(`Unrecognized style ${ styleName }. Could not fall back to "Default" style since it doesn't exist.`);
-			}
-		}
-		this._style = style;
-
-		const start = template.get("start");
-		if (typeof start !== "string") {
-			throw new Error(`Dialogue start time ${ start } is not a string.`);
-		}
-		this._start = toTime(start);
-
-		const end = template.get("end");
-		if (typeof end !== "string") {
-			throw new Error(`Dialogue end time ${ end } is not a string.`);
-		}
-		this._end = toTime(end);
-
-		this._layer = Math.max(valueOrDefault(template, "layer", parseInt, value => !isNaN(value), "0"), 0);
-
-		const text = template.get("text");
-		if (typeof text !== "string") {
-			throw new Error(`Dialogue text ${ text } is not a string.`);
-		}
-		this._rawPartsString = text;
-	}
-
-	/**
-	 * The unique ID of this dialogue. Auto-generated.
-	 *
-	 * @type {number}
-	 */
-	get id(): number {
-		return this._id;
-	}
-
-	/**
-	 * The start time of this dialogue.
-	 *
-	 * @type {number}
-	 */
-	get start(): number {
-		return this._start;
-	}
-
-	/**
-	 * The end time of this dialogue.
-	 *
-	 * @type {number}
-	 */
-	get end(): number {
-		return this._end;
-	}
-
-	/**
-	 * The default style of this dialogue.
-	 *
-	 * @type {!libjass.Style}
-	 */
-	get style(): Style {
-		return this._style;
-	}
-
-	/**
-	 * The alignment number of this dialogue.
-	 *
-	 * @type {number}
-	 */
-	get alignment(): number {
-		if (this._parts === null) {
-			this._parsePartsString();
-		}
-
-		return this._alignment;
-	}
-
-	/**
-	 * The layer number of this dialogue.
-	 *
-	 * @type {number}
-	 */
-	get layer(): number {
-		return this._layer;
-	}
-
-	/**
-	 * The {@link libjass.parts} of this dialogue.
-	 *
-	 * @type {!Array.<!libjass.parts.Part>}
-	 */
-	get parts(): parts.Part[] {
-		if (this._parts === null) {
-			this._parsePartsString();
-		}
-
-		return this._parts!;
-	}
-
-	/**
-	 * Convenience getter for whether this dialogue contains a {\t} tag.
-	 *
-	 * @type {boolean}
-	 */
-	get containsTransformTag(): boolean {
-		if (this._parts === null) {
-			this._parsePartsString();
-		}
-
-		return this._containsTransformTag;
-	}
-
-	/**
-	 * @return {string} A simple representation of this dialogue's properties and parts.
-	 */
-	toString(): string {
-		return `#${ this._id } [${ this._start.toFixed(3) }-${ this._end.toFixed(3) }] ${ (this._parts !== null) ? this._parts.join(", ") : this._rawPartsString }`;
-	}
-
-	/**
-	 * Parses this dialogue's parts from the raw parts string.
-	 */
-	private _parsePartsString(): void {
-		this._parts = parse(this._rawPartsString, "dialogueParts") as parts.Part[];
-
-		this._alignment = this._style.alignment;
-
-		this._parts.forEach((part, index) => {
-			if (part instanceof parts.Alignment) {
-				this._alignment = part.value;
-			}
-			else if (part instanceof parts.Move) {
-				if (part.t1 === null || part.t2 === null) {
-					this._parts![index] =
-						new parts.Move(
-							part.x1, part.y1, part.x2, part.y2,
-							0, this._end - this._start,
-						);
-				}
-			}
-			else if (part instanceof parts.Transform) {
-				if (part.start === null || part.end === null || part.accel === null) {
-					this._parts![index] =
-						new parts.Transform(
-							(part.start === null) ? 0 : part.start,
-							(part.end === null) ? (this._end - this._start) : part.end,
-							(part.accel === null) ? 1 : part.accel,
-							part.tags,
-						);
-				}
-
-				this._containsTransformTag = true;
-			}
-		});
-
-		if (debugMode) {
-			const possiblyIncorrectParses = this._parts.filter(part => part instanceof parts.Comment && part.value.indexOf("\\") !== -1);
-			if (possiblyIncorrectParses.length > 0) {
-				console.warn(
-`Possible incorrect parse:
-${ this._rawPartsString }
-was parsed as
-${ this.toString() }
-The possibly incorrect parses are:
-${ possiblyIncorrectParses.join("\n") }`,
-				);
-			}
-		}
-	}
-}
-
-/**
- * Converts this string into the number of seconds it represents. This string must be in the form of hh:mm:ss.MMM
- *
- * @param {string} str
- * @return {number}
- */
-function toTime(str: string): number {
-	return str.split(":").reduce<number>((previousValue, currentValue) => previousValue * 60 + parseFloat(currentValue), 0);
-}
diff --git a/negromate/web/static/js/libjass/src/types/misc.ts b/negromate/web/static/js/libjass/src/types/misc.ts
deleted file mode 100644
index a2cc17f..0000000
--- a/negromate/web/static/js/libjass/src/types/misc.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * The format of the string passed to {@link libjass.ASS.fromString}
- */
-export enum Format {
-	ASS,
-	SRT,
-}
-
-/**
- * The wrapping style defined in the {@link libjass.ScriptProperties}
- */
-export enum WrappingStyle {
-	SmartWrappingWithWiderTopLine = 0,
-	SmartWrappingWithWiderBottomLine = 3,
-	EndOfLineWrapping = 1,
-	NoLineWrapping = 2,
-}
-
-/**
- * The border style defined in the {@link libjass.Style} properties.
- */
-export enum BorderStyle {
-	Outline = 1,
-	OpaqueBox = 3,
-}
-
-/**
- * A property.
- */
-export interface Property {
-	/**
-	 * @type {string}
-	 */
-	name: string;
-
-	/**
-	 * @type {string}
-	 */
-	value: string;
-}
-
-/**
- * A template object with a particular type.
- */
-export interface TypedTemplate {
-	/**
-	 * @type {string}
-	 */
-	type: string;
-
-	/**
-	 * @type {!Map.<string, string>}
-	 */
-	template: Map<string, string>;
-}
-
-/**
- * @param {!Map.<string, string>} template
- * @param {string} key
- * @param {function(string):T} converter
- * @param {?function(T):boolean} validator
- * @param {T} defaultValue
- * @return {T}
- */
-export function valueOrDefault<T>(template: Map<string, string>, key: string, converter: (str: string) => T, validator: ((value: T) => boolean) | null, defaultValue: string): T {
-	const value = template.get(key);
-	if (value === undefined) {
-		return converter(defaultValue);
-	}
-
-	try {
-		const result = converter(value);
-
-		if (validator !== null && !validator(result)) {
-			throw new Error("Validation failed.");
-		}
-
-		return result;
-	}
-	catch (ex) {
-		throw new Error(`Property ${ key } has invalid value ${ value } - ${ ex.stack }`);
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/types/script-properties.ts b/negromate/web/static/js/libjass/src/types/script-properties.ts
deleted file mode 100644
index 7d119a8..0000000
--- a/negromate/web/static/js/libjass/src/types/script-properties.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { registerClass as serializable } from "../serialization";
-
-import { WrappingStyle } from "./misc";
-
-/**
- * This class represents the properties of a {@link libjass.ASS} script.
- */
-@serializable
-export class ScriptProperties {
-	private _resolutionX: number;
-	private _resolutionY: number;
-	private _wrappingStyle: WrappingStyle;
-	private _scaleBorderAndShadow: boolean;
-
-	/**
-	 * The horizontal script resolution.
-	 *
-	 * @type {number}
-	 */
-	get resolutionX(): number {
-		return this._resolutionX;
-	}
-
-	/**
-	 * The horizontal script resolution.
-	 *
-	 * @type {number}
-	 */
-	set resolutionX(value: number) {
-		this._resolutionX = value;
-	}
-
-	/**
-	 * The vertical script resolution.
-	 *
-	 * @type {number}
-	 */
-	get resolutionY(): number {
-		return this._resolutionY;
-	}
-
-	/**
-	 * The vertical script resolution.
-	 *
-	 * @type {number}
-	 */
-	set resolutionY(value: number) {
-		this._resolutionY = value;
-	}
-
-	/**
-	 * The wrap style. One of the {@link libjass.WrappingStyle} constants.
-	 *
-	 * @type {number}
-	 */
-	get wrappingStyle(): WrappingStyle {
-		return this._wrappingStyle;
-	}
-
-	/**
-	 * The wrap style. One of the {@link libjass.WrappingStyle} constants.
-	 *
-	 * @type {number}
-	 */
-	set wrappingStyle(value: WrappingStyle) {
-		this._wrappingStyle = value;
-	}
-
-	/**
-	 * Whether to scale outline widths and shadow depths from script resolution to video resolution or not. If true, widths and depths are scaled.
-	 *
-	 * @type {boolean}
-	 */
-	get scaleBorderAndShadow(): boolean {
-		return this._scaleBorderAndShadow;
-	}
-
-	/**
-	 * Whether to scale outline widths and shadow depths from script resolution to video resolution or not. If true, widths and depths are scaled.
-	 *
-	 * @type {boolean}
-	 */
-	set scaleBorderAndShadow(value: boolean) {
-		this._scaleBorderAndShadow = value;
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/types/style.ts b/negromate/web/static/js/libjass/src/types/style.ts
deleted file mode 100644
index 95233a6..0000000
--- a/negromate/web/static/js/libjass/src/types/style.ts
+++ /dev/null
@@ -1,334 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { parse } from "../parser/parse";
-
-import { Color } from "../parts";
-
-import { registerClass as serializable } from "../serialization";
-
-import { Map } from "../utility/map";
-
-import { BorderStyle, valueOrDefault } from "./misc";
-
-/**
- * This class represents a single global style declaration in a {@link libjass.ASS} script. The styles can be obtained via the {@link libjass.ASS.styles} property.
- *
- * @param {!Map.<string, string>} template The template object that contains the style's properties. It is a map of the string values read from the ASS file.
- * @param {string} template["Name"] The name of the style
- * @param {string} template["Italic"] -1 if the style is italicized
- * @param {string} template["Bold"] -1 if the style is bold
- * @param {string} template["Underline"] -1 if the style is underlined
- * @param {string} template["StrikeOut"] -1 if the style is struck-through
- * @param {string} template["Fontname"] The name of the font
- * @param {string} template["Fontsize"] The size of the font
- * @param {string} template["ScaleX"] The horizontal scaling of the font
- * @param {string} template["ScaleY"] The vertical scaling of the font
- * @param {string} template["Spacing"] The letter spacing of the font
- * @param {string} template["PrimaryColour"] The primary color
- * @param {string} template["OutlineColour"] The outline color
- * @param {string} template["BackColour"] The shadow color
- * @param {string} template["Outline"] The outline thickness
- * @param {string} template["Shadow"] The shadow depth
- * @param {string} template["Alignment"] The alignment number
- * @param {string} template["MarginL"] The left margin
- * @param {string} template["MarginR"] The right margin
- * @param {string} template["MarginV"] The vertical margin
- */
-@serializable
-export class Style {
-	private _name: string;
-
-	private _italic: boolean;
-	private _bold: boolean;
-	private _underline: boolean;
-	private _strikeThrough: boolean;
-
-	private _fontName: string;
-	private _fontSize: number;
-
-	private _fontScaleX: number;
-	private _fontScaleY: number;
-
-	private _letterSpacing: number;
-
-	private _rotationZ: number;
-
-	private _primaryColor: Color;
-	private _secondaryColor: Color;
-	private _outlineColor: Color;
-	private _shadowColor: Color;
-
-	private _outlineThickness: number;
-	private _borderStyle: BorderStyle;
-
-	private _shadowDepth: number;
-
-	private _alignment: number;
-
-	private _marginLeft: number;
-	private _marginRight: number;
-	private _marginVertical: number;
-
-	constructor(template: Map<string, string>) {
-		{
-			const normalizedTemplate = new Map<string, string>();
-			template.forEach((value, key) => {
-				normalizedTemplate.set(key.toLowerCase(), value);
-			});
-			template = normalizedTemplate;
-		}
-
-		const name = template.get("name");
-		if (typeof name !== "string") {
-			throw new Error(`Style name ${ name } is not a string.`);
-		}
-		this._name = name.replace(/^\*+/, "");
-
-		this._italic = !!valueOrDefault(template, "italic", parseFloat, value => !isNaN(value), "0");
-		this._bold = !!valueOrDefault(template, "bold", parseFloat, value => !isNaN(value), "0");
-		this._underline = !!valueOrDefault(template, "underline", parseFloat, value => !isNaN(value), "0");
-		this._strikeThrough = !!valueOrDefault(template, "strikeout", parseFloat, value => !isNaN(value), "0");
-
-		this._fontName = valueOrDefault(template, "fontname", str => str, value => value.constructor === String, "sans-serif");
-		this._fontSize = valueOrDefault(template, "fontsize", parseFloat, value => !isNaN(value), "18");
-
-		this._fontScaleX = valueOrDefault(template, "scalex", parseFloat, value => value >= 0, "100") / 100;
-		this._fontScaleY = valueOrDefault(template, "scaley", parseFloat, value => value >= 0, "100") / 100;
-
-		this._letterSpacing = valueOrDefault(template, "spacing", parseFloat, value => value >= 0, "0");
-
-		this._rotationZ = valueOrDefault(template, "angle", parseFloat, value => !isNaN(value), "0");
-
-		this._primaryColor = valueOrDefault(template, "primarycolour", str => parse(str, "colorWithAlpha") as Color, null, "&H00FFFFFF");
-		this._secondaryColor = valueOrDefault(template, "secondarycolour", str => parse(str, "colorWithAlpha") as Color, null, "&H00FFFF00");
-		this._outlineColor = valueOrDefault(template, "outlinecolour", str => parse(str, "colorWithAlpha") as Color, null, "&H00000000");
-		this._shadowColor = valueOrDefault(template, "backcolour", str => parse(str, "colorWithAlpha") as Color, null, "&H80000000");
-
-		this._outlineThickness = valueOrDefault(template, "outline", parseFloat, value => value >= 0, "2");
-		this._borderStyle = valueOrDefault(template, "borderstyle", parseInt, value => (BorderStyle as any)[(BorderStyle as any)[value]] === value, "1");
-
-		this._shadowDepth = valueOrDefault(template, "shadow", parseFloat, value => value >= 0, "3");
-
-		this._alignment = valueOrDefault(template, "alignment", parseInt, value => value >= 1 && value <= 9, "2");
-
-		this._marginLeft = valueOrDefault(template, "marginl", parseFloat, value => !isNaN(value), "20");
-		this._marginRight = valueOrDefault(template, "marginr", parseFloat, value => !isNaN(value), "20");
-		this._marginVertical = valueOrDefault(template, "marginv", parseFloat, value => !isNaN(value), "20");
-	}
-
-	/**
-	 * The name of this style.
-	 *
-	 * @type {string}
-	 */
-	get name(): string {
-		return this._name;
-	}
-
-	/**
-	 * Whether this style is italicized or not.
-	 *
-	 * @type {string}
-	 */
-	get italic(): boolean {
-		return this._italic;
-	}
-
-	/**
-	 * Whether this style is bold or not.
-	 *
-	 * @type {boolean}
-	 */
-	get bold(): boolean {
-		return this._bold;
-	}
-
-	/**
-	 * Whether this style is underlined or not.
-	 *
-	 * @type {boolean}
-	 */
-	get underline(): boolean {
-		return this._underline;
-	}
-
-	/**
-	 * Whether this style is struck-through or not.
-	 *
-	 * @type {boolean}
-	 */
-	get strikeThrough(): boolean {
-		return this._strikeThrough;
-	}
-
-	/**
-	 * The name of this style's font.
-	 *
-	 * @type {string}
-	 */
-	get fontName(): string {
-		return this._fontName;
-	}
-
-	/**
-	 * The size of this style's font.
-	 *
-	 * @type {number}
-	 */
-	get fontSize(): number {
-		return this._fontSize;
-	}
-
-	/**
-	 * The horizontal scaling of this style's font.
-	 *
-	 * @type {number}
-	 */
-	get fontScaleX(): number {
-		return this._fontScaleX;
-	}
-
-	/**
-	 * The vertical scaling of this style's font.
-	 *
-	 * @type {number}
-	 */
-	get fontScaleY(): number {
-		return this._fontScaleY;
-	}
-
-	/**
-	 * The letter spacing scaling of this style's font.
-	 *
-	 * @type {number}
-	 */
-	get letterSpacing(): number {
-		return this._letterSpacing;
-	}
-
-	/**
-	 * The default Z-rotation of this style.
-	 *
-	 * @type {number}
-	 */
-	get rotationZ(): number {
-		return this._rotationZ;
-	}
-
-	/**
-	 * The color of this style's font.
-	 *
-	 * @type {!libjass.parts.Color}
-	 */
-	get primaryColor(): Color {
-		return this._primaryColor;
-	}
-
-	/**
-	 * The alternate color of this style's font, used in karaoke.
-	 *
-	 * @type {!libjass.parts.Color}
-	 */
-	get secondaryColor(): Color {
-		return this._secondaryColor;
-	}
-
-	/**
-	 * The color of this style's outline.
-	 *
-	 * @type {!libjass.parts.Color}
-	 */
-	get outlineColor(): Color {
-		return this._outlineColor;
-	}
-
-	/**
-	 * The color of this style's shadow.
-	 *
-	 * @type {!libjass.parts.Color}
-	 */
-	get shadowColor(): Color {
-		return this._shadowColor;
-	}
-
-	/**
-	 * The thickness of this style's outline.
-	 *
-	 * @type {number}
-	 */
-	get outlineThickness(): number {
-		return this._outlineThickness;
-	}
-
-	/**
-	 * The border style of this style.
-	 *
-	 * @type {number}
-	 */
-	get borderStyle(): BorderStyle {
-		return this._borderStyle;
-	}
-
-	/**
-	 * The depth of this style's shadow.
-	 *
-	 * @type {number}
-	 */
-	get shadowDepth(): number {
-		return this._shadowDepth;
-	}
-
-	/**
-	 * The alignment of dialogues of this style.
-	 *
-	 * @type {number}
-	 */
-	get alignment(): number {
-		return this._alignment;
-	}
-
-	/**
-	 * The left margin of dialogues of this style.
-	 *
-	 * @type {number}
-	 */
-	get marginLeft(): number {
-		return this._marginLeft;
-	}
-
-	/**
-	 * The right margin of dialogues of this style.
-	 *
-	 * @type {number}
-	 */
-	get marginRight(): number {
-		return this._marginRight;
-	}
-
-	/**
-	 * The vertical margin of dialogues of this style.
-	 *
-	 * @type {number}
-	 */
-	get marginVertical(): number {
-		return this._marginVertical;
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/utility/map.ts b/negromate/web/static/js/libjass/src/utility/map.ts
deleted file mode 100644
index 3687e34..0000000
--- a/negromate/web/static/js/libjass/src/utility/map.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * Map implementation for browsers that don't support it. Only supports keys which are of Number or String type, or which have a property called "id".
- *
- * Keys and values are stored as properties of an object, with property names derived from the key type.
- *
- * @param {!Array.<!Array.<*>>=} iterable Only an array of elements (where each element is a 2-tuple of key and value) is supported.
- */
-class SimpleMap<K, V> implements Map<K, V> {
-	private _keys: { [key: string]: K };
-	private _values: { [key: string]: V };
-	private _size: number;
-
-	constructor(iterable?: [K, V][]) {
-		this.clear();
-
-		if (iterable === undefined) {
-			return;
-		}
-
-		if (!Array.isArray(iterable)) {
-			throw new Error("Non-array iterables are not supported by the SimpleMap constructor.");
-		}
-
-		for (const element of iterable) {
-			this.set(element[0], element[1]);
-		}
-	}
-
-	/**
-	 * @param {K} key
-	 * @return {?V}
-	 */
-	get(key: K): V | undefined {
-		const property = keyToProperty(key);
-
-		if (property === null) {
-			return undefined;
-		}
-
-		return this._values[property];
-	}
-
-	/**
-	 * @param {K} key
-	 * @return {boolean}
-	 */
-	has(key: K): boolean {
-		const property = keyToProperty(key);
-
-		if (property === null) {
-			return false;
-		}
-
-		return property in this._keys;
-	}
-
-	/**
-	 * @param {K} key
-	 * @param {V} value
-	 * @return {libjass.Map.<K, V>} This map
-	 */
-	set(key: K, value: V): this {
-		const property = keyToProperty(key);
-
-		if (property === null) {
-			throw new Error("This Map implementation only supports Number and String keys, or keys with an id property.");
-		}
-
-		if (!(property in this._keys)) {
-			this._size++;
-		}
-
-		this._keys[property] = key;
-		this._values[property] = value;
-
-		return this;
-	}
-
-	/**
-	 * @param {K} key
-	 * @return {boolean} true if the key was present before being deleted, false otherwise
-	 */
-	delete(key: K): boolean {
-		const property = keyToProperty(key);
-
-		if (property === null) {
-			return false;
-		}
-
-		const result = property in this._keys;
-
-		if (result) {
-			delete this._keys[property];
-			delete this._values[property];
-			this._size--;
-		}
-
-		return result;
-	}
-
-	/**
-	 */
-	clear(): void {
-		this._keys = Object.create(null);
-		this._values = Object.create(null);
-		this._size = 0;
-	}
-
-	/**
-	 * @param {function(V, K, libjass.Map.<K, V>)} callbackfn A function that is called with each key and value in the map.
-	 * @param {*} thisArg
-	 */
-	forEach(callbackfn: (value: V, index: K, map: this) => void, thisArg?: any): void {
-		for (const property of Object.keys(this._keys)) {
-			callbackfn.call(thisArg, this._values[property], this._keys[property], this);
-		}
-	}
-
-	/**
-	 * @type {number}
-	 */
-	get size(): number {
-		return this._size;
-	}
-}
-
-/* tslint:disable:variable-name */
-
-/**
- * Set to the global implementation of Map if the environment has one, else set to {@link ./utility/map.SimpleMap}
- *
- * Can be set to a value using {@link libjass.configure}
- *
- * Set it to null to force {@link ./utility/map.SimpleMap} to be used even if a global Map is present.
- *
- * @type {function(new:Map, !Array.<!Array.<*>>=)}
- */
-export let Map: {
-	new <K, V>(iterable?: [K, V][]): Map<K, V>;
-	/* tslint:disable-next-line:member-ordering */
-	prototype: Map<any, any>;
-} = (() => {
-	const globalMap = global.Map;
-
-	if (globalMap === undefined) {
-		return SimpleMap;
-	}
-
-	if (typeof globalMap.prototype.forEach !== "function") {
-		return SimpleMap;
-	}
-
-	try {
-		if (new globalMap([[1, "foo"], [2, "bar"]]).size !== 2) {
-			return SimpleMap;
-		}
-	}
-	catch (ex) {
-		return SimpleMap;
-	}
-
-	return globalMap as any;
-})();
-
-/* tslint:enable:variable-name */
-
-/**
- * Sets the Map implementation used by libjass to the provided one. If null, {@link ./utility/map.SimpleMap} is used.
- *
- * @param {?function(new:Map, !Array.<!Array.<*>>=)} value
- */
-export function setImplementation(value: typeof Map | null): void {
-	if (value !== null) {
-		Map = value;
-	}
-	else {
-		Map = SimpleMap;
-	}
-}
-
-/**
- * Converts the given key into a property name for the internal map.
- *
- * @param {*} key
- * @return {?string}
- */
-function keyToProperty(key: any): string | null {
-	if (typeof key === "number") {
-		return `#${ key }`;
-	}
-
-	if (typeof key === "string") {
-		return `'${ key }`;
-	}
-
-	if ((key as any).id !== undefined) {
-		return `!${ (key as any).id }`;
-	}
-
-	return null;
-}
diff --git a/negromate/web/static/js/libjass/src/utility/mixin.ts b/negromate/web/static/js/libjass/src/utility/mixin.ts
deleted file mode 100644
index 371f6e8..0000000
--- a/negromate/web/static/js/libjass/src/utility/mixin.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * Adds properties of the given mixins' prototypes to the given class's prototype.
- *
- * @param {!*} clazz
- * @param {!Array.<*>} mixins
- */
-export function mixin(clazz: any, mixins: any[]): void {
-	for (const mixin of mixins) {
-		for (const name of Object.getOwnPropertyNames(mixin.prototype)) {
-			clazz.prototype[name] = mixin.prototype[name];
-		}
-	}
-}
diff --git a/negromate/web/static/js/libjass/src/utility/promise.ts b/negromate/web/static/js/libjass/src/utility/promise.ts
deleted file mode 100644
index 18b0f4d..0000000
--- a/negromate/web/static/js/libjass/src/utility/promise.ts
+++ /dev/null
@@ -1,497 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// Based on https://github.com/petkaantonov/bluebird/blob/1b1467b95442c12378d0ea280ede61d640ab5510/src/schedule.js
-const enqueueJob = (function (): (callback: () => void) => void {
-	/* tslint:disable-next-line:variable-name */
-	const MutationObserver = global.MutationObserver || global.WebkitMutationObserver;
-
-	if (global.process !== undefined && typeof global.process.nextTick === "function") {
-		const nextTick = global.process.nextTick;
-		return (callback: () => void) => {
-			nextTick(callback);
-		};
-	}
-	else if (MutationObserver !== undefined) {
-		const pending: (() => void)[] = [];
-		let currentlyPending = false;
-
-		const div = document.createElement("div");
-
-		const observer = new MutationObserver(() => {
-			const processing = pending.splice(0, pending.length);
-
-			for (const callback of processing) {
-				callback();
-			}
-
-			currentlyPending = false;
-
-			if (pending.length > 0) {
-				div.classList.toggle("foo");
-				currentlyPending = true;
-			}
-		});
-
-		observer.observe(div, { attributes: true });
-
-		return (callback: () => void) => {
-			pending.push(callback);
-
-			if (!currentlyPending) {
-				div.classList.toggle("foo");
-				currentlyPending = true;
-			}
-		};
-	}
-	else {
-		return (callback: () => void) => setTimeout(callback, 0);
-	}
-})();
-
-/**
- * Promise implementation for browsers that don't support it.
- *
- * @param {function(function(T|!Thenable.<T>), function(*))} executor
- */
-class SimplePromise<T> {
-	/**
-	 * @param {T|!Thenable.<T>} value
-	 * @return {!Promise.<T>}
-	 */
-	static resolve<T>(value: T | Thenable<T>): Promise<T> {
-		if (value instanceof SimplePromise) {
-			return value;
-		}
-
-		return new Promise<T>(resolve => resolve(value));
-	}
-
-	/**
-	 * @param {*} reason
-	 * @return {!Promise.<T>}
-	 */
-	static reject<T>(reason: any): Promise<T> {
-		return new Promise<T>((/* ujs:unreferenced */ _resolve, reject) => reject(reason));
-	}
-
-	/**
-	 * @param {!Array.<T|!Thenable.<T>>} values
-	 * @return {!Promise.<!Array.<T>>}
-	 */
-	static all<T>(values: (T | Thenable<T>)[]): Promise<T[]> {
-		return new Promise<T[]>((resolve, reject) => {
-			const result: T[] = [];
-
-			let numUnresolved = values.length;
-			if (numUnresolved === 0) {
-				resolve(result);
-				return;
-			}
-
-			values.forEach((value, index) => Promise.resolve(value).then(value => {
-				result[index] = value;
-				numUnresolved--;
-
-				if (numUnresolved === 0) {
-					resolve(result);
-				}
-			}, reject));
-		});
-	}
-
-	/**
-	 * @param {!Array.<T|!Thenable.<T>>} values
-	 * @return {!Promise.<T>}
-	 */
-	static race<T>(values: (T | Thenable<T>)[]): Promise<T> {
-		return new Promise<T>((resolve, reject) => {
-			for (const value of values) {
-				/* tslint:disable-next-line:no-floating-promises */
-				Promise.resolve(value).then(resolve, reject);
-			}
-		});
-	}
-
-	private _state: SimplePromiseState<T> = { state: "pending" };
-	private _fulfillReactions: FulfilledPromiseReaction<T, any>[] = [];
-	private _rejectReactions: RejectedPromiseReaction<any>[] = [];
-
-	constructor(executor: (resolve: (resolution: T | Thenable<T>) => void, reject: (reason: any) => void) => void) {
-		/* tslint:disable-next-line:strict-type-predicates */
-		if (typeof executor !== "function") {
-			throw new TypeError(`typeof executor !== "function"`);
-		}
-
-		const { resolve, reject } = this._createResolvingFunctions();
-		try {
-			executor(resolve, reject);
-		}
-		catch (ex) {
-			reject(ex);
-		}
-	}
-
-	/**
-	 * @param {?function(T):(U|!Thenable.<U>)} onFulfilled
-	 * @param {?function(*):(U|!Thenable.<U>)} onRejected
-	 * @return {!Promise.<U>}
-	 */
-	then<U>(onFulfilled: ((value: T) => U | Thenable<U>) | undefined, onRejected?: (reason: any) => U | Thenable<U>): Promise<U> {
-		const resultCapability = new DeferredPromise<U>();
-
-		if (typeof onFulfilled !== "function") {
-			onFulfilled = (value: T) => value as any as U;
-		}
-
-		if (typeof onRejected !== "function") {
-			onRejected = (reason: any): U => { throw reason; };
-		}
-
-		const fulfillReaction: FulfilledPromiseReaction<T, U> = {
-			capabilities: resultCapability,
-			handler: onFulfilled,
-		};
-
-		const rejectReaction: RejectedPromiseReaction<U> = {
-			capabilities: resultCapability,
-			handler: onRejected,
-		};
-
-		switch (this._state.state) {
-			case "pending":
-				this._fulfillReactions.push(fulfillReaction);
-				this._rejectReactions.push(rejectReaction);
-				break;
-
-			case "fulfilled":
-				enqueueFulfilledReactionJob(fulfillReaction, this._state.value);
-				break;
-
-			case "rejected":
-				enqueueRejectedReactionJob(rejectReaction, this._state.reason);
-				break;
-		}
-
-		return resultCapability.promise;
-	}
-
-	/**
-	 * @param {function(*):(T|!Thenable.<T>)} onRejected
-	 * @return {!Promise.<T>}
-	 */
-	catch(onRejected: (reason: any) => T | Thenable<T>): Promise<T> {
-		return this.then(undefined, onRejected);
-	}
-
-	/**
-	 * @return {{ resolve(T|!Thenable.<T>), reject(*) }}
-	 */
-	private _createResolvingFunctions(): { resolve(resolution: T | Thenable<T>): void; reject(reason: any): void; } {
-		let alreadyResolved = false;
-
-		const resolve = (resolution: T | Thenable<T>): void => {
-			if (alreadyResolved) {
-				return;
-			}
-
-			alreadyResolved = true;
-
-			if (resolution === this) {
-				this._reject(new TypeError(`resolution === this`));
-				return;
-			}
-
-			/* tslint:disable-next-line:strict-type-predicates */
-			if (resolution === null || (typeof resolution !== "object" && typeof resolution !== "function")) {
-				this._fulfill(resolution as T);
-				return;
-			}
-
-			let then: ThenableThen<T>;
-
-			try {
-				then = (resolution as Thenable<T>).then;
-			}
-			catch (ex) {
-				this._reject(ex);
-				return;
-			}
-
-			/* tslint:disable-next-line:strict-type-predicates */
-			if (typeof then !== "function") {
-				this._fulfill(resolution as T);
-				return;
-			}
-
-			enqueueJob(() => this._resolveWithThenable(resolution as Thenable<T>, then));
-		};
-
-		const reject = (reason: any): void => {
-			if (alreadyResolved) {
-				return;
-			}
-
-			alreadyResolved = true;
-
-			this._reject(reason);
-		};
-
-		return { resolve, reject };
-	}
-
-	/**
-	 * @param {!Thenable.<T>} thenable
-	 * @param {{function(this:!Thenable.<T>, function(T|!Thenable.<T>), function(*))}} then
-	 */
-	private _resolveWithThenable(thenable: Thenable<T>, then: ThenableThen<T>): void {
-		const { resolve, reject } = this._createResolvingFunctions();
-
-		try {
-			then.call(thenable, resolve, reject);
-		}
-		catch (ex) {
-			reject(ex);
-		}
-	}
-
-	/**
-	 * @param {T} value
-	 */
-	private _fulfill(value: T): void {
-		const reactions = this._fulfillReactions;
-
-		this._state = { state: "fulfilled", value };
-		this._fulfillReactions = [];
-		this._rejectReactions = [];
-
-		for (const reaction of reactions) {
-			enqueueFulfilledReactionJob(reaction, value);
-		}
-	}
-
-	/**
-	 * @param {*} reason
-	 */
-	private _reject(reason: any): void {
-		const reactions = this._rejectReactions;
-
-		this._state = { state: "rejected", reason };
-		this._fulfillReactions = [];
-		this._rejectReactions = [];
-
-		for (const reaction of reactions) {
-			enqueueRejectedReactionJob(reaction, reason);
-		}
-	}
-}
-
-/* tslint:disable:variable-name */
-
-/**
- * Set to the global implementation of Promise if the environment has one, else set to {@link ./utility/promise.SimplePromise}
- *
- * Can be set to a value using {@link libjass.configure}
- *
- * Set it to null to force {@link ./utility/promise.SimplePromise} to be used even if a global Promise is present.
- *
- * @type {function(new:Promise)}
- */
-export let Promise: {
-	new <T>(init: (resolve: (value: T | Thenable<T>) => void, reject: (reason: any) => void) => void): Promise<T>;
-	/* tslint:disable-next-line:member-ordering */
-	prototype: Promise<any>;
-	resolve<T>(value: T | Thenable<T>): Promise<T>;
-	reject<T>(reason: any): Promise<T>;
-	all<T>(values: (T | Thenable<T>)[]): Promise<T[]>;
-	race<T>(values: (T | Thenable<T>)[]): Promise<T>;
-} = global.Promise || SimplePromise;
-
-/* tslint:enable:variable-name */
-
-interface FulfilledPromiseReaction<T, U> {
-	/** @type {!libjass.DeferredPromise.<U>} */
-	capabilities: DeferredPromise<U>;
-
-	/**
-	 * @param {T} value
-	 * @return {U|!Thenable.<U>}
-	 */
-	handler(value: T): U | Thenable<U>;
-}
-
-interface RejectedPromiseReaction<U> {
-	/** @type {!libjass.DeferredPromise.<U>} */
-	capabilities: DeferredPromise<U>;
-
-	/**
-	 * @param {*} reason
-	 * @return {U|!Thenable.<U>}
-	 */
-	handler(reason: any): U | Thenable<U>;
-}
-
-/**
- * The state of the {@link ./utility/promise.SimplePromise}
- */
-type SimplePromiseState<T> = { state: "pending" } | { state: "fulfilled"; value: T; } | { state: "rejected"; reason: any; };
-
-/**
- * Sets the Promise implementation used by libjass to the provided one. If null, {@link ./utility/promise.SimplePromise} is used.
- *
- * @param {?function(new:Promise)} value
- */
-export function setImplementation(value: typeof Promise | null): void {
-	if (value !== null) {
-		Promise = value;
-	}
-	else {
-		Promise = SimplePromise;
-	}
-}
-
-/**
- * A deferred promise.
- */
-export class DeferredPromise<T> {
-	/**
-	 * @type {function(T|!Thenable.<T>)}
-	 */
-	resolve: (value: T | Thenable<T>) => void;
-
-	/**
-	 * @type {function(*)} reason
-	 */
-	reject: (reason: any) => void;
-
-	private _promise: Promise<T>;
-
-	constructor() {
-		this._promise = new Promise<T>((resolve, reject) => {
-			Object.defineProperties(this, {
-				resolve: { value: resolve, enumerable: true },
-				reject: { value: reject, enumerable: true },
-			});
-		});
-	}
-
-	/**
-	 * @type {!Promise.<T>}
-	 */
-	get promise(): Promise<T> {
-		return this._promise;
-	}
-}
-
-/**
- * Returns a promise that resolves to the first (in iteration order) promise that fulfills, and rejects if all the promises reject.
- *
- * @param {!Array.<!Promise.<T>>} promises
- * @return {!Promise.<T>}
- */
-export function first<T>(promises: Promise<T>[]): Promise<T> {
-	return first_rec(promises, []);
-}
-
-/**
- * @param {!Array.<!Promise.<T>>} promises
- * @param {!Array.<*>} previousRejections
- * @return {!Promise.<T>}
- */
-function first_rec<T>(promises: Promise<T>[], previousRejections: any[]): Promise<T> {
-	if (promises.length === 0) {
-		return Promise.reject(previousRejections);
-	}
-
-	const [head, ...tail] = promises;
-	return head.catch(reason => first_rec(tail, previousRejections.concat(reason)));
-}
-
-/**
- * Returns a promise that resolves to the first (in time order) promise that fulfills, and rejects if all the promises reject.
- *
- * @param {!Array.<!Promise.<T>>} promises
- * @return {!Promise.<T>}
- */
-export function any<T>(promises: Promise<T>[]): Promise<T> {
-	return new Promise<T>((resolve, reject) =>
-		Promise.all<any>(promises.map(promise => promise.then(resolve, reason => reason))).then(reject));
-}
-
-/**
- * Returns a promise that runs the given callback when the promise has resolved regardless of whether it fulfilled or rejected.
- *
- * @param {!Promise.<T>} promise
- * @param {function()} body
- * @return {!Promise.<T>}
- */
-export function lastly<T>(promise: Promise<T>, body: () => void): Promise<T> {
-	return promise.then<any>(value => {
-		body();
-		return value;
-	}, reason => {
-		body();
-		throw reason;
-	});
-}
-
-/**
- * @param {!FulfilledPromiseReaction.<T, *>} reaction
- * @param {T} value
- */
-function enqueueFulfilledReactionJob<T>(reaction: FulfilledPromiseReaction<T, any>, value: T): void {
-	enqueueJob(() => {
-		const { capabilities: { resolve, reject }, handler } = reaction;
-
-		let handlerResult: any | Thenable<any>;
-
-		try {
-			handlerResult = handler(value);
-		}
-		catch (ex) {
-			reject(ex);
-			return;
-		}
-
-		resolve(handlerResult);
-	});
-}
-
-/**
- * @param {!RejectedPromiseReaction.<*>} reaction
- * @param {*} reason
- */
-function enqueueRejectedReactionJob(reaction: RejectedPromiseReaction<any>, reason: any): void {
-	enqueueJob(() => {
-		const { capabilities: { resolve, reject }, handler } = reaction;
-
-		let handlerResult: any | Thenable<any>;
-
-		try {
-			handlerResult = handler(reason);
-		}
-		catch (ex) {
-			reject(ex);
-			return;
-		}
-
-		resolve(handlerResult);
-	});
-}
diff --git a/negromate/web/static/js/libjass/src/utility/set.ts b/negromate/web/static/js/libjass/src/utility/set.ts
deleted file mode 100644
index 28de53a..0000000
--- a/negromate/web/static/js/libjass/src/utility/set.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * Set implementation for browsers that don't support it. Only supports Number and String elements.
- *
- * Elements are stored as properties of an object, with names derived from their type.
- *
- * @param {!Array.<T>=} iterable Only an array of values is supported.
- */
-class SimpleSet<T> implements Set<T> {
-	private _elements: { [key: string]: T };
-	private _size: number;
-
-	constructor(iterable?: T[]) {
-		this.clear();
-
-		if (iterable === undefined) {
-			return;
-		}
-
-		if (!Array.isArray(iterable)) {
-			throw new Error("Non-array iterables are not supported by the SimpleSet constructor.");
-		}
-
-		for (const value of iterable) {
-			this.add(value);
-		}
-	}
-
-	/**
-	 * @param {T} value
-	 * @return {libjass.Set.<T>} This set
-	 */
-	add(value: T): this {
-		const property = toProperty(value);
-
-		if (property === null) {
-			throw new Error("This Set implementation only supports Number and String values.");
-		}
-
-		if (!(property in this._elements)) {
-			this._size++;
-		}
-
-		this._elements[property] = value;
-
-		return this;
-	}
-
-	/**
-	 */
-	clear(): void {
-		this._elements = Object.create(null);
-		this._size = 0;
-	}
-
-	/**
-	 * @param {T} value
-	 * @return {boolean}
-	 */
-	has(value: T): boolean {
-		const property = toProperty(value);
-
-		if (property === null) {
-			return false;
-		}
-
-		return property in this._elements;
-	}
-
-	/**
-	 * @param {function(T, T, libjass.Set.<T>)} callbackfn A function that is called with each value in the set.
-	 * @param {*} thisArg
-	 */
-	forEach(callbackfn: (value: T, index: T, set: this) => void, thisArg?: any): void {
-		for (const property of Object.keys(this._elements)) {
-			const element = this._elements[property];
-			callbackfn.call(thisArg, element, element, this);
-		}
-	}
-
-	/**
-	 * @type {number}
-	 */
-	get size(): number {
-		return this._size;
-	}
-}
-
-/* tslint:disable:variable-name */
-
-/**
- * Set to the global implementation of Set if the environment has one, else set to {@link ./utility/set.SimpleSet}
- *
- * Can be set to a value using {@link libjass.configure}
- *
- * Set it to null to force {@link ./utility/set.SimpleSet} to be used even if a global Set is present.
- *
- * @type {function(new:Set, !Array.<T>=)}
- */
-export let Set: {
-	new <T>(iterable?: T[]): Set<T>;
-	/* tslint:disable-next-line:member-ordering */
-	prototype: Set<any>;
-} = (() => {
-	const globalSet = global.Set;
-
-	if (globalSet === undefined) {
-		return SimpleSet;
-	}
-
-	if (typeof globalSet.prototype.forEach !== "function") {
-		return SimpleSet;
-	}
-
-	try {
-		if ((new globalSet([1, 2])).size !== 2) {
-			return SimpleSet;
-		}
-	}
-	catch (ex) {
-		return SimpleSet;
-	}
-
-	return globalSet as any;
-})();
-
-/* tslint:enable:variable-name */
-
-/**
- * Sets the Set implementation used by libjass to the provided one. If null, {@link ./utility/set.SimpleSet} is used.
- *
- * @param {?function(new:Set, !Array.<T>=)} value
- */
-export function setImplementation(value: typeof Set | null): void {
-	if (value !== null) {
-		Set = value;
-	}
-	else {
-		Set = SimpleSet;
-	}
-}
-
-/**
- * Converts the given value into a property name for the internal map.
- *
- * @param {*} value
- * @return {?string}
- */
-function toProperty(value: any): string | null {
-	if (typeof value === "number") {
-		return `#${ value }`;
-	}
-
-	if (typeof value === "string") {
-		return `'${ value }`;
-	}
-
-	return null;
-}
diff --git a/negromate/web/static/js/libjass/src/webworker/channel.ts b/negromate/web/static/js/libjass/src/webworker/channel.ts
deleted file mode 100644
index 10409d7..0000000
--- a/negromate/web/static/js/libjass/src/webworker/channel.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { deserialize, serialize } from "../serialization";
-
-import { Map } from "../utility/map";
-
-import { DeferredPromise, Promise } from "../utility/promise";
-
-import { WorkerCommands } from "./commands";
-import { getWorkerCommandHandler, registerWorkerCommand } from "./misc";
-
-/**
- * Represents a communication channel between the host and the web worker. An instance of this class is created by calling {@link libjass.webworker.createWorker}
- */
-export interface WorkerChannel {
-	/**
-	 * Sends a request to the other side to execute the given command with the given parameters.
-	 *
-	 * @param {number} command
-	 * @param {*} parameters
-	 * @return {!Promise.<*>} A promise that will get resolved when the other side computes the result
-	 */
-	request(command: WorkerCommands, parameters: any): Promise<any>;
-}
-
-/**
- * The signature of a handler registered to handle a particular command in {@link libjass.webworker.WorkerCommands}
- */
-export type WorkerCommandHandler = (parameters: any) => Promise<any>;
-
-/**
- * The interface implemented by a request sent to the other side of the communication channel.
- */
-interface WorkerRequestMessage {
-	/**
-	 * An internal identifier for this request. Used to connect responses to their corresponding requests.
-	 *
-	 * @type {number}
-	 */
-	requestId: number;
-
-	/**
-	 * The command type of this request.
-	 *
-	 * @type {number}
-	 */
-	command: WorkerCommands;
-
-	/**
-	 * Any parameters serialized with this request.
-	 *
-	 * @type {*}
-	 */
-	parameters: any;
-}
-
-/**
- * The interface implemented by a response received from the other side of the communication channel.
- */
-interface WorkerResponseMessage {
-	/**
-	 * An internal identifier for this response. Used to connect responses to their corresponding requests.
-	 *
-	 * @type {number}
-	 */
-	requestId: number;
-
-	/**
-	 * Set if the computation of this response resulted in an error.
-	 *
-	 * @type {*}
-	 */
-	error: any;
-
-	/**
-	 * The result of computing this response.
-	 *
-	 * @type {*}
-	 */
-	result: any;
-}
-
-/**
- * Internal implementation of libjass.webworker.WorkerChannel
- *
- * @param {!*} comm The object used to talk to the other side of the channel. When created by the main thread, this is the Worker object.
- * When created by the web worker, this is its global object.
- */
-export class WorkerChannelImpl implements WorkerChannel {
-	private static _lastRequestId: number = -1;
-
-	private _pendingRequests: Map<number, DeferredPromise<any>> = new Map<number, DeferredPromise<any>>();
-
-	constructor(private _comm: WorkerCommunication) {
-		this._comm.addEventListener("message", ev => this._onMessage(ev.data as string), false);
-	}
-
-	/**
-	 * @param {number} command
-	 * @param {*} parameters
-	 * @return {!Promise.<*>}
-	 */
-	request(command: WorkerCommands, parameters: any): Promise<any> {
-		const deferred = new DeferredPromise<any>();
-		const requestId = ++WorkerChannelImpl._lastRequestId;
-		this._pendingRequests.set(requestId, deferred);
-
-		const requestMessage: WorkerRequestMessage = { requestId, command, parameters };
-		this._comm.postMessage(serialize(requestMessage));
-
-		return deferred.promise;
-	}
-
-	/**
-	 * @param {number} requestId
-	 */
-	cancelRequest(requestId: number): void {
-		const deferred = this._pendingRequests.get(requestId);
-		if (deferred === undefined) {
-			return;
-		}
-
-		this._pendingRequests.delete(requestId);
-		deferred.reject(new Error("Cancelled."));
-	}
-
-	/**
-	 * @param {!WorkerResponseMessage} message
-	 */
-	private _respond(message: WorkerResponseMessage): void {
-		let { requestId, error, result } = message;
-		if (error instanceof Error) {
-			error = { message: error.message, stack: error.stack };
-		}
-		this._comm.postMessage(serialize({ command: WorkerCommands.Response, requestId, error, result }));
-	}
-
-	/**
-	 * @param {string} rawMessage
-	 */
-	private _onMessage(rawMessage: string): void {
-		const message = deserialize(rawMessage) as { command: WorkerCommands };
-
-		if (message.command === WorkerCommands.Response) {
-			const responseMessage = message as any as WorkerResponseMessage;
-
-			const deferred = this._pendingRequests.get(responseMessage.requestId);
-			if (deferred !== undefined) {
-				this._pendingRequests.delete(responseMessage.requestId);
-				if (responseMessage.error === null) {
-					deferred.resolve(responseMessage.result);
-				}
-				else {
-					deferred.reject(responseMessage.error);
-				}
-			}
-		}
-		else {
-			const requestMessage = message as WorkerRequestMessage;
-			const requestId = requestMessage.requestId;
-
-			const commandCallback = getWorkerCommandHandler(requestMessage.command);
-			if (commandCallback === undefined) {
-				this._respond({ requestId, error: new Error(`No handler registered for command ${ requestMessage.command }`), result: null });
-				return;
-			}
-
-			/* tslint:disable-next-line:no-floating-promises */
-			commandCallback(requestMessage.parameters).then<WorkerResponseMessage>(
-				result => ({ requestId, error: null, result }),
-				error => ({ requestId, error, result: null }),
-			).then(responseMessage => this._respond(responseMessage));
-		}
-	}
-}
-
-registerWorkerCommand(WorkerCommands.Ping, () => Promise.resolve(null));
diff --git a/negromate/web/static/js/libjass/src/webworker/commands.ts b/negromate/web/static/js/libjass/src/webworker/commands.ts
deleted file mode 100644
index f46072d..0000000
--- a/negromate/web/static/js/libjass/src/webworker/commands.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * The commands that can be sent to or from a web worker.
- */
-export enum WorkerCommands {
-	Response = 0,
-	Parse = 1,
-	Ping = 2,
-}
diff --git a/negromate/web/static/js/libjass/src/webworker/index.ts b/negromate/web/static/js/libjass/src/webworker/index.ts
deleted file mode 100644
index f08718b..0000000
--- a/negromate/web/static/js/libjass/src/webworker/index.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { WorkerChannel, WorkerChannelImpl } from "./channel";
-export { WorkerChannel } from "./channel";
-
-export { WorkerCommands } from "./commands";
-
-/**
- * Indicates whether web workers are supposed in this environment or not.
- *
- * @type {boolean}
- */
-export const supported = global.Worker !== undefined;
-
-const _scriptNode = (global.document !== undefined && global.document.currentScript !== undefined) ? global.document.currentScript : null;
-
-/**
- * Create a new web worker and returns a {@link libjass.webworker.WorkerChannel} to it.
- *
- * @param {string=} scriptPath The path to libjass.js to be loaded in the web worker. If the browser supports document.currentScript, the parameter is optional and, if not provided,
- * the path will be determined from the src attribute of the <script> element that contains the currently running copy of libjass.js
- * @return {!libjass.webworker.WorkerChannel} A communication channel to the new web worker.
- */
-export function createWorker(scriptPath?: string): WorkerChannel {
-	if (scriptPath === undefined) {
-		if (_scriptNode === null) {
-			throw new Error("Could not auto-detect path of libjass.js, and explicit path was not passed in.");
-		}
-
-		scriptPath = _scriptNode.src;
-	}
-
-	return new WorkerChannelImpl(new Worker(scriptPath));
-}
-
-if (global.WorkerGlobalScope !== undefined && global instanceof global.WorkerGlobalScope) {
-	// This is a web worker. Set up a channel to talk back to the main thread.
-
-	/* tslint:disable-next-line:no-unused-expression */
-	new WorkerChannelImpl(global);
-}
diff --git a/negromate/web/static/js/libjass/src/webworker/misc.ts b/negromate/web/static/js/libjass/src/webworker/misc.ts
deleted file mode 100644
index 7427e4f..0000000
--- a/negromate/web/static/js/libjass/src/webworker/misc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Map } from "../utility/map";
-
-import { WorkerCommandHandler } from "./channel";
-import { WorkerCommands } from "./commands";
-
-const workerCommands = new Map<WorkerCommands, WorkerCommandHandler>();
-
-/**
- * Registers a handler for the given worker command.
- *
- * @param {number} command The command that this handler will handle. One of the {@link libjass.webworker.WorkerCommands} constants.
- * @param {function(*, function(*, *))} handler The handler. A function of the form (parameters: *, response: function(error: *, result: *): void): void
- */
-export function registerWorkerCommand(command: WorkerCommands, handler: WorkerCommandHandler): void {
-	workerCommands.set(command, handler);
-}
-
-/**
- * Gets the handler for the given worker command.
- *
- * @param {number} command
- * @return {?function(*, function(*, *))}
- */
-export function getWorkerCommandHandler(command: WorkerCommands): WorkerCommandHandler | undefined {
-	return workerCommands.get(command);
-}
diff --git a/negromate/web/static/js/libjass/tests/doc/doc.js b/negromate/web/static/js/libjass/tests/doc/doc.js
deleted file mode 100644
index 71e010d..0000000
--- a/negromate/web/static/js/libjass/tests/doc/doc.js
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "intern/chai!assert", "intern/dojo/node!fs", "intern/dojo/node!path", "intern/dojo/node!sax"], function (tdd, assert, fs, path, sax) {
-	tdd.suite("Documentation tests", function () {
-		var ids = [];
-		var hrefs = [];
-
-		tdd.before(function () {
-			var parser = sax.parser(true);
-
-			parser.onopentag = function (node) {
-				if (node.name === "a" && node.attributes.href[0] === "#") {
-					hrefs.push(node.attributes.href.substr(1));
-				}
-
-				if (node.attributes.id !== undefined) {
-					ids.push(node.attributes.id);
-				}
-			};
-
-			parser.onerror = function (error) { throw error; };
-
-			parser.write(fs.readFileSync(require.toUrl("../libjass-gh-pages/api.xhtml"), { encoding: "utf8" })).close();
-		});
-
-		tdd.test("api.xhtml", function () {
-			var brokenLinks = hrefs.filter(function (href) {
-				return ids.indexOf(href) === -1;
-			});
-
-			assert.equal(brokenLinks.length, 0, "Broken link(s): " + brokenLinks.map(function (href) { return '"' + href + '"'; }).join(", "));
-		});
-
-		tdd.test("README.md", function () {
-			var regex = /\[[^\]]+\]\(http:\/\/arnavion\.github\.io\/libjass\/api\.xhtml#([^)]+)\)/g;
-			var brokenLinks = [];
-
-			var readme = fs.readFileSync(require.toUrl("./README.md"), { encoding: "utf8" });
-
-			var match;
-			while ((match = regex.exec(readme)) !== null) {
-				if (ids.indexOf(match[1]) === -1) {
-					brokenLinks.push(match[1]);
-				}
-			}
-
-			assert.equal(brokenLinks.length, 0, "Broken link(s): " + brokenLinks.map(function (href) { return '"' + href + '"'; }).join(", "));
-		});
-
-		tdd.test("{@link} tags in the source", function () {
-			var regex = /\{@link ([^}]+)\}/g;
-			var brokenLinks = [];
-
-			var libjassJs = fs.readFileSync(require.toUrl("./lib/libjass.js"), { encoding: "utf8" });
-
-			var match;
-			while ((match = regex.exec(libjassJs)) !== null) {
-				if (ids.indexOf(match[1]) === -1) {
-					brokenLinks.push(match[1]);
-				}
-			}
-
-			assert.equal(brokenLinks.length, 0, "Broken link(s): " + brokenLinks.map(function (href) { return '"' + href + '"'; }).join(", "));
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/alpha/alpha.ass b/negromate/web/static/js/libjass/tests/functional/alpha/alpha.ass
deleted file mode 100644
index 6ee9548..0000000
--- a/negromate/web/static/js/libjass/tests/functional/alpha/alpha.ass
+++ /dev/null
@@ -1,18 +0,0 @@
-[Script Info]
-Title: 
-ScriptType: v4.00+
-WrapStyle: 0
-PlayResX: 1280
-PlayResY: 720
-Scroll Position: 0
-Active Line: 0
-Video Zoom Percent: 1
-ScaledBorderAndShadow: yes
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,500,&H7F0000FF,&H00FFFFFF,&H7F000000,&H7F000000,0,0,0,0,100,100,0,0,1,10,0,2,75,75,75,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 0,0:00:00.00,0:10:00.00,Default,,0,0,0,,X
\ No newline at end of file
diff --git a/negromate/web/static/js/libjass/tests/functional/alpha/alpha.js b/negromate/web/static/js/libjass/tests/functional/alpha/alpha.js
deleted file mode 100644
index 9dca43c..0000000
--- a/negromate/web/static/js/libjass/tests/functional/alpha/alpha.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "require", "tests/support/test-page"], function (tdd, require, TestPage) {
-	tdd.suite("alpha", function () {
-		tdd.test("Basic", function () {
-			var testPage = new TestPage(this.remote, require.toUrl("tests/support/browser-test-page.html"), "/tests/functional/alpha/alpha.ass", 1280, 720, "rgb(47, 163, 254)");
-			return testPage
-				.prepare()
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(1, require.toUrl("./alpha-1.png")); })
-				.then(function (testPage) { return testPage.done(); });
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/alpha/chrome/alpha-1.png b/negromate/web/static/js/libjass/tests/functional/alpha/chrome/alpha-1.png
deleted file mode 100644
index 7b13036..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/alpha/chrome/alpha-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/alpha/internet explorer/alpha-1.png b/negromate/web/static/js/libjass/tests/functional/alpha/internet explorer/alpha-1.png
deleted file mode 100644
index 4527235..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/alpha/internet explorer/alpha-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/auto-clock.js b/negromate/web/static/js/libjass/tests/functional/auto-clock.js
deleted file mode 100644
index 7f04035..0000000
--- a/negromate/web/static/js/libjass/tests/functional/auto-clock.js
+++ /dev/null
@@ -1,154 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "intern/chai!assert", "require", "intern/dojo/node!leadfoot/helpers/pollUntil"], function (tdd, assert, require, pollUntil) {
-	tdd.suite("Auto clock", function () {
-		tdd.test("Operations", function () {
-		this.remote.session.setExecuteAsyncTimeout(10000);
-
-		return this.remote
-			.get(require.toUrl("tests/support/browser-test-page.html"))
-			.then(pollUntil('return (document.readyState === "complete") ? true : null;', 100))
-			.execute(function () {
-				window.driverStartTime = 0;
-				window.driverStartTimeAt = new Date();
-				window.driver = function () {
-					return (new Date() - driverStartTimeAt) / 1000 + driverStartTime;
-				};
-
-				window.clock = new libjass.renderers.AutoClock(driver);
-
-				window.events = [];
-
-				clock.addEventListener(libjass.renderers.ClockEvent.Play, function () {
-					events.push("play");
-				});
-
-				clock.addEventListener(libjass.renderers.ClockEvent.Tick, function () {
-					events.push("tick");
-				});
-
-				clock.addEventListener(libjass.renderers.ClockEvent.Pause, function () {
-					events.push("pause");
-				});
-
-				clock.addEventListener(libjass.renderers.ClockEvent.Stop, function () {
-					events.push("stop");
-				});
-
-				return { enabled: clock.enabled, paused: clock.paused, rate: clock.rate, events: events.slice() };
-			})
-			.then(function (clock) {
-				assert.strictEqual(clock.enabled, true);
-				assert.strictEqual(clock.paused, true);
-				assert.strictEqual(clock.rate, 1);
-				assert.deepEqual(clock.events, []);
-			})
-			.executeAsync(function (callback) {
-				clock.play();
-
-				setTimeout(function () {
-					callback({ enabled: clock.enabled, paused: clock.paused, events: events.slice() });
-				}, 1000);
-			})
-			.then(function (clock) {
-				assert.strictEqual(clock.enabled, true);
-				assert.strictEqual(clock.paused, false);
-
-				assert(clock.events.length >= 2);
-				assert.strictEqual(clock.events[0], "play");
-				for (var i = 1; i < clock.events.length; i++) {
-					assert.strictEqual(clock.events[i], "tick");
-				}
-			})
-			.execute(function () {
-				events = [];
-
-				clock.disable();
-
-				return { enabled: clock.enabled, paused: clock.paused, events: events.slice() };
-			})
-			.then(function (clock) {
-				assert.strictEqual(clock.enabled, false);
-				assert.strictEqual(clock.paused, true);
-				assert.deepEqual(clock.events, ["pause", "stop"]);
-			})
-			.execute(function () {
-				events = [];
-
-				clock.enable();
-
-				return { enabled: clock.enabled, paused: clock.paused, events: events.slice() };
-			})
-			.then(function (clock) {
-				assert.strictEqual(clock.enabled, true);
-				assert.strictEqual(clock.paused, true);
-				assert.deepEqual(clock.events, []);
-			})
-			.executeAsync(function (callback) {
-				setTimeout(function () {
-					callback({ enabled: clock.enabled, paused: clock.paused, events: events.slice() });
-				}, 1000);
-			})
-			.then(function (clock) {
-				assert.strictEqual(clock.enabled, true);
-				assert.strictEqual(clock.paused, false);
-
-				assert(clock.events.length >= 2);
-				assert.strictEqual(clock.events[0], "play");
-				for (var i = 1; i < clock.events.length; i++) {
-					assert.strictEqual(clock.events[i], "tick");
-				}
-			})
-			.execute(function () {
-				events = [];
-
-				driverStartTime = 30000;
-				clock.seeking();
-
-				var result = { enabled: clock.enabled, paused: clock.paused, currentTime: clock.currentTime, events: events.slice() };
-				events = [];
-				return result;
-			})
-			.then(function (clock) {
-				assert.strictEqual(clock.enabled, true);
-				assert.strictEqual(clock.paused, true);
-				assert(clock.currentTime >= 30);
-				assert.deepEqual(clock.events, ["pause", "stop", "play", "tick", "pause"]);
-			})
-			.executeAsync(function (callback) {
-				setTimeout(function () {
-					callback({ enabled: clock.enabled, paused: clock.paused, currentTime: clock.currentTime, events: events.slice() });
-				}, 1000);
-			})
-			.then(function (clock) {
-				assert.strictEqual(clock.enabled, true);
-				assert.strictEqual(clock.paused, false);
-				assert(clock.currentTime >= 31);
-
-				assert(clock.events.length >= 2);
-				assert.strictEqual(clock.events[0], "play");
-				for (var i = 1; i < clock.events.length; i++) {
-					assert.strictEqual(clock.events[i], "tick");
-				}
-			});
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-01.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-01.png
deleted file mode 100644
index 75f25fa..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-01.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-02.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-02.png
deleted file mode 100644
index 3a5bb2e..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-02.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-03.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-03.png
deleted file mode 100644
index bc700a2..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-03.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-04.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-04.png
deleted file mode 100644
index fca5314..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-04.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-05.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-05.png
deleted file mode 100644
index ecdc080..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-05.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-06.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-06.png
deleted file mode 100644
index 791883e..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-06.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-07.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-07.png
deleted file mode 100644
index c02d2c2..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-07.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-08.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-08.png
deleted file mode 100644
index 793e42d..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-08.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-09.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-09.png
deleted file mode 100644
index 08aec24..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-09.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-10.png b/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-10.png
deleted file mode 100644
index 14bbb14..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/chrome/frz-10.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/frz.ass b/negromate/web/static/js/libjass/tests/functional/fr/frz.ass
deleted file mode 100644
index 9fab646..0000000
--- a/negromate/web/static/js/libjass/tests/functional/fr/frz.ass
+++ /dev/null
@@ -1,32 +0,0 @@
-[Script Info]
-Title: 
-ScriptType: v4.00+
-WrapStyle: 0
-PlayResX: 1280
-PlayResY: 720
-Scroll Position: 0
-Active Line: 0
-Video Zoom Percent: 1
-ScaledBorderAndShadow: yes
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,90,&H00FFFFFF,&H00000000,&H00000000,&H96000000,0,0,0,0,100,100,0,0,1,0,0,2,75,75,75,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,{\an1\frz45}MM\NMM
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,{\an2\frz45}MM\NMM
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,{\an3\frz45}MM\NMM
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,{\an7\frz45}MM\NMM
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,{\an8\frz45}MM\NMM
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,{\an9\frz45}MM\NMM
-Dialogue: 1,0:00:01.00,0:00:02.00,Default,,0,0,0,,{\an1\pos(640,360)\frz45}MM\NMM
-Dialogue: 1,0:00:02.00,0:00:03.00,Default,,0,0,0,,{\an2\pos(640,360)\frz45}MM\NMM
-Dialogue: 1,0:00:03.00,0:00:04.00,Default,,0,0,0,,{\an3\pos(640,360)\frz45}MM\NMM
-Dialogue: 1,0:00:04.00,0:00:05.00,Default,,0,0,0,,{\an4\pos(640,360)\frz45}MM\NMM
-Dialogue: 1,0:00:05.00,0:00:06.00,Default,,0,0,0,,{\an5\pos(640,360)\frz45}MM\NMM
-Dialogue: 1,0:00:06.00,0:00:07.00,Default,,0,0,0,,{\an6\pos(640,360)\frz45}MM\NMM
-Dialogue: 1,0:00:07.00,0:00:08.00,Default,,0,0,0,,{\an7\pos(640,360)\frz45}MM\NMM
-Dialogue: 1,0:00:08.00,0:00:09.00,Default,,0,0,0,,{\an8\pos(640,360)\frz45}MM\NMM
-Dialogue: 1,0:00:09.00,0:00:10.00,Default,,0,0,0,,{\an9\pos(640,360)\frz45}MM\NMM
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/frz.js b/negromate/web/static/js/libjass/tests/functional/fr/frz.js
deleted file mode 100644
index f439fe6..0000000
--- a/negromate/web/static/js/libjass/tests/functional/fr/frz.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "require", "tests/support/test-page"], function (tdd, require, TestPage) {
-	tdd.suite("fr", function () {
-		tdd.test("frz", function () {
-			var testPage = new TestPage(this.remote, require.toUrl("tests/support/browser-test-page.html"), "/tests/functional/fr/frz.ass", 1280, 720);
-			return testPage
-				.prepare()
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(0.5, require.toUrl("./frz-01.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(1.5, require.toUrl("./frz-02.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(2.5, require.toUrl("./frz-03.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(3.5, require.toUrl("./frz-04.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(4.5, require.toUrl("./frz-05.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(5.5, require.toUrl("./frz-06.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(6.5, require.toUrl("./frz-07.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(7.5, require.toUrl("./frz-08.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(8.5, require.toUrl("./frz-09.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(9.5, require.toUrl("./frz-10.png")); })
-				.then(function (testPage) { return testPage.done(); });
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-01.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-01.png
deleted file mode 100644
index 4e16099..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-01.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-02.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-02.png
deleted file mode 100644
index 7b68295..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-02.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-03.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-03.png
deleted file mode 100644
index 8e4dd11..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-03.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-04.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-04.png
deleted file mode 100644
index b4c32fb..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-04.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-05.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-05.png
deleted file mode 100644
index 9956348..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-05.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-06.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-06.png
deleted file mode 100644
index 76929ac..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-06.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-07.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-07.png
deleted file mode 100644
index 62292f4..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-07.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-08.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-08.png
deleted file mode 100644
index 03c36cd..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-08.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-09.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-09.png
deleted file mode 100644
index e9fcd7e..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-09.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-10.png b/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-10.png
deleted file mode 100644
index c13ba16..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fr/internet explorer/frz-10.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fsc/chrome/fsc-1.png b/negromate/web/static/js/libjass/tests/functional/fsc/chrome/fsc-1.png
deleted file mode 100644
index 8dbf590..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fsc/chrome/fsc-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/fsc/fsc.ass b/negromate/web/static/js/libjass/tests/functional/fsc/fsc.ass
deleted file mode 100644
index d57444c..0000000
--- a/negromate/web/static/js/libjass/tests/functional/fsc/fsc.ass
+++ /dev/null
@@ -1,18 +0,0 @@
-[Script Info]
-Title: 
-ScriptType: v4.00+
-WrapStyle: 0
-PlayResX: 1280
-PlayResY: 720
-Scroll Position: 0
-Active Line: 0
-Video Zoom Percent: 1
-ScaledBorderAndShadow: yes
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,180,&H000000FF,&H00FFFFFF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,10,6,2,75,75,75,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 0,0:00:00.00,0:10:00.00,Default,,0,0,0,,xxx{\fscx50}xxx{\fscx\fscy50}xxx{\fscx50\fscy50}xxx
\ No newline at end of file
diff --git a/negromate/web/static/js/libjass/tests/functional/fsc/fsc.js b/negromate/web/static/js/libjass/tests/functional/fsc/fsc.js
deleted file mode 100644
index 71da01a..0000000
--- a/negromate/web/static/js/libjass/tests/functional/fsc/fsc.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "require", "tests/support/test-page"], function (tdd, require, TestPage) {
-	tdd.suite("fscx and fscy", function () {
-		tdd.test("Basic", function () {
-			var testPage = new TestPage(this.remote, require.toUrl("tests/support/browser-test-page.html"), "/tests/functional/fsc/fsc.ass", 1280, 720);
-			return testPage
-				.prepare()
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(1, require.toUrl("./fsc-1.png")); })
-				.then(function (testPage) { return testPage.done(); });
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/fsc/internet explorer/fsc-1.png b/negromate/web/static/js/libjass/tests/functional/fsc/internet explorer/fsc-1.png
deleted file mode 100644
index 1aea5d9..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/fsc/internet explorer/fsc-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-1.png b/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-1.png
deleted file mode 100644
index b579660..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-2.png b/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-2.png
deleted file mode 100644
index 105b85e..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-2.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-3.png b/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-3.png
deleted file mode 100644
index 105b85e..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-3.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-4.png b/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-4.png
deleted file mode 100644
index adab398..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-4.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-5.png b/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-5.png
deleted file mode 100644
index b433a43..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-5.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-6.png b/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-6.png
deleted file mode 100644
index b433a43..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/chrome/kfx-6.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-1.png b/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-1.png
deleted file mode 100644
index 5dd821c..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-2.png b/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-2.png
deleted file mode 100644
index 5dd821c..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-2.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-3.png b/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-3.png
deleted file mode 100644
index 5dd821c..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-3.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-4.png b/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-4.png
deleted file mode 100644
index 5dd821c..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-4.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-5.png b/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-5.png
deleted file mode 100644
index 5dd821c..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-5.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-6.png b/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-6.png
deleted file mode 100644
index 5dd821c..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/kfx/internet explorer/kfx-6.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/kfx.ass b/negromate/web/static/js/libjass/tests/functional/kfx/kfx.ass
deleted file mode 100644
index 767a2b5..0000000
--- a/negromate/web/static/js/libjass/tests/functional/kfx/kfx.ass
+++ /dev/null
@@ -1,18 +0,0 @@
-[Script Info]
-; Script generated by Aegisub 3.2.2
-; http://www.aegisub.org/
-Title: Default Aegisub file
-ScriptType: v4.00+
-WrapStyle: 0
-ScaledBorderAndShadow: yes
-YCbCr Matrix: None
-PlayResX: 1280
-PlayResY: 720
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,180,&H00FFFFFF,&H000000FF,&H00000000,&H96000000,0,0,0,0,100,100,0,0,1,10,6,2,75,75,75,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 0,0:00:01.00,0:00:07.00,Default,,0,0,0,,{\k100}{\k200}a{\k100}bc{\k200}d
diff --git a/negromate/web/static/js/libjass/tests/functional/kfx/kfx.js b/negromate/web/static/js/libjass/tests/functional/kfx/kfx.js
deleted file mode 100644
index 709bd7e..0000000
--- a/negromate/web/static/js/libjass/tests/functional/kfx/kfx.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "require", "tests/support/test-page"], function (tdd, require, TestPage) {
-	tdd.suite("kfx", function () {
-		tdd.test("Basic", function () {
-			var testPage = new TestPage(this.remote, require.toUrl("tests/support/browser-test-page.html"), "/tests/functional/kfx/kfx.ass", 1280, 720);
-			return testPage
-				.prepare()
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(1.5, require.toUrl("./kfx-1.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(2.5, require.toUrl("./kfx-2.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(3.5, require.toUrl("./kfx-3.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(4.5, require.toUrl("./kfx-4.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(5.5, require.toUrl("./kfx-5.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(6.5, require.toUrl("./kfx-6.png")); })
-				.then(function (testPage) { return testPage.done(); });
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-1.png b/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-1.png
deleted file mode 100644
index ef11e24..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-2.png b/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-2.png
deleted file mode 100644
index 914d7e7..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-2.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-3.png b/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-3.png
deleted file mode 100644
index d1c2396..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-3.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-4.png b/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-4.png
deleted file mode 100644
index d1c2396..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/outlines-4.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/subpixel-1.png b/negromate/web/static/js/libjass/tests/functional/outlines/chrome/subpixel-1.png
deleted file mode 100644
index 1fedb1e..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/subpixel-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/subpixel-2.png b/negromate/web/static/js/libjass/tests/functional/outlines/chrome/subpixel-2.png
deleted file mode 100644
index 064e377..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/chrome/subpixel-2.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-1.png b/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-1.png
deleted file mode 100644
index 4dadff7..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-2.png b/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-2.png
deleted file mode 100644
index 5053db7..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-2.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-3.png b/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-3.png
deleted file mode 100644
index 0ec2991..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-3.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-4.png b/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-4.png
deleted file mode 100644
index 0ec2991..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/outlines-4.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/subpixel-1.png b/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/subpixel-1.png
deleted file mode 100644
index bb37139..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/subpixel-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/subpixel-2.png b/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/subpixel-2.png
deleted file mode 100644
index 07ad8bd..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/outlines/internet explorer/subpixel-2.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/outlines.ass b/negromate/web/static/js/libjass/tests/functional/outlines/outlines.ass
deleted file mode 100644
index f29fe4a..0000000
--- a/negromate/web/static/js/libjass/tests/functional/outlines/outlines.ass
+++ /dev/null
@@ -1,25 +0,0 @@
-[Script Info]
-Title: 
-ScriptType: v4.00+
-WrapStyle: 0
-PlayResX: 1280
-PlayResY: 720
-Scroll Position: 0
-Active Line: 0
-Video Zoom Percent: 1
-ScaledBorderAndShadow: yes
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,180,&H000000FF,&H00FFFFFF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,10,6,2,75,75,75,1
-Style: Default2,Arial,180,&H000000FF,&H00FFFFFF,&H7F000000,&H00000000,0,0,0,0,100,100,0,0,1,10,6,2,75,75,75,1
-Style: Default3,Arial,180,&H9E0000FF,&H9EFFFFFF,&H9E000000,&H9E000000,0,0,0,0,100,100,0,0,1,10,6,2,75,75,75,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,test
-Dialogue: 1,0:00:01.00,0:00:02.00,Default2,,0,0,0,,test
-Dialogue: 1,0:00:02.00,0:00:03.00,Default,,0,0,0,,{\alpha&9E&}test
-Dialogue: 1,0:00:02.00,0:00:03.00,Default3,,0,0,0,,test
-Dialogue: 1,0:00:03.00,0:00:04.00,Default2,,0,0,0,,{\alpha&9E&}test
-Dialogue: 1,0:00:03.00,0:00:04.00,Default3,,0,0,0,,test
\ No newline at end of file
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/outlines.js b/negromate/web/static/js/libjass/tests/functional/outlines/outlines.js
deleted file mode 100644
index abaee35..0000000
--- a/negromate/web/static/js/libjass/tests/functional/outlines/outlines.js
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "require", "tests/support/test-page"], function (tdd, require, TestPage) {
-	tdd.suite("Outlines", function () {
-		tdd.test("Basic", function () {
-			var testPage = new TestPage(this.remote, require.toUrl("tests/support/browser-test-page.html"), "/tests/functional/outlines/outlines.ass", 1280, 720);
-			return testPage
-				.prepare()
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(0.5, require.toUrl("./outlines-1.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(1.5, require.toUrl("./outlines-2.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(2.5, require.toUrl("./outlines-3.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(3.5, require.toUrl("./outlines-4.png")); })
-				.then(function (testPage) { return testPage.done(); });
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/subpixel.ass b/negromate/web/static/js/libjass/tests/functional/outlines/subpixel.ass
deleted file mode 100644
index 1e48f5a..0000000
--- a/negromate/web/static/js/libjass/tests/functional/outlines/subpixel.ass
+++ /dev/null
@@ -1,23 +0,0 @@
-[Script Info]
-Title: 
-ScriptType: v4.00+
-WrapStyle: 0
-PlayResX: 1280
-PlayResY: 720
-Scroll Position: 0
-Active Line: 0
-Video Zoom Percent: 1
-ScaledBorderAndShadow: yes
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,180,&H00FFFFFF,&H00FFFFFF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,5,0,2,75,75,75,1
-Style: Default2,Arial,180,&H00FFFFFF,&H00FFFFFF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,4.75,0,2,75,75,75,1
-Style: Default3,Arial,180,&H00FFFFFF,&H00FFFFFF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,5.5,0,2,75,75,75,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,test1
-Dialogue: 1,0:00:00.00,0:00:01.00,Default2,,0,0,0,,test1
-Dialogue: 1,0:00:01.00,0:00:02.00,Default,,0,0,0,,test2
-Dialogue: 1,0:00:01.00,0:00:02.00,Default3,,0,0,0,,test2
diff --git a/negromate/web/static/js/libjass/tests/functional/outlines/subpixel.js b/negromate/web/static/js/libjass/tests/functional/outlines/subpixel.js
deleted file mode 100644
index 7290d1e..0000000
--- a/negromate/web/static/js/libjass/tests/functional/outlines/subpixel.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "require", "tests/support/test-page"], function (tdd, require, TestPage) {
-	tdd.suite("Outlines", function () {
-		tdd.test("Subpixel", function () {
-			var testPage = new TestPage(this.remote, require.toUrl("tests/support/browser-test-page.html"), "/tests/functional/outlines/subpixel.ass", 1280, 720);
-			return testPage
-				.prepare()
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(0.5, require.toUrl("./subpixel-1.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(1.5, require.toUrl("./subpixel-2.png")); })
-				.then(function (testPage) { return testPage.done(); });
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/r/alpha.ass b/negromate/web/static/js/libjass/tests/functional/r/alpha.ass
deleted file mode 100644
index 0842638..0000000
--- a/negromate/web/static/js/libjass/tests/functional/r/alpha.ass
+++ /dev/null
@@ -1,19 +0,0 @@
-[Script Info]
-Title: 
-ScriptType: v4.00+
-WrapStyle: 0
-PlayResX: 1280
-PlayResY: 720
-Scroll Position: 0
-Active Line: 0
-Video Zoom Percent: 1
-ScaledBorderAndShadow: yes
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,180,&H7F0000FF,&H00FFFFFF,&H7F00FF00,&H00000000,0,0,0,0,100,100,0,0,1,10,6,2,75,75,75,1
-Style: Default2,Arial,180,&HF00000FF,&H00FFFFFF,&HF000FF00,&H00000000,0,0,0,0,100,100,0,0,1,10,6,2,75,75,75,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 1,0:00:00.00,0:00:01.00,Default,,0,0,0,,a{\alpha&00&}b{\rDefault2}c{\alpha&D0&}d
\ No newline at end of file
diff --git a/negromate/web/static/js/libjass/tests/functional/r/alpha.js b/negromate/web/static/js/libjass/tests/functional/r/alpha.js
deleted file mode 100644
index d6522c9..0000000
--- a/negromate/web/static/js/libjass/tests/functional/r/alpha.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "require", "tests/support/test-page"], function (tdd, require, TestPage) {
-	tdd.suite("r", function () {
-		tdd.test("Alpha", function () {
-			var testPage = new TestPage(this.remote, require.toUrl("tests/support/browser-test-page.html"), "/tests/functional/r/alpha.ass", 1280, 720);
-			return testPage
-				.prepare()
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(0.5, require.toUrl("./alpha-1.png")); })
-				.then(function (testPage) { return testPage.done(); });
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/r/chrome/alpha-1.png b/negromate/web/static/js/libjass/tests/functional/r/chrome/alpha-1.png
deleted file mode 100644
index c540611..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/r/chrome/alpha-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/r/internet explorer/alpha-1.png b/negromate/web/static/js/libjass/tests/functional/r/internet explorer/alpha-1.png
deleted file mode 100644
index 280ec69..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/r/internet explorer/alpha-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/alpha.ass b/negromate/web/static/js/libjass/tests/functional/t/alpha.ass
deleted file mode 100644
index ab0eaa8..0000000
--- a/negromate/web/static/js/libjass/tests/functional/t/alpha.ass
+++ /dev/null
@@ -1,24 +0,0 @@
-[Script Info]
-Title: 
-ScriptType: v4.00+
-WrapStyle: 0
-PlayResX: 1280
-PlayResY: 720
-Scroll Position: 0
-Active Line: 0
-Video Zoom Percent: 1
-ScaledBorderAndShadow: yes
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,180,&H0F0000FF,&H00FFFFFF,&H0F00FF00,&H0F000000,0,0,0,0,100,100,0,0,1,10,6,2,75,75,75,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 1,0:00:00.00,0:00:7.00,Default,,0,0,0,,{\t(2000,5000,\alpha&6F&)}test
-Dialogue: 1,0:00:00.90,0:00:01.10,Default,,0,0,0,,{\alpha&0F&)}test
-Dialogue: 1,0:00:01.90,0:00:02.10,Default,,0,0,0,,{\alpha&0F&)}test
-Dialogue: 1,0:00:02.90,0:00:03.10,Default,,0,0,0,,{\alpha&2F&)}test
-Dialogue: 1,0:00:03.90,0:00:04.10,Default,,0,0,0,,{\alpha&4F&)}test
-Dialogue: 1,0:00:04.90,0:00:05.10,Default,,0,0,0,,{\alpha&6F&)}test
-Dialogue: 1,0:00:05.90,0:00:06.10,Default,,0,0,0,,{\alpha&6F&)}test
diff --git a/negromate/web/static/js/libjass/tests/functional/t/alpha.js b/negromate/web/static/js/libjass/tests/functional/t/alpha.js
deleted file mode 100644
index 294e6be..0000000
--- a/negromate/web/static/js/libjass/tests/functional/t/alpha.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "require", "tests/support/test-page"], function (tdd, require, TestPage) {
-	tdd.suite("t", function () {
-		tdd.test("Alpha", function () {
-			var testPage = new TestPage(this.remote, require.toUrl("tests/support/browser-test-page.html"), "/tests/functional/t/alpha.ass", 1280, 720);
-			return testPage
-				.prepare()
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(1, require.toUrl("./alpha-1.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(2, require.toUrl("./alpha-2.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(3, require.toUrl("./alpha-3.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(4, require.toUrl("./alpha-4.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(5, require.toUrl("./alpha-5.png")); })
-				.then(function (testPage) { return testPage.seekAndCompareScreenshot(6, require.toUrl("./alpha-6.png")); })
-				.then(function (testPage) { return testPage.done(); });
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-1.png b/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-1.png
deleted file mode 100644
index 1cf312b..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-2.png b/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-2.png
deleted file mode 100644
index 1cf312b..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-2.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-3.png b/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-3.png
deleted file mode 100644
index c10fc54..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-3.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-4.png b/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-4.png
deleted file mode 100644
index 47f218f..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-4.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-5.png b/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-5.png
deleted file mode 100644
index 365ac1d..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-5.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-6.png b/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-6.png
deleted file mode 100644
index 365ac1d..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/chrome/alpha-6.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-1.png b/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-1.png
deleted file mode 100644
index ce5a0da..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-1.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-2.png b/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-2.png
deleted file mode 100644
index ce5a0da..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-2.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-3.png b/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-3.png
deleted file mode 100644
index 8f30b05..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-3.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-4.png b/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-4.png
deleted file mode 100644
index 7d12904..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-4.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-5.png b/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-5.png
deleted file mode 100644
index 9c3dcaf..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-5.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-6.png b/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-6.png
deleted file mode 100644
index 9c3dcaf..0000000
Binary files a/negromate/web/static/js/libjass/tests/functional/t/internet explorer/alpha-6.png and /dev/null differ
diff --git a/negromate/web/static/js/libjass/tests/intern-doc.js b/negromate/web/static/js/libjass/tests/intern-doc.js
deleted file mode 100644
index 464888b..0000000
--- a/negromate/web/static/js/libjass/tests/intern-doc.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern"], {
-	suites: [
-		"tests/doc/doc"
-	],
-	excludeInstrumentation: /^(?:tests|node_modules)[/\\]/,
-});
diff --git a/negromate/web/static/js/libjass/tests/intern.js b/negromate/web/static/js/libjass/tests/intern.js
deleted file mode 100644
index 9f27b67..0000000
--- a/negromate/web/static/js/libjass/tests/intern.js
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern"], function (intern) {
-	var result = {
-		suites: [
-			"tests/unit/attachments",
-			"tests/unit/manual-clock",
-			"tests/unit/minified",
-			"tests/unit/miscellaneous",
-			"tests/unit/polyfills",
-			"tests/unit/primitives",
-			"tests/unit/serialization",
-			"tests/unit/tags",
-			"tests/unit/webworker"
-		],
-		functionalSuites: [
-			"tests/functional/alpha/alpha",
-			"tests/functional/auto-clock",
-			"tests/functional/fr/frz",
-			"tests/functional/fsc/fsc",
-			"tests/functional/kfx/kfx",
-			"tests/functional/outlines/outlines",
-			"tests/functional/outlines/subpixel",
-			"tests/functional/r/alpha",
-			"tests/functional/t/alpha"
-		],
-		loaderOptions: {
-			packages: [{
-				name: "libjass",
-				location: "lib",
-				main: (intern.args.minified === "true") ? "libjass.min" : "libjass",
-			}]
-		},
-		instrumenterOptions: {
-			codeGenerationOptions: {
-				verbatim: "raw",
-			},
-		},
-		excludeInstrumentation: /^(?:tests|node_modules)\//,
-		tunnel: "NullTunnel",
-		environments: [
-			{ browserName: "chrome" },
-			{ browserName: "internet explorer", version: "11" }
-		],
-	};
-
-	return result;
-});
diff --git a/negromate/web/static/js/libjass/tests/support/browser-test-page.css b/negromate/web/static/js/libjass/tests/support/browser-test-page.css
deleted file mode 100644
index 6d430bb..0000000
--- a/negromate/web/static/js/libjass/tests/support/browser-test-page.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-body {
-	margin: 0;
-	padding: 0;
-	box-sizing: border-box;
-}
-
-.libjass-wrapper {
-	background-color: rgb(47, 163, 254);
-}
diff --git a/negromate/web/static/js/libjass/tests/support/browser-test-page.html b/negromate/web/static/js/libjass/tests/support/browser-test-page.html
deleted file mode 100644
index 6619a9e..0000000
--- a/negromate/web/static/js/libjass/tests/support/browser-test-page.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-	<head>
-		<title>&gt;2012 &gt;Streaman Animu</title>
-		<link rel="stylesheet" href="../../lib/libjass.css" />
-		<link rel="stylesheet" href="browser-test-page.css" />
-		<script src="../../lib/libjass.js"></script>
-	</head>
-	<body>
-		<div class="libjass-wrapper" />
-	</body>
-</html>
diff --git a/negromate/web/static/js/libjass/tests/support/parser-test.js b/negromate/web/static/js/libjass/tests/support/parser-test.js
deleted file mode 100644
index d1fdcfb..0000000
--- a/negromate/web/static/js/libjass/tests/support/parser-test.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern/chai!assert", "libjass"], function (assert, libjass) {
-	return function (input, rule, expected) {
-		return function () {
-			var actual = null;
-
-			try {
-				actual = libjass.parser.parse(input, rule);
-			}
-			catch (parseException) {
-				if (expected !== null) {
-					throw new Error("Expected parse to succeed but it threw an exception: " + parseException.stack);
-				}
-
-				assert.strictEqual(parseException.message, "Parse failed.");
-				return;
-			}
-
-			if (expected === null) {
-				throw new Error("Expected parse to fail.");
-			}
-
-			if (actual === null) {
-				throw new Error("Parse failed without throwing an exception.");
-			}
-
-			assert.deepEqual(actual, expected);
-		};
-	}
-});
diff --git a/negromate/web/static/js/libjass/tests/support/test-page.js b/negromate/web/static/js/libjass/tests/support/test-page.js
deleted file mode 100644
index 511876d..0000000
--- a/negromate/web/static/js/libjass/tests/support/test-page.js
+++ /dev/null
@@ -1,143 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define([
-	"intern/dojo/node!fs",
-	"intern/dojo/node!path",
-	"intern/dojo/node!pngjs",
-	"intern/chai!assert",
-	"intern/dojo/node!leadfoot/helpers/pollUntil",
-	"libjass"
-], function (fs, path, pngjs, assert, pollUntil, libjass) {
-	function TestPage(remote, pageUrl, assUrl, targetWidth, targetHeight) {
-		this._remote = remote;
-		this._pageUrl = pageUrl;
-		this._assUrl = assUrl;
-		this._targetWidth = targetWidth;
-		this._targetHeight = targetHeight;
-		this._errors = [];
-	}
-
-	TestPage.prototype.prepare = function () {
-		var _this = this;
-
-		this._remote.session.setExecuteAsyncTimeout(10000);
-
-		return this._remote
-			.setWindowSize(1440, 900)
-			.get(this._pageUrl)
-			.then(pollUntil('return (document.readyState === "complete") ? true : null;', 100))
-			.executeAsync(function (assUrl, callback) {
-				libjass.ASS.fromUrl(assUrl).then(function (ass) {
-					var clock = window.clock = new libjass.renderers.ManualClock();
-					var libjassSubsWrapper = document.querySelector(".libjass-wrapper");
-
-					libjassSubsWrapper.style.width = ass.properties.resolutionX + "px";
-					libjassSubsWrapper.style.height = ass.properties.resolutionY + "px";
-
-					var renderer = new libjass.renderers.WebRenderer(ass, clock, libjassSubsWrapper);
-					renderer.addEventListener("ready", function () {
-						try {
-							renderer.resize(ass.properties.resolutionX, ass.properties.resolutionY);
-							clock.pause();
-							callback(null);
-						}
-						catch (ex) {
-							callback({ name: ex.name, message: ex.message, stack: ex.stack });
-						}
-					});
-				}).catch(function (ex) {
-					callback({ name: ex.name, message: ex.message, stack: ex.stack });
-				});
-			}, [this._assUrl])
-			.then(function (err) {
-				if (err) {
-					throw Object.create(Error.prototype, {
-						name: { value: err.name },
-						message: { value: err.message },
-						stack: { value: err.stack }
-					});
-				}
-
-				return _this;
-			});
-	};
-
-	TestPage.prototype.seekAndCompareScreenshot = function (time, filename) {
-		var _this = this;
-
-		filename = path.join(path.dirname(filename), this._remote.session.capabilities.browserName, path.basename(filename));
-
-		return this._remote
-			.executeAsync(function (time, callback) { window.clock.seek(time); setTimeout(callback, 1000); }, [time])
-			.takeScreenshot()
-			.then(function (buffer) {
-				return new libjass.Promise(function (resolve, reject) {
-					new pngjs.PNG().parse(buffer, function (error, input) {
-						if (error !== null) {
-							reject(error);
-							return;
-						}
-
-						var output = new pngjs.PNG({ width: _this._targetWidth, height: _this._targetHeight });
-						input.bitblt(output, 0, 0, _this._targetWidth, _this._targetHeight, 0, 0);
-						resolve(output);
-					});
-				});
-			})
-			.then(function (screenshot) {
-				return new libjass.Promise(function (resolve, reject) {
-					var baselineBuffer = fs.readFileSync(filename);
-					new pngjs.PNG().parse(baselineBuffer, function (error, baseline) {
-						if (error !== null) {
-							reject(error);
-							return;
-						}
-
-						try {
-							assert.equal(0, screenshot.data.compare(baseline.data), filename + " does not match!");
-							resolve();
-						}
-						catch (ex) {
-							reject(ex);
-						}
-					});
-				}).catch(function (err) {
-					return new libjass.Promise(function (resolve, reject) {
-						var newFilename = filename.substr(0, filename.length - path.extname(filename).length) + "-new" + path.extname(filename);
-						screenshot.pack().pipe(fs.createWriteStream(newFilename)).once("error", reject).on("finish", function () { reject(err); });
-					}).catch(function (err) {
-						_this._errors.push(err);
-					});
-				});
-			})
-			.then(function () { return _this; });
-	};
-
-	TestPage.prototype.done = function () {
-		if (this._errors.length === 0) {
-			return this;
-		}
-
-		throw new Error(this._errors.map(function (error) { return error.message; }).join("\n"));
-	};
-
-	return TestPage;
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/1.ass b/negromate/web/static/js/libjass/tests/unit/1.ass
deleted file mode 100644
index cadcf31..0000000
--- a/negromate/web/static/js/libjass/tests/unit/1.ass
+++ /dev/null
@@ -1,32 +0,0 @@
-[Script Info]
-; Script generated by Aegisub 2.1.8
-; http://www.aegisub.org/
-Title:   Default Aegisub file
-ScriptType: v4.00+
-WrapStyle:   0
-PlayResX:   1280
-PlayResY:   720
-ScaledBorderAndShadow:   yes
-Collisions:   Normal
-Video Aspect Ratio: 0
-Video Zoom: 6
-Video Position: 0
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,50,&H00F1F4F9,&H000000FF,&H000F1115,&H96000000,0,0,0,0,100,100,0,0,1,1.5,0,2,80,80,35,1
-Style: sign1,Times New Roman,50,&H00FFFFFF,&H000000FF,&H4B000000,&H00000000,0,0,0,0,100,100,0,0,1,1.8,0,8,20,20,15,0
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-
-Comment: 4,0:00:23.51,0:00:31.57,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Lorem ipsum
-Comment: 4,0:00:31.57,0:00:38.93,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Dolor sit amet, libero magna pellentesque
-Comment: 4,0:00:38.93,0:00:55.24,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Morbi wisi risus urna aenean eget tincidunt
-
-Dialogue: 1,0:04:23.70,0:04:27.95,sign1,,0000,0000,0000,,{\c&H1C2B39&\3c&H1E637A&\bord0\blur1.8\pos(1157,423)}Sociosqu{...ultrices fringilla, tortor sodales interdum aliquam}
-Dialogue: 0,0:04:23.70,0:04:27.95,sign1,,0000,0000,0000,,{\c&H1E637A&\3c&H1E637A&\bord8\blur4\pos(1157,423)}Sociosqu
-Dialogue: 0,0:05:52.83,0:05:56.28,sign2,,0000,0000,0000,,{\fad(500,0)\frz352.385\blur2\pos(549,501)\c&HAEA2BB&\b1}Laoreet vestibulum parturient aliquam per!?
-Dialogue: 0,0:00:00.00,0:00:00.00,Default,,0000,0000,0000,,
-Dialogue: 0,0:01:15.94,0:01:17.28,Default,,0000,0000,0000,,Eget odio auctor pede porta?
-Dialogue: 0,0:01:17.67,0:01:18.52,Default,,0000,0000,0000,,Vestibulum.
diff --git a/negromate/web/static/js/libjass/tests/unit/2.ass b/negromate/web/static/js/libjass/tests/unit/2.ass
deleted file mode 100644
index 4cc8971..0000000
--- a/negromate/web/static/js/libjass/tests/unit/2.ass
+++ /dev/null
@@ -1,43 +0,0 @@
-[Script Info]
-; Script generated by Aegisub 2.1.8
-; http://www.aegisub.org/
-Title: English
-ScriptType: v4.00+
-WrapStyle: 0
-PlayResX: 1280
-PlayResY: 720
-ScaledBorderAndShadow: yes
-Collisions: Normal
-X-AntiAlias: 1
-X-Created: 3 hours ago
-X-MediaID: 573382
-X-VideoID:
-X-ScriptID: 54834
-X-LanguageCode: enUS
-X-Language: English (US)
-X-Progress:
-X-Status: Approved
-Video File: eleifend .mkv
-Video Aspect Ratio: 0
-Video Zoom: 2
-Video Position: 33092
-Audio File: ?video
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,51,&H00FFFFFF,&H000000FF,&H00192D19,&HA0062210,-1,0,0,0,100,100,0,0,1,3,1,2,110,110,40,0
-Style: op kara,Times New Roman,50,&H00000000,&H000000FF,&H00FFFFFF,&H00FFFFFF,0,0,0,0,100,100,2,0,1,3,3,8,40,40,33,1
-Style: op trans,Unifont,45,&H00FFFFFF,&H000000FF,&H00131315,&H00000000,-1,0,0,0,95,110,2,0,1,3,0,2,40,40,33,1
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Comment: 1,0:22:20.06,0:22:20.06,Default,,0000,0000,0000,,{\blur1.2\fad(250,300)}Viverra
-Comment: 1,0:22:20.06,0:22:20.06,Default,,0000,0000,0000,,{\blur1.2\fad(250,300)}Turpis
-
-Dialogue: 0,0:10:46.46,0:10:52.13,op trans,,0000,0000,0000,,{\fad(200,0)}Sapien rhoncus, suscipit posuere in nunc pellentesque
-Dialogue: 0,0:10:52.13,0:10:58.82,op trans,,0000,0000,0000,,{}Orci ipsum. Et nunc varius morbi tincidunt urna
-Dialogue: 0,0:10:58.82,0:11:04.02,op trans,,0000,0000,0000,,{}Justo sagittis nisl ut non elit leo, aliquam id
-Dialogue: 0,0:10:46.46,0:10:46.66,op kara,,0000,0000,0000,fx,{\fad(200,0)(\pos(640,33)\alpha&H00&\blur2}id maecenas mi in ut varius nunc
-Dialogue: 0,0:10:46.66,0:10:46.86,op kara,,0000,0000,0000,fx,{(\pos(643,30)\alpha&H00&\blur2}id maecenas mi in ut varius nunc
-Dialogue: 0,0:10:46.86,0:10:47.06,op kara,,0000,0000,0000,fx,{(\pos(637,37)\alpha&H00&\blur1\bord1}id maecenas mi in ut varius nunc
-Dialogue: 0,0:00:03.37,0:00:07.94,Default,,0000,0000,0000,,Sed arcu non wisi sed\Nante nisl pede aliquam
-Dialogue: 0,0:00:08.67,0:00:09.28,Default,,0000,0000,0000,,Porta.
-Dialogue: 0,0:00:12.02,0:00:16.02,Default,,0000,0000,0000,,Accumsan ac facilisi, aenean mi,
diff --git a/negromate/web/static/js/libjass/tests/unit/3.ass b/negromate/web/static/js/libjass/tests/unit/3.ass
deleted file mode 100644
index ee092b9..0000000
--- a/negromate/web/static/js/libjass/tests/unit/3.ass
+++ /dev/null
@@ -1,33 +0,0 @@
-[Script Info]
-; Script generated by Aegisub 2.1.8
-; http://www.aegisub.org/
-Title:   Default Aegisub file
-ScriptType: v4.00+
-WrapStyle:   0
-PlayResX:   1280
-PlayResY:   720
-ScaledBorderAndShadow:   yes
-Collisions:   Normal
-Video Aspect Ratio: 0
-Video Zoom: 6
-Video Position: 0
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,50,&H00F1F4F9,&H000000FF,&H000F1115,&H96000000,0,0,0,0,100,100,0,0,1,1.5,0,2,80,80,35,1
-Style: sign1,Times New Roman,50,&H00FFFFFF,&H000000FF,&H4B000000,&H00000000,0,0,0,0,100,100,0,0,1,1.8,0,8,20,20,15,0
-Style: sign2,Unifont,42,&H00000000,&H000000FF,&H00FFFFFF,&H00000000,0,0,0,0,100,100,0,0,1,0,0,8,10,10,10,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-
-Comment: 4,0:00:23.51,0:00:31.57,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Lorem ipsum
-Comment: 4,0:00:31.57,0:00:38.93,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Dolor sit amet, libero magna pellentesque
-Comment: 4,0:00:38.93,0:00:55.24,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Morbi wisi risus urna aenean eget tincidunt
-
-Dialogue: 1,0:04:23.70,0:04:27.95,sign1,,0000,0000,0000,,{\c&H1C2B39&\3c&H1E637A&\bord0\blur1.8\pos(1157,423)}Sociosqu{...ultrices fringilla, tortor sodales interdum aliquam}
-Dialogue: 0,0:04:23.70,0:04:27.95,sign1,,0000,0000,0000,,{\c&H1E637A&\3c&H1E637A&\bord8\blur4\pos(1157,423)}Sociosqu
-Dialogue: 0,0:05:52.83,0:05:56.28,sign2,,0000,0000,0000,,{\fad(500,0)\frz352.385\blur2\pos(549,501)\c&HAEA2BB&\b1}Laoreet vestibulum parturient aliquam per!?
-Dialogue: 0,0:00:00.00,0:00:00.00,Default,,0000,0000,0000,,
-Dialogue: 0,0:01:15.94,0:01:17.28,Default,,0000,0000,0000,,Eget odio auctor pede porta?
-Dialogue: 0,0:01:17.67,0:01:18.52,Default,,0000,0000,0000,,Vestibulum.
\ No newline at end of file
diff --git a/negromate/web/static/js/libjass/tests/unit/4.ass b/negromate/web/static/js/libjass/tests/unit/4.ass
deleted file mode 100644
index 837755f..0000000
--- a/negromate/web/static/js/libjass/tests/unit/4.ass
+++ /dev/null
@@ -1,22 +0,0 @@
-[Script Info]
-; Script generated by Aegisub 2.1.8
-; http://www.aegisub.org/
-Title:   Default Aegisub file
-ScriptType: v4.00+
-WrapStyle:   0
-PlayResX:   1280
-PlayResY:   720
-ScaledBorderAndShadow:   yes
-Collisions:   Normal
-Video Aspect Ratio: 0
-Video Zoom: 6
-Video Position: 0
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,50,&H00F1F4F9,&H000000FF,&H000F1115,&H96000000,0,0,0,0,100,100,0,0,1,1.5,0,2,80,80,35,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-
-Dialogue: 0,0:01:15.94,0:01:17.28,default,,0000,0000,0000,,Eget odio auctor pede porta?
\ No newline at end of file
diff --git a/negromate/web/static/js/libjass/tests/unit/5.ass b/negromate/web/static/js/libjass/tests/unit/5.ass
deleted file mode 100644
index 9e75ba7..0000000
--- a/negromate/web/static/js/libjass/tests/unit/5.ass
+++ /dev/null
@@ -1,22 +0,0 @@
-[Script Info]
-; Script generated by Aegisub 2.1.8
-; http://www.aegisub.org/
-Title:   Default Aegisub file
-ScriptType: v4.00+
-WrapStyle:   0
-PlayResX:   1280
-PlayResY:   720
-ScaledBorderAndShadow:   yes
-Collisions:   Normal
-Video Aspect Ratio: 0
-Video Zoom: 6
-Video Position: 0
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: default,Arial,50,&H00F1F4F9,&H000000FF,&H000F1115,&H96000000,0,0,0,0,100,100,0,0,1,1.5,0,2,80,80,35,1
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-
-Dialogue: 0,0:01:15.94,0:01:17.28,default,,0000,0000,0000,,Eget odio auctor pede porta?
\ No newline at end of file
diff --git a/negromate/web/static/js/libjass/tests/unit/6.ass b/negromate/web/static/js/libjass/tests/unit/6.ass
deleted file mode 100644
index d72e4ec..0000000
--- a/negromate/web/static/js/libjass/tests/unit/6.ass
+++ /dev/null
@@ -1,24 +0,0 @@
-[Script Info]
-; Script generated by Aegisub 2.1.8
-; http://www.aegisub.org/
-Title:   Default Aegisub file
-ScriptType: v4.00+
-WrapStyle:   0
-PlayResX:   1280
-PlayResY:   720
-ScaledBorderAndShadow:   yes
-Collisions:   Normal
-Video Aspect Ratio: 0
-Video Zoom: 6
-Video Position: 0
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: **Default,Arial,50,&H00F1F4F9,&H000000FF,&H000F1115,&H96000000,0,0,0,0,100,100,0,0,1,1.5,0,2,80,80,35,1
-Style: **sign1,Times New Roman,50,&H00FFFFFF,&H000000FF,&H4B000000,&H00000000,0,0,0,0,100,100,0,0,1,1.8,0,8,20,20,15,0
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-
-Dialogue: 1,0:04:23.70,0:04:27.95,*sign1,,0000,0000,0000,,{\c&H1C2B39&\3c&H1E637A&\bord0\blur1.8\pos(1157,423)}Sociosqu{...ultrices fringilla, tortor sodales interdum aliquam}
-Dialogue: 0,0:01:15.94,0:01:17.28,*Default,,0000,0000,0000,,Eget odio auctor pede porta?
\ No newline at end of file
diff --git a/negromate/web/static/js/libjass/tests/unit/7.ass b/negromate/web/static/js/libjass/tests/unit/7.ass
deleted file mode 100644
index 353b020..0000000
--- a/negromate/web/static/js/libjass/tests/unit/7.ass
+++ /dev/null
@@ -1,31 +0,0 @@
-; Script generated by Aegisub 2.1.8
-; http://www.aegisub.org/
-Title:   Default Aegisub file
-ScriptType: v4.00+
-WrapStyle:   0
-PlayResX:   1280
-PlayResY:   720
-ScaledBorderAndShadow:   yes
-Collisions:   Normal
-Video Aspect Ratio: 0
-Video Zoom: 6
-Video Position: 0
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,50,&H00F1F4F9,&H000000FF,&H000F1115,&H96000000,0,0,0,0,100,100,0,0,1,1.5,0,2,80,80,35,1
-Style: sign1,Times New Roman,50,&H00FFFFFF,&H000000FF,&H4B000000,&H00000000,0,0,0,0,100,100,0,0,1,1.8,0,8,20,20,15,0
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-
-Comment: 4,0:00:23.51,0:00:31.57,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Lorem ipsum
-Comment: 4,0:00:31.57,0:00:38.93,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Dolor sit amet, libero magna pellentesque
-Comment: 4,0:00:38.93,0:00:55.24,OP,,0000,0000,0000,,{\blur3\fad(200,200)}Morbi wisi risus urna aenean eget tincidunt
-
-Dialogue: 1,0:04:23.70,0:04:27.95,sign1,,0000,0000,0000,,{\c&H1C2B39&\3c&H1E637A&\bord0\blur1.8\pos(1157,423)}Sociosqu{...ultrices fringilla, tortor sodales interdum aliquam}
-Dialogue: 0,0:04:23.70,0:04:27.95,sign1,,0000,0000,0000,,{\c&H1E637A&\3c&H1E637A&\bord8\blur4\pos(1157,423)}Sociosqu
-Dialogue: 0,0:05:52.83,0:05:56.28,sign2,,0000,0000,0000,,{\fad(500,0)\frz352.385\blur2\pos(549,501)\c&HAEA2BB&\b1}Laoreet vestibulum parturient aliquam per!?
-Dialogue: 0,0:00:00.00,0:00:00.00,Default,,0000,0000,0000,,
-Dialogue: 0,0:01:15.94,0:01:17.28,Default,,0000,0000,0000,,Eget odio auctor pede porta?
-Dialogue: 0,0:01:17.67,0:01:18.52,Default,,0000,0000,0000,,Vestibulum.
diff --git a/negromate/web/static/js/libjass/tests/unit/8.ass b/negromate/web/static/js/libjass/tests/unit/8.ass
deleted file mode 100644
index d0703a7..0000000
--- a/negromate/web/static/js/libjass/tests/unit/8.ass
+++ /dev/null
@@ -1,44 +0,0 @@
-; Script generated by Aegisub 2.1.8
-; http://www.aegisub.org/
-Title:   Default Aegisub file
-ScriptType: v4.00+
-WrapStyle:   0
-PlayResX:   1280
-PlayResY:   720
-ScaledBorderAndShadow:   yes
-Collisions:   Normal
-Video Aspect Ratio: 0
-Video Zoom: 6
-Video Position: 0
-
-[Aegisub Project Garbage]
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,50,&H00F1F4F9,&H000000FF,&H000F1115,&H96000000,0,0,0,0,100,100,0,0,1,1.5,0,2,80,80,35,1
-Style: sign1,Times New Roman,50,&H00FFFFFF,&H000000FF,&H4B000000,&H00000000,0,0,0,0,100,100,0,0,1,1.8,0,8,20,20,15,0
-
-[Fonts]
-fontname: 01.ttf
-!!%!!!!4!1!!"!!Q2V"05R7Y'A]!!.RU!!!%FER55UD%%"3?!!!&:!!!!.>05S]S1E2^OQ!!!<A!!!"A
-6E2.7'V.>0E!!!9]!!!&Y'.N98#W0<X8!!!@D!!!"MJD>H1A!`9!&!!!+N1!!!!7:H"H<83X/ZQ!!#:9
-!!!%77>B=X!!&Q!*!!$=:!!!!""H<(FGIVDY0Q!!+OQ!!)F-;'2N?,#:9,]!!!Q=!!!4='BF974H^'BU
-fontname: 02.ttf
-!!%!!!!0!$!!!Q$!4V-P-F(28G]!!',U!!!!6F"$4&4^GG\G!!"D4!!!!$:D<7&Q^I&,HQ!!7?Q!!!+!
-;9X:U)&Z/!R!!!!.Y!!!!'G:Q:WW$-]*0!!!$:!!!!"2H<(FG1P5BHA!!!^1!!&)''2N?)LI=R=!!&RM
-[!!'C'BF97442*4H!!"DB!!!!$:I;'6B&'10!A!!9\Q!!!!E;'VU?)B<_B]!!&>M!!!"D'RP9W%!$_B]
-
-fontname: 03.ttf
-!!%!!!!0!$!!!Q$!4V-P-F(28G]!!',U!!!!6F"$4&4^GG\G!!"D4!!!!$:D<7&Q^I&,HQ!!7?Q!!!+!
-9X:U)&Z/!R!!!!.Y!!!!'G:Q:WW$-]*0!!!$:!!!!"2H<(FG1P5BHA!!!^1!!&)';'2N?)LI=R=!!&RM
-!!!'C'BF97442*4H!!"DB!!!!$:I;'6B&'10!A!!9\Q!!!!E;'VU?)B<_B]!!&>M!!!"D'RP9W%!$_B%
-
-[Graphics]
-filename: 01.jpg
-`^D`Y!!13E:*2A!"!1!!!1!"!!$`WQ"$!!%"!1%"!1%"!1%"!1%"!1%"!1%"!1%"!1%"!1%#!1%"!1%"
-!A)#!A)#!A)#!A)#!A)$!Q-$!Q-$!Q-$!Q-$!Q0`WQ"$!1%"!1%"!1)"!1)$!A)#!Q-$!Q-$!Q-$!Q-$
-!Q-$!Q-$!Q-$!Q-$!Q-$!Q-$!Q-$!Q-$!Q-$!Q-$!Q-$!Q-$!Q0`Q!!2#!6Y!_A$!2%!!B%"!R%"`]1!
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 0,0:01:17.67,0:01:18.52,Default,,0000,0000,0000,,Vestibulum.
diff --git a/negromate/web/static/js/libjass/tests/unit/attachments.js b/negromate/web/static/js/libjass/tests/unit/attachments.js
deleted file mode 100644
index c7cb3a7..0000000
--- a/negromate/web/static/js/libjass/tests/unit/attachments.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define([
-	"intern!tdd",
-	"intern/chai!assert",
-	"libjass",
-	"intern/dojo/text!./8.ass"
-], function (tdd, assert, libjass, ass_8) {
-	tdd.suite("Attachments", function () {
-		tdd.test("Attachments", function () {
-			this.timeout = 1000;
-
-			return libjass.ASS.fromString(ass_8, libjass.Format.ASS).then(function (ass) {
-				assert.strictEqual(ass.properties.resolutionX, 1280);
-
-				assert.strictEqual(ass.styles.size, 2);
-				assert.strictEqual(ass.styles.get("Default").name, "Default");
-				assert.strictEqual(ass.styles.get("sign1").name, "sign1");
-
-				assert.strictEqual(ass.dialogues.length, 1);
-				assert.strictEqual(ass.dialogues[0].start, 77.670);
-
-				assert.strictEqual(ass.attachments.length, 4);
-				assert.strictEqual(ass.attachments[0].filename, "01.ttf");
-				assert.strictEqual(ass.attachments[0].type, libjass.AttachmentType.Font);
-				assert.strictEqual(ass.attachments[0].contents, "AAEAAAATAQAABAAwR1BPUxW4Gg8AANx0AAAElkxUU0jEEBSeAAAFZAAAANdPUy8yQkR9uwAAAbgAAABgVkRNWG1NdPkAAAY8AAAF4GNtYXC2Pb3XAAAfjAAABspjdnQgA/YAFAAAKtQAAAAWZnBnbXS3O5wAACZYAAAEWWdhc3AAFwAJAADcZAAAABBnbHlmo1j4PwAAKuwAAIlMaGRteLCZYL8AAAwcAAATcGhlYWTn9Gh0");
-				assert.strictEqual(ass.attachments[1].filename, "02.ttf");
-				assert.strictEqual(ass.attachments[1].type, libjass.AttachmentType.Font);
-				assert.strictEqual(ass.attachments[1].contents, "AAEAAAAPADAAAwDAT1MvMlHRXm8AAGL0AAAAVlBDTFT9mm7mAABjTAAAADZjbWFw9oFLnwAAWewAAAKAaY3Z0IF5OAxAAAAN4AAAAGmZwZ22DM8JPAAADZAAAABRnbHlmQvUhngAAA9QAAFIGGRteIrocxcAAFxs6AAGiGhlYWTTRJTnAABjhAAAADZoaGVhFGQPAgAAY7wAAAAkaG10eIhb+h8AAFdsAAABjGxvY2EAD+h8");
-				assert.strictEqual(ass.attachments[2].filename, "03.ttf");
-				assert.strictEqual(ass.attachments[2].type, libjass.AttachmentType.Font);
-				assert.strictEqual(ass.attachments[2].contents, "AAEAAAAPADAAAwDAT1MvMlHRXm8AAGL0AAAAVlBDTFT9mm7mAABjTAAAADZjbWFw9oFLnwAAWewAAAKAY3Z0IF5OAxAAAAN4AAAAGmZwZ22DM8JPAAADZAAAABRnbHlmQvUhngAAA9QAAFIGaGRteIrocxcAAFxsAAAGiGhlYWTTRJTnAABjhAAAADZoaGVhFGQPAgAAY7wAAAAkaG10eIhb+h8AAFdsAAABjGxvY2EAD+hE");
-				assert.strictEqual(ass.attachments[3].filename, "01.jpg");
-				assert.strictEqual(ass.attachments[3].type, libjass.AttachmentType.Graphic);
-				assert.strictEqual(ass.attachments[3].contents, "/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgIDAwMDAwMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQIDAgICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAV4A+gDAREAAhEBAxEB/8QA");
-			});
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/manual-clock.js b/negromate/web/static/js/libjass/tests/unit/manual-clock.js
deleted file mode 100644
index bf4f613..0000000
--- a/negromate/web/static/js/libjass/tests/unit/manual-clock.js
+++ /dev/null
@@ -1,189 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "intern/chai!assert", "libjass"], function (tdd, assert, libjass) {
-	tdd.suite("Manual clock", function () {
-		tdd.test("Operations", function () {
-			var clock = new libjass.renderers.ManualClock();
-
-			var events = [];
-
-			clock.addEventListener(libjass.renderers.ClockEvent.Play, function () {
-				events.push("play");
-			});
-
-			clock.addEventListener(libjass.renderers.ClockEvent.Tick, function () {
-				events.push("tick");
-			});
-
-			clock.addEventListener(libjass.renderers.ClockEvent.Pause, function () {
-				events.push("pause");
-			});
-
-			clock.addEventListener(libjass.renderers.ClockEvent.Stop, function () {
-				events.push("stop");
-			});
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.rate, 1);
-
-			clock.disable();
-
-			assert.strictEqual(clock.enabled, false);
-			assert.strictEqual(clock.paused, true);
-			assert.deepEqual(events, ["stop"]);
-			events = [];
-
-			clock.enable();
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.deepEqual(events, []);
-			events = [];
-
-			clock.play();
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, false);
-			assert.deepEqual(events, ["play"]);
-			events = [];
-
-			clock.tick(1);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, false);
-			assert.strictEqual(clock.currentTime, 1);
-			assert.deepEqual(events, ["tick"]);
-			events = [];
-
-			clock.tick(2);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, false);
-			assert.strictEqual(clock.currentTime, 2);
-			assert.deepEqual(events, ["tick"]);
-			events = [];
-
-			clock.tick(2);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, false);
-			assert.strictEqual(clock.currentTime, 2);
-			assert.deepEqual(events, []);
-			events = [];
-
-			clock.pause();
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.currentTime, 2);
-			assert.deepEqual(events, ["pause"]);
-			events = [];
-
-			clock.tick(2);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.currentTime, 2);
-			assert.deepEqual(events, []);
-			events = [];
-
-			clock.tick(3);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, false);
-			assert.strictEqual(clock.currentTime, 3);
-			assert.deepEqual(events, ["play", "tick"]);
-			events = [];
-
-			clock.disable();
-
-			assert.strictEqual(clock.enabled, false);
-			assert.strictEqual(clock.paused, true);
-			assert.deepEqual(events, ["pause", "stop"]);
-			events = [];
-
-			clock.tick(4);
-
-			assert.strictEqual(clock.enabled, false);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.currentTime, 3);
-			assert.deepEqual(events, []);
-			events = [];
-
-			clock.enable();
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.currentTime, 3);
-			assert.deepEqual(events, []);
-			events = [];
-
-			clock.tick(4);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, false);
-			assert.strictEqual(clock.currentTime, 4);
-			assert.deepEqual(events, ["play", "tick"]);
-			events = [];
-
-			clock.seek(5);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.currentTime, 5);
-			assert.deepEqual(events, ["pause", "stop", "play", "tick", "pause"]);
-			events = [];
-
-			clock.seek(6);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.currentTime, 6);
-			assert.deepEqual(events, ["stop", "play", "tick", "pause"]);
-			events = [];
-
-			clock.seek(6);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.currentTime, 6);
-			assert.deepEqual(events, []);
-			events = [];
-
-			clock.tick(6);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, true);
-			assert.strictEqual(clock.currentTime, 6);
-			assert.deepEqual(events, []);
-			events = [];
-
-			clock.tick(7);
-
-			assert.strictEqual(clock.enabled, true);
-			assert.strictEqual(clock.paused, false);
-			assert.strictEqual(clock.currentTime, 7);
-			assert.deepEqual(events, ["play", "tick"]);
-			events = [];
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/minified.js b/negromate/web/static/js/libjass/tests/unit/minified.js
deleted file mode 100644
index 5740deb..0000000
--- a/negromate/web/static/js/libjass/tests/unit/minified.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "intern/chai!assert", "libjass", "intern"], function (tdd, assert, libjass, intern) {
-	tdd.suite("Minified script-specific tests", function () {
-		tdd.test("libjass.js is not minified", function () {
-			if (intern.args.minified === "true") {
-				this.skip("Not testing libjass.js");
-			}
-
-			var boldTag = libjass.parser.parse("b1", "tag_b");
-			assert.property(boldTag, "_value");
-			assert.strictEqual(boldTag.value, true);
-		});
-
-		tdd.test("libjass.min.js is minified", function () {
-			if (intern.args.minified !== "true") {
-				this.skip("Not testing libjass.min.js");
-			}
-
-			var boldTag = libjass.parser.parse("b1", "tag_b");
-			assert.notProperty(boldTag, "_value");
-			assert.strictEqual(boldTag.value, true);
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/miscellaneous.js b/negromate/web/static/js/libjass/tests/unit/miscellaneous.js
deleted file mode 100644
index 9708b51..0000000
--- a/negromate/web/static/js/libjass/tests/unit/miscellaneous.js
+++ /dev/null
@@ -1,471 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define([
-	"intern!tdd",
-	"intern/chai!assert",
-	"tests/support/parser-test",
-	"libjass",
-	"intern/dojo/text!./1.ass",
-	"intern/dojo/text!./2.ass",
-	"intern/dojo/text!./3.ass",
-	"intern/dojo/text!./4.ass",
-	"intern/dojo/text!./5.ass",
-	"intern/dojo/text!./6.ass",
-	"intern/dojo/text!./7.ass"
-], function (tdd, assert, parserTest, libjass, ass_1, ass_2, ass_3, ass_4, ass_5, ass_6, ass_7) {
-	tdd.suite("Miscellaneous", function () {
-		tdd.test("herkz", parserTest("{\\pos(311,4)\\blur0.8\\fs40\\bord0\\c&H3F171F&\\t(3820,3820,\\blur6}Chi{\\c&H422CB1&}tose {\\c&H3F171F&}Furu", "dialogueParts", [
-			new libjass.parts.Position(311, 4),
-			new libjass.parts.GaussianBlur(0.8),
-			new libjass.parts.FontSize(40),
-			new libjass.parts.Border(0),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(31, 23, 63, 1)),
-			new libjass.parts.Transform(3.82, 3.82, null, [new libjass.parts.GaussianBlur(6)]),
-			new libjass.parts.Text("Chi"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(177, 44, 66, 1)),
-			new libjass.parts.Text("tose "),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(31, 23, 63, 1)),
-			new libjass.parts.Text("Furu")
-		]));
-
-		tdd.test("herkz-fixed", parserTest("{\\pos(311,4)\\blur0.8\\fs40\\bord0\\c&H3F171F&\\t(3820,3820,\\blur6)}Chi{\\c&H422CB1&}tose {\\c&H3F171F&}Furu", "dialogueParts", [
-			new libjass.parts.Position(311, 4),
-			new libjass.parts.GaussianBlur(0.8),
-			new libjass.parts.FontSize(40),
-			new libjass.parts.Border(0),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(31, 23, 63, 1)),
-			new libjass.parts.Transform(3.82, 3.82, null, [new libjass.parts.GaussianBlur(6)]),
-			new libjass.parts.Text("Chi"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(177, 44, 66, 1)),
-			new libjass.parts.Text("tose "),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(31, 23, 63, 1)),
-			new libjass.parts.Text("Furu")
-		]));
-
-		tdd.test("knk-02", parserTest("{\\\\k0}{\\1c&H35C2BD&}s{\\1c&H53A2C0&}e{\\1c&H757FC4&}i{\\1c&H866EC6&}j{\\1c&H995AC8&}a{\\1c&HBC36CC&}k{\\1c&HD420C8&}u{\\1c&HB942A7&} {\\1c&HA25F8A&}w{\\1c&H799356&}a{\\1c&H63B03A&} {\\1c&H54C723&}k{\\1c&H68C126&}i{\\1c&H7BBC29&}r{\\1c&H8CB82C&}i{\\1c&HA2B230&}s{\\1c&HBEAB34&}a{\\1c&HD8A339&}k{\\1c&HB68D3B&}u{\\1c&HA4813C&} {\\1c&H88703E&}y{\\1c&H665A41&}o{\\1c&H444444&}u", "dialogueParts", [
-			new libjass.parts.Comment("\\"),
-			new libjass.parts.ColorKaraoke(0),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(189, 194, 53, 1)),
-			new libjass.parts.Text("s"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(192, 162, 83, 1)),
-			new libjass.parts.Text("e"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(196, 127, 117, 1)),
-			new libjass.parts.Text("i"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(198, 110, 134, 1)),
-			new libjass.parts.Text("j"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(200, 90, 153, 1)),
-			new libjass.parts.Text("a"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(204, 54, 188, 1)),
-			new libjass.parts.Text("k"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(200, 32, 212, 1)),
-			new libjass.parts.Text("u"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(167, 66, 185, 1)),
-			new libjass.parts.Text(" "),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(138, 95, 162, 1)),
-			new libjass.parts.Text("w"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(86, 147, 121, 1)),
-			new libjass.parts.Text("a"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(58, 176, 99, 1)),
-			new libjass.parts.Text(" "),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(35, 199, 84, 1)),
-			new libjass.parts.Text("k"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(38, 193, 104, 1)),
-			new libjass.parts.Text("i"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(41, 188, 123, 1)),
-			new libjass.parts.Text("r"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(44, 184, 140, 1)),
-			new libjass.parts.Text("i"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(48, 178, 162, 1)),
-			new libjass.parts.Text("s"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(52, 171, 190, 1)),
-			new libjass.parts.Text("a"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(57, 163, 216, 1)),
-			new libjass.parts.Text("k"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(59, 141, 182, 1)),
-			new libjass.parts.Text("u"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(60, 129, 164, 1)),
-			new libjass.parts.Text(" "),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(62, 112, 136, 1)),
-			new libjass.parts.Text("y"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(65, 90, 102, 1)),
-			new libjass.parts.Text("o"),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(68, 68, 68, 1)),
-			new libjass.parts.Text("u")
-		]));
-
-		tdd.test("klk-01", parserTest("{\\an5\\bord0\\blur1\\p1\\c&H97B9D6&\\pos(143.39,358.77)\\frz334.3\\fscx39\\fscy47\\iclip(m 129 338 l 121 381 110 372 110 331)}m 0 0 l 100 0 100 100 0 100", "dialogueParts", [
-			new libjass.parts.Alignment(5),
-			new libjass.parts.Border(0),
-			new libjass.parts.GaussianBlur(1),
-			new libjass.parts.DrawingMode(1),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(214, 185, 151, 1)),
-			new libjass.parts.Position(143.39, 358.77),
-			new libjass.parts.RotateZ(334.3),
-			new libjass.parts.FontScaleX(0.39),
-			new libjass.parts.FontScaleY(0.47),
-			new libjass.parts.VectorClip(1, [
-				new libjass.parts.drawing.MoveInstruction(129, 338),
-				new libjass.parts.drawing.LineInstruction(121, 381),
-				new libjass.parts.drawing.LineInstruction(110, 372),
-				new libjass.parts.drawing.LineInstruction(110, 331)
-			], false),
-			new libjass.parts.DrawingInstructions([
-				new libjass.parts.drawing.MoveInstruction(0, 0),
-				new libjass.parts.drawing.LineInstruction(100, 0),
-				new libjass.parts.drawing.LineInstruction(100, 100),
-				new libjass.parts.drawing.LineInstruction(0, 100)
-			])
-		]));
-
-		tdd.test("chihaya-16", parserTest("{\\an7\\pos(0,0)\\bord0\\blur0.5\\p1\\c&HFAFAFA&}m 88 644 l 87 681 l 255 681 l 256 643 m 311 643 l 310 681 l 482 681 l 483 641 m 562 641 l 561 679 l 730 676 l 731 640 m 800 638 l 798 677 l 968 676 l 970 639 m 1031 638 l 1028 675 l 1200 674 l 1200 640 {p0}", "dialogueParts", [
-			new libjass.parts.Alignment(7),
-			new libjass.parts.Position(0, 0),
-			new libjass.parts.Border(0),
-			new libjass.parts.GaussianBlur(0.5),
-			new libjass.parts.DrawingMode(1),
-			new libjass.parts.PrimaryColor(new libjass.parts.Color(250, 250, 250)),
-			new libjass.parts.DrawingInstructions([
-				new libjass.parts.drawing.MoveInstruction(88, 644),
-				new libjass.parts.drawing.LineInstruction(87, 681),
-				new libjass.parts.drawing.LineInstruction(255, 681),
-				new libjass.parts.drawing.LineInstruction(256, 643),
-				new libjass.parts.drawing.MoveInstruction(311, 643),
-				new libjass.parts.drawing.LineInstruction(310, 681),
-				new libjass.parts.drawing.LineInstruction(482, 681),
-				new libjass.parts.drawing.LineInstruction(483, 641),
-				new libjass.parts.drawing.MoveInstruction(562, 641),
-				new libjass.parts.drawing.LineInstruction(561, 679),
-				new libjass.parts.drawing.LineInstruction(730, 676),
-				new libjass.parts.drawing.LineInstruction(731, 640),
-				new libjass.parts.drawing.MoveInstruction(800, 638),
-				new libjass.parts.drawing.LineInstruction(798, 677),
-				new libjass.parts.drawing.LineInstruction(968, 676),
-				new libjass.parts.drawing.LineInstruction(970, 639),
-				new libjass.parts.drawing.MoveInstruction(1031, 638),
-				new libjass.parts.drawing.LineInstruction(1028, 675),
-				new libjass.parts.drawing.LineInstruction(1200, 674),
-				new libjass.parts.drawing.LineInstruction(1200, 640)
-			]),
-			new libjass.parts.Comment("p0")
-		]));
-
-		tdd.test("ASS", function () {
-			this.timeout = 1000;
-
-			return libjass.ASS.fromString(ass_1, libjass.Format.ASS).then(function (ass) {
-				assert.strictEqual(ass.properties.resolutionX, 1280);
-				assert.strictEqual(ass.properties.resolutionY, 720);
-				assert.strictEqual(ass.properties.wrappingStyle, libjass.WrappingStyle.SmartWrappingWithWiderTopLine);
-				assert.strictEqual(ass.properties.scaleBorderAndShadow, true);
-
-				assert.strictEqual(ass.styles.size, 2);
-
-				assert.strictEqual(ass.styles.get("Default").name, "Default");
-				assert.strictEqual(ass.styles.get("Default").italic, false);
-				assert.strictEqual(ass.styles.get("Default").bold, false);
-				assert.strictEqual(ass.styles.get("Default").underline, false);
-				assert.strictEqual(ass.styles.get("Default").strikeThrough, false);
-				assert.strictEqual(ass.styles.get("Default").fontName, "Arial");
-				assert.strictEqual(ass.styles.get("Default").fontSize, 50);
-				assert.strictEqual(ass.styles.get("Default").fontScaleX, 1);
-				assert.strictEqual(ass.styles.get("Default").fontScaleY, 1);
-				assert.strictEqual(ass.styles.get("Default").letterSpacing, 0);
-				assert.strictEqual(ass.styles.get("Default").rotationZ, 0);
-				assert.deepEqual(ass.styles.get("Default").primaryColor, new libjass.parts.Color(0xF9, 0xF4, 0xF1));
-				assert.deepEqual(ass.styles.get("Default").secondaryColor, new libjass.parts.Color(0xFF, 0x00, 0x00));
-				assert.deepEqual(ass.styles.get("Default").outlineColor, new libjass.parts.Color(0x15, 0x11, 0x0F));
-				assert.deepEqual(ass.styles.get("Default").shadowColor, new libjass.parts.Color(0x00, 0x00, 0x00, 1 - 0x96 / 255));
-				assert.strictEqual(ass.styles.get("Default").outlineThickness, 1.5);
-				assert.strictEqual(ass.styles.get("Default").borderStyle, libjass.BorderStyle.Outline);
-				assert.strictEqual(ass.styles.get("Default").shadowDepth, 0);
-				assert.strictEqual(ass.styles.get("Default").alignment, 2);
-				assert.strictEqual(ass.styles.get("Default").marginLeft, 80);
-				assert.strictEqual(ass.styles.get("Default").marginRight, 80);
-				assert.strictEqual(ass.styles.get("Default").marginVertical, 35);
-
-				assert.strictEqual(ass.dialogues.length, 6);
-
-				assert.strictEqual(ass.dialogues[0].start, 263.700);
-				assert.strictEqual(ass.dialogues[0].end, 267.950);
-				assert.strictEqual(ass.dialogues[0].style, ass.styles.get("sign1"));
-				assert.deepEqual(ass.dialogues[0].parts, [
-					new libjass.parts.PrimaryColor(new libjass.parts.Color(0x39, 0x2B, 0x1C)),
-					new libjass.parts.OutlineColor(new libjass.parts.Color(0x7A, 0x63, 0x1E)),
-					new libjass.parts.Border(0),
-					new libjass.parts.GaussianBlur(1.8),
-					new libjass.parts.Position(1157, 423),
-					new libjass.parts.Text("Sociosqu"),
-					new libjass.parts.Comment("...ultrices fringilla, tortor sodales interdum aliquam")
-				]);
-
-				assert.strictEqual(ass.dialogues[2].start, 352.830);
-				assert.strictEqual(ass.dialogues[2].end, 356.280);
-				assert.strictEqual(ass.dialogues[2].style, ass.styles.get("Default"));
-				assert.deepEqual(ass.dialogues[2].parts, [
-					new libjass.parts.Fade(0.5, 0),
-					new libjass.parts.RotateZ(352.385),
-					new libjass.parts.GaussianBlur(2),
-					new libjass.parts.Position(549, 501),
-					new libjass.parts.PrimaryColor(new libjass.parts.Color(0xBB, 0xA2, 0xAE)),
-					new libjass.parts.Bold(true),
-					new libjass.parts.Text("Laoreet vestibulum parturient aliquam per!?")
-				]);
-
-				assert.strictEqual(ass.dialogues[3].start, 0.000);
-				assert.strictEqual(ass.dialogues[3].end, 0.000);
-				assert.strictEqual(ass.dialogues[3].style, ass.styles.get("Default"));
-				assert.deepEqual(ass.dialogues[3].parts, []);
-
-				assert.strictEqual(ass.dialogues[4].start, 75.940);
-				assert.strictEqual(ass.dialogues[4].end, 77.280);
-				assert.strictEqual(ass.dialogues[4].style, ass.styles.get("Default"));
-				assert.deepEqual(ass.dialogues[4].parts, [
-					new libjass.parts.Text("Eget odio auctor pede porta?")
-				]);
-			});
-		});
-
-		tdd.test("Minimal ASS", function () {
-			this.timeout = 1000;
-
-			var stream = new libjass.parser.StringStream(ass_1);
-			var streamParser = new libjass.parser.StreamParser(stream);
-			return streamParser.minimalASS.then(function (ass) {
-				assert.strictEqual(ass.properties.resolutionX, 1280);
-				assert.strictEqual(ass.properties.resolutionY, 720);
-				assert.strictEqual(ass.properties.wrappingStyle, libjass.WrappingStyle.SmartWrappingWithWiderTopLine);
-				assert.strictEqual(ass.properties.scaleBorderAndShadow, true);
-
-				assert.strictEqual(ass.styles.size, 1);
-
-				assert.strictEqual(ass.dialogues.length, 0);
-			});
-		});
-
-		tdd.test("ASS 2", function () {
-			this.timeout = 1000;
-
-			return libjass.ASS.fromString(ass_2, libjass.Format.ASS).then(function (ass) {
-				assert.strictEqual(ass.properties.resolutionX, 1280);
-				assert.strictEqual(ass.properties.resolutionY, 720);
-				assert.strictEqual(ass.properties.wrappingStyle, libjass.WrappingStyle.SmartWrappingWithWiderTopLine);
-				assert.strictEqual(ass.properties.scaleBorderAndShadow, true);
-
-				assert.strictEqual(ass.styles.size, 3);
-
-				assert.strictEqual(ass.styles.get("Default").name, "Default");
-				assert.strictEqual(ass.styles.get("Default").italic, false);
-				assert.strictEqual(ass.styles.get("Default").bold, true);
-				assert.strictEqual(ass.styles.get("Default").underline, false);
-				assert.strictEqual(ass.styles.get("Default").strikeThrough, false);
-				assert.strictEqual(ass.styles.get("Default").fontName, "Arial");
-				assert.strictEqual(ass.styles.get("Default").fontSize, 51);
-				assert.strictEqual(ass.styles.get("Default").fontScaleX, 1);
-				assert.strictEqual(ass.styles.get("Default").fontScaleY, 1);
-				assert.strictEqual(ass.styles.get("Default").letterSpacing, 0);
-				assert.strictEqual(ass.styles.get("Default").rotationZ, 0);
-				assert.deepEqual(ass.styles.get("Default").primaryColor, new libjass.parts.Color(0xFF, 0xFF, 0xFF));
-				assert.deepEqual(ass.styles.get("Default").secondaryColor, new libjass.parts.Color(0xFF, 0x00, 0x00));
-				assert.deepEqual(ass.styles.get("Default").outlineColor, new libjass.parts.Color(0x19, 0x2D, 0x19));
-				assert.deepEqual(ass.styles.get("Default").shadowColor, new libjass.parts.Color(0x10, 0x22, 0x06, 1 - 0xA0 / 255));
-				assert.strictEqual(ass.styles.get("Default").outlineThickness, 3);
-				assert.strictEqual(ass.styles.get("Default").borderStyle, libjass.BorderStyle.Outline);
-				assert.strictEqual(ass.styles.get("Default").shadowDepth, 1);
-				assert.strictEqual(ass.styles.get("Default").alignment, 2);
-				assert.strictEqual(ass.styles.get("Default").marginLeft, 110);
-				assert.strictEqual(ass.styles.get("Default").marginRight, 110);
-				assert.strictEqual(ass.styles.get("Default").marginVertical, 40);
-
-				assert.strictEqual(ass.dialogues.length, 9);
-
-				assert.strictEqual(ass.dialogues[0].start, 646.460);
-				assert.strictEqual(ass.dialogues[0].end, 652.130);
-				assert.strictEqual(ass.dialogues[0].style, ass.styles.get("op trans"));
-				assert.deepEqual(ass.dialogues[0].parts, [
-					new libjass.parts.Fade(0.2, 0),
-					new libjass.parts.Text("Sapien rhoncus, suscipit posuere in nunc pellentesque")
-				]);
-
-				assert.strictEqual(ass.dialogues[3].start, 646.460);
-				assert.strictEqual(ass.dialogues[3].end, 646.660);
-				assert.strictEqual(ass.dialogues[3].style, ass.styles.get("op kara"));
-				assert.deepEqual(ass.dialogues[3].parts, [
-					new libjass.parts.Fade(0.2, 0),
-					new libjass.parts.Comment("("),
-					new libjass.parts.Position(640, 33),
-					new libjass.parts.Alpha(1 - 0x00 / 255),
-					new libjass.parts.GaussianBlur(2),
-					new libjass.parts.Text("id maecenas mi in ut varius nunc"),
-				]);
-
-				assert.strictEqual(ass.dialogues[6].start, 3.370);
-				assert.strictEqual(ass.dialogues[6].end, 7.940);
-				assert.strictEqual(ass.dialogues[6].style, ass.styles.get("Default"));
-				assert.deepEqual(ass.dialogues[6].parts, [
-					new libjass.parts.Text("Sed arcu non wisi sed"),
-					new libjass.parts.NewLine(),
-					new libjass.parts.Text("ante nisl pede aliquam")
-				]);
-			});
-		});
-
-		tdd.test("ASS with BOM", function () {
-			this.timeout = 1000;
-
-			if (ass_3.charCodeAt(0) !== 0xfeff) {
-				ass_3 = String.fromCharCode(0xfeff) + ass_3;
-			}
-
-			return libjass.ASS.fromString(ass_3, libjass.Format.ASS).then(function (ass) {
-				assert.strictEqual(ass.properties.resolutionX, 1280);
-				assert.strictEqual(ass.properties.resolutionY, 720);
-				assert.strictEqual(ass.properties.wrappingStyle, libjass.WrappingStyle.SmartWrappingWithWiderTopLine);
-				assert.strictEqual(ass.properties.scaleBorderAndShadow, true);
-			});
-		});
-
-		tdd.test("Reference to 'default' style should match style named 'Default'", function () {
-			this.timeout = 1000;
-
-			return libjass.ASS.fromString(ass_4, libjass.Format.ASS).then(function (ass) {
-				assert.strictEqual(ass.styles.size, 1);
-
-				assert.strictEqual(ass.styles.get("Default").name, "Default");
-				assert.strictEqual(ass.styles.get("Default").fontName, "Arial");
-
-				assert.strictEqual(ass.dialogues.length, 1);
-
-				assert.strictEqual(ass.dialogues[0].style, ass.styles.get("Default"));
-			});
-		});
-
-		tdd.test("Reference to style named 'default' should not match style named 'default'", function () {
-			this.timeout = 1000;
-
-			return libjass.ASS.fromString(ass_5, libjass.Format.ASS).then(function (ass) {
-				assert.strictEqual(ass.styles.size, 2);
-
-				assert.strictEqual(ass.styles.get("default").name, "default");
-				assert.strictEqual(ass.styles.get("default").fontName, "Arial");
-
-				assert.strictEqual(ass.styles.get("Default").name, "Default");
-				assert.strictEqual(ass.styles.get("Default").fontName, "sans-serif");
-
-				assert.strictEqual(ass.dialogues.length, 1);
-
-				assert.strictEqual(ass.dialogues[0].style, ass.styles.get("Default"));
-			});
-		});
-
-		tdd.test("Leading asterisks in style names are stripped", function () {
-			this.timeout = 1000;
-
-			return libjass.ASS.fromString(ass_6, libjass.Format.ASS).then(function (ass) {
-				assert.strictEqual(ass.styles.size, 2);
-
-				assert.strictEqual(ass.styles.get("Default").name, "Default");
-				assert.strictEqual(ass.styles.get("Default").fontName, "Arial");
-
-				assert.strictEqual(ass.styles.get("sign1").name, "sign1");
-				assert.strictEqual(ass.styles.get("sign1").fontName, "Times New Roman");
-
-				assert.strictEqual(ass.dialogues.length, 2);
-
-				assert.strictEqual(ass.dialogues[0].style, ass.styles.get("sign1"));
-
-				assert.strictEqual(ass.dialogues[1].style, ass.styles.get("Default"));
-			});
-		});
-
-		tdd.test("First unnamed section should be treated as Script Info", function () {
-			this.timeout = 1000;
-
-			return libjass.ASS.fromString(ass_7, libjass.Format.ASS).then(function (ass) {
-				assert.strictEqual(ass.properties.resolutionX, 1280);
-				assert.strictEqual(ass.properties.resolutionY, 720);
-				assert.strictEqual(ass.styles.size, 2);
-				assert.strictEqual(ass.dialogues.length, 6);
-			});
-		});
-
-		tdd.test("First unnamed section should be treated as Script Info - minimal ASS", function () {
-			this.timeout = 1000;
-
-			var stream = new libjass.parser.StringStream(ass_7);
-			var streamParser = new libjass.parser.StreamParser(stream);
-			return streamParser.minimalASS.then(function (ass) {
-				assert.strictEqual(ass.properties.resolutionX, 1280);
-				assert.strictEqual(ass.properties.resolutionY, 720);
-				assert.strictEqual(ass.styles.size, 1);
-				assert.strictEqual(ass.dialogues.length, 0);
-			});
-		});
-
-		tdd.test("SRT", function () {
-			this.timeout = 1000;
-
-			var input =
-				"1\n00:00:10,500 --> 00:00:13,000\nElephant's Dream\n\n2\n00:00:15,000 --> 00:00:18,000 X1:52 X2:303 Y1:438 Y2:453\n<font color=\"cyan\">At the left we can see...</font>";
-
-			return libjass.ASS.fromString(input, libjass.Format.SRT).then(function (ass) {
-				assert.strictEqual(ass.dialogues.length, 2);
-
-				assert.strictEqual(ass.dialogues[0].start, 10.500);
-				assert.strictEqual(ass.dialogues[0].end, 13.000);
-				assert.deepEqual(ass.dialogues[0].parts, [
-					new libjass.parts.Text("Elephant's Dream")
-				]);
-
-				assert.strictEqual(ass.dialogues[1].start, 15.000);
-				assert.strictEqual(ass.dialogues[1].end, 18.000);
-				assert.deepEqual(ass.dialogues[1].parts, [
-					new libjass.parts.Text("<font color=\"cyan\">At the left we can see..."),
-					new libjass.parts.PrimaryColor(null)
-				]);
-			});
-		});
-
-		tdd.test("SRT", function () {
-			this.timeout = 1000;
-
-			var input =
-				"1\n00:01:15,940 --> 00:01:17,280\nHave you secured the key?\nWhy can't people forgive each other\n\n2\n00:01:17,280 --> 00:01:17,670\nWhy can't people forgive each other";
-
-			return libjass.ASS.fromString(input, libjass.Format.SRT).then(function (ass) {
-				assert.strictEqual(ass.dialogues.length, 2);
-
-				assert.strictEqual(ass.dialogues[0].start, 1 * 60 + 15.940);
-				assert.strictEqual(ass.dialogues[0].end, 1 * 60 + 17.280);
-				assert.deepEqual(ass.dialogues[0].parts, [
-					new libjass.parts.Text("Have you secured the key?"),
-					new libjass.parts.NewLine(),
-					new libjass.parts.Text("Why can't people forgive each other")
-				]);
-
-				assert.strictEqual(ass.dialogues[1].start, 1 * 60 + 17.280);
-				assert.strictEqual(ass.dialogues[1].end, 1 * 60 + 17.670);
-				assert.deepEqual(ass.dialogues[1].parts, [
-					new libjass.parts.Text("Why can't people forgive each other")
-				]);
-			});
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/polyfills.js b/negromate/web/static/js/libjass/tests/unit/polyfills.js
deleted file mode 100644
index 810eedd..0000000
--- a/negromate/web/static/js/libjass/tests/unit/polyfills.js
+++ /dev/null
@@ -1,277 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "intern/chai!assert", "libjass"], function (tdd, assert, libjass) {
-	tdd.suite("SimpleSet", function () {
-		var originalSet = null;
-
-		tdd.before(function () {
-			assert.isFunction(libjass.Set, "libjass.Set is not a function.");
-
-			originalSet = libjass.Set;
-
-			var nativeSetShouldBeUsed = typeof Set !== "undefined" && typeof Set.prototype.forEach === "function" && (function () {
-				try {
-					return new Set([1, 2]).size === 2;
-				}
-				catch (ex) {
-					return false;
-				}
-			})();
-
-			if (nativeSetShouldBeUsed) {
-				assert.equal(originalSet, Set, "libjass.Set did not default to the runtime's implementation.");
-			}
-
-			libjass.configure({ Set: null });
-			assert.isNotNull(libjass.Set, "libjass.Set actually got set to null instead of SimpleSet.");
-
-			if (nativeSetShouldBeUsed) {
-				assert.notEqual(libjass.Set, originalSet, "libjass.Set is still the runtime's implementation of Set.");
-			}
-		});
-
-		tdd.test("Basic", function () {
-			var set = new libjass.Set();
-
-			// Empty
-			assert.equal(set.size, 0);
-			assert.isFalse(set.has(5), "Empty set has 5.");
-			assert.isFalse(set.has(6), "Empty set has 6.");
-			set.forEach(function () {
-				throw new Error("forEach callback called for empty set.");
-			});
-
-			// Add 5
-			set.add(5);
-
-			assert.equal(set.size, 1);
-			assert.isTrue(set.has(5));
-
-			var timesCalled = 0;
-			set.forEach(function (value, index, theSet) {
-				assert.equal(value, 5);
-				assert.equal(index, value);
-				assert.equal(theSet, set);
-				timesCalled++;
-			});
-			assert.equal(timesCalled, 1, "forEach callback called more than once.");
-
-			// Add 5 again
-			set.add(5);
-
-			assert.equal(set.size, 1);
-			assert.isTrue(set.has(5));
-
-			// Add 6
-			set.add(6);
-
-			assert.equal(set.size, 2);
-			assert.isTrue(set.has(6));
-
-			timesCalled = 0;
-			var fiveFound = false;
-			var sixFound = false;
-			set.forEach(function (value, index, theSet) {
-				if (value === 5) {
-					fiveFound = true;
-				}
-				else if (value === 6) {
-					sixFound = true;
-				}
-				assert.equal(index, value);
-				assert.equal(theSet, set);
-				timesCalled++;
-			});
-			assert.equal(timesCalled, 2, "forEach callback called more than twice.");
-			assert.isTrue(fiveFound, "5 was not found.");
-			assert.isTrue(sixFound, "6 was not found.");
-
-			// Clear
-			set.clear();
-
-			assert.equal(set.size, 0);
-
-			assert.isFalse(set.has(5), "Set still has 5 after being cleared.");
-			assert.isFalse(set.has(6), "Set still has 6 after being cleared.");
-
-			set.forEach(function () {
-				throw new Error("forEach callback called for empty set.");
-			});
-		});
-
-		tdd.after(function () {
-			libjass.configure({ Set: originalSet });
-			assert.equal(libjass.Set, originalSet, "libjass.Set did not get reset to the original value.");
-		});
-	});
-
-	tdd.suite("SimpleMap", function () {
-		var originalMap = null;
-
-		tdd.before(function () {
-			assert.isFunction(libjass.Map, "libjass.Map is not a function.");
-
-			originalMap = libjass.Map;
-
-			var nativeMapShouldBeUsed = typeof Map === "function" && typeof Map.prototype.forEach === "function" && (function () {
-				try {
-					return new Map([[1, "foo"], [2, "bar"]]).size === 2;
-				}
-				catch (ex) {
-					return false;
-				}
-			})();
-
-			if (nativeMapShouldBeUsed) {
-				assert.equal(originalMap, Map, "libjass.Map did not default to the runtime's implementation.");
-			}
-
-			libjass.configure({ Map: null });
-			assert.isNotNull(libjass.Map, "libjass.Map actually got set to null instead of SimpleMap.");
-
-			if (nativeMapShouldBeUsed) {
-				assert.notEqual(libjass.Map, originalMap, "libjass.Map is still the runtime's implementation of Map.");
-			}
-		});
-
-		tdd.test("Basic", function () {
-			var map = new libjass.Map();
-
-			// Empty
-			assert.equal(map.size, 0);
-			assert.isFalse(map.has(5), "Empty map has 5.");
-			assert.isFalse(map.has(6), "Empty map has 6.");
-			map.forEach(function () {
-				throw new Error("forEach callback called for empty map.");
-			});
-
-			// Set 5 = "a"
-			map.set(5, "a");
-
-			assert.equal(map.size, 1);
-			assert.isTrue(map.has(5));
-
-			var timesCalled = 0;
-			map.forEach(function (value, index, theMap) {
-				assert.equal(value, "a");
-				assert.equal(index, 5);
-				assert.equal(theMap, map);
-				timesCalled++;
-			});
-			assert.equal(timesCalled, 1, "forEach callback called more than once.");
-
-			// Set 5 = "b"
-			map.set(5, "b");
-
-			assert.equal(map.size, 1);
-			assert.isTrue(map.has(5));
-
-			timesCalled = 0;
-			map.forEach(function (value, index, theMap) {
-				assert.equal(value, "b");
-				assert.equal(index, 5);
-				assert.equal(theMap, map);
-				timesCalled++;
-			});
-			assert.equal(timesCalled, 1, "forEach callback called more than once.");
-
-			// Set 6 = "c"
-			map.set(6, "c");
-
-			assert.equal(map.size, 2);
-			assert.isTrue(map.has(6));
-
-			timesCalled = 0;
-			var fiveFound = false;
-			var sixFound = false;
-			map.forEach(function (value, index, theMap) {
-				if (index === 5) {
-					assert.equal(value, "b");
-					fiveFound = true;
-				}
-				else if (index === 6) {
-					assert.equal(value, "c");
-					sixFound = true;
-				}
-				assert.equal(theMap, map);
-				timesCalled++;
-			});
-			assert.equal(timesCalled, 2, "forEach callback called more than twice.");
-			assert.isTrue(fiveFound, "5 was not found.");
-			assert.isTrue(sixFound, "6 was not found.");
-
-			// Clear
-			map.clear();
-
-			assert.equal(map.size, 0);
-
-			assert.isFalse(map.has(5), "Map still has 5 after being cleared.");
-			assert.isFalse(map.has(6), "Map still has 6 after being cleared.");
-
-			map.forEach(function () {
-				throw new Error("forEach callback called for empty map.");
-			});
-		});
-
-		tdd.after(function () {
-			libjass.configure({ Map: originalMap });
-			assert.equal(libjass.Map, originalMap, "libjass.Map did not get reset to the original value.");
-		});
-	});
-
-	tdd.suite("SimplePromise", function () {
-		var originalPromise = null;
-
-		tdd.before(function () {
-			assert.isFunction(libjass.Promise, "libjass.Promise is not a function.");
-
-			originalPromise = libjass.Promise;
-
-			if (typeof Promise !== "undefined") {
-				assert.equal(originalPromise, Promise, "libjass.Promise did not default to the runtime's implementation.");
-			}
-
-			libjass.configure({ Promise: null });
-			assert.isNotNull(libjass.Promise, "libjass.Promise actually got set to null instead of SimplePromise.");
-
-			if (typeof Promise !== "undefined") {
-				assert.notEqual(libjass.Promise, originalPromise, "libjass.Promise is still the runtime's implementation of Promise.");
-			}
-		});
-
-		tdd.test("Basic", function () {
-			this.timeout = 1000;
-
-			return new libjass.Promise(function (resolve, reject) {
-				setTimeout(function () {
-					resolve(5);
-				}, 0);
-			}).then(function (value) {
-				assert.equal(value, 5);
-			});
-		});
-
-		tdd.after(function () {
-			libjass.configure({ Promise: originalPromise });
-			assert.equal(libjass.Promise, originalPromise, "libjass.Promise did not get reset to the original value.");
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/primitives.js b/negromate/web/static/js/libjass/tests/unit/primitives.js
deleted file mode 100644
index 469c15e..0000000
--- a/negromate/web/static/js/libjass/tests/unit/primitives.js
+++ /dev/null
@@ -1,83 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "tests/support/parser-test", "libjass"], function (tdd, parserTest, libjass) {
-	tdd.suite("Primitives", function () {
-		tdd.suite("Color", function () {
-			tdd.test("Starts with &H", parserTest("&H3F171F&", "color", new libjass.parts.Color(31, 23, 63, 1)));
-
-			tdd.test("Starts with H", parserTest("&3F171F&", "color", new libjass.parts.Color(31, 23, 63, 1)));
-
-			tdd.test("Less than six digits", parserTest("&H71F&", "color", new libjass.parts.Color(31, 7, 0, 1)));
-
-			tdd.test("Eight digits", parserTest("&H3F171F00&", "color", new libjass.parts.Color(0, 31, 23, 1)));
-
-			tdd.test("Eight digits", parserTest("&H3F171FFF&", "color", new libjass.parts.Color(255, 31, 23, 1)));
-
-			tdd.test("More than eight digits", parserTest("&HAAAA3F171F00&", "color", new libjass.parts.Color(255, 255, 255, 1)));
-
-			tdd.test("More than eight digits", parserTest("&HAAAA3F171FFF&", "color", new libjass.parts.Color(255, 255, 255, 1)));
-		});
-
-		tdd.suite("Alpha", function () {
-			tdd.test("Starts with &H", parserTest("&HFF&", "alpha", 0));
-
-			tdd.test("Starts with &", parserTest("&FF&", "alpha", 0));
-
-			tdd.test("Starts with &H, one digit", parserTest("&HF&", "alpha", 1 - 15 / 255));
-
-			tdd.test("Starts with &H, one digit", parserTest("&H0&", "alpha", 1));
-
-			tdd.test("Starts with &, one digit", parserTest("&F&", "alpha", 1 - 15 / 255));
-
-			tdd.test("Starts with &, one digit", parserTest("&0&", "alpha", 1));
-
-			tdd.test("Starts with &H, doesn't end with &", parserTest("&HF&", "alpha", 1 - 15 / 255));
-
-			tdd.test("Starts with &H, doesn't end with &", parserTest("&H0&", "alpha", 1));
-
-			tdd.test("Starts with &, doesn't end with &", parserTest("&F", "alpha", 1 - 15 / 255));
-
-			tdd.test("Starts with &, doesn't end with &", parserTest("&0", "alpha", 1));
-
-			tdd.test("Doesn't start with &, doesn't end with &", parserTest("0", "alpha", 1));
-
-			tdd.test("Starts with H", parserTest("H0", "alpha", 1));
-		});
-
-		tdd.suite("ColorWithAlpha", function () {
-			tdd.test("Starts with &H", parserTest("&H00434441", "colorWithAlpha", new libjass.parts.Color(65, 68, 67, 1)));
-
-			tdd.test("Starts with &H, non-zero alpha", parserTest("&HF0434441", "colorWithAlpha", new libjass.parts.Color(65, 68, 67, 1 - 240 / 255)));
-
-			tdd.test("Starts with &H, zero alpha", parserTest("&HFF434441", "colorWithAlpha", new libjass.parts.Color(65, 68, 67, 0)));
-
-			tdd.test("Less than six digits", parserTest("&H71F", "colorWithAlpha", new libjass.parts.Color(31, 7, 0, 1)));
-
-			tdd.test("Eight digits", parserTest("&H3F171F00", "colorWithAlpha", new libjass.parts.Color(0, 31, 23, 1 - 63 / 255)));
-
-			tdd.test("Eight digits", parserTest("&H3F171FFF", "colorWithAlpha", new libjass.parts.Color(255, 31, 23, 1 - 63 / 255)));
-
-			tdd.test("More than eight digits", parserTest("&HAAAA3F171F00", "colorWithAlpha", new libjass.parts.Color(255, 255, 255, 0)));
-
-			tdd.test("More than eight digits", parserTest("&HAAAA3F171FFF", "colorWithAlpha", new libjass.parts.Color(255, 255, 255, 0)));
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/serialization.js b/negromate/web/static/js/libjass/tests/unit/serialization.js
deleted file mode 100644
index 6f66b7c..0000000
--- a/negromate/web/static/js/libjass/tests/unit/serialization.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "intern/chai!assert", "libjass", "intern/dojo/text!./1.ass"], function (tdd, assert, libjass, ass_1) {
-	tdd.suite("Serialization", function () {
-		tdd.test("ASS", function () {
-			return libjass.ASS.fromString(ass_1).then(function (ass) {
-				var serialized = libjass.serialize(ass);
-				assert.isString(serialized);
-
-				var deserialized = libjass.deserialize(serialized);
-				assert.instanceOf(deserialized, libjass.ASS);
-				assert.instanceOf(deserialized.styles, libjass.Map);
-				assert.deepEqual(deserialized.styles.get("Default"), ass.styles.get("Default"));
-				assert.deepEqual(deserialized.dialogues, ass.dialogues);
-			});
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/tags.js b/negromate/web/static/js/libjass/tests/unit/tags.js
deleted file mode 100644
index 8850514..0000000
--- a/negromate/web/static/js/libjass/tests/unit/tags.js
+++ /dev/null
@@ -1,220 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "tests/support/parser-test", "libjass"], function (tdd, parserTest, libjass) {
-	tdd.suite("Tags", function () {
-		tdd.suite("Bold tag - \\b", function () {
-			tdd.test("True", parserTest("b1", "tag_b", new libjass.parts.Bold(true)));
-
-			tdd.test("False", parserTest("b0", "tag_b", new libjass.parts.Bold(false)));
-
-			tdd.test("100", parserTest("b100", "tag_b", new libjass.parts.Bold(100)));
-
-			tdd.test("900", parserTest("b900", "tag_b", new libjass.parts.Bold(900)));
-
-			tdd.test("null", parserTest("b", "tag_b", new libjass.parts.Bold(null)));
-
-			tdd.test("2", parserTest("b2", "tag_b", null));
-
-			tdd.test("10", parserTest("b10", "tag_b", null));
-
-			tdd.test("150", parserTest("b150", "tag_b", null));
-
-			tdd.test("Enclosed tag", parserTest("{\\b1}", "enclosedTags", [new libjass.parts.Bold(true)]));
-
-			tdd.test("Enclosed tag", parserTest("{\\b0}", "enclosedTags", [new libjass.parts.Bold(false)]));
-
-			tdd.test("Enclosed tag", parserTest("{\\b100}", "enclosedTags", [new libjass.parts.Bold(100)]));
-
-			tdd.test("Enclosed tag", parserTest("{\\b900}", "enclosedTags", [new libjass.parts.Bold(900)]));
-
-			tdd.test("Enclosed tag", parserTest("{\\b}", "enclosedTags", [new libjass.parts.Bold(null)]));
-
-			tdd.test("Enclosed tag", parserTest("{\\b2}", "enclosedTags", [new libjass.parts.Bold(null), new libjass.parts.Comment("2")]));
-
-			tdd.test("Enclosed tag", parserTest("{\\b10}", "enclosedTags", [new libjass.parts.Bold(true), new libjass.parts.Comment("0")]));
-
-			tdd.test("Enclosed tag", parserTest("{\\b150}", "enclosedTags", [new libjass.parts.Bold(true), new libjass.parts.Comment("50")]));
-		});
-
-		tdd.suite("Italics tag - \\i", function () {
-			tdd.test("True", parserTest("i1", "tag_i", new libjass.parts.Italic(true)));
-
-			tdd.test("False", parserTest("i0", "tag_i", new libjass.parts.Italic(false)));
-
-			tdd.test("null", parserTest("i", "tag_i", new libjass.parts.Italic(null)));
-		});
-
-		tdd.suite("Primary color tags - \\c and \\1c", function () {
-			tdd.test("Just the tag", parserTest("1c&H3F171F&", "tag_1c", new libjass.parts.PrimaryColor(new libjass.parts.Color(31, 23, 63, 1))));
-
-			tdd.test("Just the tag", parserTest("c&H3F171F&", "tag_c", new libjass.parts.PrimaryColor(new libjass.parts.Color(31, 23, 63, 1))));
-
-			tdd.test("Enclosed tag", parserTest("{\\c&H3F171F&}", "enclosedTags", [new libjass.parts.PrimaryColor(new libjass.parts.Color(31, 23, 63, 1))]));
-
-			tdd.test("Dialogue", parserTest("{\\c&H3F171F&}", "dialogueParts", [new libjass.parts.PrimaryColor(new libjass.parts.Color(31, 23, 63, 1))]));
-		});
-
-		tdd.suite("Alpha tag - \\alpha", function () {
-			tdd.test("Just the tag", parserTest("alpha&H00&", "tag_alpha", new libjass.parts.Alpha(1)));
-
-			tdd.test("Just the tag", parserTest("alpha00", "tag_alpha", new libjass.parts.Alpha(1)));
-		});
-
-		tdd.suite("Font size tag - \\fs", function () {
-			tdd.test("5", parserTest("fs5", "tag_fs", new libjass.parts.FontSize(5)));
-
-			tdd.test("null", parserTest("fs", "tag_fs", new libjass.parts.FontSize(null)));
-
-			tdd.test("Plus 5", parserTest("fs+5", "tag_fsplus", new libjass.parts.FontSizePlus(0.5)));
-
-			tdd.test("Plus null", parserTest("fs+", "tag_fsplus", null));
-
-			tdd.test("Minus 5", parserTest("fs-5", "tag_fsminus", new libjass.parts.FontSizeMinus(0.5)));
-
-			tdd.test("Minus null", parserTest("fs-", "tag_fsminus", null));
-		});
-
-		tdd.suite("Transform tag - \\t", function () {
-			tdd.test("No tags", parserTest("{\\t(100,200)}", "enclosedTags", [new libjass.parts.Comment("\\t(100,200)")]));
-		});
-
-		tdd.suite("Clip tags - \\clip and \\iclip", function () {
-			tdd.test("Rectangular clip", parserTest("{\\clip(100,200,300,400)}", "enclosedTags", [new libjass.parts.RectangularClip(100, 200, 300, 400, true)]));
-
-			tdd.test("Vector clip", parserTest("{\\clip(m 129 338 l 121 381 110 372 110 331)}", "enclosedTags", [
-				new libjass.parts.VectorClip(1, [
-					new libjass.parts.drawing.MoveInstruction(129, 338),
-					new libjass.parts.drawing.LineInstruction(121, 381),
-					new libjass.parts.drawing.LineInstruction(110, 372),
-					new libjass.parts.drawing.LineInstruction(110, 331)
-				], true)
-			]));
-
-			tdd.test("Vector clip with scale", parserTest("{\\clip(1, m 129 338 l 121 381 110 372 110 331)}", "enclosedTags", [
-				new libjass.parts.VectorClip(1, [
-					new libjass.parts.drawing.MoveInstruction(129, 338),
-					new libjass.parts.drawing.LineInstruction(121, 381),
-					new libjass.parts.drawing.LineInstruction(110, 372),
-					new libjass.parts.drawing.LineInstruction(110, 331)
-				], true)
-			]));
-
-			tdd.test("Inverted rectangular clip", parserTest("{\\iclip(100,200,300,400)}", "enclosedTags", [
-				new libjass.parts.RectangularClip(100, 200, 300, 400, false)
-			]));
-
-			tdd.test("Inverted vector clip", parserTest("{\\iclip(m 129 338 l 121 381 110 372 110 331)}", "enclosedTags", [
-				new libjass.parts.VectorClip(1, [
-					new libjass.parts.drawing.MoveInstruction(129, 338),
-					new libjass.parts.drawing.LineInstruction(121, 381),
-					new libjass.parts.drawing.LineInstruction(110, 372),
-					new libjass.parts.drawing.LineInstruction(110, 331)
-				], false)
-			]));
-
-			tdd.test("Inverted vector clip with scale", parserTest("{\\iclip(1, m 129 338 l 121 381 110 372 110 331)}", "enclosedTags", [
-				new libjass.parts.VectorClip(1, [
-					new libjass.parts.drawing.MoveInstruction(129, 338),
-					new libjass.parts.drawing.LineInstruction(121, 381),
-					new libjass.parts.drawing.LineInstruction(110, 372),
-					new libjass.parts.drawing.LineInstruction(110, 331)
-				], false)
-			]));
-		});
-
-		tdd.suite("Drawing instructions", function () {
-			tdd.test("Normal", parserTest("m 984 425 l 985 445 l 985 542 l 973 544 b 983 524 987 496 984 459", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(984, 425),
-				new libjass.parts.drawing.LineInstruction(985, 445),
-				new libjass.parts.drawing.LineInstruction(985, 542),
-				new libjass.parts.drawing.LineInstruction(973, 544),
-				new libjass.parts.drawing.CubicBezierCurveInstruction(983, 524, 987, 496, 984, 459)
-			]));
-
-			tdd.test("Re-use previous instruction", parserTest("m 984 425 l 985 445 985 542 973 544 b 983 524 987 496 984 459", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(984, 425),
-				new libjass.parts.drawing.LineInstruction(985, 445),
-				new libjass.parts.drawing.LineInstruction(985, 542),
-				new libjass.parts.drawing.LineInstruction(973, 544),
-				new libjass.parts.drawing.CubicBezierCurveInstruction(983, 524, 987, 496, 984, 459)
-			]));
-
-			tdd.test("Unrecognized text after instruction", parserTest("m 100 200 l 300 400k", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(100, 200),
-				new libjass.parts.drawing.LineInstruction(300, 400)
-			]));
-
-			tdd.test("Instruction without parameters", parserTest("m 100 200 l 300 400 m", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(100, 200),
-				new libjass.parts.drawing.LineInstruction(300, 400)
-			]));
-
-			tdd.test("Unrecognized text between valid parts of the instruction", parserTest("m 100 k 200", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(100, 200)
-			]));
-
-			tdd.test("Unrecognized text before instruction", parserTest("k 100 m 200 300", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(200, 300)
-			]));
-
-			tdd.test("Unrecognized text before instruction", parserTest("100 200 m 300 400", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(300, 400)
-			]));
-
-			tdd.test("Unrecognized text between instructions", parserTest("m 100 200 k 300 400 l 500 600", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(100, 200),
-				new libjass.parts.drawing.MoveInstruction(300, 400),
-				new libjass.parts.drawing.LineInstruction(500, 600)
-			]));
-
-			tdd.test("Unrecognized text between instructions", parserTest("m k 100 200 l 300 400", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(100, 200),
-				new libjass.parts.drawing.LineInstruction(300, 400)
-			]));
-
-			tdd.test("Another instruction starts while previous one is incomplete", parserTest("m l 100 200", "drawingInstructions", [
-				new libjass.parts.drawing.LineInstruction(100, 200)
-			]));
-
-			tdd.test("Another instruction starts while previous one is incomplete", parserTest("m 100 l 200 300 400", "drawingInstructions", [
-				new libjass.parts.drawing.LineInstruction(200, 300)
-			]));
-
-			tdd.test("Leading space", parserTest(" m 984 425", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(984, 425)
-			]));
-
-			tdd.test("Terminal space", parserTest("m 984 425 ", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(984, 425)
-			]));
-
-			tdd.test("Space on both ends", parserTest(" m 984 425 ", "drawingInstructions", [
-				new libjass.parts.drawing.MoveInstruction(984, 425)
-			]));
-
-			tdd.test("Empty", parserTest("", "drawingInstructions", []));
-
-			tdd.test("One space", parserTest(" ", "drawingInstructions", []));
-
-			tdd.test("Two spaces", parserTest(" ", "drawingInstructions", []));
-		});
-	});
-});
diff --git a/negromate/web/static/js/libjass/tests/unit/webworker.js b/negromate/web/static/js/libjass/tests/unit/webworker.js
deleted file mode 100644
index 1cb30ed..0000000
--- a/negromate/web/static/js/libjass/tests/unit/webworker.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/**
- * libjass
- *
- * https://github.com/Arnavion/libjass
- *
- * Copyright 2013 Arnav Singh
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-define(["intern!tdd", "intern/chai!assert", "libjass", "require"], function (tdd, assert, libjass, require) {
-	tdd.suite("Web worker", function () {
-		var workerChannel = null;
-
-		tdd.before(function () {
-			if (!libjass.webworker.supported) {
-				return;
-			}
-
-			workerChannel = libjass.webworker.createWorker(require.toUrl("libjass") + require.toAbsMid("libjass").substr("libjass".length) + ".js");
-			return workerChannel.request(libjass.webworker.WorkerCommands.Ping);
-		});
-
-		tdd.test("Parse", function () {
-			if (!libjass.webworker.supported) {
-				this.skip("Web workers not supported in this environment.");
-			}
-
-			this.timeout = 1000;
-
-			return workerChannel.request(libjass.webworker.WorkerCommands.Parse, {
-				input: "{\\an8}Are {\\i1}you{\\i0} the one who stole the clock?!",
-				rule: "dialogueParts"
-			}).then(function (value) {
-				assert.deepEqual(value, [
-					new libjass.parts.Alignment(8),
-					new libjass.parts.Text("Are "),
-					new libjass.parts.Italic(true),
-					new libjass.parts.Text("you"),
-					new libjass.parts.Italic(false),
-					new libjass.parts.Text(" the one who stole the clock?!")
-				]);
-			});
-		});
-
-		tdd.test("Parse failure", function () {
-			if (!libjass.webworker.supported) {
-				this.skip("Web workers not supported in this environment.");
-			}
-
-			this.timeout = 1000;
-
-			return workerChannel.request(libjass.webworker.WorkerCommands.Parse, {
-				input: "a4",
-				rule: "tag_a"
-			}).then(function (value) {
-				throw new Error("Expected parse to fail.");
-			}, function (reason) {
-				assert.strictEqual(reason.message, "Parse failed.");
-			});
-		});
-	});
-});
diff --git a/negromate/web/static/js/videojs-ass/.gitignore b/negromate/web/static/js/videojs-ass/.gitignore
deleted file mode 100644
index 4d92cf4..0000000
--- a/negromate/web/static/js/videojs-ass/.gitignore
+++ /dev/null
@@ -1,4 +0,0 @@
-bower_components
-node_modules
-subs
-video
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-ass/LICENSE b/negromate/web/static/js/videojs-ass/LICENSE
deleted file mode 100644
index 35be753..0000000
--- a/negromate/web/static/js/videojs-ass/LICENSE
+++ /dev/null
@@ -1,13 +0,0 @@
-Copyright 2014 Sunny Li
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-ass/README.md b/negromate/web/static/js/videojs-ass/README.md
deleted file mode 100644
index 01f10c4..0000000
--- a/negromate/web/static/js/videojs-ass/README.md
+++ /dev/null
@@ -1,67 +0,0 @@
-# videojs-ass
-
-Add **Advanced SubStation Alpha (ASS)** subtitles support to
-[videojs](https://github.com/videojs/video.js) using the
-[libjass](https://github.com/Arnavion/libjass) library.
-
-Check out the demo
-[here](https://sunnyli.github.io/videojs-ass/example.html)
-
-
-## Install
-
-For plugin that supports videojs v5.x install using either:
-
-- `bower install videojs-ass`
-
-or
-
-- `npm install videojs-ass`
-
-For videojs v4:
-
-Just specify version to be within:
-
-```
-"videojs-ass": ">=0.3.0 < 0.5.0"
-```
-for bower or npm whichever you prefer using.
-
-
-## Usage
-
-Initialize the `ass` plugin with the `src` field like the following:
-
-```
-videojs('player_id', {
-  plugins: {
-    ass: {
-      src: 'subs/subtitles.ass'
-    }
-  }
-}
-```
-
-| Option      | Default       | Description                                                |
-| ----------- | ------------- | ---------------------------------------------------------- |
-| src         | -<sup>1</sup> | `.ass` / `.ssa` source.                                    |
-| label       | -<sup>2</sup> | subtitle track label that shows up in the subtitles picker |
-| delay       | 0<sup>3</sup> | delay subtitle rendering by the specified value in seconds |
-| rate        | 1             | subtitle update speed relative to video playback rate      |
-| enableSvg   | true          | see [here][svg-effects] regarding SVG filter               |
-| fontMap     | -             | see [here][font-map] regarding using custom web fonts      |
-| fontMapById | -             | alternate to above, takes id and runs [this][font-map-el]  |
-| videoWidth  | -<sup>3</sup> | metadata to assist in determining the optimal (cont below) |
-| videoHeight | -<sup>3</sup> | (cont) subtitle letterboxing ratio                         |
-
-**Footnotes:**
-
-1. This property is required!
-2. Has fallback values but you should provide a better label.
-3. Value can be negative
-4. Generally, you should set these values when using external videojs providers
-   as they might not expose the video dimensions to the player.
-
-[svg-effects]: https://github.com/Arnavion/libjass/blob/v0.10.0/README.md#what-browser-and-javascript-features-does-libjass-need
-[font-map]: https://arnavion.github.io/libjass/api.xhtml#libjass.renderers.RendererSettings.fontMap
-[font-map-el]: https://arnavion.github.io/libjass/api.xhtml#libjass.renderers.RendererSettings.makeFontMapFromStyleElement
diff --git a/negromate/web/static/js/videojs-ass/bower.json b/negromate/web/static/js/videojs-ass/bower.json
deleted file mode 100644
index d24d060..0000000
--- a/negromate/web/static/js/videojs-ass/bower.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "name": "videojs-ass",
-  "authors": [
-    "Sunny Li"
-  ],
-  "description": "ASS/SSA subtitle overlay for videojs",
-  "keywords": [
-    "videojs",
-    "videojs-plugin",
-    "subtitle",
-    "ASS",
-    "SSA"
-  ],
-  "license": "Apache-2.0",
-  "main": [
-    "./src/videojs.ass.js",
-    "./src/videojs.ass.css"
-  ],
-  "ignore": [
-    "node_modules",
-    "bower_components",
-    "example.html"
-  ],
-  "dependencies": {
-    "libjass": "https://github.com/Arnavion/libjass/releases/download/v0.11.0/libjass.zip"
-  },
-  "devDependencies": {
-    "videojs": "5.x"
-  }
-}
diff --git a/negromate/web/static/js/videojs-ass/example.html b/negromate/web/static/js/videojs-ass/example.html
deleted file mode 100644
index 575478c..0000000
--- a/negromate/web/static/js/videojs-ass/example.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Videojs ASS/SSA subtitles</title>
-
-    <!-- npm -->
-    <link href="node_modules/video.js/dist/video-js.min.css" rel="stylesheet">
-    <link href="node_modules/libjass/libjass.css" rel="stylesheet">
-    <script src="node_modules/video.js/dist/video.min.js"></script>
-    <script src="node_modules/libjass/libjass.js"></script>
-
-    <!-- bower-->
-<!--
-    <link href="bower_components/videojs/dist/video-js.min.css" rel="stylesheet">
-    <link href="bower_components/libjass/libjass.css" rel="stylesheet">
-    <script src="bower_components/videojs/dist/video.min.js"></script>
-    <script src="bower_components/libjass/libjass.js"></script>
--->
-
-    <!-- src -->
-    <link href="src/videojs.ass.css" rel="stylesheet">
-    <script src="src/videojs.ass.js"></script>
-  </head>
-
-  <body>
-    <video id="player" class="video-js vjs-default-skin vjs-big-play-centered">
-      <source src="video/os.mp4" type="video/mp4">
-    </video>
-    <script>
-      videojs('player', {
-        controls: true,
-        nativeControlsForTouch: false,
-        width: 640,
-        height: 360,
-        // fluid: true,
-        // plugins: {
-        //   ass: {
-        //     'src': ["subs/os.ass"],
-        //     videoWidth: 640,
-        //     videoHeight: 360,
-        //     // enableSvg: false
-        //   }
-        // },
-        playbackRates: [0.5, 1, 1.5, 2]
-      });
-
-      var vjs = videojs('player');
-      // initialize the plugin this way to access internal methods
-      var vjs_ass = vjs.ass({
-        'src': ["subs/os.ass"],
-        label: "engsub",
-        videoWidth: 640,
-        videoHeight: 360,
-        // enableSvg: false
-      });
-
-      // you will then be able to use the following js to switch subtitle
-      // vjs_ass.loadNewSubtitle('URL HERE')
-    </script>
-  </body>
-</html>
diff --git a/negromate/web/static/js/videojs-ass/package.json b/negromate/web/static/js/videojs-ass/package.json
deleted file mode 100644
index ad23bf8..0000000
--- a/negromate/web/static/js/videojs-ass/package.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "videojs-ass",
-  "version": "0.8.0",
-  "author": "Sunny Li",
-  "description": "ASS/SSA subtitle overlay for videojs",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/SunnyLi/videojs-ass.git"
-  },
-  "bugs": {
-    "url": "https://github.com/SunnyLi/videojs-ass/issues"
-  },
-  "keywords": [
-    "videojs",
-    "videojs-plugin",
-    "subtitle",
-    "ASS",
-    "SSA"
-  ],
-  "license": "Apache-2.0",
-  "main": "./src/videojs.ass.js",
-  "dependencies": {
-    "libjass": "0.11.0"
-  },
-  "devDependencies": {
-    "video.js": "5.x"
-  }
-}
diff --git a/negromate/web/static/js/videojs-ass/src/videojs.ass.css b/negromate/web/static/js/videojs-ass/src/videojs.ass.css
deleted file mode 100644
index a9e2218..0000000
--- a/negromate/web/static/js/videojs-ass/src/videojs.ass.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.vjs-ass {
-  position: absolute;
-  top: 0;
-
-  width: 100%;
-  height: 100%;
-
-  pointer-events: none;
-}
-
-.vjs-default-skin .vjs-ass-button {
-  cursor: pointer;
-}
-
-.vjs-default-skin .vjs-ass-button:before {
-  font-family: VideoJS;
-  content: '\f10c';
-}
-
-.vjs-default-skin .vjs-ass-button.inactive {
-  color: grey;
-}
-
-/* Backport from libjass v0.11 */
-.libjass-subs, .libjass-subs * {
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
diff --git a/negromate/web/static/js/videojs-ass/src/videojs.ass.js b/negromate/web/static/js/videojs-ass/src/videojs.ass.js
deleted file mode 100644
index d940382..0000000
--- a/negromate/web/static/js/videojs-ass/src/videojs.ass.js
+++ /dev/null
@@ -1,122 +0,0 @@
-/*! videojs-ass
- * Copyright (c) 2014 Sunny Li
- * Licensed under the Apache-2.0 license. */
-
-(function (videojs, libjass) {
-  'use strict';
-
-  var vjs_ass = function (options) {
-    var overlay = document.createElement('div'),
-      clock = null,
-      clockRate = options.rate || 1,
-      delay = options.delay || 0,
-      player = this,
-      renderer = null,
-      AssButton = null,
-      AssButtonInstance = null,
-      VjsButton = null;
-
-    if (!options.src) {
-      return;
-    }
-
-    overlay.className = 'vjs-ass';
-    player.el().insertBefore(overlay, player.el().firstChild.nextSibling);
-
-    function getCurrentTime() {
-      return player.currentTime() - delay;
-    }
-
-    clock = new libjass.renderers.AutoClock(getCurrentTime, 500);
-
-    player.on('play', function () {
-      clock.play();
-    });
-
-    player.on('pause', function () {
-      clock.pause();
-    });
-
-    player.on('seeking', function () {
-      clock.seeking();
-    });
-
-    function updateClockRate() {
-      clock.setRate(player.playbackRate() * clockRate);
-    }
-    
-    updateClockRate();
-    player.on('ratechange', updateClockRate);
-
-    function updateDisplayArea() {
-      setTimeout(function () {
-        renderer.resize(player.el().offsetWidth, player.el().offsetHeight);
-      }, 100);
-    }
-    
-    if (player.fluid()) {
-      window.addEventListener('resize', updateDisplayArea);
-    }
-
-    player.on('loadedmetadata', updateDisplayArea);
-    player.on('resize', updateDisplayArea);
-    player.on('fullscreenchange', updateDisplayArea);
-
-    player.on('dispose', function () {
-      clock.disable();
-    });
-
-    libjass.ASS.fromUrl(options.src, libjass.Format.ASS).then(
-      function (ass) {
-        var rendererSettings = new libjass.renderers.RendererSettings();
-        if (options.hasOwnProperty('enableSvg')) {
-          rendererSettings.enableSvg = options.enableSvg;
-        }
-        if (options.hasOwnProperty('fontMap')) {
-          rendererSettings.fontMap = new libjass.Map(options.fontMap);
-        } else if (options.hasOwnProperty('fontMapById')) {
-          rendererSettings.fontMap = libjass.renderers.RendererSettings
-            .makeFontMapFromStyleElement(document.getElementById(options.fontMapById));
-        }
-
-        renderer = new libjass.renderers.WebRenderer(ass, clock, overlay, rendererSettings);
-        console.debug(renderer);
-      }
-    );
-
-    // Visibility Toggle Button
-    if (!options.hasOwnProperty('button') || options.button) {
-      VjsButton = videojs.getComponent('Button');
-      AssButton = videojs.extend(VjsButton, {
-        constructor: function (player, options) {
-          options.name = options.name || 'assToggleButton';
-          VjsButton.call(this, player, options);
-
-          this.addClass('vjs-ass-button');
-
-          this.on('click', this.onClick);
-        },
-        onClick: function () {
-          if (!this.hasClass('inactive')) {
-            this.addClass('inactive');
-            overlay.style.display = "none";
-          } else {
-            this.removeClass('inactive');
-            overlay.style.display = "";
-          }
-        }
-      });
-
-      player.ready(function () {
-        AssButtonInstance = new AssButton(player, options);
-        player.controlBar.addChild(AssButtonInstance);
-        player.controlBar.el().insertBefore(
-          AssButtonInstance.el(),
-          player.controlBar.getChild('customControlSpacer').el().nextSibling
-        );
-      });
-    }
-  };
-
-  videojs.plugin('ass', vjs_ass);
-}(window.videojs, window.libjass));
diff --git a/negromate/web/static/js/videojs-playlist-ui/CHANGELOG.md b/negromate/web/static/js/videojs-playlist-ui/CHANGELOG.md
deleted file mode 100644
index dadf1c4..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/CHANGELOG.md
+++ /dev/null
@@ -1,166 +0,0 @@
-<a name="3.5.2"></a>
-## [3.5.2](https://github.com/brightcove/videojs-playlist-ui/compare/v3.5.1...v3.5.2) (2018-10-03)
-
-### Bug Fixes
-
-* Remove the playlist UI when the player is disposed. ([#81](https://github.com/brightcove/videojs-playlist-ui/issues/81)) ([c519585](https://github.com/brightcove/videojs-playlist-ui/commit/c519585))
-* Remove the postinstall script to prevent install issues ([#76](https://github.com/brightcove/videojs-playlist-ui/issues/76)) ([fbe09e2](https://github.com/brightcove/videojs-playlist-ui/commit/fbe09e2))
-
-### Chores
-
-* update to generator-videojs-plugin[@7](https://github.com/7).2.0 ([0235fee](https://github.com/brightcove/videojs-playlist-ui/commit/0235fee))
-* **package:** update rollup to version 0.66.0 ([#79](https://github.com/brightcove/videojs-playlist-ui/issues/79)) ([dc86980](https://github.com/brightcove/videojs-playlist-ui/commit/dc86980))
-
-<a name="3.5.1"></a>
-## [3.5.1](https://github.com/brightcove/videojs-playlist-ui/compare/v3.5.0...v3.5.1) (2018-08-23)
-
-### Chores
-
-* generator v7 ([#72](https://github.com/brightcove/videojs-playlist-ui/issues/72)) ([c8cb58d](https://github.com/brightcove/videojs-playlist-ui/commit/c8cb58d))
-
-<a name="3.5.0"></a>
-# [3.5.0](https://github.com/brightcove/videojs-playlist-ui/compare/v3.4.2...v3.5.0) (2018-08-20)
-
-### Features
-
-* set dataset attributes on playlist items when they have a data object ([#68](https://github.com/brightcove/videojs-playlist-ui/issues/68)) ([e16f2dd](https://github.com/brightcove/videojs-playlist-ui/commit/e16f2dd))
-
-<a name="3.4.2"></a>
-## [3.4.2](https://github.com/brightcove/videojs-playlist-ui/compare/v3.4.1...v3.4.2) (2018-08-03)
-
-### Bug Fixes
-
-* babel the es dist, by updating the generator ([#65](https://github.com/brightcove/videojs-playlist-ui/issues/65)) ([f63f77b](https://github.com/brightcove/videojs-playlist-ui/commit/f63f77b))
-
-### Chores
-
-* **package:** update dependencies, enable greenkeeper ([#62](https://github.com/brightcove/videojs-playlist-ui/issues/62)) ([63a89a7](https://github.com/brightcove/videojs-playlist-ui/commit/63a89a7))
-
-<a name="3.4.1"></a>
-## [3.4.1](https://github.com/brightcove/videojs-playlist-ui/compare/v3.0.7...v3.4.1) (2018-07-20)
-
-### Bug Fixes
-
-* css builds ([#63](https://github.com/brightcove/videojs-playlist-ui/issues/63)) ([603ec73](https://github.com/brightcove/videojs-playlist-ui/commit/603ec73))
-
-### Reverts
-
-* unintended pkg changes ([#64](https://github.com/brightcove/videojs-playlist-ui/issues/64)) ([be83683](https://github.com/brightcove/videojs-playlist-ui/commit/be83683))
-
-<a name="3.0.8"></a>
-## [3.0.8](https://github.com/brightcove/videojs-playlist-ui/compare/v3.0.6...v3.0.8) (2018-07-20)
-
-### Bug Fixes
-
-* update rollup to fix test build ([d329710](https://github.com/brightcove/videojs-playlist-ui/commit/d329710))
-* revert: generator update from 3.0.7
-
-<a name="3.0.7"></a>
-## [3.0.7](https://github.com/brightcove/videojs-playlist-ui/compare/v3.4.0...v3.0.7) (2018-07-05)
-
-### Chores
-
-* generator v6 ([#58](https://github.com/brightcove/videojs-playlist-ui/issues/58)) ([e9c2b00](https://github.com/brightcove/videojs-playlist-ui/commit/e9c2b00))
-
-<a name="3.4.0"></a>
-# [3.4.0](https://github.com/brightcove/videojs-playlist-ui/compare/v3.3.0...v3.4.0) (2018-03-29)
-
-### Features
-
-* Expose the version of the plugin at the `VERSION` property. ([#56](https://github.com/brightcove/videojs-playlist-ui/issues/56)) ([cb2da9d](https://github.com/brightcove/videojs-playlist-ui/commit/cb2da9d))
-
-### Bug Fixes
-
-* Truncate longer video titles with ellipses when they overflow ([#57](https://github.com/brightcove/videojs-playlist-ui/issues/57)) ([18d8a18](https://github.com/brightcove/videojs-playlist-ui/commit/18d8a18))
-
-### Chores
-
-* Update tooling via the plugin generator. ([#55](https://github.com/brightcove/videojs-playlist-ui/issues/55)) ([b753ab3](https://github.com/brightcove/videojs-playlist-ui/commit/b753ab3))
-
-<a name="3.3.0"></a>
-# [3.3.0](https://github.com/brightcove/videojs-playlist-ui/compare/v3.2.1...v3.3.0) (2017-12-04)
-
-### Features
-
-* Support horizontal playlist display. ([#54](https://github.com/brightcove/videojs-playlist-ui/issues/54)) ([85965b6](https://github.com/brightcove/videojs-playlist-ui/commit/85965b6))
-
-<a name="3.2.1"></a>
-## [3.2.1](https://github.com/brightcove/videojs-playlist-ui/compare/v3.2.0...v3.2.1) (2017-11-29)
-
-### Bug Fixes
-
-* Do not concatenate playlist items if the plugin is re-initialized. ([#53](https://github.com/brightcove/videojs-playlist-ui/issues/53)) ([7953ad6](https://github.com/brightcove/videojs-playlist-ui/commit/7953ad6))
-
-<a name="3.2.0"></a>
-# [3.2.0](https://github.com/brightcove/videojs-playlist-ui/compare/v3.1.0...v3.2.0) (2017-11-29)
-
-### Features
-
-* Support the 'playlistsorted' event added in videojs-playlist 4.1.0. ([#52](https://github.com/brightcove/videojs-playlist-ui/issues/52)) ([6d79ac1](https://github.com/brightcove/videojs-playlist-ui/commit/6d79ac1))
-
-<a name="3.1.0"></a>
-# [3.1.0](https://github.com/brightcove/videojs-playlist-ui/compare/v3.0.6...v3.1.0) (2017-11-15)
-
-### Features
-
-* Better support for multiple in-page players by more intelligently finding a player's associated playlist element. ([#50](https://github.com/brightcove/videojs-playlist-ui/issues/50)) ([50bd97c](https://github.com/brightcove/videojs-playlist-ui/commit/50bd97c))
-
-<a name="3.0.6"></a>
-## [3.0.6](https://github.com/brightcove/videojs-playlist-ui/compare/v3.0.5...v3.0.6) (2017-09-05)
-
-### Bug Fixes
-
-* breaking changed caused by dist files being renamed ([#46](https://github.com/brightcove/videojs-playlist-ui/issues/46)) ([52140f4](https://github.com/brightcove/videojs-playlist-ui/commit/52140f4))
-* simplify removal of vjs-ad-playing class ([#45](https://github.com/brightcove/videojs-playlist-ui/issues/45)) ([b49dc82](https://github.com/brightcove/videojs-playlist-ui/commit/b49dc82))
-
-<a name="3.0.5"></a>
-## [3.0.5](https://github.com/brightcove/videojs-playlist-ui/compare/v3.0.3...v3.0.5) (2017-05-19)
-
-### Chores
-
-* Update tooling using generator v5 prerelease. ([#42](https://github.com/brightcove/videojs-playlist-ui/issues/42)) ([6153b64](https://github.com/brightcove/videojs-playlist-ui/commit/6153b64))
-
-# CHANGELOG
-
-## 3.0.4
-
-* @incompl Fix collision in CSS
-* @incompl Fix accessibility for image thumbnails
-
-## 3.0.3
-
-* chore: @brandonocasey Fix Video.js 6 deprecation warnings
-* chore: @brandonocasey Update unit tests to use karma
-
-## 3.0.2
-
-* @misteroneill More complete documentation and examples
-
-## 3.0.1
-
-* @misteroneill Update videojs-playlist to v3.0.0 [#24](https://github.com/brightcove/videojs-playlist-ui/pull/24)
-* @diniscorreia Fix documentation for placeholder element [#30](https://github.com/brightcove/videojs-playlist-ui/pull/30)
-* @diniscorreia Fix querySelector for list creation [#29](https://github.com/brightcove/videojs-playlist-ui/pull/29)
-
-## 3.0.0
-
-* Redesigned UI. Bigger thumbnails, more room for video titles, and more.
-
-## 2.3.1
-
-* @misteroneill More complete documentation and examples [#32](https://github.com/brightcove/videojs-playlist-ui/pull/32)
-* @misteroneill Update to videojs-playlist 3.0.0 [#31](https://github.com/brightcove/videojs-playlist-ui/pull/31)
-
-## 2.3.0
-
-* Keep vjs-ad-playing class after postroll until ended event
-
-## 2.2.0
-
-* Fixup babelify and have a proper browserify endpoint
-
-...
-
-## 0.1.0
-
-* Initial release
diff --git a/negromate/web/static/js/videojs-playlist-ui/CONTRIBUTING.md b/negromate/web/static/js/videojs-playlist-ui/CONTRIBUTING.md
deleted file mode 100644
index 7840f8c..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/CONTRIBUTING.md
+++ /dev/null
@@ -1,30 +0,0 @@
-# CONTRIBUTING
-
-We welcome contributions from everyone!
-
-## Getting Started
-
-Make sure you have Node.js 4.8 or higher and npm installed.
-
-1. Fork this repository and clone your fork
-1. Install dependencies: `npm install`
-1. Run a development server: `npm start`
-
-### Making Changes
-
-Refer to the [video.js plugin conventions][conventions] for more detail on best practices and tooling for video.js plugin authorship.
-
-When you've made your changes, push your commit(s) to your fork and issue a pull request against the original repository.
-
-### Running Tests
-
-Testing is a crucial part of any software project. For all but the most trivial changes (typos, etc) test cases are expected. Tests are run in actual browsers using [Karma][karma].
-
-- In all available and supported browsers: `npm test`
-- In a specific browser: `npm run test:chrome`, `npm run test:firefox`, etc.
-- While development server is running (`npm start`), navigate to [`http://localhost:9999/test/`][local]
-
-
-[karma]: http://karma-runner.github.io/
-[local]: http://localhost:9999/test/
-[conventions]: https://github.com/videojs/generator-videojs-plugin/blob/master/docs/conventions.md
diff --git a/negromate/web/static/js/videojs-playlist-ui/LICENSE b/negromate/web/static/js/videojs-playlist-ui/LICENSE
deleted file mode 100644
index 50c17f4..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/LICENSE
+++ /dev/null
@@ -1,13 +0,0 @@
-Copyright Brightcove, Inc.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
diff --git a/negromate/web/static/js/videojs-playlist-ui/README.md b/negromate/web/static/js/videojs-playlist-ui/README.md
deleted file mode 100644
index 72b87a7..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/README.md
+++ /dev/null
@@ -1,110 +0,0 @@
-# videojs-playlist-ui
-
-[![Build Status](https://travis-ci.org/brightcove/videojs-playlist-ui.svg?branch=master)](https://travis-ci.org/brightcove/videojs-playlist-ui)
-[![Greenkeeper badge](https://badges.greenkeeper.io/brightcove/videojs-playlist-ui.svg)](https://greenkeeper.io/)
-[![Slack Status](http://slack.videojs.com/badge.svg)](http://slack.videojs.com)
-
-[![NPM](https://nodei.co/npm/videojs-playlist-ui.png?downloads=true&downloadRank=true)](https://nodei.co/npm/videojs-playlist-ui/)
-
-A playlist video picker for video.js and videojs-playlist
-
-Maintenance Status: Stable
-
-<!-- START doctoc generated TOC please keep comment here to allow auto update -->
-<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
-
-
-- [Getting Started](#getting-started)
-- [Root Element](#root-element)
-  - [Using Automatic Discovery (default, example)](#using-automatic-discovery-default-example)
-  - [Using a Custom Class (example)](#using-a-custom-class-example)
-  - [Using a Custom Element (example)](#using-a-custom-element-example)
-- [Other Options](#other-options)
-    - [`className`](#classname)
-    - [playOnSelect](#playonselect)
-- [Playlists and Advertisements](#playlists-and-advertisements)
-
-<!-- END doctoc generated TOC please keep comment here to allow auto update -->
-
-
-## Getting Started
-Include the plugin script in your page, and a placeholder list element with the class `vjs-playlist` to house the playlist menu:
-
-```html
-<!-- Include the playlist menu styles somewhere in your page: -->
-<link href="videojs-playlist-ui.vertical.css" rel="stylesheet">
-
-<!-- The playlist menu will be built automatically in here: -->
-<div class="vjs-playlist"></div>
-
-<!-- Include video.js, the videojs-playlist plugin and this plugin: -->
-<script src="video.js"></script>
-<script src="videojs-playlist.js"></script>
-<script src="videojs-playlist-ui.js"></script>
-
-<script>
-  // Initialize the plugin and build the playlist!
-  videojs(document.querySelector('video')).playlistUi();
-</script>
-```
-
-There's also a [working example](example.html) of the plugin you can check out if you're having trouble.
-
-## Root Element
-Before this plugin will work at all, it needs an element in the DOM to which to attach itself. There are three ways to find or provide this element.
-
-> **NOTE:** In v2.x of this plugin, the root element was expected to be a list element (i.e., `<ol>` or `<ul>`). As of v3.x, the plugin creates a list; so, this root element _must_ be a non-list container element (e.g., `<div>`).
-
-### Using Automatic Discovery (default, [example](example.html))
-By default, the plugin will search for the first element in the DOM with the `vjs-playlist` class.
-
-To defend against problems caused by multiple playlist players on a page, the plugin will only use an element with the `vjs-playlist` class if that element has not been used by another player's playlist.
-
-### Using a Custom Class ([example](example-custom-class.html))
-A custom `className` option can be passed to override the class the plugin will search for to find the root element. The same defense against multiple playlist players is reused in this case.
-
-```js
-player.playlistUi({
-  className: 'hello-world'
-});
-```
-
-### Using a Custom Element ([example](example-custom-element.html))
-A custom element can be passed using the `el` option to explicitly define a specific root element.
-
-```js
-player.playlistUi({
-  el: document.getElementById('hello-world')
-});
-```
-
-> **NOTE:** Previously, the plugin supported passing the element in lieu of passing options. That feature is deprecated and will be removed in 4.0. Please use the `el` option going forward.
-
-## Other Options
-
-The options passed to the plugin are passed to the internal `PlaylistMenu` [video.js Component][components]; so, you may pass in [any option][components-options] that is accepted by a component.
-
-In addition, the options object may contain the following specialized properties:
-
-#### `className`
-Type: `string`
-Default: `"vjs-playlist"`
-
-As mentioned [above](#using-a-custom-class), the name of the class to search for to populate the playlist menu.
-
-#### playOnSelect
-Type: `boolean`
-Default: `false`
-
-The default behavior is that the play state is expected to stay the same between videos. If the player is playing when switching playlist items, continue playing. If paused, stay paused.
-
-When this boolean is set to `true`, clicking on the playlist menu items will always play the video.
-
-## Playlists and Advertisements
-
-The `PlaylistMenu` automatically adapts to ad integrations based on [videojs-contrib-ads][contrib-ads]. When a linear ad is being played, the menu will darken and stop responding to click or touch events. If you'd prefer to allow your viewers to change videos during ad playback, you can override this behavior through CSS. You will also need to make sure that your ad integration is properly cancelled and cleaned up before switching -- consult the documentation for your ad library for details on how to do that.
-
-
-[components]: https://github.com/videojs/video.js/blob/master/docs/guides/components.md
-[components-options]: https://github.com/videojs/video.js/blob/master/docs/guides/options.md#component-options
-[contrib-ads]: https://github.com/videojs/videojs-contrib-ads
diff --git a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.cjs.js b/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.cjs.js
deleted file mode 100644
index 50d822f..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.cjs.js
+++ /dev/null
@@ -1,504 +0,0 @@
-/*! @name videojs-playlist-ui @version 3.5.2 @license Apache-2.0 */
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var document = _interopDefault(require('global/document'));
-var videojs = _interopDefault(require('video.js'));
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-
-var version = "3.5.2";
-
-var dom = videojs.dom || videojs;
-var registerPlugin = videojs.registerPlugin || videojs.plugin; // Array#indexOf analog for IE8
-
-var indexOf = function indexOf(array, target) {
-  for (var i = 0, length = array.length; i < length; i++) {
-    if (array[i] === target) {
-      return i;
-    }
-  }
-
-  return -1;
-}; // see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/css/pointerevents.js
-
-
-var supportsCssPointerEvents = function () {
-  var element = document.createElement('x');
-  element.style.cssText = 'pointer-events:auto';
-  return element.style.pointerEvents === 'auto';
-}();
-
-var defaults = {
-  className: 'vjs-playlist',
-  playOnSelect: false,
-  supportsCssPointerEvents: supportsCssPointerEvents
-}; // we don't add `vjs-playlist-now-playing` in addSelectedClass
-// so it won't conflict with `vjs-icon-play
-// since it'll get added when we mouse out
-
-var addSelectedClass = function addSelectedClass(el) {
-  el.addClass('vjs-selected');
-};
-
-var removeSelectedClass = function removeSelectedClass(el) {
-  el.removeClass('vjs-selected');
-
-  if (el.thumbnail) {
-    dom.removeClass(el.thumbnail, 'vjs-playlist-now-playing');
-  }
-};
-
-var upNext = function upNext(el) {
-  el.addClass('vjs-up-next');
-};
-
-var notUpNext = function notUpNext(el) {
-  el.removeClass('vjs-up-next');
-};
-
-var createThumbnail = function createThumbnail(thumbnail) {
-  if (!thumbnail) {
-    var placeholder = document.createElement('div');
-    placeholder.className = 'vjs-playlist-thumbnail vjs-playlist-thumbnail-placeholder';
-    return placeholder;
-  }
-
-  var picture = document.createElement('picture');
-  picture.className = 'vjs-playlist-thumbnail';
-
-  if (typeof thumbnail === 'string') {
-    // simple thumbnails
-    var img = document.createElement('img');
-    img.src = thumbnail;
-    img.alt = '';
-    picture.appendChild(img);
-  } else {
-    // responsive thumbnails
-    // additional variations of a <picture> are specified as
-    // <source> elements
-    for (var i = 0; i < thumbnail.length - 1; i++) {
-      var _variant = thumbnail[i];
-      var source = document.createElement('source'); // transfer the properties of each variant onto a <source>
-
-      for (var prop in _variant) {
-        source[prop] = _variant[prop];
-      }
-
-      picture.appendChild(source);
-    } // the default version of a <picture> is specified by an <img>
-
-
-    var variant = thumbnail[thumbnail.length - 1];
-
-    var _img = document.createElement('img');
-
-    _img.alt = '';
-
-    for (var _prop in variant) {
-      _img[_prop] = variant[_prop];
-    }
-
-    picture.appendChild(_img);
-  }
-
-  return picture;
-};
-
-var Component = videojs.getComponent('Component');
-
-var PlaylistMenuItem =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(PlaylistMenuItem, _Component);
-
-  function PlaylistMenuItem(player, playlistItem, settings) {
-    var _this;
-
-    if (!playlistItem.item) {
-      throw new Error('Cannot construct a PlaylistMenuItem without an item option');
-    }
-
-    _this = _Component.call(this, player, playlistItem) || this;
-    _this.item = playlistItem.item;
-    _this.playOnSelect = settings.playOnSelect;
-
-    _this.emitTapEvents();
-
-    _this.on(['click', 'tap'], _this.switchPlaylistItem_);
-
-    _this.on('keydown', _this.handleKeyDown_);
-
-    return _this;
-  }
-
-  var _proto = PlaylistMenuItem.prototype;
-
-  _proto.handleKeyDown_ = function handleKeyDown_(event) {
-    // keycode 13 is <Enter>
-    // keycode 32 is <Space>
-    if (event.which === 13 || event.which === 32) {
-      this.switchPlaylistItem_();
-    }
-  };
-
-  _proto.switchPlaylistItem_ = function switchPlaylistItem_(event) {
-    this.player_.playlist.currentItem(indexOf(this.player_.playlist(), this.item));
-
-    if (this.playOnSelect) {
-      this.player_.play();
-    }
-  };
-
-  _proto.createEl = function createEl() {
-    var li = document.createElement('li');
-    var item = this.options_.item;
-
-    if (typeof item.data === 'object') {
-      var dataKeys = Object.keys(item.data);
-      dataKeys.forEach(function (key) {
-        var value = item.data[key];
-        li.dataset[key] = value;
-      });
-    }
-
-    li.className = 'vjs-playlist-item';
-    li.setAttribute('tabIndex', 0); // Thumbnail image
-
-    this.thumbnail = createThumbnail(item.thumbnail);
-    li.appendChild(this.thumbnail); // Duration
-
-    if (item.duration) {
-      var duration = document.createElement('time');
-      var time = videojs.formatTime(item.duration);
-      duration.className = 'vjs-playlist-duration';
-      duration.setAttribute('datetime', 'PT0H0M' + item.duration + 'S');
-      duration.appendChild(document.createTextNode(time));
-      li.appendChild(duration);
-    } // Now playing
-
-
-    var nowPlayingEl = document.createElement('span');
-    var nowPlayingText = this.localize('Now Playing');
-    nowPlayingEl.className = 'vjs-playlist-now-playing-text';
-    nowPlayingEl.appendChild(document.createTextNode(nowPlayingText));
-    nowPlayingEl.setAttribute('title', nowPlayingText);
-    this.thumbnail.appendChild(nowPlayingEl); // Title container contains title and "up next"
-
-    var titleContainerEl = document.createElement('div');
-    titleContainerEl.className = 'vjs-playlist-title-container';
-    this.thumbnail.appendChild(titleContainerEl); // Up next
-
-    var upNextEl = document.createElement('span');
-    var upNextText = this.localize('Up Next');
-    upNextEl.className = 'vjs-up-next-text';
-    upNextEl.appendChild(document.createTextNode(upNextText));
-    upNextEl.setAttribute('title', upNextText);
-    titleContainerEl.appendChild(upNextEl); // Video title
-
-    var titleEl = document.createElement('cite');
-    var titleText = item.name || this.localize('Untitled Video');
-    titleEl.className = 'vjs-playlist-name';
-    titleEl.appendChild(document.createTextNode(titleText));
-    titleEl.setAttribute('title', titleText);
-    titleContainerEl.appendChild(titleEl);
-    return li;
-  };
-
-  return PlaylistMenuItem;
-}(Component);
-
-var PlaylistMenu =
-/*#__PURE__*/
-function (_Component2) {
-  _inheritsLoose(PlaylistMenu, _Component2);
-
-  function PlaylistMenu(player, options) {
-    var _this2;
-
-    if (!player.playlist) {
-      throw new Error('videojs-playlist is required for the playlist component');
-    }
-
-    _this2 = _Component2.call(this, player, options) || this;
-    _this2.items = [];
-
-    if (options.horizontal) {
-      _this2.addClass('vjs-playlist-horizontal');
-    } else {
-      _this2.addClass('vjs-playlist-vertical');
-    } // If CSS pointer events aren't supported, we have to prevent
-    // clicking on playlist items during ads with slightly more
-    // invasive techniques. Details in the stylesheet.
-
-
-    if (options.supportsCssPointerEvents) {
-      _this2.addClass('vjs-csspointerevents');
-    }
-
-    _this2.createPlaylist_();
-
-    if (!videojs.browser.TOUCH_ENABLED) {
-      _this2.addClass('vjs-mouse');
-    }
-
-    _this2.on(player, ['loadstart', 'playlistchange', 'playlistsorted'], function (event) {
-      _this2.update();
-    }); // Keep track of whether an ad is playing so that the menu
-    // appearance can be adapted appropriately
-
-
-    _this2.on(player, 'adstart', function () {
-      _this2.addClass('vjs-ad-playing');
-    });
-
-    _this2.on(player, 'adend', function () {
-      _this2.removeClass('vjs-ad-playing');
-    });
-
-    _this2.on('dispose', function () {
-      _this2.empty_();
-
-      player.playlistMenu = null;
-    });
-
-    _this2.on(player, 'dispose', function () {
-      _this2.dispose();
-    });
-
-    return _this2;
-  }
-
-  var _proto2 = PlaylistMenu.prototype;
-
-  _proto2.createEl = function createEl() {
-    return dom.createEl('div', {
-      className: this.options_.className
-    });
-  };
-
-  _proto2.empty_ = function empty_() {
-    if (this.items && this.items.length) {
-      this.items.forEach(function (i) {
-        return i.dispose();
-      });
-      this.items.length = 0;
-    }
-  };
-
-  _proto2.createPlaylist_ = function createPlaylist_() {
-    var playlist = this.player_.playlist() || [];
-    var list = this.el_.querySelector('.vjs-playlist-item-list');
-    var overlay = this.el_.querySelector('.vjs-playlist-ad-overlay');
-
-    if (!list) {
-      list = document.createElement('ol');
-      list.className = 'vjs-playlist-item-list';
-      this.el_.appendChild(list);
-    }
-
-    this.empty_(); // create new items
-
-    for (var i = 0; i < playlist.length; i++) {
-      var item = new PlaylistMenuItem(this.player_, {
-        item: playlist[i]
-      }, this.options_);
-      this.items.push(item);
-      list.appendChild(item.el_);
-    } // Inject the ad overlay. IE<11 doesn't support "pointer-events:
-    // none" so we use this element to block clicks during ad
-    // playback.
-
-
-    if (!overlay) {
-      overlay = document.createElement('li');
-      overlay.className = 'vjs-playlist-ad-overlay';
-      list.appendChild(overlay);
-    } else {
-      // Move overlay to end of list
-      list.appendChild(overlay);
-    } // select the current playlist item
-
-
-    var selectedIndex = this.player_.playlist.currentItem();
-
-    if (this.items.length && selectedIndex >= 0) {
-      addSelectedClass(this.items[selectedIndex]);
-      var thumbnail = this.items[selectedIndex].$('.vjs-playlist-thumbnail');
-
-      if (thumbnail) {
-        dom.addClass(thumbnail, 'vjs-playlist-now-playing');
-      }
-    }
-  };
-
-  _proto2.update = function update() {
-    // replace the playlist items being displayed, if necessary
-    var playlist = this.player_.playlist();
-
-    if (this.items.length !== playlist.length) {
-      // if the menu is currently empty or the state is obviously out
-      // of date, rebuild everything.
-      this.createPlaylist_();
-      return;
-    }
-
-    for (var i = 0; i < this.items.length; i++) {
-      if (this.items[i].item !== playlist[i]) {
-        // if any of the playlist items have changed, rebuild the
-        // entire playlist
-        this.createPlaylist_();
-        return;
-      }
-    } // the playlist itself is unchanged so just update the selection
-
-
-    var currentItem = this.player_.playlist.currentItem();
-
-    for (var _i = 0; _i < this.items.length; _i++) {
-      var item = this.items[_i];
-
-      if (_i === currentItem) {
-        addSelectedClass(item);
-
-        if (document.activeElement !== item.el()) {
-          dom.addClass(item.thumbnail, 'vjs-playlist-now-playing');
-        }
-
-        notUpNext(item);
-      } else if (_i === currentItem + 1) {
-        removeSelectedClass(item);
-        upNext(item);
-      } else {
-        removeSelectedClass(item);
-        notUpNext(item);
-      }
-    }
-  };
-
-  return PlaylistMenu;
-}(Component);
-/**
- * Returns a boolean indicating whether an element has child elements.
- *
- * Note that this is distinct from whether it has child _nodes_.
- *
- * @param  {HTMLElement} el
- *         A DOM element.
- *
- * @return {boolean}
- *         Whether the element has child elements.
- */
-
-
-var hasChildEls = function hasChildEls(el) {
-  for (var i = 0; i < el.childNodes.length; i++) {
-    if (dom.isEl(el.childNodes[i])) {
-      return true;
-    }
-  }
-
-  return false;
-};
-/**
- * Finds the first empty root element.
- *
- * @param  {string} className
- *         An HTML class name to search for.
- *
- * @return {HTMLElement}
- *         A DOM element to use as the root for a playlist.
- */
-
-
-var findRoot = function findRoot(className) {
-  var all = document.querySelectorAll('.' + className);
-  var el;
-
-  for (var i = 0; i < all.length; i++) {
-    if (!hasChildEls(all[i])) {
-      el = all[i];
-      break;
-    }
-  }
-
-  return el;
-};
-/**
- * Initialize the plugin on a player.
- *
- * @param  {Object} [options]
- *         An options object.
- *
- * @param  {HTMLElement} [options.el]
- *         A DOM element to use as a root node for the playlist.
- *
- * @param  {string} [options.className]
- *         An HTML class name to use to find a root node for the playlist.
- *
- * @param  {boolean} [options.playOnSelect = false]
- *         If true, will attempt to begin playback upon selecting a new
- *         playlist item in the UI.
- */
-
-
-var playlistUi = function playlistUi(options) {
-  var player = this;
-
-  if (!player.playlist) {
-    throw new Error('videojs-playlist plugin is required by the videojs-playlist-ui plugin');
-  }
-
-  if (dom.isEl(options)) {
-    videojs.log.warn('videojs-playlist-ui: Passing an element directly to playlistUi() is deprecated, use the "el" option instead!');
-    options = {
-      el: options
-    };
-  }
-
-  options = videojs.mergeOptions(defaults, options); // If the player is already using this plugin, remove the pre-existing
-  // PlaylistMenu, but retain the element and its location in the DOM because
-  // it will be re-used.
-
-  if (player.playlistMenu) {
-    var el = player.playlistMenu.el(); // Catch cases where the menu may have been disposed elsewhere or the
-    // element removed from the DOM.
-
-    if (el) {
-      var parentNode = el.parentNode;
-      var nextSibling = el.nextSibling; // Disposing the menu will remove `el` from the DOM, but we need to
-      // empty it ourselves to be sure.
-
-      player.playlistMenu.dispose();
-      dom.emptyEl(el); // Put the element back in its place.
-
-      if (nextSibling) {
-        parentNode.insertBefore(el, nextSibling);
-      } else {
-        parentNode.appendChild(el);
-      }
-
-      options.el = el;
-    }
-  }
-
-  if (!dom.isEl(options.el)) {
-    options.el = findRoot(options.className);
-  }
-
-  player.playlistMenu = new PlaylistMenu(player, options);
-}; // register components
-
-
-videojs.registerComponent('PlaylistMenu', PlaylistMenu);
-videojs.registerComponent('PlaylistMenuItem', PlaylistMenuItem); // register the plugin
-
-registerPlugin('playlistUi', playlistUi);
-playlistUi.VERSION = version;
-
-module.exports = playlistUi;
diff --git a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.css b/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.css
deleted file mode 100644
index 59f4b1c..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.css
+++ /dev/null
@@ -1 +0,0 @@
-.vjs-playlist{padding:0;background-color:#1a1a1a;color:#fff;list-style-type:none}.vjs-playlist img{display:block;height:auto;width:auto}.vjs-playlist .vjs-playlist-item-list{position:relative;margin:0;padding:0;list-style:none}.vjs-playlist .vjs-playlist-item{position:relative;cursor:pointer;overflow:hidden}.vjs-playlist .vjs-playlist-thumbnail-placeholder{background:#303030}.vjs-playlist .vjs-playlist-now-playing-text{display:none;position:absolute;top:0;left:0;padding-left:2px;margin:.8rem}.vjs-playlist .vjs-playlist-duration{position:absolute;top:.5rem;left:.5rem;padding:2px 5px 3px;margin-left:2px;background-color:rgba(26,26,26,0.8)}.vjs-playlist .vjs-playlist-title-container{position:absolute;bottom:0;box-sizing:border-box;width:100%;padding:.5rem .8rem;text-shadow:1px  1px 2px black, -1px  1px 2px black, 1px -1px 2px black, -1px -1px 2px black}.vjs-playlist .vjs-playlist-name{display:block;max-height:2.5em;padding:0 0 4px 2px;font-style:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px}.vjs-playlist .vjs-playlist-description{margin:0;text-overflow:ellipsis;overflow:hidden}.vjs-playlist .vjs-up-next-text{display:none;padding:.1rem 2px;font-size:.8em;text-transform:uppercase}.vjs-playlist .vjs-up-next .vjs-up-next-text{display:block}.vjs-playlist .vjs-selected{background-color:#141a21}.vjs-playlist .vjs-selected img{opacity:.2}.vjs-playlist .vjs-selected .vjs-playlist-duration{display:none}.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text{display:block}.vjs-playlist .vjs-selected .vjs-playlist-title-container{text-shadow:none}.vjs-playlist-vertical{overflow-x:hidden;overflow-y:auto}.vjs-playlist-vertical img{width:100%;min-height:54px}.vjs-playlist-vertical .vjs-playlist-item{margin-bottom:5px}.vjs-playlist-vertical .vjs-playlist-thumbnail{display:block;width:100%}.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder{height:100px}.vjs-playlist-horizontal{overflow-x:auto;overflow-y:hidden}.vjs-playlist-horizontal img{min-width:100px;height:100%}.vjs-playlist-horizontal .vjs-playlist-item-list{height:100%;white-space:nowrap}.vjs-playlist-horizontal .vjs-playlist-item{display:inline-block;height:100%;margin-right:5px}.vjs-playlist-horizontal .vjs-playlist-thumbnail{display:block;height:100%}.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder{height:100%;width:180px}.vjs-playlist.vjs-ad-playing{overflow:hidden}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents{pointer-events:none;overflow:auto}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay{pointer-events:auto}.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";background-color:rgba(0,0,0,0.5)}.vjs-playlist{font-size:14px}.vjs-playlist .vjs-playlist-description{height:42px;line-height:21px}.vjs-mouse.vjs-playlist{font-size:15px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:45px;line-height:23px}@media (min-width: 600px){.vjs-mouse.vjs-playlist{font-size:17px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:51px;line-height:26px}.vjs-playlist .vjs-playlist-name{line-height:22px}}@media (max-width: 520px){.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}}@media (min-width: 521px){.vjs-playlist img{min-height:85px}}@media (max-width: 750px){.vjs-playlist .vjs-playlist-duration{display:none}}
diff --git a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.es.js b/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.es.js
deleted file mode 100644
index e1b982e..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.es.js
+++ /dev/null
@@ -1,500 +0,0 @@
-/*! @name videojs-playlist-ui @version 3.5.2 @license Apache-2.0 */
-import document from 'global/document';
-import videojs from 'video.js';
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-
-var version = "3.5.2";
-
-var dom = videojs.dom || videojs;
-var registerPlugin = videojs.registerPlugin || videojs.plugin; // Array#indexOf analog for IE8
-
-var indexOf = function indexOf(array, target) {
-  for (var i = 0, length = array.length; i < length; i++) {
-    if (array[i] === target) {
-      return i;
-    }
-  }
-
-  return -1;
-}; // see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/css/pointerevents.js
-
-
-var supportsCssPointerEvents = function () {
-  var element = document.createElement('x');
-  element.style.cssText = 'pointer-events:auto';
-  return element.style.pointerEvents === 'auto';
-}();
-
-var defaults = {
-  className: 'vjs-playlist',
-  playOnSelect: false,
-  supportsCssPointerEvents: supportsCssPointerEvents
-}; // we don't add `vjs-playlist-now-playing` in addSelectedClass
-// so it won't conflict with `vjs-icon-play
-// since it'll get added when we mouse out
-
-var addSelectedClass = function addSelectedClass(el) {
-  el.addClass('vjs-selected');
-};
-
-var removeSelectedClass = function removeSelectedClass(el) {
-  el.removeClass('vjs-selected');
-
-  if (el.thumbnail) {
-    dom.removeClass(el.thumbnail, 'vjs-playlist-now-playing');
-  }
-};
-
-var upNext = function upNext(el) {
-  el.addClass('vjs-up-next');
-};
-
-var notUpNext = function notUpNext(el) {
-  el.removeClass('vjs-up-next');
-};
-
-var createThumbnail = function createThumbnail(thumbnail) {
-  if (!thumbnail) {
-    var placeholder = document.createElement('div');
-    placeholder.className = 'vjs-playlist-thumbnail vjs-playlist-thumbnail-placeholder';
-    return placeholder;
-  }
-
-  var picture = document.createElement('picture');
-  picture.className = 'vjs-playlist-thumbnail';
-
-  if (typeof thumbnail === 'string') {
-    // simple thumbnails
-    var img = document.createElement('img');
-    img.src = thumbnail;
-    img.alt = '';
-    picture.appendChild(img);
-  } else {
-    // responsive thumbnails
-    // additional variations of a <picture> are specified as
-    // <source> elements
-    for (var i = 0; i < thumbnail.length - 1; i++) {
-      var _variant = thumbnail[i];
-      var source = document.createElement('source'); // transfer the properties of each variant onto a <source>
-
-      for (var prop in _variant) {
-        source[prop] = _variant[prop];
-      }
-
-      picture.appendChild(source);
-    } // the default version of a <picture> is specified by an <img>
-
-
-    var variant = thumbnail[thumbnail.length - 1];
-
-    var _img = document.createElement('img');
-
-    _img.alt = '';
-
-    for (var _prop in variant) {
-      _img[_prop] = variant[_prop];
-    }
-
-    picture.appendChild(_img);
-  }
-
-  return picture;
-};
-
-var Component = videojs.getComponent('Component');
-
-var PlaylistMenuItem =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(PlaylistMenuItem, _Component);
-
-  function PlaylistMenuItem(player, playlistItem, settings) {
-    var _this;
-
-    if (!playlistItem.item) {
-      throw new Error('Cannot construct a PlaylistMenuItem without an item option');
-    }
-
-    _this = _Component.call(this, player, playlistItem) || this;
-    _this.item = playlistItem.item;
-    _this.playOnSelect = settings.playOnSelect;
-
-    _this.emitTapEvents();
-
-    _this.on(['click', 'tap'], _this.switchPlaylistItem_);
-
-    _this.on('keydown', _this.handleKeyDown_);
-
-    return _this;
-  }
-
-  var _proto = PlaylistMenuItem.prototype;
-
-  _proto.handleKeyDown_ = function handleKeyDown_(event) {
-    // keycode 13 is <Enter>
-    // keycode 32 is <Space>
-    if (event.which === 13 || event.which === 32) {
-      this.switchPlaylistItem_();
-    }
-  };
-
-  _proto.switchPlaylistItem_ = function switchPlaylistItem_(event) {
-    this.player_.playlist.currentItem(indexOf(this.player_.playlist(), this.item));
-
-    if (this.playOnSelect) {
-      this.player_.play();
-    }
-  };
-
-  _proto.createEl = function createEl() {
-    var li = document.createElement('li');
-    var item = this.options_.item;
-
-    if (typeof item.data === 'object') {
-      var dataKeys = Object.keys(item.data);
-      dataKeys.forEach(function (key) {
-        var value = item.data[key];
-        li.dataset[key] = value;
-      });
-    }
-
-    li.className = 'vjs-playlist-item';
-    li.setAttribute('tabIndex', 0); // Thumbnail image
-
-    this.thumbnail = createThumbnail(item.thumbnail);
-    li.appendChild(this.thumbnail); // Duration
-
-    if (item.duration) {
-      var duration = document.createElement('time');
-      var time = videojs.formatTime(item.duration);
-      duration.className = 'vjs-playlist-duration';
-      duration.setAttribute('datetime', 'PT0H0M' + item.duration + 'S');
-      duration.appendChild(document.createTextNode(time));
-      li.appendChild(duration);
-    } // Now playing
-
-
-    var nowPlayingEl = document.createElement('span');
-    var nowPlayingText = this.localize('Now Playing');
-    nowPlayingEl.className = 'vjs-playlist-now-playing-text';
-    nowPlayingEl.appendChild(document.createTextNode(nowPlayingText));
-    nowPlayingEl.setAttribute('title', nowPlayingText);
-    this.thumbnail.appendChild(nowPlayingEl); // Title container contains title and "up next"
-
-    var titleContainerEl = document.createElement('div');
-    titleContainerEl.className = 'vjs-playlist-title-container';
-    this.thumbnail.appendChild(titleContainerEl); // Up next
-
-    var upNextEl = document.createElement('span');
-    var upNextText = this.localize('Up Next');
-    upNextEl.className = 'vjs-up-next-text';
-    upNextEl.appendChild(document.createTextNode(upNextText));
-    upNextEl.setAttribute('title', upNextText);
-    titleContainerEl.appendChild(upNextEl); // Video title
-
-    var titleEl = document.createElement('cite');
-    var titleText = item.name || this.localize('Untitled Video');
-    titleEl.className = 'vjs-playlist-name';
-    titleEl.appendChild(document.createTextNode(titleText));
-    titleEl.setAttribute('title', titleText);
-    titleContainerEl.appendChild(titleEl);
-    return li;
-  };
-
-  return PlaylistMenuItem;
-}(Component);
-
-var PlaylistMenu =
-/*#__PURE__*/
-function (_Component2) {
-  _inheritsLoose(PlaylistMenu, _Component2);
-
-  function PlaylistMenu(player, options) {
-    var _this2;
-
-    if (!player.playlist) {
-      throw new Error('videojs-playlist is required for the playlist component');
-    }
-
-    _this2 = _Component2.call(this, player, options) || this;
-    _this2.items = [];
-
-    if (options.horizontal) {
-      _this2.addClass('vjs-playlist-horizontal');
-    } else {
-      _this2.addClass('vjs-playlist-vertical');
-    } // If CSS pointer events aren't supported, we have to prevent
-    // clicking on playlist items during ads with slightly more
-    // invasive techniques. Details in the stylesheet.
-
-
-    if (options.supportsCssPointerEvents) {
-      _this2.addClass('vjs-csspointerevents');
-    }
-
-    _this2.createPlaylist_();
-
-    if (!videojs.browser.TOUCH_ENABLED) {
-      _this2.addClass('vjs-mouse');
-    }
-
-    _this2.on(player, ['loadstart', 'playlistchange', 'playlistsorted'], function (event) {
-      _this2.update();
-    }); // Keep track of whether an ad is playing so that the menu
-    // appearance can be adapted appropriately
-
-
-    _this2.on(player, 'adstart', function () {
-      _this2.addClass('vjs-ad-playing');
-    });
-
-    _this2.on(player, 'adend', function () {
-      _this2.removeClass('vjs-ad-playing');
-    });
-
-    _this2.on('dispose', function () {
-      _this2.empty_();
-
-      player.playlistMenu = null;
-    });
-
-    _this2.on(player, 'dispose', function () {
-      _this2.dispose();
-    });
-
-    return _this2;
-  }
-
-  var _proto2 = PlaylistMenu.prototype;
-
-  _proto2.createEl = function createEl() {
-    return dom.createEl('div', {
-      className: this.options_.className
-    });
-  };
-
-  _proto2.empty_ = function empty_() {
-    if (this.items && this.items.length) {
-      this.items.forEach(function (i) {
-        return i.dispose();
-      });
-      this.items.length = 0;
-    }
-  };
-
-  _proto2.createPlaylist_ = function createPlaylist_() {
-    var playlist = this.player_.playlist() || [];
-    var list = this.el_.querySelector('.vjs-playlist-item-list');
-    var overlay = this.el_.querySelector('.vjs-playlist-ad-overlay');
-
-    if (!list) {
-      list = document.createElement('ol');
-      list.className = 'vjs-playlist-item-list';
-      this.el_.appendChild(list);
-    }
-
-    this.empty_(); // create new items
-
-    for (var i = 0; i < playlist.length; i++) {
-      var item = new PlaylistMenuItem(this.player_, {
-        item: playlist[i]
-      }, this.options_);
-      this.items.push(item);
-      list.appendChild(item.el_);
-    } // Inject the ad overlay. IE<11 doesn't support "pointer-events:
-    // none" so we use this element to block clicks during ad
-    // playback.
-
-
-    if (!overlay) {
-      overlay = document.createElement('li');
-      overlay.className = 'vjs-playlist-ad-overlay';
-      list.appendChild(overlay);
-    } else {
-      // Move overlay to end of list
-      list.appendChild(overlay);
-    } // select the current playlist item
-
-
-    var selectedIndex = this.player_.playlist.currentItem();
-
-    if (this.items.length && selectedIndex >= 0) {
-      addSelectedClass(this.items[selectedIndex]);
-      var thumbnail = this.items[selectedIndex].$('.vjs-playlist-thumbnail');
-
-      if (thumbnail) {
-        dom.addClass(thumbnail, 'vjs-playlist-now-playing');
-      }
-    }
-  };
-
-  _proto2.update = function update() {
-    // replace the playlist items being displayed, if necessary
-    var playlist = this.player_.playlist();
-
-    if (this.items.length !== playlist.length) {
-      // if the menu is currently empty or the state is obviously out
-      // of date, rebuild everything.
-      this.createPlaylist_();
-      return;
-    }
-
-    for (var i = 0; i < this.items.length; i++) {
-      if (this.items[i].item !== playlist[i]) {
-        // if any of the playlist items have changed, rebuild the
-        // entire playlist
-        this.createPlaylist_();
-        return;
-      }
-    } // the playlist itself is unchanged so just update the selection
-
-
-    var currentItem = this.player_.playlist.currentItem();
-
-    for (var _i = 0; _i < this.items.length; _i++) {
-      var item = this.items[_i];
-
-      if (_i === currentItem) {
-        addSelectedClass(item);
-
-        if (document.activeElement !== item.el()) {
-          dom.addClass(item.thumbnail, 'vjs-playlist-now-playing');
-        }
-
-        notUpNext(item);
-      } else if (_i === currentItem + 1) {
-        removeSelectedClass(item);
-        upNext(item);
-      } else {
-        removeSelectedClass(item);
-        notUpNext(item);
-      }
-    }
-  };
-
-  return PlaylistMenu;
-}(Component);
-/**
- * Returns a boolean indicating whether an element has child elements.
- *
- * Note that this is distinct from whether it has child _nodes_.
- *
- * @param  {HTMLElement} el
- *         A DOM element.
- *
- * @return {boolean}
- *         Whether the element has child elements.
- */
-
-
-var hasChildEls = function hasChildEls(el) {
-  for (var i = 0; i < el.childNodes.length; i++) {
-    if (dom.isEl(el.childNodes[i])) {
-      return true;
-    }
-  }
-
-  return false;
-};
-/**
- * Finds the first empty root element.
- *
- * @param  {string} className
- *         An HTML class name to search for.
- *
- * @return {HTMLElement}
- *         A DOM element to use as the root for a playlist.
- */
-
-
-var findRoot = function findRoot(className) {
-  var all = document.querySelectorAll('.' + className);
-  var el;
-
-  for (var i = 0; i < all.length; i++) {
-    if (!hasChildEls(all[i])) {
-      el = all[i];
-      break;
-    }
-  }
-
-  return el;
-};
-/**
- * Initialize the plugin on a player.
- *
- * @param  {Object} [options]
- *         An options object.
- *
- * @param  {HTMLElement} [options.el]
- *         A DOM element to use as a root node for the playlist.
- *
- * @param  {string} [options.className]
- *         An HTML class name to use to find a root node for the playlist.
- *
- * @param  {boolean} [options.playOnSelect = false]
- *         If true, will attempt to begin playback upon selecting a new
- *         playlist item in the UI.
- */
-
-
-var playlistUi = function playlistUi(options) {
-  var player = this;
-
-  if (!player.playlist) {
-    throw new Error('videojs-playlist plugin is required by the videojs-playlist-ui plugin');
-  }
-
-  if (dom.isEl(options)) {
-    videojs.log.warn('videojs-playlist-ui: Passing an element directly to playlistUi() is deprecated, use the "el" option instead!');
-    options = {
-      el: options
-    };
-  }
-
-  options = videojs.mergeOptions(defaults, options); // If the player is already using this plugin, remove the pre-existing
-  // PlaylistMenu, but retain the element and its location in the DOM because
-  // it will be re-used.
-
-  if (player.playlistMenu) {
-    var el = player.playlistMenu.el(); // Catch cases where the menu may have been disposed elsewhere or the
-    // element removed from the DOM.
-
-    if (el) {
-      var parentNode = el.parentNode;
-      var nextSibling = el.nextSibling; // Disposing the menu will remove `el` from the DOM, but we need to
-      // empty it ourselves to be sure.
-
-      player.playlistMenu.dispose();
-      dom.emptyEl(el); // Put the element back in its place.
-
-      if (nextSibling) {
-        parentNode.insertBefore(el, nextSibling);
-      } else {
-        parentNode.appendChild(el);
-      }
-
-      options.el = el;
-    }
-  }
-
-  if (!dom.isEl(options.el)) {
-    options.el = findRoot(options.className);
-  }
-
-  player.playlistMenu = new PlaylistMenu(player, options);
-}; // register components
-
-
-videojs.registerComponent('PlaylistMenu', PlaylistMenu);
-videojs.registerComponent('PlaylistMenuItem', PlaylistMenuItem); // register the plugin
-
-registerPlugin('playlistUi', playlistUi);
-playlistUi.VERSION = version;
-
-export default playlistUi;
diff --git a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.js b/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.js
deleted file mode 100644
index d7fa711..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.js
+++ /dev/null
@@ -1,508 +0,0 @@
-/*! @name videojs-playlist-ui @version 3.5.2 @license Apache-2.0 */
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('global/document'), require('video.js')) :
-  typeof define === 'function' && define.amd ? define(['global/document', 'video.js'], factory) :
-  (global.videojsPlaylistUi = factory(global.document,global.videojs));
-}(this, (function (document,videojs) { 'use strict';
-
-  document = document && document.hasOwnProperty('default') ? document['default'] : document;
-  videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs;
-
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  var version = "3.5.2";
-
-  var dom = videojs.dom || videojs;
-  var registerPlugin = videojs.registerPlugin || videojs.plugin; // Array#indexOf analog for IE8
-
-  var indexOf = function indexOf(array, target) {
-    for (var i = 0, length = array.length; i < length; i++) {
-      if (array[i] === target) {
-        return i;
-      }
-    }
-
-    return -1;
-  }; // see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/css/pointerevents.js
-
-
-  var supportsCssPointerEvents = function () {
-    var element = document.createElement('x');
-    element.style.cssText = 'pointer-events:auto';
-    return element.style.pointerEvents === 'auto';
-  }();
-
-  var defaults = {
-    className: 'vjs-playlist',
-    playOnSelect: false,
-    supportsCssPointerEvents: supportsCssPointerEvents
-  }; // we don't add `vjs-playlist-now-playing` in addSelectedClass
-  // so it won't conflict with `vjs-icon-play
-  // since it'll get added when we mouse out
-
-  var addSelectedClass = function addSelectedClass(el) {
-    el.addClass('vjs-selected');
-  };
-
-  var removeSelectedClass = function removeSelectedClass(el) {
-    el.removeClass('vjs-selected');
-
-    if (el.thumbnail) {
-      dom.removeClass(el.thumbnail, 'vjs-playlist-now-playing');
-    }
-  };
-
-  var upNext = function upNext(el) {
-    el.addClass('vjs-up-next');
-  };
-
-  var notUpNext = function notUpNext(el) {
-    el.removeClass('vjs-up-next');
-  };
-
-  var createThumbnail = function createThumbnail(thumbnail) {
-    if (!thumbnail) {
-      var placeholder = document.createElement('div');
-      placeholder.className = 'vjs-playlist-thumbnail vjs-playlist-thumbnail-placeholder';
-      return placeholder;
-    }
-
-    var picture = document.createElement('picture');
-    picture.className = 'vjs-playlist-thumbnail';
-
-    if (typeof thumbnail === 'string') {
-      // simple thumbnails
-      var img = document.createElement('img');
-      img.src = thumbnail;
-      img.alt = '';
-      picture.appendChild(img);
-    } else {
-      // responsive thumbnails
-      // additional variations of a <picture> are specified as
-      // <source> elements
-      for (var i = 0; i < thumbnail.length - 1; i++) {
-        var _variant = thumbnail[i];
-        var source = document.createElement('source'); // transfer the properties of each variant onto a <source>
-
-        for (var prop in _variant) {
-          source[prop] = _variant[prop];
-        }
-
-        picture.appendChild(source);
-      } // the default version of a <picture> is specified by an <img>
-
-
-      var variant = thumbnail[thumbnail.length - 1];
-
-      var _img = document.createElement('img');
-
-      _img.alt = '';
-
-      for (var _prop in variant) {
-        _img[_prop] = variant[_prop];
-      }
-
-      picture.appendChild(_img);
-    }
-
-    return picture;
-  };
-
-  var Component = videojs.getComponent('Component');
-
-  var PlaylistMenuItem =
-  /*#__PURE__*/
-  function (_Component) {
-    _inheritsLoose(PlaylistMenuItem, _Component);
-
-    function PlaylistMenuItem(player, playlistItem, settings) {
-      var _this;
-
-      if (!playlistItem.item) {
-        throw new Error('Cannot construct a PlaylistMenuItem without an item option');
-      }
-
-      _this = _Component.call(this, player, playlistItem) || this;
-      _this.item = playlistItem.item;
-      _this.playOnSelect = settings.playOnSelect;
-
-      _this.emitTapEvents();
-
-      _this.on(['click', 'tap'], _this.switchPlaylistItem_);
-
-      _this.on('keydown', _this.handleKeyDown_);
-
-      return _this;
-    }
-
-    var _proto = PlaylistMenuItem.prototype;
-
-    _proto.handleKeyDown_ = function handleKeyDown_(event) {
-      // keycode 13 is <Enter>
-      // keycode 32 is <Space>
-      if (event.which === 13 || event.which === 32) {
-        this.switchPlaylistItem_();
-      }
-    };
-
-    _proto.switchPlaylistItem_ = function switchPlaylistItem_(event) {
-      this.player_.playlist.currentItem(indexOf(this.player_.playlist(), this.item));
-
-      if (this.playOnSelect) {
-        this.player_.play();
-      }
-    };
-
-    _proto.createEl = function createEl() {
-      var li = document.createElement('li');
-      var item = this.options_.item;
-
-      if (typeof item.data === 'object') {
-        var dataKeys = Object.keys(item.data);
-        dataKeys.forEach(function (key) {
-          var value = item.data[key];
-          li.dataset[key] = value;
-        });
-      }
-
-      li.className = 'vjs-playlist-item';
-      li.setAttribute('tabIndex', 0); // Thumbnail image
-
-      this.thumbnail = createThumbnail(item.thumbnail);
-      li.appendChild(this.thumbnail); // Duration
-
-      if (item.duration) {
-        var duration = document.createElement('time');
-        var time = videojs.formatTime(item.duration);
-        duration.className = 'vjs-playlist-duration';
-        duration.setAttribute('datetime', 'PT0H0M' + item.duration + 'S');
-        duration.appendChild(document.createTextNode(time));
-        li.appendChild(duration);
-      } // Now playing
-
-
-      var nowPlayingEl = document.createElement('span');
-      var nowPlayingText = this.localize('Now Playing');
-      nowPlayingEl.className = 'vjs-playlist-now-playing-text';
-      nowPlayingEl.appendChild(document.createTextNode(nowPlayingText));
-      nowPlayingEl.setAttribute('title', nowPlayingText);
-      this.thumbnail.appendChild(nowPlayingEl); // Title container contains title and "up next"
-
-      var titleContainerEl = document.createElement('div');
-      titleContainerEl.className = 'vjs-playlist-title-container';
-      this.thumbnail.appendChild(titleContainerEl); // Up next
-
-      var upNextEl = document.createElement('span');
-      var upNextText = this.localize('Up Next');
-      upNextEl.className = 'vjs-up-next-text';
-      upNextEl.appendChild(document.createTextNode(upNextText));
-      upNextEl.setAttribute('title', upNextText);
-      titleContainerEl.appendChild(upNextEl); // Video title
-
-      var titleEl = document.createElement('cite');
-      var titleText = item.name || this.localize('Untitled Video');
-      titleEl.className = 'vjs-playlist-name';
-      titleEl.appendChild(document.createTextNode(titleText));
-      titleEl.setAttribute('title', titleText);
-      titleContainerEl.appendChild(titleEl);
-      return li;
-    };
-
-    return PlaylistMenuItem;
-  }(Component);
-
-  var PlaylistMenu =
-  /*#__PURE__*/
-  function (_Component2) {
-    _inheritsLoose(PlaylistMenu, _Component2);
-
-    function PlaylistMenu(player, options) {
-      var _this2;
-
-      if (!player.playlist) {
-        throw new Error('videojs-playlist is required for the playlist component');
-      }
-
-      _this2 = _Component2.call(this, player, options) || this;
-      _this2.items = [];
-
-      if (options.horizontal) {
-        _this2.addClass('vjs-playlist-horizontal');
-      } else {
-        _this2.addClass('vjs-playlist-vertical');
-      } // If CSS pointer events aren't supported, we have to prevent
-      // clicking on playlist items during ads with slightly more
-      // invasive techniques. Details in the stylesheet.
-
-
-      if (options.supportsCssPointerEvents) {
-        _this2.addClass('vjs-csspointerevents');
-      }
-
-      _this2.createPlaylist_();
-
-      if (!videojs.browser.TOUCH_ENABLED) {
-        _this2.addClass('vjs-mouse');
-      }
-
-      _this2.on(player, ['loadstart', 'playlistchange', 'playlistsorted'], function (event) {
-        _this2.update();
-      }); // Keep track of whether an ad is playing so that the menu
-      // appearance can be adapted appropriately
-
-
-      _this2.on(player, 'adstart', function () {
-        _this2.addClass('vjs-ad-playing');
-      });
-
-      _this2.on(player, 'adend', function () {
-        _this2.removeClass('vjs-ad-playing');
-      });
-
-      _this2.on('dispose', function () {
-        _this2.empty_();
-
-        player.playlistMenu = null;
-      });
-
-      _this2.on(player, 'dispose', function () {
-        _this2.dispose();
-      });
-
-      return _this2;
-    }
-
-    var _proto2 = PlaylistMenu.prototype;
-
-    _proto2.createEl = function createEl() {
-      return dom.createEl('div', {
-        className: this.options_.className
-      });
-    };
-
-    _proto2.empty_ = function empty_() {
-      if (this.items && this.items.length) {
-        this.items.forEach(function (i) {
-          return i.dispose();
-        });
-        this.items.length = 0;
-      }
-    };
-
-    _proto2.createPlaylist_ = function createPlaylist_() {
-      var playlist = this.player_.playlist() || [];
-      var list = this.el_.querySelector('.vjs-playlist-item-list');
-      var overlay = this.el_.querySelector('.vjs-playlist-ad-overlay');
-
-      if (!list) {
-        list = document.createElement('ol');
-        list.className = 'vjs-playlist-item-list';
-        this.el_.appendChild(list);
-      }
-
-      this.empty_(); // create new items
-
-      for (var i = 0; i < playlist.length; i++) {
-        var item = new PlaylistMenuItem(this.player_, {
-          item: playlist[i]
-        }, this.options_);
-        this.items.push(item);
-        list.appendChild(item.el_);
-      } // Inject the ad overlay. IE<11 doesn't support "pointer-events:
-      // none" so we use this element to block clicks during ad
-      // playback.
-
-
-      if (!overlay) {
-        overlay = document.createElement('li');
-        overlay.className = 'vjs-playlist-ad-overlay';
-        list.appendChild(overlay);
-      } else {
-        // Move overlay to end of list
-        list.appendChild(overlay);
-      } // select the current playlist item
-
-
-      var selectedIndex = this.player_.playlist.currentItem();
-
-      if (this.items.length && selectedIndex >= 0) {
-        addSelectedClass(this.items[selectedIndex]);
-        var thumbnail = this.items[selectedIndex].$('.vjs-playlist-thumbnail');
-
-        if (thumbnail) {
-          dom.addClass(thumbnail, 'vjs-playlist-now-playing');
-        }
-      }
-    };
-
-    _proto2.update = function update() {
-      // replace the playlist items being displayed, if necessary
-      var playlist = this.player_.playlist();
-
-      if (this.items.length !== playlist.length) {
-        // if the menu is currently empty or the state is obviously out
-        // of date, rebuild everything.
-        this.createPlaylist_();
-        return;
-      }
-
-      for (var i = 0; i < this.items.length; i++) {
-        if (this.items[i].item !== playlist[i]) {
-          // if any of the playlist items have changed, rebuild the
-          // entire playlist
-          this.createPlaylist_();
-          return;
-        }
-      } // the playlist itself is unchanged so just update the selection
-
-
-      var currentItem = this.player_.playlist.currentItem();
-
-      for (var _i = 0; _i < this.items.length; _i++) {
-        var item = this.items[_i];
-
-        if (_i === currentItem) {
-          addSelectedClass(item);
-
-          if (document.activeElement !== item.el()) {
-            dom.addClass(item.thumbnail, 'vjs-playlist-now-playing');
-          }
-
-          notUpNext(item);
-        } else if (_i === currentItem + 1) {
-          removeSelectedClass(item);
-          upNext(item);
-        } else {
-          removeSelectedClass(item);
-          notUpNext(item);
-        }
-      }
-    };
-
-    return PlaylistMenu;
-  }(Component);
-  /**
-   * Returns a boolean indicating whether an element has child elements.
-   *
-   * Note that this is distinct from whether it has child _nodes_.
-   *
-   * @param  {HTMLElement} el
-   *         A DOM element.
-   *
-   * @return {boolean}
-   *         Whether the element has child elements.
-   */
-
-
-  var hasChildEls = function hasChildEls(el) {
-    for (var i = 0; i < el.childNodes.length; i++) {
-      if (dom.isEl(el.childNodes[i])) {
-        return true;
-      }
-    }
-
-    return false;
-  };
-  /**
-   * Finds the first empty root element.
-   *
-   * @param  {string} className
-   *         An HTML class name to search for.
-   *
-   * @return {HTMLElement}
-   *         A DOM element to use as the root for a playlist.
-   */
-
-
-  var findRoot = function findRoot(className) {
-    var all = document.querySelectorAll('.' + className);
-    var el;
-
-    for (var i = 0; i < all.length; i++) {
-      if (!hasChildEls(all[i])) {
-        el = all[i];
-        break;
-      }
-    }
-
-    return el;
-  };
-  /**
-   * Initialize the plugin on a player.
-   *
-   * @param  {Object} [options]
-   *         An options object.
-   *
-   * @param  {HTMLElement} [options.el]
-   *         A DOM element to use as a root node for the playlist.
-   *
-   * @param  {string} [options.className]
-   *         An HTML class name to use to find a root node for the playlist.
-   *
-   * @param  {boolean} [options.playOnSelect = false]
-   *         If true, will attempt to begin playback upon selecting a new
-   *         playlist item in the UI.
-   */
-
-
-  var playlistUi = function playlistUi(options) {
-    var player = this;
-
-    if (!player.playlist) {
-      throw new Error('videojs-playlist plugin is required by the videojs-playlist-ui plugin');
-    }
-
-    if (dom.isEl(options)) {
-      videojs.log.warn('videojs-playlist-ui: Passing an element directly to playlistUi() is deprecated, use the "el" option instead!');
-      options = {
-        el: options
-      };
-    }
-
-    options = videojs.mergeOptions(defaults, options); // If the player is already using this plugin, remove the pre-existing
-    // PlaylistMenu, but retain the element and its location in the DOM because
-    // it will be re-used.
-
-    if (player.playlistMenu) {
-      var el = player.playlistMenu.el(); // Catch cases where the menu may have been disposed elsewhere or the
-      // element removed from the DOM.
-
-      if (el) {
-        var parentNode = el.parentNode;
-        var nextSibling = el.nextSibling; // Disposing the menu will remove `el` from the DOM, but we need to
-        // empty it ourselves to be sure.
-
-        player.playlistMenu.dispose();
-        dom.emptyEl(el); // Put the element back in its place.
-
-        if (nextSibling) {
-          parentNode.insertBefore(el, nextSibling);
-        } else {
-          parentNode.appendChild(el);
-        }
-
-        options.el = el;
-      }
-    }
-
-    if (!dom.isEl(options.el)) {
-      options.el = findRoot(options.className);
-    }
-
-    player.playlistMenu = new PlaylistMenu(player, options);
-  }; // register components
-
-
-  videojs.registerComponent('PlaylistMenu', PlaylistMenu);
-  videojs.registerComponent('PlaylistMenuItem', PlaylistMenuItem); // register the plugin
-
-  registerPlugin('playlistUi', playlistUi);
-  playlistUi.VERSION = version;
-
-  return playlistUi;
-
-})));
diff --git a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.min.js b/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.min.js
deleted file mode 100644
index 0133a9d..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! @name videojs-playlist-ui @version 3.5.2 @license Apache-2.0 */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("global/document"),require("video.js")):"function"==typeof define&&define.amd?define(["global/document","video.js"],e):t.videojsPlaylistUi=e(t.document,t.videojs)}(this,function(t,e){"use strict";function i(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e}t=t&&t.hasOwnProperty("default")?t.default:t;var l,s=(e=e&&e.hasOwnProperty("default")?e.default:e).dom||e,a=e.registerPlugin||e.plugin,n={className:"vjs-playlist",playOnSelect:!1,supportsCssPointerEvents:((l=t.createElement("x")).style.cssText="pointer-events:auto","auto"===l.style.pointerEvents)},r=function(t){t.addClass("vjs-selected")},o=function(t){t.removeClass("vjs-selected"),t.thumbnail&&s.removeClass(t.thumbnail,"vjs-playlist-now-playing")},p=function(t){t.removeClass("vjs-up-next")},d=e.getComponent("Component"),c=function(l){function s(t,e,i){var s;if(!e.item)throw new Error("Cannot construct a PlaylistMenuItem without an item option");return(s=l.call(this,t,e)||this).item=e.item,s.playOnSelect=i.playOnSelect,s.emitTapEvents(),s.on(["click","tap"],s.switchPlaylistItem_),s.on("keydown",s.handleKeyDown_),s}i(s,l);var a=s.prototype;return a.handleKeyDown_=function(t){13!==t.which&&32!==t.which||this.switchPlaylistItem_()},a.switchPlaylistItem_=function(t){this.player_.playlist.currentItem(function(t,e){for(var i=0,l=t.length;i<l;i++)if(t[i]===e)return i;return-1}(this.player_.playlist(),this.item)),this.playOnSelect&&this.player_.play()},a.createEl=function(){var i=t.createElement("li"),l=this.options_.item;"object"==typeof l.data&&Object.keys(l.data).forEach(function(t){var e=l.data[t];i.dataset[t]=e});if(i.className="vjs-playlist-item",i.setAttribute("tabIndex",0),this.thumbnail=function(e){if(!e){var i=t.createElement("div");return i.className="vjs-playlist-thumbnail vjs-playlist-thumbnail-placeholder",i}var l=t.createElement("picture");if(l.className="vjs-playlist-thumbnail","string"==typeof e){var s=t.createElement("img");s.src=e,s.alt="",l.appendChild(s)}else{for(var a=0;a<e.length-1;a++){var n=e[a],r=t.createElement("source");for(var o in n)r[o]=n[o];l.appendChild(r)}var p=e[e.length-1],d=t.createElement("img");for(var c in d.alt="",p)d[c]=p[c];l.appendChild(d)}return l}(l.thumbnail),i.appendChild(this.thumbnail),l.duration){var s=t.createElement("time"),a=e.formatTime(l.duration);s.className="vjs-playlist-duration",s.setAttribute("datetime","PT0H0M"+l.duration+"S"),s.appendChild(t.createTextNode(a)),i.appendChild(s)}var n=t.createElement("span"),r=this.localize("Now Playing");n.className="vjs-playlist-now-playing-text",n.appendChild(t.createTextNode(r)),n.setAttribute("title",r),this.thumbnail.appendChild(n);var o=t.createElement("div");o.className="vjs-playlist-title-container",this.thumbnail.appendChild(o);var p=t.createElement("span"),d=this.localize("Up Next");p.className="vjs-up-next-text",p.appendChild(t.createTextNode(d)),p.setAttribute("title",d),o.appendChild(p);var c=t.createElement("cite"),h=l.name||this.localize("Untitled Video");return c.className="vjs-playlist-name",c.appendChild(t.createTextNode(h)),c.setAttribute("title",h),o.appendChild(c),i},s}(d),h=function(l){function a(t,i){var s;if(!t.playlist)throw new Error("videojs-playlist is required for the playlist component");return(s=l.call(this,t,i)||this).items=[],i.horizontal?s.addClass("vjs-playlist-horizontal"):s.addClass("vjs-playlist-vertical"),i.supportsCssPointerEvents&&s.addClass("vjs-csspointerevents"),s.createPlaylist_(),e.browser.TOUCH_ENABLED||s.addClass("vjs-mouse"),s.on(t,["loadstart","playlistchange","playlistsorted"],function(t){s.update()}),s.on(t,"adstart",function(){s.addClass("vjs-ad-playing")}),s.on(t,"adend",function(){s.removeClass("vjs-ad-playing")}),s.on("dispose",function(){s.empty_(),t.playlistMenu=null}),s.on(t,"dispose",function(){s.dispose()}),s}i(a,l);var n=a.prototype;return n.createEl=function(){return s.createEl("div",{className:this.options_.className})},n.empty_=function(){this.items&&this.items.length&&(this.items.forEach(function(t){return t.dispose()}),this.items.length=0)},n.createPlaylist_=function(){var e=this.player_.playlist()||[],i=this.el_.querySelector(".vjs-playlist-item-list"),l=this.el_.querySelector(".vjs-playlist-ad-overlay");i||((i=t.createElement("ol")).className="vjs-playlist-item-list",this.el_.appendChild(i)),this.empty_();for(var a=0;a<e.length;a++){var n=new c(this.player_,{item:e[a]},this.options_);this.items.push(n),i.appendChild(n.el_)}l?i.appendChild(l):((l=t.createElement("li")).className="vjs-playlist-ad-overlay",i.appendChild(l));var o=this.player_.playlist.currentItem();if(this.items.length&&o>=0){r(this.items[o]);var p=this.items[o].$(".vjs-playlist-thumbnail");p&&s.addClass(p,"vjs-playlist-now-playing")}},n.update=function(){var e=this.player_.playlist();if(this.items.length===e.length){for(var i=0;i<this.items.length;i++)if(this.items[i].item!==e[i])return void this.createPlaylist_();for(var l=this.player_.playlist.currentItem(),a=0;a<this.items.length;a++){var n=this.items[a];a===l?(r(n),t.activeElement!==n.el()&&s.addClass(n.thumbnail,"vjs-playlist-now-playing"),p(n)):a===l+1?(o(n),n.addClass("vjs-up-next")):(o(n),p(n))}}else this.createPlaylist_()},a}(d),u=function(t){for(var e=0;e<t.childNodes.length;e++)if(s.isEl(t.childNodes[e]))return!0;return!1},m=function(i){if(!this.playlist)throw new Error("videojs-playlist plugin is required by the videojs-playlist-ui plugin");if(s.isEl(i)&&(e.log.warn('videojs-playlist-ui: Passing an element directly to playlistUi() is deprecated, use the "el" option instead!'),i={el:i}),i=e.mergeOptions(n,i),this.playlistMenu){var l=this.playlistMenu.el();if(l){var a=l.parentNode,r=l.nextSibling;this.playlistMenu.dispose(),s.emptyEl(l),r?a.insertBefore(l,r):a.appendChild(l),i.el=l}}s.isEl(i.el)||(i.el=function(e){for(var i,l=t.querySelectorAll("."+e),s=0;s<l.length;s++)if(!u(l[s])){i=l[s];break}return i}(i.className)),this.playlistMenu=new h(this,i)};return e.registerComponent("PlaylistMenu",h),e.registerComponent("PlaylistMenuItem",c),a("playlistUi",m),m.VERSION="3.5.2",m});
diff --git a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.vertical.css b/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.vertical.css
deleted file mode 100644
index 59f4b1c..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.vertical.css
+++ /dev/null
@@ -1 +0,0 @@
-.vjs-playlist{padding:0;background-color:#1a1a1a;color:#fff;list-style-type:none}.vjs-playlist img{display:block;height:auto;width:auto}.vjs-playlist .vjs-playlist-item-list{position:relative;margin:0;padding:0;list-style:none}.vjs-playlist .vjs-playlist-item{position:relative;cursor:pointer;overflow:hidden}.vjs-playlist .vjs-playlist-thumbnail-placeholder{background:#303030}.vjs-playlist .vjs-playlist-now-playing-text{display:none;position:absolute;top:0;left:0;padding-left:2px;margin:.8rem}.vjs-playlist .vjs-playlist-duration{position:absolute;top:.5rem;left:.5rem;padding:2px 5px 3px;margin-left:2px;background-color:rgba(26,26,26,0.8)}.vjs-playlist .vjs-playlist-title-container{position:absolute;bottom:0;box-sizing:border-box;width:100%;padding:.5rem .8rem;text-shadow:1px  1px 2px black, -1px  1px 2px black, 1px -1px 2px black, -1px -1px 2px black}.vjs-playlist .vjs-playlist-name{display:block;max-height:2.5em;padding:0 0 4px 2px;font-style:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px}.vjs-playlist .vjs-playlist-description{margin:0;text-overflow:ellipsis;overflow:hidden}.vjs-playlist .vjs-up-next-text{display:none;padding:.1rem 2px;font-size:.8em;text-transform:uppercase}.vjs-playlist .vjs-up-next .vjs-up-next-text{display:block}.vjs-playlist .vjs-selected{background-color:#141a21}.vjs-playlist .vjs-selected img{opacity:.2}.vjs-playlist .vjs-selected .vjs-playlist-duration{display:none}.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text{display:block}.vjs-playlist .vjs-selected .vjs-playlist-title-container{text-shadow:none}.vjs-playlist-vertical{overflow-x:hidden;overflow-y:auto}.vjs-playlist-vertical img{width:100%;min-height:54px}.vjs-playlist-vertical .vjs-playlist-item{margin-bottom:5px}.vjs-playlist-vertical .vjs-playlist-thumbnail{display:block;width:100%}.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder{height:100px}.vjs-playlist-horizontal{overflow-x:auto;overflow-y:hidden}.vjs-playlist-horizontal img{min-width:100px;height:100%}.vjs-playlist-horizontal .vjs-playlist-item-list{height:100%;white-space:nowrap}.vjs-playlist-horizontal .vjs-playlist-item{display:inline-block;height:100%;margin-right:5px}.vjs-playlist-horizontal .vjs-playlist-thumbnail{display:block;height:100%}.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder{height:100%;width:180px}.vjs-playlist.vjs-ad-playing{overflow:hidden}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents{pointer-events:none;overflow:auto}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay{pointer-events:auto}.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";background-color:rgba(0,0,0,0.5)}.vjs-playlist{font-size:14px}.vjs-playlist .vjs-playlist-description{height:42px;line-height:21px}.vjs-mouse.vjs-playlist{font-size:15px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:45px;line-height:23px}@media (min-width: 600px){.vjs-mouse.vjs-playlist{font-size:17px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:51px;line-height:26px}.vjs-playlist .vjs-playlist-name{line-height:22px}}@media (max-width: 520px){.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}}@media (min-width: 521px){.vjs-playlist img{min-height:85px}}@media (max-width: 750px){.vjs-playlist .vjs-playlist-duration{display:none}}
diff --git a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.vertical.no-prefix.css b/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.vertical.no-prefix.css
deleted file mode 100644
index 59f4b1c..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.vertical.no-prefix.css
+++ /dev/null
@@ -1 +0,0 @@
-.vjs-playlist{padding:0;background-color:#1a1a1a;color:#fff;list-style-type:none}.vjs-playlist img{display:block;height:auto;width:auto}.vjs-playlist .vjs-playlist-item-list{position:relative;margin:0;padding:0;list-style:none}.vjs-playlist .vjs-playlist-item{position:relative;cursor:pointer;overflow:hidden}.vjs-playlist .vjs-playlist-thumbnail-placeholder{background:#303030}.vjs-playlist .vjs-playlist-now-playing-text{display:none;position:absolute;top:0;left:0;padding-left:2px;margin:.8rem}.vjs-playlist .vjs-playlist-duration{position:absolute;top:.5rem;left:.5rem;padding:2px 5px 3px;margin-left:2px;background-color:rgba(26,26,26,0.8)}.vjs-playlist .vjs-playlist-title-container{position:absolute;bottom:0;box-sizing:border-box;width:100%;padding:.5rem .8rem;text-shadow:1px  1px 2px black, -1px  1px 2px black, 1px -1px 2px black, -1px -1px 2px black}.vjs-playlist .vjs-playlist-name{display:block;max-height:2.5em;padding:0 0 4px 2px;font-style:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px}.vjs-playlist .vjs-playlist-description{margin:0;text-overflow:ellipsis;overflow:hidden}.vjs-playlist .vjs-up-next-text{display:none;padding:.1rem 2px;font-size:.8em;text-transform:uppercase}.vjs-playlist .vjs-up-next .vjs-up-next-text{display:block}.vjs-playlist .vjs-selected{background-color:#141a21}.vjs-playlist .vjs-selected img{opacity:.2}.vjs-playlist .vjs-selected .vjs-playlist-duration{display:none}.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text{display:block}.vjs-playlist .vjs-selected .vjs-playlist-title-container{text-shadow:none}.vjs-playlist-vertical{overflow-x:hidden;overflow-y:auto}.vjs-playlist-vertical img{width:100%;min-height:54px}.vjs-playlist-vertical .vjs-playlist-item{margin-bottom:5px}.vjs-playlist-vertical .vjs-playlist-thumbnail{display:block;width:100%}.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder{height:100px}.vjs-playlist-horizontal{overflow-x:auto;overflow-y:hidden}.vjs-playlist-horizontal img{min-width:100px;height:100%}.vjs-playlist-horizontal .vjs-playlist-item-list{height:100%;white-space:nowrap}.vjs-playlist-horizontal .vjs-playlist-item{display:inline-block;height:100%;margin-right:5px}.vjs-playlist-horizontal .vjs-playlist-thumbnail{display:block;height:100%}.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder{height:100%;width:180px}.vjs-playlist.vjs-ad-playing{overflow:hidden}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents{pointer-events:none;overflow:auto}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay{pointer-events:auto}.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";background-color:rgba(0,0,0,0.5)}.vjs-playlist{font-size:14px}.vjs-playlist .vjs-playlist-description{height:42px;line-height:21px}.vjs-mouse.vjs-playlist{font-size:15px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:45px;line-height:23px}@media (min-width: 600px){.vjs-mouse.vjs-playlist{font-size:17px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:51px;line-height:26px}.vjs-playlist .vjs-playlist-name{line-height:22px}}@media (max-width: 520px){.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}}@media (min-width: 521px){.vjs-playlist img{min-height:85px}}@media (max-width: 750px){.vjs-playlist .vjs-playlist-duration{display:none}}
diff --git a/negromate/web/static/js/videojs-playlist-ui/index.html b/negromate/web/static/js/videojs-playlist-ui/index.html
deleted file mode 100644
index f624421..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>videojs-playlist-ui Demo</title>
-</head>
-<body>
-  <ul>
-    <li><a href="example.html">Example</a></li>
-    <li><a href="example-two-players.html">Example with Two Playlist Players</a></li>
-    <li><a href="example-custom-class.html">Example with Custom Class</a></li>
-    <li><a href="example-custom-element.html">Example with Custom Element</a></li>
-    <li><a href="example-horizontal.html">Example, Horizontal Implementation</a></li>
-    <li><a href="example-custom-data.html">Example with Custom Data Attributes</a></li>
-    <li><a href="test/debug.html">Run unit tests in browser.</a></li>
-  </ul>
-</body>
-</html>
diff --git a/negromate/web/static/js/videojs-playlist-ui/package.json b/negromate/web/static/js/videojs-playlist-ui/package.json
deleted file mode 100644
index 78bc258..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/package.json
+++ /dev/null
@@ -1,143 +0,0 @@
-{
-  "_from": "videojs-playlist-ui",
-  "_id": "videojs-playlist-ui@3.5.2",
-  "_inBundle": false,
-  "_integrity": "sha512-c/TWpWPJaSnRiyD4NVmMeTTyEigGdKvJL5PV+G6fRhBtvnnm+luNiXnCMD2PemHERLK0l3sx6L7v9AhRJ4n97g==",
-  "_location": "/videojs-playlist-ui",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "tag",
-    "registry": true,
-    "raw": "videojs-playlist-ui",
-    "name": "videojs-playlist-ui",
-    "escapedName": "videojs-playlist-ui",
-    "rawSpec": "",
-    "saveSpec": null,
-    "fetchSpec": "latest"
-  },
-  "_requiredBy": [
-    "#USER",
-    "/"
-  ],
-  "_resolved": "https://registry.npmjs.org/videojs-playlist-ui/-/videojs-playlist-ui-3.5.2.tgz",
-  "_shasum": "4928554f73fced290061834e7bce1ad298c97943",
-  "_spec": "videojs-playlist-ui",
-  "_where": "/home/shagi/negro_mate/web/negromateweb/static",
-  "author": {
-    "name": "Brightcove, Inc."
-  },
-  "browserslist": [
-    "defaults",
-    "ie 11"
-  ],
-  "bugs": {
-    "url": "https://github.com/brightcove/videojs-playlist-ui/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "global": "^4.3.2",
-    "video.js": "^6 || ^7"
-  },
-  "deprecated": false,
-  "description": "A user interface for the videojs-playlist API",
-  "devDependencies": {
-    "conventional-changelog-cli": "^2.0.1",
-    "conventional-changelog-videojs": "^3.0.0",
-    "doctoc": "^1.3.1",
-    "husky": "^1.0.0-rc.13",
-    "jsdoc": "git+https://github.com/BrandonOCasey/jsdoc.git#feat/plugin-from-cli",
-    "karma": "^3.0.0",
-    "lint-staged": "^7.2.2",
-    "node-sass": "^4.5.3",
-    "not-prerelease": "^1.0.1",
-    "npm-merge-driver-install": "^1.0.0",
-    "npm-run-all": "^4.1.3",
-    "pkg-ok": "^2.2.0",
-    "postcss-cli": "^6.0.0",
-    "rollup": "^0.66.0",
-    "shx": "^0.3.2",
-    "sinon": "^6.1.5",
-    "videojs-generate-karma-config": "~3.0.0",
-    "videojs-generate-postcss-config": "~2.0.1",
-    "videojs-generate-rollup-config": "~2.2.0",
-    "videojs-generator-verify": "~1.0.3",
-    "videojs-playlist": "^4.2.4",
-    "videojs-standard": "~7.1.0"
-  },
-  "files": [
-    "CONTRIBUTING.md",
-    "dist/",
-    "docs/",
-    "index.html",
-    "scripts/",
-    "src/",
-    "test/"
-  ],
-  "generator-videojs-plugin": {
-    "version": "7.3.2"
-  },
-  "homepage": "https://github.com/brightcove/videojs-playlist-ui#readme",
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "keywords": [
-    "playlist",
-    "videojs",
-    "videojs-plugin"
-  ],
-  "license": "Apache-2.0",
-  "lint-staged": {
-    "*.js": [
-      "vjsstandard --fix",
-      "git add"
-    ],
-    "README.md": [
-      "npm run docs:toc",
-      "git add"
-    ]
-  },
-  "main": "dist/videojs-playlist-ui.cjs.js",
-  "module": "dist/videojs-playlist-ui.es.js",
-  "name": "videojs-playlist-ui",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/brightcove/videojs-playlist-ui.git"
-  },
-  "scripts": {
-    "build": "npm-run-all -p build:*",
-    "build:css": "npm-run-all build:css:sass build:css:copy-vertical build:css:copy-no-prefix",
-    "build:css:copy-no-prefix": "shx cp dist/videojs-playlist-ui.css dist/videojs-playlist-ui.vertical.no-prefix.css",
-    "build:css:copy-vertical": "shx cp dist/videojs-playlist-ui.css dist/videojs-playlist-ui.vertical.css",
-    "build:css:sass": "node-sass src/plugin.scss dist/videojs-playlist-ui.css --output-style=compressed --linefeed=lf",
-    "build:js": "rollup -c scripts/rollup.config.js",
-    "clean": "shx rm -rf ./dist ./test/dist",
-    "docs": "npm-run-all docs:*",
-    "docs:api": "jsdoc src -g plugins/markdown -r -d docs/api",
-    "docs:toc": "doctoc README.md",
-    "lint": "vjsstandard",
-    "postclean": "shx mkdir -p ./dist ./test/dist",
-    "posttest": "shx cat test/dist/coverage/text.txt",
-    "prebuild": "npm run clean",
-    "prepublishOnly": "npm run build && vjsverify",
-    "pretest": "npm-run-all lint build",
-    "preversion": "npm test",
-    "server": "karma start scripts/karma.conf.js --singleRun=false --auto-watch",
-    "start": "npm-run-all -p server watch",
-    "test": "karma start scripts/karma.conf.js",
-    "update-changelog": "conventional-changelog -p videojs -i CHANGELOG.md -s",
-    "version": "is-prerelease || npm run update-changelog && git add CHANGELOG.md",
-    "watch": "npm-run-all -p watch:*",
-    "watch:css": "npm run build:css:sass -- -w",
-    "watch:js": "npm run build:js -- -w"
-  },
-  "version": "3.5.2",
-  "vjsstandard": {
-    "ignore": [
-      "dist",
-      "docs",
-      "test/dist"
-    ]
-  }
-}
diff --git a/negromate/web/static/js/videojs-playlist-ui/scripts/karma.conf.js b/negromate/web/static/js/videojs-playlist-ui/scripts/karma.conf.js
deleted file mode 100644
index 751e0cd..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/scripts/karma.conf.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const generate = require('videojs-generate-karma-config');
-
-module.exports = function(config) {
-
-  // see https://github.com/videojs/videojs-generate-karma-config
-  // for options
-  const options = {};
-
-  config = generate(config, options);
-
-  // any other custom stuff not supported by options here!
-};
-
diff --git a/negromate/web/static/js/videojs-playlist-ui/scripts/postcss.config.js b/negromate/web/static/js/videojs-playlist-ui/scripts/postcss.config.js
deleted file mode 100644
index d54b16f..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/scripts/postcss.config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const generate = require('videojs-generate-postcss-config');
-
-module.exports = function(context) {
-  const result = generate({}, context);
-
-  // do custom stuff here
-
-  return result;
-};
diff --git a/negromate/web/static/js/videojs-playlist-ui/scripts/rollup.config.js b/negromate/web/static/js/videojs-playlist-ui/scripts/rollup.config.js
deleted file mode 100644
index ee2611c..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/scripts/rollup.config.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const generate = require('videojs-generate-rollup-config');
-
-// see https://github.com/videojs/videojs-generate-rollup-config
-// for options
-const options = {};
-const config = generate(options);
-
-// Add additonal builds/customization here!
-
-// export the builds to rollup
-export default Object.values(config.builds);
diff --git a/negromate/web/static/js/videojs-playlist-ui/src/plugin.js b/negromate/web/static/js/videojs-playlist-ui/src/plugin.js
deleted file mode 100644
index bd29145..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/src/plugin.js
+++ /dev/null
@@ -1,479 +0,0 @@
-import document from 'global/document';
-import videojs from 'video.js';
-import {version as VERSION} from '../package.json';
-
-const dom = videojs.dom || videojs;
-const registerPlugin = videojs.registerPlugin || videojs.plugin;
-
-// Array#indexOf analog for IE8
-const indexOf = function(array, target) {
-  for (let i = 0, length = array.length; i < length; i++) {
-    if (array[i] === target) {
-      return i;
-    }
-  }
-  return -1;
-};
-
-// see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/css/pointerevents.js
-const supportsCssPointerEvents = (() => {
-  const element = document.createElement('x');
-
-  element.style.cssText = 'pointer-events:auto';
-  return element.style.pointerEvents === 'auto';
-})();
-
-const defaults = {
-  className: 'vjs-playlist',
-  playOnSelect: false,
-  supportsCssPointerEvents
-};
-
-// we don't add `vjs-playlist-now-playing` in addSelectedClass
-// so it won't conflict with `vjs-icon-play
-// since it'll get added when we mouse out
-const addSelectedClass = function(el) {
-  el.addClass('vjs-selected');
-};
-const removeSelectedClass = function(el) {
-  el.removeClass('vjs-selected');
-
-  if (el.thumbnail) {
-    dom.removeClass(el.thumbnail, 'vjs-playlist-now-playing');
-  }
-};
-
-const upNext = function(el) {
-  el.addClass('vjs-up-next');
-};
-const notUpNext = function(el) {
-  el.removeClass('vjs-up-next');
-};
-
-const createThumbnail = function(thumbnail) {
-  if (!thumbnail) {
-    const placeholder = document.createElement('div');
-
-    placeholder.className = 'vjs-playlist-thumbnail vjs-playlist-thumbnail-placeholder';
-    return placeholder;
-  }
-
-  const picture = document.createElement('picture');
-
-  picture.className = 'vjs-playlist-thumbnail';
-
-  if (typeof thumbnail === 'string') {
-    // simple thumbnails
-    const img = document.createElement('img');
-
-    img.src = thumbnail;
-    img.alt = '';
-    picture.appendChild(img);
-  } else {
-    // responsive thumbnails
-
-    // additional variations of a <picture> are specified as
-    // <source> elements
-    for (let i = 0; i < thumbnail.length - 1; i++) {
-      const variant = thumbnail[i];
-      const source = document.createElement('source');
-
-      // transfer the properties of each variant onto a <source>
-      for (const prop in variant) {
-        source[prop] = variant[prop];
-      }
-      picture.appendChild(source);
-    }
-
-    // the default version of a <picture> is specified by an <img>
-    const variant = thumbnail[thumbnail.length - 1];
-    const img = document.createElement('img');
-
-    img.alt = '';
-    for (const prop in variant) {
-      img[prop] = variant[prop];
-    }
-    picture.appendChild(img);
-  }
-  return picture;
-};
-
-const Component = videojs.getComponent('Component');
-
-class PlaylistMenuItem extends Component {
-
-  constructor(player, playlistItem, settings) {
-    if (!playlistItem.item) {
-      throw new Error('Cannot construct a PlaylistMenuItem without an item option');
-    }
-
-    super(player, playlistItem);
-    this.item = playlistItem.item;
-
-    this.playOnSelect = settings.playOnSelect;
-
-    this.emitTapEvents();
-
-    this.on(['click', 'tap'], this.switchPlaylistItem_);
-    this.on('keydown', this.handleKeyDown_);
-
-  }
-
-  handleKeyDown_(event) {
-    // keycode 13 is <Enter>
-    // keycode 32 is <Space>
-    if (event.which === 13 || event.which === 32) {
-      this.switchPlaylistItem_();
-    }
-  }
-
-  switchPlaylistItem_(event) {
-    this.player_.playlist.currentItem(indexOf(this.player_.playlist(), this.item));
-    if (this.playOnSelect) {
-      this.player_.play();
-    }
-  }
-
-  createEl() {
-    const li = document.createElement('li');
-    const item = this.options_.item;
-
-    if (typeof item.data === 'object') {
-      const dataKeys = Object.keys(item.data);
-
-      dataKeys.forEach(key => {
-        const value = item.data[key];
-
-        li.dataset[key] = value;
-      });
-    }
-
-    li.className = 'vjs-playlist-item';
-    li.setAttribute('tabIndex', 0);
-
-    // Thumbnail image
-    this.thumbnail = createThumbnail(item.thumbnail);
-    li.appendChild(this.thumbnail);
-
-    // Duration
-    if (item.duration) {
-      const duration = document.createElement('time');
-      const time = videojs.formatTime(item.duration);
-
-      duration.className = 'vjs-playlist-duration';
-      duration.setAttribute('datetime', 'PT0H0M' + item.duration + 'S');
-      duration.appendChild(document.createTextNode(time));
-      li.appendChild(duration);
-    }
-
-    // Now playing
-    const nowPlayingEl = document.createElement('span');
-    const nowPlayingText = this.localize('Now Playing');
-
-    nowPlayingEl.className = 'vjs-playlist-now-playing-text';
-    nowPlayingEl.appendChild(document.createTextNode(nowPlayingText));
-    nowPlayingEl.setAttribute('title', nowPlayingText);
-    this.thumbnail.appendChild(nowPlayingEl);
-
-    // Title container contains title and "up next"
-    const titleContainerEl = document.createElement('div');
-
-    titleContainerEl.className = 'vjs-playlist-title-container';
-    this.thumbnail.appendChild(titleContainerEl);
-
-    // Up next
-    const upNextEl = document.createElement('span');
-    const upNextText = this.localize('Up Next');
-
-    upNextEl.className = 'vjs-up-next-text';
-    upNextEl.appendChild(document.createTextNode(upNextText));
-    upNextEl.setAttribute('title', upNextText);
-    titleContainerEl.appendChild(upNextEl);
-
-    // Video title
-    const titleEl = document.createElement('cite');
-    const titleText = item.name || this.localize('Untitled Video');
-
-    titleEl.className = 'vjs-playlist-name';
-    titleEl.appendChild(document.createTextNode(titleText));
-    titleEl.setAttribute('title', titleText);
-    titleContainerEl.appendChild(titleEl);
-
-    return li;
-  }
-}
-
-class PlaylistMenu extends Component {
-
-  constructor(player, options) {
-    if (!player.playlist) {
-      throw new Error('videojs-playlist is required for the playlist component');
-    }
-
-    super(player, options);
-    this.items = [];
-
-    if (options.horizontal) {
-      this.addClass('vjs-playlist-horizontal');
-    } else {
-      this.addClass('vjs-playlist-vertical');
-    }
-
-    // If CSS pointer events aren't supported, we have to prevent
-    // clicking on playlist items during ads with slightly more
-    // invasive techniques. Details in the stylesheet.
-    if (options.supportsCssPointerEvents) {
-      this.addClass('vjs-csspointerevents');
-    }
-
-    this.createPlaylist_();
-
-    if (!videojs.browser.TOUCH_ENABLED) {
-      this.addClass('vjs-mouse');
-    }
-
-    this.on(player, ['loadstart', 'playlistchange', 'playlistsorted'], (event) => {
-      this.update();
-    });
-
-    // Keep track of whether an ad is playing so that the menu
-    // appearance can be adapted appropriately
-    this.on(player, 'adstart', () => {
-      this.addClass('vjs-ad-playing');
-    });
-
-    this.on(player, 'adend', () => {
-      this.removeClass('vjs-ad-playing');
-    });
-
-    this.on('dispose', () => {
-      this.empty_();
-      player.playlistMenu = null;
-    });
-
-    this.on(player, 'dispose', () => {
-      this.dispose();
-    });
-  }
-
-  createEl() {
-    return dom.createEl('div', {className: this.options_.className});
-  }
-
-  empty_() {
-    if (this.items && this.items.length) {
-      this.items.forEach(i => i.dispose());
-      this.items.length = 0;
-    }
-  }
-
-  createPlaylist_() {
-    const playlist = this.player_.playlist() || [];
-    let list = this.el_.querySelector('.vjs-playlist-item-list');
-    let overlay = this.el_.querySelector('.vjs-playlist-ad-overlay');
-
-    if (!list) {
-      list = document.createElement('ol');
-      list.className = 'vjs-playlist-item-list';
-      this.el_.appendChild(list);
-    }
-
-    this.empty_();
-
-    // create new items
-    for (let i = 0; i < playlist.length; i++) {
-      const item = new PlaylistMenuItem(this.player_, {
-        item: playlist[i]
-      }, this.options_);
-
-      this.items.push(item);
-      list.appendChild(item.el_);
-    }
-
-    // Inject the ad overlay. IE<11 doesn't support "pointer-events:
-    // none" so we use this element to block clicks during ad
-    // playback.
-    if (!overlay) {
-      overlay = document.createElement('li');
-      overlay.className = 'vjs-playlist-ad-overlay';
-      list.appendChild(overlay);
-    } else {
-      // Move overlay to end of list
-      list.appendChild(overlay);
-    }
-
-    // select the current playlist item
-    const selectedIndex = this.player_.playlist.currentItem();
-
-    if (this.items.length && selectedIndex >= 0) {
-      addSelectedClass(this.items[selectedIndex]);
-
-      const thumbnail = this.items[selectedIndex].$('.vjs-playlist-thumbnail');
-
-      if (thumbnail) {
-        dom.addClass(thumbnail, 'vjs-playlist-now-playing');
-      }
-    }
-  }
-
-  update() {
-    // replace the playlist items being displayed, if necessary
-    const playlist = this.player_.playlist();
-
-    if (this.items.length !== playlist.length) {
-      // if the menu is currently empty or the state is obviously out
-      // of date, rebuild everything.
-      this.createPlaylist_();
-      return;
-    }
-
-    for (let i = 0; i < this.items.length; i++) {
-      if (this.items[i].item !== playlist[i]) {
-        // if any of the playlist items have changed, rebuild the
-        // entire playlist
-        this.createPlaylist_();
-        return;
-      }
-    }
-
-    // the playlist itself is unchanged so just update the selection
-    const currentItem = this.player_.playlist.currentItem();
-
-    for (let i = 0; i < this.items.length; i++) {
-      const item = this.items[i];
-
-      if (i === currentItem) {
-        addSelectedClass(item);
-        if (document.activeElement !== item.el()) {
-          dom.addClass(item.thumbnail, 'vjs-playlist-now-playing');
-        }
-        notUpNext(item);
-      } else if (i === currentItem + 1) {
-        removeSelectedClass(item);
-        upNext(item);
-      } else {
-        removeSelectedClass(item);
-        notUpNext(item);
-      }
-    }
-  }
-}
-
-/**
- * Returns a boolean indicating whether an element has child elements.
- *
- * Note that this is distinct from whether it has child _nodes_.
- *
- * @param  {HTMLElement} el
- *         A DOM element.
- *
- * @return {boolean}
- *         Whether the element has child elements.
- */
-const hasChildEls = (el) => {
-  for (let i = 0; i < el.childNodes.length; i++) {
-    if (dom.isEl(el.childNodes[i])) {
-      return true;
-    }
-  }
-  return false;
-};
-
-/**
- * Finds the first empty root element.
- *
- * @param  {string} className
- *         An HTML class name to search for.
- *
- * @return {HTMLElement}
- *         A DOM element to use as the root for a playlist.
- */
-const findRoot = (className) => {
-  const all = document.querySelectorAll('.' + className);
-  let el;
-
-  for (let i = 0; i < all.length; i++) {
-    if (!hasChildEls(all[i])) {
-      el = all[i];
-      break;
-    }
-  }
-
-  return el;
-};
-
-/**
- * Initialize the plugin on a player.
- *
- * @param  {Object} [options]
- *         An options object.
- *
- * @param  {HTMLElement} [options.el]
- *         A DOM element to use as a root node for the playlist.
- *
- * @param  {string} [options.className]
- *         An HTML class name to use to find a root node for the playlist.
- *
- * @param  {boolean} [options.playOnSelect = false]
- *         If true, will attempt to begin playback upon selecting a new
- *         playlist item in the UI.
- */
-const playlistUi = function(options) {
-  const player = this;
-
-  if (!player.playlist) {
-    throw new Error('videojs-playlist plugin is required by the videojs-playlist-ui plugin');
-  }
-
-  if (dom.isEl(options)) {
-    videojs.log.warn('videojs-playlist-ui: Passing an element directly to playlistUi() is deprecated, use the "el" option instead!');
-    options = {el: options};
-  }
-
-  options = videojs.mergeOptions(defaults, options);
-
-  // If the player is already using this plugin, remove the pre-existing
-  // PlaylistMenu, but retain the element and its location in the DOM because
-  // it will be re-used.
-  if (player.playlistMenu) {
-    const el = player.playlistMenu.el();
-
-    // Catch cases where the menu may have been disposed elsewhere or the
-    // element removed from the DOM.
-    if (el) {
-      const parentNode = el.parentNode;
-      const nextSibling = el.nextSibling;
-
-      // Disposing the menu will remove `el` from the DOM, but we need to
-      // empty it ourselves to be sure.
-      player.playlistMenu.dispose();
-      dom.emptyEl(el);
-
-      // Put the element back in its place.
-      if (nextSibling) {
-        parentNode.insertBefore(el, nextSibling);
-      } else {
-        parentNode.appendChild(el);
-      }
-
-      options.el = el;
-    }
-  }
-
-  if (!dom.isEl(options.el)) {
-    options.el = findRoot(options.className);
-  }
-
-  player.playlistMenu = new PlaylistMenu(player, options);
-};
-
-// register components
-videojs.registerComponent('PlaylistMenu', PlaylistMenu);
-videojs.registerComponent('PlaylistMenuItem', PlaylistMenuItem);
-
-// register the plugin
-registerPlugin('playlistUi', playlistUi);
-
-playlistUi.VERSION = VERSION;
-
-export default playlistUi;
diff --git a/negromate/web/static/js/videojs-playlist-ui/src/plugin.scss b/negromate/web/static/js/videojs-playlist-ui/src/plugin.scss
deleted file mode 100644
index 931ef63..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/src/plugin.scss
+++ /dev/null
@@ -1,288 +0,0 @@
-// The default color for the playlist menu background, almost black
-$background-color: #1a1a1a;
-
-// The color used to emphasize the currently playing video and for effects
-$highlight-color: #141a21;
-
-// The primary foreground color
-$main-color: #fff;
-
-// Background color for thumbnail placeholders
-$placeholder-background-color: #303030;
-
-// Rules common to mouse and touch devices
-.vjs-playlist {
-  padding: 0;
-  background-color: $background-color;
-  color: $main-color;
-  list-style-type: none;
-
-  img {
-    display: block;
-
-    // Needed because sometimes IE10 adds width / height properties
-    height: auto;
-    width: auto;
-  }
-
-  .vjs-playlist-item-list {
-    position: relative;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  .vjs-playlist-item {
-    position: relative;
-    cursor: pointer;
-    overflow: hidden;
-  }
-
-  .vjs-playlist-thumbnail-placeholder {
-    background: $placeholder-background-color;
-  }
-
-  .vjs-playlist-now-playing-text {
-    display: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    // This keeps this element aligned vertically with vjs-playlist-name.
-    padding-left: 2px;
-    margin: .8rem;
-  }
-
-  .vjs-playlist-duration {
-    position: absolute;
-    top: .5rem;
-    left: .5rem;
-    padding: 2px 5px 3px;
-    margin-left: 2px;
-    background-color: rgba(26, 26, 26, 0.8);
-  }
-
-  .vjs-playlist-title-container {
-    position: absolute;
-    bottom: 0;
-    box-sizing: border-box;
-    width: 100%;
-    padding: .5rem .8rem;
-    text-shadow:  1px  1px 2px black,
-                 -1px  1px 2px black,
-                  1px -1px 2px black,
-                 -1px -1px 2px black;
-  }
-
-  .vjs-playlist-name {
-    display: block;
-    max-height: 2.5em;
-
-    // So drop shadow doesn't get cut off as overflow
-    padding: 0 0 4px 2px;
-    font-style: normal;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    
-    // line-height: normal was causing overflow cutoff issues on Android, since normal
-    // lets different user agents pick a value. Here we set a consistent precise value.
-    line-height: 20px;
-  }
-
-  .vjs-playlist-description {
-    margin: 0;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-
-  .vjs-up-next-text {
-    display: none;
-    padding: .1rem 2px;
-    font-size: .8em;
-    text-transform: uppercase;
-  }
-
-  .vjs-up-next {
-
-    .vjs-up-next-text {
-      display: block;
-    }
-  }
-
-  // Selected item rules
-  .vjs-selected {
-    background-color: $highlight-color;
-
-    img {
-      opacity: .2;
-    }
-
-    .vjs-playlist-duration {
-      display: none;
-    }
-
-    .vjs-playlist-now-playing-text {
-      display: block;
-    }
-
-    .vjs-playlist-title-container {
-      text-shadow: none;
-    }
-  }
-}
-
-// Vertical/default playlist orientation
-.vjs-playlist-vertical {
-  overflow-x: hidden;
-  overflow-y: auto;
-
-  img {
-    width: 100%;
-    min-height: 54px;
-  }
-
-  .vjs-playlist-item {
-    margin-bottom: 5px;
-  }
-
-  .vjs-playlist-thumbnail {
-    display: block;
-    width: 100%;
-  }
-
-  .vjs-playlist-thumbnail-placeholder {
-    height: 100px;
-  }
-}
-
-// Horizontal playlist orientation
-.vjs-playlist-horizontal {
-  overflow-x: auto;
-  overflow-y: hidden;
-
-  img {
-    min-width: 100px;
-    height: 100%;
-  }
-
-  .vjs-playlist-item-list {
-    height: 100%;
-    white-space: nowrap;
-  }
-
-  .vjs-playlist-item {
-    display: inline-block;
-    height: 100%;
-    margin-right: 5px;
-  }
-
-  .vjs-playlist-thumbnail {
-    display: block;
-    height: 100%;
-  }
-
-  .vjs-playlist-thumbnail-placeholder {
-    height: 100%;
-    width: 180px;
-  }
-}
-
-// Prevent interaction with the playlist menu while ads are playing
-// on browsers that don't support pointer-events (IE<11), prevent scrolling
-// past the ad overlay
-.vjs-playlist.vjs-ad-playing {
-  overflow: hidden;
-}
-
-// prevent clicks and scrolling from affecting the playlist during ads
-.vjs-playlist.vjs-ad-playing.vjs-csspointerevents {
-  pointer-events: none;
-  overflow: auto;
-
-  // Fix for IE11 pointer-events bug that allowed clicking playlist during ads
-  .vjs-playlist-ad-overlay {
-    pointer-events: auto;
-  }
-}
-
-// darken the playlist menu display to indicate it's not interactive during ads
-.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay {
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-
-  // IE8 fallback
-  background-color: #1a1a1a;
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-
-  // modern browsers
-  background-color: rgba(0, 0, 0, 0.5);
-}
-
-// Parametric rules. These are specialized for touch and mouse-based devices
-@mixin playlist-base($base-font-size: 14px) {
-  font-size: $base-font-size;
-
-  .vjs-playlist-description {
-    height: $base-font-size * 3;
-    line-height: ceil($base-font-size * 1.5);
-  }
-}
-
-// Touch-device playlist dimensions
-.vjs-playlist {
-  @include playlist-base();
-}
-
-// Mouse-only playlist dimensions
-.vjs-mouse.vjs-playlist {
-  @include playlist-base(15px);
-}
-
-// Larger font size for larger player
-@media (min-width: 600px) {
-  .vjs-mouse.vjs-playlist {
-    @include playlist-base(17px);
-  }
-
-  .vjs-playlist .vjs-playlist-name {
-    line-height: 22px;
-  }
-}
-
-// Don't show now playing / up next when there isn't room
-@media (max-width: 520px) {
-
-  // These styles exist both with and without .vjs-mouse
-  .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,
-  .vjs-playlist .vjs-up-next .vjs-up-next-text {
-    display: none;
-  }
-
-  .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,
-  .vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text {
-    display: none;
-  }
-}
-
-// If now playing / up next are shown, make sure there is room.
-// Only affects thumbnails with very wide aspect ratio, which get
-// stretched vertically. We could avoid the stretching by making this a
-// CSS background image and using background-size: cover; but then it'd
-// get clipped, so not sure that's better.
-@media (min-width: 521px) {
-  .vjs-playlist img {
-    min-height: 85px;
-  }
-}
-
-// Don't show duration when there isn't room
-@media (max-width: 750px) {
-  .vjs-playlist .vjs-playlist-duration {
-    display: none;
-  }
-}
diff --git a/negromate/web/static/js/videojs-playlist-ui/test/dist/bundle.js b/negromate/web/static/js/videojs-playlist-ui/test/dist/bundle.js
deleted file mode 100644
index 3f3c675..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/test/dist/bundle.js
+++ /dev/null
@@ -1,6313 +0,0 @@
-/*! @name videojs-playlist-ui @version 3.5.2 @license Apache-2.0 */
-(function (videojs,QUnit) {
-	'use strict';
-
-	videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs;
-	QUnit = QUnit && QUnit.hasOwnProperty('default') ? QUnit['default'] : QUnit;
-
-	var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-	var empty = {};
-
-	var empty$1 = /*#__PURE__*/Object.freeze({
-		default: empty
-	});
-
-	var minDoc = ( empty$1 && empty ) || empty$1;
-
-	var topLevel = typeof commonjsGlobal !== 'undefined' ? commonjsGlobal :
-	    typeof window !== 'undefined' ? window : {};
-
-
-	var doccy;
-
-	if (typeof document !== 'undefined') {
-	    doccy = document;
-	} else {
-	    doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];
-
-	    if (!doccy) {
-	        doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc;
-	    }
-	}
-
-	var document_1 = doccy;
-
-	var win;
-
-	if (typeof window !== "undefined") {
-	    win = window;
-	} else if (typeof commonjsGlobal !== "undefined") {
-	    win = commonjsGlobal;
-	} else if (typeof self !== "undefined"){
-	    win = self;
-	} else {
-	    win = {};
-	}
-
-	var window_1 = win;
-
-	/*! @name videojs-playlist @version 4.2.6 @license Apache-2.0 */
-
-	/**
-	 * Validates a number of seconds to use as the auto-advance delay.
-	 *
-	 * @private
-	 * @param   {number} s
-	 *          The number to check
-	 *
-	 * @return  {boolean}
-	 *          Whether this is a valid second or not
-	 */
-	var validSeconds = function validSeconds(s) {
-	  return typeof s === 'number' && !isNaN(s) && s >= 0 && s < Infinity;
-	};
-	/**
-	 * Resets the auto-advance behavior of a player.
-	 *
-	 * @param {Player} player
-	 *        The player to reset the behavior on
-	 */
-
-
-	var reset = function reset(player) {
-	  var aa = player.playlist.autoadvance_;
-
-	  if (aa.timeout) {
-	    player.clearTimeout(aa.timeout);
-	  }
-
-	  if (aa.trigger) {
-	    player.off('ended', aa.trigger);
-	  }
-
-	  aa.timeout = null;
-	  aa.trigger = null;
-	};
-	/**
-	 * Sets up auto-advance behavior on a player.
-	 *
-	 * @param  {Player} player
-	 *         the current player
-	 *
-	 * @param  {number} delay
-	 *         The number of seconds to wait before each auto-advance.
-	 *
-	 * @return {undefined}
-	 *         Used to short circuit function logic
-	 */
-
-
-	var setup = function setup(player, delay) {
-	  reset(player); // Before queuing up new auto-advance behavior, check if `seconds` was
-	  // called with a valid value.
-
-	  if (!validSeconds(delay)) {
-	    player.playlist.autoadvance_.delay = null;
-	    return;
-	  }
-
-	  player.playlist.autoadvance_.delay = delay;
-
-	  player.playlist.autoadvance_.trigger = function () {
-	    // This calls setup again, which will reset the existing auto-advance and
-	    // set up another auto-advance for the next "ended" event.
-	    var cancelOnPlay = function cancelOnPlay() {
-	      return setup(player, delay);
-	    }; // If there is a "play" event while we're waiting for an auto-advance,
-	    // we need to cancel the auto-advance. This could mean the user seeked
-	    // back into the content or restarted the content. This is reproducible
-	    // with an auto-advance > 0.
-
-
-	    player.one('play', cancelOnPlay);
-	    player.playlist.autoadvance_.timeout = player.setTimeout(function () {
-	      reset(player);
-	      player.off('play', cancelOnPlay);
-	      player.playlist.next();
-	    }, delay * 1000);
-	  };
-
-	  player.one('ended', player.playlist.autoadvance_.trigger);
-	};
-
-	/**
-	 * Removes all remote text tracks from a player.
-	 *
-	 * @param  {Player} player
-	 *         The player to clear tracks on
-	 */
-
-	var clearTracks = function clearTracks(player) {
-	  var tracks = player.remoteTextTracks();
-	  var i = tracks && tracks.length || 0; // This uses a `while` loop rather than `forEach` because the
-	  // `TextTrackList` object is a live DOM list (not an array).
-
-	  while (i--) {
-	    player.removeRemoteTextTrack(tracks[i]);
-	  }
-	};
-	/**
-	 * Plays an item on a player's playlist.
-	 *
-	 * @param  {Player} player
-	 *         The player to play the item on
-	 *
-	 * @param  {Object} item
-	 *         A source from the playlist.
-	 *
-	 * @return {Player}
-	 *         The player that is now playing the item
-	 */
-
-
-	var playItem = function playItem(player, item) {
-	  var replay = !player.paused() || player.ended();
-	  player.trigger('beforeplaylistitem', item);
-	  player.poster(item.poster || '');
-	  player.src(item.sources);
-	  clearTracks(player);
-	  player.ready(function () {
-	    (item.textTracks || []).forEach(player.addRemoteTextTrack.bind(player));
-	    player.trigger('playlistitem', item);
-
-	    if (replay) {
-	      var playPromise = player.play(); // silence error when a pause interrupts a play request
-	      // on browsers which return a promise
-
-	      if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-	        playPromise.then(null, function (e) {});
-	      }
-	    }
-
-	    setup(player, player.playlist.autoadvance_.delay);
-	  });
-	  return player;
-	};
-
-	/**
-	 * Given two sources, check to see whether the two sources are equal.
-	 * If both source urls have a protocol, the protocols must match, otherwise, protocols
-	 * are ignored.
-	 *
-	 * @private
-	 * @param {string|Object} source1
-	 *        The first source
-	 *
-	 * @param {string|Object} source2
-	 *        The second source
-	 *
-	 * @return {boolean}
-	 *         The result
-	 */
-
-	var sourceEquals = function sourceEquals(source1, source2) {
-	  var src1 = source1;
-	  var src2 = source2;
-
-	  if (typeof source1 === 'object') {
-	    src1 = source1.src;
-	  }
-
-	  if (typeof source2 === 'object') {
-	    src2 = source2.src;
-	  }
-
-	  if (/^\/\//.test(src1)) {
-	    src2 = src2.slice(src2.indexOf('//'));
-	  }
-
-	  if (/^\/\//.test(src2)) {
-	    src1 = src1.slice(src1.indexOf('//'));
-	  }
-
-	  return src1 === src2;
-	};
-	/**
-	 * Look through an array of playlist items for a specific `source`;
-	 * checking both the value of elements and the value of their `src`
-	 * property.
-	 *
-	 * @private
-	 * @param   {Array} arr
-	 *          An array of playlist items to look through
-	 *
-	 * @param   {string} src
-	 *          The source to look for
-	 *
-	 * @return  {number}
-	 *          The index of that source or -1
-	 */
-
-
-	var indexInSources = function indexInSources(arr, src) {
-	  for (var i = 0; i < arr.length; i++) {
-	    var sources = arr[i].sources;
-
-	    if (Array.isArray(sources)) {
-	      for (var j = 0; j < sources.length; j++) {
-	        var source = sources[j];
-
-	        if (source && sourceEquals(source, src)) {
-	          return i;
-	        }
-	      }
-	    }
-	  }
-
-	  return -1;
-	};
-	/**
-	 * Randomize the contents of an array.
-	 *
-	 * @private
-	 * @param  {Array} arr
-	 *         An array.
-	 *
-	 * @return {Array}
-	 *         The same array that was passed in.
-	 */
-
-
-	var randomize = function randomize(arr) {
-	  var index = -1;
-	  var lastIndex = arr.length - 1;
-
-	  while (++index < arr.length) {
-	    var rand = index + Math.floor(Math.random() * (lastIndex - index + 1));
-	    var value = arr[rand];
-	    arr[rand] = arr[index];
-	    arr[index] = value;
-	  }
-
-	  return arr;
-	};
-	/**
-	 * Factory function for creating new playlist implementation on the given player.
-	 *
-	 * API summary:
-	 *
-	 * playlist(['a', 'b', 'c']) // setter
-	 * playlist() // getter
-	 * playlist.currentItem() // getter, 0
-	 * playlist.currentItem(1) // setter, 1
-	 * playlist.next() // 'c'
-	 * playlist.previous() // 'b'
-	 * playlist.first() // 'a'
-	 * playlist.last() // 'c'
-	 * playlist.autoadvance(5) // 5 second delay
-	 * playlist.autoadvance() // cancel autoadvance
-	 *
-	 * @param  {Player} player
-	 *         The current player
-	 *
-	 * @param  {Array=} initialList
-	 *         If given, an initial list of sources with which to populate
-	 *         the playlist.
-	 *
-	 * @param  {number=}  initialIndex
-	 *         If given, the index of the item in the list that should
-	 *         be loaded first. If -1, no video is loaded. If omitted, The
-	 *         the first video is loaded.
-	 *
-	 * @return {Function}
-	 *         Returns the playlist function specific to the given player.
-	 */
-
-
-	function factory(player, initialList, initialIndex) {
-	  if (initialIndex === void 0) {
-	    initialIndex = 0;
-	  }
-
-	  var list = null;
-	  var changing = false;
-	  /**
-	   * Get/set the playlist for a player.
-	   *
-	   * This function is added as an own property of the player and has its
-	   * own methods which can be called to manipulate the internal state.
-	   *
-	   * @param  {Array} [newList]
-	   *         If given, a new list of sources with which to populate the
-	   *         playlist. Without this, the function acts as a getter.
-	   *
-	   * @param  {number}  [newIndex]
-	   *         If given, the index of the item in the list that should
-	   *         be loaded first. If -1, no video is loaded. If omitted, The
-	   *         the first video is loaded.
-	   *
-	   * @return {Array}
-	   *         The playlist
-	   */
-
-	  var playlist = player.playlist = function (newList, newIndex) {
-	    if (newIndex === void 0) {
-	      newIndex = 0;
-	    }
-
-	    if (changing) {
-	      throw new Error('do not call playlist() during a playlist change');
-	    }
-
-	    if (Array.isArray(newList)) {
-	      // @todo - Simplify this to `list.slice()` for v5.
-	      var previousPlaylist = Array.isArray(list) ? list.slice() : null;
-	      list = newList.slice(); // Mark the playlist as changing during the duringplaylistchange lifecycle.
-
-	      changing = true;
-	      player.trigger({
-	        type: 'duringplaylistchange',
-	        nextIndex: newIndex,
-	        nextPlaylist: list,
-	        previousIndex: playlist.currentIndex_,
-	        // @todo - Simplify this to simply pass along `previousPlaylist` for v5.
-	        previousPlaylist: previousPlaylist || []
-	      });
-	      changing = false;
-
-	      if (newIndex !== -1) {
-	        playlist.currentItem(newIndex);
-	      } // The only time the previous playlist is null is the first call to this
-	      // function. This allows us to fire the `duringplaylistchange` event
-	      // every time the playlist is populated and to maintain backward
-	      // compatibility by not firing the `playlistchange` event on the initial
-	      // population of the list.
-	      //
-	      // @todo - Remove this condition in preparation for v5.
-
-
-	      if (previousPlaylist) {
-	        player.setTimeout(function () {
-	          player.trigger('playlistchange');
-	        }, 0);
-	      }
-	    } // Always return a shallow clone of the playlist list.
-
-
-	    return list.slice();
-	  }; // On a new source, if there is no current item, disable auto-advance.
-
-
-	  player.on('loadstart', function () {
-	    if (playlist.currentItem() === -1) {
-	      reset(player);
-	    }
-	  });
-	  playlist.currentIndex_ = -1;
-	  playlist.player_ = player;
-	  playlist.autoadvance_ = {};
-	  playlist.repeat_ = false;
-	  /**
-	   * Get or set the current item in the playlist.
-	   *
-	   * During the duringplaylistchange event, acts only as a getter.
-	   *
-	   * @param  {number} [index]
-	   *         If given as a valid value, plays the playlist item at that index.
-	   *
-	   * @return {number}
-	   *         The current item index.
-	   */
-
-	  playlist.currentItem = function (index) {
-	    // If the playlist is changing, only act as a getter.
-	    if (changing) {
-	      return playlist.currentIndex_;
-	    }
-
-	    if (typeof index === 'number' && playlist.currentIndex_ !== index && index >= 0 && index < list.length) {
-	      playlist.currentIndex_ = index;
-	      playItem(playlist.player_, list[playlist.currentIndex_]);
-	    } else {
-	      playlist.currentIndex_ = playlist.indexOf(playlist.player_.currentSrc() || '');
-	    }
-
-	    return playlist.currentIndex_;
-	  };
-	  /**
-	   * Checks if the playlist contains a value.
-	   *
-	   * @param  {string|Object|Array} value
-	   *         The value to check
-	   *
-	   * @return {boolean}
-	   *         The result
-	   */
-
-
-	  playlist.contains = function (value) {
-	    return playlist.indexOf(value) !== -1;
-	  };
-	  /**
-	   * Gets the index of a value in the playlist or -1 if not found.
-	   *
-	   * @param  {string|Object|Array} value
-	   *         The value to find the index of
-	   *
-	   * @return {number}
-	   *         The index or -1
-	   */
-
-
-	  playlist.indexOf = function (value) {
-	    if (typeof value === 'string') {
-	      return indexInSources(list, value);
-	    }
-
-	    var sources = Array.isArray(value) ? value : value.sources;
-
-	    for (var i = 0; i < sources.length; i++) {
-	      var source = sources[i];
-
-	      if (typeof source === 'string') {
-	        return indexInSources(list, source);
-	      } else if (source.src) {
-	        return indexInSources(list, source.src);
-	      }
-	    }
-
-	    return -1;
-	  };
-	  /**
-	   * Get the index of the current item in the playlist. This is identical to
-	   * calling `currentItem()` with no arguments.
-	   *
-	   * @return {number}
-	   *         The current item index.
-	   */
-
-
-	  playlist.currentIndex = function () {
-	    return playlist.currentItem();
-	  };
-	  /**
-	   * Get the index of the last item in the playlist.
-	   *
-	   * @return {number}
-	   *         The index of the last item in the playlist or -1 if there are no
-	   *         items.
-	   */
-
-
-	  playlist.lastIndex = function () {
-	    return list.length - 1;
-	  };
-	  /**
-	   * Get the index of the next item in the playlist.
-	   *
-	   * @return {number}
-	   *         The index of the next item in the playlist or -1 if there is no
-	   *         current item.
-	   */
-
-
-	  playlist.nextIndex = function () {
-	    var current = playlist.currentItem();
-
-	    if (current === -1) {
-	      return -1;
-	    }
-
-	    var lastIndex = playlist.lastIndex(); // When repeating, loop back to the beginning on the last item.
-
-	    if (playlist.repeat_ && current === lastIndex) {
-	      return 0;
-	    } // Don't go past the end of the playlist.
-
-
-	    return Math.min(current + 1, lastIndex);
-	  };
-	  /**
-	   * Get the index of the previous item in the playlist.
-	   *
-	   * @return {number}
-	   *         The index of the previous item in the playlist or -1 if there is
-	   *         no current item.
-	   */
-
-
-	  playlist.previousIndex = function () {
-	    var current = playlist.currentItem();
-
-	    if (current === -1) {
-	      return -1;
-	    } // When repeating, loop back to the end of the playlist.
-
-
-	    if (playlist.repeat_ && current === 0) {
-	      return playlist.lastIndex();
-	    } // Don't go past the beginning of the playlist.
-
-
-	    return Math.max(current - 1, 0);
-	  };
-	  /**
-	   * Plays the first item in the playlist.
-	   *
-	   * @return {Object|undefined}
-	   *         Returns undefined and has no side effects if the list is empty.
-	   */
-
-
-	  playlist.first = function () {
-	    if (changing) {
-	      return;
-	    }
-
-	    if (list.length) {
-	      return list[playlist.currentItem(0)];
-	    }
-
-	    playlist.currentIndex_ = -1;
-	  };
-	  /**
-	   * Plays the last item in the playlist.
-	   *
-	   * @return {Object|undefined}
-	   *         Returns undefined and has no side effects if the list is empty.
-	   */
-
-
-	  playlist.last = function () {
-	    if (changing) {
-	      return;
-	    }
-
-	    if (list.length) {
-	      return list[playlist.currentItem(playlist.lastIndex())];
-	    }
-
-	    playlist.currentIndex_ = -1;
-	  };
-	  /**
-	   * Plays the next item in the playlist.
-	   *
-	   * @return {Object|undefined}
-	   *         Returns undefined and has no side effects if on last item.
-	   */
-
-
-	  playlist.next = function () {
-	    if (changing) {
-	      return;
-	    }
-
-	    var index = playlist.nextIndex();
-
-	    if (index !== playlist.currentIndex_) {
-	      return list[playlist.currentItem(index)];
-	    }
-	  };
-	  /**
-	   * Plays the previous item in the playlist.
-	   *
-	   * @return {Object|undefined}
-	   *         Returns undefined and has no side effects if on first item.
-	   */
-
-
-	  playlist.previous = function () {
-	    if (changing) {
-	      return;
-	    }
-
-	    var index = playlist.previousIndex();
-
-	    if (index !== playlist.currentIndex_) {
-	      return list[playlist.currentItem(index)];
-	    }
-	  };
-	  /**
-	   * Set up auto-advance on the playlist.
-	   *
-	   * @param  {number} [delay]
-	   *         The number of seconds to wait before each auto-advance.
-	   */
-
-
-	  playlist.autoadvance = function (delay) {
-	    setup(playlist.player_, delay);
-	  };
-	  /**
-	   * Sets `repeat` option, which makes the "next" video of the last video in
-	   * the playlist be the first video in the playlist.
-	   *
-	   * @param  {boolean} [val]
-	   *         The value to set repeat to
-	   *
-	   * @return {boolean}
-	   *         The current value of repeat
-	   */
-
-
-	  playlist.repeat = function (val) {
-	    if (val === undefined) {
-	      return playlist.repeat_;
-	    }
-
-	    if (typeof val !== 'boolean') {
-	      videojs.log.error('videojs-playlist: Invalid value for repeat', val);
-	      return;
-	    }
-
-	    playlist.repeat_ = !!val;
-	    return playlist.repeat_;
-	  };
-	  /**
-	   * Sorts the playlist array.
-	   *
-	   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort}
-	   * @fires playlistsorted
-	   *
-	   * @param {Function} compare
-	   *        A comparator function as per the native Array method.
-	   */
-
-
-	  playlist.sort = function (compare) {
-	    // Bail if the array is empty.
-	    if (!list.length) {
-	      return;
-	    }
-
-	    list.sort(compare); // If the playlist is changing, don't trigger events.
-
-	    if (changing) {
-	      return;
-	    }
-	    /**
-	     * Triggered after the playlist is sorted internally.
-	     *
-	     * @event playlistsorted
-	     * @type {Object}
-	     */
-
-
-	    player.trigger('playlistsorted');
-	  };
-	  /**
-	   * Reverses the playlist array.
-	   *
-	   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse}
-	   * @fires playlistsorted
-	   */
-
-
-	  playlist.reverse = function () {
-	    // Bail if the array is empty.
-	    if (!list.length) {
-	      return;
-	    }
-
-	    list.reverse(); // If the playlist is changing, don't trigger events.
-
-	    if (changing) {
-	      return;
-	    }
-	    /**
-	     * Triggered after the playlist is sorted internally.
-	     *
-	     * @event playlistsorted
-	     * @type {Object}
-	     */
-
-
-	    player.trigger('playlistsorted');
-	  };
-	  /**
-	   * Shuffle the contents of the list randomly.
-	   *
-	   * @see   {@link https://github.com/lodash/lodash/blob/40e096b6d5291a025e365a0f4c010d9a0efb9a69/shuffle.js}
-	   * @fires playlistsorted
-	   * @todo  Make the `rest` option default to `true` in v5.0.0.
-	   * @param {Object} [options]
-	   *        An object containing shuffle options.
-	   *
-	   * @param {boolean} [options.rest = false]
-	   *        By default, the entire playlist is randomized. However, this may
-	   *        not be desirable in all cases, such as when a user is already
-	   *        watching a video.
-	   *
-	   *        When `true` is passed for this option, it will only shuffle
-	   *        playlist items after the current item. For example, when on the
-	   *        first item, will shuffle the second item and beyond.
-	   */
-
-
-	  playlist.shuffle = function (_temp) {
-	    var _ref = _temp === void 0 ? {} : _temp,
-	        rest = _ref.rest;
-
-	    var index = 0;
-	    var arr = list; // When options.rest is true, start randomization at the item after the
-	    // current item.
-
-	    if (rest) {
-	      index = playlist.currentIndex_ + 1;
-	      arr = list.slice(index);
-	    } // Bail if the array is empty or too short to shuffle.
-
-
-	    if (arr.length <= 1) {
-	      return;
-	    }
-
-	    randomize(arr); // When options.rest is true, splice the randomized sub-array back into
-	    // the original array.
-
-	    if (rest) {
-	      var _list;
-
-	      (_list = list).splice.apply(_list, [index, arr.length].concat(arr));
-	    } // If the playlist is changing, don't trigger events.
-
-
-	    if (changing) {
-	      return;
-	    }
-	    /**
-	     * Triggered after the playlist is sorted internally.
-	     *
-	     * @event playlistsorted
-	     * @type {Object}
-	     */
-
-
-	    player.trigger('playlistsorted');
-	  }; // If an initial list was given, populate the playlist with it.
-
-
-	  if (Array.isArray(initialList)) {
-	    playlist(initialList.slice(), initialIndex); // If there is no initial list given, silently set an empty array.
-	  } else {
-	    list = [];
-	  }
-
-	  return playlist;
-	}
-
-	var version = "4.2.6";
-
-	var registerPlugin = videojs.registerPlugin || videojs.plugin;
-	/**
-	 * The video.js playlist plugin. Invokes the playlist-maker to create a
-	 * playlist function on the specific player.
-	 *
-	 * @param {Array} list
-	 *        a list of sources
-	 *
-	 * @param {number} item
-	 *        The index to start at
-	 */
-
-	var plugin = function plugin(list, item) {
-	  factory(this, list, item);
-	};
-
-	registerPlugin('playlist', plugin);
-	plugin.VERSION = version;
-
-	function _inheritsLoose(subClass, superClass) {
-	  subClass.prototype = Object.create(superClass.prototype);
-	  subClass.prototype.constructor = subClass;
-	  subClass.__proto__ = superClass;
-	}
-
-	var version$1 = "3.5.2";
-
-	var cov_1wu0dhrxa3 = function () {
-	  var path = '/Users/poneill/dev/videojs-playlist-ui/src/plugin.js',
-	      hash = 'c07281726c622ffa84bc573d895975667d7055a8',
-	      Function = function () {}.constructor,
-	      global = new Function('return this')(),
-	      gcv = '__coverage__',
-	      coverageData = {
-	    path: '/Users/poneill/dev/videojs-playlist-ui/src/plugin.js',
-	    statementMap: {
-	      '0': {
-	        start: {
-	          line: 5,
-	          column: 12
-	        },
-	        end: {
-	          line: 5,
-	          column: 34
-	        }
-	      },
-	      '1': {
-	        start: {
-	          line: 6,
-	          column: 23
-	        },
-	        end: {
-	          line: 6,
-	          column: 63
-	        }
-	      },
-	      '2': {
-	        start: {
-	          line: 9,
-	          column: 16
-	        },
-	        end: {
-	          line: 16,
-	          column: 1
-	        }
-	      },
-	      '3': {
-	        start: {
-	          line: 10,
-	          column: 2
-	        },
-	        end: {
-	          line: 14,
-	          column: 3
-	        }
-	      },
-	      '4': {
-	        start: {
-	          line: 11,
-	          column: 4
-	        },
-	        end: {
-	          line: 13,
-	          column: 5
-	        }
-	      },
-	      '5': {
-	        start: {
-	          line: 12,
-	          column: 6
-	        },
-	        end: {
-	          line: 12,
-	          column: 15
-	        }
-	      },
-	      '6': {
-	        start: {
-	          line: 15,
-	          column: 2
-	        },
-	        end: {
-	          line: 15,
-	          column: 12
-	        }
-	      },
-	      '7': {
-	        start: {
-	          line: 19,
-	          column: 33
-	        },
-	        end: {
-	          line: 24,
-	          column: 4
-	        }
-	      },
-	      '8': {
-	        start: {
-	          line: 20,
-	          column: 18
-	        },
-	        end: {
-	          line: 20,
-	          column: 45
-	        }
-	      },
-	      '9': {
-	        start: {
-	          line: 22,
-	          column: 2
-	        },
-	        end: {
-	          line: 22,
-	          column: 48
-	        }
-	      },
-	      '10': {
-	        start: {
-	          line: 23,
-	          column: 2
-	        },
-	        end: {
-	          line: 23,
-	          column: 48
-	        }
-	      },
-	      '11': {
-	        start: {
-	          line: 26,
-	          column: 17
-	        },
-	        end: {
-	          line: 30,
-	          column: 1
-	        }
-	      },
-	      '12': {
-	        start: {
-	          line: 35,
-	          column: 25
-	        },
-	        end: {
-	          line: 37,
-	          column: 1
-	        }
-	      },
-	      '13': {
-	        start: {
-	          line: 36,
-	          column: 2
-	        },
-	        end: {
-	          line: 36,
-	          column: 30
-	        }
-	      },
-	      '14': {
-	        start: {
-	          line: 38,
-	          column: 28
-	        },
-	        end: {
-	          line: 44,
-	          column: 1
-	        }
-	      },
-	      '15': {
-	        start: {
-	          line: 39,
-	          column: 2
-	        },
-	        end: {
-	          line: 39,
-	          column: 33
-	        }
-	      },
-	      '16': {
-	        start: {
-	          line: 41,
-	          column: 2
-	        },
-	        end: {
-	          line: 43,
-	          column: 3
-	        }
-	      },
-	      '17': {
-	        start: {
-	          line: 42,
-	          column: 4
-	        },
-	        end: {
-	          line: 42,
-	          column: 62
-	        }
-	      },
-	      '18': {
-	        start: {
-	          line: 46,
-	          column: 15
-	        },
-	        end: {
-	          line: 48,
-	          column: 1
-	        }
-	      },
-	      '19': {
-	        start: {
-	          line: 47,
-	          column: 2
-	        },
-	        end: {
-	          line: 47,
-	          column: 29
-	        }
-	      },
-	      '20': {
-	        start: {
-	          line: 49,
-	          column: 18
-	        },
-	        end: {
-	          line: 51,
-	          column: 1
-	        }
-	      },
-	      '21': {
-	        start: {
-	          line: 50,
-	          column: 2
-	        },
-	        end: {
-	          line: 50,
-	          column: 32
-	        }
-	      },
-	      '22': {
-	        start: {
-	          line: 53,
-	          column: 24
-	        },
-	        end: {
-	          line: 99,
-	          column: 1
-	        }
-	      },
-	      '23': {
-	        start: {
-	          line: 54,
-	          column: 2
-	        },
-	        end: {
-	          line: 59,
-	          column: 3
-	        }
-	      },
-	      '24': {
-	        start: {
-	          line: 55,
-	          column: 24
-	        },
-	        end: {
-	          line: 55,
-	          column: 53
-	        }
-	      },
-	      '25': {
-	        start: {
-	          line: 57,
-	          column: 4
-	        },
-	        end: {
-	          line: 57,
-	          column: 88
-	        }
-	      },
-	      '26': {
-	        start: {
-	          line: 58,
-	          column: 4
-	        },
-	        end: {
-	          line: 58,
-	          column: 23
-	        }
-	      },
-	      '27': {
-	        start: {
-	          line: 61,
-	          column: 18
-	        },
-	        end: {
-	          line: 61,
-	          column: 51
-	        }
-	      },
-	      '28': {
-	        start: {
-	          line: 63,
-	          column: 2
-	        },
-	        end: {
-	          line: 63,
-	          column: 47
-	        }
-	      },
-	      '29': {
-	        start: {
-	          line: 65,
-	          column: 2
-	        },
-	        end: {
-	          line: 97,
-	          column: 3
-	        }
-	      },
-	      '30': {
-	        start: {
-	          line: 67,
-	          column: 16
-	        },
-	        end: {
-	          line: 67,
-	          column: 45
-	        }
-	      },
-	      '31': {
-	        start: {
-	          line: 69,
-	          column: 4
-	        },
-	        end: {
-	          line: 69,
-	          column: 24
-	        }
-	      },
-	      '32': {
-	        start: {
-	          line: 70,
-	          column: 4
-	        },
-	        end: {
-	          line: 70,
-	          column: 17
-	        }
-	      },
-	      '33': {
-	        start: {
-	          line: 71,
-	          column: 4
-	        },
-	        end: {
-	          line: 71,
-	          column: 29
-	        }
-	      },
-	      '34': {
-	        start: {
-	          line: 77,
-	          column: 4
-	        },
-	        end: {
-	          line: 86,
-	          column: 5
-	        }
-	      },
-	      '35': {
-	        start: {
-	          line: 78,
-	          column: 22
-	        },
-	        end: {
-	          line: 78,
-	          column: 34
-	        }
-	      },
-	      '36': {
-	        start: {
-	          line: 79,
-	          column: 21
-	        },
-	        end: {
-	          line: 79,
-	          column: 53
-	        }
-	      },
-	      '37': {
-	        start: {
-	          line: 82,
-	          column: 6
-	        },
-	        end: {
-	          line: 84,
-	          column: 7
-	        }
-	      },
-	      '38': {
-	        start: {
-	          line: 83,
-	          column: 8
-	        },
-	        end: {
-	          line: 83,
-	          column: 37
-	        }
-	      },
-	      '39': {
-	        start: {
-	          line: 85,
-	          column: 6
-	        },
-	        end: {
-	          line: 85,
-	          column: 34
-	        }
-	      },
-	      '40': {
-	        start: {
-	          line: 89,
-	          column: 20
-	        },
-	        end: {
-	          line: 89,
-	          column: 51
-	        }
-	      },
-	      '41': {
-	        start: {
-	          line: 90,
-	          column: 16
-	        },
-	        end: {
-	          line: 90,
-	          column: 45
-	        }
-	      },
-	      '42': {
-	        start: {
-	          line: 92,
-	          column: 4
-	        },
-	        end: {
-	          line: 92,
-	          column: 17
-	        }
-	      },
-	      '43': {
-	        start: {
-	          line: 93,
-	          column: 4
-	        },
-	        end: {
-	          line: 95,
-	          column: 5
-	        }
-	      },
-	      '44': {
-	        start: {
-	          line: 94,
-	          column: 6
-	        },
-	        end: {
-	          line: 94,
-	          column: 32
-	        }
-	      },
-	      '45': {
-	        start: {
-	          line: 96,
-	          column: 4
-	        },
-	        end: {
-	          line: 96,
-	          column: 29
-	        }
-	      },
-	      '46': {
-	        start: {
-	          line: 98,
-	          column: 2
-	        },
-	        end: {
-	          line: 98,
-	          column: 17
-	        }
-	      },
-	      '47': {
-	        start: {
-	          line: 101,
-	          column: 18
-	        },
-	        end: {
-	          line: 101,
-	          column: 51
-	        }
-	      },
-	      '48': {
-	        start: {
-	          line: 106,
-	          column: 4
-	        },
-	        end: {
-	          line: 108,
-	          column: 5
-	        }
-	      },
-	      '49': {
-	        start: {
-	          line: 107,
-	          column: 6
-	        },
-	        end: {
-	          line: 107,
-	          column: 84
-	        }
-	      },
-	      '50': {
-	        start: {
-	          line: 110,
-	          column: 4
-	        },
-	        end: {
-	          line: 110,
-	          column: 32
-	        }
-	      },
-	      '51': {
-	        start: {
-	          line: 111,
-	          column: 4
-	        },
-	        end: {
-	          line: 111,
-	          column: 34
-	        }
-	      },
-	      '52': {
-	        start: {
-	          line: 113,
-	          column: 4
-	        },
-	        end: {
-	          line: 113,
-	          column: 46
-	        }
-	      },
-	      '53': {
-	        start: {
-	          line: 115,
-	          column: 4
-	        },
-	        end: {
-	          line: 115,
-	          column: 25
-	        }
-	      },
-	      '54': {
-	        start: {
-	          line: 117,
-	          column: 4
-	        },
-	        end: {
-	          line: 117,
-	          column: 56
-	        }
-	      },
-	      '55': {
-	        start: {
-	          line: 118,
-	          column: 4
-	        },
-	        end: {
-	          line: 118,
-	          column: 44
-	        }
-	      },
-	      '56': {
-	        start: {
-	          line: 125,
-	          column: 4
-	        },
-	        end: {
-	          line: 127,
-	          column: 5
-	        }
-	      },
-	      '57': {
-	        start: {
-	          line: 126,
-	          column: 6
-	        },
-	        end: {
-	          line: 126,
-	          column: 33
-	        }
-	      },
-	      '58': {
-	        start: {
-	          line: 131,
-	          column: 4
-	        },
-	        end: {
-	          line: 131,
-	          column: 83
-	        }
-	      },
-	      '59': {
-	        start: {
-	          line: 132,
-	          column: 4
-	        },
-	        end: {
-	          line: 134,
-	          column: 5
-	        }
-	      },
-	      '60': {
-	        start: {
-	          line: 133,
-	          column: 6
-	        },
-	        end: {
-	          line: 133,
-	          column: 26
-	        }
-	      },
-	      '61': {
-	        start: {
-	          line: 138,
-	          column: 15
-	        },
-	        end: {
-	          line: 138,
-	          column: 43
-	        }
-	      },
-	      '62': {
-	        start: {
-	          line: 139,
-	          column: 17
-	        },
-	        end: {
-	          line: 139,
-	          column: 35
-	        }
-	      },
-	      '63': {
-	        start: {
-	          line: 141,
-	          column: 4
-	        },
-	        end: {
-	          line: 149,
-	          column: 5
-	        }
-	      },
-	      '64': {
-	        start: {
-	          line: 142,
-	          column: 23
-	        },
-	        end: {
-	          line: 142,
-	          column: 45
-	        }
-	      },
-	      '65': {
-	        start: {
-	          line: 144,
-	          column: 6
-	        },
-	        end: {
-	          line: 148,
-	          column: 9
-	        }
-	      },
-	      '66': {
-	        start: {
-	          line: 145,
-	          column: 22
-	        },
-	        end: {
-	          line: 145,
-	          column: 36
-	        }
-	      },
-	      '67': {
-	        start: {
-	          line: 147,
-	          column: 8
-	        },
-	        end: {
-	          line: 147,
-	          column: 32
-	        }
-	      },
-	      '68': {
-	        start: {
-	          line: 151,
-	          column: 4
-	        },
-	        end: {
-	          line: 151,
-	          column: 39
-	        }
-	      },
-	      '69': {
-	        start: {
-	          line: 152,
-	          column: 4
-	        },
-	        end: {
-	          line: 152,
-	          column: 35
-	        }
-	      },
-	      '70': {
-	        start: {
-	          line: 155,
-	          column: 4
-	        },
-	        end: {
-	          line: 155,
-	          column: 53
-	        }
-	      },
-	      '71': {
-	        start: {
-	          line: 156,
-	          column: 4
-	        },
-	        end: {
-	          line: 156,
-	          column: 35
-	        }
-	      },
-	      '72': {
-	        start: {
-	          line: 159,
-	          column: 4
-	        },
-	        end: {
-	          line: 167,
-	          column: 5
-	        }
-	      },
-	      '73': {
-	        start: {
-	          line: 160,
-	          column: 23
-	        },
-	        end: {
-	          line: 160,
-	          column: 53
-	        }
-	      },
-	      '74': {
-	        start: {
-	          line: 161,
-	          column: 19
-	        },
-	        end: {
-	          line: 161,
-	          column: 52
-	        }
-	      },
-	      '75': {
-	        start: {
-	          line: 163,
-	          column: 6
-	        },
-	        end: {
-	          line: 163,
-	          column: 51
-	        }
-	      },
-	      '76': {
-	        start: {
-	          line: 164,
-	          column: 6
-	        },
-	        end: {
-	          line: 164,
-	          column: 72
-	        }
-	      },
-	      '77': {
-	        start: {
-	          line: 165,
-	          column: 6
-	        },
-	        end: {
-	          line: 165,
-	          column: 58
-	        }
-	      },
-	      '78': {
-	        start: {
-	          line: 166,
-	          column: 6
-	        },
-	        end: {
-	          line: 166,
-	          column: 31
-	        }
-	      },
-	      '79': {
-	        start: {
-	          line: 170,
-	          column: 25
-	        },
-	        end: {
-	          line: 170,
-	          column: 55
-	        }
-	      },
-	      '80': {
-	        start: {
-	          line: 171,
-	          column: 27
-	        },
-	        end: {
-	          line: 171,
-	          column: 55
-	        }
-	      },
-	      '81': {
-	        start: {
-	          line: 173,
-	          column: 4
-	        },
-	        end: {
-	          line: 173,
-	          column: 61
-	        }
-	      },
-	      '82': {
-	        start: {
-	          line: 174,
-	          column: 4
-	        },
-	        end: {
-	          line: 174,
-	          column: 70
-	        }
-	      },
-	      '83': {
-	        start: {
-	          line: 175,
-	          column: 4
-	        },
-	        end: {
-	          line: 175,
-	          column: 55
-	        }
-	      },
-	      '84': {
-	        start: {
-	          line: 176,
-	          column: 4
-	        },
-	        end: {
-	          line: 176,
-	          column: 45
-	        }
-	      },
-	      '85': {
-	        start: {
-	          line: 179,
-	          column: 29
-	        },
-	        end: {
-	          line: 179,
-	          column: 58
-	        }
-	      },
-	      '86': {
-	        start: {
-	          line: 181,
-	          column: 4
-	        },
-	        end: {
-	          line: 181,
-	          column: 64
-	        }
-	      },
-	      '87': {
-	        start: {
-	          line: 182,
-	          column: 4
-	        },
-	        end: {
-	          line: 182,
-	          column: 49
-	        }
-	      },
-	      '88': {
-	        start: {
-	          line: 185,
-	          column: 21
-	        },
-	        end: {
-	          line: 185,
-	          column: 51
-	        }
-	      },
-	      '89': {
-	        start: {
-	          line: 186,
-	          column: 23
-	        },
-	        end: {
-	          line: 186,
-	          column: 47
-	        }
-	      },
-	      '90': {
-	        start: {
-	          line: 188,
-	          column: 4
-	        },
-	        end: {
-	          line: 188,
-	          column: 44
-	        }
-	      },
-	      '91': {
-	        start: {
-	          line: 189,
-	          column: 4
-	        },
-	        end: {
-	          line: 189,
-	          column: 62
-	        }
-	      },
-	      '92': {
-	        start: {
-	          line: 190,
-	          column: 4
-	        },
-	        end: {
-	          line: 190,
-	          column: 47
-	        }
-	      },
-	      '93': {
-	        start: {
-	          line: 191,
-	          column: 4
-	        },
-	        end: {
-	          line: 191,
-	          column: 43
-	        }
-	      },
-	      '94': {
-	        start: {
-	          line: 194,
-	          column: 20
-	        },
-	        end: {
-	          line: 194,
-	          column: 50
-	        }
-	      },
-	      '95': {
-	        start: {
-	          line: 195,
-	          column: 22
-	        },
-	        end: {
-	          line: 195,
-	          column: 66
-	        }
-	      },
-	      '96': {
-	        start: {
-	          line: 197,
-	          column: 4
-	        },
-	        end: {
-	          line: 197,
-	          column: 44
-	        }
-	      },
-	      '97': {
-	        start: {
-	          line: 198,
-	          column: 4
-	        },
-	        end: {
-	          line: 198,
-	          column: 60
-	        }
-	      },
-	      '98': {
-	        start: {
-	          line: 199,
-	          column: 4
-	        },
-	        end: {
-	          line: 199,
-	          column: 45
-	        }
-	      },
-	      '99': {
-	        start: {
-	          line: 200,
-	          column: 4
-	        },
-	        end: {
-	          line: 200,
-	          column: 42
-	        }
-	      },
-	      '100': {
-	        start: {
-	          line: 202,
-	          column: 4
-	        },
-	        end: {
-	          line: 202,
-	          column: 14
-	        }
-	      },
-	      '101': {
-	        start: {
-	          line: 209,
-	          column: 4
-	        },
-	        end: {
-	          line: 211,
-	          column: 5
-	        }
-	      },
-	      '102': {
-	        start: {
-	          line: 210,
-	          column: 6
-	        },
-	        end: {
-	          line: 210,
-	          column: 81
-	        }
-	      },
-	      '103': {
-	        start: {
-	          line: 213,
-	          column: 4
-	        },
-	        end: {
-	          line: 213,
-	          column: 27
-	        }
-	      },
-	      '104': {
-	        start: {
-	          line: 214,
-	          column: 4
-	        },
-	        end: {
-	          line: 214,
-	          column: 20
-	        }
-	      },
-	      '105': {
-	        start: {
-	          line: 216,
-	          column: 4
-	        },
-	        end: {
-	          line: 220,
-	          column: 5
-	        }
-	      },
-	      '106': {
-	        start: {
-	          line: 217,
-	          column: 6
-	        },
-	        end: {
-	          line: 217,
-	          column: 47
-	        }
-	      },
-	      '107': {
-	        start: {
-	          line: 219,
-	          column: 6
-	        },
-	        end: {
-	          line: 219,
-	          column: 45
-	        }
-	      },
-	      '108': {
-	        start: {
-	          line: 225,
-	          column: 4
-	        },
-	        end: {
-	          line: 227,
-	          column: 5
-	        }
-	      },
-	      '109': {
-	        start: {
-	          line: 226,
-	          column: 6
-	        },
-	        end: {
-	          line: 226,
-	          column: 44
-	        }
-	      },
-	      '110': {
-	        start: {
-	          line: 229,
-	          column: 4
-	        },
-	        end: {
-	          line: 229,
-	          column: 27
-	        }
-	      },
-	      '111': {
-	        start: {
-	          line: 231,
-	          column: 4
-	        },
-	        end: {
-	          line: 233,
-	          column: 5
-	        }
-	      },
-	      '112': {
-	        start: {
-	          line: 232,
-	          column: 6
-	        },
-	        end: {
-	          line: 232,
-	          column: 33
-	        }
-	      },
-	      '113': {
-	        start: {
-	          line: 235,
-	          column: 4
-	        },
-	        end: {
-	          line: 237,
-	          column: 7
-	        }
-	      },
-	      '114': {
-	        start: {
-	          line: 236,
-	          column: 6
-	        },
-	        end: {
-	          line: 236,
-	          column: 20
-	        }
-	      },
-	      '115': {
-	        start: {
-	          line: 241,
-	          column: 4
-	        },
-	        end: {
-	          line: 243,
-	          column: 7
-	        }
-	      },
-	      '116': {
-	        start: {
-	          line: 242,
-	          column: 6
-	        },
-	        end: {
-	          line: 242,
-	          column: 38
-	        }
-	      },
-	      '117': {
-	        start: {
-	          line: 245,
-	          column: 4
-	        },
-	        end: {
-	          line: 247,
-	          column: 7
-	        }
-	      },
-	      '118': {
-	        start: {
-	          line: 246,
-	          column: 6
-	        },
-	        end: {
-	          line: 246,
-	          column: 41
-	        }
-	      },
-	      '119': {
-	        start: {
-	          line: 249,
-	          column: 4
-	        },
-	        end: {
-	          line: 252,
-	          column: 7
-	        }
-	      },
-	      '120': {
-	        start: {
-	          line: 250,
-	          column: 6
-	        },
-	        end: {
-	          line: 250,
-	          column: 20
-	        }
-	      },
-	      '121': {
-	        start: {
-	          line: 251,
-	          column: 6
-	        },
-	        end: {
-	          line: 251,
-	          column: 33
-	        }
-	      },
-	      '122': {
-	        start: {
-	          line: 254,
-	          column: 4
-	        },
-	        end: {
-	          line: 256,
-	          column: 7
-	        }
-	      },
-	      '123': {
-	        start: {
-	          line: 255,
-	          column: 6
-	        },
-	        end: {
-	          line: 255,
-	          column: 21
-	        }
-	      },
-	      '124': {
-	        start: {
-	          line: 260,
-	          column: 4
-	        },
-	        end: {
-	          line: 260,
-	          column: 69
-	        }
-	      },
-	      '125': {
-	        start: {
-	          line: 264,
-	          column: 4
-	        },
-	        end: {
-	          line: 267,
-	          column: 5
-	        }
-	      },
-	      '126': {
-	        start: {
-	          line: 265,
-	          column: 6
-	        },
-	        end: {
-	          line: 265,
-	          column: 43
-	        }
-	      },
-	      '127': {
-	        start: {
-	          line: 265,
-	          column: 30
-	        },
-	        end: {
-	          line: 265,
-	          column: 41
-	        }
-	      },
-	      '128': {
-	        start: {
-	          line: 266,
-	          column: 6
-	        },
-	        end: {
-	          line: 266,
-	          column: 28
-	        }
-	      },
-	      '129': {
-	        start: {
-	          line: 271,
-	          column: 21
-	        },
-	        end: {
-	          line: 271,
-	          column: 50
-	        }
-	      },
-	      '130': {
-	        start: {
-	          line: 272,
-	          column: 15
-	        },
-	        end: {
-	          line: 272,
-	          column: 64
-	        }
-	      },
-	      '131': {
-	        start: {
-	          line: 273,
-	          column: 18
-	        },
-	        end: {
-	          line: 273,
-	          column: 68
-	        }
-	      },
-	      '132': {
-	        start: {
-	          line: 275,
-	          column: 4
-	        },
-	        end: {
-	          line: 279,
-	          column: 5
-	        }
-	      },
-	      '133': {
-	        start: {
-	          line: 276,
-	          column: 6
-	        },
-	        end: {
-	          line: 276,
-	          column: 42
-	        }
-	      },
-	      '134': {
-	        start: {
-	          line: 277,
-	          column: 6
-	        },
-	        end: {
-	          line: 277,
-	          column: 48
-	        }
-	      },
-	      '135': {
-	        start: {
-	          line: 278,
-	          column: 6
-	        },
-	        end: {
-	          line: 278,
-	          column: 33
-	        }
-	      },
-	      '136': {
-	        start: {
-	          line: 281,
-	          column: 4
-	        },
-	        end: {
-	          line: 281,
-	          column: 18
-	        }
-	      },
-	      '137': {
-	        start: {
-	          line: 284,
-	          column: 4
-	        },
-	        end: {
-	          line: 291,
-	          column: 5
-	        }
-	      },
-	      '138': {
-	        start: {
-	          line: 285,
-	          column: 19
-	        },
-	        end: {
-	          line: 287,
-	          column: 23
-	        }
-	      },
-	      '139': {
-	        start: {
-	          line: 289,
-	          column: 6
-	        },
-	        end: {
-	          line: 289,
-	          column: 28
-	        }
-	      },
-	      '140': {
-	        start: {
-	          line: 290,
-	          column: 6
-	        },
-	        end: {
-	          line: 290,
-	          column: 33
-	        }
-	      },
-	      '141': {
-	        start: {
-	          line: 296,
-	          column: 4
-	        },
-	        end: {
-	          line: 303,
-	          column: 5
-	        }
-	      },
-	      '142': {
-	        start: {
-	          line: 297,
-	          column: 6
-	        },
-	        end: {
-	          line: 297,
-	          column: 45
-	        }
-	      },
-	      '143': {
-	        start: {
-	          line: 298,
-	          column: 6
-	        },
-	        end: {
-	          line: 298,
-	          column: 52
-	        }
-	      },
-	      '144': {
-	        start: {
-	          line: 299,
-	          column: 6
-	        },
-	        end: {
-	          line: 299,
-	          column: 32
-	        }
-	      },
-	      '145': {
-	        start: {
-	          line: 302,
-	          column: 6
-	        },
-	        end: {
-	          line: 302,
-	          column: 32
-	        }
-	      },
-	      '146': {
-	        start: {
-	          line: 306,
-	          column: 26
-	        },
-	        end: {
-	          line: 306,
-	          column: 61
-	        }
-	      },
-	      '147': {
-	        start: {
-	          line: 308,
-	          column: 4
-	        },
-	        end: {
-	          line: 316,
-	          column: 5
-	        }
-	      },
-	      '148': {
-	        start: {
-	          line: 309,
-	          column: 6
-	        },
-	        end: {
-	          line: 309,
-	          column: 50
-	        }
-	      },
-	      '149': {
-	        start: {
-	          line: 311,
-	          column: 24
-	        },
-	        end: {
-	          line: 311,
-	          column: 78
-	        }
-	      },
-	      '150': {
-	        start: {
-	          line: 313,
-	          column: 6
-	        },
-	        end: {
-	          line: 315,
-	          column: 7
-	        }
-	      },
-	      '151': {
-	        start: {
-	          line: 314,
-	          column: 8
-	        },
-	        end: {
-	          line: 314,
-	          column: 60
-	        }
-	      },
-	      '152': {
-	        start: {
-	          line: 321,
-	          column: 21
-	        },
-	        end: {
-	          line: 321,
-	          column: 44
-	        }
-	      },
-	      '153': {
-	        start: {
-	          line: 323,
-	          column: 4
-	        },
-	        end: {
-	          line: 328,
-	          column: 5
-	        }
-	      },
-	      '154': {
-	        start: {
-	          line: 326,
-	          column: 6
-	        },
-	        end: {
-	          line: 326,
-	          column: 29
-	        }
-	      },
-	      '155': {
-	        start: {
-	          line: 327,
-	          column: 6
-	        },
-	        end: {
-	          line: 327,
-	          column: 13
-	        }
-	      },
-	      '156': {
-	        start: {
-	          line: 330,
-	          column: 4
-	        },
-	        end: {
-	          line: 337,
-	          column: 5
-	        }
-	      },
-	      '157': {
-	        start: {
-	          line: 331,
-	          column: 6
-	        },
-	        end: {
-	          line: 336,
-	          column: 7
-	        }
-	      },
-	      '158': {
-	        start: {
-	          line: 334,
-	          column: 8
-	        },
-	        end: {
-	          line: 334,
-	          column: 31
-	        }
-	      },
-	      '159': {
-	        start: {
-	          line: 335,
-	          column: 8
-	        },
-	        end: {
-	          line: 335,
-	          column: 15
-	        }
-	      },
-	      '160': {
-	        start: {
-	          line: 340,
-	          column: 24
-	        },
-	        end: {
-	          line: 340,
-	          column: 59
-	        }
-	      },
-	      '161': {
-	        start: {
-	          line: 342,
-	          column: 4
-	        },
-	        end: {
-	          line: 358,
-	          column: 5
-	        }
-	      },
-	      '162': {
-	        start: {
-	          line: 343,
-	          column: 19
-	        },
-	        end: {
-	          line: 343,
-	          column: 32
-	        }
-	      },
-	      '163': {
-	        start: {
-	          line: 345,
-	          column: 6
-	        },
-	        end: {
-	          line: 357,
-	          column: 7
-	        }
-	      },
-	      '164': {
-	        start: {
-	          line: 346,
-	          column: 8
-	        },
-	        end: {
-	          line: 346,
-	          column: 31
-	        }
-	      },
-	      '165': {
-	        start: {
-	          line: 347,
-	          column: 8
-	        },
-	        end: {
-	          line: 349,
-	          column: 9
-	        }
-	      },
-	      '166': {
-	        start: {
-	          line: 348,
-	          column: 10
-	        },
-	        end: {
-	          line: 348,
-	          column: 67
-	        }
-	      },
-	      '167': {
-	        start: {
-	          line: 350,
-	          column: 8
-	        },
-	        end: {
-	          line: 350,
-	          column: 24
-	        }
-	      },
-	      '168': {
-	        start: {
-	          line: 351,
-	          column: 13
-	        },
-	        end: {
-	          line: 357,
-	          column: 7
-	        }
-	      },
-	      '169': {
-	        start: {
-	          line: 352,
-	          column: 8
-	        },
-	        end: {
-	          line: 352,
-	          column: 34
-	        }
-	      },
-	      '170': {
-	        start: {
-	          line: 353,
-	          column: 8
-	        },
-	        end: {
-	          line: 353,
-	          column: 21
-	        }
-	      },
-	      '171': {
-	        start: {
-	          line: 355,
-	          column: 8
-	        },
-	        end: {
-	          line: 355,
-	          column: 34
-	        }
-	      },
-	      '172': {
-	        start: {
-	          line: 356,
-	          column: 8
-	        },
-	        end: {
-	          line: 356,
-	          column: 24
-	        }
-	      },
-	      '173': {
-	        start: {
-	          line: 373,
-	          column: 20
-	        },
-	        end: {
-	          line: 380,
-	          column: 1
-	        }
-	      },
-	      '174': {
-	        start: {
-	          line: 374,
-	          column: 2
-	        },
-	        end: {
-	          line: 378,
-	          column: 3
-	        }
-	      },
-	      '175': {
-	        start: {
-	          line: 375,
-	          column: 4
-	        },
-	        end: {
-	          line: 377,
-	          column: 5
-	        }
-	      },
-	      '176': {
-	        start: {
-	          line: 376,
-	          column: 6
-	        },
-	        end: {
-	          line: 376,
-	          column: 18
-	        }
-	      },
-	      '177': {
-	        start: {
-	          line: 379,
-	          column: 2
-	        },
-	        end: {
-	          line: 379,
-	          column: 15
-	        }
-	      },
-	      '178': {
-	        start: {
-	          line: 391,
-	          column: 17
-	        },
-	        end: {
-	          line: 403,
-	          column: 1
-	        }
-	      },
-	      '179': {
-	        start: {
-	          line: 392,
-	          column: 14
-	        },
-	        end: {
-	          line: 392,
-	          column: 56
-	        }
-	      },
-	      '180': {
-	        start: {
-	          line: 395,
-	          column: 2
-	        },
-	        end: {
-	          line: 400,
-	          column: 3
-	        }
-	      },
-	      '181': {
-	        start: {
-	          line: 396,
-	          column: 4
-	        },
-	        end: {
-	          line: 399,
-	          column: 5
-	        }
-	      },
-	      '182': {
-	        start: {
-	          line: 397,
-	          column: 6
-	        },
-	        end: {
-	          line: 397,
-	          column: 18
-	        }
-	      },
-	      '183': {
-	        start: {
-	          line: 398,
-	          column: 6
-	        },
-	        end: {
-	          line: 398,
-	          column: 12
-	        }
-	      },
-	      '184': {
-	        start: {
-	          line: 402,
-	          column: 2
-	        },
-	        end: {
-	          line: 402,
-	          column: 12
-	        }
-	      },
-	      '185': {
-	        start: {
-	          line: 421,
-	          column: 19
-	        },
-	        end: {
-	          line: 468,
-	          column: 1
-	        }
-	      },
-	      '186': {
-	        start: {
-	          line: 422,
-	          column: 17
-	        },
-	        end: {
-	          line: 422,
-	          column: 21
-	        }
-	      },
-	      '187': {
-	        start: {
-	          line: 424,
-	          column: 2
-	        },
-	        end: {
-	          line: 426,
-	          column: 3
-	        }
-	      },
-	      '188': {
-	        start: {
-	          line: 425,
-	          column: 4
-	        },
-	        end: {
-	          line: 425,
-	          column: 93
-	        }
-	      },
-	      '189': {
-	        start: {
-	          line: 428,
-	          column: 2
-	        },
-	        end: {
-	          line: 431,
-	          column: 3
-	        }
-	      },
-	      '190': {
-	        start: {
-	          line: 429,
-	          column: 4
-	        },
-	        end: {
-	          line: 429,
-	          column: 133
-	        }
-	      },
-	      '191': {
-	        start: {
-	          line: 430,
-	          column: 4
-	        },
-	        end: {
-	          line: 430,
-	          column: 28
-	        }
-	      },
-	      '192': {
-	        start: {
-	          line: 433,
-	          column: 2
-	        },
-	        end: {
-	          line: 433,
-	          column: 52
-	        }
-	      },
-	      '193': {
-	        start: {
-	          line: 438,
-	          column: 2
-	        },
-	        end: {
-	          line: 461,
-	          column: 3
-	        }
-	      },
-	      '194': {
-	        start: {
-	          line: 439,
-	          column: 15
-	        },
-	        end: {
-	          line: 439,
-	          column: 39
-	        }
-	      },
-	      '195': {
-	        start: {
-	          line: 443,
-	          column: 4
-	        },
-	        end: {
-	          line: 460,
-	          column: 5
-	        }
-	      },
-	      '196': {
-	        start: {
-	          line: 444,
-	          column: 25
-	        },
-	        end: {
-	          line: 444,
-	          column: 38
-	        }
-	      },
-	      '197': {
-	        start: {
-	          line: 445,
-	          column: 26
-	        },
-	        end: {
-	          line: 445,
-	          column: 40
-	        }
-	      },
-	      '198': {
-	        start: {
-	          line: 449,
-	          column: 6
-	        },
-	        end: {
-	          line: 449,
-	          column: 36
-	        }
-	      },
-	      '199': {
-	        start: {
-	          line: 450,
-	          column: 6
-	        },
-	        end: {
-	          line: 450,
-	          column: 22
-	        }
-	      },
-	      '200': {
-	        start: {
-	          line: 453,
-	          column: 6
-	        },
-	        end: {
-	          line: 457,
-	          column: 7
-	        }
-	      },
-	      '201': {
-	        start: {
-	          line: 454,
-	          column: 8
-	        },
-	        end: {
-	          line: 454,
-	          column: 49
-	        }
-	      },
-	      '202': {
-	        start: {
-	          line: 456,
-	          column: 8
-	        },
-	        end: {
-	          line: 456,
-	          column: 35
-	        }
-	      },
-	      '203': {
-	        start: {
-	          line: 459,
-	          column: 6
-	        },
-	        end: {
-	          line: 459,
-	          column: 22
-	        }
-	      },
-	      '204': {
-	        start: {
-	          line: 463,
-	          column: 2
-	        },
-	        end: {
-	          line: 465,
-	          column: 3
-	        }
-	      },
-	      '205': {
-	        start: {
-	          line: 464,
-	          column: 4
-	        },
-	        end: {
-	          line: 464,
-	          column: 45
-	        }
-	      },
-	      '206': {
-	        start: {
-	          line: 467,
-	          column: 2
-	        },
-	        end: {
-	          line: 467,
-	          column: 58
-	        }
-	      },
-	      '207': {
-	        start: {
-	          line: 471,
-	          column: 0
-	        },
-	        end: {
-	          line: 471,
-	          column: 56
-	        }
-	      },
-	      '208': {
-	        start: {
-	          line: 472,
-	          column: 0
-	        },
-	        end: {
-	          line: 472,
-	          column: 64
-	        }
-	      },
-	      '209': {
-	        start: {
-	          line: 475,
-	          column: 0
-	        },
-	        end: {
-	          line: 475,
-	          column: 41
-	        }
-	      },
-	      '210': {
-	        start: {
-	          line: 477,
-	          column: 0
-	        },
-	        end: {
-	          line: 477,
-	          column: 29
-	        }
-	      }
-	    },
-	    fnMap: {
-	      '0': {
-	        name: '(anonymous_0)',
-	        decl: {
-	          start: {
-	            line: 9,
-	            column: 16
-	          },
-	          end: {
-	            line: 9,
-	            column: 17
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 9,
-	            column: 40
-	          },
-	          end: {
-	            line: 16,
-	            column: 1
-	          }
-	        },
-	        line: 9
-	      },
-	      '1': {
-	        name: '(anonymous_1)',
-	        decl: {
-	          start: {
-	            line: 19,
-	            column: 34
-	          },
-	          end: {
-	            line: 19,
-	            column: 35
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 19,
-	            column: 40
-	          },
-	          end: {
-	            line: 24,
-	            column: 1
-	          }
-	        },
-	        line: 19
-	      },
-	      '2': {
-	        name: '(anonymous_2)',
-	        decl: {
-	          start: {
-	            line: 35,
-	            column: 25
-	          },
-	          end: {
-	            line: 35,
-	            column: 26
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 35,
-	            column: 38
-	          },
-	          end: {
-	            line: 37,
-	            column: 1
-	          }
-	        },
-	        line: 35
-	      },
-	      '3': {
-	        name: '(anonymous_3)',
-	        decl: {
-	          start: {
-	            line: 38,
-	            column: 28
-	          },
-	          end: {
-	            line: 38,
-	            column: 29
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 38,
-	            column: 41
-	          },
-	          end: {
-	            line: 44,
-	            column: 1
-	          }
-	        },
-	        line: 38
-	      },
-	      '4': {
-	        name: '(anonymous_4)',
-	        decl: {
-	          start: {
-	            line: 46,
-	            column: 15
-	          },
-	          end: {
-	            line: 46,
-	            column: 16
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 46,
-	            column: 28
-	          },
-	          end: {
-	            line: 48,
-	            column: 1
-	          }
-	        },
-	        line: 46
-	      },
-	      '5': {
-	        name: '(anonymous_5)',
-	        decl: {
-	          start: {
-	            line: 49,
-	            column: 18
-	          },
-	          end: {
-	            line: 49,
-	            column: 19
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 49,
-	            column: 31
-	          },
-	          end: {
-	            line: 51,
-	            column: 1
-	          }
-	        },
-	        line: 49
-	      },
-	      '6': {
-	        name: '(anonymous_6)',
-	        decl: {
-	          start: {
-	            line: 53,
-	            column: 24
-	          },
-	          end: {
-	            line: 53,
-	            column: 25
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 53,
-	            column: 44
-	          },
-	          end: {
-	            line: 99,
-	            column: 1
-	          }
-	        },
-	        line: 53
-	      },
-	      '7': {
-	        name: '(anonymous_7)',
-	        decl: {
-	          start: {
-	            line: 105,
-	            column: 2
-	          },
-	          end: {
-	            line: 105,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 105,
-	            column: 46
-	          },
-	          end: {
-	            line: 120,
-	            column: 3
-	          }
-	        },
-	        line: 105
-	      },
-	      '8': {
-	        name: '(anonymous_8)',
-	        decl: {
-	          start: {
-	            line: 122,
-	            column: 2
-	          },
-	          end: {
-	            line: 122,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 122,
-	            column: 24
-	          },
-	          end: {
-	            line: 128,
-	            column: 3
-	          }
-	        },
-	        line: 122
-	      },
-	      '9': {
-	        name: '(anonymous_9)',
-	        decl: {
-	          start: {
-	            line: 130,
-	            column: 2
-	          },
-	          end: {
-	            line: 130,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 130,
-	            column: 29
-	          },
-	          end: {
-	            line: 135,
-	            column: 3
-	          }
-	        },
-	        line: 130
-	      },
-	      '10': {
-	        name: '(anonymous_10)',
-	        decl: {
-	          start: {
-	            line: 137,
-	            column: 2
-	          },
-	          end: {
-	            line: 137,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 137,
-	            column: 13
-	          },
-	          end: {
-	            line: 203,
-	            column: 3
-	          }
-	        },
-	        line: 137
-	      },
-	      '11': {
-	        name: '(anonymous_11)',
-	        decl: {
-	          start: {
-	            line: 144,
-	            column: 23
-	          },
-	          end: {
-	            line: 144,
-	            column: 24
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 144,
-	            column: 30
-	          },
-	          end: {
-	            line: 148,
-	            column: 7
-	          }
-	        },
-	        line: 144
-	      },
-	      '12': {
-	        name: '(anonymous_12)',
-	        decl: {
-	          start: {
-	            line: 208,
-	            column: 2
-	          },
-	          end: {
-	            line: 208,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 208,
-	            column: 31
-	          },
-	          end: {
-	            line: 257,
-	            column: 3
-	          }
-	        },
-	        line: 208
-	      },
-	      '13': {
-	        name: '(anonymous_13)',
-	        decl: {
-	          start: {
-	            line: 235,
-	            column: 71
-	          },
-	          end: {
-	            line: 235,
-	            column: 72
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 235,
-	            column: 82
-	          },
-	          end: {
-	            line: 237,
-	            column: 5
-	          }
-	        },
-	        line: 235
-	      },
-	      '14': {
-	        name: '(anonymous_14)',
-	        decl: {
-	          start: {
-	            line: 241,
-	            column: 31
-	          },
-	          end: {
-	            line: 241,
-	            column: 32
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 241,
-	            column: 37
-	          },
-	          end: {
-	            line: 243,
-	            column: 5
-	          }
-	        },
-	        line: 241
-	      },
-	      '15': {
-	        name: '(anonymous_15)',
-	        decl: {
-	          start: {
-	            line: 245,
-	            column: 29
-	          },
-	          end: {
-	            line: 245,
-	            column: 30
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 245,
-	            column: 35
-	          },
-	          end: {
-	            line: 247,
-	            column: 5
-	          }
-	        },
-	        line: 245
-	      },
-	      '16': {
-	        name: '(anonymous_16)',
-	        decl: {
-	          start: {
-	            line: 249,
-	            column: 23
-	          },
-	          end: {
-	            line: 249,
-	            column: 24
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 249,
-	            column: 29
-	          },
-	          end: {
-	            line: 252,
-	            column: 5
-	          }
-	        },
-	        line: 249
-	      },
-	      '17': {
-	        name: '(anonymous_17)',
-	        decl: {
-	          start: {
-	            line: 254,
-	            column: 31
-	          },
-	          end: {
-	            line: 254,
-	            column: 32
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 254,
-	            column: 37
-	          },
-	          end: {
-	            line: 256,
-	            column: 5
-	          }
-	        },
-	        line: 254
-	      },
-	      '18': {
-	        name: '(anonymous_18)',
-	        decl: {
-	          start: {
-	            line: 259,
-	            column: 2
-	          },
-	          end: {
-	            line: 259,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 259,
-	            column: 13
-	          },
-	          end: {
-	            line: 261,
-	            column: 3
-	          }
-	        },
-	        line: 259
-	      },
-	      '19': {
-	        name: '(anonymous_19)',
-	        decl: {
-	          start: {
-	            line: 263,
-	            column: 2
-	          },
-	          end: {
-	            line: 263,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 263,
-	            column: 11
-	          },
-	          end: {
-	            line: 268,
-	            column: 3
-	          }
-	        },
-	        line: 263
-	      },
-	      '20': {
-	        name: '(anonymous_20)',
-	        decl: {
-	          start: {
-	            line: 265,
-	            column: 25
-	          },
-	          end: {
-	            line: 265,
-	            column: 26
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 265,
-	            column: 30
-	          },
-	          end: {
-	            line: 265,
-	            column: 41
-	          }
-	        },
-	        line: 265
-	      },
-	      '21': {
-	        name: '(anonymous_21)',
-	        decl: {
-	          start: {
-	            line: 270,
-	            column: 2
-	          },
-	          end: {
-	            line: 270,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 270,
-	            column: 20
-	          },
-	          end: {
-	            line: 317,
-	            column: 3
-	          }
-	        },
-	        line: 270
-	      },
-	      '22': {
-	        name: '(anonymous_22)',
-	        decl: {
-	          start: {
-	            line: 319,
-	            column: 2
-	          },
-	          end: {
-	            line: 319,
-	            column: 3
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 319,
-	            column: 11
-	          },
-	          end: {
-	            line: 359,
-	            column: 3
-	          }
-	        },
-	        line: 319
-	      },
-	      '23': {
-	        name: '(anonymous_23)',
-	        decl: {
-	          start: {
-	            line: 373,
-	            column: 20
-	          },
-	          end: {
-	            line: 373,
-	            column: 21
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 373,
-	            column: 28
-	          },
-	          end: {
-	            line: 380,
-	            column: 1
-	          }
-	        },
-	        line: 373
-	      },
-	      '24': {
-	        name: '(anonymous_24)',
-	        decl: {
-	          start: {
-	            line: 391,
-	            column: 17
-	          },
-	          end: {
-	            line: 391,
-	            column: 18
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 391,
-	            column: 32
-	          },
-	          end: {
-	            line: 403,
-	            column: 1
-	          }
-	        },
-	        line: 391
-	      },
-	      '25': {
-	        name: '(anonymous_25)',
-	        decl: {
-	          start: {
-	            line: 421,
-	            column: 19
-	          },
-	          end: {
-	            line: 421,
-	            column: 20
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 421,
-	            column: 37
-	          },
-	          end: {
-	            line: 468,
-	            column: 1
-	          }
-	        },
-	        line: 421
-	      }
-	    },
-	    branchMap: {
-	      '0': {
-	        loc: {
-	          start: {
-	            line: 5,
-	            column: 12
-	          },
-	          end: {
-	            line: 5,
-	            column: 34
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 5,
-	            column: 12
-	          },
-	          end: {
-	            line: 5,
-	            column: 23
-	          }
-	        }, {
-	          start: {
-	            line: 5,
-	            column: 27
-	          },
-	          end: {
-	            line: 5,
-	            column: 34
-	          }
-	        }],
-	        line: 5
-	      },
-	      '1': {
-	        loc: {
-	          start: {
-	            line: 6,
-	            column: 23
-	          },
-	          end: {
-	            line: 6,
-	            column: 63
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 6,
-	            column: 23
-	          },
-	          end: {
-	            line: 6,
-	            column: 45
-	          }
-	        }, {
-	          start: {
-	            line: 6,
-	            column: 49
-	          },
-	          end: {
-	            line: 6,
-	            column: 63
-	          }
-	        }],
-	        line: 6
-	      },
-	      '2': {
-	        loc: {
-	          start: {
-	            line: 11,
-	            column: 4
-	          },
-	          end: {
-	            line: 13,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 11,
-	            column: 4
-	          },
-	          end: {
-	            line: 13,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 11,
-	            column: 4
-	          },
-	          end: {
-	            line: 13,
-	            column: 5
-	          }
-	        }],
-	        line: 11
-	      },
-	      '3': {
-	        loc: {
-	          start: {
-	            line: 41,
-	            column: 2
-	          },
-	          end: {
-	            line: 43,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 41,
-	            column: 2
-	          },
-	          end: {
-	            line: 43,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 41,
-	            column: 2
-	          },
-	          end: {
-	            line: 43,
-	            column: 3
-	          }
-	        }],
-	        line: 41
-	      },
-	      '4': {
-	        loc: {
-	          start: {
-	            line: 54,
-	            column: 2
-	          },
-	          end: {
-	            line: 59,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 54,
-	            column: 2
-	          },
-	          end: {
-	            line: 59,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 54,
-	            column: 2
-	          },
-	          end: {
-	            line: 59,
-	            column: 3
-	          }
-	        }],
-	        line: 54
-	      },
-	      '5': {
-	        loc: {
-	          start: {
-	            line: 65,
-	            column: 2
-	          },
-	          end: {
-	            line: 97,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 65,
-	            column: 2
-	          },
-	          end: {
-	            line: 97,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 65,
-	            column: 2
-	          },
-	          end: {
-	            line: 97,
-	            column: 3
-	          }
-	        }],
-	        line: 65
-	      },
-	      '6': {
-	        loc: {
-	          start: {
-	            line: 106,
-	            column: 4
-	          },
-	          end: {
-	            line: 108,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 106,
-	            column: 4
-	          },
-	          end: {
-	            line: 108,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 106,
-	            column: 4
-	          },
-	          end: {
-	            line: 108,
-	            column: 5
-	          }
-	        }],
-	        line: 106
-	      },
-	      '7': {
-	        loc: {
-	          start: {
-	            line: 125,
-	            column: 4
-	          },
-	          end: {
-	            line: 127,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 125,
-	            column: 4
-	          },
-	          end: {
-	            line: 127,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 125,
-	            column: 4
-	          },
-	          end: {
-	            line: 127,
-	            column: 5
-	          }
-	        }],
-	        line: 125
-	      },
-	      '8': {
-	        loc: {
-	          start: {
-	            line: 125,
-	            column: 8
-	          },
-	          end: {
-	            line: 125,
-	            column: 48
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 125,
-	            column: 8
-	          },
-	          end: {
-	            line: 125,
-	            column: 26
-	          }
-	        }, {
-	          start: {
-	            line: 125,
-	            column: 30
-	          },
-	          end: {
-	            line: 125,
-	            column: 48
-	          }
-	        }],
-	        line: 125
-	      },
-	      '9': {
-	        loc: {
-	          start: {
-	            line: 132,
-	            column: 4
-	          },
-	          end: {
-	            line: 134,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 132,
-	            column: 4
-	          },
-	          end: {
-	            line: 134,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 132,
-	            column: 4
-	          },
-	          end: {
-	            line: 134,
-	            column: 5
-	          }
-	        }],
-	        line: 132
-	      },
-	      '10': {
-	        loc: {
-	          start: {
-	            line: 141,
-	            column: 4
-	          },
-	          end: {
-	            line: 149,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 141,
-	            column: 4
-	          },
-	          end: {
-	            line: 149,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 141,
-	            column: 4
-	          },
-	          end: {
-	            line: 149,
-	            column: 5
-	          }
-	        }],
-	        line: 141
-	      },
-	      '11': {
-	        loc: {
-	          start: {
-	            line: 159,
-	            column: 4
-	          },
-	          end: {
-	            line: 167,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 159,
-	            column: 4
-	          },
-	          end: {
-	            line: 167,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 159,
-	            column: 4
-	          },
-	          end: {
-	            line: 167,
-	            column: 5
-	          }
-	        }],
-	        line: 159
-	      },
-	      '12': {
-	        loc: {
-	          start: {
-	            line: 195,
-	            column: 22
-	          },
-	          end: {
-	            line: 195,
-	            column: 66
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 195,
-	            column: 22
-	          },
-	          end: {
-	            line: 195,
-	            column: 31
-	          }
-	        }, {
-	          start: {
-	            line: 195,
-	            column: 35
-	          },
-	          end: {
-	            line: 195,
-	            column: 66
-	          }
-	        }],
-	        line: 195
-	      },
-	      '13': {
-	        loc: {
-	          start: {
-	            line: 209,
-	            column: 4
-	          },
-	          end: {
-	            line: 211,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 209,
-	            column: 4
-	          },
-	          end: {
-	            line: 211,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 209,
-	            column: 4
-	          },
-	          end: {
-	            line: 211,
-	            column: 5
-	          }
-	        }],
-	        line: 209
-	      },
-	      '14': {
-	        loc: {
-	          start: {
-	            line: 216,
-	            column: 4
-	          },
-	          end: {
-	            line: 220,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 216,
-	            column: 4
-	          },
-	          end: {
-	            line: 220,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 216,
-	            column: 4
-	          },
-	          end: {
-	            line: 220,
-	            column: 5
-	          }
-	        }],
-	        line: 216
-	      },
-	      '15': {
-	        loc: {
-	          start: {
-	            line: 225,
-	            column: 4
-	          },
-	          end: {
-	            line: 227,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 225,
-	            column: 4
-	          },
-	          end: {
-	            line: 227,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 225,
-	            column: 4
-	          },
-	          end: {
-	            line: 227,
-	            column: 5
-	          }
-	        }],
-	        line: 225
-	      },
-	      '16': {
-	        loc: {
-	          start: {
-	            line: 231,
-	            column: 4
-	          },
-	          end: {
-	            line: 233,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 231,
-	            column: 4
-	          },
-	          end: {
-	            line: 233,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 231,
-	            column: 4
-	          },
-	          end: {
-	            line: 233,
-	            column: 5
-	          }
-	        }],
-	        line: 231
-	      },
-	      '17': {
-	        loc: {
-	          start: {
-	            line: 264,
-	            column: 4
-	          },
-	          end: {
-	            line: 267,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 264,
-	            column: 4
-	          },
-	          end: {
-	            line: 267,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 264,
-	            column: 4
-	          },
-	          end: {
-	            line: 267,
-	            column: 5
-	          }
-	        }],
-	        line: 264
-	      },
-	      '18': {
-	        loc: {
-	          start: {
-	            line: 264,
-	            column: 8
-	          },
-	          end: {
-	            line: 264,
-	            column: 39
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 264,
-	            column: 8
-	          },
-	          end: {
-	            line: 264,
-	            column: 18
-	          }
-	        }, {
-	          start: {
-	            line: 264,
-	            column: 22
-	          },
-	          end: {
-	            line: 264,
-	            column: 39
-	          }
-	        }],
-	        line: 264
-	      },
-	      '19': {
-	        loc: {
-	          start: {
-	            line: 271,
-	            column: 21
-	          },
-	          end: {
-	            line: 271,
-	            column: 50
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 271,
-	            column: 21
-	          },
-	          end: {
-	            line: 271,
-	            column: 44
-	          }
-	        }, {
-	          start: {
-	            line: 271,
-	            column: 48
-	          },
-	          end: {
-	            line: 271,
-	            column: 50
-	          }
-	        }],
-	        line: 271
-	      },
-	      '20': {
-	        loc: {
-	          start: {
-	            line: 275,
-	            column: 4
-	          },
-	          end: {
-	            line: 279,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 275,
-	            column: 4
-	          },
-	          end: {
-	            line: 279,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 275,
-	            column: 4
-	          },
-	          end: {
-	            line: 279,
-	            column: 5
-	          }
-	        }],
-	        line: 275
-	      },
-	      '21': {
-	        loc: {
-	          start: {
-	            line: 296,
-	            column: 4
-	          },
-	          end: {
-	            line: 303,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 296,
-	            column: 4
-	          },
-	          end: {
-	            line: 303,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 296,
-	            column: 4
-	          },
-	          end: {
-	            line: 303,
-	            column: 5
-	          }
-	        }],
-	        line: 296
-	      },
-	      '22': {
-	        loc: {
-	          start: {
-	            line: 308,
-	            column: 4
-	          },
-	          end: {
-	            line: 316,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 308,
-	            column: 4
-	          },
-	          end: {
-	            line: 316,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 308,
-	            column: 4
-	          },
-	          end: {
-	            line: 316,
-	            column: 5
-	          }
-	        }],
-	        line: 308
-	      },
-	      '23': {
-	        loc: {
-	          start: {
-	            line: 308,
-	            column: 8
-	          },
-	          end: {
-	            line: 308,
-	            column: 47
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 308,
-	            column: 8
-	          },
-	          end: {
-	            line: 308,
-	            column: 25
-	          }
-	        }, {
-	          start: {
-	            line: 308,
-	            column: 29
-	          },
-	          end: {
-	            line: 308,
-	            column: 47
-	          }
-	        }],
-	        line: 308
-	      },
-	      '24': {
-	        loc: {
-	          start: {
-	            line: 313,
-	            column: 6
-	          },
-	          end: {
-	            line: 315,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 313,
-	            column: 6
-	          },
-	          end: {
-	            line: 315,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 313,
-	            column: 6
-	          },
-	          end: {
-	            line: 315,
-	            column: 7
-	          }
-	        }],
-	        line: 313
-	      },
-	      '25': {
-	        loc: {
-	          start: {
-	            line: 323,
-	            column: 4
-	          },
-	          end: {
-	            line: 328,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 323,
-	            column: 4
-	          },
-	          end: {
-	            line: 328,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 323,
-	            column: 4
-	          },
-	          end: {
-	            line: 328,
-	            column: 5
-	          }
-	        }],
-	        line: 323
-	      },
-	      '26': {
-	        loc: {
-	          start: {
-	            line: 331,
-	            column: 6
-	          },
-	          end: {
-	            line: 336,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 331,
-	            column: 6
-	          },
-	          end: {
-	            line: 336,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 331,
-	            column: 6
-	          },
-	          end: {
-	            line: 336,
-	            column: 7
-	          }
-	        }],
-	        line: 331
-	      },
-	      '27': {
-	        loc: {
-	          start: {
-	            line: 345,
-	            column: 6
-	          },
-	          end: {
-	            line: 357,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 345,
-	            column: 6
-	          },
-	          end: {
-	            line: 357,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 345,
-	            column: 6
-	          },
-	          end: {
-	            line: 357,
-	            column: 7
-	          }
-	        }],
-	        line: 345
-	      },
-	      '28': {
-	        loc: {
-	          start: {
-	            line: 347,
-	            column: 8
-	          },
-	          end: {
-	            line: 349,
-	            column: 9
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 347,
-	            column: 8
-	          },
-	          end: {
-	            line: 349,
-	            column: 9
-	          }
-	        }, {
-	          start: {
-	            line: 347,
-	            column: 8
-	          },
-	          end: {
-	            line: 349,
-	            column: 9
-	          }
-	        }],
-	        line: 347
-	      },
-	      '29': {
-	        loc: {
-	          start: {
-	            line: 351,
-	            column: 13
-	          },
-	          end: {
-	            line: 357,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 351,
-	            column: 13
-	          },
-	          end: {
-	            line: 357,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 351,
-	            column: 13
-	          },
-	          end: {
-	            line: 357,
-	            column: 7
-	          }
-	        }],
-	        line: 351
-	      },
-	      '30': {
-	        loc: {
-	          start: {
-	            line: 375,
-	            column: 4
-	          },
-	          end: {
-	            line: 377,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 375,
-	            column: 4
-	          },
-	          end: {
-	            line: 377,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 375,
-	            column: 4
-	          },
-	          end: {
-	            line: 377,
-	            column: 5
-	          }
-	        }],
-	        line: 375
-	      },
-	      '31': {
-	        loc: {
-	          start: {
-	            line: 396,
-	            column: 4
-	          },
-	          end: {
-	            line: 399,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 396,
-	            column: 4
-	          },
-	          end: {
-	            line: 399,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 396,
-	            column: 4
-	          },
-	          end: {
-	            line: 399,
-	            column: 5
-	          }
-	        }],
-	        line: 396
-	      },
-	      '32': {
-	        loc: {
-	          start: {
-	            line: 424,
-	            column: 2
-	          },
-	          end: {
-	            line: 426,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 424,
-	            column: 2
-	          },
-	          end: {
-	            line: 426,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 424,
-	            column: 2
-	          },
-	          end: {
-	            line: 426,
-	            column: 3
-	          }
-	        }],
-	        line: 424
-	      },
-	      '33': {
-	        loc: {
-	          start: {
-	            line: 428,
-	            column: 2
-	          },
-	          end: {
-	            line: 431,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 428,
-	            column: 2
-	          },
-	          end: {
-	            line: 431,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 428,
-	            column: 2
-	          },
-	          end: {
-	            line: 431,
-	            column: 3
-	          }
-	        }],
-	        line: 428
-	      },
-	      '34': {
-	        loc: {
-	          start: {
-	            line: 438,
-	            column: 2
-	          },
-	          end: {
-	            line: 461,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 438,
-	            column: 2
-	          },
-	          end: {
-	            line: 461,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 438,
-	            column: 2
-	          },
-	          end: {
-	            line: 461,
-	            column: 3
-	          }
-	        }],
-	        line: 438
-	      },
-	      '35': {
-	        loc: {
-	          start: {
-	            line: 443,
-	            column: 4
-	          },
-	          end: {
-	            line: 460,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 443,
-	            column: 4
-	          },
-	          end: {
-	            line: 460,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 443,
-	            column: 4
-	          },
-	          end: {
-	            line: 460,
-	            column: 5
-	          }
-	        }],
-	        line: 443
-	      },
-	      '36': {
-	        loc: {
-	          start: {
-	            line: 453,
-	            column: 6
-	          },
-	          end: {
-	            line: 457,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 453,
-	            column: 6
-	          },
-	          end: {
-	            line: 457,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 453,
-	            column: 6
-	          },
-	          end: {
-	            line: 457,
-	            column: 7
-	          }
-	        }],
-	        line: 453
-	      },
-	      '37': {
-	        loc: {
-	          start: {
-	            line: 463,
-	            column: 2
-	          },
-	          end: {
-	            line: 465,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 463,
-	            column: 2
-	          },
-	          end: {
-	            line: 465,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 463,
-	            column: 2
-	          },
-	          end: {
-	            line: 465,
-	            column: 3
-	          }
-	        }],
-	        line: 463
-	      }
-	    },
-	    s: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0,
-	      '4': 0,
-	      '5': 0,
-	      '6': 0,
-	      '7': 0,
-	      '8': 0,
-	      '9': 0,
-	      '10': 0,
-	      '11': 0,
-	      '12': 0,
-	      '13': 0,
-	      '14': 0,
-	      '15': 0,
-	      '16': 0,
-	      '17': 0,
-	      '18': 0,
-	      '19': 0,
-	      '20': 0,
-	      '21': 0,
-	      '22': 0,
-	      '23': 0,
-	      '24': 0,
-	      '25': 0,
-	      '26': 0,
-	      '27': 0,
-	      '28': 0,
-	      '29': 0,
-	      '30': 0,
-	      '31': 0,
-	      '32': 0,
-	      '33': 0,
-	      '34': 0,
-	      '35': 0,
-	      '36': 0,
-	      '37': 0,
-	      '38': 0,
-	      '39': 0,
-	      '40': 0,
-	      '41': 0,
-	      '42': 0,
-	      '43': 0,
-	      '44': 0,
-	      '45': 0,
-	      '46': 0,
-	      '47': 0,
-	      '48': 0,
-	      '49': 0,
-	      '50': 0,
-	      '51': 0,
-	      '52': 0,
-	      '53': 0,
-	      '54': 0,
-	      '55': 0,
-	      '56': 0,
-	      '57': 0,
-	      '58': 0,
-	      '59': 0,
-	      '60': 0,
-	      '61': 0,
-	      '62': 0,
-	      '63': 0,
-	      '64': 0,
-	      '65': 0,
-	      '66': 0,
-	      '67': 0,
-	      '68': 0,
-	      '69': 0,
-	      '70': 0,
-	      '71': 0,
-	      '72': 0,
-	      '73': 0,
-	      '74': 0,
-	      '75': 0,
-	      '76': 0,
-	      '77': 0,
-	      '78': 0,
-	      '79': 0,
-	      '80': 0,
-	      '81': 0,
-	      '82': 0,
-	      '83': 0,
-	      '84': 0,
-	      '85': 0,
-	      '86': 0,
-	      '87': 0,
-	      '88': 0,
-	      '89': 0,
-	      '90': 0,
-	      '91': 0,
-	      '92': 0,
-	      '93': 0,
-	      '94': 0,
-	      '95': 0,
-	      '96': 0,
-	      '97': 0,
-	      '98': 0,
-	      '99': 0,
-	      '100': 0,
-	      '101': 0,
-	      '102': 0,
-	      '103': 0,
-	      '104': 0,
-	      '105': 0,
-	      '106': 0,
-	      '107': 0,
-	      '108': 0,
-	      '109': 0,
-	      '110': 0,
-	      '111': 0,
-	      '112': 0,
-	      '113': 0,
-	      '114': 0,
-	      '115': 0,
-	      '116': 0,
-	      '117': 0,
-	      '118': 0,
-	      '119': 0,
-	      '120': 0,
-	      '121': 0,
-	      '122': 0,
-	      '123': 0,
-	      '124': 0,
-	      '125': 0,
-	      '126': 0,
-	      '127': 0,
-	      '128': 0,
-	      '129': 0,
-	      '130': 0,
-	      '131': 0,
-	      '132': 0,
-	      '133': 0,
-	      '134': 0,
-	      '135': 0,
-	      '136': 0,
-	      '137': 0,
-	      '138': 0,
-	      '139': 0,
-	      '140': 0,
-	      '141': 0,
-	      '142': 0,
-	      '143': 0,
-	      '144': 0,
-	      '145': 0,
-	      '146': 0,
-	      '147': 0,
-	      '148': 0,
-	      '149': 0,
-	      '150': 0,
-	      '151': 0,
-	      '152': 0,
-	      '153': 0,
-	      '154': 0,
-	      '155': 0,
-	      '156': 0,
-	      '157': 0,
-	      '158': 0,
-	      '159': 0,
-	      '160': 0,
-	      '161': 0,
-	      '162': 0,
-	      '163': 0,
-	      '164': 0,
-	      '165': 0,
-	      '166': 0,
-	      '167': 0,
-	      '168': 0,
-	      '169': 0,
-	      '170': 0,
-	      '171': 0,
-	      '172': 0,
-	      '173': 0,
-	      '174': 0,
-	      '175': 0,
-	      '176': 0,
-	      '177': 0,
-	      '178': 0,
-	      '179': 0,
-	      '180': 0,
-	      '181': 0,
-	      '182': 0,
-	      '183': 0,
-	      '184': 0,
-	      '185': 0,
-	      '186': 0,
-	      '187': 0,
-	      '188': 0,
-	      '189': 0,
-	      '190': 0,
-	      '191': 0,
-	      '192': 0,
-	      '193': 0,
-	      '194': 0,
-	      '195': 0,
-	      '196': 0,
-	      '197': 0,
-	      '198': 0,
-	      '199': 0,
-	      '200': 0,
-	      '201': 0,
-	      '202': 0,
-	      '203': 0,
-	      '204': 0,
-	      '205': 0,
-	      '206': 0,
-	      '207': 0,
-	      '208': 0,
-	      '209': 0,
-	      '210': 0
-	    },
-	    f: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0,
-	      '4': 0,
-	      '5': 0,
-	      '6': 0,
-	      '7': 0,
-	      '8': 0,
-	      '9': 0,
-	      '10': 0,
-	      '11': 0,
-	      '12': 0,
-	      '13': 0,
-	      '14': 0,
-	      '15': 0,
-	      '16': 0,
-	      '17': 0,
-	      '18': 0,
-	      '19': 0,
-	      '20': 0,
-	      '21': 0,
-	      '22': 0,
-	      '23': 0,
-	      '24': 0,
-	      '25': 0
-	    },
-	    b: {
-	      '0': [0, 0],
-	      '1': [0, 0],
-	      '2': [0, 0],
-	      '3': [0, 0],
-	      '4': [0, 0],
-	      '5': [0, 0],
-	      '6': [0, 0],
-	      '7': [0, 0],
-	      '8': [0, 0],
-	      '9': [0, 0],
-	      '10': [0, 0],
-	      '11': [0, 0],
-	      '12': [0, 0],
-	      '13': [0, 0],
-	      '14': [0, 0],
-	      '15': [0, 0],
-	      '16': [0, 0],
-	      '17': [0, 0],
-	      '18': [0, 0],
-	      '19': [0, 0],
-	      '20': [0, 0],
-	      '21': [0, 0],
-	      '22': [0, 0],
-	      '23': [0, 0],
-	      '24': [0, 0],
-	      '25': [0, 0],
-	      '26': [0, 0],
-	      '27': [0, 0],
-	      '28': [0, 0],
-	      '29': [0, 0],
-	      '30': [0, 0],
-	      '31': [0, 0],
-	      '32': [0, 0],
-	      '33': [0, 0],
-	      '34': [0, 0],
-	      '35': [0, 0],
-	      '36': [0, 0],
-	      '37': [0, 0]
-	    },
-	    _coverageSchema: '332fd63041d2c1bcb487cc26dd0d5f7d97098a6c'
-	  },
-	      coverage = global[gcv] || (global[gcv] = {});
-
-	  if (coverage[path] && coverage[path].hash === hash) {
-	    return coverage[path];
-	  }
-
-	  coverageData.hash = hash;
-	  return coverage[path] = coverageData;
-	}();
-	var dom = (cov_1wu0dhrxa3.s[0]++, (cov_1wu0dhrxa3.b[0][0]++, videojs.dom) || (cov_1wu0dhrxa3.b[0][1]++, videojs));
-	var registerPlugin$1 = (cov_1wu0dhrxa3.s[1]++, (cov_1wu0dhrxa3.b[1][0]++, videojs.registerPlugin) || (cov_1wu0dhrxa3.b[1][1]++, videojs.plugin));
-	cov_1wu0dhrxa3.s[2]++;
-
-	var indexOf = function indexOf(array, target) {
-	  cov_1wu0dhrxa3.f[0]++;
-	  cov_1wu0dhrxa3.s[3]++;
-
-	  for (var i = 0, length = array.length; i < length; i++) {
-	    cov_1wu0dhrxa3.s[4]++;
-
-	    if (array[i] === target) {
-	      cov_1wu0dhrxa3.b[2][0]++;
-	      cov_1wu0dhrxa3.s[5]++;
-	      return i;
-	    } else {
-	      cov_1wu0dhrxa3.b[2][1]++;
-	    }
-	  }
-
-	  cov_1wu0dhrxa3.s[6]++;
-	  return -1;
-	};
-
-	var supportsCssPointerEvents = (cov_1wu0dhrxa3.s[7]++, function () {
-	  cov_1wu0dhrxa3.f[1]++;
-	  var element = (cov_1wu0dhrxa3.s[8]++, document_1.createElement('x'));
-	  cov_1wu0dhrxa3.s[9]++;
-	  element.style.cssText = 'pointer-events:auto';
-	  cov_1wu0dhrxa3.s[10]++;
-	  return element.style.pointerEvents === 'auto';
-	}());
-	var defaults = (cov_1wu0dhrxa3.s[11]++, {
-	  className: 'vjs-playlist',
-	  playOnSelect: false,
-	  supportsCssPointerEvents: supportsCssPointerEvents
-	});
-	cov_1wu0dhrxa3.s[12]++;
-
-	var addSelectedClass = function addSelectedClass(el) {
-	  cov_1wu0dhrxa3.f[2]++;
-	  cov_1wu0dhrxa3.s[13]++;
-	  el.addClass('vjs-selected');
-	};
-
-	cov_1wu0dhrxa3.s[14]++;
-
-	var removeSelectedClass = function removeSelectedClass(el) {
-	  cov_1wu0dhrxa3.f[3]++;
-	  cov_1wu0dhrxa3.s[15]++;
-	  el.removeClass('vjs-selected');
-	  cov_1wu0dhrxa3.s[16]++;
-
-	  if (el.thumbnail) {
-	    cov_1wu0dhrxa3.b[3][0]++;
-	    cov_1wu0dhrxa3.s[17]++;
-	    dom.removeClass(el.thumbnail, 'vjs-playlist-now-playing');
-	  } else {
-	    cov_1wu0dhrxa3.b[3][1]++;
-	  }
-	};
-
-	cov_1wu0dhrxa3.s[18]++;
-
-	var upNext = function upNext(el) {
-	  cov_1wu0dhrxa3.f[4]++;
-	  cov_1wu0dhrxa3.s[19]++;
-	  el.addClass('vjs-up-next');
-	};
-
-	cov_1wu0dhrxa3.s[20]++;
-
-	var notUpNext = function notUpNext(el) {
-	  cov_1wu0dhrxa3.f[5]++;
-	  cov_1wu0dhrxa3.s[21]++;
-	  el.removeClass('vjs-up-next');
-	};
-
-	cov_1wu0dhrxa3.s[22]++;
-
-	var createThumbnail = function createThumbnail(thumbnail) {
-	  cov_1wu0dhrxa3.f[6]++;
-	  cov_1wu0dhrxa3.s[23]++;
-
-	  if (!thumbnail) {
-	    cov_1wu0dhrxa3.b[4][0]++;
-	    var placeholder = (cov_1wu0dhrxa3.s[24]++, document_1.createElement('div'));
-	    cov_1wu0dhrxa3.s[25]++;
-	    placeholder.className = 'vjs-playlist-thumbnail vjs-playlist-thumbnail-placeholder';
-	    cov_1wu0dhrxa3.s[26]++;
-	    return placeholder;
-	  } else {
-	    cov_1wu0dhrxa3.b[4][1]++;
-	  }
-
-	  var picture = (cov_1wu0dhrxa3.s[27]++, document_1.createElement('picture'));
-	  cov_1wu0dhrxa3.s[28]++;
-	  picture.className = 'vjs-playlist-thumbnail';
-	  cov_1wu0dhrxa3.s[29]++;
-
-	  if (typeof thumbnail === 'string') {
-	    cov_1wu0dhrxa3.b[5][0]++;
-	    var img = (cov_1wu0dhrxa3.s[30]++, document_1.createElement('img'));
-	    cov_1wu0dhrxa3.s[31]++;
-	    img.src = thumbnail;
-	    cov_1wu0dhrxa3.s[32]++;
-	    img.alt = '';
-	    cov_1wu0dhrxa3.s[33]++;
-	    picture.appendChild(img);
-	  } else {
-	    cov_1wu0dhrxa3.b[5][1]++;
-	    cov_1wu0dhrxa3.s[34]++;
-
-	    for (var i = 0; i < thumbnail.length - 1; i++) {
-	      var _variant = (cov_1wu0dhrxa3.s[35]++, thumbnail[i]);
-
-	      var source = (cov_1wu0dhrxa3.s[36]++, document_1.createElement('source'));
-	      cov_1wu0dhrxa3.s[37]++;
-
-	      for (var prop in _variant) {
-	        cov_1wu0dhrxa3.s[38]++;
-	        source[prop] = _variant[prop];
-	      }
-
-	      cov_1wu0dhrxa3.s[39]++;
-	      picture.appendChild(source);
-	    }
-
-	    var variant = (cov_1wu0dhrxa3.s[40]++, thumbnail[thumbnail.length - 1]);
-
-	    var _img = (cov_1wu0dhrxa3.s[41]++, document_1.createElement('img'));
-
-	    cov_1wu0dhrxa3.s[42]++;
-	    _img.alt = '';
-	    cov_1wu0dhrxa3.s[43]++;
-
-	    for (var _prop in variant) {
-	      cov_1wu0dhrxa3.s[44]++;
-	      _img[_prop] = variant[_prop];
-	    }
-
-	    cov_1wu0dhrxa3.s[45]++;
-	    picture.appendChild(_img);
-	  }
-
-	  cov_1wu0dhrxa3.s[46]++;
-	  return picture;
-	};
-
-	var Component = (cov_1wu0dhrxa3.s[47]++, videojs.getComponent('Component'));
-
-	var PlaylistMenuItem =
-	/*#__PURE__*/
-	function (_Component) {
-	  _inheritsLoose(PlaylistMenuItem, _Component);
-
-	  function PlaylistMenuItem(player, playlistItem, settings) {
-	    var _this;
-
-	    cov_1wu0dhrxa3.f[7]++;
-	    cov_1wu0dhrxa3.s[48]++;
-
-	    if (!playlistItem.item) {
-	      cov_1wu0dhrxa3.b[6][0]++;
-	      cov_1wu0dhrxa3.s[49]++;
-	      throw new Error('Cannot construct a PlaylistMenuItem without an item option');
-	    } else {
-	      cov_1wu0dhrxa3.b[6][1]++;
-	    }
-
-	    cov_1wu0dhrxa3.s[50]++;
-	    _this = _Component.call(this, player, playlistItem) || this;
-	    cov_1wu0dhrxa3.s[51]++;
-	    _this.item = playlistItem.item;
-	    cov_1wu0dhrxa3.s[52]++;
-	    _this.playOnSelect = settings.playOnSelect;
-	    cov_1wu0dhrxa3.s[53]++;
-
-	    _this.emitTapEvents();
-
-	    cov_1wu0dhrxa3.s[54]++;
-
-	    _this.on(['click', 'tap'], _this.switchPlaylistItem_);
-
-	    cov_1wu0dhrxa3.s[55]++;
-
-	    _this.on('keydown', _this.handleKeyDown_);
-
-	    return _this;
-	  }
-
-	  var _proto = PlaylistMenuItem.prototype;
-
-	  _proto.handleKeyDown_ = function handleKeyDown_(event) {
-	    cov_1wu0dhrxa3.f[8]++;
-	    cov_1wu0dhrxa3.s[56]++;
-
-	    if ((cov_1wu0dhrxa3.b[8][0]++, event.which === 13) || (cov_1wu0dhrxa3.b[8][1]++, event.which === 32)) {
-	      cov_1wu0dhrxa3.b[7][0]++;
-	      cov_1wu0dhrxa3.s[57]++;
-	      this.switchPlaylistItem_();
-	    } else {
-	      cov_1wu0dhrxa3.b[7][1]++;
-	    }
-	  };
-
-	  _proto.switchPlaylistItem_ = function switchPlaylistItem_(event) {
-	    cov_1wu0dhrxa3.f[9]++;
-	    cov_1wu0dhrxa3.s[58]++;
-	    this.player_.playlist.currentItem(indexOf(this.player_.playlist(), this.item));
-	    cov_1wu0dhrxa3.s[59]++;
-
-	    if (this.playOnSelect) {
-	      cov_1wu0dhrxa3.b[9][0]++;
-	      cov_1wu0dhrxa3.s[60]++;
-	      this.player_.play();
-	    } else {
-	      cov_1wu0dhrxa3.b[9][1]++;
-	    }
-	  };
-
-	  _proto.createEl = function createEl() {
-	    cov_1wu0dhrxa3.f[10]++;
-	    var li = (cov_1wu0dhrxa3.s[61]++, document_1.createElement('li'));
-	    var item = (cov_1wu0dhrxa3.s[62]++, this.options_.item);
-	    cov_1wu0dhrxa3.s[63]++;
-
-	    if (typeof item.data === 'object') {
-	      cov_1wu0dhrxa3.b[10][0]++;
-	      var dataKeys = (cov_1wu0dhrxa3.s[64]++, Object.keys(item.data));
-	      cov_1wu0dhrxa3.s[65]++;
-	      dataKeys.forEach(function (key) {
-	        cov_1wu0dhrxa3.f[11]++;
-	        var value = (cov_1wu0dhrxa3.s[66]++, item.data[key]);
-	        cov_1wu0dhrxa3.s[67]++;
-	        li.dataset[key] = value;
-	      });
-	    } else {
-	      cov_1wu0dhrxa3.b[10][1]++;
-	    }
-
-	    cov_1wu0dhrxa3.s[68]++;
-	    li.className = 'vjs-playlist-item';
-	    cov_1wu0dhrxa3.s[69]++;
-	    li.setAttribute('tabIndex', 0);
-	    cov_1wu0dhrxa3.s[70]++;
-	    this.thumbnail = createThumbnail(item.thumbnail);
-	    cov_1wu0dhrxa3.s[71]++;
-	    li.appendChild(this.thumbnail);
-	    cov_1wu0dhrxa3.s[72]++;
-
-	    if (item.duration) {
-	      cov_1wu0dhrxa3.b[11][0]++;
-	      var duration = (cov_1wu0dhrxa3.s[73]++, document_1.createElement('time'));
-	      var time = (cov_1wu0dhrxa3.s[74]++, videojs.formatTime(item.duration));
-	      cov_1wu0dhrxa3.s[75]++;
-	      duration.className = 'vjs-playlist-duration';
-	      cov_1wu0dhrxa3.s[76]++;
-	      duration.setAttribute('datetime', 'PT0H0M' + item.duration + 'S');
-	      cov_1wu0dhrxa3.s[77]++;
-	      duration.appendChild(document_1.createTextNode(time));
-	      cov_1wu0dhrxa3.s[78]++;
-	      li.appendChild(duration);
-	    } else {
-	      cov_1wu0dhrxa3.b[11][1]++;
-	    }
-
-	    var nowPlayingEl = (cov_1wu0dhrxa3.s[79]++, document_1.createElement('span'));
-	    var nowPlayingText = (cov_1wu0dhrxa3.s[80]++, this.localize('Now Playing'));
-	    cov_1wu0dhrxa3.s[81]++;
-	    nowPlayingEl.className = 'vjs-playlist-now-playing-text';
-	    cov_1wu0dhrxa3.s[82]++;
-	    nowPlayingEl.appendChild(document_1.createTextNode(nowPlayingText));
-	    cov_1wu0dhrxa3.s[83]++;
-	    nowPlayingEl.setAttribute('title', nowPlayingText);
-	    cov_1wu0dhrxa3.s[84]++;
-	    this.thumbnail.appendChild(nowPlayingEl);
-	    var titleContainerEl = (cov_1wu0dhrxa3.s[85]++, document_1.createElement('div'));
-	    cov_1wu0dhrxa3.s[86]++;
-	    titleContainerEl.className = 'vjs-playlist-title-container';
-	    cov_1wu0dhrxa3.s[87]++;
-	    this.thumbnail.appendChild(titleContainerEl);
-	    var upNextEl = (cov_1wu0dhrxa3.s[88]++, document_1.createElement('span'));
-	    var upNextText = (cov_1wu0dhrxa3.s[89]++, this.localize('Up Next'));
-	    cov_1wu0dhrxa3.s[90]++;
-	    upNextEl.className = 'vjs-up-next-text';
-	    cov_1wu0dhrxa3.s[91]++;
-	    upNextEl.appendChild(document_1.createTextNode(upNextText));
-	    cov_1wu0dhrxa3.s[92]++;
-	    upNextEl.setAttribute('title', upNextText);
-	    cov_1wu0dhrxa3.s[93]++;
-	    titleContainerEl.appendChild(upNextEl);
-	    var titleEl = (cov_1wu0dhrxa3.s[94]++, document_1.createElement('cite'));
-	    var titleText = (cov_1wu0dhrxa3.s[95]++, (cov_1wu0dhrxa3.b[12][0]++, item.name) || (cov_1wu0dhrxa3.b[12][1]++, this.localize('Untitled Video')));
-	    cov_1wu0dhrxa3.s[96]++;
-	    titleEl.className = 'vjs-playlist-name';
-	    cov_1wu0dhrxa3.s[97]++;
-	    titleEl.appendChild(document_1.createTextNode(titleText));
-	    cov_1wu0dhrxa3.s[98]++;
-	    titleEl.setAttribute('title', titleText);
-	    cov_1wu0dhrxa3.s[99]++;
-	    titleContainerEl.appendChild(titleEl);
-	    cov_1wu0dhrxa3.s[100]++;
-	    return li;
-	  };
-
-	  return PlaylistMenuItem;
-	}(Component);
-
-	var PlaylistMenu =
-	/*#__PURE__*/
-	function (_Component2) {
-	  _inheritsLoose(PlaylistMenu, _Component2);
-
-	  function PlaylistMenu(player, options) {
-	    var _this2;
-
-	    cov_1wu0dhrxa3.f[12]++;
-	    cov_1wu0dhrxa3.s[101]++;
-
-	    if (!player.playlist) {
-	      cov_1wu0dhrxa3.b[13][0]++;
-	      cov_1wu0dhrxa3.s[102]++;
-	      throw new Error('videojs-playlist is required for the playlist component');
-	    } else {
-	      cov_1wu0dhrxa3.b[13][1]++;
-	    }
-
-	    cov_1wu0dhrxa3.s[103]++;
-	    _this2 = _Component2.call(this, player, options) || this;
-	    cov_1wu0dhrxa3.s[104]++;
-	    _this2.items = [];
-	    cov_1wu0dhrxa3.s[105]++;
-
-	    if (options.horizontal) {
-	      cov_1wu0dhrxa3.b[14][0]++;
-	      cov_1wu0dhrxa3.s[106]++;
-
-	      _this2.addClass('vjs-playlist-horizontal');
-	    } else {
-	      cov_1wu0dhrxa3.b[14][1]++;
-	      cov_1wu0dhrxa3.s[107]++;
-
-	      _this2.addClass('vjs-playlist-vertical');
-	    }
-
-	    cov_1wu0dhrxa3.s[108]++;
-
-	    if (options.supportsCssPointerEvents) {
-	      cov_1wu0dhrxa3.b[15][0]++;
-	      cov_1wu0dhrxa3.s[109]++;
-
-	      _this2.addClass('vjs-csspointerevents');
-	    } else {
-	      cov_1wu0dhrxa3.b[15][1]++;
-	    }
-
-	    cov_1wu0dhrxa3.s[110]++;
-
-	    _this2.createPlaylist_();
-
-	    cov_1wu0dhrxa3.s[111]++;
-
-	    if (!videojs.browser.TOUCH_ENABLED) {
-	      cov_1wu0dhrxa3.b[16][0]++;
-	      cov_1wu0dhrxa3.s[112]++;
-
-	      _this2.addClass('vjs-mouse');
-	    } else {
-	      cov_1wu0dhrxa3.b[16][1]++;
-	    }
-
-	    cov_1wu0dhrxa3.s[113]++;
-
-	    _this2.on(player, ['loadstart', 'playlistchange', 'playlistsorted'], function (event) {
-	      cov_1wu0dhrxa3.f[13]++;
-	      cov_1wu0dhrxa3.s[114]++;
-
-	      _this2.update();
-	    });
-
-	    cov_1wu0dhrxa3.s[115]++;
-
-	    _this2.on(player, 'adstart', function () {
-	      cov_1wu0dhrxa3.f[14]++;
-	      cov_1wu0dhrxa3.s[116]++;
-
-	      _this2.addClass('vjs-ad-playing');
-	    });
-
-	    cov_1wu0dhrxa3.s[117]++;
-
-	    _this2.on(player, 'adend', function () {
-	      cov_1wu0dhrxa3.f[15]++;
-	      cov_1wu0dhrxa3.s[118]++;
-
-	      _this2.removeClass('vjs-ad-playing');
-	    });
-
-	    cov_1wu0dhrxa3.s[119]++;
-
-	    _this2.on('dispose', function () {
-	      cov_1wu0dhrxa3.f[16]++;
-	      cov_1wu0dhrxa3.s[120]++;
-
-	      _this2.empty_();
-
-	      cov_1wu0dhrxa3.s[121]++;
-	      player.playlistMenu = null;
-	    });
-
-	    cov_1wu0dhrxa3.s[122]++;
-
-	    _this2.on(player, 'dispose', function () {
-	      cov_1wu0dhrxa3.f[17]++;
-	      cov_1wu0dhrxa3.s[123]++;
-
-	      _this2.dispose();
-	    });
-
-	    return _this2;
-	  }
-
-	  var _proto2 = PlaylistMenu.prototype;
-
-	  _proto2.createEl = function createEl() {
-	    cov_1wu0dhrxa3.f[18]++;
-	    cov_1wu0dhrxa3.s[124]++;
-	    return dom.createEl('div', {
-	      className: this.options_.className
-	    });
-	  };
-
-	  _proto2.empty_ = function empty_() {
-	    cov_1wu0dhrxa3.f[19]++;
-	    cov_1wu0dhrxa3.s[125]++;
-
-	    if ((cov_1wu0dhrxa3.b[18][0]++, this.items) && (cov_1wu0dhrxa3.b[18][1]++, this.items.length)) {
-	      cov_1wu0dhrxa3.b[17][0]++;
-	      cov_1wu0dhrxa3.s[126]++;
-	      this.items.forEach(function (i) {
-	        cov_1wu0dhrxa3.f[20]++;
-	        cov_1wu0dhrxa3.s[127]++;
-	        return i.dispose();
-	      });
-	      cov_1wu0dhrxa3.s[128]++;
-	      this.items.length = 0;
-	    } else {
-	      cov_1wu0dhrxa3.b[17][1]++;
-	    }
-	  };
-
-	  _proto2.createPlaylist_ = function createPlaylist_() {
-	    cov_1wu0dhrxa3.f[21]++;
-	    var playlist = (cov_1wu0dhrxa3.s[129]++, (cov_1wu0dhrxa3.b[19][0]++, this.player_.playlist()) || (cov_1wu0dhrxa3.b[19][1]++, []));
-	    var list = (cov_1wu0dhrxa3.s[130]++, this.el_.querySelector('.vjs-playlist-item-list'));
-	    var overlay = (cov_1wu0dhrxa3.s[131]++, this.el_.querySelector('.vjs-playlist-ad-overlay'));
-	    cov_1wu0dhrxa3.s[132]++;
-
-	    if (!list) {
-	      cov_1wu0dhrxa3.b[20][0]++;
-	      cov_1wu0dhrxa3.s[133]++;
-	      list = document_1.createElement('ol');
-	      cov_1wu0dhrxa3.s[134]++;
-	      list.className = 'vjs-playlist-item-list';
-	      cov_1wu0dhrxa3.s[135]++;
-	      this.el_.appendChild(list);
-	    } else {
-	      cov_1wu0dhrxa3.b[20][1]++;
-	    }
-
-	    cov_1wu0dhrxa3.s[136]++;
-	    this.empty_();
-	    cov_1wu0dhrxa3.s[137]++;
-
-	    for (var i = 0; i < playlist.length; i++) {
-	      var item = (cov_1wu0dhrxa3.s[138]++, new PlaylistMenuItem(this.player_, {
-	        item: playlist[i]
-	      }, this.options_));
-	      cov_1wu0dhrxa3.s[139]++;
-	      this.items.push(item);
-	      cov_1wu0dhrxa3.s[140]++;
-	      list.appendChild(item.el_);
-	    }
-
-	    cov_1wu0dhrxa3.s[141]++;
-
-	    if (!overlay) {
-	      cov_1wu0dhrxa3.b[21][0]++;
-	      cov_1wu0dhrxa3.s[142]++;
-	      overlay = document_1.createElement('li');
-	      cov_1wu0dhrxa3.s[143]++;
-	      overlay.className = 'vjs-playlist-ad-overlay';
-	      cov_1wu0dhrxa3.s[144]++;
-	      list.appendChild(overlay);
-	    } else {
-	      cov_1wu0dhrxa3.b[21][1]++;
-	      cov_1wu0dhrxa3.s[145]++;
-	      list.appendChild(overlay);
-	    }
-
-	    var selectedIndex = (cov_1wu0dhrxa3.s[146]++, this.player_.playlist.currentItem());
-	    cov_1wu0dhrxa3.s[147]++;
-
-	    if ((cov_1wu0dhrxa3.b[23][0]++, this.items.length) && (cov_1wu0dhrxa3.b[23][1]++, selectedIndex >= 0)) {
-	      cov_1wu0dhrxa3.b[22][0]++;
-	      cov_1wu0dhrxa3.s[148]++;
-	      addSelectedClass(this.items[selectedIndex]);
-	      var thumbnail = (cov_1wu0dhrxa3.s[149]++, this.items[selectedIndex].$('.vjs-playlist-thumbnail'));
-	      cov_1wu0dhrxa3.s[150]++;
-
-	      if (thumbnail) {
-	        cov_1wu0dhrxa3.b[24][0]++;
-	        cov_1wu0dhrxa3.s[151]++;
-	        dom.addClass(thumbnail, 'vjs-playlist-now-playing');
-	      } else {
-	        cov_1wu0dhrxa3.b[24][1]++;
-	      }
-	    } else {
-	      cov_1wu0dhrxa3.b[22][1]++;
-	    }
-	  };
-
-	  _proto2.update = function update() {
-	    cov_1wu0dhrxa3.f[22]++;
-	    var playlist = (cov_1wu0dhrxa3.s[152]++, this.player_.playlist());
-	    cov_1wu0dhrxa3.s[153]++;
-
-	    if (this.items.length !== playlist.length) {
-	      cov_1wu0dhrxa3.b[25][0]++;
-	      cov_1wu0dhrxa3.s[154]++;
-	      this.createPlaylist_();
-	      cov_1wu0dhrxa3.s[155]++;
-	      return;
-	    } else {
-	      cov_1wu0dhrxa3.b[25][1]++;
-	    }
-
-	    cov_1wu0dhrxa3.s[156]++;
-
-	    for (var i = 0; i < this.items.length; i++) {
-	      cov_1wu0dhrxa3.s[157]++;
-
-	      if (this.items[i].item !== playlist[i]) {
-	        cov_1wu0dhrxa3.b[26][0]++;
-	        cov_1wu0dhrxa3.s[158]++;
-	        this.createPlaylist_();
-	        cov_1wu0dhrxa3.s[159]++;
-	        return;
-	      } else {
-	        cov_1wu0dhrxa3.b[26][1]++;
-	      }
-	    }
-
-	    var currentItem = (cov_1wu0dhrxa3.s[160]++, this.player_.playlist.currentItem());
-	    cov_1wu0dhrxa3.s[161]++;
-
-	    for (var _i = 0; _i < this.items.length; _i++) {
-	      var item = (cov_1wu0dhrxa3.s[162]++, this.items[_i]);
-	      cov_1wu0dhrxa3.s[163]++;
-
-	      if (_i === currentItem) {
-	        cov_1wu0dhrxa3.b[27][0]++;
-	        cov_1wu0dhrxa3.s[164]++;
-	        addSelectedClass(item);
-	        cov_1wu0dhrxa3.s[165]++;
-
-	        if (document_1.activeElement !== item.el()) {
-	          cov_1wu0dhrxa3.b[28][0]++;
-	          cov_1wu0dhrxa3.s[166]++;
-	          dom.addClass(item.thumbnail, 'vjs-playlist-now-playing');
-	        } else {
-	          cov_1wu0dhrxa3.b[28][1]++;
-	        }
-
-	        cov_1wu0dhrxa3.s[167]++;
-	        notUpNext(item);
-	      } else {
-	        cov_1wu0dhrxa3.b[27][1]++;
-	        cov_1wu0dhrxa3.s[168]++;
-
-	        if (_i === currentItem + 1) {
-	          cov_1wu0dhrxa3.b[29][0]++;
-	          cov_1wu0dhrxa3.s[169]++;
-	          removeSelectedClass(item);
-	          cov_1wu0dhrxa3.s[170]++;
-	          upNext(item);
-	        } else {
-	          cov_1wu0dhrxa3.b[29][1]++;
-	          cov_1wu0dhrxa3.s[171]++;
-	          removeSelectedClass(item);
-	          cov_1wu0dhrxa3.s[172]++;
-	          notUpNext(item);
-	        }
-	      }
-	    }
-	  };
-
-	  return PlaylistMenu;
-	}(Component);
-
-	cov_1wu0dhrxa3.s[173]++;
-
-	var hasChildEls = function hasChildEls(el) {
-	  cov_1wu0dhrxa3.f[23]++;
-	  cov_1wu0dhrxa3.s[174]++;
-
-	  for (var i = 0; i < el.childNodes.length; i++) {
-	    cov_1wu0dhrxa3.s[175]++;
-
-	    if (dom.isEl(el.childNodes[i])) {
-	      cov_1wu0dhrxa3.b[30][0]++;
-	      cov_1wu0dhrxa3.s[176]++;
-	      return true;
-	    } else {
-	      cov_1wu0dhrxa3.b[30][1]++;
-	    }
-	  }
-
-	  cov_1wu0dhrxa3.s[177]++;
-	  return false;
-	};
-
-	cov_1wu0dhrxa3.s[178]++;
-
-	var findRoot = function findRoot(className) {
-	  cov_1wu0dhrxa3.f[24]++;
-	  var all = (cov_1wu0dhrxa3.s[179]++, document_1.querySelectorAll('.' + className));
-	  var el;
-	  cov_1wu0dhrxa3.s[180]++;
-
-	  for (var i = 0; i < all.length; i++) {
-	    cov_1wu0dhrxa3.s[181]++;
-
-	    if (!hasChildEls(all[i])) {
-	      cov_1wu0dhrxa3.b[31][0]++;
-	      cov_1wu0dhrxa3.s[182]++;
-	      el = all[i];
-	      cov_1wu0dhrxa3.s[183]++;
-	      break;
-	    } else {
-	      cov_1wu0dhrxa3.b[31][1]++;
-	    }
-	  }
-
-	  cov_1wu0dhrxa3.s[184]++;
-	  return el;
-	};
-
-	cov_1wu0dhrxa3.s[185]++;
-
-	var playlistUi = function playlistUi(options) {
-	  cov_1wu0dhrxa3.f[25]++;
-	  var player = (cov_1wu0dhrxa3.s[186]++, this);
-	  cov_1wu0dhrxa3.s[187]++;
-
-	  if (!player.playlist) {
-	    cov_1wu0dhrxa3.b[32][0]++;
-	    cov_1wu0dhrxa3.s[188]++;
-	    throw new Error('videojs-playlist plugin is required by the videojs-playlist-ui plugin');
-	  } else {
-	    cov_1wu0dhrxa3.b[32][1]++;
-	  }
-
-	  cov_1wu0dhrxa3.s[189]++;
-
-	  if (dom.isEl(options)) {
-	    cov_1wu0dhrxa3.b[33][0]++;
-	    cov_1wu0dhrxa3.s[190]++;
-	    videojs.log.warn('videojs-playlist-ui: Passing an element directly to playlistUi() is deprecated, use the "el" option instead!');
-	    cov_1wu0dhrxa3.s[191]++;
-	    options = {
-	      el: options
-	    };
-	  } else {
-	    cov_1wu0dhrxa3.b[33][1]++;
-	  }
-
-	  cov_1wu0dhrxa3.s[192]++;
-	  options = videojs.mergeOptions(defaults, options);
-	  cov_1wu0dhrxa3.s[193]++;
-
-	  if (player.playlistMenu) {
-	    cov_1wu0dhrxa3.b[34][0]++;
-	    var el = (cov_1wu0dhrxa3.s[194]++, player.playlistMenu.el());
-	    cov_1wu0dhrxa3.s[195]++;
-
-	    if (el) {
-	      cov_1wu0dhrxa3.b[35][0]++;
-	      var parentNode = (cov_1wu0dhrxa3.s[196]++, el.parentNode);
-	      var nextSibling = (cov_1wu0dhrxa3.s[197]++, el.nextSibling);
-	      cov_1wu0dhrxa3.s[198]++;
-	      player.playlistMenu.dispose();
-	      cov_1wu0dhrxa3.s[199]++;
-	      dom.emptyEl(el);
-	      cov_1wu0dhrxa3.s[200]++;
-
-	      if (nextSibling) {
-	        cov_1wu0dhrxa3.b[36][0]++;
-	        cov_1wu0dhrxa3.s[201]++;
-	        parentNode.insertBefore(el, nextSibling);
-	      } else {
-	        cov_1wu0dhrxa3.b[36][1]++;
-	        cov_1wu0dhrxa3.s[202]++;
-	        parentNode.appendChild(el);
-	      }
-
-	      cov_1wu0dhrxa3.s[203]++;
-	      options.el = el;
-	    } else {
-	      cov_1wu0dhrxa3.b[35][1]++;
-	    }
-	  } else {
-	    cov_1wu0dhrxa3.b[34][1]++;
-	  }
-
-	  cov_1wu0dhrxa3.s[204]++;
-
-	  if (!dom.isEl(options.el)) {
-	    cov_1wu0dhrxa3.b[37][0]++;
-	    cov_1wu0dhrxa3.s[205]++;
-	    options.el = findRoot(options.className);
-	  } else {
-	    cov_1wu0dhrxa3.b[37][1]++;
-	  }
-
-	  cov_1wu0dhrxa3.s[206]++;
-	  player.playlistMenu = new PlaylistMenu(player, options);
-	};
-
-	cov_1wu0dhrxa3.s[207]++;
-	videojs.registerComponent('PlaylistMenu', PlaylistMenu);
-	cov_1wu0dhrxa3.s[208]++;
-	videojs.registerComponent('PlaylistMenuItem', PlaylistMenuItem);
-	cov_1wu0dhrxa3.s[209]++;
-	registerPlugin$1('playlistUi', playlistUi);
-	cov_1wu0dhrxa3.s[210]++;
-	playlistUi.VERSION = version$1;
-
-	/* eslint-disable no-console */
-	var playlist = [{
-	  name: 'Movie 1',
-	  description: 'Movie 1 description',
-	  duration: 100,
-	  data: {
-	    id: '1',
-	    foo: 'bar'
-	  },
-	  sources: [{
-	    src: '//example.com/movie1.mp4',
-	    type: 'video/mp4'
-	  }]
-	}, {
-	  sources: [{
-	    src: '//example.com/movie2.mp4',
-	    type: 'video/mp4'
-	  }],
-	  thumbnail: '//example.com/movie2.jpg'
-	}];
-
-	var resolveUrl = function resolveUrl(url) {
-	  var a = document_1.createElement('a');
-	  a.href = url;
-	  return a.href;
-	};
-
-	var dom$1 = videojs.dom || videojs;
-	var Html5 = videojs.getTech('Html5');
-	QUnit.test('the environment is sane', function (assert) {
-	  assert.ok(true, 'everything is swell');
-	});
-
-	function setup$1() {
-	  this.oldVideojsBrowser = videojs.browser;
-	  videojs.browser = videojs.mergeOptions({}, videojs.browser);
-	  this.fixture = document_1.querySelector('#qunit-fixture'); // force HTML support so the tests run in a reasonable
-	  // environment under phantomjs
-
-	  this.realIsHtmlSupported = Html5.isSupported;
-
-	  Html5.isSupported = function () {
-	    return true;
-	  }; // create a video element
-
-
-	  var video = document_1.createElement('video');
-	  this.fixture.appendChild(video); // create a video.js player
-
-	  this.player = videojs(video); // Create two playlist container elements.
-
-	  this.fixture.appendChild(dom$1.createEl('div', {
-	    className: 'vjs-playlist'
-	  }));
-	  this.fixture.appendChild(dom$1.createEl('div', {
-	    className: 'vjs-playlist'
-	  }));
-	}
-
-	function teardown() {
-	  videojs.browser = this.oldVideojsBrowser;
-	  Html5.isSupported = this.realIsHtmlSupported;
-	  this.player.dispose();
-	  this.player = null;
-	  dom$1.emptyEl(this.fixture);
-	}
-
-	QUnit.module('videojs-playlist-ui', {
-	  beforeEach: setup$1,
-	  afterEach: teardown
-	});
-	QUnit.test('registers itself', function (assert) {
-	  assert.ok(this.player.playlistUi, 'registered the plugin');
-	});
-	QUnit.test('errors if used without the playlist plugin', function (assert) {
-	  assert.throws(function () {
-	    this.player.playlist = null;
-	    this.player.playlistUi();
-	  }, 'threw on init');
-	});
-	QUnit.test('is empty if the playlist plugin isn\'t initialized', function (assert) {
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.ok(this.fixture.querySelector('.vjs-playlist'), 'created the menu');
-	  assert.strictEqual(items.length, 0, 'displayed no items');
-	});
-	QUnit.test('can be initialized with an element (deprecated form)', function (assert) {
-	  var elem = dom$1.createEl('div');
-	  this.player.playlist(playlist);
-	  this.player.playlistUi(elem);
-	  assert.strictEqual(elem.querySelectorAll('li.vjs-playlist-item').length, playlist.length, 'created an element for each playlist item');
-	});
-	QUnit.test('can be initialized with an element', function (assert) {
-	  var elem = dom$1.createEl('div');
-	  this.player.playlist(playlist);
-	  this.player.playlistUi({
-	    el: elem
-	  });
-	  assert.strictEqual(elem.querySelectorAll('li.vjs-playlist-item').length, playlist.length, 'created an element for each playlist item');
-	});
-	QUnit.test('can look for an element with the class "vjs-playlist" that is not already in use', function (assert) {
-	  var firstEl = this.fixture.querySelectorAll('.vjs-playlist')[0];
-	  var secondEl = this.fixture.querySelectorAll('.vjs-playlist')[1]; // Give the firstEl a child, so the plugin thinks it is in use and moves on
-	  // to the next one.
-
-	  firstEl.appendChild(dom$1.createEl('div'));
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  assert.strictEqual(this.player.playlistMenu.el(), secondEl, 'used the first matching/empty element');
-	  assert.strictEqual(secondEl.querySelectorAll('li.vjs-playlist-item').length, playlist.length, 'found an element for each playlist item');
-	});
-	QUnit.test('can look for an element with a custom class that is not already in use', function (assert) {
-	  var firstEl = dom$1.createEl('div', {
-	    className: 'super-playlist'
-	  });
-	  var secondEl = dom$1.createEl('div', {
-	    className: 'super-playlist'
-	  }); // Give the firstEl a child, so the plugin thinks it is in use and moves on
-	  // to the next one.
-
-	  firstEl.appendChild(dom$1.createEl('div'));
-	  this.fixture.appendChild(firstEl);
-	  this.fixture.appendChild(secondEl);
-	  this.player.playlist(playlist);
-	  this.player.playlistUi({
-	    className: 'super-playlist'
-	  });
-	  assert.strictEqual(this.player.playlistMenu.el(), secondEl, 'used the first matching/empty element');
-	  assert.strictEqual(this.fixture.querySelectorAll('li.vjs-playlist-item').length, playlist.length, 'created an element for each playlist item');
-	});
-	QUnit.test('specializes the class name if touch input is absent', function (assert) {
-	  videojs.browser.TOUCH_ENABLED = false;
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  assert.ok(this.player.playlistMenu.hasClass('vjs-mouse'), 'marked the playlist menu');
-	});
-	QUnit.test('can be re-initialized without doubling the contents of the list', function (assert) {
-	  var el = this.fixture.querySelectorAll('.vjs-playlist')[0];
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  this.player.playlistUi();
-	  this.player.playlistUi();
-	  assert.strictEqual(this.player.playlistMenu.el(), el, 'used the first matching/empty element');
-	  assert.strictEqual(el.querySelectorAll('li.vjs-playlist-item').length, playlist.length, 'found an element for each playlist item');
-	});
-	QUnit.module('videojs-playlist-ui: Components', {
-	  beforeEach: setup$1,
-	  afterEach: teardown
-	}); // --------------------
-	// Creation and Updates
-	// --------------------
-
-	QUnit.test('includes the video name if provided', function (assert) {
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items[0].querySelector('.vjs-playlist-name').textContent, playlist[0].name, 'wrote the name');
-	  assert.strictEqual(items[1].querySelector('.vjs-playlist-name').textContent, 'Untitled Video', 'wrote a placeholder for the name');
-	});
-	QUnit.test('includes custom data attribute if provided', function (assert) {
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items[0].dataset.id, playlist[0].data.id, 'set a single data attribute');
-	  assert.strictEqual(items[0].dataset.id, '1', 'set a single data attribute (actual value)');
-	  assert.strictEqual(items[0].dataset.foo, playlist[0].data.foo, 'set an addtional data attribute');
-	  assert.strictEqual(items[0].dataset.foo, 'bar', 'set an addtional data attribute');
-	});
-	QUnit.test('outputs a <picture> for simple thumbnails', function (assert) {
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  var pictures = this.fixture.querySelectorAll('.vjs-playlist-item picture');
-	  assert.strictEqual(pictures.length, 1, 'output one picture');
-	  var imgs = pictures[0].querySelectorAll('img');
-	  assert.strictEqual(imgs.length, 1, 'output one img');
-	  assert.strictEqual(imgs[0].src, window_1.location.protocol + playlist[1].thumbnail, 'set the src attribute');
-	});
-	QUnit.test('outputs a <picture> for responsive thumbnails', function (assert) {
-	  var playlistOverride = [{
-	    sources: [{
-	      src: '//example.com/movie.mp4',
-	      type: 'video/mp4'
-	    }],
-	    thumbnail: [{
-	      srcset: '/test/example/oceans.jpg',
-	      type: 'image/jpeg',
-	      media: '(min-width: 400px;)'
-	    }, {
-	      src: '/test/example/oceans-low.jpg'
-	    }]
-	  }];
-	  this.player.playlist(playlistOverride);
-	  this.player.playlistUi();
-	  var sources = this.fixture.querySelectorAll('.vjs-playlist-item picture source');
-	  var imgs = this.fixture.querySelectorAll('.vjs-playlist-item picture img');
-	  assert.strictEqual(sources.length, 1, 'output one source');
-	  assert.strictEqual(sources[0].srcset, playlistOverride[0].thumbnail[0].srcset, 'wrote the srcset attribute');
-	  assert.strictEqual(sources[0].type, playlistOverride[0].thumbnail[0].type, 'wrote the type attribute');
-	  assert.strictEqual(sources[0].media, playlistOverride[0].thumbnail[0].media, 'wrote the type attribute');
-	  assert.strictEqual(imgs.length, 1, 'output one img');
-	  assert.strictEqual(imgs[0].src, resolveUrl(playlistOverride[0].thumbnail[1].src), 'output the img src attribute');
-	});
-	QUnit.test('outputs a placeholder for items without thumbnails', function (assert) {
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  var thumbnails = this.fixture.querySelectorAll('.vjs-playlist-item .vjs-playlist-thumbnail');
-	  assert.strictEqual(thumbnails.length, playlist.length, 'output two thumbnails');
-	  assert.strictEqual(thumbnails[0].nodeName.toLowerCase(), 'div', 'the second is a placeholder');
-	});
-	QUnit.test('includes the duration if one is provided', function (assert) {
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  var durations = this.fixture.querySelectorAll('.vjs-playlist-item .vjs-playlist-duration');
-	  assert.strictEqual(durations.length, 1, 'skipped the item without a duration');
-	  assert.strictEqual(durations[0].textContent, '1:40', 'wrote the duration');
-	  assert.strictEqual(durations[0].getAttribute('datetime'), 'PT0H0M' + playlist[0].duration + 'S', 'wrote a machine-readable datetime');
-	});
-	QUnit.test('marks the selected playlist item on startup', function (assert) {
-	  this.player.playlist(playlist);
-
-	  this.player.currentSrc = function () {
-	    return playlist[0].sources[0].src;
-	  };
-
-	  this.player.playlistUi();
-	  var selectedItems = this.fixture.querySelectorAll('.vjs-playlist-item.vjs-selected');
-	  assert.strictEqual(selectedItems.length, 1, 'marked one playlist item');
-	  assert.strictEqual(selectedItems[0].querySelector('.vjs-playlist-name').textContent, playlist[0].name, 'marked the first playlist item');
-	});
-	QUnit.test('updates the selected playlist item on loadstart', function (assert) {
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  this.player.playlist.currentItem(1);
-
-	  this.player.currentSrc = function () {
-	    return playlist[1].sources[0].src;
-	  };
-
-	  this.player.trigger('loadstart');
-	  var selectedItems = this.fixture.querySelectorAll('.vjs-playlist-item.vjs-selected');
-	  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist-item').length, playlist.length, 'displayed the correct number of items');
-	  assert.strictEqual(selectedItems.length, 1, 'marked one playlist item');
-	  assert.strictEqual(selectedItems[0].querySelector('img').src, resolveUrl(playlist[1].thumbnail), 'marked the second playlist item');
-	});
-	QUnit.test('selects no item if the playlist is not in use', function (assert) {
-	  this.player.playlist(playlist);
-
-	  this.player.playlist.currentItem = function () {
-	    return -1;
-	  };
-
-	  this.player.playlistUi();
-	  this.player.trigger('loadstart');
-	  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist-item.vjs-selected').length, 0, 'no items selected');
-	});
-	QUnit.test('updates on "playlistchange", different lengths', function (assert) {
-	  this.player.playlist([]);
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, 0, 'no items initially');
-	  this.player.playlist(playlist);
-	  this.player.trigger('playlistchange');
-	  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-	});
-	QUnit.test('updates on "playlistchange", equal lengths', function (assert) {
-	  this.player.playlist([{
-	    sources: []
-	  }, {
-	    sources: []
-	  }]);
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, 2, 'two items initially');
-	  this.player.playlist(playlist);
-	  this.player.trigger('playlistchange');
-	  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-	  assert.strictEqual(this.player.playlistMenu.items[0].item, playlist[0], 'we have updated items');
-	  assert.strictEqual(this.player.playlistMenu.items[1].item, playlist[1], 'we have updated items');
-	});
-	QUnit.test('updates on "playlistchange", update selection', function (assert) {
-	  this.player.playlist(playlist);
-
-	  this.player.currentSrc = function () {
-	    return playlist[0].sources[0].src;
-	  };
-
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, 2, 'two items initially');
-	  assert.ok(/vjs-selected/.test(items[0].getAttribute('class')), 'first item is selected by default');
-	  this.player.playlist.currentItem(1);
-
-	  this.player.currentSrc = function () {
-	    return playlist[1].sources[0].src;
-	  };
-
-	  this.player.trigger('playlistchange');
-	  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-	  assert.ok(/vjs-selected/.test(items[1].getAttribute('class')), 'second item is selected after update');
-	  assert.ok(!/vjs-selected/.test(items[0].getAttribute('class')), 'first item is not selected after update');
-	});
-	QUnit.test('updates on "playlistsorted", different lengths', function (assert) {
-	  this.player.playlist([]);
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, 0, 'no items initially');
-	  this.player.playlist(playlist);
-	  this.player.trigger('playlistsorted');
-	  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-	});
-	QUnit.test('updates on "playlistsorted", equal lengths', function (assert) {
-	  this.player.playlist([{
-	    sources: []
-	  }, {
-	    sources: []
-	  }]);
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, 2, 'two items initially');
-	  this.player.playlist(playlist);
-	  this.player.trigger('playlistsorted');
-	  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-	  assert.strictEqual(this.player.playlistMenu.items[0].item, playlist[0], 'we have updated items');
-	  assert.strictEqual(this.player.playlistMenu.items[1].item, playlist[1], 'we have updated items');
-	});
-	QUnit.test('updates on "playlistsorted", update selection', function (assert) {
-	  this.player.playlist(playlist);
-
-	  this.player.currentSrc = function () {
-	    return playlist[0].sources[0].src;
-	  };
-
-	  this.player.playlistUi();
-	  var items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, 2, 'two items initially');
-	  assert.ok(/vjs-selected/.test(items[0].getAttribute('class')), 'first item is selected by default');
-	  this.player.playlist.currentItem(1);
-
-	  this.player.currentSrc = function () {
-	    return playlist[1].sources[0].src;
-	  };
-
-	  this.player.trigger('playlistsorted');
-	  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-	  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-	  assert.ok(/vjs-selected/.test(items[1].getAttribute('class')), 'second item is selected after update');
-	  assert.ok(!/vjs-selected/.test(items[0].getAttribute('class')), 'first item is not selected after update');
-	});
-	QUnit.test('tracks when an ad is playing', function (assert) {
-	  this.player.playlist([]);
-	  this.player.playlistUi();
-
-	  this.player.duration = function () {
-	    return 5;
-	  };
-
-	  var playlistMenu = this.player.playlistMenu;
-	  assert.ok(!playlistMenu.hasClass('vjs-ad-playing'), 'does not have class vjs-ad-playing');
-	  this.player.trigger('adstart');
-	  assert.ok(playlistMenu.hasClass('vjs-ad-playing'), 'has class vjs-ad-playing');
-	  this.player.trigger('adend');
-	  assert.ok(!playlistMenu.hasClass('vjs-ad-playing'), 'does not have class vjs-ad-playing');
-	}); // -----------
-	// Interaction
-	// -----------
-
-	QUnit.test('changes the selection when tapped', function (assert) {
-	  var playCalled = false;
-	  this.player.playlist(playlist);
-	  this.player.playlistUi({
-	    playOnSelect: true
-	  });
-
-	  this.player.play = function () {
-	    playCalled = true;
-	  };
-
-	  var sources;
-
-	  this.player.src = function (src) {
-	    if (src) {
-	      sources = src;
-	    }
-
-	    return sources[0];
-	  };
-
-	  this.player.currentSrc = function () {
-	    return sources[0].src;
-	  };
-
-	  this.player.playlistMenu.items[1].trigger('tap'); // trigger a loadstart synchronously to simplify the test
-
-	  this.player.trigger('loadstart');
-	  assert.ok(this.player.playlistMenu.items[1].hasClass('vjs-selected'), 'selected the new item');
-	  assert.ok(!this.player.playlistMenu.items[0].hasClass('vjs-selected'), 'deselected the old item');
-	  assert.strictEqual(playCalled, true, 'play gets called if option is set');
-	});
-	QUnit.test('play should not get called by default upon selection of menu items ', function (assert) {
-	  var playCalled = false;
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-
-	  this.player.play = function () {
-	    playCalled = true;
-	  };
-
-	  var sources;
-
-	  this.player.src = function (src) {
-	    if (src) {
-	      sources = src;
-	    }
-
-	    return sources[0];
-	  };
-
-	  this.player.currentSrc = function () {
-	    return sources[0].src;
-	  };
-
-	  this.player.playlistMenu.items[1].trigger('tap'); // trigger a loadstart synchronously to simplify the test
-
-	  this.player.trigger('loadstart');
-	  assert.strictEqual(playCalled, false, 'play should not get called by default');
-	});
-	QUnit.test('disposing the playlist menu nulls out the player\'s reference to it', function (assert) {
-	  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 2, 'there are two playlist containers at the start');
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  this.player.playlistMenu.dispose();
-	  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 1, 'only the unused playlist container is left');
-	  assert.strictEqual(this.player.playlistMenu, null, 'the playlistMenu property is null');
-	});
-	QUnit.test('disposing the playlist menu removes playlist menu items', function (assert) {
-	  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 2, 'there are two playlist containers at the start');
-	  this.player.playlist(playlist);
-	  this.player.playlistUi(); // Cache some references so we can refer to them after disposal.
-
-	  var items = [].concat(this.player.playlistMenu.items);
-	  this.player.playlistMenu.dispose();
-	  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 1, 'only the unused playlist container is left');
-	  assert.strictEqual(this.player.playlistMenu, null, 'the playlistMenu property is null');
-	  items.forEach(function (i) {
-	    assert.strictEqual(i.el_, null, "the item \"" + i.id_ + "\" has been disposed");
-	  });
-	});
-	QUnit.test('disposing the player also disposes the playlist menu', function (assert) {
-	  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 2, 'there are two playlist containers at the start');
-	  this.player.playlist(playlist);
-	  this.player.playlistUi();
-	  this.player.dispose();
-	  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 1, 'only the unused playlist container is left');
-	  assert.strictEqual(this.player.playlistMenu, null, 'the playlistMenu property is null');
-	});
-
-}(videojs,QUnit));
diff --git a/negromate/web/static/js/videojs-playlist-ui/test/example/oceans-low.jpg b/negromate/web/static/js/videojs-playlist-ui/test/example/oceans-low.jpg
deleted file mode 100644
index 5d16b45..0000000
Binary files a/negromate/web/static/js/videojs-playlist-ui/test/example/oceans-low.jpg and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist-ui/test/example/oceans.jpg b/negromate/web/static/js/videojs-playlist-ui/test/example/oceans.jpg
deleted file mode 100644
index 4bf702a..0000000
Binary files a/negromate/web/static/js/videojs-playlist-ui/test/example/oceans.jpg and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist-ui/test/plugin.test.js b/negromate/web/static/js/videojs-playlist-ui/test/plugin.test.js
deleted file mode 100644
index 37cc1b4..0000000
--- a/negromate/web/static/js/videojs-playlist-ui/test/plugin.test.js
+++ /dev/null
@@ -1,576 +0,0 @@
-/* eslint-disable no-console */
-import document from 'global/document';
-import window from 'global/window';
-import QUnit from 'qunit';
-import videojs from 'video.js';
-
-import 'videojs-playlist';
-import '../src/plugin';
-
-const playlist = [{
-  name: 'Movie 1',
-  description: 'Movie 1 description',
-  duration: 100,
-  data: {
-    id: '1',
-    foo: 'bar'
-  },
-  sources: [{
-    src: '//example.com/movie1.mp4',
-    type: 'video/mp4'
-  }]
-}, {
-  sources: [{
-    src: '//example.com/movie2.mp4',
-    type: 'video/mp4'
-  }],
-  thumbnail: '//example.com/movie2.jpg'
-}];
-
-const resolveUrl = url => {
-  const a = document.createElement('a');
-
-  a.href = url;
-  return a.href;
-};
-
-const dom = videojs.dom || videojs;
-const Html5 = videojs.getTech('Html5');
-
-QUnit.test('the environment is sane', function(assert) {
-  assert.ok(true, 'everything is swell');
-});
-
-function setup() {
-  this.oldVideojsBrowser = videojs.browser;
-  videojs.browser = videojs.mergeOptions({}, videojs.browser);
-
-  this.fixture = document.querySelector('#qunit-fixture');
-
-  // force HTML support so the tests run in a reasonable
-  // environment under phantomjs
-  this.realIsHtmlSupported = Html5.isSupported;
-  Html5.isSupported = function() {
-    return true;
-  };
-
-  // create a video element
-  const video = document.createElement('video');
-
-  this.fixture.appendChild(video);
-
-  // create a video.js player
-  this.player = videojs(video);
-
-  // Create two playlist container elements.
-  this.fixture.appendChild(dom.createEl('div', {className: 'vjs-playlist'}));
-  this.fixture.appendChild(dom.createEl('div', {className: 'vjs-playlist'}));
-}
-
-function teardown() {
-  videojs.browser = this.oldVideojsBrowser;
-  Html5.isSupported = this.realIsHtmlSupported;
-  this.player.dispose();
-  this.player = null;
-  dom.emptyEl(this.fixture);
-}
-
-QUnit.module('videojs-playlist-ui', {beforeEach: setup, afterEach: teardown});
-
-QUnit.test('registers itself', function(assert) {
-  assert.ok(this.player.playlistUi, 'registered the plugin');
-});
-
-QUnit.test('errors if used without the playlist plugin', function(assert) {
-  assert.throws(function() {
-    this.player.playlist = null;
-    this.player.playlistUi();
-  }, 'threw on init');
-});
-
-QUnit.test('is empty if the playlist plugin isn\'t initialized', function(assert) {
-  this.player.playlistUi();
-
-  const items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.ok(this.fixture.querySelector('.vjs-playlist'), 'created the menu');
-  assert.strictEqual(items.length, 0, 'displayed no items');
-});
-
-QUnit.test('can be initialized with an element (deprecated form)', function(assert) {
-  const elem = dom.createEl('div');
-
-  this.player.playlist(playlist);
-  this.player.playlistUi(elem);
-
-  assert.strictEqual(
-    elem.querySelectorAll('li.vjs-playlist-item').length,
-    playlist.length,
-    'created an element for each playlist item'
-  );
-});
-
-QUnit.test('can be initialized with an element', function(assert) {
-  const elem = dom.createEl('div');
-
-  this.player.playlist(playlist);
-  this.player.playlistUi({el: elem});
-
-  assert.strictEqual(
-    elem.querySelectorAll('li.vjs-playlist-item').length,
-    playlist.length,
-    'created an element for each playlist item'
-  );
-});
-
-QUnit.test('can look for an element with the class "vjs-playlist" that is not already in use', function(assert) {
-  const firstEl = this.fixture.querySelectorAll('.vjs-playlist')[0];
-  const secondEl = this.fixture.querySelectorAll('.vjs-playlist')[1];
-
-  // Give the firstEl a child, so the plugin thinks it is in use and moves on
-  // to the next one.
-  firstEl.appendChild(dom.createEl('div'));
-
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  assert.strictEqual(this.player.playlistMenu.el(), secondEl, 'used the first matching/empty element');
-  assert.strictEqual(
-    secondEl.querySelectorAll('li.vjs-playlist-item').length,
-    playlist.length,
-    'found an element for each playlist item'
-  );
-});
-
-QUnit.test('can look for an element with a custom class that is not already in use', function(assert) {
-  const firstEl = dom.createEl('div', {className: 'super-playlist'});
-  const secondEl = dom.createEl('div', {className: 'super-playlist'});
-
-  // Give the firstEl a child, so the plugin thinks it is in use and moves on
-  // to the next one.
-  firstEl.appendChild(dom.createEl('div'));
-
-  this.fixture.appendChild(firstEl);
-  this.fixture.appendChild(secondEl);
-
-  this.player.playlist(playlist);
-  this.player.playlistUi({
-    className: 'super-playlist'
-  });
-
-  assert.strictEqual(this.player.playlistMenu.el(), secondEl, 'used the first matching/empty element');
-  assert.strictEqual(
-    this.fixture.querySelectorAll('li.vjs-playlist-item').length,
-    playlist.length,
-    'created an element for each playlist item'
-  );
-});
-
-QUnit.test('specializes the class name if touch input is absent', function(assert) {
-  videojs.browser.TOUCH_ENABLED = false;
-
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  assert.ok(this.player.playlistMenu.hasClass('vjs-mouse'), 'marked the playlist menu');
-});
-
-QUnit.test('can be re-initialized without doubling the contents of the list', function(assert) {
-  const el = this.fixture.querySelectorAll('.vjs-playlist')[0];
-
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-  this.player.playlistUi();
-  this.player.playlistUi();
-
-  assert.strictEqual(this.player.playlistMenu.el(), el, 'used the first matching/empty element');
-  assert.strictEqual(
-    el.querySelectorAll('li.vjs-playlist-item').length,
-    playlist.length,
-    'found an element for each playlist item'
-  );
-});
-
-QUnit.module('videojs-playlist-ui: Components', {beforeEach: setup, afterEach: teardown});
-
-// --------------------
-// Creation and Updates
-// --------------------
-
-QUnit.test('includes the video name if provided', function(assert) {
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  const items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.strictEqual(items[0].querySelector('.vjs-playlist-name').textContent,
-    playlist[0].name,
-    'wrote the name');
-  assert.strictEqual(items[1].querySelector('.vjs-playlist-name').textContent,
-    'Untitled Video',
-    'wrote a placeholder for the name');
-});
-
-QUnit.test('includes custom data attribute if provided', function(assert) {
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  const items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.strictEqual(items[0].dataset.id,
-    playlist[0].data.id,
-    'set a single data attribute');
-  assert.strictEqual(items[0].dataset.id,
-    '1',
-    'set a single data attribute (actual value)');
-  assert.strictEqual(items[0].dataset.foo,
-    playlist[0].data.foo,
-    'set an addtional data attribute');
-  assert.strictEqual(items[0].dataset.foo,
-    'bar',
-    'set an addtional data attribute');
-});
-
-QUnit.test('outputs a <picture> for simple thumbnails', function(assert) {
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  const pictures = this.fixture.querySelectorAll('.vjs-playlist-item picture');
-
-  assert.strictEqual(pictures.length, 1, 'output one picture');
-  const imgs = pictures[0].querySelectorAll('img');
-
-  assert.strictEqual(imgs.length, 1, 'output one img');
-  assert.strictEqual(imgs[0].src, window.location.protocol + playlist[1].thumbnail, 'set the src attribute');
-});
-
-QUnit.test('outputs a <picture> for responsive thumbnails', function(assert) {
-  const playlistOverride = [{
-    sources: [{
-      src: '//example.com/movie.mp4',
-      type: 'video/mp4'
-    }],
-    thumbnail: [{
-      srcset: '/test/example/oceans.jpg',
-      type: 'image/jpeg',
-      media: '(min-width: 400px;)'
-    }, {
-      src: '/test/example/oceans-low.jpg'
-    }]
-  }];
-
-  this.player.playlist(playlistOverride);
-  this.player.playlistUi();
-
-  const sources = this.fixture.querySelectorAll('.vjs-playlist-item picture source');
-  const imgs = this.fixture.querySelectorAll('.vjs-playlist-item picture img');
-
-  assert.strictEqual(sources.length, 1, 'output one source');
-  assert.strictEqual(sources[0].srcset,
-    playlistOverride[0].thumbnail[0].srcset,
-    'wrote the srcset attribute');
-  assert.strictEqual(sources[0].type,
-    playlistOverride[0].thumbnail[0].type,
-    'wrote the type attribute');
-  assert.strictEqual(sources[0].media,
-    playlistOverride[0].thumbnail[0].media,
-    'wrote the type attribute');
-  assert.strictEqual(imgs.length, 1, 'output one img');
-  assert.strictEqual(imgs[0].src,
-    resolveUrl(playlistOverride[0].thumbnail[1].src),
-    'output the img src attribute');
-});
-
-QUnit.test('outputs a placeholder for items without thumbnails', function(assert) {
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  const thumbnails = this.fixture.querySelectorAll('.vjs-playlist-item .vjs-playlist-thumbnail');
-
-  assert.strictEqual(thumbnails.length, playlist.length, 'output two thumbnails');
-  assert.strictEqual(thumbnails[0].nodeName.toLowerCase(), 'div', 'the second is a placeholder');
-});
-
-QUnit.test('includes the duration if one is provided', function(assert) {
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  const durations = this.fixture.querySelectorAll('.vjs-playlist-item .vjs-playlist-duration');
-
-  assert.strictEqual(durations.length, 1, 'skipped the item without a duration');
-  assert.strictEqual(durations[0].textContent,
-    '1:40',
-    'wrote the duration');
-  assert.strictEqual(durations[0].getAttribute('datetime'),
-    'PT0H0M' + playlist[0].duration + 'S',
-    'wrote a machine-readable datetime');
-});
-
-QUnit.test('marks the selected playlist item on startup', function(assert) {
-  this.player.playlist(playlist);
-  this.player.currentSrc = () => playlist[0].sources[0].src;
-  this.player.playlistUi();
-
-  const selectedItems = this.fixture.querySelectorAll('.vjs-playlist-item.vjs-selected');
-
-  assert.strictEqual(selectedItems.length, 1, 'marked one playlist item');
-  assert.strictEqual(selectedItems[0].querySelector('.vjs-playlist-name').textContent,
-    playlist[0].name,
-    'marked the first playlist item');
-});
-
-QUnit.test('updates the selected playlist item on loadstart', function(assert) {
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  this.player.playlist.currentItem(1);
-  this.player.currentSrc = () => playlist[1].sources[0].src;
-  this.player.trigger('loadstart');
-
-  const selectedItems = this.fixture.querySelectorAll('.vjs-playlist-item.vjs-selected');
-
-  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist-item').length,
-    playlist.length,
-    'displayed the correct number of items');
-  assert.strictEqual(selectedItems.length, 1, 'marked one playlist item');
-  assert.strictEqual(selectedItems[0].querySelector('img').src,
-    resolveUrl(playlist[1].thumbnail),
-    'marked the second playlist item');
-});
-
-QUnit.test('selects no item if the playlist is not in use', function(assert) {
-  this.player.playlist(playlist);
-  this.player.playlist.currentItem = () => -1;
-  this.player.playlistUi();
-
-  this.player.trigger('loadstart');
-
-  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist-item.vjs-selected').length,
-    0,
-    'no items selected');
-});
-
-QUnit.test('updates on "playlistchange", different lengths', function(assert) {
-  this.player.playlist([]);
-  this.player.playlistUi();
-
-  let items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.strictEqual(items.length, 0, 'no items initially');
-
-  this.player.playlist(playlist);
-  this.player.trigger('playlistchange');
-  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-});
-
-QUnit.test('updates on "playlistchange", equal lengths', function(assert) {
-  this.player.playlist([{sources: []}, {sources: []}]);
-  this.player.playlistUi();
-
-  let items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.strictEqual(items.length, 2, 'two items initially');
-
-  this.player.playlist(playlist);
-  this.player.trigger('playlistchange');
-  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-  assert.strictEqual(this.player.playlistMenu.items[0].item, playlist[0], 'we have updated items');
-  assert.strictEqual(this.player.playlistMenu.items[1].item, playlist[1], 'we have updated items');
-});
-
-QUnit.test('updates on "playlistchange", update selection', function(assert) {
-  this.player.playlist(playlist);
-  this.player.currentSrc = function() {
-    return playlist[0].sources[0].src;
-  };
-  this.player.playlistUi();
-
-  let items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.strictEqual(items.length, 2, 'two items initially');
-
-  assert.ok((/vjs-selected/).test(items[0].getAttribute('class')), 'first item is selected by default');
-  this.player.playlist.currentItem(1);
-  this.player.currentSrc = function() {
-    return playlist[1].sources[0].src;
-  };
-
-  this.player.trigger('playlistchange');
-  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-  assert.ok((/vjs-selected/).test(items[1].getAttribute('class')), 'second item is selected after update');
-  assert.ok(!(/vjs-selected/).test(items[0].getAttribute('class')), 'first item is not selected after update');
-});
-
-QUnit.test('updates on "playlistsorted", different lengths', function(assert) {
-  this.player.playlist([]);
-  this.player.playlistUi();
-
-  let items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.strictEqual(items.length, 0, 'no items initially');
-
-  this.player.playlist(playlist);
-  this.player.trigger('playlistsorted');
-  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-});
-
-QUnit.test('updates on "playlistsorted", equal lengths', function(assert) {
-  this.player.playlist([{sources: []}, {sources: []}]);
-  this.player.playlistUi();
-
-  let items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.strictEqual(items.length, 2, 'two items initially');
-
-  this.player.playlist(playlist);
-  this.player.trigger('playlistsorted');
-  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-  assert.strictEqual(this.player.playlistMenu.items[0].item, playlist[0], 'we have updated items');
-  assert.strictEqual(this.player.playlistMenu.items[1].item, playlist[1], 'we have updated items');
-});
-
-QUnit.test('updates on "playlistsorted", update selection', function(assert) {
-  this.player.playlist(playlist);
-  this.player.currentSrc = function() {
-    return playlist[0].sources[0].src;
-  };
-  this.player.playlistUi();
-
-  let items = this.fixture.querySelectorAll('.vjs-playlist-item');
-
-  assert.strictEqual(items.length, 2, 'two items initially');
-
-  assert.ok((/vjs-selected/).test(items[0].getAttribute('class')), 'first item is selected by default');
-  this.player.playlist.currentItem(1);
-  this.player.currentSrc = function() {
-    return playlist[1].sources[0].src;
-  };
-
-  this.player.trigger('playlistsorted');
-  items = this.fixture.querySelectorAll('.vjs-playlist-item');
-  assert.strictEqual(items.length, playlist.length, 'updated with the new items');
-  assert.ok((/vjs-selected/).test(items[1].getAttribute('class')), 'second item is selected after update');
-  assert.ok(!(/vjs-selected/).test(items[0].getAttribute('class')), 'first item is not selected after update');
-});
-
-QUnit.test('tracks when an ad is playing', function(assert) {
-  this.player.playlist([]);
-  this.player.playlistUi();
-
-  this.player.duration = () => 5;
-
-  const playlistMenu = this.player.playlistMenu;
-
-  assert.ok(!playlistMenu.hasClass('vjs-ad-playing'),
-    'does not have class vjs-ad-playing');
-  this.player.trigger('adstart');
-  assert.ok(playlistMenu.hasClass('vjs-ad-playing'),
-    'has class vjs-ad-playing');
-
-  this.player.trigger('adend');
-  assert.ok(!playlistMenu.hasClass('vjs-ad-playing'),
-    'does not have class vjs-ad-playing');
-});
-
-// -----------
-// Interaction
-// -----------
-
-QUnit.test('changes the selection when tapped', function(assert) {
-  let playCalled = false;
-
-  this.player.playlist(playlist);
-  this.player.playlistUi({playOnSelect: true});
-  this.player.play = function() {
-    playCalled = true;
-  };
-
-  let sources;
-
-  this.player.src = (src) => {
-    if (src) {
-      sources = src;
-    }
-    return sources[0];
-  };
-  this.player.currentSrc = () => sources[0].src;
-  this.player.playlistMenu.items[1].trigger('tap');
-  // trigger a loadstart synchronously to simplify the test
-  this.player.trigger('loadstart');
-
-  assert.ok(this.player.playlistMenu.items[1].hasClass('vjs-selected'),
-    'selected the new item');
-  assert.ok(!this.player.playlistMenu.items[0].hasClass('vjs-selected'),
-    'deselected the old item');
-  assert.strictEqual(playCalled, true, 'play gets called if option is set');
-});
-
-QUnit.test('play should not get called by default upon selection of menu items ', function(assert) {
-  let playCalled = false;
-
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-  this.player.play = function() {
-    playCalled = true;
-  };
-
-  let sources;
-
-  this.player.src = (src) => {
-    if (src) {
-      sources = src;
-    }
-    return sources[0];
-  };
-  this.player.currentSrc = () => sources[0].src;
-  this.player.playlistMenu.items[1].trigger('tap');
-  // trigger a loadstart synchronously to simplify the test
-  this.player.trigger('loadstart');
-  assert.strictEqual(playCalled, false, 'play should not get called by default');
-});
-
-QUnit.test('disposing the playlist menu nulls out the player\'s reference to it', function(assert) {
-  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 2, 'there are two playlist containers at the start');
-
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-  this.player.playlistMenu.dispose();
-
-  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 1, 'only the unused playlist container is left');
-  assert.strictEqual(this.player.playlistMenu, null, 'the playlistMenu property is null');
-});
-
-QUnit.test('disposing the playlist menu removes playlist menu items', function(assert) {
-  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 2, 'there are two playlist containers at the start');
-
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-
-  // Cache some references so we can refer to them after disposal.
-  const items = [].concat(this.player.playlistMenu.items);
-
-  this.player.playlistMenu.dispose();
-
-  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 1, 'only the unused playlist container is left');
-  assert.strictEqual(this.player.playlistMenu, null, 'the playlistMenu property is null');
-
-  items.forEach(i => {
-    assert.strictEqual(i.el_, null, `the item "${i.id_}" has been disposed`);
-  });
-});
-
-QUnit.test('disposing the player also disposes the playlist menu', function(assert) {
-  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 2, 'there are two playlist containers at the start');
-
-  this.player.playlist(playlist);
-  this.player.playlistUi();
-  this.player.dispose();
-
-  assert.strictEqual(this.fixture.querySelectorAll('.vjs-playlist').length, 1, 'only the unused playlist container is left');
-  assert.strictEqual(this.player.playlistMenu, null, 'the playlistMenu property is null');
-});
diff --git a/negromate/web/static/js/videojs-playlist/CHANGELOG.md b/negromate/web/static/js/videojs-playlist/CHANGELOG.md
deleted file mode 100644
index 51957b0..0000000
--- a/negromate/web/static/js/videojs-playlist/CHANGELOG.md
+++ /dev/null
@@ -1,149 +0,0 @@
-<a name="4.2.6"></a>
-## [4.2.6](https://github.com/brightcove/videojs-playlist/compare/v4.2.5...v4.2.6) (2018-09-05)
-
-### Bug Fixes
-
-* Remove the postinstall script to prevent install issues ([#119](https://github.com/brightcove/videojs-playlist/issues/119)) ([159fafe](https://github.com/brightcove/videojs-playlist/commit/159fafe))
-
-<a name="4.2.5"></a>
-## [4.2.5](https://github.com/brightcove/videojs-playlist/compare/v4.2.4...v4.2.5) (2018-08-30)
-
-### Chores
-
-* update generator to v7.1.1 ([12c5d53](https://github.com/brightcove/videojs-playlist/commit/12c5d53))
-* **package:** Update rollup to version 0.65.0 ([#116](https://github.com/brightcove/videojs-playlist/issues/116)) ([17d6a37](https://github.com/brightcove/videojs-playlist/commit/17d6a37))
-* update to generator-videojs-plugin[@7](https://github.com/7).2.0 ([4b90483](https://github.com/brightcove/videojs-playlist/commit/4b90483))
-
-<a name="4.2.4"></a>
-## [4.2.4](https://github.com/brightcove/videojs-playlist/compare/v4.2.3...v4.2.4) (2018-08-23)
-
-### Chores
-
-* generator v7 ([#114](https://github.com/brightcove/videojs-playlist/issues/114)) ([e671236](https://github.com/brightcove/videojs-playlist/commit/e671236))
-
-<a name="4.2.3"></a>
-## [4.2.3](https://github.com/brightcove/videojs-playlist/compare/v4.2.2...v4.2.3) (2018-08-03)
-
-### Bug Fixes
-
-* babel the es dist, by updating the generator ([#107](https://github.com/brightcove/videojs-playlist/issues/107)) ([4f1fdb9](https://github.com/brightcove/videojs-playlist/commit/4f1fdb9))
-
-### Chores
-
-* **package:** update dependencies, enable greenkeeper ([#106](https://github.com/brightcove/videojs-playlist/issues/106)) ([5ed060e](https://github.com/brightcove/videojs-playlist/commit/5ed060e))
-
-<a name="4.2.2"></a>
-## [4.2.2](https://github.com/brightcove/videojs-playlist/compare/v4.2.1...v4.2.2) (2018-07-05)
-
-### Chores
-
-* generator v6 ([#102](https://github.com/brightcove/videojs-playlist/issues/102)) ([8c50798](https://github.com/brightcove/videojs-playlist/commit/8c50798))
-
-<a name="4.2.1"></a>
-## [4.2.1](https://github.com/brightcove/videojs-playlist/compare/v4.2.0...v4.2.1) (2018-06-13)
-
-### Features
-
-* Expose the version of the plugin at the `VERSION` property. ([#94](https://github.com/brightcove/videojs-playlist/issues/94)) ([d71dec1](https://github.com/brightcove/videojs-playlist/commit/d71dec1))
-
-<a name="4.2.0"></a>
-# [4.2.0](https://github.com/brightcove/videojs-playlist/compare/v4.1.1...v4.2.0) (2018-01-25)
-
-### Features
-
-* Add 'duringplaylistchange' event. ([#92](https://github.com/brightcove/videojs-playlist/issues/92)) ([eb80503](https://github.com/brightcove/videojs-playlist/commit/eb80503))
-* Add 'rest' option to the shuffle method. ([#91](https://github.com/brightcove/videojs-playlist/issues/91)) ([57d5f0c](https://github.com/brightcove/videojs-playlist/commit/57d5f0c))
-
-<a name="4.1.1"></a>
-## [4.1.1](https://github.com/brightcove/videojs-playlist/compare/v4.1.0...v4.1.1) (2018-01-08)
-
-### Bug Fixes
-
-* Fix an issue where we could auto-advance even if the user restarted playback after an ended event. ([#88](https://github.com/brightcove/videojs-playlist/issues/88)) ([5d872d1](https://github.com/brightcove/videojs-playlist/commit/5d872d1))
-
-<a name="4.1.0"></a>
-# [4.1.0](https://github.com/brightcove/videojs-playlist/compare/v4.0.2...v4.1.0) (2017-11-28)
-
-### Features
-
-* Add new methods: `currentIndex`, `nextIndex`, `previousIndex`, `lastIndex`, `sort`, `reverse`, and `shuffle`. ([#87](https://github.com/brightcove/videojs-playlist/issues/87)) ([271a27b](https://github.com/brightcove/videojs-playlist/commit/271a27b))
-
-### Documentation
-
-* Fix missing call to playlist ([#86](https://github.com/brightcove/videojs-playlist/issues/86)) ([a7ffd57](https://github.com/brightcove/videojs-playlist/commit/a7ffd57))
-
-<a name="4.0.2"></a>
-## [4.0.2](https://github.com/brightcove/videojs-playlist/compare/v4.0.1...v4.0.2) (2017-11-13)
-
-### Bug Fixes
-
-* Fix item switching for asynchronous source setting in Video.js 6. ([#85](https://github.com/brightcove/videojs-playlist/issues/85)) ([8a77bf0](https://github.com/brightcove/videojs-playlist/commit/8a77bf0))
-
-<a name="4.0.1"></a>
-## [4.0.1](https://github.com/brightcove/videojs-playlist/compare/v4.0.0...v4.0.1) (2017-10-16)
-
-### Chores
-
-* depend on either vjs 5.x or 6.x ([#84](https://github.com/brightcove/videojs-playlist/issues/84)) ([3f3c946](https://github.com/brightcove/videojs-playlist/commit/3f3c946))
-
-<a name="4.0.0"></a>
-# [4.0.0](https://github.com/brightcove/videojs-playlist/compare/v2.0.0...v4.0.0) (2017-05-19)
-
-### Chores
-
-* Update tooling using generator v5 prerelease. ([#79](https://github.com/brightcove/videojs-playlist/issues/79)) ([0b53140](https://github.com/brightcove/videojs-playlist/commit/0b53140))
-
-
-### BREAKING CHANGES
-
-* Remove Bower support.
-
-## 3.1.1 (2017-04-27)
-_(none)_
-
-## 3.1.0 (2017-04-03)
-* @incompl Add repeat functionality to plugin [#71](https://github.com/brightcove/videojs-playlist/pull/71)
-
-## 3.0.2 (2017-02-10)
-* @misteroneill Suppress videojs.plugin deprecation warning in Video.js 6 [#68](https://github.com/brightcove/videojs-playlist/pull/68)
-
-## 3.0.1 (2017-01-30)
-* @misteroneill Update project to use latest version of plugin generator as well as ensure cross-version support between Video.js 5 and 6. [#63](https://github.com/brightcove/videojs-playlist/pull/63)
-
-## 3.0.0 (2016-09-12)
-* @misteroneill Remove Brightcove VideoCloud-specific Code [#51](https://github.com/brightcove/videojs-playlist/pull/51)
-
-## 2.5.0 (2016-09-12)
-* @mister-ben Load playlist with initial video at specified index or no starting video [#38](https://github.com/brightcove/videojs-playlist/pull/38)
-
-## 2.4.1 (2016-04-21)
-* @gkatsev fixed build scripts to only apply browserify-shim for dist files. Fixes [#36](https://github.com/brightcove/videojs-playlist/issues/36). [#44](https://github.com/brightcove/videojs-playlist/pull/44)
-
-## 2.4.0 (2016-04-21)
-* @vdeshpande Fixed an issue where incorrect end time value was used [#43](https://github.com/brightcove/videojs-playlist/pull/43)
-
-## 2.3.0 (2016-04-19)
-* @vdeshpande Support cue point intervals [#37](https://github.com/brightcove/videojs-playlist/pull/37)
-
-## 2.2.0 (2016-01-29)
-* @forbesjo Support turning a list of cue points into a TextTrack [#24](https://github.com/brightcove/videojs-playlist/pull/24)
-
-## 2.1.0 (2015-12-30)
-* @misteroneill Moved to the generator-videojs-plugin format and added `last()` method [#23](https://github.com/brightcove/videojs-playlist/pull/23)
-
-## 2.0.0 (2015-11-25)
-* @misteroneill Updates for video.js 5.x [#22](https://github.com/brightcove/videojs-playlist/pull/22)
-* @saramartinez Fix typos in examples for `currentItem()` method [#18](https://github.com/brightcove/videojs-playlist/pull/18)
-
-## 1.0.3 (2015-08-24)
-* @forbesjo README update [#16](https://github.com/brightcove/videojs-playlist/pull/16)
-* @forbesjo Fix for playlist items without a `src` [#14](https://github.com/brightcove/videojs-playlist/pull/14)
-
-## 1.0.2 (2015-04-09)
-* @gkatsev Explicitly define which files are included.
-
-## 1.0.1 (2015-03-30)
-* @gkatsev Added missing repository field to `package.json`.
-
-## 1.0.0 (2015-03-30)
-* @gkatsev Initial release.
diff --git a/negromate/web/static/js/videojs-playlist/CONTRIBUTING.md b/negromate/web/static/js/videojs-playlist/CONTRIBUTING.md
deleted file mode 100644
index 7840f8c..0000000
--- a/negromate/web/static/js/videojs-playlist/CONTRIBUTING.md
+++ /dev/null
@@ -1,30 +0,0 @@
-# CONTRIBUTING
-
-We welcome contributions from everyone!
-
-## Getting Started
-
-Make sure you have Node.js 4.8 or higher and npm installed.
-
-1. Fork this repository and clone your fork
-1. Install dependencies: `npm install`
-1. Run a development server: `npm start`
-
-### Making Changes
-
-Refer to the [video.js plugin conventions][conventions] for more detail on best practices and tooling for video.js plugin authorship.
-
-When you've made your changes, push your commit(s) to your fork and issue a pull request against the original repository.
-
-### Running Tests
-
-Testing is a crucial part of any software project. For all but the most trivial changes (typos, etc) test cases are expected. Tests are run in actual browsers using [Karma][karma].
-
-- In all available and supported browsers: `npm test`
-- In a specific browser: `npm run test:chrome`, `npm run test:firefox`, etc.
-- While development server is running (`npm start`), navigate to [`http://localhost:9999/test/`][local]
-
-
-[karma]: http://karma-runner.github.io/
-[local]: http://localhost:9999/test/
-[conventions]: https://github.com/videojs/generator-videojs-plugin/blob/master/docs/conventions.md
diff --git a/negromate/web/static/js/videojs-playlist/LICENSE b/negromate/web/static/js/videojs-playlist/LICENSE
deleted file mode 100644
index 50c17f4..0000000
--- a/negromate/web/static/js/videojs-playlist/LICENSE
+++ /dev/null
@@ -1,13 +0,0 @@
-Copyright Brightcove, Inc.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
diff --git a/negromate/web/static/js/videojs-playlist/README.md b/negromate/web/static/js/videojs-playlist/README.md
deleted file mode 100644
index 1860fca..0000000
--- a/negromate/web/static/js/videojs-playlist/README.md
+++ /dev/null
@@ -1,96 +0,0 @@
-# videojs-playlist
-
-[![Build Status](https://travis-ci.org/brightcove/videojs-playlist.svg?branch=master)](https://travis-ci.org/brightcove/videojs-playlist)
-[![Greenkeeper badge](https://badges.greenkeeper.io/brightcove/videojs-playlist.svg)](https://greenkeeper.io/)
-[![Slack Status](http://slack.videojs.com/badge.svg)](http://slack.videojs.com)
-
-[![NPM](https://nodei.co/npm/videojs-playlist.png?downloads=true&downloadRank=true)](https://nodei.co/npm/videojs-playlist/)
-
-A plugin to enable playlists in video.js
-
-Maintenance Status: Stable
-
-<!-- START doctoc generated TOC please keep comment here to allow auto update -->
-<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
-
-
-- [Installation](#installation)
-- [Inclusion](#inclusion)
-- [Basic Usage](#basic-usage)
-- [License](#license)
-
-<!-- END doctoc generated TOC please keep comment here to allow auto update -->
-
-## Installation
-
-Install videojs-playlist via npm (preferred):
-
-```sh
-$ npm install videojs-playlist
-```
-
-Or Bower:
-
-```sh
-$ bower install videojs-playlist
-```
-
-## Inclusion
-
-Include videojs-playlist on your website using the tool(s) of your choice.
-
-The simplest method of inclusion is a `<script>` tag after the video.js `<script>` tag:
-
-```html
-<script src="path/to/video.js/dist/video.js"></script>
-<script src="path/to/videojs-playlist/dist/videojs-playlist.js"></script>
-```
-
-When installed via npm, videojs-playlist supports Browserify-based workflows out of the box.
-
-## Basic Usage
-
-For full details on how to use the playlist plugin can be found in [the API documentation](docs/api.md).
-
-```js
-var player = videojs('video');
-
-player.playlist([{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}, {
-  sources: [{
-    src: 'http://vjs.zencdn.net/v/oceans.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://www.videojs.com/img/poster.jpg'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/movie.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/video/poster.png'
-}]);
-
-// Play through the playlist automatically.
-player.playlist.autoadvance(0);
-```
-
-## License
-
-Apache-2.0. Copyright (c) Brightcove, Inc.
diff --git a/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.cjs.js b/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.cjs.js
deleted file mode 100644
index 24b33ee..0000000
--- a/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.cjs.js
+++ /dev/null
@@ -1,767 +0,0 @@
-/*! @name videojs-playlist @version 4.2.6 @license Apache-2.0 */
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var videojs = _interopDefault(require('video.js'));
-
-/**
- * Validates a number of seconds to use as the auto-advance delay.
- *
- * @private
- * @param   {number} s
- *          The number to check
- *
- * @return  {boolean}
- *          Whether this is a valid second or not
- */
-var validSeconds = function validSeconds(s) {
-  return typeof s === 'number' && !isNaN(s) && s >= 0 && s < Infinity;
-};
-/**
- * Resets the auto-advance behavior of a player.
- *
- * @param {Player} player
- *        The player to reset the behavior on
- */
-
-
-var reset = function reset(player) {
-  var aa = player.playlist.autoadvance_;
-
-  if (aa.timeout) {
-    player.clearTimeout(aa.timeout);
-  }
-
-  if (aa.trigger) {
-    player.off('ended', aa.trigger);
-  }
-
-  aa.timeout = null;
-  aa.trigger = null;
-};
-/**
- * Sets up auto-advance behavior on a player.
- *
- * @param  {Player} player
- *         the current player
- *
- * @param  {number} delay
- *         The number of seconds to wait before each auto-advance.
- *
- * @return {undefined}
- *         Used to short circuit function logic
- */
-
-
-var setup = function setup(player, delay) {
-  reset(player); // Before queuing up new auto-advance behavior, check if `seconds` was
-  // called with a valid value.
-
-  if (!validSeconds(delay)) {
-    player.playlist.autoadvance_.delay = null;
-    return;
-  }
-
-  player.playlist.autoadvance_.delay = delay;
-
-  player.playlist.autoadvance_.trigger = function () {
-    // This calls setup again, which will reset the existing auto-advance and
-    // set up another auto-advance for the next "ended" event.
-    var cancelOnPlay = function cancelOnPlay() {
-      return setup(player, delay);
-    }; // If there is a "play" event while we're waiting for an auto-advance,
-    // we need to cancel the auto-advance. This could mean the user seeked
-    // back into the content or restarted the content. This is reproducible
-    // with an auto-advance > 0.
-
-
-    player.one('play', cancelOnPlay);
-    player.playlist.autoadvance_.timeout = player.setTimeout(function () {
-      reset(player);
-      player.off('play', cancelOnPlay);
-      player.playlist.next();
-    }, delay * 1000);
-  };
-
-  player.one('ended', player.playlist.autoadvance_.trigger);
-};
-
-/**
- * Removes all remote text tracks from a player.
- *
- * @param  {Player} player
- *         The player to clear tracks on
- */
-
-var clearTracks = function clearTracks(player) {
-  var tracks = player.remoteTextTracks();
-  var i = tracks && tracks.length || 0; // This uses a `while` loop rather than `forEach` because the
-  // `TextTrackList` object is a live DOM list (not an array).
-
-  while (i--) {
-    player.removeRemoteTextTrack(tracks[i]);
-  }
-};
-/**
- * Plays an item on a player's playlist.
- *
- * @param  {Player} player
- *         The player to play the item on
- *
- * @param  {Object} item
- *         A source from the playlist.
- *
- * @return {Player}
- *         The player that is now playing the item
- */
-
-
-var playItem = function playItem(player, item) {
-  var replay = !player.paused() || player.ended();
-  player.trigger('beforeplaylistitem', item);
-  player.poster(item.poster || '');
-  player.src(item.sources);
-  clearTracks(player);
-  player.ready(function () {
-    (item.textTracks || []).forEach(player.addRemoteTextTrack.bind(player));
-    player.trigger('playlistitem', item);
-
-    if (replay) {
-      var playPromise = player.play(); // silence error when a pause interrupts a play request
-      // on browsers which return a promise
-
-      if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-        playPromise.then(null, function (e) {});
-      }
-    }
-
-    setup(player, player.playlist.autoadvance_.delay);
-  });
-  return player;
-};
-
-/**
- * Given two sources, check to see whether the two sources are equal.
- * If both source urls have a protocol, the protocols must match, otherwise, protocols
- * are ignored.
- *
- * @private
- * @param {string|Object} source1
- *        The first source
- *
- * @param {string|Object} source2
- *        The second source
- *
- * @return {boolean}
- *         The result
- */
-
-var sourceEquals = function sourceEquals(source1, source2) {
-  var src1 = source1;
-  var src2 = source2;
-
-  if (typeof source1 === 'object') {
-    src1 = source1.src;
-  }
-
-  if (typeof source2 === 'object') {
-    src2 = source2.src;
-  }
-
-  if (/^\/\//.test(src1)) {
-    src2 = src2.slice(src2.indexOf('//'));
-  }
-
-  if (/^\/\//.test(src2)) {
-    src1 = src1.slice(src1.indexOf('//'));
-  }
-
-  return src1 === src2;
-};
-/**
- * Look through an array of playlist items for a specific `source`;
- * checking both the value of elements and the value of their `src`
- * property.
- *
- * @private
- * @param   {Array} arr
- *          An array of playlist items to look through
- *
- * @param   {string} src
- *          The source to look for
- *
- * @return  {number}
- *          The index of that source or -1
- */
-
-
-var indexInSources = function indexInSources(arr, src) {
-  for (var i = 0; i < arr.length; i++) {
-    var sources = arr[i].sources;
-
-    if (Array.isArray(sources)) {
-      for (var j = 0; j < sources.length; j++) {
-        var source = sources[j];
-
-        if (source && sourceEquals(source, src)) {
-          return i;
-        }
-      }
-    }
-  }
-
-  return -1;
-};
-/**
- * Randomize the contents of an array.
- *
- * @private
- * @param  {Array} arr
- *         An array.
- *
- * @return {Array}
- *         The same array that was passed in.
- */
-
-
-var randomize = function randomize(arr) {
-  var index = -1;
-  var lastIndex = arr.length - 1;
-
-  while (++index < arr.length) {
-    var rand = index + Math.floor(Math.random() * (lastIndex - index + 1));
-    var value = arr[rand];
-    arr[rand] = arr[index];
-    arr[index] = value;
-  }
-
-  return arr;
-};
-/**
- * Factory function for creating new playlist implementation on the given player.
- *
- * API summary:
- *
- * playlist(['a', 'b', 'c']) // setter
- * playlist() // getter
- * playlist.currentItem() // getter, 0
- * playlist.currentItem(1) // setter, 1
- * playlist.next() // 'c'
- * playlist.previous() // 'b'
- * playlist.first() // 'a'
- * playlist.last() // 'c'
- * playlist.autoadvance(5) // 5 second delay
- * playlist.autoadvance() // cancel autoadvance
- *
- * @param  {Player} player
- *         The current player
- *
- * @param  {Array=} initialList
- *         If given, an initial list of sources with which to populate
- *         the playlist.
- *
- * @param  {number=}  initialIndex
- *         If given, the index of the item in the list that should
- *         be loaded first. If -1, no video is loaded. If omitted, The
- *         the first video is loaded.
- *
- * @return {Function}
- *         Returns the playlist function specific to the given player.
- */
-
-
-function factory(player, initialList, initialIndex) {
-  if (initialIndex === void 0) {
-    initialIndex = 0;
-  }
-
-  var list = null;
-  var changing = false;
-  /**
-   * Get/set the playlist for a player.
-   *
-   * This function is added as an own property of the player and has its
-   * own methods which can be called to manipulate the internal state.
-   *
-   * @param  {Array} [newList]
-   *         If given, a new list of sources with which to populate the
-   *         playlist. Without this, the function acts as a getter.
-   *
-   * @param  {number}  [newIndex]
-   *         If given, the index of the item in the list that should
-   *         be loaded first. If -1, no video is loaded. If omitted, The
-   *         the first video is loaded.
-   *
-   * @return {Array}
-   *         The playlist
-   */
-
-  var playlist = player.playlist = function (newList, newIndex) {
-    if (newIndex === void 0) {
-      newIndex = 0;
-    }
-
-    if (changing) {
-      throw new Error('do not call playlist() during a playlist change');
-    }
-
-    if (Array.isArray(newList)) {
-      // @todo - Simplify this to `list.slice()` for v5.
-      var previousPlaylist = Array.isArray(list) ? list.slice() : null;
-      list = newList.slice(); // Mark the playlist as changing during the duringplaylistchange lifecycle.
-
-      changing = true;
-      player.trigger({
-        type: 'duringplaylistchange',
-        nextIndex: newIndex,
-        nextPlaylist: list,
-        previousIndex: playlist.currentIndex_,
-        // @todo - Simplify this to simply pass along `previousPlaylist` for v5.
-        previousPlaylist: previousPlaylist || []
-      });
-      changing = false;
-
-      if (newIndex !== -1) {
-        playlist.currentItem(newIndex);
-      } // The only time the previous playlist is null is the first call to this
-      // function. This allows us to fire the `duringplaylistchange` event
-      // every time the playlist is populated and to maintain backward
-      // compatibility by not firing the `playlistchange` event on the initial
-      // population of the list.
-      //
-      // @todo - Remove this condition in preparation for v5.
-
-
-      if (previousPlaylist) {
-        player.setTimeout(function () {
-          player.trigger('playlistchange');
-        }, 0);
-      }
-    } // Always return a shallow clone of the playlist list.
-
-
-    return list.slice();
-  }; // On a new source, if there is no current item, disable auto-advance.
-
-
-  player.on('loadstart', function () {
-    if (playlist.currentItem() === -1) {
-      reset(player);
-    }
-  });
-  playlist.currentIndex_ = -1;
-  playlist.player_ = player;
-  playlist.autoadvance_ = {};
-  playlist.repeat_ = false;
-  /**
-   * Get or set the current item in the playlist.
-   *
-   * During the duringplaylistchange event, acts only as a getter.
-   *
-   * @param  {number} [index]
-   *         If given as a valid value, plays the playlist item at that index.
-   *
-   * @return {number}
-   *         The current item index.
-   */
-
-  playlist.currentItem = function (index) {
-    // If the playlist is changing, only act as a getter.
-    if (changing) {
-      return playlist.currentIndex_;
-    }
-
-    if (typeof index === 'number' && playlist.currentIndex_ !== index && index >= 0 && index < list.length) {
-      playlist.currentIndex_ = index;
-      playItem(playlist.player_, list[playlist.currentIndex_]);
-    } else {
-      playlist.currentIndex_ = playlist.indexOf(playlist.player_.currentSrc() || '');
-    }
-
-    return playlist.currentIndex_;
-  };
-  /**
-   * Checks if the playlist contains a value.
-   *
-   * @param  {string|Object|Array} value
-   *         The value to check
-   *
-   * @return {boolean}
-   *         The result
-   */
-
-
-  playlist.contains = function (value) {
-    return playlist.indexOf(value) !== -1;
-  };
-  /**
-   * Gets the index of a value in the playlist or -1 if not found.
-   *
-   * @param  {string|Object|Array} value
-   *         The value to find the index of
-   *
-   * @return {number}
-   *         The index or -1
-   */
-
-
-  playlist.indexOf = function (value) {
-    if (typeof value === 'string') {
-      return indexInSources(list, value);
-    }
-
-    var sources = Array.isArray(value) ? value : value.sources;
-
-    for (var i = 0; i < sources.length; i++) {
-      var source = sources[i];
-
-      if (typeof source === 'string') {
-        return indexInSources(list, source);
-      } else if (source.src) {
-        return indexInSources(list, source.src);
-      }
-    }
-
-    return -1;
-  };
-  /**
-   * Get the index of the current item in the playlist. This is identical to
-   * calling `currentItem()` with no arguments.
-   *
-   * @return {number}
-   *         The current item index.
-   */
-
-
-  playlist.currentIndex = function () {
-    return playlist.currentItem();
-  };
-  /**
-   * Get the index of the last item in the playlist.
-   *
-   * @return {number}
-   *         The index of the last item in the playlist or -1 if there are no
-   *         items.
-   */
-
-
-  playlist.lastIndex = function () {
-    return list.length - 1;
-  };
-  /**
-   * Get the index of the next item in the playlist.
-   *
-   * @return {number}
-   *         The index of the next item in the playlist or -1 if there is no
-   *         current item.
-   */
-
-
-  playlist.nextIndex = function () {
-    var current = playlist.currentItem();
-
-    if (current === -1) {
-      return -1;
-    }
-
-    var lastIndex = playlist.lastIndex(); // When repeating, loop back to the beginning on the last item.
-
-    if (playlist.repeat_ && current === lastIndex) {
-      return 0;
-    } // Don't go past the end of the playlist.
-
-
-    return Math.min(current + 1, lastIndex);
-  };
-  /**
-   * Get the index of the previous item in the playlist.
-   *
-   * @return {number}
-   *         The index of the previous item in the playlist or -1 if there is
-   *         no current item.
-   */
-
-
-  playlist.previousIndex = function () {
-    var current = playlist.currentItem();
-
-    if (current === -1) {
-      return -1;
-    } // When repeating, loop back to the end of the playlist.
-
-
-    if (playlist.repeat_ && current === 0) {
-      return playlist.lastIndex();
-    } // Don't go past the beginning of the playlist.
-
-
-    return Math.max(current - 1, 0);
-  };
-  /**
-   * Plays the first item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if the list is empty.
-   */
-
-
-  playlist.first = function () {
-    if (changing) {
-      return;
-    }
-
-    if (list.length) {
-      return list[playlist.currentItem(0)];
-    }
-
-    playlist.currentIndex_ = -1;
-  };
-  /**
-   * Plays the last item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if the list is empty.
-   */
-
-
-  playlist.last = function () {
-    if (changing) {
-      return;
-    }
-
-    if (list.length) {
-      return list[playlist.currentItem(playlist.lastIndex())];
-    }
-
-    playlist.currentIndex_ = -1;
-  };
-  /**
-   * Plays the next item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if on last item.
-   */
-
-
-  playlist.next = function () {
-    if (changing) {
-      return;
-    }
-
-    var index = playlist.nextIndex();
-
-    if (index !== playlist.currentIndex_) {
-      return list[playlist.currentItem(index)];
-    }
-  };
-  /**
-   * Plays the previous item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if on first item.
-   */
-
-
-  playlist.previous = function () {
-    if (changing) {
-      return;
-    }
-
-    var index = playlist.previousIndex();
-
-    if (index !== playlist.currentIndex_) {
-      return list[playlist.currentItem(index)];
-    }
-  };
-  /**
-   * Set up auto-advance on the playlist.
-   *
-   * @param  {number} [delay]
-   *         The number of seconds to wait before each auto-advance.
-   */
-
-
-  playlist.autoadvance = function (delay) {
-    setup(playlist.player_, delay);
-  };
-  /**
-   * Sets `repeat` option, which makes the "next" video of the last video in
-   * the playlist be the first video in the playlist.
-   *
-   * @param  {boolean} [val]
-   *         The value to set repeat to
-   *
-   * @return {boolean}
-   *         The current value of repeat
-   */
-
-
-  playlist.repeat = function (val) {
-    if (val === undefined) {
-      return playlist.repeat_;
-    }
-
-    if (typeof val !== 'boolean') {
-      videojs.log.error('videojs-playlist: Invalid value for repeat', val);
-      return;
-    }
-
-    playlist.repeat_ = !!val;
-    return playlist.repeat_;
-  };
-  /**
-   * Sorts the playlist array.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort}
-   * @fires playlistsorted
-   *
-   * @param {Function} compare
-   *        A comparator function as per the native Array method.
-   */
-
-
-  playlist.sort = function (compare) {
-    // Bail if the array is empty.
-    if (!list.length) {
-      return;
-    }
-
-    list.sort(compare); // If the playlist is changing, don't trigger events.
-
-    if (changing) {
-      return;
-    }
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-
-
-    player.trigger('playlistsorted');
-  };
-  /**
-   * Reverses the playlist array.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse}
-   * @fires playlistsorted
-   */
-
-
-  playlist.reverse = function () {
-    // Bail if the array is empty.
-    if (!list.length) {
-      return;
-    }
-
-    list.reverse(); // If the playlist is changing, don't trigger events.
-
-    if (changing) {
-      return;
-    }
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-
-
-    player.trigger('playlistsorted');
-  };
-  /**
-   * Shuffle the contents of the list randomly.
-   *
-   * @see   {@link https://github.com/lodash/lodash/blob/40e096b6d5291a025e365a0f4c010d9a0efb9a69/shuffle.js}
-   * @fires playlistsorted
-   * @todo  Make the `rest` option default to `true` in v5.0.0.
-   * @param {Object} [options]
-   *        An object containing shuffle options.
-   *
-   * @param {boolean} [options.rest = false]
-   *        By default, the entire playlist is randomized. However, this may
-   *        not be desirable in all cases, such as when a user is already
-   *        watching a video.
-   *
-   *        When `true` is passed for this option, it will only shuffle
-   *        playlist items after the current item. For example, when on the
-   *        first item, will shuffle the second item and beyond.
-   */
-
-
-  playlist.shuffle = function (_temp) {
-    var _ref = _temp === void 0 ? {} : _temp,
-        rest = _ref.rest;
-
-    var index = 0;
-    var arr = list; // When options.rest is true, start randomization at the item after the
-    // current item.
-
-    if (rest) {
-      index = playlist.currentIndex_ + 1;
-      arr = list.slice(index);
-    } // Bail if the array is empty or too short to shuffle.
-
-
-    if (arr.length <= 1) {
-      return;
-    }
-
-    randomize(arr); // When options.rest is true, splice the randomized sub-array back into
-    // the original array.
-
-    if (rest) {
-      var _list;
-
-      (_list = list).splice.apply(_list, [index, arr.length].concat(arr));
-    } // If the playlist is changing, don't trigger events.
-
-
-    if (changing) {
-      return;
-    }
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-
-
-    player.trigger('playlistsorted');
-  }; // If an initial list was given, populate the playlist with it.
-
-
-  if (Array.isArray(initialList)) {
-    playlist(initialList.slice(), initialIndex); // If there is no initial list given, silently set an empty array.
-  } else {
-    list = [];
-  }
-
-  return playlist;
-}
-
-var version = "4.2.6";
-
-var registerPlugin = videojs.registerPlugin || videojs.plugin;
-/**
- * The video.js playlist plugin. Invokes the playlist-maker to create a
- * playlist function on the specific player.
- *
- * @param {Array} list
- *        a list of sources
- *
- * @param {number} item
- *        The index to start at
- */
-
-var plugin = function plugin(list, item) {
-  factory(this, list, item);
-};
-
-registerPlugin('playlist', plugin);
-plugin.VERSION = version;
-
-module.exports = plugin;
diff --git a/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.es.js b/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.es.js
deleted file mode 100644
index d564736..0000000
--- a/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.es.js
+++ /dev/null
@@ -1,763 +0,0 @@
-/*! @name videojs-playlist @version 4.2.6 @license Apache-2.0 */
-import videojs from 'video.js';
-
-/**
- * Validates a number of seconds to use as the auto-advance delay.
- *
- * @private
- * @param   {number} s
- *          The number to check
- *
- * @return  {boolean}
- *          Whether this is a valid second or not
- */
-var validSeconds = function validSeconds(s) {
-  return typeof s === 'number' && !isNaN(s) && s >= 0 && s < Infinity;
-};
-/**
- * Resets the auto-advance behavior of a player.
- *
- * @param {Player} player
- *        The player to reset the behavior on
- */
-
-
-var reset = function reset(player) {
-  var aa = player.playlist.autoadvance_;
-
-  if (aa.timeout) {
-    player.clearTimeout(aa.timeout);
-  }
-
-  if (aa.trigger) {
-    player.off('ended', aa.trigger);
-  }
-
-  aa.timeout = null;
-  aa.trigger = null;
-};
-/**
- * Sets up auto-advance behavior on a player.
- *
- * @param  {Player} player
- *         the current player
- *
- * @param  {number} delay
- *         The number of seconds to wait before each auto-advance.
- *
- * @return {undefined}
- *         Used to short circuit function logic
- */
-
-
-var setup = function setup(player, delay) {
-  reset(player); // Before queuing up new auto-advance behavior, check if `seconds` was
-  // called with a valid value.
-
-  if (!validSeconds(delay)) {
-    player.playlist.autoadvance_.delay = null;
-    return;
-  }
-
-  player.playlist.autoadvance_.delay = delay;
-
-  player.playlist.autoadvance_.trigger = function () {
-    // This calls setup again, which will reset the existing auto-advance and
-    // set up another auto-advance for the next "ended" event.
-    var cancelOnPlay = function cancelOnPlay() {
-      return setup(player, delay);
-    }; // If there is a "play" event while we're waiting for an auto-advance,
-    // we need to cancel the auto-advance. This could mean the user seeked
-    // back into the content or restarted the content. This is reproducible
-    // with an auto-advance > 0.
-
-
-    player.one('play', cancelOnPlay);
-    player.playlist.autoadvance_.timeout = player.setTimeout(function () {
-      reset(player);
-      player.off('play', cancelOnPlay);
-      player.playlist.next();
-    }, delay * 1000);
-  };
-
-  player.one('ended', player.playlist.autoadvance_.trigger);
-};
-
-/**
- * Removes all remote text tracks from a player.
- *
- * @param  {Player} player
- *         The player to clear tracks on
- */
-
-var clearTracks = function clearTracks(player) {
-  var tracks = player.remoteTextTracks();
-  var i = tracks && tracks.length || 0; // This uses a `while` loop rather than `forEach` because the
-  // `TextTrackList` object is a live DOM list (not an array).
-
-  while (i--) {
-    player.removeRemoteTextTrack(tracks[i]);
-  }
-};
-/**
- * Plays an item on a player's playlist.
- *
- * @param  {Player} player
- *         The player to play the item on
- *
- * @param  {Object} item
- *         A source from the playlist.
- *
- * @return {Player}
- *         The player that is now playing the item
- */
-
-
-var playItem = function playItem(player, item) {
-  var replay = !player.paused() || player.ended();
-  player.trigger('beforeplaylistitem', item);
-  player.poster(item.poster || '');
-  player.src(item.sources);
-  clearTracks(player);
-  player.ready(function () {
-    (item.textTracks || []).forEach(player.addRemoteTextTrack.bind(player));
-    player.trigger('playlistitem', item);
-
-    if (replay) {
-      var playPromise = player.play(); // silence error when a pause interrupts a play request
-      // on browsers which return a promise
-
-      if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-        playPromise.then(null, function (e) {});
-      }
-    }
-
-    setup(player, player.playlist.autoadvance_.delay);
-  });
-  return player;
-};
-
-/**
- * Given two sources, check to see whether the two sources are equal.
- * If both source urls have a protocol, the protocols must match, otherwise, protocols
- * are ignored.
- *
- * @private
- * @param {string|Object} source1
- *        The first source
- *
- * @param {string|Object} source2
- *        The second source
- *
- * @return {boolean}
- *         The result
- */
-
-var sourceEquals = function sourceEquals(source1, source2) {
-  var src1 = source1;
-  var src2 = source2;
-
-  if (typeof source1 === 'object') {
-    src1 = source1.src;
-  }
-
-  if (typeof source2 === 'object') {
-    src2 = source2.src;
-  }
-
-  if (/^\/\//.test(src1)) {
-    src2 = src2.slice(src2.indexOf('//'));
-  }
-
-  if (/^\/\//.test(src2)) {
-    src1 = src1.slice(src1.indexOf('//'));
-  }
-
-  return src1 === src2;
-};
-/**
- * Look through an array of playlist items for a specific `source`;
- * checking both the value of elements and the value of their `src`
- * property.
- *
- * @private
- * @param   {Array} arr
- *          An array of playlist items to look through
- *
- * @param   {string} src
- *          The source to look for
- *
- * @return  {number}
- *          The index of that source or -1
- */
-
-
-var indexInSources = function indexInSources(arr, src) {
-  for (var i = 0; i < arr.length; i++) {
-    var sources = arr[i].sources;
-
-    if (Array.isArray(sources)) {
-      for (var j = 0; j < sources.length; j++) {
-        var source = sources[j];
-
-        if (source && sourceEquals(source, src)) {
-          return i;
-        }
-      }
-    }
-  }
-
-  return -1;
-};
-/**
- * Randomize the contents of an array.
- *
- * @private
- * @param  {Array} arr
- *         An array.
- *
- * @return {Array}
- *         The same array that was passed in.
- */
-
-
-var randomize = function randomize(arr) {
-  var index = -1;
-  var lastIndex = arr.length - 1;
-
-  while (++index < arr.length) {
-    var rand = index + Math.floor(Math.random() * (lastIndex - index + 1));
-    var value = arr[rand];
-    arr[rand] = arr[index];
-    arr[index] = value;
-  }
-
-  return arr;
-};
-/**
- * Factory function for creating new playlist implementation on the given player.
- *
- * API summary:
- *
- * playlist(['a', 'b', 'c']) // setter
- * playlist() // getter
- * playlist.currentItem() // getter, 0
- * playlist.currentItem(1) // setter, 1
- * playlist.next() // 'c'
- * playlist.previous() // 'b'
- * playlist.first() // 'a'
- * playlist.last() // 'c'
- * playlist.autoadvance(5) // 5 second delay
- * playlist.autoadvance() // cancel autoadvance
- *
- * @param  {Player} player
- *         The current player
- *
- * @param  {Array=} initialList
- *         If given, an initial list of sources with which to populate
- *         the playlist.
- *
- * @param  {number=}  initialIndex
- *         If given, the index of the item in the list that should
- *         be loaded first. If -1, no video is loaded. If omitted, The
- *         the first video is loaded.
- *
- * @return {Function}
- *         Returns the playlist function specific to the given player.
- */
-
-
-function factory(player, initialList, initialIndex) {
-  if (initialIndex === void 0) {
-    initialIndex = 0;
-  }
-
-  var list = null;
-  var changing = false;
-  /**
-   * Get/set the playlist for a player.
-   *
-   * This function is added as an own property of the player and has its
-   * own methods which can be called to manipulate the internal state.
-   *
-   * @param  {Array} [newList]
-   *         If given, a new list of sources with which to populate the
-   *         playlist. Without this, the function acts as a getter.
-   *
-   * @param  {number}  [newIndex]
-   *         If given, the index of the item in the list that should
-   *         be loaded first. If -1, no video is loaded. If omitted, The
-   *         the first video is loaded.
-   *
-   * @return {Array}
-   *         The playlist
-   */
-
-  var playlist = player.playlist = function (newList, newIndex) {
-    if (newIndex === void 0) {
-      newIndex = 0;
-    }
-
-    if (changing) {
-      throw new Error('do not call playlist() during a playlist change');
-    }
-
-    if (Array.isArray(newList)) {
-      // @todo - Simplify this to `list.slice()` for v5.
-      var previousPlaylist = Array.isArray(list) ? list.slice() : null;
-      list = newList.slice(); // Mark the playlist as changing during the duringplaylistchange lifecycle.
-
-      changing = true;
-      player.trigger({
-        type: 'duringplaylistchange',
-        nextIndex: newIndex,
-        nextPlaylist: list,
-        previousIndex: playlist.currentIndex_,
-        // @todo - Simplify this to simply pass along `previousPlaylist` for v5.
-        previousPlaylist: previousPlaylist || []
-      });
-      changing = false;
-
-      if (newIndex !== -1) {
-        playlist.currentItem(newIndex);
-      } // The only time the previous playlist is null is the first call to this
-      // function. This allows us to fire the `duringplaylistchange` event
-      // every time the playlist is populated and to maintain backward
-      // compatibility by not firing the `playlistchange` event on the initial
-      // population of the list.
-      //
-      // @todo - Remove this condition in preparation for v5.
-
-
-      if (previousPlaylist) {
-        player.setTimeout(function () {
-          player.trigger('playlistchange');
-        }, 0);
-      }
-    } // Always return a shallow clone of the playlist list.
-
-
-    return list.slice();
-  }; // On a new source, if there is no current item, disable auto-advance.
-
-
-  player.on('loadstart', function () {
-    if (playlist.currentItem() === -1) {
-      reset(player);
-    }
-  });
-  playlist.currentIndex_ = -1;
-  playlist.player_ = player;
-  playlist.autoadvance_ = {};
-  playlist.repeat_ = false;
-  /**
-   * Get or set the current item in the playlist.
-   *
-   * During the duringplaylistchange event, acts only as a getter.
-   *
-   * @param  {number} [index]
-   *         If given as a valid value, plays the playlist item at that index.
-   *
-   * @return {number}
-   *         The current item index.
-   */
-
-  playlist.currentItem = function (index) {
-    // If the playlist is changing, only act as a getter.
-    if (changing) {
-      return playlist.currentIndex_;
-    }
-
-    if (typeof index === 'number' && playlist.currentIndex_ !== index && index >= 0 && index < list.length) {
-      playlist.currentIndex_ = index;
-      playItem(playlist.player_, list[playlist.currentIndex_]);
-    } else {
-      playlist.currentIndex_ = playlist.indexOf(playlist.player_.currentSrc() || '');
-    }
-
-    return playlist.currentIndex_;
-  };
-  /**
-   * Checks if the playlist contains a value.
-   *
-   * @param  {string|Object|Array} value
-   *         The value to check
-   *
-   * @return {boolean}
-   *         The result
-   */
-
-
-  playlist.contains = function (value) {
-    return playlist.indexOf(value) !== -1;
-  };
-  /**
-   * Gets the index of a value in the playlist or -1 if not found.
-   *
-   * @param  {string|Object|Array} value
-   *         The value to find the index of
-   *
-   * @return {number}
-   *         The index or -1
-   */
-
-
-  playlist.indexOf = function (value) {
-    if (typeof value === 'string') {
-      return indexInSources(list, value);
-    }
-
-    var sources = Array.isArray(value) ? value : value.sources;
-
-    for (var i = 0; i < sources.length; i++) {
-      var source = sources[i];
-
-      if (typeof source === 'string') {
-        return indexInSources(list, source);
-      } else if (source.src) {
-        return indexInSources(list, source.src);
-      }
-    }
-
-    return -1;
-  };
-  /**
-   * Get the index of the current item in the playlist. This is identical to
-   * calling `currentItem()` with no arguments.
-   *
-   * @return {number}
-   *         The current item index.
-   */
-
-
-  playlist.currentIndex = function () {
-    return playlist.currentItem();
-  };
-  /**
-   * Get the index of the last item in the playlist.
-   *
-   * @return {number}
-   *         The index of the last item in the playlist or -1 if there are no
-   *         items.
-   */
-
-
-  playlist.lastIndex = function () {
-    return list.length - 1;
-  };
-  /**
-   * Get the index of the next item in the playlist.
-   *
-   * @return {number}
-   *         The index of the next item in the playlist or -1 if there is no
-   *         current item.
-   */
-
-
-  playlist.nextIndex = function () {
-    var current = playlist.currentItem();
-
-    if (current === -1) {
-      return -1;
-    }
-
-    var lastIndex = playlist.lastIndex(); // When repeating, loop back to the beginning on the last item.
-
-    if (playlist.repeat_ && current === lastIndex) {
-      return 0;
-    } // Don't go past the end of the playlist.
-
-
-    return Math.min(current + 1, lastIndex);
-  };
-  /**
-   * Get the index of the previous item in the playlist.
-   *
-   * @return {number}
-   *         The index of the previous item in the playlist or -1 if there is
-   *         no current item.
-   */
-
-
-  playlist.previousIndex = function () {
-    var current = playlist.currentItem();
-
-    if (current === -1) {
-      return -1;
-    } // When repeating, loop back to the end of the playlist.
-
-
-    if (playlist.repeat_ && current === 0) {
-      return playlist.lastIndex();
-    } // Don't go past the beginning of the playlist.
-
-
-    return Math.max(current - 1, 0);
-  };
-  /**
-   * Plays the first item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if the list is empty.
-   */
-
-
-  playlist.first = function () {
-    if (changing) {
-      return;
-    }
-
-    if (list.length) {
-      return list[playlist.currentItem(0)];
-    }
-
-    playlist.currentIndex_ = -1;
-  };
-  /**
-   * Plays the last item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if the list is empty.
-   */
-
-
-  playlist.last = function () {
-    if (changing) {
-      return;
-    }
-
-    if (list.length) {
-      return list[playlist.currentItem(playlist.lastIndex())];
-    }
-
-    playlist.currentIndex_ = -1;
-  };
-  /**
-   * Plays the next item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if on last item.
-   */
-
-
-  playlist.next = function () {
-    if (changing) {
-      return;
-    }
-
-    var index = playlist.nextIndex();
-
-    if (index !== playlist.currentIndex_) {
-      return list[playlist.currentItem(index)];
-    }
-  };
-  /**
-   * Plays the previous item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if on first item.
-   */
-
-
-  playlist.previous = function () {
-    if (changing) {
-      return;
-    }
-
-    var index = playlist.previousIndex();
-
-    if (index !== playlist.currentIndex_) {
-      return list[playlist.currentItem(index)];
-    }
-  };
-  /**
-   * Set up auto-advance on the playlist.
-   *
-   * @param  {number} [delay]
-   *         The number of seconds to wait before each auto-advance.
-   */
-
-
-  playlist.autoadvance = function (delay) {
-    setup(playlist.player_, delay);
-  };
-  /**
-   * Sets `repeat` option, which makes the "next" video of the last video in
-   * the playlist be the first video in the playlist.
-   *
-   * @param  {boolean} [val]
-   *         The value to set repeat to
-   *
-   * @return {boolean}
-   *         The current value of repeat
-   */
-
-
-  playlist.repeat = function (val) {
-    if (val === undefined) {
-      return playlist.repeat_;
-    }
-
-    if (typeof val !== 'boolean') {
-      videojs.log.error('videojs-playlist: Invalid value for repeat', val);
-      return;
-    }
-
-    playlist.repeat_ = !!val;
-    return playlist.repeat_;
-  };
-  /**
-   * Sorts the playlist array.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort}
-   * @fires playlistsorted
-   *
-   * @param {Function} compare
-   *        A comparator function as per the native Array method.
-   */
-
-
-  playlist.sort = function (compare) {
-    // Bail if the array is empty.
-    if (!list.length) {
-      return;
-    }
-
-    list.sort(compare); // If the playlist is changing, don't trigger events.
-
-    if (changing) {
-      return;
-    }
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-
-
-    player.trigger('playlistsorted');
-  };
-  /**
-   * Reverses the playlist array.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse}
-   * @fires playlistsorted
-   */
-
-
-  playlist.reverse = function () {
-    // Bail if the array is empty.
-    if (!list.length) {
-      return;
-    }
-
-    list.reverse(); // If the playlist is changing, don't trigger events.
-
-    if (changing) {
-      return;
-    }
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-
-
-    player.trigger('playlistsorted');
-  };
-  /**
-   * Shuffle the contents of the list randomly.
-   *
-   * @see   {@link https://github.com/lodash/lodash/blob/40e096b6d5291a025e365a0f4c010d9a0efb9a69/shuffle.js}
-   * @fires playlistsorted
-   * @todo  Make the `rest` option default to `true` in v5.0.0.
-   * @param {Object} [options]
-   *        An object containing shuffle options.
-   *
-   * @param {boolean} [options.rest = false]
-   *        By default, the entire playlist is randomized. However, this may
-   *        not be desirable in all cases, such as when a user is already
-   *        watching a video.
-   *
-   *        When `true` is passed for this option, it will only shuffle
-   *        playlist items after the current item. For example, when on the
-   *        first item, will shuffle the second item and beyond.
-   */
-
-
-  playlist.shuffle = function (_temp) {
-    var _ref = _temp === void 0 ? {} : _temp,
-        rest = _ref.rest;
-
-    var index = 0;
-    var arr = list; // When options.rest is true, start randomization at the item after the
-    // current item.
-
-    if (rest) {
-      index = playlist.currentIndex_ + 1;
-      arr = list.slice(index);
-    } // Bail if the array is empty or too short to shuffle.
-
-
-    if (arr.length <= 1) {
-      return;
-    }
-
-    randomize(arr); // When options.rest is true, splice the randomized sub-array back into
-    // the original array.
-
-    if (rest) {
-      var _list;
-
-      (_list = list).splice.apply(_list, [index, arr.length].concat(arr));
-    } // If the playlist is changing, don't trigger events.
-
-
-    if (changing) {
-      return;
-    }
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-
-
-    player.trigger('playlistsorted');
-  }; // If an initial list was given, populate the playlist with it.
-
-
-  if (Array.isArray(initialList)) {
-    playlist(initialList.slice(), initialIndex); // If there is no initial list given, silently set an empty array.
-  } else {
-    list = [];
-  }
-
-  return playlist;
-}
-
-var version = "4.2.6";
-
-var registerPlugin = videojs.registerPlugin || videojs.plugin;
-/**
- * The video.js playlist plugin. Invokes the playlist-maker to create a
- * playlist function on the specific player.
- *
- * @param {Array} list
- *        a list of sources
- *
- * @param {number} item
- *        The index to start at
- */
-
-var plugin = function plugin(list, item) {
-  factory(this, list, item);
-};
-
-registerPlugin('playlist', plugin);
-plugin.VERSION = version;
-
-export default plugin;
diff --git a/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.js b/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.js
deleted file mode 100644
index 2f34159..0000000
--- a/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.js
+++ /dev/null
@@ -1,771 +0,0 @@
-/*! @name videojs-playlist @version 4.2.6 @license Apache-2.0 */
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js')) :
-  typeof define === 'function' && define.amd ? define(['video.js'], factory) :
-  (global.videojsPlaylist = factory(global.videojs));
-}(this, (function (videojs) { 'use strict';
-
-  videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs;
-
-  /**
-   * Validates a number of seconds to use as the auto-advance delay.
-   *
-   * @private
-   * @param   {number} s
-   *          The number to check
-   *
-   * @return  {boolean}
-   *          Whether this is a valid second or not
-   */
-  var validSeconds = function validSeconds(s) {
-    return typeof s === 'number' && !isNaN(s) && s >= 0 && s < Infinity;
-  };
-  /**
-   * Resets the auto-advance behavior of a player.
-   *
-   * @param {Player} player
-   *        The player to reset the behavior on
-   */
-
-
-  var reset = function reset(player) {
-    var aa = player.playlist.autoadvance_;
-
-    if (aa.timeout) {
-      player.clearTimeout(aa.timeout);
-    }
-
-    if (aa.trigger) {
-      player.off('ended', aa.trigger);
-    }
-
-    aa.timeout = null;
-    aa.trigger = null;
-  };
-  /**
-   * Sets up auto-advance behavior on a player.
-   *
-   * @param  {Player} player
-   *         the current player
-   *
-   * @param  {number} delay
-   *         The number of seconds to wait before each auto-advance.
-   *
-   * @return {undefined}
-   *         Used to short circuit function logic
-   */
-
-
-  var setup = function setup(player, delay) {
-    reset(player); // Before queuing up new auto-advance behavior, check if `seconds` was
-    // called with a valid value.
-
-    if (!validSeconds(delay)) {
-      player.playlist.autoadvance_.delay = null;
-      return;
-    }
-
-    player.playlist.autoadvance_.delay = delay;
-
-    player.playlist.autoadvance_.trigger = function () {
-      // This calls setup again, which will reset the existing auto-advance and
-      // set up another auto-advance for the next "ended" event.
-      var cancelOnPlay = function cancelOnPlay() {
-        return setup(player, delay);
-      }; // If there is a "play" event while we're waiting for an auto-advance,
-      // we need to cancel the auto-advance. This could mean the user seeked
-      // back into the content or restarted the content. This is reproducible
-      // with an auto-advance > 0.
-
-
-      player.one('play', cancelOnPlay);
-      player.playlist.autoadvance_.timeout = player.setTimeout(function () {
-        reset(player);
-        player.off('play', cancelOnPlay);
-        player.playlist.next();
-      }, delay * 1000);
-    };
-
-    player.one('ended', player.playlist.autoadvance_.trigger);
-  };
-
-  /**
-   * Removes all remote text tracks from a player.
-   *
-   * @param  {Player} player
-   *         The player to clear tracks on
-   */
-
-  var clearTracks = function clearTracks(player) {
-    var tracks = player.remoteTextTracks();
-    var i = tracks && tracks.length || 0; // This uses a `while` loop rather than `forEach` because the
-    // `TextTrackList` object is a live DOM list (not an array).
-
-    while (i--) {
-      player.removeRemoteTextTrack(tracks[i]);
-    }
-  };
-  /**
-   * Plays an item on a player's playlist.
-   *
-   * @param  {Player} player
-   *         The player to play the item on
-   *
-   * @param  {Object} item
-   *         A source from the playlist.
-   *
-   * @return {Player}
-   *         The player that is now playing the item
-   */
-
-
-  var playItem = function playItem(player, item) {
-    var replay = !player.paused() || player.ended();
-    player.trigger('beforeplaylistitem', item);
-    player.poster(item.poster || '');
-    player.src(item.sources);
-    clearTracks(player);
-    player.ready(function () {
-      (item.textTracks || []).forEach(player.addRemoteTextTrack.bind(player));
-      player.trigger('playlistitem', item);
-
-      if (replay) {
-        var playPromise = player.play(); // silence error when a pause interrupts a play request
-        // on browsers which return a promise
-
-        if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-          playPromise.then(null, function (e) {});
-        }
-      }
-
-      setup(player, player.playlist.autoadvance_.delay);
-    });
-    return player;
-  };
-
-  /**
-   * Given two sources, check to see whether the two sources are equal.
-   * If both source urls have a protocol, the protocols must match, otherwise, protocols
-   * are ignored.
-   *
-   * @private
-   * @param {string|Object} source1
-   *        The first source
-   *
-   * @param {string|Object} source2
-   *        The second source
-   *
-   * @return {boolean}
-   *         The result
-   */
-
-  var sourceEquals = function sourceEquals(source1, source2) {
-    var src1 = source1;
-    var src2 = source2;
-
-    if (typeof source1 === 'object') {
-      src1 = source1.src;
-    }
-
-    if (typeof source2 === 'object') {
-      src2 = source2.src;
-    }
-
-    if (/^\/\//.test(src1)) {
-      src2 = src2.slice(src2.indexOf('//'));
-    }
-
-    if (/^\/\//.test(src2)) {
-      src1 = src1.slice(src1.indexOf('//'));
-    }
-
-    return src1 === src2;
-  };
-  /**
-   * Look through an array of playlist items for a specific `source`;
-   * checking both the value of elements and the value of their `src`
-   * property.
-   *
-   * @private
-   * @param   {Array} arr
-   *          An array of playlist items to look through
-   *
-   * @param   {string} src
-   *          The source to look for
-   *
-   * @return  {number}
-   *          The index of that source or -1
-   */
-
-
-  var indexInSources = function indexInSources(arr, src) {
-    for (var i = 0; i < arr.length; i++) {
-      var sources = arr[i].sources;
-
-      if (Array.isArray(sources)) {
-        for (var j = 0; j < sources.length; j++) {
-          var source = sources[j];
-
-          if (source && sourceEquals(source, src)) {
-            return i;
-          }
-        }
-      }
-    }
-
-    return -1;
-  };
-  /**
-   * Randomize the contents of an array.
-   *
-   * @private
-   * @param  {Array} arr
-   *         An array.
-   *
-   * @return {Array}
-   *         The same array that was passed in.
-   */
-
-
-  var randomize = function randomize(arr) {
-    var index = -1;
-    var lastIndex = arr.length - 1;
-
-    while (++index < arr.length) {
-      var rand = index + Math.floor(Math.random() * (lastIndex - index + 1));
-      var value = arr[rand];
-      arr[rand] = arr[index];
-      arr[index] = value;
-    }
-
-    return arr;
-  };
-  /**
-   * Factory function for creating new playlist implementation on the given player.
-   *
-   * API summary:
-   *
-   * playlist(['a', 'b', 'c']) // setter
-   * playlist() // getter
-   * playlist.currentItem() // getter, 0
-   * playlist.currentItem(1) // setter, 1
-   * playlist.next() // 'c'
-   * playlist.previous() // 'b'
-   * playlist.first() // 'a'
-   * playlist.last() // 'c'
-   * playlist.autoadvance(5) // 5 second delay
-   * playlist.autoadvance() // cancel autoadvance
-   *
-   * @param  {Player} player
-   *         The current player
-   *
-   * @param  {Array=} initialList
-   *         If given, an initial list of sources with which to populate
-   *         the playlist.
-   *
-   * @param  {number=}  initialIndex
-   *         If given, the index of the item in the list that should
-   *         be loaded first. If -1, no video is loaded. If omitted, The
-   *         the first video is loaded.
-   *
-   * @return {Function}
-   *         Returns the playlist function specific to the given player.
-   */
-
-
-  function factory(player, initialList, initialIndex) {
-    if (initialIndex === void 0) {
-      initialIndex = 0;
-    }
-
-    var list = null;
-    var changing = false;
-    /**
-     * Get/set the playlist for a player.
-     *
-     * This function is added as an own property of the player and has its
-     * own methods which can be called to manipulate the internal state.
-     *
-     * @param  {Array} [newList]
-     *         If given, a new list of sources with which to populate the
-     *         playlist. Without this, the function acts as a getter.
-     *
-     * @param  {number}  [newIndex]
-     *         If given, the index of the item in the list that should
-     *         be loaded first. If -1, no video is loaded. If omitted, The
-     *         the first video is loaded.
-     *
-     * @return {Array}
-     *         The playlist
-     */
-
-    var playlist = player.playlist = function (newList, newIndex) {
-      if (newIndex === void 0) {
-        newIndex = 0;
-      }
-
-      if (changing) {
-        throw new Error('do not call playlist() during a playlist change');
-      }
-
-      if (Array.isArray(newList)) {
-        // @todo - Simplify this to `list.slice()` for v5.
-        var previousPlaylist = Array.isArray(list) ? list.slice() : null;
-        list = newList.slice(); // Mark the playlist as changing during the duringplaylistchange lifecycle.
-
-        changing = true;
-        player.trigger({
-          type: 'duringplaylistchange',
-          nextIndex: newIndex,
-          nextPlaylist: list,
-          previousIndex: playlist.currentIndex_,
-          // @todo - Simplify this to simply pass along `previousPlaylist` for v5.
-          previousPlaylist: previousPlaylist || []
-        });
-        changing = false;
-
-        if (newIndex !== -1) {
-          playlist.currentItem(newIndex);
-        } // The only time the previous playlist is null is the first call to this
-        // function. This allows us to fire the `duringplaylistchange` event
-        // every time the playlist is populated and to maintain backward
-        // compatibility by not firing the `playlistchange` event on the initial
-        // population of the list.
-        //
-        // @todo - Remove this condition in preparation for v5.
-
-
-        if (previousPlaylist) {
-          player.setTimeout(function () {
-            player.trigger('playlistchange');
-          }, 0);
-        }
-      } // Always return a shallow clone of the playlist list.
-
-
-      return list.slice();
-    }; // On a new source, if there is no current item, disable auto-advance.
-
-
-    player.on('loadstart', function () {
-      if (playlist.currentItem() === -1) {
-        reset(player);
-      }
-    });
-    playlist.currentIndex_ = -1;
-    playlist.player_ = player;
-    playlist.autoadvance_ = {};
-    playlist.repeat_ = false;
-    /**
-     * Get or set the current item in the playlist.
-     *
-     * During the duringplaylistchange event, acts only as a getter.
-     *
-     * @param  {number} [index]
-     *         If given as a valid value, plays the playlist item at that index.
-     *
-     * @return {number}
-     *         The current item index.
-     */
-
-    playlist.currentItem = function (index) {
-      // If the playlist is changing, only act as a getter.
-      if (changing) {
-        return playlist.currentIndex_;
-      }
-
-      if (typeof index === 'number' && playlist.currentIndex_ !== index && index >= 0 && index < list.length) {
-        playlist.currentIndex_ = index;
-        playItem(playlist.player_, list[playlist.currentIndex_]);
-      } else {
-        playlist.currentIndex_ = playlist.indexOf(playlist.player_.currentSrc() || '');
-      }
-
-      return playlist.currentIndex_;
-    };
-    /**
-     * Checks if the playlist contains a value.
-     *
-     * @param  {string|Object|Array} value
-     *         The value to check
-     *
-     * @return {boolean}
-     *         The result
-     */
-
-
-    playlist.contains = function (value) {
-      return playlist.indexOf(value) !== -1;
-    };
-    /**
-     * Gets the index of a value in the playlist or -1 if not found.
-     *
-     * @param  {string|Object|Array} value
-     *         The value to find the index of
-     *
-     * @return {number}
-     *         The index or -1
-     */
-
-
-    playlist.indexOf = function (value) {
-      if (typeof value === 'string') {
-        return indexInSources(list, value);
-      }
-
-      var sources = Array.isArray(value) ? value : value.sources;
-
-      for (var i = 0; i < sources.length; i++) {
-        var source = sources[i];
-
-        if (typeof source === 'string') {
-          return indexInSources(list, source);
-        } else if (source.src) {
-          return indexInSources(list, source.src);
-        }
-      }
-
-      return -1;
-    };
-    /**
-     * Get the index of the current item in the playlist. This is identical to
-     * calling `currentItem()` with no arguments.
-     *
-     * @return {number}
-     *         The current item index.
-     */
-
-
-    playlist.currentIndex = function () {
-      return playlist.currentItem();
-    };
-    /**
-     * Get the index of the last item in the playlist.
-     *
-     * @return {number}
-     *         The index of the last item in the playlist or -1 if there are no
-     *         items.
-     */
-
-
-    playlist.lastIndex = function () {
-      return list.length - 1;
-    };
-    /**
-     * Get the index of the next item in the playlist.
-     *
-     * @return {number}
-     *         The index of the next item in the playlist or -1 if there is no
-     *         current item.
-     */
-
-
-    playlist.nextIndex = function () {
-      var current = playlist.currentItem();
-
-      if (current === -1) {
-        return -1;
-      }
-
-      var lastIndex = playlist.lastIndex(); // When repeating, loop back to the beginning on the last item.
-
-      if (playlist.repeat_ && current === lastIndex) {
-        return 0;
-      } // Don't go past the end of the playlist.
-
-
-      return Math.min(current + 1, lastIndex);
-    };
-    /**
-     * Get the index of the previous item in the playlist.
-     *
-     * @return {number}
-     *         The index of the previous item in the playlist or -1 if there is
-     *         no current item.
-     */
-
-
-    playlist.previousIndex = function () {
-      var current = playlist.currentItem();
-
-      if (current === -1) {
-        return -1;
-      } // When repeating, loop back to the end of the playlist.
-
-
-      if (playlist.repeat_ && current === 0) {
-        return playlist.lastIndex();
-      } // Don't go past the beginning of the playlist.
-
-
-      return Math.max(current - 1, 0);
-    };
-    /**
-     * Plays the first item in the playlist.
-     *
-     * @return {Object|undefined}
-     *         Returns undefined and has no side effects if the list is empty.
-     */
-
-
-    playlist.first = function () {
-      if (changing) {
-        return;
-      }
-
-      if (list.length) {
-        return list[playlist.currentItem(0)];
-      }
-
-      playlist.currentIndex_ = -1;
-    };
-    /**
-     * Plays the last item in the playlist.
-     *
-     * @return {Object|undefined}
-     *         Returns undefined and has no side effects if the list is empty.
-     */
-
-
-    playlist.last = function () {
-      if (changing) {
-        return;
-      }
-
-      if (list.length) {
-        return list[playlist.currentItem(playlist.lastIndex())];
-      }
-
-      playlist.currentIndex_ = -1;
-    };
-    /**
-     * Plays the next item in the playlist.
-     *
-     * @return {Object|undefined}
-     *         Returns undefined and has no side effects if on last item.
-     */
-
-
-    playlist.next = function () {
-      if (changing) {
-        return;
-      }
-
-      var index = playlist.nextIndex();
-
-      if (index !== playlist.currentIndex_) {
-        return list[playlist.currentItem(index)];
-      }
-    };
-    /**
-     * Plays the previous item in the playlist.
-     *
-     * @return {Object|undefined}
-     *         Returns undefined and has no side effects if on first item.
-     */
-
-
-    playlist.previous = function () {
-      if (changing) {
-        return;
-      }
-
-      var index = playlist.previousIndex();
-
-      if (index !== playlist.currentIndex_) {
-        return list[playlist.currentItem(index)];
-      }
-    };
-    /**
-     * Set up auto-advance on the playlist.
-     *
-     * @param  {number} [delay]
-     *         The number of seconds to wait before each auto-advance.
-     */
-
-
-    playlist.autoadvance = function (delay) {
-      setup(playlist.player_, delay);
-    };
-    /**
-     * Sets `repeat` option, which makes the "next" video of the last video in
-     * the playlist be the first video in the playlist.
-     *
-     * @param  {boolean} [val]
-     *         The value to set repeat to
-     *
-     * @return {boolean}
-     *         The current value of repeat
-     */
-
-
-    playlist.repeat = function (val) {
-      if (val === undefined) {
-        return playlist.repeat_;
-      }
-
-      if (typeof val !== 'boolean') {
-        videojs.log.error('videojs-playlist: Invalid value for repeat', val);
-        return;
-      }
-
-      playlist.repeat_ = !!val;
-      return playlist.repeat_;
-    };
-    /**
-     * Sorts the playlist array.
-     *
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort}
-     * @fires playlistsorted
-     *
-     * @param {Function} compare
-     *        A comparator function as per the native Array method.
-     */
-
-
-    playlist.sort = function (compare) {
-      // Bail if the array is empty.
-      if (!list.length) {
-        return;
-      }
-
-      list.sort(compare); // If the playlist is changing, don't trigger events.
-
-      if (changing) {
-        return;
-      }
-      /**
-       * Triggered after the playlist is sorted internally.
-       *
-       * @event playlistsorted
-       * @type {Object}
-       */
-
-
-      player.trigger('playlistsorted');
-    };
-    /**
-     * Reverses the playlist array.
-     *
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse}
-     * @fires playlistsorted
-     */
-
-
-    playlist.reverse = function () {
-      // Bail if the array is empty.
-      if (!list.length) {
-        return;
-      }
-
-      list.reverse(); // If the playlist is changing, don't trigger events.
-
-      if (changing) {
-        return;
-      }
-      /**
-       * Triggered after the playlist is sorted internally.
-       *
-       * @event playlistsorted
-       * @type {Object}
-       */
-
-
-      player.trigger('playlistsorted');
-    };
-    /**
-     * Shuffle the contents of the list randomly.
-     *
-     * @see   {@link https://github.com/lodash/lodash/blob/40e096b6d5291a025e365a0f4c010d9a0efb9a69/shuffle.js}
-     * @fires playlistsorted
-     * @todo  Make the `rest` option default to `true` in v5.0.0.
-     * @param {Object} [options]
-     *        An object containing shuffle options.
-     *
-     * @param {boolean} [options.rest = false]
-     *        By default, the entire playlist is randomized. However, this may
-     *        not be desirable in all cases, such as when a user is already
-     *        watching a video.
-     *
-     *        When `true` is passed for this option, it will only shuffle
-     *        playlist items after the current item. For example, when on the
-     *        first item, will shuffle the second item and beyond.
-     */
-
-
-    playlist.shuffle = function (_temp) {
-      var _ref = _temp === void 0 ? {} : _temp,
-          rest = _ref.rest;
-
-      var index = 0;
-      var arr = list; // When options.rest is true, start randomization at the item after the
-      // current item.
-
-      if (rest) {
-        index = playlist.currentIndex_ + 1;
-        arr = list.slice(index);
-      } // Bail if the array is empty or too short to shuffle.
-
-
-      if (arr.length <= 1) {
-        return;
-      }
-
-      randomize(arr); // When options.rest is true, splice the randomized sub-array back into
-      // the original array.
-
-      if (rest) {
-        var _list;
-
-        (_list = list).splice.apply(_list, [index, arr.length].concat(arr));
-      } // If the playlist is changing, don't trigger events.
-
-
-      if (changing) {
-        return;
-      }
-      /**
-       * Triggered after the playlist is sorted internally.
-       *
-       * @event playlistsorted
-       * @type {Object}
-       */
-
-
-      player.trigger('playlistsorted');
-    }; // If an initial list was given, populate the playlist with it.
-
-
-    if (Array.isArray(initialList)) {
-      playlist(initialList.slice(), initialIndex); // If there is no initial list given, silently set an empty array.
-    } else {
-      list = [];
-    }
-
-    return playlist;
-  }
-
-  var version = "4.2.6";
-
-  var registerPlugin = videojs.registerPlugin || videojs.plugin;
-  /**
-   * The video.js playlist plugin. Invokes the playlist-maker to create a
-   * playlist function on the specific player.
-   *
-   * @param {Array} list
-   *        a list of sources
-   *
-   * @param {number} item
-   *        The index to start at
-   */
-
-  var plugin = function plugin(list, item) {
-    factory(this, list, item);
-  };
-
-  registerPlugin('playlist', plugin);
-  plugin.VERSION = version;
-
-  return plugin;
-
-})));
diff --git a/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.min.js b/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.min.js
deleted file mode 100644
index 60151ec..0000000
--- a/negromate/web/static/js/videojs-playlist/dist/videojs-playlist.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! @name videojs-playlist @version 4.2.6 @license Apache-2.0 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],t):e.videojsPlaylist=t(e.videojs)}(this,function(e){"use strict";var t=function(e){var t=e.playlist.autoadvance_;t.timeout&&e.clearTimeout(t.timeout),t.trigger&&e.off("ended",t.trigger),t.timeout=null,t.trigger=null},r=function e(r,n){var i;(t(r),"number"==typeof(i=n)&&!isNaN(i)&&i>=0&&i<1/0)?(r.playlist.autoadvance_.delay=n,r.playlist.autoadvance_.trigger=function(){var i=function(){return e(r,n)};r.one("play",i),r.playlist.autoadvance_.timeout=r.setTimeout(function(){t(r),r.off("play",i),r.playlist.next()},1e3*n)},r.one("ended",r.playlist.autoadvance_.trigger)):r.playlist.autoadvance_.delay=null},n=function(e,t){var n=!e.paused()||e.ended();return e.trigger("beforeplaylistitem",t),e.poster(t.poster||""),e.src(t.sources),function(e){for(var t=e.remoteTextTracks(),r=t&&t.length||0;r--;)e.removeRemoteTextTrack(t[r])}(e),e.ready(function(){if((t.textTracks||[]).forEach(e.addRemoteTextTrack.bind(e)),e.trigger("playlistitem",t),n){var i=e.play();void 0!==i&&"function"==typeof i.then&&i.then(null,function(e){})}r(e,e.playlist.autoadvance_.delay)}),e},i=function(e,t){for(var r=0;r<e.length;r++){var n=e[r].sources;if(Array.isArray(n))for(var i=0;i<n.length;i++){var a=n[i];if(a&&(l=void 0,c=void 0,l=o=a,c=u=t,"object"==typeof o&&(l=o.src),"object"==typeof u&&(c=u.src),/^\/\//.test(l)&&(c=c.slice(c.indexOf("//"))),/^\/\//.test(c)&&(l=l.slice(l.indexOf("//"))),l===c))return r}}var o,u,l,c;return-1},a=function(e){for(var t=-1,r=e.length-1;++t<e.length;){var n=t+Math.floor(Math.random()*(r-t+1)),i=e[n];e[n]=e[t],e[t]=i}return e};var o=function(o,u){!function(o,u,l){void 0===l&&(l=0);var c=null,s=!1,d=o.playlist=function(e,t){if(void 0===t&&(t=0),s)throw new Error("do not call playlist() during a playlist change");if(Array.isArray(e)){var r=Array.isArray(c)?c.slice():null;c=e.slice(),s=!0,o.trigger({type:"duringplaylistchange",nextIndex:t,nextPlaylist:c,previousIndex:d.currentIndex_,previousPlaylist:r||[]}),s=!1,-1!==t&&d.currentItem(t),r&&o.setTimeout(function(){o.trigger("playlistchange")},0)}return c.slice()};o.on("loadstart",function(){-1===d.currentItem()&&t(o)}),d.currentIndex_=-1,d.player_=o,d.autoadvance_={},d.repeat_=!1,d.currentItem=function(e){return s?d.currentIndex_:("number"==typeof e&&d.currentIndex_!==e&&e>=0&&e<c.length?(d.currentIndex_=e,n(d.player_,c[d.currentIndex_])):d.currentIndex_=d.indexOf(d.player_.currentSrc()||""),d.currentIndex_)},d.contains=function(e){return-1!==d.indexOf(e)},d.indexOf=function(e){if("string"==typeof e)return i(c,e);for(var t=Array.isArray(e)?e:e.sources,r=0;r<t.length;r++){var n=t[r];if("string"==typeof n)return i(c,n);if(n.src)return i(c,n.src)}return-1},d.currentIndex=function(){return d.currentItem()},d.lastIndex=function(){return c.length-1},d.nextIndex=function(){var e=d.currentItem();if(-1===e)return-1;var t=d.lastIndex();return d.repeat_&&e===t?0:Math.min(e+1,t)},d.previousIndex=function(){var e=d.currentItem();return-1===e?-1:d.repeat_&&0===e?d.lastIndex():Math.max(e-1,0)},d.first=function(){if(!s)return c.length?c[d.currentItem(0)]:void(d.currentIndex_=-1)},d.last=function(){if(!s)return c.length?c[d.currentItem(d.lastIndex())]:void(d.currentIndex_=-1)},d.next=function(){if(!s){var e=d.nextIndex();return e!==d.currentIndex_?c[d.currentItem(e)]:void 0}},d.previous=function(){if(!s){var e=d.previousIndex();return e!==d.currentIndex_?c[d.currentItem(e)]:void 0}},d.autoadvance=function(e){r(d.player_,e)},d.repeat=function(t){return void 0===t?d.repeat_:"boolean"==typeof t?(d.repeat_=!!t,d.repeat_):void e.log.error("videojs-playlist: Invalid value for repeat",t)},d.sort=function(e){c.length&&(c.sort(e),s||o.trigger("playlistsorted"))},d.reverse=function(){c.length&&(c.reverse(),s||o.trigger("playlistsorted"))},d.shuffle=function(e){var t,r=(void 0===e?{}:e).rest,n=0,i=c;(r&&(n=d.currentIndex_+1,i=c.slice(n)),i.length<=1)||(a(i),r&&(t=c).splice.apply(t,[n,i.length].concat(i)),s||o.trigger("playlistsorted"))},Array.isArray(u)?d(u.slice(),l):c=[]}(this,o,u)};return((e=e&&e.hasOwnProperty("default")?e.default:e).registerPlugin||e.plugin)("playlist",o),o.VERSION="4.2.6",o});
diff --git a/negromate/web/static/js/videojs-playlist/docs/api.md b/negromate/web/static/js/videojs-playlist/docs/api.md
deleted file mode 100644
index ccdc9e5..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api.md
+++ /dev/null
@@ -1,507 +0,0 @@
-# video.js Playlist API
-
-## Playlist Item Object
-
-A playlist is an array of playlist items. A playlist item is an object with the following properties:
-
-| Property     | Type   | Optional | Description                                        |
-| ------------ | ------ | -------- | -------------------------------------------------- |
-| `sources`    | Array  |          | An array of sources that video.js understands.     |
-| `poster`     | String | ✓        | A poster image to display for these sources.       |
-| `textTracks` | Array  | ✓        | An array of text tracks that Video.js understands. |
-
-## Methods
-### `player.playlist([Array newList], [Number newIndex]) -> Array`
-
-Get or set the current playlist for a player.
-
-If called without arguments, it is a getter. With an argument, it is a setter.
-
-```js
-player.playlist([{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}, {
-  sources: [{
-    src: 'http://vjs.zencdn.net/v/oceans.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://www.videojs.com/img/poster.jpg'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/movie.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/video/poster.png'
-}]);
-// [{ ... }, ... ]
-
-player.playlist([{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/video/poster.png'
-}]);
-// [{ ... }]
-```
-
-If a setter, a second argument sets the video to be loaded. If omitted, the
-first video is loaded. If `-1`, no video is loaded.
-
-```js
-player.playlist([{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}], 1);
-// [{ ... }]
-```
-
-#### `player.playlist.currentItem([Number index]) -> Number`
-
-Get or set the current item index.
-
-If called without arguments, it is a getter. With an argument, it is a setter.
-
-If the player is currently playing a non-playlist video, it will return `-1`.
-
-```js
-var samplePlaylist = [{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}];
-
-player.playlist(samplePlaylist);
-
-player.currentItem();
-// 0
-
-player.currentItem(2);
-// 2
-
-player.src('http://example.com/video.mp4');
-player.playlist.currentItem();
-// -1
-```
-
-#### `player.playlist.contains(String|Object|Array value) -> Boolean`
-
-Determine whether a string, source object, or playlist item is contained within a playlist.
-
-Assuming the playlist used above, consider the following example:
-
-```js
-player.playlist.contains('http://media.w3.org/2010/05/sintel/trailer.mp4');
-// true
-
-player.playlist.contains([{
-  src: 'http://media.w3.org/2010/05/sintel/poster.png',
-  type: 'image/png'
-}]);
-// false
-
-player.playlist.contains({
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }]
-});
-// true
-```
-
-#### `player.playlist.indexOf(String|Object|Array value) -> Number`
-
-Get the index of a string, source object, or playlist item in the playlist. If not found, returns `-1`.
-
-Assuming the playlist used above, consider the following example:
-
-```js
-player.playlist.indexOf('http://media.w3.org/2010/05/bunny/trailer.mp4');
-// 1
-
-player.playlist.contains([{
-  src: 'http://media.w3.org/2010/05/bunny/movie.mp4',
-  type: 'video/mp4'
-}]);
-// 3
-
-player.playlist.contains({
-  sources: [{
-    src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-    type: 'video/mp4'
-  }]
-});
-// 4
-```
-
-#### `player.playlist.currentIndex() -> Number`
-
-Get the index of the current item in the playlist. This is identical to calling `currentItem()` with no arguments.
-
-```js
-var samplePlaylist = [{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}];
-
-player.currentIndex();
-// 0
-```
-
-#### `player.playlist.nextIndex() -> Number`
-
-Get the index of the next item in the playlist.
-
-If the player is on the last item, returns the last item's index. However, if the playlist repeats and is on the last item, returns `0`.
-
-If the player is currently playing a non-playlist video, it will return `-1`.
-
-```js
-var samplePlaylist = [{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}];
-
-player.playlist(samplePlaylist);
-
-player.nextIndex();
-// 1
-
-player.next();
-player.nextIndex();
-// 1
-
-player.repeat(true);
-player.nextIndex();
-// 0
-
-player.src('http://example.com/video.mp4');
-player.playlist.nextIndex();
-// -1
-```
-
-#### `player.playlist.previousIndex() -> Number`
-
-Get the index of the previous item in the playlist.
-
-If the player is on the first item, returns `0`. However, if the playlist repeats and is on the first item, returns the last item's index.
-
-If the player is currently playing a non-playlist video, it will return `-1`.
-
-```js
-var samplePlaylist = [{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}];
-
-player.playlist(samplePlaylist, 1);
-
-player.previousIndex();
-// 0
-
-player.previous();
-player.previousIndex();
-// 0
-
-player.repeat(true);
-player.previousIndex();
-// 1
-
-player.src('http://example.com/video.mp4');
-player.playlist.previousIndex();
-// -1
-```
-
-#### `player.playlist.lastIndex() -> Number`
-
-Get the index of the last item in the playlist.
-
-```js
-var samplePlaylist = [{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}];
-
-player.lastIndex();
-// 1
-```
-
-#### `player.playlist.first() -> Object|undefined`
-
-Play the first item in the playlist.
-
-Returns the activated playlist item unless the playlist is empty (in which case, returns `undefined`).
-
-```js
-player.playlist.first();
-// { ... }
-
-player.playlist([]);
-player.playlist.first();
-// undefined
-```
-
-#### `player.playlist.last() -> Object|undefined`
-
-Play the last item in the playlist.
-
-Returns the activated playlist item unless the playlist is empty (in which case, returns `undefined`).
-
-```js
-player.playlist.last();
-// { ... }
-
-player.playlist([]);
-player.playlist.last();
-// undefined
-```
-
-#### `player.playlist.next() -> Object`
-
-Advance to the next item in the playlist.
-
-Returns the activated playlist item unless the playlist is at the end (in which case, returns `undefined`).
-
-```js
-player.playlist.next();
-// { ... }
-
-player.playlist.last();
-player.playlist.next();
-// undefined
-```
-
-#### `player.playlist.previous() -> Object`
-
-Go back to the previous item in the playlist.
-
-Returns the activated playlist item unless the playlist is at the beginning (in which case, returns `undefined`).
-
-```js
-player.playlist.next();
-// { ... }
-
-player.playlist.previous();
-// { ... }
-
-player.playlist.first();
-// { ... }
-
-player.playlist.previous();
-// undefined
-```
-
-#### `player.playlist.autoadvance([Number delay]) -> undefined`
-
-Sets up playlist auto-advance behavior.
-
-Once invoked, at the end of each video in the playlist, the plugin will wait `delay` seconds before proceeding automatically to the next video.
-
-Any value which is not a positive, finite integer, will be treated as a request to cancel and reset the auto-advance behavior.
-
-If you change auto-advance during a delay, the auto-advance will be canceled and it will not advance the next video, but it will use the new timeout value for the following videos.
-
-```js
-// no wait before loading in the next item
-player.playlist.autoadvance(0);
-
-// wait 5 seconds before loading in the next item
-player.playlist.autoadvance(5);
-
-// reset and cancel the auto-advance
-player.playlist.autoadvance();
-```
-
-#### `player.playlist.repeat([Boolean val]) -> Boolean`
-
-Enable or disable repeat by passing true or false as the argument.
-
-When repeat is enabled, the "next" video after the final video in the playlist is the first video in the playlist. This affects the behavior of calling `next()`, of autoadvance, and so on.
-
-This method returns the current value. Call with no argument to use as a getter.
-
-Examples:
-
-```js
-
-player.playlist.repeat(true);
-
-player.playlist.repeat();
-// true
-
-player.playlist.repeat(false);
-player.playlist.repeat();
-// false
-
-```
-
-#### `player.playlist.sort([Function compare]) -> undefined`
-
-Sort the playlist in a manner identical to [`Array#sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort).
-
-Fires the `playlistsorted` event after sorting.
-
-#### `player.playlist.reverse() -> undefined`
-
-Reverse the playlist in a manner identical to [`Array#reverse`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse).
-
-Fires the `playlistsorted` event after reversing.
-
-#### `player.playlist.shuffle() -> undefined`
-
-Shuffles/randomizes the order of playlist items in a manner identical to [`lodash.shuffle`](https://lodash.com/docs/4.17.4#shuffle).
-
-Fires the `playlistsorted` event after shuffling.
-
-## Events
-
-### `duringplaylistchange`
-
-This event is fired _after_ the contents of the playlist are changed when calling `playlist()`, but _before_ the current playlist item is changed. The event object has several special properties:
-
-- `nextIndex`: The index from the next playlist that will be played first.
-- `nextPlaylist`: A shallow clone of the next playlist.
-- `previousIndex`: The index from the previous playlist (will always match the current index when this event triggers, but is provided for completeness).
-- `previousPlaylist`: A shallow clone of the previous playlist.
-
-**NOTE**: This event fires every time `player.playlist()` is called - including the first time.
-
-#### Caveats
-
-During the firing of this event, the playlist is considered to be in a **changing state**, which has the following effects:
-
-- Calling the main playlist method (i.e. `player.playlist([...])`) will throw an error.
-- Playlist navigation methods - `first`, `last`, `next`, and `previous` - are rendered inoperable.
-- The `currentItem()` method only acts as a getter.
-- While the sorting methods - `sort`, `reverse`, and `shuffle` - will continue to work, they do not fire the `playlistsorted` event.
-
-#### Why have this event?
-
-This event provides an opportunity to intercept the playlist setting process before a new source is set on the player and before the `playlistchange` event fires, while providing a consistent playlist API.
-
-One use-case might be shuffling a playlist that has just come from a server, but before its initial source is loaded into the player or the playlist UI is updated:
-
-```js
-player.on('duringplaylistchange', function() {
-
-  // Remember, this will not trigger a "playlistsorted" event!
-  player.playlist.shuffle();
-});
-
-player.on('playlistchange', function() {
-  videojs.log('The playlist was shuffled, so the UI can be updated.');
-});
-```
-
-### `playlistchange`
-
-This event is fired _asynchronously_ whenever the contents of the playlist are changed (i.e., when `player.playlist()` is called with an argument) - except the first time.
-
-It is fired asynchronously to let the browser start loading the first video in the new playlist.
-
-```js
-player.on('playlistchange', function() {
-  player.playlist();
-});
-
-player.playlist([]);
-// [ ... ]
-
-player.playlist([]);
-// [ ... ]
-```
-
-#### Backward Compatibility
-
-This event _does not fire_ the first time `player.playlist()` is called. If you want it to fire on the first call to `player.playlist()`, you can call it without an argument before calling it with one:
-
-```js
-// This will fire no events.
-player.playlist();
-
-// This will fire both "duringplaylistchange" and "playlistchange"
-player.playlist([...]);
-```
-
-This behavior will be removed in v5.0.0 and the event will fire in all cases.
-
-### `beforeplaylistitem`
-
-This event is fired before switching to a new content source within a playlist (i.e., when any of `currentItem()`, `first()`, or `last()` is called, but before the player's state has been changed).
-
-### `playlistitem`
-
-This event is fired when switching to a new content source within a playlist (i.e., when any of `currentItem()`, `first()`, or `last()` is called; after the player's state has been changed, but before playback has been resumed).
-
-### `playlistsorted`
-
-This event is fired when any method is called that changes the order of playlist items - `sort()`, `reverse()`, or `shuffle()`.
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/auto-advance.js.html b/negromate/web/static/js/videojs-playlist/docs/api/auto-advance.js.html
deleted file mode 100644
index f75f011..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/auto-advance.js.html
+++ /dev/null
@@ -1,148 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>JSDoc: Source: auto-advance.js</title>
-
-    <script src="scripts/prettify/prettify.js"> </script>
-    <script src="scripts/prettify/lang-css.js"> </script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
-</head>
-
-<body>
-
-<div id="main">
-
-    <h1 class="page-title">Source: auto-advance.js</h1>
-
-    
-
-
-
-    
-    <section>
-        <article>
-            <pre class="prettyprint source linenums"><code>
-/**
- * Validates a number of seconds to use as the auto-advance delay.
- *
- * @private
- * @param   {number} s
- *          The number to check
- *
- * @return  {boolean}
- *          Whether this is a valid second or not
- */
-const validSeconds = s =>
-  typeof s === 'number' &amp;&amp; !isNaN(s) &amp;&amp; s >= 0 &amp;&amp; s &lt; Infinity;
-
-/**
- * Resets the auto-advance behavior of a player.
- *
- * @param {Player} player
- *        The player to reset the behavior on
- */
-let reset = (player) => {
-  const aa = player.playlist.autoadvance_;
-
-  if (aa.timeout) {
-    player.clearTimeout(aa.timeout);
-  }
-
-  if (aa.trigger) {
-    player.off('ended', aa.trigger);
-  }
-
-  aa.timeout = null;
-  aa.trigger = null;
-};
-
-/**
- * Sets up auto-advance behavior on a player.
- *
- * @param  {Player} player
- *         the current player
- *
- * @param  {number} delay
- *         The number of seconds to wait before each auto-advance.
- *
- * @return {undefined}
- *         Used to short circuit function logic
- */
-const setup = (player, delay) => {
-  reset(player);
-
-  // Before queuing up new auto-advance behavior, check if `seconds` was
-  // called with a valid value.
-  if (!validSeconds(delay)) {
-    player.playlist.autoadvance_.delay = null;
-    return;
-  }
-
-  player.playlist.autoadvance_.delay = delay;
-
-  player.playlist.autoadvance_.trigger = function() {
-
-    // This calls setup again, which will reset the existing auto-advance and
-    // set up another auto-advance for the next "ended" event.
-    const cancelOnPlay = () => setup(player, delay);
-
-    // If there is a "play" event while we're waiting for an auto-advance,
-    // we need to cancel the auto-advance. This could mean the user seeked
-    // back into the content or restarted the content. This is reproducible
-    // with an auto-advance > 0.
-    player.one('play', cancelOnPlay);
-
-    player.playlist.autoadvance_.timeout = player.setTimeout(() => {
-      reset(player);
-      player.off('play', cancelOnPlay);
-      player.playlist.next();
-    }, delay * 1000);
-  };
-
-  player.one('ended', player.playlist.autoadvance_.trigger);
-};
-
-/**
- * Used to change the reset function in this module at runtime
- * This should only be used in tests.
- *
- * @param {Function} fn
- *        The function to se the reset to
- */
-const setReset_ = (fn) => {
-  reset = fn;
-};
-
-export {
-  setReset_,
-  reset,
-  setup
-};
-</code></pre>
-        </article>
-    </section>
-
-
-
-
-</div>
-
-<nav>
-    <h2><a href="index.html">Home</a></h2><h3>Events</h3><ul><li><a href="global.html#event:playlistsorted">playlistsorted</a></li></ul><h3>Global</h3><ul><li><a href="global.html#clearTracks">clearTracks</a></li><li><a href="global.html#playItem">playItem</a></li><li><a href="global.html#plugin">plugin</a></li><li><a href="global.html#reset">reset</a></li><li><a href="global.html#setReset_">setReset_</a></li><li><a href="global.html#setup">setup</a></li></ul>
-</nav>
-
-<br class="clear">
-
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Jan 26 2018 12:37:44 GMT-0500 (EST)
-</footer>
-
-<script> prettyPrint(); </script>
-<script src="scripts/linenumber.js"> </script>
-</body>
-</html>
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.eot b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.eot
deleted file mode 100644
index 5d20d91..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.eot and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.svg b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.svg
deleted file mode 100644
index 3ed7be4..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.svg
+++ /dev/null
@@ -1,1830 +0,0 @@
-<?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></metadata>
-<defs>
-<font id="open_sansbold" horiz-adv-x="1169" >
-<font-face units-per-em="2048" ascent="1638" descent="-410" />
-<missing-glyph horiz-adv-x="532" />
-<glyph unicode="&#xfb01;" horiz-adv-x="1417" d="M41 0zM778 889h-264v-889h-305v889h-168v147l168 82v82q0 191 94 279t301 88q158 0 281 -47l-78 -224q-92 29 -170 29q-65 0 -94 -38.5t-29 -98.5v-70h264v-229zM940 1407q0 149 166 149t166 -149q0 -71 -41.5 -110.5t-124.5 -39.5q-166 0 -166 150zM1258 0h-305v1118 h305v-1118z" />
-<glyph unicode="&#xfb02;" horiz-adv-x="1417" d="M41 0zM778 889h-264v-889h-305v889h-168v147l168 82v82q0 191 94 279t301 88q158 0 281 -47l-78 -224q-92 29 -170 29q-65 0 -94 -38.5t-29 -98.5v-70h264v-229zM1258 0h-305v1556h305v-1556z" />
-<glyph unicode="&#xfb03;" horiz-adv-x="2208" d="M41 0zM778 889h-264v-889h-305v889h-168v147l168 82v82q0 191 94 279t301 88q158 0 281 -47l-78 -224q-92 29 -170 29q-65 0 -94 -38.5t-29 -98.5v-70h264v-229zM1571 889h-264v-889h-305v889h-168v147l168 82v82q0 191 94 279t301 88q158 0 281 -47l-78 -224 q-92 29 -170 29q-65 0 -94 -38.5t-29 -98.5v-70h264v-229zM1730 1407q0 149 166 149t166 -149q0 -71 -41.5 -110.5t-124.5 -39.5q-166 0 -166 150zM2048 0h-305v1118h305v-1118z" />
-<glyph unicode="&#xfb04;" horiz-adv-x="2208" d="M41 0zM778 889h-264v-889h-305v889h-168v147l168 82v82q0 191 94 279t301 88q158 0 281 -47l-78 -224q-92 29 -170 29q-65 0 -94 -38.5t-29 -98.5v-70h264v-229zM1571 889h-264v-889h-305v889h-168v147l168 82v82q0 191 94 279t301 88q158 0 281 -47l-78 -224 q-92 29 -170 29q-65 0 -94 -38.5t-29 -98.5v-70h264v-229zM2048 0h-305v1556h305v-1556z" />
-<glyph horiz-adv-x="2048" />
-<glyph horiz-adv-x="2048" />
-<glyph unicode="&#xd;" horiz-adv-x="1044" />
-<glyph unicode=" "  horiz-adv-x="532" />
-<glyph unicode="&#x09;" horiz-adv-x="532" />
-<glyph unicode="&#xa0;" horiz-adv-x="532" />
-<glyph unicode="!" horiz-adv-x="586" d="M416 485h-244l-51 977h346zM117 143q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-84 0 -130 44.5t-46 125.5z" />
-<glyph unicode="&#x22;" horiz-adv-x="967" d="M412 1462l-41 -528h-197l-41 528h279zM834 1462l-41 -528h-197l-41 528h279z" />
-<glyph unicode="#" horiz-adv-x="1323" d="M999 844l-47 -232h258v-206h-297l-77 -406h-220l78 406h-194l-76 -406h-215l74 406h-238v206h277l47 232h-252v209h289l77 407h219l-77 -407h198l78 407h215l-78 -407h240v-209h-279zM539 612h196l47 232h-196z" />
-<glyph unicode="$" d="M1092 457q0 -159 -115 -255.5t-322 -115.5v-205h-137v201q-244 5 -428 86v264q87 -43 209.5 -76t218.5 -39v310l-67 26q-198 78 -280.5 169.5t-82.5 226.5q0 145 113.5 238.5t316.5 113.5v153h137v-149q229 -10 414 -92l-94 -234q-156 64 -320 78v-295 q195 -75 277.5 -130t121 -121t38.5 -154zM791 442q0 42 -34 71t-102 60v-249q136 23 136 118zM389 1049q0 -44 30.5 -72.5t98.5 -58.5v235q-129 -19 -129 -104z" />
-<glyph unicode="%" horiz-adv-x="1845" d="M315 1024q0 -127 22.5 -189.5t72.5 -62.5q96 0 96 252q0 250 -96 250q-50 0 -72.5 -61.5t-22.5 -188.5zM758 1026q0 -230 -89 -345.5t-261 -115.5q-165 0 -255 118.5t-90 342.5q0 457 345 457q169 0 259.5 -118.5t90.5 -338.5zM1446 1462l-811 -1462h-240l811 1462h240z M1339 440q0 -127 22.5 -189.5t72.5 -62.5q96 0 96 252q0 250 -96 250q-50 0 -72.5 -61.5t-22.5 -188.5zM1782 442q0 -229 -89 -344.5t-261 -115.5q-165 0 -255 118.5t-90 341.5q0 457 345 457q169 0 259.5 -118.5t90.5 -338.5z" />
-<glyph unicode="&#x26;" horiz-adv-x="1536" d="M1536 0h-377l-115 113q-191 -133 -432 -133q-244 0 -387 112t-143 303q0 137 60.5 233.5t207.5 180.5q-75 86 -109 164.5t-34 171.5q0 152 116.5 245t311.5 93q186 0 297.5 -86.5t111.5 -231.5q0 -119 -69 -217.5t-223 -187.5l284 -277q71 117 123 301h318 q-36 -135 -99 -263.5t-143 -227.5zM403 424q0 -86 64.5 -137t165.5 -51q126 0 227 61l-332 330q-58 -44 -91.5 -92t-33.5 -111zM762 1133q0 53 -36 83.5t-93 30.5q-67 0 -105.5 -32t-38.5 -91q0 -88 95 -194q86 48 132 94.5t46 108.5z" />
-<glyph unicode="'" horiz-adv-x="545" d="M412 1462l-41 -528h-197l-41 528h279z" />
-<glyph unicode="(" horiz-adv-x="694" d="M82 561q0 265 77.5 496t223.5 405h250q-141 -193 -213 -424t-72 -475q0 -245 73.5 -473.5t209.5 -413.5h-248q-147 170 -224 397t-77 488z" />
-<glyph unicode=")" horiz-adv-x="694" d="M612 561q0 -263 -77.5 -490t-223.5 -395h-248q135 184 209 412.5t74 474.5q0 244 -72 475t-213 424h250q147 -175 224 -406.5t77 -494.5z" />
-<glyph unicode="*" horiz-adv-x="1116" d="M688 1556l-41 -368l373 104l33 -252l-340 -24l223 -297l-227 -121l-156 313l-137 -311l-236 119l221 297l-338 26l39 250l365 -104l-41 368h262z" />
-<glyph unicode="+" d="M475 612h-387v219h387v390h219v-390h387v-219h-387v-385h-219v385z" />
-<glyph unicode="," horiz-adv-x="594" d="M459 215q-52 -202 -176 -479h-220q65 266 101 502h280z" />
-<glyph unicode="-" horiz-adv-x="659" d="M61 424v250h537v-250h-537z" />
-<glyph unicode="." horiz-adv-x="584" d="M117 143q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-84 0 -130 44.5t-46 125.5z" />
-<glyph unicode="/" horiz-adv-x="846" d="M836 1462l-545 -1462h-277l545 1462h277z" />
-<glyph unicode="0" d="M1096 731q0 -383 -125.5 -567t-386.5 -184q-253 0 -381.5 190t-128.5 561q0 387 125 570.5t385 183.5q253 0 382.5 -192t129.5 -562zM381 731q0 -269 46.5 -385.5t156.5 -116.5q108 0 156 118t48 384q0 269 -48.5 386.5t-155.5 117.5q-109 0 -156 -117.5t-47 -386.5z" />
-<glyph unicode="1" d="M846 0h-309v846l3 139l5 152q-77 -77 -107 -101l-168 -135l-149 186l471 375h254v-1462z" />
-<glyph unicode="2" d="M1104 0h-1022v215l367 371q163 167 213 231.5t72 119.5t22 114q0 88 -48.5 131t-129.5 43q-85 0 -165 -39t-167 -111l-168 199q108 92 179 130t155 58.5t188 20.5q137 0 242 -50t163 -140t58 -206q0 -101 -35.5 -189.5t-110 -181.5t-262.5 -265l-188 -177v-14h637v-260z " />
-<glyph unicode="3" d="M1047 1135q0 -137 -83 -233t-233 -132v-6q177 -22 268 -107.5t91 -230.5q0 -211 -153 -328.5t-437 -117.5q-238 0 -422 79v263q85 -43 187 -70t202 -27q153 0 226 52t73 167q0 103 -84 146t-268 43h-111v237h113q170 0 248.5 44.5t78.5 152.5q0 166 -208 166 q-72 0 -146.5 -24t-165.5 -83l-143 213q200 144 477 144q227 0 358.5 -92t131.5 -256z" />
-<glyph unicode="4" d="M1137 303h-176v-303h-302v303h-624v215l641 944h285v-919h176v-240zM659 543v248q0 62 5 180t8 137h-8q-37 -82 -89 -160l-268 -405h352z" />
-<glyph unicode="5" d="M614 934q212 0 337.5 -119t125.5 -326q0 -245 -151 -377t-432 -132q-244 0 -394 79v267q79 -42 184 -68.5t199 -26.5q283 0 283 232q0 221 -293 221q-53 0 -117 -10.5t-104 -22.5l-123 66l55 745h793v-262h-522l-27 -287l35 7q61 14 151 14z" />
-<glyph unicode="6" d="M72 621q0 434 183.5 646t549.5 212q125 0 196 -15v-247q-89 20 -176 20q-159 0 -259.5 -48t-150.5 -142t-59 -267h13q99 170 317 170q196 0 307 -123t111 -340q0 -234 -132 -370.5t-366 -136.5q-162 0 -282.5 75t-186 219t-65.5 347zM600 227q99 0 152 66.5t53 189.5 q0 107 -49.5 168.5t-149.5 61.5q-94 0 -160.5 -61t-66.5 -142q0 -119 62.5 -201t158.5 -82z" />
-<glyph unicode="7" d="M227 0l549 1200h-721v260h1049v-194l-553 -1266h-324z" />
-<glyph unicode="8" d="M586 1481q210 0 338.5 -95.5t128.5 -257.5q0 -112 -62 -199.5t-200 -156.5q164 -88 235.5 -183.5t71.5 -209.5q0 -180 -141 -289.5t-371 -109.5q-240 0 -377 102t-137 289q0 125 66.5 222t213.5 171q-125 79 -180 169t-55 197q0 157 130 254t339 97zM358 389 q0 -86 60 -134t164 -48q115 0 172 49.5t57 130.5q0 67 -56.5 125.5t-183.5 124.5q-213 -98 -213 -248zM584 1255q-79 0 -127.5 -40.5t-48.5 -108.5q0 -60 38.5 -107.5t139.5 -97.5q98 46 137 94t39 111q0 69 -50 109t-128 40z" />
-<glyph unicode="9" d="M1098 838q0 -432 -182 -645t-551 -213q-130 0 -197 14v248q84 -21 176 -21q155 0 255 45.5t153 143t61 268.5h-12q-58 -94 -134 -132t-190 -38q-191 0 -301 122.5t-110 340.5q0 235 133.5 371.5t363.5 136.5q162 0 283.5 -76t186.5 -220.5t65 -344.5zM569 1231 q-96 0 -150 -66t-54 -190q0 -106 49 -168t149 -62q94 0 161 61.5t67 141.5q0 119 -62.5 201t-159.5 82z" />
-<glyph unicode=":" horiz-adv-x="584" d="M117 143q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-84 0 -130 44.5t-46 125.5zM117 969q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -81 -46.5 -125.5t-127.5 -44.5q-84 0 -130 44t-46 126z" />
-<glyph unicode=";" horiz-adv-x="594" d="M444 238l15 -23q-52 -202 -176 -479h-220q65 266 101 502h280zM117 969q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -81 -46.5 -125.5t-127.5 -44.5q-84 0 -130 44t-46 126z" />
-<glyph unicode="&#x3c;" d="M1081 203l-993 438v143l993 496v-240l-684 -317l684 -281v-239z" />
-<glyph unicode="=" d="M88 805v219h993v-219h-993zM88 418v219h993v-219h-993z" />
-<glyph unicode="&#x3e;" d="M88 442l684 281l-684 317v240l993 -496v-143l-993 -438v239z" />
-<glyph unicode="?" horiz-adv-x="977" d="M276 485v74q0 96 41 167t150 151q105 75 138.5 122t33.5 105q0 65 -48 99t-134 34q-150 0 -342 -98l-109 219q223 125 473 125q206 0 327.5 -99t121.5 -264q0 -110 -50 -190t-190 -180q-96 -71 -121.5 -108t-25.5 -97v-60h-265zM244 143q0 84 45 127t131 43 q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-84 0 -130 44.5t-46 125.5z" />
-<glyph unicode="@" horiz-adv-x="1837" d="M1735 752q0 -144 -46 -263.5t-130 -187.5t-195 -68q-74 0 -131 35.5t-82 93.5h-16q-108 -129 -275 -129q-177 0 -279 106.5t-102 291.5q0 211 134 340t350 129q86 0 189.5 -16.5t170.5 -39.5l-23 -489q0 -139 76 -139q64 0 102 93.5t38 244.5q0 161 -67 284.5 t-188.5 188.5t-277.5 65q-202 0 -351 -83t-228.5 -239.5t-79.5 -361.5q0 -276 147.5 -423.5t427.5 -147.5q106 0 233 23.5t250 68.5v-192q-214 -91 -475 -91q-380 0 -592.5 200t-212.5 556q0 247 108.5 448.5t309 316t461.5 114.5q220 0 393 -90t267 -256t94 -383zM711 627 q0 -211 172 -211q90 0 137 63.5t57 206.5l13 221q-51 11 -115 11q-125 0 -194.5 -78t-69.5 -213z" />
-<glyph unicode="A" horiz-adv-x="1413" d="M1079 0l-106 348h-533l-106 -348h-334l516 1468h379l518 -1468h-334zM899 608q-147 473 -165.5 535t-26.5 98q-33 -128 -189 -633h381z" />
-<glyph unicode="B" horiz-adv-x="1376" d="M184 1462h455q311 0 451.5 -88.5t140.5 -281.5q0 -131 -61.5 -215t-163.5 -101v-10q139 -31 200.5 -116t61.5 -226q0 -200 -144.5 -312t-392.5 -112h-547v1462zM494 883h180q126 0 182.5 39t56.5 129q0 84 -61.5 120.5t-194.5 36.5h-163v-325zM494 637v-381h202 q128 0 189 49t61 150q0 182 -260 182h-192z" />
-<glyph unicode="C" horiz-adv-x="1305" d="M805 1225q-175 0 -271 -131.5t-96 -366.5q0 -489 367 -489q154 0 373 77v-260q-180 -75 -402 -75q-319 0 -488 193.5t-169 555.5q0 228 83 399.5t238.5 263t364.5 91.5q213 0 428 -103l-100 -252q-82 39 -165 68t-163 29z" />
-<glyph unicode="D" horiz-adv-x="1516" d="M1397 745q0 -361 -205.5 -553t-593.5 -192h-414v1462h459q358 0 556 -189t198 -528zM1075 737q0 471 -416 471h-165v-952h133q448 0 448 481z" />
-<glyph unicode="E" horiz-adv-x="1147" d="M1026 0h-842v1462h842v-254h-532v-321h495v-254h-495v-377h532v-256z" />
-<glyph unicode="F" horiz-adv-x="1124" d="M489 0h-305v1462h838v-254h-533v-377h496v-253h-496v-578z" />
-<glyph unicode="G" horiz-adv-x="1483" d="M739 821h580v-758q-141 -46 -265.5 -64.5t-254.5 -18.5q-331 0 -505.5 194.5t-174.5 558.5q0 354 202.5 552t561.5 198q225 0 434 -90l-103 -248q-160 80 -333 80q-201 0 -322 -135t-121 -363q0 -238 97.5 -363.5t283.5 -125.5q97 0 197 20v305h-277v258z" />
-<glyph unicode="H" horiz-adv-x="1567" d="M1382 0h-309v631h-579v-631h-310v1462h310v-573h579v573h309v-1462z" />
-<glyph unicode="I" horiz-adv-x="678" d="M184 0v1462h310v-1462h-310z" />
-<glyph unicode="J" horiz-adv-x="678" d="M31 -430q-105 0 -183 22v258q80 -20 146 -20q102 0 146 63.5t44 198.5v1370h310v-1368q0 -256 -117 -390t-346 -134z" />
-<glyph unicode="K" horiz-adv-x="1360" d="M1360 0h-352l-383 616l-131 -94v-522h-310v1462h310v-669l122 172l396 497h344l-510 -647z" />
-<glyph unicode="L" horiz-adv-x="1157" d="M184 0v1462h310v-1206h593v-256h-903z" />
-<glyph unicode="M" horiz-adv-x="1931" d="M803 0l-352 1147h-9q19 -350 19 -467v-680h-277v1462h422l346 -1118h6l367 1118h422v-1462h-289v692q0 49 1.5 113t13.5 340h-9l-377 -1145h-284z" />
-<glyph unicode="N" horiz-adv-x="1665" d="M1481 0h-394l-636 1106h-9q19 -293 19 -418v-688h-277v1462h391l635 -1095h7q-15 285 -15 403v692h279v-1462z" />
-<glyph unicode="O" horiz-adv-x="1630" d="M1511 733q0 -363 -180 -558t-516 -195t-516 195t-180 560t180.5 557.5t517.5 192.5t515.5 -194t178.5 -558zM444 733q0 -245 93 -369t278 -124q371 0 371 493q0 494 -369 494q-185 0 -279 -124.5t-94 -369.5z" />
-<glyph unicode="P" horiz-adv-x="1286" d="M494 774h102q143 0 214 56.5t71 164.5q0 109 -59.5 161t-186.5 52h-141v-434zM1194 1006q0 -236 -147.5 -361t-419.5 -125h-133v-520h-310v1462h467q266 0 404.5 -114.5t138.5 -341.5z" />
-<glyph unicode="Q" horiz-adv-x="1630" d="M1511 733q0 -258 -91.5 -432.5t-268.5 -255.5l352 -393h-397l-268 328h-23q-336 0 -516 195t-180 560t180.5 557.5t517.5 192.5t515.5 -194t178.5 -558zM444 733q0 -245 93 -369t278 -124q371 0 371 493q0 494 -369 494q-185 0 -279 -124.5t-94 -369.5z" />
-<glyph unicode="R" horiz-adv-x="1352" d="M494 813h100q147 0 217 49t70 154q0 104 -71.5 148t-221.5 44h-94v-395zM494 561v-561h-310v1462h426q298 0 441 -108.5t143 -329.5q0 -129 -71 -229.5t-201 -157.5q330 -493 430 -637h-344l-349 561h-165z" />
-<glyph unicode="S" horiz-adv-x="1128" d="M1047 406q0 -198 -142.5 -312t-396.5 -114q-234 0 -414 88v288q148 -66 250.5 -93t187.5 -27q102 0 156.5 39t54.5 116q0 43 -24 76.5t-70.5 64.5t-189.5 99q-134 63 -201 121t-107 135t-40 180q0 194 131.5 305t363.5 111q114 0 217.5 -27t216.5 -76l-100 -241 q-117 48 -193.5 67t-150.5 19q-88 0 -135 -41t-47 -107q0 -41 19 -71.5t60.5 -59t196.5 -102.5q205 -98 281 -196.5t76 -241.5z" />
-<glyph unicode="T" horiz-adv-x="1186" d="M748 0h-310v1204h-397v258h1104v-258h-397v-1204z" />
-<glyph unicode="U" horiz-adv-x="1548" d="M1374 1462v-946q0 -162 -72.5 -284t-209.5 -187t-324 -65q-282 0 -438 144.5t-156 395.5v942h309v-895q0 -169 68 -248t225 -79q152 0 220.5 79.5t68.5 249.5v893h309z" />
-<glyph unicode="V" horiz-adv-x="1331" d="M1018 1462h313l-497 -1462h-338l-496 1462h313l275 -870q23 -77 47.5 -179.5t30.5 -142.5q11 92 75 322z" />
-<glyph unicode="W" horiz-adv-x="1980" d="M1608 0h-353l-198 768q-11 41 -37.5 169.5t-30.5 172.5q-6 -54 -30 -173.5t-37 -170.5l-197 -766h-352l-373 1462h305l187 -798q49 -221 71 -383q6 57 27.5 176.5t40.5 185.5l213 819h293l213 -819q14 -55 35 -168t32 -194q10 78 32 194.5t40 188.5l186 798h305z" />
-<glyph unicode="X" horiz-adv-x="1366" d="M1366 0h-354l-340 553l-340 -553h-332l485 754l-454 708h342l315 -526l309 526h334l-459 -725z" />
-<glyph unicode="Y" horiz-adv-x="1278" d="M639 860l305 602h334l-485 -893v-569h-308v559l-485 903h336z" />
-<glyph unicode="Z" horiz-adv-x="1186" d="M1137 0h-1088v201l701 1005h-682v256h1050v-200l-700 -1006h719v-256z" />
-<glyph unicode="[" horiz-adv-x="678" d="M627 -324h-484v1786h484v-211h-224v-1364h224v-211z" />
-<glyph unicode="\" horiz-adv-x="846" d="M289 1462l545 -1462h-277l-545 1462h277z" />
-<glyph unicode="]" horiz-adv-x="678" d="M51 -113h223v1364h-223v211h484v-1786h-484v211z" />
-<glyph unicode="^" horiz-adv-x="1090" d="M8 520l438 950h144l495 -950h-239l-322 643l-280 -643h-236z" />
-<glyph unicode="_" horiz-adv-x="842" d="M846 -324h-850v140h850v-140z" />
-<glyph unicode="`" horiz-adv-x="1243" d="M707 1241q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="a" horiz-adv-x="1237" d="M870 0l-59 152h-8q-77 -97 -158.5 -134.5t-212.5 -37.5q-161 0 -253.5 92t-92.5 262q0 178 124.5 262.5t375.5 93.5l194 6v49q0 170 -174 170q-134 0 -315 -81l-101 206q193 101 428 101q225 0 345 -98t120 -298v-745h-213zM780 518l-118 -4q-133 -4 -198 -48t-65 -134 q0 -129 148 -129q106 0 169.5 61t63.5 162v92z" />
-<glyph unicode="b" horiz-adv-x="1296" d="M782 1139q198 0 310 -154.5t112 -423.5q0 -277 -115.5 -429t-314.5 -152q-197 0 -309 143h-21l-51 -123h-233v1556h305v-362q0 -69 -12 -221h12q107 166 317 166zM684 895q-113 0 -165 -69.5t-54 -229.5v-33q0 -180 53.5 -258t169.5 -78q94 0 149.5 86.5t55.5 251.5 t-56 247.5t-153 82.5z" />
-<glyph unicode="c" horiz-adv-x="1053" d="M614 -20q-522 0 -522 573q0 285 142 435.5t407 150.5q194 0 348 -76l-90 -236q-72 29 -134 47.5t-124 18.5q-238 0 -238 -338q0 -328 238 -328q88 0 163 23.5t150 73.5v-261q-74 -47 -149.5 -65t-190.5 -18z" />
-<glyph unicode="d" horiz-adv-x="1296" d="M514 -20q-197 0 -309.5 153t-112.5 424q0 275 114.5 428.5t315.5 153.5q211 0 322 -164h10q-23 125 -23 223v358h306v-1556h-234l-59 145h-13q-104 -165 -317 -165zM621 223q117 0 171.5 68t59.5 231v33q0 180 -55.5 258t-180.5 78q-102 0 -158.5 -86.5t-56.5 -251.5 t57 -247.5t163 -82.5z" />
-<glyph unicode="e" horiz-adv-x="1210" d="M623 922q-97 0 -152 -61.5t-63 -174.5h428q-2 113 -59 174.5t-154 61.5zM666 -20q-270 0 -422 149t-152 422q0 281 140.5 434.5t388.5 153.5q237 0 369 -135t132 -373v-148h-721q5 -130 77 -203t202 -73q101 0 191 21t188 67v-236q-80 -40 -171 -59.5t-222 -19.5z" />
-<glyph unicode="f" horiz-adv-x="793" d="M778 889h-264v-889h-305v889h-168v147l168 82v82q0 191 94 279t301 88q158 0 281 -47l-78 -224q-92 29 -170 29q-65 0 -94 -38.5t-29 -98.5v-70h264v-229z" />
-<glyph unicode="g" horiz-adv-x="1157" d="M1133 1118v-155l-175 -45q48 -75 48 -168q0 -180 -125.5 -280.5t-348.5 -100.5l-55 3l-45 5q-47 -36 -47 -80q0 -66 168 -66h190q184 0 280.5 -79t96.5 -232q0 -196 -163.5 -304t-469.5 -108q-234 0 -357.5 81.5t-123.5 228.5q0 101 63 169t185 97q-47 20 -82 65.5 t-35 96.5q0 64 37 106.5t107 83.5q-88 38 -139.5 122t-51.5 198q0 183 119 283t340 100q47 0 111.5 -8.5t82.5 -12.5h390zM270 -158q0 -63 60.5 -99t169.5 -36q164 0 257 45t93 123q0 63 -55 87t-170 24h-158q-84 0 -140.5 -39.5t-56.5 -104.5zM381 752q0 -91 41.5 -144 t126.5 -53q86 0 126 53t40 144q0 202 -166 202q-168 0 -168 -202z" />
-<glyph unicode="h" horiz-adv-x="1346" d="M1192 0h-305v653q0 242 -180 242q-128 0 -185 -87t-57 -282v-526h-305v1556h305v-317q0 -37 -7 -174l-7 -90h16q102 164 324 164q197 0 299 -106t102 -304v-729z" />
-<glyph unicode="i" horiz-adv-x="625" d="M147 1407q0 149 166 149t166 -149q0 -71 -41.5 -110.5t-124.5 -39.5q-166 0 -166 150zM465 0h-305v1118h305v-1118z" />
-<glyph unicode="j" horiz-adv-x="625" d="M70 -492q-117 0 -201 25v240q70 -19 143 -19q77 0 112.5 43t35.5 127v1194h305v-1239q0 -178 -103 -274.5t-292 -96.5zM147 1407q0 149 166 149t166 -149q0 -71 -41.5 -110.5t-124.5 -39.5q-166 0 -166 150z" />
-<glyph unicode="k" horiz-adv-x="1270" d="M453 608l133 170l313 340h344l-444 -485l471 -633h-352l-322 453l-131 -105v-348h-305v1556h305v-694l-16 -254h4z" />
-<glyph unicode="l" horiz-adv-x="625" d="M465 0h-305v1556h305v-1556z" />
-<glyph unicode="m" horiz-adv-x="2011" d="M1161 0h-305v653q0 121 -40.5 181.5t-127.5 60.5q-117 0 -170 -86t-53 -283v-526h-305v1118h233l41 -143h17q45 77 130 120.5t195 43.5q251 0 340 -164h27q45 78 132.5 121t197.5 43q190 0 287.5 -97.5t97.5 -312.5v-729h-306v653q0 121 -40.5 181.5t-127.5 60.5 q-112 0 -167.5 -80t-55.5 -254v-561z" />
-<glyph unicode="n" horiz-adv-x="1346" d="M1192 0h-305v653q0 121 -43 181.5t-137 60.5q-128 0 -185 -85.5t-57 -283.5v-526h-305v1118h233l41 -143h17q51 81 140.5 122.5t203.5 41.5q195 0 296 -105.5t101 -304.5v-729z" />
-<glyph unicode="o" horiz-adv-x="1268" d="M403 561q0 -166 54.5 -251t177.5 -85q122 0 175.5 84.5t53.5 251.5q0 166 -54 249t-177 83q-122 0 -176 -82.5t-54 -249.5zM1176 561q0 -273 -144 -427t-401 -154q-161 0 -284 70.5t-189 202.5t-66 308q0 274 143 426t402 152q161 0 284 -70t189 -201t66 -307z" />
-<glyph unicode="p" horiz-adv-x="1296" d="M774 -20q-197 0 -309 143h-16q16 -140 16 -162v-453h-305v1610h248l43 -145h14q107 166 317 166q198 0 310 -153t112 -425q0 -179 -52.5 -311t-149.5 -201t-228 -69zM684 895q-113 0 -165 -69.5t-54 -229.5v-33q0 -180 53.5 -258t169.5 -78q205 0 205 338 q0 165 -50.5 247.5t-158.5 82.5z" />
-<glyph unicode="q" horiz-adv-x="1296" d="M623 219q116 0 170 66.5t59 232.5v37q0 180 -55.5 258t-178.5 78q-215 0 -215 -338q0 -168 53.5 -251t166.5 -83zM514 -20q-198 0 -310 152.5t-112 424.5q0 274 114.5 428t313.5 154q106 0 185 -40t139 -124h8l27 143h258v-1610h-306v469q0 61 13 168h-13 q-49 -81 -130 -123t-187 -42z" />
-<glyph unicode="r" horiz-adv-x="930" d="M784 1139q62 0 103 -9l-23 -286q-37 10 -90 10q-146 0 -227.5 -75t-81.5 -210v-569h-305v1118h231l45 -188h15q52 94 140.5 151.5t192.5 57.5z" />
-<glyph unicode="s" horiz-adv-x="1018" d="M940 332q0 -172 -119.5 -262t-357.5 -90q-122 0 -208 16.5t-161 48.5v252q85 -40 191.5 -67t187.5 -27q166 0 166 96q0 36 -22 58.5t-76 51t-144 66.5q-129 54 -189.5 100t-88 105.5t-27.5 146.5q0 149 115.5 230.5t327.5 81.5q202 0 393 -88l-92 -220q-84 36 -157 59 t-149 23q-135 0 -135 -73q0 -41 43.5 -71t190.5 -89q131 -53 192 -99t90 -106t29 -143z" />
-<glyph unicode="t" horiz-adv-x="889" d="M631 223q80 0 192 35v-227q-114 -51 -280 -51q-183 0 -266.5 92.5t-83.5 277.5v539h-146v129l168 102l88 236h195v-238h313v-229h-313v-539q0 -65 36.5 -96t96.5 -31z" />
-<glyph unicode="u" horiz-adv-x="1346" d="M952 0l-41 143h-16q-49 -78 -139 -120.5t-205 -42.5q-197 0 -297 105.5t-100 303.5v729h305v-653q0 -121 43 -181.5t137 -60.5q128 0 185 85.5t57 283.5v526h305v-1118h-234z" />
-<glyph unicode="v" horiz-adv-x="1165" d="M426 0l-426 1118h319l216 -637q36 -121 45 -229h6q5 96 45 229l215 637h319l-426 -1118h-313z" />
-<glyph unicode="w" horiz-adv-x="1753" d="M1079 0l-86 391l-116 494h-7l-204 -885h-328l-318 1118h304l129 -495q31 -133 63 -367h6q4 76 35 241l16 85l138 536h336l131 -536q4 -22 12.5 -65t16.5 -91.5t14.5 -95t7.5 -74.5h6q9 72 32 197.5t33 169.5l134 495h299l-322 -1118h-332z" />
-<glyph unicode="x" horiz-adv-x="1184" d="M389 571l-360 547h346l217 -356l219 356h346l-364 -547l381 -571h-347l-235 383l-236 -383h-346z" />
-<glyph unicode="y" horiz-adv-x="1165" d="M0 1118h334l211 -629q27 -82 37 -194h6q11 103 43 194l207 629h327l-473 -1261q-65 -175 -185.5 -262t-281.5 -87q-79 0 -155 17v242q55 -13 120 -13q81 0 141.5 49.5t94.5 149.5l18 55z" />
-<glyph unicode="z" horiz-adv-x="999" d="M938 0h-883v180l518 705h-487v233h834v-198l-504 -687h522v-233z" />
-<glyph unicode="{" horiz-adv-x="807" d="M287 270q0 87 -65.5 133t-190.5 46v239q126 0 191 44t65 126v8v318q0 153 97 215.5t341 62.5v-225q-99 -3 -136.5 -38t-37.5 -103v-299q-6 -188 -234 -222v-12q234 -35 234 -212v-9v-299q0 -68 37 -103t137 -38v-226q-244 0 -341 62.5t-97 216.5v315z" />
-<glyph unicode="|" horiz-adv-x="1128" d="M455 1550h219v-2015h-219v2015z" />
-<glyph unicode="}" horiz-adv-x="807" d="M520 -45q0 -112 -41 -169t-135.5 -83.5t-261.5 -26.5v226q99 2 136.5 36t37.5 105v299v11q0 86 59 139.5t174 70.5v12q-227 34 -233 222v299q0 70 -37 104t-137 37v225q167 0 262 -26.5t135.5 -84t40.5 -167.5v-318v-10q0 -84 61.5 -126t194.5 -42v-239 q-125 0 -190.5 -41t-65.5 -138v-315z" />
-<glyph unicode="~" d="M322 672q-55 0 -117.5 -33.5t-116.5 -87.5v231q103 109 256 109q73 0 137.5 -16t139.5 -48q129 -55 227 -55q53 0 116 32t117 89v-231q-101 -109 -256 -109q-66 0 -126 13t-150 50q-131 56 -227 56z" />
-<glyph unicode="&#xa1;" horiz-adv-x="586" d="M168 606h244l51 -975h-346zM467 948q0 -84 -45 -127t-131 -43q-83 0 -128.5 44t-45.5 126q0 81 46.5 125.5t127.5 44.5q84 0 130 -44t46 -126z" />
-<glyph unicode="&#xa2;" d="M563 176q-420 59 -420 565q0 261 104.5 403t315.5 173v166h178v-158q166 -9 299 -74l-90 -235q-72 29 -134 47t-124 18q-121 0 -179 -83.5t-58 -254.5q0 -327 237 -327q82 0 148 15.5t166 60.5v-254q-127 -61 -265 -70v-188h-178v196z" />
-<glyph unicode="&#xa3;" d="M700 1483q195 0 390 -82l-93 -230q-157 64 -272 64q-78 0 -120 -44.5t-42 -127.5v-193h375v-219h-375v-143q0 -170 -151 -248h718v-260h-1048v248q103 44 141.5 101t38.5 157v145h-178v219h178v195q0 201 114.5 309.5t323.5 108.5z" />
-<glyph unicode="&#xa4;" d="M188 723q0 102 54 197l-129 127l147 147l127 -127q91 53 197 53q105 0 196 -55l127 129l150 -143l-129 -129q53 -89 53 -199q0 -107 -53 -199l125 -125l-146 -145l-127 125q-95 -51 -196 -51q-115 0 -199 51l-125 -123l-145 145l127 125q-54 93 -54 197zM395 723 q0 -77 54.5 -132.5t134.5 -55.5q81 0 136.5 55t55.5 133q0 80 -56.5 135t-135.5 55q-78 0 -133.5 -56t-55.5 -134z" />
-<glyph unicode="&#xa5;" d="M584 860l264 602h313l-383 -747h195v-178h-246v-138h246v-178h-246v-221h-287v221h-247v178h247v138h-247v178h190l-377 747h316z" />
-<glyph unicode="&#xa6;" horiz-adv-x="1128" d="M455 1550h219v-815h-219v815zM455 350h219v-815h-219v815z" />
-<glyph unicode="&#xa7;" horiz-adv-x="995" d="M121 805q0 79 36 144.5t97 105.5q-133 84 -133 233q0 131 111.5 210t293.5 79q170 0 363 -84l-82 -190q-68 32 -138.5 57.5t-148.5 25.5q-81 0 -118 -23t-37 -71q0 -49 49.5 -86t163.5 -82q163 -64 240 -148.5t77 -193.5q0 -177 -125 -260q62 -40 93.5 -92.5t31.5 -126.5 q0 -148 -119.5 -235.5t-320.5 -87.5q-203 0 -349 79v207q81 -41 180 -69.5t169 -28.5q194 0 194 117q0 39 -18.5 63t-63.5 49.5t-125 59.5q-183 74 -252 152.5t-69 195.5zM344 827q0 -67 65 -119t181 -98q78 57 78 146q0 68 -50.5 115t-183.5 96q-37 -14 -63.5 -53.5 t-26.5 -86.5z" />
-<glyph unicode="&#xa8;" horiz-adv-x="1243" d="M279 1405q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM682 1405q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1704" d="M895 1010q-97 0 -150 -74t-53 -205q0 -280 203 -280q57 0 123 15t123 44v-191q-120 -57 -252 -57q-204 0 -316 125t-112 346q0 220 110.5 342.5t309.5 122.5q149 0 305 -78l-74 -168q-113 58 -217 58zM100 731q0 200 100 375t275 276t377 101q200 0 375 -100t276 -275 t101 -377q0 -197 -97 -370t-272 -277t-383 -104q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM242 731q0 -164 82 -305.5t224 -223t304 -81.5q164 0 305.5 82t223 224t81.5 304q0 164 -82 305.5t-224 223t-304 81.5q-164 0 -305.5 -82t-223 -224t-81.5 -304z" />
-<glyph unicode="&#xaa;" horiz-adv-x="784" d="M561 764l-31 110q-43 -58 -105 -90t-136 -32q-117 0 -179.5 58.5t-62.5 164.5q0 109 82.5 163.5t267.5 63.5l99 4q0 117 -127 117q-81 0 -217 -61l-66 135q66 32 145.5 57t178.5 25q137 0 211.5 -71t74.5 -202v-442h-135zM252 977q0 -38 23 -56t55 -18q77 0 121.5 41.5 t44.5 106.5v36l-99 -6q-145 -10 -145 -104z" />
-<glyph unicode="&#xab;" horiz-adv-x="1260" d="M82 573l371 455l219 -119l-279 -348l279 -348l-219 -119l-371 453v26zM588 573l370 455l220 -119l-279 -348l279 -348l-220 -119l-370 453v26z" />
-<glyph unicode="&#xac;" d="M1081 248h-219v364h-774v219h993v-583z" />
-<glyph unicode="&#xad;" horiz-adv-x="659" d="M61 424zM61 424v250h537v-250h-537z" />
-<glyph unicode="&#xae;" horiz-adv-x="1704" d="M1157 905q0 -170 -143 -233l237 -400h-254l-178 338h-47v-338h-229v916h264q181 0 265.5 -70t84.5 -213zM772 778h31q66 0 94.5 28.5t28.5 94.5q0 65 -28 92t-97 27h-29v-242zM100 731q0 200 100 375t275 276t377 101q200 0 375 -100t276 -275t101 -377q0 -197 -97 -370 t-272 -277t-383 -104q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM242 731q0 -164 82 -305.5t224 -223t304 -81.5q164 0 305.5 82t223 224t81.5 304q0 164 -82 305.5t-224 223t-304 81.5q-164 0 -305.5 -82t-223 -224t-81.5 -304z" />
-<glyph unicode="&#xaf;" horiz-adv-x="1024" d="M1030 1556h-1036v201h1036v-201z" />
-<glyph unicode="&#xb0;" horiz-adv-x="877" d="M92 1137q0 92 46 172t126 127t174 47q92 0 172.5 -46t127 -127t46.5 -173q0 -93 -46.5 -173.5t-126.5 -125.5t-173 -45q-145 0 -245.5 99.5t-100.5 244.5zM283 1137q0 -64 44.5 -109t110.5 -45t111 46t45 108q0 63 -45.5 110t-110.5 47q-64 0 -109.5 -46t-45.5 -111z" />
-<glyph unicode="&#xb1;" d="M475 674h-387v219h387v389h219v-389h387v-219h-387v-385h-219v385zM88 0v219h993v-219h-993z" />
-<glyph unicode="&#xb2;" horiz-adv-x="776" d="M702 586h-647v168l224 219q102 100 130.5 144.5t28.5 94.5q0 38 -24 58t-64 20q-81 0 -180 -88l-123 152q147 129 336 129q137 0 216 -66.5t79 -183.5q0 -85 -47 -160t-176 -192l-105 -95h352v-200z" />
-<glyph unicode="&#xb3;" horiz-adv-x="776" d="M666 1249q0 -143 -170 -198v-13q94 -20 146 -75t52 -134q0 -121 -88 -190.5t-274 -69.5q-143 0 -273 70v190q148 -90 271 -90q143 0 143 107q0 53 -44 79.5t-122 26.5h-112v160h92q83 0 123.5 26t40.5 83q0 38 -25 63t-76 25q-47 0 -89 -19t-99 -59l-101 141 q62 47 137.5 78t178.5 31q127 0 208 -64t81 -168z" />
-<glyph unicode="&#xb4;" horiz-adv-x="1243" d="M332 1241v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1352" d="M465 465q0 -121 44 -181.5t138 -60.5q126 0 183 86.5t57 282.5v526h305v-1118h-231l-43 150h-15q-42 -85 -102 -127.5t-148 -42.5q-62 0 -114 23t-84 67l5 -85l5 -157v-320h-305v1610h305v-653z" />
-<glyph unicode="&#xb6;" horiz-adv-x="1341" d="M1167 -260h-161v1616h-166v-1616h-162v819q-62 -18 -146 -18q-216 0 -317.5 125t-101.5 376q0 260 109 387t341 127h604v-1816z" />
-<glyph unicode="&#xb7;" horiz-adv-x="584" d="M117 723q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -81 -46.5 -125.5t-127.5 -44.5q-84 0 -130 44t-46 126z" />
-<glyph unicode="&#xb8;" horiz-adv-x="420" d="M418 -250q0 -128 -75.5 -185t-233.5 -57q-78 0 -146 21v168q27 -7 72.5 -14t70.5 -7q72 0 72 62q0 83 -166 108l78 154h193l-27 -61q74 -24 118 -74.5t44 -114.5z" />
-<glyph unicode="&#xb9;" horiz-adv-x="776" d="M584 586h-238v446l3 112l5 95q-27 -36 -75 -78l-78 -61l-109 127l301 235h191v-876z" />
-<glyph unicode="&#xba;" horiz-adv-x="795" d="M737 1116q0 -171 -91.5 -267.5t-250.5 -96.5q-153 0 -245.5 98.5t-92.5 265.5q0 169 89.5 266t252.5 97q152 0 245 -98.5t93 -264.5zM260 1116q0 -100 32.5 -150.5t104.5 -50.5t103.5 50.5t31.5 150.5t-31.5 149.5t-103.5 49.5t-104.5 -49.5t-32.5 -149.5z" />
-<glyph unicode="&#xbb;" horiz-adv-x="1260" d="M1178 547l-371 -453l-219 119l278 348l-278 348l219 119l371 -455v-26zM672 547l-371 -453l-219 119l278 348l-278 348l219 119l371 -455v-26z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1804" d="M46 0zM538 586h-238v446l3 112l5 95q-27 -36 -75 -78l-78 -61l-109 127l301 235h191v-876zM1370 1462l-811 -1462h-239l811 1462h239zM1682 152h-125v-151h-238v151h-383v154l385 577h236v-563h125v-168zM1319 320v164q0 86 6 184q-9 -26 -35.5 -80t-41.5 -77l-127 -191 h198z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1804" d="M46 0zM538 586h-238v446l3 112l5 95q-27 -36 -75 -78l-78 -61l-109 127l301 235h191v-876zM1370 1462l-811 -1462h-239l811 1462h239zM1716 1h-647v168l224 219q102 100 130.5 144.5t28.5 94.5q0 38 -24 58t-64 20q-81 0 -180 -88l-123 152q147 129 336 129 q137 0 216 -66.5t79 -183.5q0 -85 -47 -160t-176 -192l-105 -95h352v-200z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1804" d="M90 0zM697 1249q0 -143 -170 -198v-13q94 -20 146 -75t52 -134q0 -121 -88 -190.5t-274 -69.5q-143 0 -273 70v190q148 -90 271 -90q143 0 143 107q0 53 -44 79.5t-122 26.5h-112v160h92q83 0 123.5 26t40.5 83q0 38 -25 63t-76 25q-47 0 -89 -19t-99 -59l-101 141 q62 47 137.5 78t178.5 31q127 0 208 -64t81 -168zM1441 1462l-811 -1462h-239l811 1462h239zM1712 152h-125v-151h-238v151h-383v154l385 577h236v-563h125v-168zM1349 320v164q0 86 6 184q-9 -26 -35.5 -80t-41.5 -77l-127 -191h198z" />
-<glyph unicode="&#xbf;" horiz-adv-x="977" d="M713 606v-74q0 -98 -44.5 -169t-152.5 -148q-109 -78 -137.5 -122t-28.5 -107q0 -57 43.5 -94t132.5 -37q79 0 169 29t186 71l102 -221q-98 -56 -221.5 -90.5t-229.5 -34.5q-220 0 -345.5 96.5t-125.5 265.5q0 108 48.5 187t191.5 184q95 70 121.5 107t26.5 98v59h264z M745 948q0 -84 -45 -127t-131 -43q-83 0 -128.5 44t-45.5 126q0 81 46.5 125.5t127.5 44.5q84 0 130 -44t46 -126z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1413" d="M0 0zM1079 0l-106 348h-533l-106 -348h-334l516 1468h379l518 -1468h-334zM899 608q-147 473 -165.5 535t-26.5 98q-33 -128 -189 -633h381zM713 1579q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1413" d="M0 0zM1079 0l-106 348h-533l-106 -348h-334l516 1468h379l518 -1468h-334zM899 608q-147 473 -165.5 535t-26.5 98q-33 -128 -189 -633h381zM541 1579v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1413" d="M0 0zM1079 0l-106 348h-533l-106 -348h-334l516 1468h379l518 -1468h-334zM899 608q-147 473 -165.5 535t-26.5 98q-33 -128 -189 -633h381zM938 1579q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1413" d="M0 0zM1079 0l-106 348h-533l-106 -348h-334l516 1468h379l518 -1468h-334zM899 608q-147 473 -165.5 535t-26.5 98q-33 -128 -189 -633h381zM543 1684q-31 0 -59.5 -26.5t-41.5 -80.5h-149q11 145 82.5 227t189.5 82q41 0 80.5 -16.5t78 -36t75.5 -35.5t73 -16 q31 0 59.5 26t41.5 80h149q-11 -145 -83.5 -227t-188.5 -82q-41 0 -80.5 16.5t-78 36t-75.5 36t-73 16.5z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1413" d="M0 0zM1079 0l-106 348h-533l-106 -348h-334l516 1468h379l518 -1468h-334zM899 608q-147 473 -165.5 535t-26.5 98q-33 -128 -189 -633h381zM365 1743q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM768 1743 q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1413" d="M0 0zM1079 0l-106 348h-533l-106 -348h-334l516 1468h379l518 -1468h-334zM899 608q-147 473 -165.5 535t-26.5 98q-33 -128 -189 -633h381zM959 1567q0 -108 -71 -174t-183 -66t-180 64t-68 174q0 108 67.5 172.5t180.5 64.5q110 0 182 -66t72 -169zM801 1565 q0 45 -27 70.5t-69 25.5t-69 -25.5t-27 -70.5t24 -71t72 -26q42 0 69 26t27 71z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1950" d="M1829 0h-873v348h-491l-150 -348h-315l655 1462h1174v-254h-563v-321h526v-254h-526v-377h563v-256zM578 608h378v590h-127z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1305" d="M119 0zM805 1225q-175 0 -271 -131.5t-96 -366.5q0 -489 367 -489q154 0 373 77v-260q-180 -75 -402 -75q-319 0 -488 193.5t-169 555.5q0 228 83 399.5t238.5 263t364.5 91.5q213 0 428 -103l-100 -252q-82 39 -165 68t-163 29zM959 -250q0 -128 -75.5 -185t-233.5 -57 q-78 0 -146 21v168q27 -7 72.5 -14t70.5 -7q72 0 72 62q0 83 -166 108l78 154h193l-27 -61q74 -24 118 -74.5t44 -114.5z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1147" d="M184 0zM1026 0h-842v1462h842v-254h-532v-321h495v-254h-495v-377h532v-256zM634 1579q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1147" d="M184 0zM1026 0h-842v1462h842v-254h-532v-321h495v-254h-495v-377h532v-256zM424 1579v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xca;" horiz-adv-x="1147" d="M175 0zM1026 0h-842v1462h842v-254h-532v-321h495v-254h-495v-377h532v-256zM841 1579q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1147" d="M184 0zM1026 0h-842v1462h842v-254h-532v-321h495v-254h-495v-377h532v-256zM272 1743q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM675 1743q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99 q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xcc;" horiz-adv-x="678" d="M0 0zM184 0v1462h310v-1462h-310zM317 1579q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xcd;" horiz-adv-x="678" d="M167 0zM184 0v1462h310v-1462h-310zM167 1579v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xce;" horiz-adv-x="678" d="M0 0zM184 0v1462h310v-1462h-310zM570 1579q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xcf;" horiz-adv-x="678" d="M0 0zM184 0v1462h310v-1462h-310zM-3 1743q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM400 1743q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5 t-40.5 100.5z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1516" d="M47 850h137v612h459q358 0 556 -189t198 -528q0 -361 -205.5 -553t-593.5 -192h-414v596h-137v254zM1075 737q0 232 -104 351.5t-314 119.5h-163v-358h237v-254h-237v-340h131q450 0 450 481z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1665" d="M184 0zM1481 0h-394l-636 1106h-9q19 -293 19 -418v-688h-277v1462h391l635 -1095h7q-15 285 -15 403v692h279v-1462zM668 1684q-31 0 -59.5 -26.5t-41.5 -80.5h-149q11 145 82.5 227t189.5 82q41 0 80.5 -16.5t78 -36t75.5 -35.5t73 -16q31 0 59.5 26t41.5 80h149 q-11 -145 -83.5 -227t-188.5 -82q-41 0 -80.5 16.5t-78 36t-75.5 36t-73 16.5z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1630" d="M119 0zM1511 733q0 -363 -180 -558t-516 -195t-516 195t-180 560t180.5 557.5t517.5 192.5t515.5 -194t178.5 -558zM444 733q0 -245 93 -369t278 -124q371 0 371 493q0 494 -369 494q-185 0 -279 -124.5t-94 -369.5zM824 1579q-63 44 -185 142.5t-190 164.5v21h342 q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1630" d="M119 0zM1511 733q0 -363 -180 -558t-516 -195t-516 195t-180 560t180.5 557.5t517.5 192.5t515.5 -194t178.5 -558zM444 733q0 -245 93 -369t278 -124q371 0 371 493q0 494 -369 494q-185 0 -279 -124.5t-94 -369.5zM658 1579v27q172 200 235 301h342v-21 q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1630" d="M119 0zM1511 733q0 -363 -180 -558t-516 -195t-516 195t-180 560t180.5 557.5t517.5 192.5t515.5 -194t178.5 -558zM444 733q0 -245 93 -369t278 -124q371 0 371 493q0 494 -369 494q-185 0 -279 -124.5t-94 -369.5zM1047 1579q-157 93 -234 176q-78 -81 -229 -176h-203 v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1630" d="M119 0zM1511 733q0 -363 -180 -558t-516 -195t-516 195t-180 560t180.5 557.5t517.5 192.5t515.5 -194t178.5 -558zM444 733q0 -245 93 -369t278 -124q371 0 371 493q0 494 -369 494q-185 0 -279 -124.5t-94 -369.5zM652 1684q-31 0 -59.5 -26.5t-41.5 -80.5h-149 q11 145 82.5 227t189.5 82q41 0 80.5 -16.5t78 -36t75.5 -35.5t73 -16q31 0 59.5 26t41.5 80h149q-11 -145 -83.5 -227t-188.5 -82q-41 0 -80.5 16.5t-78 36t-75.5 36t-73 16.5z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1630" d="M119 0zM1511 733q0 -363 -180 -558t-516 -195t-516 195t-180 560t180.5 557.5t517.5 192.5t515.5 -194t178.5 -558zM444 733q0 -245 93 -369t278 -124q371 0 371 493q0 494 -369 494q-185 0 -279 -124.5t-94 -369.5zM474 1743q0 65 37.5 100t101.5 35q66 0 103.5 -37 t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM877 1743q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xd7;" d="M428 723l-299 301l152 154l301 -299l305 299l153 -150l-305 -305l301 -303l-149 -152l-305 301l-301 -299l-150 152z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1630" d="M1511 733q0 -363 -180 -558t-516 -195q-197 0 -336 65l-90 -135l-162 108l90 136q-198 194 -198 581q0 365 180.5 557.5t517.5 192.5q198 0 344 -70l84 125l160 -104l-88 -131q194 -194 194 -572zM444 733q0 -191 56 -307l506 756q-84 45 -189 45q-185 0 -279 -124.5 t-94 -369.5zM1186 733q0 180 -51 297l-500 -751q76 -39 180 -39q371 0 371 493z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1548" d="M174 0zM1374 1462v-946q0 -162 -72.5 -284t-209.5 -187t-324 -65q-282 0 -438 144.5t-156 395.5v942h309v-895q0 -169 68 -248t225 -79q152 0 220.5 79.5t68.5 249.5v893h309zM750 1579q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xda;" horiz-adv-x="1548" d="M174 0zM1374 1462v-946q0 -162 -72.5 -284t-209.5 -187t-324 -65q-282 0 -438 144.5t-156 395.5v942h309v-895q0 -169 68 -248t225 -79q152 0 220.5 79.5t68.5 249.5v893h309zM602 1579v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1548" d="M174 0zM1374 1462v-946q0 -162 -72.5 -284t-209.5 -187t-324 -65q-282 0 -438 144.5t-156 395.5v942h309v-895q0 -169 68 -248t225 -79q152 0 220.5 79.5t68.5 249.5v893h309zM1006 1579q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357 q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1548" d="M174 0zM1374 1462v-946q0 -162 -72.5 -284t-209.5 -187t-324 -65q-282 0 -438 144.5t-156 395.5v942h309v-895q0 -169 68 -248t225 -79q152 0 220.5 79.5t68.5 249.5v893h309zM433 1743q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5 q-64 0 -101.5 35t-37.5 98zM836 1743q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1278" d="M0 0zM639 860l305 602h334l-485 -893v-569h-308v559l-485 903h336zM461 1579v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xde;" horiz-adv-x="1286" d="M1194 770q0 -229 -142.5 -353t-404.5 -124h-153v-293h-310v1462h310v-229h178q254 0 388 -119t134 -344zM494 543h100q145 0 216 52.5t71 174.5q0 107 -63.5 159t-199.5 52h-124v-438z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1456" d="M1249 1241q0 -64 -21 -112.5t-53 -86.5t-69 -67t-69 -53t-53 -45t-21 -43q0 -27 26.5 -53t92.5 -66q146 -91 198.5 -140t78 -110t25.5 -139q0 -172 -116.5 -259t-343.5 -87q-99 0 -171 14.5t-132 48.5v242q53 -36 135.5 -61t146.5 -25q168 0 168 123q0 41 -16 66.5 t-57 55.5t-115 72q-126 72 -175 131.5t-49 140.5q0 64 35 117t105 102q77 55 108 95t31 86q0 60 -63.5 100.5t-163.5 40.5q-116 0 -181 -52.5t-65 -148.5v-1128h-305v1139q0 201 146.5 314.5t404.5 113.5q244 0 391 -88.5t147 -237.5z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1237" d="M86 0zM870 0l-59 152h-8q-77 -97 -158.5 -134.5t-212.5 -37.5q-161 0 -253.5 92t-92.5 262q0 178 124.5 262.5t375.5 93.5l194 6v49q0 170 -174 170q-134 0 -315 -81l-101 206q193 101 428 101q225 0 345 -98t120 -298v-745h-213zM780 518l-118 -4q-133 -4 -198 -48 t-65 -134q0 -129 148 -129q106 0 169.5 61t63.5 162v92zM614 1241q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1237" d="M86 0zM870 0l-59 152h-8q-77 -97 -158.5 -134.5t-212.5 -37.5q-161 0 -253.5 92t-92.5 262q0 178 124.5 262.5t375.5 93.5l194 6v49q0 170 -174 170q-134 0 -315 -81l-101 206q193 101 428 101q225 0 345 -98t120 -298v-745h-213zM780 518l-118 -4q-133 -4 -198 -48 t-65 -134q0 -129 148 -129q106 0 169.5 61t63.5 162v92zM441 1241v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1237" d="M86 0zM870 0l-59 152h-8q-77 -97 -158.5 -134.5t-212.5 -37.5q-161 0 -253.5 92t-92.5 262q0 178 124.5 262.5t375.5 93.5l194 6v49q0 170 -174 170q-134 0 -315 -81l-101 206q193 101 428 101q225 0 345 -98t120 -298v-745h-213zM780 518l-118 -4q-133 -4 -198 -48 t-65 -134q0 -129 148 -129q106 0 169.5 61t63.5 162v92zM843 1240q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1237" d="M86 0zM870 0l-59 152h-8q-77 -97 -158.5 -134.5t-212.5 -37.5q-161 0 -253.5 92t-92.5 262q0 178 124.5 262.5t375.5 93.5l194 6v49q0 170 -174 170q-134 0 -315 -81l-101 206q193 101 428 101q225 0 345 -98t120 -298v-745h-213zM780 518l-118 -4q-133 -4 -198 -48 t-65 -134q0 -129 148 -129q106 0 169.5 61t63.5 162v92zM467 1346q-31 0 -59.5 -26.5t-41.5 -80.5h-149q11 145 82.5 227t189.5 82q41 0 80.5 -16.5t78 -36t75.5 -35.5t73 -16q31 0 59.5 26t41.5 80h149q-11 -145 -83.5 -227t-188.5 -82q-41 0 -80.5 16.5t-78 36t-75.5 36 t-73 16.5z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1237" d="M86 0zM870 0l-59 152h-8q-77 -97 -158.5 -134.5t-212.5 -37.5q-161 0 -253.5 92t-92.5 262q0 178 124.5 262.5t375.5 93.5l194 6v49q0 170 -174 170q-134 0 -315 -81l-101 206q193 101 428 101q225 0 345 -98t120 -298v-745h-213zM780 518l-118 -4q-133 -4 -198 -48 t-65 -134q0 -129 148 -129q106 0 169.5 61t63.5 162v92zM285 1405q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM688 1405q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36 q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1237" d="M86 0zM870 0l-59 152h-8q-77 -97 -158.5 -134.5t-212.5 -37.5q-161 0 -253.5 92t-92.5 262q0 178 124.5 262.5t375.5 93.5l194 6v49q0 170 -174 170q-134 0 -315 -81l-101 206q193 101 428 101q225 0 345 -98t120 -298v-745h-213zM780 518l-118 -4q-133 -4 -198 -48 t-65 -134q0 -129 148 -129q106 0 169.5 61t63.5 162v92zM883 1479q0 -108 -71 -174t-183 -66t-180 64t-68 174q0 108 67.5 172.5t180.5 64.5q110 0 182 -66t72 -169zM725 1477q0 45 -27 70.5t-69 25.5t-69 -25.5t-27 -70.5t24 -71t72 -26q42 0 69 26t27 71z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1878" d="M1329 -20q-137 0 -249.5 50.5t-184.5 155.5q-98 -117 -196.5 -161.5t-256.5 -44.5q-161 0 -258.5 94.5t-97.5 259.5q0 178 121 262.5t362 93.5l191 6v84q0 69 -44.5 102t-121.5 33q-140 0 -305 -77l-99 202q189 101 422 101q227 0 342 -131q66 64 152.5 96.5t206.5 32.5 q221 0 349 -137.5t128 -370.5v-148h-723q5 -130 77 -203t202 -73q196 0 380 88v-236q-79 -39 -171 -59t-226 -20zM760 518l-113 -4q-124 -4 -186 -47.5t-62 -134.5q0 -129 140 -129q101 0 161 61t60 162v92zM1307 922q-217 0 -234 -236h430q-2 112 -55 174t-141 62z" />
-<glyph unicode="&#xe7;" horiz-adv-x="1053" d="M92 0zM614 -20q-522 0 -522 573q0 285 142 435.5t407 150.5q194 0 348 -76l-90 -236q-72 29 -134 47.5t-124 18.5q-238 0 -238 -338q0 -328 238 -328q88 0 163 23.5t150 73.5v-261q-74 -47 -149.5 -65t-190.5 -18zM805 -250q0 -128 -75.5 -185t-233.5 -57q-78 0 -146 21 v168q27 -7 72.5 -14t70.5 -7q72 0 72 62q0 83 -166 108l78 154h193l-27 -61q74 -24 118 -74.5t44 -114.5z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1210" d="M92 0zM623 922q-97 0 -152 -61.5t-63 -174.5h428q-2 113 -59 174.5t-154 61.5zM666 -20q-270 0 -422 149t-152 422q0 281 140.5 434.5t388.5 153.5q237 0 369 -135t132 -373v-148h-721q5 -130 77 -203t202 -73q101 0 191 21t188 67v-236q-80 -40 -171 -59.5t-222 -19.5z M620 1241q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1210" d="M92 0zM623 922q-97 0 -152 -61.5t-63 -174.5h428q-2 113 -59 174.5t-154 61.5zM666 -20q-270 0 -422 149t-152 422q0 281 140.5 434.5t388.5 153.5q237 0 369 -135t132 -373v-148h-721q5 -130 77 -203t202 -73q101 0 191 21t188 67v-236q-80 -40 -171 -59.5t-222 -19.5z M447 1241v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xea;" horiz-adv-x="1210" d="M92 0zM623 922q-97 0 -152 -61.5t-63 -174.5h428q-2 113 -59 174.5t-154 61.5zM666 -20q-270 0 -422 149t-152 422q0 281 140.5 434.5t388.5 153.5q237 0 369 -135t132 -373v-148h-721q5 -130 77 -203t202 -73q101 0 191 21t188 67v-236q-80 -40 -171 -59.5t-222 -19.5z M860 1241q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1210" d="M92 0zM623 922q-97 0 -152 -61.5t-63 -174.5h428q-2 113 -59 174.5t-154 61.5zM666 -20q-270 0 -422 149t-152 422q0 281 140.5 434.5t388.5 153.5q237 0 369 -135t132 -373v-148h-721q5 -130 77 -203t202 -73q101 0 191 21t188 67v-236q-80 -40 -171 -59.5t-222 -19.5z M297 1405q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM700 1405q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xec;" horiz-adv-x="625" d="M0 0zM465 0h-305v1118h305v-1118zM274 1241q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xed;" horiz-adv-x="625" d="M145 0zM465 0h-305v1118h305v-1118zM145 1241v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xee;" horiz-adv-x="625" d="M0 0zM465 0h-305v1118h305v-1118zM544 1241q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xef;" horiz-adv-x="625" d="M0 0zM465 0h-305v1118h305v-1118zM-29 1405q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM374 1405q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5 t-40.5 100.5z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1268" d="M510 1303q-80 53 -152 92l101 176q144 -65 258 -141l225 139l100 -154l-170 -104q156 -143 230 -324.5t74 -413.5q0 -280 -145 -436.5t-400 -156.5q-245 0 -392 137t-147 372q0 233 130 369.5t351 136.5q205 0 275 -98l8 4q-67 162 -192 281l-230 -142l-100 156zM864 532 q0 108 -61 173t-168 65q-121 0 -176.5 -68.5t-55.5 -214.5q0 -140 60 -211t172 -71q123 0 176 82t53 245z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1346" d="M160 0zM1192 0h-305v653q0 121 -43 181.5t-137 60.5q-128 0 -185 -85.5t-57 -283.5v-526h-305v1118h233l41 -143h17q51 81 140.5 122.5t203.5 41.5q195 0 296 -105.5t101 -304.5v-729zM508 1346q-31 0 -59.5 -26.5t-41.5 -80.5h-149q11 145 82.5 227t189.5 82 q41 0 80.5 -16.5t78 -36t75.5 -35.5t73 -16q31 0 59.5 26t41.5 80h149q-11 -145 -83.5 -227t-188.5 -82q-41 0 -80.5 16.5t-78 36t-75.5 36t-73 16.5z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1268" d="M92 0zM403 561q0 -166 54.5 -251t177.5 -85q122 0 175.5 84.5t53.5 251.5q0 166 -54 249t-177 83q-122 0 -176 -82.5t-54 -249.5zM1176 561q0 -273 -144 -427t-401 -154q-161 0 -284 70.5t-189 202.5t-66 308q0 274 143 426t402 152q161 0 284 -70t189 -201t66 -307z M612 1241q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1268" d="M92 0zM403 561q0 -166 54.5 -251t177.5 -85q122 0 175.5 84.5t53.5 251.5q0 166 -54 249t-177 83q-122 0 -176 -82.5t-54 -249.5zM1176 561q0 -273 -144 -427t-401 -154q-161 0 -284 70.5t-189 202.5t-66 308q0 274 143 426t402 152q161 0 284 -70t189 -201t66 -307z M467 1241v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1268" d="M92 0zM403 561q0 -166 54.5 -251t177.5 -85q122 0 175.5 84.5t53.5 251.5q0 166 -54 249t-177 83q-122 0 -176 -82.5t-54 -249.5zM1176 561q0 -273 -144 -427t-401 -154q-161 0 -284 70.5t-189 202.5t-66 308q0 274 143 426t402 152q161 0 284 -70t189 -201t66 -307z M864 1241q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1268" d="M92 0zM403 561q0 -166 54.5 -251t177.5 -85q122 0 175.5 84.5t53.5 251.5q0 166 -54 249t-177 83q-122 0 -176 -82.5t-54 -249.5zM1176 561q0 -273 -144 -427t-401 -154q-161 0 -284 70.5t-189 202.5t-66 308q0 274 143 426t402 152q161 0 284 -70t189 -201t66 -307z M469 1346q-31 0 -59.5 -26.5t-41.5 -80.5h-149q11 145 82.5 227t189.5 82q41 0 80.5 -16.5t78 -36t75.5 -35.5t73 -16q31 0 59.5 26t41.5 80h149q-11 -145 -83.5 -227t-188.5 -82q-41 0 -80.5 16.5t-78 36t-75.5 36t-73 16.5z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1268" d="M92 0zM403 561q0 -166 54.5 -251t177.5 -85q122 0 175.5 84.5t53.5 251.5q0 166 -54 249t-177 83q-122 0 -176 -82.5t-54 -249.5zM1176 561q0 -273 -144 -427t-401 -154q-161 0 -284 70.5t-189 202.5t-66 308q0 274 143 426t402 152q161 0 284 -70t189 -201t66 -307z M291 1405q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM694 1405q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xf7;" d="M88 612v219h993v-219h-993zM444 373q0 76 37 113.5t103 37.5t102.5 -39t36.5 -112q0 -70 -37 -111t-102 -41t-102.5 39t-37.5 113zM444 1071q0 75 37 113.5t103 38.5q67 0 103 -40.5t36 -111.5q0 -70 -37 -110.5t-102 -40.5t-102.5 39t-37.5 112z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1268" d="M1176 561q0 -273 -144 -427t-401 -154q-126 0 -234 45l-67 -101l-154 105l68 100q-152 156 -152 432q0 274 143 426t402 152q132 0 248 -52l55 82l152 -108l-58 -84q142 -155 142 -416zM403 561q0 -94 19 -166l317 475q-43 23 -106 23q-122 0 -176 -82.5t-54 -249.5z M864 561q0 81 -12 141l-309 -462q38 -15 92 -15q122 0 175.5 84.5t53.5 251.5z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1346" d="M154 0zM952 0l-41 143h-16q-49 -78 -139 -120.5t-205 -42.5q-197 0 -297 105.5t-100 303.5v729h305v-653q0 -121 43 -181.5t137 -60.5q128 0 185 85.5t57 283.5v526h305v-1118h-234zM620 1241q-63 44 -185 142.5t-190 164.5v21h342q63 -101 235 -301v-27h-202z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1346" d="M154 0zM952 0l-41 143h-16q-49 -78 -139 -120.5t-205 -42.5q-197 0 -297 105.5t-100 303.5v729h305v-653q0 -121 43 -181.5t137 -60.5q128 0 185 85.5t57 283.5v526h305v-1118h-234zM498 1241v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5h-203z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1346" d="M154 0zM952 0l-41 143h-16q-49 -78 -139 -120.5t-205 -42.5q-197 0 -297 105.5t-100 303.5v729h305v-653q0 -121 43 -181.5t137 -60.5q128 0 185 85.5t57 283.5v526h305v-1118h-234zM901 1241q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357 q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1346" d="M154 0zM952 0l-41 143h-16q-49 -78 -139 -120.5t-205 -42.5q-197 0 -297 105.5t-100 303.5v729h305v-653q0 -121 43 -181.5t137 -60.5q128 0 185 85.5t57 283.5v526h305v-1118h-234zM326 1405q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5 t-103 -36.5q-64 0 -101.5 35t-37.5 98zM729 1405q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#xfd;" horiz-adv-x="1165" d="M0 0zM0 1118h334l211 -629q27 -82 37 -194h6q11 103 43 194l207 629h327l-473 -1261q-65 -175 -185.5 -262t-281.5 -87q-79 0 -155 17v242q55 -13 120 -13q81 0 141.5 49.5t94.5 149.5l18 55zM393 1241v27q172 200 235 301h342v-21q-52 -52 -177.5 -154.5t-196.5 -152.5 h-203z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1296" d="M465 973q50 81 131 123.5t186 42.5q198 0 310 -154.5t112 -423.5q0 -273 -111.5 -427t-310.5 -154q-213 0 -317 137h-14l7 -62l7 -94v-453h-305v2048h305v-391l-7 -120l-7 -72h14zM684 895q-113 0 -165 -69.5t-54 -229.5v-33q0 -180 53.5 -258t169.5 -78q205 0 205 338 q0 165 -50.5 247.5t-158.5 82.5z" />
-<glyph unicode="&#xff;" horiz-adv-x="1165" d="M0 0zM0 1118h334l211 -629q27 -82 37 -194h6q11 103 43 194l207 629h327l-473 -1261q-65 -175 -185.5 -262t-281.5 -87q-79 0 -155 17v242q55 -13 120 -13q81 0 141.5 49.5t94.5 149.5l18 55zM243 1405q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5 t-103 -36.5q-64 0 -101.5 35t-37.5 98zM646 1405q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#x131;" horiz-adv-x="625" d="M465 0h-305v1118h305v-1118z" />
-<glyph unicode="&#x152;" horiz-adv-x="1993" d="M1872 0h-873q-38 -9 -109 -14.5t-116 -5.5q-319 0 -487 197t-168 558q0 363 169.5 556.5t487.5 193.5q61 0 127 -7t101 -16h868v-254h-563v-321h526v-254h-526v-377h563v-256zM776 1227q-166 0 -252 -125.5t-86 -368.5q0 -244 86 -368.5t250 -124.5q65 0 126 10.5 t99 28.5v907q-35 19 -101.5 30t-121.5 11z" />
-<glyph unicode="&#x153;" horiz-adv-x="2003" d="M1446 -20q-271 0 -420 155q-141 -155 -391 -155q-162 0 -286 70t-190.5 202t-66.5 309q0 277 141.5 427.5t399.5 150.5q112 0 212 -39.5t171 -116.5q144 156 383 156q244 0 380 -135t136 -373v-148h-746v-8q7 -127 81.5 -197.5t207.5 -70.5q107 0 200 21t193 67v-236 q-81 -39 -175.5 -59t-229.5 -20zM403 561q0 -166 54.5 -251t177.5 -85q122 0 175.5 84.5t53.5 251.5q0 166 -54 249t-177 83q-122 0 -176 -82.5t-54 -249.5zM1405 922q-94 0 -156 -57.5t-71 -178.5h450q-2 111 -60.5 173.5t-162.5 62.5z" />
-<glyph unicode="&#x178;" horiz-adv-x="1278" d="M0 0zM639 860l305 602h334l-485 -893v-569h-308v559l-485 903h336zM297 1743q0 65 37.5 100t101.5 35q66 0 103.5 -37t37.5 -98q0 -60 -38 -96.5t-103 -36.5q-64 0 -101.5 35t-37.5 98zM700 1743q0 70 40.5 102.5t100.5 32.5q65 0 103.5 -36t38.5 -99q0 -61 -39 -97 t-103 -36q-60 0 -100.5 32.5t-40.5 100.5z" />
-<glyph unicode="&#x2c6;" horiz-adv-x="1243" d="M852 1241q-157 93 -234 176q-78 -81 -229 -176h-203v27q189 189 256 301h357q31 -52 107.5 -141.5t148.5 -159.5v-27h-203z" />
-<glyph unicode="&#x2da;" horiz-adv-x="1182" d="M842 1479q0 -108 -71 -174t-183 -66t-180 64t-68 174q0 108 67.5 172.5t180.5 64.5q110 0 182 -66t72 -169zM684 1477q0 45 -27 70.5t-69 25.5t-69 -25.5t-27 -70.5t24 -71t72 -26q42 0 69 26t27 71z" />
-<glyph unicode="&#x2dc;" horiz-adv-x="1243" d="M457 1346q-31 0 -59.5 -26.5t-41.5 -80.5h-149q11 145 82.5 227t189.5 82q41 0 80.5 -16.5t78 -36t75.5 -35.5t73 -16q31 0 59.5 26t41.5 80h149q-11 -145 -83.5 -227t-188.5 -82q-41 0 -80.5 16.5t-78 36t-75.5 36t-73 16.5z" />
-<glyph unicode="&#x2000;" horiz-adv-x="953" />
-<glyph unicode="&#x2001;" horiz-adv-x="1907" />
-<glyph unicode="&#x2002;" horiz-adv-x="953" />
-<glyph unicode="&#x2003;" horiz-adv-x="1907" />
-<glyph unicode="&#x2004;" horiz-adv-x="635" />
-<glyph unicode="&#x2005;" horiz-adv-x="476" />
-<glyph unicode="&#x2006;" horiz-adv-x="317" />
-<glyph unicode="&#x2007;" horiz-adv-x="317" />
-<glyph unicode="&#x2008;" horiz-adv-x="238" />
-<glyph unicode="&#x2009;" horiz-adv-x="381" />
-<glyph unicode="&#x200a;" horiz-adv-x="105" />
-<glyph unicode="&#x2010;" horiz-adv-x="659" d="M61 424v250h537v-250h-537z" />
-<glyph unicode="&#x2011;" horiz-adv-x="659" d="M61 424v250h537v-250h-537z" />
-<glyph unicode="&#x2012;" horiz-adv-x="659" d="M61 424v250h537v-250h-537z" />
-<glyph unicode="&#x2013;" horiz-adv-x="1024" d="M82 436v230h860v-230h-860z" />
-<glyph unicode="&#x2014;" horiz-adv-x="2048" d="M82 436v230h1884v-230h-1884z" />
-<glyph unicode="&#x2018;" horiz-adv-x="444" d="M39 961l-14 22q22 91 72.5 228.5t103.5 250.5h219q-66 -267 -101 -501h-280z" />
-<glyph unicode="&#x2019;" horiz-adv-x="444" d="M406 1462l14 -22q-50 -197 -176 -479h-219q69 296 100 501h281z" />
-<glyph unicode="&#x201a;" horiz-adv-x="596" d="M459 215q-52 -202 -176 -479h-220q65 266 101 502h280z" />
-<glyph unicode="&#x201c;" horiz-adv-x="911" d="M492 983q22 91 72.5 228.5t103.5 250.5h219q-66 -267 -101 -501h-280zM25 983q22 91 72.5 228.5t103.5 250.5h219q-66 -267 -101 -501h-280z" />
-<glyph unicode="&#x201d;" horiz-adv-x="911" d="M420 1440q-50 -197 -176 -479h-219q69 296 100 501h281zM887 1440q-50 -197 -176 -479h-219q69 296 100 501h280z" />
-<glyph unicode="&#x201e;" horiz-adv-x="1061" d="M459 215q-52 -202 -176 -479h-220q65 266 101 502h280zM926 215q-52 -202 -176 -479h-220q65 266 101 502h280z" />
-<glyph unicode="&#x2022;" horiz-adv-x="770" d="M98 748q0 154 74 235.5t213 81.5q137 0 212 -82t75 -235q0 -152 -75.5 -235t-211.5 -83q-138 0 -212.5 83t-74.5 235z" />
-<glyph unicode="&#x2026;" horiz-adv-x="1751" d="M117 143q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-84 0 -130 44.5t-46 125.5zM700 143q0 84 45 127t132 43q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-85 0 -131 44.5t-46 125.5zM1284 143q0 84 45 127t131 43 q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-84 0 -130 44.5t-46 125.5z" />
-<glyph unicode="&#x202f;" horiz-adv-x="381" />
-<glyph unicode="&#x2039;" horiz-adv-x="754" d="M82 573l371 455l219 -119l-279 -348l279 -348l-219 -119l-371 453v26z" />
-<glyph unicode="&#x203a;" horiz-adv-x="754" d="M672 547l-371 -453l-219 119l278 348l-278 348l219 119l371 -455v-26z" />
-<glyph unicode="&#x2044;" horiz-adv-x="266" d="M657 1462l-811 -1462h-239l811 1462h239z" />
-<glyph unicode="&#x205f;" horiz-adv-x="476" />
-<glyph unicode="&#x2074;" horiz-adv-x="776" d="M758 737h-125v-151h-238v151h-383v154l385 577h236v-563h125v-168zM395 905v164q0 86 6 184q-9 -26 -35.5 -80t-41.5 -77l-127 -191h198z" />
-<glyph unicode="&#x20ac;" d="M803 1225q-122 0 -201 -70.5t-102 -204.5h403v-176h-418l-2 -35v-47l2 -33h355v-178h-338q51 -243 321 -243q143 0 275 57v-256q-116 -59 -293 -59q-245 0 -403 133t-199 368h-137v178h118q-4 23 -4 62l2 53h-116v176h133q37 242 199 382.5t405 140.5q188 0 352 -82 l-98 -232q-69 31 -129 48.5t-125 17.5z" />
-<glyph unicode="&#x2122;" horiz-adv-x="1534" d="M381 741h-168v572h-197v149h564v-149h-199v-572zM956 741l-165 529h-7l4 -111v-418h-163v721h247l160 -510l170 510h240v-721h-168v408l4 121h-6l-174 -529h-142z" />
-<glyph unicode="&#xe000;" horiz-adv-x="1120" d="M0 1120h1120v-1120h-1120v1120z" />
-<glyph horiz-adv-x="1296" d="M0 0z" />
-<hkern u1="&#x22;" u2="&#x178;" k="-20" />
-<hkern u1="&#x22;" u2="&#x153;" k="123" />
-<hkern u1="&#x22;" u2="&#xfc;" k="61" />
-<hkern u1="&#x22;" u2="&#xfb;" k="61" />
-<hkern u1="&#x22;" u2="&#xfa;" k="61" />
-<hkern u1="&#x22;" u2="&#xf9;" k="61" />
-<hkern u1="&#x22;" u2="&#xf8;" k="123" />
-<hkern u1="&#x22;" u2="&#xf6;" k="123" />
-<hkern u1="&#x22;" u2="&#xf5;" k="123" />
-<hkern u1="&#x22;" u2="&#xf4;" k="123" />
-<hkern u1="&#x22;" u2="&#xf3;" k="123" />
-<hkern u1="&#x22;" u2="&#xf2;" k="123" />
-<hkern u1="&#x22;" u2="&#xeb;" k="123" />
-<hkern u1="&#x22;" u2="&#xea;" k="123" />
-<hkern u1="&#x22;" u2="&#xe9;" k="123" />
-<hkern u1="&#x22;" u2="&#xe8;" k="123" />
-<hkern u1="&#x22;" u2="&#xe7;" k="123" />
-<hkern u1="&#x22;" u2="&#xe6;" k="82" />
-<hkern u1="&#x22;" u2="&#xe5;" k="82" />
-<hkern u1="&#x22;" u2="&#xe4;" k="82" />
-<hkern u1="&#x22;" u2="&#xe3;" k="82" />
-<hkern u1="&#x22;" u2="&#xe2;" k="82" />
-<hkern u1="&#x22;" u2="&#xe1;" k="82" />
-<hkern u1="&#x22;" u2="&#xe0;" k="123" />
-<hkern u1="&#x22;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x22;" u2="&#xc5;" k="143" />
-<hkern u1="&#x22;" u2="&#xc4;" k="143" />
-<hkern u1="&#x22;" u2="&#xc3;" k="143" />
-<hkern u1="&#x22;" u2="&#xc2;" k="143" />
-<hkern u1="&#x22;" u2="&#xc1;" k="143" />
-<hkern u1="&#x22;" u2="&#xc0;" k="143" />
-<hkern u1="&#x22;" u2="u" k="61" />
-<hkern u1="&#x22;" u2="s" k="61" />
-<hkern u1="&#x22;" u2="r" k="61" />
-<hkern u1="&#x22;" u2="q" k="123" />
-<hkern u1="&#x22;" u2="p" k="61" />
-<hkern u1="&#x22;" u2="o" k="123" />
-<hkern u1="&#x22;" u2="n" k="61" />
-<hkern u1="&#x22;" u2="m" k="61" />
-<hkern u1="&#x22;" u2="g" k="61" />
-<hkern u1="&#x22;" u2="e" k="123" />
-<hkern u1="&#x22;" u2="d" k="123" />
-<hkern u1="&#x22;" u2="c" k="123" />
-<hkern u1="&#x22;" u2="a" k="82" />
-<hkern u1="&#x22;" u2="Y" k="-20" />
-<hkern u1="&#x22;" u2="W" k="-41" />
-<hkern u1="&#x22;" u2="V" k="-41" />
-<hkern u1="&#x22;" u2="T" k="-41" />
-<hkern u1="&#x22;" u2="A" k="143" />
-<hkern u1="&#x27;" u2="&#x178;" k="-20" />
-<hkern u1="&#x27;" u2="&#x153;" k="123" />
-<hkern u1="&#x27;" u2="&#xfc;" k="61" />
-<hkern u1="&#x27;" u2="&#xfb;" k="61" />
-<hkern u1="&#x27;" u2="&#xfa;" k="61" />
-<hkern u1="&#x27;" u2="&#xf9;" k="61" />
-<hkern u1="&#x27;" u2="&#xf8;" k="123" />
-<hkern u1="&#x27;" u2="&#xf6;" k="123" />
-<hkern u1="&#x27;" u2="&#xf5;" k="123" />
-<hkern u1="&#x27;" u2="&#xf4;" k="123" />
-<hkern u1="&#x27;" u2="&#xf3;" k="123" />
-<hkern u1="&#x27;" u2="&#xf2;" k="123" />
-<hkern u1="&#x27;" u2="&#xeb;" k="123" />
-<hkern u1="&#x27;" u2="&#xea;" k="123" />
-<hkern u1="&#x27;" u2="&#xe9;" k="123" />
-<hkern u1="&#x27;" u2="&#xe8;" k="123" />
-<hkern u1="&#x27;" u2="&#xe7;" k="123" />
-<hkern u1="&#x27;" u2="&#xe6;" k="82" />
-<hkern u1="&#x27;" u2="&#xe5;" k="82" />
-<hkern u1="&#x27;" u2="&#xe4;" k="82" />
-<hkern u1="&#x27;" u2="&#xe3;" k="82" />
-<hkern u1="&#x27;" u2="&#xe2;" k="82" />
-<hkern u1="&#x27;" u2="&#xe1;" k="82" />
-<hkern u1="&#x27;" u2="&#xe0;" k="123" />
-<hkern u1="&#x27;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x27;" u2="&#xc5;" k="143" />
-<hkern u1="&#x27;" u2="&#xc4;" k="143" />
-<hkern u1="&#x27;" u2="&#xc3;" k="143" />
-<hkern u1="&#x27;" u2="&#xc2;" k="143" />
-<hkern u1="&#x27;" u2="&#xc1;" k="143" />
-<hkern u1="&#x27;" u2="&#xc0;" k="143" />
-<hkern u1="&#x27;" u2="u" k="61" />
-<hkern u1="&#x27;" u2="s" k="61" />
-<hkern u1="&#x27;" u2="r" k="61" />
-<hkern u1="&#x27;" u2="q" k="123" />
-<hkern u1="&#x27;" u2="p" k="61" />
-<hkern u1="&#x27;" u2="o" k="123" />
-<hkern u1="&#x27;" u2="n" k="61" />
-<hkern u1="&#x27;" u2="m" k="61" />
-<hkern u1="&#x27;" u2="g" k="61" />
-<hkern u1="&#x27;" u2="e" k="123" />
-<hkern u1="&#x27;" u2="d" k="123" />
-<hkern u1="&#x27;" u2="c" k="123" />
-<hkern u1="&#x27;" u2="a" k="82" />
-<hkern u1="&#x27;" u2="Y" k="-20" />
-<hkern u1="&#x27;" u2="W" k="-41" />
-<hkern u1="&#x27;" u2="V" k="-41" />
-<hkern u1="&#x27;" u2="T" k="-41" />
-<hkern u1="&#x27;" u2="A" k="143" />
-<hkern u1="&#x28;" u2="J" k="-184" />
-<hkern u1="&#x2c;" u2="&#x178;" k="123" />
-<hkern u1="&#x2c;" u2="&#x152;" k="102" />
-<hkern u1="&#x2c;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2c;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2c;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2c;" u2="&#xda;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2c;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2c;" u2="Y" k="123" />
-<hkern u1="&#x2c;" u2="W" k="123" />
-<hkern u1="&#x2c;" u2="V" k="123" />
-<hkern u1="&#x2c;" u2="U" k="41" />
-<hkern u1="&#x2c;" u2="T" k="143" />
-<hkern u1="&#x2c;" u2="Q" k="102" />
-<hkern u1="&#x2c;" u2="O" k="102" />
-<hkern u1="&#x2c;" u2="G" k="102" />
-<hkern u1="&#x2c;" u2="C" k="102" />
-<hkern u1="&#x2d;" u2="T" k="82" />
-<hkern u1="&#x2e;" u2="&#x178;" k="123" />
-<hkern u1="&#x2e;" u2="&#x152;" k="102" />
-<hkern u1="&#x2e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2e;" u2="&#xda;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2e;" u2="Y" k="123" />
-<hkern u1="&#x2e;" u2="W" k="123" />
-<hkern u1="&#x2e;" u2="V" k="123" />
-<hkern u1="&#x2e;" u2="U" k="41" />
-<hkern u1="&#x2e;" u2="T" k="143" />
-<hkern u1="&#x2e;" u2="Q" k="102" />
-<hkern u1="&#x2e;" u2="O" k="102" />
-<hkern u1="&#x2e;" u2="G" k="102" />
-<hkern u1="&#x2e;" u2="C" k="102" />
-<hkern u1="A" u2="&#x201d;" k="143" />
-<hkern u1="A" u2="&#x2019;" k="143" />
-<hkern u1="A" u2="&#x178;" k="123" />
-<hkern u1="A" u2="&#x152;" k="41" />
-<hkern u1="A" u2="&#xdd;" k="123" />
-<hkern u1="A" u2="&#xd8;" k="41" />
-<hkern u1="A" u2="&#xd6;" k="41" />
-<hkern u1="A" u2="&#xd5;" k="41" />
-<hkern u1="A" u2="&#xd4;" k="41" />
-<hkern u1="A" u2="&#xd3;" k="41" />
-<hkern u1="A" u2="&#xd2;" k="41" />
-<hkern u1="A" u2="&#xc7;" k="41" />
-<hkern u1="A" u2="Y" k="123" />
-<hkern u1="A" u2="W" k="82" />
-<hkern u1="A" u2="V" k="82" />
-<hkern u1="A" u2="T" k="143" />
-<hkern u1="A" u2="Q" k="41" />
-<hkern u1="A" u2="O" k="41" />
-<hkern u1="A" u2="J" k="-266" />
-<hkern u1="A" u2="G" k="41" />
-<hkern u1="A" u2="C" k="41" />
-<hkern u1="A" u2="&#x27;" k="143" />
-<hkern u1="A" u2="&#x22;" k="143" />
-<hkern u1="B" u2="&#x201e;" k="82" />
-<hkern u1="B" u2="&#x201a;" k="82" />
-<hkern u1="B" u2="&#x178;" k="20" />
-<hkern u1="B" u2="&#xdd;" k="20" />
-<hkern u1="B" u2="&#xc5;" k="41" />
-<hkern u1="B" u2="&#xc4;" k="41" />
-<hkern u1="B" u2="&#xc3;" k="41" />
-<hkern u1="B" u2="&#xc2;" k="41" />
-<hkern u1="B" u2="&#xc1;" k="41" />
-<hkern u1="B" u2="&#xc0;" k="41" />
-<hkern u1="B" u2="Z" k="20" />
-<hkern u1="B" u2="Y" k="20" />
-<hkern u1="B" u2="X" k="41" />
-<hkern u1="B" u2="W" k="20" />
-<hkern u1="B" u2="V" k="20" />
-<hkern u1="B" u2="T" k="61" />
-<hkern u1="B" u2="A" k="41" />
-<hkern u1="B" u2="&#x2e;" k="82" />
-<hkern u1="B" u2="&#x2c;" k="82" />
-<hkern u1="C" u2="&#x152;" k="41" />
-<hkern u1="C" u2="&#xd8;" k="41" />
-<hkern u1="C" u2="&#xd6;" k="41" />
-<hkern u1="C" u2="&#xd5;" k="41" />
-<hkern u1="C" u2="&#xd4;" k="41" />
-<hkern u1="C" u2="&#xd3;" k="41" />
-<hkern u1="C" u2="&#xd2;" k="41" />
-<hkern u1="C" u2="&#xc7;" k="41" />
-<hkern u1="C" u2="Q" k="41" />
-<hkern u1="C" u2="O" k="41" />
-<hkern u1="C" u2="G" k="41" />
-<hkern u1="C" u2="C" k="41" />
-<hkern u1="D" u2="&#x201e;" k="82" />
-<hkern u1="D" u2="&#x201a;" k="82" />
-<hkern u1="D" u2="&#x178;" k="20" />
-<hkern u1="D" u2="&#xdd;" k="20" />
-<hkern u1="D" u2="&#xc5;" k="41" />
-<hkern u1="D" u2="&#xc4;" k="41" />
-<hkern u1="D" u2="&#xc3;" k="41" />
-<hkern u1="D" u2="&#xc2;" k="41" />
-<hkern u1="D" u2="&#xc1;" k="41" />
-<hkern u1="D" u2="&#xc0;" k="41" />
-<hkern u1="D" u2="Z" k="20" />
-<hkern u1="D" u2="Y" k="20" />
-<hkern u1="D" u2="X" k="41" />
-<hkern u1="D" u2="W" k="20" />
-<hkern u1="D" u2="V" k="20" />
-<hkern u1="D" u2="T" k="61" />
-<hkern u1="D" u2="A" k="41" />
-<hkern u1="D" u2="&#x2e;" k="82" />
-<hkern u1="D" u2="&#x2c;" k="82" />
-<hkern u1="E" u2="J" k="-123" />
-<hkern u1="F" u2="&#x201e;" k="123" />
-<hkern u1="F" u2="&#x201a;" k="123" />
-<hkern u1="F" u2="&#xc5;" k="41" />
-<hkern u1="F" u2="&#xc4;" k="41" />
-<hkern u1="F" u2="&#xc3;" k="41" />
-<hkern u1="F" u2="&#xc2;" k="41" />
-<hkern u1="F" u2="&#xc1;" k="41" />
-<hkern u1="F" u2="&#xc0;" k="41" />
-<hkern u1="F" u2="A" k="41" />
-<hkern u1="F" u2="&#x3f;" k="-41" />
-<hkern u1="F" u2="&#x2e;" k="123" />
-<hkern u1="F" u2="&#x2c;" k="123" />
-<hkern u1="K" u2="&#x152;" k="41" />
-<hkern u1="K" u2="&#xd8;" k="41" />
-<hkern u1="K" u2="&#xd6;" k="41" />
-<hkern u1="K" u2="&#xd5;" k="41" />
-<hkern u1="K" u2="&#xd4;" k="41" />
-<hkern u1="K" u2="&#xd3;" k="41" />
-<hkern u1="K" u2="&#xd2;" k="41" />
-<hkern u1="K" u2="&#xc7;" k="41" />
-<hkern u1="K" u2="Q" k="41" />
-<hkern u1="K" u2="O" k="41" />
-<hkern u1="K" u2="G" k="41" />
-<hkern u1="K" u2="C" k="41" />
-<hkern u1="L" u2="&#x201d;" k="164" />
-<hkern u1="L" u2="&#x2019;" k="164" />
-<hkern u1="L" u2="&#x178;" k="61" />
-<hkern u1="L" u2="&#x152;" k="41" />
-<hkern u1="L" u2="&#xdd;" k="61" />
-<hkern u1="L" u2="&#xdc;" k="20" />
-<hkern u1="L" u2="&#xdb;" k="20" />
-<hkern u1="L" u2="&#xda;" k="20" />
-<hkern u1="L" u2="&#xd9;" k="20" />
-<hkern u1="L" u2="&#xd8;" k="41" />
-<hkern u1="L" u2="&#xd6;" k="41" />
-<hkern u1="L" u2="&#xd5;" k="41" />
-<hkern u1="L" u2="&#xd4;" k="41" />
-<hkern u1="L" u2="&#xd3;" k="41" />
-<hkern u1="L" u2="&#xd2;" k="41" />
-<hkern u1="L" u2="&#xc7;" k="41" />
-<hkern u1="L" u2="Y" k="61" />
-<hkern u1="L" u2="W" k="41" />
-<hkern u1="L" u2="V" k="41" />
-<hkern u1="L" u2="U" k="20" />
-<hkern u1="L" u2="T" k="41" />
-<hkern u1="L" u2="Q" k="41" />
-<hkern u1="L" u2="O" k="41" />
-<hkern u1="L" u2="G" k="41" />
-<hkern u1="L" u2="C" k="41" />
-<hkern u1="L" u2="&#x27;" k="164" />
-<hkern u1="L" u2="&#x22;" k="164" />
-<hkern u1="O" u2="&#x201e;" k="82" />
-<hkern u1="O" u2="&#x201a;" k="82" />
-<hkern u1="O" u2="&#x178;" k="20" />
-<hkern u1="O" u2="&#xdd;" k="20" />
-<hkern u1="O" u2="&#xc5;" k="41" />
-<hkern u1="O" u2="&#xc4;" k="41" />
-<hkern u1="O" u2="&#xc3;" k="41" />
-<hkern u1="O" u2="&#xc2;" k="41" />
-<hkern u1="O" u2="&#xc1;" k="41" />
-<hkern u1="O" u2="&#xc0;" k="41" />
-<hkern u1="O" u2="Z" k="20" />
-<hkern u1="O" u2="Y" k="20" />
-<hkern u1="O" u2="X" k="41" />
-<hkern u1="O" u2="W" k="20" />
-<hkern u1="O" u2="V" k="20" />
-<hkern u1="O" u2="T" k="61" />
-<hkern u1="O" u2="A" k="41" />
-<hkern u1="O" u2="&#x2e;" k="82" />
-<hkern u1="O" u2="&#x2c;" k="82" />
-<hkern u1="P" u2="&#x201e;" k="266" />
-<hkern u1="P" u2="&#x201a;" k="266" />
-<hkern u1="P" u2="&#xc5;" k="102" />
-<hkern u1="P" u2="&#xc4;" k="102" />
-<hkern u1="P" u2="&#xc3;" k="102" />
-<hkern u1="P" u2="&#xc2;" k="102" />
-<hkern u1="P" u2="&#xc1;" k="102" />
-<hkern u1="P" u2="&#xc0;" k="102" />
-<hkern u1="P" u2="Z" k="20" />
-<hkern u1="P" u2="X" k="41" />
-<hkern u1="P" u2="A" k="102" />
-<hkern u1="P" u2="&#x2e;" k="266" />
-<hkern u1="P" u2="&#x2c;" k="266" />
-<hkern u1="Q" u2="&#x201e;" k="82" />
-<hkern u1="Q" u2="&#x201a;" k="82" />
-<hkern u1="Q" u2="&#x178;" k="20" />
-<hkern u1="Q" u2="&#xdd;" k="20" />
-<hkern u1="Q" u2="&#xc5;" k="41" />
-<hkern u1="Q" u2="&#xc4;" k="41" />
-<hkern u1="Q" u2="&#xc3;" k="41" />
-<hkern u1="Q" u2="&#xc2;" k="41" />
-<hkern u1="Q" u2="&#xc1;" k="41" />
-<hkern u1="Q" u2="&#xc0;" k="41" />
-<hkern u1="Q" u2="Z" k="20" />
-<hkern u1="Q" u2="Y" k="20" />
-<hkern u1="Q" u2="X" k="41" />
-<hkern u1="Q" u2="W" k="20" />
-<hkern u1="Q" u2="V" k="20" />
-<hkern u1="Q" u2="T" k="61" />
-<hkern u1="Q" u2="A" k="41" />
-<hkern u1="Q" u2="&#x2e;" k="82" />
-<hkern u1="Q" u2="&#x2c;" k="82" />
-<hkern u1="T" u2="&#x201e;" k="123" />
-<hkern u1="T" u2="&#x201a;" k="123" />
-<hkern u1="T" u2="&#x2014;" k="82" />
-<hkern u1="T" u2="&#x2013;" k="82" />
-<hkern u1="T" u2="&#x153;" k="143" />
-<hkern u1="T" u2="&#x152;" k="41" />
-<hkern u1="T" u2="&#xfd;" k="41" />
-<hkern u1="T" u2="&#xfc;" k="102" />
-<hkern u1="T" u2="&#xfb;" k="102" />
-<hkern u1="T" u2="&#xfa;" k="102" />
-<hkern u1="T" u2="&#xf9;" k="102" />
-<hkern u1="T" u2="&#xf8;" k="143" />
-<hkern u1="T" u2="&#xf6;" k="143" />
-<hkern u1="T" u2="&#xf5;" k="143" />
-<hkern u1="T" u2="&#xf4;" k="143" />
-<hkern u1="T" u2="&#xf3;" k="143" />
-<hkern u1="T" u2="&#xf2;" k="143" />
-<hkern u1="T" u2="&#xeb;" k="143" />
-<hkern u1="T" u2="&#xea;" k="143" />
-<hkern u1="T" u2="&#xe9;" k="143" />
-<hkern u1="T" u2="&#xe8;" k="143" />
-<hkern u1="T" u2="&#xe7;" k="143" />
-<hkern u1="T" u2="&#xe6;" k="164" />
-<hkern u1="T" u2="&#xe5;" k="164" />
-<hkern u1="T" u2="&#xe4;" k="164" />
-<hkern u1="T" u2="&#xe3;" k="164" />
-<hkern u1="T" u2="&#xe2;" k="164" />
-<hkern u1="T" u2="&#xe1;" k="164" />
-<hkern u1="T" u2="&#xe0;" k="143" />
-<hkern u1="T" u2="&#xd8;" k="41" />
-<hkern u1="T" u2="&#xd6;" k="41" />
-<hkern u1="T" u2="&#xd5;" k="41" />
-<hkern u1="T" u2="&#xd4;" k="41" />
-<hkern u1="T" u2="&#xd3;" k="41" />
-<hkern u1="T" u2="&#xd2;" k="41" />
-<hkern u1="T" u2="&#xc7;" k="41" />
-<hkern u1="T" u2="&#xc5;" k="143" />
-<hkern u1="T" u2="&#xc4;" k="143" />
-<hkern u1="T" u2="&#xc3;" k="143" />
-<hkern u1="T" u2="&#xc2;" k="143" />
-<hkern u1="T" u2="&#xc1;" k="143" />
-<hkern u1="T" u2="&#xc0;" k="143" />
-<hkern u1="T" u2="z" k="82" />
-<hkern u1="T" u2="y" k="41" />
-<hkern u1="T" u2="x" k="41" />
-<hkern u1="T" u2="w" k="41" />
-<hkern u1="T" u2="v" k="41" />
-<hkern u1="T" u2="u" k="102" />
-<hkern u1="T" u2="s" k="123" />
-<hkern u1="T" u2="r" k="102" />
-<hkern u1="T" u2="q" k="143" />
-<hkern u1="T" u2="p" k="102" />
-<hkern u1="T" u2="o" k="143" />
-<hkern u1="T" u2="n" k="102" />
-<hkern u1="T" u2="m" k="102" />
-<hkern u1="T" u2="g" k="143" />
-<hkern u1="T" u2="e" k="143" />
-<hkern u1="T" u2="d" k="143" />
-<hkern u1="T" u2="c" k="143" />
-<hkern u1="T" u2="a" k="164" />
-<hkern u1="T" u2="T" k="-41" />
-<hkern u1="T" u2="Q" k="41" />
-<hkern u1="T" u2="O" k="41" />
-<hkern u1="T" u2="G" k="41" />
-<hkern u1="T" u2="C" k="41" />
-<hkern u1="T" u2="A" k="143" />
-<hkern u1="T" u2="&#x3f;" k="-41" />
-<hkern u1="T" u2="&#x2e;" k="123" />
-<hkern u1="T" u2="&#x2d;" k="82" />
-<hkern u1="T" u2="&#x2c;" k="123" />
-<hkern u1="U" u2="&#x201e;" k="41" />
-<hkern u1="U" u2="&#x201a;" k="41" />
-<hkern u1="U" u2="&#xc5;" k="20" />
-<hkern u1="U" u2="&#xc4;" k="20" />
-<hkern u1="U" u2="&#xc3;" k="20" />
-<hkern u1="U" u2="&#xc2;" k="20" />
-<hkern u1="U" u2="&#xc1;" k="20" />
-<hkern u1="U" u2="&#xc0;" k="20" />
-<hkern u1="U" u2="A" k="20" />
-<hkern u1="U" u2="&#x2e;" k="41" />
-<hkern u1="U" u2="&#x2c;" k="41" />
-<hkern u1="V" u2="&#x201e;" k="102" />
-<hkern u1="V" u2="&#x201a;" k="102" />
-<hkern u1="V" u2="&#x153;" k="41" />
-<hkern u1="V" u2="&#x152;" k="20" />
-<hkern u1="V" u2="&#xfc;" k="20" />
-<hkern u1="V" u2="&#xfb;" k="20" />
-<hkern u1="V" u2="&#xfa;" k="20" />
-<hkern u1="V" u2="&#xf9;" k="20" />
-<hkern u1="V" u2="&#xf8;" k="41" />
-<hkern u1="V" u2="&#xf6;" k="41" />
-<hkern u1="V" u2="&#xf5;" k="41" />
-<hkern u1="V" u2="&#xf4;" k="41" />
-<hkern u1="V" u2="&#xf3;" k="41" />
-<hkern u1="V" u2="&#xf2;" k="41" />
-<hkern u1="V" u2="&#xeb;" k="41" />
-<hkern u1="V" u2="&#xea;" k="41" />
-<hkern u1="V" u2="&#xe9;" k="41" />
-<hkern u1="V" u2="&#xe8;" k="41" />
-<hkern u1="V" u2="&#xe7;" k="41" />
-<hkern u1="V" u2="&#xe6;" k="41" />
-<hkern u1="V" u2="&#xe5;" k="41" />
-<hkern u1="V" u2="&#xe4;" k="41" />
-<hkern u1="V" u2="&#xe3;" k="41" />
-<hkern u1="V" u2="&#xe2;" k="41" />
-<hkern u1="V" u2="&#xe1;" k="41" />
-<hkern u1="V" u2="&#xe0;" k="41" />
-<hkern u1="V" u2="&#xd8;" k="20" />
-<hkern u1="V" u2="&#xd6;" k="20" />
-<hkern u1="V" u2="&#xd5;" k="20" />
-<hkern u1="V" u2="&#xd4;" k="20" />
-<hkern u1="V" u2="&#xd3;" k="20" />
-<hkern u1="V" u2="&#xd2;" k="20" />
-<hkern u1="V" u2="&#xc7;" k="20" />
-<hkern u1="V" u2="&#xc5;" k="82" />
-<hkern u1="V" u2="&#xc4;" k="82" />
-<hkern u1="V" u2="&#xc3;" k="82" />
-<hkern u1="V" u2="&#xc2;" k="82" />
-<hkern u1="V" u2="&#xc1;" k="82" />
-<hkern u1="V" u2="&#xc0;" k="82" />
-<hkern u1="V" u2="u" k="20" />
-<hkern u1="V" u2="s" k="20" />
-<hkern u1="V" u2="r" k="20" />
-<hkern u1="V" u2="q" k="41" />
-<hkern u1="V" u2="p" k="20" />
-<hkern u1="V" u2="o" k="41" />
-<hkern u1="V" u2="n" k="20" />
-<hkern u1="V" u2="m" k="20" />
-<hkern u1="V" u2="g" k="20" />
-<hkern u1="V" u2="e" k="41" />
-<hkern u1="V" u2="d" k="41" />
-<hkern u1="V" u2="c" k="41" />
-<hkern u1="V" u2="a" k="41" />
-<hkern u1="V" u2="Q" k="20" />
-<hkern u1="V" u2="O" k="20" />
-<hkern u1="V" u2="G" k="20" />
-<hkern u1="V" u2="C" k="20" />
-<hkern u1="V" u2="A" k="82" />
-<hkern u1="V" u2="&#x3f;" k="-41" />
-<hkern u1="V" u2="&#x2e;" k="102" />
-<hkern u1="V" u2="&#x2c;" k="102" />
-<hkern u1="W" u2="&#x201e;" k="102" />
-<hkern u1="W" u2="&#x201a;" k="102" />
-<hkern u1="W" u2="&#x153;" k="41" />
-<hkern u1="W" u2="&#x152;" k="20" />
-<hkern u1="W" u2="&#xfc;" k="20" />
-<hkern u1="W" u2="&#xfb;" k="20" />
-<hkern u1="W" u2="&#xfa;" k="20" />
-<hkern u1="W" u2="&#xf9;" k="20" />
-<hkern u1="W" u2="&#xf8;" k="41" />
-<hkern u1="W" u2="&#xf6;" k="41" />
-<hkern u1="W" u2="&#xf5;" k="41" />
-<hkern u1="W" u2="&#xf4;" k="41" />
-<hkern u1="W" u2="&#xf3;" k="41" />
-<hkern u1="W" u2="&#xf2;" k="41" />
-<hkern u1="W" u2="&#xeb;" k="41" />
-<hkern u1="W" u2="&#xea;" k="41" />
-<hkern u1="W" u2="&#xe9;" k="41" />
-<hkern u1="W" u2="&#xe8;" k="41" />
-<hkern u1="W" u2="&#xe7;" k="41" />
-<hkern u1="W" u2="&#xe6;" k="41" />
-<hkern u1="W" u2="&#xe5;" k="41" />
-<hkern u1="W" u2="&#xe4;" k="41" />
-<hkern u1="W" u2="&#xe3;" k="41" />
-<hkern u1="W" u2="&#xe2;" k="41" />
-<hkern u1="W" u2="&#xe1;" k="41" />
-<hkern u1="W" u2="&#xe0;" k="41" />
-<hkern u1="W" u2="&#xd8;" k="20" />
-<hkern u1="W" u2="&#xd6;" k="20" />
-<hkern u1="W" u2="&#xd5;" k="20" />
-<hkern u1="W" u2="&#xd4;" k="20" />
-<hkern u1="W" u2="&#xd3;" k="20" />
-<hkern u1="W" u2="&#xd2;" k="20" />
-<hkern u1="W" u2="&#xc7;" k="20" />
-<hkern u1="W" u2="&#xc5;" k="82" />
-<hkern u1="W" u2="&#xc4;" k="82" />
-<hkern u1="W" u2="&#xc3;" k="82" />
-<hkern u1="W" u2="&#xc2;" k="82" />
-<hkern u1="W" u2="&#xc1;" k="82" />
-<hkern u1="W" u2="&#xc0;" k="82" />
-<hkern u1="W" u2="u" k="20" />
-<hkern u1="W" u2="s" k="20" />
-<hkern u1="W" u2="r" k="20" />
-<hkern u1="W" u2="q" k="41" />
-<hkern u1="W" u2="p" k="20" />
-<hkern u1="W" u2="o" k="41" />
-<hkern u1="W" u2="n" k="20" />
-<hkern u1="W" u2="m" k="20" />
-<hkern u1="W" u2="g" k="20" />
-<hkern u1="W" u2="e" k="41" />
-<hkern u1="W" u2="d" k="41" />
-<hkern u1="W" u2="c" k="41" />
-<hkern u1="W" u2="a" k="41" />
-<hkern u1="W" u2="Q" k="20" />
-<hkern u1="W" u2="O" k="20" />
-<hkern u1="W" u2="G" k="20" />
-<hkern u1="W" u2="C" k="20" />
-<hkern u1="W" u2="A" k="82" />
-<hkern u1="W" u2="&#x3f;" k="-41" />
-<hkern u1="W" u2="&#x2e;" k="102" />
-<hkern u1="W" u2="&#x2c;" k="102" />
-<hkern u1="X" u2="&#x152;" k="41" />
-<hkern u1="X" u2="&#xd8;" k="41" />
-<hkern u1="X" u2="&#xd6;" k="41" />
-<hkern u1="X" u2="&#xd5;" k="41" />
-<hkern u1="X" u2="&#xd4;" k="41" />
-<hkern u1="X" u2="&#xd3;" k="41" />
-<hkern u1="X" u2="&#xd2;" k="41" />
-<hkern u1="X" u2="&#xc7;" k="41" />
-<hkern u1="X" u2="Q" k="41" />
-<hkern u1="X" u2="O" k="41" />
-<hkern u1="X" u2="G" k="41" />
-<hkern u1="X" u2="C" k="41" />
-<hkern u1="Y" u2="&#x201e;" k="123" />
-<hkern u1="Y" u2="&#x201a;" k="123" />
-<hkern u1="Y" u2="&#x153;" k="102" />
-<hkern u1="Y" u2="&#x152;" k="41" />
-<hkern u1="Y" u2="&#xfc;" k="61" />
-<hkern u1="Y" u2="&#xfb;" k="61" />
-<hkern u1="Y" u2="&#xfa;" k="61" />
-<hkern u1="Y" u2="&#xf9;" k="61" />
-<hkern u1="Y" u2="&#xf8;" k="102" />
-<hkern u1="Y" u2="&#xf6;" k="102" />
-<hkern u1="Y" u2="&#xf5;" k="102" />
-<hkern u1="Y" u2="&#xf4;" k="102" />
-<hkern u1="Y" u2="&#xf3;" k="102" />
-<hkern u1="Y" u2="&#xf2;" k="102" />
-<hkern u1="Y" u2="&#xeb;" k="102" />
-<hkern u1="Y" u2="&#xea;" k="102" />
-<hkern u1="Y" u2="&#xe9;" k="102" />
-<hkern u1="Y" u2="&#xe8;" k="102" />
-<hkern u1="Y" u2="&#xe7;" k="102" />
-<hkern u1="Y" u2="&#xe6;" k="102" />
-<hkern u1="Y" u2="&#xe5;" k="102" />
-<hkern u1="Y" u2="&#xe4;" k="102" />
-<hkern u1="Y" u2="&#xe3;" k="102" />
-<hkern u1="Y" u2="&#xe2;" k="102" />
-<hkern u1="Y" u2="&#xe1;" k="102" />
-<hkern u1="Y" u2="&#xe0;" k="102" />
-<hkern u1="Y" u2="&#xd8;" k="41" />
-<hkern u1="Y" u2="&#xd6;" k="41" />
-<hkern u1="Y" u2="&#xd5;" k="41" />
-<hkern u1="Y" u2="&#xd4;" k="41" />
-<hkern u1="Y" u2="&#xd3;" k="41" />
-<hkern u1="Y" u2="&#xd2;" k="41" />
-<hkern u1="Y" u2="&#xc7;" k="41" />
-<hkern u1="Y" u2="&#xc5;" k="123" />
-<hkern u1="Y" u2="&#xc4;" k="123" />
-<hkern u1="Y" u2="&#xc3;" k="123" />
-<hkern u1="Y" u2="&#xc2;" k="123" />
-<hkern u1="Y" u2="&#xc1;" k="123" />
-<hkern u1="Y" u2="&#xc0;" k="123" />
-<hkern u1="Y" u2="z" k="41" />
-<hkern u1="Y" u2="u" k="61" />
-<hkern u1="Y" u2="s" k="82" />
-<hkern u1="Y" u2="r" k="61" />
-<hkern u1="Y" u2="q" k="102" />
-<hkern u1="Y" u2="p" k="61" />
-<hkern u1="Y" u2="o" k="102" />
-<hkern u1="Y" u2="n" k="61" />
-<hkern u1="Y" u2="m" k="61" />
-<hkern u1="Y" u2="g" k="41" />
-<hkern u1="Y" u2="e" k="102" />
-<hkern u1="Y" u2="d" k="102" />
-<hkern u1="Y" u2="c" k="102" />
-<hkern u1="Y" u2="a" k="102" />
-<hkern u1="Y" u2="Q" k="41" />
-<hkern u1="Y" u2="O" k="41" />
-<hkern u1="Y" u2="G" k="41" />
-<hkern u1="Y" u2="C" k="41" />
-<hkern u1="Y" u2="A" k="123" />
-<hkern u1="Y" u2="&#x3f;" k="-41" />
-<hkern u1="Y" u2="&#x2e;" k="123" />
-<hkern u1="Y" u2="&#x2c;" k="123" />
-<hkern u1="Z" u2="&#x152;" k="20" />
-<hkern u1="Z" u2="&#xd8;" k="20" />
-<hkern u1="Z" u2="&#xd6;" k="20" />
-<hkern u1="Z" u2="&#xd5;" k="20" />
-<hkern u1="Z" u2="&#xd4;" k="20" />
-<hkern u1="Z" u2="&#xd3;" k="20" />
-<hkern u1="Z" u2="&#xd2;" k="20" />
-<hkern u1="Z" u2="&#xc7;" k="20" />
-<hkern u1="Z" u2="Q" k="20" />
-<hkern u1="Z" u2="O" k="20" />
-<hkern u1="Z" u2="G" k="20" />
-<hkern u1="Z" u2="C" k="20" />
-<hkern u1="[" u2="J" k="-184" />
-<hkern u1="a" u2="&#x201d;" k="20" />
-<hkern u1="a" u2="&#x2019;" k="20" />
-<hkern u1="a" u2="&#x27;" k="20" />
-<hkern u1="a" u2="&#x22;" k="20" />
-<hkern u1="b" u2="&#x201d;" k="20" />
-<hkern u1="b" u2="&#x2019;" k="20" />
-<hkern u1="b" u2="&#xfd;" k="41" />
-<hkern u1="b" u2="z" k="20" />
-<hkern u1="b" u2="y" k="41" />
-<hkern u1="b" u2="x" k="41" />
-<hkern u1="b" u2="w" k="41" />
-<hkern u1="b" u2="v" k="41" />
-<hkern u1="b" u2="&#x27;" k="20" />
-<hkern u1="b" u2="&#x22;" k="20" />
-<hkern u1="c" u2="&#x201d;" k="-41" />
-<hkern u1="c" u2="&#x2019;" k="-41" />
-<hkern u1="c" u2="&#x27;" k="-41" />
-<hkern u1="c" u2="&#x22;" k="-41" />
-<hkern u1="e" u2="&#x201d;" k="20" />
-<hkern u1="e" u2="&#x2019;" k="20" />
-<hkern u1="e" u2="&#xfd;" k="41" />
-<hkern u1="e" u2="z" k="20" />
-<hkern u1="e" u2="y" k="41" />
-<hkern u1="e" u2="x" k="41" />
-<hkern u1="e" u2="w" k="41" />
-<hkern u1="e" u2="v" k="41" />
-<hkern u1="e" u2="&#x27;" k="20" />
-<hkern u1="e" u2="&#x22;" k="20" />
-<hkern u1="f" u2="&#x201d;" k="-123" />
-<hkern u1="f" u2="&#x2019;" k="-123" />
-<hkern u1="f" u2="&#x27;" k="-123" />
-<hkern u1="f" u2="&#x22;" k="-123" />
-<hkern u1="h" u2="&#x201d;" k="20" />
-<hkern u1="h" u2="&#x2019;" k="20" />
-<hkern u1="h" u2="&#x27;" k="20" />
-<hkern u1="h" u2="&#x22;" k="20" />
-<hkern u1="k" u2="&#x153;" k="41" />
-<hkern u1="k" u2="&#xf8;" k="41" />
-<hkern u1="k" u2="&#xf6;" k="41" />
-<hkern u1="k" u2="&#xf5;" k="41" />
-<hkern u1="k" u2="&#xf4;" k="41" />
-<hkern u1="k" u2="&#xf3;" k="41" />
-<hkern u1="k" u2="&#xf2;" k="41" />
-<hkern u1="k" u2="&#xeb;" k="41" />
-<hkern u1="k" u2="&#xea;" k="41" />
-<hkern u1="k" u2="&#xe9;" k="41" />
-<hkern u1="k" u2="&#xe8;" k="41" />
-<hkern u1="k" u2="&#xe7;" k="41" />
-<hkern u1="k" u2="&#xe0;" k="41" />
-<hkern u1="k" u2="q" k="41" />
-<hkern u1="k" u2="o" k="41" />
-<hkern u1="k" u2="e" k="41" />
-<hkern u1="k" u2="d" k="41" />
-<hkern u1="k" u2="c" k="41" />
-<hkern u1="m" u2="&#x201d;" k="20" />
-<hkern u1="m" u2="&#x2019;" k="20" />
-<hkern u1="m" u2="&#x27;" k="20" />
-<hkern u1="m" u2="&#x22;" k="20" />
-<hkern u1="n" u2="&#x201d;" k="20" />
-<hkern u1="n" u2="&#x2019;" k="20" />
-<hkern u1="n" u2="&#x27;" k="20" />
-<hkern u1="n" u2="&#x22;" k="20" />
-<hkern u1="o" u2="&#x201d;" k="20" />
-<hkern u1="o" u2="&#x2019;" k="20" />
-<hkern u1="o" u2="&#xfd;" k="41" />
-<hkern u1="o" u2="z" k="20" />
-<hkern u1="o" u2="y" k="41" />
-<hkern u1="o" u2="x" k="41" />
-<hkern u1="o" u2="w" k="41" />
-<hkern u1="o" u2="v" k="41" />
-<hkern u1="o" u2="&#x27;" k="20" />
-<hkern u1="o" u2="&#x22;" k="20" />
-<hkern u1="p" u2="&#x201d;" k="20" />
-<hkern u1="p" u2="&#x2019;" k="20" />
-<hkern u1="p" u2="&#xfd;" k="41" />
-<hkern u1="p" u2="z" k="20" />
-<hkern u1="p" u2="y" k="41" />
-<hkern u1="p" u2="x" k="41" />
-<hkern u1="p" u2="w" k="41" />
-<hkern u1="p" u2="v" k="41" />
-<hkern u1="p" u2="&#x27;" k="20" />
-<hkern u1="p" u2="&#x22;" k="20" />
-<hkern u1="r" u2="&#x201d;" k="-82" />
-<hkern u1="r" u2="&#x2019;" k="-82" />
-<hkern u1="r" u2="&#x153;" k="41" />
-<hkern u1="r" u2="&#xf8;" k="41" />
-<hkern u1="r" u2="&#xf6;" k="41" />
-<hkern u1="r" u2="&#xf5;" k="41" />
-<hkern u1="r" u2="&#xf4;" k="41" />
-<hkern u1="r" u2="&#xf3;" k="41" />
-<hkern u1="r" u2="&#xf2;" k="41" />
-<hkern u1="r" u2="&#xeb;" k="41" />
-<hkern u1="r" u2="&#xea;" k="41" />
-<hkern u1="r" u2="&#xe9;" k="41" />
-<hkern u1="r" u2="&#xe8;" k="41" />
-<hkern u1="r" u2="&#xe7;" k="41" />
-<hkern u1="r" u2="&#xe6;" k="41" />
-<hkern u1="r" u2="&#xe5;" k="41" />
-<hkern u1="r" u2="&#xe4;" k="41" />
-<hkern u1="r" u2="&#xe3;" k="41" />
-<hkern u1="r" u2="&#xe2;" k="41" />
-<hkern u1="r" u2="&#xe1;" k="41" />
-<hkern u1="r" u2="&#xe0;" k="41" />
-<hkern u1="r" u2="q" k="41" />
-<hkern u1="r" u2="o" k="41" />
-<hkern u1="r" u2="g" k="20" />
-<hkern u1="r" u2="e" k="41" />
-<hkern u1="r" u2="d" k="41" />
-<hkern u1="r" u2="c" k="41" />
-<hkern u1="r" u2="a" k="41" />
-<hkern u1="r" u2="&#x27;" k="-82" />
-<hkern u1="r" u2="&#x22;" k="-82" />
-<hkern u1="t" u2="&#x201d;" k="-41" />
-<hkern u1="t" u2="&#x2019;" k="-41" />
-<hkern u1="t" u2="&#x27;" k="-41" />
-<hkern u1="t" u2="&#x22;" k="-41" />
-<hkern u1="v" u2="&#x201e;" k="82" />
-<hkern u1="v" u2="&#x201d;" k="-82" />
-<hkern u1="v" u2="&#x201a;" k="82" />
-<hkern u1="v" u2="&#x2019;" k="-82" />
-<hkern u1="v" u2="&#x3f;" k="-41" />
-<hkern u1="v" u2="&#x2e;" k="82" />
-<hkern u1="v" u2="&#x2c;" k="82" />
-<hkern u1="v" u2="&#x27;" k="-82" />
-<hkern u1="v" u2="&#x22;" k="-82" />
-<hkern u1="w" u2="&#x201e;" k="82" />
-<hkern u1="w" u2="&#x201d;" k="-82" />
-<hkern u1="w" u2="&#x201a;" k="82" />
-<hkern u1="w" u2="&#x2019;" k="-82" />
-<hkern u1="w" u2="&#x3f;" k="-41" />
-<hkern u1="w" u2="&#x2e;" k="82" />
-<hkern u1="w" u2="&#x2c;" k="82" />
-<hkern u1="w" u2="&#x27;" k="-82" />
-<hkern u1="w" u2="&#x22;" k="-82" />
-<hkern u1="x" u2="&#x153;" k="41" />
-<hkern u1="x" u2="&#xf8;" k="41" />
-<hkern u1="x" u2="&#xf6;" k="41" />
-<hkern u1="x" u2="&#xf5;" k="41" />
-<hkern u1="x" u2="&#xf4;" k="41" />
-<hkern u1="x" u2="&#xf3;" k="41" />
-<hkern u1="x" u2="&#xf2;" k="41" />
-<hkern u1="x" u2="&#xeb;" k="41" />
-<hkern u1="x" u2="&#xea;" k="41" />
-<hkern u1="x" u2="&#xe9;" k="41" />
-<hkern u1="x" u2="&#xe8;" k="41" />
-<hkern u1="x" u2="&#xe7;" k="41" />
-<hkern u1="x" u2="&#xe0;" k="41" />
-<hkern u1="x" u2="q" k="41" />
-<hkern u1="x" u2="o" k="41" />
-<hkern u1="x" u2="e" k="41" />
-<hkern u1="x" u2="d" k="41" />
-<hkern u1="x" u2="c" k="41" />
-<hkern u1="y" u2="&#x201e;" k="82" />
-<hkern u1="y" u2="&#x201d;" k="-82" />
-<hkern u1="y" u2="&#x201a;" k="82" />
-<hkern u1="y" u2="&#x2019;" k="-82" />
-<hkern u1="y" u2="&#x3f;" k="-41" />
-<hkern u1="y" u2="&#x2e;" k="82" />
-<hkern u1="y" u2="&#x2c;" k="82" />
-<hkern u1="y" u2="&#x27;" k="-82" />
-<hkern u1="y" u2="&#x22;" k="-82" />
-<hkern u1="&#x7b;" u2="J" k="-184" />
-<hkern u1="&#xc0;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc0;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc0;" u2="&#x178;" k="123" />
-<hkern u1="&#xc0;" u2="&#x152;" k="41" />
-<hkern u1="&#xc0;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc0;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc0;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc0;" u2="Y" k="123" />
-<hkern u1="&#xc0;" u2="W" k="82" />
-<hkern u1="&#xc0;" u2="V" k="82" />
-<hkern u1="&#xc0;" u2="T" k="143" />
-<hkern u1="&#xc0;" u2="Q" k="41" />
-<hkern u1="&#xc0;" u2="O" k="41" />
-<hkern u1="&#xc0;" u2="J" k="-266" />
-<hkern u1="&#xc0;" u2="G" k="41" />
-<hkern u1="&#xc0;" u2="C" k="41" />
-<hkern u1="&#xc0;" u2="&#x27;" k="143" />
-<hkern u1="&#xc0;" u2="&#x22;" k="143" />
-<hkern u1="&#xc1;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc1;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc1;" u2="&#x178;" k="123" />
-<hkern u1="&#xc1;" u2="&#x152;" k="41" />
-<hkern u1="&#xc1;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc1;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc1;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc1;" u2="Y" k="123" />
-<hkern u1="&#xc1;" u2="W" k="82" />
-<hkern u1="&#xc1;" u2="V" k="82" />
-<hkern u1="&#xc1;" u2="T" k="143" />
-<hkern u1="&#xc1;" u2="Q" k="41" />
-<hkern u1="&#xc1;" u2="O" k="41" />
-<hkern u1="&#xc1;" u2="J" k="-266" />
-<hkern u1="&#xc1;" u2="G" k="41" />
-<hkern u1="&#xc1;" u2="C" k="41" />
-<hkern u1="&#xc1;" u2="&#x27;" k="143" />
-<hkern u1="&#xc1;" u2="&#x22;" k="143" />
-<hkern u1="&#xc2;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc2;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc2;" u2="&#x178;" k="123" />
-<hkern u1="&#xc2;" u2="&#x152;" k="41" />
-<hkern u1="&#xc2;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc2;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc2;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc2;" u2="Y" k="123" />
-<hkern u1="&#xc2;" u2="W" k="82" />
-<hkern u1="&#xc2;" u2="V" k="82" />
-<hkern u1="&#xc2;" u2="T" k="143" />
-<hkern u1="&#xc2;" u2="Q" k="41" />
-<hkern u1="&#xc2;" u2="O" k="41" />
-<hkern u1="&#xc2;" u2="J" k="-266" />
-<hkern u1="&#xc2;" u2="G" k="41" />
-<hkern u1="&#xc2;" u2="C" k="41" />
-<hkern u1="&#xc2;" u2="&#x27;" k="143" />
-<hkern u1="&#xc2;" u2="&#x22;" k="143" />
-<hkern u1="&#xc3;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc3;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc3;" u2="&#x178;" k="123" />
-<hkern u1="&#xc3;" u2="&#x152;" k="41" />
-<hkern u1="&#xc3;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc3;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc3;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc3;" u2="Y" k="123" />
-<hkern u1="&#xc3;" u2="W" k="82" />
-<hkern u1="&#xc3;" u2="V" k="82" />
-<hkern u1="&#xc3;" u2="T" k="143" />
-<hkern u1="&#xc3;" u2="Q" k="41" />
-<hkern u1="&#xc3;" u2="O" k="41" />
-<hkern u1="&#xc3;" u2="J" k="-266" />
-<hkern u1="&#xc3;" u2="G" k="41" />
-<hkern u1="&#xc3;" u2="C" k="41" />
-<hkern u1="&#xc3;" u2="&#x27;" k="143" />
-<hkern u1="&#xc3;" u2="&#x22;" k="143" />
-<hkern u1="&#xc4;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc4;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc4;" u2="&#x178;" k="123" />
-<hkern u1="&#xc4;" u2="&#x152;" k="41" />
-<hkern u1="&#xc4;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc4;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc4;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc4;" u2="Y" k="123" />
-<hkern u1="&#xc4;" u2="W" k="82" />
-<hkern u1="&#xc4;" u2="V" k="82" />
-<hkern u1="&#xc4;" u2="T" k="143" />
-<hkern u1="&#xc4;" u2="Q" k="41" />
-<hkern u1="&#xc4;" u2="O" k="41" />
-<hkern u1="&#xc4;" u2="J" k="-266" />
-<hkern u1="&#xc4;" u2="G" k="41" />
-<hkern u1="&#xc4;" u2="C" k="41" />
-<hkern u1="&#xc4;" u2="&#x27;" k="143" />
-<hkern u1="&#xc4;" u2="&#x22;" k="143" />
-<hkern u1="&#xc5;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc5;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc5;" u2="&#x178;" k="123" />
-<hkern u1="&#xc5;" u2="&#x152;" k="41" />
-<hkern u1="&#xc5;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc5;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc5;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc5;" u2="Y" k="123" />
-<hkern u1="&#xc5;" u2="W" k="82" />
-<hkern u1="&#xc5;" u2="V" k="82" />
-<hkern u1="&#xc5;" u2="T" k="143" />
-<hkern u1="&#xc5;" u2="Q" k="41" />
-<hkern u1="&#xc5;" u2="O" k="41" />
-<hkern u1="&#xc5;" u2="J" k="-266" />
-<hkern u1="&#xc5;" u2="G" k="41" />
-<hkern u1="&#xc5;" u2="C" k="41" />
-<hkern u1="&#xc5;" u2="&#x27;" k="143" />
-<hkern u1="&#xc5;" u2="&#x22;" k="143" />
-<hkern u1="&#xc6;" u2="J" k="-123" />
-<hkern u1="&#xc7;" u2="&#x152;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc7;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc7;" u2="Q" k="41" />
-<hkern u1="&#xc7;" u2="O" k="41" />
-<hkern u1="&#xc7;" u2="G" k="41" />
-<hkern u1="&#xc7;" u2="C" k="41" />
-<hkern u1="&#xc8;" u2="J" k="-123" />
-<hkern u1="&#xc9;" u2="J" k="-123" />
-<hkern u1="&#xca;" u2="J" k="-123" />
-<hkern u1="&#xcb;" u2="J" k="-123" />
-<hkern u1="&#xd0;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd0;" u2="&#x178;" k="20" />
-<hkern u1="&#xd0;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd0;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd0;" u2="Z" k="20" />
-<hkern u1="&#xd0;" u2="Y" k="20" />
-<hkern u1="&#xd0;" u2="X" k="41" />
-<hkern u1="&#xd0;" u2="W" k="20" />
-<hkern u1="&#xd0;" u2="V" k="20" />
-<hkern u1="&#xd0;" u2="T" k="61" />
-<hkern u1="&#xd0;" u2="A" k="41" />
-<hkern u1="&#xd0;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd2;" u2="&#x178;" k="20" />
-<hkern u1="&#xd2;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd2;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd2;" u2="Z" k="20" />
-<hkern u1="&#xd2;" u2="Y" k="20" />
-<hkern u1="&#xd2;" u2="X" k="41" />
-<hkern u1="&#xd2;" u2="W" k="20" />
-<hkern u1="&#xd2;" u2="V" k="20" />
-<hkern u1="&#xd2;" u2="T" k="61" />
-<hkern u1="&#xd2;" u2="A" k="41" />
-<hkern u1="&#xd2;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd3;" u2="&#x178;" k="20" />
-<hkern u1="&#xd3;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd3;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd3;" u2="Z" k="20" />
-<hkern u1="&#xd3;" u2="Y" k="20" />
-<hkern u1="&#xd3;" u2="X" k="41" />
-<hkern u1="&#xd3;" u2="W" k="20" />
-<hkern u1="&#xd3;" u2="V" k="20" />
-<hkern u1="&#xd3;" u2="T" k="61" />
-<hkern u1="&#xd3;" u2="A" k="41" />
-<hkern u1="&#xd3;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd4;" u2="&#x178;" k="20" />
-<hkern u1="&#xd4;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd4;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd4;" u2="Z" k="20" />
-<hkern u1="&#xd4;" u2="Y" k="20" />
-<hkern u1="&#xd4;" u2="X" k="41" />
-<hkern u1="&#xd4;" u2="W" k="20" />
-<hkern u1="&#xd4;" u2="V" k="20" />
-<hkern u1="&#xd4;" u2="T" k="61" />
-<hkern u1="&#xd4;" u2="A" k="41" />
-<hkern u1="&#xd4;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd5;" u2="&#x178;" k="20" />
-<hkern u1="&#xd5;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd5;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd5;" u2="Z" k="20" />
-<hkern u1="&#xd5;" u2="Y" k="20" />
-<hkern u1="&#xd5;" u2="X" k="41" />
-<hkern u1="&#xd5;" u2="W" k="20" />
-<hkern u1="&#xd5;" u2="V" k="20" />
-<hkern u1="&#xd5;" u2="T" k="61" />
-<hkern u1="&#xd5;" u2="A" k="41" />
-<hkern u1="&#xd5;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd6;" u2="&#x178;" k="20" />
-<hkern u1="&#xd6;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd6;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd6;" u2="Z" k="20" />
-<hkern u1="&#xd6;" u2="Y" k="20" />
-<hkern u1="&#xd6;" u2="X" k="41" />
-<hkern u1="&#xd6;" u2="W" k="20" />
-<hkern u1="&#xd6;" u2="V" k="20" />
-<hkern u1="&#xd6;" u2="T" k="61" />
-<hkern u1="&#xd6;" u2="A" k="41" />
-<hkern u1="&#xd6;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd8;" u2="&#x178;" k="20" />
-<hkern u1="&#xd8;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd8;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd8;" u2="Z" k="20" />
-<hkern u1="&#xd8;" u2="Y" k="20" />
-<hkern u1="&#xd8;" u2="X" k="41" />
-<hkern u1="&#xd8;" u2="W" k="20" />
-<hkern u1="&#xd8;" u2="V" k="20" />
-<hkern u1="&#xd8;" u2="T" k="61" />
-<hkern u1="&#xd8;" u2="A" k="41" />
-<hkern u1="&#xd8;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd9;" u2="&#x201e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x201a;" k="41" />
-<hkern u1="&#xd9;" u2="&#xc5;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc4;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc3;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc2;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc1;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc0;" k="20" />
-<hkern u1="&#xd9;" u2="A" k="20" />
-<hkern u1="&#xd9;" u2="&#x2e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x2c;" k="41" />
-<hkern u1="&#xda;" u2="&#x201e;" k="41" />
-<hkern u1="&#xda;" u2="&#x201a;" k="41" />
-<hkern u1="&#xda;" u2="&#xc5;" k="20" />
-<hkern u1="&#xda;" u2="&#xc4;" k="20" />
-<hkern u1="&#xda;" u2="&#xc3;" k="20" />
-<hkern u1="&#xda;" u2="&#xc2;" k="20" />
-<hkern u1="&#xda;" u2="&#xc1;" k="20" />
-<hkern u1="&#xda;" u2="&#xc0;" k="20" />
-<hkern u1="&#xda;" u2="A" k="20" />
-<hkern u1="&#xda;" u2="&#x2e;" k="41" />
-<hkern u1="&#xda;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdb;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdb;" u2="A" k="20" />
-<hkern u1="&#xdb;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdc;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdc;" u2="A" k="20" />
-<hkern u1="&#xdc;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdd;" u2="&#x201e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x201a;" k="123" />
-<hkern u1="&#xdd;" u2="&#x153;" k="102" />
-<hkern u1="&#xdd;" u2="&#x152;" k="41" />
-<hkern u1="&#xdd;" u2="&#xfc;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfb;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfa;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf9;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xeb;" k="102" />
-<hkern u1="&#xdd;" u2="&#xea;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe9;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe7;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe1;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe0;" k="102" />
-<hkern u1="&#xdd;" u2="&#xd8;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd6;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd5;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd4;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd3;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd2;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc7;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc5;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc4;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc3;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc2;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc1;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc0;" k="123" />
-<hkern u1="&#xdd;" u2="z" k="41" />
-<hkern u1="&#xdd;" u2="u" k="61" />
-<hkern u1="&#xdd;" u2="s" k="82" />
-<hkern u1="&#xdd;" u2="r" k="61" />
-<hkern u1="&#xdd;" u2="q" k="102" />
-<hkern u1="&#xdd;" u2="p" k="61" />
-<hkern u1="&#xdd;" u2="o" k="102" />
-<hkern u1="&#xdd;" u2="n" k="61" />
-<hkern u1="&#xdd;" u2="m" k="61" />
-<hkern u1="&#xdd;" u2="g" k="41" />
-<hkern u1="&#xdd;" u2="e" k="102" />
-<hkern u1="&#xdd;" u2="d" k="102" />
-<hkern u1="&#xdd;" u2="c" k="102" />
-<hkern u1="&#xdd;" u2="a" k="102" />
-<hkern u1="&#xdd;" u2="Q" k="41" />
-<hkern u1="&#xdd;" u2="O" k="41" />
-<hkern u1="&#xdd;" u2="G" k="41" />
-<hkern u1="&#xdd;" u2="C" k="41" />
-<hkern u1="&#xdd;" u2="A" k="123" />
-<hkern u1="&#xdd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xdd;" u2="&#x2e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x2c;" k="123" />
-<hkern u1="&#xde;" u2="&#x201e;" k="266" />
-<hkern u1="&#xde;" u2="&#x201a;" k="266" />
-<hkern u1="&#xde;" u2="&#xc5;" k="102" />
-<hkern u1="&#xde;" u2="&#xc4;" k="102" />
-<hkern u1="&#xde;" u2="&#xc3;" k="102" />
-<hkern u1="&#xde;" u2="&#xc2;" k="102" />
-<hkern u1="&#xde;" u2="&#xc1;" k="102" />
-<hkern u1="&#xde;" u2="&#xc0;" k="102" />
-<hkern u1="&#xde;" u2="Z" k="20" />
-<hkern u1="&#xde;" u2="X" k="41" />
-<hkern u1="&#xde;" u2="A" k="102" />
-<hkern u1="&#xde;" u2="&#x2e;" k="266" />
-<hkern u1="&#xde;" u2="&#x2c;" k="266" />
-<hkern u1="&#xe0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe0;" u2="&#x27;" k="20" />
-<hkern u1="&#xe0;" u2="&#x22;" k="20" />
-<hkern u1="&#xe1;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe1;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe1;" u2="&#x27;" k="20" />
-<hkern u1="&#xe1;" u2="&#x22;" k="20" />
-<hkern u1="&#xe2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe2;" u2="&#x27;" k="20" />
-<hkern u1="&#xe2;" u2="&#x22;" k="20" />
-<hkern u1="&#xe3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe3;" u2="&#x27;" k="20" />
-<hkern u1="&#xe3;" u2="&#x22;" k="20" />
-<hkern u1="&#xe4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe4;" u2="&#x27;" k="20" />
-<hkern u1="&#xe4;" u2="&#x22;" k="20" />
-<hkern u1="&#xe5;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe5;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe5;" u2="&#x27;" k="20" />
-<hkern u1="&#xe5;" u2="&#x22;" k="20" />
-<hkern u1="&#xe8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe8;" u2="z" k="20" />
-<hkern u1="&#xe8;" u2="y" k="41" />
-<hkern u1="&#xe8;" u2="x" k="41" />
-<hkern u1="&#xe8;" u2="w" k="41" />
-<hkern u1="&#xe8;" u2="v" k="41" />
-<hkern u1="&#xe8;" u2="&#x27;" k="20" />
-<hkern u1="&#xe8;" u2="&#x22;" k="20" />
-<hkern u1="&#xe9;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe9;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe9;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe9;" u2="z" k="20" />
-<hkern u1="&#xe9;" u2="y" k="41" />
-<hkern u1="&#xe9;" u2="x" k="41" />
-<hkern u1="&#xe9;" u2="w" k="41" />
-<hkern u1="&#xe9;" u2="v" k="41" />
-<hkern u1="&#xe9;" u2="&#x27;" k="20" />
-<hkern u1="&#xe9;" u2="&#x22;" k="20" />
-<hkern u1="&#xea;" u2="&#x201d;" k="20" />
-<hkern u1="&#xea;" u2="&#x2019;" k="20" />
-<hkern u1="&#xea;" u2="&#xfd;" k="41" />
-<hkern u1="&#xea;" u2="z" k="20" />
-<hkern u1="&#xea;" u2="y" k="41" />
-<hkern u1="&#xea;" u2="x" k="41" />
-<hkern u1="&#xea;" u2="w" k="41" />
-<hkern u1="&#xea;" u2="v" k="41" />
-<hkern u1="&#xea;" u2="&#x27;" k="20" />
-<hkern u1="&#xea;" u2="&#x22;" k="20" />
-<hkern u1="&#xeb;" u2="&#x201d;" k="20" />
-<hkern u1="&#xeb;" u2="&#x2019;" k="20" />
-<hkern u1="&#xeb;" u2="&#xfd;" k="41" />
-<hkern u1="&#xeb;" u2="z" k="20" />
-<hkern u1="&#xeb;" u2="y" k="41" />
-<hkern u1="&#xeb;" u2="x" k="41" />
-<hkern u1="&#xeb;" u2="w" k="41" />
-<hkern u1="&#xeb;" u2="v" k="41" />
-<hkern u1="&#xeb;" u2="&#x27;" k="20" />
-<hkern u1="&#xeb;" u2="&#x22;" k="20" />
-<hkern u1="&#xf0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf0;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf0;" u2="z" k="20" />
-<hkern u1="&#xf0;" u2="y" k="41" />
-<hkern u1="&#xf0;" u2="x" k="41" />
-<hkern u1="&#xf0;" u2="w" k="41" />
-<hkern u1="&#xf0;" u2="v" k="41" />
-<hkern u1="&#xf0;" u2="&#x27;" k="20" />
-<hkern u1="&#xf0;" u2="&#x22;" k="20" />
-<hkern u1="&#xf2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf2;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf2;" u2="z" k="20" />
-<hkern u1="&#xf2;" u2="y" k="41" />
-<hkern u1="&#xf2;" u2="x" k="41" />
-<hkern u1="&#xf2;" u2="w" k="41" />
-<hkern u1="&#xf2;" u2="v" k="41" />
-<hkern u1="&#xf2;" u2="&#x27;" k="20" />
-<hkern u1="&#xf2;" u2="&#x22;" k="20" />
-<hkern u1="&#xf3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf3;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf3;" u2="z" k="20" />
-<hkern u1="&#xf3;" u2="y" k="41" />
-<hkern u1="&#xf3;" u2="x" k="41" />
-<hkern u1="&#xf3;" u2="w" k="41" />
-<hkern u1="&#xf3;" u2="v" k="41" />
-<hkern u1="&#xf3;" u2="&#x27;" k="20" />
-<hkern u1="&#xf3;" u2="&#x22;" k="20" />
-<hkern u1="&#xf4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf4;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf4;" u2="z" k="20" />
-<hkern u1="&#xf4;" u2="y" k="41" />
-<hkern u1="&#xf4;" u2="x" k="41" />
-<hkern u1="&#xf4;" u2="w" k="41" />
-<hkern u1="&#xf4;" u2="v" k="41" />
-<hkern u1="&#xf4;" u2="&#x27;" k="20" />
-<hkern u1="&#xf4;" u2="&#x22;" k="20" />
-<hkern u1="&#xf6;" u2="&#x201d;" k="41" />
-<hkern u1="&#xf6;" u2="&#x2019;" k="41" />
-<hkern u1="&#xf6;" u2="&#x27;" k="41" />
-<hkern u1="&#xf6;" u2="&#x22;" k="41" />
-<hkern u1="&#xf8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf8;" u2="z" k="20" />
-<hkern u1="&#xf8;" u2="y" k="41" />
-<hkern u1="&#xf8;" u2="x" k="41" />
-<hkern u1="&#xf8;" u2="w" k="41" />
-<hkern u1="&#xf8;" u2="v" k="41" />
-<hkern u1="&#xf8;" u2="&#x27;" k="20" />
-<hkern u1="&#xf8;" u2="&#x22;" k="20" />
-<hkern u1="&#xfd;" u2="&#x201e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x201a;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xfd;" u2="&#x2e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2c;" k="82" />
-<hkern u1="&#xfd;" u2="&#x27;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x22;" k="-82" />
-<hkern u1="&#xfe;" u2="&#x201d;" k="20" />
-<hkern u1="&#xfe;" u2="&#x2019;" k="20" />
-<hkern u1="&#xfe;" u2="&#xfd;" k="41" />
-<hkern u1="&#xfe;" u2="z" k="20" />
-<hkern u1="&#xfe;" u2="y" k="41" />
-<hkern u1="&#xfe;" u2="x" k="41" />
-<hkern u1="&#xfe;" u2="w" k="41" />
-<hkern u1="&#xfe;" u2="v" k="41" />
-<hkern u1="&#xfe;" u2="&#x27;" k="20" />
-<hkern u1="&#xfe;" u2="&#x22;" k="20" />
-<hkern u1="&#xff;" u2="&#x201e;" k="82" />
-<hkern u1="&#xff;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xff;" u2="&#x201a;" k="82" />
-<hkern u1="&#xff;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xff;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xff;" u2="&#x2e;" k="82" />
-<hkern u1="&#xff;" u2="&#x2c;" k="82" />
-<hkern u1="&#xff;" u2="&#x27;" k="-82" />
-<hkern u1="&#xff;" u2="&#x22;" k="-82" />
-<hkern u1="&#x152;" u2="J" k="-123" />
-<hkern u1="&#x178;" u2="&#x201e;" k="123" />
-<hkern u1="&#x178;" u2="&#x201a;" k="123" />
-<hkern u1="&#x178;" u2="&#x153;" k="102" />
-<hkern u1="&#x178;" u2="&#x152;" k="41" />
-<hkern u1="&#x178;" u2="&#xfc;" k="61" />
-<hkern u1="&#x178;" u2="&#xfb;" k="61" />
-<hkern u1="&#x178;" u2="&#xfa;" k="61" />
-<hkern u1="&#x178;" u2="&#xf9;" k="61" />
-<hkern u1="&#x178;" u2="&#xf8;" k="102" />
-<hkern u1="&#x178;" u2="&#xf6;" k="102" />
-<hkern u1="&#x178;" u2="&#xf5;" k="102" />
-<hkern u1="&#x178;" u2="&#xf4;" k="102" />
-<hkern u1="&#x178;" u2="&#xf3;" k="102" />
-<hkern u1="&#x178;" u2="&#xf2;" k="102" />
-<hkern u1="&#x178;" u2="&#xeb;" k="102" />
-<hkern u1="&#x178;" u2="&#xea;" k="102" />
-<hkern u1="&#x178;" u2="&#xe9;" k="102" />
-<hkern u1="&#x178;" u2="&#xe8;" k="102" />
-<hkern u1="&#x178;" u2="&#xe7;" k="102" />
-<hkern u1="&#x178;" u2="&#xe6;" k="102" />
-<hkern u1="&#x178;" u2="&#xe5;" k="102" />
-<hkern u1="&#x178;" u2="&#xe4;" k="102" />
-<hkern u1="&#x178;" u2="&#xe3;" k="102" />
-<hkern u1="&#x178;" u2="&#xe2;" k="102" />
-<hkern u1="&#x178;" u2="&#xe1;" k="102" />
-<hkern u1="&#x178;" u2="&#xe0;" k="102" />
-<hkern u1="&#x178;" u2="&#xd8;" k="41" />
-<hkern u1="&#x178;" u2="&#xd6;" k="41" />
-<hkern u1="&#x178;" u2="&#xd5;" k="41" />
-<hkern u1="&#x178;" u2="&#xd4;" k="41" />
-<hkern u1="&#x178;" u2="&#xd3;" k="41" />
-<hkern u1="&#x178;" u2="&#xd2;" k="41" />
-<hkern u1="&#x178;" u2="&#xc7;" k="41" />
-<hkern u1="&#x178;" u2="&#xc5;" k="123" />
-<hkern u1="&#x178;" u2="&#xc4;" k="123" />
-<hkern u1="&#x178;" u2="&#xc3;" k="123" />
-<hkern u1="&#x178;" u2="&#xc2;" k="123" />
-<hkern u1="&#x178;" u2="&#xc1;" k="123" />
-<hkern u1="&#x178;" u2="&#xc0;" k="123" />
-<hkern u1="&#x178;" u2="z" k="41" />
-<hkern u1="&#x178;" u2="u" k="61" />
-<hkern u1="&#x178;" u2="s" k="82" />
-<hkern u1="&#x178;" u2="r" k="61" />
-<hkern u1="&#x178;" u2="q" k="102" />
-<hkern u1="&#x178;" u2="p" k="61" />
-<hkern u1="&#x178;" u2="o" k="102" />
-<hkern u1="&#x178;" u2="n" k="61" />
-<hkern u1="&#x178;" u2="m" k="61" />
-<hkern u1="&#x178;" u2="g" k="41" />
-<hkern u1="&#x178;" u2="e" k="102" />
-<hkern u1="&#x178;" u2="d" k="102" />
-<hkern u1="&#x178;" u2="c" k="102" />
-<hkern u1="&#x178;" u2="a" k="102" />
-<hkern u1="&#x178;" u2="Q" k="41" />
-<hkern u1="&#x178;" u2="O" k="41" />
-<hkern u1="&#x178;" u2="G" k="41" />
-<hkern u1="&#x178;" u2="C" k="41" />
-<hkern u1="&#x178;" u2="A" k="123" />
-<hkern u1="&#x178;" u2="&#x3f;" k="-41" />
-<hkern u1="&#x178;" u2="&#x2e;" k="123" />
-<hkern u1="&#x178;" u2="&#x2c;" k="123" />
-<hkern u1="&#x2013;" u2="T" k="82" />
-<hkern u1="&#x2014;" u2="T" k="82" />
-<hkern u1="&#x2018;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2018;" u2="&#x153;" k="123" />
-<hkern u1="&#x2018;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2018;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2018;" u2="&#xea;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2018;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2018;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2018;" u2="u" k="61" />
-<hkern u1="&#x2018;" u2="s" k="61" />
-<hkern u1="&#x2018;" u2="r" k="61" />
-<hkern u1="&#x2018;" u2="q" k="123" />
-<hkern u1="&#x2018;" u2="p" k="61" />
-<hkern u1="&#x2018;" u2="o" k="123" />
-<hkern u1="&#x2018;" u2="n" k="61" />
-<hkern u1="&#x2018;" u2="m" k="61" />
-<hkern u1="&#x2018;" u2="g" k="61" />
-<hkern u1="&#x2018;" u2="e" k="123" />
-<hkern u1="&#x2018;" u2="d" k="123" />
-<hkern u1="&#x2018;" u2="c" k="123" />
-<hkern u1="&#x2018;" u2="a" k="82" />
-<hkern u1="&#x2018;" u2="Y" k="-20" />
-<hkern u1="&#x2018;" u2="W" k="-41" />
-<hkern u1="&#x2018;" u2="V" k="-41" />
-<hkern u1="&#x2018;" u2="T" k="-41" />
-<hkern u1="&#x2018;" u2="A" k="143" />
-<hkern u1="&#x2019;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2019;" u2="&#x153;" k="123" />
-<hkern u1="&#x2019;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2019;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2019;" u2="&#xea;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2019;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2019;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2019;" u2="u" k="61" />
-<hkern u1="&#x2019;" u2="s" k="61" />
-<hkern u1="&#x2019;" u2="r" k="61" />
-<hkern u1="&#x2019;" u2="q" k="123" />
-<hkern u1="&#x2019;" u2="p" k="61" />
-<hkern u1="&#x2019;" u2="o" k="123" />
-<hkern u1="&#x2019;" u2="n" k="61" />
-<hkern u1="&#x2019;" u2="m" k="61" />
-<hkern u1="&#x2019;" u2="g" k="61" />
-<hkern u1="&#x2019;" u2="e" k="123" />
-<hkern u1="&#x2019;" u2="d" k="123" />
-<hkern u1="&#x2019;" u2="c" k="123" />
-<hkern u1="&#x2019;" u2="a" k="82" />
-<hkern u1="&#x2019;" u2="Y" k="-20" />
-<hkern u1="&#x2019;" u2="W" k="-41" />
-<hkern u1="&#x2019;" u2="V" k="-41" />
-<hkern u1="&#x2019;" u2="T" k="-41" />
-<hkern u1="&#x2019;" u2="A" k="143" />
-<hkern u1="&#x201a;" u2="&#x178;" k="123" />
-<hkern u1="&#x201a;" u2="&#x152;" k="102" />
-<hkern u1="&#x201a;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201a;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201a;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201a;" u2="&#xda;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201a;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201a;" u2="Y" k="123" />
-<hkern u1="&#x201a;" u2="W" k="123" />
-<hkern u1="&#x201a;" u2="V" k="123" />
-<hkern u1="&#x201a;" u2="U" k="41" />
-<hkern u1="&#x201a;" u2="T" k="143" />
-<hkern u1="&#x201a;" u2="Q" k="102" />
-<hkern u1="&#x201a;" u2="O" k="102" />
-<hkern u1="&#x201a;" u2="G" k="102" />
-<hkern u1="&#x201a;" u2="C" k="102" />
-<hkern u1="&#x201c;" u2="&#x178;" k="-20" />
-<hkern u1="&#x201c;" u2="&#x153;" k="123" />
-<hkern u1="&#x201c;" u2="&#xfc;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfb;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfa;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf9;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf6;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf5;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf4;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf3;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf2;" k="123" />
-<hkern u1="&#x201c;" u2="&#xeb;" k="123" />
-<hkern u1="&#x201c;" u2="&#xea;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe9;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe7;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe6;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe5;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe4;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe3;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe2;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe1;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe0;" k="123" />
-<hkern u1="&#x201c;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x201c;" u2="&#xc5;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc4;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc3;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc2;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc1;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc0;" k="143" />
-<hkern u1="&#x201c;" u2="u" k="61" />
-<hkern u1="&#x201c;" u2="s" k="61" />
-<hkern u1="&#x201c;" u2="r" k="61" />
-<hkern u1="&#x201c;" u2="q" k="123" />
-<hkern u1="&#x201c;" u2="p" k="61" />
-<hkern u1="&#x201c;" u2="o" k="123" />
-<hkern u1="&#x201c;" u2="n" k="61" />
-<hkern u1="&#x201c;" u2="m" k="61" />
-<hkern u1="&#x201c;" u2="g" k="61" />
-<hkern u1="&#x201c;" u2="e" k="123" />
-<hkern u1="&#x201c;" u2="d" k="123" />
-<hkern u1="&#x201c;" u2="c" k="123" />
-<hkern u1="&#x201c;" u2="a" k="82" />
-<hkern u1="&#x201c;" u2="Y" k="-20" />
-<hkern u1="&#x201c;" u2="W" k="-41" />
-<hkern u1="&#x201c;" u2="V" k="-41" />
-<hkern u1="&#x201c;" u2="T" k="-41" />
-<hkern u1="&#x201c;" u2="A" k="143" />
-<hkern u1="&#x201e;" u2="&#x178;" k="123" />
-<hkern u1="&#x201e;" u2="&#x152;" k="102" />
-<hkern u1="&#x201e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201e;" u2="&#xda;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201e;" u2="Y" k="123" />
-<hkern u1="&#x201e;" u2="W" k="123" />
-<hkern u1="&#x201e;" u2="V" k="123" />
-<hkern u1="&#x201e;" u2="U" k="41" />
-<hkern u1="&#x201e;" u2="T" k="143" />
-<hkern u1="&#x201e;" u2="Q" k="102" />
-<hkern u1="&#x201e;" u2="O" k="102" />
-<hkern u1="&#x201e;" u2="G" k="102" />
-<hkern u1="&#x201e;" u2="C" k="102" />
-</font>
-</defs></svg> 
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.woff b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.woff
deleted file mode 100644
index 1205787..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Bold-webfont.woff and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.eot b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.eot
deleted file mode 100644
index 1f639a1..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.eot and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.svg b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.svg
deleted file mode 100644
index 6a2607b..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.svg
+++ /dev/null
@@ -1,1830 +0,0 @@
-<?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></metadata>
-<defs>
-<font id="open_sansbold_italic" horiz-adv-x="1128" >
-<font-face units-per-em="2048" ascent="1638" descent="-410" />
-<missing-glyph horiz-adv-x="532" />
-<glyph unicode="&#xfb01;" horiz-adv-x="1352" d="M0 0zM-45 -492q-104 0 -174 25v242q61 -21 115 -21q61 0 107 40t65 130l204 965h-163l30 145l183 84l18 84q41 190 138.5 277.5t273.5 87.5q131 0 235 -49l-80 -224q-69 31 -133 31q-57 0 -92 -40t-47 -105l-12 -62h219l-49 -229h-220l-215 -1010q-77 -371 -403 -371z M1065 1380q0 87 47.5 131.5t134.5 44.5q73 0 111 -31t38 -89q0 -80 -44 -129.5t-136 -49.5q-151 0 -151 123zM1081 0h-301l237 1118h301z" />
-<glyph unicode="&#xfb02;" horiz-adv-x="1352" d="M0 0zM-45 -492q-104 0 -174 25v242q61 -21 115 -21q61 0 107 40t65 130l204 965h-163l30 145l183 84l18 84q41 190 138.5 277.5t273.5 87.5q131 0 235 -49l-80 -224q-69 31 -133 31q-57 0 -92 -40t-47 -105l-12 -62h219l-49 -229h-220l-215 -1010q-77 -371 -403 -371z M1081 0h-301l330 1556h301z" />
-<glyph unicode="&#xfb03;" horiz-adv-x="2048" d="M-45 -492q-104 0 -174 25v242q61 -21 115 -21q61 0 107 40t65 130l204 965h-163l30 145l183 84l18 84q41 190 138.5 277.5t273.5 87.5q131 0 235 -49l-80 -224q-69 31 -133 31q-57 0 -92 -40t-47 -105l-12 -62h395l18 84q41 190 138.5 277.5t273.5 87.5q131 0 235 -49 l-79 -224q-69 31 -134 31q-57 0 -91.5 -40t-47.5 -105l-12 -62h219l-49 -229h-219l-215 -1010q-77 -371 -404 -371q-104 0 -174 25v242q61 -21 115 -21q136 0 172 170l205 965h-396l-215 -1010q-77 -371 -403 -371zM1778 0h-301l237 1118h301zM1761 1380q0 87 48 131.5 t135 44.5q73 0 111 -31t38 -89q0 -80 -44 -129.5t-136 -49.5q-152 0 -152 123z" />
-<glyph unicode="&#xfb04;" horiz-adv-x="2048" d="M-45 -492q-104 0 -174 25v242q61 -21 115 -21q61 0 107 40t65 130l204 965h-163l30 145l183 84l18 84q41 190 138.5 277.5t273.5 87.5q131 0 235 -49l-80 -224q-69 31 -133 31q-57 0 -92 -40t-47 -105l-12 -62h395l18 84q41 190 138.5 277.5t273.5 87.5q131 0 235 -49 l-79 -224q-69 31 -134 31q-57 0 -91.5 -40t-47.5 -105l-12 -62h219l-49 -229h-219l-215 -1010q-77 -371 -404 -371q-104 0 -174 25v242q61 -21 115 -21q136 0 172 170l205 965h-396l-215 -1010q-77 -371 -403 -371zM1778 0h-301l329 1556h301z" />
-<glyph horiz-adv-x="2048" />
-<glyph horiz-adv-x="2048" />
-<glyph unicode="&#xd;" horiz-adv-x="1044" />
-<glyph unicode=" "  horiz-adv-x="532" />
-<glyph unicode="&#x09;" horiz-adv-x="532" />
-<glyph unicode="&#xa0;" horiz-adv-x="532" />
-<glyph unicode="!" horiz-adv-x="586" d="M391 485h-241l157 977h340zM25 115q0 90 53.5 144t150.5 54q68 0 109 -38t41 -107q0 -87 -55 -141t-144 -54q-73 0 -114 37.5t-41 104.5z" />
-<glyph unicode="&#x22;" horiz-adv-x="928" d="M549 1462l-152 -528h-196l71 528h277zM954 1462l-151 -528h-199l74 528h276z" />
-<glyph unicode="#" horiz-adv-x="1323" d="M1036 846l-69 -232h258l-19 -206h-297l-116 -408h-220l117 408h-194l-115 -408h-215l113 408h-238l18 206h277l70 232h-252l18 209h289l119 407h217l-117 -407h199l116 407h215l-116 -407h239l-18 -209h-279zM553 614h197l69 232h-196z" />
-<glyph unicode="$" d="M1034 496q0 -184 -125.5 -291.5t-367.5 -124.5l-39 -199h-140l44 201q-209 12 -355 86v266q198 -107 404 -117l71 322q-163 61 -241 151t-78 214q0 173 127 279.5t350 121.5l35 151h139l-33 -151q166 -22 295 -90l-106 -232q-132 65 -242 74l-63 -299q131 -51 195 -99.5 t97 -113t33 -149.5zM594 322q63 9 102 45t39 98q0 46 -24.5 75.5t-59.5 43.5zM633 1157q-62 -7 -96.5 -41t-34.5 -94q0 -79 80 -111z" />
-<glyph unicode="%" horiz-adv-x="1753" d="M518 1274q-63 0 -110.5 -128.5t-47.5 -277.5q0 -96 56 -96q65 0 112 131t47 275q0 96 -57 96zM821 1165q0 -166 -56 -310t-151 -217t-217 -73q-139 0 -210.5 83.5t-71.5 236.5q0 169 55.5 311.5t148.5 214.5t216 72q137 0 211.5 -80t74.5 -238zM1554 1462l-1083 -1462 h-240l1088 1462h235zM1376 690q-39 0 -75 -56t-59 -154t-23 -195t55 -97q41 0 77 55t59.5 154.5t23.5 196.5q0 96 -58 96zM1679 590q0 -167 -54 -313.5t-148 -220.5t-215 -74q-144 0 -216.5 78.5t-72.5 222.5q0 177 53 322.5t148 219.5t219 74q137 0 211.5 -78.5 t74.5 -230.5z" />
-<glyph unicode="&#x26;" horiz-adv-x="1450" d="M1325 0h-350l-72 98q-175 -118 -403 -118q-209 0 -320.5 97.5t-111.5 280.5q0 145 78.5 248.5t273.5 200.5q-76 130 -76 258q0 195 117.5 307.5t316.5 112.5q169 0 266 -82.5t97 -224.5q0 -280 -365 -426l195 -263q44 57 80.5 121.5t78.5 173.5h300q-133 -313 -310 -497z M541 623q-88 -51 -123 -104.5t-35 -131.5q0 -65 45.5 -108t116.5 -43q115 0 221 59zM662 920q113 59 155.5 111t42.5 112q0 57 -30 82.5t-70 25.5q-66 0 -102.5 -46.5t-36.5 -119.5q0 -46 12 -92t29 -73z" />
-<glyph unicode="'" horiz-adv-x="522" d="M549 1462l-152 -528h-196l71 528h277z" />
-<glyph unicode="(" horiz-adv-x="694" d="M74 281q0 339 122.5 626.5t381.5 554.5h262q-255 -278 -377.5 -573.5t-122.5 -618.5q0 -308 117 -594h-234q-149 266 -149 605z" />
-<glyph unicode=")" horiz-adv-x="694" d="M618 858q0 -342 -124 -630.5t-379 -551.5h-262q499 545 499 1192q0 307 -116 594h233q149 -264 149 -604z" />
-<glyph unicode="*" horiz-adv-x="1116" d="M885 1522l-113 -353l387 29l-18 -254l-338 43l160 -336l-246 -73l-90 337l-197 -278l-207 164l275 248l-326 92l86 237l338 -174l33 369z" />
-<glyph unicode="+" d="M475 612h-366v219h366v369h219v-369h367v-219h-367v-364h-219v364z" />
-<glyph unicode="," horiz-adv-x="569" d="M377 238l8 -23q-118 -255 -262 -479h-225q74 167 194 502h285z" />
-<glyph unicode="-" horiz-adv-x="659" d="M41 424l53 250h524l-53 -250h-524z" />
-<glyph unicode="." horiz-adv-x="584" d="M25 115q0 90 53.5 144t150.5 54q68 0 109 -38t41 -107q0 -87 -55 -141t-144 -54q-73 0 -114 37.5t-41 104.5z" />
-<glyph unicode="/" horiz-adv-x="862" d="M1014 1462l-809 -1462h-295l809 1462h295z" />
-<glyph unicode="0" d="M1110 1012q0 -470 -168.5 -751t-472.5 -281q-198 0 -300.5 122t-102.5 365q0 297 84 537t228 360.5t333 120.5q399 0 399 -473zM684 1235q-80 0 -149.5 -104t-117.5 -302t-48 -368q0 -115 27.5 -173.5t97.5 -58.5q81 0 150.5 106t116 301t46.5 386q0 111 -30.5 162 t-92.5 51z" />
-<glyph unicode="1" d="M688 0h-305l180 829q35 152 76 287q-9 -8 -61.5 -47t-262.5 -170l-133 215l566 348h249z" />
-<glyph unicode="2" d="M913 0h-962l43 213l477 424q180 159 248.5 254.5t68.5 179.5q0 75 -41 114.5t-110 39.5q-66 0 -135.5 -33.5t-171.5 -118.5l-146 203q132 112 252 159.5t250 47.5q190 0 301 -98t111 -259q0 -107 -41 -201t-122.5 -188t-266.5 -245l-269 -222v-10h568z" />
-<glyph unicode="3" d="M1104 1149q0 -156 -94.5 -262t-261.5 -135v-4q131 -26 198.5 -106.5t67.5 -201.5q0 -133 -74 -238t-212 -163.5t-327 -58.5q-239 0 -387 79v267q84 -50 182 -75.5t191 -25.5q158 0 243 63.5t85 176.5q0 172 -258 172h-138l46 221h73q167 0 263 62t96 172q0 67 -43 104 t-121 37q-134 0 -287 -100l-127 204q124 81 232.5 113.5t246.5 32.5q190 0 298 -90.5t108 -243.5z" />
-<glyph unicode="4" d="M1028 303h-170l-63 -303h-293l63 303h-590l48 234l770 925h311l-195 -919h170zM616 543l58 248q12 58 40 164t42 141h-6q-35 -63 -132 -181l-313 -372h311z" />
-<glyph unicode="5" d="M623 922q183 0 289 -103t106 -287q0 -167 -71.5 -292t-208.5 -192.5t-330 -67.5q-117 0 -218.5 23t-162.5 58v269q174 -99 352 -99q154 0 241 71t87 194q0 94 -57.5 141t-166.5 47q-102 0 -213 -33l-104 78l207 733h755l-55 -262h-489l-88 -293q72 15 127 15z" />
-<glyph unicode="6" d="M88 469q0 202 61 395.5t167.5 335t256.5 213.5t357 72q125 0 223 -27l-51 -246q-84 25 -191 25q-194 0 -313.5 -108t-185.5 -345h4q115 166 311 166q157 0 242.5 -97t85.5 -273q0 -169 -71 -313.5t-190.5 -215.5t-277.5 -71q-212 0 -320 127t-108 362zM530 227 q99 0 161.5 94t62.5 236q0 71 -33.5 113.5t-102.5 42.5q-60 0 -114.5 -35.5t-87.5 -95.5t-33 -160q0 -91 40 -143t107 -52z" />
-<glyph unicode="7" d="M78 0l737 1202h-629l56 260h975l-41 -194l-752 -1268h-346z" />
-<glyph unicode="8" d="M721 1485q123 0 215.5 -42t141 -118t48.5 -174q0 -134 -80.5 -233.5t-230.5 -151.5q217 -141 217 -365q0 -122 -63.5 -218.5t-181 -149.5t-273.5 -53q-214 0 -336.5 100t-122.5 270q0 298 348 426q-165 132 -165 299q0 119 58 212.5t168 145.5t257 52zM582 643 q-116 -45 -173 -107t-57 -153q0 -81 50 -128.5t135 -47.5q93 0 147.5 53.5t54.5 138.5q0 73 -36.5 131.5t-120.5 112.5zM694 1260q-76 0 -121 -46.5t-45 -119.5q0 -132 123 -201q185 72 185 221q0 68 -39.5 107t-102.5 39z" />
-<glyph unicode="9" d="M1092 1001q0 -280 -99 -533t-264 -370.5t-403 -117.5q-128 0 -240 32v256q111 -41 227 -41q121 0 207.5 49t144 138.5t99.5 257.5h-4q-111 -158 -295 -158q-163 0 -252.5 103.5t-89.5 285.5q0 166 73 305.5t196 208t286 68.5q203 0 308.5 -123t105.5 -361zM645 1237 q-65 0 -115.5 -42t-78 -114t-27.5 -153q0 -87 37.5 -131.5t105.5 -44.5q60 0 111.5 36.5t82 100t30.5 158.5q0 84 -35.5 137t-110.5 53z" />
-<glyph unicode=":" horiz-adv-x="584" d="M207 940q0 92 55.5 145.5t149.5 53.5q68 0 108.5 -38.5t40.5 -107.5q0 -86 -54.5 -140t-144.5 -54q-72 0 -113.5 36.5t-41.5 104.5zM25 115q0 90 53.5 144t150.5 54q68 0 109 -38t41 -107q0 -87 -55 -141t-144 -54q-73 0 -114 37.5t-41 104.5z" />
-<glyph unicode=";" horiz-adv-x="584" d="M385 215q-118 -255 -262 -479h-225q74 167 194 502h285zM207 940q0 92 55.5 145.5t149.5 53.5q68 0 108.5 -38.5t40.5 -107.5q0 -86 -54.5 -140t-144.5 -54q-72 0 -113.5 36.5t-41.5 104.5z" />
-<glyph unicode="&#x3c;" d="M1061 203l-952 438v143l952 496v-240l-643 -317l643 -281v-239z" />
-<glyph unicode="=" d="M109 807v217h952v-217h-952zM109 418v219h952v-219h-952z" />
-<glyph unicode="&#x3e;" d="M109 442l643 281l-643 317v240l952 -496v-143l-952 -438v239z" />
-<glyph unicode="?" horiz-adv-x="940" d="M260 485l14 78q19 103 73.5 177t172.5 155q124 84 157.5 127t33.5 96q0 119 -133 119q-50 0 -106.5 -16t-201.5 -84l-92 221q230 125 445 125q177 0 280 -87.5t103 -244.5q0 -83 -28.5 -149.5t-82.5 -123t-190 -147.5q-64 -43 -96.5 -73t-52.5 -64.5t-38 -108.5h-258z M166 115q0 91 55 144.5t150 53.5q68 0 108.5 -38t40.5 -107q0 -87 -55 -141t-143 -54q-74 0 -115 38t-41 104z" />
-<glyph unicode="@" horiz-adv-x="1753" d="M1733 840q0 -173 -64 -321t-177.5 -231t-254.5 -83q-88 0 -144.5 38.5t-72.5 108.5h-6q-50 -77 -113 -112t-147 -35q-127 0 -198 79.5t-71 229.5q0 147 67.5 276.5t187.5 205t268 75.5q185 0 327 -55l-106 -420q-11 -44 -19 -76.5t-8 -64.5q0 -68 58 -68q66 0 124 64 t92.5 171t34.5 214q0 213 -123.5 325.5t-359.5 112.5q-203 0 -366.5 -94t-255 -266t-91.5 -392q0 -243 134 -380.5t376 -137.5q117 0 219.5 20t221.5 66v-186q-230 -90 -465 -90q-217 0 -378 85.5t-246 241.5t-85 359q0 279 120.5 497t343 341.5t497.5 123.5 q318 0 499 -163.5t181 -458.5zM995 889q-82 0 -145.5 -51.5t-100 -137t-36.5 -174.5q0 -65 24.5 -102t69.5 -37q141 0 213 270l57 222q-36 10 -82 10z" />
-<glyph unicode="A" horiz-adv-x="1286" d="M842 348h-473l-172 -348h-320l766 1468h373l147 -1468h-297zM827 608l-26 350q-10 131 -10 253v36q-44 -120 -109 -254l-188 -385h333z" />
-<glyph unicode="B" horiz-adv-x="1270" d="M788 1462q229 0 346 -81.5t117 -243.5q0 -150 -83 -247.5t-236 -129.5v-6q100 -26 159.5 -96.5t59.5 -180.5q0 -229 -153 -353t-423 -124h-522l309 1462h426zM545 883h149q121 0 181.5 48.5t60.5 139.5q0 137 -170 137h-152zM412 256h180q117 0 183.5 58t66.5 161 q0 162 -183 162h-165z" />
-<glyph unicode="C" horiz-adv-x="1253" d="M905 1227q-132 0 -237.5 -81t-169.5 -238.5t-64 -338.5q0 -167 68.5 -248t218.5 -81q146 0 338 77v-260q-199 -77 -400 -77q-254 0 -395 149.5t-141 423.5q0 262 104 482.5t278 335t400 114.5q125 0 222 -22.5t208 -82.5l-118 -250q-106 59 -175 78t-137 19z" />
-<glyph unicode="D" horiz-adv-x="1386" d="M1323 909q0 -280 -98 -486.5t-283.5 -314.5t-437.5 -108h-451l309 1462h396q270 0 417.5 -143t147.5 -410zM518 256q148 0 258 76t172 223.5t62 337.5q0 154 -72.5 234.5t-208.5 80.5h-115l-202 -952h106z" />
-<glyph unicode="E" horiz-adv-x="1110" d="M870 0h-817l309 1462h818l-54 -254h-512l-67 -321h477l-55 -254h-477l-80 -377h512z" />
-<glyph unicode="F" horiz-adv-x="1087" d="M358 0h-305l309 1462h814l-54 -254h-508l-79 -377h473l-56 -253h-473z" />
-<glyph unicode="G" horiz-adv-x="1413" d="M754 821h563l-162 -762q-134 -46 -248.5 -62.5t-242.5 -16.5q-259 0 -400 147t-141 422q0 268 107 484.5t301 334t448 117.5q218 0 410 -99l-115 -251q-74 40 -148 64t-161 24q-153 0 -273.5 -83t-189 -236.5t-68.5 -330.5q0 -172 72.5 -252.5t222.5 -80.5q76 0 170 24 l66 299h-267z" />
-<glyph unicode="H" horiz-adv-x="1434" d="M1135 0h-306l134 631h-471l-134 -631h-305l309 1462h306l-121 -573h471l121 573h305z" />
-<glyph unicode="I" horiz-adv-x="659" d="M53 0l312 1462h305l-312 -1462h-305z" />
-<glyph unicode="J" horiz-adv-x="678" d="M-135 -430q-94 0 -187 27v253q88 -20 164 -20q99 0 160.5 60.5t89.5 191.5l293 1380h305l-303 -1423q-52 -245 -175.5 -357t-346.5 -112z" />
-<glyph unicode="K" horiz-adv-x="1255" d="M1141 0h-338l-211 592l-125 -70l-109 -522h-305l309 1462h306l-152 -702l158 205l409 497h361l-594 -700z" />
-<glyph unicode="L" horiz-adv-x="1061" d="M53 0l309 1462h306l-256 -1206h512l-54 -256h-817z" />
-<glyph unicode="M" horiz-adv-x="1802" d="M838 369l551 1093h423l-309 -1462h-280l145 692q53 247 105 441h-5l-569 -1133h-281l-61 1133h-4q-11 -88 -38 -231t-187 -902h-275l309 1462h404l68 -1093h4z" />
-<glyph unicode="N" horiz-adv-x="1546" d="M1247 0h-342l-356 1106h-6l-4 -32q-32 -216 -66 -386l-145 -688h-275l309 1462h357l340 -1077h4q12 76 39 217t180 860h274z" />
-<glyph unicode="O" horiz-adv-x="1495" d="M1432 938q0 -283 -99 -506.5t-271 -337.5t-396 -114q-256 0 -399.5 147.5t-143.5 409.5q0 265 99 487.5t273 341.5t402 119q255 0 395 -144t140 -403zM872 1227q-121 0 -222 -91.5t-158.5 -251.5t-57.5 -347q0 -147 66.5 -222t187.5 -75t220.5 87t155.5 246t56 357 q0 142 -65 219.5t-183 77.5z" />
-<glyph unicode="P" horiz-adv-x="1188" d="M522 774h56q142 0 223.5 69t81.5 185q0 180 -195 180h-74zM1190 1036q0 -241 -169.5 -378.5t-467.5 -137.5h-86l-109 -520h-305l309 1462h338q242 0 366 -106.5t124 -319.5z" />
-<glyph unicode="Q" horiz-adv-x="1495" d="M1432 938q0 -316 -122.5 -555.5t-334.5 -337.5l254 -393h-359l-178 328h-26q-256 0 -399.5 147.5t-143.5 409.5q0 265 99 487.5t273 341.5t402 119q255 0 395 -144t140 -403zM872 1227q-121 0 -222 -91.5t-158.5 -251.5t-57.5 -347q0 -147 66.5 -222t187.5 -75t220.5 87 t155.5 246t56 357q0 142 -65 219.5t-183 77.5z" />
-<glyph unicode="R" horiz-adv-x="1247" d="M530 813h78q131 0 204 57t73 174q0 82 -47.5 123t-149.5 41h-74zM477 561l-119 -561h-305l309 1462h359q237 0 356 -102t119 -299q0 -158 -83 -271.5t-239 -168.5l261 -621h-332l-207 561h-119z" />
-<glyph unicode="S" horiz-adv-x="1085" d="M946 432q0 -209 -148 -330.5t-401 -121.5q-221 0 -356 90v274q193 -108 358 -108q112 0 175 42.5t63 116.5q0 43 -13.5 75.5t-38.5 60.5t-124 102q-138 99 -194 196t-56 209q0 129 62 230.5t176.5 158t263.5 56.5q217 0 397 -99l-109 -233q-156 74 -288 74 q-83 0 -136 -45t-53 -119q0 -61 33 -106.5t148 -120.5q121 -80 181 -176.5t60 -225.5z" />
-<glyph unicode="T" horiz-adv-x="1087" d="M571 0h-305l254 1204h-352l55 258h1010l-55 -258h-353z" />
-<glyph unicode="U" horiz-adv-x="1415" d="M1434 1462l-201 -946q-57 -266 -218 -401t-419 -135q-212 0 -333.5 113.5t-121.5 307.5q0 72 15 138l196 923h305l-194 -919q-17 -74 -17 -125q0 -178 189 -178q123 0 195 76.5t104 228.5l194 917h306z" />
-<glyph unicode="V" horiz-adv-x="1208" d="M535 299q78 221 110 283l432 880h316l-748 -1462h-334l-127 1462h295l51 -880q4 -45 4 -133q-2 -103 -6 -150h7z" />
-<glyph unicode="W" horiz-adv-x="1831" d="M1006 1018q-46 -146 -115 -299l-324 -719h-338l-45 1462h287l6 -798q0 -52 -4 -173t-10 -174h6q22 64 67 180.5t60 145.5l369 819h270l21 -873q0 -146 -9 -272h6q43 129 131 349l330 796h309l-647 -1462h-346l-22 721l-2 139q0 88 4 158h-4z" />
-<glyph unicode="X" horiz-adv-x="1241" d="M1124 0h-331l-172 543l-396 -543h-342l576 764l-238 698h320l153 -518l363 518h344l-545 -725z" />
-<glyph unicode="Y" horiz-adv-x="1155" d="M627 870l374 592h342l-618 -903l-119 -559h-303l119 559l-236 903h312z" />
-<glyph unicode="Z" horiz-adv-x="1098" d="M920 0h-981l38 201l777 1005h-543l53 256h936l-41 -202l-782 -1004h596z" />
-<glyph unicode="[" horiz-adv-x="678" d="M436 -324h-473l381 1786h473l-45 -211h-215l-291 -1364h215z" />
-<glyph unicode="\" horiz-adv-x="862" d="M481 1462l224 -1462h-267l-217 1462h260z" />
-<glyph unicode="]" horiz-adv-x="678" d="M-92 -113h213l291 1364h-215l45 211h473l-381 -1786h-471z" />
-<glyph unicode="^" horiz-adv-x="1081" d="M20 520l619 950h147l277 -950h-223l-174 633l-402 -633h-244z" />
-<glyph unicode="_" horiz-adv-x="819" d="M635 -324h-821l30 140h822z" />
-<glyph unicode="`" horiz-adv-x="1135" d="M934 1241h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="a" horiz-adv-x="1217" d="M406 -20q-147 0 -231.5 106.5t-84.5 298.5q0 198 72 377.5t189 278t257 98.5q97 0 167.5 -42t109.5 -122h8l57 143h232l-238 -1118h-229l14 145h-4q-134 -165 -319 -165zM524 223q69 0 133 67t103 181.5t39 259.5q0 71 -38.5 117.5t-101.5 46.5q-68 0 -129.5 -72 t-98 -190t-36.5 -234q0 -88 33.5 -132t95.5 -44z" />
-<glyph unicode="b" horiz-adv-x="1219" d="M813 1139q146 0 230.5 -108t84.5 -298t-68 -367.5t-187 -281.5t-263 -104q-194 0 -276 163h-8l-58 -143h-231l330 1556h301l-62 -288q-41 -182 -84 -299h8q78 98 142.5 134t140.5 36zM692 895q-68 0 -130 -65t-102 -180.5t-40 -250.5q0 -80 37 -128t102 -48q67 0 128 69 t98.5 189.5t37.5 237.5q0 176 -131 176z" />
-<glyph unicode="c" horiz-adv-x="989" d="M506 -20q-201 0 -308.5 107.5t-107.5 303.5q0 212 74.5 385.5t209.5 268t308 94.5q182 0 328 -72l-92 -229q-54 23 -106 40t-118 17q-85 0 -153.5 -64t-107 -175.5t-38.5 -239.5q0 -96 45.5 -144.5t126.5 -48.5q76 0 141 23.5t134 58.5v-246q-152 -79 -336 -79z" />
-<glyph unicode="d" horiz-adv-x="1217" d="M406 -20q-147 0 -231.5 107t-84.5 300q0 196 71.5 374.5t188.5 278t258 99.5q82 0 141.5 -37t112.5 -127h8l2 28q6 110 25 195l76 358h301l-330 -1556h-229l14 145h-4q-71 -87 -148.5 -126t-170.5 -39zM532 223q66 0 128.5 68.5t100.5 182.5t38 245q0 80 -37.5 128 t-102.5 48q-68 0 -129.5 -72t-98 -190t-36.5 -234q0 -176 137 -176z" />
-<glyph unicode="e" horiz-adv-x="1141" d="M696 922q-88 0 -166 -80t-102 -195h45q155 0 241.5 48.5t86.5 131.5q0 95 -105 95zM532 -20q-210 0 -326 113t-116 319q0 207 82.5 377.5t223.5 260t319 89.5q177 0 276 -81.5t99 -223.5q0 -187 -167 -288.5t-477 -101.5h-51l-2 -21v-20q0 -91 51.5 -143.5t147.5 -52.5 q87 0 158 19t172 67v-227q-172 -86 -390 -86z" />
-<glyph unicode="f" horiz-adv-x="764" d="M-45 -492q-104 0 -174 25v242q61 -21 115 -21q61 0 107 40t65 130l204 965h-163l30 145l183 84l18 84q41 190 138.5 277.5t273.5 87.5q131 0 235 -49l-80 -224q-69 31 -133 31q-57 0 -92 -40t-47 -105l-12 -62h219l-49 -229h-220l-215 -1010q-77 -371 -403 -371z" />
-<glyph unicode="g" horiz-adv-x="1108" d="M1186 1116l-35 -166l-174 -41q16 -52 16 -118q0 -195 -121 -308.5t-329 -113.5q-59 0 -99 10q-84 -27 -84 -78q0 -34 30 -49t89 -23l137 -18q163 -21 237.5 -84.5t74.5 -183.5q0 -211 -156 -323t-446 -112q-208 0 -324.5 75.5t-116.5 207.5q0 102 68.5 175.5t214.5 121.5 q-74 47 -74 133q0 71 44.5 122.5t146.5 98.5q-65 49 -96 112t-31 153q0 199 125.5 315.5t341.5 116.5q83 0 166 -23h395zM365 -6q-106 -14 -160.5 -57t-54.5 -109q0 -115 194 -115q151 0 228 45t77 127q0 39 -32.5 60t-137.5 35zM614 948q-77 0 -124.5 -76.5t-47.5 -191.5 q0 -119 103 -119q75 0 121.5 76.5t46.5 193.5t-99 117z" />
-<glyph unicode="h" horiz-adv-x="1237" d="M977 0h-301l137 653q16 68 16 119q0 123 -108 123q-92 0 -167 -114t-118 -318l-98 -463h-301l330 1556h301q-39 -181 -60 -278t-86 -309h8q62 77 138 123.5t176 46.5q138 0 213.5 -83.5t75.5 -238.5q0 -73 -23 -180z" />
-<glyph unicode="i" horiz-adv-x="608" d="M322 1380q0 87 47.5 131.5t134.5 44.5q73 0 111 -31t38 -89q0 -80 -44 -129.5t-136 -49.5q-151 0 -151 123zM338 0h-301l237 1118h301z" />
-<glyph unicode="j" horiz-adv-x="608" d="M-90 -492q-104 0 -174 25v242q61 -21 114 -21q137 0 173 170l253 1194h302l-265 -1239q-77 -371 -403 -371zM324 1380q0 87 47.5 131.5t134.5 44.5q73 0 111 -31t38 -89q0 -80 -44 -129.5t-136 -49.5q-151 0 -151 123z" />
-<glyph unicode="k" horiz-adv-x="1163" d="M920 1118h344l-498 -504l285 -614h-336l-183 420l-120 -72l-74 -348h-301l330 1556h301l-148 -694q-8 -41 -29 -117l-28 -102h4z" />
-<glyph unicode="l" horiz-adv-x="608" d="M338 0h-301l330 1556h301z" />
-<glyph unicode="m" horiz-adv-x="1853" d="M844 1139q219 0 262 -228h6q68 110 160.5 169t197.5 59q136 0 207.5 -85t71.5 -237q0 -76 -23 -180l-133 -637h-301l138 653q16 68 16 119q0 123 -98 123q-92 0 -166.5 -112t-118.5 -318l-96 -465h-301l137 653q16 68 16 119q0 123 -98 123q-92 0 -167 -114t-118 -318 l-98 -463h-301l237 1118h230l-21 -207h6q146 228 355 228z" />
-<glyph unicode="n" horiz-adv-x="1237" d="M977 0h-301l137 653q16 68 16 119q0 123 -108 123q-92 0 -167 -114t-118 -318l-98 -463h-301l237 1118h230l-21 -207h6q146 228 355 228q138 0 213.5 -83.5t75.5 -238.5q0 -73 -23 -180z" />
-<glyph unicode="o" horiz-adv-x="1198" d="M805 696q0 197 -143 197q-75 0 -134.5 -61t-97 -179t-37.5 -243q0 -185 150 -185q75 0 135 61.5t93.5 171t33.5 238.5zM1108 696q0 -211 -70.5 -374t-203.5 -252.5t-316 -89.5q-195 0 -311.5 117.5t-116.5 312.5q0 213 71.5 379.5t206.5 258t316 91.5q196 0 310 -118 t114 -325z" />
-<glyph unicode="p" horiz-adv-x="1219" d="M813 1139q146 0 230.5 -107.5t84.5 -300.5q0 -191 -68.5 -367.5t-187.5 -280t-262 -103.5q-83 0 -143 37t-111 126h-8q-12 -159 -43 -295l-72 -340h-301l342 1610h230l-17 -170h9q138 191 317 191zM692 895q-68 0 -131.5 -67.5t-102 -180t-38.5 -248.5q0 -80 37 -128 t102 -48q67 0 128 69t98.5 189.5t37.5 237.5q0 176 -131 176z" />
-<glyph unicode="q" horiz-adv-x="1217" d="M391 -20q-88 0 -156 47.5t-106.5 138.5t-38.5 219q0 198 72 377.5t189 278t257 98.5q86 0 152.5 -37.5t124.5 -126.5h8l57 143h232l-342 -1610h-301q47 218 73 337.5t84 304.5h-8q-72 -94 -143 -132t-154 -38zM535 223q64 0 127.5 70t100 181t36.5 245q0 80 -37.5 128 t-102.5 48q-68 0 -129.5 -72t-98 -190t-36.5 -234q0 -88 36.5 -132t103.5 -44z" />
-<glyph unicode="r" horiz-adv-x="862" d="M842 1139q59 0 96 -11l-66 -290q-45 16 -100 16q-116 0 -203.5 -91.5t-124.5 -262.5l-106 -500h-301l237 1118h230l-21 -207h6q147 228 353 228z" />
-<glyph unicode="s" horiz-adv-x="969" d="M829 369q0 -188 -124.5 -288.5t-346.5 -100.5q-107 0 -186.5 15t-148.5 50v248q157 -90 319 -90q80 0 131 32.5t51 88.5q0 43 -37 77t-131 86q-121 68 -169 135.5t-48 159.5q0 170 110.5 263.5t315.5 93.5q201 0 363 -95l-99 -215q-140 84 -258 84q-57 0 -92 -25.5 t-35 -68.5q0 -39 32 -68.5t120 -74.5q123 -63 178 -137t55 -170z" />
-<glyph unicode="t" horiz-adv-x="840" d="M514 223q65 0 162 35v-225q-111 -53 -266 -53q-150 0 -220.5 63t-70.5 195q0 50 12 112l115 539h-152l29 147l196 84l132 236h194l-49 -238h283l-50 -229h-282l-115 -539q-6 -30 -6 -53q0 -74 88 -74z" />
-<glyph unicode="u" horiz-adv-x="1237" d="M262 1118h301l-137 -653q-16 -68 -16 -119q0 -123 108 -123q92 0 167 114t118 318l98 463h301l-237 -1118h-230l21 207h-6q-145 -227 -355 -227q-138 0 -211 82.5t-73 238.5q0 93 24 213z" />
-<glyph unicode="v" horiz-adv-x="1049" d="M455 301q55 153 92 223l297 594h323l-604 -1118h-323l-138 1118h295l45 -586q7 -133 7 -231h6z" />
-<glyph unicode="w" horiz-adv-x="1614" d="M856 860q-62 -178 -123 -319l-233 -541h-324l-51 1118h281l4 -495l-4 -167l-7 -171h4q6 20 14 41.5t51 136.5t46 119l231 536h328v-536q0 -142 -10 -297h6l28 80q73 208 95 258l219 495h307l-530 -1118h-330l-6 520q0 155 10 340h-6z" />
-<glyph unicode="x" horiz-adv-x="1087" d="M379 573l-225 545h321l115 -334l244 334h354l-467 -561l244 -557h-326l-125 342l-264 -342h-350z" />
-<glyph unicode="y" horiz-adv-x="1063" d="M102 1118h295l56 -518q14 -122 14 -293h6q20 51 44 119.5t65 153.5l260 538h327l-680 -1278q-177 -332 -483 -332q-90 0 -147 19v240q68 -13 116 -13q84 0 147.5 48t117.5 149l26 49z" />
-<glyph unicode="z" horiz-adv-x="932" d="M748 0h-795l35 180l575 705h-397l51 233h750l-43 -200l-566 -685h439z" />
-<glyph unicode="{" horiz-adv-x="727" d="M201 319q0 140 -209 140l45 229q122 0 192.5 41.5t92.5 138.5l61 285q38 170 131 239.5t270 69.5h84l-49 -225q-90 -2 -130.5 -34.5t-55.5 -106.5l-66 -297q-45 -207 -276 -236v-8q85 -26 126.5 -82.5t41.5 -134.5q0 -44 -15 -113l-36 -178q-7 -28 -7 -51q0 -54 33.5 -74 t91.5 -20v-226h-53q-167 0 -253.5 63.5t-86.5 184.5q0 57 14 125l39 184q15 69 15 86z" />
-<glyph unicode="|" d="M455 1550h219v-2015h-219v2015z" />
-<glyph unicode="}" horiz-adv-x="727" d="M256 1462q340 0 340 -248q0 -56 -14 -124l-39 -185q-15 -69 -15 -86q0 -139 209 -139l-45 -229q-122 0 -192.5 -42t-91.5 -139l-62 -284q-37 -170 -130.5 -240t-270.5 -70h-45v226q93 3 137 35.5t59 105.5l66 297q25 111 95 166t181 69v9q-168 51 -168 217q0 43 15 112 l37 179q6 30 6 51q0 54 -36.5 74t-109.5 20l41 225h33z" />
-<glyph unicode="~" d="M342 672q-54 0 -116.5 -33t-116.5 -88v231q101 109 256 109q64 0 117 -14t139 -50q64 -27 111 -41t95 -14q51 0 112 30.5t122 90.5v-231q-103 -109 -256 -109q-59 0 -109 11.5t-147 51.5q-89 38 -127 47t-80 9z" />
-<glyph unicode="&#xa1;" horiz-adv-x="586" d="M182 606h242l-158 -977h-340zM549 977q0 -92 -55.5 -145.5t-149.5 -53.5q-68 0 -108.5 38t-40.5 108q0 85 54 139.5t144 54.5q73 0 114.5 -37t41.5 -104z" />
-<glyph unicode="&#xa2;" d="M575 -20h-188l49 210q-134 36 -203 136t-69 258q0 193 62.5 355t178 262.5t267.5 123.5l33 158h188l-35 -158q118 -14 225 -65l-92 -230q-53 23 -105 40t-118 17q-133 0 -216 -143t-83 -336q0 -96 45 -144t127 -48q75 0 140 23.5t134 58.5v-246q-136 -71 -299 -80z" />
-<glyph unicode="&#xa3;" d="M872 1485q195 0 369 -86l-113 -232q-141 68 -237 68q-75 0 -123 -39.5t-68 -132.5l-47 -229h299l-45 -220h-299l-18 -84q-42 -195 -209 -270h655l-55 -260h-993l49 246q196 48 244 264l22 104h-192l45 220h192l49 247q41 197 162 300.5t313 103.5z" />
-<glyph unicode="&#xa4;" d="M190 723q0 102 54 197l-129 127l147 147l127 -127q91 53 197 53q105 0 196 -55l127 129l150 -143l-129 -129q53 -89 53 -199q0 -107 -53 -199l125 -125l-146 -145l-127 125q-95 -51 -196 -51q-115 0 -199 51l-125 -123l-145 145l127 125q-54 93 -54 197zM397 723 q0 -77 54.5 -132.5t134.5 -55.5q81 0 136.5 55t55.5 133q0 80 -56.5 135t-135.5 55q-78 0 -133.5 -56t-55.5 -134z" />
-<glyph unicode="&#xa5;" d="M608 872l371 590h311l-506 -747h203l-39 -178h-252l-28 -138h252l-37 -178h-252l-47 -221h-291l47 221h-252l37 178h252l29 138h-252l39 178h196l-192 747h297z" />
-<glyph unicode="&#xa6;" d="M455 1550h219v-815h-219v815zM455 350h219v-815h-219v815z" />
-<glyph unicode="&#xa7;" horiz-adv-x="995" d="M150 760q0 89 47.5 163t154.5 142q-42 34 -70 84.5t-28 107.5q0 149 117 234.5t313 85.5q172 0 344 -88l-82 -193q-147 84 -282 84q-144 0 -144 -106q0 -43 40.5 -76t127.5 -72q242 -106 242 -303q0 -188 -193 -303q38 -35 64 -85.5t26 -108.5q0 -161 -126 -253.5 t-345 -92.5q-204 0 -336 75v224q172 -105 345 -105q99 0 144.5 35t45.5 92q0 39 -33 72.5t-127 79.5q-117 57 -181 131t-64 176zM506 967q-51 -25 -82 -70.5t-31 -99.5t43.5 -96.5t143.5 -88.5q49 31 75.5 78.5t26.5 95.5q0 109 -176 181z" />
-<glyph unicode="&#xa8;" horiz-adv-x="1135" d="M397 1382q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM799 1382q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1704" d="M932 1010q-111 0 -163 -73t-52 -214q0 -134 55.5 -203t159.5 -69q43 0 108.5 15.5t124.5 43.5v-191q-131 -57 -262 -57q-196 0 -307 122.5t-111 336.5q0 225 117.5 351t325.5 126q142 0 284 -72l-75 -174q-114 58 -205 58zM125 731q0 200 100 375t275 276t377 101 q199 0 373.5 -99t276 -275.5t101.5 -377.5q0 -199 -98.5 -373t-272.5 -276t-380 -102q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM266 731q0 -164 81.5 -305t224 -223t305.5 -82q167 0 308 83t221.5 223.5t80.5 303.5t-80.5 303.5t-222 223.5t-307.5 83 q-164 0 -306.5 -82.5t-223.5 -223.5t-81 -304z" />
-<glyph unicode="&#xaa;" horiz-adv-x="772" d="M369 752q-103 0 -160 70t-57 198q0 117 46 228t123 171t177 60q120 0 180 -103h6l39 90h154l-158 -702h-154l8 92h-2q-80 -104 -202 -104zM442 903q45 0 84 41.5t65.5 120t26.5 154.5q0 106 -88 106q-73 0 -123.5 -96t-50.5 -215q0 -111 86 -111z" />
-<glyph unicode="&#xab;" horiz-adv-x="1151" d="M72 569l401 463l191 -155l-279 -334l135 -350l-246 -103l-202 461v18zM559 569l402 463l190 -155l-279 -334l136 -350l-246 -103l-203 461v18z" />
-<glyph unicode="&#xac;" d="M1061 248h-219v364h-733v219h952v-583z" />
-<glyph unicode="&#xad;" horiz-adv-x="659" d="M41 424zM41 424l53 250h524l-53 -250h-524z" />
-<glyph unicode="&#xae;" horiz-adv-x="1704" d="M1237 899q0 -86 -44 -149.5t-130 -96.5l197 -360h-254l-138 297h-67v-297h-230v874h308q173 0 265.5 -67.5t92.5 -200.5zM801 758h51q72 0 113 31t41 92q0 59 -35.5 88.5t-116.5 29.5h-53v-241zM125 731q0 200 100 375t275 276t377 101q199 0 373.5 -99t276 -275.5 t101.5 -377.5q0 -199 -98.5 -373t-272.5 -276t-380 -102q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM266 731q0 -164 81.5 -305t224 -223t305.5 -82q167 0 308 83t221.5 223.5t80.5 303.5t-80.5 303.5t-222 223.5t-307.5 83q-164 0 -306.5 -82.5t-223.5 -223.5t-81 -304z " />
-<glyph unicode="&#xaf;" horiz-adv-x="1024" d="M1030 1556h-1036l45 201h1036z" />
-<glyph unicode="&#xb0;" horiz-adv-x="877" d="M164 1137q0 93 46.5 173.5t127.5 126.5t172 46q93 0 173.5 -47t126.5 -127t46 -172q0 -93 -46 -173t-126 -125.5t-174 -45.5q-93 0 -173 45t-126.5 125t-46.5 174zM354 1137q0 -63 45.5 -108.5t110.5 -45.5q66 0 111 46t45 108q0 63 -45.5 110t-110.5 47t-110.5 -47.5 t-45.5 -109.5z" />
-<glyph unicode="&#xb1;" d="M475 674h-366v219h366v369h219v-369h367v-219h-367v-365h-219v365zM109 0v219h952v-219h-952z" />
-<glyph unicode="&#xb2;" horiz-adv-x="776" d="M707 586h-648l35 166l273 219q111 91 141 122t44.5 59t14.5 56q0 42 -25.5 62t-60.5 20q-86 0 -188 -82l-100 158q74 57 156 87t192 30q123 0 196.5 -63t73.5 -160q0 -70 -22 -123t-70 -103.5t-189 -152.5l-129 -95h347z" />
-<glyph unicode="&#xb3;" horiz-adv-x="776" d="M813 1270q0 -87 -51 -145.5t-166 -88.5v-4q154 -33 154 -176q0 -131 -107 -209t-285 -78q-75 0 -145.5 15.5t-120.5 40.5v192q125 -72 254 -72q76 0 125 30.5t49 88.5q0 37 -26 62.5t-88 25.5h-127l34 160h90q84 0 132.5 28t48.5 85q0 40 -26 60t-71 20q-86 0 -188 -66 l-82 150q142 92 313 92q130 0 206.5 -55.5t76.5 -155.5z" />
-<glyph unicode="&#xb4;" horiz-adv-x="1135" d="M483 1266q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1249" d="M424 348q0 -60 31.5 -92.5t79.5 -32.5q90 0 162.5 106.5t117.5 319.5l98 469h301l-237 -1118h-229l18 176h-6q-117 -196 -266 -196q-51 0 -89.5 19.5t-58.5 47.5h-6q-8 -66 -21.5 -139t-82.5 -400h-304l342 1610h301l-135 -645q-16 -70 -16 -125z" />
-<glyph unicode="&#xb6;" horiz-adv-x="1341" d="M1202 -260h-162v1616h-166v-1616h-161v819q-62 -18 -146 -18q-216 0 -318 125t-102 376q0 256 107.5 385t343.5 129h604v-1816z" />
-<glyph unicode="&#xb7;" horiz-adv-x="584" d="M131 553zM131 695q0 90 53.5 144t150.5 54q68 0 109 -38t41 -107q0 -87 -55 -141t-144 -54q-73 0 -114 37.5t-41 104.5z" />
-<glyph unicode="&#xb8;" horiz-adv-x="420" d="M262 -250q0 -116 -83 -179t-234 -63q-86 0 -152 23v168q63 -23 125 -23q102 0 102 82q0 34 -31 56.5t-110 31.5l96 154h185l-39 -72q141 -49 141 -178z" />
-<glyph unicode="&#xb9;" horiz-adv-x="776" d="M528 1462h207l-186 -876h-246l84 397q24 109 55 207q-16 -15 -80 -60l-131 -81l-102 165z" />
-<glyph unicode="&#xba;" horiz-adv-x="754" d="M809 1194q0 -128 -48.5 -232.5t-132.5 -157t-196 -52.5q-134 0 -202 75t-68 211q0 197 104 319t277 122q129 0 197.5 -73.5t68.5 -211.5zM522 1315q-64 0 -107.5 -89.5t-43.5 -199.5q0 -111 80 -111q63 0 105 85.5t42 207.5q0 107 -76 107z" />
-<glyph unicode="&#xbb;" horiz-adv-x="1151" d="M1079 535l-401 -463l-191 155l279 334l-135 350l246 103l202 -461v-18zM592 535l-402 -463l-190 155l279 334l-136 350l246 103l203 -461v-18z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1804" d="M97 0zM1500 1462l-1084 -1462h-239l1087 1462h236zM496 1462h207l-186 -876h-246l84 397q24 109 55 207q-16 -15 -80 -60l-131 -81l-102 165zM1573 152h-119l-32 -151h-238l33 151h-373l31 174l475 557h260l-121 -563h119zM1252 320l58 231l22 74q-13 -20 -43 -58 t-211 -247h174z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1804" d="M97 0zM1588 1h-648l35 166l273 219q111 91 141 122t44.5 59t14.5 56q0 42 -25.5 62t-60.5 20q-86 0 -188 -82l-100 158q74 57 156 87t192 30q123 0 196.5 -63t73.5 -160q0 -70 -22 -123t-70 -103.5t-189 -152.5l-129 -95h347zM496 1462h207l-186 -876h-246l84 397 q24 109 55 207q-16 -15 -80 -60l-131 -81l-102 165zM1500 1462l-1084 -1462h-239l1087 1462h236z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1804" d="M133 0zM1633 1462l-1084 -1462h-239l1087 1462h236zM1634 152h-119l-32 -151h-238l33 151h-373l31 174l475 557h260l-121 -563h119zM1313 320l58 231l22 74q-13 -20 -43 -58t-211 -247h174zM854 1270q0 -87 -51 -145.5t-166 -88.5v-4q154 -33 154 -176q0 -131 -107 -209 t-285 -78q-75 0 -145.5 15.5t-120.5 40.5v192q125 -72 254 -72q76 0 125 30.5t49 88.5q0 37 -26 62.5t-88 25.5h-127l34 160h90q84 0 132.5 28t48.5 85q0 40 -26 60t-71 20q-86 0 -188 -66l-82 150q142 92 313 92q130 0 206.5 -55.5t76.5 -155.5z" />
-<glyph unicode="&#xbf;" horiz-adv-x="940" d="M678 606l-14 -78q-19 -105 -76.5 -180t-169.5 -151q-122 -83 -156.5 -126t-34.5 -98q0 -118 133 -118q50 0 106.5 16t201.5 84l92 -221q-221 -125 -445 -125q-177 0 -280 87.5t-103 244.5q0 82 28.5 148.5t83.5 124t189 146.5q93 62 128 106.5t51 106.5l8 33h258z M772 977q0 -92 -55.5 -145.5t-149.5 -53.5q-68 0 -108.5 38t-40.5 108q0 86 54.5 140t143.5 54q73 0 114.5 -37t41.5 -104z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1286" d="M0 0zM842 348h-473l-172 -348h-320l766 1468h373l147 -1468h-297zM827 608l-26 350q-10 131 -10 253v36q-44 -120 -109 -254l-188 -385h333zM965 1579h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1286" d="M0 0zM842 348h-473l-172 -348h-320l766 1468h373l147 -1468h-297zM827 608l-26 350q-10 131 -10 253v36q-44 -120 -109 -254l-188 -385h333zM735 1604q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1286" d="M0 0zM842 348h-473l-172 -348h-320l766 1468h373l147 -1468h-297zM827 608l-26 350q-10 131 -10 253v36q-44 -120 -109 -254l-188 -385h333zM1235 1579h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z " />
-<glyph unicode="&#xc3;" horiz-adv-x="1286" d="M0 0zM842 348h-473l-172 -348h-320l766 1468h373l147 -1468h-297zM827 608l-26 350q-10 131 -10 253v36q-44 -120 -109 -254l-188 -385h333zM999 1579q-49 0 -86.5 16.5t-69.5 36t-61.5 36t-62.5 16.5q-31 0 -55.5 -28t-38.5 -79h-177q59 309 281 309q49 0 87.5 -16.5 t71.5 -36t62 -35.5t60 -16q34 0 58 25.5t46 80.5h172q-66 -309 -287 -309z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1286" d="M0 0zM842 348h-473l-172 -348h-320l766 1468h373l147 -1468h-297zM827 608l-26 350q-10 131 -10 253v36q-44 -120 -109 -254l-188 -385h333zM516 1720q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM918 1720q0 78 42 118t120 40 q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1286" d="M0 0zM842 348h-473l-172 -348h-320l766 1468h373l147 -1468h-297zM827 608l-26 350q-10 131 -10 253v36q-44 -120 -109 -254l-188 -385h333zM1087 1567q0 -107 -70 -173.5t-184 -66.5q-110 0 -179 63.5t-69 174.5q0 109 68.5 173t179.5 64q110 0 182 -65t72 -170z M930 1565q0 45 -27.5 70.5t-69.5 25.5t-69 -25.5t-27 -70.5t24 -71t72 -26q42 0 69.5 26t27.5 71z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1833" d="M1593 0h-817l74 348h-426l-219 -348h-328l922 1462h1104l-54 -254h-512l-67 -321h477l-55 -254h-478l-79 -377h512zM905 608l127 600h-80l-364 -600h317z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1253" d="M123 0zM905 1227q-132 0 -237.5 -81t-169.5 -238.5t-64 -338.5q0 -167 68.5 -248t218.5 -81q146 0 338 77v-260q-199 -77 -400 -77q-254 0 -395 149.5t-141 423.5q0 262 104 482.5t278 335t400 114.5q125 0 222 -22.5t208 -82.5l-118 -250q-106 59 -175 78t-137 19z M825 -250q0 -116 -83 -179t-234 -63q-86 0 -152 23v168q63 -23 125 -23q102 0 102 82q0 34 -31 56.5t-110 31.5l96 154h185l-39 -72q141 -49 141 -178z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1110" d="M53 0zM870 0h-817l309 1462h818l-54 -254h-512l-67 -321h477l-55 -254h-477l-80 -377h512zM906 1579h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1110" d="M53 0zM870 0h-817l309 1462h818l-54 -254h-512l-67 -321h477l-55 -254h-477l-80 -377h512zM608 1604q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xca;" horiz-adv-x="1110" d="M53 0zM870 0h-817l309 1462h818l-54 -254h-512l-67 -321h477l-55 -254h-477l-80 -377h512zM1177 1579h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1110" d="M53 0zM870 0h-817l309 1462h818l-54 -254h-512l-67 -321h477l-55 -254h-477l-80 -377h512zM438 1720q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM840 1720q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5 t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xcc;" horiz-adv-x="659" d="M53 0zM53 0l312 1462h305l-312 -1462h-305zM667 1579h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="&#xcd;" horiz-adv-x="659" d="M53 0zM53 0l312 1462h305l-312 -1462h-305zM414 1604q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xce;" horiz-adv-x="659" d="M53 0zM53 0l312 1462h305l-312 -1462h-305zM937 1579h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xcf;" horiz-adv-x="659" d="M53 0zM53 0l312 1462h305l-312 -1462h-305zM222 1720q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM624 1720q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1386" d="M1323 909q0 -280 -98 -486.5t-283.5 -314.5t-437.5 -108h-451l125 596h-141l55 254h139l131 612h396q270 0 417.5 -143t147.5 -410zM518 256q148 0 258 76t172 223.5t62 337.5q0 154 -72.5 234.5t-208.5 80.5h-115l-75 -358h237l-55 -254h-238l-71 -340h106z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1546" d="M53 0zM1247 0h-342l-356 1106h-6l-4 -32q-32 -216 -66 -386l-145 -688h-275l309 1462h357l340 -1077h4q12 76 39 217t180 860h274zM1114 1579q-49 0 -86.5 16.5t-69.5 36t-61.5 36t-62.5 16.5q-31 0 -55.5 -28t-38.5 -79h-177q59 309 281 309q49 0 87.5 -16.5t71.5 -36 t62 -35.5t60 -16q34 0 58 25.5t46 80.5h172q-66 -309 -287 -309z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1495" d="M123 0zM1432 938q0 -283 -99 -506.5t-271 -337.5t-396 -114q-256 0 -399.5 147.5t-143.5 409.5q0 265 99 487.5t273 341.5t402 119q255 0 395 -144t140 -403zM872 1227q-121 0 -222 -91.5t-158.5 -251.5t-57.5 -347q0 -147 66.5 -222t187.5 -75t220.5 87t155.5 246 t56 357q0 142 -65 219.5t-183 77.5zM1053 1579h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1495" d="M123 0zM1432 938q0 -283 -99 -506.5t-271 -337.5t-396 -114q-256 0 -399.5 147.5t-143.5 409.5q0 265 99 487.5t273 341.5t402 119q255 0 395 -144t140 -403zM872 1227q-121 0 -222 -91.5t-158.5 -251.5t-57.5 -347q0 -147 66.5 -222t187.5 -75t220.5 87t155.5 246 t56 357q0 142 -65 219.5t-183 77.5zM753 1604q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1495" d="M123 0zM1432 938q0 -283 -99 -506.5t-271 -337.5t-396 -114q-256 0 -399.5 147.5t-143.5 409.5q0 265 99 487.5t273 341.5t402 119q255 0 395 -144t140 -403zM872 1227q-121 0 -222 -91.5t-158.5 -251.5t-57.5 -347q0 -147 66.5 -222t187.5 -75t220.5 87t155.5 246 t56 357q0 142 -65 219.5t-183 77.5zM1308 1579h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1495" d="M123 0zM1432 938q0 -283 -99 -506.5t-271 -337.5t-396 -114q-256 0 -399.5 147.5t-143.5 409.5q0 265 99 487.5t273 341.5t402 119q255 0 395 -144t140 -403zM872 1227q-121 0 -222 -91.5t-158.5 -251.5t-57.5 -347q0 -147 66.5 -222t187.5 -75t220.5 87t155.5 246 t56 357q0 142 -65 219.5t-183 77.5zM1071 1579q-49 0 -86.5 16.5t-69.5 36t-61.5 36t-62.5 16.5q-31 0 -55.5 -28t-38.5 -79h-177q59 309 281 309q49 0 87.5 -16.5t71.5 -36t62 -35.5t60 -16q34 0 58 25.5t46 80.5h172q-66 -309 -287 -309z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1495" d="M123 0zM1432 938q0 -283 -99 -506.5t-271 -337.5t-396 -114q-256 0 -399.5 147.5t-143.5 409.5q0 265 99 487.5t273 341.5t402 119q255 0 395 -144t140 -403zM872 1227q-121 0 -222 -91.5t-158.5 -251.5t-57.5 -347q0 -147 66.5 -222t187.5 -75t220.5 87t155.5 246 t56 357q0 142 -65 219.5t-183 77.5zM585 1720q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM987 1720q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xd7;" d="M428 723l-299 301l152 154l301 -299l305 299l153 -150l-305 -305l301 -303l-149 -152l-305 301l-301 -299l-150 152z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1495" d="M1432 938q0 -283 -99 -506.5t-271 -337.5t-396 -114q-180 0 -304 71l-108 -137l-154 115l121 151q-98 138 -98 357q0 265 99 487.5t273 341.5t402 119q182 0 305 -76l105 131l151 -117l-117 -145q91 -134 91 -340zM870 1233q-126 0 -229 -91.5t-160 -252.5t-57 -352 q0 -32 8 -101l596 754q-69 43 -158 43zM1133 930l-5 80l-589 -740q59 -37 153 -37q124 0 226 89t158.5 247.5t56.5 360.5z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1415" d="M141 0zM1434 1462l-201 -946q-57 -266 -218 -401t-419 -135q-212 0 -333.5 113.5t-121.5 307.5q0 72 15 138l196 923h305l-194 -919q-17 -74 -17 -125q0 -178 189 -178q123 0 195 76.5t104 228.5l194 917h306zM1002 1579h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311 q36 -148 115 -303v-25z" />
-<glyph unicode="&#xda;" horiz-adv-x="1415" d="M141 0zM1434 1462l-201 -946q-57 -266 -218 -401t-419 -135q-212 0 -333.5 113.5t-121.5 307.5q0 72 15 138l196 923h305l-194 -919q-17 -74 -17 -125q0 -178 189 -178q123 0 195 76.5t104 228.5l194 917h306zM757 1604q79 88 222 303h335v-17q-46 -56 -154 -152.5 t-194 -158.5h-209v25z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1415" d="M141 0zM1434 1462l-201 -946q-57 -266 -218 -401t-419 -135q-212 0 -333.5 113.5t-121.5 307.5q0 72 15 138l196 923h305l-194 -919q-17 -74 -17 -125q0 -178 189 -178q123 0 195 76.5t104 228.5l194 917h306zM1284 1579h-198q-63 53 -162 168q-105 -88 -232 -168h-217 v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1415" d="M141 0zM1434 1462l-201 -946q-57 -266 -218 -401t-419 -135q-212 0 -333.5 113.5t-121.5 307.5q0 72 15 138l196 923h305l-194 -919q-17 -74 -17 -125q0 -178 189 -178q123 0 195 76.5t104 228.5l194 917h306zM565 1720q0 78 42.5 118t119.5 40q133 0 133 -108 q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM967 1720q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1155" d="M186 0zM627 870l374 592h342l-618 -903l-119 -559h-303l119 559l-236 903h312zM606 1604q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xde;" horiz-adv-x="1188" d="M1143 807q0 -243 -170.5 -378.5t-466.5 -135.5h-86l-62 -293h-305l309 1462h306l-50 -229h35q242 0 366 -106.5t124 -319.5zM475 547h55q139 0 222.5 66.5t83.5 185.5q0 180 -195 180h-74z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1350" d="M846 1567q208 0 331 -90t123 -240q0 -114 -49 -192t-178 -152q-73 -42 -96 -68.5t-23 -54.5q0 -23 22 -49.5t79 -69.5q107 -83 144.5 -150.5t37.5 -150.5q0 -170 -123.5 -270t-337.5 -100q-187 0 -297 61v240q128 -78 258 -78q101 0 148 33t47 86q0 40 -26.5 75 t-108.5 97q-94 72 -129 130t-35 126q0 84 45 145t162 127q66 37 104.5 76t38.5 96q0 62 -39.5 98.5t-124.5 36.5q-96 0 -156 -51.5t-85 -171.5l-254 -1219q-43 -198 -147 -288.5t-277 -90.5q-90 0 -160 25v242q61 -21 115 -21q133 0 170 178l254 1207q47 224 182 326 t385 102z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1217" d="M90 0zM406 -20q-147 0 -231.5 106.5t-84.5 298.5q0 198 72 377.5t189 278t257 98.5q97 0 167.5 -42t109.5 -122h8l57 143h232l-238 -1118h-229l14 145h-4q-134 -165 -319 -165zM524 223q69 0 133 67t103 181.5t39 259.5q0 71 -38.5 117.5t-101.5 46.5q-68 0 -129.5 -72 t-98 -190t-36.5 -234q0 -88 33.5 -132t95.5 -44zM869 1241h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1217" d="M90 0zM406 -20q-147 0 -231.5 106.5t-84.5 298.5q0 198 72 377.5t189 278t257 98.5q97 0 167.5 -42t109.5 -122h8l57 143h232l-238 -1118h-229l14 145h-4q-134 -165 -319 -165zM524 223q69 0 133 67t103 181.5t39 259.5q0 71 -38.5 117.5t-101.5 46.5q-68 0 -129.5 -72 t-98 -190t-36.5 -234q0 -88 33.5 -132t95.5 -44zM598 1266q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1217" d="M90 0zM406 -20q-147 0 -231.5 106.5t-84.5 298.5q0 198 72 377.5t189 278t257 98.5q97 0 167.5 -42t109.5 -122h8l57 143h232l-238 -1118h-229l14 145h-4q-134 -165 -319 -165zM524 223q69 0 133 67t103 181.5t39 259.5q0 71 -38.5 117.5t-101.5 46.5q-68 0 -129.5 -72 t-98 -190t-36.5 -234q0 -88 33.5 -132t95.5 -44zM1120 1240h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1217" d="M90 0zM406 -20q-147 0 -231.5 106.5t-84.5 298.5q0 198 72 377.5t189 278t257 98.5q97 0 167.5 -42t109.5 -122h8l57 143h232l-238 -1118h-229l14 145h-4q-134 -165 -319 -165zM524 223q69 0 133 67t103 181.5t39 259.5q0 71 -38.5 117.5t-101.5 46.5q-68 0 -129.5 -72 t-98 -190t-36.5 -234q0 -88 33.5 -132t95.5 -44zM884 1241q-49 0 -86.5 16.5t-69.5 36t-61.5 36t-62.5 16.5q-31 0 -55.5 -28t-38.5 -79h-177q59 309 281 309q49 0 87.5 -16.5t71.5 -36t62 -35.5t60 -16q34 0 58 25.5t46 80.5h172q-66 -309 -287 -309z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1217" d="M90 0zM406 -20q-147 0 -231.5 106.5t-84.5 298.5q0 198 72 377.5t189 278t257 98.5q97 0 167.5 -42t109.5 -122h8l57 143h232l-238 -1118h-229l14 145h-4q-134 -165 -319 -165zM524 223q69 0 133 67t103 181.5t39 259.5q0 71 -38.5 117.5t-101.5 46.5q-68 0 -129.5 -72 t-98 -190t-36.5 -234q0 -88 33.5 -132t95.5 -44zM397 1382q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM799 1382q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1217" d="M90 0zM406 -20q-147 0 -231.5 106.5t-84.5 298.5q0 198 72 377.5t189 278t257 98.5q97 0 167.5 -42t109.5 -122h8l57 143h232l-238 -1118h-229l14 145h-4q-134 -165 -319 -165zM524 223q69 0 133 67t103 181.5t39 259.5q0 71 -38.5 117.5t-101.5 46.5q-68 0 -129.5 -72 t-98 -190t-36.5 -234q0 -88 33.5 -132t95.5 -44zM1023 1479q0 -107 -70 -173.5t-184 -66.5q-110 0 -179 63.5t-69 174.5q0 109 68.5 173t179.5 64q110 0 182 -65t72 -170zM866 1477q0 45 -27.5 70.5t-69.5 25.5t-69 -25.5t-27 -70.5t24 -71t72 -26q42 0 69.5 26t27.5 71z " />
-<glyph unicode="&#xe6;" horiz-adv-x="1786" d="M1206 -20q-109 0 -179.5 27t-117.5 87l-16 -94h-188l14 145h-6q-71 -88 -146.5 -126.5t-167.5 -38.5q-146 0 -227.5 109t-81.5 296q0 200 68.5 375.5t185 277t258.5 101.5q96 0 160.5 -38.5t114.5 -125.5h6l57 143h188l-18 -90q44 49 120.5 80t168.5 31 q157 0 246.5 -83.5t89.5 -221.5q0 -187 -167 -288.5t-476 -101.5h-52l-2 -19v-19q0 -96 55.5 -147.5t159.5 -51.5q66 0 152 23t162 63v-227q-179 -86 -361 -86zM518 223q72 0 134 68t99 184.5t37 243.5q0 80 -33 128t-102 48q-68 0 -128 -69t-95 -185.5t-35 -241.5 q0 -84 32.5 -130t90.5 -46zM1341 922q-88 0 -166 -80t-102 -195h45q155 0 241.5 48.5t86.5 131.5q0 95 -105 95z" />
-<glyph unicode="&#xe7;" horiz-adv-x="989" d="M90 0zM506 -20q-201 0 -308.5 107.5t-107.5 303.5q0 212 74.5 385.5t209.5 268t308 94.5q182 0 328 -72l-92 -229q-54 23 -106 40t-118 17q-85 0 -153.5 -64t-107 -175.5t-38.5 -239.5q0 -96 45.5 -144.5t126.5 -48.5q76 0 141 23.5t134 58.5v-246q-152 -79 -336 -79z M653 -250q0 -116 -83 -179t-234 -63q-86 0 -152 23v168q63 -23 125 -23q102 0 102 82q0 34 -31 56.5t-110 31.5l96 154h185l-39 -72q141 -49 141 -178z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1141" d="M90 0zM696 922q-88 0 -166 -80t-102 -195h45q155 0 241.5 48.5t86.5 131.5q0 95 -105 95zM532 -20q-210 0 -326 113t-116 319q0 207 82.5 377.5t223.5 260t319 89.5q177 0 276 -81.5t99 -223.5q0 -187 -167 -288.5t-477 -101.5h-51l-2 -21v-20q0 -91 51.5 -143.5 t147.5 -52.5q87 0 158 19t172 67v-227q-172 -86 -390 -86zM849 1241h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1141" d="M90 0zM696 922q-88 0 -166 -80t-102 -195h45q155 0 241.5 48.5t86.5 131.5q0 95 -105 95zM532 -20q-210 0 -326 113t-116 319q0 207 82.5 377.5t223.5 260t319 89.5q177 0 276 -81.5t99 -223.5q0 -187 -167 -288.5t-477 -101.5h-51l-2 -21v-20q0 -91 51.5 -143.5 t147.5 -52.5q87 0 158 19t172 67v-227q-172 -86 -390 -86zM528 1266q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xea;" horiz-adv-x="1141" d="M90 0zM696 922q-88 0 -166 -80t-102 -195h45q155 0 241.5 48.5t86.5 131.5q0 95 -105 95zM532 -20q-210 0 -326 113t-116 319q0 207 82.5 377.5t223.5 260t319 89.5q177 0 276 -81.5t99 -223.5q0 -187 -167 -288.5t-477 -101.5h-51l-2 -21v-20q0 -91 51.5 -143.5 t147.5 -52.5q87 0 158 19t172 67v-227q-172 -86 -390 -86zM1101 1241h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1141" d="M90 0zM696 922q-88 0 -166 -80t-102 -195h45q155 0 241.5 48.5t86.5 131.5q0 95 -105 95zM532 -20q-210 0 -326 113t-116 319q0 207 82.5 377.5t223.5 260t319 89.5q177 0 276 -81.5t99 -223.5q0 -187 -167 -288.5t-477 -101.5h-51l-2 -21v-20q0 -91 51.5 -143.5 t147.5 -52.5q87 0 158 19t172 67v-227q-172 -86 -390 -86zM365 1382q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM767 1382q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xec;" horiz-adv-x="608" d="M37 0zM338 0h-301l237 1118h301zM579 1241h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="&#xed;" horiz-adv-x="608" d="M37 0zM338 0h-301l237 1118h301zM291 1266q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xee;" horiz-adv-x="608" d="M36 0zM338 0h-301l237 1118h301zM845 1241h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xef;" horiz-adv-x="608" d="M37 0zM338 0h-301l237 1118h301zM126 1382q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM528 1382q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1182" d="M618 1309q-34 34 -124 80l118 186q134 -61 232 -139l237 131l76 -152l-192 -106q81 -107 113 -235t32 -279q0 -249 -69.5 -432.5t-203.5 -283t-323 -99.5q-216 0 -329 110t-113 316q0 165 64.5 301t180.5 212t265 76q83 0 151.5 -31t114.5 -94h6q-20 213 -117 310 l-231 -131l-88 147zM528 205q66 0 122.5 55.5t89 148.5t32.5 193q0 77 -38.5 122.5t-108.5 45.5q-73 0 -130 -53t-88.5 -143t-31.5 -197q0 -81 39 -126.5t114 -45.5z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1237" d="M37 0zM977 0h-301l137 653q16 68 16 119q0 123 -108 123q-92 0 -167 -114t-118 -318l-98 -463h-301l237 1118h230l-21 -207h6q146 228 355 228q138 0 213.5 -83.5t75.5 -238.5q0 -73 -23 -180zM909 1241q-49 0 -86.5 16.5t-69.5 36t-61.5 36t-62.5 16.5q-31 0 -55.5 -28 t-38.5 -79h-177q59 309 281 309q49 0 87.5 -16.5t71.5 -36t62 -35.5t60 -16q34 0 58 25.5t46 80.5h172q-66 -309 -287 -309z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1198" d="M90 0zM805 696q0 197 -143 197q-75 0 -134.5 -61t-97 -179t-37.5 -243q0 -185 150 -185q75 0 135 61.5t93.5 171t33.5 238.5zM1108 696q0 -211 -70.5 -374t-203.5 -252.5t-316 -89.5q-195 0 -311.5 117.5t-116.5 312.5q0 213 71.5 379.5t206.5 258t316 91.5 q196 0 310 -118t114 -325zM845 1241h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311q36 -148 115 -303v-25z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1198" d="M90 0zM805 696q0 197 -143 197q-75 0 -134.5 -61t-97 -179t-37.5 -243q0 -185 150 -185q75 0 135 61.5t93.5 171t33.5 238.5zM1108 696q0 -211 -70.5 -374t-203.5 -252.5t-316 -89.5q-195 0 -311.5 117.5t-116.5 312.5q0 213 71.5 379.5t206.5 258t316 91.5 q196 0 310 -118t114 -325zM571 1266q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1198" d="M90 0zM805 696q0 197 -143 197q-75 0 -134.5 -61t-97 -179t-37.5 -243q0 -185 150 -185q75 0 135 61.5t93.5 171t33.5 238.5zM1108 696q0 -211 -70.5 -374t-203.5 -252.5t-316 -89.5q-195 0 -311.5 117.5t-116.5 312.5q0 213 71.5 379.5t206.5 258t316 91.5 q196 0 310 -118t114 -325zM1109 1241h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1198" d="M90 0zM805 696q0 197 -143 197q-75 0 -134.5 -61t-97 -179t-37.5 -243q0 -185 150 -185q75 0 135 61.5t93.5 171t33.5 238.5zM1108 696q0 -211 -70.5 -374t-203.5 -252.5t-316 -89.5q-195 0 -311.5 117.5t-116.5 312.5q0 213 71.5 379.5t206.5 258t316 91.5 q196 0 310 -118t114 -325zM865 1241q-49 0 -86.5 16.5t-69.5 36t-61.5 36t-62.5 16.5q-31 0 -55.5 -28t-38.5 -79h-177q59 309 281 309q49 0 87.5 -16.5t71.5 -36t62 -35.5t60 -16q34 0 58 25.5t46 80.5h172q-66 -309 -287 -309z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1198" d="M90 0zM805 696q0 197 -143 197q-75 0 -134.5 -61t-97 -179t-37.5 -243q0 -185 150 -185q75 0 135 61.5t93.5 171t33.5 238.5zM1108 696q0 -211 -70.5 -374t-203.5 -252.5t-316 -89.5q-195 0 -311.5 117.5t-116.5 312.5q0 213 71.5 379.5t206.5 258t316 91.5 q196 0 310 -118t114 -325zM386 1382q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM788 1382q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xf7;" d="M109 612v219h952v-219h-952zM444 373q0 76 37 113.5t103 37.5t102.5 -39t36.5 -112q0 -70 -37 -111t-102 -41t-102.5 39t-37.5 113zM444 1071q0 75 37 113.5t103 38.5q67 0 103 -40.5t36 -111.5q0 -70 -37 -110.5t-102 -40.5t-102.5 39t-37.5 112z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1198" d="M1108 696q0 -211 -70.5 -374t-203.5 -252.5t-316 -89.5q-123 0 -225 53l-109 -135l-141 108l119 148q-72 107 -72 256q0 213 71.5 379.5t206.5 258t316 91.5q131 0 227 -56l70 88l145 -110l-84 -105q66 -107 66 -260zM662 903q-81 0 -144.5 -62.5t-98 -169.5t-34.5 -233 v-12l365 453q-35 24 -88 24zM543 215q114 0 193 133t79 318v16l-358 -444q11 -8 35.5 -15.5t50.5 -7.5z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1237" d="M111 0zM262 1118h301l-137 -653q-16 -68 -16 -119q0 -123 108 -123q92 0 167 114t118 318l98 463h301l-237 -1118h-230l21 207h-6q-145 -227 -355 -227q-138 0 -211 82.5t-73 238.5q0 93 24 213zM845 1241h-184q-71 69 -138.5 153.5t-103.5 153.5v21h311 q36 -148 115 -303v-25z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1237" d="M111 0zM262 1118h301l-137 -653q-16 -68 -16 -119q0 -123 108 -123q92 0 167 114t118 318l98 463h301l-237 -1118h-230l21 207h-6q-145 -227 -355 -227q-138 0 -211 82.5t-73 238.5q0 93 24 213zM610 1266q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209 v25z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1237" d="M111 0zM262 1118h301l-137 -653q-16 -68 -16 -119q0 -123 108 -123q92 0 167 114t118 318l98 463h301l-237 -1118h-230l21 207h-6q-145 -227 -355 -227q-138 0 -211 82.5t-73 238.5q0 93 24 213zM1143 1241h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25 q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1237" d="M111 0zM262 1118h301l-137 -653q-16 -68 -16 -119q0 -123 108 -123q92 0 167 114t118 318l98 463h301l-237 -1118h-230l21 207h-6q-145 -227 -355 -227q-138 0 -211 82.5t-73 238.5q0 93 24 213zM411 1382q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5 t-121 -43.5q-135 0 -135 110zM813 1382q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#xfd;" horiz-adv-x="1063" d="M0 0zM102 1118h295l56 -518q14 -122 14 -293h6q20 51 44 119.5t65 153.5l260 538h327l-680 -1278q-177 -332 -483 -332q-90 0 -147 19v240q68 -13 116 -13q84 0 147.5 48t117.5 149l26 49zM497 1266q79 88 222 303h335v-17q-46 -56 -154 -152.5t-194 -158.5h-209v25z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1219" d="M813 1139q150 0 232.5 -106.5t82.5 -301.5q0 -199 -69 -381t-182 -276t-250 -94q-178 0 -271 163h-8q-12 -159 -43 -295l-72 -340h-301l435 2048h301l-66 -307q-29 -131 -80 -280h8q131 170 283 170zM682 895q-71 0 -130 -65t-95.5 -184.5t-36.5 -246.5q0 -80 33.5 -128 t105.5 -48q69 0 129 65t97.5 183.5t37.5 247.5q0 88 -37.5 132t-103.5 44z" />
-<glyph unicode="&#xff;" horiz-adv-x="1063" d="M0 0zM102 1118h295l56 -518q14 -122 14 -293h6q20 51 44 119.5t65 153.5l260 538h327l-680 -1278q-177 -332 -483 -332q-90 0 -147 19v240q68 -13 116 -13q84 0 147.5 48t117.5 149l26 49zM310 1382q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5 q-135 0 -135 110zM712 1382q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5q-135 0 -135 110z" />
-<glyph unicode="&#x131;" horiz-adv-x="608" d="M338 0h-301l237 1118h301z" />
-<glyph unicode="&#x152;" horiz-adv-x="1845" d="M1606 0h-760q-93 -20 -180 -20q-256 0 -399.5 147.5t-143.5 409.5q0 265 99 487.5t273 341.5t402 119q140 0 209 -23h809l-53 -254h-512l-68 -321h477l-55 -254h-477l-80 -377h512zM688 240q88 0 158 32l194 916q-62 39 -168 39q-121 0 -222 -91.5t-158.5 -251.5 t-57.5 -347q0 -147 66.5 -222t187.5 -75z" />
-<glyph unicode="&#x153;" horiz-adv-x="1806" d="M1198 -20q-116 0 -208 38.5t-138 106.5q-63 -68 -147 -106.5t-207 -38.5q-187 0 -297.5 117t-110.5 317q0 216 69 380.5t200 254.5t309 90q209 0 313 -160q154 160 399 160q177 0 276 -81.5t99 -223.5q0 -187 -167 -288.5t-476 -101.5h-51l-2 -21v-20q0 -91 51 -143.5 t147 -52.5q87 0 158 19t172 67v-227q-93 -46 -185.5 -66t-203.5 -20zM645 893q-71 0 -127 -60.5t-90.5 -176.5t-34.5 -242q0 -91 36.5 -140t109.5 -49q109 0 179 134.5t70 336.5q0 96 -37 146.5t-106 50.5zM1362 922q-88 0 -165.5 -78.5t-102.5 -196.5h45q155 0 241 48.5 t86 131.5q0 95 -104 95z" />
-<glyph unicode="&#x178;" horiz-adv-x="1155" d="M186 0zM627 870l374 592h342l-618 -903l-119 -559h-303l119 559l-236 903h312zM432 1720q0 78 42.5 118t119.5 40q133 0 133 -108q0 -73 -39 -116.5t-121 -43.5q-135 0 -135 110zM834 1720q0 78 42 118t120 40q65 0 99 -28t34 -80q0 -73 -39.5 -116.5t-120.5 -43.5 q-135 0 -135 110z" />
-<glyph unicode="&#x2c6;" horiz-adv-x="1135" d="M1120 1241h-198q-63 53 -162 168q-105 -88 -232 -168h-217v25q63 57 153 147t142 156h338q22 -54 74 -142.5t102 -160.5v-25z" />
-<glyph unicode="&#x2da;" horiz-adv-x="1182" d="M1034 1479q0 -107 -70 -173.5t-184 -66.5q-110 0 -179 63.5t-69 174.5q0 109 68.5 173t179.5 64q110 0 182 -65t72 -170zM877 1477q0 45 -27.5 70.5t-69.5 25.5t-69 -25.5t-27 -70.5t24 -71t72 -26q42 0 69.5 26t27.5 71z" />
-<glyph unicode="&#x2dc;" horiz-adv-x="1135" d="M866 1241q-49 0 -86.5 16.5t-69.5 36t-61.5 36t-62.5 16.5q-31 0 -55.5 -28t-38.5 -79h-177q59 309 281 309q49 0 87.5 -16.5t71.5 -36t62 -35.5t60 -16q34 0 58 25.5t46 80.5h172q-66 -309 -287 -309z" />
-<glyph unicode="&#x2000;" horiz-adv-x="953" />
-<glyph unicode="&#x2001;" horiz-adv-x="1907" />
-<glyph unicode="&#x2002;" horiz-adv-x="953" />
-<glyph unicode="&#x2003;" horiz-adv-x="1907" />
-<glyph unicode="&#x2004;" horiz-adv-x="635" />
-<glyph unicode="&#x2005;" horiz-adv-x="476" />
-<glyph unicode="&#x2006;" horiz-adv-x="317" />
-<glyph unicode="&#x2007;" horiz-adv-x="317" />
-<glyph unicode="&#x2008;" horiz-adv-x="238" />
-<glyph unicode="&#x2009;" horiz-adv-x="381" />
-<glyph unicode="&#x200a;" horiz-adv-x="105" />
-<glyph unicode="&#x2010;" horiz-adv-x="659" d="M41 424l53 250h524l-53 -250h-524z" />
-<glyph unicode="&#x2011;" horiz-adv-x="659" d="M41 424l53 250h524l-53 -250h-524z" />
-<glyph unicode="&#x2012;" horiz-adv-x="659" d="M41 424l53 250h524l-53 -250h-524z" />
-<glyph unicode="&#x2013;" horiz-adv-x="983" d="M41 436l49 230h852l-49 -230h-852z" />
-<glyph unicode="&#x2014;" horiz-adv-x="1966" d="M41 436l49 230h1835l-49 -230h-1835z" />
-<glyph unicode="&#x2018;" horiz-adv-x="440" d="M123 961l-8 22q103 227 262 479h225q-91 -213 -194 -501h-285z" />
-<glyph unicode="&#x2019;" horiz-adv-x="440" d="M586 1462l8 -22q-103 -227 -262 -479h-226q89 206 195 501h285z" />
-<glyph unicode="&#x201a;" horiz-adv-x="569" d="M377 238l8 -23q-103 -227 -262 -479h-225q88 207 194 502h285z" />
-<glyph unicode="&#x201c;" horiz-adv-x="887" d="M569 961l-8 22q103 227 262 479h226q-97 -227 -195 -501h-285zM123 961l-8 22q103 227 262 479h225q-91 -213 -194 -501h-285z" />
-<glyph unicode="&#x201d;" horiz-adv-x="887" d="M586 1462l8 -22q-103 -227 -262 -479h-226q89 206 195 501h285zM1032 1462l8 -22q-103 -227 -262 -479h-225q23 53 46.5 111t148.5 390h284z" />
-<glyph unicode="&#x201e;" horiz-adv-x="1018" d="M377 238l8 -23q-103 -227 -262 -479h-225q88 207 194 502h285zM825 238l9 -23q-100 -221 -263 -479h-225q24 57 49 118.5t146 383.5h284z" />
-<glyph unicode="&#x2022;" horiz-adv-x="739" d="M104 686q0 106 42.5 194t120 136.5t182.5 48.5q120 0 182.5 -67t62.5 -191q0 -177 -91.5 -277t-248.5 -100q-117 0 -183.5 67t-66.5 189z" />
-<glyph unicode="&#x2026;" horiz-adv-x="1706" d="M25 0zM25 115q0 90 53.5 144t150.5 54q68 0 109 -38t41 -107q0 -87 -55 -141t-144 -54q-73 0 -114 37.5t-41 104.5zM586 115q0 90 53.5 144t150.5 54q68 0 109 -38t41 -107q0 -87 -55 -141t-144 -54q-73 0 -114 37.5t-41 104.5zM1147 115q0 90 53.5 144t150.5 54 q68 0 109 -38t41 -107q0 -87 -55 -141t-144 -54q-73 0 -114 37.5t-41 104.5z" />
-<glyph unicode="&#x202f;" horiz-adv-x="381" />
-<glyph unicode="&#x2039;" horiz-adv-x="664" d="M72 569l401 463l191 -155l-279 -334l135 -350l-246 -103l-202 461v18z" />
-<glyph unicode="&#x203a;" horiz-adv-x="664" d="M592 535l-402 -463l-190 155l279 334l-136 350l246 103l203 -461v-18z" />
-<glyph unicode="&#x2044;" horiz-adv-x="256" d="M791 1462l-1084 -1462h-239l1087 1462h236z" />
-<glyph unicode="&#x205f;" horiz-adv-x="476" />
-<glyph unicode="&#x2074;" horiz-adv-x="776" d="M776 737h-119l-32 -151h-238l33 151h-373l31 174l475 557h260l-121 -563h119zM455 905l58 231l22 74q-13 -20 -43 -58t-211 -247h174z" />
-<glyph unicode="&#x20ac;" d="M899 1237q-97 0 -176 -74.5t-135 -212.5h348l-39 -176h-360q-11 -34 -25 -115h299l-37 -178h-280q0 -120 44.5 -181.5t147.5 -61.5q133 0 283 63v-258q-126 -63 -330 -63q-446 0 -446 501h-152l37 178h127q9 67 22 115h-125l39 176h135q87 252 250.5 393.5t374.5 141.5 q100 0 179 -23t165 -80l-125 -223q-87 49 -131 63.5t-90 14.5z" />
-<glyph unicode="&#x2122;" horiz-adv-x="1534" d="M471 741h-168v572h-197v149h564v-149h-199v-572zM1047 741l-166 529h-7l5 -111v-418h-164v721h248l159 -510l170 510h240v-721h-168v408l4 121h-6l-174 -529h-141z" />
-<glyph unicode="&#xe000;" horiz-adv-x="1120" d="M0 1120h1120v-1120h-1120v1120z" />
-<glyph horiz-adv-x="1217" d="M0 0z" />
-<hkern u1="&#x22;" u2="&#x178;" k="-20" />
-<hkern u1="&#x22;" u2="&#x153;" k="123" />
-<hkern u1="&#x22;" u2="&#xfc;" k="61" />
-<hkern u1="&#x22;" u2="&#xfb;" k="61" />
-<hkern u1="&#x22;" u2="&#xfa;" k="61" />
-<hkern u1="&#x22;" u2="&#xf9;" k="61" />
-<hkern u1="&#x22;" u2="&#xf8;" k="123" />
-<hkern u1="&#x22;" u2="&#xf6;" k="123" />
-<hkern u1="&#x22;" u2="&#xf5;" k="123" />
-<hkern u1="&#x22;" u2="&#xf4;" k="123" />
-<hkern u1="&#x22;" u2="&#xf3;" k="123" />
-<hkern u1="&#x22;" u2="&#xf2;" k="123" />
-<hkern u1="&#x22;" u2="&#xeb;" k="123" />
-<hkern u1="&#x22;" u2="&#xea;" k="123" />
-<hkern u1="&#x22;" u2="&#xe9;" k="123" />
-<hkern u1="&#x22;" u2="&#xe8;" k="123" />
-<hkern u1="&#x22;" u2="&#xe7;" k="123" />
-<hkern u1="&#x22;" u2="&#xe6;" k="82" />
-<hkern u1="&#x22;" u2="&#xe5;" k="82" />
-<hkern u1="&#x22;" u2="&#xe4;" k="82" />
-<hkern u1="&#x22;" u2="&#xe3;" k="82" />
-<hkern u1="&#x22;" u2="&#xe2;" k="82" />
-<hkern u1="&#x22;" u2="&#xe1;" k="82" />
-<hkern u1="&#x22;" u2="&#xe0;" k="123" />
-<hkern u1="&#x22;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x22;" u2="&#xc5;" k="143" />
-<hkern u1="&#x22;" u2="&#xc4;" k="143" />
-<hkern u1="&#x22;" u2="&#xc3;" k="143" />
-<hkern u1="&#x22;" u2="&#xc2;" k="143" />
-<hkern u1="&#x22;" u2="&#xc1;" k="143" />
-<hkern u1="&#x22;" u2="&#xc0;" k="143" />
-<hkern u1="&#x22;" u2="u" k="61" />
-<hkern u1="&#x22;" u2="s" k="61" />
-<hkern u1="&#x22;" u2="r" k="61" />
-<hkern u1="&#x22;" u2="q" k="123" />
-<hkern u1="&#x22;" u2="p" k="61" />
-<hkern u1="&#x22;" u2="o" k="123" />
-<hkern u1="&#x22;" u2="n" k="61" />
-<hkern u1="&#x22;" u2="m" k="61" />
-<hkern u1="&#x22;" u2="g" k="61" />
-<hkern u1="&#x22;" u2="e" k="123" />
-<hkern u1="&#x22;" u2="d" k="123" />
-<hkern u1="&#x22;" u2="c" k="123" />
-<hkern u1="&#x22;" u2="a" k="82" />
-<hkern u1="&#x22;" u2="Y" k="-20" />
-<hkern u1="&#x22;" u2="W" k="-41" />
-<hkern u1="&#x22;" u2="V" k="-41" />
-<hkern u1="&#x22;" u2="T" k="-41" />
-<hkern u1="&#x22;" u2="A" k="143" />
-<hkern u1="&#x27;" u2="&#x178;" k="-20" />
-<hkern u1="&#x27;" u2="&#x153;" k="123" />
-<hkern u1="&#x27;" u2="&#xfc;" k="61" />
-<hkern u1="&#x27;" u2="&#xfb;" k="61" />
-<hkern u1="&#x27;" u2="&#xfa;" k="61" />
-<hkern u1="&#x27;" u2="&#xf9;" k="61" />
-<hkern u1="&#x27;" u2="&#xf8;" k="123" />
-<hkern u1="&#x27;" u2="&#xf6;" k="123" />
-<hkern u1="&#x27;" u2="&#xf5;" k="123" />
-<hkern u1="&#x27;" u2="&#xf4;" k="123" />
-<hkern u1="&#x27;" u2="&#xf3;" k="123" />
-<hkern u1="&#x27;" u2="&#xf2;" k="123" />
-<hkern u1="&#x27;" u2="&#xeb;" k="123" />
-<hkern u1="&#x27;" u2="&#xea;" k="123" />
-<hkern u1="&#x27;" u2="&#xe9;" k="123" />
-<hkern u1="&#x27;" u2="&#xe8;" k="123" />
-<hkern u1="&#x27;" u2="&#xe7;" k="123" />
-<hkern u1="&#x27;" u2="&#xe6;" k="82" />
-<hkern u1="&#x27;" u2="&#xe5;" k="82" />
-<hkern u1="&#x27;" u2="&#xe4;" k="82" />
-<hkern u1="&#x27;" u2="&#xe3;" k="82" />
-<hkern u1="&#x27;" u2="&#xe2;" k="82" />
-<hkern u1="&#x27;" u2="&#xe1;" k="82" />
-<hkern u1="&#x27;" u2="&#xe0;" k="123" />
-<hkern u1="&#x27;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x27;" u2="&#xc5;" k="143" />
-<hkern u1="&#x27;" u2="&#xc4;" k="143" />
-<hkern u1="&#x27;" u2="&#xc3;" k="143" />
-<hkern u1="&#x27;" u2="&#xc2;" k="143" />
-<hkern u1="&#x27;" u2="&#xc1;" k="143" />
-<hkern u1="&#x27;" u2="&#xc0;" k="143" />
-<hkern u1="&#x27;" u2="u" k="61" />
-<hkern u1="&#x27;" u2="s" k="61" />
-<hkern u1="&#x27;" u2="r" k="61" />
-<hkern u1="&#x27;" u2="q" k="123" />
-<hkern u1="&#x27;" u2="p" k="61" />
-<hkern u1="&#x27;" u2="o" k="123" />
-<hkern u1="&#x27;" u2="n" k="61" />
-<hkern u1="&#x27;" u2="m" k="61" />
-<hkern u1="&#x27;" u2="g" k="61" />
-<hkern u1="&#x27;" u2="e" k="123" />
-<hkern u1="&#x27;" u2="d" k="123" />
-<hkern u1="&#x27;" u2="c" k="123" />
-<hkern u1="&#x27;" u2="a" k="82" />
-<hkern u1="&#x27;" u2="Y" k="-20" />
-<hkern u1="&#x27;" u2="W" k="-41" />
-<hkern u1="&#x27;" u2="V" k="-41" />
-<hkern u1="&#x27;" u2="T" k="-41" />
-<hkern u1="&#x27;" u2="A" k="143" />
-<hkern u1="&#x28;" u2="J" k="-184" />
-<hkern u1="&#x2c;" u2="&#x178;" k="123" />
-<hkern u1="&#x2c;" u2="&#x152;" k="102" />
-<hkern u1="&#x2c;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2c;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2c;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2c;" u2="&#xda;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2c;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2c;" u2="Y" k="123" />
-<hkern u1="&#x2c;" u2="W" k="123" />
-<hkern u1="&#x2c;" u2="V" k="123" />
-<hkern u1="&#x2c;" u2="U" k="41" />
-<hkern u1="&#x2c;" u2="T" k="143" />
-<hkern u1="&#x2c;" u2="Q" k="102" />
-<hkern u1="&#x2c;" u2="O" k="102" />
-<hkern u1="&#x2c;" u2="G" k="102" />
-<hkern u1="&#x2c;" u2="C" k="102" />
-<hkern u1="&#x2d;" u2="T" k="82" />
-<hkern u1="&#x2e;" u2="&#x178;" k="123" />
-<hkern u1="&#x2e;" u2="&#x152;" k="102" />
-<hkern u1="&#x2e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2e;" u2="&#xda;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2e;" u2="Y" k="123" />
-<hkern u1="&#x2e;" u2="W" k="123" />
-<hkern u1="&#x2e;" u2="V" k="123" />
-<hkern u1="&#x2e;" u2="U" k="41" />
-<hkern u1="&#x2e;" u2="T" k="143" />
-<hkern u1="&#x2e;" u2="Q" k="102" />
-<hkern u1="&#x2e;" u2="O" k="102" />
-<hkern u1="&#x2e;" u2="G" k="102" />
-<hkern u1="&#x2e;" u2="C" k="102" />
-<hkern u1="A" u2="&#x201d;" k="143" />
-<hkern u1="A" u2="&#x2019;" k="143" />
-<hkern u1="A" u2="&#x178;" k="123" />
-<hkern u1="A" u2="&#x152;" k="41" />
-<hkern u1="A" u2="&#xdd;" k="123" />
-<hkern u1="A" u2="&#xd8;" k="41" />
-<hkern u1="A" u2="&#xd6;" k="41" />
-<hkern u1="A" u2="&#xd5;" k="41" />
-<hkern u1="A" u2="&#xd4;" k="41" />
-<hkern u1="A" u2="&#xd3;" k="41" />
-<hkern u1="A" u2="&#xd2;" k="41" />
-<hkern u1="A" u2="&#xc7;" k="41" />
-<hkern u1="A" u2="Y" k="123" />
-<hkern u1="A" u2="W" k="82" />
-<hkern u1="A" u2="V" k="82" />
-<hkern u1="A" u2="T" k="143" />
-<hkern u1="A" u2="Q" k="41" />
-<hkern u1="A" u2="O" k="41" />
-<hkern u1="A" u2="J" k="-266" />
-<hkern u1="A" u2="G" k="41" />
-<hkern u1="A" u2="C" k="41" />
-<hkern u1="A" u2="&#x27;" k="143" />
-<hkern u1="A" u2="&#x22;" k="143" />
-<hkern u1="B" u2="&#x201e;" k="82" />
-<hkern u1="B" u2="&#x201a;" k="82" />
-<hkern u1="B" u2="&#x178;" k="20" />
-<hkern u1="B" u2="&#xdd;" k="20" />
-<hkern u1="B" u2="&#xc5;" k="41" />
-<hkern u1="B" u2="&#xc4;" k="41" />
-<hkern u1="B" u2="&#xc3;" k="41" />
-<hkern u1="B" u2="&#xc2;" k="41" />
-<hkern u1="B" u2="&#xc1;" k="41" />
-<hkern u1="B" u2="&#xc0;" k="41" />
-<hkern u1="B" u2="Z" k="20" />
-<hkern u1="B" u2="Y" k="20" />
-<hkern u1="B" u2="X" k="41" />
-<hkern u1="B" u2="W" k="20" />
-<hkern u1="B" u2="V" k="20" />
-<hkern u1="B" u2="T" k="61" />
-<hkern u1="B" u2="A" k="41" />
-<hkern u1="B" u2="&#x2e;" k="82" />
-<hkern u1="B" u2="&#x2c;" k="82" />
-<hkern u1="C" u2="&#x152;" k="41" />
-<hkern u1="C" u2="&#xd8;" k="41" />
-<hkern u1="C" u2="&#xd6;" k="41" />
-<hkern u1="C" u2="&#xd5;" k="41" />
-<hkern u1="C" u2="&#xd4;" k="41" />
-<hkern u1="C" u2="&#xd3;" k="41" />
-<hkern u1="C" u2="&#xd2;" k="41" />
-<hkern u1="C" u2="&#xc7;" k="41" />
-<hkern u1="C" u2="Q" k="41" />
-<hkern u1="C" u2="O" k="41" />
-<hkern u1="C" u2="G" k="41" />
-<hkern u1="C" u2="C" k="41" />
-<hkern u1="D" u2="&#x201e;" k="82" />
-<hkern u1="D" u2="&#x201a;" k="82" />
-<hkern u1="D" u2="&#x178;" k="20" />
-<hkern u1="D" u2="&#xdd;" k="20" />
-<hkern u1="D" u2="&#xc5;" k="41" />
-<hkern u1="D" u2="&#xc4;" k="41" />
-<hkern u1="D" u2="&#xc3;" k="41" />
-<hkern u1="D" u2="&#xc2;" k="41" />
-<hkern u1="D" u2="&#xc1;" k="41" />
-<hkern u1="D" u2="&#xc0;" k="41" />
-<hkern u1="D" u2="Z" k="20" />
-<hkern u1="D" u2="Y" k="20" />
-<hkern u1="D" u2="X" k="41" />
-<hkern u1="D" u2="W" k="20" />
-<hkern u1="D" u2="V" k="20" />
-<hkern u1="D" u2="T" k="61" />
-<hkern u1="D" u2="A" k="41" />
-<hkern u1="D" u2="&#x2e;" k="82" />
-<hkern u1="D" u2="&#x2c;" k="82" />
-<hkern u1="E" u2="J" k="-123" />
-<hkern u1="F" u2="&#x201e;" k="123" />
-<hkern u1="F" u2="&#x201a;" k="123" />
-<hkern u1="F" u2="&#xc5;" k="41" />
-<hkern u1="F" u2="&#xc4;" k="41" />
-<hkern u1="F" u2="&#xc3;" k="41" />
-<hkern u1="F" u2="&#xc2;" k="41" />
-<hkern u1="F" u2="&#xc1;" k="41" />
-<hkern u1="F" u2="&#xc0;" k="41" />
-<hkern u1="F" u2="A" k="41" />
-<hkern u1="F" u2="&#x3f;" k="-41" />
-<hkern u1="F" u2="&#x2e;" k="123" />
-<hkern u1="F" u2="&#x2c;" k="123" />
-<hkern u1="K" u2="&#x152;" k="41" />
-<hkern u1="K" u2="&#xd8;" k="41" />
-<hkern u1="K" u2="&#xd6;" k="41" />
-<hkern u1="K" u2="&#xd5;" k="41" />
-<hkern u1="K" u2="&#xd4;" k="41" />
-<hkern u1="K" u2="&#xd3;" k="41" />
-<hkern u1="K" u2="&#xd2;" k="41" />
-<hkern u1="K" u2="&#xc7;" k="41" />
-<hkern u1="K" u2="Q" k="41" />
-<hkern u1="K" u2="O" k="41" />
-<hkern u1="K" u2="G" k="41" />
-<hkern u1="K" u2="C" k="41" />
-<hkern u1="L" u2="&#x201d;" k="164" />
-<hkern u1="L" u2="&#x2019;" k="164" />
-<hkern u1="L" u2="&#x178;" k="61" />
-<hkern u1="L" u2="&#x152;" k="41" />
-<hkern u1="L" u2="&#xdd;" k="61" />
-<hkern u1="L" u2="&#xdc;" k="20" />
-<hkern u1="L" u2="&#xdb;" k="20" />
-<hkern u1="L" u2="&#xda;" k="20" />
-<hkern u1="L" u2="&#xd9;" k="20" />
-<hkern u1="L" u2="&#xd8;" k="41" />
-<hkern u1="L" u2="&#xd6;" k="41" />
-<hkern u1="L" u2="&#xd5;" k="41" />
-<hkern u1="L" u2="&#xd4;" k="41" />
-<hkern u1="L" u2="&#xd3;" k="41" />
-<hkern u1="L" u2="&#xd2;" k="41" />
-<hkern u1="L" u2="&#xc7;" k="41" />
-<hkern u1="L" u2="Y" k="61" />
-<hkern u1="L" u2="W" k="41" />
-<hkern u1="L" u2="V" k="41" />
-<hkern u1="L" u2="U" k="20" />
-<hkern u1="L" u2="T" k="41" />
-<hkern u1="L" u2="Q" k="41" />
-<hkern u1="L" u2="O" k="41" />
-<hkern u1="L" u2="G" k="41" />
-<hkern u1="L" u2="C" k="41" />
-<hkern u1="L" u2="&#x27;" k="164" />
-<hkern u1="L" u2="&#x22;" k="164" />
-<hkern u1="O" u2="&#x201e;" k="82" />
-<hkern u1="O" u2="&#x201a;" k="82" />
-<hkern u1="O" u2="&#x178;" k="20" />
-<hkern u1="O" u2="&#xdd;" k="20" />
-<hkern u1="O" u2="&#xc5;" k="41" />
-<hkern u1="O" u2="&#xc4;" k="41" />
-<hkern u1="O" u2="&#xc3;" k="41" />
-<hkern u1="O" u2="&#xc2;" k="41" />
-<hkern u1="O" u2="&#xc1;" k="41" />
-<hkern u1="O" u2="&#xc0;" k="41" />
-<hkern u1="O" u2="Z" k="20" />
-<hkern u1="O" u2="Y" k="20" />
-<hkern u1="O" u2="X" k="41" />
-<hkern u1="O" u2="W" k="20" />
-<hkern u1="O" u2="V" k="20" />
-<hkern u1="O" u2="T" k="61" />
-<hkern u1="O" u2="A" k="41" />
-<hkern u1="O" u2="&#x2e;" k="82" />
-<hkern u1="O" u2="&#x2c;" k="82" />
-<hkern u1="P" u2="&#x201e;" k="266" />
-<hkern u1="P" u2="&#x201a;" k="266" />
-<hkern u1="P" u2="&#xc5;" k="102" />
-<hkern u1="P" u2="&#xc4;" k="102" />
-<hkern u1="P" u2="&#xc3;" k="102" />
-<hkern u1="P" u2="&#xc2;" k="102" />
-<hkern u1="P" u2="&#xc1;" k="102" />
-<hkern u1="P" u2="&#xc0;" k="102" />
-<hkern u1="P" u2="Z" k="20" />
-<hkern u1="P" u2="X" k="41" />
-<hkern u1="P" u2="A" k="102" />
-<hkern u1="P" u2="&#x2e;" k="266" />
-<hkern u1="P" u2="&#x2c;" k="266" />
-<hkern u1="Q" u2="&#x201e;" k="82" />
-<hkern u1="Q" u2="&#x201a;" k="82" />
-<hkern u1="Q" u2="&#x178;" k="20" />
-<hkern u1="Q" u2="&#xdd;" k="20" />
-<hkern u1="Q" u2="&#xc5;" k="41" />
-<hkern u1="Q" u2="&#xc4;" k="41" />
-<hkern u1="Q" u2="&#xc3;" k="41" />
-<hkern u1="Q" u2="&#xc2;" k="41" />
-<hkern u1="Q" u2="&#xc1;" k="41" />
-<hkern u1="Q" u2="&#xc0;" k="41" />
-<hkern u1="Q" u2="Z" k="20" />
-<hkern u1="Q" u2="Y" k="20" />
-<hkern u1="Q" u2="X" k="41" />
-<hkern u1="Q" u2="W" k="20" />
-<hkern u1="Q" u2="V" k="20" />
-<hkern u1="Q" u2="T" k="61" />
-<hkern u1="Q" u2="A" k="41" />
-<hkern u1="Q" u2="&#x2e;" k="82" />
-<hkern u1="Q" u2="&#x2c;" k="82" />
-<hkern u1="T" u2="&#x201e;" k="123" />
-<hkern u1="T" u2="&#x201a;" k="123" />
-<hkern u1="T" u2="&#x2014;" k="82" />
-<hkern u1="T" u2="&#x2013;" k="82" />
-<hkern u1="T" u2="&#x153;" k="143" />
-<hkern u1="T" u2="&#x152;" k="41" />
-<hkern u1="T" u2="&#xfd;" k="41" />
-<hkern u1="T" u2="&#xfc;" k="102" />
-<hkern u1="T" u2="&#xfb;" k="102" />
-<hkern u1="T" u2="&#xfa;" k="102" />
-<hkern u1="T" u2="&#xf9;" k="102" />
-<hkern u1="T" u2="&#xf8;" k="143" />
-<hkern u1="T" u2="&#xf6;" k="143" />
-<hkern u1="T" u2="&#xf5;" k="143" />
-<hkern u1="T" u2="&#xf4;" k="143" />
-<hkern u1="T" u2="&#xf3;" k="143" />
-<hkern u1="T" u2="&#xf2;" k="143" />
-<hkern u1="T" u2="&#xeb;" k="143" />
-<hkern u1="T" u2="&#xea;" k="143" />
-<hkern u1="T" u2="&#xe9;" k="143" />
-<hkern u1="T" u2="&#xe8;" k="143" />
-<hkern u1="T" u2="&#xe7;" k="143" />
-<hkern u1="T" u2="&#xe6;" k="164" />
-<hkern u1="T" u2="&#xe5;" k="164" />
-<hkern u1="T" u2="&#xe4;" k="164" />
-<hkern u1="T" u2="&#xe3;" k="164" />
-<hkern u1="T" u2="&#xe2;" k="164" />
-<hkern u1="T" u2="&#xe1;" k="164" />
-<hkern u1="T" u2="&#xe0;" k="143" />
-<hkern u1="T" u2="&#xd8;" k="41" />
-<hkern u1="T" u2="&#xd6;" k="41" />
-<hkern u1="T" u2="&#xd5;" k="41" />
-<hkern u1="T" u2="&#xd4;" k="41" />
-<hkern u1="T" u2="&#xd3;" k="41" />
-<hkern u1="T" u2="&#xd2;" k="41" />
-<hkern u1="T" u2="&#xc7;" k="41" />
-<hkern u1="T" u2="&#xc5;" k="143" />
-<hkern u1="T" u2="&#xc4;" k="143" />
-<hkern u1="T" u2="&#xc3;" k="143" />
-<hkern u1="T" u2="&#xc2;" k="143" />
-<hkern u1="T" u2="&#xc1;" k="143" />
-<hkern u1="T" u2="&#xc0;" k="143" />
-<hkern u1="T" u2="z" k="82" />
-<hkern u1="T" u2="y" k="41" />
-<hkern u1="T" u2="x" k="41" />
-<hkern u1="T" u2="w" k="41" />
-<hkern u1="T" u2="v" k="41" />
-<hkern u1="T" u2="u" k="102" />
-<hkern u1="T" u2="s" k="123" />
-<hkern u1="T" u2="r" k="102" />
-<hkern u1="T" u2="q" k="143" />
-<hkern u1="T" u2="p" k="102" />
-<hkern u1="T" u2="o" k="143" />
-<hkern u1="T" u2="n" k="102" />
-<hkern u1="T" u2="m" k="102" />
-<hkern u1="T" u2="g" k="143" />
-<hkern u1="T" u2="e" k="143" />
-<hkern u1="T" u2="d" k="143" />
-<hkern u1="T" u2="c" k="143" />
-<hkern u1="T" u2="a" k="164" />
-<hkern u1="T" u2="T" k="-41" />
-<hkern u1="T" u2="Q" k="41" />
-<hkern u1="T" u2="O" k="41" />
-<hkern u1="T" u2="G" k="41" />
-<hkern u1="T" u2="C" k="41" />
-<hkern u1="T" u2="A" k="143" />
-<hkern u1="T" u2="&#x3f;" k="-41" />
-<hkern u1="T" u2="&#x2e;" k="123" />
-<hkern u1="T" u2="&#x2d;" k="82" />
-<hkern u1="T" u2="&#x2c;" k="123" />
-<hkern u1="U" u2="&#x201e;" k="41" />
-<hkern u1="U" u2="&#x201a;" k="41" />
-<hkern u1="U" u2="&#xc5;" k="20" />
-<hkern u1="U" u2="&#xc4;" k="20" />
-<hkern u1="U" u2="&#xc3;" k="20" />
-<hkern u1="U" u2="&#xc2;" k="20" />
-<hkern u1="U" u2="&#xc1;" k="20" />
-<hkern u1="U" u2="&#xc0;" k="20" />
-<hkern u1="U" u2="A" k="20" />
-<hkern u1="U" u2="&#x2e;" k="41" />
-<hkern u1="U" u2="&#x2c;" k="41" />
-<hkern u1="V" u2="&#x201e;" k="102" />
-<hkern u1="V" u2="&#x201a;" k="102" />
-<hkern u1="V" u2="&#x153;" k="41" />
-<hkern u1="V" u2="&#x152;" k="20" />
-<hkern u1="V" u2="&#xfc;" k="20" />
-<hkern u1="V" u2="&#xfb;" k="20" />
-<hkern u1="V" u2="&#xfa;" k="20" />
-<hkern u1="V" u2="&#xf9;" k="20" />
-<hkern u1="V" u2="&#xf8;" k="41" />
-<hkern u1="V" u2="&#xf6;" k="41" />
-<hkern u1="V" u2="&#xf5;" k="41" />
-<hkern u1="V" u2="&#xf4;" k="41" />
-<hkern u1="V" u2="&#xf3;" k="41" />
-<hkern u1="V" u2="&#xf2;" k="41" />
-<hkern u1="V" u2="&#xeb;" k="41" />
-<hkern u1="V" u2="&#xea;" k="41" />
-<hkern u1="V" u2="&#xe9;" k="41" />
-<hkern u1="V" u2="&#xe8;" k="41" />
-<hkern u1="V" u2="&#xe7;" k="41" />
-<hkern u1="V" u2="&#xe6;" k="41" />
-<hkern u1="V" u2="&#xe5;" k="41" />
-<hkern u1="V" u2="&#xe4;" k="41" />
-<hkern u1="V" u2="&#xe3;" k="41" />
-<hkern u1="V" u2="&#xe2;" k="41" />
-<hkern u1="V" u2="&#xe1;" k="41" />
-<hkern u1="V" u2="&#xe0;" k="41" />
-<hkern u1="V" u2="&#xd8;" k="20" />
-<hkern u1="V" u2="&#xd6;" k="20" />
-<hkern u1="V" u2="&#xd5;" k="20" />
-<hkern u1="V" u2="&#xd4;" k="20" />
-<hkern u1="V" u2="&#xd3;" k="20" />
-<hkern u1="V" u2="&#xd2;" k="20" />
-<hkern u1="V" u2="&#xc7;" k="20" />
-<hkern u1="V" u2="&#xc5;" k="82" />
-<hkern u1="V" u2="&#xc4;" k="82" />
-<hkern u1="V" u2="&#xc3;" k="82" />
-<hkern u1="V" u2="&#xc2;" k="82" />
-<hkern u1="V" u2="&#xc1;" k="82" />
-<hkern u1="V" u2="&#xc0;" k="82" />
-<hkern u1="V" u2="u" k="20" />
-<hkern u1="V" u2="s" k="20" />
-<hkern u1="V" u2="r" k="20" />
-<hkern u1="V" u2="q" k="41" />
-<hkern u1="V" u2="p" k="20" />
-<hkern u1="V" u2="o" k="41" />
-<hkern u1="V" u2="n" k="20" />
-<hkern u1="V" u2="m" k="20" />
-<hkern u1="V" u2="g" k="20" />
-<hkern u1="V" u2="e" k="41" />
-<hkern u1="V" u2="d" k="41" />
-<hkern u1="V" u2="c" k="41" />
-<hkern u1="V" u2="a" k="41" />
-<hkern u1="V" u2="Q" k="20" />
-<hkern u1="V" u2="O" k="20" />
-<hkern u1="V" u2="G" k="20" />
-<hkern u1="V" u2="C" k="20" />
-<hkern u1="V" u2="A" k="82" />
-<hkern u1="V" u2="&#x3f;" k="-41" />
-<hkern u1="V" u2="&#x2e;" k="102" />
-<hkern u1="V" u2="&#x2c;" k="102" />
-<hkern u1="W" u2="&#x201e;" k="102" />
-<hkern u1="W" u2="&#x201a;" k="102" />
-<hkern u1="W" u2="&#x153;" k="41" />
-<hkern u1="W" u2="&#x152;" k="20" />
-<hkern u1="W" u2="&#xfc;" k="20" />
-<hkern u1="W" u2="&#xfb;" k="20" />
-<hkern u1="W" u2="&#xfa;" k="20" />
-<hkern u1="W" u2="&#xf9;" k="20" />
-<hkern u1="W" u2="&#xf8;" k="41" />
-<hkern u1="W" u2="&#xf6;" k="41" />
-<hkern u1="W" u2="&#xf5;" k="41" />
-<hkern u1="W" u2="&#xf4;" k="41" />
-<hkern u1="W" u2="&#xf3;" k="41" />
-<hkern u1="W" u2="&#xf2;" k="41" />
-<hkern u1="W" u2="&#xeb;" k="41" />
-<hkern u1="W" u2="&#xea;" k="41" />
-<hkern u1="W" u2="&#xe9;" k="41" />
-<hkern u1="W" u2="&#xe8;" k="41" />
-<hkern u1="W" u2="&#xe7;" k="41" />
-<hkern u1="W" u2="&#xe6;" k="41" />
-<hkern u1="W" u2="&#xe5;" k="41" />
-<hkern u1="W" u2="&#xe4;" k="41" />
-<hkern u1="W" u2="&#xe3;" k="41" />
-<hkern u1="W" u2="&#xe2;" k="41" />
-<hkern u1="W" u2="&#xe1;" k="41" />
-<hkern u1="W" u2="&#xe0;" k="41" />
-<hkern u1="W" u2="&#xd8;" k="20" />
-<hkern u1="W" u2="&#xd6;" k="20" />
-<hkern u1="W" u2="&#xd5;" k="20" />
-<hkern u1="W" u2="&#xd4;" k="20" />
-<hkern u1="W" u2="&#xd3;" k="20" />
-<hkern u1="W" u2="&#xd2;" k="20" />
-<hkern u1="W" u2="&#xc7;" k="20" />
-<hkern u1="W" u2="&#xc5;" k="82" />
-<hkern u1="W" u2="&#xc4;" k="82" />
-<hkern u1="W" u2="&#xc3;" k="82" />
-<hkern u1="W" u2="&#xc2;" k="82" />
-<hkern u1="W" u2="&#xc1;" k="82" />
-<hkern u1="W" u2="&#xc0;" k="82" />
-<hkern u1="W" u2="u" k="20" />
-<hkern u1="W" u2="s" k="20" />
-<hkern u1="W" u2="r" k="20" />
-<hkern u1="W" u2="q" k="41" />
-<hkern u1="W" u2="p" k="20" />
-<hkern u1="W" u2="o" k="41" />
-<hkern u1="W" u2="n" k="20" />
-<hkern u1="W" u2="m" k="20" />
-<hkern u1="W" u2="g" k="20" />
-<hkern u1="W" u2="e" k="41" />
-<hkern u1="W" u2="d" k="41" />
-<hkern u1="W" u2="c" k="41" />
-<hkern u1="W" u2="a" k="41" />
-<hkern u1="W" u2="Q" k="20" />
-<hkern u1="W" u2="O" k="20" />
-<hkern u1="W" u2="G" k="20" />
-<hkern u1="W" u2="C" k="20" />
-<hkern u1="W" u2="A" k="82" />
-<hkern u1="W" u2="&#x3f;" k="-41" />
-<hkern u1="W" u2="&#x2e;" k="102" />
-<hkern u1="W" u2="&#x2c;" k="102" />
-<hkern u1="X" u2="&#x152;" k="41" />
-<hkern u1="X" u2="&#xd8;" k="41" />
-<hkern u1="X" u2="&#xd6;" k="41" />
-<hkern u1="X" u2="&#xd5;" k="41" />
-<hkern u1="X" u2="&#xd4;" k="41" />
-<hkern u1="X" u2="&#xd3;" k="41" />
-<hkern u1="X" u2="&#xd2;" k="41" />
-<hkern u1="X" u2="&#xc7;" k="41" />
-<hkern u1="X" u2="Q" k="41" />
-<hkern u1="X" u2="O" k="41" />
-<hkern u1="X" u2="G" k="41" />
-<hkern u1="X" u2="C" k="41" />
-<hkern u1="Y" u2="&#x201e;" k="123" />
-<hkern u1="Y" u2="&#x201a;" k="123" />
-<hkern u1="Y" u2="&#x153;" k="102" />
-<hkern u1="Y" u2="&#x152;" k="41" />
-<hkern u1="Y" u2="&#xfc;" k="61" />
-<hkern u1="Y" u2="&#xfb;" k="61" />
-<hkern u1="Y" u2="&#xfa;" k="61" />
-<hkern u1="Y" u2="&#xf9;" k="61" />
-<hkern u1="Y" u2="&#xf8;" k="102" />
-<hkern u1="Y" u2="&#xf6;" k="102" />
-<hkern u1="Y" u2="&#xf5;" k="102" />
-<hkern u1="Y" u2="&#xf4;" k="102" />
-<hkern u1="Y" u2="&#xf3;" k="102" />
-<hkern u1="Y" u2="&#xf2;" k="102" />
-<hkern u1="Y" u2="&#xeb;" k="102" />
-<hkern u1="Y" u2="&#xea;" k="102" />
-<hkern u1="Y" u2="&#xe9;" k="102" />
-<hkern u1="Y" u2="&#xe8;" k="102" />
-<hkern u1="Y" u2="&#xe7;" k="102" />
-<hkern u1="Y" u2="&#xe6;" k="102" />
-<hkern u1="Y" u2="&#xe5;" k="102" />
-<hkern u1="Y" u2="&#xe4;" k="102" />
-<hkern u1="Y" u2="&#xe3;" k="102" />
-<hkern u1="Y" u2="&#xe2;" k="102" />
-<hkern u1="Y" u2="&#xe1;" k="102" />
-<hkern u1="Y" u2="&#xe0;" k="102" />
-<hkern u1="Y" u2="&#xd8;" k="41" />
-<hkern u1="Y" u2="&#xd6;" k="41" />
-<hkern u1="Y" u2="&#xd5;" k="41" />
-<hkern u1="Y" u2="&#xd4;" k="41" />
-<hkern u1="Y" u2="&#xd3;" k="41" />
-<hkern u1="Y" u2="&#xd2;" k="41" />
-<hkern u1="Y" u2="&#xc7;" k="41" />
-<hkern u1="Y" u2="&#xc5;" k="123" />
-<hkern u1="Y" u2="&#xc4;" k="123" />
-<hkern u1="Y" u2="&#xc3;" k="123" />
-<hkern u1="Y" u2="&#xc2;" k="123" />
-<hkern u1="Y" u2="&#xc1;" k="123" />
-<hkern u1="Y" u2="&#xc0;" k="123" />
-<hkern u1="Y" u2="z" k="41" />
-<hkern u1="Y" u2="u" k="61" />
-<hkern u1="Y" u2="s" k="82" />
-<hkern u1="Y" u2="r" k="61" />
-<hkern u1="Y" u2="q" k="102" />
-<hkern u1="Y" u2="p" k="61" />
-<hkern u1="Y" u2="o" k="102" />
-<hkern u1="Y" u2="n" k="61" />
-<hkern u1="Y" u2="m" k="61" />
-<hkern u1="Y" u2="g" k="41" />
-<hkern u1="Y" u2="e" k="102" />
-<hkern u1="Y" u2="d" k="102" />
-<hkern u1="Y" u2="c" k="102" />
-<hkern u1="Y" u2="a" k="102" />
-<hkern u1="Y" u2="Q" k="41" />
-<hkern u1="Y" u2="O" k="41" />
-<hkern u1="Y" u2="G" k="41" />
-<hkern u1="Y" u2="C" k="41" />
-<hkern u1="Y" u2="A" k="123" />
-<hkern u1="Y" u2="&#x3f;" k="-41" />
-<hkern u1="Y" u2="&#x2e;" k="123" />
-<hkern u1="Y" u2="&#x2c;" k="123" />
-<hkern u1="Z" u2="&#x152;" k="20" />
-<hkern u1="Z" u2="&#xd8;" k="20" />
-<hkern u1="Z" u2="&#xd6;" k="20" />
-<hkern u1="Z" u2="&#xd5;" k="20" />
-<hkern u1="Z" u2="&#xd4;" k="20" />
-<hkern u1="Z" u2="&#xd3;" k="20" />
-<hkern u1="Z" u2="&#xd2;" k="20" />
-<hkern u1="Z" u2="&#xc7;" k="20" />
-<hkern u1="Z" u2="Q" k="20" />
-<hkern u1="Z" u2="O" k="20" />
-<hkern u1="Z" u2="G" k="20" />
-<hkern u1="Z" u2="C" k="20" />
-<hkern u1="[" u2="J" k="-184" />
-<hkern u1="a" u2="&#x201d;" k="20" />
-<hkern u1="a" u2="&#x2019;" k="20" />
-<hkern u1="a" u2="&#x27;" k="20" />
-<hkern u1="a" u2="&#x22;" k="20" />
-<hkern u1="b" u2="&#x201d;" k="20" />
-<hkern u1="b" u2="&#x2019;" k="20" />
-<hkern u1="b" u2="&#xfd;" k="41" />
-<hkern u1="b" u2="z" k="20" />
-<hkern u1="b" u2="y" k="41" />
-<hkern u1="b" u2="x" k="41" />
-<hkern u1="b" u2="w" k="41" />
-<hkern u1="b" u2="v" k="41" />
-<hkern u1="b" u2="&#x27;" k="20" />
-<hkern u1="b" u2="&#x22;" k="20" />
-<hkern u1="c" u2="&#x201d;" k="-41" />
-<hkern u1="c" u2="&#x2019;" k="-41" />
-<hkern u1="c" u2="&#x27;" k="-41" />
-<hkern u1="c" u2="&#x22;" k="-41" />
-<hkern u1="e" u2="&#x201d;" k="20" />
-<hkern u1="e" u2="&#x2019;" k="20" />
-<hkern u1="e" u2="&#xfd;" k="41" />
-<hkern u1="e" u2="z" k="20" />
-<hkern u1="e" u2="y" k="41" />
-<hkern u1="e" u2="x" k="41" />
-<hkern u1="e" u2="w" k="41" />
-<hkern u1="e" u2="v" k="41" />
-<hkern u1="e" u2="&#x27;" k="20" />
-<hkern u1="e" u2="&#x22;" k="20" />
-<hkern u1="f" u2="&#x201d;" k="-123" />
-<hkern u1="f" u2="&#x2019;" k="-123" />
-<hkern u1="f" u2="&#x27;" k="-123" />
-<hkern u1="f" u2="&#x22;" k="-123" />
-<hkern u1="h" u2="&#x201d;" k="20" />
-<hkern u1="h" u2="&#x2019;" k="20" />
-<hkern u1="h" u2="&#x27;" k="20" />
-<hkern u1="h" u2="&#x22;" k="20" />
-<hkern u1="k" u2="&#x153;" k="41" />
-<hkern u1="k" u2="&#xf8;" k="41" />
-<hkern u1="k" u2="&#xf6;" k="41" />
-<hkern u1="k" u2="&#xf5;" k="41" />
-<hkern u1="k" u2="&#xf4;" k="41" />
-<hkern u1="k" u2="&#xf3;" k="41" />
-<hkern u1="k" u2="&#xf2;" k="41" />
-<hkern u1="k" u2="&#xeb;" k="41" />
-<hkern u1="k" u2="&#xea;" k="41" />
-<hkern u1="k" u2="&#xe9;" k="41" />
-<hkern u1="k" u2="&#xe8;" k="41" />
-<hkern u1="k" u2="&#xe7;" k="41" />
-<hkern u1="k" u2="&#xe0;" k="41" />
-<hkern u1="k" u2="q" k="41" />
-<hkern u1="k" u2="o" k="41" />
-<hkern u1="k" u2="e" k="41" />
-<hkern u1="k" u2="d" k="41" />
-<hkern u1="k" u2="c" k="41" />
-<hkern u1="m" u2="&#x201d;" k="20" />
-<hkern u1="m" u2="&#x2019;" k="20" />
-<hkern u1="m" u2="&#x27;" k="20" />
-<hkern u1="m" u2="&#x22;" k="20" />
-<hkern u1="n" u2="&#x201d;" k="20" />
-<hkern u1="n" u2="&#x2019;" k="20" />
-<hkern u1="n" u2="&#x27;" k="20" />
-<hkern u1="n" u2="&#x22;" k="20" />
-<hkern u1="o" u2="&#x201d;" k="20" />
-<hkern u1="o" u2="&#x2019;" k="20" />
-<hkern u1="o" u2="&#xfd;" k="41" />
-<hkern u1="o" u2="z" k="20" />
-<hkern u1="o" u2="y" k="41" />
-<hkern u1="o" u2="x" k="41" />
-<hkern u1="o" u2="w" k="41" />
-<hkern u1="o" u2="v" k="41" />
-<hkern u1="o" u2="&#x27;" k="20" />
-<hkern u1="o" u2="&#x22;" k="20" />
-<hkern u1="p" u2="&#x201d;" k="20" />
-<hkern u1="p" u2="&#x2019;" k="20" />
-<hkern u1="p" u2="&#xfd;" k="41" />
-<hkern u1="p" u2="z" k="20" />
-<hkern u1="p" u2="y" k="41" />
-<hkern u1="p" u2="x" k="41" />
-<hkern u1="p" u2="w" k="41" />
-<hkern u1="p" u2="v" k="41" />
-<hkern u1="p" u2="&#x27;" k="20" />
-<hkern u1="p" u2="&#x22;" k="20" />
-<hkern u1="r" u2="&#x201d;" k="-82" />
-<hkern u1="r" u2="&#x2019;" k="-82" />
-<hkern u1="r" u2="&#x153;" k="41" />
-<hkern u1="r" u2="&#xf8;" k="41" />
-<hkern u1="r" u2="&#xf6;" k="41" />
-<hkern u1="r" u2="&#xf5;" k="41" />
-<hkern u1="r" u2="&#xf4;" k="41" />
-<hkern u1="r" u2="&#xf3;" k="41" />
-<hkern u1="r" u2="&#xf2;" k="41" />
-<hkern u1="r" u2="&#xeb;" k="41" />
-<hkern u1="r" u2="&#xea;" k="41" />
-<hkern u1="r" u2="&#xe9;" k="41" />
-<hkern u1="r" u2="&#xe8;" k="41" />
-<hkern u1="r" u2="&#xe7;" k="41" />
-<hkern u1="r" u2="&#xe6;" k="41" />
-<hkern u1="r" u2="&#xe5;" k="41" />
-<hkern u1="r" u2="&#xe4;" k="41" />
-<hkern u1="r" u2="&#xe3;" k="41" />
-<hkern u1="r" u2="&#xe2;" k="41" />
-<hkern u1="r" u2="&#xe1;" k="41" />
-<hkern u1="r" u2="&#xe0;" k="41" />
-<hkern u1="r" u2="q" k="41" />
-<hkern u1="r" u2="o" k="41" />
-<hkern u1="r" u2="g" k="20" />
-<hkern u1="r" u2="e" k="41" />
-<hkern u1="r" u2="d" k="41" />
-<hkern u1="r" u2="c" k="41" />
-<hkern u1="r" u2="a" k="41" />
-<hkern u1="r" u2="&#x27;" k="-82" />
-<hkern u1="r" u2="&#x22;" k="-82" />
-<hkern u1="t" u2="&#x201d;" k="-41" />
-<hkern u1="t" u2="&#x2019;" k="-41" />
-<hkern u1="t" u2="&#x27;" k="-41" />
-<hkern u1="t" u2="&#x22;" k="-41" />
-<hkern u1="v" u2="&#x201e;" k="82" />
-<hkern u1="v" u2="&#x201d;" k="-82" />
-<hkern u1="v" u2="&#x201a;" k="82" />
-<hkern u1="v" u2="&#x2019;" k="-82" />
-<hkern u1="v" u2="&#x3f;" k="-41" />
-<hkern u1="v" u2="&#x2e;" k="82" />
-<hkern u1="v" u2="&#x2c;" k="82" />
-<hkern u1="v" u2="&#x27;" k="-82" />
-<hkern u1="v" u2="&#x22;" k="-82" />
-<hkern u1="w" u2="&#x201e;" k="82" />
-<hkern u1="w" u2="&#x201d;" k="-82" />
-<hkern u1="w" u2="&#x201a;" k="82" />
-<hkern u1="w" u2="&#x2019;" k="-82" />
-<hkern u1="w" u2="&#x3f;" k="-41" />
-<hkern u1="w" u2="&#x2e;" k="82" />
-<hkern u1="w" u2="&#x2c;" k="82" />
-<hkern u1="w" u2="&#x27;" k="-82" />
-<hkern u1="w" u2="&#x22;" k="-82" />
-<hkern u1="x" u2="&#x153;" k="41" />
-<hkern u1="x" u2="&#xf8;" k="41" />
-<hkern u1="x" u2="&#xf6;" k="41" />
-<hkern u1="x" u2="&#xf5;" k="41" />
-<hkern u1="x" u2="&#xf4;" k="41" />
-<hkern u1="x" u2="&#xf3;" k="41" />
-<hkern u1="x" u2="&#xf2;" k="41" />
-<hkern u1="x" u2="&#xeb;" k="41" />
-<hkern u1="x" u2="&#xea;" k="41" />
-<hkern u1="x" u2="&#xe9;" k="41" />
-<hkern u1="x" u2="&#xe8;" k="41" />
-<hkern u1="x" u2="&#xe7;" k="41" />
-<hkern u1="x" u2="&#xe0;" k="41" />
-<hkern u1="x" u2="q" k="41" />
-<hkern u1="x" u2="o" k="41" />
-<hkern u1="x" u2="e" k="41" />
-<hkern u1="x" u2="d" k="41" />
-<hkern u1="x" u2="c" k="41" />
-<hkern u1="y" u2="&#x201e;" k="82" />
-<hkern u1="y" u2="&#x201d;" k="-82" />
-<hkern u1="y" u2="&#x201a;" k="82" />
-<hkern u1="y" u2="&#x2019;" k="-82" />
-<hkern u1="y" u2="&#x3f;" k="-41" />
-<hkern u1="y" u2="&#x2e;" k="82" />
-<hkern u1="y" u2="&#x2c;" k="82" />
-<hkern u1="y" u2="&#x27;" k="-82" />
-<hkern u1="y" u2="&#x22;" k="-82" />
-<hkern u1="&#x7b;" u2="J" k="-184" />
-<hkern u1="&#xc0;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc0;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc0;" u2="&#x178;" k="123" />
-<hkern u1="&#xc0;" u2="&#x152;" k="41" />
-<hkern u1="&#xc0;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc0;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc0;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc0;" u2="Y" k="123" />
-<hkern u1="&#xc0;" u2="W" k="82" />
-<hkern u1="&#xc0;" u2="V" k="82" />
-<hkern u1="&#xc0;" u2="T" k="143" />
-<hkern u1="&#xc0;" u2="Q" k="41" />
-<hkern u1="&#xc0;" u2="O" k="41" />
-<hkern u1="&#xc0;" u2="J" k="-266" />
-<hkern u1="&#xc0;" u2="G" k="41" />
-<hkern u1="&#xc0;" u2="C" k="41" />
-<hkern u1="&#xc0;" u2="&#x27;" k="143" />
-<hkern u1="&#xc0;" u2="&#x22;" k="143" />
-<hkern u1="&#xc1;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc1;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc1;" u2="&#x178;" k="123" />
-<hkern u1="&#xc1;" u2="&#x152;" k="41" />
-<hkern u1="&#xc1;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc1;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc1;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc1;" u2="Y" k="123" />
-<hkern u1="&#xc1;" u2="W" k="82" />
-<hkern u1="&#xc1;" u2="V" k="82" />
-<hkern u1="&#xc1;" u2="T" k="143" />
-<hkern u1="&#xc1;" u2="Q" k="41" />
-<hkern u1="&#xc1;" u2="O" k="41" />
-<hkern u1="&#xc1;" u2="J" k="-266" />
-<hkern u1="&#xc1;" u2="G" k="41" />
-<hkern u1="&#xc1;" u2="C" k="41" />
-<hkern u1="&#xc1;" u2="&#x27;" k="143" />
-<hkern u1="&#xc1;" u2="&#x22;" k="143" />
-<hkern u1="&#xc2;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc2;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc2;" u2="&#x178;" k="123" />
-<hkern u1="&#xc2;" u2="&#x152;" k="41" />
-<hkern u1="&#xc2;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc2;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc2;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc2;" u2="Y" k="123" />
-<hkern u1="&#xc2;" u2="W" k="82" />
-<hkern u1="&#xc2;" u2="V" k="82" />
-<hkern u1="&#xc2;" u2="T" k="143" />
-<hkern u1="&#xc2;" u2="Q" k="41" />
-<hkern u1="&#xc2;" u2="O" k="41" />
-<hkern u1="&#xc2;" u2="J" k="-266" />
-<hkern u1="&#xc2;" u2="G" k="41" />
-<hkern u1="&#xc2;" u2="C" k="41" />
-<hkern u1="&#xc2;" u2="&#x27;" k="143" />
-<hkern u1="&#xc2;" u2="&#x22;" k="143" />
-<hkern u1="&#xc3;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc3;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc3;" u2="&#x178;" k="123" />
-<hkern u1="&#xc3;" u2="&#x152;" k="41" />
-<hkern u1="&#xc3;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc3;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc3;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc3;" u2="Y" k="123" />
-<hkern u1="&#xc3;" u2="W" k="82" />
-<hkern u1="&#xc3;" u2="V" k="82" />
-<hkern u1="&#xc3;" u2="T" k="143" />
-<hkern u1="&#xc3;" u2="Q" k="41" />
-<hkern u1="&#xc3;" u2="O" k="41" />
-<hkern u1="&#xc3;" u2="J" k="-266" />
-<hkern u1="&#xc3;" u2="G" k="41" />
-<hkern u1="&#xc3;" u2="C" k="41" />
-<hkern u1="&#xc3;" u2="&#x27;" k="143" />
-<hkern u1="&#xc3;" u2="&#x22;" k="143" />
-<hkern u1="&#xc4;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc4;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc4;" u2="&#x178;" k="123" />
-<hkern u1="&#xc4;" u2="&#x152;" k="41" />
-<hkern u1="&#xc4;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc4;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc4;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc4;" u2="Y" k="123" />
-<hkern u1="&#xc4;" u2="W" k="82" />
-<hkern u1="&#xc4;" u2="V" k="82" />
-<hkern u1="&#xc4;" u2="T" k="143" />
-<hkern u1="&#xc4;" u2="Q" k="41" />
-<hkern u1="&#xc4;" u2="O" k="41" />
-<hkern u1="&#xc4;" u2="J" k="-266" />
-<hkern u1="&#xc4;" u2="G" k="41" />
-<hkern u1="&#xc4;" u2="C" k="41" />
-<hkern u1="&#xc4;" u2="&#x27;" k="143" />
-<hkern u1="&#xc4;" u2="&#x22;" k="143" />
-<hkern u1="&#xc5;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc5;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc5;" u2="&#x178;" k="123" />
-<hkern u1="&#xc5;" u2="&#x152;" k="41" />
-<hkern u1="&#xc5;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc5;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc5;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc5;" u2="Y" k="123" />
-<hkern u1="&#xc5;" u2="W" k="82" />
-<hkern u1="&#xc5;" u2="V" k="82" />
-<hkern u1="&#xc5;" u2="T" k="143" />
-<hkern u1="&#xc5;" u2="Q" k="41" />
-<hkern u1="&#xc5;" u2="O" k="41" />
-<hkern u1="&#xc5;" u2="J" k="-266" />
-<hkern u1="&#xc5;" u2="G" k="41" />
-<hkern u1="&#xc5;" u2="C" k="41" />
-<hkern u1="&#xc5;" u2="&#x27;" k="143" />
-<hkern u1="&#xc5;" u2="&#x22;" k="143" />
-<hkern u1="&#xc6;" u2="J" k="-123" />
-<hkern u1="&#xc7;" u2="&#x152;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc7;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc7;" u2="Q" k="41" />
-<hkern u1="&#xc7;" u2="O" k="41" />
-<hkern u1="&#xc7;" u2="G" k="41" />
-<hkern u1="&#xc7;" u2="C" k="41" />
-<hkern u1="&#xc8;" u2="J" k="-123" />
-<hkern u1="&#xc9;" u2="J" k="-123" />
-<hkern u1="&#xca;" u2="J" k="-123" />
-<hkern u1="&#xcb;" u2="J" k="-123" />
-<hkern u1="&#xd0;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd0;" u2="&#x178;" k="20" />
-<hkern u1="&#xd0;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd0;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd0;" u2="Z" k="20" />
-<hkern u1="&#xd0;" u2="Y" k="20" />
-<hkern u1="&#xd0;" u2="X" k="41" />
-<hkern u1="&#xd0;" u2="W" k="20" />
-<hkern u1="&#xd0;" u2="V" k="20" />
-<hkern u1="&#xd0;" u2="T" k="61" />
-<hkern u1="&#xd0;" u2="A" k="41" />
-<hkern u1="&#xd0;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd2;" u2="&#x178;" k="20" />
-<hkern u1="&#xd2;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd2;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd2;" u2="Z" k="20" />
-<hkern u1="&#xd2;" u2="Y" k="20" />
-<hkern u1="&#xd2;" u2="X" k="41" />
-<hkern u1="&#xd2;" u2="W" k="20" />
-<hkern u1="&#xd2;" u2="V" k="20" />
-<hkern u1="&#xd2;" u2="T" k="61" />
-<hkern u1="&#xd2;" u2="A" k="41" />
-<hkern u1="&#xd2;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd3;" u2="&#x178;" k="20" />
-<hkern u1="&#xd3;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd3;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd3;" u2="Z" k="20" />
-<hkern u1="&#xd3;" u2="Y" k="20" />
-<hkern u1="&#xd3;" u2="X" k="41" />
-<hkern u1="&#xd3;" u2="W" k="20" />
-<hkern u1="&#xd3;" u2="V" k="20" />
-<hkern u1="&#xd3;" u2="T" k="61" />
-<hkern u1="&#xd3;" u2="A" k="41" />
-<hkern u1="&#xd3;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd4;" u2="&#x178;" k="20" />
-<hkern u1="&#xd4;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd4;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd4;" u2="Z" k="20" />
-<hkern u1="&#xd4;" u2="Y" k="20" />
-<hkern u1="&#xd4;" u2="X" k="41" />
-<hkern u1="&#xd4;" u2="W" k="20" />
-<hkern u1="&#xd4;" u2="V" k="20" />
-<hkern u1="&#xd4;" u2="T" k="61" />
-<hkern u1="&#xd4;" u2="A" k="41" />
-<hkern u1="&#xd4;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd5;" u2="&#x178;" k="20" />
-<hkern u1="&#xd5;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd5;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd5;" u2="Z" k="20" />
-<hkern u1="&#xd5;" u2="Y" k="20" />
-<hkern u1="&#xd5;" u2="X" k="41" />
-<hkern u1="&#xd5;" u2="W" k="20" />
-<hkern u1="&#xd5;" u2="V" k="20" />
-<hkern u1="&#xd5;" u2="T" k="61" />
-<hkern u1="&#xd5;" u2="A" k="41" />
-<hkern u1="&#xd5;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd6;" u2="&#x178;" k="20" />
-<hkern u1="&#xd6;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd6;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd6;" u2="Z" k="20" />
-<hkern u1="&#xd6;" u2="Y" k="20" />
-<hkern u1="&#xd6;" u2="X" k="41" />
-<hkern u1="&#xd6;" u2="W" k="20" />
-<hkern u1="&#xd6;" u2="V" k="20" />
-<hkern u1="&#xd6;" u2="T" k="61" />
-<hkern u1="&#xd6;" u2="A" k="41" />
-<hkern u1="&#xd6;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd8;" u2="&#x178;" k="20" />
-<hkern u1="&#xd8;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd8;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd8;" u2="Z" k="20" />
-<hkern u1="&#xd8;" u2="Y" k="20" />
-<hkern u1="&#xd8;" u2="X" k="41" />
-<hkern u1="&#xd8;" u2="W" k="20" />
-<hkern u1="&#xd8;" u2="V" k="20" />
-<hkern u1="&#xd8;" u2="T" k="61" />
-<hkern u1="&#xd8;" u2="A" k="41" />
-<hkern u1="&#xd8;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd9;" u2="&#x201e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x201a;" k="41" />
-<hkern u1="&#xd9;" u2="&#xc5;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc4;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc3;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc2;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc1;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc0;" k="20" />
-<hkern u1="&#xd9;" u2="A" k="20" />
-<hkern u1="&#xd9;" u2="&#x2e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x2c;" k="41" />
-<hkern u1="&#xda;" u2="&#x201e;" k="41" />
-<hkern u1="&#xda;" u2="&#x201a;" k="41" />
-<hkern u1="&#xda;" u2="&#xc5;" k="20" />
-<hkern u1="&#xda;" u2="&#xc4;" k="20" />
-<hkern u1="&#xda;" u2="&#xc3;" k="20" />
-<hkern u1="&#xda;" u2="&#xc2;" k="20" />
-<hkern u1="&#xda;" u2="&#xc1;" k="20" />
-<hkern u1="&#xda;" u2="&#xc0;" k="20" />
-<hkern u1="&#xda;" u2="A" k="20" />
-<hkern u1="&#xda;" u2="&#x2e;" k="41" />
-<hkern u1="&#xda;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdb;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdb;" u2="A" k="20" />
-<hkern u1="&#xdb;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdc;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdc;" u2="A" k="20" />
-<hkern u1="&#xdc;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdd;" u2="&#x201e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x201a;" k="123" />
-<hkern u1="&#xdd;" u2="&#x153;" k="102" />
-<hkern u1="&#xdd;" u2="&#x152;" k="41" />
-<hkern u1="&#xdd;" u2="&#xfc;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfb;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfa;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf9;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xeb;" k="102" />
-<hkern u1="&#xdd;" u2="&#xea;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe9;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe7;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe1;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe0;" k="102" />
-<hkern u1="&#xdd;" u2="&#xd8;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd6;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd5;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd4;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd3;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd2;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc7;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc5;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc4;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc3;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc2;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc1;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc0;" k="123" />
-<hkern u1="&#xdd;" u2="z" k="41" />
-<hkern u1="&#xdd;" u2="u" k="61" />
-<hkern u1="&#xdd;" u2="s" k="82" />
-<hkern u1="&#xdd;" u2="r" k="61" />
-<hkern u1="&#xdd;" u2="q" k="102" />
-<hkern u1="&#xdd;" u2="p" k="61" />
-<hkern u1="&#xdd;" u2="o" k="102" />
-<hkern u1="&#xdd;" u2="n" k="61" />
-<hkern u1="&#xdd;" u2="m" k="61" />
-<hkern u1="&#xdd;" u2="g" k="41" />
-<hkern u1="&#xdd;" u2="e" k="102" />
-<hkern u1="&#xdd;" u2="d" k="102" />
-<hkern u1="&#xdd;" u2="c" k="102" />
-<hkern u1="&#xdd;" u2="a" k="102" />
-<hkern u1="&#xdd;" u2="Q" k="41" />
-<hkern u1="&#xdd;" u2="O" k="41" />
-<hkern u1="&#xdd;" u2="G" k="41" />
-<hkern u1="&#xdd;" u2="C" k="41" />
-<hkern u1="&#xdd;" u2="A" k="123" />
-<hkern u1="&#xdd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xdd;" u2="&#x2e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x2c;" k="123" />
-<hkern u1="&#xde;" u2="&#x201e;" k="266" />
-<hkern u1="&#xde;" u2="&#x201a;" k="266" />
-<hkern u1="&#xde;" u2="&#xc5;" k="102" />
-<hkern u1="&#xde;" u2="&#xc4;" k="102" />
-<hkern u1="&#xde;" u2="&#xc3;" k="102" />
-<hkern u1="&#xde;" u2="&#xc2;" k="102" />
-<hkern u1="&#xde;" u2="&#xc1;" k="102" />
-<hkern u1="&#xde;" u2="&#xc0;" k="102" />
-<hkern u1="&#xde;" u2="Z" k="20" />
-<hkern u1="&#xde;" u2="X" k="41" />
-<hkern u1="&#xde;" u2="A" k="102" />
-<hkern u1="&#xde;" u2="&#x2e;" k="266" />
-<hkern u1="&#xde;" u2="&#x2c;" k="266" />
-<hkern u1="&#xe0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe0;" u2="&#x27;" k="20" />
-<hkern u1="&#xe0;" u2="&#x22;" k="20" />
-<hkern u1="&#xe1;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe1;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe1;" u2="&#x27;" k="20" />
-<hkern u1="&#xe1;" u2="&#x22;" k="20" />
-<hkern u1="&#xe2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe2;" u2="&#x27;" k="20" />
-<hkern u1="&#xe2;" u2="&#x22;" k="20" />
-<hkern u1="&#xe3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe3;" u2="&#x27;" k="20" />
-<hkern u1="&#xe3;" u2="&#x22;" k="20" />
-<hkern u1="&#xe4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe4;" u2="&#x27;" k="20" />
-<hkern u1="&#xe4;" u2="&#x22;" k="20" />
-<hkern u1="&#xe5;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe5;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe5;" u2="&#x27;" k="20" />
-<hkern u1="&#xe5;" u2="&#x22;" k="20" />
-<hkern u1="&#xe8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe8;" u2="z" k="20" />
-<hkern u1="&#xe8;" u2="y" k="41" />
-<hkern u1="&#xe8;" u2="x" k="41" />
-<hkern u1="&#xe8;" u2="w" k="41" />
-<hkern u1="&#xe8;" u2="v" k="41" />
-<hkern u1="&#xe8;" u2="&#x27;" k="20" />
-<hkern u1="&#xe8;" u2="&#x22;" k="20" />
-<hkern u1="&#xe9;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe9;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe9;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe9;" u2="z" k="20" />
-<hkern u1="&#xe9;" u2="y" k="41" />
-<hkern u1="&#xe9;" u2="x" k="41" />
-<hkern u1="&#xe9;" u2="w" k="41" />
-<hkern u1="&#xe9;" u2="v" k="41" />
-<hkern u1="&#xe9;" u2="&#x27;" k="20" />
-<hkern u1="&#xe9;" u2="&#x22;" k="20" />
-<hkern u1="&#xea;" u2="&#x201d;" k="20" />
-<hkern u1="&#xea;" u2="&#x2019;" k="20" />
-<hkern u1="&#xea;" u2="&#xfd;" k="41" />
-<hkern u1="&#xea;" u2="z" k="20" />
-<hkern u1="&#xea;" u2="y" k="41" />
-<hkern u1="&#xea;" u2="x" k="41" />
-<hkern u1="&#xea;" u2="w" k="41" />
-<hkern u1="&#xea;" u2="v" k="41" />
-<hkern u1="&#xea;" u2="&#x27;" k="20" />
-<hkern u1="&#xea;" u2="&#x22;" k="20" />
-<hkern u1="&#xeb;" u2="&#x201d;" k="20" />
-<hkern u1="&#xeb;" u2="&#x2019;" k="20" />
-<hkern u1="&#xeb;" u2="&#xfd;" k="41" />
-<hkern u1="&#xeb;" u2="z" k="20" />
-<hkern u1="&#xeb;" u2="y" k="41" />
-<hkern u1="&#xeb;" u2="x" k="41" />
-<hkern u1="&#xeb;" u2="w" k="41" />
-<hkern u1="&#xeb;" u2="v" k="41" />
-<hkern u1="&#xeb;" u2="&#x27;" k="20" />
-<hkern u1="&#xeb;" u2="&#x22;" k="20" />
-<hkern u1="&#xf0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf0;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf0;" u2="z" k="20" />
-<hkern u1="&#xf0;" u2="y" k="41" />
-<hkern u1="&#xf0;" u2="x" k="41" />
-<hkern u1="&#xf0;" u2="w" k="41" />
-<hkern u1="&#xf0;" u2="v" k="41" />
-<hkern u1="&#xf0;" u2="&#x27;" k="20" />
-<hkern u1="&#xf0;" u2="&#x22;" k="20" />
-<hkern u1="&#xf2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf2;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf2;" u2="z" k="20" />
-<hkern u1="&#xf2;" u2="y" k="41" />
-<hkern u1="&#xf2;" u2="x" k="41" />
-<hkern u1="&#xf2;" u2="w" k="41" />
-<hkern u1="&#xf2;" u2="v" k="41" />
-<hkern u1="&#xf2;" u2="&#x27;" k="20" />
-<hkern u1="&#xf2;" u2="&#x22;" k="20" />
-<hkern u1="&#xf3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf3;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf3;" u2="z" k="20" />
-<hkern u1="&#xf3;" u2="y" k="41" />
-<hkern u1="&#xf3;" u2="x" k="41" />
-<hkern u1="&#xf3;" u2="w" k="41" />
-<hkern u1="&#xf3;" u2="v" k="41" />
-<hkern u1="&#xf3;" u2="&#x27;" k="20" />
-<hkern u1="&#xf3;" u2="&#x22;" k="20" />
-<hkern u1="&#xf4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf4;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf4;" u2="z" k="20" />
-<hkern u1="&#xf4;" u2="y" k="41" />
-<hkern u1="&#xf4;" u2="x" k="41" />
-<hkern u1="&#xf4;" u2="w" k="41" />
-<hkern u1="&#xf4;" u2="v" k="41" />
-<hkern u1="&#xf4;" u2="&#x27;" k="20" />
-<hkern u1="&#xf4;" u2="&#x22;" k="20" />
-<hkern u1="&#xf6;" u2="&#x201d;" k="41" />
-<hkern u1="&#xf6;" u2="&#x2019;" k="41" />
-<hkern u1="&#xf6;" u2="&#x27;" k="41" />
-<hkern u1="&#xf6;" u2="&#x22;" k="41" />
-<hkern u1="&#xf8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf8;" u2="z" k="20" />
-<hkern u1="&#xf8;" u2="y" k="41" />
-<hkern u1="&#xf8;" u2="x" k="41" />
-<hkern u1="&#xf8;" u2="w" k="41" />
-<hkern u1="&#xf8;" u2="v" k="41" />
-<hkern u1="&#xf8;" u2="&#x27;" k="20" />
-<hkern u1="&#xf8;" u2="&#x22;" k="20" />
-<hkern u1="&#xfd;" u2="&#x201e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x201a;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xfd;" u2="&#x2e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2c;" k="82" />
-<hkern u1="&#xfd;" u2="&#x27;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x22;" k="-82" />
-<hkern u1="&#xfe;" u2="&#x201d;" k="20" />
-<hkern u1="&#xfe;" u2="&#x2019;" k="20" />
-<hkern u1="&#xfe;" u2="&#xfd;" k="41" />
-<hkern u1="&#xfe;" u2="z" k="20" />
-<hkern u1="&#xfe;" u2="y" k="41" />
-<hkern u1="&#xfe;" u2="x" k="41" />
-<hkern u1="&#xfe;" u2="w" k="41" />
-<hkern u1="&#xfe;" u2="v" k="41" />
-<hkern u1="&#xfe;" u2="&#x27;" k="20" />
-<hkern u1="&#xfe;" u2="&#x22;" k="20" />
-<hkern u1="&#xff;" u2="&#x201e;" k="82" />
-<hkern u1="&#xff;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xff;" u2="&#x201a;" k="82" />
-<hkern u1="&#xff;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xff;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xff;" u2="&#x2e;" k="82" />
-<hkern u1="&#xff;" u2="&#x2c;" k="82" />
-<hkern u1="&#xff;" u2="&#x27;" k="-82" />
-<hkern u1="&#xff;" u2="&#x22;" k="-82" />
-<hkern u1="&#x152;" u2="J" k="-123" />
-<hkern u1="&#x178;" u2="&#x201e;" k="123" />
-<hkern u1="&#x178;" u2="&#x201a;" k="123" />
-<hkern u1="&#x178;" u2="&#x153;" k="102" />
-<hkern u1="&#x178;" u2="&#x152;" k="41" />
-<hkern u1="&#x178;" u2="&#xfc;" k="61" />
-<hkern u1="&#x178;" u2="&#xfb;" k="61" />
-<hkern u1="&#x178;" u2="&#xfa;" k="61" />
-<hkern u1="&#x178;" u2="&#xf9;" k="61" />
-<hkern u1="&#x178;" u2="&#xf8;" k="102" />
-<hkern u1="&#x178;" u2="&#xf6;" k="102" />
-<hkern u1="&#x178;" u2="&#xf5;" k="102" />
-<hkern u1="&#x178;" u2="&#xf4;" k="102" />
-<hkern u1="&#x178;" u2="&#xf3;" k="102" />
-<hkern u1="&#x178;" u2="&#xf2;" k="102" />
-<hkern u1="&#x178;" u2="&#xeb;" k="102" />
-<hkern u1="&#x178;" u2="&#xea;" k="102" />
-<hkern u1="&#x178;" u2="&#xe9;" k="102" />
-<hkern u1="&#x178;" u2="&#xe8;" k="102" />
-<hkern u1="&#x178;" u2="&#xe7;" k="102" />
-<hkern u1="&#x178;" u2="&#xe6;" k="102" />
-<hkern u1="&#x178;" u2="&#xe5;" k="102" />
-<hkern u1="&#x178;" u2="&#xe4;" k="102" />
-<hkern u1="&#x178;" u2="&#xe3;" k="102" />
-<hkern u1="&#x178;" u2="&#xe2;" k="102" />
-<hkern u1="&#x178;" u2="&#xe1;" k="102" />
-<hkern u1="&#x178;" u2="&#xe0;" k="102" />
-<hkern u1="&#x178;" u2="&#xd8;" k="41" />
-<hkern u1="&#x178;" u2="&#xd6;" k="41" />
-<hkern u1="&#x178;" u2="&#xd5;" k="41" />
-<hkern u1="&#x178;" u2="&#xd4;" k="41" />
-<hkern u1="&#x178;" u2="&#xd3;" k="41" />
-<hkern u1="&#x178;" u2="&#xd2;" k="41" />
-<hkern u1="&#x178;" u2="&#xc7;" k="41" />
-<hkern u1="&#x178;" u2="&#xc5;" k="123" />
-<hkern u1="&#x178;" u2="&#xc4;" k="123" />
-<hkern u1="&#x178;" u2="&#xc3;" k="123" />
-<hkern u1="&#x178;" u2="&#xc2;" k="123" />
-<hkern u1="&#x178;" u2="&#xc1;" k="123" />
-<hkern u1="&#x178;" u2="&#xc0;" k="123" />
-<hkern u1="&#x178;" u2="z" k="41" />
-<hkern u1="&#x178;" u2="u" k="61" />
-<hkern u1="&#x178;" u2="s" k="82" />
-<hkern u1="&#x178;" u2="r" k="61" />
-<hkern u1="&#x178;" u2="q" k="102" />
-<hkern u1="&#x178;" u2="p" k="61" />
-<hkern u1="&#x178;" u2="o" k="102" />
-<hkern u1="&#x178;" u2="n" k="61" />
-<hkern u1="&#x178;" u2="m" k="61" />
-<hkern u1="&#x178;" u2="g" k="41" />
-<hkern u1="&#x178;" u2="e" k="102" />
-<hkern u1="&#x178;" u2="d" k="102" />
-<hkern u1="&#x178;" u2="c" k="102" />
-<hkern u1="&#x178;" u2="a" k="102" />
-<hkern u1="&#x178;" u2="Q" k="41" />
-<hkern u1="&#x178;" u2="O" k="41" />
-<hkern u1="&#x178;" u2="G" k="41" />
-<hkern u1="&#x178;" u2="C" k="41" />
-<hkern u1="&#x178;" u2="A" k="123" />
-<hkern u1="&#x178;" u2="&#x3f;" k="-41" />
-<hkern u1="&#x178;" u2="&#x2e;" k="123" />
-<hkern u1="&#x178;" u2="&#x2c;" k="123" />
-<hkern u1="&#x2013;" u2="T" k="82" />
-<hkern u1="&#x2014;" u2="T" k="82" />
-<hkern u1="&#x2018;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2018;" u2="&#x153;" k="123" />
-<hkern u1="&#x2018;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2018;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2018;" u2="&#xea;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2018;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2018;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2018;" u2="u" k="61" />
-<hkern u1="&#x2018;" u2="s" k="61" />
-<hkern u1="&#x2018;" u2="r" k="61" />
-<hkern u1="&#x2018;" u2="q" k="123" />
-<hkern u1="&#x2018;" u2="p" k="61" />
-<hkern u1="&#x2018;" u2="o" k="123" />
-<hkern u1="&#x2018;" u2="n" k="61" />
-<hkern u1="&#x2018;" u2="m" k="61" />
-<hkern u1="&#x2018;" u2="g" k="61" />
-<hkern u1="&#x2018;" u2="e" k="123" />
-<hkern u1="&#x2018;" u2="d" k="123" />
-<hkern u1="&#x2018;" u2="c" k="123" />
-<hkern u1="&#x2018;" u2="a" k="82" />
-<hkern u1="&#x2018;" u2="Y" k="-20" />
-<hkern u1="&#x2018;" u2="W" k="-41" />
-<hkern u1="&#x2018;" u2="V" k="-41" />
-<hkern u1="&#x2018;" u2="T" k="-41" />
-<hkern u1="&#x2018;" u2="A" k="143" />
-<hkern u1="&#x2019;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2019;" u2="&#x153;" k="123" />
-<hkern u1="&#x2019;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2019;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2019;" u2="&#xea;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2019;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2019;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2019;" u2="u" k="61" />
-<hkern u1="&#x2019;" u2="s" k="61" />
-<hkern u1="&#x2019;" u2="r" k="61" />
-<hkern u1="&#x2019;" u2="q" k="123" />
-<hkern u1="&#x2019;" u2="p" k="61" />
-<hkern u1="&#x2019;" u2="o" k="123" />
-<hkern u1="&#x2019;" u2="n" k="61" />
-<hkern u1="&#x2019;" u2="m" k="61" />
-<hkern u1="&#x2019;" u2="g" k="61" />
-<hkern u1="&#x2019;" u2="e" k="123" />
-<hkern u1="&#x2019;" u2="d" k="123" />
-<hkern u1="&#x2019;" u2="c" k="123" />
-<hkern u1="&#x2019;" u2="a" k="82" />
-<hkern u1="&#x2019;" u2="Y" k="-20" />
-<hkern u1="&#x2019;" u2="W" k="-41" />
-<hkern u1="&#x2019;" u2="V" k="-41" />
-<hkern u1="&#x2019;" u2="T" k="-41" />
-<hkern u1="&#x2019;" u2="A" k="143" />
-<hkern u1="&#x201a;" u2="&#x178;" k="123" />
-<hkern u1="&#x201a;" u2="&#x152;" k="102" />
-<hkern u1="&#x201a;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201a;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201a;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201a;" u2="&#xda;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201a;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201a;" u2="Y" k="123" />
-<hkern u1="&#x201a;" u2="W" k="123" />
-<hkern u1="&#x201a;" u2="V" k="123" />
-<hkern u1="&#x201a;" u2="U" k="41" />
-<hkern u1="&#x201a;" u2="T" k="143" />
-<hkern u1="&#x201a;" u2="Q" k="102" />
-<hkern u1="&#x201a;" u2="O" k="102" />
-<hkern u1="&#x201a;" u2="G" k="102" />
-<hkern u1="&#x201a;" u2="C" k="102" />
-<hkern u1="&#x201c;" u2="&#x178;" k="-20" />
-<hkern u1="&#x201c;" u2="&#x153;" k="123" />
-<hkern u1="&#x201c;" u2="&#xfc;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfb;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfa;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf9;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf6;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf5;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf4;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf3;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf2;" k="123" />
-<hkern u1="&#x201c;" u2="&#xeb;" k="123" />
-<hkern u1="&#x201c;" u2="&#xea;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe9;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe7;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe6;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe5;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe4;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe3;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe2;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe1;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe0;" k="123" />
-<hkern u1="&#x201c;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x201c;" u2="&#xc5;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc4;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc3;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc2;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc1;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc0;" k="143" />
-<hkern u1="&#x201c;" u2="u" k="61" />
-<hkern u1="&#x201c;" u2="s" k="61" />
-<hkern u1="&#x201c;" u2="r" k="61" />
-<hkern u1="&#x201c;" u2="q" k="123" />
-<hkern u1="&#x201c;" u2="p" k="61" />
-<hkern u1="&#x201c;" u2="o" k="123" />
-<hkern u1="&#x201c;" u2="n" k="61" />
-<hkern u1="&#x201c;" u2="m" k="61" />
-<hkern u1="&#x201c;" u2="g" k="61" />
-<hkern u1="&#x201c;" u2="e" k="123" />
-<hkern u1="&#x201c;" u2="d" k="123" />
-<hkern u1="&#x201c;" u2="c" k="123" />
-<hkern u1="&#x201c;" u2="a" k="82" />
-<hkern u1="&#x201c;" u2="Y" k="-20" />
-<hkern u1="&#x201c;" u2="W" k="-41" />
-<hkern u1="&#x201c;" u2="V" k="-41" />
-<hkern u1="&#x201c;" u2="T" k="-41" />
-<hkern u1="&#x201c;" u2="A" k="143" />
-<hkern u1="&#x201e;" u2="&#x178;" k="123" />
-<hkern u1="&#x201e;" u2="&#x152;" k="102" />
-<hkern u1="&#x201e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201e;" u2="&#xda;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201e;" u2="Y" k="123" />
-<hkern u1="&#x201e;" u2="W" k="123" />
-<hkern u1="&#x201e;" u2="V" k="123" />
-<hkern u1="&#x201e;" u2="U" k="41" />
-<hkern u1="&#x201e;" u2="T" k="143" />
-<hkern u1="&#x201e;" u2="Q" k="102" />
-<hkern u1="&#x201e;" u2="O" k="102" />
-<hkern u1="&#x201e;" u2="G" k="102" />
-<hkern u1="&#x201e;" u2="C" k="102" />
-</font>
-</defs></svg> 
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.woff b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.woff
deleted file mode 100644
index ed760c0..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-BoldItalic-webfont.woff and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.eot b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.eot
deleted file mode 100644
index 0c8a0ae..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.eot and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.svg b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.svg
deleted file mode 100644
index e1075dc..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.svg
+++ /dev/null
@@ -1,1830 +0,0 @@
-<?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></metadata>
-<defs>
-<font id="open_sansitalic" horiz-adv-x="1128" >
-<font-face units-per-em="2048" ascent="1638" descent="-410" />
-<missing-glyph horiz-adv-x="532" />
-<glyph unicode="&#xfb01;" horiz-adv-x="1165" d="M0 0zM-104 -492q-69 0 -125 21v141q64 -22 112 -22q76 0 117 62t66 177l227 1082h-193l13 67l206 66l23 100q46 200 127.5 282.5t241.5 82.5q40 0 98 -11.5t90 -25.5l-43 -129q-76 29 -137 29q-87 0 -133.5 -48.5t-75.5 -177.5l-25 -108h238l-25 -127h-237l-232 -1098 q-39 -189 -120 -276t-213 -87zM870 0h-168l234 1096h168zM983 1376q0 56 32 91.5t83 35.5q88 0 88 -90q0 -55 -33.5 -93t-77.5 -38q-40 0 -66 24.5t-26 69.5z" />
-<glyph unicode="&#xfb02;" horiz-adv-x="1165" d="M0 0zM-104 -492q-69 0 -125 21v141q64 -22 112 -22q76 0 117 62t66 177l227 1082h-193l13 67l206 66l23 100q46 200 127.5 282.5t241.5 82.5q40 0 98 -11.5t90 -25.5l-43 -129q-76 29 -137 29q-87 0 -133.5 -48.5t-75.5 -177.5l-25 -108h238l-25 -127h-237l-232 -1098 q-39 -189 -120 -276t-213 -87zM868 0h-168l332 1556h168z" />
-<glyph unicode="&#xfb03;" horiz-adv-x="1815" d="M545 -492q-71 0 -125 21v141q61 -22 115 -22q68 0 111 57.5t69 181.5l227 1082h-481l-232 -1098q-39 -189 -120 -276t-213 -87q-69 0 -125 21v141q64 -22 112 -22q70 0 114 58t69 181l227 1082h-193l13 67l206 66l23 100q46 200 127.5 282.5t241.5 82.5q40 0 98 -11.5 t90 -25.5l-43 -129q-76 29 -137 29q-87 0 -133.5 -48.5t-75.5 -177.5l-25 -108h482l24 108q45 197 126 280t243 83q41 0 97.5 -11t92.5 -26l-45 -129q-76 29 -137 29q-89 0 -135 -51t-74 -175l-24 -108h239l-26 -127h-238l-231 -1098q-43 -195 -123.5 -279t-210.5 -84z M1522 0h-168l233 1096h168zM1634 1376q0 54 32 90.5t83 36.5q88 0 88 -90q0 -55 -33.5 -93t-77.5 -38q-38 0 -65 24.5t-27 69.5z" />
-<glyph unicode="&#xfb04;" horiz-adv-x="1815" d="M1520 0h-168l331 1556h168zM545 -492q-71 0 -125 21v141q61 -22 115 -22q68 0 111 57.5t69 181.5l227 1082h-481l-232 -1098q-39 -189 -120 -276t-213 -87q-69 0 -125 21v141q64 -22 112 -22q70 0 114 58t69 181l227 1082h-193l13 67l206 66l23 100q46 200 127.5 282.5 t241.5 82.5q40 0 98 -11.5t90 -25.5l-43 -129q-76 29 -137 29q-87 0 -133.5 -48.5t-75.5 -177.5l-25 -108h482l24 108q45 197 126 280t243 83q41 0 97.5 -11t92.5 -26l-45 -129q-76 29 -137 29q-89 0 -135 -51t-74 -175l-24 -108h239l-26 -127h-238l-231 -1098 q-43 -195 -123.5 -279t-210.5 -84z" />
-<glyph horiz-adv-x="2048" />
-<glyph horiz-adv-x="2048" />
-<glyph unicode="&#xd;" horiz-adv-x="1044" />
-<glyph unicode=" "  horiz-adv-x="532" />
-<glyph unicode="&#x09;" horiz-adv-x="532" />
-<glyph unicode="&#xa0;" horiz-adv-x="532" />
-<glyph unicode="!" horiz-adv-x="530" d="M555 1462l-274 -1059h-109q49 307 176 1059h207zM43 78q0 76 39.5 120t107.5 44q45 0 73 -27.5t28 -81.5q0 -68 -39 -115t-105 -47q-49 0 -76.5 28t-27.5 79z" />
-<glyph unicode="&#x22;" horiz-adv-x="791" d="M485 1462l-153 -528h-107l72 528h188zM834 1462l-154 -528h-107l72 528h189z" />
-<glyph unicode="#" horiz-adv-x="1323" d="M1036 899l-98 -340h285l-13 -129h-309l-125 -430h-139l129 430h-303l-127 -430h-133l121 430h-261l13 129h284l101 340h-277l13 127h301l123 436h139l-125 -436h305l127 436h133l-125 -436h264l-12 -127h-291zM500 559h303l96 340h-303z" />
-<glyph unicode="$" d="M942 492q0 -162 -112.5 -263t-309.5 -123l-49 -225h-133l49 223q-195 14 -315 72v154q82 -41 175.5 -63.5t166.5 -22.5l98 452q-139 49 -201.5 123.5t-62.5 188.5q0 159 108 255t299 113l39 176h133l-39 -178q159 -12 283 -76l-63 -135q-121 63 -248 72l-94 -440 q149 -55 212.5 -125t63.5 -178zM549 250q107 13 170 75t63 154q0 54 -33 96t-114 74zM627 1235q-108 -11 -167 -69t-59 -156q0 -53 34.5 -97.5t107.5 -70.5z" />
-<glyph unicode="%" horiz-adv-x="1624" d="M1468 1462l-1085 -1462h-152l1086 1462h151zM1284 772q-67 0 -119.5 -64.5t-84 -188.5t-31.5 -240q0 -173 106 -173q65 0 117 65t86.5 198.5t34.5 236.5q0 166 -109 166zM1532 621q0 -107 -31.5 -236t-82 -217.5t-121 -138t-156.5 -49.5q-110 0 -171 74.5t-61 219.5 q0 166 50.5 318.5t136.5 228.5t200 76q116 0 176 -71.5t60 -204.5zM543 1358q-66 0 -119 -63t-85 -187.5t-32 -243.5q0 -172 107 -172q52 0 94 39.5t73.5 114t50.5 175t19 171.5q0 166 -108 166zM791 1206q0 -108 -32 -237.5t-82.5 -217.5t-120.5 -137t-157 -49 q-109 0 -170 75t-61 220q0 166 50.5 318.5t136.5 228.5t200 76q116 0 176 -72t60 -205z" />
-<glyph unicode="&#x26;" horiz-adv-x="1372" d="M737 1348q-105 0 -163 -60t-58 -170q0 -120 82 -235q139 71 191 110t83 85t31 104q0 77 -42.5 121.5t-123.5 44.5zM471 119q87 0 168 33t195 124l-306 433q-128 -67 -184 -116t-85.5 -107.5t-29.5 -131.5q0 -106 66.5 -170.5t175.5 -64.5zM66 342q0 148 90 257.5 t303 211.5q-103 165 -103 309q0 164 106 264.5t281 100.5q149 0 236.5 -79t87.5 -212q0 -78 -32.5 -137t-87.5 -108t-127.5 -90t-153.5 -83l278 -389q127 110 199 295h168q-101 -236 -283 -412l203 -270h-201l-117 166q-120 -100 -230 -143t-247 -43q-168 0 -269 96 t-101 266z" />
-<glyph unicode="'" horiz-adv-x="444" d="M485 1462l-153 -528h-107l72 528h188z" />
-<glyph unicode="(" horiz-adv-x="584" d="M82 272q0 339 120 627t384 563h157q-246 -270 -371.5 -570t-125.5 -618q0 -339 114 -598h-131q-147 266 -147 596z" />
-<glyph unicode=")" horiz-adv-x="584" d="M500 864q0 -341 -121.5 -629.5t-382.5 -558.5h-156q496 551 496 1188q0 341 -113 598h131q146 -269 146 -598z" />
-<glyph unicode="*" horiz-adv-x="1130" d="M854 1528l-123 -383l422 18l-8 -157l-393 47l180 -383l-166 -52l-113 406l-258 -344l-116 121l309 284l-373 109l55 154l371 -185l41 400z" />
-<glyph unicode="+" d="M516 651h-389v142h389v391h141v-391h390v-142h-390v-387h-141v387z" />
-<glyph unicode="," horiz-adv-x="492" d="M291 238l8 -23q-113 -235 -270 -479h-129q126 286 204 502h187z" />
-<glyph unicode="-" horiz-adv-x="639" d="M55 469l35 158h479l-34 -158h-480z" />
-<glyph unicode="." horiz-adv-x="518" d="M43 74q0 77 40.5 122.5t111.5 45.5q43 0 69.5 -26t26.5 -79q0 -71 -40 -118.5t-108 -47.5q-46 0 -73 26t-27 77z" />
-<glyph unicode="/" horiz-adv-x="717" d="M893 1462l-813 -1462h-174l813 1462h174z" />
-<glyph unicode="0" d="M1092 1014q0 -295 -78.5 -539t-214 -369.5t-314.5 -125.5q-176 0 -270 127.5t-94 369.5q0 270 82 514.5t216.5 369t307.5 124.5q365 0 365 -471zM717 1341q-113 0 -209 -115.5t-155.5 -323t-59.5 -423.5q0 -172 50 -264t161 -92q115 0 209 114t150.5 328t56.5 453 q0 323 -203 323z" />
-<glyph unicode="1" d="M588 0h-172l196 913q59 261 88 359q-50 -53 -139 -111l-178 -110l-80 127l449 284h149z" />
-<glyph unicode="2" d="M911 0h-899l31 147l465 420q102 93 176.5 163.5t123 133t72 124t23.5 136.5q0 99 -60 157t-163 58q-77 0 -150.5 -28.5t-162.5 -96.5l-82 115q191 154 413 154q176 0 278.5 -88.5t102.5 -243.5q0 -111 -39.5 -204t-131 -197t-294.5 -281l-352 -307v-8h678z" />
-<glyph unicode="3" d="M1073 1159q0 -156 -101 -264.5t-280 -140.5v-9q124 -23 195 -106.5t71 -208.5q0 -133 -62 -234.5t-181 -158.5t-283 -57q-210 0 -385 79v164q94 -49 199 -75.5t190 -26.5q162 0 252 79.5t90 217.5q0 131 -79 198.5t-220 67.5h-131l31 143h139q165 0 274 87t109 227 q0 92 -58 146t-157 54q-80 0 -157 -27t-175 -93l-80 118q195 144 424 144q179 0 277 -87t98 -237z" />
-<glyph unicode="4" d="M1067 334h-233l-72 -334h-164l74 334h-656l29 158l834 978h196l-207 -983h232zM705 487q46 220 78 373t116 445h-8q-17 -29 -66.5 -96.5t-72.5 -96.5l-533 -625h486z" />
-<glyph unicode="5" d="M598 893q182 0 289.5 -104.5t107.5 -282.5q0 -161 -73 -283t-204 -182.5t-308 -60.5q-193 0 -330 79v164q164 -102 334 -102q191 0 298 96t107 268q0 126 -73.5 199.5t-204.5 73.5q-48 0 -97 -6.5t-139 -30.5l-74 57l197 684h668l-33 -153h-522l-127 -439q87 23 184 23z " />
-<glyph unicode="6" d="M133 424q0 209 60.5 415t163.5 351.5t246 219t327 73.5q111 0 184 -23l-35 -145q-68 22 -170 22q-212 0 -356.5 -149t-212.5 -443h8q59 79 146.5 126t193.5 47q154 0 244 -98.5t90 -270.5q0 -161 -66.5 -294.5t-180.5 -204t-261 -70.5q-182 0 -281.5 115t-99.5 329z M532 121q94 0 167.5 54t114 149t40.5 208q0 248 -221 248q-66 0 -128 -28.5t-110 -76t-72 -104.5t-24 -155q0 -137 60.5 -216t172.5 -79z" />
-<glyph unicode="7" d="M174 0l768 1313h-719l31 149h891l-27 -139l-764 -1323h-180z" />
-<glyph unicode="8" d="M741 1485q174 0 271.5 -86.5t97.5 -235.5q0 -129 -78 -225t-266 -176q127 -78 180 -165t53 -202q0 -122 -60 -217.5t-172.5 -146.5t-264.5 -51q-190 0 -298 98.5t-108 267.5q0 148 95 256t296 184q-95 69 -135.5 144.5t-40.5 171.5q0 111 54.5 198.5t153.5 136t222 48.5z M608 700q-185 -60 -261.5 -143.5t-76.5 -202.5q0 -107 69 -170t181 -63q139 0 222 74t83 196q0 99 -52 174t-165 135zM729 1341q-114 0 -182 -65.5t-68 -175.5q0 -82 39 -144t127 -116q161 60 228 131.5t67 173.5q0 90 -57.5 143t-153.5 53z" />
-<glyph unicode="9" d="M1067 1034q0 -194 -56 -406.5t-147.5 -360t-221.5 -217.5t-302 -70q-136 0 -242 34v158q134 -47 246 -47q202 0 327 141t189 441h-10q-51 -75 -132.5 -118.5t-180.5 -43.5q-169 0 -261 98.5t-92 288.5q0 153 64.5 280.5t180 199t259.5 71.5q180 0 279.5 -114.5 t99.5 -334.5zM682 1341q-150 0 -241 -113t-91 -290q0 -124 54.5 -190t162.5 -66q76 0 140 28.5t108.5 81.5t65 114t20.5 151q0 131 -59 207.5t-160 76.5z" />
-<glyph unicode=":" horiz-adv-x="518" d="M43 74q0 77 40.5 122.5t111.5 45.5q43 0 69.5 -26t26.5 -79q0 -71 -40 -118.5t-108 -47.5q-46 0 -73 26t-27 77zM203 956q0 77 40 122.5t111 45.5q97 0 97 -104q0 -73 -41.5 -119.5t-106.5 -46.5q-46 0 -73 26.5t-27 75.5z" />
-<glyph unicode=";" horiz-adv-x="518" d="M291 238l8 -23q-113 -235 -270 -479h-129q126 286 204 502h187zM203 956q0 77 40 122.5t111 45.5q97 0 97 -104q0 -73 -41.5 -119.5t-106.5 -46.5q-46 0 -73 26.5t-27 75.5z" />
-<glyph unicode="&#x3c;" d="M1040 242l-919 422v98l919 479v-149l-747 -371l747 -328v-151z" />
-<glyph unicode="=" d="M127 858v139h920v-139h-920zM127 444v142h920v-142h-920z" />
-<glyph unicode="&#x3e;" d="M121 393l745 328l-745 371v149l919 -479v-98l-919 -422v151z" />
-<glyph unicode="?" horiz-adv-x="874" d="M260 403q22 130 72.5 213.5t165.5 174.5q128 100 168 144t63 94t23 112q0 93 -51.5 143.5t-147.5 50.5q-81 0 -155 -25.5t-140 -56.5l-61 129q92 51 192 76t182 25q167 0 259 -84t92 -238q0 -123 -65.5 -226.5t-225.5 -223.5q-125 -91 -169 -147.5t-67 -160.5h-135z M158 74q0 77 40 122.5t111 45.5q44 0 70.5 -26t26.5 -79q0 -73 -41.5 -119.5t-106.5 -46.5q-46 0 -73 26t-27 77z" />
-<glyph unicode="@" horiz-adv-x="1735" d="M1679 852q0 -179 -55 -324t-155 -227t-222 -82q-197 0 -213 184h-8q-111 -184 -291 -184q-115 0 -180.5 75.5t-65.5 209.5q0 157 68 284t188.5 199t260.5 72q65 0 127.5 -12t150.5 -48q-64 -242 -98 -368t-31 -172q0 -117 102 -117q78 0 141.5 67t100.5 183.5t37 243.5 q0 239 -128 367t-370 128q-228 0 -406.5 -107t-277 -295.5t-98.5 -416.5q0 -270 143.5 -418.5t409.5 -148.5q197 0 420 86v-127q-219 -90 -443 -90q-314 0 -494.5 184.5t-180.5 505.5q0 261 126.5 485.5t343.5 347.5t486 123q191 0 329 -75.5t210.5 -213.5t72.5 -319z M985 938q-94 0 -174 -55t-126 -153t-46 -212q0 -93 33 -134.5t98 -41.5q187 0 272 315l70 258q-63 23 -127 23z" />
-<glyph unicode="A" horiz-adv-x="1137" d="M813 465h-496l-245 -465h-189l799 1462h174l184 -1462h-170zM795 621l-35 299q-24 179 -29 350q-37 -88 -80.5 -175t-249.5 -474h394z" />
-<glyph unicode="B" horiz-adv-x="1225" d="M770 1462q432 0 432 -336q0 -141 -87 -238t-245 -126v-10q115 -32 176.5 -110.5t61.5 -188.5q0 -212 -152 -332.5t-407 -120.5h-463l309 1462h375zM434 836h248q156 0 249 73t93 199q0 104 -66.5 155.5t-209.5 51.5h-211zM287 145h266q181 0 278 80.5t97 227.5 q0 116 -74.5 177.5t-214.5 61.5h-236z" />
-<glyph unicode="C" horiz-adv-x="1198" d="M942 1331q-174 0 -311.5 -97t-218 -284.5t-80.5 -408.5q0 -187 97.5 -298.5t268.5 -111.5q139 0 322 57v-149q-86 -31 -164 -45t-188 -14q-242 0 -380 149.5t-138 407.5q0 261 105.5 485.5t283.5 342.5t403 118q197 0 348 -80l-69 -141q-138 69 -279 69z" />
-<glyph unicode="D" horiz-adv-x="1364" d="M1300 877q0 -261 -105 -461t-300 -308t-457 -108h-352l309 1462h342q276 0 419.5 -149.5t143.5 -435.5zM449 147q202 0 355 91.5t234.5 258.5t81.5 382t-103 325.5t-302 110.5h-178l-250 -1168h162z" />
-<glyph unicode="E" horiz-adv-x="1047" d="M821 0h-735l309 1462h735l-32 -153h-566l-98 -469h527l-29 -152h-529l-114 -536h565z" />
-<glyph unicode="F" horiz-adv-x="967" d="M258 0h-172l309 1462h735l-30 -153h-568l-110 -533h528l-32 -153h-529z" />
-<glyph unicode="G" horiz-adv-x="1386" d="M821 766h459l-154 -711q-216 -75 -419 -75q-264 0 -410.5 144.5t-146.5 403.5q0 269 101.5 489.5t281.5 343t399 122.5q117 0 219.5 -20t206.5 -64l-66 -152q-77 34 -165.5 59t-194.5 25q-169 0 -307.5 -101.5t-215.5 -283.5t-77 -407q0 -190 102.5 -299t286.5 -109 q154 0 260 39l96 444h-289z" />
-<glyph unicode="H" horiz-adv-x="1389" d="M1085 0h-167l143 688h-660l-145 -688h-170l309 1462h170l-131 -622h660l133 622h168z" />
-<glyph unicode="I" horiz-adv-x="559" d="M86 0l311 1462h168l-311 -1462h-168z" />
-<glyph unicode="J" horiz-adv-x="547" d="M-166 -385q-105 0 -153 25l6 147q69 -20 145 -20q100 0 165.5 62.5t90.5 182.5l307 1450h170l-309 -1468q-79 -379 -422 -379z" />
-<glyph unicode="K" horiz-adv-x="1141" d="M1034 0h-186q-72 181 -146.5 359.5t-146.5 361.5l-174 -131l-125 -590h-170l309 1462h170l-151 -710l700 710h209l-639 -637z" />
-<glyph unicode="L" horiz-adv-x="971" d="M86 0l309 1462h170l-276 -1308h565l-33 -154h-735z" />
-<glyph unicode="M" horiz-adv-x="1714" d="M676 0l-166 1296h-8q-7 -72 -28.5 -197.5t-37.5 -199.5l-190 -899h-162l309 1462h244l149 -1204h9l659 1204h266l-303 -1462h-174q126 590 193 905.5t94 392.5h-6l-717 -1298h-131z" />
-<glyph unicode="N" horiz-adv-x="1438" d="M1139 0h-181l-460 1223h-6q-32 -221 -74 -418l-172 -805h-162l309 1462h180l459 -1220h6q30 224 72 405l174 815h164z" />
-<glyph unicode="O" horiz-adv-x="1475" d="M1411 907q0 -269 -88 -481.5t-252 -329t-379 -116.5q-256 0 -399 149.5t-143 419.5q0 264 96 482t263.5 336t377.5 118q244 0 384 -154t140 -424zM874 1333q-157 0 -281 -101t-192.5 -281t-68.5 -398q0 -199 98 -310.5t266 -111.5q152 0 272.5 97.5t190.5 279.5t70 403 q0 199 -94 310.5t-261 111.5z" />
-<glyph unicode="P" horiz-adv-x="1159" d="M1159 1085q0 -248 -164 -379t-481 -131h-135l-123 -575h-170l309 1462h330q214 0 324 -94.5t110 -282.5zM410 721h133q216 0 328 91t112 267q0 125 -69.5 180.5t-213.5 55.5h-163z" />
-<glyph unicode="Q" horiz-adv-x="1475" d="M874 1333q-157 0 -281 -101t-192.5 -281t-68.5 -398q0 -199 98 -310.5t266 -111.5q158 0 279 100t187.5 280.5t66.5 399.5q0 199 -94 310.5t-261 111.5zM725 -18l-17 -2h-16q-256 0 -399 149.5t-143 419.5q0 264 96 482t263.5 336t377.5 118q244 0 384 -154t140 -424 q0 -333 -139 -576t-375 -321l274 -358h-219z" />
-<glyph unicode="R" horiz-adv-x="1165" d="M385 608l-129 -608h-170l309 1462h320q446 0 446 -366q0 -348 -368 -449l239 -647h-186l-209 608h-252zM532 1313q-102 -494 -116 -559h168q193 0 297 85t104 244q0 121 -67.5 175.5t-219.5 54.5h-166z" />
-<glyph unicode="S" horiz-adv-x="1028" d="M913 424q0 -211 -140.5 -327.5t-395.5 -116.5q-106 0 -186.5 14.5t-151.5 48.5v170q162 -84 340 -84q162 0 257 75.5t95 207.5q0 78 -52.5 137.5t-195.5 140.5q-151 85 -209.5 170t-58.5 201q0 187 132 304.5t347 117.5q99 0 184.5 -19t180.5 -65l-66 -150 q-66 38 -148 60t-151 22q-134 0 -215.5 -69.5t-81.5 -188.5q0 -54 17 -92.5t54 -72.5t142 -95q147 -88 198.5 -138t78 -110.5t26.5 -140.5z" />
-<glyph unicode="T" horiz-adv-x="1020" d="M487 0h-172l277 1311h-406l33 151h985l-30 -151h-408z" />
-<glyph unicode="U" horiz-adv-x="1384" d="M1407 1462l-205 -966q-55 -263 -197.5 -389.5t-388.5 -126.5q-230 0 -341 104t-111 299q0 81 24 201l189 878h170l-191 -891q-22 -106 -22 -188q0 -117 73 -184.5t218 -67.5q172 0 267.5 87.5t139.5 289.5l205 954h170z" />
-<glyph unicode="V" horiz-adv-x="1122" d="M479 197q61 144 162 338l479 927h191l-781 -1462h-180l-162 1462h170l97 -930q20 -196 20 -335h4z" />
-<glyph unicode="W" horiz-adv-x="1745" d="M1257 0h-170l-49 965q-8 136 -8 282h-6q-25 -72 -61 -154.5t-504 -1092.5h-174l-62 1462h170l31 -901l2 -88q0 -98 -10 -258h6q89 243 156 383l405 864h178l43 -860q9 -153 9 -304l-1 -83h9q75 224 131 354l387 893h182z" />
-<glyph unicode="X" horiz-adv-x="1063" d="M956 0h-180l-213 641l-481 -641h-186l596 776l-263 686h172l203 -563l443 563h186l-555 -694z" />
-<glyph unicode="Y" horiz-adv-x="1030" d="M537 715l489 747h193l-627 -921l-113 -541h-172l119 549l-238 913h170z" />
-<glyph unicode="Z" horiz-adv-x="1087" d="M885 0h-901l28 137l924 1170h-655l32 155h858l-26 -139l-924 -1169h697z" />
-<glyph unicode="[" horiz-adv-x="586" d="M371 -324h-387l381 1786h387l-31 -141h-227l-318 -1503h227z" />
-<glyph unicode="\" horiz-adv-x="717" d="M375 1462l217 -1462h-154l-217 1462h154z" />
-<glyph unicode="]" horiz-adv-x="586" d="M-119 -182h225l320 1503h-227l30 141h389l-380 -1786h-388z" />
-<glyph unicode="^" horiz-adv-x="1059" d="M53 553l598 920h109l266 -920h-145l-201 747l-467 -747h-160z" />
-<glyph unicode="_" horiz-adv-x="807" d="M623 -324h-811l30 140h811z" />
-<glyph unicode="`" horiz-adv-x="1135" d="M903 1241h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="a" horiz-adv-x="1157" d="M639 1116q92 0 164 -49.5t112 -142.5h11l67 172h127l-233 -1096h-133l26 209h-8q-179 -229 -377 -229q-139 0 -218 99t-79 271q0 208 71 386t196 279t274 101zM449 119q97 0 193 92.5t156 241t60 297.5q0 103 -56 164t-147 61q-104 0 -193.5 -86t-140.5 -233t-51 -310 q0 -114 47 -170.5t132 -56.5z" />
-<glyph unicode="b" horiz-adv-x="1182" d="M545 -20q-97 0 -170.5 51t-110.5 139h-10l-70 -170h-125l330 1556h168q-51 -242 -78.5 -370.5t-75.5 -300.5h9q93 118 183.5 173.5t186.5 55.5q141 0 220 -99t79 -272q0 -209 -68.5 -386.5t-191 -277t-276.5 -99.5zM731 975q-96 0 -195.5 -95t-158 -239t-58.5 -295 q0 -110 55.5 -168.5t160.5 -58.5q99 0 184.5 81t137.5 230.5t52 317.5q0 227 -178 227z" />
-<glyph unicode="c" horiz-adv-x="922" d="M506 -20q-194 0 -301 107t-107 302q0 200 74 369t204.5 263.5t293.5 94.5q137 0 268 -51l-47 -141q-120 51 -219 51q-112 0 -204.5 -76.5t-145 -213t-52.5 -296.5q0 -128 66.5 -199t183.5 -71q72 0 136 20t126 47v-143q-124 -63 -276 -63z" />
-<glyph unicode="d" horiz-adv-x="1182" d="M639 1114q194 0 281 -190h10q17 155 45 274l78 358h166l-330 -1556h-139l22 209h-8q-101 -125 -189 -177t-182 -52q-139 0 -217 98t-78 272q0 214 72 392t194.5 275t274.5 97zM449 119q94 0 194 93.5t158.5 239t58.5 296.5q0 111 -54 169t-157 58q-101 0 -187.5 -82.5 t-139 -232t-52.5 -314.5q0 -227 179 -227z" />
-<glyph unicode="e" horiz-adv-x="1010" d="M492 -20q-184 0 -289 109t-105 302q0 188 74.5 360.5t197.5 268.5t271 96q153 0 230 -66.5t77 -185.5q0 -180 -166 -282.5t-475 -102.5h-33l-4 -80q0 -131 61.5 -204.5t190.5 -73.5q63 0 129.5 18t165.5 66v-146q-94 -44 -166 -61.5t-159 -17.5zM631 973 q-103 0 -193.5 -94t-138.5 -261h12q228 0 349.5 59.5t121.5 172.5q0 53 -36.5 88t-114.5 35z" />
-<glyph unicode="f" horiz-adv-x="641" d="M-104 -492q-69 0 -125 21v141q64 -22 112 -22q76 0 117 62t66 177l227 1082h-193l13 67l206 66l23 100q46 200 127.5 282.5t241.5 82.5q40 0 98 -11.5t90 -25.5l-43 -129q-76 29 -137 29q-87 0 -133.5 -48.5t-75.5 -177.5l-25 -108h238l-25 -127h-237l-232 -1098 q-39 -189 -120 -276t-213 -87z" />
-<glyph unicode="g" horiz-adv-x="1026" d="M1100 1096l-25 -107l-211 -24q41 -62 41 -158q0 -191 -116.5 -304.5t-311.5 -113.5q-55 0 -84 8q-139 -53 -139 -131q0 -41 33 -54.5t96 -21.5l117 -14q181 -22 262.5 -88t81.5 -194q0 -184 -146 -285t-411 -101q-194 0 -304 73.5t-110 207.5q0 105 72 182t233 131 q-78 41 -78 121q0 69 51 118.5t142 92.5q-63 32 -103 94.5t-40 145.5q0 194 119.5 318t305.5 124q78 0 154 -20h371zM35 -195q0 -77 65 -122t193 -45q182 0 284.5 63.5t102.5 179.5q0 62 -54 98t-184 50l-159 16q-120 -25 -184 -88t-64 -152zM313 680q0 -85 45 -129.5 t125 -44.5q79 0 138 42t90.5 115.5t31.5 159.5q0 82 -44 125t-126 43q-78 0 -136.5 -40.5t-91 -113t-32.5 -157.5z" />
-<glyph unicode="h" horiz-adv-x="1182" d="M729 0l148 692q18 94 18 135q0 148 -147 148q-89 0 -173.5 -59t-149 -171.5t-97.5 -271.5l-101 -473h-168l330 1556h168q-18 -82 -34.5 -159t-34 -156.5t-38 -166.5t-47.5 -189h11q94 123 185.5 176t191.5 53q131 0 202.5 -72t71.5 -204q0 -62 -23 -166 q-39 -193 -145 -672h-168z" />
-<glyph unicode="i" horiz-adv-x="520" d="M227 0h-168l234 1096h168zM340 1376q0 56 32 91.5t83 35.5q88 0 88 -90q0 -55 -33.5 -93t-77.5 -38q-40 0 -66 24.5t-26 69.5z" />
-<glyph unicode="j" horiz-adv-x="520" d="M-135 -492q-69 0 -123 21v141q61 -22 119 -22q125 0 168 205l264 1243h166l-266 -1258q-36 -171 -114.5 -250.5t-213.5 -79.5zM340 1376q0 56 32 91.5t83 35.5q86 0 86 -90q0 -55 -33.5 -93t-77.5 -38q-38 0 -64 24.5t-26 69.5z" />
-<glyph unicode="k" horiz-adv-x="999" d="M330 559l526 537h201l-469 -467l295 -629h-187l-235 524l-152 -123l-82 -401h-170l330 1556h170l-129 -602t-102 -395h4z" />
-<glyph unicode="l" horiz-adv-x="520" d="M225 0h-168l332 1556h168z" />
-<glyph unicode="m" horiz-adv-x="1786" d="M696 0l148 692q18 94 18 135q0 70 -31 109t-106 39q-84 0 -163.5 -60t-140 -171.5t-93.5 -268.5l-101 -475h-168l234 1096h139l-22 -203h10q87 119 173.5 171t178.5 52q113 0 174 -65t72 -181h8q86 125 183 185.5t196 60.5q127 0 196.5 -68t69.5 -198q0 -68 -22 -178 l-144 -672h-170l148 692q20 104 20 146q0 62 -34.5 99.5t-108.5 37.5q-81 0 -160 -58t-138.5 -164.5t-90.5 -252.5l-107 -500h-168z" />
-<glyph unicode="n" horiz-adv-x="1182" d="M729 0l148 692q20 104 20 144q0 63 -35.5 101t-113.5 38q-89 0 -173.5 -60t-149 -171t-97.5 -269l-101 -475h-168l234 1096h139l-22 -203h10q96 122 185.5 172.5t185.5 50.5q127 0 200.5 -69.5t73.5 -194.5q0 -79 -23 -180l-143 -672h-170z" />
-<glyph unicode="o" horiz-adv-x="1149" d="M643 1110q190 0 300 -112.5t110 -309.5q0 -188 -72 -355t-195 -258t-278 -91q-192 0 -301 113t-109 309q0 190 73 357.5t197 257t275 89.5zM879 711q0 115 -62.5 186.5t-169.5 71.5q-109 0 -195.5 -74t-134 -205.5t-47.5 -292.5q0 -131 63.5 -202.5t182.5 -71.5 q104 0 187 73t129.5 207.5t46.5 307.5z" />
-<glyph unicode="p" horiz-adv-x="1182" d="M545 -20q-97 0 -170 50t-113 140h-10l-4 -38q-3 -25 -10.5 -70t-114.5 -554h-166l336 1588h139l-26 -209h8q179 227 372 227q137 0 216 -97.5t79 -273.5q0 -212 -69 -389t-191 -275.5t-276 -98.5zM731 975q-96 0 -195.5 -95t-158 -239t-58.5 -295q0 -110 55.5 -168.5 t160.5 -58.5q99 0 184.5 81t137.5 230.5t52 317.5q0 227 -178 227z" />
-<glyph unicode="q" horiz-adv-x="1182" d="M641 1116q94 0 165.5 -50.5t108.5 -141.5h13l67 172h125l-336 -1588h-166l101 480q9 45 57 221h-8q-95 -121 -185 -175t-186 -54q-140 0 -219.5 97.5t-79.5 272.5q0 212 72.5 392t196 277t274.5 97zM449 119q92 0 190 92t158.5 237t60.5 300q0 105 -54.5 166t-152.5 61 q-101 0 -189 -84.5t-140 -233t-52 -311.5q0 -227 179 -227z" />
-<glyph unicode="r" horiz-adv-x="811" d="M752 1116q69 0 120 -14l-36 -150q-53 13 -105 13q-91 0 -170.5 -60t-139 -166.5t-87.5 -236.5l-107 -502h-168l234 1096h139l-22 -203h10q72 95 119 136.5t98.5 64t114.5 22.5z" />
-<glyph unicode="s" horiz-adv-x="877" d="M735 311q0 -156 -110.5 -243.5t-311.5 -87.5q-169 0 -305 69v158q70 -42 151 -65t150 -23q126 0 190 50t64 128q0 57 -35 96t-151 107q-130 73 -184 143t-54 166q0 138 101 222.5t266 84.5q171 0 330 -74l-54 -137l-56 25q-101 43 -220 43q-93 0 -146 -43.5t-53 -112.5 q0 -56 35.5 -96t146.5 -103q107 -60 153.5 -103t69.5 -92.5t23 -111.5z" />
-<glyph unicode="t" horiz-adv-x="664" d="M395 117q55 0 144 26v-129q-34 -14 -84 -24t-80 -10q-125 0 -191.5 59.5t-66.5 177.5q0 66 18 150l127 602h-172l14 73l185 78l125 228h98l-55 -252h274l-26 -127h-273l-129 -604q-18 -87 -18 -132q0 -56 29 -86t81 -30z" />
-<glyph unicode="u" horiz-adv-x="1182" d="M451 1096l-150 -695q-18 -89 -18 -139q0 -143 147 -143q88 0 173 60t150 172t99 270l100 475h166l-231 -1096h-139l22 203h-12q-98 -125 -187 -174t-184 -49q-128 0 -201 69.5t-73 198.5q0 62 22 172l146 676h170z" />
-<glyph unicode="v" horiz-adv-x="946" d="M223 0l-125 1096h168l64 -613q24 -258 24 -362h6q127 275 179 371l325 604h178l-591 -1096h-228z" />
-<glyph unicode="w" horiz-adv-x="1468" d="M831 0l-32 602q-4 94 -4 172v156h-9l-50 -118l-83 -189l-291 -623h-202l-43 1096h164l18 -594v-88q0 -147 -8 -269h6q47 124 137 322l295 629h182l37 -594q6 -168 6 -262v-53l-2 -42h6q28 86 83 218.5t323 732.5h178l-506 -1096h-205z" />
-<glyph unicode="x" horiz-adv-x="979" d="M467 434l-346 -434h-195l475 565l-239 531h170l174 -412l330 412h194l-455 -539l252 -557h-168z" />
-<glyph unicode="y" horiz-adv-x="946" d="M98 1096h168l74 -545q10 -69 19.5 -203.5t9.5 -216.5h6q35 87 87 200t77 156l325 609h178l-696 -1282q-93 -172 -184 -239t-219 -67q-72 0 -140 21v135q63 -18 131 -18q82 0 140.5 50.5t113.5 149.5l76 136z" />
-<glyph unicode="z" horiz-adv-x="909" d="M690 0h-719l23 117l694 854h-479l27 125h657l-29 -140l-680 -831h531z" />
-<glyph unicode="{" horiz-adv-x="715" d="M442 -324q-141 0 -216.5 52.5t-75.5 171.5q0 52 20 141q33 146 51.5 227.5t14.5 102.5q0 143 -209 143l32 143q118 0 189.5 43.5t93.5 147.5l68 326q34 160 117.5 224t254.5 64h33l-31 -141q-105 0 -151 -36.5t-66 -123.5l-71 -321q-28 -123 -91 -184t-167 -78v-5 q151 -41 151 -213q0 -59 -18 -131l-47 -211q-15 -58 -15 -98q0 -53 36.5 -77.5t119.5 -24.5v-142h-23z" />
-<glyph unicode="|" d="M541 1556h139v-2052h-139v2052z" />
-<glyph unicode="}" horiz-adv-x="715" d="M285 1462q144 0 220.5 -52.5t76.5 -170.5q0 -48 -21 -141l-49 -219q-16 -68 -16 -111q0 -143 209 -143l-33 -144q-119 0 -190 -43t-93 -147l-67 -326q-36 -164 -119 -226.5t-264 -62.5h-13v142q115 0 167 36t71 123l72 322q25 117 88 179.5t170 80.5v6q-150 42 -150 211 q0 59 18 131l50 213q14 65 14 99q0 53 -40.5 77.5t-139.5 24.5l28 141h11z" />
-<glyph unicode="~" d="M348 713q-54 0 -118.5 -34.5t-114.5 -86.5v151q98 109 243 109q69 0 127 -14.5t144 -51.5q64 -27 112.5 -41t98.5 -14q55 0 119.5 33t115.5 88v-150q-100 -110 -244 -110q-72 0 -135 16.5t-135 48.5q-75 32 -120 44t-93 12z" />
-<glyph unicode="&#xa1;" horiz-adv-x="530" d="M260 684h109l-176 -1057h-207zM250 950q0 76 40.5 122t110.5 46q44 0 70.5 -26t26.5 -80q0 -71 -40.5 -117.5t-105.5 -46.5q-48 0 -75 25.5t-27 76.5z" />
-<glyph unicode="&#xa2;" d="M582 -20h-125l43 215q-132 34 -203.5 137.5t-71.5 257.5q0 185 63.5 344t178.5 258.5t260 120.5l35 170h123l-37 -168q119 -9 217 -49l-47 -142q-109 52 -219 52q-112 0 -204.5 -76.5t-145 -213t-52.5 -296.5q0 -125 66 -198t184 -73q72 0 136 20t126 48v-143 q-123 -62 -286 -66z" />
-<glyph unicode="&#xa3;" d="M842 1481q184 0 336 -86l-66 -133q-146 79 -278 79q-213 0 -263 -237l-69 -326h370l-26 -127h-371l-47 -219q-22 -98 -66 -166.5t-124 -111.5h725l-33 -154h-953l27 141q205 46 258 289l47 221h-200l26 127h201l76 350q75 353 430 353z" />
-<glyph unicode="&#xa4;" d="M229 723q0 117 68 215l-129 129l92 92l127 -129q103 70 217 70t215 -70l129 129l92 -90l-129 -129q70 -104 70 -217q0 -119 -70 -217l127 -127l-90 -90l-129 127q-98 -68 -215 -68q-119 0 -217 70l-127 -127l-90 90l127 127q-68 96 -68 215zM358 723q0 -103 71.5 -174.5 t174.5 -71.5q104 0 177 71.5t73 174.5q0 104 -73 177t-177 73q-102 0 -174 -72.5t-72 -177.5z" />
-<glyph unicode="&#xa5;" d="M582 715l491 747h187l-533 -770h231l-28 -133h-297l-33 -160h297l-29 -133h-295l-57 -266h-154l56 266h-291l29 133h290l33 160h-291l29 133h225l-202 770h163z" />
-<glyph unicode="&#xa6;" d="M541 1556h139v-776h-139v776zM541 281h139v-777h-139v777z" />
-<glyph unicode="&#xa7;" horiz-adv-x="995" d="M174 770q0 201 238 307q-119 70 -119 203q0 127 103.5 206t279.5 79q189 0 321 -68l-53 -123q-148 60 -266 60q-102 0 -162.5 -40.5t-60.5 -109.5q0 -49 38 -83.5t162 -90.5q100 -44 149 -83.5t75 -89.5t26 -114q0 -97 -61 -180t-172 -139q114 -71 114 -189 q0 -152 -114 -237.5t-318 -85.5q-176 0 -295 61v148q56 -34 136.5 -56t156.5 -22q133 0 204 44.5t71 129.5q0 48 -50.5 89t-152.5 87q-138 61 -194 130.5t-56 166.5zM514 1010q-82 -26 -135 -87.5t-53 -131.5t50.5 -117t198.5 -111q80 44 127.5 107t47.5 131 q0 60 -49.5 105.5t-186.5 103.5z" />
-<glyph unicode="&#xa8;" horiz-adv-x="1135" d="M457 1378q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM821 1378q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1704" d="M928 1059q-125 0 -191.5 -87t-66.5 -241q0 -169 65 -249.5t193 -80.5q82 0 211 43v-122q-66 -28 -113 -38t-104 -10q-192 0 -297 119.5t-105 339.5q0 208 110 330.5t300 122.5q130 0 248 -60l-60 -120q-106 53 -190 53zM139 731q0 200 100 375t275 276t377 101 q197 0 370 -97t277 -272t104 -383q0 -204 -100.5 -376.5t-273 -273.5t-377.5 -101q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM244 731q0 -173 87 -323.5t237.5 -237t322.5 -86.5q174 0 323 87t236.5 235.5t87.5 324.5q0 174 -87 323t-235.5 236.5t-324.5 87.5 q-174 0 -323 -87t-236.5 -235.5t-87.5 -324.5z" />
-<glyph unicode="&#xaa;" horiz-adv-x="686" d="M498 1479q114 0 153 -103h6l37 90h86l-139 -665h-92l14 117h-4q-40 -56 -90 -93t-123 -37q-77 0 -126.5 60t-49.5 166q0 127 41.5 234.5t116.5 169t170 61.5zM381 891q61 0 112.5 49t86 137.5t34.5 167.5q0 62 -28.5 96.5t-85.5 34.5q-92 0 -154.5 -103t-62.5 -243 q0 -139 98 -139z" />
-<glyph unicode="&#xab;" horiz-adv-x="958" d="M88 584l391 374l78 -81l-297 -328l172 -387l-113 -49l-231 442v29zM483 541l367 405l86 -69l-283 -365l158 -350l-113 -49l-215 397v31z" />
-<glyph unicode="&#xac;" d="M1047 793v-529h-140v387h-780v142h920z" />
-<glyph unicode="&#xad;" horiz-adv-x="639" d="M55 469zM55 469l35 158h479l-34 -158h-480z" />
-<glyph unicode="&#xae;" horiz-adv-x="1704" d="M139 731q0 200 100 375t275 276t377 101q197 0 370 -97t277 -272t104 -383q0 -204 -100.5 -376.5t-273 -273.5t-377.5 -101q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM244 731q0 -173 87 -323.5t237.5 -237t322.5 -86.5q174 0 323 87t236.5 235.5t87.5 324.5 q0 174 -87 323t-235.5 236.5t-324.5 87.5q-174 0 -323 -87t-236.5 -235.5t-87.5 -324.5zM1194 915q0 -78 -47.5 -141t-132.5 -98l227 -385h-149l-207 352h-113v-352h-127v880h229q163 0 241.5 -63t78.5 -193zM772 762h92q195 0 195 149q0 76 -47.5 107t-149.5 31h-90v-287z " />
-<glyph unicode="&#xaf;" horiz-adv-x="782" d="M1012 1556h-785l33 132h787z" />
-<glyph unicode="&#xb0;" horiz-adv-x="877" d="M215 1171q0 128 90.5 220t220.5 92q83 0 155.5 -41.5t114.5 -114t42 -156.5q0 -128 -90.5 -218.5t-221.5 -90.5t-221 90.5t-90 218.5zM328 1171q0 -80 58 -138t140 -58q83 0 140 58.5t57 137.5q0 82 -57.5 140.5t-139.5 58.5q-80 0 -139 -58.5t-59 -140.5z" />
-<glyph unicode="&#xb1;" d="M516 643h-389v141h389v392h141v-392h390v-141h-390v-387h-141v387zM127 0v141h920v-141h-920z" />
-<glyph unicode="&#xb2;" horiz-adv-x="717" d="M657 586h-561l23 106l264 228q115 100 158.5 149.5t63.5 93t20 90.5q0 53 -31 85t-90 32q-90 0 -195 -80l-59 90q125 101 274 101q109 0 171.5 -56.5t62.5 -150.5q0 -99 -52.5 -179.5t-197.5 -205.5l-221 -187h395z" />
-<glyph unicode="&#xb3;" horiz-adv-x="717" d="M549 1036q69 -17 108 -68t39 -120q0 -132 -91 -205.5t-253 -73.5q-125 0 -233 56v127q125 -72 239 -72q205 0 205 170q0 137 -178 137h-90l22 107h95q97 0 155 41t58 112q0 60 -34.5 90.5t-93.5 30.5q-102 0 -196 -68l-55 93q109 88 268 88q114 0 178 -56t64 -151 q0 -180 -207 -234v-4z" />
-<glyph unicode="&#xb4;" horiz-adv-x="1135" d="M532 1268q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1194" d="M295 266q0 -147 147 -147q89 0 172 59t148.5 171t99.5 269l105 478h163l-233 -1096h-139l24 205h-12q-93 -121 -183 -173t-188 -52q-112 0 -163 96h-9q-11 -78 -22.5 -148t-83.5 -420h-164l336 1588h168l-148 -695q-18 -92 -18 -135z" />
-<glyph unicode="&#xb6;" horiz-adv-x="1341" d="M1206 -260h-114v1661h-213v-1661h-115v819q-62 -18 -146 -18q-216 0 -317.5 125t-101.5 376q0 260 109 387t341 127h557v-1816z" />
-<glyph unicode="&#xb7;" horiz-adv-x="518" d="M170 587zM170 690q0 77 40.5 122.5t111.5 45.5q43 0 69.5 -26t26.5 -79q0 -71 -40 -118.5t-108 -47.5q-46 0 -73 26t-27 77z" />
-<glyph unicode="&#xb8;" horiz-adv-x="420" d="M211 -276q0 -98 -81 -157t-214 -59q-41 0 -86 9v100q38 -6 68 -6q174 0 174 110q0 46 -39 67.5t-99 29.5l101 182h106l-61 -121q131 -38 131 -155z" />
-<glyph unicode="&#xb9;" horiz-adv-x="717" d="M537 1462h118l-186 -876h-135l112 526q25 103 58 225q-25 -25 -50 -46.5t-145 -100.5l-51 90z" />
-<glyph unicode="&#xba;" horiz-adv-x="688" d="M745 1219q0 -191 -88.5 -311t-240.5 -120q-113 0 -180.5 71t-67.5 196q0 117 42 215.5t117.5 153.5t174.5 55q117 0 180 -67t63 -193zM500 1376q-102 0 -160.5 -87.5t-58.5 -229.5q0 -85 38 -127.5t107 -42.5q94 0 152.5 88.5t58.5 232.5q0 166 -137 166z" />
-<glyph unicode="&#xbb;" horiz-adv-x="958" d="M872 485l-393 -370l-78 82l297 323l-172 391l113 50l233 -447v-29zM477 528l-368 -401l-86 70l282 360l-158 354l113 50l217 -402v-31z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1518" d="M123 0zM1362 1462l-1086 -1462h-153l1085 1462h154zM483 1462h118l-186 -876h-135l112 526q25 103 58 225q-25 -25 -50 -46.5t-145 -100.5l-51 90zM1327 203h-129l-43 -202h-127l43 202h-365l23 101l481 579h133l-121 -563h127zM1095 320q69 322 90 395 q-20 -36 -110 -149l-205 -246h225z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1518" d="M66 0zM427 1462h118l-186 -876h-135l112 526q25 103 58 225q-25 -25 -50 -46.5t-145 -100.5l-51 90zM1305 1462l-1086 -1462h-153l1085 1462h154zM1343 1h-561l23 106l264 228q115 100 158.5 149.5t63.5 93t20 90.5q0 53 -31 85t-90 32q-90 0 -195 -80l-59 90 q125 101 274 101q109 0 171.5 -56.5t62.5 -150.5q0 -99 -52.5 -179.5t-197.5 -205.5l-221 -187h395z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1565" d="M87 0zM517 1036q69 -17 108 -68t39 -120q0 -132 -91 -205.5t-253 -73.5q-125 0 -233 56v127q125 -72 239 -72q205 0 205 170q0 137 -178 137h-90l22 107h95q97 0 155 41t58 112q0 60 -34.5 90.5t-93.5 30.5q-102 0 -196 -68l-55 93q109 88 268 88q114 0 178 -56t64 -151 q0 -180 -207 -234v-4zM1512 1462l-1086 -1462h-153l1085 1462h154zM1477 203h-129l-43 -202h-127l43 202h-365l23 101l481 579h133l-121 -563h127zM1245 320q69 322 90 395q-20 -36 -110 -149l-205 -246h225z" />
-<glyph unicode="&#xbf;" horiz-adv-x="874" d="M657 680q-22 -130 -72 -212t-165 -175l-95 -75q-159 -127 -159 -275q0 -93 51.5 -144t147.5 -51q80 0 154 25.5t140 56.5l62 -129q-90 -48 -189 -74t-186 -26q-168 0 -259 83.5t-91 237.5q0 124 66 228t225 223q132 98 172.5 152.5t62.5 154.5h135zM760 1010 q0 -77 -40.5 -122.5t-111.5 -45.5q-43 0 -69.5 26t-26.5 78q0 71 40 118.5t107 47.5q47 0 74 -25.5t27 -76.5z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1137" d="M0 0zM813 465h-496l-245 -465h-189l799 1462h174l184 -1462h-170zM795 621l-35 299q-24 179 -29 350q-37 -88 -80.5 -175t-249.5 -474h394zM863 1579h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1137" d="M0 0zM813 465h-496l-245 -465h-189l799 1462h174l184 -1462h-170zM795 621l-35 299q-24 179 -29 350q-37 -88 -80.5 -175t-249.5 -474h394zM679 1606q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1137" d="M0 0zM813 465h-496l-245 -465h-189l799 1462h174l184 -1462h-170zM795 621l-35 299q-24 179 -29 350q-37 -88 -80.5 -175t-249.5 -474h394zM1080 1579h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27 z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1137" d="M0 0zM813 465h-496l-245 -465h-189l799 1462h174l184 -1462h-170zM795 621l-35 299q-24 179 -29 350q-37 -88 -80.5 -175t-249.5 -474h394zM934 1581q-40 0 -77.5 17.5t-73 39t-69 39t-65.5 17.5q-44 0 -69.5 -28.5t-47.5 -86.5h-100q58 258 231 258q44 0 83.5 -18 t75 -39.5t66.5 -39.5t58 -18q44 0 69.5 27t51.5 90h100q-66 -258 -233 -258z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1137" d="M0 0zM813 465h-496l-245 -465h-189l799 1462h174l184 -1462h-170zM795 621l-35 299q-24 179 -29 350q-37 -88 -80.5 -175t-249.5 -474h394zM523 1716q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM887 1716q0 46 28 79.5 t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1137" d="M0 0zM813 465h-496l-245 -465h-189l799 1462h174l184 -1462h-170zM795 621l-35 299q-24 179 -29 350q-37 -88 -80.5 -175t-249.5 -474h394zM991 1585q0 -99 -60 -157t-159 -58q-101 0 -160 57.5t-59 155.5q0 94 62 152.5t157 58.5q101 0 160 -57t59 -152zM887 1583 q0 53 -32 84t-83 31q-49 0 -82 -31t-33 -84q0 -54 29.5 -84.5t85.5 -30.5q51 0 83 30.5t32 84.5z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1673" d="M1448 0h-737l98 465h-438l-293 -465h-197l938 1462h938l-33 -153h-565l-100 -469h528l-28 -150h-529l-115 -538h566zM840 621l147 688h-84l-434 -688h371z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1198" d="M150 0zM942 1331q-174 0 -311.5 -97t-218 -284.5t-80.5 -408.5q0 -187 97.5 -298.5t268.5 -111.5q139 0 322 57v-149q-86 -31 -164 -45t-188 -14q-242 0 -380 149.5t-138 407.5q0 261 105.5 485.5t283.5 342.5t403 118q197 0 348 -80l-69 -141q-138 69 -279 69zM758 -276 q0 -98 -81 -157t-214 -59q-41 0 -86 9v100q38 -6 68 -6q174 0 174 110q0 46 -39 67.5t-99 29.5l101 182h106l-61 -121q131 -38 131 -155z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1047" d="M86 0zM821 0h-735l309 1462h735l-32 -153h-566l-98 -469h527l-29 -152h-529l-114 -536h565zM898 1579h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1047" d="M86 0zM821 0h-735l309 1462h735l-32 -153h-566l-98 -469h527l-29 -152h-529l-114 -536h565zM657 1606q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xca;" horiz-adv-x="1047" d="M86 0zM821 0h-735l309 1462h735l-32 -153h-566l-98 -469h527l-29 -152h-529l-114 -536h565zM1084 1579h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1047" d="M86 0zM821 0h-735l309 1462h735l-32 -153h-566l-98 -469h527l-29 -152h-529l-114 -536h565zM523 1716q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM887 1716q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34 q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xcc;" horiz-adv-x="559" d="M86 0zM86 0l311 1462h168l-311 -1462h-168zM593 1579h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xcd;" horiz-adv-x="559" d="M86 0zM86 0l311 1462h168l-311 -1462h-168zM412 1606q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xce;" horiz-adv-x="559" d="M86 0zM86 0l311 1462h168l-311 -1462h-168zM808 1579h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xcf;" horiz-adv-x="559" d="M86 0zM86 0l311 1462h168l-311 -1462h-168zM265 1716q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM629 1716q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1364" d="M1300 877q0 -261 -105 -461t-300 -308t-457 -108h-352l135 649h-149l32 150h150l141 663h342q276 0 419.5 -149.5t143.5 -435.5zM449 147q202 0 355 91.5t234.5 258.5t81.5 382t-103 325.5t-302 110.5h-178l-111 -516h330l-33 -150h-330l-106 -502h162z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1438" d="M84 0zM1139 0h-181l-460 1223h-6q-32 -221 -74 -418l-172 -805h-162l309 1462h180l459 -1220h6q30 224 72 405l174 815h164zM1102 1581q-40 0 -77.5 17.5t-73 39t-69 39t-65.5 17.5q-44 0 -69.5 -28.5t-47.5 -86.5h-100q58 258 231 258q44 0 83.5 -18t75 -39.5 t66.5 -39.5t58 -18q44 0 69.5 27t51.5 90h100q-66 -258 -233 -258z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1475" d="M150 0zM1411 907q0 -269 -88 -481.5t-252 -329t-379 -116.5q-256 0 -399 149.5t-143 419.5q0 264 96 482t263.5 336t377.5 118q244 0 384 -154t140 -424zM874 1333q-157 0 -281 -101t-192.5 -281t-68.5 -398q0 -199 98 -310.5t266 -111.5q152 0 272.5 97.5t190.5 279.5 t70 403q0 199 -94 310.5t-261 111.5zM1007 1579h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1475" d="M150 0zM1411 907q0 -269 -88 -481.5t-252 -329t-379 -116.5q-256 0 -399 149.5t-143 419.5q0 264 96 482t263.5 336t377.5 118q244 0 384 -154t140 -424zM874 1333q-157 0 -281 -101t-192.5 -281t-68.5 -398q0 -199 98 -310.5t266 -111.5q152 0 272.5 97.5t190.5 279.5 t70 403q0 199 -94 310.5t-261 111.5zM821 1606q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1475" d="M150 0zM1411 907q0 -269 -88 -481.5t-252 -329t-379 -116.5q-256 0 -399 149.5t-143 419.5q0 264 96 482t263.5 336t377.5 118q244 0 384 -154t140 -424zM874 1333q-157 0 -281 -101t-192.5 -281t-68.5 -398q0 -199 98 -310.5t266 -111.5q152 0 272.5 97.5t190.5 279.5 t70 403q0 199 -94 310.5t-261 111.5zM1227 1579h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1475" d="M150 0zM1411 907q0 -269 -88 -481.5t-252 -329t-379 -116.5q-256 0 -399 149.5t-143 419.5q0 264 96 482t263.5 336t377.5 118q244 0 384 -154t140 -424zM874 1333q-157 0 -281 -101t-192.5 -281t-68.5 -398q0 -199 98 -310.5t266 -111.5q152 0 272.5 97.5t190.5 279.5 t70 403q0 199 -94 310.5t-261 111.5zM1067 1581q-40 0 -77.5 17.5t-73 39t-69 39t-65.5 17.5q-44 0 -69.5 -28.5t-47.5 -86.5h-100q58 258 231 258q44 0 83.5 -18t75 -39.5t66.5 -39.5t58 -18q44 0 69.5 27t51.5 90h100q-66 -258 -233 -258z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1475" d="M150 0zM1411 907q0 -269 -88 -481.5t-252 -329t-379 -116.5q-256 0 -399 149.5t-143 419.5q0 264 96 482t263.5 336t377.5 118q244 0 384 -154t140 -424zM874 1333q-157 0 -281 -101t-192.5 -281t-68.5 -398q0 -199 98 -310.5t266 -111.5q152 0 272.5 97.5t190.5 279.5 t70 403q0 199 -94 310.5t-261 111.5zM664 1716q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM1028 1716q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xd7;" d="M487 723l-319 321l98 99l320 -320l323 320l99 -96l-324 -324l322 -322l-97 -96l-323 320l-320 -318l-96 96z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1475" d="M1411 907q0 -269 -88 -481.5t-252 -329t-379 -116.5q-200 0 -332 96l-129 -160l-112 92l137 170q-106 136 -106 371q0 264 96 482t263.5 336t377.5 118q99 0 178.5 -27t151.5 -84l131 166l114 -92l-149 -184q48 -62 73 -156t25 -201zM874 1333q-157 0 -281 -101 t-192.5 -281t-68.5 -398q0 -135 41 -227l737 919q-90 88 -236 88zM1229 911q0 118 -33 205l-733 -911q91 -74 233 -74q152 0 272.5 97.5t190.5 279.5t70 403z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1384" d="M164 0zM1407 1462l-205 -966q-55 -263 -197.5 -389.5t-388.5 -126.5q-230 0 -341 104t-111 299q0 81 24 201l189 878h170l-191 -891q-22 -106 -22 -188q0 -117 73 -184.5t218 -67.5q172 0 267.5 87.5t139.5 289.5l205 954h170zM991 1579h-104q-61 61 -128.5 154 t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xda;" horiz-adv-x="1384" d="M164 0zM1407 1462l-205 -966q-55 -263 -197.5 -389.5t-388.5 -126.5q-230 0 -341 104t-111 299q0 81 24 201l189 878h170l-191 -891q-22 -106 -22 -188q0 -117 73 -184.5t218 -67.5q172 0 267.5 87.5t139.5 289.5l205 954h170zM823 1606q56 60 125.5 151.5t106.5 149.5 h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1384" d="M164 0zM1407 1462l-205 -966q-55 -263 -197.5 -389.5t-388.5 -126.5q-230 0 -341 104t-111 299q0 81 24 201l189 878h170l-191 -891q-22 -106 -22 -188q0 -117 73 -184.5t218 -67.5q172 0 267.5 87.5t139.5 289.5l205 954h170zM1217 1579h-103q-57 48 -161 189 q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1384" d="M164 0zM1407 1462l-205 -966q-55 -263 -197.5 -389.5t-388.5 -126.5q-230 0 -341 104t-111 299q0 81 24 201l189 878h170l-191 -891q-22 -106 -22 -188q0 -117 73 -184.5t218 -67.5q172 0 267.5 87.5t139.5 289.5l205 954h170zM643 1716q0 46 28 79.5t74 33.5 q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM1007 1716q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1030" d="M188 0zM537 715l489 747h193l-627 -921l-113 -541h-172l119 549l-238 913h170zM616 1606q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xde;" horiz-adv-x="1159" d="M1106 829q0 -248 -164 -379t-483 -131h-133l-70 -319h-170l309 1462h170l-53 -256h160q213 0 323.5 -95t110.5 -282zM354 465h135q215 0 328 91t113 267q0 126 -70 181t-215 55h-166z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1182" d="M-133 -492q-69 0 -123 21v143q61 -22 111 -22q65 0 107 47.5t65 157.5l280 1314q43 200 156 299t307 99q162 0 252 -71t90 -196q0 -57 -21 -106.5t-61.5 -95t-178.5 -150.5q-110 -83 -110 -151q0 -56 95 -122q47 -34 101 -87.5t79.5 -110t25.5 -123.5 q0 -175 -108.5 -274.5t-292.5 -99.5q-175 0 -268 71v160q51 -41 118.5 -66.5t129.5 -25.5q113 0 181 58t68 159q0 40 -10.5 71t-33.5 59t-89 83q-88 69 -122.5 124t-34.5 115q0 53 18.5 96t49.5 78.5t124 104.5q80 56 111 87.5t48 65t17 70.5q0 64 -52.5 100.5t-141.5 36.5 q-119 0 -186 -62.5t-95 -190.5l-274 -1303q-40 -189 -121 -276t-211 -87z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1157" d="M98 0zM639 1116q92 0 164 -49.5t112 -142.5h11l67 172h127l-233 -1096h-133l26 209h-8q-179 -229 -377 -229q-139 0 -218 99t-79 271q0 208 71 386t196 279t274 101zM449 119q97 0 193 92.5t156 241t60 297.5q0 103 -56 164t-147 61q-104 0 -193.5 -86t-140.5 -233 t-51 -310q0 -114 47 -170.5t132 -56.5zM824 1241h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1157" d="M98 0zM639 1116q92 0 164 -49.5t112 -142.5h11l67 172h127l-233 -1096h-133l26 209h-8q-179 -229 -377 -229q-139 0 -218 99t-79 271q0 208 71 386t196 279t274 101zM449 119q97 0 193 92.5t156 241t60 297.5q0 103 -56 164t-147 61q-104 0 -193.5 -86t-140.5 -233 t-51 -310q0 -114 47 -170.5t132 -56.5zM600 1268q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1157" d="M98 0zM639 1116q92 0 164 -49.5t112 -142.5h11l67 172h127l-233 -1096h-133l26 209h-8q-179 -229 -377 -229q-139 0 -218 99t-79 271q0 208 71 386t196 279t274 101zM449 119q97 0 193 92.5t156 241t60 297.5q0 103 -56 164t-147 61q-104 0 -193.5 -86t-140.5 -233 t-51 -310q0 -114 47 -170.5t132 -56.5zM1005 1241h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1157" d="M98 0zM639 1116q92 0 164 -49.5t112 -142.5h11l67 172h127l-233 -1096h-133l26 209h-8q-179 -229 -377 -229q-139 0 -218 99t-79 271q0 208 71 386t196 279t274 101zM449 119q97 0 193 92.5t156 241t60 297.5q0 103 -56 164t-147 61q-104 0 -193.5 -86t-140.5 -233 t-51 -310q0 -114 47 -170.5t132 -56.5zM856 1243q-40 0 -77.5 17.5t-73 39t-69 39t-65.5 17.5q-44 0 -69.5 -28.5t-47.5 -86.5h-100q58 258 231 258q44 0 83.5 -18t75 -39.5t66.5 -39.5t58 -18q44 0 69.5 27t51.5 90h100q-66 -258 -233 -258z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1157" d="M98 0zM639 1116q92 0 164 -49.5t112 -142.5h11l67 172h127l-233 -1096h-133l26 209h-8q-179 -229 -377 -229q-139 0 -218 99t-79 271q0 208 71 386t196 279t274 101zM449 119q97 0 193 92.5t156 241t60 297.5q0 103 -56 164t-147 61q-104 0 -193.5 -86t-140.5 -233 t-51 -310q0 -114 47 -170.5t132 -56.5zM454 1378q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM818 1378q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1157" d="M98 0zM639 1116q92 0 164 -49.5t112 -142.5h11l67 172h127l-233 -1096h-133l26 209h-8q-179 -229 -377 -229q-139 0 -218 99t-79 271q0 208 71 386t196 279t274 101zM449 119q97 0 193 92.5t156 241t60 297.5q0 103 -56 164t-147 61q-104 0 -193.5 -86t-140.5 -233 t-51 -310q0 -114 47 -170.5t132 -56.5zM951 1456q0 -99 -60 -157t-159 -58q-101 0 -160 57.5t-59 155.5q0 94 62 152.5t157 58.5q101 0 160 -57t59 -152zM847 1454q0 53 -32 84t-83 31q-49 0 -82 -31t-33 -84q0 -54 29.5 -84.5t85.5 -30.5q51 0 83 30.5t32 84.5z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1669" d="M1165 -20q-108 0 -189.5 39.5t-121.5 119.5l-31 -139h-114l26 209h-8q-109 -132 -191.5 -180.5t-177.5 -48.5q-122 0 -191 99t-69 269q0 206 70.5 385t191.5 281t263 102q82 0 145 -48.5t102 -143.5h11l67 172h109l-31 -146q123 166 332 166q119 0 192.5 -68t73.5 -184 q0 -182 -166.5 -283.5t-472.5 -101.5h-39l-4 -80q0 -131 62.5 -204.5t193.5 -73.5q55 0 116.5 16.5t178.5 67.5v-150q-164 -75 -328 -75zM412 119q95 0 188.5 91.5t153 240.5t59.5 299q0 103 -45.5 164t-122.5 61q-99 0 -187 -86.5t-138 -231.5t-50 -309q0 -114 37 -171.5 t105 -57.5zM1325 973q-117 0 -211 -94.5t-141 -260.5h14q226 0 348.5 58.5t122.5 169.5q0 61 -35 94t-98 33z" />
-<glyph unicode="&#xe7;" horiz-adv-x="922" d="M98 0zM506 -20q-194 0 -301 107t-107 302q0 200 74 369t204.5 263.5t293.5 94.5q137 0 268 -51l-47 -141q-120 51 -219 51q-112 0 -204.5 -76.5t-145 -213t-52.5 -296.5q0 -128 66.5 -199t183.5 -71q72 0 136 20t126 47v-143q-124 -63 -276 -63zM592 -276q0 -98 -81 -157 t-214 -59q-41 0 -86 9v100q38 -6 68 -6q174 0 174 110q0 46 -39 67.5t-99 29.5l101 182h106l-61 -121q131 -38 131 -155z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1010" d="M98 0zM492 -20q-184 0 -289 109t-105 302q0 188 74.5 360.5t197.5 268.5t271 96q153 0 230 -66.5t77 -185.5q0 -180 -166 -282.5t-475 -102.5h-33l-4 -80q0 -131 61.5 -204.5t190.5 -73.5q63 0 129.5 18t165.5 66v-146q-94 -44 -166 -61.5t-159 -17.5zM631 973 q-103 0 -193.5 -94t-138.5 -261h12q228 0 349.5 59.5t121.5 172.5q0 53 -36.5 88t-114.5 35zM777 1241h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1010" d="M98 0zM492 -20q-184 0 -289 109t-105 302q0 188 74.5 360.5t197.5 268.5t271 96q153 0 230 -66.5t77 -185.5q0 -180 -166 -282.5t-475 -102.5h-33l-4 -80q0 -131 61.5 -204.5t190.5 -73.5q63 0 129.5 18t165.5 66v-146q-94 -44 -166 -61.5t-159 -17.5zM631 973 q-103 0 -193.5 -94t-138.5 -261h12q228 0 349.5 59.5t121.5 172.5q0 53 -36.5 88t-114.5 35zM585 1268q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xea;" horiz-adv-x="1010" d="M98 0zM492 -20q-184 0 -289 109t-105 302q0 188 74.5 360.5t197.5 268.5t271 96q153 0 230 -66.5t77 -185.5q0 -180 -166 -282.5t-475 -102.5h-33l-4 -80q0 -131 61.5 -204.5t190.5 -73.5q63 0 129.5 18t165.5 66v-146q-94 -44 -166 -61.5t-159 -17.5zM631 973 q-103 0 -193.5 -94t-138.5 -261h12q228 0 349.5 59.5t121.5 172.5q0 53 -36.5 88t-114.5 35zM966 1241h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1010" d="M98 0zM492 -20q-184 0 -289 109t-105 302q0 188 74.5 360.5t197.5 268.5t271 96q153 0 230 -66.5t77 -185.5q0 -180 -166 -282.5t-475 -102.5h-33l-4 -80q0 -131 61.5 -204.5t190.5 -73.5q63 0 129.5 18t165.5 66v-146q-94 -44 -166 -61.5t-159 -17.5zM631 973 q-103 0 -193.5 -94t-138.5 -261h12q228 0 349.5 59.5t121.5 172.5q0 53 -36.5 88t-114.5 35zM413 1378q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM777 1378q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34 q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xec;" horiz-adv-x="520" d="M59 0zM227 0h-168l234 1096h168zM492 1241h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xed;" horiz-adv-x="520" d="M59 0zM227 0h-168l234 1096h168zM324 1268q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xee;" horiz-adv-x="520" d="M59 0zM227 0h-168l234 1096h168zM708 1241h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xef;" horiz-adv-x="520" d="M59 0zM227 0h-168l234 1096h168zM161 1378q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM525 1378q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1165" d="M676 1343q-66 58 -146 113l95 117q118 -84 188 -154l260 146l64 -105l-240 -133q87 -115 126.5 -240.5t39.5 -269.5q0 -253 -71.5 -447t-203 -292t-311.5 -98q-182 0 -284.5 104t-102.5 289q0 160 67.5 298t187 217t267.5 79q105 0 181.5 -45.5t111.5 -124.5l6 2v17 q0 136 -36.5 240t-110.5 197l-270 -149l-56 108zM487 121q107 0 190 56t134 168t51 226q0 118 -65.5 187t-178.5 69q-109 0 -189 -57.5t-123.5 -161t-43.5 -231.5q0 -126 57.5 -191t167.5 -65z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1182" d="M59 0zM729 0l148 692q20 104 20 144q0 63 -35.5 101t-113.5 38q-89 0 -173.5 -60t-149 -171t-97.5 -269l-101 -475h-168l234 1096h139l-22 -203h10q96 122 185.5 172.5t185.5 50.5q127 0 200.5 -69.5t73.5 -194.5q0 -79 -23 -180l-143 -672h-170zM871 1243 q-40 0 -77.5 17.5t-73 39t-69 39t-65.5 17.5q-44 0 -69.5 -28.5t-47.5 -86.5h-100q58 258 231 258q44 0 83.5 -18t75 -39.5t66.5 -39.5t58 -18q44 0 69.5 27t51.5 90h100q-66 -258 -233 -258z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1149" d="M98 0zM643 1110q190 0 300 -112.5t110 -309.5q0 -188 -72 -355t-195 -258t-278 -91q-192 0 -301 113t-109 309q0 190 73 357.5t197 257t275 89.5zM879 711q0 115 -62.5 186.5t-169.5 71.5q-109 0 -195.5 -74t-134 -205.5t-47.5 -292.5q0 -131 63.5 -202.5t182.5 -71.5 q104 0 187 73t129.5 207.5t46.5 307.5zM798 1241h-104q-61 61 -128.5 154t-95.5 153v21h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1149" d="M98 0zM643 1110q190 0 300 -112.5t110 -309.5q0 -188 -72 -355t-195 -258t-278 -91q-192 0 -301 113t-109 309q0 190 73 357.5t197 257t275 89.5zM879 711q0 115 -62.5 186.5t-169.5 71.5q-109 0 -195.5 -74t-134 -205.5t-47.5 -292.5q0 -131 63.5 -202.5t182.5 -71.5 q104 0 187 73t129.5 207.5t46.5 307.5zM589 1268q56 60 125.5 151.5t106.5 149.5h190v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1149" d="M98 0zM643 1110q190 0 300 -112.5t110 -309.5q0 -188 -72 -355t-195 -258t-278 -91q-192 0 -301 113t-109 309q0 190 73 357.5t197 257t275 89.5zM879 711q0 115 -62.5 186.5t-169.5 71.5q-109 0 -195.5 -74t-134 -205.5t-47.5 -292.5q0 -131 63.5 -202.5t182.5 -71.5 q104 0 187 73t129.5 207.5t46.5 307.5zM997 1241h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1149" d="M98 0zM643 1110q190 0 300 -112.5t110 -309.5q0 -188 -72 -355t-195 -258t-278 -91q-192 0 -301 113t-109 309q0 190 73 357.5t197 257t275 89.5zM879 711q0 115 -62.5 186.5t-169.5 71.5q-109 0 -195.5 -74t-134 -205.5t-47.5 -292.5q0 -131 63.5 -202.5t182.5 -71.5 q104 0 187 73t129.5 207.5t46.5 307.5zM844 1243q-40 0 -77.5 17.5t-73 39t-69 39t-65.5 17.5q-44 0 -69.5 -28.5t-47.5 -86.5h-100q58 258 231 258q44 0 83.5 -18t75 -39.5t66.5 -39.5t58 -18q44 0 69.5 27t51.5 90h100q-66 -258 -233 -258z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1149" d="M98 0zM643 1110q190 0 300 -112.5t110 -309.5q0 -188 -72 -355t-195 -258t-278 -91q-192 0 -301 113t-109 309q0 190 73 357.5t197 257t275 89.5zM879 711q0 115 -62.5 186.5t-169.5 71.5q-109 0 -195.5 -74t-134 -205.5t-47.5 -292.5q0 -131 63.5 -202.5t182.5 -71.5 q104 0 187 73t129.5 207.5t46.5 307.5zM433 1378q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM797 1378q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xf7;" d="M127 651v142h920v-142h-920zM475 373q0 121 111 121q53 0 82.5 -30.5t29.5 -90.5q0 -58 -30 -89.5t-82 -31.5t-81.5 31t-29.5 90zM475 1071q0 121 111 121q53 0 82.5 -30.5t29.5 -90.5q0 -58 -30 -89.5t-82 -31.5t-81.5 31t-29.5 90z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1149" d="M1047 705q0 -189 -69.5 -360t-191.5 -266t-276 -95q-146 0 -246 65l-98 -125l-105 82l109 135q-68 103 -68 265q0 194 73.5 361t195.5 255t272 88q146 0 252 -68l104 129l105 -79l-119 -129q62 -97 62 -258zM647 971q-108 0 -195.5 -73t-137.5 -202t-50 -280 q0 -92 17 -137l518 645q-54 47 -152 47zM885 688q0 84 -13 119l-514 -641q57 -45 158 -45q103 0 188.5 71.5t133 200.5t47.5 295z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1182" d="M113 0zM451 1096l-150 -695q-18 -89 -18 -139q0 -143 147 -143q88 0 173 60t150 172t99 270l100 475h166l-231 -1096h-139l22 203h-12q-98 -125 -187 -174t-184 -49q-128 0 -201 69.5t-73 198.5q0 62 22 172l146 676h170zM800 1241h-104q-61 61 -128.5 154t-95.5 153v21 h181q43 -136 147 -303v-25z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1182" d="M113 0zM451 1096l-150 -695q-18 -89 -18 -139q0 -143 147 -143q88 0 173 60t150 172t99 270l100 475h166l-231 -1096h-139l22 203h-12q-98 -125 -187 -174t-184 -49q-128 0 -201 69.5t-73 198.5q0 62 22 172l146 676h170zM636 1268q56 60 125.5 151.5t106.5 149.5h190 v-21q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1182" d="M113 0zM451 1096l-150 -695q-18 -89 -18 -139q0 -143 147 -143q88 0 173 60t150 172t99 270l100 475h166l-231 -1096h-139l22 203h-12q-98 -125 -187 -174t-184 -49q-128 0 -201 69.5t-73 198.5q0 62 22 172l146 676h170zM1024 1241h-103q-57 48 -161 189 q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1182" d="M113 0zM451 1096l-150 -695q-18 -89 -18 -139q0 -143 147 -143q88 0 173 60t150 172t99 270l100 475h166l-231 -1096h-139l22 203h-12q-98 -125 -187 -174t-184 -49q-128 0 -201 69.5t-73 198.5q0 62 22 172l146 676h170zM457 1378q0 46 28 79.5t74 33.5q78 0 78 -80 q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM821 1378q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#xfd;" horiz-adv-x="946" d="M0 0zM98 1096h168l74 -545q10 -69 19.5 -203.5t9.5 -216.5h6q35 87 87 200t77 156l325 609h178l-696 -1282q-93 -172 -184 -239t-219 -67q-72 0 -140 21v135q63 -18 131 -18q82 0 140.5 50.5t113.5 149.5l76 136zM500 1268q56 60 125.5 151.5t106.5 149.5h190v-21 q-38 -49 -140 -151t-177 -156h-105v27z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1182" d="M545 -20q-98 0 -172 51t-113 139h-10q-8 -104 -25 -176l-102 -486h-166l432 2048h168q-95 -441 -115 -522t-39 -149h9q101 125 189 177t183 52q139 0 218 -97.5t79 -273.5q0 -212 -69 -389t-191 -275.5t-276 -98.5zM731 975q-96 0 -195.5 -95t-158 -239t-58.5 -295 q0 -110 55.5 -168.5t160.5 -58.5q99 0 184.5 81t137.5 230.5t52 317.5q0 227 -178 227z" />
-<glyph unicode="&#xff;" horiz-adv-x="946" d="M0 0zM98 1096h168l74 -545q10 -69 19.5 -203.5t9.5 -216.5h6q35 87 87 200t77 156l325 609h178l-696 -1282q-93 -172 -184 -239t-219 -67q-72 0 -140 21v135q63 -18 131 -18q82 0 140.5 50.5t113.5 149.5l76 136zM335 1378q0 46 28 79.5t74 33.5q78 0 78 -80 q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM699 1378q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62z" />
-<glyph unicode="&#x131;" horiz-adv-x="520" d="M227 0h-168l234 1096h168z" />
-<glyph unicode="&#x152;" horiz-adv-x="1751" d="M1524 0h-674q-78 -20 -158 -20q-256 0 -399 149.5t-143 419.5q0 264 96 482t263.5 336t377.5 118q152 0 237 -23h709l-31 -153h-565l-100 -469h528l-31 -150h-528l-115 -538h565zM696 131q69 0 123 19l246 1161q-76 22 -191 22q-157 0 -281 -101t-192.5 -281t-68.5 -398 q0 -199 98 -310.5t266 -111.5z" />
-<glyph unicode="&#x153;" horiz-adv-x="1769" d="M1251 -20q-270 0 -356 225q-69 -107 -171.5 -164t-225.5 -57q-184 0 -292 114t-108 308q0 193 75 360t201 255.5t281 88.5q270 0 359 -225q75 109 177.5 170t221.5 61q139 0 217 -65.5t78 -186.5q0 -183 -164.5 -284t-468.5 -101h-41l-4 -80q0 -131 61.5 -204.5 t190.5 -73.5q75 0 145 24.5t150 59.5v-150q-162 -75 -326 -75zM649 969q-109 0 -196 -73t-135 -202t-48 -284q0 -141 62 -214t172 -73q177 0 278 160.5t101 427.5q0 124 -59.5 191t-174.5 67zM1413 973q-125 0 -220.5 -94.5t-139.5 -260.5h18q231 0 351 61t120 177 q0 48 -32 82.5t-97 34.5z" />
-<glyph unicode="&#x178;" horiz-adv-x="1030" d="M188 0zM537 715l489 747h193l-627 -921l-113 -541h-172l119 549l-238 913h170zM452 1716q0 46 28 79.5t74 33.5q78 0 78 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22t-23.5 62zM816 1716q0 46 28 79.5t75 33.5q77 0 77 -80q0 -49 -29.5 -83t-68.5 -34q-35 0 -58.5 22 t-23.5 62z" />
-<glyph unicode="&#x2c6;" horiz-adv-x="1135" d="M1014 1241h-103q-57 48 -161 189q-134 -119 -242 -189h-109v27q145 133 204.5 197.5t82.5 103.5h158q37 -99 128 -235l42 -66v-27z" />
-<glyph unicode="&#x2da;" horiz-adv-x="1182" d="M989 1456q0 -99 -60 -157t-159 -58q-101 0 -160 57.5t-59 155.5q0 94 62 152.5t157 58.5q101 0 160 -57t59 -152zM885 1454q0 53 -32 84t-83 31q-49 0 -82 -31t-33 -84q0 -54 29.5 -84.5t85.5 -30.5q51 0 83 30.5t32 84.5z" />
-<glyph unicode="&#x2dc;" horiz-adv-x="1135" d="M838 1243q-40 0 -77.5 17.5t-73 39t-69 39t-65.5 17.5q-44 0 -69.5 -28.5t-47.5 -86.5h-100q58 258 231 258q44 0 83.5 -18t75 -39.5t66.5 -39.5t58 -18q44 0 69.5 27t51.5 90h100q-66 -258 -233 -258z" />
-<glyph unicode="&#x2000;" horiz-adv-x="953" />
-<glyph unicode="&#x2001;" horiz-adv-x="1907" />
-<glyph unicode="&#x2002;" horiz-adv-x="953" />
-<glyph unicode="&#x2003;" horiz-adv-x="1907" />
-<glyph unicode="&#x2004;" horiz-adv-x="635" />
-<glyph unicode="&#x2005;" horiz-adv-x="476" />
-<glyph unicode="&#x2006;" horiz-adv-x="317" />
-<glyph unicode="&#x2007;" horiz-adv-x="317" />
-<glyph unicode="&#x2008;" horiz-adv-x="238" />
-<glyph unicode="&#x2009;" horiz-adv-x="381" />
-<glyph unicode="&#x200a;" horiz-adv-x="105" />
-<glyph unicode="&#x2010;" horiz-adv-x="639" d="M55 469l35 158h479l-34 -158h-480z" />
-<glyph unicode="&#x2011;" horiz-adv-x="639" d="M55 469l35 158h479l-34 -158h-480z" />
-<glyph unicode="&#x2012;" horiz-adv-x="639" d="M55 469l35 158h479l-34 -158h-480z" />
-<glyph unicode="&#x2013;" horiz-adv-x="983" d="M55 469l35 160h823l-34 -160h-824z" />
-<glyph unicode="&#x2014;" horiz-adv-x="1966" d="M55 469l35 160h1806l-34 -160h-1807z" />
-<glyph unicode="&#x2018;" horiz-adv-x="348" d="M129 961l-6 22q98 211 270 479h127q-147 -345 -203 -501h-188z" />
-<glyph unicode="&#x2019;" horiz-adv-x="348" d="M516 1462l8 -22q-40 -91 -111 -218.5t-159 -260.5h-129q134 298 203 501h188z" />
-<glyph unicode="&#x201a;" horiz-adv-x="492" d="M291 238l8 -23q-113 -235 -270 -479h-129q126 286 204 502h187z" />
-<glyph unicode="&#x201c;" horiz-adv-x="719" d="M500 961l-8 22q80 181 272 479h127q-162 -379 -203 -501h-188zM129 961l-6 22q98 211 270 479h127q-147 -345 -203 -501h-188z" />
-<glyph unicode="&#x201d;" horiz-adv-x="719" d="M516 1462l8 -22q-40 -91 -111 -218.5t-159 -260.5h-129q134 298 203 501h188zM885 1462l10 -22q-94 -206 -274 -479h-127q57 126 115.5 272.5t86.5 228.5h189z" />
-<glyph unicode="&#x201e;" horiz-adv-x="858" d="M291 238l8 -23q-113 -235 -270 -479h-129q126 286 204 502h187zM659 238l9 -23q-95 -205 -271 -479h-129q140 316 203 502h188z" />
-<glyph unicode="&#x2022;" horiz-adv-x="774" d="M199 684q0 145 73.5 231t198.5 86q92 0 139 -49t47 -141q0 -141 -74 -230t-202 -89q-89 0 -135.5 49.5t-46.5 142.5z" />
-<glyph unicode="&#x2026;" horiz-adv-x="1563" d="M43 0zM563 74q0 77 40.5 122.5t111.5 45.5q43 0 69.5 -26t26.5 -79q0 -71 -40 -118.5t-108 -47.5q-46 0 -73 26t-27 77zM1085 74q0 77 40.5 122.5t111.5 45.5q43 0 69.5 -26t26.5 -79q0 -71 -40 -118.5t-108 -47.5q-46 0 -73 26t-27 77zM43 74q0 77 40.5 122.5 t111.5 45.5q43 0 69.5 -26t26.5 -79q0 -71 -40 -118.5t-108 -47.5q-46 0 -73 26t-27 77z" />
-<glyph unicode="&#x202f;" horiz-adv-x="381" />
-<glyph unicode="&#x2039;" horiz-adv-x="580" d="M88 578l391 380l78 -81l-297 -334l172 -381l-113 -49l-231 436v29z" />
-<glyph unicode="&#x203a;" horiz-adv-x="580" d="M492 496l-392 -381l-77 82l296 333l-172 381l113 50l232 -437v-28z" />
-<glyph unicode="&#x2044;" horiz-adv-x="268" d="M752 1462l-1086 -1462h-153l1085 1462h154z" />
-<glyph unicode="&#x205f;" horiz-adv-x="476" />
-<glyph unicode="&#x2074;" horiz-adv-x="717" d="M713 788h-129l-43 -202h-127l43 202h-365l23 101l481 579h133l-121 -563h127zM481 905q69 322 90 395q-20 -36 -110 -149l-205 -246h225z" />
-<glyph unicode="&#x20ac;" d="M928 1329q-140 0 -254 -99t-189 -298h426l-26 -133h-441q-21 -65 -32 -164h381l-29 -131h-361q0 -373 297 -373q123 0 256 55v-147q-127 -59 -278 -59q-212 0 -328.5 133.5t-116.5 378.5v12h-170l27 131h154q8 80 30 164h-151l27 133h159q97 267 259.5 408t369.5 141 q89 0 160 -21.5t141 -70.5l-80 -138q-113 78 -231 78z" />
-<glyph unicode="&#x2122;" horiz-adv-x="1534" d="M438 741h-121v617h-196v104h516v-104h-199v-617zM1014 741l-189 551h-6q4 -52 4 -121v-430h-118v721h180l182 -557l193 557h170v-721h-121v430q0 73 4 121h-6l-197 -551h-96z" />
-<glyph unicode="&#xe000;" horiz-adv-x="1095" d="M0 1095h1095v-1095h-1095v1095z" />
-<glyph horiz-adv-x="1182" d="M0 0z" />
-<hkern u1="&#x22;" u2="&#x178;" k="-20" />
-<hkern u1="&#x22;" u2="&#x153;" k="123" />
-<hkern u1="&#x22;" u2="&#xfc;" k="61" />
-<hkern u1="&#x22;" u2="&#xfb;" k="61" />
-<hkern u1="&#x22;" u2="&#xfa;" k="61" />
-<hkern u1="&#x22;" u2="&#xf9;" k="61" />
-<hkern u1="&#x22;" u2="&#xf8;" k="123" />
-<hkern u1="&#x22;" u2="&#xf6;" k="123" />
-<hkern u1="&#x22;" u2="&#xf5;" k="123" />
-<hkern u1="&#x22;" u2="&#xf4;" k="123" />
-<hkern u1="&#x22;" u2="&#xf3;" k="123" />
-<hkern u1="&#x22;" u2="&#xf2;" k="123" />
-<hkern u1="&#x22;" u2="&#xeb;" k="123" />
-<hkern u1="&#x22;" u2="&#xea;" k="123" />
-<hkern u1="&#x22;" u2="&#xe9;" k="123" />
-<hkern u1="&#x22;" u2="&#xe8;" k="123" />
-<hkern u1="&#x22;" u2="&#xe7;" k="123" />
-<hkern u1="&#x22;" u2="&#xe6;" k="82" />
-<hkern u1="&#x22;" u2="&#xe5;" k="82" />
-<hkern u1="&#x22;" u2="&#xe4;" k="82" />
-<hkern u1="&#x22;" u2="&#xe3;" k="82" />
-<hkern u1="&#x22;" u2="&#xe2;" k="82" />
-<hkern u1="&#x22;" u2="&#xe1;" k="82" />
-<hkern u1="&#x22;" u2="&#xe0;" k="123" />
-<hkern u1="&#x22;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x22;" u2="&#xc5;" k="143" />
-<hkern u1="&#x22;" u2="&#xc4;" k="143" />
-<hkern u1="&#x22;" u2="&#xc3;" k="143" />
-<hkern u1="&#x22;" u2="&#xc2;" k="143" />
-<hkern u1="&#x22;" u2="&#xc1;" k="143" />
-<hkern u1="&#x22;" u2="&#xc0;" k="143" />
-<hkern u1="&#x22;" u2="u" k="61" />
-<hkern u1="&#x22;" u2="s" k="61" />
-<hkern u1="&#x22;" u2="r" k="61" />
-<hkern u1="&#x22;" u2="q" k="123" />
-<hkern u1="&#x22;" u2="p" k="61" />
-<hkern u1="&#x22;" u2="o" k="123" />
-<hkern u1="&#x22;" u2="n" k="61" />
-<hkern u1="&#x22;" u2="m" k="61" />
-<hkern u1="&#x22;" u2="g" k="61" />
-<hkern u1="&#x22;" u2="e" k="123" />
-<hkern u1="&#x22;" u2="d" k="123" />
-<hkern u1="&#x22;" u2="c" k="123" />
-<hkern u1="&#x22;" u2="a" k="82" />
-<hkern u1="&#x22;" u2="Y" k="-20" />
-<hkern u1="&#x22;" u2="W" k="-41" />
-<hkern u1="&#x22;" u2="V" k="-41" />
-<hkern u1="&#x22;" u2="T" k="-41" />
-<hkern u1="&#x22;" u2="A" k="143" />
-<hkern u1="&#x27;" u2="&#x178;" k="-20" />
-<hkern u1="&#x27;" u2="&#x153;" k="123" />
-<hkern u1="&#x27;" u2="&#xfc;" k="61" />
-<hkern u1="&#x27;" u2="&#xfb;" k="61" />
-<hkern u1="&#x27;" u2="&#xfa;" k="61" />
-<hkern u1="&#x27;" u2="&#xf9;" k="61" />
-<hkern u1="&#x27;" u2="&#xf8;" k="123" />
-<hkern u1="&#x27;" u2="&#xf6;" k="123" />
-<hkern u1="&#x27;" u2="&#xf5;" k="123" />
-<hkern u1="&#x27;" u2="&#xf4;" k="123" />
-<hkern u1="&#x27;" u2="&#xf3;" k="123" />
-<hkern u1="&#x27;" u2="&#xf2;" k="123" />
-<hkern u1="&#x27;" u2="&#xeb;" k="123" />
-<hkern u1="&#x27;" u2="&#xea;" k="123" />
-<hkern u1="&#x27;" u2="&#xe9;" k="123" />
-<hkern u1="&#x27;" u2="&#xe8;" k="123" />
-<hkern u1="&#x27;" u2="&#xe7;" k="123" />
-<hkern u1="&#x27;" u2="&#xe6;" k="82" />
-<hkern u1="&#x27;" u2="&#xe5;" k="82" />
-<hkern u1="&#x27;" u2="&#xe4;" k="82" />
-<hkern u1="&#x27;" u2="&#xe3;" k="82" />
-<hkern u1="&#x27;" u2="&#xe2;" k="82" />
-<hkern u1="&#x27;" u2="&#xe1;" k="82" />
-<hkern u1="&#x27;" u2="&#xe0;" k="123" />
-<hkern u1="&#x27;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x27;" u2="&#xc5;" k="143" />
-<hkern u1="&#x27;" u2="&#xc4;" k="143" />
-<hkern u1="&#x27;" u2="&#xc3;" k="143" />
-<hkern u1="&#x27;" u2="&#xc2;" k="143" />
-<hkern u1="&#x27;" u2="&#xc1;" k="143" />
-<hkern u1="&#x27;" u2="&#xc0;" k="143" />
-<hkern u1="&#x27;" u2="u" k="61" />
-<hkern u1="&#x27;" u2="s" k="61" />
-<hkern u1="&#x27;" u2="r" k="61" />
-<hkern u1="&#x27;" u2="q" k="123" />
-<hkern u1="&#x27;" u2="p" k="61" />
-<hkern u1="&#x27;" u2="o" k="123" />
-<hkern u1="&#x27;" u2="n" k="61" />
-<hkern u1="&#x27;" u2="m" k="61" />
-<hkern u1="&#x27;" u2="g" k="61" />
-<hkern u1="&#x27;" u2="e" k="123" />
-<hkern u1="&#x27;" u2="d" k="123" />
-<hkern u1="&#x27;" u2="c" k="123" />
-<hkern u1="&#x27;" u2="a" k="82" />
-<hkern u1="&#x27;" u2="Y" k="-20" />
-<hkern u1="&#x27;" u2="W" k="-41" />
-<hkern u1="&#x27;" u2="V" k="-41" />
-<hkern u1="&#x27;" u2="T" k="-41" />
-<hkern u1="&#x27;" u2="A" k="143" />
-<hkern u1="&#x28;" u2="J" k="-184" />
-<hkern u1="&#x2c;" u2="&#x178;" k="123" />
-<hkern u1="&#x2c;" u2="&#x152;" k="102" />
-<hkern u1="&#x2c;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2c;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2c;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2c;" u2="&#xda;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2c;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2c;" u2="Y" k="123" />
-<hkern u1="&#x2c;" u2="W" k="123" />
-<hkern u1="&#x2c;" u2="V" k="123" />
-<hkern u1="&#x2c;" u2="U" k="41" />
-<hkern u1="&#x2c;" u2="T" k="143" />
-<hkern u1="&#x2c;" u2="Q" k="102" />
-<hkern u1="&#x2c;" u2="O" k="102" />
-<hkern u1="&#x2c;" u2="G" k="102" />
-<hkern u1="&#x2c;" u2="C" k="102" />
-<hkern u1="&#x2d;" u2="T" k="82" />
-<hkern u1="&#x2e;" u2="&#x178;" k="123" />
-<hkern u1="&#x2e;" u2="&#x152;" k="102" />
-<hkern u1="&#x2e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2e;" u2="&#xda;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2e;" u2="Y" k="123" />
-<hkern u1="&#x2e;" u2="W" k="123" />
-<hkern u1="&#x2e;" u2="V" k="123" />
-<hkern u1="&#x2e;" u2="U" k="41" />
-<hkern u1="&#x2e;" u2="T" k="143" />
-<hkern u1="&#x2e;" u2="Q" k="102" />
-<hkern u1="&#x2e;" u2="O" k="102" />
-<hkern u1="&#x2e;" u2="G" k="102" />
-<hkern u1="&#x2e;" u2="C" k="102" />
-<hkern u1="A" u2="&#x201d;" k="143" />
-<hkern u1="A" u2="&#x2019;" k="143" />
-<hkern u1="A" u2="&#x178;" k="123" />
-<hkern u1="A" u2="&#x152;" k="41" />
-<hkern u1="A" u2="&#xdd;" k="123" />
-<hkern u1="A" u2="&#xd8;" k="41" />
-<hkern u1="A" u2="&#xd6;" k="41" />
-<hkern u1="A" u2="&#xd5;" k="41" />
-<hkern u1="A" u2="&#xd4;" k="41" />
-<hkern u1="A" u2="&#xd3;" k="41" />
-<hkern u1="A" u2="&#xd2;" k="41" />
-<hkern u1="A" u2="&#xc7;" k="41" />
-<hkern u1="A" u2="Y" k="123" />
-<hkern u1="A" u2="W" k="82" />
-<hkern u1="A" u2="V" k="82" />
-<hkern u1="A" u2="T" k="143" />
-<hkern u1="A" u2="Q" k="41" />
-<hkern u1="A" u2="O" k="41" />
-<hkern u1="A" u2="J" k="-266" />
-<hkern u1="A" u2="G" k="41" />
-<hkern u1="A" u2="C" k="41" />
-<hkern u1="A" u2="&#x27;" k="143" />
-<hkern u1="A" u2="&#x22;" k="143" />
-<hkern u1="B" u2="&#x201e;" k="82" />
-<hkern u1="B" u2="&#x201a;" k="82" />
-<hkern u1="B" u2="&#x178;" k="20" />
-<hkern u1="B" u2="&#xdd;" k="20" />
-<hkern u1="B" u2="&#xc5;" k="41" />
-<hkern u1="B" u2="&#xc4;" k="41" />
-<hkern u1="B" u2="&#xc3;" k="41" />
-<hkern u1="B" u2="&#xc2;" k="41" />
-<hkern u1="B" u2="&#xc1;" k="41" />
-<hkern u1="B" u2="&#xc0;" k="41" />
-<hkern u1="B" u2="Z" k="20" />
-<hkern u1="B" u2="Y" k="20" />
-<hkern u1="B" u2="X" k="41" />
-<hkern u1="B" u2="W" k="20" />
-<hkern u1="B" u2="V" k="20" />
-<hkern u1="B" u2="T" k="61" />
-<hkern u1="B" u2="A" k="41" />
-<hkern u1="B" u2="&#x2e;" k="82" />
-<hkern u1="B" u2="&#x2c;" k="82" />
-<hkern u1="C" u2="&#x152;" k="41" />
-<hkern u1="C" u2="&#xd8;" k="41" />
-<hkern u1="C" u2="&#xd6;" k="41" />
-<hkern u1="C" u2="&#xd5;" k="41" />
-<hkern u1="C" u2="&#xd4;" k="41" />
-<hkern u1="C" u2="&#xd3;" k="41" />
-<hkern u1="C" u2="&#xd2;" k="41" />
-<hkern u1="C" u2="&#xc7;" k="41" />
-<hkern u1="C" u2="Q" k="41" />
-<hkern u1="C" u2="O" k="41" />
-<hkern u1="C" u2="G" k="41" />
-<hkern u1="C" u2="C" k="41" />
-<hkern u1="D" u2="&#x201e;" k="82" />
-<hkern u1="D" u2="&#x201a;" k="82" />
-<hkern u1="D" u2="&#x178;" k="20" />
-<hkern u1="D" u2="&#xdd;" k="20" />
-<hkern u1="D" u2="&#xc5;" k="41" />
-<hkern u1="D" u2="&#xc4;" k="41" />
-<hkern u1="D" u2="&#xc3;" k="41" />
-<hkern u1="D" u2="&#xc2;" k="41" />
-<hkern u1="D" u2="&#xc1;" k="41" />
-<hkern u1="D" u2="&#xc0;" k="41" />
-<hkern u1="D" u2="Z" k="20" />
-<hkern u1="D" u2="Y" k="20" />
-<hkern u1="D" u2="X" k="41" />
-<hkern u1="D" u2="W" k="20" />
-<hkern u1="D" u2="V" k="20" />
-<hkern u1="D" u2="T" k="61" />
-<hkern u1="D" u2="A" k="41" />
-<hkern u1="D" u2="&#x2e;" k="82" />
-<hkern u1="D" u2="&#x2c;" k="82" />
-<hkern u1="E" u2="J" k="-123" />
-<hkern u1="F" u2="&#x201e;" k="123" />
-<hkern u1="F" u2="&#x201a;" k="123" />
-<hkern u1="F" u2="&#xc5;" k="41" />
-<hkern u1="F" u2="&#xc4;" k="41" />
-<hkern u1="F" u2="&#xc3;" k="41" />
-<hkern u1="F" u2="&#xc2;" k="41" />
-<hkern u1="F" u2="&#xc1;" k="41" />
-<hkern u1="F" u2="&#xc0;" k="41" />
-<hkern u1="F" u2="A" k="41" />
-<hkern u1="F" u2="&#x3f;" k="-41" />
-<hkern u1="F" u2="&#x2e;" k="123" />
-<hkern u1="F" u2="&#x2c;" k="123" />
-<hkern u1="K" u2="&#x152;" k="41" />
-<hkern u1="K" u2="&#xd8;" k="41" />
-<hkern u1="K" u2="&#xd6;" k="41" />
-<hkern u1="K" u2="&#xd5;" k="41" />
-<hkern u1="K" u2="&#xd4;" k="41" />
-<hkern u1="K" u2="&#xd3;" k="41" />
-<hkern u1="K" u2="&#xd2;" k="41" />
-<hkern u1="K" u2="&#xc7;" k="41" />
-<hkern u1="K" u2="Q" k="41" />
-<hkern u1="K" u2="O" k="41" />
-<hkern u1="K" u2="G" k="41" />
-<hkern u1="K" u2="C" k="41" />
-<hkern u1="L" u2="&#x201d;" k="164" />
-<hkern u1="L" u2="&#x2019;" k="164" />
-<hkern u1="L" u2="&#x178;" k="61" />
-<hkern u1="L" u2="&#x152;" k="41" />
-<hkern u1="L" u2="&#xdd;" k="61" />
-<hkern u1="L" u2="&#xdc;" k="20" />
-<hkern u1="L" u2="&#xdb;" k="20" />
-<hkern u1="L" u2="&#xda;" k="20" />
-<hkern u1="L" u2="&#xd9;" k="20" />
-<hkern u1="L" u2="&#xd8;" k="41" />
-<hkern u1="L" u2="&#xd6;" k="41" />
-<hkern u1="L" u2="&#xd5;" k="41" />
-<hkern u1="L" u2="&#xd4;" k="41" />
-<hkern u1="L" u2="&#xd3;" k="41" />
-<hkern u1="L" u2="&#xd2;" k="41" />
-<hkern u1="L" u2="&#xc7;" k="41" />
-<hkern u1="L" u2="Y" k="61" />
-<hkern u1="L" u2="W" k="41" />
-<hkern u1="L" u2="V" k="41" />
-<hkern u1="L" u2="U" k="20" />
-<hkern u1="L" u2="T" k="41" />
-<hkern u1="L" u2="Q" k="41" />
-<hkern u1="L" u2="O" k="41" />
-<hkern u1="L" u2="G" k="41" />
-<hkern u1="L" u2="C" k="41" />
-<hkern u1="L" u2="&#x27;" k="164" />
-<hkern u1="L" u2="&#x22;" k="164" />
-<hkern u1="O" u2="&#x201e;" k="82" />
-<hkern u1="O" u2="&#x201a;" k="82" />
-<hkern u1="O" u2="&#x178;" k="20" />
-<hkern u1="O" u2="&#xdd;" k="20" />
-<hkern u1="O" u2="&#xc5;" k="41" />
-<hkern u1="O" u2="&#xc4;" k="41" />
-<hkern u1="O" u2="&#xc3;" k="41" />
-<hkern u1="O" u2="&#xc2;" k="41" />
-<hkern u1="O" u2="&#xc1;" k="41" />
-<hkern u1="O" u2="&#xc0;" k="41" />
-<hkern u1="O" u2="Z" k="20" />
-<hkern u1="O" u2="Y" k="20" />
-<hkern u1="O" u2="X" k="41" />
-<hkern u1="O" u2="W" k="20" />
-<hkern u1="O" u2="V" k="20" />
-<hkern u1="O" u2="T" k="61" />
-<hkern u1="O" u2="A" k="41" />
-<hkern u1="O" u2="&#x2e;" k="82" />
-<hkern u1="O" u2="&#x2c;" k="82" />
-<hkern u1="P" u2="&#x201e;" k="266" />
-<hkern u1="P" u2="&#x201a;" k="266" />
-<hkern u1="P" u2="&#xc5;" k="102" />
-<hkern u1="P" u2="&#xc4;" k="102" />
-<hkern u1="P" u2="&#xc3;" k="102" />
-<hkern u1="P" u2="&#xc2;" k="102" />
-<hkern u1="P" u2="&#xc1;" k="102" />
-<hkern u1="P" u2="&#xc0;" k="102" />
-<hkern u1="P" u2="Z" k="20" />
-<hkern u1="P" u2="X" k="41" />
-<hkern u1="P" u2="A" k="102" />
-<hkern u1="P" u2="&#x2e;" k="266" />
-<hkern u1="P" u2="&#x2c;" k="266" />
-<hkern u1="Q" u2="&#x201e;" k="82" />
-<hkern u1="Q" u2="&#x201a;" k="82" />
-<hkern u1="Q" u2="&#x178;" k="20" />
-<hkern u1="Q" u2="&#xdd;" k="20" />
-<hkern u1="Q" u2="&#xc5;" k="41" />
-<hkern u1="Q" u2="&#xc4;" k="41" />
-<hkern u1="Q" u2="&#xc3;" k="41" />
-<hkern u1="Q" u2="&#xc2;" k="41" />
-<hkern u1="Q" u2="&#xc1;" k="41" />
-<hkern u1="Q" u2="&#xc0;" k="41" />
-<hkern u1="Q" u2="Z" k="20" />
-<hkern u1="Q" u2="Y" k="20" />
-<hkern u1="Q" u2="X" k="41" />
-<hkern u1="Q" u2="W" k="20" />
-<hkern u1="Q" u2="V" k="20" />
-<hkern u1="Q" u2="T" k="61" />
-<hkern u1="Q" u2="A" k="41" />
-<hkern u1="Q" u2="&#x2e;" k="82" />
-<hkern u1="Q" u2="&#x2c;" k="82" />
-<hkern u1="T" u2="&#x201e;" k="123" />
-<hkern u1="T" u2="&#x201a;" k="123" />
-<hkern u1="T" u2="&#x2014;" k="82" />
-<hkern u1="T" u2="&#x2013;" k="82" />
-<hkern u1="T" u2="&#x153;" k="143" />
-<hkern u1="T" u2="&#x152;" k="41" />
-<hkern u1="T" u2="&#xfd;" k="41" />
-<hkern u1="T" u2="&#xfc;" k="102" />
-<hkern u1="T" u2="&#xfb;" k="102" />
-<hkern u1="T" u2="&#xfa;" k="102" />
-<hkern u1="T" u2="&#xf9;" k="102" />
-<hkern u1="T" u2="&#xf8;" k="143" />
-<hkern u1="T" u2="&#xf6;" k="143" />
-<hkern u1="T" u2="&#xf5;" k="143" />
-<hkern u1="T" u2="&#xf4;" k="143" />
-<hkern u1="T" u2="&#xf3;" k="143" />
-<hkern u1="T" u2="&#xf2;" k="143" />
-<hkern u1="T" u2="&#xeb;" k="143" />
-<hkern u1="T" u2="&#xea;" k="143" />
-<hkern u1="T" u2="&#xe9;" k="143" />
-<hkern u1="T" u2="&#xe8;" k="143" />
-<hkern u1="T" u2="&#xe7;" k="143" />
-<hkern u1="T" u2="&#xe6;" k="164" />
-<hkern u1="T" u2="&#xe5;" k="164" />
-<hkern u1="T" u2="&#xe4;" k="164" />
-<hkern u1="T" u2="&#xe3;" k="164" />
-<hkern u1="T" u2="&#xe2;" k="164" />
-<hkern u1="T" u2="&#xe1;" k="164" />
-<hkern u1="T" u2="&#xe0;" k="143" />
-<hkern u1="T" u2="&#xd8;" k="41" />
-<hkern u1="T" u2="&#xd6;" k="41" />
-<hkern u1="T" u2="&#xd5;" k="41" />
-<hkern u1="T" u2="&#xd4;" k="41" />
-<hkern u1="T" u2="&#xd3;" k="41" />
-<hkern u1="T" u2="&#xd2;" k="41" />
-<hkern u1="T" u2="&#xc7;" k="41" />
-<hkern u1="T" u2="&#xc5;" k="143" />
-<hkern u1="T" u2="&#xc4;" k="143" />
-<hkern u1="T" u2="&#xc3;" k="143" />
-<hkern u1="T" u2="&#xc2;" k="143" />
-<hkern u1="T" u2="&#xc1;" k="143" />
-<hkern u1="T" u2="&#xc0;" k="143" />
-<hkern u1="T" u2="z" k="82" />
-<hkern u1="T" u2="y" k="41" />
-<hkern u1="T" u2="x" k="41" />
-<hkern u1="T" u2="w" k="41" />
-<hkern u1="T" u2="v" k="41" />
-<hkern u1="T" u2="u" k="102" />
-<hkern u1="T" u2="s" k="123" />
-<hkern u1="T" u2="r" k="102" />
-<hkern u1="T" u2="q" k="143" />
-<hkern u1="T" u2="p" k="102" />
-<hkern u1="T" u2="o" k="143" />
-<hkern u1="T" u2="n" k="102" />
-<hkern u1="T" u2="m" k="102" />
-<hkern u1="T" u2="g" k="143" />
-<hkern u1="T" u2="e" k="143" />
-<hkern u1="T" u2="d" k="143" />
-<hkern u1="T" u2="c" k="143" />
-<hkern u1="T" u2="a" k="164" />
-<hkern u1="T" u2="T" k="-41" />
-<hkern u1="T" u2="Q" k="41" />
-<hkern u1="T" u2="O" k="41" />
-<hkern u1="T" u2="G" k="41" />
-<hkern u1="T" u2="C" k="41" />
-<hkern u1="T" u2="A" k="143" />
-<hkern u1="T" u2="&#x3f;" k="-41" />
-<hkern u1="T" u2="&#x2e;" k="123" />
-<hkern u1="T" u2="&#x2d;" k="82" />
-<hkern u1="T" u2="&#x2c;" k="123" />
-<hkern u1="U" u2="&#x201e;" k="41" />
-<hkern u1="U" u2="&#x201a;" k="41" />
-<hkern u1="U" u2="&#xc5;" k="20" />
-<hkern u1="U" u2="&#xc4;" k="20" />
-<hkern u1="U" u2="&#xc3;" k="20" />
-<hkern u1="U" u2="&#xc2;" k="20" />
-<hkern u1="U" u2="&#xc1;" k="20" />
-<hkern u1="U" u2="&#xc0;" k="20" />
-<hkern u1="U" u2="A" k="20" />
-<hkern u1="U" u2="&#x2e;" k="41" />
-<hkern u1="U" u2="&#x2c;" k="41" />
-<hkern u1="V" u2="&#x201e;" k="102" />
-<hkern u1="V" u2="&#x201a;" k="102" />
-<hkern u1="V" u2="&#x153;" k="41" />
-<hkern u1="V" u2="&#x152;" k="20" />
-<hkern u1="V" u2="&#xfc;" k="20" />
-<hkern u1="V" u2="&#xfb;" k="20" />
-<hkern u1="V" u2="&#xfa;" k="20" />
-<hkern u1="V" u2="&#xf9;" k="20" />
-<hkern u1="V" u2="&#xf8;" k="41" />
-<hkern u1="V" u2="&#xf6;" k="41" />
-<hkern u1="V" u2="&#xf5;" k="41" />
-<hkern u1="V" u2="&#xf4;" k="41" />
-<hkern u1="V" u2="&#xf3;" k="41" />
-<hkern u1="V" u2="&#xf2;" k="41" />
-<hkern u1="V" u2="&#xeb;" k="41" />
-<hkern u1="V" u2="&#xea;" k="41" />
-<hkern u1="V" u2="&#xe9;" k="41" />
-<hkern u1="V" u2="&#xe8;" k="41" />
-<hkern u1="V" u2="&#xe7;" k="41" />
-<hkern u1="V" u2="&#xe6;" k="41" />
-<hkern u1="V" u2="&#xe5;" k="41" />
-<hkern u1="V" u2="&#xe4;" k="41" />
-<hkern u1="V" u2="&#xe3;" k="41" />
-<hkern u1="V" u2="&#xe2;" k="41" />
-<hkern u1="V" u2="&#xe1;" k="41" />
-<hkern u1="V" u2="&#xe0;" k="41" />
-<hkern u1="V" u2="&#xd8;" k="20" />
-<hkern u1="V" u2="&#xd6;" k="20" />
-<hkern u1="V" u2="&#xd5;" k="20" />
-<hkern u1="V" u2="&#xd4;" k="20" />
-<hkern u1="V" u2="&#xd3;" k="20" />
-<hkern u1="V" u2="&#xd2;" k="20" />
-<hkern u1="V" u2="&#xc7;" k="20" />
-<hkern u1="V" u2="&#xc5;" k="82" />
-<hkern u1="V" u2="&#xc4;" k="82" />
-<hkern u1="V" u2="&#xc3;" k="82" />
-<hkern u1="V" u2="&#xc2;" k="82" />
-<hkern u1="V" u2="&#xc1;" k="82" />
-<hkern u1="V" u2="&#xc0;" k="82" />
-<hkern u1="V" u2="u" k="20" />
-<hkern u1="V" u2="s" k="20" />
-<hkern u1="V" u2="r" k="20" />
-<hkern u1="V" u2="q" k="41" />
-<hkern u1="V" u2="p" k="20" />
-<hkern u1="V" u2="o" k="41" />
-<hkern u1="V" u2="n" k="20" />
-<hkern u1="V" u2="m" k="20" />
-<hkern u1="V" u2="g" k="20" />
-<hkern u1="V" u2="e" k="41" />
-<hkern u1="V" u2="d" k="41" />
-<hkern u1="V" u2="c" k="41" />
-<hkern u1="V" u2="a" k="41" />
-<hkern u1="V" u2="Q" k="20" />
-<hkern u1="V" u2="O" k="20" />
-<hkern u1="V" u2="G" k="20" />
-<hkern u1="V" u2="C" k="20" />
-<hkern u1="V" u2="A" k="82" />
-<hkern u1="V" u2="&#x3f;" k="-41" />
-<hkern u1="V" u2="&#x2e;" k="102" />
-<hkern u1="V" u2="&#x2c;" k="102" />
-<hkern u1="W" u2="&#x201e;" k="102" />
-<hkern u1="W" u2="&#x201a;" k="102" />
-<hkern u1="W" u2="&#x153;" k="41" />
-<hkern u1="W" u2="&#x152;" k="20" />
-<hkern u1="W" u2="&#xfc;" k="20" />
-<hkern u1="W" u2="&#xfb;" k="20" />
-<hkern u1="W" u2="&#xfa;" k="20" />
-<hkern u1="W" u2="&#xf9;" k="20" />
-<hkern u1="W" u2="&#xf8;" k="41" />
-<hkern u1="W" u2="&#xf6;" k="41" />
-<hkern u1="W" u2="&#xf5;" k="41" />
-<hkern u1="W" u2="&#xf4;" k="41" />
-<hkern u1="W" u2="&#xf3;" k="41" />
-<hkern u1="W" u2="&#xf2;" k="41" />
-<hkern u1="W" u2="&#xeb;" k="41" />
-<hkern u1="W" u2="&#xea;" k="41" />
-<hkern u1="W" u2="&#xe9;" k="41" />
-<hkern u1="W" u2="&#xe8;" k="41" />
-<hkern u1="W" u2="&#xe7;" k="41" />
-<hkern u1="W" u2="&#xe6;" k="41" />
-<hkern u1="W" u2="&#xe5;" k="41" />
-<hkern u1="W" u2="&#xe4;" k="41" />
-<hkern u1="W" u2="&#xe3;" k="41" />
-<hkern u1="W" u2="&#xe2;" k="41" />
-<hkern u1="W" u2="&#xe1;" k="41" />
-<hkern u1="W" u2="&#xe0;" k="41" />
-<hkern u1="W" u2="&#xd8;" k="20" />
-<hkern u1="W" u2="&#xd6;" k="20" />
-<hkern u1="W" u2="&#xd5;" k="20" />
-<hkern u1="W" u2="&#xd4;" k="20" />
-<hkern u1="W" u2="&#xd3;" k="20" />
-<hkern u1="W" u2="&#xd2;" k="20" />
-<hkern u1="W" u2="&#xc7;" k="20" />
-<hkern u1="W" u2="&#xc5;" k="82" />
-<hkern u1="W" u2="&#xc4;" k="82" />
-<hkern u1="W" u2="&#xc3;" k="82" />
-<hkern u1="W" u2="&#xc2;" k="82" />
-<hkern u1="W" u2="&#xc1;" k="82" />
-<hkern u1="W" u2="&#xc0;" k="82" />
-<hkern u1="W" u2="u" k="20" />
-<hkern u1="W" u2="s" k="20" />
-<hkern u1="W" u2="r" k="20" />
-<hkern u1="W" u2="q" k="41" />
-<hkern u1="W" u2="p" k="20" />
-<hkern u1="W" u2="o" k="41" />
-<hkern u1="W" u2="n" k="20" />
-<hkern u1="W" u2="m" k="20" />
-<hkern u1="W" u2="g" k="20" />
-<hkern u1="W" u2="e" k="41" />
-<hkern u1="W" u2="d" k="41" />
-<hkern u1="W" u2="c" k="41" />
-<hkern u1="W" u2="a" k="41" />
-<hkern u1="W" u2="Q" k="20" />
-<hkern u1="W" u2="O" k="20" />
-<hkern u1="W" u2="G" k="20" />
-<hkern u1="W" u2="C" k="20" />
-<hkern u1="W" u2="A" k="82" />
-<hkern u1="W" u2="&#x3f;" k="-41" />
-<hkern u1="W" u2="&#x2e;" k="102" />
-<hkern u1="W" u2="&#x2c;" k="102" />
-<hkern u1="X" u2="&#x152;" k="41" />
-<hkern u1="X" u2="&#xd8;" k="41" />
-<hkern u1="X" u2="&#xd6;" k="41" />
-<hkern u1="X" u2="&#xd5;" k="41" />
-<hkern u1="X" u2="&#xd4;" k="41" />
-<hkern u1="X" u2="&#xd3;" k="41" />
-<hkern u1="X" u2="&#xd2;" k="41" />
-<hkern u1="X" u2="&#xc7;" k="41" />
-<hkern u1="X" u2="Q" k="41" />
-<hkern u1="X" u2="O" k="41" />
-<hkern u1="X" u2="G" k="41" />
-<hkern u1="X" u2="C" k="41" />
-<hkern u1="Y" u2="&#x201e;" k="123" />
-<hkern u1="Y" u2="&#x201a;" k="123" />
-<hkern u1="Y" u2="&#x153;" k="102" />
-<hkern u1="Y" u2="&#x152;" k="41" />
-<hkern u1="Y" u2="&#xfc;" k="61" />
-<hkern u1="Y" u2="&#xfb;" k="61" />
-<hkern u1="Y" u2="&#xfa;" k="61" />
-<hkern u1="Y" u2="&#xf9;" k="61" />
-<hkern u1="Y" u2="&#xf8;" k="102" />
-<hkern u1="Y" u2="&#xf6;" k="102" />
-<hkern u1="Y" u2="&#xf5;" k="102" />
-<hkern u1="Y" u2="&#xf4;" k="102" />
-<hkern u1="Y" u2="&#xf3;" k="102" />
-<hkern u1="Y" u2="&#xf2;" k="102" />
-<hkern u1="Y" u2="&#xeb;" k="102" />
-<hkern u1="Y" u2="&#xea;" k="102" />
-<hkern u1="Y" u2="&#xe9;" k="102" />
-<hkern u1="Y" u2="&#xe8;" k="102" />
-<hkern u1="Y" u2="&#xe7;" k="102" />
-<hkern u1="Y" u2="&#xe6;" k="102" />
-<hkern u1="Y" u2="&#xe5;" k="102" />
-<hkern u1="Y" u2="&#xe4;" k="102" />
-<hkern u1="Y" u2="&#xe3;" k="102" />
-<hkern u1="Y" u2="&#xe2;" k="102" />
-<hkern u1="Y" u2="&#xe1;" k="102" />
-<hkern u1="Y" u2="&#xe0;" k="102" />
-<hkern u1="Y" u2="&#xd8;" k="41" />
-<hkern u1="Y" u2="&#xd6;" k="41" />
-<hkern u1="Y" u2="&#xd5;" k="41" />
-<hkern u1="Y" u2="&#xd4;" k="41" />
-<hkern u1="Y" u2="&#xd3;" k="41" />
-<hkern u1="Y" u2="&#xd2;" k="41" />
-<hkern u1="Y" u2="&#xc7;" k="41" />
-<hkern u1="Y" u2="&#xc5;" k="123" />
-<hkern u1="Y" u2="&#xc4;" k="123" />
-<hkern u1="Y" u2="&#xc3;" k="123" />
-<hkern u1="Y" u2="&#xc2;" k="123" />
-<hkern u1="Y" u2="&#xc1;" k="123" />
-<hkern u1="Y" u2="&#xc0;" k="123" />
-<hkern u1="Y" u2="z" k="41" />
-<hkern u1="Y" u2="u" k="61" />
-<hkern u1="Y" u2="s" k="82" />
-<hkern u1="Y" u2="r" k="61" />
-<hkern u1="Y" u2="q" k="102" />
-<hkern u1="Y" u2="p" k="61" />
-<hkern u1="Y" u2="o" k="102" />
-<hkern u1="Y" u2="n" k="61" />
-<hkern u1="Y" u2="m" k="61" />
-<hkern u1="Y" u2="g" k="41" />
-<hkern u1="Y" u2="e" k="102" />
-<hkern u1="Y" u2="d" k="102" />
-<hkern u1="Y" u2="c" k="102" />
-<hkern u1="Y" u2="a" k="102" />
-<hkern u1="Y" u2="Q" k="41" />
-<hkern u1="Y" u2="O" k="41" />
-<hkern u1="Y" u2="G" k="41" />
-<hkern u1="Y" u2="C" k="41" />
-<hkern u1="Y" u2="A" k="123" />
-<hkern u1="Y" u2="&#x3f;" k="-41" />
-<hkern u1="Y" u2="&#x2e;" k="123" />
-<hkern u1="Y" u2="&#x2c;" k="123" />
-<hkern u1="Z" u2="&#x152;" k="20" />
-<hkern u1="Z" u2="&#xd8;" k="20" />
-<hkern u1="Z" u2="&#xd6;" k="20" />
-<hkern u1="Z" u2="&#xd5;" k="20" />
-<hkern u1="Z" u2="&#xd4;" k="20" />
-<hkern u1="Z" u2="&#xd3;" k="20" />
-<hkern u1="Z" u2="&#xd2;" k="20" />
-<hkern u1="Z" u2="&#xc7;" k="20" />
-<hkern u1="Z" u2="Q" k="20" />
-<hkern u1="Z" u2="O" k="20" />
-<hkern u1="Z" u2="G" k="20" />
-<hkern u1="Z" u2="C" k="20" />
-<hkern u1="[" u2="J" k="-184" />
-<hkern u1="a" u2="&#x201d;" k="20" />
-<hkern u1="a" u2="&#x2019;" k="20" />
-<hkern u1="a" u2="&#x27;" k="20" />
-<hkern u1="a" u2="&#x22;" k="20" />
-<hkern u1="b" u2="&#x201d;" k="20" />
-<hkern u1="b" u2="&#x2019;" k="20" />
-<hkern u1="b" u2="&#xfd;" k="41" />
-<hkern u1="b" u2="z" k="20" />
-<hkern u1="b" u2="y" k="41" />
-<hkern u1="b" u2="x" k="41" />
-<hkern u1="b" u2="w" k="41" />
-<hkern u1="b" u2="v" k="41" />
-<hkern u1="b" u2="&#x27;" k="20" />
-<hkern u1="b" u2="&#x22;" k="20" />
-<hkern u1="c" u2="&#x201d;" k="-41" />
-<hkern u1="c" u2="&#x2019;" k="-41" />
-<hkern u1="c" u2="&#x27;" k="-41" />
-<hkern u1="c" u2="&#x22;" k="-41" />
-<hkern u1="e" u2="&#x201d;" k="20" />
-<hkern u1="e" u2="&#x2019;" k="20" />
-<hkern u1="e" u2="&#xfd;" k="41" />
-<hkern u1="e" u2="z" k="20" />
-<hkern u1="e" u2="y" k="41" />
-<hkern u1="e" u2="x" k="41" />
-<hkern u1="e" u2="w" k="41" />
-<hkern u1="e" u2="v" k="41" />
-<hkern u1="e" u2="&#x27;" k="20" />
-<hkern u1="e" u2="&#x22;" k="20" />
-<hkern u1="f" u2="&#x201d;" k="-123" />
-<hkern u1="f" u2="&#x2019;" k="-123" />
-<hkern u1="f" u2="&#x27;" k="-123" />
-<hkern u1="f" u2="&#x22;" k="-123" />
-<hkern u1="h" u2="&#x201d;" k="20" />
-<hkern u1="h" u2="&#x2019;" k="20" />
-<hkern u1="h" u2="&#x27;" k="20" />
-<hkern u1="h" u2="&#x22;" k="20" />
-<hkern u1="k" u2="&#x153;" k="41" />
-<hkern u1="k" u2="&#xf8;" k="41" />
-<hkern u1="k" u2="&#xf6;" k="41" />
-<hkern u1="k" u2="&#xf5;" k="41" />
-<hkern u1="k" u2="&#xf4;" k="41" />
-<hkern u1="k" u2="&#xf3;" k="41" />
-<hkern u1="k" u2="&#xf2;" k="41" />
-<hkern u1="k" u2="&#xeb;" k="41" />
-<hkern u1="k" u2="&#xea;" k="41" />
-<hkern u1="k" u2="&#xe9;" k="41" />
-<hkern u1="k" u2="&#xe8;" k="41" />
-<hkern u1="k" u2="&#xe7;" k="41" />
-<hkern u1="k" u2="&#xe0;" k="41" />
-<hkern u1="k" u2="q" k="41" />
-<hkern u1="k" u2="o" k="41" />
-<hkern u1="k" u2="e" k="41" />
-<hkern u1="k" u2="d" k="41" />
-<hkern u1="k" u2="c" k="41" />
-<hkern u1="m" u2="&#x201d;" k="20" />
-<hkern u1="m" u2="&#x2019;" k="20" />
-<hkern u1="m" u2="&#x27;" k="20" />
-<hkern u1="m" u2="&#x22;" k="20" />
-<hkern u1="n" u2="&#x201d;" k="20" />
-<hkern u1="n" u2="&#x2019;" k="20" />
-<hkern u1="n" u2="&#x27;" k="20" />
-<hkern u1="n" u2="&#x22;" k="20" />
-<hkern u1="o" u2="&#x201d;" k="20" />
-<hkern u1="o" u2="&#x2019;" k="20" />
-<hkern u1="o" u2="&#xfd;" k="41" />
-<hkern u1="o" u2="z" k="20" />
-<hkern u1="o" u2="y" k="41" />
-<hkern u1="o" u2="x" k="41" />
-<hkern u1="o" u2="w" k="41" />
-<hkern u1="o" u2="v" k="41" />
-<hkern u1="o" u2="&#x27;" k="20" />
-<hkern u1="o" u2="&#x22;" k="20" />
-<hkern u1="p" u2="&#x201d;" k="20" />
-<hkern u1="p" u2="&#x2019;" k="20" />
-<hkern u1="p" u2="&#xfd;" k="41" />
-<hkern u1="p" u2="z" k="20" />
-<hkern u1="p" u2="y" k="41" />
-<hkern u1="p" u2="x" k="41" />
-<hkern u1="p" u2="w" k="41" />
-<hkern u1="p" u2="v" k="41" />
-<hkern u1="p" u2="&#x27;" k="20" />
-<hkern u1="p" u2="&#x22;" k="20" />
-<hkern u1="r" u2="&#x201d;" k="-82" />
-<hkern u1="r" u2="&#x2019;" k="-82" />
-<hkern u1="r" u2="&#x153;" k="41" />
-<hkern u1="r" u2="&#xf8;" k="41" />
-<hkern u1="r" u2="&#xf6;" k="41" />
-<hkern u1="r" u2="&#xf5;" k="41" />
-<hkern u1="r" u2="&#xf4;" k="41" />
-<hkern u1="r" u2="&#xf3;" k="41" />
-<hkern u1="r" u2="&#xf2;" k="41" />
-<hkern u1="r" u2="&#xeb;" k="41" />
-<hkern u1="r" u2="&#xea;" k="41" />
-<hkern u1="r" u2="&#xe9;" k="41" />
-<hkern u1="r" u2="&#xe8;" k="41" />
-<hkern u1="r" u2="&#xe7;" k="41" />
-<hkern u1="r" u2="&#xe6;" k="41" />
-<hkern u1="r" u2="&#xe5;" k="41" />
-<hkern u1="r" u2="&#xe4;" k="41" />
-<hkern u1="r" u2="&#xe3;" k="41" />
-<hkern u1="r" u2="&#xe2;" k="41" />
-<hkern u1="r" u2="&#xe1;" k="41" />
-<hkern u1="r" u2="&#xe0;" k="41" />
-<hkern u1="r" u2="q" k="41" />
-<hkern u1="r" u2="o" k="41" />
-<hkern u1="r" u2="g" k="20" />
-<hkern u1="r" u2="e" k="41" />
-<hkern u1="r" u2="d" k="41" />
-<hkern u1="r" u2="c" k="41" />
-<hkern u1="r" u2="a" k="41" />
-<hkern u1="r" u2="&#x27;" k="-82" />
-<hkern u1="r" u2="&#x22;" k="-82" />
-<hkern u1="t" u2="&#x201d;" k="-41" />
-<hkern u1="t" u2="&#x2019;" k="-41" />
-<hkern u1="t" u2="&#x27;" k="-41" />
-<hkern u1="t" u2="&#x22;" k="-41" />
-<hkern u1="v" u2="&#x201e;" k="82" />
-<hkern u1="v" u2="&#x201d;" k="-82" />
-<hkern u1="v" u2="&#x201a;" k="82" />
-<hkern u1="v" u2="&#x2019;" k="-82" />
-<hkern u1="v" u2="&#x3f;" k="-41" />
-<hkern u1="v" u2="&#x2e;" k="82" />
-<hkern u1="v" u2="&#x2c;" k="82" />
-<hkern u1="v" u2="&#x27;" k="-82" />
-<hkern u1="v" u2="&#x22;" k="-82" />
-<hkern u1="w" u2="&#x201e;" k="82" />
-<hkern u1="w" u2="&#x201d;" k="-82" />
-<hkern u1="w" u2="&#x201a;" k="82" />
-<hkern u1="w" u2="&#x2019;" k="-82" />
-<hkern u1="w" u2="&#x3f;" k="-41" />
-<hkern u1="w" u2="&#x2e;" k="82" />
-<hkern u1="w" u2="&#x2c;" k="82" />
-<hkern u1="w" u2="&#x27;" k="-82" />
-<hkern u1="w" u2="&#x22;" k="-82" />
-<hkern u1="x" u2="&#x153;" k="41" />
-<hkern u1="x" u2="&#xf8;" k="41" />
-<hkern u1="x" u2="&#xf6;" k="41" />
-<hkern u1="x" u2="&#xf5;" k="41" />
-<hkern u1="x" u2="&#xf4;" k="41" />
-<hkern u1="x" u2="&#xf3;" k="41" />
-<hkern u1="x" u2="&#xf2;" k="41" />
-<hkern u1="x" u2="&#xeb;" k="41" />
-<hkern u1="x" u2="&#xea;" k="41" />
-<hkern u1="x" u2="&#xe9;" k="41" />
-<hkern u1="x" u2="&#xe8;" k="41" />
-<hkern u1="x" u2="&#xe7;" k="41" />
-<hkern u1="x" u2="&#xe0;" k="41" />
-<hkern u1="x" u2="q" k="41" />
-<hkern u1="x" u2="o" k="41" />
-<hkern u1="x" u2="e" k="41" />
-<hkern u1="x" u2="d" k="41" />
-<hkern u1="x" u2="c" k="41" />
-<hkern u1="y" u2="&#x201e;" k="82" />
-<hkern u1="y" u2="&#x201d;" k="-82" />
-<hkern u1="y" u2="&#x201a;" k="82" />
-<hkern u1="y" u2="&#x2019;" k="-82" />
-<hkern u1="y" u2="&#x3f;" k="-41" />
-<hkern u1="y" u2="&#x2e;" k="82" />
-<hkern u1="y" u2="&#x2c;" k="82" />
-<hkern u1="y" u2="&#x27;" k="-82" />
-<hkern u1="y" u2="&#x22;" k="-82" />
-<hkern u1="&#x7b;" u2="J" k="-184" />
-<hkern u1="&#xc0;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc0;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc0;" u2="&#x178;" k="123" />
-<hkern u1="&#xc0;" u2="&#x152;" k="41" />
-<hkern u1="&#xc0;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc0;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc0;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc0;" u2="Y" k="123" />
-<hkern u1="&#xc0;" u2="W" k="82" />
-<hkern u1="&#xc0;" u2="V" k="82" />
-<hkern u1="&#xc0;" u2="T" k="143" />
-<hkern u1="&#xc0;" u2="Q" k="41" />
-<hkern u1="&#xc0;" u2="O" k="41" />
-<hkern u1="&#xc0;" u2="J" k="-266" />
-<hkern u1="&#xc0;" u2="G" k="41" />
-<hkern u1="&#xc0;" u2="C" k="41" />
-<hkern u1="&#xc0;" u2="&#x27;" k="143" />
-<hkern u1="&#xc0;" u2="&#x22;" k="143" />
-<hkern u1="&#xc1;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc1;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc1;" u2="&#x178;" k="123" />
-<hkern u1="&#xc1;" u2="&#x152;" k="41" />
-<hkern u1="&#xc1;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc1;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc1;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc1;" u2="Y" k="123" />
-<hkern u1="&#xc1;" u2="W" k="82" />
-<hkern u1="&#xc1;" u2="V" k="82" />
-<hkern u1="&#xc1;" u2="T" k="143" />
-<hkern u1="&#xc1;" u2="Q" k="41" />
-<hkern u1="&#xc1;" u2="O" k="41" />
-<hkern u1="&#xc1;" u2="J" k="-266" />
-<hkern u1="&#xc1;" u2="G" k="41" />
-<hkern u1="&#xc1;" u2="C" k="41" />
-<hkern u1="&#xc1;" u2="&#x27;" k="143" />
-<hkern u1="&#xc1;" u2="&#x22;" k="143" />
-<hkern u1="&#xc2;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc2;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc2;" u2="&#x178;" k="123" />
-<hkern u1="&#xc2;" u2="&#x152;" k="41" />
-<hkern u1="&#xc2;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc2;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc2;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc2;" u2="Y" k="123" />
-<hkern u1="&#xc2;" u2="W" k="82" />
-<hkern u1="&#xc2;" u2="V" k="82" />
-<hkern u1="&#xc2;" u2="T" k="143" />
-<hkern u1="&#xc2;" u2="Q" k="41" />
-<hkern u1="&#xc2;" u2="O" k="41" />
-<hkern u1="&#xc2;" u2="J" k="-266" />
-<hkern u1="&#xc2;" u2="G" k="41" />
-<hkern u1="&#xc2;" u2="C" k="41" />
-<hkern u1="&#xc2;" u2="&#x27;" k="143" />
-<hkern u1="&#xc2;" u2="&#x22;" k="143" />
-<hkern u1="&#xc3;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc3;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc3;" u2="&#x178;" k="123" />
-<hkern u1="&#xc3;" u2="&#x152;" k="41" />
-<hkern u1="&#xc3;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc3;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc3;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc3;" u2="Y" k="123" />
-<hkern u1="&#xc3;" u2="W" k="82" />
-<hkern u1="&#xc3;" u2="V" k="82" />
-<hkern u1="&#xc3;" u2="T" k="143" />
-<hkern u1="&#xc3;" u2="Q" k="41" />
-<hkern u1="&#xc3;" u2="O" k="41" />
-<hkern u1="&#xc3;" u2="J" k="-266" />
-<hkern u1="&#xc3;" u2="G" k="41" />
-<hkern u1="&#xc3;" u2="C" k="41" />
-<hkern u1="&#xc3;" u2="&#x27;" k="143" />
-<hkern u1="&#xc3;" u2="&#x22;" k="143" />
-<hkern u1="&#xc4;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc4;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc4;" u2="&#x178;" k="123" />
-<hkern u1="&#xc4;" u2="&#x152;" k="41" />
-<hkern u1="&#xc4;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc4;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc4;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc4;" u2="Y" k="123" />
-<hkern u1="&#xc4;" u2="W" k="82" />
-<hkern u1="&#xc4;" u2="V" k="82" />
-<hkern u1="&#xc4;" u2="T" k="143" />
-<hkern u1="&#xc4;" u2="Q" k="41" />
-<hkern u1="&#xc4;" u2="O" k="41" />
-<hkern u1="&#xc4;" u2="J" k="-266" />
-<hkern u1="&#xc4;" u2="G" k="41" />
-<hkern u1="&#xc4;" u2="C" k="41" />
-<hkern u1="&#xc4;" u2="&#x27;" k="143" />
-<hkern u1="&#xc4;" u2="&#x22;" k="143" />
-<hkern u1="&#xc5;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc5;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc5;" u2="&#x178;" k="123" />
-<hkern u1="&#xc5;" u2="&#x152;" k="41" />
-<hkern u1="&#xc5;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc5;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc5;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc5;" u2="Y" k="123" />
-<hkern u1="&#xc5;" u2="W" k="82" />
-<hkern u1="&#xc5;" u2="V" k="82" />
-<hkern u1="&#xc5;" u2="T" k="143" />
-<hkern u1="&#xc5;" u2="Q" k="41" />
-<hkern u1="&#xc5;" u2="O" k="41" />
-<hkern u1="&#xc5;" u2="J" k="-266" />
-<hkern u1="&#xc5;" u2="G" k="41" />
-<hkern u1="&#xc5;" u2="C" k="41" />
-<hkern u1="&#xc5;" u2="&#x27;" k="143" />
-<hkern u1="&#xc5;" u2="&#x22;" k="143" />
-<hkern u1="&#xc6;" u2="J" k="-123" />
-<hkern u1="&#xc7;" u2="&#x152;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc7;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc7;" u2="Q" k="41" />
-<hkern u1="&#xc7;" u2="O" k="41" />
-<hkern u1="&#xc7;" u2="G" k="41" />
-<hkern u1="&#xc7;" u2="C" k="41" />
-<hkern u1="&#xc8;" u2="J" k="-123" />
-<hkern u1="&#xc9;" u2="J" k="-123" />
-<hkern u1="&#xca;" u2="J" k="-123" />
-<hkern u1="&#xcb;" u2="J" k="-123" />
-<hkern u1="&#xd0;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd0;" u2="&#x178;" k="20" />
-<hkern u1="&#xd0;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd0;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd0;" u2="Z" k="20" />
-<hkern u1="&#xd0;" u2="Y" k="20" />
-<hkern u1="&#xd0;" u2="X" k="41" />
-<hkern u1="&#xd0;" u2="W" k="20" />
-<hkern u1="&#xd0;" u2="V" k="20" />
-<hkern u1="&#xd0;" u2="T" k="61" />
-<hkern u1="&#xd0;" u2="A" k="41" />
-<hkern u1="&#xd0;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd2;" u2="&#x178;" k="20" />
-<hkern u1="&#xd2;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd2;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd2;" u2="Z" k="20" />
-<hkern u1="&#xd2;" u2="Y" k="20" />
-<hkern u1="&#xd2;" u2="X" k="41" />
-<hkern u1="&#xd2;" u2="W" k="20" />
-<hkern u1="&#xd2;" u2="V" k="20" />
-<hkern u1="&#xd2;" u2="T" k="61" />
-<hkern u1="&#xd2;" u2="A" k="41" />
-<hkern u1="&#xd2;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd3;" u2="&#x178;" k="20" />
-<hkern u1="&#xd3;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd3;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd3;" u2="Z" k="20" />
-<hkern u1="&#xd3;" u2="Y" k="20" />
-<hkern u1="&#xd3;" u2="X" k="41" />
-<hkern u1="&#xd3;" u2="W" k="20" />
-<hkern u1="&#xd3;" u2="V" k="20" />
-<hkern u1="&#xd3;" u2="T" k="61" />
-<hkern u1="&#xd3;" u2="A" k="41" />
-<hkern u1="&#xd3;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd4;" u2="&#x178;" k="20" />
-<hkern u1="&#xd4;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd4;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd4;" u2="Z" k="20" />
-<hkern u1="&#xd4;" u2="Y" k="20" />
-<hkern u1="&#xd4;" u2="X" k="41" />
-<hkern u1="&#xd4;" u2="W" k="20" />
-<hkern u1="&#xd4;" u2="V" k="20" />
-<hkern u1="&#xd4;" u2="T" k="61" />
-<hkern u1="&#xd4;" u2="A" k="41" />
-<hkern u1="&#xd4;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd5;" u2="&#x178;" k="20" />
-<hkern u1="&#xd5;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd5;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd5;" u2="Z" k="20" />
-<hkern u1="&#xd5;" u2="Y" k="20" />
-<hkern u1="&#xd5;" u2="X" k="41" />
-<hkern u1="&#xd5;" u2="W" k="20" />
-<hkern u1="&#xd5;" u2="V" k="20" />
-<hkern u1="&#xd5;" u2="T" k="61" />
-<hkern u1="&#xd5;" u2="A" k="41" />
-<hkern u1="&#xd5;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd6;" u2="&#x178;" k="20" />
-<hkern u1="&#xd6;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd6;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd6;" u2="Z" k="20" />
-<hkern u1="&#xd6;" u2="Y" k="20" />
-<hkern u1="&#xd6;" u2="X" k="41" />
-<hkern u1="&#xd6;" u2="W" k="20" />
-<hkern u1="&#xd6;" u2="V" k="20" />
-<hkern u1="&#xd6;" u2="T" k="61" />
-<hkern u1="&#xd6;" u2="A" k="41" />
-<hkern u1="&#xd6;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd8;" u2="&#x178;" k="20" />
-<hkern u1="&#xd8;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd8;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd8;" u2="Z" k="20" />
-<hkern u1="&#xd8;" u2="Y" k="20" />
-<hkern u1="&#xd8;" u2="X" k="41" />
-<hkern u1="&#xd8;" u2="W" k="20" />
-<hkern u1="&#xd8;" u2="V" k="20" />
-<hkern u1="&#xd8;" u2="T" k="61" />
-<hkern u1="&#xd8;" u2="A" k="41" />
-<hkern u1="&#xd8;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd9;" u2="&#x201e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x201a;" k="41" />
-<hkern u1="&#xd9;" u2="&#xc5;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc4;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc3;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc2;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc1;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc0;" k="20" />
-<hkern u1="&#xd9;" u2="A" k="20" />
-<hkern u1="&#xd9;" u2="&#x2e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x2c;" k="41" />
-<hkern u1="&#xda;" u2="&#x201e;" k="41" />
-<hkern u1="&#xda;" u2="&#x201a;" k="41" />
-<hkern u1="&#xda;" u2="&#xc5;" k="20" />
-<hkern u1="&#xda;" u2="&#xc4;" k="20" />
-<hkern u1="&#xda;" u2="&#xc3;" k="20" />
-<hkern u1="&#xda;" u2="&#xc2;" k="20" />
-<hkern u1="&#xda;" u2="&#xc1;" k="20" />
-<hkern u1="&#xda;" u2="&#xc0;" k="20" />
-<hkern u1="&#xda;" u2="A" k="20" />
-<hkern u1="&#xda;" u2="&#x2e;" k="41" />
-<hkern u1="&#xda;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdb;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdb;" u2="A" k="20" />
-<hkern u1="&#xdb;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdc;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdc;" u2="A" k="20" />
-<hkern u1="&#xdc;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdd;" u2="&#x201e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x201a;" k="123" />
-<hkern u1="&#xdd;" u2="&#x153;" k="102" />
-<hkern u1="&#xdd;" u2="&#x152;" k="41" />
-<hkern u1="&#xdd;" u2="&#xfc;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfb;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfa;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf9;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xeb;" k="102" />
-<hkern u1="&#xdd;" u2="&#xea;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe9;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe7;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe1;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe0;" k="102" />
-<hkern u1="&#xdd;" u2="&#xd8;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd6;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd5;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd4;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd3;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd2;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc7;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc5;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc4;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc3;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc2;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc1;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc0;" k="123" />
-<hkern u1="&#xdd;" u2="z" k="41" />
-<hkern u1="&#xdd;" u2="u" k="61" />
-<hkern u1="&#xdd;" u2="s" k="82" />
-<hkern u1="&#xdd;" u2="r" k="61" />
-<hkern u1="&#xdd;" u2="q" k="102" />
-<hkern u1="&#xdd;" u2="p" k="61" />
-<hkern u1="&#xdd;" u2="o" k="102" />
-<hkern u1="&#xdd;" u2="n" k="61" />
-<hkern u1="&#xdd;" u2="m" k="61" />
-<hkern u1="&#xdd;" u2="g" k="41" />
-<hkern u1="&#xdd;" u2="e" k="102" />
-<hkern u1="&#xdd;" u2="d" k="102" />
-<hkern u1="&#xdd;" u2="c" k="102" />
-<hkern u1="&#xdd;" u2="a" k="102" />
-<hkern u1="&#xdd;" u2="Q" k="41" />
-<hkern u1="&#xdd;" u2="O" k="41" />
-<hkern u1="&#xdd;" u2="G" k="41" />
-<hkern u1="&#xdd;" u2="C" k="41" />
-<hkern u1="&#xdd;" u2="A" k="123" />
-<hkern u1="&#xdd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xdd;" u2="&#x2e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x2c;" k="123" />
-<hkern u1="&#xde;" u2="&#x201e;" k="266" />
-<hkern u1="&#xde;" u2="&#x201a;" k="266" />
-<hkern u1="&#xde;" u2="&#xc5;" k="102" />
-<hkern u1="&#xde;" u2="&#xc4;" k="102" />
-<hkern u1="&#xde;" u2="&#xc3;" k="102" />
-<hkern u1="&#xde;" u2="&#xc2;" k="102" />
-<hkern u1="&#xde;" u2="&#xc1;" k="102" />
-<hkern u1="&#xde;" u2="&#xc0;" k="102" />
-<hkern u1="&#xde;" u2="Z" k="20" />
-<hkern u1="&#xde;" u2="X" k="41" />
-<hkern u1="&#xde;" u2="A" k="102" />
-<hkern u1="&#xde;" u2="&#x2e;" k="266" />
-<hkern u1="&#xde;" u2="&#x2c;" k="266" />
-<hkern u1="&#xe0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe0;" u2="&#x27;" k="20" />
-<hkern u1="&#xe0;" u2="&#x22;" k="20" />
-<hkern u1="&#xe1;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe1;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe1;" u2="&#x27;" k="20" />
-<hkern u1="&#xe1;" u2="&#x22;" k="20" />
-<hkern u1="&#xe2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe2;" u2="&#x27;" k="20" />
-<hkern u1="&#xe2;" u2="&#x22;" k="20" />
-<hkern u1="&#xe3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe3;" u2="&#x27;" k="20" />
-<hkern u1="&#xe3;" u2="&#x22;" k="20" />
-<hkern u1="&#xe4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe4;" u2="&#x27;" k="20" />
-<hkern u1="&#xe4;" u2="&#x22;" k="20" />
-<hkern u1="&#xe5;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe5;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe5;" u2="&#x27;" k="20" />
-<hkern u1="&#xe5;" u2="&#x22;" k="20" />
-<hkern u1="&#xe8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe8;" u2="z" k="20" />
-<hkern u1="&#xe8;" u2="y" k="41" />
-<hkern u1="&#xe8;" u2="x" k="41" />
-<hkern u1="&#xe8;" u2="w" k="41" />
-<hkern u1="&#xe8;" u2="v" k="41" />
-<hkern u1="&#xe8;" u2="&#x27;" k="20" />
-<hkern u1="&#xe8;" u2="&#x22;" k="20" />
-<hkern u1="&#xe9;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe9;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe9;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe9;" u2="z" k="20" />
-<hkern u1="&#xe9;" u2="y" k="41" />
-<hkern u1="&#xe9;" u2="x" k="41" />
-<hkern u1="&#xe9;" u2="w" k="41" />
-<hkern u1="&#xe9;" u2="v" k="41" />
-<hkern u1="&#xe9;" u2="&#x27;" k="20" />
-<hkern u1="&#xe9;" u2="&#x22;" k="20" />
-<hkern u1="&#xea;" u2="&#x201d;" k="20" />
-<hkern u1="&#xea;" u2="&#x2019;" k="20" />
-<hkern u1="&#xea;" u2="&#xfd;" k="41" />
-<hkern u1="&#xea;" u2="z" k="20" />
-<hkern u1="&#xea;" u2="y" k="41" />
-<hkern u1="&#xea;" u2="x" k="41" />
-<hkern u1="&#xea;" u2="w" k="41" />
-<hkern u1="&#xea;" u2="v" k="41" />
-<hkern u1="&#xea;" u2="&#x27;" k="20" />
-<hkern u1="&#xea;" u2="&#x22;" k="20" />
-<hkern u1="&#xeb;" u2="&#x201d;" k="20" />
-<hkern u1="&#xeb;" u2="&#x2019;" k="20" />
-<hkern u1="&#xeb;" u2="&#xfd;" k="41" />
-<hkern u1="&#xeb;" u2="z" k="20" />
-<hkern u1="&#xeb;" u2="y" k="41" />
-<hkern u1="&#xeb;" u2="x" k="41" />
-<hkern u1="&#xeb;" u2="w" k="41" />
-<hkern u1="&#xeb;" u2="v" k="41" />
-<hkern u1="&#xeb;" u2="&#x27;" k="20" />
-<hkern u1="&#xeb;" u2="&#x22;" k="20" />
-<hkern u1="&#xf0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf0;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf0;" u2="z" k="20" />
-<hkern u1="&#xf0;" u2="y" k="41" />
-<hkern u1="&#xf0;" u2="x" k="41" />
-<hkern u1="&#xf0;" u2="w" k="41" />
-<hkern u1="&#xf0;" u2="v" k="41" />
-<hkern u1="&#xf0;" u2="&#x27;" k="20" />
-<hkern u1="&#xf0;" u2="&#x22;" k="20" />
-<hkern u1="&#xf2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf2;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf2;" u2="z" k="20" />
-<hkern u1="&#xf2;" u2="y" k="41" />
-<hkern u1="&#xf2;" u2="x" k="41" />
-<hkern u1="&#xf2;" u2="w" k="41" />
-<hkern u1="&#xf2;" u2="v" k="41" />
-<hkern u1="&#xf2;" u2="&#x27;" k="20" />
-<hkern u1="&#xf2;" u2="&#x22;" k="20" />
-<hkern u1="&#xf3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf3;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf3;" u2="z" k="20" />
-<hkern u1="&#xf3;" u2="y" k="41" />
-<hkern u1="&#xf3;" u2="x" k="41" />
-<hkern u1="&#xf3;" u2="w" k="41" />
-<hkern u1="&#xf3;" u2="v" k="41" />
-<hkern u1="&#xf3;" u2="&#x27;" k="20" />
-<hkern u1="&#xf3;" u2="&#x22;" k="20" />
-<hkern u1="&#xf4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf4;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf4;" u2="z" k="20" />
-<hkern u1="&#xf4;" u2="y" k="41" />
-<hkern u1="&#xf4;" u2="x" k="41" />
-<hkern u1="&#xf4;" u2="w" k="41" />
-<hkern u1="&#xf4;" u2="v" k="41" />
-<hkern u1="&#xf4;" u2="&#x27;" k="20" />
-<hkern u1="&#xf4;" u2="&#x22;" k="20" />
-<hkern u1="&#xf6;" u2="&#x201d;" k="41" />
-<hkern u1="&#xf6;" u2="&#x2019;" k="41" />
-<hkern u1="&#xf6;" u2="&#x27;" k="41" />
-<hkern u1="&#xf6;" u2="&#x22;" k="41" />
-<hkern u1="&#xf8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf8;" u2="z" k="20" />
-<hkern u1="&#xf8;" u2="y" k="41" />
-<hkern u1="&#xf8;" u2="x" k="41" />
-<hkern u1="&#xf8;" u2="w" k="41" />
-<hkern u1="&#xf8;" u2="v" k="41" />
-<hkern u1="&#xf8;" u2="&#x27;" k="20" />
-<hkern u1="&#xf8;" u2="&#x22;" k="20" />
-<hkern u1="&#xfd;" u2="&#x201e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x201a;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xfd;" u2="&#x2e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2c;" k="82" />
-<hkern u1="&#xfd;" u2="&#x27;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x22;" k="-82" />
-<hkern u1="&#xfe;" u2="&#x201d;" k="20" />
-<hkern u1="&#xfe;" u2="&#x2019;" k="20" />
-<hkern u1="&#xfe;" u2="&#xfd;" k="41" />
-<hkern u1="&#xfe;" u2="z" k="20" />
-<hkern u1="&#xfe;" u2="y" k="41" />
-<hkern u1="&#xfe;" u2="x" k="41" />
-<hkern u1="&#xfe;" u2="w" k="41" />
-<hkern u1="&#xfe;" u2="v" k="41" />
-<hkern u1="&#xfe;" u2="&#x27;" k="20" />
-<hkern u1="&#xfe;" u2="&#x22;" k="20" />
-<hkern u1="&#xff;" u2="&#x201e;" k="82" />
-<hkern u1="&#xff;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xff;" u2="&#x201a;" k="82" />
-<hkern u1="&#xff;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xff;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xff;" u2="&#x2e;" k="82" />
-<hkern u1="&#xff;" u2="&#x2c;" k="82" />
-<hkern u1="&#xff;" u2="&#x27;" k="-82" />
-<hkern u1="&#xff;" u2="&#x22;" k="-82" />
-<hkern u1="&#x152;" u2="J" k="-123" />
-<hkern u1="&#x178;" u2="&#x201e;" k="123" />
-<hkern u1="&#x178;" u2="&#x201a;" k="123" />
-<hkern u1="&#x178;" u2="&#x153;" k="102" />
-<hkern u1="&#x178;" u2="&#x152;" k="41" />
-<hkern u1="&#x178;" u2="&#xfc;" k="61" />
-<hkern u1="&#x178;" u2="&#xfb;" k="61" />
-<hkern u1="&#x178;" u2="&#xfa;" k="61" />
-<hkern u1="&#x178;" u2="&#xf9;" k="61" />
-<hkern u1="&#x178;" u2="&#xf8;" k="102" />
-<hkern u1="&#x178;" u2="&#xf6;" k="102" />
-<hkern u1="&#x178;" u2="&#xf5;" k="102" />
-<hkern u1="&#x178;" u2="&#xf4;" k="102" />
-<hkern u1="&#x178;" u2="&#xf3;" k="102" />
-<hkern u1="&#x178;" u2="&#xf2;" k="102" />
-<hkern u1="&#x178;" u2="&#xeb;" k="102" />
-<hkern u1="&#x178;" u2="&#xea;" k="102" />
-<hkern u1="&#x178;" u2="&#xe9;" k="102" />
-<hkern u1="&#x178;" u2="&#xe8;" k="102" />
-<hkern u1="&#x178;" u2="&#xe7;" k="102" />
-<hkern u1="&#x178;" u2="&#xe6;" k="102" />
-<hkern u1="&#x178;" u2="&#xe5;" k="102" />
-<hkern u1="&#x178;" u2="&#xe4;" k="102" />
-<hkern u1="&#x178;" u2="&#xe3;" k="102" />
-<hkern u1="&#x178;" u2="&#xe2;" k="102" />
-<hkern u1="&#x178;" u2="&#xe1;" k="102" />
-<hkern u1="&#x178;" u2="&#xe0;" k="102" />
-<hkern u1="&#x178;" u2="&#xd8;" k="41" />
-<hkern u1="&#x178;" u2="&#xd6;" k="41" />
-<hkern u1="&#x178;" u2="&#xd5;" k="41" />
-<hkern u1="&#x178;" u2="&#xd4;" k="41" />
-<hkern u1="&#x178;" u2="&#xd3;" k="41" />
-<hkern u1="&#x178;" u2="&#xd2;" k="41" />
-<hkern u1="&#x178;" u2="&#xc7;" k="41" />
-<hkern u1="&#x178;" u2="&#xc5;" k="123" />
-<hkern u1="&#x178;" u2="&#xc4;" k="123" />
-<hkern u1="&#x178;" u2="&#xc3;" k="123" />
-<hkern u1="&#x178;" u2="&#xc2;" k="123" />
-<hkern u1="&#x178;" u2="&#xc1;" k="123" />
-<hkern u1="&#x178;" u2="&#xc0;" k="123" />
-<hkern u1="&#x178;" u2="z" k="41" />
-<hkern u1="&#x178;" u2="u" k="61" />
-<hkern u1="&#x178;" u2="s" k="82" />
-<hkern u1="&#x178;" u2="r" k="61" />
-<hkern u1="&#x178;" u2="q" k="102" />
-<hkern u1="&#x178;" u2="p" k="61" />
-<hkern u1="&#x178;" u2="o" k="102" />
-<hkern u1="&#x178;" u2="n" k="61" />
-<hkern u1="&#x178;" u2="m" k="61" />
-<hkern u1="&#x178;" u2="g" k="41" />
-<hkern u1="&#x178;" u2="e" k="102" />
-<hkern u1="&#x178;" u2="d" k="102" />
-<hkern u1="&#x178;" u2="c" k="102" />
-<hkern u1="&#x178;" u2="a" k="102" />
-<hkern u1="&#x178;" u2="Q" k="41" />
-<hkern u1="&#x178;" u2="O" k="41" />
-<hkern u1="&#x178;" u2="G" k="41" />
-<hkern u1="&#x178;" u2="C" k="41" />
-<hkern u1="&#x178;" u2="A" k="123" />
-<hkern u1="&#x178;" u2="&#x3f;" k="-41" />
-<hkern u1="&#x178;" u2="&#x2e;" k="123" />
-<hkern u1="&#x178;" u2="&#x2c;" k="123" />
-<hkern u1="&#x2013;" u2="T" k="82" />
-<hkern u1="&#x2014;" u2="T" k="82" />
-<hkern u1="&#x2018;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2018;" u2="&#x153;" k="123" />
-<hkern u1="&#x2018;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2018;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2018;" u2="&#xea;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2018;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2018;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2018;" u2="u" k="61" />
-<hkern u1="&#x2018;" u2="s" k="61" />
-<hkern u1="&#x2018;" u2="r" k="61" />
-<hkern u1="&#x2018;" u2="q" k="123" />
-<hkern u1="&#x2018;" u2="p" k="61" />
-<hkern u1="&#x2018;" u2="o" k="123" />
-<hkern u1="&#x2018;" u2="n" k="61" />
-<hkern u1="&#x2018;" u2="m" k="61" />
-<hkern u1="&#x2018;" u2="g" k="61" />
-<hkern u1="&#x2018;" u2="e" k="123" />
-<hkern u1="&#x2018;" u2="d" k="123" />
-<hkern u1="&#x2018;" u2="c" k="123" />
-<hkern u1="&#x2018;" u2="a" k="82" />
-<hkern u1="&#x2018;" u2="Y" k="-20" />
-<hkern u1="&#x2018;" u2="W" k="-41" />
-<hkern u1="&#x2018;" u2="V" k="-41" />
-<hkern u1="&#x2018;" u2="T" k="-41" />
-<hkern u1="&#x2018;" u2="A" k="143" />
-<hkern u1="&#x2019;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2019;" u2="&#x153;" k="123" />
-<hkern u1="&#x2019;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2019;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2019;" u2="&#xea;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2019;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2019;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2019;" u2="u" k="61" />
-<hkern u1="&#x2019;" u2="s" k="61" />
-<hkern u1="&#x2019;" u2="r" k="61" />
-<hkern u1="&#x2019;" u2="q" k="123" />
-<hkern u1="&#x2019;" u2="p" k="61" />
-<hkern u1="&#x2019;" u2="o" k="123" />
-<hkern u1="&#x2019;" u2="n" k="61" />
-<hkern u1="&#x2019;" u2="m" k="61" />
-<hkern u1="&#x2019;" u2="g" k="61" />
-<hkern u1="&#x2019;" u2="e" k="123" />
-<hkern u1="&#x2019;" u2="d" k="123" />
-<hkern u1="&#x2019;" u2="c" k="123" />
-<hkern u1="&#x2019;" u2="a" k="82" />
-<hkern u1="&#x2019;" u2="Y" k="-20" />
-<hkern u1="&#x2019;" u2="W" k="-41" />
-<hkern u1="&#x2019;" u2="V" k="-41" />
-<hkern u1="&#x2019;" u2="T" k="-41" />
-<hkern u1="&#x2019;" u2="A" k="143" />
-<hkern u1="&#x201a;" u2="&#x178;" k="123" />
-<hkern u1="&#x201a;" u2="&#x152;" k="102" />
-<hkern u1="&#x201a;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201a;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201a;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201a;" u2="&#xda;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201a;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201a;" u2="Y" k="123" />
-<hkern u1="&#x201a;" u2="W" k="123" />
-<hkern u1="&#x201a;" u2="V" k="123" />
-<hkern u1="&#x201a;" u2="U" k="41" />
-<hkern u1="&#x201a;" u2="T" k="143" />
-<hkern u1="&#x201a;" u2="Q" k="102" />
-<hkern u1="&#x201a;" u2="O" k="102" />
-<hkern u1="&#x201a;" u2="G" k="102" />
-<hkern u1="&#x201a;" u2="C" k="102" />
-<hkern u1="&#x201c;" u2="&#x178;" k="-20" />
-<hkern u1="&#x201c;" u2="&#x153;" k="123" />
-<hkern u1="&#x201c;" u2="&#xfc;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfb;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfa;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf9;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf6;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf5;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf4;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf3;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf2;" k="123" />
-<hkern u1="&#x201c;" u2="&#xeb;" k="123" />
-<hkern u1="&#x201c;" u2="&#xea;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe9;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe7;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe6;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe5;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe4;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe3;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe2;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe1;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe0;" k="123" />
-<hkern u1="&#x201c;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x201c;" u2="&#xc5;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc4;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc3;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc2;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc1;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc0;" k="143" />
-<hkern u1="&#x201c;" u2="u" k="61" />
-<hkern u1="&#x201c;" u2="s" k="61" />
-<hkern u1="&#x201c;" u2="r" k="61" />
-<hkern u1="&#x201c;" u2="q" k="123" />
-<hkern u1="&#x201c;" u2="p" k="61" />
-<hkern u1="&#x201c;" u2="o" k="123" />
-<hkern u1="&#x201c;" u2="n" k="61" />
-<hkern u1="&#x201c;" u2="m" k="61" />
-<hkern u1="&#x201c;" u2="g" k="61" />
-<hkern u1="&#x201c;" u2="e" k="123" />
-<hkern u1="&#x201c;" u2="d" k="123" />
-<hkern u1="&#x201c;" u2="c" k="123" />
-<hkern u1="&#x201c;" u2="a" k="82" />
-<hkern u1="&#x201c;" u2="Y" k="-20" />
-<hkern u1="&#x201c;" u2="W" k="-41" />
-<hkern u1="&#x201c;" u2="V" k="-41" />
-<hkern u1="&#x201c;" u2="T" k="-41" />
-<hkern u1="&#x201c;" u2="A" k="143" />
-<hkern u1="&#x201e;" u2="&#x178;" k="123" />
-<hkern u1="&#x201e;" u2="&#x152;" k="102" />
-<hkern u1="&#x201e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201e;" u2="&#xda;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201e;" u2="Y" k="123" />
-<hkern u1="&#x201e;" u2="W" k="123" />
-<hkern u1="&#x201e;" u2="V" k="123" />
-<hkern u1="&#x201e;" u2="U" k="41" />
-<hkern u1="&#x201e;" u2="T" k="143" />
-<hkern u1="&#x201e;" u2="Q" k="102" />
-<hkern u1="&#x201e;" u2="O" k="102" />
-<hkern u1="&#x201e;" u2="G" k="102" />
-<hkern u1="&#x201e;" u2="C" k="102" />
-</font>
-</defs></svg> 
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.woff b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.woff
deleted file mode 100644
index ff652e6..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Italic-webfont.woff and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.eot b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.eot
deleted file mode 100644
index 1486840..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.eot and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.svg b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.svg
deleted file mode 100644
index 11a472c..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.svg
+++ /dev/null
@@ -1,1831 +0,0 @@
-<?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></metadata>
-<defs>
-<font id="open_sanslight" horiz-adv-x="1169" >
-<font-face units-per-em="2048" ascent="1638" descent="-410" />
-<missing-glyph horiz-adv-x="532" />
-<glyph unicode="&#xfb01;" horiz-adv-x="1077" d="M29 0zM586 1001h-256v-1001h-99v1001h-202v58l202 37v84q0 200 73.5 293.5t240.5 93.5q90 0 180 -27l-23 -86q-80 25 -159 25q-116 0 -164.5 -68.5t-48.5 -222.5v-101h256v-86zM895 0h-99v1087h99v-1087zM782 1389q0 96 63 96q31 0 48.5 -25t17.5 -71q0 -45 -17.5 -71 t-48.5 -26q-63 0 -63 97z" />
-<glyph unicode="&#xfb02;" horiz-adv-x="1077" d="M29 0zM586 1001h-256v-1001h-99v1001h-202v58l202 37v84q0 200 73.5 293.5t240.5 93.5q90 0 180 -27l-23 -86q-80 25 -159 25q-116 0 -164.5 -68.5t-48.5 -222.5v-101h256v-86zM895 0h-99v1556h99v-1556z" />
-<glyph unicode="&#xfb03;" horiz-adv-x="1692" d="M29 0zM586 1001h-256v-1001h-99v1001h-202v58l202 37v84q0 200 73.5 293.5t240.5 93.5q90 0 180 -27l-23 -86q-80 25 -159 25q-116 0 -164.5 -68.5t-48.5 -222.5v-101h256v-86zM1200 1001h-256v-1001h-99v1001h-202v58l202 37v84q0 200 73.5 293.5t240.5 93.5 q90 0 180 -27l-23 -86q-80 25 -159 25q-116 0 -164.5 -68.5t-48.5 -222.5v-101h256v-86zM1510 0h-99v1087h99v-1087zM1397 1389q0 96 63 96q31 0 48.5 -25t17.5 -71q0 -45 -17.5 -71t-48.5 -26q-63 0 -63 97z" />
-<glyph unicode="&#xfb04;" horiz-adv-x="1692" d="M29 0zM586 1001h-256v-1001h-99v1001h-202v58l202 37v84q0 200 73.5 293.5t240.5 93.5q90 0 180 -27l-23 -86q-80 25 -159 25q-116 0 -164.5 -68.5t-48.5 -222.5v-101h256v-86zM1200 1001h-256v-1001h-99v1001h-202v58l202 37v84q0 200 73.5 293.5t240.5 93.5 q90 0 180 -27l-23 -86q-80 25 -159 25q-116 0 -164.5 -68.5t-48.5 -222.5v-101h256v-86zM1510 0h-99v1556h99v-1556z" />
-<glyph horiz-adv-x="2048" />
-<glyph horiz-adv-x="2048" />
-<glyph unicode="&#xd;" horiz-adv-x="1044" />
-<glyph unicode=" "  horiz-adv-x="532" />
-<glyph unicode="&#x09;" horiz-adv-x="532" />
-<glyph unicode="&#xa0;" horiz-adv-x="532" />
-<glyph unicode="!" horiz-adv-x="492" d="M276 377h-61l-29 1085h119zM164 78q0 98 80 98q82 0 82 -98t-82 -98q-80 0 -80 98z" />
-<glyph unicode="&#x22;" horiz-adv-x="723" d="M260 1462l-33 -528h-61l-33 528h127zM590 1462l-33 -528h-61l-33 528h127z" />
-<glyph unicode="#" horiz-adv-x="1323" d="M967 928l-76 -398h303v-79h-320l-86 -451h-90l88 451h-360l-86 -451h-88l86 451h-283v79h299l76 398h-297v80h311l86 454h91l-89 -454h365l88 454h86l-88 -454h285v-80h-301zM440 530h363l78 398h-363z" />
-<glyph unicode="$" d="M991 440q0 -133 -99 -217t-274 -106v-236h-81v232q-92 2 -200.5 22.5t-172.5 50.5v103q75 -36 179.5 -61t193.5 -25v508q-145 44 -215 88t-102 104t-32 146q0 124 94.5 208.5t254.5 104.5v192h81v-190q197 -9 351 -72l-33 -90q-141 62 -318 72v-486q213 -66 293 -144 t80 -204zM881 444q0 85 -63 140.5t-200 95.5v-471q122 13 192.5 75t70.5 160zM297 1049q0 -86 57 -141t183 -93v453q-119 -16 -179.5 -76t-60.5 -143z" />
-<glyph unicode="%" horiz-adv-x="1653" d="M211 1026q0 -186 45 -279.5t141 -93.5q193 0 193 373q0 184 -49.5 276.5t-143.5 92.5q-96 0 -141 -92.5t-45 -276.5zM688 1026q0 -226 -75 -343.5t-216 -117.5q-133 0 -208.5 120.5t-75.5 340.5q0 223 72 340t212 117q139 0 215 -120.5t76 -336.5zM1063 438 q0 -185 45 -277.5t141 -92.5q193 0 193 370q0 369 -193 369q-96 0 -141 -91.5t-45 -277.5zM1540 438q0 -226 -74 -343.5t-215 -117.5q-136 0 -211 121.5t-75 339.5q0 225 73.5 341t212.5 116q137 0 213 -120t76 -337zM1280 1462l-811 -1462h-96l811 1462h96z" />
-<glyph unicode="&#x26;" horiz-adv-x="1460" d="M123 371q0 138 73.5 235t274.5 205l-75 82q-66 71 -98 139t-32 142q0 143 95.5 227t256.5 84q155 0 245.5 -81t90.5 -224q0 -105 -70 -192.5t-253 -194.5l452 -457q61 72 104 157t75 201h96q-63 -246 -209 -426l266 -268h-135l-193 197q-92 -90 -164 -131.5t-157.5 -63.5 t-194.5 -22q-209 0 -328.5 103t-119.5 288zM578 70q128 0 234.5 43.5t209.5 146.5l-483 485q-136 -72 -196.5 -122.5t-88 -109.5t-27.5 -138q0 -143 93 -224t258 -81zM373 1176q0 -79 40 -146t152 -174q159 85 221 159t62 169q0 94 -62 152.5t-168 58.5q-114 0 -179.5 -58 t-65.5 -161z" />
-<glyph unicode="'" horiz-adv-x="393" d="M260 1462l-33 -528h-61l-33 528h127z" />
-<glyph unicode="(" horiz-adv-x="557" d="M82 561q0 265 77.5 496t223.5 405h113q-148 -182 -227 -412.5t-79 -486.5q0 -483 304 -887h-111q-147 170 -224 397t-77 488z" />
-<glyph unicode=")" horiz-adv-x="557" d="M475 561q0 -263 -77.5 -490t-223.5 -395h-111q304 404 304 887q0 257 -79 487.5t-227 411.5h113q147 -175 224 -406.5t77 -494.5z" />
-<glyph unicode="*" horiz-adv-x="1128" d="M631 1556l-37 -405l405 104l21 -131l-395 -39l247 -340l-124 -71l-191 379l-180 -379l-125 71l242 340l-390 39l19 131l401 -104l-39 405h146z" />
-<glyph unicode="+" d="M625 764h434v-82h-434v-432h-82v432h-432v82h432v434h82v-434z" />
-<glyph unicode="," horiz-adv-x="440" d="M295 238l12 -21q-75 -265 -174 -481h-65q77 275 110 502h117z" />
-<glyph unicode="-" horiz-adv-x="659" d="M92 512v82h475v-82h-475z" />
-<glyph unicode="." horiz-adv-x="487" d="M162 78q0 98 80 98q82 0 82 -98t-82 -98q-80 0 -80 98z" />
-<glyph unicode="/" horiz-adv-x="698" d="M674 1462l-545 -1462h-104l544 1462h105z" />
-<glyph unicode="0" d="M1055 735q0 -385 -117.5 -570t-355.5 -185q-229 0 -348 190.5t-119 564.5q0 382 115.5 566t351.5 184q231 0 352 -190.5t121 -559.5zM223 735q0 -340 89 -502.5t270 -162.5q189 0 275.5 168t86.5 497q0 324 -86.5 492t-275.5 168t-274 -168t-85 -492z" />
-<glyph unicode="1" d="M682 0h-98v1065q0 145 12 301q-15 -15 -31 -29t-309 -243l-57 71l397 297h86v-1462z" />
-<glyph unicode="2" d="M1028 0h-915v88l389 406q164 170 230 260t97 172t31 172q0 131 -86 213t-223 82q-183 0 -350 -133l-54 69q183 154 406 154q191 0 300.5 -102t109.5 -281q0 -145 -73.5 -280.5t-268.5 -334.5l-375 -385v-4h782v-96z" />
-<glyph unicode="3" d="M979 1118q0 -136 -85.5 -229t-229.5 -119v-6q176 -22 268 -112t92 -242q0 -205 -139.5 -317.5t-401.5 -112.5q-223 0 -389 83v99q84 -44 188.5 -69t196.5 -25q221 0 332 89.5t111 252.5q0 145 -113.5 223t-333.5 78h-158v96h160q182 0 288.5 86.5t106.5 234.5 q0 122 -86.5 195.5t-226.5 73.5q-109 0 -199 -30.5t-202 -104.5l-49 67q85 71 205 112.5t243 41.5q202 0 312 -95.5t110 -269.5z" />
-<glyph unicode="4" d="M1141 373h-252v-373h-94v373h-752v67l725 1030h121v-1011h252v-86zM795 459v418q0 302 14 507h-8q-20 -37 -123 -188l-516 -737h633z" />
-<glyph unicode="5" d="M537 879q234 0 368.5 -113t134.5 -311q0 -225 -140 -350t-386 -125q-109 0 -207 21.5t-164 61.5v103q108 -55 192 -76.5t179 -21.5q192 0 308 101.5t116 274.5q0 163 -113 256t-307 93q-130 0 -272 -39l-60 39l58 669h704v-96h-610l-45 -516q156 29 244 29z" />
-<glyph unicode="6" d="M131 623q0 285 77.5 479.5t220 288.5t343.5 94q94 0 172 -23v-88q-73 27 -176 27q-247 0 -384.5 -178t-154.5 -518h13q76 98 174 148t207 50q205 0 320.5 -117t115.5 -323q0 -224 -121.5 -353.5t-327.5 -129.5q-222 0 -350.5 169.5t-128.5 473.5zM610 68q164 0 255 103 t91 294q0 168 -90 262t-245 94q-102 0 -189.5 -45t-139.5 -119.5t-52 -152.5q0 -111 49.5 -213.5t134 -162.5t186.5 -60z" />
-<glyph unicode="7" d="M334 0l602 1366h-827v96h946v-73l-604 -1389h-117z" />
-<glyph unicode="8" d="M582 1487q186 0 299.5 -95t113.5 -257q0 -112 -70.5 -198t-228.5 -159q192 -79 270 -173t78 -228q0 -181 -126.5 -289t-339.5 -108q-221 0 -339 101t-118 294q0 131 83 230t257 169q-161 76 -227 160.5t-66 202.5q0 105 53 184.5t148.5 122.5t212.5 43zM223 360 q0 -138 93.5 -214t261.5 -76q164 0 264 80.5t100 218.5q0 124 -78.5 201.5t-302.5 162.5q-184 -71 -261 -157t-77 -216zM580 1397q-141 0 -226.5 -69.5t-85.5 -190.5q0 -70 31.5 -123.5t91 -97t199.5 -101.5q163 63 234 139t71 183q0 120 -84.5 190t-230.5 70z" />
-<glyph unicode="9" d="M1036 842q0 -288 -75.5 -482t-220 -287t-349.5 -93q-104 0 -192 26v86q43 -14 103.5 -21.5t92.5 -7.5q247 0 387 178.5t156 520.5h-12q-73 -96 -174 -147.5t-211 -51.5q-203 0 -316.5 112t-113.5 318q0 220 124.5 356t323.5 136q144 0 252 -75.5t166.5 -221.5t58.5 -346z M559 1397q-158 0 -252 -106.5t-94 -291.5q0 -174 87 -264t249 -90q101 0 188.5 45t139 119.5t51.5 151.5q0 117 -46.5 219t-130 159.5t-192.5 57.5z" />
-<glyph unicode=":" horiz-adv-x="487" d="M162 78q0 98 80 98q82 0 82 -98t-82 -98q-80 0 -80 98zM162 971q0 98 80 98q82 0 82 -98q0 -53 -23.5 -76t-58.5 -23q-34 0 -57 23t-23 76z" />
-<glyph unicode=";" horiz-adv-x="487" d="M303 238l12 -21q-75 -265 -174 -481h-65q29 97 62 245.5t48 256.5h117zM162 971q0 98 80 98q82 0 82 -98q0 -53 -23.5 -76t-58.5 -23q-34 0 -57 23t-23 76z" />
-<glyph unicode="&#x3c;" d="M1059 266l-948 416v61l948 474v-95l-823 -405l823 -355v-96z" />
-<glyph unicode="=" d="M111 885v82h948v-82h-948zM111 477v82h948v-82h-948z" />
-<glyph unicode="&#x3e;" d="M111 362l823 355l-823 405v95l948 -474v-61l-948 -416v96z" />
-<glyph unicode="?" horiz-adv-x="862" d="M293 377v37q0 123 37.5 201t138.5 167l91 79q72 61 103 121t31 138q0 127 -83.5 202t-219.5 75q-79 0 -148 -17.5t-149 -56.5l-37 80q110 48 184.5 64t153.5 16q183 0 288 -98.5t105 -270.5q0 -68 -18 -119t-50.5 -94.5t-78.5 -84t-102 -87.5q-64 -54 -98.5 -98.5 t-50 -93.5t-15.5 -146v-14h-82zM260 78q0 98 80 98q82 0 82 -98t-82 -98q-80 0 -80 98z" />
-<glyph unicode="@" horiz-adv-x="1815" d="M1702 725q0 -228 -90.5 -366t-245.5 -138q-89 0 -144.5 54t-64.5 147h-4q-43 -100 -124 -150.5t-189 -50.5q-148 0 -229 96.5t-81 270.5q0 202 120.5 330.5t314.5 128.5q138 0 286 -41l-22 -464v-30q0 -104 35 -156.5t116 -52.5q103 0 168.5 116.5t65.5 303.5 q0 194 -79 340t-225.5 224.5t-334.5 78.5q-230 0 -405.5 -99.5t-270 -281.5t-94.5 -418q0 -322 167 -497.5t474 -175.5q93 0 188.5 18t231.5 70v-99q-203 -80 -414 -80q-349 0 -544 200.5t-195 557.5q0 256 108.5 460.5t307 317.5t448.5 113q215 0 380.5 -89t255 -254.5 t89.5 -383.5zM633 590q0 -143 55 -215t174 -72q255 0 273 346l16 291q-79 27 -193 27q-149 0 -237 -102.5t-88 -274.5z" />
-<glyph unicode="A" horiz-adv-x="1229" d="M911 516h-594l-204 -516h-113l588 1468h65l576 -1468h-115zM354 608h523l-199 527q-25 62 -60 172q-27 -96 -59 -174z" />
-<glyph unicode="B" horiz-adv-x="1284" d="M207 1462h401q271 0 398 -92t127 -278q0 -127 -77.5 -211.5t-226.5 -108.5v-6q175 -26 257.5 -110.5t82.5 -235.5q0 -202 -134 -311t-380 -109h-448v1462zM309 811h322q206 0 299.5 68.5t93.5 214.5t-105.5 212t-314.5 66h-295v-561zM309 721v-631h344q406 0 406 330 q0 301 -428 301h-322z" />
-<glyph unicode="C" horiz-adv-x="1272" d="M831 1391q-275 0 -433 -176t-158 -482q0 -313 149 -486t426 -173q184 0 338 47v-90q-145 -51 -362 -51q-308 0 -485 199t-177 556q0 223 84.5 393t243 262.5t368.5 92.5q214 0 383 -80l-41 -92q-160 80 -336 80z" />
-<glyph unicode="D" horiz-adv-x="1446" d="M1317 745q0 -368 -193 -556.5t-567 -188.5h-350v1462h395q350 0 532.5 -183t182.5 -534zM1206 741q0 314 -159.5 472.5t-468.5 158.5h-269v-1282h242q655 0 655 651z" />
-<glyph unicode="E" horiz-adv-x="1130" d="M1006 0h-799v1462h799v-94h-697v-553h658v-94h-658v-627h697v-94z" />
-<glyph unicode="F" horiz-adv-x="1028" d="M309 0h-102v1462h801v-94h-699v-620h660v-95h-660v-653z" />
-<glyph unicode="G" horiz-adv-x="1481" d="M782 737h539v-667q-212 -90 -477 -90q-346 0 -530.5 195.5t-184.5 553.5q0 223 91.5 395.5t262 266.5t391.5 94q239 0 429 -88l-41 -92q-190 88 -394 88q-289 0 -458.5 -178.5t-169.5 -481.5q0 -330 161 -496.5t473 -166.5q202 0 343 57v514h-435v96z" />
-<glyph unicode="H" horiz-adv-x="1473" d="M1266 0h-103v719h-854v-719h-102v1462h102v-649h854v649h103v-1462z" />
-<glyph unicode="I" horiz-adv-x="516" d="M207 0v1462h102v-1462h-102z" />
-<glyph unicode="J" horiz-adv-x="506" d="M-33 -369q-92 0 -151 27v88q78 -20 149 -20q242 0 242 264v1472h102v-1462q0 -369 -342 -369z" />
-<glyph unicode="K" horiz-adv-x="1190" d="M1190 0h-125l-561 772l-195 -172v-600h-102v1462h102v-760l162 162l573 598h130l-599 -618z" />
-<glyph unicode="L" horiz-adv-x="1051" d="M207 0v1462h102v-1366h697v-96h-799z" />
-<glyph unicode="M" horiz-adv-x="1767" d="M850 0l-545 1350h-8q8 -124 8 -254v-1096h-98v1462h158l518 -1286h6l518 1286h154v-1462h-103v1108q0 116 12 240h-8l-547 -1348h-65z" />
-<glyph unicode="N" horiz-adv-x="1477" d="M1270 0h-103l-866 1298h-8q12 -232 12 -350v-948h-98v1462h102l865 -1296h6q-9 180 -9 342v954h99v-1462z" />
-<glyph unicode="O" horiz-adv-x="1565" d="M1436 733q0 -348 -174 -550.5t-480 -202.5q-305 0 -479 202.5t-174 552.5q0 349 175.5 549.5t479.5 200.5q306 0 479 -201.5t173 -550.5zM240 733q0 -314 140 -485.5t402 -171.5q264 0 403.5 170t139.5 487q0 316 -139.5 484.5t-401.5 168.5q-261 0 -402.5 -170 t-141.5 -483z" />
-<glyph unicode="P" horiz-adv-x="1198" d="M1087 1042q0 -212 -144 -325t-408 -113h-226v-604h-102v1462h358q522 0 522 -420zM309 692h201q247 0 357 81.5t110 264.5q0 169 -104 250.5t-322 81.5h-242v-678z" />
-<glyph unicode="Q" horiz-adv-x="1565" d="M1436 733q0 -294 -126 -486.5t-349 -246.5l333 -348h-166l-282 330l-33 -2h-31q-305 0 -479 202.5t-174 552.5q0 349 175.5 549.5t479.5 200.5q306 0 479 -201.5t173 -550.5zM240 733q0 -314 140 -485.5t402 -171.5q264 0 403.5 170t139.5 487q0 316 -139.5 484.5 t-401.5 168.5q-261 0 -402.5 -170t-141.5 -483z" />
-<glyph unicode="R" horiz-adv-x="1217" d="M309 637v-637h-102v1462h348q272 0 402 -100.5t130 -302.5q0 -147 -77.5 -248t-235.5 -145l397 -666h-122l-377 637h-363zM309 725h279q185 0 287 82.5t102 243.5q0 167 -100 243t-326 76h-242v-645z" />
-<glyph unicode="S" horiz-adv-x="1116" d="M1014 377q0 -183 -134.5 -290t-357.5 -107q-268 0 -411 59v102q158 -67 403 -67q180 0 285.5 82.5t105.5 216.5q0 83 -35 137.5t-114 99.5t-232 97q-224 77 -309.5 166.5t-85.5 238.5q0 164 128.5 267.5t330.5 103.5q206 0 387 -78l-37 -88q-182 76 -348 76 q-162 0 -258 -75t-96 -204q0 -81 29.5 -133t96.5 -93.5t230 -99.5q171 -59 257 -114.5t125.5 -126t39.5 -170.5z" />
-<glyph unicode="T" horiz-adv-x="1073" d="M588 0h-103v1366h-475v96h1053v-96h-475v-1366z" />
-<glyph unicode="U" horiz-adv-x="1473" d="M1282 1462v-946q0 -252 -146 -394t-407 -142q-254 0 -396.5 142.5t-142.5 397.5v942h103v-946q0 -211 117 -328.5t331 -117.5q209 0 324 115.5t115 320.5v956h102z" />
-<glyph unicode="V" horiz-adv-x="1182" d="M1071 1462h111l-547 -1462h-90l-545 1462h109l368 -995q84 -225 113 -338q20 75 79 233z" />
-<glyph unicode="W" horiz-adv-x="1827" d="M1372 0h-84l-321 1128q-40 139 -60 228q-16 -87 -45.5 -200t-322.5 -1156h-86l-402 1462h107l256 -942q15 -57 28 -105.5t23.5 -91t19 -82t15.5 -79.5q24 136 102 413l250 887h113l293 -1018q51 -176 73 -284q13 72 33.5 153t308.5 1149h103z" />
-<glyph unicode="X" horiz-adv-x="1102" d="M1102 0h-117l-432 682l-440 -682h-113l492 762l-447 700h115l395 -626l401 626h109l-453 -698z" />
-<glyph unicode="Y" horiz-adv-x="1081" d="M543 662l428 800h110l-487 -897v-565h-105v557l-489 905h117z" />
-<glyph unicode="Z" horiz-adv-x="1180" d="M1098 0h-1016v76l856 1290h-817v96h954v-76l-858 -1290h881v-96z" />
-<glyph unicode="[" horiz-adv-x="653" d="M602 -324h-428v1786h428v-94h-330v-1597h330v-95z" />
-<glyph unicode="\" horiz-adv-x="698" d="M127 1462l547 -1462h-103l-546 1462h102z" />
-<glyph unicode="]" horiz-adv-x="653" d="M51 -229h330v1597h-330v94h428v-1786h-428v95z" />
-<glyph unicode="^" d="M88 561l465 912h68l460 -912h-100l-395 791l-398 -791h-100z" />
-<glyph unicode="_" horiz-adv-x="842" d="M846 -266h-850v82h850v-82z" />
-<glyph unicode="`" horiz-adv-x="1182" d="M776 1241h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="a" horiz-adv-x="1085" d="M842 0l-25 172h-8q-82 -105 -168.5 -148.5t-204.5 -43.5q-160 0 -249 82t-89 227q0 159 132.5 247t383.5 93l207 6v72q0 155 -63 234t-203 79q-151 0 -313 -84l-37 86q179 84 354 84q179 0 267.5 -93t88.5 -290v-723h-73zM442 70q174 0 274.5 99.5t100.5 276.5v107 l-190 -8q-229 -11 -326.5 -71.5t-97.5 -188.5q0 -102 62.5 -158.5t176.5 -56.5z" />
-<glyph unicode="b" horiz-adv-x="1219" d="M641 1108q228 0 343.5 -143.5t115.5 -419.5q0 -271 -121.5 -418t-341.5 -147q-116 0 -209 48t-147 136h-9l-28 -164h-62v1556h99v-391q0 -88 -4 -162l-3 -85h7q62 98 149.5 144t210.5 46zM639 1018q-192 0 -275 -110t-83 -363v-17q0 -246 86.5 -353t269.5 -107 q178 0 268 124.5t90 354.5q0 471 -356 471z" />
-<glyph unicode="c" horiz-adv-x="973" d="M616 -20q-233 0 -365 147t-132 410q0 270 137 420.5t375 150.5q141 0 270 -49l-27 -88q-141 47 -245 47q-200 0 -303 -123.5t-103 -355.5q0 -220 103 -344.5t288 -124.5q148 0 275 53v-92q-104 -51 -273 -51z" />
-<glyph unicode="d" horiz-adv-x="1219" d="M580 1108q118 0 204 -43t154 -147h6q-6 126 -6 247v391h98v-1556h-65l-25 166h-8q-124 -186 -356 -186q-225 0 -344 140t-119 408q0 282 118 431t343 149zM580 1018q-178 0 -267.5 -125t-89.5 -363q0 -462 359 -462q184 0 270 107t86 353v17q0 252 -84.5 362.5 t-273.5 110.5z" />
-<glyph unicode="e" horiz-adv-x="1124" d="M621 -20q-237 0 -369.5 146t-132.5 409q0 260 128 416.5t345 156.5q192 0 303 -134t111 -364v-80h-783q2 -224 104.5 -342t293.5 -118q93 0 163.5 13t178.5 56v-90q-92 -40 -170 -54.5t-172 -14.5zM592 1020q-157 0 -252 -103.5t-111 -298.5h672q0 189 -82 295.5 t-227 106.5z" />
-<glyph unicode="f" horiz-adv-x="614" d="M586 1001h-256v-1001h-99v1001h-202v58l202 37v84q0 200 73.5 293.5t240.5 93.5q90 0 180 -27l-23 -86q-80 25 -159 25q-116 0 -164.5 -68.5t-48.5 -222.5v-101h256v-86z" />
-<glyph unicode="g" horiz-adv-x="1071" d="M1030 1087v-69l-225 -14q90 -112 90 -246q0 -157 -104.5 -254.5t-280.5 -97.5q-74 0 -104 6q-59 -31 -90 -73t-31 -89q0 -52 39.5 -76t132.5 -24h190q177 0 271 -71.5t94 -211.5q0 -172 -139.5 -265.5t-397.5 -93.5q-205 0 -317.5 79t-112.5 220q0 112 69.5 186 t188.5 101q-49 21 -78.5 59.5t-29.5 88.5q0 109 139 192q-95 39 -148 122.5t-53 191.5q0 163 103.5 261.5t279.5 98.5q107 0 166 -21h348zM150 -184q0 -224 333 -224q428 0 428 273q0 98 -67 142t-217 44h-178q-299 0 -299 -235zM233 748q0 -126 76.5 -195.5t204.5 -69.5 q136 0 208.5 69t72.5 200q0 139 -74.5 208.5t-208.5 69.5q-130 0 -204.5 -74.5t-74.5 -207.5z" />
-<glyph unicode="h" horiz-adv-x="1208" d="M940 0v705q0 164 -69 238.5t-214 74.5q-195 0 -285.5 -98.5t-90.5 -319.5v-600h-99v1556h99v-495l-5 -139h7q61 98 154 142t231 44q370 0 370 -397v-711h-98z" />
-<glyph unicode="i" horiz-adv-x="463" d="M281 0h-99v1087h99v-1087zM168 1389q0 96 63 96q31 0 48.5 -25t17.5 -71q0 -45 -17.5 -71t-48.5 -26q-63 0 -63 97z" />
-<glyph unicode="j" horiz-adv-x="463" d="M37 -492q-80 0 -135 25v86q69 -20 129 -20q151 0 151 176v1312h99v-1298q0 -135 -63.5 -208t-180.5 -73zM168 1389q0 96 63 96q31 0 48.5 -25t17.5 -71q0 -45 -17.5 -71t-48.5 -26q-63 0 -63 97z" />
-<glyph unicode="k" horiz-adv-x="991" d="M279 477l555 610h120l-428 -464l465 -623h-119l-413 549l-178 -162v-387h-99v1556h99v-780l-7 -299h5z" />
-<glyph unicode="l" horiz-adv-x="463" d="M281 0h-99v1556h99v-1556z" />
-<glyph unicode="m" horiz-adv-x="1808" d="M1540 0v713q0 159 -62 232t-190 73q-167 0 -247 -92t-80 -289v-637h-101v743q0 275 -252 275q-171 0 -249 -99.5t-78 -318.5v-600h-99v1087h82l21 -149h6q45 81 128 125.5t183 44.5q257 0 330 -193h4q53 93 142.5 143t203.5 50q178 0 267 -95t89 -302v-711h-98z" />
-<glyph unicode="n" horiz-adv-x="1208" d="M940 0v705q0 164 -69 238.5t-214 74.5q-195 0 -285.5 -98.5t-90.5 -319.5v-600h-99v1087h84l19 -149h6q106 170 377 170q370 0 370 -397v-711h-98z" />
-<glyph unicode="o" horiz-adv-x="1200" d="M1081 545q0 -266 -129 -415.5t-356 -149.5q-143 0 -252 69t-167 198t-58 298q0 266 129 414.5t354 148.5q224 0 351.5 -150.5t127.5 -412.5zM223 545q0 -224 98.5 -349.5t278.5 -125.5t278.5 125.5t98.5 349.5q0 225 -99.5 349t-279.5 124t-277.5 -123.5t-97.5 -349.5z " />
-<glyph unicode="p" horiz-adv-x="1219" d="M647 -20q-251 0 -366 188h-7l3 -84q4 -74 4 -162v-414h-99v1579h84l19 -155h6q112 176 358 176q220 0 335.5 -144.5t115.5 -420.5q0 -268 -121.5 -415.5t-331.5 -147.5zM645 68q167 0 258.5 124t91.5 347q0 479 -346 479q-190 0 -279 -104.5t-89 -340.5v-32 q0 -255 85.5 -364t278.5 -109z" />
-<glyph unicode="q" horiz-adv-x="1219" d="M569 -20q-214 0 -332 142t-118 410q0 275 118 425.5t338 150.5q236 0 353 -174h6l18 153h84v-1579h-98v414q0 122 6 248h-6q-118 -190 -369 -190zM571 68q198 0 282.5 109t84.5 366v12q0 245 -85 354t-271 109q-176 0 -267.5 -124t-91.5 -364q0 -229 89.5 -345.5 t258.5 -116.5z" />
-<glyph unicode="r" horiz-adv-x="797" d="M610 1108q69 0 148 -14l-19 -95q-68 17 -141 17q-139 0 -228 -118t-89 -298v-600h-99v1087h84l10 -196h7q67 120 143 168.5t184 48.5z" />
-<glyph unicode="s" horiz-adv-x="954" d="M856 283q0 -146 -111 -224.5t-315 -78.5q-218 0 -346 67v107q164 -82 346 -82q161 0 244.5 53.5t83.5 142.5q0 82 -66.5 138t-218.5 110q-163 59 -229 101.5t-99.5 96t-33.5 130.5q0 122 102.5 193t286.5 71q176 0 334 -66l-37 -90q-160 66 -297 66q-133 0 -211 -44 t-78 -122q0 -85 60.5 -136t236.5 -114q147 -53 214 -95.5t100.5 -96.5t33.5 -127z" />
-<glyph unicode="t" horiz-adv-x="686" d="M469 68q94 0 164 16v-80q-72 -24 -166 -24q-144 0 -212.5 77t-68.5 242v702h-161v58l161 45l50 246h51v-263h319v-86h-319v-688q0 -125 44 -185t138 -60z" />
-<glyph unicode="u" horiz-adv-x="1208" d="M268 1087v-704q0 -164 69 -238.5t214 -74.5q194 0 285.5 98t91.5 319v600h98v-1087h-84l-18 150h-6q-106 -170 -377 -170q-371 0 -371 397v710h98z" />
-<glyph unicode="v" horiz-adv-x="940" d="M420 0l-420 1087h102l281 -739q56 -142 84 -248h6q41 136 84 250l281 737h102l-420 -1087h-100z" />
-<glyph unicode="w" horiz-adv-x="1481" d="M1051 0l-238 727q-23 74 -59 217h-6l-21 -74l-45 -145l-242 -725h-98l-311 1087h106l174 -630q61 -234 80 -344h6q59 234 86 311l224 663h90l213 -661q72 -235 88 -311h6q8 65 80 348l166 624h100l-295 -1087h-104z" />
-<glyph unicode="x" horiz-adv-x="1020" d="M449 559l-379 528h114l324 -458l321 458h109l-373 -528l400 -559h-115l-342 485l-344 -485h-109z" />
-<glyph unicode="y" horiz-adv-x="940" d="M0 1087h102l230 -610q105 -281 133 -379h6q42 129 137 385l230 604h102l-487 -1263q-59 -154 -99 -208t-93.5 -81t-129.5 -27q-57 0 -127 21v86q58 -16 125 -16q51 0 90 24t70.5 74.5t73 160t53.5 142.5z" />
-<glyph unicode="z" horiz-adv-x="944" d="M858 0h-776v63l645 936h-598v88h727v-63l-649 -936h651v-88z" />
-<glyph unicode="{" horiz-adv-x="723" d="M389 -27q0 -102 59.5 -152.5t202.5 -53.5v-91q-195 0 -277.5 75t-82.5 231v337q0 205 -230 209v80q122 2 176 51t54 148v350q0 299 360 305v-90q-138 -5 -200 -58t-62 -157v-305q0 -130 -44 -194t-142 -85v-8q97 -20 141.5 -83.5t44.5 -186.5v-322z" />
-<glyph unicode="|" horiz-adv-x="1108" d="M508 1561h92v-2067h-92v2067z" />
-<glyph unicode="}" horiz-adv-x="723" d="M334 295q0 123 44.5 186.5t141.5 83.5v8q-97 20 -141.5 84t-44.5 195v305q0 103 -61.5 156.5t-200.5 58.5v90q174 0 267 -77.5t93 -227.5v-350q0 -100 54.5 -148.5t175.5 -50.5v-80q-230 -4 -230 -209v-337q0 -155 -82.5 -230.5t-277.5 -75.5v91q141 2 201.5 52.5 t60.5 153.5v322z" />
-<glyph unicode="~" d="M334 745q-49 0 -108 -30.5t-115 -89.5v94q108 110 233 110q61 0 115 -13.5t155 -57.5q126 -58 220 -58q56 0 109.5 30.5t115.5 94.5v-96q-48 -49 -104.5 -81t-129.5 -32q-116 0 -270 72q-124 57 -221 57z" />
-<glyph unicode="&#xa1;" horiz-adv-x="492" d="M215 711h61l29 -1086h-119zM166 1010q0 98 80 98q82 0 82 -98q0 -53 -23.5 -76t-58.5 -23q-34 0 -57 23t-23 76z" />
-<glyph unicode="&#xa2;" d="M602 190q-186 30 -288.5 175t-102.5 380q0 232 102.5 381.5t288.5 182.5v174h82v-166h14q131 0 275 -55l-31 -84q-134 51 -237 51q-187 0 -288.5 -122.5t-101.5 -358.5q0 -225 100.5 -349.5t280.5 -124.5q131 0 267 58v-92q-110 -56 -267 -56h-12v-204h-82v210z" />
-<glyph unicode="&#xa3;" d="M412 676v-256q0 -116 -35 -196t-113 -128h809v-96h-995v84q110 21 171.5 110t61.5 224v258h-211v82h211v297q0 204 98 315t281 111q175 0 330 -68l-35 -86q-157 66 -295 66q-141 0 -209.5 -81t-68.5 -253v-301h411v-82h-411z" />
-<glyph unicode="&#xa4;" d="M991 723q0 -151 -90 -256l139 -141l-59 -60l-137 142q-110 -93 -260 -93q-153 0 -260 93l-138 -142l-59 60l139 141q-90 106 -90 256q0 147 90 258l-139 141l59 60l138 -142q103 93 260 93q155 0 260 -93l137 142l59 -60l-139 -141q90 -111 90 -258zM584 395 q134 0 228.5 95.5t94.5 232.5q0 136 -95 233t-228 97q-134 0 -229 -97t-95 -233t94.5 -232t229.5 -96z" />
-<glyph unicode="&#xa5;" d="M586 666l428 796h110l-432 -788h283v-82h-338v-205h338v-82h-338v-305h-105v305h-337v82h337v205h-337v82h278l-430 788h117z" />
-<glyph unicode="&#xa6;" horiz-adv-x="1108" d="M508 1561h92v-764h-92v764zM508 258h92v-764h-92v764z" />
-<glyph unicode="&#xa7;" horiz-adv-x="1057" d="M145 813q0 83 50.5 152.5t138.5 107.5q-86 47 -125 102t-39 136q0 117 101.5 183.5t275.5 66.5q175 0 336 -64l-35 -80q-91 34 -158.5 47t-144.5 13q-134 0 -205.5 -44.5t-71.5 -119.5q0 -54 25.5 -88.5t85.5 -65.5t188 -74q192 -64 264 -132.5t72 -170.5 q0 -173 -186 -274q86 -42 129 -96t43 -136q0 -135 -113 -207.5t-311 -72.5q-92 0 -171 15t-165 52v95q182 -78 332 -78q162 0 247 49.5t85 140.5q0 55 -25 87.5t-88.5 65.5t-190.5 79q-200 73 -272 141.5t-72 169.5zM246 825q0 -65 31.5 -104t105.5 -75t250 -99 q82 41 126 98t44 121q0 62 -32 102t-108.5 77t-236.5 87q-81 -23 -130.5 -79t-49.5 -128z" />
-<glyph unicode="&#xa8;" horiz-adv-x="1182" d="M336 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM717 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1704" d="M897 1092q-142 0 -222.5 -94.5t-80.5 -264.5q0 -186 74.5 -275t220.5 -89q84 0 198 43v-88q-102 -45 -208 -45q-187 0 -288.5 115t-101.5 331q0 208 111 332.5t297 124.5q119 0 227 -52l-37 -83q-98 45 -190 45zM100 731q0 200 100 375t275 276t377 101q200 0 375 -100 t276 -275t101 -377q0 -197 -97 -370t-272 -277t-383 -104q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM193 731q0 -178 88.5 -329.5t240.5 -240.5t330 -89t329.5 88.5t240.5 240.5t89 330q0 174 -85.5 325t-239 243t-334.5 92q-176 0 -328.5 -88.5t-241.5 -242.5t-89 -329z " />
-<glyph unicode="&#xaa;" horiz-adv-x="686" d="M512 813l-25 72q-84 -84 -202 -84q-95 0 -151 49t-56 139q0 100 80 151.5t241 59.5l95 4v43q0 77 -38 114.5t-106 37.5q-87 0 -196 -49l-33 73q117 56 231 56q228 0 228 -215v-451h-68zM168 993q0 -54 35 -85t96 -31q90 0 142.5 50t52.5 142v64l-88 -5 q-116 -6 -177 -36.5t-61 -98.5z" />
-<glyph unicode="&#xab;" horiz-adv-x="885" d="M82 543l309 393l62 -43l-254 -363l254 -362l-62 -43l-309 391v27zM442 543l310 393l61 -43l-254 -363l254 -362l-61 -43l-310 391v27z" />
-<glyph unicode="&#xac;" d="M1038 764v-494h-82v412h-845v82h927z" />
-<glyph unicode="&#xad;" horiz-adv-x="659" d="M92 512zM92 512v82h475v-82h-475z" />
-<glyph unicode="&#xae;" horiz-adv-x="1704" d="M709 731h112q91 0 143 46.5t52 135.5q0 172 -197 172h-110v-354zM1120 918q0 -79 -38.5 -139.5t-110.5 -94.5l237 -393h-121l-210 360h-168v-360h-101v880h211q143 0 222 -62t79 -191zM100 731q0 200 100 375t275 276t377 101q200 0 375 -100t276 -275t101 -377 q0 -197 -97 -370t-272 -277t-383 -104q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM193 731q0 -178 88.5 -329.5t240.5 -240.5t330 -89t329.5 88.5t240.5 240.5t89 330q0 174 -85.5 325t-239 243t-334.5 92q-176 0 -328.5 -88.5t-241.5 -242.5t-89 -329z" />
-<glyph unicode="&#xaf;" horiz-adv-x="1024" d="M1030 1556h-1036v82h1036v-82z" />
-<glyph unicode="&#xb0;" horiz-adv-x="877" d="M139 1184q0 132 86.5 215.5t212.5 83.5t212.5 -83.5t86.5 -215.5t-86.5 -215.5t-212.5 -83.5q-130 0 -214.5 83t-84.5 216zM229 1184q0 -91 61 -154t148 -63q86 0 147.5 62t61.5 155q0 92 -60 154.5t-149 62.5q-90 0 -149.5 -64t-59.5 -153z" />
-<glyph unicode="&#xb1;" d="M111 1zM111 1v82h948v-82h-948zM625 764h434v-82h-434v-432h-82v432h-432v82h432v434h82v-434z" />
-<glyph unicode="&#xb2;" horiz-adv-x="688" d="M629 586h-576v78l242 237q125 121 172 193t47 149q0 71 -46.5 112.5t-123.5 41.5q-108 0 -217 -82l-49 65q119 103 270 103q124 0 194 -63.5t70 -174.5q0 -47 -13 -89t-40 -85.5t-68.5 -90t-308.5 -306.5h447v-88z" />
-<glyph unicode="&#xb3;" horiz-adv-x="688" d="M616 1260q0 -78 -44 -131.5t-117 -75.5q186 -45 186 -211q0 -130 -88.5 -201.5t-247.5 -71.5q-144 0 -264 60v88q136 -62 266 -62q115 0 174.5 49t59.5 136q0 83 -59.5 122t-178.5 39h-131v84h135q105 0 158 43.5t53 120.5q0 67 -47 107.5t-127 40.5q-128 0 -246 -78 l-47 70q130 94 293 94q127 0 199.5 -60t72.5 -163z" />
-<glyph unicode="&#xb4;" horiz-adv-x="1182" d="M393 1257q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1221" d="M281 1087v-704q0 -164 69 -238.5t213 -74.5q194 0 285.5 98t91.5 319v600h98v-1087h-84l-18 150h-6q-50 -77 -150 -123.5t-217 -46.5q-99 0 -167.5 27.5t-119.5 84.5q5 -92 5 -170v-414h-99v1579h99z" />
-<glyph unicode="&#xb6;" horiz-adv-x="1341" d="M1106 -260h-100v1722h-228v-1722h-100v819q-64 -18 -146 -18q-216 0 -317.5 125t-101.5 376q0 260 109 387t341 127h543v-1816z" />
-<glyph unicode="&#xb7;" horiz-adv-x="487" d="M162 623zM162 721q0 98 80 98q82 0 82 -98t-82 -98q-80 0 -80 98z" />
-<glyph unicode="&#xb8;" horiz-adv-x="420" d="M393 -291q0 -100 -67.5 -150.5t-188.5 -50.5q-68 0 -94 11v88q30 -10 92 -10q78 0 119 28t41 80q0 94 -193 121l93 174h96l-66 -117q168 -37 168 -174z" />
-<glyph unicode="&#xb9;" horiz-adv-x="688" d="M350 1462h92v-876h-98v547q0 99 12 233q-26 -23 -233 -145l-47 77z" />
-<glyph unicode="&#xba;" horiz-adv-x="739" d="M670 1141q0 -161 -80 -250.5t-223 -89.5t-220 86t-77 254q0 162 78 250t223 88q142 0 220.5 -87t78.5 -251zM160 1141q0 -264 209 -264t209 264q0 131 -50 194.5t-159 63.5t-159 -63.5t-50 -194.5z" />
-<glyph unicode="&#xbb;" horiz-adv-x="885" d="M803 518l-309 -393l-62 43l254 362l-254 363l62 43l309 -391v-27zM442 518l-309 -393l-61 43l254 362l-254 363l61 43l309 -391v-27z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1516" d="M59 0zM333 1462h92v-876h-98v547q0 99 12 233q-26 -23 -233 -145l-47 77zM1148 1462l-811 -1462h-94l811 1462h94zM1392 242h-129v-241h-90v241h-413v60l407 581h96v-563h129v-78zM1173 320v221q0 132 8 232q-6 -12 -21.5 -35.5t-295.5 -417.5h309z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1516" d="M11 0zM285 1462h92v-876h-98v547q0 99 12 233q-26 -23 -233 -145l-47 77zM1073 1462l-811 -1462h-94l811 1462h94zM1403 1h-576v78l242 237q125 121 172 193t47 149q0 71 -46.5 112.5t-123.5 41.5q-108 0 -217 -82l-49 65q119 103 270 103q124 0 194 -63.5t70 -174.5 q0 -47 -13 -89t-40 -85.5t-68.5 -90t-308.5 -306.5h447v-88z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1516" d="M41 0zM616 1260q0 -78 -44 -131.5t-117 -75.5q186 -45 186 -211q0 -130 -88.5 -201.5t-247.5 -71.5q-144 0 -264 60v88q136 -62 266 -62q115 0 174.5 49t59.5 136q0 83 -59.5 122t-178.5 39h-131v84h135q105 0 158 43.5t53 120.5q0 67 -47 107.5t-127 40.5 q-128 0 -246 -78l-47 70q130 94 293 94q127 0 199.5 -60t72.5 -163zM1300 1462l-811 -1462h-94l811 1462h94zM1495 242h-129v-241h-90v241h-413v60l407 581h96v-563h129v-78zM1276 320v221q0 132 8 232q-6 -12 -21.5 -35.5t-295.5 -417.5h309z" />
-<glyph unicode="&#xbf;" horiz-adv-x="862" d="M569 711v-37q0 -125 -39.5 -204.5t-136.5 -164.5l-90 -79q-73 -61 -104 -120.5t-31 -138.5q0 -124 82 -200t221 -76q125 0 233 46l64 27l37 -79q-111 -48 -185.5 -64t-152.5 -16q-184 0 -288.5 99t-104.5 269q0 70 20 124t58.5 102t171.5 159q64 53 98.5 98.5t49.5 94 t15 145.5v15h82zM440 1010q0 98 80 98q82 0 82 -98q0 -53 -23.5 -76t-58.5 -23q-34 0 -57 23t-23 76z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1229" d="M0 0zM911 516h-594l-204 -516h-113l588 1468h65l576 -1468h-115zM354 608h523l-199 527q-25 62 -60 172q-27 -96 -59 -174zM720 1579h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1229" d="M0 0zM911 516h-594l-204 -516h-113l588 1468h65l576 -1468h-115zM354 608h523l-199 527q-25 62 -60 172q-27 -96 -59 -174zM504 1595q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1229" d="M0 0zM911 516h-594l-204 -516h-113l588 1468h65l576 -1468h-115zM354 608h523l-199 527q-25 62 -60 172q-27 -96 -59 -174zM328 1595q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1229" d="M0 0zM911 516h-594l-204 -516h-113l588 1468h65l576 -1468h-115zM354 608h523l-199 527q-25 62 -60 172q-27 -96 -59 -174zM784 1581q-36 0 -75 18.5t-101 71.5q-32 26 -62.5 46t-62.5 20q-45 0 -75 -34.5t-48 -121.5h-73q10 111 63 174.5t137 63.5q48 0 88 -25t82 -59 q34 -28 66 -50t61 -22q46 0 77 36.5t48 119.5h76q-16 -116 -69 -177t-132 -61z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1229" d="M0 0zM911 516h-594l-204 -516h-113l588 1468h65l576 -1468h-115zM354 608h523l-199 527q-25 62 -60 172q-27 -96 -59 -174zM367 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM748 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1229" d="M0 0zM911 516h-594l-204 -516h-113l588 1468h65l576 -1468h-115zM354 608h523l-199 527q-25 62 -60 172q-27 -96 -59 -174zM836 1610q0 -97 -60 -155t-157 -58t-157 58t-60 155q0 94 60 152.5t157 58.5t157 -59t60 -152zM482 1610q0 -66 37.5 -103.5t99.5 -37.5 t99.5 37.5t37.5 103.5q0 64 -39 101.5t-98 37.5q-62 0 -99.5 -38t-37.5 -101z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1653" d="M1528 0h-717v516h-475l-227 -516h-111l653 1462h877v-94h-615v-553h576v-94h-576v-627h615v-94zM377 608h434v760h-100z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1272" d="M129 0zM831 1391q-275 0 -433 -176t-158 -482q0 -313 149 -486t426 -173q184 0 338 47v-90q-145 -51 -362 -51q-308 0 -485 199t-177 556q0 223 84.5 393t243 262.5t368.5 92.5q214 0 383 -80l-41 -92q-160 80 -336 80zM911 -291q0 -100 -67.5 -150.5t-188.5 -50.5 q-68 0 -94 11v88q30 -10 92 -10q78 0 119 28t41 80q0 94 -193 121l93 174h96l-66 -117q168 -37 168 -174z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1130" d="M207 0zM1006 0h-799v1462h799v-94h-697v-553h658v-94h-658v-627h697v-94zM697 1579h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1130" d="M207 0zM1006 0h-799v1462h799v-94h-697v-553h658v-94h-658v-627h697v-94zM463 1595q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xca;" horiz-adv-x="1130" d="M207 0zM1006 0h-799v1462h799v-94h-697v-553h658v-94h-658v-627h697v-94zM315 1595q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1130" d="M207 0zM1006 0h-799v1462h799v-94h-697v-553h658v-94h-658v-627h697v-94zM354 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM735 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xcc;" horiz-adv-x="516" d="M0 0zM207 0v1462h102v-1462h-102zM320 1579h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xcd;" horiz-adv-x="516" d="M191 0zM207 0v1462h102v-1462h-102zM191 1595q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xce;" horiz-adv-x="516" d="M0 0zM207 0v1462h102v-1462h-102zM-32 1595q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xcf;" horiz-adv-x="516" d="M5 0zM207 0v1462h102v-1462h-102zM5 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM386 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1466" d="M1317 745q0 -368 -193 -556.5t-567 -188.5h-350v678h-160v94h160v690h395q350 0 532.5 -183t182.5 -534zM1206 741q0 314 -159.5 472.5t-468.5 158.5h-269v-600h406v-94h-406v-588h242q655 0 655 651z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1477" d="M207 0zM1270 0h-103l-866 1298h-8q12 -232 12 -350v-948h-98v1462h102l865 -1296h6q-9 180 -9 342v954h99v-1462zM897 1581q-36 0 -75 18.5t-101 71.5q-32 26 -62.5 46t-62.5 20q-45 0 -75 -34.5t-48 -121.5h-73q10 111 63 174.5t137 63.5q48 0 88 -25t82 -59 q34 -28 66 -50t61 -22q46 0 77 36.5t48 119.5h76q-16 -116 -69 -177t-132 -61z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1565" d="M129 0zM1436 733q0 -348 -174 -550.5t-480 -202.5q-305 0 -479 202.5t-174 552.5q0 349 175.5 549.5t479.5 200.5q306 0 479 -201.5t173 -550.5zM240 733q0 -314 140 -485.5t402 -171.5q264 0 403.5 170t139.5 487q0 316 -139.5 484.5t-401.5 168.5q-261 0 -402.5 -170 t-141.5 -483zM885 1579h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1565" d="M129 0zM1436 733q0 -348 -174 -550.5t-480 -202.5q-305 0 -479 202.5t-174 552.5q0 349 175.5 549.5t479.5 200.5q306 0 479 -201.5t173 -550.5zM240 733q0 -314 140 -485.5t402 -171.5q264 0 403.5 170t139.5 487q0 316 -139.5 484.5t-401.5 168.5q-261 0 -402.5 -170 t-141.5 -483zM686 1595q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1565" d="M129 0zM1436 733q0 -348 -174 -550.5t-480 -202.5q-305 0 -479 202.5t-174 552.5q0 349 175.5 549.5t479.5 200.5q306 0 479 -201.5t173 -550.5zM240 733q0 -314 140 -485.5t402 -171.5q264 0 403.5 170t139.5 487q0 316 -139.5 484.5t-401.5 168.5q-261 0 -402.5 -170 t-141.5 -483zM492 1595q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1565" d="M129 0zM1436 733q0 -348 -174 -550.5t-480 -202.5q-305 0 -479 202.5t-174 552.5q0 349 175.5 549.5t479.5 200.5q306 0 479 -201.5t173 -550.5zM240 733q0 -314 140 -485.5t402 -171.5q264 0 403.5 170t139.5 487q0 316 -139.5 484.5t-401.5 168.5q-261 0 -402.5 -170 t-141.5 -483zM940 1581q-36 0 -75 18.5t-101 71.5q-32 26 -62.5 46t-62.5 20q-45 0 -75 -34.5t-48 -121.5h-73q10 111 63 174.5t137 63.5q48 0 88 -25t82 -59q34 -28 66 -50t61 -22q46 0 77 36.5t48 119.5h76q-16 -116 -69 -177t-132 -61z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1565" d="M129 0zM1436 733q0 -348 -174 -550.5t-480 -202.5q-305 0 -479 202.5t-174 552.5q0 349 175.5 549.5t479.5 200.5q306 0 479 -201.5t173 -550.5zM240 733q0 -314 140 -485.5t402 -171.5q264 0 403.5 170t139.5 487q0 316 -139.5 484.5t-401.5 168.5q-261 0 -402.5 -170 t-141.5 -483zM529 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM910 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xd7;" d="M584 780l409 408l58 -58l-408 -407l406 -408l-58 -57l-407 408l-406 -408l-57 57l405 408l-407 407l57 58z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1565" d="M1436 733q0 -348 -174 -550.5t-480 -202.5q-236 0 -395 120l-86 -120l-74 59l90 127q-188 200 -188 569q0 349 175.5 549.5t479.5 200.5q232 0 392 -121l108 152l72 -60l-111 -153q191 -207 191 -570zM1325 733q0 315 -139 486l-742 -1037q133 -106 338 -106 q264 0 403.5 170t139.5 487zM240 733q0 -312 139 -483l739 1034q-133 102 -334 102q-261 0 -402.5 -170t-141.5 -483z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1473" d="M190 0zM1282 1462v-946q0 -252 -146 -394t-407 -142q-254 0 -396.5 142.5t-142.5 397.5v942h103v-946q0 -211 117 -328.5t331 -117.5q209 0 324 115.5t115 320.5v956h102zM833 1579h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xda;" horiz-adv-x="1473" d="M190 0zM1282 1462v-946q0 -252 -146 -394t-407 -142q-254 0 -396.5 142.5t-142.5 397.5v942h103v-946q0 -211 117 -328.5t331 -117.5q209 0 324 115.5t115 320.5v956h102zM633 1595q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1473" d="M190 0zM1282 1462v-946q0 -252 -146 -394t-407 -142q-254 0 -396.5 142.5t-142.5 397.5v942h103v-946q0 -211 117 -328.5t331 -117.5q209 0 324 115.5t115 320.5v956h102zM444 1595q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207 q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1473" d="M190 0zM1282 1462v-946q0 -252 -146 -394t-407 -142q-254 0 -396.5 142.5t-142.5 397.5v942h103v-946q0 -211 117 -328.5t331 -117.5q209 0 324 115.5t115 320.5v956h102zM481 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM862 1727q0 46 15.5 66 t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1081" d="M0 0zM543 662l428 800h110l-487 -897v-565h-105v557l-489 905h117zM434 1595q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xde;" horiz-adv-x="1198" d="M1087 778q0 -212 -144 -325t-408 -113h-226v-340h-102v1462h102v-264h256q522 0 522 -420zM309 428h201q247 0 357 81.5t110 264.5q0 169 -104 250.5t-322 81.5h-242v-678z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1194" d="M961 1284q0 -139 -139 -250q-81 -64 -110.5 -100.5t-29.5 -75.5q0 -44 14.5 -68t51.5 -57t102 -78q106 -75 151.5 -124.5t68 -103t22.5 -120.5q0 -156 -88 -241.5t-246 -85.5q-95 0 -174.5 18.5t-126.5 48.5v107q65 -38 148.5 -62t152.5 -24q114 0 174.5 54.5t60.5 160.5 q0 83 -39 144t-149 136q-127 87 -175 147t-48 146q0 60 32.5 110t106.5 108q74 57 106.5 105.5t32.5 106.5q0 93 -70 143t-202 50q-145 0 -226 -69t-81 -196v-1214h-99v1206q0 173 103.5 267t292.5 94q188 0 285.5 -72.5t97.5 -210.5z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1085" d="M98 0zM842 0l-25 172h-8q-82 -105 -168.5 -148.5t-204.5 -43.5q-160 0 -249 82t-89 227q0 159 132.5 247t383.5 93l207 6v72q0 155 -63 234t-203 79q-151 0 -313 -84l-37 86q179 84 354 84q179 0 267.5 -93t88.5 -290v-723h-73zM442 70q174 0 274.5 99.5t100.5 276.5v107 l-190 -8q-229 -11 -326.5 -71.5t-97.5 -188.5q0 -102 62.5 -158.5t176.5 -56.5zM638 1241h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1085" d="M98 0zM842 0l-25 172h-8q-82 -105 -168.5 -148.5t-204.5 -43.5q-160 0 -249 82t-89 227q0 159 132.5 247t383.5 93l207 6v72q0 155 -63 234t-203 79q-151 0 -313 -84l-37 86q179 84 354 84q179 0 267.5 -93t88.5 -290v-723h-73zM442 70q174 0 274.5 99.5t100.5 276.5v107 l-190 -8q-229 -11 -326.5 -71.5t-97.5 -188.5q0 -102 62.5 -158.5t176.5 -56.5zM422 1257q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1085" d="M98 0zM842 0l-25 172h-8q-82 -105 -168.5 -148.5t-204.5 -43.5q-160 0 -249 82t-89 227q0 159 132.5 247t383.5 93l207 6v72q0 155 -63 234t-203 79q-151 0 -313 -84l-37 86q179 84 354 84q179 0 267.5 -93t88.5 -290v-723h-73zM442 70q174 0 274.5 99.5t100.5 276.5v107 l-190 -8q-229 -11 -326.5 -71.5t-97.5 -188.5q0 -102 62.5 -158.5t176.5 -56.5zM251 1257q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1085" d="M98 0zM842 0l-25 172h-8q-82 -105 -168.5 -148.5t-204.5 -43.5q-160 0 -249 82t-89 227q0 159 132.5 247t383.5 93l207 6v72q0 155 -63 234t-203 79q-151 0 -313 -84l-37 86q179 84 354 84q179 0 267.5 -93t88.5 -290v-723h-73zM442 70q174 0 274.5 99.5t100.5 276.5v107 l-190 -8q-229 -11 -326.5 -71.5t-97.5 -188.5q0 -102 62.5 -158.5t176.5 -56.5zM697 1243q-36 0 -75 18.5t-101 71.5q-32 26 -62.5 46t-62.5 20q-45 0 -75 -34.5t-48 -121.5h-73q10 111 63 174.5t137 63.5q48 0 88 -25t82 -59q34 -28 66 -50t61 -22q46 0 77 36.5t48 119.5 h76q-16 -116 -69 -177t-132 -61z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1085" d="M98 0zM842 0l-25 172h-8q-82 -105 -168.5 -148.5t-204.5 -43.5q-160 0 -249 82t-89 227q0 159 132.5 247t383.5 93l207 6v72q0 155 -63 234t-203 79q-151 0 -313 -84l-37 86q179 84 354 84q179 0 267.5 -93t88.5 -290v-723h-73zM442 70q174 0 274.5 99.5t100.5 276.5v107 l-190 -8q-229 -11 -326.5 -71.5t-97.5 -188.5q0 -102 62.5 -158.5t176.5 -56.5zM282 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM663 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1085" d="M98 0zM842 0l-25 172h-8q-82 -105 -168.5 -148.5t-204.5 -43.5q-160 0 -249 82t-89 227q0 159 132.5 247t383.5 93l207 6v72q0 155 -63 234t-203 79q-151 0 -313 -84l-37 86q179 84 354 84q179 0 267.5 -93t88.5 -290v-723h-73zM442 70q174 0 274.5 99.5t100.5 276.5v107 l-190 -8q-229 -11 -326.5 -71.5t-97.5 -188.5q0 -102 62.5 -158.5t176.5 -56.5zM759 1456q0 -97 -60 -155t-157 -58t-157 58t-60 155q0 94 60 152.5t157 58.5t157 -59t60 -152zM405 1456q0 -66 37.5 -103.5t99.5 -37.5t99.5 37.5t37.5 103.5q0 64 -39 101.5t-98 37.5 q-62 0 -99.5 -38t-37.5 -101z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1731" d="M1243 -20q-295 0 -397 256q-68 -133 -168 -194.5t-252 -61.5q-156 0 -242 82.5t-86 226.5q0 154 125 243t377 97l201 6v72q0 155 -61.5 234t-198.5 79q-148 0 -305 -84l-37 86q173 84 346 84q261 0 325 -211q111 213 347 213q184 0 289.5 -134.5t105.5 -363.5v-80h-715 q0 -460 348 -460q85 0 150 12t174 57v-90q-92 -41 -165 -55t-161 -14zM434 70q169 0 266 99.5t97 276.5v107l-187 -8q-219 -11 -313 -71.5t-94 -188.5q0 -102 61 -158.5t170 -56.5zM1217 1020q-284 0 -314 -402h604q0 188 -77.5 295t-212.5 107z" />
-<glyph unicode="&#xe7;" horiz-adv-x="973" d="M119 0zM616 -20q-233 0 -365 147t-132 410q0 270 137 420.5t375 150.5q141 0 270 -49l-27 -88q-141 47 -245 47q-200 0 -303 -123.5t-103 -355.5q0 -220 103 -344.5t288 -124.5q148 0 275 53v-92q-104 -51 -273 -51zM723 -291q0 -100 -67.5 -150.5t-188.5 -50.5 q-68 0 -94 11v88q30 -10 92 -10q78 0 119 28t41 80q0 94 -193 121l93 174h96l-66 -117q168 -37 168 -174z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1124" d="M119 0zM621 -20q-237 0 -369.5 146t-132.5 409q0 260 128 416.5t345 156.5q192 0 303 -134t111 -364v-80h-783q2 -224 104.5 -342t293.5 -118q93 0 163.5 13t178.5 56v-90q-92 -40 -170 -54.5t-172 -14.5zM592 1020q-157 0 -252 -103.5t-111 -298.5h672q0 189 -82 295.5 t-227 106.5zM685 1241h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1124" d="M119 0zM621 -20q-237 0 -369.5 146t-132.5 409q0 260 128 416.5t345 156.5q192 0 303 -134t111 -364v-80h-783q2 -224 104.5 -342t293.5 -118q93 0 163.5 13t178.5 56v-90q-92 -40 -170 -54.5t-172 -14.5zM592 1020q-157 0 -252 -103.5t-111 -298.5h672q0 189 -82 295.5 t-227 106.5zM452 1257q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xea;" horiz-adv-x="1124" d="M119 0zM621 -20q-237 0 -369.5 146t-132.5 409q0 260 128 416.5t345 156.5q192 0 303 -134t111 -364v-80h-783q2 -224 104.5 -342t293.5 -118q93 0 163.5 13t178.5 56v-90q-92 -40 -170 -54.5t-172 -14.5zM592 1020q-157 0 -252 -103.5t-111 -298.5h672q0 189 -82 295.5 t-227 106.5zM290 1257q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1124" d="M119 0zM621 -20q-237 0 -369.5 146t-132.5 409q0 260 128 416.5t345 156.5q192 0 303 -134t111 -364v-80h-783q2 -224 104.5 -342t293.5 -118q93 0 163.5 13t178.5 56v-90q-92 -40 -170 -54.5t-172 -14.5zM592 1020q-157 0 -252 -103.5t-111 -298.5h672q0 189 -82 295.5 t-227 106.5zM331 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM712 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xec;" horiz-adv-x="463" d="M0 0zM281 0h-99v1087h99v-1087zM349 1241h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xed;" horiz-adv-x="463" d="M107 0zM281 0h-99v1087h99v-1087zM107 1257q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xee;" horiz-adv-x="463" d="M0 0zM281 0h-99v1087h99v-1087zM-58 1257q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xef;" horiz-adv-x="463" d="M0 0zM281 0h-99v1087h99v-1087zM-21 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM360 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1174" d="M1055 559q0 -276 -124 -427.5t-349 -151.5q-214 0 -339.5 130t-125.5 361q0 228 126.5 357.5t342.5 129.5q108 0 187.5 -33t148.5 -96l4 2q-64 270 -269 459l-270 -157l-49 77l244 146q-86 62 -199 119l45 81q147 -69 248 -145l225 137l49 -84l-202 -121 q154 -151 230.5 -353t76.5 -431zM950 557q0 146 -97 228.5t-267 82.5q-185 0 -275 -100.5t-90 -304.5q0 -186 94.5 -289.5t268.5 -103.5q179 0 272.5 123t93.5 364z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1208" d="M182 0zM940 0v705q0 164 -69 238.5t-214 74.5q-195 0 -285.5 -98.5t-90.5 -319.5v-600h-99v1087h84l19 -149h6q106 170 377 170q370 0 370 -397v-711h-98zM779 1243q-36 0 -75 18.5t-101 71.5q-32 26 -62.5 46t-62.5 20q-45 0 -75 -34.5t-48 -121.5h-73q10 111 63 174.5 t137 63.5q48 0 88 -25t82 -59q34 -28 66 -50t61 -22q46 0 77 36.5t48 119.5h76q-16 -116 -69 -177t-132 -61z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1200" d="M119 0zM1081 545q0 -266 -129 -415.5t-356 -149.5q-143 0 -252 69t-167 198t-58 298q0 266 129 414.5t354 148.5q224 0 351.5 -150.5t127.5 -412.5zM223 545q0 -224 98.5 -349.5t278.5 -125.5t278.5 125.5t98.5 349.5q0 225 -99.5 349t-279.5 124t-277.5 -123.5 t-97.5 -349.5zM718 1241h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1200" d="M119 0zM1081 545q0 -266 -129 -415.5t-356 -149.5q-143 0 -252 69t-167 198t-58 298q0 266 129 414.5t354 148.5q224 0 351.5 -150.5t127.5 -412.5zM223 545q0 -224 98.5 -349.5t278.5 -125.5t278.5 125.5t98.5 349.5q0 225 -99.5 349t-279.5 124t-277.5 -123.5 t-97.5 -349.5zM499 1257q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1200" d="M119 0zM1081 545q0 -266 -129 -415.5t-356 -149.5q-143 0 -252 69t-167 198t-58 298q0 266 129 414.5t354 148.5q224 0 351.5 -150.5t127.5 -412.5zM223 545q0 -224 98.5 -349.5t278.5 -125.5t278.5 125.5t98.5 349.5q0 225 -99.5 349t-279.5 124t-277.5 -123.5 t-97.5 -349.5zM309 1257q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1200" d="M119 0zM1081 545q0 -266 -129 -415.5t-356 -149.5q-143 0 -252 69t-167 198t-58 298q0 266 129 414.5t354 148.5q224 0 351.5 -150.5t127.5 -412.5zM223 545q0 -224 98.5 -349.5t278.5 -125.5t278.5 125.5t98.5 349.5q0 225 -99.5 349t-279.5 124t-277.5 -123.5 t-97.5 -349.5zM761 1243q-36 0 -75 18.5t-101 71.5q-32 26 -62.5 46t-62.5 20q-45 0 -75 -34.5t-48 -121.5h-73q10 111 63 174.5t137 63.5q48 0 88 -25t82 -59q34 -28 66 -50t61 -22q46 0 77 36.5t48 119.5h76q-16 -116 -69 -177t-132 -61z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1200" d="M119 0zM1081 545q0 -266 -129 -415.5t-356 -149.5q-143 0 -252 69t-167 198t-58 298q0 266 129 414.5t354 148.5q224 0 351.5 -150.5t127.5 -412.5zM223 545q0 -224 98.5 -349.5t278.5 -125.5t278.5 125.5t98.5 349.5q0 225 -99.5 349t-279.5 124t-277.5 -123.5 t-97.5 -349.5zM346 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM727 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xf7;" d="M111 682v82h948v-82h-948zM504 1075q0 99 80 99q82 0 82 -99q0 -52 -23.5 -75t-58.5 -23q-34 0 -57 23t-23 75zM504 371q0 98 80 98q82 0 82 -98q0 -53 -23.5 -76t-58.5 -23q-34 0 -57 23t-23 76z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1200" d="M1081 545q0 -266 -129 -415.5t-356 -149.5q-173 0 -291 98l-86 -113l-72 58l93 120q-121 153 -121 402q0 266 129 414.5t354 148.5q179 0 301 -104l96 124l74 -55l-104 -137q112 -147 112 -391zM223 545q0 -200 78 -322l543 705q-98 90 -246 90q-180 0 -277.5 -123.5 t-97.5 -349.5zM977 545q0 190 -72 309l-543 -702q94 -82 238 -82q180 0 278.5 125.5t98.5 349.5z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1208" d="M170 0zM268 1087v-704q0 -164 69 -238.5t214 -74.5q194 0 285.5 98t91.5 319v600h98v-1087h-84l-18 150h-6q-106 -170 -377 -170q-371 0 -371 397v710h98zM687 1241h-69q-96 79 -188.5 171.5t-125.5 139.5v17h142q26 -48 98.5 -142t142.5 -170v-16z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1208" d="M170 0zM268 1087v-704q0 -164 69 -238.5t214 -74.5q194 0 285.5 98t91.5 319v600h98v-1087h-84l-18 150h-6q-106 -170 -377 -170q-371 0 -371 397v710h98zM495 1257q73 79 144.5 171.5t97.5 140.5h141v-17q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1208" d="M170 0zM268 1087v-704q0 -164 69 -238.5t214 -74.5q194 0 285.5 98t91.5 319v600h98v-1087h-84l-18 150h-6q-106 -170 -377 -170q-371 0 -371 397v710h98zM313 1257q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70 v16z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1208" d="M170 0zM268 1087v-704q0 -164 69 -238.5t214 -74.5q194 0 285.5 98t91.5 319v600h98v-1087h-84l-18 150h-6q-106 -170 -377 -170q-371 0 -371 397v710h98zM350 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM731 1389q0 46 15.5 66t47.5 20q64 0 64 -86 t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#xfd;" horiz-adv-x="940" d="M0 0zM0 1087h102l230 -610q105 -281 133 -379h6q42 129 137 385l230 604h102l-487 -1263q-59 -154 -99 -208t-93.5 -81t-129.5 -27q-57 0 -127 21v86q58 -16 125 -16q51 0 90 24t70.5 74.5t73 160t53.5 142.5zM361 1257q73 79 144.5 171.5t97.5 140.5h141v-17 q-36 -52 -122.5 -138t-190.5 -173h-70v16z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1219" d="M281 918q114 190 368 190q220 0 335.5 -144.5t115.5 -420.5q0 -268 -121.5 -415.5t-331.5 -147.5q-251 0 -366 188h-7l3 -84q4 -74 4 -162v-414h-99v2048h99v-391l-7 -247h7zM645 68q167 0 258.5 124t91.5 347q0 479 -348 479q-193 0 -279.5 -105t-86.5 -354v-18 q0 -255 85.5 -364t278.5 -109z" />
-<glyph unicode="&#xff;" horiz-adv-x="940" d="M0 0zM0 1087h102l230 -610q105 -281 133 -379h6q42 129 137 385l230 604h102l-487 -1263q-59 -154 -99 -208t-93.5 -81t-129.5 -27q-57 0 -127 21v86q58 -16 125 -16q51 0 90 24t70.5 74.5t73 160t53.5 142.5zM214 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86 q-63 0 -63 86zM595 1389q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#x131;" horiz-adv-x="463" d="M281 0h-99v1087h99v-1087z" />
-<glyph unicode="&#x152;" horiz-adv-x="1839" d="M1714 0h-756q-76 -16 -176 -16q-305 0 -479 200t-174 551q0 347 174.5 545.5t480.5 198.5q78 0 183 -17h747v-94h-655v-553h616v-94h-616v-627h655v-94zM782 80q109 0 174 18v1266q-62 16 -172 16q-262 0 -403 -167.5t-141 -479.5q0 -315 140.5 -484t401.5 -169z" />
-<glyph unicode="&#x153;" horiz-adv-x="1942" d="M1438 -20q-156 0 -266.5 67.5t-165.5 198.5q-59 -128 -158 -197t-252 -69q-143 0 -252 69t-167 198t-58 298q0 266 129 414.5t354 148.5q151 0 251 -70t157 -209q110 279 399 279q192 0 303 -134t111 -364v-80h-762q2 -230 100.5 -345t276.5 -115q93 0 163.5 13t178.5 56 v-90q-92 -40 -170 -54.5t-172 -14.5zM223 545q0 -224 98.5 -349.5t278.5 -125.5q174 0 265 122.5t91 352.5q0 224 -93 348.5t-265 124.5q-180 0 -277.5 -123.5t-97.5 -349.5zM1409 1020q-155 0 -242 -104t-102 -298h653q0 189 -82 295.5t-227 106.5z" />
-<glyph unicode="&#x178;" horiz-adv-x="1081" d="M0 0zM543 662l428 800h110l-487 -897v-565h-105v557l-489 905h117zM288 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86zM669 1727q0 46 15.5 66t47.5 20q64 0 64 -86t-64 -86q-63 0 -63 86z" />
-<glyph unicode="&#x2c6;" horiz-adv-x="1182" d="M299 1257q62 67 131.5 156t110.5 156h98q68 -120 242 -312v-16h-70q-122 101 -221 207q-108 -114 -221 -207h-70v16z" />
-<glyph unicode="&#x2da;" horiz-adv-x="1182" d="M805 1456q0 -97 -60 -155t-157 -58t-157 58t-60 155q0 94 60 152.5t157 58.5t157 -59t60 -152zM451 1456q0 -66 37.5 -103.5t99.5 -37.5t99.5 37.5t37.5 103.5q0 64 -39 101.5t-98 37.5q-62 0 -99.5 -38t-37.5 -101z" />
-<glyph unicode="&#x2dc;" horiz-adv-x="1182" d="M780 1243q-36 0 -75 18.5t-101 71.5q-32 26 -62.5 46t-62.5 20q-45 0 -75 -34.5t-48 -121.5h-73q10 111 63 174.5t137 63.5q48 0 88 -25t82 -59q34 -28 66 -50t61 -22q46 0 77 36.5t48 119.5h76q-16 -116 -69 -177t-132 -61z" />
-<glyph unicode="&#x2000;" horiz-adv-x="953" />
-<glyph unicode="&#x2001;" horiz-adv-x="1907" />
-<glyph unicode="&#x2002;" horiz-adv-x="953" />
-<glyph unicode="&#x2003;" horiz-adv-x="1907" />
-<glyph unicode="&#x2004;" horiz-adv-x="635" />
-<glyph unicode="&#x2005;" horiz-adv-x="476" />
-<glyph unicode="&#x2006;" horiz-adv-x="317" />
-<glyph unicode="&#x2007;" horiz-adv-x="317" />
-<glyph unicode="&#x2008;" horiz-adv-x="238" />
-<glyph unicode="&#x2009;" horiz-adv-x="381" />
-<glyph unicode="&#x200a;" horiz-adv-x="105" />
-<glyph unicode="&#x2010;" horiz-adv-x="659" d="M92 512v82h475v-82h-475z" />
-<glyph unicode="&#x2011;" horiz-adv-x="659" d="M92 512v82h475v-82h-475z" />
-<glyph unicode="&#x2012;" horiz-adv-x="659" d="M92 512v82h475v-82h-475z" />
-<glyph unicode="&#x2013;" horiz-adv-x="1024" d="M82 512v82h860v-82h-860z" />
-<glyph unicode="&#x2014;" horiz-adv-x="2048" d="M82 512v82h1884v-82h-1884z" />
-<glyph unicode="&#x2018;" horiz-adv-x="297" d="M41 961l-12 20q32 112 81.5 251t92.5 230h65q-30 -101 -64.5 -257t-45.5 -244h-117z" />
-<glyph unicode="&#x2019;" horiz-adv-x="297" d="M256 1462l12 -20q-75 -265 -174 -481h-65q29 96 61 241.5t49 259.5h117z" />
-<glyph unicode="&#x201a;" horiz-adv-x="451" d="M68 0zM295 238l12 -20q-75 -265 -174 -481h-65q29 96 61 241.5t49 259.5h117z" />
-<glyph unicode="&#x201c;" horiz-adv-x="614" d="M358 961l-12 20q34 120 83 255t91 226h66q-30 -98 -63 -248.5t-48 -252.5h-117zM41 961l-12 20q32 112 81.5 251t92.5 230h65q-30 -101 -64.5 -257t-45.5 -244h-117z" />
-<glyph unicode="&#x201d;" horiz-adv-x="614" d="M256 1462l12 -20q-75 -265 -174 -481h-65q29 96 61 241.5t49 259.5h117zM573 1462l13 -20q-36 -128 -85 -261t-89 -220h-66q30 98 63 248.5t48 252.5h116z" />
-<glyph unicode="&#x201e;" horiz-adv-x="768" d="M68 0zM295 238l12 -20q-75 -265 -174 -481h-65q29 96 61 241.5t49 259.5h117zM612 238l13 -20q-36 -128 -85 -261t-89 -220h-66q30 98 63 248.5t48 252.5h116z" />
-<glyph unicode="&#x2022;" horiz-adv-x="770" d="M231 748q0 89 40.5 134.5t113.5 45.5t113.5 -47t40.5 -133q0 -85 -41 -133t-113 -48t-113 47t-41 134z" />
-<glyph unicode="&#x2026;" horiz-adv-x="1466" d="M162 0zM162 78q0 98 80 98q82 0 82 -98t-82 -98q-80 0 -80 98zM651 78q0 98 80 98q82 0 82 -98t-82 -98q-80 0 -80 98zM1141 78q0 98 80 98q82 0 82 -98t-82 -98q-80 0 -80 98z" />
-<glyph unicode="&#x202f;" horiz-adv-x="381" />
-<glyph unicode="&#x2039;" horiz-adv-x="524" d="M82 543l309 393l62 -43l-254 -363l254 -362l-62 -43l-309 391v27z" />
-<glyph unicode="&#x203a;" horiz-adv-x="524" d="M442 518l-309 -393l-61 43l254 362l-254 363l61 43l309 -391v-27z" />
-<glyph unicode="&#x2044;" horiz-adv-x="246" d="M573 1462l-811 -1462h-94l811 1462h94z" />
-<glyph unicode="&#x205f;" horiz-adv-x="476" />
-<glyph unicode="&#x2074;" horiz-adv-x="688" d="M657 827h-129v-241h-90v241h-413v60l407 581h96v-563h129v-78zM438 905v221q0 132 8 232q-6 -12 -21.5 -35.5t-295.5 -417.5h309z" />
-<glyph unicode="&#x20ac;" d="M803 1397q-174 0 -288 -125.5t-155 -364.5h502v-82h-510l-4 -104v-24q0 -65 4 -87h449v-82h-443q30 -217 147.5 -338.5t301.5 -121.5q148 0 287 65v-94q-81 -34 -150.5 -46.5t-140.5 -12.5q-228 0 -367.5 140t-181.5 408h-180v82h172q-4 38 -4 113l4 102h-172v82h184 q39 272 183 425t362 153q88 0 161 -17t148 -57l-39 -86q-132 72 -270 72z" />
-<glyph unicode="&#x2122;" horiz-adv-x="1485" d="M313 741h-86v643h-217v78h522v-78h-219v-643zM913 741l-221 609h-6l4 -201v-408h-82v721h125l221 -606l224 606h125v-721h-86v398l4 207h-7l-227 -605h-74z" />
-<glyph unicode="&#x2212;" d="M111 682v82h948v-82h-948z" />
-<glyph unicode="&#xe000;" horiz-adv-x="1085" d="M0 1085h1085v-1085h-1085v1085z" />
-<glyph horiz-adv-x="1219" d="M0 0z" />
-<hkern u1="&#x22;" u2="&#x178;" k="-20" />
-<hkern u1="&#x22;" u2="&#x153;" k="123" />
-<hkern u1="&#x22;" u2="&#xfc;" k="61" />
-<hkern u1="&#x22;" u2="&#xfb;" k="61" />
-<hkern u1="&#x22;" u2="&#xfa;" k="61" />
-<hkern u1="&#x22;" u2="&#xf9;" k="61" />
-<hkern u1="&#x22;" u2="&#xf8;" k="123" />
-<hkern u1="&#x22;" u2="&#xf6;" k="123" />
-<hkern u1="&#x22;" u2="&#xf5;" k="123" />
-<hkern u1="&#x22;" u2="&#xf4;" k="123" />
-<hkern u1="&#x22;" u2="&#xf3;" k="123" />
-<hkern u1="&#x22;" u2="&#xf2;" k="123" />
-<hkern u1="&#x22;" u2="&#xeb;" k="123" />
-<hkern u1="&#x22;" u2="&#xea;" k="123" />
-<hkern u1="&#x22;" u2="&#xe9;" k="123" />
-<hkern u1="&#x22;" u2="&#xe8;" k="123" />
-<hkern u1="&#x22;" u2="&#xe7;" k="123" />
-<hkern u1="&#x22;" u2="&#xe6;" k="82" />
-<hkern u1="&#x22;" u2="&#xe5;" k="82" />
-<hkern u1="&#x22;" u2="&#xe4;" k="82" />
-<hkern u1="&#x22;" u2="&#xe3;" k="82" />
-<hkern u1="&#x22;" u2="&#xe2;" k="82" />
-<hkern u1="&#x22;" u2="&#xe1;" k="82" />
-<hkern u1="&#x22;" u2="&#xe0;" k="123" />
-<hkern u1="&#x22;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x22;" u2="&#xc5;" k="143" />
-<hkern u1="&#x22;" u2="&#xc4;" k="143" />
-<hkern u1="&#x22;" u2="&#xc3;" k="143" />
-<hkern u1="&#x22;" u2="&#xc2;" k="143" />
-<hkern u1="&#x22;" u2="&#xc1;" k="143" />
-<hkern u1="&#x22;" u2="&#xc0;" k="143" />
-<hkern u1="&#x22;" u2="u" k="61" />
-<hkern u1="&#x22;" u2="s" k="61" />
-<hkern u1="&#x22;" u2="r" k="61" />
-<hkern u1="&#x22;" u2="q" k="123" />
-<hkern u1="&#x22;" u2="p" k="61" />
-<hkern u1="&#x22;" u2="o" k="123" />
-<hkern u1="&#x22;" u2="n" k="61" />
-<hkern u1="&#x22;" u2="m" k="61" />
-<hkern u1="&#x22;" u2="g" k="61" />
-<hkern u1="&#x22;" u2="e" k="123" />
-<hkern u1="&#x22;" u2="d" k="123" />
-<hkern u1="&#x22;" u2="c" k="123" />
-<hkern u1="&#x22;" u2="a" k="82" />
-<hkern u1="&#x22;" u2="Y" k="-20" />
-<hkern u1="&#x22;" u2="W" k="-41" />
-<hkern u1="&#x22;" u2="V" k="-41" />
-<hkern u1="&#x22;" u2="T" k="-41" />
-<hkern u1="&#x22;" u2="A" k="143" />
-<hkern u1="&#x27;" u2="&#x178;" k="-20" />
-<hkern u1="&#x27;" u2="&#x153;" k="123" />
-<hkern u1="&#x27;" u2="&#xfc;" k="61" />
-<hkern u1="&#x27;" u2="&#xfb;" k="61" />
-<hkern u1="&#x27;" u2="&#xfa;" k="61" />
-<hkern u1="&#x27;" u2="&#xf9;" k="61" />
-<hkern u1="&#x27;" u2="&#xf8;" k="123" />
-<hkern u1="&#x27;" u2="&#xf6;" k="123" />
-<hkern u1="&#x27;" u2="&#xf5;" k="123" />
-<hkern u1="&#x27;" u2="&#xf4;" k="123" />
-<hkern u1="&#x27;" u2="&#xf3;" k="123" />
-<hkern u1="&#x27;" u2="&#xf2;" k="123" />
-<hkern u1="&#x27;" u2="&#xeb;" k="123" />
-<hkern u1="&#x27;" u2="&#xea;" k="123" />
-<hkern u1="&#x27;" u2="&#xe9;" k="123" />
-<hkern u1="&#x27;" u2="&#xe8;" k="123" />
-<hkern u1="&#x27;" u2="&#xe7;" k="123" />
-<hkern u1="&#x27;" u2="&#xe6;" k="82" />
-<hkern u1="&#x27;" u2="&#xe5;" k="82" />
-<hkern u1="&#x27;" u2="&#xe4;" k="82" />
-<hkern u1="&#x27;" u2="&#xe3;" k="82" />
-<hkern u1="&#x27;" u2="&#xe2;" k="82" />
-<hkern u1="&#x27;" u2="&#xe1;" k="82" />
-<hkern u1="&#x27;" u2="&#xe0;" k="123" />
-<hkern u1="&#x27;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x27;" u2="&#xc5;" k="143" />
-<hkern u1="&#x27;" u2="&#xc4;" k="143" />
-<hkern u1="&#x27;" u2="&#xc3;" k="143" />
-<hkern u1="&#x27;" u2="&#xc2;" k="143" />
-<hkern u1="&#x27;" u2="&#xc1;" k="143" />
-<hkern u1="&#x27;" u2="&#xc0;" k="143" />
-<hkern u1="&#x27;" u2="u" k="61" />
-<hkern u1="&#x27;" u2="s" k="61" />
-<hkern u1="&#x27;" u2="r" k="61" />
-<hkern u1="&#x27;" u2="q" k="123" />
-<hkern u1="&#x27;" u2="p" k="61" />
-<hkern u1="&#x27;" u2="o" k="123" />
-<hkern u1="&#x27;" u2="n" k="61" />
-<hkern u1="&#x27;" u2="m" k="61" />
-<hkern u1="&#x27;" u2="g" k="61" />
-<hkern u1="&#x27;" u2="e" k="123" />
-<hkern u1="&#x27;" u2="d" k="123" />
-<hkern u1="&#x27;" u2="c" k="123" />
-<hkern u1="&#x27;" u2="a" k="82" />
-<hkern u1="&#x27;" u2="Y" k="-20" />
-<hkern u1="&#x27;" u2="W" k="-41" />
-<hkern u1="&#x27;" u2="V" k="-41" />
-<hkern u1="&#x27;" u2="T" k="-41" />
-<hkern u1="&#x27;" u2="A" k="143" />
-<hkern u1="&#x28;" u2="J" k="-184" />
-<hkern u1="&#x2c;" u2="&#x178;" k="123" />
-<hkern u1="&#x2c;" u2="&#x152;" k="102" />
-<hkern u1="&#x2c;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2c;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2c;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2c;" u2="&#xda;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2c;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2c;" u2="Y" k="123" />
-<hkern u1="&#x2c;" u2="W" k="123" />
-<hkern u1="&#x2c;" u2="V" k="123" />
-<hkern u1="&#x2c;" u2="U" k="41" />
-<hkern u1="&#x2c;" u2="T" k="143" />
-<hkern u1="&#x2c;" u2="Q" k="102" />
-<hkern u1="&#x2c;" u2="O" k="102" />
-<hkern u1="&#x2c;" u2="G" k="102" />
-<hkern u1="&#x2c;" u2="C" k="102" />
-<hkern u1="&#x2d;" u2="T" k="82" />
-<hkern u1="&#x2e;" u2="&#x178;" k="123" />
-<hkern u1="&#x2e;" u2="&#x152;" k="102" />
-<hkern u1="&#x2e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2e;" u2="&#xda;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2e;" u2="Y" k="123" />
-<hkern u1="&#x2e;" u2="W" k="123" />
-<hkern u1="&#x2e;" u2="V" k="123" />
-<hkern u1="&#x2e;" u2="U" k="41" />
-<hkern u1="&#x2e;" u2="T" k="143" />
-<hkern u1="&#x2e;" u2="Q" k="102" />
-<hkern u1="&#x2e;" u2="O" k="102" />
-<hkern u1="&#x2e;" u2="G" k="102" />
-<hkern u1="&#x2e;" u2="C" k="102" />
-<hkern u1="A" u2="&#x201d;" k="143" />
-<hkern u1="A" u2="&#x2019;" k="143" />
-<hkern u1="A" u2="&#x178;" k="123" />
-<hkern u1="A" u2="&#x152;" k="41" />
-<hkern u1="A" u2="&#xdd;" k="123" />
-<hkern u1="A" u2="&#xd8;" k="41" />
-<hkern u1="A" u2="&#xd6;" k="41" />
-<hkern u1="A" u2="&#xd5;" k="41" />
-<hkern u1="A" u2="&#xd4;" k="41" />
-<hkern u1="A" u2="&#xd3;" k="41" />
-<hkern u1="A" u2="&#xd2;" k="41" />
-<hkern u1="A" u2="&#xc7;" k="41" />
-<hkern u1="A" u2="Y" k="123" />
-<hkern u1="A" u2="W" k="82" />
-<hkern u1="A" u2="V" k="82" />
-<hkern u1="A" u2="T" k="143" />
-<hkern u1="A" u2="Q" k="41" />
-<hkern u1="A" u2="O" k="41" />
-<hkern u1="A" u2="J" k="-266" />
-<hkern u1="A" u2="G" k="41" />
-<hkern u1="A" u2="C" k="41" />
-<hkern u1="A" u2="&#x27;" k="143" />
-<hkern u1="A" u2="&#x22;" k="143" />
-<hkern u1="B" u2="&#x201e;" k="82" />
-<hkern u1="B" u2="&#x201a;" k="82" />
-<hkern u1="B" u2="&#x178;" k="20" />
-<hkern u1="B" u2="&#xdd;" k="20" />
-<hkern u1="B" u2="&#xc5;" k="41" />
-<hkern u1="B" u2="&#xc4;" k="41" />
-<hkern u1="B" u2="&#xc3;" k="41" />
-<hkern u1="B" u2="&#xc2;" k="41" />
-<hkern u1="B" u2="&#xc1;" k="41" />
-<hkern u1="B" u2="&#xc0;" k="41" />
-<hkern u1="B" u2="Z" k="20" />
-<hkern u1="B" u2="Y" k="20" />
-<hkern u1="B" u2="X" k="41" />
-<hkern u1="B" u2="W" k="20" />
-<hkern u1="B" u2="V" k="20" />
-<hkern u1="B" u2="T" k="61" />
-<hkern u1="B" u2="A" k="41" />
-<hkern u1="B" u2="&#x2e;" k="82" />
-<hkern u1="B" u2="&#x2c;" k="82" />
-<hkern u1="C" u2="&#x152;" k="41" />
-<hkern u1="C" u2="&#xd8;" k="41" />
-<hkern u1="C" u2="&#xd6;" k="41" />
-<hkern u1="C" u2="&#xd5;" k="41" />
-<hkern u1="C" u2="&#xd4;" k="41" />
-<hkern u1="C" u2="&#xd3;" k="41" />
-<hkern u1="C" u2="&#xd2;" k="41" />
-<hkern u1="C" u2="&#xc7;" k="41" />
-<hkern u1="C" u2="Q" k="41" />
-<hkern u1="C" u2="O" k="41" />
-<hkern u1="C" u2="G" k="41" />
-<hkern u1="C" u2="C" k="41" />
-<hkern u1="D" u2="&#x201e;" k="82" />
-<hkern u1="D" u2="&#x201a;" k="82" />
-<hkern u1="D" u2="&#x178;" k="20" />
-<hkern u1="D" u2="&#xdd;" k="20" />
-<hkern u1="D" u2="&#xc5;" k="41" />
-<hkern u1="D" u2="&#xc4;" k="41" />
-<hkern u1="D" u2="&#xc3;" k="41" />
-<hkern u1="D" u2="&#xc2;" k="41" />
-<hkern u1="D" u2="&#xc1;" k="41" />
-<hkern u1="D" u2="&#xc0;" k="41" />
-<hkern u1="D" u2="Z" k="20" />
-<hkern u1="D" u2="Y" k="20" />
-<hkern u1="D" u2="X" k="41" />
-<hkern u1="D" u2="W" k="20" />
-<hkern u1="D" u2="V" k="20" />
-<hkern u1="D" u2="T" k="61" />
-<hkern u1="D" u2="A" k="41" />
-<hkern u1="D" u2="&#x2e;" k="82" />
-<hkern u1="D" u2="&#x2c;" k="82" />
-<hkern u1="E" u2="J" k="-123" />
-<hkern u1="F" u2="&#x201e;" k="123" />
-<hkern u1="F" u2="&#x201a;" k="123" />
-<hkern u1="F" u2="&#xc5;" k="41" />
-<hkern u1="F" u2="&#xc4;" k="41" />
-<hkern u1="F" u2="&#xc3;" k="41" />
-<hkern u1="F" u2="&#xc2;" k="41" />
-<hkern u1="F" u2="&#xc1;" k="41" />
-<hkern u1="F" u2="&#xc0;" k="41" />
-<hkern u1="F" u2="A" k="41" />
-<hkern u1="F" u2="&#x3f;" k="-41" />
-<hkern u1="F" u2="&#x2e;" k="123" />
-<hkern u1="F" u2="&#x2c;" k="123" />
-<hkern u1="K" u2="&#x152;" k="41" />
-<hkern u1="K" u2="&#xd8;" k="41" />
-<hkern u1="K" u2="&#xd6;" k="41" />
-<hkern u1="K" u2="&#xd5;" k="41" />
-<hkern u1="K" u2="&#xd4;" k="41" />
-<hkern u1="K" u2="&#xd3;" k="41" />
-<hkern u1="K" u2="&#xd2;" k="41" />
-<hkern u1="K" u2="&#xc7;" k="41" />
-<hkern u1="K" u2="Q" k="41" />
-<hkern u1="K" u2="O" k="41" />
-<hkern u1="K" u2="G" k="41" />
-<hkern u1="K" u2="C" k="41" />
-<hkern u1="L" u2="&#x201d;" k="164" />
-<hkern u1="L" u2="&#x2019;" k="164" />
-<hkern u1="L" u2="&#x178;" k="61" />
-<hkern u1="L" u2="&#x152;" k="41" />
-<hkern u1="L" u2="&#xdd;" k="61" />
-<hkern u1="L" u2="&#xdc;" k="20" />
-<hkern u1="L" u2="&#xdb;" k="20" />
-<hkern u1="L" u2="&#xda;" k="20" />
-<hkern u1="L" u2="&#xd9;" k="20" />
-<hkern u1="L" u2="&#xd8;" k="41" />
-<hkern u1="L" u2="&#xd6;" k="41" />
-<hkern u1="L" u2="&#xd5;" k="41" />
-<hkern u1="L" u2="&#xd4;" k="41" />
-<hkern u1="L" u2="&#xd3;" k="41" />
-<hkern u1="L" u2="&#xd2;" k="41" />
-<hkern u1="L" u2="&#xc7;" k="41" />
-<hkern u1="L" u2="Y" k="61" />
-<hkern u1="L" u2="W" k="41" />
-<hkern u1="L" u2="V" k="41" />
-<hkern u1="L" u2="U" k="20" />
-<hkern u1="L" u2="T" k="41" />
-<hkern u1="L" u2="Q" k="41" />
-<hkern u1="L" u2="O" k="41" />
-<hkern u1="L" u2="G" k="41" />
-<hkern u1="L" u2="C" k="41" />
-<hkern u1="L" u2="&#x27;" k="164" />
-<hkern u1="L" u2="&#x22;" k="164" />
-<hkern u1="O" u2="&#x201e;" k="82" />
-<hkern u1="O" u2="&#x201a;" k="82" />
-<hkern u1="O" u2="&#x178;" k="20" />
-<hkern u1="O" u2="&#xdd;" k="20" />
-<hkern u1="O" u2="&#xc5;" k="41" />
-<hkern u1="O" u2="&#xc4;" k="41" />
-<hkern u1="O" u2="&#xc3;" k="41" />
-<hkern u1="O" u2="&#xc2;" k="41" />
-<hkern u1="O" u2="&#xc1;" k="41" />
-<hkern u1="O" u2="&#xc0;" k="41" />
-<hkern u1="O" u2="Z" k="20" />
-<hkern u1="O" u2="Y" k="20" />
-<hkern u1="O" u2="X" k="41" />
-<hkern u1="O" u2="W" k="20" />
-<hkern u1="O" u2="V" k="20" />
-<hkern u1="O" u2="T" k="61" />
-<hkern u1="O" u2="A" k="41" />
-<hkern u1="O" u2="&#x2e;" k="82" />
-<hkern u1="O" u2="&#x2c;" k="82" />
-<hkern u1="P" u2="&#x201e;" k="266" />
-<hkern u1="P" u2="&#x201a;" k="266" />
-<hkern u1="P" u2="&#xc5;" k="102" />
-<hkern u1="P" u2="&#xc4;" k="102" />
-<hkern u1="P" u2="&#xc3;" k="102" />
-<hkern u1="P" u2="&#xc2;" k="102" />
-<hkern u1="P" u2="&#xc1;" k="102" />
-<hkern u1="P" u2="&#xc0;" k="102" />
-<hkern u1="P" u2="Z" k="20" />
-<hkern u1="P" u2="X" k="41" />
-<hkern u1="P" u2="A" k="102" />
-<hkern u1="P" u2="&#x2e;" k="266" />
-<hkern u1="P" u2="&#x2c;" k="266" />
-<hkern u1="Q" u2="&#x201e;" k="82" />
-<hkern u1="Q" u2="&#x201a;" k="82" />
-<hkern u1="Q" u2="&#x178;" k="20" />
-<hkern u1="Q" u2="&#xdd;" k="20" />
-<hkern u1="Q" u2="&#xc5;" k="41" />
-<hkern u1="Q" u2="&#xc4;" k="41" />
-<hkern u1="Q" u2="&#xc3;" k="41" />
-<hkern u1="Q" u2="&#xc2;" k="41" />
-<hkern u1="Q" u2="&#xc1;" k="41" />
-<hkern u1="Q" u2="&#xc0;" k="41" />
-<hkern u1="Q" u2="Z" k="20" />
-<hkern u1="Q" u2="Y" k="20" />
-<hkern u1="Q" u2="X" k="41" />
-<hkern u1="Q" u2="W" k="20" />
-<hkern u1="Q" u2="V" k="20" />
-<hkern u1="Q" u2="T" k="61" />
-<hkern u1="Q" u2="A" k="41" />
-<hkern u1="Q" u2="&#x2e;" k="82" />
-<hkern u1="Q" u2="&#x2c;" k="82" />
-<hkern u1="T" u2="&#x201e;" k="123" />
-<hkern u1="T" u2="&#x201a;" k="123" />
-<hkern u1="T" u2="&#x2014;" k="82" />
-<hkern u1="T" u2="&#x2013;" k="82" />
-<hkern u1="T" u2="&#x153;" k="143" />
-<hkern u1="T" u2="&#x152;" k="41" />
-<hkern u1="T" u2="&#xfd;" k="41" />
-<hkern u1="T" u2="&#xfc;" k="102" />
-<hkern u1="T" u2="&#xfb;" k="102" />
-<hkern u1="T" u2="&#xfa;" k="102" />
-<hkern u1="T" u2="&#xf9;" k="102" />
-<hkern u1="T" u2="&#xf8;" k="143" />
-<hkern u1="T" u2="&#xf6;" k="143" />
-<hkern u1="T" u2="&#xf5;" k="143" />
-<hkern u1="T" u2="&#xf4;" k="143" />
-<hkern u1="T" u2="&#xf3;" k="143" />
-<hkern u1="T" u2="&#xf2;" k="143" />
-<hkern u1="T" u2="&#xeb;" k="143" />
-<hkern u1="T" u2="&#xea;" k="143" />
-<hkern u1="T" u2="&#xe9;" k="143" />
-<hkern u1="T" u2="&#xe8;" k="143" />
-<hkern u1="T" u2="&#xe7;" k="143" />
-<hkern u1="T" u2="&#xe6;" k="164" />
-<hkern u1="T" u2="&#xe5;" k="164" />
-<hkern u1="T" u2="&#xe4;" k="164" />
-<hkern u1="T" u2="&#xe3;" k="164" />
-<hkern u1="T" u2="&#xe2;" k="164" />
-<hkern u1="T" u2="&#xe1;" k="164" />
-<hkern u1="T" u2="&#xe0;" k="143" />
-<hkern u1="T" u2="&#xd8;" k="41" />
-<hkern u1="T" u2="&#xd6;" k="41" />
-<hkern u1="T" u2="&#xd5;" k="41" />
-<hkern u1="T" u2="&#xd4;" k="41" />
-<hkern u1="T" u2="&#xd3;" k="41" />
-<hkern u1="T" u2="&#xd2;" k="41" />
-<hkern u1="T" u2="&#xc7;" k="41" />
-<hkern u1="T" u2="&#xc5;" k="143" />
-<hkern u1="T" u2="&#xc4;" k="143" />
-<hkern u1="T" u2="&#xc3;" k="143" />
-<hkern u1="T" u2="&#xc2;" k="143" />
-<hkern u1="T" u2="&#xc1;" k="143" />
-<hkern u1="T" u2="&#xc0;" k="143" />
-<hkern u1="T" u2="z" k="82" />
-<hkern u1="T" u2="y" k="41" />
-<hkern u1="T" u2="x" k="41" />
-<hkern u1="T" u2="w" k="41" />
-<hkern u1="T" u2="v" k="41" />
-<hkern u1="T" u2="u" k="102" />
-<hkern u1="T" u2="s" k="123" />
-<hkern u1="T" u2="r" k="102" />
-<hkern u1="T" u2="q" k="143" />
-<hkern u1="T" u2="p" k="102" />
-<hkern u1="T" u2="o" k="143" />
-<hkern u1="T" u2="n" k="102" />
-<hkern u1="T" u2="m" k="102" />
-<hkern u1="T" u2="g" k="143" />
-<hkern u1="T" u2="e" k="143" />
-<hkern u1="T" u2="d" k="143" />
-<hkern u1="T" u2="c" k="143" />
-<hkern u1="T" u2="a" k="164" />
-<hkern u1="T" u2="T" k="-41" />
-<hkern u1="T" u2="Q" k="41" />
-<hkern u1="T" u2="O" k="41" />
-<hkern u1="T" u2="G" k="41" />
-<hkern u1="T" u2="C" k="41" />
-<hkern u1="T" u2="A" k="143" />
-<hkern u1="T" u2="&#x3f;" k="-41" />
-<hkern u1="T" u2="&#x2e;" k="123" />
-<hkern u1="T" u2="&#x2d;" k="82" />
-<hkern u1="T" u2="&#x2c;" k="123" />
-<hkern u1="U" u2="&#x201e;" k="41" />
-<hkern u1="U" u2="&#x201a;" k="41" />
-<hkern u1="U" u2="&#xc5;" k="20" />
-<hkern u1="U" u2="&#xc4;" k="20" />
-<hkern u1="U" u2="&#xc3;" k="20" />
-<hkern u1="U" u2="&#xc2;" k="20" />
-<hkern u1="U" u2="&#xc1;" k="20" />
-<hkern u1="U" u2="&#xc0;" k="20" />
-<hkern u1="U" u2="A" k="20" />
-<hkern u1="U" u2="&#x2e;" k="41" />
-<hkern u1="U" u2="&#x2c;" k="41" />
-<hkern u1="V" u2="&#x201e;" k="102" />
-<hkern u1="V" u2="&#x201a;" k="102" />
-<hkern u1="V" u2="&#x153;" k="41" />
-<hkern u1="V" u2="&#x152;" k="20" />
-<hkern u1="V" u2="&#xfc;" k="20" />
-<hkern u1="V" u2="&#xfb;" k="20" />
-<hkern u1="V" u2="&#xfa;" k="20" />
-<hkern u1="V" u2="&#xf9;" k="20" />
-<hkern u1="V" u2="&#xf8;" k="41" />
-<hkern u1="V" u2="&#xf6;" k="41" />
-<hkern u1="V" u2="&#xf5;" k="41" />
-<hkern u1="V" u2="&#xf4;" k="41" />
-<hkern u1="V" u2="&#xf3;" k="41" />
-<hkern u1="V" u2="&#xf2;" k="41" />
-<hkern u1="V" u2="&#xeb;" k="41" />
-<hkern u1="V" u2="&#xea;" k="41" />
-<hkern u1="V" u2="&#xe9;" k="41" />
-<hkern u1="V" u2="&#xe8;" k="41" />
-<hkern u1="V" u2="&#xe7;" k="41" />
-<hkern u1="V" u2="&#xe6;" k="41" />
-<hkern u1="V" u2="&#xe5;" k="41" />
-<hkern u1="V" u2="&#xe4;" k="41" />
-<hkern u1="V" u2="&#xe3;" k="41" />
-<hkern u1="V" u2="&#xe2;" k="41" />
-<hkern u1="V" u2="&#xe1;" k="41" />
-<hkern u1="V" u2="&#xe0;" k="41" />
-<hkern u1="V" u2="&#xd8;" k="20" />
-<hkern u1="V" u2="&#xd6;" k="20" />
-<hkern u1="V" u2="&#xd5;" k="20" />
-<hkern u1="V" u2="&#xd4;" k="20" />
-<hkern u1="V" u2="&#xd3;" k="20" />
-<hkern u1="V" u2="&#xd2;" k="20" />
-<hkern u1="V" u2="&#xc7;" k="20" />
-<hkern u1="V" u2="&#xc5;" k="82" />
-<hkern u1="V" u2="&#xc4;" k="82" />
-<hkern u1="V" u2="&#xc3;" k="82" />
-<hkern u1="V" u2="&#xc2;" k="82" />
-<hkern u1="V" u2="&#xc1;" k="82" />
-<hkern u1="V" u2="&#xc0;" k="82" />
-<hkern u1="V" u2="u" k="20" />
-<hkern u1="V" u2="s" k="20" />
-<hkern u1="V" u2="r" k="20" />
-<hkern u1="V" u2="q" k="41" />
-<hkern u1="V" u2="p" k="20" />
-<hkern u1="V" u2="o" k="41" />
-<hkern u1="V" u2="n" k="20" />
-<hkern u1="V" u2="m" k="20" />
-<hkern u1="V" u2="g" k="20" />
-<hkern u1="V" u2="e" k="41" />
-<hkern u1="V" u2="d" k="41" />
-<hkern u1="V" u2="c" k="41" />
-<hkern u1="V" u2="a" k="41" />
-<hkern u1="V" u2="Q" k="20" />
-<hkern u1="V" u2="O" k="20" />
-<hkern u1="V" u2="G" k="20" />
-<hkern u1="V" u2="C" k="20" />
-<hkern u1="V" u2="A" k="82" />
-<hkern u1="V" u2="&#x3f;" k="-41" />
-<hkern u1="V" u2="&#x2e;" k="102" />
-<hkern u1="V" u2="&#x2c;" k="102" />
-<hkern u1="W" u2="&#x201e;" k="102" />
-<hkern u1="W" u2="&#x201a;" k="102" />
-<hkern u1="W" u2="&#x153;" k="41" />
-<hkern u1="W" u2="&#x152;" k="20" />
-<hkern u1="W" u2="&#xfc;" k="20" />
-<hkern u1="W" u2="&#xfb;" k="20" />
-<hkern u1="W" u2="&#xfa;" k="20" />
-<hkern u1="W" u2="&#xf9;" k="20" />
-<hkern u1="W" u2="&#xf8;" k="41" />
-<hkern u1="W" u2="&#xf6;" k="41" />
-<hkern u1="W" u2="&#xf5;" k="41" />
-<hkern u1="W" u2="&#xf4;" k="41" />
-<hkern u1="W" u2="&#xf3;" k="41" />
-<hkern u1="W" u2="&#xf2;" k="41" />
-<hkern u1="W" u2="&#xeb;" k="41" />
-<hkern u1="W" u2="&#xea;" k="41" />
-<hkern u1="W" u2="&#xe9;" k="41" />
-<hkern u1="W" u2="&#xe8;" k="41" />
-<hkern u1="W" u2="&#xe7;" k="41" />
-<hkern u1="W" u2="&#xe6;" k="41" />
-<hkern u1="W" u2="&#xe5;" k="41" />
-<hkern u1="W" u2="&#xe4;" k="41" />
-<hkern u1="W" u2="&#xe3;" k="41" />
-<hkern u1="W" u2="&#xe2;" k="41" />
-<hkern u1="W" u2="&#xe1;" k="41" />
-<hkern u1="W" u2="&#xe0;" k="41" />
-<hkern u1="W" u2="&#xd8;" k="20" />
-<hkern u1="W" u2="&#xd6;" k="20" />
-<hkern u1="W" u2="&#xd5;" k="20" />
-<hkern u1="W" u2="&#xd4;" k="20" />
-<hkern u1="W" u2="&#xd3;" k="20" />
-<hkern u1="W" u2="&#xd2;" k="20" />
-<hkern u1="W" u2="&#xc7;" k="20" />
-<hkern u1="W" u2="&#xc5;" k="82" />
-<hkern u1="W" u2="&#xc4;" k="82" />
-<hkern u1="W" u2="&#xc3;" k="82" />
-<hkern u1="W" u2="&#xc2;" k="82" />
-<hkern u1="W" u2="&#xc1;" k="82" />
-<hkern u1="W" u2="&#xc0;" k="82" />
-<hkern u1="W" u2="u" k="20" />
-<hkern u1="W" u2="s" k="20" />
-<hkern u1="W" u2="r" k="20" />
-<hkern u1="W" u2="q" k="41" />
-<hkern u1="W" u2="p" k="20" />
-<hkern u1="W" u2="o" k="41" />
-<hkern u1="W" u2="n" k="20" />
-<hkern u1="W" u2="m" k="20" />
-<hkern u1="W" u2="g" k="20" />
-<hkern u1="W" u2="e" k="41" />
-<hkern u1="W" u2="d" k="41" />
-<hkern u1="W" u2="c" k="41" />
-<hkern u1="W" u2="a" k="41" />
-<hkern u1="W" u2="Q" k="20" />
-<hkern u1="W" u2="O" k="20" />
-<hkern u1="W" u2="G" k="20" />
-<hkern u1="W" u2="C" k="20" />
-<hkern u1="W" u2="A" k="82" />
-<hkern u1="W" u2="&#x3f;" k="-41" />
-<hkern u1="W" u2="&#x2e;" k="102" />
-<hkern u1="W" u2="&#x2c;" k="102" />
-<hkern u1="X" u2="&#x152;" k="41" />
-<hkern u1="X" u2="&#xd8;" k="41" />
-<hkern u1="X" u2="&#xd6;" k="41" />
-<hkern u1="X" u2="&#xd5;" k="41" />
-<hkern u1="X" u2="&#xd4;" k="41" />
-<hkern u1="X" u2="&#xd3;" k="41" />
-<hkern u1="X" u2="&#xd2;" k="41" />
-<hkern u1="X" u2="&#xc7;" k="41" />
-<hkern u1="X" u2="Q" k="41" />
-<hkern u1="X" u2="O" k="41" />
-<hkern u1="X" u2="G" k="41" />
-<hkern u1="X" u2="C" k="41" />
-<hkern u1="Y" u2="&#x201e;" k="123" />
-<hkern u1="Y" u2="&#x201a;" k="123" />
-<hkern u1="Y" u2="&#x153;" k="102" />
-<hkern u1="Y" u2="&#x152;" k="41" />
-<hkern u1="Y" u2="&#xfc;" k="61" />
-<hkern u1="Y" u2="&#xfb;" k="61" />
-<hkern u1="Y" u2="&#xfa;" k="61" />
-<hkern u1="Y" u2="&#xf9;" k="61" />
-<hkern u1="Y" u2="&#xf8;" k="102" />
-<hkern u1="Y" u2="&#xf6;" k="102" />
-<hkern u1="Y" u2="&#xf5;" k="102" />
-<hkern u1="Y" u2="&#xf4;" k="102" />
-<hkern u1="Y" u2="&#xf3;" k="102" />
-<hkern u1="Y" u2="&#xf2;" k="102" />
-<hkern u1="Y" u2="&#xeb;" k="102" />
-<hkern u1="Y" u2="&#xea;" k="102" />
-<hkern u1="Y" u2="&#xe9;" k="102" />
-<hkern u1="Y" u2="&#xe8;" k="102" />
-<hkern u1="Y" u2="&#xe7;" k="102" />
-<hkern u1="Y" u2="&#xe6;" k="102" />
-<hkern u1="Y" u2="&#xe5;" k="102" />
-<hkern u1="Y" u2="&#xe4;" k="102" />
-<hkern u1="Y" u2="&#xe3;" k="102" />
-<hkern u1="Y" u2="&#xe2;" k="102" />
-<hkern u1="Y" u2="&#xe1;" k="102" />
-<hkern u1="Y" u2="&#xe0;" k="102" />
-<hkern u1="Y" u2="&#xd8;" k="41" />
-<hkern u1="Y" u2="&#xd6;" k="41" />
-<hkern u1="Y" u2="&#xd5;" k="41" />
-<hkern u1="Y" u2="&#xd4;" k="41" />
-<hkern u1="Y" u2="&#xd3;" k="41" />
-<hkern u1="Y" u2="&#xd2;" k="41" />
-<hkern u1="Y" u2="&#xc7;" k="41" />
-<hkern u1="Y" u2="&#xc5;" k="123" />
-<hkern u1="Y" u2="&#xc4;" k="123" />
-<hkern u1="Y" u2="&#xc3;" k="123" />
-<hkern u1="Y" u2="&#xc2;" k="123" />
-<hkern u1="Y" u2="&#xc1;" k="123" />
-<hkern u1="Y" u2="&#xc0;" k="123" />
-<hkern u1="Y" u2="z" k="41" />
-<hkern u1="Y" u2="u" k="61" />
-<hkern u1="Y" u2="s" k="82" />
-<hkern u1="Y" u2="r" k="61" />
-<hkern u1="Y" u2="q" k="102" />
-<hkern u1="Y" u2="p" k="61" />
-<hkern u1="Y" u2="o" k="102" />
-<hkern u1="Y" u2="n" k="61" />
-<hkern u1="Y" u2="m" k="61" />
-<hkern u1="Y" u2="g" k="41" />
-<hkern u1="Y" u2="e" k="102" />
-<hkern u1="Y" u2="d" k="102" />
-<hkern u1="Y" u2="c" k="102" />
-<hkern u1="Y" u2="a" k="102" />
-<hkern u1="Y" u2="Q" k="41" />
-<hkern u1="Y" u2="O" k="41" />
-<hkern u1="Y" u2="G" k="41" />
-<hkern u1="Y" u2="C" k="41" />
-<hkern u1="Y" u2="A" k="123" />
-<hkern u1="Y" u2="&#x3f;" k="-41" />
-<hkern u1="Y" u2="&#x2e;" k="123" />
-<hkern u1="Y" u2="&#x2c;" k="123" />
-<hkern u1="Z" u2="&#x152;" k="20" />
-<hkern u1="Z" u2="&#xd8;" k="20" />
-<hkern u1="Z" u2="&#xd6;" k="20" />
-<hkern u1="Z" u2="&#xd5;" k="20" />
-<hkern u1="Z" u2="&#xd4;" k="20" />
-<hkern u1="Z" u2="&#xd3;" k="20" />
-<hkern u1="Z" u2="&#xd2;" k="20" />
-<hkern u1="Z" u2="&#xc7;" k="20" />
-<hkern u1="Z" u2="Q" k="20" />
-<hkern u1="Z" u2="O" k="20" />
-<hkern u1="Z" u2="G" k="20" />
-<hkern u1="Z" u2="C" k="20" />
-<hkern u1="[" u2="J" k="-184" />
-<hkern u1="a" u2="&#x201d;" k="20" />
-<hkern u1="a" u2="&#x2019;" k="20" />
-<hkern u1="a" u2="&#x27;" k="20" />
-<hkern u1="a" u2="&#x22;" k="20" />
-<hkern u1="b" u2="&#x201d;" k="20" />
-<hkern u1="b" u2="&#x2019;" k="20" />
-<hkern u1="b" u2="&#xfd;" k="41" />
-<hkern u1="b" u2="z" k="20" />
-<hkern u1="b" u2="y" k="41" />
-<hkern u1="b" u2="x" k="41" />
-<hkern u1="b" u2="w" k="41" />
-<hkern u1="b" u2="v" k="41" />
-<hkern u1="b" u2="&#x27;" k="20" />
-<hkern u1="b" u2="&#x22;" k="20" />
-<hkern u1="c" u2="&#x201d;" k="-41" />
-<hkern u1="c" u2="&#x2019;" k="-41" />
-<hkern u1="c" u2="&#x27;" k="-41" />
-<hkern u1="c" u2="&#x22;" k="-41" />
-<hkern u1="e" u2="&#x201d;" k="20" />
-<hkern u1="e" u2="&#x2019;" k="20" />
-<hkern u1="e" u2="&#xfd;" k="41" />
-<hkern u1="e" u2="z" k="20" />
-<hkern u1="e" u2="y" k="41" />
-<hkern u1="e" u2="x" k="41" />
-<hkern u1="e" u2="w" k="41" />
-<hkern u1="e" u2="v" k="41" />
-<hkern u1="e" u2="&#x27;" k="20" />
-<hkern u1="e" u2="&#x22;" k="20" />
-<hkern u1="f" u2="&#x201d;" k="-123" />
-<hkern u1="f" u2="&#x2019;" k="-123" />
-<hkern u1="f" u2="&#x27;" k="-123" />
-<hkern u1="f" u2="&#x22;" k="-123" />
-<hkern u1="h" u2="&#x201d;" k="20" />
-<hkern u1="h" u2="&#x2019;" k="20" />
-<hkern u1="h" u2="&#x27;" k="20" />
-<hkern u1="h" u2="&#x22;" k="20" />
-<hkern u1="k" u2="&#x153;" k="41" />
-<hkern u1="k" u2="&#xf8;" k="41" />
-<hkern u1="k" u2="&#xf6;" k="41" />
-<hkern u1="k" u2="&#xf5;" k="41" />
-<hkern u1="k" u2="&#xf4;" k="41" />
-<hkern u1="k" u2="&#xf3;" k="41" />
-<hkern u1="k" u2="&#xf2;" k="41" />
-<hkern u1="k" u2="&#xeb;" k="41" />
-<hkern u1="k" u2="&#xea;" k="41" />
-<hkern u1="k" u2="&#xe9;" k="41" />
-<hkern u1="k" u2="&#xe8;" k="41" />
-<hkern u1="k" u2="&#xe7;" k="41" />
-<hkern u1="k" u2="&#xe0;" k="41" />
-<hkern u1="k" u2="q" k="41" />
-<hkern u1="k" u2="o" k="41" />
-<hkern u1="k" u2="e" k="41" />
-<hkern u1="k" u2="d" k="41" />
-<hkern u1="k" u2="c" k="41" />
-<hkern u1="m" u2="&#x201d;" k="20" />
-<hkern u1="m" u2="&#x2019;" k="20" />
-<hkern u1="m" u2="&#x27;" k="20" />
-<hkern u1="m" u2="&#x22;" k="20" />
-<hkern u1="n" u2="&#x201d;" k="20" />
-<hkern u1="n" u2="&#x2019;" k="20" />
-<hkern u1="n" u2="&#x27;" k="20" />
-<hkern u1="n" u2="&#x22;" k="20" />
-<hkern u1="o" u2="&#x201d;" k="20" />
-<hkern u1="o" u2="&#x2019;" k="20" />
-<hkern u1="o" u2="&#xfd;" k="41" />
-<hkern u1="o" u2="z" k="20" />
-<hkern u1="o" u2="y" k="41" />
-<hkern u1="o" u2="x" k="41" />
-<hkern u1="o" u2="w" k="41" />
-<hkern u1="o" u2="v" k="41" />
-<hkern u1="o" u2="&#x27;" k="20" />
-<hkern u1="o" u2="&#x22;" k="20" />
-<hkern u1="p" u2="&#x201d;" k="20" />
-<hkern u1="p" u2="&#x2019;" k="20" />
-<hkern u1="p" u2="&#xfd;" k="41" />
-<hkern u1="p" u2="z" k="20" />
-<hkern u1="p" u2="y" k="41" />
-<hkern u1="p" u2="x" k="41" />
-<hkern u1="p" u2="w" k="41" />
-<hkern u1="p" u2="v" k="41" />
-<hkern u1="p" u2="&#x27;" k="20" />
-<hkern u1="p" u2="&#x22;" k="20" />
-<hkern u1="r" u2="&#x201d;" k="-82" />
-<hkern u1="r" u2="&#x2019;" k="-82" />
-<hkern u1="r" u2="&#x153;" k="41" />
-<hkern u1="r" u2="&#xf8;" k="41" />
-<hkern u1="r" u2="&#xf6;" k="41" />
-<hkern u1="r" u2="&#xf5;" k="41" />
-<hkern u1="r" u2="&#xf4;" k="41" />
-<hkern u1="r" u2="&#xf3;" k="41" />
-<hkern u1="r" u2="&#xf2;" k="41" />
-<hkern u1="r" u2="&#xeb;" k="41" />
-<hkern u1="r" u2="&#xea;" k="41" />
-<hkern u1="r" u2="&#xe9;" k="41" />
-<hkern u1="r" u2="&#xe8;" k="41" />
-<hkern u1="r" u2="&#xe7;" k="41" />
-<hkern u1="r" u2="&#xe6;" k="41" />
-<hkern u1="r" u2="&#xe5;" k="41" />
-<hkern u1="r" u2="&#xe4;" k="41" />
-<hkern u1="r" u2="&#xe3;" k="41" />
-<hkern u1="r" u2="&#xe2;" k="41" />
-<hkern u1="r" u2="&#xe1;" k="41" />
-<hkern u1="r" u2="&#xe0;" k="41" />
-<hkern u1="r" u2="q" k="41" />
-<hkern u1="r" u2="o" k="41" />
-<hkern u1="r" u2="g" k="20" />
-<hkern u1="r" u2="e" k="41" />
-<hkern u1="r" u2="d" k="41" />
-<hkern u1="r" u2="c" k="41" />
-<hkern u1="r" u2="a" k="41" />
-<hkern u1="r" u2="&#x27;" k="-82" />
-<hkern u1="r" u2="&#x22;" k="-82" />
-<hkern u1="t" u2="&#x201d;" k="-41" />
-<hkern u1="t" u2="&#x2019;" k="-41" />
-<hkern u1="t" u2="&#x27;" k="-41" />
-<hkern u1="t" u2="&#x22;" k="-41" />
-<hkern u1="v" u2="&#x201e;" k="82" />
-<hkern u1="v" u2="&#x201d;" k="-82" />
-<hkern u1="v" u2="&#x201a;" k="82" />
-<hkern u1="v" u2="&#x2019;" k="-82" />
-<hkern u1="v" u2="&#x3f;" k="-41" />
-<hkern u1="v" u2="&#x2e;" k="82" />
-<hkern u1="v" u2="&#x2c;" k="82" />
-<hkern u1="v" u2="&#x27;" k="-82" />
-<hkern u1="v" u2="&#x22;" k="-82" />
-<hkern u1="w" u2="&#x201e;" k="82" />
-<hkern u1="w" u2="&#x201d;" k="-82" />
-<hkern u1="w" u2="&#x201a;" k="82" />
-<hkern u1="w" u2="&#x2019;" k="-82" />
-<hkern u1="w" u2="&#x3f;" k="-41" />
-<hkern u1="w" u2="&#x2e;" k="82" />
-<hkern u1="w" u2="&#x2c;" k="82" />
-<hkern u1="w" u2="&#x27;" k="-82" />
-<hkern u1="w" u2="&#x22;" k="-82" />
-<hkern u1="x" u2="&#x153;" k="41" />
-<hkern u1="x" u2="&#xf8;" k="41" />
-<hkern u1="x" u2="&#xf6;" k="41" />
-<hkern u1="x" u2="&#xf5;" k="41" />
-<hkern u1="x" u2="&#xf4;" k="41" />
-<hkern u1="x" u2="&#xf3;" k="41" />
-<hkern u1="x" u2="&#xf2;" k="41" />
-<hkern u1="x" u2="&#xeb;" k="41" />
-<hkern u1="x" u2="&#xea;" k="41" />
-<hkern u1="x" u2="&#xe9;" k="41" />
-<hkern u1="x" u2="&#xe8;" k="41" />
-<hkern u1="x" u2="&#xe7;" k="41" />
-<hkern u1="x" u2="&#xe0;" k="41" />
-<hkern u1="x" u2="q" k="41" />
-<hkern u1="x" u2="o" k="41" />
-<hkern u1="x" u2="e" k="41" />
-<hkern u1="x" u2="d" k="41" />
-<hkern u1="x" u2="c" k="41" />
-<hkern u1="y" u2="&#x201e;" k="82" />
-<hkern u1="y" u2="&#x201d;" k="-82" />
-<hkern u1="y" u2="&#x201a;" k="82" />
-<hkern u1="y" u2="&#x2019;" k="-82" />
-<hkern u1="y" u2="&#x3f;" k="-41" />
-<hkern u1="y" u2="&#x2e;" k="82" />
-<hkern u1="y" u2="&#x2c;" k="82" />
-<hkern u1="y" u2="&#x27;" k="-82" />
-<hkern u1="y" u2="&#x22;" k="-82" />
-<hkern u1="&#x7b;" u2="J" k="-184" />
-<hkern u1="&#xc0;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc0;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc0;" u2="&#x178;" k="123" />
-<hkern u1="&#xc0;" u2="&#x152;" k="41" />
-<hkern u1="&#xc0;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc0;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc0;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc0;" u2="Y" k="123" />
-<hkern u1="&#xc0;" u2="W" k="82" />
-<hkern u1="&#xc0;" u2="V" k="82" />
-<hkern u1="&#xc0;" u2="T" k="143" />
-<hkern u1="&#xc0;" u2="Q" k="41" />
-<hkern u1="&#xc0;" u2="O" k="41" />
-<hkern u1="&#xc0;" u2="J" k="-266" />
-<hkern u1="&#xc0;" u2="G" k="41" />
-<hkern u1="&#xc0;" u2="C" k="41" />
-<hkern u1="&#xc0;" u2="&#x27;" k="143" />
-<hkern u1="&#xc0;" u2="&#x22;" k="143" />
-<hkern u1="&#xc1;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc1;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc1;" u2="&#x178;" k="123" />
-<hkern u1="&#xc1;" u2="&#x152;" k="41" />
-<hkern u1="&#xc1;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc1;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc1;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc1;" u2="Y" k="123" />
-<hkern u1="&#xc1;" u2="W" k="82" />
-<hkern u1="&#xc1;" u2="V" k="82" />
-<hkern u1="&#xc1;" u2="T" k="143" />
-<hkern u1="&#xc1;" u2="Q" k="41" />
-<hkern u1="&#xc1;" u2="O" k="41" />
-<hkern u1="&#xc1;" u2="J" k="-266" />
-<hkern u1="&#xc1;" u2="G" k="41" />
-<hkern u1="&#xc1;" u2="C" k="41" />
-<hkern u1="&#xc1;" u2="&#x27;" k="143" />
-<hkern u1="&#xc1;" u2="&#x22;" k="143" />
-<hkern u1="&#xc2;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc2;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc2;" u2="&#x178;" k="123" />
-<hkern u1="&#xc2;" u2="&#x152;" k="41" />
-<hkern u1="&#xc2;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc2;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc2;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc2;" u2="Y" k="123" />
-<hkern u1="&#xc2;" u2="W" k="82" />
-<hkern u1="&#xc2;" u2="V" k="82" />
-<hkern u1="&#xc2;" u2="T" k="143" />
-<hkern u1="&#xc2;" u2="Q" k="41" />
-<hkern u1="&#xc2;" u2="O" k="41" />
-<hkern u1="&#xc2;" u2="J" k="-266" />
-<hkern u1="&#xc2;" u2="G" k="41" />
-<hkern u1="&#xc2;" u2="C" k="41" />
-<hkern u1="&#xc2;" u2="&#x27;" k="143" />
-<hkern u1="&#xc2;" u2="&#x22;" k="143" />
-<hkern u1="&#xc3;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc3;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc3;" u2="&#x178;" k="123" />
-<hkern u1="&#xc3;" u2="&#x152;" k="41" />
-<hkern u1="&#xc3;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc3;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc3;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc3;" u2="Y" k="123" />
-<hkern u1="&#xc3;" u2="W" k="82" />
-<hkern u1="&#xc3;" u2="V" k="82" />
-<hkern u1="&#xc3;" u2="T" k="143" />
-<hkern u1="&#xc3;" u2="Q" k="41" />
-<hkern u1="&#xc3;" u2="O" k="41" />
-<hkern u1="&#xc3;" u2="J" k="-266" />
-<hkern u1="&#xc3;" u2="G" k="41" />
-<hkern u1="&#xc3;" u2="C" k="41" />
-<hkern u1="&#xc3;" u2="&#x27;" k="143" />
-<hkern u1="&#xc3;" u2="&#x22;" k="143" />
-<hkern u1="&#xc4;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc4;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc4;" u2="&#x178;" k="123" />
-<hkern u1="&#xc4;" u2="&#x152;" k="41" />
-<hkern u1="&#xc4;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc4;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc4;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc4;" u2="Y" k="123" />
-<hkern u1="&#xc4;" u2="W" k="82" />
-<hkern u1="&#xc4;" u2="V" k="82" />
-<hkern u1="&#xc4;" u2="T" k="143" />
-<hkern u1="&#xc4;" u2="Q" k="41" />
-<hkern u1="&#xc4;" u2="O" k="41" />
-<hkern u1="&#xc4;" u2="J" k="-266" />
-<hkern u1="&#xc4;" u2="G" k="41" />
-<hkern u1="&#xc4;" u2="C" k="41" />
-<hkern u1="&#xc4;" u2="&#x27;" k="143" />
-<hkern u1="&#xc4;" u2="&#x22;" k="143" />
-<hkern u1="&#xc5;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc5;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc5;" u2="&#x178;" k="123" />
-<hkern u1="&#xc5;" u2="&#x152;" k="41" />
-<hkern u1="&#xc5;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc5;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc5;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc5;" u2="Y" k="123" />
-<hkern u1="&#xc5;" u2="W" k="82" />
-<hkern u1="&#xc5;" u2="V" k="82" />
-<hkern u1="&#xc5;" u2="T" k="143" />
-<hkern u1="&#xc5;" u2="Q" k="41" />
-<hkern u1="&#xc5;" u2="O" k="41" />
-<hkern u1="&#xc5;" u2="J" k="-266" />
-<hkern u1="&#xc5;" u2="G" k="41" />
-<hkern u1="&#xc5;" u2="C" k="41" />
-<hkern u1="&#xc5;" u2="&#x27;" k="143" />
-<hkern u1="&#xc5;" u2="&#x22;" k="143" />
-<hkern u1="&#xc6;" u2="J" k="-123" />
-<hkern u1="&#xc7;" u2="&#x152;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc7;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc7;" u2="Q" k="41" />
-<hkern u1="&#xc7;" u2="O" k="41" />
-<hkern u1="&#xc7;" u2="G" k="41" />
-<hkern u1="&#xc7;" u2="C" k="41" />
-<hkern u1="&#xc8;" u2="J" k="-123" />
-<hkern u1="&#xc9;" u2="J" k="-123" />
-<hkern u1="&#xca;" u2="J" k="-123" />
-<hkern u1="&#xcb;" u2="J" k="-123" />
-<hkern u1="&#xd0;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd0;" u2="&#x178;" k="20" />
-<hkern u1="&#xd0;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd0;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd0;" u2="Z" k="20" />
-<hkern u1="&#xd0;" u2="Y" k="20" />
-<hkern u1="&#xd0;" u2="X" k="41" />
-<hkern u1="&#xd0;" u2="W" k="20" />
-<hkern u1="&#xd0;" u2="V" k="20" />
-<hkern u1="&#xd0;" u2="T" k="61" />
-<hkern u1="&#xd0;" u2="A" k="41" />
-<hkern u1="&#xd0;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd2;" u2="&#x178;" k="20" />
-<hkern u1="&#xd2;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd2;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd2;" u2="Z" k="20" />
-<hkern u1="&#xd2;" u2="Y" k="20" />
-<hkern u1="&#xd2;" u2="X" k="41" />
-<hkern u1="&#xd2;" u2="W" k="20" />
-<hkern u1="&#xd2;" u2="V" k="20" />
-<hkern u1="&#xd2;" u2="T" k="61" />
-<hkern u1="&#xd2;" u2="A" k="41" />
-<hkern u1="&#xd2;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd3;" u2="&#x178;" k="20" />
-<hkern u1="&#xd3;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd3;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd3;" u2="Z" k="20" />
-<hkern u1="&#xd3;" u2="Y" k="20" />
-<hkern u1="&#xd3;" u2="X" k="41" />
-<hkern u1="&#xd3;" u2="W" k="20" />
-<hkern u1="&#xd3;" u2="V" k="20" />
-<hkern u1="&#xd3;" u2="T" k="61" />
-<hkern u1="&#xd3;" u2="A" k="41" />
-<hkern u1="&#xd3;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd4;" u2="&#x178;" k="20" />
-<hkern u1="&#xd4;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd4;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd4;" u2="Z" k="20" />
-<hkern u1="&#xd4;" u2="Y" k="20" />
-<hkern u1="&#xd4;" u2="X" k="41" />
-<hkern u1="&#xd4;" u2="W" k="20" />
-<hkern u1="&#xd4;" u2="V" k="20" />
-<hkern u1="&#xd4;" u2="T" k="61" />
-<hkern u1="&#xd4;" u2="A" k="41" />
-<hkern u1="&#xd4;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd5;" u2="&#x178;" k="20" />
-<hkern u1="&#xd5;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd5;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd5;" u2="Z" k="20" />
-<hkern u1="&#xd5;" u2="Y" k="20" />
-<hkern u1="&#xd5;" u2="X" k="41" />
-<hkern u1="&#xd5;" u2="W" k="20" />
-<hkern u1="&#xd5;" u2="V" k="20" />
-<hkern u1="&#xd5;" u2="T" k="61" />
-<hkern u1="&#xd5;" u2="A" k="41" />
-<hkern u1="&#xd5;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd6;" u2="&#x178;" k="20" />
-<hkern u1="&#xd6;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd6;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd6;" u2="Z" k="20" />
-<hkern u1="&#xd6;" u2="Y" k="20" />
-<hkern u1="&#xd6;" u2="X" k="41" />
-<hkern u1="&#xd6;" u2="W" k="20" />
-<hkern u1="&#xd6;" u2="V" k="20" />
-<hkern u1="&#xd6;" u2="T" k="61" />
-<hkern u1="&#xd6;" u2="A" k="41" />
-<hkern u1="&#xd6;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd8;" u2="&#x178;" k="20" />
-<hkern u1="&#xd8;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd8;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd8;" u2="Z" k="20" />
-<hkern u1="&#xd8;" u2="Y" k="20" />
-<hkern u1="&#xd8;" u2="X" k="41" />
-<hkern u1="&#xd8;" u2="W" k="20" />
-<hkern u1="&#xd8;" u2="V" k="20" />
-<hkern u1="&#xd8;" u2="T" k="61" />
-<hkern u1="&#xd8;" u2="A" k="41" />
-<hkern u1="&#xd8;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd9;" u2="&#x201e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x201a;" k="41" />
-<hkern u1="&#xd9;" u2="&#xc5;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc4;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc3;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc2;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc1;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc0;" k="20" />
-<hkern u1="&#xd9;" u2="A" k="20" />
-<hkern u1="&#xd9;" u2="&#x2e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x2c;" k="41" />
-<hkern u1="&#xda;" u2="&#x201e;" k="41" />
-<hkern u1="&#xda;" u2="&#x201a;" k="41" />
-<hkern u1="&#xda;" u2="&#xc5;" k="20" />
-<hkern u1="&#xda;" u2="&#xc4;" k="20" />
-<hkern u1="&#xda;" u2="&#xc3;" k="20" />
-<hkern u1="&#xda;" u2="&#xc2;" k="20" />
-<hkern u1="&#xda;" u2="&#xc1;" k="20" />
-<hkern u1="&#xda;" u2="&#xc0;" k="20" />
-<hkern u1="&#xda;" u2="A" k="20" />
-<hkern u1="&#xda;" u2="&#x2e;" k="41" />
-<hkern u1="&#xda;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdb;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdb;" u2="A" k="20" />
-<hkern u1="&#xdb;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdc;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdc;" u2="A" k="20" />
-<hkern u1="&#xdc;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdd;" u2="&#x201e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x201a;" k="123" />
-<hkern u1="&#xdd;" u2="&#x153;" k="102" />
-<hkern u1="&#xdd;" u2="&#x152;" k="41" />
-<hkern u1="&#xdd;" u2="&#xfc;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfb;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfa;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf9;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xeb;" k="102" />
-<hkern u1="&#xdd;" u2="&#xea;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe9;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe7;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe1;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe0;" k="102" />
-<hkern u1="&#xdd;" u2="&#xd8;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd6;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd5;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd4;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd3;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd2;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc7;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc5;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc4;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc3;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc2;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc1;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc0;" k="123" />
-<hkern u1="&#xdd;" u2="z" k="41" />
-<hkern u1="&#xdd;" u2="u" k="61" />
-<hkern u1="&#xdd;" u2="s" k="82" />
-<hkern u1="&#xdd;" u2="r" k="61" />
-<hkern u1="&#xdd;" u2="q" k="102" />
-<hkern u1="&#xdd;" u2="p" k="61" />
-<hkern u1="&#xdd;" u2="o" k="102" />
-<hkern u1="&#xdd;" u2="n" k="61" />
-<hkern u1="&#xdd;" u2="m" k="61" />
-<hkern u1="&#xdd;" u2="g" k="41" />
-<hkern u1="&#xdd;" u2="e" k="102" />
-<hkern u1="&#xdd;" u2="d" k="102" />
-<hkern u1="&#xdd;" u2="c" k="102" />
-<hkern u1="&#xdd;" u2="a" k="102" />
-<hkern u1="&#xdd;" u2="Q" k="41" />
-<hkern u1="&#xdd;" u2="O" k="41" />
-<hkern u1="&#xdd;" u2="G" k="41" />
-<hkern u1="&#xdd;" u2="C" k="41" />
-<hkern u1="&#xdd;" u2="A" k="123" />
-<hkern u1="&#xdd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xdd;" u2="&#x2e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x2c;" k="123" />
-<hkern u1="&#xde;" u2="&#x201e;" k="266" />
-<hkern u1="&#xde;" u2="&#x201a;" k="266" />
-<hkern u1="&#xde;" u2="&#xc5;" k="102" />
-<hkern u1="&#xde;" u2="&#xc4;" k="102" />
-<hkern u1="&#xde;" u2="&#xc3;" k="102" />
-<hkern u1="&#xde;" u2="&#xc2;" k="102" />
-<hkern u1="&#xde;" u2="&#xc1;" k="102" />
-<hkern u1="&#xde;" u2="&#xc0;" k="102" />
-<hkern u1="&#xde;" u2="Z" k="20" />
-<hkern u1="&#xde;" u2="X" k="41" />
-<hkern u1="&#xde;" u2="A" k="102" />
-<hkern u1="&#xde;" u2="&#x2e;" k="266" />
-<hkern u1="&#xde;" u2="&#x2c;" k="266" />
-<hkern u1="&#xe0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe0;" u2="&#x27;" k="20" />
-<hkern u1="&#xe0;" u2="&#x22;" k="20" />
-<hkern u1="&#xe1;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe1;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe1;" u2="&#x27;" k="20" />
-<hkern u1="&#xe1;" u2="&#x22;" k="20" />
-<hkern u1="&#xe2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe2;" u2="&#x27;" k="20" />
-<hkern u1="&#xe2;" u2="&#x22;" k="20" />
-<hkern u1="&#xe3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe3;" u2="&#x27;" k="20" />
-<hkern u1="&#xe3;" u2="&#x22;" k="20" />
-<hkern u1="&#xe4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe4;" u2="&#x27;" k="20" />
-<hkern u1="&#xe4;" u2="&#x22;" k="20" />
-<hkern u1="&#xe5;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe5;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe5;" u2="&#x27;" k="20" />
-<hkern u1="&#xe5;" u2="&#x22;" k="20" />
-<hkern u1="&#xe8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe8;" u2="z" k="20" />
-<hkern u1="&#xe8;" u2="y" k="41" />
-<hkern u1="&#xe8;" u2="x" k="41" />
-<hkern u1="&#xe8;" u2="w" k="41" />
-<hkern u1="&#xe8;" u2="v" k="41" />
-<hkern u1="&#xe8;" u2="&#x27;" k="20" />
-<hkern u1="&#xe8;" u2="&#x22;" k="20" />
-<hkern u1="&#xe9;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe9;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe9;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe9;" u2="z" k="20" />
-<hkern u1="&#xe9;" u2="y" k="41" />
-<hkern u1="&#xe9;" u2="x" k="41" />
-<hkern u1="&#xe9;" u2="w" k="41" />
-<hkern u1="&#xe9;" u2="v" k="41" />
-<hkern u1="&#xe9;" u2="&#x27;" k="20" />
-<hkern u1="&#xe9;" u2="&#x22;" k="20" />
-<hkern u1="&#xea;" u2="&#x201d;" k="20" />
-<hkern u1="&#xea;" u2="&#x2019;" k="20" />
-<hkern u1="&#xea;" u2="&#xfd;" k="41" />
-<hkern u1="&#xea;" u2="z" k="20" />
-<hkern u1="&#xea;" u2="y" k="41" />
-<hkern u1="&#xea;" u2="x" k="41" />
-<hkern u1="&#xea;" u2="w" k="41" />
-<hkern u1="&#xea;" u2="v" k="41" />
-<hkern u1="&#xea;" u2="&#x27;" k="20" />
-<hkern u1="&#xea;" u2="&#x22;" k="20" />
-<hkern u1="&#xeb;" u2="&#x201d;" k="20" />
-<hkern u1="&#xeb;" u2="&#x2019;" k="20" />
-<hkern u1="&#xeb;" u2="&#xfd;" k="41" />
-<hkern u1="&#xeb;" u2="z" k="20" />
-<hkern u1="&#xeb;" u2="y" k="41" />
-<hkern u1="&#xeb;" u2="x" k="41" />
-<hkern u1="&#xeb;" u2="w" k="41" />
-<hkern u1="&#xeb;" u2="v" k="41" />
-<hkern u1="&#xeb;" u2="&#x27;" k="20" />
-<hkern u1="&#xeb;" u2="&#x22;" k="20" />
-<hkern u1="&#xf0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf0;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf0;" u2="z" k="20" />
-<hkern u1="&#xf0;" u2="y" k="41" />
-<hkern u1="&#xf0;" u2="x" k="41" />
-<hkern u1="&#xf0;" u2="w" k="41" />
-<hkern u1="&#xf0;" u2="v" k="41" />
-<hkern u1="&#xf0;" u2="&#x27;" k="20" />
-<hkern u1="&#xf0;" u2="&#x22;" k="20" />
-<hkern u1="&#xf2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf2;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf2;" u2="z" k="20" />
-<hkern u1="&#xf2;" u2="y" k="41" />
-<hkern u1="&#xf2;" u2="x" k="41" />
-<hkern u1="&#xf2;" u2="w" k="41" />
-<hkern u1="&#xf2;" u2="v" k="41" />
-<hkern u1="&#xf2;" u2="&#x27;" k="20" />
-<hkern u1="&#xf2;" u2="&#x22;" k="20" />
-<hkern u1="&#xf3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf3;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf3;" u2="z" k="20" />
-<hkern u1="&#xf3;" u2="y" k="41" />
-<hkern u1="&#xf3;" u2="x" k="41" />
-<hkern u1="&#xf3;" u2="w" k="41" />
-<hkern u1="&#xf3;" u2="v" k="41" />
-<hkern u1="&#xf3;" u2="&#x27;" k="20" />
-<hkern u1="&#xf3;" u2="&#x22;" k="20" />
-<hkern u1="&#xf4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf4;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf4;" u2="z" k="20" />
-<hkern u1="&#xf4;" u2="y" k="41" />
-<hkern u1="&#xf4;" u2="x" k="41" />
-<hkern u1="&#xf4;" u2="w" k="41" />
-<hkern u1="&#xf4;" u2="v" k="41" />
-<hkern u1="&#xf4;" u2="&#x27;" k="20" />
-<hkern u1="&#xf4;" u2="&#x22;" k="20" />
-<hkern u1="&#xf6;" u2="&#x201d;" k="41" />
-<hkern u1="&#xf6;" u2="&#x2019;" k="41" />
-<hkern u1="&#xf6;" u2="&#x27;" k="41" />
-<hkern u1="&#xf6;" u2="&#x22;" k="41" />
-<hkern u1="&#xf8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf8;" u2="z" k="20" />
-<hkern u1="&#xf8;" u2="y" k="41" />
-<hkern u1="&#xf8;" u2="x" k="41" />
-<hkern u1="&#xf8;" u2="w" k="41" />
-<hkern u1="&#xf8;" u2="v" k="41" />
-<hkern u1="&#xf8;" u2="&#x27;" k="20" />
-<hkern u1="&#xf8;" u2="&#x22;" k="20" />
-<hkern u1="&#xfd;" u2="&#x201e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x201a;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xfd;" u2="&#x2e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2c;" k="82" />
-<hkern u1="&#xfd;" u2="&#x27;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x22;" k="-82" />
-<hkern u1="&#xfe;" u2="&#x201d;" k="20" />
-<hkern u1="&#xfe;" u2="&#x2019;" k="20" />
-<hkern u1="&#xfe;" u2="&#xfd;" k="41" />
-<hkern u1="&#xfe;" u2="z" k="20" />
-<hkern u1="&#xfe;" u2="y" k="41" />
-<hkern u1="&#xfe;" u2="x" k="41" />
-<hkern u1="&#xfe;" u2="w" k="41" />
-<hkern u1="&#xfe;" u2="v" k="41" />
-<hkern u1="&#xfe;" u2="&#x27;" k="20" />
-<hkern u1="&#xfe;" u2="&#x22;" k="20" />
-<hkern u1="&#xff;" u2="&#x201e;" k="82" />
-<hkern u1="&#xff;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xff;" u2="&#x201a;" k="82" />
-<hkern u1="&#xff;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xff;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xff;" u2="&#x2e;" k="82" />
-<hkern u1="&#xff;" u2="&#x2c;" k="82" />
-<hkern u1="&#xff;" u2="&#x27;" k="-82" />
-<hkern u1="&#xff;" u2="&#x22;" k="-82" />
-<hkern u1="&#x152;" u2="J" k="-123" />
-<hkern u1="&#x178;" u2="&#x201e;" k="123" />
-<hkern u1="&#x178;" u2="&#x201a;" k="123" />
-<hkern u1="&#x178;" u2="&#x153;" k="102" />
-<hkern u1="&#x178;" u2="&#x152;" k="41" />
-<hkern u1="&#x178;" u2="&#xfc;" k="61" />
-<hkern u1="&#x178;" u2="&#xfb;" k="61" />
-<hkern u1="&#x178;" u2="&#xfa;" k="61" />
-<hkern u1="&#x178;" u2="&#xf9;" k="61" />
-<hkern u1="&#x178;" u2="&#xf8;" k="102" />
-<hkern u1="&#x178;" u2="&#xf6;" k="102" />
-<hkern u1="&#x178;" u2="&#xf5;" k="102" />
-<hkern u1="&#x178;" u2="&#xf4;" k="102" />
-<hkern u1="&#x178;" u2="&#xf3;" k="102" />
-<hkern u1="&#x178;" u2="&#xf2;" k="102" />
-<hkern u1="&#x178;" u2="&#xeb;" k="102" />
-<hkern u1="&#x178;" u2="&#xea;" k="102" />
-<hkern u1="&#x178;" u2="&#xe9;" k="102" />
-<hkern u1="&#x178;" u2="&#xe8;" k="102" />
-<hkern u1="&#x178;" u2="&#xe7;" k="102" />
-<hkern u1="&#x178;" u2="&#xe6;" k="102" />
-<hkern u1="&#x178;" u2="&#xe5;" k="102" />
-<hkern u1="&#x178;" u2="&#xe4;" k="102" />
-<hkern u1="&#x178;" u2="&#xe3;" k="102" />
-<hkern u1="&#x178;" u2="&#xe2;" k="102" />
-<hkern u1="&#x178;" u2="&#xe1;" k="102" />
-<hkern u1="&#x178;" u2="&#xe0;" k="102" />
-<hkern u1="&#x178;" u2="&#xd8;" k="41" />
-<hkern u1="&#x178;" u2="&#xd6;" k="41" />
-<hkern u1="&#x178;" u2="&#xd5;" k="41" />
-<hkern u1="&#x178;" u2="&#xd4;" k="41" />
-<hkern u1="&#x178;" u2="&#xd3;" k="41" />
-<hkern u1="&#x178;" u2="&#xd2;" k="41" />
-<hkern u1="&#x178;" u2="&#xc7;" k="41" />
-<hkern u1="&#x178;" u2="&#xc5;" k="123" />
-<hkern u1="&#x178;" u2="&#xc4;" k="123" />
-<hkern u1="&#x178;" u2="&#xc3;" k="123" />
-<hkern u1="&#x178;" u2="&#xc2;" k="123" />
-<hkern u1="&#x178;" u2="&#xc1;" k="123" />
-<hkern u1="&#x178;" u2="&#xc0;" k="123" />
-<hkern u1="&#x178;" u2="z" k="41" />
-<hkern u1="&#x178;" u2="u" k="61" />
-<hkern u1="&#x178;" u2="s" k="82" />
-<hkern u1="&#x178;" u2="r" k="61" />
-<hkern u1="&#x178;" u2="q" k="102" />
-<hkern u1="&#x178;" u2="p" k="61" />
-<hkern u1="&#x178;" u2="o" k="102" />
-<hkern u1="&#x178;" u2="n" k="61" />
-<hkern u1="&#x178;" u2="m" k="61" />
-<hkern u1="&#x178;" u2="g" k="41" />
-<hkern u1="&#x178;" u2="e" k="102" />
-<hkern u1="&#x178;" u2="d" k="102" />
-<hkern u1="&#x178;" u2="c" k="102" />
-<hkern u1="&#x178;" u2="a" k="102" />
-<hkern u1="&#x178;" u2="Q" k="41" />
-<hkern u1="&#x178;" u2="O" k="41" />
-<hkern u1="&#x178;" u2="G" k="41" />
-<hkern u1="&#x178;" u2="C" k="41" />
-<hkern u1="&#x178;" u2="A" k="123" />
-<hkern u1="&#x178;" u2="&#x3f;" k="-41" />
-<hkern u1="&#x178;" u2="&#x2e;" k="123" />
-<hkern u1="&#x178;" u2="&#x2c;" k="123" />
-<hkern u1="&#x2013;" u2="T" k="82" />
-<hkern u1="&#x2014;" u2="T" k="82" />
-<hkern u1="&#x2018;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2018;" u2="&#x153;" k="123" />
-<hkern u1="&#x2018;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2018;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2018;" u2="&#xea;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2018;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2018;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2018;" u2="u" k="61" />
-<hkern u1="&#x2018;" u2="s" k="61" />
-<hkern u1="&#x2018;" u2="r" k="61" />
-<hkern u1="&#x2018;" u2="q" k="123" />
-<hkern u1="&#x2018;" u2="p" k="61" />
-<hkern u1="&#x2018;" u2="o" k="123" />
-<hkern u1="&#x2018;" u2="n" k="61" />
-<hkern u1="&#x2018;" u2="m" k="61" />
-<hkern u1="&#x2018;" u2="g" k="61" />
-<hkern u1="&#x2018;" u2="e" k="123" />
-<hkern u1="&#x2018;" u2="d" k="123" />
-<hkern u1="&#x2018;" u2="c" k="123" />
-<hkern u1="&#x2018;" u2="a" k="82" />
-<hkern u1="&#x2018;" u2="Y" k="-20" />
-<hkern u1="&#x2018;" u2="W" k="-41" />
-<hkern u1="&#x2018;" u2="V" k="-41" />
-<hkern u1="&#x2018;" u2="T" k="-41" />
-<hkern u1="&#x2018;" u2="A" k="143" />
-<hkern u1="&#x2019;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2019;" u2="&#x153;" k="123" />
-<hkern u1="&#x2019;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2019;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2019;" u2="&#xea;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2019;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2019;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2019;" u2="u" k="61" />
-<hkern u1="&#x2019;" u2="s" k="61" />
-<hkern u1="&#x2019;" u2="r" k="61" />
-<hkern u1="&#x2019;" u2="q" k="123" />
-<hkern u1="&#x2019;" u2="p" k="61" />
-<hkern u1="&#x2019;" u2="o" k="123" />
-<hkern u1="&#x2019;" u2="n" k="61" />
-<hkern u1="&#x2019;" u2="m" k="61" />
-<hkern u1="&#x2019;" u2="g" k="61" />
-<hkern u1="&#x2019;" u2="e" k="123" />
-<hkern u1="&#x2019;" u2="d" k="123" />
-<hkern u1="&#x2019;" u2="c" k="123" />
-<hkern u1="&#x2019;" u2="a" k="82" />
-<hkern u1="&#x2019;" u2="Y" k="-20" />
-<hkern u1="&#x2019;" u2="W" k="-41" />
-<hkern u1="&#x2019;" u2="V" k="-41" />
-<hkern u1="&#x2019;" u2="T" k="-41" />
-<hkern u1="&#x2019;" u2="A" k="143" />
-<hkern u1="&#x201a;" u2="&#x178;" k="123" />
-<hkern u1="&#x201a;" u2="&#x152;" k="102" />
-<hkern u1="&#x201a;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201a;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201a;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201a;" u2="&#xda;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201a;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201a;" u2="Y" k="123" />
-<hkern u1="&#x201a;" u2="W" k="123" />
-<hkern u1="&#x201a;" u2="V" k="123" />
-<hkern u1="&#x201a;" u2="U" k="41" />
-<hkern u1="&#x201a;" u2="T" k="143" />
-<hkern u1="&#x201a;" u2="Q" k="102" />
-<hkern u1="&#x201a;" u2="O" k="102" />
-<hkern u1="&#x201a;" u2="G" k="102" />
-<hkern u1="&#x201a;" u2="C" k="102" />
-<hkern u1="&#x201c;" u2="&#x178;" k="-20" />
-<hkern u1="&#x201c;" u2="&#x153;" k="123" />
-<hkern u1="&#x201c;" u2="&#xfc;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfb;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfa;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf9;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf6;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf5;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf4;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf3;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf2;" k="123" />
-<hkern u1="&#x201c;" u2="&#xeb;" k="123" />
-<hkern u1="&#x201c;" u2="&#xea;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe9;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe7;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe6;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe5;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe4;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe3;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe2;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe1;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe0;" k="123" />
-<hkern u1="&#x201c;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x201c;" u2="&#xc5;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc4;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc3;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc2;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc1;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc0;" k="143" />
-<hkern u1="&#x201c;" u2="u" k="61" />
-<hkern u1="&#x201c;" u2="s" k="61" />
-<hkern u1="&#x201c;" u2="r" k="61" />
-<hkern u1="&#x201c;" u2="q" k="123" />
-<hkern u1="&#x201c;" u2="p" k="61" />
-<hkern u1="&#x201c;" u2="o" k="123" />
-<hkern u1="&#x201c;" u2="n" k="61" />
-<hkern u1="&#x201c;" u2="m" k="61" />
-<hkern u1="&#x201c;" u2="g" k="61" />
-<hkern u1="&#x201c;" u2="e" k="123" />
-<hkern u1="&#x201c;" u2="d" k="123" />
-<hkern u1="&#x201c;" u2="c" k="123" />
-<hkern u1="&#x201c;" u2="a" k="82" />
-<hkern u1="&#x201c;" u2="Y" k="-20" />
-<hkern u1="&#x201c;" u2="W" k="-41" />
-<hkern u1="&#x201c;" u2="V" k="-41" />
-<hkern u1="&#x201c;" u2="T" k="-41" />
-<hkern u1="&#x201c;" u2="A" k="143" />
-<hkern u1="&#x201e;" u2="&#x178;" k="123" />
-<hkern u1="&#x201e;" u2="&#x152;" k="102" />
-<hkern u1="&#x201e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201e;" u2="&#xda;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201e;" u2="Y" k="123" />
-<hkern u1="&#x201e;" u2="W" k="123" />
-<hkern u1="&#x201e;" u2="V" k="123" />
-<hkern u1="&#x201e;" u2="U" k="41" />
-<hkern u1="&#x201e;" u2="T" k="143" />
-<hkern u1="&#x201e;" u2="Q" k="102" />
-<hkern u1="&#x201e;" u2="O" k="102" />
-<hkern u1="&#x201e;" u2="G" k="102" />
-<hkern u1="&#x201e;" u2="C" k="102" />
-</font>
-</defs></svg> 
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.woff b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.woff
deleted file mode 100644
index e786074..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Light-webfont.woff and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.eot b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.eot
deleted file mode 100644
index 8f44592..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.eot and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.svg b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.svg
deleted file mode 100644
index 431d7e3..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.svg
+++ /dev/null
@@ -1,1835 +0,0 @@
-<?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></metadata>
-<defs>
-<font id="open_sanslight_italic" horiz-adv-x="1128" >
-<font-face units-per-em="2048" ascent="1638" descent="-410" />
-<missing-glyph horiz-adv-x="532" />
-<glyph unicode="&#xfb00;" horiz-adv-x="1155" d="M-131 -492q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l246 1166h-205l14 67l205 14l35 160q35 168 116.5 244t227.5 76q73 0 166 -31l-25 -80q-87 27 -147 27q-96 0 -153.5 -53.5t-84.5 -178.5l-35 -164h477l35 160q35 168 116.5 244t227.5 76q73 0 166 -31 l-24 -80q-87 27 -148 27q-97 0 -154.5 -54.5t-82.5 -177.5l-35 -164h248l-17 -81h-248l-252 -1190q-34 -165 -105.5 -236.5t-193.5 -71.5q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l244 1166h-477l-252 -1190q-33 -161 -104 -234.5t-195 -73.5z" />
-<glyph unicode="&#xfb01;" horiz-adv-x="1040" d="M0 0zM739 0h-98l231 1087h96zM915 1366q0 55 22 88t60 33q57 0 57 -72q0 -57 -22 -90t-57 -33q-29 0 -44.5 19.5t-15.5 54.5zM-148 -492q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l246 1166h-205l14 67l205 14l35 160q35 168 116.5 244t227.5 76q73 0 166 -31 l-25 -80q-87 27 -147 27q-96 0 -153.5 -53.5t-84.5 -178.5l-35 -164h248l-16 -81h-248l-252 -1190q-33 -161 -104 -234.5t-195 -73.5z" />
-<glyph unicode="&#xfb02;" horiz-adv-x="1042" d="M0 0zM737 0h-94l334 1556h94zM-148 -492q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l246 1166h-205l14 67l205 14l35 160q35 168 116.5 244t227.5 76q73 0 166 -31l-25 -80q-87 27 -147 27q-96 0 -153.5 -53.5t-84.5 -178.5l-35 -164h248l-16 -81h-248 l-252 -1190q-33 -161 -104 -234.5t-195 -73.5z" />
-<glyph unicode="&#xfb03;" horiz-adv-x="1616" d="M0 0zM-148 -492q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l246 1166h-205l14 67l205 14l35 160q35 168 116.5 244t227.5 76q73 0 166 -31l-25 -80q-87 27 -147 27q-96 0 -153.5 -53.5t-84.5 -178.5l-35 -164h477l35 160q35 168 116.5 244t227.5 76 q73 0 166 -31l-24 -80q-87 27 -148 27q-97 0 -154.5 -54.5t-82.5 -177.5l-35 -164h248l-17 -81h-248l-252 -1190q-34 -165 -105.5 -236.5t-193.5 -71.5q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l244 1166h-477l-252 -1190q-33 -161 -104 -234.5t-195 -73.5z M1315 0h-98l231 1087h96zM1491 1366q0 55 22 88t60 33q57 0 57 -72q0 -57 -22 -90t-57 -33q-29 0 -44.5 19.5t-15.5 54.5z" />
-<glyph unicode="&#xfb04;" horiz-adv-x="1626" d="M0 0zM-148 -492q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l246 1166h-205l14 67l205 14l35 160q35 168 116.5 244t227.5 76q73 0 166 -31l-25 -80q-87 27 -147 27q-96 0 -153.5 -53.5t-84.5 -178.5l-35 -164h477l35 160q35 168 116.5 244t227.5 76 q73 0 166 -31l-24 -80q-87 27 -148 27q-97 0 -154.5 -54.5t-82.5 -177.5l-35 -164h248l-17 -81h-248l-252 -1190q-34 -165 -105.5 -236.5t-193.5 -71.5q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l244 1166h-477l-252 -1190q-33 -161 -104 -234.5t-195 -73.5z M1321 0h-94l334 1556h94z" />
-<glyph horiz-adv-x="2048" />
-<glyph horiz-adv-x="2048" />
-<glyph unicode="&#xd;" horiz-adv-x="1044" />
-<glyph unicode=" "  horiz-adv-x="532" />
-<glyph unicode="&#x09;" horiz-adv-x="532" />
-<glyph unicode="&#xa0;" horiz-adv-x="532" />
-<glyph unicode="!" horiz-adv-x="502" d="M248 377h-62l203 1085h119zM80 57q0 56 25 88.5t69 32.5q66 0 66 -72q0 -53 -25 -87.5t-68 -34.5q-67 0 -67 73z" />
-<glyph unicode="&#x22;" horiz-adv-x="721" d="M455 1462l-146 -528h-61l80 528h127zM784 1462l-145 -528h-61l79 528h127z" />
-<glyph unicode="#" horiz-adv-x="1323" d="M389 530l119 398h-297l8 80h311l134 454h90l-136 -454h365l135 454h86l-135 -454h285l-8 -80h-302l-118 -398h303l-8 -79h-320l-133 -451h-90l135 451h-360l-134 -451h-88l134 451h-283l8 79h299zM475 530h363l120 398h-362z" />
-<glyph unicode="$" d="M928 467q0 -151 -110.5 -243t-297.5 -103l-53 -240h-82l51 240q-79 2 -158 18t-137 43v94q65 -34 153.5 -53.5t160.5 -19.5l110 512q-110 53 -153 91t-66.5 87.5t-23.5 116.5q0 155 105.5 250.5t272.5 99.5l41 192h80l-41 -192q149 -5 277 -68l-35 -78q-110 61 -256 70 l-109 -514q124 -60 172.5 -99.5t73.5 -88.5t25 -115zM537 203q142 7 223.5 74.5t81.5 183.5q0 76 -48 129.5t-157 97.5zM686 1284q-134 -9 -205 -80t-71 -186q0 -78 37 -128.5t137 -96.5z" />
-<glyph unicode="%" horiz-adv-x="1556" d="M1458 1462l-1139 -1462h-106l1135 1462h110zM1520 612q0 -175 -50 -327t-136 -230t-197 -78q-112 0 -172 75.5t-60 223.5q0 160 52 312t138 229.5t193 77.5q121 0 176.5 -71.5t55.5 -211.5zM1284 821q-80 0 -146.5 -72.5t-106.5 -202.5t-40 -263q0 -116 41 -174t113 -58 q130 0 209.5 166.5t79.5 386.5q0 109 -36 163t-114 54zM760 1198q0 -175 -50 -327t-136 -230t-197 -78q-112 0 -172 75.5t-60 223.5q0 160 52 312t138 229.5t193 77.5q232 0 232 -283zM524 1407q-79 0 -145 -71.5t-107 -203t-41 -264.5q0 -115 41 -173t113 -58 q84 0 148.5 72t102.5 204t38 277q0 109 -36 163t-114 54z" />
-<glyph unicode="&#x26;" horiz-adv-x="1331" d="M748 1395q-125 0 -194 -68t-69 -192q0 -132 109 -281q203 89 279.5 163.5t76.5 182.5q0 91 -56.5 143t-145.5 52zM465 63q108 0 211.5 42.5t222.5 146.5l-352 493q-164 -79 -232 -134.5t-103.5 -124t-35.5 -158.5q0 -119 78 -192t211 -73zM78 324q0 162 99 277.5 t325 215.5l-41 67q-78 128 -78 251q0 157 101 253.5t264 96.5q145 0 227 -76.5t82 -206.5q0 -85 -41 -154t-121 -128t-256 -138l330 -463q73 75 135.5 176.5t91.5 186.5h111q-102 -247 -285 -436l184 -246h-123l-131 184q-121 -108 -242 -156t-266 -48q-167 0 -266.5 94 t-99.5 250z" />
-<glyph unicode="'" horiz-adv-x="403" d="M461 1462l-146 -528h-61l80 528h127z" />
-<glyph unicode="(" horiz-adv-x="526" d="M104 270q0 343 122 633t382 559h105q-259 -276 -384.5 -568t-125.5 -618q0 -317 127 -600h-80q-146 262 -146 594z" />
-<glyph unicode=")" horiz-adv-x="526" d="M453 868q0 -345 -123.5 -636t-380.5 -556h-105q257 274 383.5 566.5t126.5 619.5q0 148 -28.5 294t-98.5 306h80q146 -262 146 -594z" />
-<glyph unicode="*" horiz-adv-x="1137" d="M834 1540l-109 -405l438 8l-8 -107l-416 29l181 -401l-115 -37l-135 417l-285 -348l-78 78l318 318l-392 125l39 102l394 -168l47 408z" />
-<glyph unicode="+" d="M563 672h-401v100h401v404h101v-404h401v-100h-401v-400h-101v400z" />
-<glyph unicode="," horiz-adv-x="451" d="M250 238l8 -23q-34 -92 -114 -233.5t-160 -245.5h-74q79 132 141 271t88 231h111z" />
-<glyph unicode="-" horiz-adv-x="629" d="M82 502l18 90h457l-16 -90h-459z" />
-<glyph unicode="." horiz-adv-x="485" d="M82 55q0 56 25 88.5t69 32.5q66 0 66 -72q0 -53 -25 -87.5t-67 -34.5q-68 0 -68 73z" />
-<glyph unicode="/" horiz-adv-x="641" d="M827 1462l-817 -1462h-110l815 1462h112z" />
-<glyph unicode="0" d="M1075 1016q0 -201 -41 -405t-116.5 -346t-183.5 -213.5t-242 -71.5q-176 0 -264.5 126.5t-88.5 387.5q0 186 44.5 381.5t124 334t187 207t240.5 68.5q340 0 340 -469zM723 1397q-134 0 -241.5 -113t-173.5 -329t-66 -451q0 -222 62.5 -329t197.5 -107q139 0 244 112 t166 337t61 489q0 199 -59.5 295t-190.5 96z" />
-<glyph unicode="1" d="M537 0h-105l225 1055q19 92 74 293q-42 -36 -75.5 -61t-249.5 -161l-52 78l406 258h90z" />
-<glyph unicode="2" d="M909 0h-870l22 104l449 402q198 177 284 276.5t126.5 186.5t40.5 180q0 112 -66 178t-197 66q-176 0 -333 -129l-54 73q180 146 394 146q173 0 268.5 -85t95.5 -237q0 -110 -43.5 -208.5t-141.5 -211.5t-311 -303l-383 -338v-4h736z" />
-<glyph unicode="3" d="M1049 1174q0 -162 -106 -275t-286 -143v-4q117 -24 185.5 -115.5t68.5 -226.5q0 -134 -64 -233t-179.5 -148t-274.5 -49q-96 0 -184.5 20.5t-153.5 52.5v101q172 -86 344 -86q197 0 303.5 89.5t106.5 252.5q0 145 -89 223t-247 78h-117l21 96h110q209 0 333 95.5 t124 258.5q0 114 -63.5 175t-188.5 61q-167 0 -344 -131l-49 75q84 67 188 104.5t218 37.5q161 0 252.5 -82.5t91.5 -226.5z" />
-<glyph unicode="4" d="M1071 371h-264l-80 -371h-96l80 371h-688l20 96l881 1010h118l-215 -1018h265zM729 459q79 369 119 558.5t86 354.5h-4q-66 -91 -129 -166l-651 -747h579z" />
-<glyph unicode="5" d="M582 879q188 0 292.5 -102t104.5 -279q0 -237 -148 -377.5t-407 -140.5q-84 0 -177.5 20t-158.5 51v107q170 -90 340 -90q208 0 328.5 114.5t120.5 313.5q0 140 -85 219.5t-225 79.5q-133 0 -243 -41l-66 49l193 659h624l-18 -96h-541l-149 -516q98 29 215 29z" />
-<glyph unicode="6" d="M170 428q0 283 105 544.5t269.5 385t383.5 123.5q123 0 182 -21l-18 -90q-86 23 -170 23q-233 0 -393.5 -174t-233.5 -502h8q68 94 164 143t211 49q161 0 250.5 -100.5t89.5 -282.5q0 -156 -60 -281t-171 -195t-257 -70q-171 0 -265.5 119t-94.5 329zM543 68 q112 0 196.5 58.5t130 162t45.5 229.5q0 146 -67 224.5t-195 78.5q-81 0 -154 -31.5t-129 -87t-78 -115t-22 -173.5q0 -164 72.5 -255t200.5 -91z" />
-<glyph unicode="7" d="M244 0l796 1366h-766l23 96h858l-20 -110l-779 -1352h-112z" />
-<glyph unicode="8" d="M737 1485q163 0 258 -85t95 -229q0 -138 -84 -234.5t-285 -172.5q130 -78 190 -170.5t60 -208.5t-58 -208t-165.5 -144.5t-260.5 -52.5q-178 0 -283.5 92.5t-105.5 253.5q0 159 100.5 268.5t321.5 187.5q-100 72 -144 152t-44 180q0 159 114 265t291 106zM610 733 q-218 -73 -313.5 -167.5t-95.5 -225.5q0 -136 77.5 -206.5t219.5 -70.5q168 0 270 91t102 233q0 104 -62 189t-198 157zM727 1399q-130 0 -214.5 -82t-84.5 -203q0 -91 41.5 -159t157.5 -142q192 62 279 144t87 206q0 109 -70.5 172.5t-195.5 63.5z" />
-<glyph unicode="9" d="M1059 1032q0 -288 -101.5 -548t-263.5 -382t-393 -122q-114 0 -186 22v90q87 -29 192 -29q474 0 627 674h-8q-140 -192 -367 -192q-162 0 -255 105t-93 284q0 155 59.5 281t170.5 196t257 70q174 0 267.5 -115.5t93.5 -333.5zM686 1393q-112 0 -197.5 -58.5 t-130.5 -162.5t-45 -230q0 -145 67.5 -225t192.5 -80q83 0 157.5 32.5t129 87.5t76.5 114t22 176q0 166 -71 256t-201 90z" />
-<glyph unicode=":" horiz-adv-x="485" d="M260 989q0 57 25.5 89t68.5 32q66 0 66 -72q0 -55 -25 -89t-67 -34q-68 0 -68 74zM102 55q0 56 25.5 88.5t69.5 32.5q65 0 65 -72q0 -55 -25.5 -88.5t-66.5 -33.5q-68 0 -68 73z" />
-<glyph unicode=";" horiz-adv-x="485" d="M287 238l8 -23q-35 -96 -118.5 -242t-156.5 -237h-73q79 132 141 271t88 231h111zM266 989q0 57 25.5 89t68.5 32q66 0 66 -72q0 -55 -25 -89t-67 -34q-68 0 -68 74z" />
-<glyph unicode="&#x3c;" d="M1051 262l-914 414v74l914 471v-103l-801 -399l801 -350v-107z" />
-<glyph unicode="=" d="M168 885v100h903v-100h-903zM168 461v98h903v-98h-903z" />
-<glyph unicode="&#x3e;" d="M170 369l801 350l-801 399v103l915 -471v-74l-915 -414v107z" />
-<glyph unicode="?" horiz-adv-x="799" d="M242 362l6 29q29 132 82 206.5t157 147.5q118 84 175 145.5t86.5 127.5t29.5 141q0 108 -67.5 170t-182.5 62q-139 0 -307 -101l-39 86q85 49 171.5 78t187.5 29q159 0 250.5 -84.5t91.5 -229.5q0 -127 -66 -234t-231 -226q-85 -61 -132.5 -108.5t-73 -95t-46.5 -143.5 h-92zM170 59q0 56 25 88.5t69 32.5q66 0 66 -71q0 -54 -24.5 -88.5t-67.5 -34.5q-68 0 -68 73z" />
-<glyph unicode="@" horiz-adv-x="1724" d="M1688 858q0 -179 -56 -323.5t-154.5 -227t-211.5 -82.5q-98 0 -154.5 55t-56.5 144h-4q-54 -97 -132.5 -148t-168.5 -51q-112 0 -178 73t-66 202q0 156 63 283t178 198.5t261 71.5q122 0 252 -52l-84 -315q-39 -140 -39 -221q0 -71 34.5 -111.5t100.5 -40.5 q86 0 160 73.5t117.5 198t43.5 251.5q0 156 -65 277t-187 188t-292 67q-235 0 -424.5 -108.5t-295.5 -304t-106 -439.5q0 -288 155 -449t435 -161q207 0 420 82v-90q-210 -82 -428 -82q-203 0 -357.5 82.5t-238.5 239t-84 370.5q0 276 121.5 493.5t337 337t473.5 119.5 q189 0 330.5 -72.5t221 -213t79.5 -314.5zM1008 969q-113 0 -204.5 -59t-142.5 -165.5t-51 -238.5q0 -92 40.5 -142.5t113.5 -50.5q101 0 180.5 89t124.5 255l78 289q-66 23 -139 23z" />
-<glyph unicode="A" horiz-adv-x="1059" d="M805 520h-512l-287 -520h-117l822 1468h67l201 -1468h-105zM793 612l-39 291q-31 242 -39 402q-30 -63 -64.5 -130t-306.5 -563h449z" />
-<glyph unicode="B" horiz-adv-x="1202" d="M412 1462h379q190 0 290.5 -84t100.5 -241q0 -153 -90 -249t-254 -124v-4q125 -31 188.5 -113.5t63.5 -204.5q0 -205 -140.5 -323.5t-390.5 -118.5h-457zM377 811h278q206 0 313 81t107 238q0 119 -78 180.5t-229 61.5h-272zM358 721l-135 -631h342q201 0 309.5 87.5 t108.5 256.5q0 145 -90 216t-275 71h-260z" />
-<glyph unicode="C" horiz-adv-x="1169" d="M961 1389q-197 0 -351.5 -104.5t-245 -304.5t-90.5 -441q0 -225 110.5 -346t317.5 -121q140 0 304 51v-94q-156 -49 -316 -49q-252 0 -386 145t-134 410q0 266 104.5 488t284.5 341t402 119q177 0 307 -68l-45 -90q-55 30 -124.5 47t-137.5 17z" />
-<glyph unicode="D" horiz-adv-x="1350" d="M1288 879q0 -253 -109.5 -461.5t-300.5 -313t-446 -104.5h-330l310 1462h305q282 0 426.5 -147.5t144.5 -435.5zM430 90q226 0 394.5 94.5t261 275.5t92.5 412q0 498 -476 498h-206l-275 -1280h209z" />
-<glyph unicode="E" horiz-adv-x="1067" d="M829 0h-727l310 1462h727l-21 -94h-624l-117 -553h590l-21 -94h-588l-135 -627h627z" />
-<glyph unicode="F" horiz-adv-x="981" d="M205 0h-103l310 1462h708l-20 -94h-604l-134 -620h570l-21 -95h-569z" />
-<glyph unicode="G" horiz-adv-x="1374" d="M856 735h406l-150 -682q-211 -73 -405 -73q-257 0 -397 146t-140 421q0 265 105 483.5t283.5 335.5t395.5 117q113 0 203 -19t184 -59l-38 -94q-110 46 -189.5 62t-167.5 16q-184 0 -339 -107.5t-244 -301.5t-89 -433q0 -229 114.5 -352t326.5 -123q155 0 309 47l117 526 h-303z" />
-<glyph unicode="H" horiz-adv-x="1366" d="M1063 0h-100l151 719h-760l-149 -719h-103l310 1462h102l-139 -649h760l137 649h100z" />
-<glyph unicode="I" horiz-adv-x="504" d="M102 0l310 1462h98l-309 -1462h-99z" />
-<glyph unicode="J" horiz-adv-x="477" d="M-180 -360q-48 0 -88 8t-56 16l11 92q57 -20 137 -20q213 0 262 241l309 1485h105l-314 -1491q-35 -170 -125 -250.5t-241 -80.5z" />
-<glyph unicode="K" horiz-adv-x="1122" d="M979 0h-111l-342 788l-190 -153l-131 -635h-103l310 1462h102l-158 -723l133 121l680 602h138l-699 -610z" />
-<glyph unicode="L" horiz-adv-x="938" d="M102 0l310 1462h102l-289 -1366h621l-23 -96h-721z" />
-<glyph unicode="M" horiz-adv-x="1669" d="M772 205l733 1257h150l-301 -1462h-101l191 901q79 369 100 447h-6l-780 -1348h-51l-222 1348h-6q-20 -154 -78 -426l-196 -922h-96l309 1462h143l205 -1257h6z" />
-<glyph unicode="N" horiz-adv-x="1372" d="M1069 0h-86l-516 1284h-8q-23 -149 -48 -273t-214 -1011h-95l310 1462h80l522 -1294h8q23 176 74 416l188 878h94z" />
-<glyph unicode="O" horiz-adv-x="1464" d="M1403 911q0 -255 -94 -481.5t-252 -338t-365 -111.5q-250 0 -385 149t-135 430q0 262 93 477.5t255 331t373 115.5q247 0 378.5 -148.5t131.5 -423.5zM879 1389q-174 0 -308.5 -101t-214.5 -298t-80 -417q0 -245 109.5 -373t319.5 -128q169 0 300 98.5t210 300t79 430.5 q0 240 -104.5 364t-310.5 124z" />
-<glyph unicode="P" horiz-adv-x="1145" d="M1145 1102q0 -500 -610 -500h-201l-129 -602h-103l310 1462h315q202 0 310 -92.5t108 -267.5zM350 694h191q252 0 373.5 96.5t121.5 305.5q0 274 -329 274h-211z" />
-<glyph unicode="Q" horiz-adv-x="1464" d="M1403 911q0 -216 -70 -418t-186.5 -324t-274.5 -167l267 -350h-142l-231 332l-74 -4q-250 0 -385 149t-135 430q0 262 93 477.5t255 331t373 115.5q247 0 378.5 -148.5t131.5 -423.5zM879 1389q-174 0 -308.5 -101t-214.5 -298t-80 -417q0 -245 109.5 -373t319.5 -128 q169 0 300 98.5t210 300t79 430.5q0 240 -104.5 364t-310.5 124z" />
-<glyph unicode="R" horiz-adv-x="1145" d="M336 633l-131 -633h-103l310 1462h303q430 0 430 -360q0 -182 -103.5 -303t-281.5 -152q201 -591 221 -647h-111l-211 633h-323zM358 725h252q208 0 317 95.5t109 281.5q0 268 -329 268h-211z" />
-<glyph unicode="S" horiz-adv-x="1020" d="M895 403q0 -126 -65.5 -224.5t-179.5 -148.5t-269 -50q-88 0 -172.5 17t-171.5 58v109q163 -92 348 -92q188 0 295.5 86.5t107.5 232.5q0 61 -17 104.5t-52.5 78.5t-91 68t-131.5 75q-150 76 -209.5 164t-59.5 206t59 207.5t165 139t237 49.5q99 0 180 -17.5t168 -60.5 l-32 -94q-66 40 -151.5 63t-164.5 23q-163 0 -259.5 -82.5t-96.5 -218.5q0 -103 49 -170t182 -133q154 -79 213.5 -130t89 -113t29.5 -147z" />
-<glyph unicode="T" horiz-adv-x="985" d="M438 0h-102l289 1368h-432l20 94h973l-19 -94h-440z" />
-<glyph unicode="U" horiz-adv-x="1370" d="M1395 1462l-207 -977q-58 -270 -197 -387.5t-375 -117.5q-440 0 -440 401q0 83 27 201l186 880h103l-193 -899q-20 -89 -20 -184q0 -309 342 -309q195 0 307.5 96.5t158.5 318.5l207 977h101z" />
-<glyph unicode="V" horiz-adv-x="1079" d="M457 147q51 111 124 247l572 1068h117l-799 -1462h-88l-182 1462h100l117 -950q26 -217 35 -365h4z" />
-<glyph unicode="W" horiz-adv-x="1702" d="M1018 1341q-27 -76 -62 -153.5t-563 -1187.5h-82l-73 1462h100l47 -1031l4 -165l-2 -86h6q85 226 170 398l434 884h105l61 -878q19 -266 19 -410h6q30 86 61.5 163t493.5 1125h108q-169 -365 -330.5 -731t-328.5 -731h-78l-78 1075q-11 142 -11 219l1 47h-8z" />
-<glyph unicode="X" horiz-adv-x="971" d="M879 0h-107l-254 678l-526 -678h-127l608 766l-272 696h106l240 -626l483 626h119l-555 -719z" />
-<glyph unicode="Y" horiz-adv-x="965" d="M494 645l544 817h117l-631 -932l-108 -530h-105l119 545l-237 917h100z" />
-<glyph unicode="Z" d="M913 0h-925l22 92l1069 1276h-764l23 94h887l-19 -88l-1069 -1280h799z" />
-<glyph unicode="[" horiz-adv-x="537" d="M369 -324h-426l376 1786h429l-19 -90h-330l-340 -1605h330z" />
-<glyph unicode="\" horiz-adv-x="641" d="M295 1462l242 -1462h-82l-246 1462h86z" />
-<glyph unicode="]" horiz-adv-x="537" d="M203 1462h426l-377 -1786h-428l18 91h330l340 1605h-330z" />
-<glyph unicode="^" horiz-adv-x="1047" d="M70 569l587 906h91l260 -906h-105l-217 809l-500 -809h-116z" />
-<glyph unicode="_" horiz-adv-x="801" d="M625 -291h-807l18 86h807z" />
-<glyph unicode="`" horiz-adv-x="1135" d="M766 1241h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="a" horiz-adv-x="1133" d="M655 1104q232 0 279 -219h6l59 202h80l-229 -1087h-82l45 274h-6q-84 -142 -187 -218t-237 -76q-281 0 -281 374q0 197 75 376t200.5 276.5t277.5 97.5zM406 70q89 0 177.5 62t159 166t107.5 230t37 213q0 79 -26 141.5t-77 99t-127 36.5q-124 0 -224 -82t-164 -245.5 t-64 -325.5q0 -152 50 -223.5t151 -71.5z" />
-<glyph unicode="b" horiz-adv-x="1151" d="M500 -16q-113 0 -186 59t-97 166h-6l-55 -209h-80l327 1556h95q-131 -628 -162 -751h6q93 156 199 229.5t231 73.5q281 0 281 -375q0 -203 -76 -380t-201 -273t-276 -96zM750 1018q-91 0 -180 -61.5t-160.5 -169.5t-106.5 -235t-35 -206q0 -129 64 -202.5t166 -73.5 q124 0 224 83t164 245t64 325q0 152 -49 223.5t-151 71.5z" />
-<glyph unicode="c" horiz-adv-x="887" d="M477 -20q-174 0 -274.5 110.5t-100.5 306.5q0 193 73.5 361.5t198.5 257t290 88.5q134 0 241 -43l-28 -90q-107 47 -218 47q-129 0 -232.5 -77t-162.5 -222t-59 -320q0 -158 73.5 -243.5t208.5 -85.5q71 0 131.5 13t131.5 46v-92q-116 -57 -273 -57z" />
-<glyph unicode="d" horiz-adv-x="1133" d="M655 1104q230 0 279 -219h4q12 66 143 671h99l-330 -1556h-82l45 274h-6q-173 -294 -424 -294q-281 0 -281 374q0 193 71.5 370t197.5 278.5t284 101.5zM406 70q89 0 178.5 62.5t160 168t106.5 231t36 209.5q0 126 -61.5 201.5t-168.5 75.5q-124 0 -224 -83t-164 -242.5 t-64 -327.5q0 -295 201 -295z" />
-<glyph unicode="e" horiz-adv-x="928" d="M469 -20q-173 0 -270 109.5t-97 305.5q0 181 71 347t195.5 264t274.5 98q114 0 182 -61t68 -166q0 -181 -163.5 -276t-485.5 -95h-33q-6 -44 -6 -98q0 -165 74 -251.5t213 -86.5q132 0 276 73v-94q-140 -69 -299 -69zM631 1018q-131 0 -243.5 -115.5t-162.5 -308.5h49 q517 0 517 270q0 67 -43.5 110.5t-116.5 43.5z" />
-<glyph unicode="f" horiz-adv-x="578" d="M-131 -492q-48 0 -102 19v90q53 -16 100 -16q88 0 134 53t75 186l246 1166h-205l14 67l205 14l35 160q35 168 116.5 244t227.5 76q73 0 166 -31l-25 -80q-87 27 -147 27q-96 0 -153.5 -53.5t-84.5 -178.5l-35 -164h248l-16 -81h-248l-252 -1190q-33 -161 -104 -234.5 t-195 -73.5z" />
-<glyph unicode="g" horiz-adv-x="1040" d="M1100 1087l-17 -79l-243 -11q26 -28 43.5 -84t17.5 -114q0 -109 -54.5 -206.5t-148 -145.5t-213.5 -48q-63 0 -77 9q-80 -33 -124 -73t-44 -81t31.5 -64.5t113.5 -31.5l121 -11q346 -31 346 -264q0 -112 -65 -197.5t-187 -131.5t-291 -46q-186 0 -291.5 72t-105.5 203 q0 236 309 334q-78 42 -78 123q0 123 191 202q-71 36 -110.5 105.5t-39.5 157.5q0 111 53.5 204t148 146t206.5 53q69 0 147 -21h361zM14 -207q0 -101 81 -150t224 -49q203 0 317 74.5t114 204.5q0 85 -62.5 130.5t-218.5 57.5l-160 15q-157 -45 -226 -114.5t-69 -168.5z M285 711q0 -112 58.5 -170t164.5 -58q88 0 154 37t102.5 114t36.5 169q0 104 -56 161.5t-157 57.5q-93 0 -161 -43t-105 -116t-37 -152z" />
-<glyph unicode="h" horiz-adv-x="1143" d="M764 0l149 692q21 92 21 156q0 80 -43.5 125t-134.5 45q-112 0 -210.5 -67t-166 -188t-103.5 -286l-102 -477h-98l332 1556h96l-86 -411q-44 -200 -66 -279h6q78 113 186.5 175.5t229.5 62.5q124 0 192 -65t68 -183q0 -70 -24 -182l-148 -674h-98z" />
-<glyph unicode="i" horiz-adv-x="475" d="M174 0h-98l231 1087h96zM350 1366q0 55 22 88t60 33q57 0 57 -72q0 -57 -22 -90t-57 -33q-29 0 -44.5 19.5t-15.5 54.5z" />
-<glyph unicode="j" horiz-adv-x="475" d="M-166 -492q-62 0 -113 19v92q47 -22 113 -22q82 0 128.5 51.5t72.5 177.5l266 1261h96l-268 -1271q-35 -165 -106.5 -236.5t-188.5 -71.5zM350 1366q0 55 22 88t60 33q57 0 57 -72q0 -57 -22 -90t-57 -33q-29 0 -44.5 19.5t-15.5 54.5z" />
-<glyph unicode="k" horiz-adv-x="944" d="M270 477l609 610h125l-474 -469l297 -618h-106l-264 559l-205 -188l-80 -371h-96l330 1556h96l-166 -780l-70 -299h4z" />
-<glyph unicode="l" horiz-adv-x="475" d="M170 0h-94l334 1556h94z" />
-<glyph unicode="m" horiz-adv-x="1751" d="M711 0l147 674q25 125 25 162q0 182 -154 182q-106 0 -200 -67.5t-159 -188.5t-100 -287l-100 -475h-98l231 1087h80l-33 -210h6q80 113 181.5 170t212.5 57q106 0 163 -67t60 -195h6q77 129 181 195.5t222 66.5q117 0 182.5 -61.5t65.5 -176.5q0 -29 -2.5 -56.5 t-19.5 -119.5l-152 -690h-100l149 680q25 120 25 176q0 77 -43 119.5t-119 42.5q-157 0 -277.5 -137.5t-168.5 -362.5l-109 -518h-102z" />
-<glyph unicode="n" horiz-adv-x="1143" d="M764 0l149 692q21 92 21 156q0 80 -43.5 125t-134.5 45q-112 0 -210.5 -67t-166 -187.5t-103.5 -286.5l-102 -477h-98l231 1087h82l-37 -221h6q164 238 416 238q130 0 195 -64t65 -184q0 -70 -24 -182l-148 -674h-98z" />
-<glyph unicode="o" horiz-adv-x="1124" d="M649 1108q180 0 278.5 -108.5t98.5 -299.5q0 -197 -71.5 -368.5t-195.5 -261.5t-286 -90q-184 0 -279.5 109.5t-95.5 313.5q0 191 73 358t197 257t281 90zM641 1022q-124 0 -223 -78.5t-158 -225t-59 -310.5q0 -342 282 -342q127 0 225.5 77.5t157 228t58.5 330.5 q0 154 -73 237t-210 83z" />
-<glyph unicode="p" horiz-adv-x="1149" d="M498 -16q-230 0 -279 219h-4q-13 -72 -149 -695h-99l336 1579h82l-45 -274h6q91 153 195.5 224t228.5 71q135 0 208 -92.5t73 -282.5q0 -195 -72 -371t-197.5 -277t-283.5 -101zM748 1018q-87 0 -174 -58.5t-161.5 -167.5t-110.5 -237.5t-36 -208.5q0 -125 61.5 -200.5 t168.5 -75.5q124 0 225 84t164 243.5t63 325.5q0 295 -200 295z" />
-<glyph unicode="q" horiz-adv-x="1157" d="M651 1104q109 0 183.5 -58t99.5 -167h6l55 208h80l-327 -1556h-95l98 470l64 282h-6q-93 -156 -199 -229.5t-231 -73.5q-281 0 -281 374q0 201 75.5 379t200.5 274.5t277 96.5zM401 70q92 0 182 62.5t160.5 171.5t105 236.5t34.5 200.5q0 130 -63.5 203.5t-166.5 73.5 q-124 0 -224 -83t-164 -245t-64 -325q0 -143 45.5 -219t154.5 -76z" />
-<glyph unicode="r" horiz-adv-x="752" d="M713 1106q69 0 123 -14l-21 -93q-47 15 -113 15q-94 0 -179 -64t-153 -192t-100 -277l-100 -481h-98l231 1087h80l-29 -204h6q73 94 123 135.5t106.5 64.5t123.5 23z" />
-<glyph unicode="s" horiz-adv-x="827" d="M713 295q0 -144 -103 -229.5t-280 -85.5q-173 0 -305 75v107q74 -46 153 -71t148 -25q138 0 211 57.5t73 163.5q0 42 -15.5 74t-50 61.5t-132.5 85.5q-148 80 -200 145.5t-52 159.5q0 128 98.5 209.5t259.5 81.5q75 0 158.5 -17.5t140.5 -46.5l-35 -88q-136 64 -264 64 q-116 0 -186 -53t-70 -138q0 -55 17 -88t60.5 -68.5t119.5 -76.5q114 -63 161.5 -103.5t70 -86.5t22.5 -107z" />
-<glyph unicode="t" horiz-adv-x="616" d="M694 1087l-18 -81h-283l-135 -635q-22 -99 -22 -164q0 -139 126 -139q68 0 152 26v-86q-101 -28 -170 -28q-99 0 -153 54.5t-54 158.5q0 73 29 206l129 607h-182l14 67l184 17l97 253h55l-55 -256h286z" />
-<glyph unicode="u" horiz-adv-x="1143" d="M381 1087l-152 -698q-22 -106 -22 -158q0 -74 47.5 -117.5t138.5 -43.5q110 0 207.5 65.5t164 187t99.5 279.5l105 485h98l-231 -1087h-80l28 205h-6q-167 -221 -403 -221q-131 0 -198.5 62t-67.5 181q0 60 22 170l150 690h100z" />
-<glyph unicode="v" horiz-adv-x="895" d="M276 0l-172 1087h101l108 -735q26 -165 33 -254h6q51 115 129 256l406 733h102l-600 -1087h-113z" />
-<glyph unicode="w" horiz-adv-x="1393" d="M838 0l-60 686q-14 224 -14 266h-6q-34 -92 -144 -290l-356 -662h-117l-20 1087h92l13 -821l-3 -157h6q61 134 150 297l373 681h77l64 -681q14 -147 14 -297h6l24 61l101 236l320 681h96l-508 -1087h-108z" />
-<glyph unicode="x" horiz-adv-x="922" d="M442 483l-393 -483h-121l471 559l-245 528h100l207 -462l373 462h120l-448 -534l258 -553h-98z" />
-<glyph unicode="y" horiz-adv-x="920" d="M123 1087h100l82 -548q51 -351 55 -449h11q43 105 186 367l348 630h103l-713 -1290q-72 -127 -122.5 -178t-114 -81t-146.5 -30q-68 0 -129 21v92q71 -27 137 -27q80 0 147 49.5t130 164.5t100 184z" />
-<glyph unicode="z" horiz-adv-x="887" d="M700 0h-729l15 72l776 932h-543l17 83h659l-18 -83l-762 -920h602z" />
-<glyph unicode="{" horiz-adv-x="709" d="M424 -324q-256 0 -256 199q0 45 16 115l56 252q18 90 18 127q0 159 -199 159l21 78q126 0 191 49t89 158l89 393q30 135 106 195.5t215 60.5h29l-17 -86q-86 -2 -129 -20.5t-69.5 -61.5t-44.5 -120l-74 -338q-30 -134 -91.5 -194.5t-164.5 -78.5v-4q68 -18 105.5 -68.5 t37.5 -121.5q0 -52 -24 -164l-47 -225q-13 -58 -13 -101q0 -61 37.5 -89t138.5 -28v-86h-20z" />
-<glyph unicode="|" d="M584 1561h100v-2071h-100v2071z" />
-<glyph unicode="}" horiz-adv-x="709" d="M332 1462q131 0 189.5 -51t58.5 -147q0 -41 -17 -115l-55 -252q-19 -95 -19 -127q0 -77 49.5 -118.5t149.5 -41.5l-20 -78q-125 0 -191 -48.5t-90 -157.5l-88 -394q-32 -139 -108.5 -197.5t-213.5 -58.5h-18v86q96 2 138 21t68.5 61t43.5 121l74 338q27 126 87.5 189.5 t168.5 82.5v5q-75 20 -109.5 72.5t-34.5 117.5q0 55 18 131l54 258q12 61 12 101q0 44 -18 69t-54 36t-116 11l20 86h21z" />
-<glyph unicode="~" d="M350 745q-49 0 -108 -30.5t-115 -89.5v94q108 110 233 110q61 0 115 -13.5t156 -57.5q126 -58 219 -58q54 0 107.5 29t117.5 96v-96q-111 -113 -233 -113q-117 0 -271 72q-62 29 -112.5 43t-108.5 14z" />
-<glyph unicode="&#xa1;" horiz-adv-x="502" d="M264 711h62l-203 -1086h-119zM432 1030q0 -56 -25 -88.5t-69 -32.5q-66 0 -66 72q0 55 25 89t68 34q67 0 67 -74z" />
-<glyph unicode="&#xa2;" d="M578 -20h-93l45 215q-132 25 -206 132.5t-74 272.5q0 184 63.5 341t178 253t256.5 111l36 178h90l-38 -176q116 -4 217 -43l-29 -90q-107 47 -217 47q-130 0 -233 -76t-162.5 -221t-59.5 -322q0 -164 74.5 -247t208.5 -83q127 0 264 60v-92q-118 -58 -281 -58z" />
-<glyph unicode="&#xa3;" d="M879 1479q170 0 313 -78l-39 -84l-54 26q-108 50 -231 50q-134 0 -220.5 -74.5t-117.5 -220.5l-73 -340h409l-18 -82h-408l-57 -268q-50 -225 -188 -314h759l-20 -94h-938l16 84q93 11 165.5 95.5t107.5 236.5l57 260h-199l17 82h198l76 350q41 187 155 279t290 92z" />
-<glyph unicode="&#xa4;" d="M262 723q0 118 74 225l-129 129l63 64l127 -129q105 78 230 78q118 0 223 -78l131 129l61 -62l-129 -129q78 -106 78 -227q0 -135 -78 -227l129 -127l-61 -62l-131 127q-104 -76 -223 -76q-126 0 -228 80l-129 -129l-61 62l127 127q-74 98 -74 225zM350 723 q0 -116 80 -196.5t197 -80.5t198.5 81t81.5 196q0 75 -36.5 140t-102.5 104t-141 39q-114 0 -195.5 -82t-81.5 -201z" />
-<glyph unicode="&#xa5;" d="M584 645l544 817h117l-559 -823h266l-16 -76h-315l-39 -190h317l-18 -84h-316l-59 -289h-105l64 289h-299l18 84h299l41 190h-301l17 76h258l-215 823h100z" />
-<glyph unicode="&#xa6;" d="M578 1561h100v-756h-100v756zM578 246h100v-756h-100v756z" />
-<glyph unicode="&#xa7;" horiz-adv-x="995" d="M211 778q0 101 69.5 182t198.5 130q-64 31 -103.5 85.5t-39.5 120.5q0 74 46 134.5t132.5 94.5t202.5 34q163 0 289 -58l-31 -80q-138 54 -264 54q-124 0 -202.5 -46.5t-78.5 -123.5q0 -59 46 -104.5t183 -106.5q112 -52 158.5 -89.5t71 -85t24.5 -110.5 q0 -197 -249 -317q122 -64 122 -197q0 -86 -48 -153.5t-139.5 -105.5t-221.5 -38q-157 0 -275 53v99q47 -27 126 -46.5t153 -19.5q149 0 228 52.5t79 150.5q0 62 -42.5 106t-166.5 96q-155 65 -211.5 130t-56.5 159zM559 1038q-119 -30 -187.5 -97.5t-68.5 -154.5 q0 -57 24.5 -96.5t81 -73t187.5 -81.5q103 49 162 113.5t59 156.5q0 72 -57.5 126t-200.5 107z" />
-<glyph unicode="&#xa8;" horiz-adv-x="1135" d="M836 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM492 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1704" d="M944 1092q-142 0 -222.5 -94.5t-80.5 -264.5q0 -186 74.5 -275t220.5 -89q85 0 199 43v-88q-104 -45 -209 -45q-187 0 -288 116t-101 330q0 207 110 332t297 125q119 0 227 -52l-36 -83q-99 45 -191 45zM147 731q0 200 100 375t275 276t377 101q200 0 375 -100t276 -275 t101 -377q0 -197 -97 -370t-272 -277t-383 -104q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM240 731q0 -178 88.5 -329.5t240.5 -240.5t330 -89q174 0 325 85.5t243 239t92 334.5q0 178 -89 330t-240.5 241t-330.5 89q-182 0 -335 -92t-238.5 -243t-85.5 -325z" />
-<glyph unicode="&#xaa;" horiz-adv-x="643" d="M487 1485q55 0 97.5 -29t66.5 -86h6l35 103h66l-137 -650h-72l22 125h-4q-96 -137 -223 -137q-80 0 -127 56.5t-47 164.5q0 189 90.5 321t226.5 132zM369 885q66 0 133.5 75.5t97.5 184.5q16 51 16 123q0 58 -36 100.5t-93 42.5q-94 0 -161.5 -111.5t-67.5 -271.5 q0 -143 111 -143z" />
-<glyph unicode="&#xab;" horiz-adv-x="860" d="M426 932l57 -49l-317 -336l213 -385l-64 -39l-254 418l2 26zM786 932l58 -49l-314 -336l209 -385l-63 -39l-254 418l2 26z" />
-<glyph unicode="&#xac;" d="M1028 772v-500h-100v400h-803v100h903z" />
-<glyph unicode="&#xad;" horiz-adv-x="629" d="M77 502zM77 502l18 90h457l-16 -90h-459z" />
-<glyph unicode="&#xae;" horiz-adv-x="1704" d="M758 731h112q93 0 144 46.5t51 135.5q0 172 -197 172h-110v-354zM1169 918q0 -80 -39.5 -141t-109.5 -93l237 -393h-120l-211 360h-168v-360h-101v880h211q143 0 222 -62t79 -191zM150 731q0 207 103.5 382t276.5 272.5t371 97.5q200 0 375 -100t276 -275t101 -377 q0 -197 -97 -370t-272 -277t-383 -104q-204 0 -376.5 100.5t-273.5 273t-101 377.5zM242 731q0 -178 88.5 -329.5t240.5 -240.5t330 -89q174 0 325 85.5t243 239t92 334.5q0 178 -89 330t-240.5 241t-330.5 89q-182 0 -335 -92t-238.5 -243t-85.5 -325z" />
-<glyph unicode="&#xaf;" horiz-adv-x="655" d="M1001 1556h-653l53 97h654z" />
-<glyph unicode="&#xb0;" horiz-adv-x="877" d="M242 1190q0 120 85 206.5t208 86.5q122 0 207 -86.5t85 -206.5q0 -122 -85.5 -207.5t-206.5 -85.5q-122 0 -207.5 85.5t-85.5 207.5zM315 1190q0 -89 64.5 -153t155.5 -64q92 0 155.5 64t63.5 153q0 90 -64 155.5t-155 65.5q-90 0 -155 -65.5t-65 -155.5z" />
-<glyph unicode="&#xb1;" d="M528 629h-401v98h401v406h101v-406h401v-98h-401v-400h-101v400zM127 0v100h903v-100h-903z" />
-<glyph unicode="&#xb2;" horiz-adv-x="643" d="M604 586h-522l16 80l297 258q137 118 182.5 190.5t45.5 153.5q0 59 -38.5 97t-105.5 38q-95 0 -194 -76l-41 62q108 90 239 90q73 0 125 -27t78.5 -72t26.5 -100q0 -106 -59 -198.5t-183 -194.5l-266 -223h416z" />
-<glyph unicode="&#xb3;" horiz-adv-x="643" d="M705 1276q0 -85 -48.5 -148t-154.5 -88v-4q66 -16 105.5 -68t39.5 -124q0 -77 -39 -141t-109 -99t-161 -35q-59 0 -123.5 15.5t-105.5 40.5v90q46 -28 108 -48t125 -20q99 0 159 52.5t60 142.5q0 162 -196 162h-84l16 79h86q102 0 168.5 49.5t66.5 129.5 q0 68 -37.5 102.5t-105.5 34.5q-100 0 -199 -68l-40 64q109 86 251 86q100 0 159 -56.5t59 -148.5z" />
-<glyph unicode="&#xb4;" horiz-adv-x="1135" d="M580 1262q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1171" d="M238 242q0 -82 48.5 -127t135.5 -45q110 0 207 64.5t162.5 182.5t101.5 285l104 485h99l-234 -1087h-78l29 205h-6q-164 -221 -404 -221q-85 0 -139 32.5t-76 89.5h-6q-18 -132 -51 -284l-63 -314h-97l338 1579h101l-152 -698q-20 -96 -20 -147z" />
-<glyph unicode="&#xb6;" horiz-adv-x="1341" d="M1208 -260h-100v1722h-227v-1722h-101v819q-64 -18 -145 -18q-216 0 -318 125t-102 376q0 260 109 387t342 127h542v-1816z" />
-<glyph unicode="&#xb7;" horiz-adv-x="485" d="M207 625zM207 698q0 56 25 88.5t69 32.5q66 0 66 -72q0 -53 -25 -87.5t-67 -34.5q-68 0 -68 73z" />
-<glyph unicode="&#xb8;" horiz-adv-x="420" d="M197 -289q0 -94 -75.5 -148.5t-217.5 -54.5q-46 0 -78 7v79q30 -6 72 -6q198 0 198 115q0 97 -151 107l110 190h80l-78 -137q140 -30 140 -152z" />
-<glyph unicode="&#xb9;" horiz-adv-x="643" d="M512 1462h80l-186 -876h-84l118 569q5 21 11.5 50.5t14 60t15.5 59t15 49.5q-34 -31 -60 -51.5t-143 -93.5l-39 59z" />
-<glyph unicode="&#xba;" horiz-adv-x="655" d="M518 1479q105 0 165 -64t60 -180q0 -115 -40 -214t-114 -156.5t-175 -57.5q-114 0 -169 67.5t-55 184.5q0 112 41.5 209.5t116 154t170.5 56.5zM508 1405q-70 0 -124 -46.5t-84 -124.5t-30 -167q0 -186 156 -186q73 0 125.5 46.5t81.5 127.5t29 176q0 83 -39 128.5 t-115 45.5z" />
-<glyph unicode="&#xbb;" horiz-adv-x="860" d="M451 123l-58 49l314 336l-209 385l63 39l254 -418l-2 -27zM90 123l-57 49l313 336l-209 385l64 39l254 -418l-2 -27z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1481" d="M129 0zM1319 230h-131l-49 -229h-82l49 229h-391l21 76l506 577h86l-125 -581h133zM1121 302q61 294 79 365.5t29 105.5q-10 -16 -61 -79t-338 -392h291zM1323 1462l-1087 -1462h-107l1086 1462h108zM509 1462h80l-186 -876h-84l118 569q5 21 11.5 50.5t14 60t15.5 59 t15 49.5q-34 -31 -60 -51.5t-143 -93.5l-39 59z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1458" d="M53 0zM1278 1h-522l16 80l297 258q137 118 182.5 190.5t45.5 153.5q0 59 -38.5 97t-105.5 38q-95 0 -194 -76l-41 62q108 90 239 90q73 0 125 -27t78.5 -72t26.5 -100q0 -106 -59 -198.5t-183 -194.5l-266 -223h416zM431 1462h80l-186 -876h-84l118 569q5 21 11.5 50.5 t14 60t15.5 59t15 49.5q-34 -31 -60 -51.5t-143 -93.5l-39 59zM1247 1462l-1087 -1462h-107l1086 1462h108z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1458" d="M71 0zM1380 230h-131l-49 -229h-82l49 229h-391l21 76l506 577h86l-125 -581h133zM1182 302q61 294 79 365.5t29 105.5q-10 -16 -61 -79t-338 -392h291zM667 1276q0 -85 -48.5 -148t-154.5 -88v-4q66 -16 105.5 -68t39.5 -124q0 -77 -39 -141t-109 -99t-161 -35 q-59 0 -123.5 15.5t-105.5 40.5v90q46 -28 108 -48t125 -20q99 0 159 52.5t60 142.5q0 162 -196 162h-84l16 79h86q102 0 168.5 49.5t66.5 129.5q0 68 -37.5 102.5t-105.5 34.5q-100 0 -199 -68l-40 64q109 86 251 86q100 0 159 -56.5t59 -148.5zM1407 1462l-1087 -1462 h-107l1086 1462h108z" />
-<glyph unicode="&#xbf;" horiz-adv-x="799" d="M641 717l-6 -29q-28 -127 -79 -200t-161 -154q-118 -84 -175 -145.5t-86.5 -127.5t-29.5 -141q0 -106 65.5 -168.5t184.5 -62.5q141 0 308 100l38 -86q-85 -49 -170.5 -77.5t-187.5 -28.5q-159 0 -250.5 84.5t-91.5 228.5q0 133 70 240.5t227 220.5q85 61 133.5 109 t73 95t45.5 142h92zM713 1020q0 -56 -25.5 -88.5t-69.5 -32.5q-65 0 -65 72q0 56 25 89.5t67 33.5q68 0 68 -74z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1059" d="M0 0zM805 520h-512l-287 -520h-117l822 1468h67l201 -1468h-105zM793 612l-39 291q-31 242 -39 402q-30 -63 -64.5 -130t-306.5 -563h449zM815 1579h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1059" d="M0 0zM805 520h-512l-287 -520h-117l822 1468h67l201 -1468h-105zM793 612l-39 291q-31 242 -39 402q-30 -63 -64.5 -130t-306.5 -563h449zM668 1600q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1059" d="M0 0zM805 520h-512l-287 -520h-117l822 1468h67l201 -1468h-105zM793 612l-39 291q-31 242 -39 402q-30 -63 -64.5 -130t-306.5 -563h449zM1007 1579h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5 t92.5 -146.5v-29z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1059" d="M0 0zM805 520h-512l-287 -520h-117l822 1468h67l201 -1468h-105zM793 612l-39 291q-31 242 -39 402q-30 -63 -64.5 -130t-306.5 -563h449zM911 1587q-40 0 -77.5 19t-75.5 45q-34 23 -64.5 41t-68.5 18q-45 0 -74 -28.5t-51 -100.5h-74q19 108 71 166.5t134 58.5 q41 0 73.5 -14t117.5 -72q52 -36 94 -36q43 0 71.5 30.5t46.5 100.5h76q-26 -118 -74.5 -173t-124.5 -55z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1059" d="M0 0zM805 520h-512l-287 -520h-117l822 1468h67l201 -1468h-105zM793 612l-39 291q-31 242 -39 402q-30 -63 -64.5 -130t-306.5 -563h449zM879 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM535 1704q0 49 20.5 78t56.5 29q54 0 54 -64 q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1059" d="M0 0zM805 520h-512l-287 -520h-117l822 1468h67l201 -1468h-105zM793 612l-39 291q-31 242 -39 402q-30 -63 -64.5 -130t-306.5 -563h449zM945 1600q0 -92 -57.5 -148.5t-145.5 -56.5q-93 0 -148 52t-55 145q0 88 59.5 144t149.5 56q88 0 142.5 -50t54.5 -142zM867 1598 q0 57 -33.5 90t-87.5 33q-60 0 -93.5 -36t-33.5 -93t33 -90t90 -33q56 0 90.5 36t34.5 93z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1640" d="M1403 0h-727l110 522h-444l-328 -522h-131l946 1462h883l-20 -94h-625l-117 -553h590l-20 -94h-588l-135 -627h626zM408 627h401l156 741h-88z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1169" d="M170 0zM961 1389q-197 0 -351.5 -104.5t-245 -304.5t-90.5 -441q0 -225 110.5 -346t317.5 -121q140 0 304 51v-94q-156 -49 -316 -49q-252 0 -386 145t-134 410q0 266 104.5 488t284.5 341t402 119q177 0 307 -68l-45 -90q-55 30 -124.5 47t-137.5 17zM752 -289 q0 -94 -75.5 -148.5t-217.5 -54.5q-46 0 -78 7v79q30 -6 72 -6q198 0 198 115q0 97 -151 107l110 190h80l-78 -137q140 -30 140 -152z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1067" d="M102 0zM829 0h-727l310 1462h727l-21 -94h-624l-117 -553h590l-21 -94h-588l-135 -627h627zM891 1579h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1067" d="M102 0zM829 0h-727l310 1462h727l-21 -94h-624l-117 -553h590l-21 -94h-588l-135 -627h627zM654 1600q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xca;" horiz-adv-x="1067" d="M102 0zM829 0h-727l310 1462h727l-21 -94h-624l-117 -553h590l-21 -94h-588l-135 -627h627zM1036 1579h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1067" d="M102 0zM829 0h-727l310 1462h727l-21 -94h-624l-117 -553h590l-21 -94h-588l-135 -627h627zM902 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM558 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xcc;" horiz-adv-x="504" d="M102 0zM102 0l310 1462h98l-309 -1462h-99zM525 1579h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xcd;" horiz-adv-x="504" d="M102 0zM102 0l310 1462h98l-309 -1462h-99zM419 1600q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xce;" horiz-adv-x="504" d="M102 0zM102 0l310 1462h98l-309 -1462h-99zM738 1579h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xcf;" horiz-adv-x="504" d="M102 0zM102 0l310 1462h98l-309 -1462h-99zM604 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM260 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1352" d="M1288 879q0 -253 -109.5 -461.5t-300.5 -313t-446 -104.5h-330l144 676h-156l21 96h155l146 690h305q282 0 426.5 -147.5t144.5 -435.5zM430 90q226 0 394.5 94.5t261 275.5t92.5 412q0 498 -476 498h-206l-129 -598h378l-20 -96h-379l-125 -586h209z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1372" d="M102 0zM1069 0h-86l-516 1284h-8q-23 -149 -48 -273t-214 -1011h-95l310 1462h80l522 -1294h8q23 176 74 416l188 878h94zM1062 1587q-40 0 -77.5 19t-75.5 45q-34 23 -64.5 41t-68.5 18q-45 0 -74 -28.5t-51 -100.5h-74q19 108 71 166.5t134 58.5q41 0 73.5 -14 t117.5 -72q52 -36 94 -36q43 0 71.5 30.5t46.5 100.5h76q-26 -118 -74.5 -173t-124.5 -55z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1464" d="M172 0zM1403 911q0 -255 -94 -481.5t-252 -338t-365 -111.5q-250 0 -385 149t-135 430q0 262 93 477.5t255 331t373 115.5q247 0 378.5 -148.5t131.5 -423.5zM879 1389q-174 0 -308.5 -101t-214.5 -298t-80 -417q0 -245 109.5 -373t319.5 -128q169 0 300 98.5t210 300 t79 430.5q0 240 -104.5 364t-310.5 124zM989 1579h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1464" d="M172 0zM1403 911q0 -255 -94 -481.5t-252 -338t-365 -111.5q-250 0 -385 149t-135 430q0 262 93 477.5t255 331t373 115.5q247 0 378.5 -148.5t131.5 -423.5zM879 1389q-174 0 -308.5 -101t-214.5 -298t-80 -417q0 -245 109.5 -373t319.5 -128q169 0 300 98.5t210 300 t79 430.5q0 240 -104.5 364t-310.5 124zM844 1600q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1464" d="M172 0zM1403 911q0 -255 -94 -481.5t-252 -338t-365 -111.5q-250 0 -385 149t-135 430q0 262 93 477.5t255 331t373 115.5q247 0 378.5 -148.5t131.5 -423.5zM879 1389q-174 0 -308.5 -101t-214.5 -298t-80 -417q0 -245 109.5 -373t319.5 -128q169 0 300 98.5t210 300 t79 430.5q0 240 -104.5 364t-310.5 124zM1171 1579h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1464" d="M172 0zM1403 911q0 -255 -94 -481.5t-252 -338t-365 -111.5q-250 0 -385 149t-135 430q0 262 93 477.5t255 331t373 115.5q247 0 378.5 -148.5t131.5 -423.5zM879 1389q-174 0 -308.5 -101t-214.5 -298t-80 -417q0 -245 109.5 -373t319.5 -128q169 0 300 98.5t210 300 t79 430.5q0 240 -104.5 364t-310.5 124zM1077 1587q-40 0 -77.5 19t-75.5 45q-34 23 -64.5 41t-68.5 18q-45 0 -74 -28.5t-51 -100.5h-74q19 108 71 166.5t134 58.5q41 0 73.5 -14t117.5 -72q52 -36 94 -36q43 0 71.5 30.5t46.5 100.5h76q-26 -118 -74.5 -173t-124.5 -55z " />
-<glyph unicode="&#xd6;" horiz-adv-x="1464" d="M172 0zM1403 911q0 -255 -94 -481.5t-252 -338t-365 -111.5q-250 0 -385 149t-135 430q0 262 93 477.5t255 331t373 115.5q247 0 378.5 -148.5t131.5 -423.5zM879 1389q-174 0 -308.5 -101t-214.5 -298t-80 -417q0 -245 109.5 -373t319.5 -128q169 0 300 98.5t210 300 t79 430.5q0 240 -104.5 364t-310.5 124zM1031 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM687 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xd7;" d="M551 723l-330 332l70 69l330 -329l333 329l68 -67l-332 -334l332 -332l-68 -67l-333 329l-330 -327l-68 67z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1464" d="M1403 911q0 -187 -52 -365.5t-144.5 -304.5t-223 -193.5t-291.5 -67.5q-215 0 -348 112l-139 -170l-66 64l146 172q-113 149 -113 401q0 263 94 479.5t256.5 330.5t370.5 114q219 0 352 -121l133 168l70 -53l-145 -183q45 -51 72.5 -161t27.5 -222zM879 1389 q-134 0 -244 -59.5t-188.5 -170t-124.5 -267.5t-46 -319q0 -105 21.5 -191t56.5 -138l826 1032q-107 113 -301 113zM1294 901q0 85 -17.5 172t-43.5 129l-821 -1030q107 -100 293 -100q170 0 301 100t209.5 296.5t78.5 432.5z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1370" d="M176 0zM1395 1462l-207 -977q-58 -270 -197 -387.5t-375 -117.5q-440 0 -440 401q0 83 27 201l186 880h103l-193 -899q-20 -89 -20 -184q0 -309 342 -309q195 0 307.5 96.5t158.5 318.5l207 977h101zM946 1579h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303 v-25z" />
-<glyph unicode="&#xda;" horiz-adv-x="1370" d="M176 0zM1395 1462l-207 -977q-58 -270 -197 -387.5t-375 -117.5q-440 0 -440 401q0 83 27 201l186 880h103l-193 -899q-20 -89 -20 -184q0 -309 342 -309q195 0 307.5 96.5t158.5 318.5l207 977h101zM838 1600q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5 t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1370" d="M176 0zM1395 1462l-207 -977q-58 -270 -197 -387.5t-375 -117.5q-440 0 -440 401q0 83 27 201l186 880h103l-193 -899q-20 -89 -20 -184q0 -309 342 -309q195 0 307.5 96.5t158.5 318.5l207 977h101zM1148 1579h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54 v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1370" d="M176 0zM1395 1462l-207 -977q-58 -270 -197 -387.5t-375 -117.5q-440 0 -440 401q0 83 27 201l186 880h103l-193 -899q-20 -89 -20 -184q0 -309 342 -309q195 0 307.5 96.5t158.5 318.5l207 977h101zM1022 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29 q-55 0 -55 63zM678 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xdd;" horiz-adv-x="965" d="M193 0zM494 645l544 817h117l-631 -932l-108 -530h-105l119 545l-237 917h100zM563 1600q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xde;" horiz-adv-x="1145" d="M1087 836q0 -247 -153 -373.5t-457 -126.5h-201l-71 -336h-103l310 1462h102l-57 -266h213q200 0 308.5 -92.5t108.5 -267.5zM293 428h190q256 0 376 98.5t120 302.5q0 275 -330 275h-211z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1094" d="M-162 -492q-73 0 -119 23v90q53 -24 115 -24q79 0 123 50.5t66 153.5l305 1409q80 357 405 357q137 0 215 -61.5t78 -174.5q0 -75 -44.5 -140.5t-166.5 -148.5q-107 -76 -141.5 -124.5t-34.5 -106.5q0 -51 34 -88.5t93 -75.5q96 -63 138 -133.5t42 -165.5 q0 -170 -106.5 -269t-286.5 -99q-143 0 -234 65v109q45 -36 112.5 -59t129.5 -23q132 0 208.5 71t76.5 195q0 75 -31.5 129t-109.5 108q-82 58 -119 110.5t-37 121.5q0 57 21 103t60.5 88.5t137.5 113.5q101 70 131.5 116t30.5 101q0 70 -55 110t-150 40q-129 0 -205 -76 t-108 -229l-291 -1377q-33 -152 -103.5 -220.5t-179.5 -68.5z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1133" d="M102 0zM655 1104q232 0 279 -219h6l59 202h80l-229 -1087h-82l45 274h-6q-84 -142 -187 -218t-237 -76q-281 0 -281 374q0 197 75 376t200.5 276.5t277.5 97.5zM406 70q89 0 177.5 62t159 166t107.5 230t37 213q0 79 -26 141.5t-77 99t-127 36.5q-124 0 -224 -82 t-164 -245.5t-64 -325.5q0 -152 50 -223.5t151 -71.5zM809 1241h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1133" d="M102 0zM655 1104q232 0 279 -219h6l59 202h80l-229 -1087h-82l45 274h-6q-84 -142 -187 -218t-237 -76q-281 0 -281 374q0 197 75 376t200.5 276.5t277.5 97.5zM406 70q89 0 177.5 62t159 166t107.5 230t37 213q0 79 -26 141.5t-77 99t-127 36.5q-124 0 -224 -82 t-164 -245.5t-64 -325.5q0 -152 50 -223.5t151 -71.5zM586 1262q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1133" d="M102 0zM655 1104q232 0 279 -219h6l59 202h80l-229 -1087h-82l45 274h-6q-84 -142 -187 -218t-237 -76q-281 0 -281 374q0 197 75 376t200.5 276.5t277.5 97.5zM406 70q89 0 177.5 62t159 166t107.5 230t37 213q0 79 -26 141.5t-77 99t-127 36.5q-124 0 -224 -82 t-164 -245.5t-64 -325.5q0 -152 50 -223.5t151 -71.5zM955 1243h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1133" d="M102 0zM655 1104q232 0 279 -219h6l59 202h80l-229 -1087h-82l45 274h-6q-84 -142 -187 -218t-237 -76q-281 0 -281 374q0 197 75 376t200.5 276.5t277.5 97.5zM406 70q89 0 177.5 62t159 166t107.5 230t37 213q0 79 -26 141.5t-77 99t-127 36.5q-124 0 -224 -82 t-164 -245.5t-64 -325.5q0 -152 50 -223.5t151 -71.5zM858 1249q-40 0 -77.5 19t-75.5 45q-34 23 -64.5 41t-68.5 18q-45 0 -74 -28.5t-51 -100.5h-74q19 108 71 166.5t134 58.5q41 0 73.5 -14t117.5 -72q52 -36 94 -36q43 0 71.5 30.5t46.5 100.5h76q-26 -118 -74.5 -173 t-124.5 -55z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1133" d="M102 0zM655 1104q232 0 279 -219h6l59 202h80l-229 -1087h-82l45 274h-6q-84 -142 -187 -218t-237 -76q-281 0 -281 374q0 197 75 376t200.5 276.5t277.5 97.5zM406 70q89 0 177.5 62t159 166t107.5 230t37 213q0 79 -26 141.5t-77 99t-127 36.5q-124 0 -224 -82 t-164 -245.5t-64 -325.5q0 -152 50 -223.5t151 -71.5zM835 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM491 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1133" d="M102 0zM655 1104q232 0 279 -219h6l59 202h80l-229 -1087h-82l45 274h-6q-84 -142 -187 -218t-237 -76q-281 0 -281 374q0 197 75 376t200.5 276.5t277.5 97.5zM406 70q89 0 177.5 62t159 166t107.5 230t37 213q0 79 -26 141.5t-77 99t-127 36.5q-124 0 -224 -82 t-164 -245.5t-64 -325.5q0 -152 50 -223.5t151 -71.5zM927 1448q0 -92 -57.5 -148.5t-145.5 -56.5q-93 0 -148 52t-55 145q0 88 59.5 144t149.5 56q88 0 142.5 -50t54.5 -142zM849 1446q0 57 -33.5 90t-87.5 33q-60 0 -93.5 -36t-33.5 -93t33 -90t90 -33q56 0 90.5 36 t34.5 93z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1602" d="M1155 -20q-123 0 -211 60t-117 165l-39 -205h-77l41 254h-9q-94 -142 -189 -208t-208 -66q-120 0 -182 94t-62 270q0 206 70.5 384.5t192.5 277t274 98.5q106 0 166 -56.5t74 -156.5h10l59 192h66l-35 -186q139 207 350 207q112 0 175 -61.5t63 -172.5 q0 -179 -158.5 -271.5t-470.5 -92.5h-39q-8 -51 -8 -96q0 -161 69.5 -250.5t217.5 -89.5q69 0 133.5 21t130.5 52v-94q-80 -37 -147 -53t-140 -16zM369 70q67 0 138.5 42t134 117.5t106 170.5t63.5 199t20 165q0 118 -49 186t-141 68q-123 0 -223 -86t-156.5 -240 t-56.5 -340q0 -150 42.5 -216t121.5 -66zM1317 1018q-119 0 -232 -115.5t-172 -308.5h48q263 0 383 67t120 203q0 71 -38.5 112.5t-108.5 41.5z" />
-<glyph unicode="&#xe7;" horiz-adv-x="887" d="M102 0zM477 -20q-174 0 -274.5 110.5t-100.5 306.5q0 193 73.5 361.5t198.5 257t290 88.5q134 0 241 -43l-28 -90q-107 47 -218 47q-129 0 -232.5 -77t-162.5 -222t-59 -320q0 -158 73.5 -243.5t208.5 -85.5q71 0 131.5 13t131.5 46v-92q-116 -57 -273 -57zM574 -289 q0 -94 -75.5 -148.5t-217.5 -54.5q-46 0 -78 7v79q30 -6 72 -6q198 0 198 115q0 97 -151 107l110 190h80l-78 -137q140 -30 140 -152z" />
-<glyph unicode="&#xe8;" horiz-adv-x="928" d="M102 0zM469 -20q-173 0 -270 109.5t-97 305.5q0 181 71 347t195.5 264t274.5 98q114 0 182 -61t68 -166q0 -181 -163.5 -276t-485.5 -95h-33q-6 -44 -6 -98q0 -165 74 -251.5t213 -86.5q132 0 276 73v-94q-140 -69 -299 -69zM631 1018q-131 0 -243.5 -115.5 t-162.5 -308.5h49q517 0 517 270q0 67 -43.5 110.5t-116.5 43.5zM751 1241h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xe9;" horiz-adv-x="928" d="M102 0zM469 -20q-173 0 -270 109.5t-97 305.5q0 181 71 347t195.5 264t274.5 98q114 0 182 -61t68 -166q0 -181 -163.5 -276t-485.5 -95h-33q-6 -44 -6 -98q0 -165 74 -251.5t213 -86.5q132 0 276 73v-94q-140 -69 -299 -69zM631 1018q-131 0 -243.5 -115.5 t-162.5 -308.5h49q517 0 517 270q0 67 -43.5 110.5t-116.5 43.5zM532 1262q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xea;" horiz-adv-x="928" d="M102 0zM469 -20q-173 0 -270 109.5t-97 305.5q0 181 71 347t195.5 264t274.5 98q114 0 182 -61t68 -166q0 -181 -163.5 -276t-485.5 -95h-33q-6 -44 -6 -98q0 -165 74 -251.5t213 -86.5q132 0 276 73v-94q-140 -69 -299 -69zM631 1018q-131 0 -243.5 -115.5 t-162.5 -308.5h49q517 0 517 270q0 67 -43.5 110.5t-116.5 43.5zM904 1241h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xeb;" horiz-adv-x="928" d="M102 0zM469 -20q-173 0 -270 109.5t-97 305.5q0 181 71 347t195.5 264t274.5 98q114 0 182 -61t68 -166q0 -181 -163.5 -276t-485.5 -95h-33q-6 -44 -6 -98q0 -165 74 -251.5t213 -86.5q132 0 276 73v-94q-140 -69 -299 -69zM631 1018q-131 0 -243.5 -115.5 t-162.5 -308.5h49q517 0 517 270q0 67 -43.5 110.5t-116.5 43.5zM780 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM436 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xec;" horiz-adv-x="475" d="M76 0zM174 0h-98l231 1087h96zM454 1241h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xed;" horiz-adv-x="475" d="M76 0zM174 0h-98l231 1087h96zM284 1262q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xee;" horiz-adv-x="475" d="M76 0zM174 0h-98l231 1087h96zM642 1241h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xef;" horiz-adv-x="475" d="M76 0zM174 0h-98l231 1087h96zM515 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM171 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1124" d="M713 1364q-54 60 -158 139l59 68q32 -26 81 -66t100 -94l266 150l39 -74l-256 -141q87 -116 131.5 -276t44.5 -335q0 -355 -141.5 -555t-399.5 -200q-177 0 -277 106.5t-100 294.5q0 170 63 301.5t178.5 203.5t262.5 72q107 0 188 -49.5t121 -142.5h5q0 139 -43 289 t-115 243l-295 -163l-39 73zM489 70q118 0 208.5 61t144 186.5t53.5 270.5q0 77 -35 142t-100 101.5t-156 36.5q-124 0 -213.5 -61.5t-137.5 -169.5t-48 -248q0 -153 73.5 -236t210.5 -83z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1143" d="M76 0zM764 0l149 692q21 92 21 156q0 80 -43.5 125t-134.5 45q-112 0 -210.5 -67t-166 -187.5t-103.5 -286.5l-102 -477h-98l231 1087h82l-37 -221h6q164 238 416 238q130 0 195 -64t65 -184q0 -70 -24 -182l-148 -674h-98zM874 1249q-40 0 -77.5 19t-75.5 45 q-34 23 -64.5 41t-68.5 18q-45 0 -74 -28.5t-51 -100.5h-74q19 108 71 166.5t134 58.5q41 0 73.5 -14t117.5 -72q52 -36 94 -36q43 0 71.5 30.5t46.5 100.5h76q-26 -118 -74.5 -173t-124.5 -55z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1124" d="M98 0zM649 1108q180 0 278.5 -108.5t98.5 -299.5q0 -197 -71.5 -368.5t-195.5 -261.5t-286 -90q-184 0 -279.5 109.5t-95.5 313.5q0 191 73 358t197 257t281 90zM641 1022q-124 0 -223 -78.5t-158 -225t-59 -310.5q0 -342 282 -342q127 0 225.5 77.5t157 228t58.5 330.5 q0 154 -73 237t-210 83zM744 1241h-66q-50 52 -114 144.5t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1124" d="M98 0zM649 1108q180 0 278.5 -108.5t98.5 -299.5q0 -197 -71.5 -368.5t-195.5 -261.5t-286 -90q-184 0 -279.5 109.5t-95.5 313.5q0 191 73 358t197 257t281 90zM641 1022q-124 0 -223 -78.5t-158 -225t-59 -310.5q0 -342 282 -342q127 0 225.5 77.5t157 228t58.5 330.5 q0 154 -73 237t-210 83zM573 1262q66 51 150.5 142t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1124" d="M98 0zM649 1108q180 0 278.5 -108.5t98.5 -299.5q0 -197 -71.5 -368.5t-195.5 -261.5t-286 -90q-184 0 -279.5 109.5t-95.5 313.5q0 191 73 358t197 257t281 90zM641 1022q-124 0 -223 -78.5t-158 -225t-59 -310.5q0 -342 282 -342q127 0 225.5 77.5t157 228t58.5 330.5 q0 154 -73 237t-210 83zM941 1241h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1124" d="M98 0zM649 1108q180 0 278.5 -108.5t98.5 -299.5q0 -197 -71.5 -368.5t-195.5 -261.5t-286 -90q-184 0 -279.5 109.5t-95.5 313.5q0 191 73 358t197 257t281 90zM641 1022q-124 0 -223 -78.5t-158 -225t-59 -310.5q0 -342 282 -342q127 0 225.5 77.5t157 228t58.5 330.5 q0 154 -73 237t-210 83zM839 1249q-40 0 -77.5 19t-75.5 45q-34 23 -64.5 41t-68.5 18q-45 0 -74 -28.5t-51 -100.5h-74q19 108 71 166.5t134 58.5q41 0 73.5 -14t117.5 -72q52 -36 94 -36q43 0 71.5 30.5t46.5 100.5h76q-26 -118 -74.5 -173t-124.5 -55z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1124" d="M98 0zM649 1108q180 0 278.5 -108.5t98.5 -299.5q0 -197 -71.5 -368.5t-195.5 -261.5t-286 -90q-184 0 -279.5 109.5t-95.5 313.5q0 191 73 358t197 257t281 90zM641 1022q-124 0 -223 -78.5t-158 -225t-59 -310.5q0 -342 282 -342q127 0 225.5 77.5t157 228t58.5 330.5 q0 154 -73 237t-210 83zM812 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM468 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xf7;" d="M168 672v100h903v-100h-903zM522 373q0 106 96 106q48 0 73.5 -27.5t25.5 -78.5q0 -57 -29 -82t-70 -25q-96 0 -96 107zM522 1071q0 107 96 107q46 0 72.5 -27.5t26.5 -79.5q0 -57 -29 -81.5t-70 -24.5q-96 0 -96 106z" />
-<glyph unicode="&#xf8;" horiz-adv-x="1124" d="M164 127q-66 106 -66 276q0 191 73 358t197 257t281 90q150 0 250 -82l109 133l65 -53l-117 -143q70 -105 70 -263q0 -197 -71.5 -368.5t-195.5 -261.5t-286 -90q-163 0 -254 83l-110 -135l-64 54zM924 702q0 101 -35 179l-608 -742q67 -73 202 -73q127 0 225.5 77.5 t157 228t58.5 330.5zM641 1022q-124 0 -223 -78.5t-158 -225t-59 -310.5q0 -125 32 -197l605 739q-74 72 -197 72z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1143" d="M109 0zM381 1087l-152 -698q-22 -106 -22 -158q0 -74 47.5 -117.5t138.5 -43.5q110 0 207.5 65.5t164 187t99.5 279.5l105 485h98l-231 -1087h-80l28 205h-6q-167 -221 -403 -221q-131 0 -198.5 62t-67.5 181q0 60 22 170l150 690h100zM774 1241h-66q-50 52 -114 144.5 t-99 162.5v21h115q46 -129 164 -303v-25z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1143" d="M109 0zM381 1087l-152 -698q-22 -106 -22 -158q0 -74 47.5 -117.5t138.5 -43.5q110 0 207.5 65.5t164 187t99.5 279.5l105 485h98l-231 -1087h-80l28 205h-6q-167 -221 -403 -221q-131 0 -198.5 62t-67.5 181q0 60 22 170l150 690h100zM627 1262q66 51 150.5 142 t129.5 165h137v-23q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1143" d="M109 0zM381 1087l-152 -698q-22 -106 -22 -158q0 -74 47.5 -117.5t138.5 -43.5q110 0 207.5 65.5t164 187t99.5 279.5l105 485h98l-231 -1087h-80l28 205h-6q-167 -221 -403 -221q-131 0 -198.5 62t-67.5 181q0 60 22 170l150 690h100zM957 1241h-49q-70 60 -161 207 q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1143" d="M109 0zM381 1087l-152 -698q-22 -106 -22 -158q0 -74 47.5 -117.5t138.5 -43.5q110 0 207.5 65.5t164 187t99.5 279.5l105 485h98l-231 -1087h-80l28 205h-6q-167 -221 -403 -221q-131 0 -198.5 62t-67.5 181q0 60 22 170l150 690h100zM827 1366q0 49 20.5 78t56.5 29 q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM483 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#xfd;" horiz-adv-x="920" d="M0 0zM123 1087h100l82 -548q51 -351 55 -449h11q43 105 186 367l348 630h103l-713 -1290q-72 -127 -122.5 -178t-114 -81t-146.5 -30q-68 0 -129 21v92q71 -27 137 -27q80 0 147 49.5t130 164.5t100 184zM505 1262q66 51 150.5 142t129.5 165h137v-23 q-51 -66 -157.5 -158.5t-192.5 -146.5h-67v21z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1163" d="M498 -16q-230 0 -279 219h-4q-13 -72 -149 -695h-99l434 2048h99q-114 -535 -164 -751h6q93 156 199 229.5t231 73.5q133 0 206 -92.5t73 -282.5q0 -195 -72 -371t-197.5 -277t-283.5 -101zM748 1018q-86 0 -172.5 -57.5t-162.5 -169.5t-111.5 -238t-35.5 -207 q0 -125 61.5 -200.5t168.5 -75.5q124 0 225 84t164 243.5t63 325.5q0 295 -200 295z" />
-<glyph unicode="&#xff;" horiz-adv-x="920" d="M0 0zM123 1087h100l82 -548q51 -351 55 -449h11q43 105 186 367l348 630h103l-713 -1290q-72 -127 -122.5 -178t-114 -81t-146.5 -30q-68 0 -129 21v92q71 -27 137 -27q80 0 147 49.5t130 164.5t100 184zM698 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77 t-55 -29q-55 0 -55 63zM354 1366q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#x131;" horiz-adv-x="475" d="M174 0h-98l231 1087h96z" />
-<glyph unicode="&#x152;" horiz-adv-x="1767" d="M1530 0h-666q-25 -6 -77.5 -13t-94.5 -7q-251 0 -385.5 149.5t-134.5 429.5q0 263 96 482t262 330.5t381 111.5q130 0 240 -21h688l-20 -94h-625l-117 -553h590l-20 -94h-588l-135 -627h626zM705 72q68 0 116 12l271 1290q-110 15 -189 15q-182 0 -321.5 -98.5 t-222.5 -293.5t-83 -424q0 -245 109 -373t320 -128z" />
-<glyph unicode="&#x153;" horiz-adv-x="1720" d="M1262 -20q-135 0 -228 69t-125 201q-65 -127 -179 -198.5t-257 -71.5q-184 0 -279.5 109.5t-95.5 313.5q0 191 73 358t197 257t281 90q141 0 237 -74.5t126 -212.5q70 132 182.5 207.5t241.5 75.5q114 0 182 -61t68 -166q0 -181 -163.5 -276t-486.5 -95h-32 q-7 -38 -7 -98q0 -165 74 -251.5t213 -86.5q133 0 277 73v-94q-140 -69 -299 -69zM641 1022q-124 0 -223 -78.5t-158 -225t-59 -310.5q0 -342 282 -342q127 0 225.5 77.5t157 228t58.5 330.5q0 154 -73 237t-210 83zM1423 1018q-131 0 -243 -115t-162 -309h49q516 0 516 270 q0 70 -44.5 112t-115.5 42z" />
-<glyph unicode="&#x178;" horiz-adv-x="965" d="M193 0zM494 645l544 817h117l-631 -932l-108 -530h-105l119 545l-237 917h100zM798 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63zM454 1704q0 49 20.5 78t56.5 29q54 0 54 -64q0 -48 -21 -77t-55 -29q-55 0 -55 63z" />
-<glyph unicode="&#x2c6;" horiz-adv-x="1135" d="M958 1241h-49q-70 60 -161 207q-55 -57 -125 -114.5t-125 -92.5h-54v29q68 56 157.5 148.5t127.5 150.5h64q23 -64 72.5 -152.5t92.5 -146.5v-29z" />
-<glyph unicode="&#x2da;" horiz-adv-x="1182" d="M967 1448q0 -92 -57.5 -148.5t-145.5 -56.5q-93 0 -148 52t-55 145q0 88 59.5 144t149.5 56q88 0 142.5 -50t54.5 -142zM889 1446q0 57 -33.5 90t-87.5 33q-60 0 -93.5 -36t-33.5 -93t33 -90t90 -33q56 0 90.5 36t34.5 93z" />
-<glyph unicode="&#x2dc;" horiz-adv-x="1135" d="M831 1249q-40 0 -77.5 19t-75.5 45q-34 23 -64.5 41t-68.5 18q-45 0 -74 -28.5t-51 -100.5h-74q19 108 71 166.5t134 58.5q41 0 73.5 -14t117.5 -72q52 -36 94 -36q43 0 71.5 30.5t46.5 100.5h76q-26 -118 -74.5 -173t-124.5 -55z" />
-<glyph unicode="&#x2000;" horiz-adv-x="953" />
-<glyph unicode="&#x2001;" horiz-adv-x="1907" />
-<glyph unicode="&#x2002;" horiz-adv-x="953" />
-<glyph unicode="&#x2003;" horiz-adv-x="1907" />
-<glyph unicode="&#x2004;" horiz-adv-x="635" />
-<glyph unicode="&#x2005;" horiz-adv-x="476" />
-<glyph unicode="&#x2006;" horiz-adv-x="317" />
-<glyph unicode="&#x2007;" horiz-adv-x="317" />
-<glyph unicode="&#x2008;" horiz-adv-x="238" />
-<glyph unicode="&#x2009;" horiz-adv-x="381" />
-<glyph unicode="&#x200a;" horiz-adv-x="105" />
-<glyph unicode="&#x2010;" horiz-adv-x="629" d="M82 502l18 90h457l-16 -90h-459z" />
-<glyph unicode="&#x2011;" horiz-adv-x="629" d="M82 502l18 90h457l-16 -90h-459z" />
-<glyph unicode="&#x2012;" horiz-adv-x="629" d="M82 502l18 90h457l-16 -90h-459z" />
-<glyph unicode="&#x2013;" horiz-adv-x="983" d="M66 502l18 90h807l-17 -90h-808z" />
-<glyph unicode="&#x2014;" horiz-adv-x="1966" d="M68 502l18 90h1788l-16 -90h-1790z" />
-<glyph unicode="&#x2018;" horiz-adv-x="299" d="M133 961l-4 22q41 100 116 231t161 248h73q-66 -106 -129.5 -242.5t-103.5 -258.5h-113z" />
-<glyph unicode="&#x2019;" horiz-adv-x="299" d="M475 1462l4 -22q-43 -105 -117.5 -235.5t-158.5 -243.5h-74q66 106 129.5 242.5t103.5 258.5h113z" />
-<glyph unicode="&#x201a;" horiz-adv-x="451" d="M246 238l4 -23q-40 -97 -115.5 -230t-161.5 -249h-73q68 110 131.5 248t101.5 254h113z" />
-<glyph unicode="&#x201c;" horiz-adv-x="631" d="M133 961l-4 22q41 100 116 231t161 248h73q-66 -106 -129.5 -242.5t-103.5 -258.5h-113zM467 961l-4 22q43 104 120 238.5t156 240.5h74q-66 -106 -129.5 -242.5t-103.5 -258.5h-113z" />
-<glyph unicode="&#x201d;" horiz-adv-x="631" d="M809 1462l4 -22q-43 -105 -117.5 -235.5t-158.5 -243.5h-74q66 106 129.5 242.5t103.5 258.5h113zM475 1462l4 -22q-43 -105 -117.5 -235.5t-158.5 -243.5h-74q66 106 129.5 242.5t103.5 258.5h113z" />
-<glyph unicode="&#x201e;" horiz-adv-x="776" d="M561 238l4 -23q-43 -105 -117.5 -235.5t-158.5 -243.5h-74q66 108 129 242.5t105 259.5h112zM227 238l4 -23q-43 -105 -117.5 -235.5t-158.5 -243.5h-74q73 119 135.5 254.5t98.5 247.5h112z" />
-<glyph unicode="&#x2022;" horiz-adv-x="793" d="M248 682q0 137 63 213t172 76q76 0 116 -39.5t40 -118.5q0 -125 -66 -207t-176 -82q-149 0 -149 158z" />
-<glyph unicode="&#x2026;" horiz-adv-x="1489" d="M69 0zM69 55q0 56 25 88.5t69 32.5q66 0 66 -72q0 -53 -25 -87.5t-67 -34.5q-68 0 -68 73zM569 55q0 56 25 88.5t69 32.5q66 0 66 -72q0 -53 -25 -87.5t-67 -34.5q-68 0 -68 73zM1071 55q0 56 25 88.5t69 32.5q66 0 66 -72q0 -53 -25 -87.5t-67 -34.5q-68 0 -68 73z" />
-<glyph unicode="&#x202f;" horiz-adv-x="381" />
-<glyph unicode="&#x2039;" horiz-adv-x="537" d="M451 932l57 -49l-318 -336l213 -385l-63 -39l-254 418l2 26z" />
-<glyph unicode="&#x203a;" horiz-adv-x="537" d="M94 123l-57 49l317 336l-213 385l64 39l254 -418l-2 -27z" />
-<glyph unicode="&#x2044;" horiz-adv-x="274" d="M731 1462l-1087 -1462h-107l1086 1462h108z" />
-<glyph unicode="&#x205f;" horiz-adv-x="476" />
-<glyph unicode="&#x2074;" horiz-adv-x="643" d="M657 815h-131l-49 -229h-82l49 229h-391l21 76l506 577h86l-125 -581h133zM459 887q61 294 79 365.5t29 105.5q-10 -16 -61 -79t-338 -392h291z" />
-<glyph unicode="&#x20ac;" d="M991 1389q-186 0 -330.5 -120.5t-226.5 -346.5h457l-21 -82h-460q-30 -98 -39 -217h442l-20 -82h-424q0 -243 89 -356t265 -113q115 0 252 57v-94q-129 -55 -270 -55q-209 0 -325 139.5t-116 394.5v27h-184l16 82h172q5 101 35 217h-170l19 82h174q95 273 270 417 t399 144q166 0 287 -90l-53 -82q-102 78 -238 78z" />
-<glyph unicode="&#x2122;" horiz-adv-x="1534" d="M477 741h-86v643h-217v78h522v-78h-219v-643zM1077 741l-221 609h-6l4 -201v-408h-82v721h125l221 -606l223 606h125v-721h-86v398l4 207h-6l-227 -605h-74z" />
-<glyph unicode="&#xe000;" horiz-adv-x="1085" d="M0 1085h1085v-1085h-1085v1085z" />
-<glyph horiz-adv-x="1133" d="M0 0z" />
-<hkern u1="&#x22;" u2="&#x178;" k="-20" />
-<hkern u1="&#x22;" u2="&#x153;" k="123" />
-<hkern u1="&#x22;" u2="&#xfc;" k="61" />
-<hkern u1="&#x22;" u2="&#xfb;" k="61" />
-<hkern u1="&#x22;" u2="&#xfa;" k="61" />
-<hkern u1="&#x22;" u2="&#xf9;" k="61" />
-<hkern u1="&#x22;" u2="&#xf8;" k="123" />
-<hkern u1="&#x22;" u2="&#xf6;" k="123" />
-<hkern u1="&#x22;" u2="&#xf5;" k="123" />
-<hkern u1="&#x22;" u2="&#xf4;" k="123" />
-<hkern u1="&#x22;" u2="&#xf3;" k="123" />
-<hkern u1="&#x22;" u2="&#xf2;" k="123" />
-<hkern u1="&#x22;" u2="&#xeb;" k="123" />
-<hkern u1="&#x22;" u2="&#xea;" k="123" />
-<hkern u1="&#x22;" u2="&#xe9;" k="123" />
-<hkern u1="&#x22;" u2="&#xe8;" k="123" />
-<hkern u1="&#x22;" u2="&#xe7;" k="123" />
-<hkern u1="&#x22;" u2="&#xe6;" k="82" />
-<hkern u1="&#x22;" u2="&#xe5;" k="82" />
-<hkern u1="&#x22;" u2="&#xe4;" k="82" />
-<hkern u1="&#x22;" u2="&#xe3;" k="82" />
-<hkern u1="&#x22;" u2="&#xe2;" k="82" />
-<hkern u1="&#x22;" u2="&#xe1;" k="82" />
-<hkern u1="&#x22;" u2="&#xe0;" k="123" />
-<hkern u1="&#x22;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x22;" u2="&#xc5;" k="143" />
-<hkern u1="&#x22;" u2="&#xc4;" k="143" />
-<hkern u1="&#x22;" u2="&#xc3;" k="143" />
-<hkern u1="&#x22;" u2="&#xc2;" k="143" />
-<hkern u1="&#x22;" u2="&#xc1;" k="143" />
-<hkern u1="&#x22;" u2="&#xc0;" k="143" />
-<hkern u1="&#x22;" u2="u" k="61" />
-<hkern u1="&#x22;" u2="s" k="61" />
-<hkern u1="&#x22;" u2="r" k="61" />
-<hkern u1="&#x22;" u2="q" k="123" />
-<hkern u1="&#x22;" u2="p" k="61" />
-<hkern u1="&#x22;" u2="o" k="123" />
-<hkern u1="&#x22;" u2="n" k="61" />
-<hkern u1="&#x22;" u2="m" k="61" />
-<hkern u1="&#x22;" u2="g" k="61" />
-<hkern u1="&#x22;" u2="e" k="123" />
-<hkern u1="&#x22;" u2="d" k="123" />
-<hkern u1="&#x22;" u2="c" k="123" />
-<hkern u1="&#x22;" u2="a" k="82" />
-<hkern u1="&#x22;" u2="Y" k="-20" />
-<hkern u1="&#x22;" u2="W" k="-41" />
-<hkern u1="&#x22;" u2="V" k="-41" />
-<hkern u1="&#x22;" u2="T" k="-41" />
-<hkern u1="&#x22;" u2="A" k="143" />
-<hkern u1="&#x27;" u2="&#x178;" k="-20" />
-<hkern u1="&#x27;" u2="&#x153;" k="123" />
-<hkern u1="&#x27;" u2="&#xfc;" k="61" />
-<hkern u1="&#x27;" u2="&#xfb;" k="61" />
-<hkern u1="&#x27;" u2="&#xfa;" k="61" />
-<hkern u1="&#x27;" u2="&#xf9;" k="61" />
-<hkern u1="&#x27;" u2="&#xf8;" k="123" />
-<hkern u1="&#x27;" u2="&#xf6;" k="123" />
-<hkern u1="&#x27;" u2="&#xf5;" k="123" />
-<hkern u1="&#x27;" u2="&#xf4;" k="123" />
-<hkern u1="&#x27;" u2="&#xf3;" k="123" />
-<hkern u1="&#x27;" u2="&#xf2;" k="123" />
-<hkern u1="&#x27;" u2="&#xeb;" k="123" />
-<hkern u1="&#x27;" u2="&#xea;" k="123" />
-<hkern u1="&#x27;" u2="&#xe9;" k="123" />
-<hkern u1="&#x27;" u2="&#xe8;" k="123" />
-<hkern u1="&#x27;" u2="&#xe7;" k="123" />
-<hkern u1="&#x27;" u2="&#xe6;" k="82" />
-<hkern u1="&#x27;" u2="&#xe5;" k="82" />
-<hkern u1="&#x27;" u2="&#xe4;" k="82" />
-<hkern u1="&#x27;" u2="&#xe3;" k="82" />
-<hkern u1="&#x27;" u2="&#xe2;" k="82" />
-<hkern u1="&#x27;" u2="&#xe1;" k="82" />
-<hkern u1="&#x27;" u2="&#xe0;" k="123" />
-<hkern u1="&#x27;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x27;" u2="&#xc5;" k="143" />
-<hkern u1="&#x27;" u2="&#xc4;" k="143" />
-<hkern u1="&#x27;" u2="&#xc3;" k="143" />
-<hkern u1="&#x27;" u2="&#xc2;" k="143" />
-<hkern u1="&#x27;" u2="&#xc1;" k="143" />
-<hkern u1="&#x27;" u2="&#xc0;" k="143" />
-<hkern u1="&#x27;" u2="u" k="61" />
-<hkern u1="&#x27;" u2="s" k="61" />
-<hkern u1="&#x27;" u2="r" k="61" />
-<hkern u1="&#x27;" u2="q" k="123" />
-<hkern u1="&#x27;" u2="p" k="61" />
-<hkern u1="&#x27;" u2="o" k="123" />
-<hkern u1="&#x27;" u2="n" k="61" />
-<hkern u1="&#x27;" u2="m" k="61" />
-<hkern u1="&#x27;" u2="g" k="61" />
-<hkern u1="&#x27;" u2="e" k="123" />
-<hkern u1="&#x27;" u2="d" k="123" />
-<hkern u1="&#x27;" u2="c" k="123" />
-<hkern u1="&#x27;" u2="a" k="82" />
-<hkern u1="&#x27;" u2="Y" k="-20" />
-<hkern u1="&#x27;" u2="W" k="-41" />
-<hkern u1="&#x27;" u2="V" k="-41" />
-<hkern u1="&#x27;" u2="T" k="-41" />
-<hkern u1="&#x27;" u2="A" k="143" />
-<hkern u1="&#x28;" u2="J" k="-184" />
-<hkern u1="&#x2c;" u2="&#x178;" k="123" />
-<hkern u1="&#x2c;" u2="&#x152;" k="102" />
-<hkern u1="&#x2c;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2c;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2c;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2c;" u2="&#xda;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2c;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2c;" u2="Y" k="123" />
-<hkern u1="&#x2c;" u2="W" k="123" />
-<hkern u1="&#x2c;" u2="V" k="123" />
-<hkern u1="&#x2c;" u2="U" k="41" />
-<hkern u1="&#x2c;" u2="T" k="143" />
-<hkern u1="&#x2c;" u2="Q" k="102" />
-<hkern u1="&#x2c;" u2="O" k="102" />
-<hkern u1="&#x2c;" u2="G" k="102" />
-<hkern u1="&#x2c;" u2="C" k="102" />
-<hkern u1="&#x2d;" u2="T" k="82" />
-<hkern u1="&#x2e;" u2="&#x178;" k="123" />
-<hkern u1="&#x2e;" u2="&#x152;" k="102" />
-<hkern u1="&#x2e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2e;" u2="&#xda;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2e;" u2="Y" k="123" />
-<hkern u1="&#x2e;" u2="W" k="123" />
-<hkern u1="&#x2e;" u2="V" k="123" />
-<hkern u1="&#x2e;" u2="U" k="41" />
-<hkern u1="&#x2e;" u2="T" k="143" />
-<hkern u1="&#x2e;" u2="Q" k="102" />
-<hkern u1="&#x2e;" u2="O" k="102" />
-<hkern u1="&#x2e;" u2="G" k="102" />
-<hkern u1="&#x2e;" u2="C" k="102" />
-<hkern u1="A" u2="&#x201d;" k="143" />
-<hkern u1="A" u2="&#x2019;" k="143" />
-<hkern u1="A" u2="&#x178;" k="123" />
-<hkern u1="A" u2="&#x152;" k="41" />
-<hkern u1="A" u2="&#xdd;" k="123" />
-<hkern u1="A" u2="&#xd8;" k="41" />
-<hkern u1="A" u2="&#xd6;" k="41" />
-<hkern u1="A" u2="&#xd5;" k="41" />
-<hkern u1="A" u2="&#xd4;" k="41" />
-<hkern u1="A" u2="&#xd3;" k="41" />
-<hkern u1="A" u2="&#xd2;" k="41" />
-<hkern u1="A" u2="&#xc7;" k="41" />
-<hkern u1="A" u2="Y" k="123" />
-<hkern u1="A" u2="W" k="82" />
-<hkern u1="A" u2="V" k="82" />
-<hkern u1="A" u2="T" k="143" />
-<hkern u1="A" u2="Q" k="41" />
-<hkern u1="A" u2="O" k="41" />
-<hkern u1="A" u2="J" k="-266" />
-<hkern u1="A" u2="G" k="41" />
-<hkern u1="A" u2="C" k="41" />
-<hkern u1="A" u2="&#x27;" k="143" />
-<hkern u1="A" u2="&#x22;" k="143" />
-<hkern u1="B" u2="&#x201e;" k="82" />
-<hkern u1="B" u2="&#x201a;" k="82" />
-<hkern u1="B" u2="&#x178;" k="20" />
-<hkern u1="B" u2="&#xdd;" k="20" />
-<hkern u1="B" u2="&#xc5;" k="41" />
-<hkern u1="B" u2="&#xc4;" k="41" />
-<hkern u1="B" u2="&#xc3;" k="41" />
-<hkern u1="B" u2="&#xc2;" k="41" />
-<hkern u1="B" u2="&#xc1;" k="41" />
-<hkern u1="B" u2="&#xc0;" k="41" />
-<hkern u1="B" u2="Z" k="20" />
-<hkern u1="B" u2="Y" k="20" />
-<hkern u1="B" u2="X" k="41" />
-<hkern u1="B" u2="W" k="20" />
-<hkern u1="B" u2="V" k="20" />
-<hkern u1="B" u2="T" k="61" />
-<hkern u1="B" u2="A" k="41" />
-<hkern u1="B" u2="&#x2e;" k="82" />
-<hkern u1="B" u2="&#x2c;" k="82" />
-<hkern u1="C" u2="&#x152;" k="41" />
-<hkern u1="C" u2="&#xd8;" k="41" />
-<hkern u1="C" u2="&#xd6;" k="41" />
-<hkern u1="C" u2="&#xd5;" k="41" />
-<hkern u1="C" u2="&#xd4;" k="41" />
-<hkern u1="C" u2="&#xd3;" k="41" />
-<hkern u1="C" u2="&#xd2;" k="41" />
-<hkern u1="C" u2="&#xc7;" k="41" />
-<hkern u1="C" u2="Q" k="41" />
-<hkern u1="C" u2="O" k="41" />
-<hkern u1="C" u2="G" k="41" />
-<hkern u1="C" u2="C" k="41" />
-<hkern u1="D" u2="&#x201e;" k="82" />
-<hkern u1="D" u2="&#x201a;" k="82" />
-<hkern u1="D" u2="&#x178;" k="20" />
-<hkern u1="D" u2="&#xdd;" k="20" />
-<hkern u1="D" u2="&#xc5;" k="41" />
-<hkern u1="D" u2="&#xc4;" k="41" />
-<hkern u1="D" u2="&#xc3;" k="41" />
-<hkern u1="D" u2="&#xc2;" k="41" />
-<hkern u1="D" u2="&#xc1;" k="41" />
-<hkern u1="D" u2="&#xc0;" k="41" />
-<hkern u1="D" u2="Z" k="20" />
-<hkern u1="D" u2="Y" k="20" />
-<hkern u1="D" u2="X" k="41" />
-<hkern u1="D" u2="W" k="20" />
-<hkern u1="D" u2="V" k="20" />
-<hkern u1="D" u2="T" k="61" />
-<hkern u1="D" u2="A" k="41" />
-<hkern u1="D" u2="&#x2e;" k="82" />
-<hkern u1="D" u2="&#x2c;" k="82" />
-<hkern u1="E" u2="J" k="-123" />
-<hkern u1="F" u2="&#x201e;" k="123" />
-<hkern u1="F" u2="&#x201a;" k="123" />
-<hkern u1="F" u2="&#xc5;" k="41" />
-<hkern u1="F" u2="&#xc4;" k="41" />
-<hkern u1="F" u2="&#xc3;" k="41" />
-<hkern u1="F" u2="&#xc2;" k="41" />
-<hkern u1="F" u2="&#xc1;" k="41" />
-<hkern u1="F" u2="&#xc0;" k="41" />
-<hkern u1="F" u2="A" k="41" />
-<hkern u1="F" u2="&#x3f;" k="-41" />
-<hkern u1="F" u2="&#x2e;" k="123" />
-<hkern u1="F" u2="&#x2c;" k="123" />
-<hkern u1="K" u2="&#x152;" k="41" />
-<hkern u1="K" u2="&#xd8;" k="41" />
-<hkern u1="K" u2="&#xd6;" k="41" />
-<hkern u1="K" u2="&#xd5;" k="41" />
-<hkern u1="K" u2="&#xd4;" k="41" />
-<hkern u1="K" u2="&#xd3;" k="41" />
-<hkern u1="K" u2="&#xd2;" k="41" />
-<hkern u1="K" u2="&#xc7;" k="41" />
-<hkern u1="K" u2="Q" k="41" />
-<hkern u1="K" u2="O" k="41" />
-<hkern u1="K" u2="G" k="41" />
-<hkern u1="K" u2="C" k="41" />
-<hkern u1="L" u2="&#x201d;" k="164" />
-<hkern u1="L" u2="&#x2019;" k="164" />
-<hkern u1="L" u2="&#x178;" k="61" />
-<hkern u1="L" u2="&#x152;" k="41" />
-<hkern u1="L" u2="&#xdd;" k="61" />
-<hkern u1="L" u2="&#xdc;" k="20" />
-<hkern u1="L" u2="&#xdb;" k="20" />
-<hkern u1="L" u2="&#xda;" k="20" />
-<hkern u1="L" u2="&#xd9;" k="20" />
-<hkern u1="L" u2="&#xd8;" k="41" />
-<hkern u1="L" u2="&#xd6;" k="41" />
-<hkern u1="L" u2="&#xd5;" k="41" />
-<hkern u1="L" u2="&#xd4;" k="41" />
-<hkern u1="L" u2="&#xd3;" k="41" />
-<hkern u1="L" u2="&#xd2;" k="41" />
-<hkern u1="L" u2="&#xc7;" k="41" />
-<hkern u1="L" u2="Y" k="61" />
-<hkern u1="L" u2="W" k="41" />
-<hkern u1="L" u2="V" k="41" />
-<hkern u1="L" u2="U" k="20" />
-<hkern u1="L" u2="T" k="41" />
-<hkern u1="L" u2="Q" k="41" />
-<hkern u1="L" u2="O" k="41" />
-<hkern u1="L" u2="G" k="41" />
-<hkern u1="L" u2="C" k="41" />
-<hkern u1="L" u2="&#x27;" k="164" />
-<hkern u1="L" u2="&#x22;" k="164" />
-<hkern u1="O" u2="&#x201e;" k="82" />
-<hkern u1="O" u2="&#x201a;" k="82" />
-<hkern u1="O" u2="&#x178;" k="20" />
-<hkern u1="O" u2="&#xdd;" k="20" />
-<hkern u1="O" u2="&#xc5;" k="41" />
-<hkern u1="O" u2="&#xc4;" k="41" />
-<hkern u1="O" u2="&#xc3;" k="41" />
-<hkern u1="O" u2="&#xc2;" k="41" />
-<hkern u1="O" u2="&#xc1;" k="41" />
-<hkern u1="O" u2="&#xc0;" k="41" />
-<hkern u1="O" u2="Z" k="20" />
-<hkern u1="O" u2="Y" k="20" />
-<hkern u1="O" u2="X" k="41" />
-<hkern u1="O" u2="W" k="20" />
-<hkern u1="O" u2="V" k="20" />
-<hkern u1="O" u2="T" k="61" />
-<hkern u1="O" u2="A" k="41" />
-<hkern u1="O" u2="&#x2e;" k="82" />
-<hkern u1="O" u2="&#x2c;" k="82" />
-<hkern u1="P" u2="&#x201e;" k="266" />
-<hkern u1="P" u2="&#x201a;" k="266" />
-<hkern u1="P" u2="&#xc5;" k="102" />
-<hkern u1="P" u2="&#xc4;" k="102" />
-<hkern u1="P" u2="&#xc3;" k="102" />
-<hkern u1="P" u2="&#xc2;" k="102" />
-<hkern u1="P" u2="&#xc1;" k="102" />
-<hkern u1="P" u2="&#xc0;" k="102" />
-<hkern u1="P" u2="Z" k="20" />
-<hkern u1="P" u2="X" k="41" />
-<hkern u1="P" u2="A" k="102" />
-<hkern u1="P" u2="&#x2e;" k="266" />
-<hkern u1="P" u2="&#x2c;" k="266" />
-<hkern u1="Q" u2="&#x201e;" k="82" />
-<hkern u1="Q" u2="&#x201a;" k="82" />
-<hkern u1="Q" u2="&#x178;" k="20" />
-<hkern u1="Q" u2="&#xdd;" k="20" />
-<hkern u1="Q" u2="&#xc5;" k="41" />
-<hkern u1="Q" u2="&#xc4;" k="41" />
-<hkern u1="Q" u2="&#xc3;" k="41" />
-<hkern u1="Q" u2="&#xc2;" k="41" />
-<hkern u1="Q" u2="&#xc1;" k="41" />
-<hkern u1="Q" u2="&#xc0;" k="41" />
-<hkern u1="Q" u2="Z" k="20" />
-<hkern u1="Q" u2="Y" k="20" />
-<hkern u1="Q" u2="X" k="41" />
-<hkern u1="Q" u2="W" k="20" />
-<hkern u1="Q" u2="V" k="20" />
-<hkern u1="Q" u2="T" k="61" />
-<hkern u1="Q" u2="A" k="41" />
-<hkern u1="Q" u2="&#x2e;" k="82" />
-<hkern u1="Q" u2="&#x2c;" k="82" />
-<hkern u1="T" u2="&#x201e;" k="123" />
-<hkern u1="T" u2="&#x201a;" k="123" />
-<hkern u1="T" u2="&#x2014;" k="82" />
-<hkern u1="T" u2="&#x2013;" k="82" />
-<hkern u1="T" u2="&#x153;" k="143" />
-<hkern u1="T" u2="&#x152;" k="41" />
-<hkern u1="T" u2="&#xfd;" k="41" />
-<hkern u1="T" u2="&#xfc;" k="102" />
-<hkern u1="T" u2="&#xfb;" k="102" />
-<hkern u1="T" u2="&#xfa;" k="102" />
-<hkern u1="T" u2="&#xf9;" k="102" />
-<hkern u1="T" u2="&#xf8;" k="143" />
-<hkern u1="T" u2="&#xf6;" k="143" />
-<hkern u1="T" u2="&#xf5;" k="143" />
-<hkern u1="T" u2="&#xf4;" k="143" />
-<hkern u1="T" u2="&#xf3;" k="143" />
-<hkern u1="T" u2="&#xf2;" k="143" />
-<hkern u1="T" u2="&#xeb;" k="143" />
-<hkern u1="T" u2="&#xea;" k="143" />
-<hkern u1="T" u2="&#xe9;" k="143" />
-<hkern u1="T" u2="&#xe8;" k="143" />
-<hkern u1="T" u2="&#xe7;" k="143" />
-<hkern u1="T" u2="&#xe6;" k="164" />
-<hkern u1="T" u2="&#xe5;" k="164" />
-<hkern u1="T" u2="&#xe4;" k="164" />
-<hkern u1="T" u2="&#xe3;" k="164" />
-<hkern u1="T" u2="&#xe2;" k="164" />
-<hkern u1="T" u2="&#xe1;" k="164" />
-<hkern u1="T" u2="&#xe0;" k="143" />
-<hkern u1="T" u2="&#xd8;" k="41" />
-<hkern u1="T" u2="&#xd6;" k="41" />
-<hkern u1="T" u2="&#xd5;" k="41" />
-<hkern u1="T" u2="&#xd4;" k="41" />
-<hkern u1="T" u2="&#xd3;" k="41" />
-<hkern u1="T" u2="&#xd2;" k="41" />
-<hkern u1="T" u2="&#xc7;" k="41" />
-<hkern u1="T" u2="&#xc5;" k="143" />
-<hkern u1="T" u2="&#xc4;" k="143" />
-<hkern u1="T" u2="&#xc3;" k="143" />
-<hkern u1="T" u2="&#xc2;" k="143" />
-<hkern u1="T" u2="&#xc1;" k="143" />
-<hkern u1="T" u2="&#xc0;" k="143" />
-<hkern u1="T" u2="z" k="82" />
-<hkern u1="T" u2="y" k="41" />
-<hkern u1="T" u2="x" k="41" />
-<hkern u1="T" u2="w" k="41" />
-<hkern u1="T" u2="v" k="41" />
-<hkern u1="T" u2="u" k="102" />
-<hkern u1="T" u2="s" k="123" />
-<hkern u1="T" u2="r" k="102" />
-<hkern u1="T" u2="q" k="143" />
-<hkern u1="T" u2="p" k="102" />
-<hkern u1="T" u2="o" k="143" />
-<hkern u1="T" u2="n" k="102" />
-<hkern u1="T" u2="m" k="102" />
-<hkern u1="T" u2="g" k="143" />
-<hkern u1="T" u2="e" k="143" />
-<hkern u1="T" u2="d" k="143" />
-<hkern u1="T" u2="c" k="143" />
-<hkern u1="T" u2="a" k="164" />
-<hkern u1="T" u2="T" k="-41" />
-<hkern u1="T" u2="Q" k="41" />
-<hkern u1="T" u2="O" k="41" />
-<hkern u1="T" u2="G" k="41" />
-<hkern u1="T" u2="C" k="41" />
-<hkern u1="T" u2="A" k="143" />
-<hkern u1="T" u2="&#x3f;" k="-41" />
-<hkern u1="T" u2="&#x2e;" k="123" />
-<hkern u1="T" u2="&#x2d;" k="82" />
-<hkern u1="T" u2="&#x2c;" k="123" />
-<hkern u1="U" u2="&#x201e;" k="41" />
-<hkern u1="U" u2="&#x201a;" k="41" />
-<hkern u1="U" u2="&#xc5;" k="20" />
-<hkern u1="U" u2="&#xc4;" k="20" />
-<hkern u1="U" u2="&#xc3;" k="20" />
-<hkern u1="U" u2="&#xc2;" k="20" />
-<hkern u1="U" u2="&#xc1;" k="20" />
-<hkern u1="U" u2="&#xc0;" k="20" />
-<hkern u1="U" u2="A" k="20" />
-<hkern u1="U" u2="&#x2e;" k="41" />
-<hkern u1="U" u2="&#x2c;" k="41" />
-<hkern u1="V" u2="&#x201e;" k="102" />
-<hkern u1="V" u2="&#x201a;" k="102" />
-<hkern u1="V" u2="&#x153;" k="41" />
-<hkern u1="V" u2="&#x152;" k="20" />
-<hkern u1="V" u2="&#xfc;" k="20" />
-<hkern u1="V" u2="&#xfb;" k="20" />
-<hkern u1="V" u2="&#xfa;" k="20" />
-<hkern u1="V" u2="&#xf9;" k="20" />
-<hkern u1="V" u2="&#xf8;" k="41" />
-<hkern u1="V" u2="&#xf6;" k="41" />
-<hkern u1="V" u2="&#xf5;" k="41" />
-<hkern u1="V" u2="&#xf4;" k="41" />
-<hkern u1="V" u2="&#xf3;" k="41" />
-<hkern u1="V" u2="&#xf2;" k="41" />
-<hkern u1="V" u2="&#xeb;" k="41" />
-<hkern u1="V" u2="&#xea;" k="41" />
-<hkern u1="V" u2="&#xe9;" k="41" />
-<hkern u1="V" u2="&#xe8;" k="41" />
-<hkern u1="V" u2="&#xe7;" k="41" />
-<hkern u1="V" u2="&#xe6;" k="41" />
-<hkern u1="V" u2="&#xe5;" k="41" />
-<hkern u1="V" u2="&#xe4;" k="41" />
-<hkern u1="V" u2="&#xe3;" k="41" />
-<hkern u1="V" u2="&#xe2;" k="41" />
-<hkern u1="V" u2="&#xe1;" k="41" />
-<hkern u1="V" u2="&#xe0;" k="41" />
-<hkern u1="V" u2="&#xd8;" k="20" />
-<hkern u1="V" u2="&#xd6;" k="20" />
-<hkern u1="V" u2="&#xd5;" k="20" />
-<hkern u1="V" u2="&#xd4;" k="20" />
-<hkern u1="V" u2="&#xd3;" k="20" />
-<hkern u1="V" u2="&#xd2;" k="20" />
-<hkern u1="V" u2="&#xc7;" k="20" />
-<hkern u1="V" u2="&#xc5;" k="82" />
-<hkern u1="V" u2="&#xc4;" k="82" />
-<hkern u1="V" u2="&#xc3;" k="82" />
-<hkern u1="V" u2="&#xc2;" k="82" />
-<hkern u1="V" u2="&#xc1;" k="82" />
-<hkern u1="V" u2="&#xc0;" k="82" />
-<hkern u1="V" u2="u" k="20" />
-<hkern u1="V" u2="s" k="20" />
-<hkern u1="V" u2="r" k="20" />
-<hkern u1="V" u2="q" k="41" />
-<hkern u1="V" u2="p" k="20" />
-<hkern u1="V" u2="o" k="41" />
-<hkern u1="V" u2="n" k="20" />
-<hkern u1="V" u2="m" k="20" />
-<hkern u1="V" u2="g" k="20" />
-<hkern u1="V" u2="e" k="41" />
-<hkern u1="V" u2="d" k="41" />
-<hkern u1="V" u2="c" k="41" />
-<hkern u1="V" u2="a" k="41" />
-<hkern u1="V" u2="Q" k="20" />
-<hkern u1="V" u2="O" k="20" />
-<hkern u1="V" u2="G" k="20" />
-<hkern u1="V" u2="C" k="20" />
-<hkern u1="V" u2="A" k="82" />
-<hkern u1="V" u2="&#x3f;" k="-41" />
-<hkern u1="V" u2="&#x2e;" k="102" />
-<hkern u1="V" u2="&#x2c;" k="102" />
-<hkern u1="W" u2="&#x201e;" k="102" />
-<hkern u1="W" u2="&#x201a;" k="102" />
-<hkern u1="W" u2="&#x153;" k="41" />
-<hkern u1="W" u2="&#x152;" k="20" />
-<hkern u1="W" u2="&#xfc;" k="20" />
-<hkern u1="W" u2="&#xfb;" k="20" />
-<hkern u1="W" u2="&#xfa;" k="20" />
-<hkern u1="W" u2="&#xf9;" k="20" />
-<hkern u1="W" u2="&#xf8;" k="41" />
-<hkern u1="W" u2="&#xf6;" k="41" />
-<hkern u1="W" u2="&#xf5;" k="41" />
-<hkern u1="W" u2="&#xf4;" k="41" />
-<hkern u1="W" u2="&#xf3;" k="41" />
-<hkern u1="W" u2="&#xf2;" k="41" />
-<hkern u1="W" u2="&#xeb;" k="41" />
-<hkern u1="W" u2="&#xea;" k="41" />
-<hkern u1="W" u2="&#xe9;" k="41" />
-<hkern u1="W" u2="&#xe8;" k="41" />
-<hkern u1="W" u2="&#xe7;" k="41" />
-<hkern u1="W" u2="&#xe6;" k="41" />
-<hkern u1="W" u2="&#xe5;" k="41" />
-<hkern u1="W" u2="&#xe4;" k="41" />
-<hkern u1="W" u2="&#xe3;" k="41" />
-<hkern u1="W" u2="&#xe2;" k="41" />
-<hkern u1="W" u2="&#xe1;" k="41" />
-<hkern u1="W" u2="&#xe0;" k="41" />
-<hkern u1="W" u2="&#xd8;" k="20" />
-<hkern u1="W" u2="&#xd6;" k="20" />
-<hkern u1="W" u2="&#xd5;" k="20" />
-<hkern u1="W" u2="&#xd4;" k="20" />
-<hkern u1="W" u2="&#xd3;" k="20" />
-<hkern u1="W" u2="&#xd2;" k="20" />
-<hkern u1="W" u2="&#xc7;" k="20" />
-<hkern u1="W" u2="&#xc5;" k="82" />
-<hkern u1="W" u2="&#xc4;" k="82" />
-<hkern u1="W" u2="&#xc3;" k="82" />
-<hkern u1="W" u2="&#xc2;" k="82" />
-<hkern u1="W" u2="&#xc1;" k="82" />
-<hkern u1="W" u2="&#xc0;" k="82" />
-<hkern u1="W" u2="u" k="20" />
-<hkern u1="W" u2="s" k="20" />
-<hkern u1="W" u2="r" k="20" />
-<hkern u1="W" u2="q" k="41" />
-<hkern u1="W" u2="p" k="20" />
-<hkern u1="W" u2="o" k="41" />
-<hkern u1="W" u2="n" k="20" />
-<hkern u1="W" u2="m" k="20" />
-<hkern u1="W" u2="g" k="20" />
-<hkern u1="W" u2="e" k="41" />
-<hkern u1="W" u2="d" k="41" />
-<hkern u1="W" u2="c" k="41" />
-<hkern u1="W" u2="a" k="41" />
-<hkern u1="W" u2="Q" k="20" />
-<hkern u1="W" u2="O" k="20" />
-<hkern u1="W" u2="G" k="20" />
-<hkern u1="W" u2="C" k="20" />
-<hkern u1="W" u2="A" k="82" />
-<hkern u1="W" u2="&#x3f;" k="-41" />
-<hkern u1="W" u2="&#x2e;" k="102" />
-<hkern u1="W" u2="&#x2c;" k="102" />
-<hkern u1="X" u2="&#x152;" k="41" />
-<hkern u1="X" u2="&#xd8;" k="41" />
-<hkern u1="X" u2="&#xd6;" k="41" />
-<hkern u1="X" u2="&#xd5;" k="41" />
-<hkern u1="X" u2="&#xd4;" k="41" />
-<hkern u1="X" u2="&#xd3;" k="41" />
-<hkern u1="X" u2="&#xd2;" k="41" />
-<hkern u1="X" u2="&#xc7;" k="41" />
-<hkern u1="X" u2="Q" k="41" />
-<hkern u1="X" u2="O" k="41" />
-<hkern u1="X" u2="G" k="41" />
-<hkern u1="X" u2="C" k="41" />
-<hkern u1="Y" u2="&#x201e;" k="123" />
-<hkern u1="Y" u2="&#x201a;" k="123" />
-<hkern u1="Y" u2="&#x153;" k="102" />
-<hkern u1="Y" u2="&#x152;" k="41" />
-<hkern u1="Y" u2="&#xfc;" k="61" />
-<hkern u1="Y" u2="&#xfb;" k="61" />
-<hkern u1="Y" u2="&#xfa;" k="61" />
-<hkern u1="Y" u2="&#xf9;" k="61" />
-<hkern u1="Y" u2="&#xf8;" k="102" />
-<hkern u1="Y" u2="&#xf6;" k="102" />
-<hkern u1="Y" u2="&#xf5;" k="102" />
-<hkern u1="Y" u2="&#xf4;" k="102" />
-<hkern u1="Y" u2="&#xf3;" k="102" />
-<hkern u1="Y" u2="&#xf2;" k="102" />
-<hkern u1="Y" u2="&#xeb;" k="102" />
-<hkern u1="Y" u2="&#xea;" k="102" />
-<hkern u1="Y" u2="&#xe9;" k="102" />
-<hkern u1="Y" u2="&#xe8;" k="102" />
-<hkern u1="Y" u2="&#xe7;" k="102" />
-<hkern u1="Y" u2="&#xe6;" k="102" />
-<hkern u1="Y" u2="&#xe5;" k="102" />
-<hkern u1="Y" u2="&#xe4;" k="102" />
-<hkern u1="Y" u2="&#xe3;" k="102" />
-<hkern u1="Y" u2="&#xe2;" k="102" />
-<hkern u1="Y" u2="&#xe1;" k="102" />
-<hkern u1="Y" u2="&#xe0;" k="102" />
-<hkern u1="Y" u2="&#xd8;" k="41" />
-<hkern u1="Y" u2="&#xd6;" k="41" />
-<hkern u1="Y" u2="&#xd5;" k="41" />
-<hkern u1="Y" u2="&#xd4;" k="41" />
-<hkern u1="Y" u2="&#xd3;" k="41" />
-<hkern u1="Y" u2="&#xd2;" k="41" />
-<hkern u1="Y" u2="&#xc7;" k="41" />
-<hkern u1="Y" u2="&#xc5;" k="123" />
-<hkern u1="Y" u2="&#xc4;" k="123" />
-<hkern u1="Y" u2="&#xc3;" k="123" />
-<hkern u1="Y" u2="&#xc2;" k="123" />
-<hkern u1="Y" u2="&#xc1;" k="123" />
-<hkern u1="Y" u2="&#xc0;" k="123" />
-<hkern u1="Y" u2="z" k="41" />
-<hkern u1="Y" u2="u" k="61" />
-<hkern u1="Y" u2="s" k="82" />
-<hkern u1="Y" u2="r" k="61" />
-<hkern u1="Y" u2="q" k="102" />
-<hkern u1="Y" u2="p" k="61" />
-<hkern u1="Y" u2="o" k="102" />
-<hkern u1="Y" u2="n" k="61" />
-<hkern u1="Y" u2="m" k="61" />
-<hkern u1="Y" u2="g" k="41" />
-<hkern u1="Y" u2="e" k="102" />
-<hkern u1="Y" u2="d" k="102" />
-<hkern u1="Y" u2="c" k="102" />
-<hkern u1="Y" u2="a" k="102" />
-<hkern u1="Y" u2="Q" k="41" />
-<hkern u1="Y" u2="O" k="41" />
-<hkern u1="Y" u2="G" k="41" />
-<hkern u1="Y" u2="C" k="41" />
-<hkern u1="Y" u2="A" k="123" />
-<hkern u1="Y" u2="&#x3f;" k="-41" />
-<hkern u1="Y" u2="&#x2e;" k="123" />
-<hkern u1="Y" u2="&#x2c;" k="123" />
-<hkern u1="Z" u2="&#x152;" k="20" />
-<hkern u1="Z" u2="&#xd8;" k="20" />
-<hkern u1="Z" u2="&#xd6;" k="20" />
-<hkern u1="Z" u2="&#xd5;" k="20" />
-<hkern u1="Z" u2="&#xd4;" k="20" />
-<hkern u1="Z" u2="&#xd3;" k="20" />
-<hkern u1="Z" u2="&#xd2;" k="20" />
-<hkern u1="Z" u2="&#xc7;" k="20" />
-<hkern u1="Z" u2="Q" k="20" />
-<hkern u1="Z" u2="O" k="20" />
-<hkern u1="Z" u2="G" k="20" />
-<hkern u1="Z" u2="C" k="20" />
-<hkern u1="[" u2="J" k="-184" />
-<hkern u1="a" u2="&#x201d;" k="20" />
-<hkern u1="a" u2="&#x2019;" k="20" />
-<hkern u1="a" u2="&#x27;" k="20" />
-<hkern u1="a" u2="&#x22;" k="20" />
-<hkern u1="b" u2="&#x201d;" k="20" />
-<hkern u1="b" u2="&#x2019;" k="20" />
-<hkern u1="b" u2="&#xfd;" k="41" />
-<hkern u1="b" u2="z" k="20" />
-<hkern u1="b" u2="y" k="41" />
-<hkern u1="b" u2="x" k="41" />
-<hkern u1="b" u2="w" k="41" />
-<hkern u1="b" u2="v" k="41" />
-<hkern u1="b" u2="&#x27;" k="20" />
-<hkern u1="b" u2="&#x22;" k="20" />
-<hkern u1="c" u2="&#x201d;" k="-41" />
-<hkern u1="c" u2="&#x2019;" k="-41" />
-<hkern u1="c" u2="&#x27;" k="-41" />
-<hkern u1="c" u2="&#x22;" k="-41" />
-<hkern u1="e" u2="&#x201d;" k="20" />
-<hkern u1="e" u2="&#x2019;" k="20" />
-<hkern u1="e" u2="&#xfd;" k="41" />
-<hkern u1="e" u2="z" k="20" />
-<hkern u1="e" u2="y" k="41" />
-<hkern u1="e" u2="x" k="41" />
-<hkern u1="e" u2="w" k="41" />
-<hkern u1="e" u2="v" k="41" />
-<hkern u1="e" u2="&#x27;" k="20" />
-<hkern u1="e" u2="&#x22;" k="20" />
-<hkern u1="f" u2="&#x201d;" k="-123" />
-<hkern u1="f" u2="&#x2019;" k="-123" />
-<hkern u1="f" u2="&#x27;" k="-123" />
-<hkern u1="f" u2="&#x22;" k="-123" />
-<hkern u1="h" u2="&#x201d;" k="20" />
-<hkern u1="h" u2="&#x2019;" k="20" />
-<hkern u1="h" u2="&#x27;" k="20" />
-<hkern u1="h" u2="&#x22;" k="20" />
-<hkern u1="k" u2="&#x153;" k="41" />
-<hkern u1="k" u2="&#xf8;" k="41" />
-<hkern u1="k" u2="&#xf6;" k="41" />
-<hkern u1="k" u2="&#xf5;" k="41" />
-<hkern u1="k" u2="&#xf4;" k="41" />
-<hkern u1="k" u2="&#xf3;" k="41" />
-<hkern u1="k" u2="&#xf2;" k="41" />
-<hkern u1="k" u2="&#xeb;" k="41" />
-<hkern u1="k" u2="&#xea;" k="41" />
-<hkern u1="k" u2="&#xe9;" k="41" />
-<hkern u1="k" u2="&#xe8;" k="41" />
-<hkern u1="k" u2="&#xe7;" k="41" />
-<hkern u1="k" u2="&#xe0;" k="41" />
-<hkern u1="k" u2="q" k="41" />
-<hkern u1="k" u2="o" k="41" />
-<hkern u1="k" u2="e" k="41" />
-<hkern u1="k" u2="d" k="41" />
-<hkern u1="k" u2="c" k="41" />
-<hkern u1="m" u2="&#x201d;" k="20" />
-<hkern u1="m" u2="&#x2019;" k="20" />
-<hkern u1="m" u2="&#x27;" k="20" />
-<hkern u1="m" u2="&#x22;" k="20" />
-<hkern u1="n" u2="&#x201d;" k="20" />
-<hkern u1="n" u2="&#x2019;" k="20" />
-<hkern u1="n" u2="&#x27;" k="20" />
-<hkern u1="n" u2="&#x22;" k="20" />
-<hkern u1="o" u2="&#x201d;" k="20" />
-<hkern u1="o" u2="&#x2019;" k="20" />
-<hkern u1="o" u2="&#xfd;" k="41" />
-<hkern u1="o" u2="z" k="20" />
-<hkern u1="o" u2="y" k="41" />
-<hkern u1="o" u2="x" k="41" />
-<hkern u1="o" u2="w" k="41" />
-<hkern u1="o" u2="v" k="41" />
-<hkern u1="o" u2="&#x27;" k="20" />
-<hkern u1="o" u2="&#x22;" k="20" />
-<hkern u1="p" u2="&#x201d;" k="20" />
-<hkern u1="p" u2="&#x2019;" k="20" />
-<hkern u1="p" u2="&#xfd;" k="41" />
-<hkern u1="p" u2="z" k="20" />
-<hkern u1="p" u2="y" k="41" />
-<hkern u1="p" u2="x" k="41" />
-<hkern u1="p" u2="w" k="41" />
-<hkern u1="p" u2="v" k="41" />
-<hkern u1="p" u2="&#x27;" k="20" />
-<hkern u1="p" u2="&#x22;" k="20" />
-<hkern u1="r" u2="&#x201d;" k="-82" />
-<hkern u1="r" u2="&#x2019;" k="-82" />
-<hkern u1="r" u2="&#x153;" k="41" />
-<hkern u1="r" u2="&#xf8;" k="41" />
-<hkern u1="r" u2="&#xf6;" k="41" />
-<hkern u1="r" u2="&#xf5;" k="41" />
-<hkern u1="r" u2="&#xf4;" k="41" />
-<hkern u1="r" u2="&#xf3;" k="41" />
-<hkern u1="r" u2="&#xf2;" k="41" />
-<hkern u1="r" u2="&#xeb;" k="41" />
-<hkern u1="r" u2="&#xea;" k="41" />
-<hkern u1="r" u2="&#xe9;" k="41" />
-<hkern u1="r" u2="&#xe8;" k="41" />
-<hkern u1="r" u2="&#xe7;" k="41" />
-<hkern u1="r" u2="&#xe6;" k="41" />
-<hkern u1="r" u2="&#xe5;" k="41" />
-<hkern u1="r" u2="&#xe4;" k="41" />
-<hkern u1="r" u2="&#xe3;" k="41" />
-<hkern u1="r" u2="&#xe2;" k="41" />
-<hkern u1="r" u2="&#xe1;" k="41" />
-<hkern u1="r" u2="&#xe0;" k="41" />
-<hkern u1="r" u2="q" k="41" />
-<hkern u1="r" u2="o" k="41" />
-<hkern u1="r" u2="g" k="20" />
-<hkern u1="r" u2="e" k="41" />
-<hkern u1="r" u2="d" k="41" />
-<hkern u1="r" u2="c" k="41" />
-<hkern u1="r" u2="a" k="41" />
-<hkern u1="r" u2="&#x27;" k="-82" />
-<hkern u1="r" u2="&#x22;" k="-82" />
-<hkern u1="t" u2="&#x201d;" k="-41" />
-<hkern u1="t" u2="&#x2019;" k="-41" />
-<hkern u1="t" u2="&#x27;" k="-41" />
-<hkern u1="t" u2="&#x22;" k="-41" />
-<hkern u1="v" u2="&#x201e;" k="82" />
-<hkern u1="v" u2="&#x201d;" k="-82" />
-<hkern u1="v" u2="&#x201a;" k="82" />
-<hkern u1="v" u2="&#x2019;" k="-82" />
-<hkern u1="v" u2="&#x3f;" k="-41" />
-<hkern u1="v" u2="&#x2e;" k="82" />
-<hkern u1="v" u2="&#x2c;" k="82" />
-<hkern u1="v" u2="&#x27;" k="-82" />
-<hkern u1="v" u2="&#x22;" k="-82" />
-<hkern u1="w" u2="&#x201e;" k="82" />
-<hkern u1="w" u2="&#x201d;" k="-82" />
-<hkern u1="w" u2="&#x201a;" k="82" />
-<hkern u1="w" u2="&#x2019;" k="-82" />
-<hkern u1="w" u2="&#x3f;" k="-41" />
-<hkern u1="w" u2="&#x2e;" k="82" />
-<hkern u1="w" u2="&#x2c;" k="82" />
-<hkern u1="w" u2="&#x27;" k="-82" />
-<hkern u1="w" u2="&#x22;" k="-82" />
-<hkern u1="x" u2="&#x153;" k="41" />
-<hkern u1="x" u2="&#xf8;" k="41" />
-<hkern u1="x" u2="&#xf6;" k="41" />
-<hkern u1="x" u2="&#xf5;" k="41" />
-<hkern u1="x" u2="&#xf4;" k="41" />
-<hkern u1="x" u2="&#xf3;" k="41" />
-<hkern u1="x" u2="&#xf2;" k="41" />
-<hkern u1="x" u2="&#xeb;" k="41" />
-<hkern u1="x" u2="&#xea;" k="41" />
-<hkern u1="x" u2="&#xe9;" k="41" />
-<hkern u1="x" u2="&#xe8;" k="41" />
-<hkern u1="x" u2="&#xe7;" k="41" />
-<hkern u1="x" u2="&#xe0;" k="41" />
-<hkern u1="x" u2="q" k="41" />
-<hkern u1="x" u2="o" k="41" />
-<hkern u1="x" u2="e" k="41" />
-<hkern u1="x" u2="d" k="41" />
-<hkern u1="x" u2="c" k="41" />
-<hkern u1="y" u2="&#x201e;" k="82" />
-<hkern u1="y" u2="&#x201d;" k="-82" />
-<hkern u1="y" u2="&#x201a;" k="82" />
-<hkern u1="y" u2="&#x2019;" k="-82" />
-<hkern u1="y" u2="&#x3f;" k="-41" />
-<hkern u1="y" u2="&#x2e;" k="82" />
-<hkern u1="y" u2="&#x2c;" k="82" />
-<hkern u1="y" u2="&#x27;" k="-82" />
-<hkern u1="y" u2="&#x22;" k="-82" />
-<hkern u1="&#x7b;" u2="J" k="-184" />
-<hkern u1="&#xc0;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc0;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc0;" u2="&#x178;" k="123" />
-<hkern u1="&#xc0;" u2="&#x152;" k="41" />
-<hkern u1="&#xc0;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc0;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc0;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc0;" u2="Y" k="123" />
-<hkern u1="&#xc0;" u2="W" k="82" />
-<hkern u1="&#xc0;" u2="V" k="82" />
-<hkern u1="&#xc0;" u2="T" k="143" />
-<hkern u1="&#xc0;" u2="Q" k="41" />
-<hkern u1="&#xc0;" u2="O" k="41" />
-<hkern u1="&#xc0;" u2="J" k="-266" />
-<hkern u1="&#xc0;" u2="G" k="41" />
-<hkern u1="&#xc0;" u2="C" k="41" />
-<hkern u1="&#xc0;" u2="&#x27;" k="143" />
-<hkern u1="&#xc0;" u2="&#x22;" k="143" />
-<hkern u1="&#xc1;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc1;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc1;" u2="&#x178;" k="123" />
-<hkern u1="&#xc1;" u2="&#x152;" k="41" />
-<hkern u1="&#xc1;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc1;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc1;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc1;" u2="Y" k="123" />
-<hkern u1="&#xc1;" u2="W" k="82" />
-<hkern u1="&#xc1;" u2="V" k="82" />
-<hkern u1="&#xc1;" u2="T" k="143" />
-<hkern u1="&#xc1;" u2="Q" k="41" />
-<hkern u1="&#xc1;" u2="O" k="41" />
-<hkern u1="&#xc1;" u2="J" k="-266" />
-<hkern u1="&#xc1;" u2="G" k="41" />
-<hkern u1="&#xc1;" u2="C" k="41" />
-<hkern u1="&#xc1;" u2="&#x27;" k="143" />
-<hkern u1="&#xc1;" u2="&#x22;" k="143" />
-<hkern u1="&#xc2;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc2;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc2;" u2="&#x178;" k="123" />
-<hkern u1="&#xc2;" u2="&#x152;" k="41" />
-<hkern u1="&#xc2;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc2;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc2;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc2;" u2="Y" k="123" />
-<hkern u1="&#xc2;" u2="W" k="82" />
-<hkern u1="&#xc2;" u2="V" k="82" />
-<hkern u1="&#xc2;" u2="T" k="143" />
-<hkern u1="&#xc2;" u2="Q" k="41" />
-<hkern u1="&#xc2;" u2="O" k="41" />
-<hkern u1="&#xc2;" u2="J" k="-266" />
-<hkern u1="&#xc2;" u2="G" k="41" />
-<hkern u1="&#xc2;" u2="C" k="41" />
-<hkern u1="&#xc2;" u2="&#x27;" k="143" />
-<hkern u1="&#xc2;" u2="&#x22;" k="143" />
-<hkern u1="&#xc3;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc3;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc3;" u2="&#x178;" k="123" />
-<hkern u1="&#xc3;" u2="&#x152;" k="41" />
-<hkern u1="&#xc3;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc3;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc3;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc3;" u2="Y" k="123" />
-<hkern u1="&#xc3;" u2="W" k="82" />
-<hkern u1="&#xc3;" u2="V" k="82" />
-<hkern u1="&#xc3;" u2="T" k="143" />
-<hkern u1="&#xc3;" u2="Q" k="41" />
-<hkern u1="&#xc3;" u2="O" k="41" />
-<hkern u1="&#xc3;" u2="J" k="-266" />
-<hkern u1="&#xc3;" u2="G" k="41" />
-<hkern u1="&#xc3;" u2="C" k="41" />
-<hkern u1="&#xc3;" u2="&#x27;" k="143" />
-<hkern u1="&#xc3;" u2="&#x22;" k="143" />
-<hkern u1="&#xc4;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc4;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc4;" u2="&#x178;" k="123" />
-<hkern u1="&#xc4;" u2="&#x152;" k="41" />
-<hkern u1="&#xc4;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc4;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc4;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc4;" u2="Y" k="123" />
-<hkern u1="&#xc4;" u2="W" k="82" />
-<hkern u1="&#xc4;" u2="V" k="82" />
-<hkern u1="&#xc4;" u2="T" k="143" />
-<hkern u1="&#xc4;" u2="Q" k="41" />
-<hkern u1="&#xc4;" u2="O" k="41" />
-<hkern u1="&#xc4;" u2="J" k="-266" />
-<hkern u1="&#xc4;" u2="G" k="41" />
-<hkern u1="&#xc4;" u2="C" k="41" />
-<hkern u1="&#xc4;" u2="&#x27;" k="143" />
-<hkern u1="&#xc4;" u2="&#x22;" k="143" />
-<hkern u1="&#xc5;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc5;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc5;" u2="&#x178;" k="123" />
-<hkern u1="&#xc5;" u2="&#x152;" k="41" />
-<hkern u1="&#xc5;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc5;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc5;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc5;" u2="Y" k="123" />
-<hkern u1="&#xc5;" u2="W" k="82" />
-<hkern u1="&#xc5;" u2="V" k="82" />
-<hkern u1="&#xc5;" u2="T" k="143" />
-<hkern u1="&#xc5;" u2="Q" k="41" />
-<hkern u1="&#xc5;" u2="O" k="41" />
-<hkern u1="&#xc5;" u2="J" k="-266" />
-<hkern u1="&#xc5;" u2="G" k="41" />
-<hkern u1="&#xc5;" u2="C" k="41" />
-<hkern u1="&#xc5;" u2="&#x27;" k="143" />
-<hkern u1="&#xc5;" u2="&#x22;" k="143" />
-<hkern u1="&#xc6;" u2="J" k="-123" />
-<hkern u1="&#xc7;" u2="&#x152;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc7;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc7;" u2="Q" k="41" />
-<hkern u1="&#xc7;" u2="O" k="41" />
-<hkern u1="&#xc7;" u2="G" k="41" />
-<hkern u1="&#xc7;" u2="C" k="41" />
-<hkern u1="&#xc8;" u2="J" k="-123" />
-<hkern u1="&#xc9;" u2="J" k="-123" />
-<hkern u1="&#xca;" u2="J" k="-123" />
-<hkern u1="&#xcb;" u2="J" k="-123" />
-<hkern u1="&#xd0;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd0;" u2="&#x178;" k="20" />
-<hkern u1="&#xd0;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd0;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd0;" u2="Z" k="20" />
-<hkern u1="&#xd0;" u2="Y" k="20" />
-<hkern u1="&#xd0;" u2="X" k="41" />
-<hkern u1="&#xd0;" u2="W" k="20" />
-<hkern u1="&#xd0;" u2="V" k="20" />
-<hkern u1="&#xd0;" u2="T" k="61" />
-<hkern u1="&#xd0;" u2="A" k="41" />
-<hkern u1="&#xd0;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd2;" u2="&#x178;" k="20" />
-<hkern u1="&#xd2;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd2;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd2;" u2="Z" k="20" />
-<hkern u1="&#xd2;" u2="Y" k="20" />
-<hkern u1="&#xd2;" u2="X" k="41" />
-<hkern u1="&#xd2;" u2="W" k="20" />
-<hkern u1="&#xd2;" u2="V" k="20" />
-<hkern u1="&#xd2;" u2="T" k="61" />
-<hkern u1="&#xd2;" u2="A" k="41" />
-<hkern u1="&#xd2;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd3;" u2="&#x178;" k="20" />
-<hkern u1="&#xd3;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd3;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd3;" u2="Z" k="20" />
-<hkern u1="&#xd3;" u2="Y" k="20" />
-<hkern u1="&#xd3;" u2="X" k="41" />
-<hkern u1="&#xd3;" u2="W" k="20" />
-<hkern u1="&#xd3;" u2="V" k="20" />
-<hkern u1="&#xd3;" u2="T" k="61" />
-<hkern u1="&#xd3;" u2="A" k="41" />
-<hkern u1="&#xd3;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd4;" u2="&#x178;" k="20" />
-<hkern u1="&#xd4;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd4;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd4;" u2="Z" k="20" />
-<hkern u1="&#xd4;" u2="Y" k="20" />
-<hkern u1="&#xd4;" u2="X" k="41" />
-<hkern u1="&#xd4;" u2="W" k="20" />
-<hkern u1="&#xd4;" u2="V" k="20" />
-<hkern u1="&#xd4;" u2="T" k="61" />
-<hkern u1="&#xd4;" u2="A" k="41" />
-<hkern u1="&#xd4;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd5;" u2="&#x178;" k="20" />
-<hkern u1="&#xd5;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd5;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd5;" u2="Z" k="20" />
-<hkern u1="&#xd5;" u2="Y" k="20" />
-<hkern u1="&#xd5;" u2="X" k="41" />
-<hkern u1="&#xd5;" u2="W" k="20" />
-<hkern u1="&#xd5;" u2="V" k="20" />
-<hkern u1="&#xd5;" u2="T" k="61" />
-<hkern u1="&#xd5;" u2="A" k="41" />
-<hkern u1="&#xd5;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd6;" u2="&#x178;" k="20" />
-<hkern u1="&#xd6;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd6;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd6;" u2="Z" k="20" />
-<hkern u1="&#xd6;" u2="Y" k="20" />
-<hkern u1="&#xd6;" u2="X" k="41" />
-<hkern u1="&#xd6;" u2="W" k="20" />
-<hkern u1="&#xd6;" u2="V" k="20" />
-<hkern u1="&#xd6;" u2="T" k="61" />
-<hkern u1="&#xd6;" u2="A" k="41" />
-<hkern u1="&#xd6;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd8;" u2="&#x178;" k="20" />
-<hkern u1="&#xd8;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd8;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd8;" u2="Z" k="20" />
-<hkern u1="&#xd8;" u2="Y" k="20" />
-<hkern u1="&#xd8;" u2="X" k="41" />
-<hkern u1="&#xd8;" u2="W" k="20" />
-<hkern u1="&#xd8;" u2="V" k="20" />
-<hkern u1="&#xd8;" u2="T" k="61" />
-<hkern u1="&#xd8;" u2="A" k="41" />
-<hkern u1="&#xd8;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd9;" u2="&#x201e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x201a;" k="41" />
-<hkern u1="&#xd9;" u2="&#xc5;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc4;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc3;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc2;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc1;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc0;" k="20" />
-<hkern u1="&#xd9;" u2="A" k="20" />
-<hkern u1="&#xd9;" u2="&#x2e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x2c;" k="41" />
-<hkern u1="&#xda;" u2="&#x201e;" k="41" />
-<hkern u1="&#xda;" u2="&#x201a;" k="41" />
-<hkern u1="&#xda;" u2="&#xc5;" k="20" />
-<hkern u1="&#xda;" u2="&#xc4;" k="20" />
-<hkern u1="&#xda;" u2="&#xc3;" k="20" />
-<hkern u1="&#xda;" u2="&#xc2;" k="20" />
-<hkern u1="&#xda;" u2="&#xc1;" k="20" />
-<hkern u1="&#xda;" u2="&#xc0;" k="20" />
-<hkern u1="&#xda;" u2="A" k="20" />
-<hkern u1="&#xda;" u2="&#x2e;" k="41" />
-<hkern u1="&#xda;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdb;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdb;" u2="A" k="20" />
-<hkern u1="&#xdb;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdc;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdc;" u2="A" k="20" />
-<hkern u1="&#xdc;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdd;" u2="&#x201e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x201a;" k="123" />
-<hkern u1="&#xdd;" u2="&#x153;" k="102" />
-<hkern u1="&#xdd;" u2="&#x152;" k="41" />
-<hkern u1="&#xdd;" u2="&#xfc;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfb;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfa;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf9;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xeb;" k="102" />
-<hkern u1="&#xdd;" u2="&#xea;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe9;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe7;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe1;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe0;" k="102" />
-<hkern u1="&#xdd;" u2="&#xd8;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd6;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd5;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd4;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd3;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd2;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc7;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc5;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc4;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc3;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc2;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc1;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc0;" k="123" />
-<hkern u1="&#xdd;" u2="z" k="41" />
-<hkern u1="&#xdd;" u2="u" k="61" />
-<hkern u1="&#xdd;" u2="s" k="82" />
-<hkern u1="&#xdd;" u2="r" k="61" />
-<hkern u1="&#xdd;" u2="q" k="102" />
-<hkern u1="&#xdd;" u2="p" k="61" />
-<hkern u1="&#xdd;" u2="o" k="102" />
-<hkern u1="&#xdd;" u2="n" k="61" />
-<hkern u1="&#xdd;" u2="m" k="61" />
-<hkern u1="&#xdd;" u2="g" k="41" />
-<hkern u1="&#xdd;" u2="e" k="102" />
-<hkern u1="&#xdd;" u2="d" k="102" />
-<hkern u1="&#xdd;" u2="c" k="102" />
-<hkern u1="&#xdd;" u2="a" k="102" />
-<hkern u1="&#xdd;" u2="Q" k="41" />
-<hkern u1="&#xdd;" u2="O" k="41" />
-<hkern u1="&#xdd;" u2="G" k="41" />
-<hkern u1="&#xdd;" u2="C" k="41" />
-<hkern u1="&#xdd;" u2="A" k="123" />
-<hkern u1="&#xdd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xdd;" u2="&#x2e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x2c;" k="123" />
-<hkern u1="&#xde;" u2="&#x201e;" k="266" />
-<hkern u1="&#xde;" u2="&#x201a;" k="266" />
-<hkern u1="&#xde;" u2="&#xc5;" k="102" />
-<hkern u1="&#xde;" u2="&#xc4;" k="102" />
-<hkern u1="&#xde;" u2="&#xc3;" k="102" />
-<hkern u1="&#xde;" u2="&#xc2;" k="102" />
-<hkern u1="&#xde;" u2="&#xc1;" k="102" />
-<hkern u1="&#xde;" u2="&#xc0;" k="102" />
-<hkern u1="&#xde;" u2="Z" k="20" />
-<hkern u1="&#xde;" u2="X" k="41" />
-<hkern u1="&#xde;" u2="A" k="102" />
-<hkern u1="&#xde;" u2="&#x2e;" k="266" />
-<hkern u1="&#xde;" u2="&#x2c;" k="266" />
-<hkern u1="&#xe0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe0;" u2="&#x27;" k="20" />
-<hkern u1="&#xe0;" u2="&#x22;" k="20" />
-<hkern u1="&#xe1;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe1;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe1;" u2="&#x27;" k="20" />
-<hkern u1="&#xe1;" u2="&#x22;" k="20" />
-<hkern u1="&#xe2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe2;" u2="&#x27;" k="20" />
-<hkern u1="&#xe2;" u2="&#x22;" k="20" />
-<hkern u1="&#xe3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe3;" u2="&#x27;" k="20" />
-<hkern u1="&#xe3;" u2="&#x22;" k="20" />
-<hkern u1="&#xe4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe4;" u2="&#x27;" k="20" />
-<hkern u1="&#xe4;" u2="&#x22;" k="20" />
-<hkern u1="&#xe5;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe5;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe5;" u2="&#x27;" k="20" />
-<hkern u1="&#xe5;" u2="&#x22;" k="20" />
-<hkern u1="&#xe8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe8;" u2="z" k="20" />
-<hkern u1="&#xe8;" u2="y" k="41" />
-<hkern u1="&#xe8;" u2="x" k="41" />
-<hkern u1="&#xe8;" u2="w" k="41" />
-<hkern u1="&#xe8;" u2="v" k="41" />
-<hkern u1="&#xe8;" u2="&#x27;" k="20" />
-<hkern u1="&#xe8;" u2="&#x22;" k="20" />
-<hkern u1="&#xe9;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe9;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe9;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe9;" u2="z" k="20" />
-<hkern u1="&#xe9;" u2="y" k="41" />
-<hkern u1="&#xe9;" u2="x" k="41" />
-<hkern u1="&#xe9;" u2="w" k="41" />
-<hkern u1="&#xe9;" u2="v" k="41" />
-<hkern u1="&#xe9;" u2="&#x27;" k="20" />
-<hkern u1="&#xe9;" u2="&#x22;" k="20" />
-<hkern u1="&#xea;" u2="&#x201d;" k="20" />
-<hkern u1="&#xea;" u2="&#x2019;" k="20" />
-<hkern u1="&#xea;" u2="&#xfd;" k="41" />
-<hkern u1="&#xea;" u2="z" k="20" />
-<hkern u1="&#xea;" u2="y" k="41" />
-<hkern u1="&#xea;" u2="x" k="41" />
-<hkern u1="&#xea;" u2="w" k="41" />
-<hkern u1="&#xea;" u2="v" k="41" />
-<hkern u1="&#xea;" u2="&#x27;" k="20" />
-<hkern u1="&#xea;" u2="&#x22;" k="20" />
-<hkern u1="&#xeb;" u2="&#x201d;" k="20" />
-<hkern u1="&#xeb;" u2="&#x2019;" k="20" />
-<hkern u1="&#xeb;" u2="&#xfd;" k="41" />
-<hkern u1="&#xeb;" u2="z" k="20" />
-<hkern u1="&#xeb;" u2="y" k="41" />
-<hkern u1="&#xeb;" u2="x" k="41" />
-<hkern u1="&#xeb;" u2="w" k="41" />
-<hkern u1="&#xeb;" u2="v" k="41" />
-<hkern u1="&#xeb;" u2="&#x27;" k="20" />
-<hkern u1="&#xeb;" u2="&#x22;" k="20" />
-<hkern u1="&#xf0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf0;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf0;" u2="z" k="20" />
-<hkern u1="&#xf0;" u2="y" k="41" />
-<hkern u1="&#xf0;" u2="x" k="41" />
-<hkern u1="&#xf0;" u2="w" k="41" />
-<hkern u1="&#xf0;" u2="v" k="41" />
-<hkern u1="&#xf0;" u2="&#x27;" k="20" />
-<hkern u1="&#xf0;" u2="&#x22;" k="20" />
-<hkern u1="&#xf2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf2;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf2;" u2="z" k="20" />
-<hkern u1="&#xf2;" u2="y" k="41" />
-<hkern u1="&#xf2;" u2="x" k="41" />
-<hkern u1="&#xf2;" u2="w" k="41" />
-<hkern u1="&#xf2;" u2="v" k="41" />
-<hkern u1="&#xf2;" u2="&#x27;" k="20" />
-<hkern u1="&#xf2;" u2="&#x22;" k="20" />
-<hkern u1="&#xf3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf3;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf3;" u2="z" k="20" />
-<hkern u1="&#xf3;" u2="y" k="41" />
-<hkern u1="&#xf3;" u2="x" k="41" />
-<hkern u1="&#xf3;" u2="w" k="41" />
-<hkern u1="&#xf3;" u2="v" k="41" />
-<hkern u1="&#xf3;" u2="&#x27;" k="20" />
-<hkern u1="&#xf3;" u2="&#x22;" k="20" />
-<hkern u1="&#xf4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf4;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf4;" u2="z" k="20" />
-<hkern u1="&#xf4;" u2="y" k="41" />
-<hkern u1="&#xf4;" u2="x" k="41" />
-<hkern u1="&#xf4;" u2="w" k="41" />
-<hkern u1="&#xf4;" u2="v" k="41" />
-<hkern u1="&#xf4;" u2="&#x27;" k="20" />
-<hkern u1="&#xf4;" u2="&#x22;" k="20" />
-<hkern u1="&#xf6;" u2="&#x201d;" k="41" />
-<hkern u1="&#xf6;" u2="&#x2019;" k="41" />
-<hkern u1="&#xf6;" u2="&#x27;" k="41" />
-<hkern u1="&#xf6;" u2="&#x22;" k="41" />
-<hkern u1="&#xf8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf8;" u2="z" k="20" />
-<hkern u1="&#xf8;" u2="y" k="41" />
-<hkern u1="&#xf8;" u2="x" k="41" />
-<hkern u1="&#xf8;" u2="w" k="41" />
-<hkern u1="&#xf8;" u2="v" k="41" />
-<hkern u1="&#xf8;" u2="&#x27;" k="20" />
-<hkern u1="&#xf8;" u2="&#x22;" k="20" />
-<hkern u1="&#xfd;" u2="&#x201e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x201a;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xfd;" u2="&#x2e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2c;" k="82" />
-<hkern u1="&#xfd;" u2="&#x27;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x22;" k="-82" />
-<hkern u1="&#xfe;" u2="&#x201d;" k="20" />
-<hkern u1="&#xfe;" u2="&#x2019;" k="20" />
-<hkern u1="&#xfe;" u2="&#xfd;" k="41" />
-<hkern u1="&#xfe;" u2="z" k="20" />
-<hkern u1="&#xfe;" u2="y" k="41" />
-<hkern u1="&#xfe;" u2="x" k="41" />
-<hkern u1="&#xfe;" u2="w" k="41" />
-<hkern u1="&#xfe;" u2="v" k="41" />
-<hkern u1="&#xfe;" u2="&#x27;" k="20" />
-<hkern u1="&#xfe;" u2="&#x22;" k="20" />
-<hkern u1="&#xff;" u2="&#x201e;" k="82" />
-<hkern u1="&#xff;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xff;" u2="&#x201a;" k="82" />
-<hkern u1="&#xff;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xff;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xff;" u2="&#x2e;" k="82" />
-<hkern u1="&#xff;" u2="&#x2c;" k="82" />
-<hkern u1="&#xff;" u2="&#x27;" k="-82" />
-<hkern u1="&#xff;" u2="&#x22;" k="-82" />
-<hkern u1="&#x152;" u2="J" k="-123" />
-<hkern u1="&#x178;" u2="&#x201e;" k="123" />
-<hkern u1="&#x178;" u2="&#x201a;" k="123" />
-<hkern u1="&#x178;" u2="&#x153;" k="102" />
-<hkern u1="&#x178;" u2="&#x152;" k="41" />
-<hkern u1="&#x178;" u2="&#xfc;" k="61" />
-<hkern u1="&#x178;" u2="&#xfb;" k="61" />
-<hkern u1="&#x178;" u2="&#xfa;" k="61" />
-<hkern u1="&#x178;" u2="&#xf9;" k="61" />
-<hkern u1="&#x178;" u2="&#xf8;" k="102" />
-<hkern u1="&#x178;" u2="&#xf6;" k="102" />
-<hkern u1="&#x178;" u2="&#xf5;" k="102" />
-<hkern u1="&#x178;" u2="&#xf4;" k="102" />
-<hkern u1="&#x178;" u2="&#xf3;" k="102" />
-<hkern u1="&#x178;" u2="&#xf2;" k="102" />
-<hkern u1="&#x178;" u2="&#xeb;" k="102" />
-<hkern u1="&#x178;" u2="&#xea;" k="102" />
-<hkern u1="&#x178;" u2="&#xe9;" k="102" />
-<hkern u1="&#x178;" u2="&#xe8;" k="102" />
-<hkern u1="&#x178;" u2="&#xe7;" k="102" />
-<hkern u1="&#x178;" u2="&#xe6;" k="102" />
-<hkern u1="&#x178;" u2="&#xe5;" k="102" />
-<hkern u1="&#x178;" u2="&#xe4;" k="102" />
-<hkern u1="&#x178;" u2="&#xe3;" k="102" />
-<hkern u1="&#x178;" u2="&#xe2;" k="102" />
-<hkern u1="&#x178;" u2="&#xe1;" k="102" />
-<hkern u1="&#x178;" u2="&#xe0;" k="102" />
-<hkern u1="&#x178;" u2="&#xd8;" k="41" />
-<hkern u1="&#x178;" u2="&#xd6;" k="41" />
-<hkern u1="&#x178;" u2="&#xd5;" k="41" />
-<hkern u1="&#x178;" u2="&#xd4;" k="41" />
-<hkern u1="&#x178;" u2="&#xd3;" k="41" />
-<hkern u1="&#x178;" u2="&#xd2;" k="41" />
-<hkern u1="&#x178;" u2="&#xc7;" k="41" />
-<hkern u1="&#x178;" u2="&#xc5;" k="123" />
-<hkern u1="&#x178;" u2="&#xc4;" k="123" />
-<hkern u1="&#x178;" u2="&#xc3;" k="123" />
-<hkern u1="&#x178;" u2="&#xc2;" k="123" />
-<hkern u1="&#x178;" u2="&#xc1;" k="123" />
-<hkern u1="&#x178;" u2="&#xc0;" k="123" />
-<hkern u1="&#x178;" u2="z" k="41" />
-<hkern u1="&#x178;" u2="u" k="61" />
-<hkern u1="&#x178;" u2="s" k="82" />
-<hkern u1="&#x178;" u2="r" k="61" />
-<hkern u1="&#x178;" u2="q" k="102" />
-<hkern u1="&#x178;" u2="p" k="61" />
-<hkern u1="&#x178;" u2="o" k="102" />
-<hkern u1="&#x178;" u2="n" k="61" />
-<hkern u1="&#x178;" u2="m" k="61" />
-<hkern u1="&#x178;" u2="g" k="41" />
-<hkern u1="&#x178;" u2="e" k="102" />
-<hkern u1="&#x178;" u2="d" k="102" />
-<hkern u1="&#x178;" u2="c" k="102" />
-<hkern u1="&#x178;" u2="a" k="102" />
-<hkern u1="&#x178;" u2="Q" k="41" />
-<hkern u1="&#x178;" u2="O" k="41" />
-<hkern u1="&#x178;" u2="G" k="41" />
-<hkern u1="&#x178;" u2="C" k="41" />
-<hkern u1="&#x178;" u2="A" k="123" />
-<hkern u1="&#x178;" u2="&#x3f;" k="-41" />
-<hkern u1="&#x178;" u2="&#x2e;" k="123" />
-<hkern u1="&#x178;" u2="&#x2c;" k="123" />
-<hkern u1="&#x2013;" u2="T" k="82" />
-<hkern u1="&#x2014;" u2="T" k="82" />
-<hkern u1="&#x2018;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2018;" u2="&#x153;" k="123" />
-<hkern u1="&#x2018;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2018;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2018;" u2="&#xea;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2018;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2018;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2018;" u2="u" k="61" />
-<hkern u1="&#x2018;" u2="s" k="61" />
-<hkern u1="&#x2018;" u2="r" k="61" />
-<hkern u1="&#x2018;" u2="q" k="123" />
-<hkern u1="&#x2018;" u2="p" k="61" />
-<hkern u1="&#x2018;" u2="o" k="123" />
-<hkern u1="&#x2018;" u2="n" k="61" />
-<hkern u1="&#x2018;" u2="m" k="61" />
-<hkern u1="&#x2018;" u2="g" k="61" />
-<hkern u1="&#x2018;" u2="e" k="123" />
-<hkern u1="&#x2018;" u2="d" k="123" />
-<hkern u1="&#x2018;" u2="c" k="123" />
-<hkern u1="&#x2018;" u2="a" k="82" />
-<hkern u1="&#x2018;" u2="Y" k="-20" />
-<hkern u1="&#x2018;" u2="W" k="-41" />
-<hkern u1="&#x2018;" u2="V" k="-41" />
-<hkern u1="&#x2018;" u2="T" k="-41" />
-<hkern u1="&#x2018;" u2="A" k="143" />
-<hkern u1="&#x2019;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2019;" u2="&#x153;" k="123" />
-<hkern u1="&#x2019;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2019;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2019;" u2="&#xea;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2019;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2019;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2019;" u2="u" k="61" />
-<hkern u1="&#x2019;" u2="s" k="61" />
-<hkern u1="&#x2019;" u2="r" k="61" />
-<hkern u1="&#x2019;" u2="q" k="123" />
-<hkern u1="&#x2019;" u2="p" k="61" />
-<hkern u1="&#x2019;" u2="o" k="123" />
-<hkern u1="&#x2019;" u2="n" k="61" />
-<hkern u1="&#x2019;" u2="m" k="61" />
-<hkern u1="&#x2019;" u2="g" k="61" />
-<hkern u1="&#x2019;" u2="e" k="123" />
-<hkern u1="&#x2019;" u2="d" k="123" />
-<hkern u1="&#x2019;" u2="c" k="123" />
-<hkern u1="&#x2019;" u2="a" k="82" />
-<hkern u1="&#x2019;" u2="Y" k="-20" />
-<hkern u1="&#x2019;" u2="W" k="-41" />
-<hkern u1="&#x2019;" u2="V" k="-41" />
-<hkern u1="&#x2019;" u2="T" k="-41" />
-<hkern u1="&#x2019;" u2="A" k="143" />
-<hkern u1="&#x201a;" u2="&#x178;" k="123" />
-<hkern u1="&#x201a;" u2="&#x152;" k="102" />
-<hkern u1="&#x201a;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201a;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201a;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201a;" u2="&#xda;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201a;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201a;" u2="Y" k="123" />
-<hkern u1="&#x201a;" u2="W" k="123" />
-<hkern u1="&#x201a;" u2="V" k="123" />
-<hkern u1="&#x201a;" u2="U" k="41" />
-<hkern u1="&#x201a;" u2="T" k="143" />
-<hkern u1="&#x201a;" u2="Q" k="102" />
-<hkern u1="&#x201a;" u2="O" k="102" />
-<hkern u1="&#x201a;" u2="G" k="102" />
-<hkern u1="&#x201a;" u2="C" k="102" />
-<hkern u1="&#x201c;" u2="&#x178;" k="-20" />
-<hkern u1="&#x201c;" u2="&#x153;" k="123" />
-<hkern u1="&#x201c;" u2="&#xfc;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfb;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfa;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf9;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf6;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf5;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf4;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf3;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf2;" k="123" />
-<hkern u1="&#x201c;" u2="&#xeb;" k="123" />
-<hkern u1="&#x201c;" u2="&#xea;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe9;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe7;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe6;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe5;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe4;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe3;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe2;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe1;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe0;" k="123" />
-<hkern u1="&#x201c;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x201c;" u2="&#xc5;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc4;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc3;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc2;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc1;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc0;" k="143" />
-<hkern u1="&#x201c;" u2="u" k="61" />
-<hkern u1="&#x201c;" u2="s" k="61" />
-<hkern u1="&#x201c;" u2="r" k="61" />
-<hkern u1="&#x201c;" u2="q" k="123" />
-<hkern u1="&#x201c;" u2="p" k="61" />
-<hkern u1="&#x201c;" u2="o" k="123" />
-<hkern u1="&#x201c;" u2="n" k="61" />
-<hkern u1="&#x201c;" u2="m" k="61" />
-<hkern u1="&#x201c;" u2="g" k="61" />
-<hkern u1="&#x201c;" u2="e" k="123" />
-<hkern u1="&#x201c;" u2="d" k="123" />
-<hkern u1="&#x201c;" u2="c" k="123" />
-<hkern u1="&#x201c;" u2="a" k="82" />
-<hkern u1="&#x201c;" u2="Y" k="-20" />
-<hkern u1="&#x201c;" u2="W" k="-41" />
-<hkern u1="&#x201c;" u2="V" k="-41" />
-<hkern u1="&#x201c;" u2="T" k="-41" />
-<hkern u1="&#x201c;" u2="A" k="143" />
-<hkern u1="&#x201e;" u2="&#x178;" k="123" />
-<hkern u1="&#x201e;" u2="&#x152;" k="102" />
-<hkern u1="&#x201e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201e;" u2="&#xda;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201e;" u2="Y" k="123" />
-<hkern u1="&#x201e;" u2="W" k="123" />
-<hkern u1="&#x201e;" u2="V" k="123" />
-<hkern u1="&#x201e;" u2="U" k="41" />
-<hkern u1="&#x201e;" u2="T" k="143" />
-<hkern u1="&#x201e;" u2="Q" k="102" />
-<hkern u1="&#x201e;" u2="O" k="102" />
-<hkern u1="&#x201e;" u2="G" k="102" />
-<hkern u1="&#x201e;" u2="C" k="102" />
-<hkern g1="uniFB00" u2="&#x201d;" k="-123" />
-<hkern g1="uniFB00" u2="&#x2019;" k="-123" />
-<hkern g1="uniFB00" u2="&#x27;" k="-123" />
-<hkern g1="uniFB00" u2="&#x22;" k="-123" />
-</font>
-</defs></svg> 
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.woff b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.woff
deleted file mode 100644
index 43e8b9e..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-LightItalic-webfont.woff and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.eot b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.eot
deleted file mode 100644
index 6bbc3cf..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.eot and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.svg b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.svg
deleted file mode 100644
index 25a3952..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.svg
+++ /dev/null
@@ -1,1831 +0,0 @@
-<?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></metadata>
-<defs>
-<font id="open_sansregular" horiz-adv-x="1171" >
-<font-face units-per-em="2048" ascent="1638" descent="-410" />
-<missing-glyph horiz-adv-x="532" />
-<glyph unicode="&#xfb01;" horiz-adv-x="1212" d="M29 0zM670 967h-279v-967h-166v967h-196v75l196 60v61q0 404 353 404q87 0 204 -35l-43 -133q-96 31 -164 31q-94 0 -139 -62.5t-45 -200.5v-71h279v-129zM1036 0h-166v1096h166v-1096zM856 1393q0 57 28 83.5t70 26.5q40 0 69 -27t29 -83t-29 -83.5t-69 -27.5 q-42 0 -70 27.5t-28 83.5z" />
-<glyph unicode="&#xfb02;" horiz-adv-x="1212" d="M29 0zM670 967h-279v-967h-166v967h-196v75l196 60v61q0 404 353 404q87 0 204 -35l-43 -133q-96 31 -164 31q-94 0 -139 -62.5t-45 -200.5v-71h279v-129zM1036 0h-166v1556h166v-1556z" />
-<glyph unicode="&#xfb03;" horiz-adv-x="1909" d="M29 0zM1358 967h-279v-967h-166v967h-196v75l196 60v61q0 404 353 404q87 0 204 -35l-43 -133q-96 31 -164 31q-94 0 -139 -62.5t-45 -200.5v-71h279v-129zM670 967h-279v-967h-166v967h-196v75l196 60v61q0 404 353 404q87 0 204 -35l-43 -133q-96 31 -164 31 q-94 0 -139 -62.5t-45 -200.5v-71h279v-129zM1731 0h-166v1096h166v-1096zM1551 1393q0 57 28 83.5t70 26.5q40 0 69 -27t29 -83t-29 -83.5t-69 -27.5q-42 0 -70 27.5t-28 83.5z" />
-<glyph unicode="&#xfb04;" horiz-adv-x="1909" d="M29 0zM1358 967h-279v-967h-166v967h-196v75l196 60v61q0 404 353 404q87 0 204 -35l-43 -133q-96 31 -164 31q-94 0 -139 -62.5t-45 -200.5v-71h279v-129zM670 967h-279v-967h-166v967h-196v75l196 60v61q0 404 353 404q87 0 204 -35l-43 -133q-96 31 -164 31 q-94 0 -139 -62.5t-45 -200.5v-71h279v-129zM1731 0h-166v1556h166v-1556z" />
-<glyph horiz-adv-x="2048" />
-<glyph horiz-adv-x="2048" />
-<glyph unicode="&#xd;" horiz-adv-x="1044" />
-<glyph unicode=" "  horiz-adv-x="532" />
-<glyph unicode="&#x09;" horiz-adv-x="532" />
-<glyph unicode="&#xa0;" horiz-adv-x="532" />
-<glyph unicode="!" horiz-adv-x="547" d="M326 403h-105l-51 1059h207zM152 106q0 136 120 136q58 0 89.5 -35t31.5 -101q0 -64 -32 -99.5t-89 -35.5q-52 0 -86 31.5t-34 103.5z" />
-<glyph unicode="&#x22;" horiz-adv-x="821" d="M319 1462l-40 -528h-105l-41 528h186zM688 1462l-41 -528h-104l-41 528h186z" />
-<glyph unicode="#" horiz-adv-x="1323" d="M981 899l-66 -340h283v-129h-307l-84 -430h-137l84 430h-303l-82 -430h-136l80 430h-262v129h287l68 340h-277v127h299l82 436h139l-82 -436h305l84 436h134l-84 -436h264v-127h-289zM475 559h303l66 340h-303z" />
-<glyph unicode="$" d="M1036 449q0 -136 -102 -224.5t-285 -111.5v-232h-129v223q-112 0 -217 17.5t-172 48.5v156q83 -37 191.5 -60.5t197.5 -23.5v440q-205 65 -287.5 151t-82.5 222q0 131 101.5 215t268.5 102v182h129v-180q184 -5 355 -74l-52 -131q-149 59 -303 70v-434q157 -50 235 -97.5 t115 -109t37 -149.5zM866 436q0 72 -44.5 116.5t-172.5 88.5v-389q217 30 217 184zM319 1057q0 -76 45 -122t156 -87v387q-99 -16 -150 -62.5t-51 -115.5z" />
-<glyph unicode="%" horiz-adv-x="1686" d="M242 1026q0 -170 37 -255t120 -85q164 0 164 340q0 338 -164 338q-83 0 -120 -84t-37 -254zM700 1026q0 -228 -76.5 -344.5t-224.5 -116.5q-140 0 -217.5 119t-77.5 342q0 227 74.5 342t220.5 115q145 0 223 -119t78 -338zM1122 440q0 -171 37 -255.5t121 -84.5t124 83.5 t40 256.5q0 171 -40 253.5t-124 82.5t-121 -82.5t-37 -253.5zM1581 440q0 -227 -76.5 -343.5t-224.5 -116.5q-142 0 -218.5 119t-76.5 341q0 227 74.5 342t220.5 115q142 0 221.5 -117.5t79.5 -339.5zM1323 1462l-811 -1462h-147l811 1462h147z" />
-<glyph unicode="&#x26;" horiz-adv-x="1495" d="M414 1171q0 -69 36 -131.5t123 -150.5q129 75 179.5 138.5t50.5 146.5q0 77 -51.5 125.5t-137.5 48.5q-89 0 -144.5 -48t-55.5 -129zM569 129q241 0 400 154l-437 424q-111 -68 -157 -112.5t-68 -95.5t-22 -116q0 -117 77.5 -185.5t206.5 -68.5zM113 379q0 130 69.5 230 t249.5 202q-85 95 -115.5 144t-48.5 102t-18 110q0 150 98 234t273 84q162 0 255 -83.5t93 -232.5q0 -107 -68 -197.5t-225 -183.5l407 -391q56 62 89.5 145.5t56.5 182.5h168q-68 -286 -205 -434l299 -291h-229l-185 178q-118 -106 -240 -152t-272 -46q-215 0 -333.5 106 t-118.5 293z" />
-<glyph unicode="'" horiz-adv-x="453" d="M319 1462l-40 -528h-105l-41 528h186z" />
-<glyph unicode="(" horiz-adv-x="606" d="M82 561q0 265 77.5 496t223.5 405h162q-144 -193 -216.5 -424t-72.5 -475q0 -240 74 -469t213 -418h-160q-147 170 -224 397t-77 488z" />
-<glyph unicode=")" horiz-adv-x="606" d="M524 561q0 -263 -77.5 -490t-223.5 -395h-160q139 188 213 417.5t74 469.5q0 244 -72.5 475t-216.5 424h162q147 -175 224 -406.5t77 -494.5z" />
-<glyph unicode="*" horiz-adv-x="1130" d="M657 1556l-43 -395l398 111l26 -182l-381 -31l248 -326l-172 -94l-176 362l-160 -362l-176 94l242 326l-377 31l29 182l391 -111l-43 395h194z" />
-<glyph unicode="+" d="M653 791h412v-138h-412v-426h-139v426h-410v138h410v428h139v-428z" />
-<glyph unicode="," horiz-adv-x="502" d="M350 238l15 -23q-26 -100 -75 -232.5t-102 -246.5h-125q27 104 59.5 257t45.5 245h182z" />
-<glyph unicode="-" horiz-adv-x="659" d="M84 473v152h491v-152h-491z" />
-<glyph unicode="." horiz-adv-x="545" d="M152 106q0 67 30.5 101.5t87.5 34.5q58 0 90.5 -34.5t32.5 -101.5q0 -65 -33 -100t-90 -35q-51 0 -84.5 31.5t-33.5 103.5z" />
-<glyph unicode="/" horiz-adv-x="752" d="M731 1462l-545 -1462h-166l545 1462h166z" />
-<glyph unicode="0" d="M1069 733q0 -379 -119.5 -566t-365.5 -187q-236 0 -359 191.5t-123 561.5q0 382 119 567t363 185q238 0 361.5 -193t123.5 -559zM270 733q0 -319 75 -464.5t239 -145.5q166 0 240.5 147.5t74.5 462.5t-74.5 461.5t-240.5 146.5q-164 0 -239 -144.5t-75 -463.5z" />
-<glyph unicode="1" d="M715 0h-162v1042q0 130 8 246q-21 -21 -47 -44t-238 -195l-88 114l387 299h140v-1462z" />
-<glyph unicode="2" d="M1061 0h-961v143l385 387q176 178 232 254t84 148t28 155q0 117 -71 185.5t-197 68.5q-91 0 -172.5 -30t-181.5 -109l-88 113q202 168 440 168q206 0 323 -105.5t117 -283.5q0 -139 -78 -275t-292 -344l-320 -313v-8h752v-154z" />
-<glyph unicode="3" d="M1006 1118q0 -140 -78.5 -229t-222.5 -119v-8q176 -22 261 -112t85 -236q0 -209 -145 -321.5t-412 -112.5q-116 0 -212.5 17.5t-187.5 61.5v158q95 -47 202.5 -71.5t203.5 -24.5q379 0 379 297q0 266 -418 266h-144v143h146q171 0 271 75.5t100 209.5q0 107 -73.5 168 t-199.5 61q-96 0 -181 -26t-194 -96l-84 112q90 71 207.5 111.5t247.5 40.5q213 0 331 -97.5t118 -267.5z" />
-<glyph unicode="4" d="M1130 336h-217v-336h-159v336h-711v145l694 989h176v-983h217v-151zM754 487v486q0 143 10 323h-8q-48 -96 -90 -159l-457 -650h545z" />
-<glyph unicode="5" d="M557 893q231 0 363.5 -114.5t132.5 -313.5q0 -227 -144.5 -356t-398.5 -129q-247 0 -377 79v160q70 -45 174 -70.5t205 -25.5q176 0 273.5 83t97.5 240q0 306 -375 306q-95 0 -254 -29l-86 55l55 684h727v-153h-585l-37 -439q115 23 229 23z" />
-<glyph unicode="6" d="M117 625q0 431 167.5 644.5t495.5 213.5q113 0 178 -19v-143q-77 25 -176 25q-235 0 -359 -146.5t-136 -460.5h12q110 172 348 172q197 0 310.5 -119t113.5 -323q0 -228 -124.5 -358.5t-336.5 -130.5q-227 0 -360 170.5t-133 474.5zM608 121q142 0 220.5 89.5t78.5 258.5 q0 145 -73 228t-218 83q-90 0 -165 -37t-119.5 -102t-44.5 -135q0 -103 40 -192t113.5 -141t167.5 -52z" />
-<glyph unicode="7" d="M285 0l606 1309h-797v153h973v-133l-598 -1329h-184z" />
-<glyph unicode="8" d="M584 1483q200 0 317 -93t117 -257q0 -108 -67 -197t-214 -162q178 -85 253 -178.5t75 -216.5q0 -182 -127 -290.5t-348 -108.5q-234 0 -360 102.5t-126 290.5q0 251 306 391q-138 78 -198 168.5t-60 202.5q0 159 117.5 253.5t314.5 94.5zM268 369q0 -120 83.5 -187 t234.5 -67q149 0 232 70t83 192q0 97 -78 172.5t-272 146.5q-149 -64 -216 -141.5t-67 -185.5zM582 1348q-125 0 -196 -60t-71 -160q0 -92 59 -158t218 -132q143 60 202.5 129t59.5 161q0 101 -72.5 160.5t-199.5 59.5z" />
-<glyph unicode="9" d="M1061 838q0 -858 -664 -858q-116 0 -184 20v143q80 -26 182 -26q240 0 362.5 148.5t133.5 455.5h-12q-55 -83 -146 -126.5t-205 -43.5q-194 0 -308 116t-114 324q0 228 127.5 360t335.5 132q149 0 260.5 -76.5t171.5 -223t60 -345.5zM569 1341q-143 0 -221 -92t-78 -256 q0 -144 72 -226.5t219 -82.5q91 0 167.5 37t120.5 101t44 134q0 105 -41 194t-114.5 140t-168.5 51z" />
-<glyph unicode=":" horiz-adv-x="545" d="M152 106q0 67 30.5 101.5t87.5 34.5q58 0 90.5 -34.5t32.5 -101.5q0 -65 -33 -100t-90 -35q-51 0 -84.5 31.5t-33.5 103.5zM152 989q0 135 118 135q123 0 123 -135q0 -65 -33 -100t-90 -35q-51 0 -84.5 31.5t-33.5 103.5z" />
-<glyph unicode=";" horiz-adv-x="545" d="M350 238l15 -23q-26 -100 -75 -232.5t-102 -246.5h-125q27 104 59.5 257t45.5 245h182zM147 989q0 135 119 135q123 0 123 -135q0 -65 -33 -100t-90 -35q-58 0 -88.5 35t-30.5 100z" />
-<glyph unicode="&#x3c;" d="M1065 242l-961 422v98l961 479v-149l-782 -371l782 -328v-151z" />
-<glyph unicode="=" d="M119 858v137h930v-137h-930zM119 449v137h930v-137h-930z" />
-<glyph unicode="&#x3e;" d="M104 393l783 326l-783 373v149l961 -479v-98l-961 -422v151z" />
-<glyph unicode="?" horiz-adv-x="879" d="M289 403v54q0 117 36 192.5t134 159.5q136 115 171.5 173t35.5 140q0 102 -65.5 157.5t-188.5 55.5q-79 0 -154 -18.5t-172 -67.5l-59 135q189 99 395 99q191 0 297 -94t106 -265q0 -73 -19.5 -128.5t-57.5 -105t-164 -159.5q-101 -86 -133.5 -143t-32.5 -152v-33h-129z M240 106q0 136 120 136q58 0 89.5 -35t31.5 -101q0 -64 -32 -99.5t-89 -35.5q-52 0 -86 31.5t-34 103.5z" />
-<glyph unicode="@" horiz-adv-x="1841" d="M1720 729q0 -142 -44 -260t-124 -183t-184 -65q-86 0 -145 52t-70 133h-8q-40 -87 -114.5 -136t-176.5 -49q-150 0 -234.5 102.5t-84.5 278.5q0 204 118 331.5t310 127.5q68 0 154 -12.5t155 -34.5l-25 -470v-22q0 -178 133 -178q91 0 148 107.5t57 279.5q0 181 -74 317 t-210.5 209.5t-313.5 73.5q-223 0 -388 -92.5t-252 -264t-87 -396.5q0 -305 161 -469t464 -164q210 0 436 86v-133q-192 -84 -436 -84q-363 0 -563.5 199.5t-200.5 557.5q0 260 107 463t305 314.5t454 111.5q215 0 382.5 -90.5t259 -257t91.5 -383.5zM686 598 q0 -254 195 -254q207 0 225 313l14 261q-72 20 -157 20q-130 0 -203.5 -90t-73.5 -250z" />
-<glyph unicode="A" horiz-adv-x="1296" d="M1120 0l-182 465h-586l-180 -465h-172l578 1468h143l575 -1468h-176zM885 618l-170 453q-33 86 -68 211q-22 -96 -63 -211l-172 -453h473z" />
-<glyph unicode="B" horiz-adv-x="1327" d="M201 1462h413q291 0 421 -87t130 -275q0 -130 -72.5 -214.5t-211.5 -109.5v-10q333 -57 333 -350q0 -196 -132.5 -306t-370.5 -110h-510v1462zM371 836h280q180 0 259 56.5t79 190.5q0 123 -88 177.5t-280 54.5h-250v-479zM371 692v-547h305q177 0 266.5 68.5t89.5 214.5 q0 136 -91.5 200t-278.5 64h-291z" />
-<glyph unicode="C" horiz-adv-x="1292" d="M827 1331q-241 0 -380.5 -160.5t-139.5 -439.5q0 -287 134.5 -443.5t383.5 -156.5q153 0 349 55v-149q-152 -57 -375 -57q-323 0 -498.5 196t-175.5 557q0 226 84.5 396t244 262t375.5 92q230 0 402 -84l-72 -146q-166 78 -332 78z" />
-<glyph unicode="D" horiz-adv-x="1493" d="M1368 745q0 -362 -196.5 -553.5t-565.5 -191.5h-405v1462h448q341 0 530 -189t189 -528zM1188 739q0 286 -143.5 431t-426.5 145h-247v-1168h207q304 0 457 149.5t153 442.5z" />
-<glyph unicode="E" horiz-adv-x="1139" d="M1016 0h-815v1462h815v-151h-645v-471h606v-150h-606v-538h645v-152z" />
-<glyph unicode="F" horiz-adv-x="1057" d="M371 0h-170v1462h815v-151h-645v-535h606v-151h-606v-625z" />
-<glyph unicode="G" horiz-adv-x="1491" d="M844 766h497v-711q-116 -37 -236 -56t-278 -19q-332 0 -517 197.5t-185 553.5q0 228 91.5 399.5t263.5 262t403 90.5q234 0 436 -86l-66 -150q-198 84 -381 84q-267 0 -417 -159t-150 -441q0 -296 144.5 -449t424.5 -153q152 0 297 35v450h-327v152z" />
-<glyph unicode="H" horiz-adv-x="1511" d="M1311 0h-170v688h-770v-688h-170v1462h170v-622h770v622h170v-1462z" />
-<glyph unicode="I" horiz-adv-x="571" d="M201 0v1462h170v-1462h-170z" />
-<glyph unicode="J" horiz-adv-x="547" d="M-12 -385q-94 0 -148 27v145q71 -20 148 -20q99 0 150.5 60t51.5 173v1462h170v-1448q0 -190 -96 -294.5t-276 -104.5z" />
-<glyph unicode="K" horiz-adv-x="1257" d="M1257 0h-200l-533 709l-153 -136v-573h-170v1462h170v-725l663 725h201l-588 -635z" />
-<glyph unicode="L" horiz-adv-x="1063" d="M201 0v1462h170v-1308h645v-154h-815z" />
-<glyph unicode="M" horiz-adv-x="1849" d="M848 0l-496 1296h-8q14 -154 14 -366v-930h-157v1462h256l463 -1206h8l467 1206h254v-1462h-170v942q0 162 14 352h-8l-500 -1294h-137z" />
-<glyph unicode="N" horiz-adv-x="1544" d="M1343 0h-194l-799 1227h-8q16 -216 16 -396v-831h-157v1462h192l797 -1222h8q-2 27 -9 173.5t-5 209.5v839h159v-1462z" />
-<glyph unicode="O" horiz-adv-x="1595" d="M1470 733q0 -351 -177.5 -552t-493.5 -201q-323 0 -498.5 197.5t-175.5 557.5q0 357 176 553.5t500 196.5q315 0 492 -200t177 -552zM305 733q0 -297 126.5 -450.5t367.5 -153.5q243 0 367 153t124 451q0 295 -123.5 447.5t-365.5 152.5q-243 0 -369.5 -153.5 t-126.5 -446.5z" />
-<glyph unicode="P" horiz-adv-x="1233" d="M1128 1036q0 -222 -151.5 -341.5t-433.5 -119.5h-172v-575h-170v1462h379q548 0 548 -426zM371 721h153q226 0 327 73t101 234q0 145 -95 216t-296 71h-190v-594z" />
-<glyph unicode="Q" horiz-adv-x="1595" d="M1470 733q0 -281 -113 -467t-319 -252l348 -362h-247l-285 330l-55 -2q-323 0 -498.5 197.5t-175.5 557.5q0 357 176 553.5t500 196.5q315 0 492 -200t177 -552zM305 733q0 -297 126.5 -450.5t367.5 -153.5q243 0 367 153t124 451q0 295 -123.5 447.5t-365.5 152.5 q-243 0 -369.5 -153.5t-126.5 -446.5z" />
-<glyph unicode="R" horiz-adv-x="1266" d="M371 608v-608h-170v1462h401q269 0 397.5 -103t128.5 -310q0 -290 -294 -392l397 -657h-201l-354 608h-305zM371 754h233q180 0 264 71.5t84 214.5q0 145 -85.5 209t-274.5 64h-221v-559z" />
-<glyph unicode="S" horiz-adv-x="1124" d="M1026 389q0 -193 -140 -301t-380 -108q-260 0 -400 67v164q90 -38 196 -60t210 -22q170 0 256 64.5t86 179.5q0 76 -30.5 124.5t-102 89.5t-217.5 93q-204 73 -291.5 173t-87.5 261q0 169 127 269t336 100q218 0 401 -80l-53 -148q-181 76 -352 76q-135 0 -211 -58 t-76 -161q0 -76 28 -124.5t94.5 -89t203.5 -89.5q230 -82 316.5 -176t86.5 -244z" />
-<glyph unicode="T" horiz-adv-x="1133" d="M651 0h-170v1311h-463v151h1096v-151h-463v-1311z" />
-<glyph unicode="U" horiz-adv-x="1491" d="M1305 1462v-946q0 -250 -151 -393t-415 -143t-408.5 144t-144.5 396v942h170v-954q0 -183 100 -281t294 -98q185 0 285 98.5t100 282.5v952h170z" />
-<glyph unicode="V" horiz-adv-x="1219" d="M1036 1462h183l-527 -1462h-168l-524 1462h180l336 -946q58 -163 92 -317q36 162 94 323z" />
-<glyph unicode="W" horiz-adv-x="1896" d="M1477 0h-168l-295 979q-21 65 -47 164t-27 119q-22 -132 -70 -289l-286 -973h-168l-389 1462h180l231 -903q48 -190 70 -344q27 183 80 358l262 889h180l275 -897q48 -155 81 -350q19 142 72 346l230 901h180z" />
-<glyph unicode="X" horiz-adv-x="1182" d="M1174 0h-193l-393 643l-400 -643h-180l486 764l-453 698h188l363 -579l366 579h181l-453 -692z" />
-<glyph unicode="Y" horiz-adv-x="1147" d="M573 731l390 731h184l-488 -895v-567h-172v559l-487 903h186z" />
-<glyph unicode="Z" horiz-adv-x="1169" d="M1087 0h-1005v133l776 1176h-752v153h959v-133l-776 -1175h798v-154z" />
-<glyph unicode="[" horiz-adv-x="674" d="M623 -324h-457v1786h457v-141h-289v-1503h289v-142z" />
-<glyph unicode="\" horiz-adv-x="752" d="M186 1462l547 -1462h-166l-544 1462h163z" />
-<glyph unicode="]" horiz-adv-x="674" d="M51 -182h289v1503h-289v141h457v-1786h-457v142z" />
-<glyph unicode="^" horiz-adv-x="1110" d="M49 551l434 922h99l477 -922h-152l-372 745l-334 -745h-152z" />
-<glyph unicode="_" horiz-adv-x="918" d="M922 -315h-926v131h926v-131z" />
-<glyph unicode="`" horiz-adv-x="1182" d="M786 1241h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="a" horiz-adv-x="1139" d="M850 0l-33 156h-8q-82 -103 -163.5 -139.5t-203.5 -36.5q-163 0 -255.5 84t-92.5 239q0 332 531 348l186 6v68q0 129 -55.5 190.5t-177.5 61.5q-137 0 -310 -84l-51 127q81 44 177.5 69t193.5 25q196 0 290.5 -87t94.5 -279v-748h-123zM475 117q155 0 243.5 85t88.5 238 v99l-166 -7q-198 -7 -285.5 -61.5t-87.5 -169.5q0 -90 54.5 -137t152.5 -47z" />
-<glyph unicode="b" horiz-adv-x="1255" d="M686 1114q216 0 335.5 -147.5t119.5 -417.5t-120.5 -419.5t-334.5 -149.5q-107 0 -195.5 39.5t-148.5 121.5h-12l-35 -141h-119v1556h166v-378q0 -127 -8 -228h8q116 164 344 164zM662 975q-170 0 -245 -97.5t-75 -328.5t77 -330.5t247 -99.5q153 0 228 111.5t75 320.5 q0 214 -75 319t-232 105z" />
-<glyph unicode="c" horiz-adv-x="975" d="M614 -20q-238 0 -368.5 146.5t-130.5 414.5q0 275 132.5 425t377.5 150q79 0 158 -17t124 -40l-51 -141q-55 22 -120 36.5t-115 14.5q-334 0 -334 -426q0 -202 81.5 -310t241.5 -108q137 0 281 59v-147q-110 -57 -277 -57z" />
-<glyph unicode="d" horiz-adv-x="1255" d="M922 147h-9q-115 -167 -344 -167q-215 0 -334.5 147t-119.5 418t120 421t334 150q223 0 342 -162h13l-7 79l-4 77v446h166v-1556h-135zM590 119q170 0 246.5 92.5t76.5 298.5v35q0 233 -77.5 332.5t-247.5 99.5q-146 0 -223.5 -113.5t-77.5 -320.5q0 -210 77 -317 t226 -107z" />
-<glyph unicode="e" horiz-adv-x="1149" d="M639 -20q-243 0 -383.5 148t-140.5 411q0 265 130.5 421t350.5 156q206 0 326 -135.5t120 -357.5v-105h-755q5 -193 97.5 -293t260.5 -100q177 0 350 74v-148q-88 -38 -166.5 -54.5t-189.5 -16.5zM594 977q-132 0 -210.5 -86t-92.5 -238h573q0 157 -70 240.5t-200 83.5z " />
-<glyph unicode="f" horiz-adv-x="694" d="M670 967h-279v-967h-166v967h-196v75l196 60v61q0 404 353 404q87 0 204 -35l-43 -133q-96 31 -164 31q-94 0 -139 -62.5t-45 -200.5v-71h279v-129z" />
-<glyph unicode="g" horiz-adv-x="1122" d="M1073 1096v-105l-203 -24q28 -35 50 -91.5t22 -127.5q0 -161 -110 -257t-302 -96q-49 0 -92 8q-106 -56 -106 -141q0 -45 37 -66.5t127 -21.5h194q178 0 273.5 -75t95.5 -218q0 -182 -146 -277.5t-426 -95.5q-215 0 -331.5 80t-116.5 226q0 100 64 173t180 99 q-42 19 -70.5 59t-28.5 93q0 60 32 105t101 87q-85 35 -138.5 119t-53.5 192q0 180 108 277.5t306 97.5q86 0 155 -20h379zM199 -184q0 -89 75 -135t215 -46q209 0 309.5 62.5t100.5 169.5q0 89 -55 123.5t-207 34.5h-199q-113 0 -176 -54t-63 -155zM289 745q0 -115 65 -174 t181 -59q243 0 243 236q0 247 -246 247q-117 0 -180 -63t-63 -187z" />
-<glyph unicode="h" horiz-adv-x="1257" d="M926 0v709q0 134 -61 200t-191 66q-173 0 -252.5 -94t-79.5 -308v-573h-166v1556h166v-471q0 -85 -8 -141h10q49 79 139.5 124.5t206.5 45.5q201 0 301.5 -95.5t100.5 -303.5v-715h-166z" />
-<glyph unicode="i" horiz-adv-x="518" d="M342 0h-166v1096h166v-1096zM162 1393q0 57 28 83.5t70 26.5q40 0 69 -27t29 -83t-29 -83.5t-69 -27.5q-42 0 -70 27.5t-28 83.5z" />
-<glyph unicode="j" horiz-adv-x="518" d="M43 -492q-95 0 -154 25v135q69 -20 136 -20q78 0 114.5 42.5t36.5 129.5v1276h166v-1264q0 -324 -299 -324zM162 1393q0 57 28 83.5t70 26.5q40 0 69 -27t29 -83t-29 -83.5t-69 -27.5q-42 0 -70 27.5t-28 83.5z" />
-<glyph unicode="k" horiz-adv-x="1075" d="M340 561q43 61 131 160l354 375h197l-444 -467l475 -629h-201l-387 518l-125 -108v-410h-164v1556h164v-825q0 -55 -8 -170h8z" />
-<glyph unicode="l" horiz-adv-x="518" d="M342 0h-166v1556h166v-1556z" />
-<glyph unicode="m" horiz-adv-x="1905" d="M1573 0v713q0 131 -56 196.5t-174 65.5q-155 0 -229 -89t-74 -274v-612h-166v713q0 131 -56 196.5t-175 65.5q-156 0 -228.5 -93.5t-72.5 -306.5v-575h-166v1096h135l27 -150h8q47 80 132.5 125t191.5 45q257 0 336 -186h8q49 86 142 136t212 50q186 0 278.5 -95.5 t92.5 -305.5v-715h-166z" />
-<glyph unicode="n" horiz-adv-x="1257" d="M926 0v709q0 134 -61 200t-191 66q-172 0 -252 -93t-80 -307v-575h-166v1096h135l27 -150h8q51 81 143 125.5t205 44.5q198 0 298 -95.5t100 -305.5v-715h-166z" />
-<glyph unicode="o" horiz-adv-x="1237" d="M1122 549q0 -268 -135 -418.5t-373 -150.5q-147 0 -261 69t-176 198t-62 302q0 268 134 417.5t372 149.5q230 0 365.5 -153t135.5 -414zM287 549q0 -210 84 -320t247 -110t247.5 109.5t84.5 320.5q0 209 -84.5 317.5t-249.5 108.5q-163 0 -246 -107t-83 -319z" />
-<glyph unicode="p" horiz-adv-x="1255" d="M686 -20q-107 0 -195.5 39.5t-148.5 121.5h-12q12 -96 12 -182v-451h-166v1588h135l23 -150h8q64 90 149 130t195 40q218 0 336.5 -149t118.5 -418q0 -270 -120.5 -419.5t-334.5 -149.5zM662 975q-168 0 -243 -93t-77 -296v-37q0 -231 77 -330.5t247 -99.5 q142 0 222.5 115t80.5 317q0 205 -80.5 314.5t-226.5 109.5z" />
-<glyph unicode="q" horiz-adv-x="1255" d="M590 119q166 0 242 89t81 300v37q0 230 -78 331t-247 101q-146 0 -223.5 -113.5t-77.5 -320.5t76.5 -315.5t226.5 -108.5zM565 -20q-212 0 -331 149t-119 416q0 269 120 420t334 151q225 0 346 -170h9l24 150h131v-1588h-166v469q0 100 11 170h-13q-115 -167 -346 -167z " />
-<glyph unicode="r" horiz-adv-x="836" d="M676 1116q73 0 131 -12l-23 -154q-68 15 -120 15q-133 0 -227.5 -108t-94.5 -269v-588h-166v1096h137l19 -203h8q61 107 147 165t189 58z" />
-<glyph unicode="s" horiz-adv-x="977" d="M883 299q0 -153 -114 -236t-320 -83q-218 0 -340 69v154q79 -40 169.5 -63t174.5 -23q130 0 200 41.5t70 126.5q0 64 -55.5 109.5t-216.5 107.5q-153 57 -217.5 99.5t-96 96.5t-31.5 129q0 134 109 211.5t299 77.5q177 0 346 -72l-59 -135q-165 68 -299 68 q-118 0 -178 -37t-60 -102q0 -44 22.5 -75t72.5 -59t192 -81q195 -71 263.5 -143t68.5 -181z" />
-<glyph unicode="t" horiz-adv-x="723" d="M530 117q44 0 85 6.5t65 13.5v-127q-27 -13 -79.5 -21.5t-94.5 -8.5q-318 0 -318 335v652h-157v80l157 69l70 234h96v-254h318v-129h-318v-645q0 -99 47 -152t129 -53z" />
-<glyph unicode="u" horiz-adv-x="1257" d="M332 1096v-711q0 -134 61 -200t191 -66q172 0 251.5 94t79.5 307v576h166v-1096h-137l-24 147h-9q-51 -81 -141.5 -124t-206.5 -43q-200 0 -299.5 95t-99.5 304v717h168z" />
-<glyph unicode="v" horiz-adv-x="1026" d="M416 0l-416 1096h178l236 -650q80 -228 94 -296h8q11 53 69.5 219.5t262.5 726.5h178l-416 -1096h-194z" />
-<glyph unicode="w" horiz-adv-x="1593" d="M1071 0l-201 643q-19 59 -71 268h-8q-40 -175 -70 -270l-207 -641h-192l-299 1096h174q106 -413 161.5 -629t63.5 -291h8q11 57 35.5 147.5t42.5 143.5l201 629h180l196 -629q56 -172 76 -289h8q4 36 21.5 111t208.5 807h172l-303 -1096h-197z" />
-<glyph unicode="x" horiz-adv-x="1073" d="M440 561l-381 535h189l289 -420l288 420h187l-381 -535l401 -561h-188l-307 444l-310 -444h-188z" />
-<glyph unicode="y" horiz-adv-x="1032" d="M2 1096h178l240 -625q79 -214 98 -309h8q13 51 54.5 174.5t271.5 759.5h178l-471 -1248q-70 -185 -163.5 -262.5t-229.5 -77.5q-76 0 -150 17v133q55 -12 123 -12q171 0 244 192l61 156z" />
-<glyph unicode="z" horiz-adv-x="958" d="M877 0h-795v113l598 854h-561v129h743v-129l-590 -838h605v-129z" />
-<glyph unicode="{" horiz-adv-x="776" d="M475 12q0 -102 58.5 -148t171.5 -48v-140q-190 2 -294 87t-104 239v303q0 104 -63 148.5t-183 44.5v141q130 2 188 48t58 142v306q0 155 108 241t290 86v-139q-230 -6 -230 -199v-295q0 -215 -223 -254v-12q223 -39 223 -254v-297z" />
-<glyph unicode="|" horiz-adv-x="1128" d="M494 1556h141v-2052h-141v2052z" />
-<glyph unicode="}" horiz-adv-x="776" d="M522 575q-223 39 -223 254v295q0 193 -227 199v139q184 0 289.5 -87t105.5 -240v-306q0 -97 59 -142.5t189 -47.5v-141q-122 0 -185 -44.5t-63 -148.5v-303q0 -153 -102.5 -238.5t-292.5 -87.5v140q111 2 169 48t58 148v297q0 114 55 174t168 80v12z" />
-<glyph unicode="~" d="M338 713q-53 0 -116.5 -33.5t-117.5 -87.5v151q100 109 244 109q68 0 124.5 -14t145.5 -52q66 -28 115 -41.5t96 -13.5q54 0 118 32t118 89v-150q-102 -110 -244 -110q-72 0 -135 16.5t-135 48.5q-75 32 -120 44t-93 12z" />
-<glyph unicode="&#xa1;" horiz-adv-x="547" d="M219 684h105l51 -1057h-207zM393 983q0 -135 -121 -135q-60 0 -90 35.5t-30 99.5q0 63 31.5 99t88.5 36q51 0 86 -32t35 -103z" />
-<glyph unicode="&#xa2;" d="M971 240q-105 -54 -252 -60v-200h-133v206q-203 32 -299.5 168.5t-96.5 386.5q0 508 396 570v172h135v-164q75 -3 146 -19.5t120 -39.5l-49 -140q-133 51 -242 51q-172 0 -253 -105.5t-81 -322.5q0 -212 79.5 -313.5t246.5 -101.5q141 0 283 59v-147z" />
-<glyph unicode="&#xa3;" d="M682 1481q190 0 360 -84l-61 -133q-154 77 -297 77q-123 0 -185.5 -62t-62.5 -202v-295h422v-127h-422v-221q0 -100 -32.5 -168t-106.5 -112h795v-154h-1029v141q205 47 205 291v223h-198v127h198v316q0 178 112 280.5t302 102.5z" />
-<glyph unicode="&#xa4;" d="M184 723q0 122 74 229l-135 140l94 92l135 -133q104 73 234 73q127 0 229 -73l137 133l95 -92l-134 -138q74 -113 74 -231q0 -131 -74 -234l131 -135l-92 -92l-137 133q-102 -71 -229 -71q-134 0 -234 73l-135 -133l-92 92l133 136q-74 107 -74 231zM313 723 q0 -112 78.5 -192t194.5 -80t195 79.5t79 192.5q0 114 -80 195t-194 81q-116 0 -194.5 -82t-78.5 -194z" />
-<glyph unicode="&#xa5;" d="M584 735l379 727h174l-416 -770h262v-127h-317v-170h317v-127h-317v-268h-164v268h-316v127h316v170h-316v127h256l-411 770h178z" />
-<glyph unicode="&#xa6;" horiz-adv-x="1128" d="M494 1556h141v-776h-141v776zM494 281h141v-777h-141v777z" />
-<glyph unicode="&#xa7;" horiz-adv-x="1057" d="M139 809q0 86 43 154.5t121 105.5q-74 40 -116 95.5t-42 140.5q0 121 103.5 190.5t300.5 69.5q94 0 173.5 -14.5t176.5 -53.5l-53 -131q-98 39 -165.5 52.5t-143.5 13.5q-116 0 -174 -29.5t-58 -93.5q0 -60 61.5 -102t215.5 -97q186 -68 261 -143.5t75 -182.5 q0 -90 -41 -160.5t-115 -111.5q153 -81 153 -227q0 -140 -117 -216.5t-329 -76.5q-218 0 -346 65v148q78 -37 175 -59.5t179 -22.5q134 0 204.5 38t70.5 109q0 46 -24 75t-78 58t-169 72q-142 52 -209 97t-100 102t-33 135zM285 829q0 -77 66 -129.5t233 -113.5l49 -19 q137 80 137 191q0 83 -73.5 139t-258.5 113q-68 -19 -110.5 -69t-42.5 -112z" />
-<glyph unicode="&#xa8;" horiz-adv-x="1182" d="M309 1393q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM690 1393q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xa9;" horiz-adv-x="1704" d="M893 1059q-125 0 -192.5 -87t-67.5 -241q0 -168 63.5 -249t194.5 -81q86 0 211 45v-124q-48 -20 -98.5 -34t-120.5 -14q-194 0 -298 120.5t-104 336.5q0 209 110.5 332t301.5 123q128 0 246 -60l-58 -118q-108 51 -188 51zM100 731q0 200 100 375t275 276t377 101 q200 0 375 -100t276 -275t101 -377q0 -197 -97 -370t-272 -277t-383 -104q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM205 731q0 -173 87 -323.5t237.5 -237t322.5 -86.5q174 0 323 87t236.5 235.5t87.5 324.5q0 174 -87 323t-235.5 236.5t-324.5 87.5q-174 0 -323 -87 t-236.5 -235.5t-87.5 -324.5z" />
-<glyph unicode="&#xaa;" horiz-adv-x="725" d="M532 801l-24 84q-92 -97 -232 -97q-95 0 -150.5 49.5t-55.5 151.5t77 154.5t242 58.5l117 4v39q0 133 -148 133q-100 0 -204 -51l-43 96q114 56 247 56q130 0 198.5 -52.5t68.5 -173.5v-452h-93zM193 989q0 -100 112 -100q201 0 201 180v49l-98 -4q-112 -4 -163.5 -32.5 t-51.5 -92.5z" />
-<glyph unicode="&#xab;" horiz-adv-x="1018" d="M82 551l342 407l119 -69l-289 -350l289 -351l-119 -71l-342 407v27zM477 551l344 407l117 -69l-287 -350l287 -351l-117 -71l-344 407v27z" />
-<glyph unicode="&#xac;" d="M1065 791v-527h-137v389h-824v138h961z" />
-<glyph unicode="&#xad;" horiz-adv-x="659" d="M84 473zM84 473v152h491v-152h-491z" />
-<glyph unicode="&#xae;" horiz-adv-x="1704" d="M723 762h108q80 0 128.5 41.5t48.5 105.5q0 75 -43 107.5t-136 32.5h-106v-287zM1157 913q0 -80 -42.5 -141.5t-119.5 -91.5l238 -395h-168l-207 354h-135v-354h-148v891h261q166 0 243.5 -65t77.5 -198zM100 731q0 200 100 375t275 276t377 101q200 0 375 -100t276 -275 t101 -377q0 -197 -97 -370t-272 -277t-383 -104q-207 0 -382 103.5t-272.5 276.5t-97.5 371zM205 731q0 -173 87 -323.5t237.5 -237t322.5 -86.5q174 0 323 87t236.5 235.5t87.5 324.5q0 174 -87 323t-235.5 236.5t-324.5 87.5q-174 0 -323 -87t-236.5 -235.5t-87.5 -324.5z " />
-<glyph unicode="&#xaf;" horiz-adv-x="1024" d="M1030 1556h-1036v127h1036v-127z" />
-<glyph unicode="&#xb0;" horiz-adv-x="877" d="M127 1171q0 130 90.5 221t220.5 91t221 -90.5t91 -221.5q0 -84 -41 -155.5t-114 -113.5t-157 -42q-130 0 -220.5 90t-90.5 221zM242 1171q0 -82 58.5 -139t139.5 -57q80 0 137.5 56.5t57.5 139.5q0 84 -56.5 140.5t-138.5 56.5q-83 0 -140.5 -57t-57.5 -140z" />
-<glyph unicode="&#xb1;" d="M104 1zM653 791h412v-138h-412v-426h-139v426h-410v138h410v428h139v-428zM104 1v138h961v-138h-961z" />
-<glyph unicode="&#xb2;" horiz-adv-x="711" d="M653 586h-604v104l236 230q89 86 130 134.5t57.5 86.5t16.5 92q0 68 -40 102.5t-103 34.5q-52 0 -101 -19t-118 -69l-66 88q131 111 283 111q132 0 205.5 -65t73.5 -177q0 -80 -44.5 -155.5t-191.5 -213.5l-174 -165h440v-119z" />
-<glyph unicode="&#xb3;" horiz-adv-x="711" d="M627 1255q0 -80 -41 -131.5t-109 -74.5q176 -47 176 -209q0 -128 -92 -199.5t-260 -71.5q-152 0 -268 56v123q147 -68 270 -68q211 0 211 162q0 145 -231 145h-117v107h119q103 0 152.5 39.5t49.5 107.5q0 61 -40 95t-107 34q-66 0 -122 -21.5t-112 -56.5l-69 90 q63 45 133 72t164 27q136 0 214.5 -59.5t78.5 -166.5z" />
-<glyph unicode="&#xb4;" horiz-adv-x="1182" d="M393 1266q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xb5;" horiz-adv-x="1268" d="M342 381q0 -262 254 -262q171 0 250.5 94.5t79.5 306.5v576h166v-1096h-136l-26 147h-10q-111 -167 -340 -167q-150 0 -238 92h-10q10 -84 10 -244v-320h-166v1588h166v-715z" />
-<glyph unicode="&#xb6;" horiz-adv-x="1341" d="M1120 -260h-114v1712h-213v-1712h-115v819q-62 -18 -146 -18q-216 0 -317.5 125t-101.5 376q0 260 109 387t341 127h557v-1816z" />
-<glyph unicode="&#xb7;" horiz-adv-x="545" d="M152 723q0 66 31 100.5t87 34.5q58 0 90.5 -34.5t32.5 -100.5q0 -65 -33 -100t-90 -35q-51 0 -84.5 31.5t-33.5 103.5z" />
-<glyph unicode="&#xb8;" horiz-adv-x="465" d="M436 -289q0 -97 -76.5 -150t-226.5 -53q-51 0 -96 9v106q45 -8 104 -8q79 0 119.5 20t40.5 74q0 43 -39.5 69.5t-148.5 43.5l88 178h110l-55 -115q180 -39 180 -174z" />
-<glyph unicode="&#xb9;" horiz-adv-x="711" d="M338 1462h143v-876h-133v579q0 91 6 181q-22 -22 -49 -44.5t-162 -117.5l-67 96z" />
-<glyph unicode="&#xba;" horiz-adv-x="768" d="M702 1135q0 -164 -85.5 -255.5t-235.5 -91.5q-146 0 -230.5 93t-84.5 254q0 163 84 253.5t235 90.5q152 0 234.5 -91t82.5 -253zM188 1135q0 -122 45.5 -183t149.5 -61q105 0 151 61t46 183q0 123 -46 182t-151 59q-103 0 -149 -59t-46 -182z" />
-<glyph unicode="&#xbb;" horiz-adv-x="1018" d="M936 524l-344 -407l-117 71l287 351l-287 350l117 69l344 -407v-27zM541 524l-344 -407l-117 71l287 351l-287 350l117 69l344 -407v-27z" />
-<glyph unicode="&#xbc;" horiz-adv-x="1597" d="M75 0zM1298 1462l-903 -1462h-143l903 1462h143zM337 1462h143v-876h-133v579q0 91 6 181q-22 -22 -49 -44.5t-162 -117.5l-67 96zM1489 203h-125v-202h-145v202h-402v101l408 579h139v-563h125v-117zM1219 320v195q0 134 6 209q-5 -12 -17 -31.5t-27 -42l-30 -45 t-26 -39.5l-168 -246h262z" />
-<glyph unicode="&#xbd;" horiz-adv-x="1597" d="M46 0zM1230 1462l-903 -1462h-143l903 1462h143zM308 1462h143v-876h-133v579q0 91 6 181q-22 -22 -49 -44.5t-162 -117.5l-67 96zM1499 1h-604v104l236 230q89 86 130 134.5t57.5 86.5t16.5 92q0 68 -40 102.5t-103 34.5q-52 0 -101 -19t-118 -69l-66 88 q131 111 283 111q132 0 205.5 -65t73.5 -177q0 -80 -44.5 -155.5t-191.5 -213.5l-174 -165h440v-119z" />
-<glyph unicode="&#xbe;" horiz-adv-x="1597" d="M26 0zM620 1255q0 -80 -41 -131.5t-109 -74.5q176 -47 176 -209q0 -128 -92 -199.5t-260 -71.5q-152 0 -268 56v123q147 -68 270 -68q211 0 211 162q0 145 -231 145h-117v107h119q103 0 152.5 39.5t49.5 107.5q0 61 -40 95t-107 34q-66 0 -122 -21.5t-112 -56.5l-69 90 q63 45 133 72t164 27q136 0 214.5 -59.5t78.5 -166.5zM1390 1462l-903 -1462h-143l903 1462h143zM1569 203h-125v-202h-145v202h-402v101l408 579h139v-563h125v-117zM1299 320v195q0 134 6 209q-5 -12 -17 -31.5t-27 -42l-30 -45t-26 -39.5l-168 -246h262z" />
-<glyph unicode="&#xbf;" horiz-adv-x="879" d="M590 684v-51q0 -122 -37.5 -196t-134.5 -158q-121 -106 -151.5 -143.5t-43 -76t-12.5 -94.5q0 -100 66 -156.5t188 -56.5q80 0 155 19t173 67l59 -135q-197 -96 -395 -96q-190 0 -298 93t-108 263q0 70 17.5 122.5t49.5 97t76.5 85.5t98.5 88q101 88 133.5 146t32.5 151 v31h131zM639 983q0 -135 -121 -135q-59 0 -90 34.5t-31 100.5q0 64 33 99.5t88 35.5q51 0 86 -32t35 -103z" />
-<glyph unicode="&#xc0;" horiz-adv-x="1296" d="M0 0zM1120 0l-182 465h-586l-180 -465h-172l578 1468h143l575 -1468h-176zM885 618l-170 453q-33 86 -68 211q-22 -96 -63 -211l-172 -453h473zM724 1579h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xc1;" horiz-adv-x="1296" d="M0 0zM1120 0l-182 465h-586l-180 -465h-172l578 1468h143l575 -1468h-176zM885 618l-170 453q-33 86 -68 211q-22 -96 -63 -211l-172 -453h473zM526 1604q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xc2;" horiz-adv-x="1296" d="M0 0zM1120 0l-182 465h-586l-180 -465h-172l578 1468h143l575 -1468h-176zM885 618l-170 453q-33 86 -68 211q-22 -96 -63 -211l-172 -453h473zM303 1602q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186 h-115v23z" />
-<glyph unicode="&#xc3;" horiz-adv-x="1296" d="M0 0zM1120 0l-182 465h-586l-180 -465h-172l578 1468h143l575 -1468h-176zM885 618l-170 453q-33 86 -68 211q-22 -96 -63 -211l-172 -453h473zM792 1581q-43 0 -84 18.5t-80.5 41t-76 41t-70.5 18.5q-50 0 -75.5 -30t-39.5 -91h-98q13 121 70.5 189.5t148.5 68.5 q46 0 89 -18.5t82 -41t75 -41t68 -18.5q49 0 73 29.5t39 91.5h99q-13 -121 -69.5 -189.5t-150.5 -68.5z" />
-<glyph unicode="&#xc4;" horiz-adv-x="1296" d="M0 0zM1120 0l-182 465h-586l-180 -465h-172l578 1468h143l575 -1468h-176zM885 618l-170 453q-33 86 -68 211q-22 -96 -63 -211l-172 -453h473zM364 1731q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5z M745 1731q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xc5;" horiz-adv-x="1296" d="M0 0zM1120 0l-182 465h-586l-180 -465h-172l578 1468h143l575 -1468h-176zM885 618l-170 453q-33 86 -68 211q-22 -96 -63 -211l-172 -453h473zM870 1587q0 -98 -61.5 -157.5t-163.5 -59.5q-101 0 -161 58.5t-60 156.5t60.5 155.5t160.5 57.5q101 0 163 -59.5t62 -151.5z M762 1585q0 56 -33 86.5t-84 30.5t-84 -30.5t-33 -86.5t30 -86.5t87 -30.5q52 0 84.5 30.5t32.5 86.5z" />
-<glyph unicode="&#xc6;" horiz-adv-x="1788" d="M1665 0h-750v465h-514l-227 -465h-176l698 1462h969v-151h-580v-471h541v-150h-541v-538h580v-152zM469 618h446v693h-118z" />
-<glyph unicode="&#xc7;" horiz-adv-x="1292" d="M125 0zM827 1331q-241 0 -380.5 -160.5t-139.5 -439.5q0 -287 134.5 -443.5t383.5 -156.5q153 0 349 55v-149q-152 -57 -375 -57q-323 0 -498.5 196t-175.5 557q0 226 84.5 396t244 262t375.5 92q230 0 402 -84l-72 -146q-166 78 -332 78zM950 -289q0 -97 -76.5 -150 t-226.5 -53q-51 0 -96 9v106q45 -8 104 -8q79 0 119.5 20t40.5 74q0 43 -39.5 69.5t-148.5 43.5l88 178h110l-55 -115q180 -39 180 -174z" />
-<glyph unicode="&#xc8;" horiz-adv-x="1139" d="M201 0zM1016 0h-815v1462h815v-151h-645v-471h606v-150h-606v-538h645v-152zM713 1579h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xc9;" horiz-adv-x="1139" d="M201 0zM1016 0h-815v1462h815v-151h-645v-471h606v-150h-606v-538h645v-152zM456 1604q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xca;" horiz-adv-x="1139" d="M201 0zM1016 0h-815v1462h815v-151h-645v-471h606v-150h-606v-538h645v-152zM263 1602q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xcb;" horiz-adv-x="1139" d="M201 0zM1016 0h-815v1462h815v-151h-645v-471h606v-150h-606v-538h645v-152zM327 1731q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM708 1731q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5 t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xcc;" horiz-adv-x="571" d="M5 0zM201 0v1462h170v-1462h-170zM398 1579h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xcd;" horiz-adv-x="571" d="M179 0zM201 0v1462h170v-1462h-170zM179 1604q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xce;" horiz-adv-x="571" d="M0 0zM201 0v1462h170v-1462h-170zM-57 1602q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xcf;" horiz-adv-x="571" d="M5 0zM201 0v1462h170v-1462h-170zM5 1731q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM386 1731q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xd0;" horiz-adv-x="1479" d="M1352 745q0 -362 -196.5 -553.5t-565.5 -191.5h-389v649h-154v150h154v663h434q337 0 527 -187.5t190 -529.5zM1171 739q0 576 -569 576h-231v-516h379v-150h-379v-502h190q610 0 610 592z" />
-<glyph unicode="&#xd1;" horiz-adv-x="1544" d="M201 0zM1343 0h-194l-799 1227h-8q16 -216 16 -396v-831h-157v1462h192l797 -1222h8q-2 27 -9 173.5t-5 209.5v839h159v-1462zM935 1581q-43 0 -84 18.5t-80.5 41t-76 41t-70.5 18.5q-50 0 -75.5 -30t-39.5 -91h-98q13 121 70.5 189.5t148.5 68.5q46 0 89 -18.5t82 -41 t75 -41t68 -18.5q49 0 73 29.5t39 91.5h99q-13 -121 -69.5 -189.5t-150.5 -68.5z" />
-<glyph unicode="&#xd2;" horiz-adv-x="1595" d="M125 0zM1470 733q0 -351 -177.5 -552t-493.5 -201q-323 0 -498.5 197.5t-175.5 557.5q0 357 176 553.5t500 196.5q315 0 492 -200t177 -552zM305 733q0 -297 126.5 -450.5t367.5 -153.5q243 0 367 153t124 451q0 295 -123.5 447.5t-365.5 152.5q-243 0 -369.5 -153.5 t-126.5 -446.5zM907 1579h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xd3;" horiz-adv-x="1595" d="M125 0zM1470 733q0 -351 -177.5 -552t-493.5 -201q-323 0 -498.5 197.5t-175.5 557.5q0 357 176 553.5t500 196.5q315 0 492 -200t177 -552zM305 733q0 -297 126.5 -450.5t367.5 -153.5q243 0 367 153t124 451q0 295 -123.5 447.5t-365.5 152.5q-243 0 -369.5 -153.5 t-126.5 -446.5zM659 1604q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xd4;" horiz-adv-x="1595" d="M125 0zM1470 733q0 -351 -177.5 -552t-493.5 -201q-323 0 -498.5 197.5t-175.5 557.5q0 357 176 553.5t500 196.5q315 0 492 -200t177 -552zM305 733q0 -297 126.5 -450.5t367.5 -153.5q243 0 367 153t124 451q0 295 -123.5 447.5t-365.5 152.5q-243 0 -369.5 -153.5 t-126.5 -446.5zM448 1602q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xd5;" horiz-adv-x="1595" d="M125 0zM1470 733q0 -351 -177.5 -552t-493.5 -201q-323 0 -498.5 197.5t-175.5 557.5q0 357 176 553.5t500 196.5q315 0 492 -200t177 -552zM305 733q0 -297 126.5 -450.5t367.5 -153.5q243 0 367 153t124 451q0 295 -123.5 447.5t-365.5 152.5q-243 0 -369.5 -153.5 t-126.5 -446.5zM942 1581q-43 0 -84 18.5t-80.5 41t-76 41t-70.5 18.5q-50 0 -75.5 -30t-39.5 -91h-98q13 121 70.5 189.5t148.5 68.5q46 0 89 -18.5t82 -41t75 -41t68 -18.5q49 0 73 29.5t39 91.5h99q-13 -121 -69.5 -189.5t-150.5 -68.5z" />
-<glyph unicode="&#xd6;" horiz-adv-x="1595" d="M125 0zM1470 733q0 -351 -177.5 -552t-493.5 -201q-323 0 -498.5 197.5t-175.5 557.5q0 357 176 553.5t500 196.5q315 0 492 -200t177 -552zM305 733q0 -297 126.5 -450.5t367.5 -153.5q243 0 367 153t124 451q0 295 -123.5 447.5t-365.5 152.5q-243 0 -369.5 -153.5 t-126.5 -446.5zM522 1731q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM903 1731q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xd7;" d="M940 1176l96 -99l-352 -354l350 -352l-96 -99l-354 351l-348 -351l-101 99l350 352l-352 352l100 101l353 -355z" />
-<glyph unicode="&#xd8;" horiz-adv-x="1595" d="M1470 733q0 -351 -177.5 -552t-493.5 -201q-235 0 -383 100l-101 -141l-120 79l108 154q-178 198 -178 563q0 357 176 553.5t500 196.5q209 0 366 -94l97 135l120 -80l-106 -148q192 -202 192 -565zM1290 733q0 272 -110 426l-672 -948q115 -82 291 -82q243 0 367 153 t124 451zM305 733q0 -262 101 -416l669 943q-106 73 -274 73q-243 0 -369.5 -153.5t-126.5 -446.5z" />
-<glyph unicode="&#xd9;" horiz-adv-x="1491" d="M186 0zM1305 1462v-946q0 -250 -151 -393t-415 -143t-408.5 144t-144.5 396v942h170v-954q0 -183 100 -281t294 -98q185 0 285 98.5t100 282.5v952h170zM856 1579h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xda;" horiz-adv-x="1491" d="M186 0zM1305 1462v-946q0 -250 -151 -393t-415 -143t-408.5 144t-144.5 396v942h170v-954q0 -183 100 -281t294 -98q185 0 285 98.5t100 282.5v952h170zM600 1604q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xdb;" horiz-adv-x="1491" d="M186 0zM1305 1462v-946q0 -250 -151 -393t-415 -143t-408.5 144t-144.5 396v942h170v-954q0 -183 100 -281t294 -98q185 0 285 98.5t100 282.5v952h170zM393 1602q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186 q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xdc;" horiz-adv-x="1491" d="M186 0zM1305 1462v-946q0 -250 -151 -393t-415 -143t-408.5 144t-144.5 396v942h170v-954q0 -183 100 -281t294 -98q185 0 285 98.5t100 282.5v952h170zM461 1731q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5 t-26.5 74.5zM842 1731q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xdd;" horiz-adv-x="1147" d="M0 0zM573 731l390 731h184l-488 -895v-567h-172v559l-487 903h186zM442 1604q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xde;" horiz-adv-x="1251" d="M1145 784q0 -227 -151.5 -346t-438.5 -119h-184v-319h-170v1462h170v-256h215q281 0 420 -103.5t139 -318.5zM371 465h168q226 0 327 71.5t101 235.5q0 149 -95 218t-297 69h-204v-594z" />
-<glyph unicode="&#xdf;" horiz-adv-x="1274" d="M1049 1266q0 -135 -143 -250q-88 -70 -116 -103.5t-28 -66.5q0 -32 13.5 -53t49 -49.5t113.5 -79.5q140 -95 191 -173.5t51 -179.5q0 -160 -97 -245.5t-276 -85.5q-188 0 -295 69v154q63 -39 141 -62.5t150 -23.5q215 0 215 182q0 75 -41.5 128.5t-151.5 123.5 q-127 82 -175 143.5t-48 145.5q0 63 34.5 116t105.5 106q75 57 107 102t32 98q0 80 -68 122.5t-195 42.5q-276 0 -276 -223v-1204h-166v1202q0 178 110 271.5t332 93.5q206 0 318.5 -78.5t112.5 -222.5z" />
-<glyph unicode="&#xe0;" horiz-adv-x="1139" d="M94 0zM850 0l-33 156h-8q-82 -103 -163.5 -139.5t-203.5 -36.5q-163 0 -255.5 84t-92.5 239q0 332 531 348l186 6v68q0 129 -55.5 190.5t-177.5 61.5q-137 0 -310 -84l-51 127q81 44 177.5 69t193.5 25q196 0 290.5 -87t94.5 -279v-748h-123zM475 117q155 0 243.5 85 t88.5 238v99l-166 -7q-198 -7 -285.5 -61.5t-87.5 -169.5q0 -90 54.5 -137t152.5 -47zM672 1241h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xe1;" horiz-adv-x="1139" d="M94 0zM850 0l-33 156h-8q-82 -103 -163.5 -139.5t-203.5 -36.5q-163 0 -255.5 84t-92.5 239q0 332 531 348l186 6v68q0 129 -55.5 190.5t-177.5 61.5q-137 0 -310 -84l-51 127q81 44 177.5 69t193.5 25q196 0 290.5 -87t94.5 -279v-748h-123zM475 117q155 0 243.5 85 t88.5 238v99l-166 -7q-198 -7 -285.5 -61.5t-87.5 -169.5q0 -90 54.5 -137t152.5 -47zM436 1266q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xe2;" horiz-adv-x="1139" d="M94 0zM850 0l-33 156h-8q-82 -103 -163.5 -139.5t-203.5 -36.5q-163 0 -255.5 84t-92.5 239q0 332 531 348l186 6v68q0 129 -55.5 190.5t-177.5 61.5q-137 0 -310 -84l-51 127q81 44 177.5 69t193.5 25q196 0 290.5 -87t94.5 -279v-748h-123zM475 117q155 0 243.5 85 t88.5 238v99l-166 -7q-198 -7 -285.5 -61.5t-87.5 -169.5q0 -90 54.5 -137t152.5 -47zM228 1264q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xe3;" horiz-adv-x="1139" d="M94 0zM850 0l-33 156h-8q-82 -103 -163.5 -139.5t-203.5 -36.5q-163 0 -255.5 84t-92.5 239q0 332 531 348l186 6v68q0 129 -55.5 190.5t-177.5 61.5q-137 0 -310 -84l-51 127q81 44 177.5 69t193.5 25q196 0 290.5 -87t94.5 -279v-748h-123zM475 117q155 0 243.5 85 t88.5 238v99l-166 -7q-198 -7 -285.5 -61.5t-87.5 -169.5q0 -90 54.5 -137t152.5 -47zM721 1243q-43 0 -84 18.5t-80.5 41t-76 41t-70.5 18.5q-50 0 -75.5 -30t-39.5 -91h-98q13 121 70.5 189.5t148.5 68.5q46 0 89 -18.5t82 -41t75 -41t68 -18.5q49 0 73 29.5t39 91.5h99 q-13 -121 -69.5 -189.5t-150.5 -68.5z" />
-<glyph unicode="&#xe4;" horiz-adv-x="1139" d="M94 0zM850 0l-33 156h-8q-82 -103 -163.5 -139.5t-203.5 -36.5q-163 0 -255.5 84t-92.5 239q0 332 531 348l186 6v68q0 129 -55.5 190.5t-177.5 61.5q-137 0 -310 -84l-51 127q81 44 177.5 69t193.5 25q196 0 290.5 -87t94.5 -279v-748h-123zM475 117q155 0 243.5 85 t88.5 238v99l-166 -7q-198 -7 -285.5 -61.5t-87.5 -169.5q0 -90 54.5 -137t152.5 -47zM279 1393q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM660 1393q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75 q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xe5;" horiz-adv-x="1139" d="M94 0zM850 0l-33 156h-8q-82 -103 -163.5 -139.5t-203.5 -36.5q-163 0 -255.5 84t-92.5 239q0 332 531 348l186 6v68q0 129 -55.5 190.5t-177.5 61.5q-137 0 -310 -84l-51 127q81 44 177.5 69t193.5 25q196 0 290.5 -87t94.5 -279v-748h-123zM475 117q155 0 243.5 85 t88.5 238v99l-166 -7q-198 -7 -285.5 -61.5t-87.5 -169.5q0 -90 54.5 -137t152.5 -47zM804 1458q0 -98 -61.5 -157.5t-163.5 -59.5q-101 0 -161 58.5t-60 156.5t60.5 155.5t160.5 57.5q101 0 163 -59.5t62 -151.5zM696 1456q0 56 -33 86.5t-84 30.5t-84 -30.5t-33 -86.5 t30 -86.5t87 -30.5q52 0 84.5 30.5t32.5 86.5z" />
-<glyph unicode="&#xe6;" horiz-adv-x="1757" d="M94 303q0 161 124 250.5t378 97.5l184 6v68q0 129 -58 190.5t-177 61.5q-144 0 -307 -84l-52 127q74 41 173.5 67.5t197.5 26.5q130 0 212.5 -43.5t123.5 -138.5q53 88 138.5 136t195.5 48q192 0 308 -133.5t116 -355.5v-107h-701q8 -395 322 -395q91 0 169.5 17.5 t162.5 56.5v-148q-86 -38 -160.5 -54.5t-175.5 -16.5q-289 0 -414 233q-81 -127 -179.5 -180t-232.5 -53q-163 0 -255.5 85t-92.5 238zM268 301q0 -95 53.5 -139.5t141.5 -44.5q145 0 229 84.5t84 238.5v99l-158 -7q-186 -8 -268 -62.5t-82 -168.5zM1225 977 q-121 0 -190.5 -83t-80.5 -241h519q0 156 -64 240t-184 84z" />
-<glyph unicode="&#xe7;" horiz-adv-x="975" d="M115 0zM614 -20q-238 0 -368.5 146.5t-130.5 414.5q0 275 132.5 425t377.5 150q79 0 158 -17t124 -40l-51 -141q-55 22 -120 36.5t-115 14.5q-334 0 -334 -426q0 -202 81.5 -310t241.5 -108q137 0 281 59v-147q-110 -57 -277 -57zM762 -289q0 -97 -76.5 -150t-226.5 -53 q-51 0 -96 9v106q45 -8 104 -8q79 0 119.5 20t40.5 74q0 43 -39.5 69.5t-148.5 43.5l88 178h110l-55 -115q180 -39 180 -174z" />
-<glyph unicode="&#xe8;" horiz-adv-x="1149" d="M115 0zM639 -20q-243 0 -383.5 148t-140.5 411q0 265 130.5 421t350.5 156q206 0 326 -135.5t120 -357.5v-105h-755q5 -193 97.5 -293t260.5 -100q177 0 350 74v-148q-88 -38 -166.5 -54.5t-189.5 -16.5zM594 977q-132 0 -210.5 -86t-92.5 -238h573q0 157 -70 240.5 t-200 83.5zM711 1241h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xe9;" horiz-adv-x="1149" d="M115 0zM639 -20q-243 0 -383.5 148t-140.5 411q0 265 130.5 421t350.5 156q206 0 326 -135.5t120 -357.5v-105h-755q5 -193 97.5 -293t260.5 -100q177 0 350 74v-148q-88 -38 -166.5 -54.5t-189.5 -16.5zM594 977q-132 0 -210.5 -86t-92.5 -238h573q0 157 -70 240.5 t-200 83.5zM471 1266q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xea;" horiz-adv-x="1149" d="M115 0zM639 -20q-243 0 -383.5 148t-140.5 411q0 265 130.5 421t350.5 156q206 0 326 -135.5t120 -357.5v-105h-755q5 -193 97.5 -293t260.5 -100q177 0 350 74v-148q-88 -38 -166.5 -54.5t-189.5 -16.5zM594 977q-132 0 -210.5 -86t-92.5 -238h573q0 157 -70 240.5 t-200 83.5zM259 1264q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xeb;" horiz-adv-x="1149" d="M115 0zM639 -20q-243 0 -383.5 148t-140.5 411q0 265 130.5 421t350.5 156q206 0 326 -135.5t120 -357.5v-105h-755q5 -193 97.5 -293t260.5 -100q177 0 350 74v-148q-88 -38 -166.5 -54.5t-189.5 -16.5zM594 977q-132 0 -210.5 -86t-92.5 -238h573q0 157 -70 240.5 t-200 83.5zM319 1393q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM700 1393q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xec;" horiz-adv-x="518" d="M0 0zM342 0h-166v1096h166v-1096zM355 1241h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xed;" horiz-adv-x="518" d="M169 0zM342 0h-166v1096h166v-1096zM169 1266q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xee;" horiz-adv-x="518" d="M0 0zM342 0h-166v1096h166v-1096zM-77 1264q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xef;" horiz-adv-x="518" d="M0 0zM342 0h-166v1096h166v-1096zM-20 1393q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM361 1393q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xf0;" horiz-adv-x="1221" d="M1122 563q0 -281 -130.5 -432t-377.5 -151q-222 0 -361.5 134.5t-139.5 360.5q0 230 131.5 361t351.5 131q226 0 326 -121l8 4q-57 214 -262 405l-271 -155l-73 108l233 133q-92 62 -186 111l69 117q156 -73 258 -148l238 138l76 -107l-207 -119q152 -143 234.5 -342 t82.5 -428zM954 512q0 147 -90 232t-246 85q-337 0 -337 -360q0 -167 87.5 -258.5t249.5 -91.5q175 0 255.5 100.5t80.5 292.5z" />
-<glyph unicode="&#xf1;" horiz-adv-x="1257" d="M176 0zM926 0v709q0 134 -61 200t-191 66q-172 0 -252 -93t-80 -307v-575h-166v1096h135l27 -150h8q51 81 143 125.5t205 44.5q198 0 298 -95.5t100 -305.5v-715h-166zM802 1243q-43 0 -84 18.5t-80.5 41t-76 41t-70.5 18.5q-50 0 -75.5 -30t-39.5 -91h-98 q13 121 70.5 189.5t148.5 68.5q46 0 89 -18.5t82 -41t75 -41t68 -18.5q49 0 73 29.5t39 91.5h99q-13 -121 -69.5 -189.5t-150.5 -68.5z" />
-<glyph unicode="&#xf2;" horiz-adv-x="1237" d="M115 0zM1122 549q0 -268 -135 -418.5t-373 -150.5q-147 0 -261 69t-176 198t-62 302q0 268 134 417.5t372 149.5q230 0 365.5 -153t135.5 -414zM287 549q0 -210 84 -320t247 -110t247.5 109.5t84.5 320.5q0 209 -84.5 317.5t-249.5 108.5q-163 0 -246 -107t-83 -319z M742 1241h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xf3;" horiz-adv-x="1237" d="M115 0zM1122 549q0 -268 -135 -418.5t-373 -150.5q-147 0 -261 69t-176 198t-62 302q0 268 134 417.5t372 149.5q230 0 365.5 -153t135.5 -414zM287 549q0 -210 84 -320t247 -110t247.5 109.5t84.5 320.5q0 209 -84.5 317.5t-249.5 108.5q-163 0 -246 -107t-83 -319z M479 1266q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xf4;" horiz-adv-x="1237" d="M115 0zM1122 549q0 -268 -135 -418.5t-373 -150.5q-147 0 -261 69t-176 198t-62 302q0 268 134 417.5t372 149.5q230 0 365.5 -153t135.5 -414zM287 549q0 -210 84 -320t247 -110t247.5 109.5t84.5 320.5q0 209 -84.5 317.5t-249.5 108.5q-163 0 -246 -107t-83 -319z M282 1264q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xf5;" horiz-adv-x="1237" d="M115 0zM1122 549q0 -268 -135 -418.5t-373 -150.5q-147 0 -261 69t-176 198t-62 302q0 268 134 417.5t372 149.5q230 0 365.5 -153t135.5 -414zM287 549q0 -210 84 -320t247 -110t247.5 109.5t84.5 320.5q0 209 -84.5 317.5t-249.5 108.5q-163 0 -246 -107t-83 -319z M773 1243q-43 0 -84 18.5t-80.5 41t-76 41t-70.5 18.5q-50 0 -75.5 -30t-39.5 -91h-98q13 121 70.5 189.5t148.5 68.5q46 0 89 -18.5t82 -41t75 -41t68 -18.5q49 0 73 29.5t39 91.5h99q-13 -121 -69.5 -189.5t-150.5 -68.5z" />
-<glyph unicode="&#xf6;" horiz-adv-x="1237" d="M115 0zM1122 549q0 -268 -135 -418.5t-373 -150.5q-147 0 -261 69t-176 198t-62 302q0 268 134 417.5t372 149.5q230 0 365.5 -153t135.5 -414zM287 549q0 -210 84 -320t247 -110t247.5 109.5t84.5 320.5q0 209 -84.5 317.5t-249.5 108.5q-163 0 -246 -107t-83 -319z M336 1393q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM717 1393q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xf7;" d="M104 653v138h961v-138h-961zM471 373q0 60 29.5 90.5t83.5 30.5q52 0 81 -31.5t29 -89.5q0 -57 -29.5 -89t-80.5 -32q-52 0 -82.5 31.5t-30.5 89.5zM471 1071q0 60 29.5 90.5t83.5 30.5q52 0 81 -31.5t29 -89.5q0 -57 -29.5 -89t-80.5 -32q-52 0 -82.5 31.5t-30.5 89.5z " />
-<glyph unicode="&#xf8;" horiz-adv-x="1237" d="M1122 549q0 -268 -135 -418.5t-373 -150.5q-154 0 -266 69l-84 -117l-114 78l94 131q-129 152 -129 408q0 268 134 417.5t372 149.5q154 0 270 -76l84 119l117 -76l-97 -133q127 -152 127 -401zM287 549q0 -171 53 -273l465 646q-75 53 -189 53q-163 0 -246 -107 t-83 -319zM950 549q0 164 -51 264l-465 -643q71 -51 184 -51q163 0 247.5 109.5t84.5 320.5z" />
-<glyph unicode="&#xf9;" horiz-adv-x="1257" d="M164 0zM332 1096v-711q0 -134 61 -200t191 -66q172 0 251.5 94t79.5 307v576h166v-1096h-137l-24 147h-9q-51 -81 -141.5 -124t-206.5 -43q-200 0 -299.5 95t-99.5 304v717h168zM726 1241h-110q-65 52 -154 148t-129 159v21h203q32 -69 89 -159.5t101 -143.5v-25z" />
-<glyph unicode="&#xfa;" horiz-adv-x="1257" d="M164 0zM332 1096v-711q0 -134 61 -200t191 -66q172 0 251.5 94t79.5 307v576h166v-1096h-137l-24 147h-9q-51 -81 -141.5 -124t-206.5 -43q-200 0 -299.5 95t-99.5 304v717h168zM506 1266q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147h-111v25z" />
-<glyph unicode="&#xfb;" horiz-adv-x="1257" d="M164 0zM332 1096v-711q0 -134 61 -200t191 -66q172 0 251.5 94t79.5 307v576h166v-1096h-137l-24 147h-9q-51 -81 -141.5 -124t-206.5 -43q-200 0 -299.5 95t-99.5 304v717h168zM286 1264q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119 q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#xfc;" horiz-adv-x="1257" d="M164 0zM332 1096v-711q0 -134 61 -200t191 -66q172 0 251.5 94t79.5 307v576h166v-1096h-137l-24 147h-9q-51 -81 -141.5 -124t-206.5 -43q-200 0 -299.5 95t-99.5 304v717h168zM342 1393q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5 q-37 0 -63.5 24.5t-26.5 74.5zM723 1393q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#xfd;" horiz-adv-x="1032" d="M2 0zM2 1096h178l240 -625q79 -214 98 -309h8q13 51 54.5 174.5t271.5 759.5h178l-471 -1248q-70 -185 -163.5 -262.5t-229.5 -77.5q-76 0 -150 17v133q55 -12 123 -12q171 0 244 192l61 156zM411 1266q48 62 103.5 150t87.5 153h202v-21q-44 -65 -131 -160t-151 -147 h-111v25z" />
-<glyph unicode="&#xfe;" horiz-adv-x="1255" d="M344 948q66 89 151 128.5t191 39.5q215 0 335 -150t120 -417q0 -268 -120.5 -418.5t-334.5 -150.5q-222 0 -344 161h-12l4 -34q8 -77 8 -140v-459h-166v2048h166v-466q0 -52 -6 -142h8zM664 975q-168 0 -244 -92t-78 -293v-41q0 -231 77 -330.5t247 -99.5q303 0 303 432 q0 215 -74 319.5t-231 104.5z" />
-<glyph unicode="&#xff;" horiz-adv-x="1032" d="M2 0zM2 1096h178l240 -625q79 -214 98 -309h8q13 51 54.5 174.5t271.5 759.5h178l-471 -1248q-70 -185 -163.5 -262.5t-229.5 -77.5q-76 0 -150 17v133q55 -12 123 -12q171 0 244 192l61 156zM234 1393q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5 t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM615 1393q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#x131;" horiz-adv-x="518" d="M342 0h-166v1096h166v-1096z" />
-<glyph unicode="&#x152;" horiz-adv-x="1890" d="M1767 0h-768q-102 -20 -194 -20q-327 0 -503.5 196.5t-176.5 558.5q0 360 174 555t494 195q102 0 192 -23h782v-151h-589v-471h551v-150h-551v-538h589v-152zM811 1333q-249 0 -377.5 -152.5t-128.5 -447.5q0 -297 128.5 -450.5t375.5 -153.5q112 0 199 33v1141 q-87 30 -197 30z" />
-<glyph unicode="&#x153;" horiz-adv-x="1929" d="M1430 -20q-293 0 -418 235q-62 -116 -166.5 -175.5t-241.5 -59.5q-223 0 -357 152.5t-134 416.5q0 265 131 415t366 150q131 0 233.5 -59.5t164.5 -173.5q58 112 154 172.5t222 60.5q201 0 320 -132.5t119 -358.5v-105h-729q8 -393 338 -393q94 0 174.5 17.5t167.5 56.5 v-148q-88 -39 -164 -55t-180 -16zM287 549q0 -211 76 -320.5t243 -109.5q163 0 239.5 106.5t76.5 315.5q0 221 -77.5 327.5t-242.5 106.5q-166 0 -240.5 -108t-74.5 -318zM1382 975q-127 0 -199.5 -82t-84.5 -240h544q0 158 -66 240t-194 82z" />
-<glyph unicode="&#x178;" horiz-adv-x="1147" d="M0 0zM573 731l390 731h184l-488 -895v-567h-172v559l-487 903h186zM294 1731q0 52 26.5 75t63.5 23q38 0 65.5 -23t27.5 -75q0 -50 -27.5 -74.5t-65.5 -24.5q-37 0 -63.5 24.5t-26.5 74.5zM675 1731q0 52 26.5 75t63.5 23t64.5 -23t27.5 -75q0 -50 -27.5 -74.5 t-64.5 -24.5t-63.5 24.5t-26.5 74.5z" />
-<glyph unicode="&#x2c6;" horiz-adv-x="1212" d="M268 1264q127 136 178 200t74 105h166q22 -42 76.5 -108.5t179.5 -196.5v-23h-119q-88 55 -221 186q-136 -134 -219 -186h-115v23z" />
-<glyph unicode="&#x2da;" horiz-adv-x="1182" d="M813 1458q0 -98 -61.5 -157.5t-163.5 -59.5q-101 0 -161 58.5t-60 156.5t60.5 155.5t160.5 57.5q101 0 163 -59.5t62 -151.5zM705 1456q0 56 -33 86.5t-84 30.5t-84 -30.5t-33 -86.5t30 -86.5t87 -30.5q52 0 84.5 30.5t32.5 86.5z" />
-<glyph unicode="&#x2dc;" horiz-adv-x="1212" d="M788 1243q-43 0 -84 18.5t-80.5 41t-76 41t-70.5 18.5q-50 0 -75.5 -30t-39.5 -91h-98q13 121 70.5 189.5t148.5 68.5q46 0 89 -18.5t82 -41t75 -41t68 -18.5q49 0 73 29.5t39 91.5h99q-13 -121 -69.5 -189.5t-150.5 -68.5z" />
-<glyph unicode="&#x2000;" horiz-adv-x="953" />
-<glyph unicode="&#x2001;" horiz-adv-x="1907" />
-<glyph unicode="&#x2002;" horiz-adv-x="953" />
-<glyph unicode="&#x2003;" horiz-adv-x="1907" />
-<glyph unicode="&#x2004;" horiz-adv-x="635" />
-<glyph unicode="&#x2005;" horiz-adv-x="476" />
-<glyph unicode="&#x2006;" horiz-adv-x="317" />
-<glyph unicode="&#x2007;" horiz-adv-x="317" />
-<glyph unicode="&#x2008;" horiz-adv-x="238" />
-<glyph unicode="&#x2009;" horiz-adv-x="381" />
-<glyph unicode="&#x200a;" horiz-adv-x="105" />
-<glyph unicode="&#x2010;" horiz-adv-x="659" d="M84 473v152h491v-152h-491z" />
-<glyph unicode="&#x2011;" horiz-adv-x="659" d="M84 473v152h491v-152h-491z" />
-<glyph unicode="&#x2012;" horiz-adv-x="659" d="M84 473v152h491v-152h-491z" />
-<glyph unicode="&#x2013;" horiz-adv-x="1024" d="M82 473v152h860v-152h-860z" />
-<glyph unicode="&#x2014;" horiz-adv-x="2048" d="M82 473v152h1884v-152h-1884z" />
-<glyph unicode="&#x2018;" horiz-adv-x="348" d="M37 961l-12 22q22 90 71 224t105 255h123q-66 -254 -103 -501h-184z" />
-<glyph unicode="&#x2019;" horiz-adv-x="348" d="M309 1462l15 -22q-26 -100 -75 -232.5t-102 -246.5h-122q70 285 102 501h182z" />
-<glyph unicode="&#x201a;" horiz-adv-x="502" d="M63 0zM350 238l15 -23q-26 -100 -75 -232.5t-102 -246.5h-125q27 104 59.5 257t45.5 245h182z" />
-<glyph unicode="&#x201c;" horiz-adv-x="717" d="M406 961l-15 22q56 215 178 479h123q-30 -115 -59.5 -259.5t-42.5 -241.5h-184zM37 961l-12 22q22 90 71 224t105 255h123q-66 -254 -103 -501h-184z" />
-<glyph unicode="&#x201d;" horiz-adv-x="717" d="M309 1462l15 -22q-26 -100 -75 -232.5t-102 -246.5h-122q70 285 102 501h182zM678 1462l14 -22q-24 -91 -72 -224t-104 -255h-125q26 100 59 254t46 247h182z" />
-<glyph unicode="&#x201e;" horiz-adv-x="829" d="M25 0zM309 238l15 -22q-26 -100 -75 -232.5t-102 -246.5h-122q70 285 102 501h182zM678 238l14 -22q-24 -91 -72 -224t-104 -255h-125q26 100 59 254t46 247h182z" />
-<glyph unicode="&#x2022;" horiz-adv-x="770" d="M164 748q0 121 56.5 184t164.5 63q105 0 163 -62t58 -185q0 -119 -57.5 -183.5t-163.5 -64.5q-107 0 -164 65.5t-57 182.5z" />
-<glyph unicode="&#x2026;" horiz-adv-x="1606" d="M152 0zM152 106q0 67 30.5 101.5t87.5 34.5q58 0 90.5 -34.5t32.5 -101.5q0 -65 -33 -100t-90 -35q-51 0 -84.5 31.5t-33.5 103.5zM682 106q0 67 30.5 101.5t87.5 34.5q58 0 90.5 -34.5t32.5 -101.5q0 -65 -33 -100t-90 -35q-51 0 -84.5 31.5t-33.5 103.5zM1213 106 q0 67 30.5 101.5t87.5 34.5q58 0 90.5 -34.5t32.5 -101.5q0 -65 -33 -100t-90 -35q-51 0 -84.5 31.5t-33.5 103.5z" />
-<glyph unicode="&#x202f;" horiz-adv-x="381" />
-<glyph unicode="&#x2039;" horiz-adv-x="623" d="M82 551l342 407l119 -69l-289 -350l289 -351l-119 -71l-342 407v27z" />
-<glyph unicode="&#x203a;" horiz-adv-x="623" d="M541 524l-344 -407l-117 71l287 351l-287 350l117 69l344 -407v-27z" />
-<glyph unicode="&#x2044;" horiz-adv-x="266" d="M655 1462l-903 -1462h-143l903 1462h143z" />
-<glyph unicode="&#x205f;" horiz-adv-x="476" />
-<glyph unicode="&#x2074;" horiz-adv-x="711" d="M692 788h-125v-202h-145v202h-402v101l408 579h139v-563h125v-117zM422 905v195q0 134 6 209q-5 -12 -17 -31.5t-27 -42l-30 -45t-26 -39.5l-168 -246h262z" />
-<glyph unicode="&#x20ac;" horiz-adv-x="1208" d="M795 1333q-319 0 -398 -403h510v-129h-524l-2 -57v-64l2 -45h463v-129h-447q37 -180 138.5 -278.5t271.5 -98.5q156 0 309 66v-150q-146 -65 -317 -65q-237 0 -381.5 134.5t-190.5 391.5h-166v129h152l-2 42v44l2 80h-152v129h164q39 261 185 407t383 146q201 0 366 -97 l-71 -139q-166 86 -295 86z" />
-<glyph unicode="&#x2122;" horiz-adv-x="1589" d="M369 741h-123v615h-209v106h543v-106h-211v-615zM969 741l-201 559h-8l6 -129v-430h-119v721h187l196 -559l203 559h180v-721h-127v420l6 137h-8l-211 -557h-104z" />
-<glyph unicode="&#x2212;" d="M104 653v138h961v-138h-961z" />
-<glyph unicode="&#xe000;" horiz-adv-x="1095" d="M0 1095h1095v-1095h-1095v1095z" />
-<glyph horiz-adv-x="1255" d="M0 0z" />
-<hkern u1="&#x22;" u2="&#x178;" k="-20" />
-<hkern u1="&#x22;" u2="&#x153;" k="123" />
-<hkern u1="&#x22;" u2="&#xfc;" k="61" />
-<hkern u1="&#x22;" u2="&#xfb;" k="61" />
-<hkern u1="&#x22;" u2="&#xfa;" k="61" />
-<hkern u1="&#x22;" u2="&#xf9;" k="61" />
-<hkern u1="&#x22;" u2="&#xf8;" k="123" />
-<hkern u1="&#x22;" u2="&#xf6;" k="123" />
-<hkern u1="&#x22;" u2="&#xf5;" k="123" />
-<hkern u1="&#x22;" u2="&#xf4;" k="123" />
-<hkern u1="&#x22;" u2="&#xf3;" k="123" />
-<hkern u1="&#x22;" u2="&#xf2;" k="123" />
-<hkern u1="&#x22;" u2="&#xeb;" k="123" />
-<hkern u1="&#x22;" u2="&#xea;" k="123" />
-<hkern u1="&#x22;" u2="&#xe9;" k="123" />
-<hkern u1="&#x22;" u2="&#xe8;" k="123" />
-<hkern u1="&#x22;" u2="&#xe7;" k="123" />
-<hkern u1="&#x22;" u2="&#xe6;" k="82" />
-<hkern u1="&#x22;" u2="&#xe5;" k="82" />
-<hkern u1="&#x22;" u2="&#xe4;" k="82" />
-<hkern u1="&#x22;" u2="&#xe3;" k="82" />
-<hkern u1="&#x22;" u2="&#xe2;" k="82" />
-<hkern u1="&#x22;" u2="&#xe1;" k="82" />
-<hkern u1="&#x22;" u2="&#xe0;" k="123" />
-<hkern u1="&#x22;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x22;" u2="&#xc5;" k="143" />
-<hkern u1="&#x22;" u2="&#xc4;" k="143" />
-<hkern u1="&#x22;" u2="&#xc3;" k="143" />
-<hkern u1="&#x22;" u2="&#xc2;" k="143" />
-<hkern u1="&#x22;" u2="&#xc1;" k="143" />
-<hkern u1="&#x22;" u2="&#xc0;" k="143" />
-<hkern u1="&#x22;" u2="u" k="61" />
-<hkern u1="&#x22;" u2="s" k="61" />
-<hkern u1="&#x22;" u2="r" k="61" />
-<hkern u1="&#x22;" u2="q" k="123" />
-<hkern u1="&#x22;" u2="p" k="61" />
-<hkern u1="&#x22;" u2="o" k="123" />
-<hkern u1="&#x22;" u2="n" k="61" />
-<hkern u1="&#x22;" u2="m" k="61" />
-<hkern u1="&#x22;" u2="g" k="61" />
-<hkern u1="&#x22;" u2="e" k="123" />
-<hkern u1="&#x22;" u2="d" k="123" />
-<hkern u1="&#x22;" u2="c" k="123" />
-<hkern u1="&#x22;" u2="a" k="82" />
-<hkern u1="&#x22;" u2="Y" k="-20" />
-<hkern u1="&#x22;" u2="W" k="-41" />
-<hkern u1="&#x22;" u2="V" k="-41" />
-<hkern u1="&#x22;" u2="T" k="-41" />
-<hkern u1="&#x22;" u2="A" k="143" />
-<hkern u1="&#x27;" u2="&#x178;" k="-20" />
-<hkern u1="&#x27;" u2="&#x153;" k="123" />
-<hkern u1="&#x27;" u2="&#xfc;" k="61" />
-<hkern u1="&#x27;" u2="&#xfb;" k="61" />
-<hkern u1="&#x27;" u2="&#xfa;" k="61" />
-<hkern u1="&#x27;" u2="&#xf9;" k="61" />
-<hkern u1="&#x27;" u2="&#xf8;" k="123" />
-<hkern u1="&#x27;" u2="&#xf6;" k="123" />
-<hkern u1="&#x27;" u2="&#xf5;" k="123" />
-<hkern u1="&#x27;" u2="&#xf4;" k="123" />
-<hkern u1="&#x27;" u2="&#xf3;" k="123" />
-<hkern u1="&#x27;" u2="&#xf2;" k="123" />
-<hkern u1="&#x27;" u2="&#xeb;" k="123" />
-<hkern u1="&#x27;" u2="&#xea;" k="123" />
-<hkern u1="&#x27;" u2="&#xe9;" k="123" />
-<hkern u1="&#x27;" u2="&#xe8;" k="123" />
-<hkern u1="&#x27;" u2="&#xe7;" k="123" />
-<hkern u1="&#x27;" u2="&#xe6;" k="82" />
-<hkern u1="&#x27;" u2="&#xe5;" k="82" />
-<hkern u1="&#x27;" u2="&#xe4;" k="82" />
-<hkern u1="&#x27;" u2="&#xe3;" k="82" />
-<hkern u1="&#x27;" u2="&#xe2;" k="82" />
-<hkern u1="&#x27;" u2="&#xe1;" k="82" />
-<hkern u1="&#x27;" u2="&#xe0;" k="123" />
-<hkern u1="&#x27;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x27;" u2="&#xc5;" k="143" />
-<hkern u1="&#x27;" u2="&#xc4;" k="143" />
-<hkern u1="&#x27;" u2="&#xc3;" k="143" />
-<hkern u1="&#x27;" u2="&#xc2;" k="143" />
-<hkern u1="&#x27;" u2="&#xc1;" k="143" />
-<hkern u1="&#x27;" u2="&#xc0;" k="143" />
-<hkern u1="&#x27;" u2="u" k="61" />
-<hkern u1="&#x27;" u2="s" k="61" />
-<hkern u1="&#x27;" u2="r" k="61" />
-<hkern u1="&#x27;" u2="q" k="123" />
-<hkern u1="&#x27;" u2="p" k="61" />
-<hkern u1="&#x27;" u2="o" k="123" />
-<hkern u1="&#x27;" u2="n" k="61" />
-<hkern u1="&#x27;" u2="m" k="61" />
-<hkern u1="&#x27;" u2="g" k="61" />
-<hkern u1="&#x27;" u2="e" k="123" />
-<hkern u1="&#x27;" u2="d" k="123" />
-<hkern u1="&#x27;" u2="c" k="123" />
-<hkern u1="&#x27;" u2="a" k="82" />
-<hkern u1="&#x27;" u2="Y" k="-20" />
-<hkern u1="&#x27;" u2="W" k="-41" />
-<hkern u1="&#x27;" u2="V" k="-41" />
-<hkern u1="&#x27;" u2="T" k="-41" />
-<hkern u1="&#x27;" u2="A" k="143" />
-<hkern u1="&#x28;" u2="J" k="-184" />
-<hkern u1="&#x2c;" u2="&#x178;" k="123" />
-<hkern u1="&#x2c;" u2="&#x152;" k="102" />
-<hkern u1="&#x2c;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2c;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2c;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2c;" u2="&#xda;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2c;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2c;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2c;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2c;" u2="Y" k="123" />
-<hkern u1="&#x2c;" u2="W" k="123" />
-<hkern u1="&#x2c;" u2="V" k="123" />
-<hkern u1="&#x2c;" u2="U" k="41" />
-<hkern u1="&#x2c;" u2="T" k="143" />
-<hkern u1="&#x2c;" u2="Q" k="102" />
-<hkern u1="&#x2c;" u2="O" k="102" />
-<hkern u1="&#x2c;" u2="G" k="102" />
-<hkern u1="&#x2c;" u2="C" k="102" />
-<hkern u1="&#x2d;" u2="T" k="82" />
-<hkern u1="&#x2e;" u2="&#x178;" k="123" />
-<hkern u1="&#x2e;" u2="&#x152;" k="102" />
-<hkern u1="&#x2e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x2e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x2e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x2e;" u2="&#xda;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x2e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x2e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x2e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x2e;" u2="Y" k="123" />
-<hkern u1="&#x2e;" u2="W" k="123" />
-<hkern u1="&#x2e;" u2="V" k="123" />
-<hkern u1="&#x2e;" u2="U" k="41" />
-<hkern u1="&#x2e;" u2="T" k="143" />
-<hkern u1="&#x2e;" u2="Q" k="102" />
-<hkern u1="&#x2e;" u2="O" k="102" />
-<hkern u1="&#x2e;" u2="G" k="102" />
-<hkern u1="&#x2e;" u2="C" k="102" />
-<hkern u1="A" u2="&#x201d;" k="143" />
-<hkern u1="A" u2="&#x2019;" k="143" />
-<hkern u1="A" u2="&#x178;" k="123" />
-<hkern u1="A" u2="&#x152;" k="41" />
-<hkern u1="A" u2="&#xdd;" k="123" />
-<hkern u1="A" u2="&#xd8;" k="41" />
-<hkern u1="A" u2="&#xd6;" k="41" />
-<hkern u1="A" u2="&#xd5;" k="41" />
-<hkern u1="A" u2="&#xd4;" k="41" />
-<hkern u1="A" u2="&#xd3;" k="41" />
-<hkern u1="A" u2="&#xd2;" k="41" />
-<hkern u1="A" u2="&#xc7;" k="41" />
-<hkern u1="A" u2="Y" k="123" />
-<hkern u1="A" u2="W" k="82" />
-<hkern u1="A" u2="V" k="82" />
-<hkern u1="A" u2="T" k="143" />
-<hkern u1="A" u2="Q" k="41" />
-<hkern u1="A" u2="O" k="41" />
-<hkern u1="A" u2="J" k="-266" />
-<hkern u1="A" u2="G" k="41" />
-<hkern u1="A" u2="C" k="41" />
-<hkern u1="A" u2="&#x27;" k="143" />
-<hkern u1="A" u2="&#x22;" k="143" />
-<hkern u1="B" u2="&#x201e;" k="82" />
-<hkern u1="B" u2="&#x201a;" k="82" />
-<hkern u1="B" u2="&#x178;" k="20" />
-<hkern u1="B" u2="&#xdd;" k="20" />
-<hkern u1="B" u2="&#xc5;" k="41" />
-<hkern u1="B" u2="&#xc4;" k="41" />
-<hkern u1="B" u2="&#xc3;" k="41" />
-<hkern u1="B" u2="&#xc2;" k="41" />
-<hkern u1="B" u2="&#xc1;" k="41" />
-<hkern u1="B" u2="&#xc0;" k="41" />
-<hkern u1="B" u2="Z" k="20" />
-<hkern u1="B" u2="Y" k="20" />
-<hkern u1="B" u2="X" k="41" />
-<hkern u1="B" u2="W" k="20" />
-<hkern u1="B" u2="V" k="20" />
-<hkern u1="B" u2="T" k="61" />
-<hkern u1="B" u2="A" k="41" />
-<hkern u1="B" u2="&#x2e;" k="82" />
-<hkern u1="B" u2="&#x2c;" k="82" />
-<hkern u1="C" u2="&#x152;" k="41" />
-<hkern u1="C" u2="&#xd8;" k="41" />
-<hkern u1="C" u2="&#xd6;" k="41" />
-<hkern u1="C" u2="&#xd5;" k="41" />
-<hkern u1="C" u2="&#xd4;" k="41" />
-<hkern u1="C" u2="&#xd3;" k="41" />
-<hkern u1="C" u2="&#xd2;" k="41" />
-<hkern u1="C" u2="&#xc7;" k="41" />
-<hkern u1="C" u2="Q" k="41" />
-<hkern u1="C" u2="O" k="41" />
-<hkern u1="C" u2="G" k="41" />
-<hkern u1="C" u2="C" k="41" />
-<hkern u1="D" u2="&#x201e;" k="82" />
-<hkern u1="D" u2="&#x201a;" k="82" />
-<hkern u1="D" u2="&#x178;" k="20" />
-<hkern u1="D" u2="&#xdd;" k="20" />
-<hkern u1="D" u2="&#xc5;" k="41" />
-<hkern u1="D" u2="&#xc4;" k="41" />
-<hkern u1="D" u2="&#xc3;" k="41" />
-<hkern u1="D" u2="&#xc2;" k="41" />
-<hkern u1="D" u2="&#xc1;" k="41" />
-<hkern u1="D" u2="&#xc0;" k="41" />
-<hkern u1="D" u2="Z" k="20" />
-<hkern u1="D" u2="Y" k="20" />
-<hkern u1="D" u2="X" k="41" />
-<hkern u1="D" u2="W" k="20" />
-<hkern u1="D" u2="V" k="20" />
-<hkern u1="D" u2="T" k="61" />
-<hkern u1="D" u2="A" k="41" />
-<hkern u1="D" u2="&#x2e;" k="82" />
-<hkern u1="D" u2="&#x2c;" k="82" />
-<hkern u1="E" u2="J" k="-123" />
-<hkern u1="F" u2="&#x201e;" k="123" />
-<hkern u1="F" u2="&#x201a;" k="123" />
-<hkern u1="F" u2="&#xc5;" k="41" />
-<hkern u1="F" u2="&#xc4;" k="41" />
-<hkern u1="F" u2="&#xc3;" k="41" />
-<hkern u1="F" u2="&#xc2;" k="41" />
-<hkern u1="F" u2="&#xc1;" k="41" />
-<hkern u1="F" u2="&#xc0;" k="41" />
-<hkern u1="F" u2="A" k="41" />
-<hkern u1="F" u2="&#x3f;" k="-41" />
-<hkern u1="F" u2="&#x2e;" k="123" />
-<hkern u1="F" u2="&#x2c;" k="123" />
-<hkern u1="K" u2="&#x152;" k="41" />
-<hkern u1="K" u2="&#xd8;" k="41" />
-<hkern u1="K" u2="&#xd6;" k="41" />
-<hkern u1="K" u2="&#xd5;" k="41" />
-<hkern u1="K" u2="&#xd4;" k="41" />
-<hkern u1="K" u2="&#xd3;" k="41" />
-<hkern u1="K" u2="&#xd2;" k="41" />
-<hkern u1="K" u2="&#xc7;" k="41" />
-<hkern u1="K" u2="Q" k="41" />
-<hkern u1="K" u2="O" k="41" />
-<hkern u1="K" u2="G" k="41" />
-<hkern u1="K" u2="C" k="41" />
-<hkern u1="L" u2="&#x201d;" k="164" />
-<hkern u1="L" u2="&#x2019;" k="164" />
-<hkern u1="L" u2="&#x178;" k="61" />
-<hkern u1="L" u2="&#x152;" k="41" />
-<hkern u1="L" u2="&#xdd;" k="61" />
-<hkern u1="L" u2="&#xdc;" k="20" />
-<hkern u1="L" u2="&#xdb;" k="20" />
-<hkern u1="L" u2="&#xda;" k="20" />
-<hkern u1="L" u2="&#xd9;" k="20" />
-<hkern u1="L" u2="&#xd8;" k="41" />
-<hkern u1="L" u2="&#xd6;" k="41" />
-<hkern u1="L" u2="&#xd5;" k="41" />
-<hkern u1="L" u2="&#xd4;" k="41" />
-<hkern u1="L" u2="&#xd3;" k="41" />
-<hkern u1="L" u2="&#xd2;" k="41" />
-<hkern u1="L" u2="&#xc7;" k="41" />
-<hkern u1="L" u2="Y" k="61" />
-<hkern u1="L" u2="W" k="41" />
-<hkern u1="L" u2="V" k="41" />
-<hkern u1="L" u2="U" k="20" />
-<hkern u1="L" u2="T" k="41" />
-<hkern u1="L" u2="Q" k="41" />
-<hkern u1="L" u2="O" k="41" />
-<hkern u1="L" u2="G" k="41" />
-<hkern u1="L" u2="C" k="41" />
-<hkern u1="L" u2="&#x27;" k="164" />
-<hkern u1="L" u2="&#x22;" k="164" />
-<hkern u1="O" u2="&#x201e;" k="82" />
-<hkern u1="O" u2="&#x201a;" k="82" />
-<hkern u1="O" u2="&#x178;" k="20" />
-<hkern u1="O" u2="&#xdd;" k="20" />
-<hkern u1="O" u2="&#xc5;" k="41" />
-<hkern u1="O" u2="&#xc4;" k="41" />
-<hkern u1="O" u2="&#xc3;" k="41" />
-<hkern u1="O" u2="&#xc2;" k="41" />
-<hkern u1="O" u2="&#xc1;" k="41" />
-<hkern u1="O" u2="&#xc0;" k="41" />
-<hkern u1="O" u2="Z" k="20" />
-<hkern u1="O" u2="Y" k="20" />
-<hkern u1="O" u2="X" k="41" />
-<hkern u1="O" u2="W" k="20" />
-<hkern u1="O" u2="V" k="20" />
-<hkern u1="O" u2="T" k="61" />
-<hkern u1="O" u2="A" k="41" />
-<hkern u1="O" u2="&#x2e;" k="82" />
-<hkern u1="O" u2="&#x2c;" k="82" />
-<hkern u1="P" u2="&#x201e;" k="266" />
-<hkern u1="P" u2="&#x201a;" k="266" />
-<hkern u1="P" u2="&#xc5;" k="102" />
-<hkern u1="P" u2="&#xc4;" k="102" />
-<hkern u1="P" u2="&#xc3;" k="102" />
-<hkern u1="P" u2="&#xc2;" k="102" />
-<hkern u1="P" u2="&#xc1;" k="102" />
-<hkern u1="P" u2="&#xc0;" k="102" />
-<hkern u1="P" u2="Z" k="20" />
-<hkern u1="P" u2="X" k="41" />
-<hkern u1="P" u2="A" k="102" />
-<hkern u1="P" u2="&#x2e;" k="266" />
-<hkern u1="P" u2="&#x2c;" k="266" />
-<hkern u1="Q" u2="&#x201e;" k="82" />
-<hkern u1="Q" u2="&#x201a;" k="82" />
-<hkern u1="Q" u2="&#x178;" k="20" />
-<hkern u1="Q" u2="&#xdd;" k="20" />
-<hkern u1="Q" u2="&#xc5;" k="41" />
-<hkern u1="Q" u2="&#xc4;" k="41" />
-<hkern u1="Q" u2="&#xc3;" k="41" />
-<hkern u1="Q" u2="&#xc2;" k="41" />
-<hkern u1="Q" u2="&#xc1;" k="41" />
-<hkern u1="Q" u2="&#xc0;" k="41" />
-<hkern u1="Q" u2="Z" k="20" />
-<hkern u1="Q" u2="Y" k="20" />
-<hkern u1="Q" u2="X" k="41" />
-<hkern u1="Q" u2="W" k="20" />
-<hkern u1="Q" u2="V" k="20" />
-<hkern u1="Q" u2="T" k="61" />
-<hkern u1="Q" u2="A" k="41" />
-<hkern u1="Q" u2="&#x2e;" k="82" />
-<hkern u1="Q" u2="&#x2c;" k="82" />
-<hkern u1="T" u2="&#x201e;" k="123" />
-<hkern u1="T" u2="&#x201a;" k="123" />
-<hkern u1="T" u2="&#x2014;" k="82" />
-<hkern u1="T" u2="&#x2013;" k="82" />
-<hkern u1="T" u2="&#x153;" k="143" />
-<hkern u1="T" u2="&#x152;" k="41" />
-<hkern u1="T" u2="&#xfd;" k="41" />
-<hkern u1="T" u2="&#xfc;" k="102" />
-<hkern u1="T" u2="&#xfb;" k="102" />
-<hkern u1="T" u2="&#xfa;" k="102" />
-<hkern u1="T" u2="&#xf9;" k="102" />
-<hkern u1="T" u2="&#xf8;" k="143" />
-<hkern u1="T" u2="&#xf6;" k="143" />
-<hkern u1="T" u2="&#xf5;" k="143" />
-<hkern u1="T" u2="&#xf4;" k="143" />
-<hkern u1="T" u2="&#xf3;" k="143" />
-<hkern u1="T" u2="&#xf2;" k="143" />
-<hkern u1="T" u2="&#xeb;" k="143" />
-<hkern u1="T" u2="&#xea;" k="143" />
-<hkern u1="T" u2="&#xe9;" k="143" />
-<hkern u1="T" u2="&#xe8;" k="143" />
-<hkern u1="T" u2="&#xe7;" k="143" />
-<hkern u1="T" u2="&#xe6;" k="164" />
-<hkern u1="T" u2="&#xe5;" k="164" />
-<hkern u1="T" u2="&#xe4;" k="164" />
-<hkern u1="T" u2="&#xe3;" k="164" />
-<hkern u1="T" u2="&#xe2;" k="164" />
-<hkern u1="T" u2="&#xe1;" k="164" />
-<hkern u1="T" u2="&#xe0;" k="143" />
-<hkern u1="T" u2="&#xd8;" k="41" />
-<hkern u1="T" u2="&#xd6;" k="41" />
-<hkern u1="T" u2="&#xd5;" k="41" />
-<hkern u1="T" u2="&#xd4;" k="41" />
-<hkern u1="T" u2="&#xd3;" k="41" />
-<hkern u1="T" u2="&#xd2;" k="41" />
-<hkern u1="T" u2="&#xc7;" k="41" />
-<hkern u1="T" u2="&#xc5;" k="143" />
-<hkern u1="T" u2="&#xc4;" k="143" />
-<hkern u1="T" u2="&#xc3;" k="143" />
-<hkern u1="T" u2="&#xc2;" k="143" />
-<hkern u1="T" u2="&#xc1;" k="143" />
-<hkern u1="T" u2="&#xc0;" k="143" />
-<hkern u1="T" u2="z" k="82" />
-<hkern u1="T" u2="y" k="41" />
-<hkern u1="T" u2="x" k="41" />
-<hkern u1="T" u2="w" k="41" />
-<hkern u1="T" u2="v" k="41" />
-<hkern u1="T" u2="u" k="102" />
-<hkern u1="T" u2="s" k="123" />
-<hkern u1="T" u2="r" k="102" />
-<hkern u1="T" u2="q" k="143" />
-<hkern u1="T" u2="p" k="102" />
-<hkern u1="T" u2="o" k="143" />
-<hkern u1="T" u2="n" k="102" />
-<hkern u1="T" u2="m" k="102" />
-<hkern u1="T" u2="g" k="143" />
-<hkern u1="T" u2="e" k="143" />
-<hkern u1="T" u2="d" k="143" />
-<hkern u1="T" u2="c" k="143" />
-<hkern u1="T" u2="a" k="164" />
-<hkern u1="T" u2="T" k="-41" />
-<hkern u1="T" u2="Q" k="41" />
-<hkern u1="T" u2="O" k="41" />
-<hkern u1="T" u2="G" k="41" />
-<hkern u1="T" u2="C" k="41" />
-<hkern u1="T" u2="A" k="143" />
-<hkern u1="T" u2="&#x3f;" k="-41" />
-<hkern u1="T" u2="&#x2e;" k="123" />
-<hkern u1="T" u2="&#x2d;" k="82" />
-<hkern u1="T" u2="&#x2c;" k="123" />
-<hkern u1="U" u2="&#x201e;" k="41" />
-<hkern u1="U" u2="&#x201a;" k="41" />
-<hkern u1="U" u2="&#xc5;" k="20" />
-<hkern u1="U" u2="&#xc4;" k="20" />
-<hkern u1="U" u2="&#xc3;" k="20" />
-<hkern u1="U" u2="&#xc2;" k="20" />
-<hkern u1="U" u2="&#xc1;" k="20" />
-<hkern u1="U" u2="&#xc0;" k="20" />
-<hkern u1="U" u2="A" k="20" />
-<hkern u1="U" u2="&#x2e;" k="41" />
-<hkern u1="U" u2="&#x2c;" k="41" />
-<hkern u1="V" u2="&#x201e;" k="102" />
-<hkern u1="V" u2="&#x201a;" k="102" />
-<hkern u1="V" u2="&#x153;" k="41" />
-<hkern u1="V" u2="&#x152;" k="20" />
-<hkern u1="V" u2="&#xfc;" k="20" />
-<hkern u1="V" u2="&#xfb;" k="20" />
-<hkern u1="V" u2="&#xfa;" k="20" />
-<hkern u1="V" u2="&#xf9;" k="20" />
-<hkern u1="V" u2="&#xf8;" k="41" />
-<hkern u1="V" u2="&#xf6;" k="41" />
-<hkern u1="V" u2="&#xf5;" k="41" />
-<hkern u1="V" u2="&#xf4;" k="41" />
-<hkern u1="V" u2="&#xf3;" k="41" />
-<hkern u1="V" u2="&#xf2;" k="41" />
-<hkern u1="V" u2="&#xeb;" k="41" />
-<hkern u1="V" u2="&#xea;" k="41" />
-<hkern u1="V" u2="&#xe9;" k="41" />
-<hkern u1="V" u2="&#xe8;" k="41" />
-<hkern u1="V" u2="&#xe7;" k="41" />
-<hkern u1="V" u2="&#xe6;" k="41" />
-<hkern u1="V" u2="&#xe5;" k="41" />
-<hkern u1="V" u2="&#xe4;" k="41" />
-<hkern u1="V" u2="&#xe3;" k="41" />
-<hkern u1="V" u2="&#xe2;" k="41" />
-<hkern u1="V" u2="&#xe1;" k="41" />
-<hkern u1="V" u2="&#xe0;" k="41" />
-<hkern u1="V" u2="&#xd8;" k="20" />
-<hkern u1="V" u2="&#xd6;" k="20" />
-<hkern u1="V" u2="&#xd5;" k="20" />
-<hkern u1="V" u2="&#xd4;" k="20" />
-<hkern u1="V" u2="&#xd3;" k="20" />
-<hkern u1="V" u2="&#xd2;" k="20" />
-<hkern u1="V" u2="&#xc7;" k="20" />
-<hkern u1="V" u2="&#xc5;" k="82" />
-<hkern u1="V" u2="&#xc4;" k="82" />
-<hkern u1="V" u2="&#xc3;" k="82" />
-<hkern u1="V" u2="&#xc2;" k="82" />
-<hkern u1="V" u2="&#xc1;" k="82" />
-<hkern u1="V" u2="&#xc0;" k="82" />
-<hkern u1="V" u2="u" k="20" />
-<hkern u1="V" u2="s" k="20" />
-<hkern u1="V" u2="r" k="20" />
-<hkern u1="V" u2="q" k="41" />
-<hkern u1="V" u2="p" k="20" />
-<hkern u1="V" u2="o" k="41" />
-<hkern u1="V" u2="n" k="20" />
-<hkern u1="V" u2="m" k="20" />
-<hkern u1="V" u2="g" k="20" />
-<hkern u1="V" u2="e" k="41" />
-<hkern u1="V" u2="d" k="41" />
-<hkern u1="V" u2="c" k="41" />
-<hkern u1="V" u2="a" k="41" />
-<hkern u1="V" u2="Q" k="20" />
-<hkern u1="V" u2="O" k="20" />
-<hkern u1="V" u2="G" k="20" />
-<hkern u1="V" u2="C" k="20" />
-<hkern u1="V" u2="A" k="82" />
-<hkern u1="V" u2="&#x3f;" k="-41" />
-<hkern u1="V" u2="&#x2e;" k="102" />
-<hkern u1="V" u2="&#x2c;" k="102" />
-<hkern u1="W" u2="&#x201e;" k="102" />
-<hkern u1="W" u2="&#x201a;" k="102" />
-<hkern u1="W" u2="&#x153;" k="41" />
-<hkern u1="W" u2="&#x152;" k="20" />
-<hkern u1="W" u2="&#xfc;" k="20" />
-<hkern u1="W" u2="&#xfb;" k="20" />
-<hkern u1="W" u2="&#xfa;" k="20" />
-<hkern u1="W" u2="&#xf9;" k="20" />
-<hkern u1="W" u2="&#xf8;" k="41" />
-<hkern u1="W" u2="&#xf6;" k="41" />
-<hkern u1="W" u2="&#xf5;" k="41" />
-<hkern u1="W" u2="&#xf4;" k="41" />
-<hkern u1="W" u2="&#xf3;" k="41" />
-<hkern u1="W" u2="&#xf2;" k="41" />
-<hkern u1="W" u2="&#xeb;" k="41" />
-<hkern u1="W" u2="&#xea;" k="41" />
-<hkern u1="W" u2="&#xe9;" k="41" />
-<hkern u1="W" u2="&#xe8;" k="41" />
-<hkern u1="W" u2="&#xe7;" k="41" />
-<hkern u1="W" u2="&#xe6;" k="41" />
-<hkern u1="W" u2="&#xe5;" k="41" />
-<hkern u1="W" u2="&#xe4;" k="41" />
-<hkern u1="W" u2="&#xe3;" k="41" />
-<hkern u1="W" u2="&#xe2;" k="41" />
-<hkern u1="W" u2="&#xe1;" k="41" />
-<hkern u1="W" u2="&#xe0;" k="41" />
-<hkern u1="W" u2="&#xd8;" k="20" />
-<hkern u1="W" u2="&#xd6;" k="20" />
-<hkern u1="W" u2="&#xd5;" k="20" />
-<hkern u1="W" u2="&#xd4;" k="20" />
-<hkern u1="W" u2="&#xd3;" k="20" />
-<hkern u1="W" u2="&#xd2;" k="20" />
-<hkern u1="W" u2="&#xc7;" k="20" />
-<hkern u1="W" u2="&#xc5;" k="82" />
-<hkern u1="W" u2="&#xc4;" k="82" />
-<hkern u1="W" u2="&#xc3;" k="82" />
-<hkern u1="W" u2="&#xc2;" k="82" />
-<hkern u1="W" u2="&#xc1;" k="82" />
-<hkern u1="W" u2="&#xc0;" k="82" />
-<hkern u1="W" u2="u" k="20" />
-<hkern u1="W" u2="s" k="20" />
-<hkern u1="W" u2="r" k="20" />
-<hkern u1="W" u2="q" k="41" />
-<hkern u1="W" u2="p" k="20" />
-<hkern u1="W" u2="o" k="41" />
-<hkern u1="W" u2="n" k="20" />
-<hkern u1="W" u2="m" k="20" />
-<hkern u1="W" u2="g" k="20" />
-<hkern u1="W" u2="e" k="41" />
-<hkern u1="W" u2="d" k="41" />
-<hkern u1="W" u2="c" k="41" />
-<hkern u1="W" u2="a" k="41" />
-<hkern u1="W" u2="Q" k="20" />
-<hkern u1="W" u2="O" k="20" />
-<hkern u1="W" u2="G" k="20" />
-<hkern u1="W" u2="C" k="20" />
-<hkern u1="W" u2="A" k="82" />
-<hkern u1="W" u2="&#x3f;" k="-41" />
-<hkern u1="W" u2="&#x2e;" k="102" />
-<hkern u1="W" u2="&#x2c;" k="102" />
-<hkern u1="X" u2="&#x152;" k="41" />
-<hkern u1="X" u2="&#xd8;" k="41" />
-<hkern u1="X" u2="&#xd6;" k="41" />
-<hkern u1="X" u2="&#xd5;" k="41" />
-<hkern u1="X" u2="&#xd4;" k="41" />
-<hkern u1="X" u2="&#xd3;" k="41" />
-<hkern u1="X" u2="&#xd2;" k="41" />
-<hkern u1="X" u2="&#xc7;" k="41" />
-<hkern u1="X" u2="Q" k="41" />
-<hkern u1="X" u2="O" k="41" />
-<hkern u1="X" u2="G" k="41" />
-<hkern u1="X" u2="C" k="41" />
-<hkern u1="Y" u2="&#x201e;" k="123" />
-<hkern u1="Y" u2="&#x201a;" k="123" />
-<hkern u1="Y" u2="&#x153;" k="102" />
-<hkern u1="Y" u2="&#x152;" k="41" />
-<hkern u1="Y" u2="&#xfc;" k="61" />
-<hkern u1="Y" u2="&#xfb;" k="61" />
-<hkern u1="Y" u2="&#xfa;" k="61" />
-<hkern u1="Y" u2="&#xf9;" k="61" />
-<hkern u1="Y" u2="&#xf8;" k="102" />
-<hkern u1="Y" u2="&#xf6;" k="102" />
-<hkern u1="Y" u2="&#xf5;" k="102" />
-<hkern u1="Y" u2="&#xf4;" k="102" />
-<hkern u1="Y" u2="&#xf3;" k="102" />
-<hkern u1="Y" u2="&#xf2;" k="102" />
-<hkern u1="Y" u2="&#xeb;" k="102" />
-<hkern u1="Y" u2="&#xea;" k="102" />
-<hkern u1="Y" u2="&#xe9;" k="102" />
-<hkern u1="Y" u2="&#xe8;" k="102" />
-<hkern u1="Y" u2="&#xe7;" k="102" />
-<hkern u1="Y" u2="&#xe6;" k="102" />
-<hkern u1="Y" u2="&#xe5;" k="102" />
-<hkern u1="Y" u2="&#xe4;" k="102" />
-<hkern u1="Y" u2="&#xe3;" k="102" />
-<hkern u1="Y" u2="&#xe2;" k="102" />
-<hkern u1="Y" u2="&#xe1;" k="102" />
-<hkern u1="Y" u2="&#xe0;" k="102" />
-<hkern u1="Y" u2="&#xd8;" k="41" />
-<hkern u1="Y" u2="&#xd6;" k="41" />
-<hkern u1="Y" u2="&#xd5;" k="41" />
-<hkern u1="Y" u2="&#xd4;" k="41" />
-<hkern u1="Y" u2="&#xd3;" k="41" />
-<hkern u1="Y" u2="&#xd2;" k="41" />
-<hkern u1="Y" u2="&#xc7;" k="41" />
-<hkern u1="Y" u2="&#xc5;" k="123" />
-<hkern u1="Y" u2="&#xc4;" k="123" />
-<hkern u1="Y" u2="&#xc3;" k="123" />
-<hkern u1="Y" u2="&#xc2;" k="123" />
-<hkern u1="Y" u2="&#xc1;" k="123" />
-<hkern u1="Y" u2="&#xc0;" k="123" />
-<hkern u1="Y" u2="z" k="41" />
-<hkern u1="Y" u2="u" k="61" />
-<hkern u1="Y" u2="s" k="82" />
-<hkern u1="Y" u2="r" k="61" />
-<hkern u1="Y" u2="q" k="102" />
-<hkern u1="Y" u2="p" k="61" />
-<hkern u1="Y" u2="o" k="102" />
-<hkern u1="Y" u2="n" k="61" />
-<hkern u1="Y" u2="m" k="61" />
-<hkern u1="Y" u2="g" k="41" />
-<hkern u1="Y" u2="e" k="102" />
-<hkern u1="Y" u2="d" k="102" />
-<hkern u1="Y" u2="c" k="102" />
-<hkern u1="Y" u2="a" k="102" />
-<hkern u1="Y" u2="Q" k="41" />
-<hkern u1="Y" u2="O" k="41" />
-<hkern u1="Y" u2="G" k="41" />
-<hkern u1="Y" u2="C" k="41" />
-<hkern u1="Y" u2="A" k="123" />
-<hkern u1="Y" u2="&#x3f;" k="-41" />
-<hkern u1="Y" u2="&#x2e;" k="123" />
-<hkern u1="Y" u2="&#x2c;" k="123" />
-<hkern u1="Z" u2="&#x152;" k="20" />
-<hkern u1="Z" u2="&#xd8;" k="20" />
-<hkern u1="Z" u2="&#xd6;" k="20" />
-<hkern u1="Z" u2="&#xd5;" k="20" />
-<hkern u1="Z" u2="&#xd4;" k="20" />
-<hkern u1="Z" u2="&#xd3;" k="20" />
-<hkern u1="Z" u2="&#xd2;" k="20" />
-<hkern u1="Z" u2="&#xc7;" k="20" />
-<hkern u1="Z" u2="Q" k="20" />
-<hkern u1="Z" u2="O" k="20" />
-<hkern u1="Z" u2="G" k="20" />
-<hkern u1="Z" u2="C" k="20" />
-<hkern u1="[" u2="J" k="-184" />
-<hkern u1="a" u2="&#x201d;" k="20" />
-<hkern u1="a" u2="&#x2019;" k="20" />
-<hkern u1="a" u2="&#x27;" k="20" />
-<hkern u1="a" u2="&#x22;" k="20" />
-<hkern u1="b" u2="&#x201d;" k="20" />
-<hkern u1="b" u2="&#x2019;" k="20" />
-<hkern u1="b" u2="&#xfd;" k="41" />
-<hkern u1="b" u2="z" k="20" />
-<hkern u1="b" u2="y" k="41" />
-<hkern u1="b" u2="x" k="41" />
-<hkern u1="b" u2="w" k="41" />
-<hkern u1="b" u2="v" k="41" />
-<hkern u1="b" u2="&#x27;" k="20" />
-<hkern u1="b" u2="&#x22;" k="20" />
-<hkern u1="c" u2="&#x201d;" k="-41" />
-<hkern u1="c" u2="&#x2019;" k="-41" />
-<hkern u1="c" u2="&#x27;" k="-41" />
-<hkern u1="c" u2="&#x22;" k="-41" />
-<hkern u1="e" u2="&#x201d;" k="20" />
-<hkern u1="e" u2="&#x2019;" k="20" />
-<hkern u1="e" u2="&#xfd;" k="41" />
-<hkern u1="e" u2="z" k="20" />
-<hkern u1="e" u2="y" k="41" />
-<hkern u1="e" u2="x" k="41" />
-<hkern u1="e" u2="w" k="41" />
-<hkern u1="e" u2="v" k="41" />
-<hkern u1="e" u2="&#x27;" k="20" />
-<hkern u1="e" u2="&#x22;" k="20" />
-<hkern u1="f" u2="&#x201d;" k="-123" />
-<hkern u1="f" u2="&#x2019;" k="-123" />
-<hkern u1="f" u2="&#x27;" k="-123" />
-<hkern u1="f" u2="&#x22;" k="-123" />
-<hkern u1="h" u2="&#x201d;" k="20" />
-<hkern u1="h" u2="&#x2019;" k="20" />
-<hkern u1="h" u2="&#x27;" k="20" />
-<hkern u1="h" u2="&#x22;" k="20" />
-<hkern u1="k" u2="&#x153;" k="41" />
-<hkern u1="k" u2="&#xf8;" k="41" />
-<hkern u1="k" u2="&#xf6;" k="41" />
-<hkern u1="k" u2="&#xf5;" k="41" />
-<hkern u1="k" u2="&#xf4;" k="41" />
-<hkern u1="k" u2="&#xf3;" k="41" />
-<hkern u1="k" u2="&#xf2;" k="41" />
-<hkern u1="k" u2="&#xeb;" k="41" />
-<hkern u1="k" u2="&#xea;" k="41" />
-<hkern u1="k" u2="&#xe9;" k="41" />
-<hkern u1="k" u2="&#xe8;" k="41" />
-<hkern u1="k" u2="&#xe7;" k="41" />
-<hkern u1="k" u2="&#xe0;" k="41" />
-<hkern u1="k" u2="q" k="41" />
-<hkern u1="k" u2="o" k="41" />
-<hkern u1="k" u2="e" k="41" />
-<hkern u1="k" u2="d" k="41" />
-<hkern u1="k" u2="c" k="41" />
-<hkern u1="m" u2="&#x201d;" k="20" />
-<hkern u1="m" u2="&#x2019;" k="20" />
-<hkern u1="m" u2="&#x27;" k="20" />
-<hkern u1="m" u2="&#x22;" k="20" />
-<hkern u1="n" u2="&#x201d;" k="20" />
-<hkern u1="n" u2="&#x2019;" k="20" />
-<hkern u1="n" u2="&#x27;" k="20" />
-<hkern u1="n" u2="&#x22;" k="20" />
-<hkern u1="o" u2="&#x201d;" k="20" />
-<hkern u1="o" u2="&#x2019;" k="20" />
-<hkern u1="o" u2="&#xfd;" k="41" />
-<hkern u1="o" u2="z" k="20" />
-<hkern u1="o" u2="y" k="41" />
-<hkern u1="o" u2="x" k="41" />
-<hkern u1="o" u2="w" k="41" />
-<hkern u1="o" u2="v" k="41" />
-<hkern u1="o" u2="&#x27;" k="20" />
-<hkern u1="o" u2="&#x22;" k="20" />
-<hkern u1="p" u2="&#x201d;" k="20" />
-<hkern u1="p" u2="&#x2019;" k="20" />
-<hkern u1="p" u2="&#xfd;" k="41" />
-<hkern u1="p" u2="z" k="20" />
-<hkern u1="p" u2="y" k="41" />
-<hkern u1="p" u2="x" k="41" />
-<hkern u1="p" u2="w" k="41" />
-<hkern u1="p" u2="v" k="41" />
-<hkern u1="p" u2="&#x27;" k="20" />
-<hkern u1="p" u2="&#x22;" k="20" />
-<hkern u1="r" u2="&#x201d;" k="-82" />
-<hkern u1="r" u2="&#x2019;" k="-82" />
-<hkern u1="r" u2="&#x153;" k="41" />
-<hkern u1="r" u2="&#xf8;" k="41" />
-<hkern u1="r" u2="&#xf6;" k="41" />
-<hkern u1="r" u2="&#xf5;" k="41" />
-<hkern u1="r" u2="&#xf4;" k="41" />
-<hkern u1="r" u2="&#xf3;" k="41" />
-<hkern u1="r" u2="&#xf2;" k="41" />
-<hkern u1="r" u2="&#xeb;" k="41" />
-<hkern u1="r" u2="&#xea;" k="41" />
-<hkern u1="r" u2="&#xe9;" k="41" />
-<hkern u1="r" u2="&#xe8;" k="41" />
-<hkern u1="r" u2="&#xe7;" k="41" />
-<hkern u1="r" u2="&#xe6;" k="41" />
-<hkern u1="r" u2="&#xe5;" k="41" />
-<hkern u1="r" u2="&#xe4;" k="41" />
-<hkern u1="r" u2="&#xe3;" k="41" />
-<hkern u1="r" u2="&#xe2;" k="41" />
-<hkern u1="r" u2="&#xe1;" k="41" />
-<hkern u1="r" u2="&#xe0;" k="41" />
-<hkern u1="r" u2="q" k="41" />
-<hkern u1="r" u2="o" k="41" />
-<hkern u1="r" u2="g" k="20" />
-<hkern u1="r" u2="e" k="41" />
-<hkern u1="r" u2="d" k="41" />
-<hkern u1="r" u2="c" k="41" />
-<hkern u1="r" u2="a" k="41" />
-<hkern u1="r" u2="&#x27;" k="-82" />
-<hkern u1="r" u2="&#x22;" k="-82" />
-<hkern u1="t" u2="&#x201d;" k="-41" />
-<hkern u1="t" u2="&#x2019;" k="-41" />
-<hkern u1="t" u2="&#x27;" k="-41" />
-<hkern u1="t" u2="&#x22;" k="-41" />
-<hkern u1="v" u2="&#x201e;" k="82" />
-<hkern u1="v" u2="&#x201d;" k="-82" />
-<hkern u1="v" u2="&#x201a;" k="82" />
-<hkern u1="v" u2="&#x2019;" k="-82" />
-<hkern u1="v" u2="&#x3f;" k="-41" />
-<hkern u1="v" u2="&#x2e;" k="82" />
-<hkern u1="v" u2="&#x2c;" k="82" />
-<hkern u1="v" u2="&#x27;" k="-82" />
-<hkern u1="v" u2="&#x22;" k="-82" />
-<hkern u1="w" u2="&#x201e;" k="82" />
-<hkern u1="w" u2="&#x201d;" k="-82" />
-<hkern u1="w" u2="&#x201a;" k="82" />
-<hkern u1="w" u2="&#x2019;" k="-82" />
-<hkern u1="w" u2="&#x3f;" k="-41" />
-<hkern u1="w" u2="&#x2e;" k="82" />
-<hkern u1="w" u2="&#x2c;" k="82" />
-<hkern u1="w" u2="&#x27;" k="-82" />
-<hkern u1="w" u2="&#x22;" k="-82" />
-<hkern u1="x" u2="&#x153;" k="41" />
-<hkern u1="x" u2="&#xf8;" k="41" />
-<hkern u1="x" u2="&#xf6;" k="41" />
-<hkern u1="x" u2="&#xf5;" k="41" />
-<hkern u1="x" u2="&#xf4;" k="41" />
-<hkern u1="x" u2="&#xf3;" k="41" />
-<hkern u1="x" u2="&#xf2;" k="41" />
-<hkern u1="x" u2="&#xeb;" k="41" />
-<hkern u1="x" u2="&#xea;" k="41" />
-<hkern u1="x" u2="&#xe9;" k="41" />
-<hkern u1="x" u2="&#xe8;" k="41" />
-<hkern u1="x" u2="&#xe7;" k="41" />
-<hkern u1="x" u2="&#xe0;" k="41" />
-<hkern u1="x" u2="q" k="41" />
-<hkern u1="x" u2="o" k="41" />
-<hkern u1="x" u2="e" k="41" />
-<hkern u1="x" u2="d" k="41" />
-<hkern u1="x" u2="c" k="41" />
-<hkern u1="y" u2="&#x201e;" k="82" />
-<hkern u1="y" u2="&#x201d;" k="-82" />
-<hkern u1="y" u2="&#x201a;" k="82" />
-<hkern u1="y" u2="&#x2019;" k="-82" />
-<hkern u1="y" u2="&#x3f;" k="-41" />
-<hkern u1="y" u2="&#x2e;" k="82" />
-<hkern u1="y" u2="&#x2c;" k="82" />
-<hkern u1="y" u2="&#x27;" k="-82" />
-<hkern u1="y" u2="&#x22;" k="-82" />
-<hkern u1="&#x7b;" u2="J" k="-184" />
-<hkern u1="&#xc0;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc0;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc0;" u2="&#x178;" k="123" />
-<hkern u1="&#xc0;" u2="&#x152;" k="41" />
-<hkern u1="&#xc0;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc0;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc0;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc0;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc0;" u2="Y" k="123" />
-<hkern u1="&#xc0;" u2="W" k="82" />
-<hkern u1="&#xc0;" u2="V" k="82" />
-<hkern u1="&#xc0;" u2="T" k="143" />
-<hkern u1="&#xc0;" u2="Q" k="41" />
-<hkern u1="&#xc0;" u2="O" k="41" />
-<hkern u1="&#xc0;" u2="J" k="-266" />
-<hkern u1="&#xc0;" u2="G" k="41" />
-<hkern u1="&#xc0;" u2="C" k="41" />
-<hkern u1="&#xc0;" u2="&#x27;" k="143" />
-<hkern u1="&#xc0;" u2="&#x22;" k="143" />
-<hkern u1="&#xc1;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc1;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc1;" u2="&#x178;" k="123" />
-<hkern u1="&#xc1;" u2="&#x152;" k="41" />
-<hkern u1="&#xc1;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc1;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc1;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc1;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc1;" u2="Y" k="123" />
-<hkern u1="&#xc1;" u2="W" k="82" />
-<hkern u1="&#xc1;" u2="V" k="82" />
-<hkern u1="&#xc1;" u2="T" k="143" />
-<hkern u1="&#xc1;" u2="Q" k="41" />
-<hkern u1="&#xc1;" u2="O" k="41" />
-<hkern u1="&#xc1;" u2="J" k="-266" />
-<hkern u1="&#xc1;" u2="G" k="41" />
-<hkern u1="&#xc1;" u2="C" k="41" />
-<hkern u1="&#xc1;" u2="&#x27;" k="143" />
-<hkern u1="&#xc1;" u2="&#x22;" k="143" />
-<hkern u1="&#xc2;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc2;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc2;" u2="&#x178;" k="123" />
-<hkern u1="&#xc2;" u2="&#x152;" k="41" />
-<hkern u1="&#xc2;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc2;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc2;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc2;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc2;" u2="Y" k="123" />
-<hkern u1="&#xc2;" u2="W" k="82" />
-<hkern u1="&#xc2;" u2="V" k="82" />
-<hkern u1="&#xc2;" u2="T" k="143" />
-<hkern u1="&#xc2;" u2="Q" k="41" />
-<hkern u1="&#xc2;" u2="O" k="41" />
-<hkern u1="&#xc2;" u2="J" k="-266" />
-<hkern u1="&#xc2;" u2="G" k="41" />
-<hkern u1="&#xc2;" u2="C" k="41" />
-<hkern u1="&#xc2;" u2="&#x27;" k="143" />
-<hkern u1="&#xc2;" u2="&#x22;" k="143" />
-<hkern u1="&#xc3;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc3;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc3;" u2="&#x178;" k="123" />
-<hkern u1="&#xc3;" u2="&#x152;" k="41" />
-<hkern u1="&#xc3;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc3;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc3;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc3;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc3;" u2="Y" k="123" />
-<hkern u1="&#xc3;" u2="W" k="82" />
-<hkern u1="&#xc3;" u2="V" k="82" />
-<hkern u1="&#xc3;" u2="T" k="143" />
-<hkern u1="&#xc3;" u2="Q" k="41" />
-<hkern u1="&#xc3;" u2="O" k="41" />
-<hkern u1="&#xc3;" u2="J" k="-266" />
-<hkern u1="&#xc3;" u2="G" k="41" />
-<hkern u1="&#xc3;" u2="C" k="41" />
-<hkern u1="&#xc3;" u2="&#x27;" k="143" />
-<hkern u1="&#xc3;" u2="&#x22;" k="143" />
-<hkern u1="&#xc4;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc4;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc4;" u2="&#x178;" k="123" />
-<hkern u1="&#xc4;" u2="&#x152;" k="41" />
-<hkern u1="&#xc4;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc4;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc4;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc4;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc4;" u2="Y" k="123" />
-<hkern u1="&#xc4;" u2="W" k="82" />
-<hkern u1="&#xc4;" u2="V" k="82" />
-<hkern u1="&#xc4;" u2="T" k="143" />
-<hkern u1="&#xc4;" u2="Q" k="41" />
-<hkern u1="&#xc4;" u2="O" k="41" />
-<hkern u1="&#xc4;" u2="J" k="-266" />
-<hkern u1="&#xc4;" u2="G" k="41" />
-<hkern u1="&#xc4;" u2="C" k="41" />
-<hkern u1="&#xc4;" u2="&#x27;" k="143" />
-<hkern u1="&#xc4;" u2="&#x22;" k="143" />
-<hkern u1="&#xc5;" u2="&#x201d;" k="143" />
-<hkern u1="&#xc5;" u2="&#x2019;" k="143" />
-<hkern u1="&#xc5;" u2="&#x178;" k="123" />
-<hkern u1="&#xc5;" u2="&#x152;" k="41" />
-<hkern u1="&#xc5;" u2="&#xdd;" k="123" />
-<hkern u1="&#xc5;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc5;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc5;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc5;" u2="Y" k="123" />
-<hkern u1="&#xc5;" u2="W" k="82" />
-<hkern u1="&#xc5;" u2="V" k="82" />
-<hkern u1="&#xc5;" u2="T" k="143" />
-<hkern u1="&#xc5;" u2="Q" k="41" />
-<hkern u1="&#xc5;" u2="O" k="41" />
-<hkern u1="&#xc5;" u2="J" k="-266" />
-<hkern u1="&#xc5;" u2="G" k="41" />
-<hkern u1="&#xc5;" u2="C" k="41" />
-<hkern u1="&#xc5;" u2="&#x27;" k="143" />
-<hkern u1="&#xc5;" u2="&#x22;" k="143" />
-<hkern u1="&#xc6;" u2="J" k="-123" />
-<hkern u1="&#xc7;" u2="&#x152;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd8;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd6;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd5;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd4;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd3;" k="41" />
-<hkern u1="&#xc7;" u2="&#xd2;" k="41" />
-<hkern u1="&#xc7;" u2="&#xc7;" k="41" />
-<hkern u1="&#xc7;" u2="Q" k="41" />
-<hkern u1="&#xc7;" u2="O" k="41" />
-<hkern u1="&#xc7;" u2="G" k="41" />
-<hkern u1="&#xc7;" u2="C" k="41" />
-<hkern u1="&#xc8;" u2="J" k="-123" />
-<hkern u1="&#xc9;" u2="J" k="-123" />
-<hkern u1="&#xca;" u2="J" k="-123" />
-<hkern u1="&#xcb;" u2="J" k="-123" />
-<hkern u1="&#xd0;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd0;" u2="&#x178;" k="20" />
-<hkern u1="&#xd0;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd0;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd0;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd0;" u2="Z" k="20" />
-<hkern u1="&#xd0;" u2="Y" k="20" />
-<hkern u1="&#xd0;" u2="X" k="41" />
-<hkern u1="&#xd0;" u2="W" k="20" />
-<hkern u1="&#xd0;" u2="V" k="20" />
-<hkern u1="&#xd0;" u2="T" k="61" />
-<hkern u1="&#xd0;" u2="A" k="41" />
-<hkern u1="&#xd0;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd0;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd2;" u2="&#x178;" k="20" />
-<hkern u1="&#xd2;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd2;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd2;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd2;" u2="Z" k="20" />
-<hkern u1="&#xd2;" u2="Y" k="20" />
-<hkern u1="&#xd2;" u2="X" k="41" />
-<hkern u1="&#xd2;" u2="W" k="20" />
-<hkern u1="&#xd2;" u2="V" k="20" />
-<hkern u1="&#xd2;" u2="T" k="61" />
-<hkern u1="&#xd2;" u2="A" k="41" />
-<hkern u1="&#xd2;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd2;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd3;" u2="&#x178;" k="20" />
-<hkern u1="&#xd3;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd3;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd3;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd3;" u2="Z" k="20" />
-<hkern u1="&#xd3;" u2="Y" k="20" />
-<hkern u1="&#xd3;" u2="X" k="41" />
-<hkern u1="&#xd3;" u2="W" k="20" />
-<hkern u1="&#xd3;" u2="V" k="20" />
-<hkern u1="&#xd3;" u2="T" k="61" />
-<hkern u1="&#xd3;" u2="A" k="41" />
-<hkern u1="&#xd3;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd3;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd4;" u2="&#x178;" k="20" />
-<hkern u1="&#xd4;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd4;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd4;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd4;" u2="Z" k="20" />
-<hkern u1="&#xd4;" u2="Y" k="20" />
-<hkern u1="&#xd4;" u2="X" k="41" />
-<hkern u1="&#xd4;" u2="W" k="20" />
-<hkern u1="&#xd4;" u2="V" k="20" />
-<hkern u1="&#xd4;" u2="T" k="61" />
-<hkern u1="&#xd4;" u2="A" k="41" />
-<hkern u1="&#xd4;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd4;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd5;" u2="&#x178;" k="20" />
-<hkern u1="&#xd5;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd5;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd5;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd5;" u2="Z" k="20" />
-<hkern u1="&#xd5;" u2="Y" k="20" />
-<hkern u1="&#xd5;" u2="X" k="41" />
-<hkern u1="&#xd5;" u2="W" k="20" />
-<hkern u1="&#xd5;" u2="V" k="20" />
-<hkern u1="&#xd5;" u2="T" k="61" />
-<hkern u1="&#xd5;" u2="A" k="41" />
-<hkern u1="&#xd5;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd5;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd6;" u2="&#x178;" k="20" />
-<hkern u1="&#xd6;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd6;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd6;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd6;" u2="Z" k="20" />
-<hkern u1="&#xd6;" u2="Y" k="20" />
-<hkern u1="&#xd6;" u2="X" k="41" />
-<hkern u1="&#xd6;" u2="W" k="20" />
-<hkern u1="&#xd6;" u2="V" k="20" />
-<hkern u1="&#xd6;" u2="T" k="61" />
-<hkern u1="&#xd6;" u2="A" k="41" />
-<hkern u1="&#xd6;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd6;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x201a;" k="82" />
-<hkern u1="&#xd8;" u2="&#x178;" k="20" />
-<hkern u1="&#xd8;" u2="&#xdd;" k="20" />
-<hkern u1="&#xd8;" u2="&#xc5;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc4;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc3;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc2;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc1;" k="41" />
-<hkern u1="&#xd8;" u2="&#xc0;" k="41" />
-<hkern u1="&#xd8;" u2="Z" k="20" />
-<hkern u1="&#xd8;" u2="Y" k="20" />
-<hkern u1="&#xd8;" u2="X" k="41" />
-<hkern u1="&#xd8;" u2="W" k="20" />
-<hkern u1="&#xd8;" u2="V" k="20" />
-<hkern u1="&#xd8;" u2="T" k="61" />
-<hkern u1="&#xd8;" u2="A" k="41" />
-<hkern u1="&#xd8;" u2="&#x2e;" k="82" />
-<hkern u1="&#xd8;" u2="&#x2c;" k="82" />
-<hkern u1="&#xd9;" u2="&#x201e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x201a;" k="41" />
-<hkern u1="&#xd9;" u2="&#xc5;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc4;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc3;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc2;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc1;" k="20" />
-<hkern u1="&#xd9;" u2="&#xc0;" k="20" />
-<hkern u1="&#xd9;" u2="A" k="20" />
-<hkern u1="&#xd9;" u2="&#x2e;" k="41" />
-<hkern u1="&#xd9;" u2="&#x2c;" k="41" />
-<hkern u1="&#xda;" u2="&#x201e;" k="41" />
-<hkern u1="&#xda;" u2="&#x201a;" k="41" />
-<hkern u1="&#xda;" u2="&#xc5;" k="20" />
-<hkern u1="&#xda;" u2="&#xc4;" k="20" />
-<hkern u1="&#xda;" u2="&#xc3;" k="20" />
-<hkern u1="&#xda;" u2="&#xc2;" k="20" />
-<hkern u1="&#xda;" u2="&#xc1;" k="20" />
-<hkern u1="&#xda;" u2="&#xc0;" k="20" />
-<hkern u1="&#xda;" u2="A" k="20" />
-<hkern u1="&#xda;" u2="&#x2e;" k="41" />
-<hkern u1="&#xda;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdb;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdb;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdb;" u2="A" k="20" />
-<hkern u1="&#xdb;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdb;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x201a;" k="41" />
-<hkern u1="&#xdc;" u2="&#xc5;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc4;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc3;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc2;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc1;" k="20" />
-<hkern u1="&#xdc;" u2="&#xc0;" k="20" />
-<hkern u1="&#xdc;" u2="A" k="20" />
-<hkern u1="&#xdc;" u2="&#x2e;" k="41" />
-<hkern u1="&#xdc;" u2="&#x2c;" k="41" />
-<hkern u1="&#xdd;" u2="&#x201e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x201a;" k="123" />
-<hkern u1="&#xdd;" u2="&#x153;" k="102" />
-<hkern u1="&#xdd;" u2="&#x152;" k="41" />
-<hkern u1="&#xdd;" u2="&#xfc;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfb;" k="61" />
-<hkern u1="&#xdd;" u2="&#xfa;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf9;" k="61" />
-<hkern u1="&#xdd;" u2="&#xf8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xf2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xeb;" k="102" />
-<hkern u1="&#xdd;" u2="&#xea;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe9;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe8;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe7;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe6;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe5;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe4;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe3;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe2;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe1;" k="102" />
-<hkern u1="&#xdd;" u2="&#xe0;" k="102" />
-<hkern u1="&#xdd;" u2="&#xd8;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd6;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd5;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd4;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd3;" k="41" />
-<hkern u1="&#xdd;" u2="&#xd2;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc7;" k="41" />
-<hkern u1="&#xdd;" u2="&#xc5;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc4;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc3;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc2;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc1;" k="123" />
-<hkern u1="&#xdd;" u2="&#xc0;" k="123" />
-<hkern u1="&#xdd;" u2="z" k="41" />
-<hkern u1="&#xdd;" u2="u" k="61" />
-<hkern u1="&#xdd;" u2="s" k="82" />
-<hkern u1="&#xdd;" u2="r" k="61" />
-<hkern u1="&#xdd;" u2="q" k="102" />
-<hkern u1="&#xdd;" u2="p" k="61" />
-<hkern u1="&#xdd;" u2="o" k="102" />
-<hkern u1="&#xdd;" u2="n" k="61" />
-<hkern u1="&#xdd;" u2="m" k="61" />
-<hkern u1="&#xdd;" u2="g" k="41" />
-<hkern u1="&#xdd;" u2="e" k="102" />
-<hkern u1="&#xdd;" u2="d" k="102" />
-<hkern u1="&#xdd;" u2="c" k="102" />
-<hkern u1="&#xdd;" u2="a" k="102" />
-<hkern u1="&#xdd;" u2="Q" k="41" />
-<hkern u1="&#xdd;" u2="O" k="41" />
-<hkern u1="&#xdd;" u2="G" k="41" />
-<hkern u1="&#xdd;" u2="C" k="41" />
-<hkern u1="&#xdd;" u2="A" k="123" />
-<hkern u1="&#xdd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xdd;" u2="&#x2e;" k="123" />
-<hkern u1="&#xdd;" u2="&#x2c;" k="123" />
-<hkern u1="&#xde;" u2="&#x201e;" k="266" />
-<hkern u1="&#xde;" u2="&#x201a;" k="266" />
-<hkern u1="&#xde;" u2="&#xc5;" k="102" />
-<hkern u1="&#xde;" u2="&#xc4;" k="102" />
-<hkern u1="&#xde;" u2="&#xc3;" k="102" />
-<hkern u1="&#xde;" u2="&#xc2;" k="102" />
-<hkern u1="&#xde;" u2="&#xc1;" k="102" />
-<hkern u1="&#xde;" u2="&#xc0;" k="102" />
-<hkern u1="&#xde;" u2="Z" k="20" />
-<hkern u1="&#xde;" u2="X" k="41" />
-<hkern u1="&#xde;" u2="A" k="102" />
-<hkern u1="&#xde;" u2="&#x2e;" k="266" />
-<hkern u1="&#xde;" u2="&#x2c;" k="266" />
-<hkern u1="&#xe0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe0;" u2="&#x27;" k="20" />
-<hkern u1="&#xe0;" u2="&#x22;" k="20" />
-<hkern u1="&#xe1;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe1;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe1;" u2="&#x27;" k="20" />
-<hkern u1="&#xe1;" u2="&#x22;" k="20" />
-<hkern u1="&#xe2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe2;" u2="&#x27;" k="20" />
-<hkern u1="&#xe2;" u2="&#x22;" k="20" />
-<hkern u1="&#xe3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe3;" u2="&#x27;" k="20" />
-<hkern u1="&#xe3;" u2="&#x22;" k="20" />
-<hkern u1="&#xe4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe4;" u2="&#x27;" k="20" />
-<hkern u1="&#xe4;" u2="&#x22;" k="20" />
-<hkern u1="&#xe5;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe5;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe5;" u2="&#x27;" k="20" />
-<hkern u1="&#xe5;" u2="&#x22;" k="20" />
-<hkern u1="&#xe8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe8;" u2="z" k="20" />
-<hkern u1="&#xe8;" u2="y" k="41" />
-<hkern u1="&#xe8;" u2="x" k="41" />
-<hkern u1="&#xe8;" u2="w" k="41" />
-<hkern u1="&#xe8;" u2="v" k="41" />
-<hkern u1="&#xe8;" u2="&#x27;" k="20" />
-<hkern u1="&#xe8;" u2="&#x22;" k="20" />
-<hkern u1="&#xe9;" u2="&#x201d;" k="20" />
-<hkern u1="&#xe9;" u2="&#x2019;" k="20" />
-<hkern u1="&#xe9;" u2="&#xfd;" k="41" />
-<hkern u1="&#xe9;" u2="z" k="20" />
-<hkern u1="&#xe9;" u2="y" k="41" />
-<hkern u1="&#xe9;" u2="x" k="41" />
-<hkern u1="&#xe9;" u2="w" k="41" />
-<hkern u1="&#xe9;" u2="v" k="41" />
-<hkern u1="&#xe9;" u2="&#x27;" k="20" />
-<hkern u1="&#xe9;" u2="&#x22;" k="20" />
-<hkern u1="&#xea;" u2="&#x201d;" k="20" />
-<hkern u1="&#xea;" u2="&#x2019;" k="20" />
-<hkern u1="&#xea;" u2="&#xfd;" k="41" />
-<hkern u1="&#xea;" u2="z" k="20" />
-<hkern u1="&#xea;" u2="y" k="41" />
-<hkern u1="&#xea;" u2="x" k="41" />
-<hkern u1="&#xea;" u2="w" k="41" />
-<hkern u1="&#xea;" u2="v" k="41" />
-<hkern u1="&#xea;" u2="&#x27;" k="20" />
-<hkern u1="&#xea;" u2="&#x22;" k="20" />
-<hkern u1="&#xeb;" u2="&#x201d;" k="20" />
-<hkern u1="&#xeb;" u2="&#x2019;" k="20" />
-<hkern u1="&#xeb;" u2="&#xfd;" k="41" />
-<hkern u1="&#xeb;" u2="z" k="20" />
-<hkern u1="&#xeb;" u2="y" k="41" />
-<hkern u1="&#xeb;" u2="x" k="41" />
-<hkern u1="&#xeb;" u2="w" k="41" />
-<hkern u1="&#xeb;" u2="v" k="41" />
-<hkern u1="&#xeb;" u2="&#x27;" k="20" />
-<hkern u1="&#xeb;" u2="&#x22;" k="20" />
-<hkern u1="&#xf0;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf0;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf0;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf0;" u2="z" k="20" />
-<hkern u1="&#xf0;" u2="y" k="41" />
-<hkern u1="&#xf0;" u2="x" k="41" />
-<hkern u1="&#xf0;" u2="w" k="41" />
-<hkern u1="&#xf0;" u2="v" k="41" />
-<hkern u1="&#xf0;" u2="&#x27;" k="20" />
-<hkern u1="&#xf0;" u2="&#x22;" k="20" />
-<hkern u1="&#xf2;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf2;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf2;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf2;" u2="z" k="20" />
-<hkern u1="&#xf2;" u2="y" k="41" />
-<hkern u1="&#xf2;" u2="x" k="41" />
-<hkern u1="&#xf2;" u2="w" k="41" />
-<hkern u1="&#xf2;" u2="v" k="41" />
-<hkern u1="&#xf2;" u2="&#x27;" k="20" />
-<hkern u1="&#xf2;" u2="&#x22;" k="20" />
-<hkern u1="&#xf3;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf3;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf3;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf3;" u2="z" k="20" />
-<hkern u1="&#xf3;" u2="y" k="41" />
-<hkern u1="&#xf3;" u2="x" k="41" />
-<hkern u1="&#xf3;" u2="w" k="41" />
-<hkern u1="&#xf3;" u2="v" k="41" />
-<hkern u1="&#xf3;" u2="&#x27;" k="20" />
-<hkern u1="&#xf3;" u2="&#x22;" k="20" />
-<hkern u1="&#xf4;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf4;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf4;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf4;" u2="z" k="20" />
-<hkern u1="&#xf4;" u2="y" k="41" />
-<hkern u1="&#xf4;" u2="x" k="41" />
-<hkern u1="&#xf4;" u2="w" k="41" />
-<hkern u1="&#xf4;" u2="v" k="41" />
-<hkern u1="&#xf4;" u2="&#x27;" k="20" />
-<hkern u1="&#xf4;" u2="&#x22;" k="20" />
-<hkern u1="&#xf6;" u2="&#x201d;" k="41" />
-<hkern u1="&#xf6;" u2="&#x2019;" k="41" />
-<hkern u1="&#xf6;" u2="&#x27;" k="41" />
-<hkern u1="&#xf6;" u2="&#x22;" k="41" />
-<hkern u1="&#xf8;" u2="&#x201d;" k="20" />
-<hkern u1="&#xf8;" u2="&#x2019;" k="20" />
-<hkern u1="&#xf8;" u2="&#xfd;" k="41" />
-<hkern u1="&#xf8;" u2="z" k="20" />
-<hkern u1="&#xf8;" u2="y" k="41" />
-<hkern u1="&#xf8;" u2="x" k="41" />
-<hkern u1="&#xf8;" u2="w" k="41" />
-<hkern u1="&#xf8;" u2="v" k="41" />
-<hkern u1="&#xf8;" u2="&#x27;" k="20" />
-<hkern u1="&#xf8;" u2="&#x22;" k="20" />
-<hkern u1="&#xfd;" u2="&#x201e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x201a;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xfd;" u2="&#x2e;" k="82" />
-<hkern u1="&#xfd;" u2="&#x2c;" k="82" />
-<hkern u1="&#xfd;" u2="&#x27;" k="-82" />
-<hkern u1="&#xfd;" u2="&#x22;" k="-82" />
-<hkern u1="&#xfe;" u2="&#x201d;" k="20" />
-<hkern u1="&#xfe;" u2="&#x2019;" k="20" />
-<hkern u1="&#xfe;" u2="&#xfd;" k="41" />
-<hkern u1="&#xfe;" u2="z" k="20" />
-<hkern u1="&#xfe;" u2="y" k="41" />
-<hkern u1="&#xfe;" u2="x" k="41" />
-<hkern u1="&#xfe;" u2="w" k="41" />
-<hkern u1="&#xfe;" u2="v" k="41" />
-<hkern u1="&#xfe;" u2="&#x27;" k="20" />
-<hkern u1="&#xfe;" u2="&#x22;" k="20" />
-<hkern u1="&#xff;" u2="&#x201e;" k="82" />
-<hkern u1="&#xff;" u2="&#x201d;" k="-82" />
-<hkern u1="&#xff;" u2="&#x201a;" k="82" />
-<hkern u1="&#xff;" u2="&#x2019;" k="-82" />
-<hkern u1="&#xff;" u2="&#x3f;" k="-41" />
-<hkern u1="&#xff;" u2="&#x2e;" k="82" />
-<hkern u1="&#xff;" u2="&#x2c;" k="82" />
-<hkern u1="&#xff;" u2="&#x27;" k="-82" />
-<hkern u1="&#xff;" u2="&#x22;" k="-82" />
-<hkern u1="&#x152;" u2="J" k="-123" />
-<hkern u1="&#x178;" u2="&#x201e;" k="123" />
-<hkern u1="&#x178;" u2="&#x201a;" k="123" />
-<hkern u1="&#x178;" u2="&#x153;" k="102" />
-<hkern u1="&#x178;" u2="&#x152;" k="41" />
-<hkern u1="&#x178;" u2="&#xfc;" k="61" />
-<hkern u1="&#x178;" u2="&#xfb;" k="61" />
-<hkern u1="&#x178;" u2="&#xfa;" k="61" />
-<hkern u1="&#x178;" u2="&#xf9;" k="61" />
-<hkern u1="&#x178;" u2="&#xf8;" k="102" />
-<hkern u1="&#x178;" u2="&#xf6;" k="102" />
-<hkern u1="&#x178;" u2="&#xf5;" k="102" />
-<hkern u1="&#x178;" u2="&#xf4;" k="102" />
-<hkern u1="&#x178;" u2="&#xf3;" k="102" />
-<hkern u1="&#x178;" u2="&#xf2;" k="102" />
-<hkern u1="&#x178;" u2="&#xeb;" k="102" />
-<hkern u1="&#x178;" u2="&#xea;" k="102" />
-<hkern u1="&#x178;" u2="&#xe9;" k="102" />
-<hkern u1="&#x178;" u2="&#xe8;" k="102" />
-<hkern u1="&#x178;" u2="&#xe7;" k="102" />
-<hkern u1="&#x178;" u2="&#xe6;" k="102" />
-<hkern u1="&#x178;" u2="&#xe5;" k="102" />
-<hkern u1="&#x178;" u2="&#xe4;" k="102" />
-<hkern u1="&#x178;" u2="&#xe3;" k="102" />
-<hkern u1="&#x178;" u2="&#xe2;" k="102" />
-<hkern u1="&#x178;" u2="&#xe1;" k="102" />
-<hkern u1="&#x178;" u2="&#xe0;" k="102" />
-<hkern u1="&#x178;" u2="&#xd8;" k="41" />
-<hkern u1="&#x178;" u2="&#xd6;" k="41" />
-<hkern u1="&#x178;" u2="&#xd5;" k="41" />
-<hkern u1="&#x178;" u2="&#xd4;" k="41" />
-<hkern u1="&#x178;" u2="&#xd3;" k="41" />
-<hkern u1="&#x178;" u2="&#xd2;" k="41" />
-<hkern u1="&#x178;" u2="&#xc7;" k="41" />
-<hkern u1="&#x178;" u2="&#xc5;" k="123" />
-<hkern u1="&#x178;" u2="&#xc4;" k="123" />
-<hkern u1="&#x178;" u2="&#xc3;" k="123" />
-<hkern u1="&#x178;" u2="&#xc2;" k="123" />
-<hkern u1="&#x178;" u2="&#xc1;" k="123" />
-<hkern u1="&#x178;" u2="&#xc0;" k="123" />
-<hkern u1="&#x178;" u2="z" k="41" />
-<hkern u1="&#x178;" u2="u" k="61" />
-<hkern u1="&#x178;" u2="s" k="82" />
-<hkern u1="&#x178;" u2="r" k="61" />
-<hkern u1="&#x178;" u2="q" k="102" />
-<hkern u1="&#x178;" u2="p" k="61" />
-<hkern u1="&#x178;" u2="o" k="102" />
-<hkern u1="&#x178;" u2="n" k="61" />
-<hkern u1="&#x178;" u2="m" k="61" />
-<hkern u1="&#x178;" u2="g" k="41" />
-<hkern u1="&#x178;" u2="e" k="102" />
-<hkern u1="&#x178;" u2="d" k="102" />
-<hkern u1="&#x178;" u2="c" k="102" />
-<hkern u1="&#x178;" u2="a" k="102" />
-<hkern u1="&#x178;" u2="Q" k="41" />
-<hkern u1="&#x178;" u2="O" k="41" />
-<hkern u1="&#x178;" u2="G" k="41" />
-<hkern u1="&#x178;" u2="C" k="41" />
-<hkern u1="&#x178;" u2="A" k="123" />
-<hkern u1="&#x178;" u2="&#x3f;" k="-41" />
-<hkern u1="&#x178;" u2="&#x2e;" k="123" />
-<hkern u1="&#x178;" u2="&#x2c;" k="123" />
-<hkern u1="&#x2013;" u2="T" k="82" />
-<hkern u1="&#x2014;" u2="T" k="82" />
-<hkern u1="&#x2018;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2018;" u2="&#x153;" k="123" />
-<hkern u1="&#x2018;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2018;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2018;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2018;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2018;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2018;" u2="&#xea;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2018;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2018;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2018;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2018;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2018;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2018;" u2="u" k="61" />
-<hkern u1="&#x2018;" u2="s" k="61" />
-<hkern u1="&#x2018;" u2="r" k="61" />
-<hkern u1="&#x2018;" u2="q" k="123" />
-<hkern u1="&#x2018;" u2="p" k="61" />
-<hkern u1="&#x2018;" u2="o" k="123" />
-<hkern u1="&#x2018;" u2="n" k="61" />
-<hkern u1="&#x2018;" u2="m" k="61" />
-<hkern u1="&#x2018;" u2="g" k="61" />
-<hkern u1="&#x2018;" u2="e" k="123" />
-<hkern u1="&#x2018;" u2="d" k="123" />
-<hkern u1="&#x2018;" u2="c" k="123" />
-<hkern u1="&#x2018;" u2="a" k="82" />
-<hkern u1="&#x2018;" u2="Y" k="-20" />
-<hkern u1="&#x2018;" u2="W" k="-41" />
-<hkern u1="&#x2018;" u2="V" k="-41" />
-<hkern u1="&#x2018;" u2="T" k="-41" />
-<hkern u1="&#x2018;" u2="A" k="143" />
-<hkern u1="&#x2019;" u2="&#x178;" k="-20" />
-<hkern u1="&#x2019;" u2="&#x153;" k="123" />
-<hkern u1="&#x2019;" u2="&#xfc;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfb;" k="61" />
-<hkern u1="&#x2019;" u2="&#xfa;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf9;" k="61" />
-<hkern u1="&#x2019;" u2="&#xf8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf6;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf5;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf4;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf3;" k="123" />
-<hkern u1="&#x2019;" u2="&#xf2;" k="123" />
-<hkern u1="&#x2019;" u2="&#xeb;" k="123" />
-<hkern u1="&#x2019;" u2="&#xea;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe9;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe8;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe7;" k="123" />
-<hkern u1="&#x2019;" u2="&#xe6;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe5;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe4;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe3;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe2;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe1;" k="82" />
-<hkern u1="&#x2019;" u2="&#xe0;" k="123" />
-<hkern u1="&#x2019;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x2019;" u2="&#xc5;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc4;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc3;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc2;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc1;" k="143" />
-<hkern u1="&#x2019;" u2="&#xc0;" k="143" />
-<hkern u1="&#x2019;" u2="u" k="61" />
-<hkern u1="&#x2019;" u2="s" k="61" />
-<hkern u1="&#x2019;" u2="r" k="61" />
-<hkern u1="&#x2019;" u2="q" k="123" />
-<hkern u1="&#x2019;" u2="p" k="61" />
-<hkern u1="&#x2019;" u2="o" k="123" />
-<hkern u1="&#x2019;" u2="n" k="61" />
-<hkern u1="&#x2019;" u2="m" k="61" />
-<hkern u1="&#x2019;" u2="g" k="61" />
-<hkern u1="&#x2019;" u2="e" k="123" />
-<hkern u1="&#x2019;" u2="d" k="123" />
-<hkern u1="&#x2019;" u2="c" k="123" />
-<hkern u1="&#x2019;" u2="a" k="82" />
-<hkern u1="&#x2019;" u2="Y" k="-20" />
-<hkern u1="&#x2019;" u2="W" k="-41" />
-<hkern u1="&#x2019;" u2="V" k="-41" />
-<hkern u1="&#x2019;" u2="T" k="-41" />
-<hkern u1="&#x2019;" u2="A" k="143" />
-<hkern u1="&#x201a;" u2="&#x178;" k="123" />
-<hkern u1="&#x201a;" u2="&#x152;" k="102" />
-<hkern u1="&#x201a;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201a;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201a;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201a;" u2="&#xda;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201a;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201a;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201a;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201a;" u2="Y" k="123" />
-<hkern u1="&#x201a;" u2="W" k="123" />
-<hkern u1="&#x201a;" u2="V" k="123" />
-<hkern u1="&#x201a;" u2="U" k="41" />
-<hkern u1="&#x201a;" u2="T" k="143" />
-<hkern u1="&#x201a;" u2="Q" k="102" />
-<hkern u1="&#x201a;" u2="O" k="102" />
-<hkern u1="&#x201a;" u2="G" k="102" />
-<hkern u1="&#x201a;" u2="C" k="102" />
-<hkern u1="&#x201c;" u2="&#x178;" k="-20" />
-<hkern u1="&#x201c;" u2="&#x153;" k="123" />
-<hkern u1="&#x201c;" u2="&#xfc;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfb;" k="61" />
-<hkern u1="&#x201c;" u2="&#xfa;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf9;" k="61" />
-<hkern u1="&#x201c;" u2="&#xf8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf6;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf5;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf4;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf3;" k="123" />
-<hkern u1="&#x201c;" u2="&#xf2;" k="123" />
-<hkern u1="&#x201c;" u2="&#xeb;" k="123" />
-<hkern u1="&#x201c;" u2="&#xea;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe9;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe8;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe7;" k="123" />
-<hkern u1="&#x201c;" u2="&#xe6;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe5;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe4;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe3;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe2;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe1;" k="82" />
-<hkern u1="&#x201c;" u2="&#xe0;" k="123" />
-<hkern u1="&#x201c;" u2="&#xdd;" k="-20" />
-<hkern u1="&#x201c;" u2="&#xc5;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc4;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc3;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc2;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc1;" k="143" />
-<hkern u1="&#x201c;" u2="&#xc0;" k="143" />
-<hkern u1="&#x201c;" u2="u" k="61" />
-<hkern u1="&#x201c;" u2="s" k="61" />
-<hkern u1="&#x201c;" u2="r" k="61" />
-<hkern u1="&#x201c;" u2="q" k="123" />
-<hkern u1="&#x201c;" u2="p" k="61" />
-<hkern u1="&#x201c;" u2="o" k="123" />
-<hkern u1="&#x201c;" u2="n" k="61" />
-<hkern u1="&#x201c;" u2="m" k="61" />
-<hkern u1="&#x201c;" u2="g" k="61" />
-<hkern u1="&#x201c;" u2="e" k="123" />
-<hkern u1="&#x201c;" u2="d" k="123" />
-<hkern u1="&#x201c;" u2="c" k="123" />
-<hkern u1="&#x201c;" u2="a" k="82" />
-<hkern u1="&#x201c;" u2="Y" k="-20" />
-<hkern u1="&#x201c;" u2="W" k="-41" />
-<hkern u1="&#x201c;" u2="V" k="-41" />
-<hkern u1="&#x201c;" u2="T" k="-41" />
-<hkern u1="&#x201c;" u2="A" k="143" />
-<hkern u1="&#x201e;" u2="&#x178;" k="123" />
-<hkern u1="&#x201e;" u2="&#x152;" k="102" />
-<hkern u1="&#x201e;" u2="&#xdd;" k="123" />
-<hkern u1="&#x201e;" u2="&#xdc;" k="41" />
-<hkern u1="&#x201e;" u2="&#xdb;" k="41" />
-<hkern u1="&#x201e;" u2="&#xda;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd9;" k="41" />
-<hkern u1="&#x201e;" u2="&#xd8;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd6;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd5;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd4;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd3;" k="102" />
-<hkern u1="&#x201e;" u2="&#xd2;" k="102" />
-<hkern u1="&#x201e;" u2="&#xc7;" k="102" />
-<hkern u1="&#x201e;" u2="Y" k="123" />
-<hkern u1="&#x201e;" u2="W" k="123" />
-<hkern u1="&#x201e;" u2="V" k="123" />
-<hkern u1="&#x201e;" u2="U" k="41" />
-<hkern u1="&#x201e;" u2="T" k="143" />
-<hkern u1="&#x201e;" u2="Q" k="102" />
-<hkern u1="&#x201e;" u2="O" k="102" />
-<hkern u1="&#x201e;" u2="G" k="102" />
-<hkern u1="&#x201e;" u2="C" k="102" />
-</font>
-</defs></svg> 
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.woff b/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.woff
deleted file mode 100644
index e231183..0000000
Binary files a/negromate/web/static/js/videojs-playlist/docs/api/fonts/OpenSans-Regular-webfont.woff and /dev/null differ
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/global.html b/negromate/web/static/js/videojs-playlist/docs/api/global.html
deleted file mode 100644
index b29cb87..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/global.html
+++ /dev/null
@@ -1,1346 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>JSDoc: Global</title>
-
-    <script src="scripts/prettify/prettify.js"> </script>
-    <script src="scripts/prettify/lang-css.js"> </script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
-</head>
-
-<body>
-
-<div id="main">
-
-    <h1 class="page-title">Global</h1>
-
-    
-
-
-
-
-<section>
-
-<header>
-    
-        <h2></h2>
-        
-    
-</header>
-
-<article>
-    <div class="container-overview">
-    
-        
-
-        
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-        
-    
-    </div>
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-        <h3 class="subsection-title">Methods</h3>
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="clearTracks"><span class="type-signature"></span>clearTracks<span class="signature">(player)</span><span class="type-signature"></span></h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>Removes all remote text tracks from a player.</p>
-</div>
-
-
-
-
-
-
-
-
-
-    <h5>Parameters:</h5>
-    
-
-<table class="params">
-    <thead>
-    <tr>
-        
-        <th>Name</th>
-        
-
-        <th>Type</th>
-
-        
-
-        
-
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-
-    <tbody>
-    
-
-        <tr>
-            
-                <td class="name"><code>player</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">Player</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>The player to clear tracks on</p></td>
-        </tr>
-
-    
-    </tbody>
-</table>
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="play-item.js.html">play-item.js</a>, <a href="play-item.js.html#line9">line 9</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="playItem"><span class="type-signature"></span>playItem<span class="signature">(player, item)</span><span class="type-signature"> &rarr; {Player}</span></h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>Plays an item on a player's playlist.</p>
-</div>
-
-
-
-
-
-
-
-
-
-    <h5>Parameters:</h5>
-    
-
-<table class="params">
-    <thead>
-    <tr>
-        
-        <th>Name</th>
-        
-
-        <th>Type</th>
-
-        
-
-        
-
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-
-    <tbody>
-    
-
-        <tr>
-            
-                <td class="name"><code>player</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">Player</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>The player to play the item on</p></td>
-        </tr>
-
-    
-
-        <tr>
-            
-                <td class="name"><code>item</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">Object</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>A source from the playlist.</p></td>
-        </tr>
-
-    
-    </tbody>
-</table>
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="play-item.js.html">play-item.js</a>, <a href="play-item.js.html#line32">line 32</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-<h5>Returns:</h5>
-
-        
-<div class="param-desc">
-    <p>The player that is now playing the item</p>
-</div>
-
-
-
-<dl>
-    <dt>
-        Type
-    </dt>
-    <dd>
-        
-<span class="param-type">Player</span>
-
-
-    </dd>
-</dl>
-
-    
-
-
-
-
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="plugin"><span class="type-signature"></span>plugin<span class="signature">(list, item)</span><span class="type-signature"></span></h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>The video.js playlist plugin. Invokes the playlist-maker to create a
-playlist function on the specific player.</p>
-</div>
-
-
-
-
-
-
-
-
-
-    <h5>Parameters:</h5>
-    
-
-<table class="params">
-    <thead>
-    <tr>
-        
-        <th>Name</th>
-        
-
-        <th>Type</th>
-
-        
-
-        
-
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-
-    <tbody>
-    
-
-        <tr>
-            
-                <td class="name"><code>list</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">Array</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>a list of sources</p></td>
-        </tr>
-
-    
-
-        <tr>
-            
-                <td class="name"><code>item</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">number</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>The index to start at</p></td>
-        </tr>
-
-    
-    </tbody>
-</table>
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="plugin.js.html">plugin.js</a>, <a href="plugin.js.html#line18">line 18</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="reset"><span class="type-signature"></span>reset<span class="signature">(player)</span><span class="type-signature"></span></h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>Resets the auto-advance behavior of a player.</p>
-</div>
-
-
-
-
-
-
-
-
-
-    <h5>Parameters:</h5>
-    
-
-<table class="params">
-    <thead>
-    <tr>
-        
-        <th>Name</th>
-        
-
-        <th>Type</th>
-
-        
-
-        
-
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-
-    <tbody>
-    
-
-        <tr>
-            
-                <td class="name"><code>player</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">Player</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>The player to reset the behavior on</p></td>
-        </tr>
-
-    
-    </tbody>
-</table>
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="auto-advance.js.html">auto-advance.js</a>, <a href="auto-advance.js.html#line21">line 21</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="setReset_"><span class="type-signature"></span>setReset_<span class="signature">(fn)</span><span class="type-signature"></span></h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>Used to change the reset function in this module at runtime
-This should only be used in tests.</p>
-</div>
-
-
-
-
-
-
-
-
-
-    <h5>Parameters:</h5>
-    
-
-<table class="params">
-    <thead>
-    <tr>
-        
-        <th>Name</th>
-        
-
-        <th>Type</th>
-
-        
-
-        
-
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-
-    <tbody>
-    
-
-        <tr>
-            
-                <td class="name"><code>fn</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">function</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>The function to se the reset to</p></td>
-        </tr>
-
-    
-    </tbody>
-</table>
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="auto-advance.js.html">auto-advance.js</a>, <a href="auto-advance.js.html#line89">line 89</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="setup"><span class="type-signature"></span>setup<span class="signature">(player, delay)</span><span class="type-signature"> &rarr; {undefined}</span></h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>Sets up auto-advance behavior on a player.</p>
-</div>
-
-
-
-
-
-
-
-
-
-    <h5>Parameters:</h5>
-    
-
-<table class="params">
-    <thead>
-    <tr>
-        
-        <th>Name</th>
-        
-
-        <th>Type</th>
-
-        
-
-        
-
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-
-    <tbody>
-    
-
-        <tr>
-            
-                <td class="name"><code>player</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">Player</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>the current player</p></td>
-        </tr>
-
-    
-
-        <tr>
-            
-                <td class="name"><code>delay</code></td>
-            
-
-            <td class="type">
-            
-                
-<span class="param-type">number</span>
-
-
-            
-            </td>
-
-            
-
-            
-
-            <td class="description last"><p>The number of seconds to wait before each auto-advance.</p></td>
-        </tr>
-
-    
-    </tbody>
-</table>
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="auto-advance.js.html">auto-advance.js</a>, <a href="auto-advance.js.html#line48">line 48</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-<h5>Returns:</h5>
-
-        
-<div class="param-desc">
-    <p>Used to short circuit function logic</p>
-</div>
-
-
-
-<dl>
-    <dt>
-        Type
-    </dt>
-    <dd>
-        
-<span class="param-type">undefined</span>
-
-
-    </dd>
-</dl>
-
-    
-
-
-
-
-
-        
-    
-
-    
-
-    
-        <h3 class="subsection-title">Events</h3>
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="event:playlistsorted">playlistsorted</h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>Triggered after the playlist is sorted internally.</p>
-</div>
-
-
-
-
-
-    <h5>Type:</h5>
-    <ul>
-        <li>
-            
-<span class="param-type">Object</span>
-
-
-        </li>
-    </ul>
-
-
-
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="playlist-maker.js.html">playlist-maker.js</a>, <a href="playlist-maker.js.html#line486">line 486</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="event:playlistsorted">playlistsorted</h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>Triggered after the playlist is sorted internally.</p>
-</div>
-
-
-
-
-
-    <h5>Type:</h5>
-    <ul>
-        <li>
-            
-<span class="param-type">Object</span>
-
-
-        </li>
-    </ul>
-
-
-
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="playlist-maker.js.html">playlist-maker.js</a>, <a href="playlist-maker.js.html#line515">line 515</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-        
-            
-
-    
-
-    
-    <h4 class="name" id="event:playlistsorted">playlistsorted</h4>
-    
-
-    
-
-
-
-<div class="description">
-    <p>Triggered after the playlist is sorted internally.</p>
-</div>
-
-
-
-
-
-    <h5>Type:</h5>
-    <ul>
-        <li>
-            
-<span class="param-type">Object</span>
-
-
-        </li>
-    </ul>
-
-
-
-
-
-
-
-
-
-<dl class="details">
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="playlist-maker.js.html">playlist-maker.js</a>, <a href="playlist-maker.js.html#line571">line 571</a>
-    </li></ul></dd>
-    
-
-    
-
-    
-
-    
-</dl>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-        
-    
-</article>
-
-</section>
-
-
-
-
-</div>
-
-<nav>
-    <h2><a href="index.html">Home</a></h2><h3>Events</h3><ul><li><a href="global.html#event:playlistsorted">playlistsorted</a></li></ul><h3>Global</h3><ul><li><a href="global.html#clearTracks">clearTracks</a></li><li><a href="global.html#playItem">playItem</a></li><li><a href="global.html#plugin">plugin</a></li><li><a href="global.html#reset">reset</a></li><li><a href="global.html#setReset_">setReset_</a></li><li><a href="global.html#setup">setup</a></li></ul>
-</nav>
-
-<br class="clear">
-
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Jan 26 2018 12:37:44 GMT-0500 (EST)
-</footer>
-
-<script> prettyPrint(); </script>
-<script src="scripts/linenumber.js"> </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/index.html b/negromate/web/static/js/videojs-playlist/docs/api/index.html
deleted file mode 100644
index 63f2950..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>JSDoc: Home</title>
-
-    <script src="scripts/prettify/prettify.js"> </script>
-    <script src="scripts/prettify/lang-css.js"> </script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
-</head>
-
-<body>
-
-<div id="main">
-
-    <h1 class="page-title">Home</h1>
-
-    
-
-
-
-    
-
-
-    <h3> </h3>
-
-
-
-
-
-
-
-
-
-
-    
-
-
-
-
-
-
-
-
-
-</div>
-
-<nav>
-    <h2><a href="index.html">Home</a></h2><h3>Events</h3><ul><li><a href="global.html#event:playlistsorted">playlistsorted</a></li></ul><h3>Global</h3><ul><li><a href="global.html#clearTracks">clearTracks</a></li><li><a href="global.html#playItem">playItem</a></li><li><a href="global.html#plugin">plugin</a></li><li><a href="global.html#reset">reset</a></li><li><a href="global.html#setReset_">setReset_</a></li><li><a href="global.html#setup">setup</a></li></ul>
-</nav>
-
-<br class="clear">
-
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Jan 26 2018 12:37:44 GMT-0500 (EST)
-</footer>
-
-<script> prettyPrint(); </script>
-<script src="scripts/linenumber.js"> </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/play-item.js.html b/negromate/web/static/js/videojs-playlist/docs/api/play-item.js.html
deleted file mode 100644
index 6ecf149..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/play-item.js.html
+++ /dev/null
@@ -1,106 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>JSDoc: Source: play-item.js</title>
-
-    <script src="scripts/prettify/prettify.js"> </script>
-    <script src="scripts/prettify/lang-css.js"> </script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
-</head>
-
-<body>
-
-<div id="main">
-
-    <h1 class="page-title">Source: play-item.js</h1>
-
-    
-
-
-
-    
-    <section>
-        <article>
-            <pre class="prettyprint source linenums"><code>import {setup} from './auto-advance.js';
-
-/**
- * Removes all remote text tracks from a player.
- *
- * @param  {Player} player
- *         The player to clear tracks on
- */
-const clearTracks = (player) => {
-  const tracks = player.remoteTextTracks();
-  let i = tracks &amp;&amp; tracks.length || 0;
-
-  // This uses a `while` loop rather than `forEach` because the
-  // `TextTrackList` object is a live DOM list (not an array).
-  while (i--) {
-    player.removeRemoteTextTrack(tracks[i]);
-  }
-};
-
-/**
- * Plays an item on a player's playlist.
- *
- * @param  {Player} player
- *         The player to play the item on
- *
- * @param  {Object} item
- *         A source from the playlist.
- *
- * @return {Player}
- *         The player that is now playing the item
- */
-const playItem = (player, item) => {
-  const replay = !player.paused() || player.ended();
-
-  player.trigger('beforeplaylistitem', item);
-  player.poster(item.poster || '');
-  player.src(item.sources);
-  clearTracks(player);
-
-  player.ready(() => {
-    (item.textTracks || []).forEach(player.addRemoteTextTrack.bind(player));
-    player.trigger('playlistitem', item);
-
-    if (replay) {
-      player.play();
-    }
-
-    setup(player, player.playlist.autoadvance_.delay);
-  });
-
-  return player;
-};
-
-export default playItem;
-export {clearTracks};
-</code></pre>
-        </article>
-    </section>
-
-
-
-
-</div>
-
-<nav>
-    <h2><a href="index.html">Home</a></h2><h3>Events</h3><ul><li><a href="global.html#event:playlistsorted">playlistsorted</a></li></ul><h3>Global</h3><ul><li><a href="global.html#clearTracks">clearTracks</a></li><li><a href="global.html#playItem">playItem</a></li><li><a href="global.html#plugin">plugin</a></li><li><a href="global.html#reset">reset</a></li><li><a href="global.html#setReset_">setReset_</a></li><li><a href="global.html#setup">setup</a></li></ul>
-</nav>
-
-<br class="clear">
-
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Jan 26 2018 12:37:44 GMT-0500 (EST)
-</footer>
-
-<script> prettyPrint(); </script>
-<script src="scripts/linenumber.js"> </script>
-</body>
-</html>
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/playlist-maker.js.html b/negromate/web/static/js/videojs-playlist/docs/api/playlist-maker.js.html
deleted file mode 100644
index 1e02d3e..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/playlist-maker.js.html
+++ /dev/null
@@ -1,641 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>JSDoc: Source: playlist-maker.js</title>
-
-    <script src="scripts/prettify/prettify.js"> </script>
-    <script src="scripts/prettify/lang-css.js"> </script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
-</head>
-
-<body>
-
-<div id="main">
-
-    <h1 class="page-title">Source: playlist-maker.js</h1>
-
-    
-
-
-
-    
-    <section>
-        <article>
-            <pre class="prettyprint source linenums"><code>import videojs from 'video.js';
-import playItem from './play-item';
-import * as autoadvance from './auto-advance';
-
-/**
- * Given two sources, check to see whether the two sources are equal.
- * If both source urls have a protocol, the protocols must match, otherwise, protocols
- * are ignored.
- *
- * @private
- * @param {string|Object} source1
- *        The first source
- *
- * @param {string|Object} source2
- *        The second source
- *
- * @return {boolean}
- *         The result
- */
-const sourceEquals = (source1, source2) => {
-  let src1 = source1;
-  let src2 = source2;
-
-  if (typeof source1 === 'object') {
-    src1 = source1.src;
-  }
-  if (typeof source2 === 'object') {
-    src2 = source2.src;
-  }
-
-  if (/^\/\//.test(src1)) {
-    src2 = src2.slice(src2.indexOf('//'));
-  }
-  if (/^\/\//.test(src2)) {
-    src1 = src1.slice(src1.indexOf('//'));
-  }
-
-  return src1 === src2;
-};
-
-/**
- * Look through an array of playlist items for a specific `source`;
- * checking both the value of elements and the value of their `src`
- * property.
- *
- * @private
- * @param   {Array} arr
- *          An array of playlist items to look through
- *
- * @param   {string} src
- *          The source to look for
- *
- * @return  {number}
- *          The index of that source or -1
- */
-const indexInSources = (arr, src) => {
-  for (let i = 0; i &lt; arr.length; i++) {
-    const sources = arr[i].sources;
-
-    if (Array.isArray(sources)) {
-      for (let j = 0; j &lt; sources.length; j++) {
-        const source = sources[j];
-
-        if (source &amp;&amp; sourceEquals(source, src)) {
-          return i;
-        }
-      }
-    }
-  }
-
-  return -1;
-};
-
-/**
- * Randomize the contents of an array.
- *
- * @private
- * @param  {Array} arr
- *         An array.
- *
- * @return {Array}
- *         The same array that was passed in.
- */
-const randomize = (arr) => {
-  let index = -1;
-  const lastIndex = arr.length - 1;
-
-  while (++index &lt; arr.length) {
-    const rand = index + Math.floor(Math.random() * (lastIndex - index + 1));
-    const value = arr[rand];
-
-    arr[rand] = arr[index];
-    arr[index] = value;
-  }
-
-  return arr;
-};
-
-/**
- * Factory function for creating new playlist implementation on the given player.
- *
- * API summary:
- *
- * playlist(['a', 'b', 'c']) // setter
- * playlist() // getter
- * playlist.currentItem() // getter, 0
- * playlist.currentItem(1) // setter, 1
- * playlist.next() // 'c'
- * playlist.previous() // 'b'
- * playlist.first() // 'a'
- * playlist.last() // 'c'
- * playlist.autoadvance(5) // 5 second delay
- * playlist.autoadvance() // cancel autoadvance
- *
- * @param  {Player} player
- *         The current player
- *
- * @param  {Array=} initialList
- *         If given, an initial list of sources with which to populate
- *         the playlist.
- *
- * @param  {number=}  initialIndex
- *         If given, the index of the item in the list that should
- *         be loaded first. If -1, no video is loaded. If omitted, The
- *         the first video is loaded.
- *
- * @return {Function}
- *         Returns the playlist function specific to the given player.
- */
-export default function factory(player, initialList, initialIndex = 0) {
-  let list = null;
-  let changing = false;
-
-  /**
-   * Get/set the playlist for a player.
-   *
-   * This function is added as an own property of the player and has its
-   * own methods which can be called to manipulate the internal state.
-   *
-   * @param  {Array} [newList]
-   *         If given, a new list of sources with which to populate the
-   *         playlist. Without this, the function acts as a getter.
-   *
-   * @param  {number}  [newIndex]
-   *         If given, the index of the item in the list that should
-   *         be loaded first. If -1, no video is loaded. If omitted, The
-   *         the first video is loaded.
-   *
-   * @return {Array}
-   *         The playlist
-   */
-  const playlist = player.playlist = (newList, newIndex = 0) => {
-    if (changing) {
-      throw new Error('do not call playlist() during a playlist change');
-    }
-
-    if (Array.isArray(newList)) {
-
-      // @todo - Simplify this to `list.slice()` for v5.
-      const previousPlaylist = Array.isArray(list) ? list.slice() : null;
-
-      list = newList.slice();
-
-      // Mark the playlist as changing during the duringplaylistchange lifecycle.
-      changing = true;
-
-      player.trigger({
-        type: 'duringplaylistchange',
-        nextIndex: newIndex,
-        nextPlaylist: list,
-        previousIndex: playlist.currentIndex_,
-
-        // @todo - Simplify this to simply pass along `previousPlaylist` for v5.
-        previousPlaylist: previousPlaylist || []
-      });
-
-      changing = false;
-
-      if (newIndex !== -1) {
-        playlist.currentItem(newIndex);
-      }
-
-      // The only time the previous playlist is null is the first call to this
-      // function. This allows us to fire the `duringplaylistchange` event
-      // every time the playlist is populated and to maintain backward
-      // compatibility by not firing the `playlistchange` event on the initial
-      // population of the list.
-      //
-      // @todo - Remove this condition in preparation for v5.
-      if (previousPlaylist) {
-        player.setTimeout(() => {
-          player.trigger('playlistchange');
-        }, 0);
-      }
-    }
-
-    // Always return a shallow clone of the playlist list.
-    return list.slice();
-  };
-
-  // On a new source, if there is no current item, disable auto-advance.
-  player.on('loadstart', () => {
-    if (playlist.currentItem() === -1) {
-      autoadvance.reset(player);
-    }
-  });
-
-  playlist.currentIndex_ = -1;
-  playlist.player_ = player;
-  playlist.autoadvance_ = {};
-  playlist.repeat_ = false;
-
-  /**
-   * Get or set the current item in the playlist.
-   *
-   * During the duringplaylistchange event, acts only as a getter.
-   *
-   * @param  {number} [index]
-   *         If given as a valid value, plays the playlist item at that index.
-   *
-   * @return {number}
-   *         The current item index.
-   */
-  playlist.currentItem = (index) => {
-
-    // If the playlist is changing, only act as a getter.
-    if (changing) {
-      return playlist.currentIndex_;
-    }
-
-    if (
-      typeof index === 'number' &amp;&amp;
-      playlist.currentIndex_ !== index &amp;&amp;
-      index >= 0 &amp;&amp;
-      index &lt; list.length
-    ) {
-      playlist.currentIndex_ = index;
-      playItem(
-        playlist.player_,
-        list[playlist.currentIndex_]
-      );
-    } else {
-      playlist.currentIndex_ = playlist.indexOf(playlist.player_.currentSrc() || '');
-    }
-
-    return playlist.currentIndex_;
-  };
-
-  /**
-   * Checks if the playlist contains a value.
-   *
-   * @param  {string|Object|Array} value
-   *         The value to check
-   *
-   * @return {boolean}
-   *         The result
-   */
-  playlist.contains = (value) => {
-    return playlist.indexOf(value) !== -1;
-  };
-
-  /**
-   * Gets the index of a value in the playlist or -1 if not found.
-   *
-   * @param  {string|Object|Array} value
-   *         The value to find the index of
-   *
-   * @return {number}
-   *         The index or -1
-   */
-  playlist.indexOf = (value) => {
-    if (typeof value === 'string') {
-      return indexInSources(list, value);
-    }
-
-    const sources = Array.isArray(value) ? value : value.sources;
-
-    for (let i = 0; i &lt; sources.length; i++) {
-      const source = sources[i];
-
-      if (typeof source === 'string') {
-        return indexInSources(list, source);
-      } else if (source.src) {
-        return indexInSources(list, source.src);
-      }
-    }
-
-    return -1;
-  };
-
-  /**
-   * Get the index of the current item in the playlist. This is identical to
-   * calling `currentItem()` with no arguments.
-   *
-   * @return {number}
-   *         The current item index.
-   */
-  playlist.currentIndex = () => playlist.currentItem();
-
-  /**
-   * Get the index of the last item in the playlist.
-   *
-   * @return {number}
-   *         The index of the last item in the playlist or -1 if there are no
-   *         items.
-   */
-  playlist.lastIndex = () => list.length - 1;
-
-  /**
-   * Get the index of the next item in the playlist.
-   *
-   * @return {number}
-   *         The index of the next item in the playlist or -1 if there is no
-   *         current item.
-   */
-  playlist.nextIndex = () => {
-    const current = playlist.currentItem();
-
-    if (current === -1) {
-      return -1;
-    }
-
-    const lastIndex = playlist.lastIndex();
-
-    // When repeating, loop back to the beginning on the last item.
-    if (playlist.repeat_ &amp;&amp; current === lastIndex) {
-      return 0;
-    }
-
-    // Don't go past the end of the playlist.
-    return Math.min(current + 1, lastIndex);
-  };
-
-  /**
-   * Get the index of the previous item in the playlist.
-   *
-   * @return {number}
-   *         The index of the previous item in the playlist or -1 if there is
-   *         no current item.
-   */
-  playlist.previousIndex = () => {
-    const current = playlist.currentItem();
-
-    if (current === -1) {
-      return -1;
-    }
-
-    // When repeating, loop back to the end of the playlist.
-    if (playlist.repeat_ &amp;&amp; current === 0) {
-      return playlist.lastIndex();
-    }
-
-    // Don't go past the beginning of the playlist.
-    return Math.max(current - 1, 0);
-  };
-
-  /**
-   * Plays the first item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if the list is empty.
-   */
-  playlist.first = () => {
-    if (changing) {
-      return;
-    }
-
-    if (list.length) {
-      return list[playlist.currentItem(0)];
-    }
-
-    playlist.currentIndex_ = -1;
-  };
-
-  /**
-   * Plays the last item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if the list is empty.
-   */
-  playlist.last = () => {
-    if (changing) {
-      return;
-    }
-
-    if (list.length) {
-      return list[playlist.currentItem(playlist.lastIndex())];
-    }
-
-    playlist.currentIndex_ = -1;
-  };
-
-  /**
-   * Plays the next item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if on last item.
-   */
-  playlist.next = () => {
-    if (changing) {
-      return;
-    }
-
-    const index = playlist.nextIndex();
-
-    if (index !== playlist.currentIndex_) {
-      return list[playlist.currentItem(index)];
-    }
-  };
-
-  /**
-   * Plays the previous item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if on first item.
-   */
-  playlist.previous = () => {
-    if (changing) {
-      return;
-    }
-
-    const index = playlist.previousIndex();
-
-    if (index !== playlist.currentIndex_) {
-      return list[playlist.currentItem(index)];
-    }
-  };
-
-  /**
-   * Set up auto-advance on the playlist.
-   *
-   * @param  {number} [delay]
-   *         The number of seconds to wait before each auto-advance.
-   */
-  playlist.autoadvance = (delay) => {
-    autoadvance.setup(playlist.player_, delay);
-  };
-
-  /**
-   * Sets `repeat` option, which makes the "next" video of the last video in
-   * the playlist be the first video in the playlist.
-   *
-   * @param  {boolean} [val]
-   *         The value to set repeat to
-   *
-   * @return {boolean}
-   *         The current value of repeat
-   */
-  playlist.repeat = (val) => {
-    if (val === undefined) {
-      return playlist.repeat_;
-    }
-
-    if (typeof val !== 'boolean') {
-      videojs.log.error('videojs-playlist: Invalid value for repeat', val);
-      return;
-    }
-
-    playlist.repeat_ = !!val;
-    return playlist.repeat_;
-  };
-
-  /**
-   * Sorts the playlist array.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort}
-   * @fires playlistsorted
-   *
-   * @param {Function} compare
-   *        A comparator function as per the native Array method.
-   */
-  playlist.sort = (compare) => {
-
-    // Bail if the array is empty.
-    if (!list.length) {
-      return;
-    }
-
-    list.sort(compare);
-
-    // If the playlist is changing, don't trigger events.
-    if (changing) {
-      return;
-    }
-
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-    player.trigger('playlistsorted');
-  };
-
-  /**
-   * Reverses the playlist array.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse}
-   * @fires playlistsorted
-   */
-  playlist.reverse = () => {
-
-    // Bail if the array is empty.
-    if (!list.length) {
-      return;
-    }
-
-    list.reverse();
-
-    // If the playlist is changing, don't trigger events.
-    if (changing) {
-      return;
-    }
-
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-    player.trigger('playlistsorted');
-  };
-
-  /**
-   * Shuffle the contents of the list randomly.
-   *
-   * @see   {@link https://github.com/lodash/lodash/blob/40e096b6d5291a025e365a0f4c010d9a0efb9a69/shuffle.js}
-   * @fires playlistsorted
-   * @todo  Make the `rest` option default to `true` in v5.0.0.
-   * @param {Object} [options]
-   *        An object containing shuffle options.
-   *
-   * @param {boolean} [options.rest = false]
-   *        By default, the entire playlist is randomized. However, this may
-   *        not be desirable in all cases, such as when a user is already
-   *        watching a video.
-   *
-   *        When `true` is passed for this option, it will only shuffle
-   *        playlist items after the current item. For example, when on the
-   *        first item, will shuffle the second item and beyond.
-   */
-  playlist.shuffle = ({rest} = {}) => {
-    let index = 0;
-    let arr = list;
-
-    // When options.rest is true, start randomization at the item after the
-    // current item.
-    if (rest) {
-      index = playlist.currentIndex_ + 1;
-      arr = list.slice(index);
-    }
-
-    // Bail if the array is empty or too short to shuffle.
-    if (arr.length &lt;= 1) {
-      return;
-    }
-
-    randomize(arr);
-
-    // When options.rest is true, splice the randomized sub-array back into
-    // the original array.
-    if (rest) {
-      list.splice(...[index, arr.length].concat(arr));
-    }
-
-    // If the playlist is changing, don't trigger events.
-    if (changing) {
-      return;
-    }
-
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-    player.trigger('playlistsorted');
-  };
-
-  // If an initial list was given, populate the playlist with it.
-  if (Array.isArray(initialList)) {
-    playlist(initialList.slice(), initialIndex);
-
-  // If there is no initial list given, silently set an empty array.
-  } else {
-    list = [];
-  }
-
-  return playlist;
-}
-</code></pre>
-        </article>
-    </section>
-
-
-
-
-</div>
-
-<nav>
-    <h2><a href="index.html">Home</a></h2><h3>Events</h3><ul><li><a href="global.html#event:playlistsorted">playlistsorted</a></li></ul><h3>Global</h3><ul><li><a href="global.html#clearTracks">clearTracks</a></li><li><a href="global.html#playItem">playItem</a></li><li><a href="global.html#plugin">plugin</a></li><li><a href="global.html#reset">reset</a></li><li><a href="global.html#setReset_">setReset_</a></li><li><a href="global.html#setup">setup</a></li></ul>
-</nav>
-
-<br class="clear">
-
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Jan 26 2018 12:37:44 GMT-0500 (EST)
-</footer>
-
-<script> prettyPrint(); </script>
-<script src="scripts/linenumber.js"> </script>
-</body>
-</html>
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/plugin.js.html b/negromate/web/static/js/videojs-playlist/docs/api/plugin.js.html
deleted file mode 100644
index 3673e2f..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/plugin.js.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>JSDoc: Source: plugin.js</title>
-
-    <script src="scripts/prettify/prettify.js"> </script>
-    <script src="scripts/prettify/lang-css.js"> </script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
-</head>
-
-<body>
-
-<div id="main">
-
-    <h1 class="page-title">Source: plugin.js</h1>
-
-    
-
-
-
-    
-    <section>
-        <article>
-            <pre class="prettyprint source linenums"><code>import videojs from 'video.js';
-import playlistMaker from './playlist-maker';
-import {version as VERSION} from '../package.json';
-
-// Video.js 5/6 cross-compatible.
-const registerPlugin = videojs.registerPlugin || videojs.plugin;
-
-/**
- * The video.js playlist plugin. Invokes the playlist-maker to create a
- * playlist function on the specific player.
- *
- * @param {Array} list
- *        a list of sources
- *
- * @param {number} item
- *        The index to start at
- */
-const plugin = function(list, item) {
-  playlistMaker(this, list, item);
-};
-
-registerPlugin('playlist', plugin);
-
-plugin.VERSION = VERSION;
-
-export default plugin;
-</code></pre>
-        </article>
-    </section>
-
-
-
-
-</div>
-
-<nav>
-    <h2><a href="index.html">Home</a></h2><h3>Events</h3><ul><li><a href="global.html#event:playlistsorted">playlistsorted</a></li></ul><h3>Global</h3><ul><li><a href="global.html#clearTracks">clearTracks</a></li><li><a href="global.html#playItem">playItem</a></li><li><a href="global.html#plugin">plugin</a></li><li><a href="global.html#reset">reset</a></li><li><a href="global.html#setReset_">setReset_</a></li><li><a href="global.html#setup">setup</a></li></ul>
-</nav>
-
-<br class="clear">
-
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Fri Jan 26 2018 12:37:44 GMT-0500 (EST)
-</footer>
-
-<script> prettyPrint(); </script>
-<script src="scripts/linenumber.js"> </script>
-</body>
-</html>
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/scripts/linenumber.js b/negromate/web/static/js/videojs-playlist/docs/api/scripts/linenumber.js
deleted file mode 100644
index 8d52f7e..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/scripts/linenumber.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/*global document */
-(function() {
-    var source = document.getElementsByClassName('prettyprint source linenums');
-    var i = 0;
-    var lineNumber = 0;
-    var lineId;
-    var lines;
-    var totalLines;
-    var anchorHash;
-
-    if (source && source[0]) {
-        anchorHash = document.location.hash.substring(1);
-        lines = source[0].getElementsByTagName('li');
-        totalLines = lines.length;
-
-        for (; i < totalLines; i++) {
-            lineNumber++;
-            lineId = 'line' + lineNumber;
-            lines[i].id = lineId;
-            if (lineId === anchorHash) {
-                lines[i].className += ' selected';
-            }
-        }
-    }
-})();
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/Apache-License-2.0.txt b/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/Apache-License-2.0.txt
deleted file mode 100644
index d645695..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/Apache-License-2.0.txt
+++ /dev/null
@@ -1,202 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/lang-css.js b/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/lang-css.js
deleted file mode 100644
index 041e1f5..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/lang-css.js
+++ /dev/null
@@ -1,2 +0,0 @@
-PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\n"]],[["str",/^"(?:[^\n\f\r"\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*"/,null],["str",/^'(?:[^\n\f\r'\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*'/,null],["lang-css-str",/^url\(([^"')]*)\)/i],["kwd",/^(?:url|rgb|!important|@import|@page|@media|@charset|inherit)(?=[^\w-]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*)\s*:/i],["com",/^\/\*[^*]*\*+(?:[^*/][^*]*\*+)*\//],["com",
-/^(?:<\!--|--\>)/],["lit",/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],["lit",/^#[\da-f]{3,6}/i],["pln",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i],["pun",/^[^\s\w"']+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[["kwd",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[["str",/^[^"')]+/]]),["css-str"]);
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/prettify.js b/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/prettify.js
deleted file mode 100644
index eef5ad7..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/scripts/prettify/prettify.js
+++ /dev/null
@@ -1,28 +0,0 @@
-var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
-(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a=
-[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c<i;++c){var j=f[c];if(/\\[bdsw]/i.test(j))a.push(j);else{var j=m(j),d;c+2<i&&"-"===f[c+1]?(d=m(f[c+2]),c+=2):d=j;b.push([j,d]);d<65||j>122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;c<b.length;++c)i=b[c],i[0]<=j[1]+1?j[1]=Math.max(j[1],i[1]):f.push(j=i);b=["["];o&&b.push("^");b.push.apply(b,a);for(c=0;c<
-f.length;++c)i=f[c],b.push(e(i[0])),i[1]>i[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c<b;++c){var j=f[c];j==="("?++i:"\\"===j.charAt(0)&&(j=+j.substring(1))&&j<=i&&(d[j]=-1)}for(c=1;c<d.length;++c)-1===d[c]&&(d[c]=++t);for(i=c=0;c<b;++c)j=f[c],j==="("?(++i,d[i]===void 0&&(f[c]="(?:")):"\\"===j.charAt(0)&&
-(j=+j.substring(1))&&j<=i&&(f[c]="\\"+d[i]);for(i=c=0;c<b;++c)"^"===f[c]&&"^"!==f[c+1]&&(f[c]="");if(a.ignoreCase&&s)for(c=0;c<b;++c)j=f[c],a=j.charAt(0),j.length>=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p<d;++p){var g=a[p];if(g.ignoreCase)l=!0;else if(/[a-z]/i.test(g.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){s=!0;l=!1;break}}for(var r=
-{b:8,t:9,n:10,v:11,f:12,r:13},n=[],p=0,d=a.length;p<d;++p){g=a[p];if(g.global||g.multiline)throw Error(""+g);n.push("(?:"+y(g)+")")}return RegExp(n.join("|"),l?"gi":"g")}function M(a){function m(a){switch(a.nodeType){case 1:if(e.test(a.className))break;for(var g=a.firstChild;g;g=g.nextSibling)m(g);g=a.nodeName;if("BR"===g||"LI"===g)h[s]="\n",t[s<<1]=y++,t[s++<<1|1]=a;break;case 3:case 4:g=a.nodeValue,g.length&&(g=p?g.replace(/\r\n?/g,"\n"):g.replace(/[\t\n\r ]+/g," "),h[s]=g,t[s<<1]=y,y+=g.length,
-t[s++<<1|1]=a)}}var e=/(?:^|\s)nocode(?:\s|$)/,h=[],y=0,t=[],s=0,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=document.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);m(a);return{a:h.join("").replace(/\n$/,""),c:t}}function B(a,m,e,h){m&&(a={a:m,d:a},e(a),h.push.apply(h,a.e))}function x(a,m){function e(a){for(var l=a.d,p=[l,"pln"],d=0,g=a.a.match(y)||[],r={},n=0,z=g.length;n<z;++n){var f=g[n],b=r[f],o=void 0,c;if(typeof b===
-"string")c=!1;else{var i=h[f.charAt(0)];if(i)o=f.match(i[1]),b=i[0];else{for(c=0;c<t;++c)if(i=m[c],o=f.match(i[1])){b=i[0];break}o||(b="pln")}if((c=b.length>=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m),
-l=[],p={},d=0,g=e.length;d<g;++d){var r=e[d],n=r[3];if(n)for(var k=n.length;--k>=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/,
-q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/,
-q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g,
-"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a),
-a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e}
-for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g<d.length;++g)e(d[g]);m===(m|0)&&d[0].setAttribute("value",
-m);var r=s.createElement("OL");r.className="linenums";for(var n=Math.max(0,m-1|0)||0,g=0,z=d.length;g<z;++g)l=d[g],l.className="L"+(g+n)%10,l.firstChild||l.appendChild(s.createTextNode("\xa0")),r.appendChild(l);a.appendChild(r)}function k(a,m){for(var e=m.length;--e>=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*</.test(m)?"default-markup":"default-code";return A[a]}function E(a){var m=
-a.g;try{var e=M(a.h),h=e.a;a.a=h;a.c=e.c;a.d=0;C(m,h)(a);var k=/\bMSIE\b/.test(navigator.userAgent),m=/\n/g,t=a.a,s=t.length,e=0,l=a.c,p=l.length,h=0,d=a.e,g=d.length,a=0;d[g]=s;var r,n;for(n=r=0;n<g;)d[n]!==d[n+2]?(d[r++]=d[n++],d[r++]=d[n++]):n+=2;g=r;for(n=r=0;n<g;){for(var z=d[n],f=d[n+1],b=n+2;b+2<=g&&d[b+1]===f;)b+=2;d[r++]=z;d[r++]=f;n=b}for(d.length=r;h<p;){var o=l[h+2]||s,c=d[a+2]||s,b=Math.min(o,c),i=l[h+1],j;if(i.nodeType!==1&&(j=t.substring(e,b))){k&&(j=j.replace(m,"\r"));i.nodeValue=
-j;var u=i.ownerDocument,v=u.createElement("SPAN");v.className=d[a+1];var x=i.parentNode;x.replaceChild(v,i);v.appendChild(i);e<o&&(l[h+1]=i=u.createTextNode(t.substring(b,o)),x.insertBefore(i,v.nextSibling))}e=b;e>=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
-"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"],
-H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
-J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+
-I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),
-["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css",
-/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),
-["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes",
-hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p<h.length&&l.now()<e;p++){var n=h[p],k=n.className;if(k.indexOf("prettyprint")>=0){var k=k.match(g),f,b;if(b=
-!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p<h.length?setTimeout(m,
-250):a&&a()}for(var e=[document.getElementsByTagName("pre"),document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],h=[],k=0;k<e.length;++k)for(var t=0,s=e[k].length;t<s;++t)h.push(e[k][t]);var e=q,l=Date;l.now||(l={now:function(){return+new Date}});var p=0,d,g=/\blang(?:uage)?-([\w.]+)(?!\S)/;m()};window.PR={createSimpleLexer:x,registerLangHandler:k,sourceDecorator:u,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",
-PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ"}})();
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/styles/jsdoc-default.css b/negromate/web/static/js/videojs-playlist/docs/api/styles/jsdoc-default.css
deleted file mode 100644
index 9207bc8..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/styles/jsdoc-default.css
+++ /dev/null
@@ -1,358 +0,0 @@
-@font-face {
-    font-family: 'Open Sans';
-    font-weight: normal;
-    font-style: normal;
-    src: url('../fonts/OpenSans-Regular-webfont.eot');
-    src:
-        local('Open Sans'),
-        local('OpenSans'),
-        url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
-        url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
-}
-
-@font-face {
-    font-family: 'Open Sans Light';
-    font-weight: normal;
-    font-style: normal;
-    src: url('../fonts/OpenSans-Light-webfont.eot');
-    src:
-        local('Open Sans Light'),
-        local('OpenSans Light'),
-        url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
-        url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
-}
-
-html
-{
-    overflow: auto;
-    background-color: #fff;
-    font-size: 14px;
-}
-
-body
-{
-    font-family: 'Open Sans', sans-serif;
-    line-height: 1.5;
-    color: #4d4e53;
-    background-color: white;
-}
-
-a, a:visited, a:active {
-    color: #0095dd;
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: underline;
-}
-
-header
-{
-    display: block;
-    padding: 0px 4px;
-}
-
-tt, code, kbd, samp {
-    font-family: Consolas, Monaco, 'Andale Mono', monospace;
-}
-
-.class-description {
-    font-size: 130%;
-    line-height: 140%;
-    margin-bottom: 1em;
-    margin-top: 1em;
-}
-
-.class-description:empty {
-    margin: 0;
-}
-
-#main {
-    float: left;
-    width: 70%;
-}
-
-article dl {
-    margin-bottom: 40px;
-}
-
-article img {
-  max-width: 100%;
-}
-
-section
-{
-    display: block;
-    background-color: #fff;
-    padding: 12px 24px;
-    border-bottom: 1px solid #ccc;
-    margin-right: 30px;
-}
-
-.variation {
-    display: none;
-}
-
-.signature-attributes {
-    font-size: 60%;
-    color: #aaa;
-    font-style: italic;
-    font-weight: lighter;
-}
-
-nav
-{
-    display: block;
-    float: right;
-    margin-top: 28px;
-    width: 30%;
-    box-sizing: border-box;
-    border-left: 1px solid #ccc;
-    padding-left: 16px;
-}
-
-nav ul {
-    font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
-    font-size: 100%;
-    line-height: 17px;
-    padding: 0;
-    margin: 0;
-    list-style-type: none;
-}
-
-nav ul a, nav ul a:visited, nav ul a:active {
-    font-family: Consolas, Monaco, 'Andale Mono', monospace;
-    line-height: 18px;
-    color: #4D4E53;
-}
-
-nav h3 {
-    margin-top: 12px;
-}
-
-nav li {
-    margin-top: 6px;
-}
-
-footer {
-    display: block;
-    padding: 6px;
-    margin-top: 12px;
-    font-style: italic;
-    font-size: 90%;
-}
-
-h1, h2, h3, h4 {
-    font-weight: 200;
-    margin: 0;
-}
-
-h1
-{
-    font-family: 'Open Sans Light', sans-serif;
-    font-size: 48px;
-    letter-spacing: -2px;
-    margin: 12px 24px 20px;
-}
-
-h2, h3.subsection-title
-{
-    font-size: 30px;
-    font-weight: 700;
-    letter-spacing: -1px;
-    margin-bottom: 12px;
-}
-
-h3
-{
-    font-size: 24px;
-    letter-spacing: -0.5px;
-    margin-bottom: 12px;
-}
-
-h4
-{
-    font-size: 18px;
-    letter-spacing: -0.33px;
-    margin-bottom: 12px;
-    color: #4d4e53;
-}
-
-h5, .container-overview .subsection-title
-{
-    font-size: 120%;
-    font-weight: bold;
-    letter-spacing: -0.01em;
-    margin: 8px 0 3px 0;
-}
-
-h6
-{
-    font-size: 100%;
-    letter-spacing: -0.01em;
-    margin: 6px 0 3px 0;
-    font-style: italic;
-}
-
-table
-{
-    border-spacing: 0;
-    border: 0;
-    border-collapse: collapse;
-}
-
-td, th
-{
-    border: 1px solid #ddd;
-    margin: 0px;
-    text-align: left;
-    vertical-align: top;
-    padding: 4px 6px;
-    display: table-cell;
-}
-
-thead tr
-{
-    background-color: #ddd;
-    font-weight: bold;
-}
-
-th { border-right: 1px solid #aaa; }
-tr > th:last-child { border-right: 1px solid #ddd; }
-
-.ancestors, .attribs { color: #999; }
-.ancestors a, .attribs a
-{
-    color: #999 !important;
-    text-decoration: none;
-}
-
-.clear
-{
-    clear: both;
-}
-
-.important
-{
-    font-weight: bold;
-    color: #950B02;
-}
-
-.yes-def {
-    text-indent: -1000px;
-}
-
-.type-signature {
-    color: #aaa;
-}
-
-.name, .signature {
-    font-family: Consolas, Monaco, 'Andale Mono', monospace;
-}
-
-.details { margin-top: 14px; border-left: 2px solid #DDD; }
-.details dt { width: 120px; float: left; padding-left: 10px;  padding-top: 6px; }
-.details dd { margin-left: 70px; }
-.details ul { margin: 0; }
-.details ul { list-style-type: none; }
-.details li { margin-left: 30px; padding-top: 6px; }
-.details pre.prettyprint { margin: 0 }
-.details .object-value { padding-top: 0; }
-
-.description {
-    margin-bottom: 1em;
-    margin-top: 1em;
-}
-
-.code-caption
-{
-    font-style: italic;
-    font-size: 107%;
-    margin: 0;
-}
-
-.prettyprint
-{
-    border: 1px solid #ddd;
-    width: 80%;
-    overflow: auto;
-}
-
-.prettyprint.source {
-    width: inherit;
-}
-
-.prettyprint code
-{
-    font-size: 100%;
-    line-height: 18px;
-    display: block;
-    padding: 4px 12px;
-    margin: 0;
-    background-color: #fff;
-    color: #4D4E53;
-}
-
-.prettyprint code span.line
-{
-  display: inline-block;
-}
-
-.prettyprint.linenums
-{
-  padding-left: 70px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.prettyprint.linenums ol
-{
-  padding-left: 0;
-}
-
-.prettyprint.linenums li
-{
-  border-left: 3px #ddd solid;
-}
-
-.prettyprint.linenums li.selected,
-.prettyprint.linenums li.selected *
-{
-  background-color: lightyellow;
-}
-
-.prettyprint.linenums li *
-{
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
-  user-select: text;
-}
-
-.params .name, .props .name, .name code {
-    color: #4D4E53;
-    font-family: Consolas, Monaco, 'Andale Mono', monospace;
-    font-size: 100%;
-}
-
-.params td.description > p:first-child,
-.props td.description > p:first-child
-{
-    margin-top: 0;
-    padding-top: 0;
-}
-
-.params td.description > p:last-child,
-.props td.description > p:last-child
-{
-    margin-bottom: 0;
-    padding-bottom: 0;
-}
-
-.disabled {
-    color: #454545;
-}
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/styles/prettify-jsdoc.css b/negromate/web/static/js/videojs-playlist/docs/api/styles/prettify-jsdoc.css
deleted file mode 100644
index 5a2526e..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/styles/prettify-jsdoc.css
+++ /dev/null
@@ -1,111 +0,0 @@
-/* JSDoc prettify.js theme */
-
-/* plain text */
-.pln {
-  color: #000000;
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* string content */
-.str {
-  color: #006400;
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* a keyword */
-.kwd {
-  color: #000000;
-  font-weight: bold;
-  font-style: normal;
-}
-
-/* a comment */
-.com {
-  font-weight: normal;
-  font-style: italic;
-}
-
-/* a type name */
-.typ {
-  color: #000000;
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* a literal value */
-.lit {
-  color: #006400;
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* punctuation */
-.pun {
-  color: #000000;
-  font-weight: bold;
-  font-style: normal;
-}
-
-/* lisp open bracket */
-.opn {
-  color: #000000;
-  font-weight: bold;
-  font-style: normal;
-}
-
-/* lisp close bracket */
-.clo {
-  color: #000000;
-  font-weight: bold;
-  font-style: normal;
-}
-
-/* a markup tag name */
-.tag {
-  color: #006400;
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* a markup attribute name */
-.atn {
-  color: #006400;
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* a markup attribute value */
-.atv {
-  color: #006400;
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* a declaration */
-.dec {
-  color: #000000;
-  font-weight: bold;
-  font-style: normal;
-}
-
-/* a variable name */
-.var {
-  color: #000000;
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* a function name */
-.fun {
-  color: #000000;
-  font-weight: bold;
-  font-style: normal;
-}
-
-/* Specify class=linenums on a pre to get line numbering */
-ol.linenums {
-  margin-top: 0;
-  margin-bottom: 0;
-}
diff --git a/negromate/web/static/js/videojs-playlist/docs/api/styles/prettify-tomorrow.css b/negromate/web/static/js/videojs-playlist/docs/api/styles/prettify-tomorrow.css
deleted file mode 100644
index b6f92a7..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/api/styles/prettify-tomorrow.css
+++ /dev/null
@@ -1,132 +0,0 @@
-/* Tomorrow Theme */
-/* Original theme - https://github.com/chriskempson/tomorrow-theme */
-/* Pretty printing styles. Used with prettify.js. */
-/* SPAN elements with the classes below are added by prettyprint. */
-/* plain text */
-.pln {
-  color: #4d4d4c; }
-
-@media screen {
-  /* string content */
-  .str {
-    color: #718c00; }
-
-  /* a keyword */
-  .kwd {
-    color: #8959a8; }
-
-  /* a comment */
-  .com {
-    color: #8e908c; }
-
-  /* a type name */
-  .typ {
-    color: #4271ae; }
-
-  /* a literal value */
-  .lit {
-    color: #f5871f; }
-
-  /* punctuation */
-  .pun {
-    color: #4d4d4c; }
-
-  /* lisp open bracket */
-  .opn {
-    color: #4d4d4c; }
-
-  /* lisp close bracket */
-  .clo {
-    color: #4d4d4c; }
-
-  /* a markup tag name */
-  .tag {
-    color: #c82829; }
-
-  /* a markup attribute name */
-  .atn {
-    color: #f5871f; }
-
-  /* a markup attribute value */
-  .atv {
-    color: #3e999f; }
-
-  /* a declaration */
-  .dec {
-    color: #f5871f; }
-
-  /* a variable name */
-  .var {
-    color: #c82829; }
-
-  /* a function name */
-  .fun {
-    color: #4271ae; } }
-/* Use higher contrast and text-weight for printable form. */
-@media print, projection {
-  .str {
-    color: #060; }
-
-  .kwd {
-    color: #006;
-    font-weight: bold; }
-
-  .com {
-    color: #600;
-    font-style: italic; }
-
-  .typ {
-    color: #404;
-    font-weight: bold; }
-
-  .lit {
-    color: #044; }
-
-  .pun, .opn, .clo {
-    color: #440; }
-
-  .tag {
-    color: #006;
-    font-weight: bold; }
-
-  .atn {
-    color: #404; }
-
-  .atv {
-    color: #060; } }
-/* Style */
-/*
-pre.prettyprint {
-  background: white;
-  font-family: Consolas, Monaco, 'Andale Mono', monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  border: 1px solid #ccc;
-  padding: 10px; }
-*/
-
-/* Specify class=linenums on a pre to get line numbering */
-ol.linenums {
-  margin-top: 0;
-  margin-bottom: 0; }
-
-/* IE indents via margin-left */
-li.L0,
-li.L1,
-li.L2,
-li.L3,
-li.L4,
-li.L5,
-li.L6,
-li.L7,
-li.L8,
-li.L9 {
-  /* */ }
-
-/* Alternate shading for lines */
-li.L1,
-li.L3,
-li.L5,
-li.L7,
-li.L9 {
-  /* */ }
diff --git a/negromate/web/static/js/videojs-playlist/docs/index.md b/negromate/web/static/js/videojs-playlist/docs/index.md
deleted file mode 100644
index eefef5f..0000000
--- a/negromate/web/static/js/videojs-playlist/docs/index.md
+++ /dev/null
@@ -1 +0,0 @@
-# Documentation for videojs-playlist
diff --git a/negromate/web/static/js/videojs-playlist/index.html b/negromate/web/static/js/videojs-playlist/index.html
deleted file mode 100644
index a655478..0000000
--- a/negromate/web/static/js/videojs-playlist/index.html
+++ /dev/null
@@ -1,114 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>videojs-playlist Demo</title>
-  <link href="/node_modules/video.js/dist/video-js.css" rel="stylesheet">
-  <style>
-
-    button {
-      margin: 1em;
-      width: 10em;
-    }
-
-    .options {
-      margin: 1em;
-    }
-
-    .autoadvance-group label {
-      margin: 10px;
-    }
-  </style>
-</head>
-<body>
-  <video class="video-js vjs-default-skin" controls width="640px" height="360px"></video>
-  <button class="previous">Previous</button>
-  <button class="next">Next</button>
-  <div class="options">
-    <div class="autoadvance-group">
-      <h4>Auto-advance (in seconds)</h4>
-      <label><input type="radio" name="autoadvance" value="null" checked> No auto-advance</label>
-      <label><input type="radio" name="autoadvance" value="0"> 0</label>
-      <label><input type="radio" name="autoadvance" value="5"> 5</label>
-      <label><input type="radio" name="autoadvance" value="10"> 10</label>
-      <label><input type="radio" name="autoadvance" value="30"> 30</label>
-    </div>
-    <div class="repeat-group">
-      <h4>Repeat</h4>
-      <label><input class="repeat" type="checkbox" name="repeat" > Enable Repeat</label>
-    </div>
-  </div>
-  <ul>
-    <li><a href="/test/debug.html">Run unit tests in browser.</a></li>
-  </ul>
-  <script src="/node_modules/video.js/dist/video.js"></script>
-  <script src="/dist/videojs-playlist.js"></script>
-  <script>
-    var videoList = [{
-      sources: [{
-        src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-        type: 'video/mp4'
-      }],
-      poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-    }, {
-      sources: [{
-        src: 'http://vjs.zencdn.net/v/oceans.mp4',
-        type: 'video/mp4'
-      }],
-      poster: 'http://www.videojs.com/img/poster.jpg'
-    }, {
-      sources: [{
-        src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-        type: 'video/mp4'
-      }],
-      poster: 'http://media.w3.org/2010/05/video/poster.png'
-    }];
-
-    var player = videojs(document.querySelector('video'), {
-      inactivityTimeout: 0
-    });
-
-    try {
-      // try on ios
-      player.volume(0);
-    } catch (e) {}
-
-    player.on([
-      'duringplaylistchange',
-      'playlistchange',
-      'beforeplaylistitem',
-      'playlistitem',
-      'playlistsorted'
-    ], function(e) {
-      videojs.log('player saw "' + e.type + '"');
-    });
-
-    player.playlist(videoList);
-
-    document.querySelector('.previous').addEventListener('click', function() {
-      player.playlist.previous();
-    });
-
-    document.querySelector('.next').addEventListener('click', function() {
-      player.playlist.next();
-    });
-
-    Array.prototype.forEach.call(document.querySelectorAll('[name=autoadvance]'), function(el) {
-      el.addEventListener('click', function() {
-        var value = document.querySelector('[name=autoadvance]:checked').value;
-        player.playlist.autoadvance(Number(value));
-      });
-    });
-
-    document.querySelector('[name="autoadvance"][value="null"]').click();
-
-    var repeatCheckbox = document.querySelector('.repeat');
-
-    repeatCheckbox.addEventListener('click', function() {
-      player.playlist.repeat(this.checked);
-    });
-
-    repeatCheckbox.checked = false;
-  </script>
-</body>
-</html>
diff --git a/negromate/web/static/js/videojs-playlist/package.json b/negromate/web/static/js/videojs-playlist/package.json
deleted file mode 100644
index dd8ed5c..0000000
--- a/negromate/web/static/js/videojs-playlist/package.json
+++ /dev/null
@@ -1,137 +0,0 @@
-{
-  "_from": "videojs-playlist",
-  "_id": "videojs-playlist@4.2.6",
-  "_inBundle": false,
-  "_integrity": "sha512-nxHI5Pyxk06PaZi1utzarAy1Z+DSnZiCrsFWF8AEFbnKPgU4RdxgLeK1AlYtQKwgujyYMyiGymF5p/I/UFuhjg==",
-  "_location": "/videojs-playlist",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "tag",
-    "registry": true,
-    "raw": "videojs-playlist",
-    "name": "videojs-playlist",
-    "escapedName": "videojs-playlist",
-    "rawSpec": "",
-    "saveSpec": null,
-    "fetchSpec": "latest"
-  },
-  "_requiredBy": [
-    "#USER",
-    "/"
-  ],
-  "_resolved": "https://registry.npmjs.org/videojs-playlist/-/videojs-playlist-4.2.6.tgz",
-  "_shasum": "c318e8bb629cc9b24ecc2a78fa428819f87ceb6c",
-  "_spec": "videojs-playlist",
-  "_where": "/home/shagi/negro_mate/web/negromateweb/static",
-  "author": {
-    "name": "Brightcove, Inc."
-  },
-  "browserslist": [
-    "defaults",
-    "ie 11"
-  ],
-  "bugs": {
-    "url": "https://github.com/brightcove/videojs-playlist/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "global": "^4.3.2",
-    "video.js": "^6 || ^7"
-  },
-  "deprecated": false,
-  "description": "Playlist plugin for Video.js",
-  "devDependencies": {
-    "conventional-changelog-cli": "^2.0.1",
-    "conventional-changelog-videojs": "^3.0.0",
-    "doctoc": "^1.3.1",
-    "husky": "^1.0.0-rc.13",
-    "in-publish": "^2.0.0",
-    "jsdoc": "git+https://github.com/BrandonOCasey/jsdoc.git#feat/plugin-from-cli",
-    "karma": "^3.0.0",
-    "lint-staged": "^7.2.2",
-    "not-prerelease": "^1.0.1",
-    "npm-merge-driver-install": "^1.0.0",
-    "npm-run-all": "^4.1.3",
-    "pkg-ok": "^2.2.0",
-    "rollup": "^0.65.0",
-    "shx": "^0.3.2",
-    "sinon": "^6.1.5",
-    "videojs-generate-karma-config": "~3.0.0",
-    "videojs-generate-rollup-config": "~2.1.0",
-    "videojs-standard": "^7.0.1"
-  },
-  "engines": {
-    "node": ">=4.4.0"
-  },
-  "files": [
-    "CONTRIBUTING.md",
-    "dist/",
-    "docs/",
-    "index.html",
-    "scripts/",
-    "src/",
-    "test/"
-  ],
-  "generator-videojs-plugin": {
-    "version": "7.2.4"
-  },
-  "homepage": "https://github.com/brightcove/videojs-playlist#readme",
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "keywords": [
-    "playlist",
-    "videojs",
-    "videojs-plugin"
-  ],
-  "license": "Apache-2.0",
-  "lint-staged": {
-    "*.js": [
-      "vjsstandard --fix",
-      "git add"
-    ],
-    "README.md": [
-      "npm run docs:toc",
-      "git add"
-    ]
-  },
-  "main": "dist/videojs-playlist.cjs.js",
-  "module": "dist/videojs-playlist.es.js",
-  "name": "videojs-playlist",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/brightcove/videojs-playlist.git"
-  },
-  "scripts": {
-    "build": "npm-run-all -p build:*",
-    "build:js": "rollup -c scripts/rollup.config.js",
-    "clean": "shx rm -rf ./dist ./test/dist",
-    "docs": "npm-run-all docs:*",
-    "docs:api": "jsdoc src -g plugins/markdown -r -d docs/api",
-    "docs:toc": "doctoc README.md",
-    "lint": "vjsstandard",
-    "postclean": "shx mkdir -p ./dist ./test/dist",
-    "posttest": "shx cat test/dist/coverage/text.txt",
-    "prebuild": "npm run clean",
-    "prepublish": "not-in-install && npm run build && pkg-ok || in-install",
-    "pretest": "npm-run-all lint build",
-    "preversion": "npm test",
-    "server": "karma start scripts/karma.conf.js --singleRun=false --auto-watch",
-    "start": "npm-run-all -p server watch",
-    "test": "karma start scripts/karma.conf.js",
-    "update-changelog": "conventional-changelog -p videojs -i CHANGELOG.md -s",
-    "version": "is-prerelease || npm run update-changelog && git add CHANGELOG.md",
-    "watch": "npm-run-all -p watch:*",
-    "watch:js": "npm run build:js -- -w"
-  },
-  "version": "4.2.6",
-  "vjsstandard": {
-    "ignore": [
-      "dist",
-      "docs",
-      "test/dist"
-    ]
-  }
-}
diff --git a/negromate/web/static/js/videojs-playlist/scripts/karma.conf.js b/negromate/web/static/js/videojs-playlist/scripts/karma.conf.js
deleted file mode 100644
index 751e0cd..0000000
--- a/negromate/web/static/js/videojs-playlist/scripts/karma.conf.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const generate = require('videojs-generate-karma-config');
-
-module.exports = function(config) {
-
-  // see https://github.com/videojs/videojs-generate-karma-config
-  // for options
-  const options = {};
-
-  config = generate(config, options);
-
-  // any other custom stuff not supported by options here!
-};
-
diff --git a/negromate/web/static/js/videojs-playlist/scripts/rollup.config.js b/negromate/web/static/js/videojs-playlist/scripts/rollup.config.js
deleted file mode 100644
index ee2611c..0000000
--- a/negromate/web/static/js/videojs-playlist/scripts/rollup.config.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const generate = require('videojs-generate-rollup-config');
-
-// see https://github.com/videojs/videojs-generate-rollup-config
-// for options
-const options = {};
-const config = generate(options);
-
-// Add additonal builds/customization here!
-
-// export the builds to rollup
-export default Object.values(config.builds);
diff --git a/negromate/web/static/js/videojs-playlist/src/auto-advance.js b/negromate/web/static/js/videojs-playlist/src/auto-advance.js
deleted file mode 100644
index 29ad2ae..0000000
--- a/negromate/web/static/js/videojs-playlist/src/auto-advance.js
+++ /dev/null
@@ -1,97 +0,0 @@
-
-/**
- * Validates a number of seconds to use as the auto-advance delay.
- *
- * @private
- * @param   {number} s
- *          The number to check
- *
- * @return  {boolean}
- *          Whether this is a valid second or not
- */
-const validSeconds = s =>
-  typeof s === 'number' && !isNaN(s) && s >= 0 && s < Infinity;
-
-/**
- * Resets the auto-advance behavior of a player.
- *
- * @param {Player} player
- *        The player to reset the behavior on
- */
-let reset = (player) => {
-  const aa = player.playlist.autoadvance_;
-
-  if (aa.timeout) {
-    player.clearTimeout(aa.timeout);
-  }
-
-  if (aa.trigger) {
-    player.off('ended', aa.trigger);
-  }
-
-  aa.timeout = null;
-  aa.trigger = null;
-};
-
-/**
- * Sets up auto-advance behavior on a player.
- *
- * @param  {Player} player
- *         the current player
- *
- * @param  {number} delay
- *         The number of seconds to wait before each auto-advance.
- *
- * @return {undefined}
- *         Used to short circuit function logic
- */
-const setup = (player, delay) => {
-  reset(player);
-
-  // Before queuing up new auto-advance behavior, check if `seconds` was
-  // called with a valid value.
-  if (!validSeconds(delay)) {
-    player.playlist.autoadvance_.delay = null;
-    return;
-  }
-
-  player.playlist.autoadvance_.delay = delay;
-
-  player.playlist.autoadvance_.trigger = function() {
-
-    // This calls setup again, which will reset the existing auto-advance and
-    // set up another auto-advance for the next "ended" event.
-    const cancelOnPlay = () => setup(player, delay);
-
-    // If there is a "play" event while we're waiting for an auto-advance,
-    // we need to cancel the auto-advance. This could mean the user seeked
-    // back into the content or restarted the content. This is reproducible
-    // with an auto-advance > 0.
-    player.one('play', cancelOnPlay);
-
-    player.playlist.autoadvance_.timeout = player.setTimeout(() => {
-      reset(player);
-      player.off('play', cancelOnPlay);
-      player.playlist.next();
-    }, delay * 1000);
-  };
-
-  player.one('ended', player.playlist.autoadvance_.trigger);
-};
-
-/**
- * Used to change the reset function in this module at runtime
- * This should only be used in tests.
- *
- * @param {Function} fn
- *        The function to se the reset to
- */
-const setReset_ = (fn) => {
-  reset = fn;
-};
-
-export {
-  setReset_,
-  reset,
-  setup
-};
diff --git a/negromate/web/static/js/videojs-playlist/src/play-item.js b/negromate/web/static/js/videojs-playlist/src/play-item.js
deleted file mode 100644
index 33e9174..0000000
--- a/negromate/web/static/js/videojs-playlist/src/play-item.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import {setup} from './auto-advance.js';
-
-/**
- * Removes all remote text tracks from a player.
- *
- * @param  {Player} player
- *         The player to clear tracks on
- */
-const clearTracks = (player) => {
-  const tracks = player.remoteTextTracks();
-  let i = tracks && tracks.length || 0;
-
-  // This uses a `while` loop rather than `forEach` because the
-  // `TextTrackList` object is a live DOM list (not an array).
-  while (i--) {
-    player.removeRemoteTextTrack(tracks[i]);
-  }
-};
-
-/**
- * Plays an item on a player's playlist.
- *
- * @param  {Player} player
- *         The player to play the item on
- *
- * @param  {Object} item
- *         A source from the playlist.
- *
- * @return {Player}
- *         The player that is now playing the item
- */
-const playItem = (player, item) => {
-  const replay = !player.paused() || player.ended();
-
-  player.trigger('beforeplaylistitem', item);
-  player.poster(item.poster || '');
-  player.src(item.sources);
-  clearTracks(player);
-
-  player.ready(() => {
-    (item.textTracks || []).forEach(player.addRemoteTextTrack.bind(player));
-    player.trigger('playlistitem', item);
-
-    if (replay) {
-      const playPromise = player.play();
-
-      // silence error when a pause interrupts a play request
-      // on browsers which return a promise
-      if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-        playPromise.then(null, (e) => {});
-      }
-    }
-
-    setup(player, player.playlist.autoadvance_.delay);
-  });
-
-  return player;
-};
-
-export default playItem;
-export {clearTracks};
diff --git a/negromate/web/static/js/videojs-playlist/src/playlist-maker.js b/negromate/web/static/js/videojs-playlist/src/playlist-maker.js
deleted file mode 100644
index 9355905..0000000
--- a/negromate/web/static/js/videojs-playlist/src/playlist-maker.js
+++ /dev/null
@@ -1,590 +0,0 @@
-import videojs from 'video.js';
-import playItem from './play-item';
-import * as autoadvance from './auto-advance';
-
-/**
- * Given two sources, check to see whether the two sources are equal.
- * If both source urls have a protocol, the protocols must match, otherwise, protocols
- * are ignored.
- *
- * @private
- * @param {string|Object} source1
- *        The first source
- *
- * @param {string|Object} source2
- *        The second source
- *
- * @return {boolean}
- *         The result
- */
-const sourceEquals = (source1, source2) => {
-  let src1 = source1;
-  let src2 = source2;
-
-  if (typeof source1 === 'object') {
-    src1 = source1.src;
-  }
-  if (typeof source2 === 'object') {
-    src2 = source2.src;
-  }
-
-  if (/^\/\//.test(src1)) {
-    src2 = src2.slice(src2.indexOf('//'));
-  }
-  if (/^\/\//.test(src2)) {
-    src1 = src1.slice(src1.indexOf('//'));
-  }
-
-  return src1 === src2;
-};
-
-/**
- * Look through an array of playlist items for a specific `source`;
- * checking both the value of elements and the value of their `src`
- * property.
- *
- * @private
- * @param   {Array} arr
- *          An array of playlist items to look through
- *
- * @param   {string} src
- *          The source to look for
- *
- * @return  {number}
- *          The index of that source or -1
- */
-const indexInSources = (arr, src) => {
-  for (let i = 0; i < arr.length; i++) {
-    const sources = arr[i].sources;
-
-    if (Array.isArray(sources)) {
-      for (let j = 0; j < sources.length; j++) {
-        const source = sources[j];
-
-        if (source && sourceEquals(source, src)) {
-          return i;
-        }
-      }
-    }
-  }
-
-  return -1;
-};
-
-/**
- * Randomize the contents of an array.
- *
- * @private
- * @param  {Array} arr
- *         An array.
- *
- * @return {Array}
- *         The same array that was passed in.
- */
-const randomize = (arr) => {
-  let index = -1;
-  const lastIndex = arr.length - 1;
-
-  while (++index < arr.length) {
-    const rand = index + Math.floor(Math.random() * (lastIndex - index + 1));
-    const value = arr[rand];
-
-    arr[rand] = arr[index];
-    arr[index] = value;
-  }
-
-  return arr;
-};
-
-/**
- * Factory function for creating new playlist implementation on the given player.
- *
- * API summary:
- *
- * playlist(['a', 'b', 'c']) // setter
- * playlist() // getter
- * playlist.currentItem() // getter, 0
- * playlist.currentItem(1) // setter, 1
- * playlist.next() // 'c'
- * playlist.previous() // 'b'
- * playlist.first() // 'a'
- * playlist.last() // 'c'
- * playlist.autoadvance(5) // 5 second delay
- * playlist.autoadvance() // cancel autoadvance
- *
- * @param  {Player} player
- *         The current player
- *
- * @param  {Array=} initialList
- *         If given, an initial list of sources with which to populate
- *         the playlist.
- *
- * @param  {number=}  initialIndex
- *         If given, the index of the item in the list that should
- *         be loaded first. If -1, no video is loaded. If omitted, The
- *         the first video is loaded.
- *
- * @return {Function}
- *         Returns the playlist function specific to the given player.
- */
-export default function factory(player, initialList, initialIndex = 0) {
-  let list = null;
-  let changing = false;
-
-  /**
-   * Get/set the playlist for a player.
-   *
-   * This function is added as an own property of the player and has its
-   * own methods which can be called to manipulate the internal state.
-   *
-   * @param  {Array} [newList]
-   *         If given, a new list of sources with which to populate the
-   *         playlist. Without this, the function acts as a getter.
-   *
-   * @param  {number}  [newIndex]
-   *         If given, the index of the item in the list that should
-   *         be loaded first. If -1, no video is loaded. If omitted, The
-   *         the first video is loaded.
-   *
-   * @return {Array}
-   *         The playlist
-   */
-  const playlist = player.playlist = (newList, newIndex = 0) => {
-    if (changing) {
-      throw new Error('do not call playlist() during a playlist change');
-    }
-
-    if (Array.isArray(newList)) {
-
-      // @todo - Simplify this to `list.slice()` for v5.
-      const previousPlaylist = Array.isArray(list) ? list.slice() : null;
-
-      list = newList.slice();
-
-      // Mark the playlist as changing during the duringplaylistchange lifecycle.
-      changing = true;
-
-      player.trigger({
-        type: 'duringplaylistchange',
-        nextIndex: newIndex,
-        nextPlaylist: list,
-        previousIndex: playlist.currentIndex_,
-
-        // @todo - Simplify this to simply pass along `previousPlaylist` for v5.
-        previousPlaylist: previousPlaylist || []
-      });
-
-      changing = false;
-
-      if (newIndex !== -1) {
-        playlist.currentItem(newIndex);
-      }
-
-      // The only time the previous playlist is null is the first call to this
-      // function. This allows us to fire the `duringplaylistchange` event
-      // every time the playlist is populated and to maintain backward
-      // compatibility by not firing the `playlistchange` event on the initial
-      // population of the list.
-      //
-      // @todo - Remove this condition in preparation for v5.
-      if (previousPlaylist) {
-        player.setTimeout(() => {
-          player.trigger('playlistchange');
-        }, 0);
-      }
-    }
-
-    // Always return a shallow clone of the playlist list.
-    return list.slice();
-  };
-
-  // On a new source, if there is no current item, disable auto-advance.
-  player.on('loadstart', () => {
-    if (playlist.currentItem() === -1) {
-      autoadvance.reset(player);
-    }
-  });
-
-  playlist.currentIndex_ = -1;
-  playlist.player_ = player;
-  playlist.autoadvance_ = {};
-  playlist.repeat_ = false;
-
-  /**
-   * Get or set the current item in the playlist.
-   *
-   * During the duringplaylistchange event, acts only as a getter.
-   *
-   * @param  {number} [index]
-   *         If given as a valid value, plays the playlist item at that index.
-   *
-   * @return {number}
-   *         The current item index.
-   */
-  playlist.currentItem = (index) => {
-
-    // If the playlist is changing, only act as a getter.
-    if (changing) {
-      return playlist.currentIndex_;
-    }
-
-    if (
-      typeof index === 'number' &&
-      playlist.currentIndex_ !== index &&
-      index >= 0 &&
-      index < list.length
-    ) {
-      playlist.currentIndex_ = index;
-      playItem(
-        playlist.player_,
-        list[playlist.currentIndex_]
-      );
-    } else {
-      playlist.currentIndex_ = playlist.indexOf(playlist.player_.currentSrc() || '');
-    }
-
-    return playlist.currentIndex_;
-  };
-
-  /**
-   * Checks if the playlist contains a value.
-   *
-   * @param  {string|Object|Array} value
-   *         The value to check
-   *
-   * @return {boolean}
-   *         The result
-   */
-  playlist.contains = (value) => {
-    return playlist.indexOf(value) !== -1;
-  };
-
-  /**
-   * Gets the index of a value in the playlist or -1 if not found.
-   *
-   * @param  {string|Object|Array} value
-   *         The value to find the index of
-   *
-   * @return {number}
-   *         The index or -1
-   */
-  playlist.indexOf = (value) => {
-    if (typeof value === 'string') {
-      return indexInSources(list, value);
-    }
-
-    const sources = Array.isArray(value) ? value : value.sources;
-
-    for (let i = 0; i < sources.length; i++) {
-      const source = sources[i];
-
-      if (typeof source === 'string') {
-        return indexInSources(list, source);
-      } else if (source.src) {
-        return indexInSources(list, source.src);
-      }
-    }
-
-    return -1;
-  };
-
-  /**
-   * Get the index of the current item in the playlist. This is identical to
-   * calling `currentItem()` with no arguments.
-   *
-   * @return {number}
-   *         The current item index.
-   */
-  playlist.currentIndex = () => playlist.currentItem();
-
-  /**
-   * Get the index of the last item in the playlist.
-   *
-   * @return {number}
-   *         The index of the last item in the playlist or -1 if there are no
-   *         items.
-   */
-  playlist.lastIndex = () => list.length - 1;
-
-  /**
-   * Get the index of the next item in the playlist.
-   *
-   * @return {number}
-   *         The index of the next item in the playlist or -1 if there is no
-   *         current item.
-   */
-  playlist.nextIndex = () => {
-    const current = playlist.currentItem();
-
-    if (current === -1) {
-      return -1;
-    }
-
-    const lastIndex = playlist.lastIndex();
-
-    // When repeating, loop back to the beginning on the last item.
-    if (playlist.repeat_ && current === lastIndex) {
-      return 0;
-    }
-
-    // Don't go past the end of the playlist.
-    return Math.min(current + 1, lastIndex);
-  };
-
-  /**
-   * Get the index of the previous item in the playlist.
-   *
-   * @return {number}
-   *         The index of the previous item in the playlist or -1 if there is
-   *         no current item.
-   */
-  playlist.previousIndex = () => {
-    const current = playlist.currentItem();
-
-    if (current === -1) {
-      return -1;
-    }
-
-    // When repeating, loop back to the end of the playlist.
-    if (playlist.repeat_ && current === 0) {
-      return playlist.lastIndex();
-    }
-
-    // Don't go past the beginning of the playlist.
-    return Math.max(current - 1, 0);
-  };
-
-  /**
-   * Plays the first item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if the list is empty.
-   */
-  playlist.first = () => {
-    if (changing) {
-      return;
-    }
-
-    if (list.length) {
-      return list[playlist.currentItem(0)];
-    }
-
-    playlist.currentIndex_ = -1;
-  };
-
-  /**
-   * Plays the last item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if the list is empty.
-   */
-  playlist.last = () => {
-    if (changing) {
-      return;
-    }
-
-    if (list.length) {
-      return list[playlist.currentItem(playlist.lastIndex())];
-    }
-
-    playlist.currentIndex_ = -1;
-  };
-
-  /**
-   * Plays the next item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if on last item.
-   */
-  playlist.next = () => {
-    if (changing) {
-      return;
-    }
-
-    const index = playlist.nextIndex();
-
-    if (index !== playlist.currentIndex_) {
-      return list[playlist.currentItem(index)];
-    }
-  };
-
-  /**
-   * Plays the previous item in the playlist.
-   *
-   * @return {Object|undefined}
-   *         Returns undefined and has no side effects if on first item.
-   */
-  playlist.previous = () => {
-    if (changing) {
-      return;
-    }
-
-    const index = playlist.previousIndex();
-
-    if (index !== playlist.currentIndex_) {
-      return list[playlist.currentItem(index)];
-    }
-  };
-
-  /**
-   * Set up auto-advance on the playlist.
-   *
-   * @param  {number} [delay]
-   *         The number of seconds to wait before each auto-advance.
-   */
-  playlist.autoadvance = (delay) => {
-    autoadvance.setup(playlist.player_, delay);
-  };
-
-  /**
-   * Sets `repeat` option, which makes the "next" video of the last video in
-   * the playlist be the first video in the playlist.
-   *
-   * @param  {boolean} [val]
-   *         The value to set repeat to
-   *
-   * @return {boolean}
-   *         The current value of repeat
-   */
-  playlist.repeat = (val) => {
-    if (val === undefined) {
-      return playlist.repeat_;
-    }
-
-    if (typeof val !== 'boolean') {
-      videojs.log.error('videojs-playlist: Invalid value for repeat', val);
-      return;
-    }
-
-    playlist.repeat_ = !!val;
-    return playlist.repeat_;
-  };
-
-  /**
-   * Sorts the playlist array.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort}
-   * @fires playlistsorted
-   *
-   * @param {Function} compare
-   *        A comparator function as per the native Array method.
-   */
-  playlist.sort = (compare) => {
-
-    // Bail if the array is empty.
-    if (!list.length) {
-      return;
-    }
-
-    list.sort(compare);
-
-    // If the playlist is changing, don't trigger events.
-    if (changing) {
-      return;
-    }
-
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-    player.trigger('playlistsorted');
-  };
-
-  /**
-   * Reverses the playlist array.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse}
-   * @fires playlistsorted
-   */
-  playlist.reverse = () => {
-
-    // Bail if the array is empty.
-    if (!list.length) {
-      return;
-    }
-
-    list.reverse();
-
-    // If the playlist is changing, don't trigger events.
-    if (changing) {
-      return;
-    }
-
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-    player.trigger('playlistsorted');
-  };
-
-  /**
-   * Shuffle the contents of the list randomly.
-   *
-   * @see   {@link https://github.com/lodash/lodash/blob/40e096b6d5291a025e365a0f4c010d9a0efb9a69/shuffle.js}
-   * @fires playlistsorted
-   * @todo  Make the `rest` option default to `true` in v5.0.0.
-   * @param {Object} [options]
-   *        An object containing shuffle options.
-   *
-   * @param {boolean} [options.rest = false]
-   *        By default, the entire playlist is randomized. However, this may
-   *        not be desirable in all cases, such as when a user is already
-   *        watching a video.
-   *
-   *        When `true` is passed for this option, it will only shuffle
-   *        playlist items after the current item. For example, when on the
-   *        first item, will shuffle the second item and beyond.
-   */
-  playlist.shuffle = ({rest} = {}) => {
-    let index = 0;
-    let arr = list;
-
-    // When options.rest is true, start randomization at the item after the
-    // current item.
-    if (rest) {
-      index = playlist.currentIndex_ + 1;
-      arr = list.slice(index);
-    }
-
-    // Bail if the array is empty or too short to shuffle.
-    if (arr.length <= 1) {
-      return;
-    }
-
-    randomize(arr);
-
-    // When options.rest is true, splice the randomized sub-array back into
-    // the original array.
-    if (rest) {
-      list.splice(...[index, arr.length].concat(arr));
-    }
-
-    // If the playlist is changing, don't trigger events.
-    if (changing) {
-      return;
-    }
-
-    /**
-     * Triggered after the playlist is sorted internally.
-     *
-     * @event playlistsorted
-     * @type {Object}
-     */
-    player.trigger('playlistsorted');
-  };
-
-  // If an initial list was given, populate the playlist with it.
-  if (Array.isArray(initialList)) {
-    playlist(initialList.slice(), initialIndex);
-
-  // If there is no initial list given, silently set an empty array.
-  } else {
-    list = [];
-  }
-
-  return playlist;
-}
diff --git a/negromate/web/static/js/videojs-playlist/src/plugin.js b/negromate/web/static/js/videojs-playlist/src/plugin.js
deleted file mode 100644
index a9af9c2..0000000
--- a/negromate/web/static/js/videojs-playlist/src/plugin.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import videojs from 'video.js';
-import playlistMaker from './playlist-maker';
-import {version as VERSION} from '../package.json';
-
-// Video.js 5/6 cross-compatible.
-const registerPlugin = videojs.registerPlugin || videojs.plugin;
-
-/**
- * The video.js playlist plugin. Invokes the playlist-maker to create a
- * playlist function on the specific player.
- *
- * @param {Array} list
- *        a list of sources
- *
- * @param {number} item
- *        The index to start at
- */
-const plugin = function(list, item) {
-  playlistMaker(this, list, item);
-};
-
-registerPlugin('playlist', plugin);
-
-plugin.VERSION = VERSION;
-
-export default plugin;
diff --git a/negromate/web/static/js/videojs-playlist/test/auto-advance.test.js b/negromate/web/static/js/videojs-playlist/test/auto-advance.test.js
deleted file mode 100644
index 6bce676..0000000
--- a/negromate/web/static/js/videojs-playlist/test/auto-advance.test.js
+++ /dev/null
@@ -1,167 +0,0 @@
-import window from 'global/window';
-import QUnit from 'qunit';
-import sinon from 'sinon';
-import * as autoadvance from '../src/auto-advance.js';
-import playerProxyMaker from './player-proxy-maker.js';
-
-QUnit.module('auto-advance');
-
-QUnit.test('set up ended listener if one does not exist yet', function(assert) {
-  const player = playerProxyMaker();
-  const ones = [];
-
-  player.one = function(type) {
-    ones.push(type);
-  };
-
-  autoadvance.setup(player, 0);
-
-  assert.equal(ones.length, 1, 'there should have been only one one event added');
-  assert.equal(ones[0], 'ended', 'the event we want to one is "ended"');
-});
-
-QUnit.test('off previous listener if exists before adding a new one', function(assert) {
-  const player = playerProxyMaker();
-  const ones = [];
-  const offs = [];
-
-  player.one = function(type) {
-    ones.push(type);
-  };
-
-  player.off = function(type) {
-    offs.push(type);
-  };
-
-  autoadvance.setup(player, 0);
-  assert.equal(ones.length, 1, 'there should have been only one one event added');
-  assert.equal(ones[0], 'ended', 'the event we want to one is "ended"');
-  assert.equal(offs.length, 0, 'we should not have off-ed anything yet');
-
-  autoadvance.setup(player, 10);
-
-  assert.equal(ones.length, 2, 'there should have been only two one event added');
-  assert.equal(ones[0], 'ended', 'the event we want to one is "ended"');
-  assert.equal(ones[1], 'ended', 'the event we want to one is "ended"');
-  assert.equal(offs.length, 1, 'there should have been only one off event added');
-  assert.equal(offs[0], 'ended', 'the event we want to off is "ended"');
-});
-
-QUnit.test('do nothing if timeout is weird', function(assert) {
-  const player = playerProxyMaker();
-
-  const ones = [];
-  const offs = [];
-
-  player.one = function(type) {
-    ones.push(type);
-  };
-
-  player.off = function(type) {
-    offs.push(type);
-  };
-
-  autoadvance.setup(player, -1);
-  autoadvance.setup(player, -100);
-  autoadvance.setup(player, null);
-  autoadvance.setup(player, {});
-  autoadvance.setup(player, []);
-
-  assert.equal(offs.length, 0, 'we did nothing');
-  assert.equal(ones.length, 0, 'we did nothing');
-});
-
-QUnit.test('reset if timeout is weird after we advance', function(assert) {
-  const player = playerProxyMaker();
-
-  const ones = [];
-  const offs = [];
-
-  player.one = function(type) {
-    ones.push(type);
-  };
-
-  player.off = function(type) {
-    offs.push(type);
-  };
-
-  autoadvance.setup(player, 0);
-  autoadvance.setup(player, -1);
-  autoadvance.setup(player, 0);
-  autoadvance.setup(player, -100);
-  autoadvance.setup(player, 0);
-  autoadvance.setup(player, null);
-  autoadvance.setup(player, 0);
-  autoadvance.setup(player, {});
-  autoadvance.setup(player, 0);
-  autoadvance.setup(player, []);
-  autoadvance.setup(player, 0);
-  autoadvance.setup(player, NaN);
-  autoadvance.setup(player, 0);
-  autoadvance.setup(player, Infinity);
-  autoadvance.setup(player, 0);
-  autoadvance.setup(player, -Infinity);
-
-  assert.equal(offs.length, 8, 'we reset the advance 8 times');
-  assert.equal(ones.length, 8, 'we autoadvanced 8 times');
-});
-
-QUnit.test('reset if we have already started advancing', function(assert) {
-  const player = playerProxyMaker();
-  const oldClearTimeout = window.clearTimeout;
-  let clears = 0;
-
-  window.clearTimeout = function() {
-    clears++;
-  };
-
-  // pretend we started autoadvancing
-  player.playlist.autoadvance_.timeout = 1;
-  autoadvance.setup(player, 0);
-
-  assert.equal(clears, 1, 'we reset the auto advance');
-
-  window.clearTimeout = oldClearTimeout;
-});
-
-QUnit.test('timeout is given in seconds', function(assert) {
-  const player = playerProxyMaker();
-  const oldSetTimeout = window.setTimeout;
-
-  player.addEventListener = Function.prototype;
-
-  window.setTimeout = function(fn, timeout) {
-    assert.equal(timeout, 10 * 1000, 'timeout was given in seconds');
-  };
-
-  autoadvance.setup(player, 10);
-  player.trigger('ended');
-
-  window.setTimeout = oldSetTimeout;
-});
-
-QUnit.test('cancel a pending auto-advance if play is requested', function(assert) {
-  const clock = sinon.useFakeTimers();
-  const player = playerProxyMaker();
-
-  sinon.spy(player.playlist, 'next');
-
-  autoadvance.setup(player, 10);
-  player.trigger('ended');
-  clock.tick(10000);
-
-  assert.equal(player.playlist.next.callCount, 1, 'next was called');
-
-  autoadvance.setup(player, 10);
-  player.trigger('ended');
-  clock.tick(5000);
-  player.trigger('play');
-  clock.tick(5000);
-
-  assert.equal(player.playlist.next.callCount, 1, 'next was not called because a "play" occurred');
-
-  player.trigger('ended');
-  clock.tick(10000);
-
-  assert.equal(player.playlist.next.callCount, 2, 'next was called again because the content ended again and the appropriate wait time elapsed');
-});
diff --git a/negromate/web/static/js/videojs-playlist/test/dist/bundle.js b/negromate/web/static/js/videojs-playlist/test/dist/bundle.js
deleted file mode 100644
index b30704f..0000000
--- a/negromate/web/static/js/videojs-playlist/test/dist/bundle.js
+++ /dev/null
@@ -1,7242 +0,0 @@
-/*! @name videojs-playlist @version 4.2.6 @license Apache-2.0 */
-(function (videojs,QUnit,sinon) {
-	'use strict';
-
-	videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs;
-	QUnit = QUnit && QUnit.hasOwnProperty('default') ? QUnit['default'] : QUnit;
-	sinon = sinon && sinon.hasOwnProperty('default') ? sinon['default'] : sinon;
-
-	var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-	var win;
-
-	if (typeof window !== "undefined") {
-	    win = window;
-	} else if (typeof commonjsGlobal !== "undefined") {
-	    win = commonjsGlobal;
-	} else if (typeof self !== "undefined"){
-	    win = self;
-	} else {
-	    win = {};
-	}
-
-	var window_1 = win;
-
-	var cov_14i98g141m = function () {
-	  var path = '/Users/poneill/dev/videojs-playlist/src/auto-advance.js',
-	      hash = '445d03648826c8a2cda2eb374d06163a88b4152d',
-	      Function = function () {}.constructor,
-	      global = new Function('return this')(),
-	      gcv = '__coverage__',
-	      coverageData = {
-	    path: '/Users/poneill/dev/videojs-playlist/src/auto-advance.js',
-	    statementMap: {
-	      '0': {
-	        start: {
-	          line: 12,
-	          column: 21
-	        },
-	        end: {
-	          line: 13,
-	          column: 62
-	        }
-	      },
-	      '1': {
-	        start: {
-	          line: 13,
-	          column: 2
-	        },
-	        end: {
-	          line: 13,
-	          column: 62
-	        }
-	      },
-	      '2': {
-	        start: {
-	          line: 21,
-	          column: 12
-	        },
-	        end: {
-	          line: 34,
-	          column: 1
-	        }
-	      },
-	      '3': {
-	        start: {
-	          line: 22,
-	          column: 13
-	        },
-	        end: {
-	          line: 22,
-	          column: 41
-	        }
-	      },
-	      '4': {
-	        start: {
-	          line: 24,
-	          column: 2
-	        },
-	        end: {
-	          line: 26,
-	          column: 3
-	        }
-	      },
-	      '5': {
-	        start: {
-	          line: 25,
-	          column: 4
-	        },
-	        end: {
-	          line: 25,
-	          column: 36
-	        }
-	      },
-	      '6': {
-	        start: {
-	          line: 28,
-	          column: 2
-	        },
-	        end: {
-	          line: 30,
-	          column: 3
-	        }
-	      },
-	      '7': {
-	        start: {
-	          line: 29,
-	          column: 4
-	        },
-	        end: {
-	          line: 29,
-	          column: 36
-	        }
-	      },
-	      '8': {
-	        start: {
-	          line: 32,
-	          column: 2
-	        },
-	        end: {
-	          line: 32,
-	          column: 20
-	        }
-	      },
-	      '9': {
-	        start: {
-	          line: 33,
-	          column: 2
-	        },
-	        end: {
-	          line: 33,
-	          column: 20
-	        }
-	      },
-	      '10': {
-	        start: {
-	          line: 48,
-	          column: 14
-	        },
-	        end: {
-	          line: 80,
-	          column: 1
-	        }
-	      },
-	      '11': {
-	        start: {
-	          line: 49,
-	          column: 2
-	        },
-	        end: {
-	          line: 49,
-	          column: 16
-	        }
-	      },
-	      '12': {
-	        start: {
-	          line: 53,
-	          column: 2
-	        },
-	        end: {
-	          line: 56,
-	          column: 3
-	        }
-	      },
-	      '13': {
-	        start: {
-	          line: 54,
-	          column: 4
-	        },
-	        end: {
-	          line: 54,
-	          column: 46
-	        }
-	      },
-	      '14': {
-	        start: {
-	          line: 55,
-	          column: 4
-	        },
-	        end: {
-	          line: 55,
-	          column: 11
-	        }
-	      },
-	      '15': {
-	        start: {
-	          line: 58,
-	          column: 2
-	        },
-	        end: {
-	          line: 58,
-	          column: 45
-	        }
-	      },
-	      '16': {
-	        start: {
-	          line: 60,
-	          column: 2
-	        },
-	        end: {
-	          line: 77,
-	          column: 4
-	        }
-	      },
-	      '17': {
-	        start: {
-	          line: 64,
-	          column: 25
-	        },
-	        end: {
-	          line: 64,
-	          column: 51
-	        }
-	      },
-	      '18': {
-	        start: {
-	          line: 64,
-	          column: 31
-	        },
-	        end: {
-	          line: 64,
-	          column: 51
-	        }
-	      },
-	      '19': {
-	        start: {
-	          line: 70,
-	          column: 4
-	        },
-	        end: {
-	          line: 70,
-	          column: 37
-	        }
-	      },
-	      '20': {
-	        start: {
-	          line: 72,
-	          column: 4
-	        },
-	        end: {
-	          line: 76,
-	          column: 21
-	        }
-	      },
-	      '21': {
-	        start: {
-	          line: 73,
-	          column: 6
-	        },
-	        end: {
-	          line: 73,
-	          column: 20
-	        }
-	      },
-	      '22': {
-	        start: {
-	          line: 74,
-	          column: 6
-	        },
-	        end: {
-	          line: 74,
-	          column: 39
-	        }
-	      },
-	      '23': {
-	        start: {
-	          line: 75,
-	          column: 6
-	        },
-	        end: {
-	          line: 75,
-	          column: 29
-	        }
-	      },
-	      '24': {
-	        start: {
-	          line: 79,
-	          column: 2
-	        },
-	        end: {
-	          line: 79,
-	          column: 60
-	        }
-	      },
-	      '25': {
-	        start: {
-	          line: 89,
-	          column: 18
-	        },
-	        end: {
-	          line: 91,
-	          column: 1
-	        }
-	      },
-	      '26': {
-	        start: {
-	          line: 90,
-	          column: 2
-	        },
-	        end: {
-	          line: 90,
-	          column: 13
-	        }
-	      }
-	    },
-	    fnMap: {
-	      '0': {
-	        name: '(anonymous_0)',
-	        decl: {
-	          start: {
-	            line: 12,
-	            column: 21
-	          },
-	          end: {
-	            line: 12,
-	            column: 22
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 13,
-	            column: 2
-	          },
-	          end: {
-	            line: 13,
-	            column: 62
-	          }
-	        },
-	        line: 13
-	      },
-	      '1': {
-	        name: '(anonymous_1)',
-	        decl: {
-	          start: {
-	            line: 21,
-	            column: 12
-	          },
-	          end: {
-	            line: 21,
-	            column: 13
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 21,
-	            column: 24
-	          },
-	          end: {
-	            line: 34,
-	            column: 1
-	          }
-	        },
-	        line: 21
-	      },
-	      '2': {
-	        name: '(anonymous_2)',
-	        decl: {
-	          start: {
-	            line: 48,
-	            column: 14
-	          },
-	          end: {
-	            line: 48,
-	            column: 15
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 48,
-	            column: 33
-	          },
-	          end: {
-	            line: 80,
-	            column: 1
-	          }
-	        },
-	        line: 48
-	      },
-	      '3': {
-	        name: '(anonymous_3)',
-	        decl: {
-	          start: {
-	            line: 60,
-	            column: 41
-	          },
-	          end: {
-	            line: 60,
-	            column: 42
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 60,
-	            column: 52
-	          },
-	          end: {
-	            line: 77,
-	            column: 3
-	          }
-	        },
-	        line: 60
-	      },
-	      '4': {
-	        name: '(anonymous_4)',
-	        decl: {
-	          start: {
-	            line: 64,
-	            column: 25
-	          },
-	          end: {
-	            line: 64,
-	            column: 26
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 64,
-	            column: 31
-	          },
-	          end: {
-	            line: 64,
-	            column: 51
-	          }
-	        },
-	        line: 64
-	      },
-	      '5': {
-	        name: '(anonymous_5)',
-	        decl: {
-	          start: {
-	            line: 72,
-	            column: 61
-	          },
-	          end: {
-	            line: 72,
-	            column: 62
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 72,
-	            column: 67
-	          },
-	          end: {
-	            line: 76,
-	            column: 5
-	          }
-	        },
-	        line: 72
-	      },
-	      '6': {
-	        name: '(anonymous_6)',
-	        decl: {
-	          start: {
-	            line: 89,
-	            column: 18
-	          },
-	          end: {
-	            line: 89,
-	            column: 19
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 89,
-	            column: 26
-	          },
-	          end: {
-	            line: 91,
-	            column: 1
-	          }
-	        },
-	        line: 89
-	      }
-	    },
-	    branchMap: {
-	      '0': {
-	        loc: {
-	          start: {
-	            line: 13,
-	            column: 2
-	          },
-	          end: {
-	            line: 13,
-	            column: 62
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 13,
-	            column: 2
-	          },
-	          end: {
-	            line: 13,
-	            column: 23
-	          }
-	        }, {
-	          start: {
-	            line: 13,
-	            column: 27
-	          },
-	          end: {
-	            line: 13,
-	            column: 36
-	          }
-	        }, {
-	          start: {
-	            line: 13,
-	            column: 40
-	          },
-	          end: {
-	            line: 13,
-	            column: 46
-	          }
-	        }, {
-	          start: {
-	            line: 13,
-	            column: 50
-	          },
-	          end: {
-	            line: 13,
-	            column: 62
-	          }
-	        }],
-	        line: 13
-	      },
-	      '1': {
-	        loc: {
-	          start: {
-	            line: 24,
-	            column: 2
-	          },
-	          end: {
-	            line: 26,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 24,
-	            column: 2
-	          },
-	          end: {
-	            line: 26,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 24,
-	            column: 2
-	          },
-	          end: {
-	            line: 26,
-	            column: 3
-	          }
-	        }],
-	        line: 24
-	      },
-	      '2': {
-	        loc: {
-	          start: {
-	            line: 28,
-	            column: 2
-	          },
-	          end: {
-	            line: 30,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 28,
-	            column: 2
-	          },
-	          end: {
-	            line: 30,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 28,
-	            column: 2
-	          },
-	          end: {
-	            line: 30,
-	            column: 3
-	          }
-	        }],
-	        line: 28
-	      },
-	      '3': {
-	        loc: {
-	          start: {
-	            line: 53,
-	            column: 2
-	          },
-	          end: {
-	            line: 56,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 53,
-	            column: 2
-	          },
-	          end: {
-	            line: 56,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 53,
-	            column: 2
-	          },
-	          end: {
-	            line: 56,
-	            column: 3
-	          }
-	        }],
-	        line: 53
-	      }
-	    },
-	    s: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0,
-	      '4': 0,
-	      '5': 0,
-	      '6': 0,
-	      '7': 0,
-	      '8': 0,
-	      '9': 0,
-	      '10': 0,
-	      '11': 0,
-	      '12': 0,
-	      '13': 0,
-	      '14': 0,
-	      '15': 0,
-	      '16': 0,
-	      '17': 0,
-	      '18': 0,
-	      '19': 0,
-	      '20': 0,
-	      '21': 0,
-	      '22': 0,
-	      '23': 0,
-	      '24': 0,
-	      '25': 0,
-	      '26': 0
-	    },
-	    f: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0,
-	      '4': 0,
-	      '5': 0,
-	      '6': 0
-	    },
-	    b: {
-	      '0': [0, 0, 0, 0],
-	      '1': [0, 0],
-	      '2': [0, 0],
-	      '3': [0, 0]
-	    },
-	    _coverageSchema: '332fd63041d2c1bcb487cc26dd0d5f7d97098a6c'
-	  },
-	      coverage = global[gcv] || (global[gcv] = {});
-
-	  if (coverage[path] && coverage[path].hash === hash) {
-	    return coverage[path];
-	  }
-
-	  coverageData.hash = hash;
-	  return coverage[path] = coverageData;
-	}();
-
-	cov_14i98g141m.s[0]++;
-
-	var validSeconds = function validSeconds(s) {
-	  cov_14i98g141m.f[0]++;
-	  cov_14i98g141m.s[1]++;
-	  return (cov_14i98g141m.b[0][0]++, typeof s === 'number') && (cov_14i98g141m.b[0][1]++, !isNaN(s)) && (cov_14i98g141m.b[0][2]++, s >= 0) && (cov_14i98g141m.b[0][3]++, s < Infinity);
-	};
-
-	cov_14i98g141m.s[2]++;
-
-	var reset = function reset(player) {
-	  cov_14i98g141m.f[1]++;
-	  var aa = (cov_14i98g141m.s[3]++, player.playlist.autoadvance_);
-	  cov_14i98g141m.s[4]++;
-
-	  if (aa.timeout) {
-	    cov_14i98g141m.b[1][0]++;
-	    cov_14i98g141m.s[5]++;
-	    player.clearTimeout(aa.timeout);
-	  } else {
-	    cov_14i98g141m.b[1][1]++;
-	  }
-
-	  cov_14i98g141m.s[6]++;
-
-	  if (aa.trigger) {
-	    cov_14i98g141m.b[2][0]++;
-	    cov_14i98g141m.s[7]++;
-	    player.off('ended', aa.trigger);
-	  } else {
-	    cov_14i98g141m.b[2][1]++;
-	  }
-
-	  cov_14i98g141m.s[8]++;
-	  aa.timeout = null;
-	  cov_14i98g141m.s[9]++;
-	  aa.trigger = null;
-	};
-
-	cov_14i98g141m.s[10]++;
-
-	var setup = function setup(player, delay) {
-	  cov_14i98g141m.f[2]++;
-	  cov_14i98g141m.s[11]++;
-	  reset(player);
-	  cov_14i98g141m.s[12]++;
-
-	  if (!validSeconds(delay)) {
-	    cov_14i98g141m.b[3][0]++;
-	    cov_14i98g141m.s[13]++;
-	    player.playlist.autoadvance_.delay = null;
-	    cov_14i98g141m.s[14]++;
-	    return;
-	  } else {
-	    cov_14i98g141m.b[3][1]++;
-	  }
-
-	  cov_14i98g141m.s[15]++;
-	  player.playlist.autoadvance_.delay = delay;
-	  cov_14i98g141m.s[16]++;
-
-	  player.playlist.autoadvance_.trigger = function () {
-	    cov_14i98g141m.f[3]++;
-	    cov_14i98g141m.s[17]++;
-
-	    var cancelOnPlay = function cancelOnPlay() {
-	      cov_14i98g141m.f[4]++;
-	      cov_14i98g141m.s[18]++;
-	      return setup(player, delay);
-	    };
-
-	    cov_14i98g141m.s[19]++;
-	    player.one('play', cancelOnPlay);
-	    cov_14i98g141m.s[20]++;
-	    player.playlist.autoadvance_.timeout = player.setTimeout(function () {
-	      cov_14i98g141m.f[5]++;
-	      cov_14i98g141m.s[21]++;
-	      reset(player);
-	      cov_14i98g141m.s[22]++;
-	      player.off('play', cancelOnPlay);
-	      cov_14i98g141m.s[23]++;
-	      player.playlist.next();
-	    }, delay * 1000);
-	  };
-
-	  cov_14i98g141m.s[24]++;
-	  player.one('ended', player.playlist.autoadvance_.trigger);
-	};
-
-	cov_14i98g141m.s[25]++;
-
-	var setReset_ = function setReset_(fn) {
-	  cov_14i98g141m.f[6]++;
-	  cov_14i98g141m.s[26]++;
-	  reset = fn;
-	};
-
-	function _extends() {
-	  _extends = Object.assign || function (target) {
-	    for (var i = 1; i < arguments.length; i++) {
-	      var source = arguments[i];
-
-	      for (var key in source) {
-	        if (Object.prototype.hasOwnProperty.call(source, key)) {
-	          target[key] = source[key];
-	        }
-	      }
-	    }
-
-	    return target;
-	  };
-
-	  return _extends.apply(this, arguments);
-	}
-
-	var proxy = function proxy(props) {
-	  var player = _extends({}, videojs.EventTarget.prototype, {
-	    play: function play() {},
-	    paused: function paused() {},
-	    ended: function ended() {},
-	    poster: function poster() {},
-	    src: function src() {},
-	    currentSrc: function currentSrc() {},
-	    addRemoteTextTrack: function addRemoteTextTrack() {},
-	    removeRemoteTextTrack: function removeRemoteTextTrack() {},
-	    remoteTextTracks: function remoteTextTracks() {},
-	    playlist: {
-	      autoadvance_: {},
-	      currentIndex_: -1,
-	      autoadvance: function autoadvance() {},
-	      contains: function contains() {},
-	      currentItem: function currentItem() {},
-	      first: function first() {},
-	      indexOf: function indexOf() {},
-	      next: function next() {},
-	      previous: function previous() {}
-	    },
-	    ready: function ready(cb) {
-	      return cb();
-	    },
-	    setTimeout: function setTimeout(cb, wait) {
-	      return window_1.setTimeout(cb, wait);
-	    },
-	    clearTimeout: function clearTimeout(id) {
-	      return window_1.clearTimeout(id);
-	    }
-	  }, props);
-
-	  player.constructor = videojs.getComponent('Player');
-	  player.playlist.player_ = player;
-	  return player;
-	};
-
-	QUnit.module('auto-advance');
-	QUnit.test('set up ended listener if one does not exist yet', function (assert) {
-	  var player = proxy();
-	  var ones = [];
-
-	  player.one = function (type) {
-	    ones.push(type);
-	  };
-
-	  setup(player, 0);
-	  assert.equal(ones.length, 1, 'there should have been only one one event added');
-	  assert.equal(ones[0], 'ended', 'the event we want to one is "ended"');
-	});
-	QUnit.test('off previous listener if exists before adding a new one', function (assert) {
-	  var player = proxy();
-	  var ones = [];
-	  var offs = [];
-
-	  player.one = function (type) {
-	    ones.push(type);
-	  };
-
-	  player.off = function (type) {
-	    offs.push(type);
-	  };
-
-	  setup(player, 0);
-	  assert.equal(ones.length, 1, 'there should have been only one one event added');
-	  assert.equal(ones[0], 'ended', 'the event we want to one is "ended"');
-	  assert.equal(offs.length, 0, 'we should not have off-ed anything yet');
-	  setup(player, 10);
-	  assert.equal(ones.length, 2, 'there should have been only two one event added');
-	  assert.equal(ones[0], 'ended', 'the event we want to one is "ended"');
-	  assert.equal(ones[1], 'ended', 'the event we want to one is "ended"');
-	  assert.equal(offs.length, 1, 'there should have been only one off event added');
-	  assert.equal(offs[0], 'ended', 'the event we want to off is "ended"');
-	});
-	QUnit.test('do nothing if timeout is weird', function (assert) {
-	  var player = proxy();
-	  var ones = [];
-	  var offs = [];
-
-	  player.one = function (type) {
-	    ones.push(type);
-	  };
-
-	  player.off = function (type) {
-	    offs.push(type);
-	  };
-
-	  setup(player, -1);
-	  setup(player, -100);
-	  setup(player, null);
-	  setup(player, {});
-	  setup(player, []);
-	  assert.equal(offs.length, 0, 'we did nothing');
-	  assert.equal(ones.length, 0, 'we did nothing');
-	});
-	QUnit.test('reset if timeout is weird after we advance', function (assert) {
-	  var player = proxy();
-	  var ones = [];
-	  var offs = [];
-
-	  player.one = function (type) {
-	    ones.push(type);
-	  };
-
-	  player.off = function (type) {
-	    offs.push(type);
-	  };
-
-	  setup(player, 0);
-	  setup(player, -1);
-	  setup(player, 0);
-	  setup(player, -100);
-	  setup(player, 0);
-	  setup(player, null);
-	  setup(player, 0);
-	  setup(player, {});
-	  setup(player, 0);
-	  setup(player, []);
-	  setup(player, 0);
-	  setup(player, NaN);
-	  setup(player, 0);
-	  setup(player, Infinity);
-	  setup(player, 0);
-	  setup(player, -Infinity);
-	  assert.equal(offs.length, 8, 'we reset the advance 8 times');
-	  assert.equal(ones.length, 8, 'we autoadvanced 8 times');
-	});
-	QUnit.test('reset if we have already started advancing', function (assert) {
-	  var player = proxy();
-	  var oldClearTimeout = window_1.clearTimeout;
-	  var clears = 0;
-
-	  window_1.clearTimeout = function () {
-	    clears++;
-	  }; // pretend we started autoadvancing
-
-
-	  player.playlist.autoadvance_.timeout = 1;
-	  setup(player, 0);
-	  assert.equal(clears, 1, 'we reset the auto advance');
-	  window_1.clearTimeout = oldClearTimeout;
-	});
-	QUnit.test('timeout is given in seconds', function (assert) {
-	  var player = proxy();
-	  var oldSetTimeout = window_1.setTimeout;
-	  player.addEventListener = Function.prototype;
-
-	  window_1.setTimeout = function (fn, timeout) {
-	    assert.equal(timeout, 10 * 1000, 'timeout was given in seconds');
-	  };
-
-	  setup(player, 10);
-	  player.trigger('ended');
-	  window_1.setTimeout = oldSetTimeout;
-	});
-	QUnit.test('cancel a pending auto-advance if play is requested', function (assert) {
-	  var clock = sinon.useFakeTimers();
-	  var player = proxy();
-	  sinon.spy(player.playlist, 'next');
-	  setup(player, 10);
-	  player.trigger('ended');
-	  clock.tick(10000);
-	  assert.equal(player.playlist.next.callCount, 1, 'next was called');
-	  setup(player, 10);
-	  player.trigger('ended');
-	  clock.tick(5000);
-	  player.trigger('play');
-	  clock.tick(5000);
-	  assert.equal(player.playlist.next.callCount, 1, 'next was not called because a "play" occurred');
-	  player.trigger('ended');
-	  clock.tick(10000);
-	  assert.equal(player.playlist.next.callCount, 2, 'next was called again because the content ended again and the appropriate wait time elapsed');
-	});
-
-	var cov_g6zj6xivc = function () {
-	  var path = '/Users/poneill/dev/videojs-playlist/src/play-item.js',
-	      hash = '97c5199c1096e68b4ae625017526f8773226fff1',
-	      Function = function () {}.constructor,
-	      global = new Function('return this')(),
-	      gcv = '__coverage__',
-	      coverageData = {
-	    path: '/Users/poneill/dev/videojs-playlist/src/play-item.js',
-	    statementMap: {
-	      '0': {
-	        start: {
-	          line: 9,
-	          column: 20
-	        },
-	        end: {
-	          line: 18,
-	          column: 1
-	        }
-	      },
-	      '1': {
-	        start: {
-	          line: 10,
-	          column: 17
-	        },
-	        end: {
-	          line: 10,
-	          column: 42
-	        }
-	      },
-	      '2': {
-	        start: {
-	          line: 11,
-	          column: 10
-	        },
-	        end: {
-	          line: 11,
-	          column: 38
-	        }
-	      },
-	      '3': {
-	        start: {
-	          line: 15,
-	          column: 2
-	        },
-	        end: {
-	          line: 17,
-	          column: 3
-	        }
-	      },
-	      '4': {
-	        start: {
-	          line: 16,
-	          column: 4
-	        },
-	        end: {
-	          line: 16,
-	          column: 44
-	        }
-	      },
-	      '5': {
-	        start: {
-	          line: 32,
-	          column: 17
-	        },
-	        end: {
-	          line: 58,
-	          column: 1
-	        }
-	      },
-	      '6': {
-	        start: {
-	          line: 33,
-	          column: 17
-	        },
-	        end: {
-	          line: 33,
-	          column: 51
-	        }
-	      },
-	      '7': {
-	        start: {
-	          line: 35,
-	          column: 2
-	        },
-	        end: {
-	          line: 35,
-	          column: 45
-	        }
-	      },
-	      '8': {
-	        start: {
-	          line: 36,
-	          column: 2
-	        },
-	        end: {
-	          line: 36,
-	          column: 35
-	        }
-	      },
-	      '9': {
-	        start: {
-	          line: 37,
-	          column: 2
-	        },
-	        end: {
-	          line: 37,
-	          column: 27
-	        }
-	      },
-	      '10': {
-	        start: {
-	          line: 38,
-	          column: 2
-	        },
-	        end: {
-	          line: 38,
-	          column: 22
-	        }
-	      },
-	      '11': {
-	        start: {
-	          line: 40,
-	          column: 2
-	        },
-	        end: {
-	          line: 55,
-	          column: 5
-	        }
-	      },
-	      '12': {
-	        start: {
-	          line: 41,
-	          column: 4
-	        },
-	        end: {
-	          line: 41,
-	          column: 76
-	        }
-	      },
-	      '13': {
-	        start: {
-	          line: 42,
-	          column: 4
-	        },
-	        end: {
-	          line: 42,
-	          column: 41
-	        }
-	      },
-	      '14': {
-	        start: {
-	          line: 44,
-	          column: 4
-	        },
-	        end: {
-	          line: 52,
-	          column: 5
-	        }
-	      },
-	      '15': {
-	        start: {
-	          line: 45,
-	          column: 26
-	        },
-	        end: {
-	          line: 45,
-	          column: 39
-	        }
-	      },
-	      '16': {
-	        start: {
-	          line: 49,
-	          column: 6
-	        },
-	        end: {
-	          line: 51,
-	          column: 7
-	        }
-	      },
-	      '17': {
-	        start: {
-	          line: 50,
-	          column: 8
-	        },
-	        end: {
-	          line: 50,
-	          column: 42
-	        }
-	      },
-	      '18': {
-	        start: {
-	          line: 54,
-	          column: 4
-	        },
-	        end: {
-	          line: 54,
-	          column: 54
-	        }
-	      },
-	      '19': {
-	        start: {
-	          line: 57,
-	          column: 2
-	        },
-	        end: {
-	          line: 57,
-	          column: 16
-	        }
-	      }
-	    },
-	    fnMap: {
-	      '0': {
-	        name: '(anonymous_0)',
-	        decl: {
-	          start: {
-	            line: 9,
-	            column: 20
-	          },
-	          end: {
-	            line: 9,
-	            column: 21
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 9,
-	            column: 32
-	          },
-	          end: {
-	            line: 18,
-	            column: 1
-	          }
-	        },
-	        line: 9
-	      },
-	      '1': {
-	        name: '(anonymous_1)',
-	        decl: {
-	          start: {
-	            line: 32,
-	            column: 17
-	          },
-	          end: {
-	            line: 32,
-	            column: 18
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 32,
-	            column: 35
-	          },
-	          end: {
-	            line: 58,
-	            column: 1
-	          }
-	        },
-	        line: 32
-	      },
-	      '2': {
-	        name: '(anonymous_2)',
-	        decl: {
-	          start: {
-	            line: 40,
-	            column: 15
-	          },
-	          end: {
-	            line: 40,
-	            column: 16
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 40,
-	            column: 21
-	          },
-	          end: {
-	            line: 55,
-	            column: 3
-	          }
-	        },
-	        line: 40
-	      },
-	      '3': {
-	        name: '(anonymous_3)',
-	        decl: {
-	          start: {
-	            line: 50,
-	            column: 31
-	          },
-	          end: {
-	            line: 50,
-	            column: 32
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 50,
-	            column: 38
-	          },
-	          end: {
-	            line: 50,
-	            column: 40
-	          }
-	        },
-	        line: 50
-	      }
-	    },
-	    branchMap: {
-	      '0': {
-	        loc: {
-	          start: {
-	            line: 11,
-	            column: 10
-	          },
-	          end: {
-	            line: 11,
-	            column: 38
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 11,
-	            column: 10
-	          },
-	          end: {
-	            line: 11,
-	            column: 16
-	          }
-	        }, {
-	          start: {
-	            line: 11,
-	            column: 20
-	          },
-	          end: {
-	            line: 11,
-	            column: 33
-	          }
-	        }, {
-	          start: {
-	            line: 11,
-	            column: 37
-	          },
-	          end: {
-	            line: 11,
-	            column: 38
-	          }
-	        }],
-	        line: 11
-	      },
-	      '1': {
-	        loc: {
-	          start: {
-	            line: 33,
-	            column: 17
-	          },
-	          end: {
-	            line: 33,
-	            column: 51
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 33,
-	            column: 17
-	          },
-	          end: {
-	            line: 33,
-	            column: 33
-	          }
-	        }, {
-	          start: {
-	            line: 33,
-	            column: 37
-	          },
-	          end: {
-	            line: 33,
-	            column: 51
-	          }
-	        }],
-	        line: 33
-	      },
-	      '2': {
-	        loc: {
-	          start: {
-	            line: 36,
-	            column: 16
-	          },
-	          end: {
-	            line: 36,
-	            column: 33
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 36,
-	            column: 16
-	          },
-	          end: {
-	            line: 36,
-	            column: 27
-	          }
-	        }, {
-	          start: {
-	            line: 36,
-	            column: 31
-	          },
-	          end: {
-	            line: 36,
-	            column: 33
-	          }
-	        }],
-	        line: 36
-	      },
-	      '3': {
-	        loc: {
-	          start: {
-	            line: 41,
-	            column: 5
-	          },
-	          end: {
-	            line: 41,
-	            column: 26
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 41,
-	            column: 5
-	          },
-	          end: {
-	            line: 41,
-	            column: 20
-	          }
-	        }, {
-	          start: {
-	            line: 41,
-	            column: 24
-	          },
-	          end: {
-	            line: 41,
-	            column: 26
-	          }
-	        }],
-	        line: 41
-	      },
-	      '4': {
-	        loc: {
-	          start: {
-	            line: 44,
-	            column: 4
-	          },
-	          end: {
-	            line: 52,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 44,
-	            column: 4
-	          },
-	          end: {
-	            line: 52,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 44,
-	            column: 4
-	          },
-	          end: {
-	            line: 52,
-	            column: 5
-	          }
-	        }],
-	        line: 44
-	      },
-	      '5': {
-	        loc: {
-	          start: {
-	            line: 49,
-	            column: 6
-	          },
-	          end: {
-	            line: 51,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 49,
-	            column: 6
-	          },
-	          end: {
-	            line: 51,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 49,
-	            column: 6
-	          },
-	          end: {
-	            line: 51,
-	            column: 7
-	          }
-	        }],
-	        line: 49
-	      },
-	      '6': {
-	        loc: {
-	          start: {
-	            line: 49,
-	            column: 10
-	          },
-	          end: {
-	            line: 49,
-	            column: 86
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 49,
-	            column: 10
-	          },
-	          end: {
-	            line: 49,
-	            column: 44
-	          }
-	        }, {
-	          start: {
-	            line: 49,
-	            column: 48
-	          },
-	          end: {
-	            line: 49,
-	            column: 86
-	          }
-	        }],
-	        line: 49
-	      }
-	    },
-	    s: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0,
-	      '4': 0,
-	      '5': 0,
-	      '6': 0,
-	      '7': 0,
-	      '8': 0,
-	      '9': 0,
-	      '10': 0,
-	      '11': 0,
-	      '12': 0,
-	      '13': 0,
-	      '14': 0,
-	      '15': 0,
-	      '16': 0,
-	      '17': 0,
-	      '18': 0,
-	      '19': 0
-	    },
-	    f: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0
-	    },
-	    b: {
-	      '0': [0, 0, 0],
-	      '1': [0, 0],
-	      '2': [0, 0],
-	      '3': [0, 0],
-	      '4': [0, 0],
-	      '5': [0, 0],
-	      '6': [0, 0]
-	    },
-	    _coverageSchema: '332fd63041d2c1bcb487cc26dd0d5f7d97098a6c'
-	  },
-	      coverage = global[gcv] || (global[gcv] = {});
-
-	  if (coverage[path] && coverage[path].hash === hash) {
-	    return coverage[path];
-	  }
-
-	  coverageData.hash = hash;
-	  return coverage[path] = coverageData;
-	}();
-	cov_g6zj6xivc.s[0]++;
-
-	var clearTracks = function clearTracks(player) {
-	  cov_g6zj6xivc.f[0]++;
-	  var tracks = (cov_g6zj6xivc.s[1]++, player.remoteTextTracks());
-	  var i = (cov_g6zj6xivc.s[2]++, (cov_g6zj6xivc.b[0][0]++, tracks) && (cov_g6zj6xivc.b[0][1]++, tracks.length) || (cov_g6zj6xivc.b[0][2]++, 0));
-	  cov_g6zj6xivc.s[3]++;
-
-	  while (i--) {
-	    cov_g6zj6xivc.s[4]++;
-	    player.removeRemoteTextTrack(tracks[i]);
-	  }
-	};
-
-	cov_g6zj6xivc.s[5]++;
-
-	var playItem = function playItem(player, item) {
-	  cov_g6zj6xivc.f[1]++;
-	  var replay = (cov_g6zj6xivc.s[6]++, (cov_g6zj6xivc.b[1][0]++, !player.paused()) || (cov_g6zj6xivc.b[1][1]++, player.ended()));
-	  cov_g6zj6xivc.s[7]++;
-	  player.trigger('beforeplaylistitem', item);
-	  cov_g6zj6xivc.s[8]++;
-	  player.poster((cov_g6zj6xivc.b[2][0]++, item.poster) || (cov_g6zj6xivc.b[2][1]++, ''));
-	  cov_g6zj6xivc.s[9]++;
-	  player.src(item.sources);
-	  cov_g6zj6xivc.s[10]++;
-	  clearTracks(player);
-	  cov_g6zj6xivc.s[11]++;
-	  player.ready(function () {
-	    cov_g6zj6xivc.f[2]++;
-	    cov_g6zj6xivc.s[12]++;
-	    ((cov_g6zj6xivc.b[3][0]++, item.textTracks) || (cov_g6zj6xivc.b[3][1]++, [])).forEach(player.addRemoteTextTrack.bind(player));
-	    cov_g6zj6xivc.s[13]++;
-	    player.trigger('playlistitem', item);
-	    cov_g6zj6xivc.s[14]++;
-
-	    if (replay) {
-	      cov_g6zj6xivc.b[4][0]++;
-	      var playPromise = (cov_g6zj6xivc.s[15]++, player.play());
-	      cov_g6zj6xivc.s[16]++;
-
-	      if ((cov_g6zj6xivc.b[6][0]++, typeof playPromise !== 'undefined') && (cov_g6zj6xivc.b[6][1]++, typeof playPromise.then === 'function')) {
-	        cov_g6zj6xivc.b[5][0]++;
-	        cov_g6zj6xivc.s[17]++;
-	        playPromise.then(null, function (e) {
-	          cov_g6zj6xivc.f[3]++;
-	        });
-	      } else {
-	        cov_g6zj6xivc.b[5][1]++;
-	      }
-	    } else {
-	      cov_g6zj6xivc.b[4][1]++;
-	    }
-
-	    cov_g6zj6xivc.s[18]++;
-	    setup(player, player.playlist.autoadvance_.delay);
-	  });
-	  cov_g6zj6xivc.s[19]++;
-	  return player;
-	};
-
-	QUnit.module('play-item');
-	QUnit.test('clearTracks will try and remove all tracks', function (assert) {
-	  var player = proxy();
-	  var remoteTracks = [1, 2, 3];
-	  var removedTracks = [];
-
-	  player.remoteTextTracks = function () {
-	    return remoteTracks;
-	  };
-
-	  player.removeRemoteTextTrack = function (tt) {
-	    removedTracks.push(tt);
-	  };
-
-	  clearTracks(player);
-	  assert.deepEqual(removedTracks.sort(), remoteTracks.sort(), 'the removed tracks are equivalent to our remote tracks');
-	});
-	QUnit.test('will not try to play if paused', function (assert) {
-	  var player = proxy();
-	  var tryPlay = false;
-
-	  player.paused = function () {
-	    return true;
-	  };
-
-	  player.play = function () {
-	    tryPlay = true;
-	  };
-
-	  playItem(player, {
-	    sources: [1, 2, 3],
-	    textTracks: [4, 5, 6],
-	    poster: 'http://example.com/poster.png'
-	  });
-	  assert.ok(!tryPlay, 'we did not reply on paused');
-	});
-	QUnit.test('will try to play if not paused', function (assert) {
-	  var player = proxy();
-	  var tryPlay = false;
-
-	  player.paused = function () {
-	    return false;
-	  };
-
-	  player.play = function () {
-	    tryPlay = true;
-	  };
-
-	  playItem(player, {
-	    sources: [1, 2, 3],
-	    textTracks: [4, 5, 6],
-	    poster: 'http://example.com/poster.png'
-	  });
-	  assert.ok(tryPlay, 'we replayed on not-paused');
-	});
-	QUnit.test('will not try to play if paused and not ended', function (assert) {
-	  var player = proxy();
-	  var tryPlay = false;
-
-	  player.paused = function () {
-	    return true;
-	  };
-
-	  player.ended = function () {
-	    return false;
-	  };
-
-	  player.play = function () {
-	    tryPlay = true;
-	  };
-
-	  playItem(player, {
-	    sources: [1, 2, 3],
-	    textTracks: [4, 5, 6],
-	    poster: 'http://example.com/poster.png'
-	  });
-	  assert.ok(!tryPlay, 'we did not replaye on paused and not ended');
-	});
-	QUnit.test('will try to play if paused and ended', function (assert) {
-	  var player = proxy();
-	  var tryPlay = false;
-
-	  player.paused = function () {
-	    return true;
-	  };
-
-	  player.ended = function () {
-	    return true;
-	  };
-
-	  player.play = function () {
-	    tryPlay = true;
-	  };
-
-	  playItem(player, {
-	    sources: [1, 2, 3],
-	    poster: 'http://example.com/poster.png'
-	  });
-	  assert.ok(tryPlay, 'we replayed on not-paused');
-	});
-	QUnit.test('fires "beforeplaylistitem" and "playlistitem"', function (assert) {
-	  var player = proxy();
-	  var beforeSpy = sinon.spy();
-	  var spy = sinon.spy();
-	  player.on('beforeplaylistitem', beforeSpy);
-	  player.on('playlistitem', spy);
-	  playItem(player, {
-	    sources: [1, 2, 3],
-	    poster: 'http://example.com/poster.png'
-	  });
-	  assert.strictEqual(beforeSpy.callCount, 1);
-	  assert.strictEqual(spy.callCount, 1);
-	});
-
-	var cov_ritqk1zyq = function () {
-	  var path = '/Users/poneill/dev/videojs-playlist/src/playlist-maker.js',
-	      hash = '79f5685c308c2d5012c196c6803eeafdbcc5c9d1',
-	      Function = function () {}.constructor,
-	      global = new Function('return this')(),
-	      gcv = '__coverage__',
-	      coverageData = {
-	    path: '/Users/poneill/dev/videojs-playlist/src/playlist-maker.js',
-	    statementMap: {
-	      '0': {
-	        start: {
-	          line: 20,
-	          column: 21
-	        },
-	        end: {
-	          line: 39,
-	          column: 1
-	        }
-	      },
-	      '1': {
-	        start: {
-	          line: 21,
-	          column: 13
-	        },
-	        end: {
-	          line: 21,
-	          column: 20
-	        }
-	      },
-	      '2': {
-	        start: {
-	          line: 22,
-	          column: 13
-	        },
-	        end: {
-	          line: 22,
-	          column: 20
-	        }
-	      },
-	      '3': {
-	        start: {
-	          line: 24,
-	          column: 2
-	        },
-	        end: {
-	          line: 26,
-	          column: 3
-	        }
-	      },
-	      '4': {
-	        start: {
-	          line: 25,
-	          column: 4
-	        },
-	        end: {
-	          line: 25,
-	          column: 23
-	        }
-	      },
-	      '5': {
-	        start: {
-	          line: 27,
-	          column: 2
-	        },
-	        end: {
-	          line: 29,
-	          column: 3
-	        }
-	      },
-	      '6': {
-	        start: {
-	          line: 28,
-	          column: 4
-	        },
-	        end: {
-	          line: 28,
-	          column: 23
-	        }
-	      },
-	      '7': {
-	        start: {
-	          line: 31,
-	          column: 2
-	        },
-	        end: {
-	          line: 33,
-	          column: 3
-	        }
-	      },
-	      '8': {
-	        start: {
-	          line: 32,
-	          column: 4
-	        },
-	        end: {
-	          line: 32,
-	          column: 42
-	        }
-	      },
-	      '9': {
-	        start: {
-	          line: 34,
-	          column: 2
-	        },
-	        end: {
-	          line: 36,
-	          column: 3
-	        }
-	      },
-	      '10': {
-	        start: {
-	          line: 35,
-	          column: 4
-	        },
-	        end: {
-	          line: 35,
-	          column: 42
-	        }
-	      },
-	      '11': {
-	        start: {
-	          line: 38,
-	          column: 2
-	        },
-	        end: {
-	          line: 38,
-	          column: 23
-	        }
-	      },
-	      '12': {
-	        start: {
-	          line: 56,
-	          column: 23
-	        },
-	        end: {
-	          line: 72,
-	          column: 1
-	        }
-	      },
-	      '13': {
-	        start: {
-	          line: 57,
-	          column: 2
-	        },
-	        end: {
-	          line: 69,
-	          column: 3
-	        }
-	      },
-	      '14': {
-	        start: {
-	          line: 58,
-	          column: 20
-	        },
-	        end: {
-	          line: 58,
-	          column: 34
-	        }
-	      },
-	      '15': {
-	        start: {
-	          line: 60,
-	          column: 4
-	        },
-	        end: {
-	          line: 68,
-	          column: 5
-	        }
-	      },
-	      '16': {
-	        start: {
-	          line: 61,
-	          column: 6
-	        },
-	        end: {
-	          line: 67,
-	          column: 7
-	        }
-	      },
-	      '17': {
-	        start: {
-	          line: 62,
-	          column: 23
-	        },
-	        end: {
-	          line: 62,
-	          column: 33
-	        }
-	      },
-	      '18': {
-	        start: {
-	          line: 64,
-	          column: 8
-	        },
-	        end: {
-	          line: 66,
-	          column: 9
-	        }
-	      },
-	      '19': {
-	        start: {
-	          line: 65,
-	          column: 10
-	        },
-	        end: {
-	          line: 65,
-	          column: 19
-	        }
-	      },
-	      '20': {
-	        start: {
-	          line: 71,
-	          column: 2
-	        },
-	        end: {
-	          line: 71,
-	          column: 12
-	        }
-	      },
-	      '21': {
-	        start: {
-	          line: 84,
-	          column: 18
-	        },
-	        end: {
-	          line: 97,
-	          column: 1
-	        }
-	      },
-	      '22': {
-	        start: {
-	          line: 85,
-	          column: 14
-	        },
-	        end: {
-	          line: 85,
-	          column: 16
-	        }
-	      },
-	      '23': {
-	        start: {
-	          line: 86,
-	          column: 20
-	        },
-	        end: {
-	          line: 86,
-	          column: 34
-	        }
-	      },
-	      '24': {
-	        start: {
-	          line: 88,
-	          column: 2
-	        },
-	        end: {
-	          line: 94,
-	          column: 3
-	        }
-	      },
-	      '25': {
-	        start: {
-	          line: 89,
-	          column: 17
-	        },
-	        end: {
-	          line: 89,
-	          column: 76
-	        }
-	      },
-	      '26': {
-	        start: {
-	          line: 90,
-	          column: 18
-	        },
-	        end: {
-	          line: 90,
-	          column: 27
-	        }
-	      },
-	      '27': {
-	        start: {
-	          line: 92,
-	          column: 4
-	        },
-	        end: {
-	          line: 92,
-	          column: 27
-	        }
-	      },
-	      '28': {
-	        start: {
-	          line: 93,
-	          column: 4
-	        },
-	        end: {
-	          line: 93,
-	          column: 23
-	        }
-	      },
-	      '29': {
-	        start: {
-	          line: 96,
-	          column: 2
-	        },
-	        end: {
-	          line: 96,
-	          column: 13
-	        }
-	      },
-	      '30': {
-	        start: {
-	          line: 131,
-	          column: 13
-	        },
-	        end: {
-	          line: 131,
-	          column: 17
-	        }
-	      },
-	      '31': {
-	        start: {
-	          line: 132,
-	          column: 17
-	        },
-	        end: {
-	          line: 132,
-	          column: 22
-	        }
-	      },
-	      '32': {
-	        start: {
-	          line: 152,
-	          column: 19
-	        },
-	        end: {
-	          line: 199,
-	          column: 3
-	        }
-	      },
-	      '33': {
-	        start: {
-	          line: 153,
-	          column: 4
-	        },
-	        end: {
-	          line: 155,
-	          column: 5
-	        }
-	      },
-	      '34': {
-	        start: {
-	          line: 154,
-	          column: 6
-	        },
-	        end: {
-	          line: 154,
-	          column: 73
-	        }
-	      },
-	      '35': {
-	        start: {
-	          line: 157,
-	          column: 4
-	        },
-	        end: {
-	          line: 195,
-	          column: 5
-	        }
-	      },
-	      '36': {
-	        start: {
-	          line: 160,
-	          column: 31
-	        },
-	        end: {
-	          line: 160,
-	          column: 72
-	        }
-	      },
-	      '37': {
-	        start: {
-	          line: 162,
-	          column: 6
-	        },
-	        end: {
-	          line: 162,
-	          column: 29
-	        }
-	      },
-	      '38': {
-	        start: {
-	          line: 165,
-	          column: 6
-	        },
-	        end: {
-	          line: 165,
-	          column: 22
-	        }
-	      },
-	      '39': {
-	        start: {
-	          line: 167,
-	          column: 6
-	        },
-	        end: {
-	          line: 175,
-	          column: 9
-	        }
-	      },
-	      '40': {
-	        start: {
-	          line: 177,
-	          column: 6
-	        },
-	        end: {
-	          line: 177,
-	          column: 23
-	        }
-	      },
-	      '41': {
-	        start: {
-	          line: 179,
-	          column: 6
-	        },
-	        end: {
-	          line: 181,
-	          column: 7
-	        }
-	      },
-	      '42': {
-	        start: {
-	          line: 180,
-	          column: 8
-	        },
-	        end: {
-	          line: 180,
-	          column: 39
-	        }
-	      },
-	      '43': {
-	        start: {
-	          line: 190,
-	          column: 6
-	        },
-	        end: {
-	          line: 194,
-	          column: 7
-	        }
-	      },
-	      '44': {
-	        start: {
-	          line: 191,
-	          column: 8
-	        },
-	        end: {
-	          line: 193,
-	          column: 14
-	        }
-	      },
-	      '45': {
-	        start: {
-	          line: 192,
-	          column: 10
-	        },
-	        end: {
-	          line: 192,
-	          column: 43
-	        }
-	      },
-	      '46': {
-	        start: {
-	          line: 198,
-	          column: 4
-	        },
-	        end: {
-	          line: 198,
-	          column: 24
-	        }
-	      },
-	      '47': {
-	        start: {
-	          line: 202,
-	          column: 2
-	        },
-	        end: {
-	          line: 206,
-	          column: 5
-	        }
-	      },
-	      '48': {
-	        start: {
-	          line: 203,
-	          column: 4
-	        },
-	        end: {
-	          line: 205,
-	          column: 5
-	        }
-	      },
-	      '49': {
-	        start: {
-	          line: 204,
-	          column: 6
-	        },
-	        end: {
-	          line: 204,
-	          column: 32
-	        }
-	      },
-	      '50': {
-	        start: {
-	          line: 208,
-	          column: 2
-	        },
-	        end: {
-	          line: 208,
-	          column: 30
-	        }
-	      },
-	      '51': {
-	        start: {
-	          line: 209,
-	          column: 2
-	        },
-	        end: {
-	          line: 209,
-	          column: 28
-	        }
-	      },
-	      '52': {
-	        start: {
-	          line: 210,
-	          column: 2
-	        },
-	        end: {
-	          line: 210,
-	          column: 29
-	        }
-	      },
-	      '53': {
-	        start: {
-	          line: 211,
-	          column: 2
-	        },
-	        end: {
-	          line: 211,
-	          column: 27
-	        }
-	      },
-	      '54': {
-	        start: {
-	          line: 224,
-	          column: 2
-	        },
-	        end: {
-	          line: 247,
-	          column: 4
-	        }
-	      },
-	      '55': {
-	        start: {
-	          line: 227,
-	          column: 4
-	        },
-	        end: {
-	          line: 229,
-	          column: 5
-	        }
-	      },
-	      '56': {
-	        start: {
-	          line: 228,
-	          column: 6
-	        },
-	        end: {
-	          line: 228,
-	          column: 36
-	        }
-	      },
-	      '57': {
-	        start: {
-	          line: 231,
-	          column: 4
-	        },
-	        end: {
-	          line: 244,
-	          column: 5
-	        }
-	      },
-	      '58': {
-	        start: {
-	          line: 237,
-	          column: 6
-	        },
-	        end: {
-	          line: 237,
-	          column: 37
-	        }
-	      },
-	      '59': {
-	        start: {
-	          line: 238,
-	          column: 6
-	        },
-	        end: {
-	          line: 241,
-	          column: 8
-	        }
-	      },
-	      '60': {
-	        start: {
-	          line: 243,
-	          column: 6
-	        },
-	        end: {
-	          line: 243,
-	          column: 85
-	        }
-	      },
-	      '61': {
-	        start: {
-	          line: 246,
-	          column: 4
-	        },
-	        end: {
-	          line: 246,
-	          column: 34
-	        }
-	      },
-	      '62': {
-	        start: {
-	          line: 258,
-	          column: 2
-	        },
-	        end: {
-	          line: 260,
-	          column: 4
-	        }
-	      },
-	      '63': {
-	        start: {
-	          line: 259,
-	          column: 4
-	        },
-	        end: {
-	          line: 259,
-	          column: 42
-	        }
-	      },
-	      '64': {
-	        start: {
-	          line: 271,
-	          column: 2
-	        },
-	        end: {
-	          line: 289,
-	          column: 4
-	        }
-	      },
-	      '65': {
-	        start: {
-	          line: 272,
-	          column: 4
-	        },
-	        end: {
-	          line: 274,
-	          column: 5
-	        }
-	      },
-	      '66': {
-	        start: {
-	          line: 273,
-	          column: 6
-	        },
-	        end: {
-	          line: 273,
-	          column: 41
-	        }
-	      },
-	      '67': {
-	        start: {
-	          line: 276,
-	          column: 20
-	        },
-	        end: {
-	          line: 276,
-	          column: 64
-	        }
-	      },
-	      '68': {
-	        start: {
-	          line: 278,
-	          column: 4
-	        },
-	        end: {
-	          line: 286,
-	          column: 5
-	        }
-	      },
-	      '69': {
-	        start: {
-	          line: 279,
-	          column: 21
-	        },
-	        end: {
-	          line: 279,
-	          column: 31
-	        }
-	      },
-	      '70': {
-	        start: {
-	          line: 281,
-	          column: 6
-	        },
-	        end: {
-	          line: 285,
-	          column: 7
-	        }
-	      },
-	      '71': {
-	        start: {
-	          line: 282,
-	          column: 8
-	        },
-	        end: {
-	          line: 282,
-	          column: 44
-	        }
-	      },
-	      '72': {
-	        start: {
-	          line: 283,
-	          column: 13
-	        },
-	        end: {
-	          line: 285,
-	          column: 7
-	        }
-	      },
-	      '73': {
-	        start: {
-	          line: 284,
-	          column: 8
-	        },
-	        end: {
-	          line: 284,
-	          column: 48
-	        }
-	      },
-	      '74': {
-	        start: {
-	          line: 288,
-	          column: 4
-	        },
-	        end: {
-	          line: 288,
-	          column: 14
-	        }
-	      },
-	      '75': {
-	        start: {
-	          line: 298,
-	          column: 2
-	        },
-	        end: {
-	          line: 298,
-	          column: 55
-	        }
-	      },
-	      '76': {
-	        start: {
-	          line: 298,
-	          column: 32
-	        },
-	        end: {
-	          line: 298,
-	          column: 54
-	        }
-	      },
-	      '77': {
-	        start: {
-	          line: 307,
-	          column: 2
-	        },
-	        end: {
-	          line: 307,
-	          column: 45
-	        }
-	      },
-	      '78': {
-	        start: {
-	          line: 307,
-	          column: 29
-	        },
-	        end: {
-	          line: 307,
-	          column: 44
-	        }
-	      },
-	      '79': {
-	        start: {
-	          line: 316,
-	          column: 2
-	        },
-	        end: {
-	          line: 332,
-	          column: 4
-	        }
-	      },
-	      '80': {
-	        start: {
-	          line: 317,
-	          column: 20
-	        },
-	        end: {
-	          line: 317,
-	          column: 42
-	        }
-	      },
-	      '81': {
-	        start: {
-	          line: 319,
-	          column: 4
-	        },
-	        end: {
-	          line: 321,
-	          column: 5
-	        }
-	      },
-	      '82': {
-	        start: {
-	          line: 320,
-	          column: 6
-	        },
-	        end: {
-	          line: 320,
-	          column: 16
-	        }
-	      },
-	      '83': {
-	        start: {
-	          line: 323,
-	          column: 22
-	        },
-	        end: {
-	          line: 323,
-	          column: 42
-	        }
-	      },
-	      '84': {
-	        start: {
-	          line: 326,
-	          column: 4
-	        },
-	        end: {
-	          line: 328,
-	          column: 5
-	        }
-	      },
-	      '85': {
-	        start: {
-	          line: 327,
-	          column: 6
-	        },
-	        end: {
-	          line: 327,
-	          column: 15
-	        }
-	      },
-	      '86': {
-	        start: {
-	          line: 331,
-	          column: 4
-	        },
-	        end: {
-	          line: 331,
-	          column: 44
-	        }
-	      },
-	      '87': {
-	        start: {
-	          line: 341,
-	          column: 2
-	        },
-	        end: {
-	          line: 355,
-	          column: 4
-	        }
-	      },
-	      '88': {
-	        start: {
-	          line: 342,
-	          column: 20
-	        },
-	        end: {
-	          line: 342,
-	          column: 42
-	        }
-	      },
-	      '89': {
-	        start: {
-	          line: 344,
-	          column: 4
-	        },
-	        end: {
-	          line: 346,
-	          column: 5
-	        }
-	      },
-	      '90': {
-	        start: {
-	          line: 345,
-	          column: 6
-	        },
-	        end: {
-	          line: 345,
-	          column: 16
-	        }
-	      },
-	      '91': {
-	        start: {
-	          line: 349,
-	          column: 4
-	        },
-	        end: {
-	          line: 351,
-	          column: 5
-	        }
-	      },
-	      '92': {
-	        start: {
-	          line: 350,
-	          column: 6
-	        },
-	        end: {
-	          line: 350,
-	          column: 34
-	        }
-	      },
-	      '93': {
-	        start: {
-	          line: 354,
-	          column: 4
-	        },
-	        end: {
-	          line: 354,
-	          column: 36
-	        }
-	      },
-	      '94': {
-	        start: {
-	          line: 363,
-	          column: 2
-	        },
-	        end: {
-	          line: 373,
-	          column: 4
-	        }
-	      },
-	      '95': {
-	        start: {
-	          line: 364,
-	          column: 4
-	        },
-	        end: {
-	          line: 366,
-	          column: 5
-	        }
-	      },
-	      '96': {
-	        start: {
-	          line: 365,
-	          column: 6
-	        },
-	        end: {
-	          line: 365,
-	          column: 13
-	        }
-	      },
-	      '97': {
-	        start: {
-	          line: 368,
-	          column: 4
-	        },
-	        end: {
-	          line: 370,
-	          column: 5
-	        }
-	      },
-	      '98': {
-	        start: {
-	          line: 369,
-	          column: 6
-	        },
-	        end: {
-	          line: 369,
-	          column: 43
-	        }
-	      },
-	      '99': {
-	        start: {
-	          line: 372,
-	          column: 4
-	        },
-	        end: {
-	          line: 372,
-	          column: 32
-	        }
-	      },
-	      '100': {
-	        start: {
-	          line: 381,
-	          column: 2
-	        },
-	        end: {
-	          line: 391,
-	          column: 4
-	        }
-	      },
-	      '101': {
-	        start: {
-	          line: 382,
-	          column: 4
-	        },
-	        end: {
-	          line: 384,
-	          column: 5
-	        }
-	      },
-	      '102': {
-	        start: {
-	          line: 383,
-	          column: 6
-	        },
-	        end: {
-	          line: 383,
-	          column: 13
-	        }
-	      },
-	      '103': {
-	        start: {
-	          line: 386,
-	          column: 4
-	        },
-	        end: {
-	          line: 388,
-	          column: 5
-	        }
-	      },
-	      '104': {
-	        start: {
-	          line: 387,
-	          column: 6
-	        },
-	        end: {
-	          line: 387,
-	          column: 62
-	        }
-	      },
-	      '105': {
-	        start: {
-	          line: 390,
-	          column: 4
-	        },
-	        end: {
-	          line: 390,
-	          column: 32
-	        }
-	      },
-	      '106': {
-	        start: {
-	          line: 399,
-	          column: 2
-	        },
-	        end: {
-	          line: 409,
-	          column: 4
-	        }
-	      },
-	      '107': {
-	        start: {
-	          line: 400,
-	          column: 4
-	        },
-	        end: {
-	          line: 402,
-	          column: 5
-	        }
-	      },
-	      '108': {
-	        start: {
-	          line: 401,
-	          column: 6
-	        },
-	        end: {
-	          line: 401,
-	          column: 13
-	        }
-	      },
-	      '109': {
-	        start: {
-	          line: 404,
-	          column: 18
-	        },
-	        end: {
-	          line: 404,
-	          column: 38
-	        }
-	      },
-	      '110': {
-	        start: {
-	          line: 406,
-	          column: 4
-	        },
-	        end: {
-	          line: 408,
-	          column: 5
-	        }
-	      },
-	      '111': {
-	        start: {
-	          line: 407,
-	          column: 6
-	        },
-	        end: {
-	          line: 407,
-	          column: 47
-	        }
-	      },
-	      '112': {
-	        start: {
-	          line: 417,
-	          column: 2
-	        },
-	        end: {
-	          line: 427,
-	          column: 4
-	        }
-	      },
-	      '113': {
-	        start: {
-	          line: 418,
-	          column: 4
-	        },
-	        end: {
-	          line: 420,
-	          column: 5
-	        }
-	      },
-	      '114': {
-	        start: {
-	          line: 419,
-	          column: 6
-	        },
-	        end: {
-	          line: 419,
-	          column: 13
-	        }
-	      },
-	      '115': {
-	        start: {
-	          line: 422,
-	          column: 18
-	        },
-	        end: {
-	          line: 422,
-	          column: 42
-	        }
-	      },
-	      '116': {
-	        start: {
-	          line: 424,
-	          column: 4
-	        },
-	        end: {
-	          line: 426,
-	          column: 5
-	        }
-	      },
-	      '117': {
-	        start: {
-	          line: 425,
-	          column: 6
-	        },
-	        end: {
-	          line: 425,
-	          column: 47
-	        }
-	      },
-	      '118': {
-	        start: {
-	          line: 435,
-	          column: 2
-	        },
-	        end: {
-	          line: 437,
-	          column: 4
-	        }
-	      },
-	      '119': {
-	        start: {
-	          line: 436,
-	          column: 4
-	        },
-	        end: {
-	          line: 436,
-	          column: 47
-	        }
-	      },
-	      '120': {
-	        start: {
-	          line: 449,
-	          column: 2
-	        },
-	        end: {
-	          line: 461,
-	          column: 4
-	        }
-	      },
-	      '121': {
-	        start: {
-	          line: 450,
-	          column: 4
-	        },
-	        end: {
-	          line: 452,
-	          column: 5
-	        }
-	      },
-	      '122': {
-	        start: {
-	          line: 451,
-	          column: 6
-	        },
-	        end: {
-	          line: 451,
-	          column: 30
-	        }
-	      },
-	      '123': {
-	        start: {
-	          line: 454,
-	          column: 4
-	        },
-	        end: {
-	          line: 457,
-	          column: 5
-	        }
-	      },
-	      '124': {
-	        start: {
-	          line: 455,
-	          column: 6
-	        },
-	        end: {
-	          line: 455,
-	          column: 75
-	        }
-	      },
-	      '125': {
-	        start: {
-	          line: 456,
-	          column: 6
-	        },
-	        end: {
-	          line: 456,
-	          column: 13
-	        }
-	      },
-	      '126': {
-	        start: {
-	          line: 459,
-	          column: 4
-	        },
-	        end: {
-	          line: 459,
-	          column: 29
-	        }
-	      },
-	      '127': {
-	        start: {
-	          line: 460,
-	          column: 4
-	        },
-	        end: {
-	          line: 460,
-	          column: 28
-	        }
-	      },
-	      '128': {
-	        start: {
-	          line: 472,
-	          column: 2
-	        },
-	        end: {
-	          line: 493,
-	          column: 4
-	        }
-	      },
-	      '129': {
-	        start: {
-	          line: 475,
-	          column: 4
-	        },
-	        end: {
-	          line: 477,
-	          column: 5
-	        }
-	      },
-	      '130': {
-	        start: {
-	          line: 476,
-	          column: 6
-	        },
-	        end: {
-	          line: 476,
-	          column: 13
-	        }
-	      },
-	      '131': {
-	        start: {
-	          line: 479,
-	          column: 4
-	        },
-	        end: {
-	          line: 479,
-	          column: 23
-	        }
-	      },
-	      '132': {
-	        start: {
-	          line: 482,
-	          column: 4
-	        },
-	        end: {
-	          line: 484,
-	          column: 5
-	        }
-	      },
-	      '133': {
-	        start: {
-	          line: 483,
-	          column: 6
-	        },
-	        end: {
-	          line: 483,
-	          column: 13
-	        }
-	      },
-	      '134': {
-	        start: {
-	          line: 492,
-	          column: 4
-	        },
-	        end: {
-	          line: 492,
-	          column: 37
-	        }
-	      },
-	      '135': {
-	        start: {
-	          line: 501,
-	          column: 2
-	        },
-	        end: {
-	          line: 522,
-	          column: 4
-	        }
-	      },
-	      '136': {
-	        start: {
-	          line: 504,
-	          column: 4
-	        },
-	        end: {
-	          line: 506,
-	          column: 5
-	        }
-	      },
-	      '137': {
-	        start: {
-	          line: 505,
-	          column: 6
-	        },
-	        end: {
-	          line: 505,
-	          column: 13
-	        }
-	      },
-	      '138': {
-	        start: {
-	          line: 508,
-	          column: 4
-	        },
-	        end: {
-	          line: 508,
-	          column: 19
-	        }
-	      },
-	      '139': {
-	        start: {
-	          line: 511,
-	          column: 4
-	        },
-	        end: {
-	          line: 513,
-	          column: 5
-	        }
-	      },
-	      '140': {
-	        start: {
-	          line: 512,
-	          column: 6
-	        },
-	        end: {
-	          line: 512,
-	          column: 13
-	        }
-	      },
-	      '141': {
-	        start: {
-	          line: 521,
-	          column: 4
-	        },
-	        end: {
-	          line: 521,
-	          column: 37
-	        }
-	      },
-	      '142': {
-	        start: {
-	          line: 542,
-	          column: 2
-	        },
-	        end: {
-	          line: 578,
-	          column: 4
-	        }
-	      },
-	      '143': {
-	        start: {
-	          line: 543,
-	          column: 16
-	        },
-	        end: {
-	          line: 543,
-	          column: 17
-	        }
-	      },
-	      '144': {
-	        start: {
-	          line: 544,
-	          column: 14
-	        },
-	        end: {
-	          line: 544,
-	          column: 18
-	        }
-	      },
-	      '145': {
-	        start: {
-	          line: 548,
-	          column: 4
-	        },
-	        end: {
-	          line: 551,
-	          column: 5
-	        }
-	      },
-	      '146': {
-	        start: {
-	          line: 549,
-	          column: 6
-	        },
-	        end: {
-	          line: 549,
-	          column: 41
-	        }
-	      },
-	      '147': {
-	        start: {
-	          line: 550,
-	          column: 6
-	        },
-	        end: {
-	          line: 550,
-	          column: 30
-	        }
-	      },
-	      '148': {
-	        start: {
-	          line: 554,
-	          column: 4
-	        },
-	        end: {
-	          line: 556,
-	          column: 5
-	        }
-	      },
-	      '149': {
-	        start: {
-	          line: 555,
-	          column: 6
-	        },
-	        end: {
-	          line: 555,
-	          column: 13
-	        }
-	      },
-	      '150': {
-	        start: {
-	          line: 558,
-	          column: 4
-	        },
-	        end: {
-	          line: 558,
-	          column: 19
-	        }
-	      },
-	      '151': {
-	        start: {
-	          line: 562,
-	          column: 4
-	        },
-	        end: {
-	          line: 564,
-	          column: 5
-	        }
-	      },
-	      '152': {
-	        start: {
-	          line: 563,
-	          column: 6
-	        },
-	        end: {
-	          line: 563,
-	          column: 54
-	        }
-	      },
-	      '153': {
-	        start: {
-	          line: 567,
-	          column: 4
-	        },
-	        end: {
-	          line: 569,
-	          column: 5
-	        }
-	      },
-	      '154': {
-	        start: {
-	          line: 568,
-	          column: 6
-	        },
-	        end: {
-	          line: 568,
-	          column: 13
-	        }
-	      },
-	      '155': {
-	        start: {
-	          line: 577,
-	          column: 4
-	        },
-	        end: {
-	          line: 577,
-	          column: 37
-	        }
-	      },
-	      '156': {
-	        start: {
-	          line: 581,
-	          column: 2
-	        },
-	        end: {
-	          line: 587,
-	          column: 3
-	        }
-	      },
-	      '157': {
-	        start: {
-	          line: 582,
-	          column: 4
-	        },
-	        end: {
-	          line: 582,
-	          column: 48
-	        }
-	      },
-	      '158': {
-	        start: {
-	          line: 586,
-	          column: 4
-	        },
-	        end: {
-	          line: 586,
-	          column: 14
-	        }
-	      },
-	      '159': {
-	        start: {
-	          line: 589,
-	          column: 2
-	        },
-	        end: {
-	          line: 589,
-	          column: 18
-	        }
-	      }
-	    },
-	    fnMap: {
-	      '0': {
-	        name: '(anonymous_0)',
-	        decl: {
-	          start: {
-	            line: 20,
-	            column: 21
-	          },
-	          end: {
-	            line: 20,
-	            column: 22
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 20,
-	            column: 43
-	          },
-	          end: {
-	            line: 39,
-	            column: 1
-	          }
-	        },
-	        line: 20
-	      },
-	      '1': {
-	        name: '(anonymous_1)',
-	        decl: {
-	          start: {
-	            line: 56,
-	            column: 23
-	          },
-	          end: {
-	            line: 56,
-	            column: 24
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 56,
-	            column: 37
-	          },
-	          end: {
-	            line: 72,
-	            column: 1
-	          }
-	        },
-	        line: 56
-	      },
-	      '2': {
-	        name: '(anonymous_2)',
-	        decl: {
-	          start: {
-	            line: 84,
-	            column: 18
-	          },
-	          end: {
-	            line: 84,
-	            column: 19
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 84,
-	            column: 27
-	          },
-	          end: {
-	            line: 97,
-	            column: 1
-	          }
-	        },
-	        line: 84
-	      },
-	      '3': {
-	        name: 'factory',
-	        decl: {
-	          start: {
-	            line: 130,
-	            column: 24
-	          },
-	          end: {
-	            line: 130,
-	            column: 31
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 130,
-	            column: 71
-	          },
-	          end: {
-	            line: 590,
-	            column: 1
-	          }
-	        },
-	        line: 130
-	      },
-	      '4': {
-	        name: '(anonymous_4)',
-	        decl: {
-	          start: {
-	            line: 152,
-	            column: 37
-	          },
-	          end: {
-	            line: 152,
-	            column: 38
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 152,
-	            column: 64
-	          },
-	          end: {
-	            line: 199,
-	            column: 3
-	          }
-	        },
-	        line: 152
-	      },
-	      '5': {
-	        name: '(anonymous_5)',
-	        decl: {
-	          start: {
-	            line: 191,
-	            column: 26
-	          },
-	          end: {
-	            line: 191,
-	            column: 27
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 191,
-	            column: 32
-	          },
-	          end: {
-	            line: 193,
-	            column: 9
-	          }
-	        },
-	        line: 191
-	      },
-	      '6': {
-	        name: '(anonymous_6)',
-	        decl: {
-	          start: {
-	            line: 202,
-	            column: 25
-	          },
-	          end: {
-	            line: 202,
-	            column: 26
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 202,
-	            column: 31
-	          },
-	          end: {
-	            line: 206,
-	            column: 3
-	          }
-	        },
-	        line: 202
-	      },
-	      '7': {
-	        name: '(anonymous_7)',
-	        decl: {
-	          start: {
-	            line: 224,
-	            column: 25
-	          },
-	          end: {
-	            line: 224,
-	            column: 26
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 224,
-	            column: 36
-	          },
-	          end: {
-	            line: 247,
-	            column: 3
-	          }
-	        },
-	        line: 224
-	      },
-	      '8': {
-	        name: '(anonymous_8)',
-	        decl: {
-	          start: {
-	            line: 258,
-	            column: 22
-	          },
-	          end: {
-	            line: 258,
-	            column: 23
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 258,
-	            column: 33
-	          },
-	          end: {
-	            line: 260,
-	            column: 3
-	          }
-	        },
-	        line: 258
-	      },
-	      '9': {
-	        name: '(anonymous_9)',
-	        decl: {
-	          start: {
-	            line: 271,
-	            column: 21
-	          },
-	          end: {
-	            line: 271,
-	            column: 22
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 271,
-	            column: 32
-	          },
-	          end: {
-	            line: 289,
-	            column: 3
-	          }
-	        },
-	        line: 271
-	      },
-	      '10': {
-	        name: '(anonymous_10)',
-	        decl: {
-	          start: {
-	            line: 298,
-	            column: 26
-	          },
-	          end: {
-	            line: 298,
-	            column: 27
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 298,
-	            column: 32
-	          },
-	          end: {
-	            line: 298,
-	            column: 54
-	          }
-	        },
-	        line: 298
-	      },
-	      '11': {
-	        name: '(anonymous_11)',
-	        decl: {
-	          start: {
-	            line: 307,
-	            column: 23
-	          },
-	          end: {
-	            line: 307,
-	            column: 24
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 307,
-	            column: 29
-	          },
-	          end: {
-	            line: 307,
-	            column: 44
-	          }
-	        },
-	        line: 307
-	      },
-	      '12': {
-	        name: '(anonymous_12)',
-	        decl: {
-	          start: {
-	            line: 316,
-	            column: 23
-	          },
-	          end: {
-	            line: 316,
-	            column: 24
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 316,
-	            column: 29
-	          },
-	          end: {
-	            line: 332,
-	            column: 3
-	          }
-	        },
-	        line: 316
-	      },
-	      '13': {
-	        name: '(anonymous_13)',
-	        decl: {
-	          start: {
-	            line: 341,
-	            column: 27
-	          },
-	          end: {
-	            line: 341,
-	            column: 28
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 341,
-	            column: 33
-	          },
-	          end: {
-	            line: 355,
-	            column: 3
-	          }
-	        },
-	        line: 341
-	      },
-	      '14': {
-	        name: '(anonymous_14)',
-	        decl: {
-	          start: {
-	            line: 363,
-	            column: 19
-	          },
-	          end: {
-	            line: 363,
-	            column: 20
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 363,
-	            column: 25
-	          },
-	          end: {
-	            line: 373,
-	            column: 3
-	          }
-	        },
-	        line: 363
-	      },
-	      '15': {
-	        name: '(anonymous_15)',
-	        decl: {
-	          start: {
-	            line: 381,
-	            column: 18
-	          },
-	          end: {
-	            line: 381,
-	            column: 19
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 381,
-	            column: 24
-	          },
-	          end: {
-	            line: 391,
-	            column: 3
-	          }
-	        },
-	        line: 381
-	      },
-	      '16': {
-	        name: '(anonymous_16)',
-	        decl: {
-	          start: {
-	            line: 399,
-	            column: 18
-	          },
-	          end: {
-	            line: 399,
-	            column: 19
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 399,
-	            column: 24
-	          },
-	          end: {
-	            line: 409,
-	            column: 3
-	          }
-	        },
-	        line: 399
-	      },
-	      '17': {
-	        name: '(anonymous_17)',
-	        decl: {
-	          start: {
-	            line: 417,
-	            column: 22
-	          },
-	          end: {
-	            line: 417,
-	            column: 23
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 417,
-	            column: 28
-	          },
-	          end: {
-	            line: 427,
-	            column: 3
-	          }
-	        },
-	        line: 417
-	      },
-	      '18': {
-	        name: '(anonymous_18)',
-	        decl: {
-	          start: {
-	            line: 435,
-	            column: 25
-	          },
-	          end: {
-	            line: 435,
-	            column: 26
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 435,
-	            column: 36
-	          },
-	          end: {
-	            line: 437,
-	            column: 3
-	          }
-	        },
-	        line: 435
-	      },
-	      '19': {
-	        name: '(anonymous_19)',
-	        decl: {
-	          start: {
-	            line: 449,
-	            column: 20
-	          },
-	          end: {
-	            line: 449,
-	            column: 21
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 449,
-	            column: 29
-	          },
-	          end: {
-	            line: 461,
-	            column: 3
-	          }
-	        },
-	        line: 449
-	      },
-	      '20': {
-	        name: '(anonymous_20)',
-	        decl: {
-	          start: {
-	            line: 472,
-	            column: 18
-	          },
-	          end: {
-	            line: 472,
-	            column: 19
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 472,
-	            column: 31
-	          },
-	          end: {
-	            line: 493,
-	            column: 3
-	          }
-	        },
-	        line: 472
-	      },
-	      '21': {
-	        name: '(anonymous_21)',
-	        decl: {
-	          start: {
-	            line: 501,
-	            column: 21
-	          },
-	          end: {
-	            line: 501,
-	            column: 22
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 501,
-	            column: 27
-	          },
-	          end: {
-	            line: 522,
-	            column: 3
-	          }
-	        },
-	        line: 501
-	      },
-	      '22': {
-	        name: '(anonymous_22)',
-	        decl: {
-	          start: {
-	            line: 542,
-	            column: 21
-	          },
-	          end: {
-	            line: 542,
-	            column: 22
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 542,
-	            column: 38
-	          },
-	          end: {
-	            line: 578,
-	            column: 3
-	          }
-	        },
-	        line: 542
-	      }
-	    },
-	    branchMap: {
-	      '0': {
-	        loc: {
-	          start: {
-	            line: 24,
-	            column: 2
-	          },
-	          end: {
-	            line: 26,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 24,
-	            column: 2
-	          },
-	          end: {
-	            line: 26,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 24,
-	            column: 2
-	          },
-	          end: {
-	            line: 26,
-	            column: 3
-	          }
-	        }],
-	        line: 24
-	      },
-	      '1': {
-	        loc: {
-	          start: {
-	            line: 27,
-	            column: 2
-	          },
-	          end: {
-	            line: 29,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 27,
-	            column: 2
-	          },
-	          end: {
-	            line: 29,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 27,
-	            column: 2
-	          },
-	          end: {
-	            line: 29,
-	            column: 3
-	          }
-	        }],
-	        line: 27
-	      },
-	      '2': {
-	        loc: {
-	          start: {
-	            line: 31,
-	            column: 2
-	          },
-	          end: {
-	            line: 33,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 31,
-	            column: 2
-	          },
-	          end: {
-	            line: 33,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 31,
-	            column: 2
-	          },
-	          end: {
-	            line: 33,
-	            column: 3
-	          }
-	        }],
-	        line: 31
-	      },
-	      '3': {
-	        loc: {
-	          start: {
-	            line: 34,
-	            column: 2
-	          },
-	          end: {
-	            line: 36,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 34,
-	            column: 2
-	          },
-	          end: {
-	            line: 36,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 34,
-	            column: 2
-	          },
-	          end: {
-	            line: 36,
-	            column: 3
-	          }
-	        }],
-	        line: 34
-	      },
-	      '4': {
-	        loc: {
-	          start: {
-	            line: 60,
-	            column: 4
-	          },
-	          end: {
-	            line: 68,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 60,
-	            column: 4
-	          },
-	          end: {
-	            line: 68,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 60,
-	            column: 4
-	          },
-	          end: {
-	            line: 68,
-	            column: 5
-	          }
-	        }],
-	        line: 60
-	      },
-	      '5': {
-	        loc: {
-	          start: {
-	            line: 64,
-	            column: 8
-	          },
-	          end: {
-	            line: 66,
-	            column: 9
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 64,
-	            column: 8
-	          },
-	          end: {
-	            line: 66,
-	            column: 9
-	          }
-	        }, {
-	          start: {
-	            line: 64,
-	            column: 8
-	          },
-	          end: {
-	            line: 66,
-	            column: 9
-	          }
-	        }],
-	        line: 64
-	      },
-	      '6': {
-	        loc: {
-	          start: {
-	            line: 64,
-	            column: 12
-	          },
-	          end: {
-	            line: 64,
-	            column: 47
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 64,
-	            column: 12
-	          },
-	          end: {
-	            line: 64,
-	            column: 18
-	          }
-	        }, {
-	          start: {
-	            line: 64,
-	            column: 22
-	          },
-	          end: {
-	            line: 64,
-	            column: 47
-	          }
-	        }],
-	        line: 64
-	      },
-	      '7': {
-	        loc: {
-	          start: {
-	            line: 130,
-	            column: 53
-	          },
-	          end: {
-	            line: 130,
-	            column: 69
-	          }
-	        },
-	        type: 'default-arg',
-	        locations: [{
-	          start: {
-	            line: 130,
-	            column: 68
-	          },
-	          end: {
-	            line: 130,
-	            column: 69
-	          }
-	        }],
-	        line: 130
-	      },
-	      '8': {
-	        loc: {
-	          start: {
-	            line: 152,
-	            column: 47
-	          },
-	          end: {
-	            line: 152,
-	            column: 59
-	          }
-	        },
-	        type: 'default-arg',
-	        locations: [{
-	          start: {
-	            line: 152,
-	            column: 58
-	          },
-	          end: {
-	            line: 152,
-	            column: 59
-	          }
-	        }],
-	        line: 152
-	      },
-	      '9': {
-	        loc: {
-	          start: {
-	            line: 153,
-	            column: 4
-	          },
-	          end: {
-	            line: 155,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 153,
-	            column: 4
-	          },
-	          end: {
-	            line: 155,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 153,
-	            column: 4
-	          },
-	          end: {
-	            line: 155,
-	            column: 5
-	          }
-	        }],
-	        line: 153
-	      },
-	      '10': {
-	        loc: {
-	          start: {
-	            line: 157,
-	            column: 4
-	          },
-	          end: {
-	            line: 195,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 157,
-	            column: 4
-	          },
-	          end: {
-	            line: 195,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 157,
-	            column: 4
-	          },
-	          end: {
-	            line: 195,
-	            column: 5
-	          }
-	        }],
-	        line: 157
-	      },
-	      '11': {
-	        loc: {
-	          start: {
-	            line: 160,
-	            column: 31
-	          },
-	          end: {
-	            line: 160,
-	            column: 72
-	          }
-	        },
-	        type: 'cond-expr',
-	        locations: [{
-	          start: {
-	            line: 160,
-	            column: 53
-	          },
-	          end: {
-	            line: 160,
-	            column: 65
-	          }
-	        }, {
-	          start: {
-	            line: 160,
-	            column: 68
-	          },
-	          end: {
-	            line: 160,
-	            column: 72
-	          }
-	        }],
-	        line: 160
-	      },
-	      '12': {
-	        loc: {
-	          start: {
-	            line: 174,
-	            column: 26
-	          },
-	          end: {
-	            line: 174,
-	            column: 48
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 174,
-	            column: 26
-	          },
-	          end: {
-	            line: 174,
-	            column: 42
-	          }
-	        }, {
-	          start: {
-	            line: 174,
-	            column: 46
-	          },
-	          end: {
-	            line: 174,
-	            column: 48
-	          }
-	        }],
-	        line: 174
-	      },
-	      '13': {
-	        loc: {
-	          start: {
-	            line: 179,
-	            column: 6
-	          },
-	          end: {
-	            line: 181,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 179,
-	            column: 6
-	          },
-	          end: {
-	            line: 181,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 179,
-	            column: 6
-	          },
-	          end: {
-	            line: 181,
-	            column: 7
-	          }
-	        }],
-	        line: 179
-	      },
-	      '14': {
-	        loc: {
-	          start: {
-	            line: 190,
-	            column: 6
-	          },
-	          end: {
-	            line: 194,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 190,
-	            column: 6
-	          },
-	          end: {
-	            line: 194,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 190,
-	            column: 6
-	          },
-	          end: {
-	            line: 194,
-	            column: 7
-	          }
-	        }],
-	        line: 190
-	      },
-	      '15': {
-	        loc: {
-	          start: {
-	            line: 203,
-	            column: 4
-	          },
-	          end: {
-	            line: 205,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 203,
-	            column: 4
-	          },
-	          end: {
-	            line: 205,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 203,
-	            column: 4
-	          },
-	          end: {
-	            line: 205,
-	            column: 5
-	          }
-	        }],
-	        line: 203
-	      },
-	      '16': {
-	        loc: {
-	          start: {
-	            line: 227,
-	            column: 4
-	          },
-	          end: {
-	            line: 229,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 227,
-	            column: 4
-	          },
-	          end: {
-	            line: 229,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 227,
-	            column: 4
-	          },
-	          end: {
-	            line: 229,
-	            column: 5
-	          }
-	        }],
-	        line: 227
-	      },
-	      '17': {
-	        loc: {
-	          start: {
-	            line: 231,
-	            column: 4
-	          },
-	          end: {
-	            line: 244,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 231,
-	            column: 4
-	          },
-	          end: {
-	            line: 244,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 231,
-	            column: 4
-	          },
-	          end: {
-	            line: 244,
-	            column: 5
-	          }
-	        }],
-	        line: 231
-	      },
-	      '18': {
-	        loc: {
-	          start: {
-	            line: 232,
-	            column: 6
-	          },
-	          end: {
-	            line: 235,
-	            column: 25
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 232,
-	            column: 6
-	          },
-	          end: {
-	            line: 232,
-	            column: 31
-	          }
-	        }, {
-	          start: {
-	            line: 233,
-	            column: 6
-	          },
-	          end: {
-	            line: 233,
-	            column: 38
-	          }
-	        }, {
-	          start: {
-	            line: 234,
-	            column: 6
-	          },
-	          end: {
-	            line: 234,
-	            column: 16
-	          }
-	        }, {
-	          start: {
-	            line: 235,
-	            column: 6
-	          },
-	          end: {
-	            line: 235,
-	            column: 25
-	          }
-	        }],
-	        line: 232
-	      },
-	      '19': {
-	        loc: {
-	          start: {
-	            line: 243,
-	            column: 48
-	          },
-	          end: {
-	            line: 243,
-	            column: 83
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 243,
-	            column: 48
-	          },
-	          end: {
-	            line: 243,
-	            column: 77
-	          }
-	        }, {
-	          start: {
-	            line: 243,
-	            column: 81
-	          },
-	          end: {
-	            line: 243,
-	            column: 83
-	          }
-	        }],
-	        line: 243
-	      },
-	      '20': {
-	        loc: {
-	          start: {
-	            line: 272,
-	            column: 4
-	          },
-	          end: {
-	            line: 274,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 272,
-	            column: 4
-	          },
-	          end: {
-	            line: 274,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 272,
-	            column: 4
-	          },
-	          end: {
-	            line: 274,
-	            column: 5
-	          }
-	        }],
-	        line: 272
-	      },
-	      '21': {
-	        loc: {
-	          start: {
-	            line: 276,
-	            column: 20
-	          },
-	          end: {
-	            line: 276,
-	            column: 64
-	          }
-	        },
-	        type: 'cond-expr',
-	        locations: [{
-	          start: {
-	            line: 276,
-	            column: 43
-	          },
-	          end: {
-	            line: 276,
-	            column: 48
-	          }
-	        }, {
-	          start: {
-	            line: 276,
-	            column: 51
-	          },
-	          end: {
-	            line: 276,
-	            column: 64
-	          }
-	        }],
-	        line: 276
-	      },
-	      '22': {
-	        loc: {
-	          start: {
-	            line: 281,
-	            column: 6
-	          },
-	          end: {
-	            line: 285,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 281,
-	            column: 6
-	          },
-	          end: {
-	            line: 285,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 281,
-	            column: 6
-	          },
-	          end: {
-	            line: 285,
-	            column: 7
-	          }
-	        }],
-	        line: 281
-	      },
-	      '23': {
-	        loc: {
-	          start: {
-	            line: 283,
-	            column: 13
-	          },
-	          end: {
-	            line: 285,
-	            column: 7
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 283,
-	            column: 13
-	          },
-	          end: {
-	            line: 285,
-	            column: 7
-	          }
-	        }, {
-	          start: {
-	            line: 283,
-	            column: 13
-	          },
-	          end: {
-	            line: 285,
-	            column: 7
-	          }
-	        }],
-	        line: 283
-	      },
-	      '24': {
-	        loc: {
-	          start: {
-	            line: 319,
-	            column: 4
-	          },
-	          end: {
-	            line: 321,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 319,
-	            column: 4
-	          },
-	          end: {
-	            line: 321,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 319,
-	            column: 4
-	          },
-	          end: {
-	            line: 321,
-	            column: 5
-	          }
-	        }],
-	        line: 319
-	      },
-	      '25': {
-	        loc: {
-	          start: {
-	            line: 326,
-	            column: 4
-	          },
-	          end: {
-	            line: 328,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 326,
-	            column: 4
-	          },
-	          end: {
-	            line: 328,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 326,
-	            column: 4
-	          },
-	          end: {
-	            line: 328,
-	            column: 5
-	          }
-	        }],
-	        line: 326
-	      },
-	      '26': {
-	        loc: {
-	          start: {
-	            line: 326,
-	            column: 8
-	          },
-	          end: {
-	            line: 326,
-	            column: 49
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 326,
-	            column: 8
-	          },
-	          end: {
-	            line: 326,
-	            column: 24
-	          }
-	        }, {
-	          start: {
-	            line: 326,
-	            column: 28
-	          },
-	          end: {
-	            line: 326,
-	            column: 49
-	          }
-	        }],
-	        line: 326
-	      },
-	      '27': {
-	        loc: {
-	          start: {
-	            line: 344,
-	            column: 4
-	          },
-	          end: {
-	            line: 346,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 344,
-	            column: 4
-	          },
-	          end: {
-	            line: 346,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 344,
-	            column: 4
-	          },
-	          end: {
-	            line: 346,
-	            column: 5
-	          }
-	        }],
-	        line: 344
-	      },
-	      '28': {
-	        loc: {
-	          start: {
-	            line: 349,
-	            column: 4
-	          },
-	          end: {
-	            line: 351,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 349,
-	            column: 4
-	          },
-	          end: {
-	            line: 351,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 349,
-	            column: 4
-	          },
-	          end: {
-	            line: 351,
-	            column: 5
-	          }
-	        }],
-	        line: 349
-	      },
-	      '29': {
-	        loc: {
-	          start: {
-	            line: 349,
-	            column: 8
-	          },
-	          end: {
-	            line: 349,
-	            column: 41
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 349,
-	            column: 8
-	          },
-	          end: {
-	            line: 349,
-	            column: 24
-	          }
-	        }, {
-	          start: {
-	            line: 349,
-	            column: 28
-	          },
-	          end: {
-	            line: 349,
-	            column: 41
-	          }
-	        }],
-	        line: 349
-	      },
-	      '30': {
-	        loc: {
-	          start: {
-	            line: 364,
-	            column: 4
-	          },
-	          end: {
-	            line: 366,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 364,
-	            column: 4
-	          },
-	          end: {
-	            line: 366,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 364,
-	            column: 4
-	          },
-	          end: {
-	            line: 366,
-	            column: 5
-	          }
-	        }],
-	        line: 364
-	      },
-	      '31': {
-	        loc: {
-	          start: {
-	            line: 368,
-	            column: 4
-	          },
-	          end: {
-	            line: 370,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 368,
-	            column: 4
-	          },
-	          end: {
-	            line: 370,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 368,
-	            column: 4
-	          },
-	          end: {
-	            line: 370,
-	            column: 5
-	          }
-	        }],
-	        line: 368
-	      },
-	      '32': {
-	        loc: {
-	          start: {
-	            line: 382,
-	            column: 4
-	          },
-	          end: {
-	            line: 384,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 382,
-	            column: 4
-	          },
-	          end: {
-	            line: 384,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 382,
-	            column: 4
-	          },
-	          end: {
-	            line: 384,
-	            column: 5
-	          }
-	        }],
-	        line: 382
-	      },
-	      '33': {
-	        loc: {
-	          start: {
-	            line: 386,
-	            column: 4
-	          },
-	          end: {
-	            line: 388,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 386,
-	            column: 4
-	          },
-	          end: {
-	            line: 388,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 386,
-	            column: 4
-	          },
-	          end: {
-	            line: 388,
-	            column: 5
-	          }
-	        }],
-	        line: 386
-	      },
-	      '34': {
-	        loc: {
-	          start: {
-	            line: 400,
-	            column: 4
-	          },
-	          end: {
-	            line: 402,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 400,
-	            column: 4
-	          },
-	          end: {
-	            line: 402,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 400,
-	            column: 4
-	          },
-	          end: {
-	            line: 402,
-	            column: 5
-	          }
-	        }],
-	        line: 400
-	      },
-	      '35': {
-	        loc: {
-	          start: {
-	            line: 406,
-	            column: 4
-	          },
-	          end: {
-	            line: 408,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 406,
-	            column: 4
-	          },
-	          end: {
-	            line: 408,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 406,
-	            column: 4
-	          },
-	          end: {
-	            line: 408,
-	            column: 5
-	          }
-	        }],
-	        line: 406
-	      },
-	      '36': {
-	        loc: {
-	          start: {
-	            line: 418,
-	            column: 4
-	          },
-	          end: {
-	            line: 420,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 418,
-	            column: 4
-	          },
-	          end: {
-	            line: 420,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 418,
-	            column: 4
-	          },
-	          end: {
-	            line: 420,
-	            column: 5
-	          }
-	        }],
-	        line: 418
-	      },
-	      '37': {
-	        loc: {
-	          start: {
-	            line: 424,
-	            column: 4
-	          },
-	          end: {
-	            line: 426,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 424,
-	            column: 4
-	          },
-	          end: {
-	            line: 426,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 424,
-	            column: 4
-	          },
-	          end: {
-	            line: 426,
-	            column: 5
-	          }
-	        }],
-	        line: 424
-	      },
-	      '38': {
-	        loc: {
-	          start: {
-	            line: 450,
-	            column: 4
-	          },
-	          end: {
-	            line: 452,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 450,
-	            column: 4
-	          },
-	          end: {
-	            line: 452,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 450,
-	            column: 4
-	          },
-	          end: {
-	            line: 452,
-	            column: 5
-	          }
-	        }],
-	        line: 450
-	      },
-	      '39': {
-	        loc: {
-	          start: {
-	            line: 454,
-	            column: 4
-	          },
-	          end: {
-	            line: 457,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 454,
-	            column: 4
-	          },
-	          end: {
-	            line: 457,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 454,
-	            column: 4
-	          },
-	          end: {
-	            line: 457,
-	            column: 5
-	          }
-	        }],
-	        line: 454
-	      },
-	      '40': {
-	        loc: {
-	          start: {
-	            line: 475,
-	            column: 4
-	          },
-	          end: {
-	            line: 477,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 475,
-	            column: 4
-	          },
-	          end: {
-	            line: 477,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 475,
-	            column: 4
-	          },
-	          end: {
-	            line: 477,
-	            column: 5
-	          }
-	        }],
-	        line: 475
-	      },
-	      '41': {
-	        loc: {
-	          start: {
-	            line: 482,
-	            column: 4
-	          },
-	          end: {
-	            line: 484,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 482,
-	            column: 4
-	          },
-	          end: {
-	            line: 484,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 482,
-	            column: 4
-	          },
-	          end: {
-	            line: 484,
-	            column: 5
-	          }
-	        }],
-	        line: 482
-	      },
-	      '42': {
-	        loc: {
-	          start: {
-	            line: 504,
-	            column: 4
-	          },
-	          end: {
-	            line: 506,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 504,
-	            column: 4
-	          },
-	          end: {
-	            line: 506,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 504,
-	            column: 4
-	          },
-	          end: {
-	            line: 506,
-	            column: 5
-	          }
-	        }],
-	        line: 504
-	      },
-	      '43': {
-	        loc: {
-	          start: {
-	            line: 511,
-	            column: 4
-	          },
-	          end: {
-	            line: 513,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 511,
-	            column: 4
-	          },
-	          end: {
-	            line: 513,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 511,
-	            column: 4
-	          },
-	          end: {
-	            line: 513,
-	            column: 5
-	          }
-	        }],
-	        line: 511
-	      },
-	      '44': {
-	        loc: {
-	          start: {
-	            line: 542,
-	            column: 22
-	          },
-	          end: {
-	            line: 542,
-	            column: 33
-	          }
-	        },
-	        type: 'default-arg',
-	        locations: [{
-	          start: {
-	            line: 542,
-	            column: 31
-	          },
-	          end: {
-	            line: 542,
-	            column: 33
-	          }
-	        }],
-	        line: 542
-	      },
-	      '45': {
-	        loc: {
-	          start: {
-	            line: 548,
-	            column: 4
-	          },
-	          end: {
-	            line: 551,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 548,
-	            column: 4
-	          },
-	          end: {
-	            line: 551,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 548,
-	            column: 4
-	          },
-	          end: {
-	            line: 551,
-	            column: 5
-	          }
-	        }],
-	        line: 548
-	      },
-	      '46': {
-	        loc: {
-	          start: {
-	            line: 554,
-	            column: 4
-	          },
-	          end: {
-	            line: 556,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 554,
-	            column: 4
-	          },
-	          end: {
-	            line: 556,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 554,
-	            column: 4
-	          },
-	          end: {
-	            line: 556,
-	            column: 5
-	          }
-	        }],
-	        line: 554
-	      },
-	      '47': {
-	        loc: {
-	          start: {
-	            line: 562,
-	            column: 4
-	          },
-	          end: {
-	            line: 564,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 562,
-	            column: 4
-	          },
-	          end: {
-	            line: 564,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 562,
-	            column: 4
-	          },
-	          end: {
-	            line: 564,
-	            column: 5
-	          }
-	        }],
-	        line: 562
-	      },
-	      '48': {
-	        loc: {
-	          start: {
-	            line: 567,
-	            column: 4
-	          },
-	          end: {
-	            line: 569,
-	            column: 5
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 567,
-	            column: 4
-	          },
-	          end: {
-	            line: 569,
-	            column: 5
-	          }
-	        }, {
-	          start: {
-	            line: 567,
-	            column: 4
-	          },
-	          end: {
-	            line: 569,
-	            column: 5
-	          }
-	        }],
-	        line: 567
-	      },
-	      '49': {
-	        loc: {
-	          start: {
-	            line: 581,
-	            column: 2
-	          },
-	          end: {
-	            line: 587,
-	            column: 3
-	          }
-	        },
-	        type: 'if',
-	        locations: [{
-	          start: {
-	            line: 581,
-	            column: 2
-	          },
-	          end: {
-	            line: 587,
-	            column: 3
-	          }
-	        }, {
-	          start: {
-	            line: 581,
-	            column: 2
-	          },
-	          end: {
-	            line: 587,
-	            column: 3
-	          }
-	        }],
-	        line: 581
-	      }
-	    },
-	    s: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0,
-	      '4': 0,
-	      '5': 0,
-	      '6': 0,
-	      '7': 0,
-	      '8': 0,
-	      '9': 0,
-	      '10': 0,
-	      '11': 0,
-	      '12': 0,
-	      '13': 0,
-	      '14': 0,
-	      '15': 0,
-	      '16': 0,
-	      '17': 0,
-	      '18': 0,
-	      '19': 0,
-	      '20': 0,
-	      '21': 0,
-	      '22': 0,
-	      '23': 0,
-	      '24': 0,
-	      '25': 0,
-	      '26': 0,
-	      '27': 0,
-	      '28': 0,
-	      '29': 0,
-	      '30': 0,
-	      '31': 0,
-	      '32': 0,
-	      '33': 0,
-	      '34': 0,
-	      '35': 0,
-	      '36': 0,
-	      '37': 0,
-	      '38': 0,
-	      '39': 0,
-	      '40': 0,
-	      '41': 0,
-	      '42': 0,
-	      '43': 0,
-	      '44': 0,
-	      '45': 0,
-	      '46': 0,
-	      '47': 0,
-	      '48': 0,
-	      '49': 0,
-	      '50': 0,
-	      '51': 0,
-	      '52': 0,
-	      '53': 0,
-	      '54': 0,
-	      '55': 0,
-	      '56': 0,
-	      '57': 0,
-	      '58': 0,
-	      '59': 0,
-	      '60': 0,
-	      '61': 0,
-	      '62': 0,
-	      '63': 0,
-	      '64': 0,
-	      '65': 0,
-	      '66': 0,
-	      '67': 0,
-	      '68': 0,
-	      '69': 0,
-	      '70': 0,
-	      '71': 0,
-	      '72': 0,
-	      '73': 0,
-	      '74': 0,
-	      '75': 0,
-	      '76': 0,
-	      '77': 0,
-	      '78': 0,
-	      '79': 0,
-	      '80': 0,
-	      '81': 0,
-	      '82': 0,
-	      '83': 0,
-	      '84': 0,
-	      '85': 0,
-	      '86': 0,
-	      '87': 0,
-	      '88': 0,
-	      '89': 0,
-	      '90': 0,
-	      '91': 0,
-	      '92': 0,
-	      '93': 0,
-	      '94': 0,
-	      '95': 0,
-	      '96': 0,
-	      '97': 0,
-	      '98': 0,
-	      '99': 0,
-	      '100': 0,
-	      '101': 0,
-	      '102': 0,
-	      '103': 0,
-	      '104': 0,
-	      '105': 0,
-	      '106': 0,
-	      '107': 0,
-	      '108': 0,
-	      '109': 0,
-	      '110': 0,
-	      '111': 0,
-	      '112': 0,
-	      '113': 0,
-	      '114': 0,
-	      '115': 0,
-	      '116': 0,
-	      '117': 0,
-	      '118': 0,
-	      '119': 0,
-	      '120': 0,
-	      '121': 0,
-	      '122': 0,
-	      '123': 0,
-	      '124': 0,
-	      '125': 0,
-	      '126': 0,
-	      '127': 0,
-	      '128': 0,
-	      '129': 0,
-	      '130': 0,
-	      '131': 0,
-	      '132': 0,
-	      '133': 0,
-	      '134': 0,
-	      '135': 0,
-	      '136': 0,
-	      '137': 0,
-	      '138': 0,
-	      '139': 0,
-	      '140': 0,
-	      '141': 0,
-	      '142': 0,
-	      '143': 0,
-	      '144': 0,
-	      '145': 0,
-	      '146': 0,
-	      '147': 0,
-	      '148': 0,
-	      '149': 0,
-	      '150': 0,
-	      '151': 0,
-	      '152': 0,
-	      '153': 0,
-	      '154': 0,
-	      '155': 0,
-	      '156': 0,
-	      '157': 0,
-	      '158': 0,
-	      '159': 0
-	    },
-	    f: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0,
-	      '4': 0,
-	      '5': 0,
-	      '6': 0,
-	      '7': 0,
-	      '8': 0,
-	      '9': 0,
-	      '10': 0,
-	      '11': 0,
-	      '12': 0,
-	      '13': 0,
-	      '14': 0,
-	      '15': 0,
-	      '16': 0,
-	      '17': 0,
-	      '18': 0,
-	      '19': 0,
-	      '20': 0,
-	      '21': 0,
-	      '22': 0
-	    },
-	    b: {
-	      '0': [0, 0],
-	      '1': [0, 0],
-	      '2': [0, 0],
-	      '3': [0, 0],
-	      '4': [0, 0],
-	      '5': [0, 0],
-	      '6': [0, 0],
-	      '7': [0],
-	      '8': [0],
-	      '9': [0, 0],
-	      '10': [0, 0],
-	      '11': [0, 0],
-	      '12': [0, 0],
-	      '13': [0, 0],
-	      '14': [0, 0],
-	      '15': [0, 0],
-	      '16': [0, 0],
-	      '17': [0, 0],
-	      '18': [0, 0, 0, 0],
-	      '19': [0, 0],
-	      '20': [0, 0],
-	      '21': [0, 0],
-	      '22': [0, 0],
-	      '23': [0, 0],
-	      '24': [0, 0],
-	      '25': [0, 0],
-	      '26': [0, 0],
-	      '27': [0, 0],
-	      '28': [0, 0],
-	      '29': [0, 0],
-	      '30': [0, 0],
-	      '31': [0, 0],
-	      '32': [0, 0],
-	      '33': [0, 0],
-	      '34': [0, 0],
-	      '35': [0, 0],
-	      '36': [0, 0],
-	      '37': [0, 0],
-	      '38': [0, 0],
-	      '39': [0, 0],
-	      '40': [0, 0],
-	      '41': [0, 0],
-	      '42': [0, 0],
-	      '43': [0, 0],
-	      '44': [0],
-	      '45': [0, 0],
-	      '46': [0, 0],
-	      '47': [0, 0],
-	      '48': [0, 0],
-	      '49': [0, 0]
-	    },
-	    _coverageSchema: '332fd63041d2c1bcb487cc26dd0d5f7d97098a6c'
-	  },
-	      coverage = global[gcv] || (global[gcv] = {});
-
-	  if (coverage[path] && coverage[path].hash === hash) {
-	    return coverage[path];
-	  }
-
-	  coverageData.hash = hash;
-	  return coverage[path] = coverageData;
-	}();
-	cov_ritqk1zyq.s[0]++;
-
-	var sourceEquals = function sourceEquals(source1, source2) {
-	  cov_ritqk1zyq.f[0]++;
-	  var src1 = (cov_ritqk1zyq.s[1]++, source1);
-	  var src2 = (cov_ritqk1zyq.s[2]++, source2);
-	  cov_ritqk1zyq.s[3]++;
-
-	  if (typeof source1 === 'object') {
-	    cov_ritqk1zyq.b[0][0]++;
-	    cov_ritqk1zyq.s[4]++;
-	    src1 = source1.src;
-	  } else {
-	    cov_ritqk1zyq.b[0][1]++;
-	  }
-
-	  cov_ritqk1zyq.s[5]++;
-
-	  if (typeof source2 === 'object') {
-	    cov_ritqk1zyq.b[1][0]++;
-	    cov_ritqk1zyq.s[6]++;
-	    src2 = source2.src;
-	  } else {
-	    cov_ritqk1zyq.b[1][1]++;
-	  }
-
-	  cov_ritqk1zyq.s[7]++;
-
-	  if (/^\/\//.test(src1)) {
-	    cov_ritqk1zyq.b[2][0]++;
-	    cov_ritqk1zyq.s[8]++;
-	    src2 = src2.slice(src2.indexOf('//'));
-	  } else {
-	    cov_ritqk1zyq.b[2][1]++;
-	  }
-
-	  cov_ritqk1zyq.s[9]++;
-
-	  if (/^\/\//.test(src2)) {
-	    cov_ritqk1zyq.b[3][0]++;
-	    cov_ritqk1zyq.s[10]++;
-	    src1 = src1.slice(src1.indexOf('//'));
-	  } else {
-	    cov_ritqk1zyq.b[3][1]++;
-	  }
-
-	  cov_ritqk1zyq.s[11]++;
-	  return src1 === src2;
-	};
-
-	cov_ritqk1zyq.s[12]++;
-
-	var indexInSources = function indexInSources(arr, src) {
-	  cov_ritqk1zyq.f[1]++;
-	  cov_ritqk1zyq.s[13]++;
-
-	  for (var i = 0; i < arr.length; i++) {
-	    var sources = (cov_ritqk1zyq.s[14]++, arr[i].sources);
-	    cov_ritqk1zyq.s[15]++;
-
-	    if (Array.isArray(sources)) {
-	      cov_ritqk1zyq.b[4][0]++;
-	      cov_ritqk1zyq.s[16]++;
-
-	      for (var j = 0; j < sources.length; j++) {
-	        var source = (cov_ritqk1zyq.s[17]++, sources[j]);
-	        cov_ritqk1zyq.s[18]++;
-
-	        if ((cov_ritqk1zyq.b[6][0]++, source) && (cov_ritqk1zyq.b[6][1]++, sourceEquals(source, src))) {
-	          cov_ritqk1zyq.b[5][0]++;
-	          cov_ritqk1zyq.s[19]++;
-	          return i;
-	        } else {
-	          cov_ritqk1zyq.b[5][1]++;
-	        }
-	      }
-	    } else {
-	      cov_ritqk1zyq.b[4][1]++;
-	    }
-	  }
-
-	  cov_ritqk1zyq.s[20]++;
-	  return -1;
-	};
-
-	cov_ritqk1zyq.s[21]++;
-
-	var randomize = function randomize(arr) {
-	  cov_ritqk1zyq.f[2]++;
-	  var index = (cov_ritqk1zyq.s[22]++, -1);
-	  var lastIndex = (cov_ritqk1zyq.s[23]++, arr.length - 1);
-	  cov_ritqk1zyq.s[24]++;
-
-	  while (++index < arr.length) {
-	    var rand = (cov_ritqk1zyq.s[25]++, index + Math.floor(Math.random() * (lastIndex - index + 1)));
-	    var value = (cov_ritqk1zyq.s[26]++, arr[rand]);
-	    cov_ritqk1zyq.s[27]++;
-	    arr[rand] = arr[index];
-	    cov_ritqk1zyq.s[28]++;
-	    arr[index] = value;
-	  }
-
-	  cov_ritqk1zyq.s[29]++;
-	  return arr;
-	};
-
-	function factory(player, initialList, initialIndex) {
-	  if (initialIndex === void 0) {
-	    initialIndex = (cov_ritqk1zyq.b[7][0]++, 0);
-	  }
-
-	  cov_ritqk1zyq.f[3]++;
-	  var list = (cov_ritqk1zyq.s[30]++, null);
-	  var changing = (cov_ritqk1zyq.s[31]++, false);
-	  var playlist = (cov_ritqk1zyq.s[32]++, player.playlist = function (newList, newIndex) {
-	    if (newIndex === void 0) {
-	      newIndex = (cov_ritqk1zyq.b[8][0]++, 0);
-	    }
-
-	    cov_ritqk1zyq.f[4]++;
-	    cov_ritqk1zyq.s[33]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[9][0]++;
-	      cov_ritqk1zyq.s[34]++;
-	      throw new Error('do not call playlist() during a playlist change');
-	    } else {
-	      cov_ritqk1zyq.b[9][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[35]++;
-
-	    if (Array.isArray(newList)) {
-	      cov_ritqk1zyq.b[10][0]++;
-	      var previousPlaylist = (cov_ritqk1zyq.s[36]++, Array.isArray(list) ? (cov_ritqk1zyq.b[11][0]++, list.slice()) : (cov_ritqk1zyq.b[11][1]++, null));
-	      cov_ritqk1zyq.s[37]++;
-	      list = newList.slice();
-	      cov_ritqk1zyq.s[38]++;
-	      changing = true;
-	      cov_ritqk1zyq.s[39]++;
-	      player.trigger({
-	        type: 'duringplaylistchange',
-	        nextIndex: newIndex,
-	        nextPlaylist: list,
-	        previousIndex: playlist.currentIndex_,
-	        previousPlaylist: (cov_ritqk1zyq.b[12][0]++, previousPlaylist) || (cov_ritqk1zyq.b[12][1]++, [])
-	      });
-	      cov_ritqk1zyq.s[40]++;
-	      changing = false;
-	      cov_ritqk1zyq.s[41]++;
-
-	      if (newIndex !== -1) {
-	        cov_ritqk1zyq.b[13][0]++;
-	        cov_ritqk1zyq.s[42]++;
-	        playlist.currentItem(newIndex);
-	      } else {
-	        cov_ritqk1zyq.b[13][1]++;
-	      }
-
-	      cov_ritqk1zyq.s[43]++;
-
-	      if (previousPlaylist) {
-	        cov_ritqk1zyq.b[14][0]++;
-	        cov_ritqk1zyq.s[44]++;
-	        player.setTimeout(function () {
-	          cov_ritqk1zyq.f[5]++;
-	          cov_ritqk1zyq.s[45]++;
-	          player.trigger('playlistchange');
-	        }, 0);
-	      } else {
-	        cov_ritqk1zyq.b[14][1]++;
-	      }
-	    } else {
-	      cov_ritqk1zyq.b[10][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[46]++;
-	    return list.slice();
-	  });
-	  cov_ritqk1zyq.s[47]++;
-	  player.on('loadstart', function () {
-	    cov_ritqk1zyq.f[6]++;
-	    cov_ritqk1zyq.s[48]++;
-
-	    if (playlist.currentItem() === -1) {
-	      cov_ritqk1zyq.b[15][0]++;
-	      cov_ritqk1zyq.s[49]++;
-	      reset(player);
-	    } else {
-	      cov_ritqk1zyq.b[15][1]++;
-	    }
-	  });
-	  cov_ritqk1zyq.s[50]++;
-	  playlist.currentIndex_ = -1;
-	  cov_ritqk1zyq.s[51]++;
-	  playlist.player_ = player;
-	  cov_ritqk1zyq.s[52]++;
-	  playlist.autoadvance_ = {};
-	  cov_ritqk1zyq.s[53]++;
-	  playlist.repeat_ = false;
-	  cov_ritqk1zyq.s[54]++;
-
-	  playlist.currentItem = function (index) {
-	    cov_ritqk1zyq.f[7]++;
-	    cov_ritqk1zyq.s[55]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[16][0]++;
-	      cov_ritqk1zyq.s[56]++;
-	      return playlist.currentIndex_;
-	    } else {
-	      cov_ritqk1zyq.b[16][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[57]++;
-
-	    if ((cov_ritqk1zyq.b[18][0]++, typeof index === 'number') && (cov_ritqk1zyq.b[18][1]++, playlist.currentIndex_ !== index) && (cov_ritqk1zyq.b[18][2]++, index >= 0) && (cov_ritqk1zyq.b[18][3]++, index < list.length)) {
-	      cov_ritqk1zyq.b[17][0]++;
-	      cov_ritqk1zyq.s[58]++;
-	      playlist.currentIndex_ = index;
-	      cov_ritqk1zyq.s[59]++;
-	      playItem(playlist.player_, list[playlist.currentIndex_]);
-	    } else {
-	      cov_ritqk1zyq.b[17][1]++;
-	      cov_ritqk1zyq.s[60]++;
-	      playlist.currentIndex_ = playlist.indexOf((cov_ritqk1zyq.b[19][0]++, playlist.player_.currentSrc()) || (cov_ritqk1zyq.b[19][1]++, ''));
-	    }
-
-	    cov_ritqk1zyq.s[61]++;
-	    return playlist.currentIndex_;
-	  };
-
-	  cov_ritqk1zyq.s[62]++;
-
-	  playlist.contains = function (value) {
-	    cov_ritqk1zyq.f[8]++;
-	    cov_ritqk1zyq.s[63]++;
-	    return playlist.indexOf(value) !== -1;
-	  };
-
-	  cov_ritqk1zyq.s[64]++;
-
-	  playlist.indexOf = function (value) {
-	    cov_ritqk1zyq.f[9]++;
-	    cov_ritqk1zyq.s[65]++;
-
-	    if (typeof value === 'string') {
-	      cov_ritqk1zyq.b[20][0]++;
-	      cov_ritqk1zyq.s[66]++;
-	      return indexInSources(list, value);
-	    } else {
-	      cov_ritqk1zyq.b[20][1]++;
-	    }
-
-	    var sources = (cov_ritqk1zyq.s[67]++, Array.isArray(value) ? (cov_ritqk1zyq.b[21][0]++, value) : (cov_ritqk1zyq.b[21][1]++, value.sources));
-	    cov_ritqk1zyq.s[68]++;
-
-	    for (var i = 0; i < sources.length; i++) {
-	      var source = (cov_ritqk1zyq.s[69]++, sources[i]);
-	      cov_ritqk1zyq.s[70]++;
-
-	      if (typeof source === 'string') {
-	        cov_ritqk1zyq.b[22][0]++;
-	        cov_ritqk1zyq.s[71]++;
-	        return indexInSources(list, source);
-	      } else {
-	        cov_ritqk1zyq.b[22][1]++;
-	        cov_ritqk1zyq.s[72]++;
-
-	        if (source.src) {
-	          cov_ritqk1zyq.b[23][0]++;
-	          cov_ritqk1zyq.s[73]++;
-	          return indexInSources(list, source.src);
-	        } else {
-	          cov_ritqk1zyq.b[23][1]++;
-	        }
-	      }
-	    }
-
-	    cov_ritqk1zyq.s[74]++;
-	    return -1;
-	  };
-
-	  cov_ritqk1zyq.s[75]++;
-
-	  playlist.currentIndex = function () {
-	    cov_ritqk1zyq.f[10]++;
-	    cov_ritqk1zyq.s[76]++;
-	    return playlist.currentItem();
-	  };
-
-	  cov_ritqk1zyq.s[77]++;
-
-	  playlist.lastIndex = function () {
-	    cov_ritqk1zyq.f[11]++;
-	    cov_ritqk1zyq.s[78]++;
-	    return list.length - 1;
-	  };
-
-	  cov_ritqk1zyq.s[79]++;
-
-	  playlist.nextIndex = function () {
-	    cov_ritqk1zyq.f[12]++;
-	    var current = (cov_ritqk1zyq.s[80]++, playlist.currentItem());
-	    cov_ritqk1zyq.s[81]++;
-
-	    if (current === -1) {
-	      cov_ritqk1zyq.b[24][0]++;
-	      cov_ritqk1zyq.s[82]++;
-	      return -1;
-	    } else {
-	      cov_ritqk1zyq.b[24][1]++;
-	    }
-
-	    var lastIndex = (cov_ritqk1zyq.s[83]++, playlist.lastIndex());
-	    cov_ritqk1zyq.s[84]++;
-
-	    if ((cov_ritqk1zyq.b[26][0]++, playlist.repeat_) && (cov_ritqk1zyq.b[26][1]++, current === lastIndex)) {
-	      cov_ritqk1zyq.b[25][0]++;
-	      cov_ritqk1zyq.s[85]++;
-	      return 0;
-	    } else {
-	      cov_ritqk1zyq.b[25][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[86]++;
-	    return Math.min(current + 1, lastIndex);
-	  };
-
-	  cov_ritqk1zyq.s[87]++;
-
-	  playlist.previousIndex = function () {
-	    cov_ritqk1zyq.f[13]++;
-	    var current = (cov_ritqk1zyq.s[88]++, playlist.currentItem());
-	    cov_ritqk1zyq.s[89]++;
-
-	    if (current === -1) {
-	      cov_ritqk1zyq.b[27][0]++;
-	      cov_ritqk1zyq.s[90]++;
-	      return -1;
-	    } else {
-	      cov_ritqk1zyq.b[27][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[91]++;
-
-	    if ((cov_ritqk1zyq.b[29][0]++, playlist.repeat_) && (cov_ritqk1zyq.b[29][1]++, current === 0)) {
-	      cov_ritqk1zyq.b[28][0]++;
-	      cov_ritqk1zyq.s[92]++;
-	      return playlist.lastIndex();
-	    } else {
-	      cov_ritqk1zyq.b[28][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[93]++;
-	    return Math.max(current - 1, 0);
-	  };
-
-	  cov_ritqk1zyq.s[94]++;
-
-	  playlist.first = function () {
-	    cov_ritqk1zyq.f[14]++;
-	    cov_ritqk1zyq.s[95]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[30][0]++;
-	      cov_ritqk1zyq.s[96]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[30][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[97]++;
-
-	    if (list.length) {
-	      cov_ritqk1zyq.b[31][0]++;
-	      cov_ritqk1zyq.s[98]++;
-	      return list[playlist.currentItem(0)];
-	    } else {
-	      cov_ritqk1zyq.b[31][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[99]++;
-	    playlist.currentIndex_ = -1;
-	  };
-
-	  cov_ritqk1zyq.s[100]++;
-
-	  playlist.last = function () {
-	    cov_ritqk1zyq.f[15]++;
-	    cov_ritqk1zyq.s[101]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[32][0]++;
-	      cov_ritqk1zyq.s[102]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[32][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[103]++;
-
-	    if (list.length) {
-	      cov_ritqk1zyq.b[33][0]++;
-	      cov_ritqk1zyq.s[104]++;
-	      return list[playlist.currentItem(playlist.lastIndex())];
-	    } else {
-	      cov_ritqk1zyq.b[33][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[105]++;
-	    playlist.currentIndex_ = -1;
-	  };
-
-	  cov_ritqk1zyq.s[106]++;
-
-	  playlist.next = function () {
-	    cov_ritqk1zyq.f[16]++;
-	    cov_ritqk1zyq.s[107]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[34][0]++;
-	      cov_ritqk1zyq.s[108]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[34][1]++;
-	    }
-
-	    var index = (cov_ritqk1zyq.s[109]++, playlist.nextIndex());
-	    cov_ritqk1zyq.s[110]++;
-
-	    if (index !== playlist.currentIndex_) {
-	      cov_ritqk1zyq.b[35][0]++;
-	      cov_ritqk1zyq.s[111]++;
-	      return list[playlist.currentItem(index)];
-	    } else {
-	      cov_ritqk1zyq.b[35][1]++;
-	    }
-	  };
-
-	  cov_ritqk1zyq.s[112]++;
-
-	  playlist.previous = function () {
-	    cov_ritqk1zyq.f[17]++;
-	    cov_ritqk1zyq.s[113]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[36][0]++;
-	      cov_ritqk1zyq.s[114]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[36][1]++;
-	    }
-
-	    var index = (cov_ritqk1zyq.s[115]++, playlist.previousIndex());
-	    cov_ritqk1zyq.s[116]++;
-
-	    if (index !== playlist.currentIndex_) {
-	      cov_ritqk1zyq.b[37][0]++;
-	      cov_ritqk1zyq.s[117]++;
-	      return list[playlist.currentItem(index)];
-	    } else {
-	      cov_ritqk1zyq.b[37][1]++;
-	    }
-	  };
-
-	  cov_ritqk1zyq.s[118]++;
-
-	  playlist.autoadvance = function (delay) {
-	    cov_ritqk1zyq.f[18]++;
-	    cov_ritqk1zyq.s[119]++;
-	    setup(playlist.player_, delay);
-	  };
-
-	  cov_ritqk1zyq.s[120]++;
-
-	  playlist.repeat = function (val) {
-	    cov_ritqk1zyq.f[19]++;
-	    cov_ritqk1zyq.s[121]++;
-
-	    if (val === undefined) {
-	      cov_ritqk1zyq.b[38][0]++;
-	      cov_ritqk1zyq.s[122]++;
-	      return playlist.repeat_;
-	    } else {
-	      cov_ritqk1zyq.b[38][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[123]++;
-
-	    if (typeof val !== 'boolean') {
-	      cov_ritqk1zyq.b[39][0]++;
-	      cov_ritqk1zyq.s[124]++;
-	      videojs.log.error('videojs-playlist: Invalid value for repeat', val);
-	      cov_ritqk1zyq.s[125]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[39][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[126]++;
-	    playlist.repeat_ = !!val;
-	    cov_ritqk1zyq.s[127]++;
-	    return playlist.repeat_;
-	  };
-
-	  cov_ritqk1zyq.s[128]++;
-
-	  playlist.sort = function (compare) {
-	    cov_ritqk1zyq.f[20]++;
-	    cov_ritqk1zyq.s[129]++;
-
-	    if (!list.length) {
-	      cov_ritqk1zyq.b[40][0]++;
-	      cov_ritqk1zyq.s[130]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[40][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[131]++;
-	    list.sort(compare);
-	    cov_ritqk1zyq.s[132]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[41][0]++;
-	      cov_ritqk1zyq.s[133]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[41][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[134]++;
-	    player.trigger('playlistsorted');
-	  };
-
-	  cov_ritqk1zyq.s[135]++;
-
-	  playlist.reverse = function () {
-	    cov_ritqk1zyq.f[21]++;
-	    cov_ritqk1zyq.s[136]++;
-
-	    if (!list.length) {
-	      cov_ritqk1zyq.b[42][0]++;
-	      cov_ritqk1zyq.s[137]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[42][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[138]++;
-	    list.reverse();
-	    cov_ritqk1zyq.s[139]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[43][0]++;
-	      cov_ritqk1zyq.s[140]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[43][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[141]++;
-	    player.trigger('playlistsorted');
-	  };
-
-	  cov_ritqk1zyq.s[142]++;
-
-	  playlist.shuffle = function (_temp) {
-	    var _ref = _temp === void 0 ? (cov_ritqk1zyq.b[44][0]++, {}) : _temp,
-	        rest = _ref.rest;
-
-	    cov_ritqk1zyq.f[22]++;
-	    var index = (cov_ritqk1zyq.s[143]++, 0);
-	    var arr = (cov_ritqk1zyq.s[144]++, list);
-	    cov_ritqk1zyq.s[145]++;
-
-	    if (rest) {
-	      cov_ritqk1zyq.b[45][0]++;
-	      cov_ritqk1zyq.s[146]++;
-	      index = playlist.currentIndex_ + 1;
-	      cov_ritqk1zyq.s[147]++;
-	      arr = list.slice(index);
-	    } else {
-	      cov_ritqk1zyq.b[45][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[148]++;
-
-	    if (arr.length <= 1) {
-	      cov_ritqk1zyq.b[46][0]++;
-	      cov_ritqk1zyq.s[149]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[46][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[150]++;
-	    randomize(arr);
-	    cov_ritqk1zyq.s[151]++;
-
-	    if (rest) {
-	      var _list;
-
-	      cov_ritqk1zyq.b[47][0]++;
-	      cov_ritqk1zyq.s[152]++;
-
-	      (_list = list).splice.apply(_list, [index, arr.length].concat(arr));
-	    } else {
-	      cov_ritqk1zyq.b[47][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[153]++;
-
-	    if (changing) {
-	      cov_ritqk1zyq.b[48][0]++;
-	      cov_ritqk1zyq.s[154]++;
-	      return;
-	    } else {
-	      cov_ritqk1zyq.b[48][1]++;
-	    }
-
-	    cov_ritqk1zyq.s[155]++;
-	    player.trigger('playlistsorted');
-	  };
-
-	  cov_ritqk1zyq.s[156]++;
-
-	  if (Array.isArray(initialList)) {
-	    cov_ritqk1zyq.b[49][0]++;
-	    cov_ritqk1zyq.s[157]++;
-	    playlist(initialList.slice(), initialIndex);
-	  } else {
-	    cov_ritqk1zyq.b[49][1]++;
-	    cov_ritqk1zyq.s[158]++;
-	    list = [];
-	  }
-
-	  cov_ritqk1zyq.s[159]++;
-	  return playlist;
-	}
-
-	var videoList = [{
-	  sources: [{
-	    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-	    type: 'video/mp4'
-	  }],
-	  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-	}, {
-	  sources: [{
-	    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-	    type: 'video/mp4'
-	  }],
-	  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-	}, {
-	  sources: [{
-	    src: 'http://vjs.zencdn.net/v/oceans.mp4',
-	    type: 'video/mp4'
-	  }],
-	  poster: 'http://www.videojs.com/img/poster.jpg'
-	}, {
-	  sources: [{
-	    src: 'http://media.w3.org/2010/05/bunny/movie.mp4',
-	    type: 'video/mp4'
-	  }],
-	  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-	}, {
-	  sources: [{
-	    src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-	    type: 'video/mp4'
-	  }],
-	  poster: 'http://media.w3.org/2010/05/video/poster.png'
-	}];
-	QUnit.module('playlist-maker', {
-	  beforeEach: function beforeEach() {
-	    this.clock = sinon.useFakeTimers();
-	  },
-	  afterEach: function afterEach() {
-	    this.clock.restore();
-	  }
-	});
-	QUnit.test('playlistMaker takes a player and a list and returns a playlist', function (assert) {
-	  var playlist = factory(proxy(), []);
-	  assert.equal(typeof playlist, 'function', 'playlist is a function');
-	  assert.equal(typeof playlist.autoadvance, 'function', 'we have a autoadvance function');
-	  assert.equal(typeof playlist.currentItem, 'function', 'we have a currentItem function');
-	  assert.equal(typeof playlist.first, 'function', 'we have a first function');
-	  assert.equal(typeof playlist.indexOf, 'function', 'we have a indexOf function');
-	  assert.equal(typeof playlist.next, 'function', 'we have a next function');
-	  assert.equal(typeof playlist.previous, 'function', 'we have a previous function');
-	});
-	QUnit.test('playlistMaker can either take nothing or an Array as its first argument', function (assert) {
-	  var playlist1 = factory(proxy());
-	  var playlist2 = factory(proxy(), 'foo');
-	  var playlist3 = factory(proxy(), {
-	    foo: [1, 2, 3]
-	  });
-	  assert.deepEqual(playlist1(), [], 'if given no initial array, default to an empty array');
-	  assert.deepEqual(playlist2(), [], 'if given no initial array, default to an empty array');
-	  assert.deepEqual(playlist3(), [], 'if given no initial array, default to an empty array');
-	});
-	QUnit.test('playlist() is a getter and setter for the list', function (assert) {
-	  var playlist = factory(proxy(), [1, 2, 3]);
-	  assert.deepEqual(playlist(), [1, 2, 3], 'equal to input list');
-	  assert.deepEqual(playlist([1, 2, 3, 4, 5]), [1, 2, 3, 4, 5], 'equal to input list, arguments ignored');
-	  assert.deepEqual(playlist(), [1, 2, 3, 4, 5], 'equal to input list');
-	  var list = playlist();
-	  list.unshift(10);
-	  assert.deepEqual(playlist(), [1, 2, 3, 4, 5], 'changing the list did not affect the playlist');
-	  assert.notDeepEqual(playlist(), [10, 1, 2, 3, 4, 5], 'changing the list did not affect the playlist');
-	});
-	QUnit.test('playlist() should only accept an Array as a new playlist', function (assert) {
-	  var playlist = factory(proxy(), [1, 2, 3]);
-	  assert.deepEqual(playlist('foo'), [1, 2, 3], 'when given "foo", it should be treated as a getter');
-	  assert.deepEqual(playlist({
-	    foo: [1, 2, 3]
-	  }), [1, 2, 3], 'when given {foo: [1,2,3]}, it should be treated as a getter');
-	});
-	QUnit.test('playlist.currentItem() works as expected', function (assert) {
-	  var player = proxy();
-	  var playlist = factory(player, videoList);
-	  var src;
-
-	  player.src = function (s) {
-	    if (s) {
-	      if (typeof s === 'string') {
-	        src = s;
-	      } else if (Array.isArray(s)) {
-	        return player.src(s[0]);
-	      } else {
-	        return player.src(s.src);
-	      }
-	    }
-	  };
-
-	  player.currentSrc = function () {
-	    return src;
-	  };
-
-	  src = videoList[0].sources[0].src;
-	  assert.equal(playlist.currentItem(), 0, 'begin at the first item, item 0');
-	  assert.equal(playlist.currentItem(2), 2, 'setting to item 2 gives us back the new item index');
-	  assert.equal(playlist.currentItem(), 2, 'the current item is now 2');
-	  assert.equal(playlist.currentItem(5), 2, 'cannot change to an out-of-bounds item');
-	  assert.equal(playlist.currentItem(-1), 2, 'cannot change to an out-of-bounds item');
-	  assert.equal(playlist.currentItem(null), 2, 'cannot change to an invalid item');
-	  assert.equal(playlist.currentItem(NaN), 2, 'cannot change to an invalid item');
-	  assert.equal(playlist.currentItem(Infinity), 2, 'cannot change to an invalid item');
-	  assert.equal(playlist.currentItem(-Infinity), 2, 'cannot change to an invalid item');
-	});
-	QUnit.test('playlist.currentItem() returns -1 with an empty playlist', function (assert) {
-	  var playlist = factory(proxy(), []);
-	  assert.equal(playlist.currentItem(), -1, 'we should get a -1 with an empty playlist');
-	});
-	QUnit.test('playlist.currentItem() does not change items if same index is given', function (assert) {
-	  var player = proxy();
-	  var sources = 0;
-	  var src;
-
-	  player.src = function (s) {
-	    if (s) {
-	      if (typeof s === 'string') {
-	        src = s;
-	      } else if (Array.isArray(s)) {
-	        return player.src(s[0]);
-	      } else {
-	        return player.src(s.src);
-	      }
-	    }
-
-	    sources++;
-	  };
-
-	  player.currentSrc = function () {
-	    return src;
-	  };
-
-	  var playlist = factory(player, videoList);
-	  assert.equal(sources, 1, 'we switched to the first playlist item');
-	  sources = 0;
-	  assert.equal(playlist.currentItem(), 0, 'we start at index 0');
-	  playlist.currentItem(0);
-	  assert.equal(sources, 0, 'we did not try to set sources');
-	  playlist.currentItem(1);
-	  assert.equal(sources, 1, 'we did try to set sources');
-	  playlist.currentItem(1);
-	  assert.equal(sources, 1, 'we did not try to set sources');
-	});
-	QUnit.test('playlistMaker accepts a starting index', function (assert) {
-	  var player = proxy();
-	  var src;
-
-	  player.src = function (s) {
-	    if (s) {
-	      if (typeof s === 'string') {
-	        src = s;
-	      } else if (Array.isArray(s)) {
-	        return player.src(s[0]);
-	      } else {
-	        return player.src(s.src);
-	      }
-	    }
-	  };
-
-	  player.currentSrc = function () {
-	    return src;
-	  };
-
-	  var playlist = factory(player, videoList, 1);
-	  assert.equal(playlist.currentItem(), 1, 'if given an initial index, load that video');
-	});
-	QUnit.test('playlistMaker accepts a starting index', function (assert) {
-	  var player = proxy();
-	  var src;
-
-	  player.src = function (s) {
-	    if (s) {
-	      if (typeof s === 'string') {
-	        src = s;
-	      } else if (Array.isArray(s)) {
-	        return player.src(s[0]);
-	      } else {
-	        return player.src(s.src);
-	      }
-	    }
-	  };
-
-	  player.currentSrc = function () {
-	    return src;
-	  };
-
-	  var playlist = factory(player, videoList, -1);
-	  assert.equal(playlist.currentItem(), -1, 'if given -1 as initial index, load no video');
-	});
-	QUnit.test('playlist.contains() works as expected', function (assert) {
-	  var player = proxy();
-	  var playlist = factory(player, videoList);
-	  player.playlist = playlist;
-	  assert.ok(playlist.contains('http://media.w3.org/2010/05/sintel/trailer.mp4'), 'we can ask whether it contains a source string');
-	  assert.ok(playlist.contains(['http://media.w3.org/2010/05/sintel/trailer.mp4']), 'we can ask whether it contains a sources list of strings');
-	  assert.ok(playlist.contains([{
-	    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-	    type: 'video/mp4'
-	  }]), 'we can ask whether it contains a sources list of objects');
-	  assert.ok(playlist.contains({
-	    sources: ['http://media.w3.org/2010/05/sintel/trailer.mp4']
-	  }), 'we can ask whether it contains a playlist item');
-	  assert.ok(playlist.contains({
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-	      type: 'video/mp4'
-	    }]
-	  }), 'we can ask whether it contains a playlist item');
-	  assert.ok(!playlist.contains('http://media.w3.org/2010/05/sintel/poster.png'), 'we get false for a non-existent source string');
-	  assert.ok(!playlist.contains(['http://media.w3.org/2010/05/sintel/poster.png']), 'we get false for a non-existent source list of strings');
-	  assert.ok(!playlist.contains([{
-	    src: 'http://media.w3.org/2010/05/sintel/poster.png',
-	    type: 'video/mp4'
-	  }]), 'we get false for a non-existent source list of objects');
-	  assert.ok(!playlist.contains({
-	    sources: ['http://media.w3.org/2010/05/sintel/poster.png']
-	  }), 'we can ask whether it contains a playlist item');
-	  assert.ok(!playlist.contains({
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/sintel/poster.png',
-	      type: 'video/mp4'
-	    }]
-	  }), 'we get false for a non-existent playlist item');
-	});
-	QUnit.test('playlist.indexOf() works as expected', function (assert) {
-	  var player = proxy();
-	  var playlist = factory(player, videoList);
-	  var mixedSourcesPlaylist = factory(player, [{
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-	      type: 'video/mp4'
-	    }, {
-	      app_name: 'rtmp://example.com/sintel/trailer',
-	      // eslint-disable-line
-	      avg_bitrate: 4255000,
-	      // eslint-disable-line
-	      codec: 'H264',
-	      container: 'MP4'
-	    }],
-	    poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-	  }]);
-	  player.playlist = playlist;
-	  assert.equal(playlist.indexOf('http://media.w3.org/2010/05/sintel/trailer.mp4'), 0, 'sintel trailer is first item');
-	  assert.equal(playlist.indexOf('//media.w3.org/2010/05/sintel/trailer.mp4'), 0, 'sintel trailer is first item, protocol-relative url considered equal');
-	  assert.equal(playlist.indexOf(['http://media.w3.org/2010/05/bunny/trailer.mp4']), 1, 'bunny trailer is second item');
-	  assert.equal(playlist.indexOf([{
-	    src: 'http://vjs.zencdn.net/v/oceans.mp4',
-	    type: 'video/mp4'
-	  }]), 2, 'oceans is third item');
-	  assert.equal(playlist.indexOf({
-	    sources: ['http://media.w3.org/2010/05/bunny/movie.mp4']
-	  }), 3, 'bunny movie is fourth item');
-	  assert.equal(playlist.indexOf({
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-	      type: 'video/mp4'
-	    }]
-	  }), 4, 'timer video is fifth item');
-	  assert.equal(playlist.indexOf('http://media.w3.org/2010/05/sintel/poster.png'), -1, 'poster.png does not exist');
-	  assert.equal(playlist.indexOf(['http://media.w3.org/2010/05/sintel/poster.png']), -1, 'poster.png does not exist');
-	  assert.equal(playlist.indexOf([{
-	    src: 'http://media.w3.org/2010/05/sintel/poster.png',
-	    type: 'video/mp4'
-	  }]), -1, 'poster.png does not exist');
-	  assert.equal(playlist.indexOf({
-	    sources: ['http://media.w3.org/2010/05/sintel/poster.png']
-	  }), -1, 'poster.png does not exist');
-	  assert.equal(playlist.indexOf({
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/sintel/poster.png',
-	      type: 'video/mp4'
-	    }]
-	  }), -1, 'poster.png does not exist');
-	  assert.equal(mixedSourcesPlaylist.indexOf({
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/bunny/movie.mp4',
-	      type: 'video/mp4'
-	    }, {
-	      app_name: 'rtmp://example.com/bunny/movie',
-	      // eslint-disable-line
-	      avg_bitrate: 4255000,
-	      // eslint-disable-line
-	      codec: 'H264',
-	      container: 'MP4'
-	    }],
-	    poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-	  }), -1, 'bunny movie does not exist');
-	  assert.equal(mixedSourcesPlaylist.indexOf({
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-	      type: 'video/mp4'
-	    }, {
-	      app_name: 'rtmp://example.com/sintel/trailer',
-	      // eslint-disable-line
-	      avg_bitrate: 4255000,
-	      // eslint-disable-line
-	      codec: 'H264',
-	      container: 'MP4'
-	    }],
-	    poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-	  }), 0, 'sintel trailer does exist');
-	});
-	QUnit.test('playlist.nextIndex() works as expected', function (assert) {
-	  var playlist = factory(proxy(), []);
-	  assert.equal(playlist.nextIndex(), -1, 'the next index was -1 for an empty list');
-	  playlist([1, 2, 3]);
-
-	  playlist.currentItem = function () {
-	    return 0;
-	  };
-
-	  assert.equal(playlist.nextIndex(), 1, 'the next index was 1');
-
-	  playlist.currentItem = function () {
-	    return 1;
-	  };
-
-	  assert.equal(playlist.nextIndex(), 2, 'the next index was 2');
-
-	  playlist.currentItem = function () {
-	    return 2;
-	  };
-
-	  assert.equal(playlist.nextIndex(), 2, 'the next index did not change because the playlist does not repeat');
-	  playlist.repeat(true);
-	  assert.equal(playlist.nextIndex(), 0, 'the next index was now 0 because the playlist repeats');
-	});
-	QUnit.test('playlist.previousIndex() works as expected', function (assert) {
-	  var playlist = factory(proxy(), []);
-	  assert.equal(playlist.previousIndex(), -1, 'the previous index was -1 for an empty list');
-	  playlist([1, 2, 3]);
-
-	  playlist.currentItem = function () {
-	    return 2;
-	  };
-
-	  assert.equal(playlist.previousIndex(), 1, 'the previous index was 1');
-
-	  playlist.currentItem = function () {
-	    return 1;
-	  };
-
-	  assert.equal(playlist.previousIndex(), 0, 'the previous index was 0');
-
-	  playlist.currentItem = function () {
-	    return 0;
-	  };
-
-	  assert.equal(playlist.previousIndex(), 0, 'the previous index did not change because the playlist does not repeat');
-	  playlist.repeat(true);
-	  assert.equal(playlist.previousIndex(), 2, 'the previous index was now 2 because the playlist repeats');
-	});
-	QUnit.test('playlist.lastIndex() works as expected', function (assert) {
-	  var playlist = factory(proxy(), []);
-	  assert.equal(playlist.lastIndex(), -1, 'the last index was -1 for an empty list');
-	  playlist([1, 2, 3]);
-	  assert.equal(playlist.lastIndex(), 2, 'the last index was 2');
-	});
-	QUnit.test('playlist.next() works as expected', function (assert) {
-	  var player = proxy();
-	  var playlist = factory(player, videoList);
-	  var src;
-
-	  player.currentSrc = function () {
-	    return src;
-	  };
-
-	  src = videoList[0].sources[0].src;
-	  assert.equal(playlist.currentItem(), 0, 'we start on item 0');
-	  assert.deepEqual(playlist.next(), videoList[1], 'we get back the value of currentItem 2');
-	  src = videoList[1].sources[0].src;
-	  assert.equal(playlist.currentItem(), 1, 'we are now on item 1');
-	  assert.deepEqual(playlist.next(), videoList[2], 'we get back the value of currentItem 3');
-	  src = videoList[2].sources[0].src;
-	  assert.equal(playlist.currentItem(), 2, 'we are now on item 2');
-	  src = videoList[4].sources[0].src;
-	  assert.equal(playlist.currentItem(4), 4, 'we are now on item 4');
-	  assert.equal(typeof playlist.next(), 'undefined', 'we get nothing back if we try to go out of bounds');
-	});
-	QUnit.test('playlist.previous() works as expected', function (assert) {
-	  var player = proxy();
-	  var playlist = factory(player, videoList);
-	  var src;
-
-	  player.currentSrc = function () {
-	    return src;
-	  };
-
-	  src = videoList[0].sources[0].src;
-	  assert.equal(playlist.currentItem(), 0, 'we start on item 0');
-	  assert.equal(typeof playlist.previous(), 'undefined', 'we get nothing back if we try to go out of bounds');
-	  src = videoList[2].sources[0].src;
-	  assert.equal(playlist.currentItem(), 2, 'we are on item 2');
-	  assert.deepEqual(playlist.previous(), videoList[1], 'we get back value of currentItem 1');
-	  src = videoList[1].sources[0].src;
-	  assert.equal(playlist.currentItem(), 1, 'we are on item 1');
-	  assert.deepEqual(playlist.previous(), videoList[0], 'we get back value of currentItem 0');
-	  src = videoList[0].sources[0].src;
-	  assert.equal(playlist.currentItem(), 0, 'we are on item 0');
-	  assert.equal(typeof playlist.previous(), 'undefined', 'we get nothing back if we try to go out of bounds');
-	});
-	QUnit.test('loading a non-playlist video will cancel autoadvance and set index of -1', function (assert) {
-	  var oldReset = reset;
-	  var player = proxy();
-	  var playlist = factory(player, [{
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-	      type: 'video/mp4'
-	    }],
-	    poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-	  }, {
-	    sources: [{
-	      src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-	      type: 'video/mp4'
-	    }],
-	    poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-	  }]);
-
-	  player.currentSrc = function () {
-	    return 'http://vjs.zencdn.net/v/oceans.mp4';
-	  };
-
-	  setReset_(function () {
-	    assert.ok(true, 'autoadvance.reset was called');
-	  });
-	  player.trigger('loadstart');
-	  assert.equal(playlist.currentItem(), -1, 'new currentItem is -1');
-
-	  player.currentSrc = function () {
-	    return 'http://media.w3.org/2010/05/sintel/trailer.mp4';
-	  };
-
-	  setReset_(function () {
-	    assert.ok(false, 'autoadvance.reset should not be called');
-	  });
-	  player.trigger('loadstart');
-	  setReset_(oldReset);
-	});
-	QUnit.test('when loading a new playlist, trigger "duringplaylistchange" on the player', function (assert) {
-	  var done = assert.async();
-	  var player = proxy();
-	  var playlist = factory(player, [1, 2, 3], 1);
-	  player.on('duringplaylistchange', function (e) {
-	    assert.strictEqual(e.type, 'duringplaylistchange', 'the event object had the correct "type" property');
-	    assert.strictEqual(e.previousIndex, 1, 'the event object had the correct "previousIndex" property');
-	    assert.deepEqual(e.previousPlaylist, [1, 2, 3], 'the event object had the correct "previousPlaylist" property');
-	    assert.strictEqual(e.nextIndex, 0, 'the event object had the correct "nextIndex" property');
-	    assert.deepEqual(e.nextPlaylist, [4, 5, 6], 'the event object had the correct "nextPlaylist" property');
-	    assert.throws(function () {
-	      playlist([1, 2, 3]);
-	    }, Error, 'cannot set a new playlist during a change');
-	    var spy = sinon.spy();
-	    player.on('playlistsorted', spy);
-	    playlist.sort();
-	    playlist.reverse();
-	    playlist.shuffle();
-	    assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event never fired');
-	    playlist.currentItem(2);
-	    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-	    playlist.next();
-	    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-	    playlist.previous();
-	    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-	    playlist.first();
-	    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-	    playlist.last();
-	    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-	    done();
-	  });
-	  playlist([4, 5, 6]);
-	});
-	QUnit.test('when loading a new playlist, trigger "playlistchange" on the player', function (assert) {
-	  var spy = sinon.spy();
-	  var player = proxy();
-	  player.on('playlistchange', spy);
-	  var playlist = factory(player, [1, 2, 3]);
-	  playlist([4, 5, 6]);
-	  this.clock.tick(1);
-	  assert.strictEqual(spy.callCount, 1);
-	  assert.strictEqual(spy.firstCall.args[0].type, 'playlistchange');
-	});
-	QUnit.test('"duringplaylistchange" and "playlistchange" on first call without an initial list', function (assert) {
-	  var changeSpy = sinon.spy();
-	  var duringSpy = sinon.spy();
-	  var player = proxy();
-	  player.on('playlistchange', changeSpy);
-	  player.on('duringplaylistchange', duringSpy);
-	  var playlist = factory(player);
-	  this.clock.tick(1);
-	  assert.strictEqual(changeSpy.callCount, 0, 'on initial call, the "playlistchange" event did not fire');
-	  assert.strictEqual(duringSpy.callCount, 0, 'on initial call, the "duringplaylistchange" event did not fire');
-	  playlist([1]);
-	  this.clock.tick(1);
-	  assert.strictEqual(changeSpy.callCount, 1, 'on second call, the "playlistchange" event did fire');
-	  assert.strictEqual(duringSpy.callCount, 1, 'on second call, the "duringplaylistchange" event did fire');
-	  playlist([2]);
-	  this.clock.tick(1);
-	  assert.strictEqual(changeSpy.callCount, 2, 'on third call, the "playlistchange" event did fire');
-	  assert.strictEqual(duringSpy.callCount, 2, 'on third call, the "duringplaylistchange" event did fire');
-	});
-	QUnit.test('"duringplaylistchange" and "playlistchange" on first call with an initial list', function (assert) {
-	  var changeSpy = sinon.spy();
-	  var duringSpy = sinon.spy();
-	  var player = proxy();
-	  player.on('playlistchange', changeSpy);
-	  player.on('duringplaylistchange', duringSpy);
-	  var playlist = factory(player, [1]);
-	  this.clock.tick(1);
-	  assert.strictEqual(changeSpy.callCount, 0, 'on initial call, the "playlistchange" event did not fire');
-	  assert.strictEqual(duringSpy.callCount, 1, 'on initial call, the "duringplaylistchange" event did fire');
-	  playlist([2]);
-	  this.clock.tick(1);
-	  assert.strictEqual(changeSpy.callCount, 1, 'on second call, the "playlistchange" event did fire');
-	  assert.strictEqual(duringSpy.callCount, 2, 'on second call, the "duringplaylistchange" event did fire');
-	  playlist([3]);
-	  this.clock.tick(1);
-	  assert.strictEqual(changeSpy.callCount, 2, 'on third call, the "playlistchange" event did fire');
-	  assert.strictEqual(duringSpy.callCount, 3, 'on third call, the "duringplaylistchange" event did fire');
-	});
-	QUnit.test('playlist.sort() works as expected', function (assert) {
-	  var player = proxy();
-	  var spy = sinon.spy();
-	  player.on('playlistsorted', spy);
-	  var playlist = factory(player, []);
-	  playlist.sort();
-	  assert.deepEqual(playlist(), [], 'playlist did not change because it is empty');
-	  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event did not trigger');
-	  playlist([4, 2, 1, 3]);
-	  playlist.sort();
-	  assert.deepEqual(playlist(), [1, 2, 3, 4], 'playlist is sorted per default sort behavior');
-	  assert.strictEqual(spy.callCount, 1, 'the "playlistsorted" event triggered');
-	  playlist.sort(function (a, b) {
-	    return b - a;
-	  });
-	  assert.deepEqual(playlist(), [4, 3, 2, 1], 'playlist is sorted per default sort behavior');
-	  assert.strictEqual(spy.callCount, 2, 'the "playlistsorted" event triggered');
-	});
-	QUnit.test('playlist.reverse() works as expected', function (assert) {
-	  var player = proxy();
-	  var spy = sinon.spy();
-	  player.on('playlistsorted', spy);
-	  var playlist = factory(player, []);
-	  playlist.reverse();
-	  assert.deepEqual(playlist(), [], 'playlist did not change because it is empty');
-	  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event did not trigger');
-	  playlist([1, 2, 3, 4]);
-	  playlist.reverse();
-	  assert.deepEqual(playlist(), [4, 3, 2, 1], 'playlist is reversed');
-	  assert.strictEqual(spy.callCount, 1, 'the "playlistsorted" event triggered');
-	});
-	QUnit.test('playlist.shuffle() works as expected', function (assert) {
-	  var player = proxy();
-	  var spy = sinon.spy();
-	  player.on('playlistsorted', spy);
-	  var playlist = factory(player, []);
-	  playlist.shuffle();
-	  assert.deepEqual(playlist(), [], 'playlist did not change because it is empty');
-	  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event did not trigger');
-	  playlist([1, 2, 3, 4]);
-	  playlist.shuffle();
-	  var list = playlist();
-	  assert.strictEqual(list.length, 4, 'playlist is the correct length');
-	  assert.notStrictEqual(list.indexOf(1), -1, '1 is in the list');
-	  assert.notStrictEqual(list.indexOf(2), -1, '2 is in the list');
-	  assert.notStrictEqual(list.indexOf(3), -1, '3 is in the list');
-	  assert.notStrictEqual(list.indexOf(4), -1, '4 is in the list');
-	  assert.strictEqual(spy.callCount, 1, 'the "playlistsorted" event triggered');
-	});
-	QUnit.test('playlist.shuffle({rest: true}) works as expected', function (assert) {
-	  var player = proxy();
-	  var spy = sinon.spy();
-	  player.on('playlistsorted', spy);
-	  var playlist = factory(player, [1, 2, 3, 4]);
-	  playlist.currentIndex_ = 3;
-	  playlist.shuffle({
-	    rest: true
-	  });
-	  var list = playlist();
-	  assert.deepEqual(list, [1, 2, 3, 4], 'playlist is unchanged because the last item is selected');
-	  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event was not triggered');
-	  playlist.currentIndex_ = 2;
-	  playlist.shuffle({
-	    rest: true
-	  });
-	  list = playlist();
-	  assert.deepEqual(list, [1, 2, 3, 4], 'playlist is unchanged because the second-to-last item is selected');
-	  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event was not triggered');
-	  playlist.currentIndex_ = 1;
-	  playlist.shuffle({
-	    rest: true
-	  });
-	  list = playlist();
-	  assert.strictEqual(list.length, 4, 'playlist is the correct length');
-	  assert.strictEqual(list.indexOf(1), 0, '1 is the first item in the list');
-	  assert.strictEqual(list.indexOf(2), 1, '2 is the second item in the list');
-	  assert.notStrictEqual(list.indexOf(3), -1, '3 is in the list');
-	  assert.notStrictEqual(list.indexOf(4), -1, '4 is in the list');
-	  assert.strictEqual(spy.callCount, 1, 'the "playlistsorted" event triggered');
-	  playlist.currentIndex_ = 0;
-	  playlist.shuffle({
-	    rest: true
-	  });
-	  list = playlist();
-	  assert.strictEqual(list.length, 4, 'playlist is the correct length');
-	  assert.strictEqual(list.indexOf(1), 0, '1 is the first item in the list');
-	  assert.notStrictEqual(list.indexOf(2), -1, '2 is in the list');
-	  assert.notStrictEqual(list.indexOf(3), -1, '3 is in the list');
-	  assert.notStrictEqual(list.indexOf(4), -1, '4 is in the list');
-	  assert.strictEqual(spy.callCount, 2, 'the "playlistsorted" event triggered');
-	  playlist.currentIndex_ = -1;
-	  playlist.shuffle({
-	    rest: true
-	  });
-	  list = playlist();
-	  assert.strictEqual(list.length, 4, 'playlist is the correct length');
-	  assert.notStrictEqual(list.indexOf(1), -1, '1 is in the list');
-	  assert.notStrictEqual(list.indexOf(2), -1, '2 is in the list');
-	  assert.notStrictEqual(list.indexOf(3), -1, '3 is in the list');
-	  assert.notStrictEqual(list.indexOf(4), -1, '4 is in the list');
-	  assert.strictEqual(spy.callCount, 3, 'the "playlistsorted" event triggered');
-	});
-
-	var version = "4.2.6";
-
-	var cov_27s3iole53 = function () {
-	  var path = '/Users/poneill/dev/videojs-playlist/src/plugin.js',
-	      hash = '8927a54cb3d4505b01072a1eef16603c710e4a25',
-	      Function = function () {}.constructor,
-	      global = new Function('return this')(),
-	      gcv = '__coverage__',
-	      coverageData = {
-	    path: '/Users/poneill/dev/videojs-playlist/src/plugin.js',
-	    statementMap: {
-	      '0': {
-	        start: {
-	          line: 6,
-	          column: 23
-	        },
-	        end: {
-	          line: 6,
-	          column: 63
-	        }
-	      },
-	      '1': {
-	        start: {
-	          line: 18,
-	          column: 15
-	        },
-	        end: {
-	          line: 20,
-	          column: 1
-	        }
-	      },
-	      '2': {
-	        start: {
-	          line: 19,
-	          column: 2
-	        },
-	        end: {
-	          line: 19,
-	          column: 34
-	        }
-	      },
-	      '3': {
-	        start: {
-	          line: 22,
-	          column: 0
-	        },
-	        end: {
-	          line: 22,
-	          column: 35
-	        }
-	      },
-	      '4': {
-	        start: {
-	          line: 24,
-	          column: 0
-	        },
-	        end: {
-	          line: 24,
-	          column: 25
-	        }
-	      }
-	    },
-	    fnMap: {
-	      '0': {
-	        name: '(anonymous_0)',
-	        decl: {
-	          start: {
-	            line: 18,
-	            column: 15
-	          },
-	          end: {
-	            line: 18,
-	            column: 16
-	          }
-	        },
-	        loc: {
-	          start: {
-	            line: 18,
-	            column: 36
-	          },
-	          end: {
-	            line: 20,
-	            column: 1
-	          }
-	        },
-	        line: 18
-	      }
-	    },
-	    branchMap: {
-	      '0': {
-	        loc: {
-	          start: {
-	            line: 6,
-	            column: 23
-	          },
-	          end: {
-	            line: 6,
-	            column: 63
-	          }
-	        },
-	        type: 'binary-expr',
-	        locations: [{
-	          start: {
-	            line: 6,
-	            column: 23
-	          },
-	          end: {
-	            line: 6,
-	            column: 45
-	          }
-	        }, {
-	          start: {
-	            line: 6,
-	            column: 49
-	          },
-	          end: {
-	            line: 6,
-	            column: 63
-	          }
-	        }],
-	        line: 6
-	      }
-	    },
-	    s: {
-	      '0': 0,
-	      '1': 0,
-	      '2': 0,
-	      '3': 0,
-	      '4': 0
-	    },
-	    f: {
-	      '0': 0
-	    },
-	    b: {
-	      '0': [0, 0]
-	    },
-	    _coverageSchema: '332fd63041d2c1bcb487cc26dd0d5f7d97098a6c'
-	  },
-	      coverage = global[gcv] || (global[gcv] = {});
-
-	  if (coverage[path] && coverage[path].hash === hash) {
-	    return coverage[path];
-	  }
-
-	  coverageData.hash = hash;
-	  return coverage[path] = coverageData;
-	}();
-	var registerPlugin = (cov_27s3iole53.s[0]++, (cov_27s3iole53.b[0][0]++, videojs.registerPlugin) || (cov_27s3iole53.b[0][1]++, videojs.plugin));
-	cov_27s3iole53.s[1]++;
-
-	var plugin = function plugin(list, item) {
-	  cov_27s3iole53.f[0]++;
-	  cov_27s3iole53.s[2]++;
-	  factory(this, list, item);
-	};
-
-	cov_27s3iole53.s[3]++;
-	registerPlugin('playlist', plugin);
-	cov_27s3iole53.s[4]++;
-	plugin.VERSION = version;
-
-	QUnit.test('the environment is sane', function (assert) {
-	  assert.strictEqual(typeof Array.isArray, 'function', 'es5 exists');
-	  assert.strictEqual(typeof sinon, 'object', 'sinon exists');
-	  assert.strictEqual(typeof videojs, 'function', 'videojs exists');
-	  assert.strictEqual(typeof plugin, 'function', 'plugin is a function');
-	});
-	QUnit.test('registers itself with video.js', function (assert) {
-	  assert.expect(1);
-	  assert.strictEqual(typeof videojs.getComponent('Player').prototype.playlist, 'function', 'videojs-playlist plugin was registered');
-	});
-
-}(videojs,QUnit,sinon));
diff --git a/negromate/web/static/js/videojs-playlist/test/play-item.test.js b/negromate/web/static/js/videojs-playlist/test/play-item.test.js
deleted file mode 100644
index 6dbac55..0000000
--- a/negromate/web/static/js/videojs-playlist/test/play-item.test.js
+++ /dev/null
@@ -1,137 +0,0 @@
-import QUnit from 'qunit';
-import sinon from 'sinon';
-import playItem from '../src/play-item';
-import {clearTracks} from '../src/play-item';
-import playerProxyMaker from './player-proxy-maker';
-
-QUnit.module('play-item');
-
-QUnit.test('clearTracks will try and remove all tracks', function(assert) {
-  const player = playerProxyMaker();
-  const remoteTracks = [1, 2, 3];
-  const removedTracks = [];
-
-  player.remoteTextTracks = function() {
-    return remoteTracks;
-  };
-
-  player.removeRemoteTextTrack = function(tt) {
-    removedTracks.push(tt);
-  };
-
-  clearTracks(player);
-
-  assert.deepEqual(
-    removedTracks.sort(),
-    remoteTracks.sort(),
-    'the removed tracks are equivalent to our remote tracks'
-  );
-});
-
-QUnit.test('will not try to play if paused', function(assert) {
-  const player = playerProxyMaker();
-  let tryPlay = false;
-
-  player.paused = function() {
-    return true;
-  };
-
-  player.play = function() {
-    tryPlay = true;
-  };
-
-  playItem(player, {
-    sources: [1, 2, 3],
-    textTracks: [4, 5, 6],
-    poster: 'http://example.com/poster.png'
-  });
-
-  assert.ok(!tryPlay, 'we did not reply on paused');
-});
-
-QUnit.test('will try to play if not paused', function(assert) {
-  const player = playerProxyMaker();
-  let tryPlay = false;
-
-  player.paused = function() {
-    return false;
-  };
-
-  player.play = function() {
-    tryPlay = true;
-  };
-
-  playItem(player, {
-    sources: [1, 2, 3],
-    textTracks: [4, 5, 6],
-    poster: 'http://example.com/poster.png'
-  });
-
-  assert.ok(tryPlay, 'we replayed on not-paused');
-});
-
-QUnit.test('will not try to play if paused and not ended', function(assert) {
-  const player = playerProxyMaker();
-  let tryPlay = false;
-
-  player.paused = function() {
-    return true;
-  };
-
-  player.ended = function() {
-    return false;
-  };
-
-  player.play = function() {
-    tryPlay = true;
-  };
-
-  playItem(player, {
-    sources: [1, 2, 3],
-    textTracks: [4, 5, 6],
-    poster: 'http://example.com/poster.png'
-  });
-
-  assert.ok(!tryPlay, 'we did not replaye on paused and not ended');
-});
-
-QUnit.test('will try to play if paused and ended', function(assert) {
-  const player = playerProxyMaker();
-  let tryPlay = false;
-
-  player.paused = function() {
-    return true;
-  };
-
-  player.ended = function() {
-    return true;
-  };
-
-  player.play = function() {
-    tryPlay = true;
-  };
-
-  playItem(player, {
-    sources: [1, 2, 3],
-    poster: 'http://example.com/poster.png'
-  });
-
-  assert.ok(tryPlay, 'we replayed on not-paused');
-});
-
-QUnit.test('fires "beforeplaylistitem" and "playlistitem"', function(assert) {
-  const player = playerProxyMaker();
-  const beforeSpy = sinon.spy();
-  const spy = sinon.spy();
-
-  player.on('beforeplaylistitem', beforeSpy);
-  player.on('playlistitem', spy);
-
-  playItem(player, {
-    sources: [1, 2, 3],
-    poster: 'http://example.com/poster.png'
-  });
-
-  assert.strictEqual(beforeSpy.callCount, 1);
-  assert.strictEqual(spy.callCount, 1);
-});
diff --git a/negromate/web/static/js/videojs-playlist/test/player-proxy-maker.js b/negromate/web/static/js/videojs-playlist/test/player-proxy-maker.js
deleted file mode 100644
index 7cc9be4..0000000
--- a/negromate/web/static/js/videojs-playlist/test/player-proxy-maker.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import window from 'global/window';
-import videojs from 'video.js';
-
-const proxy = (props) => {
-  const player = Object.assign({}, videojs.EventTarget.prototype, {
-    play: () => {},
-    paused: () => {},
-    ended: () => {},
-    poster: () => {},
-    src: () => {},
-    currentSrc: () => {},
-    addRemoteTextTrack: () => {},
-    removeRemoteTextTrack: () => {},
-    remoteTextTracks: () => {},
-    playlist: {
-      autoadvance_: {},
-      currentIndex_: -1,
-      autoadvance: () => {},
-      contains: () => {},
-      currentItem: () => {},
-      first: () => {},
-      indexOf: () => {},
-      next: () => {},
-      previous: () => {}
-    },
-    ready: (cb) => cb(),
-    setTimeout: (cb, wait) => window.setTimeout(cb, wait),
-    clearTimeout: (id) => window.clearTimeout(id)
-  }, props);
-
-  player.constructor = videojs.getComponent('Player');
-  player.playlist.player_ = player;
-
-  return player;
-};
-
-export default proxy;
diff --git a/negromate/web/static/js/videojs-playlist/test/playlist-maker.test.js b/negromate/web/static/js/videojs-playlist/test/playlist-maker.test.js
deleted file mode 100644
index 17cf196..0000000
--- a/negromate/web/static/js/videojs-playlist/test/playlist-maker.test.js
+++ /dev/null
@@ -1,901 +0,0 @@
-import QUnit from 'qunit';
-import sinon from 'sinon';
-import playlistMaker from '../src/playlist-maker';
-import * as autoadvance from '../src/auto-advance';
-import playerProxyMaker from './player-proxy-maker';
-
-const videoList = [{
-  sources: [{
-    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}, {
-  sources: [{
-    src: 'http://vjs.zencdn.net/v/oceans.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://www.videojs.com/img/poster.jpg'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/bunny/movie.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-}, {
-  sources: [{
-    src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-    type: 'video/mp4'
-  }],
-  poster: 'http://media.w3.org/2010/05/video/poster.png'
-}];
-
-QUnit.module('playlist-maker', {
-
-  beforeEach() {
-    this.clock = sinon.useFakeTimers();
-  },
-
-  afterEach() {
-    this.clock.restore();
-  }
-});
-
-QUnit.test('playlistMaker takes a player and a list and returns a playlist', function(assert) {
-  const playlist = playlistMaker(playerProxyMaker(), []);
-
-  assert.equal(typeof playlist, 'function', 'playlist is a function');
-  assert.equal(
-    typeof playlist.autoadvance,
-    'function',
-    'we have a autoadvance function'
-  );
-
-  assert.equal(
-    typeof playlist.currentItem,
-    'function',
-    'we have a currentItem function'
-  );
-
-  assert.equal(typeof playlist.first, 'function', 'we have a first function');
-  assert.equal(typeof playlist.indexOf, 'function', 'we have a indexOf function');
-  assert.equal(typeof playlist.next, 'function', 'we have a next function');
-  assert.equal(typeof playlist.previous, 'function', 'we have a previous function');
-});
-
-QUnit.test('playlistMaker can either take nothing or an Array as its first argument', function(assert) {
-  const playlist1 = playlistMaker(playerProxyMaker());
-  const playlist2 = playlistMaker(playerProxyMaker(), 'foo');
-  const playlist3 = playlistMaker(playerProxyMaker(), {foo: [1, 2, 3]});
-
-  assert.deepEqual(
-    playlist1(), [], 'if given no initial array, default to an empty array'
-  );
-
-  assert.deepEqual(
-    playlist2(), [], 'if given no initial array, default to an empty array'
-  );
-
-  assert.deepEqual(
-    playlist3(), [], 'if given no initial array, default to an empty array'
-  );
-});
-
-QUnit.test('playlist() is a getter and setter for the list', function(assert) {
-  const playlist = playlistMaker(playerProxyMaker(), [1, 2, 3]);
-
-  assert.deepEqual(playlist(), [1, 2, 3], 'equal to input list');
-
-  assert.deepEqual(
-    playlist([1, 2, 3, 4, 5]),
-    [1, 2, 3, 4, 5],
-    'equal to input list, arguments ignored'
-  );
-
-  assert.deepEqual(playlist(), [1, 2, 3, 4, 5], 'equal to input list');
-
-  const list = playlist();
-
-  list.unshift(10);
-
-  assert.deepEqual(
-    playlist(),
-    [1, 2, 3, 4, 5],
-    'changing the list did not affect the playlist'
-  );
-
-  assert.notDeepEqual(
-    playlist(),
-    [10, 1, 2, 3, 4, 5],
-    'changing the list did not affect the playlist'
-  );
-});
-
-QUnit.test('playlist() should only accept an Array as a new playlist', function(assert) {
-  const playlist = playlistMaker(playerProxyMaker(), [1, 2, 3]);
-
-  assert.deepEqual(
-    playlist('foo'),
-    [1, 2, 3],
-    'when given "foo", it should be treated as a getter'
-  );
-
-  assert.deepEqual(
-    playlist({foo: [1, 2, 3]}),
-    [1, 2, 3],
-    'when given {foo: [1,2,3]}, it should be treated as a getter'
-  );
-});
-
-QUnit.test('playlist.currentItem() works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const playlist = playlistMaker(player, videoList);
-  let src;
-
-  player.src = function(s) {
-    if (s) {
-      if (typeof s === 'string') {
-        src = s;
-      } else if (Array.isArray(s)) {
-        return player.src(s[0]);
-      } else {
-        return player.src(s.src);
-      }
-    }
-  };
-
-  player.currentSrc = function() {
-    return src;
-  };
-
-  src = videoList[0].sources[0].src;
-
-  assert.equal(playlist.currentItem(), 0, 'begin at the first item, item 0');
-
-  assert.equal(
-    playlist.currentItem(2),
-    2,
-    'setting to item 2 gives us back the new item index'
-  );
-
-  assert.equal(playlist.currentItem(), 2, 'the current item is now 2');
-  assert.equal(playlist.currentItem(5), 2, 'cannot change to an out-of-bounds item');
-  assert.equal(playlist.currentItem(-1), 2, 'cannot change to an out-of-bounds item');
-  assert.equal(playlist.currentItem(null), 2, 'cannot change to an invalid item');
-  assert.equal(playlist.currentItem(NaN), 2, 'cannot change to an invalid item');
-  assert.equal(playlist.currentItem(Infinity), 2, 'cannot change to an invalid item');
-  assert.equal(playlist.currentItem(-Infinity), 2, 'cannot change to an invalid item');
-});
-
-QUnit.test('playlist.currentItem() returns -1 with an empty playlist', function(assert) {
-  const playlist = playlistMaker(playerProxyMaker(), []);
-
-  assert.equal(playlist.currentItem(), -1, 'we should get a -1 with an empty playlist');
-});
-
-QUnit.test('playlist.currentItem() does not change items if same index is given', function(assert) {
-  const player = playerProxyMaker();
-  let sources = 0;
-  let src;
-
-  player.src = function(s) {
-    if (s) {
-      if (typeof s === 'string') {
-        src = s;
-      } else if (Array.isArray(s)) {
-        return player.src(s[0]);
-      } else {
-        return player.src(s.src);
-      }
-    }
-
-    sources++;
-  };
-
-  player.currentSrc = function() {
-    return src;
-  };
-
-  const playlist = playlistMaker(player, videoList);
-
-  assert.equal(sources, 1, 'we switched to the first playlist item');
-  sources = 0;
-
-  assert.equal(playlist.currentItem(), 0, 'we start at index 0');
-
-  playlist.currentItem(0);
-  assert.equal(sources, 0, 'we did not try to set sources');
-
-  playlist.currentItem(1);
-  assert.equal(sources, 1, 'we did try to set sources');
-
-  playlist.currentItem(1);
-  assert.equal(sources, 1, 'we did not try to set sources');
-});
-
-QUnit.test('playlistMaker accepts a starting index', function(assert) {
-  const player = playerProxyMaker();
-  let src;
-
-  player.src = function(s) {
-    if (s) {
-      if (typeof s === 'string') {
-        src = s;
-      } else if (Array.isArray(s)) {
-        return player.src(s[0]);
-      } else {
-        return player.src(s.src);
-      }
-    }
-  };
-
-  player.currentSrc = function() {
-    return src;
-  };
-
-  const playlist = playlistMaker(player, videoList, 1);
-
-  assert.equal(
-    playlist.currentItem(), 1, 'if given an initial index, load that video'
-  );
-});
-
-QUnit.test('playlistMaker accepts a starting index', function(assert) {
-  const player = playerProxyMaker();
-  let src;
-
-  player.src = function(s) {
-    if (s) {
-      if (typeof s === 'string') {
-        src = s;
-      } else if (Array.isArray(s)) {
-        return player.src(s[0]);
-      } else {
-        return player.src(s.src);
-      }
-    }
-  };
-
-  player.currentSrc = function() {
-    return src;
-  };
-
-  const playlist = playlistMaker(player, videoList, -1);
-
-  assert.equal(
-    playlist.currentItem(), -1, 'if given -1 as initial index, load no video'
-  );
-});
-
-QUnit.test('playlist.contains() works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const playlist = playlistMaker(player, videoList);
-
-  player.playlist = playlist;
-
-  assert.ok(
-    playlist.contains('http://media.w3.org/2010/05/sintel/trailer.mp4'),
-    'we can ask whether it contains a source string'
-  );
-
-  assert.ok(
-    playlist.contains(['http://media.w3.org/2010/05/sintel/trailer.mp4']),
-    'we can ask whether it contains a sources list of strings'
-  );
-
-  assert.ok(
-    playlist.contains([{
-      src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-      type: 'video/mp4'
-    }]),
-    'we can ask whether it contains a sources list of objects'
-  );
-
-  assert.ok(
-    playlist.contains({
-      sources: ['http://media.w3.org/2010/05/sintel/trailer.mp4']
-    }),
-    'we can ask whether it contains a playlist item'
-  );
-
-  assert.ok(
-    playlist.contains({
-      sources: [{
-        src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-        type: 'video/mp4'
-      }]
-    }),
-    'we can ask whether it contains a playlist item'
-  );
-
-  assert.ok(
-    !playlist.contains('http://media.w3.org/2010/05/sintel/poster.png'),
-    'we get false for a non-existent source string'
-  );
-
-  assert.ok(
-    !playlist.contains(['http://media.w3.org/2010/05/sintel/poster.png']),
-    'we get false for a non-existent source list of strings'
-  );
-
-  assert.ok(
-    !playlist.contains([{
-      src: 'http://media.w3.org/2010/05/sintel/poster.png',
-      type: 'video/mp4'
-    }]),
-    'we get false for a non-existent source list of objects'
-  );
-
-  assert.ok(!playlist.contains({
-    sources: ['http://media.w3.org/2010/05/sintel/poster.png']
-  }), 'we can ask whether it contains a playlist item');
-
-  assert.ok(
-    !playlist.contains({
-      sources: [{
-        src: 'http://media.w3.org/2010/05/sintel/poster.png',
-        type: 'video/mp4'
-      }]
-    }),
-    'we get false for a non-existent playlist item'
-  );
-});
-
-QUnit.test('playlist.indexOf() works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const playlist = playlistMaker(player, videoList);
-
-  const mixedSourcesPlaylist = playlistMaker(
-    player,
-    [{
-      sources: [{
-        src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-        type: 'video/mp4'
-      }, {
-        app_name: 'rtmp://example.com/sintel/trailer', // eslint-disable-line
-        avg_bitrate: 4255000, // eslint-disable-line
-        codec: 'H264',
-        container: 'MP4'
-      }],
-      poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-    }]
-  );
-
-  player.playlist = playlist;
-
-  assert.equal(
-    playlist.indexOf('http://media.w3.org/2010/05/sintel/trailer.mp4'),
-    0,
-    'sintel trailer is first item'
-  );
-
-  assert.equal(
-    playlist.indexOf('//media.w3.org/2010/05/sintel/trailer.mp4'),
-    0,
-    'sintel trailer is first item, protocol-relative url considered equal'
-  );
-
-  assert.equal(
-    playlist.indexOf(['http://media.w3.org/2010/05/bunny/trailer.mp4']),
-    1,
-    'bunny trailer is second item'
-  );
-
-  assert.equal(
-    playlist.indexOf([{
-      src: 'http://vjs.zencdn.net/v/oceans.mp4',
-      type: 'video/mp4'
-    }]),
-    2,
-    'oceans is third item'
-  );
-
-  assert.equal(
-    playlist.indexOf({
-      sources: ['http://media.w3.org/2010/05/bunny/movie.mp4']
-    }),
-    3,
-    'bunny movie is fourth item'
-  );
-
-  assert.equal(
-    playlist.indexOf({
-      sources: [{
-        src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
-        type: 'video/mp4'
-      }]
-    }),
-    4,
-    'timer video is fifth item'
-  );
-
-  assert.equal(
-    playlist.indexOf('http://media.w3.org/2010/05/sintel/poster.png'),
-    -1,
-    'poster.png does not exist'
-  );
-
-  assert.equal(
-    playlist.indexOf(['http://media.w3.org/2010/05/sintel/poster.png']),
-    -1,
-    'poster.png does not exist'
-  );
-
-  assert.equal(
-    playlist.indexOf([{
-      src: 'http://media.w3.org/2010/05/sintel/poster.png',
-      type: 'video/mp4'
-    }]),
-    -1,
-    'poster.png does not exist'
-  );
-
-  assert.equal(
-    playlist.indexOf({
-      sources: ['http://media.w3.org/2010/05/sintel/poster.png']
-    }),
-    -1,
-    'poster.png does not exist'
-  );
-
-  assert.equal(
-    playlist.indexOf({
-      sources: [{
-        src: 'http://media.w3.org/2010/05/sintel/poster.png',
-        type: 'video/mp4'
-      }]
-    }),
-    -1,
-    'poster.png does not exist'
-  );
-
-  assert.equal(
-    mixedSourcesPlaylist.indexOf({
-      sources: [{
-        src: 'http://media.w3.org/2010/05/bunny/movie.mp4',
-        type: 'video/mp4'
-      }, {
-        app_name: 'rtmp://example.com/bunny/movie', // eslint-disable-line
-        avg_bitrate: 4255000, // eslint-disable-line
-        codec: 'H264',
-        container: 'MP4'
-      }],
-      poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-    }),
-    -1,
-    'bunny movie does not exist'
-  );
-
-  assert.equal(
-    mixedSourcesPlaylist.indexOf({
-      sources: [{
-        src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-        type: 'video/mp4'
-      }, {
-        app_name: 'rtmp://example.com/sintel/trailer',// eslint-disable-line
-        avg_bitrate: 4255000,// eslint-disable-line
-        codec: 'H264',
-        container: 'MP4'
-      }],
-      poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-    }),
-    0,
-    'sintel trailer does exist'
-  );
-});
-
-QUnit.test('playlist.nextIndex() works as expected', function(assert) {
-  const playlist = playlistMaker(playerProxyMaker(), []);
-
-  assert.equal(playlist.nextIndex(), -1, 'the next index was -1 for an empty list');
-
-  playlist([1, 2, 3]);
-  playlist.currentItem = () => 0;
-  assert.equal(playlist.nextIndex(), 1, 'the next index was 1');
-
-  playlist.currentItem = () => 1;
-  assert.equal(playlist.nextIndex(), 2, 'the next index was 2');
-
-  playlist.currentItem = () => 2;
-  assert.equal(playlist.nextIndex(), 2, 'the next index did not change because the playlist does not repeat');
-
-  playlist.repeat(true);
-  assert.equal(playlist.nextIndex(), 0, 'the next index was now 0 because the playlist repeats');
-});
-
-QUnit.test('playlist.previousIndex() works as expected', function(assert) {
-  const playlist = playlistMaker(playerProxyMaker(), []);
-
-  assert.equal(playlist.previousIndex(), -1, 'the previous index was -1 for an empty list');
-
-  playlist([1, 2, 3]);
-  playlist.currentItem = () => 2;
-  assert.equal(playlist.previousIndex(), 1, 'the previous index was 1');
-
-  playlist.currentItem = () => 1;
-  assert.equal(playlist.previousIndex(), 0, 'the previous index was 0');
-
-  playlist.currentItem = () => 0;
-  assert.equal(playlist.previousIndex(), 0, 'the previous index did not change because the playlist does not repeat');
-
-  playlist.repeat(true);
-  assert.equal(playlist.previousIndex(), 2, 'the previous index was now 2 because the playlist repeats');
-});
-
-QUnit.test('playlist.lastIndex() works as expected', function(assert) {
-  const playlist = playlistMaker(playerProxyMaker(), []);
-
-  assert.equal(playlist.lastIndex(), -1, 'the last index was -1 for an empty list');
-
-  playlist([1, 2, 3]);
-  assert.equal(playlist.lastIndex(), 2, 'the last index was 2');
-});
-
-QUnit.test('playlist.next() works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const playlist = playlistMaker(player, videoList);
-  let src;
-
-  player.currentSrc = function() {
-    return src;
-  };
-
-  src = videoList[0].sources[0].src;
-  assert.equal(playlist.currentItem(), 0, 'we start on item 0');
-
-  assert.deepEqual(
-    playlist.next(),
-    videoList[1],
-    'we get back the value of currentItem 2'
-  );
-
-  src = videoList[1].sources[0].src;
-  assert.equal(playlist.currentItem(), 1, 'we are now on item 1');
-
-  assert.deepEqual(
-    playlist.next(),
-    videoList[2],
-    'we get back the value of currentItem 3'
-  );
-
-  src = videoList[2].sources[0].src;
-  assert.equal(playlist.currentItem(), 2, 'we are now on item 2');
-  src = videoList[4].sources[0].src;
-  assert.equal(playlist.currentItem(4), 4, 'we are now on item 4');
-
-  assert.equal(
-    typeof playlist.next(),
-    'undefined',
-    'we get nothing back if we try to go out of bounds'
-  );
-});
-
-QUnit.test('playlist.previous() works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const playlist = playlistMaker(player, videoList);
-  let src;
-
-  player.currentSrc = function() {
-    return src;
-  };
-
-  src = videoList[0].sources[0].src;
-  assert.equal(playlist.currentItem(), 0, 'we start on item 0');
-
-  assert.equal(
-    typeof playlist.previous(),
-    'undefined',
-    'we get nothing back if we try to go out of bounds'
-  );
-
-  src = videoList[2].sources[0].src;
-  assert.equal(playlist.currentItem(), 2, 'we are on item 2');
-
-  assert.deepEqual(
-    playlist.previous(),
-    videoList[1],
-    'we get back value of currentItem 1'
-  );
-
-  src = videoList[1].sources[0].src;
-  assert.equal(playlist.currentItem(), 1, 'we are on item 1');
-
-  assert.deepEqual(
-    playlist.previous(),
-    videoList[0],
-    'we get back value of currentItem 0'
-  );
-
-  src = videoList[0].sources[0].src;
-  assert.equal(playlist.currentItem(), 0, 'we are on item 0');
-
-  assert.equal(
-    typeof playlist.previous(),
-    'undefined',
-    'we get nothing back if we try to go out of bounds'
-  );
-});
-
-QUnit.test('loading a non-playlist video will cancel autoadvance and set index of -1', function(assert) {
-  const oldReset = autoadvance.reset;
-  const player = playerProxyMaker();
-
-  const playlist = playlistMaker(player, [{
-    sources: [{
-      src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
-      type: 'video/mp4'
-    }],
-    poster: 'http://media.w3.org/2010/05/sintel/poster.png'
-  }, {
-    sources: [{
-      src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
-      type: 'video/mp4'
-    }],
-    poster: 'http://media.w3.org/2010/05/bunny/poster.png'
-  }]);
-
-  player.currentSrc = function() {
-    return 'http://vjs.zencdn.net/v/oceans.mp4';
-  };
-
-  autoadvance.setReset_(function() {
-    assert.ok(true, 'autoadvance.reset was called');
-  });
-
-  player.trigger('loadstart');
-
-  assert.equal(playlist.currentItem(), -1, 'new currentItem is -1');
-
-  player.currentSrc = function() {
-    return 'http://media.w3.org/2010/05/sintel/trailer.mp4';
-  };
-
-  autoadvance.setReset_(function() {
-    assert.ok(false, 'autoadvance.reset should not be called');
-  });
-
-  player.trigger('loadstart');
-
-  autoadvance.setReset_(oldReset);
-});
-
-QUnit.test('when loading a new playlist, trigger "duringplaylistchange" on the player', function(assert) {
-  const done = assert.async();
-  const player = playerProxyMaker();
-  const playlist = playlistMaker(player, [1, 2, 3], 1);
-
-  player.on('duringplaylistchange', (e) => {
-    assert.strictEqual(e.type, 'duringplaylistchange', 'the event object had the correct "type" property');
-    assert.strictEqual(e.previousIndex, 1, 'the event object had the correct "previousIndex" property');
-    assert.deepEqual(e.previousPlaylist, [1, 2, 3], 'the event object had the correct "previousPlaylist" property');
-    assert.strictEqual(e.nextIndex, 0, 'the event object had the correct "nextIndex" property');
-    assert.deepEqual(e.nextPlaylist, [4, 5, 6], 'the event object had the correct "nextPlaylist" property');
-
-    assert.throws(() => {
-      playlist([1, 2, 3]);
-    }, Error, 'cannot set a new playlist during a change');
-
-    const spy = sinon.spy();
-
-    player.on('playlistsorted', spy);
-    playlist.sort();
-    playlist.reverse();
-    playlist.shuffle();
-    assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event never fired');
-
-    playlist.currentItem(2);
-    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-
-    playlist.next();
-    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-
-    playlist.previous();
-    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-
-    playlist.first();
-    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-
-    playlist.last();
-    assert.strictEqual(playlist.currentItem(), 1, 'the playlist current item could not be changed');
-
-    done();
-  });
-
-  playlist([4, 5, 6]);
-});
-
-QUnit.test('when loading a new playlist, trigger "playlistchange" on the player', function(assert) {
-  const spy = sinon.spy();
-  const player = playerProxyMaker();
-
-  player.on('playlistchange', spy);
-  const playlist = playlistMaker(player, [1, 2, 3]);
-
-  playlist([4, 5, 6]);
-  this.clock.tick(1);
-
-  assert.strictEqual(spy.callCount, 1);
-  assert.strictEqual(spy.firstCall.args[0].type, 'playlistchange');
-});
-
-QUnit.test('"duringplaylistchange" and "playlistchange" on first call without an initial list', function(assert) {
-  const changeSpy = sinon.spy();
-  const duringSpy = sinon.spy();
-  const player = playerProxyMaker();
-
-  player.on('playlistchange', changeSpy);
-  player.on('duringplaylistchange', duringSpy);
-
-  const playlist = playlistMaker(player);
-
-  this.clock.tick(1);
-
-  assert.strictEqual(changeSpy.callCount, 0, 'on initial call, the "playlistchange" event did not fire');
-  assert.strictEqual(duringSpy.callCount, 0, 'on initial call, the "duringplaylistchange" event did not fire');
-
-  playlist([1]);
-  this.clock.tick(1);
-
-  assert.strictEqual(changeSpy.callCount, 1, 'on second call, the "playlistchange" event did fire');
-  assert.strictEqual(duringSpy.callCount, 1, 'on second call, the "duringplaylistchange" event did fire');
-
-  playlist([2]);
-  this.clock.tick(1);
-
-  assert.strictEqual(changeSpy.callCount, 2, 'on third call, the "playlistchange" event did fire');
-  assert.strictEqual(duringSpy.callCount, 2, 'on third call, the "duringplaylistchange" event did fire');
-});
-
-QUnit.test('"duringplaylistchange" and "playlistchange" on first call with an initial list', function(assert) {
-  const changeSpy = sinon.spy();
-  const duringSpy = sinon.spy();
-  const player = playerProxyMaker();
-
-  player.on('playlistchange', changeSpy);
-  player.on('duringplaylistchange', duringSpy);
-
-  const playlist = playlistMaker(player, [1]);
-
-  this.clock.tick(1);
-
-  assert.strictEqual(changeSpy.callCount, 0, 'on initial call, the "playlistchange" event did not fire');
-  assert.strictEqual(duringSpy.callCount, 1, 'on initial call, the "duringplaylistchange" event did fire');
-
-  playlist([2]);
-  this.clock.tick(1);
-
-  assert.strictEqual(changeSpy.callCount, 1, 'on second call, the "playlistchange" event did fire');
-  assert.strictEqual(duringSpy.callCount, 2, 'on second call, the "duringplaylistchange" event did fire');
-
-  playlist([3]);
-  this.clock.tick(1);
-
-  assert.strictEqual(changeSpy.callCount, 2, 'on third call, the "playlistchange" event did fire');
-  assert.strictEqual(duringSpy.callCount, 3, 'on third call, the "duringplaylistchange" event did fire');
-});
-
-QUnit.test('playlist.sort() works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const spy = sinon.spy();
-
-  player.on('playlistsorted', spy);
-  const playlist = playlistMaker(player, []);
-
-  playlist.sort();
-  assert.deepEqual(playlist(), [], 'playlist did not change because it is empty');
-  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event did not trigger');
-
-  playlist([4, 2, 1, 3]);
-
-  playlist.sort();
-  assert.deepEqual(playlist(), [1, 2, 3, 4], 'playlist is sorted per default sort behavior');
-  assert.strictEqual(spy.callCount, 1, 'the "playlistsorted" event triggered');
-
-  playlist.sort((a, b) => b - a);
-  assert.deepEqual(playlist(), [4, 3, 2, 1], 'playlist is sorted per default sort behavior');
-  assert.strictEqual(spy.callCount, 2, 'the "playlistsorted" event triggered');
-});
-
-QUnit.test('playlist.reverse() works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const spy = sinon.spy();
-
-  player.on('playlistsorted', spy);
-  const playlist = playlistMaker(player, []);
-
-  playlist.reverse();
-  assert.deepEqual(playlist(), [], 'playlist did not change because it is empty');
-  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event did not trigger');
-
-  playlist([1, 2, 3, 4]);
-
-  playlist.reverse();
-  assert.deepEqual(playlist(), [4, 3, 2, 1], 'playlist is reversed');
-  assert.strictEqual(spy.callCount, 1, 'the "playlistsorted" event triggered');
-});
-
-QUnit.test('playlist.shuffle() works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const spy = sinon.spy();
-
-  player.on('playlistsorted', spy);
-  const playlist = playlistMaker(player, []);
-
-  playlist.shuffle();
-  assert.deepEqual(playlist(), [], 'playlist did not change because it is empty');
-  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event did not trigger');
-
-  playlist([1, 2, 3, 4]);
-
-  playlist.shuffle();
-
-  const list = playlist();
-
-  assert.strictEqual(list.length, 4, 'playlist is the correct length');
-  assert.notStrictEqual(list.indexOf(1), -1, '1 is in the list');
-  assert.notStrictEqual(list.indexOf(2), -1, '2 is in the list');
-  assert.notStrictEqual(list.indexOf(3), -1, '3 is in the list');
-  assert.notStrictEqual(list.indexOf(4), -1, '4 is in the list');
-  assert.strictEqual(spy.callCount, 1, 'the "playlistsorted" event triggered');
-});
-
-QUnit.test('playlist.shuffle({rest: true}) works as expected', function(assert) {
-  const player = playerProxyMaker();
-  const spy = sinon.spy();
-
-  player.on('playlistsorted', spy);
-  const playlist = playlistMaker(player, [1, 2, 3, 4]);
-
-  playlist.currentIndex_ = 3;
-  playlist.shuffle({rest: true});
-  let list = playlist();
-
-  assert.deepEqual(list, [1, 2, 3, 4], 'playlist is unchanged because the last item is selected');
-  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event was not triggered');
-
-  playlist.currentIndex_ = 2;
-  playlist.shuffle({rest: true});
-  list = playlist();
-
-  assert.deepEqual(list, [1, 2, 3, 4], 'playlist is unchanged because the second-to-last item is selected');
-  assert.strictEqual(spy.callCount, 0, 'the "playlistsorted" event was not triggered');
-
-  playlist.currentIndex_ = 1;
-  playlist.shuffle({rest: true});
-  list = playlist();
-
-  assert.strictEqual(list.length, 4, 'playlist is the correct length');
-  assert.strictEqual(list.indexOf(1), 0, '1 is the first item in the list');
-  assert.strictEqual(list.indexOf(2), 1, '2 is the second item in the list');
-  assert.notStrictEqual(list.indexOf(3), -1, '3 is in the list');
-  assert.notStrictEqual(list.indexOf(4), -1, '4 is in the list');
-  assert.strictEqual(spy.callCount, 1, 'the "playlistsorted" event triggered');
-
-  playlist.currentIndex_ = 0;
-  playlist.shuffle({rest: true});
-  list = playlist();
-
-  assert.strictEqual(list.length, 4, 'playlist is the correct length');
-  assert.strictEqual(list.indexOf(1), 0, '1 is the first item in the list');
-  assert.notStrictEqual(list.indexOf(2), -1, '2 is in the list');
-  assert.notStrictEqual(list.indexOf(3), -1, '3 is in the list');
-  assert.notStrictEqual(list.indexOf(4), -1, '4 is in the list');
-  assert.strictEqual(spy.callCount, 2, 'the "playlistsorted" event triggered');
-
-  playlist.currentIndex_ = -1;
-  playlist.shuffle({rest: true});
-  list = playlist();
-
-  assert.strictEqual(list.length, 4, 'playlist is the correct length');
-  assert.notStrictEqual(list.indexOf(1), -1, '1 is in the list');
-  assert.notStrictEqual(list.indexOf(2), -1, '2 is in the list');
-  assert.notStrictEqual(list.indexOf(3), -1, '3 is in the list');
-  assert.notStrictEqual(list.indexOf(4), -1, '4 is in the list');
-  assert.strictEqual(spy.callCount, 3, 'the "playlistsorted" event triggered');
-});
diff --git a/negromate/web/static/js/videojs-playlist/test/plugin.test.js b/negromate/web/static/js/videojs-playlist/test/plugin.test.js
deleted file mode 100644
index ab33ddd..0000000
--- a/negromate/web/static/js/videojs-playlist/test/plugin.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import QUnit from 'qunit';
-import sinon from 'sinon';
-import videojs from 'video.js';
-import plugin from '../src/plugin';
-
-QUnit.test('the environment is sane', function(assert) {
-  assert.strictEqual(typeof Array.isArray, 'function', 'es5 exists');
-  assert.strictEqual(typeof sinon, 'object', 'sinon exists');
-  assert.strictEqual(typeof videojs, 'function', 'videojs exists');
-  assert.strictEqual(typeof plugin, 'function', 'plugin is a function');
-});
-
-QUnit.test('registers itself with video.js', function(assert) {
-  assert.expect(1);
-  assert.strictEqual(
-    typeof videojs.getComponent('Player').prototype.playlist,
-    'function',
-    'videojs-playlist plugin was registered'
-  );
-});
diff --git a/negromate/web/static/js/videojs/alt/video-js-cdn.css b/negromate/web/static/js/videojs/alt/video-js-cdn.css
deleted file mode 100644
index 5b0e3b9..0000000
--- a/negromate/web/static/js/videojs/alt/video-js-cdn.css
+++ /dev/null
@@ -1,1663 +0,0 @@
-@charset "UTF-8";
-.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  text-align: center;
-}
-
-@font-face {
-  font-family: VideoJS;
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  content: "\f101";
-}
-
-.vjs-icon-play-circle {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play-circle:before {
-  content: "\f102";
-}
-
-.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
-  content: "\f103";
-}
-
-.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
-  content: "\f104";
-}
-
-.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
-  content: "\f105";
-}
-
-.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
-  content: "\f106";
-}
-
-.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
-  content: "\f107";
-}
-
-.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
-  content: "\f108";
-}
-
-.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
-  content: "\f109";
-}
-
-.vjs-icon-square {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-square:before {
-  content: "\f10a";
-}
-
-.vjs-icon-spinner {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-spinner:before {
-  content: "\f10b";
-}
-
-.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
-  content: "\f10c";
-}
-
-.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
-  content: "\f10d";
-}
-
-.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
-  content: "\f10e";
-}
-
-.vjs-icon-share {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-share:before {
-  content: "\f10f";
-}
-
-.vjs-icon-cog {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-cog:before {
-  content: "\f110";
-}
-
-.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
-  content: "\f111";
-}
-
-.vjs-icon-circle-outline {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle-outline:before {
-  content: "\f112";
-}
-
-.vjs-icon-circle-inner-circle {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle-inner-circle:before {
-  content: "\f113";
-}
-
-.vjs-icon-hd {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-hd:before {
-  content: "\f114";
-}
-
-.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
-  content: "\f115";
-}
-
-.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
-  content: "\f116";
-}
-
-.vjs-icon-facebook {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-facebook:before {
-  content: "\f117";
-}
-
-.vjs-icon-gplus {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-gplus:before {
-  content: "\f118";
-}
-
-.vjs-icon-linkedin {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-linkedin:before {
-  content: "\f119";
-}
-
-.vjs-icon-twitter {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-twitter:before {
-  content: "\f11a";
-}
-
-.vjs-icon-tumblr {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-tumblr:before {
-  content: "\f11b";
-}
-
-.vjs-icon-pinterest {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-pinterest:before {
-  content: "\f11c";
-}
-
-.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
-  content: "\f11d";
-}
-
-.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
-  content: "\f11e";
-}
-
-.vjs-icon-next-item {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-next-item:before {
-  content: "\f11f";
-}
-
-.vjs-icon-previous-item {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-previous-item:before {
-  content: "\f120";
-}
-
-.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
-  content: "\f121";
-}
-
-.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
-  content: "\f122";
-}
-
-.video-js {
-  display: block;
-  vertical-align: top;
-  box-sizing: border-box;
-  color: #fff;
-  background-color: #000;
-  position: relative;
-  padding: 0;
-  font-size: 10px;
-  line-height: 1;
-  font-weight: normal;
-  font-style: normal;
-  font-family: Arial, Helvetica, sans-serif;
-  word-break: initial;
-}
-.video-js:-moz-full-screen {
-  position: absolute;
-}
-.video-js:-webkit-full-screen {
-  width: 100% !important;
-  height: 100% !important;
-}
-
-.video-js[tabindex="-1"] {
-  outline: none;
-}
-
-.video-js *,
-.video-js *:before,
-.video-js *:after {
-  box-sizing: inherit;
-}
-
-.video-js ul {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  list-style-position: outside;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.video-js.vjs-fluid,
-.video-js.vjs-16-9,
-.video-js.vjs-4-3 {
-  width: 100%;
-  max-width: 100%;
-  height: 0;
-}
-
-.video-js.vjs-16-9 {
-  padding-top: 56.25%;
-}
-
-.video-js.vjs-4-3 {
-  padding-top: 75%;
-}
-
-.video-js.vjs-fill {
-  width: 100%;
-  height: 100%;
-}
-
-.video-js .vjs-tech {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-body.vjs-full-window {
-  padding: 0;
-  margin: 0;
-  height: 100%;
-}
-
-.vjs-full-window .video-js.vjs-fullscreen {
-  position: fixed;
-  overflow: hidden;
-  z-index: 1000;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.video-js.vjs-fullscreen {
-  width: 100% !important;
-  height: 100% !important;
-  padding-top: 0 !important;
-}
-
-.video-js.vjs-fullscreen.vjs-user-inactive {
-  cursor: none;
-}
-
-.vjs-hidden {
-  display: none !important;
-}
-
-.vjs-disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.video-js .vjs-offscreen {
-  height: 1px;
-  left: -9999px;
-  position: absolute;
-  top: 0;
-  width: 1px;
-}
-
-.vjs-lock-showing {
-  display: block !important;
-  opacity: 1;
-  visibility: visible;
-}
-
-.vjs-no-js {
-  padding: 20px;
-  color: #fff;
-  background-color: #000;
-  font-size: 18px;
-  font-family: Arial, Helvetica, sans-serif;
-  text-align: center;
-  width: 300px;
-  height: 150px;
-  margin: 0px auto;
-}
-
-.vjs-no-js a,
-.vjs-no-js a:visited {
-  color: #66A8CC;
-}
-
-.video-js .vjs-big-play-button {
-  font-size: 3em;
-  line-height: 1.5em;
-  height: 1.63332em;
-  width: 3em;
-  display: block;
-  position: absolute;
-  top: 10px;
-  left: 10px;
-  padding: 0;
-  cursor: pointer;
-  opacity: 1;
-  border: 0.06666em solid #fff;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-  border-radius: 0.3em;
-  transition: all 0.4s;
-}
-.vjs-big-play-centered .vjs-big-play-button {
-  top: 50%;
-  left: 50%;
-  margin-top: -0.81666em;
-  margin-left: -1.5em;
-}
-
-.video-js:hover .vjs-big-play-button,
-.video-js .vjs-big-play-button:focus {
-  border-color: #fff;
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-  transition: all 0s;
-}
-
-.vjs-controls-disabled .vjs-big-play-button,
-.vjs-has-started .vjs-big-play-button,
-.vjs-using-native-controls .vjs-big-play-button,
-.vjs-error .vjs-big-play-button {
-  display: none;
-}
-
-.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
-  display: block;
-}
-
-.video-js button {
-  background: none;
-  border: none;
-  color: inherit;
-  display: inline-block;
-  font-size: inherit;
-  line-height: inherit;
-  text-transform: none;
-  text-decoration: none;
-  transition: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.vjs-control .vjs-button {
-  width: 100%;
-  height: 100%;
-}
-
-.video-js .vjs-control.vjs-close-button {
-  cursor: pointer;
-  height: 3em;
-  position: absolute;
-  right: 0;
-  top: 0.5em;
-  z-index: 2;
-}
-.video-js .vjs-modal-dialog {
-  background: rgba(0, 0, 0, 0.8);
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
-  overflow: auto;
-}
-
-.video-js .vjs-modal-dialog > * {
-  box-sizing: border-box;
-}
-
-.vjs-modal-dialog .vjs-modal-dialog-content {
-  font-size: 1.2em;
-  line-height: 1.5;
-  padding: 20px 24px;
-  z-index: 1;
-}
-
-.vjs-menu-button {
-  cursor: pointer;
-}
-
-.vjs-menu-button.vjs-disabled {
-  cursor: default;
-}
-
-.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
-  display: none;
-}
-
-.vjs-menu .vjs-menu-content {
-  display: block;
-  padding: 0;
-  margin: 0;
-  font-family: Arial, Helvetica, sans-serif;
-  overflow: auto;
-}
-
-.vjs-menu .vjs-menu-content > * {
-  box-sizing: border-box;
-}
-
-.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
-  display: none;
-}
-
-.vjs-menu li {
-  list-style: none;
-  margin: 0;
-  padding: 0.2em 0;
-  line-height: 1.4em;
-  font-size: 1.2em;
-  text-align: center;
-  text-transform: lowercase;
-}
-
-.vjs-menu li.vjs-menu-item:focus,
-.vjs-menu li.vjs-menu-item:hover,
-.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-}
-
-.vjs-menu li.vjs-selected,
-.vjs-menu li.vjs-selected:focus,
-.vjs-menu li.vjs-selected:hover,
-.js-focus-visible .vjs-menu li.vjs-selected:hover {
-  background-color: #fff;
-  color: #2B333F;
-}
-
-.vjs-menu 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;
-}
-
-.vjs-menu-button-popup .vjs-menu {
-  display: none;
-  position: absolute;
-  bottom: 0;
-  width: 10em;
-  left: -3em;
-  height: 0em;
-  margin-bottom: 1.5em;
-  border-top-color: rgba(43, 51, 63, 0.7);
-}
-
-.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-  position: absolute;
-  width: 100%;
-  bottom: 1.5em;
-  max-height: 15em;
-}
-
-.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 5em;
-}
-
-.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 10em;
-}
-
-.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 14em;
-}
-
-.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 25em;
-}
-
-.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
-.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
-  display: block;
-}
-
-.video-js .vjs-menu-button-inline {
-  transition: all 0.4s;
-  overflow: hidden;
-}
-
-.video-js .vjs-menu-button-inline:before {
-  width: 2.222222222em;
-}
-
-.video-js .vjs-menu-button-inline:hover,
-.video-js .vjs-menu-button-inline:focus,
-.video-js .vjs-menu-button-inline.vjs-slider-active,
-.video-js.vjs-no-flex .vjs-menu-button-inline {
-  width: 12em;
-}
-
-.vjs-menu-button-inline .vjs-menu {
-  opacity: 0;
-  height: 100%;
-  width: auto;
-  position: absolute;
-  left: 4em;
-  top: 0;
-  padding: 0;
-  margin: 0;
-  transition: all 0.4s;
-}
-
-.vjs-menu-button-inline:hover .vjs-menu,
-.vjs-menu-button-inline:focus .vjs-menu,
-.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
-  display: block;
-  opacity: 1;
-}
-
-.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
-  display: block;
-  opacity: 1;
-  position: relative;
-  width: auto;
-}
-
-.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
-.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
-.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
-  width: auto;
-}
-
-.vjs-menu-button-inline .vjs-menu-content {
-  width: auto;
-  height: 100%;
-  margin: 0;
-  overflow: hidden;
-}
-
-.video-js .vjs-control-bar {
-  display: none;
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 3em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-}
-
-.vjs-has-started .vjs-control-bar {
-  display: flex;
-  visibility: visible;
-  opacity: 1;
-  transition: visibility 0.1s, opacity 0.1s;
-}
-
-.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  visibility: visible;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-.vjs-controls-disabled .vjs-control-bar,
-.vjs-using-native-controls .vjs-control-bar,
-.vjs-error .vjs-control-bar {
-  display: none !important;
-}
-
-.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  opacity: 1;
-  visibility: visible;
-}
-
-.vjs-has-started.vjs-no-flex .vjs-control-bar {
-  display: table;
-}
-
-.video-js .vjs-control {
-  position: relative;
-  text-align: center;
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  width: 4em;
-  flex: none;
-}
-
-.vjs-button > .vjs-icon-placeholder:before {
-  font-size: 1.8em;
-  line-height: 1.67;
-}
-
-.video-js .vjs-control:focus:before,
-.video-js .vjs-control:hover:before,
-.video-js .vjs-control:focus {
-  text-shadow: 0em 0em 1em white;
-}
-
-.video-js .vjs-control-text {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.vjs-no-flex .vjs-control {
-  display: table-cell;
-  vertical-align: middle;
-}
-
-.video-js .vjs-custom-control-spacer {
-  display: none;
-}
-
-.video-js .vjs-progress-control {
-  cursor: pointer;
-  flex: auto;
-  display: flex;
-  align-items: center;
-  min-width: 4em;
-  touch-action: none;
-}
-
-.video-js .vjs-progress-control.disabled {
-  cursor: default;
-}
-
-.vjs-live .vjs-progress-control {
-  display: none;
-}
-
-.vjs-liveui .vjs-progress-control {
-  display: flex;
-  align-items: center;
-}
-
-.vjs-no-flex .vjs-progress-control {
-  width: auto;
-}
-
-.video-js .vjs-progress-holder {
-  flex: auto;
-  transition: all 0.2s;
-  height: 0.3em;
-}
-
-.video-js .vjs-progress-control .vjs-progress-holder {
-  margin: 0 10px;
-}
-
-.video-js .vjs-progress-control:hover .vjs-progress-holder {
-  font-size: 1.6666666667em;
-}
-
-.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
-  font-size: 1em;
-}
-
-.video-js .vjs-progress-holder .vjs-play-progress,
-.video-js .vjs-progress-holder .vjs-load-progress,
-.video-js .vjs-progress-holder .vjs-load-progress div {
-  position: absolute;
-  display: block;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  width: 0;
-}
-
-.video-js .vjs-play-progress {
-  background-color: #fff;
-}
-.video-js .vjs-play-progress:before {
-  font-size: 0.9em;
-  position: absolute;
-  right: -0.5em;
-  top: -0.3333333333em;
-  z-index: 1;
-}
-
-.video-js .vjs-load-progress {
-  background: rgba(115, 133, 159, 0.5);
-}
-
-.video-js .vjs-load-progress div {
-  background: rgba(115, 133, 159, 0.75);
-}
-
-.video-js .vjs-time-tooltip {
-  background-color: #fff;
-  background-color: rgba(255, 255, 255, 0.8);
-  border-radius: 0.3em;
-  color: #000;
-  float: right;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 1em;
-  padding: 6px 8px 8px 8px;
-  pointer-events: none;
-  position: absolute;
-  top: -3.4em;
-  visibility: hidden;
-  z-index: 1;
-}
-
-.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
-  display: none;
-}
-
-.video-js .vjs-progress-control:hover .vjs-time-tooltip,
-.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
-  display: block;
-  font-size: 0.6em;
-  visibility: visible;
-}
-
-.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
-  font-size: 1em;
-}
-
-.video-js .vjs-progress-control .vjs-mouse-display {
-  display: none;
-  position: absolute;
-  width: 1px;
-  height: 100%;
-  background-color: #000;
-  z-index: 1;
-}
-
-.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
-  z-index: 0;
-}
-
-.video-js .vjs-progress-control:hover .vjs-mouse-display {
-  display: block;
-}
-
-.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
-  display: none;
-}
-
-.vjs-mouse-display .vjs-time-tooltip {
-  color: #fff;
-  background-color: #000;
-  background-color: rgba(0, 0, 0, 0.8);
-}
-
-.video-js .vjs-slider {
-  position: relative;
-  cursor: pointer;
-  padding: 0;
-  margin: 0 0.45em 0 0.45em;
-  /* iOS Safari */
-  -webkit-touch-callout: none;
-  /* Safari */
-  -webkit-user-select: none;
-  /* Konqueror HTML */
-  /* Firefox */
-  -moz-user-select: none;
-  /* Internet Explorer/Edge */
-  -ms-user-select: none;
-  /* Non-prefixed version, currently supported by Chrome and Opera */
-  user-select: none;
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-}
-
-.video-js .vjs-slider.disabled {
-  cursor: default;
-}
-
-.video-js .vjs-slider:focus {
-  text-shadow: 0em 0em 1em white;
-  box-shadow: 0 0 1em #fff;
-}
-
-.video-js .vjs-mute-control {
-  cursor: pointer;
-  flex: none;
-}
-.video-js .vjs-volume-control {
-  cursor: pointer;
-  margin-right: 1em;
-  display: flex;
-}
-
-.video-js .vjs-volume-control.vjs-volume-horizontal {
-  width: 5em;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control {
-  visibility: visible;
-  opacity: 0;
-  width: 1px;
-  height: 1px;
-  margin-left: -1px;
-}
-
-.video-js .vjs-volume-panel {
-  transition: width 1s;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
-  visibility: visible;
-  opacity: 1;
-  position: relative;
-  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
-  width: 5em;
-  height: 3em;
-  margin-right: 0;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
-  left: -3.5em;
-  transition: left 0s;
-}
-.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-  width: 10em;
-  transition: width 0.1s;
-}
-.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
-  width: 4em;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  height: 8em;
-  width: 3em;
-  left: -3000em;
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-}
-
-.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  width: 5em;
-  height: 3em;
-  visibility: visible;
-  opacity: 1;
-  position: relative;
-  transition: none;
-}
-
-.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
-.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  position: absolute;
-  bottom: 3em;
-  left: 0.5em;
-}
-
-.video-js .vjs-volume-panel {
-  display: flex;
-}
-
-.video-js .vjs-volume-bar {
-  margin: 1.35em 0.45em;
-}
-
-.vjs-volume-bar.vjs-slider-horizontal {
-  width: 5em;
-  height: 0.3em;
-}
-
-.vjs-volume-bar.vjs-slider-vertical {
-  width: 0.3em;
-  height: 5em;
-  margin: 1.35em auto;
-}
-
-.video-js .vjs-volume-level {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  background-color: #fff;
-}
-.video-js .vjs-volume-level:before {
-  position: absolute;
-  font-size: 0.9em;
-}
-
-.vjs-slider-vertical .vjs-volume-level {
-  width: 0.3em;
-}
-.vjs-slider-vertical .vjs-volume-level:before {
-  top: -0.5em;
-  left: -0.3em;
-}
-
-.vjs-slider-horizontal .vjs-volume-level {
-  height: 0.3em;
-}
-.vjs-slider-horizontal .vjs-volume-level:before {
-  top: -0.3em;
-  right: -0.5em;
-}
-
-.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
-  width: 4em;
-}
-
-.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
-  height: 100%;
-}
-
-.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
-  width: 100%;
-}
-
-.video-js .vjs-volume-vertical {
-  width: 3em;
-  height: 8em;
-  bottom: 8em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-}
-
-.video-js .vjs-volume-horizontal .vjs-menu {
-  left: -2em;
-}
-
-.vjs-poster {
-  display: inline-block;
-  vertical-align: middle;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  background-size: contain;
-  background-color: #000000;
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-}
-
-.vjs-has-started .vjs-poster {
-  display: none;
-}
-
-.vjs-audio.vjs-has-started .vjs-poster {
-  display: block;
-}
-
-.vjs-using-native-controls .vjs-poster {
-  display: none;
-}
-
-.video-js .vjs-live-control {
-  display: flex;
-  align-items: flex-start;
-  flex: auto;
-  font-size: 1em;
-  line-height: 3em;
-}
-
-.vjs-no-flex .vjs-live-control {
-  display: table-cell;
-  width: auto;
-  text-align: left;
-}
-
-.video-js:not(.vjs-live) .vjs-live-control,
-.video-js.vjs-liveui .vjs-live-control {
-  display: none;
-}
-
-.video-js .vjs-seek-to-live-control {
-  cursor: pointer;
-  flex: none;
-  display: inline-flex;
-  height: 100%;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-  font-size: 1em;
-  line-height: 3em;
-  width: auto;
-  min-width: 4em;
-}
-
-.vjs-no-flex .vjs-seek-to-live-control {
-  display: table-cell;
-  width: auto;
-  text-align: left;
-}
-
-.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
-.video-js:not(.vjs-live) .vjs-seek-to-live-control {
-  display: none;
-}
-
-.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
-  cursor: auto;
-}
-
-.vjs-seek-to-live-control .vjs-icon-placeholder {
-  margin-right: 0.5em;
-  color: #888;
-}
-
-.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
-  color: red;
-}
-
-.video-js .vjs-time-control {
-  flex: none;
-  font-size: 1em;
-  line-height: 3em;
-  min-width: 2em;
-  width: auto;
-  padding-left: 1em;
-  padding-right: 1em;
-}
-
-.vjs-live .vjs-time-control {
-  display: none;
-}
-
-.video-js .vjs-current-time,
-.vjs-no-flex .vjs-current-time {
-  display: none;
-}
-
-.video-js .vjs-duration,
-.vjs-no-flex .vjs-duration {
-  display: none;
-}
-
-.vjs-time-divider {
-  display: none;
-  line-height: 3em;
-}
-
-.vjs-live .vjs-time-divider {
-  display: none;
-}
-
-.video-js .vjs-play-control {
-  cursor: pointer;
-}
-
-.video-js .vjs-play-control .vjs-icon-placeholder {
-  flex: none;
-}
-
-.vjs-text-track-display {
-  position: absolute;
-  bottom: 3em;
-  left: 0;
-  right: 0;
-  top: 0;
-  pointer-events: none;
-}
-
-.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
-  bottom: 1em;
-}
-
-.video-js .vjs-text-track {
-  font-size: 1.4em;
-  text-align: center;
-  margin-bottom: 0.1em;
-}
-
-.vjs-subtitles {
-  color: #fff;
-}
-
-.vjs-captions {
-  color: #fc6;
-}
-
-.vjs-tt-cue {
-  display: block;
-}
-
-video::-webkit-media-text-track-display {
-  transform: translateY(-3em);
-}
-
-.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-  transform: translateY(-1.5em);
-}
-
-.video-js .vjs-picture-in-picture-control {
-  cursor: pointer;
-  flex: none;
-}
-.video-js .vjs-fullscreen-control {
-  cursor: pointer;
-  flex: none;
-}
-.vjs-playback-rate > .vjs-menu-button,
-.vjs-playback-rate .vjs-playback-rate-value {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-playback-rate .vjs-playback-rate-value {
-  pointer-events: none;
-  font-size: 1.5em;
-  line-height: 2;
-  text-align: center;
-}
-
-.vjs-playback-rate .vjs-menu {
-  width: 4em;
-  left: 0em;
-}
-
-.vjs-error .vjs-error-display .vjs-modal-dialog-content {
-  font-size: 1.4em;
-  text-align: center;
-}
-
-.vjs-error .vjs-error-display:before {
-  color: #fff;
-  content: "X";
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 4em;
-  left: 0;
-  line-height: 1;
-  margin-top: -0.5em;
-  position: absolute;
-  text-shadow: 0.05em 0.05em 0.1em #000;
-  text-align: center;
-  top: 50%;
-  vertical-align: middle;
-  width: 100%;
-}
-
-.vjs-loading-spinner {
-  display: none;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin: -25px 0 0 -25px;
-  opacity: 0.85;
-  text-align: left;
-  border: 6px solid rgba(43, 51, 63, 0.7);
-  box-sizing: border-box;
-  background-clip: padding-box;
-  width: 50px;
-  height: 50px;
-  border-radius: 25px;
-  visibility: hidden;
-}
-
-.vjs-seeking .vjs-loading-spinner,
-.vjs-waiting .vjs-loading-spinner {
-  display: block;
-  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
-          animation: vjs-spinner-show 0s linear 0.3s forwards;
-}
-
-.vjs-loading-spinner:before,
-.vjs-loading-spinner:after {
-  content: "";
-  position: absolute;
-  margin: -6px;
-  box-sizing: inherit;
-  width: inherit;
-  height: inherit;
-  border-radius: inherit;
-  opacity: 1;
-  border: inherit;
-  border-color: transparent;
-  border-top-color: white;
-}
-
-.vjs-seeking .vjs-loading-spinner:before,
-.vjs-seeking .vjs-loading-spinner:after,
-.vjs-waiting .vjs-loading-spinner:before,
-.vjs-waiting .vjs-loading-spinner:after {
-  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
-  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
-}
-
-.vjs-seeking .vjs-loading-spinner:before,
-.vjs-waiting .vjs-loading-spinner:before {
-  border-top-color: white;
-}
-
-.vjs-seeking .vjs-loading-spinner:after,
-.vjs-waiting .vjs-loading-spinner:after {
-  border-top-color: white;
-  -webkit-animation-delay: 0.44s;
-  animation-delay: 0.44s;
-}
-
-@keyframes vjs-spinner-show {
-  to {
-    visibility: visible;
-  }
-}
-@-webkit-keyframes vjs-spinner-show {
-  to {
-    visibility: visible;
-  }
-}
-@keyframes vjs-spinner-spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes vjs-spinner-spin {
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-@keyframes vjs-spinner-fade {
-  0% {
-    border-top-color: #73859f;
-  }
-  20% {
-    border-top-color: #73859f;
-  }
-  35% {
-    border-top-color: white;
-  }
-  60% {
-    border-top-color: #73859f;
-  }
-  100% {
-    border-top-color: #73859f;
-  }
-}
-@-webkit-keyframes vjs-spinner-fade {
-  0% {
-    border-top-color: #73859f;
-  }
-  20% {
-    border-top-color: #73859f;
-  }
-  35% {
-    border-top-color: white;
-  }
-  60% {
-    border-top-color: #73859f;
-  }
-  100% {
-    border-top-color: #73859f;
-  }
-}
-.vjs-chapters-button .vjs-menu ul {
-  width: 24em;
-}
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
-  vertical-align: middle;
-  display: inline-block;
-  margin-bottom: -0.1em;
-}
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: "";
-  font-size: 1.5em;
-  line-height: inherit;
-}
-
-.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
-  vertical-align: middle;
-  display: inline-block;
-  margin-bottom: -0.1em;
-}
-
-.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: " ";
-  font-size: 1.5em;
-  line-height: inherit;
-}
-
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
-  display: none;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-  width: auto;
-  width: initial;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
-  display: none;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
-  flex: auto;
-  display: block;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
-  width: auto;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
-  display: none;
-}
-
-.vjs-modal-dialog.vjs-text-track-settings {
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.75);
-  color: #fff;
-  height: 70%;
-}
-
-.vjs-text-track-settings .vjs-modal-dialog-content {
-  display: table;
-}
-
-.vjs-text-track-settings .vjs-track-settings-colors,
-.vjs-text-track-settings .vjs-track-settings-font,
-.vjs-text-track-settings .vjs-track-settings-controls {
-  display: table-cell;
-}
-
-.vjs-text-track-settings .vjs-track-settings-controls {
-  text-align: right;
-  vertical-align: bottom;
-}
-
-@supports (display: grid) {
-  .vjs-text-track-settings .vjs-modal-dialog-content {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr;
-    padding: 20px 24px 0px 24px;
-  }
-
-  .vjs-track-settings-controls .vjs-default-button {
-    margin-bottom: 20px;
-  }
-
-  .vjs-text-track-settings .vjs-track-settings-controls {
-    grid-column: 1/-1;
-  }
-
-  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
-.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
-.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
-    grid-template-columns: 1fr;
-  }
-}
-.vjs-track-setting > select {
-  margin-right: 1em;
-  margin-bottom: 0.5em;
-}
-
-.vjs-text-track-settings fieldset {
-  margin: 5px;
-  padding: 3px;
-  border: none;
-}
-
-.vjs-text-track-settings fieldset span {
-  display: inline-block;
-}
-
-.vjs-text-track-settings fieldset span > select {
-  max-width: 7.3em;
-}
-
-.vjs-text-track-settings legend {
-  color: #fff;
-  margin: 0 0 5px 0;
-}
-
-.vjs-text-track-settings .vjs-label {
-  position: absolute;
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  display: block;
-  margin: 0 0 5px 0;
-  padding: 0;
-  border: 0;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-}
-
-.vjs-track-settings-controls button:focus,
-.vjs-track-settings-controls button:active {
-  outline-style: solid;
-  outline-width: medium;
-  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
-}
-
-.vjs-track-settings-controls button:hover {
-  color: rgba(43, 51, 63, 0.75);
-}
-
-.vjs-track-settings-controls button {
-  background-color: #fff;
-  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
-  color: #2B333F;
-  cursor: pointer;
-  border-radius: 2px;
-}
-
-.vjs-track-settings-controls .vjs-default-button {
-  margin-right: 1em;
-}
-
-@media print {
-  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
-    visibility: hidden;
-  }
-}
-.vjs-resize-manager {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-  z-index: -1000;
-}
-
-.js-focus-visible .video-js *:focus:not(.focus-visible) {
-  outline: none;
-  background: none;
-}
-
-.video-js *:focus:not(:focus-visible),
-.video-js .vjs-menu *:focus:not(:focus-visible) {
-  outline: none;
-  background: none;
-}
diff --git a/negromate/web/static/js/videojs/alt/video-js-cdn.min.css b/negromate/web/static/js/videojs/alt/video-js-cdn.min.css
deleted file mode 100644
index b453b88..0000000
--- a/negromate/web/static/js/videojs/alt/video-js-cdn.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/alt/video.core.js b/negromate/web/static/js/videojs/alt/video.core.js
deleted file mode 100644
index 5573328..0000000
--- a/negromate/web/static/js/videojs/alt/video.core.js
+++ /dev/null
@@ -1,29123 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('global/window'), require('global/document')) :
-  typeof define === 'function' && define.amd ? define(['global/window', 'global/document'], factory) :
-  (global = global || self, global.videojs = factory(global.window, global.document));
-}(this, function (window$1, document) { 'use strict';
-
-  window$1 = window$1 && window$1.hasOwnProperty('default') ? window$1['default'] : window$1;
-  document = document && document.hasOwnProperty('default') ? document['default'] : document;
-
-  var version = "7.7.4";
-
-  /**
-   * @file create-logger.js
-   * @module create-logger
-   */
-
-  var history = [];
-  /**
-   * Log messages to the console and history based on the type of message
-   *
-   * @private
-   * @param  {string} type
-   *         The name of the console method to use.
-   *
-   * @param  {Array} args
-   *         The arguments to be passed to the matching console method.
-   */
-
-  var LogByTypeFactory = function LogByTypeFactory(name, log) {
-    return function (type, level, args) {
-      var lvl = log.levels[level];
-      var lvlRegExp = new RegExp("^(" + lvl + ")$");
-
-      if (type !== 'log') {
-        // Add the type to the front of the message when it's not "log".
-        args.unshift(type.toUpperCase() + ':');
-      } // Add console prefix after adding to history.
-
-
-      args.unshift(name + ':'); // Add a clone of the args at this point to history.
-
-      if (history) {
-        history.push([].concat(args)); // only store 1000 history entries
-
-        var splice = history.length - 1000;
-        history.splice(0, splice > 0 ? splice : 0);
-      } // If there's no console then don't try to output messages, but they will
-      // still be stored in history.
-
-
-      if (!window$1.console) {
-        return;
-      } // Was setting these once outside of this function, but containing them
-      // in the function makes it easier to test cases where console doesn't exist
-      // when the module is executed.
-
-
-      var fn = window$1.console[type];
-
-      if (!fn && type === 'debug') {
-        // Certain browsers don't have support for console.debug. For those, we
-        // should default to the closest comparable log.
-        fn = window$1.console.info || window$1.console.log;
-      } // Bail out if there's no console or if this type is not allowed by the
-      // current logging level.
-
-
-      if (!fn || !lvl || !lvlRegExp.test(type)) {
-        return;
-      }
-
-      fn[Array.isArray(args) ? 'apply' : 'call'](window$1.console, args);
-    };
-  };
-
-  function createLogger(name) {
-    // This is the private tracking variable for logging level.
-    var level = 'info'; // the curried logByType bound to the specific log and history
-
-    var logByType;
-    /**
-     * Logs plain debug messages. Similar to `console.log`.
-     *
-     * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-     * of our JSDoc template, we cannot properly document this as both a function
-     * and a namespace, so its function signature is documented here.
-     *
-     * #### Arguments
-     * ##### *args
-     * Mixed[]
-     *
-     * Any combination of values that could be passed to `console.log()`.
-     *
-     * #### Return Value
-     *
-     * `undefined`
-     *
-     * @namespace
-     * @param    {Mixed[]} args
-     *           One or more messages or objects that should be logged.
-     */
-
-    var log = function log() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      logByType('log', level, args);
-    }; // This is the logByType helper that the logging methods below use
-
-
-    logByType = LogByTypeFactory(name, log);
-    /**
-     * Create a new sublogger which chains the old name to the new name.
-     *
-     * For example, doing `videojs.log.createLogger('player')` and then using that logger will log the following:
-     * ```js
-     *  mylogger('foo');
-     *  // > VIDEOJS: player: foo
-     * ```
-     *
-     * @param {string} name
-     *        The name to add call the new logger
-     * @return {Object}
-     */
-
-    log.createLogger = function (subname) {
-      return createLogger(name + ': ' + subname);
-    };
-    /**
-     * Enumeration of available logging levels, where the keys are the level names
-     * and the values are `|`-separated strings containing logging methods allowed
-     * in that logging level. These strings are used to create a regular expression
-     * matching the function name being called.
-     *
-     * Levels provided by Video.js are:
-     *
-     * - `off`: Matches no calls. Any value that can be cast to `false` will have
-     *   this effect. The most restrictive.
-     * - `all`: Matches only Video.js-provided functions (`debug`, `log`,
-     *   `log.warn`, and `log.error`).
-     * - `debug`: Matches `log.debug`, `log`, `log.warn`, and `log.error` calls.
-     * - `info` (default): Matches `log`, `log.warn`, and `log.error` calls.
-     * - `warn`: Matches `log.warn` and `log.error` calls.
-     * - `error`: Matches only `log.error` calls.
-     *
-     * @type {Object}
-     */
-
-
-    log.levels = {
-      all: 'debug|log|warn|error',
-      off: '',
-      debug: 'debug|log|warn|error',
-      info: 'log|warn|error',
-      warn: 'warn|error',
-      error: 'error',
-      DEFAULT: level
-    };
-    /**
-     * Get or set the current logging level.
-     *
-     * If a string matching a key from {@link module:log.levels} is provided, acts
-     * as a setter.
-     *
-     * @param  {string} [lvl]
-     *         Pass a valid level to set a new logging level.
-     *
-     * @return {string}
-     *         The current logging level.
-     */
-
-    log.level = function (lvl) {
-      if (typeof lvl === 'string') {
-        if (!log.levels.hasOwnProperty(lvl)) {
-          throw new Error("\"" + lvl + "\" in not a valid log level");
-        }
-
-        level = lvl;
-      }
-
-      return level;
-    };
-    /**
-     * Returns an array containing everything that has been logged to the history.
-     *
-     * This array is a shallow clone of the internal history record. However, its
-     * contents are _not_ cloned; so, mutating objects inside this array will
-     * mutate them in history.
-     *
-     * @return {Array}
-     */
-
-
-    log.history = function () {
-      return history ? [].concat(history) : [];
-    };
-    /**
-     * Allows you to filter the history by the given logger name
-     *
-     * @param {string} fname
-     *        The name to filter by
-     *
-     * @return {Array}
-     *         The filtered list to return
-     */
-
-
-    log.history.filter = function (fname) {
-      return (history || []).filter(function (historyItem) {
-        // if the first item in each historyItem includes `fname`, then it's a match
-        return new RegExp(".*" + fname + ".*").test(historyItem[0]);
-      });
-    };
-    /**
-     * Clears the internal history tracking, but does not prevent further history
-     * tracking.
-     */
-
-
-    log.history.clear = function () {
-      if (history) {
-        history.length = 0;
-      }
-    };
-    /**
-     * Disable history tracking if it is currently enabled.
-     */
-
-
-    log.history.disable = function () {
-      if (history !== null) {
-        history.length = 0;
-        history = null;
-      }
-    };
-    /**
-     * Enable history tracking if it is currently disabled.
-     */
-
-
-    log.history.enable = function () {
-      if (history === null) {
-        history = [];
-      }
-    };
-    /**
-     * Logs error messages. Similar to `console.error`.
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as an error
-     */
-
-
-    log.error = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      return logByType('error', level, args);
-    };
-    /**
-     * Logs warning messages. Similar to `console.warn`.
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as a warning.
-     */
-
-
-    log.warn = function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-
-      return logByType('warn', level, args);
-    };
-    /**
-     * Logs debug messages. Similar to `console.debug`, but may also act as a comparable
-     * log if `console.debug` is not available
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as debug.
-     */
-
-
-    log.debug = function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      return logByType('debug', level, args);
-    };
-
-    return log;
-  }
-
-  /**
-   * @file log.js
-   * @module log
-   */
-  var log = createLogger('VIDEOJS');
-  var createLogger$1 = log.createLogger;
-
-  function createCommonjsModule(fn, module) {
-  	return module = { exports: {} }, fn(module, module.exports), module.exports;
-  }
-
-  var _extends_1 = createCommonjsModule(function (module) {
-    function _extends() {
-      module.exports = _extends = Object.assign || function (target) {
-        for (var i = 1; i < arguments.length; i++) {
-          var source = arguments[i];
-
-          for (var key in source) {
-            if (Object.prototype.hasOwnProperty.call(source, key)) {
-              target[key] = source[key];
-            }
-          }
-        }
-
-        return target;
-      };
-
-      return _extends.apply(this, arguments);
-    }
-
-    module.exports = _extends;
-  });
-
-  /**
-   * @file obj.js
-   * @module obj
-   */
-
-  /**
-   * @callback obj:EachCallback
-   *
-   * @param {Mixed} value
-   *        The current key for the object that is being iterated over.
-   *
-   * @param {string} key
-   *        The current key-value for object that is being iterated over
-   */
-
-  /**
-   * @callback obj:ReduceCallback
-   *
-   * @param {Mixed} accum
-   *        The value that is accumulating over the reduce loop.
-   *
-   * @param {Mixed} value
-   *        The current key for the object that is being iterated over.
-   *
-   * @param {string} key
-   *        The current key-value for object that is being iterated over
-   *
-   * @return {Mixed}
-   *         The new accumulated value.
-   */
-  var toString = Object.prototype.toString;
-  /**
-   * Get the keys of an Object
-   *
-   * @param {Object}
-   *        The Object to get the keys from
-   *
-   * @return {string[]}
-   *         An array of the keys from the object. Returns an empty array if the
-   *         object passed in was invalid or had no keys.
-   *
-   * @private
-   */
-
-  var keys = function keys(object) {
-    return isObject(object) ? Object.keys(object) : [];
-  };
-  /**
-   * Array-like iteration for objects.
-   *
-   * @param {Object} object
-   *        The object to iterate over
-   *
-   * @param {obj:EachCallback} fn
-   *        The callback function which is called for each key in the object.
-   */
-
-
-  function each(object, fn) {
-    keys(object).forEach(function (key) {
-      return fn(object[key], key);
-    });
-  }
-  /**
-   * Array-like reduce for objects.
-   *
-   * @param {Object} object
-   *        The Object that you want to reduce.
-   *
-   * @param {Function} fn
-   *         A callback function which is called for each key in the object. It
-   *         receives the accumulated value and the per-iteration value and key
-   *         as arguments.
-   *
-   * @param {Mixed} [initial = 0]
-   *        Starting value
-   *
-   * @return {Mixed}
-   *         The final accumulated value.
-   */
-
-  function reduce(object, fn, initial) {
-    if (initial === void 0) {
-      initial = 0;
-    }
-
-    return keys(object).reduce(function (accum, key) {
-      return fn(accum, object[key], key);
-    }, initial);
-  }
-  /**
-   * Object.assign-style object shallow merge/extend.
-   *
-   * @param  {Object} target
-   * @param  {Object} ...sources
-   * @return {Object}
-   */
-
-  function assign(target) {
-    for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      sources[_key - 1] = arguments[_key];
-    }
-
-    if (Object.assign) {
-      return _extends_1.apply(void 0, [target].concat(sources));
-    }
-
-    sources.forEach(function (source) {
-      if (!source) {
-        return;
-      }
-
-      each(source, function (value, key) {
-        target[key] = value;
-      });
-    });
-    return target;
-  }
-  /**
-   * Returns whether a value is an object of any kind - including DOM nodes,
-   * arrays, regular expressions, etc. Not functions, though.
-   *
-   * This avoids the gotcha where using `typeof` on a `null` value
-   * results in `'object'`.
-   *
-   * @param  {Object} value
-   * @return {boolean}
-   */
-
-  function isObject(value) {
-    return !!value && typeof value === 'object';
-  }
-  /**
-   * Returns whether an object appears to be a "plain" object - that is, a
-   * direct instance of `Object`.
-   *
-   * @param  {Object} value
-   * @return {boolean}
-   */
-
-  function isPlain(value) {
-    return isObject(value) && toString.call(value) === '[object Object]' && value.constructor === Object;
-  }
-
-  /**
-   * @file computed-style.js
-   * @module computed-style
-   */
-  /**
-   * A safe getComputedStyle.
-   *
-   * This is needed because in Firefox, if the player is loaded in an iframe with
-   * `display:none`, then `getComputedStyle` returns `null`, so, we do a
-   * null-check to make sure that the player doesn't break in these cases.
-   *
-   * @function
-   * @param    {Element} el
-   *           The element you want the computed style of
-   *
-   * @param    {string} prop
-   *           The property name you want
-   *
-   * @see      https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-   */
-
-  function computedStyle(el, prop) {
-    if (!el || !prop) {
-      return '';
-    }
-
-    if (typeof window$1.getComputedStyle === 'function') {
-      var computedStyleValue = window$1.getComputedStyle(el);
-      return computedStyleValue ? computedStyleValue.getPropertyValue(prop) || computedStyleValue[prop] : '';
-    }
-
-    return '';
-  }
-
-  /**
-   * @file dom.js
-   * @module dom
-   */
-  /**
-   * Detect if a value is a string with any non-whitespace characters.
-   *
-   * @private
-   * @param  {string} str
-   *         The string to check
-   *
-   * @return {boolean}
-   *         Will be `true` if the string is non-blank, `false` otherwise.
-   *
-   */
-
-  function isNonBlankString(str) {
-    // we use str.trim as it will trim any whitespace characters
-    // from the front or back of non-whitespace characters. aka
-    // Any string that contains non-whitespace characters will
-    // still contain them after `trim` but whitespace only strings
-    // will have a length of 0, failing this check.
-    return typeof str === 'string' && Boolean(str.trim());
-  }
-  /**
-   * Throws an error if the passed string has whitespace. This is used by
-   * class methods to be relatively consistent with the classList API.
-   *
-   * @private
-   * @param  {string} str
-   *         The string to check for whitespace.
-   *
-   * @throws {Error}
-   *         Throws an error if there is whitespace in the string.
-   */
-
-
-  function throwIfWhitespace(str) {
-    // str.indexOf instead of regex because str.indexOf is faster performance wise.
-    if (str.indexOf(' ') >= 0) {
-      throw new Error('class has illegal whitespace characters');
-    }
-  }
-  /**
-   * Produce a regular expression for matching a className within an elements className.
-   *
-   * @private
-   * @param  {string} className
-   *         The className to generate the RegExp for.
-   *
-   * @return {RegExp}
-   *         The RegExp that will check for a specific `className` in an elements
-   *         className.
-   */
-
-
-  function classRegExp(className) {
-    return new RegExp('(^|\\s)' + className + '($|\\s)');
-  }
-  /**
-   * Whether the current DOM interface appears to be real (i.e. not simulated).
-   *
-   * @return {boolean}
-   *         Will be `true` if the DOM appears to be real, `false` otherwise.
-   */
-
-
-  function isReal() {
-    // Both document and window will never be undefined thanks to `global`.
-    return document === window$1.document;
-  }
-  /**
-   * Determines, via duck typing, whether or not a value is a DOM element.
-   *
-   * @param  {Mixed} value
-   *         The value to check.
-   *
-   * @return {boolean}
-   *         Will be `true` if the value is a DOM element, `false` otherwise.
-   */
-
-  function isEl(value) {
-    return isObject(value) && value.nodeType === 1;
-  }
-  /**
-   * Determines if the current DOM is embedded in an iframe.
-   *
-   * @return {boolean}
-   *         Will be `true` if the DOM is embedded in an iframe, `false`
-   *         otherwise.
-   */
-
-  function isInFrame() {
-    // We need a try/catch here because Safari will throw errors when attempting
-    // to get either `parent` or `self`
-    try {
-      return window$1.parent !== window$1.self;
-    } catch (x) {
-      return true;
-    }
-  }
-  /**
-   * Creates functions to query the DOM using a given method.
-   *
-   * @private
-   * @param   {string} method
-   *          The method to create the query with.
-   *
-   * @return  {Function}
-   *          The query method
-   */
-
-  function createQuerier(method) {
-    return function (selector, context) {
-      if (!isNonBlankString(selector)) {
-        return document[method](null);
-      }
-
-      if (isNonBlankString(context)) {
-        context = document.querySelector(context);
-      }
-
-      var ctx = isEl(context) ? context : document;
-      return ctx[method] && ctx[method](selector);
-    };
-  }
-  /**
-   * Creates an element and applies properties, attributes, and inserts content.
-   *
-   * @param  {string} [tagName='div']
-   *         Name of tag to be created.
-   *
-   * @param  {Object} [properties={}]
-   *         Element properties to be applied.
-   *
-   * @param  {Object} [attributes={}]
-   *         Element attributes to be applied.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor object.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  function createEl(tagName, properties, attributes, content) {
-    if (tagName === void 0) {
-      tagName = 'div';
-    }
-
-    if (properties === void 0) {
-      properties = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    var el = document.createElement(tagName);
-    Object.getOwnPropertyNames(properties).forEach(function (propName) {
-      var val = properties[propName]; // See #2176
-      // We originally were accepting both properties and attributes in the
-      // same object, but that doesn't work so well.
-
-      if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {
-        log.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
-        el.setAttribute(propName, val); // Handle textContent since it's not supported everywhere and we have a
-        // method for it.
-      } else if (propName === 'textContent') {
-        textContent(el, val);
-      } else if (el[propName] !== val) {
-        el[propName] = val;
-      }
-    });
-    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-      el.setAttribute(attrName, attributes[attrName]);
-    });
-
-    if (content) {
-      appendContent(el, content);
-    }
-
-    return el;
-  }
-  /**
-   * Injects text into an element, replacing any existing contents entirely.
-   *
-   * @param  {Element} el
-   *         The element to add text content into
-   *
-   * @param  {string} text
-   *         The text content to add.
-   *
-   * @return {Element}
-   *         The element with added text content.
-   */
-
-  function textContent(el, text) {
-    if (typeof el.textContent === 'undefined') {
-      el.innerText = text;
-    } else {
-      el.textContent = text;
-    }
-
-    return el;
-  }
-  /**
-   * Insert an element as the first child node of another
-   *
-   * @param {Element} child
-   *        Element to insert
-   *
-   * @param {Element} parent
-   *        Element to insert child into
-   */
-
-  function prependTo(child, parent) {
-    if (parent.firstChild) {
-      parent.insertBefore(child, parent.firstChild);
-    } else {
-      parent.appendChild(child);
-    }
-  }
-  /**
-   * Check if an element has a class name.
-   *
-   * @param  {Element} element
-   *         Element to check
-   *
-   * @param  {string} classToCheck
-   *         Class name to check for
-   *
-   * @return {boolean}
-   *         Will be `true` if the element has a class, `false` otherwise.
-   *
-   * @throws {Error}
-   *         Throws an error if `classToCheck` has white space.
-   */
-
-  function hasClass(element, classToCheck) {
-    throwIfWhitespace(classToCheck);
-
-    if (element.classList) {
-      return element.classList.contains(classToCheck);
-    }
-
-    return classRegExp(classToCheck).test(element.className);
-  }
-  /**
-   * Add a class name to an element.
-   *
-   * @param  {Element} element
-   *         Element to add class name to.
-   *
-   * @param  {string} classToAdd
-   *         Class name to add.
-   *
-   * @return {Element}
-   *         The DOM element with the added class name.
-   */
-
-  function addClass(element, classToAdd) {
-    if (element.classList) {
-      element.classList.add(classToAdd); // Don't need to `throwIfWhitespace` here because `hasElClass` will do it
-      // in the case of classList not being supported.
-    } else if (!hasClass(element, classToAdd)) {
-      element.className = (element.className + ' ' + classToAdd).trim();
-    }
-
-    return element;
-  }
-  /**
-   * Remove a class name from an element.
-   *
-   * @param  {Element} element
-   *         Element to remove a class name from.
-   *
-   * @param  {string} classToRemove
-   *         Class name to remove
-   *
-   * @return {Element}
-   *         The DOM element with class name removed.
-   */
-
-  function removeClass(element, classToRemove) {
-    if (element.classList) {
-      element.classList.remove(classToRemove);
-    } else {
-      throwIfWhitespace(classToRemove);
-      element.className = element.className.split(/\s+/).filter(function (c) {
-        return c !== classToRemove;
-      }).join(' ');
-    }
-
-    return element;
-  }
-  /**
-   * The callback definition for toggleClass.
-   *
-   * @callback module:dom~PredicateCallback
-   * @param    {Element} element
-   *           The DOM element of the Component.
-   *
-   * @param    {string} classToToggle
-   *           The `className` that wants to be toggled
-   *
-   * @return   {boolean|undefined}
-   *           If `true` is returned, the `classToToggle` will be added to the
-   *           `element`. If `false`, the `classToToggle` will be removed from
-   *           the `element`. If `undefined`, the callback will be ignored.
-   */
-
-  /**
-   * Adds or removes a class name to/from an element depending on an optional
-   * condition or the presence/absence of the class name.
-   *
-   * @param  {Element} element
-   *         The element to toggle a class name on.
-   *
-   * @param  {string} classToToggle
-   *         The class that should be toggled.
-   *
-   * @param  {boolean|module:dom~PredicateCallback} [predicate]
-   *         See the return value for {@link module:dom~PredicateCallback}
-   *
-   * @return {Element}
-   *         The element with a class that has been toggled.
-   */
-
-  function toggleClass(element, classToToggle, predicate) {
-    // This CANNOT use `classList` internally because IE11 does not support the
-    // second parameter to the `classList.toggle()` method! Which is fine because
-    // `classList` will be used by the add/remove functions.
-    var has = hasClass(element, classToToggle);
-
-    if (typeof predicate === 'function') {
-      predicate = predicate(element, classToToggle);
-    }
-
-    if (typeof predicate !== 'boolean') {
-      predicate = !has;
-    } // If the necessary class operation matches the current state of the
-    // element, no action is required.
-
-
-    if (predicate === has) {
-      return;
-    }
-
-    if (predicate) {
-      addClass(element, classToToggle);
-    } else {
-      removeClass(element, classToToggle);
-    }
-
-    return element;
-  }
-  /**
-   * Apply attributes to an HTML element.
-   *
-   * @param {Element} el
-   *        Element to add attributes to.
-   *
-   * @param {Object} [attributes]
-   *        Attributes to be applied.
-   */
-
-  function setAttributes(el, attributes) {
-    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-      var attrValue = attributes[attrName];
-
-      if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {
-        el.removeAttribute(attrName);
-      } else {
-        el.setAttribute(attrName, attrValue === true ? '' : attrValue);
-      }
-    });
-  }
-  /**
-   * Get an element's attribute values, as defined on the HTML tag.
-   *
-   * Attributes are not the same as properties. They're defined on the tag
-   * or with setAttribute.
-   *
-   * @param  {Element} tag
-   *         Element from which to get tag attributes.
-   *
-   * @return {Object}
-   *         All attributes of the element. Boolean attributes will be `true` or
-   *         `false`, others will be strings.
-   */
-
-  function getAttributes(tag) {
-    var obj = {}; // known boolean attributes
-    // we can check for matching boolean properties, but not all browsers
-    // and not all tags know about these attributes, so, we still want to check them manually
-
-    var knownBooleans = ',' + 'autoplay,controls,playsinline,loop,muted,default,defaultMuted' + ',';
-
-    if (tag && tag.attributes && tag.attributes.length > 0) {
-      var attrs = tag.attributes;
-
-      for (var i = attrs.length - 1; i >= 0; i--) {
-        var attrName = attrs[i].name;
-        var attrVal = attrs[i].value; // check for known booleans
-        // the matching element property will return a value for typeof
-
-        if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(',' + attrName + ',') !== -1) {
-          // the value of an included boolean attribute is typically an empty
-          // string ('') which would equal false if we just check for a false value.
-          // we also don't want support bad code like autoplay='false'
-          attrVal = attrVal !== null ? true : false;
-        }
-
-        obj[attrName] = attrVal;
-      }
-    }
-
-    return obj;
-  }
-  /**
-   * Get the value of an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to get the value of.
-   *
-   * @return {string}
-   *         The value of the attribute.
-   */
-
-  function getAttribute(el, attribute) {
-    return el.getAttribute(attribute);
-  }
-  /**
-   * Set the value of an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to set.
-   *
-   * @param {string} value
-   *        Value to set the attribute to.
-   */
-
-  function setAttribute(el, attribute, value) {
-    el.setAttribute(attribute, value);
-  }
-  /**
-   * Remove an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to remove.
-   */
-
-  function removeAttribute(el, attribute) {
-    el.removeAttribute(attribute);
-  }
-  /**
-   * Attempt to block the ability to select text.
-   */
-
-  function blockTextSelection() {
-    document.body.focus();
-
-    document.onselectstart = function () {
-      return false;
-    };
-  }
-  /**
-   * Turn off text selection blocking.
-   */
-
-  function unblockTextSelection() {
-    document.onselectstart = function () {
-      return true;
-    };
-  }
-  /**
-   * Identical to the native `getBoundingClientRect` function, but ensures that
-   * the method is supported at all (it is in all browsers we claim to support)
-   * and that the element is in the DOM before continuing.
-   *
-   * This wrapper function also shims properties which are not provided by some
-   * older browsers (namely, IE8).
-   *
-   * Additionally, some browsers do not support adding properties to a
-   * `ClientRect`/`DOMRect` object; so, we shallow-copy it with the standard
-   * properties (except `x` and `y` which are not widely supported). This helps
-   * avoid implementations where keys are non-enumerable.
-   *
-   * @param  {Element} el
-   *         Element whose `ClientRect` we want to calculate.
-   *
-   * @return {Object|undefined}
-   *         Always returns a plain object - or `undefined` if it cannot.
-   */
-
-  function getBoundingClientRect(el) {
-    if (el && el.getBoundingClientRect && el.parentNode) {
-      var rect = el.getBoundingClientRect();
-      var result = {};
-      ['bottom', 'height', 'left', 'right', 'top', 'width'].forEach(function (k) {
-        if (rect[k] !== undefined) {
-          result[k] = rect[k];
-        }
-      });
-
-      if (!result.height) {
-        result.height = parseFloat(computedStyle(el, 'height'));
-      }
-
-      if (!result.width) {
-        result.width = parseFloat(computedStyle(el, 'width'));
-      }
-
-      return result;
-    }
-  }
-  /**
-   * Represents the position of a DOM element on the page.
-   *
-   * @typedef  {Object} module:dom~Position
-   *
-   * @property {number} left
-   *           Pixels to the left.
-   *
-   * @property {number} top
-   *           Pixels from the top.
-   */
-
-  /**
-   * Get the position of an element in the DOM.
-   *
-   * Uses `getBoundingClientRect` technique from John Resig.
-   *
-   * @see http://ejohn.org/blog/getboundingclientrect-is-awesome/
-   *
-   * @param  {Element} el
-   *         Element from which to get offset.
-   *
-   * @return {module:dom~Position}
-   *         The position of the element that was passed in.
-   */
-
-  function findPosition(el) {
-    var box;
-
-    if (el.getBoundingClientRect && el.parentNode) {
-      box = el.getBoundingClientRect();
-    }
-
-    if (!box) {
-      return {
-        left: 0,
-        top: 0
-      };
-    }
-
-    var docEl = document.documentElement;
-    var body = document.body;
-    var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-    var scrollLeft = window$1.pageXOffset || body.scrollLeft;
-    var left = box.left + scrollLeft - clientLeft;
-    var clientTop = docEl.clientTop || body.clientTop || 0;
-    var scrollTop = window$1.pageYOffset || body.scrollTop;
-    var top = box.top + scrollTop - clientTop; // Android sometimes returns slightly off decimal values, so need to round
-
-    return {
-      left: Math.round(left),
-      top: Math.round(top)
-    };
-  }
-  /**
-   * Represents x and y coordinates for a DOM element or mouse pointer.
-   *
-   * @typedef  {Object} module:dom~Coordinates
-   *
-   * @property {number} x
-   *           x coordinate in pixels
-   *
-   * @property {number} y
-   *           y coordinate in pixels
-   */
-
-  /**
-   * Get the pointer position within an element.
-   *
-   * The base on the coordinates are the bottom left of the element.
-   *
-   * @param  {Element} el
-   *         Element on which to get the pointer position on.
-   *
-   * @param  {EventTarget~Event} event
-   *         Event object.
-   *
-   * @return {module:dom~Coordinates}
-   *         A coordinates object corresponding to the mouse position.
-   *
-   */
-
-  function getPointerPosition(el, event) {
-    var position = {};
-    var box = findPosition(el);
-    var boxW = el.offsetWidth;
-    var boxH = el.offsetHeight;
-    var boxY = box.top;
-    var boxX = box.left;
-    var pageY = event.pageY;
-    var pageX = event.pageX;
-
-    if (event.changedTouches) {
-      pageX = event.changedTouches[0].pageX;
-      pageY = event.changedTouches[0].pageY;
-    }
-
-    position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));
-    position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));
-    return position;
-  }
-  /**
-   * Determines, via duck typing, whether or not a value is a text node.
-   *
-   * @param  {Mixed} value
-   *         Check if this value is a text node.
-   *
-   * @return {boolean}
-   *         Will be `true` if the value is a text node, `false` otherwise.
-   */
-
-  function isTextNode(value) {
-    return isObject(value) && value.nodeType === 3;
-  }
-  /**
-   * Empties the contents of an element.
-   *
-   * @param  {Element} el
-   *         The element to empty children from
-   *
-   * @return {Element}
-   *         The element with no children
-   */
-
-  function emptyEl(el) {
-    while (el.firstChild) {
-      el.removeChild(el.firstChild);
-    }
-
-    return el;
-  }
-  /**
-   * This is a mixed value that describes content to be injected into the DOM
-   * via some method. It can be of the following types:
-   *
-   * Type       | Description
-   * -----------|-------------
-   * `string`   | The value will be normalized into a text node.
-   * `Element`  | The value will be accepted as-is.
-   * `TextNode` | The value will be accepted as-is.
-   * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
-   * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
-   *
-   * @typedef {string|Element|TextNode|Array|Function} module:dom~ContentDescriptor
-   */
-
-  /**
-   * Normalizes content for eventual insertion into the DOM.
-   *
-   * This allows a wide range of content definition methods, but helps protect
-   * from falling into the trap of simply writing to `innerHTML`, which could
-   * be an XSS concern.
-   *
-   * The content for an element can be passed in multiple types and
-   * combinations, whose behavior is as follows:
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Array}
-   *         All of the content that was passed in, normalized to an array of
-   *         elements or text nodes.
-   */
-
-  function normalizeContent(content) {
-    // First, invoke content if it is a function. If it produces an array,
-    // that needs to happen before normalization.
-    if (typeof content === 'function') {
-      content = content();
-    } // Next up, normalize to an array, so one or many items can be normalized,
-    // filtered, and returned.
-
-
-    return (Array.isArray(content) ? content : [content]).map(function (value) {
-      // First, invoke value if it is a function to produce a new value,
-      // which will be subsequently normalized to a Node of some kind.
-      if (typeof value === 'function') {
-        value = value();
-      }
-
-      if (isEl(value) || isTextNode(value)) {
-        return value;
-      }
-
-      if (typeof value === 'string' && /\S/.test(value)) {
-        return document.createTextNode(value);
-      }
-    }).filter(function (value) {
-      return value;
-    });
-  }
-  /**
-   * Normalizes and appends content to an element.
-   *
-   * @param  {Element} el
-   *         Element to append normalized content to.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Element}
-   *         The element with appended normalized content.
-   */
-
-  function appendContent(el, content) {
-    normalizeContent(content).forEach(function (node) {
-      return el.appendChild(node);
-    });
-    return el;
-  }
-  /**
-   * Normalizes and inserts content into an element; this is identical to
-   * `appendContent()`, except it empties the element first.
-   *
-   * @param {Element} el
-   *        Element to insert normalized content into.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Element}
-   *         The element with inserted normalized content.
-   */
-
-  function insertContent(el, content) {
-    return appendContent(emptyEl(el), content);
-  }
-  /**
-   * Check if an event was a single left click.
-   *
-   * @param  {EventTarget~Event} event
-   *         Event object.
-   *
-   * @return {boolean}
-   *         Will be `true` if a single left click, `false` otherwise.
-   */
-
-  function isSingleLeftClick(event) {
-    // Note: if you create something draggable, be sure to
-    // call it on both `mousedown` and `mousemove` event,
-    // otherwise `mousedown` should be enough for a button
-    if (event.button === undefined && event.buttons === undefined) {
-      // Why do we need `buttons` ?
-      // Because, middle mouse sometimes have this:
-      // e.button === 0 and e.buttons === 4
-      // Furthermore, we want to prevent combination click, something like
-      // HOLD middlemouse then left click, that would be
-      // e.button === 0, e.buttons === 5
-      // just `button` is not gonna work
-      // Alright, then what this block does ?
-      // this is for chrome `simulate mobile devices`
-      // I want to support this as well
-      return true;
-    }
-
-    if (event.button === 0 && event.buttons === undefined) {
-      // Touch screen, sometimes on some specific device, `buttons`
-      // doesn't have anything (safari on ios, blackberry...)
-      return true;
-    } // `mouseup` event on a single left click has
-    // `button` and `buttons` equal to 0
-
-
-    if (event.type === 'mouseup' && event.button === 0 && event.buttons === 0) {
-      return true;
-    }
-
-    if (event.button !== 0 || event.buttons !== 1) {
-      // This is the reason we have those if else block above
-      // if any special case we can catch and let it slide
-      // we do it above, when get to here, this definitely
-      // is-not-left-click
-      return false;
-    }
-
-    return true;
-  }
-  /**
-   * Finds a single DOM element matching `selector` within the optional
-   * `context` of another DOM element (defaulting to `document`).
-   *
-   * @param  {string} selector
-   *         A valid CSS selector, which will be passed to `querySelector`.
-   *
-   * @param  {Element|String} [context=document]
-   *         A DOM element within which to query. Can also be a selector
-   *         string in which case the first matching element will be used
-   *         as context. If missing (or no element matches selector), falls
-   *         back to `document`.
-   *
-   * @return {Element|null}
-   *         The element that was found or null.
-   */
-
-  var $ = createQuerier('querySelector');
-  /**
-   * Finds a all DOM elements matching `selector` within the optional
-   * `context` of another DOM element (defaulting to `document`).
-   *
-   * @param  {string} selector
-   *         A valid CSS selector, which will be passed to `querySelectorAll`.
-   *
-   * @param  {Element|String} [context=document]
-   *         A DOM element within which to query. Can also be a selector
-   *         string in which case the first matching element will be used
-   *         as context. If missing (or no element matches selector), falls
-   *         back to `document`.
-   *
-   * @return {NodeList}
-   *         A element list of elements that were found. Will be empty if none
-   *         were found.
-   *
-   */
-
-  var $$ = createQuerier('querySelectorAll');
-
-  var Dom = /*#__PURE__*/Object.freeze({
-    isReal: isReal,
-    isEl: isEl,
-    isInFrame: isInFrame,
-    createEl: createEl,
-    textContent: textContent,
-    prependTo: prependTo,
-    hasClass: hasClass,
-    addClass: addClass,
-    removeClass: removeClass,
-    toggleClass: toggleClass,
-    setAttributes: setAttributes,
-    getAttributes: getAttributes,
-    getAttribute: getAttribute,
-    setAttribute: setAttribute,
-    removeAttribute: removeAttribute,
-    blockTextSelection: blockTextSelection,
-    unblockTextSelection: unblockTextSelection,
-    getBoundingClientRect: getBoundingClientRect,
-    findPosition: findPosition,
-    getPointerPosition: getPointerPosition,
-    isTextNode: isTextNode,
-    emptyEl: emptyEl,
-    normalizeContent: normalizeContent,
-    appendContent: appendContent,
-    insertContent: insertContent,
-    isSingleLeftClick: isSingleLeftClick,
-    $: $,
-    $$: $$
-  });
-
-  /**
-   * @file setup.js - Functions for setting up a player without
-   * user interaction based on the data-setup `attribute` of the video tag.
-   *
-   * @module setup
-   */
-  var _windowLoaded = false;
-  var videojs;
-  /**
-   * Set up any tags that have a data-setup `attribute` when the player is started.
-   */
-
-  var autoSetup = function autoSetup() {
-    // Protect against breakage in non-browser environments and check global autoSetup option.
-    if (!isReal() || videojs.options.autoSetup === false) {
-      return;
-    }
-
-    var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-    var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-    var divs = Array.prototype.slice.call(document.getElementsByTagName('video-js'));
-    var mediaEls = vids.concat(audios, divs); // Check if any media elements exist
-
-    if (mediaEls && mediaEls.length > 0) {
-      for (var i = 0, e = mediaEls.length; i < e; i++) {
-        var mediaEl = mediaEls[i]; // Check if element exists, has getAttribute func.
-
-        if (mediaEl && mediaEl.getAttribute) {
-          // Make sure this player hasn't already been set up.
-          if (mediaEl.player === undefined) {
-            var options = mediaEl.getAttribute('data-setup'); // Check if data-setup attr exists.
-            // We only auto-setup if they've added the data-setup attr.
-
-            if (options !== null) {
-              // Create new video.js instance.
-              videojs(mediaEl);
-            }
-          } // If getAttribute isn't defined, we need to wait for the DOM.
-
-        } else {
-          autoSetupTimeout(1);
-          break;
-        }
-      } // No videos were found, so keep looping unless page is finished loading.
-
-    } else if (!_windowLoaded) {
-      autoSetupTimeout(1);
-    }
-  };
-  /**
-   * Wait until the page is loaded before running autoSetup. This will be called in
-   * autoSetup if `hasLoaded` returns false.
-   *
-   * @param {number} wait
-   *        How long to wait in ms
-   *
-   * @param {module:videojs} [vjs]
-   *        The videojs library function
-   */
-
-
-  function autoSetupTimeout(wait, vjs) {
-    if (vjs) {
-      videojs = vjs;
-    }
-
-    window$1.setTimeout(autoSetup, wait);
-  }
-  /**
-   * Used to set the internal tracking of window loaded state to true.
-   *
-   * @private
-   */
-
-
-  function setWindowLoaded() {
-    _windowLoaded = true;
-    window$1.removeEventListener('load', setWindowLoaded);
-  }
-
-  if (isReal()) {
-    if (document.readyState === 'complete') {
-      setWindowLoaded();
-    } else {
-      /**
-       * Listen for the load event on window, and set _windowLoaded to true.
-       *
-       * We use a standard event listener here to avoid incrementing the GUID
-       * before any players are created.
-       *
-       * @listens load
-       */
-      window$1.addEventListener('load', setWindowLoaded);
-    }
-  }
-
-  /**
-   * @file stylesheet.js
-   * @module stylesheet
-   */
-  /**
-   * Create a DOM syle element given a className for it.
-   *
-   * @param {string} className
-   *        The className to add to the created style element.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-  var createStyleElement = function createStyleElement(className) {
-    var style = document.createElement('style');
-    style.className = className;
-    return style;
-  };
-  /**
-   * Add text to a DOM element.
-   *
-   * @param {Element} el
-   *        The Element to add text content to.
-   *
-   * @param {string} content
-   *        The text to add to the element.
-   */
-
-  var setTextContent = function setTextContent(el, content) {
-    if (el.styleSheet) {
-      el.styleSheet.cssText = content;
-    } else {
-      el.textContent = content;
-    }
-  };
-
-  /**
-   * @file guid.js
-   * @module guid
-   */
-  // Default value for GUIDs. This allows us to reset the GUID counter in tests.
-  //
-  // The initial GUID is 3 because some users have come to rely on the first
-  // default player ID ending up as `vjs_video_3`.
-  //
-  // See: https://github.com/videojs/video.js/pull/6216
-  var _initialGuid = 3;
-  /**
-   * Unique ID for an element or function
-   *
-   * @type {Number}
-   */
-
-  var _guid = _initialGuid;
-  /**
-   * Get a unique auto-incrementing ID by number that has not been returned before.
-   *
-   * @return {number}
-   *         A new unique ID.
-   */
-
-  function newGUID() {
-    return _guid++;
-  }
-
-  /**
-   * @file dom-data.js
-   * @module dom-data
-   */
-  var FakeWeakMap;
-
-  if (!window$1.WeakMap) {
-    FakeWeakMap =
-    /*#__PURE__*/
-    function () {
-      function FakeWeakMap() {
-        this.vdata = 'vdata' + Math.floor(window$1.performance && window$1.performance.now() || Date.now());
-        this.data = {};
-      }
-
-      var _proto = FakeWeakMap.prototype;
-
-      _proto.set = function set(key, value) {
-        var access = key[this.vdata] || newGUID();
-
-        if (!key[this.vdata]) {
-          key[this.vdata] = access;
-        }
-
-        this.data[access] = value;
-        return this;
-      };
-
-      _proto.get = function get(key) {
-        var access = key[this.vdata]; // we have data, return it
-
-        if (access) {
-          return this.data[access];
-        } // we don't have data, return nothing.
-        // return undefined explicitly as that's the contract for this method
-
-
-        log('We have no data for this element', key);
-        return undefined;
-      };
-
-      _proto.has = function has(key) {
-        var access = key[this.vdata];
-        return access in this.data;
-      };
-
-      _proto["delete"] = function _delete(key) {
-        var access = key[this.vdata];
-
-        if (access) {
-          delete this.data[access];
-          delete key[this.vdata];
-        }
-      };
-
-      return FakeWeakMap;
-    }();
-  }
-  /**
-   * Element Data Store.
-   *
-   * Allows for binding data to an element without putting it directly on the
-   * element. Ex. Event listeners are stored here.
-   * (also from jsninja.com, slightly modified and updated for closure compiler)
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  var DomData = window$1.WeakMap ? new WeakMap() : new FakeWeakMap();
-
-  /**
-   * @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
-   * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
-   * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
-   * robust as jquery's, so there's probably some differences.
-   *
-   * @file events.js
-   * @module events
-   */
-  /**
-   * Clean up the listener cache and dispatchers
-   *
-   * @param {Element|Object} elem
-   *        Element to clean up
-   *
-   * @param {string} type
-   *        Type of event to clean up
-   */
-
-  function _cleanUpEvents(elem, type) {
-    if (!DomData.has(elem)) {
-      return;
-    }
-
-    var data = DomData.get(elem); // Remove the events of a particular type if there are none left
-
-    if (data.handlers[type].length === 0) {
-      delete data.handlers[type]; // data.handlers[type] = null;
-      // Setting to null was causing an error with data.handlers
-      // Remove the meta-handler from the element
-
-      if (elem.removeEventListener) {
-        elem.removeEventListener(type, data.dispatcher, false);
-      } else if (elem.detachEvent) {
-        elem.detachEvent('on' + type, data.dispatcher);
-      }
-    } // Remove the events object if there are no types left
-
-
-    if (Object.getOwnPropertyNames(data.handlers).length <= 0) {
-      delete data.handlers;
-      delete data.dispatcher;
-      delete data.disabled;
-    } // Finally remove the element data if there is no data left
-
-
-    if (Object.getOwnPropertyNames(data).length === 0) {
-      DomData["delete"](elem);
-    }
-  }
-  /**
-   * Loops through an array of event types and calls the requested method for each type.
-   *
-   * @param {Function} fn
-   *        The event method we want to use.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind listeners to
-   *
-   * @param {string} type
-   *        Type of event to bind to.
-   *
-   * @param {EventTarget~EventListener} callback
-   *        Event listener.
-   */
-
-
-  function _handleMultipleEvents(fn, elem, types, callback) {
-    types.forEach(function (type) {
-      // Call the event method for each one of the types
-      fn(elem, type, callback);
-    });
-  }
-  /**
-   * Fix a native event to have standard property values
-   *
-   * @param {Object} event
-   *        Event object to fix.
-   *
-   * @return {Object}
-   *         Fixed event object.
-   */
-
-
-  function fixEvent(event) {
-    if (event.fixed_) {
-      return event;
-    }
-
-    function returnTrue() {
-      return true;
-    }
-
-    function returnFalse() {
-      return false;
-    } // Test if fixing up is needed
-    // Used to check if !event.stopPropagation instead of isPropagationStopped
-    // But native events return true for stopPropagation, but don't have
-    // other expected methods like isPropagationStopped. Seems to be a problem
-    // with the Javascript Ninja code. So we're just overriding all events now.
-
-
-    if (!event || !event.isPropagationStopped) {
-      var old = event || window$1.event;
-      event = {}; // Clone the old object so that we can modify the values event = {};
-      // IE8 Doesn't like when you mess with native event properties
-      // Firefox returns false for event.hasOwnProperty('type') and other props
-      //  which makes copying more difficult.
-      // TODO: Probably best to create a whitelist of event props
-
-      for (var key in old) {
-        // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
-        // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation
-        // and webkitMovementX/Y
-        if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation' && key !== 'webkitMovementX' && key !== 'webkitMovementY') {
-          // Chrome 32+ warns if you try to copy deprecated returnValue, but
-          // we still want to if preventDefault isn't supported (IE8).
-          if (!(key === 'returnValue' && old.preventDefault)) {
-            event[key] = old[key];
-          }
-        }
-      } // The event occurred on this element
-
-
-      if (!event.target) {
-        event.target = event.srcElement || document;
-      } // Handle which other element the event is related to
-
-
-      if (!event.relatedTarget) {
-        event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
-      } // Stop the default browser action
-
-
-      event.preventDefault = function () {
-        if (old.preventDefault) {
-          old.preventDefault();
-        }
-
-        event.returnValue = false;
-        old.returnValue = false;
-        event.defaultPrevented = true;
-      };
-
-      event.defaultPrevented = false; // Stop the event from bubbling
-
-      event.stopPropagation = function () {
-        if (old.stopPropagation) {
-          old.stopPropagation();
-        }
-
-        event.cancelBubble = true;
-        old.cancelBubble = true;
-        event.isPropagationStopped = returnTrue;
-      };
-
-      event.isPropagationStopped = returnFalse; // Stop the event from bubbling and executing other handlers
-
-      event.stopImmediatePropagation = function () {
-        if (old.stopImmediatePropagation) {
-          old.stopImmediatePropagation();
-        }
-
-        event.isImmediatePropagationStopped = returnTrue;
-        event.stopPropagation();
-      };
-
-      event.isImmediatePropagationStopped = returnFalse; // Handle mouse position
-
-      if (event.clientX !== null && event.clientX !== undefined) {
-        var doc = document.documentElement;
-        var body = document.body;
-        event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
-        event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
-      } // Handle key presses
-
-
-      event.which = event.charCode || event.keyCode; // Fix button for mouse clicks:
-      // 0 == left; 1 == middle; 2 == right
-
-      if (event.button !== null && event.button !== undefined) {
-        // The following is disabled because it does not pass videojs-standard
-        // and... yikes.
-
-        /* eslint-disable */
-        event.button = event.button & 1 ? 0 : event.button & 4 ? 1 : event.button & 2 ? 2 : 0;
-        /* eslint-enable */
-      }
-    }
-
-    event.fixed_ = true; // Returns fixed-up instance
-
-    return event;
-  }
-  /**
-   * Whether passive event listeners are supported
-   */
-
-  var _supportsPassive;
-
-  var supportsPassive = function supportsPassive() {
-    if (typeof _supportsPassive !== 'boolean') {
-      _supportsPassive = false;
-
-      try {
-        var opts = Object.defineProperty({}, 'passive', {
-          get: function get() {
-            _supportsPassive = true;
-          }
-        });
-        window$1.addEventListener('test', null, opts);
-        window$1.removeEventListener('test', null, opts);
-      } catch (e) {// disregard
-      }
-    }
-
-    return _supportsPassive;
-  };
-  /**
-   * Touch events Chrome expects to be passive
-   */
-
-
-  var passiveEvents = ['touchstart', 'touchmove'];
-  /**
-   * Add an event listener to element
-   * It stores the handler function in a separate cache object
-   * and adds a generic handler to the element's event,
-   * along with a unique id (guid) to the element.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind listeners to
-   *
-   * @param {string|string[]} type
-   *        Type of event to bind to.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        Event listener.
-   */
-
-  function on(elem, type, fn) {
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(on, elem, type, fn);
-    }
-
-    if (!DomData.has(elem)) {
-      DomData.set(elem, {});
-    }
-
-    var data = DomData.get(elem); // We need a place to store all our handler data
-
-    if (!data.handlers) {
-      data.handlers = {};
-    }
-
-    if (!data.handlers[type]) {
-      data.handlers[type] = [];
-    }
-
-    if (!fn.guid) {
-      fn.guid = newGUID();
-    }
-
-    data.handlers[type].push(fn);
-
-    if (!data.dispatcher) {
-      data.disabled = false;
-
-      data.dispatcher = function (event, hash) {
-        if (data.disabled) {
-          return;
-        }
-
-        event = fixEvent(event);
-        var handlers = data.handlers[event.type];
-
-        if (handlers) {
-          // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
-          var handlersCopy = handlers.slice(0);
-
-          for (var m = 0, n = handlersCopy.length; m < n; m++) {
-            if (event.isImmediatePropagationStopped()) {
-              break;
-            } else {
-              try {
-                handlersCopy[m].call(elem, event, hash);
-              } catch (e) {
-                log.error(e);
-              }
-            }
-          }
-        }
-      };
-    }
-
-    if (data.handlers[type].length === 1) {
-      if (elem.addEventListener) {
-        var options = false;
-
-        if (supportsPassive() && passiveEvents.indexOf(type) > -1) {
-          options = {
-            passive: true
-          };
-        }
-
-        elem.addEventListener(type, data.dispatcher, options);
-      } else if (elem.attachEvent) {
-        elem.attachEvent('on' + type, data.dispatcher);
-      }
-    }
-  }
-  /**
-   * Removes event listeners from an element
-   *
-   * @param {Element|Object} elem
-   *        Object to remove listeners from.
-   *
-   * @param {string|string[]} [type]
-   *        Type of listener to remove. Don't include to remove all events from element.
-   *
-   * @param {EventTarget~EventListener} [fn]
-   *        Specific listener to remove. Don't include to remove listeners for an event
-   *        type.
-   */
-
-  function off(elem, type, fn) {
-    // Don't want to add a cache object through getElData if not needed
-    if (!DomData.has(elem)) {
-      return;
-    }
-
-    var data = DomData.get(elem); // If no events exist, nothing to unbind
-
-    if (!data.handlers) {
-      return;
-    }
-
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(off, elem, type, fn);
-    } // Utility function
-
-
-    var removeType = function removeType(el, t) {
-      data.handlers[t] = [];
-
-      _cleanUpEvents(el, t);
-    }; // Are we removing all bound events?
-
-
-    if (type === undefined) {
-      for (var t in data.handlers) {
-        if (Object.prototype.hasOwnProperty.call(data.handlers || {}, t)) {
-          removeType(elem, t);
-        }
-      }
-
-      return;
-    }
-
-    var handlers = data.handlers[type]; // If no handlers exist, nothing to unbind
-
-    if (!handlers) {
-      return;
-    } // If no listener was provided, remove all listeners for type
-
-
-    if (!fn) {
-      removeType(elem, type);
-      return;
-    } // We're only removing a single handler
-
-
-    if (fn.guid) {
-      for (var n = 0; n < handlers.length; n++) {
-        if (handlers[n].guid === fn.guid) {
-          handlers.splice(n--, 1);
-        }
-      }
-    }
-
-    _cleanUpEvents(elem, type);
-  }
-  /**
-   * Trigger an event for an element
-   *
-   * @param {Element|Object} elem
-   *        Element to trigger an event on
-   *
-   * @param {EventTarget~Event|string} event
-   *        A string (the type) or an event object with a type attribute
-   *
-   * @param {Object} [hash]
-   *        data hash to pass along with the event
-   *
-   * @return {boolean|undefined}
-   *         Returns the opposite of `defaultPrevented` if default was
-   *         prevented. Otherwise, returns `undefined`
-   */
-
-  function trigger(elem, event, hash) {
-    // Fetches element data and a reference to the parent (for bubbling).
-    // Don't want to add a data object to cache for every parent,
-    // so checking hasElData first.
-    var elemData = DomData.has(elem) ? DomData.get(elem) : {};
-    var parent = elem.parentNode || elem.ownerDocument; // type = event.type || event,
-    // handler;
-    // If an event name was passed as a string, creates an event out of it
-
-    if (typeof event === 'string') {
-      event = {
-        type: event,
-        target: elem
-      };
-    } else if (!event.target) {
-      event.target = elem;
-    } // Normalizes the event properties.
-
-
-    event = fixEvent(event); // If the passed element has a dispatcher, executes the established handlers.
-
-    if (elemData.dispatcher) {
-      elemData.dispatcher.call(elem, event, hash);
-    } // Unless explicitly stopped or the event does not bubble (e.g. media events)
-    // recursively calls this function to bubble the event up the DOM.
-
-
-    if (parent && !event.isPropagationStopped() && event.bubbles === true) {
-      trigger.call(null, parent, event, hash); // If at the top of the DOM, triggers the default action unless disabled.
-    } else if (!parent && !event.defaultPrevented && event.target && event.target[event.type]) {
-      if (!DomData.has(event.target)) {
-        DomData.set(event.target, {});
-      }
-
-      var targetData = DomData.get(event.target); // Checks if the target has a default action for this event.
-
-      if (event.target[event.type]) {
-        // Temporarily disables event dispatching on the target as we have already executed the handler.
-        targetData.disabled = true; // Executes the default action.
-
-        if (typeof event.target[event.type] === 'function') {
-          event.target[event.type]();
-        } // Re-enables event dispatching.
-
-
-        targetData.disabled = false;
-      }
-    } // Inform the triggerer if the default was prevented by returning false
-
-
-    return !event.defaultPrevented;
-  }
-  /**
-   * Trigger a listener only once for an event.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind to.
-   *
-   * @param {string|string[]} type
-   *        Name/type of event
-   *
-   * @param {Event~EventListener} fn
-   *        Event listener function
-   */
-
-  function one(elem, type, fn) {
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(one, elem, type, fn);
-    }
-
-    var func = function func() {
-      off(elem, type, func);
-      fn.apply(this, arguments);
-    }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-    func.guid = fn.guid = fn.guid || newGUID();
-    on(elem, type, func);
-  }
-  /**
-   * Trigger a listener only once and then turn if off for all
-   * configured events
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind to.
-   *
-   * @param {string|string[]} type
-   *        Name/type of event
-   *
-   * @param {Event~EventListener} fn
-   *        Event listener function
-   */
-
-  function any(elem, type, fn) {
-    var func = function func() {
-      off(elem, type, func);
-      fn.apply(this, arguments);
-    }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-    func.guid = fn.guid = fn.guid || newGUID(); // multiple ons, but one off for everything
-
-    on(elem, type, func);
-  }
-
-  var Events = /*#__PURE__*/Object.freeze({
-    fixEvent: fixEvent,
-    on: on,
-    off: off,
-    trigger: trigger,
-    one: one,
-    any: any
-  });
-
-  /**
-   * @file fn.js
-   * @module fn
-   */
-  var UPDATE_REFRESH_INTERVAL = 30;
-  /**
-   * Bind (a.k.a proxy or context). A simple method for changing the context of
-   * a function.
-   *
-   * It also stores a unique id on the function so it can be easily removed from
-   * events.
-   *
-   * @function
-   * @param    {Mixed} context
-   *           The object to bind as scope.
-   *
-   * @param    {Function} fn
-   *           The function to be bound to a scope.
-   *
-   * @param    {number} [uid]
-   *           An optional unique ID for the function to be set
-   *
-   * @return   {Function}
-   *           The new function that will be bound into the context given
-   */
-
-  var bind = function bind(context, fn, uid) {
-    // Make sure the function has a unique ID
-    if (!fn.guid) {
-      fn.guid = newGUID();
-    } // Create the new function that changes the context
-
-
-    var bound = fn.bind(context); // Allow for the ability to individualize this function
-    // Needed in the case where multiple objects might share the same prototype
-    // IF both items add an event listener with the same function, then you try to remove just one
-    // it will remove both because they both have the same guid.
-    // when using this, you need to use the bind method when you remove the listener as well.
-    // currently used in text tracks
-
-    bound.guid = uid ? uid + '_' + fn.guid : fn.guid;
-    return bound;
-  };
-  /**
-   * Wraps the given function, `fn`, with a new function that only invokes `fn`
-   * at most once per every `wait` milliseconds.
-   *
-   * @function
-   * @param    {Function} fn
-   *           The function to be throttled.
-   *
-   * @param    {number}   wait
-   *           The number of milliseconds by which to throttle.
-   *
-   * @return   {Function}
-   */
-
-  var throttle = function throttle(fn, wait) {
-    var last = window$1.performance.now();
-
-    var throttled = function throttled() {
-      var now = window$1.performance.now();
-
-      if (now - last >= wait) {
-        fn.apply(void 0, arguments);
-        last = now;
-      }
-    };
-
-    return throttled;
-  };
-  /**
-   * Creates a debounced function that delays invoking `func` until after `wait`
-   * milliseconds have elapsed since the last time the debounced function was
-   * invoked.
-   *
-   * Inspired by lodash and underscore implementations.
-   *
-   * @function
-   * @param    {Function} func
-   *           The function to wrap with debounce behavior.
-   *
-   * @param    {number} wait
-   *           The number of milliseconds to wait after the last invocation.
-   *
-   * @param    {boolean} [immediate]
-   *           Whether or not to invoke the function immediately upon creation.
-   *
-   * @param    {Object} [context=window]
-   *           The "context" in which the debounced function should debounce. For
-   *           example, if this function should be tied to a Video.js player,
-   *           the player can be passed here. Alternatively, defaults to the
-   *           global `window` object.
-   *
-   * @return   {Function}
-   *           A debounced function.
-   */
-
-  var debounce = function debounce(func, wait, immediate, context) {
-    if (context === void 0) {
-      context = window$1;
-    }
-
-    var timeout;
-
-    var cancel = function cancel() {
-      context.clearTimeout(timeout);
-      timeout = null;
-    };
-    /* eslint-disable consistent-this */
-
-
-    var debounced = function debounced() {
-      var self = this;
-      var args = arguments;
-
-      var _later = function later() {
-        timeout = null;
-        _later = null;
-
-        if (!immediate) {
-          func.apply(self, args);
-        }
-      };
-
-      if (!timeout && immediate) {
-        func.apply(self, args);
-      }
-
-      context.clearTimeout(timeout);
-      timeout = context.setTimeout(_later, wait);
-    };
-    /* eslint-enable consistent-this */
-
-
-    debounced.cancel = cancel;
-    return debounced;
-  };
-
-  /**
-   * @file src/js/event-target.js
-   */
-  /**
-   * `EventTarget` is a class that can have the same API as the DOM `EventTarget`. It
-   * adds shorthand functions that wrap around lengthy functions. For example:
-   * the `on` function is a wrapper around `addEventListener`.
-   *
-   * @see [EventTarget Spec]{@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget}
-   * @class EventTarget
-   */
-
-  var EventTarget = function EventTarget() {};
-  /**
-   * A Custom DOM event.
-   *
-   * @typedef {Object} EventTarget~Event
-   * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}
-   */
-
-  /**
-   * All event listeners should follow the following format.
-   *
-   * @callback EventTarget~EventListener
-   * @this {EventTarget}
-   *
-   * @param {EventTarget~Event} event
-   *        the event that triggered this function
-   *
-   * @param {Object} [hash]
-   *        hash of data sent during the event
-   */
-
-  /**
-   * An object containing event names as keys and booleans as values.
-   *
-   * > NOTE: If an event name is set to a true value here {@link EventTarget#trigger}
-   *         will have extra functionality. See that function for more information.
-   *
-   * @property EventTarget.prototype.allowedEvents_
-   * @private
-   */
-
-
-  EventTarget.prototype.allowedEvents_ = {};
-  /**
-   * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
-   * function that will get called when an event with a certain name gets triggered.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to call with `EventTarget`s
-   */
-
-  EventTarget.prototype.on = function (type, fn) {
-    // Remove the addEventListener alias before calling Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    on(this, type, fn);
-    this.addEventListener = ael;
-  };
-  /**
-   * An alias of {@link EventTarget#on}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#on}
-   */
-
-
-  EventTarget.prototype.addEventListener = EventTarget.prototype.on;
-  /**
-   * Removes an `event listener` for a specific event from an instance of `EventTarget`.
-   * This makes it so that the `event listener` will no longer get called when the
-   * named event happens.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to remove.
-   */
-
-  EventTarget.prototype.off = function (type, fn) {
-    off(this, type, fn);
-  };
-  /**
-   * An alias of {@link EventTarget#off}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#off}
-   */
-
-
-  EventTarget.prototype.removeEventListener = EventTarget.prototype.off;
-  /**
-   * This function will add an `event listener` that gets triggered only once. After the
-   * first trigger it will get removed. This is like adding an `event listener`
-   * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to be called once for each event name.
-   */
-
-  EventTarget.prototype.one = function (type, fn) {
-    // Remove the addEventListener aliasing Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    one(this, type, fn);
-    this.addEventListener = ael;
-  };
-
-  EventTarget.prototype.any = function (type, fn) {
-    // Remove the addEventListener aliasing Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    any(this, type, fn);
-    this.addEventListener = ael;
-  };
-  /**
-   * This function causes an event to happen. This will then cause any `event listeners`
-   * that are waiting for that event, to get called. If there are no `event listeners`
-   * for an event then nothing will happen.
-   *
-   * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.
-   * Trigger will also call the `on` + `uppercaseEventName` function.
-   *
-   * Example:
-   * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call
-   * `onClick` if it exists.
-   *
-   * @param {string|EventTarget~Event|Object} event
-   *        The name of the event, an `Event`, or an object with a key of type set to
-   *        an event name.
-   */
-
-
-  EventTarget.prototype.trigger = function (event) {
-    var type = event.type || event; // deprecation
-    // In a future version we should default target to `this`
-    // similar to how we default the target to `elem` in
-    // `Events.trigger`. Right now the default `target` will be
-    // `document` due to the `Event.fixEvent` call.
-
-    if (typeof event === 'string') {
-      event = {
-        type: type
-      };
-    }
-
-    event = fixEvent(event);
-
-    if (this.allowedEvents_[type] && this['on' + type]) {
-      this['on' + type](event);
-    }
-
-    trigger(this, event);
-  };
-  /**
-   * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#trigger}
-   */
-
-
-  EventTarget.prototype.dispatchEvent = EventTarget.prototype.trigger;
-  var EVENT_MAP;
-
-  EventTarget.prototype.queueTrigger = function (event) {
-    var _this = this;
-
-    // only set up EVENT_MAP if it'll be used
-    if (!EVENT_MAP) {
-      EVENT_MAP = new Map();
-    }
-
-    var type = event.type || event;
-    var map = EVENT_MAP.get(this);
-
-    if (!map) {
-      map = new Map();
-      EVENT_MAP.set(this, map);
-    }
-
-    var oldTimeout = map.get(type);
-    map["delete"](type);
-    window$1.clearTimeout(oldTimeout);
-    var timeout = window$1.setTimeout(function () {
-      // if we cleared out all timeouts for the current target, delete its map
-      if (map.size === 0) {
-        map = null;
-        EVENT_MAP["delete"](_this);
-      }
-
-      _this.trigger(event);
-    }, 0);
-    map.set(type, timeout);
-  };
-
-  /**
-   * @file mixins/evented.js
-   * @module evented
-   */
-  /**
-   * Returns whether or not an object has had the evented mixin applied.
-   *
-   * @param  {Object} object
-   *         An object to test.
-   *
-   * @return {boolean}
-   *         Whether or not the object appears to be evented.
-   */
-
-  var isEvented = function isEvented(object) {
-    return object instanceof EventTarget || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
-      return typeof object[k] === 'function';
-    });
-  };
-  /**
-   * Adds a callback to run after the evented mixin applied.
-   *
-   * @param  {Object} object
-   *         An object to Add
-   * @param  {Function} callback
-   *         The callback to run.
-   */
-
-
-  var addEventedCallback = function addEventedCallback(target, callback) {
-    if (isEvented(target)) {
-      callback();
-    } else {
-      if (!target.eventedCallbacks) {
-        target.eventedCallbacks = [];
-      }
-
-      target.eventedCallbacks.push(callback);
-    }
-  };
-  /**
-   * Whether a value is a valid event type - non-empty string or array.
-   *
-   * @private
-   * @param  {string|Array} type
-   *         The type value to test.
-   *
-   * @return {boolean}
-   *         Whether or not the type is a valid event type.
-   */
-
-
-  var isValidEventType = function isValidEventType(type) {
-    return (// The regex here verifies that the `type` contains at least one non-
-      // whitespace character.
-      typeof type === 'string' && /\S/.test(type) || Array.isArray(type) && !!type.length
-    );
-  };
-  /**
-   * Validates a value to determine if it is a valid event target. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the target does not appear to be a valid event target.
-   *
-   * @param  {Object} target
-   *         The object to test.
-   */
-
-
-  var validateTarget = function validateTarget(target) {
-    if (!target.nodeName && !isEvented(target)) {
-      throw new Error('Invalid target; must be a DOM node or evented object.');
-    }
-  };
-  /**
-   * Validates a value to determine if it is a valid event target. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the type does not appear to be a valid event type.
-   *
-   * @param  {string|Array} type
-   *         The type to test.
-   */
-
-
-  var validateEventType = function validateEventType(type) {
-    if (!isValidEventType(type)) {
-      throw new Error('Invalid event type; must be a non-empty string or array.');
-    }
-  };
-  /**
-   * Validates a value to determine if it is a valid listener. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the listener is not a function.
-   *
-   * @param  {Function} listener
-   *         The listener to test.
-   */
-
-
-  var validateListener = function validateListener(listener) {
-    if (typeof listener !== 'function') {
-      throw new Error('Invalid listener; must be a function.');
-    }
-  };
-  /**
-   * Takes an array of arguments given to `on()` or `one()`, validates them, and
-   * normalizes them into an object.
-   *
-   * @private
-   * @param  {Object} self
-   *         The evented object on which `on()` or `one()` was called. This
-   *         object will be bound as the `this` value for the listener.
-   *
-   * @param  {Array} args
-   *         An array of arguments passed to `on()` or `one()`.
-   *
-   * @return {Object}
-   *         An object containing useful values for `on()` or `one()` calls.
-   */
-
-
-  var normalizeListenArgs = function normalizeListenArgs(self, args) {
-    // If the number of arguments is less than 3, the target is always the
-    // evented object itself.
-    var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;
-    var target;
-    var type;
-    var listener;
-
-    if (isTargetingSelf) {
-      target = self.eventBusEl_; // Deal with cases where we got 3 arguments, but we are still listening to
-      // the evented object itself.
-
-      if (args.length >= 3) {
-        args.shift();
-      }
-
-      type = args[0];
-      listener = args[1];
-    } else {
-      target = args[0];
-      type = args[1];
-      listener = args[2];
-    }
-
-    validateTarget(target);
-    validateEventType(type);
-    validateListener(listener);
-    listener = bind(self, listener);
-    return {
-      isTargetingSelf: isTargetingSelf,
-      target: target,
-      type: type,
-      listener: listener
-    };
-  };
-  /**
-   * Adds the listener to the event type(s) on the target, normalizing for
-   * the type of target.
-   *
-   * @private
-   * @param  {Element|Object} target
-   *         A DOM node or evented object.
-   *
-   * @param  {string} method
-   *         The event binding method to use ("on" or "one").
-   *
-   * @param  {string|Array} type
-   *         One or more event type(s).
-   *
-   * @param  {Function} listener
-   *         A listener function.
-   */
-
-
-  var listen = function listen(target, method, type, listener) {
-    validateTarget(target);
-
-    if (target.nodeName) {
-      Events[method](target, type, listener);
-    } else {
-      target[method](type, listener);
-    }
-  };
-  /**
-   * Contains methods that provide event capabilities to an object which is passed
-   * to {@link module:evented|evented}.
-   *
-   * @mixin EventedMixin
-   */
-
-
-  var EventedMixin = {
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    on: function on() {
-      var _this = this;
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var _normalizeListenArgs = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs.isTargetingSelf,
-          target = _normalizeListenArgs.target,
-          type = _normalizeListenArgs.type,
-          listener = _normalizeListenArgs.listener;
-
-      listen(target, 'on', type, listener); // If this object is listening to another evented object.
-
-      if (!isTargetingSelf) {
-        // If this object is disposed, remove the listener.
-        var removeListenerOnDispose = function removeListenerOnDispose() {
-          return _this.off(target, type, listener);
-        }; // Use the same function ID as the listener so we can remove it later it
-        // using the ID of the original listener.
-
-
-        removeListenerOnDispose.guid = listener.guid; // Add a listener to the target's dispose event as well. This ensures
-        // that if the target is disposed BEFORE this object, we remove the
-        // removal listener that was just added. Otherwise, we create a memory leak.
-
-        var removeRemoverOnTargetDispose = function removeRemoverOnTargetDispose() {
-          return _this.off('dispose', removeListenerOnDispose);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        removeRemoverOnTargetDispose.guid = listener.guid;
-        listen(this, 'on', 'dispose', removeListenerOnDispose);
-        listen(target, 'on', 'dispose', removeRemoverOnTargetDispose);
-      }
-    },
-
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object. The listener will be called once per event and then removed.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    one: function one() {
-      var _this2 = this;
-
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      var _normalizeListenArgs2 = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,
-          target = _normalizeListenArgs2.target,
-          type = _normalizeListenArgs2.type,
-          listener = _normalizeListenArgs2.listener; // Targeting this evented object.
-
-
-      if (isTargetingSelf) {
-        listen(target, 'one', type, listener); // Targeting another evented object.
-      } else {
-        // TODO: This wrapper is incorrect! It should only
-        //       remove the wrapper for the event type that called it.
-        //       Instead all listners are removed on the first trigger!
-        //       see https://github.com/videojs/video.js/issues/5962
-        var wrapper = function wrapper() {
-          _this2.off(target, type, wrapper);
-
-          for (var _len3 = arguments.length, largs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            largs[_key3] = arguments[_key3];
-          }
-
-          listener.apply(null, largs);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        wrapper.guid = listener.guid;
-        listen(target, 'one', type, wrapper);
-      }
-    },
-
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object. The listener will only be called once for the first event that is triggered
-     * then removed.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    any: function any() {
-      var _this3 = this;
-
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      var _normalizeListenArgs3 = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs3.isTargetingSelf,
-          target = _normalizeListenArgs3.target,
-          type = _normalizeListenArgs3.type,
-          listener = _normalizeListenArgs3.listener; // Targeting this evented object.
-
-
-      if (isTargetingSelf) {
-        listen(target, 'any', type, listener); // Targeting another evented object.
-      } else {
-        var wrapper = function wrapper() {
-          _this3.off(target, type, wrapper);
-
-          for (var _len5 = arguments.length, largs = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-            largs[_key5] = arguments[_key5];
-          }
-
-          listener.apply(null, largs);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        wrapper.guid = listener.guid;
-        listen(target, 'any', type, wrapper);
-      }
-    },
-
-    /**
-     * Removes listener(s) from event(s) on an evented object.
-     *
-     * @param  {string|Array|Element|Object} [targetOrType]
-     *         If this is a string or array, it represents the event type(s).
-     *
-     *         Another evented object can be passed here instead, in which case
-     *         ALL 3 arguments are _required_.
-     *
-     * @param  {string|Array|Function} [typeOrListener]
-     *         If the first argument was a string or array, this may be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function; otherwise, _all_ listeners bound to the
-     *         event type(s) will be removed.
-     */
-    off: function off$1(targetOrType, typeOrListener, listener) {
-      // Targeting this evented object.
-      if (!targetOrType || isValidEventType(targetOrType)) {
-        off(this.eventBusEl_, targetOrType, typeOrListener); // Targeting another evented object.
-      } else {
-        var target = targetOrType;
-        var type = typeOrListener; // Fail fast and in a meaningful way!
-
-        validateTarget(target);
-        validateEventType(type);
-        validateListener(listener); // Ensure there's at least a guid, even if the function hasn't been used
-
-        listener = bind(this, listener); // Remove the dispose listener on this evented object, which was given
-        // the same guid as the event listener in on().
-
-        this.off('dispose', listener);
-
-        if (target.nodeName) {
-          off(target, type, listener);
-          off(target, 'dispose', listener);
-        } else if (isEvented(target)) {
-          target.off(type, listener);
-          target.off('dispose', listener);
-        }
-      }
-    },
-
-    /**
-     * Fire an event on this evented object, causing its listeners to be called.
-     *
-     * @param   {string|Object} event
-     *          An event type or an object with a type property.
-     *
-     * @param   {Object} [hash]
-     *          An additional object to pass along to listeners.
-     *
-     * @return {boolean}
-     *          Whether or not the default behavior was prevented.
-     */
-    trigger: function trigger$1(event, hash) {
-      return trigger(this.eventBusEl_, event, hash);
-    }
-  };
-  /**
-   * Applies {@link module:evented~EventedMixin|EventedMixin} to a target object.
-   *
-   * @param  {Object} target
-   *         The object to which to add event methods.
-   *
-   * @param  {Object} [options={}]
-   *         Options for customizing the mixin behavior.
-   *
-   * @param  {string} [options.eventBusKey]
-   *         By default, adds a `eventBusEl_` DOM element to the target object,
-   *         which is used as an event bus. If the target object already has a
-   *         DOM element that should be used, pass its key here.
-   *
-   * @return {Object}
-   *         The target object.
-   */
-
-  function evented(target, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options = options,
-        eventBusKey = _options.eventBusKey; // Set or create the eventBusEl_.
-
-    if (eventBusKey) {
-      if (!target[eventBusKey].nodeName) {
-        throw new Error("The eventBusKey \"" + eventBusKey + "\" does not refer to an element.");
-      }
-
-      target.eventBusEl_ = target[eventBusKey];
-    } else {
-      target.eventBusEl_ = createEl('span', {
-        className: 'vjs-event-bus'
-      });
-    }
-
-    assign(target, EventedMixin);
-
-    if (target.eventedCallbacks) {
-      target.eventedCallbacks.forEach(function (callback) {
-        callback();
-      });
-    } // When any evented object is disposed, it removes all its listeners.
-
-
-    target.on('dispose', function () {
-      target.off();
-      window$1.setTimeout(function () {
-        target.eventBusEl_ = null;
-      }, 0);
-    });
-    return target;
-  }
-
-  /**
-   * @file mixins/stateful.js
-   * @module stateful
-   */
-  /**
-   * Contains methods that provide statefulness to an object which is passed
-   * to {@link module:stateful}.
-   *
-   * @mixin StatefulMixin
-   */
-
-  var StatefulMixin = {
-    /**
-     * A hash containing arbitrary keys and values representing the state of
-     * the object.
-     *
-     * @type {Object}
-     */
-    state: {},
-
-    /**
-     * Set the state of an object by mutating its
-     * {@link module:stateful~StatefulMixin.state|state} object in place.
-     *
-     * @fires   module:stateful~StatefulMixin#statechanged
-     * @param   {Object|Function} stateUpdates
-     *          A new set of properties to shallow-merge into the plugin state.
-     *          Can be a plain object or a function returning a plain object.
-     *
-     * @return {Object|undefined}
-     *          An object containing changes that occurred. If no changes
-     *          occurred, returns `undefined`.
-     */
-    setState: function setState(stateUpdates) {
-      var _this = this;
-
-      // Support providing the `stateUpdates` state as a function.
-      if (typeof stateUpdates === 'function') {
-        stateUpdates = stateUpdates();
-      }
-
-      var changes;
-      each(stateUpdates, function (value, key) {
-        // Record the change if the value is different from what's in the
-        // current state.
-        if (_this.state[key] !== value) {
-          changes = changes || {};
-          changes[key] = {
-            from: _this.state[key],
-            to: value
-          };
-        }
-
-        _this.state[key] = value;
-      }); // Only trigger "statechange" if there were changes AND we have a trigger
-      // function. This allows us to not require that the target object be an
-      // evented object.
-
-      if (changes && isEvented(this)) {
-        /**
-         * An event triggered on an object that is both
-         * {@link module:stateful|stateful} and {@link module:evented|evented}
-         * indicating that its state has changed.
-         *
-         * @event    module:stateful~StatefulMixin#statechanged
-         * @type     {Object}
-         * @property {Object} changes
-         *           A hash containing the properties that were changed and
-         *           the values they were changed `from` and `to`.
-         */
-        this.trigger({
-          changes: changes,
-          type: 'statechanged'
-        });
-      }
-
-      return changes;
-    }
-  };
-  /**
-   * Applies {@link module:stateful~StatefulMixin|StatefulMixin} to a target
-   * object.
-   *
-   * If the target object is {@link module:evented|evented} and has a
-   * `handleStateChanged` method, that method will be automatically bound to the
-   * `statechanged` event on itself.
-   *
-   * @param   {Object} target
-   *          The object to be made stateful.
-   *
-   * @param   {Object} [defaultState]
-   *          A default set of properties to populate the newly-stateful object's
-   *          `state` property.
-   *
-   * @return {Object}
-   *          Returns the `target`.
-   */
-
-  function stateful(target, defaultState) {
-    assign(target, StatefulMixin); // This happens after the mixing-in because we need to replace the `state`
-    // added in that step.
-
-    target.state = assign({}, target.state, defaultState); // Auto-bind the `handleStateChanged` method of the target object if it exists.
-
-    if (typeof target.handleStateChanged === 'function' && isEvented(target)) {
-      target.on('statechanged', target.handleStateChanged);
-    }
-
-    return target;
-  }
-
-  /**
-   * @file string-cases.js
-   * @module to-lower-case
-   */
-
-  /**
-   * Lowercase the first letter of a string.
-   *
-   * @param {string} string
-   *        String to be lowercased
-   *
-   * @return {string}
-   *         The string with a lowercased first letter
-   */
-  var toLowerCase = function toLowerCase(string) {
-    if (typeof string !== 'string') {
-      return string;
-    }
-
-    return string.replace(/./, function (w) {
-      return w.toLowerCase();
-    });
-  };
-  /**
-   * Uppercase the first letter of a string.
-   *
-   * @param {string} string
-   *        String to be uppercased
-   *
-   * @return {string}
-   *         The string with an uppercased first letter
-   */
-
-  var toTitleCase = function toTitleCase(string) {
-    if (typeof string !== 'string') {
-      return string;
-    }
-
-    return string.replace(/./, function (w) {
-      return w.toUpperCase();
-    });
-  };
-  /**
-   * Compares the TitleCase versions of the two strings for equality.
-   *
-   * @param {string} str1
-   *        The first string to compare
-   *
-   * @param {string} str2
-   *        The second string to compare
-   *
-   * @return {boolean}
-   *         Whether the TitleCase versions of the strings are equal
-   */
-
-  var titleCaseEquals = function titleCaseEquals(str1, str2) {
-    return toTitleCase(str1) === toTitleCase(str2);
-  };
-
-  /**
-   * @file merge-options.js
-   * @module merge-options
-   */
-  /**
-   * Merge two objects recursively.
-   *
-   * Performs a deep merge like
-   * {@link https://lodash.com/docs/4.17.10#merge|lodash.merge}, but only merges
-   * plain objects (not arrays, elements, or anything else).
-   *
-   * Non-plain object values will be copied directly from the right-most
-   * argument.
-   *
-   * @static
-   * @param   {Object[]} sources
-   *          One or more objects to merge into a new object.
-   *
-   * @return {Object}
-   *          A new object that is the merged result of all sources.
-   */
-
-  function mergeOptions() {
-    var result = {};
-
-    for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-      sources[_key] = arguments[_key];
-    }
-
-    sources.forEach(function (source) {
-      if (!source) {
-        return;
-      }
-
-      each(source, function (value, key) {
-        if (!isPlain(value)) {
-          result[key] = value;
-          return;
-        }
-
-        if (!isPlain(result[key])) {
-          result[key] = {};
-        }
-
-        result[key] = mergeOptions(result[key], value);
-      });
-    });
-    return result;
-  }
-
-  /**
-   * Player Component - Base class for all UI objects
-   *
-   * @file component.js
-   */
-  /**
-   * Base class for all UI Components.
-   * Components are UI objects which represent both a javascript object and an element
-   * in the DOM. They can be children of other components, and can have
-   * children themselves.
-   *
-   * Components can also use methods from {@link EventTarget}
-   */
-
-  var Component =
-  /*#__PURE__*/
-  function () {
-    /**
-     * A callback that is called when a component is ready. Does not have any
-     * paramters and any callback value will be ignored.
-     *
-     * @callback Component~ReadyCallback
-     * @this Component
-     */
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Object[]} [options.children]
-     *        An array of children objects to intialize this component with. Children objects have
-     *        a name property that will be used if more than one component of the same type needs to be
-     *        added.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        Function that gets called when the `Component` is ready.
-     */
-    function Component(player, options, ready) {
-      // The component might be the player itself and we can't pass `this` to super
-      if (!player && this.play) {
-        this.player_ = player = this; // eslint-disable-line
-      } else {
-        this.player_ = player;
-      }
-
-      this.isDisposed_ = false; // Hold the reference to the parent component via `addChild` method
-
-      this.parentComponent_ = null; // Make a copy of prototype.options_ to protect against overriding defaults
-
-      this.options_ = mergeOptions({}, this.options_); // Updated options with supplied options
-
-      options = this.options_ = mergeOptions(this.options_, options); // Get ID from options or options element if one is supplied
-
-      this.id_ = options.id || options.el && options.el.id; // If there was no ID from the options, generate one
-
-      if (!this.id_) {
-        // Don't require the player ID function in the case of mock players
-        var id = player && player.id && player.id() || 'no_player';
-        this.id_ = id + "_component_" + newGUID();
-      }
-
-      this.name_ = options.name || null; // Create element if one wasn't provided in options
-
-      if (options.el) {
-        this.el_ = options.el;
-      } else if (options.createEl !== false) {
-        this.el_ = this.createEl();
-      } // if evented is anything except false, we want to mixin in evented
-
-
-      if (options.evented !== false) {
-        // Make this an evented object and use `el_`, if available, as its event bus
-        evented(this, {
-          eventBusKey: this.el_ ? 'el_' : null
-        });
-      }
-
-      stateful(this, this.constructor.defaultState);
-      this.children_ = [];
-      this.childIndex_ = {};
-      this.childNameIndex_ = {};
-      var SetSham;
-
-      if (!window$1.Set) {
-        SetSham =
-        /*#__PURE__*/
-        function () {
-          function SetSham() {
-            this.set_ = {};
-          }
-
-          var _proto2 = SetSham.prototype;
-
-          _proto2.has = function has(key) {
-            return key in this.set_;
-          };
-
-          _proto2["delete"] = function _delete(key) {
-            var has = this.has(key);
-            delete this.set_[key];
-            return has;
-          };
-
-          _proto2.add = function add(key) {
-            this.set_[key] = 1;
-            return this;
-          };
-
-          _proto2.forEach = function forEach(callback, thisArg) {
-            for (var key in this.set_) {
-              callback.call(thisArg, key, key, this);
-            }
-          };
-
-          return SetSham;
-        }();
-      }
-
-      this.setTimeoutIds_ = window$1.Set ? new Set() : new SetSham();
-      this.setIntervalIds_ = window$1.Set ? new Set() : new SetSham();
-      this.rafIds_ = window$1.Set ? new Set() : new SetSham();
-      this.clearingTimersOnDispose_ = false; // Add any child components in options
-
-      if (options.initChildren !== false) {
-        this.initChildren();
-      }
-
-      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.
-     *
-     * @fires Component#dispose
-     */
-
-
-    var _proto = Component.prototype;
-
-    _proto.dispose = function dispose() {
-      // Bail out if the component has already been disposed.
-      if (this.isDisposed_) {
-        return;
-      }
-      /**
-       * Triggered when a `Component` is disposed.
-       *
-       * @event Component#dispose
-       * @type {EventTarget~Event}
-       *
-       * @property {boolean} [bubbles=false]
-       *           set to false so that the dispose event does not
-       *           bubble up
-       */
-
-
-      this.trigger({
-        type: 'dispose',
-        bubbles: false
-      });
-      this.isDisposed_ = true; // Dispose all children.
-
-      if (this.children_) {
-        for (var i = this.children_.length - 1; i >= 0; i--) {
-          if (this.children_[i].dispose) {
-            this.children_[i].dispose();
-          }
-        }
-      } // Delete child references
-
-
-      this.children_ = null;
-      this.childIndex_ = null;
-      this.childNameIndex_ = null;
-      this.parentComponent_ = null;
-
-      if (this.el_) {
-        // Remove element from DOM
-        if (this.el_.parentNode) {
-          this.el_.parentNode.removeChild(this.el_);
-        }
-
-        if (DomData.has(this.el_)) {
-          DomData["delete"](this.el_);
-        }
-
-        this.el_ = null;
-      } // remove reference to the player after disposing of the element
-
-
-      this.player_ = null;
-    }
-    /**
-     * Determine whether or not this component has been disposed.
-     *
-     * @return {boolean}
-     *         If the component has been disposed, will be `true`. Otherwise, `false`.
-     */
-    ;
-
-    _proto.isDisposed = function isDisposed() {
-      return Boolean(this.isDisposed_);
-    }
-    /**
-     * Return the {@link Player} that the `Component` has attached to.
-     *
-     * @return {Player}
-     *         The player that this `Component` has attached to.
-     */
-    ;
-
-    _proto.player = function player() {
-      return this.player_;
-    }
-    /**
-     * Deep merge of options objects with new options.
-     * > Note: When both `obj` and `options` contain properties whose values are objects.
-     *         The two properties get merged using {@link module:mergeOptions}
-     *
-     * @param {Object} obj
-     *        The object that contains new options.
-     *
-     * @return {Object}
-     *         A new object of `this.options_` and `obj` merged together.
-     */
-    ;
-
-    _proto.options = function options(obj) {
-      if (!obj) {
-        return this.options_;
-      }
-
-      this.options_ = mergeOptions(this.options_, obj);
-      return this.options_;
-    }
-    /**
-     * Get the `Component`s DOM element
-     *
-     * @return {Element}
-     *         The DOM element for this `Component`.
-     */
-    ;
-
-    _proto.el = function el() {
-      return this.el_;
-    }
-    /**
-     * Create the `Component`s DOM element.
-     *
-     * @param {string} [tagName]
-     *        Element's DOM node type. e.g. 'div'
-     *
-     * @param {Object} [properties]
-     *        An object of properties that should be set.
-     *
-     * @param {Object} [attributes]
-     *        An object of attributes that should be set.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1(tagName, properties, attributes) {
-      return createEl(tagName, properties, attributes);
-    }
-    /**
-     * Localize a string given the string in english.
-     *
-     * If tokens are provided, it'll try and run a simple token replacement on the provided string.
-     * The tokens it looks for look like `{1}` with the index being 1-indexed into the tokens array.
-     *
-     * If a `defaultValue` is provided, it'll use that over `string`,
-     * if a value isn't found in provided language files.
-     * This is useful if you want to have a descriptive key for token replacement
-     * but have a succinct localized string and not require `en.json` to be included.
-     *
-     * Currently, it is used for the progress bar timing.
-     * ```js
-     * {
-     *   "progress bar timing: currentTime={1} duration={2}": "{1} of {2}"
-     * }
-     * ```
-     * It is then used like so:
-     * ```js
-     * this.localize('progress bar timing: currentTime={1} duration{2}',
-     *               [this.player_.currentTime(), this.player_.duration()],
-     *               '{1} of {2}');
-     * ```
-     *
-     * Which outputs something like: `01:23 of 24:56`.
-     *
-     *
-     * @param {string} string
-     *        The string to localize and the key to lookup in the language files.
-     * @param {string[]} [tokens]
-     *        If the current item has token replacements, provide the tokens here.
-     * @param {string} [defaultValue]
-     *        Defaults to `string`. Can be a default value to use for token replacement
-     *        if the lookup key is needed to be separate.
-     *
-     * @return {string}
-     *         The localized string or if no localization exists the english string.
-     */
-    ;
-
-    _proto.localize = function localize(string, tokens, defaultValue) {
-      if (defaultValue === void 0) {
-        defaultValue = string;
-      }
-
-      var code = this.player_.language && this.player_.language();
-      var languages = this.player_.languages && this.player_.languages();
-      var language = languages && languages[code];
-      var primaryCode = code && code.split('-')[0];
-      var primaryLang = languages && languages[primaryCode];
-      var localizedString = defaultValue;
-
-      if (language && language[string]) {
-        localizedString = language[string];
-      } else if (primaryLang && primaryLang[string]) {
-        localizedString = primaryLang[string];
-      }
-
-      if (tokens) {
-        localizedString = localizedString.replace(/\{(\d+)\}/g, function (match, index) {
-          var value = tokens[index - 1];
-          var ret = value;
-
-          if (typeof value === 'undefined') {
-            ret = match;
-          }
-
-          return ret;
-        });
-      }
-
-      return localizedString;
-    }
-    /**
-     * Return the `Component`s DOM element. This is where children get inserted.
-     * This will usually be the the same as the element returned in {@link Component#el}.
-     *
-     * @return {Element}
-     *         The content element for this `Component`.
-     */
-    ;
-
-    _proto.contentEl = function contentEl() {
-      return this.contentEl_ || this.el_;
-    }
-    /**
-     * Get this `Component`s ID
-     *
-     * @return {string}
-     *         The id of this `Component`
-     */
-    ;
-
-    _proto.id = function id() {
-      return this.id_;
-    }
-    /**
-     * Get the `Component`s name. The name gets used to reference the `Component`
-     * and is set during registration.
-     *
-     * @return {string}
-     *         The name of this `Component`.
-     */
-    ;
-
-    _proto.name = function name() {
-      return this.name_;
-    }
-    /**
-     * Get an array of all child components
-     *
-     * @return {Array}
-     *         The children
-     */
-    ;
-
-    _proto.children = function children() {
-      return this.children_;
-    }
-    /**
-     * Returns the child `Component` with the given `id`.
-     *
-     * @param {string} id
-     *        The id of the child `Component` to get.
-     *
-     * @return {Component|undefined}
-     *         The child `Component` with the given `id` or undefined.
-     */
-    ;
-
-    _proto.getChildById = function getChildById(id) {
-      return this.childIndex_[id];
-    }
-    /**
-     * Returns the child `Component` with the given `name`.
-     *
-     * @param {string} name
-     *        The name of the child `Component` to get.
-     *
-     * @return {Component|undefined}
-     *         The child `Component` with the given `name` or undefined.
-     */
-    ;
-
-    _proto.getChild = function getChild(name) {
-      if (!name) {
-        return;
-      }
-
-      return this.childNameIndex_[name];
-    }
-    /**
-     * Add a child `Component` inside the current `Component`.
-     *
-     *
-     * @param {string|Component} child
-     *        The name or instance of a child to add.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of options that will get passed to children of
-     *        the child.
-     *
-     * @param {number} [index=this.children_.length]
-     *        The index to attempt to add a child into.
-     *
-     * @return {Component}
-     *         The `Component` that gets added as a child. When using a string the
-     *         `Component` will get created by this process.
-     */
-    ;
-
-    _proto.addChild = function addChild(child, options, index) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (index === void 0) {
-        index = this.children_.length;
-      }
-
-      var component;
-      var componentName; // If child is a string, create component with options
-
-      if (typeof child === 'string') {
-        componentName = toTitleCase(child);
-        var componentClassName = options.componentClass || componentName; // Set name through options
-
-        options.name = componentName; // Create a new object & element for this controls set
-        // If there's no .player_, this is a player
-
-        var ComponentClass = Component.getComponent(componentClassName);
-
-        if (!ComponentClass) {
-          throw new Error("Component " + componentClassName + " does not exist");
-        } // data stored directly on the videojs object may be
-        // misidentified as a component to retain
-        // backwards-compatibility with 4.x. check to make sure the
-        // component class can be instantiated.
-
-
-        if (typeof ComponentClass !== 'function') {
-          return null;
-        }
-
-        component = new ComponentClass(this.player_ || this, options); // child is a component instance
-      } else {
-        component = child;
-      }
-
-      if (component.parentComponent_) {
-        component.parentComponent_.removeChild(component);
-      }
-
-      this.children_.splice(index, 0, component);
-      component.parentComponent_ = this;
-
-      if (typeof component.id === 'function') {
-        this.childIndex_[component.id()] = component;
-      } // If a name wasn't used to create the component, check if we can use the
-      // name function of the component
-
-
-      componentName = componentName || component.name && toTitleCase(component.name());
-
-      if (componentName) {
-        this.childNameIndex_[componentName] = component;
-        this.childNameIndex_[toLowerCase(componentName)] = component;
-      } // Add the UI object's element to the container div (box)
-      // Having an element is not required
-
-
-      if (typeof component.el === 'function' && component.el()) {
-        // If inserting before a component, insert before that component's element
-        var refNode = null;
-
-        if (this.children_[index + 1] && this.children_[index + 1].el_) {
-          refNode = this.children_[index + 1].el_;
-        }
-
-        this.contentEl().insertBefore(component.el(), refNode);
-      } // Return so it can stored on parent object if desired.
-
-
-      return component;
-    }
-    /**
-     * Remove a child `Component` from this `Component`s list of children. Also removes
-     * the child `Component`s element from this `Component`s element.
-     *
-     * @param {Component} component
-     *        The child `Component` to remove.
-     */
-    ;
-
-    _proto.removeChild = function removeChild(component) {
-      if (typeof component === 'string') {
-        component = this.getChild(component);
-      }
-
-      if (!component || !this.children_) {
-        return;
-      }
-
-      var childFound = false;
-
-      for (var i = this.children_.length - 1; i >= 0; i--) {
-        if (this.children_[i] === component) {
-          childFound = true;
-          this.children_.splice(i, 1);
-          break;
-        }
-      }
-
-      if (!childFound) {
-        return;
-      }
-
-      component.parentComponent_ = null;
-      this.childIndex_[component.id()] = null;
-      this.childNameIndex_[toTitleCase(component.name())] = null;
-      this.childNameIndex_[toLowerCase(component.name())] = null;
-      var compEl = component.el();
-
-      if (compEl && compEl.parentNode === this.contentEl()) {
-        this.contentEl().removeChild(component.el());
-      }
-    }
-    /**
-     * Add and initialize default child `Component`s based upon options.
-     */
-    ;
-
-    _proto.initChildren = function initChildren() {
-      var _this = this;
-
-      var children = this.options_.children;
-
-      if (children) {
-        // `this` is `parent`
-        var parentOptions = this.options_;
-
-        var handleAdd = function handleAdd(child) {
-          var name = child.name;
-          var opts = child.opts; // Allow options for children to be set at the parent options
-          // e.g. videojs(id, { controlBar: false });
-          // instead of videojs(id, { children: { controlBar: false });
-
-          if (parentOptions[name] !== undefined) {
-            opts = parentOptions[name];
-          } // Allow for disabling default components
-          // e.g. options['children']['posterImage'] = false
-
-
-          if (opts === false) {
-            return;
-          } // Allow options to be passed as a simple boolean if no configuration
-          // is necessary.
-
-
-          if (opts === true) {
-            opts = {};
-          } // We also want to pass the original player options
-          // to each component as well so they don't need to
-          // reach back into the player for options later.
-
-
-          opts.playerOptions = _this.options_.playerOptions; // Create and add the child component.
-          // Add a direct reference to the child by name on the parent instance.
-          // If two of the same component are used, different names should be supplied
-          // for each
-
-          var newChild = _this.addChild(name, opts);
-
-          if (newChild) {
-            _this[name] = newChild;
-          }
-        }; // Allow for an array of children details to passed in the options
-
-
-        var workingChildren;
-        var Tech = Component.getComponent('Tech');
-
-        if (Array.isArray(children)) {
-          workingChildren = children;
-        } else {
-          workingChildren = Object.keys(children);
-        }
-
-        workingChildren // children that are in this.options_ but also in workingChildren  would
-        // give us extra children we do not want. So, we want to filter them out.
-        .concat(Object.keys(this.options_).filter(function (child) {
-          return !workingChildren.some(function (wchild) {
-            if (typeof wchild === 'string') {
-              return child === wchild;
-            }
-
-            return child === wchild.name;
-          });
-        })).map(function (child) {
-          var name;
-          var opts;
-
-          if (typeof child === 'string') {
-            name = child;
-            opts = children[name] || _this.options_[name] || {};
-          } else {
-            name = child.name;
-            opts = child;
-          }
-
-          return {
-            name: name,
-            opts: opts
-          };
-        }).filter(function (child) {
-          // we have to make sure that child.name isn't in the techOrder since
-          // techs are registerd as Components but can't aren't compatible
-          // See https://github.com/videojs/video.js/issues/2772
-          var c = Component.getComponent(child.opts.componentClass || toTitleCase(child.name));
-          return c && !Tech.isTech(c);
-        }).forEach(handleAdd);
-      }
-    }
-    /**
-     * Builds the default DOM class name. Should be overriden by sub-components.
-     *
-     * @return {string}
-     *         The DOM class name for this object.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      // Child classes can include a function that does:
-      // return 'CLASS NAME' + this._super();
-      return '';
-    }
-    /**
-     * Bind a listener to the component's ready state.
-     * Different from event listeners in that if the ready event has already happened
-     * it will trigger the function immediately.
-     *
-     * @return {Component}
-     *         Returns itself; method can be chained.
-     */
-    ;
-
-    _proto.ready = function ready(fn, sync) {
-      if (sync === void 0) {
-        sync = false;
-      }
-
-      if (!fn) {
-        return;
-      }
-
-      if (!this.isReady_) {
-        this.readyQueue_ = this.readyQueue_ || [];
-        this.readyQueue_.push(fn);
-        return;
-      }
-
-      if (sync) {
-        fn.call(this);
-      } else {
-        // Call the function asynchronously by default for consistency
-        this.setTimeout(fn, 1);
-      }
-    }
-    /**
-     * Trigger all the ready listeners for this `Component`.
-     *
-     * @fires Component#ready
-     */
-    ;
-
-    _proto.triggerReady = function triggerReady() {
-      this.isReady_ = true; // Ensure ready is triggered asynchronously
-
-      this.setTimeout(function () {
-        var readyQueue = this.readyQueue_; // Reset Ready Queue
-
-        this.readyQueue_ = [];
-
-        if (readyQueue && readyQueue.length > 0) {
-          readyQueue.forEach(function (fn) {
-            fn.call(this);
-          }, this);
-        } // Allow for using event listeners also
-
-        /**
-         * Triggered when a `Component` is ready.
-         *
-         * @event Component#ready
-         * @type {EventTarget~Event}
-         */
-
-
-        this.trigger('ready');
-      }, 1);
-    }
-    /**
-     * Find a single DOM element matching a `selector`. This can be within the `Component`s
-     * `contentEl()` or another custom context.
-     *
-     * @param {string} selector
-     *        A valid CSS selector, which will be passed to `querySelector`.
-     *
-     * @param {Element|string} [context=this.contentEl()]
-     *        A DOM element within which to query. Can also be a selector string in
-     *        which case the first matching element will get used as context. If
-     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-     *        nothing it falls back to `document`.
-     *
-     * @return {Element|null}
-     *         the dom element that was found, or null
-     *
-     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-     */
-    ;
-
-    _proto.$ = function $$1(selector, context) {
-      return $(selector, context || this.contentEl());
-    }
-    /**
-     * Finds all DOM element matching a `selector`. This can be within the `Component`s
-     * `contentEl()` or another custom context.
-     *
-     * @param {string} selector
-     *        A valid CSS selector, which will be passed to `querySelectorAll`.
-     *
-     * @param {Element|string} [context=this.contentEl()]
-     *        A DOM element within which to query. Can also be a selector string in
-     *        which case the first matching element will get used as context. If
-     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-     *        nothing it falls back to `document`.
-     *
-     * @return {NodeList}
-     *         a list of dom elements that were found
-     *
-     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-     */
-    ;
-
-    _proto.$$ = function $$$1(selector, context) {
-      return $$(selector, context || this.contentEl());
-    }
-    /**
-     * Check if a component's element has a CSS class name.
-     *
-     * @param {string} classToCheck
-     *        CSS class name to check.
-     *
-     * @return {boolean}
-     *         - True if the `Component` has the class.
-     *         - False if the `Component` does not have the class`
-     */
-    ;
-
-    _proto.hasClass = function hasClass$1(classToCheck) {
-      return hasClass(this.el_, classToCheck);
-    }
-    /**
-     * Add a CSS class name to the `Component`s element.
-     *
-     * @param {string} classToAdd
-     *        CSS class name to add
-     */
-    ;
-
-    _proto.addClass = function addClass$1(classToAdd) {
-      addClass(this.el_, classToAdd);
-    }
-    /**
-     * Remove a CSS class name from the `Component`s element.
-     *
-     * @param {string} classToRemove
-     *        CSS class name to remove
-     */
-    ;
-
-    _proto.removeClass = function removeClass$1(classToRemove) {
-      removeClass(this.el_, classToRemove);
-    }
-    /**
-     * Add or remove a CSS class name from the component's element.
-     * - `classToToggle` gets added when {@link Component#hasClass} would return false.
-     * - `classToToggle` gets removed when {@link Component#hasClass} would return true.
-     *
-     * @param  {string} classToToggle
-     *         The class to add or remove based on (@link Component#hasClass}
-     *
-     * @param  {boolean|Dom~predicate} [predicate]
-     *         An {@link Dom~predicate} function or a boolean
-     */
-    ;
-
-    _proto.toggleClass = function toggleClass$1(classToToggle, predicate) {
-      toggleClass(this.el_, classToToggle, predicate);
-    }
-    /**
-     * Show the `Component`s element if it is hidden by removing the
-     * 'vjs-hidden' class name from it.
-     */
-    ;
-
-    _proto.show = function show() {
-      this.removeClass('vjs-hidden');
-    }
-    /**
-     * Hide the `Component`s element if it is currently showing by adding the
-     * 'vjs-hidden` class name to it.
-     */
-    ;
-
-    _proto.hide = function hide() {
-      this.addClass('vjs-hidden');
-    }
-    /**
-     * Lock a `Component`s element in its visible state by adding the 'vjs-lock-showing'
-     * class name to it. Used during fadeIn/fadeOut.
-     *
-     * @private
-     */
-    ;
-
-    _proto.lockShowing = function lockShowing() {
-      this.addClass('vjs-lock-showing');
-    }
-    /**
-     * Unlock a `Component`s element from its visible state by removing the 'vjs-lock-showing'
-     * class name from it. Used during fadeIn/fadeOut.
-     *
-     * @private
-     */
-    ;
-
-    _proto.unlockShowing = function unlockShowing() {
-      this.removeClass('vjs-lock-showing');
-    }
-    /**
-     * Get the value of an attribute on the `Component`s element.
-     *
-     * @param {string} attribute
-     *        Name of the attribute to get the value from.
-     *
-     * @return {string|null}
-     *         - The value of the attribute that was asked for.
-     *         - Can be an empty string on some browsers if the attribute does not exist
-     *           or has no value
-     *         - Most browsers will return null if the attibute does not exist or has
-     *           no value.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute}
-     */
-    ;
-
-    _proto.getAttribute = function getAttribute$1(attribute) {
-      return getAttribute(this.el_, attribute);
-    }
-    /**
-     * Set the value of an attribute on the `Component`'s element
-     *
-     * @param {string} attribute
-     *        Name of the attribute to set.
-     *
-     * @param {string} value
-     *        Value to set the attribute to.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute}
-     */
-    ;
-
-    _proto.setAttribute = function setAttribute$1(attribute, value) {
-      setAttribute(this.el_, attribute, value);
-    }
-    /**
-     * Remove an attribute from the `Component`s element.
-     *
-     * @param {string} attribute
-     *        Name of the attribute to remove.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute}
-     */
-    ;
-
-    _proto.removeAttribute = function removeAttribute$1(attribute) {
-      removeAttribute(this.el_, attribute);
-    }
-    /**
-     * Get or set the width of the component based upon the CSS styles.
-     * See {@link Component#dimension} for more detailed information.
-     *
-     * @param {number|string} [num]
-     *        The width that you want to set postfixed with '%', 'px' or nothing.
-     *
-     * @param {boolean} [skipListeners]
-     *        Skip the componentresize event trigger
-     *
-     * @return {number|string}
-     *         The width when getting, zero if there is no width. Can be a string
-     *           postpixed with '%' or 'px'.
-     */
-    ;
-
-    _proto.width = function width(num, skipListeners) {
-      return this.dimension('width', num, skipListeners);
-    }
-    /**
-     * Get or set the height of the component based upon the CSS styles.
-     * See {@link Component#dimension} for more detailed information.
-     *
-     * @param {number|string} [num]
-     *        The height that you want to set postfixed with '%', 'px' or nothing.
-     *
-     * @param {boolean} [skipListeners]
-     *        Skip the componentresize event trigger
-     *
-     * @return {number|string}
-     *         The width when getting, zero if there is no width. Can be a string
-     *         postpixed with '%' or 'px'.
-     */
-    ;
-
-    _proto.height = function height(num, skipListeners) {
-      return this.dimension('height', num, skipListeners);
-    }
-    /**
-     * Set both the width and height of the `Component` element at the same time.
-     *
-     * @param  {number|string} width
-     *         Width to set the `Component`s element to.
-     *
-     * @param  {number|string} height
-     *         Height to set the `Component`s element to.
-     */
-    ;
-
-    _proto.dimensions = function dimensions(width, height) {
-      // Skip componentresize listeners on width for optimization
-      this.width(width, true);
-      this.height(height);
-    }
-    /**
-     * Get or set width or height of the `Component` element. This is the shared code
-     * for the {@link Component#width} and {@link Component#height}.
-     *
-     * Things to know:
-     * - If the width or height in an number this will return the number postfixed with 'px'.
-     * - If the width/height is a percent this will return the percent postfixed with '%'
-     * - Hidden elements have a width of 0 with `window.getComputedStyle`. This function
-     *   defaults to the `Component`s `style.width` and falls back to `window.getComputedStyle`.
-     *   See [this]{@link http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/}
-     *   for more information
-     * - If you want the computed style of the component, use {@link Component#currentWidth}
-     *   and {@link {Component#currentHeight}
-     *
-     * @fires Component#componentresize
-     *
-     * @param {string} widthOrHeight
-     8        'width' or 'height'
-     *
-     * @param  {number|string} [num]
-     8         New dimension
-     *
-     * @param  {boolean} [skipListeners]
-     *         Skip componentresize event trigger
-     *
-     * @return {number}
-     *         The dimension when getting or 0 if unset
-     */
-    ;
-
-    _proto.dimension = function dimension(widthOrHeight, num, skipListeners) {
-      if (num !== undefined) {
-        // Set to zero if null or literally NaN (NaN !== NaN)
-        if (num === null || num !== num) {
-          num = 0;
-        } // Check if using css width/height (% or px) and adjust
-
-
-        if (('' + num).indexOf('%') !== -1 || ('' + num).indexOf('px') !== -1) {
-          this.el_.style[widthOrHeight] = num;
-        } else if (num === 'auto') {
-          this.el_.style[widthOrHeight] = '';
-        } else {
-          this.el_.style[widthOrHeight] = num + 'px';
-        } // skipListeners allows us to avoid triggering the resize event when setting both width and height
-
-
-        if (!skipListeners) {
-          /**
-           * Triggered when a component is resized.
-           *
-           * @event Component#componentresize
-           * @type {EventTarget~Event}
-           */
-          this.trigger('componentresize');
-        }
-
-        return;
-      } // Not setting a value, so getting it
-      // Make sure element exists
-
-
-      if (!this.el_) {
-        return 0;
-      } // Get dimension value from style
-
-
-      var val = this.el_.style[widthOrHeight];
-      var pxIndex = val.indexOf('px');
-
-      if (pxIndex !== -1) {
-        // Return the pixel value with no 'px'
-        return parseInt(val.slice(0, pxIndex), 10);
-      } // No px so using % or no style was set, so falling back to offsetWidth/height
-      // If component has display:none, offset will return 0
-      // TODO: handle display:none and no dimension style using px
-
-
-      return parseInt(this.el_['offset' + toTitleCase(widthOrHeight)], 10);
-    }
-    /**
-     * Get the computed width or the height of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @param {string} widthOrHeight
-     *        A string containing 'width' or 'height'. Whichever one you want to get.
-     *
-     * @return {number}
-     *         The dimension that gets asked for or 0 if nothing was set
-     *         for that dimension.
-     */
-    ;
-
-    _proto.currentDimension = function currentDimension(widthOrHeight) {
-      var computedWidthOrHeight = 0;
-
-      if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-        throw new Error('currentDimension only accepts width or height value');
-      }
-
-      computedWidthOrHeight = computedStyle(this.el_, widthOrHeight); // remove 'px' from variable and parse as integer
-
-      computedWidthOrHeight = parseFloat(computedWidthOrHeight); // if the computed value is still 0, it's possible that the browser is lying
-      // and we want to check the offset values.
-      // This code also runs wherever getComputedStyle doesn't exist.
-
-      if (computedWidthOrHeight === 0 || isNaN(computedWidthOrHeight)) {
-        var rule = "offset" + toTitleCase(widthOrHeight);
-        computedWidthOrHeight = this.el_[rule];
-      }
-
-      return computedWidthOrHeight;
-    }
-    /**
-     * An object that contains width and height values of the `Component`s
-     * computed style. Uses `window.getComputedStyle`.
-     *
-     * @typedef {Object} Component~DimensionObject
-     *
-     * @property {number} width
-     *           The width of the `Component`s computed style.
-     *
-     * @property {number} height
-     *           The height of the `Component`s computed style.
-     */
-
-    /**
-     * Get an object that contains computed width and height values of the
-     * component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {Component~DimensionObject}
-     *         The computed dimensions of the component's element.
-     */
-    ;
-
-    _proto.currentDimensions = function currentDimensions() {
-      return {
-        width: this.currentDimension('width'),
-        height: this.currentDimension('height')
-      };
-    }
-    /**
-     * Get the computed width of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {number}
-     *         The computed width of the component's element.
-     */
-    ;
-
-    _proto.currentWidth = function currentWidth() {
-      return this.currentDimension('width');
-    }
-    /**
-     * Get the computed height of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {number}
-     *         The computed height of the component's element.
-     */
-    ;
-
-    _proto.currentHeight = function currentHeight() {
-      return this.currentDimension('height');
-    }
-    /**
-     * Set the focus to this component
-     */
-    ;
-
-    _proto.focus = function focus() {
-      this.el_.focus();
-    }
-    /**
-     * Remove the focus from this component
-     */
-    ;
-
-    _proto.blur = function blur() {
-      this.el_.blur();
-    }
-    /**
-     * When this Component receives a `keydown` event which it does not process,
-     *  it passes the event to the Player for handling.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (this.player_) {
-        // We only stop propagation here because we want unhandled events to fall
-        // back to the browser.
-        event.stopPropagation();
-        this.player_.handleKeyDown(event);
-      }
-    }
-    /**
-     * Many components used to have a `handleKeyPress` method, which was poorly
-     * named because it listened to a `keydown` event. This method name now
-     * delegates to `handleKeyDown`. This means anyone calling `handleKeyPress`
-     * will not see their method calls stop working.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleKeyPress = function handleKeyPress(event) {
-      this.handleKeyDown(event);
-    }
-    /**
-     * Emit a 'tap' events when touch event support gets detected. This gets used to
-     * support toggling the controls through a tap on the video. They get enabled
-     * because every sub-component would have extra overhead otherwise.
-     *
-     * @private
-     * @fires Component#tap
-     * @listens Component#touchstart
-     * @listens Component#touchmove
-     * @listens Component#touchleave
-     * @listens Component#touchcancel
-     * @listens Component#touchend
-      */
-    ;
-
-    _proto.emitTapEvents = function emitTapEvents() {
-      // Track the start time so we can determine how long the touch lasted
-      var touchStart = 0;
-      var firstTouch = null; // Maximum movement allowed during a touch event to still be considered a tap
-      // Other popular libs use anywhere from 2 (hammer.js) to 15,
-      // so 10 seems like a nice, round number.
-
-      var tapMovementThreshold = 10; // The maximum length a touch can be while still being considered a tap
-
-      var touchTimeThreshold = 200;
-      var couldBeTap;
-      this.on('touchstart', function (event) {
-        // If more than one finger, don't consider treating this as a click
-        if (event.touches.length === 1) {
-          // Copy pageX/pageY from the object
-          firstTouch = {
-            pageX: event.touches[0].pageX,
-            pageY: event.touches[0].pageY
-          }; // Record start time so we can detect a tap vs. "touch and hold"
-
-          touchStart = window$1.performance.now(); // Reset couldBeTap tracking
-
-          couldBeTap = true;
-        }
-      });
-      this.on('touchmove', function (event) {
-        // If more than one finger, don't consider treating this as a click
-        if (event.touches.length > 1) {
-          couldBeTap = false;
-        } else if (firstTouch) {
-          // Some devices will throw touchmoves for all but the slightest of taps.
-          // So, if we moved only a small distance, this could still be a tap
-          var xdiff = event.touches[0].pageX - firstTouch.pageX;
-          var ydiff = event.touches[0].pageY - firstTouch.pageY;
-          var touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
-
-          if (touchDistance > tapMovementThreshold) {
-            couldBeTap = false;
-          }
-        }
-      });
-
-      var noTap = function noTap() {
-        couldBeTap = false;
-      }; // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
-
-
-      this.on('touchleave', noTap);
-      this.on('touchcancel', noTap); // When the touch ends, measure how long it took and trigger the appropriate
-      // event
-
-      this.on('touchend', function (event) {
-        firstTouch = null; // Proceed only if the touchmove/leave/cancel event didn't happen
-
-        if (couldBeTap === true) {
-          // Measure how long the touch lasted
-          var touchTime = window$1.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
-
-          if (touchTime < touchTimeThreshold) {
-            // Don't let browser turn this into a click
-            event.preventDefault();
-            /**
-             * Triggered when a `Component` is tapped.
-             *
-             * @event Component#tap
-             * @type {EventTarget~Event}
-             */
-
-            this.trigger('tap'); // It may be good to copy the touchend event object and change the
-            // type to tap, if the other event properties aren't exact after
-            // Events.fixEvent runs (e.g. event.target)
-          }
-        }
-      });
-    }
-    /**
-     * This function reports user activity whenever touch events happen. This can get
-     * turned off by any sub-components that wants touch events to act another way.
-     *
-     * Report user touch activity when touch events occur. User activity gets used to
-     * determine when controls should show/hide. It is 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 as `touchstart` and `touchend` toggle player
-     * controls. So touch events can't help us at the player level either.
-     *
-     * User activity gets 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.
-     * Furthermore a `touchmove` event and anything other than a tap, should not turn
-     * controls back on.
-     *
-     * @listens Component#touchstart
-     * @listens Component#touchmove
-     * @listens Component#touchend
-     * @listens Component#touchcancel
-     */
-    ;
-
-    _proto.enableTouchActivity = function enableTouchActivity() {
-      // Don't continue if the root player doesn't support reporting user activity
-      if (!this.player() || !this.player().reportUserActivity) {
-        return;
-      } // listener for reporting that the user is active
-
-
-      var report = bind(this.player(), this.player().reportUserActivity);
-      var touchHolding;
-      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
-
-        this.clearInterval(touchHolding); // report at the same interval as activityCheck
-
-        touchHolding = this.setInterval(report, 250);
-      });
-
-      var touchEnd = function touchEnd(event) {
-        report(); // stop the interval that maintains activity if the touch is holding
-
-        this.clearInterval(touchHolding);
-      };
-
-      this.on('touchmove', report);
-      this.on('touchend', touchEnd);
-      this.on('touchcancel', touchEnd);
-    }
-    /**
-     * A callback that has no parameters and is bound into `Component`s context.
-     *
-     * @callback Component~GenericCallback
-     * @this Component
-     */
-
-    /**
-     * Creates a function that runs after an `x` millisecond timeout. This function is a
-     * wrapper around `window.setTimeout`. There are a few reasons to use this one
-     * instead though:
-     * 1. It gets cleared via  {@link Component#clearTimeout} when
-     *    {@link Component#dispose} gets called.
-     * 2. The function callback will gets turned into a {@link Component~GenericCallback}
-     *
-     * > Note: You can't use `window.clearTimeout` on the id returned by this function. This
-     *         will cause its dispose listener not to get cleaned up! Please use
-     *         {@link Component#clearTimeout} or {@link Component#dispose} instead.
-     *
-     * @param {Component~GenericCallback} fn
-     *        The function that will be run after `timeout`.
-     *
-     * @param {number} timeout
-     *        Timeout in milliseconds to delay before executing the specified function.
-     *
-     * @return {number}
-     *         Returns a timeout ID that gets used to identify the timeout. It can also
-     *         get used in {@link Component#clearTimeout} to clear the timeout that
-     *         was set.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout}
-     */
-    ;
-
-    _proto.setTimeout = function setTimeout(fn, timeout) {
-      var _this2 = this;
-
-      // declare as variables so they are properly available in timeout function
-      // eslint-disable-next-line
-      var timeoutId;
-      fn = bind(this, fn);
-      this.clearTimersOnDispose_();
-      timeoutId = window$1.setTimeout(function () {
-        if (_this2.setTimeoutIds_.has(timeoutId)) {
-          _this2.setTimeoutIds_["delete"](timeoutId);
-        }
-
-        fn();
-      }, timeout);
-      this.setTimeoutIds_.add(timeoutId);
-      return timeoutId;
-    }
-    /**
-     * Clears a timeout that gets created via `window.setTimeout` or
-     * {@link Component#setTimeout}. If you set a timeout via {@link Component#setTimeout}
-     * use this function instead of `window.clearTimout`. If you don't your dispose
-     * listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} timeoutId
-     *        The id of the timeout to clear. The return value of
-     *        {@link Component#setTimeout} or `window.setTimeout`.
-     *
-     * @return {number}
-     *         Returns the timeout id that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout}
-     */
-    ;
-
-    _proto.clearTimeout = function clearTimeout(timeoutId) {
-      if (this.setTimeoutIds_.has(timeoutId)) {
-        this.setTimeoutIds_["delete"](timeoutId);
-        window$1.clearTimeout(timeoutId);
-      }
-
-      return timeoutId;
-    }
-    /**
-     * Creates a function that gets run every `x` milliseconds. This function is a wrapper
-     * around `window.setInterval`. There are a few reasons to use this one instead though.
-     * 1. It gets cleared via  {@link Component#clearInterval} when
-     *    {@link Component#dispose} gets called.
-     * 2. The function callback will be a {@link Component~GenericCallback}
-     *
-     * @param {Component~GenericCallback} fn
-     *        The function to run every `x` seconds.
-     *
-     * @param {number} interval
-     *        Execute the specified function every `x` milliseconds.
-     *
-     * @return {number}
-     *         Returns an id that can be used to identify the interval. It can also be be used in
-     *         {@link Component#clearInterval} to clear the interval.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval}
-     */
-    ;
-
-    _proto.setInterval = function setInterval(fn, interval) {
-      fn = bind(this, fn);
-      this.clearTimersOnDispose_();
-      var intervalId = window$1.setInterval(fn, interval);
-      this.setIntervalIds_.add(intervalId);
-      return intervalId;
-    }
-    /**
-     * Clears an interval that gets created via `window.setInterval` or
-     * {@link Component#setInterval}. If you set an inteval via {@link Component#setInterval}
-     * use this function instead of `window.clearInterval`. If you don't your dispose
-     * listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} intervalId
-     *        The id of the interval to clear. The return value of
-     *        {@link Component#setInterval} or `window.setInterval`.
-     *
-     * @return {number}
-     *         Returns the interval id that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval}
-     */
-    ;
-
-    _proto.clearInterval = function clearInterval(intervalId) {
-      if (this.setIntervalIds_.has(intervalId)) {
-        this.setIntervalIds_["delete"](intervalId);
-        window$1.clearInterval(intervalId);
-      }
-
-      return intervalId;
-    }
-    /**
-     * Queues up a callback to be passed to requestAnimationFrame (rAF), but
-     * with a few extra bonuses:
-     *
-     * - Supports browsers that do not support rAF by falling back to
-     *   {@link Component#setTimeout}.
-     *
-     * - The callback is turned into a {@link Component~GenericCallback} (i.e.
-     *   bound to the component).
-     *
-     * - Automatic cancellation of the rAF callback is handled if the component
-     *   is disposed before it is called.
-     *
-     * @param  {Component~GenericCallback} fn
-     *         A function that will be bound to this component and executed just
-     *         before the browser's next repaint.
-     *
-     * @return {number}
-     *         Returns an rAF ID that gets used to identify the timeout. It can
-     *         also be used in {@link Component#cancelAnimationFrame} to cancel
-     *         the animation frame callback.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame}
-     */
-    ;
-
-    _proto.requestAnimationFrame = function requestAnimationFrame(fn) {
-      var _this3 = this;
-
-      // Fall back to using a timer.
-      if (!this.supportsRaf_) {
-        return this.setTimeout(fn, 1000 / 60);
-      }
-
-      this.clearTimersOnDispose_(); // declare as variables so they are properly available in rAF function
-      // eslint-disable-next-line
-
-      var id;
-      fn = bind(this, fn);
-      id = window$1.requestAnimationFrame(function () {
-        if (_this3.rafIds_.has(id)) {
-          _this3.rafIds_["delete"](id);
-        }
-
-        fn();
-      });
-      this.rafIds_.add(id);
-      return id;
-    }
-    /**
-     * Cancels a queued callback passed to {@link Component#requestAnimationFrame}
-     * (rAF).
-     *
-     * If you queue an rAF callback via {@link Component#requestAnimationFrame},
-     * use this function instead of `window.cancelAnimationFrame`. If you don't,
-     * your dispose listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} id
-     *        The rAF ID to clear. The return value of {@link Component#requestAnimationFrame}.
-     *
-     * @return {number}
-     *         Returns the rAF ID that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/cancelAnimationFrame}
-     */
-    ;
-
-    _proto.cancelAnimationFrame = function cancelAnimationFrame(id) {
-      // Fall back to using a timer.
-      if (!this.supportsRaf_) {
-        return this.clearTimeout(id);
-      }
-
-      if (this.rafIds_.has(id)) {
-        this.rafIds_["delete"](id);
-        window$1.cancelAnimationFrame(id);
-      }
-
-      return id;
-    }
-    /**
-     * A function to setup `requestAnimationFrame`, `setTimeout`,
-     * and `setInterval`, clearing on dispose.
-     *
-     * > Previously each timer added and removed dispose listeners on it's own.
-     * For better performance it was decided to batch them all, and use `Set`s
-     * to track outstanding timer ids.
-     *
-     * @private
-     */
-    ;
-
-    _proto.clearTimersOnDispose_ = function clearTimersOnDispose_() {
-      var _this4 = this;
-
-      if (this.clearingTimersOnDispose_) {
-        return;
-      }
-
-      this.clearingTimersOnDispose_ = true;
-      this.one('dispose', function () {
-        [['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
-          var idName = _ref[0],
-              cancelName = _ref[1];
-
-          _this4[idName].forEach(_this4[cancelName], _this4);
-        });
-        _this4.clearingTimersOnDispose_ = false;
-      });
-    }
-    /**
-     * Register a `Component` with `videojs` given the name and the component.
-     *
-     * > NOTE: {@link Tech}s should not be registered as a `Component`. {@link Tech}s
-     *         should be registered using {@link Tech.registerTech} or
-     *         {@link videojs:videojs.registerTech}.
-     *
-     * > NOTE: This function can also be seen on videojs as
-     *         {@link videojs:videojs.registerComponent}.
-     *
-     * @param {string} name
-     *        The name of the `Component` to register.
-     *
-     * @param {Component} ComponentToRegister
-     *        The `Component` class to register.
-     *
-     * @return {Component}
-     *         The `Component` that was registered.
-     */
-    ;
-
-    Component.registerComponent = function registerComponent(name, ComponentToRegister) {
-      if (typeof name !== 'string' || !name) {
-        throw new Error("Illegal component name, \"" + name + "\"; must be a non-empty string.");
-      }
-
-      var Tech = Component.getComponent('Tech'); // We need to make sure this check is only done if Tech has been registered.
-
-      var isTech = Tech && Tech.isTech(ComponentToRegister);
-      var isComp = Component === ComponentToRegister || Component.prototype.isPrototypeOf(ComponentToRegister.prototype);
-
-      if (isTech || !isComp) {
-        var reason;
-
-        if (isTech) {
-          reason = 'techs must be registered using Tech.registerTech()';
-        } else {
-          reason = 'must be a Component subclass';
-        }
-
-        throw new Error("Illegal component, \"" + name + "\"; " + reason + ".");
-      }
-
-      name = toTitleCase(name);
-
-      if (!Component.components_) {
-        Component.components_ = {};
-      }
-
-      var Player = Component.getComponent('Player');
-
-      if (name === 'Player' && Player && Player.players) {
-        var players = Player.players;
-        var playerNames = Object.keys(players); // If we have players that were disposed, then their name will still be
-        // in Players.players. So, we must loop through and verify that the value
-        // for each item is not null. This allows registration of the Player component
-        // after all players have been disposed or before any were created.
-
-        if (players && playerNames.length > 0 && playerNames.map(function (pname) {
-          return players[pname];
-        }).every(Boolean)) {
-          throw new Error('Can not register Player component after player has been created.');
-        }
-      }
-
-      Component.components_[name] = ComponentToRegister;
-      Component.components_[toLowerCase(name)] = ComponentToRegister;
-      return ComponentToRegister;
-    }
-    /**
-     * Get a `Component` based on the name it was registered with.
-     *
-     * @param {string} name
-     *        The Name of the component to get.
-     *
-     * @return {Component}
-     *         The `Component` that got registered under the given name.
-     *
-     * @deprecated In `videojs` 6 this will not return `Component`s that were not
-     *             registered using {@link Component.registerComponent}. Currently we
-     *             check the global `videojs` object for a `Component` name and
-     *             return that if it exists.
-     */
-    ;
-
-    Component.getComponent = function getComponent(name) {
-      if (!name || !Component.components_) {
-        return;
-      }
-
-      return Component.components_[name];
-    };
-
-    return Component;
-  }();
-  /**
-   * Whether or not this component supports `requestAnimationFrame`.
-   *
-   * This is exposed primarily for testing purposes.
-   *
-   * @private
-   * @type {Boolean}
-   */
-
-
-  Component.prototype.supportsRaf_ = typeof window$1.requestAnimationFrame === 'function' && typeof window$1.cancelAnimationFrame === 'function';
-  Component.registerComponent('Component', Component);
-
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
-  }
-
-  var assertThisInitialized = _assertThisInitialized;
-
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  var inheritsLoose = _inheritsLoose;
-
-  /**
-   * @file browser.js
-   * @module browser
-   */
-  var USER_AGENT = window$1.navigator && window$1.navigator.userAgent || '';
-  var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
-  var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
-  /**
-   * Whether or not this device is an iPod.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IPOD = /iPod/i.test(USER_AGENT);
-  /**
-   * The detected iOS version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {string|null}
-   */
-
-  var IOS_VERSION = function () {
-    var match = USER_AGENT.match(/OS (\d+)_/i);
-
-    if (match && match[1]) {
-      return match[1];
-    }
-
-    return null;
-  }();
-  /**
-   * Whether or not this is an Android device.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_ANDROID = /Android/i.test(USER_AGENT);
-  /**
-   * The detected Android version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|string|null}
-   */
-
-  var ANDROID_VERSION = function () {
-    // This matches Android Major.Minor.Patch versions
-    // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
-    var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
-
-    if (!match) {
-      return null;
-    }
-
-    var major = match[1] && parseFloat(match[1]);
-    var minor = match[2] && parseFloat(match[2]);
-
-    if (major && minor) {
-      return parseFloat(match[1] + '.' + match[2]);
-    } else if (major) {
-      return major;
-    }
-
-    return null;
-  }();
-  /**
-   * Whether or not this is a native Android browser.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-  /**
-   * Whether or not this is Mozilla Firefox.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-  /**
-   * Whether or not this is Microsoft Edge.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_EDGE = /Edge/i.test(USER_AGENT);
-  /**
-   * Whether or not this is Google Chrome.
-   *
-   * This will also be `true` for Chrome on iOS, which will have different support
-   * as it is actually Safari under the hood.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
-  /**
-   * The detected Google Chrome version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|null}
-   */
-
-  var CHROME_VERSION = function () {
-    var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
-
-    if (match && match[2]) {
-      return parseFloat(match[2]);
-    }
-
-    return null;
-  }();
-  /**
-   * The detected Internet Explorer version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|null}
-   */
-
-  var IE_VERSION = function () {
-    var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
-    var version = result && parseFloat(result[1]);
-
-    if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
-      // IE 11 has a different user agent string than other IE versions
-      version = 11.0;
-    }
-
-    return version;
-  }();
-  /**
-   * Whether or not this is desktop Safari.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-  /**
-   * Whether or not this is a Windows machine.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_WINDOWS = /Windows/i.test(USER_AGENT);
-  /**
-   * Whether or not this device is touch-enabled.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var TOUCH_ENABLED = isReal() && ('ontouchstart' in window$1 || window$1.navigator.maxTouchPoints || window$1.DocumentTouch && window$1.document instanceof window$1.DocumentTouch);
-  /**
-   * Whether or not this device is an iPad.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
-  /**
-   * Whether or not this device is an iPhone.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-  // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
-  // to identify iPhones, we need to exclude iPads.
-  // http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
-
-  var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
-  /**
-   * Whether or not this is an iOS device.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-  /**
-   * Whether or not this is any flavor of Safari - including iOS.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
-
-  var browser = /*#__PURE__*/Object.freeze({
-    IS_IPOD: IS_IPOD,
-    IOS_VERSION: IOS_VERSION,
-    IS_ANDROID: IS_ANDROID,
-    ANDROID_VERSION: ANDROID_VERSION,
-    IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-    IS_FIREFOX: IS_FIREFOX,
-    IS_EDGE: IS_EDGE,
-    IS_CHROME: IS_CHROME,
-    CHROME_VERSION: CHROME_VERSION,
-    IE_VERSION: IE_VERSION,
-    IS_SAFARI: IS_SAFARI,
-    IS_WINDOWS: IS_WINDOWS,
-    TOUCH_ENABLED: TOUCH_ENABLED,
-    IS_IPAD: IS_IPAD,
-    IS_IPHONE: IS_IPHONE,
-    IS_IOS: IS_IOS,
-    IS_ANY_SAFARI: IS_ANY_SAFARI
-  });
-
-  /**
-   * @file time-ranges.js
-   * @module time-ranges
-   */
-
-  /**
-   * Returns the time for the specified index at the start or end
-   * of a TimeRange object.
-   *
-   * @typedef    {Function} TimeRangeIndex
-   *
-   * @param      {number} [index=0]
-   *             The range number to return the time for.
-   *
-   * @return     {number}
-   *             The time offset at the specified index.
-   *
-   * @deprecated The index argument must be provided.
-   *             In the future, leaving it out will throw an error.
-   */
-
-  /**
-   * An object that contains ranges of time.
-   *
-   * @typedef  {Object} TimeRange
-   *
-   * @property {number} length
-   *           The number of time ranges represented by this object.
-   *
-   * @property {module:time-ranges~TimeRangeIndex} start
-   *           Returns the time offset at which a specified time range begins.
-   *
-   * @property {module:time-ranges~TimeRangeIndex} end
-   *           Returns the time offset at which a specified time range ends.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges
-   */
-
-  /**
-   * Check if any of the time ranges are over the maximum index.
-   *
-   * @private
-   * @param   {string} fnName
-   *          The function name to use for logging
-   *
-   * @param   {number} index
-   *          The index to check
-   *
-   * @param   {number} maxIndex
-   *          The maximum possible index
-   *
-   * @throws  {Error} if the timeRanges provided are over the maxIndex
-   */
-  function rangeCheck(fnName, index, maxIndex) {
-    if (typeof index !== 'number' || index < 0 || index > maxIndex) {
-      throw new Error("Failed to execute '" + fnName + "' on 'TimeRanges': The index provided (" + index + ") is non-numeric or out of bounds (0-" + maxIndex + ").");
-    }
-  }
-  /**
-   * Get the time for the specified index at the start or end
-   * of a TimeRange object.
-   *
-   * @private
-   * @param      {string} fnName
-   *             The function name to use for logging
-   *
-   * @param      {string} valueIndex
-   *             The property that should be used to get the time. should be
-   *             'start' or 'end'
-   *
-   * @param      {Array} ranges
-   *             An array of time ranges
-   *
-   * @param      {Array} [rangeIndex=0]
-   *             The index to start the search at
-   *
-   * @return     {number}
-   *             The time that offset at the specified index.
-   *
-   * @deprecated rangeIndex must be set to a value, in the future this will throw an error.
-   * @throws     {Error} if rangeIndex is more than the length of ranges
-   */
-
-
-  function getRange(fnName, valueIndex, ranges, rangeIndex) {
-    rangeCheck(fnName, rangeIndex, ranges.length - 1);
-    return ranges[rangeIndex][valueIndex];
-  }
-  /**
-   * Create a time range object given ranges of time.
-   *
-   * @private
-   * @param   {Array} [ranges]
-   *          An array of time ranges.
-   */
-
-
-  function createTimeRangesObj(ranges) {
-    if (ranges === undefined || ranges.length === 0) {
-      return {
-        length: 0,
-        start: function start() {
-          throw new Error('This TimeRanges object is empty');
-        },
-        end: function end() {
-          throw new Error('This TimeRanges object is empty');
-        }
-      };
-    }
-
-    return {
-      length: ranges.length,
-      start: getRange.bind(null, 'start', 0, ranges),
-      end: getRange.bind(null, 'end', 1, ranges)
-    };
-  }
-  /**
-   * Create a `TimeRange` object which mimics an
-   * {@link https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges|HTML5 TimeRanges instance}.
-   *
-   * @param {number|Array[]} start
-   *        The start of a single range (a number) or an array of ranges (an
-   *        array of arrays of two numbers each).
-   *
-   * @param {number} end
-   *        The end of a single range. Cannot be used with the array form of
-   *        the `start` argument.
-   */
-
-
-  function createTimeRanges(start, end) {
-    if (Array.isArray(start)) {
-      return createTimeRangesObj(start);
-    } else if (start === undefined || end === undefined) {
-      return createTimeRangesObj();
-    }
-
-    return createTimeRangesObj([[start, end]]);
-  }
-
-  /**
-   * @file buffer.js
-   * @module buffer
-   */
-  /**
-   * Compute the percentage of the media that has been buffered.
-   *
-   * @param {TimeRange} buffered
-   *        The current `TimeRange` object representing buffered time ranges
-   *
-   * @param {number} duration
-   *        Total duration of the media
-   *
-   * @return {number}
-   *         Percent buffered of the total duration in decimal form.
-   */
-
-  function bufferedPercent(buffered, duration) {
-    var bufferedDuration = 0;
-    var start;
-    var end;
-
-    if (!duration) {
-      return 0;
-    }
-
-    if (!buffered || !buffered.length) {
-      buffered = createTimeRanges(0, 0);
-    }
-
-    for (var i = 0; i < buffered.length; i++) {
-      start = buffered.start(i);
-      end = buffered.end(i); // buffered end can be bigger than duration by a very small fraction
-
-      if (end > duration) {
-        end = duration;
-      }
-
-      bufferedDuration += end - start;
-    }
-
-    return bufferedDuration / duration;
-  }
-
-  /**
-   * @file fullscreen-api.js
-   * @module fullscreen-api
-   * @private
-   */
-  /**
-   * Store the browser-specific methods for the fullscreen API.
-   *
-   * @type {Object}
-   * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
-   * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
-   */
-
-  var FullscreenApi = {
-    prefixed: true
-  }; // browser API methods
-
-  var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
-  ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
-  ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
-  ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
-  var specApi = apiMap[0];
-  var browserApi; // determine the supported set of functions
-
-  for (var i = 0; i < apiMap.length; i++) {
-    // check for exitFullscreen function
-    if (apiMap[i][1] in document) {
-      browserApi = apiMap[i];
-      break;
-    }
-  } // map the browser API names to the spec API names
-
-
-  if (browserApi) {
-    for (var _i = 0; _i < browserApi.length; _i++) {
-      FullscreenApi[specApi[_i]] = browserApi[_i];
-    }
-
-    FullscreenApi.prefixed = browserApi[0] !== specApi[0];
-  }
-
-  /**
-   * @file media-error.js
-   */
-  /**
-   * A Custom `MediaError` class which mimics the standard HTML5 `MediaError` class.
-   *
-   * @param {number|string|Object|MediaError} value
-   *        This can be of multiple types:
-   *        - number: should be a standard error code
-   *        - string: an error message (the code will be 0)
-   *        - Object: arbitrary properties
-   *        - `MediaError` (native): used to populate a video.js `MediaError` object
-   *        - `MediaError` (video.js): will return itself if it's already a
-   *          video.js `MediaError` object.
-   *
-   * @see [MediaError Spec]{@link https://dev.w3.org/html5/spec-author-view/video.html#mediaerror}
-   * @see [Encrypted MediaError Spec]{@link https://www.w3.org/TR/2013/WD-encrypted-media-20130510/#error-codes}
-   *
-   * @class MediaError
-   */
-
-  function MediaError(value) {
-    // Allow redundant calls to this constructor to avoid having `instanceof`
-    // checks peppered around the code.
-    if (value instanceof MediaError) {
-      return value;
-    }
-
-    if (typeof value === 'number') {
-      this.code = value;
-    } else if (typeof value === 'string') {
-      // default code is zero, so this is a custom error
-      this.message = value;
-    } else if (isObject(value)) {
-      // We assign the `code` property manually because native `MediaError` objects
-      // do not expose it as an own/enumerable property of the object.
-      if (typeof value.code === 'number') {
-        this.code = value.code;
-      }
-
-      assign(this, value);
-    }
-
-    if (!this.message) {
-      this.message = MediaError.defaultMessages[this.code] || '';
-    }
-  }
-  /**
-   * The error code that refers two one of the defined `MediaError` types
-   *
-   * @type {Number}
-   */
-
-
-  MediaError.prototype.code = 0;
-  /**
-   * An optional message that to show with the error. Message is not part of the HTML5
-   * video spec but allows for more informative custom errors.
-   *
-   * @type {String}
-   */
-
-  MediaError.prototype.message = '';
-  /**
-   * An optional status code that can be set by plugins to allow even more detail about
-   * the error. For example a plugin might provide a specific HTTP status code and an
-   * error message for that code. Then when the plugin gets that error this class will
-   * know how to display an error message for it. This allows a custom message to show
-   * up on the `Player` error overlay.
-   *
-   * @type {Array}
-   */
-
-  MediaError.prototype.status = null;
-  /**
-   * Errors indexed by the W3C standard. The order **CANNOT CHANGE**! See the
-   * specification listed under {@link MediaError} for more information.
-   *
-   * @enum {array}
-   * @readonly
-   * @property {string} 0 - MEDIA_ERR_CUSTOM
-   * @property {string} 1 - MEDIA_ERR_ABORTED
-   * @property {string} 2 - MEDIA_ERR_NETWORK
-   * @property {string} 3 - MEDIA_ERR_DECODE
-   * @property {string} 4 - MEDIA_ERR_SRC_NOT_SUPPORTED
-   * @property {string} 5 - MEDIA_ERR_ENCRYPTED
-   */
-
-  MediaError.errorTypes = ['MEDIA_ERR_CUSTOM', 'MEDIA_ERR_ABORTED', 'MEDIA_ERR_NETWORK', 'MEDIA_ERR_DECODE', 'MEDIA_ERR_SRC_NOT_SUPPORTED', 'MEDIA_ERR_ENCRYPTED'];
-  /**
-   * The default `MediaError` messages based on the {@link MediaError.errorTypes}.
-   *
-   * @type {Array}
-   * @constant
-   */
-
-  MediaError.defaultMessages = {
-    1: 'You aborted the media playback',
-    2: 'A network error caused the media download to fail part-way.',
-    3: 'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.',
-    4: 'The media could not be loaded, either because the server or network failed or because the format is not supported.',
-    5: 'The media is encrypted and we do not have the keys to decrypt it.'
-  }; // Add types as properties on MediaError
-  // e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
-
-  for (var errNum = 0; errNum < MediaError.errorTypes.length; errNum++) {
-    MediaError[MediaError.errorTypes[errNum]] = errNum; // values should be accessible on both the class and instance
-
-    MediaError.prototype[MediaError.errorTypes[errNum]] = errNum;
-  } // jsdocs for instance/static members added above
-
-  var tuple = SafeParseTuple;
-
-  function SafeParseTuple(obj, reviver) {
-    var json;
-    var error = null;
-
-    try {
-      json = JSON.parse(obj, reviver);
-    } catch (err) {
-      error = err;
-    }
-
-    return [error, json];
-  }
-
-  /**
-   * Returns whether an object is `Promise`-like (i.e. has a `then` method).
-   *
-   * @param  {Object}  value
-   *         An object that may or may not be `Promise`-like.
-   *
-   * @return {boolean}
-   *         Whether or not the object is `Promise`-like.
-   */
-  function isPromise(value) {
-    return value !== undefined && value !== null && typeof value.then === 'function';
-  }
-  /**
-   * Silence a Promise-like object.
-   *
-   * This is useful for avoiding non-harmful, but potentially confusing "uncaught
-   * play promise" rejection error messages.
-   *
-   * @param  {Object} value
-   *         An object that may or may not be `Promise`-like.
-   */
-
-  function silencePromise(value) {
-    if (isPromise(value)) {
-      value.then(null, function (e) {});
-    }
-  }
-
-  /**
-   * @file text-track-list-converter.js Utilities for capturing text track state and
-   * re-creating tracks based on a capture.
-   *
-   * @module text-track-list-converter
-   */
-
-  /**
-   * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that
-   * represents the {@link TextTrack}'s state.
-   *
-   * @param {TextTrack} track
-   *        The text track to query.
-   *
-   * @return {Object}
-   *         A serializable javascript representation of the TextTrack.
-   * @private
-   */
-  var trackToJson_ = function trackToJson_(track) {
-    var ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce(function (acc, prop, i) {
-      if (track[prop]) {
-        acc[prop] = track[prop];
-      }
-
-      return acc;
-    }, {
-      cues: track.cues && Array.prototype.map.call(track.cues, function (cue) {
-        return {
-          startTime: cue.startTime,
-          endTime: cue.endTime,
-          text: cue.text,
-          id: cue.id
-        };
-      })
-    });
-    return ret;
-  };
-  /**
-   * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the
-   * state of all {@link TextTrack}s currently configured. The return array is compatible with
-   * {@link text-track-list-converter:jsonToTextTracks}.
-   *
-   * @param {Tech} tech
-   *        The tech object to query
-   *
-   * @return {Array}
-   *         A serializable javascript representation of the {@link Tech}s
-   *         {@link TextTrackList}.
-   */
-
-
-  var textTracksToJson = function textTracksToJson(tech) {
-    var trackEls = tech.$$('track');
-    var trackObjs = Array.prototype.map.call(trackEls, function (t) {
-      return t.track;
-    });
-    var tracks = Array.prototype.map.call(trackEls, function (trackEl) {
-      var json = trackToJson_(trackEl.track);
-
-      if (trackEl.src) {
-        json.src = trackEl.src;
-      }
-
-      return json;
-    });
-    return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {
-      return trackObjs.indexOf(track) === -1;
-    }).map(trackToJson_));
-  };
-  /**
-   * Create a set of remote {@link TextTrack}s on a {@link Tech} based on an array of javascript
-   * object {@link TextTrack} representations.
-   *
-   * @param {Array} json
-   *        An array of `TextTrack` representation objects, like those that would be
-   *        produced by `textTracksToJson`.
-   *
-   * @param {Tech} tech
-   *        The `Tech` to create the `TextTrack`s on.
-   */
-
-
-  var jsonToTextTracks = function jsonToTextTracks(json, tech) {
-    json.forEach(function (track) {
-      var addedTrack = tech.addRemoteTextTrack(track).track;
-
-      if (!track.src && track.cues) {
-        track.cues.forEach(function (cue) {
-          return addedTrack.addCue(cue);
-        });
-      }
-    });
-    return tech.textTracks();
-  };
-
-  var textTrackConverter = {
-    textTracksToJson: textTracksToJson,
-    jsonToTextTracks: jsonToTextTracks,
-    trackToJson_: trackToJson_
-  };
-
-  var keycode = createCommonjsModule(function (module, exports) {
-    // Source: http://jsfiddle.net/vWx8V/
-    // http://stackoverflow.com/questions/5603195/full-list-of-javascript-keycodes
-
-    /**
-     * Conenience method returns corresponding value for given keyName or keyCode.
-     *
-     * @param {Mixed} keyCode {Number} or keyName {String}
-     * @return {Mixed}
-     * @api public
-     */
-    function keyCode(searchInput) {
-      // Keyboard Events
-      if (searchInput && 'object' === typeof searchInput) {
-        var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode;
-        if (hasKeyCode) searchInput = hasKeyCode;
-      } // Numbers
-
-
-      if ('number' === typeof searchInput) return names[searchInput]; // Everything else (cast to string)
-
-      var search = String(searchInput); // check codes
-
-      var foundNamedKey = codes[search.toLowerCase()];
-      if (foundNamedKey) return foundNamedKey; // check aliases
-
-      var foundNamedKey = aliases[search.toLowerCase()];
-      if (foundNamedKey) return foundNamedKey; // weird character?
-
-      if (search.length === 1) return search.charCodeAt(0);
-      return undefined;
-    }
-    /**
-     * Compares a keyboard event with a given keyCode or keyName.
-     *
-     * @param {Event} event Keyboard event that should be tested
-     * @param {Mixed} keyCode {Number} or keyName {String}
-     * @return {Boolean}
-     * @api public
-     */
-
-
-    keyCode.isEventKey = function isEventKey(event, nameOrCode) {
-      if (event && 'object' === typeof event) {
-        var keyCode = event.which || event.keyCode || event.charCode;
-
-        if (keyCode === null || keyCode === undefined) {
-          return false;
-        }
-
-        if (typeof nameOrCode === 'string') {
-          // check codes
-          var foundNamedKey = codes[nameOrCode.toLowerCase()];
-
-          if (foundNamedKey) {
-            return foundNamedKey === keyCode;
-          } // check aliases
-
-
-          var foundNamedKey = aliases[nameOrCode.toLowerCase()];
-
-          if (foundNamedKey) {
-            return foundNamedKey === keyCode;
-          }
-        } else if (typeof nameOrCode === 'number') {
-          return nameOrCode === keyCode;
-        }
-
-        return false;
-      }
-    };
-
-    exports = module.exports = keyCode;
-    /**
-     * Get by name
-     *
-     *   exports.code['enter'] // => 13
-     */
-
-    var codes = exports.code = exports.codes = {
-      'backspace': 8,
-      'tab': 9,
-      'enter': 13,
-      'shift': 16,
-      'ctrl': 17,
-      'alt': 18,
-      'pause/break': 19,
-      'caps lock': 20,
-      'esc': 27,
-      'space': 32,
-      'page up': 33,
-      'page down': 34,
-      'end': 35,
-      'home': 36,
-      'left': 37,
-      'up': 38,
-      'right': 39,
-      'down': 40,
-      'insert': 45,
-      'delete': 46,
-      'command': 91,
-      'left command': 91,
-      'right command': 93,
-      'numpad *': 106,
-      'numpad +': 107,
-      'numpad -': 109,
-      'numpad .': 110,
-      'numpad /': 111,
-      'num lock': 144,
-      'scroll lock': 145,
-      'my computer': 182,
-      'my calculator': 183,
-      ';': 186,
-      '=': 187,
-      ',': 188,
-      '-': 189,
-      '.': 190,
-      '/': 191,
-      '`': 192,
-      '[': 219,
-      '\\': 220,
-      ']': 221,
-      "'": 222 // Helper aliases
-
-    };
-    var aliases = exports.aliases = {
-      'windows': 91,
-      '⇧': 16,
-      '⌥': 18,
-      '⌃': 17,
-      '⌘': 91,
-      'ctl': 17,
-      'control': 17,
-      'option': 18,
-      'pause': 19,
-      'break': 19,
-      'caps': 20,
-      'return': 13,
-      'escape': 27,
-      'spc': 32,
-      'spacebar': 32,
-      'pgup': 33,
-      'pgdn': 34,
-      'ins': 45,
-      'del': 46,
-      'cmd': 91
-      /*!
-       * Programatically add the following
-       */
-      // lower case chars
-
-    };
-
-    for (i = 97; i < 123; i++) {
-      codes[String.fromCharCode(i)] = i - 32;
-    } // numbers
-
-
-    for (var i = 48; i < 58; i++) {
-      codes[i - 48] = i;
-    } // function keys
-
-
-    for (i = 1; i < 13; i++) {
-      codes['f' + i] = i + 111;
-    } // numpad keys
-
-
-    for (i = 0; i < 10; i++) {
-      codes['numpad ' + i] = i + 96;
-    }
-    /**
-     * Get by code
-     *
-     *   exports.name[13] // => 'Enter'
-     */
-
-
-    var names = exports.names = exports.title = {}; // title for backward compat
-    // Create reverse mapping
-
-    for (i in codes) {
-      names[codes[i]] = i;
-    } // Add aliases
-
-
-    for (var alias in aliases) {
-      codes[alias] = aliases[alias];
-    }
-  });
-  var keycode_1 = keycode.code;
-  var keycode_2 = keycode.codes;
-  var keycode_3 = keycode.aliases;
-  var keycode_4 = keycode.names;
-  var keycode_5 = keycode.title;
-
-  var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-  /**
-   * The `ModalDialog` displays over the video and its controls, which blocks
-   * interaction with the player until it is closed.
-   *
-   * Modal dialogs include a "Close" button and will close when that button
-   * is activated - or when ESC is pressed anywhere.
-   *
-   * @extends Component
-   */
-
-  var ModalDialog =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ModalDialog, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Mixed} [options.content=undefined]
-     *        Provide customized content for this modal.
-     *
-     * @param {string} [options.description]
-     *        A text description for the modal, primarily for accessibility.
-     *
-     * @param {boolean} [options.fillAlways=false]
-     *        Normally, modals are automatically filled only the first time
-     *        they open. This tells the modal to refresh its content
-     *        every time it opens.
-     *
-     * @param {string} [options.label]
-     *        A text label for the modal, primarily for accessibility.
-     *
-     * @param {boolean} [options.pauseOnOpen=true]
-     *        If `true`, playback will will be paused if playing when
-     *        the modal opens, and resumed when it closes.
-     *
-     * @param {boolean} [options.temporary=true]
-     *        If `true`, the modal can only be opened once; it will be
-     *        disposed as soon as it's closed.
-     *
-     * @param {boolean} [options.uncloseable=false]
-     *        If `true`, the user will not be able to close the modal
-     *        through the UI in the normal ways. Programmatic closing is
-     *        still possible.
-     */
-    function ModalDialog(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;
-
-      _this.closeable(!_this.options_.uncloseable);
-
-      _this.content(_this.options_.content); // Make sure the contentEl is defined AFTER any children are initialized
-      // because we only want the contents of the modal in the contentEl
-      // (not the UI elements like the close button).
-
-
-      _this.contentEl_ = createEl('div', {
-        className: MODAL_CLASS_NAME + "-content"
-      }, {
-        role: 'document'
-      });
-      _this.descEl_ = createEl('p', {
-        className: MODAL_CLASS_NAME + "-description vjs-control-text",
-        id: _this.el().getAttribute('aria-describedby')
-      });
-      textContent(_this.descEl_, _this.description());
-
-      _this.el_.appendChild(_this.descEl_);
-
-      _this.el_.appendChild(_this.contentEl_);
-
-      return _this;
-    }
-    /**
-     * Create the `ModalDialog`'s DOM element
-     *
-     * @return {Element}
-     *         The DOM element that gets created.
-     */
-
-
-    var _proto = ModalDialog.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildCSSClass(),
-        tabIndex: -1
-      }, {
-        'aria-describedby': this.id() + "_description",
-        'aria-hidden': 'true',
-        'aria-label': this.label(),
-        'role': 'dialog'
-      });
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.descEl_ = null;
-      this.previouslyActiveEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return MODAL_CLASS_NAME + " vjs-hidden " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Returns the label string for this modal. Primarily used for accessibility.
-     *
-     * @return {string}
-     *         the localized or raw label of this modal.
-     */
-    ;
-
-    _proto.label = function label() {
-      return this.localize(this.options_.label || 'Modal Window');
-    }
-    /**
-     * Returns the description string for this modal. Primarily used for
-     * accessibility.
-     *
-     * @return {string}
-     *         The localized or raw description of this modal.
-     */
-    ;
-
-    _proto.description = function description() {
-      var desc = this.options_.description || this.localize('This is a modal window.'); // Append a universal closeability message if the modal is closeable.
-
-      if (this.closeable()) {
-        desc += ' ' + this.localize('This modal can be closed by pressing the Escape key or activating the close button.');
-      }
-
-      return desc;
-    }
-    /**
-     * Opens the modal.
-     *
-     * @fires ModalDialog#beforemodalopen
-     * @fires ModalDialog#modalopen
-     */
-    ;
-
-    _proto.open = function open() {
-      if (!this.opened_) {
-        var player = this.player();
-        /**
-          * Fired just before a `ModalDialog` is opened.
-          *
-          * @event ModalDialog#beforemodalopen
-          * @type {EventTarget~Event}
-          */
-
-        this.trigger('beforemodalopen');
-        this.opened_ = true; // Fill content if the modal has never opened before and
-        // never been filled.
-
-        if (this.options_.fillAlways || !this.hasBeenOpened_ && !this.hasBeenFilled_) {
-          this.fill();
-        } // If the player was playing, pause it and take note of its previously
-        // playing state.
-
-
-        this.wasPlaying_ = !player.paused();
-
-        if (this.options_.pauseOnOpen && this.wasPlaying_) {
-          player.pause();
-        }
-
-        this.on('keydown', this.handleKeyDown); // Hide controls and note if they were enabled.
-
-        this.hadControls_ = player.controls();
-        player.controls(false);
-        this.show();
-        this.conditionalFocus_();
-        this.el().setAttribute('aria-hidden', 'false');
-        /**
-          * Fired just after a `ModalDialog` is opened.
-          *
-          * @event ModalDialog#modalopen
-          * @type {EventTarget~Event}
-          */
-
-        this.trigger('modalopen');
-        this.hasBeenOpened_ = true;
-      }
-    }
-    /**
-     * If the `ModalDialog` is currently open or closed.
-     *
-     * @param  {boolean} [value]
-     *         If given, it will open (`true`) or close (`false`) the modal.
-     *
-     * @return {boolean}
-     *         the current open state of the modaldialog
-     */
-    ;
-
-    _proto.opened = function opened(value) {
-      if (typeof value === 'boolean') {
-        this[value ? 'open' : 'close']();
-      }
-
-      return this.opened_;
-    }
-    /**
-     * Closes the modal, does nothing if the `ModalDialog` is
-     * not open.
-     *
-     * @fires ModalDialog#beforemodalclose
-     * @fires ModalDialog#modalclose
-     */
-    ;
-
-    _proto.close = function close() {
-      if (!this.opened_) {
-        return;
-      }
-
-      var player = this.player();
-      /**
-        * Fired just before a `ModalDialog` is closed.
-        *
-        * @event ModalDialog#beforemodalclose
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalclose');
-      this.opened_ = false;
-
-      if (this.wasPlaying_ && this.options_.pauseOnOpen) {
-        player.play();
-      }
-
-      this.off('keydown', this.handleKeyDown);
-
-      if (this.hadControls_) {
-        player.controls(true);
-      }
-
-      this.hide();
-      this.el().setAttribute('aria-hidden', 'true');
-      /**
-        * Fired just after a `ModalDialog` is closed.
-        *
-        * @event ModalDialog#modalclose
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('modalclose');
-      this.conditionalBlur_();
-
-      if (this.options_.temporary) {
-        this.dispose();
-      }
-    }
-    /**
-     * Check to see if the `ModalDialog` is closeable via the UI.
-     *
-     * @param  {boolean} [value]
-     *         If given as a boolean, it will set the `closeable` option.
-     *
-     * @return {boolean}
-     *         Returns the final value of the closable option.
-     */
-    ;
-
-    _proto.closeable = function closeable(value) {
-      if (typeof value === 'boolean') {
-        var closeable = this.closeable_ = !!value;
-        var close = this.getChild('closeButton'); // If this is being made closeable and has no close button, add one.
-
-        if (closeable && !close) {
-          // The close button should be a child of the modal - not its
-          // content element, so temporarily change the content element.
-          var temp = this.contentEl_;
-          this.contentEl_ = this.el_;
-          close = this.addChild('closeButton', {
-            controlText: 'Close Modal Dialog'
-          });
-          this.contentEl_ = temp;
-          this.on(close, 'close', this.close);
-        } // If this is being made uncloseable and has a close button, remove it.
-
-
-        if (!closeable && close) {
-          this.off(close, 'close', this.close);
-          this.removeChild(close);
-          close.dispose();
-        }
-      }
-
-      return this.closeable_;
-    }
-    /**
-     * Fill the modal's content element with the modal's "content" option.
-     * The content element will be emptied before this change takes place.
-     */
-    ;
-
-    _proto.fill = function fill() {
-      this.fillWith(this.content());
-    }
-    /**
-     * Fill the modal's content element with arbitrary content.
-     * The content element will be emptied before this change takes place.
-     *
-     * @fires ModalDialog#beforemodalfill
-     * @fires ModalDialog#modalfill
-     *
-     * @param {Mixed} [content]
-     *        The same rules apply to this as apply to the `content` option.
-     */
-    ;
-
-    _proto.fillWith = function fillWith(content) {
-      var contentEl = this.contentEl();
-      var parentEl = contentEl.parentNode;
-      var nextSiblingEl = contentEl.nextSibling;
-      /**
-        * Fired just before a `ModalDialog` is filled with content.
-        *
-        * @event ModalDialog#beforemodalfill
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalfill');
-      this.hasBeenFilled_ = true; // Detach the content element from the DOM before performing
-      // manipulation to avoid modifying the live DOM multiple times.
-
-      parentEl.removeChild(contentEl);
-      this.empty();
-      insertContent(contentEl, content);
-      /**
-       * Fired just after a `ModalDialog` is filled with content.
-       *
-       * @event ModalDialog#modalfill
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('modalfill'); // Re-inject the re-filled content element.
-
-      if (nextSiblingEl) {
-        parentEl.insertBefore(contentEl, nextSiblingEl);
-      } else {
-        parentEl.appendChild(contentEl);
-      } // make sure that the close button is last in the dialog DOM
-
-
-      var closeButton = this.getChild('closeButton');
-
-      if (closeButton) {
-        parentEl.appendChild(closeButton.el_);
-      }
-    }
-    /**
-     * Empties the content element. This happens anytime the modal is filled.
-     *
-     * @fires ModalDialog#beforemodalempty
-     * @fires ModalDialog#modalempty
-     */
-    ;
-
-    _proto.empty = function empty() {
-      /**
-      * Fired just before a `ModalDialog` is emptied.
-      *
-      * @event ModalDialog#beforemodalempty
-      * @type {EventTarget~Event}
-      */
-      this.trigger('beforemodalempty');
-      emptyEl(this.contentEl());
-      /**
-      * Fired just after a `ModalDialog` is emptied.
-      *
-      * @event ModalDialog#modalempty
-      * @type {EventTarget~Event}
-      */
-
-      this.trigger('modalempty');
-    }
-    /**
-     * Gets or sets the modal content, which gets normalized before being
-     * rendered into the DOM.
-     *
-     * This does not update the DOM or fill the modal, but it is called during
-     * that process.
-     *
-     * @param  {Mixed} [value]
-     *         If defined, sets the internal content value to be used on the
-     *         next call(s) to `fill`. This value is normalized before being
-     *         inserted. To "clear" the internal content value, pass `null`.
-     *
-     * @return {Mixed}
-     *         The current content of the modal dialog
-     */
-    ;
-
-    _proto.content = function content(value) {
-      if (typeof value !== 'undefined') {
-        this.content_ = value;
-      }
-
-      return this.content_;
-    }
-    /**
-     * conditionally focus the modal dialog if focus was previously on the player.
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalFocus_ = function conditionalFocus_() {
-      var activeEl = document.activeElement;
-      var playerEl = this.player_.el_;
-      this.previouslyActiveEl_ = null;
-
-      if (playerEl.contains(activeEl) || playerEl === activeEl) {
-        this.previouslyActiveEl_ = activeEl;
-        this.focus();
-      }
-    }
-    /**
-     * conditionally blur the element and refocus the last focused element
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalBlur_ = function conditionalBlur_() {
-      if (this.previouslyActiveEl_) {
-        this.previouslyActiveEl_.focus();
-        this.previouslyActiveEl_ = null;
-      }
-    }
-    /**
-     * Keydown handler. Attached when modal is focused.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Do not allow keydowns to reach out of the modal dialog.
-      event.stopPropagation();
-
-      if (keycode.isEventKey(event, 'Escape') && this.closeable()) {
-        event.preventDefault();
-        this.close();
-        return;
-      } // exit early if it isn't a tab key
-
-
-      if (!keycode.isEventKey(event, 'Tab')) {
-        return;
-      }
-
-      var focusableEls = this.focusableEls_();
-      var activeEl = this.el_.querySelector(':focus');
-      var focusIndex;
-
-      for (var i = 0; i < focusableEls.length; i++) {
-        if (activeEl === focusableEls[i]) {
-          focusIndex = i;
-          break;
-        }
-      }
-
-      if (document.activeElement === this.el_) {
-        focusIndex = 0;
-      }
-
-      if (event.shiftKey && focusIndex === 0) {
-        focusableEls[focusableEls.length - 1].focus();
-        event.preventDefault();
-      } else if (!event.shiftKey && focusIndex === focusableEls.length - 1) {
-        focusableEls[0].focus();
-        event.preventDefault();
-      }
-    }
-    /**
-     * get all focusable elements
-     *
-     * @private
-     */
-    ;
-
-    _proto.focusableEls_ = function focusableEls_() {
-      var allChildren = this.el_.querySelectorAll('*');
-      return Array.prototype.filter.call(allChildren, function (child) {
-        return (child instanceof window$1.HTMLAnchorElement || child instanceof window$1.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window$1.HTMLInputElement || child instanceof window$1.HTMLSelectElement || child instanceof window$1.HTMLTextAreaElement || child instanceof window$1.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window$1.HTMLIFrameElement || child instanceof window$1.HTMLObjectElement || child instanceof window$1.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
-      });
-    };
-
-    return ModalDialog;
-  }(Component);
-  /**
-   * Default options for `ModalDialog` default options.
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ModalDialog.prototype.options_ = {
-    pauseOnOpen: true,
-    temporary: true
-  };
-  Component.registerComponent('ModalDialog', ModalDialog);
-
-  /**
-   * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
-   * {@link VideoTrackList}
-   *
-   * @extends EventTarget
-   */
-
-  var TrackList =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(TrackList, _EventTarget);
-
-    /**
-     * Create an instance of this class
-     *
-     * @param {Track[]} tracks
-     *        A list of tracks to initialize the list with.
-     *
-     * @abstract
-     */
-    function TrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      _this = _EventTarget.call(this) || this;
-      _this.tracks_ = [];
-      /**
-       * @memberof TrackList
-       * @member {number} length
-       *         The current number of `Track`s in the this Trackist.
-       * @instance
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'length', {
-        get: function get() {
-          return this.tracks_.length;
-        }
-      });
-
-      for (var i = 0; i < tracks.length; i++) {
-        _this.addTrack(tracks[i]);
-      }
-
-      return _this;
-    }
-    /**
-     * Add a {@link Track} to the `TrackList`
-     *
-     * @param {Track} track
-     *        The audio, video, or text track to add to the list.
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = TrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var index = this.tracks_.length;
-
-      if (!('' + index in this)) {
-        Object.defineProperty(this, index, {
-          get: function get() {
-            return this.tracks_[index];
-          }
-        });
-      } // Do not add duplicate tracks
-
-
-      if (this.tracks_.indexOf(track) === -1) {
-        this.tracks_.push(track);
-        /**
-         * Triggered when a track is added to a track list.
-         *
-         * @event TrackList#addtrack
-         * @type {EventTarget~Event}
-         * @property {Track} track
-         *           A reference to track that was added.
-         */
-
-        this.trigger({
-          track: track,
-          type: 'addtrack',
-          target: this
-        });
-      }
-    }
-    /**
-     * Remove a {@link Track} from the `TrackList`
-     *
-     * @param {Track} rtrack
-     *        The audio, video, or text track to remove from the list.
-     *
-     * @fires TrackList#removetrack
-     */
-    ;
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      var track;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        if (this[i] === rtrack) {
-          track = this[i];
-
-          if (track.off) {
-            track.off();
-          }
-
-          this.tracks_.splice(i, 1);
-          break;
-        }
-      }
-
-      if (!track) {
-        return;
-      }
-      /**
-       * Triggered when a track is removed from track list.
-       *
-       * @event TrackList#removetrack
-       * @type {EventTarget~Event}
-       * @property {Track} track
-       *           A reference to track that was removed.
-       */
-
-
-      this.trigger({
-        track: track,
-        type: 'removetrack',
-        target: this
-      });
-    }
-    /**
-     * Get a Track from the TrackList by a tracks id
-     *
-     * @param {string} id - the id of the track to get
-     * @method getTrackById
-     * @return {Track}
-     * @private
-     */
-    ;
-
-    _proto.getTrackById = function getTrackById(id) {
-      var result = null;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        var track = this[i];
-
-        if (track.id === id) {
-          result = track;
-          break;
-        }
-      }
-
-      return result;
-    };
-
-    return TrackList;
-  }(EventTarget);
-  /**
-   * Triggered when a different track is selected/enabled.
-   *
-   * @event TrackList#change
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Events that can be called with on + eventName. See {@link EventHandler}.
-   *
-   * @property {Object} TrackList#allowedEvents_
-   * @private
-   */
-
-
-  TrackList.prototype.allowedEvents_ = {
-    change: 'change',
-    addtrack: 'addtrack',
-    removetrack: 'removetrack'
-  }; // emulate attribute EventHandler support to allow for feature detection
-
-  for (var event in TrackList.prototype.allowedEvents_) {
-    TrackList.prototype['on' + event] = null;
-  }
-
-  /**
-   * Anywhere we call this function we diverge from the spec
-   * as we only support one enabled audiotrack at a time
-   *
-   * @param {AudioTrackList} list
-   *        list to work on
-   *
-   * @param {AudioTrack} track
-   *        The track to skip
-   *
-   * @private
-   */
-
-  var disableOthers = function disableOthers(list, track) {
-    for (var i = 0; i < list.length; i++) {
-      if (!Object.keys(list[i]).length || track.id === list[i].id) {
-        continue;
-      } // another audio track is enabled, disable it
-
-
-      list[i].enabled = false;
-    }
-  };
-  /**
-   * The current list of {@link AudioTrack} for a media file.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist}
-   * @extends TrackList
-   */
-
-
-  var AudioTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(AudioTrackList, _TrackList);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {AudioTrack[]} [tracks=[]]
-     *        A list of `AudioTrack` to instantiate the list with.
-     */
-    function AudioTrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      // make sure only 1 track is enabled
-      // sorted from last index to first index
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        if (tracks[i].enabled) {
-          disableOthers(tracks, tracks[i]);
-          break;
-        }
-      }
-
-      _this = _TrackList.call(this, tracks) || this;
-      _this.changing_ = false;
-      return _this;
-    }
-    /**
-     * Add an {@link AudioTrack} to the `AudioTrackList`.
-     *
-     * @param {AudioTrack} track
-     *        The AudioTrack to add to the list
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = AudioTrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var _this2 = this;
-
-      if (track.enabled) {
-        disableOthers(this, track);
-      }
-
-      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-      if (!track.addEventListener) {
-        return;
-      }
-
-      track.enabledChange_ = function () {
-        // when we are disabling other tracks (since we don't support
-        // more than one track at a time) we will set changing_
-        // to true so that we don't trigger additional change events
-        if (_this2.changing_) {
-          return;
-        }
-
-        _this2.changing_ = true;
-        disableOthers(_this2, track);
-        _this2.changing_ = false;
-
-        _this2.trigger('change');
-      };
-      /**
-       * @listens AudioTrack#enabledchange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('enabledchange', track.enabledChange_);
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack);
-
-      if (rtrack.removeEventListener && rtrack.enabledChange_) {
-        rtrack.removeEventListener('enabledchange', rtrack.enabledChange_);
-        rtrack.enabledChange_ = null;
-      }
-    };
-
-    return AudioTrackList;
-  }(TrackList);
-
-  /**
-   * Un-select all other {@link VideoTrack}s that are selected.
-   *
-   * @param {VideoTrackList} list
-   *        list to work on
-   *
-   * @param {VideoTrack} track
-   *        The track to skip
-   *
-   * @private
-   */
-
-  var disableOthers$1 = function disableOthers(list, track) {
-    for (var i = 0; i < list.length; i++) {
-      if (!Object.keys(list[i]).length || track.id === list[i].id) {
-        continue;
-      } // another video track is enabled, disable it
-
-
-      list[i].selected = false;
-    }
-  };
-  /**
-   * The current list of {@link VideoTrack} for a video.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist}
-   * @extends TrackList
-   */
-
-
-  var VideoTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(VideoTrackList, _TrackList);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {VideoTrack[]} [tracks=[]]
-     *        A list of `VideoTrack` to instantiate the list with.
-     */
-    function VideoTrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      // make sure only 1 track is enabled
-      // sorted from last index to first index
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        if (tracks[i].selected) {
-          disableOthers$1(tracks, tracks[i]);
-          break;
-        }
-      }
-
-      _this = _TrackList.call(this, tracks) || this;
-      _this.changing_ = false;
-      /**
-       * @member {number} VideoTrackList#selectedIndex
-       *         The current index of the selected {@link VideoTrack`}.
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'selectedIndex', {
-        get: function get() {
-          for (var _i = 0; _i < this.length; _i++) {
-            if (this[_i].selected) {
-              return _i;
-            }
-          }
-
-          return -1;
-        },
-        set: function set() {}
-      });
-      return _this;
-    }
-    /**
-     * Add a {@link VideoTrack} to the `VideoTrackList`.
-     *
-     * @param {VideoTrack} track
-     *        The VideoTrack to add to the list
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = VideoTrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var _this2 = this;
-
-      if (track.selected) {
-        disableOthers$1(this, track);
-      }
-
-      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-      if (!track.addEventListener) {
-        return;
-      }
-
-      track.selectedChange_ = function () {
-        if (_this2.changing_) {
-          return;
-        }
-
-        _this2.changing_ = true;
-        disableOthers$1(_this2, track);
-        _this2.changing_ = false;
-
-        _this2.trigger('change');
-      };
-      /**
-       * @listens VideoTrack#selectedchange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('selectedchange', track.selectedChange_);
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack);
-
-      if (rtrack.removeEventListener && rtrack.selectedChange_) {
-        rtrack.removeEventListener('selectedchange', rtrack.selectedChange_);
-        rtrack.selectedChange_ = null;
-      }
-    };
-
-    return VideoTrackList;
-  }(TrackList);
-
-  /**
-   * The current list of {@link TextTrack} for a media file.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttracklist}
-   * @extends TrackList
-   */
-
-  var TextTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(TextTrackList, _TrackList);
-
-    function TextTrackList() {
-      return _TrackList.apply(this, arguments) || this;
-    }
-
-    var _proto = TextTrackList.prototype;
-
-    /**
-     * Add a {@link TextTrack} to the `TextTrackList`
-     *
-     * @param {TextTrack} track
-     *        The text track to add to the list.
-     *
-     * @fires TrackList#addtrack
-     */
-    _proto.addTrack = function addTrack(track) {
-      var _this = this;
-
-      _TrackList.prototype.addTrack.call(this, track);
-
-      if (!this.queueChange_) {
-        this.queueChange_ = function () {
-          return _this.queueTrigger('change');
-        };
-      }
-
-      if (!this.triggerSelectedlanguagechange) {
-        this.triggerSelectedlanguagechange_ = function () {
-          return _this.trigger('selectedlanguagechange');
-        };
-      }
-      /**
-       * @listens TextTrack#modechange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('modechange', this.queueChange_);
-      var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-      if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-        track.addEventListener('modechange', this.triggerSelectedlanguagechange_);
-      }
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack); // manually remove the event handlers we added
-
-
-      if (rtrack.removeEventListener) {
-        if (this.queueChange_) {
-          rtrack.removeEventListener('modechange', this.queueChange_);
-        }
-
-        if (this.selectedlanguagechange_) {
-          rtrack.removeEventListener('modechange', this.triggerSelectedlanguagechange_);
-        }
-      }
-    };
-
-    return TextTrackList;
-  }(TrackList);
-
-  /**
-   * @file html-track-element-list.js
-   */
-
-  /**
-   * The current list of {@link HtmlTrackElement}s.
-   */
-  var HtmlTrackElementList =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Create an instance of this class.
-     *
-     * @param {HtmlTrackElement[]} [tracks=[]]
-     *        A list of `HtmlTrackElement` to instantiate the list with.
-     */
-    function HtmlTrackElementList(trackElements) {
-      if (trackElements === void 0) {
-        trackElements = [];
-      }
-
-      this.trackElements_ = [];
-      /**
-       * @memberof HtmlTrackElementList
-       * @member {number} length
-       *         The current number of `Track`s in the this Trackist.
-       * @instance
-       */
-
-      Object.defineProperty(this, 'length', {
-        get: function get() {
-          return this.trackElements_.length;
-        }
-      });
-
-      for (var i = 0, length = trackElements.length; i < length; i++) {
-        this.addTrackElement_(trackElements[i]);
-      }
-    }
-    /**
-     * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-     *
-     * @param {HtmlTrackElement} trackElement
-     *        The track element to add to the list.
-     *
-     * @private
-     */
-
-
-    var _proto = HtmlTrackElementList.prototype;
-
-    _proto.addTrackElement_ = function addTrackElement_(trackElement) {
-      var index = this.trackElements_.length;
-
-      if (!('' + index in this)) {
-        Object.defineProperty(this, index, {
-          get: function get() {
-            return this.trackElements_[index];
-          }
-        });
-      } // Do not add duplicate elements
-
-
-      if (this.trackElements_.indexOf(trackElement) === -1) {
-        this.trackElements_.push(trackElement);
-      }
-    }
-    /**
-     * Get an {@link HtmlTrackElement} from the `HtmlTrackElementList` given an
-     * {@link TextTrack}.
-     *
-     * @param {TextTrack} track
-     *        The track associated with a track element.
-     *
-     * @return {HtmlTrackElement|undefined}
-     *         The track element that was found or undefined.
-     *
-     * @private
-     */
-    ;
-
-    _proto.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-      var trackElement_;
-
-      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-        if (track === this.trackElements_[i].track) {
-          trackElement_ = this.trackElements_[i];
-          break;
-        }
-      }
-
-      return trackElement_;
-    }
-    /**
-     * Remove a {@link HtmlTrackElement} from the `HtmlTrackElementList`
-     *
-     * @param {HtmlTrackElement} trackElement
-     *        The track element to remove from the list.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeTrackElement_ = function removeTrackElement_(trackElement) {
-      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-        if (trackElement === this.trackElements_[i]) {
-          if (this.trackElements_[i].track && typeof this.trackElements_[i].track.off === 'function') {
-            this.trackElements_[i].track.off();
-          }
-
-          if (typeof this.trackElements_[i].off === 'function') {
-            this.trackElements_[i].off();
-          }
-
-          this.trackElements_.splice(i, 1);
-          break;
-        }
-      }
-    };
-
-    return HtmlTrackElementList;
-  }();
-
-  /**
-   * @file text-track-cue-list.js
-   */
-
-  /**
-   * @typedef {Object} TextTrackCueList~TextTrackCue
-   *
-   * @property {string} id
-   *           The unique id for this text track cue
-   *
-   * @property {number} startTime
-   *           The start time for this text track cue
-   *
-   * @property {number} endTime
-   *           The end time for this text track cue
-   *
-   * @property {boolean} pauseOnExit
-   *           Pause when the end time is reached if true.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue}
-   */
-
-  /**
-   * A List of TextTrackCues.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcuelist}
-   */
-  var TextTrackCueList =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Create an instance of this class..
-     *
-     * @param {Array} cues
-     *        A list of cues to be initialized with
-     */
-    function TextTrackCueList(cues) {
-      TextTrackCueList.prototype.setCues_.call(this, cues);
-      /**
-       * @memberof TextTrackCueList
-       * @member {number} length
-       *         The current number of `TextTrackCue`s in the TextTrackCueList.
-       * @instance
-       */
-
-      Object.defineProperty(this, 'length', {
-        get: function get() {
-          return this.length_;
-        }
-      });
-    }
-    /**
-     * A setter for cues in this list. Creates getters
-     * an an index for the cues.
-     *
-     * @param {Array} cues
-     *        An array of cues to set
-     *
-     * @private
-     */
-
-
-    var _proto = TextTrackCueList.prototype;
-
-    _proto.setCues_ = function setCues_(cues) {
-      var oldLength = this.length || 0;
-      var i = 0;
-      var l = cues.length;
-      this.cues_ = cues;
-      this.length_ = cues.length;
-
-      var defineProp = function defineProp(index) {
-        if (!('' + index in this)) {
-          Object.defineProperty(this, '' + index, {
-            get: function get() {
-              return this.cues_[index];
-            }
-          });
-        }
-      };
-
-      if (oldLength < l) {
-        i = oldLength;
-
-        for (; i < l; i++) {
-          defineProp.call(this, i);
-        }
-      }
-    }
-    /**
-     * Get a `TextTrackCue` that is currently in the `TextTrackCueList` by id.
-     *
-     * @param {string} id
-     *        The id of the cue that should be searched for.
-     *
-     * @return {TextTrackCueList~TextTrackCue|null}
-     *         A single cue or null if none was found.
-     */
-    ;
-
-    _proto.getCueById = function getCueById(id) {
-      var result = null;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        var cue = this[i];
-
-        if (cue.id === id) {
-          result = cue;
-          break;
-        }
-      }
-
-      return result;
-    };
-
-    return TextTrackCueList;
-  }();
-
-  /**
-   * @file track-kinds.js
-   */
-
-  /**
-   * All possible `VideoTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-videotrack-kind
-   * @typedef VideoTrack~Kind
-   * @enum
-   */
-  var VideoTrackKind = {
-    alternative: 'alternative',
-    captions: 'captions',
-    main: 'main',
-    sign: 'sign',
-    subtitles: 'subtitles',
-    commentary: 'commentary'
-  };
-  /**
-   * All possible `AudioTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-audiotrack-kind
-   * @typedef AudioTrack~Kind
-   * @enum
-   */
-
-  var AudioTrackKind = {
-    'alternative': 'alternative',
-    'descriptions': 'descriptions',
-    'main': 'main',
-    'main-desc': 'main-desc',
-    'translation': 'translation',
-    'commentary': 'commentary'
-  };
-  /**
-   * All possible `TextTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-kind
-   * @typedef TextTrack~Kind
-   * @enum
-   */
-
-  var TextTrackKind = {
-    subtitles: 'subtitles',
-    captions: 'captions',
-    descriptions: 'descriptions',
-    chapters: 'chapters',
-    metadata: 'metadata'
-  };
-  /**
-   * All possible `TextTrackMode`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackmode
-   * @typedef TextTrack~Mode
-   * @enum
-   */
-
-  var TextTrackMode = {
-    disabled: 'disabled',
-    hidden: 'hidden',
-    showing: 'showing'
-  };
-
-  /**
-   * A Track class that contains all of the common functionality for {@link AudioTrack},
-   * {@link VideoTrack}, and {@link TextTrack}.
-   *
-   * > Note: This class should not be used directly
-   *
-   * @see {@link https://html.spec.whatwg.org/multipage/embedded-content.html}
-   * @extends EventTarget
-   * @abstract
-   */
-
-  var Track =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(Track, _EventTarget);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {string} [options.kind='']
-     *        A valid kind for the track type you are creating.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @abstract
-     */
-    function Track(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _EventTarget.call(this) || this;
-      var trackProps = {
-        id: options.id || 'vjs_track_' + newGUID(),
-        kind: options.kind || '',
-        label: options.label || '',
-        language: options.language || ''
-      };
-      /**
-       * @memberof Track
-       * @member {string} id
-       *         The id of this track. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} kind
-       *         The kind of track that this is. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} label
-       *         The label of this track. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} language
-       *         The two letter language code for this track. Cannot be changed after
-       *         creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      var _loop = function _loop(key) {
-        Object.defineProperty(assertThisInitialized(_this), key, {
-          get: function get() {
-            return trackProps[key];
-          },
-          set: function set() {}
-        });
-      };
-
-      for (var key in trackProps) {
-        _loop(key);
-      }
-
-      return _this;
-    }
-
-    return Track;
-  }(EventTarget);
-
-  /**
-   * @file url.js
-   * @module url
-   */
-  /**
-   * @typedef {Object} url:URLObject
-   *
-   * @property {string} protocol
-   *           The protocol of the url that was parsed.
-   *
-   * @property {string} hostname
-   *           The hostname of the url that was parsed.
-   *
-   * @property {string} port
-   *           The port of the url that was parsed.
-   *
-   * @property {string} pathname
-   *           The pathname of the url that was parsed.
-   *
-   * @property {string} search
-   *           The search query of the url that was parsed.
-   *
-   * @property {string} hash
-   *           The hash of the url that was parsed.
-   *
-   * @property {string} host
-   *           The host of the url that was parsed.
-   */
-
-  /**
-   * Resolve and parse the elements of a URL.
-   *
-   * @function
-   * @param    {String} url
-   *           The url to parse
-   *
-   * @return   {url:URLObject}
-   *           An object of url details
-   */
-
-  var parseUrl = function parseUrl(url) {
-    var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host']; // add the url to an anchor and let the browser parse the URL
-
-    var a = document.createElement('a');
-    a.href = url; // IE8 (and 9?) Fix
-    // ie8 doesn't parse the URL correctly until the anchor is actually
-    // added to the body, and an innerHTML is needed to trigger the parsing
-
-    var addToBody = a.host === '' && a.protocol !== 'file:';
-    var div;
-
-    if (addToBody) {
-      div = document.createElement('div');
-      div.innerHTML = "<a href=\"" + url + "\"></a>";
-      a = div.firstChild; // prevent the div from affecting layout
-
-      div.setAttribute('style', 'display:none; position:absolute;');
-      document.body.appendChild(div);
-    } // Copy the specific URL properties to a new object
-    // This is also needed for IE8 because the anchor loses its
-    // properties when it's removed from the dom
-
-
-    var details = {};
-
-    for (var i = 0; i < props.length; i++) {
-      details[props[i]] = a[props[i]];
-    } // IE9 adds the port to the host property unlike everyone else. If
-    // a port identifier is added for standard ports, strip it.
-
-
-    if (details.protocol === 'http:') {
-      details.host = details.host.replace(/:80$/, '');
-    }
-
-    if (details.protocol === 'https:') {
-      details.host = details.host.replace(/:443$/, '');
-    }
-
-    if (!details.protocol) {
-      details.protocol = window$1.location.protocol;
-    }
-
-    if (addToBody) {
-      document.body.removeChild(div);
-    }
-
-    return details;
-  };
-  /**
-   * Get absolute version of relative URL. Used to tell Flash the correct URL.
-   *
-   * @function
-   * @param    {string} url
-   *           URL to make absolute
-   *
-   * @return   {string}
-   *           Absolute URL
-   *
-   * @see      http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
-   */
-
-  var getAbsoluteURL = function getAbsoluteURL(url) {
-    // Check if absolute URL
-    if (!url.match(/^https?:\/\//)) {
-      // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
-      var div = document.createElement('div');
-      div.innerHTML = "<a href=\"" + url + "\">x</a>";
-      url = div.firstChild.href;
-    }
-
-    return url;
-  };
-  /**
-   * Returns the extension of the passed file name. It will return an empty string
-   * if passed an invalid path.
-   *
-   * @function
-   * @param    {string} path
-   *           The fileName path like '/path/to/file.mp4'
-   *
-   * @return  {string}
-   *           The extension in lower case or an empty string if no
-   *           extension could be found.
-   */
-
-  var getFileExtension = function getFileExtension(path) {
-    if (typeof path === 'string') {
-      var splitPathRe = /^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/;
-      var pathParts = splitPathRe.exec(path);
-
-      if (pathParts) {
-        return pathParts.pop().toLowerCase();
-      }
-    }
-
-    return '';
-  };
-  /**
-   * Returns whether the url passed is a cross domain request or not.
-   *
-   * @function
-   * @param    {string} url
-   *           The url to check.
-   *
-   * @param    {Object} [winLoc]
-   *           the domain to check the url against, defaults to window.location
-   *
-   * @param    {string} [winLoc.protocol]
-   *           The window location protocol defaults to window.location.protocol
-   *
-   * @param    {string} [winLoc.host]
-   *           The window location host defaults to window.location.host
-   *
-   * @return   {boolean}
-   *           Whether it is a cross domain request or not.
-   */
-
-  var isCrossOrigin = function isCrossOrigin(url, winLoc) {
-    if (winLoc === void 0) {
-      winLoc = window$1.location;
-    }
-
-    var urlInfo = parseUrl(url); // IE8 protocol relative urls will return ':' for protocol
-
-    var srcProtocol = urlInfo.protocol === ':' ? winLoc.protocol : urlInfo.protocol; // Check if url is for another domain/origin
-    // IE8 doesn't know location.origin, so we won't rely on it here
-
-    var crossOrigin = srcProtocol + urlInfo.host !== winLoc.protocol + winLoc.host;
-    return crossOrigin;
-  };
-
-  var Url = /*#__PURE__*/Object.freeze({
-    parseUrl: parseUrl,
-    getAbsoluteURL: getAbsoluteURL,
-    getFileExtension: getFileExtension,
-    isCrossOrigin: isCrossOrigin
-  });
-
-  var isFunction_1 = isFunction;
-  var toString$1 = Object.prototype.toString;
-
-  function isFunction(fn) {
-    var string = toString$1.call(fn);
-    return string === '[object Function]' || typeof fn === 'function' && string !== '[object RegExp]' || typeof window !== 'undefined' && ( // IE8 and below
-    fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt);
-  }
-
-  /**
-   * @license
-   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
-   * Copyright (c) 2014 David Björklund
-   * Available under the MIT license
-   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
-   */
-
-
-  var parseHeaders = function parseHeaders(headers) {
-    var result = {};
-
-    if (!headers) {
-      return result;
-    }
-
-    headers.trim().split('\n').forEach(function (row) {
-      var index = row.indexOf(':');
-      var key = row.slice(0, index).trim().toLowerCase();
-      var value = row.slice(index + 1).trim();
-
-      if (typeof result[key] === 'undefined') {
-        result[key] = value;
-      } else if (Array.isArray(result[key])) {
-        result[key].push(value);
-      } else {
-        result[key] = [result[key], value];
-      }
-    });
-    return result;
-  };
-
-  var xhr = createXHR; // Allow use of default import syntax in TypeScript
-
-  var default_1 = createXHR;
-  createXHR.XMLHttpRequest = window$1.XMLHttpRequest || noop;
-  createXHR.XDomainRequest = "withCredentials" in new createXHR.XMLHttpRequest() ? createXHR.XMLHttpRequest : window$1.XDomainRequest;
-  forEachArray(["get", "put", "post", "patch", "head", "delete"], function (method) {
-    createXHR[method === "delete" ? "del" : method] = function (uri, options, callback) {
-      options = initParams(uri, options, callback);
-      options.method = method.toUpperCase();
-      return _createXHR(options);
-    };
-  });
-
-  function forEachArray(array, iterator) {
-    for (var i = 0; i < array.length; i++) {
-      iterator(array[i]);
-    }
-  }
-
-  function isEmpty(obj) {
-    for (var i in obj) {
-      if (obj.hasOwnProperty(i)) return false;
-    }
-
-    return true;
-  }
-
-  function initParams(uri, options, callback) {
-    var params = uri;
-
-    if (isFunction_1(options)) {
-      callback = options;
-
-      if (typeof uri === "string") {
-        params = {
-          uri: uri
-        };
-      }
-    } else {
-      params = _extends_1({}, options, {
-        uri: uri
-      });
-    }
-
-    params.callback = callback;
-    return params;
-  }
-
-  function createXHR(uri, options, callback) {
-    options = initParams(uri, options, callback);
-    return _createXHR(options);
-  }
-
-  function _createXHR(options) {
-    if (typeof options.callback === "undefined") {
-      throw new Error("callback argument missing");
-    }
-
-    var called = false;
-
-    var callback = function cbOnce(err, response, body) {
-      if (!called) {
-        called = true;
-        options.callback(err, response, body);
-      }
-    };
-
-    function readystatechange() {
-      if (xhr.readyState === 4) {
-        setTimeout(loadFunc, 0);
-      }
-    }
-
-    function getBody() {
-      // Chrome with requestType=blob throws errors arround when even testing access to responseText
-      var body = undefined;
-
-      if (xhr.response) {
-        body = xhr.response;
-      } else {
-        body = xhr.responseText || getXml(xhr);
-      }
-
-      if (isJson) {
-        try {
-          body = JSON.parse(body);
-        } catch (e) {}
-      }
-
-      return body;
-    }
-
-    function errorFunc(evt) {
-      clearTimeout(timeoutTimer);
-
-      if (!(evt instanceof Error)) {
-        evt = new Error("" + (evt || "Unknown XMLHttpRequest Error"));
-      }
-
-      evt.statusCode = 0;
-      return callback(evt, failureResponse);
-    } // will load the data & process the response in a special response object
-
-
-    function loadFunc() {
-      if (aborted) return;
-      var status;
-      clearTimeout(timeoutTimer);
-
-      if (options.useXDR && xhr.status === undefined) {
-        //IE8 CORS GET successful response doesn't have a status field, but body is fine
-        status = 200;
-      } else {
-        status = xhr.status === 1223 ? 204 : xhr.status;
-      }
-
-      var response = failureResponse;
-      var err = null;
-
-      if (status !== 0) {
-        response = {
-          body: getBody(),
-          statusCode: status,
-          method: method,
-          headers: {},
-          url: uri,
-          rawRequest: xhr
-        };
-
-        if (xhr.getAllResponseHeaders) {
-          //remember xhr can in fact be XDR for CORS in IE
-          response.headers = parseHeaders(xhr.getAllResponseHeaders());
-        }
-      } else {
-        err = new Error("Internal XMLHttpRequest Error");
-      }
-
-      return callback(err, response, response.body);
-    }
-
-    var xhr = options.xhr || null;
-
-    if (!xhr) {
-      if (options.cors || options.useXDR) {
-        xhr = new createXHR.XDomainRequest();
-      } else {
-        xhr = new createXHR.XMLHttpRequest();
-      }
-    }
-
-    var key;
-    var aborted;
-    var uri = xhr.url = options.uri || options.url;
-    var method = xhr.method = options.method || "GET";
-    var body = options.body || options.data;
-    var headers = xhr.headers = options.headers || {};
-    var sync = !!options.sync;
-    var isJson = false;
-    var timeoutTimer;
-    var failureResponse = {
-      body: undefined,
-      headers: {},
-      statusCode: 0,
-      method: method,
-      url: uri,
-      rawRequest: xhr
-    };
-
-    if ("json" in options && options.json !== false) {
-      isJson = true;
-      headers["accept"] || headers["Accept"] || (headers["Accept"] = "application/json"); //Don't override existing accept header declared by user
-
-      if (method !== "GET" && method !== "HEAD") {
-        headers["content-type"] || headers["Content-Type"] || (headers["Content-Type"] = "application/json"); //Don't override existing accept header declared by user
-
-        body = JSON.stringify(options.json === true ? body : options.json);
-      }
-    }
-
-    xhr.onreadystatechange = readystatechange;
-    xhr.onload = loadFunc;
-    xhr.onerror = errorFunc; // IE9 must have onprogress be set to a unique function.
-
-    xhr.onprogress = function () {// IE must die
-    };
-
-    xhr.onabort = function () {
-      aborted = true;
-    };
-
-    xhr.ontimeout = errorFunc;
-    xhr.open(method, uri, !sync, options.username, options.password); //has to be after open
-
-    if (!sync) {
-      xhr.withCredentials = !!options.withCredentials;
-    } // Cannot set timeout with sync request
-    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly
-    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent
-
-
-    if (!sync && options.timeout > 0) {
-      timeoutTimer = setTimeout(function () {
-        if (aborted) return;
-        aborted = true; //IE9 may still call readystatechange
-
-        xhr.abort("timeout");
-        var e = new Error("XMLHttpRequest timeout");
-        e.code = "ETIMEDOUT";
-        errorFunc(e);
-      }, options.timeout);
-    }
-
-    if (xhr.setRequestHeader) {
-      for (key in headers) {
-        if (headers.hasOwnProperty(key)) {
-          xhr.setRequestHeader(key, headers[key]);
-        }
-      }
-    } else if (options.headers && !isEmpty(options.headers)) {
-      throw new Error("Headers cannot be set on an XDomainRequest object");
-    }
-
-    if ("responseType" in options) {
-      xhr.responseType = options.responseType;
-    }
-
-    if ("beforeSend" in options && typeof options.beforeSend === "function") {
-      options.beforeSend(xhr);
-    } // Microsoft Edge browser sends "undefined" when send is called with undefined value.
-    // XMLHttpRequest spec says to pass null as body to indicate no body
-    // See https://github.com/naugtur/xhr/issues/100.
-
-
-    xhr.send(body || null);
-    return xhr;
-  }
-
-  function getXml(xhr) {
-    // xhr.responseXML will throw Exception "InvalidStateError" or "DOMException"
-    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.
-    try {
-      if (xhr.responseType === "document") {
-        return xhr.responseXML;
-      }
-
-      var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === "parsererror";
-
-      if (xhr.responseType === "" && !firefoxBugTakenEffect) {
-        return xhr.responseXML;
-      }
-    } catch (e) {}
-
-    return null;
-  }
-
-  function noop() {}
-  xhr["default"] = default_1;
-
-  /**
-   * Takes a webvtt file contents and parses it into cues
-   *
-   * @param {string} srcContent
-   *        webVTT file contents
-   *
-   * @param {TextTrack} track
-   *        TextTrack to add cues to. Cues come from the srcContent.
-   *
-   * @private
-   */
-
-  var parseCues = function parseCues(srcContent, track) {
-    var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, window$1.WebVTT.StringDecoder());
-    var errors = [];
-
-    parser.oncue = function (cue) {
-      track.addCue(cue);
-    };
-
-    parser.onparsingerror = function (error) {
-      errors.push(error);
-    };
-
-    parser.onflush = function () {
-      track.trigger({
-        type: 'loadeddata',
-        target: track
-      });
-    };
-
-    parser.parse(srcContent);
-
-    if (errors.length > 0) {
-      if (window$1.console && window$1.console.groupCollapsed) {
-        window$1.console.groupCollapsed("Text Track parsing errors for " + track.src);
-      }
-
-      errors.forEach(function (error) {
-        return log.error(error);
-      });
-
-      if (window$1.console && window$1.console.groupEnd) {
-        window$1.console.groupEnd();
-      }
-    }
-
-    parser.flush();
-  };
-  /**
-   * Load a `TextTrack` from a specified url.
-   *
-   * @param {string} src
-   *        Url to load track from.
-   *
-   * @param {TextTrack} track
-   *        Track to add cues to. Comes from the content at the end of `url`.
-   *
-   * @private
-   */
-
-
-  var loadTrack = function loadTrack(src, track) {
-    var opts = {
-      uri: src
-    };
-    var crossOrigin = isCrossOrigin(src);
-
-    if (crossOrigin) {
-      opts.cors = crossOrigin;
-    }
-
-    xhr(opts, bind(this, function (err, response, responseBody) {
-      if (err) {
-        return log.error(err, response);
-      }
-
-      track.loaded_ = true; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-      // NOTE: this is only used for the alt/video.novtt.js build
-
-      if (typeof window$1.WebVTT !== 'function') {
-        if (track.tech_) {
-          // to prevent use before define eslint error, we define loadHandler
-          // as a let here
-          track.tech_.any(['vttjsloaded', 'vttjserror'], function (event) {
-            if (event.type === 'vttjserror') {
-              log.error("vttjs failed to load, stopping trying to process " + track.src);
-              return;
-            }
-
-            return parseCues(responseBody, track);
-          });
-        }
-      } else {
-        parseCues(responseBody, track);
-      }
-    }));
-  };
-  /**
-   * A representation of a single `TextTrack`.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrack}
-   * @extends Track
-   */
-
-
-  var TextTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(TextTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} options={}
-     *        Object of option names and values
-     *
-     * @param {Tech} options.tech
-     *        A reference to the tech that owns this TextTrack.
-     *
-     * @param {TextTrack~Kind} [options.kind='subtitles']
-     *        A valid text track kind.
-     *
-     * @param {TextTrack~Mode} [options.mode='disabled']
-     *        A valid text track mode.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this TextTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {string} [options.srclang='']
-     *        A valid two character language code. An alternative, but deprioritized
-     *        version of `options.language`
-     *
-     * @param {string} [options.src]
-     *        A url to TextTrack cues.
-     *
-     * @param {boolean} [options.default]
-     *        If this track should default to on or off.
-     */
-    function TextTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (!options.tech) {
-        throw new Error('A tech was not provided.');
-      }
-
-      var settings = mergeOptions(options, {
-        kind: TextTrackKind[options.kind] || 'subtitles',
-        language: options.language || options.srclang || ''
-      });
-      var mode = TextTrackMode[settings.mode] || 'disabled';
-      var default_ = settings["default"];
-
-      if (settings.kind === 'metadata' || settings.kind === 'chapters') {
-        mode = 'hidden';
-      }
-
-      _this = _Track.call(this, settings) || this;
-      _this.tech_ = settings.tech;
-      _this.cues_ = [];
-      _this.activeCues_ = [];
-      _this.preload_ = _this.tech_.preloadTextTracks !== false;
-      var cues = new TextTrackCueList(_this.cues_);
-      var activeCues = new TextTrackCueList(_this.activeCues_);
-      var changed = false;
-      var timeupdateHandler = bind(assertThisInitialized(_this), function () {
-        // Accessing this.activeCues for the side-effects of updating itself
-        // due to its nature as a getter function. Do not remove or cues will
-        // stop updating!
-        // Use the setter to prevent deletion from uglify (pure_getters rule)
-        this.activeCues = this.activeCues;
-
-        if (changed) {
-          this.trigger('cuechange');
-          changed = false;
-        }
-      });
-
-      if (mode !== 'disabled') {
-        _this.tech_.ready(function () {
-          _this.tech_.on('timeupdate', timeupdateHandler);
-        }, true);
-      }
-
-      Object.defineProperties(assertThisInitialized(_this), {
-        /**
-         * @memberof TextTrack
-         * @member {boolean} default
-         *         If this track was set to be on or off by default. Cannot be changed after
-         *         creation.
-         * @instance
-         *
-         * @readonly
-         */
-        "default": {
-          get: function get() {
-            return default_;
-          },
-          set: function set() {}
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {string} mode
-         *         Set the mode of this TextTrack to a valid {@link TextTrack~Mode}. Will
-         *         not be set if setting to an invalid mode.
-         * @instance
-         *
-         * @fires TextTrack#modechange
-         */
-        mode: {
-          get: function get() {
-            return mode;
-          },
-          set: function set(newMode) {
-            var _this2 = this;
-
-            if (!TextTrackMode[newMode]) {
-              return;
-            }
-
-            mode = newMode;
-
-            if (!this.preload_ && mode !== 'disabled' && this.cues.length === 0) {
-              // On-demand load.
-              loadTrack(this.src, this);
-            }
-
-            if (mode !== 'disabled') {
-              this.tech_.ready(function () {
-                _this2.tech_.on('timeupdate', timeupdateHandler);
-              }, true);
-            } else {
-              this.tech_.off('timeupdate', timeupdateHandler);
-            }
-            /**
-             * An event that fires when mode changes on this track. This allows
-             * the TextTrackList that holds this track to act accordingly.
-             *
-             * > Note: This is not part of the spec!
-             *
-             * @event TextTrack#modechange
-             * @type {EventTarget~Event}
-             */
-
-
-            this.trigger('modechange');
-          }
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {TextTrackCueList} cues
-         *         The text track cue list for this TextTrack.
-         * @instance
-         */
-        cues: {
-          get: function get() {
-            if (!this.loaded_) {
-              return null;
-            }
-
-            return cues;
-          },
-          set: function set() {}
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {TextTrackCueList} activeCues
-         *         The list text track cues that are currently active for this TextTrack.
-         * @instance
-         */
-        activeCues: {
-          get: function get() {
-            if (!this.loaded_) {
-              return null;
-            } // nothing to do
-
-
-            if (this.cues.length === 0) {
-              return activeCues;
-            }
-
-            var ct = this.tech_.currentTime();
-            var active = [];
-
-            for (var i = 0, l = this.cues.length; i < l; i++) {
-              var cue = this.cues[i];
-
-              if (cue.startTime <= ct && cue.endTime >= ct) {
-                active.push(cue);
-              } else if (cue.startTime === cue.endTime && cue.startTime <= ct && cue.startTime + 0.5 >= ct) {
-                active.push(cue);
-              }
-            }
-
-            changed = false;
-
-            if (active.length !== this.activeCues_.length) {
-              changed = true;
-            } else {
-              for (var _i = 0; _i < active.length; _i++) {
-                if (this.activeCues_.indexOf(active[_i]) === -1) {
-                  changed = true;
-                }
-              }
-            }
-
-            this.activeCues_ = active;
-            activeCues.setCues_(this.activeCues_);
-            return activeCues;
-          },
-          // /!\ Keep this setter empty (see the timeupdate handler above)
-          set: function set() {}
-        }
-      });
-
-      if (settings.src) {
-        _this.src = settings.src;
-
-        if (!_this.preload_) {
-          // Tracks will load on-demand.
-          // Act like we're loaded for other purposes.
-          _this.loaded_ = true;
-        }
-
-        if (_this.preload_ || default_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
-          loadTrack(_this.src, assertThisInitialized(_this));
-        }
-      } else {
-        _this.loaded_ = true;
-      }
-
-      return _this;
-    }
-    /**
-     * Add a cue to the internal list of cues.
-     *
-     * @param {TextTrack~Cue} cue
-     *        The cue to add to our internal list
-     */
-
-
-    var _proto = TextTrack.prototype;
-
-    _proto.addCue = function addCue(originalCue) {
-      var cue = originalCue;
-
-      if (window$1.vttjs && !(originalCue instanceof window$1.vttjs.VTTCue)) {
-        cue = new window$1.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
-
-        for (var prop in originalCue) {
-          if (!(prop in cue)) {
-            cue[prop] = originalCue[prop];
-          }
-        } // make sure that `id` is copied over
-
-
-        cue.id = originalCue.id;
-        cue.originalCue_ = originalCue;
-      }
-
-      var tracks = this.tech_.textTracks();
-
-      for (var i = 0; i < tracks.length; i++) {
-        if (tracks[i] !== this) {
-          tracks[i].removeCue(cue);
-        }
-      }
-
-      this.cues_.push(cue);
-      this.cues.setCues_(this.cues_);
-    }
-    /**
-     * Remove a cue from our internal list
-     *
-     * @param {TextTrack~Cue} removeCue
-     *        The cue to remove from our internal list
-     */
-    ;
-
-    _proto.removeCue = function removeCue(_removeCue) {
-      var i = this.cues_.length;
-
-      while (i--) {
-        var cue = this.cues_[i];
-
-        if (cue === _removeCue || cue.originalCue_ && cue.originalCue_ === _removeCue) {
-          this.cues_.splice(i, 1);
-          this.cues.setCues_(this.cues_);
-          break;
-        }
-      }
-    };
-
-    return TextTrack;
-  }(Track);
-  /**
-   * cuechange - One or more cues in the track have become active or stopped being active.
-   */
-
-
-  TextTrack.prototype.allowedEvents_ = {
-    cuechange: 'cuechange'
-  };
-
-  /**
-   * A representation of a single `AudioTrack`. If it is part of an {@link AudioTrackList}
-   * only one `AudioTrack` in the list will be enabled at a time.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotrack}
-   * @extends Track
-   */
-
-  var AudioTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(AudioTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {AudioTrack~Kind} [options.kind='']
-     *        A valid audio track kind
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {boolean} [options.enabled]
-     *        If this track is the one that is currently playing. If this track is part of
-     *        an {@link AudioTrackList}, only one {@link AudioTrack} will be enabled.
-     */
-    function AudioTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var settings = mergeOptions(options, {
-        kind: AudioTrackKind[options.kind] || ''
-      });
-      _this = _Track.call(this, settings) || this;
-      var enabled = false;
-      /**
-       * @memberof AudioTrack
-       * @member {boolean} enabled
-       *         If this `AudioTrack` is enabled or not. When setting this will
-       *         fire {@link AudioTrack#enabledchange} if the state of enabled is changed.
-       * @instance
-       *
-       * @fires VideoTrack#selectedchange
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'enabled', {
-        get: function get() {
-          return enabled;
-        },
-        set: function set(newEnabled) {
-          // an invalid or unchanged value
-          if (typeof newEnabled !== 'boolean' || newEnabled === enabled) {
-            return;
-          }
-
-          enabled = newEnabled;
-          /**
-           * An event that fires when enabled changes on this track. This allows
-           * the AudioTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec! Native tracks will do
-           *         this internally without an event.
-           *
-           * @event AudioTrack#enabledchange
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('enabledchange');
-        }
-      }); // if the user sets this track to selected then
-      // set selected to that true value otherwise
-      // we keep it false
-
-      if (settings.enabled) {
-        _this.enabled = settings.enabled;
-      }
-
-      _this.loaded_ = true;
-      return _this;
-    }
-
-    return AudioTrack;
-  }(Track);
-
-  /**
-   * A representation of a single `VideoTrack`.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotrack}
-   * @extends Track
-   */
-
-  var VideoTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(VideoTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {string} [options.kind='']
-     *        A valid {@link VideoTrack~Kind}
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {boolean} [options.selected]
-     *        If this track is the one that is currently playing.
-     */
-    function VideoTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var settings = mergeOptions(options, {
-        kind: VideoTrackKind[options.kind] || ''
-      });
-      _this = _Track.call(this, settings) || this;
-      var selected = false;
-      /**
-       * @memberof VideoTrack
-       * @member {boolean} selected
-       *         If this `VideoTrack` is selected or not. When setting this will
-       *         fire {@link VideoTrack#selectedchange} if the state of selected changed.
-       * @instance
-       *
-       * @fires VideoTrack#selectedchange
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'selected', {
-        get: function get() {
-          return selected;
-        },
-        set: function set(newSelected) {
-          // an invalid or unchanged value
-          if (typeof newSelected !== 'boolean' || newSelected === selected) {
-            return;
-          }
-
-          selected = newSelected;
-          /**
-           * An event that fires when selected changes on this track. This allows
-           * the VideoTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec! Native tracks will do
-           *         this internally without an event.
-           *
-           * @event VideoTrack#selectedchange
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('selectedchange');
-        }
-      }); // if the user sets this track to selected then
-      // set selected to that true value otherwise
-      // we keep it false
-
-      if (settings.selected) {
-        _this.selected = settings.selected;
-      }
-
-      return _this;
-    }
-
-    return VideoTrack;
-  }(Track);
-
-  /**
-   * @memberof HTMLTrackElement
-   * @typedef {HTMLTrackElement~ReadyState}
-   * @enum {number}
-   */
-
-  var NONE = 0;
-  var LOADING = 1;
-  var LOADED = 2;
-  var ERROR = 3;
-  /**
-   * A single track represented in the DOM.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement}
-   * @extends EventTarget
-   */
-
-  var HTMLTrackElement =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(HTMLTrackElement, _EventTarget);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} options={}
-     *        Object of option names and values
-     *
-     * @param {Tech} options.tech
-     *        A reference to the tech that owns this HTMLTrackElement.
-     *
-     * @param {TextTrack~Kind} [options.kind='subtitles']
-     *        A valid text track kind.
-     *
-     * @param {TextTrack~Mode} [options.mode='disabled']
-     *        A valid text track mode.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this TextTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {string} [options.srclang='']
-     *        A valid two character language code. An alternative, but deprioritized
-     *        vesion of `options.language`
-     *
-     * @param {string} [options.src]
-     *        A url to TextTrack cues.
-     *
-     * @param {boolean} [options.default]
-     *        If this track should default to on or off.
-     */
-    function HTMLTrackElement(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _EventTarget.call(this) || this;
-      var readyState;
-      var track = new TextTrack(options);
-      _this.kind = track.kind;
-      _this.src = track.src;
-      _this.srclang = track.language;
-      _this.label = track.label;
-      _this["default"] = track["default"];
-      Object.defineProperties(assertThisInitialized(_this), {
-        /**
-         * @memberof HTMLTrackElement
-         * @member {HTMLTrackElement~ReadyState} readyState
-         *         The current ready state of the track element.
-         * @instance
-         */
-        readyState: {
-          get: function get() {
-            return readyState;
-          }
-        },
-
-        /**
-         * @memberof HTMLTrackElement
-         * @member {TextTrack} track
-         *         The underlying TextTrack object.
-         * @instance
-         *
-         */
-        track: {
-          get: function get() {
-            return track;
-          }
-        }
-      });
-      readyState = NONE;
-      /**
-       * @listens TextTrack#loadeddata
-       * @fires HTMLTrackElement#load
-       */
-
-      track.addEventListener('loadeddata', function () {
-        readyState = LOADED;
-
-        _this.trigger({
-          type: 'load',
-          target: assertThisInitialized(_this)
-        });
-      });
-      return _this;
-    }
-
-    return HTMLTrackElement;
-  }(EventTarget);
-
-  HTMLTrackElement.prototype.allowedEvents_ = {
-    load: 'load'
-  };
-  HTMLTrackElement.NONE = NONE;
-  HTMLTrackElement.LOADING = LOADING;
-  HTMLTrackElement.LOADED = LOADED;
-  HTMLTrackElement.ERROR = ERROR;
-
-  /*
-   * This file contains all track properties that are used in
-   * player.js, tech.js, html5.js and possibly other techs in the future.
-   */
-
-  var NORMAL = {
-    audio: {
-      ListClass: AudioTrackList,
-      TrackClass: AudioTrack,
-      capitalName: 'Audio'
-    },
-    video: {
-      ListClass: VideoTrackList,
-      TrackClass: VideoTrack,
-      capitalName: 'Video'
-    },
-    text: {
-      ListClass: TextTrackList,
-      TrackClass: TextTrack,
-      capitalName: 'Text'
-    }
-  };
-  Object.keys(NORMAL).forEach(function (type) {
-    NORMAL[type].getterName = type + "Tracks";
-    NORMAL[type].privateName = type + "Tracks_";
-  });
-  var REMOTE = {
-    remoteText: {
-      ListClass: TextTrackList,
-      TrackClass: TextTrack,
-      capitalName: 'RemoteText',
-      getterName: 'remoteTextTracks',
-      privateName: 'remoteTextTracks_'
-    },
-    remoteTextEl: {
-      ListClass: HtmlTrackElementList,
-      TrackClass: HTMLTrackElement,
-      capitalName: 'RemoteTextTrackEls',
-      getterName: 'remoteTextTrackEls',
-      privateName: 'remoteTextTrackEls_'
-    }
-  };
-
-  var ALL = _extends_1({}, NORMAL, REMOTE);
-
-  REMOTE.names = Object.keys(REMOTE);
-  NORMAL.names = Object.keys(NORMAL);
-  ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-  /**
-   * Copyright 2013 vtt.js Contributors
-   *
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   *   http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-
-  /* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
-
-  /* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */
-
-  var _objCreate = Object.create || function () {
-    function F() {}
-
-    return function (o) {
-      if (arguments.length !== 1) {
-        throw new Error('Object.create shim only accepts one parameter.');
-      }
-
-      F.prototype = o;
-      return new F();
-    };
-  }(); // Creates a new ParserError object from an errorData object. The errorData
-  // object should have default code and message properties. The default message
-  // property can be overriden by passing in a message parameter.
-  // See ParsingError.Errors below for acceptable errors.
-
-
-  function ParsingError(errorData, message) {
-    this.name = "ParsingError";
-    this.code = errorData.code;
-    this.message = message || errorData.message;
-  }
-
-  ParsingError.prototype = _objCreate(Error.prototype);
-  ParsingError.prototype.constructor = ParsingError; // ParsingError metadata for acceptable ParsingErrors.
-
-  ParsingError.Errors = {
-    BadSignature: {
-      code: 0,
-      message: "Malformed WebVTT signature."
-    },
-    BadTimeStamp: {
-      code: 1,
-      message: "Malformed time stamp."
-    }
-  }; // Try to parse input as a time stamp.
-
-  function parseTimeStamp(input) {
-    function computeSeconds(h, m, s, f) {
-      return (h | 0) * 3600 + (m | 0) * 60 + (s | 0) + (f | 0) / 1000;
-    }
-
-    var m = input.match(/^(\d+):(\d{1,2})(:\d{1,2})?\.(\d{3})/);
-
-    if (!m) {
-      return null;
-    }
-
-    if (m[3]) {
-      // Timestamp takes the form of [hours]:[minutes]:[seconds].[milliseconds]
-      return computeSeconds(m[1], m[2], m[3].replace(":", ""), m[4]);
-    } else if (m[1] > 59) {
-      // Timestamp takes the form of [hours]:[minutes].[milliseconds]
-      // First position is hours as it's over 59.
-      return computeSeconds(m[1], m[2], 0, m[4]);
-    } else {
-      // Timestamp takes the form of [minutes]:[seconds].[milliseconds]
-      return computeSeconds(0, m[1], m[2], m[4]);
-    }
-  } // A settings object holds key/value pairs and will ignore anything but the first
-  // assignment to a specific key.
-
-
-  function Settings() {
-    this.values = _objCreate(null);
-  }
-
-  Settings.prototype = {
-    // Only accept the first assignment to any key.
-    set: function set(k, v) {
-      if (!this.get(k) && v !== "") {
-        this.values[k] = v;
-      }
-    },
-    // Return the value for a key, or a default value.
-    // If 'defaultKey' is passed then 'dflt' is assumed to be an object with
-    // a number of possible default values as properties where 'defaultKey' is
-    // the key of the property that will be chosen; otherwise it's assumed to be
-    // a single value.
-    get: function get(k, dflt, defaultKey) {
-      if (defaultKey) {
-        return this.has(k) ? this.values[k] : dflt[defaultKey];
-      }
-
-      return this.has(k) ? this.values[k] : dflt;
-    },
-    // Check whether we have a value for a key.
-    has: function has(k) {
-      return k in this.values;
-    },
-    // Accept a setting if its one of the given alternatives.
-    alt: function alt(k, v, a) {
-      for (var n = 0; n < a.length; ++n) {
-        if (v === a[n]) {
-          this.set(k, v);
-          break;
-        }
-      }
-    },
-    // Accept a setting if its a valid (signed) integer.
-    integer: function integer(k, v) {
-      if (/^-?\d+$/.test(v)) {
-        // integer
-        this.set(k, parseInt(v, 10));
-      }
-    },
-    // Accept a setting if its a valid percentage.
-    percent: function percent(k, v) {
-      var m;
-
-      if (m = v.match(/^([\d]{1,3})(\.[\d]*)?%$/)) {
-        v = parseFloat(v);
-
-        if (v >= 0 && v <= 100) {
-          this.set(k, v);
-          return true;
-        }
-      }
-
-      return false;
-    }
-  }; // Helper function to parse input into groups separated by 'groupDelim', and
-  // interprete each group as a key/value pair separated by 'keyValueDelim'.
-
-  function parseOptions(input, callback, keyValueDelim, groupDelim) {
-    var groups = groupDelim ? input.split(groupDelim) : [input];
-
-    for (var i in groups) {
-      if (typeof groups[i] !== "string") {
-        continue;
-      }
-
-      var kv = groups[i].split(keyValueDelim);
-
-      if (kv.length !== 2) {
-        continue;
-      }
-
-      var k = kv[0];
-      var v = kv[1];
-      callback(k, v);
-    }
-  }
-
-  function parseCue(input, cue, regionList) {
-    // Remember the original input if we need to throw an error.
-    var oInput = input; // 4.1 WebVTT timestamp
-
-    function consumeTimeStamp() {
-      var ts = parseTimeStamp(input);
-
-      if (ts === null) {
-        throw new ParsingError(ParsingError.Errors.BadTimeStamp, "Malformed timestamp: " + oInput);
-      } // Remove time stamp from input.
-
-
-      input = input.replace(/^[^\sa-zA-Z-]+/, "");
-      return ts;
-    } // 4.4.2 WebVTT cue settings
-
-
-    function consumeCueSettings(input, cue) {
-      var settings = new Settings();
-      parseOptions(input, function (k, v) {
-        switch (k) {
-          case "region":
-            // Find the last region we parsed with the same region id.
-            for (var i = regionList.length - 1; i >= 0; i--) {
-              if (regionList[i].id === v) {
-                settings.set(k, regionList[i].region);
-                break;
-              }
-            }
-
-            break;
-
-          case "vertical":
-            settings.alt(k, v, ["rl", "lr"]);
-            break;
-
-          case "line":
-            var vals = v.split(","),
-                vals0 = vals[0];
-            settings.integer(k, vals0);
-            settings.percent(k, vals0) ? settings.set("snapToLines", false) : null;
-            settings.alt(k, vals0, ["auto"]);
-
-            if (vals.length === 2) {
-              settings.alt("lineAlign", vals[1], ["start", "center", "end"]);
-            }
-
-            break;
-
-          case "position":
-            vals = v.split(",");
-            settings.percent(k, vals[0]);
-
-            if (vals.length === 2) {
-              settings.alt("positionAlign", vals[1], ["start", "center", "end"]);
-            }
-
-            break;
-
-          case "size":
-            settings.percent(k, v);
-            break;
-
-          case "align":
-            settings.alt(k, v, ["start", "center", "end", "left", "right"]);
-            break;
-        }
-      }, /:/, /\s/); // Apply default values for any missing fields.
-
-      cue.region = settings.get("region", null);
-      cue.vertical = settings.get("vertical", "");
-
-      try {
-        cue.line = settings.get("line", "auto");
-      } catch (e) {}
-
-      cue.lineAlign = settings.get("lineAlign", "start");
-      cue.snapToLines = settings.get("snapToLines", true);
-      cue.size = settings.get("size", 100); // Safari still uses the old middle value and won't accept center
-
-      try {
-        cue.align = settings.get("align", "center");
-      } catch (e) {
-        cue.align = settings.get("align", "middle");
-      }
-
-      try {
-        cue.position = settings.get("position", "auto");
-      } catch (e) {
-        cue.position = settings.get("position", {
-          start: 0,
-          left: 0,
-          center: 50,
-          middle: 50,
-          end: 100,
-          right: 100
-        }, cue.align);
-      }
-
-      cue.positionAlign = settings.get("positionAlign", {
-        start: "start",
-        left: "start",
-        center: "center",
-        middle: "center",
-        end: "end",
-        right: "end"
-      }, cue.align);
-    }
-
-    function skipWhitespace() {
-      input = input.replace(/^\s+/, "");
-    } // 4.1 WebVTT cue timings.
-
-
-    skipWhitespace();
-    cue.startTime = consumeTimeStamp(); // (1) collect cue start time
-
-    skipWhitespace();
-
-    if (input.substr(0, 3) !== "-->") {
-      // (3) next characters must match "-->"
-      throw new ParsingError(ParsingError.Errors.BadTimeStamp, "Malformed time stamp (time stamps must be separated by '-->'): " + oInput);
-    }
-
-    input = input.substr(3);
-    skipWhitespace();
-    cue.endTime = consumeTimeStamp(); // (5) collect cue end time
-    // 4.1 WebVTT cue settings list.
-
-    skipWhitespace();
-    consumeCueSettings(input, cue);
-  }
-
-  var TEXTAREA_ELEMENT = document.createElement("textarea");
-  var TAG_NAME = {
-    c: "span",
-    i: "i",
-    b: "b",
-    u: "u",
-    ruby: "ruby",
-    rt: "rt",
-    v: "span",
-    lang: "span"
-  }; // 5.1 default text color
-  // 5.2 default text background color is equivalent to text color with bg_ prefix
-
-  var DEFAULT_COLOR_CLASS = {
-    white: 'rgba(255,255,255,1)',
-    lime: 'rgba(0,255,0,1)',
-    cyan: 'rgba(0,255,255,1)',
-    red: 'rgba(255,0,0,1)',
-    yellow: 'rgba(255,255,0,1)',
-    magenta: 'rgba(255,0,255,1)',
-    blue: 'rgba(0,0,255,1)',
-    black: 'rgba(0,0,0,1)'
-  };
-  var TAG_ANNOTATION = {
-    v: "title",
-    lang: "lang"
-  };
-  var NEEDS_PARENT = {
-    rt: "ruby"
-  }; // Parse content into a document fragment.
-
-  function parseContent(window, input) {
-    function nextToken() {
-      // Check for end-of-string.
-      if (!input) {
-        return null;
-      } // Consume 'n' characters from the input.
-
-
-      function consume(result) {
-        input = input.substr(result.length);
-        return result;
-      }
-
-      var m = input.match(/^([^<]*)(<[^>]*>?)?/); // If there is some text before the next tag, return it, otherwise return
-      // the tag.
-
-      return consume(m[1] ? m[1] : m[2]);
-    }
-
-    function unescape(s) {
-      TEXTAREA_ELEMENT.innerHTML = s;
-      s = TEXTAREA_ELEMENT.textContent;
-      TEXTAREA_ELEMENT.textContent = "";
-      return s;
-    }
-
-    function shouldAdd(current, element) {
-      return !NEEDS_PARENT[element.localName] || NEEDS_PARENT[element.localName] === current.localName;
-    } // Create an element for this tag.
-
-
-    function createElement(type, annotation) {
-      var tagName = TAG_NAME[type];
-
-      if (!tagName) {
-        return null;
-      }
-
-      var element = window.document.createElement(tagName);
-      var name = TAG_ANNOTATION[type];
-
-      if (name && annotation) {
-        element[name] = annotation.trim();
-      }
-
-      return element;
-    }
-
-    var rootDiv = window.document.createElement("div"),
-        current = rootDiv,
-        t,
-        tagStack = [];
-
-    while ((t = nextToken()) !== null) {
-      if (t[0] === '<') {
-        if (t[1] === "/") {
-          // If the closing tag matches, move back up to the parent node.
-          if (tagStack.length && tagStack[tagStack.length - 1] === t.substr(2).replace(">", "")) {
-            tagStack.pop();
-            current = current.parentNode;
-          } // Otherwise just ignore the end tag.
-
-
-          continue;
-        }
-
-        var ts = parseTimeStamp(t.substr(1, t.length - 2));
-        var node;
-
-        if (ts) {
-          // Timestamps are lead nodes as well.
-          node = window.document.createProcessingInstruction("timestamp", ts);
-          current.appendChild(node);
-          continue;
-        }
-
-        var m = t.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/); // If we can't parse the tag, skip to the next tag.
-
-        if (!m) {
-          continue;
-        } // Try to construct an element, and ignore the tag if we couldn't.
-
-
-        node = createElement(m[1], m[3]);
-
-        if (!node) {
-          continue;
-        } // Determine if the tag should be added based on the context of where it
-        // is placed in the cuetext.
-
-
-        if (!shouldAdd(current, node)) {
-          continue;
-        } // Set the class list (as a list of classes, separated by space).
-
-
-        if (m[2]) {
-          var classes = m[2].split('.');
-          classes.forEach(function (cl) {
-            var bgColor = /^bg_/.test(cl); // slice out `bg_` if it's a background color
-
-            var colorName = bgColor ? cl.slice(3) : cl;
-
-            if (DEFAULT_COLOR_CLASS.hasOwnProperty(colorName)) {
-              var propName = bgColor ? 'background-color' : 'color';
-              var propValue = DEFAULT_COLOR_CLASS[colorName];
-              node.style[propName] = propValue;
-            }
-          });
-          node.className = classes.join(' ');
-        } // Append the node to the current node, and enter the scope of the new
-        // node.
-
-
-        tagStack.push(m[1]);
-        current.appendChild(node);
-        current = node;
-        continue;
-      } // Text nodes are leaf nodes.
-
-
-      current.appendChild(window.document.createTextNode(unescape(t)));
-    }
-
-    return rootDiv;
-  } // This is a list of all the Unicode characters that have a strong
-  // right-to-left category. What this means is that these characters are
-  // written right-to-left for sure. It was generated by pulling all the strong
-  // right-to-left characters out of the Unicode data table. That table can
-  // found at: http://www.unicode.org/Public/UNIDATA/UnicodeData.txt
-
-
-  var strongRTLRanges = [[0x5be, 0x5be], [0x5c0, 0x5c0], [0x5c3, 0x5c3], [0x5c6, 0x5c6], [0x5d0, 0x5ea], [0x5f0, 0x5f4], [0x608, 0x608], [0x60b, 0x60b], [0x60d, 0x60d], [0x61b, 0x61b], [0x61e, 0x64a], [0x66d, 0x66f], [0x671, 0x6d5], [0x6e5, 0x6e6], [0x6ee, 0x6ef], [0x6fa, 0x70d], [0x70f, 0x710], [0x712, 0x72f], [0x74d, 0x7a5], [0x7b1, 0x7b1], [0x7c0, 0x7ea], [0x7f4, 0x7f5], [0x7fa, 0x7fa], [0x800, 0x815], [0x81a, 0x81a], [0x824, 0x824], [0x828, 0x828], [0x830, 0x83e], [0x840, 0x858], [0x85e, 0x85e], [0x8a0, 0x8a0], [0x8a2, 0x8ac], [0x200f, 0x200f], [0xfb1d, 0xfb1d], [0xfb1f, 0xfb28], [0xfb2a, 0xfb36], [0xfb38, 0xfb3c], [0xfb3e, 0xfb3e], [0xfb40, 0xfb41], [0xfb43, 0xfb44], [0xfb46, 0xfbc1], [0xfbd3, 0xfd3d], [0xfd50, 0xfd8f], [0xfd92, 0xfdc7], [0xfdf0, 0xfdfc], [0xfe70, 0xfe74], [0xfe76, 0xfefc], [0x10800, 0x10805], [0x10808, 0x10808], [0x1080a, 0x10835], [0x10837, 0x10838], [0x1083c, 0x1083c], [0x1083f, 0x10855], [0x10857, 0x1085f], [0x10900, 0x1091b], [0x10920, 0x10939], [0x1093f, 0x1093f], [0x10980, 0x109b7], [0x109be, 0x109bf], [0x10a00, 0x10a00], [0x10a10, 0x10a13], [0x10a15, 0x10a17], [0x10a19, 0x10a33], [0x10a40, 0x10a47], [0x10a50, 0x10a58], [0x10a60, 0x10a7f], [0x10b00, 0x10b35], [0x10b40, 0x10b55], [0x10b58, 0x10b72], [0x10b78, 0x10b7f], [0x10c00, 0x10c48], [0x1ee00, 0x1ee03], [0x1ee05, 0x1ee1f], [0x1ee21, 0x1ee22], [0x1ee24, 0x1ee24], [0x1ee27, 0x1ee27], [0x1ee29, 0x1ee32], [0x1ee34, 0x1ee37], [0x1ee39, 0x1ee39], [0x1ee3b, 0x1ee3b], [0x1ee42, 0x1ee42], [0x1ee47, 0x1ee47], [0x1ee49, 0x1ee49], [0x1ee4b, 0x1ee4b], [0x1ee4d, 0x1ee4f], [0x1ee51, 0x1ee52], [0x1ee54, 0x1ee54], [0x1ee57, 0x1ee57], [0x1ee59, 0x1ee59], [0x1ee5b, 0x1ee5b], [0x1ee5d, 0x1ee5d], [0x1ee5f, 0x1ee5f], [0x1ee61, 0x1ee62], [0x1ee64, 0x1ee64], [0x1ee67, 0x1ee6a], [0x1ee6c, 0x1ee72], [0x1ee74, 0x1ee77], [0x1ee79, 0x1ee7c], [0x1ee7e, 0x1ee7e], [0x1ee80, 0x1ee89], [0x1ee8b, 0x1ee9b], [0x1eea1, 0x1eea3], [0x1eea5, 0x1eea9], [0x1eeab, 0x1eebb], [0x10fffd, 0x10fffd]];
-
-  function isStrongRTLChar(charCode) {
-    for (var i = 0; i < strongRTLRanges.length; i++) {
-      var currentRange = strongRTLRanges[i];
-
-      if (charCode >= currentRange[0] && charCode <= currentRange[1]) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  function determineBidi(cueDiv) {
-    var nodeStack = [],
-        text = "",
-        charCode;
-
-    if (!cueDiv || !cueDiv.childNodes) {
-      return "ltr";
-    }
-
-    function pushNodes(nodeStack, node) {
-      for (var i = node.childNodes.length - 1; i >= 0; i--) {
-        nodeStack.push(node.childNodes[i]);
-      }
-    }
-
-    function nextTextNode(nodeStack) {
-      if (!nodeStack || !nodeStack.length) {
-        return null;
-      }
-
-      var node = nodeStack.pop(),
-          text = node.textContent || node.innerText;
-
-      if (text) {
-        // TODO: This should match all unicode type B characters (paragraph
-        // separator characters). See issue #115.
-        var m = text.match(/^.*(\n|\r)/);
-
-        if (m) {
-          nodeStack.length = 0;
-          return m[0];
-        }
-
-        return text;
-      }
-
-      if (node.tagName === "ruby") {
-        return nextTextNode(nodeStack);
-      }
-
-      if (node.childNodes) {
-        pushNodes(nodeStack, node);
-        return nextTextNode(nodeStack);
-      }
-    }
-
-    pushNodes(nodeStack, cueDiv);
-
-    while (text = nextTextNode(nodeStack)) {
-      for (var i = 0; i < text.length; i++) {
-        charCode = text.charCodeAt(i);
-
-        if (isStrongRTLChar(charCode)) {
-          return "rtl";
-        }
-      }
-    }
-
-    return "ltr";
-  }
-
-  function computeLinePos(cue) {
-    if (typeof cue.line === "number" && (cue.snapToLines || cue.line >= 0 && cue.line <= 100)) {
-      return cue.line;
-    }
-
-    if (!cue.track || !cue.track.textTrackList || !cue.track.textTrackList.mediaElement) {
-      return -1;
-    }
-
-    var track = cue.track,
-        trackList = track.textTrackList,
-        count = 0;
-
-    for (var i = 0; i < trackList.length && trackList[i] !== track; i++) {
-      if (trackList[i].mode === "showing") {
-        count++;
-      }
-    }
-
-    return ++count * -1;
-  }
-
-  function StyleBox() {} // Apply styles to a div. If there is no div passed then it defaults to the
-  // div on 'this'.
-
-
-  StyleBox.prototype.applyStyles = function (styles, div) {
-    div = div || this.div;
-
-    for (var prop in styles) {
-      if (styles.hasOwnProperty(prop)) {
-        div.style[prop] = styles[prop];
-      }
-    }
-  };
-
-  StyleBox.prototype.formatStyle = function (val, unit) {
-    return val === 0 ? 0 : val + unit;
-  }; // Constructs the computed display state of the cue (a div). Places the div
-  // into the overlay which should be a block level element (usually a div).
-
-
-  function CueStyleBox(window, cue, styleOptions) {
-    StyleBox.call(this);
-    this.cue = cue; // Parse our cue's text into a DOM tree rooted at 'cueDiv'. This div will
-    // have inline positioning and will function as the cue background box.
-
-    this.cueDiv = parseContent(window, cue.text);
-    var styles = {
-      color: "rgba(255, 255, 255, 1)",
-      backgroundColor: "rgba(0, 0, 0, 0.8)",
-      position: "relative",
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      display: "inline",
-      writingMode: cue.vertical === "" ? "horizontal-tb" : cue.vertical === "lr" ? "vertical-lr" : "vertical-rl",
-      unicodeBidi: "plaintext"
-    };
-    this.applyStyles(styles, this.cueDiv); // Create an absolutely positioned div that will be used to position the cue
-    // div. Note, all WebVTT cue-setting alignments are equivalent to the CSS
-    // mirrors of them except middle instead of center on Safari.
-
-    this.div = window.document.createElement("div");
-    styles = {
-      direction: determineBidi(this.cueDiv),
-      writingMode: cue.vertical === "" ? "horizontal-tb" : cue.vertical === "lr" ? "vertical-lr" : "vertical-rl",
-      unicodeBidi: "plaintext",
-      textAlign: cue.align === "middle" ? "center" : cue.align,
-      font: styleOptions.font,
-      whiteSpace: "pre-line",
-      position: "absolute"
-    };
-    this.applyStyles(styles);
-    this.div.appendChild(this.cueDiv); // Calculate the distance from the reference edge of the viewport to the text
-    // position of the cue box. The reference edge will be resolved later when
-    // the box orientation styles are applied.
-
-    var textPos = 0;
-
-    switch (cue.positionAlign) {
-      case "start":
-        textPos = cue.position;
-        break;
-
-      case "center":
-        textPos = cue.position - cue.size / 2;
-        break;
-
-      case "end":
-        textPos = cue.position - cue.size;
-        break;
-    } // Horizontal box orientation; textPos is the distance from the left edge of the
-    // area to the left edge of the box and cue.size is the distance extending to
-    // the right from there.
-
-
-    if (cue.vertical === "") {
-      this.applyStyles({
-        left: this.formatStyle(textPos, "%"),
-        width: this.formatStyle(cue.size, "%")
-      }); // Vertical box orientation; textPos is the distance from the top edge of the
-      // area to the top edge of the box and cue.size is the height extending
-      // downwards from there.
-    } else {
-      this.applyStyles({
-        top: this.formatStyle(textPos, "%"),
-        height: this.formatStyle(cue.size, "%")
-      });
-    }
-
-    this.move = function (box) {
-      this.applyStyles({
-        top: this.formatStyle(box.top, "px"),
-        bottom: this.formatStyle(box.bottom, "px"),
-        left: this.formatStyle(box.left, "px"),
-        right: this.formatStyle(box.right, "px"),
-        height: this.formatStyle(box.height, "px"),
-        width: this.formatStyle(box.width, "px")
-      });
-    };
-  }
-
-  CueStyleBox.prototype = _objCreate(StyleBox.prototype);
-  CueStyleBox.prototype.constructor = CueStyleBox; // Represents the co-ordinates of an Element in a way that we can easily
-  // compute things with such as if it overlaps or intersects with another Element.
-  // Can initialize it with either a StyleBox or another BoxPosition.
-
-  function BoxPosition(obj) {
-    // Either a BoxPosition was passed in and we need to copy it, or a StyleBox
-    // was passed in and we need to copy the results of 'getBoundingClientRect'
-    // as the object returned is readonly. All co-ordinate values are in reference
-    // to the viewport origin (top left).
-    var lh, height, width, top;
-
-    if (obj.div) {
-      height = obj.div.offsetHeight;
-      width = obj.div.offsetWidth;
-      top = obj.div.offsetTop;
-      var rects = (rects = obj.div.childNodes) && (rects = rects[0]) && rects.getClientRects && rects.getClientRects();
-      obj = obj.div.getBoundingClientRect(); // In certain cases the outter div will be slightly larger then the sum of
-      // the inner div's lines. This could be due to bold text, etc, on some platforms.
-      // In this case we should get the average line height and use that. This will
-      // result in the desired behaviour.
-
-      lh = rects ? Math.max(rects[0] && rects[0].height || 0, obj.height / rects.length) : 0;
-    }
-
-    this.left = obj.left;
-    this.right = obj.right;
-    this.top = obj.top || top;
-    this.height = obj.height || height;
-    this.bottom = obj.bottom || top + (obj.height || height);
-    this.width = obj.width || width;
-    this.lineHeight = lh !== undefined ? lh : obj.lineHeight;
-  } // Move the box along a particular axis. Optionally pass in an amount to move
-  // the box. If no amount is passed then the default is the line height of the
-  // box.
-
-
-  BoxPosition.prototype.move = function (axis, toMove) {
-    toMove = toMove !== undefined ? toMove : this.lineHeight;
-
-    switch (axis) {
-      case "+x":
-        this.left += toMove;
-        this.right += toMove;
-        break;
-
-      case "-x":
-        this.left -= toMove;
-        this.right -= toMove;
-        break;
-
-      case "+y":
-        this.top += toMove;
-        this.bottom += toMove;
-        break;
-
-      case "-y":
-        this.top -= toMove;
-        this.bottom -= toMove;
-        break;
-    }
-  }; // Check if this box overlaps another box, b2.
-
-
-  BoxPosition.prototype.overlaps = function (b2) {
-    return this.left < b2.right && this.right > b2.left && this.top < b2.bottom && this.bottom > b2.top;
-  }; // Check if this box overlaps any other boxes in boxes.
-
-
-  BoxPosition.prototype.overlapsAny = function (boxes) {
-    for (var i = 0; i < boxes.length; i++) {
-      if (this.overlaps(boxes[i])) {
-        return true;
-      }
-    }
-
-    return false;
-  }; // Check if this box is within another box.
-
-
-  BoxPosition.prototype.within = function (container) {
-    return this.top >= container.top && this.bottom <= container.bottom && this.left >= container.left && this.right <= container.right;
-  }; // Check if this box is entirely within the container or it is overlapping
-  // on the edge opposite of the axis direction passed. For example, if "+x" is
-  // passed and the box is overlapping on the left edge of the container, then
-  // return true.
-
-
-  BoxPosition.prototype.overlapsOppositeAxis = function (container, axis) {
-    switch (axis) {
-      case "+x":
-        return this.left < container.left;
-
-      case "-x":
-        return this.right > container.right;
-
-      case "+y":
-        return this.top < container.top;
-
-      case "-y":
-        return this.bottom > container.bottom;
-    }
-  }; // Find the percentage of the area that this box is overlapping with another
-  // box.
-
-
-  BoxPosition.prototype.intersectPercentage = function (b2) {
-    var x = Math.max(0, Math.min(this.right, b2.right) - Math.max(this.left, b2.left)),
-        y = Math.max(0, Math.min(this.bottom, b2.bottom) - Math.max(this.top, b2.top)),
-        intersectArea = x * y;
-    return intersectArea / (this.height * this.width);
-  }; // Convert the positions from this box to CSS compatible positions using
-  // the reference container's positions. This has to be done because this
-  // box's positions are in reference to the viewport origin, whereas, CSS
-  // values are in referecne to their respective edges.
-
-
-  BoxPosition.prototype.toCSSCompatValues = function (reference) {
-    return {
-      top: this.top - reference.top,
-      bottom: reference.bottom - this.bottom,
-      left: this.left - reference.left,
-      right: reference.right - this.right,
-      height: this.height,
-      width: this.width
-    };
-  }; // Get an object that represents the box's position without anything extra.
-  // Can pass a StyleBox, HTMLElement, or another BoxPositon.
-
-
-  BoxPosition.getSimpleBoxPosition = function (obj) {
-    var height = obj.div ? obj.div.offsetHeight : obj.tagName ? obj.offsetHeight : 0;
-    var width = obj.div ? obj.div.offsetWidth : obj.tagName ? obj.offsetWidth : 0;
-    var top = obj.div ? obj.div.offsetTop : obj.tagName ? obj.offsetTop : 0;
-    obj = obj.div ? obj.div.getBoundingClientRect() : obj.tagName ? obj.getBoundingClientRect() : obj;
-    var ret = {
-      left: obj.left,
-      right: obj.right,
-      top: obj.top || top,
-      height: obj.height || height,
-      bottom: obj.bottom || top + (obj.height || height),
-      width: obj.width || width
-    };
-    return ret;
-  }; // Move a StyleBox to its specified, or next best, position. The containerBox
-  // is the box that contains the StyleBox, such as a div. boxPositions are
-  // a list of other boxes that the styleBox can't overlap with.
-
-
-  function moveBoxToLinePosition(window, styleBox, containerBox, boxPositions) {
-    // Find the best position for a cue box, b, on the video. The axis parameter
-    // is a list of axis, the order of which, it will move the box along. For example:
-    // Passing ["+x", "-x"] will move the box first along the x axis in the positive
-    // direction. If it doesn't find a good position for it there it will then move
-    // it along the x axis in the negative direction.
-    function findBestPosition(b, axis) {
-      var bestPosition,
-          specifiedPosition = new BoxPosition(b),
-          percentage = 1; // Highest possible so the first thing we get is better.
-
-      for (var i = 0; i < axis.length; i++) {
-        while (b.overlapsOppositeAxis(containerBox, axis[i]) || b.within(containerBox) && b.overlapsAny(boxPositions)) {
-          b.move(axis[i]);
-        } // We found a spot where we aren't overlapping anything. This is our
-        // best position.
-
-
-        if (b.within(containerBox)) {
-          return b;
-        }
-
-        var p = b.intersectPercentage(containerBox); // If we're outside the container box less then we were on our last try
-        // then remember this position as the best position.
-
-        if (percentage > p) {
-          bestPosition = new BoxPosition(b);
-          percentage = p;
-        } // Reset the box position to the specified position.
-
-
-        b = new BoxPosition(specifiedPosition);
-      }
-
-      return bestPosition || specifiedPosition;
-    }
-
-    var boxPosition = new BoxPosition(styleBox),
-        cue = styleBox.cue,
-        linePos = computeLinePos(cue),
-        axis = []; // If we have a line number to align the cue to.
-
-    if (cue.snapToLines) {
-      var size;
-
-      switch (cue.vertical) {
-        case "":
-          axis = ["+y", "-y"];
-          size = "height";
-          break;
-
-        case "rl":
-          axis = ["+x", "-x"];
-          size = "width";
-          break;
-
-        case "lr":
-          axis = ["-x", "+x"];
-          size = "width";
-          break;
-      }
-
-      var step = boxPosition.lineHeight,
-          position = step * Math.round(linePos),
-          maxPosition = containerBox[size] + step,
-          initialAxis = axis[0]; // If the specified intial position is greater then the max position then
-      // clamp the box to the amount of steps it would take for the box to
-      // reach the max position.
-
-      if (Math.abs(position) > maxPosition) {
-        position = position < 0 ? -1 : 1;
-        position *= Math.ceil(maxPosition / step) * step;
-      } // If computed line position returns negative then line numbers are
-      // relative to the bottom of the video instead of the top. Therefore, we
-      // need to increase our initial position by the length or width of the
-      // video, depending on the writing direction, and reverse our axis directions.
-
-
-      if (linePos < 0) {
-        position += cue.vertical === "" ? containerBox.height : containerBox.width;
-        axis = axis.reverse();
-      } // Move the box to the specified position. This may not be its best
-      // position.
-
-
-      boxPosition.move(initialAxis, position);
-    } else {
-      // If we have a percentage line value for the cue.
-      var calculatedPercentage = boxPosition.lineHeight / containerBox.height * 100;
-
-      switch (cue.lineAlign) {
-        case "center":
-          linePos -= calculatedPercentage / 2;
-          break;
-
-        case "end":
-          linePos -= calculatedPercentage;
-          break;
-      } // Apply initial line position to the cue box.
-
-
-      switch (cue.vertical) {
-        case "":
-          styleBox.applyStyles({
-            top: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-
-        case "rl":
-          styleBox.applyStyles({
-            left: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-
-        case "lr":
-          styleBox.applyStyles({
-            right: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-      }
-
-      axis = ["+y", "-x", "+x", "-y"]; // Get the box position again after we've applied the specified positioning
-      // to it.
-
-      boxPosition = new BoxPosition(styleBox);
-    }
-
-    var bestPosition = findBestPosition(boxPosition, axis);
-    styleBox.move(bestPosition.toCSSCompatValues(containerBox));
-  }
-
-  function WebVTT$1() {} // Nothing
-  // Helper to allow strings to be decoded instead of the default binary utf8 data.
-
-
-  WebVTT$1.StringDecoder = function () {
-    return {
-      decode: function decode(data) {
-        if (!data) {
-          return "";
-        }
-
-        if (typeof data !== "string") {
-          throw new Error("Error - expected string data.");
-        }
-
-        return decodeURIComponent(encodeURIComponent(data));
-      }
-    };
-  };
-
-  WebVTT$1.convertCueToDOMTree = function (window, cuetext) {
-    if (!window || !cuetext) {
-      return null;
-    }
-
-    return parseContent(window, cuetext);
-  };
-
-  var FONT_SIZE_PERCENT = 0.05;
-  var FONT_STYLE = "sans-serif";
-  var CUE_BACKGROUND_PADDING = "1.5%"; // Runs the processing model over the cues and regions passed to it.
-  // @param overlay A block level element (usually a div) that the computed cues
-  //                and regions will be placed into.
-
-  WebVTT$1.processCues = function (window, cues, overlay) {
-    if (!window || !cues || !overlay) {
-      return null;
-    } // Remove all previous children.
-
-
-    while (overlay.firstChild) {
-      overlay.removeChild(overlay.firstChild);
-    }
-
-    var paddedOverlay = window.document.createElement("div");
-    paddedOverlay.style.position = "absolute";
-    paddedOverlay.style.left = "0";
-    paddedOverlay.style.right = "0";
-    paddedOverlay.style.top = "0";
-    paddedOverlay.style.bottom = "0";
-    paddedOverlay.style.margin = CUE_BACKGROUND_PADDING;
-    overlay.appendChild(paddedOverlay); // Determine if we need to compute the display states of the cues. This could
-    // be the case if a cue's state has been changed since the last computation or
-    // if it has not been computed yet.
-
-    function shouldCompute(cues) {
-      for (var i = 0; i < cues.length; i++) {
-        if (cues[i].hasBeenReset || !cues[i].displayState) {
-          return true;
-        }
-      }
-
-      return false;
-    } // We don't need to recompute the cues' display states. Just reuse them.
-
-
-    if (!shouldCompute(cues)) {
-      for (var i = 0; i < cues.length; i++) {
-        paddedOverlay.appendChild(cues[i].displayState);
-      }
-
-      return;
-    }
-
-    var boxPositions = [],
-        containerBox = BoxPosition.getSimpleBoxPosition(paddedOverlay),
-        fontSize = Math.round(containerBox.height * FONT_SIZE_PERCENT * 100) / 100;
-    var styleOptions = {
-      font: fontSize + "px " + FONT_STYLE
-    };
-
-    (function () {
-      var styleBox, cue;
-
-      for (var i = 0; i < cues.length; i++) {
-        cue = cues[i]; // Compute the intial position and styles of the cue div.
-
-        styleBox = new CueStyleBox(window, cue, styleOptions);
-        paddedOverlay.appendChild(styleBox.div); // Move the cue div to it's correct line position.
-
-        moveBoxToLinePosition(window, styleBox, containerBox, boxPositions); // Remember the computed div so that we don't have to recompute it later
-        // if we don't have too.
-
-        cue.displayState = styleBox.div;
-        boxPositions.push(BoxPosition.getSimpleBoxPosition(styleBox));
-      }
-    })();
-  };
-
-  WebVTT$1.Parser = function (window, vttjs, decoder) {
-    if (!decoder) {
-      decoder = vttjs;
-      vttjs = {};
-    }
-
-    if (!vttjs) {
-      vttjs = {};
-    }
-
-    this.window = window;
-    this.vttjs = vttjs;
-    this.state = "INITIAL";
-    this.buffer = "";
-    this.decoder = decoder || new TextDecoder("utf8");
-    this.regionList = [];
-  };
-
-  WebVTT$1.Parser.prototype = {
-    // If the error is a ParsingError then report it to the consumer if
-    // possible. If it's not a ParsingError then throw it like normal.
-    reportOrThrowError: function reportOrThrowError(e) {
-      if (e instanceof ParsingError) {
-        this.onparsingerror && this.onparsingerror(e);
-      } else {
-        throw e;
-      }
-    },
-    parse: function parse(data) {
-      var self = this; // If there is no data then we won't decode it, but will just try to parse
-      // whatever is in buffer already. This may occur in circumstances, for
-      // example when flush() is called.
-
-      if (data) {
-        // Try to decode the data that we received.
-        self.buffer += self.decoder.decode(data, {
-          stream: true
-        });
-      }
-
-      function collectNextLine() {
-        var buffer = self.buffer;
-        var pos = 0;
-
-        while (pos < buffer.length && buffer[pos] !== '\r' && buffer[pos] !== '\n') {
-          ++pos;
-        }
-
-        var line = buffer.substr(0, pos); // Advance the buffer early in case we fail below.
-
-        if (buffer[pos] === '\r') {
-          ++pos;
-        }
-
-        if (buffer[pos] === '\n') {
-          ++pos;
-        }
-
-        self.buffer = buffer.substr(pos);
-        return line;
-      } // 3.4 WebVTT region and WebVTT region settings syntax
-
-
-      function parseRegion(input) {
-        var settings = new Settings();
-        parseOptions(input, function (k, v) {
-          switch (k) {
-            case "id":
-              settings.set(k, v);
-              break;
-
-            case "width":
-              settings.percent(k, v);
-              break;
-
-            case "lines":
-              settings.integer(k, v);
-              break;
-
-            case "regionanchor":
-            case "viewportanchor":
-              var xy = v.split(',');
-
-              if (xy.length !== 2) {
-                break;
-              } // We have to make sure both x and y parse, so use a temporary
-              // settings object here.
-
-
-              var anchor = new Settings();
-              anchor.percent("x", xy[0]);
-              anchor.percent("y", xy[1]);
-
-              if (!anchor.has("x") || !anchor.has("y")) {
-                break;
-              }
-
-              settings.set(k + "X", anchor.get("x"));
-              settings.set(k + "Y", anchor.get("y"));
-              break;
-
-            case "scroll":
-              settings.alt(k, v, ["up"]);
-              break;
-          }
-        }, /=/, /\s/); // Create the region, using default values for any values that were not
-        // specified.
-
-        if (settings.has("id")) {
-          var region = new (self.vttjs.VTTRegion || self.window.VTTRegion)();
-          region.width = settings.get("width", 100);
-          region.lines = settings.get("lines", 3);
-          region.regionAnchorX = settings.get("regionanchorX", 0);
-          region.regionAnchorY = settings.get("regionanchorY", 100);
-          region.viewportAnchorX = settings.get("viewportanchorX", 0);
-          region.viewportAnchorY = settings.get("viewportanchorY", 100);
-          region.scroll = settings.get("scroll", ""); // Register the region.
-
-          self.onregion && self.onregion(region); // Remember the VTTRegion for later in case we parse any VTTCues that
-          // reference it.
-
-          self.regionList.push({
-            id: settings.get("id"),
-            region: region
-          });
-        }
-      } // draft-pantos-http-live-streaming-20
-      // https://tools.ietf.org/html/draft-pantos-http-live-streaming-20#section-3.5
-      // 3.5 WebVTT
-
-
-      function parseTimestampMap(input) {
-        var settings = new Settings();
-        parseOptions(input, function (k, v) {
-          switch (k) {
-            case "MPEGT":
-              settings.integer(k + 'S', v);
-              break;
-
-            case "LOCA":
-              settings.set(k + 'L', parseTimeStamp(v));
-              break;
-          }
-        }, /[^\d]:/, /,/);
-        self.ontimestampmap && self.ontimestampmap({
-          "MPEGTS": settings.get("MPEGTS"),
-          "LOCAL": settings.get("LOCAL")
-        });
-      } // 3.2 WebVTT metadata header syntax
-
-
-      function parseHeader(input) {
-        if (input.match(/X-TIMESTAMP-MAP/)) {
-          // This line contains HLS X-TIMESTAMP-MAP metadata
-          parseOptions(input, function (k, v) {
-            switch (k) {
-              case "X-TIMESTAMP-MAP":
-                parseTimestampMap(v);
-                break;
-            }
-          }, /=/);
-        } else {
-          parseOptions(input, function (k, v) {
-            switch (k) {
-              case "Region":
-                // 3.3 WebVTT region metadata header syntax
-                parseRegion(v);
-                break;
-            }
-          }, /:/);
-        }
-      } // 5.1 WebVTT file parsing.
-
-
-      try {
-        var line;
-
-        if (self.state === "INITIAL") {
-          // We can't start parsing until we have the first line.
-          if (!/\r\n|\n/.test(self.buffer)) {
-            return this;
-          }
-
-          line = collectNextLine();
-          var m = line.match(/^WEBVTT([ \t].*)?$/);
-
-          if (!m || !m[0]) {
-            throw new ParsingError(ParsingError.Errors.BadSignature);
-          }
-
-          self.state = "HEADER";
-        }
-
-        var alreadyCollectedLine = false;
-
-        while (self.buffer) {
-          // We can't parse a line until we have the full line.
-          if (!/\r\n|\n/.test(self.buffer)) {
-            return this;
-          }
-
-          if (!alreadyCollectedLine) {
-            line = collectNextLine();
-          } else {
-            alreadyCollectedLine = false;
-          }
-
-          switch (self.state) {
-            case "HEADER":
-              // 13-18 - Allow a header (metadata) under the WEBVTT line.
-              if (/:/.test(line)) {
-                parseHeader(line);
-              } else if (!line) {
-                // An empty line terminates the header and starts the body (cues).
-                self.state = "ID";
-              }
-
-              continue;
-
-            case "NOTE":
-              // Ignore NOTE blocks.
-              if (!line) {
-                self.state = "ID";
-              }
-
-              continue;
-
-            case "ID":
-              // Check for the start of NOTE blocks.
-              if (/^NOTE($|[ \t])/.test(line)) {
-                self.state = "NOTE";
-                break;
-              } // 19-29 - Allow any number of line terminators, then initialize new cue values.
-
-
-              if (!line) {
-                continue;
-              }
-
-              self.cue = new (self.vttjs.VTTCue || self.window.VTTCue)(0, 0, ""); // Safari still uses the old middle value and won't accept center
-
-              try {
-                self.cue.align = "center";
-              } catch (e) {
-                self.cue.align = "middle";
-              }
-
-              self.state = "CUE"; // 30-39 - Check if self line contains an optional identifier or timing data.
-
-              if (line.indexOf("-->") === -1) {
-                self.cue.id = line;
-                continue;
-              }
-
-            // Process line as start of a cue.
-
-            /*falls through*/
-
-            case "CUE":
-              // 40 - Collect cue timings and settings.
-              try {
-                parseCue(line, self.cue, self.regionList);
-              } catch (e) {
-                self.reportOrThrowError(e); // In case of an error ignore rest of the cue.
-
-                self.cue = null;
-                self.state = "BADCUE";
-                continue;
-              }
-
-              self.state = "CUETEXT";
-              continue;
-
-            case "CUETEXT":
-              var hasSubstring = line.indexOf("-->") !== -1; // 34 - If we have an empty line then report the cue.
-              // 35 - If we have the special substring '-->' then report the cue,
-              // but do not collect the line as we need to process the current
-              // one as a new cue.
-
-              if (!line || hasSubstring && (alreadyCollectedLine = true)) {
-                // We are done parsing self cue.
-                self.oncue && self.oncue(self.cue);
-                self.cue = null;
-                self.state = "ID";
-                continue;
-              }
-
-              if (self.cue.text) {
-                self.cue.text += "\n";
-              }
-
-              self.cue.text += line.replace(/\u2028/g, '\n').replace(/u2029/g, '\n');
-              continue;
-
-            case "BADCUE":
-              // BADCUE
-              // 54-62 - Collect and discard the remaining cue.
-              if (!line) {
-                self.state = "ID";
-              }
-
-              continue;
-          }
-        }
-      } catch (e) {
-        self.reportOrThrowError(e); // If we are currently parsing a cue, report what we have.
-
-        if (self.state === "CUETEXT" && self.cue && self.oncue) {
-          self.oncue(self.cue);
-        }
-
-        self.cue = null; // Enter BADWEBVTT state if header was not parsed correctly otherwise
-        // another exception occurred so enter BADCUE state.
-
-        self.state = self.state === "INITIAL" ? "BADWEBVTT" : "BADCUE";
-      }
-
-      return this;
-    },
-    flush: function flush() {
-      var self = this;
-
-      try {
-        // Finish decoding the stream.
-        self.buffer += self.decoder.decode(); // Synthesize the end of the current cue or region.
-
-        if (self.cue || self.state === "HEADER") {
-          self.buffer += "\n\n";
-          self.parse();
-        } // If we've flushed, parsed, and we're still on the INITIAL state then
-        // that means we don't have enough of the stream to parse the first
-        // line.
-
-
-        if (self.state === "INITIAL") {
-          throw new ParsingError(ParsingError.Errors.BadSignature);
-        }
-      } catch (e) {
-        self.reportOrThrowError(e);
-      }
-
-      self.onflush && self.onflush();
-      return this;
-    }
-  };
-  var vtt = WebVTT$1;
-
-  /**
-   * Copyright 2013 vtt.js Contributors
-   *
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   *   http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  var autoKeyword = "auto";
-  var directionSetting = {
-    "": 1,
-    "lr": 1,
-    "rl": 1
-  };
-  var alignSetting = {
-    "start": 1,
-    "center": 1,
-    "end": 1,
-    "left": 1,
-    "right": 1,
-    "auto": 1,
-    "line-left": 1,
-    "line-right": 1
-  };
-
-  function findDirectionSetting(value) {
-    if (typeof value !== "string") {
-      return false;
-    }
-
-    var dir = directionSetting[value.toLowerCase()];
-    return dir ? value.toLowerCase() : false;
-  }
-
-  function findAlignSetting(value) {
-    if (typeof value !== "string") {
-      return false;
-    }
-
-    var align = alignSetting[value.toLowerCase()];
-    return align ? value.toLowerCase() : false;
-  }
-
-  function VTTCue(startTime, endTime, text) {
-    /**
-     * Shim implementation specific properties. These properties are not in
-     * the spec.
-     */
-    // Lets us know when the VTTCue's data has changed in such a way that we need
-    // to recompute its display state. This lets us compute its display state
-    // lazily.
-    this.hasBeenReset = false;
-    /**
-     * VTTCue and TextTrackCue properties
-     * http://dev.w3.org/html5/webvtt/#vttcue-interface
-     */
-
-    var _id = "";
-    var _pauseOnExit = false;
-    var _startTime = startTime;
-    var _endTime = endTime;
-    var _text = text;
-    var _region = null;
-    var _vertical = "";
-    var _snapToLines = true;
-    var _line = "auto";
-    var _lineAlign = "start";
-    var _position = "auto";
-    var _positionAlign = "auto";
-    var _size = 100;
-    var _align = "center";
-    Object.defineProperties(this, {
-      "id": {
-        enumerable: true,
-        get: function get() {
-          return _id;
-        },
-        set: function set(value) {
-          _id = "" + value;
-        }
-      },
-      "pauseOnExit": {
-        enumerable: true,
-        get: function get() {
-          return _pauseOnExit;
-        },
-        set: function set(value) {
-          _pauseOnExit = !!value;
-        }
-      },
-      "startTime": {
-        enumerable: true,
-        get: function get() {
-          return _startTime;
-        },
-        set: function set(value) {
-          if (typeof value !== "number") {
-            throw new TypeError("Start time must be set to a number.");
-          }
-
-          _startTime = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "endTime": {
-        enumerable: true,
-        get: function get() {
-          return _endTime;
-        },
-        set: function set(value) {
-          if (typeof value !== "number") {
-            throw new TypeError("End time must be set to a number.");
-          }
-
-          _endTime = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "text": {
-        enumerable: true,
-        get: function get() {
-          return _text;
-        },
-        set: function set(value) {
-          _text = "" + value;
-          this.hasBeenReset = true;
-        }
-      },
-      "region": {
-        enumerable: true,
-        get: function get() {
-          return _region;
-        },
-        set: function set(value) {
-          _region = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "vertical": {
-        enumerable: true,
-        get: function get() {
-          return _vertical;
-        },
-        set: function set(value) {
-          var setting = findDirectionSetting(value); // Have to check for false because the setting an be an empty string.
-
-          if (setting === false) {
-            throw new SyntaxError("Vertical: an invalid or illegal direction string was specified.");
-          }
-
-          _vertical = setting;
-          this.hasBeenReset = true;
-        }
-      },
-      "snapToLines": {
-        enumerable: true,
-        get: function get() {
-          return _snapToLines;
-        },
-        set: function set(value) {
-          _snapToLines = !!value;
-          this.hasBeenReset = true;
-        }
-      },
-      "line": {
-        enumerable: true,
-        get: function get() {
-          return _line;
-        },
-        set: function set(value) {
-          if (typeof value !== "number" && value !== autoKeyword) {
-            throw new SyntaxError("Line: an invalid number or illegal string was specified.");
-          }
-
-          _line = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "lineAlign": {
-        enumerable: true,
-        get: function get() {
-          return _lineAlign;
-        },
-        set: function set(value) {
-          var setting = findAlignSetting(value);
-
-          if (!setting) {
-            console.warn("lineAlign: an invalid or illegal string was specified.");
-          } else {
-            _lineAlign = setting;
-            this.hasBeenReset = true;
-          }
-        }
-      },
-      "position": {
-        enumerable: true,
-        get: function get() {
-          return _position;
-        },
-        set: function set(value) {
-          if (value < 0 || value > 100) {
-            throw new Error("Position must be between 0 and 100.");
-          }
-
-          _position = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "positionAlign": {
-        enumerable: true,
-        get: function get() {
-          return _positionAlign;
-        },
-        set: function set(value) {
-          var setting = findAlignSetting(value);
-
-          if (!setting) {
-            console.warn("positionAlign: an invalid or illegal string was specified.");
-          } else {
-            _positionAlign = setting;
-            this.hasBeenReset = true;
-          }
-        }
-      },
-      "size": {
-        enumerable: true,
-        get: function get() {
-          return _size;
-        },
-        set: function set(value) {
-          if (value < 0 || value > 100) {
-            throw new Error("Size must be between 0 and 100.");
-          }
-
-          _size = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "align": {
-        enumerable: true,
-        get: function get() {
-          return _align;
-        },
-        set: function set(value) {
-          var setting = findAlignSetting(value);
-
-          if (!setting) {
-            throw new SyntaxError("align: an invalid or illegal alignment string was specified.");
-          }
-
-          _align = setting;
-          this.hasBeenReset = true;
-        }
-      }
-    });
-    /**
-     * Other <track> spec defined properties
-     */
-    // http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#text-track-cue-display-state
-
-    this.displayState = undefined;
-  }
-  /**
-   * VTTCue methods
-   */
-
-
-  VTTCue.prototype.getCueAsHTML = function () {
-    // Assume WebVTT.convertCueToDOMTree is on the global.
-    return WebVTT.convertCueToDOMTree(window, this.text);
-  };
-
-  var vttcue = VTTCue;
-
-  /**
-   * Copyright 2013 vtt.js Contributors
-   *
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   *   http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  var scrollSetting = {
-    "": true,
-    "up": true
-  };
-
-  function findScrollSetting(value) {
-    if (typeof value !== "string") {
-      return false;
-    }
-
-    var scroll = scrollSetting[value.toLowerCase()];
-    return scroll ? value.toLowerCase() : false;
-  }
-
-  function isValidPercentValue(value) {
-    return typeof value === "number" && value >= 0 && value <= 100;
-  } // VTTRegion shim http://dev.w3.org/html5/webvtt/#vttregion-interface
-
-
-  function VTTRegion() {
-    var _width = 100;
-    var _lines = 3;
-    var _regionAnchorX = 0;
-    var _regionAnchorY = 100;
-    var _viewportAnchorX = 0;
-    var _viewportAnchorY = 100;
-    var _scroll = "";
-    Object.defineProperties(this, {
-      "width": {
-        enumerable: true,
-        get: function get() {
-          return _width;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("Width must be between 0 and 100.");
-          }
-
-          _width = value;
-        }
-      },
-      "lines": {
-        enumerable: true,
-        get: function get() {
-          return _lines;
-        },
-        set: function set(value) {
-          if (typeof value !== "number") {
-            throw new TypeError("Lines must be set to a number.");
-          }
-
-          _lines = value;
-        }
-      },
-      "regionAnchorY": {
-        enumerable: true,
-        get: function get() {
-          return _regionAnchorY;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("RegionAnchorX must be between 0 and 100.");
-          }
-
-          _regionAnchorY = value;
-        }
-      },
-      "regionAnchorX": {
-        enumerable: true,
-        get: function get() {
-          return _regionAnchorX;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("RegionAnchorY must be between 0 and 100.");
-          }
-
-          _regionAnchorX = value;
-        }
-      },
-      "viewportAnchorY": {
-        enumerable: true,
-        get: function get() {
-          return _viewportAnchorY;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("ViewportAnchorY must be between 0 and 100.");
-          }
-
-          _viewportAnchorY = value;
-        }
-      },
-      "viewportAnchorX": {
-        enumerable: true,
-        get: function get() {
-          return _viewportAnchorX;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("ViewportAnchorX must be between 0 and 100.");
-          }
-
-          _viewportAnchorX = value;
-        }
-      },
-      "scroll": {
-        enumerable: true,
-        get: function get() {
-          return _scroll;
-        },
-        set: function set(value) {
-          var setting = findScrollSetting(value); // Have to check for false as an empty string is a legal value.
-
-          if (setting === false) {
-            console.warn("Scroll: an invalid or illegal string was specified.");
-          } else {
-            _scroll = setting;
-          }
-        }
-      }
-    });
-  }
-
-  var vttregion = VTTRegion;
-
-  var browserIndex = createCommonjsModule(function (module) {
-    /**
-     * Copyright 2013 vtt.js Contributors
-     *
-     * Licensed under the Apache License, Version 2.0 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     *   http://www.apache.org/licenses/LICENSE-2.0
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" BASIS,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    // Default exports for Node. Export the extended versions of VTTCue and
-    // VTTRegion in Node since we likely want the capability to convert back and
-    // forth between JSON. If we don't then it's not that big of a deal since we're
-    // off browser.
-    var vttjs = module.exports = {
-      WebVTT: vtt,
-      VTTCue: vttcue,
-      VTTRegion: vttregion
-    };
-    window$1.vttjs = vttjs;
-    window$1.WebVTT = vttjs.WebVTT;
-    var cueShim = vttjs.VTTCue;
-    var regionShim = vttjs.VTTRegion;
-    var nativeVTTCue = window$1.VTTCue;
-    var nativeVTTRegion = window$1.VTTRegion;
-
-    vttjs.shim = function () {
-      window$1.VTTCue = cueShim;
-      window$1.VTTRegion = regionShim;
-    };
-
-    vttjs.restore = function () {
-      window$1.VTTCue = nativeVTTCue;
-      window$1.VTTRegion = nativeVTTRegion;
-    };
-
-    if (!window$1.VTTCue) {
-      vttjs.shim();
-    }
-  });
-  var browserIndex_1 = browserIndex.WebVTT;
-  var browserIndex_2 = browserIndex.VTTCue;
-  var browserIndex_3 = browserIndex.VTTRegion;
-
-  /**
-   * An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string
-   * that just contains the src url alone.
-   * * `var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};`
-     * `var SourceString = 'http://example.com/some-video.mp4';`
-   *
-   * @typedef {Object|string} Tech~SourceObject
-   *
-   * @property {string} src
-   *           The url to the source
-   *
-   * @property {string} type
-   *           The mime type of the source
-   */
-
-  /**
-   * A function used by {@link Tech} to create a new {@link TextTrack}.
-   *
-   * @private
-   *
-   * @param {Tech} self
-   *        An instance of the Tech class.
-   *
-   * @param {string} kind
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-   *
-   * @param {string} [label]
-   *        Label to identify the text track
-   *
-   * @param {string} [language]
-   *        Two letter language abbreviation
-   *
-   * @param {Object} [options={}]
-   *        An object with additional text track options
-   *
-   * @return {TextTrack}
-   *          The text track that was created.
-   */
-
-  function createTrackHelper(self, kind, label, language, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var tracks = self.textTracks();
-    options.kind = kind;
-
-    if (label) {
-      options.label = label;
-    }
-
-    if (language) {
-      options.language = language;
-    }
-
-    options.tech = self;
-    var track = new ALL.text.TrackClass(options);
-    tracks.addTrack(track);
-    return track;
-  }
-  /**
-   * This is the base class for media playback technology controllers, such as
-   * {@link Flash} and {@link HTML5}
-   *
-   * @extends Component
-   */
-
-
-  var Tech =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Tech, _Component);
-
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} ready
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    function Tech(options, ready) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (ready === void 0) {
-        ready = function ready() {};
-      }
-
-      // we don't want the tech to report user activity automatically.
-      // This is done manually in addControlsListeners
-      options.reportTouchActivity = false;
-      _this = _Component.call(this, null, options, ready) || this; // keep track of whether the current source has played at all to
-      // implement a very limited played()
-
-      _this.hasStarted_ = false;
-
-      _this.on('playing', function () {
-        this.hasStarted_ = true;
-      });
-
-      _this.on('loadstart', function () {
-        this.hasStarted_ = false;
-      });
-
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-
-        if (options && options[props.getterName]) {
-          _this[props.privateName] = options[props.getterName];
-        }
-      }); // Manually track progress in cases where the browser/flash player doesn't report it.
-
-      if (!_this.featuresProgressEvents) {
-        _this.manualProgressOn();
-      } // Manually track timeupdates in cases where the browser/flash player doesn't report it.
-
-
-      if (!_this.featuresTimeupdateEvents) {
-        _this.manualTimeUpdatesOn();
-      }
-
-      ['Text', 'Audio', 'Video'].forEach(function (track) {
-        if (options["native" + track + "Tracks"] === false) {
-          _this["featuresNative" + track + "Tracks"] = false;
-        }
-      });
-
-      if (options.nativeCaptions === false || options.nativeTextTracks === false) {
-        _this.featuresNativeTextTracks = false;
-      } else if (options.nativeCaptions === true || options.nativeTextTracks === true) {
-        _this.featuresNativeTextTracks = true;
-      }
-
-      if (!_this.featuresNativeTextTracks) {
-        _this.emulateTextTracks();
-      }
-
-      _this.preloadTextTracks = options.preloadTextTracks !== false;
-      _this.autoRemoteTextTracks_ = new ALL.text.ListClass();
-
-      _this.initTrackListeners(); // Turn on component tap events only if not using native controls
-
-
-      if (!options.nativeControlsForTouch) {
-        _this.emitTapEvents();
-      }
-
-      if (_this.constructor) {
-        _this.name_ = _this.constructor.name || 'Unknown Tech';
-      }
-
-      return _this;
-    }
-    /**
-     * A special function to trigger source set in a way that will allow player
-     * to re-trigger if the player or tech are not ready yet.
-     *
-     * @fires Tech#sourceset
-     * @param {string} src The source string at the time of the source changing.
-     */
-
-
-    var _proto = Tech.prototype;
-
-    _proto.triggerSourceset = function triggerSourceset(src) {
-      var _this2 = this;
-
-      if (!this.isReady_) {
-        // on initial ready we have to trigger source set
-        // 1ms after ready so that player can watch for it.
-        this.one('ready', function () {
-          return _this2.setTimeout(function () {
-            return _this2.triggerSourceset(src);
-          }, 1);
-        });
-      }
-      /**
-       * Fired when the source is set on the tech causing the media element
-       * to reload.
-       *
-       * @see {@link Player#event:sourceset}
-       * @event Tech#sourceset
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger({
-        src: src,
-        type: 'sourceset'
-      });
-    }
-    /* Fallbacks for unsupported event types
-    ================================================================================ */
-
-    /**
-     * Polyfill the `progress` event for browsers that don't support it natively.
-     *
-     * @see {@link Tech#trackProgress}
-     */
-    ;
-
-    _proto.manualProgressOn = function manualProgressOn() {
-      this.on('durationchange', this.onDurationChange);
-      this.manualProgress = true; // Trigger progress watching when a source begins loading
-
-      this.one('ready', this.trackProgress);
-    }
-    /**
-     * Turn off the polyfill for `progress` events that was created in
-     * {@link Tech#manualProgressOn}
-     */
-    ;
-
-    _proto.manualProgressOff = function manualProgressOff() {
-      this.manualProgress = false;
-      this.stopTrackingProgress();
-      this.off('durationchange', this.onDurationChange);
-    }
-    /**
-     * This is used to trigger a `progress` event when the buffered percent changes. It
-     * sets an interval function that will be called every 500 milliseconds to check if the
-     * buffer end percent has changed.
-     *
-     * > This function is called by {@link Tech#manualProgressOn}
-     *
-     * @param {EventTarget~Event} event
-     *        The `ready` event that caused this to run.
-     *
-     * @listens Tech#ready
-     * @fires Tech#progress
-     */
-    ;
-
-    _proto.trackProgress = function trackProgress(event) {
-      this.stopTrackingProgress();
-      this.progressInterval = this.setInterval(bind(this, function () {
-        // Don't trigger unless buffered amount is greater than last time
-        var numBufferedPercent = this.bufferedPercent();
-
-        if (this.bufferedPercent_ !== numBufferedPercent) {
-          /**
-           * See {@link Player#progress}
-           *
-           * @event Tech#progress
-           * @type {EventTarget~Event}
-           */
-          this.trigger('progress');
-        }
-
-        this.bufferedPercent_ = numBufferedPercent;
-
-        if (numBufferedPercent === 1) {
-          this.stopTrackingProgress();
-        }
-      }), 500);
-    }
-    /**
-     * Update our internal duration on a `durationchange` event by calling
-     * {@link Tech#duration}.
-     *
-     * @param {EventTarget~Event} event
-     *        The `durationchange` event that caused this to run.
-     *
-     * @listens Tech#durationchange
-     */
-    ;
-
-    _proto.onDurationChange = function onDurationChange(event) {
-      this.duration_ = this.duration();
-    }
-    /**
-     * Get and create a `TimeRange` object for buffering.
-     *
-     * @return {TimeRange}
-     *         The time range object that was created.
-     */
-    ;
-
-    _proto.buffered = function buffered() {
-      return createTimeRanges(0, 0);
-    }
-    /**
-     * Get the percentage of the current video that is currently buffered.
-     *
-     * @return {number}
-     *         A number from 0 to 1 that represents the decimal percentage of the
-     *         video that is buffered.
-     *
-     */
-    ;
-
-    _proto.bufferedPercent = function bufferedPercent$1() {
-      return bufferedPercent(this.buffered(), this.duration_);
-    }
-    /**
-     * Turn off the polyfill for `progress` events that was created in
-     * {@link Tech#manualProgressOn}
-     * Stop manually tracking progress events by clearing the interval that was set in
-     * {@link Tech#trackProgress}.
-     */
-    ;
-
-    _proto.stopTrackingProgress = function stopTrackingProgress() {
-      this.clearInterval(this.progressInterval);
-    }
-    /**
-     * Polyfill the `timeupdate` event for browsers that don't support it.
-     *
-     * @see {@link Tech#trackCurrentTime}
-     */
-    ;
-
-    _proto.manualTimeUpdatesOn = function manualTimeUpdatesOn() {
-      this.manualTimeUpdates = true;
-      this.on('play', this.trackCurrentTime);
-      this.on('pause', this.stopTrackingCurrentTime);
-    }
-    /**
-     * Turn off the polyfill for `timeupdate` events that was created in
-     * {@link Tech#manualTimeUpdatesOn}
-     */
-    ;
-
-    _proto.manualTimeUpdatesOff = function manualTimeUpdatesOff() {
-      this.manualTimeUpdates = false;
-      this.stopTrackingCurrentTime();
-      this.off('play', this.trackCurrentTime);
-      this.off('pause', this.stopTrackingCurrentTime);
-    }
-    /**
-     * Sets up an interval function to track current time and trigger `timeupdate` every
-     * 250 milliseconds.
-     *
-     * @listens Tech#play
-     * @triggers Tech#timeupdate
-     */
-    ;
-
-    _proto.trackCurrentTime = function trackCurrentTime() {
-      if (this.currentTimeInterval) {
-        this.stopTrackingCurrentTime();
-      }
-
-      this.currentTimeInterval = this.setInterval(function () {
-        /**
-         * Triggered at an interval of 250ms to indicated that time is passing in the video.
-         *
-         * @event Tech#timeupdate
-         * @type {EventTarget~Event}
-         */
-        this.trigger({
-          type: 'timeupdate',
-          target: this,
-          manuallyTriggered: true
-        }); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-      }, 250);
-    }
-    /**
-     * Stop the interval function created in {@link Tech#trackCurrentTime} so that the
-     * `timeupdate` event is no longer triggered.
-     *
-     * @listens {Tech#pause}
-     */
-    ;
-
-    _proto.stopTrackingCurrentTime = function stopTrackingCurrentTime() {
-      this.clearInterval(this.currentTimeInterval); // #1002 - if the video ends right before the next timeupdate would happen,
-      // the progress bar won't make it all the way to the end
-
-      this.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-    }
-    /**
-     * Turn off all event polyfills, clear the `Tech`s {@link AudioTrackList},
-     * {@link VideoTrackList}, and {@link TextTrackList}, and dispose of this Tech.
-     *
-     * @fires Component#dispose
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      // clear out all tracks because we can't reuse them between techs
-      this.clearTracks(NORMAL.names); // Turn off any manual progress or timeupdate tracking
-
-      if (this.manualProgress) {
-        this.manualProgressOff();
-      }
-
-      if (this.manualTimeUpdates) {
-        this.manualTimeUpdatesOff();
-      }
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Clear out a single `TrackList` or an array of `TrackLists` given their names.
-     *
-     * > Note: Techs without source handlers should call this between sources for `video`
-     *         & `audio` tracks. You don't want to use them between tracks!
-     *
-     * @param {string[]|string} types
-     *        TrackList names to clear, valid names are `video`, `audio`, and
-     *        `text`.
-     */
-    ;
-
-    _proto.clearTracks = function clearTracks(types) {
-      var _this3 = this;
-
-      types = [].concat(types); // clear out all tracks because we can't reuse them between techs
-
-      types.forEach(function (type) {
-        var list = _this3[type + "Tracks"]() || [];
-        var i = list.length;
-
-        while (i--) {
-          var track = list[i];
-
-          if (type === 'text') {
-            _this3.removeRemoteTextTrack(track);
-          }
-
-          list.removeTrack(track);
-        }
-      });
-    }
-    /**
-     * Remove any TextTracks added via addRemoteTextTrack that are
-     * flagged for automatic garbage collection
-     */
-    ;
-
-    _proto.cleanupAutoTextTracks = function cleanupAutoTextTracks() {
-      var list = this.autoRemoteTextTracks_ || [];
-      var i = list.length;
-
-      while (i--) {
-        var track = list[i];
-        this.removeRemoteTextTrack(track);
-      }
-    }
-    /**
-     * Reset the tech, which will removes all sources and reset the internal readyState.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.reset = function reset() {}
-    /**
-     * Get or set an error on the Tech.
-     *
-     * @param {MediaError} [err]
-     *        Error to set on the Tech
-     *
-     * @return {MediaError|null}
-     *         The current error object on the tech, or null if there isn't one.
-     */
-    ;
-
-    _proto.error = function error(err) {
-      if (err !== undefined) {
-        this.error_ = new MediaError(err);
-        this.trigger('error');
-      }
-
-      return this.error_;
-    }
-    /**
-     * Returns the `TimeRange`s that have been played through for the current source.
-     *
-     * > NOTE: This implementation is incomplete. It does not track the played `TimeRange`.
-     *         It only checks whether the source has played at all or not.
-     *
-     * @return {TimeRange}
-     *         - A single time range if this video has played
-     *         - An empty set of ranges if not.
-     */
-    ;
-
-    _proto.played = function played() {
-      if (this.hasStarted_) {
-        return createTimeRanges(0, 0);
-      }
-
-      return createTimeRanges();
-    }
-    /**
-     * Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was
-     * previously called.
-     *
-     * @fires Tech#timeupdate
-     */
-    ;
-
-    _proto.setCurrentTime = function setCurrentTime() {
-      // improve the accuracy of manual timeupdates
-      if (this.manualTimeUpdates) {
-        /**
-         * A manual `timeupdate` event.
-         *
-         * @event Tech#timeupdate
-         * @type {EventTarget~Event}
-         */
-        this.trigger({
-          type: 'timeupdate',
-          target: this,
-          manuallyTriggered: true
-        });
-      }
-    }
-    /**
-     * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and
-     * {@link TextTrackList} events.
-     *
-     * This adds {@link EventTarget~EventListeners} for `addtrack`, and  `removetrack`.
-     *
-     * @fires Tech#audiotrackchange
-     * @fires Tech#videotrackchange
-     * @fires Tech#texttrackchange
-     */
-    ;
-
-    _proto.initTrackListeners = function initTrackListeners() {
-      var _this4 = this;
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link AudioTrackList}
-        *
-        * @event Tech#audiotrackchange
-        * @type {EventTarget~Event}
-        */
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link VideoTrackList}
-        *
-        * @event Tech#videotrackchange
-        * @type {EventTarget~Event}
-        */
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link TextTrackList}
-        *
-        * @event Tech#texttrackchange
-        * @type {EventTarget~Event}
-        */
-      NORMAL.names.forEach(function (name) {
-        var props = NORMAL[name];
-
-        var trackListChanges = function trackListChanges() {
-          _this4.trigger(name + "trackchange");
-        };
-
-        var tracks = _this4[props.getterName]();
-
-        tracks.addEventListener('removetrack', trackListChanges);
-        tracks.addEventListener('addtrack', trackListChanges);
-
-        _this4.on('dispose', function () {
-          tracks.removeEventListener('removetrack', trackListChanges);
-          tracks.removeEventListener('addtrack', trackListChanges);
-        });
-      });
-    }
-    /**
-     * Emulate TextTracks using vtt.js if necessary
-     *
-     * @fires Tech#vttjsloaded
-     * @fires Tech#vttjserror
-     */
-    ;
-
-    _proto.addWebVttScript_ = function addWebVttScript_() {
-      var _this5 = this;
-
-      if (window$1.WebVTT) {
-        return;
-      } // Initially, Tech.el_ is a child of a dummy-div wait until the Component system
-      // signals that the Tech is ready at which point Tech.el_ is part of the DOM
-      // before inserting the WebVTT script
-
-
-      if (document.body.contains(this.el())) {
-        // load via require if available and vtt.js script location was not passed in
-        // as an option. novtt builds will turn the above require call into an empty object
-        // which will cause this if check to always fail.
-        if (!this.options_['vtt.js'] && isPlain(browserIndex) && Object.keys(browserIndex).length > 0) {
-          this.trigger('vttjsloaded');
-          return;
-        } // load vtt.js via the script location option or the cdn of no location was
-        // passed in
-
-
-        var script = document.createElement('script');
-        script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js';
-
-        script.onload = function () {
-          /**
-           * Fired when vtt.js is loaded.
-           *
-           * @event Tech#vttjsloaded
-           * @type {EventTarget~Event}
-           */
-          _this5.trigger('vttjsloaded');
-        };
-
-        script.onerror = function () {
-          /**
-           * Fired when vtt.js was not loaded due to an error
-           *
-           * @event Tech#vttjsloaded
-           * @type {EventTarget~Event}
-           */
-          _this5.trigger('vttjserror');
-        };
-
-        this.on('dispose', function () {
-          script.onload = null;
-          script.onerror = null;
-        }); // but have not loaded yet and we set it to true before the inject so that
-        // we don't overwrite the injected window.WebVTT if it loads right away
-
-        window$1.WebVTT = true;
-        this.el().parentNode.appendChild(script);
-      } else {
-        this.ready(this.addWebVttScript_);
-      }
-    }
-    /**
-     * Emulate texttracks
-     *
-     */
-    ;
-
-    _proto.emulateTextTracks = function emulateTextTracks() {
-      var _this6 = this;
-
-      var tracks = this.textTracks();
-      var remoteTracks = this.remoteTextTracks();
-
-      var handleAddTrack = function handleAddTrack(e) {
-        return tracks.addTrack(e.track);
-      };
-
-      var handleRemoveTrack = function handleRemoveTrack(e) {
-        return tracks.removeTrack(e.track);
-      };
-
-      remoteTracks.on('addtrack', handleAddTrack);
-      remoteTracks.on('removetrack', handleRemoveTrack);
-      this.addWebVttScript_();
-
-      var updateDisplay = function updateDisplay() {
-        return _this6.trigger('texttrackchange');
-      };
-
-      var textTracksChanges = function textTracksChanges() {
-        updateDisplay();
-
-        for (var i = 0; i < tracks.length; i++) {
-          var track = tracks[i];
-          track.removeEventListener('cuechange', updateDisplay);
-
-          if (track.mode === 'showing') {
-            track.addEventListener('cuechange', updateDisplay);
-          }
-        }
-      };
-
-      textTracksChanges();
-      tracks.addEventListener('change', textTracksChanges);
-      tracks.addEventListener('addtrack', textTracksChanges);
-      tracks.addEventListener('removetrack', textTracksChanges);
-      this.on('dispose', function () {
-        remoteTracks.off('addtrack', handleAddTrack);
-        remoteTracks.off('removetrack', handleRemoveTrack);
-        tracks.removeEventListener('change', textTracksChanges);
-        tracks.removeEventListener('addtrack', textTracksChanges);
-        tracks.removeEventListener('removetrack', textTracksChanges);
-
-        for (var i = 0; i < tracks.length; i++) {
-          var track = tracks[i];
-          track.removeEventListener('cuechange', updateDisplay);
-        }
-      });
-    }
-    /**
-     * Create and returns a remote {@link TextTrack} object.
-     *
-     * @param {string} kind
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-     *
-     * @param {string} [label]
-     *        Label to identify the text track
-     *
-     * @param {string} [language]
-     *        Two letter language abbreviation
-     *
-     * @return {TextTrack}
-     *         The TextTrack that gets created.
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (!kind) {
-        throw new Error('TextTrack kind is required but was not provided');
-      }
-
-      return createTrackHelper(this, kind, label, language);
-    }
-    /**
-     * Create an emulated TextTrack for use by addRemoteTextTrack
-     *
-     * This is intended to be overridden by classes that inherit from
-     * Tech in order to create native or custom TextTracks.
-     *
-     * @param {Object} options
-     *        The object should contain the options to initialize the TextTrack with.
-     *
-     * @param {string} [options.kind]
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-     *
-     * @param {string} [options.label].
-     *        Label to identify the text track
-     *
-     * @param {string} [options.language]
-     *        Two letter language abbreviation.
-     *
-     * @return {HTMLTrackElement}
-     *         The track element that gets created.
-     */
-    ;
-
-    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-      var track = mergeOptions(options, {
-        tech: this
-      });
-      return new REMOTE.remoteTextEl.TrackClass(track);
-    }
-    /**
-     * Creates a remote text track object and returns an html track element.
-     *
-     * > Note: This can be an emulated {@link HTMLTrackElement} or a native one.
-     *
-     * @param {Object} options
-     *        See {@link Tech#createRemoteTextTrack} for more detailed properties.
-     *
-     * @param {boolean} [manualCleanup=true]
-     *        - When false: the TextTrack will be automatically removed from the video
-     *          element whenever the source changes
-     *        - When True: The TextTrack will have to be cleaned up manually
-     *
-     * @return {HTMLTrackElement}
-     *         An Html Track Element.
-     *
-     * @deprecated The default functionality for this function will be equivalent
-     *             to "manualCleanup=false" in the future. The manualCleanup parameter will
-     *             also be removed.
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      var _this7 = this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var htmlTrackElement = this.createRemoteTextTrack(options);
-
-      if (manualCleanup !== true && manualCleanup !== false) {
-        // deprecation warning
-        log.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
-        manualCleanup = true;
-      } // store HTMLTrackElement and TextTrack to remote list
-
-
-      this.remoteTextTrackEls().addTrackElement_(htmlTrackElement);
-      this.remoteTextTracks().addTrack(htmlTrackElement.track);
-
-      if (manualCleanup !== true) {
-        // create the TextTrackList if it doesn't exist
-        this.ready(function () {
-          return _this7.autoRemoteTextTracks_.addTrack(htmlTrackElement.track);
-        });
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Remove a remote text track from the remote `TextTrackList`.
-     *
-     * @param {TextTrack} track
-     *        `TextTrack` to remove from the `TextTrackList`
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-      var trackElement = this.remoteTextTrackEls().getTrackElementByTrack_(track); // remove HTMLTrackElement and TextTrack from remote list
-
-      this.remoteTextTrackEls().removeTrackElement_(trackElement);
-      this.remoteTextTracks().removeTrack(track);
-      this.autoRemoteTextTracks_.removeTrack(track);
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object}
-     *         An object with supported media playback quality metrics
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      return {};
-    }
-    /**
-     * Attempt to create a floating video window always on top of other windows
-     * so that users may continue consuming media while they interact with other
-     * content sites, or applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @return {Promise|undefined}
-     *         A promise with a Picture-in-Picture window if the browser supports
-     *         Promises (or one was passed in as an option). It returns undefined
-     *         otherwise.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (PromiseClass) {
-        return PromiseClass.reject();
-      }
-    }
-    /**
-     * A method to set a poster from a `Tech`.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.setPoster = function setPoster() {}
-    /**
-     * A method to check for the presence of the 'playsinline' <video> attribute.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.playsinline = function playsinline() {}
-    /**
-     * A method to set or unset the 'playsinline' <video> attribute.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.setPlaysinline = function setPlaysinline() {}
-    /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks() {}
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks() {}
-    /*
-     * Check if the tech can support the given mime-type.
-     *
-     * The base tech does not support any type, but source handlers might
-     * overwrite this.
-     *
-     * @param  {string} type
-     *         The mimetype to check for support
-     *
-     * @return {string}
-     *         'probably', 'maybe', or empty string
-     *
-     * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.canPlayType = function canPlayType() {
-      return '';
-    }
-    /**
-     * Check if the type is supported by this tech.
-     *
-     * The base tech does not support any type, but source handlers might
-     * overwrite this.
-     *
-     * @param {string} type
-     *        The media type to check
-     * @return {string} Returns the native video element's response
-     */
-    ;
-
-    Tech.canPlayType = function canPlayType() {
-      return '';
-    }
-    /**
-     * Check if the tech can support the given source
-     *
-     * @param {Object} srcObj
-     *        The source object
-     * @param {Object} options
-     *        The options passed to the tech
-     * @return {string} 'probably', 'maybe', or '' (empty string)
-     */
-    ;
-
-    Tech.canPlaySource = function canPlaySource(srcObj, options) {
-      return Tech.canPlayType(srcObj.type);
-    }
-    /*
-     * Return whether the argument is a Tech or not.
-     * Can be passed either a Class like `Html5` or a instance like `player.tech_`
-     *
-     * @param {Object} component
-     *        The item to check
-     *
-     * @return {boolean}
-     *         Whether it is a tech or not
-     *         - True if it is a tech
-     *         - False if it is not
-     */
-    ;
-
-    Tech.isTech = function isTech(component) {
-      return component.prototype instanceof Tech || component instanceof Tech || component === Tech;
-    }
-    /**
-     * Registers a `Tech` into a shared list for videojs.
-     *
-     * @param {string} name
-     *        Name of the `Tech` to register.
-     *
-     * @param {Object} tech
-     *        The `Tech` class to register.
-     */
-    ;
-
-    Tech.registerTech = function registerTech(name, tech) {
-      if (!Tech.techs_) {
-        Tech.techs_ = {};
-      }
-
-      if (!Tech.isTech(tech)) {
-        throw new Error("Tech " + name + " must be a Tech");
-      }
-
-      if (!Tech.canPlayType) {
-        throw new Error('Techs must have a static canPlayType method on them');
-      }
-
-      if (!Tech.canPlaySource) {
-        throw new Error('Techs must have a static canPlaySource method on them');
-      }
-
-      name = toTitleCase(name);
-      Tech.techs_[name] = tech;
-      Tech.techs_[toLowerCase(name)] = tech;
-
-      if (name !== 'Tech') {
-        // camel case the techName for use in techOrder
-        Tech.defaultTechOrder_.push(name);
-      }
-
-      return tech;
-    }
-    /**
-     * Get a `Tech` from the shared list by name.
-     *
-     * @param {string} name
-     *        `camelCase` or `TitleCase` name of the Tech to get
-     *
-     * @return {Tech|undefined}
-     *         The `Tech` or undefined if there was no tech with the name requested.
-     */
-    ;
-
-    Tech.getTech = function getTech(name) {
-      if (!name) {
-        return;
-      }
-
-      if (Tech.techs_ && Tech.techs_[name]) {
-        return Tech.techs_[name];
-      }
-
-      name = toTitleCase(name);
-
-      if (window$1 && window$1.videojs && window$1.videojs[name]) {
-        log.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
-        return window$1.videojs[name];
-      }
-    };
-
-    return Tech;
-  }(Component);
-  /**
-   * Get the {@link VideoTrackList}
-   *
-   * @returns {VideoTrackList}
-   * @method Tech.prototype.videoTracks
-   */
-
-  /**
-   * Get the {@link AudioTrackList}
-   *
-   * @returns {AudioTrackList}
-   * @method Tech.prototype.audioTracks
-   */
-
-  /**
-   * Get the {@link TextTrackList}
-   *
-   * @returns {TextTrackList}
-   * @method Tech.prototype.textTracks
-   */
-
-  /**
-   * Get the remote element {@link TextTrackList}
-   *
-   * @returns {TextTrackList}
-   * @method Tech.prototype.remoteTextTracks
-   */
-
-  /**
-   * Get the remote element {@link HtmlTrackElementList}
-   *
-   * @returns {HtmlTrackElementList}
-   * @method Tech.prototype.remoteTextTrackEls
-   */
-
-
-  ALL.names.forEach(function (name) {
-    var props = ALL[name];
-
-    Tech.prototype[props.getterName] = function () {
-      this[props.privateName] = this[props.privateName] || new props.ListClass();
-      return this[props.privateName];
-    };
-  });
-  /**
-   * List of associated text tracks
-   *
-   * @type {TextTrackList}
-   * @private
-   * @property Tech#textTracks_
-   */
-
-  /**
-   * List of associated audio tracks.
-   *
-   * @type {AudioTrackList}
-   * @private
-   * @property Tech#audioTracks_
-   */
-
-  /**
-   * List of associated video tracks.
-   *
-   * @type {VideoTrackList}
-   * @private
-   * @property Tech#videoTracks_
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports volume control.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresVolumeControl = true;
-  /**
-   * Boolean indicating whether the `Tech` supports muting volume.
-   *
-   * @type {bolean}
-   * @default
-   */
-
-  Tech.prototype.featuresMuteControl = true;
-  /**
-   * Boolean indicating whether the `Tech` supports fullscreen resize control.
-   * Resizing plugins using request fullscreen reloads the plugin
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresFullscreenResize = false;
-  /**
-   * Boolean indicating whether the `Tech` supports changing the speed at which the video
-   * plays. Examples:
-   *   - Set player to play 2x (twice) as fast
-   *   - Set player to play 0.5x (half) as fast
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresPlaybackRate = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `progress` event. This is currently
-   * not triggered by video-js-swf. This will be used to determine if
-   * {@link Tech#manualProgressOn} should be called.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresProgressEvents = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `sourceset` event.
-   *
-   * A tech should set this to `true` and then use {@link Tech#triggerSourceset}
-   * to trigger a {@link Tech#event:sourceset} at the earliest time after getting
-   * a new source.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresSourceset = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `timeupdate` event. This is currently
-   * not triggered by video-js-swf. This will be used to determine if
-   * {@link Tech#manualTimeUpdates} should be called.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresTimeupdateEvents = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the native `TextTrack`s.
-   * This will help us integrate with native `TextTrack`s if the browser supports them.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresNativeTextTracks = false;
-  /**
-   * A functional mixin for techs that want to use the Source Handler pattern.
-   * Source handlers are scripts for handling specific formats.
-   * The source handler pattern is used for adaptive formats (HLS, DASH) that
-   * manually load video data and feed it into a Source Buffer (Media Source Extensions)
-   * Example: `Tech.withSourceHandlers.call(MyTech);`
-   *
-   * @param {Tech} _Tech
-   *        The tech to add source handler functions to.
-   *
-   * @mixes Tech~SourceHandlerAdditions
-   */
-
-  Tech.withSourceHandlers = function (_Tech) {
-    /**
-     * Register a source handler
-     *
-     * @param {Function} handler
-     *        The source handler class
-     *
-     * @param {number} [index]
-     *        Register it at the following index
-     */
-    _Tech.registerSourceHandler = function (handler, index) {
-      var handlers = _Tech.sourceHandlers;
-
-      if (!handlers) {
-        handlers = _Tech.sourceHandlers = [];
-      }
-
-      if (index === undefined) {
-        // add to the end of the list
-        index = handlers.length;
-      }
-
-      handlers.splice(index, 0, handler);
-    };
-    /**
-     * Check if the tech can support the given type. Also checks the
-     * Techs sourceHandlers.
-     *
-     * @param {string} type
-     *         The mimetype to check.
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-
-
-    _Tech.canPlayType = function (type) {
-      var handlers = _Tech.sourceHandlers || [];
-      var can;
-
-      for (var i = 0; i < handlers.length; i++) {
-        can = handlers[i].canPlayType(type);
-
-        if (can) {
-          return can;
-        }
-      }
-
-      return '';
-    };
-    /**
-     * Returns the first source handler that supports the source.
-     *
-     * TODO: Answer question: should 'probably' be prioritized over 'maybe'
-     *
-     * @param {Tech~SourceObject} source
-     *        The source object
-     *
-     * @param {Object} options
-     *        The options passed to the tech
-     *
-     * @return {SourceHandler|null}
-     *          The first source handler that supports the source or null if
-     *          no SourceHandler supports the source
-     */
-
-
-    _Tech.selectSourceHandler = function (source, options) {
-      var handlers = _Tech.sourceHandlers || [];
-      var can;
-
-      for (var i = 0; i < handlers.length; i++) {
-        can = handlers[i].canHandleSource(source, options);
-
-        if (can) {
-          return handlers[i];
-        }
-      }
-
-      return null;
-    };
-    /**
-     * Check if the tech can support the given source.
-     *
-     * @param {Tech~SourceObject} srcObj
-     *        The source object
-     *
-     * @param {Object} options
-     *        The options passed to the tech
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-
-
-    _Tech.canPlaySource = function (srcObj, options) {
-      var sh = _Tech.selectSourceHandler(srcObj, options);
-
-      if (sh) {
-        return sh.canHandleSource(srcObj, options);
-      }
-
-      return '';
-    };
-    /**
-     * When using a source handler, prefer its implementation of
-     * any function normally provided by the tech.
-     */
-
-
-    var deferrable = ['seekable', 'seeking', 'duration'];
-    /**
-     * A wrapper around {@link Tech#seekable} that will call a `SourceHandler`s seekable
-     * function if it exists, with a fallback to the Techs seekable function.
-     *
-     * @method _Tech.seekable
-     */
-
-    /**
-     * A wrapper around {@link Tech#duration} that will call a `SourceHandler`s duration
-     * function if it exists, otherwise it will fallback to the techs duration function.
-     *
-     * @method _Tech.duration
-     */
-
-    deferrable.forEach(function (fnName) {
-      var originalFn = this[fnName];
-
-      if (typeof originalFn !== 'function') {
-        return;
-      }
-
-      this[fnName] = function () {
-        if (this.sourceHandler_ && this.sourceHandler_[fnName]) {
-          return this.sourceHandler_[fnName].apply(this.sourceHandler_, arguments);
-        }
-
-        return originalFn.apply(this, arguments);
-      };
-    }, _Tech.prototype);
-    /**
-     * Create a function for setting the source using a source object
-     * and source handlers.
-     * Should never be called unless a source handler was found.
-     *
-     * @param {Tech~SourceObject} source
-     *        A source object with src and type keys
-     */
-
-    _Tech.prototype.setSource = function (source) {
-      var sh = _Tech.selectSourceHandler(source, this.options_);
-
-      if (!sh) {
-        // Fall back to a native source hander when unsupported sources are
-        // deliberately set
-        if (_Tech.nativeSourceHandler) {
-          sh = _Tech.nativeSourceHandler;
-        } else {
-          log.error('No source handler found for the current source.');
-        }
-      } // Dispose any existing source handler
-
-
-      this.disposeSourceHandler();
-      this.off('dispose', this.disposeSourceHandler);
-
-      if (sh !== _Tech.nativeSourceHandler) {
-        this.currentSource_ = source;
-      }
-
-      this.sourceHandler_ = sh.handleSource(source, this, this.options_);
-      this.one('dispose', this.disposeSourceHandler);
-    };
-    /**
-     * Clean up any existing SourceHandlers and listeners when the Tech is disposed.
-     *
-     * @listens Tech#dispose
-     */
-
-
-    _Tech.prototype.disposeSourceHandler = function () {
-      // if we have a source and get another one
-      // then we are loading something new
-      // than clear all of our current tracks
-      if (this.currentSource_) {
-        this.clearTracks(['audio', 'video']);
-        this.currentSource_ = null;
-      } // always clean up auto-text tracks
-
-
-      this.cleanupAutoTextTracks();
-
-      if (this.sourceHandler_) {
-        if (this.sourceHandler_.dispose) {
-          this.sourceHandler_.dispose();
-        }
-
-        this.sourceHandler_ = null;
-      }
-    };
-  }; // The base Tech class needs to be registered as a Component. It is the only
-  // Tech that can be registered as a Component.
-
-
-  Component.registerComponent('Tech', Tech);
-  Tech.registerTech('Tech', Tech);
-  /**
-   * A list of techs that should be added to techOrder on Players
-   *
-   * @private
-   */
-
-  Tech.defaultTechOrder_ = [];
-
-  /**
-   * @file middleware.js
-   * @module middleware
-   */
-  var middlewares = {};
-  var middlewareInstances = {};
-  var TERMINATOR = {};
-  /**
-   * A middleware object is a plain JavaScript object that has methods that
-   * match the {@link Tech} methods found in the lists of allowed
-   * {@link module:middleware.allowedGetters|getters},
-   * {@link module:middleware.allowedSetters|setters}, and
-   * {@link module:middleware.allowedMediators|mediators}.
-   *
-   * @typedef {Object} MiddlewareObject
-   */
-
-  /**
-   * A middleware factory function that should return a
-   * {@link module:middleware~MiddlewareObject|MiddlewareObject}.
-   *
-   * This factory will be called for each player when needed, with the player
-   * passed in as an argument.
-   *
-   * @callback MiddlewareFactory
-   * @param {Player} player
-   *        A Video.js player.
-   */
-
-  /**
-   * Define a middleware that the player should use by way of a factory function
-   * that returns a middleware object.
-   *
-   * @param  {string} type
-   *         The MIME type to match or `"*"` for all MIME types.
-   *
-   * @param  {MiddlewareFactory} middleware
-   *         A middleware factory function that will be executed for
-   *         matching types.
-   */
-
-  function use(type, middleware) {
-    middlewares[type] = middlewares[type] || [];
-    middlewares[type].push(middleware);
-  }
-  /**
-   * Asynchronously sets a source using middleware by recursing through any
-   * matching middlewares and calling `setSource` on each, passing along the
-   * previous returned value each time.
-   *
-   * @param  {Player} player
-   *         A {@link Player} instance.
-   *
-   * @param  {Tech~SourceObject} src
-   *         A source object.
-   *
-   * @param  {Function}
-   *         The next middleware to run.
-   */
-
-  function setSource(player, src, next) {
-    player.setTimeout(function () {
-      return setSourceHelper(src, middlewares[src.type], next, player);
-    }, 1);
-  }
-  /**
-   * When the tech is set, passes the tech to each middleware's `setTech` method.
-   *
-   * @param {Object[]} middleware
-   *        An array of middleware instances.
-   *
-   * @param {Tech} tech
-   *        A Video.js tech.
-   */
-
-  function setTech(middleware, tech) {
-    middleware.forEach(function (mw) {
-      return mw.setTech && mw.setTech(tech);
-    });
-  }
-  /**
-   * Calls a getter on the tech first, through each middleware
-   * from right to left to the player.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @return {Mixed}
-   *         The final value from the tech after middleware has intercepted it.
-   */
-
-  function get(middleware, tech, method) {
-    return middleware.reduceRight(middlewareIterator(method), tech[method]());
-  }
-  /**
-   * Takes the argument given to the player and calls the setter method on each
-   * middleware from left to right to the tech.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @param  {Mixed} arg
-   *         The value to set on the tech.
-   *
-   * @return {Mixed}
-   *         The return value of the `method` of the `tech`.
-   */
-
-  function set(middleware, tech, method, arg) {
-    return tech[method](middleware.reduce(middlewareIterator(method), arg));
-  }
-  /**
-   * Takes the argument given to the player and calls the `call` version of the
-   * method on each middleware from left to right.
-   *
-   * Then, call the passed in method on the tech and return the result unchanged
-   * back to the player, through middleware, this time from right to left.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @param  {Mixed} arg
-   *         The value to set on the tech.
-   *
-   * @return {Mixed}
-   *         The return value of the `method` of the `tech`, regardless of the
-   *         return values of middlewares.
-   */
-
-  function mediate(middleware, tech, method, arg) {
-    if (arg === void 0) {
-      arg = null;
-    }
-
-    var callMethod = 'call' + toTitleCase(method);
-    var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-    var terminated = middlewareValue === TERMINATOR; // deprecated. The `null` return value should instead return TERMINATOR to
-    // prevent confusion if a techs method actually returns null.
-
-    var returnValue = terminated ? null : tech[method](middlewareValue);
-    executeRight(middleware, method, returnValue, terminated);
-    return returnValue;
-  }
-  /**
-   * Enumeration of allowed getters where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedGetters = {
-    buffered: 1,
-    currentTime: 1,
-    duration: 1,
-    muted: 1,
-    played: 1,
-    paused: 1,
-    seekable: 1,
-    volume: 1
-  };
-  /**
-   * Enumeration of allowed setters where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedSetters = {
-    setCurrentTime: 1,
-    setMuted: 1,
-    setVolume: 1
-  };
-  /**
-   * Enumeration of allowed mediators where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedMediators = {
-    play: 1,
-    pause: 1
-  };
-
-  function middlewareIterator(method) {
-    return function (value, mw) {
-      // if the previous middleware terminated, pass along the termination
-      if (value === TERMINATOR) {
-        return TERMINATOR;
-      }
-
-      if (mw[method]) {
-        return mw[method](value);
-      }
-
-      return value;
-    };
-  }
-
-  function executeRight(mws, method, value, terminated) {
-    for (var i = mws.length - 1; i >= 0; i--) {
-      var mw = mws[i];
-
-      if (mw[method]) {
-        mw[method](terminated, value);
-      }
-    }
-  }
-  /**
-   * Clear the middleware cache for a player.
-   *
-   * @param  {Player} player
-   *         A {@link Player} instance.
-   */
-
-
-  function clearCacheForPlayer(player) {
-    middlewareInstances[player.id()] = null;
-  }
-  /**
-   * {
-   *  [playerId]: [[mwFactory, mwInstance], ...]
-   * }
-   *
-   * @private
-   */
-
-  function getOrCreateFactory(player, mwFactory) {
-    var mws = middlewareInstances[player.id()];
-    var mw = null;
-
-    if (mws === undefined || mws === null) {
-      mw = mwFactory(player);
-      middlewareInstances[player.id()] = [[mwFactory, mw]];
-      return mw;
-    }
-
-    for (var i = 0; i < mws.length; i++) {
-      var _mws$i = mws[i],
-          mwf = _mws$i[0],
-          mwi = _mws$i[1];
-
-      if (mwf !== mwFactory) {
-        continue;
-      }
-
-      mw = mwi;
-    }
-
-    if (mw === null) {
-      mw = mwFactory(player);
-      mws.push([mwFactory, mw]);
-    }
-
-    return mw;
-  }
-
-  function setSourceHelper(src, middleware, next, player, acc, lastRun) {
-    if (src === void 0) {
-      src = {};
-    }
-
-    if (middleware === void 0) {
-      middleware = [];
-    }
-
-    if (acc === void 0) {
-      acc = [];
-    }
-
-    if (lastRun === void 0) {
-      lastRun = false;
-    }
-
-    var _middleware = middleware,
-        mwFactory = _middleware[0],
-        mwrest = _middleware.slice(1); // if mwFactory is a string, then we're at a fork in the road
-
-
-    if (typeof mwFactory === 'string') {
-      setSourceHelper(src, middlewares[mwFactory], next, player, acc, lastRun); // if we have an mwFactory, call it with the player to get the mw,
-      // then call the mw's setSource method
-    } else if (mwFactory) {
-      var mw = getOrCreateFactory(player, mwFactory); // if setSource isn't present, implicitly select this middleware
-
-      if (!mw.setSource) {
-        acc.push(mw);
-        return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-      }
-
-      mw.setSource(assign({}, src), function (err, _src) {
-        // something happened, try the next middleware on the current level
-        // make sure to use the old src
-        if (err) {
-          return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-        } // we've succeeded, now we need to go deeper
-
-
-        acc.push(mw); // if it's the same type, continue down the current chain
-        // otherwise, we want to go down the new chain
-
-        setSourceHelper(_src, src.type === _src.type ? mwrest : middlewares[_src.type], next, player, acc, lastRun);
-      });
-    } else if (mwrest.length) {
-      setSourceHelper(src, mwrest, next, player, acc, lastRun);
-    } else if (lastRun) {
-      next(src, acc);
-    } else {
-      setSourceHelper(src, middlewares['*'], next, player, acc, true);
-    }
-  }
-
-  /**
-   * Mimetypes
-   *
-   * @see http://hul.harvard.edu/ois/////systems/wax/wax-public-help/mimetypes.htm
-   * @typedef Mimetypes~Kind
-   * @enum
-   */
-
-  var MimetypesKind = {
-    opus: 'video/ogg',
-    ogv: 'video/ogg',
-    mp4: 'video/mp4',
-    mov: 'video/mp4',
-    m4v: 'video/mp4',
-    mkv: 'video/x-matroska',
-    m4a: 'audio/mp4',
-    mp3: 'audio/mpeg',
-    aac: 'audio/aac',
-    oga: 'audio/ogg',
-    m3u8: 'application/x-mpegURL',
-    jpg: 'image/jpeg',
-    jpeg: 'image/jpeg',
-    gif: 'image/gif',
-    png: 'image/png',
-    svg: 'image/svg+xml',
-    webp: 'image/webp'
-  };
-  /**
-   * Get the mimetype of a given src url if possible
-   *
-   * @param {string} src
-   *        The url to the src
-   *
-   * @return {string}
-   *         return the mimetype if it was known or empty string otherwise
-   */
-
-  var getMimetype = function getMimetype(src) {
-    if (src === void 0) {
-      src = '';
-    }
-
-    var ext = getFileExtension(src);
-    var mimetype = MimetypesKind[ext.toLowerCase()];
-    return mimetype || '';
-  };
-  /**
-   * Find the mime type of a given source string if possible. Uses the player
-   * source cache.
-   *
-   * @param {Player} player
-   *        The player object
-   *
-   * @param {string} src
-   *        The source string
-   *
-   * @return {string}
-   *         The type that was found
-   */
-
-  var findMimetype = function findMimetype(player, src) {
-    if (!src) {
-      return '';
-    } // 1. check for the type in the `source` cache
-
-
-    if (player.cache_.source.src === src && player.cache_.source.type) {
-      return player.cache_.source.type;
-    } // 2. see if we have this source in our `currentSources` cache
-
-
-    var matchingSources = player.cache_.sources.filter(function (s) {
-      return s.src === src;
-    });
-
-    if (matchingSources.length) {
-      return matchingSources[0].type;
-    } // 3. look for the src url in source elements and use the type there
-
-
-    var sources = player.$$('source');
-
-    for (var i = 0; i < sources.length; i++) {
-      var s = sources[i];
-
-      if (s.type && s.src && s.src === src) {
-        return s.type;
-      }
-    } // 4. finally fallback to our list of mime types based on src url extension
-
-
-    return getMimetype(src);
-  };
-
-  /**
-   * @module filter-source
-   */
-  /**
-   * Filter out single bad source objects or multiple source objects in an
-   * array. Also flattens nested source object arrays into a 1 dimensional
-   * array of source objects.
-   *
-   * @param {Tech~SourceObject|Tech~SourceObject[]} src
-   *        The src object to filter
-   *
-   * @return {Tech~SourceObject[]}
-   *         An array of sourceobjects containing only valid sources
-   *
-   * @private
-   */
-
-  var filterSource = function filterSource(src) {
-    // traverse array
-    if (Array.isArray(src)) {
-      var newsrc = [];
-      src.forEach(function (srcobj) {
-        srcobj = filterSource(srcobj);
-
-        if (Array.isArray(srcobj)) {
-          newsrc = newsrc.concat(srcobj);
-        } else if (isObject(srcobj)) {
-          newsrc.push(srcobj);
-        }
-      });
-      src = newsrc;
-    } else if (typeof src === 'string' && src.trim()) {
-      // convert string into object
-      src = [fixSource({
-        src: src
-      })];
-    } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-      // src is already valid
-      src = [fixSource(src)];
-    } else {
-      // invalid source, turn it into an empty array
-      src = [];
-    }
-
-    return src;
-  };
-  /**
-   * Checks src mimetype, adding it when possible
-   *
-   * @param {Tech~SourceObject} src
-   *        The src object to check
-   * @return {Tech~SourceObject}
-   *        src Object with known type
-   */
-
-
-  function fixSource(src) {
-    if (!src.type) {
-      var mimetype = getMimetype(src.src);
-
-      if (mimetype) {
-        src.type = mimetype;
-      }
-    }
-
-    return src;
-  }
-
-  /**
-   * The `MediaLoader` is the `Component` that decides which playback technology to load
-   * when a player is initialized.
-   *
-   * @extends Component
-   */
-
-  var MediaLoader =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MediaLoader, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should attach to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function that is run when this component is ready.
-     */
-    function MediaLoader(player, options, ready) {
-      var _this;
-
-      // MediaLoader has no element
-      var options_ = mergeOptions({
-        createEl: false
-      }, options);
-      _this = _Component.call(this, player, options_, ready) || this; // If there are no sources when the player is initialized,
-      // load the first supported playback technology.
-
-      if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {
-        for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {
-          var techName = toTitleCase(j[i]);
-          var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-          // Remove once that deprecated behavior is removed.
-
-          if (!techName) {
-            tech = Component.getComponent(techName);
-          } // Check if the browser supports this technology
-
-
-          if (tech && tech.isSupported()) {
-            player.loadTech_(techName);
-            break;
-          }
-        }
-      } else {
-        // Loop through playback technologies (HTML5, Flash) and check for support.
-        // Then load the best source.
-        // A few assumptions here:
-        //   All playback technologies respect preload false.
-        player.src(options.playerOptions.sources);
-      }
-
-      return _this;
-    }
-
-    return MediaLoader;
-  }(Component);
-
-  Component.registerComponent('MediaLoader', MediaLoader);
-
-  /**
-   * Component which is clickable or keyboard actionable, but is not a
-   * native HTML button.
-   *
-   * @extends Component
-   */
-
-  var ClickableComponent =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ClickableComponent, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param  {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param  {Object} [options]
-     *         The key/value store of player options.
-     *
-     * @param  {function} [options.clickHandler]
-     *         The function to call when the button is clicked / activated
-     */
-    function ClickableComponent(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.emitTapEvents();
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Create the `ClickableComponent`s DOM element.
-     *
-     * @param {string} [tag=div]
-     *        The element's node type.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element.
-     *
-     * @param {Object} [attributes={}]
-     *        An object of attributes that should be set on the element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-
-
-    var _proto = ClickableComponent.prototype;
-
-    _proto.createEl = function createEl(tag, props, attributes) {
-      if (tag === void 0) {
-        tag = 'div';
-      }
-
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      props = assign({
-        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-        className: this.buildCSSClass(),
-        tabIndex: 0
-      }, props);
-
-      if (tag === 'button') {
-        log.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
-      } // Add ARIA attributes for clickable element which is not a native HTML button
-
-
-      attributes = assign({
-        role: 'button'
-      }, attributes);
-      this.tabIndex_ = props.tabIndex;
-
-      var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-      this.createControlTextEl(el);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      // remove controlTextEl_ on dispose
-      this.controlTextEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Create a control text element on this `ClickableComponent`
-     *
-     * @param {Element} [el]
-     *        Parent element for the control text.
-     *
-     * @return {Element}
-     *         The control text element that gets created.
-     */
-    ;
-
-    _proto.createControlTextEl = function createControlTextEl(el) {
-      this.controlTextEl_ = createEl('span', {
-        className: 'vjs-control-text'
-      }, {
-        // let the screen reader user know that the text of the element may change
-        'aria-live': 'polite'
-      });
-
-      if (el) {
-        el.appendChild(this.controlTextEl_);
-      }
-
-      this.controlText(this.controlText_, el);
-      return this.controlTextEl_;
-    }
-    /**
-     * Get or set the localize text to use for the controls on the `ClickableComponent`.
-     *
-     * @param {string} [text]
-     *        Control text for element.
-     *
-     * @param {Element} [el=this.el()]
-     *        Element to set the title on.
-     *
-     * @return {string}
-     *         - The control text when getting
-     */
-    ;
-
-    _proto.controlText = function controlText(text, el) {
-      if (el === void 0) {
-        el = this.el();
-      }
-
-      if (text === undefined) {
-        return this.controlText_ || 'Need Text';
-      }
-
-      var localizedText = this.localize(text);
-      this.controlText_ = text;
-      textContent(this.controlTextEl_, localizedText);
-
-      if (!this.nonIconControl) {
-        // Set title attribute if only an icon is shown
-        el.setAttribute('title', localizedText);
-      }
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-control vjs-button " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Enable this `ClickableComponent`
-     */
-    ;
-
-    _proto.enable = function enable() {
-      if (!this.enabled_) {
-        this.enabled_ = true;
-        this.removeClass('vjs-disabled');
-        this.el_.setAttribute('aria-disabled', 'false');
-
-        if (typeof this.tabIndex_ !== 'undefined') {
-          this.el_.setAttribute('tabIndex', this.tabIndex_);
-        }
-
-        this.on(['tap', 'click'], this.handleClick);
-        this.on('keydown', this.handleKeyDown);
-      }
-    }
-    /**
-     * Disable this `ClickableComponent`
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.enabled_ = false;
-      this.addClass('vjs-disabled');
-      this.el_.setAttribute('aria-disabled', 'true');
-
-      if (typeof this.tabIndex_ !== 'undefined') {
-        this.el_.removeAttribute('tabIndex');
-      }
-
-      this.off('mouseover', this.handleMouseOver);
-      this.off('mouseout', this.handleMouseOut);
-      this.off(['tap', 'click'], this.handleClick);
-      this.off('keydown', this.handleKeyDown);
-    }
-    /**
-     * Event handler that is called when a `ClickableComponent` receives a
-     * `click` or `tap` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `tap` or `click` event that caused this function to be called.
-     *
-     * @listens tap
-     * @listens click
-     * @abstract
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.options_.clickHandler) {
-        this.options_.clickHandler.call(this, arguments);
-      }
-    }
-    /**
-     * Event handler that is called when a `ClickableComponent` receives a
-     * `keydown` event.
-     *
-     * By default, if the key is Space or Enter, it will trigger a `click` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Support Space or Enter key operation to fire a click event. Also,
-      // prevent the event from propagating through the DOM and triggering
-      // Player hotkeys.
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.trigger('click');
-      } else {
-        // Pass keypress handling up for unsupported keys
-        _Component.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return ClickableComponent;
-  }(Component);
-
-  Component.registerComponent('ClickableComponent', ClickableComponent);
-
-  /**
-   * A `ClickableComponent` that handles showing the poster image for the player.
-   *
-   * @extends ClickableComponent
-   */
-
-  var PosterImage =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(PosterImage, _ClickableComponent);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should attach to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PosterImage(player, options) {
-      var _this;
-
-      _this = _ClickableComponent.call(this, player, options) || this;
-
-      _this.update();
-
-      player.on('posterchange', bind(assertThisInitialized(_this), _this.update));
-      return _this;
-    }
-    /**
-     * Clean up and dispose of the `PosterImage`.
-     */
-
-
-    var _proto = PosterImage.prototype;
-
-    _proto.dispose = function dispose() {
-      this.player().off('posterchange', this.update);
-
-      _ClickableComponent.prototype.dispose.call(this);
-    }
-    /**
-     * Create the `PosterImage`s DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var el = createEl('div', {
-        className: 'vjs-poster',
-        // Don't want poster to be tabbable.
-        tabIndex: -1
-      });
-      return el;
-    }
-    /**
-     * An {@link EventTarget~EventListener} for {@link Player#posterchange} events.
-     *
-     * @listens Player#posterchange
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `Player#posterchange` event that triggered this function.
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var url = this.player().poster();
-      this.setSrc(url); // If there's no poster source we should display:none on this component
-      // so it's not still clickable or right-clickable
-
-      if (url) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    }
-    /**
-     * Set the source of the `PosterImage` depending on the display method.
-     *
-     * @param {string} url
-     *        The URL to the source for the `PosterImage`.
-     */
-    ;
-
-    _proto.setSrc = function setSrc(url) {
-      var backgroundImage = ''; // Any falsy value should stay as an empty string, otherwise
-      // this will throw an extra error
-
-      if (url) {
-        backgroundImage = "url(\"" + url + "\")";
-      }
-
-      this.el_.style.backgroundImage = backgroundImage;
-    }
-    /**
-     * An {@link EventTarget~EventListener} for clicks on the `PosterImage`. See
-     * {@link ClickableComponent#handleClick} for instances where this will be triggered.
-     *
-     * @listens tap
-     * @listens click
-     * @listens keydown
-     *
-     * @param {EventTarget~Event} event
-     +        The `click`, `tap` or `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      // We don't want a click to trigger playback when controls are disabled
-      if (!this.player_.controls()) {
-        return;
-      }
-
-      if (this.player_.tech(true)) {
-        this.player_.tech(true).focus();
-      }
-
-      if (this.player_.paused()) {
-        silencePromise(this.player_.play());
-      } else {
-        this.player_.pause();
-      }
-    };
-
-    return PosterImage;
-  }(ClickableComponent);
-
-  Component.registerComponent('PosterImage', PosterImage);
-
-  var darkGray = '#222';
-  var lightGray = '#ccc';
-  var fontMap = {
-    monospace: 'monospace',
-    sansSerif: 'sans-serif',
-    serif: 'serif',
-    monospaceSansSerif: '"Andale Mono", "Lucida Console", monospace',
-    monospaceSerif: '"Courier New", monospace',
-    proportionalSansSerif: 'sans-serif',
-    proportionalSerif: 'serif',
-    casual: '"Comic Sans MS", Impact, fantasy',
-    script: '"Monotype Corsiva", cursive',
-    smallcaps: '"Andale Mono", "Lucida Console", monospace, sans-serif'
-  };
-  /**
-   * Construct an rgba color from a given hex color code.
-   *
-   * @param {number} color
-   *        Hex number for color, like #f0e or #f604e2.
-   *
-   * @param {number} opacity
-   *        Value for opacity, 0.0 - 1.0.
-   *
-   * @return {string}
-   *         The rgba color that was created, like 'rgba(255, 0, 0, 0.3)'.
-   */
-
-  function constructColor(color, opacity) {
-    var hex;
-
-    if (color.length === 4) {
-      // color looks like "#f0e"
-      hex = color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
-    } else if (color.length === 7) {
-      // color looks like "#f604e2"
-      hex = color.slice(1);
-    } else {
-      throw new Error('Invalid color code provided, ' + color + '; must be formatted as e.g. #f0e or #f604e2.');
-    }
-
-    return 'rgba(' + parseInt(hex.slice(0, 2), 16) + ',' + parseInt(hex.slice(2, 4), 16) + ',' + parseInt(hex.slice(4, 6), 16) + ',' + opacity + ')';
-  }
-  /**
-   * Try to update the style of a DOM element. Some style changes will throw an error,
-   * particularly in IE8. Those should be noops.
-   *
-   * @param {Element} el
-   *        The DOM element to be styled.
-   *
-   * @param {string} style
-   *        The CSS property on the element that should be styled.
-   *
-   * @param {string} rule
-   *        The style rule that should be applied to the property.
-   *
-   * @private
-   */
-
-  function tryUpdateStyle(el, style, rule) {
-    try {
-      el.style[style] = rule;
-    } catch (e) {
-      // Satisfies linter.
-      return;
-    }
-  }
-  /**
-   * The component for displaying text track cues.
-   *
-   * @extends Component
-   */
-
-
-  var TextTrackDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TextTrackDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when `TextTrackDisplay` is ready.
-     */
-    function TextTrackDisplay(player, options, ready) {
-      var _this;
-
-      _this = _Component.call(this, player, options, ready) || this;
-      var updateDisplayHandler = bind(assertThisInitialized(_this), _this.updateDisplay);
-      player.on('loadstart', bind(assertThisInitialized(_this), _this.toggleDisplay));
-      player.on('texttrackchange', updateDisplayHandler);
-      player.on('loadedmetadata', bind(assertThisInitialized(_this), _this.preselectTrack)); // This used to be called during player init, but was causing an error
-      // if a track should show by default and the display hadn't loaded yet.
-      // Should probably be moved to an external track loader when we support
-      // tracks that don't need a display.
-
-      player.ready(bind(assertThisInitialized(_this), function () {
-        if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-          this.hide();
-          return;
-        }
-
-        player.on('fullscreenchange', updateDisplayHandler);
-        player.on('playerresize', updateDisplayHandler);
-        window$1.addEventListener('orientationchange', updateDisplayHandler);
-        player.on('dispose', function () {
-          return window$1.removeEventListener('orientationchange', updateDisplayHandler);
-        });
-        var tracks = this.options_.playerOptions.tracks || [];
-
-        for (var i = 0; i < tracks.length; i++) {
-          this.player_.addRemoteTextTrack(tracks[i], true);
-        }
-
-        this.preselectTrack();
-      }));
-      return _this;
-    }
-    /**
-    * Preselect a track following this precedence:
-    * - matches the previously selected {@link TextTrack}'s language and kind
-    * - matches the previously selected {@link TextTrack}'s language only
-    * - is the first default captions track
-    * - is the first default descriptions track
-    *
-    * @listens Player#loadstart
-    */
-
-
-    var _proto = TextTrackDisplay.prototype;
-
-    _proto.preselectTrack = function preselectTrack() {
-      var modes = {
-        captions: 1,
-        subtitles: 1
-      };
-      var trackList = this.player_.textTracks();
-      var userPref = this.player_.cache_.selectedLanguage;
-      var firstDesc;
-      var firstCaptions;
-      var preferredTrack;
-
-      for (var i = 0; i < trackList.length; i++) {
-        var track = trackList[i];
-
-        if (userPref && userPref.enabled && userPref.language && userPref.language === track.language && track.kind in modes) {
-          // Always choose the track that matches both language and kind
-          if (track.kind === userPref.kind) {
-            preferredTrack = track; // or choose the first track that matches language
-          } else if (!preferredTrack) {
-            preferredTrack = track;
-          } // clear everything if offTextTrackMenuItem was clicked
-
-        } else if (userPref && !userPref.enabled) {
-          preferredTrack = null;
-          firstDesc = null;
-          firstCaptions = null;
-        } else if (track["default"]) {
-          if (track.kind === 'descriptions' && !firstDesc) {
-            firstDesc = track;
-          } else if (track.kind in modes && !firstCaptions) {
-            firstCaptions = track;
-          }
-        }
-      } // The preferredTrack matches the user preference and takes
-      // precedence over all the other tracks.
-      // So, display the preferredTrack before the first default track
-      // and the subtitles/captions track before the descriptions track
-
-
-      if (preferredTrack) {
-        preferredTrack.mode = 'showing';
-      } else if (firstCaptions) {
-        firstCaptions.mode = 'showing';
-      } else if (firstDesc) {
-        firstDesc.mode = 'showing';
-      }
-    }
-    /**
-     * Turn display of {@link TextTrack}'s from the current state into the other state.
-     * There are only two states:
-     * - 'shown'
-     * - 'hidden'
-     *
-     * @listens Player#loadstart
-     */
-    ;
-
-    _proto.toggleDisplay = function toggleDisplay() {
-      if (this.player_.tech_ && this.player_.tech_.featuresNativeTextTracks) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    /**
-     * Create the {@link Component}'s DOM element.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-text-track-display'
-      }, {
-        'aria-live': 'off',
-        'aria-atomic': 'true'
-      });
-    }
-    /**
-     * Clear all displayed {@link TextTrack}s.
-     */
-    ;
-
-    _proto.clearDisplay = function clearDisplay() {
-      if (typeof window$1.WebVTT === 'function') {
-        window$1.WebVTT.processCues(window$1, [], this.el_);
-      }
-    }
-    /**
-     * Update the displayed TextTrack when a either a {@link Player#texttrackchange} or
-     * a {@link Player#fullscreenchange} is fired.
-     *
-     * @listens Player#texttrackchange
-     * @listens Player#fullscreenchange
-     */
-    ;
-
-    _proto.updateDisplay = function updateDisplay() {
-      var tracks = this.player_.textTracks();
-      var allowMultipleShowingTracks = this.options_.allowMultipleShowingTracks;
-      this.clearDisplay();
-
-      if (allowMultipleShowingTracks) {
-        var showingTracks = [];
-
-        for (var _i = 0; _i < tracks.length; ++_i) {
-          var track = tracks[_i];
-
-          if (track.mode !== 'showing') {
-            continue;
-          }
-
-          showingTracks.push(track);
-        }
-
-        this.updateForTrack(showingTracks);
-        return;
-      } //  Track display prioritization model: if multiple tracks are 'showing',
-      //  display the first 'subtitles' or 'captions' track which is 'showing',
-      //  otherwise display the first 'descriptions' track which is 'showing'
-
-
-      var descriptionsTrack = null;
-      var captionsSubtitlesTrack = null;
-      var i = tracks.length;
-
-      while (i--) {
-        var _track = tracks[i];
-
-        if (_track.mode === 'showing') {
-          if (_track.kind === 'descriptions') {
-            descriptionsTrack = _track;
-          } else {
-            captionsSubtitlesTrack = _track;
-          }
-        }
-      }
-
-      if (captionsSubtitlesTrack) {
-        if (this.getAttribute('aria-live') !== 'off') {
-          this.setAttribute('aria-live', 'off');
-        }
-
-        this.updateForTrack(captionsSubtitlesTrack);
-      } else if (descriptionsTrack) {
-        if (this.getAttribute('aria-live') !== 'assertive') {
-          this.setAttribute('aria-live', 'assertive');
-        }
-
-        this.updateForTrack(descriptionsTrack);
-      }
-    }
-    /**
-     * Style {@Link TextTrack} activeCues according to {@Link TextTrackSettings}.
-     *
-     * @param {TextTrack} track
-     *        Text track object containing active cues to style.
-     */
-    ;
-
-    _proto.updateDisplayState = function updateDisplayState(track) {
-      var overrides = this.player_.textTrackSettings.getValues();
-      var cues = track.activeCues;
-      var i = cues.length;
-
-      while (i--) {
-        var cue = cues[i];
-
-        if (!cue) {
-          continue;
-        }
-
-        var cueDiv = cue.displayState;
-
-        if (overrides.color) {
-          cueDiv.firstChild.style.color = overrides.color;
-        }
-
-        if (overrides.textOpacity) {
-          tryUpdateStyle(cueDiv.firstChild, 'color', constructColor(overrides.color || '#fff', overrides.textOpacity));
-        }
-
-        if (overrides.backgroundColor) {
-          cueDiv.firstChild.style.backgroundColor = overrides.backgroundColor;
-        }
-
-        if (overrides.backgroundOpacity) {
-          tryUpdateStyle(cueDiv.firstChild, 'backgroundColor', constructColor(overrides.backgroundColor || '#000', overrides.backgroundOpacity));
-        }
-
-        if (overrides.windowColor) {
-          if (overrides.windowOpacity) {
-            tryUpdateStyle(cueDiv, 'backgroundColor', constructColor(overrides.windowColor, overrides.windowOpacity));
-          } else {
-            cueDiv.style.backgroundColor = overrides.windowColor;
-          }
-        }
-
-        if (overrides.edgeStyle) {
-          if (overrides.edgeStyle === 'dropshadow') {
-            cueDiv.firstChild.style.textShadow = "2px 2px 3px " + darkGray + ", 2px 2px 4px " + darkGray + ", 2px 2px 5px " + darkGray;
-          } else if (overrides.edgeStyle === 'raised') {
-            cueDiv.firstChild.style.textShadow = "1px 1px " + darkGray + ", 2px 2px " + darkGray + ", 3px 3px " + darkGray;
-          } else if (overrides.edgeStyle === 'depressed') {
-            cueDiv.firstChild.style.textShadow = "1px 1px " + lightGray + ", 0 1px " + lightGray + ", -1px -1px " + darkGray + ", 0 -1px " + darkGray;
-          } else if (overrides.edgeStyle === 'uniform') {
-            cueDiv.firstChild.style.textShadow = "0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray;
-          }
-        }
-
-        if (overrides.fontPercent && overrides.fontPercent !== 1) {
-          var fontSize = window$1.parseFloat(cueDiv.style.fontSize);
-          cueDiv.style.fontSize = fontSize * overrides.fontPercent + 'px';
-          cueDiv.style.height = 'auto';
-          cueDiv.style.top = 'auto';
-          cueDiv.style.bottom = '2px';
-        }
-
-        if (overrides.fontFamily && overrides.fontFamily !== 'default') {
-          if (overrides.fontFamily === 'small-caps') {
-            cueDiv.firstChild.style.fontVariant = 'small-caps';
-          } else {
-            cueDiv.firstChild.style.fontFamily = fontMap[overrides.fontFamily];
-          }
-        }
-      }
-    }
-    /**
-     * Add an {@link TextTrack} to to the {@link Tech}s {@link TextTrackList}.
-     *
-     * @param {TextTrack|TextTrack[]} tracks
-     *        Text track object or text track array to be added to the list.
-     */
-    ;
-
-    _proto.updateForTrack = function updateForTrack(tracks) {
-      if (!Array.isArray(tracks)) {
-        tracks = [tracks];
-      }
-
-      if (typeof window$1.WebVTT !== 'function' || tracks.every(function (track) {
-        return !track.activeCues;
-      })) {
-        return;
-      }
-
-      var cues = []; // push all active track cues
-
-      for (var i = 0; i < tracks.length; ++i) {
-        var track = tracks[i];
-
-        for (var j = 0; j < track.activeCues.length; ++j) {
-          cues.push(track.activeCues[j]);
-        }
-      } // removes all cues before it processes new ones
-
-
-      window$1.WebVTT.processCues(window$1, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
-
-      for (var _i2 = 0; _i2 < tracks.length; ++_i2) {
-        var _track2 = tracks[_i2];
-
-        for (var _j = 0; _j < _track2.activeCues.length; ++_j) {
-          var cueEl = _track2.activeCues[_j].displayState;
-          addClass(cueEl, 'vjs-text-track-cue');
-          addClass(cueEl, 'vjs-text-track-cue-' + (_track2.language ? _track2.language : _i2));
-        }
-
-        if (this.player_.textTrackSettings) {
-          this.updateDisplayState(_track2);
-        }
-      }
-    };
-
-    return TextTrackDisplay;
-  }(Component);
-
-  Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-  /**
-   * A loading spinner for use during waiting/loading events.
-   *
-   * @extends Component
-   */
-
-  var LoadingSpinner =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LoadingSpinner, _Component);
-
-    function LoadingSpinner() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = LoadingSpinner.prototype;
-
-    /**
-     * Create the `LoadingSpinner`s DOM element.
-     *
-     * @return {Element}
-     *         The dom element that gets created.
-     */
-    _proto.createEl = function createEl$1() {
-      var isAudio = this.player_.isAudio();
-      var playerType = this.localize(isAudio ? 'Audio Player' : 'Video Player');
-      var controlText = createEl('span', {
-        className: 'vjs-control-text',
-        innerHTML: this.localize('{1} is loading.', [playerType])
-      });
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-loading-spinner',
-        dir: 'ltr'
-      });
-
-      el.appendChild(controlText);
-      return el;
-    };
-
-    return LoadingSpinner;
-  }(Component);
-
-  Component.registerComponent('LoadingSpinner', LoadingSpinner);
-
-  /**
-   * Base class for all buttons.
-   *
-   * @extends ClickableComponent
-   */
-
-  var Button =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(Button, _ClickableComponent);
-
-    function Button() {
-      return _ClickableComponent.apply(this, arguments) || this;
-    }
-
-    var _proto = Button.prototype;
-
-    /**
-     * Create the `Button`s DOM element.
-     *
-     * @param {string} [tag="button"]
-     *        The element's node type. This argument is IGNORED: no matter what
-     *        is passed, it will always create a `button` element.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element.
-     *
-     * @param {Object} [attributes={}]
-     *        An object of attributes that should be set on the element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    _proto.createEl = function createEl(tag, props, attributes) {
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      tag = 'button';
-      props = assign({
-        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-        className: this.buildCSSClass()
-      }, props); // Add attributes for button element
-
-      attributes = assign({
-        // Necessary since the default button type is "submit"
-        type: 'button'
-      }, attributes);
-      var el = Component.prototype.createEl.call(this, tag, props, attributes);
-      this.createControlTextEl(el);
-      return el;
-    }
-    /**
-     * Add a child `Component` inside of this `Button`.
-     *
-     * @param {string|Component} child
-     *        The name or instance of a child to add.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of options that will get passed to children of
-     *        the child.
-     *
-     * @return {Component}
-     *         The `Component` that gets added as a child. When using a string the
-     *         `Component` will get created by this process.
-     *
-     * @deprecated since version 5
-     */
-    ;
-
-    _proto.addChild = function addChild(child, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      var className = this.constructor.name;
-      log.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
-
-      return Component.prototype.addChild.call(this, child, options);
-    }
-    /**
-     * Enable the `Button` element so that it can be activated or clicked. Use this with
-     * {@link Button#disable}.
-     */
-    ;
-
-    _proto.enable = function enable() {
-      _ClickableComponent.prototype.enable.call(this);
-
-      this.el_.removeAttribute('disabled');
-    }
-    /**
-     * Disable the `Button` element so that it cannot be activated or clicked. Use this with
-     * {@link Button#enable}.
-     */
-    ;
-
-    _proto.disable = function disable() {
-      _ClickableComponent.prototype.disable.call(this);
-
-      this.el_.setAttribute('disabled', 'disabled');
-    }
-    /**
-     * This gets called when a `Button` has focus and `keydown` is triggered via a key
-     * press.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to get called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Ignore Space or Enter key operation, which is handled by the browser for
-      // a button - though not for its super class, ClickableComponent. Also,
-      // prevent the event from propagating through the DOM and triggering Player
-      // hotkeys. We do not preventDefault here because we _want_ the browser to
-      // handle it.
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.stopPropagation();
-        return;
-      } // Pass keypress handling up for unsupported keys
-
-
-      _ClickableComponent.prototype.handleKeyDown.call(this, event);
-    };
-
-    return Button;
-  }(ClickableComponent);
-
-  Component.registerComponent('Button', Button);
-
-  /**
-   * The initial play button that shows before the video has played. The hiding of the
-   * `BigPlayButton` get done via CSS and `Player` states.
-   *
-   * @extends Button
-   */
-
-  var BigPlayButton =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(BigPlayButton, _Button);
-
-    function BigPlayButton(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-      _this.mouseused_ = false;
-
-      _this.on('mousedown', _this.handleMouseDown);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object. Always returns 'vjs-big-play-button'.
-     */
-
-
-    var _proto = BigPlayButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-big-play-button';
-    }
-    /**
-     * This gets called when a `BigPlayButton` "clicked". See {@link ClickableComponent}
-     * for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var playPromise = this.player_.play(); // exit early if clicked via the mouse
-
-      if (this.mouseused_ && event.clientX && event.clientY) {
-        var sourceIsEncrypted = this.player_.usingPlugin('eme') && this.player_.eme.sessions && this.player_.eme.sessions.length > 0;
-        silencePromise(playPromise);
-
-        if (this.player_.tech(true) && // We've observed a bug in IE and Edge when playing back DRM content where
-        // calling .focus() on the video element causes the video to go black,
-        // so we avoid it in that specific case
-        !((IE_VERSION || IS_EDGE) && sourceIsEncrypted)) {
-          this.player_.tech(true).focus();
-        }
-
-        return;
-      }
-
-      var cb = this.player_.getChild('controlBar');
-      var playToggle = cb && cb.getChild('playToggle');
-
-      if (!playToggle) {
-        this.player_.tech(true).focus();
-        return;
-      }
-
-      var playFocus = function playFocus() {
-        return playToggle.focus();
-      };
-
-      if (isPromise(playPromise)) {
-        playPromise.then(playFocus, function () {});
-      } else {
-        this.setTimeout(playFocus, 1);
-      }
-    };
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      this.mouseused_ = false;
-
-      _Button.prototype.handleKeyDown.call(this, event);
-    };
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      this.mouseused_ = true;
-    };
-
-    return BigPlayButton;
-  }(Button);
-  /**
-   * The text that should display over the `BigPlayButton`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  BigPlayButton.prototype.controlText_ = 'Play Video';
-  Component.registerComponent('BigPlayButton', BigPlayButton);
-
-  /**
-   * The `CloseButton` is a `{@link Button}` that fires a `close` event when
-   * it gets clicked.
-   *
-   * @extends Button
-   */
-
-  var CloseButton =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(CloseButton, _Button);
-
-    /**
-    * Creates an instance of the this class.
-    *
-    * @param  {Player} player
-    *         The `Player` that this class should be attached to.
-    *
-    * @param  {Object} [options]
-    *         The key/value store of player options.
-    */
-    function CloseButton(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.controlText(options && options.controlText || _this.localize('Close'));
-
-      return _this;
-    }
-    /**
-    * Builds the default DOM `className`.
-    *
-    * @return {string}
-    *         The DOM `className` for this object.
-    */
-
-
-    var _proto = CloseButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-close-button " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when a `CloseButton` gets clicked. See
-     * {@link ClickableComponent#handleClick} for more information on when
-     * this will be triggered
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     * @fires CloseButton#close
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      /**
-       * Triggered when the a `CloseButton` is clicked.
-       *
-       * @event CloseButton#close
-       * @type {EventTarget~Event}
-       *
-       * @property {boolean} [bubbles=false]
-       *           set to false so that the close event does not
-       *           bubble up to parents if there is no listener
-       */
-      this.trigger({
-        type: 'close',
-        bubbles: false
-      });
-    }
-    /**
-     * Event handler that is called when a `CloseButton` receives a
-     * `keydown` event.
-     *
-     * By default, if the key is Esc, it will trigger a `click` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Esc button will trigger `click` event
-      if (keycode.isEventKey(event, 'Esc')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.trigger('click');
-      } else {
-        // Pass keypress handling up for unsupported keys
-        _Button.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return CloseButton;
-  }(Button);
-
-  Component.registerComponent('CloseButton', CloseButton);
-
-  /**
-   * Button to toggle between play and pause.
-   *
-   * @extends Button
-   */
-
-  var PlayToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(PlayToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function PlayToggle(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _Button.call(this, player, options) || this; // show or hide replay icon
-
-      options.replay = options.replay === undefined || options.replay;
-
-      _this.on(player, 'play', _this.handlePlay);
-
-      _this.on(player, 'pause', _this.handlePause);
-
-      if (options.replay) {
-        _this.on(player, 'ended', _this.handleEnded);
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = PlayToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-play-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when an `PlayToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.player_.paused()) {
-        this.player_.play();
-      } else {
-        this.player_.pause();
-      }
-    }
-    /**
-     * This gets called once after the video has ended and the user seeks so that
-     * we can change the replay button back to a play button.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#seeked
-     */
-    ;
-
-    _proto.handleSeeked = function handleSeeked(event) {
-      this.removeClass('vjs-ended');
-
-      if (this.player_.paused()) {
-        this.handlePause(event);
-      } else {
-        this.handlePlay(event);
-      }
-    }
-    /**
-     * Add the vjs-playing class to the element so it can change appearance.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#play
-     */
-    ;
-
-    _proto.handlePlay = function handlePlay(event) {
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-paused');
-      this.addClass('vjs-playing'); // change the button text to "Pause"
-
-      this.controlText('Pause');
-    }
-    /**
-     * Add the vjs-paused class to the element so it can change appearance.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#pause
-     */
-    ;
-
-    _proto.handlePause = function handlePause(event) {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-paused'); // change the button text to "Play"
-
-      this.controlText('Play');
-    }
-    /**
-     * Add the vjs-ended class to the element so it can change appearance
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#ended
-     */
-    ;
-
-    _proto.handleEnded = function handleEnded(event) {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-ended'); // change the button text to "Replay"
-
-      this.controlText('Replay'); // on the next seek remove the replay button
-
-      this.one(this.player_, 'seeked', this.handleSeeked);
-    };
-
-    return PlayToggle;
-  }(Button);
-  /**
-   * The text that should display over the `PlayToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlayToggle.prototype.controlText_ = 'Play';
-  Component.registerComponent('PlayToggle', PlayToggle);
-
-  /**
-   * @file format-time.js
-   * @module format-time
-   */
-
-  /**
-   * Format seconds as a time string, H:MM:SS or M:SS. Supplying a guide (in
-   * seconds) will force a number of leading zeros to cover the length of the
-   * guide.
-   *
-   * @private
-   * @param  {number} seconds
-   *         Number of seconds to be turned into a string
-   *
-   * @param  {number} guide
-   *         Number (in seconds) to model the string after
-   *
-   * @return {string}
-   *         Time formatted as H:MM:SS or M:SS
-   */
-  var defaultImplementation = function defaultImplementation(seconds, guide) {
-    seconds = seconds < 0 ? 0 : seconds;
-    var s = Math.floor(seconds % 60);
-    var m = Math.floor(seconds / 60 % 60);
-    var h = Math.floor(seconds / 3600);
-    var gm = Math.floor(guide / 60 % 60);
-    var gh = Math.floor(guide / 3600); // handle invalid times
-
-    if (isNaN(seconds) || seconds === Infinity) {
-      // '-' is false for all relational operators (e.g. <, >=) so this setting
-      // will add the minimum number of fields specified by the guide
-      h = m = s = '-';
-    } // Check if we need to show hours
-
-
-    h = h > 0 || gh > 0 ? h + ':' : ''; // If hours are showing, we may need to add a leading zero.
-    // Always show at least one digit of minutes.
-
-    m = ((h || gm >= 10) && m < 10 ? '0' + m : m) + ':'; // Check if leading zero is need for seconds
-
-    s = s < 10 ? '0' + s : s;
-    return h + m + s;
-  }; // Internal pointer to the current implementation.
-
-
-  var implementation = defaultImplementation;
-  /**
-   * Replaces the default formatTime implementation with a custom implementation.
-   *
-   * @param {Function} customImplementation
-   *        A function which will be used in place of the default formatTime
-   *        implementation. Will receive the current time in seconds and the
-   *        guide (in seconds) as arguments.
-   */
-
-  function setFormatTime(customImplementation) {
-    implementation = customImplementation;
-  }
-  /**
-   * Resets formatTime to the default implementation.
-   */
-
-  function resetFormatTime() {
-    implementation = defaultImplementation;
-  }
-  /**
-   * Delegates to either the default time formatting function or a custom
-   * function supplied via `setFormatTime`.
-   *
-   * Formats seconds as a time string (H:MM:SS or M:SS). Supplying a
-   * guide (in seconds) will force a number of leading zeros to cover the
-   * length of the guide.
-   *
-   * @static
-   * @example  formatTime(125, 600) === "02:05"
-   * @param    {number} seconds
-   *           Number of seconds to be turned into a string
-   *
-   * @param    {number} guide
-   *           Number (in seconds) to model the string after
-   *
-   * @return   {string}
-   *           Time formatted as H:MM:SS or M:SS
-   */
-
-  function formatTime(seconds, guide) {
-    if (guide === void 0) {
-      guide = seconds;
-    }
-
-    return implementation(seconds, guide);
-  }
-
-  /**
-   * Displays time information about the video
-   *
-   * @extends Component
-   */
-
-  var TimeDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TimeDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.on(player, ['timeupdate', 'ended'], _this.updateContent);
-
-      _this.updateTextNode_();
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = TimeDisplay.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var className = this.buildCSSClass();
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: className + " vjs-time-control vjs-control",
-        innerHTML: "<span class=\"vjs-control-text\" role=\"presentation\">" + this.localize(this.labelText_) + "\xA0</span>"
-      });
-
-      this.contentEl_ = createEl('span', {
-        className: className + "-display"
-      }, {
-        // tell screen readers not to automatically read the time as it changes
-        'aria-live': 'off',
-        // span elements have no implicit role, but some screen readers (notably VoiceOver)
-        // treat them as a break between items in the DOM when using arrow keys
-        // (or left-to-right swipes on iOS) to read contents of a page. Using
-        // role='presentation' causes VoiceOver to NOT treat this span as a break.
-        'role': 'presentation'
-      });
-      el.appendChild(this.contentEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.textNode_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Updates the time display text node with a new time
-     *
-     * @param {number} [time=0] the time to update to
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateTextNode_ = function updateTextNode_(time) {
-      var _this2 = this;
-
-      if (time === void 0) {
-        time = 0;
-      }
-
-      time = formatTime(time);
-
-      if (this.formattedTime_ === time) {
-        return;
-      }
-
-      this.formattedTime_ = time;
-      this.requestAnimationFrame(function () {
-        if (!_this2.contentEl_) {
-          return;
-        }
-
-        var oldNode = _this2.textNode_;
-        _this2.textNode_ = document.createTextNode(_this2.formattedTime_);
-
-        if (!_this2.textNode_) {
-          return;
-        }
-
-        if (oldNode) {
-          _this2.contentEl_.replaceChild(_this2.textNode_, oldNode);
-        } else {
-          _this2.contentEl_.appendChild(_this2.textNode_);
-        }
-      });
-    }
-    /**
-     * To be filled out in the child class, should update the displayed time
-     * in accordance with the fact that the current time has changed.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate`  event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {};
-
-    return TimeDisplay;
-  }(Component);
-  /**
-   * The text that is added to the `TimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  TimeDisplay.prototype.labelText_ = 'Time';
-  /**
-   * The text that should display over the `TimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  TimeDisplay.prototype.controlText_ = 'Time';
-  Component.registerComponent('TimeDisplay', TimeDisplay);
-
-  /**
-   * Displays the current time
-   *
-   * @extends Component
-   */
-
-  var CurrentTimeDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(CurrentTimeDisplay, _TimeDisplay);
-
-    function CurrentTimeDisplay() {
-      return _TimeDisplay.apply(this, arguments) || this;
-    }
-
-    var _proto = CurrentTimeDisplay.prototype;
-
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-current-time';
-    }
-    /**
-     * Update current time display
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` event that caused this function to run.
-     *
-     * @listens Player#timeupdate
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      // Allows for smooth scrubbing, when player can't keep up.
-      var time;
-
-      if (this.player_.ended()) {
-        time = this.player_.duration();
-      } else {
-        time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-      }
-
-      this.updateTextNode_(time);
-    };
-
-    return CurrentTimeDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `CurrentTimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  CurrentTimeDisplay.prototype.labelText_ = 'Current Time';
-  /**
-   * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-  Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-  /**
-   * Displays the duration
-   *
-   * @extends Component
-   */
-
-  var DurationDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(DurationDisplay, _TimeDisplay);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function DurationDisplay(player, options) {
-      var _this;
-
-      _this = _TimeDisplay.call(this, player, options) || this; // we do not want to/need to throttle duration changes,
-      // as they should always display the changed duration as
-      // it has changed
-
-      _this.on(player, 'durationchange', _this.updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
-      // but the durationchange on the user agent will not fire.
-      // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-
-      _this.on(player, 'loadstart', _this.updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
-      // listeners could have broken dependent applications/libraries. These
-      // can likely be removed for 7.0.
-
-
-      _this.on(player, 'loadedmetadata', _this.updateContent);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = DurationDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-duration';
-    }
-    /**
-     * Update duration time display.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused
-     *        this function to be called.
-     *
-     * @listens Player#durationchange
-     * @listens Player#timeupdate
-     * @listens Player#loadedmetadata
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      var duration = this.player_.duration();
-      this.updateTextNode_(duration);
-    };
-
-    return DurationDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `DurationDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  DurationDisplay.prototype.labelText_ = 'Duration';
-  /**
-   * The text that should display over the `DurationDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  DurationDisplay.prototype.controlText_ = 'Duration';
-  Component.registerComponent('DurationDisplay', DurationDisplay);
-
-  /**
-   * The separator between the current time and duration.
-   * Can be hidden if it's not needed in the design.
-   *
-   * @extends Component
-   */
-
-  var TimeDivider =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeDivider, _Component);
-
-    function TimeDivider() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = TimeDivider.prototype;
-
-    /**
-     * Create the component's DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-time-control vjs-time-divider',
-        innerHTML: '<div><span>/</span></div>'
-      }, {
-        // this element and its contents can be hidden from assistive techs since
-        // it is made extraneous by the announcement of the control text
-        // for the current time and duration displays
-        'aria-hidden': true
-      });
-    };
-
-    return TimeDivider;
-  }(Component);
-
-  Component.registerComponent('TimeDivider', TimeDivider);
-
-  /**
-   * Displays the time left in the video
-   *
-   * @extends Component
-   */
-
-  var RemainingTimeDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(RemainingTimeDisplay, _TimeDisplay);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function RemainingTimeDisplay(player, options) {
-      var _this;
-
-      _this = _TimeDisplay.call(this, player, options) || this;
-
-      _this.on(player, 'durationchange', _this.updateContent);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = RemainingTimeDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-remaining-time';
-    }
-    /**
-     * Create the `Component`'s DOM element with the "minus" characted prepend to the time
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var el = _TimeDisplay.prototype.createEl.call(this);
-
-      el.insertBefore(createEl('span', {}, {
-        'aria-hidden': true
-      }, '-'), this.contentEl_);
-      return el;
-    }
-    /**
-     * Update remaining time display.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` or `durationchange` event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     * @listens Player#durationchange
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      if (typeof this.player_.duration() !== 'number') {
-        return;
-      }
-
-      var time; // @deprecated We should only use remainingTimeDisplay
-      // as of video.js 7
-
-      if (this.player_.ended()) {
-        time = 0;
-      } else if (this.player_.remainingTimeDisplay) {
-        time = this.player_.remainingTimeDisplay();
-      } else {
-        time = this.player_.remainingTime();
-      }
-
-      this.updateTextNode_(time);
-    };
-
-    return RemainingTimeDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `RemainingTimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  RemainingTimeDisplay.prototype.labelText_ = 'Remaining Time';
-  /**
-   * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-  Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-  /**
-   * Displays the live indicator when duration is Infinity.
-   *
-   * @extends Component
-   */
-
-  var LiveDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LiveDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function LiveDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.updateShowing();
-
-      _this.on(_this.player(), 'durationchange', _this.updateShowing);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = LiveDisplay.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-live-control vjs-control'
-      });
-
-      this.contentEl_ = createEl('div', {
-        className: 'vjs-live-display',
-        innerHTML: "<span class=\"vjs-control-text\">" + this.localize('Stream Type') + "\xA0</span>" + this.localize('LIVE')
-      }, {
-        'aria-live': 'off'
-      });
-      el.appendChild(this.contentEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Check the duration to see if the LiveDisplay should be showing or not. Then show/hide
-     * it accordingly
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#durationchange} event that caused this function to run.
-     *
-     * @listens Player#durationchange
-     */
-    ;
-
-    _proto.updateShowing = function updateShowing(event) {
-      if (this.player().duration() === Infinity) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    };
-
-    return LiveDisplay;
-  }(Component);
-
-  Component.registerComponent('LiveDisplay', LiveDisplay);
-
-  /**
-   * Displays the live indicator when duration is Infinity.
-   *
-   * @extends Component
-   */
-
-  var SeekToLive =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(SeekToLive, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function SeekToLive(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.updateLiveEdgeStatus();
-
-      if (_this.player_.liveTracker) {
-        _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatus);
-      }
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = SeekToLive.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Button.prototype.createEl.call(this, 'button', {
-        className: 'vjs-seek-to-live-control vjs-control'
-      });
-
-      this.textEl_ = createEl('span', {
-        className: 'vjs-seek-to-live-text',
-        innerHTML: this.localize('LIVE')
-      }, {
-        'aria-hidden': 'true'
-      });
-      el.appendChild(this.textEl_);
-      return el;
-    }
-    /**
-     * Update the state of this button if we are at the live edge
-     * or not
-     */
-    ;
-
-    _proto.updateLiveEdgeStatus = function updateLiveEdgeStatus(e) {
-      // default to live edge
-      if (!this.player_.liveTracker || this.player_.liveTracker.atLiveEdge()) {
-        this.setAttribute('aria-disabled', true);
-        this.addClass('vjs-at-live-edge');
-        this.controlText('Seek to live, currently playing live');
-      } else {
-        this.setAttribute('aria-disabled', false);
-        this.removeClass('vjs-at-live-edge');
-        this.controlText('Seek to live, currently behind live');
-      }
-    }
-    /**
-     * On click bring us as near to the live point as possible.
-     * This requires that we wait for the next `live-seekable-change`
-     * event which will happen every segment length seconds.
-     */
-    ;
-
-    _proto.handleClick = function handleClick() {
-      this.player_.liveTracker.seekToLiveEdge();
-    }
-    /**
-     * Dispose of the element and stop tracking
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      if (this.player_.liveTracker) {
-        this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatus);
-      }
-
-      this.textEl_ = null;
-
-      _Button.prototype.dispose.call(this);
-    };
-
-    return SeekToLive;
-  }(Button);
-
-  SeekToLive.prototype.controlText_ = 'Seek to live, currently playing live';
-  Component.registerComponent('SeekToLive', SeekToLive);
-
-  /**
-   * Keep a number between a min and a max value
-   *
-   * @param {number} number
-   *        The number to clamp
-   *
-   * @param {number} min
-   *        The minimum value
-   * @param {number} max
-   *        The maximum value
-   *
-   * @return {number}
-   *         the clamped number
-   */
-  var clamp = function clamp(number, min, max) {
-    number = Number(number);
-    return Math.min(max, Math.max(min, isNaN(number) ? min : number));
-  };
-
-  /**
-   * The base functionality for a slider. Can be vertical or horizontal.
-   * For instance the volume bar or the seek bar on a video is a slider.
-   *
-   * @extends Component
-   */
-
-  var Slider =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Slider, _Component);
-
-    /**
-    * Create an instance of this class
-    *
-    * @param {Player} player
-    *        The `Player` that this class should be attached to.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    */
-    function Slider(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this; // Set property names to bar to match with the child Slider class is looking for
-
-      _this.bar = _this.getChild(_this.options_.barName); // Set a horizontal or vertical class on the slider depending on the slider type
-
-      _this.vertical(!!_this.options_.vertical);
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Are controls are currently enabled for this slider or not.
-     *
-     * @return {boolean}
-     *         true if controls are enabled, false otherwise
-     */
-
-
-    var _proto = Slider.prototype;
-
-    _proto.enabled = function enabled() {
-      return this.enabled_;
-    }
-    /**
-     * Enable controls for this slider if they are disabled
-     */
-    ;
-
-    _proto.enable = function enable() {
-      if (this.enabled()) {
-        return;
-      }
-
-      this.on('mousedown', this.handleMouseDown);
-      this.on('touchstart', this.handleMouseDown);
-      this.on('keydown', this.handleKeyDown);
-      this.on('click', this.handleClick); // TODO: deprecated, controlsvisible does not seem to be fired
-
-      this.on(this.player_, 'controlsvisible', this.update);
-
-      if (this.playerEvent) {
-        this.on(this.player_, this.playerEvent, this.update);
-      }
-
-      this.removeClass('disabled');
-      this.setAttribute('tabindex', 0);
-      this.enabled_ = true;
-    }
-    /**
-     * Disable controls for this slider if they are enabled
-     */
-    ;
-
-    _proto.disable = function disable() {
-      if (!this.enabled()) {
-        return;
-      }
-
-      var doc = this.bar.el_.ownerDocument;
-      this.off('mousedown', this.handleMouseDown);
-      this.off('touchstart', this.handleMouseDown);
-      this.off('keydown', this.handleKeyDown);
-      this.off('click', this.handleClick);
-      this.off(this.player_, 'controlsvisible', this.update);
-      this.off(doc, 'mousemove', this.handleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchmove', this.handleMouseMove);
-      this.off(doc, 'touchend', this.handleMouseUp);
-      this.removeAttribute('tabindex');
-      this.addClass('disabled');
-
-      if (this.playerEvent) {
-        this.off(this.player_, this.playerEvent, this.update);
-      }
-
-      this.enabled_ = false;
-    }
-    /**
-     * Create the `Slider`s DOM element.
-     *
-     * @param {string} type
-     *        Type of element to create.
-     *
-     * @param {Object} [props={}]
-     *        List of properties in Object form.
-     *
-     * @param {Object} [attributes={}]
-     *        list of attributes in Object form.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl(type, props, attributes) {
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      // Add the slider element class to all sub classes
-      props.className = props.className + ' vjs-slider';
-      props = assign({
-        tabIndex: 0
-      }, props);
-      attributes = assign({
-        'role': 'slider',
-        'aria-valuenow': 0,
-        'aria-valuemin': 0,
-        'aria-valuemax': 100,
-        'tabIndex': 0
-      }, attributes);
-      return _Component.prototype.createEl.call(this, type, props, attributes);
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `Slider`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     * @fires Slider#slideractive
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.bar.el_.ownerDocument;
-
-      if (event.type === 'mousedown') {
-        event.preventDefault();
-      } // Do not call preventDefault() on touchstart in Chrome
-      // to avoid console warnings. Use a 'touch-action: none' style
-      // instead to prevent unintented scrolling.
-      // https://developers.google.com/web/updates/2017/01/scrolling-intervention
-
-
-      if (event.type === 'touchstart' && !IS_CHROME) {
-        event.preventDefault();
-      }
-
-      blockTextSelection();
-      this.addClass('vjs-sliding');
-      /**
-       * Triggered when the slider is in an active state
-       *
-       * @event Slider#slideractive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('slideractive');
-      this.on(doc, 'mousemove', this.handleMouseMove);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchmove', this.handleMouseMove);
-      this.on(doc, 'touchend', this.handleMouseUp);
-      this.handleMouseMove(event);
-    }
-    /**
-     * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.
-     * The `mousemove` and `touchmove` events will only only trigger this function during
-     * `mousedown` and `touchstart`. This is due to {@link Slider#handleMouseDown} and
-     * {@link Slider#handleMouseUp}.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered
-     *        this function
-     *
-     * @listens mousemove
-     * @listens touchmove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {}
-    /**
-     * Handle `mouseup` or `touchend` events on the `Slider`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     * @fires Slider#sliderinactive
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp() {
-      var doc = this.bar.el_.ownerDocument;
-      unblockTextSelection();
-      this.removeClass('vjs-sliding');
-      /**
-       * Triggered when the slider is no longer in an active state.
-       *
-       * @event Slider#sliderinactive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('sliderinactive');
-      this.off(doc, 'mousemove', this.handleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchmove', this.handleMouseMove);
-      this.off(doc, 'touchend', this.handleMouseUp);
-      this.update();
-    }
-    /**
-     * Update the progress bar of the `Slider`.
-     *
-     * @return {number}
-     *          The percentage of progress the progress bar represents as a
-     *          number from 0 to 1.
-     */
-    ;
-
-    _proto.update = function update() {
-      var _this2 = this;
-
-      // In VolumeBar init we have a setTimeout for update that pops and update
-      // to the end of the execution stack. The player is destroyed before then
-      // update will cause an error
-      // If there's no bar...
-      if (!this.el_ || !this.bar) {
-        return;
-      } // clamp progress between 0 and 1
-      // and only round to four decimal places, as we round to two below
-
-
-      var progress = this.getProgress();
-
-      if (progress === this.progress_) {
-        return;
-      }
-
-      this.progress_ = progress;
-      this.requestAnimationFrame(function () {
-        // Set the new bar width or height
-        var sizeKey = _this2.vertical() ? 'height' : 'width'; // Convert to a percentage for css value
-
-        _this2.bar.el().style[sizeKey] = (progress * 100).toFixed(2) + '%';
-      });
-      return progress;
-    }
-    /**
-     * Get the percentage of the bar that should be filled
-     * but clamped and rounded.
-     *
-     * @return {number}
-     *         percentage filled that the slider is
-     */
-    ;
-
-    _proto.getProgress = function getProgress() {
-      return clamp(this.getPercent(), 0, 1).toFixed(4);
-    }
-    /**
-     * Calculate distance for slider
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run.
-     *
-     * @return {number}
-     *         The current position of the Slider.
-     *         - position.x for vertical `Slider`s
-     *         - position.y for horizontal `Slider`s
-     */
-    ;
-
-    _proto.calculateDistance = function calculateDistance(event) {
-      var position = getPointerPosition(this.el_, event);
-
-      if (this.vertical()) {
-        return position.y;
-      }
-
-      return position.x;
-    }
-    /**
-     * Handle a `keydown` event on the `Slider`. Watches for left, rigth, up, and down
-     * arrow keys. This function will only be called when the slider has focus. See
-     * {@link Slider#handleFocus} and {@link Slider#handleBlur}.
-     *
-     * @param {EventTarget~Event} event
-     *        the `keydown` event that caused this function to run.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Left and Down Arrows
-      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack(); // Up and Right Arrows
-      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward();
-      } else {
-        // Pass keydown handling up for unsupported keys
-        _Component.prototype.handleKeyDown.call(this, event);
-      }
-    }
-    /**
-     * Listener for click events on slider, used to prevent clicks
-     *   from bubbling up to parent elements like button menus.
-     *
-     * @param {Object} event
-     *        Event that caused this object to run
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-    }
-    /**
-     * Get/set if slider is horizontal for vertical
-     *
-     * @param {boolean} [bool]
-     *        - true if slider is vertical,
-     *        - false is horizontal
-     *
-     * @return {boolean}
-     *         - true if slider is vertical, and getting
-     *         - false if the slider is horizontal, and getting
-     */
-    ;
-
-    _proto.vertical = function vertical(bool) {
-      if (bool === undefined) {
-        return this.vertical_ || false;
-      }
-
-      this.vertical_ = !!bool;
-
-      if (this.vertical_) {
-        this.addClass('vjs-slider-vertical');
-      } else {
-        this.addClass('vjs-slider-horizontal');
-      }
-    };
-
-    return Slider;
-  }(Component);
-
-  Component.registerComponent('Slider', Slider);
-
-  var percentify = function percentify(time, end) {
-    return clamp(time / end * 100, 0, 100).toFixed(2) + '%';
-  };
-  /**
-   * Shows loading progress
-   *
-   * @extends Component
-   */
-
-
-  var LoadProgressBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LoadProgressBar, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function LoadProgressBar(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.partEls_ = [];
-
-      _this.on(player, 'progress', _this.update);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = LoadProgressBar.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-load-progress'
-      });
-
-      var wrapper = createEl('span', {
-        className: 'vjs-control-text'
-      });
-      var loadedText = createEl('span', {
-        textContent: this.localize('Loaded')
-      });
-      var separator = document.createTextNode(': ');
-      this.percentageEl_ = createEl('span', {
-        className: 'vjs-control-text-loaded-percentage',
-        textContent: '0%'
-      });
-      el.appendChild(wrapper);
-      wrapper.appendChild(loadedText);
-      wrapper.appendChild(separator);
-      wrapper.appendChild(this.percentageEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.partEls_ = null;
-      this.percentageEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Update progress bar
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `progress` event that caused this function to run.
-     *
-     * @listens Player#progress
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var _this2 = this;
-
-      this.requestAnimationFrame(function () {
-        var liveTracker = _this2.player_.liveTracker;
-
-        var buffered = _this2.player_.buffered();
-
-        var duration = liveTracker && liveTracker.isLive() ? liveTracker.seekableEnd() : _this2.player_.duration();
-
-        var bufferedEnd = _this2.player_.bufferedEnd();
-
-        var children = _this2.partEls_;
-        var percent = percentify(bufferedEnd, duration);
-
-        if (_this2.percent_ !== percent) {
-          // update the width of the progress bar
-          _this2.el_.style.width = percent; // update the control-text
-
-          textContent(_this2.percentageEl_, percent);
-          _this2.percent_ = percent;
-        } // add child elements to represent the individual buffered time ranges
-
-
-        for (var i = 0; i < buffered.length; i++) {
-          var start = buffered.start(i);
-          var end = buffered.end(i);
-          var part = children[i];
-
-          if (!part) {
-            part = _this2.el_.appendChild(createEl());
-            children[i] = part;
-          } //  only update if changed
-
-
-          if (part.dataset.start === start && part.dataset.end === end) {
-            continue;
-          }
-
-          part.dataset.start = start;
-          part.dataset.end = end; // set the percent based on the width of the progress bar (bufferedEnd)
-
-          part.style.left = percentify(start, bufferedEnd);
-          part.style.width = percentify(end - start, bufferedEnd);
-        } // remove unused buffered range elements
-
-
-        for (var _i = children.length; _i > buffered.length; _i--) {
-          _this2.el_.removeChild(children[_i - 1]);
-        }
-
-        children.length = buffered.length;
-      });
-    };
-
-    return LoadProgressBar;
-  }(Component);
-
-  Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-  /**
-   * Time tooltips display a time above the progress bar.
-   *
-   * @extends Component
-   */
-
-  var TimeTooltip =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeTooltip, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TimeTooltip(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the time tooltip DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = TimeTooltip.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-time-tooltip'
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Updates the position of the time tooltip relative to the `SeekBar`.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint, content) {
-      var tooltipRect = getBoundingClientRect(this.el_);
-      var playerRect = getBoundingClientRect(this.player_.el());
-      var seekBarPointPx = seekBarRect.width * seekBarPoint; // do nothing if either rect isn't available
-      // for example, if the player isn't in the DOM for testing
-
-      if (!playerRect || !tooltipRect) {
-        return;
-      } // This is the space left of the `seekBarPoint` available within the bounds
-      // of the player. We calculate any gap between the left edge of the player
-      // and the left edge of the `SeekBar` and add the number of pixels in the
-      // `SeekBar` before hitting the `seekBarPoint`
-
-
-      var spaceLeftOfPoint = seekBarRect.left - playerRect.left + seekBarPointPx; // This is the space right of the `seekBarPoint` available within the bounds
-      // of the player. We calculate the number of pixels from the `seekBarPoint`
-      // to the right edge of the `SeekBar` and add to that any gap between the
-      // right edge of the `SeekBar` and the player.
-
-      var spaceRightOfPoint = seekBarRect.width - seekBarPointPx + (playerRect.right - seekBarRect.right); // This is the number of pixels by which the tooltip will need to be pulled
-      // further to the right to center it over the `seekBarPoint`.
-
-      var pullTooltipBy = tooltipRect.width / 2; // Adjust the `pullTooltipBy` distance to the left or right depending on
-      // the results of the space calculations above.
-
-      if (spaceLeftOfPoint < pullTooltipBy) {
-        pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
-      } else if (spaceRightOfPoint < pullTooltipBy) {
-        pullTooltipBy = spaceRightOfPoint;
-      } // Due to the imprecision of decimal/ratio based calculations and varying
-      // rounding behaviors, there are cases where the spacing adjustment is off
-      // by a pixel or two. This adds insurance to these calculations.
-
-
-      if (pullTooltipBy < 0) {
-        pullTooltipBy = 0;
-      } else if (pullTooltipBy > tooltipRect.width) {
-        pullTooltipBy = tooltipRect.width;
-      }
-
-      this.el_.style.right = "-" + pullTooltipBy + "px";
-      this.write(content);
-    }
-    /**
-     * Write the time to the tooltip DOM element.
-     *
-     * @param {string} content
-     *        The formatted time for the tooltip.
-     */
-    ;
-
-    _proto.write = function write(content) {
-      textContent(this.el_, content);
-    }
-    /**
-     * Updates the position of the time tooltip relative to the `SeekBar`.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     *
-     * @param {number} time
-     *        The time to update the tooltip to, not used during live playback
-     *
-     * @param {Function} cb
-     *        A function that will be called during the request animation frame
-     *        for tooltips that need to do additional animations from the default
-     */
-    ;
-
-    _proto.updateTime = function updateTime(seekBarRect, seekBarPoint, time, cb) {
-      var _this2 = this;
-
-      // If there is an existing rAF ID, cancel it so we don't over-queue.
-      if (this.rafId_) {
-        this.cancelAnimationFrame(this.rafId_);
-      }
-
-      this.rafId_ = this.requestAnimationFrame(function () {
-        var content;
-
-        var duration = _this2.player_.duration();
-
-        if (_this2.player_.liveTracker && _this2.player_.liveTracker.isLive()) {
-          var liveWindow = _this2.player_.liveTracker.liveWindow();
-
-          var secondsBehind = liveWindow - seekBarPoint * liveWindow;
-          content = (secondsBehind < 1 ? '' : '-') + formatTime(secondsBehind, liveWindow);
-        } else {
-          content = formatTime(time, duration);
-        }
-
-        _this2.update(seekBarRect, seekBarPoint, content);
-
-        if (cb) {
-          cb();
-        }
-      });
-    };
-
-    return TimeTooltip;
-  }(Component);
-
-  Component.registerComponent('TimeTooltip', TimeTooltip);
-
-  /**
-   * Used by {@link SeekBar} to display media playback progress as part of the
-   * {@link ProgressControl}.
-   *
-   * @extends Component
-   */
-
-  var PlayProgressBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(PlayProgressBar, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlayProgressBar(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the the DOM element for this class.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = PlayProgressBar.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-play-progress vjs-slider-bar'
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Enqueues updates to its own DOM as well as the DOM of its
-     * {@link TimeTooltip} child.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint) {
-      var timeTooltip = this.getChild('timeTooltip');
-
-      if (!timeTooltip) {
-        return;
-      }
-
-      var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-      timeTooltip.updateTime(seekBarRect, seekBarPoint, time);
-    };
-
-    return PlayProgressBar;
-  }(Component);
-  /**
-   * Default options for {@link PlayProgressBar}.
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  PlayProgressBar.prototype.options_ = {
-    children: []
-  }; // Time tooltips should not be added to a player on mobile devices
-
-  if (!IS_IOS && !IS_ANDROID) {
-    PlayProgressBar.prototype.options_.children.push('timeTooltip');
-  }
-
-  Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-  /**
-   * The {@link MouseTimeDisplay} component tracks mouse movement over the
-   * {@link ProgressControl}. It displays an indicator and a {@link TimeTooltip}
-   * indicating the time which is represented by a given point in the
-   * {@link ProgressControl}.
-   *
-   * @extends Component
-   */
-
-  var MouseTimeDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MouseTimeDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function MouseTimeDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the DOM element for this class.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = MouseTimeDisplay.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-mouse-display'
-      });
-    }
-    /**
-     * Enqueues updates to its own DOM as well as the DOM of its
-     * {@link TimeTooltip} child.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint) {
-      var _this2 = this;
-
-      var time = seekBarPoint * this.player_.duration();
-      this.getChild('timeTooltip').updateTime(seekBarRect, seekBarPoint, time, function () {
-        _this2.el_.style.left = seekBarRect.width * seekBarPoint + "px";
-      });
-    };
-
-    return MouseTimeDisplay;
-  }(Component);
-  /**
-   * Default options for `MouseTimeDisplay`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  MouseTimeDisplay.prototype.options_ = {
-    children: ['timeTooltip']
-  };
-  Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-  var STEP_SECONDS = 5; // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
-
-  var PAGE_KEY_MULTIPLIER = 12; // The interval at which the bar should update as it progresses.
-
-  var UPDATE_REFRESH_INTERVAL$1 = 30;
-  /**
-   * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
-   * as its `bar`.
-   *
-   * @extends Slider
-   */
-
-  var SeekBar =
-  /*#__PURE__*/
-  function (_Slider) {
-    inheritsLoose(SeekBar, _Slider);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function SeekBar(player, options) {
-      var _this;
-
-      _this = _Slider.call(this, player, options) || this;
-
-      _this.setEventHandlers_();
-
-      return _this;
-    }
-    /**
-     * Sets the event handlers
-     *
-     * @private
-     */
-
-
-    var _proto = SeekBar.prototype;
-
-    _proto.setEventHandlers_ = function setEventHandlers_() {
-      this.update_ = bind(this, this.update);
-      this.update = throttle(this.update_, UPDATE_REFRESH_INTERVAL$1);
-      this.on(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
-
-      if (this.player_.liveTracker) {
-        this.on(this.player_.liveTracker, 'liveedgechange', this.update);
-      } // when playing, let's ensure we smoothly update the play progress bar
-      // via an interval
-
-
-      this.updateInterval = null;
-      this.on(this.player_, ['playing'], this.enableInterval_);
-      this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableInterval_); // we don't need to update the play progress if the document is hidden,
-      // also, this causes the CPU to spike and eventually crash the page on IE11.
-
-      if ('hidden' in document && 'visibilityState' in document) {
-        this.on(document, 'visibilitychange', this.toggleVisibility_);
-      }
-    };
-
-    _proto.toggleVisibility_ = function toggleVisibility_(e) {
-      if (document.hidden) {
-        this.disableInterval_(e);
-      } else {
-        this.enableInterval_(); // we just switched back to the page and someone may be looking, so, update ASAP
-
-        this.update();
-      }
-    };
-
-    _proto.enableInterval_ = function enableInterval_() {
-      if (this.updateInterval) {
-        return;
-      }
-
-      this.updateInterval = this.setInterval(this.update, UPDATE_REFRESH_INTERVAL$1);
-    };
-
-    _proto.disableInterval_ = function disableInterval_(e) {
-      if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e.type !== 'ended') {
-        return;
-      }
-
-      if (!this.updateInterval) {
-        return;
-      }
-
-      this.clearInterval(this.updateInterval);
-      this.updateInterval = null;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Slider.prototype.createEl.call(this, 'div', {
-        className: 'vjs-progress-holder'
-      }, {
-        'aria-label': this.localize('Progress Bar')
-      });
-    }
-    /**
-     * This function updates the play progress bar and accessibility
-     * attributes to whatever is passed in.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` or `ended` event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     *
-     * @return {number}
-     *          The current percent at a number from 0-1
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var _this2 = this;
-
-      var percent = _Slider.prototype.update.call(this);
-
-      this.requestAnimationFrame(function () {
-        var currentTime = _this2.player_.ended() ? _this2.player_.duration() : _this2.getCurrentTime_();
-        var liveTracker = _this2.player_.liveTracker;
-
-        var duration = _this2.player_.duration();
-
-        if (liveTracker && liveTracker.isLive()) {
-          duration = _this2.player_.liveTracker.liveCurrentTime();
-        }
-
-        if (_this2.percent_ !== percent) {
-          // machine readable value of progress bar (percentage complete)
-          _this2.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-          _this2.percent_ = percent;
-        }
-
-        if (_this2.currentTime_ !== currentTime || _this2.duration_ !== duration) {
-          // human readable value of progress bar (time complete)
-          _this2.el_.setAttribute('aria-valuetext', _this2.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-          _this2.currentTime_ = currentTime;
-          _this2.duration_ = duration;
-        }
-      });
-      return percent;
-    }
-    /**
-     * Get the value of current time but allows for smooth scrubbing,
-     * when player can't keep up.
-     *
-     * @return {number}
-     *         The current time value to display
-     *
-     * @private
-     */
-    ;
-
-    _proto.getCurrentTime_ = function getCurrentTime_() {
-      return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-    }
-    /**
-     * Get the percentage of media played so far.
-     *
-     * @return {number}
-     *         The percentage of media played so far (0 to 1).
-     */
-    ;
-
-    _proto.getPercent = function getPercent() {
-      var currentTime = this.getCurrentTime_();
-      var percent;
-      var liveTracker = this.player_.liveTracker;
-
-      if (liveTracker && liveTracker.isLive()) {
-        percent = (currentTime - liveTracker.seekableStart()) / liveTracker.liveWindow(); // prevent the percent from changing at the live edge
-
-        if (liveTracker.atLiveEdge()) {
-          percent = 1;
-        }
-      } else {
-        percent = currentTime / this.player_.duration();
-      }
-
-      return percent;
-    }
-    /**
-     * Handle mouse down on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousedown` event that caused this to run.
-     *
-     * @listens mousedown
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      } // Stop event propagation to prevent double fire in progress-control.js
-
-
-      event.stopPropagation();
-      this.player_.scrubbing(true);
-      this.videoWasPlaying = !this.player_.paused();
-      this.player_.pause();
-
-      _Slider.prototype.handleMouseDown.call(this, event);
-    }
-    /**
-     * Handle mouse move on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this to run.
-     *
-     * @listens mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      var newTime;
-      var distance = this.calculateDistance(event);
-      var liveTracker = this.player_.liveTracker;
-
-      if (!liveTracker || !liveTracker.isLive()) {
-        newTime = distance * this.player_.duration(); // Don't let video end while scrubbing.
-
-        if (newTime === this.player_.duration()) {
-          newTime = newTime - 0.1;
-        }
-      } else {
-        var seekableStart = liveTracker.seekableStart();
-        var seekableEnd = liveTracker.liveCurrentTime();
-        newTime = seekableStart + distance * liveTracker.liveWindow(); // Don't let video end while scrubbing.
-
-        if (newTime >= seekableEnd) {
-          newTime = seekableEnd;
-        } // Compensate for precision differences so that currentTime is not less
-        // than seekable start
-
-
-        if (newTime <= seekableStart) {
-          newTime = seekableStart + 0.1;
-        } // On android seekableEnd can be Infinity sometimes,
-        // this will cause newTime to be Infinity, which is
-        // not a valid currentTime.
-
-
-        if (newTime === Infinity) {
-          return;
-        }
-      } // Set new time (tell player to seek to new time)
-
-
-      this.player_.currentTime(newTime);
-    };
-
-    _proto.enable = function enable() {
-      _Slider.prototype.enable.call(this);
-
-      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-      if (!mouseTimeDisplay) {
-        return;
-      }
-
-      mouseTimeDisplay.show();
-    };
-
-    _proto.disable = function disable() {
-      _Slider.prototype.disable.call(this);
-
-      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-      if (!mouseTimeDisplay) {
-        return;
-      }
-
-      mouseTimeDisplay.hide();
-    }
-    /**
-     * Handle mouse up on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseup` event that caused this to run.
-     *
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      _Slider.prototype.handleMouseUp.call(this, event); // Stop event propagation to prevent double fire in progress-control.js
-
-
-      if (event) {
-        event.stopPropagation();
-      }
-
-      this.player_.scrubbing(false);
-      /**
-       * Trigger timeupdate because we're done seeking and the time has changed.
-       * This is particularly useful for if the player is paused to time the time displays.
-       *
-       * @event Tech#timeupdate
-       * @type {EventTarget~Event}
-       */
-
-      this.player_.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-
-      if (this.videoWasPlaying) {
-        silencePromise(this.player_.play());
-      } else {
-        // We're done seeking and the time has changed.
-        // If the player is paused, make sure we display the correct time on the seek bar.
-        this.update_();
-      }
-    }
-    /**
-     * Move more quickly fast forward for keyboard-only users
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-    }
-    /**
-     * Move more quickly rewind for keyboard-only users
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS);
-    }
-    /**
-     * Toggles the playback state of the player
-     * This gets called when enter or space is used on the seekbar
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called
-     *
-     */
-    ;
-
-    _proto.handleAction = function handleAction(event) {
-      if (this.player_.paused()) {
-        this.player_.play();
-      } else {
-        this.player_.pause();
-      }
-    }
-    /**
-     * Called when this SeekBar has focus and a key gets pressed down.
-     * Supports the following keys:
-     *
-     *   Space or Enter key fire a click event
-     *   Home key moves to start of the timeline
-     *   End key moves to end of the timeline
-     *   Digit "0" through "9" keys move to 0%, 10% ... 80%, 90% of the timeline
-     *   PageDown key moves back a larger step than ArrowDown
-     *   PageUp key moves forward a large step
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.handleAction(event);
-      } else if (keycode.isEventKey(event, 'Home')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(0);
-      } else if (keycode.isEventKey(event, 'End')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.duration());
-      } else if (/^[0-9]$/.test(keycode(event))) {
-        event.preventDefault();
-        event.stopPropagation();
-        var gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;
-        this.player_.currentTime(this.player_.duration() * gotoFraction);
-      } else if (keycode.isEventKey(event, 'PgDn')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-      } else if (keycode.isEventKey(event, 'PgUp')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-      } else {
-        // Pass keydown handling up for unsupported keys
-        _Slider.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return SeekBar;
-  }(Slider);
-  /**
-   * Default options for the `SeekBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  SeekBar.prototype.options_ = {
-    children: ['loadProgressBar', 'playProgressBar'],
-    barName: 'playProgressBar'
-  }; // MouseTimeDisplay tooltips should not be added to a player on mobile devices
-
-  if (!IS_IOS && !IS_ANDROID) {
-    SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-  }
-
-  Component.registerComponent('SeekBar', SeekBar);
-
-  /**
-   * The Progress Control component contains the seek bar, load progress,
-   * and play progress.
-   *
-   * @extends Component
-   */
-
-  var ProgressControl =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ProgressControl, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function ProgressControl(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.handleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-      _this.throttledHandleMouseSeek = throttle(bind(assertThisInitialized(_this), _this.handleMouseSeek), UPDATE_REFRESH_INTERVAL);
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = ProgressControl.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-progress-control vjs-control'
-      });
-    }
-    /**
-     * When the mouse moves over the `ProgressControl`, the pointer position
-     * gets passed down to the `MouseTimeDisplay` component.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this function to run.
-     *
-     * @listen mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      var seekBar = this.getChild('seekBar');
-
-      if (!seekBar) {
-        return;
-      }
-
-      var playProgressBar = seekBar.getChild('playProgressBar');
-      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-
-      if (!playProgressBar && !mouseTimeDisplay) {
-        return;
-      }
-
-      var seekBarEl = seekBar.el();
-      var seekBarRect = getBoundingClientRect(seekBarEl);
-      var seekBarPoint = getPointerPosition(seekBarEl, event).x; // The default skin has a gap on either side of the `SeekBar`. This means
-      // that it's possible to trigger this behavior outside the boundaries of
-      // the `SeekBar`. This ensures we stay within it at all times.
-
-      seekBarPoint = clamp(0, 1, seekBarPoint);
-
-      if (mouseTimeDisplay) {
-        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-      }
-
-      if (playProgressBar) {
-        playProgressBar.update(seekBarRect, seekBar.getProgress());
-      }
-    }
-    /**
-     * A throttled version of the {@link ProgressControl#handleMouseSeek} listener.
-     *
-     * @method ProgressControl#throttledHandleMouseSeek
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this function to run.
-     *
-     * @listen mousemove
-     * @listen touchmove
-     */
-
-    /**
-     * Handle `mousemove` or `touchmove` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousemove
-     * @listens touchmove
-     */
-    ;
-
-    _proto.handleMouseSeek = function handleMouseSeek(event) {
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseMove(event);
-      }
-    }
-    /**
-     * Are controls are currently enabled for this progress control.
-     *
-     * @return {boolean}
-     *         true if controls are enabled, false otherwise
-     */
-    ;
-
-    _proto.enabled = function enabled() {
-      return this.enabled_;
-    }
-    /**
-     * Disable all controls on the progress control and its children
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.children().forEach(function (child) {
-        return child.disable && child.disable();
-      });
-
-      if (!this.enabled()) {
-        return;
-      }
-
-      this.off(['mousedown', 'touchstart'], this.handleMouseDown);
-      this.off(this.el_, 'mousemove', this.handleMouseMove);
-      this.handleMouseUp();
-      this.addClass('disabled');
-      this.enabled_ = false;
-    }
-    /**
-     * Enable all controls on the progress control and its children
-     */
-    ;
-
-    _proto.enable = function enable() {
-      this.children().forEach(function (child) {
-        return child.enable && child.enable();
-      });
-
-      if (this.enabled()) {
-        return;
-      }
-
-      this.on(['mousedown', 'touchstart'], this.handleMouseDown);
-      this.on(this.el_, 'mousemove', this.handleMouseMove);
-      this.removeClass('disabled');
-      this.enabled_ = true;
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.el_.ownerDocument;
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseDown(event);
-      }
-
-      this.on(doc, 'mousemove', this.throttledHandleMouseSeek);
-      this.on(doc, 'touchmove', this.throttledHandleMouseSeek);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mouseup` or `touchend` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      var doc = this.el_.ownerDocument;
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseUp(event);
-      }
-
-      this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
-      this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchend', this.handleMouseUp);
-    };
-
-    return ProgressControl;
-  }(Component);
-  /**
-   * Default options for `ProgressControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ProgressControl.prototype.options_ = {
-    children: ['seekBar']
-  };
-  Component.registerComponent('ProgressControl', ProgressControl);
-
-  /**
-   * Toggle Picture-in-Picture mode
-   *
-   * @extends Button
-   */
-
-  var PictureInPictureToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(PictureInPictureToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @listens Player#enterpictureinpicture
-     * @listens Player#leavepictureinpicture
-     */
-    function PictureInPictureToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], _this.handlePictureInPictureChange); // TODO: Activate button on player loadedmetadata event.
-      // TODO: Deactivate button on player emptied event.
-      // TODO: Deactivate button if disablepictureinpicture attribute is present.
-
-
-      if (!document.pictureInPictureEnabled) {
-        _this.disable();
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = PictureInPictureToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-picture-in-picture-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Handles enterpictureinpicture and leavepictureinpicture on the player and change control text accordingly.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#enterpictureinpicture} or {@link Player#leavepictureinpicture} event that caused this function to be
-     *        called.
-     *
-     * @listens Player#enterpictureinpicture
-     * @listens Player#leavepictureinpicture
-     */
-    ;
-
-    _proto.handlePictureInPictureChange = function handlePictureInPictureChange(event) {
-      if (this.player_.isInPictureInPicture()) {
-        this.controlText('Exit Picture-in-Picture');
-      } else {
-        this.controlText('Picture-in-Picture');
-      }
-    }
-    /**
-     * This gets called when an `PictureInPictureToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (!this.player_.isInPictureInPicture()) {
-        this.player_.requestPictureInPicture();
-      } else {
-        this.player_.exitPictureInPicture();
-      }
-    };
-
-    return PictureInPictureToggle;
-  }(Button);
-  /**
-   * The text that should display over the `PictureInPictureToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PictureInPictureToggle.prototype.controlText_ = 'Picture-in-Picture';
-  Component.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
-
-  /**
-   * Toggle fullscreen video
-   *
-   * @extends Button
-   */
-
-  var FullscreenToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(FullscreenToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function FullscreenToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-
-      if (document[player.fsApi_.fullscreenEnabled] === false) {
-        _this.disable();
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = FullscreenToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-fullscreen-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Handles fullscreenchange on the player and change control text accordingly.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#fullscreenchange} event that caused this function to be
-     *        called.
-     *
-     * @listens Player#fullscreenchange
-     */
-    ;
-
-    _proto.handleFullscreenChange = function handleFullscreenChange(event) {
-      if (this.player_.isFullscreen()) {
-        this.controlText('Non-Fullscreen');
-      } else {
-        this.controlText('Fullscreen');
-      }
-    }
-    /**
-     * This gets called when an `FullscreenToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (!this.player_.isFullscreen()) {
-        this.player_.requestFullscreen();
-      } else {
-        this.player_.exitFullscreen();
-      }
-    };
-
-    return FullscreenToggle;
-  }(Button);
-  /**
-   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  FullscreenToggle.prototype.controlText_ = 'Fullscreen';
-  Component.registerComponent('FullscreenToggle', FullscreenToggle);
-
-  /**
-   * Check if volume control is supported and if it isn't hide the
-   * `Component` that was passed  using the `vjs-hidden` class.
-   *
-   * @param {Component} self
-   *        The component that should be hidden if volume is unsupported
-   *
-   * @param {Player} player
-   *        A reference to the player
-   *
-   * @private
-   */
-  var checkVolumeSupport = function checkVolumeSupport(self, player) {
-    // hide volume controls when they're not supported by the current tech
-    if (player.tech_ && !player.tech_.featuresVolumeControl) {
-      self.addClass('vjs-hidden');
-    }
-
-    self.on(player, 'loadstart', function () {
-      if (!player.tech_.featuresVolumeControl) {
-        self.addClass('vjs-hidden');
-      } else {
-        self.removeClass('vjs-hidden');
-      }
-    });
-  };
-
-  /**
-   * Shows volume level
-   *
-   * @extends Component
-   */
-
-  var VolumeLevel =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumeLevel, _Component);
-
-    function VolumeLevel() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = VolumeLevel.prototype;
-
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-volume-level',
-        innerHTML: '<span class="vjs-control-text"></span>'
-      });
-    };
-
-    return VolumeLevel;
-  }(Component);
-
-  Component.registerComponent('VolumeLevel', VolumeLevel);
-
-  /**
-   * The bar that contains the volume level and can be clicked on to adjust the level
-   *
-   * @extends Slider
-   */
-
-  var VolumeBar =
-  /*#__PURE__*/
-  function (_Slider) {
-    inheritsLoose(VolumeBar, _Slider);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function VolumeBar(player, options) {
-      var _this;
-
-      _this = _Slider.call(this, player, options) || this;
-
-      _this.on('slideractive', _this.updateLastVolume_);
-
-      _this.on(player, 'volumechange', _this.updateARIAAttributes);
-
-      player.ready(function () {
-        return _this.updateARIAAttributes();
-      });
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = VolumeBar.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Slider.prototype.createEl.call(this, 'div', {
-        className: 'vjs-volume-bar vjs-slider-bar'
-      }, {
-        'aria-label': this.localize('Volume Level'),
-        'aria-live': 'polite'
-      });
-    }
-    /**
-     * Handle mouse down on volume bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousedown` event that caused this to run.
-     *
-     * @listens mousedown
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      _Slider.prototype.handleMouseDown.call(this, event);
-    }
-    /**
-     * Handle movement events on the {@link VolumeMenuButton}.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run.
-     *
-     * @listens mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      this.checkMuted();
-      this.player_.volume(this.calculateDistance(event));
-    }
-    /**
-     * If the player is muted unmute it.
-     */
-    ;
-
-    _proto.checkMuted = function checkMuted() {
-      if (this.player_.muted()) {
-        this.player_.muted(false);
-      }
-    }
-    /**
-     * Get percent of volume level
-     *
-     * @return {number}
-     *         Volume level percent as a decimal number.
-     */
-    ;
-
-    _proto.getPercent = function getPercent() {
-      if (this.player_.muted()) {
-        return 0;
-      }
-
-      return this.player_.volume();
-    }
-    /**
-     * Increase volume level for keyboard users
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      this.checkMuted();
-      this.player_.volume(this.player_.volume() + 0.1);
-    }
-    /**
-     * Decrease volume level for keyboard users
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      this.checkMuted();
-      this.player_.volume(this.player_.volume() - 0.1);
-    }
-    /**
-     * Update ARIA accessibility attributes
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `volumechange` event that caused this function to run.
-     *
-     * @listens Player#volumechange
-     */
-    ;
-
-    _proto.updateARIAAttributes = function updateARIAAttributes(event) {
-      var ariaValue = this.player_.muted() ? 0 : this.volumeAsPercentage_();
-      this.el_.setAttribute('aria-valuenow', ariaValue);
-      this.el_.setAttribute('aria-valuetext', ariaValue + '%');
-    }
-    /**
-     * Returns the current value of the player volume as a percentage
-     *
-     * @private
-     */
-    ;
-
-    _proto.volumeAsPercentage_ = function volumeAsPercentage_() {
-      return Math.round(this.player_.volume() * 100);
-    }
-    /**
-     * When user starts dragging the VolumeBar, store the volume and listen for
-     * the end of the drag. When the drag ends, if the volume was set to zero,
-     * set lastVolume to the stored volume.
-     *
-     * @listens slideractive
-     * @private
-     */
-    ;
-
-    _proto.updateLastVolume_ = function updateLastVolume_() {
-      var _this2 = this;
-
-      var volumeBeforeDrag = this.player_.volume();
-      this.one('sliderinactive', function () {
-        if (_this2.player_.volume() === 0) {
-          _this2.player_.lastVolume_(volumeBeforeDrag);
-        }
-      });
-    };
-
-    return VolumeBar;
-  }(Slider);
-  /**
-   * Default options for the `VolumeBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumeBar.prototype.options_ = {
-    children: ['volumeLevel'],
-    barName: 'volumeLevel'
-  };
-  /**
-   * Call the update event for this Slider when this event happens on the player.
-   *
-   * @type {string}
-   */
-
-  VolumeBar.prototype.playerEvent = 'volumechange';
-  Component.registerComponent('VolumeBar', VolumeBar);
-
-  /**
-   * The component for controlling the volume level
-   *
-   * @extends Component
-   */
-
-  var VolumeControl =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumeControl, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function VolumeControl(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.vertical = options.vertical || false; // Pass the vertical option down to the VolumeBar if
-      // the VolumeBar is turned on.
-
-      if (typeof options.volumeBar === 'undefined' || isPlain(options.volumeBar)) {
-        options.volumeBar = options.volumeBar || {};
-        options.volumeBar.vertical = options.vertical;
-      }
-
-      _this = _Component.call(this, player, options) || this; // hide this control if volume support is missing
-
-      checkVolumeSupport(assertThisInitialized(_this), player);
-      _this.throttledHandleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-
-      _this.on('mousedown', _this.handleMouseDown);
-
-      _this.on('touchstart', _this.handleMouseDown); // while the slider is active (the mouse has been pressed down and
-      // is dragging) or in focus we do not want to hide the VolumeBar
-
-
-      _this.on(_this.volumeBar, ['focus', 'slideractive'], function () {
-        _this.volumeBar.addClass('vjs-slider-active');
-
-        _this.addClass('vjs-slider-active');
-
-        _this.trigger('slideractive');
-      });
-
-      _this.on(_this.volumeBar, ['blur', 'sliderinactive'], function () {
-        _this.volumeBar.removeClass('vjs-slider-active');
-
-        _this.removeClass('vjs-slider-active');
-
-        _this.trigger('sliderinactive');
-      });
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = VolumeControl.prototype;
-
-    _proto.createEl = function createEl() {
-      var orientationClass = 'vjs-volume-horizontal';
-
-      if (this.options_.vertical) {
-        orientationClass = 'vjs-volume-vertical';
-      }
-
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: "vjs-volume-control vjs-control " + orientationClass
-      });
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.el_.ownerDocument;
-      this.on(doc, 'mousemove', this.throttledHandleMouseMove);
-      this.on(doc, 'touchmove', this.throttledHandleMouseMove);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mouseup` or `touchend` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      var doc = this.el_.ownerDocument;
-      this.off(doc, 'mousemove', this.throttledHandleMouseMove);
-      this.off(doc, 'touchmove', this.throttledHandleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      this.volumeBar.handleMouseMove(event);
-    };
-
-    return VolumeControl;
-  }(Component);
-  /**
-   * Default options for the `VolumeControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumeControl.prototype.options_ = {
-    children: ['volumeBar']
-  };
-  Component.registerComponent('VolumeControl', VolumeControl);
-
-  /**
-   * Check if muting volume is supported and if it isn't hide the mute toggle
-   * button.
-   *
-   * @param {Component} self
-   *        A reference to the mute toggle button
-   *
-   * @param {Player} player
-   *        A reference to the player
-   *
-   * @private
-   */
-  var checkMuteSupport = function checkMuteSupport(self, player) {
-    // hide mute toggle button if it's not supported by the current tech
-    if (player.tech_ && !player.tech_.featuresMuteControl) {
-      self.addClass('vjs-hidden');
-    }
-
-    self.on(player, 'loadstart', function () {
-      if (!player.tech_.featuresMuteControl) {
-        self.addClass('vjs-hidden');
-      } else {
-        self.removeClass('vjs-hidden');
-      }
-    });
-  };
-
-  /**
-   * A button component for muting the audio.
-   *
-   * @extends Button
-   */
-
-  var MuteToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(MuteToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function MuteToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this; // hide this control if volume support is missing
-
-      checkMuteSupport(assertThisInitialized(_this), player);
-
-      _this.on(player, ['loadstart', 'volumechange'], _this.update);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = MuteToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-mute-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when an `MuteToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var vol = this.player_.volume();
-      var lastVolume = this.player_.lastVolume_();
-
-      if (vol === 0) {
-        var volumeToSet = lastVolume < 0.1 ? 0.1 : lastVolume;
-        this.player_.volume(volumeToSet);
-        this.player_.muted(false);
-      } else {
-        this.player_.muted(this.player_.muted() ? false : true);
-      }
-    }
-    /**
-     * Update the `MuteToggle` button based on the state of `volume` and `muted`
-     * on the player.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#loadstart} event if this function was called
-     *        through an event.
-     *
-     * @listens Player#loadstart
-     * @listens Player#volumechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      this.updateIcon_();
-      this.updateControlText_();
-    }
-    /**
-     * Update the appearance of the `MuteToggle` icon.
-     *
-     * Possible states (given `level` variable below):
-     * - 0: crossed out
-     * - 1: zero bars of volume
-     * - 2: one bar of volume
-     * - 3: two bars of volume
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateIcon_ = function updateIcon_() {
-      var vol = this.player_.volume();
-      var level = 3; // in iOS when a player is loaded with muted attribute
-      // and volume is changed with a native mute button
-      // we want to make sure muted state is updated
-
-      if (IS_IOS && this.player_.tech_ && this.player_.tech_.el_) {
-        this.player_.muted(this.player_.tech_.el_.muted);
-      }
-
-      if (vol === 0 || this.player_.muted()) {
-        level = 0;
-      } else if (vol < 0.33) {
-        level = 1;
-      } else if (vol < 0.67) {
-        level = 2;
-      } // TODO improve muted icon classes
-
-
-      for (var i = 0; i < 4; i++) {
-        removeClass(this.el_, "vjs-vol-" + i);
-      }
-
-      addClass(this.el_, "vjs-vol-" + level);
-    }
-    /**
-     * If `muted` has changed on the player, update the control text
-     * (`title` attribute on `vjs-mute-control` element and content of
-     * `vjs-control-text` element).
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateControlText_ = function updateControlText_() {
-      var soundOff = this.player_.muted() || this.player_.volume() === 0;
-      var text = soundOff ? 'Unmute' : 'Mute';
-
-      if (this.controlText() !== text) {
-        this.controlText(text);
-      }
-    };
-
-    return MuteToggle;
-  }(Button);
-  /**
-   * The text that should display over the `MuteToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  MuteToggle.prototype.controlText_ = 'Mute';
-  Component.registerComponent('MuteToggle', MuteToggle);
-
-  /**
-   * A Component to contain the MuteToggle and VolumeControl so that
-   * they can work together.
-   *
-   * @extends Component
-   */
-
-  var VolumePanel =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumePanel, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function VolumePanel(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (typeof options.inline !== 'undefined') {
-        options.inline = options.inline;
-      } else {
-        options.inline = true;
-      } // pass the inline option down to the VolumeControl as vertical if
-      // the VolumeControl is on.
-
-
-      if (typeof options.volumeControl === 'undefined' || isPlain(options.volumeControl)) {
-        options.volumeControl = options.volumeControl || {};
-        options.volumeControl.vertical = !options.inline;
-      }
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.on(player, ['loadstart'], _this.volumePanelState_);
-
-      _this.on(_this.muteToggle, 'keyup', _this.handleKeyPress);
-
-      _this.on(_this.volumeControl, 'keyup', _this.handleVolumeControlKeyUp);
-
-      _this.on('keydown', _this.handleKeyPress);
-
-      _this.on('mouseover', _this.handleMouseOver);
-
-      _this.on('mouseout', _this.handleMouseOut); // while the slider is active (the mouse has been pressed down and
-      // is dragging) we do not want to hide the VolumeBar
-
-
-      _this.on(_this.volumeControl, ['slideractive'], _this.sliderActive_);
-
-      _this.on(_this.volumeControl, ['sliderinactive'], _this.sliderInactive_);
-
-      return _this;
-    }
-    /**
-     * Add vjs-slider-active class to the VolumePanel
-     *
-     * @listens VolumeControl#slideractive
-     * @private
-     */
-
-
-    var _proto = VolumePanel.prototype;
-
-    _proto.sliderActive_ = function sliderActive_() {
-      this.addClass('vjs-slider-active');
-    }
-    /**
-     * Removes vjs-slider-active class to the VolumePanel
-     *
-     * @listens VolumeControl#sliderinactive
-     * @private
-     */
-    ;
-
-    _proto.sliderInactive_ = function sliderInactive_() {
-      this.removeClass('vjs-slider-active');
-    }
-    /**
-     * Adds vjs-hidden or vjs-mute-toggle-only to the VolumePanel
-     * depending on MuteToggle and VolumeControl state
-     *
-     * @listens Player#loadstart
-     * @private
-     */
-    ;
-
-    _proto.volumePanelState_ = function volumePanelState_() {
-      // hide volume panel if neither volume control or mute toggle
-      // are displayed
-      if (this.volumeControl.hasClass('vjs-hidden') && this.muteToggle.hasClass('vjs-hidden')) {
-        this.addClass('vjs-hidden');
-      } // if only mute toggle is visible we don't want
-      // volume panel expanding when hovered or active
-
-
-      if (this.volumeControl.hasClass('vjs-hidden') && !this.muteToggle.hasClass('vjs-hidden')) {
-        this.addClass('vjs-mute-toggle-only');
-      }
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var orientationClass = 'vjs-volume-panel-horizontal';
-
-      if (!this.options_.inline) {
-        orientationClass = 'vjs-volume-panel-vertical';
-      }
-
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: "vjs-volume-panel vjs-control " + orientationClass
-      });
-    }
-    /**
-     * Dispose of the `volume-panel` and all child components.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.handleMouseOut();
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Handles `keyup` events on the `VolumeControl`, looking for ESC, which closes
-     * the volume panel and sets focus on `MuteToggle`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keyup` event that caused this function to be called.
-     *
-     * @listens keyup
-     */
-    ;
-
-    _proto.handleVolumeControlKeyUp = function handleVolumeControlKeyUp(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        this.muteToggle.focus();
-      }
-    }
-    /**
-     * This gets called when a `VolumePanel` gains hover via a `mouseover` event.
-     * Turns on listening for `mouseover` event. When they happen it
-     * calls `this.handleMouseOver`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseover` event that caused this function to be called.
-     *
-     * @listens mouseover
-     */
-    ;
-
-    _proto.handleMouseOver = function handleMouseOver(event) {
-      this.addClass('vjs-hover');
-      on(document, 'keyup', bind(this, this.handleKeyPress));
-    }
-    /**
-     * This gets called when a `VolumePanel` gains hover via a `mouseout` event.
-     * Turns on listening for `mouseout` event. When they happen it
-     * calls `this.handleMouseOut`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseout` event that caused this function to be called.
-     *
-     * @listens mouseout
-     */
-    ;
-
-    _proto.handleMouseOut = function handleMouseOut(event) {
-      this.removeClass('vjs-hover');
-      off(document, 'keyup', bind(this, this.handleKeyPress));
-    }
-    /**
-     * Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
-     * looking for ESC, which hides the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        The keypress that triggered this event.
-     *
-     * @listens keydown | keyup
-     */
-    ;
-
-    _proto.handleKeyPress = function handleKeyPress(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        this.handleMouseOut();
-      }
-    };
-
-    return VolumePanel;
-  }(Component);
-  /**
-   * Default options for the `VolumeControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumePanel.prototype.options_ = {
-    children: ['muteToggle', 'volumeControl']
-  };
-  Component.registerComponent('VolumePanel', VolumePanel);
-
-  /**
-   * The Menu component is used to build popup menus, including subtitle and
-   * captions selection menus.
-   *
-   * @extends Component
-   */
-
-  var Menu =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Menu, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        the player that this component should attach to
-     *
-     * @param {Object} [options]
-     *        Object of option names and values
-     *
-     */
-    function Menu(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      if (options) {
-        _this.menuButton_ = options.menuButton;
-      }
-
-      _this.focusedChild_ = -1;
-
-      _this.on('keydown', _this.handleKeyDown); // All the menu item instances share the same blur handler provided by the menu container.
-
-
-      _this.boundHandleBlur_ = bind(assertThisInitialized(_this), _this.handleBlur);
-      _this.boundHandleTapClick_ = bind(assertThisInitialized(_this), _this.handleTapClick);
-      return _this;
-    }
-    /**
-     * Add event listeners to the {@link MenuItem}.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem` to add listeners to.
-     *
-     */
-
-
-    var _proto = Menu.prototype;
-
-    _proto.addEventListenerForItem = function addEventListenerForItem(component) {
-      if (!(component instanceof Component)) {
-        return;
-      }
-
-      this.on(component, 'blur', this.boundHandleBlur_);
-      this.on(component, ['tap', 'click'], this.boundHandleTapClick_);
-    }
-    /**
-     * Remove event listeners from the {@link MenuItem}.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem` to remove listeners.
-     *
-     */
-    ;
-
-    _proto.removeEventListenerForItem = function removeEventListenerForItem(component) {
-      if (!(component instanceof Component)) {
-        return;
-      }
-
-      this.off(component, 'blur', this.boundHandleBlur_);
-      this.off(component, ['tap', 'click'], this.boundHandleTapClick_);
-    }
-    /**
-     * This method will be called indirectly when the component has been added
-     * before the component adds to the new menu instance by `addItem`.
-     * In this case, the original menu instance will remove the component
-     * by calling `removeChild`.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem`
-     */
-    ;
-
-    _proto.removeChild = function removeChild(component) {
-      if (typeof component === 'string') {
-        component = this.getChild(component);
-      }
-
-      this.removeEventListenerForItem(component);
-
-      _Component.prototype.removeChild.call(this, component);
-    }
-    /**
-     * Add a {@link MenuItem} to the menu.
-     *
-     * @param {Object|string} component
-     *        The name or instance of the `MenuItem` to add.
-     *
-     */
-    ;
-
-    _proto.addItem = function addItem(component) {
-      var childComponent = this.addChild(component);
-
-      if (childComponent) {
-        this.addEventListenerForItem(childComponent);
-      }
-    }
-    /**
-     * Create the `Menu`s DOM element.
-     *
-     * @return {Element}
-     *         the element that was created
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var contentElType = this.options_.contentElType || 'ul';
-      this.contentEl_ = createEl(contentElType, {
-        className: 'vjs-menu-content'
-      });
-      this.contentEl_.setAttribute('role', 'menu');
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        append: this.contentEl_,
-        className: 'vjs-menu'
-      });
-
-      el.appendChild(this.contentEl_); // Prevent clicks from bubbling up. Needed for Menu Buttons,
-      // where a click on the parent is significant
-
-      on(el, 'click', function (event) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      });
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.boundHandleBlur_ = null;
-      this.boundHandleTapClick_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Called when a `MenuItem` loses focus.
-     *
-     * @param {EventTarget~Event} event
-     *        The `blur` event that caused this function to be called.
-     *
-     * @listens blur
-     */
-    ;
-
-    _proto.handleBlur = function handleBlur(event) {
-      var relatedTarget = event.relatedTarget || document.activeElement; // Close menu popup when a user clicks outside the menu
-
-      if (!this.children().some(function (element) {
-        return element.el() === relatedTarget;
-      })) {
-        var btn = this.menuButton_;
-
-        if (btn && btn.buttonPressed_ && relatedTarget !== btn.el().firstChild) {
-          btn.unpressButton();
-        }
-      }
-    }
-    /**
-     * Called when a `MenuItem` gets clicked or tapped.
-     *
-     * @param {EventTarget~Event} event
-     *        The `click` or `tap` event that caused this function to be called.
-     *
-     * @listens click,tap
-     */
-    ;
-
-    _proto.handleTapClick = function handleTapClick(event) {
-      // Unpress the associated MenuButton, and move focus back to it
-      if (this.menuButton_) {
-        this.menuButton_.unpressButton();
-        var childComponents = this.children();
-
-        if (!Array.isArray(childComponents)) {
-          return;
-        }
-
-        var foundComponent = childComponents.filter(function (component) {
-          return component.el() === event.target;
-        })[0];
-
-        if (!foundComponent) {
-          return;
-        } // don't focus menu button if item is a caption settings item
-        // because focus will move elsewhere
-
-
-        if (foundComponent.name() !== 'CaptionSettingsMenuItem') {
-          this.menuButton_.focus();
-        }
-      }
-    }
-    /**
-     * Handle a `keydown` event on this menu. This listener is added in the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        A `keydown` event that happened on the menu.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Left and Down Arrows
-      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward(); // Up and Right Arrows
-      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack();
-      }
-    }
-    /**
-     * Move to next (lower) menu item for keyboard users.
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      var stepChild = 0;
-
-      if (this.focusedChild_ !== undefined) {
-        stepChild = this.focusedChild_ + 1;
-      }
-
-      this.focus(stepChild);
-    }
-    /**
-     * Move to previous (higher) menu item for keyboard users.
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      var stepChild = 0;
-
-      if (this.focusedChild_ !== undefined) {
-        stepChild = this.focusedChild_ - 1;
-      }
-
-      this.focus(stepChild);
-    }
-    /**
-     * Set focus on a {@link MenuItem} in the `Menu`.
-     *
-     * @param {Object|string} [item=0]
-     *        Index of child item set focus on.
-     */
-    ;
-
-    _proto.focus = function focus(item) {
-      if (item === void 0) {
-        item = 0;
-      }
-
-      var children = this.children().slice();
-      var haveTitle = children.length && children[0].className && /vjs-menu-title/.test(children[0].className);
-
-      if (haveTitle) {
-        children.shift();
-      }
-
-      if (children.length > 0) {
-        if (item < 0) {
-          item = 0;
-        } else if (item >= children.length) {
-          item = children.length - 1;
-        }
-
-        this.focusedChild_ = item;
-        children[item].el_.focus();
-      }
-    };
-
-    return Menu;
-  }(Component);
-
-  Component.registerComponent('Menu', Menu);
-
-  /**
-   * A `MenuButton` class for any popup {@link Menu}.
-   *
-   * @extends Component
-   */
-
-  var MenuButton =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MenuButton, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function MenuButton(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _Component.call(this, player, options) || this;
-      _this.menuButton_ = new Button(player, options);
-
-      _this.menuButton_.controlText(_this.controlText_);
-
-      _this.menuButton_.el_.setAttribute('aria-haspopup', 'true'); // Add buildCSSClass values to the button, not the wrapper
-
-
-      var buttonClass = Button.prototype.buildCSSClass();
-      _this.menuButton_.el_.className = _this.buildCSSClass() + ' ' + buttonClass;
-
-      _this.menuButton_.removeClass('vjs-control');
-
-      _this.addChild(_this.menuButton_);
-
-      _this.update();
-
-      _this.enabled_ = true;
-
-      _this.on(_this.menuButton_, 'tap', _this.handleClick);
-
-      _this.on(_this.menuButton_, 'click', _this.handleClick);
-
-      _this.on(_this.menuButton_, 'keydown', _this.handleKeyDown);
-
-      _this.on(_this.menuButton_, 'mouseenter', function () {
-        _this.addClass('vjs-hover');
-
-        _this.menu.show();
-
-        on(document, 'keyup', bind(assertThisInitialized(_this), _this.handleMenuKeyUp));
-      });
-
-      _this.on('mouseleave', _this.handleMouseLeave);
-
-      _this.on('keydown', _this.handleSubmenuKeyDown);
-
-      return _this;
-    }
-    /**
-     * Update the menu based on the current state of its items.
-     */
-
-
-    var _proto = MenuButton.prototype;
-
-    _proto.update = function update() {
-      var menu = this.createMenu();
-
-      if (this.menu) {
-        this.menu.dispose();
-        this.removeChild(this.menu);
-      }
-
-      this.menu = menu;
-      this.addChild(menu);
-      /**
-       * Track the state of the menu button
-       *
-       * @type {Boolean}
-       * @private
-       */
-
-      this.buttonPressed_ = false;
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-
-      if (this.items && this.items.length <= this.hideThreshold_) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    /**
-     * Create the menu and add all items to it.
-     *
-     * @return {Menu}
-     *         The constructed menu
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      var menu = new Menu(this.player_, {
-        menuButton: this
-      });
-      /**
-       * Hide the menu if the number of items is less than or equal to this threshold. This defaults
-       * to 0 and whenever we add items which can be hidden to the menu we'll increment it. We list
-       * it here because every time we run `createMenu` we need to reset the value.
-       *
-       * @protected
-       * @type {Number}
-       */
-
-      this.hideThreshold_ = 0; // Add a title list item to the top
-
-      if (this.options_.title) {
-        var titleEl = createEl('li', {
-          className: 'vjs-menu-title',
-          innerHTML: toTitleCase(this.options_.title),
-          tabIndex: -1
-        });
-        this.hideThreshold_ += 1;
-        var titleComponent = new Component(this.player_, {
-          el: titleEl
-        });
-        menu.addItem(titleComponent);
-      }
-
-      this.items = this.createItems();
-
-      if (this.items) {
-        // Add menu items to the menu
-        for (var i = 0; i < this.items.length; i++) {
-          menu.addItem(this.items[i]);
-        }
-      }
-
-      return menu;
-    }
-    /**
-     * Create the list of menu items. Specific to each subclass.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.createItems = function createItems() {}
-    /**
-     * Create the `MenuButtons`s DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildWrapperCSSClass()
-      }, {});
-    }
-    /**
-     * Allow sub components to stack CSS class names for the wrapper element
-     *
-     * @return {string}
-     *         The constructed wrapper DOM `className`
-     */
-    ;
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-      if (this.options_.inline === true) {
-        menuButtonClass += '-inline';
-      } else {
-        menuButtonClass += '-popup';
-      } // TODO: Fix the CSS so that this isn't necessary
-
-
-      var buttonClass = Button.prototype.buildCSSClass();
-      return "vjs-menu-button " + menuButtonClass + " " + buttonClass + " " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-      if (this.options_.inline === true) {
-        menuButtonClass += '-inline';
-      } else {
-        menuButtonClass += '-popup';
-      }
-
-      return "vjs-menu-button " + menuButtonClass + " " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Get or set the localized control text that will be used for accessibility.
-     *
-     * > NOTE: This will come from the internal `menuButton_` element.
-     *
-     * @param {string} [text]
-     *        Control text for element.
-     *
-     * @param {Element} [el=this.menuButton_.el()]
-     *        Element to set the title on.
-     *
-     * @return {string}
-     *         - The control text when getting
-     */
-    ;
-
-    _proto.controlText = function controlText(text, el) {
-      if (el === void 0) {
-        el = this.menuButton_.el();
-      }
-
-      return this.menuButton_.controlText(text, el);
-    }
-    /**
-     * Dispose of the `menu-button` and all child components.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.handleMouseLeave();
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Handle a click on a `MenuButton`.
-     * See {@link ClickableComponent#handleClick} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      } else {
-        this.pressButton();
-      }
-    }
-    /**
-     * Handle `mouseleave` for `MenuButton`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseleave` event that caused this function to be called.
-     *
-     * @listens mouseleave
-     */
-    ;
-
-    _proto.handleMouseLeave = function handleMouseLeave(event) {
-      this.removeClass('vjs-hover');
-      off(document, 'keyup', bind(this, this.handleMenuKeyUp));
-    }
-    /**
-     * Set the focus to the actual button, not to this element
-     */
-    ;
-
-    _proto.focus = function focus() {
-      this.menuButton_.focus();
-    }
-    /**
-     * Remove the focus from the actual button, not this element
-     */
-    ;
-
-    _proto.blur = function blur() {
-      this.menuButton_.blur();
-    }
-    /**
-     * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Escape or Tab unpress the 'button'
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        if (this.buttonPressed_) {
-          this.unpressButton();
-        } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-        if (!keycode.isEventKey(event, 'Tab')) {
-          event.preventDefault(); // Set focus back to the menu button's button
-
-          this.menuButton_.focus();
-        } // Up Arrow or Down Arrow also 'press' the button to open the menu
-
-      } else if (keycode.isEventKey(event, 'Up') || keycode.isEventKey(event, 'Down')) {
-        if (!this.buttonPressed_) {
-          event.preventDefault();
-          this.pressButton();
-        }
-      }
-    }
-    /**
-     * Handle a `keyup` event on a `MenuButton`. The listener for this is added in
-     * the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        Key press event
-     *
-     * @listens keyup
-     */
-    ;
-
-    _proto.handleMenuKeyUp = function handleMenuKeyUp(event) {
-      // Escape hides popup menu
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        this.removeClass('vjs-hover');
-      }
-    }
-    /**
-     * This method name now delegates to `handleSubmenuKeyDown`. This means
-     * anyone calling `handleSubmenuKeyPress` will not see their method calls
-     * stop working.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-      this.handleSubmenuKeyDown(event);
-    }
-    /**
-     * Handle a `keydown` event on a sub-menu. The listener for this is added in
-     * the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        Key press event
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleSubmenuKeyDown = function handleSubmenuKeyDown(event) {
-      // Escape or Tab unpress the 'button'
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        if (this.buttonPressed_) {
-          this.unpressButton();
-        } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-        if (!keycode.isEventKey(event, 'Tab')) {
-          event.preventDefault(); // Set focus back to the menu button's button
-
-          this.menuButton_.focus();
-        }
-      }
-    }
-    /**
-     * Put the current `MenuButton` into a pressed state.
-     */
-    ;
-
-    _proto.pressButton = function pressButton() {
-      if (this.enabled_) {
-        this.buttonPressed_ = true;
-        this.menu.show();
-        this.menu.lockShowing();
-        this.menuButton_.el_.setAttribute('aria-expanded', 'true'); // set the focus into the submenu, except on iOS where it is resulting in
-        // undesired scrolling behavior when the player is in an iframe
-
-        if (IS_IOS && isInFrame()) {
-          // Return early so that the menu isn't focused
-          return;
-        }
-
-        this.menu.focus();
-      }
-    }
-    /**
-     * Take the current `MenuButton` out of a pressed state.
-     */
-    ;
-
-    _proto.unpressButton = function unpressButton() {
-      if (this.enabled_) {
-        this.buttonPressed_ = false;
-        this.menu.unlockShowing();
-        this.menu.hide();
-        this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-      }
-    }
-    /**
-     * Disable the `MenuButton`. Don't allow it to be clicked.
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.unpressButton();
-      this.enabled_ = false;
-      this.addClass('vjs-disabled');
-      this.menuButton_.disable();
-    }
-    /**
-     * Enable the `MenuButton`. Allow it to be clicked.
-     */
-    ;
-
-    _proto.enable = function enable() {
-      this.enabled_ = true;
-      this.removeClass('vjs-disabled');
-      this.menuButton_.enable();
-    };
-
-    return MenuButton;
-  }(Component);
-
-  Component.registerComponent('MenuButton', MenuButton);
-
-  /**
-   * The base class for buttons that toggle specific  track types (e.g. subtitles).
-   *
-   * @extends MenuButton
-   */
-
-  var TrackButton =
-  /*#__PURE__*/
-  function (_MenuButton) {
-    inheritsLoose(TrackButton, _MenuButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TrackButton(player, options) {
-      var _this;
-
-      var tracks = options.tracks;
-      _this = _MenuButton.call(this, player, options) || this;
-
-      if (_this.items.length <= 1) {
-        _this.hide();
-      }
-
-      if (!tracks) {
-        return assertThisInitialized(_this);
-      }
-
-      var updateHandler = bind(assertThisInitialized(_this), _this.update);
-      tracks.addEventListener('removetrack', updateHandler);
-      tracks.addEventListener('addtrack', updateHandler);
-
-      _this.player_.on('ready', updateHandler);
-
-      _this.player_.on('dispose', function () {
-        tracks.removeEventListener('removetrack', updateHandler);
-        tracks.removeEventListener('addtrack', updateHandler);
-      });
-
-      return _this;
-    }
-
-    return TrackButton;
-  }(MenuButton);
-
-  Component.registerComponent('TrackButton', TrackButton);
-
-  /**
-   * @file menu-keys.js
-   */
-
-  /**
-    * All keys used for operation of a menu (`MenuButton`, `Menu`, and `MenuItem`)
-    * Note that 'Enter' and 'Space' are not included here (otherwise they would
-    * prevent the `MenuButton` and `MenuItem` from being keyboard-clickable)
-    * @typedef MenuKeys
-    * @array
-    */
-  var MenuKeys = ['Tab', 'Esc', 'Up', 'Down', 'Right', 'Left'];
-
-  /**
-   * The component for a menu item. `<li>`
-   *
-   * @extends ClickableComponent
-   */
-
-  var MenuItem =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(MenuItem, _ClickableComponent);
-
-    /**
-     * Creates an instance of the this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     *
-     */
-    function MenuItem(player, options) {
-      var _this;
-
-      _this = _ClickableComponent.call(this, player, options) || this;
-      _this.selectable = options.selectable;
-      _this.isSelected_ = options.selected || false;
-      _this.multiSelectable = options.multiSelectable;
-
-      _this.selected(_this.isSelected_);
-
-      if (_this.selectable) {
-        if (_this.multiSelectable) {
-          _this.el_.setAttribute('role', 'menuitemcheckbox');
-        } else {
-          _this.el_.setAttribute('role', 'menuitemradio');
-        }
-      } else {
-        _this.el_.setAttribute('role', 'menuitem');
-      }
-
-      return _this;
-    }
-    /**
-     * Create the `MenuItem's DOM element
-     *
-     * @param {string} [type=li]
-     *        Element's node type, not actually used, always set to `li`.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element
-     *
-     * @param {Object} [attrs={}]
-     *        An object of attributes that should be set on the element
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-
-
-    var _proto = MenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      // The control is textual, not just an icon
-      this.nonIconControl = true;
-      return _ClickableComponent.prototype.createEl.call(this, 'li', assign({
-        className: 'vjs-menu-item',
-        innerHTML: "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label) + "</span>",
-        tabIndex: -1
-      }, props), attrs);
-    }
-    /**
-     * Ignore keys which are used by the menu, but pass any other ones up. See
-     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (!MenuKeys.some(function (key) {
-        return keycode.isEventKey(event, key);
-      })) {
-        // Pass keydown handling up for unused keys
-        _ClickableComponent.prototype.handleKeyDown.call(this, event);
-      }
-    }
-    /**
-     * Any click on a `MenuItem` puts it into the selected state.
-     * See {@link ClickableComponent#handleClick} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      this.selected(true);
-    }
-    /**
-     * Set the state for this menu item as selected or not.
-     *
-     * @param {boolean} selected
-     *        if the menu item is selected or not
-     */
-    ;
-
-    _proto.selected = function selected(_selected) {
-      if (this.selectable) {
-        if (_selected) {
-          this.addClass('vjs-selected');
-          this.el_.setAttribute('aria-checked', 'true'); // aria-checked isn't fully supported by browsers/screen readers,
-          // so indicate selected state to screen reader in the control text.
-
-          this.controlText(', selected');
-          this.isSelected_ = true;
-        } else {
-          this.removeClass('vjs-selected');
-          this.el_.setAttribute('aria-checked', 'false'); // Indicate un-selected state to screen reader
-
-          this.controlText('');
-          this.isSelected_ = false;
-        }
-      }
-    };
-
-    return MenuItem;
-  }(ClickableComponent);
-
-  Component.registerComponent('MenuItem', MenuItem);
-
-  /**
-   * The specific menu item type for selecting a language within a text track kind
-   *
-   * @extends MenuItem
-   */
-
-  var TextTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(TextTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TextTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var tracks = player.textTracks(); // Modify options for parent MenuItem class's init.
-
-      options.label = track.label || track.language || 'Unknown';
-      options.selected = track.mode === 'showing';
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track; // Determine the relevant kind(s) of tracks for this component and filter
-      // out empty kinds.
-
-      _this.kinds = (options.kinds || [options.kind || _this.track.kind]).filter(Boolean);
-
-      var changeHandler = function changeHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
-      };
-
-      var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        _this.handleSelectedLanguageChange.apply(assertThisInitialized(_this), args);
-      };
-
-      player.on(['loadstart', 'texttrackchange'], changeHandler);
-      tracks.addEventListener('change', changeHandler);
-      tracks.addEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-
-      _this.on('dispose', function () {
-        player.off(['loadstart', 'texttrackchange'], changeHandler);
-        tracks.removeEventListener('change', changeHandler);
-        tracks.removeEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-      }); // iOS7 doesn't dispatch change events to TextTrackLists when an
-      // associated track's mode changes. Without something like
-      // Object.observe() (also not present on iOS7), it's not
-      // possible to detect changes to the mode attribute and polyfill
-      // the change event. As a poor substitute, we manually dispatch
-      // change events whenever the controls modify the mode.
-
-
-      if (tracks.onchange === undefined) {
-        var event;
-
-        _this.on(['tap', 'click'], function () {
-          if (typeof window$1.Event !== 'object') {
-            // Android 2.3 throws an Illegal Constructor error for window.Event
-            try {
-              event = new window$1.Event('change');
-            } catch (err) {// continue regardless of error
-            }
-          }
-
-          if (!event) {
-            event = document.createEvent('Event');
-            event.initEvent('change', true, true);
-          }
-
-          tracks.dispatchEvent(event);
-        });
-      } // set the default state based on current tracks
-
-
-      _this.handleTracksChange();
-
-      return _this;
-    }
-    /**
-     * This gets called when an `TextTrackMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = TextTrackMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      var referenceTrack = this.track;
-      var tracks = this.player_.textTracks();
-
-      _MenuItem.prototype.handleClick.call(this, event);
-
-      if (!tracks) {
-        return;
-      }
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // If the track from the text tracks list is not of the right kind,
-        // skip it. We do not want to affect tracks of incompatible kind(s).
-
-        if (this.kinds.indexOf(track.kind) === -1) {
-          continue;
-        } // If this text track is the component's track and it is not showing,
-        // set it to showing.
-
-
-        if (track === referenceTrack) {
-          if (track.mode !== 'showing') {
-            track.mode = 'showing';
-          } // If this text track is not the component's track and it is not
-          // disabled, set it to disabled.
-
-        } else if (track.mode !== 'disabled') {
-          track.mode = 'disabled';
-        }
-      }
-    }
-    /**
-     * Handle text track list change
-     *
-     * @param {EventTarget~Event} event
-     *        The `change` event that caused this function to be called.
-     *
-     * @listens TextTrackList#change
-     */
-    ;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var shouldBeSelected = this.track.mode === 'showing'; // Prevent redundant selected() calls because they may cause
-      // screen readers to read the appended control text unnecessarily
-
-      if (shouldBeSelected !== this.isSelected_) {
-        this.selected(shouldBeSelected);
-      }
-    };
-
-    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-      if (this.track.mode === 'showing') {
-        var selectedLanguage = this.player_.cache_.selectedLanguage; // Don't replace the kind of track across the same language
-
-        if (selectedLanguage && selectedLanguage.enabled && selectedLanguage.language === this.track.language && selectedLanguage.kind !== this.track.kind) {
-          return;
-        }
-
-        this.player_.cache_.selectedLanguage = {
-          enabled: true,
-          language: this.track.language,
-          kind: this.track.kind
-        };
-      }
-    };
-
-    _proto.dispose = function dispose() {
-      // remove reference to track object on dispose
-      this.track = null;
-
-      _MenuItem.prototype.dispose.call(this);
-    };
-
-    return TextTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
-
-  /**
-   * A special menu item for turning of a specific type of text track
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var OffTextTrackMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(OffTextTrackMenuItem, _TextTrackMenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function OffTextTrackMenuItem(player, options) {
-      // Create pseudo track info
-      // Requires options['kind']
-      options.track = {
-        player: player,
-        // it is no longer necessary to store `kind` or `kinds` on the track itself
-        // since they are now stored in the `kinds` property of all instances of
-        // TextTrackMenuItem, but this will remain for backwards compatibility
-        kind: options.kind,
-        kinds: options.kinds,
-        "default": false,
-        mode: 'disabled'
-      };
-
-      if (!options.kinds) {
-        options.kinds = [options.kind];
-      }
-
-      if (options.label) {
-        options.track.label = options.label;
-      } else {
-        options.track.label = options.kinds.join(' and ') + ' off';
-      } // MenuItem is selectable
-
-
-      options.selectable = true; // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-
-      options.multiSelectable = false;
-      return _TextTrackMenuItem.call(this, player, options) || this;
-    }
-    /**
-     * Handle text track change
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run
-     */
-
-
-    var _proto = OffTextTrackMenuItem.prototype;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var tracks = this.player().textTracks();
-      var shouldBeSelected = true;
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (this.options_.kinds.indexOf(track.kind) > -1 && track.mode === 'showing') {
-          shouldBeSelected = false;
-          break;
-        }
-      } // Prevent redundant selected() calls because they may cause
-      // screen readers to read the appended control text unnecessarily
-
-
-      if (shouldBeSelected !== this.isSelected_) {
-        this.selected(shouldBeSelected);
-      }
-    };
-
-    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-      var tracks = this.player().textTracks();
-      var allHidden = true;
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (['captions', 'descriptions', 'subtitles'].indexOf(track.kind) > -1 && track.mode === 'showing') {
-          allHidden = false;
-          break;
-        }
-      }
-
-      if (allHidden) {
-        this.player_.cache_.selectedLanguage = {
-          enabled: false
-        };
-      }
-    };
-
-    return OffTextTrackMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
-
-  /**
-   * The base class for buttons that toggle specific text track types (e.g. subtitles)
-   *
-   * @extends MenuButton
-   */
-
-  var TextTrackButton =
-  /*#__PURE__*/
-  function (_TrackButton) {
-    inheritsLoose(TextTrackButton, _TrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function TextTrackButton(player, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.tracks = player.textTracks();
-      return _TrackButton.call(this, player, options) || this;
-    }
-    /**
-     * Create a menu item for each text track
-     *
-     * @param {TextTrackMenuItem[]} [items=[]]
-     *        Existing array of items to use during creation
-     *
-     * @return {TextTrackMenuItem[]}
-     *         Array of menu items that were created
-     */
-
-
-    var _proto = TextTrackButton.prototype;
-
-    _proto.createItems = function createItems(items, TrackMenuItem) {
-      if (items === void 0) {
-        items = [];
-      }
-
-      if (TrackMenuItem === void 0) {
-        TrackMenuItem = TextTrackMenuItem;
-      }
-
-      // Label is an override for the [track] off label
-      // USed to localise captions/subtitles
-      var label;
-
-      if (this.label_) {
-        label = this.label_ + " off";
-      } // Add an OFF menu item to turn all tracks off
-
-
-      items.push(new OffTextTrackMenuItem(this.player_, {
-        kinds: this.kinds_,
-        kind: this.kind_,
-        label: label
-      }));
-      this.hideThreshold_ += 1;
-      var tracks = this.player_.textTracks();
-
-      if (!Array.isArray(this.kinds_)) {
-        this.kinds_ = [this.kind_];
-      }
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // only add tracks that are of an appropriate kind and have a label
-
-        if (this.kinds_.indexOf(track.kind) > -1) {
-          var item = new TrackMenuItem(this.player_, {
-            track: track,
-            kinds: this.kinds_,
-            kind: this.kind_,
-            // MenuItem is selectable
-            selectable: true,
-            // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-            multiSelectable: false
-          });
-          item.addClass("vjs-" + track.kind + "-menu-item");
-          items.push(item);
-        }
-      }
-
-      return items;
-    };
-
-    return TextTrackButton;
-  }(TrackButton);
-
-  Component.registerComponent('TextTrackButton', TextTrackButton);
-
-  /**
-   * The chapter track menu item
-   *
-   * @extends MenuItem
-   */
-
-  var ChaptersTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(ChaptersTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function ChaptersTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var cue = options.cue;
-      var currentTime = player.currentTime(); // Modify options for parent MenuItem class's init.
-
-      options.selectable = true;
-      options.multiSelectable = false;
-      options.label = cue.text;
-      options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track;
-      _this.cue = cue;
-      track.addEventListener('cuechange', bind(assertThisInitialized(_this), _this.update));
-      return _this;
-    }
-    /**
-     * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = ChaptersTrackMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      _MenuItem.prototype.handleClick.call(this);
-
-      this.player_.currentTime(this.cue.startTime);
-      this.update(this.cue.startTime);
-    }
-    /**
-     * Update chapter menu item
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `cuechange` event that caused this function to run.
-     *
-     * @listens TextTrack#cuechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var cue = this.cue;
-      var currentTime = this.player_.currentTime(); // vjs.log(currentTime, cue.startTime);
-
-      this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
-    };
-
-    return ChaptersTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
-
-  /**
-   * The button component for toggling and selecting chapters
-   * Chapters act much differently than other text tracks
-   * Cues are navigation vs. other tracks of alternative languages
-   *
-   * @extends TextTrackButton
-   */
-
-  var ChaptersButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(ChaptersButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this function is ready.
-     */
-    function ChaptersButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = ChaptersButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-chapters-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-chapters-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Update the menu based on the current state of its items.
-     *
-     * @param {EventTarget~Event} [event]
-     *        An event that triggered this function to run.
-     *
-     * @listens TextTrackList#addtrack
-     * @listens TextTrackList#removetrack
-     * @listens TextTrackList#change
-     */
-    ;
-
-    _proto.update = function update(event) {
-      if (!this.track_ || event && (event.type === 'addtrack' || event.type === 'removetrack')) {
-        this.setTrack(this.findChaptersTrack());
-      }
-
-      _TextTrackButton.prototype.update.call(this);
-    }
-    /**
-     * Set the currently selected track for the chapters button.
-     *
-     * @param {TextTrack} track
-     *        The new track to select. Nothing will change if this is the currently selected
-     *        track.
-     */
-    ;
-
-    _proto.setTrack = function setTrack(track) {
-      if (this.track_ === track) {
-        return;
-      }
-
-      if (!this.updateHandler_) {
-        this.updateHandler_ = this.update.bind(this);
-      } // here this.track_ refers to the old track instance
-
-
-      if (this.track_) {
-        var remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-        if (remoteTextTrackEl) {
-          remoteTextTrackEl.removeEventListener('load', this.updateHandler_);
-        }
-
-        this.track_ = null;
-      }
-
-      this.track_ = track; // here this.track_ refers to the new track instance
-
-      if (this.track_) {
-        this.track_.mode = 'hidden';
-
-        var _remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-        if (_remoteTextTrackEl) {
-          _remoteTextTrackEl.addEventListener('load', this.updateHandler_);
-        }
-      }
-    }
-    /**
-     * Find the track object that is currently in use by this ChaptersButton
-     *
-     * @return {TextTrack|undefined}
-     *         The current track or undefined if none was found.
-     */
-    ;
-
-    _proto.findChaptersTrack = function findChaptersTrack() {
-      var tracks = this.player_.textTracks() || [];
-
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        // We will always choose the last track as our chaptersTrack
-        var track = tracks[i];
-
-        if (track.kind === this.kind_) {
-          return track;
-        }
-      }
-    }
-    /**
-     * Get the caption for the ChaptersButton based on the track label. This will also
-     * use the current tracks localized kind as a fallback if a label does not exist.
-     *
-     * @return {string}
-     *         The tracks current label or the localized track kind.
-     */
-    ;
-
-    _proto.getMenuCaption = function getMenuCaption() {
-      if (this.track_ && this.track_.label) {
-        return this.track_.label;
-      }
-
-      return this.localize(toTitleCase(this.kind_));
-    }
-    /**
-     * Create menu from chapter track
-     *
-     * @return {Menu}
-     *         New menu for the chapter buttons
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      this.options_.title = this.getMenuCaption();
-      return _TextTrackButton.prototype.createMenu.call(this);
-    }
-    /**
-     * Create a menu item for each text track
-     *
-     * @return {TextTrackMenuItem[]}
-     *         Array of menu items
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!this.track_) {
-        return items;
-      }
-
-      var cues = this.track_.cues;
-
-      if (!cues) {
-        return items;
-      }
-
-      for (var i = 0, l = cues.length; i < l; i++) {
-        var cue = cues[i];
-        var mi = new ChaptersTrackMenuItem(this.player_, {
-          track: this.track_,
-          cue: cue
-        });
-        items.push(mi);
-      }
-
-      return items;
-    };
-
-    return ChaptersButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  ChaptersButton.prototype.kind_ = 'chapters';
-  /**
-   * The text that should display over the `ChaptersButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  ChaptersButton.prototype.controlText_ = 'Chapters';
-  Component.registerComponent('ChaptersButton', ChaptersButton);
-
-  /**
-   * The button component for toggling and selecting descriptions
-   *
-   * @extends TextTrackButton
-   */
-
-  var DescriptionsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(DescriptionsButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function DescriptionsButton(player, options, ready) {
-      var _this;
-
-      _this = _TextTrackButton.call(this, player, options, ready) || this;
-      var tracks = player.textTracks();
-      var changeHandler = bind(assertThisInitialized(_this), _this.handleTracksChange);
-      tracks.addEventListener('change', changeHandler);
-
-      _this.on('dispose', function () {
-        tracks.removeEventListener('change', changeHandler);
-      });
-
-      return _this;
-    }
-    /**
-     * Handle text track change
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run
-     *
-     * @listens TextTrackList#change
-     */
-
-
-    var _proto = DescriptionsButton.prototype;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var tracks = this.player().textTracks();
-      var disabled = false; // Check whether a track of a different kind is showing
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (track.kind !== this.kind_ && track.mode === 'showing') {
-          disabled = true;
-          break;
-        }
-      } // If another track is showing, disable this menu button
-
-
-      if (disabled) {
-        this.disable();
-      } else {
-        this.enable();
-      }
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    };
-
-    return DescriptionsButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  DescriptionsButton.prototype.kind_ = 'descriptions';
-  /**
-   * The text that should display over the `DescriptionsButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  DescriptionsButton.prototype.controlText_ = 'Descriptions';
-  Component.registerComponent('DescriptionsButton', DescriptionsButton);
-
-  /**
-   * The button component for toggling and selecting subtitles
-   *
-   * @extends TextTrackButton
-   */
-
-  var SubtitlesButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(SubtitlesButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function SubtitlesButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = SubtitlesButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    };
-
-    return SubtitlesButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  SubtitlesButton.prototype.kind_ = 'subtitles';
-  /**
-   * The text that should display over the `SubtitlesButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  SubtitlesButton.prototype.controlText_ = 'Subtitles';
-  Component.registerComponent('SubtitlesButton', SubtitlesButton);
-
-  /**
-   * The menu item for caption track settings menu
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var CaptionSettingsMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(CaptionSettingsMenuItem, _TextTrackMenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function CaptionSettingsMenuItem(player, options) {
-      var _this;
-
-      options.track = {
-        player: player,
-        kind: options.kind,
-        label: options.kind + ' settings',
-        selectable: false,
-        "default": false,
-        mode: 'disabled'
-      }; // CaptionSettingsMenuItem has no concept of 'selected'
-
-      options.selectable = false;
-      options.name = 'CaptionSettingsMenuItem';
-      _this = _TextTrackMenuItem.call(this, player, options) || this;
-
-      _this.addClass('vjs-texttrack-settings');
-
-      _this.controlText(', opens ' + options.kind + ' settings dialog');
-
-      return _this;
-    }
-    /**
-     * This gets called when an `CaptionSettingsMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = CaptionSettingsMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      this.player().getChild('textTrackSettings').open();
-    };
-
-    return CaptionSettingsMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-  /**
-   * The button component for toggling and selecting captions
-   *
-   * @extends TextTrackButton
-   */
-
-  var CaptionsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(CaptionsButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function CaptionsButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = CaptionsButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-captions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-captions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create caption menu items
-     *
-     * @return {CaptionSettingsMenuItem[]}
-     *         The array of current menu items.
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-        items.push(new CaptionSettingsMenuItem(this.player_, {
-          kind: this.kind_
-        }));
-        this.hideThreshold_ += 1;
-      }
-
-      return _TextTrackButton.prototype.createItems.call(this, items);
-    };
-
-    return CaptionsButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  CaptionsButton.prototype.kind_ = 'captions';
-  /**
-   * The text that should display over the `CaptionsButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  CaptionsButton.prototype.controlText_ = 'Captions';
-  Component.registerComponent('CaptionsButton', CaptionsButton);
-
-  /**
-   * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
-   * in the SubsCapsMenu.
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var SubsCapsMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(SubsCapsMenuItem, _TextTrackMenuItem);
-
-    function SubsCapsMenuItem() {
-      return _TextTrackMenuItem.apply(this, arguments) || this;
-    }
-
-    var _proto = SubsCapsMenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-      if (this.options_.track.kind === 'captions') {
-        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Captions') + "</span>\n      ";
-      }
-
-      innerHTML += '</span>';
-
-      var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({
-        innerHTML: innerHTML
-      }, props), attrs);
-
-      return el;
-    };
-
-    return SubsCapsMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
-
-  /**
-   * The button component for toggling and selecting captions and/or subtitles
-   *
-   * @extends TextTrackButton
-   */
-
-  var SubsCapsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(SubsCapsButton, _TextTrackButton);
-
-    function SubsCapsButton(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _TextTrackButton.call(this, player, options) || this; // Although North America uses "captions" in most cases for
-      // "captions and subtitles" other locales use "subtitles"
-
-      _this.label_ = 'subtitles';
-
-      if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(_this.player_.language_) > -1) {
-        _this.label_ = 'captions';
-      }
-
-      _this.menuButton_.controlText(toTitleCase(_this.label_));
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = SubsCapsButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create caption/subtitles menu items
-     *
-     * @return {CaptionSettingsMenuItem[]}
-     *         The array of current menu items.
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-        items.push(new CaptionSettingsMenuItem(this.player_, {
-          kind: this.label_
-        }));
-        this.hideThreshold_ += 1;
-      }
-
-      items = _TextTrackButton.prototype.createItems.call(this, items, SubsCapsMenuItem);
-      return items;
-    };
-
-    return SubsCapsButton;
-  }(TextTrackButton);
-  /**
-   * `kind`s of TextTrack to look for to associate it with this menu.
-   *
-   * @type {array}
-   * @private
-   */
-
-
-  SubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'];
-  /**
-   * The text that should display over the `SubsCapsButton`s controls.
-   *
-   *
-   * @type {string}
-   * @private
-   */
-
-  SubsCapsButton.prototype.controlText_ = 'Subtitles';
-  Component.registerComponent('SubsCapsButton', SubsCapsButton);
-
-  /**
-   * An {@link AudioTrack} {@link MenuItem}
-   *
-   * @extends MenuItem
-   */
-
-  var AudioTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(AudioTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function AudioTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var tracks = player.audioTracks(); // Modify options for parent MenuItem class's init.
-
-      options.label = track.label || track.language || 'Unknown';
-      options.selected = track.enabled;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track;
-
-      _this.addClass("vjs-" + track.kind + "-menu-item");
-
-      var changeHandler = function changeHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
-      };
-
-      tracks.addEventListener('change', changeHandler);
-
-      _this.on('dispose', function () {
-        tracks.removeEventListener('change', changeHandler);
-      });
-
-      return _this;
-    }
-
-    var _proto = AudioTrackMenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-      if (this.options_.track.kind === 'main-desc') {
-        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Descriptions') + "</span>\n      ";
-      }
-
-      innerHTML += '</span>';
-
-      var el = _MenuItem.prototype.createEl.call(this, type, assign({
-        innerHTML: innerHTML
-      }, props), attrs);
-
-      return el;
-    }
-    /**
-     * This gets called when an `AudioTrackMenuItem is "clicked". See {@link ClickableComponent}
-     * for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var tracks = this.player_.audioTracks();
-
-      _MenuItem.prototype.handleClick.call(this, event);
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        track.enabled = track === this.track;
-      }
-    }
-    /**
-     * Handle any {@link AudioTrack} change.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link AudioTrackList#change} event that caused this to run.
-     *
-     * @listens AudioTrackList#change
-     */
-    ;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      this.selected(this.track.enabled);
-    };
-
-    return AudioTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-  /**
-   * The base class for buttons that toggle specific {@link AudioTrack} types.
-   *
-   * @extends TrackButton
-   */
-
-  var AudioTrackButton =
-  /*#__PURE__*/
-  function (_TrackButton) {
-    inheritsLoose(AudioTrackButton, _TrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function AudioTrackButton(player, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.tracks = player.audioTracks();
-      return _TrackButton.call(this, player, options) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = AudioTrackButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-audio-button " + _TrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-audio-button " + _TrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create a menu item for each audio track
-     *
-     * @param {AudioTrackMenuItem[]} [items=[]]
-     *        An array of existing menu items to use.
-     *
-     * @return {AudioTrackMenuItem[]}
-     *         An array of menu items
-     */
-    ;
-
-    _proto.createItems = function createItems(items) {
-      if (items === void 0) {
-        items = [];
-      }
-
-      // if there's only one audio track, there no point in showing it
-      this.hideThreshold_ = 1;
-      var tracks = this.player_.audioTracks();
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        items.push(new AudioTrackMenuItem(this.player_, {
-          track: track,
-          // MenuItem is selectable
-          selectable: true,
-          // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-          multiSelectable: false
-        }));
-      }
-
-      return items;
-    };
-
-    return AudioTrackButton;
-  }(TrackButton);
-  /**
-   * The text that should display over the `AudioTrackButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  AudioTrackButton.prototype.controlText_ = 'Audio Track';
-  Component.registerComponent('AudioTrackButton', AudioTrackButton);
-
-  /**
-   * The specific menu item type for selecting a playback rate.
-   *
-   * @extends MenuItem
-   */
-
-  var PlaybackRateMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(PlaybackRateMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlaybackRateMenuItem(player, options) {
-      var _this;
-
-      var label = options.rate;
-      var rate = parseFloat(label, 10); // Modify options for parent MenuItem class's init.
-
-      options.label = label;
-      options.selected = rate === 1;
-      options.selectable = true;
-      options.multiSelectable = false;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.label = label;
-      _this.rate = rate;
-
-      _this.on(player, 'ratechange', _this.update);
-
-      return _this;
-    }
-    /**
-     * This gets called when an `PlaybackRateMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = PlaybackRateMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      _MenuItem.prototype.handleClick.call(this);
-
-      this.player().playbackRate(this.rate);
-    }
-    /**
-     * Update the PlaybackRateMenuItem when the playbackrate changes.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `ratechange` event that caused this function to run.
-     *
-     * @listens Player#ratechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      this.selected(this.player().playbackRate() === this.rate);
-    };
-
-    return PlaybackRateMenuItem;
-  }(MenuItem);
-  /**
-   * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlaybackRateMenuItem.prototype.contentElType = 'button';
-  Component.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
-
-  /**
-   * The component for controlling the playback rate.
-   *
-   * @extends MenuButton
-   */
-
-  var PlaybackRateMenuButton =
-  /*#__PURE__*/
-  function (_MenuButton) {
-    inheritsLoose(PlaybackRateMenuButton, _MenuButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlaybackRateMenuButton(player, options) {
-      var _this;
-
-      _this = _MenuButton.call(this, player, options) || this;
-
-      _this.updateVisibility();
-
-      _this.updateLabel();
-
-      _this.on(player, 'loadstart', _this.updateVisibility);
-
-      _this.on(player, 'ratechange', _this.updateLabel);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = PlaybackRateMenuButton.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _MenuButton.prototype.createEl.call(this);
-
-      this.labelEl_ = createEl('div', {
-        className: 'vjs-playback-rate-value',
-        innerHTML: '1x'
-      });
-      el.appendChild(this.labelEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.labelEl_ = null;
-
-      _MenuButton.prototype.dispose.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-playback-rate " + _MenuButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-playback-rate " + _MenuButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create the playback rate menu
-     *
-     * @return {Menu}
-     *         Menu object populated with {@link PlaybackRateMenuItem}s
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      var menu = new Menu(this.player());
-      var rates = this.playbackRates();
-
-      if (rates) {
-        for (var i = rates.length - 1; i >= 0; i--) {
-          menu.addChild(new PlaybackRateMenuItem(this.player(), {
-            rate: rates[i] + 'x'
-          }));
-        }
-      }
-
-      return menu;
-    }
-    /**
-     * Updates ARIA accessibility attributes
-     */
-    ;
-
-    _proto.updateARIAAttributes = function updateARIAAttributes() {
-      // Current playback rate
-      this.el().setAttribute('aria-valuenow', this.player().playbackRate());
-    }
-    /**
-     * This gets called when an `PlaybackRateMenuButton` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      // select next rate option
-      var currentRate = this.player().playbackRate();
-      var rates = this.playbackRates(); // this will select first one if the last one currently selected
-
-      var newRate = rates[0];
-
-      for (var i = 0; i < rates.length; i++) {
-        if (rates[i] > currentRate) {
-          newRate = rates[i];
-          break;
-        }
-      }
-
-      this.player().playbackRate(newRate);
-    }
-    /**
-     * Get possible playback rates
-     *
-     * @return {Array}
-     *         All possible playback rates
-     */
-    ;
-
-    _proto.playbackRates = function playbackRates() {
-      return this.options_.playbackRates || this.options_.playerOptions && this.options_.playerOptions.playbackRates;
-    }
-    /**
-     * Get whether playback rates is supported by the tech
-     * and an array of playback rates exists
-     *
-     * @return {boolean}
-     *         Whether changing playback rate is supported
-     */
-    ;
-
-    _proto.playbackRateSupported = function playbackRateSupported() {
-      return this.player().tech_ && this.player().tech_.featuresPlaybackRate && this.playbackRates() && this.playbackRates().length > 0;
-    }
-    /**
-     * Hide playback rate controls when they're no playback rate options to select
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#loadstart
-     */
-    ;
-
-    _proto.updateVisibility = function updateVisibility(event) {
-      if (this.playbackRateSupported()) {
-        this.removeClass('vjs-hidden');
-      } else {
-        this.addClass('vjs-hidden');
-      }
-    }
-    /**
-     * Update button label when rate changed
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#ratechange
-     */
-    ;
-
-    _proto.updateLabel = function updateLabel(event) {
-      if (this.playbackRateSupported()) {
-        this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
-      }
-    };
-
-    return PlaybackRateMenuButton;
-  }(MenuButton);
-  /**
-   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlaybackRateMenuButton.prototype.controlText_ = 'Playback Rate';
-  Component.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
-
-  /**
-   * Just an empty spacer element that can be used as an append point for plugins, etc.
-   * Also can be used to create space between elements when necessary.
-   *
-   * @extends Component
-   */
-
-  var Spacer =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Spacer, _Component);
-
-    function Spacer() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = Spacer.prototype;
-
-    /**
-    * Builds the default DOM `className`.
-    *
-    * @return {string}
-    *         The DOM `className` for this object.
-    */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-spacer " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildCSSClass()
-      });
-    };
-
-    return Spacer;
-  }(Component);
-
-  Component.registerComponent('Spacer', Spacer);
-
-  /**
-   * Spacer specifically meant to be used as an insertion point for new plugins, etc.
-   *
-   * @extends Spacer
-   */
-
-  var CustomControlSpacer =
-  /*#__PURE__*/
-  function (_Spacer) {
-    inheritsLoose(CustomControlSpacer, _Spacer);
-
-    function CustomControlSpacer() {
-      return _Spacer.apply(this, arguments) || this;
-    }
-
-    var _proto = CustomControlSpacer.prototype;
-
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-custom-control-spacer " + _Spacer.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var el = _Spacer.prototype.createEl.call(this, {
-        className: this.buildCSSClass()
-      }); // No-flex/table-cell mode requires there be some content
-      // in the cell to fill the remaining space of the table.
-
-
-      el.innerHTML = "\xA0";
-      return el;
-    };
-
-    return CustomControlSpacer;
-  }(Spacer);
-
-  Component.registerComponent('CustomControlSpacer', CustomControlSpacer);
-
-  /**
-   * Container of main controls.
-   *
-   * @extends Component
-   */
-
-  var ControlBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ControlBar, _Component);
-
-    function ControlBar() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = ControlBar.prototype;
-
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-control-bar',
-        dir: 'ltr'
-      });
-    };
-
-    return ControlBar;
-  }(Component);
-  /**
-   * Default options for `ControlBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ControlBar.prototype.options_ = {
-    children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'seekToLive', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-  };
-
-  if ('exitPictureInPicture' in document) {
-    ControlBar.prototype.options_.children.splice(ControlBar.prototype.options_.children.length - 1, 0, 'pictureInPictureToggle');
-  }
-
-  Component.registerComponent('ControlBar', ControlBar);
-
-  /**
-   * A display that indicates an error has occurred. This means that the video
-   * is unplayable.
-   *
-   * @extends ModalDialog
-   */
-
-  var ErrorDisplay =
-  /*#__PURE__*/
-  function (_ModalDialog) {
-    inheritsLoose(ErrorDisplay, _ModalDialog);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param  {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param  {Object} [options]
-     *         The key/value store of player options.
-     */
-    function ErrorDisplay(player, options) {
-      var _this;
-
-      _this = _ModalDialog.call(this, player, options) || this;
-
-      _this.on(player, 'error', _this.open);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     *
-     * @deprecated Since version 5.
-     */
-
-
-    var _proto = ErrorDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-error-display " + _ModalDialog.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Gets the localized error message based on the `Player`s error.
-     *
-     * @return {string}
-     *         The `Player`s error message localized or an empty string.
-     */
-    ;
-
-    _proto.content = function content() {
-      var error = this.player().error();
-      return error ? this.localize(error.message) : '';
-    };
-
-    return ErrorDisplay;
-  }(ModalDialog);
-  /**
-   * The default options for an `ErrorDisplay`.
-   *
-   * @private
-   */
-
-
-  ErrorDisplay.prototype.options_ = _extends_1({}, ModalDialog.prototype.options_, {
-    pauseOnOpen: false,
-    fillAlways: true,
-    temporary: false,
-    uncloseable: true
-  });
-  Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-  var LOCAL_STORAGE_KEY = 'vjs-text-track-settings';
-  var COLOR_BLACK = ['#000', 'Black'];
-  var COLOR_BLUE = ['#00F', 'Blue'];
-  var COLOR_CYAN = ['#0FF', 'Cyan'];
-  var COLOR_GREEN = ['#0F0', 'Green'];
-  var COLOR_MAGENTA = ['#F0F', 'Magenta'];
-  var COLOR_RED = ['#F00', 'Red'];
-  var COLOR_WHITE = ['#FFF', 'White'];
-  var COLOR_YELLOW = ['#FF0', 'Yellow'];
-  var OPACITY_OPAQUE = ['1', 'Opaque'];
-  var OPACITY_SEMI = ['0.5', 'Semi-Transparent'];
-  var OPACITY_TRANS = ['0', 'Transparent']; // Configuration for the various <select> elements in the DOM of this component.
-  //
-  // Possible keys include:
-  //
-  // `default`:
-  //   The default option index. Only needs to be provided if not zero.
-  // `parser`:
-  //   A function which is used to parse the value from the selected option in
-  //   a customized way.
-  // `selector`:
-  //   The selector used to find the associated <select> element.
-
-  var selectConfigs = {
-    backgroundColor: {
-      selector: '.vjs-bg-color > select',
-      id: 'captions-background-color-%s',
-      label: 'Color',
-      options: [COLOR_BLACK, COLOR_WHITE, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-    },
-    backgroundOpacity: {
-      selector: '.vjs-bg-opacity > select',
-      id: 'captions-background-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_OPAQUE, OPACITY_SEMI, OPACITY_TRANS]
-    },
-    color: {
-      selector: '.vjs-fg-color > select',
-      id: 'captions-foreground-color-%s',
-      label: 'Color',
-      options: [COLOR_WHITE, COLOR_BLACK, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-    },
-    edgeStyle: {
-      selector: '.vjs-edge-style > select',
-      id: '%s',
-      label: 'Text Edge Style',
-      options: [['none', 'None'], ['raised', 'Raised'], ['depressed', 'Depressed'], ['uniform', 'Uniform'], ['dropshadow', 'Dropshadow']]
-    },
-    fontFamily: {
-      selector: '.vjs-font-family > select',
-      id: 'captions-font-family-%s',
-      label: 'Font Family',
-      options: [['proportionalSansSerif', 'Proportional Sans-Serif'], ['monospaceSansSerif', 'Monospace Sans-Serif'], ['proportionalSerif', 'Proportional Serif'], ['monospaceSerif', 'Monospace Serif'], ['casual', 'Casual'], ['script', 'Script'], ['small-caps', 'Small Caps']]
-    },
-    fontPercent: {
-      selector: '.vjs-font-percent > select',
-      id: 'captions-font-size-%s',
-      label: 'Font Size',
-      options: [['0.50', '50%'], ['0.75', '75%'], ['1.00', '100%'], ['1.25', '125%'], ['1.50', '150%'], ['1.75', '175%'], ['2.00', '200%'], ['3.00', '300%'], ['4.00', '400%']],
-      "default": 2,
-      parser: function parser(v) {
-        return v === '1.00' ? null : Number(v);
-      }
-    },
-    textOpacity: {
-      selector: '.vjs-text-opacity > select',
-      id: 'captions-foreground-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_OPAQUE, OPACITY_SEMI]
-    },
-    // Options for this object are defined below.
-    windowColor: {
-      selector: '.vjs-window-color > select',
-      id: 'captions-window-color-%s',
-      label: 'Color'
-    },
-    // Options for this object are defined below.
-    windowOpacity: {
-      selector: '.vjs-window-opacity > select',
-      id: 'captions-window-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_TRANS, OPACITY_SEMI, OPACITY_OPAQUE]
-    }
-  };
-  selectConfigs.windowColor.options = selectConfigs.backgroundColor.options;
-  /**
-   * Get the actual value of an option.
-   *
-   * @param  {string} value
-   *         The value to get
-   *
-   * @param  {Function} [parser]
-   *         Optional function to adjust the value.
-   *
-   * @return {Mixed}
-   *         - Will be `undefined` if no value exists
-   *         - Will be `undefined` if the given value is "none".
-   *         - Will be the actual value otherwise.
-   *
-   * @private
-   */
-
-  function parseOptionValue(value, parser) {
-    if (parser) {
-      value = parser(value);
-    }
-
-    if (value && value !== 'none') {
-      return value;
-    }
-  }
-  /**
-   * Gets the value of the selected <option> element within a <select> element.
-   *
-   * @param  {Element} el
-   *         the element to look in
-   *
-   * @param  {Function} [parser]
-   *         Optional function to adjust the value.
-   *
-   * @return {Mixed}
-   *         - Will be `undefined` if no value exists
-   *         - Will be `undefined` if the given value is "none".
-   *         - Will be the actual value otherwise.
-   *
-   * @private
-   */
-
-
-  function getSelectedOptionValue(el, parser) {
-    var value = el.options[el.options.selectedIndex].value;
-    return parseOptionValue(value, parser);
-  }
-  /**
-   * Sets the selected <option> element within a <select> element based on a
-   * given value.
-   *
-   * @param {Element} el
-   *        The element to look in.
-   *
-   * @param {string} value
-   *        the property to look on.
-   *
-   * @param {Function} [parser]
-   *        Optional function to adjust the value before comparing.
-   *
-   * @private
-   */
-
-
-  function setSelectedOption(el, value, parser) {
-    if (!value) {
-      return;
-    }
-
-    for (var i = 0; i < el.options.length; i++) {
-      if (parseOptionValue(el.options[i].value, parser) === value) {
-        el.selectedIndex = i;
-        break;
-      }
-    }
-  }
-  /**
-   * Manipulate Text Tracks settings.
-   *
-   * @extends ModalDialog
-   */
-
-
-  var TextTrackSettings =
-  /*#__PURE__*/
-  function (_ModalDialog) {
-    inheritsLoose(TextTrackSettings, _ModalDialog);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *         The key/value store of player options.
-     */
-    function TextTrackSettings(player, options) {
-      var _this;
-
-      options.temporary = false;
-      _this = _ModalDialog.call(this, player, options) || this;
-      _this.updateDisplay = bind(assertThisInitialized(_this), _this.updateDisplay); // fill the modal and pretend we have opened it
-
-      _this.fill();
-
-      _this.hasBeenOpened_ = _this.hasBeenFilled_ = true;
-      _this.endDialog = createEl('p', {
-        className: 'vjs-control-text',
-        textContent: _this.localize('End of dialog window.')
-      });
-
-      _this.el().appendChild(_this.endDialog);
-
-      _this.setDefaults(); // Grab `persistTextTrackSettings` from the player options if not passed in child options
-
-
-      if (options.persistTextTrackSettings === undefined) {
-        _this.options_.persistTextTrackSettings = _this.options_.playerOptions.persistTextTrackSettings;
-      }
-
-      _this.on(_this.$('.vjs-done-button'), 'click', function () {
-        _this.saveSettings();
-
-        _this.close();
-      });
-
-      _this.on(_this.$('.vjs-default-button'), 'click', function () {
-        _this.setDefaults();
-
-        _this.updateDisplay();
-      });
-
-      each(selectConfigs, function (config) {
-        _this.on(_this.$(config.selector), 'change', _this.updateDisplay);
-      });
-
-      if (_this.options_.persistTextTrackSettings) {
-        _this.restoreSettings();
-      }
-
-      return _this;
-    }
-
-    var _proto = TextTrackSettings.prototype;
-
-    _proto.dispose = function dispose() {
-      this.endDialog = null;
-
-      _ModalDialog.prototype.dispose.call(this);
-    }
-    /**
-     * Create a <select> element with configured options.
-     *
-     * @param {string} key
-     *        Configuration key to use during creation.
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElSelect_ = function createElSelect_(key, legendId, type) {
-      var _this2 = this;
-
-      if (legendId === void 0) {
-        legendId = '';
-      }
-
-      if (type === void 0) {
-        type = 'label';
-      }
-
-      var config = selectConfigs[key];
-      var id = config.id.replace('%s', this.id_);
-      var selectLabelledbyIds = [legendId, id].join(' ').trim();
-      return ["<" + type + " id=\"" + id + "\" class=\"" + (type === 'label' ? 'vjs-label' : '') + "\">", this.localize(config.label), "</" + type + ">", "<select aria-labelledby=\"" + selectLabelledbyIds + "\">"].concat(config.options.map(function (o) {
-        var optionId = id + '-' + o[1].replace(/\W+/g, '');
-        return ["<option id=\"" + optionId + "\" value=\"" + o[0] + "\" ", "aria-labelledby=\"" + selectLabelledbyIds + " " + optionId + "\">", _this2.localize(o[1]), '</option>'].join('');
-      })).concat('</select>').join('');
-    }
-    /**
-     * Create foreground color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElFgColor_ = function createElFgColor_() {
-      var legendId = "captions-text-legend-" + this.id_;
-      return ['<fieldset class="vjs-fg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Text'), '</legend>', this.createElSelect_('color', legendId), '<span class="vjs-text-opacity vjs-opacity">', this.createElSelect_('textOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create background color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElBgColor_ = function createElBgColor_() {
-      var legendId = "captions-background-" + this.id_;
-      return ['<fieldset class="vjs-bg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Background'), '</legend>', this.createElSelect_('backgroundColor', legendId), '<span class="vjs-bg-opacity vjs-opacity">', this.createElSelect_('backgroundOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create window color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElWinColor_ = function createElWinColor_() {
-      var legendId = "captions-window-" + this.id_;
-      return ['<fieldset class="vjs-window-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Window'), '</legend>', this.createElSelect_('windowColor', legendId), '<span class="vjs-window-opacity vjs-opacity">', this.createElSelect_('windowOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create color elements for the component
-     *
-     * @return {Element}
-     *         The element that was created
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElColors_ = function createElColors_() {
-      return createEl('div', {
-        className: 'vjs-track-settings-colors',
-        innerHTML: [this.createElFgColor_(), this.createElBgColor_(), this.createElWinColor_()].join('')
-      });
-    }
-    /**
-     * Create font elements for the component
-     *
-     * @return {Element}
-     *         The element that was created.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElFont_ = function createElFont_() {
-      return createEl('div', {
-        className: 'vjs-track-settings-font',
-        innerHTML: ['<fieldset class="vjs-font-percent vjs-track-setting">', this.createElSelect_('fontPercent', '', 'legend'), '</fieldset>', '<fieldset class="vjs-edge-style vjs-track-setting">', this.createElSelect_('edgeStyle', '', 'legend'), '</fieldset>', '<fieldset class="vjs-font-family vjs-track-setting">', this.createElSelect_('fontFamily', '', 'legend'), '</fieldset>'].join('')
-      });
-    }
-    /**
-     * Create controls for the component
-     *
-     * @return {Element}
-     *         The element that was created.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElControls_ = function createElControls_() {
-      var defaultsDescription = this.localize('restore all settings to the default values');
-      return createEl('div', {
-        className: 'vjs-track-settings-controls',
-        innerHTML: ["<button type=\"button\" class=\"vjs-default-button\" title=\"" + defaultsDescription + "\">", this.localize('Reset'), "<span class=\"vjs-control-text\"> " + defaultsDescription + "</span>", '</button>', "<button type=\"button\" class=\"vjs-done-button\">" + this.localize('Done') + "</button>"].join('')
-      });
-    };
-
-    _proto.content = function content() {
-      return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-    };
-
-    _proto.label = function label() {
-      return this.localize('Caption Settings Dialog');
-    };
-
-    _proto.description = function description() {
-      return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-    };
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return _ModalDialog.prototype.buildCSSClass.call(this) + ' vjs-text-track-settings';
-    }
-    /**
-     * Gets an object of text track settings (or null).
-     *
-     * @return {Object}
-     *         An object with config values parsed from the DOM or localStorage.
-     */
-    ;
-
-    _proto.getValues = function getValues() {
-      var _this3 = this;
-
-      return reduce(selectConfigs, function (accum, config, key) {
-        var value = getSelectedOptionValue(_this3.$(config.selector), config.parser);
-
-        if (value !== undefined) {
-          accum[key] = value;
-        }
-
-        return accum;
-      }, {});
-    }
-    /**
-     * Sets text track settings from an object of values.
-     *
-     * @param {Object} values
-     *        An object with config values parsed from the DOM or localStorage.
-     */
-    ;
-
-    _proto.setValues = function setValues(values) {
-      var _this4 = this;
-
-      each(selectConfigs, function (config, key) {
-        setSelectedOption(_this4.$(config.selector), values[key], config.parser);
-      });
-    }
-    /**
-     * Sets all `<select>` elements to their default values.
-     */
-    ;
-
-    _proto.setDefaults = function setDefaults() {
-      var _this5 = this;
-
-      each(selectConfigs, function (config) {
-        var index = config.hasOwnProperty('default') ? config["default"] : 0;
-        _this5.$(config.selector).selectedIndex = index;
-      });
-    }
-    /**
-     * Restore texttrack settings from localStorage
-     */
-    ;
-
-    _proto.restoreSettings = function restoreSettings() {
-      var values;
-
-      try {
-        values = JSON.parse(window$1.localStorage.getItem(LOCAL_STORAGE_KEY));
-      } catch (err) {
-        log.warn(err);
-      }
-
-      if (values) {
-        this.setValues(values);
-      }
-    }
-    /**
-     * Save text track settings to localStorage
-     */
-    ;
-
-    _proto.saveSettings = function saveSettings() {
-      if (!this.options_.persistTextTrackSettings) {
-        return;
-      }
-
-      var values = this.getValues();
-
-      try {
-        if (Object.keys(values).length) {
-          window$1.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
-        } else {
-          window$1.localStorage.removeItem(LOCAL_STORAGE_KEY);
-        }
-      } catch (err) {
-        log.warn(err);
-      }
-    }
-    /**
-     * Update display of text track settings
-     */
-    ;
-
-    _proto.updateDisplay = function updateDisplay() {
-      var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-      if (ttDisplay) {
-        ttDisplay.updateDisplay();
-      }
-    }
-    /**
-     * conditionally blur the element and refocus the captions button
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalBlur_ = function conditionalBlur_() {
-      this.previouslyActiveEl_ = null;
-      var cb = this.player_.controlBar;
-      var subsCapsBtn = cb && cb.subsCapsButton;
-      var ccBtn = cb && cb.captionsButton;
-
-      if (subsCapsBtn) {
-        subsCapsBtn.focus();
-      } else if (ccBtn) {
-        ccBtn.focus();
-      }
-    };
-
-    return TextTrackSettings;
-  }(ModalDialog);
-
-  Component.registerComponent('TextTrackSettings', TextTrackSettings);
-
-  /**
-   * A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.
-   *
-   * It'll either create an iframe and use a debounced resize handler on it or use the new {@link https://wicg.github.io/ResizeObserver/|ResizeObserver}.
-   *
-   * If the ResizeObserver is available natively, it will be used. A polyfill can be passed in as an option.
-   * If a `playerresize` event is not needed, the ResizeManager component can be removed from the player, see the example below.
-   * @example <caption>How to disable the resize manager</caption>
-   * const player = videojs('#vid', {
-   *   resizeManager: false
-   * });
-   *
-   * @see {@link https://wicg.github.io/ResizeObserver/|ResizeObserver specification}
-   *
-   * @extends Component
-   */
-
-  var ResizeManager =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ResizeManager, _Component);
-
-    /**
-     * Create the ResizeManager.
-     *
-     * @param {Object} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of ResizeManager options.
-     *
-     * @param {Object} [options.ResizeObserver]
-     *        A polyfill for ResizeObserver can be passed in here.
-     *        If this is set to null it will ignore the native ResizeObserver and fall back to the iframe fallback.
-     */
-    function ResizeManager(player, options) {
-      var _this;
-
-      var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window$1.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
-
-      if (options.ResizeObserver === null) {
-        RESIZE_OBSERVER_AVAILABLE = false;
-      } // Only create an element when ResizeObserver isn't available
-
-
-      var options_ = mergeOptions({
-        createEl: !RESIZE_OBSERVER_AVAILABLE,
-        reportTouchActivity: false
-      }, options);
-      _this = _Component.call(this, player, options_) || this;
-      _this.ResizeObserver = options.ResizeObserver || window$1.ResizeObserver;
-      _this.loadListener_ = null;
-      _this.resizeObserver_ = null;
-      _this.debouncedHandler_ = debounce(function () {
-        _this.resizeHandler();
-      }, 100, false, assertThisInitialized(_this));
-
-      if (RESIZE_OBSERVER_AVAILABLE) {
-        _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-
-        _this.resizeObserver_.observe(player.el());
-      } else {
-        _this.loadListener_ = function () {
-          if (!_this.el_ || !_this.el_.contentWindow) {
-            return;
-          }
-
-          var debouncedHandler_ = _this.debouncedHandler_;
-
-          var unloadListener_ = _this.unloadListener_ = function () {
-            off(this, 'resize', debouncedHandler_);
-            off(this, 'unload', unloadListener_);
-            unloadListener_ = null;
-          }; // safari and edge can unload the iframe before resizemanager dispose
-          // we have to dispose of event handlers correctly before that happens
-
-
-          on(_this.el_.contentWindow, 'unload', unloadListener_);
-          on(_this.el_.contentWindow, 'resize', debouncedHandler_);
-        };
-
-        _this.one('load', _this.loadListener_);
-      }
-
-      return _this;
-    }
-
-    var _proto = ResizeManager.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'iframe', {
-        className: 'vjs-resize-manager',
-        tabIndex: -1
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-     *
-     * @fires Player#playerresize
-     */
-    ;
-
-    _proto.resizeHandler = function resizeHandler() {
-      /**
-       * Called when the player size has changed
-       *
-       * @event Player#playerresize
-       * @type {EventTarget~Event}
-       */
-      // make sure player is still around to trigger
-      // prevents this from causing an error after dispose
-      if (!this.player_ || !this.player_.trigger) {
-        return;
-      }
-
-      this.player_.trigger('playerresize');
-    };
-
-    _proto.dispose = function dispose() {
-      if (this.debouncedHandler_) {
-        this.debouncedHandler_.cancel();
-      }
-
-      if (this.resizeObserver_) {
-        if (this.player_.el()) {
-          this.resizeObserver_.unobserve(this.player_.el());
-        }
-
-        this.resizeObserver_.disconnect();
-      }
-
-      if (this.loadListener_) {
-        this.off('load', this.loadListener_);
-      }
-
-      if (this.el_ && this.el_.contentWindow && this.unloadListener_) {
-        this.unloadListener_.call(this.el_.contentWindow);
-      }
-
-      this.ResizeObserver = null;
-      this.resizeObserver = null;
-      this.debouncedHandler_ = null;
-      this.loadListener_ = null;
-
-      _Component.prototype.dispose.call(this);
-    };
-
-    return ResizeManager;
-  }(Component);
-
-  Component.registerComponent('ResizeManager', ResizeManager);
-
-  /**
-   * Computes the median of an array.
-   *
-   * @param {number[]} arr
-   *        Input array of numbers.
-   *
-   * @return {number}
-   *        Median value.
-   */
-  var median = function median(arr) {
-    var mid = Math.floor(arr.length / 2);
-    var sortedList = [].concat(arr).sort(function (a, b) {
-      return a - b;
-    });
-    return arr.length % 2 !== 0 ? sortedList[mid] : (sortedList[mid - 1] + sortedList[mid]) / 2;
-  };
-
-  /* track when we are at the live edge, and other helpers for live playback */
-
-  var LiveTracker =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LiveTracker, _Component);
-
-    function LiveTracker(player, options) {
-      var _this;
-
-      // LiveTracker does not need an element
-      var options_ = mergeOptions({
-        createEl: false
-      }, options);
-      _this = _Component.call(this, player, options_) || this;
-
-      _this.reset_();
-
-      _this.on(_this.player_, 'durationchange', _this.handleDurationchange); // we don't need to track live playback if the document is hidden,
-      // also, tracking when the document is hidden can
-      // cause the CPU to spike and eventually crash the page on IE11.
-
-
-      if (IE_VERSION && 'hidden' in document && 'visibilityState' in document) {
-        _this.on(document, 'visibilitychange', _this.handleVisibilityChange);
-      }
-
-      return _this;
-    }
-
-    var _proto = LiveTracker.prototype;
-
-    _proto.handleVisibilityChange = function handleVisibilityChange() {
-      if (this.player_.duration() !== Infinity) {
-        return;
-      }
-
-      if (document.hidden) {
-        this.stopTracking();
-      } else {
-        this.startTracking();
-      }
-    };
-
-    _proto.isBehind_ = function isBehind_() {
-      // don't report that we are behind until a timeupdate has been seen
-      if (!this.timeupdateSeen_) {
-        return false;
-      }
-
-      var liveCurrentTime = this.liveCurrentTime();
-      var currentTime = this.player_.currentTime(); // the live edge window is the amount of seconds away from live
-      // that a player can be, but still be considered live.
-      // we add 0.07 because the live tracking happens every 30ms
-      // and we want some wiggle room for short segment live playback
-
-      var liveEdgeWindow = this.seekableIncrement_ * 2 + 0.07; // on Android liveCurrentTime can bee Infinity, because seekableEnd
-      // can be Infinity, so we handle that case.
-
-      return liveCurrentTime !== Infinity && liveCurrentTime - liveEdgeWindow >= currentTime;
-    } // all the functionality for tracking when seek end changes
-    // and for tracking how far past seek end we should be
-    ;
-
-    _proto.trackLive_ = function trackLive_() {
-      this.pastSeekEnd_ = this.pastSeekEnd_;
-      var seekable = this.player_.seekable(); // skip undefined seekable
-
-      if (!seekable || !seekable.length) {
-        return;
-      }
-
-      var newSeekEnd = this.seekableEnd(); // we can only tell if we are behind live, when seekable changes
-      // once we detect that seekable has changed we check the new seek
-      // end against current time, with a fudge value of half a second.
-
-      if (newSeekEnd !== this.lastSeekEnd_) {
-        if (this.lastSeekEnd_) {
-          // we try to get the best fit value for the seeking increment
-          // variable from the last 12 values.
-          this.seekableIncrementList_ = this.seekableIncrementList_.slice(-11);
-          this.seekableIncrementList_.push(Math.abs(newSeekEnd - this.lastSeekEnd_));
-
-          if (this.seekableIncrementList_.length > 3) {
-            this.seekableIncrement_ = median(this.seekableIncrementList_);
-          }
-        }
-
-        this.pastSeekEnd_ = 0;
-        this.lastSeekEnd_ = newSeekEnd;
-        this.trigger('seekableendchange');
-      } // we should reset pastSeekEnd when the value
-      // is much higher than seeking increment.
-
-
-      if (this.pastSeekEnd() > this.seekableIncrement_ * 1.5) {
-        this.pastSeekEnd_ = 0;
-      } else {
-        this.pastSeekEnd_ = this.pastSeekEnd() + 0.03;
-      }
-
-      if (this.isBehind_() !== this.behindLiveEdge()) {
-        this.behindLiveEdge_ = this.isBehind_();
-        this.trigger('liveedgechange');
-      }
-    }
-    /**
-     * handle a durationchange event on the player
-     * and start/stop tracking accordingly.
-     */
-    ;
-
-    _proto.handleDurationchange = function handleDurationchange() {
-      if (this.player_.duration() === Infinity) {
-        this.startTracking();
-      } else {
-        this.stopTracking();
-      }
-    }
-    /**
-     * start tracking live playback
-     */
-    ;
-
-    _proto.startTracking = function startTracking() {
-      var _this2 = this;
-
-      if (this.isTracking()) {
-        return;
-      } // If we haven't seen a timeupdate, we need to check whether playback
-      // began before this component started tracking. This can happen commonly
-      // when using autoplay.
-
-
-      if (!this.timeupdateSeen_) {
-        this.timeupdateSeen_ = this.player_.hasStarted();
-      }
-
-      this.trackingInterval_ = this.setInterval(this.trackLive_, 30);
-      this.trackLive_();
-      this.on(this.player_, 'play', this.trackLive_);
-      this.on(this.player_, 'pause', this.trackLive_); // this is to prevent showing that we are not live
-      // before a video starts to play
-
-      if (!this.timeupdateSeen_) {
-        this.one(this.player_, 'play', this.handlePlay);
-
-        this.handleTimeupdate = function () {
-          _this2.timeupdateSeen_ = true;
-          _this2.handleTimeupdate = null;
-        };
-
-        this.one(this.player_, 'timeupdate', this.handleTimeupdate);
-      }
-    };
-
-    _proto.handlePlay = function handlePlay() {
-      this.one(this.player_, 'timeupdate', this.seekToLiveEdge);
-    }
-    /**
-     * Stop tracking, and set all internal variables to
-     * their initial value.
-     */
-    ;
-
-    _proto.reset_ = function reset_() {
-      this.pastSeekEnd_ = 0;
-      this.lastSeekEnd_ = null;
-      this.behindLiveEdge_ = null;
-      this.timeupdateSeen_ = false;
-      this.clearInterval(this.trackingInterval_);
-      this.trackingInterval_ = null;
-      this.seekableIncrement_ = 12;
-      this.seekableIncrementList_ = [];
-      this.off(this.player_, 'play', this.trackLive_);
-      this.off(this.player_, 'pause', this.trackLive_);
-      this.off(this.player_, 'play', this.handlePlay);
-      this.off(this.player_, 'timeupdate', this.seekToLiveEdge);
-
-      if (this.handleTimeupdate) {
-        this.off(this.player_, 'timeupdate', this.handleTimeupdate);
-        this.handleTimeupdate = null;
-      }
-    }
-    /**
-     * stop tracking live playback
-     */
-    ;
-
-    _proto.stopTracking = function stopTracking() {
-      if (!this.isTracking()) {
-        return;
-      }
-
-      this.reset_();
-    }
-    /**
-     * A helper to get the player seekable end
-     * so that we don't have to null check everywhere
-     */
-    ;
-
-    _proto.seekableEnd = function seekableEnd() {
-      var seekable = this.player_.seekable();
-      var seekableEnds = [];
-      var i = seekable ? seekable.length : 0;
-
-      while (i--) {
-        seekableEnds.push(seekable.end(i));
-      } // grab the furthest seekable end after sorting, or if there are none
-      // default to Infinity
-
-
-      return seekableEnds.length ? seekableEnds.sort()[seekableEnds.length - 1] : Infinity;
-    }
-    /**
-     * A helper to get the player seekable start
-     * so that we don't have to null check everywhere
-     */
-    ;
-
-    _proto.seekableStart = function seekableStart() {
-      var seekable = this.player_.seekable();
-      var seekableStarts = [];
-      var i = seekable ? seekable.length : 0;
-
-      while (i--) {
-        seekableStarts.push(seekable.start(i));
-      } // grab the first seekable start after sorting, or if there are none
-      // default to 0
-
-
-      return seekableStarts.length ? seekableStarts.sort()[0] : 0;
-    }
-    /**
-     * Get the live time window
-     */
-    ;
-
-    _proto.liveWindow = function liveWindow() {
-      var liveCurrentTime = this.liveCurrentTime();
-
-      if (liveCurrentTime === Infinity) {
-        return Infinity;
-      }
-
-      return liveCurrentTime - this.seekableStart();
-    }
-    /**
-     * Determines if the player is live, only checks if this component
-     * is tracking live playback or not
-     */
-    ;
-
-    _proto.isLive = function isLive() {
-      return this.isTracking();
-    }
-    /**
-     * Determines if currentTime is at the live edge and won't fall behind
-     * on each seekableendchange
-     */
-    ;
-
-    _proto.atLiveEdge = function atLiveEdge() {
-      return !this.behindLiveEdge();
-    }
-    /**
-     * get what we expect the live current time to be
-     */
-    ;
-
-    _proto.liveCurrentTime = function liveCurrentTime() {
-      return this.pastSeekEnd() + this.seekableEnd();
-    }
-    /**
-     * Returns how far past seek end we expect current time to be
-     */
-    ;
-
-    _proto.pastSeekEnd = function pastSeekEnd() {
-      return this.pastSeekEnd_;
-    }
-    /**
-     * If we are currently behind the live edge, aka currentTime will be
-     * behind on a seekableendchange
-     */
-    ;
-
-    _proto.behindLiveEdge = function behindLiveEdge() {
-      return this.behindLiveEdge_;
-    };
-
-    _proto.isTracking = function isTracking() {
-      return typeof this.trackingInterval_ === 'number';
-    }
-    /**
-     * Seek to the live edge if we are behind the live edge
-     */
-    ;
-
-    _proto.seekToLiveEdge = function seekToLiveEdge() {
-      if (this.atLiveEdge()) {
-        return;
-      }
-
-      this.player_.currentTime(this.liveCurrentTime());
-
-      if (this.player_.paused()) {
-        this.player_.play();
-      }
-    };
-
-    _proto.dispose = function dispose() {
-      this.stopTracking();
-
-      _Component.prototype.dispose.call(this);
-    };
-
-    return LiveTracker;
-  }(Component);
-
-  Component.registerComponent('LiveTracker', LiveTracker);
-
-  /**
-   * This function is used to fire a sourceset when there is something
-   * similar to `mediaEl.load()` being called. It will try to find the source via
-   * the `src` attribute and then the `<source>` elements. It will then fire `sourceset`
-   * with the source that was found or empty string if we cannot know. If it cannot
-   * find a source then `sourceset` will not be fired.
-   *
-   * @param {Html5} tech
-   *        The tech object that sourceset was setup on
-   *
-   * @return {boolean}
-   *         returns false if the sourceset was not fired and true otherwise.
-   */
-
-  var sourcesetLoad = function sourcesetLoad(tech) {
-    var el = tech.el(); // if `el.src` is set, that source will be loaded.
-
-    if (el.hasAttribute('src')) {
-      tech.triggerSourceset(el.src);
-      return true;
-    }
-    /**
-     * Since there isn't a src property on the media element, source elements will be used for
-     * implementing the source selection algorithm. This happens asynchronously and
-     * for most cases were there is more than one source we cannot tell what source will
-     * be loaded, without re-implementing the source selection algorithm. At this time we are not
-     * going to do that. There are three special cases that we do handle here though:
-     *
-     * 1. If there are no sources, do not fire `sourceset`.
-     * 2. If there is only one `<source>` with a `src` property/attribute that is our `src`
-     * 3. If there is more than one `<source>` but all of them have the same `src` url.
-     *    That will be our src.
-     */
-
-
-    var sources = tech.$$('source');
-    var srcUrls = [];
-    var src = ''; // if there are no sources, do not fire sourceset
-
-    if (!sources.length) {
-      return false;
-    } // only count valid/non-duplicate source elements
-
-
-    for (var i = 0; i < sources.length; i++) {
-      var url = sources[i].src;
-
-      if (url && srcUrls.indexOf(url) === -1) {
-        srcUrls.push(url);
-      }
-    } // there were no valid sources
-
-
-    if (!srcUrls.length) {
-      return false;
-    } // there is only one valid source element url
-    // use that
-
-
-    if (srcUrls.length === 1) {
-      src = srcUrls[0];
-    }
-
-    tech.triggerSourceset(src);
-    return true;
-  };
-  /**
-   * our implementation of an `innerHTML` descriptor for browsers
-   * that do not have one.
-   */
-
-
-  var innerHTMLDescriptorPolyfill = Object.defineProperty({}, 'innerHTML', {
-    get: function get() {
-      return this.cloneNode(true).innerHTML;
-    },
-    set: function set(v) {
-      // make a dummy node to use innerHTML on
-      var dummy = document.createElement(this.nodeName.toLowerCase()); // set innerHTML to the value provided
-
-      dummy.innerHTML = v; // make a document fragment to hold the nodes from dummy
-
-      var docFrag = document.createDocumentFragment(); // copy all of the nodes created by the innerHTML on dummy
-      // to the document fragment
-
-      while (dummy.childNodes.length) {
-        docFrag.appendChild(dummy.childNodes[0]);
-      } // remove content
-
-
-      this.innerText = ''; // now we add all of that html in one by appending the
-      // document fragment. This is how innerHTML does it.
-
-      window$1.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
-
-      return this.innerHTML;
-    }
-  });
-  /**
-   * Get a property descriptor given a list of priorities and the
-   * property to get.
-   */
-
-  var getDescriptor = function getDescriptor(priority, prop) {
-    var descriptor = {};
-
-    for (var i = 0; i < priority.length; i++) {
-      descriptor = Object.getOwnPropertyDescriptor(priority[i], prop);
-
-      if (descriptor && descriptor.set && descriptor.get) {
-        break;
-      }
-    }
-
-    descriptor.enumerable = true;
-    descriptor.configurable = true;
-    return descriptor;
-  };
-
-  var getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {
-    return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, window$1.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
-  };
-  /**
-   * Patches browser internal functions so that we can tell synchronously
-   * if a `<source>` was appended to the media element. For some reason this
-   * causes a `sourceset` if the the media element is ready and has no source.
-   * This happens when:
-   * - The page has just loaded and the media element does not have a source.
-   * - The media element was emptied of all sources, then `load()` was called.
-   *
-   * It does this by patching the following functions/properties when they are supported:
-   *
-   * - `append()` - can be used to add a `<source>` element to the media element
-   * - `appendChild()` - can be used to add a `<source>` element to the media element
-   * - `insertAdjacentHTML()` -  can be used to add a `<source>` element to the media element
-   * - `innerHTML` -  can be used to add a `<source>` element to the media element
-   *
-   * @param {Html5} tech
-   *        The tech object that sourceset is being setup on.
-   */
-
-
-  var firstSourceWatch = function firstSourceWatch(tech) {
-    var el = tech.el(); // make sure firstSourceWatch isn't setup twice.
-
-    if (el.resetSourceWatch_) {
-      return;
-    }
-
-    var old = {};
-    var innerDescriptor = getInnerHTMLDescriptor(tech);
-
-    var appendWrapper = function appendWrapper(appendFn) {
-      return function () {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        var retval = appendFn.apply(el, args);
-        sourcesetLoad(tech);
-        return retval;
-      };
-    };
-
-    ['append', 'appendChild', 'insertAdjacentHTML'].forEach(function (k) {
-      if (!el[k]) {
-        return;
-      } // store the old function
-
-
-      old[k] = el[k]; // call the old function with a sourceset if a source
-      // was loaded
-
-      el[k] = appendWrapper(old[k]);
-    });
-    Object.defineProperty(el, 'innerHTML', mergeOptions(innerDescriptor, {
-      set: appendWrapper(innerDescriptor.set)
-    }));
-
-    el.resetSourceWatch_ = function () {
-      el.resetSourceWatch_ = null;
-      Object.keys(old).forEach(function (k) {
-        el[k] = old[k];
-      });
-      Object.defineProperty(el, 'innerHTML', innerDescriptor);
-    }; // on the first sourceset, we need to revert our changes
-
-
-    tech.one('sourceset', el.resetSourceWatch_);
-  };
-  /**
-   * our implementation of a `src` descriptor for browsers
-   * that do not have one.
-   */
-
-
-  var srcDescriptorPolyfill = Object.defineProperty({}, 'src', {
-    get: function get() {
-      if (this.hasAttribute('src')) {
-        return getAbsoluteURL(window$1.Element.prototype.getAttribute.call(this, 'src'));
-      }
-
-      return '';
-    },
-    set: function set(v) {
-      window$1.Element.prototype.setAttribute.call(this, 'src', v);
-      return v;
-    }
-  });
-
-  var getSrcDescriptor = function getSrcDescriptor(tech) {
-    return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
-  };
-  /**
-   * setup `sourceset` handling on the `Html5` tech. This function
-   * patches the following element properties/functions:
-   *
-   * - `src` - to determine when `src` is set
-   * - `setAttribute()` - to determine when `src` is set
-   * - `load()` - this re-triggers the source selection algorithm, and can
-   *              cause a sourceset.
-   *
-   * If there is no source when we are adding `sourceset` support or during a `load()`
-   * we also patch the functions listed in `firstSourceWatch`.
-   *
-   * @param {Html5} tech
-   *        The tech to patch
-   */
-
-
-  var setupSourceset = function setupSourceset(tech) {
-    if (!tech.featuresSourceset) {
-      return;
-    }
-
-    var el = tech.el(); // make sure sourceset isn't setup twice.
-
-    if (el.resetSourceset_) {
-      return;
-    }
-
-    var srcDescriptor = getSrcDescriptor(tech);
-    var oldSetAttribute = el.setAttribute;
-    var oldLoad = el.load;
-    Object.defineProperty(el, 'src', mergeOptions(srcDescriptor, {
-      set: function set(v) {
-        var retval = srcDescriptor.set.call(el, v); // we use the getter here to get the actual value set on src
-
-        tech.triggerSourceset(el.src);
-        return retval;
-      }
-    }));
-
-    el.setAttribute = function (n, v) {
-      var retval = oldSetAttribute.call(el, n, v);
-
-      if (/src/i.test(n)) {
-        tech.triggerSourceset(el.src);
-      }
-
-      return retval;
-    };
-
-    el.load = function () {
-      var retval = oldLoad.call(el); // if load was called, but there was no source to fire
-      // sourceset on. We have to watch for a source append
-      // as that can trigger a `sourceset` when the media element
-      // has no source
-
-      if (!sourcesetLoad(tech)) {
-        tech.triggerSourceset('');
-        firstSourceWatch(tech);
-      }
-
-      return retval;
-    };
-
-    if (el.currentSrc) {
-      tech.triggerSourceset(el.currentSrc);
-    } else if (!sourcesetLoad(tech)) {
-      firstSourceWatch(tech);
-    }
-
-    el.resetSourceset_ = function () {
-      el.resetSourceset_ = null;
-      el.load = oldLoad;
-      el.setAttribute = oldSetAttribute;
-      Object.defineProperty(el, 'src', srcDescriptor);
-
-      if (el.resetSourceWatch_) {
-        el.resetSourceWatch_();
-      }
-    };
-  };
-
-  /**
-   * Object.defineProperty but "lazy", which means that the value is only set after
-   * it retrieved the first time, rather than being set right away.
-   *
-   * @param {Object} obj the object to set the property on
-   * @param {string} key the key for the property to set
-   * @param {Function} getValue the function used to get the value when it is needed.
-   * @param {boolean} setter wether a setter shoould be allowed or not
-   */
-  var defineLazyProperty = function defineLazyProperty(obj, key, getValue, setter) {
-    if (setter === void 0) {
-      setter = true;
-    }
-
-    var set = function set(value) {
-      return Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        writable: true
-      });
-    };
-
-    var options = {
-      configurable: true,
-      enumerable: true,
-      get: function get() {
-        var value = getValue();
-        set(value);
-        return value;
-      }
-    };
-
-    if (setter) {
-      options.set = set;
-    }
-
-    return Object.defineProperty(obj, key, options);
-  };
-
-  /**
-   * HTML5 Media Controller - Wrapper for HTML5 Media API
-   *
-   * @mixes Tech~SourceHandlerAdditions
-   * @extends Tech
-   */
-
-  var Html5 =
-  /*#__PURE__*/
-  function (_Tech) {
-    inheritsLoose(Html5, _Tech);
-
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} ready
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    function Html5(options, ready) {
-      var _this;
-
-      _this = _Tech.call(this, options, ready) || this;
-      var source = options.source;
-      var crossoriginTracks = false; // Set the source if one is provided
-      // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)
-      // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source
-      // anyway so the error gets fired.
-
-      if (source && (_this.el_.currentSrc !== source.src || options.tag && options.tag.initNetworkState_ === 3)) {
-        _this.setSource(source);
-      } else {
-        _this.handleLateInit_(_this.el_);
-      } // setup sourceset after late sourceset/init
-
-
-      if (options.enableSourceset) {
-        _this.setupSourcesetHandling_();
-      }
-
-      if (_this.el_.hasChildNodes()) {
-        var nodes = _this.el_.childNodes;
-        var nodesLength = nodes.length;
-        var removeNodes = [];
-
-        while (nodesLength--) {
-          var node = nodes[nodesLength];
-          var nodeName = node.nodeName.toLowerCase();
-
-          if (nodeName === 'track') {
-            if (!_this.featuresNativeTextTracks) {
-              // Empty video tag tracks so the built-in player doesn't use them also.
-              // This may not be fast enough to stop HTML5 browsers from reading the tags
-              // so we'll need to turn off any default tracks if we're manually doing
-              // captions and subtitles. videoElement.textTracks
-              removeNodes.push(node);
-            } else {
-              // store HTMLTrackElement and TextTrack to remote list
-              _this.remoteTextTrackEls().addTrackElement_(node);
-
-              _this.remoteTextTracks().addTrack(node.track);
-
-              _this.textTracks().addTrack(node.track);
-
-              if (!crossoriginTracks && !_this.el_.hasAttribute('crossorigin') && isCrossOrigin(node.src)) {
-                crossoriginTracks = true;
-              }
-            }
-          }
-        }
-
-        for (var i = 0; i < removeNodes.length; i++) {
-          _this.el_.removeChild(removeNodes[i]);
-        }
-      }
-
-      _this.proxyNativeTracks_();
-
-      if (_this.featuresNativeTextTracks && crossoriginTracks) {
-        log.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
-      } // prevent iOS Safari from disabling metadata text tracks during native playback
-
-
-      _this.restoreMetadataTracksInIOSNativePlayer_(); // Determine if native controls should be used
-      // Our goal should be to get the custom controls on mobile solid everywhere
-      // so we can remove this all together. Right now this will block custom
-      // controls on touch enabled laptops like the Chrome Pixel
-
-
-      if ((TOUCH_ENABLED || IS_IPHONE || IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true) {
-        _this.setControls(true);
-      } // on iOS, we want to proxy `webkitbeginfullscreen` and `webkitendfullscreen`
-      // into a `fullscreenchange` event
-
-
-      _this.proxyWebkitFullscreen_();
-
-      _this.triggerReady();
-
-      return _this;
-    }
-    /**
-     * Dispose of `HTML5` media element and remove all tracks.
-     */
-
-
-    var _proto = Html5.prototype;
-
-    _proto.dispose = function dispose() {
-      if (this.el_ && this.el_.resetSourceset_) {
-        this.el_.resetSourceset_();
-      }
-
-      Html5.disposeMediaElement(this.el_);
-      this.options_ = null; // tech will handle clearing of the emulated track list
-
-      _Tech.prototype.dispose.call(this);
-    }
-    /**
-     * Modify the media element so that we can detect when
-     * the source is changed. Fires `sourceset` just after the source has changed
-     */
-    ;
-
-    _proto.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-      setupSourceset(this);
-    }
-    /**
-     * When a captions track is enabled in the iOS Safari native player, all other
-     * tracks are disabled (including metadata tracks), which nulls all of their
-     * associated cue points. This will restore metadata tracks to their pre-fullscreen
-     * state in those cases so that cue points are not needlessly lost.
-     *
-     * @private
-     */
-    ;
-
-    _proto.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-      var textTracks = this.textTracks();
-      var metadataTracksPreFullscreenState; // captures a snapshot of every metadata track's current state
-
-      var takeMetadataTrackSnapshot = function takeMetadataTrackSnapshot() {
-        metadataTracksPreFullscreenState = [];
-
-        for (var i = 0; i < textTracks.length; i++) {
-          var track = textTracks[i];
-
-          if (track.kind === 'metadata') {
-            metadataTracksPreFullscreenState.push({
-              track: track,
-              storedMode: track.mode
-            });
-          }
-        }
-      }; // snapshot each metadata track's initial state, and update the snapshot
-      // each time there is a track 'change' event
-
-
-      takeMetadataTrackSnapshot();
-      textTracks.addEventListener('change', takeMetadataTrackSnapshot);
-      this.on('dispose', function () {
-        return textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-      });
-
-      var restoreTrackMode = function restoreTrackMode() {
-        for (var i = 0; i < metadataTracksPreFullscreenState.length; i++) {
-          var storedTrack = metadataTracksPreFullscreenState[i];
-
-          if (storedTrack.track.mode === 'disabled' && storedTrack.track.mode !== storedTrack.storedMode) {
-            storedTrack.track.mode = storedTrack.storedMode;
-          }
-        } // we only want this handler to be executed on the first 'change' event
-
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-      }; // when we enter fullscreen playback, stop updating the snapshot and
-      // restore all track modes to their pre-fullscreen state
-
-
-      this.on('webkitbeginfullscreen', function () {
-        textTracks.removeEventListener('change', takeMetadataTrackSnapshot); // remove the listener before adding it just in case it wasn't previously removed
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-        textTracks.addEventListener('change', restoreTrackMode);
-      }); // start updating the snapshot again after leaving fullscreen
-
-      this.on('webkitendfullscreen', function () {
-        // remove the listener before adding it just in case it wasn't previously removed
-        textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-        textTracks.addEventListener('change', takeMetadataTrackSnapshot); // remove the restoreTrackMode handler in case it wasn't triggered during fullscreen playback
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-      });
-    }
-    /**
-     * Attempt to force override of tracks for the given type
-     *
-     * @param {string} type - Track type to override, possible values include 'Audio',
-     * 'Video', and 'Text'.
-     * @param {boolean} override - If set to true native audio/video will be overridden,
-     * otherwise native audio/video will potentially be used.
-     * @private
-     */
-    ;
-
-    _proto.overrideNative_ = function overrideNative_(type, override) {
-      var _this2 = this;
-
-      // If there is no behavioral change don't add/remove listeners
-      if (override !== this["featuresNative" + type + "Tracks"]) {
-        return;
-      }
-
-      var lowerCaseType = type.toLowerCase();
-
-      if (this[lowerCaseType + "TracksListeners_"]) {
-        Object.keys(this[lowerCaseType + "TracksListeners_"]).forEach(function (eventName) {
-          var elTracks = _this2.el()[lowerCaseType + "Tracks"];
-
-          elTracks.removeEventListener(eventName, _this2[lowerCaseType + "TracksListeners_"][eventName]);
-        });
-      }
-
-      this["featuresNative" + type + "Tracks"] = !override;
-      this[lowerCaseType + "TracksListeners_"] = null;
-      this.proxyNativeTracksForType_(lowerCaseType);
-    }
-    /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     */
-    ;
-
-    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks(override) {
-      this.overrideNative_('Audio', override);
-    }
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     */
-    ;
-
-    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks(override) {
-      this.overrideNative_('Video', override);
-    }
-    /**
-     * Proxy native track list events for the given type to our track
-     * lists if the browser we are playing in supports that type of track list.
-     *
-     * @param {string} name - Track type; values include 'audio', 'video', and 'text'
-     * @private
-     */
-    ;
-
-    _proto.proxyNativeTracksForType_ = function proxyNativeTracksForType_(name) {
-      var _this3 = this;
-
-      var props = NORMAL[name];
-      var elTracks = this.el()[props.getterName];
-      var techTracks = this[props.getterName]();
-
-      if (!this["featuresNative" + props.capitalName + "Tracks"] || !elTracks || !elTracks.addEventListener) {
-        return;
-      }
-
-      var listeners = {
-        change: function change(e) {
-          techTracks.trigger({
-            type: 'change',
-            target: techTracks,
-            currentTarget: techTracks,
-            srcElement: techTracks
-          });
-        },
-        addtrack: function addtrack(e) {
-          techTracks.addTrack(e.track);
-        },
-        removetrack: function removetrack(e) {
-          techTracks.removeTrack(e.track);
-        }
-      };
-
-      var removeOldTracks = function removeOldTracks() {
-        var removeTracks = [];
-
-        for (var i = 0; i < techTracks.length; i++) {
-          var found = false;
-
-          for (var j = 0; j < elTracks.length; j++) {
-            if (elTracks[j] === techTracks[i]) {
-              found = true;
-              break;
-            }
-          }
-
-          if (!found) {
-            removeTracks.push(techTracks[i]);
-          }
-        }
-
-        while (removeTracks.length) {
-          techTracks.removeTrack(removeTracks.shift());
-        }
-      };
-
-      this[props.getterName + 'Listeners_'] = listeners;
-      Object.keys(listeners).forEach(function (eventName) {
-        var listener = listeners[eventName];
-        elTracks.addEventListener(eventName, listener);
-
-        _this3.on('dispose', function (e) {
-          return elTracks.removeEventListener(eventName, listener);
-        });
-      }); // Remove (native) tracks that are not used anymore
-
-      this.on('loadstart', removeOldTracks);
-      this.on('dispose', function (e) {
-        return _this3.off('loadstart', removeOldTracks);
-      });
-    }
-    /**
-     * Proxy all native track list events to our track lists if the browser we are playing
-     * in supports that type of track list.
-     *
-     * @private
-     */
-    ;
-
-    _proto.proxyNativeTracks_ = function proxyNativeTracks_() {
-      var _this4 = this;
-
-      NORMAL.names.forEach(function (name) {
-        _this4.proxyNativeTracksForType_(name);
-      });
-    }
-    /**
-     * Create the `Html5` Tech's DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var el = this.options_.tag; // Check if this browser supports moving the element into the box.
-      // On the iPhone video will break if you move the element,
-      // So we have to create a brand new element.
-      // If we ingested the player div, we do not need to move the media element.
-
-      if (!el || !(this.options_.playerElIngest || this.movingMediaElementInDOM)) {
-        // If the original tag is still there, clone and remove it.
-        if (el) {
-          var clone = el.cloneNode(true);
-
-          if (el.parentNode) {
-            el.parentNode.insertBefore(clone, el);
-          }
-
-          Html5.disposeMediaElement(el);
-          el = clone;
-        } else {
-          el = document.createElement('video'); // determine if native controls should be used
-
-          var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);
-          var attributes = mergeOptions({}, tagAttributes);
-
-          if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {
-            delete attributes.controls;
-          }
-
-          setAttributes(el, assign(attributes, {
-            id: this.options_.techId,
-            "class": 'vjs-tech'
-          }));
-        }
-
-        el.playerId = this.options_.playerId;
-      }
-
-      if (typeof this.options_.preload !== 'undefined') {
-        setAttribute(el, 'preload', this.options_.preload);
-      } // Update specific tag settings, in case they were overridden
-      // `autoplay` has to be *last* so that `muted` and `playsinline` are present
-      // when iOS/Safari or other browsers attempt to autoplay.
-
-
-      var settingsAttrs = ['loop', 'muted', 'playsinline', 'autoplay'];
-
-      for (var i = 0; i < settingsAttrs.length; i++) {
-        var attr = settingsAttrs[i];
-        var value = this.options_[attr];
-
-        if (typeof value !== 'undefined') {
-          if (value) {
-            setAttribute(el, attr, attr);
-          } else {
-            removeAttribute(el, attr);
-          }
-
-          el[attr] = value;
-        }
-      }
-
-      return el;
-    }
-    /**
-     * This will be triggered if the loadstart event has already fired, before videojs was
-     * ready. Two known examples of when this can happen are:
-     * 1. If we're loading the playback object after it has started loading
-     * 2. The media is already playing the (often with autoplay on) then
-     *
-     * This function will fire another loadstart so that videojs can catchup.
-     *
-     * @fires Tech#loadstart
-     *
-     * @return {undefined}
-     *         returns nothing.
-     */
-    ;
-
-    _proto.handleLateInit_ = function handleLateInit_(el) {
-      if (el.networkState === 0 || el.networkState === 3) {
-        // The video element hasn't started loading the source yet
-        // or didn't find a source
-        return;
-      }
-
-      if (el.readyState === 0) {
-        // NetworkState is set synchronously BUT loadstart is fired at the
-        // end of the current stack, usually before setInterval(fn, 0).
-        // So at this point we know loadstart may have already fired or is
-        // about to fire, and either way the player hasn't seen it yet.
-        // We don't want to fire loadstart prematurely here and cause a
-        // double loadstart so we'll wait and see if it happens between now
-        // and the next loop, and fire it if not.
-        // HOWEVER, we also want to make sure it fires before loadedmetadata
-        // which could also happen between now and the next loop, so we'll
-        // watch for that also.
-        var loadstartFired = false;
-
-        var setLoadstartFired = function setLoadstartFired() {
-          loadstartFired = true;
-        };
-
-        this.on('loadstart', setLoadstartFired);
-
-        var triggerLoadstart = function triggerLoadstart() {
-          // We did miss the original loadstart. Make sure the player
-          // sees loadstart before loadedmetadata
-          if (!loadstartFired) {
-            this.trigger('loadstart');
-          }
-        };
-
-        this.on('loadedmetadata', triggerLoadstart);
-        this.ready(function () {
-          this.off('loadstart', setLoadstartFired);
-          this.off('loadedmetadata', triggerLoadstart);
-
-          if (!loadstartFired) {
-            // We did miss the original native loadstart. Fire it now.
-            this.trigger('loadstart');
-          }
-        });
-        return;
-      } // From here on we know that loadstart already fired and we missed it.
-      // The other readyState events aren't as much of a problem if we double
-      // them, so not going to go to as much trouble as loadstart to prevent
-      // that unless we find reason to.
-
-
-      var eventsToTrigger = ['loadstart']; // loadedmetadata: newly equal to HAVE_METADATA (1) or greater
-
-      eventsToTrigger.push('loadedmetadata'); // loadeddata: newly increased to HAVE_CURRENT_DATA (2) or greater
-
-      if (el.readyState >= 2) {
-        eventsToTrigger.push('loadeddata');
-      } // canplay: newly increased to HAVE_FUTURE_DATA (3) or greater
-
-
-      if (el.readyState >= 3) {
-        eventsToTrigger.push('canplay');
-      } // canplaythrough: newly equal to HAVE_ENOUGH_DATA (4)
-
-
-      if (el.readyState >= 4) {
-        eventsToTrigger.push('canplaythrough');
-      } // We still need to give the player time to add event listeners
-
-
-      this.ready(function () {
-        eventsToTrigger.forEach(function (type) {
-          this.trigger(type);
-        }, this);
-      });
-    }
-    /**
-     * Set current time for the `HTML5` tech.
-     *
-     * @param {number} seconds
-     *        Set the current time of the media to this.
-     */
-    ;
-
-    _proto.setCurrentTime = function setCurrentTime(seconds) {
-      try {
-        this.el_.currentTime = seconds;
-      } catch (e) {
-        log(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
-      }
-    }
-    /**
-     * Get the current duration of the HTML5 media element.
-     *
-     * @return {number}
-     *         The duration of the media or 0 if there is no duration.
-     */
-    ;
-
-    _proto.duration = function duration() {
-      var _this5 = this;
-
-      // Android Chrome will report duration as Infinity for VOD HLS until after
-      // playback has started, which triggers the live display erroneously.
-      // Return NaN if playback has not started and trigger a durationupdate once
-      // the duration can be reliably known.
-      if (this.el_.duration === Infinity && IS_ANDROID && IS_CHROME && this.el_.currentTime === 0) {
-        // Wait for the first `timeupdate` with currentTime > 0 - there may be
-        // several with 0
-        var checkProgress = function checkProgress() {
-          if (_this5.el_.currentTime > 0) {
-            // Trigger durationchange for genuinely live video
-            if (_this5.el_.duration === Infinity) {
-              _this5.trigger('durationchange');
-            }
-
-            _this5.off('timeupdate', checkProgress);
-          }
-        };
-
-        this.on('timeupdate', checkProgress);
-        return NaN;
-      }
-
-      return this.el_.duration || NaN;
-    }
-    /**
-     * Get the current width of the HTML5 media element.
-     *
-     * @return {number}
-     *         The width of the HTML5 media element.
-     */
-    ;
-
-    _proto.width = function width() {
-      return this.el_.offsetWidth;
-    }
-    /**
-     * Get the current height of the HTML5 media element.
-     *
-     * @return {number}
-     *         The height of the HTML5 media element.
-     */
-    ;
-
-    _proto.height = function height() {
-      return this.el_.offsetHeight;
-    }
-    /**
-     * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-     * `fullscreenchange` event.
-     *
-     * @private
-     * @fires fullscreenchange
-     * @listens webkitendfullscreen
-     * @listens webkitbeginfullscreen
-     * @listens webkitbeginfullscreen
-     */
-    ;
-
-    _proto.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-      var _this6 = this;
-
-      if (!('webkitDisplayingFullscreen' in this.el_)) {
-        return;
-      }
-
-      var endFn = function endFn() {
-        this.trigger('fullscreenchange', {
-          isFullscreen: false
-        });
-      };
-
-      var beginFn = function beginFn() {
-        if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {
-          this.one('webkitendfullscreen', endFn);
-          this.trigger('fullscreenchange', {
-            isFullscreen: true
-          });
-        }
-      };
-
-      this.on('webkitbeginfullscreen', beginFn);
-      this.on('dispose', function () {
-        _this6.off('webkitbeginfullscreen', beginFn);
-
-        _this6.off('webkitendfullscreen', endFn);
-      });
-    }
-    /**
-     * Check if fullscreen is supported on the current playback device.
-     *
-     * @return {boolean}
-     *         - True if fullscreen is supported.
-     *         - False if fullscreen is not supported.
-     */
-    ;
-
-    _proto.supportsFullScreen = function supportsFullScreen() {
-      if (typeof this.el_.webkitEnterFullScreen === 'function') {
-        var userAgent = window$1.navigator && window$1.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
-
-        if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {
-          return true;
-        }
-      }
-
-      return false;
-    }
-    /**
-     * Request that the `HTML5` Tech enter fullscreen.
-     */
-    ;
-
-    _proto.enterFullScreen = function enterFullScreen() {
-      var video = this.el_;
-
-      if (video.paused && video.networkState <= video.HAVE_METADATA) {
-        // attempt to prime the video element for programmatic access
-        // this isn't necessary on the desktop but shouldn't hurt
-        this.el_.play(); // playing and pausing synchronously during the transition to fullscreen
-        // can get iOS ~6.1 devices into a play/pause loop
-
-        this.setTimeout(function () {
-          video.pause();
-          video.webkitEnterFullScreen();
-        }, 0);
-      } else {
-        video.webkitEnterFullScreen();
-      }
-    }
-    /**
-     * Request that the `HTML5` Tech exit fullscreen.
-     */
-    ;
-
-    _proto.exitFullScreen = function exitFullScreen() {
-      this.el_.webkitExitFullScreen();
-    }
-    /**
-     * Create a floating video window always on top of other windows so that users may
-     * continue consuming media while they interact with other content sites, or
-     * applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @return {Promise}
-     *         A promise with a Picture-in-Picture window.
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      return this.el_.requestPictureInPicture();
-    }
-    /**
-     * A getter/setter for the `Html5` Tech's source object.
-     * > Note: Please use {@link Html5#setSource}
-     *
-     * @param {Tech~SourceObject} [src]
-     *        The source object you want to set on the `HTML5` techs element.
-     *
-     * @return {Tech~SourceObject|undefined}
-     *         - The current source object when a source is not passed in.
-     *         - undefined when setting
-     *
-     * @deprecated Since version 5.
-     */
-    ;
-
-    _proto.src = function src(_src) {
-      if (_src === undefined) {
-        return this.el_.src;
-      } // Setting src through `src` instead of `setSrc` will be deprecated
-
-
-      this.setSrc(_src);
-    }
-    /**
-     * Reset the tech by removing all sources and then calling
-     * {@link Html5.resetMediaElement}.
-     */
-    ;
-
-    _proto.reset = function reset() {
-      Html5.resetMediaElement(this.el_);
-    }
-    /**
-     * Get the current source on the `HTML5` Tech. Falls back to returning the source from
-     * the HTML5 media element.
-     *
-     * @return {Tech~SourceObject}
-     *         The current source object from the HTML5 tech. With a fallback to the
-     *         elements source.
-     */
-    ;
-
-    _proto.currentSrc = function currentSrc() {
-      if (this.currentSource_) {
-        return this.currentSource_.src;
-      }
-
-      return this.el_.currentSrc;
-    }
-    /**
-     * Set controls attribute for the HTML5 media Element.
-     *
-     * @param {string} val
-     *        Value to set the controls attribute to
-     */
-    ;
-
-    _proto.setControls = function setControls(val) {
-      this.el_.controls = !!val;
-    }
-    /**
-     * Create and returns a remote {@link TextTrack} object.
-     *
-     * @param {string} kind
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-     *
-     * @param {string} [label]
-     *        Label to identify the text track
-     *
-     * @param {string} [language]
-     *        Two letter language abbreviation
-     *
-     * @return {TextTrack}
-     *         The TextTrack that gets created.
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (!this.featuresNativeTextTracks) {
-        return _Tech.prototype.addTextTrack.call(this, kind, label, language);
-      }
-
-      return this.el_.addTextTrack(kind, label, language);
-    }
-    /**
-     * Creates either native TextTrack or an emulated TextTrack depending
-     * on the value of `featuresNativeTextTracks`
-     *
-     * @param {Object} options
-     *        The object should contain the options to initialize the TextTrack with.
-     *
-     * @param {string} [options.kind]
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-     *
-     * @param {string} [options.label]
-     *        Label to identify the text track
-     *
-     * @param {string} [options.language]
-     *        Two letter language abbreviation.
-     *
-     * @param {boolean} [options.default]
-     *        Default this track to on.
-     *
-     * @param {string} [options.id]
-     *        The internal id to assign this track.
-     *
-     * @param {string} [options.src]
-     *        A source url for the track.
-     *
-     * @return {HTMLTrackElement}
-     *         The track element that gets created.
-     */
-    ;
-
-    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-      if (!this.featuresNativeTextTracks) {
-        return _Tech.prototype.createRemoteTextTrack.call(this, options);
-      }
-
-      var htmlTrackElement = document.createElement('track');
-
-      if (options.kind) {
-        htmlTrackElement.kind = options.kind;
-      }
-
-      if (options.label) {
-        htmlTrackElement.label = options.label;
-      }
-
-      if (options.language || options.srclang) {
-        htmlTrackElement.srclang = options.language || options.srclang;
-      }
-
-      if (options["default"]) {
-        htmlTrackElement["default"] = options["default"];
-      }
-
-      if (options.id) {
-        htmlTrackElement.id = options.id;
-      }
-
-      if (options.src) {
-        htmlTrackElement.src = options.src;
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Creates a remote text track object and returns an html track element.
-     *
-     * @param {Object} options The object should contain values for
-     * kind, language, label, and src (location of the WebVTT file)
-     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-     * automatically removed from the video element whenever the source changes
-     * @return {HTMLTrackElement} An Html Track Element.
-     * This can be an emulated {@link HTMLTrackElement} or a native one.
-     * @deprecated The default value of the "manualCleanup" parameter will default
-     * to "false" in upcoming versions of Video.js
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      var htmlTrackElement = _Tech.prototype.addRemoteTextTrack.call(this, options, manualCleanup);
-
-      if (this.featuresNativeTextTracks) {
-        this.el().appendChild(htmlTrackElement);
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Remove remote `TextTrack` from `TextTrackList` object
-     *
-     * @param {TextTrack} track
-     *        `TextTrack` object to remove
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-      _Tech.prototype.removeRemoteTextTrack.call(this, track);
-
-      if (this.featuresNativeTextTracks) {
-        var tracks = this.$$('track');
-        var i = tracks.length;
-
-        while (i--) {
-          if (track === tracks[i] || track === tracks[i].track) {
-            this.el().removeChild(tracks[i]);
-          }
-        }
-      }
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object}
-     *         An object with supported media playback quality metrics
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      if (typeof this.el().getVideoPlaybackQuality === 'function') {
-        return this.el().getVideoPlaybackQuality();
-      }
-
-      var videoPlaybackQuality = {};
-
-      if (typeof this.el().webkitDroppedFrameCount !== 'undefined' && typeof this.el().webkitDecodedFrameCount !== 'undefined') {
-        videoPlaybackQuality.droppedVideoFrames = this.el().webkitDroppedFrameCount;
-        videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;
-      }
-
-      if (window$1.performance && typeof window$1.performance.now === 'function') {
-        videoPlaybackQuality.creationTime = window$1.performance.now();
-      } else if (window$1.performance && window$1.performance.timing && typeof window$1.performance.timing.navigationStart === 'number') {
-        videoPlaybackQuality.creationTime = window$1.Date.now() - window$1.performance.timing.navigationStart;
-      }
-
-      return videoPlaybackQuality;
-    };
-
-    return Html5;
-  }(Tech);
-  /* HTML5 Support Testing ---------------------------------------------------- */
-
-  /**
-   * Element for testing browser HTML5 media capabilities
-   *
-   * @type {Element}
-   * @constant
-   * @private
-   */
-
-
-  defineLazyProperty(Html5, 'TEST_VID', function () {
-    if (!isReal()) {
-      return;
-    }
-
-    var video = document.createElement('video');
-    var track = document.createElement('track');
-    track.kind = 'captions';
-    track.srclang = 'en';
-    track.label = 'English';
-    video.appendChild(track);
-    return video;
-  });
-  /**
-   * Check if HTML5 media is supported by this browser/device.
-   *
-   * @return {boolean}
-   *         - True if HTML5 media is supported.
-   *         - False if HTML5 media is not supported.
-   */
-
-  Html5.isSupported = function () {
-    // IE with no Media Player is a LIAR! (#984)
-    try {
-      Html5.TEST_VID.volume = 0.5;
-    } catch (e) {
-      return false;
-    }
-
-    return !!(Html5.TEST_VID && Html5.TEST_VID.canPlayType);
-  };
-  /**
-   * Check if the tech can support the given type
-   *
-   * @param {string} type
-   *        The mimetype to check
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-
-
-  Html5.canPlayType = function (type) {
-    return Html5.TEST_VID.canPlayType(type);
-  };
-  /**
-   * Check if the tech can support the given source
-   *
-   * @param {Object} srcObj
-   *        The source object
-   * @param {Object} options
-   *        The options passed to the tech
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-
-
-  Html5.canPlaySource = function (srcObj, options) {
-    return Html5.canPlayType(srcObj.type);
-  };
-  /**
-   * Check if the volume can be changed in this browser/device.
-   * Volume cannot be changed in a lot of mobile devices.
-   * Specifically, it can't be changed from 1 on iOS.
-   *
-   * @return {boolean}
-   *         - True if volume can be controlled
-   *         - False otherwise
-   */
-
-
-  Html5.canControlVolume = function () {
-    // IE will error if Windows Media Player not installed #3315
-    try {
-      var volume = Html5.TEST_VID.volume;
-      Html5.TEST_VID.volume = volume / 2 + 0.1;
-      return volume !== Html5.TEST_VID.volume;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if the volume can be muted in this browser/device.
-   * Some devices, e.g. iOS, don't allow changing volume
-   * but permits muting/unmuting.
-   *
-   * @return {bolean}
-   *      - True if volume can be muted
-   *      - False otherwise
-   */
-
-
-  Html5.canMuteVolume = function () {
-    try {
-      var muted = Html5.TEST_VID.muted; // in some versions of iOS muted property doesn't always
-      // work, so we want to set both property and attribute
-
-      Html5.TEST_VID.muted = !muted;
-
-      if (Html5.TEST_VID.muted) {
-        setAttribute(Html5.TEST_VID, 'muted', 'muted');
-      } else {
-        removeAttribute(Html5.TEST_VID, 'muted', 'muted');
-      }
-
-      return muted !== Html5.TEST_VID.muted;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if the playback rate can be changed in this browser/device.
-   *
-   * @return {boolean}
-   *         - True if playback rate can be controlled
-   *         - False otherwise
-   */
-
-
-  Html5.canControlPlaybackRate = function () {
-    // Playback rate API is implemented in Android Chrome, but doesn't do anything
-    // https://github.com/videojs/video.js/issues/3180
-    if (IS_ANDROID && IS_CHROME && CHROME_VERSION < 58) {
-      return false;
-    } // IE will error if Windows Media Player not installed #3315
-
-
-    try {
-      var playbackRate = Html5.TEST_VID.playbackRate;
-      Html5.TEST_VID.playbackRate = playbackRate / 2 + 0.1;
-      return playbackRate !== Html5.TEST_VID.playbackRate;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if we can override a video/audio elements attributes, with
-   * Object.defineProperty.
-   *
-   * @return {boolean}
-   *         - True if builtin attributes can be overridden
-   *         - False otherwise
-   */
-
-
-  Html5.canOverrideAttributes = function () {
-    // if we cannot overwrite the src/innerHTML property, there is no support
-    // iOS 7 safari for instance cannot do this.
-    try {
-      var noop = function noop() {};
-
-      Object.defineProperty(document.createElement('video'), 'src', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('audio'), 'src', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('video'), 'innerHTML', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('audio'), 'innerHTML', {
-        get: noop,
-        set: noop
-      });
-    } catch (e) {
-      return false;
-    }
-
-    return true;
-  };
-  /**
-   * Check to see if native `TextTrack`s are supported by this browser/device.
-   *
-   * @return {boolean}
-   *         - True if native `TextTrack`s are supported.
-   *         - False otherwise
-   */
-
-
-  Html5.supportsNativeTextTracks = function () {
-    return IS_ANY_SAFARI || IS_IOS && IS_CHROME;
-  };
-  /**
-   * Check to see if native `VideoTrack`s are supported by this browser/device
-   *
-   * @return {boolean}
-   *        - True if native `VideoTrack`s are supported.
-   *        - False otherwise
-   */
-
-
-  Html5.supportsNativeVideoTracks = function () {
-    return !!(Html5.TEST_VID && Html5.TEST_VID.videoTracks);
-  };
-  /**
-   * Check to see if native `AudioTrack`s are supported by this browser/device
-   *
-   * @return {boolean}
-   *        - True if native `AudioTrack`s are supported.
-   *        - False otherwise
-   */
-
-
-  Html5.supportsNativeAudioTracks = function () {
-    return !!(Html5.TEST_VID && Html5.TEST_VID.audioTracks);
-  };
-  /**
-   * An array of events available on the Html5 tech.
-   *
-   * @private
-   * @type {Array}
-   */
-
-
-  Html5.Events = ['loadstart', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'seeking', 'seeked', 'ended', 'durationchange', 'timeupdate', 'progress', 'play', 'pause', 'ratechange', 'resize', 'volumechange'];
-  /**
-   * Boolean indicating whether the `Tech` supports volume control.
-   *
-   * @type {boolean}
-   * @default {@link Html5.canControlVolume}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports muting volume.
-   *
-   * @type {bolean}
-   * @default {@link Html5.canMuteVolume}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports changing the speed at which the media
-   * plays. Examples:
-   *   - Set player to play 2x (twice) as fast
-   *   - Set player to play 0.5x (half) as fast
-   *
-   * @type {boolean}
-   * @default {@link Html5.canControlPlaybackRate}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports the `sourceset` event.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeTextTracks}
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeVideoTracks}
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeAudioTracks}
-   */
-
-  [['featuresVolumeControl', 'canControlVolume'], ['featuresMuteControl', 'canMuteVolume'], ['featuresPlaybackRate', 'canControlPlaybackRate'], ['featuresSourceset', 'canOverrideAttributes'], ['featuresNativeTextTracks', 'supportsNativeTextTracks'], ['featuresNativeVideoTracks', 'supportsNativeVideoTracks'], ['featuresNativeAudioTracks', 'supportsNativeAudioTracks']].forEach(function (_ref) {
-    var key = _ref[0],
-        fn = _ref[1];
-    defineLazyProperty(Html5.prototype, key, function () {
-      return Html5[fn]();
-    }, true);
-  });
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the media element
-   * moving in the DOM. iOS breaks if you move the media element, so this is set this to
-   * false there. Everywhere else this should be true.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.movingMediaElementInDOM = !IS_IOS; // TODO: Previous comment: No longer appears to be used. Can probably be removed.
-  //       Is this true?
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports automatic media resize
-   * when going into fullscreen.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.featuresFullscreenResize = true;
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the progress event.
-   * If this is false, manual `progress` events will be triggered instead.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.featuresProgressEvents = true;
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the timeupdate event.
-   * If this is false, manual `timeupdate` events will be triggered instead.
-   *
-   * @default
-   */
-
-  Html5.prototype.featuresTimeupdateEvents = true; // HTML5 Feature detection and Device Fixes --------------------------------- //
-
-  var canPlayType;
-
-  Html5.patchCanPlayType = function () {
-    // Android 4.0 and above can play HLS to some extent but it reports being unable to do so
-    // Firefox and Chrome report correctly
-    if (ANDROID_VERSION >= 4.0 && !IS_FIREFOX && !IS_CHROME) {
-      canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-
-      Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-        var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-
-        if (type && mpegurlRE.test(type)) {
-          return 'maybe';
-        }
-
-        return canPlayType.call(this, type);
-      };
-    }
-  };
-
-  Html5.unpatchCanPlayType = function () {
-    var r = Html5.TEST_VID.constructor.prototype.canPlayType;
-
-    if (canPlayType) {
-      Html5.TEST_VID.constructor.prototype.canPlayType = canPlayType;
-    }
-
-    return r;
-  }; // by default, patch the media element
-
-
-  Html5.patchCanPlayType();
-
-  Html5.disposeMediaElement = function (el) {
-    if (!el) {
-      return;
-    }
-
-    if (el.parentNode) {
-      el.parentNode.removeChild(el);
-    } // remove any child track or source nodes to prevent their loading
-
-
-    while (el.hasChildNodes()) {
-      el.removeChild(el.firstChild);
-    } // remove any src reference. not setting `src=''` because that causes a warning
-    // in firefox
-
-
-    el.removeAttribute('src'); // force the media element to update its loading state by calling load()
-    // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)
-
-    if (typeof el.load === 'function') {
-      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-      (function () {
-        try {
-          el.load();
-        } catch (e) {// not supported
-        }
-      })();
-    }
-  };
-
-  Html5.resetMediaElement = function (el) {
-    if (!el) {
-      return;
-    }
-
-    var sources = el.querySelectorAll('source');
-    var i = sources.length;
-
-    while (i--) {
-      el.removeChild(sources[i]);
-    } // remove any src reference.
-    // not setting `src=''` because that throws an error
-
-
-    el.removeAttribute('src');
-
-    if (typeof el.load === 'function') {
-      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-      (function () {
-        try {
-          el.load();
-        } catch (e) {// satisfy linter
-        }
-      })();
-    }
-  };
-  /* Native HTML5 element property wrapping ----------------------------------- */
-  // Wrap native boolean attributes with getters that check both property and attribute
-  // The list is as followed:
-  // muted, defaultMuted, autoplay, controls, loop, playsinline
-
-
-  [
-  /**
-   * Get the value of `muted` from the media element. `muted` indicates
-   * that the volume for the media should be set to silent. This does not actually change
-   * the `volume` attribute.
-   *
-   * @method Html5#muted
-   * @return {boolean}
-   *         - True if the value of `volume` should be ignored and the audio set to silent.
-   *         - False if the value of `volume` should be used.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
-   */
-  'muted',
-  /**
-   * Get the value of `defaultMuted` from the media element. `defaultMuted` indicates
-   * whether the media should start muted or not. Only changes the default state of the
-   * media. `muted` and `defaultMuted` can have different values. {@link Html5#muted} indicates the
-   * current state.
-   *
-   * @method Html5#defaultMuted
-   * @return {boolean}
-   *         - The value of `defaultMuted` from the media element.
-   *         - True indicates that the media should start muted.
-   *         - False indicates that the media should not start muted
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
-   */
-  'defaultMuted',
-  /**
-   * Get the value of `autoplay` from the media element. `autoplay` indicates
-   * that the media should start to play as soon as the page is ready.
-   *
-   * @method Html5#autoplay
-   * @return {boolean}
-   *         - The value of `autoplay` from the media element.
-   *         - True indicates that the media should start as soon as the page loads.
-   *         - False indicates that the media should not start as soon as the page loads.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
-   */
-  'autoplay',
-  /**
-   * Get the value of `controls` from the media element. `controls` indicates
-   * whether the native media controls should be shown or hidden.
-   *
-   * @method Html5#controls
-   * @return {boolean}
-   *         - The value of `controls` from the media element.
-   *         - True indicates that native controls should be showing.
-   *         - False indicates that native controls should be hidden.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-controls}
-   */
-  'controls',
-  /**
-   * Get the value of `loop` from the media element. `loop` indicates
-   * that the media should return to the start of the media and continue playing once
-   * it reaches the end.
-   *
-   * @method Html5#loop
-   * @return {boolean}
-   *         - The value of `loop` from the media element.
-   *         - True indicates that playback should seek back to start once
-   *           the end of a media is reached.
-   *         - False indicates that playback should not loop back to the start when the
-   *           end of the media is reached.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
-   */
-  'loop',
-  /**
-   * Get the value of `playsinline` from the media element. `playsinline` indicates
-   * to the browser that non-fullscreen playback is preferred when fullscreen
-   * playback is the native default, such as in iOS Safari.
-   *
-   * @method Html5#playsinline
-   * @return {boolean}
-   *         - The value of `playsinline` from the media element.
-   *         - True indicates that the media should play inline.
-   *         - False indicates that the media should not play inline.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  'playsinline'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop] || this.el_.hasAttribute(prop);
-    };
-  }); // Wrap native boolean attributes with setters that set both property and attribute
-  // The list is as followed:
-  // setMuted, setDefaultMuted, setAutoplay, setLoop, setPlaysinline
-  // setControls is special-cased above
-
-  [
-  /**
-   * Set the value of `muted` on the media element. `muted` indicates that the current
-   * audio level should be silent.
-   *
-   * @method Html5#setMuted
-   * @param {boolean} muted
-   *        - True if the audio should be set to silent
-   *        - False otherwise
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
-   */
-  'muted',
-  /**
-   * Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current
-   * audio level should be silent, but will only effect the muted level on intial playback..
-   *
-   * @method Html5.prototype.setDefaultMuted
-   * @param {boolean} defaultMuted
-   *        - True if the audio should be set to silent
-   *        - False otherwise
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
-   */
-  'defaultMuted',
-  /**
-   * Set the value of `autoplay` on the media element. `autoplay` indicates
-   * that the media should start to play as soon as the page is ready.
-   *
-   * @method Html5#setAutoplay
-   * @param {boolean} autoplay
-   *         - True indicates that the media should start as soon as the page loads.
-   *         - False indicates that the media should not start as soon as the page loads.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
-   */
-  'autoplay',
-  /**
-   * Set the value of `loop` on the media element. `loop` indicates
-   * that the media should return to the start of the media and continue playing once
-   * it reaches the end.
-   *
-   * @method Html5#setLoop
-   * @param {boolean} loop
-   *         - True indicates that playback should seek back to start once
-   *           the end of a media is reached.
-   *         - False indicates that playback should not loop back to the start when the
-   *           end of the media is reached.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
-   */
-  'loop',
-  /**
-   * Set the value of `playsinline` from the media element. `playsinline` indicates
-   * to the browser that non-fullscreen playback is preferred when fullscreen
-   * playback is the native default, such as in iOS Safari.
-   *
-   * @method Html5#setPlaysinline
-   * @param {boolean} playsinline
-   *         - True indicates that the media should play inline.
-   *         - False indicates that the media should not play inline.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  'playsinline'].forEach(function (prop) {
-    Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-      this.el_[prop] = v;
-
-      if (v) {
-        this.el_.setAttribute(prop, prop);
-      } else {
-        this.el_.removeAttribute(prop);
-      }
-    };
-  }); // Wrap native properties with a getter
-  // The list is as followed
-  // paused, currentTime, buffered, volume, poster, preload, error, seeking
-  // seekable, ended, playbackRate, defaultPlaybackRate, played, networkState
-  // readyState, videoWidth, videoHeight
-
-  [
-  /**
-   * Get the value of `paused` from the media element. `paused` indicates whether the media element
-   * is currently paused or not.
-   *
-   * @method Html5#paused
-   * @return {boolean}
-   *         The value of `paused` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-paused}
-   */
-  'paused',
-  /**
-   * Get the value of `currentTime` from the media element. `currentTime` indicates
-   * the current second that the media is at in playback.
-   *
-   * @method Html5#currentTime
-   * @return {number}
-   *         The value of `currentTime` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-currenttime}
-   */
-  'currentTime',
-  /**
-   * Get the value of `buffered` from the media element. `buffered` is a `TimeRange`
-   * object that represents the parts of the media that are already downloaded and
-   * available for playback.
-   *
-   * @method Html5#buffered
-   * @return {TimeRange}
-   *         The value of `buffered` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-buffered}
-   */
-  'buffered',
-  /**
-   * Get the value of `volume` from the media element. `volume` indicates
-   * the current playback volume of audio for a media. `volume` will be a value from 0
-   * (silent) to 1 (loudest and default).
-   *
-   * @method Html5#volume
-   * @return {number}
-   *         The value of `volume` from the media element. Value will be between 0-1.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
-   */
-  'volume',
-  /**
-   * Get the value of `poster` from the media element. `poster` indicates
-   * that the url of an image file that can/will be shown when no media data is available.
-   *
-   * @method Html5#poster
-   * @return {string}
-   *         The value of `poster` from the media element. Value will be a url to an
-   *         image.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster}
-   */
-  'poster',
-  /**
-   * Get the value of `preload` from the media element. `preload` indicates
-   * what should download before the media is interacted with. It can have the following
-   * values:
-   * - none: nothing should be downloaded
-   * - metadata: poster and the first few frames of the media may be downloaded to get
-   *   media dimensions and other metadata
-   * - auto: allow the media and metadata for the media to be downloaded before
-   *    interaction
-   *
-   * @method Html5#preload
-   * @return {string}
-   *         The value of `preload` from the media element. Will be 'none', 'metadata',
-   *         or 'auto'.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
-   */
-  'preload',
-  /**
-   * Get the value of the `error` from the media element. `error` indicates any
-   * MediaError that may have occurred during playback. If error returns null there is no
-   * current error.
-   *
-   * @method Html5#error
-   * @return {MediaError|null}
-   *         The value of `error` from the media element. Will be `MediaError` if there
-   *         is a current error and null otherwise.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-error}
-   */
-  'error',
-  /**
-   * Get the value of `seeking` from the media element. `seeking` indicates whether the
-   * media is currently seeking to a new position or not.
-   *
-   * @method Html5#seeking
-   * @return {boolean}
-   *         - The value of `seeking` from the media element.
-   *         - True indicates that the media is currently seeking to a new position.
-   *         - False indicates that the media is not seeking to a new position at this time.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seeking}
-   */
-  'seeking',
-  /**
-   * Get the value of `seekable` from the media element. `seekable` returns a
-   * `TimeRange` object indicating ranges of time that can currently be `seeked` to.
-   *
-   * @method Html5#seekable
-   * @return {TimeRange}
-   *         The value of `seekable` from the media element. A `TimeRange` object
-   *         indicating the current ranges of time that can be seeked to.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seekable}
-   */
-  'seekable',
-  /**
-   * Get the value of `ended` from the media element. `ended` indicates whether
-   * the media has reached the end or not.
-   *
-   * @method Html5#ended
-   * @return {boolean}
-   *         - The value of `ended` from the media element.
-   *         - True indicates that the media has ended.
-   *         - False indicates that the media has not ended.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-ended}
-   */
-  'ended',
-  /**
-   * Get the value of `playbackRate` from the media element. `playbackRate` indicates
-   * the rate at which the media is currently playing back. Examples:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5#playbackRate
-   * @return {number}
-   *         The value of `playbackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'playbackRate',
-  /**
-   * Get the value of `defaultPlaybackRate` from the media element. `defaultPlaybackRate` indicates
-   * the rate at which the media is currently playing back. This value will not indicate the current
-   * `playbackRate` after playback has started, use {@link Html5#playbackRate} for that.
-   *
-   * Examples:
-   *   - if defaultPlaybackRate is set to 2, media will play twice as fast.
-   *   - if defaultPlaybackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5.prototype.defaultPlaybackRate
-   * @return {number}
-   *         The value of `defaultPlaybackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'defaultPlaybackRate',
-  /**
-   * Get the value of `played` from the media element. `played` returns a `TimeRange`
-   * object representing points in the media timeline that have been played.
-   *
-   * @method Html5#played
-   * @return {TimeRange}
-   *         The value of `played` from the media element. A `TimeRange` object indicating
-   *         the ranges of time that have been played.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-played}
-   */
-  'played',
-  /**
-   * Get the value of `networkState` from the media element. `networkState` indicates
-   * the current network state. It returns an enumeration from the following list:
-   * - 0: NETWORK_EMPTY
-   * - 1: NETWORK_IDLE
-   * - 2: NETWORK_LOADING
-   * - 3: NETWORK_NO_SOURCE
-   *
-   * @method Html5#networkState
-   * @return {number}
-   *         The value of `networkState` from the media element. This will be a number
-   *         from the list in the description.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate}
-   */
-  'networkState',
-  /**
-   * Get the value of `readyState` from the media element. `readyState` indicates
-   * the current state of the media element. It returns an enumeration from the
-   * following list:
-   * - 0: HAVE_NOTHING
-   * - 1: HAVE_METADATA
-   * - 2: HAVE_CURRENT_DATA
-   * - 3: HAVE_FUTURE_DATA
-   * - 4: HAVE_ENOUGH_DATA
-   *
-   * @method Html5#readyState
-   * @return {number}
-   *         The value of `readyState` from the media element. This will be a number
-   *         from the list in the description.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#ready-states}
-   */
-  'readyState',
-  /**
-   * Get the value of `videoWidth` from the video element. `videoWidth` indicates
-   * the current width of the video in css pixels.
-   *
-   * @method Html5#videoWidth
-   * @return {number}
-   *         The value of `videoWidth` from the video element. This will be a number
-   *         in css pixels.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
-   */
-  'videoWidth',
-  /**
-   * Get the value of `videoHeight` from the video element. `videoHeight` indicates
-   * the current height of the video in css pixels.
-   *
-   * @method Html5#videoHeight
-   * @return {number}
-   *         The value of `videoHeight` from the video element. This will be a number
-   *         in css pixels.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
-   */
-  'videoHeight'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop];
-    };
-  }); // Wrap native properties with a setter in this format:
-  // set + toTitleCase(name)
-  // The list is as follows:
-  // setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate
-
-  [
-  /**
-   * Set the value of `volume` on the media element. `volume` indicates the current
-   * audio level as a percentage in decimal form. This means that 1 is 100%, 0.5 is 50%, and
-   * so on.
-   *
-   * @method Html5#setVolume
-   * @param {number} percentAsDecimal
-   *        The volume percent as a decimal. Valid range is from 0-1.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
-   */
-  'volume',
-  /**
-   * Set the value of `src` on the media element. `src` indicates the current
-   * {@link Tech~SourceObject} for the media.
-   *
-   * @method Html5#setSrc
-   * @param {Tech~SourceObject} src
-   *        The source object to set as the current source.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-src}
-   */
-  'src',
-  /**
-   * Set the value of `poster` on the media element. `poster` is the url to
-   * an image file that can/will be shown when no media data is available.
-   *
-   * @method Html5#setPoster
-   * @param {string} poster
-   *        The url to an image that should be used as the `poster` for the media
-   *        element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-poster}
-   */
-  'poster',
-  /**
-   * Set the value of `preload` on the media element. `preload` indicates
-   * what should download before the media is interacted with. It can have the following
-   * values:
-   * - none: nothing should be downloaded
-   * - metadata: poster and the first few frames of the media may be downloaded to get
-   *   media dimensions and other metadata
-   * - auto: allow the media and metadata for the media to be downloaded before
-   *    interaction
-   *
-   * @method Html5#setPreload
-   * @param {string} preload
-   *         The value of `preload` to set on the media element. Must be 'none', 'metadata',
-   *         or 'auto'.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
-   */
-  'preload',
-  /**
-   * Set the value of `playbackRate` on the media element. `playbackRate` indicates
-   * the rate at which the media should play back. Examples:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5#setPlaybackRate
-   * @return {number}
-   *         The value of `playbackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'playbackRate',
-  /**
-   * Set the value of `defaultPlaybackRate` on the media element. `defaultPlaybackRate` indicates
-   * the rate at which the media should play back upon initial startup. Changing this value
-   * after a video has started will do nothing. Instead you should used {@link Html5#setPlaybackRate}.
-   *
-   * Example Values:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5.prototype.setDefaultPlaybackRate
-   * @return {number}
-   *         The value of `defaultPlaybackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}
-   */
-  'defaultPlaybackRate'].forEach(function (prop) {
-    Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-      this.el_[prop] = v;
-    };
-  }); // wrap native functions with a function
-  // The list is as follows:
-  // pause, load, play
-
-  [
-  /**
-   * A wrapper around the media elements `pause` function. This will call the `HTML5`
-   * media elements `pause` function.
-   *
-   * @method Html5#pause
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-pause}
-   */
-  'pause',
-  /**
-   * A wrapper around the media elements `load` function. This will call the `HTML5`s
-   * media element `load` function.
-   *
-   * @method Html5#load
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-load}
-   */
-  'load',
-  /**
-   * A wrapper around the media elements `play` function. This will call the `HTML5`s
-   * media element `play` function.
-   *
-   * @method Html5#play
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-play}
-   */
-  'play'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop]();
-    };
-  });
-  Tech.withSourceHandlers(Html5);
-  /**
-   * Native source handler for Html5, simply passes the source to the media element.
-   *
-   * @property {Tech~SourceObject} source
-   *        The source object
-   *
-   * @property {Html5} tech
-   *        The instance of the HTML5 tech.
-   */
-
-  Html5.nativeSourceHandler = {};
-  /**
-   * Check if the media element can play the given mime type.
-   *
-   * @param {string} type
-   *        The mimetype to check
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-
-  Html5.nativeSourceHandler.canPlayType = function (type) {
-    // IE without MediaPlayer throws an error (#519)
-    try {
-      return Html5.TEST_VID.canPlayType(type);
-    } catch (e) {
-      return '';
-    }
-  };
-  /**
-   * Check if the media element can handle a source natively.
-   *
-   * @param {Tech~SourceObject} source
-   *         The source object
-   *
-   * @param {Object} [options]
-   *         Options to be passed to the tech.
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string).
-   */
-
-
-  Html5.nativeSourceHandler.canHandleSource = function (source, options) {
-    // If a type was provided we should rely on that
-    if (source.type) {
-      return Html5.nativeSourceHandler.canPlayType(source.type); // If no type, fall back to checking 'video/[EXTENSION]'
-    } else if (source.src) {
-      var ext = getFileExtension(source.src);
-      return Html5.nativeSourceHandler.canPlayType("video/" + ext);
-    }
-
-    return '';
-  };
-  /**
-   * Pass the source to the native media element.
-   *
-   * @param {Tech~SourceObject} source
-   *        The source object
-   *
-   * @param {Html5} tech
-   *        The instance of the Html5 tech
-   *
-   * @param {Object} [options]
-   *        The options to pass to the source
-   */
-
-
-  Html5.nativeSourceHandler.handleSource = function (source, tech, options) {
-    tech.setSrc(source.src);
-  };
-  /**
-   * A noop for the native dispose function, as cleanup is not needed.
-   */
-
-
-  Html5.nativeSourceHandler.dispose = function () {}; // Register the native source handler
-
-
-  Html5.registerSourceHandler(Html5.nativeSourceHandler);
-  Tech.registerTech('Html5', Html5);
-
-  // on the player when they happen
-
-  var TECH_EVENTS_RETRIGGER = [
-  /**
-   * Fired while the user agent is downloading media data.
-   *
-   * @event Player#progress
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `progress` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechProgress_
-   * @fires Player#progress
-   * @listens Tech#progress
-   */
-  'progress',
-  /**
-   * Fires when the loading of an audio/video is aborted.
-   *
-   * @event Player#abort
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `abort` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechAbort_
-   * @fires Player#abort
-   * @listens Tech#abort
-   */
-  'abort',
-  /**
-   * Fires when the browser is intentionally not getting media data.
-   *
-   * @event Player#suspend
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `suspend` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechSuspend_
-   * @fires Player#suspend
-   * @listens Tech#suspend
-   */
-  'suspend',
-  /**
-   * Fires when the current playlist is empty.
-   *
-   * @event Player#emptied
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `emptied` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechEmptied_
-   * @fires Player#emptied
-   * @listens Tech#emptied
-   */
-  'emptied',
-  /**
-   * Fires when the browser is trying to get media data, but data is not available.
-   *
-   * @event Player#stalled
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechStalled_
-   * @fires Player#stalled
-   * @listens Tech#stalled
-   */
-  'stalled',
-  /**
-   * Fires when the browser has loaded meta data for the audio/video.
-   *
-   * @event Player#loadedmetadata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechLoadedmetadata_
-   * @fires Player#loadedmetadata
-   * @listens Tech#loadedmetadata
-   */
-  'loadedmetadata',
-  /**
-   * Fires when the browser has loaded the current frame of the audio/video.
-   *
-   * @event Player#loadeddata
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `loadeddata` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechLoaddeddata_
-   * @fires Player#loadeddata
-   * @listens Tech#loadeddata
-   */
-  'loadeddata',
-  /**
-   * Fires when the current playback position has changed.
-   *
-   * @event Player#timeupdate
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `timeupdate` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechTimeUpdate_
-   * @fires Player#timeupdate
-   * @listens Tech#timeupdate
-   */
-  'timeupdate',
-  /**
-   * Fires when the video's intrinsic dimensions change
-   *
-   * @event Player#resize
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `resize` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechResize_
-   * @fires Player#resize
-   * @listens Tech#resize
-   */
-  'resize',
-  /**
-   * Fires when the volume has been changed
-   *
-   * @event Player#volumechange
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `volumechange` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechVolumechange_
-   * @fires Player#volumechange
-   * @listens Tech#volumechange
-   */
-  'volumechange',
-  /**
-   * Fires when the text track has been changed
-   *
-   * @event Player#texttrackchange
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `texttrackchange` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechTexttrackchange_
-   * @fires Player#texttrackchange
-   * @listens Tech#texttrackchange
-   */
-  'texttrackchange']; // events to queue when playback rate is zero
-  // this is a hash for the sole purpose of mapping non-camel-cased event names
-  // to camel-cased function names
-
-  var TECH_EVENTS_QUEUE = {
-    canplay: 'CanPlay',
-    canplaythrough: 'CanPlayThrough',
-    playing: 'Playing',
-    seeked: 'Seeked'
-  };
-  var BREAKPOINT_ORDER = ['tiny', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'huge'];
-  var BREAKPOINT_CLASSES = {}; // grep: vjs-layout-tiny
-  // grep: vjs-layout-x-small
-  // grep: vjs-layout-small
-  // grep: vjs-layout-medium
-  // grep: vjs-layout-large
-  // grep: vjs-layout-x-large
-  // grep: vjs-layout-huge
-
-  BREAKPOINT_ORDER.forEach(function (k) {
-    var v = k.charAt(0) === 'x' ? "x-" + k.substring(1) : k;
-    BREAKPOINT_CLASSES[k] = "vjs-layout-" + v;
-  });
-  var DEFAULT_BREAKPOINTS = {
-    tiny: 210,
-    xsmall: 320,
-    small: 425,
-    medium: 768,
-    large: 1440,
-    xlarge: 2560,
-    huge: Infinity
-  };
-  /**
-   * An instance of the `Player` class is created when any of the Video.js setup methods
-   * are used to initialize a video.
-   *
-   * After an instance has been created it can be accessed globally in two ways:
-   * 1. By calling `videojs('example_video_1');`
-   * 2. By using it directly via  `videojs.players.example_video_1;`
-   *
-   * @extends Component
-   */
-
-  var Player =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Player, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Element} tag
-     *        The original video DOM element used for configuring options.
-     *
-     * @param {Object} [options]
-     *        Object of option names and values.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        Ready callback function.
-     */
-    function Player(tag, options, ready) {
-      var _this;
-
-      // Make sure tag ID exists
-      tag.id = tag.id || options.id || "vjs_video_" + newGUID(); // Set Options
-      // The options argument overrides options set in the video tag
-      // which overrides globally set options.
-      // This latter part coincides with the load order
-      // (tag must exist before Player)
-
-      options = assign(Player.getTagSettings(tag), options); // Delay the initialization of children because we need to set up
-      // player properties first, and can't use `this` before `super()`
-
-      options.initChildren = false; // Same with creating the element
-
-      options.createEl = false; // don't auto mixin the evented mixin
-
-      options.evented = false; // we don't want the player to report touch activity on itself
-      // see enableTouchActivity in Component
-
-      options.reportTouchActivity = false; // If language is not set, get the closest lang attribute
-
-      if (!options.language) {
-        if (typeof tag.closest === 'function') {
-          var closest = tag.closest('[lang]');
-
-          if (closest && closest.getAttribute) {
-            options.language = closest.getAttribute('lang');
-          }
-        } else {
-          var element = tag;
-
-          while (element && element.nodeType === 1) {
-            if (getAttributes(element).hasOwnProperty('lang')) {
-              options.language = element.getAttribute('lang');
-              break;
-            }
-
-            element = element.parentNode;
-          }
-        }
-      } // Run base component initializing with new options
-
-
-      _this = _Component.call(this, null, options, ready) || this; // Create bound methods for document listeners.
-
-      _this.boundDocumentFullscreenChange_ = bind(assertThisInitialized(_this), _this.documentFullscreenChange_);
-      _this.boundFullWindowOnEscKey_ = bind(assertThisInitialized(_this), _this.fullWindowOnEscKey); // create logger
-
-      _this.log = createLogger$1(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
-
-      _this.fsApi_ = FullscreenApi; // Tracks when a tech changes the poster
-
-      _this.isPosterFromTech_ = false; // Holds callback info that gets queued when playback rate is zero
-      // and a seek is happening
-
-      _this.queuedCallbacks_ = []; // Turn off API access because we're loading a new tech that might load asynchronously
-
-      _this.isReady_ = false; // Init state hasStarted_
-
-      _this.hasStarted_ = false; // Init state userActive_
-
-      _this.userActive_ = false; // if the global option object was accidentally blown away by
-      // someone, bail early with an informative error
-
-      if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {
-        throw new Error('No techOrder specified. Did you overwrite ' + 'videojs.options instead of just changing the ' + 'properties you want to override?');
-      } // Store the original tag used to set options
-
-
-      _this.tag = tag; // Store the tag attributes used to restore html5 element
-
-      _this.tagAttributes = tag && getAttributes(tag); // Update current language
-
-      _this.language(_this.options_.language); // Update Supported Languages
-
-
-      if (options.languages) {
-        // Normalise player option languages to lowercase
-        var languagesToLower = {};
-        Object.getOwnPropertyNames(options.languages).forEach(function (name) {
-          languagesToLower[name.toLowerCase()] = options.languages[name];
-        });
-        _this.languages_ = languagesToLower;
-      } else {
-        _this.languages_ = Player.prototype.options_.languages;
-      }
-
-      _this.resetCache_(); // Set poster
-
-
-      _this.poster_ = options.poster || ''; // Set controls
-
-      _this.controls_ = !!options.controls; // Original tag settings stored in options
-      // now remove immediately so native controls don't flash.
-      // May be turned back on by HTML5 tech if nativeControlsForTouch is true
-
-      tag.controls = false;
-      tag.removeAttribute('controls');
-      _this.changingSrc_ = false;
-      _this.playCallbacks_ = [];
-      _this.playTerminatedQueue_ = []; // the attribute overrides the option
-
-      if (tag.hasAttribute('autoplay')) {
-        _this.autoplay(true);
-      } else {
-        // otherwise use the setter to validate and
-        // set the correct value.
-        _this.autoplay(_this.options_.autoplay);
-      } // check plugins
-
-
-      if (options.plugins) {
-        Object.keys(options.plugins).forEach(function (name) {
-          if (typeof _this[name] !== 'function') {
-            throw new Error("plugin \"" + name + "\" does not exist");
-          }
-        });
-      }
-      /*
-       * Store the internal state of scrubbing
-       *
-       * @private
-       * @return {Boolean} True if the user is scrubbing
-       */
-
-
-      _this.scrubbing_ = false;
-      _this.el_ = _this.createEl(); // Make this an evented object and use `el_` as its event bus.
-
-      evented(assertThisInitialized(_this), {
-        eventBusKey: 'el_'
-      });
-
-      if (_this.fluid_) {
-        _this.on('playerreset', _this.updateStyleEl_);
-      } // We also want to pass the original player options to each component and plugin
-      // as well so they don't need to reach back into the player for options later.
-      // We also need to do another copy of this.options_ so we don't end up with
-      // an infinite loop.
-
-
-      var playerOptionsCopy = mergeOptions(_this.options_); // Load plugins
-
-      if (options.plugins) {
-        Object.keys(options.plugins).forEach(function (name) {
-          _this[name](options.plugins[name]);
-        });
-      }
-
-      _this.options_.playerOptions = playerOptionsCopy;
-      _this.middleware_ = [];
-
-      _this.initChildren(); // Set isAudio based on whether or not an audio tag was used
-
-
-      _this.isAudio(tag.nodeName.toLowerCase() === 'audio'); // Update controls className. Can't do this when the controls are initially
-      // set because the element doesn't exist yet.
-
-
-      if (_this.controls()) {
-        _this.addClass('vjs-controls-enabled');
-      } else {
-        _this.addClass('vjs-controls-disabled');
-      } // Set ARIA label and region role depending on player type
-
-
-      _this.el_.setAttribute('role', 'region');
-
-      if (_this.isAudio()) {
-        _this.el_.setAttribute('aria-label', _this.localize('Audio Player'));
-      } else {
-        _this.el_.setAttribute('aria-label', _this.localize('Video Player'));
-      }
-
-      if (_this.isAudio()) {
-        _this.addClass('vjs-audio');
-      }
-
-      if (_this.flexNotSupported_()) {
-        _this.addClass('vjs-no-flex');
-      } // TODO: Make this smarter. Toggle user state between touching/mousing
-      // using events, since devices can have both touch and mouse events.
-      // TODO: Make this check be performed again when the window switches between monitors
-      // (See https://github.com/videojs/video.js/issues/5683)
-
-
-      if (TOUCH_ENABLED) {
-        _this.addClass('vjs-touch-enabled');
-      } // iOS Safari has broken hover handling
-
-
-      if (!IS_IOS) {
-        _this.addClass('vjs-workinghover');
-      } // Make player easily findable by ID
-
-
-      Player.players[_this.id_] = assertThisInitialized(_this); // Add a major version class to aid css in plugins
-
-      var majorVersion = version.split('.')[0];
-
-      _this.addClass("vjs-v" + majorVersion); // When the player is first initialized, trigger activity so components
-      // like the control bar show themselves if needed
-
-
-      _this.userActive(true);
-
-      _this.reportUserActivity();
-
-      _this.one('play', _this.listenForUserActivity_);
-
-      _this.on('stageclick', _this.handleStageClick_);
-
-      _this.on('keydown', _this.handleKeyDown);
-
-      _this.breakpoints(_this.options_.breakpoints);
-
-      _this.responsive(_this.options_.responsive);
-
-      return _this;
-    }
-    /**
-     * 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.
-     *
-     * @fires Player#dispose
-     */
-
-
-    var _proto = Player.prototype;
-
-    _proto.dispose = function dispose() {
-      var _this2 = this;
-
-      /**
-       * Called when the player is being disposed of.
-       *
-       * @event Player#dispose
-       * @type {EventTarget~Event}
-       */
-      this.trigger('dispose'); // prevent dispose from being called twice
-
-      this.off('dispose'); // Make sure all player-specific document listeners are unbound. This is
-
-      off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-      off(document, 'keydown', this.boundFullWindowOnEscKey_);
-
-      if (this.styleEl_ && this.styleEl_.parentNode) {
-        this.styleEl_.parentNode.removeChild(this.styleEl_);
-        this.styleEl_ = null;
-      } // Kill reference to this player
-
-
-      Player.players[this.id_] = null;
-
-      if (this.tag && this.tag.player) {
-        this.tag.player = null;
-      }
-
-      if (this.el_ && this.el_.player) {
-        this.el_.player = null;
-      }
-
-      if (this.tech_) {
-        this.tech_.dispose();
-        this.isPosterFromTech_ = false;
-        this.poster_ = '';
-      }
-
-      if (this.playerElIngest_) {
-        this.playerElIngest_ = null;
-      }
-
-      if (this.tag) {
-        this.tag = null;
-      }
-
-      clearCacheForPlayer(this); // remove all event handlers for track lists
-      // all tracks and track listeners are removed on
-      // tech dispose
-
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-
-        var list = _this2[props.getterName](); // if it is not a native list
-        // we have to manually remove event listeners
-
-
-        if (list && list.off) {
-          list.off();
-        }
-      }); // the actual .el_ is removed here
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Create the `Player`'s DOM element.
-     *
-     * @return {Element}
-     *         The DOM element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var tag = this.tag;
-      var el;
-      var playerElIngest = this.playerElIngest_ = tag.parentNode && tag.parentNode.hasAttribute && tag.parentNode.hasAttribute('data-vjs-player');
-      var divEmbed = this.tag.tagName.toLowerCase() === 'video-js';
-
-      if (playerElIngest) {
-        el = this.el_ = tag.parentNode;
-      } else if (!divEmbed) {
-        el = this.el_ = _Component.prototype.createEl.call(this, 'div');
-      } // Copy over all the attributes from the tag, including ID and class
-      // ID will now reference player box, not the video tag
-
-
-      var attrs = getAttributes(tag);
-
-      if (divEmbed) {
-        el = this.el_ = tag;
-        tag = this.tag = document.createElement('video');
-
-        while (el.children.length) {
-          tag.appendChild(el.firstChild);
-        }
-
-        if (!hasClass(el, 'video-js')) {
-          addClass(el, 'video-js');
-        }
-
-        el.appendChild(tag);
-        playerElIngest = this.playerElIngest_ = el; // move properties over from our custom `video-js` element
-        // to our new `video` element. This will move things like
-        // `src` or `controls` that were set via js before the player
-        // was initialized.
-
-        Object.keys(el).forEach(function (k) {
-          try {
-            tag[k] = el[k];
-          } catch (e) {// we got a a property like outerHTML which we can't actually copy, ignore it
-          }
-        });
-      } // set tabindex to -1 to remove the video element from the focus order
-
-
-      tag.setAttribute('tabindex', '-1');
-      attrs.tabindex = '-1'; // Workaround for #4583 (JAWS+IE doesn't announce BPB or play button), and
-      // for the same issue with Chrome (on Windows) with JAWS.
-      // See https://github.com/FreedomScientific/VFO-standards-support/issues/78
-      // Note that we can't detect if JAWS is being used, but this ARIA attribute
-      //  doesn't change behavior of IE11 or Chrome if JAWS is not being used
-
-      if (IE_VERSION || IS_CHROME && IS_WINDOWS) {
-        tag.setAttribute('role', 'application');
-        attrs.role = 'application';
-      } // Remove width/height attrs from tag so CSS can make it 100% width/height
-
-
-      tag.removeAttribute('width');
-      tag.removeAttribute('height');
-
-      if ('width' in attrs) {
-        delete attrs.width;
-      }
-
-      if ('height' in attrs) {
-        delete attrs.height;
-      }
-
-      Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-        // don't copy over the class attribute to the player element when we're in a div embed
-        // the class is already set up properly in the divEmbed case
-        // and we want to make sure that the `video-js` class doesn't get lost
-        if (!(divEmbed && attr === 'class')) {
-          el.setAttribute(attr, attrs[attr]);
-        }
-
-        if (divEmbed) {
-          tag.setAttribute(attr, attrs[attr]);
-        }
-      }); // Update tag id/class for use as HTML5 playback tech
-      // Might think we should do this after embedding in container so .vjs-tech class
-      // doesn't flash 100% width/height, but class only applies with .video-js parent
-
-      tag.playerId = tag.id;
-      tag.id += '_html5_api';
-      tag.className = 'vjs-tech'; // Make player findable on elements
-
-      tag.player = el.player = this; // Default state of video is paused
-
-      this.addClass('vjs-paused'); // Add a style element in the player that we'll use to set the width/height
-      // of the player in a way that's still overrideable by CSS, just like the
-      // video element
-
-      if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
-        this.styleEl_ = createStyleElement('vjs-styles-dimensions');
-        var defaultsStyleEl = $('.vjs-styles-defaults');
-        var head = $('head');
-        head.insertBefore(this.styleEl_, defaultsStyleEl ? defaultsStyleEl.nextSibling : head.firstChild);
-      }
-
-      this.fill_ = false;
-      this.fluid_ = false; // Pass in the width/height/aspectRatio options which will update the style el
-
-      this.width(this.options_.width);
-      this.height(this.options_.height);
-      this.fill(this.options_.fill);
-      this.fluid(this.options_.fluid);
-      this.aspectRatio(this.options_.aspectRatio); // Hide any links within the video/audio tag,
-      // because IE doesn't hide them completely from screen readers.
-
-      var links = tag.getElementsByTagName('a');
-
-      for (var i = 0; i < links.length; i++) {
-        var linkEl = links.item(i);
-        addClass(linkEl, 'vjs-hidden');
-        linkEl.setAttribute('hidden', 'hidden');
-      } // insertElFirst seems to cause the networkState to flicker from 3 to 2, so
-      // keep track of the original for later so we can know if the source originally failed
-
-
-      tag.initNetworkState_ = tag.networkState; // Wrap video tag in div (el/box) container
-
-      if (tag.parentNode && !playerElIngest) {
-        tag.parentNode.insertBefore(el, tag);
-      } // insert the tag as the first child of the player element
-      // then manually add it to the children array so that this.addChild
-      // will work properly for other components
-      //
-      // Breaks iPhone, fixed in HTML5 setup.
-
-
-      prependTo(tag, el);
-      this.children_.unshift(tag); // Set lang attr on player to ensure CSS :lang() in consistent with player
-      // if it's been set to something different to the doc
-
-      this.el_.setAttribute('lang', this.language_);
-      this.el_ = el;
-      return el;
-    }
-    /**
-     * A getter/setter for the `Player`'s width. Returns the player's configured value.
-     * To get the current width use `currentWidth()`.
-     *
-     * @param {number} [value]
-     *        The value to set the `Player`'s width to.
-     *
-     * @return {number}
-     *         The current width of the `Player` when getting.
-     */
-    ;
-
-    _proto.width = function width(value) {
-      return this.dimension('width', value);
-    }
-    /**
-     * A getter/setter for the `Player`'s height. Returns the player's configured value.
-     * To get the current height use `currentheight()`.
-     *
-     * @param {number} [value]
-     *        The value to set the `Player`'s heigth to.
-     *
-     * @return {number}
-     *         The current height of the `Player` when getting.
-     */
-    ;
-
-    _proto.height = function height(value) {
-      return this.dimension('height', value);
-    }
-    /**
-     * A getter/setter for the `Player`'s width & height.
-     *
-     * @param {string} dimension
-     *        This string can be:
-     *        - 'width'
-     *        - 'height'
-     *
-     * @param {number} [value]
-     *        Value for dimension specified in the first argument.
-     *
-     * @return {number}
-     *         The dimension arguments value when getting (width/height).
-     */
-    ;
-
-    _proto.dimension = function dimension(_dimension, value) {
-      var privDimension = _dimension + '_';
-
-      if (value === undefined) {
-        return this[privDimension] || 0;
-      }
-
-      if (value === '' || value === 'auto') {
-        // If an empty string is given, reset the dimension to be automatic
-        this[privDimension] = undefined;
-        this.updateStyleEl_();
-        return;
-      }
-
-      var parsedVal = parseFloat(value);
-
-      if (isNaN(parsedVal)) {
-        log.error("Improper value \"" + value + "\" supplied for for " + _dimension);
-        return;
-      }
-
-      this[privDimension] = parsedVal;
-      this.updateStyleEl_();
-    }
-    /**
-     * A getter/setter/toggler for the vjs-fluid `className` on the `Player`.
-     *
-     * Turning this on will turn off fill mode.
-     *
-     * @param {boolean} [bool]
-     *        - A value of true adds the class.
-     *        - A value of false removes the class.
-     *        - No value will be a getter.
-     *
-     * @return {boolean|undefined}
-     *         - The value of fluid when getting.
-     *         - `undefined` when setting.
-     */
-    ;
-
-    _proto.fluid = function fluid(bool) {
-      if (bool === undefined) {
-        return !!this.fluid_;
-      }
-
-      this.fluid_ = !!bool;
-
-      if (isEvented(this)) {
-        this.off('playerreset', this.updateStyleEl_);
-      }
-
-      if (bool) {
-        this.addClass('vjs-fluid');
-        this.fill(false);
-        addEventedCallback(function () {
-          this.on('playerreset', this.updateStyleEl_);
-        });
-      } else {
-        this.removeClass('vjs-fluid');
-      }
-
-      this.updateStyleEl_();
-    }
-    /**
-     * A getter/setter/toggler for the vjs-fill `className` on the `Player`.
-     *
-     * Turning this on will turn off fluid mode.
-     *
-     * @param {boolean} [bool]
-     *        - A value of true adds the class.
-     *        - A value of false removes the class.
-     *        - No value will be a getter.
-     *
-     * @return {boolean|undefined}
-     *         - The value of fluid when getting.
-     *         - `undefined` when setting.
-     */
-    ;
-
-    _proto.fill = function fill(bool) {
-      if (bool === undefined) {
-        return !!this.fill_;
-      }
-
-      this.fill_ = !!bool;
-
-      if (bool) {
-        this.addClass('vjs-fill');
-        this.fluid(false);
-      } else {
-        this.removeClass('vjs-fill');
-      }
-    }
-    /**
-     * Get/Set the aspect ratio
-     *
-     * @param {string} [ratio]
-     *        Aspect ratio for player
-     *
-     * @return {string|undefined}
-     *         returns the current aspect ratio when getting
-     */
-
-    /**
-     * A getter/setter for the `Player`'s aspect ratio.
-     *
-     * @param {string} [ratio]
-     *        The value to set the `Player's aspect ratio to.
-     *
-     * @return {string|undefined}
-     *         - The current aspect ratio of the `Player` when getting.
-     *         - undefined when setting
-     */
-    ;
-
-    _proto.aspectRatio = function aspectRatio(ratio) {
-      if (ratio === undefined) {
-        return this.aspectRatio_;
-      } // Check for width:height format
-
-
-      if (!/^\d+\:\d+$/.test(ratio)) {
-        throw new Error('Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.');
-      }
-
-      this.aspectRatio_ = ratio; // We're assuming if you set an aspect ratio you want fluid mode,
-      // because in fixed mode you could calculate width and height yourself.
-
-      this.fluid(true);
-      this.updateStyleEl_();
-    }
-    /**
-     * Update styles of the `Player` element (height, width and aspect ratio).
-     *
-     * @private
-     * @listens Tech#loadedmetadata
-     */
-    ;
-
-    _proto.updateStyleEl_ = function updateStyleEl_() {
-      if (window$1.VIDEOJS_NO_DYNAMIC_STYLE === true) {
-        var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;
-
-        var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;
-
-        var techEl = this.tech_ && this.tech_.el();
-
-        if (techEl) {
-          if (_width >= 0) {
-            techEl.width = _width;
-          }
-
-          if (_height >= 0) {
-            techEl.height = _height;
-          }
-        }
-
-        return;
-      }
-
-      var width;
-      var height;
-      var aspectRatio;
-      var idClass; // The aspect ratio is either used directly or to calculate width and height.
-
-      if (this.aspectRatio_ !== undefined && this.aspectRatio_ !== 'auto') {
-        // Use any aspectRatio that's been specifically set
-        aspectRatio = this.aspectRatio_;
-      } else if (this.videoWidth() > 0) {
-        // Otherwise try to get the aspect ratio from the video metadata
-        aspectRatio = this.videoWidth() + ':' + this.videoHeight();
-      } else {
-        // Or use a default. The video element's is 2:1, but 16:9 is more common.
-        aspectRatio = '16:9';
-      } // Get the ratio as a decimal we can use to calculate dimensions
-
-
-      var ratioParts = aspectRatio.split(':');
-      var ratioMultiplier = ratioParts[1] / ratioParts[0];
-
-      if (this.width_ !== undefined) {
-        // Use any width that's been specifically set
-        width = this.width_;
-      } else if (this.height_ !== undefined) {
-        // Or calulate the width from the aspect ratio if a height has been set
-        width = this.height_ / ratioMultiplier;
-      } else {
-        // Or use the video's metadata, or use the video el's default of 300
-        width = this.videoWidth() || 300;
-      }
-
-      if (this.height_ !== undefined) {
-        // Use any height that's been specifically set
-        height = this.height_;
-      } else {
-        // Otherwise calculate the height from the ratio and the width
-        height = width * ratioMultiplier;
-      } // Ensure the CSS class is valid by starting with an alpha character
-
-
-      if (/^[^a-zA-Z]/.test(this.id())) {
-        idClass = 'dimensions-' + this.id();
-      } else {
-        idClass = this.id() + '-dimensions';
-      } // Ensure the right class is still on the player for the style element
-
-
-      this.addClass(idClass);
-      setTextContent(this.styleEl_, "\n      ." + idClass + " {\n        width: " + width + "px;\n        height: " + height + "px;\n      }\n\n      ." + idClass + ".vjs-fluid {\n        padding-top: " + ratioMultiplier * 100 + "%;\n      }\n    ");
-    }
-    /**
-     * Load/Create an instance of playback {@link Tech} including element
-     * and API methods. Then append the `Tech` element in `Player` as a child.
-     *
-     * @param {string} techName
-     *        name of the playback technology
-     *
-     * @param {string} source
-     *        video source
-     *
-     * @private
-     */
-    ;
-
-    _proto.loadTech_ = function loadTech_(techName, source) {
-      var _this3 = this;
-
-      // Pause and remove current playback technology
-      if (this.tech_) {
-        this.unloadTech_();
-      }
-
-      var titleTechName = toTitleCase(techName);
-      var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1); // get rid of the HTML5 video tag as soon as we are using another tech
-
-      if (titleTechName !== 'Html5' && this.tag) {
-        Tech.getTech('Html5').disposeMediaElement(this.tag);
-        this.tag.player = null;
-        this.tag = null;
-      }
-
-      this.techName_ = titleTechName; // Turn off API access because we're loading a new tech that might load asynchronously
-
-      this.isReady_ = false; // if autoplay is a string we pass false to the tech
-      // because the player is going to handle autoplay on `loadstart`
-
-      var autoplay = typeof this.autoplay() === 'string' ? false : this.autoplay(); // Grab tech-specific options from player options and add source and parent element to use.
-
-      var techOptions = {
-        source: source,
-        autoplay: autoplay,
-        'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-        'playerId': this.id(),
-        'techId': this.id() + "_" + camelTechName + "_api",
-        'playsinline': this.options_.playsinline,
-        'preload': this.options_.preload,
-        'loop': this.options_.loop,
-        'muted': this.options_.muted,
-        'poster': this.poster(),
-        'language': this.language(),
-        'playerElIngest': this.playerElIngest_ || false,
-        'vtt.js': this.options_['vtt.js'],
-        'canOverridePoster': !!this.options_.techCanOverridePoster,
-        'enableSourceset': this.options_.enableSourceset,
-        'Promise': this.options_.Promise
-      };
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-        techOptions[props.getterName] = _this3[props.privateName];
-      });
-      assign(techOptions, this.options_[titleTechName]);
-      assign(techOptions, this.options_[camelTechName]);
-      assign(techOptions, this.options_[techName.toLowerCase()]);
-
-      if (this.tag) {
-        techOptions.tag = this.tag;
-      }
-
-      if (source && source.src === this.cache_.src && this.cache_.currentTime > 0) {
-        techOptions.startTime = this.cache_.currentTime;
-      } // Initialize tech instance
-
-
-      var TechClass = Tech.getTech(techName);
-
-      if (!TechClass) {
-        throw new Error("No Tech named '" + titleTechName + "' exists! '" + titleTechName + "' should be registered using videojs.registerTech()'");
-      }
-
-      this.tech_ = new TechClass(techOptions); // player.triggerReady is always async, so don't need this to be async
-
-      this.tech_.ready(bind(this, this.handleTechReady_), true);
-      textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_); // Listen to all HTML5-defined events and trigger them on the player
-
-      TECH_EVENTS_RETRIGGER.forEach(function (event) {
-        _this3.on(_this3.tech_, event, _this3["handleTech" + toTitleCase(event) + "_"]);
-      });
-      Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {
-        _this3.on(_this3.tech_, event, function (eventObj) {
-          if (_this3.tech_.playbackRate() === 0 && _this3.tech_.seeking()) {
-            _this3.queuedCallbacks_.push({
-              callback: _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this3),
-              event: eventObj
-            });
-
-            return;
-          }
-
-          _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
-        });
-      });
-      this.on(this.tech_, 'loadstart', this.handleTechLoadStart_);
-      this.on(this.tech_, 'sourceset', this.handleTechSourceset_);
-      this.on(this.tech_, 'waiting', this.handleTechWaiting_);
-      this.on(this.tech_, 'ended', this.handleTechEnded_);
-      this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-      this.on(this.tech_, 'play', this.handleTechPlay_);
-      this.on(this.tech_, 'firstplay', this.handleTechFirstPlay_);
-      this.on(this.tech_, 'pause', this.handleTechPause_);
-      this.on(this.tech_, 'durationchange', this.handleTechDurationChange_);
-      this.on(this.tech_, 'fullscreenchange', this.handleTechFullscreenChange_);
-      this.on(this.tech_, 'enterpictureinpicture', this.handleTechEnterPictureInPicture_);
-      this.on(this.tech_, 'leavepictureinpicture', this.handleTechLeavePictureInPicture_);
-      this.on(this.tech_, 'error', this.handleTechError_);
-      this.on(this.tech_, 'loadedmetadata', this.updateStyleEl_);
-      this.on(this.tech_, 'posterchange', this.handleTechPosterChange_);
-      this.on(this.tech_, 'textdata', this.handleTechTextData_);
-      this.on(this.tech_, 'ratechange', this.handleTechRateChange_);
-      this.usingNativeControls(this.techGet_('controls'));
-
-      if (this.controls() && !this.usingNativeControls()) {
-        this.addTechControlsListeners_();
-      } // Add the tech element in the DOM if it was not already there
-      // Make sure to not insert the original video element if using Html5
-
-
-      if (this.tech_.el().parentNode !== this.el() && (titleTechName !== 'Html5' || !this.tag)) {
-        prependTo(this.tech_.el(), this.el());
-      } // Get rid of the original video tag reference after the first tech is loaded
-
-
-      if (this.tag) {
-        this.tag.player = null;
-        this.tag = null;
-      }
-    }
-    /**
-     * Unload and dispose of the current playback {@link Tech}.
-     *
-     * @private
-     */
-    ;
-
-    _proto.unloadTech_ = function unloadTech_() {
-      var _this4 = this;
-
-      // Save the current text tracks so that we can reuse the same text tracks with the next tech
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-        _this4[props.privateName] = _this4[props.getterName]();
-      });
-      this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);
-      this.isReady_ = false;
-      this.tech_.dispose();
-      this.tech_ = false;
-
-      if (this.isPosterFromTech_) {
-        this.poster_ = '';
-        this.trigger('posterchange');
-      }
-
-      this.isPosterFromTech_ = false;
-    }
-    /**
-     * Return a reference to the current {@link Tech}.
-     * It will print a warning by default about the danger of using the tech directly
-     * but any argument that is passed in will silence the warning.
-     *
-     * @param {*} [safety]
-     *        Anything passed in to silence the warning
-     *
-     * @return {Tech}
-     *         The Tech
-     */
-    ;
-
-    _proto.tech = function tech(safety) {
-      if (safety === undefined) {
-        log.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
-      }
-
-      return this.tech_;
-    }
-    /**
-     * Set up click and touch listeners for the playback element
-     *
-     * - On desktops: a click on the video itself will toggle playback
-     * - On mobile devices: a click on the video toggles controls
-     *   which 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
-     *
-     * @private
-     */
-    ;
-
-    _proto.addTechControlsListeners_ = function addTechControlsListeners_() {
-      // Make sure to remove all the previous listeners in case we are called multiple times.
-      this.removeTechControlsListeners_(); // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
-      // trigger mousedown/up.
-      // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
-      // Any touch events are set to block the mousedown event from happening
-
-      this.on(this.tech_, 'mouseup', this.handleTechClick_);
-      this.on(this.tech_, 'dblclick', this.handleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
-      // so we'll check if the controls were already showing before reporting user
-      // activity
-
-      this.on(this.tech_, 'touchstart', this.handleTechTouchStart_);
-      this.on(this.tech_, 'touchmove', this.handleTechTouchMove_);
-      this.on(this.tech_, 'touchend', this.handleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
-      // listener cancels out any reportedUserActivity when setting userActive(false)
-
-      this.on(this.tech_, 'tap', this.handleTechTap_);
-    }
-    /**
-     * Remove the listeners used for click and tap controls. This is needed for
-     * toggling to controls disabled, where a tap/touch should do nothing.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeTechControlsListeners_ = function removeTechControlsListeners_() {
-      // We don't want to just use `this.off()` because there might be other needed
-      // listeners added by techs that extend this.
-      this.off(this.tech_, 'tap', this.handleTechTap_);
-      this.off(this.tech_, 'touchstart', this.handleTechTouchStart_);
-      this.off(this.tech_, 'touchmove', this.handleTechTouchMove_);
-      this.off(this.tech_, 'touchend', this.handleTechTouchEnd_);
-      this.off(this.tech_, 'mouseup', this.handleTechClick_);
-      this.off(this.tech_, 'dblclick', this.handleTechDoubleClick_);
-    }
-    /**
-     * Player waits for the tech to be ready
-     *
-     * @private
-     */
-    ;
-
-    _proto.handleTechReady_ = function handleTechReady_() {
-      this.triggerReady(); // Keep the same volume as before
-
-      if (this.cache_.volume) {
-        this.techCall_('setVolume', this.cache_.volume);
-      } // Look if the tech found a higher resolution poster while loading
-
-
-      this.handleTechPosterChange_(); // Update the duration if available
-
-      this.handleTechDurationChange_();
-    }
-    /**
-     * Retrigger the `loadstart` event that was triggered by the {@link Tech}. This
-     * function will also trigger {@link Player#firstplay} if it is the first loadstart
-     * for a video.
-     *
-     * @fires Player#loadstart
-     * @fires Player#firstplay
-     * @listens Tech#loadstart
-     * @private
-     */
-    ;
-
-    _proto.handleTechLoadStart_ = function handleTechLoadStart_() {
-      // TODO: Update to use `emptied` event instead. See #1277.
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-seeking'); // reset the error state
-
-      this.error(null); // Update the duration
-
-      this.handleTechDurationChange_(); // If it's already playing we want to trigger a firstplay event now.
-      // The firstplay event relies on both the play and loadstart events
-      // which can happen in any order for a new source
-
-      if (!this.paused()) {
-        /**
-         * Fired when the user agent begins looking for media data
-         *
-         * @event Player#loadstart
-         * @type {EventTarget~Event}
-         */
-        this.trigger('loadstart');
-        this.trigger('firstplay');
-      } else {
-        // reset the hasStarted state
-        this.hasStarted(false);
-        this.trigger('loadstart');
-      } // autoplay happens after loadstart for the browser,
-      // so we mimic that behavior
-
-
-      this.manualAutoplay_(this.autoplay());
-    }
-    /**
-     * Handle autoplay string values, rather than the typical boolean
-     * values that should be handled by the tech. Note that this is not
-     * part of any specification. Valid values and what they do can be
-     * found on the autoplay getter at Player#autoplay()
-     */
-    ;
-
-    _proto.manualAutoplay_ = function manualAutoplay_(type) {
-      var _this5 = this;
-
-      if (!this.tech_ || typeof type !== 'string') {
-        return;
-      }
-
-      var muted = function muted() {
-        var previouslyMuted = _this5.muted();
-
-        _this5.muted(true);
-
-        var restoreMuted = function restoreMuted() {
-          _this5.muted(previouslyMuted);
-        }; // restore muted on play terminatation
-
-
-        _this5.playTerminatedQueue_.push(restoreMuted);
-
-        var mutedPromise = _this5.play();
-
-        if (!isPromise(mutedPromise)) {
-          return;
-        }
-
-        return mutedPromise["catch"](restoreMuted);
-      };
-
-      var promise; // if muted defaults to true
-      // the only thing we can do is call play
-
-      if (type === 'any' && this.muted() !== true) {
-        promise = this.play();
-
-        if (isPromise(promise)) {
-          promise = promise["catch"](muted);
-        }
-      } else if (type === 'muted' && this.muted() !== true) {
-        promise = muted();
-      } else {
-        promise = this.play();
-      }
-
-      if (!isPromise(promise)) {
-        return;
-      }
-
-      return promise.then(function () {
-        _this5.trigger({
-          type: 'autoplay-success',
-          autoplay: type
-        });
-      })["catch"](function (e) {
-        _this5.trigger({
-          type: 'autoplay-failure',
-          autoplay: type
-        });
-      });
-    }
-    /**
-     * Update the internal source caches so that we return the correct source from
-     * `src()`, `currentSource()`, and `currentSources()`.
-     *
-     * > Note: `currentSources` will not be updated if the source that is passed in exists
-     *         in the current `currentSources` cache.
-     *
-     *
-     * @param {Tech~SourceObject} srcObj
-     *        A string or object source to update our caches to.
-     */
-    ;
-
-    _proto.updateSourceCaches_ = function updateSourceCaches_(srcObj) {
-      if (srcObj === void 0) {
-        srcObj = '';
-      }
-
-      var src = srcObj;
-      var type = '';
-
-      if (typeof src !== 'string') {
-        src = srcObj.src;
-        type = srcObj.type;
-      } // make sure all the caches are set to default values
-      // to prevent null checking
-
-
-      this.cache_.source = this.cache_.source || {};
-      this.cache_.sources = this.cache_.sources || []; // try to get the type of the src that was passed in
-
-      if (src && !type) {
-        type = findMimetype(this, src);
-      } // update `currentSource` cache always
-
-
-      this.cache_.source = mergeOptions({}, srcObj, {
-        src: src,
-        type: type
-      });
-      var matchingSources = this.cache_.sources.filter(function (s) {
-        return s.src && s.src === src;
-      });
-      var sourceElSources = [];
-      var sourceEls = this.$$('source');
-      var matchingSourceEls = [];
-
-      for (var i = 0; i < sourceEls.length; i++) {
-        var sourceObj = getAttributes(sourceEls[i]);
-        sourceElSources.push(sourceObj);
-
-        if (sourceObj.src && sourceObj.src === src) {
-          matchingSourceEls.push(sourceObj.src);
-        }
-      } // if we have matching source els but not matching sources
-      // the current source cache is not up to date
-
-
-      if (matchingSourceEls.length && !matchingSources.length) {
-        this.cache_.sources = sourceElSources; // if we don't have matching source or source els set the
-        // sources cache to the `currentSource` cache
-      } else if (!matchingSources.length) {
-        this.cache_.sources = [this.cache_.source];
-      } // update the tech `src` cache
-
-
-      this.cache_.src = src;
-    }
-    /**
-     * *EXPERIMENTAL* Fired when the source is set or changed on the {@link Tech}
-     * causing the media element to reload.
-     *
-     * It will fire for the initial source and each subsequent source.
-     * This event is a custom event from Video.js and is triggered by the {@link Tech}.
-     *
-     * The event object for this event contains a `src` property that will contain the source
-     * that was available when the event was triggered. This is generally only necessary if Video.js
-     * is switching techs while the source was being changed.
-     *
-     * It is also fired when `load` is called on the player (or media element)
-     * because the {@link https://html.spec.whatwg.org/multipage/media.html#dom-media-load|specification for `load`}
-     * says that the resource selection algorithm needs to be aborted and restarted.
-     * In this case, it is very likely that the `src` property will be set to the
-     * empty string `""` to indicate we do not know what the source will be but
-     * that it is changing.
-     *
-     * *This event is currently still experimental and may change in minor releases.*
-     * __To use this, pass `enableSourceset` option to the player.__
-     *
-     * @event Player#sourceset
-     * @type {EventTarget~Event}
-     * @prop {string} src
-     *                The source url available when the `sourceset` was triggered.
-     *                It will be an empty string if we cannot know what the source is
-     *                but know that the source will change.
-     */
-
-    /**
-     * Retrigger the `sourceset` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#sourceset
-     * @listens Tech#sourceset
-     * @private
-     */
-    ;
-
-    _proto.handleTechSourceset_ = function handleTechSourceset_(event) {
-      var _this6 = this;
-
-      // only update the source cache when the source
-      // was not updated using the player api
-      if (!this.changingSrc_) {
-        var updateSourceCaches = function updateSourceCaches(src) {
-          return _this6.updateSourceCaches_(src);
-        };
-
-        var playerSrc = this.currentSource().src;
-        var eventSrc = event.src; // if we have a playerSrc that is not a blob, and a tech src that is a blob
-
-        if (playerSrc && !/^blob:/.test(playerSrc) && /^blob:/.test(eventSrc)) {
-          // if both the tech source and the player source were updated we assume
-          // something like @videojs/http-streaming did the sourceset and skip updating the source cache.
-          if (!this.lastSource_ || this.lastSource_.tech !== eventSrc && this.lastSource_.player !== playerSrc) {
-            updateSourceCaches = function updateSourceCaches() {};
-          }
-        } // update the source to the intial source right away
-        // in some cases this will be empty string
-
-
-        updateSourceCaches(eventSrc); // if the `sourceset` `src` was an empty string
-        // wait for a `loadstart` to update the cache to `currentSrc`.
-        // If a sourceset happens before a `loadstart`, we reset the state
-
-        if (!event.src) {
-          this.tech_.any(['sourceset', 'loadstart'], function (e) {
-            // if a sourceset happens before a `loadstart` there
-            // is nothing to do as this `handleTechSourceset_`
-            // will be called again and this will be handled there.
-            if (e.type === 'sourceset') {
-              return;
-            }
-
-            var techSrc = _this6.techGet('currentSrc');
-
-            _this6.lastSource_.tech = techSrc;
-
-            _this6.updateSourceCaches_(techSrc);
-          });
-        }
-      }
-
-      this.lastSource_ = {
-        player: this.currentSource().src,
-        tech: event.src
-      };
-      this.trigger({
-        src: event.src,
-        type: 'sourceset'
-      });
-    }
-    /**
-     * Add/remove the vjs-has-started class
-     *
-     * @fires Player#firstplay
-     *
-     * @param {boolean} request
-     *        - true: adds the class
-     *        - false: remove the class
-     *
-     * @return {boolean}
-     *         the boolean value of hasStarted_
-     */
-    ;
-
-    _proto.hasStarted = function hasStarted(request) {
-      if (request === undefined) {
-        // act as getter, if we have no request to change
-        return this.hasStarted_;
-      }
-
-      if (request === this.hasStarted_) {
-        return;
-      }
-
-      this.hasStarted_ = request;
-
-      if (this.hasStarted_) {
-        this.addClass('vjs-has-started');
-        this.trigger('firstplay');
-      } else {
-        this.removeClass('vjs-has-started');
-      }
-    }
-    /**
-     * Fired whenever the media begins or resumes playback
-     *
-     * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-play}
-     * @fires Player#play
-     * @listens Tech#play
-     * @private
-     */
-    ;
-
-    _proto.handleTechPlay_ = function handleTechPlay_() {
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-paused');
-      this.addClass('vjs-playing'); // hide the poster when the user hits play
-
-      this.hasStarted(true);
-      /**
-       * Triggered whenever an {@link Tech#play} event happens. Indicates that
-       * playback has started or resumed.
-       *
-       * @event Player#play
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('play');
-    }
-    /**
-     * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
-     *
-     * If there were any events queued while the playback rate was zero, fire
-     * those events now.
-     *
-     * @private
-     * @method Player#handleTechRateChange_
-     * @fires Player#ratechange
-     * @listens Tech#ratechange
-     */
-    ;
-
-    _proto.handleTechRateChange_ = function handleTechRateChange_() {
-      if (this.tech_.playbackRate() > 0 && this.cache_.lastPlaybackRate === 0) {
-        this.queuedCallbacks_.forEach(function (queued) {
-          return queued.callback(queued.event);
-        });
-        this.queuedCallbacks_ = [];
-      }
-
-      this.cache_.lastPlaybackRate = this.tech_.playbackRate();
-      /**
-       * Fires when the playing speed of the audio/video is changed
-       *
-       * @event Player#ratechange
-       * @type {event}
-       */
-
-      this.trigger('ratechange');
-    }
-    /**
-     * Retrigger the `waiting` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#waiting
-     * @listens Tech#waiting
-     * @private
-     */
-    ;
-
-    _proto.handleTechWaiting_ = function handleTechWaiting_() {
-      var _this7 = this;
-
-      this.addClass('vjs-waiting');
-      /**
-       * A readyState change on the DOM element has caused playback to stop.
-       *
-       * @event Player#waiting
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('waiting'); // Browsers may emit a timeupdate event after a waiting event. In order to prevent
-      // premature removal of the waiting class, wait for the time to change.
-
-      var timeWhenWaiting = this.currentTime();
-
-      var timeUpdateListener = function timeUpdateListener() {
-        if (timeWhenWaiting !== _this7.currentTime()) {
-          _this7.removeClass('vjs-waiting');
-
-          _this7.off('timeupdate', timeUpdateListener);
-        }
-      };
-
-      this.on('timeupdate', timeUpdateListener);
-    }
-    /**
-     * Retrigger the `canplay` event that was triggered by the {@link Tech}.
-     * > Note: This is not consistent between browsers. See #1351
-     *
-     * @fires Player#canplay
-     * @listens Tech#canplay
-     * @private
-     */
-    ;
-
-    _proto.handleTechCanPlay_ = function handleTechCanPlay_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media has a readyState of HAVE_FUTURE_DATA or greater.
-       *
-       * @event Player#canplay
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('canplay');
-    }
-    /**
-     * Retrigger the `canplaythrough` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#canplaythrough
-     * @listens Tech#canplaythrough
-     * @private
-     */
-    ;
-
-    _proto.handleTechCanPlayThrough_ = function handleTechCanPlayThrough_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the
-       * entire media file can be played without buffering.
-       *
-       * @event Player#canplaythrough
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('canplaythrough');
-    }
-    /**
-     * Retrigger the `playing` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#playing
-     * @listens Tech#playing
-     * @private
-     */
-    ;
-
-    _proto.handleTechPlaying_ = function handleTechPlaying_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media is no longer blocked from playback, and has started playing.
-       *
-       * @event Player#playing
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('playing');
-    }
-    /**
-     * Retrigger the `seeking` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#seeking
-     * @listens Tech#seeking
-     * @private
-     */
-    ;
-
-    _proto.handleTechSeeking_ = function handleTechSeeking_() {
-      this.addClass('vjs-seeking');
-      /**
-       * Fired whenever the player is jumping to a new time
-       *
-       * @event Player#seeking
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('seeking');
-    }
-    /**
-     * Retrigger the `seeked` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#seeked
-     * @listens Tech#seeked
-     * @private
-     */
-    ;
-
-    _proto.handleTechSeeked_ = function handleTechSeeked_() {
-      this.removeClass('vjs-seeking');
-      this.removeClass('vjs-ended');
-      /**
-       * Fired when the player has finished jumping to a new time
-       *
-       * @event Player#seeked
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('seeked');
-    }
-    /**
-     * Retrigger the `firstplay` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#firstplay
-     * @listens Tech#firstplay
-     * @deprecated As of 6.0 firstplay event is deprecated.
-     *             As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-     * @private
-     */
-    ;
-
-    _proto.handleTechFirstPlay_ = function handleTechFirstPlay_() {
-      // If the first starttime attribute is specified
-      // then we will start at the given offset in seconds
-      if (this.options_.starttime) {
-        log.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
-        this.currentTime(this.options_.starttime);
-      }
-
-      this.addClass('vjs-has-started');
-      /**
-       * Fired the first time a video is played. Not part of the HLS spec, and this is
-       * probably not the best implementation yet, so use sparingly. If you don't have a
-       * reason to prevent playback, use `myPlayer.one('play');` instead.
-       *
-       * @event Player#firstplay
-       * @deprecated As of 6.0 firstplay event is deprecated.
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('firstplay');
-    }
-    /**
-     * Retrigger the `pause` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#pause
-     * @listens Tech#pause
-     * @private
-     */
-    ;
-
-    _proto.handleTechPause_ = function handleTechPause_() {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-paused');
-      /**
-       * Fired whenever the media has been paused
-       *
-       * @event Player#pause
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('pause');
-    }
-    /**
-     * Retrigger the `ended` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#ended
-     * @listens Tech#ended
-     * @private
-     */
-    ;
-
-    _proto.handleTechEnded_ = function handleTechEnded_() {
-      this.addClass('vjs-ended');
-
-      if (this.options_.loop) {
-        this.currentTime(0);
-        this.play();
-      } else if (!this.paused()) {
-        this.pause();
-      }
-      /**
-       * Fired when the end of the media resource is reached (currentTime == duration)
-       *
-       * @event Player#ended
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('ended');
-    }
-    /**
-     * Fired when the duration of the media resource is first known or changed
-     *
-     * @listens Tech#durationchange
-     * @private
-     */
-    ;
-
-    _proto.handleTechDurationChange_ = function handleTechDurationChange_() {
-      this.duration(this.techGet_('duration'));
-    }
-    /**
-     * Handle a click on the media element to play/pause
-     *
-     * @param {EventTarget~Event} event
-     *        the event that caused this function to trigger
-     *
-     * @listens Tech#mouseup
-     * @private
-     */
-    ;
-
-    _proto.handleTechClick_ = function handleTechClick_(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      } // When controls are disabled a click should not toggle playback because
-      // the click is considered a control
-
-
-      if (!this.controls_) {
-        return;
-      }
-
-      if (this.paused()) {
-        silencePromise(this.play());
-      } else {
-        this.pause();
-      }
-    }
-    /**
-     * Handle a double-click on the media element to enter/exit fullscreen
-     *
-     * @param {EventTarget~Event} event
-     *        the event that caused this function to trigger
-     *
-     * @listens Tech#dblclick
-     * @private
-     */
-    ;
-
-    _proto.handleTechDoubleClick_ = function handleTechDoubleClick_(event) {
-      if (!this.controls_) {
-        return;
-      } // we do not want to toggle fullscreen state
-      // when double-clicking inside a control bar or a modal
-
-
-      var inAllowedEls = Array.prototype.some.call(this.$$('.vjs-control-bar, .vjs-modal-dialog'), function (el) {
-        return el.contains(event.target);
-      });
-
-      if (!inAllowedEls) {
-        /*
-         * options.userActions.doubleClick
-         *
-         * If `undefined` or `true`, double-click toggles fullscreen if controls are present
-         * Set to `false` to disable double-click handling
-         * Set to a function to substitute an external double-click handler
-         */
-        if (this.options_ === undefined || this.options_.userActions === undefined || this.options_.userActions.doubleClick === undefined || this.options_.userActions.doubleClick !== false) {
-          if (this.options_ !== undefined && this.options_.userActions !== undefined && typeof this.options_.userActions.doubleClick === 'function') {
-            this.options_.userActions.doubleClick.call(this, event);
-          } else if (this.isFullscreen()) {
-            this.exitFullscreen();
-          } else {
-            this.requestFullscreen();
-          }
-        }
-      }
-    }
-    /**
-     * Handle a tap on the media element. It will toggle the user
-     * activity state, which hides and shows the controls.
-     *
-     * @listens Tech#tap
-     * @private
-     */
-    ;
-
-    _proto.handleTechTap_ = function handleTechTap_() {
-      this.userActive(!this.userActive());
-    }
-    /**
-     * Handle touch to start
-     *
-     * @listens Tech#touchstart
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchStart_ = function handleTechTouchStart_() {
-      this.userWasActive = this.userActive();
-    }
-    /**
-     * Handle touch to move
-     *
-     * @listens Tech#touchmove
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchMove_ = function handleTechTouchMove_() {
-      if (this.userWasActive) {
-        this.reportUserActivity();
-      }
-    }
-    /**
-     * Handle touch to end
-     *
-     * @param {EventTarget~Event} event
-     *        the touchend event that triggered
-     *        this function
-     *
-     * @listens Tech#touchend
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-      // Stop the mouse events from also happening
-      event.preventDefault();
-    }
-    /**
-     * native click events on the SWF aren't triggered on IE11, Win8.1RT
-     * use stageclick events triggered from inside the SWF instead
-     *
-     * @private
-     * @listens stageclick
-     */
-    ;
-
-    _proto.handleStageClick_ = function handleStageClick_() {
-      this.reportUserActivity();
-    }
-    /**
-     * @private
-     */
-    ;
-
-    _proto.toggleFullscreenClass_ = function toggleFullscreenClass_() {
-      if (this.isFullscreen()) {
-        this.addClass('vjs-fullscreen');
-      } else {
-        this.removeClass('vjs-fullscreen');
-      }
-    }
-    /**
-     * when the document fschange event triggers it calls this
-     */
-    ;
-
-    _proto.documentFullscreenChange_ = function documentFullscreenChange_(e) {
-      var el = this.el();
-      var isFs = document[this.fsApi_.fullscreenElement] === el;
-
-      if (!isFs && el.matches) {
-        isFs = el.matches(':' + this.fsApi_.fullscreen);
-      } else if (!isFs && el.msMatchesSelector) {
-        isFs = el.msMatchesSelector(':' + this.fsApi_.fullscreen);
-      }
-
-      this.isFullscreen(isFs); // If cancelling fullscreen, remove event listener.
-
-      if (this.isFullscreen() === false) {
-        off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-      }
-
-      if (this.fsApi_.prefixed) {
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * Handle Tech Fullscreen Change
-     *
-     * @param {EventTarget~Event} event
-     *        the fullscreenchange event that triggered this function
-     *
-     * @param {Object} data
-     *        the data that was sent with the event
-     *
-     * @private
-     * @listens Tech#fullscreenchange
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {
-      if (data) {
-        this.isFullscreen(data.isFullscreen);
-      }
-      /**
-       * Fired when going in and out of fullscreen.
-       *
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('fullscreenchange');
-    }
-    /**
-     * @private
-     */
-    ;
-
-    _proto.togglePictureInPictureClass_ = function togglePictureInPictureClass_() {
-      if (this.isInPictureInPicture()) {
-        this.addClass('vjs-picture-in-picture');
-      } else {
-        this.removeClass('vjs-picture-in-picture');
-      }
-    }
-    /**
-     * Handle Tech Enter Picture-in-Picture.
-     *
-     * @param {EventTarget~Event} event
-     *        the enterpictureinpicture event that triggered this function
-     *
-     * @private
-     * @listens Tech#enterpictureinpicture
-     */
-    ;
-
-    _proto.handleTechEnterPictureInPicture_ = function handleTechEnterPictureInPicture_(event) {
-      this.isInPictureInPicture(true);
-    }
-    /**
-     * Handle Tech Leave Picture-in-Picture.
-     *
-     * @param {EventTarget~Event} event
-     *        the leavepictureinpicture event that triggered this function
-     *
-     * @private
-     * @listens Tech#leavepictureinpicture
-     */
-    ;
-
-    _proto.handleTechLeavePictureInPicture_ = function handleTechLeavePictureInPicture_(event) {
-      this.isInPictureInPicture(false);
-    }
-    /**
-     * Fires when an error occurred during the loading of an audio/video.
-     *
-     * @private
-     * @listens Tech#error
-     */
-    ;
-
-    _proto.handleTechError_ = function handleTechError_() {
-      var error = this.tech_.error();
-      this.error(error);
-    }
-    /**
-     * Retrigger the `textdata` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#textdata
-     * @listens Tech#textdata
-     * @private
-     */
-    ;
-
-    _proto.handleTechTextData_ = function handleTechTextData_() {
-      var data = null;
-
-      if (arguments.length > 1) {
-        data = arguments[1];
-      }
-      /**
-       * Fires when we get a textdata event from tech
-       *
-       * @event Player#textdata
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('textdata', data);
-    }
-    /**
-     * Get object for cached values.
-     *
-     * @return {Object}
-     *         get the current object cache
-     */
-    ;
-
-    _proto.getCache = function getCache() {
-      return this.cache_;
-    }
-    /**
-     * Resets the internal cache object.
-     *
-     * Using this function outside the player constructor or reset method may
-     * have unintended side-effects.
-     *
-     * @private
-     */
-    ;
-
-    _proto.resetCache_ = function resetCache_() {
-      this.cache_ = {
-        // Right now, the currentTime is not _really_ cached because it is always
-        // retrieved from the tech (see: currentTime). However, for completeness,
-        // we set it to zero here to ensure that if we do start actually caching
-        // it, we reset it along with everything else.
-        currentTime: 0,
-        inactivityTimeout: this.options_.inactivityTimeout,
-        duration: NaN,
-        lastVolume: 1,
-        lastPlaybackRate: this.defaultPlaybackRate(),
-        media: null,
-        src: '',
-        source: {},
-        sources: [],
-        volume: 1
-      };
-    }
-    /**
-     * Pass values to the playback tech
-     *
-     * @param {string} [method]
-     *        the method to call
-     *
-     * @param {Object} arg
-     *        the argument to pass
-     *
-     * @private
-     */
-    ;
-
-    _proto.techCall_ = function techCall_(method, arg) {
-      // If it's not ready yet, call method when it is
-      this.ready(function () {
-        if (method in allowedSetters) {
-          return set(this.middleware_, this.tech_, method, arg);
-        } else if (method in allowedMediators) {
-          return mediate(this.middleware_, this.tech_, method, arg);
-        }
-
-        try {
-          if (this.tech_) {
-            this.tech_[method](arg);
-          }
-        } catch (e) {
-          log(e);
-          throw e;
-        }
-      }, true);
-    }
-    /**
-     * Get calls can't wait for the tech, and sometimes don't need to.
-     *
-     * @param {string} method
-     *        Tech method
-     *
-     * @return {Function|undefined}
-     *         the method or undefined
-     *
-     * @private
-     */
-    ;
-
-    _proto.techGet_ = function techGet_(method) {
-      if (!this.tech_ || !this.tech_.isReady_) {
-        return;
-      }
-
-      if (method in allowedGetters) {
-        return get(this.middleware_, this.tech_, method);
-      } else if (method in allowedMediators) {
-        return mediate(this.middleware_, this.tech_, method);
-      } // Flash likes to die and reload when you hide or reposition it.
-      // In these cases the object methods go away and we get errors.
-      // When that happens we'll catch the errors and inform tech that it's not ready any more.
-
-
-      try {
-        return this.tech_[method]();
-      } catch (e) {
-        // When building additional tech libs, an expected method may not be defined yet
-        if (this.tech_[method] === undefined) {
-          log("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
-          throw e;
-        } // When a method isn't available on the object it throws a TypeError
-
-
-        if (e.name === 'TypeError') {
-          log("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
-          this.tech_.isReady_ = false;
-          throw e;
-        } // If error unknown, just log and throw
-
-
-        log(e);
-        throw e;
-      }
-    }
-    /**
-     * Attempt to begin playback at the first opportunity.
-     *
-     * @return {Promise|undefined}
-     *         Returns a promise if the browser supports Promises (or one
-     *         was passed in as an option). This promise will be resolved on
-     *         the return value of play. If this is undefined it will fulfill the
-     *         promise chain otherwise the promise chain will be fulfilled when
-     *         the promise from play is fulfilled.
-     */
-    ;
-
-    _proto.play = function play() {
-      var _this8 = this;
-
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (PromiseClass) {
-        return new PromiseClass(function (resolve) {
-          _this8.play_(resolve);
-        });
-      }
-
-      return this.play_();
-    }
-    /**
-     * The actual logic for play, takes a callback that will be resolved on the
-     * return value of play. This allows us to resolve to the play promise if there
-     * is one on modern browsers.
-     *
-     * @private
-     * @param {Function} [callback]
-     *        The callback that should be called when the techs play is actually called
-     */
-    ;
-
-    _proto.play_ = function play_(callback) {
-      var _this9 = this;
-
-      if (callback === void 0) {
-        callback = silencePromise;
-      }
-
-      this.playCallbacks_.push(callback);
-      var isSrcReady = Boolean(!this.changingSrc_ && (this.src() || this.currentSrc())); // treat calls to play_ somewhat like the `one` event function
-
-      if (this.waitToPlay_) {
-        this.off(['ready', 'loadstart'], this.waitToPlay_);
-        this.waitToPlay_ = null;
-      } // if the player/tech is not ready or the src itself is not ready
-      // queue up a call to play on `ready` or `loadstart`
-
-
-      if (!this.isReady_ || !isSrcReady) {
-        this.waitToPlay_ = function (e) {
-          _this9.play_();
-        };
-
-        this.one(['ready', 'loadstart'], this.waitToPlay_); // if we are in Safari, there is a high chance that loadstart will trigger after the gesture timeperiod
-        // in that case, we need to prime the video element by calling load so it'll be ready in time
-
-        if (!isSrcReady && (IS_ANY_SAFARI || IS_IOS)) {
-          this.load();
-        }
-
-        return;
-      } // If the player/tech is ready and we have a source, we can attempt playback.
-
-
-      var val = this.techGet_('play'); // play was terminated if the returned value is null
-
-      if (val === null) {
-        this.runPlayTerminatedQueue_();
-      } else {
-        this.runPlayCallbacks_(val);
-      }
-    }
-    /**
-     * These functions will be run when if play is terminated. If play
-     * runPlayCallbacks_ is run these function will not be run. This allows us
-     * to differenciate between a terminated play and an actual call to play.
-     */
-    ;
-
-    _proto.runPlayTerminatedQueue_ = function runPlayTerminatedQueue_() {
-      var queue = this.playTerminatedQueue_.slice(0);
-      this.playTerminatedQueue_ = [];
-      queue.forEach(function (q) {
-        q();
-      });
-    }
-    /**
-     * When a callback to play is delayed we have to run these
-     * callbacks when play is actually called on the tech. This function
-     * runs the callbacks that were delayed and accepts the return value
-     * from the tech.
-     *
-     * @param {undefined|Promise} val
-     *        The return value from the tech.
-     */
-    ;
-
-    _proto.runPlayCallbacks_ = function runPlayCallbacks_(val) {
-      var callbacks = this.playCallbacks_.slice(0);
-      this.playCallbacks_ = []; // clear play terminatedQueue since we finished a real play
-
-      this.playTerminatedQueue_ = [];
-      callbacks.forEach(function (cb) {
-        cb(val);
-      });
-    }
-    /**
-     * Pause the video playback
-     *
-     * @return {Player}
-     *         A reference to the player object this function was called on
-     */
-    ;
-
-    _proto.pause = function pause() {
-      this.techCall_('pause');
-    }
-    /**
-     * Check if the player is paused or has yet to play
-     *
-     * @return {boolean}
-     *         - false: if the media is currently playing
-     *         - true: if media is not currently playing
-     */
-    ;
-
-    _proto.paused = function paused() {
-      // The initial state of paused should be true (in Safari it's actually false)
-      return this.techGet_('paused') === false ? false : true;
-    }
-    /**
-     * Get a TimeRange object representing the current ranges of time that the user
-     * has played.
-     *
-     * @return {TimeRange}
-     *         A time range object that represents all the increments of time that have
-     *         been played.
-     */
-    ;
-
-    _proto.played = function played() {
-      return this.techGet_('played') || createTimeRanges(0, 0);
-    }
-    /**
-     * Returns whether or not the user is "scrubbing". Scrubbing is
-     * when the user has clicked the progress bar handle and is
-     * dragging it along the progress bar.
-     *
-     * @param {boolean} [isScrubbing]
-     *        whether the user is or is not scrubbing
-     *
-     * @return {boolean}
-     *         The value of scrubbing when getting
-     */
-    ;
-
-    _proto.scrubbing = function scrubbing(isScrubbing) {
-      if (typeof isScrubbing === 'undefined') {
-        return this.scrubbing_;
-      }
-
-      this.scrubbing_ = !!isScrubbing;
-
-      if (isScrubbing) {
-        this.addClass('vjs-scrubbing');
-      } else {
-        this.removeClass('vjs-scrubbing');
-      }
-    }
-    /**
-     * Get or set the current time (in seconds)
-     *
-     * @param {number|string} [seconds]
-     *        The time to seek to in seconds
-     *
-     * @return {number}
-     *         - the current time in seconds when getting
-     */
-    ;
-
-    _proto.currentTime = function currentTime(seconds) {
-      if (typeof seconds !== 'undefined') {
-        if (seconds < 0) {
-          seconds = 0;
-        }
-
-        this.techCall_('setCurrentTime', seconds);
-        return;
-      } // cache last currentTime and return. default to 0 seconds
-      //
-      // Caching the currentTime is meant to prevent a massive amount of reads on the tech's
-      // currentTime when scrubbing, but may not provide much performance benefit afterall.
-      // Should be tested. Also something has to read the actual current time or the cache will
-      // never get updated.
-
-
-      this.cache_.currentTime = this.techGet_('currentTime') || 0;
-      return this.cache_.currentTime;
-    }
-    /**
-     * Normally gets the length in time of the video in seconds;
-     * in all but the rarest use cases an argument will NOT be passed to the method
-     *
-     * > **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.
-     *
-     * @fires Player#durationchange
-     *
-     * @param {number} [seconds]
-     *        The duration of the video to set in seconds
-     *
-     * @return {number}
-     *         - The duration of the video in seconds when getting
-     */
-    ;
-
-    _proto.duration = function duration(seconds) {
-      if (seconds === undefined) {
-        // return NaN if the duration is not known
-        return this.cache_.duration !== undefined ? this.cache_.duration : NaN;
-      }
-
-      seconds = parseFloat(seconds); // Standardize on Infinity for signaling video is live
-
-      if (seconds < 0) {
-        seconds = Infinity;
-      }
-
-      if (seconds !== this.cache_.duration) {
-        // Cache the last set value for optimized scrubbing (esp. Flash)
-        this.cache_.duration = seconds;
-
-        if (seconds === Infinity) {
-          this.addClass('vjs-live');
-
-          if (this.options_.liveui && this.player_.liveTracker) {
-            this.addClass('vjs-liveui');
-          }
-        } else {
-          this.removeClass('vjs-live');
-          this.removeClass('vjs-liveui');
-        }
-
-        if (!isNaN(seconds)) {
-          // Do not fire durationchange unless the duration value is known.
-          // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-          /**
-           * @event Player#durationchange
-           * @type {EventTarget~Event}
-           */
-          this.trigger('durationchange');
-        }
-      }
-    }
-    /**
-     * Calculates how much time is left in the video. Not part
-     * of the native video API.
-     *
-     * @return {number}
-     *         The time remaining in seconds
-     */
-    ;
-
-    _proto.remainingTime = function remainingTime() {
-      return this.duration() - this.currentTime();
-    }
-    /**
-     * A remaining time function that is intented to be used when
-     * the time is to be displayed directly to the user.
-     *
-     * @return {number}
-     *         The rounded time remaining in seconds
-     */
-    ;
-
-    _proto.remainingTimeDisplay = function remainingTimeDisplay() {
-      return Math.floor(this.duration()) - Math.floor(this.currentTime());
-    } //
-    // Kind of like an array of portions of the video that have been downloaded.
-
-    /**
-     * Get a TimeRange object with an array of the times of the video
-     * that have been downloaded. If you just want the percent of the
-     * video that's been downloaded, use bufferedPercent.
-     *
-     * @see [Buffered Spec]{@link http://dev.w3.org/html5/spec/video.html#dom-media-buffered}
-     *
-     * @return {TimeRange}
-     *         A mock TimeRange object (following HTML spec)
-     */
-    ;
-
-    _proto.buffered = function buffered() {
-      var buffered = this.techGet_('buffered');
-
-      if (!buffered || !buffered.length) {
-        buffered = createTimeRanges(0, 0);
-      }
-
-      return buffered;
-    }
-    /**
-     * Get the percent (as a decimal) of the video that's been downloaded.
-     * This method is not a part of the native HTML video API.
-     *
-     * @return {number}
-     *         A decimal between 0 and 1 representing the percent
-     *         that is buffered 0 being 0% and 1 being 100%
-     */
-    ;
-
-    _proto.bufferedPercent = function bufferedPercent$1() {
-      return bufferedPercent(this.buffered(), this.duration());
-    }
-    /**
-     * Get the ending time of the last buffered time range
-     * This is used in the progress bar to encapsulate all time ranges.
-     *
-     * @return {number}
-     *         The end of the last buffered time range
-     */
-    ;
-
-    _proto.bufferedEnd = function bufferedEnd() {
-      var buffered = this.buffered();
-      var duration = this.duration();
-      var end = buffered.end(buffered.length - 1);
-
-      if (end > duration) {
-        end = duration;
-      }
-
-      return end;
-    }
-    /**
-     * Get or set the current volume of the media
-     *
-     * @param  {number} [percentAsDecimal]
-     *         The new volume as a decimal percent:
-     *         - 0 is muted/0%/off
-     *         - 1.0 is 100%/full
-     *         - 0.5 is half volume or 50%
-     *
-     * @return {number}
-     *         The current volume as a percent when getting
-     */
-    ;
-
-    _proto.volume = function volume(percentAsDecimal) {
-      var vol;
-
-      if (percentAsDecimal !== undefined) {
-        // Force value to between 0 and 1
-        vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal)));
-        this.cache_.volume = vol;
-        this.techCall_('setVolume', vol);
-
-        if (vol > 0) {
-          this.lastVolume_(vol);
-        }
-
-        return;
-      } // Default to 1 when returning current volume.
-
-
-      vol = parseFloat(this.techGet_('volume'));
-      return isNaN(vol) ? 1 : vol;
-    }
-    /**
-     * Get the current muted state, or turn mute on or off
-     *
-     * @param {boolean} [muted]
-     *        - true to mute
-     *        - false to unmute
-     *
-     * @return {boolean}
-     *         - true if mute is on and getting
-     *         - false if mute is off and getting
-     */
-    ;
-
-    _proto.muted = function muted(_muted) {
-      if (_muted !== undefined) {
-        this.techCall_('setMuted', _muted);
-        return;
-      }
-
-      return this.techGet_('muted') || false;
-    }
-    /**
-     * Get the current defaultMuted state, or turn defaultMuted on or off. defaultMuted
-     * indicates the state of muted on initial playback.
-     *
-     * ```js
-     *   var myPlayer = videojs('some-player-id');
-     *
-     *   myPlayer.src("http://www.example.com/path/to/video.mp4");
-     *
-     *   // get, should be false
-     *   console.log(myPlayer.defaultMuted());
-     *   // set to true
-     *   myPlayer.defaultMuted(true);
-     *   // get should be true
-     *   console.log(myPlayer.defaultMuted());
-     * ```
-     *
-     * @param {boolean} [defaultMuted]
-     *        - true to mute
-     *        - false to unmute
-     *
-     * @return {boolean|Player}
-     *         - true if defaultMuted is on and getting
-     *         - false if defaultMuted is off and getting
-     *         - A reference to the current player when setting
-     */
-    ;
-
-    _proto.defaultMuted = function defaultMuted(_defaultMuted) {
-      if (_defaultMuted !== undefined) {
-        return this.techCall_('setDefaultMuted', _defaultMuted);
-      }
-
-      return this.techGet_('defaultMuted') || false;
-    }
-    /**
-     * Get the last volume, or set it
-     *
-     * @param  {number} [percentAsDecimal]
-     *         The new last volume as a decimal percent:
-     *         - 0 is muted/0%/off
-     *         - 1.0 is 100%/full
-     *         - 0.5 is half volume or 50%
-     *
-     * @return {number}
-     *         the current value of lastVolume as a percent when getting
-     *
-     * @private
-     */
-    ;
-
-    _proto.lastVolume_ = function lastVolume_(percentAsDecimal) {
-      if (percentAsDecimal !== undefined && percentAsDecimal !== 0) {
-        this.cache_.lastVolume = percentAsDecimal;
-        return;
-      }
-
-      return this.cache_.lastVolume;
-    }
-    /**
-     * Check if current tech can support native fullscreen
-     * (e.g. with built in controls like iOS, so not our flash swf)
-     *
-     * @return {boolean}
-     *         if native fullscreen is supported
-     */
-    ;
-
-    _proto.supportsFullScreen = function supportsFullScreen() {
-      return this.techGet_('supportsFullScreen') || false;
-    }
-    /**
-     * Check if the player is in fullscreen mode or tell the player that it
-     * is or is not in fullscreen mode.
-     *
-     * > 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.
-     *
-     * @param  {boolean} [isFS]
-     *         Set the players current fullscreen state
-     *
-     * @return {boolean}
-     *         - true if fullscreen is on and getting
-     *         - false if fullscreen is off and getting
-     */
-    ;
-
-    _proto.isFullscreen = function isFullscreen(isFS) {
-      if (isFS !== undefined) {
-        this.isFullscreen_ = !!isFS;
-        this.toggleFullscreenClass_();
-        return;
-      }
-
-      return !!this.isFullscreen_;
-    }
-    /**
-     * 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.
-     *
-     * @param  {Object} [fullscreenOptions]
-     *         Override the player fullscreen options
-     *
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.requestFullscreen = function requestFullscreen(fullscreenOptions) {
-      var fsOptions;
-      this.isFullscreen(true);
-
-      if (this.fsApi_.requestFullscreen) {
-        // the browser supports going fullscreen at the element level so we can
-        // take the controls fullscreen as well as the video
-        // Trigger fullscreenchange event after change
-        // We have to specifically add this each time, and remove
-        // when canceling fullscreen. Otherwise if there's multiple
-        // players on a page, they would all be reacting to the same fullscreen
-        // events
-        on(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_); // only pass FullscreenOptions to requestFullscreen if it isn't prefixed
-
-        if (!this.fsApi_.prefixed) {
-          fsOptions = this.options_.fullscreen && this.options_.fullscreen.options || {};
-
-          if (fullscreenOptions !== undefined) {
-            fsOptions = fullscreenOptions;
-          }
-        }
-
-        silencePromise(this.el_[this.fsApi_.requestFullscreen](fsOptions));
-      } else if (this.tech_.supportsFullScreen()) {
-        // we can't take the video.js controls fullscreen but we can go fullscreen
-        // with native controls
-        this.techCall_('enterFullScreen');
-      } else {
-        // fullscreen isn't supported so we'll just stretch the video element to
-        // fill the viewport
-        this.enterFullWindow();
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * Return the video to its normal size after having been in full screen mode
-     *
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.exitFullscreen = function exitFullscreen() {
-      this.isFullscreen(false); // Check for browser element fullscreen support
-
-      if (this.fsApi_.requestFullscreen) {
-        silencePromise(document[this.fsApi_.exitFullscreen]());
-      } else if (this.tech_.supportsFullScreen()) {
-        this.techCall_('exitFullScreen');
-      } else {
-        this.exitFullWindow();
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * When fullscreen isn't supported we can stretch the
-     * video container to as wide as the browser will let us.
-     *
-     * @fires Player#enterFullWindow
-     */
-    ;
-
-    _proto.enterFullWindow = function enterFullWindow() {
-      this.isFullWindow = true; // Storing original doc overflow value to return to when fullscreen is off
-
-      this.docOrigOverflow = document.documentElement.style.overflow; // Add listener for esc key to exit fullscreen
-
-      on(document, 'keydown', this.boundFullWindowOnEscKey_); // Hide any scroll bars
-
-      document.documentElement.style.overflow = 'hidden'; // Apply fullscreen styles
-
-      addClass(document.body, 'vjs-full-window');
-      /**
-       * @event Player#enterFullWindow
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('enterFullWindow');
-    }
-    /**
-     * Check for call to either exit full window or
-     * full screen on ESC key
-     *
-     * @param {string} event
-     *        Event to check for key press
-     */
-    ;
-
-    _proto.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        if (this.isFullscreen() === true) {
-          this.exitFullscreen();
-        } else {
-          this.exitFullWindow();
-        }
-      }
-    }
-    /**
-     * Exit full window
-     *
-     * @fires Player#exitFullWindow
-     */
-    ;
-
-    _proto.exitFullWindow = function exitFullWindow() {
-      this.isFullWindow = false;
-      off(document, 'keydown', this.boundFullWindowOnEscKey_); // Unhide scroll bars.
-
-      document.documentElement.style.overflow = this.docOrigOverflow; // Remove fullscreen styles
-
-      removeClass(document.body, 'vjs-full-window'); // Resize the box, controller, and poster to original sizes
-      // this.positionAll();
-
-      /**
-       * @event Player#exitFullWindow
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('exitFullWindow');
-    }
-    /**
-     * Check if the player is in Picture-in-Picture mode or tell the player that it
-     * is or is not in Picture-in-Picture mode.
-     *
-     * @param  {boolean} [isPiP]
-     *         Set the players current Picture-in-Picture state
-     *
-     * @return {boolean}
-     *         - true if Picture-in-Picture is on and getting
-     *         - false if Picture-in-Picture is off and getting
-     */
-    ;
-
-    _proto.isInPictureInPicture = function isInPictureInPicture(isPiP) {
-      if (isPiP !== undefined) {
-        this.isInPictureInPicture_ = !!isPiP;
-        this.togglePictureInPictureClass_();
-        return;
-      }
-
-      return !!this.isInPictureInPicture_;
-    }
-    /**
-     * Create a floating video window always on top of other windows so that users may
-     * continue consuming media while they interact with other content sites, or
-     * applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @fires Player#enterpictureinpicture
-     *
-     * @return {Promise}
-     *         A promise with a Picture-in-Picture window.
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      if ('pictureInPictureEnabled' in document) {
-        /**
-         * This event fires when the player enters picture in picture mode
-         *
-         * @event Player#enterpictureinpicture
-         * @type {EventTarget~Event}
-         */
-        return this.techGet_('requestPictureInPicture');
-      }
-    }
-    /**
-     * Exit Picture-in-Picture mode.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @fires Player#leavepictureinpicture
-     *
-     * @return {Promise}
-     *         A promise.
-     */
-    ;
-
-    _proto.exitPictureInPicture = function exitPictureInPicture() {
-      if ('pictureInPictureEnabled' in document) {
-        /**
-         * This event fires when the player leaves picture in picture mode
-         *
-         * @event Player#leavepictureinpicture
-         * @type {EventTarget~Event}
-         */
-        return document.exitPictureInPicture();
-      }
-    }
-    /**
-     * Called when this Player has focus and a key gets pressed down, or when
-     * any Component of this player receives a key press that it doesn't handle.
-     * This allows player-wide hotkeys (either as defined below, or optionally
-     * by an external function).
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      var userActions = this.options_.userActions; // Bail out if hotkeys are not configured.
-
-      if (!userActions || !userActions.hotkeys) {
-        return;
-      } // Function that determines whether or not to exclude an element from
-      // hotkeys handling.
-
-
-      var excludeElement = function excludeElement(el) {
-        var tagName = el.tagName.toLowerCase(); // The first and easiest test is for `contenteditable` elements.
-
-        if (el.isContentEditable) {
-          return true;
-        } // Inputs matching these types will still trigger hotkey handling as
-        // they are not text inputs.
-
-
-        var allowedInputTypes = ['button', 'checkbox', 'hidden', 'radio', 'reset', 'submit'];
-
-        if (tagName === 'input') {
-          return allowedInputTypes.indexOf(el.type) === -1;
-        } // The final test is by tag name. These tags will be excluded entirely.
-
-
-        var excludedTags = ['textarea'];
-        return excludedTags.indexOf(tagName) !== -1;
-      }; // Bail out if the user is focused on an interactive form element.
-
-
-      if (excludeElement(this.el_.ownerDocument.activeElement)) {
-        return;
-      }
-
-      if (typeof userActions.hotkeys === 'function') {
-        userActions.hotkeys.call(this, event);
-      } else {
-        this.handleHotkeys(event);
-      }
-    }
-    /**
-     * Called when this Player receives a hotkey keydown event.
-     * Supported player-wide hotkeys are:
-     *
-     *   f          - toggle fullscreen
-     *   m          - toggle mute
-     *   k or Space - toggle play/pause
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleHotkeys = function handleHotkeys(event) {
-      var hotkeys = this.options_.userActions ? this.options_.userActions.hotkeys : {}; // set fullscreenKey, muteKey, playPauseKey from `hotkeys`, use defaults if not set
-
-      var _hotkeys$fullscreenKe = hotkeys.fullscreenKey,
-          fullscreenKey = _hotkeys$fullscreenKe === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'f');
-      } : _hotkeys$fullscreenKe,
-          _hotkeys$muteKey = hotkeys.muteKey,
-          muteKey = _hotkeys$muteKey === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'm');
-      } : _hotkeys$muteKey,
-          _hotkeys$playPauseKey = hotkeys.playPauseKey,
-          playPauseKey = _hotkeys$playPauseKey === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'k') || keycode.isEventKey(keydownEvent, 'Space');
-      } : _hotkeys$playPauseKey;
-
-      if (fullscreenKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var FSToggle = Component.getComponent('FullscreenToggle');
-
-        if (document[this.fsApi_.fullscreenEnabled] !== false) {
-          FSToggle.prototype.handleClick.call(this, event);
-        }
-      } else if (muteKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var MuteToggle = Component.getComponent('MuteToggle');
-        MuteToggle.prototype.handleClick.call(this, event);
-      } else if (playPauseKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var PlayToggle = Component.getComponent('PlayToggle');
-        PlayToggle.prototype.handleClick.call(this, event);
-      }
-    }
-    /**
-     * Check whether the player can play a given mimetype
-     *
-     * @see https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-navigator-canplaytype
-     *
-     * @param {string} type
-     *        The mimetype to check
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-    ;
-
-    _proto.canPlayType = function canPlayType(type) {
-      var can; // Loop through each playback technology in the options order
-
-      for (var i = 0, j = this.options_.techOrder; i < j.length; i++) {
-        var techName = j[i];
-        var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-        // Remove once that deprecated behavior is removed.
-
-        if (!tech) {
-          tech = Component.getComponent(techName);
-        } // Check if the current tech is defined before continuing
-
-
-        if (!tech) {
-          log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-          continue;
-        } // Check if the browser supports this technology
-
-
-        if (tech.isSupported()) {
-          can = tech.canPlayType(type);
-
-          if (can) {
-            return can;
-          }
-        }
-      }
-
-      return '';
-    }
-    /**
-     * Select source based on tech-order or source-order
-     * Uses source-order selection if `options.sourceOrder` is truthy. Otherwise,
-     * defaults to tech-order selection
-     *
-     * @param {Array} sources
-     *        The sources for a media asset
-     *
-     * @return {Object|boolean}
-     *         Object of source and tech order or false
-     */
-    ;
-
-    _proto.selectSource = function selectSource(sources) {
-      var _this10 = this;
-
-      // Get only the techs specified in `techOrder` that exist and are supported by the
-      // current platform
-      var techs = this.options_.techOrder.map(function (techName) {
-        return [techName, Tech.getTech(techName)];
-      }).filter(function (_ref) {
-        var techName = _ref[0],
-            tech = _ref[1];
-
-        // Check if the current tech is defined before continuing
-        if (tech) {
-          // Check if the browser supports this technology
-          return tech.isSupported();
-        }
-
-        log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-        return false;
-      }); // Iterate over each `innerArray` element once per `outerArray` element and execute
-      // `tester` with both. If `tester` returns a non-falsy value, exit early and return
-      // that value.
-
-      var findFirstPassingTechSourcePair = function findFirstPassingTechSourcePair(outerArray, innerArray, tester) {
-        var found;
-        outerArray.some(function (outerChoice) {
-          return innerArray.some(function (innerChoice) {
-            found = tester(outerChoice, innerChoice);
-
-            if (found) {
-              return true;
-            }
-          });
-        });
-        return found;
-      };
-
-      var foundSourceAndTech;
-
-      var flip = function flip(fn) {
-        return function (a, b) {
-          return fn(b, a);
-        };
-      };
-
-      var finder = function finder(_ref2, source) {
-        var techName = _ref2[0],
-            tech = _ref2[1];
-
-        if (tech.canPlaySource(source, _this10.options_[techName.toLowerCase()])) {
-          return {
-            source: source,
-            tech: techName
-          };
-        }
-      }; // Depending on the truthiness of `options.sourceOrder`, we swap the order of techs and sources
-      // to select from them based on their priority.
-
-
-      if (this.options_.sourceOrder) {
-        // Source-first ordering
-        foundSourceAndTech = findFirstPassingTechSourcePair(sources, techs, flip(finder));
-      } else {
-        // Tech-first ordering
-        foundSourceAndTech = findFirstPassingTechSourcePair(techs, sources, finder);
-      }
-
-      return foundSourceAndTech || false;
-    }
-    /**
-     * Get or set the video source.
-     *
-     * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
-     *        A SourceObject, an array of SourceObjects, or a string referencing
-     *        a URL to a media source. It is _highly recommended_ that an object
-     *        or array of objects is used here, so that source selection
-     *        algorithms can take the `type` into account.
-     *
-     *        If not provided, this method acts as a getter.
-     *
-     * @return {string|undefined}
-     *         If the `source` argument is missing, returns the current source
-     *         URL. Otherwise, returns nothing/undefined.
-     */
-    ;
-
-    _proto.src = function src(source) {
-      var _this11 = this;
-
-      // getter usage
-      if (typeof source === 'undefined') {
-        return this.cache_.src || '';
-      } // filter out invalid sources and turn our source into
-      // an array of source objects
-
-
-      var sources = filterSource(source); // if a source was passed in then it is invalid because
-      // it was filtered to a zero length Array. So we have to
-      // show an error
-
-      if (!sources.length) {
-        this.setTimeout(function () {
-          this.error({
-            code: 4,
-            message: this.localize(this.options_.notSupportedMessage)
-          });
-        }, 0);
-        return;
-      } // intial sources
-
-
-      this.changingSrc_ = true;
-      this.cache_.sources = sources;
-      this.updateSourceCaches_(sources[0]); // middlewareSource is the source after it has been changed by middleware
-
-      setSource(this, sources[0], function (middlewareSource, mws) {
-        _this11.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
-        // the source that is selected could be out of order from the cache update above this callback.
-
-        _this11.cache_.sources = sources;
-
-        _this11.updateSourceCaches_(middlewareSource);
-
-        var err = _this11.src_(middlewareSource);
-
-        if (err) {
-          if (sources.length > 1) {
-            return _this11.src(sources.slice(1));
-          }
-
-          _this11.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
-
-          _this11.setTimeout(function () {
-            this.error({
-              code: 4,
-              message: this.localize(this.options_.notSupportedMessage)
-            });
-          }, 0); // we could not find an appropriate tech, but let's still notify the delegate that this is it
-          // this needs a better comment about why this is needed
-
-
-          _this11.triggerReady();
-
-          return;
-        }
-
-        setTech(mws, _this11.tech_);
-      });
-    }
-    /**
-     * Set the source object on the tech, returns a boolean that indicates whether
-     * there is a tech that can play the source or not
-     *
-     * @param {Tech~SourceObject} source
-     *        The source object to set on the Tech
-     *
-     * @return {boolean}
-     *         - True if there is no Tech to playback this source
-     *         - False otherwise
-     *
-     * @private
-     */
-    ;
-
-    _proto.src_ = function src_(source) {
-      var _this12 = this;
-
-      var sourceTech = this.selectSource([source]);
-
-      if (!sourceTech) {
-        return true;
-      }
-
-      if (!titleCaseEquals(sourceTech.tech, this.techName_)) {
-        this.changingSrc_ = true; // load this technology with the chosen source
-
-        this.loadTech_(sourceTech.tech, sourceTech.source);
-        this.tech_.ready(function () {
-          _this12.changingSrc_ = false;
-        });
-        return false;
-      } // wait until the tech is ready to set the source
-      // and set it synchronously if possible (#2326)
-
-
-      this.ready(function () {
-        // The setSource tech method was added with source handlers
-        // so older techs won't support it
-        // We need to check the direct prototype for the case where subclasses
-        // of the tech do not support source handlers
-        if (this.tech_.constructor.prototype.hasOwnProperty('setSource')) {
-          this.techCall_('setSource', source);
-        } else {
-          this.techCall_('src', source.src);
-        }
-
-        this.changingSrc_ = false;
-      }, true);
-      return false;
-    }
-    /**
-     * Begin loading the src data.
-     */
-    ;
-
-    _proto.load = function load() {
-      this.techCall_('load');
-    }
-    /**
-     * Reset the player. Loads the first tech in the techOrder,
-     * removes all the text tracks in the existing `tech`,
-     * and calls `reset` on the `tech`.
-     */
-    ;
-
-    _proto.reset = function reset() {
-      var _this13 = this;
-
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (this.paused() || !PromiseClass) {
-        this.doReset_();
-      } else {
-        var playPromise = this.play();
-        silencePromise(playPromise.then(function () {
-          return _this13.doReset_();
-        }));
-      }
-    };
-
-    _proto.doReset_ = function doReset_() {
-      if (this.tech_) {
-        this.tech_.clearTracks('text');
-      }
-
-      this.resetCache_();
-      this.poster('');
-      this.loadTech_(this.options_.techOrder[0], null);
-      this.techCall_('reset');
-      this.resetControlBarUI_();
-
-      if (isEvented(this)) {
-        this.trigger('playerreset');
-      }
-    }
-    /**
-     * Reset Control Bar's UI by calling sub-methods that reset
-     * all of Control Bar's components
-     */
-    ;
-
-    _proto.resetControlBarUI_ = function resetControlBarUI_() {
-      this.resetProgressBar_();
-      this.resetPlaybackRate_();
-      this.resetVolumeBar_();
-    }
-    /**
-     * Reset tech's progress so progress bar is reset in the UI
-     */
-    ;
-
-    _proto.resetProgressBar_ = function resetProgressBar_() {
-      this.currentTime(0);
-      var _this$controlBar = this.controlBar,
-          durationDisplay = _this$controlBar.durationDisplay,
-          remainingTimeDisplay = _this$controlBar.remainingTimeDisplay;
-
-      if (durationDisplay) {
-        durationDisplay.updateContent();
-      }
-
-      if (remainingTimeDisplay) {
-        remainingTimeDisplay.updateContent();
-      }
-    }
-    /**
-     * Reset Playback ratio
-     */
-    ;
-
-    _proto.resetPlaybackRate_ = function resetPlaybackRate_() {
-      this.playbackRate(this.defaultPlaybackRate());
-      this.handleTechRateChange_();
-    }
-    /**
-     * Reset Volume bar
-     */
-    ;
-
-    _proto.resetVolumeBar_ = function resetVolumeBar_() {
-      this.volume(1.0);
-      this.trigger('volumechange');
-    }
-    /**
-     * Returns all of the current source objects.
-     *
-     * @return {Tech~SourceObject[]}
-     *         The current source objects
-     */
-    ;
-
-    _proto.currentSources = function currentSources() {
-      var source = this.currentSource();
-      var sources = []; // assume `{}` or `{ src }`
-
-      if (Object.keys(source).length !== 0) {
-        sources.push(source);
-      }
-
-      return this.cache_.sources || sources;
-    }
-    /**
-     * Returns the current source object.
-     *
-     * @return {Tech~SourceObject}
-     *         The current source object
-     */
-    ;
-
-    _proto.currentSource = function currentSource() {
-      return this.cache_.source || {};
-    }
-    /**
-     * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4
-     * Can be used in conjunction with `currentType` to assist in rebuilding the current source object.
-     *
-     * @return {string}
-     *         The current source
-     */
-    ;
-
-    _proto.currentSrc = function currentSrc() {
-      return this.currentSource() && this.currentSource().src || '';
-    }
-    /**
-     * Get the current source type e.g. video/mp4
-     * This can allow you rebuild the current source object so that you could load the same
-     * source and tech later
-     *
-     * @return {string}
-     *         The source MIME type
-     */
-    ;
-
-    _proto.currentType = function currentType() {
-      return this.currentSource() && this.currentSource().type || '';
-    }
-    /**
-     * Get or set the preload attribute
-     *
-     * @param {boolean} [value]
-     *        - true means that we should preload
-     *        - false means that we should not preload
-     *
-     * @return {string}
-     *         The preload attribute value when getting
-     */
-    ;
-
-    _proto.preload = function preload(value) {
-      if (value !== undefined) {
-        this.techCall_('setPreload', value);
-        this.options_.preload = value;
-        return;
-      }
-
-      return this.techGet_('preload');
-    }
-    /**
-     * Get or set the autoplay option. When this is a boolean it will
-     * modify the attribute on the tech. When this is a string the attribute on
-     * the tech will be removed and `Player` will handle autoplay on loadstarts.
-     *
-     * @param {boolean|string} [value]
-     *        - true: autoplay using the browser behavior
-     *        - false: do not autoplay
-     *        - 'play': call play() on every loadstart
-     *        - 'muted': call muted() then play() on every loadstart
-     *        - 'any': call play() on every loadstart. if that fails call muted() then play().
-     *        - *: values other than those listed here will be set `autoplay` to true
-     *
-     * @return {boolean|string}
-     *         The current value of autoplay when getting
-     */
-    ;
-
-    _proto.autoplay = function autoplay(value) {
-      // getter usage
-      if (value === undefined) {
-        return this.options_.autoplay || false;
-      }
-
-      var techAutoplay; // if the value is a valid string set it to that
-
-      if (typeof value === 'string' && /(any|play|muted)/.test(value)) {
-        this.options_.autoplay = value;
-        this.manualAutoplay_(value);
-        techAutoplay = false; // any falsy value sets autoplay to false in the browser,
-        // lets do the same
-      } else if (!value) {
-        this.options_.autoplay = false; // any other value (ie truthy) sets autoplay to true
-      } else {
-        this.options_.autoplay = true;
-      }
-
-      techAutoplay = typeof techAutoplay === 'undefined' ? this.options_.autoplay : techAutoplay; // if we don't have a tech then we do not queue up
-      // a setAutoplay call on tech ready. We do this because the
-      // autoplay option will be passed in the constructor and we
-      // do not need to set it twice
-
-      if (this.tech_) {
-        this.techCall_('setAutoplay', techAutoplay);
-      }
-    }
-    /**
-     * Set or unset the playsinline attribute.
-     * Playsinline tells the browser that non-fullscreen playback is preferred.
-     *
-     * @param {boolean} [value]
-     *        - true means that we should try to play inline by default
-     *        - false means that we should use the browser's default playback mode,
-     *          which in most cases is inline. iOS Safari is a notable exception
-     *          and plays fullscreen by default.
-     *
-     * @return {string|Player}
-     *         - the current value of playsinline
-     *         - the player when setting
-     *
-     * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-     */
-    ;
-
-    _proto.playsinline = function playsinline(value) {
-      if (value !== undefined) {
-        this.techCall_('setPlaysinline', value);
-        this.options_.playsinline = value;
-        return this;
-      }
-
-      return this.techGet_('playsinline');
-    }
-    /**
-     * Get or set the loop attribute on the video element.
-     *
-     * @param {boolean} [value]
-     *        - true means that we should loop the video
-     *        - false means that we should not loop the video
-     *
-     * @return {boolean}
-     *         The current value of loop when getting
-     */
-    ;
-
-    _proto.loop = function loop(value) {
-      if (value !== undefined) {
-        this.techCall_('setLoop', value);
-        this.options_.loop = value;
-        return;
-      }
-
-      return this.techGet_('loop');
-    }
-    /**
-     * Get or set the poster image source url
-     *
-     * @fires Player#posterchange
-     *
-     * @param {string} [src]
-     *        Poster image source URL
-     *
-     * @return {string}
-     *         The current value of poster when getting
-     */
-    ;
-
-    _proto.poster = function poster(src) {
-      if (src === undefined) {
-        return this.poster_;
-      } // The correct way to remove a poster is to set as an empty string
-      // other falsey values will throw errors
-
-
-      if (!src) {
-        src = '';
-      }
-
-      if (src === this.poster_) {
-        return;
-      } // update the internal poster variable
-
-
-      this.poster_ = src; // update the tech's poster
-
-      this.techCall_('setPoster', src);
-      this.isPosterFromTech_ = false; // alert components that the poster has been set
-
-      /**
-       * This event fires when the poster image is changed on the player.
-       *
-       * @event Player#posterchange
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('posterchange');
-    }
-    /**
-     * Some techs (e.g. YouTube) can provide a poster source in an
-     * asynchronous way. We want the poster component to use this
-     * poster source so that it covers up the tech's controls.
-     * (YouTube's play button). However we only want to use this
-     * source if the player user hasn't set a poster through
-     * the normal APIs.
-     *
-     * @fires Player#posterchange
-     * @listens Tech#posterchange
-     * @private
-     */
-    ;
-
-    _proto.handleTechPosterChange_ = function handleTechPosterChange_() {
-      if ((!this.poster_ || this.options_.techCanOverridePoster) && this.tech_ && this.tech_.poster) {
-        var newPoster = this.tech_.poster() || '';
-
-        if (newPoster !== this.poster_) {
-          this.poster_ = newPoster;
-          this.isPosterFromTech_ = true; // Let components know the poster has changed
-
-          this.trigger('posterchange');
-        }
-      }
-    }
-    /**
-     * Get or set whether or not the controls are showing.
-     *
-     * @fires Player#controlsenabled
-     *
-     * @param {boolean} [bool]
-     *        - true to turn controls on
-     *        - false to turn controls off
-     *
-     * @return {boolean}
-     *         The current value of controls when getting
-     */
-    ;
-
-    _proto.controls = function controls(bool) {
-      if (bool === undefined) {
-        return !!this.controls_;
-      }
-
-      bool = !!bool; // Don't trigger a change event unless it actually changed
-
-      if (this.controls_ === bool) {
-        return;
-      }
-
-      this.controls_ = bool;
-
-      if (this.usingNativeControls()) {
-        this.techCall_('setControls', bool);
-      }
-
-      if (this.controls_) {
-        this.removeClass('vjs-controls-disabled');
-        this.addClass('vjs-controls-enabled');
-        /**
-         * @event Player#controlsenabled
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('controlsenabled');
-
-        if (!this.usingNativeControls()) {
-          this.addTechControlsListeners_();
-        }
-      } else {
-        this.removeClass('vjs-controls-enabled');
-        this.addClass('vjs-controls-disabled');
-        /**
-         * @event Player#controlsdisabled
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('controlsdisabled');
-
-        if (!this.usingNativeControls()) {
-          this.removeTechControlsListeners_();
-        }
-      }
-    }
-    /**
-     * Toggle native controls on/off. Native controls are the controls built into
-     * devices (e.g. default iPhone controls), Flash, or other techs
-     * (e.g. Vimeo Controls)
-     * **This should only be set by the current tech, because only the tech knows
-     * if it can support native controls**
-     *
-     * @fires Player#usingnativecontrols
-     * @fires Player#usingcustomcontrols
-     *
-     * @param {boolean} [bool]
-     *        - true to turn native controls on
-     *        - false to turn native controls off
-     *
-     * @return {boolean}
-     *         The current value of native controls when getting
-     */
-    ;
-
-    _proto.usingNativeControls = function usingNativeControls(bool) {
-      if (bool === undefined) {
-        return !!this.usingNativeControls_;
-      }
-
-      bool = !!bool; // Don't trigger a change event unless it actually changed
-
-      if (this.usingNativeControls_ === bool) {
-        return;
-      }
-
-      this.usingNativeControls_ = bool;
-
-      if (this.usingNativeControls_) {
-        this.addClass('vjs-using-native-controls');
-        /**
-         * player is using the native device controls
-         *
-         * @event Player#usingnativecontrols
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('usingnativecontrols');
-      } else {
-        this.removeClass('vjs-using-native-controls');
-        /**
-         * player is using the custom HTML controls
-         *
-         * @event Player#usingcustomcontrols
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('usingcustomcontrols');
-      }
-    }
-    /**
-     * Set or get the current MediaError
-     *
-     * @fires Player#error
-     *
-     * @param  {MediaError|string|number} [err]
-     *         A MediaError or a string/number to be turned
-     *         into a MediaError
-     *
-     * @return {MediaError|null}
-     *         The current MediaError when getting (or null)
-     */
-    ;
-
-    _proto.error = function error(err) {
-      if (err === undefined) {
-        return this.error_ || null;
-      } // Suppress the first error message for no compatible source until
-      // user interaction
-
-
-      if (this.options_.suppressNotSupportedError && err && err.code === 4) {
-        var triggerSuppressedError = function triggerSuppressedError() {
-          this.error(err);
-        };
-
-        this.options_.suppressNotSupportedError = false;
-        this.any(['click', 'touchstart'], triggerSuppressedError);
-        this.one('loadstart', function () {
-          this.off(['click', 'touchstart'], triggerSuppressedError);
-        });
-        return;
-      } // restoring to default
-
-
-      if (err === null) {
-        this.error_ = err;
-        this.removeClass('vjs-error');
-
-        if (this.errorDisplay) {
-          this.errorDisplay.close();
-        }
-
-        return;
-      }
-
-      this.error_ = new MediaError(err); // add the vjs-error classname to the player
-
-      this.addClass('vjs-error'); // log the name of the error type and any message
-      // IE11 logs "[object object]" and required you to expand message to see error object
-
-      log.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
-      /**
-       * @event Player#error
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('error');
-      return;
-    }
-    /**
-     * Report user activity
-     *
-     * @param {Object} event
-     *        Event object
-     */
-    ;
-
-    _proto.reportUserActivity = function reportUserActivity(event) {
-      this.userActivity_ = true;
-    }
-    /**
-     * Get/set if user is active
-     *
-     * @fires Player#useractive
-     * @fires Player#userinactive
-     *
-     * @param {boolean} [bool]
-     *        - true if the user is active
-     *        - false if the user is inactive
-     *
-     * @return {boolean}
-     *         The current value of userActive when getting
-     */
-    ;
-
-    _proto.userActive = function userActive(bool) {
-      if (bool === undefined) {
-        return this.userActive_;
-      }
-
-      bool = !!bool;
-
-      if (bool === this.userActive_) {
-        return;
-      }
-
-      this.userActive_ = bool;
-
-      if (this.userActive_) {
-        this.userActivity_ = true;
-        this.removeClass('vjs-user-inactive');
-        this.addClass('vjs-user-active');
-        /**
-         * @event Player#useractive
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('useractive');
-        return;
-      } // Chrome/Safari/IE have bugs where when you change the cursor it can
-      // trigger a mousemove event. This causes an issue when you're hiding
-      // the cursor when the user is inactive, and a mousemove signals user
-      // activity. Making it impossible to go into inactive mode. Specifically
-      // this happens in fullscreen when we really need to hide the cursor.
-      //
-      // When this gets resolved in ALL browsers it can be removed
-      // https://code.google.com/p/chromium/issues/detail?id=103041
-
-
-      if (this.tech_) {
-        this.tech_.one('mousemove', function (e) {
-          e.stopPropagation();
-          e.preventDefault();
-        });
-      }
-
-      this.userActivity_ = false;
-      this.removeClass('vjs-user-active');
-      this.addClass('vjs-user-inactive');
-      /**
-       * @event Player#userinactive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('userinactive');
-    }
-    /**
-     * Listen for user activity based on timeout value
-     *
-     * @private
-     */
-    ;
-
-    _proto.listenForUserActivity_ = function listenForUserActivity_() {
-      var mouseInProgress;
-      var lastMoveX;
-      var lastMoveY;
-      var handleActivity = bind(this, this.reportUserActivity);
-
-      var handleMouseMove = function handleMouseMove(e) {
-        // #1068 - Prevent mousemove spamming
-        // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970
-        if (e.screenX !== lastMoveX || e.screenY !== lastMoveY) {
-          lastMoveX = e.screenX;
-          lastMoveY = e.screenY;
-          handleActivity();
-        }
-      };
-
-      var handleMouseDown = function handleMouseDown() {
-        handleActivity(); // 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
-
-        this.clearInterval(mouseInProgress); // Setting userActivity=true now and setting the interval to the same time
-        // as the activityCheck interval (250) should ensure we never miss the
-        // next activityCheck
-
-        mouseInProgress = this.setInterval(handleActivity, 250);
-      };
-
-      var handleMouseUp = function handleMouseUp(event) {
-        handleActivity(); // Stop the interval that maintains activity if the mouse/touch is down
-
-        this.clearInterval(mouseInProgress);
-      }; // Any mouse movement will be considered user activity
-
-
-      this.on('mousedown', handleMouseDown);
-      this.on('mousemove', handleMouseMove);
-      this.on('mouseup', handleMouseUp);
-      var controlBar = this.getChild('controlBar'); // Fixes bug on Android & iOS where when tapping progressBar (when control bar is displayed)
-      // controlBar would no longer be hidden by default timeout.
-
-      if (controlBar && !IS_IOS && !IS_ANDROID) {
-        controlBar.on('mouseenter', function (event) {
-          this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
-          this.player().options_.inactivityTimeout = 0;
-        });
-        controlBar.on('mouseleave', function (event) {
-          this.player().options_.inactivityTimeout = this.player().cache_.inactivityTimeout;
-        });
-      } // Listen for keyboard navigation
-      // Shouldn't need to use inProgress interval because of key repeat
-
-
-      this.on('keydown', handleActivity);
-      this.on('keyup', handleActivity); // Run an interval every 250 milliseconds instead of stuffing everything into
-      // the mousemove/touchmove function itself, to prevent performance degradation.
-      // `this.reportUserActivity` simply sets this.userActivity_ to true, which
-      // then gets picked up by this loop
-      // http://ejohn.org/blog/learning-from-twitter/
-
-      var inactivityTimeout;
-      this.setInterval(function () {
-        // Check to see if mouse/touch activity has happened
-        if (!this.userActivity_) {
-          return;
-        } // Reset the activity tracker
-
-
-        this.userActivity_ = false; // If the user state was inactive, set the state to active
-
-        this.userActive(true); // Clear any existing inactivity timeout to start the timer over
-
-        this.clearTimeout(inactivityTimeout);
-        var timeout = this.options_.inactivityTimeout;
-
-        if (timeout <= 0) {
-          return;
-        } // In <timeout> milliseconds, if no more activity has occurred the
-        // user will be considered inactive
-
-
-        inactivityTimeout = this.setTimeout(function () {
-          // Protect against the case where the inactivityTimeout can trigger just
-          // before the next user activity is picked up by the activity check loop
-          // causing a flicker
-          if (!this.userActivity_) {
-            this.userActive(false);
-          }
-        }, timeout);
-      }, 250);
-    }
-    /**
-     * Gets or sets the current playback rate. A playback rate of
-     * 1.0 represents normal speed and 0.5 would indicate half-speed
-     * playback, for instance.
-     *
-     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-playbackrate
-     *
-     * @param {number} [rate]
-     *       New playback rate to set.
-     *
-     * @return {number}
-     *         The current playback rate when getting or 1.0
-     */
-    ;
-
-    _proto.playbackRate = function playbackRate(rate) {
-      if (rate !== undefined) {
-        // NOTE: this.cache_.lastPlaybackRate is set from the tech handler
-        // that is registered above
-        this.techCall_('setPlaybackRate', rate);
-        return;
-      }
-
-      if (this.tech_ && this.tech_.featuresPlaybackRate) {
-        return this.cache_.lastPlaybackRate || this.techGet_('playbackRate');
-      }
-
-      return 1.0;
-    }
-    /**
-     * Gets or sets the current default playback rate. A default playback rate of
-     * 1.0 represents normal speed and 0.5 would indicate half-speed playback, for instance.
-     * defaultPlaybackRate will only represent what the initial playbackRate of a video was, not
-     * not the current playbackRate.
-     *
-     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate
-     *
-     * @param {number} [rate]
-     *       New default playback rate to set.
-     *
-     * @return {number|Player}
-     *         - The default playback rate when getting or 1.0
-     *         - the player when setting
-     */
-    ;
-
-    _proto.defaultPlaybackRate = function defaultPlaybackRate(rate) {
-      if (rate !== undefined) {
-        return this.techCall_('setDefaultPlaybackRate', rate);
-      }
-
-      if (this.tech_ && this.tech_.featuresPlaybackRate) {
-        return this.techGet_('defaultPlaybackRate');
-      }
-
-      return 1.0;
-    }
-    /**
-     * Gets or sets the audio flag
-     *
-     * @param {boolean} bool
-     *        - true signals that this is an audio player
-     *        - false signals that this is not an audio player
-     *
-     * @return {boolean}
-     *         The current value of isAudio when getting
-     */
-    ;
-
-    _proto.isAudio = function isAudio(bool) {
-      if (bool !== undefined) {
-        this.isAudio_ = !!bool;
-        return;
-      }
-
-      return !!this.isAudio_;
-    }
-    /**
-     * A helper method for adding a {@link TextTrack} to our
-     * {@link TextTrackList}.
-     *
-     * In addition to the W3C settings we allow adding additional info through options.
-     *
-     * @see http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
-     *
-     * @param {string} [kind]
-     *        the kind of TextTrack you are adding
-     *
-     * @param {string} [label]
-     *        the label to give the TextTrack label
-     *
-     * @param {string} [language]
-     *        the language to set on the TextTrack
-     *
-     * @return {TextTrack|undefined}
-     *         the TextTrack that was added or undefined
-     *         if there is no tech
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (this.tech_) {
-        return this.tech_.addTextTrack(kind, label, language);
-      }
-    }
-    /**
-     * Create a remote {@link TextTrack} and an {@link HTMLTrackElement}. It will
-     * automatically removed from the video element whenever the source changes, unless
-     * manualCleanup is set to false.
-     *
-     * @param {Object} options
-     *        Options to pass to {@link HTMLTrackElement} during creation. See
-     *        {@link HTMLTrackElement} for object properties that you should use.
-     *
-     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-     *
-     * @return {HtmlTrackElement}
-     *         the HTMLTrackElement that was created and added
-     *         to the HtmlTrackElementList and the remote
-     *         TextTrackList
-     *
-     * @deprecated The default value of the "manualCleanup" parameter will default
-     *             to "false" in upcoming versions of Video.js
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      if (this.tech_) {
-        return this.tech_.addRemoteTextTrack(options, manualCleanup);
-      }
-    }
-    /**
-     * Remove a remote {@link TextTrack} from the respective
-     * {@link TextTrackList} and {@link HtmlTrackElementList}.
-     *
-     * @param {Object} track
-     *        Remote {@link TextTrack} to remove
-     *
-     * @return {undefined}
-     *         does not return anything
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(obj) {
-      if (obj === void 0) {
-        obj = {};
-      }
-
-      var _obj = obj,
-          track = _obj.track;
-
-      if (!track) {
-        track = obj;
-      } // destructure the input into an object with a track argument, defaulting to arguments[0]
-      // default the whole argument to an empty object if nothing was passed in
-
-
-      if (this.tech_) {
-        return this.tech_.removeRemoteTextTrack(track);
-      }
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object|undefined}
-     *         An object with supported media playback quality metrics or undefined if there
-     *         is no tech or the tech does not support it.
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      return this.techGet_('getVideoPlaybackQuality');
-    }
-    /**
-     * Get video width
-     *
-     * @return {number}
-     *         current video width
-     */
-    ;
-
-    _proto.videoWidth = function videoWidth() {
-      return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-    }
-    /**
-     * Get video height
-     *
-     * @return {number}
-     *         current video height
-     */
-    ;
-
-    _proto.videoHeight = function videoHeight() {
-      return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;
-    }
-    /**
-     * The player's language code
-     * NOTE: The language should be set in the player options if you want the
-     * the controls to be built with a specific language. Changing the language
-     * later will not update controls text.
-     *
-     * @param {string} [code]
-     *        the language code to set the player to
-     *
-     * @return {string}
-     *         The current language code when getting
-     */
-    ;
-
-    _proto.language = function language(code) {
-      if (code === undefined) {
-        return this.language_;
-      }
-
-      this.language_ = String(code).toLowerCase();
-    }
-    /**
-     * Get the player's language dictionary
-     * Merge every time, because a newly added plugin might call videojs.addLanguage() at any time
-     * Languages specified directly in the player options have precedence
-     *
-     * @return {Array}
-     *         An array of of supported languages
-     */
-    ;
-
-    _proto.languages = function languages() {
-      return mergeOptions(Player.prototype.options_.languages, this.languages_);
-    }
-    /**
-     * returns a JavaScript object reperesenting the current track
-     * information. **DOES not return it as JSON**
-     *
-     * @return {Object}
-     *         Object representing the current of track info
-     */
-    ;
-
-    _proto.toJSON = function toJSON() {
-      var options = mergeOptions(this.options_);
-      var tracks = options.tracks;
-      options.tracks = [];
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // deep merge tracks and null out player so no circular references
-
-        track = mergeOptions(track);
-        track.player = undefined;
-        options.tracks[i] = track;
-      }
-
-      return options;
-    }
-    /**
-     * Creates a simple modal dialog (an instance of the {@link ModalDialog}
-     * component) that immediately overlays the player with arbitrary
-     * content and removes itself when closed.
-     *
-     * @param {string|Function|Element|Array|null} content
-     *        Same as {@link ModalDialog#content}'s param of the same name.
-     *        The most straight-forward usage is to provide a string or DOM
-     *        element.
-     *
-     * @param {Object} [options]
-     *        Extra options which will be passed on to the {@link ModalDialog}.
-     *
-     * @return {ModalDialog}
-     *         the {@link ModalDialog} that was created
-     */
-    ;
-
-    _proto.createModal = function createModal(content, options) {
-      var _this14 = this;
-
-      options = options || {};
-      options.content = content || '';
-      var modal = new ModalDialog(this, options);
-      this.addChild(modal);
-      modal.on('dispose', function () {
-        _this14.removeChild(modal);
-      });
-      modal.open();
-      return modal;
-    }
-    /**
-     * Change breakpoint classes when the player resizes.
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateCurrentBreakpoint_ = function updateCurrentBreakpoint_() {
-      if (!this.responsive()) {
-        return;
-      }
-
-      var currentBreakpoint = this.currentBreakpoint();
-      var currentWidth = this.currentWidth();
-
-      for (var i = 0; i < BREAKPOINT_ORDER.length; i++) {
-        var candidateBreakpoint = BREAKPOINT_ORDER[i];
-        var maxWidth = this.breakpoints_[candidateBreakpoint];
-
-        if (currentWidth <= maxWidth) {
-          // The current breakpoint did not change, nothing to do.
-          if (currentBreakpoint === candidateBreakpoint) {
-            return;
-          } // Only remove a class if there is a current breakpoint.
-
-
-          if (currentBreakpoint) {
-            this.removeClass(BREAKPOINT_CLASSES[currentBreakpoint]);
-          }
-
-          this.addClass(BREAKPOINT_CLASSES[candidateBreakpoint]);
-          this.breakpoint_ = candidateBreakpoint;
-          break;
-        }
-      }
-    }
-    /**
-     * Removes the current breakpoint.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeCurrentBreakpoint_ = function removeCurrentBreakpoint_() {
-      var className = this.currentBreakpointClass();
-      this.breakpoint_ = '';
-
-      if (className) {
-        this.removeClass(className);
-      }
-    }
-    /**
-     * Get or set breakpoints on the player.
-     *
-     * Calling this method with an object or `true` will remove any previous
-     * custom breakpoints and start from the defaults again.
-     *
-     * @param  {Object|boolean} [breakpoints]
-     *         If an object is given, it can be used to provide custom
-     *         breakpoints. If `true` is given, will set default breakpoints.
-     *         If this argument is not given, will simply return the current
-     *         breakpoints.
-     *
-     * @param  {number} [breakpoints.tiny]
-     *         The maximum width for the "vjs-layout-tiny" class.
-     *
-     * @param  {number} [breakpoints.xsmall]
-     *         The maximum width for the "vjs-layout-x-small" class.
-     *
-     * @param  {number} [breakpoints.small]
-     *         The maximum width for the "vjs-layout-small" class.
-     *
-     * @param  {number} [breakpoints.medium]
-     *         The maximum width for the "vjs-layout-medium" class.
-     *
-     * @param  {number} [breakpoints.large]
-     *         The maximum width for the "vjs-layout-large" class.
-     *
-     * @param  {number} [breakpoints.xlarge]
-     *         The maximum width for the "vjs-layout-x-large" class.
-     *
-     * @param  {number} [breakpoints.huge]
-     *         The maximum width for the "vjs-layout-huge" class.
-     *
-     * @return {Object}
-     *         An object mapping breakpoint names to maximum width values.
-     */
-    ;
-
-    _proto.breakpoints = function breakpoints(_breakpoints) {
-      // Used as a getter.
-      if (_breakpoints === undefined) {
-        return assign(this.breakpoints_);
-      }
-
-      this.breakpoint_ = '';
-      this.breakpoints_ = assign({}, DEFAULT_BREAKPOINTS, _breakpoints); // When breakpoint definitions change, we need to update the currently
-      // selected breakpoint.
-
-      this.updateCurrentBreakpoint_(); // Clone the breakpoints before returning.
-
-      return assign(this.breakpoints_);
-    }
-    /**
-     * Get or set a flag indicating whether or not this player should adjust
-     * its UI based on its dimensions.
-     *
-     * @param  {boolean} value
-     *         Should be `true` if the player should adjust its UI based on its
-     *         dimensions; otherwise, should be `false`.
-     *
-     * @return {boolean}
-     *         Will be `true` if this player should adjust its UI based on its
-     *         dimensions; otherwise, will be `false`.
-     */
-    ;
-
-    _proto.responsive = function responsive(value) {
-      // Used as a getter.
-      if (value === undefined) {
-        return this.responsive_;
-      }
-
-      value = Boolean(value);
-      var current = this.responsive_; // Nothing changed.
-
-      if (value === current) {
-        return;
-      } // The value actually changed, set it.
-
-
-      this.responsive_ = value; // Start listening for breakpoints and set the initial breakpoint if the
-      // player is now responsive.
-
-      if (value) {
-        this.on('playerresize', this.updateCurrentBreakpoint_);
-        this.updateCurrentBreakpoint_(); // Stop listening for breakpoints if the player is no longer responsive.
-      } else {
-        this.off('playerresize', this.updateCurrentBreakpoint_);
-        this.removeCurrentBreakpoint_();
-      }
-
-      return value;
-    }
-    /**
-     * Get current breakpoint name, if any.
-     *
-     * @return {string}
-     *         If there is currently a breakpoint set, returns a the key from the
-     *         breakpoints object matching it. Otherwise, returns an empty string.
-     */
-    ;
-
-    _proto.currentBreakpoint = function currentBreakpoint() {
-      return this.breakpoint_;
-    }
-    /**
-     * Get the current breakpoint class name.
-     *
-     * @return {string}
-     *         The matching class name (e.g. `"vjs-layout-tiny"` or
-     *         `"vjs-layout-large"`) for the current breakpoint. Empty string if
-     *         there is no current breakpoint.
-     */
-    ;
-
-    _proto.currentBreakpointClass = function currentBreakpointClass() {
-      return BREAKPOINT_CLASSES[this.breakpoint_] || '';
-    }
-    /**
-     * An object that describes a single piece of media.
-     *
-     * Properties that are not part of this type description will be retained; so,
-     * this can be viewed as a generic metadata storage mechanism as well.
-     *
-     * @see      {@link https://wicg.github.io/mediasession/#the-mediametadata-interface}
-     * @typedef  {Object} Player~MediaObject
-     *
-     * @property {string} [album]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {string} [artist]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {Object[]} [artwork]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API. If not specified, will be populated via the `poster`, if
-     *           available.
-     *
-     * @property {string} [poster]
-     *           URL to an image that will display before playback.
-     *
-     * @property {Tech~SourceObject|Tech~SourceObject[]|string} [src]
-     *           A single source object, an array of source objects, or a string
-     *           referencing a URL to a media source. It is _highly recommended_
-     *           that an object or array of objects is used here, so that source
-     *           selection algorithms can take the `type` into account.
-     *
-     * @property {string} [title]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {Object[]} [textTracks]
-     *           An array of objects to be used to create text tracks, following
-     *           the {@link https://www.w3.org/TR/html50/embedded-content-0.html#the-track-element|native track element format}.
-     *           For ease of removal, these will be created as "remote" text
-     *           tracks and set to automatically clean up on source changes.
-     *
-     *           These objects may have properties like `src`, `kind`, `label`,
-     *           and `language`, see {@link Tech#createRemoteTextTrack}.
-     */
-
-    /**
-     * Populate the player using a {@link Player~MediaObject|MediaObject}.
-     *
-     * @param  {Player~MediaObject} media
-     *         A media object.
-     *
-     * @param  {Function} ready
-     *         A callback to be called when the player is ready.
-     */
-    ;
-
-    _proto.loadMedia = function loadMedia(media, ready) {
-      var _this15 = this;
-
-      if (!media || typeof media !== 'object') {
-        return;
-      }
-
-      this.reset(); // Clone the media object so it cannot be mutated from outside.
-
-      this.cache_.media = mergeOptions(media);
-      var _this$cache_$media = this.cache_.media,
-          artwork = _this$cache_$media.artwork,
-          poster = _this$cache_$media.poster,
-          src = _this$cache_$media.src,
-          textTracks = _this$cache_$media.textTracks; // If `artwork` is not given, create it using `poster`.
-
-      if (!artwork && poster) {
-        this.cache_.media.artwork = [{
-          src: poster,
-          type: getMimetype(poster)
-        }];
-      }
-
-      if (src) {
-        this.src(src);
-      }
-
-      if (poster) {
-        this.poster(poster);
-      }
-
-      if (Array.isArray(textTracks)) {
-        textTracks.forEach(function (tt) {
-          return _this15.addRemoteTextTrack(tt, false);
-        });
-      }
-
-      this.ready(ready);
-    }
-    /**
-     * Get a clone of the current {@link Player~MediaObject} for this player.
-     *
-     * If the `loadMedia` method has not been used, will attempt to return a
-     * {@link Player~MediaObject} based on the current state of the player.
-     *
-     * @return {Player~MediaObject}
-     */
-    ;
-
-    _proto.getMedia = function getMedia() {
-      if (!this.cache_.media) {
-        var poster = this.poster();
-        var src = this.currentSources();
-        var textTracks = Array.prototype.map.call(this.remoteTextTracks(), function (tt) {
-          return {
-            kind: tt.kind,
-            label: tt.label,
-            language: tt.language,
-            src: tt.src
-          };
-        });
-        var media = {
-          src: src,
-          textTracks: textTracks
-        };
-
-        if (poster) {
-          media.poster = poster;
-          media.artwork = [{
-            src: media.poster,
-            type: getMimetype(media.poster)
-          }];
-        }
-
-        return media;
-      }
-
-      return mergeOptions(this.cache_.media);
-    }
-    /**
-     * Gets tag settings
-     *
-     * @param {Element} tag
-     *        The player tag
-     *
-     * @return {Object}
-     *         An object containing all of the settings
-     *         for a player tag
-     */
-    ;
-
-    Player.getTagSettings = function getTagSettings(tag) {
-      var baseOptions = {
-        sources: [],
-        tracks: []
-      };
-      var tagOptions = getAttributes(tag);
-      var dataSetup = tagOptions['data-setup'];
-
-      if (hasClass(tag, 'vjs-fill')) {
-        tagOptions.fill = true;
-      }
-
-      if (hasClass(tag, 'vjs-fluid')) {
-        tagOptions.fluid = true;
-      } // Check if data-setup attr exists.
-
-
-      if (dataSetup !== null) {
-        // Parse options JSON
-        // If empty string, make it a parsable json object.
-        var _safeParseTuple = tuple(dataSetup || '{}'),
-            err = _safeParseTuple[0],
-            data = _safeParseTuple[1];
-
-        if (err) {
-          log.error(err);
-        }
-
-        assign(tagOptions, data);
-      }
-
-      assign(baseOptions, tagOptions); // Get tag children settings
-
-      if (tag.hasChildNodes()) {
-        var children = tag.childNodes;
-
-        for (var i = 0, j = children.length; i < j; i++) {
-          var child = children[i]; // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
-
-          var childName = child.nodeName.toLowerCase();
-
-          if (childName === 'source') {
-            baseOptions.sources.push(getAttributes(child));
-          } else if (childName === 'track') {
-            baseOptions.tracks.push(getAttributes(child));
-          }
-        }
-      }
-
-      return baseOptions;
-    }
-    /**
-     * Determine whether or not flexbox is supported
-     *
-     * @return {boolean}
-     *         - true if flexbox is supported
-     *         - false if flexbox is not supported
-     */
-    ;
-
-    _proto.flexNotSupported_ = function flexNotSupported_() {
-      var elem = document.createElement('i'); // Note: We don't actually use flexBasis (or flexOrder), but it's one of the more
-      // common flex features that we can rely on when checking for flex support.
-
-      return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style || // IE10-specific (2012 flex spec), available for completeness
-      'msFlexOrder' in elem.style);
-    };
-
-    return Player;
-  }(Component);
-  /**
-   * Get the {@link VideoTrackList}
-   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist
-   *
-   * @return {VideoTrackList}
-   *         the current video track list
-   *
-   * @method Player.prototype.videoTracks
-   */
-
-  /**
-   * Get the {@link AudioTrackList}
-   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist
-   *
-   * @return {AudioTrackList}
-   *         the current audio track list
-   *
-   * @method Player.prototype.audioTracks
-   */
-
-  /**
-   * Get the {@link TextTrackList}
-   *
-   * @link http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
-   *
-   * @return {TextTrackList}
-   *         the current text track list
-   *
-   * @method Player.prototype.textTracks
-   */
-
-  /**
-   * Get the remote {@link TextTrackList}
-   *
-   * @return {TextTrackList}
-   *         The current remote text track list
-   *
-   * @method Player.prototype.remoteTextTracks
-   */
-
-  /**
-   * Get the remote {@link HtmlTrackElementList} tracks.
-   *
-   * @return {HtmlTrackElementList}
-   *         The current remote text track element list
-   *
-   * @method Player.prototype.remoteTextTrackEls
-   */
-
-
-  ALL.names.forEach(function (name) {
-    var props = ALL[name];
-
-    Player.prototype[props.getterName] = function () {
-      if (this.tech_) {
-        return this.tech_[props.getterName]();
-      } // if we have not yet loadTech_, we create {video,audio,text}Tracks_
-      // these will be passed to the tech during loading
-
-
-      this[props.privateName] = this[props.privateName] || new props.ListClass();
-      return this[props.privateName];
-    };
-  });
-  /**
-   * Global enumeration of players.
-   *
-   * The keys are the player IDs and the values are either the {@link Player}
-   * instance or `null` for disposed players.
-   *
-   * @type {Object}
-   */
-
-  Player.players = {};
-  var navigator = window$1.navigator;
-  /*
-   * Player instance options, surfaced using options
-   * options = Player.prototype.options_
-   * Make changes in options, not here.
-   *
-   * @type {Object}
-   * @private
-   */
-
-  Player.prototype.options_ = {
-    // Default order of fallback technology
-    techOrder: Tech.defaultTechOrder_,
-    html5: {},
-    flash: {},
-    // default inactivity timeout
-    inactivityTimeout: 2000,
-    // default playback rates
-    playbackRates: [],
-    // Add playback rate selection by adding rates
-    // 'playbackRates': [0.5, 1, 1.5, 2],
-    liveui: false,
-    // Included control sets
-    children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'liveTracker', 'controlBar', 'errorDisplay', 'textTrackSettings', 'resizeManager'],
-    language: navigator && (navigator.languages && navigator.languages[0] || navigator.userLanguage || navigator.language) || 'en',
-    // locales and their language translations
-    languages: {},
-    // Default message to show when a video cannot be played.
-    notSupportedMessage: 'No compatible source was found for this media.',
-    fullscreen: {
-      options: {
-        navigationUI: 'hide'
-      }
-    },
-    breakpoints: {},
-    responsive: false
-  };
-  [
-  /**
-   * Returns whether or not the player is in the "ended" state.
-   *
-   * @return {Boolean} True if the player is in the ended state, false if not.
-   * @method Player#ended
-   */
-  'ended',
-  /**
-   * Returns whether or not the player is in the "seeking" state.
-   *
-   * @return {Boolean} True if the player is in the seeking state, false if not.
-   * @method Player#seeking
-   */
-  'seeking',
-  /**
-   * Returns the TimeRanges of the media that are currently available
-   * for seeking to.
-   *
-   * @return {TimeRanges} the seekable intervals of the media timeline
-   * @method Player#seekable
-   */
-  'seekable',
-  /**
-   * Returns the current state of network activity for the element, from
-   * the codes in the list below.
-   * - NETWORK_EMPTY (numeric value 0)
-   *   The element has not yet been initialised. All attributes are in
-   *   their initial states.
-   * - NETWORK_IDLE (numeric value 1)
-   *   The element's resource selection algorithm is active and has
-   *   selected a resource, but it is not actually using the network at
-   *   this time.
-   * - NETWORK_LOADING (numeric value 2)
-   *   The user agent is actively trying to download data.
-   * - NETWORK_NO_SOURCE (numeric value 3)
-   *   The element's resource selection algorithm is active, but it has
-   *   not yet found a resource to use.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#network-states
-   * @return {number} the current network activity state
-   * @method Player#networkState
-   */
-  'networkState',
-  /**
-   * Returns a value that expresses the current state of the element
-   * with respect to rendering the current playback position, from the
-   * codes in the list below.
-   * - HAVE_NOTHING (numeric value 0)
-   *   No information regarding the media resource is available.
-   * - HAVE_METADATA (numeric value 1)
-   *   Enough of the resource has been obtained that the duration of the
-   *   resource is available.
-   * - HAVE_CURRENT_DATA (numeric value 2)
-   *   Data for the immediate current playback position is available.
-   * - HAVE_FUTURE_DATA (numeric value 3)
-   *   Data for the immediate current playback position is available, as
-   *   well as enough data for the user agent to advance the current
-   *   playback position in the direction of playback.
-   * - HAVE_ENOUGH_DATA (numeric value 4)
-   *   The user agent estimates that enough data is available for
-   *   playback to proceed uninterrupted.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-readystate
-   * @return {number} the current playback rendering state
-   * @method Player#readyState
-   */
-  'readyState'].forEach(function (fn) {
-    Player.prototype[fn] = function () {
-      return this.techGet_(fn);
-    };
-  });
-  TECH_EVENTS_RETRIGGER.forEach(function (event) {
-    Player.prototype["handleTech" + toTitleCase(event) + "_"] = function () {
-      return this.trigger(event);
-    };
-  });
-  /**
-   * Fired when the player has initial duration and dimension information
-   *
-   * @event Player#loadedmetadata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the player has downloaded data at the current playback position
-   *
-   * @event Player#loadeddata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the current playback position has changed *
-   * During playback this is fired every 15-250 milliseconds, depending on the
-   * playback technology in use.
-   *
-   * @event Player#timeupdate
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the volume changes
-   *
-   * @event Player#volumechange
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Reports whether or not a player has a plugin available.
-   *
-   * This does not report whether or not the plugin has ever been initialized
-   * on this player. For that, [usingPlugin]{@link Player#usingPlugin}.
-   *
-   * @method Player#hasPlugin
-   * @param  {string}  name
-   *         The name of a plugin.
-   *
-   * @return {boolean}
-   *         Whether or not this player has the requested plugin available.
-   */
-
-  /**
-   * Reports whether or not a player is using a plugin by name.
-   *
-   * For basic plugins, this only reports whether the plugin has _ever_ been
-   * initialized on this player.
-   *
-   * @method Player#usingPlugin
-   * @param  {string} name
-   *         The name of a plugin.
-   *
-   * @return {boolean}
-   *         Whether or not this player is using the requested plugin.
-   */
-
-  Component.registerComponent('Player', Player);
-
-  var setPrototypeOf = createCommonjsModule(function (module) {
-    function _setPrototypeOf(o, p) {
-      module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-      };
-
-      return _setPrototypeOf(o, p);
-    }
-
-    module.exports = _setPrototypeOf;
-  });
-
-  var construct = createCommonjsModule(function (module) {
-    function isNativeReflectConstruct() {
-      if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-      if (Reflect.construct.sham) return false;
-      if (typeof Proxy === "function") return true;
-
-      try {
-        Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-        return true;
-      } catch (e) {
-        return false;
-      }
-    }
-
-    function _construct(Parent, args, Class) {
-      if (isNativeReflectConstruct()) {
-        module.exports = _construct = Reflect.construct;
-      } else {
-        module.exports = _construct = function _construct(Parent, args, Class) {
-          var a = [null];
-          a.push.apply(a, args);
-          var Constructor = Function.bind.apply(Parent, a);
-          var instance = new Constructor();
-          if (Class) setPrototypeOf(instance, Class.prototype);
-          return instance;
-        };
-      }
-
-      return _construct.apply(null, arguments);
-    }
-
-    module.exports = _construct;
-  });
-
-  /**
-   * The base plugin name.
-   *
-   * @private
-   * @constant
-   * @type {string}
-   */
-
-  var BASE_PLUGIN_NAME = 'plugin';
-  /**
-   * The key on which a player's active plugins cache is stored.
-   *
-   * @private
-   * @constant
-   * @type     {string}
-   */
-
-  var PLUGIN_CACHE_KEY = 'activePlugins_';
-  /**
-   * Stores registered plugins in a private space.
-   *
-   * @private
-   * @type    {Object}
-   */
-
-  var pluginStorage = {};
-  /**
-   * Reports whether or not a plugin has been registered.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {boolean}
-   *          Whether or not the plugin has been registered.
-   */
-
-  var pluginExists = function pluginExists(name) {
-    return pluginStorage.hasOwnProperty(name);
-  };
-  /**
-   * Get a single registered plugin by name.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {Function|undefined}
-   *          The plugin (or undefined).
-   */
-
-
-  var getPlugin = function getPlugin(name) {
-    return pluginExists(name) ? pluginStorage[name] : undefined;
-  };
-  /**
-   * Marks a plugin as "active" on a player.
-   *
-   * Also, ensures that the player has an object for tracking active plugins.
-   *
-   * @private
-   * @param   {Player} player
-   *          A Video.js player instance.
-   *
-   * @param   {string} name
-   *          The name of a plugin.
-   */
-
-
-  var markPluginAsActive = function markPluginAsActive(player, name) {
-    player[PLUGIN_CACHE_KEY] = player[PLUGIN_CACHE_KEY] || {};
-    player[PLUGIN_CACHE_KEY][name] = true;
-  };
-  /**
-   * Triggers a pair of plugin setup events.
-   *
-   * @private
-   * @param  {Player} player
-   *         A Video.js player instance.
-   *
-   * @param  {Plugin~PluginEventHash} hash
-   *         A plugin event hash.
-   *
-   * @param  {boolean} [before]
-   *         If true, prefixes the event name with "before". In other words,
-   *         use this to trigger "beforepluginsetup" instead of "pluginsetup".
-   */
-
-
-  var triggerSetupEvent = function triggerSetupEvent(player, hash, before) {
-    var eventName = (before ? 'before' : '') + 'pluginsetup';
-    player.trigger(eventName, hash);
-    player.trigger(eventName + ':' + hash.name, hash);
-  };
-  /**
-   * Takes a basic plugin function and returns a wrapper function which marks
-   * on the player that the plugin has been activated.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of the plugin.
-   *
-   * @param   {Function} plugin
-   *          The basic plugin.
-   *
-   * @return {Function}
-   *          A wrapper function for the given plugin.
-   */
-
-
-  var createBasicPlugin = function createBasicPlugin(name, plugin) {
-    var basicPluginWrapper = function basicPluginWrapper() {
-      // We trigger the "beforepluginsetup" and "pluginsetup" events on the player
-      // regardless, but we want the hash to be consistent with the hash provided
-      // for advanced plugins.
-      //
-      // The only potentially counter-intuitive thing here is the `instance` in
-      // the "pluginsetup" event is the value returned by the `plugin` function.
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: plugin,
-        instance: null
-      }, true);
-      var instance = plugin.apply(this, arguments);
-      markPluginAsActive(this, name);
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: plugin,
-        instance: instance
-      });
-      return instance;
-    };
-
-    Object.keys(plugin).forEach(function (prop) {
-      basicPluginWrapper[prop] = plugin[prop];
-    });
-    return basicPluginWrapper;
-  };
-  /**
-   * Takes a plugin sub-class and returns a factory function for generating
-   * instances of it.
-   *
-   * This factory function will replace itself with an instance of the requested
-   * sub-class of Plugin.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of the plugin.
-   *
-   * @param   {Plugin} PluginSubClass
-   *          The advanced plugin.
-   *
-   * @return {Function}
-   */
-
-
-  var createPluginFactory = function createPluginFactory(name, PluginSubClass) {
-    // Add a `name` property to the plugin prototype so that each plugin can
-    // refer to itself by name.
-    PluginSubClass.prototype.name = name;
-    return function () {
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: PluginSubClass,
-        instance: null
-      }, true);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var instance = construct(PluginSubClass, [this].concat(args)); // The plugin is replaced by a function that returns the current instance.
-
-
-      this[name] = function () {
-        return instance;
-      };
-
-      triggerSetupEvent(this, instance.getEventHash());
-      return instance;
-    };
-  };
-  /**
-   * Parent class for all advanced plugins.
-   *
-   * @mixes   module:evented~EventedMixin
-   * @mixes   module:stateful~StatefulMixin
-   * @fires   Player#beforepluginsetup
-   * @fires   Player#beforepluginsetup:$name
-   * @fires   Player#pluginsetup
-   * @fires   Player#pluginsetup:$name
-   * @listens Player#dispose
-   * @throws  {Error}
-   *          If attempting to instantiate the base {@link Plugin} class
-   *          directly instead of via a sub-class.
-   */
-
-
-  var Plugin =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Creates an instance of this class.
-     *
-     * Sub-classes should call `super` to ensure plugins are properly initialized.
-     *
-     * @param {Player} player
-     *        A Video.js player instance.
-     */
-    function Plugin(player) {
-      if (this.constructor === Plugin) {
-        throw new Error('Plugin must be sub-classed; not directly instantiated.');
-      }
-
-      this.player = player; // Make this object evented, but remove the added `trigger` method so we
-      // use the prototype version instead.
-
-      evented(this);
-      delete this.trigger;
-      stateful(this, this.constructor.defaultState);
-      markPluginAsActive(player, this.name); // Auto-bind the dispose method so we can use it as a listener and unbind
-      // it later easily.
-
-      this.dispose = bind(this, this.dispose); // If the player is disposed, dispose the plugin.
-
-      player.on('dispose', this.dispose);
-    }
-    /**
-     * Get the version of the plugin that was set on <pluginName>.VERSION
-     */
-
-
-    var _proto = Plugin.prototype;
-
-    _proto.version = function version() {
-      return this.constructor.VERSION;
-    }
-    /**
-     * Each event triggered by plugins includes a hash of additional data with
-     * conventional properties.
-     *
-     * This returns that object or mutates an existing hash.
-     *
-     * @param   {Object} [hash={}]
-     *          An object to be used as event an event hash.
-     *
-     * @return {Plugin~PluginEventHash}
-     *          An event hash object with provided properties mixed-in.
-     */
-    ;
-
-    _proto.getEventHash = function getEventHash(hash) {
-      if (hash === void 0) {
-        hash = {};
-      }
-
-      hash.name = this.name;
-      hash.plugin = this.constructor;
-      hash.instance = this;
-      return hash;
-    }
-    /**
-     * Triggers an event on the plugin object and overrides
-     * {@link module:evented~EventedMixin.trigger|EventedMixin.trigger}.
-     *
-     * @param   {string|Object} event
-     *          An event type or an object with a type property.
-     *
-     * @param   {Object} [hash={}]
-     *          Additional data hash to merge with a
-     *          {@link Plugin~PluginEventHash|PluginEventHash}.
-     *
-     * @return {boolean}
-     *          Whether or not default was prevented.
-     */
-    ;
-
-    _proto.trigger = function trigger$1(event, hash) {
-      if (hash === void 0) {
-        hash = {};
-      }
-
-      return trigger(this.eventBusEl_, event, this.getEventHash(hash));
-    }
-    /**
-     * Handles "statechanged" events on the plugin. No-op by default, override by
-     * subclassing.
-     *
-     * @abstract
-     * @param    {Event} e
-     *           An event object provided by a "statechanged" event.
-     *
-     * @param    {Object} e.changes
-     *           An object describing changes that occurred with the "statechanged"
-     *           event.
-     */
-    ;
-
-    _proto.handleStateChanged = function handleStateChanged(e) {}
-    /**
-     * Disposes a plugin.
-     *
-     * Subclasses can override this if they want, but for the sake of safety,
-     * it's probably best to subscribe the "dispose" event.
-     *
-     * @fires Plugin#dispose
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      var name = this.name,
-          player = this.player;
-      /**
-       * Signals that a advanced plugin is about to be disposed.
-       *
-       * @event Plugin#dispose
-       * @type  {EventTarget~Event}
-       */
-
-      this.trigger('dispose');
-      this.off();
-      player.off('dispose', this.dispose); // Eliminate any possible sources of leaking memory by clearing up
-      // references between the player and the plugin instance and nulling out
-      // the plugin's state and replacing methods with a function that throws.
-
-      player[PLUGIN_CACHE_KEY][name] = false;
-      this.player = this.state = null; // Finally, replace the plugin name on the player with a new factory
-      // function, so that the plugin is ready to be set up again.
-
-      player[name] = createPluginFactory(name, pluginStorage[name]);
-    }
-    /**
-     * Determines if a plugin is a basic plugin (i.e. not a sub-class of `Plugin`).
-     *
-     * @param   {string|Function} plugin
-     *          If a string, matches the name of a plugin. If a function, will be
-     *          tested directly.
-     *
-     * @return {boolean}
-     *          Whether or not a plugin is a basic plugin.
-     */
-    ;
-
-    Plugin.isBasic = function isBasic(plugin) {
-      var p = typeof plugin === 'string' ? getPlugin(plugin) : plugin;
-      return typeof p === 'function' && !Plugin.prototype.isPrototypeOf(p.prototype);
-    }
-    /**
-     * Register a Video.js plugin.
-     *
-     * @param   {string} name
-     *          The name of the plugin to be registered. Must be a string and
-     *          must not match an existing plugin or a method on the `Player`
-     *          prototype.
-     *
-     * @param   {Function} plugin
-     *          A sub-class of `Plugin` or a function for basic plugins.
-     *
-     * @return {Function}
-     *          For advanced plugins, a factory function for that plugin. For
-     *          basic plugins, a wrapper function that initializes the plugin.
-     */
-    ;
-
-    Plugin.registerPlugin = function registerPlugin(name, plugin) {
-      if (typeof name !== 'string') {
-        throw new Error("Illegal plugin name, \"" + name + "\", must be a string, was " + typeof name + ".");
-      }
-
-      if (pluginExists(name)) {
-        log.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
-      } else if (Player.prototype.hasOwnProperty(name)) {
-        throw new Error("Illegal plugin name, \"" + name + "\", cannot share a name with an existing player method!");
-      }
-
-      if (typeof plugin !== 'function') {
-        throw new Error("Illegal plugin for \"" + name + "\", must be a function, was " + typeof plugin + ".");
-      }
-
-      pluginStorage[name] = plugin; // Add a player prototype method for all sub-classed plugins (but not for
-      // the base Plugin class).
-
-      if (name !== BASE_PLUGIN_NAME) {
-        if (Plugin.isBasic(plugin)) {
-          Player.prototype[name] = createBasicPlugin(name, plugin);
-        } else {
-          Player.prototype[name] = createPluginFactory(name, plugin);
-        }
-      }
-
-      return plugin;
-    }
-    /**
-     * De-register a Video.js plugin.
-     *
-     * @param  {string} name
-     *         The name of the plugin to be de-registered. Must be a string that
-     *         matches an existing plugin.
-     *
-     * @throws {Error}
-     *         If an attempt is made to de-register the base plugin.
-     */
-    ;
-
-    Plugin.deregisterPlugin = function deregisterPlugin(name) {
-      if (name === BASE_PLUGIN_NAME) {
-        throw new Error('Cannot de-register base plugin.');
-      }
-
-      if (pluginExists(name)) {
-        delete pluginStorage[name];
-        delete Player.prototype[name];
-      }
-    }
-    /**
-     * Gets an object containing multiple Video.js plugins.
-     *
-     * @param   {Array} [names]
-     *          If provided, should be an array of plugin names. Defaults to _all_
-     *          plugin names.
-     *
-     * @return {Object|undefined}
-     *          An object containing plugin(s) associated with their name(s) or
-     *          `undefined` if no matching plugins exist).
-     */
-    ;
-
-    Plugin.getPlugins = function getPlugins(names) {
-      if (names === void 0) {
-        names = Object.keys(pluginStorage);
-      }
-
-      var result;
-      names.forEach(function (name) {
-        var plugin = getPlugin(name);
-
-        if (plugin) {
-          result = result || {};
-          result[name] = plugin;
-        }
-      });
-      return result;
-    }
-    /**
-     * Gets a plugin's version, if available
-     *
-     * @param   {string} name
-     *          The name of a plugin.
-     *
-     * @return {string}
-     *          The plugin's version or an empty string.
-     */
-    ;
-
-    Plugin.getPluginVersion = function getPluginVersion(name) {
-      var plugin = getPlugin(name);
-      return plugin && plugin.VERSION || '';
-    };
-
-    return Plugin;
-  }();
-  /**
-   * Gets a plugin by name if it exists.
-   *
-   * @static
-   * @method   getPlugin
-   * @memberOf Plugin
-   * @param    {string} name
-   *           The name of a plugin.
-   *
-   * @returns  {Function|undefined}
-   *           The plugin (or `undefined`).
-   */
-
-
-  Plugin.getPlugin = getPlugin;
-  /**
-   * The name of the base plugin class as it is registered.
-   *
-   * @type {string}
-   */
-
-  Plugin.BASE_PLUGIN_NAME = BASE_PLUGIN_NAME;
-  Plugin.registerPlugin(BASE_PLUGIN_NAME, Plugin);
-  /**
-   * Documented in player.js
-   *
-   * @ignore
-   */
-
-  Player.prototype.usingPlugin = function (name) {
-    return !!this[PLUGIN_CACHE_KEY] && this[PLUGIN_CACHE_KEY][name] === true;
-  };
-  /**
-   * Documented in player.js
-   *
-   * @ignore
-   */
-
-
-  Player.prototype.hasPlugin = function (name) {
-    return !!pluginExists(name);
-  };
-  /**
-   * Signals that a plugin is about to be set up on a player.
-   *
-   * @event    Player#beforepluginsetup
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin is about to be set up on a player - by name. The name
-   * is the name of the plugin.
-   *
-   * @event    Player#beforepluginsetup:$name
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin has just been set up on a player.
-   *
-   * @event    Player#pluginsetup
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin has just been set up on a player - by name. The name
-   * is the name of the plugin.
-   *
-   * @event    Player#pluginsetup:$name
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * @typedef  {Object} Plugin~PluginEventHash
-   *
-   * @property {string} instance
-   *           For basic plugins, the return value of the plugin function. For
-   *           advanced plugins, the plugin instance on which the event is fired.
-   *
-   * @property {string} name
-   *           The name of the plugin.
-   *
-   * @property {string} plugin
-   *           For basic plugins, the plugin function. For advanced plugins, the
-   *           plugin class/constructor.
-   */
-
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass) setPrototypeOf(subClass, superClass);
-  }
-
-  var inherits = _inherits;
-
-  /**
-   * @file extend.js
-   * @module extend
-   */
-  /**
-   * Used to subclass an existing class by emulating ES subclassing using the
-   * `extends` keyword.
-   *
-   * @function
-   * @example
-   * var MyComponent = videojs.extend(videojs.getComponent('Component'), {
-   *   myCustomMethod: function() {
-   *     // Do things in my method.
-   *   }
-   * });
-   *
-   * @param    {Function} superClass
-   *           The class to inherit from
-   *
-   * @param    {Object}   [subClassMethods={}]
-   *           Methods of the new class
-   *
-   * @return   {Function}
-   *           The new class with subClassMethods that inherited superClass.
-   */
-
-  var extend = function extend(superClass, subClassMethods) {
-    if (subClassMethods === void 0) {
-      subClassMethods = {};
-    }
-
-    var subClass = function subClass() {
-      superClass.apply(this, arguments);
-    };
-
-    var methods = {};
-
-    if (typeof subClassMethods === 'object') {
-      if (subClassMethods.constructor !== Object.prototype.constructor) {
-        subClass = subClassMethods.constructor;
-      }
-
-      methods = subClassMethods;
-    } else if (typeof subClassMethods === 'function') {
-      subClass = subClassMethods;
-    }
-
-    inherits(subClass, superClass); // this is needed for backward-compatibility and node compatibility.
-
-
-    if (superClass) {
-      subClass.super_ = superClass;
-    } // Extend subObj's prototype with functions and other properties from props
-
-
-    for (var name in methods) {
-      if (methods.hasOwnProperty(name)) {
-        subClass.prototype[name] = methods[name];
-      }
-    }
-
-    return subClass;
-  };
-
-  /**
-   * @file video.js
-   * @module videojs
-   */
-  /**
-   * Normalize an `id` value by trimming off a leading `#`
-   *
-   * @private
-   * @param   {string} id
-   *          A string, maybe with a leading `#`.
-   *
-   * @return {string}
-   *          The string, without any leading `#`.
-   */
-
-  var normalizeId = function normalizeId(id) {
-    return id.indexOf('#') === 0 ? id.slice(1) : id;
-  };
-  /**
-   * The `videojs()` function doubles as the main function for users to create a
-   * {@link Player} instance as well as the main library namespace.
-   *
-   * It can also be used as a getter for a pre-existing {@link Player} instance.
-   * However, we _strongly_ recommend using `videojs.getPlayer()` for this
-   * purpose because it avoids any potential for unintended initialization.
-   *
-   * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-   * of our JSDoc template, we cannot properly document this as both a function
-   * and a namespace, so its function signature is documented here.
-   *
-   * #### Arguments
-   * ##### id
-   * string|Element, **required**
-   *
-   * Video element or video element ID.
-   *
-   * ##### options
-   * Object, optional
-   *
-   * Options object for providing settings.
-   * See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
-   *
-   * ##### ready
-   * {@link Component~ReadyCallback}, optional
-   *
-   * A function to be called when the {@link Player} and {@link Tech} are ready.
-   *
-   * #### Return Value
-   *
-   * The `videojs()` function returns a {@link Player} instance.
-   *
-   * @namespace
-   *
-   * @borrows AudioTrack as AudioTrack
-   * @borrows Component.getComponent as getComponent
-   * @borrows module:computed-style~computedStyle as computedStyle
-   * @borrows module:events.on as on
-   * @borrows module:events.one as one
-   * @borrows module:events.off as off
-   * @borrows module:events.trigger as trigger
-   * @borrows EventTarget as EventTarget
-   * @borrows module:extend~extend as extend
-   * @borrows module:fn.bind as bind
-   * @borrows module:format-time.formatTime as formatTime
-   * @borrows module:format-time.resetFormatTime as resetFormatTime
-   * @borrows module:format-time.setFormatTime as setFormatTime
-   * @borrows module:merge-options.mergeOptions as mergeOptions
-   * @borrows module:middleware.use as use
-   * @borrows Player.players as players
-   * @borrows Plugin.registerPlugin as registerPlugin
-   * @borrows Plugin.deregisterPlugin as deregisterPlugin
-   * @borrows Plugin.getPlugins as getPlugins
-   * @borrows Plugin.getPlugin as getPlugin
-   * @borrows Plugin.getPluginVersion as getPluginVersion
-   * @borrows Tech.getTech as getTech
-   * @borrows Tech.registerTech as registerTech
-   * @borrows TextTrack as TextTrack
-   * @borrows module:time-ranges.createTimeRanges as createTimeRange
-   * @borrows module:time-ranges.createTimeRanges as createTimeRanges
-   * @borrows module:url.isCrossOrigin as isCrossOrigin
-   * @borrows module:url.parseUrl as parseUrl
-   * @borrows VideoTrack as VideoTrack
-   *
-   * @param  {string|Element} id
-   *         Video element or video element ID.
-   *
-   * @param  {Object} [options]
-   *         Options object for providing settings.
-   *         See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
-   *
-   * @param  {Component~ReadyCallback} [ready]
-   *         A function to be called when the {@link Player} and {@link Tech} are
-   *         ready.
-   *
-   * @return {Player}
-   *         The `videojs()` function returns a {@link Player|Player} instance.
-   */
-
-
-  function videojs$1(id, options, ready) {
-    var player = videojs$1.getPlayer(id);
-
-    if (player) {
-      if (options) {
-        log.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
-      }
-
-      if (ready) {
-        player.ready(ready);
-      }
-
-      return player;
-    }
-
-    var el = typeof id === 'string' ? $('#' + normalizeId(id)) : id;
-
-    if (!isEl(el)) {
-      throw new TypeError('The element or ID supplied is not valid. (videojs)');
-    } // document.body.contains(el) will only check if el is contained within that one document.
-    // This causes problems for elements in iframes.
-    // Instead, use the element's ownerDocument instead of the global document.
-    // This will make sure that the element is indeed in the dom of that document.
-    // Additionally, check that the document in question has a default view.
-    // If the document is no longer attached to the dom, the defaultView of the document will be null.
-
-
-    if (!el.ownerDocument.defaultView || !el.ownerDocument.body.contains(el)) {
-      log.warn('The element supplied is not included in the DOM');
-    }
-
-    options = options || {};
-    videojs$1.hooks('beforesetup').forEach(function (hookFunction) {
-      var opts = hookFunction(el, mergeOptions(options));
-
-      if (!isObject(opts) || Array.isArray(opts)) {
-        log.error('please return an object in beforesetup hooks');
-        return;
-      }
-
-      options = mergeOptions(options, opts);
-    }); // We get the current "Player" component here in case an integration has
-    // replaced it with a custom player.
-
-    var PlayerComponent = Component.getComponent('Player');
-    player = new PlayerComponent(el, options, ready);
-    videojs$1.hooks('setup').forEach(function (hookFunction) {
-      return hookFunction(player);
-    });
-    return player;
-  }
-  /**
-   * An Object that contains lifecycle hooks as keys which point to an array
-   * of functions that are run when a lifecycle is triggered
-   *
-   * @private
-   */
-
-
-  videojs$1.hooks_ = {};
-  /**
-   * Get a list of hooks for a specific lifecycle
-   *
-   * @param  {string} type
-   *         the lifecyle to get hooks from
-   *
-   * @param  {Function|Function[]} [fn]
-   *         Optionally add a hook (or hooks) to the lifecycle that your are getting.
-   *
-   * @return {Array}
-   *         an array of hooks, or an empty array if there are none.
-   */
-
-  videojs$1.hooks = function (type, fn) {
-    videojs$1.hooks_[type] = videojs$1.hooks_[type] || [];
-
-    if (fn) {
-      videojs$1.hooks_[type] = videojs$1.hooks_[type].concat(fn);
-    }
-
-    return videojs$1.hooks_[type];
-  };
-  /**
-   * Add a function hook to a specific videojs lifecycle.
-   *
-   * @param {string} type
-   *        the lifecycle to hook the function to.
-   *
-   * @param {Function|Function[]}
-   *        The function or array of functions to attach.
-   */
-
-
-  videojs$1.hook = function (type, fn) {
-    videojs$1.hooks(type, fn);
-  };
-  /**
-   * Add a function hook that will only run once to a specific videojs lifecycle.
-   *
-   * @param {string} type
-   *        the lifecycle to hook the function to.
-   *
-   * @param {Function|Function[]}
-   *        The function or array of functions to attach.
-   */
-
-
-  videojs$1.hookOnce = function (type, fn) {
-    videojs$1.hooks(type, [].concat(fn).map(function (original) {
-      var wrapper = function wrapper() {
-        videojs$1.removeHook(type, wrapper);
-        return original.apply(void 0, arguments);
-      };
-
-      return wrapper;
-    }));
-  };
-  /**
-   * Remove a hook from a specific videojs lifecycle.
-   *
-   * @param  {string} type
-   *         the lifecycle that the function hooked to
-   *
-   * @param  {Function} fn
-   *         The hooked function to remove
-   *
-   * @return {boolean}
-   *         The function that was removed or undef
-   */
-
-
-  videojs$1.removeHook = function (type, fn) {
-    var index = videojs$1.hooks(type).indexOf(fn);
-
-    if (index <= -1) {
-      return false;
-    }
-
-    videojs$1.hooks_[type] = videojs$1.hooks_[type].slice();
-    videojs$1.hooks_[type].splice(index, 1);
-    return true;
-  }; // Add default styles
-
-
-  if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
-    var style = $('.vjs-styles-defaults');
-
-    if (!style) {
-      style = createStyleElement('vjs-styles-defaults');
-      var head = $('head');
-
-      if (head) {
-        head.insertBefore(style, head.firstChild);
-      }
-
-      setTextContent(style, "\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ");
-    }
-  } // Run Auto-load players
-  // You have to wait at least once in case this script is loaded after your
-  // video in the DOM (weird behavior only with minified version)
-
-
-  autoSetupTimeout(1, videojs$1);
-  /**
-   * Current Video.js version. Follows [semantic versioning](https://semver.org/).
-   *
-   * @type {string}
-   */
-
-  videojs$1.VERSION = version;
-  /**
-   * The global options object. These are the settings that take effect
-   * if no overrides are specified when the player is created.
-   *
-   * @type {Object}
-   */
-
-  videojs$1.options = Player.prototype.options_;
-  /**
-   * Get an object with the currently created players, keyed by player ID
-   *
-   * @return {Object}
-   *         The created players
-   */
-
-  videojs$1.getPlayers = function () {
-    return Player.players;
-  };
-  /**
-   * Get a single player based on an ID or DOM element.
-   *
-   * This is useful if you want to check if an element or ID has an associated
-   * Video.js player, but not create one if it doesn't.
-   *
-   * @param   {string|Element} id
-   *          An HTML element - `<video>`, `<audio>`, or `<video-js>` -
-   *          or a string matching the `id` of such an element.
-   *
-   * @return {Player|undefined}
-   *          A player instance or `undefined` if there is no player instance
-   *          matching the argument.
-   */
-
-
-  videojs$1.getPlayer = function (id) {
-    var players = Player.players;
-    var tag;
-
-    if (typeof id === 'string') {
-      var nId = normalizeId(id);
-      var player = players[nId];
-
-      if (player) {
-        return player;
-      }
-
-      tag = $('#' + nId);
-    } else {
-      tag = id;
-    }
-
-    if (isEl(tag)) {
-      var _tag = tag,
-          _player = _tag.player,
-          playerId = _tag.playerId; // Element may have a `player` property referring to an already created
-      // player instance. If so, return that.
-
-      if (_player || players[playerId]) {
-        return _player || players[playerId];
-      }
-    }
-  };
-  /**
-   * Returns an array of all current players.
-   *
-   * @return {Array}
-   *         An array of all players. The array will be in the order that
-   *         `Object.keys` provides, which could potentially vary between
-   *         JavaScript engines.
-   *
-   */
-
-
-  videojs$1.getAllPlayers = function () {
-    return (// Disposed players leave a key with a `null` value, so we need to make sure
-      // we filter those out.
-      Object.keys(Player.players).map(function (k) {
-        return Player.players[k];
-      }).filter(Boolean)
-    );
-  };
-
-  videojs$1.players = Player.players;
-  videojs$1.getComponent = Component.getComponent;
-  /**
-   * Register a component so it can referred to by name. Used when adding to other
-   * components, either through addChild `component.addChild('myComponent')` or through
-   * default children options  `{ children: ['myComponent'] }`.
-   *
-   * > NOTE: You could also just initialize the component before adding.
-   * `component.addChild(new MyComponent());`
-   *
-   * @param {string} name
-   *        The class name of the component
-   *
-   * @param {Component} comp
-   *        The component class
-   *
-   * @return {Component}
-   *         The newly registered component
-   */
-
-  videojs$1.registerComponent = function (name, comp) {
-    if (Tech.isTech(comp)) {
-      log.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
-    }
-
-    Component.registerComponent.call(Component, name, comp);
-  };
-
-  videojs$1.getTech = Tech.getTech;
-  videojs$1.registerTech = Tech.registerTech;
-  videojs$1.use = use;
-  /**
-   * An object that can be returned by a middleware to signify
-   * that the middleware is being terminated.
-   *
-   * @type {object}
-   * @property {object} middleware.TERMINATOR
-   */
-
-  Object.defineProperty(videojs$1, 'middleware', {
-    value: {},
-    writeable: false,
-    enumerable: true
-  });
-  Object.defineProperty(videojs$1.middleware, 'TERMINATOR', {
-    value: TERMINATOR,
-    writeable: false,
-    enumerable: true
-  });
-  /**
-   * A reference to the {@link module:browser|browser utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:browser|browser}
-   */
-
-  videojs$1.browser = browser;
-  /**
-   * Use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED} instead; only
-   * included for backward-compatibility with 4.x.
-   *
-   * @deprecated Since version 5.0, use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED instead.
-   * @type {boolean}
-   */
-
-  videojs$1.TOUCH_ENABLED = TOUCH_ENABLED;
-  videojs$1.extend = extend;
-  videojs$1.mergeOptions = mergeOptions;
-  videojs$1.bind = bind;
-  videojs$1.registerPlugin = Plugin.registerPlugin;
-  videojs$1.deregisterPlugin = Plugin.deregisterPlugin;
-  /**
-   * Deprecated method to register a plugin with Video.js
-   *
-   * @deprecated videojs.plugin() is deprecated; use videojs.registerPlugin() instead
-   *
-   * @param {string} name
-   *        The plugin name
-   *
-   * @param {Plugin|Function} plugin
-   *         The plugin sub-class or function
-   */
-
-  videojs$1.plugin = function (name, plugin) {
-    log.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-    return Plugin.registerPlugin(name, plugin);
-  };
-
-  videojs$1.getPlugins = Plugin.getPlugins;
-  videojs$1.getPlugin = Plugin.getPlugin;
-  videojs$1.getPluginVersion = Plugin.getPluginVersion;
-  /**
-   * Adding languages so that they're available to all players.
-   * Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`
-   *
-   * @param {string} code
-   *        The language code or dictionary property
-   *
-   * @param {Object} data
-   *        The data values to be translated
-   *
-   * @return {Object}
-   *         The resulting language dictionary object
-   */
-
-  videojs$1.addLanguage = function (code, data) {
-    var _mergeOptions;
-
-    code = ('' + code).toLowerCase();
-    videojs$1.options.languages = mergeOptions(videojs$1.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-    return videojs$1.options.languages[code];
-  };
-  /**
-   * A reference to the {@link module:log|log utility module} as an object.
-   *
-   * @type {Function}
-   * @see  {@link module:log|log}
-   */
-
-
-  videojs$1.log = log;
-  videojs$1.createLogger = createLogger$1;
-  videojs$1.createTimeRange = videojs$1.createTimeRanges = createTimeRanges;
-  videojs$1.formatTime = formatTime;
-  videojs$1.setFormatTime = setFormatTime;
-  videojs$1.resetFormatTime = resetFormatTime;
-  videojs$1.parseUrl = parseUrl;
-  videojs$1.isCrossOrigin = isCrossOrigin;
-  videojs$1.EventTarget = EventTarget;
-  videojs$1.on = on;
-  videojs$1.one = one;
-  videojs$1.off = off;
-  videojs$1.trigger = trigger;
-  /**
-   * A cross-browser XMLHttpRequest wrapper.
-   *
-   * @function
-   * @param    {Object} options
-   *           Settings for the request.
-   *
-   * @return   {XMLHttpRequest|XDomainRequest}
-   *           The request object.
-   *
-   * @see      https://github.com/Raynos/xhr
-   */
-
-  videojs$1.xhr = xhr;
-  videojs$1.TextTrack = TextTrack;
-  videojs$1.AudioTrack = AudioTrack;
-  videojs$1.VideoTrack = VideoTrack;
-  ['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-    videojs$1[k] = function () {
-      log.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
-      return Dom[k].apply(null, arguments);
-    };
-  });
-  videojs$1.computedStyle = computedStyle;
-  /**
-   * A reference to the {@link module:dom|DOM utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:dom|dom}
-   */
-
-  videojs$1.dom = Dom;
-  /**
-   * A reference to the {@link module:url|URL utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:url|url}
-   */
-
-  videojs$1.url = Url;
-  videojs$1.defineLazyProperty = defineLazyProperty;
-
-  return videojs$1;
-
-}));
diff --git a/negromate/web/static/js/videojs/alt/video.core.min.js b/negromate/web/static/js/videojs/alt/video.core.min.js
deleted file mode 100644
index b734ddb..0000000
--- a/negromate/web/static/js/videojs/alt/video.core.min.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("global/window"),require("global/document")):"function"==typeof define&&define.amd?define(["global/window","global/document"],t):(e=e||self).videojs=t(e.window,e.document)}(this,function(h,d){"use strict";h=h&&h.hasOwnProperty("default")?h.default:h,d=d&&d.hasOwnProperty("default")?d.default:d;var p="7.7.4",c=[],e=function(a,l){return function(e,t,n){var i=l.levels[t],r=new RegExp("^("+i+")$");if("log"!==e&&n.unshift(e.toUpperCase()+":"),n.unshift(a+":"),c){c.push([].concat(n));var s=c.length-1e3;c.splice(0,0<s?s:0)}if(h.console){var o=h.console[e];o||"debug"!==e||(o=h.console.info||h.console.log),o&&i&&r.test(e)&&o[Array.isArray(n)?"apply":"call"](h.console,n)}}};var f=function t(n){function i(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r("log",s,t)}var r,s="info";return r=e(n,i),i.createLogger=function(e){return t(n+": "+e)},i.levels={all:"debug|log|warn|error",off:"",debug:"debug|log|warn|error",info:"log|warn|error",warn:"warn|error",error:"error",DEFAULT:s},i.level=function(e){if("string"==typeof e){if(!i.levels.hasOwnProperty(e))throw new Error('"'+e+'" in not a valid log level');s=e}return s},(i.history=function(){return c?[].concat(c):[]}).filter=function(t){return(c||[]).filter(function(e){return new RegExp(".*"+t+".*").test(e[0])})},i.history.clear=function(){c&&(c.length=0)},i.history.disable=function(){null!==c&&(c.length=0,c=null)},i.history.enable=function(){null===c&&(c=[])},i.error=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return r("error",s,t)},i.warn=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return r("warn",s,t)},i.debug=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return r("debug",s,t)},i}("VIDEOJS"),v=f.createLogger;function t(e,t){return e(t={exports:{}},t.exports),t.exports}var r=t(function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},t.apply(this,arguments)}e.exports=t}),n=Object.prototype.toString,s=function(e){return a(e)?Object.keys(e):[]};function o(t,n){s(t).forEach(function(e){return n(t[e],e)})}function g(n){for(var e=arguments.length,t=new Array(1<e?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];return Object.assign?r.apply(void 0,[n].concat(t)):(t.forEach(function(e){e&&o(e,function(e,t){n[t]=e})}),n)}function a(e){return!!e&&"object"==typeof e}function l(e){return a(e)&&"[object Object]"===n.call(e)&&e.constructor===Object}function i(e,t){if(!e||!t)return"";if("function"!=typeof h.getComputedStyle)return"";var n=h.getComputedStyle(e);return n?n.getPropertyValue(t)||n[t]:""}function u(e){return"string"==typeof e&&Boolean(e.trim())}function y(e){if(0<=e.indexOf(" "))throw new Error("class has illegal whitespace characters")}function m(){return d===h.document}function _(e){return a(e)&&1===e.nodeType}function b(){try{return h.parent!==h.self}catch(e){return!0}}function T(i){return function(e,t){if(!u(e))return d[i](null);u(t)&&(t=d.querySelector(t));var n=_(t)?t:d;return n[i]&&n[i](e)}}function k(e,n,t,i){void 0===e&&(e="div"),void 0===n&&(n={}),void 0===t&&(t={});var r=d.createElement(e);return Object.getOwnPropertyNames(n).forEach(function(e){var t=n[e];-1!==e.indexOf("aria-")||"role"===e||"type"===e?(f.warn("Setting attributes in the second argument of createEl()\nhas been deprecated. Use the third argument instead.\ncreateEl(type, properties, attributes). Attempting to set "+e+" to "+t+"."),r.setAttribute(e,t)):"textContent"===e?C(r,t):r[e]!==t&&(r[e]=t)}),Object.getOwnPropertyNames(t).forEach(function(e){r.setAttribute(e,t[e])}),i&&W(r,i),r}function C(e,t){return"undefined"==typeof e.textContent?e.innerText=t:e.textContent=t,e}function E(e,t){t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e)}function w(e,t){return y(t),e.classList?e.classList.contains(t):function(e){return new RegExp("(^|\\s)"+e+"($|\\s)")}(t).test(e.className)}function S(e,t){return e.classList?e.classList.add(t):w(e,t)||(e.className=(e.className+" "+t).trim()),e}function x(e,t){return e.classList?e.classList.remove(t):(y(t),e.className=e.className.split(/\s+/).filter(function(e){return e!==t}).join(" ")),e}function P(e,t,n){var i=w(e,t);if("function"==typeof n&&(n=n(e,t)),"boolean"!=typeof n&&(n=!i),n!==i)return n?S(e,t):x(e,t),e}function j(n,i){Object.getOwnPropertyNames(i).forEach(function(e){var t=i[e];null===t||"undefined"==typeof t||!1===t?n.removeAttribute(e):n.setAttribute(e,!0===t?"":t)})}function A(e){var t={},n=",autoplay,controls,playsinline,loop,muted,default,defaultMuted,";if(e&&e.attributes&&0<e.attributes.length)for(var i=e.attributes,r=i.length-1;0<=r;r--){var s=i[r].name,o=i[r].value;"boolean"!=typeof e[s]&&-1===n.indexOf(","+s+",")||(o=null!==o),t[s]=o}return t}function I(e,t){return e.getAttribute(t)}function M(e,t,n){e.setAttribute(t,n)}function L(e,t){e.removeAttribute(t)}function N(){d.body.focus(),d.onselectstart=function(){return!1}}function D(){d.onselectstart=function(){return!0}}function O(e){if(e&&e.getBoundingClientRect&&e.parentNode){var t=e.getBoundingClientRect(),n={};return["bottom","height","left","right","top","width"].forEach(function(e){void 0!==t[e]&&(n[e]=t[e])}),n.height||(n.height=parseFloat(i(e,"height"))),n.width||(n.width=parseFloat(i(e,"width"))),n}}function R(e){var t;if(e.getBoundingClientRect&&e.parentNode&&(t=e.getBoundingClientRect()),!t)return{left:0,top:0};var n=d.documentElement,i=d.body,r=n.clientLeft||i.clientLeft||0,s=h.pageXOffset||i.scrollLeft,o=t.left+s-r,a=n.clientTop||i.clientTop||0,l=h.pageYOffset||i.scrollTop,c=t.top+l-a;return{left:Math.round(o),top:Math.round(c)}}function B(e,t){var n={},i=R(e),r=e.offsetWidth,s=e.offsetHeight,o=i.top,a=i.left,l=t.pageY,c=t.pageX;return t.changedTouches&&(c=t.changedTouches[0].pageX,l=t.changedTouches[0].pageY),n.y=Math.max(0,Math.min(1,(o-l+s)/s)),n.x=Math.max(0,Math.min(1,(c-a)/r)),n}function F(e){return a(e)&&3===e.nodeType}function H(e){for(;e.firstChild;)e.removeChild(e.firstChild);return e}function V(e){return"function"==typeof e&&(e=e()),(Array.isArray(e)?e:[e]).map(function(e){return"function"==typeof e&&(e=e()),_(e)||F(e)?e:"string"==typeof e&&/\S/.test(e)?d.createTextNode(e):void 0}).filter(function(e){return e})}function W(t,e){return V(e).forEach(function(e){return t.appendChild(e)}),t}function z(e,t){return W(H(e),t)}function K(e){return void 0===e.button&&void 0===e.buttons||(0===e.button&&void 0===e.buttons||("mouseup"===e.type&&0===e.button&&0===e.buttons||0===e.button&&1===e.buttons))}var U,q=T("querySelector"),X=T("querySelectorAll"),$=Object.freeze({isReal:m,isEl:_,isInFrame:b,createEl:k,textContent:C,prependTo:E,hasClass:w,addClass:S,removeClass:x,toggleClass:P,setAttributes:j,getAttributes:A,getAttribute:I,setAttribute:M,removeAttribute:L,blockTextSelection:N,unblockTextSelection:D,getBoundingClientRect:O,findPosition:R,getPointerPosition:B,isTextNode:F,emptyEl:H,normalizeContent:V,appendContent:W,insertContent:z,isSingleLeftClick:K,$:q,$$:X}),Y=!1,G=function(){if(m()&&!1!==U.options.autoSetup){var e=Array.prototype.slice.call(d.getElementsByTagName("video")),t=Array.prototype.slice.call(d.getElementsByTagName("audio")),n=Array.prototype.slice.call(d.getElementsByTagName("video-js")),i=e.concat(t,n);if(i&&0<i.length)for(var r=0,s=i.length;r<s;r++){var o=i[r];if(!o||!o.getAttribute){Q(1);break}void 0===o.player&&null!==o.getAttribute("data-setup")&&U(o)}else Y||Q(1)}};function Q(e,t){t&&(U=t),h.setTimeout(G,e)}function J(){Y=!0,h.removeEventListener("load",J)}m()&&("complete"===d.readyState?J():h.addEventListener("load",J));function Z(e){var t=d.createElement("style");return t.className=e,t}function ee(e,t){e.styleSheet?e.styleSheet.cssText=t:e.textContent=t}var te,ne=3;function ie(){return ne++}h.WeakMap||(te=function(){function e(){this.vdata="vdata"+Math.floor(h.performance&&h.performance.now()||Date.now()),this.data={}}var t=e.prototype;return t.set=function(e,t){var n=e[this.vdata]||ie();return e[this.vdata]||(e[this.vdata]=n),this.data[n]=t,this},t.get=function(e){var t=e[this.vdata];if(t)return this.data[t];f("We have no data for this element",e)},t.has=function(e){return e[this.vdata]in this.data},t.delete=function(e){var t=e[this.vdata];t&&(delete this.data[t],delete e[this.vdata])},e}());var re,se=h.WeakMap?new WeakMap:new te;function oe(e,t){if(se.has(e)){var n=se.get(e);0===n.handlers[t].length&&(delete n.handlers[t],e.removeEventListener?e.removeEventListener(t,n.dispatcher,!1):e.detachEvent&&e.detachEvent("on"+t,n.dispatcher)),Object.getOwnPropertyNames(n.handlers).length<=0&&(delete n.handlers,delete n.dispatcher,delete n.disabled),0===Object.getOwnPropertyNames(n).length&&se.delete(e)}}function ae(t,n,e,i){e.forEach(function(e){t(n,e,i)})}function le(e){if(e.fixed_)return e;function t(){return!0}function n(){return!1}if(!e||!e.isPropagationStopped){var i=e||h.event;for(var r in e={},i)"layerX"!==r&&"layerY"!==r&&"keyLocation"!==r&&"webkitMovementX"!==r&&"webkitMovementY"!==r&&("returnValue"===r&&i.preventDefault||(e[r]=i[r]));if(e.target||(e.target=e.srcElement||d),e.relatedTarget||(e.relatedTarget=e.fromElement===e.target?e.toElement:e.fromElement),e.preventDefault=function(){i.preventDefault&&i.preventDefault(),e.returnValue=!1,i.returnValue=!1,e.defaultPrevented=!0},e.defaultPrevented=!1,e.stopPropagation=function(){i.stopPropagation&&i.stopPropagation(),e.cancelBubble=!0,i.cancelBubble=!0,e.isPropagationStopped=t},e.isPropagationStopped=n,e.stopImmediatePropagation=function(){i.stopImmediatePropagation&&i.stopImmediatePropagation(),e.isImmediatePropagationStopped=t,e.stopPropagation()},e.isImmediatePropagationStopped=n,null!==e.clientX&&void 0!==e.clientX){var s=d.documentElement,o=d.body;e.pageX=e.clientX+(s&&s.scrollLeft||o&&o.scrollLeft||0)-(s&&s.clientLeft||o&&o.clientLeft||0),e.pageY=e.clientY+(s&&s.scrollTop||o&&o.scrollTop||0)-(s&&s.clientTop||o&&o.clientTop||0)}e.which=e.charCode||e.keyCode,null!==e.button&&void 0!==e.button&&(e.button=1&e.button?0:4&e.button?1:2&e.button?2:0)}return e.fixed_=!0,e}var ce=function(){if("boolean"!=typeof re){re=!1;try{var e=Object.defineProperty({},"passive",{get:function(){re=!0}});h.addEventListener("test",null,e),h.removeEventListener("test",null,e)}catch(e){}}return re},ue=["touchstart","touchmove"];function he(o,e,t){if(Array.isArray(e))return ae(he,o,e,t);se.has(o)||se.set(o,{});var a=se.get(o);if(a.handlers||(a.handlers={}),a.handlers[e]||(a.handlers[e]=[]),t.guid||(t.guid=ie()),a.handlers[e].push(t),a.dispatcher||(a.disabled=!1,a.dispatcher=function(e,t){if(!a.disabled){e=le(e);var n=a.handlers[e.type];if(n)for(var i=n.slice(0),r=0,s=i.length;r<s&&!e.isImmediatePropagationStopped();r++)try{i[r].call(o,e,t)}catch(e){f.error(e)}}}),1===a.handlers[e].length)if(o.addEventListener){var n=!1;ce()&&-1<ue.indexOf(e)&&(n={passive:!0}),o.addEventListener(e,a.dispatcher,n)}else o.attachEvent&&o.attachEvent("on"+e,a.dispatcher)}function de(e,t,n){if(se.has(e)){var i=se.get(e);if(i.handlers){if(Array.isArray(t))return ae(de,e,t,n);var r=function(e,t){i.handlers[t]=[],oe(e,t)};if(void 0!==t){var s=i.handlers[t];if(s)if(n){if(n.guid)for(var o=0;o<s.length;o++)s[o].guid===n.guid&&s.splice(o--,1);oe(e,t)}else r(e,t)}else for(var a in i.handlers)Object.prototype.hasOwnProperty.call(i.handlers||{},a)&&r(e,a)}}}function pe(e,t,n){var i=se.has(e)?se.get(e):{},r=e.parentNode||e.ownerDocument;if("string"==typeof t?t={type:t,target:e}:t.target||(t.target=e),t=le(t),i.dispatcher&&i.dispatcher.call(e,t,n),r&&!t.isPropagationStopped()&&!0===t.bubbles)pe.call(null,r,t,n);else if(!r&&!t.defaultPrevented&&t.target&&t.target[t.type]){se.has(t.target)||se.set(t.target,{});var s=se.get(t.target);t.target[t.type]&&(s.disabled=!0,"function"==typeof t.target[t.type]&&t.target[t.type](),s.disabled=!1)}return!t.defaultPrevented}function fe(e,t,n){if(Array.isArray(t))return ae(fe,e,t,n);function i(){de(e,t,i),n.apply(this,arguments)}i.guid=n.guid=n.guid||ie(),he(e,t,i)}function ve(e,t,n){function i(){de(e,t,i),n.apply(this,arguments)}i.guid=n.guid=n.guid||ie(),he(e,t,i)}function ge(e,t,n){t.guid||(t.guid=ie());var i=t.bind(e);return i.guid=n?n+"_"+t.guid:t.guid,i}function ye(t,n){var i=h.performance.now();return function(){var e=h.performance.now();n<=e-i&&(t.apply(void 0,arguments),i=e)}}function me(){}var _e,be=Object.freeze({fixEvent:le,on:he,off:de,trigger:pe,one:fe,any:ve});me.prototype.allowedEvents_={},me.prototype.addEventListener=me.prototype.on=function(e,t){var n=this.addEventListener;this.addEventListener=function(){},he(this,e,t),this.addEventListener=n},me.prototype.removeEventListener=me.prototype.off=function(e,t){de(this,e,t)},me.prototype.one=function(e,t){var n=this.addEventListener;this.addEventListener=function(){},fe(this,e,t),this.addEventListener=n},me.prototype.any=function(e,t){var n=this.addEventListener;this.addEventListener=function(){},ve(this,e,t),this.addEventListener=n},me.prototype.dispatchEvent=me.prototype.trigger=function(e){var t=e.type||e;"string"==typeof e&&(e={type:t}),e=le(e),this.allowedEvents_[t]&&this["on"+t]&&this["on"+t](e),pe(this,e)},me.prototype.queueTrigger=function(e){var t=this;_e=_e||new Map;var n=e.type||e,i=_e.get(this);i||(i=new Map,_e.set(this,i));var r=i.get(n);i.delete(n),h.clearTimeout(r);var s=h.setTimeout(function(){0===i.size&&(i=null,_e.delete(t)),t.trigger(e)},0);i.set(n,s)};function Te(e){return"string"==typeof e&&/\S/.test(e)||Array.isArray(e)&&!!e.length}function ke(e){if(!e.nodeName&&!xe(e))throw new Error("Invalid target; must be a DOM node or evented object.")}function Ce(e){if(!Te(e))throw new Error("Invalid event type; must be a non-empty string or array.")}function Ee(e){if("function"!=typeof e)throw new Error("Invalid listener; must be a function.")}function we(e,t){var n,i,r,s=t.length<3||t[0]===e||t[0]===e.eventBusEl_;return r=s?(n=e.eventBusEl_,3<=t.length&&t.shift(),i=t[0],t[1]):(n=t[0],i=t[1],t[2]),ke(n),Ce(i),Ee(r),{isTargetingSelf:s,target:n,type:i,listener:r=ge(e,r)}}function Se(e,t,n,i){ke(e),e.nodeName?be[t](e,n,i):e[t](n,i)}var xe=function(t){return t instanceof me||!!t.eventBusEl_&&["on","one","off","trigger"].every(function(e){return"function"==typeof t[e]})},Pe={on:function(){for(var e=this,t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];var r=we(this,n),s=r.isTargetingSelf,o=r.target,a=r.type,l=r.listener;if(Se(o,"on",a,l),!s){var c=function(){return e.off(o,a,l)};c.guid=l.guid;var u=function(){return e.off("dispose",c)};u.guid=l.guid,Se(this,"on","dispose",c),Se(o,"on","dispose",u)}},one:function(){for(var r=this,e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=we(this,t),s=i.isTargetingSelf,o=i.target,a=i.type,l=i.listener;if(s)Se(o,"one",a,l);else{var c=function e(){r.off(o,a,e);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];l.apply(null,n)};c.guid=l.guid,Se(o,"one",a,c)}},any:function(){for(var r=this,e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=we(this,t),s=i.isTargetingSelf,o=i.target,a=i.type,l=i.listener;if(s)Se(o,"any",a,l);else{var c=function e(){r.off(o,a,e);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];l.apply(null,n)};c.guid=l.guid,Se(o,"any",a,c)}},off:function(e,t,n){if(!e||Te(e))de(this.eventBusEl_,e,t);else{var i=e,r=t;ke(i),Ce(r),Ee(n),n=ge(this,n),this.off("dispose",n),i.nodeName?(de(i,r,n),de(i,"dispose",n)):xe(i)&&(i.off(r,n),i.off("dispose",n))}},trigger:function(e,t){return pe(this.eventBusEl_,e,t)}};function je(e,t){void 0===t&&(t={});var n=t.eventBusKey;if(n){if(!e[n].nodeName)throw new Error('The eventBusKey "'+n+'" does not refer to an element.');e.eventBusEl_=e[n]}else e.eventBusEl_=k("span",{className:"vjs-event-bus"});return g(e,Pe),e.eventedCallbacks&&e.eventedCallbacks.forEach(function(e){e()}),e.on("dispose",function(){e.off(),h.setTimeout(function(){e.eventBusEl_=null},0)}),e}var Ae={state:{},setState:function(e){var n,i=this;return"function"==typeof e&&(e=e()),o(e,function(e,t){i.state[t]!==e&&((n=n||{})[t]={from:i.state[t],to:e}),i.state[t]=e}),n&&xe(this)&&this.trigger({changes:n,type:"statechanged"}),n}};function Ie(e,t){return g(e,Ae),e.state=g({},e.state,t),"function"==typeof e.handleStateChanged&&xe(e)&&e.on("statechanged",e.handleStateChanged),e}function Me(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toLowerCase()})}function Le(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toUpperCase()})}function Ne(){for(var n={},e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t.forEach(function(e){e&&o(e,function(e,t){l(e)?(l(n[t])||(n[t]={}),n[t]=Ne(n[t],e)):n[t]=e})}),n}var De=function(){function c(e,t,n){if(!e&&this.play?this.player_=e=this:this.player_=e,this.isDisposed_=!1,this.parentComponent_=null,this.options_=Ne({},this.options_),t=this.options_=Ne(this.options_,t),this.id_=t.id||t.el&&t.el.id,!this.id_){var i=e&&e.id&&e.id()||"no_player";this.id_=i+"_component_"+ie()}var r;this.name_=t.name||null,t.el?this.el_=t.el:!1!==t.createEl&&(this.el_=this.createEl()),!1!==t.evented&&je(this,{eventBusKey:this.el_?"el_":null}),Ie(this,this.constructor.defaultState),this.children_=[],this.childIndex_={},this.childNameIndex_={},h.Set||(r=function(){function e(){this.set_={}}var t=e.prototype;return t.has=function(e){return e in this.set_},t.delete=function(e){var t=this.has(e);return delete this.set_[e],t},t.add=function(e){return this.set_[e]=1,this},t.forEach=function(e,t){for(var n in this.set_)e.call(t,n,n,this)},e}()),this.setTimeoutIds_=h.Set?new Set:new r,this.setIntervalIds_=h.Set?new Set:new r,this.rafIds_=h.Set?new Set:new r,(this.clearingTimersOnDispose_=!1)!==t.initChildren&&this.initChildren(),this.ready(n),!1!==t.reportTouchActivity&&this.enableTouchActivity()}var e=c.prototype;return e.dispose=function(){if(!this.isDisposed_){if(this.trigger({type:"dispose",bubbles:!1}),this.isDisposed_=!0,this.children_)for(var e=this.children_.length-1;0<=e;e--)this.children_[e].dispose&&this.children_[e].dispose();this.children_=null,this.childIndex_=null,this.childNameIndex_=null,this.parentComponent_=null,this.el_&&(this.el_.parentNode&&this.el_.parentNode.removeChild(this.el_),se.has(this.el_)&&se.delete(this.el_),this.el_=null),this.player_=null}},e.isDisposed=function(){return Boolean(this.isDisposed_)},e.player=function(){return this.player_},e.options=function(e){return e&&(this.options_=Ne(this.options_,e)),this.options_},e.el=function(){return this.el_},e.createEl=function(e,t,n){return k(e,t,n)},e.localize=function(e,r,t){void 0===t&&(t=e);var n=this.player_.language&&this.player_.language(),i=this.player_.languages&&this.player_.languages(),s=i&&i[n],o=n&&n.split("-")[0],a=i&&i[o],l=t;return s&&s[e]?l=s[e]:a&&a[e]&&(l=a[e]),r&&(l=l.replace(/\{(\d+)\}/g,function(e,t){var n=r[t-1],i=n;return"undefined"==typeof n&&(i=e),i})),l},e.contentEl=function(){return this.contentEl_||this.el_},e.id=function(){return this.id_},e.name=function(){return this.name_},e.children=function(){return this.children_},e.getChildById=function(e){return this.childIndex_[e]},e.getChild=function(e){if(e)return this.childNameIndex_[e]},e.addChild=function(e,t,n){var i,r;if(void 0===t&&(t={}),void 0===n&&(n=this.children_.length),"string"==typeof e){r=Le(e);var s=t.componentClass||r;t.name=r;var o=c.getComponent(s);if(!o)throw new Error("Component "+s+" does not exist");if("function"!=typeof o)return null;i=new o(this.player_||this,t)}else i=e;if(i.parentComponent_&&i.parentComponent_.removeChild(i),this.children_.splice(n,0,i),i.parentComponent_=this,"function"==typeof i.id&&(this.childIndex_[i.id()]=i),(r=r||i.name&&Le(i.name()))&&(this.childNameIndex_[r]=i,this.childNameIndex_[Me(r)]=i),"function"==typeof i.el&&i.el()){var a=null;this.children_[n+1]&&this.children_[n+1].el_&&(a=this.children_[n+1].el_),this.contentEl().insertBefore(i.el(),a)}return i},e.removeChild=function(e){if("string"==typeof e&&(e=this.getChild(e)),e&&this.children_){for(var t=!1,n=this.children_.length-1;0<=n;n--)if(this.children_[n]===e){t=!0,this.children_.splice(n,1);break}if(t){e.parentComponent_=null,this.childIndex_[e.id()]=null,this.childNameIndex_[Le(e.name())]=null,this.childNameIndex_[Me(e.name())]=null;var i=e.el();i&&i.parentNode===this.contentEl()&&this.contentEl().removeChild(e.el())}}},e.initChildren=function(){var r=this,i=this.options_.children;if(i){var e,s=this.options_,n=c.getComponent("Tech");(e=Array.isArray(i)?i:Object.keys(i)).concat(Object.keys(this.options_).filter(function(t){return!e.some(function(e){return"string"==typeof e?t===e:t===e.name})})).map(function(e){var t,n;return n="string"==typeof e?i[t=e]||r.options_[t]||{}:(t=e.name,e),{name:t,opts:n}}).filter(function(e){var t=c.getComponent(e.opts.componentClass||Le(e.name));return t&&!n.isTech(t)}).forEach(function(e){var t=e.name,n=e.opts;if(void 0!==s[t]&&(n=s[t]),!1!==n){!0===n&&(n={}),n.playerOptions=r.options_.playerOptions;var i=r.addChild(t,n);i&&(r[t]=i)}})}},e.buildCSSClass=function(){return""},e.ready=function(e,t){if(void 0===t&&(t=!1),e)return this.isReady_?void(t?e.call(this):this.setTimeout(e,1)):(this.readyQueue_=this.readyQueue_||[],void this.readyQueue_.push(e))},e.triggerReady=function(){this.isReady_=!0,this.setTimeout(function(){var e=this.readyQueue_;this.readyQueue_=[],e&&0<e.length&&e.forEach(function(e){e.call(this)},this),this.trigger("ready")},1)},e.$=function(e,t){return q(e,t||this.contentEl())},e.$$=function(e,t){return X(e,t||this.contentEl())},e.hasClass=function(e){return w(this.el_,e)},e.addClass=function(e){S(this.el_,e)},e.removeClass=function(e){x(this.el_,e)},e.toggleClass=function(e,t){P(this.el_,e,t)},e.show=function(){this.removeClass("vjs-hidden")},e.hide=function(){this.addClass("vjs-hidden")},e.lockShowing=function(){this.addClass("vjs-lock-showing")},e.unlockShowing=function(){this.removeClass("vjs-lock-showing")},e.getAttribute=function(e){return I(this.el_,e)},e.setAttribute=function(e,t){M(this.el_,e,t)},e.removeAttribute=function(e){L(this.el_,e)},e.width=function(e,t){return this.dimension("width",e,t)},e.height=function(e,t){return this.dimension("height",e,t)},e.dimensions=function(e,t){this.width(e,!0),this.height(t)},e.dimension=function(e,t,n){if(void 0!==t)return null!==t&&t==t||(t=0),-1!==(""+t).indexOf("%")||-1!==(""+t).indexOf("px")?this.el_.style[e]=t:this.el_.style[e]="auto"===t?"":t+"px",void(n||this.trigger("componentresize"));if(!this.el_)return 0;var i=this.el_.style[e],r=i.indexOf("px");return-1!==r?parseInt(i.slice(0,r),10):parseInt(this.el_["offset"+Le(e)],10)},e.currentDimension=function(e){var t=0;if("width"!==e&&"height"!==e)throw new Error("currentDimension only accepts width or height value");if(t=i(this.el_,e),0===(t=parseFloat(t))||isNaN(t)){var n="offset"+Le(e);t=this.el_[n]}return t},e.currentDimensions=function(){return{width:this.currentDimension("width"),height:this.currentDimension("height")}},e.currentWidth=function(){return this.currentDimension("width")},e.currentHeight=function(){return this.currentDimension("height")},e.focus=function(){this.el_.focus()},e.blur=function(){this.el_.blur()},e.handleKeyDown=function(e){this.player_&&(e.stopPropagation(),this.player_.handleKeyDown(e))},e.handleKeyPress=function(e){this.handleKeyDown(e)},e.emitTapEvents=function(){var i,t=0,r=null;this.on("touchstart",function(e){1===e.touches.length&&(r={pageX:e.touches[0].pageX,pageY:e.touches[0].pageY},t=h.performance.now(),i=!0)}),this.on("touchmove",function(e){if(1<e.touches.length)i=!1;else if(r){var t=e.touches[0].pageX-r.pageX,n=e.touches[0].pageY-r.pageY;10<Math.sqrt(t*t+n*n)&&(i=!1)}});function e(){i=!1}this.on("touchleave",e),this.on("touchcancel",e),this.on("touchend",function(e){!(r=null)===i&&h.performance.now()-t<200&&(e.preventDefault(),this.trigger("tap"))})},e.enableTouchActivity=function(){if(this.player()&&this.player().reportUserActivity){var t,n=ge(this.player(),this.player().reportUserActivity);this.on("touchstart",function(){n(),this.clearInterval(t),t=this.setInterval(n,250)});var e=function(e){n(),this.clearInterval(t)};this.on("touchmove",n),this.on("touchend",e),this.on("touchcancel",e)}},e.setTimeout=function(e,t){var n,i=this;return e=ge(this,e),this.clearTimersOnDispose_(),n=h.setTimeout(function(){i.setTimeoutIds_.has(n)&&i.setTimeoutIds_.delete(n),e()},t),this.setTimeoutIds_.add(n),n},e.clearTimeout=function(e){return this.setTimeoutIds_.has(e)&&(this.setTimeoutIds_.delete(e),h.clearTimeout(e)),e},e.setInterval=function(e,t){e=ge(this,e),this.clearTimersOnDispose_();var n=h.setInterval(e,t);return this.setIntervalIds_.add(n),n},e.clearInterval=function(e){return this.setIntervalIds_.has(e)&&(this.setIntervalIds_.delete(e),h.clearInterval(e)),e},e.requestAnimationFrame=function(e){var t,n=this;return this.supportsRaf_?(this.clearTimersOnDispose_(),e=ge(this,e),t=h.requestAnimationFrame(function(){n.rafIds_.has(t)&&n.rafIds_.delete(t),e()}),this.rafIds_.add(t),t):this.setTimeout(e,1e3/60)},e.cancelAnimationFrame=function(e){return this.supportsRaf_?(this.rafIds_.has(e)&&(this.rafIds_.delete(e),h.cancelAnimationFrame(e)),e):this.clearTimeout(e)},e.clearTimersOnDispose_=function(){var i=this;this.clearingTimersOnDispose_||(this.clearingTimersOnDispose_=!0,this.one("dispose",function(){[["rafIds_","cancelAnimationFrame"],["setTimeoutIds_","clearTimeout"],["setIntervalIds_","clearInterval"]].forEach(function(e){var t=e[0],n=e[1];i[t].forEach(i[n],i)}),i.clearingTimersOnDispose_=!1}))},c.registerComponent=function(e,t){if("string"!=typeof e||!e)throw new Error('Illegal component name, "'+e+'"; must be a non-empty string.');var n,i=c.getComponent("Tech"),r=i&&i.isTech(t),s=c===t||c.prototype.isPrototypeOf(t.prototype);if(r||!s)throw n=r?"techs must be registered using Tech.registerTech()":"must be a Component subclass",new Error('Illegal component, "'+e+'"; '+n+".");e=Le(e),c.components_||(c.components_={});var o=c.getComponent("Player");if("Player"===e&&o&&o.players){var a=o.players,l=Object.keys(a);if(a&&0<l.length&&l.map(function(e){return a[e]}).every(Boolean))throw new Error("Can not register Player component after player has been created.")}return c.components_[e]=t,c.components_[Me(e)]=t},c.getComponent=function(e){if(e&&c.components_)return c.components_[e]},c}();De.prototype.supportsRaf_="function"==typeof h.requestAnimationFrame&&"function"==typeof h.cancelAnimationFrame,De.registerComponent("Component",De);var Oe=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var Re,Be,Fe,He,Ve=function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t},We=h.navigator&&h.navigator.userAgent||"",ze=/AppleWebKit\/([\d.]+)/i.exec(We),Ke=ze?parseFloat(ze.pop()):null,Ue=/iPod/i.test(We),qe=(Re=We.match(/OS (\d+)_/i))&&Re[1]?Re[1]:null,Xe=/Android/i.test(We),$e=function(){var e=We.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);if(!e)return null;var t=e[1]&&parseFloat(e[1]),n=e[2]&&parseFloat(e[2]);return t&&n?parseFloat(e[1]+"."+e[2]):t||null}(),Ye=Xe&&$e<5&&Ke<537,Ge=/Firefox/i.test(We),Qe=/Edge/i.test(We),Je=!Qe&&(/Chrome/i.test(We)||/CriOS/i.test(We)),Ze=(Be=We.match(/(Chrome|CriOS)\/(\d+)/))&&Be[2]?parseFloat(Be[2]):null,et=(Fe=/MSIE\s(\d+)\.\d/.exec(We),!(He=Fe&&parseFloat(Fe[1]))&&/Trident\/7.0/i.test(We)&&/rv:11.0/.test(We)&&(He=11),He),tt=/Safari/i.test(We)&&!Je&&!Xe&&!Qe,nt=/Windows/i.test(We),it=m()&&("ontouchstart"in h||h.navigator.maxTouchPoints||h.DocumentTouch&&h.document instanceof h.DocumentTouch),rt=/iPad/i.test(We)||tt&&it&&!/iPhone/i.test(We),st=/iPhone/i.test(We)&&!rt,ot=st||rt||Ue,at=(tt||ot)&&!Je,lt=Object.freeze({IS_IPOD:Ue,IOS_VERSION:qe,IS_ANDROID:Xe,ANDROID_VERSION:$e,IS_NATIVE_ANDROID:Ye,IS_FIREFOX:Ge,IS_EDGE:Qe,IS_CHROME:Je,CHROME_VERSION:Ze,IE_VERSION:et,IS_SAFARI:tt,IS_WINDOWS:nt,TOUCH_ENABLED:it,IS_IPAD:rt,IS_IPHONE:st,IS_IOS:ot,IS_ANY_SAFARI:at});function ct(e,t,n,i){return function(e,t,n){if("number"!=typeof t||t<0||n<t)throw new Error("Failed to execute '"+e+"' on 'TimeRanges': The index provided ("+t+") is non-numeric or out of bounds (0-"+n+").")}(e,i,n.length-1),n[i][t]}function ut(e){return void 0===e||0===e.length?{length:0,start:function(){throw new Error("This TimeRanges object is empty")},end:function(){throw new Error("This TimeRanges object is empty")}}:{length:e.length,start:ct.bind(null,"start",0,e),end:ct.bind(null,"end",1,e)}}function ht(e,t){return Array.isArray(e)?ut(e):void 0===e||void 0===t?ut():ut([[e,t]])}function dt(e,t){var n,i,r=0;if(!t)return 0;e&&e.length||(e=ht(0,0));for(var s=0;s<e.length;s++)n=e.start(s),t<(i=e.end(s))&&(i=t),r+=i-n;return r/t}for(var pt,ft={prefixed:!0},vt=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror","fullscreen"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"]],gt=vt[0],yt=0;yt<vt.length;yt++)if(vt[yt][1]in d){pt=vt[yt];break}if(pt){for(var mt=0;mt<pt.length;mt++)ft[gt[mt]]=pt[mt];ft.prefixed=pt[0]!==gt[0]}function _t(e){if(e instanceof _t)return e;"number"==typeof e?this.code=e:"string"==typeof e?this.message=e:a(e)&&("number"==typeof e.code&&(this.code=e.code),g(this,e)),this.message||(this.message=_t.defaultMessages[this.code]||"")}_t.prototype.code=0,_t.prototype.message="",_t.prototype.status=null,_t.errorTypes=["MEDIA_ERR_CUSTOM","MEDIA_ERR_ABORTED","MEDIA_ERR_NETWORK","MEDIA_ERR_DECODE","MEDIA_ERR_SRC_NOT_SUPPORTED","MEDIA_ERR_ENCRYPTED"],_t.defaultMessages={1:"You aborted the media playback",2:"A network error caused the media download to fail part-way.",3:"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",4:"The media could not be loaded, either because the server or network failed or because the format is not supported.",5:"The media is encrypted and we do not have the keys to decrypt it."};for(var bt=0;bt<_t.errorTypes.length;bt++)_t[_t.errorTypes[bt]]=bt,_t.prototype[_t.errorTypes[bt]]=bt;var Tt=function(e,t){var n,i=null;try{n=JSON.parse(e,t)}catch(e){i=e}return[i,n]};function kt(e){return null!=e&&"function"==typeof e.then}function Ct(e){kt(e)&&e.then(null,function(e){})}function Et(i){return["kind","label","language","id","inBandMetadataTrackDispatchType","mode","src"].reduce(function(e,t,n){return i[t]&&(e[t]=i[t]),e},{cues:i.cues&&Array.prototype.map.call(i.cues,function(e){return{startTime:e.startTime,endTime:e.endTime,text:e.text,id:e.id}})})}var wt=function(e){var t=e.$$("track"),n=Array.prototype.map.call(t,function(e){return e.track});return Array.prototype.map.call(t,function(e){var t=Et(e.track);return e.src&&(t.src=e.src),t}).concat(Array.prototype.filter.call(e.textTracks(),function(e){return-1===n.indexOf(e)}).map(Et))},St=function(e,n){return e.forEach(function(e){var t=n.addRemoteTextTrack(e).track;!e.src&&e.cues&&e.cues.forEach(function(e){return t.addCue(e)})}),n.textTracks()},xt=t(function(e,t){function n(e){if(e&&"object"==typeof e){var t=e.which||e.keyCode||e.charCode;t&&(e=t)}if("number"==typeof e)return o[e];var n,i=String(e);return(n=r[i.toLowerCase()])?n:(n=s[i.toLowerCase()])||(1===i.length?i.charCodeAt(0):void 0)}n.isEventKey=function(e,t){if(e&&"object"==typeof e){var n=e.which||e.keyCode||e.charCode;if(null==n)return!1;if("string"==typeof t){var i;if(i=r[t.toLowerCase()])return i===n;if(i=s[t.toLowerCase()])return i===n}else if("number"==typeof t)return t===n;return!1}};var r=(t=e.exports=n).code=t.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},s=t.aliases={windows:91,"⇧":16,"⌥":18,"⌃":17,"⌘":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};for(i=97;i<123;i++)r[String.fromCharCode(i)]=i-32;for(var i=48;i<58;i++)r[i-48]=i;for(i=1;i<13;i++)r["f"+i]=i+111;for(i=0;i<10;i++)r["numpad "+i]=i+96;var o=t.names=t.title={};for(i in r)o[r[i]]=i;for(var a in s)r[a]=s[a]}),Pt=(xt.code,xt.codes,xt.aliases,xt.names,xt.title,"vjs-modal-dialog"),jt=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).opened_=n.hasBeenOpened_=n.hasBeenFilled_=!1,n.closeable(!n.options_.uncloseable),n.content(n.options_.content),n.contentEl_=k("div",{className:Pt+"-content"},{role:"document"}),n.descEl_=k("p",{className:Pt+"-description vjs-control-text",id:n.el().getAttribute("aria-describedby")}),C(n.descEl_,n.description()),n.el_.appendChild(n.descEl_),n.el_.appendChild(n.contentEl_),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:this.buildCSSClass(),tabIndex:-1},{"aria-describedby":this.id()+"_description","aria-hidden":"true","aria-label":this.label(),role:"dialog"})},t.dispose=function(){this.contentEl_=null,this.descEl_=null,this.previouslyActiveEl_=null,i.prototype.dispose.call(this)},t.buildCSSClass=function(){return Pt+" vjs-hidden "+i.prototype.buildCSSClass.call(this)},t.label=function(){return this.localize(this.options_.label||"Modal Window")},t.description=function(){var e=this.options_.description||this.localize("This is a modal window.");return this.closeable()&&(e+=" "+this.localize("This modal can be closed by pressing the Escape key or activating the close button.")),e},t.open=function(){if(!this.opened_){var e=this.player();this.trigger("beforemodalopen"),this.opened_=!0,!this.options_.fillAlways&&(this.hasBeenOpened_||this.hasBeenFilled_)||this.fill(),this.wasPlaying_=!e.paused(),this.options_.pauseOnOpen&&this.wasPlaying_&&e.pause(),this.on("keydown",this.handleKeyDown),this.hadControls_=e.controls(),e.controls(!1),this.show(),this.conditionalFocus_(),this.el().setAttribute("aria-hidden","false"),this.trigger("modalopen"),this.hasBeenOpened_=!0}},t.opened=function(e){return"boolean"==typeof e&&this[e?"open":"close"](),this.opened_},t.close=function(){if(this.opened_){var e=this.player();this.trigger("beforemodalclose"),this.opened_=!1,this.wasPlaying_&&this.options_.pauseOnOpen&&e.play(),this.off("keydown",this.handleKeyDown),this.hadControls_&&e.controls(!0),this.hide(),this.el().setAttribute("aria-hidden","true"),this.trigger("modalclose"),this.conditionalBlur_(),this.options_.temporary&&this.dispose()}},t.closeable=function(e){if("boolean"==typeof e){var t=this.closeable_=!!e,n=this.getChild("closeButton");if(t&&!n){var i=this.contentEl_;this.contentEl_=this.el_,n=this.addChild("closeButton",{controlText:"Close Modal Dialog"}),this.contentEl_=i,this.on(n,"close",this.close)}!t&&n&&(this.off(n,"close",this.close),this.removeChild(n),n.dispose())}return this.closeable_},t.fill=function(){this.fillWith(this.content())},t.fillWith=function(e){var t=this.contentEl(),n=t.parentNode,i=t.nextSibling;this.trigger("beforemodalfill"),this.hasBeenFilled_=!0,n.removeChild(t),this.empty(),z(t,e),this.trigger("modalfill"),i?n.insertBefore(t,i):n.appendChild(t);var r=this.getChild("closeButton");r&&n.appendChild(r.el_)},t.empty=function(){this.trigger("beforemodalempty"),H(this.contentEl()),this.trigger("modalempty")},t.content=function(e){return"undefined"!=typeof e&&(this.content_=e),this.content_},t.conditionalFocus_=function(){var e=d.activeElement,t=this.player_.el_;this.previouslyActiveEl_=null,!t.contains(e)&&t!==e||(this.previouslyActiveEl_=e,this.focus())},t.conditionalBlur_=function(){this.previouslyActiveEl_&&(this.previouslyActiveEl_.focus(),this.previouslyActiveEl_=null)},t.handleKeyDown=function(e){if(e.stopPropagation(),xt.isEventKey(e,"Escape")&&this.closeable())return e.preventDefault(),void this.close();if(xt.isEventKey(e,"Tab")){for(var t,n=this.focusableEls_(),i=this.el_.querySelector(":focus"),r=0;r<n.length;r++)if(i===n[r]){t=r;break}d.activeElement===this.el_&&(t=0),e.shiftKey&&0===t?(n[n.length-1].focus(),e.preventDefault()):e.shiftKey||t!==n.length-1||(n[0].focus(),e.preventDefault())}},t.focusableEls_=function(){var e=this.el_.querySelectorAll("*");return Array.prototype.filter.call(e,function(e){return(e instanceof h.HTMLAnchorElement||e instanceof h.HTMLAreaElement)&&e.hasAttribute("href")||(e instanceof h.HTMLInputElement||e instanceof h.HTMLSelectElement||e instanceof h.HTMLTextAreaElement||e instanceof h.HTMLButtonElement)&&!e.hasAttribute("disabled")||e instanceof h.HTMLIFrameElement||e instanceof h.HTMLObjectElement||e instanceof h.HTMLEmbedElement||e.hasAttribute("tabindex")&&-1!==e.getAttribute("tabindex")||e.hasAttribute("contenteditable")})},e}(De);jt.prototype.options_={pauseOnOpen:!0,temporary:!0},De.registerComponent("ModalDialog",jt);var At=function(i){function e(e){var t;void 0===e&&(e=[]),(t=i.call(this)||this).tracks_=[],Object.defineProperty(Oe(t),"length",{get:function(){return this.tracks_.length}});for(var n=0;n<e.length;n++)t.addTrack(e[n]);return t}Ve(e,i);var t=e.prototype;return t.addTrack=function(e){var t=this.tracks_.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this.tracks_[t]}}),-1===this.tracks_.indexOf(e)&&(this.tracks_.push(e),this.trigger({track:e,type:"addtrack",target:this}))},t.removeTrack=function(e){for(var t,n=0,i=this.length;n<i;n++)if(this[n]===e){(t=this[n]).off&&t.off(),this.tracks_.splice(n,1);break}t&&this.trigger({track:t,type:"removetrack",target:this})},t.getTrackById=function(e){for(var t=null,n=0,i=this.length;n<i;n++){var r=this[n];if(r.id===e){t=r;break}}return t},e}(me);for(var It in At.prototype.allowedEvents_={change:"change",addtrack:"addtrack",removetrack:"removetrack"},At.prototype.allowedEvents_)At.prototype["on"+It]=null;function Mt(e,t){for(var n=0;n<e.length;n++)Object.keys(e[n]).length&&t.id!==e[n].id&&(e[n].enabled=!1)}function Lt(e,t){for(var n=0;n<e.length;n++)Object.keys(e[n]).length&&t.id!==e[n].id&&(e[n].selected=!1)}function Nt(e){var t=["protocol","hostname","port","pathname","search","hash","host"],n=d.createElement("a");n.href=e;var i,r=""===n.host&&"file:"!==n.protocol;r&&((i=d.createElement("div")).innerHTML='<a href="'+e+'"></a>',n=i.firstChild,i.setAttribute("style","display:none; position:absolute;"),d.body.appendChild(i));for(var s={},o=0;o<t.length;o++)s[t[o]]=n[t[o]];return"http:"===s.protocol&&(s.host=s.host.replace(/:80$/,"")),"https:"===s.protocol&&(s.host=s.host.replace(/:443$/,"")),s.protocol||(s.protocol=h.location.protocol),r&&d.body.removeChild(i),s}function Dt(e){if(!e.match(/^https?:\/\//)){var t=d.createElement("div");t.innerHTML='<a href="'+e+'">x</a>',e=t.firstChild.href}return e}function Ot(e){if("string"==typeof e){var t=/^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/.exec(e);if(t)return t.pop().toLowerCase()}return""}function Rt(e,t){void 0===t&&(t=h.location);var n=Nt(e);return(":"===n.protocol?t.protocol:n.protocol)+n.host!==t.protocol+t.host}var Bt=function(i){function e(e){var t;void 0===e&&(e=[]);for(var n=e.length-1;0<=n;n--)if(e[n].enabled){Mt(e,e[n]);break}return(t=i.call(this,e)||this).changing_=!1,t}Ve(e,i);var t=e.prototype;return t.addTrack=function(e){var t=this;e.enabled&&Mt(this,e),i.prototype.addTrack.call(this,e),e.addEventListener&&(e.enabledChange_=function(){t.changing_||(t.changing_=!0,Mt(t,e),t.changing_=!1,t.trigger("change"))},e.addEventListener("enabledchange",e.enabledChange_))},t.removeTrack=function(e){i.prototype.removeTrack.call(this,e),e.removeEventListener&&e.enabledChange_&&(e.removeEventListener("enabledchange",e.enabledChange_),e.enabledChange_=null)},e}(At),Ft=function(i){function e(e){var t;void 0===e&&(e=[]);for(var n=e.length-1;0<=n;n--)if(e[n].selected){Lt(e,e[n]);break}return(t=i.call(this,e)||this).changing_=!1,Object.defineProperty(Oe(t),"selectedIndex",{get:function(){for(var e=0;e<this.length;e++)if(this[e].selected)return e;return-1},set:function(){}}),t}Ve(e,i);var t=e.prototype;return t.addTrack=function(e){var t=this;e.selected&&Lt(this,e),i.prototype.addTrack.call(this,e),e.addEventListener&&(e.selectedChange_=function(){t.changing_||(t.changing_=!0,Lt(t,e),t.changing_=!1,t.trigger("change"))},e.addEventListener("selectedchange",e.selectedChange_))},t.removeTrack=function(e){i.prototype.removeTrack.call(this,e),e.removeEventListener&&e.selectedChange_&&(e.removeEventListener("selectedchange",e.selectedChange_),e.selectedChange_=null)},e}(At),Ht=function(n){function e(){return n.apply(this,arguments)||this}Ve(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this;n.prototype.addTrack.call(this,e),this.queueChange_||(this.queueChange_=function(){return t.queueTrigger("change")}),this.triggerSelectedlanguagechange||(this.triggerSelectedlanguagechange_=function(){return t.trigger("selectedlanguagechange")}),e.addEventListener("modechange",this.queueChange_);-1===["metadata","chapters"].indexOf(e.kind)&&e.addEventListener("modechange",this.triggerSelectedlanguagechange_)},t.removeTrack=function(e){n.prototype.removeTrack.call(this,e),e.removeEventListener&&(this.queueChange_&&e.removeEventListener("modechange",this.queueChange_),this.selectedlanguagechange_&&e.removeEventListener("modechange",this.triggerSelectedlanguagechange_))},e}(At),Vt=function(){function e(e){void 0===e&&(e=[]),this.trackElements_=[],Object.defineProperty(this,"length",{get:function(){return this.trackElements_.length}});for(var t=0,n=e.length;t<n;t++)this.addTrackElement_(e[t])}var t=e.prototype;return t.addTrackElement_=function(e){var t=this.trackElements_.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this.trackElements_[t]}}),-1===this.trackElements_.indexOf(e)&&this.trackElements_.push(e)},t.getTrackElementByTrack_=function(e){for(var t,n=0,i=this.trackElements_.length;n<i;n++)if(e===this.trackElements_[n].track){t=this.trackElements_[n];break}return t},t.removeTrackElement_=function(e){for(var t=0,n=this.trackElements_.length;t<n;t++)if(e===this.trackElements_[t]){this.trackElements_[t].track&&"function"==typeof this.trackElements_[t].track.off&&this.trackElements_[t].track.off(),"function"==typeof this.trackElements_[t].off&&this.trackElements_[t].off(),this.trackElements_.splice(t,1);break}},e}(),Wt=function(){function t(e){t.prototype.setCues_.call(this,e),Object.defineProperty(this,"length",{get:function(){return this.length_}})}var e=t.prototype;return e.setCues_=function(e){var t=this.length||0,n=0,i=e.length;this.cues_=e,this.length_=e.length;function r(e){""+e in this||Object.defineProperty(this,""+e,{get:function(){return this.cues_[e]}})}if(t<i)for(n=t;n<i;n++)r.call(this,n)},e.getCueById=function(e){for(var t=null,n=0,i=this.length;n<i;n++){var r=this[n];if(r.id===e){t=r;break}}return t},t}(),zt={alternative:"alternative",captions:"captions",main:"main",sign:"sign",subtitles:"subtitles",commentary:"commentary"},Kt={alternative:"alternative",descriptions:"descriptions",main:"main","main-desc":"main-desc",translation:"translation",commentary:"commentary"},Ut={subtitles:"subtitles",captions:"captions",descriptions:"descriptions",chapters:"chapters",metadata:"metadata"},qt={disabled:"disabled",hidden:"hidden",showing:"showing"},Xt=function(s){function e(e){var t;void 0===e&&(e={}),t=s.call(this)||this;function n(e){Object.defineProperty(Oe(t),e,{get:function(){return i[e]},set:function(){}})}var i={id:e.id||"vjs_track_"+ie(),kind:e.kind||"",label:e.label||"",language:e.language||""};for(var r in i)n(r);return t}return Ve(e,s),e}(me),$t=Object.freeze({parseUrl:Nt,getAbsoluteURL:Dt,getFileExtension:Ot,isCrossOrigin:Rt}),Yt=function(e){var t=Gt.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)}
-/**
-   * @license
-   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
-   * Copyright (c) 2014 David Björklund
-   * Available under the MIT license
-   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
-   */,Gt=Object.prototype.toString;var Qt=function(e){var r={};return e&&e.trim().split("\n").forEach(function(e){var t=e.indexOf(":"),n=e.slice(0,t).trim().toLowerCase(),i=e.slice(t+1).trim();"undefined"==typeof r[n]?r[n]=i:Array.isArray(r[n])?r[n].push(i):r[n]=[r[n],i]}),r},Jt=tn,Zt=tn;function en(e,t,n){var i=e;return Yt(t)?(n=t,"string"==typeof e&&(i={uri:e})):i=r({},t,{uri:e}),i.callback=n,i}function tn(e,t,n){return nn(t=en(e,t,n))}function nn(i){if("undefined"==typeof i.callback)throw new Error("callback argument missing");var r=!1,s=function(e,t,n){r||(r=!0,i.callback(e,t,n))};function t(e){return clearTimeout(a),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,s(e,v)}function e(){if(!o){var e;clearTimeout(a),e=i.useXDR&&void 0===l.status?200:1223===l.status?204:l.status;var t=v,n=null;return 0!==e?(t={body:function(){var e=void 0;if(e=l.response?l.response:l.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(l),f)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:e,method:u,headers:{},url:c,rawRequest:l},l.getAllResponseHeaders&&(t.headers=Qt(l.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),s(n,t,t.body)}}var n,o,a,l=i.xhr||null,c=(l=l||(i.cors||i.useXDR?new tn.XDomainRequest:new tn.XMLHttpRequest)).url=i.uri||i.url,u=l.method=i.method||"GET",h=i.body||i.data,d=l.headers=i.headers||{},p=!!i.sync,f=!1,v={body:void 0,headers:{},statusCode:0,method:u,url:c,rawRequest:l};if("json"in i&&!1!==i.json&&(f=!0,d.accept||d.Accept||(d.Accept="application/json"),"GET"!==u&&"HEAD"!==u&&(d["content-type"]||d["Content-Type"]||(d["Content-Type"]="application/json"),h=JSON.stringify(!0===i.json?h:i.json))),l.onreadystatechange=function(){4===l.readyState&&setTimeout(e,0)},l.onload=e,l.onerror=t,l.onprogress=function(){},l.onabort=function(){o=!0},l.ontimeout=t,l.open(u,c,!p,i.username,i.password),p||(l.withCredentials=!!i.withCredentials),!p&&0<i.timeout&&(a=setTimeout(function(){if(!o){o=!0,l.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",t(e)}},i.timeout)),l.setRequestHeader)for(n in d)d.hasOwnProperty(n)&&l.setRequestHeader(n,d[n]);else if(i.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(i.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in i&&(l.responseType=i.responseType),"beforeSend"in i&&"function"==typeof i.beforeSend&&i.beforeSend(l),l.send(h||null),l}tn.XMLHttpRequest=h.XMLHttpRequest||function(){},tn.XDomainRequest="withCredentials"in new tn.XMLHttpRequest?tn.XMLHttpRequest:h.XDomainRequest,function(e,t){for(var n=0;n<e.length;n++)t(e[n])}(["get","put","post","patch","head","delete"],function(i){tn["delete"===i?"del":i]=function(e,t,n){return(t=en(e,t,n)).method=i.toUpperCase(),nn(t)}}),Jt.default=Zt;function rn(e,t){var n=new h.WebVTT.Parser(h,h.vttjs,h.WebVTT.StringDecoder()),i=[];n.oncue=function(e){t.addCue(e)},n.onparsingerror=function(e){i.push(e)},n.onflush=function(){t.trigger({type:"loadeddata",target:t})},n.parse(e),0<i.length&&(h.console&&h.console.groupCollapsed&&h.console.groupCollapsed("Text Track parsing errors for "+t.src),i.forEach(function(e){return f.error(e)}),h.console&&h.console.groupEnd&&h.console.groupEnd()),n.flush()}function sn(e,i){var t={uri:e},n=Rt(e);n&&(t.cors=n),Jt(t,ge(this,function(e,t,n){if(e)return f.error(e,t);i.loaded_=!0,"function"!=typeof h.WebVTT?i.tech_&&i.tech_.any(["vttjsloaded","vttjserror"],function(e){if("vttjserror"!==e.type)return rn(n,i);f.error("vttjs failed to load, stopping trying to process "+i.src)}):rn(n,i)}))}var on=function(c){function e(e){var t;if(void 0===e&&(e={}),!e.tech)throw new Error("A tech was not provided.");var n=Ne(e,{kind:Ut[e.kind]||"subtitles",language:e.language||e.srclang||""}),i=qt[n.mode]||"disabled",r=n.default;"metadata"!==n.kind&&"chapters"!==n.kind||(i="hidden"),(t=c.call(this,n)||this).tech_=n.tech,t.cues_=[],t.activeCues_=[],t.preload_=!1!==t.tech_.preloadTextTracks;var s=new Wt(t.cues_),o=new Wt(t.activeCues_),a=!1,l=ge(Oe(t),function(){this.activeCues=this.activeCues,a&&(this.trigger("cuechange"),a=!1)});return"disabled"!==i&&t.tech_.ready(function(){t.tech_.on("timeupdate",l)},!0),Object.defineProperties(Oe(t),{default:{get:function(){return r},set:function(){}},mode:{get:function(){return i},set:function(e){var t=this;qt[e]&&(i=e,this.preload_||"disabled"===i||0!==this.cues.length||sn(this.src,this),"disabled"!==i?this.tech_.ready(function(){t.tech_.on("timeupdate",l)},!0):this.tech_.off("timeupdate",l),this.trigger("modechange"))}},cues:{get:function(){return this.loaded_?s:null},set:function(){}},activeCues:{get:function(){if(!this.loaded_)return null;if(0===this.cues.length)return o;for(var e=this.tech_.currentTime(),t=[],n=0,i=this.cues.length;n<i;n++){var r=this.cues[n];r.startTime<=e&&r.endTime>=e?t.push(r):r.startTime===r.endTime&&r.startTime<=e&&r.startTime+.5>=e&&t.push(r)}if(a=!1,t.length!==this.activeCues_.length)a=!0;else for(var s=0;s<t.length;s++)-1===this.activeCues_.indexOf(t[s])&&(a=!0);return this.activeCues_=t,o.setCues_(this.activeCues_),o},set:function(){}}}),n.src?(t.src=n.src,t.preload_||(t.loaded_=!0),(t.preload_||r||"subtitles"!==n.kind&&"captions"!==n.kind)&&sn(t.src,Oe(t))):t.loaded_=!0,t}Ve(e,c);var t=e.prototype;return t.addCue=function(e){var t=e;if(h.vttjs&&!(e instanceof h.vttjs.VTTCue)){for(var n in t=new h.vttjs.VTTCue(e.startTime,e.endTime,e.text),e)n in t||(t[n]=e[n]);t.id=e.id,t.originalCue_=e}for(var i=this.tech_.textTracks(),r=0;r<i.length;r++)i[r]!==this&&i[r].removeCue(t);this.cues_.push(t),this.cues.setCues_(this.cues_)},t.removeCue=function(e){for(var t=this.cues_.length;t--;){var n=this.cues_[t];if(n===e||n.originalCue_&&n.originalCue_===e){this.cues_.splice(t,1),this.cues.setCues_(this.cues_);break}}},e}(Xt);on.prototype.allowedEvents_={cuechange:"cuechange"};var an=function(r){function e(e){var t;void 0===e&&(e={});var n=Ne(e,{kind:Kt[e.kind]||""});t=r.call(this,n)||this;var i=!1;return Object.defineProperty(Oe(t),"enabled",{get:function(){return i},set:function(e){"boolean"==typeof e&&e!==i&&(i=e,this.trigger("enabledchange"))}}),n.enabled&&(t.enabled=n.enabled),t.loaded_=!0,t}return Ve(e,r),e}(Xt),ln=function(r){function e(e){var t;void 0===e&&(e={});var n=Ne(e,{kind:zt[e.kind]||""});t=r.call(this,n)||this;var i=!1;return Object.defineProperty(Oe(t),"selected",{get:function(){return i},set:function(e){"boolean"==typeof e&&e!==i&&(i=e,this.trigger("selectedchange"))}}),n.selected&&(t.selected=n.selected),t}return Ve(e,r),e}(Xt),cn=function(r){function e(e){var t,n;void 0===e&&(e={}),t=r.call(this)||this;var i=new on(e);return t.kind=i.kind,t.src=i.src,t.srclang=i.language,t.label=i.label,t.default=i.default,Object.defineProperties(Oe(t),{readyState:{get:function(){return n}},track:{get:function(){return i}}}),n=0,i.addEventListener("loadeddata",function(){n=2,t.trigger({type:"load",target:Oe(t)})}),t}return Ve(e,r),e}(me);cn.prototype.allowedEvents_={load:"load"},cn.NONE=0,cn.LOADING=1,cn.LOADED=2,cn.ERROR=3;var un={audio:{ListClass:Bt,TrackClass:an,capitalName:"Audio"},video:{ListClass:Ft,TrackClass:ln,capitalName:"Video"},text:{ListClass:Ht,TrackClass:on,capitalName:"Text"}};Object.keys(un).forEach(function(e){un[e].getterName=e+"Tracks",un[e].privateName=e+"Tracks_"});var hn={remoteText:{ListClass:Ht,TrackClass:on,capitalName:"RemoteText",getterName:"remoteTextTracks",privateName:"remoteTextTracks_"},remoteTextEl:{ListClass:Vt,TrackClass:cn,capitalName:"RemoteTextTrackEls",getterName:"remoteTextTrackEls",privateName:"remoteTextTrackEls_"}},dn=r({},un,hn);hn.names=Object.keys(hn),un.names=Object.keys(un),dn.names=[].concat(hn.names).concat(un.names);var pn=Object.create||function(e){if(1!==arguments.length)throw new Error("Object.create shim only accepts one parameter.");return fn.prototype=e,new fn};function fn(){}function vn(e,t){this.name="ParsingError",this.code=e.code,this.message=t||e.message}function gn(e){function t(e,t,n,i){return 3600*(0|e)+60*(0|t)+(0|n)+(0|i)/1e3}var n=e.match(/^(\d+):(\d{1,2})(:\d{1,2})?\.(\d{3})/);return n?n[3]?t(n[1],n[2],n[3].replace(":",""),n[4]):59<n[1]?t(n[1],n[2],0,n[4]):t(0,n[1],n[2],n[4]):null}function yn(){this.values=pn(null)}function mn(e,t,n,i){var r=i?e.split(i):[e];for(var s in r)if("string"==typeof r[s]){var o=r[s].split(n);if(2===o.length)t(o[0],o[1])}}function _n(t,e,o){var n=t;function i(){var e=gn(t);if(null===e)throw new vn(vn.Errors.BadTimeStamp,"Malformed timestamp: "+n);return t=t.replace(/^[^\sa-zA-Z-]+/,""),e}function r(){t=t.replace(/^\s+/,"")}if(r(),e.startTime=i(),r(),"--\x3e"!==t.substr(0,3))throw new vn(vn.Errors.BadTimeStamp,"Malformed time stamp (time stamps must be separated by '--\x3e'): "+n);t=t.substr(3),r(),e.endTime=i(),r(),function(e,t){var s=new yn;mn(e,function(e,t){switch(e){case"region":for(var n=o.length-1;0<=n;n--)if(o[n].id===t){s.set(e,o[n].region);break}break;case"vertical":s.alt(e,t,["rl","lr"]);break;case"line":var i=t.split(","),r=i[0];s.integer(e,r),s.percent(e,r)&&s.set("snapToLines",!1),s.alt(e,r,["auto"]),2===i.length&&s.alt("lineAlign",i[1],["start","center","end"]);break;case"position":i=t.split(","),s.percent(e,i[0]),2===i.length&&s.alt("positionAlign",i[1],["start","center","end"]);break;case"size":s.percent(e,t);break;case"align":s.alt(e,t,["start","center","end","left","right"])}},/:/,/\s/),t.region=s.get("region",null),t.vertical=s.get("vertical","");try{t.line=s.get("line","auto")}catch(e){}t.lineAlign=s.get("lineAlign","start"),t.snapToLines=s.get("snapToLines",!0),t.size=s.get("size",100);try{t.align=s.get("align","center")}catch(e){t.align=s.get("align","middle")}try{t.position=s.get("position","auto")}catch(e){t.position=s.get("position",{start:0,left:0,center:50,middle:50,end:100,right:100},t.align)}t.positionAlign=s.get("positionAlign",{start:"start",left:"start",center:"center",middle:"center",end:"end",right:"end"},t.align)}(t,e)}((vn.prototype=pn(Error.prototype)).constructor=vn).Errors={BadSignature:{code:0,message:"Malformed WebVTT signature."},BadTimeStamp:{code:1,message:"Malformed time stamp."}},yn.prototype={set:function(e,t){this.get(e)||""===t||(this.values[e]=t)},get:function(e,t,n){return n?this.has(e)?this.values[e]:t[n]:this.has(e)?this.values[e]:t},has:function(e){return e in this.values},alt:function(e,t,n){for(var i=0;i<n.length;++i)if(t===n[i]){this.set(e,t);break}},integer:function(e,t){/^-?\d+$/.test(t)&&this.set(e,parseInt(t,10))},percent:function(e,t){return!!(t.match(/^([\d]{1,3})(\.[\d]*)?%$/)&&0<=(t=parseFloat(t))&&t<=100)&&(this.set(e,t),!0)}};var bn=d.createElement("textarea"),Tn={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",v:"span",lang:"span"},kn={white:"rgba(255,255,255,1)",lime:"rgba(0,255,0,1)",cyan:"rgba(0,255,255,1)",red:"rgba(255,0,0,1)",yellow:"rgba(255,255,0,1)",magenta:"rgba(255,0,255,1)",blue:"rgba(0,0,255,1)",black:"rgba(0,0,0,1)"},Cn={v:"title",lang:"lang"},En={rt:"ruby"};function wn(s,n){function e(){if(!n)return null;var e,t=n.match(/^([^<]*)(<[^>]*>?)?/);return e=t[1]?t[1]:t[2],n=n.substr(e.length),e}function t(e,t){var n=Tn[e];if(!n)return null;var i=s.document.createElement(n),r=Cn[e];return r&&t&&(i[r]=t.trim()),i}for(var i,r,o,a,l=s.document.createElement("div"),c=l,u=[];null!==(i=e());)if("<"!==i[0])c.appendChild(s.document.createTextNode((r=i,bn.innerHTML=r,r=bn.textContent,bn.textContent="",r)));else{if("/"===i[1]){u.length&&u[u.length-1]===i.substr(2).replace(">","")&&(u.pop(),c=c.parentNode);continue}var h,d=gn(i.substr(1,i.length-2));if(d){h=s.document.createProcessingInstruction("timestamp",d),c.appendChild(h);continue}var p=i.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/);if(!p)continue;if(!(h=t(p[1],p[3])))continue;if(o=c,En[(a=h).localName]&&En[a.localName]!==o.localName)continue;if(p[2]){var f=p[2].split(".");f.forEach(function(e){var t=/^bg_/.test(e),n=t?e.slice(3):e;if(kn.hasOwnProperty(n)){var i=t?"background-color":"color",r=kn[n];h.style[i]=r}}),h.className=f.join(" ")}u.push(p[1]),c.appendChild(h),c=h}return l}var Sn=[[1470,1470],[1472,1472],[1475,1475],[1478,1478],[1488,1514],[1520,1524],[1544,1544],[1547,1547],[1549,1549],[1563,1563],[1566,1610],[1645,1647],[1649,1749],[1765,1766],[1774,1775],[1786,1805],[1807,1808],[1810,1839],[1869,1957],[1969,1969],[1984,2026],[2036,2037],[2042,2042],[2048,2069],[2074,2074],[2084,2084],[2088,2088],[2096,2110],[2112,2136],[2142,2142],[2208,2208],[2210,2220],[8207,8207],[64285,64285],[64287,64296],[64298,64310],[64312,64316],[64318,64318],[64320,64321],[64323,64324],[64326,64449],[64467,64829],[64848,64911],[64914,64967],[65008,65020],[65136,65140],[65142,65276],[67584,67589],[67592,67592],[67594,67637],[67639,67640],[67644,67644],[67647,67669],[67671,67679],[67840,67867],[67872,67897],[67903,67903],[67968,68023],[68030,68031],[68096,68096],[68112,68115],[68117,68119],[68121,68147],[68160,68167],[68176,68184],[68192,68223],[68352,68405],[68416,68437],[68440,68466],[68472,68479],[68608,68680],[126464,126467],[126469,126495],[126497,126498],[126500,126500],[126503,126503],[126505,126514],[126516,126519],[126521,126521],[126523,126523],[126530,126530],[126535,126535],[126537,126537],[126539,126539],[126541,126543],[126545,126546],[126548,126548],[126551,126551],[126553,126553],[126555,126555],[126557,126557],[126559,126559],[126561,126562],[126564,126564],[126567,126570],[126572,126578],[126580,126583],[126585,126588],[126590,126590],[126592,126601],[126603,126619],[126625,126627],[126629,126633],[126635,126651],[1114109,1114109]];function xn(e){for(var t=0;t<Sn.length;t++){var n=Sn[t];if(e>=n[0]&&e<=n[1])return!0}return!1}function Pn(){}function jn(e,t,n){Pn.call(this),this.cue=t,this.cueDiv=wn(e,t.text);var i={color:"rgba(255, 255, 255, 1)",backgroundColor:"rgba(0, 0, 0, 0.8)",position:"relative",left:0,right:0,top:0,bottom:0,display:"inline",writingMode:""===t.vertical?"horizontal-tb":"lr"===t.vertical?"vertical-lr":"vertical-rl",unicodeBidi:"plaintext"};this.applyStyles(i,this.cueDiv),this.div=e.document.createElement("div"),i={direction:function(e){var t=[],n="";if(!e||!e.childNodes)return"ltr";function r(e,t){for(var n=t.childNodes.length-1;0<=n;n--)e.push(t.childNodes[n])}function s(e){if(!e||!e.length)return null;var t=e.pop(),n=t.textContent||t.innerText;if(n){var i=n.match(/^.*(\n|\r)/);return i?i[e.length=0]:n}return"ruby"===t.tagName?s(e):t.childNodes?(r(e,t),s(e)):void 0}for(r(t,e);n=s(t);)for(var i=0;i<n.length;i++)if(xn(n.charCodeAt(i)))return"rtl";return"ltr"}(this.cueDiv),writingMode:""===t.vertical?"horizontal-tb":"lr"===t.vertical?"vertical-lr":"vertical-rl",unicodeBidi:"plaintext",textAlign:"middle"===t.align?"center":t.align,font:n.font,whiteSpace:"pre-line",position:"absolute"},this.applyStyles(i),this.div.appendChild(this.cueDiv);var r=0;switch(t.positionAlign){case"start":r=t.position;break;case"center":r=t.position-t.size/2;break;case"end":r=t.position-t.size}""===t.vertical?this.applyStyles({left:this.formatStyle(r,"%"),width:this.formatStyle(t.size,"%")}):this.applyStyles({top:this.formatStyle(r,"%"),height:this.formatStyle(t.size,"%")}),this.move=function(e){this.applyStyles({top:this.formatStyle(e.top,"px"),bottom:this.formatStyle(e.bottom,"px"),left:this.formatStyle(e.left,"px"),right:this.formatStyle(e.right,"px"),height:this.formatStyle(e.height,"px"),width:this.formatStyle(e.width,"px")})}}function An(e){var t,n,i,r;if(e.div){n=e.div.offsetHeight,i=e.div.offsetWidth,r=e.div.offsetTop;var s=(s=e.div.childNodes)&&(s=s[0])&&s.getClientRects&&s.getClientRects();e=e.div.getBoundingClientRect(),t=s?Math.max(s[0]&&s[0].height||0,e.height/s.length):0}this.left=e.left,this.right=e.right,this.top=e.top||r,this.height=e.height||n,this.bottom=e.bottom||r+(e.height||n),this.width=e.width||i,this.lineHeight=void 0!==t?t:e.lineHeight}function In(e,t,a,l){var n=new An(t),i=t.cue,r=function(e){if("number"==typeof e.line&&(e.snapToLines||0<=e.line&&e.line<=100))return e.line;if(!e.track||!e.track.textTrackList||!e.track.textTrackList.mediaElement)return-1;for(var t=e.track,n=t.textTrackList,i=0,r=0;r<n.length&&n[r]!==t;r++)"showing"===n[r].mode&&i++;return-1*++i}(i),s=[];if(i.snapToLines){var o;switch(i.vertical){case"":s=["+y","-y"],o="height";break;case"rl":s=["+x","-x"],o="width";break;case"lr":s=["-x","+x"],o="width"}var c=n.lineHeight,u=c*Math.round(r),h=a[o]+c,d=s[0];Math.abs(u)>h&&(u=u<0?-1:1,u*=Math.ceil(h/c)*c),r<0&&(u+=""===i.vertical?a.height:a.width,s=s.reverse()),n.move(d,u)}else{var p=n.lineHeight/a.height*100;switch(i.lineAlign){case"center":r-=p/2;break;case"end":r-=p}switch(i.vertical){case"":t.applyStyles({top:t.formatStyle(r,"%")});break;case"rl":t.applyStyles({left:t.formatStyle(r,"%")});break;case"lr":t.applyStyles({right:t.formatStyle(r,"%")})}s=["+y","-x","+x","-y"],n=new An(t)}var f=function(e,t){for(var n,i=new An(e),r=1,s=0;s<t.length;s++){for(;e.overlapsOppositeAxis(a,t[s])||e.within(a)&&e.overlapsAny(l);)e.move(t[s]);if(e.within(a))return e;var o=e.intersectPercentage(a);o<r&&(n=new An(e),r=o),e=new An(i)}return n||i}(n,s);t.move(f.toCSSCompatValues(a))}function Mn(){}Pn.prototype.applyStyles=function(e,t){for(var n in t=t||this.div,e)e.hasOwnProperty(n)&&(t.style[n]=e[n])},Pn.prototype.formatStyle=function(e,t){return 0===e?0:e+t},(jn.prototype=pn(Pn.prototype)).constructor=jn,An.prototype.move=function(e,t){switch(t=void 0!==t?t:this.lineHeight,e){case"+x":this.left+=t,this.right+=t;break;case"-x":this.left-=t,this.right-=t;break;case"+y":this.top+=t,this.bottom+=t;break;case"-y":this.top-=t,this.bottom-=t}},An.prototype.overlaps=function(e){return this.left<e.right&&this.right>e.left&&this.top<e.bottom&&this.bottom>e.top},An.prototype.overlapsAny=function(e){for(var t=0;t<e.length;t++)if(this.overlaps(e[t]))return!0;return!1},An.prototype.within=function(e){return this.top>=e.top&&this.bottom<=e.bottom&&this.left>=e.left&&this.right<=e.right},An.prototype.overlapsOppositeAxis=function(e,t){switch(t){case"+x":return this.left<e.left;case"-x":return this.right>e.right;case"+y":return this.top<e.top;case"-y":return this.bottom>e.bottom}},An.prototype.intersectPercentage=function(e){return Math.max(0,Math.min(this.right,e.right)-Math.max(this.left,e.left))*Math.max(0,Math.min(this.bottom,e.bottom)-Math.max(this.top,e.top))/(this.height*this.width)},An.prototype.toCSSCompatValues=function(e){return{top:this.top-e.top,bottom:e.bottom-this.bottom,left:this.left-e.left,right:e.right-this.right,height:this.height,width:this.width}},An.getSimpleBoxPosition=function(e){var t=e.div?e.div.offsetHeight:e.tagName?e.offsetHeight:0,n=e.div?e.div.offsetWidth:e.tagName?e.offsetWidth:0,i=e.div?e.div.offsetTop:e.tagName?e.offsetTop:0;return{left:(e=e.div?e.div.getBoundingClientRect():e.tagName?e.getBoundingClientRect():e).left,right:e.right,top:e.top||i,height:e.height||t,bottom:e.bottom||i+(e.height||t),width:e.width||n}},Mn.StringDecoder=function(){return{decode:function(e){if(!e)return"";if("string"!=typeof e)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(e))}}},Mn.convertCueToDOMTree=function(e,t){return e&&t?wn(e,t):null};Mn.processCues=function(i,r,e){if(!i||!r||!e)return null;for(;e.firstChild;)e.removeChild(e.firstChild);var s=i.document.createElement("div");if(s.style.position="absolute",s.style.left="0",s.style.right="0",s.style.top="0",s.style.bottom="0",s.style.margin="1.5%",e.appendChild(s),function(e){for(var t=0;t<e.length;t++)if(e[t].hasBeenReset||!e[t].displayState)return!0;return!1}(r)){var o=[],a=An.getSimpleBoxPosition(s),l={font:Math.round(.05*a.height*100)/100+"px sans-serif"};!function(){for(var e,t,n=0;n<r.length;n++)t=r[n],e=new jn(i,t,l),s.appendChild(e.div),In(0,e,a,o),t.displayState=e.div,o.push(An.getSimpleBoxPosition(e))}()}else for(var t=0;t<r.length;t++)s.appendChild(r[t].displayState)},(Mn.Parser=function(e,t,n){n||(n=t,t={}),t=t||{},this.window=e,this.vttjs=t,this.state="INITIAL",this.buffer="",this.decoder=n||new TextDecoder("utf8"),this.regionList=[]}).prototype={reportOrThrowError:function(e){if(!(e instanceof vn))throw e;this.onparsingerror&&this.onparsingerror(e)},parse:function(e){var i=this;function t(){for(var e=i.buffer,t=0;t<e.length&&"\r"!==e[t]&&"\n"!==e[t];)++t;var n=e.substr(0,t);return"\r"===e[t]&&++t,"\n"===e[t]&&++t,i.buffer=e.substr(t),n}function n(e){e.match(/X-TIMESTAMP-MAP/)?mn(e,function(e,t){switch(e){case"X-TIMESTAMP-MAP":!function(e){var n=new yn;mn(e,function(e,t){switch(e){case"MPEGT":n.integer(e+"S",t);break;case"LOCA":n.set(e+"L",gn(t))}},/[^\d]:/,/,/),i.ontimestampmap&&i.ontimestampmap({MPEGTS:n.get("MPEGTS"),LOCAL:n.get("LOCAL")})}(t)}},/=/):mn(e,function(e,t){switch(e){case"Region":!function(e){var r=new yn;if(mn(e,function(e,t){switch(e){case"id":r.set(e,t);break;case"width":r.percent(e,t);break;case"lines":r.integer(e,t);break;case"regionanchor":case"viewportanchor":var n=t.split(",");if(2!==n.length)break;var i=new yn;if(i.percent("x",n[0]),i.percent("y",n[1]),!i.has("x")||!i.has("y"))break;r.set(e+"X",i.get("x")),r.set(e+"Y",i.get("y"));break;case"scroll":r.alt(e,t,["up"])}},/=/,/\s/),r.has("id")){var t=new(i.vttjs.VTTRegion||i.window.VTTRegion);t.width=r.get("width",100),t.lines=r.get("lines",3),t.regionAnchorX=r.get("regionanchorX",0),t.regionAnchorY=r.get("regionanchorY",100),t.viewportAnchorX=r.get("viewportanchorX",0),t.viewportAnchorY=r.get("viewportanchorY",100),t.scroll=r.get("scroll",""),i.onregion&&i.onregion(t),i.regionList.push({id:r.get("id"),region:t})}}(t)}},/:/)}e&&(i.buffer+=i.decoder.decode(e,{stream:!0}));try{var r;if("INITIAL"===i.state){if(!/\r\n|\n/.test(i.buffer))return this;var s=(r=t()).match(/^WEBVTT([ \t].*)?$/);if(!s||!s[0])throw new vn(vn.Errors.BadSignature);i.state="HEADER"}for(var o=!1;i.buffer;){if(!/\r\n|\n/.test(i.buffer))return this;switch(o?o=!1:r=t(),i.state){case"HEADER":/:/.test(r)?n(r):r||(i.state="ID");continue;case"NOTE":r||(i.state="ID");continue;case"ID":if(/^NOTE($|[ \t])/.test(r)){i.state="NOTE";break}if(!r)continue;i.cue=new(i.vttjs.VTTCue||i.window.VTTCue)(0,0,"");try{i.cue.align="center"}catch(e){i.cue.align="middle"}if(i.state="CUE",-1===r.indexOf("--\x3e")){i.cue.id=r;continue}case"CUE":try{_n(r,i.cue,i.regionList)}catch(e){i.reportOrThrowError(e),i.cue=null,i.state="BADCUE";continue}i.state="CUETEXT";continue;case"CUETEXT":var a=-1!==r.indexOf("--\x3e");if(!r||a&&(o=!0)){i.oncue&&i.oncue(i.cue),i.cue=null,i.state="ID";continue}i.cue.text&&(i.cue.text+="\n"),i.cue.text+=r.replace(/\u2028/g,"\n").replace(/u2029/g,"\n");continue;case"BADCUE":r||(i.state="ID");continue}}}catch(e){i.reportOrThrowError(e),"CUETEXT"===i.state&&i.cue&&i.oncue&&i.oncue(i.cue),i.cue=null,i.state="INITIAL"===i.state?"BADWEBVTT":"BADCUE"}return this},flush:function(){var t=this;try{if(t.buffer+=t.decoder.decode(),!t.cue&&"HEADER"!==t.state||(t.buffer+="\n\n",t.parse()),"INITIAL"===t.state)throw new vn(vn.Errors.BadSignature)}catch(e){t.reportOrThrowError(e)}return t.onflush&&t.onflush(),this}};var Ln=Mn,Nn={"":1,lr:1,rl:1},Dn={start:1,center:1,end:1,left:1,right:1,auto:1,"line-left":1,"line-right":1};function On(e){return"string"==typeof e&&(!!Dn[e.toLowerCase()]&&e.toLowerCase())}function Rn(e,t,n){this.hasBeenReset=!1;var i="",r=!1,s=e,o=t,a=n,l=null,c="",u=!0,h="auto",d="start",p="auto",f="auto",v=100,g="center";Object.defineProperties(this,{id:{enumerable:!0,get:function(){return i},set:function(e){i=""+e}},pauseOnExit:{enumerable:!0,get:function(){return r},set:function(e){r=!!e}},startTime:{enumerable:!0,get:function(){return s},set:function(e){if("number"!=typeof e)throw new TypeError("Start time must be set to a number.");s=e,this.hasBeenReset=!0}},endTime:{enumerable:!0,get:function(){return o},set:function(e){if("number"!=typeof e)throw new TypeError("End time must be set to a number.");o=e,this.hasBeenReset=!0}},text:{enumerable:!0,get:function(){return a},set:function(e){a=""+e,this.hasBeenReset=!0}},region:{enumerable:!0,get:function(){return l},set:function(e){l=e,this.hasBeenReset=!0}},vertical:{enumerable:!0,get:function(){return c},set:function(e){var t=function(e){return"string"==typeof e&&(!!Nn[e.toLowerCase()]&&e.toLowerCase())}(e);if(!1===t)throw new SyntaxError("Vertical: an invalid or illegal direction string was specified.");c=t,this.hasBeenReset=!0}},snapToLines:{enumerable:!0,get:function(){return u},set:function(e){u=!!e,this.hasBeenReset=!0}},line:{enumerable:!0,get:function(){return h},set:function(e){if("number"!=typeof e&&"auto"!==e)throw new SyntaxError("Line: an invalid number or illegal string was specified.");h=e,this.hasBeenReset=!0}},lineAlign:{enumerable:!0,get:function(){return d},set:function(e){var t=On(e);t&&(d=t,this.hasBeenReset=!0)}},position:{enumerable:!0,get:function(){return p},set:function(e){if(e<0||100<e)throw new Error("Position must be between 0 and 100.");p=e,this.hasBeenReset=!0}},positionAlign:{enumerable:!0,get:function(){return f},set:function(e){var t=On(e);t&&(f=t,this.hasBeenReset=!0)}},size:{enumerable:!0,get:function(){return v},set:function(e){if(e<0||100<e)throw new Error("Size must be between 0 and 100.");v=e,this.hasBeenReset=!0}},align:{enumerable:!0,get:function(){return g},set:function(e){var t=On(e);if(!t)throw new SyntaxError("align: an invalid or illegal alignment string was specified.");g=t,this.hasBeenReset=!0}}}),this.displayState=void 0}Rn.prototype.getCueAsHTML=function(){return WebVTT.convertCueToDOMTree(window,this.text)};var Bn=Rn,Fn={"":!0,up:!0};function Hn(e){return"number"==typeof e&&0<=e&&e<=100}function Vn(){var t=100,n=3,i=0,r=100,s=0,o=100,a="";Object.defineProperties(this,{width:{enumerable:!0,get:function(){return t},set:function(e){if(!Hn(e))throw new Error("Width must be between 0 and 100.");t=e}},lines:{enumerable:!0,get:function(){return n},set:function(e){if("number"!=typeof e)throw new TypeError("Lines must be set to a number.");n=e}},regionAnchorY:{enumerable:!0,get:function(){return r},set:function(e){if(!Hn(e))throw new Error("RegionAnchorX must be between 0 and 100.");r=e}},regionAnchorX:{enumerable:!0,get:function(){return i},set:function(e){if(!Hn(e))throw new Error("RegionAnchorY must be between 0 and 100.");i=e}},viewportAnchorY:{enumerable:!0,get:function(){return o},set:function(e){if(!Hn(e))throw new Error("ViewportAnchorY must be between 0 and 100.");o=e}},viewportAnchorX:{enumerable:!0,get:function(){return s},set:function(e){if(!Hn(e))throw new Error("ViewportAnchorX must be between 0 and 100.");s=e}},scroll:{enumerable:!0,get:function(){return a},set:function(e){var t=function(e){return"string"==typeof e&&(!!Fn[e.toLowerCase()]&&e.toLowerCase())}(e);!1===t||(a=t)}}})}var Wn=t(function(e){var t=e.exports={WebVTT:Ln,VTTCue:Bn,VTTRegion:Vn};h.vttjs=t,h.WebVTT=t.WebVTT;var n=t.VTTCue,i=t.VTTRegion,r=h.VTTCue,s=h.VTTRegion;t.shim=function(){h.VTTCue=n,h.VTTRegion=i},t.restore=function(){h.VTTCue=r,h.VTTRegion=s},h.VTTCue||t.shim()});Wn.WebVTT,Wn.VTTCue,Wn.VTTRegion;var zn=function(t){function n(n,e){var i;return void 0===n&&(n={}),void 0===e&&(e=function(){}),n.reportTouchActivity=!1,(i=t.call(this,null,n,e)||this).hasStarted_=!1,i.on("playing",function(){this.hasStarted_=!0}),i.on("loadstart",function(){this.hasStarted_=!1}),dn.names.forEach(function(e){var t=dn[e];n&&n[t.getterName]&&(i[t.privateName]=n[t.getterName])}),i.featuresProgressEvents||i.manualProgressOn(),i.featuresTimeupdateEvents||i.manualTimeUpdatesOn(),["Text","Audio","Video"].forEach(function(e){!1===n["native"+e+"Tracks"]&&(i["featuresNative"+e+"Tracks"]=!1)}),!1===n.nativeCaptions||!1===n.nativeTextTracks?i.featuresNativeTextTracks=!1:!0!==n.nativeCaptions&&!0!==n.nativeTextTracks||(i.featuresNativeTextTracks=!0),i.featuresNativeTextTracks||i.emulateTextTracks(),i.preloadTextTracks=!1!==n.preloadTextTracks,i.autoRemoteTextTracks_=new dn.text.ListClass,i.initTrackListeners(),n.nativeControlsForTouch||i.emitTapEvents(),i.constructor&&(i.name_=i.constructor.name||"Unknown Tech"),i}Ve(n,t);var e=n.prototype;return e.triggerSourceset=function(e){var t=this;this.isReady_||this.one("ready",function(){return t.setTimeout(function(){return t.triggerSourceset(e)},1)}),this.trigger({src:e,type:"sourceset"})},e.manualProgressOn=function(){this.on("durationchange",this.onDurationChange),this.manualProgress=!0,this.one("ready",this.trackProgress)},e.manualProgressOff=function(){this.manualProgress=!1,this.stopTrackingProgress(),this.off("durationchange",this.onDurationChange)},e.trackProgress=function(e){this.stopTrackingProgress(),this.progressInterval=this.setInterval(ge(this,function(){var e=this.bufferedPercent();this.bufferedPercent_!==e&&this.trigger("progress"),1===(this.bufferedPercent_=e)&&this.stopTrackingProgress()}),500)},e.onDurationChange=function(e){this.duration_=this.duration()},e.buffered=function(){return ht(0,0)},e.bufferedPercent=function(){return dt(this.buffered(),this.duration_)},e.stopTrackingProgress=function(){this.clearInterval(this.progressInterval)},e.manualTimeUpdatesOn=function(){this.manualTimeUpdates=!0,this.on("play",this.trackCurrentTime),this.on("pause",this.stopTrackingCurrentTime)},e.manualTimeUpdatesOff=function(){this.manualTimeUpdates=!1,this.stopTrackingCurrentTime(),this.off("play",this.trackCurrentTime),this.off("pause",this.stopTrackingCurrentTime)},e.trackCurrentTime=function(){this.currentTimeInterval&&this.stopTrackingCurrentTime(),this.currentTimeInterval=this.setInterval(function(){this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},250)},e.stopTrackingCurrentTime=function(){this.clearInterval(this.currentTimeInterval),this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.dispose=function(){this.clearTracks(un.names),this.manualProgress&&this.manualProgressOff(),this.manualTimeUpdates&&this.manualTimeUpdatesOff(),t.prototype.dispose.call(this)},e.clearTracks=function(e){var r=this;(e=[].concat(e)).forEach(function(e){for(var t=r[e+"Tracks"]()||[],n=t.length;n--;){var i=t[n];"text"===e&&r.removeRemoteTextTrack(i),t.removeTrack(i)}})},e.cleanupAutoTextTracks=function(){for(var e=this.autoRemoteTextTracks_||[],t=e.length;t--;){var n=e[t];this.removeRemoteTextTrack(n)}},e.reset=function(){},e.error=function(e){return void 0!==e&&(this.error_=new _t(e),this.trigger("error")),this.error_},e.played=function(){return this.hasStarted_?ht(0,0):ht()},e.setCurrentTime=function(){this.manualTimeUpdates&&this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.initTrackListeners=function(){var r=this;un.names.forEach(function(e){function t(){r.trigger(e+"trackchange")}var n=un[e],i=r[n.getterName]();i.addEventListener("removetrack",t),i.addEventListener("addtrack",t),r.on("dispose",function(){i.removeEventListener("removetrack",t),i.removeEventListener("addtrack",t)})})},e.addWebVttScript_=function(){var e=this;if(!h.WebVTT)if(d.body.contains(this.el())){if(!this.options_["vtt.js"]&&l(Wn)&&0<Object.keys(Wn).length)return void this.trigger("vttjsloaded");var t=d.createElement("script");t.src=this.options_["vtt.js"]||"https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js",t.onload=function(){e.trigger("vttjsloaded")},t.onerror=function(){e.trigger("vttjserror")},this.on("dispose",function(){t.onload=null,t.onerror=null}),h.WebVTT=!0,this.el().parentNode.appendChild(t)}else this.ready(this.addWebVttScript_)},e.emulateTextTracks=function(){function t(e){return i.addTrack(e.track)}function n(e){return i.removeTrack(e.track)}var e=this,i=this.textTracks(),r=this.remoteTextTracks();r.on("addtrack",t),r.on("removetrack",n),this.addWebVttScript_();function s(){return e.trigger("texttrackchange")}function o(){s();for(var e=0;e<i.length;e++){var t=i[e];t.removeEventListener("cuechange",s),"showing"===t.mode&&t.addEventListener("cuechange",s)}}o(),i.addEventListener("change",o),i.addEventListener("addtrack",o),i.addEventListener("removetrack",o),this.on("dispose",function(){r.off("addtrack",t),r.off("removetrack",n),i.removeEventListener("change",o),i.removeEventListener("addtrack",o),i.removeEventListener("removetrack",o);for(var e=0;e<i.length;e++){i[e].removeEventListener("cuechange",s)}})},e.addTextTrack=function(e,t,n){if(!e)throw new Error("TextTrack kind is required but was not provided");return function(e,t,n,i,r){void 0===r&&(r={});var s=e.textTracks();r.kind=t,n&&(r.label=n),i&&(r.language=i),r.tech=e;var o=new dn.text.TrackClass(r);return s.addTrack(o),o}(this,e,t,n)},e.createRemoteTextTrack=function(e){var t=Ne(e,{tech:this});return new hn.remoteTextEl.TrackClass(t)},e.addRemoteTextTrack=function(e,t){var n=this;void 0===e&&(e={});var i=this.createRemoteTextTrack(e);return!0!==t&&!1!==t&&(f.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js'),t=!0),this.remoteTextTrackEls().addTrackElement_(i),this.remoteTextTracks().addTrack(i.track),!0!==t&&this.ready(function(){return n.autoRemoteTextTracks_.addTrack(i.track)}),i},e.removeRemoteTextTrack=function(e){var t=this.remoteTextTrackEls().getTrackElementByTrack_(e);this.remoteTextTrackEls().removeTrackElement_(t),this.remoteTextTracks().removeTrack(e),this.autoRemoteTextTracks_.removeTrack(e)},e.getVideoPlaybackQuality=function(){return{}},e.requestPictureInPicture=function(){var e=this.options_.Promise||h.Promise;if(e)return e.reject()},e.setPoster=function(){},e.playsinline=function(){},e.setPlaysinline=function(){},e.overrideNativeAudioTracks=function(){},e.overrideNativeVideoTracks=function(){},e.canPlayType=function(){return""},n.canPlayType=function(){return""},n.canPlaySource=function(e,t){return n.canPlayType(e.type)},n.isTech=function(e){return e.prototype instanceof n||e instanceof n||e===n},n.registerTech=function(e,t){if(n.techs_||(n.techs_={}),!n.isTech(t))throw new Error("Tech "+e+" must be a Tech");if(!n.canPlayType)throw new Error("Techs must have a static canPlayType method on them");if(!n.canPlaySource)throw new Error("Techs must have a static canPlaySource method on them");return e=Le(e),n.techs_[e]=t,n.techs_[Me(e)]=t,"Tech"!==e&&n.defaultTechOrder_.push(e),t},n.getTech=function(e){if(e)return n.techs_&&n.techs_[e]?n.techs_[e]:(e=Le(e),h&&h.videojs&&h.videojs[e]?(f.warn("The "+e+" tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)"),h.videojs[e]):void 0)},n}(De);dn.names.forEach(function(e){var t=dn[e];zn.prototype[t.getterName]=function(){return this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName]}}),zn.prototype.featuresVolumeControl=!0,zn.prototype.featuresMuteControl=!0,zn.prototype.featuresFullscreenResize=!1,zn.prototype.featuresPlaybackRate=!1,zn.prototype.featuresProgressEvents=!1,zn.prototype.featuresSourceset=!1,zn.prototype.featuresTimeupdateEvents=!1,zn.prototype.featuresNativeTextTracks=!1,zn.withSourceHandlers=function(r){r.registerSourceHandler=function(e,t){var n=r.sourceHandlers;n=n||(r.sourceHandlers=[]),void 0===t&&(t=n.length),n.splice(t,0,e)},r.canPlayType=function(e){for(var t,n=r.sourceHandlers||[],i=0;i<n.length;i++)if(t=n[i].canPlayType(e))return t;return""},r.selectSourceHandler=function(e,t){for(var n=r.sourceHandlers||[],i=0;i<n.length;i++)if(n[i].canHandleSource(e,t))return n[i];return null},r.canPlaySource=function(e,t){var n=r.selectSourceHandler(e,t);return n?n.canHandleSource(e,t):""};["seekable","seeking","duration"].forEach(function(e){var t=this[e];"function"==typeof t&&(this[e]=function(){return this.sourceHandler_&&this.sourceHandler_[e]?this.sourceHandler_[e].apply(this.sourceHandler_,arguments):t.apply(this,arguments)})},r.prototype),r.prototype.setSource=function(e){var t=r.selectSourceHandler(e,this.options_);t||(r.nativeSourceHandler?t=r.nativeSourceHandler:f.error("No source handler found for the current source.")),this.disposeSourceHandler(),this.off("dispose",this.disposeSourceHandler),t!==r.nativeSourceHandler&&(this.currentSource_=e),this.sourceHandler_=t.handleSource(e,this,this.options_),this.one("dispose",this.disposeSourceHandler)},r.prototype.disposeSourceHandler=function(){this.currentSource_&&(this.clearTracks(["audio","video"]),this.currentSource_=null),this.cleanupAutoTextTracks(),this.sourceHandler_&&(this.sourceHandler_.dispose&&this.sourceHandler_.dispose(),this.sourceHandler_=null)}},De.registerComponent("Tech",zn),zn.registerTech("Tech",zn),zn.defaultTechOrder_=[];var Kn={},Un={},qn={};function Xn(e,t,n){e.setTimeout(function(){return function n(i,e,r,s,o,a){void 0===i&&(i={});void 0===e&&(e=[]);void 0===o&&(o=[]);void 0===a&&(a=!1);var t=e,l=t[0],c=t.slice(1);if("string"==typeof l)n(i,Kn[l],r,s,o,a);else if(l){var u=Zn(s,l);if(!u.setSource)return o.push(u),n(i,c,r,s,o,a);u.setSource(g({},i),function(e,t){if(e)return n(i,c,r,s,o,a);o.push(u),n(t,i.type===t.type?c:Kn[t.type],r,s,o,a)})}else c.length?n(i,c,r,s,o,a):a?r(i,o):n(i,Kn["*"],r,s,o,!0)}(t,Kn[t.type],n,e)},1)}function $n(e,t,n,i){void 0===i&&(i=null);var r="call"+Le(n),s=e.reduce(Jn(r),i),o=s===qn,a=o?null:t[n](s);return function(e,t,n,i){for(var r=e.length-1;0<=r;r--){var s=e[r];s[t]&&s[t](i,n)}}(e,n,a,o),a}var Yn={buffered:1,currentTime:1,duration:1,muted:1,played:1,paused:1,seekable:1,volume:1},Gn={setCurrentTime:1,setMuted:1,setVolume:1},Qn={play:1,pause:1};function Jn(n){return function(e,t){return e===qn?qn:t[n]?t[n](e):e}}function Zn(e,t){var n=Un[e.id()],i=null;if(null==n)return i=t(e),Un[e.id()]=[[t,i]],i;for(var r=0;r<n.length;r++){var s=n[r],o=s[0],a=s[1];o===t&&(i=a)}return null===i&&(i=t(e),n.push([t,i])),i}function ei(e){void 0===e&&(e="");var t=Ot(e);return ti[t.toLowerCase()]||""}var ti={opus:"video/ogg",ogv:"video/ogg",mp4:"video/mp4",mov:"video/mp4",m4v:"video/mp4",mkv:"video/x-matroska",m4a:"audio/mp4",mp3:"audio/mpeg",aac:"audio/aac",oga:"audio/ogg",m3u8:"application/x-mpegURL",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",png:"image/png",svg:"image/svg+xml",webp:"image/webp"};function ni(e){if(!e.type){var t=ei(e.src);t&&(e.type=t)}return e}var ii=function(c){function e(e,t,n){var i,r=Ne({createEl:!1},t);if(i=c.call(this,e,r,n)||this,t.playerOptions.sources&&0!==t.playerOptions.sources.length)e.src(t.playerOptions.sources);else for(var s=0,o=t.playerOptions.techOrder;s<o.length;s++){var a=Le(o[s]),l=zn.getTech(a);if(a||(l=De.getComponent(a)),l&&l.isSupported()){e.loadTech_(a);break}}return i}return Ve(e,c),e}(De);De.registerComponent("MediaLoader",ii);var ri=function(r){function e(e,t){var n;return(n=r.call(this,e,t)||this).emitTapEvents(),n.enable(),n}Ve(e,r);var t=e.prototype;return t.createEl=function(e,t,n){void 0===e&&(e="div"),void 0===t&&(t={}),void 0===n&&(n={}),t=g({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass(),tabIndex:0},t),"button"===e&&f.error("Creating a ClickableComponent with an HTML element of "+e+" is not supported; use a Button instead."),n=g({role:"button"},n),this.tabIndex_=t.tabIndex;var i=r.prototype.createEl.call(this,e,t,n);return this.createControlTextEl(i),i},t.dispose=function(){this.controlTextEl_=null,r.prototype.dispose.call(this)},t.createControlTextEl=function(e){return this.controlTextEl_=k("span",{className:"vjs-control-text"},{"aria-live":"polite"}),e&&e.appendChild(this.controlTextEl_),this.controlText(this.controlText_,e),this.controlTextEl_},t.controlText=function(e,t){if(void 0===t&&(t=this.el()),void 0===e)return this.controlText_||"Need Text";var n=this.localize(e);this.controlText_=e,C(this.controlTextEl_,n),this.nonIconControl||t.setAttribute("title",n)},t.buildCSSClass=function(){return"vjs-control vjs-button "+r.prototype.buildCSSClass.call(this)},t.enable=function(){this.enabled_||(this.enabled_=!0,this.removeClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","false"),"undefined"!=typeof this.tabIndex_&&this.el_.setAttribute("tabIndex",this.tabIndex_),this.on(["tap","click"],this.handleClick),this.on("keydown",this.handleKeyDown))},t.disable=function(){this.enabled_=!1,this.addClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","true"),"undefined"!=typeof this.tabIndex_&&this.el_.removeAttribute("tabIndex"),this.off("mouseover",this.handleMouseOver),this.off("mouseout",this.handleMouseOut),this.off(["tap","click"],this.handleClick),this.off("keydown",this.handleKeyDown)},t.handleClick=function(e){this.options_.clickHandler&&this.options_.clickHandler.call(this,arguments)},t.handleKeyDown=function(e){xt.isEventKey(e,"Space")||xt.isEventKey(e,"Enter")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):r.prototype.handleKeyDown.call(this,e)},e}(De);De.registerComponent("ClickableComponent",ri);var si=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).update(),e.on("posterchange",ge(Oe(n),n.update)),n}Ve(e,i);var t=e.prototype;return t.dispose=function(){this.player().off("posterchange",this.update),i.prototype.dispose.call(this)},t.createEl=function(){return k("div",{className:"vjs-poster",tabIndex:-1})},t.update=function(e){var t=this.player().poster();this.setSrc(t),t?this.show():this.hide()},t.setSrc=function(e){var t="";e&&(t='url("'+e+'")'),this.el_.style.backgroundImage=t},t.handleClick=function(e){this.player_.controls()&&(this.player_.tech(!0)&&this.player_.tech(!0).focus(),this.player_.paused()?Ct(this.player_.play()):this.player_.pause())},e}(ri);De.registerComponent("PosterImage",si);var oi="#222",ai={monospace:"monospace",sansSerif:"sans-serif",serif:"serif",monospaceSansSerif:'"Andale Mono", "Lucida Console", monospace',monospaceSerif:'"Courier New", monospace',proportionalSansSerif:"sans-serif",proportionalSerif:"serif",casual:'"Comic Sans MS", Impact, fantasy',script:'"Monotype Corsiva", cursive',smallcaps:'"Andale Mono", "Lucida Console", monospace, sans-serif'};function li(e,t){var n;if(4===e.length)n=e[1]+e[1]+e[2]+e[2]+e[3]+e[3];else{if(7!==e.length)throw new Error("Invalid color code provided, "+e+"; must be formatted as e.g. #f0e or #f604e2.");n=e.slice(1)}return"rgba("+parseInt(n.slice(0,2),16)+","+parseInt(n.slice(2,4),16)+","+parseInt(n.slice(4,6),16)+","+t+")"}function ci(e,t,n){try{e.style[t]=n}catch(e){return}}var ui=function(s){function e(n,e,t){var i;i=s.call(this,n,e,t)||this;var r=ge(Oe(i),i.updateDisplay);return n.on("loadstart",ge(Oe(i),i.toggleDisplay)),n.on("texttrackchange",r),n.on("loadedmetadata",ge(Oe(i),i.preselectTrack)),n.ready(ge(Oe(i),function(){if(n.tech_&&n.tech_.featuresNativeTextTracks)this.hide();else{n.on("fullscreenchange",r),n.on("playerresize",r),h.addEventListener("orientationchange",r),n.on("dispose",function(){return h.removeEventListener("orientationchange",r)});for(var e=this.options_.playerOptions.tracks||[],t=0;t<e.length;t++)this.player_.addRemoteTextTrack(e[t],!0);this.preselectTrack()}})),i}Ve(e,s);var t=e.prototype;return t.preselectTrack=function(){for(var e,t,n,i={captions:1,subtitles:1},r=this.player_.textTracks(),s=this.player_.cache_.selectedLanguage,o=0;o<r.length;o++){var a=r[o];s&&s.enabled&&s.language&&s.language===a.language&&a.kind in i?n=a.kind===s.kind?a:n||a:s&&!s.enabled?t=e=n=null:a.default&&("descriptions"!==a.kind||e?a.kind in i&&!t&&(t=a):e=a)}n?n.mode="showing":t?t.mode="showing":e&&(e.mode="showing")},t.toggleDisplay=function(){this.player_.tech_&&this.player_.tech_.featuresNativeTextTracks?this.hide():this.show()},t.createEl=function(){return s.prototype.createEl.call(this,"div",{className:"vjs-text-track-display"},{"aria-live":"off","aria-atomic":"true"})},t.clearDisplay=function(){"function"==typeof h.WebVTT&&h.WebVTT.processCues(h,[],this.el_)},t.updateDisplay=function(){var e=this.player_.textTracks(),t=this.options_.allowMultipleShowingTracks;if(this.clearDisplay(),t){for(var n=[],i=0;i<e.length;++i){var r=e[i];"showing"===r.mode&&n.push(r)}this.updateForTrack(n)}else{for(var s=null,o=null,a=e.length;a--;){var l=e[a];"showing"===l.mode&&("descriptions"===l.kind?s=l:o=l)}o?("off"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","off"),this.updateForTrack(o)):s&&("assertive"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","assertive"),this.updateForTrack(s))}},t.updateDisplayState=function(e){for(var t=this.player_.textTrackSettings.getValues(),n=e.activeCues,i=n.length;i--;){var r=n[i];if(r){var s=r.displayState;if(t.color&&(s.firstChild.style.color=t.color),t.textOpacity&&ci(s.firstChild,"color",li(t.color||"#fff",t.textOpacity)),t.backgroundColor&&(s.firstChild.style.backgroundColor=t.backgroundColor),t.backgroundOpacity&&ci(s.firstChild,"backgroundColor",li(t.backgroundColor||"#000",t.backgroundOpacity)),t.windowColor&&(t.windowOpacity?ci(s,"backgroundColor",li(t.windowColor,t.windowOpacity)):s.style.backgroundColor=t.windowColor),t.edgeStyle&&("dropshadow"===t.edgeStyle?s.firstChild.style.textShadow="2px 2px 3px #222, 2px 2px 4px #222, 2px 2px 5px "+oi:"raised"===t.edgeStyle?s.firstChild.style.textShadow="1px 1px #222, 2px 2px #222, 3px 3px "+oi:"depressed"===t.edgeStyle?s.firstChild.style.textShadow="1px 1px #ccc, 0 1px #ccc, -1px -1px #222, 0 -1px "+oi:"uniform"===t.edgeStyle&&(s.firstChild.style.textShadow="0 0 4px #222, 0 0 4px #222, 0 0 4px #222, 0 0 4px "+oi)),t.fontPercent&&1!==t.fontPercent){var o=h.parseFloat(s.style.fontSize);s.style.fontSize=o*t.fontPercent+"px",s.style.height="auto",s.style.top="auto",s.style.bottom="2px"}t.fontFamily&&"default"!==t.fontFamily&&("small-caps"===t.fontFamily?s.firstChild.style.fontVariant="small-caps":s.firstChild.style.fontFamily=ai[t.fontFamily])}}},t.updateForTrack=function(e){if(Array.isArray(e)||(e=[e]),"function"==typeof h.WebVTT&&!e.every(function(e){return!e.activeCues})){for(var t=[],n=0;n<e.length;++n)for(var i=e[n],r=0;r<i.activeCues.length;++r)t.push(i.activeCues[r]);h.WebVTT.processCues(h,t,this.el_);for(var s=0;s<e.length;++s){for(var o=e[s],a=0;a<o.activeCues.length;++a){var l=o.activeCues[a].displayState;S(l,"vjs-text-track-cue"),S(l,"vjs-text-track-cue-"+(o.language?o.language:s))}this.player_.textTrackSettings&&this.updateDisplayState(o)}}},e}(De);De.registerComponent("TextTrackDisplay",ui);var hi=function(r){function e(){return r.apply(this,arguments)||this}return Ve(e,r),e.prototype.createEl=function(){var e=this.player_.isAudio(),t=this.localize(e?"Audio Player":"Video Player"),n=k("span",{className:"vjs-control-text",innerHTML:this.localize("{1} is loading.",[t])}),i=r.prototype.createEl.call(this,"div",{className:"vjs-loading-spinner",dir:"ltr"});return i.appendChild(n),i},e}(De);De.registerComponent("LoadingSpinner",hi);var di=function(t){function e(){return t.apply(this,arguments)||this}Ve(e,t);var n=e.prototype;return n.createEl=function(e,t,n){void 0===t&&(t={}),void 0===n&&(n={}),t=g({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass()},t),n=g({type:"button"},n);var i=De.prototype.createEl.call(this,"button",t,n);return this.createControlTextEl(i),i},n.addChild=function(e,t){void 0===t&&(t={});var n=this.constructor.name;return f.warn("Adding an actionable (user controllable) child to a Button ("+n+") is not supported; use a ClickableComponent instead."),De.prototype.addChild.call(this,e,t)},n.enable=function(){t.prototype.enable.call(this),this.el_.removeAttribute("disabled")},n.disable=function(){t.prototype.disable.call(this),this.el_.setAttribute("disabled","disabled")},n.handleKeyDown=function(e){xt.isEventKey(e,"Space")||xt.isEventKey(e,"Enter")?e.stopPropagation():t.prototype.handleKeyDown.call(this,e)},e}(ri);De.registerComponent("Button",di);var pi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).mouseused_=!1,n.on("mousedown",n.handleMouseDown),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-big-play-button"},t.handleClick=function(e){var t=this.player_.play();if(this.mouseused_&&e.clientX&&e.clientY){var n=this.player_.usingPlugin("eme")&&this.player_.eme.sessions&&0<this.player_.eme.sessions.length;return Ct(t),void(!this.player_.tech(!0)||(et||Qe)&&n||this.player_.tech(!0).focus())}var i=this.player_.getChild("controlBar"),r=i&&i.getChild("playToggle");if(r){var s=function(){return r.focus()};kt(t)?t.then(s,function(){}):this.setTimeout(s,1)}else this.player_.tech(!0).focus()},t.handleKeyDown=function(e){this.mouseused_=!1,i.prototype.handleKeyDown.call(this,e)},t.handleMouseDown=function(e){this.mouseused_=!0},e}(di);pi.prototype.controlText_="Play Video",De.registerComponent("BigPlayButton",pi);var fi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).controlText(t&&t.controlText||n.localize("Close")),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-close-button "+i.prototype.buildCSSClass.call(this)},t.handleClick=function(e){this.trigger({type:"close",bubbles:!1})},t.handleKeyDown=function(e){xt.isEventKey(e,"Esc")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):i.prototype.handleKeyDown.call(this,e)},e}(di);De.registerComponent("CloseButton",fi);var vi=function(i){function e(e,t){var n;return void 0===t&&(t={}),n=i.call(this,e,t)||this,t.replay=void 0===t.replay||t.replay,n.on(e,"play",n.handlePlay),n.on(e,"pause",n.handlePause),t.replay&&n.on(e,"ended",n.handleEnded),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-play-control "+i.prototype.buildCSSClass.call(this)},t.handleClick=function(e){this.player_.paused()?this.player_.play():this.player_.pause()},t.handleSeeked=function(e){this.removeClass("vjs-ended"),this.player_.paused()?this.handlePause(e):this.handlePlay(e)},t.handlePlay=function(e){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.controlText("Pause")},t.handlePause=function(e){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.controlText("Play")},t.handleEnded=function(e){this.removeClass("vjs-playing"),this.addClass("vjs-ended"),this.controlText("Replay"),this.one(this.player_,"seeked",this.handleSeeked)},e}(di);vi.prototype.controlText_="Play",De.registerComponent("PlayToggle",vi);function gi(e,t){e=e<0?0:e;var n=Math.floor(e%60),i=Math.floor(e/60%60),r=Math.floor(e/3600),s=Math.floor(t/60%60),o=Math.floor(t/3600);return!isNaN(e)&&e!==1/0||(r=i=n="-"),(r=0<r||0<o?r+":":"")+(i=((r||10<=s)&&i<10?"0"+i:i)+":")+(n=n<10?"0"+n:n)}var yi=gi;function mi(e,t){return void 0===t&&(t=e),yi(e,t)}var _i=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,["timeupdate","ended"],n.updateContent),n.updateTextNode_(),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e=this.buildCSSClass(),t=i.prototype.createEl.call(this,"div",{className:e+" vjs-time-control vjs-control",innerHTML:'<span class="vjs-control-text" role="presentation">'+this.localize(this.labelText_)+" </span>"});return this.contentEl_=k("span",{className:e+"-display"},{"aria-live":"off",role:"presentation"}),t.appendChild(this.contentEl_),t},t.dispose=function(){this.contentEl_=null,this.textNode_=null,i.prototype.dispose.call(this)},t.updateTextNode_=function(e){var t=this;void 0===e&&(e=0),e=mi(e),this.formattedTime_!==e&&(this.formattedTime_=e,this.requestAnimationFrame(function(){if(t.contentEl_){var e=t.textNode_;t.textNode_=d.createTextNode(t.formattedTime_),t.textNode_&&(e?t.contentEl_.replaceChild(t.textNode_,e):t.contentEl_.appendChild(t.textNode_))}}))},t.updateContent=function(e){},e}(De);_i.prototype.labelText_="Time",_i.prototype.controlText_="Time",De.registerComponent("TimeDisplay",_i);var bi=function(e){function t(){return e.apply(this,arguments)||this}Ve(t,e);var n=t.prototype;return n.buildCSSClass=function(){return"vjs-current-time"},n.updateContent=function(e){var t;t=this.player_.ended()?this.player_.duration():this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime(),this.updateTextNode_(t)},t}(_i);bi.prototype.labelText_="Current Time",bi.prototype.controlText_="Current Time",De.registerComponent("CurrentTimeDisplay",bi);var Ti=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,"durationchange",n.updateContent),n.on(e,"loadstart",n.updateContent),n.on(e,"loadedmetadata",n.updateContent),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-duration"},t.updateContent=function(e){var t=this.player_.duration();this.updateTextNode_(t)},e}(_i);Ti.prototype.labelText_="Duration",Ti.prototype.controlText_="Duration",De.registerComponent("DurationDisplay",Ti);var ki=function(e){function t(){return e.apply(this,arguments)||this}return Ve(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-time-control vjs-time-divider",innerHTML:"<div><span>/</span></div>"},{"aria-hidden":!0})},t}(De);De.registerComponent("TimeDivider",ki);var Ci=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,"durationchange",n.updateContent),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-remaining-time"},t.createEl=function(){var e=i.prototype.createEl.call(this);return e.insertBefore(k("span",{},{"aria-hidden":!0},"-"),this.contentEl_),e},t.updateContent=function(e){var t;"number"==typeof this.player_.duration()&&(t=this.player_.ended()?0:this.player_.remainingTimeDisplay?this.player_.remainingTimeDisplay():this.player_.remainingTime(),this.updateTextNode_(t))},e}(_i);Ci.prototype.labelText_="Remaining Time",Ci.prototype.controlText_="Remaining Time",De.registerComponent("RemainingTimeDisplay",Ci);var Ei=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).updateShowing(),n.on(n.player(),"durationchange",n.updateShowing),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e=i.prototype.createEl.call(this,"div",{className:"vjs-live-control vjs-control"});return this.contentEl_=k("div",{className:"vjs-live-display",innerHTML:'<span class="vjs-control-text">'+this.localize("Stream Type")+" </span>"+this.localize("LIVE")},{"aria-live":"off"}),e.appendChild(this.contentEl_),e},t.dispose=function(){this.contentEl_=null,i.prototype.dispose.call(this)},t.updateShowing=function(e){this.player().duration()===1/0?this.show():this.hide()},e}(De);De.registerComponent("LiveDisplay",Ei);var wi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).updateLiveEdgeStatus(),n.player_.liveTracker&&n.on(n.player_.liveTracker,"liveedgechange",n.updateLiveEdgeStatus),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e=i.prototype.createEl.call(this,"button",{className:"vjs-seek-to-live-control vjs-control"});return this.textEl_=k("span",{className:"vjs-seek-to-live-text",innerHTML:this.localize("LIVE")},{"aria-hidden":"true"}),e.appendChild(this.textEl_),e},t.updateLiveEdgeStatus=function(e){!this.player_.liveTracker||this.player_.liveTracker.atLiveEdge()?(this.setAttribute("aria-disabled",!0),this.addClass("vjs-at-live-edge"),this.controlText("Seek to live, currently playing live")):(this.setAttribute("aria-disabled",!1),this.removeClass("vjs-at-live-edge"),this.controlText("Seek to live, currently behind live"))},t.handleClick=function(){this.player_.liveTracker.seekToLiveEdge()},t.dispose=function(){this.player_.liveTracker&&this.off(this.player_.liveTracker,"liveedgechange",this.updateLiveEdgeStatus),this.textEl_=null,i.prototype.dispose.call(this)},e}(di);wi.prototype.controlText_="Seek to live, currently playing live",De.registerComponent("SeekToLive",wi);function Si(e,t,n){return e=Number(e),Math.min(n,Math.max(t,isNaN(e)?t:e))}var xi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).bar=n.getChild(n.options_.barName),n.vertical(!!n.options_.vertical),n.enable(),n}Ve(e,i);var t=e.prototype;return t.enabled=function(){return this.enabled_},t.enable=function(){this.enabled()||(this.on("mousedown",this.handleMouseDown),this.on("touchstart",this.handleMouseDown),this.on("keydown",this.handleKeyDown),this.on("click",this.handleClick),this.on(this.player_,"controlsvisible",this.update),this.playerEvent&&this.on(this.player_,this.playerEvent,this.update),this.removeClass("disabled"),this.setAttribute("tabindex",0),this.enabled_=!0)},t.disable=function(){if(this.enabled()){var e=this.bar.el_.ownerDocument;this.off("mousedown",this.handleMouseDown),this.off("touchstart",this.handleMouseDown),this.off("keydown",this.handleKeyDown),this.off("click",this.handleClick),this.off(this.player_,"controlsvisible",this.update),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),this.removeAttribute("tabindex"),this.addClass("disabled"),this.playerEvent&&this.off(this.player_,this.playerEvent,this.update),this.enabled_=!1}},t.createEl=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),t.className=t.className+" vjs-slider",t=g({tabIndex:0},t),n=g({role:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},n),i.prototype.createEl.call(this,e,t,n)},t.handleMouseDown=function(e){var t=this.bar.el_.ownerDocument;"mousedown"===e.type&&e.preventDefault(),"touchstart"!==e.type||Je||e.preventDefault(),N(),this.addClass("vjs-sliding"),this.trigger("slideractive"),this.on(t,"mousemove",this.handleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchmove",this.handleMouseMove),this.on(t,"touchend",this.handleMouseUp),this.handleMouseMove(e)},t.handleMouseMove=function(e){},t.handleMouseUp=function(){var e=this.bar.el_.ownerDocument;D(),this.removeClass("vjs-sliding"),this.trigger("sliderinactive"),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),this.update()},t.update=function(){var t=this;if(this.el_&&this.bar){var n=this.getProgress();if(n!==this.progress_)return this.progress_=n,this.requestAnimationFrame(function(){var e=t.vertical()?"height":"width";t.bar.el().style[e]=(100*n).toFixed(2)+"%"}),n}},t.getProgress=function(){return Si(this.getPercent(),0,1).toFixed(4)},t.calculateDistance=function(e){var t=B(this.el_,e);return this.vertical()?t.y:t.x},t.handleKeyDown=function(e){xt.isEventKey(e,"Left")||xt.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepBack()):xt.isEventKey(e,"Right")||xt.isEventKey(e,"Up")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):i.prototype.handleKeyDown.call(this,e)},t.handleClick=function(e){e.stopPropagation(),e.preventDefault()},t.vertical=function(e){if(void 0===e)return this.vertical_||!1;this.vertical_=!!e,this.vertical_?this.addClass("vjs-slider-vertical"):this.addClass("vjs-slider-horizontal")},e}(De);De.registerComponent("Slider",xi);function Pi(e,t){return Si(e/t*100,0,100).toFixed(2)+"%"}var ji=function(r){function e(e,t){var n;return(n=r.call(this,e,t)||this).partEls_=[],n.on(e,"progress",n.update),n}Ve(e,r);var t=e.prototype;return t.createEl=function(){var e=r.prototype.createEl.call(this,"div",{className:"vjs-load-progress"}),t=k("span",{className:"vjs-control-text"}),n=k("span",{textContent:this.localize("Loaded")}),i=d.createTextNode(": ");return this.percentageEl_=k("span",{className:"vjs-control-text-loaded-percentage",textContent:"0%"}),e.appendChild(t),t.appendChild(n),t.appendChild(i),t.appendChild(this.percentageEl_),e},t.dispose=function(){this.partEls_=null,this.percentageEl_=null,r.prototype.dispose.call(this)},t.update=function(e){var h=this;this.requestAnimationFrame(function(){var e=h.player_.liveTracker,t=h.player_.buffered(),n=e&&e.isLive()?e.seekableEnd():h.player_.duration(),i=h.player_.bufferedEnd(),r=h.partEls_,s=Pi(i,n);h.percent_!==s&&(h.el_.style.width=s,C(h.percentageEl_,s),h.percent_=s);for(var o=0;o<t.length;o++){var a=t.start(o),l=t.end(o),c=r[o];c||(c=h.el_.appendChild(k()),r[o]=c),c.dataset.start===a&&c.dataset.end===l||(c.dataset.start=a,c.dataset.end=l,c.style.left=Pi(a,i),c.style.width=Pi(l-a,i))}for(var u=r.length;u>t.length;u--)h.el_.removeChild(r[u-1]);r.length=t.length})},e}(De);De.registerComponent("LoadProgressBar",ji);var Ai=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).update=ye(ge(Oe(n),n.update),30),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-time-tooltip"},{"aria-hidden":"true"})},t.update=function(e,t,n){var i=O(this.el_),r=O(this.player_.el()),s=e.width*t;if(r&&i){var o=e.left-r.left+s,a=e.width-s+(r.right-e.right),l=i.width/2;o<l?l+=l-o:a<l&&(l=a),l<0?l=0:l>i.width&&(l=i.width),this.el_.style.right="-"+l+"px",this.write(n)}},t.write=function(e){C(this.el_,e)},t.updateTime=function(r,s,o,a){var l=this;this.rafId_&&this.cancelAnimationFrame(this.rafId_),this.rafId_=this.requestAnimationFrame(function(){var e,t=l.player_.duration();if(l.player_.liveTracker&&l.player_.liveTracker.isLive()){var n=l.player_.liveTracker.liveWindow(),i=n-s*n;e=(i<1?"":"-")+mi(i,n)}else e=mi(o,t);l.update(r,s,e),a&&a()})},e}(De);De.registerComponent("TimeTooltip",Ai);var Ii=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).update=ye(ge(Oe(n),n.update),30),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-play-progress vjs-slider-bar"},{"aria-hidden":"true"})},t.update=function(e,t){var n=this.getChild("timeTooltip");if(n){var i=this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime();n.updateTime(e,t,i)}},e}(De);Ii.prototype.options_={children:[]},ot||Xe||Ii.prototype.options_.children.push("timeTooltip"),De.registerComponent("PlayProgressBar",Ii);var Mi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).update=ye(ge(Oe(n),n.update),30),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-mouse-display"})},t.update=function(e,t){var n=this,i=t*this.player_.duration();this.getChild("timeTooltip").updateTime(e,t,i,function(){n.el_.style.left=e.width*t+"px"})},e}(De);Mi.prototype.options_={children:["timeTooltip"]},De.registerComponent("MouseTimeDisplay",Mi);var Li=function(s){function e(e,t){var n;return(n=s.call(this,e,t)||this).setEventHandlers_(),n}Ve(e,s);var t=e.prototype;return t.setEventHandlers_=function(){this.update_=ge(this,this.update),this.update=ye(this.update_,30),this.on(this.player_,["ended","durationchange","timeupdate"],this.update),this.player_.liveTracker&&this.on(this.player_.liveTracker,"liveedgechange",this.update),this.updateInterval=null,this.on(this.player_,["playing"],this.enableInterval_),this.on(this.player_,["ended","pause","waiting"],this.disableInterval_),"hidden"in d&&"visibilityState"in d&&this.on(d,"visibilitychange",this.toggleVisibility_)},t.toggleVisibility_=function(e){d.hidden?this.disableInterval_(e):(this.enableInterval_(),this.update())},t.enableInterval_=function(){this.updateInterval||(this.updateInterval=this.setInterval(this.update,30))},t.disableInterval_=function(e){this.player_.liveTracker&&this.player_.liveTracker.isLive()&&"ended"!==e.type||this.updateInterval&&(this.clearInterval(this.updateInterval),this.updateInterval=null)},t.createEl=function(){return s.prototype.createEl.call(this,"div",{className:"vjs-progress-holder"},{"aria-label":this.localize("Progress Bar")})},t.update=function(e){var i=this,r=s.prototype.update.call(this);return this.requestAnimationFrame(function(){var e=i.player_.ended()?i.player_.duration():i.getCurrentTime_(),t=i.player_.liveTracker,n=i.player_.duration();t&&t.isLive()&&(n=i.player_.liveTracker.liveCurrentTime()),i.percent_!==r&&(i.el_.setAttribute("aria-valuenow",(100*r).toFixed(2)),i.percent_=r),i.currentTime_===e&&i.duration_===n||(i.el_.setAttribute("aria-valuetext",i.localize("progress bar timing: currentTime={1} duration={2}",[mi(e,n),mi(n,n)],"{1} of {2}")),i.currentTime_=e,i.duration_=n)}),r},t.getCurrentTime_=function(){return this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime()},t.getPercent=function(){var e,t=this.getCurrentTime_(),n=this.player_.liveTracker;return n&&n.isLive()?(e=(t-n.seekableStart())/n.liveWindow(),n.atLiveEdge()&&(e=1)):e=t/this.player_.duration(),e},t.handleMouseDown=function(e){K(e)&&(e.stopPropagation(),this.player_.scrubbing(!0),this.videoWasPlaying=!this.player_.paused(),this.player_.pause(),s.prototype.handleMouseDown.call(this,e))},t.handleMouseMove=function(e){if(K(e)){var t,n=this.calculateDistance(e),i=this.player_.liveTracker;if(i&&i.isLive()){var r=i.seekableStart(),s=i.liveCurrentTime();if(s<=(t=r+n*i.liveWindow())&&(t=s),t<=r&&(t=r+.1),t===1/0)return}else(t=n*this.player_.duration())===this.player_.duration()&&(t-=.1);this.player_.currentTime(t)}},t.enable=function(){s.prototype.enable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.show()},t.disable=function(){s.prototype.disable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.hide()},t.handleMouseUp=function(e){s.prototype.handleMouseUp.call(this,e),e&&e.stopPropagation(),this.player_.scrubbing(!1),this.player_.trigger({type:"timeupdate",target:this,manuallyTriggered:!0}),this.videoWasPlaying?Ct(this.player_.play()):this.update_()},t.stepForward=function(){this.player_.currentTime(this.player_.currentTime()+5)},t.stepBack=function(){this.player_.currentTime(this.player_.currentTime()-5)},t.handleAction=function(e){this.player_.paused()?this.player_.play():this.player_.pause()},t.handleKeyDown=function(e){if(xt.isEventKey(e,"Space")||xt.isEventKey(e,"Enter"))e.preventDefault(),e.stopPropagation(),this.handleAction(e);else if(xt.isEventKey(e,"Home"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(0);else if(xt.isEventKey(e,"End"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.duration());else if(/^[0-9]$/.test(xt(e))){e.preventDefault(),e.stopPropagation();var t=10*(xt.codes[xt(e)]-xt.codes[0])/100;this.player_.currentTime(this.player_.duration()*t)}else xt.isEventKey(e,"PgDn")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()-60)):xt.isEventKey(e,"PgUp")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()+60)):s.prototype.handleKeyDown.call(this,e)},e}(xi);Li.prototype.options_={children:["loadProgressBar","playProgressBar"],barName:"playProgressBar"},ot||Xe||Li.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),De.registerComponent("SeekBar",Li);var Ni=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).handleMouseMove=ye(ge(Oe(n),n.handleMouseMove),30),n.throttledHandleMouseSeek=ye(ge(Oe(n),n.handleMouseSeek),30),n.enable(),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-progress-control vjs-control"})},t.handleMouseMove=function(e){var t=this.getChild("seekBar");if(t){var n=t.getChild("playProgressBar"),i=t.getChild("mouseTimeDisplay");if(n||i){var r=t.el(),s=O(r),o=B(r,e).x;o=Si(0,1,o),i&&i.update(s,o),n&&n.update(s,t.getProgress())}}},t.handleMouseSeek=function(e){var t=this.getChild("seekBar");t&&t.handleMouseMove(e)},t.enabled=function(){return this.enabled_},t.disable=function(){this.children().forEach(function(e){return e.disable&&e.disable()}),this.enabled()&&(this.off(["mousedown","touchstart"],this.handleMouseDown),this.off(this.el_,"mousemove",this.handleMouseMove),this.handleMouseUp(),this.addClass("disabled"),this.enabled_=!1)},t.enable=function(){this.children().forEach(function(e){return e.enable&&e.enable()}),this.enabled()||(this.on(["mousedown","touchstart"],this.handleMouseDown),this.on(this.el_,"mousemove",this.handleMouseMove),this.removeClass("disabled"),this.enabled_=!0)},t.handleMouseDown=function(e){var t=this.el_.ownerDocument,n=this.getChild("seekBar");n&&n.handleMouseDown(e),this.on(t,"mousemove",this.throttledHandleMouseSeek),this.on(t,"touchmove",this.throttledHandleMouseSeek),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchend",this.handleMouseUp)},t.handleMouseUp=function(e){var t=this.el_.ownerDocument,n=this.getChild("seekBar");n&&n.handleMouseUp(e),this.off(t,"mousemove",this.throttledHandleMouseSeek),this.off(t,"touchmove",this.throttledHandleMouseSeek),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchend",this.handleMouseUp)},e}(De);Ni.prototype.options_={children:["seekBar"]},De.registerComponent("ProgressControl",Ni);var Di=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,["enterpictureinpicture","leavepictureinpicture"],n.handlePictureInPictureChange),d.pictureInPictureEnabled||n.disable(),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-picture-in-picture-control "+i.prototype.buildCSSClass.call(this)},t.handlePictureInPictureChange=function(e){this.player_.isInPictureInPicture()?this.controlText("Exit Picture-in-Picture"):this.controlText("Picture-in-Picture")},t.handleClick=function(e){this.player_.isInPictureInPicture()?this.player_.exitPictureInPicture():this.player_.requestPictureInPicture()},e}(di);Di.prototype.controlText_="Picture-in-Picture",De.registerComponent("PictureInPictureToggle",Di);var Oi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,"fullscreenchange",n.handleFullscreenChange),!1===d[e.fsApi_.fullscreenEnabled]&&n.disable(),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-fullscreen-control "+i.prototype.buildCSSClass.call(this)},t.handleFullscreenChange=function(e){this.player_.isFullscreen()?this.controlText("Non-Fullscreen"):this.controlText("Fullscreen")},t.handleClick=function(e){this.player_.isFullscreen()?this.player_.exitFullscreen():this.player_.requestFullscreen()},e}(di);Oi.prototype.controlText_="Fullscreen",De.registerComponent("FullscreenToggle",Oi);var Ri=function(e){function t(){return e.apply(this,arguments)||this}return Ve(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})},t}(De);De.registerComponent("VolumeLevel",Ri);var Bi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on("slideractive",n.updateLastVolume_),n.on(e,"volumechange",n.updateARIAAttributes),e.ready(function(){return n.updateARIAAttributes()}),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-volume-bar vjs-slider-bar"},{"aria-label":this.localize("Volume Level"),"aria-live":"polite"})},t.handleMouseDown=function(e){K(e)&&i.prototype.handleMouseDown.call(this,e)},t.handleMouseMove=function(e){K(e)&&(this.checkMuted(),this.player_.volume(this.calculateDistance(e)))},t.checkMuted=function(){this.player_.muted()&&this.player_.muted(!1)},t.getPercent=function(){return this.player_.muted()?0:this.player_.volume()},t.stepForward=function(){this.checkMuted(),this.player_.volume(this.player_.volume()+.1)},t.stepBack=function(){this.checkMuted(),this.player_.volume(this.player_.volume()-.1)},t.updateARIAAttributes=function(e){var t=this.player_.muted()?0:this.volumeAsPercentage_();this.el_.setAttribute("aria-valuenow",t),this.el_.setAttribute("aria-valuetext",t+"%")},t.volumeAsPercentage_=function(){return Math.round(100*this.player_.volume())},t.updateLastVolume_=function(){var e=this,t=this.player_.volume();this.one("sliderinactive",function(){0===e.player_.volume()&&e.player_.lastVolume_(t)})},e}(xi);Bi.prototype.options_={children:["volumeLevel"],barName:"volumeLevel"},Bi.prototype.playerEvent="volumechange",De.registerComponent("VolumeBar",Bi);var Fi=function(i){function e(e,t){var n;return void 0===t&&(t={}),t.vertical=t.vertical||!1,"undefined"!=typeof t.volumeBar&&!l(t.volumeBar)||(t.volumeBar=t.volumeBar||{},t.volumeBar.vertical=t.vertical),n=i.call(this,e,t)||this,function(e,t){t.tech_&&!t.tech_.featuresVolumeControl&&e.addClass("vjs-hidden"),e.on(t,"loadstart",function(){t.tech_.featuresVolumeControl?e.removeClass("vjs-hidden"):e.addClass("vjs-hidden")})}(Oe(n),e),n.throttledHandleMouseMove=ye(ge(Oe(n),n.handleMouseMove),30),n.on("mousedown",n.handleMouseDown),n.on("touchstart",n.handleMouseDown),n.on(n.volumeBar,["focus","slideractive"],function(){n.volumeBar.addClass("vjs-slider-active"),n.addClass("vjs-slider-active"),n.trigger("slideractive")}),n.on(n.volumeBar,["blur","sliderinactive"],function(){n.volumeBar.removeClass("vjs-slider-active"),n.removeClass("vjs-slider-active"),n.trigger("sliderinactive")}),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e="vjs-volume-horizontal";return this.options_.vertical&&(e="vjs-volume-vertical"),i.prototype.createEl.call(this,"div",{className:"vjs-volume-control vjs-control "+e})},t.handleMouseDown=function(e){var t=this.el_.ownerDocument;this.on(t,"mousemove",this.throttledHandleMouseMove),this.on(t,"touchmove",this.throttledHandleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchend",this.handleMouseUp)},t.handleMouseUp=function(e){var t=this.el_.ownerDocument;this.off(t,"mousemove",this.throttledHandleMouseMove),this.off(t,"touchmove",this.throttledHandleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchend",this.handleMouseUp)},t.handleMouseMove=function(e){this.volumeBar.handleMouseMove(e)},e}(De);Fi.prototype.options_={children:["volumeBar"]},De.registerComponent("VolumeControl",Fi);var Hi=function(i){function e(e,t){var n;return n=i.call(this,e,t)||this,function(e,t){t.tech_&&!t.tech_.featuresMuteControl&&e.addClass("vjs-hidden"),e.on(t,"loadstart",function(){t.tech_.featuresMuteControl?e.removeClass("vjs-hidden"):e.addClass("vjs-hidden")})}(Oe(n),e),n.on(e,["loadstart","volumechange"],n.update),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-mute-control "+i.prototype.buildCSSClass.call(this)},t.handleClick=function(e){var t=this.player_.volume(),n=this.player_.lastVolume_();if(0===t){var i=n<.1?.1:n;this.player_.volume(i),this.player_.muted(!1)}else this.player_.muted(!this.player_.muted())},t.update=function(e){this.updateIcon_(),this.updateControlText_()},t.updateIcon_=function(){var e=this.player_.volume(),t=3;ot&&this.player_.tech_&&this.player_.tech_.el_&&this.player_.muted(this.player_.tech_.el_.muted),0===e||this.player_.muted()?t=0:e<.33?t=1:e<.67&&(t=2);for(var n=0;n<4;n++)x(this.el_,"vjs-vol-"+n);S(this.el_,"vjs-vol-"+t)},t.updateControlText_=function(){var e=this.player_.muted()||0===this.player_.volume()?"Unmute":"Mute";this.controlText()!==e&&this.controlText(e)},e}(di);Hi.prototype.controlText_="Mute",De.registerComponent("MuteToggle",Hi);var Vi=function(i){function e(e,t){var n;return void 0===t&&(t={}),"undefined"!=typeof t.inline?t.inline=t.inline:t.inline=!0,"undefined"!=typeof t.volumeControl&&!l(t.volumeControl)||(t.volumeControl=t.volumeControl||{},t.volumeControl.vertical=!t.inline),(n=i.call(this,e,t)||this).on(e,["loadstart"],n.volumePanelState_),n.on(n.muteToggle,"keyup",n.handleKeyPress),n.on(n.volumeControl,"keyup",n.handleVolumeControlKeyUp),n.on("keydown",n.handleKeyPress),n.on("mouseover",n.handleMouseOver),n.on("mouseout",n.handleMouseOut),n.on(n.volumeControl,["slideractive"],n.sliderActive_),n.on(n.volumeControl,["sliderinactive"],n.sliderInactive_),n}Ve(e,i);var t=e.prototype;return t.sliderActive_=function(){this.addClass("vjs-slider-active")},t.sliderInactive_=function(){this.removeClass("vjs-slider-active")},t.volumePanelState_=function(){this.volumeControl.hasClass("vjs-hidden")&&this.muteToggle.hasClass("vjs-hidden")&&this.addClass("vjs-hidden"),this.volumeControl.hasClass("vjs-hidden")&&!this.muteToggle.hasClass("vjs-hidden")&&this.addClass("vjs-mute-toggle-only")},t.createEl=function(){var e="vjs-volume-panel-horizontal";return this.options_.inline||(e="vjs-volume-panel-vertical"),i.prototype.createEl.call(this,"div",{className:"vjs-volume-panel vjs-control "+e})},t.dispose=function(){this.handleMouseOut(),i.prototype.dispose.call(this)},t.handleVolumeControlKeyUp=function(e){xt.isEventKey(e,"Esc")&&this.muteToggle.focus()},t.handleMouseOver=function(e){this.addClass("vjs-hover"),he(d,"keyup",ge(this,this.handleKeyPress))},t.handleMouseOut=function(e){this.removeClass("vjs-hover"),de(d,"keyup",ge(this,this.handleKeyPress))},t.handleKeyPress=function(e){xt.isEventKey(e,"Esc")&&this.handleMouseOut()},e}(De);Vi.prototype.options_={children:["muteToggle","volumeControl"]},De.registerComponent("VolumePanel",Vi);var Wi=function(i){function e(e,t){var n;return n=i.call(this,e,t)||this,t&&(n.menuButton_=t.menuButton),n.focusedChild_=-1,n.on("keydown",n.handleKeyDown),n.boundHandleBlur_=ge(Oe(n),n.handleBlur),n.boundHandleTapClick_=ge(Oe(n),n.handleTapClick),n}Ve(e,i);var t=e.prototype;return t.addEventListenerForItem=function(e){e instanceof De&&(this.on(e,"blur",this.boundHandleBlur_),this.on(e,["tap","click"],this.boundHandleTapClick_))},t.removeEventListenerForItem=function(e){e instanceof De&&(this.off(e,"blur",this.boundHandleBlur_),this.off(e,["tap","click"],this.boundHandleTapClick_))},t.removeChild=function(e){"string"==typeof e&&(e=this.getChild(e)),this.removeEventListenerForItem(e),i.prototype.removeChild.call(this,e)},t.addItem=function(e){var t=this.addChild(e);t&&this.addEventListenerForItem(t)},t.createEl=function(){var e=this.options_.contentElType||"ul";this.contentEl_=k(e,{className:"vjs-menu-content"}),this.contentEl_.setAttribute("role","menu");var t=i.prototype.createEl.call(this,"div",{append:this.contentEl_,className:"vjs-menu"});return t.appendChild(this.contentEl_),he(t,"click",function(e){e.preventDefault(),e.stopImmediatePropagation()}),t},t.dispose=function(){this.contentEl_=null,this.boundHandleBlur_=null,this.boundHandleTapClick_=null,i.prototype.dispose.call(this)},t.handleBlur=function(e){var t=e.relatedTarget||d.activeElement;if(!this.children().some(function(e){return e.el()===t})){var n=this.menuButton_;n&&n.buttonPressed_&&t!==n.el().firstChild&&n.unpressButton()}},t.handleTapClick=function(t){if(this.menuButton_){this.menuButton_.unpressButton();var e=this.children();if(!Array.isArray(e))return;var n=e.filter(function(e){return e.el()===t.target})[0];if(!n)return;"CaptionSettingsMenuItem"!==n.name()&&this.menuButton_.focus()}},t.handleKeyDown=function(e){xt.isEventKey(e,"Left")||xt.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):(xt.isEventKey(e,"Right")||xt.isEventKey(e,"Up"))&&(e.preventDefault(),e.stopPropagation(),this.stepBack())},t.stepForward=function(){var e=0;void 0!==this.focusedChild_&&(e=this.focusedChild_+1),this.focus(e)},t.stepBack=function(){var e=0;void 0!==this.focusedChild_&&(e=this.focusedChild_-1),this.focus(e)},t.focus=function(e){void 0===e&&(e=0);var t=this.children().slice();t.length&&t[0].className&&/vjs-menu-title/.test(t[0].className)&&t.shift(),0<t.length&&(e<0?e=0:e>=t.length&&(e=t.length-1),t[this.focusedChild_=e].el_.focus())},e}(De);De.registerComponent("Menu",Wi);var zi=function(r){function e(e,t){var n;void 0===t&&(t={}),(n=r.call(this,e,t)||this).menuButton_=new di(e,t),n.menuButton_.controlText(n.controlText_),n.menuButton_.el_.setAttribute("aria-haspopup","true");var i=di.prototype.buildCSSClass();return n.menuButton_.el_.className=n.buildCSSClass()+" "+i,n.menuButton_.removeClass("vjs-control"),n.addChild(n.menuButton_),n.update(),n.enabled_=!0,n.on(n.menuButton_,"tap",n.handleClick),n.on(n.menuButton_,"click",n.handleClick),n.on(n.menuButton_,"keydown",n.handleKeyDown),n.on(n.menuButton_,"mouseenter",function(){n.addClass("vjs-hover"),n.menu.show(),he(d,"keyup",ge(Oe(n),n.handleMenuKeyUp))}),n.on("mouseleave",n.handleMouseLeave),n.on("keydown",n.handleSubmenuKeyDown),n}Ve(e,r);var t=e.prototype;return t.update=function(){var e=this.createMenu();this.menu&&(this.menu.dispose(),this.removeChild(this.menu)),this.menu=e,this.addChild(e),this.buttonPressed_=!1,this.menuButton_.el_.setAttribute("aria-expanded","false"),this.items&&this.items.length<=this.hideThreshold_?this.hide():this.show()},t.createMenu=function(){var e=new Wi(this.player_,{menuButton:this});if(this.hideThreshold_=0,this.options_.title){var t=k("li",{className:"vjs-menu-title",innerHTML:Le(this.options_.title),tabIndex:-1});this.hideThreshold_+=1;var n=new De(this.player_,{el:t});e.addItem(n)}if(this.items=this.createItems(),this.items)for(var i=0;i<this.items.length;i++)e.addItem(this.items[i]);return e},t.createItems=function(){},t.createEl=function(){return r.prototype.createEl.call(this,"div",{className:this.buildWrapperCSSClass()},{})},t.buildWrapperCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+di.prototype.buildCSSClass()+" "+r.prototype.buildCSSClass.call(this)},t.buildCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+r.prototype.buildCSSClass.call(this)},t.controlText=function(e,t){return void 0===t&&(t=this.menuButton_.el()),this.menuButton_.controlText(e,t)},t.dispose=function(){this.handleMouseLeave(),r.prototype.dispose.call(this)},t.handleClick=function(e){this.buttonPressed_?this.unpressButton():this.pressButton()},t.handleMouseLeave=function(e){this.removeClass("vjs-hover"),de(d,"keyup",ge(this,this.handleMenuKeyUp))},t.focus=function(){this.menuButton_.focus()},t.blur=function(){this.menuButton_.blur()},t.handleKeyDown=function(e){xt.isEventKey(e,"Esc")||xt.isEventKey(e,"Tab")?(this.buttonPressed_&&this.unpressButton(),xt.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus())):(xt.isEventKey(e,"Up")||xt.isEventKey(e,"Down"))&&(this.buttonPressed_||(e.preventDefault(),this.pressButton()))},t.handleMenuKeyUp=function(e){(xt.isEventKey(e,"Esc")||xt.isEventKey(e,"Tab"))&&this.removeClass("vjs-hover")},t.handleSubmenuKeyPress=function(e){this.handleSubmenuKeyDown(e)},t.handleSubmenuKeyDown=function(e){(xt.isEventKey(e,"Esc")||xt.isEventKey(e,"Tab"))&&(this.buttonPressed_&&this.unpressButton(),xt.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus()))},t.pressButton=function(){if(this.enabled_){if(this.buttonPressed_=!0,this.menu.show(),this.menu.lockShowing(),this.menuButton_.el_.setAttribute("aria-expanded","true"),ot&&b())return;this.menu.focus()}},t.unpressButton=function(){this.enabled_&&(this.buttonPressed_=!1,this.menu.unlockShowing(),this.menu.hide(),this.menuButton_.el_.setAttribute("aria-expanded","false"))},t.disable=function(){this.unpressButton(),this.enabled_=!1,this.addClass("vjs-disabled"),this.menuButton_.disable()},t.enable=function(){this.enabled_=!0,this.removeClass("vjs-disabled"),this.menuButton_.enable()},e}(De);De.registerComponent("MenuButton",zi);var Ki=function(s){function e(e,t){var n,i=t.tracks;if((n=s.call(this,e,t)||this).items.length<=1&&n.hide(),!i)return Oe(n);var r=ge(Oe(n),n.update);return i.addEventListener("removetrack",r),i.addEventListener("addtrack",r),n.player_.on("ready",r),n.player_.on("dispose",function(){i.removeEventListener("removetrack",r),i.removeEventListener("addtrack",r)}),n}return Ve(e,s),e}(zi);De.registerComponent("TrackButton",Ki);var Ui=["Tab","Esc","Up","Down","Right","Left"],qi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).selectable=t.selectable,n.isSelected_=t.selected||!1,n.multiSelectable=t.multiSelectable,n.selected(n.isSelected_),n.selectable?n.multiSelectable?n.el_.setAttribute("role","menuitemcheckbox"):n.el_.setAttribute("role","menuitemradio"):n.el_.setAttribute("role","menuitem"),n}Ve(e,i);var t=e.prototype;return t.createEl=function(e,t,n){return this.nonIconControl=!0,i.prototype.createEl.call(this,"li",g({className:"vjs-menu-item",innerHTML:'<span class="vjs-menu-item-text">'+this.localize(this.options_.label)+"</span>",tabIndex:-1},t),n)},t.handleKeyDown=function(t){Ui.some(function(e){return xt.isEventKey(t,e)})||i.prototype.handleKeyDown.call(this,t)},t.handleClick=function(e){this.selected(!0)},t.selected=function(e){this.selectable&&(e?(this.addClass("vjs-selected"),this.el_.setAttribute("aria-checked","true"),this.controlText(", selected"),this.isSelected_=!0):(this.removeClass("vjs-selected"),this.el_.setAttribute("aria-checked","false"),this.controlText(""),this.isSelected_=!1))},e}(ri);De.registerComponent("MenuItem",qi);var Xi=function(l){function e(e,t){var i,n=t.track,r=e.textTracks();t.label=n.label||n.language||"Unknown",t.selected="showing"===n.mode,(i=l.call(this,e,t)||this).track=n,i.kinds=(t.kinds||[t.kind||i.track.kind]).filter(Boolean);function s(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];i.handleTracksChange.apply(Oe(i),t)}function o(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];i.handleSelectedLanguageChange.apply(Oe(i),t)}var a;e.on(["loadstart","texttrackchange"],s),r.addEventListener("change",s),r.addEventListener("selectedlanguagechange",o),i.on("dispose",function(){e.off(["loadstart","texttrackchange"],s),r.removeEventListener("change",s),r.removeEventListener("selectedlanguagechange",o)}),void 0===r.onchange&&i.on(["tap","click"],function(){if("object"!=typeof h.Event)try{a=new h.Event("change")}catch(e){}a||(a=d.createEvent("Event")).initEvent("change",!0,!0),r.dispatchEvent(a)});return i.handleTracksChange(),i}Ve(e,l);var t=e.prototype;return t.handleClick=function(e){var t=this.track,n=this.player_.textTracks();if(l.prototype.handleClick.call(this,e),n)for(var i=0;i<n.length;i++){var r=n[i];-1!==this.kinds.indexOf(r.kind)&&(r===t?"showing"!==r.mode&&(r.mode="showing"):"disabled"!==r.mode&&(r.mode="disabled"))}},t.handleTracksChange=function(e){var t="showing"===this.track.mode;t!==this.isSelected_&&this.selected(t)},t.handleSelectedLanguageChange=function(e){if("showing"===this.track.mode){var t=this.player_.cache_.selectedLanguage;if(t&&t.enabled&&t.language===this.track.language&&t.kind!==this.track.kind)return;this.player_.cache_.selectedLanguage={enabled:!0,language:this.track.language,kind:this.track.kind}}},t.dispose=function(){this.track=null,l.prototype.dispose.call(this)},e}(qi);De.registerComponent("TextTrackMenuItem",Xi);var $i=function(n){function e(e,t){return t.track={player:e,kind:t.kind,kinds:t.kinds,default:!1,mode:"disabled"},t.kinds||(t.kinds=[t.kind]),t.label?t.track.label=t.label:t.track.label=t.kinds.join(" and ")+" off",t.selectable=!0,t.multiSelectable=!1,n.call(this,e,t)||this}Ve(e,n);var t=e.prototype;return t.handleTracksChange=function(e){for(var t=this.player().textTracks(),n=!0,i=0,r=t.length;i<r;i++){var s=t[i];if(-1<this.options_.kinds.indexOf(s.kind)&&"showing"===s.mode){n=!1;break}}n!==this.isSelected_&&this.selected(n)},t.handleSelectedLanguageChange=function(e){for(var t=this.player().textTracks(),n=!0,i=0,r=t.length;i<r;i++){var s=t[i];if(-1<["captions","descriptions","subtitles"].indexOf(s.kind)&&"showing"===s.mode){n=!1;break}}n&&(this.player_.cache_.selectedLanguage={enabled:!1})},e}(Xi);De.registerComponent("OffTextTrackMenuItem",$i);var Yi=function(n){function e(e,t){return void 0===t&&(t={}),t.tracks=e.textTracks(),n.call(this,e,t)||this}return Ve(e,n),e.prototype.createItems=function(e,t){var n;void 0===e&&(e=[]),void 0===t&&(t=Xi),this.label_&&(n=this.label_+" off"),e.push(new $i(this.player_,{kinds:this.kinds_,kind:this.kind_,label:n})),this.hideThreshold_+=1;var i=this.player_.textTracks();Array.isArray(this.kinds_)||(this.kinds_=[this.kind_]);for(var r=0;r<i.length;r++){var s=i[r];if(-1<this.kinds_.indexOf(s.kind)){var o=new t(this.player_,{track:s,kinds:this.kinds_,kind:this.kind_,selectable:!0,multiSelectable:!1});o.addClass("vjs-"+s.kind+"-menu-item"),e.push(o)}}return e},e}(Ki);De.registerComponent("TextTrackButton",Yi);var Gi=function(o){function e(e,t){var n,i=t.track,r=t.cue,s=e.currentTime();return t.selectable=!0,t.multiSelectable=!1,t.label=r.text,t.selected=r.startTime<=s&&s<r.endTime,(n=o.call(this,e,t)||this).track=i,n.cue=r,i.addEventListener("cuechange",ge(Oe(n),n.update)),n}Ve(e,o);var t=e.prototype;return t.handleClick=function(e){o.prototype.handleClick.call(this),this.player_.currentTime(this.cue.startTime),this.update(this.cue.startTime)},t.update=function(e){var t=this.cue,n=this.player_.currentTime();this.selected(t.startTime<=n&&n<t.endTime)},e}(qi);De.registerComponent("ChaptersTrackMenuItem",Gi);var Qi=function(i){function e(e,t,n){return i.call(this,e,t,n)||this}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-chapters-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-chapters-button "+i.prototype.buildWrapperCSSClass.call(this)},t.update=function(e){this.track_&&(!e||"addtrack"!==e.type&&"removetrack"!==e.type)||this.setTrack(this.findChaptersTrack()),i.prototype.update.call(this)},t.setTrack=function(e){if(this.track_!==e){if(this.updateHandler_||(this.updateHandler_=this.update.bind(this)),this.track_){var t=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);t&&t.removeEventListener("load",this.updateHandler_),this.track_=null}if(this.track_=e,this.track_){this.track_.mode="hidden";var n=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);n&&n.addEventListener("load",this.updateHandler_)}}},t.findChaptersTrack=function(){for(var e=this.player_.textTracks()||[],t=e.length-1;0<=t;t--){var n=e[t];if(n.kind===this.kind_)return n}},t.getMenuCaption=function(){return this.track_&&this.track_.label?this.track_.label:this.localize(Le(this.kind_))},t.createMenu=function(){return this.options_.title=this.getMenuCaption(),i.prototype.createMenu.call(this)},t.createItems=function(){var e=[];if(!this.track_)return e;var t=this.track_.cues;if(!t)return e;for(var n=0,i=t.length;n<i;n++){var r=t[n],s=new Gi(this.player_,{track:this.track_,cue:r});e.push(s)}return e},e}(Yi);Qi.prototype.kind_="chapters",Qi.prototype.controlText_="Chapters",De.registerComponent("ChaptersButton",Qi);var Ji=function(o){function e(e,t,n){var i;i=o.call(this,e,t,n)||this;var r=e.textTracks(),s=ge(Oe(i),i.handleTracksChange);return r.addEventListener("change",s),i.on("dispose",function(){r.removeEventListener("change",s)}),i}Ve(e,o);var t=e.prototype;return t.handleTracksChange=function(e){for(var t=this.player().textTracks(),n=!1,i=0,r=t.length;i<r;i++){var s=t[i];if(s.kind!==this.kind_&&"showing"===s.mode){n=!0;break}}n?this.disable():this.enable()},t.buildCSSClass=function(){return"vjs-descriptions-button "+o.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-descriptions-button "+o.prototype.buildWrapperCSSClass.call(this)},e}(Yi);Ji.prototype.kind_="descriptions",Ji.prototype.controlText_="Descriptions",De.registerComponent("DescriptionsButton",Ji);var Zi=function(i){function e(e,t,n){return i.call(this,e,t,n)||this}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-subtitles-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-subtitles-button "+i.prototype.buildWrapperCSSClass.call(this)},e}(Yi);Zi.prototype.kind_="subtitles",Zi.prototype.controlText_="Subtitles",De.registerComponent("SubtitlesButton",Zi);var er=function(i){function e(e,t){var n;return t.track={player:e,kind:t.kind,label:t.kind+" settings",selectable:!1,default:!1,mode:"disabled"},t.selectable=!1,t.name="CaptionSettingsMenuItem",(n=i.call(this,e,t)||this).addClass("vjs-texttrack-settings"),n.controlText(", opens "+t.kind+" settings dialog"),n}return Ve(e,i),e.prototype.handleClick=function(e){this.player().getChild("textTrackSettings").open()},e}(Xi);De.registerComponent("CaptionSettingsMenuItem",er);var tr=function(i){function e(e,t,n){return i.call(this,e,t,n)||this}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-captions-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-captions-button "+i.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new er(this.player_,{kind:this.kind_})),this.hideThreshold_+=1),i.prototype.createItems.call(this,e)},e}(Yi);tr.prototype.kind_="captions",tr.prototype.controlText_="Captions",De.registerComponent("CaptionsButton",tr);var nr=function(r){function e(){return r.apply(this,arguments)||this}return Ve(e,r),e.prototype.createEl=function(e,t,n){var i='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"captions"===this.options_.track.kind&&(i+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Captions")+"</span>\n      "),i+="</span>",r.prototype.createEl.call(this,e,g({innerHTML:i},t),n)},e}(Xi);De.registerComponent("SubsCapsMenuItem",nr);var ir=function(i){function e(e,t){var n;return void 0===t&&(t={}),(n=i.call(this,e,t)||this).label_="subtitles",-1<["en","en-us","en-ca","fr-ca"].indexOf(n.player_.language_)&&(n.label_="captions"),n.menuButton_.controlText(Le(n.label_)),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-subs-caps-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-subs-caps-button "+i.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new er(this.player_,{kind:this.label_})),this.hideThreshold_+=1),e=i.prototype.createItems.call(this,e,nr)},e}(Yi);ir.prototype.kinds_=["captions","subtitles"],ir.prototype.controlText_="Subtitles",De.registerComponent("SubsCapsButton",ir);var rr=function(o){function e(e,t){var i,n=t.track,r=e.audioTracks();t.label=n.label||n.language||"Unknown",t.selected=n.enabled,(i=o.call(this,e,t)||this).track=n,i.addClass("vjs-"+n.kind+"-menu-item");function s(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];i.handleTracksChange.apply(Oe(i),t)}return r.addEventListener("change",s),i.on("dispose",function(){r.removeEventListener("change",s)}),i}Ve(e,o);var t=e.prototype;return t.createEl=function(e,t,n){var i='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"main-desc"===this.options_.track.kind&&(i+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Descriptions")+"</span>\n      "),i+="</span>",o.prototype.createEl.call(this,e,g({innerHTML:i},t),n)},t.handleClick=function(e){var t=this.player_.audioTracks();o.prototype.handleClick.call(this,e);for(var n=0;n<t.length;n++){var i=t[n];i.enabled=i===this.track}},t.handleTracksChange=function(e){this.selected(this.track.enabled)},e}(qi);De.registerComponent("AudioTrackMenuItem",rr);var sr=function(n){function e(e,t){return void 0===t&&(t={}),t.tracks=e.audioTracks(),n.call(this,e,t)||this}Ve(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-audio-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-audio-button "+n.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(e){void 0===e&&(e=[]),this.hideThreshold_=1;for(var t=this.player_.audioTracks(),n=0;n<t.length;n++){var i=t[n];e.push(new rr(this.player_,{track:i,selectable:!0,multiSelectable:!1}))}return e},e}(Ki);sr.prototype.controlText_="Audio Track",De.registerComponent("AudioTrackButton",sr);var or=function(s){function e(e,t){var n,i=t.rate,r=parseFloat(i,10);return t.label=i,t.selected=1===r,t.selectable=!0,t.multiSelectable=!1,(n=s.call(this,e,t)||this).label=i,n.rate=r,n.on(e,"ratechange",n.update),n}Ve(e,s);var t=e.prototype;return t.handleClick=function(e){s.prototype.handleClick.call(this),this.player().playbackRate(this.rate)},t.update=function(e){this.selected(this.player().playbackRate()===this.rate)},e}(qi);or.prototype.contentElType="button",De.registerComponent("PlaybackRateMenuItem",or);var ar=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).updateVisibility(),n.updateLabel(),n.on(e,"loadstart",n.updateVisibility),n.on(e,"ratechange",n.updateLabel),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e=i.prototype.createEl.call(this);return this.labelEl_=k("div",{className:"vjs-playback-rate-value",innerHTML:"1x"}),e.appendChild(this.labelEl_),e},t.dispose=function(){this.labelEl_=null,i.prototype.dispose.call(this)},t.buildCSSClass=function(){return"vjs-playback-rate "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-playback-rate "+i.prototype.buildWrapperCSSClass.call(this)},t.createMenu=function(){var e=new Wi(this.player()),t=this.playbackRates();if(t)for(var n=t.length-1;0<=n;n--)e.addChild(new or(this.player(),{rate:t[n]+"x"}));return e},t.updateARIAAttributes=function(){this.el().setAttribute("aria-valuenow",this.player().playbackRate())},t.handleClick=function(e){for(var t=this.player().playbackRate(),n=this.playbackRates(),i=n[0],r=0;r<n.length;r++)if(n[r]>t){i=n[r];break}this.player().playbackRate(i)},t.playbackRates=function(){return this.options_.playbackRates||this.options_.playerOptions&&this.options_.playerOptions.playbackRates},t.playbackRateSupported=function(){return this.player().tech_&&this.player().tech_.featuresPlaybackRate&&this.playbackRates()&&0<this.playbackRates().length},t.updateVisibility=function(e){this.playbackRateSupported()?this.removeClass("vjs-hidden"):this.addClass("vjs-hidden")},t.updateLabel=function(e){this.playbackRateSupported()&&(this.labelEl_.innerHTML=this.player().playbackRate()+"x")},e}(zi);ar.prototype.controlText_="Playback Rate",De.registerComponent("PlaybackRateMenuButton",ar);var lr=function(e){function t(){return e.apply(this,arguments)||this}Ve(t,e);var n=t.prototype;return n.buildCSSClass=function(){return"vjs-spacer "+e.prototype.buildCSSClass.call(this)},n.createEl=function(){return e.prototype.createEl.call(this,"div",{className:this.buildCSSClass()})},t}(De);De.registerComponent("Spacer",lr);var cr=function(t){function e(){return t.apply(this,arguments)||this}Ve(e,t);var n=e.prototype;return n.buildCSSClass=function(){return"vjs-custom-control-spacer "+t.prototype.buildCSSClass.call(this)},n.createEl=function(){var e=t.prototype.createEl.call(this,{className:this.buildCSSClass()});return e.innerHTML=" ",e},e}(lr);De.registerComponent("CustomControlSpacer",cr);var ur=function(e){function t(){return e.apply(this,arguments)||this}return Ve(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-control-bar",dir:"ltr"})},t}(De);ur.prototype.options_={children:["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","liveDisplay","seekToLive","remainingTimeDisplay","customControlSpacer","playbackRateMenuButton","chaptersButton","descriptionsButton","subsCapsButton","audioTrackButton","fullscreenToggle"]},"exitPictureInPicture"in d&&ur.prototype.options_.children.splice(ur.prototype.options_.children.length-1,0,"pictureInPictureToggle"),De.registerComponent("ControlBar",ur);var hr=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,"error",n.open),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-error-display "+i.prototype.buildCSSClass.call(this)},t.content=function(){var e=this.player().error();return e?this.localize(e.message):""},e}(jt);hr.prototype.options_=r({},jt.prototype.options_,{pauseOnOpen:!1,fillAlways:!0,temporary:!1,uncloseable:!0}),De.registerComponent("ErrorDisplay",hr);var dr="vjs-text-track-settings",pr=["#000","Black"],fr=["#00F","Blue"],vr=["#0FF","Cyan"],gr=["#0F0","Green"],yr=["#F0F","Magenta"],mr=["#F00","Red"],_r=["#FFF","White"],br=["#FF0","Yellow"],Tr=["1","Opaque"],kr=["0.5","Semi-Transparent"],Cr=["0","Transparent"],Er={backgroundColor:{selector:".vjs-bg-color > select",id:"captions-background-color-%s",label:"Color",options:[pr,_r,mr,gr,fr,br,yr,vr]},backgroundOpacity:{selector:".vjs-bg-opacity > select",id:"captions-background-opacity-%s",label:"Transparency",options:[Tr,kr,Cr]},color:{selector:".vjs-fg-color > select",id:"captions-foreground-color-%s",label:"Color",options:[_r,pr,mr,gr,fr,br,yr,vr]},edgeStyle:{selector:".vjs-edge-style > select",id:"%s",label:"Text Edge Style",options:[["none","None"],["raised","Raised"],["depressed","Depressed"],["uniform","Uniform"],["dropshadow","Dropshadow"]]},fontFamily:{selector:".vjs-font-family > select",id:"captions-font-family-%s",label:"Font Family",options:[["proportionalSansSerif","Proportional Sans-Serif"],["monospaceSansSerif","Monospace Sans-Serif"],["proportionalSerif","Proportional Serif"],["monospaceSerif","Monospace Serif"],["casual","Casual"],["script","Script"],["small-caps","Small Caps"]]},fontPercent:{selector:".vjs-font-percent > select",id:"captions-font-size-%s",label:"Font Size",options:[["0.50","50%"],["0.75","75%"],["1.00","100%"],["1.25","125%"],["1.50","150%"],["1.75","175%"],["2.00","200%"],["3.00","300%"],["4.00","400%"]],default:2,parser:function(e){return"1.00"===e?null:Number(e)}},textOpacity:{selector:".vjs-text-opacity > select",id:"captions-foreground-opacity-%s",label:"Transparency",options:[Tr,kr]},windowColor:{selector:".vjs-window-color > select",id:"captions-window-color-%s",label:"Color"},windowOpacity:{selector:".vjs-window-opacity > select",id:"captions-window-opacity-%s",label:"Transparency",options:[Cr,kr,Tr]}};function wr(e,t){if(t&&(e=t(e)),e&&"none"!==e)return e}Er.windowColor.options=Er.backgroundColor.options;var Sr=function(i){function e(e,t){var n;return t.temporary=!1,(n=i.call(this,e,t)||this).updateDisplay=ge(Oe(n),n.updateDisplay),n.fill(),n.hasBeenOpened_=n.hasBeenFilled_=!0,n.endDialog=k("p",{className:"vjs-control-text",textContent:n.localize("End of dialog window.")}),n.el().appendChild(n.endDialog),n.setDefaults(),void 0===t.persistTextTrackSettings&&(n.options_.persistTextTrackSettings=n.options_.playerOptions.persistTextTrackSettings),n.on(n.$(".vjs-done-button"),"click",function(){n.saveSettings(),n.close()}),n.on(n.$(".vjs-default-button"),"click",function(){n.setDefaults(),n.updateDisplay()}),o(Er,function(e){n.on(n.$(e.selector),"change",n.updateDisplay)}),n.options_.persistTextTrackSettings&&n.restoreSettings(),n}Ve(e,i);var t=e.prototype;return t.dispose=function(){this.endDialog=null,i.prototype.dispose.call(this)},t.createElSelect_=function(e,t,n){var i=this;void 0===t&&(t=""),void 0===n&&(n="label");var r=Er[e],s=r.id.replace("%s",this.id_),o=[t,s].join(" ").trim();return["<"+n+' id="'+s+'" class="'+("label"===n?"vjs-label":"")+'">',this.localize(r.label),"</"+n+">",'<select aria-labelledby="'+o+'">'].concat(r.options.map(function(e){var t=s+"-"+e[1].replace(/\W+/g,"");return['<option id="'+t+'" value="'+e[0]+'" ','aria-labelledby="'+o+" "+t+'">',i.localize(e[1]),"</option>"].join("")})).concat("</select>").join("")},t.createElFgColor_=function(){var e="captions-text-legend-"+this.id_;return['<fieldset class="vjs-fg-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Text"),"</legend>",this.createElSelect_("color",e),'<span class="vjs-text-opacity vjs-opacity">',this.createElSelect_("textOpacity",e),"</span>","</fieldset>"].join("")},t.createElBgColor_=function(){var e="captions-background-"+this.id_;return['<fieldset class="vjs-bg-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Background"),"</legend>",this.createElSelect_("backgroundColor",e),'<span class="vjs-bg-opacity vjs-opacity">',this.createElSelect_("backgroundOpacity",e),"</span>","</fieldset>"].join("")},t.createElWinColor_=function(){var e="captions-window-"+this.id_;return['<fieldset class="vjs-window-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Window"),"</legend>",this.createElSelect_("windowColor",e),'<span class="vjs-window-opacity vjs-opacity">',this.createElSelect_("windowOpacity",e),"</span>","</fieldset>"].join("")},t.createElColors_=function(){return k("div",{className:"vjs-track-settings-colors",innerHTML:[this.createElFgColor_(),this.createElBgColor_(),this.createElWinColor_()].join("")})},t.createElFont_=function(){return k("div",{className:"vjs-track-settings-font",innerHTML:['<fieldset class="vjs-font-percent vjs-track-setting">',this.createElSelect_("fontPercent","","legend"),"</fieldset>",'<fieldset class="vjs-edge-style vjs-track-setting">',this.createElSelect_("edgeStyle","","legend"),"</fieldset>",'<fieldset class="vjs-font-family vjs-track-setting">',this.createElSelect_("fontFamily","","legend"),"</fieldset>"].join("")})},t.createElControls_=function(){var e=this.localize("restore all settings to the default values");return k("div",{className:"vjs-track-settings-controls",innerHTML:['<button type="button" class="vjs-default-button" title="'+e+'">',this.localize("Reset"),'<span class="vjs-control-text"> '+e+"</span>","</button>",'<button type="button" class="vjs-done-button">'+this.localize("Done")+"</button>"].join("")})},t.content=function(){return[this.createElColors_(),this.createElFont_(),this.createElControls_()]},t.label=function(){return this.localize("Caption Settings Dialog")},t.description=function(){return this.localize("Beginning of dialog window. Escape will cancel and close the window.")},t.buildCSSClass=function(){return i.prototype.buildCSSClass.call(this)+" vjs-text-track-settings"},t.getValues=function(){var r=this;return function(n,i,e){return void 0===e&&(e=0),s(n).reduce(function(e,t){return i(e,n[t],t)},e)}(Er,function(e,t,n){var i=function(e,t){return wr(e.options[e.options.selectedIndex].value,t)}(r.$(t.selector),t.parser);return void 0!==i&&(e[n]=i),e},{})},t.setValues=function(n){var i=this;o(Er,function(e,t){!function(e,t,n){if(t)for(var i=0;i<e.options.length;i++)if(wr(e.options[i].value,n)===t){e.selectedIndex=i;break}}(i.$(e.selector),n[t],e.parser)})},t.setDefaults=function(){var n=this;o(Er,function(e){var t=e.hasOwnProperty("default")?e.default:0;n.$(e.selector).selectedIndex=t})},t.restoreSettings=function(){var e;try{e=JSON.parse(h.localStorage.getItem(dr))}catch(e){f.warn(e)}e&&this.setValues(e)},t.saveSettings=function(){if(this.options_.persistTextTrackSettings){var e=this.getValues();try{Object.keys(e).length?h.localStorage.setItem(dr,JSON.stringify(e)):h.localStorage.removeItem(dr)}catch(e){f.warn(e)}}},t.updateDisplay=function(){var e=this.player_.getChild("textTrackDisplay");e&&e.updateDisplay()},t.conditionalBlur_=function(){this.previouslyActiveEl_=null;var e=this.player_.controlBar,t=e&&e.subsCapsButton,n=e&&e.captionsButton;t?t.focus():n&&n.focus()},e}(jt);De.registerComponent("TextTrackSettings",Sr);var xr=function(s){function e(e,t){var n,i=t.ResizeObserver||h.ResizeObserver;null===t.ResizeObserver&&(i=!1);var r=Ne({createEl:!i,reportTouchActivity:!1},t);return(n=s.call(this,e,r)||this).ResizeObserver=t.ResizeObserver||h.ResizeObserver,n.loadListener_=null,n.resizeObserver_=null,n.debouncedHandler_=function(i,r,s,o){var a;void 0===o&&(o=h);function e(){var e=this,t=arguments,n=function(){n=a=null,s||i.apply(e,t)};!a&&s&&i.apply(e,t),o.clearTimeout(a),a=o.setTimeout(n,r)}return e.cancel=function(){o.clearTimeout(a),a=null},e}(function(){n.resizeHandler()},100,!1,Oe(n)),i?(n.resizeObserver_=new n.ResizeObserver(n.debouncedHandler_),n.resizeObserver_.observe(e.el())):(n.loadListener_=function(){if(n.el_&&n.el_.contentWindow){var e=n.debouncedHandler_,t=n.unloadListener_=function(){de(this,"resize",e),de(this,"unload",t),t=null};he(n.el_.contentWindow,"unload",t),he(n.el_.contentWindow,"resize",e)}},n.one("load",n.loadListener_)),n}Ve(e,s);var t=e.prototype;return t.createEl=function(){return s.prototype.createEl.call(this,"iframe",{className:"vjs-resize-manager",tabIndex:-1},{"aria-hidden":"true"})},t.resizeHandler=function(){this.player_&&this.player_.trigger&&this.player_.trigger("playerresize")},t.dispose=function(){this.debouncedHandler_&&this.debouncedHandler_.cancel(),this.resizeObserver_&&(this.player_.el()&&this.resizeObserver_.unobserve(this.player_.el()),this.resizeObserver_.disconnect()),this.loadListener_&&this.off("load",this.loadListener_),this.el_&&this.el_.contentWindow&&this.unloadListener_&&this.unloadListener_.call(this.el_.contentWindow),this.ResizeObserver=null,this.resizeObserver=null,this.debouncedHandler_=null,this.loadListener_=null,s.prototype.dispose.call(this)},e}(De);De.registerComponent("ResizeManager",xr);var Pr=function(r){function e(e,t){var n,i=Ne({createEl:!1},t);return(n=r.call(this,e,i)||this).reset_(),n.on(n.player_,"durationchange",n.handleDurationchange),et&&"hidden"in d&&"visibilityState"in d&&n.on(d,"visibilitychange",n.handleVisibilityChange),n}Ve(e,r);var t=e.prototype;return t.handleVisibilityChange=function(){this.player_.duration()===1/0&&(d.hidden?this.stopTracking():this.startTracking())},t.isBehind_=function(){if(!this.timeupdateSeen_)return!1;var e=this.liveCurrentTime(),t=this.player_.currentTime(),n=2*this.seekableIncrement_+.07;return e!==1/0&&t<=e-n},t.trackLive_=function(){this.pastSeekEnd_=this.pastSeekEnd_;var e=this.player_.seekable();if(e&&e.length){var t=this.seekableEnd();t!==this.lastSeekEnd_&&(this.lastSeekEnd_&&(this.seekableIncrementList_=this.seekableIncrementList_.slice(-11),this.seekableIncrementList_.push(Math.abs(t-this.lastSeekEnd_)),3<this.seekableIncrementList_.length&&(this.seekableIncrement_=function(e){var t=Math.floor(e.length/2),n=[].concat(e).sort(function(e,t){return e-t});return e.length%2!=0?n[t]:(n[t-1]+n[t])/2}(this.seekableIncrementList_))),this.pastSeekEnd_=0,this.lastSeekEnd_=t,this.trigger("seekableendchange")),this.pastSeekEnd()>1.5*this.seekableIncrement_?this.pastSeekEnd_=0:this.pastSeekEnd_=this.pastSeekEnd()+.03,this.isBehind_()!==this.behindLiveEdge()&&(this.behindLiveEdge_=this.isBehind_(),this.trigger("liveedgechange"))}},t.handleDurationchange=function(){this.player_.duration()===1/0?this.startTracking():this.stopTracking()},t.startTracking=function(){var e=this;this.isTracking()||(this.timeupdateSeen_||(this.timeupdateSeen_=this.player_.hasStarted()),this.trackingInterval_=this.setInterval(this.trackLive_,30),this.trackLive_(),this.on(this.player_,"play",this.trackLive_),this.on(this.player_,"pause",this.trackLive_),this.timeupdateSeen_||(this.one(this.player_,"play",this.handlePlay),this.handleTimeupdate=function(){e.timeupdateSeen_=!0,e.handleTimeupdate=null},this.one(this.player_,"timeupdate",this.handleTimeupdate)))},t.handlePlay=function(){this.one(this.player_,"timeupdate",this.seekToLiveEdge)},t.reset_=function(){this.pastSeekEnd_=0,this.lastSeekEnd_=null,this.behindLiveEdge_=null,this.timeupdateSeen_=!1,this.clearInterval(this.trackingInterval_),this.trackingInterval_=null,this.seekableIncrement_=12,this.seekableIncrementList_=[],this.off(this.player_,"play",this.trackLive_),this.off(this.player_,"pause",this.trackLive_),this.off(this.player_,"play",this.handlePlay),this.off(this.player_,"timeupdate",this.seekToLiveEdge),this.handleTimeupdate&&(this.off(this.player_,"timeupdate",this.handleTimeupdate),this.handleTimeupdate=null)},t.stopTracking=function(){this.isTracking()&&this.reset_()},t.seekableEnd=function(){for(var e=this.player_.seekable(),t=[],n=e?e.length:0;n--;)t.push(e.end(n));return t.length?t.sort()[t.length-1]:1/0},t.seekableStart=function(){for(var e=this.player_.seekable(),t=[],n=e?e.length:0;n--;)t.push(e.start(n));return t.length?t.sort()[0]:0},t.liveWindow=function(){var e=this.liveCurrentTime();return e===1/0?1/0:e-this.seekableStart()},t.isLive=function(){return this.isTracking()},t.atLiveEdge=function(){return!this.behindLiveEdge()},t.liveCurrentTime=function(){return this.pastSeekEnd()+this.seekableEnd()},t.pastSeekEnd=function(){return this.pastSeekEnd_},t.behindLiveEdge=function(){return this.behindLiveEdge_},t.isTracking=function(){return"number"==typeof this.trackingInterval_},t.seekToLiveEdge=function(){this.atLiveEdge()||(this.player_.currentTime(this.liveCurrentTime()),this.player_.paused()&&this.player_.play())},t.dispose=function(){this.stopTracking(),r.prototype.dispose.call(this)},e}(De);De.registerComponent("LiveTracker",Pr);function jr(e){var t=e.el();if(t.hasAttribute("src"))return e.triggerSourceset(t.src),!0;var n=e.$$("source"),i=[],r="";if(!n.length)return!1;for(var s=0;s<n.length;s++){var o=n[s].src;o&&-1===i.indexOf(o)&&i.push(o)}return!!i.length&&(1===i.length&&(r=i[0]),e.triggerSourceset(r),!0)}function Ar(e,t){for(var n={},i=0;i<e.length&&!((n=Object.getOwnPropertyDescriptor(e[i],t))&&n.set&&n.get);i++);return n.enumerable=!0,n.configurable=!0,n}function Ir(s){var o=s.el();if(!o.resetSourceWatch_){var t={},e=function(e){return Ar([e.el(),h.HTMLMediaElement.prototype,h.Element.prototype,Dr],"innerHTML")}(s),n=function(r){return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=r.apply(o,t);return jr(s),i}};["append","appendChild","insertAdjacentHTML"].forEach(function(e){o[e]&&(t[e]=o[e],o[e]=n(t[e]))}),Object.defineProperty(o,"innerHTML",Ne(e,{set:n(e.set)})),o.resetSourceWatch_=function(){o.resetSourceWatch_=null,Object.keys(t).forEach(function(e){o[e]=t[e]}),Object.defineProperty(o,"innerHTML",e)},s.one("sourceset",o.resetSourceWatch_)}}function Mr(i){if(i.featuresSourceset){var r=i.el();if(!r.resetSourceset_){var n=function(e){return Ar([e.el(),h.HTMLMediaElement.prototype,Or],"src")}(i),s=r.setAttribute,t=r.load;Object.defineProperty(r,"src",Ne(n,{set:function(e){var t=n.set.call(r,e);return i.triggerSourceset(r.src),t}})),r.setAttribute=function(e,t){var n=s.call(r,e,t);return/src/i.test(e)&&i.triggerSourceset(r.src),n},r.load=function(){var e=t.call(r);return jr(i)||(i.triggerSourceset(""),Ir(i)),e},r.currentSrc?i.triggerSourceset(r.currentSrc):jr(i)||Ir(i),r.resetSourceset_=function(){r.resetSourceset_=null,r.load=t,r.setAttribute=s,Object.defineProperty(r,"src",n),r.resetSourceWatch_&&r.resetSourceWatch_()}}}}function Lr(t,n,i,e){function r(e){return Object.defineProperty(t,n,{value:e,enumerable:!0,writable:!0})}void 0===e&&(e=!0);var s={configurable:!0,enumerable:!0,get:function(){var e=i();return r(e),e}};return e&&(s.set=r),Object.defineProperty(t,n,s)}var Nr,Dr=Object.defineProperty({},"innerHTML",{get:function(){return this.cloneNode(!0).innerHTML},set:function(e){var t=d.createElement(this.nodeName.toLowerCase());t.innerHTML=e;for(var n=d.createDocumentFragment();t.childNodes.length;)n.appendChild(t.childNodes[0]);return this.innerText="",h.Element.prototype.appendChild.call(this,n),this.innerHTML}}),Or=Object.defineProperty({},"src",{get:function(){return this.hasAttribute("src")?Dt(h.Element.prototype.getAttribute.call(this,"src")):""},set:function(e){return h.Element.prototype.setAttribute.call(this,"src",e),e}}),Rr=function(u){function a(e,t){var n;n=u.call(this,e,t)||this;var i=e.source,r=!1;if(i&&(n.el_.currentSrc!==i.src||e.tag&&3===e.tag.initNetworkState_)?n.setSource(i):n.handleLateInit_(n.el_),e.enableSourceset&&n.setupSourcesetHandling_(),n.el_.hasChildNodes()){for(var s=n.el_.childNodes,o=s.length,a=[];o--;){var l=s[o];"track"===l.nodeName.toLowerCase()&&(n.featuresNativeTextTracks?(n.remoteTextTrackEls().addTrackElement_(l),n.remoteTextTracks().addTrack(l.track),n.textTracks().addTrack(l.track),r||n.el_.hasAttribute("crossorigin")||!Rt(l.src)||(r=!0)):a.push(l))}for(var c=0;c<a.length;c++)n.el_.removeChild(a[c])}return n.proxyNativeTracks_(),n.featuresNativeTextTracks&&r&&f.warn("Text Tracks are being loaded from another origin but the crossorigin attribute isn't used.\nThis may prevent text tracks from loading."),n.restoreMetadataTracksInIOSNativePlayer_(),(it||st||Ye)&&!0===e.nativeControlsForTouch&&n.setControls(!0),n.proxyWebkitFullscreen_(),n.triggerReady(),n}Ve(a,u);var e=a.prototype;return e.dispose=function(){this.el_&&this.el_.resetSourceset_&&this.el_.resetSourceset_(),a.disposeMediaElement(this.el_),this.options_=null,u.prototype.dispose.call(this)},e.setupSourcesetHandling_=function(){Mr(this)},e.restoreMetadataTracksInIOSNativePlayer_=function(){function e(){n=[];for(var e=0;e<i.length;e++){var t=i[e];"metadata"===t.kind&&n.push({track:t,storedMode:t.mode})}}var n,i=this.textTracks();e(),i.addEventListener("change",e),this.on("dispose",function(){return i.removeEventListener("change",e)});function r(){for(var e=0;e<n.length;e++){var t=n[e];"disabled"===t.track.mode&&t.track.mode!==t.storedMode&&(t.track.mode=t.storedMode)}i.removeEventListener("change",r)}this.on("webkitbeginfullscreen",function(){i.removeEventListener("change",e),i.removeEventListener("change",r),i.addEventListener("change",r)}),this.on("webkitendfullscreen",function(){i.removeEventListener("change",e),i.addEventListener("change",e),i.removeEventListener("change",r)})},e.overrideNative_=function(e,t){var n=this;if(t===this["featuresNative"+e+"Tracks"]){var i=e.toLowerCase();this[i+"TracksListeners_"]&&Object.keys(this[i+"TracksListeners_"]).forEach(function(e){n.el()[i+"Tracks"].removeEventListener(e,n[i+"TracksListeners_"][e])}),this["featuresNative"+e+"Tracks"]=!t,this[i+"TracksListeners_"]=null,this.proxyNativeTracksForType_(i)}},e.overrideNativeAudioTracks=function(e){this.overrideNative_("Audio",e)},e.overrideNativeVideoTracks=function(e){this.overrideNative_("Video",e)},e.proxyNativeTracksForType_=function(e){var i=this,t=un[e],r=this.el()[t.getterName],s=this[t.getterName]();if(this["featuresNative"+t.capitalName+"Tracks"]&&r&&r.addEventListener){var o={change:function(e){s.trigger({type:"change",target:s,currentTarget:s,srcElement:s})},addtrack:function(e){s.addTrack(e.track)},removetrack:function(e){s.removeTrack(e.track)}},n=function(){for(var e=[],t=0;t<s.length;t++){for(var n=!1,i=0;i<r.length;i++)if(r[i]===s[t]){n=!0;break}n||e.push(s[t])}for(;e.length;)s.removeTrack(e.shift())};this[t.getterName+"Listeners_"]=o,Object.keys(o).forEach(function(t){var n=o[t];r.addEventListener(t,n),i.on("dispose",function(e){return r.removeEventListener(t,n)})}),this.on("loadstart",n),this.on("dispose",function(e){return i.off("loadstart",n)})}},e.proxyNativeTracks_=function(){var t=this;un.names.forEach(function(e){t.proxyNativeTracksForType_(e)})},e.createEl=function(){var e=this.options_.tag;if(!e||!this.options_.playerElIngest&&!this.movingMediaElementInDOM){if(e){var t=e.cloneNode(!0);e.parentNode&&e.parentNode.insertBefore(t,e),a.disposeMediaElement(e),e=t}else{e=d.createElement("video");var n=Ne({},this.options_.tag&&A(this.options_.tag));it&&!0===this.options_.nativeControlsForTouch||delete n.controls,j(e,g(n,{id:this.options_.techId,class:"vjs-tech"}))}e.playerId=this.options_.playerId}"undefined"!=typeof this.options_.preload&&M(e,"preload",this.options_.preload);for(var i=["loop","muted","playsinline","autoplay"],r=0;r<i.length;r++){var s=i[r],o=this.options_[s];"undefined"!=typeof o&&(o?M(e,s,s):L(e,s),e[s]=o)}return e},e.handleLateInit_=function(e){if(0!==e.networkState&&3!==e.networkState){if(0===e.readyState){var t=!1,n=function(){t=!0};this.on("loadstart",n);var i=function(){t||this.trigger("loadstart")};return this.on("loadedmetadata",i),void this.ready(function(){this.off("loadstart",n),this.off("loadedmetadata",i),t||this.trigger("loadstart")})}var r=["loadstart"];r.push("loadedmetadata"),2<=e.readyState&&r.push("loadeddata"),3<=e.readyState&&r.push("canplay"),4<=e.readyState&&r.push("canplaythrough"),this.ready(function(){r.forEach(function(e){this.trigger(e)},this)})}},e.setCurrentTime=function(e){try{this.el_.currentTime=e}catch(e){f(e,"Video is not ready. (Video.js)")}},e.duration=function(){var t=this;if(this.el_.duration===1/0&&Xe&&Je&&0===this.el_.currentTime){return this.on("timeupdate",function e(){0<t.el_.currentTime&&(t.el_.duration===1/0&&t.trigger("durationchange"),t.off("timeupdate",e))}),NaN}return this.el_.duration||NaN},e.width=function(){return this.el_.offsetWidth},e.height=function(){return this.el_.offsetHeight},e.proxyWebkitFullscreen_=function(){var e=this;if("webkitDisplayingFullscreen"in this.el_){var t=function(){this.trigger("fullscreenchange",{isFullscreen:!1})},n=function(){"webkitPresentationMode"in this.el_&&"picture-in-picture"!==this.el_.webkitPresentationMode&&(this.one("webkitendfullscreen",t),this.trigger("fullscreenchange",{isFullscreen:!0}))};this.on("webkitbeginfullscreen",n),this.on("dispose",function(){e.off("webkitbeginfullscreen",n),e.off("webkitendfullscreen",t)})}},e.supportsFullScreen=function(){if("function"==typeof this.el_.webkitEnterFullScreen){var e=h.navigator&&h.navigator.userAgent||"";if(/Android/.test(e)||!/Chrome|Mac OS X 10.5/.test(e))return!0}return!1},e.enterFullScreen=function(){var e=this.el_;e.paused&&e.networkState<=e.HAVE_METADATA?(this.el_.play(),this.setTimeout(function(){e.pause(),e.webkitEnterFullScreen()},0)):e.webkitEnterFullScreen()},e.exitFullScreen=function(){this.el_.webkitExitFullScreen()},e.requestPictureInPicture=function(){return this.el_.requestPictureInPicture()},e.src=function(e){if(void 0===e)return this.el_.src;this.setSrc(e)},e.reset=function(){a.resetMediaElement(this.el_)},e.currentSrc=function(){return this.currentSource_?this.currentSource_.src:this.el_.currentSrc},e.setControls=function(e){this.el_.controls=!!e},e.addTextTrack=function(e,t,n){return this.featuresNativeTextTracks?this.el_.addTextTrack(e,t,n):u.prototype.addTextTrack.call(this,e,t,n)},e.createRemoteTextTrack=function(e){if(!this.featuresNativeTextTracks)return u.prototype.createRemoteTextTrack.call(this,e);var t=d.createElement("track");return e.kind&&(t.kind=e.kind),e.label&&(t.label=e.label),(e.language||e.srclang)&&(t.srclang=e.language||e.srclang),e.default&&(t.default=e.default),e.id&&(t.id=e.id),e.src&&(t.src=e.src),t},e.addRemoteTextTrack=function(e,t){var n=u.prototype.addRemoteTextTrack.call(this,e,t);return this.featuresNativeTextTracks&&this.el().appendChild(n),n},e.removeRemoteTextTrack=function(e){if(u.prototype.removeRemoteTextTrack.call(this,e),this.featuresNativeTextTracks)for(var t=this.$$("track"),n=t.length;n--;)e!==t[n]&&e!==t[n].track||this.el().removeChild(t[n])},e.getVideoPlaybackQuality=function(){if("function"==typeof this.el().getVideoPlaybackQuality)return this.el().getVideoPlaybackQuality();var e={};return"undefined"!=typeof this.el().webkitDroppedFrameCount&&"undefined"!=typeof this.el().webkitDecodedFrameCount&&(e.droppedVideoFrames=this.el().webkitDroppedFrameCount,e.totalVideoFrames=this.el().webkitDecodedFrameCount),h.performance&&"function"==typeof h.performance.now?e.creationTime=h.performance.now():h.performance&&h.performance.timing&&"number"==typeof h.performance.timing.navigationStart&&(e.creationTime=h.Date.now()-h.performance.timing.navigationStart),e},a}(zn);Lr(Rr,"TEST_VID",function(){if(m()){var e=d.createElement("video"),t=d.createElement("track");return t.kind="captions",t.srclang="en",t.label="English",e.appendChild(t),e}}),Rr.isSupported=function(){try{Rr.TEST_VID.volume=.5}catch(e){return!1}return!(!Rr.TEST_VID||!Rr.TEST_VID.canPlayType)},Rr.canPlayType=function(e){return Rr.TEST_VID.canPlayType(e)},Rr.canPlaySource=function(e,t){return Rr.canPlayType(e.type)},Rr.canControlVolume=function(){try{var e=Rr.TEST_VID.volume;return Rr.TEST_VID.volume=e/2+.1,e!==Rr.TEST_VID.volume}catch(e){return!1}},Rr.canMuteVolume=function(){try{var e=Rr.TEST_VID.muted;return Rr.TEST_VID.muted=!e,Rr.TEST_VID.muted?M(Rr.TEST_VID,"muted","muted"):L(Rr.TEST_VID,"muted"),e!==Rr.TEST_VID.muted}catch(e){return!1}},Rr.canControlPlaybackRate=function(){if(Xe&&Je&&Ze<58)return!1;try{var e=Rr.TEST_VID.playbackRate;return Rr.TEST_VID.playbackRate=e/2+.1,e!==Rr.TEST_VID.playbackRate}catch(e){return!1}},Rr.canOverrideAttributes=function(){try{var e=function(){};Object.defineProperty(d.createElement("video"),"src",{get:e,set:e}),Object.defineProperty(d.createElement("audio"),"src",{get:e,set:e}),Object.defineProperty(d.createElement("video"),"innerHTML",{get:e,set:e}),Object.defineProperty(d.createElement("audio"),"innerHTML",{get:e,set:e})}catch(e){return!1}return!0},Rr.supportsNativeTextTracks=function(){return at||ot&&Je},Rr.supportsNativeVideoTracks=function(){return!(!Rr.TEST_VID||!Rr.TEST_VID.videoTracks)},Rr.supportsNativeAudioTracks=function(){return!(!Rr.TEST_VID||!Rr.TEST_VID.audioTracks)},Rr.Events=["loadstart","suspend","abort","error","emptied","stalled","loadedmetadata","loadeddata","canplay","canplaythrough","playing","waiting","seeking","seeked","ended","durationchange","timeupdate","progress","play","pause","ratechange","resize","volumechange"],[["featuresVolumeControl","canControlVolume"],["featuresMuteControl","canMuteVolume"],["featuresPlaybackRate","canControlPlaybackRate"],["featuresSourceset","canOverrideAttributes"],["featuresNativeTextTracks","supportsNativeTextTracks"],["featuresNativeVideoTracks","supportsNativeVideoTracks"],["featuresNativeAudioTracks","supportsNativeAudioTracks"]].forEach(function(e){var t=e[0],n=e[1];Lr(Rr.prototype,t,function(){return Rr[n]()},!0)}),Rr.prototype.movingMediaElementInDOM=!ot,Rr.prototype.featuresFullscreenResize=!0,Rr.prototype.featuresProgressEvents=!0,Rr.prototype.featuresTimeupdateEvents=!0,Rr.patchCanPlayType=function(){4<=$e&&!Ge&&!Je&&(Nr=Rr.TEST_VID&&Rr.TEST_VID.constructor.prototype.canPlayType,Rr.TEST_VID.constructor.prototype.canPlayType=function(e){return e&&/^application\/(?:x-|vnd\.apple\.)mpegurl/i.test(e)?"maybe":Nr.call(this,e)})},Rr.unpatchCanPlayType=function(){var e=Rr.TEST_VID.constructor.prototype.canPlayType;return Nr&&(Rr.TEST_VID.constructor.prototype.canPlayType=Nr),e},Rr.patchCanPlayType(),Rr.disposeMediaElement=function(e){if(e){for(e.parentNode&&e.parentNode.removeChild(e);e.hasChildNodes();)e.removeChild(e.firstChild);e.removeAttribute("src"),"function"==typeof e.load&&function(){try{e.load()}catch(e){}}()}},Rr.resetMediaElement=function(e){if(e){for(var t=e.querySelectorAll("source"),n=t.length;n--;)e.removeChild(t[n]);e.removeAttribute("src"),"function"==typeof e.load&&function(){try{e.load()}catch(e){}}()}},["muted","defaultMuted","autoplay","controls","loop","playsinline"].forEach(function(e){Rr.prototype[e]=function(){return this.el_[e]||this.el_.hasAttribute(e)}}),["muted","defaultMuted","autoplay","loop","playsinline"].forEach(function(t){Rr.prototype["set"+Le(t)]=function(e){(this.el_[t]=e)?this.el_.setAttribute(t,t):this.el_.removeAttribute(t)}}),["paused","currentTime","buffered","volume","poster","preload","error","seeking","seekable","ended","playbackRate","defaultPlaybackRate","played","networkState","readyState","videoWidth","videoHeight"].forEach(function(e){Rr.prototype[e]=function(){return this.el_[e]}}),["volume","src","poster","preload","playbackRate","defaultPlaybackRate"].forEach(function(t){Rr.prototype["set"+Le(t)]=function(e){this.el_[t]=e}}),["pause","load","play"].forEach(function(e){Rr.prototype[e]=function(){return this.el_[e]()}}),zn.withSourceHandlers(Rr),Rr.nativeSourceHandler={},Rr.nativeSourceHandler.canPlayType=function(e){try{return Rr.TEST_VID.canPlayType(e)}catch(e){return""}},Rr.nativeSourceHandler.canHandleSource=function(e,t){if(e.type)return Rr.nativeSourceHandler.canPlayType(e.type);if(e.src){var n=Ot(e.src);return Rr.nativeSourceHandler.canPlayType("video/"+n)}return""},Rr.nativeSourceHandler.handleSource=function(e,t,n){t.setSrc(e.src)},Rr.nativeSourceHandler.dispose=function(){},Rr.registerSourceHandler(Rr.nativeSourceHandler),zn.registerTech("Html5",Rr);var Br=["progress","abort","suspend","emptied","stalled","loadedmetadata","loadeddata","timeupdate","resize","volumechange","texttrackchange"],Fr={canplay:"CanPlay",canplaythrough:"CanPlayThrough",playing:"Playing",seeked:"Seeked"},Hr=["tiny","xsmall","small","medium","large","xlarge","huge"],Vr={};Hr.forEach(function(e){var t="x"===e.charAt(0)?"x-"+e.substring(1):e;Vr[e]="vjs-layout-"+t});var Wr={tiny:210,xsmall:320,small:425,medium:768,large:1440,xlarge:2560,huge:1/0},zr=function(u){function c(e,t,n){var i;if(e.id=e.id||t.id||"vjs_video_"+ie(),(t=g(c.getTagSettings(e),t)).initChildren=!1,t.createEl=!1,t.evented=!1,t.reportTouchActivity=!1,!t.language)if("function"==typeof e.closest){var r=e.closest("[lang]");r&&r.getAttribute&&(t.language=r.getAttribute("lang"))}else for(var s=e;s&&1===s.nodeType;){if(A(s).hasOwnProperty("lang")){t.language=s.getAttribute("lang");break}s=s.parentNode}if((i=u.call(this,null,t,n)||this).boundDocumentFullscreenChange_=ge(Oe(i),i.documentFullscreenChange_),i.boundFullWindowOnEscKey_=ge(Oe(i),i.fullWindowOnEscKey),i.log=v(i.id_),i.fsApi_=ft,i.isPosterFromTech_=!1,i.queuedCallbacks_=[],i.isReady_=!1,i.hasStarted_=!1,i.userActive_=!1,!i.options_||!i.options_.techOrder||!i.options_.techOrder.length)throw new Error("No techOrder specified. Did you overwrite videojs.options instead of just changing the properties you want to override?");if(i.tag=e,i.tagAttributes=e&&A(e),i.language(i.options_.language),t.languages){var o={};Object.getOwnPropertyNames(t.languages).forEach(function(e){o[e.toLowerCase()]=t.languages[e]}),i.languages_=o}else i.languages_=c.prototype.options_.languages;i.resetCache_(),i.poster_=t.poster||"",i.controls_=!!t.controls,e.controls=!1,e.removeAttribute("controls"),i.changingSrc_=!1,i.playCallbacks_=[],i.playTerminatedQueue_=[],e.hasAttribute("autoplay")?i.autoplay(!0):i.autoplay(i.options_.autoplay),t.plugins&&Object.keys(t.plugins).forEach(function(e){if("function"!=typeof i[e])throw new Error('plugin "'+e+'" does not exist')}),i.scrubbing_=!1,i.el_=i.createEl(),je(Oe(i),{eventBusKey:"el_"}),i.fluid_&&i.on("playerreset",i.updateStyleEl_);var a=Ne(i.options_);t.plugins&&Object.keys(t.plugins).forEach(function(e){i[e](t.plugins[e])}),i.options_.playerOptions=a,i.middleware_=[],i.initChildren(),i.isAudio("audio"===e.nodeName.toLowerCase()),i.controls()?i.addClass("vjs-controls-enabled"):i.addClass("vjs-controls-disabled"),i.el_.setAttribute("role","region"),i.isAudio()?i.el_.setAttribute("aria-label",i.localize("Audio Player")):i.el_.setAttribute("aria-label",i.localize("Video Player")),i.isAudio()&&i.addClass("vjs-audio"),i.flexNotSupported_()&&i.addClass("vjs-no-flex"),it&&i.addClass("vjs-touch-enabled"),ot||i.addClass("vjs-workinghover"),c.players[i.id_]=Oe(i);var l=p.split(".")[0];return i.addClass("vjs-v"+l),i.userActive(!0),i.reportUserActivity(),i.one("play",i.listenForUserActivity_),i.on("stageclick",i.handleStageClick_),i.on("keydown",i.handleKeyDown),i.breakpoints(i.options_.breakpoints),i.responsive(i.options_.responsive),i}Ve(c,u);var e=c.prototype;return e.dispose=function(){var i=this;this.trigger("dispose"),this.off("dispose"),de(d,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),de(d,"keydown",this.boundFullWindowOnEscKey_),this.styleEl_&&this.styleEl_.parentNode&&(this.styleEl_.parentNode.removeChild(this.styleEl_),this.styleEl_=null),c.players[this.id_]=null,this.tag&&this.tag.player&&(this.tag.player=null),this.el_&&this.el_.player&&(this.el_.player=null),this.tech_&&(this.tech_.dispose(),this.isPosterFromTech_=!1,this.poster_=""),this.playerElIngest_&&(this.playerElIngest_=null),this.tag&&(this.tag=null),function(e){Un[e.id()]=null}(this),dn.names.forEach(function(e){var t=dn[e],n=i[t.getterName]();n&&n.off&&n.off()}),u.prototype.dispose.call(this)},e.createEl=function(){var t,n=this.tag,e=this.playerElIngest_=n.parentNode&&n.parentNode.hasAttribute&&n.parentNode.hasAttribute("data-vjs-player"),i="video-js"===this.tag.tagName.toLowerCase();e?t=this.el_=n.parentNode:i||(t=this.el_=u.prototype.createEl.call(this,"div"));var r=A(n);if(i){for(t=this.el_=n,n=this.tag=d.createElement("video");t.children.length;)n.appendChild(t.firstChild);w(t,"video-js")||S(t,"video-js"),t.appendChild(n),e=this.playerElIngest_=t,Object.keys(t).forEach(function(e){try{n[e]=t[e]}catch(e){}})}if(n.setAttribute("tabindex","-1"),r.tabindex="-1",(et||Je&&nt)&&(n.setAttribute("role","application"),r.role="application"),n.removeAttribute("width"),n.removeAttribute("height"),"width"in r&&delete r.width,"height"in r&&delete r.height,Object.getOwnPropertyNames(r).forEach(function(e){i&&"class"===e||t.setAttribute(e,r[e]),i&&n.setAttribute(e,r[e])}),n.playerId=n.id,n.id+="_html5_api",n.className="vjs-tech",n.player=t.player=this,this.addClass("vjs-paused"),!0!==h.VIDEOJS_NO_DYNAMIC_STYLE){this.styleEl_=Z("vjs-styles-dimensions");var s=q(".vjs-styles-defaults"),o=q("head");o.insertBefore(this.styleEl_,s?s.nextSibling:o.firstChild)}this.fill_=!1,this.fluid_=!1,this.width(this.options_.width),this.height(this.options_.height),this.fill(this.options_.fill),this.fluid(this.options_.fluid),this.aspectRatio(this.options_.aspectRatio);for(var a=n.getElementsByTagName("a"),l=0;l<a.length;l++){var c=a.item(l);S(c,"vjs-hidden"),c.setAttribute("hidden","hidden")}return n.initNetworkState_=n.networkState,n.parentNode&&!e&&n.parentNode.insertBefore(t,n),E(n,t),this.children_.unshift(n),this.el_.setAttribute("lang",this.language_),this.el_=t},e.width=function(e){return this.dimension("width",e)},e.height=function(e){return this.dimension("height",e)},e.dimension=function(e,t){var n=e+"_";if(void 0===t)return this[n]||0;if(""===t||"auto"===t)return this[n]=void 0,void this.updateStyleEl_();var i=parseFloat(t);isNaN(i)?f.error('Improper value "'+t+'" supplied for for '+e):(this[n]=i,this.updateStyleEl_())},e.fluid=function(e){if(void 0===e)return!!this.fluid_;this.fluid_=!!e,xe(this)&&this.off("playerreset",this.updateStyleEl_),e?(this.addClass("vjs-fluid"),this.fill(!1),function(e,t){xe(e)?t():(e.eventedCallbacks||(e.eventedCallbacks=[]),e.eventedCallbacks.push(t))}(function(){this.on("playerreset",this.updateStyleEl_)})):this.removeClass("vjs-fluid"),this.updateStyleEl_()},e.fill=function(e){if(void 0===e)return!!this.fill_;this.fill_=!!e,e?(this.addClass("vjs-fill"),this.fluid(!1)):this.removeClass("vjs-fill")},e.aspectRatio=function(e){if(void 0===e)return this.aspectRatio_;if(!/^\d+\:\d+$/.test(e))throw new Error("Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.");this.aspectRatio_=e,this.fluid(!0),this.updateStyleEl_()},e.updateStyleEl_=function(){if(!0!==h.VIDEOJS_NO_DYNAMIC_STYLE){var e,t,n,i=(void 0!==this.aspectRatio_&&"auto"!==this.aspectRatio_?this.aspectRatio_:0<this.videoWidth()?this.videoWidth()+":"+this.videoHeight():"16:9").split(":"),r=i[1]/i[0];e=void 0!==this.width_?this.width_:void 0!==this.height_?this.height_/r:this.videoWidth()||300,t=void 0!==this.height_?this.height_:e*r,n=/^[^a-zA-Z]/.test(this.id())?"dimensions-"+this.id():this.id()+"-dimensions",this.addClass(n),ee(this.styleEl_,"\n      ."+n+" {\n        width: "+e+"px;\n        height: "+t+"px;\n      }\n\n      ."+n+".vjs-fluid {\n        padding-top: "+100*r+"%;\n      }\n    ")}else{var s="number"==typeof this.width_?this.width_:this.options_.width,o="number"==typeof this.height_?this.height_:this.options_.height,a=this.tech_&&this.tech_.el();a&&(0<=s&&(a.width=s),0<=o&&(a.height=o))}},e.loadTech_=function(e,t){var n=this;this.tech_&&this.unloadTech_();var i=Le(e),r=e.charAt(0).toLowerCase()+e.slice(1);"Html5"!==i&&this.tag&&(zn.getTech("Html5").disposeMediaElement(this.tag),this.tag.player=null,this.tag=null),this.techName_=i,this.isReady_=!1;var s={source:t,autoplay:"string"!=typeof this.autoplay()&&this.autoplay(),nativeControlsForTouch:this.options_.nativeControlsForTouch,playerId:this.id(),techId:this.id()+"_"+r+"_api",playsinline:this.options_.playsinline,preload:this.options_.preload,loop:this.options_.loop,muted:this.options_.muted,poster:this.poster(),language:this.language(),playerElIngest:this.playerElIngest_||!1,"vtt.js":this.options_["vtt.js"],canOverridePoster:!!this.options_.techCanOverridePoster,enableSourceset:this.options_.enableSourceset,Promise:this.options_.Promise};dn.names.forEach(function(e){var t=dn[e];s[t.getterName]=n[t.privateName]}),g(s,this.options_[i]),g(s,this.options_[r]),g(s,this.options_[e.toLowerCase()]),this.tag&&(s.tag=this.tag),t&&t.src===this.cache_.src&&0<this.cache_.currentTime&&(s.startTime=this.cache_.currentTime);var o=zn.getTech(e);if(!o)throw new Error("No Tech named '"+i+"' exists! '"+i+"' should be registered using videojs.registerTech()'");this.tech_=new o(s),this.tech_.ready(ge(this,this.handleTechReady_),!0),St(this.textTracksJson_||[],this.tech_),Br.forEach(function(e){n.on(n.tech_,e,n["handleTech"+Le(e)+"_"])}),Object.keys(Fr).forEach(function(t){n.on(n.tech_,t,function(e){0===n.tech_.playbackRate()&&n.tech_.seeking()?n.queuedCallbacks_.push({callback:n["handleTech"+Fr[t]+"_"].bind(n),event:e}):n["handleTech"+Fr[t]+"_"](e)})}),this.on(this.tech_,"loadstart",this.handleTechLoadStart_),this.on(this.tech_,"sourceset",this.handleTechSourceset_),this.on(this.tech_,"waiting",this.handleTechWaiting_),this.on(this.tech_,"ended",this.handleTechEnded_),this.on(this.tech_,"seeking",this.handleTechSeeking_),this.on(this.tech_,"play",this.handleTechPlay_),this.on(this.tech_,"firstplay",this.handleTechFirstPlay_),this.on(this.tech_,"pause",this.handleTechPause_),this.on(this.tech_,"durationchange",this.handleTechDurationChange_),this.on(this.tech_,"fullscreenchange",this.handleTechFullscreenChange_),this.on(this.tech_,"enterpictureinpicture",this.handleTechEnterPictureInPicture_),this.on(this.tech_,"leavepictureinpicture",this.handleTechLeavePictureInPicture_),this.on(this.tech_,"error",this.handleTechError_),this.on(this.tech_,"loadedmetadata",this.updateStyleEl_),this.on(this.tech_,"posterchange",this.handleTechPosterChange_),this.on(this.tech_,"textdata",this.handleTechTextData_),this.on(this.tech_,"ratechange",this.handleTechRateChange_),this.usingNativeControls(this.techGet_("controls")),this.controls()&&!this.usingNativeControls()&&this.addTechControlsListeners_(),this.tech_.el().parentNode===this.el()||"Html5"===i&&this.tag||E(this.tech_.el(),this.el()),this.tag&&(this.tag.player=null,this.tag=null)},e.unloadTech_=function(){var n=this;dn.names.forEach(function(e){var t=dn[e];n[t.privateName]=n[t.getterName]()}),this.textTracksJson_=wt(this.tech_),this.isReady_=!1,this.tech_.dispose(),this.tech_=!1,this.isPosterFromTech_&&(this.poster_="",this.trigger("posterchange")),this.isPosterFromTech_=!1},e.tech=function(e){return void 0===e&&f.warn("Using the tech directly can be dangerous. I hope you know what you're doing.\nSee https://github.com/videojs/video.js/issues/2617 for more info.\n"),this.tech_},e.addTechControlsListeners_=function(){this.removeTechControlsListeners_(),this.on(this.tech_,"mouseup",this.handleTechClick_),this.on(this.tech_,"dblclick",this.handleTechDoubleClick_),this.on(this.tech_,"touchstart",this.handleTechTouchStart_),this.on(this.tech_,"touchmove",this.handleTechTouchMove_),this.on(this.tech_,"touchend",this.handleTechTouchEnd_),this.on(this.tech_,"tap",this.handleTechTap_)},e.removeTechControlsListeners_=function(){this.off(this.tech_,"tap",this.handleTechTap_),this.off(this.tech_,"touchstart",this.handleTechTouchStart_),this.off(this.tech_,"touchmove",this.handleTechTouchMove_),this.off(this.tech_,"touchend",this.handleTechTouchEnd_),this.off(this.tech_,"mouseup",this.handleTechClick_),this.off(this.tech_,"dblclick",this.handleTechDoubleClick_)},e.handleTechReady_=function(){this.triggerReady(),this.cache_.volume&&this.techCall_("setVolume",this.cache_.volume),this.handleTechPosterChange_(),this.handleTechDurationChange_()},e.handleTechLoadStart_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-seeking"),this.error(null),this.handleTechDurationChange_(),this.paused()?(this.hasStarted(!1),this.trigger("loadstart")):(this.trigger("loadstart"),this.trigger("firstplay")),this.manualAutoplay_(this.autoplay())},e.manualAutoplay_=function(t){var i=this;if(this.tech_&&"string"==typeof t){var e,n=function(){var e=i.muted();i.muted(!0);function t(){i.muted(e)}i.playTerminatedQueue_.push(t);var n=i.play();if(kt(n))return n.catch(t)};if("any"===t&&!0!==this.muted()?kt(e=this.play())&&(e=e.catch(n)):e="muted"===t&&!0!==this.muted()?n():this.play(),kt(e))return e.then(function(){i.trigger({type:"autoplay-success",autoplay:t})}).catch(function(e){i.trigger({type:"autoplay-failure",autoplay:t})})}},e.updateSourceCaches_=function(e){void 0===e&&(e="");var t=e,n="";"string"!=typeof t&&(t=e.src,n=e.type),this.cache_.source=this.cache_.source||{},this.cache_.sources=this.cache_.sources||[],t&&!n&&(n=function(e,t){if(!t)return"";if(e.cache_.source.src===t&&e.cache_.source.type)return e.cache_.source.type;var n=e.cache_.sources.filter(function(e){return e.src===t});if(n.length)return n[0].type;for(var i=e.$$("source"),r=0;r<i.length;r++){var s=i[r];if(s.type&&s.src&&s.src===t)return s.type}return ei(t)}(this,t)),this.cache_.source=Ne({},e,{src:t,type:n});for(var i=this.cache_.sources.filter(function(e){return e.src&&e.src===t}),r=[],s=this.$$("source"),o=[],a=0;a<s.length;a++){var l=A(s[a]);r.push(l),l.src&&l.src===t&&o.push(l.src)}o.length&&!i.length?this.cache_.sources=r:i.length||(this.cache_.sources=[this.cache_.source]),this.cache_.src=t},e.handleTechSourceset_=function(e){var n=this;if(!this.changingSrc_){var t=function(e){return n.updateSourceCaches_(e)},i=this.currentSource().src,r=e.src;i&&!/^blob:/.test(i)&&/^blob:/.test(r)&&(this.lastSource_&&(this.lastSource_.tech===r||this.lastSource_.player===i)||(t=function(){})),t(r),e.src||this.tech_.any(["sourceset","loadstart"],function(e){if("sourceset"!==e.type){var t=n.techGet("currentSrc");n.lastSource_.tech=t,n.updateSourceCaches_(t)}})}this.lastSource_={player:this.currentSource().src,tech:e.src},this.trigger({src:e.src,type:"sourceset"})},e.hasStarted=function(e){if(void 0===e)return this.hasStarted_;e!==this.hasStarted_&&(this.hasStarted_=e,this.hasStarted_?(this.addClass("vjs-has-started"),this.trigger("firstplay")):this.removeClass("vjs-has-started"))},e.handleTechPlay_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.hasStarted(!0),this.trigger("play")},e.handleTechRateChange_=function(){0<this.tech_.playbackRate()&&0===this.cache_.lastPlaybackRate&&(this.queuedCallbacks_.forEach(function(e){return e.callback(e.event)}),this.queuedCallbacks_=[]),this.cache_.lastPlaybackRate=this.tech_.playbackRate(),this.trigger("ratechange")},e.handleTechWaiting_=function(){var t=this;this.addClass("vjs-waiting"),this.trigger("waiting");var n=this.currentTime();this.on("timeupdate",function e(){n!==t.currentTime()&&(t.removeClass("vjs-waiting"),t.off("timeupdate",e))})},e.handleTechCanPlay_=function(){this.removeClass("vjs-waiting"),this.trigger("canplay")},e.handleTechCanPlayThrough_=function(){this.removeClass("vjs-waiting"),this.trigger("canplaythrough")},e.handleTechPlaying_=function(){this.removeClass("vjs-waiting"),this.trigger("playing")},e.handleTechSeeking_=function(){this.addClass("vjs-seeking"),this.trigger("seeking")},e.handleTechSeeked_=function(){this.removeClass("vjs-seeking"),this.removeClass("vjs-ended"),this.trigger("seeked")},e.handleTechFirstPlay_=function(){this.options_.starttime&&(f.warn("Passing the `starttime` option to the player will be deprecated in 6.0"),this.currentTime(this.options_.starttime)),this.addClass("vjs-has-started"),this.trigger("firstplay")},e.handleTechPause_=function(){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.trigger("pause")},e.handleTechEnded_=function(){this.addClass("vjs-ended"),this.options_.loop?(this.currentTime(0),this.play()):this.paused()||this.pause(),this.trigger("ended")},e.handleTechDurationChange_=function(){this.duration(this.techGet_("duration"))},e.handleTechClick_=function(e){K(e)&&this.controls_&&(this.paused()?Ct(this.play()):this.pause())},e.handleTechDoubleClick_=function(t){this.controls_&&(Array.prototype.some.call(this.$$(".vjs-control-bar, .vjs-modal-dialog"),function(e){return e.contains(t.target)})||void 0!==this.options_&&void 0!==this.options_.userActions&&void 0!==this.options_.userActions.doubleClick&&!1===this.options_.userActions.doubleClick||(void 0!==this.options_&&void 0!==this.options_.userActions&&"function"==typeof this.options_.userActions.doubleClick?this.options_.userActions.doubleClick.call(this,t):this.isFullscreen()?this.exitFullscreen():this.requestFullscreen()))},e.handleTechTap_=function(){this.userActive(!this.userActive())},e.handleTechTouchStart_=function(){this.userWasActive=this.userActive()},e.handleTechTouchMove_=function(){this.userWasActive&&this.reportUserActivity()},e.handleTechTouchEnd_=function(e){e.preventDefault()},e.handleStageClick_=function(){this.reportUserActivity()},e.toggleFullscreenClass_=function(){this.isFullscreen()?this.addClass("vjs-fullscreen"):this.removeClass("vjs-fullscreen")},e.documentFullscreenChange_=function(e){var t=this.el(),n=d[this.fsApi_.fullscreenElement]===t;!n&&t.matches?n=t.matches(":"+this.fsApi_.fullscreen):!n&&t.msMatchesSelector&&(n=t.msMatchesSelector(":"+this.fsApi_.fullscreen)),this.isFullscreen(n),!1===this.isFullscreen()&&de(d,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),this.fsApi_.prefixed&&this.trigger("fullscreenchange")},e.handleTechFullscreenChange_=function(e,t){t&&this.isFullscreen(t.isFullscreen),this.trigger("fullscreenchange")},e.togglePictureInPictureClass_=function(){this.isInPictureInPicture()?this.addClass("vjs-picture-in-picture"):this.removeClass("vjs-picture-in-picture")},e.handleTechEnterPictureInPicture_=function(e){this.isInPictureInPicture(!0)},e.handleTechLeavePictureInPicture_=function(e){this.isInPictureInPicture(!1)},e.handleTechError_=function(){var e=this.tech_.error();this.error(e)},e.handleTechTextData_=function(e,t){var n=null;1<arguments.length&&(n=t),this.trigger("textdata",n)},e.getCache=function(){return this.cache_},e.resetCache_=function(){this.cache_={currentTime:0,inactivityTimeout:this.options_.inactivityTimeout,duration:NaN,lastVolume:1,lastPlaybackRate:this.defaultPlaybackRate(),media:null,src:"",source:{},sources:[],volume:1}},e.techCall_=function(e,t){this.ready(function(){if(e in Gn)return function(e,t,n,i){return t[n](e.reduce(Jn(n),i))}(this.middleware_,this.tech_,e,t);if(e in Qn)return $n(this.middleware_,this.tech_,e,t);try{this.tech_&&this.tech_[e](t)}catch(e){throw f(e),e}},!0)},e.techGet_=function(t){if(this.tech_&&this.tech_.isReady_){if(t in Yn)return function(e,t,n){return e.reduceRight(Jn(n),t[n]())}(this.middleware_,this.tech_,t);if(t in Qn)return $n(this.middleware_,this.tech_,t);try{return this.tech_[t]()}catch(e){if(void 0===this.tech_[t])throw f("Video.js: "+t+" method not defined for "+this.techName_+" playback technology.",e),e;if("TypeError"===e.name)throw f("Video.js: "+t+" unavailable on "+this.techName_+" playback technology element.",e),this.tech_.isReady_=!1,e;throw f(e),e}}},e.play=function(){var t=this,e=this.options_.Promise||h.Promise;return e?new e(function(e){t.play_(e)}):this.play_()},e.play_=function(e){var t=this;void 0===e&&(e=Ct),this.playCallbacks_.push(e);var n=Boolean(!this.changingSrc_&&(this.src()||this.currentSrc()));if(this.waitToPlay_&&(this.off(["ready","loadstart"],this.waitToPlay_),this.waitToPlay_=null),!this.isReady_||!n)return this.waitToPlay_=function(e){t.play_()},this.one(["ready","loadstart"],this.waitToPlay_),void(n||!at&&!ot||this.load());var i=this.techGet_("play");null===i?this.runPlayTerminatedQueue_():this.runPlayCallbacks_(i)},e.runPlayTerminatedQueue_=function(){var e=this.playTerminatedQueue_.slice(0);this.playTerminatedQueue_=[],e.forEach(function(e){e()})},e.runPlayCallbacks_=function(t){var e=this.playCallbacks_.slice(0);this.playCallbacks_=[],this.playTerminatedQueue_=[],e.forEach(function(e){e(t)})},e.pause=function(){this.techCall_("pause")},e.paused=function(){return!1!==this.techGet_("paused")},e.played=function(){return this.techGet_("played")||ht(0,0)},e.scrubbing=function(e){if("undefined"==typeof e)return this.scrubbing_;this.scrubbing_=!!e,e?this.addClass("vjs-scrubbing"):this.removeClass("vjs-scrubbing")},e.currentTime=function(e){return"undefined"!=typeof e?(e<0&&(e=0),void this.techCall_("setCurrentTime",e)):(this.cache_.currentTime=this.techGet_("currentTime")||0,this.cache_.currentTime)},e.duration=function(e){if(void 0===e)return void 0!==this.cache_.duration?this.cache_.duration:NaN;(e=parseFloat(e))<0&&(e=1/0),e!==this.cache_.duration&&((this.cache_.duration=e)===1/0?(this.addClass("vjs-live"),this.options_.liveui&&this.player_.liveTracker&&this.addClass("vjs-liveui")):(this.removeClass("vjs-live"),this.removeClass("vjs-liveui")),isNaN(e)||this.trigger("durationchange"))},e.remainingTime=function(){return this.duration()-this.currentTime()},e.remainingTimeDisplay=function(){return Math.floor(this.duration())-Math.floor(this.currentTime())},e.buffered=function(){var e=this.techGet_("buffered");return e&&e.length||(e=ht(0,0)),e},e.bufferedPercent=function(){return dt(this.buffered(),this.duration())},e.bufferedEnd=function(){var e=this.buffered(),t=this.duration(),n=e.end(e.length-1);return t<n&&(n=t),n},e.volume=function(e){var t;return void 0!==e?(t=Math.max(0,Math.min(1,parseFloat(e))),this.cache_.volume=t,this.techCall_("setVolume",t),void(0<t&&this.lastVolume_(t))):(t=parseFloat(this.techGet_("volume")),isNaN(t)?1:t)},e.muted=function(e){if(void 0===e)return this.techGet_("muted")||!1;this.techCall_("setMuted",e)},e.defaultMuted=function(e){return void 0!==e?this.techCall_("setDefaultMuted",e):this.techGet_("defaultMuted")||!1},e.lastVolume_=function(e){if(void 0===e||0===e)return this.cache_.lastVolume;this.cache_.lastVolume=e},e.supportsFullScreen=function(){return this.techGet_("supportsFullScreen")||!1},e.isFullscreen=function(e){return void 0!==e?(this.isFullscreen_=!!e,void this.toggleFullscreenClass_()):!!this.isFullscreen_},e.requestFullscreen=function(e){var t;this.isFullscreen(!0),this.fsApi_.requestFullscreen?(he(d,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),this.fsApi_.prefixed||(t=this.options_.fullscreen&&this.options_.fullscreen.options||{},void 0!==e&&(t=e)),Ct(this.el_[this.fsApi_.requestFullscreen](t))):this.tech_.supportsFullScreen()?this.techCall_("enterFullScreen"):(this.enterFullWindow(),this.trigger("fullscreenchange"))},e.exitFullscreen=function(){this.isFullscreen(!1),this.fsApi_.requestFullscreen?Ct(d[this.fsApi_.exitFullscreen]()):this.tech_.supportsFullScreen()?this.techCall_("exitFullScreen"):(this.exitFullWindow(),this.trigger("fullscreenchange"))},e.enterFullWindow=function(){this.isFullWindow=!0,this.docOrigOverflow=d.documentElement.style.overflow,he(d,"keydown",this.boundFullWindowOnEscKey_),d.documentElement.style.overflow="hidden",S(d.body,"vjs-full-window"),this.trigger("enterFullWindow")},e.fullWindowOnEscKey=function(e){xt.isEventKey(e,"Esc")&&(!0===this.isFullscreen()?this.exitFullscreen():this.exitFullWindow())},e.exitFullWindow=function(){this.isFullWindow=!1,de(d,"keydown",this.boundFullWindowOnEscKey_),d.documentElement.style.overflow=this.docOrigOverflow,x(d.body,"vjs-full-window"),this.trigger("exitFullWindow")},e.isInPictureInPicture=function(e){return void 0!==e?(this.isInPictureInPicture_=!!e,void this.togglePictureInPictureClass_()):!!this.isInPictureInPicture_},e.requestPictureInPicture=function(){if("pictureInPictureEnabled"in d)return this.techGet_("requestPictureInPicture")},e.exitPictureInPicture=function(){if("pictureInPictureEnabled"in d)return d.exitPictureInPicture()},e.handleKeyDown=function(e){var t=this.options_.userActions;if(t&&t.hotkeys){!function(e){var t=e.tagName.toLowerCase();if(e.isContentEditable)return!0;if("input"===t)return-1===["button","checkbox","hidden","radio","reset","submit"].indexOf(e.type);return-1!==["textarea"].indexOf(t)}(this.el_.ownerDocument.activeElement)&&("function"==typeof t.hotkeys?t.hotkeys.call(this,e):this.handleHotkeys(e))}},e.handleHotkeys=function(e){var t=this.options_.userActions?this.options_.userActions.hotkeys:{},n=t.fullscreenKey,i=void 0===n?function(e){return xt.isEventKey(e,"f")}:n,r=t.muteKey,s=void 0===r?function(e){return xt.isEventKey(e,"m")}:r,o=t.playPauseKey,a=void 0===o?function(e){return xt.isEventKey(e,"k")||xt.isEventKey(e,"Space")}:o;if(i.call(this,e)){e.preventDefault(),e.stopPropagation();var l=De.getComponent("FullscreenToggle");!1!==d[this.fsApi_.fullscreenEnabled]&&l.prototype.handleClick.call(this,e)}else if(s.call(this,e)){e.preventDefault(),e.stopPropagation(),De.getComponent("MuteToggle").prototype.handleClick.call(this,e)}else if(a.call(this,e)){e.preventDefault(),e.stopPropagation(),De.getComponent("PlayToggle").prototype.handleClick.call(this,e)}},e.canPlayType=function(e){for(var t,n=0,i=this.options_.techOrder;n<i.length;n++){var r=i[n],s=zn.getTech(r);if(s=s||De.getComponent(r)){if(s.isSupported()&&(t=s.canPlayType(e)))return t}else f.error('The "'+r+'" tech is undefined. Skipped browser support check for that tech.')}return""},e.selectSource=function(e){function t(e,n,i){var r;return e.some(function(t){return n.some(function(e){if(r=i(t,e))return!0})}),r}function n(e,t){var n=e[0];if(e[1].canPlaySource(t,r.options_[n.toLowerCase()]))return{source:t,tech:n}}var i,r=this,s=this.options_.techOrder.map(function(e){return[e,zn.getTech(e)]}).filter(function(e){var t=e[0],n=e[1];return n?n.isSupported():(f.error('The "'+t+'" tech is undefined. Skipped browser support check for that tech.'),!1)});return(this.options_.sourceOrder?t(e,s,(i=n,function(e,t){return i(t,e)})):t(s,e,n))||!1},e.src=function(e){var n=this;if("undefined"==typeof e)return this.cache_.src||"";var i=function t(e){if(Array.isArray(e)){var n=[];e.forEach(function(e){e=t(e),Array.isArray(e)?n=n.concat(e):a(e)&&n.push(e)}),e=n}else e="string"==typeof e&&e.trim()?[ni({src:e})]:a(e)&&"string"==typeof e.src&&e.src&&e.src.trim()?[ni(e)]:[];return e}(e);i.length?(this.changingSrc_=!0,this.cache_.sources=i,this.updateSourceCaches_(i[0]),Xn(this,i[0],function(e,t){if(n.middleware_=t,n.cache_.sources=i,n.updateSourceCaches_(e),n.src_(e))return 1<i.length?n.src(i.slice(1)):(n.changingSrc_=!1,n.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0),void n.triggerReady());!function(e,t){e.forEach(function(e){return e.setTech&&e.setTech(t)})}(t,n.tech_)})):this.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0)},e.src_=function(e){var t=this,n=this.selectSource([e]);return!n||(function(e,t){return Le(e)===Le(t)}(n.tech,this.techName_)?this.ready(function(){this.tech_.constructor.prototype.hasOwnProperty("setSource")?this.techCall_("setSource",e):this.techCall_("src",e.src),this.changingSrc_=!1},!0):(this.changingSrc_=!0,this.loadTech_(n.tech,n.source),this.tech_.ready(function(){t.changingSrc_=!1})),!1)},e.load=function(){this.techCall_("load")},e.reset=function(){var e=this,t=this.options_.Promise||h.Promise;this.paused()||!t?this.doReset_():Ct(this.play().then(function(){return e.doReset_()}))},e.doReset_=function(){this.tech_&&this.tech_.clearTracks("text"),this.resetCache_(),this.poster(""),this.loadTech_(this.options_.techOrder[0],null),this.techCall_("reset"),this.resetControlBarUI_(),xe(this)&&this.trigger("playerreset")},e.resetControlBarUI_=function(){this.resetProgressBar_(),this.resetPlaybackRate_(),this.resetVolumeBar_()},e.resetProgressBar_=function(){this.currentTime(0);var e=this.controlBar,t=e.durationDisplay,n=e.remainingTimeDisplay;t&&t.updateContent(),n&&n.updateContent()},e.resetPlaybackRate_=function(){this.playbackRate(this.defaultPlaybackRate()),this.handleTechRateChange_()},e.resetVolumeBar_=function(){this.volume(1),this.trigger("volumechange")},e.currentSources=function(){var e=this.currentSource(),t=[];return 0!==Object.keys(e).length&&t.push(e),this.cache_.sources||t},e.currentSource=function(){return this.cache_.source||{}},e.currentSrc=function(){return this.currentSource()&&this.currentSource().src||""},e.currentType=function(){return this.currentSource()&&this.currentSource().type||""},e.preload=function(e){return void 0!==e?(this.techCall_("setPreload",e),void(this.options_.preload=e)):this.techGet_("preload")},e.autoplay=function(e){if(void 0===e)return this.options_.autoplay||!1;var t;"string"==typeof e&&/(any|play|muted)/.test(e)?(this.options_.autoplay=e,this.manualAutoplay_(e),t=!1):this.options_.autoplay=!!e,t="undefined"==typeof t?this.options_.autoplay:t,this.tech_&&this.techCall_("setAutoplay",t)},e.playsinline=function(e){return void 0!==e?(this.techCall_("setPlaysinline",e),this.options_.playsinline=e,this):this.techGet_("playsinline")},e.loop=function(e){return void 0!==e?(this.techCall_("setLoop",e),void(this.options_.loop=e)):this.techGet_("loop")},e.poster=function(e){if(void 0===e)return this.poster_;(e=e||"")!==this.poster_&&(this.poster_=e,this.techCall_("setPoster",e),this.isPosterFromTech_=!1,this.trigger("posterchange"))},e.handleTechPosterChange_=function(){if((!this.poster_||this.options_.techCanOverridePoster)&&this.tech_&&this.tech_.poster){var e=this.tech_.poster()||"";e!==this.poster_&&(this.poster_=e,this.isPosterFromTech_=!0,this.trigger("posterchange"))}},e.controls=function(e){if(void 0===e)return!!this.controls_;e=!!e,this.controls_!==e&&(this.controls_=e,this.usingNativeControls()&&this.techCall_("setControls",e),this.controls_?(this.removeClass("vjs-controls-disabled"),this.addClass("vjs-controls-enabled"),this.trigger("controlsenabled"),this.usingNativeControls()||this.addTechControlsListeners_()):(this.removeClass("vjs-controls-enabled"),this.addClass("vjs-controls-disabled"),this.trigger("controlsdisabled"),this.usingNativeControls()||this.removeTechControlsListeners_()))},e.usingNativeControls=function(e){if(void 0===e)return!!this.usingNativeControls_;e=!!e,this.usingNativeControls_!==e&&(this.usingNativeControls_=e,this.usingNativeControls_?(this.addClass("vjs-using-native-controls"),this.trigger("usingnativecontrols")):(this.removeClass("vjs-using-native-controls"),this.trigger("usingcustomcontrols")))},e.error=function(e){if(void 0===e)return this.error_||null;if(this.options_.suppressNotSupportedError&&e&&4===e.code){var t=function(){this.error(e)};return this.options_.suppressNotSupportedError=!1,this.any(["click","touchstart"],t),void this.one("loadstart",function(){this.off(["click","touchstart"],t)})}if(null===e)return this.error_=e,this.removeClass("vjs-error"),void(this.errorDisplay&&this.errorDisplay.close());this.error_=new _t(e),this.addClass("vjs-error"),f.error("(CODE:"+this.error_.code+" "+_t.errorTypes[this.error_.code]+")",this.error_.message,this.error_),this.trigger("error")},e.reportUserActivity=function(e){this.userActivity_=!0},e.userActive=function(e){if(void 0===e)return this.userActive_;if((e=!!e)!==this.userActive_){if(this.userActive_=e,this.userActive_)return this.userActivity_=!0,this.removeClass("vjs-user-inactive"),this.addClass("vjs-user-active"),void this.trigger("useractive");this.tech_&&this.tech_.one("mousemove",function(e){e.stopPropagation(),e.preventDefault()}),this.userActivity_=!1,this.removeClass("vjs-user-active"),this.addClass("vjs-user-inactive"),this.trigger("userinactive")}},e.listenForUserActivity_=function(){var t,n,i,r=ge(this,this.reportUserActivity);this.on("mousedown",function(){r(),this.clearInterval(t),t=this.setInterval(r,250)}),this.on("mousemove",function(e){e.screenX===n&&e.screenY===i||(n=e.screenX,i=e.screenY,r())}),this.on("mouseup",function(e){r(),this.clearInterval(t)});var s,e=this.getChild("controlBar");!e||ot||Xe||(e.on("mouseenter",function(e){this.player().cache_.inactivityTimeout=this.player().options_.inactivityTimeout,this.player().options_.inactivityTimeout=0}),e.on("mouseleave",function(e){this.player().options_.inactivityTimeout=this.player().cache_.inactivityTimeout})),this.on("keydown",r),this.on("keyup",r),this.setInterval(function(){if(this.userActivity_){this.userActivity_=!1,this.userActive(!0),this.clearTimeout(s);var e=this.options_.inactivityTimeout;e<=0||(s=this.setTimeout(function(){this.userActivity_||this.userActive(!1)},e))}},250)},e.playbackRate=function(e){if(void 0===e)return this.tech_&&this.tech_.featuresPlaybackRate?this.cache_.lastPlaybackRate||this.techGet_("playbackRate"):1;this.techCall_("setPlaybackRate",e)},e.defaultPlaybackRate=function(e){return void 0!==e?this.techCall_("setDefaultPlaybackRate",e):this.tech_&&this.tech_.featuresPlaybackRate?this.techGet_("defaultPlaybackRate"):1},e.isAudio=function(e){if(void 0===e)return!!this.isAudio_;this.isAudio_=!!e},e.addTextTrack=function(e,t,n){if(this.tech_)return this.tech_.addTextTrack(e,t,n)},e.addRemoteTextTrack=function(e,t){if(this.tech_)return this.tech_.addRemoteTextTrack(e,t)},e.removeRemoteTextTrack=function(e){void 0===e&&(e={});var t=e.track;if(t=t||e,this.tech_)return this.tech_.removeRemoteTextTrack(t)},e.getVideoPlaybackQuality=function(){return this.techGet_("getVideoPlaybackQuality")},e.videoWidth=function(){return this.tech_&&this.tech_.videoWidth&&this.tech_.videoWidth()||0},e.videoHeight=function(){return this.tech_&&this.tech_.videoHeight&&this.tech_.videoHeight()||0},e.language=function(e){if(void 0===e)return this.language_;this.language_=String(e).toLowerCase()},e.languages=function(){return Ne(c.prototype.options_.languages,this.languages_)},e.toJSON=function(){var e=Ne(this.options_),t=e.tracks;e.tracks=[];for(var n=0;n<t.length;n++){var i=t[n];(i=Ne(i)).player=void 0,e.tracks[n]=i}return e},e.createModal=function(e,t){var n=this;(t=t||{}).content=e||"";var i=new jt(this,t);return this.addChild(i),i.on("dispose",function(){n.removeChild(i)}),i.open(),i},e.updateCurrentBreakpoint_=function(){if(this.responsive())for(var e=this.currentBreakpoint(),t=this.currentWidth(),n=0;n<Hr.length;n++){var i=Hr[n];if(t<=this.breakpoints_[i]){if(e===i)return;e&&this.removeClass(Vr[e]),this.addClass(Vr[i]),this.breakpoint_=i;break}}},e.removeCurrentBreakpoint_=function(){var e=this.currentBreakpointClass();this.breakpoint_="",e&&this.removeClass(e)},e.breakpoints=function(e){return void 0===e||(this.breakpoint_="",this.breakpoints_=g({},Wr,e),this.updateCurrentBreakpoint_()),g(this.breakpoints_)},e.responsive=function(e){return void 0===e?this.responsive_:(e=Boolean(e))!==this.responsive_?((this.responsive_=e)?(this.on("playerresize",this.updateCurrentBreakpoint_),this.updateCurrentBreakpoint_()):(this.off("playerresize",this.updateCurrentBreakpoint_),this.removeCurrentBreakpoint_()),e):void 0},e.currentBreakpoint=function(){return this.breakpoint_},e.currentBreakpointClass=function(){return Vr[this.breakpoint_]||""},e.loadMedia=function(e,t){var n=this;if(e&&"object"==typeof e){this.reset(),this.cache_.media=Ne(e);var i=this.cache_.media,r=i.artwork,s=i.poster,o=i.src,a=i.textTracks;!r&&s&&(this.cache_.media.artwork=[{src:s,type:ei(s)}]),o&&this.src(o),s&&this.poster(s),Array.isArray(a)&&a.forEach(function(e){return n.addRemoteTextTrack(e,!1)}),this.ready(t)}},e.getMedia=function(){if(this.cache_.media)return Ne(this.cache_.media);var e=this.poster(),t={src:this.currentSources(),textTracks:Array.prototype.map.call(this.remoteTextTracks(),function(e){return{kind:e.kind,label:e.label,language:e.language,src:e.src}})};return e&&(t.poster=e,t.artwork=[{src:t.poster,type:ei(t.poster)}]),t},c.getTagSettings=function(e){var t={sources:[],tracks:[]},n=A(e),i=n["data-setup"];if(w(e,"vjs-fill")&&(n.fill=!0),w(e,"vjs-fluid")&&(n.fluid=!0),null!==i){var r=Tt(i||"{}"),s=r[0],o=r[1];s&&f.error(s),g(n,o)}if(g(t,n),e.hasChildNodes())for(var a=e.childNodes,l=0,c=a.length;l<c;l++){var u=a[l],h=u.nodeName.toLowerCase();"source"===h?t.sources.push(A(u)):"track"===h&&t.tracks.push(A(u))}return t},e.flexNotSupported_=function(){var e=d.createElement("i");return!("flexBasis"in e.style||"webkitFlexBasis"in e.style||"mozFlexBasis"in e.style||"msFlexBasis"in e.style||"msFlexOrder"in e.style)},c}(De);dn.names.forEach(function(e){var t=dn[e];zr.prototype[t.getterName]=function(){return this.tech_?this.tech_[t.getterName]():(this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName])}}),zr.players={};var Kr=h.navigator;zr.prototype.options_={techOrder:zn.defaultTechOrder_,html5:{},flash:{},inactivityTimeout:2e3,playbackRates:[],liveui:!1,children:["mediaLoader","posterImage","textTrackDisplay","loadingSpinner","bigPlayButton","liveTracker","controlBar","errorDisplay","textTrackSettings","resizeManager"],language:Kr&&(Kr.languages&&Kr.languages[0]||Kr.userLanguage||Kr.language)||"en",languages:{},notSupportedMessage:"No compatible source was found for this media.",fullscreen:{options:{navigationUI:"hide"}},breakpoints:{},responsive:!1},["ended","seeking","seekable","networkState","readyState"].forEach(function(e){zr.prototype[e]=function(){return this.techGet_(e)}}),Br.forEach(function(e){zr.prototype["handleTech"+Le(e)+"_"]=function(){return this.trigger(e)}}),De.registerComponent("Player",zr);function Ur(e){return es.hasOwnProperty(e)}function qr(e){return Ur(e)?es[e]:void 0}function Xr(e,t){e[Zr]=e[Zr]||{},e[Zr][t]=!0}function $r(e,t,n){var i=(n?"before":"")+"pluginsetup";e.trigger(i,t),e.trigger(i+":"+t.name,t)}function Yr(r,s){return s.prototype.name=r,function(){$r(this,{name:r,plugin:s,instance:null},!0);for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=Qr(s,[this].concat(t));return this[r]=function(){return i},$r(this,i.getEventHash()),i}}var Gr=t(function(n){function i(e,t){return n.exports=i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},i(e,t)}n.exports=i}),Qr=t(function(i){function r(e,t,n){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()?i.exports=r=function(e,t,n){var i=[null];i.push.apply(i,t);var r=new(Function.bind.apply(e,i));return n&&Gr(r,n.prototype),r}:i.exports=r=Reflect.construct,r.apply(null,arguments)}i.exports=r}),Jr="plugin",Zr="activePlugins_",es={},ts=function(){function n(e){if(this.constructor===n)throw new Error("Plugin must be sub-classed; not directly instantiated.");this.player=e,je(this),delete this.trigger,Ie(this,this.constructor.defaultState),Xr(e,this.name),this.dispose=ge(this,this.dispose),e.on("dispose",this.dispose)}var e=n.prototype;return e.version=function(){return this.constructor.VERSION},e.getEventHash=function(e){return void 0===e&&(e={}),e.name=this.name,e.plugin=this.constructor,e.instance=this,e},e.trigger=function(e,t){return void 0===t&&(t={}),pe(this.eventBusEl_,e,this.getEventHash(t))},e.handleStateChanged=function(e){},e.dispose=function(){var e=this.name,t=this.player;this.trigger("dispose"),this.off(),t.off("dispose",this.dispose),t[Zr][e]=!1,this.player=this.state=null,t[e]=Yr(e,es[e])},n.isBasic=function(e){var t="string"==typeof e?qr(e):e;return"function"==typeof t&&!n.prototype.isPrototypeOf(t.prototype)},n.registerPlugin=function(e,t){if("string"!=typeof e)throw new Error('Illegal plugin name, "'+e+'", must be a string, was '+typeof e+".");if(Ur(e))f.warn('A plugin named "'+e+'" already exists. You may want to avoid re-registering plugins!');else if(zr.prototype.hasOwnProperty(e))throw new Error('Illegal plugin name, "'+e+'", cannot share a name with an existing player method!');if("function"!=typeof t)throw new Error('Illegal plugin for "'+e+'", must be a function, was '+typeof t+".");return es[e]=t,e!==Jr&&(n.isBasic(t)?zr.prototype[e]=function(t,n){function i(){$r(this,{name:t,plugin:n,instance:null},!0);var e=n.apply(this,arguments);return Xr(this,t),$r(this,{name:t,plugin:n,instance:e}),e}return Object.keys(n).forEach(function(e){i[e]=n[e]}),i}(e,t):zr.prototype[e]=Yr(e,t)),t},n.deregisterPlugin=function(e){if(e===Jr)throw new Error("Cannot de-register base plugin.");Ur(e)&&(delete es[e],delete zr.prototype[e])},n.getPlugins=function(e){var n;return void 0===e&&(e=Object.keys(es)),e.forEach(function(e){var t=qr(e);t&&((n=n||{})[e]=t)}),n},n.getPluginVersion=function(e){var t=qr(e);return t&&t.VERSION||""},n}();ts.getPlugin=qr,ts.BASE_PLUGIN_NAME=Jr,ts.registerPlugin(Jr,ts),zr.prototype.usingPlugin=function(e){return!!this[Zr]&&!0===this[Zr][e]},zr.prototype.hasPlugin=function(e){return!!Ur(e)};var ns=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Gr(e,t)},is=function(e){return 0===e.indexOf("#")?e.slice(1):e};function rs(e,n,t){var i=rs.getPlayer(e);if(i)return n&&f.warn('Player "'+e+'" is already initialised. Options will not be applied.'),t&&i.ready(t),i;var r="string"==typeof e?q("#"+is(e)):e;if(!_(r))throw new TypeError("The element or ID supplied is not valid. (videojs)");r.ownerDocument.defaultView&&r.ownerDocument.body.contains(r)||f.warn("The element supplied is not included in the DOM"),n=n||{},rs.hooks("beforesetup").forEach(function(e){var t=e(r,Ne(n));a(t)&&!Array.isArray(t)?n=Ne(n,t):f.error("please return an object in beforesetup hooks")});var s=De.getComponent("Player");return i=new s(r,n,t),rs.hooks("setup").forEach(function(e){return e(i)}),i}if(rs.hooks_={},rs.hooks=function(e,t){return rs.hooks_[e]=rs.hooks_[e]||[],t&&(rs.hooks_[e]=rs.hooks_[e].concat(t)),rs.hooks_[e]},rs.hook=function(e,t){rs.hooks(e,t)},rs.hookOnce=function(n,e){rs.hooks(n,[].concat(e).map(function(t){return function e(){return rs.removeHook(n,e),t.apply(void 0,arguments)}}))},rs.removeHook=function(e,t){var n=rs.hooks(e).indexOf(t);return!(n<=-1)&&(rs.hooks_[e]=rs.hooks_[e].slice(),rs.hooks_[e].splice(n,1),!0)},!0!==h.VIDEOJS_NO_DYNAMIC_STYLE&&m()){var ss=q(".vjs-styles-defaults");if(!ss){ss=Z("vjs-styles-defaults");var os=q("head");os&&os.insertBefore(ss,os.firstChild),ee(ss,"\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ")}}return Q(1,rs),rs.VERSION=p,rs.options=zr.prototype.options_,rs.getPlayers=function(){return zr.players},rs.getPlayer=function(e){var t,n=zr.players;if("string"==typeof e){var i=is(e),r=n[i];if(r)return r;t=q("#"+i)}else t=e;if(_(t)){var s=t,o=s.player,a=s.playerId;if(o||n[a])return o||n[a]}},rs.getAllPlayers=function(){return Object.keys(zr.players).map(function(e){return zr.players[e]}).filter(Boolean)},rs.players=zr.players,rs.getComponent=De.getComponent,rs.registerComponent=function(e,t){zn.isTech(t)&&f.warn("The "+e+" tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)"),De.registerComponent.call(De,e,t)},rs.getTech=zn.getTech,rs.registerTech=zn.registerTech,rs.use=function(e,t){Kn[e]=Kn[e]||[],Kn[e].push(t)},Object.defineProperty(rs,"middleware",{value:{},writeable:!1,enumerable:!0}),Object.defineProperty(rs.middleware,"TERMINATOR",{value:qn,writeable:!1,enumerable:!0}),rs.browser=lt,rs.TOUCH_ENABLED=it,rs.extend=function(e,t){void 0===t&&(t={});var n=function(){e.apply(this,arguments)},i={};for(var r in"object"==typeof t?(t.constructor!==Object.prototype.constructor&&(n=t.constructor),i=t):"function"==typeof t&&(n=t),ns(n,e),e&&(n.super_=e),i)i.hasOwnProperty(r)&&(n.prototype[r]=i[r]);return n},rs.mergeOptions=Ne,rs.bind=ge,rs.registerPlugin=ts.registerPlugin,rs.deregisterPlugin=ts.deregisterPlugin,rs.plugin=function(e,t){return f.warn("videojs.plugin() is deprecated; use videojs.registerPlugin() instead"),ts.registerPlugin(e,t)},rs.getPlugins=ts.getPlugins,rs.getPlugin=ts.getPlugin,rs.getPluginVersion=ts.getPluginVersion,rs.addLanguage=function(e,t){var n;return e=(""+e).toLowerCase(),rs.options.languages=Ne(rs.options.languages,((n={})[e]=t,n)),rs.options.languages[e]},rs.log=f,rs.createLogger=v,rs.createTimeRange=rs.createTimeRanges=ht,rs.formatTime=mi,rs.setFormatTime=function(e){yi=e},rs.resetFormatTime=function(){yi=gi},rs.parseUrl=Nt,rs.isCrossOrigin=Rt,rs.EventTarget=me,rs.on=he,rs.one=fe,rs.off=de,rs.trigger=pe,rs.xhr=Jt,rs.TextTrack=on,rs.AudioTrack=an,rs.VideoTrack=ln,["isEl","isTextNode","createEl","hasClass","addClass","removeClass","toggleClass","setAttributes","getAttributes","emptyEl","appendContent","insertContent"].forEach(function(e){rs[e]=function(){return f.warn("videojs."+e+"() is deprecated; use videojs.dom."+e+"() instead"),$[e].apply(null,arguments)}}),rs.computedStyle=i,rs.dom=$,rs.url=$t,rs.defineLazyProperty=Lr,rs});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/alt/video.core.novtt.js b/negromate/web/static/js/videojs/alt/video.core.novtt.js
deleted file mode 100644
index 239cac1..0000000
--- a/negromate/web/static/js/videojs/alt/video.core.novtt.js
+++ /dev/null
@@ -1,27268 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('global/window'), require('global/document')) :
-  typeof define === 'function' && define.amd ? define(['global/window', 'global/document'], factory) :
-  (global = global || self, global.videojs = factory(global.window, global.document));
-}(this, function (window$1, document) { 'use strict';
-
-  window$1 = window$1 && window$1.hasOwnProperty('default') ? window$1['default'] : window$1;
-  document = document && document.hasOwnProperty('default') ? document['default'] : document;
-
-  var version = "7.7.4";
-
-  /**
-   * @file create-logger.js
-   * @module create-logger
-   */
-
-  var history = [];
-  /**
-   * Log messages to the console and history based on the type of message
-   *
-   * @private
-   * @param  {string} type
-   *         The name of the console method to use.
-   *
-   * @param  {Array} args
-   *         The arguments to be passed to the matching console method.
-   */
-
-  var LogByTypeFactory = function LogByTypeFactory(name, log) {
-    return function (type, level, args) {
-      var lvl = log.levels[level];
-      var lvlRegExp = new RegExp("^(" + lvl + ")$");
-
-      if (type !== 'log') {
-        // Add the type to the front of the message when it's not "log".
-        args.unshift(type.toUpperCase() + ':');
-      } // Add console prefix after adding to history.
-
-
-      args.unshift(name + ':'); // Add a clone of the args at this point to history.
-
-      if (history) {
-        history.push([].concat(args)); // only store 1000 history entries
-
-        var splice = history.length - 1000;
-        history.splice(0, splice > 0 ? splice : 0);
-      } // If there's no console then don't try to output messages, but they will
-      // still be stored in history.
-
-
-      if (!window$1.console) {
-        return;
-      } // Was setting these once outside of this function, but containing them
-      // in the function makes it easier to test cases where console doesn't exist
-      // when the module is executed.
-
-
-      var fn = window$1.console[type];
-
-      if (!fn && type === 'debug') {
-        // Certain browsers don't have support for console.debug. For those, we
-        // should default to the closest comparable log.
-        fn = window$1.console.info || window$1.console.log;
-      } // Bail out if there's no console or if this type is not allowed by the
-      // current logging level.
-
-
-      if (!fn || !lvl || !lvlRegExp.test(type)) {
-        return;
-      }
-
-      fn[Array.isArray(args) ? 'apply' : 'call'](window$1.console, args);
-    };
-  };
-
-  function createLogger(name) {
-    // This is the private tracking variable for logging level.
-    var level = 'info'; // the curried logByType bound to the specific log and history
-
-    var logByType;
-    /**
-     * Logs plain debug messages. Similar to `console.log`.
-     *
-     * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-     * of our JSDoc template, we cannot properly document this as both a function
-     * and a namespace, so its function signature is documented here.
-     *
-     * #### Arguments
-     * ##### *args
-     * Mixed[]
-     *
-     * Any combination of values that could be passed to `console.log()`.
-     *
-     * #### Return Value
-     *
-     * `undefined`
-     *
-     * @namespace
-     * @param    {Mixed[]} args
-     *           One or more messages or objects that should be logged.
-     */
-
-    var log = function log() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      logByType('log', level, args);
-    }; // This is the logByType helper that the logging methods below use
-
-
-    logByType = LogByTypeFactory(name, log);
-    /**
-     * Create a new sublogger which chains the old name to the new name.
-     *
-     * For example, doing `videojs.log.createLogger('player')` and then using that logger will log the following:
-     * ```js
-     *  mylogger('foo');
-     *  // > VIDEOJS: player: foo
-     * ```
-     *
-     * @param {string} name
-     *        The name to add call the new logger
-     * @return {Object}
-     */
-
-    log.createLogger = function (subname) {
-      return createLogger(name + ': ' + subname);
-    };
-    /**
-     * Enumeration of available logging levels, where the keys are the level names
-     * and the values are `|`-separated strings containing logging methods allowed
-     * in that logging level. These strings are used to create a regular expression
-     * matching the function name being called.
-     *
-     * Levels provided by Video.js are:
-     *
-     * - `off`: Matches no calls. Any value that can be cast to `false` will have
-     *   this effect. The most restrictive.
-     * - `all`: Matches only Video.js-provided functions (`debug`, `log`,
-     *   `log.warn`, and `log.error`).
-     * - `debug`: Matches `log.debug`, `log`, `log.warn`, and `log.error` calls.
-     * - `info` (default): Matches `log`, `log.warn`, and `log.error` calls.
-     * - `warn`: Matches `log.warn` and `log.error` calls.
-     * - `error`: Matches only `log.error` calls.
-     *
-     * @type {Object}
-     */
-
-
-    log.levels = {
-      all: 'debug|log|warn|error',
-      off: '',
-      debug: 'debug|log|warn|error',
-      info: 'log|warn|error',
-      warn: 'warn|error',
-      error: 'error',
-      DEFAULT: level
-    };
-    /**
-     * Get or set the current logging level.
-     *
-     * If a string matching a key from {@link module:log.levels} is provided, acts
-     * as a setter.
-     *
-     * @param  {string} [lvl]
-     *         Pass a valid level to set a new logging level.
-     *
-     * @return {string}
-     *         The current logging level.
-     */
-
-    log.level = function (lvl) {
-      if (typeof lvl === 'string') {
-        if (!log.levels.hasOwnProperty(lvl)) {
-          throw new Error("\"" + lvl + "\" in not a valid log level");
-        }
-
-        level = lvl;
-      }
-
-      return level;
-    };
-    /**
-     * Returns an array containing everything that has been logged to the history.
-     *
-     * This array is a shallow clone of the internal history record. However, its
-     * contents are _not_ cloned; so, mutating objects inside this array will
-     * mutate them in history.
-     *
-     * @return {Array}
-     */
-
-
-    log.history = function () {
-      return history ? [].concat(history) : [];
-    };
-    /**
-     * Allows you to filter the history by the given logger name
-     *
-     * @param {string} fname
-     *        The name to filter by
-     *
-     * @return {Array}
-     *         The filtered list to return
-     */
-
-
-    log.history.filter = function (fname) {
-      return (history || []).filter(function (historyItem) {
-        // if the first item in each historyItem includes `fname`, then it's a match
-        return new RegExp(".*" + fname + ".*").test(historyItem[0]);
-      });
-    };
-    /**
-     * Clears the internal history tracking, but does not prevent further history
-     * tracking.
-     */
-
-
-    log.history.clear = function () {
-      if (history) {
-        history.length = 0;
-      }
-    };
-    /**
-     * Disable history tracking if it is currently enabled.
-     */
-
-
-    log.history.disable = function () {
-      if (history !== null) {
-        history.length = 0;
-        history = null;
-      }
-    };
-    /**
-     * Enable history tracking if it is currently disabled.
-     */
-
-
-    log.history.enable = function () {
-      if (history === null) {
-        history = [];
-      }
-    };
-    /**
-     * Logs error messages. Similar to `console.error`.
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as an error
-     */
-
-
-    log.error = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      return logByType('error', level, args);
-    };
-    /**
-     * Logs warning messages. Similar to `console.warn`.
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as a warning.
-     */
-
-
-    log.warn = function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-
-      return logByType('warn', level, args);
-    };
-    /**
-     * Logs debug messages. Similar to `console.debug`, but may also act as a comparable
-     * log if `console.debug` is not available
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as debug.
-     */
-
-
-    log.debug = function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      return logByType('debug', level, args);
-    };
-
-    return log;
-  }
-
-  /**
-   * @file log.js
-   * @module log
-   */
-  var log = createLogger('VIDEOJS');
-  var createLogger$1 = log.createLogger;
-
-  function createCommonjsModule(fn, module) {
-  	return module = { exports: {} }, fn(module, module.exports), module.exports;
-  }
-
-  var _extends_1 = createCommonjsModule(function (module) {
-    function _extends() {
-      module.exports = _extends = Object.assign || function (target) {
-        for (var i = 1; i < arguments.length; i++) {
-          var source = arguments[i];
-
-          for (var key in source) {
-            if (Object.prototype.hasOwnProperty.call(source, key)) {
-              target[key] = source[key];
-            }
-          }
-        }
-
-        return target;
-      };
-
-      return _extends.apply(this, arguments);
-    }
-
-    module.exports = _extends;
-  });
-
-  /**
-   * @file obj.js
-   * @module obj
-   */
-
-  /**
-   * @callback obj:EachCallback
-   *
-   * @param {Mixed} value
-   *        The current key for the object that is being iterated over.
-   *
-   * @param {string} key
-   *        The current key-value for object that is being iterated over
-   */
-
-  /**
-   * @callback obj:ReduceCallback
-   *
-   * @param {Mixed} accum
-   *        The value that is accumulating over the reduce loop.
-   *
-   * @param {Mixed} value
-   *        The current key for the object that is being iterated over.
-   *
-   * @param {string} key
-   *        The current key-value for object that is being iterated over
-   *
-   * @return {Mixed}
-   *         The new accumulated value.
-   */
-  var toString = Object.prototype.toString;
-  /**
-   * Get the keys of an Object
-   *
-   * @param {Object}
-   *        The Object to get the keys from
-   *
-   * @return {string[]}
-   *         An array of the keys from the object. Returns an empty array if the
-   *         object passed in was invalid or had no keys.
-   *
-   * @private
-   */
-
-  var keys = function keys(object) {
-    return isObject(object) ? Object.keys(object) : [];
-  };
-  /**
-   * Array-like iteration for objects.
-   *
-   * @param {Object} object
-   *        The object to iterate over
-   *
-   * @param {obj:EachCallback} fn
-   *        The callback function which is called for each key in the object.
-   */
-
-
-  function each(object, fn) {
-    keys(object).forEach(function (key) {
-      return fn(object[key], key);
-    });
-  }
-  /**
-   * Array-like reduce for objects.
-   *
-   * @param {Object} object
-   *        The Object that you want to reduce.
-   *
-   * @param {Function} fn
-   *         A callback function which is called for each key in the object. It
-   *         receives the accumulated value and the per-iteration value and key
-   *         as arguments.
-   *
-   * @param {Mixed} [initial = 0]
-   *        Starting value
-   *
-   * @return {Mixed}
-   *         The final accumulated value.
-   */
-
-  function reduce(object, fn, initial) {
-    if (initial === void 0) {
-      initial = 0;
-    }
-
-    return keys(object).reduce(function (accum, key) {
-      return fn(accum, object[key], key);
-    }, initial);
-  }
-  /**
-   * Object.assign-style object shallow merge/extend.
-   *
-   * @param  {Object} target
-   * @param  {Object} ...sources
-   * @return {Object}
-   */
-
-  function assign(target) {
-    for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      sources[_key - 1] = arguments[_key];
-    }
-
-    if (Object.assign) {
-      return _extends_1.apply(void 0, [target].concat(sources));
-    }
-
-    sources.forEach(function (source) {
-      if (!source) {
-        return;
-      }
-
-      each(source, function (value, key) {
-        target[key] = value;
-      });
-    });
-    return target;
-  }
-  /**
-   * Returns whether a value is an object of any kind - including DOM nodes,
-   * arrays, regular expressions, etc. Not functions, though.
-   *
-   * This avoids the gotcha where using `typeof` on a `null` value
-   * results in `'object'`.
-   *
-   * @param  {Object} value
-   * @return {boolean}
-   */
-
-  function isObject(value) {
-    return !!value && typeof value === 'object';
-  }
-  /**
-   * Returns whether an object appears to be a "plain" object - that is, a
-   * direct instance of `Object`.
-   *
-   * @param  {Object} value
-   * @return {boolean}
-   */
-
-  function isPlain(value) {
-    return isObject(value) && toString.call(value) === '[object Object]' && value.constructor === Object;
-  }
-
-  /**
-   * @file computed-style.js
-   * @module computed-style
-   */
-  /**
-   * A safe getComputedStyle.
-   *
-   * This is needed because in Firefox, if the player is loaded in an iframe with
-   * `display:none`, then `getComputedStyle` returns `null`, so, we do a
-   * null-check to make sure that the player doesn't break in these cases.
-   *
-   * @function
-   * @param    {Element} el
-   *           The element you want the computed style of
-   *
-   * @param    {string} prop
-   *           The property name you want
-   *
-   * @see      https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-   */
-
-  function computedStyle(el, prop) {
-    if (!el || !prop) {
-      return '';
-    }
-
-    if (typeof window$1.getComputedStyle === 'function') {
-      var computedStyleValue = window$1.getComputedStyle(el);
-      return computedStyleValue ? computedStyleValue.getPropertyValue(prop) || computedStyleValue[prop] : '';
-    }
-
-    return '';
-  }
-
-  /**
-   * @file dom.js
-   * @module dom
-   */
-  /**
-   * Detect if a value is a string with any non-whitespace characters.
-   *
-   * @private
-   * @param  {string} str
-   *         The string to check
-   *
-   * @return {boolean}
-   *         Will be `true` if the string is non-blank, `false` otherwise.
-   *
-   */
-
-  function isNonBlankString(str) {
-    // we use str.trim as it will trim any whitespace characters
-    // from the front or back of non-whitespace characters. aka
-    // Any string that contains non-whitespace characters will
-    // still contain them after `trim` but whitespace only strings
-    // will have a length of 0, failing this check.
-    return typeof str === 'string' && Boolean(str.trim());
-  }
-  /**
-   * Throws an error if the passed string has whitespace. This is used by
-   * class methods to be relatively consistent with the classList API.
-   *
-   * @private
-   * @param  {string} str
-   *         The string to check for whitespace.
-   *
-   * @throws {Error}
-   *         Throws an error if there is whitespace in the string.
-   */
-
-
-  function throwIfWhitespace(str) {
-    // str.indexOf instead of regex because str.indexOf is faster performance wise.
-    if (str.indexOf(' ') >= 0) {
-      throw new Error('class has illegal whitespace characters');
-    }
-  }
-  /**
-   * Produce a regular expression for matching a className within an elements className.
-   *
-   * @private
-   * @param  {string} className
-   *         The className to generate the RegExp for.
-   *
-   * @return {RegExp}
-   *         The RegExp that will check for a specific `className` in an elements
-   *         className.
-   */
-
-
-  function classRegExp(className) {
-    return new RegExp('(^|\\s)' + className + '($|\\s)');
-  }
-  /**
-   * Whether the current DOM interface appears to be real (i.e. not simulated).
-   *
-   * @return {boolean}
-   *         Will be `true` if the DOM appears to be real, `false` otherwise.
-   */
-
-
-  function isReal() {
-    // Both document and window will never be undefined thanks to `global`.
-    return document === window$1.document;
-  }
-  /**
-   * Determines, via duck typing, whether or not a value is a DOM element.
-   *
-   * @param  {Mixed} value
-   *         The value to check.
-   *
-   * @return {boolean}
-   *         Will be `true` if the value is a DOM element, `false` otherwise.
-   */
-
-  function isEl(value) {
-    return isObject(value) && value.nodeType === 1;
-  }
-  /**
-   * Determines if the current DOM is embedded in an iframe.
-   *
-   * @return {boolean}
-   *         Will be `true` if the DOM is embedded in an iframe, `false`
-   *         otherwise.
-   */
-
-  function isInFrame() {
-    // We need a try/catch here because Safari will throw errors when attempting
-    // to get either `parent` or `self`
-    try {
-      return window$1.parent !== window$1.self;
-    } catch (x) {
-      return true;
-    }
-  }
-  /**
-   * Creates functions to query the DOM using a given method.
-   *
-   * @private
-   * @param   {string} method
-   *          The method to create the query with.
-   *
-   * @return  {Function}
-   *          The query method
-   */
-
-  function createQuerier(method) {
-    return function (selector, context) {
-      if (!isNonBlankString(selector)) {
-        return document[method](null);
-      }
-
-      if (isNonBlankString(context)) {
-        context = document.querySelector(context);
-      }
-
-      var ctx = isEl(context) ? context : document;
-      return ctx[method] && ctx[method](selector);
-    };
-  }
-  /**
-   * Creates an element and applies properties, attributes, and inserts content.
-   *
-   * @param  {string} [tagName='div']
-   *         Name of tag to be created.
-   *
-   * @param  {Object} [properties={}]
-   *         Element properties to be applied.
-   *
-   * @param  {Object} [attributes={}]
-   *         Element attributes to be applied.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor object.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  function createEl(tagName, properties, attributes, content) {
-    if (tagName === void 0) {
-      tagName = 'div';
-    }
-
-    if (properties === void 0) {
-      properties = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    var el = document.createElement(tagName);
-    Object.getOwnPropertyNames(properties).forEach(function (propName) {
-      var val = properties[propName]; // See #2176
-      // We originally were accepting both properties and attributes in the
-      // same object, but that doesn't work so well.
-
-      if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {
-        log.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
-        el.setAttribute(propName, val); // Handle textContent since it's not supported everywhere and we have a
-        // method for it.
-      } else if (propName === 'textContent') {
-        textContent(el, val);
-      } else if (el[propName] !== val) {
-        el[propName] = val;
-      }
-    });
-    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-      el.setAttribute(attrName, attributes[attrName]);
-    });
-
-    if (content) {
-      appendContent(el, content);
-    }
-
-    return el;
-  }
-  /**
-   * Injects text into an element, replacing any existing contents entirely.
-   *
-   * @param  {Element} el
-   *         The element to add text content into
-   *
-   * @param  {string} text
-   *         The text content to add.
-   *
-   * @return {Element}
-   *         The element with added text content.
-   */
-
-  function textContent(el, text) {
-    if (typeof el.textContent === 'undefined') {
-      el.innerText = text;
-    } else {
-      el.textContent = text;
-    }
-
-    return el;
-  }
-  /**
-   * Insert an element as the first child node of another
-   *
-   * @param {Element} child
-   *        Element to insert
-   *
-   * @param {Element} parent
-   *        Element to insert child into
-   */
-
-  function prependTo(child, parent) {
-    if (parent.firstChild) {
-      parent.insertBefore(child, parent.firstChild);
-    } else {
-      parent.appendChild(child);
-    }
-  }
-  /**
-   * Check if an element has a class name.
-   *
-   * @param  {Element} element
-   *         Element to check
-   *
-   * @param  {string} classToCheck
-   *         Class name to check for
-   *
-   * @return {boolean}
-   *         Will be `true` if the element has a class, `false` otherwise.
-   *
-   * @throws {Error}
-   *         Throws an error if `classToCheck` has white space.
-   */
-
-  function hasClass(element, classToCheck) {
-    throwIfWhitespace(classToCheck);
-
-    if (element.classList) {
-      return element.classList.contains(classToCheck);
-    }
-
-    return classRegExp(classToCheck).test(element.className);
-  }
-  /**
-   * Add a class name to an element.
-   *
-   * @param  {Element} element
-   *         Element to add class name to.
-   *
-   * @param  {string} classToAdd
-   *         Class name to add.
-   *
-   * @return {Element}
-   *         The DOM element with the added class name.
-   */
-
-  function addClass(element, classToAdd) {
-    if (element.classList) {
-      element.classList.add(classToAdd); // Don't need to `throwIfWhitespace` here because `hasElClass` will do it
-      // in the case of classList not being supported.
-    } else if (!hasClass(element, classToAdd)) {
-      element.className = (element.className + ' ' + classToAdd).trim();
-    }
-
-    return element;
-  }
-  /**
-   * Remove a class name from an element.
-   *
-   * @param  {Element} element
-   *         Element to remove a class name from.
-   *
-   * @param  {string} classToRemove
-   *         Class name to remove
-   *
-   * @return {Element}
-   *         The DOM element with class name removed.
-   */
-
-  function removeClass(element, classToRemove) {
-    if (element.classList) {
-      element.classList.remove(classToRemove);
-    } else {
-      throwIfWhitespace(classToRemove);
-      element.className = element.className.split(/\s+/).filter(function (c) {
-        return c !== classToRemove;
-      }).join(' ');
-    }
-
-    return element;
-  }
-  /**
-   * The callback definition for toggleClass.
-   *
-   * @callback module:dom~PredicateCallback
-   * @param    {Element} element
-   *           The DOM element of the Component.
-   *
-   * @param    {string} classToToggle
-   *           The `className` that wants to be toggled
-   *
-   * @return   {boolean|undefined}
-   *           If `true` is returned, the `classToToggle` will be added to the
-   *           `element`. If `false`, the `classToToggle` will be removed from
-   *           the `element`. If `undefined`, the callback will be ignored.
-   */
-
-  /**
-   * Adds or removes a class name to/from an element depending on an optional
-   * condition or the presence/absence of the class name.
-   *
-   * @param  {Element} element
-   *         The element to toggle a class name on.
-   *
-   * @param  {string} classToToggle
-   *         The class that should be toggled.
-   *
-   * @param  {boolean|module:dom~PredicateCallback} [predicate]
-   *         See the return value for {@link module:dom~PredicateCallback}
-   *
-   * @return {Element}
-   *         The element with a class that has been toggled.
-   */
-
-  function toggleClass(element, classToToggle, predicate) {
-    // This CANNOT use `classList` internally because IE11 does not support the
-    // second parameter to the `classList.toggle()` method! Which is fine because
-    // `classList` will be used by the add/remove functions.
-    var has = hasClass(element, classToToggle);
-
-    if (typeof predicate === 'function') {
-      predicate = predicate(element, classToToggle);
-    }
-
-    if (typeof predicate !== 'boolean') {
-      predicate = !has;
-    } // If the necessary class operation matches the current state of the
-    // element, no action is required.
-
-
-    if (predicate === has) {
-      return;
-    }
-
-    if (predicate) {
-      addClass(element, classToToggle);
-    } else {
-      removeClass(element, classToToggle);
-    }
-
-    return element;
-  }
-  /**
-   * Apply attributes to an HTML element.
-   *
-   * @param {Element} el
-   *        Element to add attributes to.
-   *
-   * @param {Object} [attributes]
-   *        Attributes to be applied.
-   */
-
-  function setAttributes(el, attributes) {
-    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-      var attrValue = attributes[attrName];
-
-      if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {
-        el.removeAttribute(attrName);
-      } else {
-        el.setAttribute(attrName, attrValue === true ? '' : attrValue);
-      }
-    });
-  }
-  /**
-   * Get an element's attribute values, as defined on the HTML tag.
-   *
-   * Attributes are not the same as properties. They're defined on the tag
-   * or with setAttribute.
-   *
-   * @param  {Element} tag
-   *         Element from which to get tag attributes.
-   *
-   * @return {Object}
-   *         All attributes of the element. Boolean attributes will be `true` or
-   *         `false`, others will be strings.
-   */
-
-  function getAttributes(tag) {
-    var obj = {}; // known boolean attributes
-    // we can check for matching boolean properties, but not all browsers
-    // and not all tags know about these attributes, so, we still want to check them manually
-
-    var knownBooleans = ',' + 'autoplay,controls,playsinline,loop,muted,default,defaultMuted' + ',';
-
-    if (tag && tag.attributes && tag.attributes.length > 0) {
-      var attrs = tag.attributes;
-
-      for (var i = attrs.length - 1; i >= 0; i--) {
-        var attrName = attrs[i].name;
-        var attrVal = attrs[i].value; // check for known booleans
-        // the matching element property will return a value for typeof
-
-        if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(',' + attrName + ',') !== -1) {
-          // the value of an included boolean attribute is typically an empty
-          // string ('') which would equal false if we just check for a false value.
-          // we also don't want support bad code like autoplay='false'
-          attrVal = attrVal !== null ? true : false;
-        }
-
-        obj[attrName] = attrVal;
-      }
-    }
-
-    return obj;
-  }
-  /**
-   * Get the value of an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to get the value of.
-   *
-   * @return {string}
-   *         The value of the attribute.
-   */
-
-  function getAttribute(el, attribute) {
-    return el.getAttribute(attribute);
-  }
-  /**
-   * Set the value of an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to set.
-   *
-   * @param {string} value
-   *        Value to set the attribute to.
-   */
-
-  function setAttribute(el, attribute, value) {
-    el.setAttribute(attribute, value);
-  }
-  /**
-   * Remove an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to remove.
-   */
-
-  function removeAttribute(el, attribute) {
-    el.removeAttribute(attribute);
-  }
-  /**
-   * Attempt to block the ability to select text.
-   */
-
-  function blockTextSelection() {
-    document.body.focus();
-
-    document.onselectstart = function () {
-      return false;
-    };
-  }
-  /**
-   * Turn off text selection blocking.
-   */
-
-  function unblockTextSelection() {
-    document.onselectstart = function () {
-      return true;
-    };
-  }
-  /**
-   * Identical to the native `getBoundingClientRect` function, but ensures that
-   * the method is supported at all (it is in all browsers we claim to support)
-   * and that the element is in the DOM before continuing.
-   *
-   * This wrapper function also shims properties which are not provided by some
-   * older browsers (namely, IE8).
-   *
-   * Additionally, some browsers do not support adding properties to a
-   * `ClientRect`/`DOMRect` object; so, we shallow-copy it with the standard
-   * properties (except `x` and `y` which are not widely supported). This helps
-   * avoid implementations where keys are non-enumerable.
-   *
-   * @param  {Element} el
-   *         Element whose `ClientRect` we want to calculate.
-   *
-   * @return {Object|undefined}
-   *         Always returns a plain object - or `undefined` if it cannot.
-   */
-
-  function getBoundingClientRect(el) {
-    if (el && el.getBoundingClientRect && el.parentNode) {
-      var rect = el.getBoundingClientRect();
-      var result = {};
-      ['bottom', 'height', 'left', 'right', 'top', 'width'].forEach(function (k) {
-        if (rect[k] !== undefined) {
-          result[k] = rect[k];
-        }
-      });
-
-      if (!result.height) {
-        result.height = parseFloat(computedStyle(el, 'height'));
-      }
-
-      if (!result.width) {
-        result.width = parseFloat(computedStyle(el, 'width'));
-      }
-
-      return result;
-    }
-  }
-  /**
-   * Represents the position of a DOM element on the page.
-   *
-   * @typedef  {Object} module:dom~Position
-   *
-   * @property {number} left
-   *           Pixels to the left.
-   *
-   * @property {number} top
-   *           Pixels from the top.
-   */
-
-  /**
-   * Get the position of an element in the DOM.
-   *
-   * Uses `getBoundingClientRect` technique from John Resig.
-   *
-   * @see http://ejohn.org/blog/getboundingclientrect-is-awesome/
-   *
-   * @param  {Element} el
-   *         Element from which to get offset.
-   *
-   * @return {module:dom~Position}
-   *         The position of the element that was passed in.
-   */
-
-  function findPosition(el) {
-    var box;
-
-    if (el.getBoundingClientRect && el.parentNode) {
-      box = el.getBoundingClientRect();
-    }
-
-    if (!box) {
-      return {
-        left: 0,
-        top: 0
-      };
-    }
-
-    var docEl = document.documentElement;
-    var body = document.body;
-    var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-    var scrollLeft = window$1.pageXOffset || body.scrollLeft;
-    var left = box.left + scrollLeft - clientLeft;
-    var clientTop = docEl.clientTop || body.clientTop || 0;
-    var scrollTop = window$1.pageYOffset || body.scrollTop;
-    var top = box.top + scrollTop - clientTop; // Android sometimes returns slightly off decimal values, so need to round
-
-    return {
-      left: Math.round(left),
-      top: Math.round(top)
-    };
-  }
-  /**
-   * Represents x and y coordinates for a DOM element or mouse pointer.
-   *
-   * @typedef  {Object} module:dom~Coordinates
-   *
-   * @property {number} x
-   *           x coordinate in pixels
-   *
-   * @property {number} y
-   *           y coordinate in pixels
-   */
-
-  /**
-   * Get the pointer position within an element.
-   *
-   * The base on the coordinates are the bottom left of the element.
-   *
-   * @param  {Element} el
-   *         Element on which to get the pointer position on.
-   *
-   * @param  {EventTarget~Event} event
-   *         Event object.
-   *
-   * @return {module:dom~Coordinates}
-   *         A coordinates object corresponding to the mouse position.
-   *
-   */
-
-  function getPointerPosition(el, event) {
-    var position = {};
-    var box = findPosition(el);
-    var boxW = el.offsetWidth;
-    var boxH = el.offsetHeight;
-    var boxY = box.top;
-    var boxX = box.left;
-    var pageY = event.pageY;
-    var pageX = event.pageX;
-
-    if (event.changedTouches) {
-      pageX = event.changedTouches[0].pageX;
-      pageY = event.changedTouches[0].pageY;
-    }
-
-    position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));
-    position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));
-    return position;
-  }
-  /**
-   * Determines, via duck typing, whether or not a value is a text node.
-   *
-   * @param  {Mixed} value
-   *         Check if this value is a text node.
-   *
-   * @return {boolean}
-   *         Will be `true` if the value is a text node, `false` otherwise.
-   */
-
-  function isTextNode(value) {
-    return isObject(value) && value.nodeType === 3;
-  }
-  /**
-   * Empties the contents of an element.
-   *
-   * @param  {Element} el
-   *         The element to empty children from
-   *
-   * @return {Element}
-   *         The element with no children
-   */
-
-  function emptyEl(el) {
-    while (el.firstChild) {
-      el.removeChild(el.firstChild);
-    }
-
-    return el;
-  }
-  /**
-   * This is a mixed value that describes content to be injected into the DOM
-   * via some method. It can be of the following types:
-   *
-   * Type       | Description
-   * -----------|-------------
-   * `string`   | The value will be normalized into a text node.
-   * `Element`  | The value will be accepted as-is.
-   * `TextNode` | The value will be accepted as-is.
-   * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
-   * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
-   *
-   * @typedef {string|Element|TextNode|Array|Function} module:dom~ContentDescriptor
-   */
-
-  /**
-   * Normalizes content for eventual insertion into the DOM.
-   *
-   * This allows a wide range of content definition methods, but helps protect
-   * from falling into the trap of simply writing to `innerHTML`, which could
-   * be an XSS concern.
-   *
-   * The content for an element can be passed in multiple types and
-   * combinations, whose behavior is as follows:
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Array}
-   *         All of the content that was passed in, normalized to an array of
-   *         elements or text nodes.
-   */
-
-  function normalizeContent(content) {
-    // First, invoke content if it is a function. If it produces an array,
-    // that needs to happen before normalization.
-    if (typeof content === 'function') {
-      content = content();
-    } // Next up, normalize to an array, so one or many items can be normalized,
-    // filtered, and returned.
-
-
-    return (Array.isArray(content) ? content : [content]).map(function (value) {
-      // First, invoke value if it is a function to produce a new value,
-      // which will be subsequently normalized to a Node of some kind.
-      if (typeof value === 'function') {
-        value = value();
-      }
-
-      if (isEl(value) || isTextNode(value)) {
-        return value;
-      }
-
-      if (typeof value === 'string' && /\S/.test(value)) {
-        return document.createTextNode(value);
-      }
-    }).filter(function (value) {
-      return value;
-    });
-  }
-  /**
-   * Normalizes and appends content to an element.
-   *
-   * @param  {Element} el
-   *         Element to append normalized content to.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Element}
-   *         The element with appended normalized content.
-   */
-
-  function appendContent(el, content) {
-    normalizeContent(content).forEach(function (node) {
-      return el.appendChild(node);
-    });
-    return el;
-  }
-  /**
-   * Normalizes and inserts content into an element; this is identical to
-   * `appendContent()`, except it empties the element first.
-   *
-   * @param {Element} el
-   *        Element to insert normalized content into.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Element}
-   *         The element with inserted normalized content.
-   */
-
-  function insertContent(el, content) {
-    return appendContent(emptyEl(el), content);
-  }
-  /**
-   * Check if an event was a single left click.
-   *
-   * @param  {EventTarget~Event} event
-   *         Event object.
-   *
-   * @return {boolean}
-   *         Will be `true` if a single left click, `false` otherwise.
-   */
-
-  function isSingleLeftClick(event) {
-    // Note: if you create something draggable, be sure to
-    // call it on both `mousedown` and `mousemove` event,
-    // otherwise `mousedown` should be enough for a button
-    if (event.button === undefined && event.buttons === undefined) {
-      // Why do we need `buttons` ?
-      // Because, middle mouse sometimes have this:
-      // e.button === 0 and e.buttons === 4
-      // Furthermore, we want to prevent combination click, something like
-      // HOLD middlemouse then left click, that would be
-      // e.button === 0, e.buttons === 5
-      // just `button` is not gonna work
-      // Alright, then what this block does ?
-      // this is for chrome `simulate mobile devices`
-      // I want to support this as well
-      return true;
-    }
-
-    if (event.button === 0 && event.buttons === undefined) {
-      // Touch screen, sometimes on some specific device, `buttons`
-      // doesn't have anything (safari on ios, blackberry...)
-      return true;
-    } // `mouseup` event on a single left click has
-    // `button` and `buttons` equal to 0
-
-
-    if (event.type === 'mouseup' && event.button === 0 && event.buttons === 0) {
-      return true;
-    }
-
-    if (event.button !== 0 || event.buttons !== 1) {
-      // This is the reason we have those if else block above
-      // if any special case we can catch and let it slide
-      // we do it above, when get to here, this definitely
-      // is-not-left-click
-      return false;
-    }
-
-    return true;
-  }
-  /**
-   * Finds a single DOM element matching `selector` within the optional
-   * `context` of another DOM element (defaulting to `document`).
-   *
-   * @param  {string} selector
-   *         A valid CSS selector, which will be passed to `querySelector`.
-   *
-   * @param  {Element|String} [context=document]
-   *         A DOM element within which to query. Can also be a selector
-   *         string in which case the first matching element will be used
-   *         as context. If missing (or no element matches selector), falls
-   *         back to `document`.
-   *
-   * @return {Element|null}
-   *         The element that was found or null.
-   */
-
-  var $ = createQuerier('querySelector');
-  /**
-   * Finds a all DOM elements matching `selector` within the optional
-   * `context` of another DOM element (defaulting to `document`).
-   *
-   * @param  {string} selector
-   *         A valid CSS selector, which will be passed to `querySelectorAll`.
-   *
-   * @param  {Element|String} [context=document]
-   *         A DOM element within which to query. Can also be a selector
-   *         string in which case the first matching element will be used
-   *         as context. If missing (or no element matches selector), falls
-   *         back to `document`.
-   *
-   * @return {NodeList}
-   *         A element list of elements that were found. Will be empty if none
-   *         were found.
-   *
-   */
-
-  var $$ = createQuerier('querySelectorAll');
-
-  var Dom = /*#__PURE__*/Object.freeze({
-    isReal: isReal,
-    isEl: isEl,
-    isInFrame: isInFrame,
-    createEl: createEl,
-    textContent: textContent,
-    prependTo: prependTo,
-    hasClass: hasClass,
-    addClass: addClass,
-    removeClass: removeClass,
-    toggleClass: toggleClass,
-    setAttributes: setAttributes,
-    getAttributes: getAttributes,
-    getAttribute: getAttribute,
-    setAttribute: setAttribute,
-    removeAttribute: removeAttribute,
-    blockTextSelection: blockTextSelection,
-    unblockTextSelection: unblockTextSelection,
-    getBoundingClientRect: getBoundingClientRect,
-    findPosition: findPosition,
-    getPointerPosition: getPointerPosition,
-    isTextNode: isTextNode,
-    emptyEl: emptyEl,
-    normalizeContent: normalizeContent,
-    appendContent: appendContent,
-    insertContent: insertContent,
-    isSingleLeftClick: isSingleLeftClick,
-    $: $,
-    $$: $$
-  });
-
-  /**
-   * @file setup.js - Functions for setting up a player without
-   * user interaction based on the data-setup `attribute` of the video tag.
-   *
-   * @module setup
-   */
-  var _windowLoaded = false;
-  var videojs;
-  /**
-   * Set up any tags that have a data-setup `attribute` when the player is started.
-   */
-
-  var autoSetup = function autoSetup() {
-    // Protect against breakage in non-browser environments and check global autoSetup option.
-    if (!isReal() || videojs.options.autoSetup === false) {
-      return;
-    }
-
-    var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-    var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-    var divs = Array.prototype.slice.call(document.getElementsByTagName('video-js'));
-    var mediaEls = vids.concat(audios, divs); // Check if any media elements exist
-
-    if (mediaEls && mediaEls.length > 0) {
-      for (var i = 0, e = mediaEls.length; i < e; i++) {
-        var mediaEl = mediaEls[i]; // Check if element exists, has getAttribute func.
-
-        if (mediaEl && mediaEl.getAttribute) {
-          // Make sure this player hasn't already been set up.
-          if (mediaEl.player === undefined) {
-            var options = mediaEl.getAttribute('data-setup'); // Check if data-setup attr exists.
-            // We only auto-setup if they've added the data-setup attr.
-
-            if (options !== null) {
-              // Create new video.js instance.
-              videojs(mediaEl);
-            }
-          } // If getAttribute isn't defined, we need to wait for the DOM.
-
-        } else {
-          autoSetupTimeout(1);
-          break;
-        }
-      } // No videos were found, so keep looping unless page is finished loading.
-
-    } else if (!_windowLoaded) {
-      autoSetupTimeout(1);
-    }
-  };
-  /**
-   * Wait until the page is loaded before running autoSetup. This will be called in
-   * autoSetup if `hasLoaded` returns false.
-   *
-   * @param {number} wait
-   *        How long to wait in ms
-   *
-   * @param {module:videojs} [vjs]
-   *        The videojs library function
-   */
-
-
-  function autoSetupTimeout(wait, vjs) {
-    if (vjs) {
-      videojs = vjs;
-    }
-
-    window$1.setTimeout(autoSetup, wait);
-  }
-  /**
-   * Used to set the internal tracking of window loaded state to true.
-   *
-   * @private
-   */
-
-
-  function setWindowLoaded() {
-    _windowLoaded = true;
-    window$1.removeEventListener('load', setWindowLoaded);
-  }
-
-  if (isReal()) {
-    if (document.readyState === 'complete') {
-      setWindowLoaded();
-    } else {
-      /**
-       * Listen for the load event on window, and set _windowLoaded to true.
-       *
-       * We use a standard event listener here to avoid incrementing the GUID
-       * before any players are created.
-       *
-       * @listens load
-       */
-      window$1.addEventListener('load', setWindowLoaded);
-    }
-  }
-
-  /**
-   * @file stylesheet.js
-   * @module stylesheet
-   */
-  /**
-   * Create a DOM syle element given a className for it.
-   *
-   * @param {string} className
-   *        The className to add to the created style element.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-  var createStyleElement = function createStyleElement(className) {
-    var style = document.createElement('style');
-    style.className = className;
-    return style;
-  };
-  /**
-   * Add text to a DOM element.
-   *
-   * @param {Element} el
-   *        The Element to add text content to.
-   *
-   * @param {string} content
-   *        The text to add to the element.
-   */
-
-  var setTextContent = function setTextContent(el, content) {
-    if (el.styleSheet) {
-      el.styleSheet.cssText = content;
-    } else {
-      el.textContent = content;
-    }
-  };
-
-  /**
-   * @file guid.js
-   * @module guid
-   */
-  // Default value for GUIDs. This allows us to reset the GUID counter in tests.
-  //
-  // The initial GUID is 3 because some users have come to rely on the first
-  // default player ID ending up as `vjs_video_3`.
-  //
-  // See: https://github.com/videojs/video.js/pull/6216
-  var _initialGuid = 3;
-  /**
-   * Unique ID for an element or function
-   *
-   * @type {Number}
-   */
-
-  var _guid = _initialGuid;
-  /**
-   * Get a unique auto-incrementing ID by number that has not been returned before.
-   *
-   * @return {number}
-   *         A new unique ID.
-   */
-
-  function newGUID() {
-    return _guid++;
-  }
-
-  /**
-   * @file dom-data.js
-   * @module dom-data
-   */
-  var FakeWeakMap;
-
-  if (!window$1.WeakMap) {
-    FakeWeakMap =
-    /*#__PURE__*/
-    function () {
-      function FakeWeakMap() {
-        this.vdata = 'vdata' + Math.floor(window$1.performance && window$1.performance.now() || Date.now());
-        this.data = {};
-      }
-
-      var _proto = FakeWeakMap.prototype;
-
-      _proto.set = function set(key, value) {
-        var access = key[this.vdata] || newGUID();
-
-        if (!key[this.vdata]) {
-          key[this.vdata] = access;
-        }
-
-        this.data[access] = value;
-        return this;
-      };
-
-      _proto.get = function get(key) {
-        var access = key[this.vdata]; // we have data, return it
-
-        if (access) {
-          return this.data[access];
-        } // we don't have data, return nothing.
-        // return undefined explicitly as that's the contract for this method
-
-
-        log('We have no data for this element', key);
-        return undefined;
-      };
-
-      _proto.has = function has(key) {
-        var access = key[this.vdata];
-        return access in this.data;
-      };
-
-      _proto["delete"] = function _delete(key) {
-        var access = key[this.vdata];
-
-        if (access) {
-          delete this.data[access];
-          delete key[this.vdata];
-        }
-      };
-
-      return FakeWeakMap;
-    }();
-  }
-  /**
-   * Element Data Store.
-   *
-   * Allows for binding data to an element without putting it directly on the
-   * element. Ex. Event listeners are stored here.
-   * (also from jsninja.com, slightly modified and updated for closure compiler)
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  var DomData = window$1.WeakMap ? new WeakMap() : new FakeWeakMap();
-
-  /**
-   * @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
-   * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
-   * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
-   * robust as jquery's, so there's probably some differences.
-   *
-   * @file events.js
-   * @module events
-   */
-  /**
-   * Clean up the listener cache and dispatchers
-   *
-   * @param {Element|Object} elem
-   *        Element to clean up
-   *
-   * @param {string} type
-   *        Type of event to clean up
-   */
-
-  function _cleanUpEvents(elem, type) {
-    if (!DomData.has(elem)) {
-      return;
-    }
-
-    var data = DomData.get(elem); // Remove the events of a particular type if there are none left
-
-    if (data.handlers[type].length === 0) {
-      delete data.handlers[type]; // data.handlers[type] = null;
-      // Setting to null was causing an error with data.handlers
-      // Remove the meta-handler from the element
-
-      if (elem.removeEventListener) {
-        elem.removeEventListener(type, data.dispatcher, false);
-      } else if (elem.detachEvent) {
-        elem.detachEvent('on' + type, data.dispatcher);
-      }
-    } // Remove the events object if there are no types left
-
-
-    if (Object.getOwnPropertyNames(data.handlers).length <= 0) {
-      delete data.handlers;
-      delete data.dispatcher;
-      delete data.disabled;
-    } // Finally remove the element data if there is no data left
-
-
-    if (Object.getOwnPropertyNames(data).length === 0) {
-      DomData["delete"](elem);
-    }
-  }
-  /**
-   * Loops through an array of event types and calls the requested method for each type.
-   *
-   * @param {Function} fn
-   *        The event method we want to use.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind listeners to
-   *
-   * @param {string} type
-   *        Type of event to bind to.
-   *
-   * @param {EventTarget~EventListener} callback
-   *        Event listener.
-   */
-
-
-  function _handleMultipleEvents(fn, elem, types, callback) {
-    types.forEach(function (type) {
-      // Call the event method for each one of the types
-      fn(elem, type, callback);
-    });
-  }
-  /**
-   * Fix a native event to have standard property values
-   *
-   * @param {Object} event
-   *        Event object to fix.
-   *
-   * @return {Object}
-   *         Fixed event object.
-   */
-
-
-  function fixEvent(event) {
-    if (event.fixed_) {
-      return event;
-    }
-
-    function returnTrue() {
-      return true;
-    }
-
-    function returnFalse() {
-      return false;
-    } // Test if fixing up is needed
-    // Used to check if !event.stopPropagation instead of isPropagationStopped
-    // But native events return true for stopPropagation, but don't have
-    // other expected methods like isPropagationStopped. Seems to be a problem
-    // with the Javascript Ninja code. So we're just overriding all events now.
-
-
-    if (!event || !event.isPropagationStopped) {
-      var old = event || window$1.event;
-      event = {}; // Clone the old object so that we can modify the values event = {};
-      // IE8 Doesn't like when you mess with native event properties
-      // Firefox returns false for event.hasOwnProperty('type') and other props
-      //  which makes copying more difficult.
-      // TODO: Probably best to create a whitelist of event props
-
-      for (var key in old) {
-        // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
-        // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation
-        // and webkitMovementX/Y
-        if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation' && key !== 'webkitMovementX' && key !== 'webkitMovementY') {
-          // Chrome 32+ warns if you try to copy deprecated returnValue, but
-          // we still want to if preventDefault isn't supported (IE8).
-          if (!(key === 'returnValue' && old.preventDefault)) {
-            event[key] = old[key];
-          }
-        }
-      } // The event occurred on this element
-
-
-      if (!event.target) {
-        event.target = event.srcElement || document;
-      } // Handle which other element the event is related to
-
-
-      if (!event.relatedTarget) {
-        event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
-      } // Stop the default browser action
-
-
-      event.preventDefault = function () {
-        if (old.preventDefault) {
-          old.preventDefault();
-        }
-
-        event.returnValue = false;
-        old.returnValue = false;
-        event.defaultPrevented = true;
-      };
-
-      event.defaultPrevented = false; // Stop the event from bubbling
-
-      event.stopPropagation = function () {
-        if (old.stopPropagation) {
-          old.stopPropagation();
-        }
-
-        event.cancelBubble = true;
-        old.cancelBubble = true;
-        event.isPropagationStopped = returnTrue;
-      };
-
-      event.isPropagationStopped = returnFalse; // Stop the event from bubbling and executing other handlers
-
-      event.stopImmediatePropagation = function () {
-        if (old.stopImmediatePropagation) {
-          old.stopImmediatePropagation();
-        }
-
-        event.isImmediatePropagationStopped = returnTrue;
-        event.stopPropagation();
-      };
-
-      event.isImmediatePropagationStopped = returnFalse; // Handle mouse position
-
-      if (event.clientX !== null && event.clientX !== undefined) {
-        var doc = document.documentElement;
-        var body = document.body;
-        event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
-        event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
-      } // Handle key presses
-
-
-      event.which = event.charCode || event.keyCode; // Fix button for mouse clicks:
-      // 0 == left; 1 == middle; 2 == right
-
-      if (event.button !== null && event.button !== undefined) {
-        // The following is disabled because it does not pass videojs-standard
-        // and... yikes.
-
-        /* eslint-disable */
-        event.button = event.button & 1 ? 0 : event.button & 4 ? 1 : event.button & 2 ? 2 : 0;
-        /* eslint-enable */
-      }
-    }
-
-    event.fixed_ = true; // Returns fixed-up instance
-
-    return event;
-  }
-  /**
-   * Whether passive event listeners are supported
-   */
-
-  var _supportsPassive;
-
-  var supportsPassive = function supportsPassive() {
-    if (typeof _supportsPassive !== 'boolean') {
-      _supportsPassive = false;
-
-      try {
-        var opts = Object.defineProperty({}, 'passive', {
-          get: function get() {
-            _supportsPassive = true;
-          }
-        });
-        window$1.addEventListener('test', null, opts);
-        window$1.removeEventListener('test', null, opts);
-      } catch (e) {// disregard
-      }
-    }
-
-    return _supportsPassive;
-  };
-  /**
-   * Touch events Chrome expects to be passive
-   */
-
-
-  var passiveEvents = ['touchstart', 'touchmove'];
-  /**
-   * Add an event listener to element
-   * It stores the handler function in a separate cache object
-   * and adds a generic handler to the element's event,
-   * along with a unique id (guid) to the element.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind listeners to
-   *
-   * @param {string|string[]} type
-   *        Type of event to bind to.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        Event listener.
-   */
-
-  function on(elem, type, fn) {
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(on, elem, type, fn);
-    }
-
-    if (!DomData.has(elem)) {
-      DomData.set(elem, {});
-    }
-
-    var data = DomData.get(elem); // We need a place to store all our handler data
-
-    if (!data.handlers) {
-      data.handlers = {};
-    }
-
-    if (!data.handlers[type]) {
-      data.handlers[type] = [];
-    }
-
-    if (!fn.guid) {
-      fn.guid = newGUID();
-    }
-
-    data.handlers[type].push(fn);
-
-    if (!data.dispatcher) {
-      data.disabled = false;
-
-      data.dispatcher = function (event, hash) {
-        if (data.disabled) {
-          return;
-        }
-
-        event = fixEvent(event);
-        var handlers = data.handlers[event.type];
-
-        if (handlers) {
-          // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
-          var handlersCopy = handlers.slice(0);
-
-          for (var m = 0, n = handlersCopy.length; m < n; m++) {
-            if (event.isImmediatePropagationStopped()) {
-              break;
-            } else {
-              try {
-                handlersCopy[m].call(elem, event, hash);
-              } catch (e) {
-                log.error(e);
-              }
-            }
-          }
-        }
-      };
-    }
-
-    if (data.handlers[type].length === 1) {
-      if (elem.addEventListener) {
-        var options = false;
-
-        if (supportsPassive() && passiveEvents.indexOf(type) > -1) {
-          options = {
-            passive: true
-          };
-        }
-
-        elem.addEventListener(type, data.dispatcher, options);
-      } else if (elem.attachEvent) {
-        elem.attachEvent('on' + type, data.dispatcher);
-      }
-    }
-  }
-  /**
-   * Removes event listeners from an element
-   *
-   * @param {Element|Object} elem
-   *        Object to remove listeners from.
-   *
-   * @param {string|string[]} [type]
-   *        Type of listener to remove. Don't include to remove all events from element.
-   *
-   * @param {EventTarget~EventListener} [fn]
-   *        Specific listener to remove. Don't include to remove listeners for an event
-   *        type.
-   */
-
-  function off(elem, type, fn) {
-    // Don't want to add a cache object through getElData if not needed
-    if (!DomData.has(elem)) {
-      return;
-    }
-
-    var data = DomData.get(elem); // If no events exist, nothing to unbind
-
-    if (!data.handlers) {
-      return;
-    }
-
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(off, elem, type, fn);
-    } // Utility function
-
-
-    var removeType = function removeType(el, t) {
-      data.handlers[t] = [];
-
-      _cleanUpEvents(el, t);
-    }; // Are we removing all bound events?
-
-
-    if (type === undefined) {
-      for (var t in data.handlers) {
-        if (Object.prototype.hasOwnProperty.call(data.handlers || {}, t)) {
-          removeType(elem, t);
-        }
-      }
-
-      return;
-    }
-
-    var handlers = data.handlers[type]; // If no handlers exist, nothing to unbind
-
-    if (!handlers) {
-      return;
-    } // If no listener was provided, remove all listeners for type
-
-
-    if (!fn) {
-      removeType(elem, type);
-      return;
-    } // We're only removing a single handler
-
-
-    if (fn.guid) {
-      for (var n = 0; n < handlers.length; n++) {
-        if (handlers[n].guid === fn.guid) {
-          handlers.splice(n--, 1);
-        }
-      }
-    }
-
-    _cleanUpEvents(elem, type);
-  }
-  /**
-   * Trigger an event for an element
-   *
-   * @param {Element|Object} elem
-   *        Element to trigger an event on
-   *
-   * @param {EventTarget~Event|string} event
-   *        A string (the type) or an event object with a type attribute
-   *
-   * @param {Object} [hash]
-   *        data hash to pass along with the event
-   *
-   * @return {boolean|undefined}
-   *         Returns the opposite of `defaultPrevented` if default was
-   *         prevented. Otherwise, returns `undefined`
-   */
-
-  function trigger(elem, event, hash) {
-    // Fetches element data and a reference to the parent (for bubbling).
-    // Don't want to add a data object to cache for every parent,
-    // so checking hasElData first.
-    var elemData = DomData.has(elem) ? DomData.get(elem) : {};
-    var parent = elem.parentNode || elem.ownerDocument; // type = event.type || event,
-    // handler;
-    // If an event name was passed as a string, creates an event out of it
-
-    if (typeof event === 'string') {
-      event = {
-        type: event,
-        target: elem
-      };
-    } else if (!event.target) {
-      event.target = elem;
-    } // Normalizes the event properties.
-
-
-    event = fixEvent(event); // If the passed element has a dispatcher, executes the established handlers.
-
-    if (elemData.dispatcher) {
-      elemData.dispatcher.call(elem, event, hash);
-    } // Unless explicitly stopped or the event does not bubble (e.g. media events)
-    // recursively calls this function to bubble the event up the DOM.
-
-
-    if (parent && !event.isPropagationStopped() && event.bubbles === true) {
-      trigger.call(null, parent, event, hash); // If at the top of the DOM, triggers the default action unless disabled.
-    } else if (!parent && !event.defaultPrevented && event.target && event.target[event.type]) {
-      if (!DomData.has(event.target)) {
-        DomData.set(event.target, {});
-      }
-
-      var targetData = DomData.get(event.target); // Checks if the target has a default action for this event.
-
-      if (event.target[event.type]) {
-        // Temporarily disables event dispatching on the target as we have already executed the handler.
-        targetData.disabled = true; // Executes the default action.
-
-        if (typeof event.target[event.type] === 'function') {
-          event.target[event.type]();
-        } // Re-enables event dispatching.
-
-
-        targetData.disabled = false;
-      }
-    } // Inform the triggerer if the default was prevented by returning false
-
-
-    return !event.defaultPrevented;
-  }
-  /**
-   * Trigger a listener only once for an event.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind to.
-   *
-   * @param {string|string[]} type
-   *        Name/type of event
-   *
-   * @param {Event~EventListener} fn
-   *        Event listener function
-   */
-
-  function one(elem, type, fn) {
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(one, elem, type, fn);
-    }
-
-    var func = function func() {
-      off(elem, type, func);
-      fn.apply(this, arguments);
-    }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-    func.guid = fn.guid = fn.guid || newGUID();
-    on(elem, type, func);
-  }
-  /**
-   * Trigger a listener only once and then turn if off for all
-   * configured events
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind to.
-   *
-   * @param {string|string[]} type
-   *        Name/type of event
-   *
-   * @param {Event~EventListener} fn
-   *        Event listener function
-   */
-
-  function any(elem, type, fn) {
-    var func = function func() {
-      off(elem, type, func);
-      fn.apply(this, arguments);
-    }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-    func.guid = fn.guid = fn.guid || newGUID(); // multiple ons, but one off for everything
-
-    on(elem, type, func);
-  }
-
-  var Events = /*#__PURE__*/Object.freeze({
-    fixEvent: fixEvent,
-    on: on,
-    off: off,
-    trigger: trigger,
-    one: one,
-    any: any
-  });
-
-  /**
-   * @file fn.js
-   * @module fn
-   */
-  var UPDATE_REFRESH_INTERVAL = 30;
-  /**
-   * Bind (a.k.a proxy or context). A simple method for changing the context of
-   * a function.
-   *
-   * It also stores a unique id on the function so it can be easily removed from
-   * events.
-   *
-   * @function
-   * @param    {Mixed} context
-   *           The object to bind as scope.
-   *
-   * @param    {Function} fn
-   *           The function to be bound to a scope.
-   *
-   * @param    {number} [uid]
-   *           An optional unique ID for the function to be set
-   *
-   * @return   {Function}
-   *           The new function that will be bound into the context given
-   */
-
-  var bind = function bind(context, fn, uid) {
-    // Make sure the function has a unique ID
-    if (!fn.guid) {
-      fn.guid = newGUID();
-    } // Create the new function that changes the context
-
-
-    var bound = fn.bind(context); // Allow for the ability to individualize this function
-    // Needed in the case where multiple objects might share the same prototype
-    // IF both items add an event listener with the same function, then you try to remove just one
-    // it will remove both because they both have the same guid.
-    // when using this, you need to use the bind method when you remove the listener as well.
-    // currently used in text tracks
-
-    bound.guid = uid ? uid + '_' + fn.guid : fn.guid;
-    return bound;
-  };
-  /**
-   * Wraps the given function, `fn`, with a new function that only invokes `fn`
-   * at most once per every `wait` milliseconds.
-   *
-   * @function
-   * @param    {Function} fn
-   *           The function to be throttled.
-   *
-   * @param    {number}   wait
-   *           The number of milliseconds by which to throttle.
-   *
-   * @return   {Function}
-   */
-
-  var throttle = function throttle(fn, wait) {
-    var last = window$1.performance.now();
-
-    var throttled = function throttled() {
-      var now = window$1.performance.now();
-
-      if (now - last >= wait) {
-        fn.apply(void 0, arguments);
-        last = now;
-      }
-    };
-
-    return throttled;
-  };
-  /**
-   * Creates a debounced function that delays invoking `func` until after `wait`
-   * milliseconds have elapsed since the last time the debounced function was
-   * invoked.
-   *
-   * Inspired by lodash and underscore implementations.
-   *
-   * @function
-   * @param    {Function} func
-   *           The function to wrap with debounce behavior.
-   *
-   * @param    {number} wait
-   *           The number of milliseconds to wait after the last invocation.
-   *
-   * @param    {boolean} [immediate]
-   *           Whether or not to invoke the function immediately upon creation.
-   *
-   * @param    {Object} [context=window]
-   *           The "context" in which the debounced function should debounce. For
-   *           example, if this function should be tied to a Video.js player,
-   *           the player can be passed here. Alternatively, defaults to the
-   *           global `window` object.
-   *
-   * @return   {Function}
-   *           A debounced function.
-   */
-
-  var debounce = function debounce(func, wait, immediate, context) {
-    if (context === void 0) {
-      context = window$1;
-    }
-
-    var timeout;
-
-    var cancel = function cancel() {
-      context.clearTimeout(timeout);
-      timeout = null;
-    };
-    /* eslint-disable consistent-this */
-
-
-    var debounced = function debounced() {
-      var self = this;
-      var args = arguments;
-
-      var _later = function later() {
-        timeout = null;
-        _later = null;
-
-        if (!immediate) {
-          func.apply(self, args);
-        }
-      };
-
-      if (!timeout && immediate) {
-        func.apply(self, args);
-      }
-
-      context.clearTimeout(timeout);
-      timeout = context.setTimeout(_later, wait);
-    };
-    /* eslint-enable consistent-this */
-
-
-    debounced.cancel = cancel;
-    return debounced;
-  };
-
-  /**
-   * @file src/js/event-target.js
-   */
-  /**
-   * `EventTarget` is a class that can have the same API as the DOM `EventTarget`. It
-   * adds shorthand functions that wrap around lengthy functions. For example:
-   * the `on` function is a wrapper around `addEventListener`.
-   *
-   * @see [EventTarget Spec]{@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget}
-   * @class EventTarget
-   */
-
-  var EventTarget = function EventTarget() {};
-  /**
-   * A Custom DOM event.
-   *
-   * @typedef {Object} EventTarget~Event
-   * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}
-   */
-
-  /**
-   * All event listeners should follow the following format.
-   *
-   * @callback EventTarget~EventListener
-   * @this {EventTarget}
-   *
-   * @param {EventTarget~Event} event
-   *        the event that triggered this function
-   *
-   * @param {Object} [hash]
-   *        hash of data sent during the event
-   */
-
-  /**
-   * An object containing event names as keys and booleans as values.
-   *
-   * > NOTE: If an event name is set to a true value here {@link EventTarget#trigger}
-   *         will have extra functionality. See that function for more information.
-   *
-   * @property EventTarget.prototype.allowedEvents_
-   * @private
-   */
-
-
-  EventTarget.prototype.allowedEvents_ = {};
-  /**
-   * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
-   * function that will get called when an event with a certain name gets triggered.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to call with `EventTarget`s
-   */
-
-  EventTarget.prototype.on = function (type, fn) {
-    // Remove the addEventListener alias before calling Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    on(this, type, fn);
-    this.addEventListener = ael;
-  };
-  /**
-   * An alias of {@link EventTarget#on}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#on}
-   */
-
-
-  EventTarget.prototype.addEventListener = EventTarget.prototype.on;
-  /**
-   * Removes an `event listener` for a specific event from an instance of `EventTarget`.
-   * This makes it so that the `event listener` will no longer get called when the
-   * named event happens.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to remove.
-   */
-
-  EventTarget.prototype.off = function (type, fn) {
-    off(this, type, fn);
-  };
-  /**
-   * An alias of {@link EventTarget#off}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#off}
-   */
-
-
-  EventTarget.prototype.removeEventListener = EventTarget.prototype.off;
-  /**
-   * This function will add an `event listener` that gets triggered only once. After the
-   * first trigger it will get removed. This is like adding an `event listener`
-   * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to be called once for each event name.
-   */
-
-  EventTarget.prototype.one = function (type, fn) {
-    // Remove the addEventListener aliasing Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    one(this, type, fn);
-    this.addEventListener = ael;
-  };
-
-  EventTarget.prototype.any = function (type, fn) {
-    // Remove the addEventListener aliasing Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    any(this, type, fn);
-    this.addEventListener = ael;
-  };
-  /**
-   * This function causes an event to happen. This will then cause any `event listeners`
-   * that are waiting for that event, to get called. If there are no `event listeners`
-   * for an event then nothing will happen.
-   *
-   * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.
-   * Trigger will also call the `on` + `uppercaseEventName` function.
-   *
-   * Example:
-   * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call
-   * `onClick` if it exists.
-   *
-   * @param {string|EventTarget~Event|Object} event
-   *        The name of the event, an `Event`, or an object with a key of type set to
-   *        an event name.
-   */
-
-
-  EventTarget.prototype.trigger = function (event) {
-    var type = event.type || event; // deprecation
-    // In a future version we should default target to `this`
-    // similar to how we default the target to `elem` in
-    // `Events.trigger`. Right now the default `target` will be
-    // `document` due to the `Event.fixEvent` call.
-
-    if (typeof event === 'string') {
-      event = {
-        type: type
-      };
-    }
-
-    event = fixEvent(event);
-
-    if (this.allowedEvents_[type] && this['on' + type]) {
-      this['on' + type](event);
-    }
-
-    trigger(this, event);
-  };
-  /**
-   * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#trigger}
-   */
-
-
-  EventTarget.prototype.dispatchEvent = EventTarget.prototype.trigger;
-  var EVENT_MAP;
-
-  EventTarget.prototype.queueTrigger = function (event) {
-    var _this = this;
-
-    // only set up EVENT_MAP if it'll be used
-    if (!EVENT_MAP) {
-      EVENT_MAP = new Map();
-    }
-
-    var type = event.type || event;
-    var map = EVENT_MAP.get(this);
-
-    if (!map) {
-      map = new Map();
-      EVENT_MAP.set(this, map);
-    }
-
-    var oldTimeout = map.get(type);
-    map["delete"](type);
-    window$1.clearTimeout(oldTimeout);
-    var timeout = window$1.setTimeout(function () {
-      // if we cleared out all timeouts for the current target, delete its map
-      if (map.size === 0) {
-        map = null;
-        EVENT_MAP["delete"](_this);
-      }
-
-      _this.trigger(event);
-    }, 0);
-    map.set(type, timeout);
-  };
-
-  /**
-   * @file mixins/evented.js
-   * @module evented
-   */
-  /**
-   * Returns whether or not an object has had the evented mixin applied.
-   *
-   * @param  {Object} object
-   *         An object to test.
-   *
-   * @return {boolean}
-   *         Whether or not the object appears to be evented.
-   */
-
-  var isEvented = function isEvented(object) {
-    return object instanceof EventTarget || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
-      return typeof object[k] === 'function';
-    });
-  };
-  /**
-   * Adds a callback to run after the evented mixin applied.
-   *
-   * @param  {Object} object
-   *         An object to Add
-   * @param  {Function} callback
-   *         The callback to run.
-   */
-
-
-  var addEventedCallback = function addEventedCallback(target, callback) {
-    if (isEvented(target)) {
-      callback();
-    } else {
-      if (!target.eventedCallbacks) {
-        target.eventedCallbacks = [];
-      }
-
-      target.eventedCallbacks.push(callback);
-    }
-  };
-  /**
-   * Whether a value is a valid event type - non-empty string or array.
-   *
-   * @private
-   * @param  {string|Array} type
-   *         The type value to test.
-   *
-   * @return {boolean}
-   *         Whether or not the type is a valid event type.
-   */
-
-
-  var isValidEventType = function isValidEventType(type) {
-    return (// The regex here verifies that the `type` contains at least one non-
-      // whitespace character.
-      typeof type === 'string' && /\S/.test(type) || Array.isArray(type) && !!type.length
-    );
-  };
-  /**
-   * Validates a value to determine if it is a valid event target. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the target does not appear to be a valid event target.
-   *
-   * @param  {Object} target
-   *         The object to test.
-   */
-
-
-  var validateTarget = function validateTarget(target) {
-    if (!target.nodeName && !isEvented(target)) {
-      throw new Error('Invalid target; must be a DOM node or evented object.');
-    }
-  };
-  /**
-   * Validates a value to determine if it is a valid event target. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the type does not appear to be a valid event type.
-   *
-   * @param  {string|Array} type
-   *         The type to test.
-   */
-
-
-  var validateEventType = function validateEventType(type) {
-    if (!isValidEventType(type)) {
-      throw new Error('Invalid event type; must be a non-empty string or array.');
-    }
-  };
-  /**
-   * Validates a value to determine if it is a valid listener. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the listener is not a function.
-   *
-   * @param  {Function} listener
-   *         The listener to test.
-   */
-
-
-  var validateListener = function validateListener(listener) {
-    if (typeof listener !== 'function') {
-      throw new Error('Invalid listener; must be a function.');
-    }
-  };
-  /**
-   * Takes an array of arguments given to `on()` or `one()`, validates them, and
-   * normalizes them into an object.
-   *
-   * @private
-   * @param  {Object} self
-   *         The evented object on which `on()` or `one()` was called. This
-   *         object will be bound as the `this` value for the listener.
-   *
-   * @param  {Array} args
-   *         An array of arguments passed to `on()` or `one()`.
-   *
-   * @return {Object}
-   *         An object containing useful values for `on()` or `one()` calls.
-   */
-
-
-  var normalizeListenArgs = function normalizeListenArgs(self, args) {
-    // If the number of arguments is less than 3, the target is always the
-    // evented object itself.
-    var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;
-    var target;
-    var type;
-    var listener;
-
-    if (isTargetingSelf) {
-      target = self.eventBusEl_; // Deal with cases where we got 3 arguments, but we are still listening to
-      // the evented object itself.
-
-      if (args.length >= 3) {
-        args.shift();
-      }
-
-      type = args[0];
-      listener = args[1];
-    } else {
-      target = args[0];
-      type = args[1];
-      listener = args[2];
-    }
-
-    validateTarget(target);
-    validateEventType(type);
-    validateListener(listener);
-    listener = bind(self, listener);
-    return {
-      isTargetingSelf: isTargetingSelf,
-      target: target,
-      type: type,
-      listener: listener
-    };
-  };
-  /**
-   * Adds the listener to the event type(s) on the target, normalizing for
-   * the type of target.
-   *
-   * @private
-   * @param  {Element|Object} target
-   *         A DOM node or evented object.
-   *
-   * @param  {string} method
-   *         The event binding method to use ("on" or "one").
-   *
-   * @param  {string|Array} type
-   *         One or more event type(s).
-   *
-   * @param  {Function} listener
-   *         A listener function.
-   */
-
-
-  var listen = function listen(target, method, type, listener) {
-    validateTarget(target);
-
-    if (target.nodeName) {
-      Events[method](target, type, listener);
-    } else {
-      target[method](type, listener);
-    }
-  };
-  /**
-   * Contains methods that provide event capabilities to an object which is passed
-   * to {@link module:evented|evented}.
-   *
-   * @mixin EventedMixin
-   */
-
-
-  var EventedMixin = {
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    on: function on() {
-      var _this = this;
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var _normalizeListenArgs = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs.isTargetingSelf,
-          target = _normalizeListenArgs.target,
-          type = _normalizeListenArgs.type,
-          listener = _normalizeListenArgs.listener;
-
-      listen(target, 'on', type, listener); // If this object is listening to another evented object.
-
-      if (!isTargetingSelf) {
-        // If this object is disposed, remove the listener.
-        var removeListenerOnDispose = function removeListenerOnDispose() {
-          return _this.off(target, type, listener);
-        }; // Use the same function ID as the listener so we can remove it later it
-        // using the ID of the original listener.
-
-
-        removeListenerOnDispose.guid = listener.guid; // Add a listener to the target's dispose event as well. This ensures
-        // that if the target is disposed BEFORE this object, we remove the
-        // removal listener that was just added. Otherwise, we create a memory leak.
-
-        var removeRemoverOnTargetDispose = function removeRemoverOnTargetDispose() {
-          return _this.off('dispose', removeListenerOnDispose);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        removeRemoverOnTargetDispose.guid = listener.guid;
-        listen(this, 'on', 'dispose', removeListenerOnDispose);
-        listen(target, 'on', 'dispose', removeRemoverOnTargetDispose);
-      }
-    },
-
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object. The listener will be called once per event and then removed.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    one: function one() {
-      var _this2 = this;
-
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      var _normalizeListenArgs2 = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,
-          target = _normalizeListenArgs2.target,
-          type = _normalizeListenArgs2.type,
-          listener = _normalizeListenArgs2.listener; // Targeting this evented object.
-
-
-      if (isTargetingSelf) {
-        listen(target, 'one', type, listener); // Targeting another evented object.
-      } else {
-        // TODO: This wrapper is incorrect! It should only
-        //       remove the wrapper for the event type that called it.
-        //       Instead all listners are removed on the first trigger!
-        //       see https://github.com/videojs/video.js/issues/5962
-        var wrapper = function wrapper() {
-          _this2.off(target, type, wrapper);
-
-          for (var _len3 = arguments.length, largs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            largs[_key3] = arguments[_key3];
-          }
-
-          listener.apply(null, largs);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        wrapper.guid = listener.guid;
-        listen(target, 'one', type, wrapper);
-      }
-    },
-
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object. The listener will only be called once for the first event that is triggered
-     * then removed.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    any: function any() {
-      var _this3 = this;
-
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      var _normalizeListenArgs3 = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs3.isTargetingSelf,
-          target = _normalizeListenArgs3.target,
-          type = _normalizeListenArgs3.type,
-          listener = _normalizeListenArgs3.listener; // Targeting this evented object.
-
-
-      if (isTargetingSelf) {
-        listen(target, 'any', type, listener); // Targeting another evented object.
-      } else {
-        var wrapper = function wrapper() {
-          _this3.off(target, type, wrapper);
-
-          for (var _len5 = arguments.length, largs = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-            largs[_key5] = arguments[_key5];
-          }
-
-          listener.apply(null, largs);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        wrapper.guid = listener.guid;
-        listen(target, 'any', type, wrapper);
-      }
-    },
-
-    /**
-     * Removes listener(s) from event(s) on an evented object.
-     *
-     * @param  {string|Array|Element|Object} [targetOrType]
-     *         If this is a string or array, it represents the event type(s).
-     *
-     *         Another evented object can be passed here instead, in which case
-     *         ALL 3 arguments are _required_.
-     *
-     * @param  {string|Array|Function} [typeOrListener]
-     *         If the first argument was a string or array, this may be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function; otherwise, _all_ listeners bound to the
-     *         event type(s) will be removed.
-     */
-    off: function off$1(targetOrType, typeOrListener, listener) {
-      // Targeting this evented object.
-      if (!targetOrType || isValidEventType(targetOrType)) {
-        off(this.eventBusEl_, targetOrType, typeOrListener); // Targeting another evented object.
-      } else {
-        var target = targetOrType;
-        var type = typeOrListener; // Fail fast and in a meaningful way!
-
-        validateTarget(target);
-        validateEventType(type);
-        validateListener(listener); // Ensure there's at least a guid, even if the function hasn't been used
-
-        listener = bind(this, listener); // Remove the dispose listener on this evented object, which was given
-        // the same guid as the event listener in on().
-
-        this.off('dispose', listener);
-
-        if (target.nodeName) {
-          off(target, type, listener);
-          off(target, 'dispose', listener);
-        } else if (isEvented(target)) {
-          target.off(type, listener);
-          target.off('dispose', listener);
-        }
-      }
-    },
-
-    /**
-     * Fire an event on this evented object, causing its listeners to be called.
-     *
-     * @param   {string|Object} event
-     *          An event type or an object with a type property.
-     *
-     * @param   {Object} [hash]
-     *          An additional object to pass along to listeners.
-     *
-     * @return {boolean}
-     *          Whether or not the default behavior was prevented.
-     */
-    trigger: function trigger$1(event, hash) {
-      return trigger(this.eventBusEl_, event, hash);
-    }
-  };
-  /**
-   * Applies {@link module:evented~EventedMixin|EventedMixin} to a target object.
-   *
-   * @param  {Object} target
-   *         The object to which to add event methods.
-   *
-   * @param  {Object} [options={}]
-   *         Options for customizing the mixin behavior.
-   *
-   * @param  {string} [options.eventBusKey]
-   *         By default, adds a `eventBusEl_` DOM element to the target object,
-   *         which is used as an event bus. If the target object already has a
-   *         DOM element that should be used, pass its key here.
-   *
-   * @return {Object}
-   *         The target object.
-   */
-
-  function evented(target, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options = options,
-        eventBusKey = _options.eventBusKey; // Set or create the eventBusEl_.
-
-    if (eventBusKey) {
-      if (!target[eventBusKey].nodeName) {
-        throw new Error("The eventBusKey \"" + eventBusKey + "\" does not refer to an element.");
-      }
-
-      target.eventBusEl_ = target[eventBusKey];
-    } else {
-      target.eventBusEl_ = createEl('span', {
-        className: 'vjs-event-bus'
-      });
-    }
-
-    assign(target, EventedMixin);
-
-    if (target.eventedCallbacks) {
-      target.eventedCallbacks.forEach(function (callback) {
-        callback();
-      });
-    } // When any evented object is disposed, it removes all its listeners.
-
-
-    target.on('dispose', function () {
-      target.off();
-      window$1.setTimeout(function () {
-        target.eventBusEl_ = null;
-      }, 0);
-    });
-    return target;
-  }
-
-  /**
-   * @file mixins/stateful.js
-   * @module stateful
-   */
-  /**
-   * Contains methods that provide statefulness to an object which is passed
-   * to {@link module:stateful}.
-   *
-   * @mixin StatefulMixin
-   */
-
-  var StatefulMixin = {
-    /**
-     * A hash containing arbitrary keys and values representing the state of
-     * the object.
-     *
-     * @type {Object}
-     */
-    state: {},
-
-    /**
-     * Set the state of an object by mutating its
-     * {@link module:stateful~StatefulMixin.state|state} object in place.
-     *
-     * @fires   module:stateful~StatefulMixin#statechanged
-     * @param   {Object|Function} stateUpdates
-     *          A new set of properties to shallow-merge into the plugin state.
-     *          Can be a plain object or a function returning a plain object.
-     *
-     * @return {Object|undefined}
-     *          An object containing changes that occurred. If no changes
-     *          occurred, returns `undefined`.
-     */
-    setState: function setState(stateUpdates) {
-      var _this = this;
-
-      // Support providing the `stateUpdates` state as a function.
-      if (typeof stateUpdates === 'function') {
-        stateUpdates = stateUpdates();
-      }
-
-      var changes;
-      each(stateUpdates, function (value, key) {
-        // Record the change if the value is different from what's in the
-        // current state.
-        if (_this.state[key] !== value) {
-          changes = changes || {};
-          changes[key] = {
-            from: _this.state[key],
-            to: value
-          };
-        }
-
-        _this.state[key] = value;
-      }); // Only trigger "statechange" if there were changes AND we have a trigger
-      // function. This allows us to not require that the target object be an
-      // evented object.
-
-      if (changes && isEvented(this)) {
-        /**
-         * An event triggered on an object that is both
-         * {@link module:stateful|stateful} and {@link module:evented|evented}
-         * indicating that its state has changed.
-         *
-         * @event    module:stateful~StatefulMixin#statechanged
-         * @type     {Object}
-         * @property {Object} changes
-         *           A hash containing the properties that were changed and
-         *           the values they were changed `from` and `to`.
-         */
-        this.trigger({
-          changes: changes,
-          type: 'statechanged'
-        });
-      }
-
-      return changes;
-    }
-  };
-  /**
-   * Applies {@link module:stateful~StatefulMixin|StatefulMixin} to a target
-   * object.
-   *
-   * If the target object is {@link module:evented|evented} and has a
-   * `handleStateChanged` method, that method will be automatically bound to the
-   * `statechanged` event on itself.
-   *
-   * @param   {Object} target
-   *          The object to be made stateful.
-   *
-   * @param   {Object} [defaultState]
-   *          A default set of properties to populate the newly-stateful object's
-   *          `state` property.
-   *
-   * @return {Object}
-   *          Returns the `target`.
-   */
-
-  function stateful(target, defaultState) {
-    assign(target, StatefulMixin); // This happens after the mixing-in because we need to replace the `state`
-    // added in that step.
-
-    target.state = assign({}, target.state, defaultState); // Auto-bind the `handleStateChanged` method of the target object if it exists.
-
-    if (typeof target.handleStateChanged === 'function' && isEvented(target)) {
-      target.on('statechanged', target.handleStateChanged);
-    }
-
-    return target;
-  }
-
-  /**
-   * @file string-cases.js
-   * @module to-lower-case
-   */
-
-  /**
-   * Lowercase the first letter of a string.
-   *
-   * @param {string} string
-   *        String to be lowercased
-   *
-   * @return {string}
-   *         The string with a lowercased first letter
-   */
-  var toLowerCase = function toLowerCase(string) {
-    if (typeof string !== 'string') {
-      return string;
-    }
-
-    return string.replace(/./, function (w) {
-      return w.toLowerCase();
-    });
-  };
-  /**
-   * Uppercase the first letter of a string.
-   *
-   * @param {string} string
-   *        String to be uppercased
-   *
-   * @return {string}
-   *         The string with an uppercased first letter
-   */
-
-  var toTitleCase = function toTitleCase(string) {
-    if (typeof string !== 'string') {
-      return string;
-    }
-
-    return string.replace(/./, function (w) {
-      return w.toUpperCase();
-    });
-  };
-  /**
-   * Compares the TitleCase versions of the two strings for equality.
-   *
-   * @param {string} str1
-   *        The first string to compare
-   *
-   * @param {string} str2
-   *        The second string to compare
-   *
-   * @return {boolean}
-   *         Whether the TitleCase versions of the strings are equal
-   */
-
-  var titleCaseEquals = function titleCaseEquals(str1, str2) {
-    return toTitleCase(str1) === toTitleCase(str2);
-  };
-
-  /**
-   * @file merge-options.js
-   * @module merge-options
-   */
-  /**
-   * Merge two objects recursively.
-   *
-   * Performs a deep merge like
-   * {@link https://lodash.com/docs/4.17.10#merge|lodash.merge}, but only merges
-   * plain objects (not arrays, elements, or anything else).
-   *
-   * Non-plain object values will be copied directly from the right-most
-   * argument.
-   *
-   * @static
-   * @param   {Object[]} sources
-   *          One or more objects to merge into a new object.
-   *
-   * @return {Object}
-   *          A new object that is the merged result of all sources.
-   */
-
-  function mergeOptions() {
-    var result = {};
-
-    for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-      sources[_key] = arguments[_key];
-    }
-
-    sources.forEach(function (source) {
-      if (!source) {
-        return;
-      }
-
-      each(source, function (value, key) {
-        if (!isPlain(value)) {
-          result[key] = value;
-          return;
-        }
-
-        if (!isPlain(result[key])) {
-          result[key] = {};
-        }
-
-        result[key] = mergeOptions(result[key], value);
-      });
-    });
-    return result;
-  }
-
-  /**
-   * Player Component - Base class for all UI objects
-   *
-   * @file component.js
-   */
-  /**
-   * Base class for all UI Components.
-   * Components are UI objects which represent both a javascript object and an element
-   * in the DOM. They can be children of other components, and can have
-   * children themselves.
-   *
-   * Components can also use methods from {@link EventTarget}
-   */
-
-  var Component =
-  /*#__PURE__*/
-  function () {
-    /**
-     * A callback that is called when a component is ready. Does not have any
-     * paramters and any callback value will be ignored.
-     *
-     * @callback Component~ReadyCallback
-     * @this Component
-     */
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Object[]} [options.children]
-     *        An array of children objects to intialize this component with. Children objects have
-     *        a name property that will be used if more than one component of the same type needs to be
-     *        added.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        Function that gets called when the `Component` is ready.
-     */
-    function Component(player, options, ready) {
-      // The component might be the player itself and we can't pass `this` to super
-      if (!player && this.play) {
-        this.player_ = player = this; // eslint-disable-line
-      } else {
-        this.player_ = player;
-      }
-
-      this.isDisposed_ = false; // Hold the reference to the parent component via `addChild` method
-
-      this.parentComponent_ = null; // Make a copy of prototype.options_ to protect against overriding defaults
-
-      this.options_ = mergeOptions({}, this.options_); // Updated options with supplied options
-
-      options = this.options_ = mergeOptions(this.options_, options); // Get ID from options or options element if one is supplied
-
-      this.id_ = options.id || options.el && options.el.id; // If there was no ID from the options, generate one
-
-      if (!this.id_) {
-        // Don't require the player ID function in the case of mock players
-        var id = player && player.id && player.id() || 'no_player';
-        this.id_ = id + "_component_" + newGUID();
-      }
-
-      this.name_ = options.name || null; // Create element if one wasn't provided in options
-
-      if (options.el) {
-        this.el_ = options.el;
-      } else if (options.createEl !== false) {
-        this.el_ = this.createEl();
-      } // if evented is anything except false, we want to mixin in evented
-
-
-      if (options.evented !== false) {
-        // Make this an evented object and use `el_`, if available, as its event bus
-        evented(this, {
-          eventBusKey: this.el_ ? 'el_' : null
-        });
-      }
-
-      stateful(this, this.constructor.defaultState);
-      this.children_ = [];
-      this.childIndex_ = {};
-      this.childNameIndex_ = {};
-      var SetSham;
-
-      if (!window$1.Set) {
-        SetSham =
-        /*#__PURE__*/
-        function () {
-          function SetSham() {
-            this.set_ = {};
-          }
-
-          var _proto2 = SetSham.prototype;
-
-          _proto2.has = function has(key) {
-            return key in this.set_;
-          };
-
-          _proto2["delete"] = function _delete(key) {
-            var has = this.has(key);
-            delete this.set_[key];
-            return has;
-          };
-
-          _proto2.add = function add(key) {
-            this.set_[key] = 1;
-            return this;
-          };
-
-          _proto2.forEach = function forEach(callback, thisArg) {
-            for (var key in this.set_) {
-              callback.call(thisArg, key, key, this);
-            }
-          };
-
-          return SetSham;
-        }();
-      }
-
-      this.setTimeoutIds_ = window$1.Set ? new Set() : new SetSham();
-      this.setIntervalIds_ = window$1.Set ? new Set() : new SetSham();
-      this.rafIds_ = window$1.Set ? new Set() : new SetSham();
-      this.clearingTimersOnDispose_ = false; // Add any child components in options
-
-      if (options.initChildren !== false) {
-        this.initChildren();
-      }
-
-      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.
-     *
-     * @fires Component#dispose
-     */
-
-
-    var _proto = Component.prototype;
-
-    _proto.dispose = function dispose() {
-      // Bail out if the component has already been disposed.
-      if (this.isDisposed_) {
-        return;
-      }
-      /**
-       * Triggered when a `Component` is disposed.
-       *
-       * @event Component#dispose
-       * @type {EventTarget~Event}
-       *
-       * @property {boolean} [bubbles=false]
-       *           set to false so that the dispose event does not
-       *           bubble up
-       */
-
-
-      this.trigger({
-        type: 'dispose',
-        bubbles: false
-      });
-      this.isDisposed_ = true; // Dispose all children.
-
-      if (this.children_) {
-        for (var i = this.children_.length - 1; i >= 0; i--) {
-          if (this.children_[i].dispose) {
-            this.children_[i].dispose();
-          }
-        }
-      } // Delete child references
-
-
-      this.children_ = null;
-      this.childIndex_ = null;
-      this.childNameIndex_ = null;
-      this.parentComponent_ = null;
-
-      if (this.el_) {
-        // Remove element from DOM
-        if (this.el_.parentNode) {
-          this.el_.parentNode.removeChild(this.el_);
-        }
-
-        if (DomData.has(this.el_)) {
-          DomData["delete"](this.el_);
-        }
-
-        this.el_ = null;
-      } // remove reference to the player after disposing of the element
-
-
-      this.player_ = null;
-    }
-    /**
-     * Determine whether or not this component has been disposed.
-     *
-     * @return {boolean}
-     *         If the component has been disposed, will be `true`. Otherwise, `false`.
-     */
-    ;
-
-    _proto.isDisposed = function isDisposed() {
-      return Boolean(this.isDisposed_);
-    }
-    /**
-     * Return the {@link Player} that the `Component` has attached to.
-     *
-     * @return {Player}
-     *         The player that this `Component` has attached to.
-     */
-    ;
-
-    _proto.player = function player() {
-      return this.player_;
-    }
-    /**
-     * Deep merge of options objects with new options.
-     * > Note: When both `obj` and `options` contain properties whose values are objects.
-     *         The two properties get merged using {@link module:mergeOptions}
-     *
-     * @param {Object} obj
-     *        The object that contains new options.
-     *
-     * @return {Object}
-     *         A new object of `this.options_` and `obj` merged together.
-     */
-    ;
-
-    _proto.options = function options(obj) {
-      if (!obj) {
-        return this.options_;
-      }
-
-      this.options_ = mergeOptions(this.options_, obj);
-      return this.options_;
-    }
-    /**
-     * Get the `Component`s DOM element
-     *
-     * @return {Element}
-     *         The DOM element for this `Component`.
-     */
-    ;
-
-    _proto.el = function el() {
-      return this.el_;
-    }
-    /**
-     * Create the `Component`s DOM element.
-     *
-     * @param {string} [tagName]
-     *        Element's DOM node type. e.g. 'div'
-     *
-     * @param {Object} [properties]
-     *        An object of properties that should be set.
-     *
-     * @param {Object} [attributes]
-     *        An object of attributes that should be set.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1(tagName, properties, attributes) {
-      return createEl(tagName, properties, attributes);
-    }
-    /**
-     * Localize a string given the string in english.
-     *
-     * If tokens are provided, it'll try and run a simple token replacement on the provided string.
-     * The tokens it looks for look like `{1}` with the index being 1-indexed into the tokens array.
-     *
-     * If a `defaultValue` is provided, it'll use that over `string`,
-     * if a value isn't found in provided language files.
-     * This is useful if you want to have a descriptive key for token replacement
-     * but have a succinct localized string and not require `en.json` to be included.
-     *
-     * Currently, it is used for the progress bar timing.
-     * ```js
-     * {
-     *   "progress bar timing: currentTime={1} duration={2}": "{1} of {2}"
-     * }
-     * ```
-     * It is then used like so:
-     * ```js
-     * this.localize('progress bar timing: currentTime={1} duration{2}',
-     *               [this.player_.currentTime(), this.player_.duration()],
-     *               '{1} of {2}');
-     * ```
-     *
-     * Which outputs something like: `01:23 of 24:56`.
-     *
-     *
-     * @param {string} string
-     *        The string to localize and the key to lookup in the language files.
-     * @param {string[]} [tokens]
-     *        If the current item has token replacements, provide the tokens here.
-     * @param {string} [defaultValue]
-     *        Defaults to `string`. Can be a default value to use for token replacement
-     *        if the lookup key is needed to be separate.
-     *
-     * @return {string}
-     *         The localized string or if no localization exists the english string.
-     */
-    ;
-
-    _proto.localize = function localize(string, tokens, defaultValue) {
-      if (defaultValue === void 0) {
-        defaultValue = string;
-      }
-
-      var code = this.player_.language && this.player_.language();
-      var languages = this.player_.languages && this.player_.languages();
-      var language = languages && languages[code];
-      var primaryCode = code && code.split('-')[0];
-      var primaryLang = languages && languages[primaryCode];
-      var localizedString = defaultValue;
-
-      if (language && language[string]) {
-        localizedString = language[string];
-      } else if (primaryLang && primaryLang[string]) {
-        localizedString = primaryLang[string];
-      }
-
-      if (tokens) {
-        localizedString = localizedString.replace(/\{(\d+)\}/g, function (match, index) {
-          var value = tokens[index - 1];
-          var ret = value;
-
-          if (typeof value === 'undefined') {
-            ret = match;
-          }
-
-          return ret;
-        });
-      }
-
-      return localizedString;
-    }
-    /**
-     * Return the `Component`s DOM element. This is where children get inserted.
-     * This will usually be the the same as the element returned in {@link Component#el}.
-     *
-     * @return {Element}
-     *         The content element for this `Component`.
-     */
-    ;
-
-    _proto.contentEl = function contentEl() {
-      return this.contentEl_ || this.el_;
-    }
-    /**
-     * Get this `Component`s ID
-     *
-     * @return {string}
-     *         The id of this `Component`
-     */
-    ;
-
-    _proto.id = function id() {
-      return this.id_;
-    }
-    /**
-     * Get the `Component`s name. The name gets used to reference the `Component`
-     * and is set during registration.
-     *
-     * @return {string}
-     *         The name of this `Component`.
-     */
-    ;
-
-    _proto.name = function name() {
-      return this.name_;
-    }
-    /**
-     * Get an array of all child components
-     *
-     * @return {Array}
-     *         The children
-     */
-    ;
-
-    _proto.children = function children() {
-      return this.children_;
-    }
-    /**
-     * Returns the child `Component` with the given `id`.
-     *
-     * @param {string} id
-     *        The id of the child `Component` to get.
-     *
-     * @return {Component|undefined}
-     *         The child `Component` with the given `id` or undefined.
-     */
-    ;
-
-    _proto.getChildById = function getChildById(id) {
-      return this.childIndex_[id];
-    }
-    /**
-     * Returns the child `Component` with the given `name`.
-     *
-     * @param {string} name
-     *        The name of the child `Component` to get.
-     *
-     * @return {Component|undefined}
-     *         The child `Component` with the given `name` or undefined.
-     */
-    ;
-
-    _proto.getChild = function getChild(name) {
-      if (!name) {
-        return;
-      }
-
-      return this.childNameIndex_[name];
-    }
-    /**
-     * Add a child `Component` inside the current `Component`.
-     *
-     *
-     * @param {string|Component} child
-     *        The name or instance of a child to add.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of options that will get passed to children of
-     *        the child.
-     *
-     * @param {number} [index=this.children_.length]
-     *        The index to attempt to add a child into.
-     *
-     * @return {Component}
-     *         The `Component` that gets added as a child. When using a string the
-     *         `Component` will get created by this process.
-     */
-    ;
-
-    _proto.addChild = function addChild(child, options, index) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (index === void 0) {
-        index = this.children_.length;
-      }
-
-      var component;
-      var componentName; // If child is a string, create component with options
-
-      if (typeof child === 'string') {
-        componentName = toTitleCase(child);
-        var componentClassName = options.componentClass || componentName; // Set name through options
-
-        options.name = componentName; // Create a new object & element for this controls set
-        // If there's no .player_, this is a player
-
-        var ComponentClass = Component.getComponent(componentClassName);
-
-        if (!ComponentClass) {
-          throw new Error("Component " + componentClassName + " does not exist");
-        } // data stored directly on the videojs object may be
-        // misidentified as a component to retain
-        // backwards-compatibility with 4.x. check to make sure the
-        // component class can be instantiated.
-
-
-        if (typeof ComponentClass !== 'function') {
-          return null;
-        }
-
-        component = new ComponentClass(this.player_ || this, options); // child is a component instance
-      } else {
-        component = child;
-      }
-
-      if (component.parentComponent_) {
-        component.parentComponent_.removeChild(component);
-      }
-
-      this.children_.splice(index, 0, component);
-      component.parentComponent_ = this;
-
-      if (typeof component.id === 'function') {
-        this.childIndex_[component.id()] = component;
-      } // If a name wasn't used to create the component, check if we can use the
-      // name function of the component
-
-
-      componentName = componentName || component.name && toTitleCase(component.name());
-
-      if (componentName) {
-        this.childNameIndex_[componentName] = component;
-        this.childNameIndex_[toLowerCase(componentName)] = component;
-      } // Add the UI object's element to the container div (box)
-      // Having an element is not required
-
-
-      if (typeof component.el === 'function' && component.el()) {
-        // If inserting before a component, insert before that component's element
-        var refNode = null;
-
-        if (this.children_[index + 1] && this.children_[index + 1].el_) {
-          refNode = this.children_[index + 1].el_;
-        }
-
-        this.contentEl().insertBefore(component.el(), refNode);
-      } // Return so it can stored on parent object if desired.
-
-
-      return component;
-    }
-    /**
-     * Remove a child `Component` from this `Component`s list of children. Also removes
-     * the child `Component`s element from this `Component`s element.
-     *
-     * @param {Component} component
-     *        The child `Component` to remove.
-     */
-    ;
-
-    _proto.removeChild = function removeChild(component) {
-      if (typeof component === 'string') {
-        component = this.getChild(component);
-      }
-
-      if (!component || !this.children_) {
-        return;
-      }
-
-      var childFound = false;
-
-      for (var i = this.children_.length - 1; i >= 0; i--) {
-        if (this.children_[i] === component) {
-          childFound = true;
-          this.children_.splice(i, 1);
-          break;
-        }
-      }
-
-      if (!childFound) {
-        return;
-      }
-
-      component.parentComponent_ = null;
-      this.childIndex_[component.id()] = null;
-      this.childNameIndex_[toTitleCase(component.name())] = null;
-      this.childNameIndex_[toLowerCase(component.name())] = null;
-      var compEl = component.el();
-
-      if (compEl && compEl.parentNode === this.contentEl()) {
-        this.contentEl().removeChild(component.el());
-      }
-    }
-    /**
-     * Add and initialize default child `Component`s based upon options.
-     */
-    ;
-
-    _proto.initChildren = function initChildren() {
-      var _this = this;
-
-      var children = this.options_.children;
-
-      if (children) {
-        // `this` is `parent`
-        var parentOptions = this.options_;
-
-        var handleAdd = function handleAdd(child) {
-          var name = child.name;
-          var opts = child.opts; // Allow options for children to be set at the parent options
-          // e.g. videojs(id, { controlBar: false });
-          // instead of videojs(id, { children: { controlBar: false });
-
-          if (parentOptions[name] !== undefined) {
-            opts = parentOptions[name];
-          } // Allow for disabling default components
-          // e.g. options['children']['posterImage'] = false
-
-
-          if (opts === false) {
-            return;
-          } // Allow options to be passed as a simple boolean if no configuration
-          // is necessary.
-
-
-          if (opts === true) {
-            opts = {};
-          } // We also want to pass the original player options
-          // to each component as well so they don't need to
-          // reach back into the player for options later.
-
-
-          opts.playerOptions = _this.options_.playerOptions; // Create and add the child component.
-          // Add a direct reference to the child by name on the parent instance.
-          // If two of the same component are used, different names should be supplied
-          // for each
-
-          var newChild = _this.addChild(name, opts);
-
-          if (newChild) {
-            _this[name] = newChild;
-          }
-        }; // Allow for an array of children details to passed in the options
-
-
-        var workingChildren;
-        var Tech = Component.getComponent('Tech');
-
-        if (Array.isArray(children)) {
-          workingChildren = children;
-        } else {
-          workingChildren = Object.keys(children);
-        }
-
-        workingChildren // children that are in this.options_ but also in workingChildren  would
-        // give us extra children we do not want. So, we want to filter them out.
-        .concat(Object.keys(this.options_).filter(function (child) {
-          return !workingChildren.some(function (wchild) {
-            if (typeof wchild === 'string') {
-              return child === wchild;
-            }
-
-            return child === wchild.name;
-          });
-        })).map(function (child) {
-          var name;
-          var opts;
-
-          if (typeof child === 'string') {
-            name = child;
-            opts = children[name] || _this.options_[name] || {};
-          } else {
-            name = child.name;
-            opts = child;
-          }
-
-          return {
-            name: name,
-            opts: opts
-          };
-        }).filter(function (child) {
-          // we have to make sure that child.name isn't in the techOrder since
-          // techs are registerd as Components but can't aren't compatible
-          // See https://github.com/videojs/video.js/issues/2772
-          var c = Component.getComponent(child.opts.componentClass || toTitleCase(child.name));
-          return c && !Tech.isTech(c);
-        }).forEach(handleAdd);
-      }
-    }
-    /**
-     * Builds the default DOM class name. Should be overriden by sub-components.
-     *
-     * @return {string}
-     *         The DOM class name for this object.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      // Child classes can include a function that does:
-      // return 'CLASS NAME' + this._super();
-      return '';
-    }
-    /**
-     * Bind a listener to the component's ready state.
-     * Different from event listeners in that if the ready event has already happened
-     * it will trigger the function immediately.
-     *
-     * @return {Component}
-     *         Returns itself; method can be chained.
-     */
-    ;
-
-    _proto.ready = function ready(fn, sync) {
-      if (sync === void 0) {
-        sync = false;
-      }
-
-      if (!fn) {
-        return;
-      }
-
-      if (!this.isReady_) {
-        this.readyQueue_ = this.readyQueue_ || [];
-        this.readyQueue_.push(fn);
-        return;
-      }
-
-      if (sync) {
-        fn.call(this);
-      } else {
-        // Call the function asynchronously by default for consistency
-        this.setTimeout(fn, 1);
-      }
-    }
-    /**
-     * Trigger all the ready listeners for this `Component`.
-     *
-     * @fires Component#ready
-     */
-    ;
-
-    _proto.triggerReady = function triggerReady() {
-      this.isReady_ = true; // Ensure ready is triggered asynchronously
-
-      this.setTimeout(function () {
-        var readyQueue = this.readyQueue_; // Reset Ready Queue
-
-        this.readyQueue_ = [];
-
-        if (readyQueue && readyQueue.length > 0) {
-          readyQueue.forEach(function (fn) {
-            fn.call(this);
-          }, this);
-        } // Allow for using event listeners also
-
-        /**
-         * Triggered when a `Component` is ready.
-         *
-         * @event Component#ready
-         * @type {EventTarget~Event}
-         */
-
-
-        this.trigger('ready');
-      }, 1);
-    }
-    /**
-     * Find a single DOM element matching a `selector`. This can be within the `Component`s
-     * `contentEl()` or another custom context.
-     *
-     * @param {string} selector
-     *        A valid CSS selector, which will be passed to `querySelector`.
-     *
-     * @param {Element|string} [context=this.contentEl()]
-     *        A DOM element within which to query. Can also be a selector string in
-     *        which case the first matching element will get used as context. If
-     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-     *        nothing it falls back to `document`.
-     *
-     * @return {Element|null}
-     *         the dom element that was found, or null
-     *
-     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-     */
-    ;
-
-    _proto.$ = function $$1(selector, context) {
-      return $(selector, context || this.contentEl());
-    }
-    /**
-     * Finds all DOM element matching a `selector`. This can be within the `Component`s
-     * `contentEl()` or another custom context.
-     *
-     * @param {string} selector
-     *        A valid CSS selector, which will be passed to `querySelectorAll`.
-     *
-     * @param {Element|string} [context=this.contentEl()]
-     *        A DOM element within which to query. Can also be a selector string in
-     *        which case the first matching element will get used as context. If
-     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-     *        nothing it falls back to `document`.
-     *
-     * @return {NodeList}
-     *         a list of dom elements that were found
-     *
-     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-     */
-    ;
-
-    _proto.$$ = function $$$1(selector, context) {
-      return $$(selector, context || this.contentEl());
-    }
-    /**
-     * Check if a component's element has a CSS class name.
-     *
-     * @param {string} classToCheck
-     *        CSS class name to check.
-     *
-     * @return {boolean}
-     *         - True if the `Component` has the class.
-     *         - False if the `Component` does not have the class`
-     */
-    ;
-
-    _proto.hasClass = function hasClass$1(classToCheck) {
-      return hasClass(this.el_, classToCheck);
-    }
-    /**
-     * Add a CSS class name to the `Component`s element.
-     *
-     * @param {string} classToAdd
-     *        CSS class name to add
-     */
-    ;
-
-    _proto.addClass = function addClass$1(classToAdd) {
-      addClass(this.el_, classToAdd);
-    }
-    /**
-     * Remove a CSS class name from the `Component`s element.
-     *
-     * @param {string} classToRemove
-     *        CSS class name to remove
-     */
-    ;
-
-    _proto.removeClass = function removeClass$1(classToRemove) {
-      removeClass(this.el_, classToRemove);
-    }
-    /**
-     * Add or remove a CSS class name from the component's element.
-     * - `classToToggle` gets added when {@link Component#hasClass} would return false.
-     * - `classToToggle` gets removed when {@link Component#hasClass} would return true.
-     *
-     * @param  {string} classToToggle
-     *         The class to add or remove based on (@link Component#hasClass}
-     *
-     * @param  {boolean|Dom~predicate} [predicate]
-     *         An {@link Dom~predicate} function or a boolean
-     */
-    ;
-
-    _proto.toggleClass = function toggleClass$1(classToToggle, predicate) {
-      toggleClass(this.el_, classToToggle, predicate);
-    }
-    /**
-     * Show the `Component`s element if it is hidden by removing the
-     * 'vjs-hidden' class name from it.
-     */
-    ;
-
-    _proto.show = function show() {
-      this.removeClass('vjs-hidden');
-    }
-    /**
-     * Hide the `Component`s element if it is currently showing by adding the
-     * 'vjs-hidden` class name to it.
-     */
-    ;
-
-    _proto.hide = function hide() {
-      this.addClass('vjs-hidden');
-    }
-    /**
-     * Lock a `Component`s element in its visible state by adding the 'vjs-lock-showing'
-     * class name to it. Used during fadeIn/fadeOut.
-     *
-     * @private
-     */
-    ;
-
-    _proto.lockShowing = function lockShowing() {
-      this.addClass('vjs-lock-showing');
-    }
-    /**
-     * Unlock a `Component`s element from its visible state by removing the 'vjs-lock-showing'
-     * class name from it. Used during fadeIn/fadeOut.
-     *
-     * @private
-     */
-    ;
-
-    _proto.unlockShowing = function unlockShowing() {
-      this.removeClass('vjs-lock-showing');
-    }
-    /**
-     * Get the value of an attribute on the `Component`s element.
-     *
-     * @param {string} attribute
-     *        Name of the attribute to get the value from.
-     *
-     * @return {string|null}
-     *         - The value of the attribute that was asked for.
-     *         - Can be an empty string on some browsers if the attribute does not exist
-     *           or has no value
-     *         - Most browsers will return null if the attibute does not exist or has
-     *           no value.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute}
-     */
-    ;
-
-    _proto.getAttribute = function getAttribute$1(attribute) {
-      return getAttribute(this.el_, attribute);
-    }
-    /**
-     * Set the value of an attribute on the `Component`'s element
-     *
-     * @param {string} attribute
-     *        Name of the attribute to set.
-     *
-     * @param {string} value
-     *        Value to set the attribute to.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute}
-     */
-    ;
-
-    _proto.setAttribute = function setAttribute$1(attribute, value) {
-      setAttribute(this.el_, attribute, value);
-    }
-    /**
-     * Remove an attribute from the `Component`s element.
-     *
-     * @param {string} attribute
-     *        Name of the attribute to remove.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute}
-     */
-    ;
-
-    _proto.removeAttribute = function removeAttribute$1(attribute) {
-      removeAttribute(this.el_, attribute);
-    }
-    /**
-     * Get or set the width of the component based upon the CSS styles.
-     * See {@link Component#dimension} for more detailed information.
-     *
-     * @param {number|string} [num]
-     *        The width that you want to set postfixed with '%', 'px' or nothing.
-     *
-     * @param {boolean} [skipListeners]
-     *        Skip the componentresize event trigger
-     *
-     * @return {number|string}
-     *         The width when getting, zero if there is no width. Can be a string
-     *           postpixed with '%' or 'px'.
-     */
-    ;
-
-    _proto.width = function width(num, skipListeners) {
-      return this.dimension('width', num, skipListeners);
-    }
-    /**
-     * Get or set the height of the component based upon the CSS styles.
-     * See {@link Component#dimension} for more detailed information.
-     *
-     * @param {number|string} [num]
-     *        The height that you want to set postfixed with '%', 'px' or nothing.
-     *
-     * @param {boolean} [skipListeners]
-     *        Skip the componentresize event trigger
-     *
-     * @return {number|string}
-     *         The width when getting, zero if there is no width. Can be a string
-     *         postpixed with '%' or 'px'.
-     */
-    ;
-
-    _proto.height = function height(num, skipListeners) {
-      return this.dimension('height', num, skipListeners);
-    }
-    /**
-     * Set both the width and height of the `Component` element at the same time.
-     *
-     * @param  {number|string} width
-     *         Width to set the `Component`s element to.
-     *
-     * @param  {number|string} height
-     *         Height to set the `Component`s element to.
-     */
-    ;
-
-    _proto.dimensions = function dimensions(width, height) {
-      // Skip componentresize listeners on width for optimization
-      this.width(width, true);
-      this.height(height);
-    }
-    /**
-     * Get or set width or height of the `Component` element. This is the shared code
-     * for the {@link Component#width} and {@link Component#height}.
-     *
-     * Things to know:
-     * - If the width or height in an number this will return the number postfixed with 'px'.
-     * - If the width/height is a percent this will return the percent postfixed with '%'
-     * - Hidden elements have a width of 0 with `window.getComputedStyle`. This function
-     *   defaults to the `Component`s `style.width` and falls back to `window.getComputedStyle`.
-     *   See [this]{@link http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/}
-     *   for more information
-     * - If you want the computed style of the component, use {@link Component#currentWidth}
-     *   and {@link {Component#currentHeight}
-     *
-     * @fires Component#componentresize
-     *
-     * @param {string} widthOrHeight
-     8        'width' or 'height'
-     *
-     * @param  {number|string} [num]
-     8         New dimension
-     *
-     * @param  {boolean} [skipListeners]
-     *         Skip componentresize event trigger
-     *
-     * @return {number}
-     *         The dimension when getting or 0 if unset
-     */
-    ;
-
-    _proto.dimension = function dimension(widthOrHeight, num, skipListeners) {
-      if (num !== undefined) {
-        // Set to zero if null or literally NaN (NaN !== NaN)
-        if (num === null || num !== num) {
-          num = 0;
-        } // Check if using css width/height (% or px) and adjust
-
-
-        if (('' + num).indexOf('%') !== -1 || ('' + num).indexOf('px') !== -1) {
-          this.el_.style[widthOrHeight] = num;
-        } else if (num === 'auto') {
-          this.el_.style[widthOrHeight] = '';
-        } else {
-          this.el_.style[widthOrHeight] = num + 'px';
-        } // skipListeners allows us to avoid triggering the resize event when setting both width and height
-
-
-        if (!skipListeners) {
-          /**
-           * Triggered when a component is resized.
-           *
-           * @event Component#componentresize
-           * @type {EventTarget~Event}
-           */
-          this.trigger('componentresize');
-        }
-
-        return;
-      } // Not setting a value, so getting it
-      // Make sure element exists
-
-
-      if (!this.el_) {
-        return 0;
-      } // Get dimension value from style
-
-
-      var val = this.el_.style[widthOrHeight];
-      var pxIndex = val.indexOf('px');
-
-      if (pxIndex !== -1) {
-        // Return the pixel value with no 'px'
-        return parseInt(val.slice(0, pxIndex), 10);
-      } // No px so using % or no style was set, so falling back to offsetWidth/height
-      // If component has display:none, offset will return 0
-      // TODO: handle display:none and no dimension style using px
-
-
-      return parseInt(this.el_['offset' + toTitleCase(widthOrHeight)], 10);
-    }
-    /**
-     * Get the computed width or the height of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @param {string} widthOrHeight
-     *        A string containing 'width' or 'height'. Whichever one you want to get.
-     *
-     * @return {number}
-     *         The dimension that gets asked for or 0 if nothing was set
-     *         for that dimension.
-     */
-    ;
-
-    _proto.currentDimension = function currentDimension(widthOrHeight) {
-      var computedWidthOrHeight = 0;
-
-      if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-        throw new Error('currentDimension only accepts width or height value');
-      }
-
-      computedWidthOrHeight = computedStyle(this.el_, widthOrHeight); // remove 'px' from variable and parse as integer
-
-      computedWidthOrHeight = parseFloat(computedWidthOrHeight); // if the computed value is still 0, it's possible that the browser is lying
-      // and we want to check the offset values.
-      // This code also runs wherever getComputedStyle doesn't exist.
-
-      if (computedWidthOrHeight === 0 || isNaN(computedWidthOrHeight)) {
-        var rule = "offset" + toTitleCase(widthOrHeight);
-        computedWidthOrHeight = this.el_[rule];
-      }
-
-      return computedWidthOrHeight;
-    }
-    /**
-     * An object that contains width and height values of the `Component`s
-     * computed style. Uses `window.getComputedStyle`.
-     *
-     * @typedef {Object} Component~DimensionObject
-     *
-     * @property {number} width
-     *           The width of the `Component`s computed style.
-     *
-     * @property {number} height
-     *           The height of the `Component`s computed style.
-     */
-
-    /**
-     * Get an object that contains computed width and height values of the
-     * component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {Component~DimensionObject}
-     *         The computed dimensions of the component's element.
-     */
-    ;
-
-    _proto.currentDimensions = function currentDimensions() {
-      return {
-        width: this.currentDimension('width'),
-        height: this.currentDimension('height')
-      };
-    }
-    /**
-     * Get the computed width of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {number}
-     *         The computed width of the component's element.
-     */
-    ;
-
-    _proto.currentWidth = function currentWidth() {
-      return this.currentDimension('width');
-    }
-    /**
-     * Get the computed height of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {number}
-     *         The computed height of the component's element.
-     */
-    ;
-
-    _proto.currentHeight = function currentHeight() {
-      return this.currentDimension('height');
-    }
-    /**
-     * Set the focus to this component
-     */
-    ;
-
-    _proto.focus = function focus() {
-      this.el_.focus();
-    }
-    /**
-     * Remove the focus from this component
-     */
-    ;
-
-    _proto.blur = function blur() {
-      this.el_.blur();
-    }
-    /**
-     * When this Component receives a `keydown` event which it does not process,
-     *  it passes the event to the Player for handling.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (this.player_) {
-        // We only stop propagation here because we want unhandled events to fall
-        // back to the browser.
-        event.stopPropagation();
-        this.player_.handleKeyDown(event);
-      }
-    }
-    /**
-     * Many components used to have a `handleKeyPress` method, which was poorly
-     * named because it listened to a `keydown` event. This method name now
-     * delegates to `handleKeyDown`. This means anyone calling `handleKeyPress`
-     * will not see their method calls stop working.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleKeyPress = function handleKeyPress(event) {
-      this.handleKeyDown(event);
-    }
-    /**
-     * Emit a 'tap' events when touch event support gets detected. This gets used to
-     * support toggling the controls through a tap on the video. They get enabled
-     * because every sub-component would have extra overhead otherwise.
-     *
-     * @private
-     * @fires Component#tap
-     * @listens Component#touchstart
-     * @listens Component#touchmove
-     * @listens Component#touchleave
-     * @listens Component#touchcancel
-     * @listens Component#touchend
-      */
-    ;
-
-    _proto.emitTapEvents = function emitTapEvents() {
-      // Track the start time so we can determine how long the touch lasted
-      var touchStart = 0;
-      var firstTouch = null; // Maximum movement allowed during a touch event to still be considered a tap
-      // Other popular libs use anywhere from 2 (hammer.js) to 15,
-      // so 10 seems like a nice, round number.
-
-      var tapMovementThreshold = 10; // The maximum length a touch can be while still being considered a tap
-
-      var touchTimeThreshold = 200;
-      var couldBeTap;
-      this.on('touchstart', function (event) {
-        // If more than one finger, don't consider treating this as a click
-        if (event.touches.length === 1) {
-          // Copy pageX/pageY from the object
-          firstTouch = {
-            pageX: event.touches[0].pageX,
-            pageY: event.touches[0].pageY
-          }; // Record start time so we can detect a tap vs. "touch and hold"
-
-          touchStart = window$1.performance.now(); // Reset couldBeTap tracking
-
-          couldBeTap = true;
-        }
-      });
-      this.on('touchmove', function (event) {
-        // If more than one finger, don't consider treating this as a click
-        if (event.touches.length > 1) {
-          couldBeTap = false;
-        } else if (firstTouch) {
-          // Some devices will throw touchmoves for all but the slightest of taps.
-          // So, if we moved only a small distance, this could still be a tap
-          var xdiff = event.touches[0].pageX - firstTouch.pageX;
-          var ydiff = event.touches[0].pageY - firstTouch.pageY;
-          var touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
-
-          if (touchDistance > tapMovementThreshold) {
-            couldBeTap = false;
-          }
-        }
-      });
-
-      var noTap = function noTap() {
-        couldBeTap = false;
-      }; // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
-
-
-      this.on('touchleave', noTap);
-      this.on('touchcancel', noTap); // When the touch ends, measure how long it took and trigger the appropriate
-      // event
-
-      this.on('touchend', function (event) {
-        firstTouch = null; // Proceed only if the touchmove/leave/cancel event didn't happen
-
-        if (couldBeTap === true) {
-          // Measure how long the touch lasted
-          var touchTime = window$1.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
-
-          if (touchTime < touchTimeThreshold) {
-            // Don't let browser turn this into a click
-            event.preventDefault();
-            /**
-             * Triggered when a `Component` is tapped.
-             *
-             * @event Component#tap
-             * @type {EventTarget~Event}
-             */
-
-            this.trigger('tap'); // It may be good to copy the touchend event object and change the
-            // type to tap, if the other event properties aren't exact after
-            // Events.fixEvent runs (e.g. event.target)
-          }
-        }
-      });
-    }
-    /**
-     * This function reports user activity whenever touch events happen. This can get
-     * turned off by any sub-components that wants touch events to act another way.
-     *
-     * Report user touch activity when touch events occur. User activity gets used to
-     * determine when controls should show/hide. It is 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 as `touchstart` and `touchend` toggle player
-     * controls. So touch events can't help us at the player level either.
-     *
-     * User activity gets 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.
-     * Furthermore a `touchmove` event and anything other than a tap, should not turn
-     * controls back on.
-     *
-     * @listens Component#touchstart
-     * @listens Component#touchmove
-     * @listens Component#touchend
-     * @listens Component#touchcancel
-     */
-    ;
-
-    _proto.enableTouchActivity = function enableTouchActivity() {
-      // Don't continue if the root player doesn't support reporting user activity
-      if (!this.player() || !this.player().reportUserActivity) {
-        return;
-      } // listener for reporting that the user is active
-
-
-      var report = bind(this.player(), this.player().reportUserActivity);
-      var touchHolding;
-      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
-
-        this.clearInterval(touchHolding); // report at the same interval as activityCheck
-
-        touchHolding = this.setInterval(report, 250);
-      });
-
-      var touchEnd = function touchEnd(event) {
-        report(); // stop the interval that maintains activity if the touch is holding
-
-        this.clearInterval(touchHolding);
-      };
-
-      this.on('touchmove', report);
-      this.on('touchend', touchEnd);
-      this.on('touchcancel', touchEnd);
-    }
-    /**
-     * A callback that has no parameters and is bound into `Component`s context.
-     *
-     * @callback Component~GenericCallback
-     * @this Component
-     */
-
-    /**
-     * Creates a function that runs after an `x` millisecond timeout. This function is a
-     * wrapper around `window.setTimeout`. There are a few reasons to use this one
-     * instead though:
-     * 1. It gets cleared via  {@link Component#clearTimeout} when
-     *    {@link Component#dispose} gets called.
-     * 2. The function callback will gets turned into a {@link Component~GenericCallback}
-     *
-     * > Note: You can't use `window.clearTimeout` on the id returned by this function. This
-     *         will cause its dispose listener not to get cleaned up! Please use
-     *         {@link Component#clearTimeout} or {@link Component#dispose} instead.
-     *
-     * @param {Component~GenericCallback} fn
-     *        The function that will be run after `timeout`.
-     *
-     * @param {number} timeout
-     *        Timeout in milliseconds to delay before executing the specified function.
-     *
-     * @return {number}
-     *         Returns a timeout ID that gets used to identify the timeout. It can also
-     *         get used in {@link Component#clearTimeout} to clear the timeout that
-     *         was set.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout}
-     */
-    ;
-
-    _proto.setTimeout = function setTimeout(fn, timeout) {
-      var _this2 = this;
-
-      // declare as variables so they are properly available in timeout function
-      // eslint-disable-next-line
-      var timeoutId;
-      fn = bind(this, fn);
-      this.clearTimersOnDispose_();
-      timeoutId = window$1.setTimeout(function () {
-        if (_this2.setTimeoutIds_.has(timeoutId)) {
-          _this2.setTimeoutIds_["delete"](timeoutId);
-        }
-
-        fn();
-      }, timeout);
-      this.setTimeoutIds_.add(timeoutId);
-      return timeoutId;
-    }
-    /**
-     * Clears a timeout that gets created via `window.setTimeout` or
-     * {@link Component#setTimeout}. If you set a timeout via {@link Component#setTimeout}
-     * use this function instead of `window.clearTimout`. If you don't your dispose
-     * listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} timeoutId
-     *        The id of the timeout to clear. The return value of
-     *        {@link Component#setTimeout} or `window.setTimeout`.
-     *
-     * @return {number}
-     *         Returns the timeout id that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout}
-     */
-    ;
-
-    _proto.clearTimeout = function clearTimeout(timeoutId) {
-      if (this.setTimeoutIds_.has(timeoutId)) {
-        this.setTimeoutIds_["delete"](timeoutId);
-        window$1.clearTimeout(timeoutId);
-      }
-
-      return timeoutId;
-    }
-    /**
-     * Creates a function that gets run every `x` milliseconds. This function is a wrapper
-     * around `window.setInterval`. There are a few reasons to use this one instead though.
-     * 1. It gets cleared via  {@link Component#clearInterval} when
-     *    {@link Component#dispose} gets called.
-     * 2. The function callback will be a {@link Component~GenericCallback}
-     *
-     * @param {Component~GenericCallback} fn
-     *        The function to run every `x` seconds.
-     *
-     * @param {number} interval
-     *        Execute the specified function every `x` milliseconds.
-     *
-     * @return {number}
-     *         Returns an id that can be used to identify the interval. It can also be be used in
-     *         {@link Component#clearInterval} to clear the interval.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval}
-     */
-    ;
-
-    _proto.setInterval = function setInterval(fn, interval) {
-      fn = bind(this, fn);
-      this.clearTimersOnDispose_();
-      var intervalId = window$1.setInterval(fn, interval);
-      this.setIntervalIds_.add(intervalId);
-      return intervalId;
-    }
-    /**
-     * Clears an interval that gets created via `window.setInterval` or
-     * {@link Component#setInterval}. If you set an inteval via {@link Component#setInterval}
-     * use this function instead of `window.clearInterval`. If you don't your dispose
-     * listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} intervalId
-     *        The id of the interval to clear. The return value of
-     *        {@link Component#setInterval} or `window.setInterval`.
-     *
-     * @return {number}
-     *         Returns the interval id that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval}
-     */
-    ;
-
-    _proto.clearInterval = function clearInterval(intervalId) {
-      if (this.setIntervalIds_.has(intervalId)) {
-        this.setIntervalIds_["delete"](intervalId);
-        window$1.clearInterval(intervalId);
-      }
-
-      return intervalId;
-    }
-    /**
-     * Queues up a callback to be passed to requestAnimationFrame (rAF), but
-     * with a few extra bonuses:
-     *
-     * - Supports browsers that do not support rAF by falling back to
-     *   {@link Component#setTimeout}.
-     *
-     * - The callback is turned into a {@link Component~GenericCallback} (i.e.
-     *   bound to the component).
-     *
-     * - Automatic cancellation of the rAF callback is handled if the component
-     *   is disposed before it is called.
-     *
-     * @param  {Component~GenericCallback} fn
-     *         A function that will be bound to this component and executed just
-     *         before the browser's next repaint.
-     *
-     * @return {number}
-     *         Returns an rAF ID that gets used to identify the timeout. It can
-     *         also be used in {@link Component#cancelAnimationFrame} to cancel
-     *         the animation frame callback.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame}
-     */
-    ;
-
-    _proto.requestAnimationFrame = function requestAnimationFrame(fn) {
-      var _this3 = this;
-
-      // Fall back to using a timer.
-      if (!this.supportsRaf_) {
-        return this.setTimeout(fn, 1000 / 60);
-      }
-
-      this.clearTimersOnDispose_(); // declare as variables so they are properly available in rAF function
-      // eslint-disable-next-line
-
-      var id;
-      fn = bind(this, fn);
-      id = window$1.requestAnimationFrame(function () {
-        if (_this3.rafIds_.has(id)) {
-          _this3.rafIds_["delete"](id);
-        }
-
-        fn();
-      });
-      this.rafIds_.add(id);
-      return id;
-    }
-    /**
-     * Cancels a queued callback passed to {@link Component#requestAnimationFrame}
-     * (rAF).
-     *
-     * If you queue an rAF callback via {@link Component#requestAnimationFrame},
-     * use this function instead of `window.cancelAnimationFrame`. If you don't,
-     * your dispose listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} id
-     *        The rAF ID to clear. The return value of {@link Component#requestAnimationFrame}.
-     *
-     * @return {number}
-     *         Returns the rAF ID that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/cancelAnimationFrame}
-     */
-    ;
-
-    _proto.cancelAnimationFrame = function cancelAnimationFrame(id) {
-      // Fall back to using a timer.
-      if (!this.supportsRaf_) {
-        return this.clearTimeout(id);
-      }
-
-      if (this.rafIds_.has(id)) {
-        this.rafIds_["delete"](id);
-        window$1.cancelAnimationFrame(id);
-      }
-
-      return id;
-    }
-    /**
-     * A function to setup `requestAnimationFrame`, `setTimeout`,
-     * and `setInterval`, clearing on dispose.
-     *
-     * > Previously each timer added and removed dispose listeners on it's own.
-     * For better performance it was decided to batch them all, and use `Set`s
-     * to track outstanding timer ids.
-     *
-     * @private
-     */
-    ;
-
-    _proto.clearTimersOnDispose_ = function clearTimersOnDispose_() {
-      var _this4 = this;
-
-      if (this.clearingTimersOnDispose_) {
-        return;
-      }
-
-      this.clearingTimersOnDispose_ = true;
-      this.one('dispose', function () {
-        [['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
-          var idName = _ref[0],
-              cancelName = _ref[1];
-
-          _this4[idName].forEach(_this4[cancelName], _this4);
-        });
-        _this4.clearingTimersOnDispose_ = false;
-      });
-    }
-    /**
-     * Register a `Component` with `videojs` given the name and the component.
-     *
-     * > NOTE: {@link Tech}s should not be registered as a `Component`. {@link Tech}s
-     *         should be registered using {@link Tech.registerTech} or
-     *         {@link videojs:videojs.registerTech}.
-     *
-     * > NOTE: This function can also be seen on videojs as
-     *         {@link videojs:videojs.registerComponent}.
-     *
-     * @param {string} name
-     *        The name of the `Component` to register.
-     *
-     * @param {Component} ComponentToRegister
-     *        The `Component` class to register.
-     *
-     * @return {Component}
-     *         The `Component` that was registered.
-     */
-    ;
-
-    Component.registerComponent = function registerComponent(name, ComponentToRegister) {
-      if (typeof name !== 'string' || !name) {
-        throw new Error("Illegal component name, \"" + name + "\"; must be a non-empty string.");
-      }
-
-      var Tech = Component.getComponent('Tech'); // We need to make sure this check is only done if Tech has been registered.
-
-      var isTech = Tech && Tech.isTech(ComponentToRegister);
-      var isComp = Component === ComponentToRegister || Component.prototype.isPrototypeOf(ComponentToRegister.prototype);
-
-      if (isTech || !isComp) {
-        var reason;
-
-        if (isTech) {
-          reason = 'techs must be registered using Tech.registerTech()';
-        } else {
-          reason = 'must be a Component subclass';
-        }
-
-        throw new Error("Illegal component, \"" + name + "\"; " + reason + ".");
-      }
-
-      name = toTitleCase(name);
-
-      if (!Component.components_) {
-        Component.components_ = {};
-      }
-
-      var Player = Component.getComponent('Player');
-
-      if (name === 'Player' && Player && Player.players) {
-        var players = Player.players;
-        var playerNames = Object.keys(players); // If we have players that were disposed, then their name will still be
-        // in Players.players. So, we must loop through and verify that the value
-        // for each item is not null. This allows registration of the Player component
-        // after all players have been disposed or before any were created.
-
-        if (players && playerNames.length > 0 && playerNames.map(function (pname) {
-          return players[pname];
-        }).every(Boolean)) {
-          throw new Error('Can not register Player component after player has been created.');
-        }
-      }
-
-      Component.components_[name] = ComponentToRegister;
-      Component.components_[toLowerCase(name)] = ComponentToRegister;
-      return ComponentToRegister;
-    }
-    /**
-     * Get a `Component` based on the name it was registered with.
-     *
-     * @param {string} name
-     *        The Name of the component to get.
-     *
-     * @return {Component}
-     *         The `Component` that got registered under the given name.
-     *
-     * @deprecated In `videojs` 6 this will not return `Component`s that were not
-     *             registered using {@link Component.registerComponent}. Currently we
-     *             check the global `videojs` object for a `Component` name and
-     *             return that if it exists.
-     */
-    ;
-
-    Component.getComponent = function getComponent(name) {
-      if (!name || !Component.components_) {
-        return;
-      }
-
-      return Component.components_[name];
-    };
-
-    return Component;
-  }();
-  /**
-   * Whether or not this component supports `requestAnimationFrame`.
-   *
-   * This is exposed primarily for testing purposes.
-   *
-   * @private
-   * @type {Boolean}
-   */
-
-
-  Component.prototype.supportsRaf_ = typeof window$1.requestAnimationFrame === 'function' && typeof window$1.cancelAnimationFrame === 'function';
-  Component.registerComponent('Component', Component);
-
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
-  }
-
-  var assertThisInitialized = _assertThisInitialized;
-
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  var inheritsLoose = _inheritsLoose;
-
-  /**
-   * @file browser.js
-   * @module browser
-   */
-  var USER_AGENT = window$1.navigator && window$1.navigator.userAgent || '';
-  var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
-  var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
-  /**
-   * Whether or not this device is an iPod.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IPOD = /iPod/i.test(USER_AGENT);
-  /**
-   * The detected iOS version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {string|null}
-   */
-
-  var IOS_VERSION = function () {
-    var match = USER_AGENT.match(/OS (\d+)_/i);
-
-    if (match && match[1]) {
-      return match[1];
-    }
-
-    return null;
-  }();
-  /**
-   * Whether or not this is an Android device.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_ANDROID = /Android/i.test(USER_AGENT);
-  /**
-   * The detected Android version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|string|null}
-   */
-
-  var ANDROID_VERSION = function () {
-    // This matches Android Major.Minor.Patch versions
-    // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
-    var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
-
-    if (!match) {
-      return null;
-    }
-
-    var major = match[1] && parseFloat(match[1]);
-    var minor = match[2] && parseFloat(match[2]);
-
-    if (major && minor) {
-      return parseFloat(match[1] + '.' + match[2]);
-    } else if (major) {
-      return major;
-    }
-
-    return null;
-  }();
-  /**
-   * Whether or not this is a native Android browser.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-  /**
-   * Whether or not this is Mozilla Firefox.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-  /**
-   * Whether or not this is Microsoft Edge.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_EDGE = /Edge/i.test(USER_AGENT);
-  /**
-   * Whether or not this is Google Chrome.
-   *
-   * This will also be `true` for Chrome on iOS, which will have different support
-   * as it is actually Safari under the hood.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
-  /**
-   * The detected Google Chrome version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|null}
-   */
-
-  var CHROME_VERSION = function () {
-    var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
-
-    if (match && match[2]) {
-      return parseFloat(match[2]);
-    }
-
-    return null;
-  }();
-  /**
-   * The detected Internet Explorer version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|null}
-   */
-
-  var IE_VERSION = function () {
-    var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
-    var version = result && parseFloat(result[1]);
-
-    if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
-      // IE 11 has a different user agent string than other IE versions
-      version = 11.0;
-    }
-
-    return version;
-  }();
-  /**
-   * Whether or not this is desktop Safari.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-  /**
-   * Whether or not this is a Windows machine.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_WINDOWS = /Windows/i.test(USER_AGENT);
-  /**
-   * Whether or not this device is touch-enabled.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var TOUCH_ENABLED = isReal() && ('ontouchstart' in window$1 || window$1.navigator.maxTouchPoints || window$1.DocumentTouch && window$1.document instanceof window$1.DocumentTouch);
-  /**
-   * Whether or not this device is an iPad.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
-  /**
-   * Whether or not this device is an iPhone.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-  // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
-  // to identify iPhones, we need to exclude iPads.
-  // http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
-
-  var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
-  /**
-   * Whether or not this is an iOS device.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-  /**
-   * Whether or not this is any flavor of Safari - including iOS.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
-
-  var browser = /*#__PURE__*/Object.freeze({
-    IS_IPOD: IS_IPOD,
-    IOS_VERSION: IOS_VERSION,
-    IS_ANDROID: IS_ANDROID,
-    ANDROID_VERSION: ANDROID_VERSION,
-    IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-    IS_FIREFOX: IS_FIREFOX,
-    IS_EDGE: IS_EDGE,
-    IS_CHROME: IS_CHROME,
-    CHROME_VERSION: CHROME_VERSION,
-    IE_VERSION: IE_VERSION,
-    IS_SAFARI: IS_SAFARI,
-    IS_WINDOWS: IS_WINDOWS,
-    TOUCH_ENABLED: TOUCH_ENABLED,
-    IS_IPAD: IS_IPAD,
-    IS_IPHONE: IS_IPHONE,
-    IS_IOS: IS_IOS,
-    IS_ANY_SAFARI: IS_ANY_SAFARI
-  });
-
-  /**
-   * @file time-ranges.js
-   * @module time-ranges
-   */
-
-  /**
-   * Returns the time for the specified index at the start or end
-   * of a TimeRange object.
-   *
-   * @typedef    {Function} TimeRangeIndex
-   *
-   * @param      {number} [index=0]
-   *             The range number to return the time for.
-   *
-   * @return     {number}
-   *             The time offset at the specified index.
-   *
-   * @deprecated The index argument must be provided.
-   *             In the future, leaving it out will throw an error.
-   */
-
-  /**
-   * An object that contains ranges of time.
-   *
-   * @typedef  {Object} TimeRange
-   *
-   * @property {number} length
-   *           The number of time ranges represented by this object.
-   *
-   * @property {module:time-ranges~TimeRangeIndex} start
-   *           Returns the time offset at which a specified time range begins.
-   *
-   * @property {module:time-ranges~TimeRangeIndex} end
-   *           Returns the time offset at which a specified time range ends.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges
-   */
-
-  /**
-   * Check if any of the time ranges are over the maximum index.
-   *
-   * @private
-   * @param   {string} fnName
-   *          The function name to use for logging
-   *
-   * @param   {number} index
-   *          The index to check
-   *
-   * @param   {number} maxIndex
-   *          The maximum possible index
-   *
-   * @throws  {Error} if the timeRanges provided are over the maxIndex
-   */
-  function rangeCheck(fnName, index, maxIndex) {
-    if (typeof index !== 'number' || index < 0 || index > maxIndex) {
-      throw new Error("Failed to execute '" + fnName + "' on 'TimeRanges': The index provided (" + index + ") is non-numeric or out of bounds (0-" + maxIndex + ").");
-    }
-  }
-  /**
-   * Get the time for the specified index at the start or end
-   * of a TimeRange object.
-   *
-   * @private
-   * @param      {string} fnName
-   *             The function name to use for logging
-   *
-   * @param      {string} valueIndex
-   *             The property that should be used to get the time. should be
-   *             'start' or 'end'
-   *
-   * @param      {Array} ranges
-   *             An array of time ranges
-   *
-   * @param      {Array} [rangeIndex=0]
-   *             The index to start the search at
-   *
-   * @return     {number}
-   *             The time that offset at the specified index.
-   *
-   * @deprecated rangeIndex must be set to a value, in the future this will throw an error.
-   * @throws     {Error} if rangeIndex is more than the length of ranges
-   */
-
-
-  function getRange(fnName, valueIndex, ranges, rangeIndex) {
-    rangeCheck(fnName, rangeIndex, ranges.length - 1);
-    return ranges[rangeIndex][valueIndex];
-  }
-  /**
-   * Create a time range object given ranges of time.
-   *
-   * @private
-   * @param   {Array} [ranges]
-   *          An array of time ranges.
-   */
-
-
-  function createTimeRangesObj(ranges) {
-    if (ranges === undefined || ranges.length === 0) {
-      return {
-        length: 0,
-        start: function start() {
-          throw new Error('This TimeRanges object is empty');
-        },
-        end: function end() {
-          throw new Error('This TimeRanges object is empty');
-        }
-      };
-    }
-
-    return {
-      length: ranges.length,
-      start: getRange.bind(null, 'start', 0, ranges),
-      end: getRange.bind(null, 'end', 1, ranges)
-    };
-  }
-  /**
-   * Create a `TimeRange` object which mimics an
-   * {@link https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges|HTML5 TimeRanges instance}.
-   *
-   * @param {number|Array[]} start
-   *        The start of a single range (a number) or an array of ranges (an
-   *        array of arrays of two numbers each).
-   *
-   * @param {number} end
-   *        The end of a single range. Cannot be used with the array form of
-   *        the `start` argument.
-   */
-
-
-  function createTimeRanges(start, end) {
-    if (Array.isArray(start)) {
-      return createTimeRangesObj(start);
-    } else if (start === undefined || end === undefined) {
-      return createTimeRangesObj();
-    }
-
-    return createTimeRangesObj([[start, end]]);
-  }
-
-  /**
-   * @file buffer.js
-   * @module buffer
-   */
-  /**
-   * Compute the percentage of the media that has been buffered.
-   *
-   * @param {TimeRange} buffered
-   *        The current `TimeRange` object representing buffered time ranges
-   *
-   * @param {number} duration
-   *        Total duration of the media
-   *
-   * @return {number}
-   *         Percent buffered of the total duration in decimal form.
-   */
-
-  function bufferedPercent(buffered, duration) {
-    var bufferedDuration = 0;
-    var start;
-    var end;
-
-    if (!duration) {
-      return 0;
-    }
-
-    if (!buffered || !buffered.length) {
-      buffered = createTimeRanges(0, 0);
-    }
-
-    for (var i = 0; i < buffered.length; i++) {
-      start = buffered.start(i);
-      end = buffered.end(i); // buffered end can be bigger than duration by a very small fraction
-
-      if (end > duration) {
-        end = duration;
-      }
-
-      bufferedDuration += end - start;
-    }
-
-    return bufferedDuration / duration;
-  }
-
-  /**
-   * @file fullscreen-api.js
-   * @module fullscreen-api
-   * @private
-   */
-  /**
-   * Store the browser-specific methods for the fullscreen API.
-   *
-   * @type {Object}
-   * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
-   * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
-   */
-
-  var FullscreenApi = {
-    prefixed: true
-  }; // browser API methods
-
-  var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
-  ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
-  ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
-  ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
-  var specApi = apiMap[0];
-  var browserApi; // determine the supported set of functions
-
-  for (var i = 0; i < apiMap.length; i++) {
-    // check for exitFullscreen function
-    if (apiMap[i][1] in document) {
-      browserApi = apiMap[i];
-      break;
-    }
-  } // map the browser API names to the spec API names
-
-
-  if (browserApi) {
-    for (var _i = 0; _i < browserApi.length; _i++) {
-      FullscreenApi[specApi[_i]] = browserApi[_i];
-    }
-
-    FullscreenApi.prefixed = browserApi[0] !== specApi[0];
-  }
-
-  /**
-   * @file media-error.js
-   */
-  /**
-   * A Custom `MediaError` class which mimics the standard HTML5 `MediaError` class.
-   *
-   * @param {number|string|Object|MediaError} value
-   *        This can be of multiple types:
-   *        - number: should be a standard error code
-   *        - string: an error message (the code will be 0)
-   *        - Object: arbitrary properties
-   *        - `MediaError` (native): used to populate a video.js `MediaError` object
-   *        - `MediaError` (video.js): will return itself if it's already a
-   *          video.js `MediaError` object.
-   *
-   * @see [MediaError Spec]{@link https://dev.w3.org/html5/spec-author-view/video.html#mediaerror}
-   * @see [Encrypted MediaError Spec]{@link https://www.w3.org/TR/2013/WD-encrypted-media-20130510/#error-codes}
-   *
-   * @class MediaError
-   */
-
-  function MediaError(value) {
-    // Allow redundant calls to this constructor to avoid having `instanceof`
-    // checks peppered around the code.
-    if (value instanceof MediaError) {
-      return value;
-    }
-
-    if (typeof value === 'number') {
-      this.code = value;
-    } else if (typeof value === 'string') {
-      // default code is zero, so this is a custom error
-      this.message = value;
-    } else if (isObject(value)) {
-      // We assign the `code` property manually because native `MediaError` objects
-      // do not expose it as an own/enumerable property of the object.
-      if (typeof value.code === 'number') {
-        this.code = value.code;
-      }
-
-      assign(this, value);
-    }
-
-    if (!this.message) {
-      this.message = MediaError.defaultMessages[this.code] || '';
-    }
-  }
-  /**
-   * The error code that refers two one of the defined `MediaError` types
-   *
-   * @type {Number}
-   */
-
-
-  MediaError.prototype.code = 0;
-  /**
-   * An optional message that to show with the error. Message is not part of the HTML5
-   * video spec but allows for more informative custom errors.
-   *
-   * @type {String}
-   */
-
-  MediaError.prototype.message = '';
-  /**
-   * An optional status code that can be set by plugins to allow even more detail about
-   * the error. For example a plugin might provide a specific HTTP status code and an
-   * error message for that code. Then when the plugin gets that error this class will
-   * know how to display an error message for it. This allows a custom message to show
-   * up on the `Player` error overlay.
-   *
-   * @type {Array}
-   */
-
-  MediaError.prototype.status = null;
-  /**
-   * Errors indexed by the W3C standard. The order **CANNOT CHANGE**! See the
-   * specification listed under {@link MediaError} for more information.
-   *
-   * @enum {array}
-   * @readonly
-   * @property {string} 0 - MEDIA_ERR_CUSTOM
-   * @property {string} 1 - MEDIA_ERR_ABORTED
-   * @property {string} 2 - MEDIA_ERR_NETWORK
-   * @property {string} 3 - MEDIA_ERR_DECODE
-   * @property {string} 4 - MEDIA_ERR_SRC_NOT_SUPPORTED
-   * @property {string} 5 - MEDIA_ERR_ENCRYPTED
-   */
-
-  MediaError.errorTypes = ['MEDIA_ERR_CUSTOM', 'MEDIA_ERR_ABORTED', 'MEDIA_ERR_NETWORK', 'MEDIA_ERR_DECODE', 'MEDIA_ERR_SRC_NOT_SUPPORTED', 'MEDIA_ERR_ENCRYPTED'];
-  /**
-   * The default `MediaError` messages based on the {@link MediaError.errorTypes}.
-   *
-   * @type {Array}
-   * @constant
-   */
-
-  MediaError.defaultMessages = {
-    1: 'You aborted the media playback',
-    2: 'A network error caused the media download to fail part-way.',
-    3: 'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.',
-    4: 'The media could not be loaded, either because the server or network failed or because the format is not supported.',
-    5: 'The media is encrypted and we do not have the keys to decrypt it.'
-  }; // Add types as properties on MediaError
-  // e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
-
-  for (var errNum = 0; errNum < MediaError.errorTypes.length; errNum++) {
-    MediaError[MediaError.errorTypes[errNum]] = errNum; // values should be accessible on both the class and instance
-
-    MediaError.prototype[MediaError.errorTypes[errNum]] = errNum;
-  } // jsdocs for instance/static members added above
-
-  var tuple = SafeParseTuple;
-
-  function SafeParseTuple(obj, reviver) {
-    var json;
-    var error = null;
-
-    try {
-      json = JSON.parse(obj, reviver);
-    } catch (err) {
-      error = err;
-    }
-
-    return [error, json];
-  }
-
-  /**
-   * Returns whether an object is `Promise`-like (i.e. has a `then` method).
-   *
-   * @param  {Object}  value
-   *         An object that may or may not be `Promise`-like.
-   *
-   * @return {boolean}
-   *         Whether or not the object is `Promise`-like.
-   */
-  function isPromise(value) {
-    return value !== undefined && value !== null && typeof value.then === 'function';
-  }
-  /**
-   * Silence a Promise-like object.
-   *
-   * This is useful for avoiding non-harmful, but potentially confusing "uncaught
-   * play promise" rejection error messages.
-   *
-   * @param  {Object} value
-   *         An object that may or may not be `Promise`-like.
-   */
-
-  function silencePromise(value) {
-    if (isPromise(value)) {
-      value.then(null, function (e) {});
-    }
-  }
-
-  /**
-   * @file text-track-list-converter.js Utilities for capturing text track state and
-   * re-creating tracks based on a capture.
-   *
-   * @module text-track-list-converter
-   */
-
-  /**
-   * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that
-   * represents the {@link TextTrack}'s state.
-   *
-   * @param {TextTrack} track
-   *        The text track to query.
-   *
-   * @return {Object}
-   *         A serializable javascript representation of the TextTrack.
-   * @private
-   */
-  var trackToJson_ = function trackToJson_(track) {
-    var ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce(function (acc, prop, i) {
-      if (track[prop]) {
-        acc[prop] = track[prop];
-      }
-
-      return acc;
-    }, {
-      cues: track.cues && Array.prototype.map.call(track.cues, function (cue) {
-        return {
-          startTime: cue.startTime,
-          endTime: cue.endTime,
-          text: cue.text,
-          id: cue.id
-        };
-      })
-    });
-    return ret;
-  };
-  /**
-   * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the
-   * state of all {@link TextTrack}s currently configured. The return array is compatible with
-   * {@link text-track-list-converter:jsonToTextTracks}.
-   *
-   * @param {Tech} tech
-   *        The tech object to query
-   *
-   * @return {Array}
-   *         A serializable javascript representation of the {@link Tech}s
-   *         {@link TextTrackList}.
-   */
-
-
-  var textTracksToJson = function textTracksToJson(tech) {
-    var trackEls = tech.$$('track');
-    var trackObjs = Array.prototype.map.call(trackEls, function (t) {
-      return t.track;
-    });
-    var tracks = Array.prototype.map.call(trackEls, function (trackEl) {
-      var json = trackToJson_(trackEl.track);
-
-      if (trackEl.src) {
-        json.src = trackEl.src;
-      }
-
-      return json;
-    });
-    return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {
-      return trackObjs.indexOf(track) === -1;
-    }).map(trackToJson_));
-  };
-  /**
-   * Create a set of remote {@link TextTrack}s on a {@link Tech} based on an array of javascript
-   * object {@link TextTrack} representations.
-   *
-   * @param {Array} json
-   *        An array of `TextTrack` representation objects, like those that would be
-   *        produced by `textTracksToJson`.
-   *
-   * @param {Tech} tech
-   *        The `Tech` to create the `TextTrack`s on.
-   */
-
-
-  var jsonToTextTracks = function jsonToTextTracks(json, tech) {
-    json.forEach(function (track) {
-      var addedTrack = tech.addRemoteTextTrack(track).track;
-
-      if (!track.src && track.cues) {
-        track.cues.forEach(function (cue) {
-          return addedTrack.addCue(cue);
-        });
-      }
-    });
-    return tech.textTracks();
-  };
-
-  var textTrackConverter = {
-    textTracksToJson: textTracksToJson,
-    jsonToTextTracks: jsonToTextTracks,
-    trackToJson_: trackToJson_
-  };
-
-  var keycode = createCommonjsModule(function (module, exports) {
-    // Source: http://jsfiddle.net/vWx8V/
-    // http://stackoverflow.com/questions/5603195/full-list-of-javascript-keycodes
-
-    /**
-     * Conenience method returns corresponding value for given keyName or keyCode.
-     *
-     * @param {Mixed} keyCode {Number} or keyName {String}
-     * @return {Mixed}
-     * @api public
-     */
-    function keyCode(searchInput) {
-      // Keyboard Events
-      if (searchInput && 'object' === typeof searchInput) {
-        var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode;
-        if (hasKeyCode) searchInput = hasKeyCode;
-      } // Numbers
-
-
-      if ('number' === typeof searchInput) return names[searchInput]; // Everything else (cast to string)
-
-      var search = String(searchInput); // check codes
-
-      var foundNamedKey = codes[search.toLowerCase()];
-      if (foundNamedKey) return foundNamedKey; // check aliases
-
-      var foundNamedKey = aliases[search.toLowerCase()];
-      if (foundNamedKey) return foundNamedKey; // weird character?
-
-      if (search.length === 1) return search.charCodeAt(0);
-      return undefined;
-    }
-    /**
-     * Compares a keyboard event with a given keyCode or keyName.
-     *
-     * @param {Event} event Keyboard event that should be tested
-     * @param {Mixed} keyCode {Number} or keyName {String}
-     * @return {Boolean}
-     * @api public
-     */
-
-
-    keyCode.isEventKey = function isEventKey(event, nameOrCode) {
-      if (event && 'object' === typeof event) {
-        var keyCode = event.which || event.keyCode || event.charCode;
-
-        if (keyCode === null || keyCode === undefined) {
-          return false;
-        }
-
-        if (typeof nameOrCode === 'string') {
-          // check codes
-          var foundNamedKey = codes[nameOrCode.toLowerCase()];
-
-          if (foundNamedKey) {
-            return foundNamedKey === keyCode;
-          } // check aliases
-
-
-          var foundNamedKey = aliases[nameOrCode.toLowerCase()];
-
-          if (foundNamedKey) {
-            return foundNamedKey === keyCode;
-          }
-        } else if (typeof nameOrCode === 'number') {
-          return nameOrCode === keyCode;
-        }
-
-        return false;
-      }
-    };
-
-    exports = module.exports = keyCode;
-    /**
-     * Get by name
-     *
-     *   exports.code['enter'] // => 13
-     */
-
-    var codes = exports.code = exports.codes = {
-      'backspace': 8,
-      'tab': 9,
-      'enter': 13,
-      'shift': 16,
-      'ctrl': 17,
-      'alt': 18,
-      'pause/break': 19,
-      'caps lock': 20,
-      'esc': 27,
-      'space': 32,
-      'page up': 33,
-      'page down': 34,
-      'end': 35,
-      'home': 36,
-      'left': 37,
-      'up': 38,
-      'right': 39,
-      'down': 40,
-      'insert': 45,
-      'delete': 46,
-      'command': 91,
-      'left command': 91,
-      'right command': 93,
-      'numpad *': 106,
-      'numpad +': 107,
-      'numpad -': 109,
-      'numpad .': 110,
-      'numpad /': 111,
-      'num lock': 144,
-      'scroll lock': 145,
-      'my computer': 182,
-      'my calculator': 183,
-      ';': 186,
-      '=': 187,
-      ',': 188,
-      '-': 189,
-      '.': 190,
-      '/': 191,
-      '`': 192,
-      '[': 219,
-      '\\': 220,
-      ']': 221,
-      "'": 222 // Helper aliases
-
-    };
-    var aliases = exports.aliases = {
-      'windows': 91,
-      '⇧': 16,
-      '⌥': 18,
-      '⌃': 17,
-      '⌘': 91,
-      'ctl': 17,
-      'control': 17,
-      'option': 18,
-      'pause': 19,
-      'break': 19,
-      'caps': 20,
-      'return': 13,
-      'escape': 27,
-      'spc': 32,
-      'spacebar': 32,
-      'pgup': 33,
-      'pgdn': 34,
-      'ins': 45,
-      'del': 46,
-      'cmd': 91
-      /*!
-       * Programatically add the following
-       */
-      // lower case chars
-
-    };
-
-    for (i = 97; i < 123; i++) {
-      codes[String.fromCharCode(i)] = i - 32;
-    } // numbers
-
-
-    for (var i = 48; i < 58; i++) {
-      codes[i - 48] = i;
-    } // function keys
-
-
-    for (i = 1; i < 13; i++) {
-      codes['f' + i] = i + 111;
-    } // numpad keys
-
-
-    for (i = 0; i < 10; i++) {
-      codes['numpad ' + i] = i + 96;
-    }
-    /**
-     * Get by code
-     *
-     *   exports.name[13] // => 'Enter'
-     */
-
-
-    var names = exports.names = exports.title = {}; // title for backward compat
-    // Create reverse mapping
-
-    for (i in codes) {
-      names[codes[i]] = i;
-    } // Add aliases
-
-
-    for (var alias in aliases) {
-      codes[alias] = aliases[alias];
-    }
-  });
-  var keycode_1 = keycode.code;
-  var keycode_2 = keycode.codes;
-  var keycode_3 = keycode.aliases;
-  var keycode_4 = keycode.names;
-  var keycode_5 = keycode.title;
-
-  var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-  /**
-   * The `ModalDialog` displays over the video and its controls, which blocks
-   * interaction with the player until it is closed.
-   *
-   * Modal dialogs include a "Close" button and will close when that button
-   * is activated - or when ESC is pressed anywhere.
-   *
-   * @extends Component
-   */
-
-  var ModalDialog =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ModalDialog, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Mixed} [options.content=undefined]
-     *        Provide customized content for this modal.
-     *
-     * @param {string} [options.description]
-     *        A text description for the modal, primarily for accessibility.
-     *
-     * @param {boolean} [options.fillAlways=false]
-     *        Normally, modals are automatically filled only the first time
-     *        they open. This tells the modal to refresh its content
-     *        every time it opens.
-     *
-     * @param {string} [options.label]
-     *        A text label for the modal, primarily for accessibility.
-     *
-     * @param {boolean} [options.pauseOnOpen=true]
-     *        If `true`, playback will will be paused if playing when
-     *        the modal opens, and resumed when it closes.
-     *
-     * @param {boolean} [options.temporary=true]
-     *        If `true`, the modal can only be opened once; it will be
-     *        disposed as soon as it's closed.
-     *
-     * @param {boolean} [options.uncloseable=false]
-     *        If `true`, the user will not be able to close the modal
-     *        through the UI in the normal ways. Programmatic closing is
-     *        still possible.
-     */
-    function ModalDialog(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;
-
-      _this.closeable(!_this.options_.uncloseable);
-
-      _this.content(_this.options_.content); // Make sure the contentEl is defined AFTER any children are initialized
-      // because we only want the contents of the modal in the contentEl
-      // (not the UI elements like the close button).
-
-
-      _this.contentEl_ = createEl('div', {
-        className: MODAL_CLASS_NAME + "-content"
-      }, {
-        role: 'document'
-      });
-      _this.descEl_ = createEl('p', {
-        className: MODAL_CLASS_NAME + "-description vjs-control-text",
-        id: _this.el().getAttribute('aria-describedby')
-      });
-      textContent(_this.descEl_, _this.description());
-
-      _this.el_.appendChild(_this.descEl_);
-
-      _this.el_.appendChild(_this.contentEl_);
-
-      return _this;
-    }
-    /**
-     * Create the `ModalDialog`'s DOM element
-     *
-     * @return {Element}
-     *         The DOM element that gets created.
-     */
-
-
-    var _proto = ModalDialog.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildCSSClass(),
-        tabIndex: -1
-      }, {
-        'aria-describedby': this.id() + "_description",
-        'aria-hidden': 'true',
-        'aria-label': this.label(),
-        'role': 'dialog'
-      });
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.descEl_ = null;
-      this.previouslyActiveEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return MODAL_CLASS_NAME + " vjs-hidden " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Returns the label string for this modal. Primarily used for accessibility.
-     *
-     * @return {string}
-     *         the localized or raw label of this modal.
-     */
-    ;
-
-    _proto.label = function label() {
-      return this.localize(this.options_.label || 'Modal Window');
-    }
-    /**
-     * Returns the description string for this modal. Primarily used for
-     * accessibility.
-     *
-     * @return {string}
-     *         The localized or raw description of this modal.
-     */
-    ;
-
-    _proto.description = function description() {
-      var desc = this.options_.description || this.localize('This is a modal window.'); // Append a universal closeability message if the modal is closeable.
-
-      if (this.closeable()) {
-        desc += ' ' + this.localize('This modal can be closed by pressing the Escape key or activating the close button.');
-      }
-
-      return desc;
-    }
-    /**
-     * Opens the modal.
-     *
-     * @fires ModalDialog#beforemodalopen
-     * @fires ModalDialog#modalopen
-     */
-    ;
-
-    _proto.open = function open() {
-      if (!this.opened_) {
-        var player = this.player();
-        /**
-          * Fired just before a `ModalDialog` is opened.
-          *
-          * @event ModalDialog#beforemodalopen
-          * @type {EventTarget~Event}
-          */
-
-        this.trigger('beforemodalopen');
-        this.opened_ = true; // Fill content if the modal has never opened before and
-        // never been filled.
-
-        if (this.options_.fillAlways || !this.hasBeenOpened_ && !this.hasBeenFilled_) {
-          this.fill();
-        } // If the player was playing, pause it and take note of its previously
-        // playing state.
-
-
-        this.wasPlaying_ = !player.paused();
-
-        if (this.options_.pauseOnOpen && this.wasPlaying_) {
-          player.pause();
-        }
-
-        this.on('keydown', this.handleKeyDown); // Hide controls and note if they were enabled.
-
-        this.hadControls_ = player.controls();
-        player.controls(false);
-        this.show();
-        this.conditionalFocus_();
-        this.el().setAttribute('aria-hidden', 'false');
-        /**
-          * Fired just after a `ModalDialog` is opened.
-          *
-          * @event ModalDialog#modalopen
-          * @type {EventTarget~Event}
-          */
-
-        this.trigger('modalopen');
-        this.hasBeenOpened_ = true;
-      }
-    }
-    /**
-     * If the `ModalDialog` is currently open or closed.
-     *
-     * @param  {boolean} [value]
-     *         If given, it will open (`true`) or close (`false`) the modal.
-     *
-     * @return {boolean}
-     *         the current open state of the modaldialog
-     */
-    ;
-
-    _proto.opened = function opened(value) {
-      if (typeof value === 'boolean') {
-        this[value ? 'open' : 'close']();
-      }
-
-      return this.opened_;
-    }
-    /**
-     * Closes the modal, does nothing if the `ModalDialog` is
-     * not open.
-     *
-     * @fires ModalDialog#beforemodalclose
-     * @fires ModalDialog#modalclose
-     */
-    ;
-
-    _proto.close = function close() {
-      if (!this.opened_) {
-        return;
-      }
-
-      var player = this.player();
-      /**
-        * Fired just before a `ModalDialog` is closed.
-        *
-        * @event ModalDialog#beforemodalclose
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalclose');
-      this.opened_ = false;
-
-      if (this.wasPlaying_ && this.options_.pauseOnOpen) {
-        player.play();
-      }
-
-      this.off('keydown', this.handleKeyDown);
-
-      if (this.hadControls_) {
-        player.controls(true);
-      }
-
-      this.hide();
-      this.el().setAttribute('aria-hidden', 'true');
-      /**
-        * Fired just after a `ModalDialog` is closed.
-        *
-        * @event ModalDialog#modalclose
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('modalclose');
-      this.conditionalBlur_();
-
-      if (this.options_.temporary) {
-        this.dispose();
-      }
-    }
-    /**
-     * Check to see if the `ModalDialog` is closeable via the UI.
-     *
-     * @param  {boolean} [value]
-     *         If given as a boolean, it will set the `closeable` option.
-     *
-     * @return {boolean}
-     *         Returns the final value of the closable option.
-     */
-    ;
-
-    _proto.closeable = function closeable(value) {
-      if (typeof value === 'boolean') {
-        var closeable = this.closeable_ = !!value;
-        var close = this.getChild('closeButton'); // If this is being made closeable and has no close button, add one.
-
-        if (closeable && !close) {
-          // The close button should be a child of the modal - not its
-          // content element, so temporarily change the content element.
-          var temp = this.contentEl_;
-          this.contentEl_ = this.el_;
-          close = this.addChild('closeButton', {
-            controlText: 'Close Modal Dialog'
-          });
-          this.contentEl_ = temp;
-          this.on(close, 'close', this.close);
-        } // If this is being made uncloseable and has a close button, remove it.
-
-
-        if (!closeable && close) {
-          this.off(close, 'close', this.close);
-          this.removeChild(close);
-          close.dispose();
-        }
-      }
-
-      return this.closeable_;
-    }
-    /**
-     * Fill the modal's content element with the modal's "content" option.
-     * The content element will be emptied before this change takes place.
-     */
-    ;
-
-    _proto.fill = function fill() {
-      this.fillWith(this.content());
-    }
-    /**
-     * Fill the modal's content element with arbitrary content.
-     * The content element will be emptied before this change takes place.
-     *
-     * @fires ModalDialog#beforemodalfill
-     * @fires ModalDialog#modalfill
-     *
-     * @param {Mixed} [content]
-     *        The same rules apply to this as apply to the `content` option.
-     */
-    ;
-
-    _proto.fillWith = function fillWith(content) {
-      var contentEl = this.contentEl();
-      var parentEl = contentEl.parentNode;
-      var nextSiblingEl = contentEl.nextSibling;
-      /**
-        * Fired just before a `ModalDialog` is filled with content.
-        *
-        * @event ModalDialog#beforemodalfill
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalfill');
-      this.hasBeenFilled_ = true; // Detach the content element from the DOM before performing
-      // manipulation to avoid modifying the live DOM multiple times.
-
-      parentEl.removeChild(contentEl);
-      this.empty();
-      insertContent(contentEl, content);
-      /**
-       * Fired just after a `ModalDialog` is filled with content.
-       *
-       * @event ModalDialog#modalfill
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('modalfill'); // Re-inject the re-filled content element.
-
-      if (nextSiblingEl) {
-        parentEl.insertBefore(contentEl, nextSiblingEl);
-      } else {
-        parentEl.appendChild(contentEl);
-      } // make sure that the close button is last in the dialog DOM
-
-
-      var closeButton = this.getChild('closeButton');
-
-      if (closeButton) {
-        parentEl.appendChild(closeButton.el_);
-      }
-    }
-    /**
-     * Empties the content element. This happens anytime the modal is filled.
-     *
-     * @fires ModalDialog#beforemodalempty
-     * @fires ModalDialog#modalempty
-     */
-    ;
-
-    _proto.empty = function empty() {
-      /**
-      * Fired just before a `ModalDialog` is emptied.
-      *
-      * @event ModalDialog#beforemodalempty
-      * @type {EventTarget~Event}
-      */
-      this.trigger('beforemodalempty');
-      emptyEl(this.contentEl());
-      /**
-      * Fired just after a `ModalDialog` is emptied.
-      *
-      * @event ModalDialog#modalempty
-      * @type {EventTarget~Event}
-      */
-
-      this.trigger('modalempty');
-    }
-    /**
-     * Gets or sets the modal content, which gets normalized before being
-     * rendered into the DOM.
-     *
-     * This does not update the DOM or fill the modal, but it is called during
-     * that process.
-     *
-     * @param  {Mixed} [value]
-     *         If defined, sets the internal content value to be used on the
-     *         next call(s) to `fill`. This value is normalized before being
-     *         inserted. To "clear" the internal content value, pass `null`.
-     *
-     * @return {Mixed}
-     *         The current content of the modal dialog
-     */
-    ;
-
-    _proto.content = function content(value) {
-      if (typeof value !== 'undefined') {
-        this.content_ = value;
-      }
-
-      return this.content_;
-    }
-    /**
-     * conditionally focus the modal dialog if focus was previously on the player.
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalFocus_ = function conditionalFocus_() {
-      var activeEl = document.activeElement;
-      var playerEl = this.player_.el_;
-      this.previouslyActiveEl_ = null;
-
-      if (playerEl.contains(activeEl) || playerEl === activeEl) {
-        this.previouslyActiveEl_ = activeEl;
-        this.focus();
-      }
-    }
-    /**
-     * conditionally blur the element and refocus the last focused element
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalBlur_ = function conditionalBlur_() {
-      if (this.previouslyActiveEl_) {
-        this.previouslyActiveEl_.focus();
-        this.previouslyActiveEl_ = null;
-      }
-    }
-    /**
-     * Keydown handler. Attached when modal is focused.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Do not allow keydowns to reach out of the modal dialog.
-      event.stopPropagation();
-
-      if (keycode.isEventKey(event, 'Escape') && this.closeable()) {
-        event.preventDefault();
-        this.close();
-        return;
-      } // exit early if it isn't a tab key
-
-
-      if (!keycode.isEventKey(event, 'Tab')) {
-        return;
-      }
-
-      var focusableEls = this.focusableEls_();
-      var activeEl = this.el_.querySelector(':focus');
-      var focusIndex;
-
-      for (var i = 0; i < focusableEls.length; i++) {
-        if (activeEl === focusableEls[i]) {
-          focusIndex = i;
-          break;
-        }
-      }
-
-      if (document.activeElement === this.el_) {
-        focusIndex = 0;
-      }
-
-      if (event.shiftKey && focusIndex === 0) {
-        focusableEls[focusableEls.length - 1].focus();
-        event.preventDefault();
-      } else if (!event.shiftKey && focusIndex === focusableEls.length - 1) {
-        focusableEls[0].focus();
-        event.preventDefault();
-      }
-    }
-    /**
-     * get all focusable elements
-     *
-     * @private
-     */
-    ;
-
-    _proto.focusableEls_ = function focusableEls_() {
-      var allChildren = this.el_.querySelectorAll('*');
-      return Array.prototype.filter.call(allChildren, function (child) {
-        return (child instanceof window$1.HTMLAnchorElement || child instanceof window$1.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window$1.HTMLInputElement || child instanceof window$1.HTMLSelectElement || child instanceof window$1.HTMLTextAreaElement || child instanceof window$1.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window$1.HTMLIFrameElement || child instanceof window$1.HTMLObjectElement || child instanceof window$1.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
-      });
-    };
-
-    return ModalDialog;
-  }(Component);
-  /**
-   * Default options for `ModalDialog` default options.
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ModalDialog.prototype.options_ = {
-    pauseOnOpen: true,
-    temporary: true
-  };
-  Component.registerComponent('ModalDialog', ModalDialog);
-
-  /**
-   * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
-   * {@link VideoTrackList}
-   *
-   * @extends EventTarget
-   */
-
-  var TrackList =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(TrackList, _EventTarget);
-
-    /**
-     * Create an instance of this class
-     *
-     * @param {Track[]} tracks
-     *        A list of tracks to initialize the list with.
-     *
-     * @abstract
-     */
-    function TrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      _this = _EventTarget.call(this) || this;
-      _this.tracks_ = [];
-      /**
-       * @memberof TrackList
-       * @member {number} length
-       *         The current number of `Track`s in the this Trackist.
-       * @instance
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'length', {
-        get: function get() {
-          return this.tracks_.length;
-        }
-      });
-
-      for (var i = 0; i < tracks.length; i++) {
-        _this.addTrack(tracks[i]);
-      }
-
-      return _this;
-    }
-    /**
-     * Add a {@link Track} to the `TrackList`
-     *
-     * @param {Track} track
-     *        The audio, video, or text track to add to the list.
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = TrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var index = this.tracks_.length;
-
-      if (!('' + index in this)) {
-        Object.defineProperty(this, index, {
-          get: function get() {
-            return this.tracks_[index];
-          }
-        });
-      } // Do not add duplicate tracks
-
-
-      if (this.tracks_.indexOf(track) === -1) {
-        this.tracks_.push(track);
-        /**
-         * Triggered when a track is added to a track list.
-         *
-         * @event TrackList#addtrack
-         * @type {EventTarget~Event}
-         * @property {Track} track
-         *           A reference to track that was added.
-         */
-
-        this.trigger({
-          track: track,
-          type: 'addtrack',
-          target: this
-        });
-      }
-    }
-    /**
-     * Remove a {@link Track} from the `TrackList`
-     *
-     * @param {Track} rtrack
-     *        The audio, video, or text track to remove from the list.
-     *
-     * @fires TrackList#removetrack
-     */
-    ;
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      var track;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        if (this[i] === rtrack) {
-          track = this[i];
-
-          if (track.off) {
-            track.off();
-          }
-
-          this.tracks_.splice(i, 1);
-          break;
-        }
-      }
-
-      if (!track) {
-        return;
-      }
-      /**
-       * Triggered when a track is removed from track list.
-       *
-       * @event TrackList#removetrack
-       * @type {EventTarget~Event}
-       * @property {Track} track
-       *           A reference to track that was removed.
-       */
-
-
-      this.trigger({
-        track: track,
-        type: 'removetrack',
-        target: this
-      });
-    }
-    /**
-     * Get a Track from the TrackList by a tracks id
-     *
-     * @param {string} id - the id of the track to get
-     * @method getTrackById
-     * @return {Track}
-     * @private
-     */
-    ;
-
-    _proto.getTrackById = function getTrackById(id) {
-      var result = null;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        var track = this[i];
-
-        if (track.id === id) {
-          result = track;
-          break;
-        }
-      }
-
-      return result;
-    };
-
-    return TrackList;
-  }(EventTarget);
-  /**
-   * Triggered when a different track is selected/enabled.
-   *
-   * @event TrackList#change
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Events that can be called with on + eventName. See {@link EventHandler}.
-   *
-   * @property {Object} TrackList#allowedEvents_
-   * @private
-   */
-
-
-  TrackList.prototype.allowedEvents_ = {
-    change: 'change',
-    addtrack: 'addtrack',
-    removetrack: 'removetrack'
-  }; // emulate attribute EventHandler support to allow for feature detection
-
-  for (var event in TrackList.prototype.allowedEvents_) {
-    TrackList.prototype['on' + event] = null;
-  }
-
-  /**
-   * Anywhere we call this function we diverge from the spec
-   * as we only support one enabled audiotrack at a time
-   *
-   * @param {AudioTrackList} list
-   *        list to work on
-   *
-   * @param {AudioTrack} track
-   *        The track to skip
-   *
-   * @private
-   */
-
-  var disableOthers = function disableOthers(list, track) {
-    for (var i = 0; i < list.length; i++) {
-      if (!Object.keys(list[i]).length || track.id === list[i].id) {
-        continue;
-      } // another audio track is enabled, disable it
-
-
-      list[i].enabled = false;
-    }
-  };
-  /**
-   * The current list of {@link AudioTrack} for a media file.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist}
-   * @extends TrackList
-   */
-
-
-  var AudioTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(AudioTrackList, _TrackList);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {AudioTrack[]} [tracks=[]]
-     *        A list of `AudioTrack` to instantiate the list with.
-     */
-    function AudioTrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      // make sure only 1 track is enabled
-      // sorted from last index to first index
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        if (tracks[i].enabled) {
-          disableOthers(tracks, tracks[i]);
-          break;
-        }
-      }
-
-      _this = _TrackList.call(this, tracks) || this;
-      _this.changing_ = false;
-      return _this;
-    }
-    /**
-     * Add an {@link AudioTrack} to the `AudioTrackList`.
-     *
-     * @param {AudioTrack} track
-     *        The AudioTrack to add to the list
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = AudioTrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var _this2 = this;
-
-      if (track.enabled) {
-        disableOthers(this, track);
-      }
-
-      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-      if (!track.addEventListener) {
-        return;
-      }
-
-      track.enabledChange_ = function () {
-        // when we are disabling other tracks (since we don't support
-        // more than one track at a time) we will set changing_
-        // to true so that we don't trigger additional change events
-        if (_this2.changing_) {
-          return;
-        }
-
-        _this2.changing_ = true;
-        disableOthers(_this2, track);
-        _this2.changing_ = false;
-
-        _this2.trigger('change');
-      };
-      /**
-       * @listens AudioTrack#enabledchange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('enabledchange', track.enabledChange_);
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack);
-
-      if (rtrack.removeEventListener && rtrack.enabledChange_) {
-        rtrack.removeEventListener('enabledchange', rtrack.enabledChange_);
-        rtrack.enabledChange_ = null;
-      }
-    };
-
-    return AudioTrackList;
-  }(TrackList);
-
-  /**
-   * Un-select all other {@link VideoTrack}s that are selected.
-   *
-   * @param {VideoTrackList} list
-   *        list to work on
-   *
-   * @param {VideoTrack} track
-   *        The track to skip
-   *
-   * @private
-   */
-
-  var disableOthers$1 = function disableOthers(list, track) {
-    for (var i = 0; i < list.length; i++) {
-      if (!Object.keys(list[i]).length || track.id === list[i].id) {
-        continue;
-      } // another video track is enabled, disable it
-
-
-      list[i].selected = false;
-    }
-  };
-  /**
-   * The current list of {@link VideoTrack} for a video.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist}
-   * @extends TrackList
-   */
-
-
-  var VideoTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(VideoTrackList, _TrackList);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {VideoTrack[]} [tracks=[]]
-     *        A list of `VideoTrack` to instantiate the list with.
-     */
-    function VideoTrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      // make sure only 1 track is enabled
-      // sorted from last index to first index
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        if (tracks[i].selected) {
-          disableOthers$1(tracks, tracks[i]);
-          break;
-        }
-      }
-
-      _this = _TrackList.call(this, tracks) || this;
-      _this.changing_ = false;
-      /**
-       * @member {number} VideoTrackList#selectedIndex
-       *         The current index of the selected {@link VideoTrack`}.
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'selectedIndex', {
-        get: function get() {
-          for (var _i = 0; _i < this.length; _i++) {
-            if (this[_i].selected) {
-              return _i;
-            }
-          }
-
-          return -1;
-        },
-        set: function set() {}
-      });
-      return _this;
-    }
-    /**
-     * Add a {@link VideoTrack} to the `VideoTrackList`.
-     *
-     * @param {VideoTrack} track
-     *        The VideoTrack to add to the list
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = VideoTrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var _this2 = this;
-
-      if (track.selected) {
-        disableOthers$1(this, track);
-      }
-
-      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-      if (!track.addEventListener) {
-        return;
-      }
-
-      track.selectedChange_ = function () {
-        if (_this2.changing_) {
-          return;
-        }
-
-        _this2.changing_ = true;
-        disableOthers$1(_this2, track);
-        _this2.changing_ = false;
-
-        _this2.trigger('change');
-      };
-      /**
-       * @listens VideoTrack#selectedchange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('selectedchange', track.selectedChange_);
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack);
-
-      if (rtrack.removeEventListener && rtrack.selectedChange_) {
-        rtrack.removeEventListener('selectedchange', rtrack.selectedChange_);
-        rtrack.selectedChange_ = null;
-      }
-    };
-
-    return VideoTrackList;
-  }(TrackList);
-
-  /**
-   * The current list of {@link TextTrack} for a media file.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttracklist}
-   * @extends TrackList
-   */
-
-  var TextTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(TextTrackList, _TrackList);
-
-    function TextTrackList() {
-      return _TrackList.apply(this, arguments) || this;
-    }
-
-    var _proto = TextTrackList.prototype;
-
-    /**
-     * Add a {@link TextTrack} to the `TextTrackList`
-     *
-     * @param {TextTrack} track
-     *        The text track to add to the list.
-     *
-     * @fires TrackList#addtrack
-     */
-    _proto.addTrack = function addTrack(track) {
-      var _this = this;
-
-      _TrackList.prototype.addTrack.call(this, track);
-
-      if (!this.queueChange_) {
-        this.queueChange_ = function () {
-          return _this.queueTrigger('change');
-        };
-      }
-
-      if (!this.triggerSelectedlanguagechange) {
-        this.triggerSelectedlanguagechange_ = function () {
-          return _this.trigger('selectedlanguagechange');
-        };
-      }
-      /**
-       * @listens TextTrack#modechange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('modechange', this.queueChange_);
-      var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-      if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-        track.addEventListener('modechange', this.triggerSelectedlanguagechange_);
-      }
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack); // manually remove the event handlers we added
-
-
-      if (rtrack.removeEventListener) {
-        if (this.queueChange_) {
-          rtrack.removeEventListener('modechange', this.queueChange_);
-        }
-
-        if (this.selectedlanguagechange_) {
-          rtrack.removeEventListener('modechange', this.triggerSelectedlanguagechange_);
-        }
-      }
-    };
-
-    return TextTrackList;
-  }(TrackList);
-
-  /**
-   * @file html-track-element-list.js
-   */
-
-  /**
-   * The current list of {@link HtmlTrackElement}s.
-   */
-  var HtmlTrackElementList =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Create an instance of this class.
-     *
-     * @param {HtmlTrackElement[]} [tracks=[]]
-     *        A list of `HtmlTrackElement` to instantiate the list with.
-     */
-    function HtmlTrackElementList(trackElements) {
-      if (trackElements === void 0) {
-        trackElements = [];
-      }
-
-      this.trackElements_ = [];
-      /**
-       * @memberof HtmlTrackElementList
-       * @member {number} length
-       *         The current number of `Track`s in the this Trackist.
-       * @instance
-       */
-
-      Object.defineProperty(this, 'length', {
-        get: function get() {
-          return this.trackElements_.length;
-        }
-      });
-
-      for (var i = 0, length = trackElements.length; i < length; i++) {
-        this.addTrackElement_(trackElements[i]);
-      }
-    }
-    /**
-     * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-     *
-     * @param {HtmlTrackElement} trackElement
-     *        The track element to add to the list.
-     *
-     * @private
-     */
-
-
-    var _proto = HtmlTrackElementList.prototype;
-
-    _proto.addTrackElement_ = function addTrackElement_(trackElement) {
-      var index = this.trackElements_.length;
-
-      if (!('' + index in this)) {
-        Object.defineProperty(this, index, {
-          get: function get() {
-            return this.trackElements_[index];
-          }
-        });
-      } // Do not add duplicate elements
-
-
-      if (this.trackElements_.indexOf(trackElement) === -1) {
-        this.trackElements_.push(trackElement);
-      }
-    }
-    /**
-     * Get an {@link HtmlTrackElement} from the `HtmlTrackElementList` given an
-     * {@link TextTrack}.
-     *
-     * @param {TextTrack} track
-     *        The track associated with a track element.
-     *
-     * @return {HtmlTrackElement|undefined}
-     *         The track element that was found or undefined.
-     *
-     * @private
-     */
-    ;
-
-    _proto.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-      var trackElement_;
-
-      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-        if (track === this.trackElements_[i].track) {
-          trackElement_ = this.trackElements_[i];
-          break;
-        }
-      }
-
-      return trackElement_;
-    }
-    /**
-     * Remove a {@link HtmlTrackElement} from the `HtmlTrackElementList`
-     *
-     * @param {HtmlTrackElement} trackElement
-     *        The track element to remove from the list.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeTrackElement_ = function removeTrackElement_(trackElement) {
-      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-        if (trackElement === this.trackElements_[i]) {
-          if (this.trackElements_[i].track && typeof this.trackElements_[i].track.off === 'function') {
-            this.trackElements_[i].track.off();
-          }
-
-          if (typeof this.trackElements_[i].off === 'function') {
-            this.trackElements_[i].off();
-          }
-
-          this.trackElements_.splice(i, 1);
-          break;
-        }
-      }
-    };
-
-    return HtmlTrackElementList;
-  }();
-
-  /**
-   * @file text-track-cue-list.js
-   */
-
-  /**
-   * @typedef {Object} TextTrackCueList~TextTrackCue
-   *
-   * @property {string} id
-   *           The unique id for this text track cue
-   *
-   * @property {number} startTime
-   *           The start time for this text track cue
-   *
-   * @property {number} endTime
-   *           The end time for this text track cue
-   *
-   * @property {boolean} pauseOnExit
-   *           Pause when the end time is reached if true.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue}
-   */
-
-  /**
-   * A List of TextTrackCues.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcuelist}
-   */
-  var TextTrackCueList =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Create an instance of this class..
-     *
-     * @param {Array} cues
-     *        A list of cues to be initialized with
-     */
-    function TextTrackCueList(cues) {
-      TextTrackCueList.prototype.setCues_.call(this, cues);
-      /**
-       * @memberof TextTrackCueList
-       * @member {number} length
-       *         The current number of `TextTrackCue`s in the TextTrackCueList.
-       * @instance
-       */
-
-      Object.defineProperty(this, 'length', {
-        get: function get() {
-          return this.length_;
-        }
-      });
-    }
-    /**
-     * A setter for cues in this list. Creates getters
-     * an an index for the cues.
-     *
-     * @param {Array} cues
-     *        An array of cues to set
-     *
-     * @private
-     */
-
-
-    var _proto = TextTrackCueList.prototype;
-
-    _proto.setCues_ = function setCues_(cues) {
-      var oldLength = this.length || 0;
-      var i = 0;
-      var l = cues.length;
-      this.cues_ = cues;
-      this.length_ = cues.length;
-
-      var defineProp = function defineProp(index) {
-        if (!('' + index in this)) {
-          Object.defineProperty(this, '' + index, {
-            get: function get() {
-              return this.cues_[index];
-            }
-          });
-        }
-      };
-
-      if (oldLength < l) {
-        i = oldLength;
-
-        for (; i < l; i++) {
-          defineProp.call(this, i);
-        }
-      }
-    }
-    /**
-     * Get a `TextTrackCue` that is currently in the `TextTrackCueList` by id.
-     *
-     * @param {string} id
-     *        The id of the cue that should be searched for.
-     *
-     * @return {TextTrackCueList~TextTrackCue|null}
-     *         A single cue or null if none was found.
-     */
-    ;
-
-    _proto.getCueById = function getCueById(id) {
-      var result = null;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        var cue = this[i];
-
-        if (cue.id === id) {
-          result = cue;
-          break;
-        }
-      }
-
-      return result;
-    };
-
-    return TextTrackCueList;
-  }();
-
-  /**
-   * @file track-kinds.js
-   */
-
-  /**
-   * All possible `VideoTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-videotrack-kind
-   * @typedef VideoTrack~Kind
-   * @enum
-   */
-  var VideoTrackKind = {
-    alternative: 'alternative',
-    captions: 'captions',
-    main: 'main',
-    sign: 'sign',
-    subtitles: 'subtitles',
-    commentary: 'commentary'
-  };
-  /**
-   * All possible `AudioTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-audiotrack-kind
-   * @typedef AudioTrack~Kind
-   * @enum
-   */
-
-  var AudioTrackKind = {
-    'alternative': 'alternative',
-    'descriptions': 'descriptions',
-    'main': 'main',
-    'main-desc': 'main-desc',
-    'translation': 'translation',
-    'commentary': 'commentary'
-  };
-  /**
-   * All possible `TextTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-kind
-   * @typedef TextTrack~Kind
-   * @enum
-   */
-
-  var TextTrackKind = {
-    subtitles: 'subtitles',
-    captions: 'captions',
-    descriptions: 'descriptions',
-    chapters: 'chapters',
-    metadata: 'metadata'
-  };
-  /**
-   * All possible `TextTrackMode`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackmode
-   * @typedef TextTrack~Mode
-   * @enum
-   */
-
-  var TextTrackMode = {
-    disabled: 'disabled',
-    hidden: 'hidden',
-    showing: 'showing'
-  };
-
-  /**
-   * A Track class that contains all of the common functionality for {@link AudioTrack},
-   * {@link VideoTrack}, and {@link TextTrack}.
-   *
-   * > Note: This class should not be used directly
-   *
-   * @see {@link https://html.spec.whatwg.org/multipage/embedded-content.html}
-   * @extends EventTarget
-   * @abstract
-   */
-
-  var Track =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(Track, _EventTarget);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {string} [options.kind='']
-     *        A valid kind for the track type you are creating.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @abstract
-     */
-    function Track(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _EventTarget.call(this) || this;
-      var trackProps = {
-        id: options.id || 'vjs_track_' + newGUID(),
-        kind: options.kind || '',
-        label: options.label || '',
-        language: options.language || ''
-      };
-      /**
-       * @memberof Track
-       * @member {string} id
-       *         The id of this track. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} kind
-       *         The kind of track that this is. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} label
-       *         The label of this track. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} language
-       *         The two letter language code for this track. Cannot be changed after
-       *         creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      var _loop = function _loop(key) {
-        Object.defineProperty(assertThisInitialized(_this), key, {
-          get: function get() {
-            return trackProps[key];
-          },
-          set: function set() {}
-        });
-      };
-
-      for (var key in trackProps) {
-        _loop(key);
-      }
-
-      return _this;
-    }
-
-    return Track;
-  }(EventTarget);
-
-  /**
-   * @file url.js
-   * @module url
-   */
-  /**
-   * @typedef {Object} url:URLObject
-   *
-   * @property {string} protocol
-   *           The protocol of the url that was parsed.
-   *
-   * @property {string} hostname
-   *           The hostname of the url that was parsed.
-   *
-   * @property {string} port
-   *           The port of the url that was parsed.
-   *
-   * @property {string} pathname
-   *           The pathname of the url that was parsed.
-   *
-   * @property {string} search
-   *           The search query of the url that was parsed.
-   *
-   * @property {string} hash
-   *           The hash of the url that was parsed.
-   *
-   * @property {string} host
-   *           The host of the url that was parsed.
-   */
-
-  /**
-   * Resolve and parse the elements of a URL.
-   *
-   * @function
-   * @param    {String} url
-   *           The url to parse
-   *
-   * @return   {url:URLObject}
-   *           An object of url details
-   */
-
-  var parseUrl = function parseUrl(url) {
-    var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host']; // add the url to an anchor and let the browser parse the URL
-
-    var a = document.createElement('a');
-    a.href = url; // IE8 (and 9?) Fix
-    // ie8 doesn't parse the URL correctly until the anchor is actually
-    // added to the body, and an innerHTML is needed to trigger the parsing
-
-    var addToBody = a.host === '' && a.protocol !== 'file:';
-    var div;
-
-    if (addToBody) {
-      div = document.createElement('div');
-      div.innerHTML = "<a href=\"" + url + "\"></a>";
-      a = div.firstChild; // prevent the div from affecting layout
-
-      div.setAttribute('style', 'display:none; position:absolute;');
-      document.body.appendChild(div);
-    } // Copy the specific URL properties to a new object
-    // This is also needed for IE8 because the anchor loses its
-    // properties when it's removed from the dom
-
-
-    var details = {};
-
-    for (var i = 0; i < props.length; i++) {
-      details[props[i]] = a[props[i]];
-    } // IE9 adds the port to the host property unlike everyone else. If
-    // a port identifier is added for standard ports, strip it.
-
-
-    if (details.protocol === 'http:') {
-      details.host = details.host.replace(/:80$/, '');
-    }
-
-    if (details.protocol === 'https:') {
-      details.host = details.host.replace(/:443$/, '');
-    }
-
-    if (!details.protocol) {
-      details.protocol = window$1.location.protocol;
-    }
-
-    if (addToBody) {
-      document.body.removeChild(div);
-    }
-
-    return details;
-  };
-  /**
-   * Get absolute version of relative URL. Used to tell Flash the correct URL.
-   *
-   * @function
-   * @param    {string} url
-   *           URL to make absolute
-   *
-   * @return   {string}
-   *           Absolute URL
-   *
-   * @see      http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
-   */
-
-  var getAbsoluteURL = function getAbsoluteURL(url) {
-    // Check if absolute URL
-    if (!url.match(/^https?:\/\//)) {
-      // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
-      var div = document.createElement('div');
-      div.innerHTML = "<a href=\"" + url + "\">x</a>";
-      url = div.firstChild.href;
-    }
-
-    return url;
-  };
-  /**
-   * Returns the extension of the passed file name. It will return an empty string
-   * if passed an invalid path.
-   *
-   * @function
-   * @param    {string} path
-   *           The fileName path like '/path/to/file.mp4'
-   *
-   * @return  {string}
-   *           The extension in lower case or an empty string if no
-   *           extension could be found.
-   */
-
-  var getFileExtension = function getFileExtension(path) {
-    if (typeof path === 'string') {
-      var splitPathRe = /^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/;
-      var pathParts = splitPathRe.exec(path);
-
-      if (pathParts) {
-        return pathParts.pop().toLowerCase();
-      }
-    }
-
-    return '';
-  };
-  /**
-   * Returns whether the url passed is a cross domain request or not.
-   *
-   * @function
-   * @param    {string} url
-   *           The url to check.
-   *
-   * @param    {Object} [winLoc]
-   *           the domain to check the url against, defaults to window.location
-   *
-   * @param    {string} [winLoc.protocol]
-   *           The window location protocol defaults to window.location.protocol
-   *
-   * @param    {string} [winLoc.host]
-   *           The window location host defaults to window.location.host
-   *
-   * @return   {boolean}
-   *           Whether it is a cross domain request or not.
-   */
-
-  var isCrossOrigin = function isCrossOrigin(url, winLoc) {
-    if (winLoc === void 0) {
-      winLoc = window$1.location;
-    }
-
-    var urlInfo = parseUrl(url); // IE8 protocol relative urls will return ':' for protocol
-
-    var srcProtocol = urlInfo.protocol === ':' ? winLoc.protocol : urlInfo.protocol; // Check if url is for another domain/origin
-    // IE8 doesn't know location.origin, so we won't rely on it here
-
-    var crossOrigin = srcProtocol + urlInfo.host !== winLoc.protocol + winLoc.host;
-    return crossOrigin;
-  };
-
-  var Url = /*#__PURE__*/Object.freeze({
-    parseUrl: parseUrl,
-    getAbsoluteURL: getAbsoluteURL,
-    getFileExtension: getFileExtension,
-    isCrossOrigin: isCrossOrigin
-  });
-
-  var isFunction_1 = isFunction;
-  var toString$1 = Object.prototype.toString;
-
-  function isFunction(fn) {
-    var string = toString$1.call(fn);
-    return string === '[object Function]' || typeof fn === 'function' && string !== '[object RegExp]' || typeof window !== 'undefined' && ( // IE8 and below
-    fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt);
-  }
-
-  /**
-   * @license
-   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
-   * Copyright (c) 2014 David Björklund
-   * Available under the MIT license
-   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
-   */
-
-
-  var parseHeaders = function parseHeaders(headers) {
-    var result = {};
-
-    if (!headers) {
-      return result;
-    }
-
-    headers.trim().split('\n').forEach(function (row) {
-      var index = row.indexOf(':');
-      var key = row.slice(0, index).trim().toLowerCase();
-      var value = row.slice(index + 1).trim();
-
-      if (typeof result[key] === 'undefined') {
-        result[key] = value;
-      } else if (Array.isArray(result[key])) {
-        result[key].push(value);
-      } else {
-        result[key] = [result[key], value];
-      }
-    });
-    return result;
-  };
-
-  var xhr = createXHR; // Allow use of default import syntax in TypeScript
-
-  var default_1 = createXHR;
-  createXHR.XMLHttpRequest = window$1.XMLHttpRequest || noop;
-  createXHR.XDomainRequest = "withCredentials" in new createXHR.XMLHttpRequest() ? createXHR.XMLHttpRequest : window$1.XDomainRequest;
-  forEachArray(["get", "put", "post", "patch", "head", "delete"], function (method) {
-    createXHR[method === "delete" ? "del" : method] = function (uri, options, callback) {
-      options = initParams(uri, options, callback);
-      options.method = method.toUpperCase();
-      return _createXHR(options);
-    };
-  });
-
-  function forEachArray(array, iterator) {
-    for (var i = 0; i < array.length; i++) {
-      iterator(array[i]);
-    }
-  }
-
-  function isEmpty(obj) {
-    for (var i in obj) {
-      if (obj.hasOwnProperty(i)) return false;
-    }
-
-    return true;
-  }
-
-  function initParams(uri, options, callback) {
-    var params = uri;
-
-    if (isFunction_1(options)) {
-      callback = options;
-
-      if (typeof uri === "string") {
-        params = {
-          uri: uri
-        };
-      }
-    } else {
-      params = _extends_1({}, options, {
-        uri: uri
-      });
-    }
-
-    params.callback = callback;
-    return params;
-  }
-
-  function createXHR(uri, options, callback) {
-    options = initParams(uri, options, callback);
-    return _createXHR(options);
-  }
-
-  function _createXHR(options) {
-    if (typeof options.callback === "undefined") {
-      throw new Error("callback argument missing");
-    }
-
-    var called = false;
-
-    var callback = function cbOnce(err, response, body) {
-      if (!called) {
-        called = true;
-        options.callback(err, response, body);
-      }
-    };
-
-    function readystatechange() {
-      if (xhr.readyState === 4) {
-        setTimeout(loadFunc, 0);
-      }
-    }
-
-    function getBody() {
-      // Chrome with requestType=blob throws errors arround when even testing access to responseText
-      var body = undefined;
-
-      if (xhr.response) {
-        body = xhr.response;
-      } else {
-        body = xhr.responseText || getXml(xhr);
-      }
-
-      if (isJson) {
-        try {
-          body = JSON.parse(body);
-        } catch (e) {}
-      }
-
-      return body;
-    }
-
-    function errorFunc(evt) {
-      clearTimeout(timeoutTimer);
-
-      if (!(evt instanceof Error)) {
-        evt = new Error("" + (evt || "Unknown XMLHttpRequest Error"));
-      }
-
-      evt.statusCode = 0;
-      return callback(evt, failureResponse);
-    } // will load the data & process the response in a special response object
-
-
-    function loadFunc() {
-      if (aborted) return;
-      var status;
-      clearTimeout(timeoutTimer);
-
-      if (options.useXDR && xhr.status === undefined) {
-        //IE8 CORS GET successful response doesn't have a status field, but body is fine
-        status = 200;
-      } else {
-        status = xhr.status === 1223 ? 204 : xhr.status;
-      }
-
-      var response = failureResponse;
-      var err = null;
-
-      if (status !== 0) {
-        response = {
-          body: getBody(),
-          statusCode: status,
-          method: method,
-          headers: {},
-          url: uri,
-          rawRequest: xhr
-        };
-
-        if (xhr.getAllResponseHeaders) {
-          //remember xhr can in fact be XDR for CORS in IE
-          response.headers = parseHeaders(xhr.getAllResponseHeaders());
-        }
-      } else {
-        err = new Error("Internal XMLHttpRequest Error");
-      }
-
-      return callback(err, response, response.body);
-    }
-
-    var xhr = options.xhr || null;
-
-    if (!xhr) {
-      if (options.cors || options.useXDR) {
-        xhr = new createXHR.XDomainRequest();
-      } else {
-        xhr = new createXHR.XMLHttpRequest();
-      }
-    }
-
-    var key;
-    var aborted;
-    var uri = xhr.url = options.uri || options.url;
-    var method = xhr.method = options.method || "GET";
-    var body = options.body || options.data;
-    var headers = xhr.headers = options.headers || {};
-    var sync = !!options.sync;
-    var isJson = false;
-    var timeoutTimer;
-    var failureResponse = {
-      body: undefined,
-      headers: {},
-      statusCode: 0,
-      method: method,
-      url: uri,
-      rawRequest: xhr
-    };
-
-    if ("json" in options && options.json !== false) {
-      isJson = true;
-      headers["accept"] || headers["Accept"] || (headers["Accept"] = "application/json"); //Don't override existing accept header declared by user
-
-      if (method !== "GET" && method !== "HEAD") {
-        headers["content-type"] || headers["Content-Type"] || (headers["Content-Type"] = "application/json"); //Don't override existing accept header declared by user
-
-        body = JSON.stringify(options.json === true ? body : options.json);
-      }
-    }
-
-    xhr.onreadystatechange = readystatechange;
-    xhr.onload = loadFunc;
-    xhr.onerror = errorFunc; // IE9 must have onprogress be set to a unique function.
-
-    xhr.onprogress = function () {// IE must die
-    };
-
-    xhr.onabort = function () {
-      aborted = true;
-    };
-
-    xhr.ontimeout = errorFunc;
-    xhr.open(method, uri, !sync, options.username, options.password); //has to be after open
-
-    if (!sync) {
-      xhr.withCredentials = !!options.withCredentials;
-    } // Cannot set timeout with sync request
-    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly
-    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent
-
-
-    if (!sync && options.timeout > 0) {
-      timeoutTimer = setTimeout(function () {
-        if (aborted) return;
-        aborted = true; //IE9 may still call readystatechange
-
-        xhr.abort("timeout");
-        var e = new Error("XMLHttpRequest timeout");
-        e.code = "ETIMEDOUT";
-        errorFunc(e);
-      }, options.timeout);
-    }
-
-    if (xhr.setRequestHeader) {
-      for (key in headers) {
-        if (headers.hasOwnProperty(key)) {
-          xhr.setRequestHeader(key, headers[key]);
-        }
-      }
-    } else if (options.headers && !isEmpty(options.headers)) {
-      throw new Error("Headers cannot be set on an XDomainRequest object");
-    }
-
-    if ("responseType" in options) {
-      xhr.responseType = options.responseType;
-    }
-
-    if ("beforeSend" in options && typeof options.beforeSend === "function") {
-      options.beforeSend(xhr);
-    } // Microsoft Edge browser sends "undefined" when send is called with undefined value.
-    // XMLHttpRequest spec says to pass null as body to indicate no body
-    // See https://github.com/naugtur/xhr/issues/100.
-
-
-    xhr.send(body || null);
-    return xhr;
-  }
-
-  function getXml(xhr) {
-    // xhr.responseXML will throw Exception "InvalidStateError" or "DOMException"
-    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.
-    try {
-      if (xhr.responseType === "document") {
-        return xhr.responseXML;
-      }
-
-      var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === "parsererror";
-
-      if (xhr.responseType === "" && !firefoxBugTakenEffect) {
-        return xhr.responseXML;
-      }
-    } catch (e) {}
-
-    return null;
-  }
-
-  function noop() {}
-  xhr["default"] = default_1;
-
-  /**
-   * Takes a webvtt file contents and parses it into cues
-   *
-   * @param {string} srcContent
-   *        webVTT file contents
-   *
-   * @param {TextTrack} track
-   *        TextTrack to add cues to. Cues come from the srcContent.
-   *
-   * @private
-   */
-
-  var parseCues = function parseCues(srcContent, track) {
-    var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, window$1.WebVTT.StringDecoder());
-    var errors = [];
-
-    parser.oncue = function (cue) {
-      track.addCue(cue);
-    };
-
-    parser.onparsingerror = function (error) {
-      errors.push(error);
-    };
-
-    parser.onflush = function () {
-      track.trigger({
-        type: 'loadeddata',
-        target: track
-      });
-    };
-
-    parser.parse(srcContent);
-
-    if (errors.length > 0) {
-      if (window$1.console && window$1.console.groupCollapsed) {
-        window$1.console.groupCollapsed("Text Track parsing errors for " + track.src);
-      }
-
-      errors.forEach(function (error) {
-        return log.error(error);
-      });
-
-      if (window$1.console && window$1.console.groupEnd) {
-        window$1.console.groupEnd();
-      }
-    }
-
-    parser.flush();
-  };
-  /**
-   * Load a `TextTrack` from a specified url.
-   *
-   * @param {string} src
-   *        Url to load track from.
-   *
-   * @param {TextTrack} track
-   *        Track to add cues to. Comes from the content at the end of `url`.
-   *
-   * @private
-   */
-
-
-  var loadTrack = function loadTrack(src, track) {
-    var opts = {
-      uri: src
-    };
-    var crossOrigin = isCrossOrigin(src);
-
-    if (crossOrigin) {
-      opts.cors = crossOrigin;
-    }
-
-    xhr(opts, bind(this, function (err, response, responseBody) {
-      if (err) {
-        return log.error(err, response);
-      }
-
-      track.loaded_ = true; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-      // NOTE: this is only used for the alt/video.novtt.js build
-
-      if (typeof window$1.WebVTT !== 'function') {
-        if (track.tech_) {
-          // to prevent use before define eslint error, we define loadHandler
-          // as a let here
-          track.tech_.any(['vttjsloaded', 'vttjserror'], function (event) {
-            if (event.type === 'vttjserror') {
-              log.error("vttjs failed to load, stopping trying to process " + track.src);
-              return;
-            }
-
-            return parseCues(responseBody, track);
-          });
-        }
-      } else {
-        parseCues(responseBody, track);
-      }
-    }));
-  };
-  /**
-   * A representation of a single `TextTrack`.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrack}
-   * @extends Track
-   */
-
-
-  var TextTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(TextTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} options={}
-     *        Object of option names and values
-     *
-     * @param {Tech} options.tech
-     *        A reference to the tech that owns this TextTrack.
-     *
-     * @param {TextTrack~Kind} [options.kind='subtitles']
-     *        A valid text track kind.
-     *
-     * @param {TextTrack~Mode} [options.mode='disabled']
-     *        A valid text track mode.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this TextTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {string} [options.srclang='']
-     *        A valid two character language code. An alternative, but deprioritized
-     *        version of `options.language`
-     *
-     * @param {string} [options.src]
-     *        A url to TextTrack cues.
-     *
-     * @param {boolean} [options.default]
-     *        If this track should default to on or off.
-     */
-    function TextTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (!options.tech) {
-        throw new Error('A tech was not provided.');
-      }
-
-      var settings = mergeOptions(options, {
-        kind: TextTrackKind[options.kind] || 'subtitles',
-        language: options.language || options.srclang || ''
-      });
-      var mode = TextTrackMode[settings.mode] || 'disabled';
-      var default_ = settings["default"];
-
-      if (settings.kind === 'metadata' || settings.kind === 'chapters') {
-        mode = 'hidden';
-      }
-
-      _this = _Track.call(this, settings) || this;
-      _this.tech_ = settings.tech;
-      _this.cues_ = [];
-      _this.activeCues_ = [];
-      _this.preload_ = _this.tech_.preloadTextTracks !== false;
-      var cues = new TextTrackCueList(_this.cues_);
-      var activeCues = new TextTrackCueList(_this.activeCues_);
-      var changed = false;
-      var timeupdateHandler = bind(assertThisInitialized(_this), function () {
-        // Accessing this.activeCues for the side-effects of updating itself
-        // due to its nature as a getter function. Do not remove or cues will
-        // stop updating!
-        // Use the setter to prevent deletion from uglify (pure_getters rule)
-        this.activeCues = this.activeCues;
-
-        if (changed) {
-          this.trigger('cuechange');
-          changed = false;
-        }
-      });
-
-      if (mode !== 'disabled') {
-        _this.tech_.ready(function () {
-          _this.tech_.on('timeupdate', timeupdateHandler);
-        }, true);
-      }
-
-      Object.defineProperties(assertThisInitialized(_this), {
-        /**
-         * @memberof TextTrack
-         * @member {boolean} default
-         *         If this track was set to be on or off by default. Cannot be changed after
-         *         creation.
-         * @instance
-         *
-         * @readonly
-         */
-        "default": {
-          get: function get() {
-            return default_;
-          },
-          set: function set() {}
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {string} mode
-         *         Set the mode of this TextTrack to a valid {@link TextTrack~Mode}. Will
-         *         not be set if setting to an invalid mode.
-         * @instance
-         *
-         * @fires TextTrack#modechange
-         */
-        mode: {
-          get: function get() {
-            return mode;
-          },
-          set: function set(newMode) {
-            var _this2 = this;
-
-            if (!TextTrackMode[newMode]) {
-              return;
-            }
-
-            mode = newMode;
-
-            if (!this.preload_ && mode !== 'disabled' && this.cues.length === 0) {
-              // On-demand load.
-              loadTrack(this.src, this);
-            }
-
-            if (mode !== 'disabled') {
-              this.tech_.ready(function () {
-                _this2.tech_.on('timeupdate', timeupdateHandler);
-              }, true);
-            } else {
-              this.tech_.off('timeupdate', timeupdateHandler);
-            }
-            /**
-             * An event that fires when mode changes on this track. This allows
-             * the TextTrackList that holds this track to act accordingly.
-             *
-             * > Note: This is not part of the spec!
-             *
-             * @event TextTrack#modechange
-             * @type {EventTarget~Event}
-             */
-
-
-            this.trigger('modechange');
-          }
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {TextTrackCueList} cues
-         *         The text track cue list for this TextTrack.
-         * @instance
-         */
-        cues: {
-          get: function get() {
-            if (!this.loaded_) {
-              return null;
-            }
-
-            return cues;
-          },
-          set: function set() {}
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {TextTrackCueList} activeCues
-         *         The list text track cues that are currently active for this TextTrack.
-         * @instance
-         */
-        activeCues: {
-          get: function get() {
-            if (!this.loaded_) {
-              return null;
-            } // nothing to do
-
-
-            if (this.cues.length === 0) {
-              return activeCues;
-            }
-
-            var ct = this.tech_.currentTime();
-            var active = [];
-
-            for (var i = 0, l = this.cues.length; i < l; i++) {
-              var cue = this.cues[i];
-
-              if (cue.startTime <= ct && cue.endTime >= ct) {
-                active.push(cue);
-              } else if (cue.startTime === cue.endTime && cue.startTime <= ct && cue.startTime + 0.5 >= ct) {
-                active.push(cue);
-              }
-            }
-
-            changed = false;
-
-            if (active.length !== this.activeCues_.length) {
-              changed = true;
-            } else {
-              for (var _i = 0; _i < active.length; _i++) {
-                if (this.activeCues_.indexOf(active[_i]) === -1) {
-                  changed = true;
-                }
-              }
-            }
-
-            this.activeCues_ = active;
-            activeCues.setCues_(this.activeCues_);
-            return activeCues;
-          },
-          // /!\ Keep this setter empty (see the timeupdate handler above)
-          set: function set() {}
-        }
-      });
-
-      if (settings.src) {
-        _this.src = settings.src;
-
-        if (!_this.preload_) {
-          // Tracks will load on-demand.
-          // Act like we're loaded for other purposes.
-          _this.loaded_ = true;
-        }
-
-        if (_this.preload_ || default_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
-          loadTrack(_this.src, assertThisInitialized(_this));
-        }
-      } else {
-        _this.loaded_ = true;
-      }
-
-      return _this;
-    }
-    /**
-     * Add a cue to the internal list of cues.
-     *
-     * @param {TextTrack~Cue} cue
-     *        The cue to add to our internal list
-     */
-
-
-    var _proto = TextTrack.prototype;
-
-    _proto.addCue = function addCue(originalCue) {
-      var cue = originalCue;
-
-      if (window$1.vttjs && !(originalCue instanceof window$1.vttjs.VTTCue)) {
-        cue = new window$1.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
-
-        for (var prop in originalCue) {
-          if (!(prop in cue)) {
-            cue[prop] = originalCue[prop];
-          }
-        } // make sure that `id` is copied over
-
-
-        cue.id = originalCue.id;
-        cue.originalCue_ = originalCue;
-      }
-
-      var tracks = this.tech_.textTracks();
-
-      for (var i = 0; i < tracks.length; i++) {
-        if (tracks[i] !== this) {
-          tracks[i].removeCue(cue);
-        }
-      }
-
-      this.cues_.push(cue);
-      this.cues.setCues_(this.cues_);
-    }
-    /**
-     * Remove a cue from our internal list
-     *
-     * @param {TextTrack~Cue} removeCue
-     *        The cue to remove from our internal list
-     */
-    ;
-
-    _proto.removeCue = function removeCue(_removeCue) {
-      var i = this.cues_.length;
-
-      while (i--) {
-        var cue = this.cues_[i];
-
-        if (cue === _removeCue || cue.originalCue_ && cue.originalCue_ === _removeCue) {
-          this.cues_.splice(i, 1);
-          this.cues.setCues_(this.cues_);
-          break;
-        }
-      }
-    };
-
-    return TextTrack;
-  }(Track);
-  /**
-   * cuechange - One or more cues in the track have become active or stopped being active.
-   */
-
-
-  TextTrack.prototype.allowedEvents_ = {
-    cuechange: 'cuechange'
-  };
-
-  /**
-   * A representation of a single `AudioTrack`. If it is part of an {@link AudioTrackList}
-   * only one `AudioTrack` in the list will be enabled at a time.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotrack}
-   * @extends Track
-   */
-
-  var AudioTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(AudioTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {AudioTrack~Kind} [options.kind='']
-     *        A valid audio track kind
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {boolean} [options.enabled]
-     *        If this track is the one that is currently playing. If this track is part of
-     *        an {@link AudioTrackList}, only one {@link AudioTrack} will be enabled.
-     */
-    function AudioTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var settings = mergeOptions(options, {
-        kind: AudioTrackKind[options.kind] || ''
-      });
-      _this = _Track.call(this, settings) || this;
-      var enabled = false;
-      /**
-       * @memberof AudioTrack
-       * @member {boolean} enabled
-       *         If this `AudioTrack` is enabled or not. When setting this will
-       *         fire {@link AudioTrack#enabledchange} if the state of enabled is changed.
-       * @instance
-       *
-       * @fires VideoTrack#selectedchange
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'enabled', {
-        get: function get() {
-          return enabled;
-        },
-        set: function set(newEnabled) {
-          // an invalid or unchanged value
-          if (typeof newEnabled !== 'boolean' || newEnabled === enabled) {
-            return;
-          }
-
-          enabled = newEnabled;
-          /**
-           * An event that fires when enabled changes on this track. This allows
-           * the AudioTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec! Native tracks will do
-           *         this internally without an event.
-           *
-           * @event AudioTrack#enabledchange
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('enabledchange');
-        }
-      }); // if the user sets this track to selected then
-      // set selected to that true value otherwise
-      // we keep it false
-
-      if (settings.enabled) {
-        _this.enabled = settings.enabled;
-      }
-
-      _this.loaded_ = true;
-      return _this;
-    }
-
-    return AudioTrack;
-  }(Track);
-
-  /**
-   * A representation of a single `VideoTrack`.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotrack}
-   * @extends Track
-   */
-
-  var VideoTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(VideoTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {string} [options.kind='']
-     *        A valid {@link VideoTrack~Kind}
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {boolean} [options.selected]
-     *        If this track is the one that is currently playing.
-     */
-    function VideoTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var settings = mergeOptions(options, {
-        kind: VideoTrackKind[options.kind] || ''
-      });
-      _this = _Track.call(this, settings) || this;
-      var selected = false;
-      /**
-       * @memberof VideoTrack
-       * @member {boolean} selected
-       *         If this `VideoTrack` is selected or not. When setting this will
-       *         fire {@link VideoTrack#selectedchange} if the state of selected changed.
-       * @instance
-       *
-       * @fires VideoTrack#selectedchange
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'selected', {
-        get: function get() {
-          return selected;
-        },
-        set: function set(newSelected) {
-          // an invalid or unchanged value
-          if (typeof newSelected !== 'boolean' || newSelected === selected) {
-            return;
-          }
-
-          selected = newSelected;
-          /**
-           * An event that fires when selected changes on this track. This allows
-           * the VideoTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec! Native tracks will do
-           *         this internally without an event.
-           *
-           * @event VideoTrack#selectedchange
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('selectedchange');
-        }
-      }); // if the user sets this track to selected then
-      // set selected to that true value otherwise
-      // we keep it false
-
-      if (settings.selected) {
-        _this.selected = settings.selected;
-      }
-
-      return _this;
-    }
-
-    return VideoTrack;
-  }(Track);
-
-  /**
-   * @memberof HTMLTrackElement
-   * @typedef {HTMLTrackElement~ReadyState}
-   * @enum {number}
-   */
-
-  var NONE = 0;
-  var LOADING = 1;
-  var LOADED = 2;
-  var ERROR = 3;
-  /**
-   * A single track represented in the DOM.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement}
-   * @extends EventTarget
-   */
-
-  var HTMLTrackElement =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(HTMLTrackElement, _EventTarget);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} options={}
-     *        Object of option names and values
-     *
-     * @param {Tech} options.tech
-     *        A reference to the tech that owns this HTMLTrackElement.
-     *
-     * @param {TextTrack~Kind} [options.kind='subtitles']
-     *        A valid text track kind.
-     *
-     * @param {TextTrack~Mode} [options.mode='disabled']
-     *        A valid text track mode.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this TextTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {string} [options.srclang='']
-     *        A valid two character language code. An alternative, but deprioritized
-     *        vesion of `options.language`
-     *
-     * @param {string} [options.src]
-     *        A url to TextTrack cues.
-     *
-     * @param {boolean} [options.default]
-     *        If this track should default to on or off.
-     */
-    function HTMLTrackElement(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _EventTarget.call(this) || this;
-      var readyState;
-      var track = new TextTrack(options);
-      _this.kind = track.kind;
-      _this.src = track.src;
-      _this.srclang = track.language;
-      _this.label = track.label;
-      _this["default"] = track["default"];
-      Object.defineProperties(assertThisInitialized(_this), {
-        /**
-         * @memberof HTMLTrackElement
-         * @member {HTMLTrackElement~ReadyState} readyState
-         *         The current ready state of the track element.
-         * @instance
-         */
-        readyState: {
-          get: function get() {
-            return readyState;
-          }
-        },
-
-        /**
-         * @memberof HTMLTrackElement
-         * @member {TextTrack} track
-         *         The underlying TextTrack object.
-         * @instance
-         *
-         */
-        track: {
-          get: function get() {
-            return track;
-          }
-        }
-      });
-      readyState = NONE;
-      /**
-       * @listens TextTrack#loadeddata
-       * @fires HTMLTrackElement#load
-       */
-
-      track.addEventListener('loadeddata', function () {
-        readyState = LOADED;
-
-        _this.trigger({
-          type: 'load',
-          target: assertThisInitialized(_this)
-        });
-      });
-      return _this;
-    }
-
-    return HTMLTrackElement;
-  }(EventTarget);
-
-  HTMLTrackElement.prototype.allowedEvents_ = {
-    load: 'load'
-  };
-  HTMLTrackElement.NONE = NONE;
-  HTMLTrackElement.LOADING = LOADING;
-  HTMLTrackElement.LOADED = LOADED;
-  HTMLTrackElement.ERROR = ERROR;
-
-  /*
-   * This file contains all track properties that are used in
-   * player.js, tech.js, html5.js and possibly other techs in the future.
-   */
-
-  var NORMAL = {
-    audio: {
-      ListClass: AudioTrackList,
-      TrackClass: AudioTrack,
-      capitalName: 'Audio'
-    },
-    video: {
-      ListClass: VideoTrackList,
-      TrackClass: VideoTrack,
-      capitalName: 'Video'
-    },
-    text: {
-      ListClass: TextTrackList,
-      TrackClass: TextTrack,
-      capitalName: 'Text'
-    }
-  };
-  Object.keys(NORMAL).forEach(function (type) {
-    NORMAL[type].getterName = type + "Tracks";
-    NORMAL[type].privateName = type + "Tracks_";
-  });
-  var REMOTE = {
-    remoteText: {
-      ListClass: TextTrackList,
-      TrackClass: TextTrack,
-      capitalName: 'RemoteText',
-      getterName: 'remoteTextTracks',
-      privateName: 'remoteTextTracks_'
-    },
-    remoteTextEl: {
-      ListClass: HtmlTrackElementList,
-      TrackClass: HTMLTrackElement,
-      capitalName: 'RemoteTextTrackEls',
-      getterName: 'remoteTextTrackEls',
-      privateName: 'remoteTextTrackEls_'
-    }
-  };
-
-  var ALL = _extends_1({}, NORMAL, REMOTE);
-
-  REMOTE.names = Object.keys(REMOTE);
-  NORMAL.names = Object.keys(NORMAL);
-  ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-  var vtt = {};
-
-  /**
-   * An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string
-   * that just contains the src url alone.
-   * * `var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};`
-     * `var SourceString = 'http://example.com/some-video.mp4';`
-   *
-   * @typedef {Object|string} Tech~SourceObject
-   *
-   * @property {string} src
-   *           The url to the source
-   *
-   * @property {string} type
-   *           The mime type of the source
-   */
-
-  /**
-   * A function used by {@link Tech} to create a new {@link TextTrack}.
-   *
-   * @private
-   *
-   * @param {Tech} self
-   *        An instance of the Tech class.
-   *
-   * @param {string} kind
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-   *
-   * @param {string} [label]
-   *        Label to identify the text track
-   *
-   * @param {string} [language]
-   *        Two letter language abbreviation
-   *
-   * @param {Object} [options={}]
-   *        An object with additional text track options
-   *
-   * @return {TextTrack}
-   *          The text track that was created.
-   */
-
-  function createTrackHelper(self, kind, label, language, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var tracks = self.textTracks();
-    options.kind = kind;
-
-    if (label) {
-      options.label = label;
-    }
-
-    if (language) {
-      options.language = language;
-    }
-
-    options.tech = self;
-    var track = new ALL.text.TrackClass(options);
-    tracks.addTrack(track);
-    return track;
-  }
-  /**
-   * This is the base class for media playback technology controllers, such as
-   * {@link Flash} and {@link HTML5}
-   *
-   * @extends Component
-   */
-
-
-  var Tech =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Tech, _Component);
-
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} ready
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    function Tech(options, ready) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (ready === void 0) {
-        ready = function ready() {};
-      }
-
-      // we don't want the tech to report user activity automatically.
-      // This is done manually in addControlsListeners
-      options.reportTouchActivity = false;
-      _this = _Component.call(this, null, options, ready) || this; // keep track of whether the current source has played at all to
-      // implement a very limited played()
-
-      _this.hasStarted_ = false;
-
-      _this.on('playing', function () {
-        this.hasStarted_ = true;
-      });
-
-      _this.on('loadstart', function () {
-        this.hasStarted_ = false;
-      });
-
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-
-        if (options && options[props.getterName]) {
-          _this[props.privateName] = options[props.getterName];
-        }
-      }); // Manually track progress in cases where the browser/flash player doesn't report it.
-
-      if (!_this.featuresProgressEvents) {
-        _this.manualProgressOn();
-      } // Manually track timeupdates in cases where the browser/flash player doesn't report it.
-
-
-      if (!_this.featuresTimeupdateEvents) {
-        _this.manualTimeUpdatesOn();
-      }
-
-      ['Text', 'Audio', 'Video'].forEach(function (track) {
-        if (options["native" + track + "Tracks"] === false) {
-          _this["featuresNative" + track + "Tracks"] = false;
-        }
-      });
-
-      if (options.nativeCaptions === false || options.nativeTextTracks === false) {
-        _this.featuresNativeTextTracks = false;
-      } else if (options.nativeCaptions === true || options.nativeTextTracks === true) {
-        _this.featuresNativeTextTracks = true;
-      }
-
-      if (!_this.featuresNativeTextTracks) {
-        _this.emulateTextTracks();
-      }
-
-      _this.preloadTextTracks = options.preloadTextTracks !== false;
-      _this.autoRemoteTextTracks_ = new ALL.text.ListClass();
-
-      _this.initTrackListeners(); // Turn on component tap events only if not using native controls
-
-
-      if (!options.nativeControlsForTouch) {
-        _this.emitTapEvents();
-      }
-
-      if (_this.constructor) {
-        _this.name_ = _this.constructor.name || 'Unknown Tech';
-      }
-
-      return _this;
-    }
-    /**
-     * A special function to trigger source set in a way that will allow player
-     * to re-trigger if the player or tech are not ready yet.
-     *
-     * @fires Tech#sourceset
-     * @param {string} src The source string at the time of the source changing.
-     */
-
-
-    var _proto = Tech.prototype;
-
-    _proto.triggerSourceset = function triggerSourceset(src) {
-      var _this2 = this;
-
-      if (!this.isReady_) {
-        // on initial ready we have to trigger source set
-        // 1ms after ready so that player can watch for it.
-        this.one('ready', function () {
-          return _this2.setTimeout(function () {
-            return _this2.triggerSourceset(src);
-          }, 1);
-        });
-      }
-      /**
-       * Fired when the source is set on the tech causing the media element
-       * to reload.
-       *
-       * @see {@link Player#event:sourceset}
-       * @event Tech#sourceset
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger({
-        src: src,
-        type: 'sourceset'
-      });
-    }
-    /* Fallbacks for unsupported event types
-    ================================================================================ */
-
-    /**
-     * Polyfill the `progress` event for browsers that don't support it natively.
-     *
-     * @see {@link Tech#trackProgress}
-     */
-    ;
-
-    _proto.manualProgressOn = function manualProgressOn() {
-      this.on('durationchange', this.onDurationChange);
-      this.manualProgress = true; // Trigger progress watching when a source begins loading
-
-      this.one('ready', this.trackProgress);
-    }
-    /**
-     * Turn off the polyfill for `progress` events that was created in
-     * {@link Tech#manualProgressOn}
-     */
-    ;
-
-    _proto.manualProgressOff = function manualProgressOff() {
-      this.manualProgress = false;
-      this.stopTrackingProgress();
-      this.off('durationchange', this.onDurationChange);
-    }
-    /**
-     * This is used to trigger a `progress` event when the buffered percent changes. It
-     * sets an interval function that will be called every 500 milliseconds to check if the
-     * buffer end percent has changed.
-     *
-     * > This function is called by {@link Tech#manualProgressOn}
-     *
-     * @param {EventTarget~Event} event
-     *        The `ready` event that caused this to run.
-     *
-     * @listens Tech#ready
-     * @fires Tech#progress
-     */
-    ;
-
-    _proto.trackProgress = function trackProgress(event) {
-      this.stopTrackingProgress();
-      this.progressInterval = this.setInterval(bind(this, function () {
-        // Don't trigger unless buffered amount is greater than last time
-        var numBufferedPercent = this.bufferedPercent();
-
-        if (this.bufferedPercent_ !== numBufferedPercent) {
-          /**
-           * See {@link Player#progress}
-           *
-           * @event Tech#progress
-           * @type {EventTarget~Event}
-           */
-          this.trigger('progress');
-        }
-
-        this.bufferedPercent_ = numBufferedPercent;
-
-        if (numBufferedPercent === 1) {
-          this.stopTrackingProgress();
-        }
-      }), 500);
-    }
-    /**
-     * Update our internal duration on a `durationchange` event by calling
-     * {@link Tech#duration}.
-     *
-     * @param {EventTarget~Event} event
-     *        The `durationchange` event that caused this to run.
-     *
-     * @listens Tech#durationchange
-     */
-    ;
-
-    _proto.onDurationChange = function onDurationChange(event) {
-      this.duration_ = this.duration();
-    }
-    /**
-     * Get and create a `TimeRange` object for buffering.
-     *
-     * @return {TimeRange}
-     *         The time range object that was created.
-     */
-    ;
-
-    _proto.buffered = function buffered() {
-      return createTimeRanges(0, 0);
-    }
-    /**
-     * Get the percentage of the current video that is currently buffered.
-     *
-     * @return {number}
-     *         A number from 0 to 1 that represents the decimal percentage of the
-     *         video that is buffered.
-     *
-     */
-    ;
-
-    _proto.bufferedPercent = function bufferedPercent$1() {
-      return bufferedPercent(this.buffered(), this.duration_);
-    }
-    /**
-     * Turn off the polyfill for `progress` events that was created in
-     * {@link Tech#manualProgressOn}
-     * Stop manually tracking progress events by clearing the interval that was set in
-     * {@link Tech#trackProgress}.
-     */
-    ;
-
-    _proto.stopTrackingProgress = function stopTrackingProgress() {
-      this.clearInterval(this.progressInterval);
-    }
-    /**
-     * Polyfill the `timeupdate` event for browsers that don't support it.
-     *
-     * @see {@link Tech#trackCurrentTime}
-     */
-    ;
-
-    _proto.manualTimeUpdatesOn = function manualTimeUpdatesOn() {
-      this.manualTimeUpdates = true;
-      this.on('play', this.trackCurrentTime);
-      this.on('pause', this.stopTrackingCurrentTime);
-    }
-    /**
-     * Turn off the polyfill for `timeupdate` events that was created in
-     * {@link Tech#manualTimeUpdatesOn}
-     */
-    ;
-
-    _proto.manualTimeUpdatesOff = function manualTimeUpdatesOff() {
-      this.manualTimeUpdates = false;
-      this.stopTrackingCurrentTime();
-      this.off('play', this.trackCurrentTime);
-      this.off('pause', this.stopTrackingCurrentTime);
-    }
-    /**
-     * Sets up an interval function to track current time and trigger `timeupdate` every
-     * 250 milliseconds.
-     *
-     * @listens Tech#play
-     * @triggers Tech#timeupdate
-     */
-    ;
-
-    _proto.trackCurrentTime = function trackCurrentTime() {
-      if (this.currentTimeInterval) {
-        this.stopTrackingCurrentTime();
-      }
-
-      this.currentTimeInterval = this.setInterval(function () {
-        /**
-         * Triggered at an interval of 250ms to indicated that time is passing in the video.
-         *
-         * @event Tech#timeupdate
-         * @type {EventTarget~Event}
-         */
-        this.trigger({
-          type: 'timeupdate',
-          target: this,
-          manuallyTriggered: true
-        }); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-      }, 250);
-    }
-    /**
-     * Stop the interval function created in {@link Tech#trackCurrentTime} so that the
-     * `timeupdate` event is no longer triggered.
-     *
-     * @listens {Tech#pause}
-     */
-    ;
-
-    _proto.stopTrackingCurrentTime = function stopTrackingCurrentTime() {
-      this.clearInterval(this.currentTimeInterval); // #1002 - if the video ends right before the next timeupdate would happen,
-      // the progress bar won't make it all the way to the end
-
-      this.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-    }
-    /**
-     * Turn off all event polyfills, clear the `Tech`s {@link AudioTrackList},
-     * {@link VideoTrackList}, and {@link TextTrackList}, and dispose of this Tech.
-     *
-     * @fires Component#dispose
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      // clear out all tracks because we can't reuse them between techs
-      this.clearTracks(NORMAL.names); // Turn off any manual progress or timeupdate tracking
-
-      if (this.manualProgress) {
-        this.manualProgressOff();
-      }
-
-      if (this.manualTimeUpdates) {
-        this.manualTimeUpdatesOff();
-      }
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Clear out a single `TrackList` or an array of `TrackLists` given their names.
-     *
-     * > Note: Techs without source handlers should call this between sources for `video`
-     *         & `audio` tracks. You don't want to use them between tracks!
-     *
-     * @param {string[]|string} types
-     *        TrackList names to clear, valid names are `video`, `audio`, and
-     *        `text`.
-     */
-    ;
-
-    _proto.clearTracks = function clearTracks(types) {
-      var _this3 = this;
-
-      types = [].concat(types); // clear out all tracks because we can't reuse them between techs
-
-      types.forEach(function (type) {
-        var list = _this3[type + "Tracks"]() || [];
-        var i = list.length;
-
-        while (i--) {
-          var track = list[i];
-
-          if (type === 'text') {
-            _this3.removeRemoteTextTrack(track);
-          }
-
-          list.removeTrack(track);
-        }
-      });
-    }
-    /**
-     * Remove any TextTracks added via addRemoteTextTrack that are
-     * flagged for automatic garbage collection
-     */
-    ;
-
-    _proto.cleanupAutoTextTracks = function cleanupAutoTextTracks() {
-      var list = this.autoRemoteTextTracks_ || [];
-      var i = list.length;
-
-      while (i--) {
-        var track = list[i];
-        this.removeRemoteTextTrack(track);
-      }
-    }
-    /**
-     * Reset the tech, which will removes all sources and reset the internal readyState.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.reset = function reset() {}
-    /**
-     * Get or set an error on the Tech.
-     *
-     * @param {MediaError} [err]
-     *        Error to set on the Tech
-     *
-     * @return {MediaError|null}
-     *         The current error object on the tech, or null if there isn't one.
-     */
-    ;
-
-    _proto.error = function error(err) {
-      if (err !== undefined) {
-        this.error_ = new MediaError(err);
-        this.trigger('error');
-      }
-
-      return this.error_;
-    }
-    /**
-     * Returns the `TimeRange`s that have been played through for the current source.
-     *
-     * > NOTE: This implementation is incomplete. It does not track the played `TimeRange`.
-     *         It only checks whether the source has played at all or not.
-     *
-     * @return {TimeRange}
-     *         - A single time range if this video has played
-     *         - An empty set of ranges if not.
-     */
-    ;
-
-    _proto.played = function played() {
-      if (this.hasStarted_) {
-        return createTimeRanges(0, 0);
-      }
-
-      return createTimeRanges();
-    }
-    /**
-     * Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was
-     * previously called.
-     *
-     * @fires Tech#timeupdate
-     */
-    ;
-
-    _proto.setCurrentTime = function setCurrentTime() {
-      // improve the accuracy of manual timeupdates
-      if (this.manualTimeUpdates) {
-        /**
-         * A manual `timeupdate` event.
-         *
-         * @event Tech#timeupdate
-         * @type {EventTarget~Event}
-         */
-        this.trigger({
-          type: 'timeupdate',
-          target: this,
-          manuallyTriggered: true
-        });
-      }
-    }
-    /**
-     * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and
-     * {@link TextTrackList} events.
-     *
-     * This adds {@link EventTarget~EventListeners} for `addtrack`, and  `removetrack`.
-     *
-     * @fires Tech#audiotrackchange
-     * @fires Tech#videotrackchange
-     * @fires Tech#texttrackchange
-     */
-    ;
-
-    _proto.initTrackListeners = function initTrackListeners() {
-      var _this4 = this;
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link AudioTrackList}
-        *
-        * @event Tech#audiotrackchange
-        * @type {EventTarget~Event}
-        */
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link VideoTrackList}
-        *
-        * @event Tech#videotrackchange
-        * @type {EventTarget~Event}
-        */
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link TextTrackList}
-        *
-        * @event Tech#texttrackchange
-        * @type {EventTarget~Event}
-        */
-      NORMAL.names.forEach(function (name) {
-        var props = NORMAL[name];
-
-        var trackListChanges = function trackListChanges() {
-          _this4.trigger(name + "trackchange");
-        };
-
-        var tracks = _this4[props.getterName]();
-
-        tracks.addEventListener('removetrack', trackListChanges);
-        tracks.addEventListener('addtrack', trackListChanges);
-
-        _this4.on('dispose', function () {
-          tracks.removeEventListener('removetrack', trackListChanges);
-          tracks.removeEventListener('addtrack', trackListChanges);
-        });
-      });
-    }
-    /**
-     * Emulate TextTracks using vtt.js if necessary
-     *
-     * @fires Tech#vttjsloaded
-     * @fires Tech#vttjserror
-     */
-    ;
-
-    _proto.addWebVttScript_ = function addWebVttScript_() {
-      var _this5 = this;
-
-      if (window$1.WebVTT) {
-        return;
-      } // Initially, Tech.el_ is a child of a dummy-div wait until the Component system
-      // signals that the Tech is ready at which point Tech.el_ is part of the DOM
-      // before inserting the WebVTT script
-
-
-      if (document.body.contains(this.el())) {
-        // load via require if available and vtt.js script location was not passed in
-        // as an option. novtt builds will turn the above require call into an empty object
-        // which will cause this if check to always fail.
-        if (!this.options_['vtt.js'] && isPlain(vtt) && Object.keys(vtt).length > 0) {
-          this.trigger('vttjsloaded');
-          return;
-        } // load vtt.js via the script location option or the cdn of no location was
-        // passed in
-
-
-        var script = document.createElement('script');
-        script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js';
-
-        script.onload = function () {
-          /**
-           * Fired when vtt.js is loaded.
-           *
-           * @event Tech#vttjsloaded
-           * @type {EventTarget~Event}
-           */
-          _this5.trigger('vttjsloaded');
-        };
-
-        script.onerror = function () {
-          /**
-           * Fired when vtt.js was not loaded due to an error
-           *
-           * @event Tech#vttjsloaded
-           * @type {EventTarget~Event}
-           */
-          _this5.trigger('vttjserror');
-        };
-
-        this.on('dispose', function () {
-          script.onload = null;
-          script.onerror = null;
-        }); // but have not loaded yet and we set it to true before the inject so that
-        // we don't overwrite the injected window.WebVTT if it loads right away
-
-        window$1.WebVTT = true;
-        this.el().parentNode.appendChild(script);
-      } else {
-        this.ready(this.addWebVttScript_);
-      }
-    }
-    /**
-     * Emulate texttracks
-     *
-     */
-    ;
-
-    _proto.emulateTextTracks = function emulateTextTracks() {
-      var _this6 = this;
-
-      var tracks = this.textTracks();
-      var remoteTracks = this.remoteTextTracks();
-
-      var handleAddTrack = function handleAddTrack(e) {
-        return tracks.addTrack(e.track);
-      };
-
-      var handleRemoveTrack = function handleRemoveTrack(e) {
-        return tracks.removeTrack(e.track);
-      };
-
-      remoteTracks.on('addtrack', handleAddTrack);
-      remoteTracks.on('removetrack', handleRemoveTrack);
-      this.addWebVttScript_();
-
-      var updateDisplay = function updateDisplay() {
-        return _this6.trigger('texttrackchange');
-      };
-
-      var textTracksChanges = function textTracksChanges() {
-        updateDisplay();
-
-        for (var i = 0; i < tracks.length; i++) {
-          var track = tracks[i];
-          track.removeEventListener('cuechange', updateDisplay);
-
-          if (track.mode === 'showing') {
-            track.addEventListener('cuechange', updateDisplay);
-          }
-        }
-      };
-
-      textTracksChanges();
-      tracks.addEventListener('change', textTracksChanges);
-      tracks.addEventListener('addtrack', textTracksChanges);
-      tracks.addEventListener('removetrack', textTracksChanges);
-      this.on('dispose', function () {
-        remoteTracks.off('addtrack', handleAddTrack);
-        remoteTracks.off('removetrack', handleRemoveTrack);
-        tracks.removeEventListener('change', textTracksChanges);
-        tracks.removeEventListener('addtrack', textTracksChanges);
-        tracks.removeEventListener('removetrack', textTracksChanges);
-
-        for (var i = 0; i < tracks.length; i++) {
-          var track = tracks[i];
-          track.removeEventListener('cuechange', updateDisplay);
-        }
-      });
-    }
-    /**
-     * Create and returns a remote {@link TextTrack} object.
-     *
-     * @param {string} kind
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-     *
-     * @param {string} [label]
-     *        Label to identify the text track
-     *
-     * @param {string} [language]
-     *        Two letter language abbreviation
-     *
-     * @return {TextTrack}
-     *         The TextTrack that gets created.
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (!kind) {
-        throw new Error('TextTrack kind is required but was not provided');
-      }
-
-      return createTrackHelper(this, kind, label, language);
-    }
-    /**
-     * Create an emulated TextTrack for use by addRemoteTextTrack
-     *
-     * This is intended to be overridden by classes that inherit from
-     * Tech in order to create native or custom TextTracks.
-     *
-     * @param {Object} options
-     *        The object should contain the options to initialize the TextTrack with.
-     *
-     * @param {string} [options.kind]
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-     *
-     * @param {string} [options.label].
-     *        Label to identify the text track
-     *
-     * @param {string} [options.language]
-     *        Two letter language abbreviation.
-     *
-     * @return {HTMLTrackElement}
-     *         The track element that gets created.
-     */
-    ;
-
-    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-      var track = mergeOptions(options, {
-        tech: this
-      });
-      return new REMOTE.remoteTextEl.TrackClass(track);
-    }
-    /**
-     * Creates a remote text track object and returns an html track element.
-     *
-     * > Note: This can be an emulated {@link HTMLTrackElement} or a native one.
-     *
-     * @param {Object} options
-     *        See {@link Tech#createRemoteTextTrack} for more detailed properties.
-     *
-     * @param {boolean} [manualCleanup=true]
-     *        - When false: the TextTrack will be automatically removed from the video
-     *          element whenever the source changes
-     *        - When True: The TextTrack will have to be cleaned up manually
-     *
-     * @return {HTMLTrackElement}
-     *         An Html Track Element.
-     *
-     * @deprecated The default functionality for this function will be equivalent
-     *             to "manualCleanup=false" in the future. The manualCleanup parameter will
-     *             also be removed.
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      var _this7 = this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var htmlTrackElement = this.createRemoteTextTrack(options);
-
-      if (manualCleanup !== true && manualCleanup !== false) {
-        // deprecation warning
-        log.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
-        manualCleanup = true;
-      } // store HTMLTrackElement and TextTrack to remote list
-
-
-      this.remoteTextTrackEls().addTrackElement_(htmlTrackElement);
-      this.remoteTextTracks().addTrack(htmlTrackElement.track);
-
-      if (manualCleanup !== true) {
-        // create the TextTrackList if it doesn't exist
-        this.ready(function () {
-          return _this7.autoRemoteTextTracks_.addTrack(htmlTrackElement.track);
-        });
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Remove a remote text track from the remote `TextTrackList`.
-     *
-     * @param {TextTrack} track
-     *        `TextTrack` to remove from the `TextTrackList`
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-      var trackElement = this.remoteTextTrackEls().getTrackElementByTrack_(track); // remove HTMLTrackElement and TextTrack from remote list
-
-      this.remoteTextTrackEls().removeTrackElement_(trackElement);
-      this.remoteTextTracks().removeTrack(track);
-      this.autoRemoteTextTracks_.removeTrack(track);
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object}
-     *         An object with supported media playback quality metrics
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      return {};
-    }
-    /**
-     * Attempt to create a floating video window always on top of other windows
-     * so that users may continue consuming media while they interact with other
-     * content sites, or applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @return {Promise|undefined}
-     *         A promise with a Picture-in-Picture window if the browser supports
-     *         Promises (or one was passed in as an option). It returns undefined
-     *         otherwise.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (PromiseClass) {
-        return PromiseClass.reject();
-      }
-    }
-    /**
-     * A method to set a poster from a `Tech`.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.setPoster = function setPoster() {}
-    /**
-     * A method to check for the presence of the 'playsinline' <video> attribute.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.playsinline = function playsinline() {}
-    /**
-     * A method to set or unset the 'playsinline' <video> attribute.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.setPlaysinline = function setPlaysinline() {}
-    /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks() {}
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks() {}
-    /*
-     * Check if the tech can support the given mime-type.
-     *
-     * The base tech does not support any type, but source handlers might
-     * overwrite this.
-     *
-     * @param  {string} type
-     *         The mimetype to check for support
-     *
-     * @return {string}
-     *         'probably', 'maybe', or empty string
-     *
-     * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.canPlayType = function canPlayType() {
-      return '';
-    }
-    /**
-     * Check if the type is supported by this tech.
-     *
-     * The base tech does not support any type, but source handlers might
-     * overwrite this.
-     *
-     * @param {string} type
-     *        The media type to check
-     * @return {string} Returns the native video element's response
-     */
-    ;
-
-    Tech.canPlayType = function canPlayType() {
-      return '';
-    }
-    /**
-     * Check if the tech can support the given source
-     *
-     * @param {Object} srcObj
-     *        The source object
-     * @param {Object} options
-     *        The options passed to the tech
-     * @return {string} 'probably', 'maybe', or '' (empty string)
-     */
-    ;
-
-    Tech.canPlaySource = function canPlaySource(srcObj, options) {
-      return Tech.canPlayType(srcObj.type);
-    }
-    /*
-     * Return whether the argument is a Tech or not.
-     * Can be passed either a Class like `Html5` or a instance like `player.tech_`
-     *
-     * @param {Object} component
-     *        The item to check
-     *
-     * @return {boolean}
-     *         Whether it is a tech or not
-     *         - True if it is a tech
-     *         - False if it is not
-     */
-    ;
-
-    Tech.isTech = function isTech(component) {
-      return component.prototype instanceof Tech || component instanceof Tech || component === Tech;
-    }
-    /**
-     * Registers a `Tech` into a shared list for videojs.
-     *
-     * @param {string} name
-     *        Name of the `Tech` to register.
-     *
-     * @param {Object} tech
-     *        The `Tech` class to register.
-     */
-    ;
-
-    Tech.registerTech = function registerTech(name, tech) {
-      if (!Tech.techs_) {
-        Tech.techs_ = {};
-      }
-
-      if (!Tech.isTech(tech)) {
-        throw new Error("Tech " + name + " must be a Tech");
-      }
-
-      if (!Tech.canPlayType) {
-        throw new Error('Techs must have a static canPlayType method on them');
-      }
-
-      if (!Tech.canPlaySource) {
-        throw new Error('Techs must have a static canPlaySource method on them');
-      }
-
-      name = toTitleCase(name);
-      Tech.techs_[name] = tech;
-      Tech.techs_[toLowerCase(name)] = tech;
-
-      if (name !== 'Tech') {
-        // camel case the techName for use in techOrder
-        Tech.defaultTechOrder_.push(name);
-      }
-
-      return tech;
-    }
-    /**
-     * Get a `Tech` from the shared list by name.
-     *
-     * @param {string} name
-     *        `camelCase` or `TitleCase` name of the Tech to get
-     *
-     * @return {Tech|undefined}
-     *         The `Tech` or undefined if there was no tech with the name requested.
-     */
-    ;
-
-    Tech.getTech = function getTech(name) {
-      if (!name) {
-        return;
-      }
-
-      if (Tech.techs_ && Tech.techs_[name]) {
-        return Tech.techs_[name];
-      }
-
-      name = toTitleCase(name);
-
-      if (window$1 && window$1.videojs && window$1.videojs[name]) {
-        log.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
-        return window$1.videojs[name];
-      }
-    };
-
-    return Tech;
-  }(Component);
-  /**
-   * Get the {@link VideoTrackList}
-   *
-   * @returns {VideoTrackList}
-   * @method Tech.prototype.videoTracks
-   */
-
-  /**
-   * Get the {@link AudioTrackList}
-   *
-   * @returns {AudioTrackList}
-   * @method Tech.prototype.audioTracks
-   */
-
-  /**
-   * Get the {@link TextTrackList}
-   *
-   * @returns {TextTrackList}
-   * @method Tech.prototype.textTracks
-   */
-
-  /**
-   * Get the remote element {@link TextTrackList}
-   *
-   * @returns {TextTrackList}
-   * @method Tech.prototype.remoteTextTracks
-   */
-
-  /**
-   * Get the remote element {@link HtmlTrackElementList}
-   *
-   * @returns {HtmlTrackElementList}
-   * @method Tech.prototype.remoteTextTrackEls
-   */
-
-
-  ALL.names.forEach(function (name) {
-    var props = ALL[name];
-
-    Tech.prototype[props.getterName] = function () {
-      this[props.privateName] = this[props.privateName] || new props.ListClass();
-      return this[props.privateName];
-    };
-  });
-  /**
-   * List of associated text tracks
-   *
-   * @type {TextTrackList}
-   * @private
-   * @property Tech#textTracks_
-   */
-
-  /**
-   * List of associated audio tracks.
-   *
-   * @type {AudioTrackList}
-   * @private
-   * @property Tech#audioTracks_
-   */
-
-  /**
-   * List of associated video tracks.
-   *
-   * @type {VideoTrackList}
-   * @private
-   * @property Tech#videoTracks_
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports volume control.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresVolumeControl = true;
-  /**
-   * Boolean indicating whether the `Tech` supports muting volume.
-   *
-   * @type {bolean}
-   * @default
-   */
-
-  Tech.prototype.featuresMuteControl = true;
-  /**
-   * Boolean indicating whether the `Tech` supports fullscreen resize control.
-   * Resizing plugins using request fullscreen reloads the plugin
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresFullscreenResize = false;
-  /**
-   * Boolean indicating whether the `Tech` supports changing the speed at which the video
-   * plays. Examples:
-   *   - Set player to play 2x (twice) as fast
-   *   - Set player to play 0.5x (half) as fast
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresPlaybackRate = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `progress` event. This is currently
-   * not triggered by video-js-swf. This will be used to determine if
-   * {@link Tech#manualProgressOn} should be called.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresProgressEvents = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `sourceset` event.
-   *
-   * A tech should set this to `true` and then use {@link Tech#triggerSourceset}
-   * to trigger a {@link Tech#event:sourceset} at the earliest time after getting
-   * a new source.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresSourceset = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `timeupdate` event. This is currently
-   * not triggered by video-js-swf. This will be used to determine if
-   * {@link Tech#manualTimeUpdates} should be called.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresTimeupdateEvents = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the native `TextTrack`s.
-   * This will help us integrate with native `TextTrack`s if the browser supports them.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresNativeTextTracks = false;
-  /**
-   * A functional mixin for techs that want to use the Source Handler pattern.
-   * Source handlers are scripts for handling specific formats.
-   * The source handler pattern is used for adaptive formats (HLS, DASH) that
-   * manually load video data and feed it into a Source Buffer (Media Source Extensions)
-   * Example: `Tech.withSourceHandlers.call(MyTech);`
-   *
-   * @param {Tech} _Tech
-   *        The tech to add source handler functions to.
-   *
-   * @mixes Tech~SourceHandlerAdditions
-   */
-
-  Tech.withSourceHandlers = function (_Tech) {
-    /**
-     * Register a source handler
-     *
-     * @param {Function} handler
-     *        The source handler class
-     *
-     * @param {number} [index]
-     *        Register it at the following index
-     */
-    _Tech.registerSourceHandler = function (handler, index) {
-      var handlers = _Tech.sourceHandlers;
-
-      if (!handlers) {
-        handlers = _Tech.sourceHandlers = [];
-      }
-
-      if (index === undefined) {
-        // add to the end of the list
-        index = handlers.length;
-      }
-
-      handlers.splice(index, 0, handler);
-    };
-    /**
-     * Check if the tech can support the given type. Also checks the
-     * Techs sourceHandlers.
-     *
-     * @param {string} type
-     *         The mimetype to check.
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-
-
-    _Tech.canPlayType = function (type) {
-      var handlers = _Tech.sourceHandlers || [];
-      var can;
-
-      for (var i = 0; i < handlers.length; i++) {
-        can = handlers[i].canPlayType(type);
-
-        if (can) {
-          return can;
-        }
-      }
-
-      return '';
-    };
-    /**
-     * Returns the first source handler that supports the source.
-     *
-     * TODO: Answer question: should 'probably' be prioritized over 'maybe'
-     *
-     * @param {Tech~SourceObject} source
-     *        The source object
-     *
-     * @param {Object} options
-     *        The options passed to the tech
-     *
-     * @return {SourceHandler|null}
-     *          The first source handler that supports the source or null if
-     *          no SourceHandler supports the source
-     */
-
-
-    _Tech.selectSourceHandler = function (source, options) {
-      var handlers = _Tech.sourceHandlers || [];
-      var can;
-
-      for (var i = 0; i < handlers.length; i++) {
-        can = handlers[i].canHandleSource(source, options);
-
-        if (can) {
-          return handlers[i];
-        }
-      }
-
-      return null;
-    };
-    /**
-     * Check if the tech can support the given source.
-     *
-     * @param {Tech~SourceObject} srcObj
-     *        The source object
-     *
-     * @param {Object} options
-     *        The options passed to the tech
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-
-
-    _Tech.canPlaySource = function (srcObj, options) {
-      var sh = _Tech.selectSourceHandler(srcObj, options);
-
-      if (sh) {
-        return sh.canHandleSource(srcObj, options);
-      }
-
-      return '';
-    };
-    /**
-     * When using a source handler, prefer its implementation of
-     * any function normally provided by the tech.
-     */
-
-
-    var deferrable = ['seekable', 'seeking', 'duration'];
-    /**
-     * A wrapper around {@link Tech#seekable} that will call a `SourceHandler`s seekable
-     * function if it exists, with a fallback to the Techs seekable function.
-     *
-     * @method _Tech.seekable
-     */
-
-    /**
-     * A wrapper around {@link Tech#duration} that will call a `SourceHandler`s duration
-     * function if it exists, otherwise it will fallback to the techs duration function.
-     *
-     * @method _Tech.duration
-     */
-
-    deferrable.forEach(function (fnName) {
-      var originalFn = this[fnName];
-
-      if (typeof originalFn !== 'function') {
-        return;
-      }
-
-      this[fnName] = function () {
-        if (this.sourceHandler_ && this.sourceHandler_[fnName]) {
-          return this.sourceHandler_[fnName].apply(this.sourceHandler_, arguments);
-        }
-
-        return originalFn.apply(this, arguments);
-      };
-    }, _Tech.prototype);
-    /**
-     * Create a function for setting the source using a source object
-     * and source handlers.
-     * Should never be called unless a source handler was found.
-     *
-     * @param {Tech~SourceObject} source
-     *        A source object with src and type keys
-     */
-
-    _Tech.prototype.setSource = function (source) {
-      var sh = _Tech.selectSourceHandler(source, this.options_);
-
-      if (!sh) {
-        // Fall back to a native source hander when unsupported sources are
-        // deliberately set
-        if (_Tech.nativeSourceHandler) {
-          sh = _Tech.nativeSourceHandler;
-        } else {
-          log.error('No source handler found for the current source.');
-        }
-      } // Dispose any existing source handler
-
-
-      this.disposeSourceHandler();
-      this.off('dispose', this.disposeSourceHandler);
-
-      if (sh !== _Tech.nativeSourceHandler) {
-        this.currentSource_ = source;
-      }
-
-      this.sourceHandler_ = sh.handleSource(source, this, this.options_);
-      this.one('dispose', this.disposeSourceHandler);
-    };
-    /**
-     * Clean up any existing SourceHandlers and listeners when the Tech is disposed.
-     *
-     * @listens Tech#dispose
-     */
-
-
-    _Tech.prototype.disposeSourceHandler = function () {
-      // if we have a source and get another one
-      // then we are loading something new
-      // than clear all of our current tracks
-      if (this.currentSource_) {
-        this.clearTracks(['audio', 'video']);
-        this.currentSource_ = null;
-      } // always clean up auto-text tracks
-
-
-      this.cleanupAutoTextTracks();
-
-      if (this.sourceHandler_) {
-        if (this.sourceHandler_.dispose) {
-          this.sourceHandler_.dispose();
-        }
-
-        this.sourceHandler_ = null;
-      }
-    };
-  }; // The base Tech class needs to be registered as a Component. It is the only
-  // Tech that can be registered as a Component.
-
-
-  Component.registerComponent('Tech', Tech);
-  Tech.registerTech('Tech', Tech);
-  /**
-   * A list of techs that should be added to techOrder on Players
-   *
-   * @private
-   */
-
-  Tech.defaultTechOrder_ = [];
-
-  /**
-   * @file middleware.js
-   * @module middleware
-   */
-  var middlewares = {};
-  var middlewareInstances = {};
-  var TERMINATOR = {};
-  /**
-   * A middleware object is a plain JavaScript object that has methods that
-   * match the {@link Tech} methods found in the lists of allowed
-   * {@link module:middleware.allowedGetters|getters},
-   * {@link module:middleware.allowedSetters|setters}, and
-   * {@link module:middleware.allowedMediators|mediators}.
-   *
-   * @typedef {Object} MiddlewareObject
-   */
-
-  /**
-   * A middleware factory function that should return a
-   * {@link module:middleware~MiddlewareObject|MiddlewareObject}.
-   *
-   * This factory will be called for each player when needed, with the player
-   * passed in as an argument.
-   *
-   * @callback MiddlewareFactory
-   * @param {Player} player
-   *        A Video.js player.
-   */
-
-  /**
-   * Define a middleware that the player should use by way of a factory function
-   * that returns a middleware object.
-   *
-   * @param  {string} type
-   *         The MIME type to match or `"*"` for all MIME types.
-   *
-   * @param  {MiddlewareFactory} middleware
-   *         A middleware factory function that will be executed for
-   *         matching types.
-   */
-
-  function use(type, middleware) {
-    middlewares[type] = middlewares[type] || [];
-    middlewares[type].push(middleware);
-  }
-  /**
-   * Asynchronously sets a source using middleware by recursing through any
-   * matching middlewares and calling `setSource` on each, passing along the
-   * previous returned value each time.
-   *
-   * @param  {Player} player
-   *         A {@link Player} instance.
-   *
-   * @param  {Tech~SourceObject} src
-   *         A source object.
-   *
-   * @param  {Function}
-   *         The next middleware to run.
-   */
-
-  function setSource(player, src, next) {
-    player.setTimeout(function () {
-      return setSourceHelper(src, middlewares[src.type], next, player);
-    }, 1);
-  }
-  /**
-   * When the tech is set, passes the tech to each middleware's `setTech` method.
-   *
-   * @param {Object[]} middleware
-   *        An array of middleware instances.
-   *
-   * @param {Tech} tech
-   *        A Video.js tech.
-   */
-
-  function setTech(middleware, tech) {
-    middleware.forEach(function (mw) {
-      return mw.setTech && mw.setTech(tech);
-    });
-  }
-  /**
-   * Calls a getter on the tech first, through each middleware
-   * from right to left to the player.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @return {Mixed}
-   *         The final value from the tech after middleware has intercepted it.
-   */
-
-  function get(middleware, tech, method) {
-    return middleware.reduceRight(middlewareIterator(method), tech[method]());
-  }
-  /**
-   * Takes the argument given to the player and calls the setter method on each
-   * middleware from left to right to the tech.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @param  {Mixed} arg
-   *         The value to set on the tech.
-   *
-   * @return {Mixed}
-   *         The return value of the `method` of the `tech`.
-   */
-
-  function set(middleware, tech, method, arg) {
-    return tech[method](middleware.reduce(middlewareIterator(method), arg));
-  }
-  /**
-   * Takes the argument given to the player and calls the `call` version of the
-   * method on each middleware from left to right.
-   *
-   * Then, call the passed in method on the tech and return the result unchanged
-   * back to the player, through middleware, this time from right to left.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @param  {Mixed} arg
-   *         The value to set on the tech.
-   *
-   * @return {Mixed}
-   *         The return value of the `method` of the `tech`, regardless of the
-   *         return values of middlewares.
-   */
-
-  function mediate(middleware, tech, method, arg) {
-    if (arg === void 0) {
-      arg = null;
-    }
-
-    var callMethod = 'call' + toTitleCase(method);
-    var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-    var terminated = middlewareValue === TERMINATOR; // deprecated. The `null` return value should instead return TERMINATOR to
-    // prevent confusion if a techs method actually returns null.
-
-    var returnValue = terminated ? null : tech[method](middlewareValue);
-    executeRight(middleware, method, returnValue, terminated);
-    return returnValue;
-  }
-  /**
-   * Enumeration of allowed getters where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedGetters = {
-    buffered: 1,
-    currentTime: 1,
-    duration: 1,
-    muted: 1,
-    played: 1,
-    paused: 1,
-    seekable: 1,
-    volume: 1
-  };
-  /**
-   * Enumeration of allowed setters where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedSetters = {
-    setCurrentTime: 1,
-    setMuted: 1,
-    setVolume: 1
-  };
-  /**
-   * Enumeration of allowed mediators where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedMediators = {
-    play: 1,
-    pause: 1
-  };
-
-  function middlewareIterator(method) {
-    return function (value, mw) {
-      // if the previous middleware terminated, pass along the termination
-      if (value === TERMINATOR) {
-        return TERMINATOR;
-      }
-
-      if (mw[method]) {
-        return mw[method](value);
-      }
-
-      return value;
-    };
-  }
-
-  function executeRight(mws, method, value, terminated) {
-    for (var i = mws.length - 1; i >= 0; i--) {
-      var mw = mws[i];
-
-      if (mw[method]) {
-        mw[method](terminated, value);
-      }
-    }
-  }
-  /**
-   * Clear the middleware cache for a player.
-   *
-   * @param  {Player} player
-   *         A {@link Player} instance.
-   */
-
-
-  function clearCacheForPlayer(player) {
-    middlewareInstances[player.id()] = null;
-  }
-  /**
-   * {
-   *  [playerId]: [[mwFactory, mwInstance], ...]
-   * }
-   *
-   * @private
-   */
-
-  function getOrCreateFactory(player, mwFactory) {
-    var mws = middlewareInstances[player.id()];
-    var mw = null;
-
-    if (mws === undefined || mws === null) {
-      mw = mwFactory(player);
-      middlewareInstances[player.id()] = [[mwFactory, mw]];
-      return mw;
-    }
-
-    for (var i = 0; i < mws.length; i++) {
-      var _mws$i = mws[i],
-          mwf = _mws$i[0],
-          mwi = _mws$i[1];
-
-      if (mwf !== mwFactory) {
-        continue;
-      }
-
-      mw = mwi;
-    }
-
-    if (mw === null) {
-      mw = mwFactory(player);
-      mws.push([mwFactory, mw]);
-    }
-
-    return mw;
-  }
-
-  function setSourceHelper(src, middleware, next, player, acc, lastRun) {
-    if (src === void 0) {
-      src = {};
-    }
-
-    if (middleware === void 0) {
-      middleware = [];
-    }
-
-    if (acc === void 0) {
-      acc = [];
-    }
-
-    if (lastRun === void 0) {
-      lastRun = false;
-    }
-
-    var _middleware = middleware,
-        mwFactory = _middleware[0],
-        mwrest = _middleware.slice(1); // if mwFactory is a string, then we're at a fork in the road
-
-
-    if (typeof mwFactory === 'string') {
-      setSourceHelper(src, middlewares[mwFactory], next, player, acc, lastRun); // if we have an mwFactory, call it with the player to get the mw,
-      // then call the mw's setSource method
-    } else if (mwFactory) {
-      var mw = getOrCreateFactory(player, mwFactory); // if setSource isn't present, implicitly select this middleware
-
-      if (!mw.setSource) {
-        acc.push(mw);
-        return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-      }
-
-      mw.setSource(assign({}, src), function (err, _src) {
-        // something happened, try the next middleware on the current level
-        // make sure to use the old src
-        if (err) {
-          return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-        } // we've succeeded, now we need to go deeper
-
-
-        acc.push(mw); // if it's the same type, continue down the current chain
-        // otherwise, we want to go down the new chain
-
-        setSourceHelper(_src, src.type === _src.type ? mwrest : middlewares[_src.type], next, player, acc, lastRun);
-      });
-    } else if (mwrest.length) {
-      setSourceHelper(src, mwrest, next, player, acc, lastRun);
-    } else if (lastRun) {
-      next(src, acc);
-    } else {
-      setSourceHelper(src, middlewares['*'], next, player, acc, true);
-    }
-  }
-
-  /**
-   * Mimetypes
-   *
-   * @see http://hul.harvard.edu/ois/////systems/wax/wax-public-help/mimetypes.htm
-   * @typedef Mimetypes~Kind
-   * @enum
-   */
-
-  var MimetypesKind = {
-    opus: 'video/ogg',
-    ogv: 'video/ogg',
-    mp4: 'video/mp4',
-    mov: 'video/mp4',
-    m4v: 'video/mp4',
-    mkv: 'video/x-matroska',
-    m4a: 'audio/mp4',
-    mp3: 'audio/mpeg',
-    aac: 'audio/aac',
-    oga: 'audio/ogg',
-    m3u8: 'application/x-mpegURL',
-    jpg: 'image/jpeg',
-    jpeg: 'image/jpeg',
-    gif: 'image/gif',
-    png: 'image/png',
-    svg: 'image/svg+xml',
-    webp: 'image/webp'
-  };
-  /**
-   * Get the mimetype of a given src url if possible
-   *
-   * @param {string} src
-   *        The url to the src
-   *
-   * @return {string}
-   *         return the mimetype if it was known or empty string otherwise
-   */
-
-  var getMimetype = function getMimetype(src) {
-    if (src === void 0) {
-      src = '';
-    }
-
-    var ext = getFileExtension(src);
-    var mimetype = MimetypesKind[ext.toLowerCase()];
-    return mimetype || '';
-  };
-  /**
-   * Find the mime type of a given source string if possible. Uses the player
-   * source cache.
-   *
-   * @param {Player} player
-   *        The player object
-   *
-   * @param {string} src
-   *        The source string
-   *
-   * @return {string}
-   *         The type that was found
-   */
-
-  var findMimetype = function findMimetype(player, src) {
-    if (!src) {
-      return '';
-    } // 1. check for the type in the `source` cache
-
-
-    if (player.cache_.source.src === src && player.cache_.source.type) {
-      return player.cache_.source.type;
-    } // 2. see if we have this source in our `currentSources` cache
-
-
-    var matchingSources = player.cache_.sources.filter(function (s) {
-      return s.src === src;
-    });
-
-    if (matchingSources.length) {
-      return matchingSources[0].type;
-    } // 3. look for the src url in source elements and use the type there
-
-
-    var sources = player.$$('source');
-
-    for (var i = 0; i < sources.length; i++) {
-      var s = sources[i];
-
-      if (s.type && s.src && s.src === src) {
-        return s.type;
-      }
-    } // 4. finally fallback to our list of mime types based on src url extension
-
-
-    return getMimetype(src);
-  };
-
-  /**
-   * @module filter-source
-   */
-  /**
-   * Filter out single bad source objects or multiple source objects in an
-   * array. Also flattens nested source object arrays into a 1 dimensional
-   * array of source objects.
-   *
-   * @param {Tech~SourceObject|Tech~SourceObject[]} src
-   *        The src object to filter
-   *
-   * @return {Tech~SourceObject[]}
-   *         An array of sourceobjects containing only valid sources
-   *
-   * @private
-   */
-
-  var filterSource = function filterSource(src) {
-    // traverse array
-    if (Array.isArray(src)) {
-      var newsrc = [];
-      src.forEach(function (srcobj) {
-        srcobj = filterSource(srcobj);
-
-        if (Array.isArray(srcobj)) {
-          newsrc = newsrc.concat(srcobj);
-        } else if (isObject(srcobj)) {
-          newsrc.push(srcobj);
-        }
-      });
-      src = newsrc;
-    } else if (typeof src === 'string' && src.trim()) {
-      // convert string into object
-      src = [fixSource({
-        src: src
-      })];
-    } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-      // src is already valid
-      src = [fixSource(src)];
-    } else {
-      // invalid source, turn it into an empty array
-      src = [];
-    }
-
-    return src;
-  };
-  /**
-   * Checks src mimetype, adding it when possible
-   *
-   * @param {Tech~SourceObject} src
-   *        The src object to check
-   * @return {Tech~SourceObject}
-   *        src Object with known type
-   */
-
-
-  function fixSource(src) {
-    if (!src.type) {
-      var mimetype = getMimetype(src.src);
-
-      if (mimetype) {
-        src.type = mimetype;
-      }
-    }
-
-    return src;
-  }
-
-  /**
-   * The `MediaLoader` is the `Component` that decides which playback technology to load
-   * when a player is initialized.
-   *
-   * @extends Component
-   */
-
-  var MediaLoader =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MediaLoader, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should attach to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function that is run when this component is ready.
-     */
-    function MediaLoader(player, options, ready) {
-      var _this;
-
-      // MediaLoader has no element
-      var options_ = mergeOptions({
-        createEl: false
-      }, options);
-      _this = _Component.call(this, player, options_, ready) || this; // If there are no sources when the player is initialized,
-      // load the first supported playback technology.
-
-      if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {
-        for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {
-          var techName = toTitleCase(j[i]);
-          var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-          // Remove once that deprecated behavior is removed.
-
-          if (!techName) {
-            tech = Component.getComponent(techName);
-          } // Check if the browser supports this technology
-
-
-          if (tech && tech.isSupported()) {
-            player.loadTech_(techName);
-            break;
-          }
-        }
-      } else {
-        // Loop through playback technologies (HTML5, Flash) and check for support.
-        // Then load the best source.
-        // A few assumptions here:
-        //   All playback technologies respect preload false.
-        player.src(options.playerOptions.sources);
-      }
-
-      return _this;
-    }
-
-    return MediaLoader;
-  }(Component);
-
-  Component.registerComponent('MediaLoader', MediaLoader);
-
-  /**
-   * Component which is clickable or keyboard actionable, but is not a
-   * native HTML button.
-   *
-   * @extends Component
-   */
-
-  var ClickableComponent =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ClickableComponent, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param  {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param  {Object} [options]
-     *         The key/value store of player options.
-     *
-     * @param  {function} [options.clickHandler]
-     *         The function to call when the button is clicked / activated
-     */
-    function ClickableComponent(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.emitTapEvents();
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Create the `ClickableComponent`s DOM element.
-     *
-     * @param {string} [tag=div]
-     *        The element's node type.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element.
-     *
-     * @param {Object} [attributes={}]
-     *        An object of attributes that should be set on the element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-
-
-    var _proto = ClickableComponent.prototype;
-
-    _proto.createEl = function createEl(tag, props, attributes) {
-      if (tag === void 0) {
-        tag = 'div';
-      }
-
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      props = assign({
-        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-        className: this.buildCSSClass(),
-        tabIndex: 0
-      }, props);
-
-      if (tag === 'button') {
-        log.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
-      } // Add ARIA attributes for clickable element which is not a native HTML button
-
-
-      attributes = assign({
-        role: 'button'
-      }, attributes);
-      this.tabIndex_ = props.tabIndex;
-
-      var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-      this.createControlTextEl(el);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      // remove controlTextEl_ on dispose
-      this.controlTextEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Create a control text element on this `ClickableComponent`
-     *
-     * @param {Element} [el]
-     *        Parent element for the control text.
-     *
-     * @return {Element}
-     *         The control text element that gets created.
-     */
-    ;
-
-    _proto.createControlTextEl = function createControlTextEl(el) {
-      this.controlTextEl_ = createEl('span', {
-        className: 'vjs-control-text'
-      }, {
-        // let the screen reader user know that the text of the element may change
-        'aria-live': 'polite'
-      });
-
-      if (el) {
-        el.appendChild(this.controlTextEl_);
-      }
-
-      this.controlText(this.controlText_, el);
-      return this.controlTextEl_;
-    }
-    /**
-     * Get or set the localize text to use for the controls on the `ClickableComponent`.
-     *
-     * @param {string} [text]
-     *        Control text for element.
-     *
-     * @param {Element} [el=this.el()]
-     *        Element to set the title on.
-     *
-     * @return {string}
-     *         - The control text when getting
-     */
-    ;
-
-    _proto.controlText = function controlText(text, el) {
-      if (el === void 0) {
-        el = this.el();
-      }
-
-      if (text === undefined) {
-        return this.controlText_ || 'Need Text';
-      }
-
-      var localizedText = this.localize(text);
-      this.controlText_ = text;
-      textContent(this.controlTextEl_, localizedText);
-
-      if (!this.nonIconControl) {
-        // Set title attribute if only an icon is shown
-        el.setAttribute('title', localizedText);
-      }
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-control vjs-button " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Enable this `ClickableComponent`
-     */
-    ;
-
-    _proto.enable = function enable() {
-      if (!this.enabled_) {
-        this.enabled_ = true;
-        this.removeClass('vjs-disabled');
-        this.el_.setAttribute('aria-disabled', 'false');
-
-        if (typeof this.tabIndex_ !== 'undefined') {
-          this.el_.setAttribute('tabIndex', this.tabIndex_);
-        }
-
-        this.on(['tap', 'click'], this.handleClick);
-        this.on('keydown', this.handleKeyDown);
-      }
-    }
-    /**
-     * Disable this `ClickableComponent`
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.enabled_ = false;
-      this.addClass('vjs-disabled');
-      this.el_.setAttribute('aria-disabled', 'true');
-
-      if (typeof this.tabIndex_ !== 'undefined') {
-        this.el_.removeAttribute('tabIndex');
-      }
-
-      this.off('mouseover', this.handleMouseOver);
-      this.off('mouseout', this.handleMouseOut);
-      this.off(['tap', 'click'], this.handleClick);
-      this.off('keydown', this.handleKeyDown);
-    }
-    /**
-     * Event handler that is called when a `ClickableComponent` receives a
-     * `click` or `tap` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `tap` or `click` event that caused this function to be called.
-     *
-     * @listens tap
-     * @listens click
-     * @abstract
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.options_.clickHandler) {
-        this.options_.clickHandler.call(this, arguments);
-      }
-    }
-    /**
-     * Event handler that is called when a `ClickableComponent` receives a
-     * `keydown` event.
-     *
-     * By default, if the key is Space or Enter, it will trigger a `click` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Support Space or Enter key operation to fire a click event. Also,
-      // prevent the event from propagating through the DOM and triggering
-      // Player hotkeys.
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.trigger('click');
-      } else {
-        // Pass keypress handling up for unsupported keys
-        _Component.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return ClickableComponent;
-  }(Component);
-
-  Component.registerComponent('ClickableComponent', ClickableComponent);
-
-  /**
-   * A `ClickableComponent` that handles showing the poster image for the player.
-   *
-   * @extends ClickableComponent
-   */
-
-  var PosterImage =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(PosterImage, _ClickableComponent);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should attach to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PosterImage(player, options) {
-      var _this;
-
-      _this = _ClickableComponent.call(this, player, options) || this;
-
-      _this.update();
-
-      player.on('posterchange', bind(assertThisInitialized(_this), _this.update));
-      return _this;
-    }
-    /**
-     * Clean up and dispose of the `PosterImage`.
-     */
-
-
-    var _proto = PosterImage.prototype;
-
-    _proto.dispose = function dispose() {
-      this.player().off('posterchange', this.update);
-
-      _ClickableComponent.prototype.dispose.call(this);
-    }
-    /**
-     * Create the `PosterImage`s DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var el = createEl('div', {
-        className: 'vjs-poster',
-        // Don't want poster to be tabbable.
-        tabIndex: -1
-      });
-      return el;
-    }
-    /**
-     * An {@link EventTarget~EventListener} for {@link Player#posterchange} events.
-     *
-     * @listens Player#posterchange
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `Player#posterchange` event that triggered this function.
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var url = this.player().poster();
-      this.setSrc(url); // If there's no poster source we should display:none on this component
-      // so it's not still clickable or right-clickable
-
-      if (url) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    }
-    /**
-     * Set the source of the `PosterImage` depending on the display method.
-     *
-     * @param {string} url
-     *        The URL to the source for the `PosterImage`.
-     */
-    ;
-
-    _proto.setSrc = function setSrc(url) {
-      var backgroundImage = ''; // Any falsy value should stay as an empty string, otherwise
-      // this will throw an extra error
-
-      if (url) {
-        backgroundImage = "url(\"" + url + "\")";
-      }
-
-      this.el_.style.backgroundImage = backgroundImage;
-    }
-    /**
-     * An {@link EventTarget~EventListener} for clicks on the `PosterImage`. See
-     * {@link ClickableComponent#handleClick} for instances where this will be triggered.
-     *
-     * @listens tap
-     * @listens click
-     * @listens keydown
-     *
-     * @param {EventTarget~Event} event
-     +        The `click`, `tap` or `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      // We don't want a click to trigger playback when controls are disabled
-      if (!this.player_.controls()) {
-        return;
-      }
-
-      if (this.player_.tech(true)) {
-        this.player_.tech(true).focus();
-      }
-
-      if (this.player_.paused()) {
-        silencePromise(this.player_.play());
-      } else {
-        this.player_.pause();
-      }
-    };
-
-    return PosterImage;
-  }(ClickableComponent);
-
-  Component.registerComponent('PosterImage', PosterImage);
-
-  var darkGray = '#222';
-  var lightGray = '#ccc';
-  var fontMap = {
-    monospace: 'monospace',
-    sansSerif: 'sans-serif',
-    serif: 'serif',
-    monospaceSansSerif: '"Andale Mono", "Lucida Console", monospace',
-    monospaceSerif: '"Courier New", monospace',
-    proportionalSansSerif: 'sans-serif',
-    proportionalSerif: 'serif',
-    casual: '"Comic Sans MS", Impact, fantasy',
-    script: '"Monotype Corsiva", cursive',
-    smallcaps: '"Andale Mono", "Lucida Console", monospace, sans-serif'
-  };
-  /**
-   * Construct an rgba color from a given hex color code.
-   *
-   * @param {number} color
-   *        Hex number for color, like #f0e or #f604e2.
-   *
-   * @param {number} opacity
-   *        Value for opacity, 0.0 - 1.0.
-   *
-   * @return {string}
-   *         The rgba color that was created, like 'rgba(255, 0, 0, 0.3)'.
-   */
-
-  function constructColor(color, opacity) {
-    var hex;
-
-    if (color.length === 4) {
-      // color looks like "#f0e"
-      hex = color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
-    } else if (color.length === 7) {
-      // color looks like "#f604e2"
-      hex = color.slice(1);
-    } else {
-      throw new Error('Invalid color code provided, ' + color + '; must be formatted as e.g. #f0e or #f604e2.');
-    }
-
-    return 'rgba(' + parseInt(hex.slice(0, 2), 16) + ',' + parseInt(hex.slice(2, 4), 16) + ',' + parseInt(hex.slice(4, 6), 16) + ',' + opacity + ')';
-  }
-  /**
-   * Try to update the style of a DOM element. Some style changes will throw an error,
-   * particularly in IE8. Those should be noops.
-   *
-   * @param {Element} el
-   *        The DOM element to be styled.
-   *
-   * @param {string} style
-   *        The CSS property on the element that should be styled.
-   *
-   * @param {string} rule
-   *        The style rule that should be applied to the property.
-   *
-   * @private
-   */
-
-  function tryUpdateStyle(el, style, rule) {
-    try {
-      el.style[style] = rule;
-    } catch (e) {
-      // Satisfies linter.
-      return;
-    }
-  }
-  /**
-   * The component for displaying text track cues.
-   *
-   * @extends Component
-   */
-
-
-  var TextTrackDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TextTrackDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when `TextTrackDisplay` is ready.
-     */
-    function TextTrackDisplay(player, options, ready) {
-      var _this;
-
-      _this = _Component.call(this, player, options, ready) || this;
-      var updateDisplayHandler = bind(assertThisInitialized(_this), _this.updateDisplay);
-      player.on('loadstart', bind(assertThisInitialized(_this), _this.toggleDisplay));
-      player.on('texttrackchange', updateDisplayHandler);
-      player.on('loadedmetadata', bind(assertThisInitialized(_this), _this.preselectTrack)); // This used to be called during player init, but was causing an error
-      // if a track should show by default and the display hadn't loaded yet.
-      // Should probably be moved to an external track loader when we support
-      // tracks that don't need a display.
-
-      player.ready(bind(assertThisInitialized(_this), function () {
-        if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-          this.hide();
-          return;
-        }
-
-        player.on('fullscreenchange', updateDisplayHandler);
-        player.on('playerresize', updateDisplayHandler);
-        window$1.addEventListener('orientationchange', updateDisplayHandler);
-        player.on('dispose', function () {
-          return window$1.removeEventListener('orientationchange', updateDisplayHandler);
-        });
-        var tracks = this.options_.playerOptions.tracks || [];
-
-        for (var i = 0; i < tracks.length; i++) {
-          this.player_.addRemoteTextTrack(tracks[i], true);
-        }
-
-        this.preselectTrack();
-      }));
-      return _this;
-    }
-    /**
-    * Preselect a track following this precedence:
-    * - matches the previously selected {@link TextTrack}'s language and kind
-    * - matches the previously selected {@link TextTrack}'s language only
-    * - is the first default captions track
-    * - is the first default descriptions track
-    *
-    * @listens Player#loadstart
-    */
-
-
-    var _proto = TextTrackDisplay.prototype;
-
-    _proto.preselectTrack = function preselectTrack() {
-      var modes = {
-        captions: 1,
-        subtitles: 1
-      };
-      var trackList = this.player_.textTracks();
-      var userPref = this.player_.cache_.selectedLanguage;
-      var firstDesc;
-      var firstCaptions;
-      var preferredTrack;
-
-      for (var i = 0; i < trackList.length; i++) {
-        var track = trackList[i];
-
-        if (userPref && userPref.enabled && userPref.language && userPref.language === track.language && track.kind in modes) {
-          // Always choose the track that matches both language and kind
-          if (track.kind === userPref.kind) {
-            preferredTrack = track; // or choose the first track that matches language
-          } else if (!preferredTrack) {
-            preferredTrack = track;
-          } // clear everything if offTextTrackMenuItem was clicked
-
-        } else if (userPref && !userPref.enabled) {
-          preferredTrack = null;
-          firstDesc = null;
-          firstCaptions = null;
-        } else if (track["default"]) {
-          if (track.kind === 'descriptions' && !firstDesc) {
-            firstDesc = track;
-          } else if (track.kind in modes && !firstCaptions) {
-            firstCaptions = track;
-          }
-        }
-      } // The preferredTrack matches the user preference and takes
-      // precedence over all the other tracks.
-      // So, display the preferredTrack before the first default track
-      // and the subtitles/captions track before the descriptions track
-
-
-      if (preferredTrack) {
-        preferredTrack.mode = 'showing';
-      } else if (firstCaptions) {
-        firstCaptions.mode = 'showing';
-      } else if (firstDesc) {
-        firstDesc.mode = 'showing';
-      }
-    }
-    /**
-     * Turn display of {@link TextTrack}'s from the current state into the other state.
-     * There are only two states:
-     * - 'shown'
-     * - 'hidden'
-     *
-     * @listens Player#loadstart
-     */
-    ;
-
-    _proto.toggleDisplay = function toggleDisplay() {
-      if (this.player_.tech_ && this.player_.tech_.featuresNativeTextTracks) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    /**
-     * Create the {@link Component}'s DOM element.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-text-track-display'
-      }, {
-        'aria-live': 'off',
-        'aria-atomic': 'true'
-      });
-    }
-    /**
-     * Clear all displayed {@link TextTrack}s.
-     */
-    ;
-
-    _proto.clearDisplay = function clearDisplay() {
-      if (typeof window$1.WebVTT === 'function') {
-        window$1.WebVTT.processCues(window$1, [], this.el_);
-      }
-    }
-    /**
-     * Update the displayed TextTrack when a either a {@link Player#texttrackchange} or
-     * a {@link Player#fullscreenchange} is fired.
-     *
-     * @listens Player#texttrackchange
-     * @listens Player#fullscreenchange
-     */
-    ;
-
-    _proto.updateDisplay = function updateDisplay() {
-      var tracks = this.player_.textTracks();
-      var allowMultipleShowingTracks = this.options_.allowMultipleShowingTracks;
-      this.clearDisplay();
-
-      if (allowMultipleShowingTracks) {
-        var showingTracks = [];
-
-        for (var _i = 0; _i < tracks.length; ++_i) {
-          var track = tracks[_i];
-
-          if (track.mode !== 'showing') {
-            continue;
-          }
-
-          showingTracks.push(track);
-        }
-
-        this.updateForTrack(showingTracks);
-        return;
-      } //  Track display prioritization model: if multiple tracks are 'showing',
-      //  display the first 'subtitles' or 'captions' track which is 'showing',
-      //  otherwise display the first 'descriptions' track which is 'showing'
-
-
-      var descriptionsTrack = null;
-      var captionsSubtitlesTrack = null;
-      var i = tracks.length;
-
-      while (i--) {
-        var _track = tracks[i];
-
-        if (_track.mode === 'showing') {
-          if (_track.kind === 'descriptions') {
-            descriptionsTrack = _track;
-          } else {
-            captionsSubtitlesTrack = _track;
-          }
-        }
-      }
-
-      if (captionsSubtitlesTrack) {
-        if (this.getAttribute('aria-live') !== 'off') {
-          this.setAttribute('aria-live', 'off');
-        }
-
-        this.updateForTrack(captionsSubtitlesTrack);
-      } else if (descriptionsTrack) {
-        if (this.getAttribute('aria-live') !== 'assertive') {
-          this.setAttribute('aria-live', 'assertive');
-        }
-
-        this.updateForTrack(descriptionsTrack);
-      }
-    }
-    /**
-     * Style {@Link TextTrack} activeCues according to {@Link TextTrackSettings}.
-     *
-     * @param {TextTrack} track
-     *        Text track object containing active cues to style.
-     */
-    ;
-
-    _proto.updateDisplayState = function updateDisplayState(track) {
-      var overrides = this.player_.textTrackSettings.getValues();
-      var cues = track.activeCues;
-      var i = cues.length;
-
-      while (i--) {
-        var cue = cues[i];
-
-        if (!cue) {
-          continue;
-        }
-
-        var cueDiv = cue.displayState;
-
-        if (overrides.color) {
-          cueDiv.firstChild.style.color = overrides.color;
-        }
-
-        if (overrides.textOpacity) {
-          tryUpdateStyle(cueDiv.firstChild, 'color', constructColor(overrides.color || '#fff', overrides.textOpacity));
-        }
-
-        if (overrides.backgroundColor) {
-          cueDiv.firstChild.style.backgroundColor = overrides.backgroundColor;
-        }
-
-        if (overrides.backgroundOpacity) {
-          tryUpdateStyle(cueDiv.firstChild, 'backgroundColor', constructColor(overrides.backgroundColor || '#000', overrides.backgroundOpacity));
-        }
-
-        if (overrides.windowColor) {
-          if (overrides.windowOpacity) {
-            tryUpdateStyle(cueDiv, 'backgroundColor', constructColor(overrides.windowColor, overrides.windowOpacity));
-          } else {
-            cueDiv.style.backgroundColor = overrides.windowColor;
-          }
-        }
-
-        if (overrides.edgeStyle) {
-          if (overrides.edgeStyle === 'dropshadow') {
-            cueDiv.firstChild.style.textShadow = "2px 2px 3px " + darkGray + ", 2px 2px 4px " + darkGray + ", 2px 2px 5px " + darkGray;
-          } else if (overrides.edgeStyle === 'raised') {
-            cueDiv.firstChild.style.textShadow = "1px 1px " + darkGray + ", 2px 2px " + darkGray + ", 3px 3px " + darkGray;
-          } else if (overrides.edgeStyle === 'depressed') {
-            cueDiv.firstChild.style.textShadow = "1px 1px " + lightGray + ", 0 1px " + lightGray + ", -1px -1px " + darkGray + ", 0 -1px " + darkGray;
-          } else if (overrides.edgeStyle === 'uniform') {
-            cueDiv.firstChild.style.textShadow = "0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray;
-          }
-        }
-
-        if (overrides.fontPercent && overrides.fontPercent !== 1) {
-          var fontSize = window$1.parseFloat(cueDiv.style.fontSize);
-          cueDiv.style.fontSize = fontSize * overrides.fontPercent + 'px';
-          cueDiv.style.height = 'auto';
-          cueDiv.style.top = 'auto';
-          cueDiv.style.bottom = '2px';
-        }
-
-        if (overrides.fontFamily && overrides.fontFamily !== 'default') {
-          if (overrides.fontFamily === 'small-caps') {
-            cueDiv.firstChild.style.fontVariant = 'small-caps';
-          } else {
-            cueDiv.firstChild.style.fontFamily = fontMap[overrides.fontFamily];
-          }
-        }
-      }
-    }
-    /**
-     * Add an {@link TextTrack} to to the {@link Tech}s {@link TextTrackList}.
-     *
-     * @param {TextTrack|TextTrack[]} tracks
-     *        Text track object or text track array to be added to the list.
-     */
-    ;
-
-    _proto.updateForTrack = function updateForTrack(tracks) {
-      if (!Array.isArray(tracks)) {
-        tracks = [tracks];
-      }
-
-      if (typeof window$1.WebVTT !== 'function' || tracks.every(function (track) {
-        return !track.activeCues;
-      })) {
-        return;
-      }
-
-      var cues = []; // push all active track cues
-
-      for (var i = 0; i < tracks.length; ++i) {
-        var track = tracks[i];
-
-        for (var j = 0; j < track.activeCues.length; ++j) {
-          cues.push(track.activeCues[j]);
-        }
-      } // removes all cues before it processes new ones
-
-
-      window$1.WebVTT.processCues(window$1, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
-
-      for (var _i2 = 0; _i2 < tracks.length; ++_i2) {
-        var _track2 = tracks[_i2];
-
-        for (var _j = 0; _j < _track2.activeCues.length; ++_j) {
-          var cueEl = _track2.activeCues[_j].displayState;
-          addClass(cueEl, 'vjs-text-track-cue');
-          addClass(cueEl, 'vjs-text-track-cue-' + (_track2.language ? _track2.language : _i2));
-        }
-
-        if (this.player_.textTrackSettings) {
-          this.updateDisplayState(_track2);
-        }
-      }
-    };
-
-    return TextTrackDisplay;
-  }(Component);
-
-  Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-  /**
-   * A loading spinner for use during waiting/loading events.
-   *
-   * @extends Component
-   */
-
-  var LoadingSpinner =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LoadingSpinner, _Component);
-
-    function LoadingSpinner() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = LoadingSpinner.prototype;
-
-    /**
-     * Create the `LoadingSpinner`s DOM element.
-     *
-     * @return {Element}
-     *         The dom element that gets created.
-     */
-    _proto.createEl = function createEl$1() {
-      var isAudio = this.player_.isAudio();
-      var playerType = this.localize(isAudio ? 'Audio Player' : 'Video Player');
-      var controlText = createEl('span', {
-        className: 'vjs-control-text',
-        innerHTML: this.localize('{1} is loading.', [playerType])
-      });
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-loading-spinner',
-        dir: 'ltr'
-      });
-
-      el.appendChild(controlText);
-      return el;
-    };
-
-    return LoadingSpinner;
-  }(Component);
-
-  Component.registerComponent('LoadingSpinner', LoadingSpinner);
-
-  /**
-   * Base class for all buttons.
-   *
-   * @extends ClickableComponent
-   */
-
-  var Button =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(Button, _ClickableComponent);
-
-    function Button() {
-      return _ClickableComponent.apply(this, arguments) || this;
-    }
-
-    var _proto = Button.prototype;
-
-    /**
-     * Create the `Button`s DOM element.
-     *
-     * @param {string} [tag="button"]
-     *        The element's node type. This argument is IGNORED: no matter what
-     *        is passed, it will always create a `button` element.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element.
-     *
-     * @param {Object} [attributes={}]
-     *        An object of attributes that should be set on the element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    _proto.createEl = function createEl(tag, props, attributes) {
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      tag = 'button';
-      props = assign({
-        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-        className: this.buildCSSClass()
-      }, props); // Add attributes for button element
-
-      attributes = assign({
-        // Necessary since the default button type is "submit"
-        type: 'button'
-      }, attributes);
-      var el = Component.prototype.createEl.call(this, tag, props, attributes);
-      this.createControlTextEl(el);
-      return el;
-    }
-    /**
-     * Add a child `Component` inside of this `Button`.
-     *
-     * @param {string|Component} child
-     *        The name or instance of a child to add.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of options that will get passed to children of
-     *        the child.
-     *
-     * @return {Component}
-     *         The `Component` that gets added as a child. When using a string the
-     *         `Component` will get created by this process.
-     *
-     * @deprecated since version 5
-     */
-    ;
-
-    _proto.addChild = function addChild(child, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      var className = this.constructor.name;
-      log.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
-
-      return Component.prototype.addChild.call(this, child, options);
-    }
-    /**
-     * Enable the `Button` element so that it can be activated or clicked. Use this with
-     * {@link Button#disable}.
-     */
-    ;
-
-    _proto.enable = function enable() {
-      _ClickableComponent.prototype.enable.call(this);
-
-      this.el_.removeAttribute('disabled');
-    }
-    /**
-     * Disable the `Button` element so that it cannot be activated or clicked. Use this with
-     * {@link Button#enable}.
-     */
-    ;
-
-    _proto.disable = function disable() {
-      _ClickableComponent.prototype.disable.call(this);
-
-      this.el_.setAttribute('disabled', 'disabled');
-    }
-    /**
-     * This gets called when a `Button` has focus and `keydown` is triggered via a key
-     * press.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to get called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Ignore Space or Enter key operation, which is handled by the browser for
-      // a button - though not for its super class, ClickableComponent. Also,
-      // prevent the event from propagating through the DOM and triggering Player
-      // hotkeys. We do not preventDefault here because we _want_ the browser to
-      // handle it.
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.stopPropagation();
-        return;
-      } // Pass keypress handling up for unsupported keys
-
-
-      _ClickableComponent.prototype.handleKeyDown.call(this, event);
-    };
-
-    return Button;
-  }(ClickableComponent);
-
-  Component.registerComponent('Button', Button);
-
-  /**
-   * The initial play button that shows before the video has played. The hiding of the
-   * `BigPlayButton` get done via CSS and `Player` states.
-   *
-   * @extends Button
-   */
-
-  var BigPlayButton =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(BigPlayButton, _Button);
-
-    function BigPlayButton(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-      _this.mouseused_ = false;
-
-      _this.on('mousedown', _this.handleMouseDown);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object. Always returns 'vjs-big-play-button'.
-     */
-
-
-    var _proto = BigPlayButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-big-play-button';
-    }
-    /**
-     * This gets called when a `BigPlayButton` "clicked". See {@link ClickableComponent}
-     * for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var playPromise = this.player_.play(); // exit early if clicked via the mouse
-
-      if (this.mouseused_ && event.clientX && event.clientY) {
-        var sourceIsEncrypted = this.player_.usingPlugin('eme') && this.player_.eme.sessions && this.player_.eme.sessions.length > 0;
-        silencePromise(playPromise);
-
-        if (this.player_.tech(true) && // We've observed a bug in IE and Edge when playing back DRM content where
-        // calling .focus() on the video element causes the video to go black,
-        // so we avoid it in that specific case
-        !((IE_VERSION || IS_EDGE) && sourceIsEncrypted)) {
-          this.player_.tech(true).focus();
-        }
-
-        return;
-      }
-
-      var cb = this.player_.getChild('controlBar');
-      var playToggle = cb && cb.getChild('playToggle');
-
-      if (!playToggle) {
-        this.player_.tech(true).focus();
-        return;
-      }
-
-      var playFocus = function playFocus() {
-        return playToggle.focus();
-      };
-
-      if (isPromise(playPromise)) {
-        playPromise.then(playFocus, function () {});
-      } else {
-        this.setTimeout(playFocus, 1);
-      }
-    };
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      this.mouseused_ = false;
-
-      _Button.prototype.handleKeyDown.call(this, event);
-    };
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      this.mouseused_ = true;
-    };
-
-    return BigPlayButton;
-  }(Button);
-  /**
-   * The text that should display over the `BigPlayButton`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  BigPlayButton.prototype.controlText_ = 'Play Video';
-  Component.registerComponent('BigPlayButton', BigPlayButton);
-
-  /**
-   * The `CloseButton` is a `{@link Button}` that fires a `close` event when
-   * it gets clicked.
-   *
-   * @extends Button
-   */
-
-  var CloseButton =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(CloseButton, _Button);
-
-    /**
-    * Creates an instance of the this class.
-    *
-    * @param  {Player} player
-    *         The `Player` that this class should be attached to.
-    *
-    * @param  {Object} [options]
-    *         The key/value store of player options.
-    */
-    function CloseButton(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.controlText(options && options.controlText || _this.localize('Close'));
-
-      return _this;
-    }
-    /**
-    * Builds the default DOM `className`.
-    *
-    * @return {string}
-    *         The DOM `className` for this object.
-    */
-
-
-    var _proto = CloseButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-close-button " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when a `CloseButton` gets clicked. See
-     * {@link ClickableComponent#handleClick} for more information on when
-     * this will be triggered
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     * @fires CloseButton#close
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      /**
-       * Triggered when the a `CloseButton` is clicked.
-       *
-       * @event CloseButton#close
-       * @type {EventTarget~Event}
-       *
-       * @property {boolean} [bubbles=false]
-       *           set to false so that the close event does not
-       *           bubble up to parents if there is no listener
-       */
-      this.trigger({
-        type: 'close',
-        bubbles: false
-      });
-    }
-    /**
-     * Event handler that is called when a `CloseButton` receives a
-     * `keydown` event.
-     *
-     * By default, if the key is Esc, it will trigger a `click` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Esc button will trigger `click` event
-      if (keycode.isEventKey(event, 'Esc')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.trigger('click');
-      } else {
-        // Pass keypress handling up for unsupported keys
-        _Button.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return CloseButton;
-  }(Button);
-
-  Component.registerComponent('CloseButton', CloseButton);
-
-  /**
-   * Button to toggle between play and pause.
-   *
-   * @extends Button
-   */
-
-  var PlayToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(PlayToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function PlayToggle(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _Button.call(this, player, options) || this; // show or hide replay icon
-
-      options.replay = options.replay === undefined || options.replay;
-
-      _this.on(player, 'play', _this.handlePlay);
-
-      _this.on(player, 'pause', _this.handlePause);
-
-      if (options.replay) {
-        _this.on(player, 'ended', _this.handleEnded);
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = PlayToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-play-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when an `PlayToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.player_.paused()) {
-        this.player_.play();
-      } else {
-        this.player_.pause();
-      }
-    }
-    /**
-     * This gets called once after the video has ended and the user seeks so that
-     * we can change the replay button back to a play button.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#seeked
-     */
-    ;
-
-    _proto.handleSeeked = function handleSeeked(event) {
-      this.removeClass('vjs-ended');
-
-      if (this.player_.paused()) {
-        this.handlePause(event);
-      } else {
-        this.handlePlay(event);
-      }
-    }
-    /**
-     * Add the vjs-playing class to the element so it can change appearance.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#play
-     */
-    ;
-
-    _proto.handlePlay = function handlePlay(event) {
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-paused');
-      this.addClass('vjs-playing'); // change the button text to "Pause"
-
-      this.controlText('Pause');
-    }
-    /**
-     * Add the vjs-paused class to the element so it can change appearance.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#pause
-     */
-    ;
-
-    _proto.handlePause = function handlePause(event) {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-paused'); // change the button text to "Play"
-
-      this.controlText('Play');
-    }
-    /**
-     * Add the vjs-ended class to the element so it can change appearance
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#ended
-     */
-    ;
-
-    _proto.handleEnded = function handleEnded(event) {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-ended'); // change the button text to "Replay"
-
-      this.controlText('Replay'); // on the next seek remove the replay button
-
-      this.one(this.player_, 'seeked', this.handleSeeked);
-    };
-
-    return PlayToggle;
-  }(Button);
-  /**
-   * The text that should display over the `PlayToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlayToggle.prototype.controlText_ = 'Play';
-  Component.registerComponent('PlayToggle', PlayToggle);
-
-  /**
-   * @file format-time.js
-   * @module format-time
-   */
-
-  /**
-   * Format seconds as a time string, H:MM:SS or M:SS. Supplying a guide (in
-   * seconds) will force a number of leading zeros to cover the length of the
-   * guide.
-   *
-   * @private
-   * @param  {number} seconds
-   *         Number of seconds to be turned into a string
-   *
-   * @param  {number} guide
-   *         Number (in seconds) to model the string after
-   *
-   * @return {string}
-   *         Time formatted as H:MM:SS or M:SS
-   */
-  var defaultImplementation = function defaultImplementation(seconds, guide) {
-    seconds = seconds < 0 ? 0 : seconds;
-    var s = Math.floor(seconds % 60);
-    var m = Math.floor(seconds / 60 % 60);
-    var h = Math.floor(seconds / 3600);
-    var gm = Math.floor(guide / 60 % 60);
-    var gh = Math.floor(guide / 3600); // handle invalid times
-
-    if (isNaN(seconds) || seconds === Infinity) {
-      // '-' is false for all relational operators (e.g. <, >=) so this setting
-      // will add the minimum number of fields specified by the guide
-      h = m = s = '-';
-    } // Check if we need to show hours
-
-
-    h = h > 0 || gh > 0 ? h + ':' : ''; // If hours are showing, we may need to add a leading zero.
-    // Always show at least one digit of minutes.
-
-    m = ((h || gm >= 10) && m < 10 ? '0' + m : m) + ':'; // Check if leading zero is need for seconds
-
-    s = s < 10 ? '0' + s : s;
-    return h + m + s;
-  }; // Internal pointer to the current implementation.
-
-
-  var implementation = defaultImplementation;
-  /**
-   * Replaces the default formatTime implementation with a custom implementation.
-   *
-   * @param {Function} customImplementation
-   *        A function which will be used in place of the default formatTime
-   *        implementation. Will receive the current time in seconds and the
-   *        guide (in seconds) as arguments.
-   */
-
-  function setFormatTime(customImplementation) {
-    implementation = customImplementation;
-  }
-  /**
-   * Resets formatTime to the default implementation.
-   */
-
-  function resetFormatTime() {
-    implementation = defaultImplementation;
-  }
-  /**
-   * Delegates to either the default time formatting function or a custom
-   * function supplied via `setFormatTime`.
-   *
-   * Formats seconds as a time string (H:MM:SS or M:SS). Supplying a
-   * guide (in seconds) will force a number of leading zeros to cover the
-   * length of the guide.
-   *
-   * @static
-   * @example  formatTime(125, 600) === "02:05"
-   * @param    {number} seconds
-   *           Number of seconds to be turned into a string
-   *
-   * @param    {number} guide
-   *           Number (in seconds) to model the string after
-   *
-   * @return   {string}
-   *           Time formatted as H:MM:SS or M:SS
-   */
-
-  function formatTime(seconds, guide) {
-    if (guide === void 0) {
-      guide = seconds;
-    }
-
-    return implementation(seconds, guide);
-  }
-
-  /**
-   * Displays time information about the video
-   *
-   * @extends Component
-   */
-
-  var TimeDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TimeDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.on(player, ['timeupdate', 'ended'], _this.updateContent);
-
-      _this.updateTextNode_();
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = TimeDisplay.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var className = this.buildCSSClass();
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: className + " vjs-time-control vjs-control",
-        innerHTML: "<span class=\"vjs-control-text\" role=\"presentation\">" + this.localize(this.labelText_) + "\xA0</span>"
-      });
-
-      this.contentEl_ = createEl('span', {
-        className: className + "-display"
-      }, {
-        // tell screen readers not to automatically read the time as it changes
-        'aria-live': 'off',
-        // span elements have no implicit role, but some screen readers (notably VoiceOver)
-        // treat them as a break between items in the DOM when using arrow keys
-        // (or left-to-right swipes on iOS) to read contents of a page. Using
-        // role='presentation' causes VoiceOver to NOT treat this span as a break.
-        'role': 'presentation'
-      });
-      el.appendChild(this.contentEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.textNode_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Updates the time display text node with a new time
-     *
-     * @param {number} [time=0] the time to update to
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateTextNode_ = function updateTextNode_(time) {
-      var _this2 = this;
-
-      if (time === void 0) {
-        time = 0;
-      }
-
-      time = formatTime(time);
-
-      if (this.formattedTime_ === time) {
-        return;
-      }
-
-      this.formattedTime_ = time;
-      this.requestAnimationFrame(function () {
-        if (!_this2.contentEl_) {
-          return;
-        }
-
-        var oldNode = _this2.textNode_;
-        _this2.textNode_ = document.createTextNode(_this2.formattedTime_);
-
-        if (!_this2.textNode_) {
-          return;
-        }
-
-        if (oldNode) {
-          _this2.contentEl_.replaceChild(_this2.textNode_, oldNode);
-        } else {
-          _this2.contentEl_.appendChild(_this2.textNode_);
-        }
-      });
-    }
-    /**
-     * To be filled out in the child class, should update the displayed time
-     * in accordance with the fact that the current time has changed.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate`  event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {};
-
-    return TimeDisplay;
-  }(Component);
-  /**
-   * The text that is added to the `TimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  TimeDisplay.prototype.labelText_ = 'Time';
-  /**
-   * The text that should display over the `TimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  TimeDisplay.prototype.controlText_ = 'Time';
-  Component.registerComponent('TimeDisplay', TimeDisplay);
-
-  /**
-   * Displays the current time
-   *
-   * @extends Component
-   */
-
-  var CurrentTimeDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(CurrentTimeDisplay, _TimeDisplay);
-
-    function CurrentTimeDisplay() {
-      return _TimeDisplay.apply(this, arguments) || this;
-    }
-
-    var _proto = CurrentTimeDisplay.prototype;
-
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-current-time';
-    }
-    /**
-     * Update current time display
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` event that caused this function to run.
-     *
-     * @listens Player#timeupdate
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      // Allows for smooth scrubbing, when player can't keep up.
-      var time;
-
-      if (this.player_.ended()) {
-        time = this.player_.duration();
-      } else {
-        time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-      }
-
-      this.updateTextNode_(time);
-    };
-
-    return CurrentTimeDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `CurrentTimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  CurrentTimeDisplay.prototype.labelText_ = 'Current Time';
-  /**
-   * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-  Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-  /**
-   * Displays the duration
-   *
-   * @extends Component
-   */
-
-  var DurationDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(DurationDisplay, _TimeDisplay);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function DurationDisplay(player, options) {
-      var _this;
-
-      _this = _TimeDisplay.call(this, player, options) || this; // we do not want to/need to throttle duration changes,
-      // as they should always display the changed duration as
-      // it has changed
-
-      _this.on(player, 'durationchange', _this.updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
-      // but the durationchange on the user agent will not fire.
-      // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-
-      _this.on(player, 'loadstart', _this.updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
-      // listeners could have broken dependent applications/libraries. These
-      // can likely be removed for 7.0.
-
-
-      _this.on(player, 'loadedmetadata', _this.updateContent);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = DurationDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-duration';
-    }
-    /**
-     * Update duration time display.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused
-     *        this function to be called.
-     *
-     * @listens Player#durationchange
-     * @listens Player#timeupdate
-     * @listens Player#loadedmetadata
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      var duration = this.player_.duration();
-      this.updateTextNode_(duration);
-    };
-
-    return DurationDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `DurationDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  DurationDisplay.prototype.labelText_ = 'Duration';
-  /**
-   * The text that should display over the `DurationDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  DurationDisplay.prototype.controlText_ = 'Duration';
-  Component.registerComponent('DurationDisplay', DurationDisplay);
-
-  /**
-   * The separator between the current time and duration.
-   * Can be hidden if it's not needed in the design.
-   *
-   * @extends Component
-   */
-
-  var TimeDivider =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeDivider, _Component);
-
-    function TimeDivider() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = TimeDivider.prototype;
-
-    /**
-     * Create the component's DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-time-control vjs-time-divider',
-        innerHTML: '<div><span>/</span></div>'
-      }, {
-        // this element and its contents can be hidden from assistive techs since
-        // it is made extraneous by the announcement of the control text
-        // for the current time and duration displays
-        'aria-hidden': true
-      });
-    };
-
-    return TimeDivider;
-  }(Component);
-
-  Component.registerComponent('TimeDivider', TimeDivider);
-
-  /**
-   * Displays the time left in the video
-   *
-   * @extends Component
-   */
-
-  var RemainingTimeDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(RemainingTimeDisplay, _TimeDisplay);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function RemainingTimeDisplay(player, options) {
-      var _this;
-
-      _this = _TimeDisplay.call(this, player, options) || this;
-
-      _this.on(player, 'durationchange', _this.updateContent);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = RemainingTimeDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-remaining-time';
-    }
-    /**
-     * Create the `Component`'s DOM element with the "minus" characted prepend to the time
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var el = _TimeDisplay.prototype.createEl.call(this);
-
-      el.insertBefore(createEl('span', {}, {
-        'aria-hidden': true
-      }, '-'), this.contentEl_);
-      return el;
-    }
-    /**
-     * Update remaining time display.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` or `durationchange` event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     * @listens Player#durationchange
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      if (typeof this.player_.duration() !== 'number') {
-        return;
-      }
-
-      var time; // @deprecated We should only use remainingTimeDisplay
-      // as of video.js 7
-
-      if (this.player_.ended()) {
-        time = 0;
-      } else if (this.player_.remainingTimeDisplay) {
-        time = this.player_.remainingTimeDisplay();
-      } else {
-        time = this.player_.remainingTime();
-      }
-
-      this.updateTextNode_(time);
-    };
-
-    return RemainingTimeDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `RemainingTimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  RemainingTimeDisplay.prototype.labelText_ = 'Remaining Time';
-  /**
-   * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-  Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-  /**
-   * Displays the live indicator when duration is Infinity.
-   *
-   * @extends Component
-   */
-
-  var LiveDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LiveDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function LiveDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.updateShowing();
-
-      _this.on(_this.player(), 'durationchange', _this.updateShowing);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = LiveDisplay.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-live-control vjs-control'
-      });
-
-      this.contentEl_ = createEl('div', {
-        className: 'vjs-live-display',
-        innerHTML: "<span class=\"vjs-control-text\">" + this.localize('Stream Type') + "\xA0</span>" + this.localize('LIVE')
-      }, {
-        'aria-live': 'off'
-      });
-      el.appendChild(this.contentEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Check the duration to see if the LiveDisplay should be showing or not. Then show/hide
-     * it accordingly
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#durationchange} event that caused this function to run.
-     *
-     * @listens Player#durationchange
-     */
-    ;
-
-    _proto.updateShowing = function updateShowing(event) {
-      if (this.player().duration() === Infinity) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    };
-
-    return LiveDisplay;
-  }(Component);
-
-  Component.registerComponent('LiveDisplay', LiveDisplay);
-
-  /**
-   * Displays the live indicator when duration is Infinity.
-   *
-   * @extends Component
-   */
-
-  var SeekToLive =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(SeekToLive, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function SeekToLive(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.updateLiveEdgeStatus();
-
-      if (_this.player_.liveTracker) {
-        _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatus);
-      }
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = SeekToLive.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Button.prototype.createEl.call(this, 'button', {
-        className: 'vjs-seek-to-live-control vjs-control'
-      });
-
-      this.textEl_ = createEl('span', {
-        className: 'vjs-seek-to-live-text',
-        innerHTML: this.localize('LIVE')
-      }, {
-        'aria-hidden': 'true'
-      });
-      el.appendChild(this.textEl_);
-      return el;
-    }
-    /**
-     * Update the state of this button if we are at the live edge
-     * or not
-     */
-    ;
-
-    _proto.updateLiveEdgeStatus = function updateLiveEdgeStatus(e) {
-      // default to live edge
-      if (!this.player_.liveTracker || this.player_.liveTracker.atLiveEdge()) {
-        this.setAttribute('aria-disabled', true);
-        this.addClass('vjs-at-live-edge');
-        this.controlText('Seek to live, currently playing live');
-      } else {
-        this.setAttribute('aria-disabled', false);
-        this.removeClass('vjs-at-live-edge');
-        this.controlText('Seek to live, currently behind live');
-      }
-    }
-    /**
-     * On click bring us as near to the live point as possible.
-     * This requires that we wait for the next `live-seekable-change`
-     * event which will happen every segment length seconds.
-     */
-    ;
-
-    _proto.handleClick = function handleClick() {
-      this.player_.liveTracker.seekToLiveEdge();
-    }
-    /**
-     * Dispose of the element and stop tracking
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      if (this.player_.liveTracker) {
-        this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatus);
-      }
-
-      this.textEl_ = null;
-
-      _Button.prototype.dispose.call(this);
-    };
-
-    return SeekToLive;
-  }(Button);
-
-  SeekToLive.prototype.controlText_ = 'Seek to live, currently playing live';
-  Component.registerComponent('SeekToLive', SeekToLive);
-
-  /**
-   * Keep a number between a min and a max value
-   *
-   * @param {number} number
-   *        The number to clamp
-   *
-   * @param {number} min
-   *        The minimum value
-   * @param {number} max
-   *        The maximum value
-   *
-   * @return {number}
-   *         the clamped number
-   */
-  var clamp = function clamp(number, min, max) {
-    number = Number(number);
-    return Math.min(max, Math.max(min, isNaN(number) ? min : number));
-  };
-
-  /**
-   * The base functionality for a slider. Can be vertical or horizontal.
-   * For instance the volume bar or the seek bar on a video is a slider.
-   *
-   * @extends Component
-   */
-
-  var Slider =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Slider, _Component);
-
-    /**
-    * Create an instance of this class
-    *
-    * @param {Player} player
-    *        The `Player` that this class should be attached to.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    */
-    function Slider(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this; // Set property names to bar to match with the child Slider class is looking for
-
-      _this.bar = _this.getChild(_this.options_.barName); // Set a horizontal or vertical class on the slider depending on the slider type
-
-      _this.vertical(!!_this.options_.vertical);
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Are controls are currently enabled for this slider or not.
-     *
-     * @return {boolean}
-     *         true if controls are enabled, false otherwise
-     */
-
-
-    var _proto = Slider.prototype;
-
-    _proto.enabled = function enabled() {
-      return this.enabled_;
-    }
-    /**
-     * Enable controls for this slider if they are disabled
-     */
-    ;
-
-    _proto.enable = function enable() {
-      if (this.enabled()) {
-        return;
-      }
-
-      this.on('mousedown', this.handleMouseDown);
-      this.on('touchstart', this.handleMouseDown);
-      this.on('keydown', this.handleKeyDown);
-      this.on('click', this.handleClick); // TODO: deprecated, controlsvisible does not seem to be fired
-
-      this.on(this.player_, 'controlsvisible', this.update);
-
-      if (this.playerEvent) {
-        this.on(this.player_, this.playerEvent, this.update);
-      }
-
-      this.removeClass('disabled');
-      this.setAttribute('tabindex', 0);
-      this.enabled_ = true;
-    }
-    /**
-     * Disable controls for this slider if they are enabled
-     */
-    ;
-
-    _proto.disable = function disable() {
-      if (!this.enabled()) {
-        return;
-      }
-
-      var doc = this.bar.el_.ownerDocument;
-      this.off('mousedown', this.handleMouseDown);
-      this.off('touchstart', this.handleMouseDown);
-      this.off('keydown', this.handleKeyDown);
-      this.off('click', this.handleClick);
-      this.off(this.player_, 'controlsvisible', this.update);
-      this.off(doc, 'mousemove', this.handleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchmove', this.handleMouseMove);
-      this.off(doc, 'touchend', this.handleMouseUp);
-      this.removeAttribute('tabindex');
-      this.addClass('disabled');
-
-      if (this.playerEvent) {
-        this.off(this.player_, this.playerEvent, this.update);
-      }
-
-      this.enabled_ = false;
-    }
-    /**
-     * Create the `Slider`s DOM element.
-     *
-     * @param {string} type
-     *        Type of element to create.
-     *
-     * @param {Object} [props={}]
-     *        List of properties in Object form.
-     *
-     * @param {Object} [attributes={}]
-     *        list of attributes in Object form.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl(type, props, attributes) {
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      // Add the slider element class to all sub classes
-      props.className = props.className + ' vjs-slider';
-      props = assign({
-        tabIndex: 0
-      }, props);
-      attributes = assign({
-        'role': 'slider',
-        'aria-valuenow': 0,
-        'aria-valuemin': 0,
-        'aria-valuemax': 100,
-        'tabIndex': 0
-      }, attributes);
-      return _Component.prototype.createEl.call(this, type, props, attributes);
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `Slider`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     * @fires Slider#slideractive
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.bar.el_.ownerDocument;
-
-      if (event.type === 'mousedown') {
-        event.preventDefault();
-      } // Do not call preventDefault() on touchstart in Chrome
-      // to avoid console warnings. Use a 'touch-action: none' style
-      // instead to prevent unintented scrolling.
-      // https://developers.google.com/web/updates/2017/01/scrolling-intervention
-
-
-      if (event.type === 'touchstart' && !IS_CHROME) {
-        event.preventDefault();
-      }
-
-      blockTextSelection();
-      this.addClass('vjs-sliding');
-      /**
-       * Triggered when the slider is in an active state
-       *
-       * @event Slider#slideractive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('slideractive');
-      this.on(doc, 'mousemove', this.handleMouseMove);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchmove', this.handleMouseMove);
-      this.on(doc, 'touchend', this.handleMouseUp);
-      this.handleMouseMove(event);
-    }
-    /**
-     * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.
-     * The `mousemove` and `touchmove` events will only only trigger this function during
-     * `mousedown` and `touchstart`. This is due to {@link Slider#handleMouseDown} and
-     * {@link Slider#handleMouseUp}.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered
-     *        this function
-     *
-     * @listens mousemove
-     * @listens touchmove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {}
-    /**
-     * Handle `mouseup` or `touchend` events on the `Slider`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     * @fires Slider#sliderinactive
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp() {
-      var doc = this.bar.el_.ownerDocument;
-      unblockTextSelection();
-      this.removeClass('vjs-sliding');
-      /**
-       * Triggered when the slider is no longer in an active state.
-       *
-       * @event Slider#sliderinactive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('sliderinactive');
-      this.off(doc, 'mousemove', this.handleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchmove', this.handleMouseMove);
-      this.off(doc, 'touchend', this.handleMouseUp);
-      this.update();
-    }
-    /**
-     * Update the progress bar of the `Slider`.
-     *
-     * @return {number}
-     *          The percentage of progress the progress bar represents as a
-     *          number from 0 to 1.
-     */
-    ;
-
-    _proto.update = function update() {
-      var _this2 = this;
-
-      // In VolumeBar init we have a setTimeout for update that pops and update
-      // to the end of the execution stack. The player is destroyed before then
-      // update will cause an error
-      // If there's no bar...
-      if (!this.el_ || !this.bar) {
-        return;
-      } // clamp progress between 0 and 1
-      // and only round to four decimal places, as we round to two below
-
-
-      var progress = this.getProgress();
-
-      if (progress === this.progress_) {
-        return;
-      }
-
-      this.progress_ = progress;
-      this.requestAnimationFrame(function () {
-        // Set the new bar width or height
-        var sizeKey = _this2.vertical() ? 'height' : 'width'; // Convert to a percentage for css value
-
-        _this2.bar.el().style[sizeKey] = (progress * 100).toFixed(2) + '%';
-      });
-      return progress;
-    }
-    /**
-     * Get the percentage of the bar that should be filled
-     * but clamped and rounded.
-     *
-     * @return {number}
-     *         percentage filled that the slider is
-     */
-    ;
-
-    _proto.getProgress = function getProgress() {
-      return clamp(this.getPercent(), 0, 1).toFixed(4);
-    }
-    /**
-     * Calculate distance for slider
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run.
-     *
-     * @return {number}
-     *         The current position of the Slider.
-     *         - position.x for vertical `Slider`s
-     *         - position.y for horizontal `Slider`s
-     */
-    ;
-
-    _proto.calculateDistance = function calculateDistance(event) {
-      var position = getPointerPosition(this.el_, event);
-
-      if (this.vertical()) {
-        return position.y;
-      }
-
-      return position.x;
-    }
-    /**
-     * Handle a `keydown` event on the `Slider`. Watches for left, rigth, up, and down
-     * arrow keys. This function will only be called when the slider has focus. See
-     * {@link Slider#handleFocus} and {@link Slider#handleBlur}.
-     *
-     * @param {EventTarget~Event} event
-     *        the `keydown` event that caused this function to run.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Left and Down Arrows
-      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack(); // Up and Right Arrows
-      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward();
-      } else {
-        // Pass keydown handling up for unsupported keys
-        _Component.prototype.handleKeyDown.call(this, event);
-      }
-    }
-    /**
-     * Listener for click events on slider, used to prevent clicks
-     *   from bubbling up to parent elements like button menus.
-     *
-     * @param {Object} event
-     *        Event that caused this object to run
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-    }
-    /**
-     * Get/set if slider is horizontal for vertical
-     *
-     * @param {boolean} [bool]
-     *        - true if slider is vertical,
-     *        - false is horizontal
-     *
-     * @return {boolean}
-     *         - true if slider is vertical, and getting
-     *         - false if the slider is horizontal, and getting
-     */
-    ;
-
-    _proto.vertical = function vertical(bool) {
-      if (bool === undefined) {
-        return this.vertical_ || false;
-      }
-
-      this.vertical_ = !!bool;
-
-      if (this.vertical_) {
-        this.addClass('vjs-slider-vertical');
-      } else {
-        this.addClass('vjs-slider-horizontal');
-      }
-    };
-
-    return Slider;
-  }(Component);
-
-  Component.registerComponent('Slider', Slider);
-
-  var percentify = function percentify(time, end) {
-    return clamp(time / end * 100, 0, 100).toFixed(2) + '%';
-  };
-  /**
-   * Shows loading progress
-   *
-   * @extends Component
-   */
-
-
-  var LoadProgressBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LoadProgressBar, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function LoadProgressBar(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.partEls_ = [];
-
-      _this.on(player, 'progress', _this.update);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = LoadProgressBar.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-load-progress'
-      });
-
-      var wrapper = createEl('span', {
-        className: 'vjs-control-text'
-      });
-      var loadedText = createEl('span', {
-        textContent: this.localize('Loaded')
-      });
-      var separator = document.createTextNode(': ');
-      this.percentageEl_ = createEl('span', {
-        className: 'vjs-control-text-loaded-percentage',
-        textContent: '0%'
-      });
-      el.appendChild(wrapper);
-      wrapper.appendChild(loadedText);
-      wrapper.appendChild(separator);
-      wrapper.appendChild(this.percentageEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.partEls_ = null;
-      this.percentageEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Update progress bar
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `progress` event that caused this function to run.
-     *
-     * @listens Player#progress
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var _this2 = this;
-
-      this.requestAnimationFrame(function () {
-        var liveTracker = _this2.player_.liveTracker;
-
-        var buffered = _this2.player_.buffered();
-
-        var duration = liveTracker && liveTracker.isLive() ? liveTracker.seekableEnd() : _this2.player_.duration();
-
-        var bufferedEnd = _this2.player_.bufferedEnd();
-
-        var children = _this2.partEls_;
-        var percent = percentify(bufferedEnd, duration);
-
-        if (_this2.percent_ !== percent) {
-          // update the width of the progress bar
-          _this2.el_.style.width = percent; // update the control-text
-
-          textContent(_this2.percentageEl_, percent);
-          _this2.percent_ = percent;
-        } // add child elements to represent the individual buffered time ranges
-
-
-        for (var i = 0; i < buffered.length; i++) {
-          var start = buffered.start(i);
-          var end = buffered.end(i);
-          var part = children[i];
-
-          if (!part) {
-            part = _this2.el_.appendChild(createEl());
-            children[i] = part;
-          } //  only update if changed
-
-
-          if (part.dataset.start === start && part.dataset.end === end) {
-            continue;
-          }
-
-          part.dataset.start = start;
-          part.dataset.end = end; // set the percent based on the width of the progress bar (bufferedEnd)
-
-          part.style.left = percentify(start, bufferedEnd);
-          part.style.width = percentify(end - start, bufferedEnd);
-        } // remove unused buffered range elements
-
-
-        for (var _i = children.length; _i > buffered.length; _i--) {
-          _this2.el_.removeChild(children[_i - 1]);
-        }
-
-        children.length = buffered.length;
-      });
-    };
-
-    return LoadProgressBar;
-  }(Component);
-
-  Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-  /**
-   * Time tooltips display a time above the progress bar.
-   *
-   * @extends Component
-   */
-
-  var TimeTooltip =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeTooltip, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TimeTooltip(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the time tooltip DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = TimeTooltip.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-time-tooltip'
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Updates the position of the time tooltip relative to the `SeekBar`.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint, content) {
-      var tooltipRect = getBoundingClientRect(this.el_);
-      var playerRect = getBoundingClientRect(this.player_.el());
-      var seekBarPointPx = seekBarRect.width * seekBarPoint; // do nothing if either rect isn't available
-      // for example, if the player isn't in the DOM for testing
-
-      if (!playerRect || !tooltipRect) {
-        return;
-      } // This is the space left of the `seekBarPoint` available within the bounds
-      // of the player. We calculate any gap between the left edge of the player
-      // and the left edge of the `SeekBar` and add the number of pixels in the
-      // `SeekBar` before hitting the `seekBarPoint`
-
-
-      var spaceLeftOfPoint = seekBarRect.left - playerRect.left + seekBarPointPx; // This is the space right of the `seekBarPoint` available within the bounds
-      // of the player. We calculate the number of pixels from the `seekBarPoint`
-      // to the right edge of the `SeekBar` and add to that any gap between the
-      // right edge of the `SeekBar` and the player.
-
-      var spaceRightOfPoint = seekBarRect.width - seekBarPointPx + (playerRect.right - seekBarRect.right); // This is the number of pixels by which the tooltip will need to be pulled
-      // further to the right to center it over the `seekBarPoint`.
-
-      var pullTooltipBy = tooltipRect.width / 2; // Adjust the `pullTooltipBy` distance to the left or right depending on
-      // the results of the space calculations above.
-
-      if (spaceLeftOfPoint < pullTooltipBy) {
-        pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
-      } else if (spaceRightOfPoint < pullTooltipBy) {
-        pullTooltipBy = spaceRightOfPoint;
-      } // Due to the imprecision of decimal/ratio based calculations and varying
-      // rounding behaviors, there are cases where the spacing adjustment is off
-      // by a pixel or two. This adds insurance to these calculations.
-
-
-      if (pullTooltipBy < 0) {
-        pullTooltipBy = 0;
-      } else if (pullTooltipBy > tooltipRect.width) {
-        pullTooltipBy = tooltipRect.width;
-      }
-
-      this.el_.style.right = "-" + pullTooltipBy + "px";
-      this.write(content);
-    }
-    /**
-     * Write the time to the tooltip DOM element.
-     *
-     * @param {string} content
-     *        The formatted time for the tooltip.
-     */
-    ;
-
-    _proto.write = function write(content) {
-      textContent(this.el_, content);
-    }
-    /**
-     * Updates the position of the time tooltip relative to the `SeekBar`.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     *
-     * @param {number} time
-     *        The time to update the tooltip to, not used during live playback
-     *
-     * @param {Function} cb
-     *        A function that will be called during the request animation frame
-     *        for tooltips that need to do additional animations from the default
-     */
-    ;
-
-    _proto.updateTime = function updateTime(seekBarRect, seekBarPoint, time, cb) {
-      var _this2 = this;
-
-      // If there is an existing rAF ID, cancel it so we don't over-queue.
-      if (this.rafId_) {
-        this.cancelAnimationFrame(this.rafId_);
-      }
-
-      this.rafId_ = this.requestAnimationFrame(function () {
-        var content;
-
-        var duration = _this2.player_.duration();
-
-        if (_this2.player_.liveTracker && _this2.player_.liveTracker.isLive()) {
-          var liveWindow = _this2.player_.liveTracker.liveWindow();
-
-          var secondsBehind = liveWindow - seekBarPoint * liveWindow;
-          content = (secondsBehind < 1 ? '' : '-') + formatTime(secondsBehind, liveWindow);
-        } else {
-          content = formatTime(time, duration);
-        }
-
-        _this2.update(seekBarRect, seekBarPoint, content);
-
-        if (cb) {
-          cb();
-        }
-      });
-    };
-
-    return TimeTooltip;
-  }(Component);
-
-  Component.registerComponent('TimeTooltip', TimeTooltip);
-
-  /**
-   * Used by {@link SeekBar} to display media playback progress as part of the
-   * {@link ProgressControl}.
-   *
-   * @extends Component
-   */
-
-  var PlayProgressBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(PlayProgressBar, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlayProgressBar(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the the DOM element for this class.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = PlayProgressBar.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-play-progress vjs-slider-bar'
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Enqueues updates to its own DOM as well as the DOM of its
-     * {@link TimeTooltip} child.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint) {
-      var timeTooltip = this.getChild('timeTooltip');
-
-      if (!timeTooltip) {
-        return;
-      }
-
-      var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-      timeTooltip.updateTime(seekBarRect, seekBarPoint, time);
-    };
-
-    return PlayProgressBar;
-  }(Component);
-  /**
-   * Default options for {@link PlayProgressBar}.
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  PlayProgressBar.prototype.options_ = {
-    children: []
-  }; // Time tooltips should not be added to a player on mobile devices
-
-  if (!IS_IOS && !IS_ANDROID) {
-    PlayProgressBar.prototype.options_.children.push('timeTooltip');
-  }
-
-  Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-  /**
-   * The {@link MouseTimeDisplay} component tracks mouse movement over the
-   * {@link ProgressControl}. It displays an indicator and a {@link TimeTooltip}
-   * indicating the time which is represented by a given point in the
-   * {@link ProgressControl}.
-   *
-   * @extends Component
-   */
-
-  var MouseTimeDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MouseTimeDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function MouseTimeDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the DOM element for this class.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = MouseTimeDisplay.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-mouse-display'
-      });
-    }
-    /**
-     * Enqueues updates to its own DOM as well as the DOM of its
-     * {@link TimeTooltip} child.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint) {
-      var _this2 = this;
-
-      var time = seekBarPoint * this.player_.duration();
-      this.getChild('timeTooltip').updateTime(seekBarRect, seekBarPoint, time, function () {
-        _this2.el_.style.left = seekBarRect.width * seekBarPoint + "px";
-      });
-    };
-
-    return MouseTimeDisplay;
-  }(Component);
-  /**
-   * Default options for `MouseTimeDisplay`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  MouseTimeDisplay.prototype.options_ = {
-    children: ['timeTooltip']
-  };
-  Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-  var STEP_SECONDS = 5; // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
-
-  var PAGE_KEY_MULTIPLIER = 12; // The interval at which the bar should update as it progresses.
-
-  var UPDATE_REFRESH_INTERVAL$1 = 30;
-  /**
-   * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
-   * as its `bar`.
-   *
-   * @extends Slider
-   */
-
-  var SeekBar =
-  /*#__PURE__*/
-  function (_Slider) {
-    inheritsLoose(SeekBar, _Slider);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function SeekBar(player, options) {
-      var _this;
-
-      _this = _Slider.call(this, player, options) || this;
-
-      _this.setEventHandlers_();
-
-      return _this;
-    }
-    /**
-     * Sets the event handlers
-     *
-     * @private
-     */
-
-
-    var _proto = SeekBar.prototype;
-
-    _proto.setEventHandlers_ = function setEventHandlers_() {
-      this.update_ = bind(this, this.update);
-      this.update = throttle(this.update_, UPDATE_REFRESH_INTERVAL$1);
-      this.on(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
-
-      if (this.player_.liveTracker) {
-        this.on(this.player_.liveTracker, 'liveedgechange', this.update);
-      } // when playing, let's ensure we smoothly update the play progress bar
-      // via an interval
-
-
-      this.updateInterval = null;
-      this.on(this.player_, ['playing'], this.enableInterval_);
-      this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableInterval_); // we don't need to update the play progress if the document is hidden,
-      // also, this causes the CPU to spike and eventually crash the page on IE11.
-
-      if ('hidden' in document && 'visibilityState' in document) {
-        this.on(document, 'visibilitychange', this.toggleVisibility_);
-      }
-    };
-
-    _proto.toggleVisibility_ = function toggleVisibility_(e) {
-      if (document.hidden) {
-        this.disableInterval_(e);
-      } else {
-        this.enableInterval_(); // we just switched back to the page and someone may be looking, so, update ASAP
-
-        this.update();
-      }
-    };
-
-    _proto.enableInterval_ = function enableInterval_() {
-      if (this.updateInterval) {
-        return;
-      }
-
-      this.updateInterval = this.setInterval(this.update, UPDATE_REFRESH_INTERVAL$1);
-    };
-
-    _proto.disableInterval_ = function disableInterval_(e) {
-      if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e.type !== 'ended') {
-        return;
-      }
-
-      if (!this.updateInterval) {
-        return;
-      }
-
-      this.clearInterval(this.updateInterval);
-      this.updateInterval = null;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Slider.prototype.createEl.call(this, 'div', {
-        className: 'vjs-progress-holder'
-      }, {
-        'aria-label': this.localize('Progress Bar')
-      });
-    }
-    /**
-     * This function updates the play progress bar and accessibility
-     * attributes to whatever is passed in.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` or `ended` event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     *
-     * @return {number}
-     *          The current percent at a number from 0-1
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var _this2 = this;
-
-      var percent = _Slider.prototype.update.call(this);
-
-      this.requestAnimationFrame(function () {
-        var currentTime = _this2.player_.ended() ? _this2.player_.duration() : _this2.getCurrentTime_();
-        var liveTracker = _this2.player_.liveTracker;
-
-        var duration = _this2.player_.duration();
-
-        if (liveTracker && liveTracker.isLive()) {
-          duration = _this2.player_.liveTracker.liveCurrentTime();
-        }
-
-        if (_this2.percent_ !== percent) {
-          // machine readable value of progress bar (percentage complete)
-          _this2.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-          _this2.percent_ = percent;
-        }
-
-        if (_this2.currentTime_ !== currentTime || _this2.duration_ !== duration) {
-          // human readable value of progress bar (time complete)
-          _this2.el_.setAttribute('aria-valuetext', _this2.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-          _this2.currentTime_ = currentTime;
-          _this2.duration_ = duration;
-        }
-      });
-      return percent;
-    }
-    /**
-     * Get the value of current time but allows for smooth scrubbing,
-     * when player can't keep up.
-     *
-     * @return {number}
-     *         The current time value to display
-     *
-     * @private
-     */
-    ;
-
-    _proto.getCurrentTime_ = function getCurrentTime_() {
-      return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-    }
-    /**
-     * Get the percentage of media played so far.
-     *
-     * @return {number}
-     *         The percentage of media played so far (0 to 1).
-     */
-    ;
-
-    _proto.getPercent = function getPercent() {
-      var currentTime = this.getCurrentTime_();
-      var percent;
-      var liveTracker = this.player_.liveTracker;
-
-      if (liveTracker && liveTracker.isLive()) {
-        percent = (currentTime - liveTracker.seekableStart()) / liveTracker.liveWindow(); // prevent the percent from changing at the live edge
-
-        if (liveTracker.atLiveEdge()) {
-          percent = 1;
-        }
-      } else {
-        percent = currentTime / this.player_.duration();
-      }
-
-      return percent;
-    }
-    /**
-     * Handle mouse down on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousedown` event that caused this to run.
-     *
-     * @listens mousedown
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      } // Stop event propagation to prevent double fire in progress-control.js
-
-
-      event.stopPropagation();
-      this.player_.scrubbing(true);
-      this.videoWasPlaying = !this.player_.paused();
-      this.player_.pause();
-
-      _Slider.prototype.handleMouseDown.call(this, event);
-    }
-    /**
-     * Handle mouse move on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this to run.
-     *
-     * @listens mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      var newTime;
-      var distance = this.calculateDistance(event);
-      var liveTracker = this.player_.liveTracker;
-
-      if (!liveTracker || !liveTracker.isLive()) {
-        newTime = distance * this.player_.duration(); // Don't let video end while scrubbing.
-
-        if (newTime === this.player_.duration()) {
-          newTime = newTime - 0.1;
-        }
-      } else {
-        var seekableStart = liveTracker.seekableStart();
-        var seekableEnd = liveTracker.liveCurrentTime();
-        newTime = seekableStart + distance * liveTracker.liveWindow(); // Don't let video end while scrubbing.
-
-        if (newTime >= seekableEnd) {
-          newTime = seekableEnd;
-        } // Compensate for precision differences so that currentTime is not less
-        // than seekable start
-
-
-        if (newTime <= seekableStart) {
-          newTime = seekableStart + 0.1;
-        } // On android seekableEnd can be Infinity sometimes,
-        // this will cause newTime to be Infinity, which is
-        // not a valid currentTime.
-
-
-        if (newTime === Infinity) {
-          return;
-        }
-      } // Set new time (tell player to seek to new time)
-
-
-      this.player_.currentTime(newTime);
-    };
-
-    _proto.enable = function enable() {
-      _Slider.prototype.enable.call(this);
-
-      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-      if (!mouseTimeDisplay) {
-        return;
-      }
-
-      mouseTimeDisplay.show();
-    };
-
-    _proto.disable = function disable() {
-      _Slider.prototype.disable.call(this);
-
-      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-      if (!mouseTimeDisplay) {
-        return;
-      }
-
-      mouseTimeDisplay.hide();
-    }
-    /**
-     * Handle mouse up on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseup` event that caused this to run.
-     *
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      _Slider.prototype.handleMouseUp.call(this, event); // Stop event propagation to prevent double fire in progress-control.js
-
-
-      if (event) {
-        event.stopPropagation();
-      }
-
-      this.player_.scrubbing(false);
-      /**
-       * Trigger timeupdate because we're done seeking and the time has changed.
-       * This is particularly useful for if the player is paused to time the time displays.
-       *
-       * @event Tech#timeupdate
-       * @type {EventTarget~Event}
-       */
-
-      this.player_.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-
-      if (this.videoWasPlaying) {
-        silencePromise(this.player_.play());
-      } else {
-        // We're done seeking and the time has changed.
-        // If the player is paused, make sure we display the correct time on the seek bar.
-        this.update_();
-      }
-    }
-    /**
-     * Move more quickly fast forward for keyboard-only users
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-    }
-    /**
-     * Move more quickly rewind for keyboard-only users
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS);
-    }
-    /**
-     * Toggles the playback state of the player
-     * This gets called when enter or space is used on the seekbar
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called
-     *
-     */
-    ;
-
-    _proto.handleAction = function handleAction(event) {
-      if (this.player_.paused()) {
-        this.player_.play();
-      } else {
-        this.player_.pause();
-      }
-    }
-    /**
-     * Called when this SeekBar has focus and a key gets pressed down.
-     * Supports the following keys:
-     *
-     *   Space or Enter key fire a click event
-     *   Home key moves to start of the timeline
-     *   End key moves to end of the timeline
-     *   Digit "0" through "9" keys move to 0%, 10% ... 80%, 90% of the timeline
-     *   PageDown key moves back a larger step than ArrowDown
-     *   PageUp key moves forward a large step
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.handleAction(event);
-      } else if (keycode.isEventKey(event, 'Home')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(0);
-      } else if (keycode.isEventKey(event, 'End')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.duration());
-      } else if (/^[0-9]$/.test(keycode(event))) {
-        event.preventDefault();
-        event.stopPropagation();
-        var gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;
-        this.player_.currentTime(this.player_.duration() * gotoFraction);
-      } else if (keycode.isEventKey(event, 'PgDn')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-      } else if (keycode.isEventKey(event, 'PgUp')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-      } else {
-        // Pass keydown handling up for unsupported keys
-        _Slider.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return SeekBar;
-  }(Slider);
-  /**
-   * Default options for the `SeekBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  SeekBar.prototype.options_ = {
-    children: ['loadProgressBar', 'playProgressBar'],
-    barName: 'playProgressBar'
-  }; // MouseTimeDisplay tooltips should not be added to a player on mobile devices
-
-  if (!IS_IOS && !IS_ANDROID) {
-    SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-  }
-
-  Component.registerComponent('SeekBar', SeekBar);
-
-  /**
-   * The Progress Control component contains the seek bar, load progress,
-   * and play progress.
-   *
-   * @extends Component
-   */
-
-  var ProgressControl =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ProgressControl, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function ProgressControl(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.handleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-      _this.throttledHandleMouseSeek = throttle(bind(assertThisInitialized(_this), _this.handleMouseSeek), UPDATE_REFRESH_INTERVAL);
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = ProgressControl.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-progress-control vjs-control'
-      });
-    }
-    /**
-     * When the mouse moves over the `ProgressControl`, the pointer position
-     * gets passed down to the `MouseTimeDisplay` component.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this function to run.
-     *
-     * @listen mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      var seekBar = this.getChild('seekBar');
-
-      if (!seekBar) {
-        return;
-      }
-
-      var playProgressBar = seekBar.getChild('playProgressBar');
-      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-
-      if (!playProgressBar && !mouseTimeDisplay) {
-        return;
-      }
-
-      var seekBarEl = seekBar.el();
-      var seekBarRect = getBoundingClientRect(seekBarEl);
-      var seekBarPoint = getPointerPosition(seekBarEl, event).x; // The default skin has a gap on either side of the `SeekBar`. This means
-      // that it's possible to trigger this behavior outside the boundaries of
-      // the `SeekBar`. This ensures we stay within it at all times.
-
-      seekBarPoint = clamp(0, 1, seekBarPoint);
-
-      if (mouseTimeDisplay) {
-        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-      }
-
-      if (playProgressBar) {
-        playProgressBar.update(seekBarRect, seekBar.getProgress());
-      }
-    }
-    /**
-     * A throttled version of the {@link ProgressControl#handleMouseSeek} listener.
-     *
-     * @method ProgressControl#throttledHandleMouseSeek
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this function to run.
-     *
-     * @listen mousemove
-     * @listen touchmove
-     */
-
-    /**
-     * Handle `mousemove` or `touchmove` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousemove
-     * @listens touchmove
-     */
-    ;
-
-    _proto.handleMouseSeek = function handleMouseSeek(event) {
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseMove(event);
-      }
-    }
-    /**
-     * Are controls are currently enabled for this progress control.
-     *
-     * @return {boolean}
-     *         true if controls are enabled, false otherwise
-     */
-    ;
-
-    _proto.enabled = function enabled() {
-      return this.enabled_;
-    }
-    /**
-     * Disable all controls on the progress control and its children
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.children().forEach(function (child) {
-        return child.disable && child.disable();
-      });
-
-      if (!this.enabled()) {
-        return;
-      }
-
-      this.off(['mousedown', 'touchstart'], this.handleMouseDown);
-      this.off(this.el_, 'mousemove', this.handleMouseMove);
-      this.handleMouseUp();
-      this.addClass('disabled');
-      this.enabled_ = false;
-    }
-    /**
-     * Enable all controls on the progress control and its children
-     */
-    ;
-
-    _proto.enable = function enable() {
-      this.children().forEach(function (child) {
-        return child.enable && child.enable();
-      });
-
-      if (this.enabled()) {
-        return;
-      }
-
-      this.on(['mousedown', 'touchstart'], this.handleMouseDown);
-      this.on(this.el_, 'mousemove', this.handleMouseMove);
-      this.removeClass('disabled');
-      this.enabled_ = true;
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.el_.ownerDocument;
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseDown(event);
-      }
-
-      this.on(doc, 'mousemove', this.throttledHandleMouseSeek);
-      this.on(doc, 'touchmove', this.throttledHandleMouseSeek);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mouseup` or `touchend` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      var doc = this.el_.ownerDocument;
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseUp(event);
-      }
-
-      this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
-      this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchend', this.handleMouseUp);
-    };
-
-    return ProgressControl;
-  }(Component);
-  /**
-   * Default options for `ProgressControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ProgressControl.prototype.options_ = {
-    children: ['seekBar']
-  };
-  Component.registerComponent('ProgressControl', ProgressControl);
-
-  /**
-   * Toggle Picture-in-Picture mode
-   *
-   * @extends Button
-   */
-
-  var PictureInPictureToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(PictureInPictureToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @listens Player#enterpictureinpicture
-     * @listens Player#leavepictureinpicture
-     */
-    function PictureInPictureToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], _this.handlePictureInPictureChange); // TODO: Activate button on player loadedmetadata event.
-      // TODO: Deactivate button on player emptied event.
-      // TODO: Deactivate button if disablepictureinpicture attribute is present.
-
-
-      if (!document.pictureInPictureEnabled) {
-        _this.disable();
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = PictureInPictureToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-picture-in-picture-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Handles enterpictureinpicture and leavepictureinpicture on the player and change control text accordingly.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#enterpictureinpicture} or {@link Player#leavepictureinpicture} event that caused this function to be
-     *        called.
-     *
-     * @listens Player#enterpictureinpicture
-     * @listens Player#leavepictureinpicture
-     */
-    ;
-
-    _proto.handlePictureInPictureChange = function handlePictureInPictureChange(event) {
-      if (this.player_.isInPictureInPicture()) {
-        this.controlText('Exit Picture-in-Picture');
-      } else {
-        this.controlText('Picture-in-Picture');
-      }
-    }
-    /**
-     * This gets called when an `PictureInPictureToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (!this.player_.isInPictureInPicture()) {
-        this.player_.requestPictureInPicture();
-      } else {
-        this.player_.exitPictureInPicture();
-      }
-    };
-
-    return PictureInPictureToggle;
-  }(Button);
-  /**
-   * The text that should display over the `PictureInPictureToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PictureInPictureToggle.prototype.controlText_ = 'Picture-in-Picture';
-  Component.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
-
-  /**
-   * Toggle fullscreen video
-   *
-   * @extends Button
-   */
-
-  var FullscreenToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(FullscreenToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function FullscreenToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-
-      if (document[player.fsApi_.fullscreenEnabled] === false) {
-        _this.disable();
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = FullscreenToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-fullscreen-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Handles fullscreenchange on the player and change control text accordingly.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#fullscreenchange} event that caused this function to be
-     *        called.
-     *
-     * @listens Player#fullscreenchange
-     */
-    ;
-
-    _proto.handleFullscreenChange = function handleFullscreenChange(event) {
-      if (this.player_.isFullscreen()) {
-        this.controlText('Non-Fullscreen');
-      } else {
-        this.controlText('Fullscreen');
-      }
-    }
-    /**
-     * This gets called when an `FullscreenToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (!this.player_.isFullscreen()) {
-        this.player_.requestFullscreen();
-      } else {
-        this.player_.exitFullscreen();
-      }
-    };
-
-    return FullscreenToggle;
-  }(Button);
-  /**
-   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  FullscreenToggle.prototype.controlText_ = 'Fullscreen';
-  Component.registerComponent('FullscreenToggle', FullscreenToggle);
-
-  /**
-   * Check if volume control is supported and if it isn't hide the
-   * `Component` that was passed  using the `vjs-hidden` class.
-   *
-   * @param {Component} self
-   *        The component that should be hidden if volume is unsupported
-   *
-   * @param {Player} player
-   *        A reference to the player
-   *
-   * @private
-   */
-  var checkVolumeSupport = function checkVolumeSupport(self, player) {
-    // hide volume controls when they're not supported by the current tech
-    if (player.tech_ && !player.tech_.featuresVolumeControl) {
-      self.addClass('vjs-hidden');
-    }
-
-    self.on(player, 'loadstart', function () {
-      if (!player.tech_.featuresVolumeControl) {
-        self.addClass('vjs-hidden');
-      } else {
-        self.removeClass('vjs-hidden');
-      }
-    });
-  };
-
-  /**
-   * Shows volume level
-   *
-   * @extends Component
-   */
-
-  var VolumeLevel =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumeLevel, _Component);
-
-    function VolumeLevel() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = VolumeLevel.prototype;
-
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-volume-level',
-        innerHTML: '<span class="vjs-control-text"></span>'
-      });
-    };
-
-    return VolumeLevel;
-  }(Component);
-
-  Component.registerComponent('VolumeLevel', VolumeLevel);
-
-  /**
-   * The bar that contains the volume level and can be clicked on to adjust the level
-   *
-   * @extends Slider
-   */
-
-  var VolumeBar =
-  /*#__PURE__*/
-  function (_Slider) {
-    inheritsLoose(VolumeBar, _Slider);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function VolumeBar(player, options) {
-      var _this;
-
-      _this = _Slider.call(this, player, options) || this;
-
-      _this.on('slideractive', _this.updateLastVolume_);
-
-      _this.on(player, 'volumechange', _this.updateARIAAttributes);
-
-      player.ready(function () {
-        return _this.updateARIAAttributes();
-      });
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = VolumeBar.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Slider.prototype.createEl.call(this, 'div', {
-        className: 'vjs-volume-bar vjs-slider-bar'
-      }, {
-        'aria-label': this.localize('Volume Level'),
-        'aria-live': 'polite'
-      });
-    }
-    /**
-     * Handle mouse down on volume bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousedown` event that caused this to run.
-     *
-     * @listens mousedown
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      _Slider.prototype.handleMouseDown.call(this, event);
-    }
-    /**
-     * Handle movement events on the {@link VolumeMenuButton}.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run.
-     *
-     * @listens mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      this.checkMuted();
-      this.player_.volume(this.calculateDistance(event));
-    }
-    /**
-     * If the player is muted unmute it.
-     */
-    ;
-
-    _proto.checkMuted = function checkMuted() {
-      if (this.player_.muted()) {
-        this.player_.muted(false);
-      }
-    }
-    /**
-     * Get percent of volume level
-     *
-     * @return {number}
-     *         Volume level percent as a decimal number.
-     */
-    ;
-
-    _proto.getPercent = function getPercent() {
-      if (this.player_.muted()) {
-        return 0;
-      }
-
-      return this.player_.volume();
-    }
-    /**
-     * Increase volume level for keyboard users
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      this.checkMuted();
-      this.player_.volume(this.player_.volume() + 0.1);
-    }
-    /**
-     * Decrease volume level for keyboard users
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      this.checkMuted();
-      this.player_.volume(this.player_.volume() - 0.1);
-    }
-    /**
-     * Update ARIA accessibility attributes
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `volumechange` event that caused this function to run.
-     *
-     * @listens Player#volumechange
-     */
-    ;
-
-    _proto.updateARIAAttributes = function updateARIAAttributes(event) {
-      var ariaValue = this.player_.muted() ? 0 : this.volumeAsPercentage_();
-      this.el_.setAttribute('aria-valuenow', ariaValue);
-      this.el_.setAttribute('aria-valuetext', ariaValue + '%');
-    }
-    /**
-     * Returns the current value of the player volume as a percentage
-     *
-     * @private
-     */
-    ;
-
-    _proto.volumeAsPercentage_ = function volumeAsPercentage_() {
-      return Math.round(this.player_.volume() * 100);
-    }
-    /**
-     * When user starts dragging the VolumeBar, store the volume and listen for
-     * the end of the drag. When the drag ends, if the volume was set to zero,
-     * set lastVolume to the stored volume.
-     *
-     * @listens slideractive
-     * @private
-     */
-    ;
-
-    _proto.updateLastVolume_ = function updateLastVolume_() {
-      var _this2 = this;
-
-      var volumeBeforeDrag = this.player_.volume();
-      this.one('sliderinactive', function () {
-        if (_this2.player_.volume() === 0) {
-          _this2.player_.lastVolume_(volumeBeforeDrag);
-        }
-      });
-    };
-
-    return VolumeBar;
-  }(Slider);
-  /**
-   * Default options for the `VolumeBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumeBar.prototype.options_ = {
-    children: ['volumeLevel'],
-    barName: 'volumeLevel'
-  };
-  /**
-   * Call the update event for this Slider when this event happens on the player.
-   *
-   * @type {string}
-   */
-
-  VolumeBar.prototype.playerEvent = 'volumechange';
-  Component.registerComponent('VolumeBar', VolumeBar);
-
-  /**
-   * The component for controlling the volume level
-   *
-   * @extends Component
-   */
-
-  var VolumeControl =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumeControl, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function VolumeControl(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.vertical = options.vertical || false; // Pass the vertical option down to the VolumeBar if
-      // the VolumeBar is turned on.
-
-      if (typeof options.volumeBar === 'undefined' || isPlain(options.volumeBar)) {
-        options.volumeBar = options.volumeBar || {};
-        options.volumeBar.vertical = options.vertical;
-      }
-
-      _this = _Component.call(this, player, options) || this; // hide this control if volume support is missing
-
-      checkVolumeSupport(assertThisInitialized(_this), player);
-      _this.throttledHandleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-
-      _this.on('mousedown', _this.handleMouseDown);
-
-      _this.on('touchstart', _this.handleMouseDown); // while the slider is active (the mouse has been pressed down and
-      // is dragging) or in focus we do not want to hide the VolumeBar
-
-
-      _this.on(_this.volumeBar, ['focus', 'slideractive'], function () {
-        _this.volumeBar.addClass('vjs-slider-active');
-
-        _this.addClass('vjs-slider-active');
-
-        _this.trigger('slideractive');
-      });
-
-      _this.on(_this.volumeBar, ['blur', 'sliderinactive'], function () {
-        _this.volumeBar.removeClass('vjs-slider-active');
-
-        _this.removeClass('vjs-slider-active');
-
-        _this.trigger('sliderinactive');
-      });
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = VolumeControl.prototype;
-
-    _proto.createEl = function createEl() {
-      var orientationClass = 'vjs-volume-horizontal';
-
-      if (this.options_.vertical) {
-        orientationClass = 'vjs-volume-vertical';
-      }
-
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: "vjs-volume-control vjs-control " + orientationClass
-      });
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.el_.ownerDocument;
-      this.on(doc, 'mousemove', this.throttledHandleMouseMove);
-      this.on(doc, 'touchmove', this.throttledHandleMouseMove);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mouseup` or `touchend` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      var doc = this.el_.ownerDocument;
-      this.off(doc, 'mousemove', this.throttledHandleMouseMove);
-      this.off(doc, 'touchmove', this.throttledHandleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      this.volumeBar.handleMouseMove(event);
-    };
-
-    return VolumeControl;
-  }(Component);
-  /**
-   * Default options for the `VolumeControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumeControl.prototype.options_ = {
-    children: ['volumeBar']
-  };
-  Component.registerComponent('VolumeControl', VolumeControl);
-
-  /**
-   * Check if muting volume is supported and if it isn't hide the mute toggle
-   * button.
-   *
-   * @param {Component} self
-   *        A reference to the mute toggle button
-   *
-   * @param {Player} player
-   *        A reference to the player
-   *
-   * @private
-   */
-  var checkMuteSupport = function checkMuteSupport(self, player) {
-    // hide mute toggle button if it's not supported by the current tech
-    if (player.tech_ && !player.tech_.featuresMuteControl) {
-      self.addClass('vjs-hidden');
-    }
-
-    self.on(player, 'loadstart', function () {
-      if (!player.tech_.featuresMuteControl) {
-        self.addClass('vjs-hidden');
-      } else {
-        self.removeClass('vjs-hidden');
-      }
-    });
-  };
-
-  /**
-   * A button component for muting the audio.
-   *
-   * @extends Button
-   */
-
-  var MuteToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(MuteToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function MuteToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this; // hide this control if volume support is missing
-
-      checkMuteSupport(assertThisInitialized(_this), player);
-
-      _this.on(player, ['loadstart', 'volumechange'], _this.update);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = MuteToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-mute-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when an `MuteToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var vol = this.player_.volume();
-      var lastVolume = this.player_.lastVolume_();
-
-      if (vol === 0) {
-        var volumeToSet = lastVolume < 0.1 ? 0.1 : lastVolume;
-        this.player_.volume(volumeToSet);
-        this.player_.muted(false);
-      } else {
-        this.player_.muted(this.player_.muted() ? false : true);
-      }
-    }
-    /**
-     * Update the `MuteToggle` button based on the state of `volume` and `muted`
-     * on the player.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#loadstart} event if this function was called
-     *        through an event.
-     *
-     * @listens Player#loadstart
-     * @listens Player#volumechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      this.updateIcon_();
-      this.updateControlText_();
-    }
-    /**
-     * Update the appearance of the `MuteToggle` icon.
-     *
-     * Possible states (given `level` variable below):
-     * - 0: crossed out
-     * - 1: zero bars of volume
-     * - 2: one bar of volume
-     * - 3: two bars of volume
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateIcon_ = function updateIcon_() {
-      var vol = this.player_.volume();
-      var level = 3; // in iOS when a player is loaded with muted attribute
-      // and volume is changed with a native mute button
-      // we want to make sure muted state is updated
-
-      if (IS_IOS && this.player_.tech_ && this.player_.tech_.el_) {
-        this.player_.muted(this.player_.tech_.el_.muted);
-      }
-
-      if (vol === 0 || this.player_.muted()) {
-        level = 0;
-      } else if (vol < 0.33) {
-        level = 1;
-      } else if (vol < 0.67) {
-        level = 2;
-      } // TODO improve muted icon classes
-
-
-      for (var i = 0; i < 4; i++) {
-        removeClass(this.el_, "vjs-vol-" + i);
-      }
-
-      addClass(this.el_, "vjs-vol-" + level);
-    }
-    /**
-     * If `muted` has changed on the player, update the control text
-     * (`title` attribute on `vjs-mute-control` element and content of
-     * `vjs-control-text` element).
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateControlText_ = function updateControlText_() {
-      var soundOff = this.player_.muted() || this.player_.volume() === 0;
-      var text = soundOff ? 'Unmute' : 'Mute';
-
-      if (this.controlText() !== text) {
-        this.controlText(text);
-      }
-    };
-
-    return MuteToggle;
-  }(Button);
-  /**
-   * The text that should display over the `MuteToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  MuteToggle.prototype.controlText_ = 'Mute';
-  Component.registerComponent('MuteToggle', MuteToggle);
-
-  /**
-   * A Component to contain the MuteToggle and VolumeControl so that
-   * they can work together.
-   *
-   * @extends Component
-   */
-
-  var VolumePanel =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumePanel, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function VolumePanel(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (typeof options.inline !== 'undefined') {
-        options.inline = options.inline;
-      } else {
-        options.inline = true;
-      } // pass the inline option down to the VolumeControl as vertical if
-      // the VolumeControl is on.
-
-
-      if (typeof options.volumeControl === 'undefined' || isPlain(options.volumeControl)) {
-        options.volumeControl = options.volumeControl || {};
-        options.volumeControl.vertical = !options.inline;
-      }
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.on(player, ['loadstart'], _this.volumePanelState_);
-
-      _this.on(_this.muteToggle, 'keyup', _this.handleKeyPress);
-
-      _this.on(_this.volumeControl, 'keyup', _this.handleVolumeControlKeyUp);
-
-      _this.on('keydown', _this.handleKeyPress);
-
-      _this.on('mouseover', _this.handleMouseOver);
-
-      _this.on('mouseout', _this.handleMouseOut); // while the slider is active (the mouse has been pressed down and
-      // is dragging) we do not want to hide the VolumeBar
-
-
-      _this.on(_this.volumeControl, ['slideractive'], _this.sliderActive_);
-
-      _this.on(_this.volumeControl, ['sliderinactive'], _this.sliderInactive_);
-
-      return _this;
-    }
-    /**
-     * Add vjs-slider-active class to the VolumePanel
-     *
-     * @listens VolumeControl#slideractive
-     * @private
-     */
-
-
-    var _proto = VolumePanel.prototype;
-
-    _proto.sliderActive_ = function sliderActive_() {
-      this.addClass('vjs-slider-active');
-    }
-    /**
-     * Removes vjs-slider-active class to the VolumePanel
-     *
-     * @listens VolumeControl#sliderinactive
-     * @private
-     */
-    ;
-
-    _proto.sliderInactive_ = function sliderInactive_() {
-      this.removeClass('vjs-slider-active');
-    }
-    /**
-     * Adds vjs-hidden or vjs-mute-toggle-only to the VolumePanel
-     * depending on MuteToggle and VolumeControl state
-     *
-     * @listens Player#loadstart
-     * @private
-     */
-    ;
-
-    _proto.volumePanelState_ = function volumePanelState_() {
-      // hide volume panel if neither volume control or mute toggle
-      // are displayed
-      if (this.volumeControl.hasClass('vjs-hidden') && this.muteToggle.hasClass('vjs-hidden')) {
-        this.addClass('vjs-hidden');
-      } // if only mute toggle is visible we don't want
-      // volume panel expanding when hovered or active
-
-
-      if (this.volumeControl.hasClass('vjs-hidden') && !this.muteToggle.hasClass('vjs-hidden')) {
-        this.addClass('vjs-mute-toggle-only');
-      }
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var orientationClass = 'vjs-volume-panel-horizontal';
-
-      if (!this.options_.inline) {
-        orientationClass = 'vjs-volume-panel-vertical';
-      }
-
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: "vjs-volume-panel vjs-control " + orientationClass
-      });
-    }
-    /**
-     * Dispose of the `volume-panel` and all child components.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.handleMouseOut();
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Handles `keyup` events on the `VolumeControl`, looking for ESC, which closes
-     * the volume panel and sets focus on `MuteToggle`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keyup` event that caused this function to be called.
-     *
-     * @listens keyup
-     */
-    ;
-
-    _proto.handleVolumeControlKeyUp = function handleVolumeControlKeyUp(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        this.muteToggle.focus();
-      }
-    }
-    /**
-     * This gets called when a `VolumePanel` gains hover via a `mouseover` event.
-     * Turns on listening for `mouseover` event. When they happen it
-     * calls `this.handleMouseOver`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseover` event that caused this function to be called.
-     *
-     * @listens mouseover
-     */
-    ;
-
-    _proto.handleMouseOver = function handleMouseOver(event) {
-      this.addClass('vjs-hover');
-      on(document, 'keyup', bind(this, this.handleKeyPress));
-    }
-    /**
-     * This gets called when a `VolumePanel` gains hover via a `mouseout` event.
-     * Turns on listening for `mouseout` event. When they happen it
-     * calls `this.handleMouseOut`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseout` event that caused this function to be called.
-     *
-     * @listens mouseout
-     */
-    ;
-
-    _proto.handleMouseOut = function handleMouseOut(event) {
-      this.removeClass('vjs-hover');
-      off(document, 'keyup', bind(this, this.handleKeyPress));
-    }
-    /**
-     * Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
-     * looking for ESC, which hides the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        The keypress that triggered this event.
-     *
-     * @listens keydown | keyup
-     */
-    ;
-
-    _proto.handleKeyPress = function handleKeyPress(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        this.handleMouseOut();
-      }
-    };
-
-    return VolumePanel;
-  }(Component);
-  /**
-   * Default options for the `VolumeControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumePanel.prototype.options_ = {
-    children: ['muteToggle', 'volumeControl']
-  };
-  Component.registerComponent('VolumePanel', VolumePanel);
-
-  /**
-   * The Menu component is used to build popup menus, including subtitle and
-   * captions selection menus.
-   *
-   * @extends Component
-   */
-
-  var Menu =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Menu, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        the player that this component should attach to
-     *
-     * @param {Object} [options]
-     *        Object of option names and values
-     *
-     */
-    function Menu(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      if (options) {
-        _this.menuButton_ = options.menuButton;
-      }
-
-      _this.focusedChild_ = -1;
-
-      _this.on('keydown', _this.handleKeyDown); // All the menu item instances share the same blur handler provided by the menu container.
-
-
-      _this.boundHandleBlur_ = bind(assertThisInitialized(_this), _this.handleBlur);
-      _this.boundHandleTapClick_ = bind(assertThisInitialized(_this), _this.handleTapClick);
-      return _this;
-    }
-    /**
-     * Add event listeners to the {@link MenuItem}.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem` to add listeners to.
-     *
-     */
-
-
-    var _proto = Menu.prototype;
-
-    _proto.addEventListenerForItem = function addEventListenerForItem(component) {
-      if (!(component instanceof Component)) {
-        return;
-      }
-
-      this.on(component, 'blur', this.boundHandleBlur_);
-      this.on(component, ['tap', 'click'], this.boundHandleTapClick_);
-    }
-    /**
-     * Remove event listeners from the {@link MenuItem}.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem` to remove listeners.
-     *
-     */
-    ;
-
-    _proto.removeEventListenerForItem = function removeEventListenerForItem(component) {
-      if (!(component instanceof Component)) {
-        return;
-      }
-
-      this.off(component, 'blur', this.boundHandleBlur_);
-      this.off(component, ['tap', 'click'], this.boundHandleTapClick_);
-    }
-    /**
-     * This method will be called indirectly when the component has been added
-     * before the component adds to the new menu instance by `addItem`.
-     * In this case, the original menu instance will remove the component
-     * by calling `removeChild`.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem`
-     */
-    ;
-
-    _proto.removeChild = function removeChild(component) {
-      if (typeof component === 'string') {
-        component = this.getChild(component);
-      }
-
-      this.removeEventListenerForItem(component);
-
-      _Component.prototype.removeChild.call(this, component);
-    }
-    /**
-     * Add a {@link MenuItem} to the menu.
-     *
-     * @param {Object|string} component
-     *        The name or instance of the `MenuItem` to add.
-     *
-     */
-    ;
-
-    _proto.addItem = function addItem(component) {
-      var childComponent = this.addChild(component);
-
-      if (childComponent) {
-        this.addEventListenerForItem(childComponent);
-      }
-    }
-    /**
-     * Create the `Menu`s DOM element.
-     *
-     * @return {Element}
-     *         the element that was created
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var contentElType = this.options_.contentElType || 'ul';
-      this.contentEl_ = createEl(contentElType, {
-        className: 'vjs-menu-content'
-      });
-      this.contentEl_.setAttribute('role', 'menu');
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        append: this.contentEl_,
-        className: 'vjs-menu'
-      });
-
-      el.appendChild(this.contentEl_); // Prevent clicks from bubbling up. Needed for Menu Buttons,
-      // where a click on the parent is significant
-
-      on(el, 'click', function (event) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      });
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.boundHandleBlur_ = null;
-      this.boundHandleTapClick_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Called when a `MenuItem` loses focus.
-     *
-     * @param {EventTarget~Event} event
-     *        The `blur` event that caused this function to be called.
-     *
-     * @listens blur
-     */
-    ;
-
-    _proto.handleBlur = function handleBlur(event) {
-      var relatedTarget = event.relatedTarget || document.activeElement; // Close menu popup when a user clicks outside the menu
-
-      if (!this.children().some(function (element) {
-        return element.el() === relatedTarget;
-      })) {
-        var btn = this.menuButton_;
-
-        if (btn && btn.buttonPressed_ && relatedTarget !== btn.el().firstChild) {
-          btn.unpressButton();
-        }
-      }
-    }
-    /**
-     * Called when a `MenuItem` gets clicked or tapped.
-     *
-     * @param {EventTarget~Event} event
-     *        The `click` or `tap` event that caused this function to be called.
-     *
-     * @listens click,tap
-     */
-    ;
-
-    _proto.handleTapClick = function handleTapClick(event) {
-      // Unpress the associated MenuButton, and move focus back to it
-      if (this.menuButton_) {
-        this.menuButton_.unpressButton();
-        var childComponents = this.children();
-
-        if (!Array.isArray(childComponents)) {
-          return;
-        }
-
-        var foundComponent = childComponents.filter(function (component) {
-          return component.el() === event.target;
-        })[0];
-
-        if (!foundComponent) {
-          return;
-        } // don't focus menu button if item is a caption settings item
-        // because focus will move elsewhere
-
-
-        if (foundComponent.name() !== 'CaptionSettingsMenuItem') {
-          this.menuButton_.focus();
-        }
-      }
-    }
-    /**
-     * Handle a `keydown` event on this menu. This listener is added in the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        A `keydown` event that happened on the menu.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Left and Down Arrows
-      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward(); // Up and Right Arrows
-      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack();
-      }
-    }
-    /**
-     * Move to next (lower) menu item for keyboard users.
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      var stepChild = 0;
-
-      if (this.focusedChild_ !== undefined) {
-        stepChild = this.focusedChild_ + 1;
-      }
-
-      this.focus(stepChild);
-    }
-    /**
-     * Move to previous (higher) menu item for keyboard users.
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      var stepChild = 0;
-
-      if (this.focusedChild_ !== undefined) {
-        stepChild = this.focusedChild_ - 1;
-      }
-
-      this.focus(stepChild);
-    }
-    /**
-     * Set focus on a {@link MenuItem} in the `Menu`.
-     *
-     * @param {Object|string} [item=0]
-     *        Index of child item set focus on.
-     */
-    ;
-
-    _proto.focus = function focus(item) {
-      if (item === void 0) {
-        item = 0;
-      }
-
-      var children = this.children().slice();
-      var haveTitle = children.length && children[0].className && /vjs-menu-title/.test(children[0].className);
-
-      if (haveTitle) {
-        children.shift();
-      }
-
-      if (children.length > 0) {
-        if (item < 0) {
-          item = 0;
-        } else if (item >= children.length) {
-          item = children.length - 1;
-        }
-
-        this.focusedChild_ = item;
-        children[item].el_.focus();
-      }
-    };
-
-    return Menu;
-  }(Component);
-
-  Component.registerComponent('Menu', Menu);
-
-  /**
-   * A `MenuButton` class for any popup {@link Menu}.
-   *
-   * @extends Component
-   */
-
-  var MenuButton =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MenuButton, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function MenuButton(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _Component.call(this, player, options) || this;
-      _this.menuButton_ = new Button(player, options);
-
-      _this.menuButton_.controlText(_this.controlText_);
-
-      _this.menuButton_.el_.setAttribute('aria-haspopup', 'true'); // Add buildCSSClass values to the button, not the wrapper
-
-
-      var buttonClass = Button.prototype.buildCSSClass();
-      _this.menuButton_.el_.className = _this.buildCSSClass() + ' ' + buttonClass;
-
-      _this.menuButton_.removeClass('vjs-control');
-
-      _this.addChild(_this.menuButton_);
-
-      _this.update();
-
-      _this.enabled_ = true;
-
-      _this.on(_this.menuButton_, 'tap', _this.handleClick);
-
-      _this.on(_this.menuButton_, 'click', _this.handleClick);
-
-      _this.on(_this.menuButton_, 'keydown', _this.handleKeyDown);
-
-      _this.on(_this.menuButton_, 'mouseenter', function () {
-        _this.addClass('vjs-hover');
-
-        _this.menu.show();
-
-        on(document, 'keyup', bind(assertThisInitialized(_this), _this.handleMenuKeyUp));
-      });
-
-      _this.on('mouseleave', _this.handleMouseLeave);
-
-      _this.on('keydown', _this.handleSubmenuKeyDown);
-
-      return _this;
-    }
-    /**
-     * Update the menu based on the current state of its items.
-     */
-
-
-    var _proto = MenuButton.prototype;
-
-    _proto.update = function update() {
-      var menu = this.createMenu();
-
-      if (this.menu) {
-        this.menu.dispose();
-        this.removeChild(this.menu);
-      }
-
-      this.menu = menu;
-      this.addChild(menu);
-      /**
-       * Track the state of the menu button
-       *
-       * @type {Boolean}
-       * @private
-       */
-
-      this.buttonPressed_ = false;
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-
-      if (this.items && this.items.length <= this.hideThreshold_) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    /**
-     * Create the menu and add all items to it.
-     *
-     * @return {Menu}
-     *         The constructed menu
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      var menu = new Menu(this.player_, {
-        menuButton: this
-      });
-      /**
-       * Hide the menu if the number of items is less than or equal to this threshold. This defaults
-       * to 0 and whenever we add items which can be hidden to the menu we'll increment it. We list
-       * it here because every time we run `createMenu` we need to reset the value.
-       *
-       * @protected
-       * @type {Number}
-       */
-
-      this.hideThreshold_ = 0; // Add a title list item to the top
-
-      if (this.options_.title) {
-        var titleEl = createEl('li', {
-          className: 'vjs-menu-title',
-          innerHTML: toTitleCase(this.options_.title),
-          tabIndex: -1
-        });
-        this.hideThreshold_ += 1;
-        var titleComponent = new Component(this.player_, {
-          el: titleEl
-        });
-        menu.addItem(titleComponent);
-      }
-
-      this.items = this.createItems();
-
-      if (this.items) {
-        // Add menu items to the menu
-        for (var i = 0; i < this.items.length; i++) {
-          menu.addItem(this.items[i]);
-        }
-      }
-
-      return menu;
-    }
-    /**
-     * Create the list of menu items. Specific to each subclass.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.createItems = function createItems() {}
-    /**
-     * Create the `MenuButtons`s DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildWrapperCSSClass()
-      }, {});
-    }
-    /**
-     * Allow sub components to stack CSS class names for the wrapper element
-     *
-     * @return {string}
-     *         The constructed wrapper DOM `className`
-     */
-    ;
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-      if (this.options_.inline === true) {
-        menuButtonClass += '-inline';
-      } else {
-        menuButtonClass += '-popup';
-      } // TODO: Fix the CSS so that this isn't necessary
-
-
-      var buttonClass = Button.prototype.buildCSSClass();
-      return "vjs-menu-button " + menuButtonClass + " " + buttonClass + " " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-      if (this.options_.inline === true) {
-        menuButtonClass += '-inline';
-      } else {
-        menuButtonClass += '-popup';
-      }
-
-      return "vjs-menu-button " + menuButtonClass + " " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Get or set the localized control text that will be used for accessibility.
-     *
-     * > NOTE: This will come from the internal `menuButton_` element.
-     *
-     * @param {string} [text]
-     *        Control text for element.
-     *
-     * @param {Element} [el=this.menuButton_.el()]
-     *        Element to set the title on.
-     *
-     * @return {string}
-     *         - The control text when getting
-     */
-    ;
-
-    _proto.controlText = function controlText(text, el) {
-      if (el === void 0) {
-        el = this.menuButton_.el();
-      }
-
-      return this.menuButton_.controlText(text, el);
-    }
-    /**
-     * Dispose of the `menu-button` and all child components.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.handleMouseLeave();
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Handle a click on a `MenuButton`.
-     * See {@link ClickableComponent#handleClick} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      } else {
-        this.pressButton();
-      }
-    }
-    /**
-     * Handle `mouseleave` for `MenuButton`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseleave` event that caused this function to be called.
-     *
-     * @listens mouseleave
-     */
-    ;
-
-    _proto.handleMouseLeave = function handleMouseLeave(event) {
-      this.removeClass('vjs-hover');
-      off(document, 'keyup', bind(this, this.handleMenuKeyUp));
-    }
-    /**
-     * Set the focus to the actual button, not to this element
-     */
-    ;
-
-    _proto.focus = function focus() {
-      this.menuButton_.focus();
-    }
-    /**
-     * Remove the focus from the actual button, not this element
-     */
-    ;
-
-    _proto.blur = function blur() {
-      this.menuButton_.blur();
-    }
-    /**
-     * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Escape or Tab unpress the 'button'
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        if (this.buttonPressed_) {
-          this.unpressButton();
-        } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-        if (!keycode.isEventKey(event, 'Tab')) {
-          event.preventDefault(); // Set focus back to the menu button's button
-
-          this.menuButton_.focus();
-        } // Up Arrow or Down Arrow also 'press' the button to open the menu
-
-      } else if (keycode.isEventKey(event, 'Up') || keycode.isEventKey(event, 'Down')) {
-        if (!this.buttonPressed_) {
-          event.preventDefault();
-          this.pressButton();
-        }
-      }
-    }
-    /**
-     * Handle a `keyup` event on a `MenuButton`. The listener for this is added in
-     * the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        Key press event
-     *
-     * @listens keyup
-     */
-    ;
-
-    _proto.handleMenuKeyUp = function handleMenuKeyUp(event) {
-      // Escape hides popup menu
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        this.removeClass('vjs-hover');
-      }
-    }
-    /**
-     * This method name now delegates to `handleSubmenuKeyDown`. This means
-     * anyone calling `handleSubmenuKeyPress` will not see their method calls
-     * stop working.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-      this.handleSubmenuKeyDown(event);
-    }
-    /**
-     * Handle a `keydown` event on a sub-menu. The listener for this is added in
-     * the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        Key press event
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleSubmenuKeyDown = function handleSubmenuKeyDown(event) {
-      // Escape or Tab unpress the 'button'
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        if (this.buttonPressed_) {
-          this.unpressButton();
-        } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-        if (!keycode.isEventKey(event, 'Tab')) {
-          event.preventDefault(); // Set focus back to the menu button's button
-
-          this.menuButton_.focus();
-        }
-      }
-    }
-    /**
-     * Put the current `MenuButton` into a pressed state.
-     */
-    ;
-
-    _proto.pressButton = function pressButton() {
-      if (this.enabled_) {
-        this.buttonPressed_ = true;
-        this.menu.show();
-        this.menu.lockShowing();
-        this.menuButton_.el_.setAttribute('aria-expanded', 'true'); // set the focus into the submenu, except on iOS where it is resulting in
-        // undesired scrolling behavior when the player is in an iframe
-
-        if (IS_IOS && isInFrame()) {
-          // Return early so that the menu isn't focused
-          return;
-        }
-
-        this.menu.focus();
-      }
-    }
-    /**
-     * Take the current `MenuButton` out of a pressed state.
-     */
-    ;
-
-    _proto.unpressButton = function unpressButton() {
-      if (this.enabled_) {
-        this.buttonPressed_ = false;
-        this.menu.unlockShowing();
-        this.menu.hide();
-        this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-      }
-    }
-    /**
-     * Disable the `MenuButton`. Don't allow it to be clicked.
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.unpressButton();
-      this.enabled_ = false;
-      this.addClass('vjs-disabled');
-      this.menuButton_.disable();
-    }
-    /**
-     * Enable the `MenuButton`. Allow it to be clicked.
-     */
-    ;
-
-    _proto.enable = function enable() {
-      this.enabled_ = true;
-      this.removeClass('vjs-disabled');
-      this.menuButton_.enable();
-    };
-
-    return MenuButton;
-  }(Component);
-
-  Component.registerComponent('MenuButton', MenuButton);
-
-  /**
-   * The base class for buttons that toggle specific  track types (e.g. subtitles).
-   *
-   * @extends MenuButton
-   */
-
-  var TrackButton =
-  /*#__PURE__*/
-  function (_MenuButton) {
-    inheritsLoose(TrackButton, _MenuButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TrackButton(player, options) {
-      var _this;
-
-      var tracks = options.tracks;
-      _this = _MenuButton.call(this, player, options) || this;
-
-      if (_this.items.length <= 1) {
-        _this.hide();
-      }
-
-      if (!tracks) {
-        return assertThisInitialized(_this);
-      }
-
-      var updateHandler = bind(assertThisInitialized(_this), _this.update);
-      tracks.addEventListener('removetrack', updateHandler);
-      tracks.addEventListener('addtrack', updateHandler);
-
-      _this.player_.on('ready', updateHandler);
-
-      _this.player_.on('dispose', function () {
-        tracks.removeEventListener('removetrack', updateHandler);
-        tracks.removeEventListener('addtrack', updateHandler);
-      });
-
-      return _this;
-    }
-
-    return TrackButton;
-  }(MenuButton);
-
-  Component.registerComponent('TrackButton', TrackButton);
-
-  /**
-   * @file menu-keys.js
-   */
-
-  /**
-    * All keys used for operation of a menu (`MenuButton`, `Menu`, and `MenuItem`)
-    * Note that 'Enter' and 'Space' are not included here (otherwise they would
-    * prevent the `MenuButton` and `MenuItem` from being keyboard-clickable)
-    * @typedef MenuKeys
-    * @array
-    */
-  var MenuKeys = ['Tab', 'Esc', 'Up', 'Down', 'Right', 'Left'];
-
-  /**
-   * The component for a menu item. `<li>`
-   *
-   * @extends ClickableComponent
-   */
-
-  var MenuItem =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(MenuItem, _ClickableComponent);
-
-    /**
-     * Creates an instance of the this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     *
-     */
-    function MenuItem(player, options) {
-      var _this;
-
-      _this = _ClickableComponent.call(this, player, options) || this;
-      _this.selectable = options.selectable;
-      _this.isSelected_ = options.selected || false;
-      _this.multiSelectable = options.multiSelectable;
-
-      _this.selected(_this.isSelected_);
-
-      if (_this.selectable) {
-        if (_this.multiSelectable) {
-          _this.el_.setAttribute('role', 'menuitemcheckbox');
-        } else {
-          _this.el_.setAttribute('role', 'menuitemradio');
-        }
-      } else {
-        _this.el_.setAttribute('role', 'menuitem');
-      }
-
-      return _this;
-    }
-    /**
-     * Create the `MenuItem's DOM element
-     *
-     * @param {string} [type=li]
-     *        Element's node type, not actually used, always set to `li`.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element
-     *
-     * @param {Object} [attrs={}]
-     *        An object of attributes that should be set on the element
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-
-
-    var _proto = MenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      // The control is textual, not just an icon
-      this.nonIconControl = true;
-      return _ClickableComponent.prototype.createEl.call(this, 'li', assign({
-        className: 'vjs-menu-item',
-        innerHTML: "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label) + "</span>",
-        tabIndex: -1
-      }, props), attrs);
-    }
-    /**
-     * Ignore keys which are used by the menu, but pass any other ones up. See
-     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (!MenuKeys.some(function (key) {
-        return keycode.isEventKey(event, key);
-      })) {
-        // Pass keydown handling up for unused keys
-        _ClickableComponent.prototype.handleKeyDown.call(this, event);
-      }
-    }
-    /**
-     * Any click on a `MenuItem` puts it into the selected state.
-     * See {@link ClickableComponent#handleClick} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      this.selected(true);
-    }
-    /**
-     * Set the state for this menu item as selected or not.
-     *
-     * @param {boolean} selected
-     *        if the menu item is selected or not
-     */
-    ;
-
-    _proto.selected = function selected(_selected) {
-      if (this.selectable) {
-        if (_selected) {
-          this.addClass('vjs-selected');
-          this.el_.setAttribute('aria-checked', 'true'); // aria-checked isn't fully supported by browsers/screen readers,
-          // so indicate selected state to screen reader in the control text.
-
-          this.controlText(', selected');
-          this.isSelected_ = true;
-        } else {
-          this.removeClass('vjs-selected');
-          this.el_.setAttribute('aria-checked', 'false'); // Indicate un-selected state to screen reader
-
-          this.controlText('');
-          this.isSelected_ = false;
-        }
-      }
-    };
-
-    return MenuItem;
-  }(ClickableComponent);
-
-  Component.registerComponent('MenuItem', MenuItem);
-
-  /**
-   * The specific menu item type for selecting a language within a text track kind
-   *
-   * @extends MenuItem
-   */
-
-  var TextTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(TextTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TextTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var tracks = player.textTracks(); // Modify options for parent MenuItem class's init.
-
-      options.label = track.label || track.language || 'Unknown';
-      options.selected = track.mode === 'showing';
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track; // Determine the relevant kind(s) of tracks for this component and filter
-      // out empty kinds.
-
-      _this.kinds = (options.kinds || [options.kind || _this.track.kind]).filter(Boolean);
-
-      var changeHandler = function changeHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
-      };
-
-      var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        _this.handleSelectedLanguageChange.apply(assertThisInitialized(_this), args);
-      };
-
-      player.on(['loadstart', 'texttrackchange'], changeHandler);
-      tracks.addEventListener('change', changeHandler);
-      tracks.addEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-
-      _this.on('dispose', function () {
-        player.off(['loadstart', 'texttrackchange'], changeHandler);
-        tracks.removeEventListener('change', changeHandler);
-        tracks.removeEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-      }); // iOS7 doesn't dispatch change events to TextTrackLists when an
-      // associated track's mode changes. Without something like
-      // Object.observe() (also not present on iOS7), it's not
-      // possible to detect changes to the mode attribute and polyfill
-      // the change event. As a poor substitute, we manually dispatch
-      // change events whenever the controls modify the mode.
-
-
-      if (tracks.onchange === undefined) {
-        var event;
-
-        _this.on(['tap', 'click'], function () {
-          if (typeof window$1.Event !== 'object') {
-            // Android 2.3 throws an Illegal Constructor error for window.Event
-            try {
-              event = new window$1.Event('change');
-            } catch (err) {// continue regardless of error
-            }
-          }
-
-          if (!event) {
-            event = document.createEvent('Event');
-            event.initEvent('change', true, true);
-          }
-
-          tracks.dispatchEvent(event);
-        });
-      } // set the default state based on current tracks
-
-
-      _this.handleTracksChange();
-
-      return _this;
-    }
-    /**
-     * This gets called when an `TextTrackMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = TextTrackMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      var referenceTrack = this.track;
-      var tracks = this.player_.textTracks();
-
-      _MenuItem.prototype.handleClick.call(this, event);
-
-      if (!tracks) {
-        return;
-      }
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // If the track from the text tracks list is not of the right kind,
-        // skip it. We do not want to affect tracks of incompatible kind(s).
-
-        if (this.kinds.indexOf(track.kind) === -1) {
-          continue;
-        } // If this text track is the component's track and it is not showing,
-        // set it to showing.
-
-
-        if (track === referenceTrack) {
-          if (track.mode !== 'showing') {
-            track.mode = 'showing';
-          } // If this text track is not the component's track and it is not
-          // disabled, set it to disabled.
-
-        } else if (track.mode !== 'disabled') {
-          track.mode = 'disabled';
-        }
-      }
-    }
-    /**
-     * Handle text track list change
-     *
-     * @param {EventTarget~Event} event
-     *        The `change` event that caused this function to be called.
-     *
-     * @listens TextTrackList#change
-     */
-    ;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var shouldBeSelected = this.track.mode === 'showing'; // Prevent redundant selected() calls because they may cause
-      // screen readers to read the appended control text unnecessarily
-
-      if (shouldBeSelected !== this.isSelected_) {
-        this.selected(shouldBeSelected);
-      }
-    };
-
-    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-      if (this.track.mode === 'showing') {
-        var selectedLanguage = this.player_.cache_.selectedLanguage; // Don't replace the kind of track across the same language
-
-        if (selectedLanguage && selectedLanguage.enabled && selectedLanguage.language === this.track.language && selectedLanguage.kind !== this.track.kind) {
-          return;
-        }
-
-        this.player_.cache_.selectedLanguage = {
-          enabled: true,
-          language: this.track.language,
-          kind: this.track.kind
-        };
-      }
-    };
-
-    _proto.dispose = function dispose() {
-      // remove reference to track object on dispose
-      this.track = null;
-
-      _MenuItem.prototype.dispose.call(this);
-    };
-
-    return TextTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
-
-  /**
-   * A special menu item for turning of a specific type of text track
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var OffTextTrackMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(OffTextTrackMenuItem, _TextTrackMenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function OffTextTrackMenuItem(player, options) {
-      // Create pseudo track info
-      // Requires options['kind']
-      options.track = {
-        player: player,
-        // it is no longer necessary to store `kind` or `kinds` on the track itself
-        // since they are now stored in the `kinds` property of all instances of
-        // TextTrackMenuItem, but this will remain for backwards compatibility
-        kind: options.kind,
-        kinds: options.kinds,
-        "default": false,
-        mode: 'disabled'
-      };
-
-      if (!options.kinds) {
-        options.kinds = [options.kind];
-      }
-
-      if (options.label) {
-        options.track.label = options.label;
-      } else {
-        options.track.label = options.kinds.join(' and ') + ' off';
-      } // MenuItem is selectable
-
-
-      options.selectable = true; // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-
-      options.multiSelectable = false;
-      return _TextTrackMenuItem.call(this, player, options) || this;
-    }
-    /**
-     * Handle text track change
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run
-     */
-
-
-    var _proto = OffTextTrackMenuItem.prototype;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var tracks = this.player().textTracks();
-      var shouldBeSelected = true;
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (this.options_.kinds.indexOf(track.kind) > -1 && track.mode === 'showing') {
-          shouldBeSelected = false;
-          break;
-        }
-      } // Prevent redundant selected() calls because they may cause
-      // screen readers to read the appended control text unnecessarily
-
-
-      if (shouldBeSelected !== this.isSelected_) {
-        this.selected(shouldBeSelected);
-      }
-    };
-
-    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-      var tracks = this.player().textTracks();
-      var allHidden = true;
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (['captions', 'descriptions', 'subtitles'].indexOf(track.kind) > -1 && track.mode === 'showing') {
-          allHidden = false;
-          break;
-        }
-      }
-
-      if (allHidden) {
-        this.player_.cache_.selectedLanguage = {
-          enabled: false
-        };
-      }
-    };
-
-    return OffTextTrackMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
-
-  /**
-   * The base class for buttons that toggle specific text track types (e.g. subtitles)
-   *
-   * @extends MenuButton
-   */
-
-  var TextTrackButton =
-  /*#__PURE__*/
-  function (_TrackButton) {
-    inheritsLoose(TextTrackButton, _TrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function TextTrackButton(player, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.tracks = player.textTracks();
-      return _TrackButton.call(this, player, options) || this;
-    }
-    /**
-     * Create a menu item for each text track
-     *
-     * @param {TextTrackMenuItem[]} [items=[]]
-     *        Existing array of items to use during creation
-     *
-     * @return {TextTrackMenuItem[]}
-     *         Array of menu items that were created
-     */
-
-
-    var _proto = TextTrackButton.prototype;
-
-    _proto.createItems = function createItems(items, TrackMenuItem) {
-      if (items === void 0) {
-        items = [];
-      }
-
-      if (TrackMenuItem === void 0) {
-        TrackMenuItem = TextTrackMenuItem;
-      }
-
-      // Label is an override for the [track] off label
-      // USed to localise captions/subtitles
-      var label;
-
-      if (this.label_) {
-        label = this.label_ + " off";
-      } // Add an OFF menu item to turn all tracks off
-
-
-      items.push(new OffTextTrackMenuItem(this.player_, {
-        kinds: this.kinds_,
-        kind: this.kind_,
-        label: label
-      }));
-      this.hideThreshold_ += 1;
-      var tracks = this.player_.textTracks();
-
-      if (!Array.isArray(this.kinds_)) {
-        this.kinds_ = [this.kind_];
-      }
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // only add tracks that are of an appropriate kind and have a label
-
-        if (this.kinds_.indexOf(track.kind) > -1) {
-          var item = new TrackMenuItem(this.player_, {
-            track: track,
-            kinds: this.kinds_,
-            kind: this.kind_,
-            // MenuItem is selectable
-            selectable: true,
-            // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-            multiSelectable: false
-          });
-          item.addClass("vjs-" + track.kind + "-menu-item");
-          items.push(item);
-        }
-      }
-
-      return items;
-    };
-
-    return TextTrackButton;
-  }(TrackButton);
-
-  Component.registerComponent('TextTrackButton', TextTrackButton);
-
-  /**
-   * The chapter track menu item
-   *
-   * @extends MenuItem
-   */
-
-  var ChaptersTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(ChaptersTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function ChaptersTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var cue = options.cue;
-      var currentTime = player.currentTime(); // Modify options for parent MenuItem class's init.
-
-      options.selectable = true;
-      options.multiSelectable = false;
-      options.label = cue.text;
-      options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track;
-      _this.cue = cue;
-      track.addEventListener('cuechange', bind(assertThisInitialized(_this), _this.update));
-      return _this;
-    }
-    /**
-     * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = ChaptersTrackMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      _MenuItem.prototype.handleClick.call(this);
-
-      this.player_.currentTime(this.cue.startTime);
-      this.update(this.cue.startTime);
-    }
-    /**
-     * Update chapter menu item
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `cuechange` event that caused this function to run.
-     *
-     * @listens TextTrack#cuechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var cue = this.cue;
-      var currentTime = this.player_.currentTime(); // vjs.log(currentTime, cue.startTime);
-
-      this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
-    };
-
-    return ChaptersTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
-
-  /**
-   * The button component for toggling and selecting chapters
-   * Chapters act much differently than other text tracks
-   * Cues are navigation vs. other tracks of alternative languages
-   *
-   * @extends TextTrackButton
-   */
-
-  var ChaptersButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(ChaptersButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this function is ready.
-     */
-    function ChaptersButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = ChaptersButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-chapters-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-chapters-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Update the menu based on the current state of its items.
-     *
-     * @param {EventTarget~Event} [event]
-     *        An event that triggered this function to run.
-     *
-     * @listens TextTrackList#addtrack
-     * @listens TextTrackList#removetrack
-     * @listens TextTrackList#change
-     */
-    ;
-
-    _proto.update = function update(event) {
-      if (!this.track_ || event && (event.type === 'addtrack' || event.type === 'removetrack')) {
-        this.setTrack(this.findChaptersTrack());
-      }
-
-      _TextTrackButton.prototype.update.call(this);
-    }
-    /**
-     * Set the currently selected track for the chapters button.
-     *
-     * @param {TextTrack} track
-     *        The new track to select. Nothing will change if this is the currently selected
-     *        track.
-     */
-    ;
-
-    _proto.setTrack = function setTrack(track) {
-      if (this.track_ === track) {
-        return;
-      }
-
-      if (!this.updateHandler_) {
-        this.updateHandler_ = this.update.bind(this);
-      } // here this.track_ refers to the old track instance
-
-
-      if (this.track_) {
-        var remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-        if (remoteTextTrackEl) {
-          remoteTextTrackEl.removeEventListener('load', this.updateHandler_);
-        }
-
-        this.track_ = null;
-      }
-
-      this.track_ = track; // here this.track_ refers to the new track instance
-
-      if (this.track_) {
-        this.track_.mode = 'hidden';
-
-        var _remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-        if (_remoteTextTrackEl) {
-          _remoteTextTrackEl.addEventListener('load', this.updateHandler_);
-        }
-      }
-    }
-    /**
-     * Find the track object that is currently in use by this ChaptersButton
-     *
-     * @return {TextTrack|undefined}
-     *         The current track or undefined if none was found.
-     */
-    ;
-
-    _proto.findChaptersTrack = function findChaptersTrack() {
-      var tracks = this.player_.textTracks() || [];
-
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        // We will always choose the last track as our chaptersTrack
-        var track = tracks[i];
-
-        if (track.kind === this.kind_) {
-          return track;
-        }
-      }
-    }
-    /**
-     * Get the caption for the ChaptersButton based on the track label. This will also
-     * use the current tracks localized kind as a fallback if a label does not exist.
-     *
-     * @return {string}
-     *         The tracks current label or the localized track kind.
-     */
-    ;
-
-    _proto.getMenuCaption = function getMenuCaption() {
-      if (this.track_ && this.track_.label) {
-        return this.track_.label;
-      }
-
-      return this.localize(toTitleCase(this.kind_));
-    }
-    /**
-     * Create menu from chapter track
-     *
-     * @return {Menu}
-     *         New menu for the chapter buttons
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      this.options_.title = this.getMenuCaption();
-      return _TextTrackButton.prototype.createMenu.call(this);
-    }
-    /**
-     * Create a menu item for each text track
-     *
-     * @return {TextTrackMenuItem[]}
-     *         Array of menu items
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!this.track_) {
-        return items;
-      }
-
-      var cues = this.track_.cues;
-
-      if (!cues) {
-        return items;
-      }
-
-      for (var i = 0, l = cues.length; i < l; i++) {
-        var cue = cues[i];
-        var mi = new ChaptersTrackMenuItem(this.player_, {
-          track: this.track_,
-          cue: cue
-        });
-        items.push(mi);
-      }
-
-      return items;
-    };
-
-    return ChaptersButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  ChaptersButton.prototype.kind_ = 'chapters';
-  /**
-   * The text that should display over the `ChaptersButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  ChaptersButton.prototype.controlText_ = 'Chapters';
-  Component.registerComponent('ChaptersButton', ChaptersButton);
-
-  /**
-   * The button component for toggling and selecting descriptions
-   *
-   * @extends TextTrackButton
-   */
-
-  var DescriptionsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(DescriptionsButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function DescriptionsButton(player, options, ready) {
-      var _this;
-
-      _this = _TextTrackButton.call(this, player, options, ready) || this;
-      var tracks = player.textTracks();
-      var changeHandler = bind(assertThisInitialized(_this), _this.handleTracksChange);
-      tracks.addEventListener('change', changeHandler);
-
-      _this.on('dispose', function () {
-        tracks.removeEventListener('change', changeHandler);
-      });
-
-      return _this;
-    }
-    /**
-     * Handle text track change
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run
-     *
-     * @listens TextTrackList#change
-     */
-
-
-    var _proto = DescriptionsButton.prototype;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var tracks = this.player().textTracks();
-      var disabled = false; // Check whether a track of a different kind is showing
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (track.kind !== this.kind_ && track.mode === 'showing') {
-          disabled = true;
-          break;
-        }
-      } // If another track is showing, disable this menu button
-
-
-      if (disabled) {
-        this.disable();
-      } else {
-        this.enable();
-      }
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    };
-
-    return DescriptionsButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  DescriptionsButton.prototype.kind_ = 'descriptions';
-  /**
-   * The text that should display over the `DescriptionsButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  DescriptionsButton.prototype.controlText_ = 'Descriptions';
-  Component.registerComponent('DescriptionsButton', DescriptionsButton);
-
-  /**
-   * The button component for toggling and selecting subtitles
-   *
-   * @extends TextTrackButton
-   */
-
-  var SubtitlesButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(SubtitlesButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function SubtitlesButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = SubtitlesButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    };
-
-    return SubtitlesButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  SubtitlesButton.prototype.kind_ = 'subtitles';
-  /**
-   * The text that should display over the `SubtitlesButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  SubtitlesButton.prototype.controlText_ = 'Subtitles';
-  Component.registerComponent('SubtitlesButton', SubtitlesButton);
-
-  /**
-   * The menu item for caption track settings menu
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var CaptionSettingsMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(CaptionSettingsMenuItem, _TextTrackMenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function CaptionSettingsMenuItem(player, options) {
-      var _this;
-
-      options.track = {
-        player: player,
-        kind: options.kind,
-        label: options.kind + ' settings',
-        selectable: false,
-        "default": false,
-        mode: 'disabled'
-      }; // CaptionSettingsMenuItem has no concept of 'selected'
-
-      options.selectable = false;
-      options.name = 'CaptionSettingsMenuItem';
-      _this = _TextTrackMenuItem.call(this, player, options) || this;
-
-      _this.addClass('vjs-texttrack-settings');
-
-      _this.controlText(', opens ' + options.kind + ' settings dialog');
-
-      return _this;
-    }
-    /**
-     * This gets called when an `CaptionSettingsMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = CaptionSettingsMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      this.player().getChild('textTrackSettings').open();
-    };
-
-    return CaptionSettingsMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-  /**
-   * The button component for toggling and selecting captions
-   *
-   * @extends TextTrackButton
-   */
-
-  var CaptionsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(CaptionsButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function CaptionsButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = CaptionsButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-captions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-captions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create caption menu items
-     *
-     * @return {CaptionSettingsMenuItem[]}
-     *         The array of current menu items.
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-        items.push(new CaptionSettingsMenuItem(this.player_, {
-          kind: this.kind_
-        }));
-        this.hideThreshold_ += 1;
-      }
-
-      return _TextTrackButton.prototype.createItems.call(this, items);
-    };
-
-    return CaptionsButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  CaptionsButton.prototype.kind_ = 'captions';
-  /**
-   * The text that should display over the `CaptionsButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  CaptionsButton.prototype.controlText_ = 'Captions';
-  Component.registerComponent('CaptionsButton', CaptionsButton);
-
-  /**
-   * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
-   * in the SubsCapsMenu.
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var SubsCapsMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(SubsCapsMenuItem, _TextTrackMenuItem);
-
-    function SubsCapsMenuItem() {
-      return _TextTrackMenuItem.apply(this, arguments) || this;
-    }
-
-    var _proto = SubsCapsMenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-      if (this.options_.track.kind === 'captions') {
-        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Captions') + "</span>\n      ";
-      }
-
-      innerHTML += '</span>';
-
-      var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({
-        innerHTML: innerHTML
-      }, props), attrs);
-
-      return el;
-    };
-
-    return SubsCapsMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
-
-  /**
-   * The button component for toggling and selecting captions and/or subtitles
-   *
-   * @extends TextTrackButton
-   */
-
-  var SubsCapsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(SubsCapsButton, _TextTrackButton);
-
-    function SubsCapsButton(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _TextTrackButton.call(this, player, options) || this; // Although North America uses "captions" in most cases for
-      // "captions and subtitles" other locales use "subtitles"
-
-      _this.label_ = 'subtitles';
-
-      if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(_this.player_.language_) > -1) {
-        _this.label_ = 'captions';
-      }
-
-      _this.menuButton_.controlText(toTitleCase(_this.label_));
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = SubsCapsButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create caption/subtitles menu items
-     *
-     * @return {CaptionSettingsMenuItem[]}
-     *         The array of current menu items.
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-        items.push(new CaptionSettingsMenuItem(this.player_, {
-          kind: this.label_
-        }));
-        this.hideThreshold_ += 1;
-      }
-
-      items = _TextTrackButton.prototype.createItems.call(this, items, SubsCapsMenuItem);
-      return items;
-    };
-
-    return SubsCapsButton;
-  }(TextTrackButton);
-  /**
-   * `kind`s of TextTrack to look for to associate it with this menu.
-   *
-   * @type {array}
-   * @private
-   */
-
-
-  SubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'];
-  /**
-   * The text that should display over the `SubsCapsButton`s controls.
-   *
-   *
-   * @type {string}
-   * @private
-   */
-
-  SubsCapsButton.prototype.controlText_ = 'Subtitles';
-  Component.registerComponent('SubsCapsButton', SubsCapsButton);
-
-  /**
-   * An {@link AudioTrack} {@link MenuItem}
-   *
-   * @extends MenuItem
-   */
-
-  var AudioTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(AudioTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function AudioTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var tracks = player.audioTracks(); // Modify options for parent MenuItem class's init.
-
-      options.label = track.label || track.language || 'Unknown';
-      options.selected = track.enabled;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track;
-
-      _this.addClass("vjs-" + track.kind + "-menu-item");
-
-      var changeHandler = function changeHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
-      };
-
-      tracks.addEventListener('change', changeHandler);
-
-      _this.on('dispose', function () {
-        tracks.removeEventListener('change', changeHandler);
-      });
-
-      return _this;
-    }
-
-    var _proto = AudioTrackMenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-      if (this.options_.track.kind === 'main-desc') {
-        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Descriptions') + "</span>\n      ";
-      }
-
-      innerHTML += '</span>';
-
-      var el = _MenuItem.prototype.createEl.call(this, type, assign({
-        innerHTML: innerHTML
-      }, props), attrs);
-
-      return el;
-    }
-    /**
-     * This gets called when an `AudioTrackMenuItem is "clicked". See {@link ClickableComponent}
-     * for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var tracks = this.player_.audioTracks();
-
-      _MenuItem.prototype.handleClick.call(this, event);
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        track.enabled = track === this.track;
-      }
-    }
-    /**
-     * Handle any {@link AudioTrack} change.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link AudioTrackList#change} event that caused this to run.
-     *
-     * @listens AudioTrackList#change
-     */
-    ;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      this.selected(this.track.enabled);
-    };
-
-    return AudioTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-  /**
-   * The base class for buttons that toggle specific {@link AudioTrack} types.
-   *
-   * @extends TrackButton
-   */
-
-  var AudioTrackButton =
-  /*#__PURE__*/
-  function (_TrackButton) {
-    inheritsLoose(AudioTrackButton, _TrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function AudioTrackButton(player, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.tracks = player.audioTracks();
-      return _TrackButton.call(this, player, options) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = AudioTrackButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-audio-button " + _TrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-audio-button " + _TrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create a menu item for each audio track
-     *
-     * @param {AudioTrackMenuItem[]} [items=[]]
-     *        An array of existing menu items to use.
-     *
-     * @return {AudioTrackMenuItem[]}
-     *         An array of menu items
-     */
-    ;
-
-    _proto.createItems = function createItems(items) {
-      if (items === void 0) {
-        items = [];
-      }
-
-      // if there's only one audio track, there no point in showing it
-      this.hideThreshold_ = 1;
-      var tracks = this.player_.audioTracks();
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        items.push(new AudioTrackMenuItem(this.player_, {
-          track: track,
-          // MenuItem is selectable
-          selectable: true,
-          // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-          multiSelectable: false
-        }));
-      }
-
-      return items;
-    };
-
-    return AudioTrackButton;
-  }(TrackButton);
-  /**
-   * The text that should display over the `AudioTrackButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  AudioTrackButton.prototype.controlText_ = 'Audio Track';
-  Component.registerComponent('AudioTrackButton', AudioTrackButton);
-
-  /**
-   * The specific menu item type for selecting a playback rate.
-   *
-   * @extends MenuItem
-   */
-
-  var PlaybackRateMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(PlaybackRateMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlaybackRateMenuItem(player, options) {
-      var _this;
-
-      var label = options.rate;
-      var rate = parseFloat(label, 10); // Modify options for parent MenuItem class's init.
-
-      options.label = label;
-      options.selected = rate === 1;
-      options.selectable = true;
-      options.multiSelectable = false;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.label = label;
-      _this.rate = rate;
-
-      _this.on(player, 'ratechange', _this.update);
-
-      return _this;
-    }
-    /**
-     * This gets called when an `PlaybackRateMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = PlaybackRateMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      _MenuItem.prototype.handleClick.call(this);
-
-      this.player().playbackRate(this.rate);
-    }
-    /**
-     * Update the PlaybackRateMenuItem when the playbackrate changes.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `ratechange` event that caused this function to run.
-     *
-     * @listens Player#ratechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      this.selected(this.player().playbackRate() === this.rate);
-    };
-
-    return PlaybackRateMenuItem;
-  }(MenuItem);
-  /**
-   * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlaybackRateMenuItem.prototype.contentElType = 'button';
-  Component.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
-
-  /**
-   * The component for controlling the playback rate.
-   *
-   * @extends MenuButton
-   */
-
-  var PlaybackRateMenuButton =
-  /*#__PURE__*/
-  function (_MenuButton) {
-    inheritsLoose(PlaybackRateMenuButton, _MenuButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlaybackRateMenuButton(player, options) {
-      var _this;
-
-      _this = _MenuButton.call(this, player, options) || this;
-
-      _this.updateVisibility();
-
-      _this.updateLabel();
-
-      _this.on(player, 'loadstart', _this.updateVisibility);
-
-      _this.on(player, 'ratechange', _this.updateLabel);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = PlaybackRateMenuButton.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _MenuButton.prototype.createEl.call(this);
-
-      this.labelEl_ = createEl('div', {
-        className: 'vjs-playback-rate-value',
-        innerHTML: '1x'
-      });
-      el.appendChild(this.labelEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.labelEl_ = null;
-
-      _MenuButton.prototype.dispose.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-playback-rate " + _MenuButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-playback-rate " + _MenuButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create the playback rate menu
-     *
-     * @return {Menu}
-     *         Menu object populated with {@link PlaybackRateMenuItem}s
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      var menu = new Menu(this.player());
-      var rates = this.playbackRates();
-
-      if (rates) {
-        for (var i = rates.length - 1; i >= 0; i--) {
-          menu.addChild(new PlaybackRateMenuItem(this.player(), {
-            rate: rates[i] + 'x'
-          }));
-        }
-      }
-
-      return menu;
-    }
-    /**
-     * Updates ARIA accessibility attributes
-     */
-    ;
-
-    _proto.updateARIAAttributes = function updateARIAAttributes() {
-      // Current playback rate
-      this.el().setAttribute('aria-valuenow', this.player().playbackRate());
-    }
-    /**
-     * This gets called when an `PlaybackRateMenuButton` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      // select next rate option
-      var currentRate = this.player().playbackRate();
-      var rates = this.playbackRates(); // this will select first one if the last one currently selected
-
-      var newRate = rates[0];
-
-      for (var i = 0; i < rates.length; i++) {
-        if (rates[i] > currentRate) {
-          newRate = rates[i];
-          break;
-        }
-      }
-
-      this.player().playbackRate(newRate);
-    }
-    /**
-     * Get possible playback rates
-     *
-     * @return {Array}
-     *         All possible playback rates
-     */
-    ;
-
-    _proto.playbackRates = function playbackRates() {
-      return this.options_.playbackRates || this.options_.playerOptions && this.options_.playerOptions.playbackRates;
-    }
-    /**
-     * Get whether playback rates is supported by the tech
-     * and an array of playback rates exists
-     *
-     * @return {boolean}
-     *         Whether changing playback rate is supported
-     */
-    ;
-
-    _proto.playbackRateSupported = function playbackRateSupported() {
-      return this.player().tech_ && this.player().tech_.featuresPlaybackRate && this.playbackRates() && this.playbackRates().length > 0;
-    }
-    /**
-     * Hide playback rate controls when they're no playback rate options to select
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#loadstart
-     */
-    ;
-
-    _proto.updateVisibility = function updateVisibility(event) {
-      if (this.playbackRateSupported()) {
-        this.removeClass('vjs-hidden');
-      } else {
-        this.addClass('vjs-hidden');
-      }
-    }
-    /**
-     * Update button label when rate changed
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#ratechange
-     */
-    ;
-
-    _proto.updateLabel = function updateLabel(event) {
-      if (this.playbackRateSupported()) {
-        this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
-      }
-    };
-
-    return PlaybackRateMenuButton;
-  }(MenuButton);
-  /**
-   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlaybackRateMenuButton.prototype.controlText_ = 'Playback Rate';
-  Component.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
-
-  /**
-   * Just an empty spacer element that can be used as an append point for plugins, etc.
-   * Also can be used to create space between elements when necessary.
-   *
-   * @extends Component
-   */
-
-  var Spacer =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Spacer, _Component);
-
-    function Spacer() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = Spacer.prototype;
-
-    /**
-    * Builds the default DOM `className`.
-    *
-    * @return {string}
-    *         The DOM `className` for this object.
-    */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-spacer " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildCSSClass()
-      });
-    };
-
-    return Spacer;
-  }(Component);
-
-  Component.registerComponent('Spacer', Spacer);
-
-  /**
-   * Spacer specifically meant to be used as an insertion point for new plugins, etc.
-   *
-   * @extends Spacer
-   */
-
-  var CustomControlSpacer =
-  /*#__PURE__*/
-  function (_Spacer) {
-    inheritsLoose(CustomControlSpacer, _Spacer);
-
-    function CustomControlSpacer() {
-      return _Spacer.apply(this, arguments) || this;
-    }
-
-    var _proto = CustomControlSpacer.prototype;
-
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-custom-control-spacer " + _Spacer.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var el = _Spacer.prototype.createEl.call(this, {
-        className: this.buildCSSClass()
-      }); // No-flex/table-cell mode requires there be some content
-      // in the cell to fill the remaining space of the table.
-
-
-      el.innerHTML = "\xA0";
-      return el;
-    };
-
-    return CustomControlSpacer;
-  }(Spacer);
-
-  Component.registerComponent('CustomControlSpacer', CustomControlSpacer);
-
-  /**
-   * Container of main controls.
-   *
-   * @extends Component
-   */
-
-  var ControlBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ControlBar, _Component);
-
-    function ControlBar() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = ControlBar.prototype;
-
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-control-bar',
-        dir: 'ltr'
-      });
-    };
-
-    return ControlBar;
-  }(Component);
-  /**
-   * Default options for `ControlBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ControlBar.prototype.options_ = {
-    children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'seekToLive', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-  };
-
-  if ('exitPictureInPicture' in document) {
-    ControlBar.prototype.options_.children.splice(ControlBar.prototype.options_.children.length - 1, 0, 'pictureInPictureToggle');
-  }
-
-  Component.registerComponent('ControlBar', ControlBar);
-
-  /**
-   * A display that indicates an error has occurred. This means that the video
-   * is unplayable.
-   *
-   * @extends ModalDialog
-   */
-
-  var ErrorDisplay =
-  /*#__PURE__*/
-  function (_ModalDialog) {
-    inheritsLoose(ErrorDisplay, _ModalDialog);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param  {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param  {Object} [options]
-     *         The key/value store of player options.
-     */
-    function ErrorDisplay(player, options) {
-      var _this;
-
-      _this = _ModalDialog.call(this, player, options) || this;
-
-      _this.on(player, 'error', _this.open);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     *
-     * @deprecated Since version 5.
-     */
-
-
-    var _proto = ErrorDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-error-display " + _ModalDialog.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Gets the localized error message based on the `Player`s error.
-     *
-     * @return {string}
-     *         The `Player`s error message localized or an empty string.
-     */
-    ;
-
-    _proto.content = function content() {
-      var error = this.player().error();
-      return error ? this.localize(error.message) : '';
-    };
-
-    return ErrorDisplay;
-  }(ModalDialog);
-  /**
-   * The default options for an `ErrorDisplay`.
-   *
-   * @private
-   */
-
-
-  ErrorDisplay.prototype.options_ = _extends_1({}, ModalDialog.prototype.options_, {
-    pauseOnOpen: false,
-    fillAlways: true,
-    temporary: false,
-    uncloseable: true
-  });
-  Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-  var LOCAL_STORAGE_KEY = 'vjs-text-track-settings';
-  var COLOR_BLACK = ['#000', 'Black'];
-  var COLOR_BLUE = ['#00F', 'Blue'];
-  var COLOR_CYAN = ['#0FF', 'Cyan'];
-  var COLOR_GREEN = ['#0F0', 'Green'];
-  var COLOR_MAGENTA = ['#F0F', 'Magenta'];
-  var COLOR_RED = ['#F00', 'Red'];
-  var COLOR_WHITE = ['#FFF', 'White'];
-  var COLOR_YELLOW = ['#FF0', 'Yellow'];
-  var OPACITY_OPAQUE = ['1', 'Opaque'];
-  var OPACITY_SEMI = ['0.5', 'Semi-Transparent'];
-  var OPACITY_TRANS = ['0', 'Transparent']; // Configuration for the various <select> elements in the DOM of this component.
-  //
-  // Possible keys include:
-  //
-  // `default`:
-  //   The default option index. Only needs to be provided if not zero.
-  // `parser`:
-  //   A function which is used to parse the value from the selected option in
-  //   a customized way.
-  // `selector`:
-  //   The selector used to find the associated <select> element.
-
-  var selectConfigs = {
-    backgroundColor: {
-      selector: '.vjs-bg-color > select',
-      id: 'captions-background-color-%s',
-      label: 'Color',
-      options: [COLOR_BLACK, COLOR_WHITE, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-    },
-    backgroundOpacity: {
-      selector: '.vjs-bg-opacity > select',
-      id: 'captions-background-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_OPAQUE, OPACITY_SEMI, OPACITY_TRANS]
-    },
-    color: {
-      selector: '.vjs-fg-color > select',
-      id: 'captions-foreground-color-%s',
-      label: 'Color',
-      options: [COLOR_WHITE, COLOR_BLACK, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-    },
-    edgeStyle: {
-      selector: '.vjs-edge-style > select',
-      id: '%s',
-      label: 'Text Edge Style',
-      options: [['none', 'None'], ['raised', 'Raised'], ['depressed', 'Depressed'], ['uniform', 'Uniform'], ['dropshadow', 'Dropshadow']]
-    },
-    fontFamily: {
-      selector: '.vjs-font-family > select',
-      id: 'captions-font-family-%s',
-      label: 'Font Family',
-      options: [['proportionalSansSerif', 'Proportional Sans-Serif'], ['monospaceSansSerif', 'Monospace Sans-Serif'], ['proportionalSerif', 'Proportional Serif'], ['monospaceSerif', 'Monospace Serif'], ['casual', 'Casual'], ['script', 'Script'], ['small-caps', 'Small Caps']]
-    },
-    fontPercent: {
-      selector: '.vjs-font-percent > select',
-      id: 'captions-font-size-%s',
-      label: 'Font Size',
-      options: [['0.50', '50%'], ['0.75', '75%'], ['1.00', '100%'], ['1.25', '125%'], ['1.50', '150%'], ['1.75', '175%'], ['2.00', '200%'], ['3.00', '300%'], ['4.00', '400%']],
-      "default": 2,
-      parser: function parser(v) {
-        return v === '1.00' ? null : Number(v);
-      }
-    },
-    textOpacity: {
-      selector: '.vjs-text-opacity > select',
-      id: 'captions-foreground-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_OPAQUE, OPACITY_SEMI]
-    },
-    // Options for this object are defined below.
-    windowColor: {
-      selector: '.vjs-window-color > select',
-      id: 'captions-window-color-%s',
-      label: 'Color'
-    },
-    // Options for this object are defined below.
-    windowOpacity: {
-      selector: '.vjs-window-opacity > select',
-      id: 'captions-window-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_TRANS, OPACITY_SEMI, OPACITY_OPAQUE]
-    }
-  };
-  selectConfigs.windowColor.options = selectConfigs.backgroundColor.options;
-  /**
-   * Get the actual value of an option.
-   *
-   * @param  {string} value
-   *         The value to get
-   *
-   * @param  {Function} [parser]
-   *         Optional function to adjust the value.
-   *
-   * @return {Mixed}
-   *         - Will be `undefined` if no value exists
-   *         - Will be `undefined` if the given value is "none".
-   *         - Will be the actual value otherwise.
-   *
-   * @private
-   */
-
-  function parseOptionValue(value, parser) {
-    if (parser) {
-      value = parser(value);
-    }
-
-    if (value && value !== 'none') {
-      return value;
-    }
-  }
-  /**
-   * Gets the value of the selected <option> element within a <select> element.
-   *
-   * @param  {Element} el
-   *         the element to look in
-   *
-   * @param  {Function} [parser]
-   *         Optional function to adjust the value.
-   *
-   * @return {Mixed}
-   *         - Will be `undefined` if no value exists
-   *         - Will be `undefined` if the given value is "none".
-   *         - Will be the actual value otherwise.
-   *
-   * @private
-   */
-
-
-  function getSelectedOptionValue(el, parser) {
-    var value = el.options[el.options.selectedIndex].value;
-    return parseOptionValue(value, parser);
-  }
-  /**
-   * Sets the selected <option> element within a <select> element based on a
-   * given value.
-   *
-   * @param {Element} el
-   *        The element to look in.
-   *
-   * @param {string} value
-   *        the property to look on.
-   *
-   * @param {Function} [parser]
-   *        Optional function to adjust the value before comparing.
-   *
-   * @private
-   */
-
-
-  function setSelectedOption(el, value, parser) {
-    if (!value) {
-      return;
-    }
-
-    for (var i = 0; i < el.options.length; i++) {
-      if (parseOptionValue(el.options[i].value, parser) === value) {
-        el.selectedIndex = i;
-        break;
-      }
-    }
-  }
-  /**
-   * Manipulate Text Tracks settings.
-   *
-   * @extends ModalDialog
-   */
-
-
-  var TextTrackSettings =
-  /*#__PURE__*/
-  function (_ModalDialog) {
-    inheritsLoose(TextTrackSettings, _ModalDialog);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *         The key/value store of player options.
-     */
-    function TextTrackSettings(player, options) {
-      var _this;
-
-      options.temporary = false;
-      _this = _ModalDialog.call(this, player, options) || this;
-      _this.updateDisplay = bind(assertThisInitialized(_this), _this.updateDisplay); // fill the modal and pretend we have opened it
-
-      _this.fill();
-
-      _this.hasBeenOpened_ = _this.hasBeenFilled_ = true;
-      _this.endDialog = createEl('p', {
-        className: 'vjs-control-text',
-        textContent: _this.localize('End of dialog window.')
-      });
-
-      _this.el().appendChild(_this.endDialog);
-
-      _this.setDefaults(); // Grab `persistTextTrackSettings` from the player options if not passed in child options
-
-
-      if (options.persistTextTrackSettings === undefined) {
-        _this.options_.persistTextTrackSettings = _this.options_.playerOptions.persistTextTrackSettings;
-      }
-
-      _this.on(_this.$('.vjs-done-button'), 'click', function () {
-        _this.saveSettings();
-
-        _this.close();
-      });
-
-      _this.on(_this.$('.vjs-default-button'), 'click', function () {
-        _this.setDefaults();
-
-        _this.updateDisplay();
-      });
-
-      each(selectConfigs, function (config) {
-        _this.on(_this.$(config.selector), 'change', _this.updateDisplay);
-      });
-
-      if (_this.options_.persistTextTrackSettings) {
-        _this.restoreSettings();
-      }
-
-      return _this;
-    }
-
-    var _proto = TextTrackSettings.prototype;
-
-    _proto.dispose = function dispose() {
-      this.endDialog = null;
-
-      _ModalDialog.prototype.dispose.call(this);
-    }
-    /**
-     * Create a <select> element with configured options.
-     *
-     * @param {string} key
-     *        Configuration key to use during creation.
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElSelect_ = function createElSelect_(key, legendId, type) {
-      var _this2 = this;
-
-      if (legendId === void 0) {
-        legendId = '';
-      }
-
-      if (type === void 0) {
-        type = 'label';
-      }
-
-      var config = selectConfigs[key];
-      var id = config.id.replace('%s', this.id_);
-      var selectLabelledbyIds = [legendId, id].join(' ').trim();
-      return ["<" + type + " id=\"" + id + "\" class=\"" + (type === 'label' ? 'vjs-label' : '') + "\">", this.localize(config.label), "</" + type + ">", "<select aria-labelledby=\"" + selectLabelledbyIds + "\">"].concat(config.options.map(function (o) {
-        var optionId = id + '-' + o[1].replace(/\W+/g, '');
-        return ["<option id=\"" + optionId + "\" value=\"" + o[0] + "\" ", "aria-labelledby=\"" + selectLabelledbyIds + " " + optionId + "\">", _this2.localize(o[1]), '</option>'].join('');
-      })).concat('</select>').join('');
-    }
-    /**
-     * Create foreground color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElFgColor_ = function createElFgColor_() {
-      var legendId = "captions-text-legend-" + this.id_;
-      return ['<fieldset class="vjs-fg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Text'), '</legend>', this.createElSelect_('color', legendId), '<span class="vjs-text-opacity vjs-opacity">', this.createElSelect_('textOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create background color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElBgColor_ = function createElBgColor_() {
-      var legendId = "captions-background-" + this.id_;
-      return ['<fieldset class="vjs-bg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Background'), '</legend>', this.createElSelect_('backgroundColor', legendId), '<span class="vjs-bg-opacity vjs-opacity">', this.createElSelect_('backgroundOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create window color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElWinColor_ = function createElWinColor_() {
-      var legendId = "captions-window-" + this.id_;
-      return ['<fieldset class="vjs-window-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Window'), '</legend>', this.createElSelect_('windowColor', legendId), '<span class="vjs-window-opacity vjs-opacity">', this.createElSelect_('windowOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create color elements for the component
-     *
-     * @return {Element}
-     *         The element that was created
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElColors_ = function createElColors_() {
-      return createEl('div', {
-        className: 'vjs-track-settings-colors',
-        innerHTML: [this.createElFgColor_(), this.createElBgColor_(), this.createElWinColor_()].join('')
-      });
-    }
-    /**
-     * Create font elements for the component
-     *
-     * @return {Element}
-     *         The element that was created.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElFont_ = function createElFont_() {
-      return createEl('div', {
-        className: 'vjs-track-settings-font',
-        innerHTML: ['<fieldset class="vjs-font-percent vjs-track-setting">', this.createElSelect_('fontPercent', '', 'legend'), '</fieldset>', '<fieldset class="vjs-edge-style vjs-track-setting">', this.createElSelect_('edgeStyle', '', 'legend'), '</fieldset>', '<fieldset class="vjs-font-family vjs-track-setting">', this.createElSelect_('fontFamily', '', 'legend'), '</fieldset>'].join('')
-      });
-    }
-    /**
-     * Create controls for the component
-     *
-     * @return {Element}
-     *         The element that was created.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElControls_ = function createElControls_() {
-      var defaultsDescription = this.localize('restore all settings to the default values');
-      return createEl('div', {
-        className: 'vjs-track-settings-controls',
-        innerHTML: ["<button type=\"button\" class=\"vjs-default-button\" title=\"" + defaultsDescription + "\">", this.localize('Reset'), "<span class=\"vjs-control-text\"> " + defaultsDescription + "</span>", '</button>', "<button type=\"button\" class=\"vjs-done-button\">" + this.localize('Done') + "</button>"].join('')
-      });
-    };
-
-    _proto.content = function content() {
-      return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-    };
-
-    _proto.label = function label() {
-      return this.localize('Caption Settings Dialog');
-    };
-
-    _proto.description = function description() {
-      return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-    };
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return _ModalDialog.prototype.buildCSSClass.call(this) + ' vjs-text-track-settings';
-    }
-    /**
-     * Gets an object of text track settings (or null).
-     *
-     * @return {Object}
-     *         An object with config values parsed from the DOM or localStorage.
-     */
-    ;
-
-    _proto.getValues = function getValues() {
-      var _this3 = this;
-
-      return reduce(selectConfigs, function (accum, config, key) {
-        var value = getSelectedOptionValue(_this3.$(config.selector), config.parser);
-
-        if (value !== undefined) {
-          accum[key] = value;
-        }
-
-        return accum;
-      }, {});
-    }
-    /**
-     * Sets text track settings from an object of values.
-     *
-     * @param {Object} values
-     *        An object with config values parsed from the DOM or localStorage.
-     */
-    ;
-
-    _proto.setValues = function setValues(values) {
-      var _this4 = this;
-
-      each(selectConfigs, function (config, key) {
-        setSelectedOption(_this4.$(config.selector), values[key], config.parser);
-      });
-    }
-    /**
-     * Sets all `<select>` elements to their default values.
-     */
-    ;
-
-    _proto.setDefaults = function setDefaults() {
-      var _this5 = this;
-
-      each(selectConfigs, function (config) {
-        var index = config.hasOwnProperty('default') ? config["default"] : 0;
-        _this5.$(config.selector).selectedIndex = index;
-      });
-    }
-    /**
-     * Restore texttrack settings from localStorage
-     */
-    ;
-
-    _proto.restoreSettings = function restoreSettings() {
-      var values;
-
-      try {
-        values = JSON.parse(window$1.localStorage.getItem(LOCAL_STORAGE_KEY));
-      } catch (err) {
-        log.warn(err);
-      }
-
-      if (values) {
-        this.setValues(values);
-      }
-    }
-    /**
-     * Save text track settings to localStorage
-     */
-    ;
-
-    _proto.saveSettings = function saveSettings() {
-      if (!this.options_.persistTextTrackSettings) {
-        return;
-      }
-
-      var values = this.getValues();
-
-      try {
-        if (Object.keys(values).length) {
-          window$1.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
-        } else {
-          window$1.localStorage.removeItem(LOCAL_STORAGE_KEY);
-        }
-      } catch (err) {
-        log.warn(err);
-      }
-    }
-    /**
-     * Update display of text track settings
-     */
-    ;
-
-    _proto.updateDisplay = function updateDisplay() {
-      var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-      if (ttDisplay) {
-        ttDisplay.updateDisplay();
-      }
-    }
-    /**
-     * conditionally blur the element and refocus the captions button
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalBlur_ = function conditionalBlur_() {
-      this.previouslyActiveEl_ = null;
-      var cb = this.player_.controlBar;
-      var subsCapsBtn = cb && cb.subsCapsButton;
-      var ccBtn = cb && cb.captionsButton;
-
-      if (subsCapsBtn) {
-        subsCapsBtn.focus();
-      } else if (ccBtn) {
-        ccBtn.focus();
-      }
-    };
-
-    return TextTrackSettings;
-  }(ModalDialog);
-
-  Component.registerComponent('TextTrackSettings', TextTrackSettings);
-
-  /**
-   * A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.
-   *
-   * It'll either create an iframe and use a debounced resize handler on it or use the new {@link https://wicg.github.io/ResizeObserver/|ResizeObserver}.
-   *
-   * If the ResizeObserver is available natively, it will be used. A polyfill can be passed in as an option.
-   * If a `playerresize` event is not needed, the ResizeManager component can be removed from the player, see the example below.
-   * @example <caption>How to disable the resize manager</caption>
-   * const player = videojs('#vid', {
-   *   resizeManager: false
-   * });
-   *
-   * @see {@link https://wicg.github.io/ResizeObserver/|ResizeObserver specification}
-   *
-   * @extends Component
-   */
-
-  var ResizeManager =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ResizeManager, _Component);
-
-    /**
-     * Create the ResizeManager.
-     *
-     * @param {Object} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of ResizeManager options.
-     *
-     * @param {Object} [options.ResizeObserver]
-     *        A polyfill for ResizeObserver can be passed in here.
-     *        If this is set to null it will ignore the native ResizeObserver and fall back to the iframe fallback.
-     */
-    function ResizeManager(player, options) {
-      var _this;
-
-      var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window$1.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
-
-      if (options.ResizeObserver === null) {
-        RESIZE_OBSERVER_AVAILABLE = false;
-      } // Only create an element when ResizeObserver isn't available
-
-
-      var options_ = mergeOptions({
-        createEl: !RESIZE_OBSERVER_AVAILABLE,
-        reportTouchActivity: false
-      }, options);
-      _this = _Component.call(this, player, options_) || this;
-      _this.ResizeObserver = options.ResizeObserver || window$1.ResizeObserver;
-      _this.loadListener_ = null;
-      _this.resizeObserver_ = null;
-      _this.debouncedHandler_ = debounce(function () {
-        _this.resizeHandler();
-      }, 100, false, assertThisInitialized(_this));
-
-      if (RESIZE_OBSERVER_AVAILABLE) {
-        _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-
-        _this.resizeObserver_.observe(player.el());
-      } else {
-        _this.loadListener_ = function () {
-          if (!_this.el_ || !_this.el_.contentWindow) {
-            return;
-          }
-
-          var debouncedHandler_ = _this.debouncedHandler_;
-
-          var unloadListener_ = _this.unloadListener_ = function () {
-            off(this, 'resize', debouncedHandler_);
-            off(this, 'unload', unloadListener_);
-            unloadListener_ = null;
-          }; // safari and edge can unload the iframe before resizemanager dispose
-          // we have to dispose of event handlers correctly before that happens
-
-
-          on(_this.el_.contentWindow, 'unload', unloadListener_);
-          on(_this.el_.contentWindow, 'resize', debouncedHandler_);
-        };
-
-        _this.one('load', _this.loadListener_);
-      }
-
-      return _this;
-    }
-
-    var _proto = ResizeManager.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'iframe', {
-        className: 'vjs-resize-manager',
-        tabIndex: -1
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-     *
-     * @fires Player#playerresize
-     */
-    ;
-
-    _proto.resizeHandler = function resizeHandler() {
-      /**
-       * Called when the player size has changed
-       *
-       * @event Player#playerresize
-       * @type {EventTarget~Event}
-       */
-      // make sure player is still around to trigger
-      // prevents this from causing an error after dispose
-      if (!this.player_ || !this.player_.trigger) {
-        return;
-      }
-
-      this.player_.trigger('playerresize');
-    };
-
-    _proto.dispose = function dispose() {
-      if (this.debouncedHandler_) {
-        this.debouncedHandler_.cancel();
-      }
-
-      if (this.resizeObserver_) {
-        if (this.player_.el()) {
-          this.resizeObserver_.unobserve(this.player_.el());
-        }
-
-        this.resizeObserver_.disconnect();
-      }
-
-      if (this.loadListener_) {
-        this.off('load', this.loadListener_);
-      }
-
-      if (this.el_ && this.el_.contentWindow && this.unloadListener_) {
-        this.unloadListener_.call(this.el_.contentWindow);
-      }
-
-      this.ResizeObserver = null;
-      this.resizeObserver = null;
-      this.debouncedHandler_ = null;
-      this.loadListener_ = null;
-
-      _Component.prototype.dispose.call(this);
-    };
-
-    return ResizeManager;
-  }(Component);
-
-  Component.registerComponent('ResizeManager', ResizeManager);
-
-  /**
-   * Computes the median of an array.
-   *
-   * @param {number[]} arr
-   *        Input array of numbers.
-   *
-   * @return {number}
-   *        Median value.
-   */
-  var median = function median(arr) {
-    var mid = Math.floor(arr.length / 2);
-    var sortedList = [].concat(arr).sort(function (a, b) {
-      return a - b;
-    });
-    return arr.length % 2 !== 0 ? sortedList[mid] : (sortedList[mid - 1] + sortedList[mid]) / 2;
-  };
-
-  /* track when we are at the live edge, and other helpers for live playback */
-
-  var LiveTracker =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LiveTracker, _Component);
-
-    function LiveTracker(player, options) {
-      var _this;
-
-      // LiveTracker does not need an element
-      var options_ = mergeOptions({
-        createEl: false
-      }, options);
-      _this = _Component.call(this, player, options_) || this;
-
-      _this.reset_();
-
-      _this.on(_this.player_, 'durationchange', _this.handleDurationchange); // we don't need to track live playback if the document is hidden,
-      // also, tracking when the document is hidden can
-      // cause the CPU to spike and eventually crash the page on IE11.
-
-
-      if (IE_VERSION && 'hidden' in document && 'visibilityState' in document) {
-        _this.on(document, 'visibilitychange', _this.handleVisibilityChange);
-      }
-
-      return _this;
-    }
-
-    var _proto = LiveTracker.prototype;
-
-    _proto.handleVisibilityChange = function handleVisibilityChange() {
-      if (this.player_.duration() !== Infinity) {
-        return;
-      }
-
-      if (document.hidden) {
-        this.stopTracking();
-      } else {
-        this.startTracking();
-      }
-    };
-
-    _proto.isBehind_ = function isBehind_() {
-      // don't report that we are behind until a timeupdate has been seen
-      if (!this.timeupdateSeen_) {
-        return false;
-      }
-
-      var liveCurrentTime = this.liveCurrentTime();
-      var currentTime = this.player_.currentTime(); // the live edge window is the amount of seconds away from live
-      // that a player can be, but still be considered live.
-      // we add 0.07 because the live tracking happens every 30ms
-      // and we want some wiggle room for short segment live playback
-
-      var liveEdgeWindow = this.seekableIncrement_ * 2 + 0.07; // on Android liveCurrentTime can bee Infinity, because seekableEnd
-      // can be Infinity, so we handle that case.
-
-      return liveCurrentTime !== Infinity && liveCurrentTime - liveEdgeWindow >= currentTime;
-    } // all the functionality for tracking when seek end changes
-    // and for tracking how far past seek end we should be
-    ;
-
-    _proto.trackLive_ = function trackLive_() {
-      this.pastSeekEnd_ = this.pastSeekEnd_;
-      var seekable = this.player_.seekable(); // skip undefined seekable
-
-      if (!seekable || !seekable.length) {
-        return;
-      }
-
-      var newSeekEnd = this.seekableEnd(); // we can only tell if we are behind live, when seekable changes
-      // once we detect that seekable has changed we check the new seek
-      // end against current time, with a fudge value of half a second.
-
-      if (newSeekEnd !== this.lastSeekEnd_) {
-        if (this.lastSeekEnd_) {
-          // we try to get the best fit value for the seeking increment
-          // variable from the last 12 values.
-          this.seekableIncrementList_ = this.seekableIncrementList_.slice(-11);
-          this.seekableIncrementList_.push(Math.abs(newSeekEnd - this.lastSeekEnd_));
-
-          if (this.seekableIncrementList_.length > 3) {
-            this.seekableIncrement_ = median(this.seekableIncrementList_);
-          }
-        }
-
-        this.pastSeekEnd_ = 0;
-        this.lastSeekEnd_ = newSeekEnd;
-        this.trigger('seekableendchange');
-      } // we should reset pastSeekEnd when the value
-      // is much higher than seeking increment.
-
-
-      if (this.pastSeekEnd() > this.seekableIncrement_ * 1.5) {
-        this.pastSeekEnd_ = 0;
-      } else {
-        this.pastSeekEnd_ = this.pastSeekEnd() + 0.03;
-      }
-
-      if (this.isBehind_() !== this.behindLiveEdge()) {
-        this.behindLiveEdge_ = this.isBehind_();
-        this.trigger('liveedgechange');
-      }
-    }
-    /**
-     * handle a durationchange event on the player
-     * and start/stop tracking accordingly.
-     */
-    ;
-
-    _proto.handleDurationchange = function handleDurationchange() {
-      if (this.player_.duration() === Infinity) {
-        this.startTracking();
-      } else {
-        this.stopTracking();
-      }
-    }
-    /**
-     * start tracking live playback
-     */
-    ;
-
-    _proto.startTracking = function startTracking() {
-      var _this2 = this;
-
-      if (this.isTracking()) {
-        return;
-      } // If we haven't seen a timeupdate, we need to check whether playback
-      // began before this component started tracking. This can happen commonly
-      // when using autoplay.
-
-
-      if (!this.timeupdateSeen_) {
-        this.timeupdateSeen_ = this.player_.hasStarted();
-      }
-
-      this.trackingInterval_ = this.setInterval(this.trackLive_, 30);
-      this.trackLive_();
-      this.on(this.player_, 'play', this.trackLive_);
-      this.on(this.player_, 'pause', this.trackLive_); // this is to prevent showing that we are not live
-      // before a video starts to play
-
-      if (!this.timeupdateSeen_) {
-        this.one(this.player_, 'play', this.handlePlay);
-
-        this.handleTimeupdate = function () {
-          _this2.timeupdateSeen_ = true;
-          _this2.handleTimeupdate = null;
-        };
-
-        this.one(this.player_, 'timeupdate', this.handleTimeupdate);
-      }
-    };
-
-    _proto.handlePlay = function handlePlay() {
-      this.one(this.player_, 'timeupdate', this.seekToLiveEdge);
-    }
-    /**
-     * Stop tracking, and set all internal variables to
-     * their initial value.
-     */
-    ;
-
-    _proto.reset_ = function reset_() {
-      this.pastSeekEnd_ = 0;
-      this.lastSeekEnd_ = null;
-      this.behindLiveEdge_ = null;
-      this.timeupdateSeen_ = false;
-      this.clearInterval(this.trackingInterval_);
-      this.trackingInterval_ = null;
-      this.seekableIncrement_ = 12;
-      this.seekableIncrementList_ = [];
-      this.off(this.player_, 'play', this.trackLive_);
-      this.off(this.player_, 'pause', this.trackLive_);
-      this.off(this.player_, 'play', this.handlePlay);
-      this.off(this.player_, 'timeupdate', this.seekToLiveEdge);
-
-      if (this.handleTimeupdate) {
-        this.off(this.player_, 'timeupdate', this.handleTimeupdate);
-        this.handleTimeupdate = null;
-      }
-    }
-    /**
-     * stop tracking live playback
-     */
-    ;
-
-    _proto.stopTracking = function stopTracking() {
-      if (!this.isTracking()) {
-        return;
-      }
-
-      this.reset_();
-    }
-    /**
-     * A helper to get the player seekable end
-     * so that we don't have to null check everywhere
-     */
-    ;
-
-    _proto.seekableEnd = function seekableEnd() {
-      var seekable = this.player_.seekable();
-      var seekableEnds = [];
-      var i = seekable ? seekable.length : 0;
-
-      while (i--) {
-        seekableEnds.push(seekable.end(i));
-      } // grab the furthest seekable end after sorting, or if there are none
-      // default to Infinity
-
-
-      return seekableEnds.length ? seekableEnds.sort()[seekableEnds.length - 1] : Infinity;
-    }
-    /**
-     * A helper to get the player seekable start
-     * so that we don't have to null check everywhere
-     */
-    ;
-
-    _proto.seekableStart = function seekableStart() {
-      var seekable = this.player_.seekable();
-      var seekableStarts = [];
-      var i = seekable ? seekable.length : 0;
-
-      while (i--) {
-        seekableStarts.push(seekable.start(i));
-      } // grab the first seekable start after sorting, or if there are none
-      // default to 0
-
-
-      return seekableStarts.length ? seekableStarts.sort()[0] : 0;
-    }
-    /**
-     * Get the live time window
-     */
-    ;
-
-    _proto.liveWindow = function liveWindow() {
-      var liveCurrentTime = this.liveCurrentTime();
-
-      if (liveCurrentTime === Infinity) {
-        return Infinity;
-      }
-
-      return liveCurrentTime - this.seekableStart();
-    }
-    /**
-     * Determines if the player is live, only checks if this component
-     * is tracking live playback or not
-     */
-    ;
-
-    _proto.isLive = function isLive() {
-      return this.isTracking();
-    }
-    /**
-     * Determines if currentTime is at the live edge and won't fall behind
-     * on each seekableendchange
-     */
-    ;
-
-    _proto.atLiveEdge = function atLiveEdge() {
-      return !this.behindLiveEdge();
-    }
-    /**
-     * get what we expect the live current time to be
-     */
-    ;
-
-    _proto.liveCurrentTime = function liveCurrentTime() {
-      return this.pastSeekEnd() + this.seekableEnd();
-    }
-    /**
-     * Returns how far past seek end we expect current time to be
-     */
-    ;
-
-    _proto.pastSeekEnd = function pastSeekEnd() {
-      return this.pastSeekEnd_;
-    }
-    /**
-     * If we are currently behind the live edge, aka currentTime will be
-     * behind on a seekableendchange
-     */
-    ;
-
-    _proto.behindLiveEdge = function behindLiveEdge() {
-      return this.behindLiveEdge_;
-    };
-
-    _proto.isTracking = function isTracking() {
-      return typeof this.trackingInterval_ === 'number';
-    }
-    /**
-     * Seek to the live edge if we are behind the live edge
-     */
-    ;
-
-    _proto.seekToLiveEdge = function seekToLiveEdge() {
-      if (this.atLiveEdge()) {
-        return;
-      }
-
-      this.player_.currentTime(this.liveCurrentTime());
-
-      if (this.player_.paused()) {
-        this.player_.play();
-      }
-    };
-
-    _proto.dispose = function dispose() {
-      this.stopTracking();
-
-      _Component.prototype.dispose.call(this);
-    };
-
-    return LiveTracker;
-  }(Component);
-
-  Component.registerComponent('LiveTracker', LiveTracker);
-
-  /**
-   * This function is used to fire a sourceset when there is something
-   * similar to `mediaEl.load()` being called. It will try to find the source via
-   * the `src` attribute and then the `<source>` elements. It will then fire `sourceset`
-   * with the source that was found or empty string if we cannot know. If it cannot
-   * find a source then `sourceset` will not be fired.
-   *
-   * @param {Html5} tech
-   *        The tech object that sourceset was setup on
-   *
-   * @return {boolean}
-   *         returns false if the sourceset was not fired and true otherwise.
-   */
-
-  var sourcesetLoad = function sourcesetLoad(tech) {
-    var el = tech.el(); // if `el.src` is set, that source will be loaded.
-
-    if (el.hasAttribute('src')) {
-      tech.triggerSourceset(el.src);
-      return true;
-    }
-    /**
-     * Since there isn't a src property on the media element, source elements will be used for
-     * implementing the source selection algorithm. This happens asynchronously and
-     * for most cases were there is more than one source we cannot tell what source will
-     * be loaded, without re-implementing the source selection algorithm. At this time we are not
-     * going to do that. There are three special cases that we do handle here though:
-     *
-     * 1. If there are no sources, do not fire `sourceset`.
-     * 2. If there is only one `<source>` with a `src` property/attribute that is our `src`
-     * 3. If there is more than one `<source>` but all of them have the same `src` url.
-     *    That will be our src.
-     */
-
-
-    var sources = tech.$$('source');
-    var srcUrls = [];
-    var src = ''; // if there are no sources, do not fire sourceset
-
-    if (!sources.length) {
-      return false;
-    } // only count valid/non-duplicate source elements
-
-
-    for (var i = 0; i < sources.length; i++) {
-      var url = sources[i].src;
-
-      if (url && srcUrls.indexOf(url) === -1) {
-        srcUrls.push(url);
-      }
-    } // there were no valid sources
-
-
-    if (!srcUrls.length) {
-      return false;
-    } // there is only one valid source element url
-    // use that
-
-
-    if (srcUrls.length === 1) {
-      src = srcUrls[0];
-    }
-
-    tech.triggerSourceset(src);
-    return true;
-  };
-  /**
-   * our implementation of an `innerHTML` descriptor for browsers
-   * that do not have one.
-   */
-
-
-  var innerHTMLDescriptorPolyfill = Object.defineProperty({}, 'innerHTML', {
-    get: function get() {
-      return this.cloneNode(true).innerHTML;
-    },
-    set: function set(v) {
-      // make a dummy node to use innerHTML on
-      var dummy = document.createElement(this.nodeName.toLowerCase()); // set innerHTML to the value provided
-
-      dummy.innerHTML = v; // make a document fragment to hold the nodes from dummy
-
-      var docFrag = document.createDocumentFragment(); // copy all of the nodes created by the innerHTML on dummy
-      // to the document fragment
-
-      while (dummy.childNodes.length) {
-        docFrag.appendChild(dummy.childNodes[0]);
-      } // remove content
-
-
-      this.innerText = ''; // now we add all of that html in one by appending the
-      // document fragment. This is how innerHTML does it.
-
-      window$1.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
-
-      return this.innerHTML;
-    }
-  });
-  /**
-   * Get a property descriptor given a list of priorities and the
-   * property to get.
-   */
-
-  var getDescriptor = function getDescriptor(priority, prop) {
-    var descriptor = {};
-
-    for (var i = 0; i < priority.length; i++) {
-      descriptor = Object.getOwnPropertyDescriptor(priority[i], prop);
-
-      if (descriptor && descriptor.set && descriptor.get) {
-        break;
-      }
-    }
-
-    descriptor.enumerable = true;
-    descriptor.configurable = true;
-    return descriptor;
-  };
-
-  var getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {
-    return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, window$1.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
-  };
-  /**
-   * Patches browser internal functions so that we can tell synchronously
-   * if a `<source>` was appended to the media element. For some reason this
-   * causes a `sourceset` if the the media element is ready and has no source.
-   * This happens when:
-   * - The page has just loaded and the media element does not have a source.
-   * - The media element was emptied of all sources, then `load()` was called.
-   *
-   * It does this by patching the following functions/properties when they are supported:
-   *
-   * - `append()` - can be used to add a `<source>` element to the media element
-   * - `appendChild()` - can be used to add a `<source>` element to the media element
-   * - `insertAdjacentHTML()` -  can be used to add a `<source>` element to the media element
-   * - `innerHTML` -  can be used to add a `<source>` element to the media element
-   *
-   * @param {Html5} tech
-   *        The tech object that sourceset is being setup on.
-   */
-
-
-  var firstSourceWatch = function firstSourceWatch(tech) {
-    var el = tech.el(); // make sure firstSourceWatch isn't setup twice.
-
-    if (el.resetSourceWatch_) {
-      return;
-    }
-
-    var old = {};
-    var innerDescriptor = getInnerHTMLDescriptor(tech);
-
-    var appendWrapper = function appendWrapper(appendFn) {
-      return function () {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        var retval = appendFn.apply(el, args);
-        sourcesetLoad(tech);
-        return retval;
-      };
-    };
-
-    ['append', 'appendChild', 'insertAdjacentHTML'].forEach(function (k) {
-      if (!el[k]) {
-        return;
-      } // store the old function
-
-
-      old[k] = el[k]; // call the old function with a sourceset if a source
-      // was loaded
-
-      el[k] = appendWrapper(old[k]);
-    });
-    Object.defineProperty(el, 'innerHTML', mergeOptions(innerDescriptor, {
-      set: appendWrapper(innerDescriptor.set)
-    }));
-
-    el.resetSourceWatch_ = function () {
-      el.resetSourceWatch_ = null;
-      Object.keys(old).forEach(function (k) {
-        el[k] = old[k];
-      });
-      Object.defineProperty(el, 'innerHTML', innerDescriptor);
-    }; // on the first sourceset, we need to revert our changes
-
-
-    tech.one('sourceset', el.resetSourceWatch_);
-  };
-  /**
-   * our implementation of a `src` descriptor for browsers
-   * that do not have one.
-   */
-
-
-  var srcDescriptorPolyfill = Object.defineProperty({}, 'src', {
-    get: function get() {
-      if (this.hasAttribute('src')) {
-        return getAbsoluteURL(window$1.Element.prototype.getAttribute.call(this, 'src'));
-      }
-
-      return '';
-    },
-    set: function set(v) {
-      window$1.Element.prototype.setAttribute.call(this, 'src', v);
-      return v;
-    }
-  });
-
-  var getSrcDescriptor = function getSrcDescriptor(tech) {
-    return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
-  };
-  /**
-   * setup `sourceset` handling on the `Html5` tech. This function
-   * patches the following element properties/functions:
-   *
-   * - `src` - to determine when `src` is set
-   * - `setAttribute()` - to determine when `src` is set
-   * - `load()` - this re-triggers the source selection algorithm, and can
-   *              cause a sourceset.
-   *
-   * If there is no source when we are adding `sourceset` support or during a `load()`
-   * we also patch the functions listed in `firstSourceWatch`.
-   *
-   * @param {Html5} tech
-   *        The tech to patch
-   */
-
-
-  var setupSourceset = function setupSourceset(tech) {
-    if (!tech.featuresSourceset) {
-      return;
-    }
-
-    var el = tech.el(); // make sure sourceset isn't setup twice.
-
-    if (el.resetSourceset_) {
-      return;
-    }
-
-    var srcDescriptor = getSrcDescriptor(tech);
-    var oldSetAttribute = el.setAttribute;
-    var oldLoad = el.load;
-    Object.defineProperty(el, 'src', mergeOptions(srcDescriptor, {
-      set: function set(v) {
-        var retval = srcDescriptor.set.call(el, v); // we use the getter here to get the actual value set on src
-
-        tech.triggerSourceset(el.src);
-        return retval;
-      }
-    }));
-
-    el.setAttribute = function (n, v) {
-      var retval = oldSetAttribute.call(el, n, v);
-
-      if (/src/i.test(n)) {
-        tech.triggerSourceset(el.src);
-      }
-
-      return retval;
-    };
-
-    el.load = function () {
-      var retval = oldLoad.call(el); // if load was called, but there was no source to fire
-      // sourceset on. We have to watch for a source append
-      // as that can trigger a `sourceset` when the media element
-      // has no source
-
-      if (!sourcesetLoad(tech)) {
-        tech.triggerSourceset('');
-        firstSourceWatch(tech);
-      }
-
-      return retval;
-    };
-
-    if (el.currentSrc) {
-      tech.triggerSourceset(el.currentSrc);
-    } else if (!sourcesetLoad(tech)) {
-      firstSourceWatch(tech);
-    }
-
-    el.resetSourceset_ = function () {
-      el.resetSourceset_ = null;
-      el.load = oldLoad;
-      el.setAttribute = oldSetAttribute;
-      Object.defineProperty(el, 'src', srcDescriptor);
-
-      if (el.resetSourceWatch_) {
-        el.resetSourceWatch_();
-      }
-    };
-  };
-
-  /**
-   * Object.defineProperty but "lazy", which means that the value is only set after
-   * it retrieved the first time, rather than being set right away.
-   *
-   * @param {Object} obj the object to set the property on
-   * @param {string} key the key for the property to set
-   * @param {Function} getValue the function used to get the value when it is needed.
-   * @param {boolean} setter wether a setter shoould be allowed or not
-   */
-  var defineLazyProperty = function defineLazyProperty(obj, key, getValue, setter) {
-    if (setter === void 0) {
-      setter = true;
-    }
-
-    var set = function set(value) {
-      return Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        writable: true
-      });
-    };
-
-    var options = {
-      configurable: true,
-      enumerable: true,
-      get: function get() {
-        var value = getValue();
-        set(value);
-        return value;
-      }
-    };
-
-    if (setter) {
-      options.set = set;
-    }
-
-    return Object.defineProperty(obj, key, options);
-  };
-
-  /**
-   * HTML5 Media Controller - Wrapper for HTML5 Media API
-   *
-   * @mixes Tech~SourceHandlerAdditions
-   * @extends Tech
-   */
-
-  var Html5 =
-  /*#__PURE__*/
-  function (_Tech) {
-    inheritsLoose(Html5, _Tech);
-
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} ready
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    function Html5(options, ready) {
-      var _this;
-
-      _this = _Tech.call(this, options, ready) || this;
-      var source = options.source;
-      var crossoriginTracks = false; // Set the source if one is provided
-      // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)
-      // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source
-      // anyway so the error gets fired.
-
-      if (source && (_this.el_.currentSrc !== source.src || options.tag && options.tag.initNetworkState_ === 3)) {
-        _this.setSource(source);
-      } else {
-        _this.handleLateInit_(_this.el_);
-      } // setup sourceset after late sourceset/init
-
-
-      if (options.enableSourceset) {
-        _this.setupSourcesetHandling_();
-      }
-
-      if (_this.el_.hasChildNodes()) {
-        var nodes = _this.el_.childNodes;
-        var nodesLength = nodes.length;
-        var removeNodes = [];
-
-        while (nodesLength--) {
-          var node = nodes[nodesLength];
-          var nodeName = node.nodeName.toLowerCase();
-
-          if (nodeName === 'track') {
-            if (!_this.featuresNativeTextTracks) {
-              // Empty video tag tracks so the built-in player doesn't use them also.
-              // This may not be fast enough to stop HTML5 browsers from reading the tags
-              // so we'll need to turn off any default tracks if we're manually doing
-              // captions and subtitles. videoElement.textTracks
-              removeNodes.push(node);
-            } else {
-              // store HTMLTrackElement and TextTrack to remote list
-              _this.remoteTextTrackEls().addTrackElement_(node);
-
-              _this.remoteTextTracks().addTrack(node.track);
-
-              _this.textTracks().addTrack(node.track);
-
-              if (!crossoriginTracks && !_this.el_.hasAttribute('crossorigin') && isCrossOrigin(node.src)) {
-                crossoriginTracks = true;
-              }
-            }
-          }
-        }
-
-        for (var i = 0; i < removeNodes.length; i++) {
-          _this.el_.removeChild(removeNodes[i]);
-        }
-      }
-
-      _this.proxyNativeTracks_();
-
-      if (_this.featuresNativeTextTracks && crossoriginTracks) {
-        log.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
-      } // prevent iOS Safari from disabling metadata text tracks during native playback
-
-
-      _this.restoreMetadataTracksInIOSNativePlayer_(); // Determine if native controls should be used
-      // Our goal should be to get the custom controls on mobile solid everywhere
-      // so we can remove this all together. Right now this will block custom
-      // controls on touch enabled laptops like the Chrome Pixel
-
-
-      if ((TOUCH_ENABLED || IS_IPHONE || IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true) {
-        _this.setControls(true);
-      } // on iOS, we want to proxy `webkitbeginfullscreen` and `webkitendfullscreen`
-      // into a `fullscreenchange` event
-
-
-      _this.proxyWebkitFullscreen_();
-
-      _this.triggerReady();
-
-      return _this;
-    }
-    /**
-     * Dispose of `HTML5` media element and remove all tracks.
-     */
-
-
-    var _proto = Html5.prototype;
-
-    _proto.dispose = function dispose() {
-      if (this.el_ && this.el_.resetSourceset_) {
-        this.el_.resetSourceset_();
-      }
-
-      Html5.disposeMediaElement(this.el_);
-      this.options_ = null; // tech will handle clearing of the emulated track list
-
-      _Tech.prototype.dispose.call(this);
-    }
-    /**
-     * Modify the media element so that we can detect when
-     * the source is changed. Fires `sourceset` just after the source has changed
-     */
-    ;
-
-    _proto.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-      setupSourceset(this);
-    }
-    /**
-     * When a captions track is enabled in the iOS Safari native player, all other
-     * tracks are disabled (including metadata tracks), which nulls all of their
-     * associated cue points. This will restore metadata tracks to their pre-fullscreen
-     * state in those cases so that cue points are not needlessly lost.
-     *
-     * @private
-     */
-    ;
-
-    _proto.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-      var textTracks = this.textTracks();
-      var metadataTracksPreFullscreenState; // captures a snapshot of every metadata track's current state
-
-      var takeMetadataTrackSnapshot = function takeMetadataTrackSnapshot() {
-        metadataTracksPreFullscreenState = [];
-
-        for (var i = 0; i < textTracks.length; i++) {
-          var track = textTracks[i];
-
-          if (track.kind === 'metadata') {
-            metadataTracksPreFullscreenState.push({
-              track: track,
-              storedMode: track.mode
-            });
-          }
-        }
-      }; // snapshot each metadata track's initial state, and update the snapshot
-      // each time there is a track 'change' event
-
-
-      takeMetadataTrackSnapshot();
-      textTracks.addEventListener('change', takeMetadataTrackSnapshot);
-      this.on('dispose', function () {
-        return textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-      });
-
-      var restoreTrackMode = function restoreTrackMode() {
-        for (var i = 0; i < metadataTracksPreFullscreenState.length; i++) {
-          var storedTrack = metadataTracksPreFullscreenState[i];
-
-          if (storedTrack.track.mode === 'disabled' && storedTrack.track.mode !== storedTrack.storedMode) {
-            storedTrack.track.mode = storedTrack.storedMode;
-          }
-        } // we only want this handler to be executed on the first 'change' event
-
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-      }; // when we enter fullscreen playback, stop updating the snapshot and
-      // restore all track modes to their pre-fullscreen state
-
-
-      this.on('webkitbeginfullscreen', function () {
-        textTracks.removeEventListener('change', takeMetadataTrackSnapshot); // remove the listener before adding it just in case it wasn't previously removed
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-        textTracks.addEventListener('change', restoreTrackMode);
-      }); // start updating the snapshot again after leaving fullscreen
-
-      this.on('webkitendfullscreen', function () {
-        // remove the listener before adding it just in case it wasn't previously removed
-        textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-        textTracks.addEventListener('change', takeMetadataTrackSnapshot); // remove the restoreTrackMode handler in case it wasn't triggered during fullscreen playback
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-      });
-    }
-    /**
-     * Attempt to force override of tracks for the given type
-     *
-     * @param {string} type - Track type to override, possible values include 'Audio',
-     * 'Video', and 'Text'.
-     * @param {boolean} override - If set to true native audio/video will be overridden,
-     * otherwise native audio/video will potentially be used.
-     * @private
-     */
-    ;
-
-    _proto.overrideNative_ = function overrideNative_(type, override) {
-      var _this2 = this;
-
-      // If there is no behavioral change don't add/remove listeners
-      if (override !== this["featuresNative" + type + "Tracks"]) {
-        return;
-      }
-
-      var lowerCaseType = type.toLowerCase();
-
-      if (this[lowerCaseType + "TracksListeners_"]) {
-        Object.keys(this[lowerCaseType + "TracksListeners_"]).forEach(function (eventName) {
-          var elTracks = _this2.el()[lowerCaseType + "Tracks"];
-
-          elTracks.removeEventListener(eventName, _this2[lowerCaseType + "TracksListeners_"][eventName]);
-        });
-      }
-
-      this["featuresNative" + type + "Tracks"] = !override;
-      this[lowerCaseType + "TracksListeners_"] = null;
-      this.proxyNativeTracksForType_(lowerCaseType);
-    }
-    /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     */
-    ;
-
-    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks(override) {
-      this.overrideNative_('Audio', override);
-    }
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     */
-    ;
-
-    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks(override) {
-      this.overrideNative_('Video', override);
-    }
-    /**
-     * Proxy native track list events for the given type to our track
-     * lists if the browser we are playing in supports that type of track list.
-     *
-     * @param {string} name - Track type; values include 'audio', 'video', and 'text'
-     * @private
-     */
-    ;
-
-    _proto.proxyNativeTracksForType_ = function proxyNativeTracksForType_(name) {
-      var _this3 = this;
-
-      var props = NORMAL[name];
-      var elTracks = this.el()[props.getterName];
-      var techTracks = this[props.getterName]();
-
-      if (!this["featuresNative" + props.capitalName + "Tracks"] || !elTracks || !elTracks.addEventListener) {
-        return;
-      }
-
-      var listeners = {
-        change: function change(e) {
-          techTracks.trigger({
-            type: 'change',
-            target: techTracks,
-            currentTarget: techTracks,
-            srcElement: techTracks
-          });
-        },
-        addtrack: function addtrack(e) {
-          techTracks.addTrack(e.track);
-        },
-        removetrack: function removetrack(e) {
-          techTracks.removeTrack(e.track);
-        }
-      };
-
-      var removeOldTracks = function removeOldTracks() {
-        var removeTracks = [];
-
-        for (var i = 0; i < techTracks.length; i++) {
-          var found = false;
-
-          for (var j = 0; j < elTracks.length; j++) {
-            if (elTracks[j] === techTracks[i]) {
-              found = true;
-              break;
-            }
-          }
-
-          if (!found) {
-            removeTracks.push(techTracks[i]);
-          }
-        }
-
-        while (removeTracks.length) {
-          techTracks.removeTrack(removeTracks.shift());
-        }
-      };
-
-      this[props.getterName + 'Listeners_'] = listeners;
-      Object.keys(listeners).forEach(function (eventName) {
-        var listener = listeners[eventName];
-        elTracks.addEventListener(eventName, listener);
-
-        _this3.on('dispose', function (e) {
-          return elTracks.removeEventListener(eventName, listener);
-        });
-      }); // Remove (native) tracks that are not used anymore
-
-      this.on('loadstart', removeOldTracks);
-      this.on('dispose', function (e) {
-        return _this3.off('loadstart', removeOldTracks);
-      });
-    }
-    /**
-     * Proxy all native track list events to our track lists if the browser we are playing
-     * in supports that type of track list.
-     *
-     * @private
-     */
-    ;
-
-    _proto.proxyNativeTracks_ = function proxyNativeTracks_() {
-      var _this4 = this;
-
-      NORMAL.names.forEach(function (name) {
-        _this4.proxyNativeTracksForType_(name);
-      });
-    }
-    /**
-     * Create the `Html5` Tech's DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var el = this.options_.tag; // Check if this browser supports moving the element into the box.
-      // On the iPhone video will break if you move the element,
-      // So we have to create a brand new element.
-      // If we ingested the player div, we do not need to move the media element.
-
-      if (!el || !(this.options_.playerElIngest || this.movingMediaElementInDOM)) {
-        // If the original tag is still there, clone and remove it.
-        if (el) {
-          var clone = el.cloneNode(true);
-
-          if (el.parentNode) {
-            el.parentNode.insertBefore(clone, el);
-          }
-
-          Html5.disposeMediaElement(el);
-          el = clone;
-        } else {
-          el = document.createElement('video'); // determine if native controls should be used
-
-          var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);
-          var attributes = mergeOptions({}, tagAttributes);
-
-          if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {
-            delete attributes.controls;
-          }
-
-          setAttributes(el, assign(attributes, {
-            id: this.options_.techId,
-            "class": 'vjs-tech'
-          }));
-        }
-
-        el.playerId = this.options_.playerId;
-      }
-
-      if (typeof this.options_.preload !== 'undefined') {
-        setAttribute(el, 'preload', this.options_.preload);
-      } // Update specific tag settings, in case they were overridden
-      // `autoplay` has to be *last* so that `muted` and `playsinline` are present
-      // when iOS/Safari or other browsers attempt to autoplay.
-
-
-      var settingsAttrs = ['loop', 'muted', 'playsinline', 'autoplay'];
-
-      for (var i = 0; i < settingsAttrs.length; i++) {
-        var attr = settingsAttrs[i];
-        var value = this.options_[attr];
-
-        if (typeof value !== 'undefined') {
-          if (value) {
-            setAttribute(el, attr, attr);
-          } else {
-            removeAttribute(el, attr);
-          }
-
-          el[attr] = value;
-        }
-      }
-
-      return el;
-    }
-    /**
-     * This will be triggered if the loadstart event has already fired, before videojs was
-     * ready. Two known examples of when this can happen are:
-     * 1. If we're loading the playback object after it has started loading
-     * 2. The media is already playing the (often with autoplay on) then
-     *
-     * This function will fire another loadstart so that videojs can catchup.
-     *
-     * @fires Tech#loadstart
-     *
-     * @return {undefined}
-     *         returns nothing.
-     */
-    ;
-
-    _proto.handleLateInit_ = function handleLateInit_(el) {
-      if (el.networkState === 0 || el.networkState === 3) {
-        // The video element hasn't started loading the source yet
-        // or didn't find a source
-        return;
-      }
-
-      if (el.readyState === 0) {
-        // NetworkState is set synchronously BUT loadstart is fired at the
-        // end of the current stack, usually before setInterval(fn, 0).
-        // So at this point we know loadstart may have already fired or is
-        // about to fire, and either way the player hasn't seen it yet.
-        // We don't want to fire loadstart prematurely here and cause a
-        // double loadstart so we'll wait and see if it happens between now
-        // and the next loop, and fire it if not.
-        // HOWEVER, we also want to make sure it fires before loadedmetadata
-        // which could also happen between now and the next loop, so we'll
-        // watch for that also.
-        var loadstartFired = false;
-
-        var setLoadstartFired = function setLoadstartFired() {
-          loadstartFired = true;
-        };
-
-        this.on('loadstart', setLoadstartFired);
-
-        var triggerLoadstart = function triggerLoadstart() {
-          // We did miss the original loadstart. Make sure the player
-          // sees loadstart before loadedmetadata
-          if (!loadstartFired) {
-            this.trigger('loadstart');
-          }
-        };
-
-        this.on('loadedmetadata', triggerLoadstart);
-        this.ready(function () {
-          this.off('loadstart', setLoadstartFired);
-          this.off('loadedmetadata', triggerLoadstart);
-
-          if (!loadstartFired) {
-            // We did miss the original native loadstart. Fire it now.
-            this.trigger('loadstart');
-          }
-        });
-        return;
-      } // From here on we know that loadstart already fired and we missed it.
-      // The other readyState events aren't as much of a problem if we double
-      // them, so not going to go to as much trouble as loadstart to prevent
-      // that unless we find reason to.
-
-
-      var eventsToTrigger = ['loadstart']; // loadedmetadata: newly equal to HAVE_METADATA (1) or greater
-
-      eventsToTrigger.push('loadedmetadata'); // loadeddata: newly increased to HAVE_CURRENT_DATA (2) or greater
-
-      if (el.readyState >= 2) {
-        eventsToTrigger.push('loadeddata');
-      } // canplay: newly increased to HAVE_FUTURE_DATA (3) or greater
-
-
-      if (el.readyState >= 3) {
-        eventsToTrigger.push('canplay');
-      } // canplaythrough: newly equal to HAVE_ENOUGH_DATA (4)
-
-
-      if (el.readyState >= 4) {
-        eventsToTrigger.push('canplaythrough');
-      } // We still need to give the player time to add event listeners
-
-
-      this.ready(function () {
-        eventsToTrigger.forEach(function (type) {
-          this.trigger(type);
-        }, this);
-      });
-    }
-    /**
-     * Set current time for the `HTML5` tech.
-     *
-     * @param {number} seconds
-     *        Set the current time of the media to this.
-     */
-    ;
-
-    _proto.setCurrentTime = function setCurrentTime(seconds) {
-      try {
-        this.el_.currentTime = seconds;
-      } catch (e) {
-        log(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
-      }
-    }
-    /**
-     * Get the current duration of the HTML5 media element.
-     *
-     * @return {number}
-     *         The duration of the media or 0 if there is no duration.
-     */
-    ;
-
-    _proto.duration = function duration() {
-      var _this5 = this;
-
-      // Android Chrome will report duration as Infinity for VOD HLS until after
-      // playback has started, which triggers the live display erroneously.
-      // Return NaN if playback has not started and trigger a durationupdate once
-      // the duration can be reliably known.
-      if (this.el_.duration === Infinity && IS_ANDROID && IS_CHROME && this.el_.currentTime === 0) {
-        // Wait for the first `timeupdate` with currentTime > 0 - there may be
-        // several with 0
-        var checkProgress = function checkProgress() {
-          if (_this5.el_.currentTime > 0) {
-            // Trigger durationchange for genuinely live video
-            if (_this5.el_.duration === Infinity) {
-              _this5.trigger('durationchange');
-            }
-
-            _this5.off('timeupdate', checkProgress);
-          }
-        };
-
-        this.on('timeupdate', checkProgress);
-        return NaN;
-      }
-
-      return this.el_.duration || NaN;
-    }
-    /**
-     * Get the current width of the HTML5 media element.
-     *
-     * @return {number}
-     *         The width of the HTML5 media element.
-     */
-    ;
-
-    _proto.width = function width() {
-      return this.el_.offsetWidth;
-    }
-    /**
-     * Get the current height of the HTML5 media element.
-     *
-     * @return {number}
-     *         The height of the HTML5 media element.
-     */
-    ;
-
-    _proto.height = function height() {
-      return this.el_.offsetHeight;
-    }
-    /**
-     * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-     * `fullscreenchange` event.
-     *
-     * @private
-     * @fires fullscreenchange
-     * @listens webkitendfullscreen
-     * @listens webkitbeginfullscreen
-     * @listens webkitbeginfullscreen
-     */
-    ;
-
-    _proto.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-      var _this6 = this;
-
-      if (!('webkitDisplayingFullscreen' in this.el_)) {
-        return;
-      }
-
-      var endFn = function endFn() {
-        this.trigger('fullscreenchange', {
-          isFullscreen: false
-        });
-      };
-
-      var beginFn = function beginFn() {
-        if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {
-          this.one('webkitendfullscreen', endFn);
-          this.trigger('fullscreenchange', {
-            isFullscreen: true
-          });
-        }
-      };
-
-      this.on('webkitbeginfullscreen', beginFn);
-      this.on('dispose', function () {
-        _this6.off('webkitbeginfullscreen', beginFn);
-
-        _this6.off('webkitendfullscreen', endFn);
-      });
-    }
-    /**
-     * Check if fullscreen is supported on the current playback device.
-     *
-     * @return {boolean}
-     *         - True if fullscreen is supported.
-     *         - False if fullscreen is not supported.
-     */
-    ;
-
-    _proto.supportsFullScreen = function supportsFullScreen() {
-      if (typeof this.el_.webkitEnterFullScreen === 'function') {
-        var userAgent = window$1.navigator && window$1.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
-
-        if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {
-          return true;
-        }
-      }
-
-      return false;
-    }
-    /**
-     * Request that the `HTML5` Tech enter fullscreen.
-     */
-    ;
-
-    _proto.enterFullScreen = function enterFullScreen() {
-      var video = this.el_;
-
-      if (video.paused && video.networkState <= video.HAVE_METADATA) {
-        // attempt to prime the video element for programmatic access
-        // this isn't necessary on the desktop but shouldn't hurt
-        this.el_.play(); // playing and pausing synchronously during the transition to fullscreen
-        // can get iOS ~6.1 devices into a play/pause loop
-
-        this.setTimeout(function () {
-          video.pause();
-          video.webkitEnterFullScreen();
-        }, 0);
-      } else {
-        video.webkitEnterFullScreen();
-      }
-    }
-    /**
-     * Request that the `HTML5` Tech exit fullscreen.
-     */
-    ;
-
-    _proto.exitFullScreen = function exitFullScreen() {
-      this.el_.webkitExitFullScreen();
-    }
-    /**
-     * Create a floating video window always on top of other windows so that users may
-     * continue consuming media while they interact with other content sites, or
-     * applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @return {Promise}
-     *         A promise with a Picture-in-Picture window.
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      return this.el_.requestPictureInPicture();
-    }
-    /**
-     * A getter/setter for the `Html5` Tech's source object.
-     * > Note: Please use {@link Html5#setSource}
-     *
-     * @param {Tech~SourceObject} [src]
-     *        The source object you want to set on the `HTML5` techs element.
-     *
-     * @return {Tech~SourceObject|undefined}
-     *         - The current source object when a source is not passed in.
-     *         - undefined when setting
-     *
-     * @deprecated Since version 5.
-     */
-    ;
-
-    _proto.src = function src(_src) {
-      if (_src === undefined) {
-        return this.el_.src;
-      } // Setting src through `src` instead of `setSrc` will be deprecated
-
-
-      this.setSrc(_src);
-    }
-    /**
-     * Reset the tech by removing all sources and then calling
-     * {@link Html5.resetMediaElement}.
-     */
-    ;
-
-    _proto.reset = function reset() {
-      Html5.resetMediaElement(this.el_);
-    }
-    /**
-     * Get the current source on the `HTML5` Tech. Falls back to returning the source from
-     * the HTML5 media element.
-     *
-     * @return {Tech~SourceObject}
-     *         The current source object from the HTML5 tech. With a fallback to the
-     *         elements source.
-     */
-    ;
-
-    _proto.currentSrc = function currentSrc() {
-      if (this.currentSource_) {
-        return this.currentSource_.src;
-      }
-
-      return this.el_.currentSrc;
-    }
-    /**
-     * Set controls attribute for the HTML5 media Element.
-     *
-     * @param {string} val
-     *        Value to set the controls attribute to
-     */
-    ;
-
-    _proto.setControls = function setControls(val) {
-      this.el_.controls = !!val;
-    }
-    /**
-     * Create and returns a remote {@link TextTrack} object.
-     *
-     * @param {string} kind
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-     *
-     * @param {string} [label]
-     *        Label to identify the text track
-     *
-     * @param {string} [language]
-     *        Two letter language abbreviation
-     *
-     * @return {TextTrack}
-     *         The TextTrack that gets created.
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (!this.featuresNativeTextTracks) {
-        return _Tech.prototype.addTextTrack.call(this, kind, label, language);
-      }
-
-      return this.el_.addTextTrack(kind, label, language);
-    }
-    /**
-     * Creates either native TextTrack or an emulated TextTrack depending
-     * on the value of `featuresNativeTextTracks`
-     *
-     * @param {Object} options
-     *        The object should contain the options to initialize the TextTrack with.
-     *
-     * @param {string} [options.kind]
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-     *
-     * @param {string} [options.label]
-     *        Label to identify the text track
-     *
-     * @param {string} [options.language]
-     *        Two letter language abbreviation.
-     *
-     * @param {boolean} [options.default]
-     *        Default this track to on.
-     *
-     * @param {string} [options.id]
-     *        The internal id to assign this track.
-     *
-     * @param {string} [options.src]
-     *        A source url for the track.
-     *
-     * @return {HTMLTrackElement}
-     *         The track element that gets created.
-     */
-    ;
-
-    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-      if (!this.featuresNativeTextTracks) {
-        return _Tech.prototype.createRemoteTextTrack.call(this, options);
-      }
-
-      var htmlTrackElement = document.createElement('track');
-
-      if (options.kind) {
-        htmlTrackElement.kind = options.kind;
-      }
-
-      if (options.label) {
-        htmlTrackElement.label = options.label;
-      }
-
-      if (options.language || options.srclang) {
-        htmlTrackElement.srclang = options.language || options.srclang;
-      }
-
-      if (options["default"]) {
-        htmlTrackElement["default"] = options["default"];
-      }
-
-      if (options.id) {
-        htmlTrackElement.id = options.id;
-      }
-
-      if (options.src) {
-        htmlTrackElement.src = options.src;
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Creates a remote text track object and returns an html track element.
-     *
-     * @param {Object} options The object should contain values for
-     * kind, language, label, and src (location of the WebVTT file)
-     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-     * automatically removed from the video element whenever the source changes
-     * @return {HTMLTrackElement} An Html Track Element.
-     * This can be an emulated {@link HTMLTrackElement} or a native one.
-     * @deprecated The default value of the "manualCleanup" parameter will default
-     * to "false" in upcoming versions of Video.js
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      var htmlTrackElement = _Tech.prototype.addRemoteTextTrack.call(this, options, manualCleanup);
-
-      if (this.featuresNativeTextTracks) {
-        this.el().appendChild(htmlTrackElement);
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Remove remote `TextTrack` from `TextTrackList` object
-     *
-     * @param {TextTrack} track
-     *        `TextTrack` object to remove
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-      _Tech.prototype.removeRemoteTextTrack.call(this, track);
-
-      if (this.featuresNativeTextTracks) {
-        var tracks = this.$$('track');
-        var i = tracks.length;
-
-        while (i--) {
-          if (track === tracks[i] || track === tracks[i].track) {
-            this.el().removeChild(tracks[i]);
-          }
-        }
-      }
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object}
-     *         An object with supported media playback quality metrics
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      if (typeof this.el().getVideoPlaybackQuality === 'function') {
-        return this.el().getVideoPlaybackQuality();
-      }
-
-      var videoPlaybackQuality = {};
-
-      if (typeof this.el().webkitDroppedFrameCount !== 'undefined' && typeof this.el().webkitDecodedFrameCount !== 'undefined') {
-        videoPlaybackQuality.droppedVideoFrames = this.el().webkitDroppedFrameCount;
-        videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;
-      }
-
-      if (window$1.performance && typeof window$1.performance.now === 'function') {
-        videoPlaybackQuality.creationTime = window$1.performance.now();
-      } else if (window$1.performance && window$1.performance.timing && typeof window$1.performance.timing.navigationStart === 'number') {
-        videoPlaybackQuality.creationTime = window$1.Date.now() - window$1.performance.timing.navigationStart;
-      }
-
-      return videoPlaybackQuality;
-    };
-
-    return Html5;
-  }(Tech);
-  /* HTML5 Support Testing ---------------------------------------------------- */
-
-  /**
-   * Element for testing browser HTML5 media capabilities
-   *
-   * @type {Element}
-   * @constant
-   * @private
-   */
-
-
-  defineLazyProperty(Html5, 'TEST_VID', function () {
-    if (!isReal()) {
-      return;
-    }
-
-    var video = document.createElement('video');
-    var track = document.createElement('track');
-    track.kind = 'captions';
-    track.srclang = 'en';
-    track.label = 'English';
-    video.appendChild(track);
-    return video;
-  });
-  /**
-   * Check if HTML5 media is supported by this browser/device.
-   *
-   * @return {boolean}
-   *         - True if HTML5 media is supported.
-   *         - False if HTML5 media is not supported.
-   */
-
-  Html5.isSupported = function () {
-    // IE with no Media Player is a LIAR! (#984)
-    try {
-      Html5.TEST_VID.volume = 0.5;
-    } catch (e) {
-      return false;
-    }
-
-    return !!(Html5.TEST_VID && Html5.TEST_VID.canPlayType);
-  };
-  /**
-   * Check if the tech can support the given type
-   *
-   * @param {string} type
-   *        The mimetype to check
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-
-
-  Html5.canPlayType = function (type) {
-    return Html5.TEST_VID.canPlayType(type);
-  };
-  /**
-   * Check if the tech can support the given source
-   *
-   * @param {Object} srcObj
-   *        The source object
-   * @param {Object} options
-   *        The options passed to the tech
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-
-
-  Html5.canPlaySource = function (srcObj, options) {
-    return Html5.canPlayType(srcObj.type);
-  };
-  /**
-   * Check if the volume can be changed in this browser/device.
-   * Volume cannot be changed in a lot of mobile devices.
-   * Specifically, it can't be changed from 1 on iOS.
-   *
-   * @return {boolean}
-   *         - True if volume can be controlled
-   *         - False otherwise
-   */
-
-
-  Html5.canControlVolume = function () {
-    // IE will error if Windows Media Player not installed #3315
-    try {
-      var volume = Html5.TEST_VID.volume;
-      Html5.TEST_VID.volume = volume / 2 + 0.1;
-      return volume !== Html5.TEST_VID.volume;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if the volume can be muted in this browser/device.
-   * Some devices, e.g. iOS, don't allow changing volume
-   * but permits muting/unmuting.
-   *
-   * @return {bolean}
-   *      - True if volume can be muted
-   *      - False otherwise
-   */
-
-
-  Html5.canMuteVolume = function () {
-    try {
-      var muted = Html5.TEST_VID.muted; // in some versions of iOS muted property doesn't always
-      // work, so we want to set both property and attribute
-
-      Html5.TEST_VID.muted = !muted;
-
-      if (Html5.TEST_VID.muted) {
-        setAttribute(Html5.TEST_VID, 'muted', 'muted');
-      } else {
-        removeAttribute(Html5.TEST_VID, 'muted', 'muted');
-      }
-
-      return muted !== Html5.TEST_VID.muted;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if the playback rate can be changed in this browser/device.
-   *
-   * @return {boolean}
-   *         - True if playback rate can be controlled
-   *         - False otherwise
-   */
-
-
-  Html5.canControlPlaybackRate = function () {
-    // Playback rate API is implemented in Android Chrome, but doesn't do anything
-    // https://github.com/videojs/video.js/issues/3180
-    if (IS_ANDROID && IS_CHROME && CHROME_VERSION < 58) {
-      return false;
-    } // IE will error if Windows Media Player not installed #3315
-
-
-    try {
-      var playbackRate = Html5.TEST_VID.playbackRate;
-      Html5.TEST_VID.playbackRate = playbackRate / 2 + 0.1;
-      return playbackRate !== Html5.TEST_VID.playbackRate;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if we can override a video/audio elements attributes, with
-   * Object.defineProperty.
-   *
-   * @return {boolean}
-   *         - True if builtin attributes can be overridden
-   *         - False otherwise
-   */
-
-
-  Html5.canOverrideAttributes = function () {
-    // if we cannot overwrite the src/innerHTML property, there is no support
-    // iOS 7 safari for instance cannot do this.
-    try {
-      var noop = function noop() {};
-
-      Object.defineProperty(document.createElement('video'), 'src', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('audio'), 'src', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('video'), 'innerHTML', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('audio'), 'innerHTML', {
-        get: noop,
-        set: noop
-      });
-    } catch (e) {
-      return false;
-    }
-
-    return true;
-  };
-  /**
-   * Check to see if native `TextTrack`s are supported by this browser/device.
-   *
-   * @return {boolean}
-   *         - True if native `TextTrack`s are supported.
-   *         - False otherwise
-   */
-
-
-  Html5.supportsNativeTextTracks = function () {
-    return IS_ANY_SAFARI || IS_IOS && IS_CHROME;
-  };
-  /**
-   * Check to see if native `VideoTrack`s are supported by this browser/device
-   *
-   * @return {boolean}
-   *        - True if native `VideoTrack`s are supported.
-   *        - False otherwise
-   */
-
-
-  Html5.supportsNativeVideoTracks = function () {
-    return !!(Html5.TEST_VID && Html5.TEST_VID.videoTracks);
-  };
-  /**
-   * Check to see if native `AudioTrack`s are supported by this browser/device
-   *
-   * @return {boolean}
-   *        - True if native `AudioTrack`s are supported.
-   *        - False otherwise
-   */
-
-
-  Html5.supportsNativeAudioTracks = function () {
-    return !!(Html5.TEST_VID && Html5.TEST_VID.audioTracks);
-  };
-  /**
-   * An array of events available on the Html5 tech.
-   *
-   * @private
-   * @type {Array}
-   */
-
-
-  Html5.Events = ['loadstart', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'seeking', 'seeked', 'ended', 'durationchange', 'timeupdate', 'progress', 'play', 'pause', 'ratechange', 'resize', 'volumechange'];
-  /**
-   * Boolean indicating whether the `Tech` supports volume control.
-   *
-   * @type {boolean}
-   * @default {@link Html5.canControlVolume}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports muting volume.
-   *
-   * @type {bolean}
-   * @default {@link Html5.canMuteVolume}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports changing the speed at which the media
-   * plays. Examples:
-   *   - Set player to play 2x (twice) as fast
-   *   - Set player to play 0.5x (half) as fast
-   *
-   * @type {boolean}
-   * @default {@link Html5.canControlPlaybackRate}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports the `sourceset` event.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeTextTracks}
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeVideoTracks}
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeAudioTracks}
-   */
-
-  [['featuresVolumeControl', 'canControlVolume'], ['featuresMuteControl', 'canMuteVolume'], ['featuresPlaybackRate', 'canControlPlaybackRate'], ['featuresSourceset', 'canOverrideAttributes'], ['featuresNativeTextTracks', 'supportsNativeTextTracks'], ['featuresNativeVideoTracks', 'supportsNativeVideoTracks'], ['featuresNativeAudioTracks', 'supportsNativeAudioTracks']].forEach(function (_ref) {
-    var key = _ref[0],
-        fn = _ref[1];
-    defineLazyProperty(Html5.prototype, key, function () {
-      return Html5[fn]();
-    }, true);
-  });
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the media element
-   * moving in the DOM. iOS breaks if you move the media element, so this is set this to
-   * false there. Everywhere else this should be true.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.movingMediaElementInDOM = !IS_IOS; // TODO: Previous comment: No longer appears to be used. Can probably be removed.
-  //       Is this true?
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports automatic media resize
-   * when going into fullscreen.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.featuresFullscreenResize = true;
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the progress event.
-   * If this is false, manual `progress` events will be triggered instead.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.featuresProgressEvents = true;
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the timeupdate event.
-   * If this is false, manual `timeupdate` events will be triggered instead.
-   *
-   * @default
-   */
-
-  Html5.prototype.featuresTimeupdateEvents = true; // HTML5 Feature detection and Device Fixes --------------------------------- //
-
-  var canPlayType;
-
-  Html5.patchCanPlayType = function () {
-    // Android 4.0 and above can play HLS to some extent but it reports being unable to do so
-    // Firefox and Chrome report correctly
-    if (ANDROID_VERSION >= 4.0 && !IS_FIREFOX && !IS_CHROME) {
-      canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-
-      Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-        var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-
-        if (type && mpegurlRE.test(type)) {
-          return 'maybe';
-        }
-
-        return canPlayType.call(this, type);
-      };
-    }
-  };
-
-  Html5.unpatchCanPlayType = function () {
-    var r = Html5.TEST_VID.constructor.prototype.canPlayType;
-
-    if (canPlayType) {
-      Html5.TEST_VID.constructor.prototype.canPlayType = canPlayType;
-    }
-
-    return r;
-  }; // by default, patch the media element
-
-
-  Html5.patchCanPlayType();
-
-  Html5.disposeMediaElement = function (el) {
-    if (!el) {
-      return;
-    }
-
-    if (el.parentNode) {
-      el.parentNode.removeChild(el);
-    } // remove any child track or source nodes to prevent their loading
-
-
-    while (el.hasChildNodes()) {
-      el.removeChild(el.firstChild);
-    } // remove any src reference. not setting `src=''` because that causes a warning
-    // in firefox
-
-
-    el.removeAttribute('src'); // force the media element to update its loading state by calling load()
-    // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)
-
-    if (typeof el.load === 'function') {
-      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-      (function () {
-        try {
-          el.load();
-        } catch (e) {// not supported
-        }
-      })();
-    }
-  };
-
-  Html5.resetMediaElement = function (el) {
-    if (!el) {
-      return;
-    }
-
-    var sources = el.querySelectorAll('source');
-    var i = sources.length;
-
-    while (i--) {
-      el.removeChild(sources[i]);
-    } // remove any src reference.
-    // not setting `src=''` because that throws an error
-
-
-    el.removeAttribute('src');
-
-    if (typeof el.load === 'function') {
-      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-      (function () {
-        try {
-          el.load();
-        } catch (e) {// satisfy linter
-        }
-      })();
-    }
-  };
-  /* Native HTML5 element property wrapping ----------------------------------- */
-  // Wrap native boolean attributes with getters that check both property and attribute
-  // The list is as followed:
-  // muted, defaultMuted, autoplay, controls, loop, playsinline
-
-
-  [
-  /**
-   * Get the value of `muted` from the media element. `muted` indicates
-   * that the volume for the media should be set to silent. This does not actually change
-   * the `volume` attribute.
-   *
-   * @method Html5#muted
-   * @return {boolean}
-   *         - True if the value of `volume` should be ignored and the audio set to silent.
-   *         - False if the value of `volume` should be used.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
-   */
-  'muted',
-  /**
-   * Get the value of `defaultMuted` from the media element. `defaultMuted` indicates
-   * whether the media should start muted or not. Only changes the default state of the
-   * media. `muted` and `defaultMuted` can have different values. {@link Html5#muted} indicates the
-   * current state.
-   *
-   * @method Html5#defaultMuted
-   * @return {boolean}
-   *         - The value of `defaultMuted` from the media element.
-   *         - True indicates that the media should start muted.
-   *         - False indicates that the media should not start muted
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
-   */
-  'defaultMuted',
-  /**
-   * Get the value of `autoplay` from the media element. `autoplay` indicates
-   * that the media should start to play as soon as the page is ready.
-   *
-   * @method Html5#autoplay
-   * @return {boolean}
-   *         - The value of `autoplay` from the media element.
-   *         - True indicates that the media should start as soon as the page loads.
-   *         - False indicates that the media should not start as soon as the page loads.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
-   */
-  'autoplay',
-  /**
-   * Get the value of `controls` from the media element. `controls` indicates
-   * whether the native media controls should be shown or hidden.
-   *
-   * @method Html5#controls
-   * @return {boolean}
-   *         - The value of `controls` from the media element.
-   *         - True indicates that native controls should be showing.
-   *         - False indicates that native controls should be hidden.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-controls}
-   */
-  'controls',
-  /**
-   * Get the value of `loop` from the media element. `loop` indicates
-   * that the media should return to the start of the media and continue playing once
-   * it reaches the end.
-   *
-   * @method Html5#loop
-   * @return {boolean}
-   *         - The value of `loop` from the media element.
-   *         - True indicates that playback should seek back to start once
-   *           the end of a media is reached.
-   *         - False indicates that playback should not loop back to the start when the
-   *           end of the media is reached.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
-   */
-  'loop',
-  /**
-   * Get the value of `playsinline` from the media element. `playsinline` indicates
-   * to the browser that non-fullscreen playback is preferred when fullscreen
-   * playback is the native default, such as in iOS Safari.
-   *
-   * @method Html5#playsinline
-   * @return {boolean}
-   *         - The value of `playsinline` from the media element.
-   *         - True indicates that the media should play inline.
-   *         - False indicates that the media should not play inline.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  'playsinline'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop] || this.el_.hasAttribute(prop);
-    };
-  }); // Wrap native boolean attributes with setters that set both property and attribute
-  // The list is as followed:
-  // setMuted, setDefaultMuted, setAutoplay, setLoop, setPlaysinline
-  // setControls is special-cased above
-
-  [
-  /**
-   * Set the value of `muted` on the media element. `muted` indicates that the current
-   * audio level should be silent.
-   *
-   * @method Html5#setMuted
-   * @param {boolean} muted
-   *        - True if the audio should be set to silent
-   *        - False otherwise
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
-   */
-  'muted',
-  /**
-   * Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current
-   * audio level should be silent, but will only effect the muted level on intial playback..
-   *
-   * @method Html5.prototype.setDefaultMuted
-   * @param {boolean} defaultMuted
-   *        - True if the audio should be set to silent
-   *        - False otherwise
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
-   */
-  'defaultMuted',
-  /**
-   * Set the value of `autoplay` on the media element. `autoplay` indicates
-   * that the media should start to play as soon as the page is ready.
-   *
-   * @method Html5#setAutoplay
-   * @param {boolean} autoplay
-   *         - True indicates that the media should start as soon as the page loads.
-   *         - False indicates that the media should not start as soon as the page loads.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
-   */
-  'autoplay',
-  /**
-   * Set the value of `loop` on the media element. `loop` indicates
-   * that the media should return to the start of the media and continue playing once
-   * it reaches the end.
-   *
-   * @method Html5#setLoop
-   * @param {boolean} loop
-   *         - True indicates that playback should seek back to start once
-   *           the end of a media is reached.
-   *         - False indicates that playback should not loop back to the start when the
-   *           end of the media is reached.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
-   */
-  'loop',
-  /**
-   * Set the value of `playsinline` from the media element. `playsinline` indicates
-   * to the browser that non-fullscreen playback is preferred when fullscreen
-   * playback is the native default, such as in iOS Safari.
-   *
-   * @method Html5#setPlaysinline
-   * @param {boolean} playsinline
-   *         - True indicates that the media should play inline.
-   *         - False indicates that the media should not play inline.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  'playsinline'].forEach(function (prop) {
-    Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-      this.el_[prop] = v;
-
-      if (v) {
-        this.el_.setAttribute(prop, prop);
-      } else {
-        this.el_.removeAttribute(prop);
-      }
-    };
-  }); // Wrap native properties with a getter
-  // The list is as followed
-  // paused, currentTime, buffered, volume, poster, preload, error, seeking
-  // seekable, ended, playbackRate, defaultPlaybackRate, played, networkState
-  // readyState, videoWidth, videoHeight
-
-  [
-  /**
-   * Get the value of `paused` from the media element. `paused` indicates whether the media element
-   * is currently paused or not.
-   *
-   * @method Html5#paused
-   * @return {boolean}
-   *         The value of `paused` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-paused}
-   */
-  'paused',
-  /**
-   * Get the value of `currentTime` from the media element. `currentTime` indicates
-   * the current second that the media is at in playback.
-   *
-   * @method Html5#currentTime
-   * @return {number}
-   *         The value of `currentTime` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-currenttime}
-   */
-  'currentTime',
-  /**
-   * Get the value of `buffered` from the media element. `buffered` is a `TimeRange`
-   * object that represents the parts of the media that are already downloaded and
-   * available for playback.
-   *
-   * @method Html5#buffered
-   * @return {TimeRange}
-   *         The value of `buffered` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-buffered}
-   */
-  'buffered',
-  /**
-   * Get the value of `volume` from the media element. `volume` indicates
-   * the current playback volume of audio for a media. `volume` will be a value from 0
-   * (silent) to 1 (loudest and default).
-   *
-   * @method Html5#volume
-   * @return {number}
-   *         The value of `volume` from the media element. Value will be between 0-1.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
-   */
-  'volume',
-  /**
-   * Get the value of `poster` from the media element. `poster` indicates
-   * that the url of an image file that can/will be shown when no media data is available.
-   *
-   * @method Html5#poster
-   * @return {string}
-   *         The value of `poster` from the media element. Value will be a url to an
-   *         image.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster}
-   */
-  'poster',
-  /**
-   * Get the value of `preload` from the media element. `preload` indicates
-   * what should download before the media is interacted with. It can have the following
-   * values:
-   * - none: nothing should be downloaded
-   * - metadata: poster and the first few frames of the media may be downloaded to get
-   *   media dimensions and other metadata
-   * - auto: allow the media and metadata for the media to be downloaded before
-   *    interaction
-   *
-   * @method Html5#preload
-   * @return {string}
-   *         The value of `preload` from the media element. Will be 'none', 'metadata',
-   *         or 'auto'.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
-   */
-  'preload',
-  /**
-   * Get the value of the `error` from the media element. `error` indicates any
-   * MediaError that may have occurred during playback. If error returns null there is no
-   * current error.
-   *
-   * @method Html5#error
-   * @return {MediaError|null}
-   *         The value of `error` from the media element. Will be `MediaError` if there
-   *         is a current error and null otherwise.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-error}
-   */
-  'error',
-  /**
-   * Get the value of `seeking` from the media element. `seeking` indicates whether the
-   * media is currently seeking to a new position or not.
-   *
-   * @method Html5#seeking
-   * @return {boolean}
-   *         - The value of `seeking` from the media element.
-   *         - True indicates that the media is currently seeking to a new position.
-   *         - False indicates that the media is not seeking to a new position at this time.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seeking}
-   */
-  'seeking',
-  /**
-   * Get the value of `seekable` from the media element. `seekable` returns a
-   * `TimeRange` object indicating ranges of time that can currently be `seeked` to.
-   *
-   * @method Html5#seekable
-   * @return {TimeRange}
-   *         The value of `seekable` from the media element. A `TimeRange` object
-   *         indicating the current ranges of time that can be seeked to.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seekable}
-   */
-  'seekable',
-  /**
-   * Get the value of `ended` from the media element. `ended` indicates whether
-   * the media has reached the end or not.
-   *
-   * @method Html5#ended
-   * @return {boolean}
-   *         - The value of `ended` from the media element.
-   *         - True indicates that the media has ended.
-   *         - False indicates that the media has not ended.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-ended}
-   */
-  'ended',
-  /**
-   * Get the value of `playbackRate` from the media element. `playbackRate` indicates
-   * the rate at which the media is currently playing back. Examples:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5#playbackRate
-   * @return {number}
-   *         The value of `playbackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'playbackRate',
-  /**
-   * Get the value of `defaultPlaybackRate` from the media element. `defaultPlaybackRate` indicates
-   * the rate at which the media is currently playing back. This value will not indicate the current
-   * `playbackRate` after playback has started, use {@link Html5#playbackRate} for that.
-   *
-   * Examples:
-   *   - if defaultPlaybackRate is set to 2, media will play twice as fast.
-   *   - if defaultPlaybackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5.prototype.defaultPlaybackRate
-   * @return {number}
-   *         The value of `defaultPlaybackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'defaultPlaybackRate',
-  /**
-   * Get the value of `played` from the media element. `played` returns a `TimeRange`
-   * object representing points in the media timeline that have been played.
-   *
-   * @method Html5#played
-   * @return {TimeRange}
-   *         The value of `played` from the media element. A `TimeRange` object indicating
-   *         the ranges of time that have been played.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-played}
-   */
-  'played',
-  /**
-   * Get the value of `networkState` from the media element. `networkState` indicates
-   * the current network state. It returns an enumeration from the following list:
-   * - 0: NETWORK_EMPTY
-   * - 1: NETWORK_IDLE
-   * - 2: NETWORK_LOADING
-   * - 3: NETWORK_NO_SOURCE
-   *
-   * @method Html5#networkState
-   * @return {number}
-   *         The value of `networkState` from the media element. This will be a number
-   *         from the list in the description.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate}
-   */
-  'networkState',
-  /**
-   * Get the value of `readyState` from the media element. `readyState` indicates
-   * the current state of the media element. It returns an enumeration from the
-   * following list:
-   * - 0: HAVE_NOTHING
-   * - 1: HAVE_METADATA
-   * - 2: HAVE_CURRENT_DATA
-   * - 3: HAVE_FUTURE_DATA
-   * - 4: HAVE_ENOUGH_DATA
-   *
-   * @method Html5#readyState
-   * @return {number}
-   *         The value of `readyState` from the media element. This will be a number
-   *         from the list in the description.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#ready-states}
-   */
-  'readyState',
-  /**
-   * Get the value of `videoWidth` from the video element. `videoWidth` indicates
-   * the current width of the video in css pixels.
-   *
-   * @method Html5#videoWidth
-   * @return {number}
-   *         The value of `videoWidth` from the video element. This will be a number
-   *         in css pixels.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
-   */
-  'videoWidth',
-  /**
-   * Get the value of `videoHeight` from the video element. `videoHeight` indicates
-   * the current height of the video in css pixels.
-   *
-   * @method Html5#videoHeight
-   * @return {number}
-   *         The value of `videoHeight` from the video element. This will be a number
-   *         in css pixels.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
-   */
-  'videoHeight'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop];
-    };
-  }); // Wrap native properties with a setter in this format:
-  // set + toTitleCase(name)
-  // The list is as follows:
-  // setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate
-
-  [
-  /**
-   * Set the value of `volume` on the media element. `volume` indicates the current
-   * audio level as a percentage in decimal form. This means that 1 is 100%, 0.5 is 50%, and
-   * so on.
-   *
-   * @method Html5#setVolume
-   * @param {number} percentAsDecimal
-   *        The volume percent as a decimal. Valid range is from 0-1.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
-   */
-  'volume',
-  /**
-   * Set the value of `src` on the media element. `src` indicates the current
-   * {@link Tech~SourceObject} for the media.
-   *
-   * @method Html5#setSrc
-   * @param {Tech~SourceObject} src
-   *        The source object to set as the current source.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-src}
-   */
-  'src',
-  /**
-   * Set the value of `poster` on the media element. `poster` is the url to
-   * an image file that can/will be shown when no media data is available.
-   *
-   * @method Html5#setPoster
-   * @param {string} poster
-   *        The url to an image that should be used as the `poster` for the media
-   *        element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-poster}
-   */
-  'poster',
-  /**
-   * Set the value of `preload` on the media element. `preload` indicates
-   * what should download before the media is interacted with. It can have the following
-   * values:
-   * - none: nothing should be downloaded
-   * - metadata: poster and the first few frames of the media may be downloaded to get
-   *   media dimensions and other metadata
-   * - auto: allow the media and metadata for the media to be downloaded before
-   *    interaction
-   *
-   * @method Html5#setPreload
-   * @param {string} preload
-   *         The value of `preload` to set on the media element. Must be 'none', 'metadata',
-   *         or 'auto'.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
-   */
-  'preload',
-  /**
-   * Set the value of `playbackRate` on the media element. `playbackRate` indicates
-   * the rate at which the media should play back. Examples:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5#setPlaybackRate
-   * @return {number}
-   *         The value of `playbackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'playbackRate',
-  /**
-   * Set the value of `defaultPlaybackRate` on the media element. `defaultPlaybackRate` indicates
-   * the rate at which the media should play back upon initial startup. Changing this value
-   * after a video has started will do nothing. Instead you should used {@link Html5#setPlaybackRate}.
-   *
-   * Example Values:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5.prototype.setDefaultPlaybackRate
-   * @return {number}
-   *         The value of `defaultPlaybackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}
-   */
-  'defaultPlaybackRate'].forEach(function (prop) {
-    Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-      this.el_[prop] = v;
-    };
-  }); // wrap native functions with a function
-  // The list is as follows:
-  // pause, load, play
-
-  [
-  /**
-   * A wrapper around the media elements `pause` function. This will call the `HTML5`
-   * media elements `pause` function.
-   *
-   * @method Html5#pause
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-pause}
-   */
-  'pause',
-  /**
-   * A wrapper around the media elements `load` function. This will call the `HTML5`s
-   * media element `load` function.
-   *
-   * @method Html5#load
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-load}
-   */
-  'load',
-  /**
-   * A wrapper around the media elements `play` function. This will call the `HTML5`s
-   * media element `play` function.
-   *
-   * @method Html5#play
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-play}
-   */
-  'play'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop]();
-    };
-  });
-  Tech.withSourceHandlers(Html5);
-  /**
-   * Native source handler for Html5, simply passes the source to the media element.
-   *
-   * @property {Tech~SourceObject} source
-   *        The source object
-   *
-   * @property {Html5} tech
-   *        The instance of the HTML5 tech.
-   */
-
-  Html5.nativeSourceHandler = {};
-  /**
-   * Check if the media element can play the given mime type.
-   *
-   * @param {string} type
-   *        The mimetype to check
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-
-  Html5.nativeSourceHandler.canPlayType = function (type) {
-    // IE without MediaPlayer throws an error (#519)
-    try {
-      return Html5.TEST_VID.canPlayType(type);
-    } catch (e) {
-      return '';
-    }
-  };
-  /**
-   * Check if the media element can handle a source natively.
-   *
-   * @param {Tech~SourceObject} source
-   *         The source object
-   *
-   * @param {Object} [options]
-   *         Options to be passed to the tech.
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string).
-   */
-
-
-  Html5.nativeSourceHandler.canHandleSource = function (source, options) {
-    // If a type was provided we should rely on that
-    if (source.type) {
-      return Html5.nativeSourceHandler.canPlayType(source.type); // If no type, fall back to checking 'video/[EXTENSION]'
-    } else if (source.src) {
-      var ext = getFileExtension(source.src);
-      return Html5.nativeSourceHandler.canPlayType("video/" + ext);
-    }
-
-    return '';
-  };
-  /**
-   * Pass the source to the native media element.
-   *
-   * @param {Tech~SourceObject} source
-   *        The source object
-   *
-   * @param {Html5} tech
-   *        The instance of the Html5 tech
-   *
-   * @param {Object} [options]
-   *        The options to pass to the source
-   */
-
-
-  Html5.nativeSourceHandler.handleSource = function (source, tech, options) {
-    tech.setSrc(source.src);
-  };
-  /**
-   * A noop for the native dispose function, as cleanup is not needed.
-   */
-
-
-  Html5.nativeSourceHandler.dispose = function () {}; // Register the native source handler
-
-
-  Html5.registerSourceHandler(Html5.nativeSourceHandler);
-  Tech.registerTech('Html5', Html5);
-
-  // on the player when they happen
-
-  var TECH_EVENTS_RETRIGGER = [
-  /**
-   * Fired while the user agent is downloading media data.
-   *
-   * @event Player#progress
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `progress` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechProgress_
-   * @fires Player#progress
-   * @listens Tech#progress
-   */
-  'progress',
-  /**
-   * Fires when the loading of an audio/video is aborted.
-   *
-   * @event Player#abort
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `abort` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechAbort_
-   * @fires Player#abort
-   * @listens Tech#abort
-   */
-  'abort',
-  /**
-   * Fires when the browser is intentionally not getting media data.
-   *
-   * @event Player#suspend
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `suspend` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechSuspend_
-   * @fires Player#suspend
-   * @listens Tech#suspend
-   */
-  'suspend',
-  /**
-   * Fires when the current playlist is empty.
-   *
-   * @event Player#emptied
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `emptied` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechEmptied_
-   * @fires Player#emptied
-   * @listens Tech#emptied
-   */
-  'emptied',
-  /**
-   * Fires when the browser is trying to get media data, but data is not available.
-   *
-   * @event Player#stalled
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechStalled_
-   * @fires Player#stalled
-   * @listens Tech#stalled
-   */
-  'stalled',
-  /**
-   * Fires when the browser has loaded meta data for the audio/video.
-   *
-   * @event Player#loadedmetadata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechLoadedmetadata_
-   * @fires Player#loadedmetadata
-   * @listens Tech#loadedmetadata
-   */
-  'loadedmetadata',
-  /**
-   * Fires when the browser has loaded the current frame of the audio/video.
-   *
-   * @event Player#loadeddata
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `loadeddata` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechLoaddeddata_
-   * @fires Player#loadeddata
-   * @listens Tech#loadeddata
-   */
-  'loadeddata',
-  /**
-   * Fires when the current playback position has changed.
-   *
-   * @event Player#timeupdate
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `timeupdate` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechTimeUpdate_
-   * @fires Player#timeupdate
-   * @listens Tech#timeupdate
-   */
-  'timeupdate',
-  /**
-   * Fires when the video's intrinsic dimensions change
-   *
-   * @event Player#resize
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `resize` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechResize_
-   * @fires Player#resize
-   * @listens Tech#resize
-   */
-  'resize',
-  /**
-   * Fires when the volume has been changed
-   *
-   * @event Player#volumechange
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `volumechange` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechVolumechange_
-   * @fires Player#volumechange
-   * @listens Tech#volumechange
-   */
-  'volumechange',
-  /**
-   * Fires when the text track has been changed
-   *
-   * @event Player#texttrackchange
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `texttrackchange` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechTexttrackchange_
-   * @fires Player#texttrackchange
-   * @listens Tech#texttrackchange
-   */
-  'texttrackchange']; // events to queue when playback rate is zero
-  // this is a hash for the sole purpose of mapping non-camel-cased event names
-  // to camel-cased function names
-
-  var TECH_EVENTS_QUEUE = {
-    canplay: 'CanPlay',
-    canplaythrough: 'CanPlayThrough',
-    playing: 'Playing',
-    seeked: 'Seeked'
-  };
-  var BREAKPOINT_ORDER = ['tiny', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'huge'];
-  var BREAKPOINT_CLASSES = {}; // grep: vjs-layout-tiny
-  // grep: vjs-layout-x-small
-  // grep: vjs-layout-small
-  // grep: vjs-layout-medium
-  // grep: vjs-layout-large
-  // grep: vjs-layout-x-large
-  // grep: vjs-layout-huge
-
-  BREAKPOINT_ORDER.forEach(function (k) {
-    var v = k.charAt(0) === 'x' ? "x-" + k.substring(1) : k;
-    BREAKPOINT_CLASSES[k] = "vjs-layout-" + v;
-  });
-  var DEFAULT_BREAKPOINTS = {
-    tiny: 210,
-    xsmall: 320,
-    small: 425,
-    medium: 768,
-    large: 1440,
-    xlarge: 2560,
-    huge: Infinity
-  };
-  /**
-   * An instance of the `Player` class is created when any of the Video.js setup methods
-   * are used to initialize a video.
-   *
-   * After an instance has been created it can be accessed globally in two ways:
-   * 1. By calling `videojs('example_video_1');`
-   * 2. By using it directly via  `videojs.players.example_video_1;`
-   *
-   * @extends Component
-   */
-
-  var Player =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Player, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Element} tag
-     *        The original video DOM element used for configuring options.
-     *
-     * @param {Object} [options]
-     *        Object of option names and values.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        Ready callback function.
-     */
-    function Player(tag, options, ready) {
-      var _this;
-
-      // Make sure tag ID exists
-      tag.id = tag.id || options.id || "vjs_video_" + newGUID(); // Set Options
-      // The options argument overrides options set in the video tag
-      // which overrides globally set options.
-      // This latter part coincides with the load order
-      // (tag must exist before Player)
-
-      options = assign(Player.getTagSettings(tag), options); // Delay the initialization of children because we need to set up
-      // player properties first, and can't use `this` before `super()`
-
-      options.initChildren = false; // Same with creating the element
-
-      options.createEl = false; // don't auto mixin the evented mixin
-
-      options.evented = false; // we don't want the player to report touch activity on itself
-      // see enableTouchActivity in Component
-
-      options.reportTouchActivity = false; // If language is not set, get the closest lang attribute
-
-      if (!options.language) {
-        if (typeof tag.closest === 'function') {
-          var closest = tag.closest('[lang]');
-
-          if (closest && closest.getAttribute) {
-            options.language = closest.getAttribute('lang');
-          }
-        } else {
-          var element = tag;
-
-          while (element && element.nodeType === 1) {
-            if (getAttributes(element).hasOwnProperty('lang')) {
-              options.language = element.getAttribute('lang');
-              break;
-            }
-
-            element = element.parentNode;
-          }
-        }
-      } // Run base component initializing with new options
-
-
-      _this = _Component.call(this, null, options, ready) || this; // Create bound methods for document listeners.
-
-      _this.boundDocumentFullscreenChange_ = bind(assertThisInitialized(_this), _this.documentFullscreenChange_);
-      _this.boundFullWindowOnEscKey_ = bind(assertThisInitialized(_this), _this.fullWindowOnEscKey); // create logger
-
-      _this.log = createLogger$1(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
-
-      _this.fsApi_ = FullscreenApi; // Tracks when a tech changes the poster
-
-      _this.isPosterFromTech_ = false; // Holds callback info that gets queued when playback rate is zero
-      // and a seek is happening
-
-      _this.queuedCallbacks_ = []; // Turn off API access because we're loading a new tech that might load asynchronously
-
-      _this.isReady_ = false; // Init state hasStarted_
-
-      _this.hasStarted_ = false; // Init state userActive_
-
-      _this.userActive_ = false; // if the global option object was accidentally blown away by
-      // someone, bail early with an informative error
-
-      if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {
-        throw new Error('No techOrder specified. Did you overwrite ' + 'videojs.options instead of just changing the ' + 'properties you want to override?');
-      } // Store the original tag used to set options
-
-
-      _this.tag = tag; // Store the tag attributes used to restore html5 element
-
-      _this.tagAttributes = tag && getAttributes(tag); // Update current language
-
-      _this.language(_this.options_.language); // Update Supported Languages
-
-
-      if (options.languages) {
-        // Normalise player option languages to lowercase
-        var languagesToLower = {};
-        Object.getOwnPropertyNames(options.languages).forEach(function (name) {
-          languagesToLower[name.toLowerCase()] = options.languages[name];
-        });
-        _this.languages_ = languagesToLower;
-      } else {
-        _this.languages_ = Player.prototype.options_.languages;
-      }
-
-      _this.resetCache_(); // Set poster
-
-
-      _this.poster_ = options.poster || ''; // Set controls
-
-      _this.controls_ = !!options.controls; // Original tag settings stored in options
-      // now remove immediately so native controls don't flash.
-      // May be turned back on by HTML5 tech if nativeControlsForTouch is true
-
-      tag.controls = false;
-      tag.removeAttribute('controls');
-      _this.changingSrc_ = false;
-      _this.playCallbacks_ = [];
-      _this.playTerminatedQueue_ = []; // the attribute overrides the option
-
-      if (tag.hasAttribute('autoplay')) {
-        _this.autoplay(true);
-      } else {
-        // otherwise use the setter to validate and
-        // set the correct value.
-        _this.autoplay(_this.options_.autoplay);
-      } // check plugins
-
-
-      if (options.plugins) {
-        Object.keys(options.plugins).forEach(function (name) {
-          if (typeof _this[name] !== 'function') {
-            throw new Error("plugin \"" + name + "\" does not exist");
-          }
-        });
-      }
-      /*
-       * Store the internal state of scrubbing
-       *
-       * @private
-       * @return {Boolean} True if the user is scrubbing
-       */
-
-
-      _this.scrubbing_ = false;
-      _this.el_ = _this.createEl(); // Make this an evented object and use `el_` as its event bus.
-
-      evented(assertThisInitialized(_this), {
-        eventBusKey: 'el_'
-      });
-
-      if (_this.fluid_) {
-        _this.on('playerreset', _this.updateStyleEl_);
-      } // We also want to pass the original player options to each component and plugin
-      // as well so they don't need to reach back into the player for options later.
-      // We also need to do another copy of this.options_ so we don't end up with
-      // an infinite loop.
-
-
-      var playerOptionsCopy = mergeOptions(_this.options_); // Load plugins
-
-      if (options.plugins) {
-        Object.keys(options.plugins).forEach(function (name) {
-          _this[name](options.plugins[name]);
-        });
-      }
-
-      _this.options_.playerOptions = playerOptionsCopy;
-      _this.middleware_ = [];
-
-      _this.initChildren(); // Set isAudio based on whether or not an audio tag was used
-
-
-      _this.isAudio(tag.nodeName.toLowerCase() === 'audio'); // Update controls className. Can't do this when the controls are initially
-      // set because the element doesn't exist yet.
-
-
-      if (_this.controls()) {
-        _this.addClass('vjs-controls-enabled');
-      } else {
-        _this.addClass('vjs-controls-disabled');
-      } // Set ARIA label and region role depending on player type
-
-
-      _this.el_.setAttribute('role', 'region');
-
-      if (_this.isAudio()) {
-        _this.el_.setAttribute('aria-label', _this.localize('Audio Player'));
-      } else {
-        _this.el_.setAttribute('aria-label', _this.localize('Video Player'));
-      }
-
-      if (_this.isAudio()) {
-        _this.addClass('vjs-audio');
-      }
-
-      if (_this.flexNotSupported_()) {
-        _this.addClass('vjs-no-flex');
-      } // TODO: Make this smarter. Toggle user state between touching/mousing
-      // using events, since devices can have both touch and mouse events.
-      // TODO: Make this check be performed again when the window switches between monitors
-      // (See https://github.com/videojs/video.js/issues/5683)
-
-
-      if (TOUCH_ENABLED) {
-        _this.addClass('vjs-touch-enabled');
-      } // iOS Safari has broken hover handling
-
-
-      if (!IS_IOS) {
-        _this.addClass('vjs-workinghover');
-      } // Make player easily findable by ID
-
-
-      Player.players[_this.id_] = assertThisInitialized(_this); // Add a major version class to aid css in plugins
-
-      var majorVersion = version.split('.')[0];
-
-      _this.addClass("vjs-v" + majorVersion); // When the player is first initialized, trigger activity so components
-      // like the control bar show themselves if needed
-
-
-      _this.userActive(true);
-
-      _this.reportUserActivity();
-
-      _this.one('play', _this.listenForUserActivity_);
-
-      _this.on('stageclick', _this.handleStageClick_);
-
-      _this.on('keydown', _this.handleKeyDown);
-
-      _this.breakpoints(_this.options_.breakpoints);
-
-      _this.responsive(_this.options_.responsive);
-
-      return _this;
-    }
-    /**
-     * 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.
-     *
-     * @fires Player#dispose
-     */
-
-
-    var _proto = Player.prototype;
-
-    _proto.dispose = function dispose() {
-      var _this2 = this;
-
-      /**
-       * Called when the player is being disposed of.
-       *
-       * @event Player#dispose
-       * @type {EventTarget~Event}
-       */
-      this.trigger('dispose'); // prevent dispose from being called twice
-
-      this.off('dispose'); // Make sure all player-specific document listeners are unbound. This is
-
-      off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-      off(document, 'keydown', this.boundFullWindowOnEscKey_);
-
-      if (this.styleEl_ && this.styleEl_.parentNode) {
-        this.styleEl_.parentNode.removeChild(this.styleEl_);
-        this.styleEl_ = null;
-      } // Kill reference to this player
-
-
-      Player.players[this.id_] = null;
-
-      if (this.tag && this.tag.player) {
-        this.tag.player = null;
-      }
-
-      if (this.el_ && this.el_.player) {
-        this.el_.player = null;
-      }
-
-      if (this.tech_) {
-        this.tech_.dispose();
-        this.isPosterFromTech_ = false;
-        this.poster_ = '';
-      }
-
-      if (this.playerElIngest_) {
-        this.playerElIngest_ = null;
-      }
-
-      if (this.tag) {
-        this.tag = null;
-      }
-
-      clearCacheForPlayer(this); // remove all event handlers for track lists
-      // all tracks and track listeners are removed on
-      // tech dispose
-
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-
-        var list = _this2[props.getterName](); // if it is not a native list
-        // we have to manually remove event listeners
-
-
-        if (list && list.off) {
-          list.off();
-        }
-      }); // the actual .el_ is removed here
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Create the `Player`'s DOM element.
-     *
-     * @return {Element}
-     *         The DOM element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var tag = this.tag;
-      var el;
-      var playerElIngest = this.playerElIngest_ = tag.parentNode && tag.parentNode.hasAttribute && tag.parentNode.hasAttribute('data-vjs-player');
-      var divEmbed = this.tag.tagName.toLowerCase() === 'video-js';
-
-      if (playerElIngest) {
-        el = this.el_ = tag.parentNode;
-      } else if (!divEmbed) {
-        el = this.el_ = _Component.prototype.createEl.call(this, 'div');
-      } // Copy over all the attributes from the tag, including ID and class
-      // ID will now reference player box, not the video tag
-
-
-      var attrs = getAttributes(tag);
-
-      if (divEmbed) {
-        el = this.el_ = tag;
-        tag = this.tag = document.createElement('video');
-
-        while (el.children.length) {
-          tag.appendChild(el.firstChild);
-        }
-
-        if (!hasClass(el, 'video-js')) {
-          addClass(el, 'video-js');
-        }
-
-        el.appendChild(tag);
-        playerElIngest = this.playerElIngest_ = el; // move properties over from our custom `video-js` element
-        // to our new `video` element. This will move things like
-        // `src` or `controls` that were set via js before the player
-        // was initialized.
-
-        Object.keys(el).forEach(function (k) {
-          try {
-            tag[k] = el[k];
-          } catch (e) {// we got a a property like outerHTML which we can't actually copy, ignore it
-          }
-        });
-      } // set tabindex to -1 to remove the video element from the focus order
-
-
-      tag.setAttribute('tabindex', '-1');
-      attrs.tabindex = '-1'; // Workaround for #4583 (JAWS+IE doesn't announce BPB or play button), and
-      // for the same issue with Chrome (on Windows) with JAWS.
-      // See https://github.com/FreedomScientific/VFO-standards-support/issues/78
-      // Note that we can't detect if JAWS is being used, but this ARIA attribute
-      //  doesn't change behavior of IE11 or Chrome if JAWS is not being used
-
-      if (IE_VERSION || IS_CHROME && IS_WINDOWS) {
-        tag.setAttribute('role', 'application');
-        attrs.role = 'application';
-      } // Remove width/height attrs from tag so CSS can make it 100% width/height
-
-
-      tag.removeAttribute('width');
-      tag.removeAttribute('height');
-
-      if ('width' in attrs) {
-        delete attrs.width;
-      }
-
-      if ('height' in attrs) {
-        delete attrs.height;
-      }
-
-      Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-        // don't copy over the class attribute to the player element when we're in a div embed
-        // the class is already set up properly in the divEmbed case
-        // and we want to make sure that the `video-js` class doesn't get lost
-        if (!(divEmbed && attr === 'class')) {
-          el.setAttribute(attr, attrs[attr]);
-        }
-
-        if (divEmbed) {
-          tag.setAttribute(attr, attrs[attr]);
-        }
-      }); // Update tag id/class for use as HTML5 playback tech
-      // Might think we should do this after embedding in container so .vjs-tech class
-      // doesn't flash 100% width/height, but class only applies with .video-js parent
-
-      tag.playerId = tag.id;
-      tag.id += '_html5_api';
-      tag.className = 'vjs-tech'; // Make player findable on elements
-
-      tag.player = el.player = this; // Default state of video is paused
-
-      this.addClass('vjs-paused'); // Add a style element in the player that we'll use to set the width/height
-      // of the player in a way that's still overrideable by CSS, just like the
-      // video element
-
-      if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
-        this.styleEl_ = createStyleElement('vjs-styles-dimensions');
-        var defaultsStyleEl = $('.vjs-styles-defaults');
-        var head = $('head');
-        head.insertBefore(this.styleEl_, defaultsStyleEl ? defaultsStyleEl.nextSibling : head.firstChild);
-      }
-
-      this.fill_ = false;
-      this.fluid_ = false; // Pass in the width/height/aspectRatio options which will update the style el
-
-      this.width(this.options_.width);
-      this.height(this.options_.height);
-      this.fill(this.options_.fill);
-      this.fluid(this.options_.fluid);
-      this.aspectRatio(this.options_.aspectRatio); // Hide any links within the video/audio tag,
-      // because IE doesn't hide them completely from screen readers.
-
-      var links = tag.getElementsByTagName('a');
-
-      for (var i = 0; i < links.length; i++) {
-        var linkEl = links.item(i);
-        addClass(linkEl, 'vjs-hidden');
-        linkEl.setAttribute('hidden', 'hidden');
-      } // insertElFirst seems to cause the networkState to flicker from 3 to 2, so
-      // keep track of the original for later so we can know if the source originally failed
-
-
-      tag.initNetworkState_ = tag.networkState; // Wrap video tag in div (el/box) container
-
-      if (tag.parentNode && !playerElIngest) {
-        tag.parentNode.insertBefore(el, tag);
-      } // insert the tag as the first child of the player element
-      // then manually add it to the children array so that this.addChild
-      // will work properly for other components
-      //
-      // Breaks iPhone, fixed in HTML5 setup.
-
-
-      prependTo(tag, el);
-      this.children_.unshift(tag); // Set lang attr on player to ensure CSS :lang() in consistent with player
-      // if it's been set to something different to the doc
-
-      this.el_.setAttribute('lang', this.language_);
-      this.el_ = el;
-      return el;
-    }
-    /**
-     * A getter/setter for the `Player`'s width. Returns the player's configured value.
-     * To get the current width use `currentWidth()`.
-     *
-     * @param {number} [value]
-     *        The value to set the `Player`'s width to.
-     *
-     * @return {number}
-     *         The current width of the `Player` when getting.
-     */
-    ;
-
-    _proto.width = function width(value) {
-      return this.dimension('width', value);
-    }
-    /**
-     * A getter/setter for the `Player`'s height. Returns the player's configured value.
-     * To get the current height use `currentheight()`.
-     *
-     * @param {number} [value]
-     *        The value to set the `Player`'s heigth to.
-     *
-     * @return {number}
-     *         The current height of the `Player` when getting.
-     */
-    ;
-
-    _proto.height = function height(value) {
-      return this.dimension('height', value);
-    }
-    /**
-     * A getter/setter for the `Player`'s width & height.
-     *
-     * @param {string} dimension
-     *        This string can be:
-     *        - 'width'
-     *        - 'height'
-     *
-     * @param {number} [value]
-     *        Value for dimension specified in the first argument.
-     *
-     * @return {number}
-     *         The dimension arguments value when getting (width/height).
-     */
-    ;
-
-    _proto.dimension = function dimension(_dimension, value) {
-      var privDimension = _dimension + '_';
-
-      if (value === undefined) {
-        return this[privDimension] || 0;
-      }
-
-      if (value === '' || value === 'auto') {
-        // If an empty string is given, reset the dimension to be automatic
-        this[privDimension] = undefined;
-        this.updateStyleEl_();
-        return;
-      }
-
-      var parsedVal = parseFloat(value);
-
-      if (isNaN(parsedVal)) {
-        log.error("Improper value \"" + value + "\" supplied for for " + _dimension);
-        return;
-      }
-
-      this[privDimension] = parsedVal;
-      this.updateStyleEl_();
-    }
-    /**
-     * A getter/setter/toggler for the vjs-fluid `className` on the `Player`.
-     *
-     * Turning this on will turn off fill mode.
-     *
-     * @param {boolean} [bool]
-     *        - A value of true adds the class.
-     *        - A value of false removes the class.
-     *        - No value will be a getter.
-     *
-     * @return {boolean|undefined}
-     *         - The value of fluid when getting.
-     *         - `undefined` when setting.
-     */
-    ;
-
-    _proto.fluid = function fluid(bool) {
-      if (bool === undefined) {
-        return !!this.fluid_;
-      }
-
-      this.fluid_ = !!bool;
-
-      if (isEvented(this)) {
-        this.off('playerreset', this.updateStyleEl_);
-      }
-
-      if (bool) {
-        this.addClass('vjs-fluid');
-        this.fill(false);
-        addEventedCallback(function () {
-          this.on('playerreset', this.updateStyleEl_);
-        });
-      } else {
-        this.removeClass('vjs-fluid');
-      }
-
-      this.updateStyleEl_();
-    }
-    /**
-     * A getter/setter/toggler for the vjs-fill `className` on the `Player`.
-     *
-     * Turning this on will turn off fluid mode.
-     *
-     * @param {boolean} [bool]
-     *        - A value of true adds the class.
-     *        - A value of false removes the class.
-     *        - No value will be a getter.
-     *
-     * @return {boolean|undefined}
-     *         - The value of fluid when getting.
-     *         - `undefined` when setting.
-     */
-    ;
-
-    _proto.fill = function fill(bool) {
-      if (bool === undefined) {
-        return !!this.fill_;
-      }
-
-      this.fill_ = !!bool;
-
-      if (bool) {
-        this.addClass('vjs-fill');
-        this.fluid(false);
-      } else {
-        this.removeClass('vjs-fill');
-      }
-    }
-    /**
-     * Get/Set the aspect ratio
-     *
-     * @param {string} [ratio]
-     *        Aspect ratio for player
-     *
-     * @return {string|undefined}
-     *         returns the current aspect ratio when getting
-     */
-
-    /**
-     * A getter/setter for the `Player`'s aspect ratio.
-     *
-     * @param {string} [ratio]
-     *        The value to set the `Player's aspect ratio to.
-     *
-     * @return {string|undefined}
-     *         - The current aspect ratio of the `Player` when getting.
-     *         - undefined when setting
-     */
-    ;
-
-    _proto.aspectRatio = function aspectRatio(ratio) {
-      if (ratio === undefined) {
-        return this.aspectRatio_;
-      } // Check for width:height format
-
-
-      if (!/^\d+\:\d+$/.test(ratio)) {
-        throw new Error('Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.');
-      }
-
-      this.aspectRatio_ = ratio; // We're assuming if you set an aspect ratio you want fluid mode,
-      // because in fixed mode you could calculate width and height yourself.
-
-      this.fluid(true);
-      this.updateStyleEl_();
-    }
-    /**
-     * Update styles of the `Player` element (height, width and aspect ratio).
-     *
-     * @private
-     * @listens Tech#loadedmetadata
-     */
-    ;
-
-    _proto.updateStyleEl_ = function updateStyleEl_() {
-      if (window$1.VIDEOJS_NO_DYNAMIC_STYLE === true) {
-        var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;
-
-        var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;
-
-        var techEl = this.tech_ && this.tech_.el();
-
-        if (techEl) {
-          if (_width >= 0) {
-            techEl.width = _width;
-          }
-
-          if (_height >= 0) {
-            techEl.height = _height;
-          }
-        }
-
-        return;
-      }
-
-      var width;
-      var height;
-      var aspectRatio;
-      var idClass; // The aspect ratio is either used directly or to calculate width and height.
-
-      if (this.aspectRatio_ !== undefined && this.aspectRatio_ !== 'auto') {
-        // Use any aspectRatio that's been specifically set
-        aspectRatio = this.aspectRatio_;
-      } else if (this.videoWidth() > 0) {
-        // Otherwise try to get the aspect ratio from the video metadata
-        aspectRatio = this.videoWidth() + ':' + this.videoHeight();
-      } else {
-        // Or use a default. The video element's is 2:1, but 16:9 is more common.
-        aspectRatio = '16:9';
-      } // Get the ratio as a decimal we can use to calculate dimensions
-
-
-      var ratioParts = aspectRatio.split(':');
-      var ratioMultiplier = ratioParts[1] / ratioParts[0];
-
-      if (this.width_ !== undefined) {
-        // Use any width that's been specifically set
-        width = this.width_;
-      } else if (this.height_ !== undefined) {
-        // Or calulate the width from the aspect ratio if a height has been set
-        width = this.height_ / ratioMultiplier;
-      } else {
-        // Or use the video's metadata, or use the video el's default of 300
-        width = this.videoWidth() || 300;
-      }
-
-      if (this.height_ !== undefined) {
-        // Use any height that's been specifically set
-        height = this.height_;
-      } else {
-        // Otherwise calculate the height from the ratio and the width
-        height = width * ratioMultiplier;
-      } // Ensure the CSS class is valid by starting with an alpha character
-
-
-      if (/^[^a-zA-Z]/.test(this.id())) {
-        idClass = 'dimensions-' + this.id();
-      } else {
-        idClass = this.id() + '-dimensions';
-      } // Ensure the right class is still on the player for the style element
-
-
-      this.addClass(idClass);
-      setTextContent(this.styleEl_, "\n      ." + idClass + " {\n        width: " + width + "px;\n        height: " + height + "px;\n      }\n\n      ." + idClass + ".vjs-fluid {\n        padding-top: " + ratioMultiplier * 100 + "%;\n      }\n    ");
-    }
-    /**
-     * Load/Create an instance of playback {@link Tech} including element
-     * and API methods. Then append the `Tech` element in `Player` as a child.
-     *
-     * @param {string} techName
-     *        name of the playback technology
-     *
-     * @param {string} source
-     *        video source
-     *
-     * @private
-     */
-    ;
-
-    _proto.loadTech_ = function loadTech_(techName, source) {
-      var _this3 = this;
-
-      // Pause and remove current playback technology
-      if (this.tech_) {
-        this.unloadTech_();
-      }
-
-      var titleTechName = toTitleCase(techName);
-      var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1); // get rid of the HTML5 video tag as soon as we are using another tech
-
-      if (titleTechName !== 'Html5' && this.tag) {
-        Tech.getTech('Html5').disposeMediaElement(this.tag);
-        this.tag.player = null;
-        this.tag = null;
-      }
-
-      this.techName_ = titleTechName; // Turn off API access because we're loading a new tech that might load asynchronously
-
-      this.isReady_ = false; // if autoplay is a string we pass false to the tech
-      // because the player is going to handle autoplay on `loadstart`
-
-      var autoplay = typeof this.autoplay() === 'string' ? false : this.autoplay(); // Grab tech-specific options from player options and add source and parent element to use.
-
-      var techOptions = {
-        source: source,
-        autoplay: autoplay,
-        'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-        'playerId': this.id(),
-        'techId': this.id() + "_" + camelTechName + "_api",
-        'playsinline': this.options_.playsinline,
-        'preload': this.options_.preload,
-        'loop': this.options_.loop,
-        'muted': this.options_.muted,
-        'poster': this.poster(),
-        'language': this.language(),
-        'playerElIngest': this.playerElIngest_ || false,
-        'vtt.js': this.options_['vtt.js'],
-        'canOverridePoster': !!this.options_.techCanOverridePoster,
-        'enableSourceset': this.options_.enableSourceset,
-        'Promise': this.options_.Promise
-      };
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-        techOptions[props.getterName] = _this3[props.privateName];
-      });
-      assign(techOptions, this.options_[titleTechName]);
-      assign(techOptions, this.options_[camelTechName]);
-      assign(techOptions, this.options_[techName.toLowerCase()]);
-
-      if (this.tag) {
-        techOptions.tag = this.tag;
-      }
-
-      if (source && source.src === this.cache_.src && this.cache_.currentTime > 0) {
-        techOptions.startTime = this.cache_.currentTime;
-      } // Initialize tech instance
-
-
-      var TechClass = Tech.getTech(techName);
-
-      if (!TechClass) {
-        throw new Error("No Tech named '" + titleTechName + "' exists! '" + titleTechName + "' should be registered using videojs.registerTech()'");
-      }
-
-      this.tech_ = new TechClass(techOptions); // player.triggerReady is always async, so don't need this to be async
-
-      this.tech_.ready(bind(this, this.handleTechReady_), true);
-      textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_); // Listen to all HTML5-defined events and trigger them on the player
-
-      TECH_EVENTS_RETRIGGER.forEach(function (event) {
-        _this3.on(_this3.tech_, event, _this3["handleTech" + toTitleCase(event) + "_"]);
-      });
-      Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {
-        _this3.on(_this3.tech_, event, function (eventObj) {
-          if (_this3.tech_.playbackRate() === 0 && _this3.tech_.seeking()) {
-            _this3.queuedCallbacks_.push({
-              callback: _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this3),
-              event: eventObj
-            });
-
-            return;
-          }
-
-          _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
-        });
-      });
-      this.on(this.tech_, 'loadstart', this.handleTechLoadStart_);
-      this.on(this.tech_, 'sourceset', this.handleTechSourceset_);
-      this.on(this.tech_, 'waiting', this.handleTechWaiting_);
-      this.on(this.tech_, 'ended', this.handleTechEnded_);
-      this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-      this.on(this.tech_, 'play', this.handleTechPlay_);
-      this.on(this.tech_, 'firstplay', this.handleTechFirstPlay_);
-      this.on(this.tech_, 'pause', this.handleTechPause_);
-      this.on(this.tech_, 'durationchange', this.handleTechDurationChange_);
-      this.on(this.tech_, 'fullscreenchange', this.handleTechFullscreenChange_);
-      this.on(this.tech_, 'enterpictureinpicture', this.handleTechEnterPictureInPicture_);
-      this.on(this.tech_, 'leavepictureinpicture', this.handleTechLeavePictureInPicture_);
-      this.on(this.tech_, 'error', this.handleTechError_);
-      this.on(this.tech_, 'loadedmetadata', this.updateStyleEl_);
-      this.on(this.tech_, 'posterchange', this.handleTechPosterChange_);
-      this.on(this.tech_, 'textdata', this.handleTechTextData_);
-      this.on(this.tech_, 'ratechange', this.handleTechRateChange_);
-      this.usingNativeControls(this.techGet_('controls'));
-
-      if (this.controls() && !this.usingNativeControls()) {
-        this.addTechControlsListeners_();
-      } // Add the tech element in the DOM if it was not already there
-      // Make sure to not insert the original video element if using Html5
-
-
-      if (this.tech_.el().parentNode !== this.el() && (titleTechName !== 'Html5' || !this.tag)) {
-        prependTo(this.tech_.el(), this.el());
-      } // Get rid of the original video tag reference after the first tech is loaded
-
-
-      if (this.tag) {
-        this.tag.player = null;
-        this.tag = null;
-      }
-    }
-    /**
-     * Unload and dispose of the current playback {@link Tech}.
-     *
-     * @private
-     */
-    ;
-
-    _proto.unloadTech_ = function unloadTech_() {
-      var _this4 = this;
-
-      // Save the current text tracks so that we can reuse the same text tracks with the next tech
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-        _this4[props.privateName] = _this4[props.getterName]();
-      });
-      this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);
-      this.isReady_ = false;
-      this.tech_.dispose();
-      this.tech_ = false;
-
-      if (this.isPosterFromTech_) {
-        this.poster_ = '';
-        this.trigger('posterchange');
-      }
-
-      this.isPosterFromTech_ = false;
-    }
-    /**
-     * Return a reference to the current {@link Tech}.
-     * It will print a warning by default about the danger of using the tech directly
-     * but any argument that is passed in will silence the warning.
-     *
-     * @param {*} [safety]
-     *        Anything passed in to silence the warning
-     *
-     * @return {Tech}
-     *         The Tech
-     */
-    ;
-
-    _proto.tech = function tech(safety) {
-      if (safety === undefined) {
-        log.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
-      }
-
-      return this.tech_;
-    }
-    /**
-     * Set up click and touch listeners for the playback element
-     *
-     * - On desktops: a click on the video itself will toggle playback
-     * - On mobile devices: a click on the video toggles controls
-     *   which 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
-     *
-     * @private
-     */
-    ;
-
-    _proto.addTechControlsListeners_ = function addTechControlsListeners_() {
-      // Make sure to remove all the previous listeners in case we are called multiple times.
-      this.removeTechControlsListeners_(); // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
-      // trigger mousedown/up.
-      // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
-      // Any touch events are set to block the mousedown event from happening
-
-      this.on(this.tech_, 'mouseup', this.handleTechClick_);
-      this.on(this.tech_, 'dblclick', this.handleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
-      // so we'll check if the controls were already showing before reporting user
-      // activity
-
-      this.on(this.tech_, 'touchstart', this.handleTechTouchStart_);
-      this.on(this.tech_, 'touchmove', this.handleTechTouchMove_);
-      this.on(this.tech_, 'touchend', this.handleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
-      // listener cancels out any reportedUserActivity when setting userActive(false)
-
-      this.on(this.tech_, 'tap', this.handleTechTap_);
-    }
-    /**
-     * Remove the listeners used for click and tap controls. This is needed for
-     * toggling to controls disabled, where a tap/touch should do nothing.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeTechControlsListeners_ = function removeTechControlsListeners_() {
-      // We don't want to just use `this.off()` because there might be other needed
-      // listeners added by techs that extend this.
-      this.off(this.tech_, 'tap', this.handleTechTap_);
-      this.off(this.tech_, 'touchstart', this.handleTechTouchStart_);
-      this.off(this.tech_, 'touchmove', this.handleTechTouchMove_);
-      this.off(this.tech_, 'touchend', this.handleTechTouchEnd_);
-      this.off(this.tech_, 'mouseup', this.handleTechClick_);
-      this.off(this.tech_, 'dblclick', this.handleTechDoubleClick_);
-    }
-    /**
-     * Player waits for the tech to be ready
-     *
-     * @private
-     */
-    ;
-
-    _proto.handleTechReady_ = function handleTechReady_() {
-      this.triggerReady(); // Keep the same volume as before
-
-      if (this.cache_.volume) {
-        this.techCall_('setVolume', this.cache_.volume);
-      } // Look if the tech found a higher resolution poster while loading
-
-
-      this.handleTechPosterChange_(); // Update the duration if available
-
-      this.handleTechDurationChange_();
-    }
-    /**
-     * Retrigger the `loadstart` event that was triggered by the {@link Tech}. This
-     * function will also trigger {@link Player#firstplay} if it is the first loadstart
-     * for a video.
-     *
-     * @fires Player#loadstart
-     * @fires Player#firstplay
-     * @listens Tech#loadstart
-     * @private
-     */
-    ;
-
-    _proto.handleTechLoadStart_ = function handleTechLoadStart_() {
-      // TODO: Update to use `emptied` event instead. See #1277.
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-seeking'); // reset the error state
-
-      this.error(null); // Update the duration
-
-      this.handleTechDurationChange_(); // If it's already playing we want to trigger a firstplay event now.
-      // The firstplay event relies on both the play and loadstart events
-      // which can happen in any order for a new source
-
-      if (!this.paused()) {
-        /**
-         * Fired when the user agent begins looking for media data
-         *
-         * @event Player#loadstart
-         * @type {EventTarget~Event}
-         */
-        this.trigger('loadstart');
-        this.trigger('firstplay');
-      } else {
-        // reset the hasStarted state
-        this.hasStarted(false);
-        this.trigger('loadstart');
-      } // autoplay happens after loadstart for the browser,
-      // so we mimic that behavior
-
-
-      this.manualAutoplay_(this.autoplay());
-    }
-    /**
-     * Handle autoplay string values, rather than the typical boolean
-     * values that should be handled by the tech. Note that this is not
-     * part of any specification. Valid values and what they do can be
-     * found on the autoplay getter at Player#autoplay()
-     */
-    ;
-
-    _proto.manualAutoplay_ = function manualAutoplay_(type) {
-      var _this5 = this;
-
-      if (!this.tech_ || typeof type !== 'string') {
-        return;
-      }
-
-      var muted = function muted() {
-        var previouslyMuted = _this5.muted();
-
-        _this5.muted(true);
-
-        var restoreMuted = function restoreMuted() {
-          _this5.muted(previouslyMuted);
-        }; // restore muted on play terminatation
-
-
-        _this5.playTerminatedQueue_.push(restoreMuted);
-
-        var mutedPromise = _this5.play();
-
-        if (!isPromise(mutedPromise)) {
-          return;
-        }
-
-        return mutedPromise["catch"](restoreMuted);
-      };
-
-      var promise; // if muted defaults to true
-      // the only thing we can do is call play
-
-      if (type === 'any' && this.muted() !== true) {
-        promise = this.play();
-
-        if (isPromise(promise)) {
-          promise = promise["catch"](muted);
-        }
-      } else if (type === 'muted' && this.muted() !== true) {
-        promise = muted();
-      } else {
-        promise = this.play();
-      }
-
-      if (!isPromise(promise)) {
-        return;
-      }
-
-      return promise.then(function () {
-        _this5.trigger({
-          type: 'autoplay-success',
-          autoplay: type
-        });
-      })["catch"](function (e) {
-        _this5.trigger({
-          type: 'autoplay-failure',
-          autoplay: type
-        });
-      });
-    }
-    /**
-     * Update the internal source caches so that we return the correct source from
-     * `src()`, `currentSource()`, and `currentSources()`.
-     *
-     * > Note: `currentSources` will not be updated if the source that is passed in exists
-     *         in the current `currentSources` cache.
-     *
-     *
-     * @param {Tech~SourceObject} srcObj
-     *        A string or object source to update our caches to.
-     */
-    ;
-
-    _proto.updateSourceCaches_ = function updateSourceCaches_(srcObj) {
-      if (srcObj === void 0) {
-        srcObj = '';
-      }
-
-      var src = srcObj;
-      var type = '';
-
-      if (typeof src !== 'string') {
-        src = srcObj.src;
-        type = srcObj.type;
-      } // make sure all the caches are set to default values
-      // to prevent null checking
-
-
-      this.cache_.source = this.cache_.source || {};
-      this.cache_.sources = this.cache_.sources || []; // try to get the type of the src that was passed in
-
-      if (src && !type) {
-        type = findMimetype(this, src);
-      } // update `currentSource` cache always
-
-
-      this.cache_.source = mergeOptions({}, srcObj, {
-        src: src,
-        type: type
-      });
-      var matchingSources = this.cache_.sources.filter(function (s) {
-        return s.src && s.src === src;
-      });
-      var sourceElSources = [];
-      var sourceEls = this.$$('source');
-      var matchingSourceEls = [];
-
-      for (var i = 0; i < sourceEls.length; i++) {
-        var sourceObj = getAttributes(sourceEls[i]);
-        sourceElSources.push(sourceObj);
-
-        if (sourceObj.src && sourceObj.src === src) {
-          matchingSourceEls.push(sourceObj.src);
-        }
-      } // if we have matching source els but not matching sources
-      // the current source cache is not up to date
-
-
-      if (matchingSourceEls.length && !matchingSources.length) {
-        this.cache_.sources = sourceElSources; // if we don't have matching source or source els set the
-        // sources cache to the `currentSource` cache
-      } else if (!matchingSources.length) {
-        this.cache_.sources = [this.cache_.source];
-      } // update the tech `src` cache
-
-
-      this.cache_.src = src;
-    }
-    /**
-     * *EXPERIMENTAL* Fired when the source is set or changed on the {@link Tech}
-     * causing the media element to reload.
-     *
-     * It will fire for the initial source and each subsequent source.
-     * This event is a custom event from Video.js and is triggered by the {@link Tech}.
-     *
-     * The event object for this event contains a `src` property that will contain the source
-     * that was available when the event was triggered. This is generally only necessary if Video.js
-     * is switching techs while the source was being changed.
-     *
-     * It is also fired when `load` is called on the player (or media element)
-     * because the {@link https://html.spec.whatwg.org/multipage/media.html#dom-media-load|specification for `load`}
-     * says that the resource selection algorithm needs to be aborted and restarted.
-     * In this case, it is very likely that the `src` property will be set to the
-     * empty string `""` to indicate we do not know what the source will be but
-     * that it is changing.
-     *
-     * *This event is currently still experimental and may change in minor releases.*
-     * __To use this, pass `enableSourceset` option to the player.__
-     *
-     * @event Player#sourceset
-     * @type {EventTarget~Event}
-     * @prop {string} src
-     *                The source url available when the `sourceset` was triggered.
-     *                It will be an empty string if we cannot know what the source is
-     *                but know that the source will change.
-     */
-
-    /**
-     * Retrigger the `sourceset` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#sourceset
-     * @listens Tech#sourceset
-     * @private
-     */
-    ;
-
-    _proto.handleTechSourceset_ = function handleTechSourceset_(event) {
-      var _this6 = this;
-
-      // only update the source cache when the source
-      // was not updated using the player api
-      if (!this.changingSrc_) {
-        var updateSourceCaches = function updateSourceCaches(src) {
-          return _this6.updateSourceCaches_(src);
-        };
-
-        var playerSrc = this.currentSource().src;
-        var eventSrc = event.src; // if we have a playerSrc that is not a blob, and a tech src that is a blob
-
-        if (playerSrc && !/^blob:/.test(playerSrc) && /^blob:/.test(eventSrc)) {
-          // if both the tech source and the player source were updated we assume
-          // something like @videojs/http-streaming did the sourceset and skip updating the source cache.
-          if (!this.lastSource_ || this.lastSource_.tech !== eventSrc && this.lastSource_.player !== playerSrc) {
-            updateSourceCaches = function updateSourceCaches() {};
-          }
-        } // update the source to the intial source right away
-        // in some cases this will be empty string
-
-
-        updateSourceCaches(eventSrc); // if the `sourceset` `src` was an empty string
-        // wait for a `loadstart` to update the cache to `currentSrc`.
-        // If a sourceset happens before a `loadstart`, we reset the state
-
-        if (!event.src) {
-          this.tech_.any(['sourceset', 'loadstart'], function (e) {
-            // if a sourceset happens before a `loadstart` there
-            // is nothing to do as this `handleTechSourceset_`
-            // will be called again and this will be handled there.
-            if (e.type === 'sourceset') {
-              return;
-            }
-
-            var techSrc = _this6.techGet('currentSrc');
-
-            _this6.lastSource_.tech = techSrc;
-
-            _this6.updateSourceCaches_(techSrc);
-          });
-        }
-      }
-
-      this.lastSource_ = {
-        player: this.currentSource().src,
-        tech: event.src
-      };
-      this.trigger({
-        src: event.src,
-        type: 'sourceset'
-      });
-    }
-    /**
-     * Add/remove the vjs-has-started class
-     *
-     * @fires Player#firstplay
-     *
-     * @param {boolean} request
-     *        - true: adds the class
-     *        - false: remove the class
-     *
-     * @return {boolean}
-     *         the boolean value of hasStarted_
-     */
-    ;
-
-    _proto.hasStarted = function hasStarted(request) {
-      if (request === undefined) {
-        // act as getter, if we have no request to change
-        return this.hasStarted_;
-      }
-
-      if (request === this.hasStarted_) {
-        return;
-      }
-
-      this.hasStarted_ = request;
-
-      if (this.hasStarted_) {
-        this.addClass('vjs-has-started');
-        this.trigger('firstplay');
-      } else {
-        this.removeClass('vjs-has-started');
-      }
-    }
-    /**
-     * Fired whenever the media begins or resumes playback
-     *
-     * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-play}
-     * @fires Player#play
-     * @listens Tech#play
-     * @private
-     */
-    ;
-
-    _proto.handleTechPlay_ = function handleTechPlay_() {
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-paused');
-      this.addClass('vjs-playing'); // hide the poster when the user hits play
-
-      this.hasStarted(true);
-      /**
-       * Triggered whenever an {@link Tech#play} event happens. Indicates that
-       * playback has started or resumed.
-       *
-       * @event Player#play
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('play');
-    }
-    /**
-     * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
-     *
-     * If there were any events queued while the playback rate was zero, fire
-     * those events now.
-     *
-     * @private
-     * @method Player#handleTechRateChange_
-     * @fires Player#ratechange
-     * @listens Tech#ratechange
-     */
-    ;
-
-    _proto.handleTechRateChange_ = function handleTechRateChange_() {
-      if (this.tech_.playbackRate() > 0 && this.cache_.lastPlaybackRate === 0) {
-        this.queuedCallbacks_.forEach(function (queued) {
-          return queued.callback(queued.event);
-        });
-        this.queuedCallbacks_ = [];
-      }
-
-      this.cache_.lastPlaybackRate = this.tech_.playbackRate();
-      /**
-       * Fires when the playing speed of the audio/video is changed
-       *
-       * @event Player#ratechange
-       * @type {event}
-       */
-
-      this.trigger('ratechange');
-    }
-    /**
-     * Retrigger the `waiting` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#waiting
-     * @listens Tech#waiting
-     * @private
-     */
-    ;
-
-    _proto.handleTechWaiting_ = function handleTechWaiting_() {
-      var _this7 = this;
-
-      this.addClass('vjs-waiting');
-      /**
-       * A readyState change on the DOM element has caused playback to stop.
-       *
-       * @event Player#waiting
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('waiting'); // Browsers may emit a timeupdate event after a waiting event. In order to prevent
-      // premature removal of the waiting class, wait for the time to change.
-
-      var timeWhenWaiting = this.currentTime();
-
-      var timeUpdateListener = function timeUpdateListener() {
-        if (timeWhenWaiting !== _this7.currentTime()) {
-          _this7.removeClass('vjs-waiting');
-
-          _this7.off('timeupdate', timeUpdateListener);
-        }
-      };
-
-      this.on('timeupdate', timeUpdateListener);
-    }
-    /**
-     * Retrigger the `canplay` event that was triggered by the {@link Tech}.
-     * > Note: This is not consistent between browsers. See #1351
-     *
-     * @fires Player#canplay
-     * @listens Tech#canplay
-     * @private
-     */
-    ;
-
-    _proto.handleTechCanPlay_ = function handleTechCanPlay_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media has a readyState of HAVE_FUTURE_DATA or greater.
-       *
-       * @event Player#canplay
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('canplay');
-    }
-    /**
-     * Retrigger the `canplaythrough` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#canplaythrough
-     * @listens Tech#canplaythrough
-     * @private
-     */
-    ;
-
-    _proto.handleTechCanPlayThrough_ = function handleTechCanPlayThrough_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the
-       * entire media file can be played without buffering.
-       *
-       * @event Player#canplaythrough
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('canplaythrough');
-    }
-    /**
-     * Retrigger the `playing` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#playing
-     * @listens Tech#playing
-     * @private
-     */
-    ;
-
-    _proto.handleTechPlaying_ = function handleTechPlaying_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media is no longer blocked from playback, and has started playing.
-       *
-       * @event Player#playing
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('playing');
-    }
-    /**
-     * Retrigger the `seeking` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#seeking
-     * @listens Tech#seeking
-     * @private
-     */
-    ;
-
-    _proto.handleTechSeeking_ = function handleTechSeeking_() {
-      this.addClass('vjs-seeking');
-      /**
-       * Fired whenever the player is jumping to a new time
-       *
-       * @event Player#seeking
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('seeking');
-    }
-    /**
-     * Retrigger the `seeked` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#seeked
-     * @listens Tech#seeked
-     * @private
-     */
-    ;
-
-    _proto.handleTechSeeked_ = function handleTechSeeked_() {
-      this.removeClass('vjs-seeking');
-      this.removeClass('vjs-ended');
-      /**
-       * Fired when the player has finished jumping to a new time
-       *
-       * @event Player#seeked
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('seeked');
-    }
-    /**
-     * Retrigger the `firstplay` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#firstplay
-     * @listens Tech#firstplay
-     * @deprecated As of 6.0 firstplay event is deprecated.
-     *             As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-     * @private
-     */
-    ;
-
-    _proto.handleTechFirstPlay_ = function handleTechFirstPlay_() {
-      // If the first starttime attribute is specified
-      // then we will start at the given offset in seconds
-      if (this.options_.starttime) {
-        log.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
-        this.currentTime(this.options_.starttime);
-      }
-
-      this.addClass('vjs-has-started');
-      /**
-       * Fired the first time a video is played. Not part of the HLS spec, and this is
-       * probably not the best implementation yet, so use sparingly. If you don't have a
-       * reason to prevent playback, use `myPlayer.one('play');` instead.
-       *
-       * @event Player#firstplay
-       * @deprecated As of 6.0 firstplay event is deprecated.
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('firstplay');
-    }
-    /**
-     * Retrigger the `pause` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#pause
-     * @listens Tech#pause
-     * @private
-     */
-    ;
-
-    _proto.handleTechPause_ = function handleTechPause_() {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-paused');
-      /**
-       * Fired whenever the media has been paused
-       *
-       * @event Player#pause
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('pause');
-    }
-    /**
-     * Retrigger the `ended` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#ended
-     * @listens Tech#ended
-     * @private
-     */
-    ;
-
-    _proto.handleTechEnded_ = function handleTechEnded_() {
-      this.addClass('vjs-ended');
-
-      if (this.options_.loop) {
-        this.currentTime(0);
-        this.play();
-      } else if (!this.paused()) {
-        this.pause();
-      }
-      /**
-       * Fired when the end of the media resource is reached (currentTime == duration)
-       *
-       * @event Player#ended
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('ended');
-    }
-    /**
-     * Fired when the duration of the media resource is first known or changed
-     *
-     * @listens Tech#durationchange
-     * @private
-     */
-    ;
-
-    _proto.handleTechDurationChange_ = function handleTechDurationChange_() {
-      this.duration(this.techGet_('duration'));
-    }
-    /**
-     * Handle a click on the media element to play/pause
-     *
-     * @param {EventTarget~Event} event
-     *        the event that caused this function to trigger
-     *
-     * @listens Tech#mouseup
-     * @private
-     */
-    ;
-
-    _proto.handleTechClick_ = function handleTechClick_(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      } // When controls are disabled a click should not toggle playback because
-      // the click is considered a control
-
-
-      if (!this.controls_) {
-        return;
-      }
-
-      if (this.paused()) {
-        silencePromise(this.play());
-      } else {
-        this.pause();
-      }
-    }
-    /**
-     * Handle a double-click on the media element to enter/exit fullscreen
-     *
-     * @param {EventTarget~Event} event
-     *        the event that caused this function to trigger
-     *
-     * @listens Tech#dblclick
-     * @private
-     */
-    ;
-
-    _proto.handleTechDoubleClick_ = function handleTechDoubleClick_(event) {
-      if (!this.controls_) {
-        return;
-      } // we do not want to toggle fullscreen state
-      // when double-clicking inside a control bar or a modal
-
-
-      var inAllowedEls = Array.prototype.some.call(this.$$('.vjs-control-bar, .vjs-modal-dialog'), function (el) {
-        return el.contains(event.target);
-      });
-
-      if (!inAllowedEls) {
-        /*
-         * options.userActions.doubleClick
-         *
-         * If `undefined` or `true`, double-click toggles fullscreen if controls are present
-         * Set to `false` to disable double-click handling
-         * Set to a function to substitute an external double-click handler
-         */
-        if (this.options_ === undefined || this.options_.userActions === undefined || this.options_.userActions.doubleClick === undefined || this.options_.userActions.doubleClick !== false) {
-          if (this.options_ !== undefined && this.options_.userActions !== undefined && typeof this.options_.userActions.doubleClick === 'function') {
-            this.options_.userActions.doubleClick.call(this, event);
-          } else if (this.isFullscreen()) {
-            this.exitFullscreen();
-          } else {
-            this.requestFullscreen();
-          }
-        }
-      }
-    }
-    /**
-     * Handle a tap on the media element. It will toggle the user
-     * activity state, which hides and shows the controls.
-     *
-     * @listens Tech#tap
-     * @private
-     */
-    ;
-
-    _proto.handleTechTap_ = function handleTechTap_() {
-      this.userActive(!this.userActive());
-    }
-    /**
-     * Handle touch to start
-     *
-     * @listens Tech#touchstart
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchStart_ = function handleTechTouchStart_() {
-      this.userWasActive = this.userActive();
-    }
-    /**
-     * Handle touch to move
-     *
-     * @listens Tech#touchmove
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchMove_ = function handleTechTouchMove_() {
-      if (this.userWasActive) {
-        this.reportUserActivity();
-      }
-    }
-    /**
-     * Handle touch to end
-     *
-     * @param {EventTarget~Event} event
-     *        the touchend event that triggered
-     *        this function
-     *
-     * @listens Tech#touchend
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-      // Stop the mouse events from also happening
-      event.preventDefault();
-    }
-    /**
-     * native click events on the SWF aren't triggered on IE11, Win8.1RT
-     * use stageclick events triggered from inside the SWF instead
-     *
-     * @private
-     * @listens stageclick
-     */
-    ;
-
-    _proto.handleStageClick_ = function handleStageClick_() {
-      this.reportUserActivity();
-    }
-    /**
-     * @private
-     */
-    ;
-
-    _proto.toggleFullscreenClass_ = function toggleFullscreenClass_() {
-      if (this.isFullscreen()) {
-        this.addClass('vjs-fullscreen');
-      } else {
-        this.removeClass('vjs-fullscreen');
-      }
-    }
-    /**
-     * when the document fschange event triggers it calls this
-     */
-    ;
-
-    _proto.documentFullscreenChange_ = function documentFullscreenChange_(e) {
-      var el = this.el();
-      var isFs = document[this.fsApi_.fullscreenElement] === el;
-
-      if (!isFs && el.matches) {
-        isFs = el.matches(':' + this.fsApi_.fullscreen);
-      } else if (!isFs && el.msMatchesSelector) {
-        isFs = el.msMatchesSelector(':' + this.fsApi_.fullscreen);
-      }
-
-      this.isFullscreen(isFs); // If cancelling fullscreen, remove event listener.
-
-      if (this.isFullscreen() === false) {
-        off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-      }
-
-      if (this.fsApi_.prefixed) {
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * Handle Tech Fullscreen Change
-     *
-     * @param {EventTarget~Event} event
-     *        the fullscreenchange event that triggered this function
-     *
-     * @param {Object} data
-     *        the data that was sent with the event
-     *
-     * @private
-     * @listens Tech#fullscreenchange
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {
-      if (data) {
-        this.isFullscreen(data.isFullscreen);
-      }
-      /**
-       * Fired when going in and out of fullscreen.
-       *
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('fullscreenchange');
-    }
-    /**
-     * @private
-     */
-    ;
-
-    _proto.togglePictureInPictureClass_ = function togglePictureInPictureClass_() {
-      if (this.isInPictureInPicture()) {
-        this.addClass('vjs-picture-in-picture');
-      } else {
-        this.removeClass('vjs-picture-in-picture');
-      }
-    }
-    /**
-     * Handle Tech Enter Picture-in-Picture.
-     *
-     * @param {EventTarget~Event} event
-     *        the enterpictureinpicture event that triggered this function
-     *
-     * @private
-     * @listens Tech#enterpictureinpicture
-     */
-    ;
-
-    _proto.handleTechEnterPictureInPicture_ = function handleTechEnterPictureInPicture_(event) {
-      this.isInPictureInPicture(true);
-    }
-    /**
-     * Handle Tech Leave Picture-in-Picture.
-     *
-     * @param {EventTarget~Event} event
-     *        the leavepictureinpicture event that triggered this function
-     *
-     * @private
-     * @listens Tech#leavepictureinpicture
-     */
-    ;
-
-    _proto.handleTechLeavePictureInPicture_ = function handleTechLeavePictureInPicture_(event) {
-      this.isInPictureInPicture(false);
-    }
-    /**
-     * Fires when an error occurred during the loading of an audio/video.
-     *
-     * @private
-     * @listens Tech#error
-     */
-    ;
-
-    _proto.handleTechError_ = function handleTechError_() {
-      var error = this.tech_.error();
-      this.error(error);
-    }
-    /**
-     * Retrigger the `textdata` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#textdata
-     * @listens Tech#textdata
-     * @private
-     */
-    ;
-
-    _proto.handleTechTextData_ = function handleTechTextData_() {
-      var data = null;
-
-      if (arguments.length > 1) {
-        data = arguments[1];
-      }
-      /**
-       * Fires when we get a textdata event from tech
-       *
-       * @event Player#textdata
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('textdata', data);
-    }
-    /**
-     * Get object for cached values.
-     *
-     * @return {Object}
-     *         get the current object cache
-     */
-    ;
-
-    _proto.getCache = function getCache() {
-      return this.cache_;
-    }
-    /**
-     * Resets the internal cache object.
-     *
-     * Using this function outside the player constructor or reset method may
-     * have unintended side-effects.
-     *
-     * @private
-     */
-    ;
-
-    _proto.resetCache_ = function resetCache_() {
-      this.cache_ = {
-        // Right now, the currentTime is not _really_ cached because it is always
-        // retrieved from the tech (see: currentTime). However, for completeness,
-        // we set it to zero here to ensure that if we do start actually caching
-        // it, we reset it along with everything else.
-        currentTime: 0,
-        inactivityTimeout: this.options_.inactivityTimeout,
-        duration: NaN,
-        lastVolume: 1,
-        lastPlaybackRate: this.defaultPlaybackRate(),
-        media: null,
-        src: '',
-        source: {},
-        sources: [],
-        volume: 1
-      };
-    }
-    /**
-     * Pass values to the playback tech
-     *
-     * @param {string} [method]
-     *        the method to call
-     *
-     * @param {Object} arg
-     *        the argument to pass
-     *
-     * @private
-     */
-    ;
-
-    _proto.techCall_ = function techCall_(method, arg) {
-      // If it's not ready yet, call method when it is
-      this.ready(function () {
-        if (method in allowedSetters) {
-          return set(this.middleware_, this.tech_, method, arg);
-        } else if (method in allowedMediators) {
-          return mediate(this.middleware_, this.tech_, method, arg);
-        }
-
-        try {
-          if (this.tech_) {
-            this.tech_[method](arg);
-          }
-        } catch (e) {
-          log(e);
-          throw e;
-        }
-      }, true);
-    }
-    /**
-     * Get calls can't wait for the tech, and sometimes don't need to.
-     *
-     * @param {string} method
-     *        Tech method
-     *
-     * @return {Function|undefined}
-     *         the method or undefined
-     *
-     * @private
-     */
-    ;
-
-    _proto.techGet_ = function techGet_(method) {
-      if (!this.tech_ || !this.tech_.isReady_) {
-        return;
-      }
-
-      if (method in allowedGetters) {
-        return get(this.middleware_, this.tech_, method);
-      } else if (method in allowedMediators) {
-        return mediate(this.middleware_, this.tech_, method);
-      } // Flash likes to die and reload when you hide or reposition it.
-      // In these cases the object methods go away and we get errors.
-      // When that happens we'll catch the errors and inform tech that it's not ready any more.
-
-
-      try {
-        return this.tech_[method]();
-      } catch (e) {
-        // When building additional tech libs, an expected method may not be defined yet
-        if (this.tech_[method] === undefined) {
-          log("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
-          throw e;
-        } // When a method isn't available on the object it throws a TypeError
-
-
-        if (e.name === 'TypeError') {
-          log("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
-          this.tech_.isReady_ = false;
-          throw e;
-        } // If error unknown, just log and throw
-
-
-        log(e);
-        throw e;
-      }
-    }
-    /**
-     * Attempt to begin playback at the first opportunity.
-     *
-     * @return {Promise|undefined}
-     *         Returns a promise if the browser supports Promises (or one
-     *         was passed in as an option). This promise will be resolved on
-     *         the return value of play. If this is undefined it will fulfill the
-     *         promise chain otherwise the promise chain will be fulfilled when
-     *         the promise from play is fulfilled.
-     */
-    ;
-
-    _proto.play = function play() {
-      var _this8 = this;
-
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (PromiseClass) {
-        return new PromiseClass(function (resolve) {
-          _this8.play_(resolve);
-        });
-      }
-
-      return this.play_();
-    }
-    /**
-     * The actual logic for play, takes a callback that will be resolved on the
-     * return value of play. This allows us to resolve to the play promise if there
-     * is one on modern browsers.
-     *
-     * @private
-     * @param {Function} [callback]
-     *        The callback that should be called when the techs play is actually called
-     */
-    ;
-
-    _proto.play_ = function play_(callback) {
-      var _this9 = this;
-
-      if (callback === void 0) {
-        callback = silencePromise;
-      }
-
-      this.playCallbacks_.push(callback);
-      var isSrcReady = Boolean(!this.changingSrc_ && (this.src() || this.currentSrc())); // treat calls to play_ somewhat like the `one` event function
-
-      if (this.waitToPlay_) {
-        this.off(['ready', 'loadstart'], this.waitToPlay_);
-        this.waitToPlay_ = null;
-      } // if the player/tech is not ready or the src itself is not ready
-      // queue up a call to play on `ready` or `loadstart`
-
-
-      if (!this.isReady_ || !isSrcReady) {
-        this.waitToPlay_ = function (e) {
-          _this9.play_();
-        };
-
-        this.one(['ready', 'loadstart'], this.waitToPlay_); // if we are in Safari, there is a high chance that loadstart will trigger after the gesture timeperiod
-        // in that case, we need to prime the video element by calling load so it'll be ready in time
-
-        if (!isSrcReady && (IS_ANY_SAFARI || IS_IOS)) {
-          this.load();
-        }
-
-        return;
-      } // If the player/tech is ready and we have a source, we can attempt playback.
-
-
-      var val = this.techGet_('play'); // play was terminated if the returned value is null
-
-      if (val === null) {
-        this.runPlayTerminatedQueue_();
-      } else {
-        this.runPlayCallbacks_(val);
-      }
-    }
-    /**
-     * These functions will be run when if play is terminated. If play
-     * runPlayCallbacks_ is run these function will not be run. This allows us
-     * to differenciate between a terminated play and an actual call to play.
-     */
-    ;
-
-    _proto.runPlayTerminatedQueue_ = function runPlayTerminatedQueue_() {
-      var queue = this.playTerminatedQueue_.slice(0);
-      this.playTerminatedQueue_ = [];
-      queue.forEach(function (q) {
-        q();
-      });
-    }
-    /**
-     * When a callback to play is delayed we have to run these
-     * callbacks when play is actually called on the tech. This function
-     * runs the callbacks that were delayed and accepts the return value
-     * from the tech.
-     *
-     * @param {undefined|Promise} val
-     *        The return value from the tech.
-     */
-    ;
-
-    _proto.runPlayCallbacks_ = function runPlayCallbacks_(val) {
-      var callbacks = this.playCallbacks_.slice(0);
-      this.playCallbacks_ = []; // clear play terminatedQueue since we finished a real play
-
-      this.playTerminatedQueue_ = [];
-      callbacks.forEach(function (cb) {
-        cb(val);
-      });
-    }
-    /**
-     * Pause the video playback
-     *
-     * @return {Player}
-     *         A reference to the player object this function was called on
-     */
-    ;
-
-    _proto.pause = function pause() {
-      this.techCall_('pause');
-    }
-    /**
-     * Check if the player is paused or has yet to play
-     *
-     * @return {boolean}
-     *         - false: if the media is currently playing
-     *         - true: if media is not currently playing
-     */
-    ;
-
-    _proto.paused = function paused() {
-      // The initial state of paused should be true (in Safari it's actually false)
-      return this.techGet_('paused') === false ? false : true;
-    }
-    /**
-     * Get a TimeRange object representing the current ranges of time that the user
-     * has played.
-     *
-     * @return {TimeRange}
-     *         A time range object that represents all the increments of time that have
-     *         been played.
-     */
-    ;
-
-    _proto.played = function played() {
-      return this.techGet_('played') || createTimeRanges(0, 0);
-    }
-    /**
-     * Returns whether or not the user is "scrubbing". Scrubbing is
-     * when the user has clicked the progress bar handle and is
-     * dragging it along the progress bar.
-     *
-     * @param {boolean} [isScrubbing]
-     *        whether the user is or is not scrubbing
-     *
-     * @return {boolean}
-     *         The value of scrubbing when getting
-     */
-    ;
-
-    _proto.scrubbing = function scrubbing(isScrubbing) {
-      if (typeof isScrubbing === 'undefined') {
-        return this.scrubbing_;
-      }
-
-      this.scrubbing_ = !!isScrubbing;
-
-      if (isScrubbing) {
-        this.addClass('vjs-scrubbing');
-      } else {
-        this.removeClass('vjs-scrubbing');
-      }
-    }
-    /**
-     * Get or set the current time (in seconds)
-     *
-     * @param {number|string} [seconds]
-     *        The time to seek to in seconds
-     *
-     * @return {number}
-     *         - the current time in seconds when getting
-     */
-    ;
-
-    _proto.currentTime = function currentTime(seconds) {
-      if (typeof seconds !== 'undefined') {
-        if (seconds < 0) {
-          seconds = 0;
-        }
-
-        this.techCall_('setCurrentTime', seconds);
-        return;
-      } // cache last currentTime and return. default to 0 seconds
-      //
-      // Caching the currentTime is meant to prevent a massive amount of reads on the tech's
-      // currentTime when scrubbing, but may not provide much performance benefit afterall.
-      // Should be tested. Also something has to read the actual current time or the cache will
-      // never get updated.
-
-
-      this.cache_.currentTime = this.techGet_('currentTime') || 0;
-      return this.cache_.currentTime;
-    }
-    /**
-     * Normally gets the length in time of the video in seconds;
-     * in all but the rarest use cases an argument will NOT be passed to the method
-     *
-     * > **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.
-     *
-     * @fires Player#durationchange
-     *
-     * @param {number} [seconds]
-     *        The duration of the video to set in seconds
-     *
-     * @return {number}
-     *         - The duration of the video in seconds when getting
-     */
-    ;
-
-    _proto.duration = function duration(seconds) {
-      if (seconds === undefined) {
-        // return NaN if the duration is not known
-        return this.cache_.duration !== undefined ? this.cache_.duration : NaN;
-      }
-
-      seconds = parseFloat(seconds); // Standardize on Infinity for signaling video is live
-
-      if (seconds < 0) {
-        seconds = Infinity;
-      }
-
-      if (seconds !== this.cache_.duration) {
-        // Cache the last set value for optimized scrubbing (esp. Flash)
-        this.cache_.duration = seconds;
-
-        if (seconds === Infinity) {
-          this.addClass('vjs-live');
-
-          if (this.options_.liveui && this.player_.liveTracker) {
-            this.addClass('vjs-liveui');
-          }
-        } else {
-          this.removeClass('vjs-live');
-          this.removeClass('vjs-liveui');
-        }
-
-        if (!isNaN(seconds)) {
-          // Do not fire durationchange unless the duration value is known.
-          // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-          /**
-           * @event Player#durationchange
-           * @type {EventTarget~Event}
-           */
-          this.trigger('durationchange');
-        }
-      }
-    }
-    /**
-     * Calculates how much time is left in the video. Not part
-     * of the native video API.
-     *
-     * @return {number}
-     *         The time remaining in seconds
-     */
-    ;
-
-    _proto.remainingTime = function remainingTime() {
-      return this.duration() - this.currentTime();
-    }
-    /**
-     * A remaining time function that is intented to be used when
-     * the time is to be displayed directly to the user.
-     *
-     * @return {number}
-     *         The rounded time remaining in seconds
-     */
-    ;
-
-    _proto.remainingTimeDisplay = function remainingTimeDisplay() {
-      return Math.floor(this.duration()) - Math.floor(this.currentTime());
-    } //
-    // Kind of like an array of portions of the video that have been downloaded.
-
-    /**
-     * Get a TimeRange object with an array of the times of the video
-     * that have been downloaded. If you just want the percent of the
-     * video that's been downloaded, use bufferedPercent.
-     *
-     * @see [Buffered Spec]{@link http://dev.w3.org/html5/spec/video.html#dom-media-buffered}
-     *
-     * @return {TimeRange}
-     *         A mock TimeRange object (following HTML spec)
-     */
-    ;
-
-    _proto.buffered = function buffered() {
-      var buffered = this.techGet_('buffered');
-
-      if (!buffered || !buffered.length) {
-        buffered = createTimeRanges(0, 0);
-      }
-
-      return buffered;
-    }
-    /**
-     * Get the percent (as a decimal) of the video that's been downloaded.
-     * This method is not a part of the native HTML video API.
-     *
-     * @return {number}
-     *         A decimal between 0 and 1 representing the percent
-     *         that is buffered 0 being 0% and 1 being 100%
-     */
-    ;
-
-    _proto.bufferedPercent = function bufferedPercent$1() {
-      return bufferedPercent(this.buffered(), this.duration());
-    }
-    /**
-     * Get the ending time of the last buffered time range
-     * This is used in the progress bar to encapsulate all time ranges.
-     *
-     * @return {number}
-     *         The end of the last buffered time range
-     */
-    ;
-
-    _proto.bufferedEnd = function bufferedEnd() {
-      var buffered = this.buffered();
-      var duration = this.duration();
-      var end = buffered.end(buffered.length - 1);
-
-      if (end > duration) {
-        end = duration;
-      }
-
-      return end;
-    }
-    /**
-     * Get or set the current volume of the media
-     *
-     * @param  {number} [percentAsDecimal]
-     *         The new volume as a decimal percent:
-     *         - 0 is muted/0%/off
-     *         - 1.0 is 100%/full
-     *         - 0.5 is half volume or 50%
-     *
-     * @return {number}
-     *         The current volume as a percent when getting
-     */
-    ;
-
-    _proto.volume = function volume(percentAsDecimal) {
-      var vol;
-
-      if (percentAsDecimal !== undefined) {
-        // Force value to between 0 and 1
-        vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal)));
-        this.cache_.volume = vol;
-        this.techCall_('setVolume', vol);
-
-        if (vol > 0) {
-          this.lastVolume_(vol);
-        }
-
-        return;
-      } // Default to 1 when returning current volume.
-
-
-      vol = parseFloat(this.techGet_('volume'));
-      return isNaN(vol) ? 1 : vol;
-    }
-    /**
-     * Get the current muted state, or turn mute on or off
-     *
-     * @param {boolean} [muted]
-     *        - true to mute
-     *        - false to unmute
-     *
-     * @return {boolean}
-     *         - true if mute is on and getting
-     *         - false if mute is off and getting
-     */
-    ;
-
-    _proto.muted = function muted(_muted) {
-      if (_muted !== undefined) {
-        this.techCall_('setMuted', _muted);
-        return;
-      }
-
-      return this.techGet_('muted') || false;
-    }
-    /**
-     * Get the current defaultMuted state, or turn defaultMuted on or off. defaultMuted
-     * indicates the state of muted on initial playback.
-     *
-     * ```js
-     *   var myPlayer = videojs('some-player-id');
-     *
-     *   myPlayer.src("http://www.example.com/path/to/video.mp4");
-     *
-     *   // get, should be false
-     *   console.log(myPlayer.defaultMuted());
-     *   // set to true
-     *   myPlayer.defaultMuted(true);
-     *   // get should be true
-     *   console.log(myPlayer.defaultMuted());
-     * ```
-     *
-     * @param {boolean} [defaultMuted]
-     *        - true to mute
-     *        - false to unmute
-     *
-     * @return {boolean|Player}
-     *         - true if defaultMuted is on and getting
-     *         - false if defaultMuted is off and getting
-     *         - A reference to the current player when setting
-     */
-    ;
-
-    _proto.defaultMuted = function defaultMuted(_defaultMuted) {
-      if (_defaultMuted !== undefined) {
-        return this.techCall_('setDefaultMuted', _defaultMuted);
-      }
-
-      return this.techGet_('defaultMuted') || false;
-    }
-    /**
-     * Get the last volume, or set it
-     *
-     * @param  {number} [percentAsDecimal]
-     *         The new last volume as a decimal percent:
-     *         - 0 is muted/0%/off
-     *         - 1.0 is 100%/full
-     *         - 0.5 is half volume or 50%
-     *
-     * @return {number}
-     *         the current value of lastVolume as a percent when getting
-     *
-     * @private
-     */
-    ;
-
-    _proto.lastVolume_ = function lastVolume_(percentAsDecimal) {
-      if (percentAsDecimal !== undefined && percentAsDecimal !== 0) {
-        this.cache_.lastVolume = percentAsDecimal;
-        return;
-      }
-
-      return this.cache_.lastVolume;
-    }
-    /**
-     * Check if current tech can support native fullscreen
-     * (e.g. with built in controls like iOS, so not our flash swf)
-     *
-     * @return {boolean}
-     *         if native fullscreen is supported
-     */
-    ;
-
-    _proto.supportsFullScreen = function supportsFullScreen() {
-      return this.techGet_('supportsFullScreen') || false;
-    }
-    /**
-     * Check if the player is in fullscreen mode or tell the player that it
-     * is or is not in fullscreen mode.
-     *
-     * > 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.
-     *
-     * @param  {boolean} [isFS]
-     *         Set the players current fullscreen state
-     *
-     * @return {boolean}
-     *         - true if fullscreen is on and getting
-     *         - false if fullscreen is off and getting
-     */
-    ;
-
-    _proto.isFullscreen = function isFullscreen(isFS) {
-      if (isFS !== undefined) {
-        this.isFullscreen_ = !!isFS;
-        this.toggleFullscreenClass_();
-        return;
-      }
-
-      return !!this.isFullscreen_;
-    }
-    /**
-     * 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.
-     *
-     * @param  {Object} [fullscreenOptions]
-     *         Override the player fullscreen options
-     *
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.requestFullscreen = function requestFullscreen(fullscreenOptions) {
-      var fsOptions;
-      this.isFullscreen(true);
-
-      if (this.fsApi_.requestFullscreen) {
-        // the browser supports going fullscreen at the element level so we can
-        // take the controls fullscreen as well as the video
-        // Trigger fullscreenchange event after change
-        // We have to specifically add this each time, and remove
-        // when canceling fullscreen. Otherwise if there's multiple
-        // players on a page, they would all be reacting to the same fullscreen
-        // events
-        on(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_); // only pass FullscreenOptions to requestFullscreen if it isn't prefixed
-
-        if (!this.fsApi_.prefixed) {
-          fsOptions = this.options_.fullscreen && this.options_.fullscreen.options || {};
-
-          if (fullscreenOptions !== undefined) {
-            fsOptions = fullscreenOptions;
-          }
-        }
-
-        silencePromise(this.el_[this.fsApi_.requestFullscreen](fsOptions));
-      } else if (this.tech_.supportsFullScreen()) {
-        // we can't take the video.js controls fullscreen but we can go fullscreen
-        // with native controls
-        this.techCall_('enterFullScreen');
-      } else {
-        // fullscreen isn't supported so we'll just stretch the video element to
-        // fill the viewport
-        this.enterFullWindow();
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * Return the video to its normal size after having been in full screen mode
-     *
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.exitFullscreen = function exitFullscreen() {
-      this.isFullscreen(false); // Check for browser element fullscreen support
-
-      if (this.fsApi_.requestFullscreen) {
-        silencePromise(document[this.fsApi_.exitFullscreen]());
-      } else if (this.tech_.supportsFullScreen()) {
-        this.techCall_('exitFullScreen');
-      } else {
-        this.exitFullWindow();
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * When fullscreen isn't supported we can stretch the
-     * video container to as wide as the browser will let us.
-     *
-     * @fires Player#enterFullWindow
-     */
-    ;
-
-    _proto.enterFullWindow = function enterFullWindow() {
-      this.isFullWindow = true; // Storing original doc overflow value to return to when fullscreen is off
-
-      this.docOrigOverflow = document.documentElement.style.overflow; // Add listener for esc key to exit fullscreen
-
-      on(document, 'keydown', this.boundFullWindowOnEscKey_); // Hide any scroll bars
-
-      document.documentElement.style.overflow = 'hidden'; // Apply fullscreen styles
-
-      addClass(document.body, 'vjs-full-window');
-      /**
-       * @event Player#enterFullWindow
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('enterFullWindow');
-    }
-    /**
-     * Check for call to either exit full window or
-     * full screen on ESC key
-     *
-     * @param {string} event
-     *        Event to check for key press
-     */
-    ;
-
-    _proto.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        if (this.isFullscreen() === true) {
-          this.exitFullscreen();
-        } else {
-          this.exitFullWindow();
-        }
-      }
-    }
-    /**
-     * Exit full window
-     *
-     * @fires Player#exitFullWindow
-     */
-    ;
-
-    _proto.exitFullWindow = function exitFullWindow() {
-      this.isFullWindow = false;
-      off(document, 'keydown', this.boundFullWindowOnEscKey_); // Unhide scroll bars.
-
-      document.documentElement.style.overflow = this.docOrigOverflow; // Remove fullscreen styles
-
-      removeClass(document.body, 'vjs-full-window'); // Resize the box, controller, and poster to original sizes
-      // this.positionAll();
-
-      /**
-       * @event Player#exitFullWindow
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('exitFullWindow');
-    }
-    /**
-     * Check if the player is in Picture-in-Picture mode or tell the player that it
-     * is or is not in Picture-in-Picture mode.
-     *
-     * @param  {boolean} [isPiP]
-     *         Set the players current Picture-in-Picture state
-     *
-     * @return {boolean}
-     *         - true if Picture-in-Picture is on and getting
-     *         - false if Picture-in-Picture is off and getting
-     */
-    ;
-
-    _proto.isInPictureInPicture = function isInPictureInPicture(isPiP) {
-      if (isPiP !== undefined) {
-        this.isInPictureInPicture_ = !!isPiP;
-        this.togglePictureInPictureClass_();
-        return;
-      }
-
-      return !!this.isInPictureInPicture_;
-    }
-    /**
-     * Create a floating video window always on top of other windows so that users may
-     * continue consuming media while they interact with other content sites, or
-     * applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @fires Player#enterpictureinpicture
-     *
-     * @return {Promise}
-     *         A promise with a Picture-in-Picture window.
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      if ('pictureInPictureEnabled' in document) {
-        /**
-         * This event fires when the player enters picture in picture mode
-         *
-         * @event Player#enterpictureinpicture
-         * @type {EventTarget~Event}
-         */
-        return this.techGet_('requestPictureInPicture');
-      }
-    }
-    /**
-     * Exit Picture-in-Picture mode.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @fires Player#leavepictureinpicture
-     *
-     * @return {Promise}
-     *         A promise.
-     */
-    ;
-
-    _proto.exitPictureInPicture = function exitPictureInPicture() {
-      if ('pictureInPictureEnabled' in document) {
-        /**
-         * This event fires when the player leaves picture in picture mode
-         *
-         * @event Player#leavepictureinpicture
-         * @type {EventTarget~Event}
-         */
-        return document.exitPictureInPicture();
-      }
-    }
-    /**
-     * Called when this Player has focus and a key gets pressed down, or when
-     * any Component of this player receives a key press that it doesn't handle.
-     * This allows player-wide hotkeys (either as defined below, or optionally
-     * by an external function).
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      var userActions = this.options_.userActions; // Bail out if hotkeys are not configured.
-
-      if (!userActions || !userActions.hotkeys) {
-        return;
-      } // Function that determines whether or not to exclude an element from
-      // hotkeys handling.
-
-
-      var excludeElement = function excludeElement(el) {
-        var tagName = el.tagName.toLowerCase(); // The first and easiest test is for `contenteditable` elements.
-
-        if (el.isContentEditable) {
-          return true;
-        } // Inputs matching these types will still trigger hotkey handling as
-        // they are not text inputs.
-
-
-        var allowedInputTypes = ['button', 'checkbox', 'hidden', 'radio', 'reset', 'submit'];
-
-        if (tagName === 'input') {
-          return allowedInputTypes.indexOf(el.type) === -1;
-        } // The final test is by tag name. These tags will be excluded entirely.
-
-
-        var excludedTags = ['textarea'];
-        return excludedTags.indexOf(tagName) !== -1;
-      }; // Bail out if the user is focused on an interactive form element.
-
-
-      if (excludeElement(this.el_.ownerDocument.activeElement)) {
-        return;
-      }
-
-      if (typeof userActions.hotkeys === 'function') {
-        userActions.hotkeys.call(this, event);
-      } else {
-        this.handleHotkeys(event);
-      }
-    }
-    /**
-     * Called when this Player receives a hotkey keydown event.
-     * Supported player-wide hotkeys are:
-     *
-     *   f          - toggle fullscreen
-     *   m          - toggle mute
-     *   k or Space - toggle play/pause
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleHotkeys = function handleHotkeys(event) {
-      var hotkeys = this.options_.userActions ? this.options_.userActions.hotkeys : {}; // set fullscreenKey, muteKey, playPauseKey from `hotkeys`, use defaults if not set
-
-      var _hotkeys$fullscreenKe = hotkeys.fullscreenKey,
-          fullscreenKey = _hotkeys$fullscreenKe === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'f');
-      } : _hotkeys$fullscreenKe,
-          _hotkeys$muteKey = hotkeys.muteKey,
-          muteKey = _hotkeys$muteKey === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'm');
-      } : _hotkeys$muteKey,
-          _hotkeys$playPauseKey = hotkeys.playPauseKey,
-          playPauseKey = _hotkeys$playPauseKey === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'k') || keycode.isEventKey(keydownEvent, 'Space');
-      } : _hotkeys$playPauseKey;
-
-      if (fullscreenKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var FSToggle = Component.getComponent('FullscreenToggle');
-
-        if (document[this.fsApi_.fullscreenEnabled] !== false) {
-          FSToggle.prototype.handleClick.call(this, event);
-        }
-      } else if (muteKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var MuteToggle = Component.getComponent('MuteToggle');
-        MuteToggle.prototype.handleClick.call(this, event);
-      } else if (playPauseKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var PlayToggle = Component.getComponent('PlayToggle');
-        PlayToggle.prototype.handleClick.call(this, event);
-      }
-    }
-    /**
-     * Check whether the player can play a given mimetype
-     *
-     * @see https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-navigator-canplaytype
-     *
-     * @param {string} type
-     *        The mimetype to check
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-    ;
-
-    _proto.canPlayType = function canPlayType(type) {
-      var can; // Loop through each playback technology in the options order
-
-      for (var i = 0, j = this.options_.techOrder; i < j.length; i++) {
-        var techName = j[i];
-        var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-        // Remove once that deprecated behavior is removed.
-
-        if (!tech) {
-          tech = Component.getComponent(techName);
-        } // Check if the current tech is defined before continuing
-
-
-        if (!tech) {
-          log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-          continue;
-        } // Check if the browser supports this technology
-
-
-        if (tech.isSupported()) {
-          can = tech.canPlayType(type);
-
-          if (can) {
-            return can;
-          }
-        }
-      }
-
-      return '';
-    }
-    /**
-     * Select source based on tech-order or source-order
-     * Uses source-order selection if `options.sourceOrder` is truthy. Otherwise,
-     * defaults to tech-order selection
-     *
-     * @param {Array} sources
-     *        The sources for a media asset
-     *
-     * @return {Object|boolean}
-     *         Object of source and tech order or false
-     */
-    ;
-
-    _proto.selectSource = function selectSource(sources) {
-      var _this10 = this;
-
-      // Get only the techs specified in `techOrder` that exist and are supported by the
-      // current platform
-      var techs = this.options_.techOrder.map(function (techName) {
-        return [techName, Tech.getTech(techName)];
-      }).filter(function (_ref) {
-        var techName = _ref[0],
-            tech = _ref[1];
-
-        // Check if the current tech is defined before continuing
-        if (tech) {
-          // Check if the browser supports this technology
-          return tech.isSupported();
-        }
-
-        log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-        return false;
-      }); // Iterate over each `innerArray` element once per `outerArray` element and execute
-      // `tester` with both. If `tester` returns a non-falsy value, exit early and return
-      // that value.
-
-      var findFirstPassingTechSourcePair = function findFirstPassingTechSourcePair(outerArray, innerArray, tester) {
-        var found;
-        outerArray.some(function (outerChoice) {
-          return innerArray.some(function (innerChoice) {
-            found = tester(outerChoice, innerChoice);
-
-            if (found) {
-              return true;
-            }
-          });
-        });
-        return found;
-      };
-
-      var foundSourceAndTech;
-
-      var flip = function flip(fn) {
-        return function (a, b) {
-          return fn(b, a);
-        };
-      };
-
-      var finder = function finder(_ref2, source) {
-        var techName = _ref2[0],
-            tech = _ref2[1];
-
-        if (tech.canPlaySource(source, _this10.options_[techName.toLowerCase()])) {
-          return {
-            source: source,
-            tech: techName
-          };
-        }
-      }; // Depending on the truthiness of `options.sourceOrder`, we swap the order of techs and sources
-      // to select from them based on their priority.
-
-
-      if (this.options_.sourceOrder) {
-        // Source-first ordering
-        foundSourceAndTech = findFirstPassingTechSourcePair(sources, techs, flip(finder));
-      } else {
-        // Tech-first ordering
-        foundSourceAndTech = findFirstPassingTechSourcePair(techs, sources, finder);
-      }
-
-      return foundSourceAndTech || false;
-    }
-    /**
-     * Get or set the video source.
-     *
-     * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
-     *        A SourceObject, an array of SourceObjects, or a string referencing
-     *        a URL to a media source. It is _highly recommended_ that an object
-     *        or array of objects is used here, so that source selection
-     *        algorithms can take the `type` into account.
-     *
-     *        If not provided, this method acts as a getter.
-     *
-     * @return {string|undefined}
-     *         If the `source` argument is missing, returns the current source
-     *         URL. Otherwise, returns nothing/undefined.
-     */
-    ;
-
-    _proto.src = function src(source) {
-      var _this11 = this;
-
-      // getter usage
-      if (typeof source === 'undefined') {
-        return this.cache_.src || '';
-      } // filter out invalid sources and turn our source into
-      // an array of source objects
-
-
-      var sources = filterSource(source); // if a source was passed in then it is invalid because
-      // it was filtered to a zero length Array. So we have to
-      // show an error
-
-      if (!sources.length) {
-        this.setTimeout(function () {
-          this.error({
-            code: 4,
-            message: this.localize(this.options_.notSupportedMessage)
-          });
-        }, 0);
-        return;
-      } // intial sources
-
-
-      this.changingSrc_ = true;
-      this.cache_.sources = sources;
-      this.updateSourceCaches_(sources[0]); // middlewareSource is the source after it has been changed by middleware
-
-      setSource(this, sources[0], function (middlewareSource, mws) {
-        _this11.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
-        // the source that is selected could be out of order from the cache update above this callback.
-
-        _this11.cache_.sources = sources;
-
-        _this11.updateSourceCaches_(middlewareSource);
-
-        var err = _this11.src_(middlewareSource);
-
-        if (err) {
-          if (sources.length > 1) {
-            return _this11.src(sources.slice(1));
-          }
-
-          _this11.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
-
-          _this11.setTimeout(function () {
-            this.error({
-              code: 4,
-              message: this.localize(this.options_.notSupportedMessage)
-            });
-          }, 0); // we could not find an appropriate tech, but let's still notify the delegate that this is it
-          // this needs a better comment about why this is needed
-
-
-          _this11.triggerReady();
-
-          return;
-        }
-
-        setTech(mws, _this11.tech_);
-      });
-    }
-    /**
-     * Set the source object on the tech, returns a boolean that indicates whether
-     * there is a tech that can play the source or not
-     *
-     * @param {Tech~SourceObject} source
-     *        The source object to set on the Tech
-     *
-     * @return {boolean}
-     *         - True if there is no Tech to playback this source
-     *         - False otherwise
-     *
-     * @private
-     */
-    ;
-
-    _proto.src_ = function src_(source) {
-      var _this12 = this;
-
-      var sourceTech = this.selectSource([source]);
-
-      if (!sourceTech) {
-        return true;
-      }
-
-      if (!titleCaseEquals(sourceTech.tech, this.techName_)) {
-        this.changingSrc_ = true; // load this technology with the chosen source
-
-        this.loadTech_(sourceTech.tech, sourceTech.source);
-        this.tech_.ready(function () {
-          _this12.changingSrc_ = false;
-        });
-        return false;
-      } // wait until the tech is ready to set the source
-      // and set it synchronously if possible (#2326)
-
-
-      this.ready(function () {
-        // The setSource tech method was added with source handlers
-        // so older techs won't support it
-        // We need to check the direct prototype for the case where subclasses
-        // of the tech do not support source handlers
-        if (this.tech_.constructor.prototype.hasOwnProperty('setSource')) {
-          this.techCall_('setSource', source);
-        } else {
-          this.techCall_('src', source.src);
-        }
-
-        this.changingSrc_ = false;
-      }, true);
-      return false;
-    }
-    /**
-     * Begin loading the src data.
-     */
-    ;
-
-    _proto.load = function load() {
-      this.techCall_('load');
-    }
-    /**
-     * Reset the player. Loads the first tech in the techOrder,
-     * removes all the text tracks in the existing `tech`,
-     * and calls `reset` on the `tech`.
-     */
-    ;
-
-    _proto.reset = function reset() {
-      var _this13 = this;
-
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (this.paused() || !PromiseClass) {
-        this.doReset_();
-      } else {
-        var playPromise = this.play();
-        silencePromise(playPromise.then(function () {
-          return _this13.doReset_();
-        }));
-      }
-    };
-
-    _proto.doReset_ = function doReset_() {
-      if (this.tech_) {
-        this.tech_.clearTracks('text');
-      }
-
-      this.resetCache_();
-      this.poster('');
-      this.loadTech_(this.options_.techOrder[0], null);
-      this.techCall_('reset');
-      this.resetControlBarUI_();
-
-      if (isEvented(this)) {
-        this.trigger('playerreset');
-      }
-    }
-    /**
-     * Reset Control Bar's UI by calling sub-methods that reset
-     * all of Control Bar's components
-     */
-    ;
-
-    _proto.resetControlBarUI_ = function resetControlBarUI_() {
-      this.resetProgressBar_();
-      this.resetPlaybackRate_();
-      this.resetVolumeBar_();
-    }
-    /**
-     * Reset tech's progress so progress bar is reset in the UI
-     */
-    ;
-
-    _proto.resetProgressBar_ = function resetProgressBar_() {
-      this.currentTime(0);
-      var _this$controlBar = this.controlBar,
-          durationDisplay = _this$controlBar.durationDisplay,
-          remainingTimeDisplay = _this$controlBar.remainingTimeDisplay;
-
-      if (durationDisplay) {
-        durationDisplay.updateContent();
-      }
-
-      if (remainingTimeDisplay) {
-        remainingTimeDisplay.updateContent();
-      }
-    }
-    /**
-     * Reset Playback ratio
-     */
-    ;
-
-    _proto.resetPlaybackRate_ = function resetPlaybackRate_() {
-      this.playbackRate(this.defaultPlaybackRate());
-      this.handleTechRateChange_();
-    }
-    /**
-     * Reset Volume bar
-     */
-    ;
-
-    _proto.resetVolumeBar_ = function resetVolumeBar_() {
-      this.volume(1.0);
-      this.trigger('volumechange');
-    }
-    /**
-     * Returns all of the current source objects.
-     *
-     * @return {Tech~SourceObject[]}
-     *         The current source objects
-     */
-    ;
-
-    _proto.currentSources = function currentSources() {
-      var source = this.currentSource();
-      var sources = []; // assume `{}` or `{ src }`
-
-      if (Object.keys(source).length !== 0) {
-        sources.push(source);
-      }
-
-      return this.cache_.sources || sources;
-    }
-    /**
-     * Returns the current source object.
-     *
-     * @return {Tech~SourceObject}
-     *         The current source object
-     */
-    ;
-
-    _proto.currentSource = function currentSource() {
-      return this.cache_.source || {};
-    }
-    /**
-     * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4
-     * Can be used in conjunction with `currentType` to assist in rebuilding the current source object.
-     *
-     * @return {string}
-     *         The current source
-     */
-    ;
-
-    _proto.currentSrc = function currentSrc() {
-      return this.currentSource() && this.currentSource().src || '';
-    }
-    /**
-     * Get the current source type e.g. video/mp4
-     * This can allow you rebuild the current source object so that you could load the same
-     * source and tech later
-     *
-     * @return {string}
-     *         The source MIME type
-     */
-    ;
-
-    _proto.currentType = function currentType() {
-      return this.currentSource() && this.currentSource().type || '';
-    }
-    /**
-     * Get or set the preload attribute
-     *
-     * @param {boolean} [value]
-     *        - true means that we should preload
-     *        - false means that we should not preload
-     *
-     * @return {string}
-     *         The preload attribute value when getting
-     */
-    ;
-
-    _proto.preload = function preload(value) {
-      if (value !== undefined) {
-        this.techCall_('setPreload', value);
-        this.options_.preload = value;
-        return;
-      }
-
-      return this.techGet_('preload');
-    }
-    /**
-     * Get or set the autoplay option. When this is a boolean it will
-     * modify the attribute on the tech. When this is a string the attribute on
-     * the tech will be removed and `Player` will handle autoplay on loadstarts.
-     *
-     * @param {boolean|string} [value]
-     *        - true: autoplay using the browser behavior
-     *        - false: do not autoplay
-     *        - 'play': call play() on every loadstart
-     *        - 'muted': call muted() then play() on every loadstart
-     *        - 'any': call play() on every loadstart. if that fails call muted() then play().
-     *        - *: values other than those listed here will be set `autoplay` to true
-     *
-     * @return {boolean|string}
-     *         The current value of autoplay when getting
-     */
-    ;
-
-    _proto.autoplay = function autoplay(value) {
-      // getter usage
-      if (value === undefined) {
-        return this.options_.autoplay || false;
-      }
-
-      var techAutoplay; // if the value is a valid string set it to that
-
-      if (typeof value === 'string' && /(any|play|muted)/.test(value)) {
-        this.options_.autoplay = value;
-        this.manualAutoplay_(value);
-        techAutoplay = false; // any falsy value sets autoplay to false in the browser,
-        // lets do the same
-      } else if (!value) {
-        this.options_.autoplay = false; // any other value (ie truthy) sets autoplay to true
-      } else {
-        this.options_.autoplay = true;
-      }
-
-      techAutoplay = typeof techAutoplay === 'undefined' ? this.options_.autoplay : techAutoplay; // if we don't have a tech then we do not queue up
-      // a setAutoplay call on tech ready. We do this because the
-      // autoplay option will be passed in the constructor and we
-      // do not need to set it twice
-
-      if (this.tech_) {
-        this.techCall_('setAutoplay', techAutoplay);
-      }
-    }
-    /**
-     * Set or unset the playsinline attribute.
-     * Playsinline tells the browser that non-fullscreen playback is preferred.
-     *
-     * @param {boolean} [value]
-     *        - true means that we should try to play inline by default
-     *        - false means that we should use the browser's default playback mode,
-     *          which in most cases is inline. iOS Safari is a notable exception
-     *          and plays fullscreen by default.
-     *
-     * @return {string|Player}
-     *         - the current value of playsinline
-     *         - the player when setting
-     *
-     * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-     */
-    ;
-
-    _proto.playsinline = function playsinline(value) {
-      if (value !== undefined) {
-        this.techCall_('setPlaysinline', value);
-        this.options_.playsinline = value;
-        return this;
-      }
-
-      return this.techGet_('playsinline');
-    }
-    /**
-     * Get or set the loop attribute on the video element.
-     *
-     * @param {boolean} [value]
-     *        - true means that we should loop the video
-     *        - false means that we should not loop the video
-     *
-     * @return {boolean}
-     *         The current value of loop when getting
-     */
-    ;
-
-    _proto.loop = function loop(value) {
-      if (value !== undefined) {
-        this.techCall_('setLoop', value);
-        this.options_.loop = value;
-        return;
-      }
-
-      return this.techGet_('loop');
-    }
-    /**
-     * Get or set the poster image source url
-     *
-     * @fires Player#posterchange
-     *
-     * @param {string} [src]
-     *        Poster image source URL
-     *
-     * @return {string}
-     *         The current value of poster when getting
-     */
-    ;
-
-    _proto.poster = function poster(src) {
-      if (src === undefined) {
-        return this.poster_;
-      } // The correct way to remove a poster is to set as an empty string
-      // other falsey values will throw errors
-
-
-      if (!src) {
-        src = '';
-      }
-
-      if (src === this.poster_) {
-        return;
-      } // update the internal poster variable
-
-
-      this.poster_ = src; // update the tech's poster
-
-      this.techCall_('setPoster', src);
-      this.isPosterFromTech_ = false; // alert components that the poster has been set
-
-      /**
-       * This event fires when the poster image is changed on the player.
-       *
-       * @event Player#posterchange
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('posterchange');
-    }
-    /**
-     * Some techs (e.g. YouTube) can provide a poster source in an
-     * asynchronous way. We want the poster component to use this
-     * poster source so that it covers up the tech's controls.
-     * (YouTube's play button). However we only want to use this
-     * source if the player user hasn't set a poster through
-     * the normal APIs.
-     *
-     * @fires Player#posterchange
-     * @listens Tech#posterchange
-     * @private
-     */
-    ;
-
-    _proto.handleTechPosterChange_ = function handleTechPosterChange_() {
-      if ((!this.poster_ || this.options_.techCanOverridePoster) && this.tech_ && this.tech_.poster) {
-        var newPoster = this.tech_.poster() || '';
-
-        if (newPoster !== this.poster_) {
-          this.poster_ = newPoster;
-          this.isPosterFromTech_ = true; // Let components know the poster has changed
-
-          this.trigger('posterchange');
-        }
-      }
-    }
-    /**
-     * Get or set whether or not the controls are showing.
-     *
-     * @fires Player#controlsenabled
-     *
-     * @param {boolean} [bool]
-     *        - true to turn controls on
-     *        - false to turn controls off
-     *
-     * @return {boolean}
-     *         The current value of controls when getting
-     */
-    ;
-
-    _proto.controls = function controls(bool) {
-      if (bool === undefined) {
-        return !!this.controls_;
-      }
-
-      bool = !!bool; // Don't trigger a change event unless it actually changed
-
-      if (this.controls_ === bool) {
-        return;
-      }
-
-      this.controls_ = bool;
-
-      if (this.usingNativeControls()) {
-        this.techCall_('setControls', bool);
-      }
-
-      if (this.controls_) {
-        this.removeClass('vjs-controls-disabled');
-        this.addClass('vjs-controls-enabled');
-        /**
-         * @event Player#controlsenabled
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('controlsenabled');
-
-        if (!this.usingNativeControls()) {
-          this.addTechControlsListeners_();
-        }
-      } else {
-        this.removeClass('vjs-controls-enabled');
-        this.addClass('vjs-controls-disabled');
-        /**
-         * @event Player#controlsdisabled
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('controlsdisabled');
-
-        if (!this.usingNativeControls()) {
-          this.removeTechControlsListeners_();
-        }
-      }
-    }
-    /**
-     * Toggle native controls on/off. Native controls are the controls built into
-     * devices (e.g. default iPhone controls), Flash, or other techs
-     * (e.g. Vimeo Controls)
-     * **This should only be set by the current tech, because only the tech knows
-     * if it can support native controls**
-     *
-     * @fires Player#usingnativecontrols
-     * @fires Player#usingcustomcontrols
-     *
-     * @param {boolean} [bool]
-     *        - true to turn native controls on
-     *        - false to turn native controls off
-     *
-     * @return {boolean}
-     *         The current value of native controls when getting
-     */
-    ;
-
-    _proto.usingNativeControls = function usingNativeControls(bool) {
-      if (bool === undefined) {
-        return !!this.usingNativeControls_;
-      }
-
-      bool = !!bool; // Don't trigger a change event unless it actually changed
-
-      if (this.usingNativeControls_ === bool) {
-        return;
-      }
-
-      this.usingNativeControls_ = bool;
-
-      if (this.usingNativeControls_) {
-        this.addClass('vjs-using-native-controls');
-        /**
-         * player is using the native device controls
-         *
-         * @event Player#usingnativecontrols
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('usingnativecontrols');
-      } else {
-        this.removeClass('vjs-using-native-controls');
-        /**
-         * player is using the custom HTML controls
-         *
-         * @event Player#usingcustomcontrols
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('usingcustomcontrols');
-      }
-    }
-    /**
-     * Set or get the current MediaError
-     *
-     * @fires Player#error
-     *
-     * @param  {MediaError|string|number} [err]
-     *         A MediaError or a string/number to be turned
-     *         into a MediaError
-     *
-     * @return {MediaError|null}
-     *         The current MediaError when getting (or null)
-     */
-    ;
-
-    _proto.error = function error(err) {
-      if (err === undefined) {
-        return this.error_ || null;
-      } // Suppress the first error message for no compatible source until
-      // user interaction
-
-
-      if (this.options_.suppressNotSupportedError && err && err.code === 4) {
-        var triggerSuppressedError = function triggerSuppressedError() {
-          this.error(err);
-        };
-
-        this.options_.suppressNotSupportedError = false;
-        this.any(['click', 'touchstart'], triggerSuppressedError);
-        this.one('loadstart', function () {
-          this.off(['click', 'touchstart'], triggerSuppressedError);
-        });
-        return;
-      } // restoring to default
-
-
-      if (err === null) {
-        this.error_ = err;
-        this.removeClass('vjs-error');
-
-        if (this.errorDisplay) {
-          this.errorDisplay.close();
-        }
-
-        return;
-      }
-
-      this.error_ = new MediaError(err); // add the vjs-error classname to the player
-
-      this.addClass('vjs-error'); // log the name of the error type and any message
-      // IE11 logs "[object object]" and required you to expand message to see error object
-
-      log.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
-      /**
-       * @event Player#error
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('error');
-      return;
-    }
-    /**
-     * Report user activity
-     *
-     * @param {Object} event
-     *        Event object
-     */
-    ;
-
-    _proto.reportUserActivity = function reportUserActivity(event) {
-      this.userActivity_ = true;
-    }
-    /**
-     * Get/set if user is active
-     *
-     * @fires Player#useractive
-     * @fires Player#userinactive
-     *
-     * @param {boolean} [bool]
-     *        - true if the user is active
-     *        - false if the user is inactive
-     *
-     * @return {boolean}
-     *         The current value of userActive when getting
-     */
-    ;
-
-    _proto.userActive = function userActive(bool) {
-      if (bool === undefined) {
-        return this.userActive_;
-      }
-
-      bool = !!bool;
-
-      if (bool === this.userActive_) {
-        return;
-      }
-
-      this.userActive_ = bool;
-
-      if (this.userActive_) {
-        this.userActivity_ = true;
-        this.removeClass('vjs-user-inactive');
-        this.addClass('vjs-user-active');
-        /**
-         * @event Player#useractive
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('useractive');
-        return;
-      } // Chrome/Safari/IE have bugs where when you change the cursor it can
-      // trigger a mousemove event. This causes an issue when you're hiding
-      // the cursor when the user is inactive, and a mousemove signals user
-      // activity. Making it impossible to go into inactive mode. Specifically
-      // this happens in fullscreen when we really need to hide the cursor.
-      //
-      // When this gets resolved in ALL browsers it can be removed
-      // https://code.google.com/p/chromium/issues/detail?id=103041
-
-
-      if (this.tech_) {
-        this.tech_.one('mousemove', function (e) {
-          e.stopPropagation();
-          e.preventDefault();
-        });
-      }
-
-      this.userActivity_ = false;
-      this.removeClass('vjs-user-active');
-      this.addClass('vjs-user-inactive');
-      /**
-       * @event Player#userinactive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('userinactive');
-    }
-    /**
-     * Listen for user activity based on timeout value
-     *
-     * @private
-     */
-    ;
-
-    _proto.listenForUserActivity_ = function listenForUserActivity_() {
-      var mouseInProgress;
-      var lastMoveX;
-      var lastMoveY;
-      var handleActivity = bind(this, this.reportUserActivity);
-
-      var handleMouseMove = function handleMouseMove(e) {
-        // #1068 - Prevent mousemove spamming
-        // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970
-        if (e.screenX !== lastMoveX || e.screenY !== lastMoveY) {
-          lastMoveX = e.screenX;
-          lastMoveY = e.screenY;
-          handleActivity();
-        }
-      };
-
-      var handleMouseDown = function handleMouseDown() {
-        handleActivity(); // 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
-
-        this.clearInterval(mouseInProgress); // Setting userActivity=true now and setting the interval to the same time
-        // as the activityCheck interval (250) should ensure we never miss the
-        // next activityCheck
-
-        mouseInProgress = this.setInterval(handleActivity, 250);
-      };
-
-      var handleMouseUp = function handleMouseUp(event) {
-        handleActivity(); // Stop the interval that maintains activity if the mouse/touch is down
-
-        this.clearInterval(mouseInProgress);
-      }; // Any mouse movement will be considered user activity
-
-
-      this.on('mousedown', handleMouseDown);
-      this.on('mousemove', handleMouseMove);
-      this.on('mouseup', handleMouseUp);
-      var controlBar = this.getChild('controlBar'); // Fixes bug on Android & iOS where when tapping progressBar (when control bar is displayed)
-      // controlBar would no longer be hidden by default timeout.
-
-      if (controlBar && !IS_IOS && !IS_ANDROID) {
-        controlBar.on('mouseenter', function (event) {
-          this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
-          this.player().options_.inactivityTimeout = 0;
-        });
-        controlBar.on('mouseleave', function (event) {
-          this.player().options_.inactivityTimeout = this.player().cache_.inactivityTimeout;
-        });
-      } // Listen for keyboard navigation
-      // Shouldn't need to use inProgress interval because of key repeat
-
-
-      this.on('keydown', handleActivity);
-      this.on('keyup', handleActivity); // Run an interval every 250 milliseconds instead of stuffing everything into
-      // the mousemove/touchmove function itself, to prevent performance degradation.
-      // `this.reportUserActivity` simply sets this.userActivity_ to true, which
-      // then gets picked up by this loop
-      // http://ejohn.org/blog/learning-from-twitter/
-
-      var inactivityTimeout;
-      this.setInterval(function () {
-        // Check to see if mouse/touch activity has happened
-        if (!this.userActivity_) {
-          return;
-        } // Reset the activity tracker
-
-
-        this.userActivity_ = false; // If the user state was inactive, set the state to active
-
-        this.userActive(true); // Clear any existing inactivity timeout to start the timer over
-
-        this.clearTimeout(inactivityTimeout);
-        var timeout = this.options_.inactivityTimeout;
-
-        if (timeout <= 0) {
-          return;
-        } // In <timeout> milliseconds, if no more activity has occurred the
-        // user will be considered inactive
-
-
-        inactivityTimeout = this.setTimeout(function () {
-          // Protect against the case where the inactivityTimeout can trigger just
-          // before the next user activity is picked up by the activity check loop
-          // causing a flicker
-          if (!this.userActivity_) {
-            this.userActive(false);
-          }
-        }, timeout);
-      }, 250);
-    }
-    /**
-     * Gets or sets the current playback rate. A playback rate of
-     * 1.0 represents normal speed and 0.5 would indicate half-speed
-     * playback, for instance.
-     *
-     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-playbackrate
-     *
-     * @param {number} [rate]
-     *       New playback rate to set.
-     *
-     * @return {number}
-     *         The current playback rate when getting or 1.0
-     */
-    ;
-
-    _proto.playbackRate = function playbackRate(rate) {
-      if (rate !== undefined) {
-        // NOTE: this.cache_.lastPlaybackRate is set from the tech handler
-        // that is registered above
-        this.techCall_('setPlaybackRate', rate);
-        return;
-      }
-
-      if (this.tech_ && this.tech_.featuresPlaybackRate) {
-        return this.cache_.lastPlaybackRate || this.techGet_('playbackRate');
-      }
-
-      return 1.0;
-    }
-    /**
-     * Gets or sets the current default playback rate. A default playback rate of
-     * 1.0 represents normal speed and 0.5 would indicate half-speed playback, for instance.
-     * defaultPlaybackRate will only represent what the initial playbackRate of a video was, not
-     * not the current playbackRate.
-     *
-     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate
-     *
-     * @param {number} [rate]
-     *       New default playback rate to set.
-     *
-     * @return {number|Player}
-     *         - The default playback rate when getting or 1.0
-     *         - the player when setting
-     */
-    ;
-
-    _proto.defaultPlaybackRate = function defaultPlaybackRate(rate) {
-      if (rate !== undefined) {
-        return this.techCall_('setDefaultPlaybackRate', rate);
-      }
-
-      if (this.tech_ && this.tech_.featuresPlaybackRate) {
-        return this.techGet_('defaultPlaybackRate');
-      }
-
-      return 1.0;
-    }
-    /**
-     * Gets or sets the audio flag
-     *
-     * @param {boolean} bool
-     *        - true signals that this is an audio player
-     *        - false signals that this is not an audio player
-     *
-     * @return {boolean}
-     *         The current value of isAudio when getting
-     */
-    ;
-
-    _proto.isAudio = function isAudio(bool) {
-      if (bool !== undefined) {
-        this.isAudio_ = !!bool;
-        return;
-      }
-
-      return !!this.isAudio_;
-    }
-    /**
-     * A helper method for adding a {@link TextTrack} to our
-     * {@link TextTrackList}.
-     *
-     * In addition to the W3C settings we allow adding additional info through options.
-     *
-     * @see http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
-     *
-     * @param {string} [kind]
-     *        the kind of TextTrack you are adding
-     *
-     * @param {string} [label]
-     *        the label to give the TextTrack label
-     *
-     * @param {string} [language]
-     *        the language to set on the TextTrack
-     *
-     * @return {TextTrack|undefined}
-     *         the TextTrack that was added or undefined
-     *         if there is no tech
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (this.tech_) {
-        return this.tech_.addTextTrack(kind, label, language);
-      }
-    }
-    /**
-     * Create a remote {@link TextTrack} and an {@link HTMLTrackElement}. It will
-     * automatically removed from the video element whenever the source changes, unless
-     * manualCleanup is set to false.
-     *
-     * @param {Object} options
-     *        Options to pass to {@link HTMLTrackElement} during creation. See
-     *        {@link HTMLTrackElement} for object properties that you should use.
-     *
-     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-     *
-     * @return {HtmlTrackElement}
-     *         the HTMLTrackElement that was created and added
-     *         to the HtmlTrackElementList and the remote
-     *         TextTrackList
-     *
-     * @deprecated The default value of the "manualCleanup" parameter will default
-     *             to "false" in upcoming versions of Video.js
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      if (this.tech_) {
-        return this.tech_.addRemoteTextTrack(options, manualCleanup);
-      }
-    }
-    /**
-     * Remove a remote {@link TextTrack} from the respective
-     * {@link TextTrackList} and {@link HtmlTrackElementList}.
-     *
-     * @param {Object} track
-     *        Remote {@link TextTrack} to remove
-     *
-     * @return {undefined}
-     *         does not return anything
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(obj) {
-      if (obj === void 0) {
-        obj = {};
-      }
-
-      var _obj = obj,
-          track = _obj.track;
-
-      if (!track) {
-        track = obj;
-      } // destructure the input into an object with a track argument, defaulting to arguments[0]
-      // default the whole argument to an empty object if nothing was passed in
-
-
-      if (this.tech_) {
-        return this.tech_.removeRemoteTextTrack(track);
-      }
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object|undefined}
-     *         An object with supported media playback quality metrics or undefined if there
-     *         is no tech or the tech does not support it.
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      return this.techGet_('getVideoPlaybackQuality');
-    }
-    /**
-     * Get video width
-     *
-     * @return {number}
-     *         current video width
-     */
-    ;
-
-    _proto.videoWidth = function videoWidth() {
-      return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-    }
-    /**
-     * Get video height
-     *
-     * @return {number}
-     *         current video height
-     */
-    ;
-
-    _proto.videoHeight = function videoHeight() {
-      return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;
-    }
-    /**
-     * The player's language code
-     * NOTE: The language should be set in the player options if you want the
-     * the controls to be built with a specific language. Changing the language
-     * later will not update controls text.
-     *
-     * @param {string} [code]
-     *        the language code to set the player to
-     *
-     * @return {string}
-     *         The current language code when getting
-     */
-    ;
-
-    _proto.language = function language(code) {
-      if (code === undefined) {
-        return this.language_;
-      }
-
-      this.language_ = String(code).toLowerCase();
-    }
-    /**
-     * Get the player's language dictionary
-     * Merge every time, because a newly added plugin might call videojs.addLanguage() at any time
-     * Languages specified directly in the player options have precedence
-     *
-     * @return {Array}
-     *         An array of of supported languages
-     */
-    ;
-
-    _proto.languages = function languages() {
-      return mergeOptions(Player.prototype.options_.languages, this.languages_);
-    }
-    /**
-     * returns a JavaScript object reperesenting the current track
-     * information. **DOES not return it as JSON**
-     *
-     * @return {Object}
-     *         Object representing the current of track info
-     */
-    ;
-
-    _proto.toJSON = function toJSON() {
-      var options = mergeOptions(this.options_);
-      var tracks = options.tracks;
-      options.tracks = [];
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // deep merge tracks and null out player so no circular references
-
-        track = mergeOptions(track);
-        track.player = undefined;
-        options.tracks[i] = track;
-      }
-
-      return options;
-    }
-    /**
-     * Creates a simple modal dialog (an instance of the {@link ModalDialog}
-     * component) that immediately overlays the player with arbitrary
-     * content and removes itself when closed.
-     *
-     * @param {string|Function|Element|Array|null} content
-     *        Same as {@link ModalDialog#content}'s param of the same name.
-     *        The most straight-forward usage is to provide a string or DOM
-     *        element.
-     *
-     * @param {Object} [options]
-     *        Extra options which will be passed on to the {@link ModalDialog}.
-     *
-     * @return {ModalDialog}
-     *         the {@link ModalDialog} that was created
-     */
-    ;
-
-    _proto.createModal = function createModal(content, options) {
-      var _this14 = this;
-
-      options = options || {};
-      options.content = content || '';
-      var modal = new ModalDialog(this, options);
-      this.addChild(modal);
-      modal.on('dispose', function () {
-        _this14.removeChild(modal);
-      });
-      modal.open();
-      return modal;
-    }
-    /**
-     * Change breakpoint classes when the player resizes.
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateCurrentBreakpoint_ = function updateCurrentBreakpoint_() {
-      if (!this.responsive()) {
-        return;
-      }
-
-      var currentBreakpoint = this.currentBreakpoint();
-      var currentWidth = this.currentWidth();
-
-      for (var i = 0; i < BREAKPOINT_ORDER.length; i++) {
-        var candidateBreakpoint = BREAKPOINT_ORDER[i];
-        var maxWidth = this.breakpoints_[candidateBreakpoint];
-
-        if (currentWidth <= maxWidth) {
-          // The current breakpoint did not change, nothing to do.
-          if (currentBreakpoint === candidateBreakpoint) {
-            return;
-          } // Only remove a class if there is a current breakpoint.
-
-
-          if (currentBreakpoint) {
-            this.removeClass(BREAKPOINT_CLASSES[currentBreakpoint]);
-          }
-
-          this.addClass(BREAKPOINT_CLASSES[candidateBreakpoint]);
-          this.breakpoint_ = candidateBreakpoint;
-          break;
-        }
-      }
-    }
-    /**
-     * Removes the current breakpoint.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeCurrentBreakpoint_ = function removeCurrentBreakpoint_() {
-      var className = this.currentBreakpointClass();
-      this.breakpoint_ = '';
-
-      if (className) {
-        this.removeClass(className);
-      }
-    }
-    /**
-     * Get or set breakpoints on the player.
-     *
-     * Calling this method with an object or `true` will remove any previous
-     * custom breakpoints and start from the defaults again.
-     *
-     * @param  {Object|boolean} [breakpoints]
-     *         If an object is given, it can be used to provide custom
-     *         breakpoints. If `true` is given, will set default breakpoints.
-     *         If this argument is not given, will simply return the current
-     *         breakpoints.
-     *
-     * @param  {number} [breakpoints.tiny]
-     *         The maximum width for the "vjs-layout-tiny" class.
-     *
-     * @param  {number} [breakpoints.xsmall]
-     *         The maximum width for the "vjs-layout-x-small" class.
-     *
-     * @param  {number} [breakpoints.small]
-     *         The maximum width for the "vjs-layout-small" class.
-     *
-     * @param  {number} [breakpoints.medium]
-     *         The maximum width for the "vjs-layout-medium" class.
-     *
-     * @param  {number} [breakpoints.large]
-     *         The maximum width for the "vjs-layout-large" class.
-     *
-     * @param  {number} [breakpoints.xlarge]
-     *         The maximum width for the "vjs-layout-x-large" class.
-     *
-     * @param  {number} [breakpoints.huge]
-     *         The maximum width for the "vjs-layout-huge" class.
-     *
-     * @return {Object}
-     *         An object mapping breakpoint names to maximum width values.
-     */
-    ;
-
-    _proto.breakpoints = function breakpoints(_breakpoints) {
-      // Used as a getter.
-      if (_breakpoints === undefined) {
-        return assign(this.breakpoints_);
-      }
-
-      this.breakpoint_ = '';
-      this.breakpoints_ = assign({}, DEFAULT_BREAKPOINTS, _breakpoints); // When breakpoint definitions change, we need to update the currently
-      // selected breakpoint.
-
-      this.updateCurrentBreakpoint_(); // Clone the breakpoints before returning.
-
-      return assign(this.breakpoints_);
-    }
-    /**
-     * Get or set a flag indicating whether or not this player should adjust
-     * its UI based on its dimensions.
-     *
-     * @param  {boolean} value
-     *         Should be `true` if the player should adjust its UI based on its
-     *         dimensions; otherwise, should be `false`.
-     *
-     * @return {boolean}
-     *         Will be `true` if this player should adjust its UI based on its
-     *         dimensions; otherwise, will be `false`.
-     */
-    ;
-
-    _proto.responsive = function responsive(value) {
-      // Used as a getter.
-      if (value === undefined) {
-        return this.responsive_;
-      }
-
-      value = Boolean(value);
-      var current = this.responsive_; // Nothing changed.
-
-      if (value === current) {
-        return;
-      } // The value actually changed, set it.
-
-
-      this.responsive_ = value; // Start listening for breakpoints and set the initial breakpoint if the
-      // player is now responsive.
-
-      if (value) {
-        this.on('playerresize', this.updateCurrentBreakpoint_);
-        this.updateCurrentBreakpoint_(); // Stop listening for breakpoints if the player is no longer responsive.
-      } else {
-        this.off('playerresize', this.updateCurrentBreakpoint_);
-        this.removeCurrentBreakpoint_();
-      }
-
-      return value;
-    }
-    /**
-     * Get current breakpoint name, if any.
-     *
-     * @return {string}
-     *         If there is currently a breakpoint set, returns a the key from the
-     *         breakpoints object matching it. Otherwise, returns an empty string.
-     */
-    ;
-
-    _proto.currentBreakpoint = function currentBreakpoint() {
-      return this.breakpoint_;
-    }
-    /**
-     * Get the current breakpoint class name.
-     *
-     * @return {string}
-     *         The matching class name (e.g. `"vjs-layout-tiny"` or
-     *         `"vjs-layout-large"`) for the current breakpoint. Empty string if
-     *         there is no current breakpoint.
-     */
-    ;
-
-    _proto.currentBreakpointClass = function currentBreakpointClass() {
-      return BREAKPOINT_CLASSES[this.breakpoint_] || '';
-    }
-    /**
-     * An object that describes a single piece of media.
-     *
-     * Properties that are not part of this type description will be retained; so,
-     * this can be viewed as a generic metadata storage mechanism as well.
-     *
-     * @see      {@link https://wicg.github.io/mediasession/#the-mediametadata-interface}
-     * @typedef  {Object} Player~MediaObject
-     *
-     * @property {string} [album]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {string} [artist]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {Object[]} [artwork]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API. If not specified, will be populated via the `poster`, if
-     *           available.
-     *
-     * @property {string} [poster]
-     *           URL to an image that will display before playback.
-     *
-     * @property {Tech~SourceObject|Tech~SourceObject[]|string} [src]
-     *           A single source object, an array of source objects, or a string
-     *           referencing a URL to a media source. It is _highly recommended_
-     *           that an object or array of objects is used here, so that source
-     *           selection algorithms can take the `type` into account.
-     *
-     * @property {string} [title]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {Object[]} [textTracks]
-     *           An array of objects to be used to create text tracks, following
-     *           the {@link https://www.w3.org/TR/html50/embedded-content-0.html#the-track-element|native track element format}.
-     *           For ease of removal, these will be created as "remote" text
-     *           tracks and set to automatically clean up on source changes.
-     *
-     *           These objects may have properties like `src`, `kind`, `label`,
-     *           and `language`, see {@link Tech#createRemoteTextTrack}.
-     */
-
-    /**
-     * Populate the player using a {@link Player~MediaObject|MediaObject}.
-     *
-     * @param  {Player~MediaObject} media
-     *         A media object.
-     *
-     * @param  {Function} ready
-     *         A callback to be called when the player is ready.
-     */
-    ;
-
-    _proto.loadMedia = function loadMedia(media, ready) {
-      var _this15 = this;
-
-      if (!media || typeof media !== 'object') {
-        return;
-      }
-
-      this.reset(); // Clone the media object so it cannot be mutated from outside.
-
-      this.cache_.media = mergeOptions(media);
-      var _this$cache_$media = this.cache_.media,
-          artwork = _this$cache_$media.artwork,
-          poster = _this$cache_$media.poster,
-          src = _this$cache_$media.src,
-          textTracks = _this$cache_$media.textTracks; // If `artwork` is not given, create it using `poster`.
-
-      if (!artwork && poster) {
-        this.cache_.media.artwork = [{
-          src: poster,
-          type: getMimetype(poster)
-        }];
-      }
-
-      if (src) {
-        this.src(src);
-      }
-
-      if (poster) {
-        this.poster(poster);
-      }
-
-      if (Array.isArray(textTracks)) {
-        textTracks.forEach(function (tt) {
-          return _this15.addRemoteTextTrack(tt, false);
-        });
-      }
-
-      this.ready(ready);
-    }
-    /**
-     * Get a clone of the current {@link Player~MediaObject} for this player.
-     *
-     * If the `loadMedia` method has not been used, will attempt to return a
-     * {@link Player~MediaObject} based on the current state of the player.
-     *
-     * @return {Player~MediaObject}
-     */
-    ;
-
-    _proto.getMedia = function getMedia() {
-      if (!this.cache_.media) {
-        var poster = this.poster();
-        var src = this.currentSources();
-        var textTracks = Array.prototype.map.call(this.remoteTextTracks(), function (tt) {
-          return {
-            kind: tt.kind,
-            label: tt.label,
-            language: tt.language,
-            src: tt.src
-          };
-        });
-        var media = {
-          src: src,
-          textTracks: textTracks
-        };
-
-        if (poster) {
-          media.poster = poster;
-          media.artwork = [{
-            src: media.poster,
-            type: getMimetype(media.poster)
-          }];
-        }
-
-        return media;
-      }
-
-      return mergeOptions(this.cache_.media);
-    }
-    /**
-     * Gets tag settings
-     *
-     * @param {Element} tag
-     *        The player tag
-     *
-     * @return {Object}
-     *         An object containing all of the settings
-     *         for a player tag
-     */
-    ;
-
-    Player.getTagSettings = function getTagSettings(tag) {
-      var baseOptions = {
-        sources: [],
-        tracks: []
-      };
-      var tagOptions = getAttributes(tag);
-      var dataSetup = tagOptions['data-setup'];
-
-      if (hasClass(tag, 'vjs-fill')) {
-        tagOptions.fill = true;
-      }
-
-      if (hasClass(tag, 'vjs-fluid')) {
-        tagOptions.fluid = true;
-      } // Check if data-setup attr exists.
-
-
-      if (dataSetup !== null) {
-        // Parse options JSON
-        // If empty string, make it a parsable json object.
-        var _safeParseTuple = tuple(dataSetup || '{}'),
-            err = _safeParseTuple[0],
-            data = _safeParseTuple[1];
-
-        if (err) {
-          log.error(err);
-        }
-
-        assign(tagOptions, data);
-      }
-
-      assign(baseOptions, tagOptions); // Get tag children settings
-
-      if (tag.hasChildNodes()) {
-        var children = tag.childNodes;
-
-        for (var i = 0, j = children.length; i < j; i++) {
-          var child = children[i]; // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
-
-          var childName = child.nodeName.toLowerCase();
-
-          if (childName === 'source') {
-            baseOptions.sources.push(getAttributes(child));
-          } else if (childName === 'track') {
-            baseOptions.tracks.push(getAttributes(child));
-          }
-        }
-      }
-
-      return baseOptions;
-    }
-    /**
-     * Determine whether or not flexbox is supported
-     *
-     * @return {boolean}
-     *         - true if flexbox is supported
-     *         - false if flexbox is not supported
-     */
-    ;
-
-    _proto.flexNotSupported_ = function flexNotSupported_() {
-      var elem = document.createElement('i'); // Note: We don't actually use flexBasis (or flexOrder), but it's one of the more
-      // common flex features that we can rely on when checking for flex support.
-
-      return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style || // IE10-specific (2012 flex spec), available for completeness
-      'msFlexOrder' in elem.style);
-    };
-
-    return Player;
-  }(Component);
-  /**
-   * Get the {@link VideoTrackList}
-   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist
-   *
-   * @return {VideoTrackList}
-   *         the current video track list
-   *
-   * @method Player.prototype.videoTracks
-   */
-
-  /**
-   * Get the {@link AudioTrackList}
-   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist
-   *
-   * @return {AudioTrackList}
-   *         the current audio track list
-   *
-   * @method Player.prototype.audioTracks
-   */
-
-  /**
-   * Get the {@link TextTrackList}
-   *
-   * @link http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
-   *
-   * @return {TextTrackList}
-   *         the current text track list
-   *
-   * @method Player.prototype.textTracks
-   */
-
-  /**
-   * Get the remote {@link TextTrackList}
-   *
-   * @return {TextTrackList}
-   *         The current remote text track list
-   *
-   * @method Player.prototype.remoteTextTracks
-   */
-
-  /**
-   * Get the remote {@link HtmlTrackElementList} tracks.
-   *
-   * @return {HtmlTrackElementList}
-   *         The current remote text track element list
-   *
-   * @method Player.prototype.remoteTextTrackEls
-   */
-
-
-  ALL.names.forEach(function (name) {
-    var props = ALL[name];
-
-    Player.prototype[props.getterName] = function () {
-      if (this.tech_) {
-        return this.tech_[props.getterName]();
-      } // if we have not yet loadTech_, we create {video,audio,text}Tracks_
-      // these will be passed to the tech during loading
-
-
-      this[props.privateName] = this[props.privateName] || new props.ListClass();
-      return this[props.privateName];
-    };
-  });
-  /**
-   * Global enumeration of players.
-   *
-   * The keys are the player IDs and the values are either the {@link Player}
-   * instance or `null` for disposed players.
-   *
-   * @type {Object}
-   */
-
-  Player.players = {};
-  var navigator = window$1.navigator;
-  /*
-   * Player instance options, surfaced using options
-   * options = Player.prototype.options_
-   * Make changes in options, not here.
-   *
-   * @type {Object}
-   * @private
-   */
-
-  Player.prototype.options_ = {
-    // Default order of fallback technology
-    techOrder: Tech.defaultTechOrder_,
-    html5: {},
-    flash: {},
-    // default inactivity timeout
-    inactivityTimeout: 2000,
-    // default playback rates
-    playbackRates: [],
-    // Add playback rate selection by adding rates
-    // 'playbackRates': [0.5, 1, 1.5, 2],
-    liveui: false,
-    // Included control sets
-    children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'liveTracker', 'controlBar', 'errorDisplay', 'textTrackSettings', 'resizeManager'],
-    language: navigator && (navigator.languages && navigator.languages[0] || navigator.userLanguage || navigator.language) || 'en',
-    // locales and their language translations
-    languages: {},
-    // Default message to show when a video cannot be played.
-    notSupportedMessage: 'No compatible source was found for this media.',
-    fullscreen: {
-      options: {
-        navigationUI: 'hide'
-      }
-    },
-    breakpoints: {},
-    responsive: false
-  };
-  [
-  /**
-   * Returns whether or not the player is in the "ended" state.
-   *
-   * @return {Boolean} True if the player is in the ended state, false if not.
-   * @method Player#ended
-   */
-  'ended',
-  /**
-   * Returns whether or not the player is in the "seeking" state.
-   *
-   * @return {Boolean} True if the player is in the seeking state, false if not.
-   * @method Player#seeking
-   */
-  'seeking',
-  /**
-   * Returns the TimeRanges of the media that are currently available
-   * for seeking to.
-   *
-   * @return {TimeRanges} the seekable intervals of the media timeline
-   * @method Player#seekable
-   */
-  'seekable',
-  /**
-   * Returns the current state of network activity for the element, from
-   * the codes in the list below.
-   * - NETWORK_EMPTY (numeric value 0)
-   *   The element has not yet been initialised. All attributes are in
-   *   their initial states.
-   * - NETWORK_IDLE (numeric value 1)
-   *   The element's resource selection algorithm is active and has
-   *   selected a resource, but it is not actually using the network at
-   *   this time.
-   * - NETWORK_LOADING (numeric value 2)
-   *   The user agent is actively trying to download data.
-   * - NETWORK_NO_SOURCE (numeric value 3)
-   *   The element's resource selection algorithm is active, but it has
-   *   not yet found a resource to use.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#network-states
-   * @return {number} the current network activity state
-   * @method Player#networkState
-   */
-  'networkState',
-  /**
-   * Returns a value that expresses the current state of the element
-   * with respect to rendering the current playback position, from the
-   * codes in the list below.
-   * - HAVE_NOTHING (numeric value 0)
-   *   No information regarding the media resource is available.
-   * - HAVE_METADATA (numeric value 1)
-   *   Enough of the resource has been obtained that the duration of the
-   *   resource is available.
-   * - HAVE_CURRENT_DATA (numeric value 2)
-   *   Data for the immediate current playback position is available.
-   * - HAVE_FUTURE_DATA (numeric value 3)
-   *   Data for the immediate current playback position is available, as
-   *   well as enough data for the user agent to advance the current
-   *   playback position in the direction of playback.
-   * - HAVE_ENOUGH_DATA (numeric value 4)
-   *   The user agent estimates that enough data is available for
-   *   playback to proceed uninterrupted.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-readystate
-   * @return {number} the current playback rendering state
-   * @method Player#readyState
-   */
-  'readyState'].forEach(function (fn) {
-    Player.prototype[fn] = function () {
-      return this.techGet_(fn);
-    };
-  });
-  TECH_EVENTS_RETRIGGER.forEach(function (event) {
-    Player.prototype["handleTech" + toTitleCase(event) + "_"] = function () {
-      return this.trigger(event);
-    };
-  });
-  /**
-   * Fired when the player has initial duration and dimension information
-   *
-   * @event Player#loadedmetadata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the player has downloaded data at the current playback position
-   *
-   * @event Player#loadeddata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the current playback position has changed *
-   * During playback this is fired every 15-250 milliseconds, depending on the
-   * playback technology in use.
-   *
-   * @event Player#timeupdate
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the volume changes
-   *
-   * @event Player#volumechange
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Reports whether or not a player has a plugin available.
-   *
-   * This does not report whether or not the plugin has ever been initialized
-   * on this player. For that, [usingPlugin]{@link Player#usingPlugin}.
-   *
-   * @method Player#hasPlugin
-   * @param  {string}  name
-   *         The name of a plugin.
-   *
-   * @return {boolean}
-   *         Whether or not this player has the requested plugin available.
-   */
-
-  /**
-   * Reports whether or not a player is using a plugin by name.
-   *
-   * For basic plugins, this only reports whether the plugin has _ever_ been
-   * initialized on this player.
-   *
-   * @method Player#usingPlugin
-   * @param  {string} name
-   *         The name of a plugin.
-   *
-   * @return {boolean}
-   *         Whether or not this player is using the requested plugin.
-   */
-
-  Component.registerComponent('Player', Player);
-
-  var setPrototypeOf = createCommonjsModule(function (module) {
-    function _setPrototypeOf(o, p) {
-      module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-      };
-
-      return _setPrototypeOf(o, p);
-    }
-
-    module.exports = _setPrototypeOf;
-  });
-
-  var construct = createCommonjsModule(function (module) {
-    function isNativeReflectConstruct() {
-      if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-      if (Reflect.construct.sham) return false;
-      if (typeof Proxy === "function") return true;
-
-      try {
-        Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-        return true;
-      } catch (e) {
-        return false;
-      }
-    }
-
-    function _construct(Parent, args, Class) {
-      if (isNativeReflectConstruct()) {
-        module.exports = _construct = Reflect.construct;
-      } else {
-        module.exports = _construct = function _construct(Parent, args, Class) {
-          var a = [null];
-          a.push.apply(a, args);
-          var Constructor = Function.bind.apply(Parent, a);
-          var instance = new Constructor();
-          if (Class) setPrototypeOf(instance, Class.prototype);
-          return instance;
-        };
-      }
-
-      return _construct.apply(null, arguments);
-    }
-
-    module.exports = _construct;
-  });
-
-  /**
-   * The base plugin name.
-   *
-   * @private
-   * @constant
-   * @type {string}
-   */
-
-  var BASE_PLUGIN_NAME = 'plugin';
-  /**
-   * The key on which a player's active plugins cache is stored.
-   *
-   * @private
-   * @constant
-   * @type     {string}
-   */
-
-  var PLUGIN_CACHE_KEY = 'activePlugins_';
-  /**
-   * Stores registered plugins in a private space.
-   *
-   * @private
-   * @type    {Object}
-   */
-
-  var pluginStorage = {};
-  /**
-   * Reports whether or not a plugin has been registered.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {boolean}
-   *          Whether or not the plugin has been registered.
-   */
-
-  var pluginExists = function pluginExists(name) {
-    return pluginStorage.hasOwnProperty(name);
-  };
-  /**
-   * Get a single registered plugin by name.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {Function|undefined}
-   *          The plugin (or undefined).
-   */
-
-
-  var getPlugin = function getPlugin(name) {
-    return pluginExists(name) ? pluginStorage[name] : undefined;
-  };
-  /**
-   * Marks a plugin as "active" on a player.
-   *
-   * Also, ensures that the player has an object for tracking active plugins.
-   *
-   * @private
-   * @param   {Player} player
-   *          A Video.js player instance.
-   *
-   * @param   {string} name
-   *          The name of a plugin.
-   */
-
-
-  var markPluginAsActive = function markPluginAsActive(player, name) {
-    player[PLUGIN_CACHE_KEY] = player[PLUGIN_CACHE_KEY] || {};
-    player[PLUGIN_CACHE_KEY][name] = true;
-  };
-  /**
-   * Triggers a pair of plugin setup events.
-   *
-   * @private
-   * @param  {Player} player
-   *         A Video.js player instance.
-   *
-   * @param  {Plugin~PluginEventHash} hash
-   *         A plugin event hash.
-   *
-   * @param  {boolean} [before]
-   *         If true, prefixes the event name with "before". In other words,
-   *         use this to trigger "beforepluginsetup" instead of "pluginsetup".
-   */
-
-
-  var triggerSetupEvent = function triggerSetupEvent(player, hash, before) {
-    var eventName = (before ? 'before' : '') + 'pluginsetup';
-    player.trigger(eventName, hash);
-    player.trigger(eventName + ':' + hash.name, hash);
-  };
-  /**
-   * Takes a basic plugin function and returns a wrapper function which marks
-   * on the player that the plugin has been activated.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of the plugin.
-   *
-   * @param   {Function} plugin
-   *          The basic plugin.
-   *
-   * @return {Function}
-   *          A wrapper function for the given plugin.
-   */
-
-
-  var createBasicPlugin = function createBasicPlugin(name, plugin) {
-    var basicPluginWrapper = function basicPluginWrapper() {
-      // We trigger the "beforepluginsetup" and "pluginsetup" events on the player
-      // regardless, but we want the hash to be consistent with the hash provided
-      // for advanced plugins.
-      //
-      // The only potentially counter-intuitive thing here is the `instance` in
-      // the "pluginsetup" event is the value returned by the `plugin` function.
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: plugin,
-        instance: null
-      }, true);
-      var instance = plugin.apply(this, arguments);
-      markPluginAsActive(this, name);
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: plugin,
-        instance: instance
-      });
-      return instance;
-    };
-
-    Object.keys(plugin).forEach(function (prop) {
-      basicPluginWrapper[prop] = plugin[prop];
-    });
-    return basicPluginWrapper;
-  };
-  /**
-   * Takes a plugin sub-class and returns a factory function for generating
-   * instances of it.
-   *
-   * This factory function will replace itself with an instance of the requested
-   * sub-class of Plugin.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of the plugin.
-   *
-   * @param   {Plugin} PluginSubClass
-   *          The advanced plugin.
-   *
-   * @return {Function}
-   */
-
-
-  var createPluginFactory = function createPluginFactory(name, PluginSubClass) {
-    // Add a `name` property to the plugin prototype so that each plugin can
-    // refer to itself by name.
-    PluginSubClass.prototype.name = name;
-    return function () {
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: PluginSubClass,
-        instance: null
-      }, true);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var instance = construct(PluginSubClass, [this].concat(args)); // The plugin is replaced by a function that returns the current instance.
-
-
-      this[name] = function () {
-        return instance;
-      };
-
-      triggerSetupEvent(this, instance.getEventHash());
-      return instance;
-    };
-  };
-  /**
-   * Parent class for all advanced plugins.
-   *
-   * @mixes   module:evented~EventedMixin
-   * @mixes   module:stateful~StatefulMixin
-   * @fires   Player#beforepluginsetup
-   * @fires   Player#beforepluginsetup:$name
-   * @fires   Player#pluginsetup
-   * @fires   Player#pluginsetup:$name
-   * @listens Player#dispose
-   * @throws  {Error}
-   *          If attempting to instantiate the base {@link Plugin} class
-   *          directly instead of via a sub-class.
-   */
-
-
-  var Plugin =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Creates an instance of this class.
-     *
-     * Sub-classes should call `super` to ensure plugins are properly initialized.
-     *
-     * @param {Player} player
-     *        A Video.js player instance.
-     */
-    function Plugin(player) {
-      if (this.constructor === Plugin) {
-        throw new Error('Plugin must be sub-classed; not directly instantiated.');
-      }
-
-      this.player = player; // Make this object evented, but remove the added `trigger` method so we
-      // use the prototype version instead.
-
-      evented(this);
-      delete this.trigger;
-      stateful(this, this.constructor.defaultState);
-      markPluginAsActive(player, this.name); // Auto-bind the dispose method so we can use it as a listener and unbind
-      // it later easily.
-
-      this.dispose = bind(this, this.dispose); // If the player is disposed, dispose the plugin.
-
-      player.on('dispose', this.dispose);
-    }
-    /**
-     * Get the version of the plugin that was set on <pluginName>.VERSION
-     */
-
-
-    var _proto = Plugin.prototype;
-
-    _proto.version = function version() {
-      return this.constructor.VERSION;
-    }
-    /**
-     * Each event triggered by plugins includes a hash of additional data with
-     * conventional properties.
-     *
-     * This returns that object or mutates an existing hash.
-     *
-     * @param   {Object} [hash={}]
-     *          An object to be used as event an event hash.
-     *
-     * @return {Plugin~PluginEventHash}
-     *          An event hash object with provided properties mixed-in.
-     */
-    ;
-
-    _proto.getEventHash = function getEventHash(hash) {
-      if (hash === void 0) {
-        hash = {};
-      }
-
-      hash.name = this.name;
-      hash.plugin = this.constructor;
-      hash.instance = this;
-      return hash;
-    }
-    /**
-     * Triggers an event on the plugin object and overrides
-     * {@link module:evented~EventedMixin.trigger|EventedMixin.trigger}.
-     *
-     * @param   {string|Object} event
-     *          An event type or an object with a type property.
-     *
-     * @param   {Object} [hash={}]
-     *          Additional data hash to merge with a
-     *          {@link Plugin~PluginEventHash|PluginEventHash}.
-     *
-     * @return {boolean}
-     *          Whether or not default was prevented.
-     */
-    ;
-
-    _proto.trigger = function trigger$1(event, hash) {
-      if (hash === void 0) {
-        hash = {};
-      }
-
-      return trigger(this.eventBusEl_, event, this.getEventHash(hash));
-    }
-    /**
-     * Handles "statechanged" events on the plugin. No-op by default, override by
-     * subclassing.
-     *
-     * @abstract
-     * @param    {Event} e
-     *           An event object provided by a "statechanged" event.
-     *
-     * @param    {Object} e.changes
-     *           An object describing changes that occurred with the "statechanged"
-     *           event.
-     */
-    ;
-
-    _proto.handleStateChanged = function handleStateChanged(e) {}
-    /**
-     * Disposes a plugin.
-     *
-     * Subclasses can override this if they want, but for the sake of safety,
-     * it's probably best to subscribe the "dispose" event.
-     *
-     * @fires Plugin#dispose
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      var name = this.name,
-          player = this.player;
-      /**
-       * Signals that a advanced plugin is about to be disposed.
-       *
-       * @event Plugin#dispose
-       * @type  {EventTarget~Event}
-       */
-
-      this.trigger('dispose');
-      this.off();
-      player.off('dispose', this.dispose); // Eliminate any possible sources of leaking memory by clearing up
-      // references between the player and the plugin instance and nulling out
-      // the plugin's state and replacing methods with a function that throws.
-
-      player[PLUGIN_CACHE_KEY][name] = false;
-      this.player = this.state = null; // Finally, replace the plugin name on the player with a new factory
-      // function, so that the plugin is ready to be set up again.
-
-      player[name] = createPluginFactory(name, pluginStorage[name]);
-    }
-    /**
-     * Determines if a plugin is a basic plugin (i.e. not a sub-class of `Plugin`).
-     *
-     * @param   {string|Function} plugin
-     *          If a string, matches the name of a plugin. If a function, will be
-     *          tested directly.
-     *
-     * @return {boolean}
-     *          Whether or not a plugin is a basic plugin.
-     */
-    ;
-
-    Plugin.isBasic = function isBasic(plugin) {
-      var p = typeof plugin === 'string' ? getPlugin(plugin) : plugin;
-      return typeof p === 'function' && !Plugin.prototype.isPrototypeOf(p.prototype);
-    }
-    /**
-     * Register a Video.js plugin.
-     *
-     * @param   {string} name
-     *          The name of the plugin to be registered. Must be a string and
-     *          must not match an existing plugin or a method on the `Player`
-     *          prototype.
-     *
-     * @param   {Function} plugin
-     *          A sub-class of `Plugin` or a function for basic plugins.
-     *
-     * @return {Function}
-     *          For advanced plugins, a factory function for that plugin. For
-     *          basic plugins, a wrapper function that initializes the plugin.
-     */
-    ;
-
-    Plugin.registerPlugin = function registerPlugin(name, plugin) {
-      if (typeof name !== 'string') {
-        throw new Error("Illegal plugin name, \"" + name + "\", must be a string, was " + typeof name + ".");
-      }
-
-      if (pluginExists(name)) {
-        log.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
-      } else if (Player.prototype.hasOwnProperty(name)) {
-        throw new Error("Illegal plugin name, \"" + name + "\", cannot share a name with an existing player method!");
-      }
-
-      if (typeof plugin !== 'function') {
-        throw new Error("Illegal plugin for \"" + name + "\", must be a function, was " + typeof plugin + ".");
-      }
-
-      pluginStorage[name] = plugin; // Add a player prototype method for all sub-classed plugins (but not for
-      // the base Plugin class).
-
-      if (name !== BASE_PLUGIN_NAME) {
-        if (Plugin.isBasic(plugin)) {
-          Player.prototype[name] = createBasicPlugin(name, plugin);
-        } else {
-          Player.prototype[name] = createPluginFactory(name, plugin);
-        }
-      }
-
-      return plugin;
-    }
-    /**
-     * De-register a Video.js plugin.
-     *
-     * @param  {string} name
-     *         The name of the plugin to be de-registered. Must be a string that
-     *         matches an existing plugin.
-     *
-     * @throws {Error}
-     *         If an attempt is made to de-register the base plugin.
-     */
-    ;
-
-    Plugin.deregisterPlugin = function deregisterPlugin(name) {
-      if (name === BASE_PLUGIN_NAME) {
-        throw new Error('Cannot de-register base plugin.');
-      }
-
-      if (pluginExists(name)) {
-        delete pluginStorage[name];
-        delete Player.prototype[name];
-      }
-    }
-    /**
-     * Gets an object containing multiple Video.js plugins.
-     *
-     * @param   {Array} [names]
-     *          If provided, should be an array of plugin names. Defaults to _all_
-     *          plugin names.
-     *
-     * @return {Object|undefined}
-     *          An object containing plugin(s) associated with their name(s) or
-     *          `undefined` if no matching plugins exist).
-     */
-    ;
-
-    Plugin.getPlugins = function getPlugins(names) {
-      if (names === void 0) {
-        names = Object.keys(pluginStorage);
-      }
-
-      var result;
-      names.forEach(function (name) {
-        var plugin = getPlugin(name);
-
-        if (plugin) {
-          result = result || {};
-          result[name] = plugin;
-        }
-      });
-      return result;
-    }
-    /**
-     * Gets a plugin's version, if available
-     *
-     * @param   {string} name
-     *          The name of a plugin.
-     *
-     * @return {string}
-     *          The plugin's version or an empty string.
-     */
-    ;
-
-    Plugin.getPluginVersion = function getPluginVersion(name) {
-      var plugin = getPlugin(name);
-      return plugin && plugin.VERSION || '';
-    };
-
-    return Plugin;
-  }();
-  /**
-   * Gets a plugin by name if it exists.
-   *
-   * @static
-   * @method   getPlugin
-   * @memberOf Plugin
-   * @param    {string} name
-   *           The name of a plugin.
-   *
-   * @returns  {Function|undefined}
-   *           The plugin (or `undefined`).
-   */
-
-
-  Plugin.getPlugin = getPlugin;
-  /**
-   * The name of the base plugin class as it is registered.
-   *
-   * @type {string}
-   */
-
-  Plugin.BASE_PLUGIN_NAME = BASE_PLUGIN_NAME;
-  Plugin.registerPlugin(BASE_PLUGIN_NAME, Plugin);
-  /**
-   * Documented in player.js
-   *
-   * @ignore
-   */
-
-  Player.prototype.usingPlugin = function (name) {
-    return !!this[PLUGIN_CACHE_KEY] && this[PLUGIN_CACHE_KEY][name] === true;
-  };
-  /**
-   * Documented in player.js
-   *
-   * @ignore
-   */
-
-
-  Player.prototype.hasPlugin = function (name) {
-    return !!pluginExists(name);
-  };
-  /**
-   * Signals that a plugin is about to be set up on a player.
-   *
-   * @event    Player#beforepluginsetup
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin is about to be set up on a player - by name. The name
-   * is the name of the plugin.
-   *
-   * @event    Player#beforepluginsetup:$name
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin has just been set up on a player.
-   *
-   * @event    Player#pluginsetup
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin has just been set up on a player - by name. The name
-   * is the name of the plugin.
-   *
-   * @event    Player#pluginsetup:$name
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * @typedef  {Object} Plugin~PluginEventHash
-   *
-   * @property {string} instance
-   *           For basic plugins, the return value of the plugin function. For
-   *           advanced plugins, the plugin instance on which the event is fired.
-   *
-   * @property {string} name
-   *           The name of the plugin.
-   *
-   * @property {string} plugin
-   *           For basic plugins, the plugin function. For advanced plugins, the
-   *           plugin class/constructor.
-   */
-
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass) setPrototypeOf(subClass, superClass);
-  }
-
-  var inherits = _inherits;
-
-  /**
-   * @file extend.js
-   * @module extend
-   */
-  /**
-   * Used to subclass an existing class by emulating ES subclassing using the
-   * `extends` keyword.
-   *
-   * @function
-   * @example
-   * var MyComponent = videojs.extend(videojs.getComponent('Component'), {
-   *   myCustomMethod: function() {
-   *     // Do things in my method.
-   *   }
-   * });
-   *
-   * @param    {Function} superClass
-   *           The class to inherit from
-   *
-   * @param    {Object}   [subClassMethods={}]
-   *           Methods of the new class
-   *
-   * @return   {Function}
-   *           The new class with subClassMethods that inherited superClass.
-   */
-
-  var extend = function extend(superClass, subClassMethods) {
-    if (subClassMethods === void 0) {
-      subClassMethods = {};
-    }
-
-    var subClass = function subClass() {
-      superClass.apply(this, arguments);
-    };
-
-    var methods = {};
-
-    if (typeof subClassMethods === 'object') {
-      if (subClassMethods.constructor !== Object.prototype.constructor) {
-        subClass = subClassMethods.constructor;
-      }
-
-      methods = subClassMethods;
-    } else if (typeof subClassMethods === 'function') {
-      subClass = subClassMethods;
-    }
-
-    inherits(subClass, superClass); // this is needed for backward-compatibility and node compatibility.
-
-
-    if (superClass) {
-      subClass.super_ = superClass;
-    } // Extend subObj's prototype with functions and other properties from props
-
-
-    for (var name in methods) {
-      if (methods.hasOwnProperty(name)) {
-        subClass.prototype[name] = methods[name];
-      }
-    }
-
-    return subClass;
-  };
-
-  /**
-   * @file video.js
-   * @module videojs
-   */
-  /**
-   * Normalize an `id` value by trimming off a leading `#`
-   *
-   * @private
-   * @param   {string} id
-   *          A string, maybe with a leading `#`.
-   *
-   * @return {string}
-   *          The string, without any leading `#`.
-   */
-
-  var normalizeId = function normalizeId(id) {
-    return id.indexOf('#') === 0 ? id.slice(1) : id;
-  };
-  /**
-   * The `videojs()` function doubles as the main function for users to create a
-   * {@link Player} instance as well as the main library namespace.
-   *
-   * It can also be used as a getter for a pre-existing {@link Player} instance.
-   * However, we _strongly_ recommend using `videojs.getPlayer()` for this
-   * purpose because it avoids any potential for unintended initialization.
-   *
-   * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-   * of our JSDoc template, we cannot properly document this as both a function
-   * and a namespace, so its function signature is documented here.
-   *
-   * #### Arguments
-   * ##### id
-   * string|Element, **required**
-   *
-   * Video element or video element ID.
-   *
-   * ##### options
-   * Object, optional
-   *
-   * Options object for providing settings.
-   * See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
-   *
-   * ##### ready
-   * {@link Component~ReadyCallback}, optional
-   *
-   * A function to be called when the {@link Player} and {@link Tech} are ready.
-   *
-   * #### Return Value
-   *
-   * The `videojs()` function returns a {@link Player} instance.
-   *
-   * @namespace
-   *
-   * @borrows AudioTrack as AudioTrack
-   * @borrows Component.getComponent as getComponent
-   * @borrows module:computed-style~computedStyle as computedStyle
-   * @borrows module:events.on as on
-   * @borrows module:events.one as one
-   * @borrows module:events.off as off
-   * @borrows module:events.trigger as trigger
-   * @borrows EventTarget as EventTarget
-   * @borrows module:extend~extend as extend
-   * @borrows module:fn.bind as bind
-   * @borrows module:format-time.formatTime as formatTime
-   * @borrows module:format-time.resetFormatTime as resetFormatTime
-   * @borrows module:format-time.setFormatTime as setFormatTime
-   * @borrows module:merge-options.mergeOptions as mergeOptions
-   * @borrows module:middleware.use as use
-   * @borrows Player.players as players
-   * @borrows Plugin.registerPlugin as registerPlugin
-   * @borrows Plugin.deregisterPlugin as deregisterPlugin
-   * @borrows Plugin.getPlugins as getPlugins
-   * @borrows Plugin.getPlugin as getPlugin
-   * @borrows Plugin.getPluginVersion as getPluginVersion
-   * @borrows Tech.getTech as getTech
-   * @borrows Tech.registerTech as registerTech
-   * @borrows TextTrack as TextTrack
-   * @borrows module:time-ranges.createTimeRanges as createTimeRange
-   * @borrows module:time-ranges.createTimeRanges as createTimeRanges
-   * @borrows module:url.isCrossOrigin as isCrossOrigin
-   * @borrows module:url.parseUrl as parseUrl
-   * @borrows VideoTrack as VideoTrack
-   *
-   * @param  {string|Element} id
-   *         Video element or video element ID.
-   *
-   * @param  {Object} [options]
-   *         Options object for providing settings.
-   *         See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
-   *
-   * @param  {Component~ReadyCallback} [ready]
-   *         A function to be called when the {@link Player} and {@link Tech} are
-   *         ready.
-   *
-   * @return {Player}
-   *         The `videojs()` function returns a {@link Player|Player} instance.
-   */
-
-
-  function videojs$1(id, options, ready) {
-    var player = videojs$1.getPlayer(id);
-
-    if (player) {
-      if (options) {
-        log.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
-      }
-
-      if (ready) {
-        player.ready(ready);
-      }
-
-      return player;
-    }
-
-    var el = typeof id === 'string' ? $('#' + normalizeId(id)) : id;
-
-    if (!isEl(el)) {
-      throw new TypeError('The element or ID supplied is not valid. (videojs)');
-    } // document.body.contains(el) will only check if el is contained within that one document.
-    // This causes problems for elements in iframes.
-    // Instead, use the element's ownerDocument instead of the global document.
-    // This will make sure that the element is indeed in the dom of that document.
-    // Additionally, check that the document in question has a default view.
-    // If the document is no longer attached to the dom, the defaultView of the document will be null.
-
-
-    if (!el.ownerDocument.defaultView || !el.ownerDocument.body.contains(el)) {
-      log.warn('The element supplied is not included in the DOM');
-    }
-
-    options = options || {};
-    videojs$1.hooks('beforesetup').forEach(function (hookFunction) {
-      var opts = hookFunction(el, mergeOptions(options));
-
-      if (!isObject(opts) || Array.isArray(opts)) {
-        log.error('please return an object in beforesetup hooks');
-        return;
-      }
-
-      options = mergeOptions(options, opts);
-    }); // We get the current "Player" component here in case an integration has
-    // replaced it with a custom player.
-
-    var PlayerComponent = Component.getComponent('Player');
-    player = new PlayerComponent(el, options, ready);
-    videojs$1.hooks('setup').forEach(function (hookFunction) {
-      return hookFunction(player);
-    });
-    return player;
-  }
-  /**
-   * An Object that contains lifecycle hooks as keys which point to an array
-   * of functions that are run when a lifecycle is triggered
-   *
-   * @private
-   */
-
-
-  videojs$1.hooks_ = {};
-  /**
-   * Get a list of hooks for a specific lifecycle
-   *
-   * @param  {string} type
-   *         the lifecyle to get hooks from
-   *
-   * @param  {Function|Function[]} [fn]
-   *         Optionally add a hook (or hooks) to the lifecycle that your are getting.
-   *
-   * @return {Array}
-   *         an array of hooks, or an empty array if there are none.
-   */
-
-  videojs$1.hooks = function (type, fn) {
-    videojs$1.hooks_[type] = videojs$1.hooks_[type] || [];
-
-    if (fn) {
-      videojs$1.hooks_[type] = videojs$1.hooks_[type].concat(fn);
-    }
-
-    return videojs$1.hooks_[type];
-  };
-  /**
-   * Add a function hook to a specific videojs lifecycle.
-   *
-   * @param {string} type
-   *        the lifecycle to hook the function to.
-   *
-   * @param {Function|Function[]}
-   *        The function or array of functions to attach.
-   */
-
-
-  videojs$1.hook = function (type, fn) {
-    videojs$1.hooks(type, fn);
-  };
-  /**
-   * Add a function hook that will only run once to a specific videojs lifecycle.
-   *
-   * @param {string} type
-   *        the lifecycle to hook the function to.
-   *
-   * @param {Function|Function[]}
-   *        The function or array of functions to attach.
-   */
-
-
-  videojs$1.hookOnce = function (type, fn) {
-    videojs$1.hooks(type, [].concat(fn).map(function (original) {
-      var wrapper = function wrapper() {
-        videojs$1.removeHook(type, wrapper);
-        return original.apply(void 0, arguments);
-      };
-
-      return wrapper;
-    }));
-  };
-  /**
-   * Remove a hook from a specific videojs lifecycle.
-   *
-   * @param  {string} type
-   *         the lifecycle that the function hooked to
-   *
-   * @param  {Function} fn
-   *         The hooked function to remove
-   *
-   * @return {boolean}
-   *         The function that was removed or undef
-   */
-
-
-  videojs$1.removeHook = function (type, fn) {
-    var index = videojs$1.hooks(type).indexOf(fn);
-
-    if (index <= -1) {
-      return false;
-    }
-
-    videojs$1.hooks_[type] = videojs$1.hooks_[type].slice();
-    videojs$1.hooks_[type].splice(index, 1);
-    return true;
-  }; // Add default styles
-
-
-  if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
-    var style = $('.vjs-styles-defaults');
-
-    if (!style) {
-      style = createStyleElement('vjs-styles-defaults');
-      var head = $('head');
-
-      if (head) {
-        head.insertBefore(style, head.firstChild);
-      }
-
-      setTextContent(style, "\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ");
-    }
-  } // Run Auto-load players
-  // You have to wait at least once in case this script is loaded after your
-  // video in the DOM (weird behavior only with minified version)
-
-
-  autoSetupTimeout(1, videojs$1);
-  /**
-   * Current Video.js version. Follows [semantic versioning](https://semver.org/).
-   *
-   * @type {string}
-   */
-
-  videojs$1.VERSION = version;
-  /**
-   * The global options object. These are the settings that take effect
-   * if no overrides are specified when the player is created.
-   *
-   * @type {Object}
-   */
-
-  videojs$1.options = Player.prototype.options_;
-  /**
-   * Get an object with the currently created players, keyed by player ID
-   *
-   * @return {Object}
-   *         The created players
-   */
-
-  videojs$1.getPlayers = function () {
-    return Player.players;
-  };
-  /**
-   * Get a single player based on an ID or DOM element.
-   *
-   * This is useful if you want to check if an element or ID has an associated
-   * Video.js player, but not create one if it doesn't.
-   *
-   * @param   {string|Element} id
-   *          An HTML element - `<video>`, `<audio>`, or `<video-js>` -
-   *          or a string matching the `id` of such an element.
-   *
-   * @return {Player|undefined}
-   *          A player instance or `undefined` if there is no player instance
-   *          matching the argument.
-   */
-
-
-  videojs$1.getPlayer = function (id) {
-    var players = Player.players;
-    var tag;
-
-    if (typeof id === 'string') {
-      var nId = normalizeId(id);
-      var player = players[nId];
-
-      if (player) {
-        return player;
-      }
-
-      tag = $('#' + nId);
-    } else {
-      tag = id;
-    }
-
-    if (isEl(tag)) {
-      var _tag = tag,
-          _player = _tag.player,
-          playerId = _tag.playerId; // Element may have a `player` property referring to an already created
-      // player instance. If so, return that.
-
-      if (_player || players[playerId]) {
-        return _player || players[playerId];
-      }
-    }
-  };
-  /**
-   * Returns an array of all current players.
-   *
-   * @return {Array}
-   *         An array of all players. The array will be in the order that
-   *         `Object.keys` provides, which could potentially vary between
-   *         JavaScript engines.
-   *
-   */
-
-
-  videojs$1.getAllPlayers = function () {
-    return (// Disposed players leave a key with a `null` value, so we need to make sure
-      // we filter those out.
-      Object.keys(Player.players).map(function (k) {
-        return Player.players[k];
-      }).filter(Boolean)
-    );
-  };
-
-  videojs$1.players = Player.players;
-  videojs$1.getComponent = Component.getComponent;
-  /**
-   * Register a component so it can referred to by name. Used when adding to other
-   * components, either through addChild `component.addChild('myComponent')` or through
-   * default children options  `{ children: ['myComponent'] }`.
-   *
-   * > NOTE: You could also just initialize the component before adding.
-   * `component.addChild(new MyComponent());`
-   *
-   * @param {string} name
-   *        The class name of the component
-   *
-   * @param {Component} comp
-   *        The component class
-   *
-   * @return {Component}
-   *         The newly registered component
-   */
-
-  videojs$1.registerComponent = function (name, comp) {
-    if (Tech.isTech(comp)) {
-      log.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
-    }
-
-    Component.registerComponent.call(Component, name, comp);
-  };
-
-  videojs$1.getTech = Tech.getTech;
-  videojs$1.registerTech = Tech.registerTech;
-  videojs$1.use = use;
-  /**
-   * An object that can be returned by a middleware to signify
-   * that the middleware is being terminated.
-   *
-   * @type {object}
-   * @property {object} middleware.TERMINATOR
-   */
-
-  Object.defineProperty(videojs$1, 'middleware', {
-    value: {},
-    writeable: false,
-    enumerable: true
-  });
-  Object.defineProperty(videojs$1.middleware, 'TERMINATOR', {
-    value: TERMINATOR,
-    writeable: false,
-    enumerable: true
-  });
-  /**
-   * A reference to the {@link module:browser|browser utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:browser|browser}
-   */
-
-  videojs$1.browser = browser;
-  /**
-   * Use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED} instead; only
-   * included for backward-compatibility with 4.x.
-   *
-   * @deprecated Since version 5.0, use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED instead.
-   * @type {boolean}
-   */
-
-  videojs$1.TOUCH_ENABLED = TOUCH_ENABLED;
-  videojs$1.extend = extend;
-  videojs$1.mergeOptions = mergeOptions;
-  videojs$1.bind = bind;
-  videojs$1.registerPlugin = Plugin.registerPlugin;
-  videojs$1.deregisterPlugin = Plugin.deregisterPlugin;
-  /**
-   * Deprecated method to register a plugin with Video.js
-   *
-   * @deprecated videojs.plugin() is deprecated; use videojs.registerPlugin() instead
-   *
-   * @param {string} name
-   *        The plugin name
-   *
-   * @param {Plugin|Function} plugin
-   *         The plugin sub-class or function
-   */
-
-  videojs$1.plugin = function (name, plugin) {
-    log.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-    return Plugin.registerPlugin(name, plugin);
-  };
-
-  videojs$1.getPlugins = Plugin.getPlugins;
-  videojs$1.getPlugin = Plugin.getPlugin;
-  videojs$1.getPluginVersion = Plugin.getPluginVersion;
-  /**
-   * Adding languages so that they're available to all players.
-   * Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`
-   *
-   * @param {string} code
-   *        The language code or dictionary property
-   *
-   * @param {Object} data
-   *        The data values to be translated
-   *
-   * @return {Object}
-   *         The resulting language dictionary object
-   */
-
-  videojs$1.addLanguage = function (code, data) {
-    var _mergeOptions;
-
-    code = ('' + code).toLowerCase();
-    videojs$1.options.languages = mergeOptions(videojs$1.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-    return videojs$1.options.languages[code];
-  };
-  /**
-   * A reference to the {@link module:log|log utility module} as an object.
-   *
-   * @type {Function}
-   * @see  {@link module:log|log}
-   */
-
-
-  videojs$1.log = log;
-  videojs$1.createLogger = createLogger$1;
-  videojs$1.createTimeRange = videojs$1.createTimeRanges = createTimeRanges;
-  videojs$1.formatTime = formatTime;
-  videojs$1.setFormatTime = setFormatTime;
-  videojs$1.resetFormatTime = resetFormatTime;
-  videojs$1.parseUrl = parseUrl;
-  videojs$1.isCrossOrigin = isCrossOrigin;
-  videojs$1.EventTarget = EventTarget;
-  videojs$1.on = on;
-  videojs$1.one = one;
-  videojs$1.off = off;
-  videojs$1.trigger = trigger;
-  /**
-   * A cross-browser XMLHttpRequest wrapper.
-   *
-   * @function
-   * @param    {Object} options
-   *           Settings for the request.
-   *
-   * @return   {XMLHttpRequest|XDomainRequest}
-   *           The request object.
-   *
-   * @see      https://github.com/Raynos/xhr
-   */
-
-  videojs$1.xhr = xhr;
-  videojs$1.TextTrack = TextTrack;
-  videojs$1.AudioTrack = AudioTrack;
-  videojs$1.VideoTrack = VideoTrack;
-  ['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-    videojs$1[k] = function () {
-      log.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
-      return Dom[k].apply(null, arguments);
-    };
-  });
-  videojs$1.computedStyle = computedStyle;
-  /**
-   * A reference to the {@link module:dom|DOM utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:dom|dom}
-   */
-
-  videojs$1.dom = Dom;
-  /**
-   * A reference to the {@link module:url|URL utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:url|url}
-   */
-
-  videojs$1.url = Url;
-  videojs$1.defineLazyProperty = defineLazyProperty;
-
-  return videojs$1;
-
-}));
diff --git a/negromate/web/static/js/videojs/alt/video.core.novtt.min.js b/negromate/web/static/js/videojs/alt/video.core.novtt.min.js
deleted file mode 100644
index 9cde484..0000000
--- a/negromate/web/static/js/videojs/alt/video.core.novtt.min.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("global/window"),require("global/document")):"function"==typeof define&&define.amd?define(["global/window","global/document"],t):(e=e||self).videojs=t(e.window,e.document)}(this,function(h,d){"use strict";h=h&&h.hasOwnProperty("default")?h.default:h,d=d&&d.hasOwnProperty("default")?d.default:d;var p="7.7.4",c=[],e=function(a,l){return function(e,t,n){var i=l.levels[t],r=new RegExp("^("+i+")$");if("log"!==e&&n.unshift(e.toUpperCase()+":"),n.unshift(a+":"),c){c.push([].concat(n));var s=c.length-1e3;c.splice(0,0<s?s:0)}if(h.console){var o=h.console[e];o||"debug"!==e||(o=h.console.info||h.console.log),o&&i&&r.test(e)&&o[Array.isArray(n)?"apply":"call"](h.console,n)}}};var f=function t(n){function i(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r("log",s,t)}var r,s="info";return r=e(n,i),i.createLogger=function(e){return t(n+": "+e)},i.levels={all:"debug|log|warn|error",off:"",debug:"debug|log|warn|error",info:"log|warn|error",warn:"warn|error",error:"error",DEFAULT:s},i.level=function(e){if("string"==typeof e){if(!i.levels.hasOwnProperty(e))throw new Error('"'+e+'" in not a valid log level');s=e}return s},(i.history=function(){return c?[].concat(c):[]}).filter=function(t){return(c||[]).filter(function(e){return new RegExp(".*"+t+".*").test(e[0])})},i.history.clear=function(){c&&(c.length=0)},i.history.disable=function(){null!==c&&(c.length=0,c=null)},i.history.enable=function(){null===c&&(c=[])},i.error=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return r("error",s,t)},i.warn=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return r("warn",s,t)},i.debug=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return r("debug",s,t)},i}("VIDEOJS"),v=f.createLogger;function t(e,t){return e(t={exports:{}},t.exports),t.exports}var r=t(function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},t.apply(this,arguments)}e.exports=t}),n=Object.prototype.toString,s=function(e){return a(e)?Object.keys(e):[]};function o(t,n){s(t).forEach(function(e){return n(t[e],e)})}function g(n){for(var e=arguments.length,t=new Array(1<e?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];return Object.assign?r.apply(void 0,[n].concat(t)):(t.forEach(function(e){e&&o(e,function(e,t){n[t]=e})}),n)}function a(e){return!!e&&"object"==typeof e}function l(e){return a(e)&&"[object Object]"===n.call(e)&&e.constructor===Object}function i(e,t){if(!e||!t)return"";if("function"!=typeof h.getComputedStyle)return"";var n=h.getComputedStyle(e);return n?n.getPropertyValue(t)||n[t]:""}function u(e){return"string"==typeof e&&Boolean(e.trim())}function y(e){if(0<=e.indexOf(" "))throw new Error("class has illegal whitespace characters")}function _(){return d===h.document}function m(e){return a(e)&&1===e.nodeType}function b(){try{return h.parent!==h.self}catch(e){return!0}}function T(i){return function(e,t){if(!u(e))return d[i](null);u(t)&&(t=d.querySelector(t));var n=m(t)?t:d;return n[i]&&n[i](e)}}function k(e,n,t,i){void 0===e&&(e="div"),void 0===n&&(n={}),void 0===t&&(t={});var r=d.createElement(e);return Object.getOwnPropertyNames(n).forEach(function(e){var t=n[e];-1!==e.indexOf("aria-")||"role"===e||"type"===e?(f.warn("Setting attributes in the second argument of createEl()\nhas been deprecated. Use the third argument instead.\ncreateEl(type, properties, attributes). Attempting to set "+e+" to "+t+"."),r.setAttribute(e,t)):"textContent"===e?C(r,t):r[e]!==t&&(r[e]=t)}),Object.getOwnPropertyNames(t).forEach(function(e){r.setAttribute(e,t[e])}),i&&K(r,i),r}function C(e,t){return"undefined"==typeof e.textContent?e.innerText=t:e.textContent=t,e}function E(e,t){t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e)}function S(e,t){return y(t),e.classList?e.classList.contains(t):function(e){return new RegExp("(^|\\s)"+e+"($|\\s)")}(t).test(e.className)}function w(e,t){return e.classList?e.classList.add(t):S(e,t)||(e.className=(e.className+" "+t).trim()),e}function x(e,t){return e.classList?e.classList.remove(t):(y(t),e.className=e.className.split(/\s+/).filter(function(e){return e!==t}).join(" ")),e}function j(e,t,n){var i=S(e,t);if("function"==typeof n&&(n=n(e,t)),"boolean"!=typeof n&&(n=!i),n!==i)return n?w(e,t):x(e,t),e}function P(n,i){Object.getOwnPropertyNames(i).forEach(function(e){var t=i[e];null===t||"undefined"==typeof t||!1===t?n.removeAttribute(e):n.setAttribute(e,!0===t?"":t)})}function A(e){var t={},n=",autoplay,controls,playsinline,loop,muted,default,defaultMuted,";if(e&&e.attributes&&0<e.attributes.length)for(var i=e.attributes,r=i.length-1;0<=r;r--){var s=i[r].name,o=i[r].value;"boolean"!=typeof e[s]&&-1===n.indexOf(","+s+",")||(o=null!==o),t[s]=o}return t}function I(e,t){return e.getAttribute(t)}function M(e,t,n){e.setAttribute(t,n)}function L(e,t){e.removeAttribute(t)}function N(){d.body.focus(),d.onselectstart=function(){return!1}}function D(){d.onselectstart=function(){return!0}}function O(e){if(e&&e.getBoundingClientRect&&e.parentNode){var t=e.getBoundingClientRect(),n={};return["bottom","height","left","right","top","width"].forEach(function(e){void 0!==t[e]&&(n[e]=t[e])}),n.height||(n.height=parseFloat(i(e,"height"))),n.width||(n.width=parseFloat(i(e,"width"))),n}}function R(e){var t;if(e.getBoundingClientRect&&e.parentNode&&(t=e.getBoundingClientRect()),!t)return{left:0,top:0};var n=d.documentElement,i=d.body,r=n.clientLeft||i.clientLeft||0,s=h.pageXOffset||i.scrollLeft,o=t.left+s-r,a=n.clientTop||i.clientTop||0,l=h.pageYOffset||i.scrollTop,c=t.top+l-a;return{left:Math.round(o),top:Math.round(c)}}function F(e,t){var n={},i=R(e),r=e.offsetWidth,s=e.offsetHeight,o=i.top,a=i.left,l=t.pageY,c=t.pageX;return t.changedTouches&&(c=t.changedTouches[0].pageX,l=t.changedTouches[0].pageY),n.y=Math.max(0,Math.min(1,(o-l+s)/s)),n.x=Math.max(0,Math.min(1,(c-a)/r)),n}function B(e){return a(e)&&3===e.nodeType}function H(e){for(;e.firstChild;)e.removeChild(e.firstChild);return e}function V(e){return"function"==typeof e&&(e=e()),(Array.isArray(e)?e:[e]).map(function(e){return"function"==typeof e&&(e=e()),m(e)||B(e)?e:"string"==typeof e&&/\S/.test(e)?d.createTextNode(e):void 0}).filter(function(e){return e})}function K(t,e){return V(e).forEach(function(e){return t.appendChild(e)}),t}function W(e,t){return K(H(e),t)}function z(e){return void 0===e.button&&void 0===e.buttons||(0===e.button&&void 0===e.buttons||("mouseup"===e.type&&0===e.button&&0===e.buttons||0===e.button&&1===e.buttons))}var U,q=T("querySelector"),X=T("querySelectorAll"),$=Object.freeze({isReal:_,isEl:m,isInFrame:b,createEl:k,textContent:C,prependTo:E,hasClass:S,addClass:w,removeClass:x,toggleClass:j,setAttributes:P,getAttributes:A,getAttribute:I,setAttribute:M,removeAttribute:L,blockTextSelection:N,unblockTextSelection:D,getBoundingClientRect:O,findPosition:R,getPointerPosition:F,isTextNode:B,emptyEl:H,normalizeContent:V,appendContent:K,insertContent:W,isSingleLeftClick:z,$:q,$$:X}),G=!1,Y=function(){if(_()&&!1!==U.options.autoSetup){var e=Array.prototype.slice.call(d.getElementsByTagName("video")),t=Array.prototype.slice.call(d.getElementsByTagName("audio")),n=Array.prototype.slice.call(d.getElementsByTagName("video-js")),i=e.concat(t,n);if(i&&0<i.length)for(var r=0,s=i.length;r<s;r++){var o=i[r];if(!o||!o.getAttribute){Q(1);break}void 0===o.player&&null!==o.getAttribute("data-setup")&&U(o)}else G||Q(1)}};function Q(e,t){t&&(U=t),h.setTimeout(Y,e)}function J(){G=!0,h.removeEventListener("load",J)}_()&&("complete"===d.readyState?J():h.addEventListener("load",J));function Z(e){var t=d.createElement("style");return t.className=e,t}function ee(e,t){e.styleSheet?e.styleSheet.cssText=t:e.textContent=t}var te,ne=3;function ie(){return ne++}h.WeakMap||(te=function(){function e(){this.vdata="vdata"+Math.floor(h.performance&&h.performance.now()||Date.now()),this.data={}}var t=e.prototype;return t.set=function(e,t){var n=e[this.vdata]||ie();return e[this.vdata]||(e[this.vdata]=n),this.data[n]=t,this},t.get=function(e){var t=e[this.vdata];if(t)return this.data[t];f("We have no data for this element",e)},t.has=function(e){return e[this.vdata]in this.data},t.delete=function(e){var t=e[this.vdata];t&&(delete this.data[t],delete e[this.vdata])},e}());var re,se=h.WeakMap?new WeakMap:new te;function oe(e,t){if(se.has(e)){var n=se.get(e);0===n.handlers[t].length&&(delete n.handlers[t],e.removeEventListener?e.removeEventListener(t,n.dispatcher,!1):e.detachEvent&&e.detachEvent("on"+t,n.dispatcher)),Object.getOwnPropertyNames(n.handlers).length<=0&&(delete n.handlers,delete n.dispatcher,delete n.disabled),0===Object.getOwnPropertyNames(n).length&&se.delete(e)}}function ae(t,n,e,i){e.forEach(function(e){t(n,e,i)})}function le(e){if(e.fixed_)return e;function t(){return!0}function n(){return!1}if(!e||!e.isPropagationStopped){var i=e||h.event;for(var r in e={},i)"layerX"!==r&&"layerY"!==r&&"keyLocation"!==r&&"webkitMovementX"!==r&&"webkitMovementY"!==r&&("returnValue"===r&&i.preventDefault||(e[r]=i[r]));if(e.target||(e.target=e.srcElement||d),e.relatedTarget||(e.relatedTarget=e.fromElement===e.target?e.toElement:e.fromElement),e.preventDefault=function(){i.preventDefault&&i.preventDefault(),e.returnValue=!1,i.returnValue=!1,e.defaultPrevented=!0},e.defaultPrevented=!1,e.stopPropagation=function(){i.stopPropagation&&i.stopPropagation(),e.cancelBubble=!0,i.cancelBubble=!0,e.isPropagationStopped=t},e.isPropagationStopped=n,e.stopImmediatePropagation=function(){i.stopImmediatePropagation&&i.stopImmediatePropagation(),e.isImmediatePropagationStopped=t,e.stopPropagation()},e.isImmediatePropagationStopped=n,null!==e.clientX&&void 0!==e.clientX){var s=d.documentElement,o=d.body;e.pageX=e.clientX+(s&&s.scrollLeft||o&&o.scrollLeft||0)-(s&&s.clientLeft||o&&o.clientLeft||0),e.pageY=e.clientY+(s&&s.scrollTop||o&&o.scrollTop||0)-(s&&s.clientTop||o&&o.clientTop||0)}e.which=e.charCode||e.keyCode,null!==e.button&&void 0!==e.button&&(e.button=1&e.button?0:4&e.button?1:2&e.button?2:0)}return e.fixed_=!0,e}var ce=function(){if("boolean"!=typeof re){re=!1;try{var e=Object.defineProperty({},"passive",{get:function(){re=!0}});h.addEventListener("test",null,e),h.removeEventListener("test",null,e)}catch(e){}}return re},ue=["touchstart","touchmove"];function he(o,e,t){if(Array.isArray(e))return ae(he,o,e,t);se.has(o)||se.set(o,{});var a=se.get(o);if(a.handlers||(a.handlers={}),a.handlers[e]||(a.handlers[e]=[]),t.guid||(t.guid=ie()),a.handlers[e].push(t),a.dispatcher||(a.disabled=!1,a.dispatcher=function(e,t){if(!a.disabled){e=le(e);var n=a.handlers[e.type];if(n)for(var i=n.slice(0),r=0,s=i.length;r<s&&!e.isImmediatePropagationStopped();r++)try{i[r].call(o,e,t)}catch(e){f.error(e)}}}),1===a.handlers[e].length)if(o.addEventListener){var n=!1;ce()&&-1<ue.indexOf(e)&&(n={passive:!0}),o.addEventListener(e,a.dispatcher,n)}else o.attachEvent&&o.attachEvent("on"+e,a.dispatcher)}function de(e,t,n){if(se.has(e)){var i=se.get(e);if(i.handlers){if(Array.isArray(t))return ae(de,e,t,n);var r=function(e,t){i.handlers[t]=[],oe(e,t)};if(void 0!==t){var s=i.handlers[t];if(s)if(n){if(n.guid)for(var o=0;o<s.length;o++)s[o].guid===n.guid&&s.splice(o--,1);oe(e,t)}else r(e,t)}else for(var a in i.handlers)Object.prototype.hasOwnProperty.call(i.handlers||{},a)&&r(e,a)}}}function pe(e,t,n){var i=se.has(e)?se.get(e):{},r=e.parentNode||e.ownerDocument;if("string"==typeof t?t={type:t,target:e}:t.target||(t.target=e),t=le(t),i.dispatcher&&i.dispatcher.call(e,t,n),r&&!t.isPropagationStopped()&&!0===t.bubbles)pe.call(null,r,t,n);else if(!r&&!t.defaultPrevented&&t.target&&t.target[t.type]){se.has(t.target)||se.set(t.target,{});var s=se.get(t.target);t.target[t.type]&&(s.disabled=!0,"function"==typeof t.target[t.type]&&t.target[t.type](),s.disabled=!1)}return!t.defaultPrevented}function fe(e,t,n){if(Array.isArray(t))return ae(fe,e,t,n);function i(){de(e,t,i),n.apply(this,arguments)}i.guid=n.guid=n.guid||ie(),he(e,t,i)}function ve(e,t,n){function i(){de(e,t,i),n.apply(this,arguments)}i.guid=n.guid=n.guid||ie(),he(e,t,i)}function ge(e,t,n){t.guid||(t.guid=ie());var i=t.bind(e);return i.guid=n?n+"_"+t.guid:t.guid,i}function ye(t,n){var i=h.performance.now();return function(){var e=h.performance.now();n<=e-i&&(t.apply(void 0,arguments),i=e)}}function _e(){}var me,be=Object.freeze({fixEvent:le,on:he,off:de,trigger:pe,one:fe,any:ve});_e.prototype.allowedEvents_={},_e.prototype.addEventListener=_e.prototype.on=function(e,t){var n=this.addEventListener;this.addEventListener=function(){},he(this,e,t),this.addEventListener=n},_e.prototype.removeEventListener=_e.prototype.off=function(e,t){de(this,e,t)},_e.prototype.one=function(e,t){var n=this.addEventListener;this.addEventListener=function(){},fe(this,e,t),this.addEventListener=n},_e.prototype.any=function(e,t){var n=this.addEventListener;this.addEventListener=function(){},ve(this,e,t),this.addEventListener=n},_e.prototype.dispatchEvent=_e.prototype.trigger=function(e){var t=e.type||e;"string"==typeof e&&(e={type:t}),e=le(e),this.allowedEvents_[t]&&this["on"+t]&&this["on"+t](e),pe(this,e)},_e.prototype.queueTrigger=function(e){var t=this;me=me||new Map;var n=e.type||e,i=me.get(this);i||(i=new Map,me.set(this,i));var r=i.get(n);i.delete(n),h.clearTimeout(r);var s=h.setTimeout(function(){0===i.size&&(i=null,me.delete(t)),t.trigger(e)},0);i.set(n,s)};function Te(e){return"string"==typeof e&&/\S/.test(e)||Array.isArray(e)&&!!e.length}function ke(e){if(!e.nodeName&&!xe(e))throw new Error("Invalid target; must be a DOM node or evented object.")}function Ce(e){if(!Te(e))throw new Error("Invalid event type; must be a non-empty string or array.")}function Ee(e){if("function"!=typeof e)throw new Error("Invalid listener; must be a function.")}function Se(e,t){var n,i,r,s=t.length<3||t[0]===e||t[0]===e.eventBusEl_;return r=s?(n=e.eventBusEl_,3<=t.length&&t.shift(),i=t[0],t[1]):(n=t[0],i=t[1],t[2]),ke(n),Ce(i),Ee(r),{isTargetingSelf:s,target:n,type:i,listener:r=ge(e,r)}}function we(e,t,n,i){ke(e),e.nodeName?be[t](e,n,i):e[t](n,i)}var xe=function(t){return t instanceof _e||!!t.eventBusEl_&&["on","one","off","trigger"].every(function(e){return"function"==typeof t[e]})},je={on:function(){for(var e=this,t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];var r=Se(this,n),s=r.isTargetingSelf,o=r.target,a=r.type,l=r.listener;if(we(o,"on",a,l),!s){var c=function(){return e.off(o,a,l)};c.guid=l.guid;var u=function(){return e.off("dispose",c)};u.guid=l.guid,we(this,"on","dispose",c),we(o,"on","dispose",u)}},one:function(){for(var r=this,e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=Se(this,t),s=i.isTargetingSelf,o=i.target,a=i.type,l=i.listener;if(s)we(o,"one",a,l);else{var c=function e(){r.off(o,a,e);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];l.apply(null,n)};c.guid=l.guid,we(o,"one",a,c)}},any:function(){for(var r=this,e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=Se(this,t),s=i.isTargetingSelf,o=i.target,a=i.type,l=i.listener;if(s)we(o,"any",a,l);else{var c=function e(){r.off(o,a,e);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];l.apply(null,n)};c.guid=l.guid,we(o,"any",a,c)}},off:function(e,t,n){if(!e||Te(e))de(this.eventBusEl_,e,t);else{var i=e,r=t;ke(i),Ce(r),Ee(n),n=ge(this,n),this.off("dispose",n),i.nodeName?(de(i,r,n),de(i,"dispose",n)):xe(i)&&(i.off(r,n),i.off("dispose",n))}},trigger:function(e,t){return pe(this.eventBusEl_,e,t)}};function Pe(e,t){void 0===t&&(t={});var n=t.eventBusKey;if(n){if(!e[n].nodeName)throw new Error('The eventBusKey "'+n+'" does not refer to an element.');e.eventBusEl_=e[n]}else e.eventBusEl_=k("span",{className:"vjs-event-bus"});return g(e,je),e.eventedCallbacks&&e.eventedCallbacks.forEach(function(e){e()}),e.on("dispose",function(){e.off(),h.setTimeout(function(){e.eventBusEl_=null},0)}),e}var Ae={state:{},setState:function(e){var n,i=this;return"function"==typeof e&&(e=e()),o(e,function(e,t){i.state[t]!==e&&((n=n||{})[t]={from:i.state[t],to:e}),i.state[t]=e}),n&&xe(this)&&this.trigger({changes:n,type:"statechanged"}),n}};function Ie(e,t){return g(e,Ae),e.state=g({},e.state,t),"function"==typeof e.handleStateChanged&&xe(e)&&e.on("statechanged",e.handleStateChanged),e}function Me(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toLowerCase()})}function Le(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toUpperCase()})}function Ne(){for(var n={},e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t.forEach(function(e){e&&o(e,function(e,t){l(e)?(l(n[t])||(n[t]={}),n[t]=Ne(n[t],e)):n[t]=e})}),n}var De=function(){function c(e,t,n){if(!e&&this.play?this.player_=e=this:this.player_=e,this.isDisposed_=!1,this.parentComponent_=null,this.options_=Ne({},this.options_),t=this.options_=Ne(this.options_,t),this.id_=t.id||t.el&&t.el.id,!this.id_){var i=e&&e.id&&e.id()||"no_player";this.id_=i+"_component_"+ie()}var r;this.name_=t.name||null,t.el?this.el_=t.el:!1!==t.createEl&&(this.el_=this.createEl()),!1!==t.evented&&Pe(this,{eventBusKey:this.el_?"el_":null}),Ie(this,this.constructor.defaultState),this.children_=[],this.childIndex_={},this.childNameIndex_={},h.Set||(r=function(){function e(){this.set_={}}var t=e.prototype;return t.has=function(e){return e in this.set_},t.delete=function(e){var t=this.has(e);return delete this.set_[e],t},t.add=function(e){return this.set_[e]=1,this},t.forEach=function(e,t){for(var n in this.set_)e.call(t,n,n,this)},e}()),this.setTimeoutIds_=h.Set?new Set:new r,this.setIntervalIds_=h.Set?new Set:new r,this.rafIds_=h.Set?new Set:new r,(this.clearingTimersOnDispose_=!1)!==t.initChildren&&this.initChildren(),this.ready(n),!1!==t.reportTouchActivity&&this.enableTouchActivity()}var e=c.prototype;return e.dispose=function(){if(!this.isDisposed_){if(this.trigger({type:"dispose",bubbles:!1}),this.isDisposed_=!0,this.children_)for(var e=this.children_.length-1;0<=e;e--)this.children_[e].dispose&&this.children_[e].dispose();this.children_=null,this.childIndex_=null,this.childNameIndex_=null,this.parentComponent_=null,this.el_&&(this.el_.parentNode&&this.el_.parentNode.removeChild(this.el_),se.has(this.el_)&&se.delete(this.el_),this.el_=null),this.player_=null}},e.isDisposed=function(){return Boolean(this.isDisposed_)},e.player=function(){return this.player_},e.options=function(e){return e&&(this.options_=Ne(this.options_,e)),this.options_},e.el=function(){return this.el_},e.createEl=function(e,t,n){return k(e,t,n)},e.localize=function(e,r,t){void 0===t&&(t=e);var n=this.player_.language&&this.player_.language(),i=this.player_.languages&&this.player_.languages(),s=i&&i[n],o=n&&n.split("-")[0],a=i&&i[o],l=t;return s&&s[e]?l=s[e]:a&&a[e]&&(l=a[e]),r&&(l=l.replace(/\{(\d+)\}/g,function(e,t){var n=r[t-1],i=n;return"undefined"==typeof n&&(i=e),i})),l},e.contentEl=function(){return this.contentEl_||this.el_},e.id=function(){return this.id_},e.name=function(){return this.name_},e.children=function(){return this.children_},e.getChildById=function(e){return this.childIndex_[e]},e.getChild=function(e){if(e)return this.childNameIndex_[e]},e.addChild=function(e,t,n){var i,r;if(void 0===t&&(t={}),void 0===n&&(n=this.children_.length),"string"==typeof e){r=Le(e);var s=t.componentClass||r;t.name=r;var o=c.getComponent(s);if(!o)throw new Error("Component "+s+" does not exist");if("function"!=typeof o)return null;i=new o(this.player_||this,t)}else i=e;if(i.parentComponent_&&i.parentComponent_.removeChild(i),this.children_.splice(n,0,i),i.parentComponent_=this,"function"==typeof i.id&&(this.childIndex_[i.id()]=i),(r=r||i.name&&Le(i.name()))&&(this.childNameIndex_[r]=i,this.childNameIndex_[Me(r)]=i),"function"==typeof i.el&&i.el()){var a=null;this.children_[n+1]&&this.children_[n+1].el_&&(a=this.children_[n+1].el_),this.contentEl().insertBefore(i.el(),a)}return i},e.removeChild=function(e){if("string"==typeof e&&(e=this.getChild(e)),e&&this.children_){for(var t=!1,n=this.children_.length-1;0<=n;n--)if(this.children_[n]===e){t=!0,this.children_.splice(n,1);break}if(t){e.parentComponent_=null,this.childIndex_[e.id()]=null,this.childNameIndex_[Le(e.name())]=null,this.childNameIndex_[Me(e.name())]=null;var i=e.el();i&&i.parentNode===this.contentEl()&&this.contentEl().removeChild(e.el())}}},e.initChildren=function(){var r=this,i=this.options_.children;if(i){var e,s=this.options_,n=c.getComponent("Tech");(e=Array.isArray(i)?i:Object.keys(i)).concat(Object.keys(this.options_).filter(function(t){return!e.some(function(e){return"string"==typeof e?t===e:t===e.name})})).map(function(e){var t,n;return n="string"==typeof e?i[t=e]||r.options_[t]||{}:(t=e.name,e),{name:t,opts:n}}).filter(function(e){var t=c.getComponent(e.opts.componentClass||Le(e.name));return t&&!n.isTech(t)}).forEach(function(e){var t=e.name,n=e.opts;if(void 0!==s[t]&&(n=s[t]),!1!==n){!0===n&&(n={}),n.playerOptions=r.options_.playerOptions;var i=r.addChild(t,n);i&&(r[t]=i)}})}},e.buildCSSClass=function(){return""},e.ready=function(e,t){if(void 0===t&&(t=!1),e)return this.isReady_?void(t?e.call(this):this.setTimeout(e,1)):(this.readyQueue_=this.readyQueue_||[],void this.readyQueue_.push(e))},e.triggerReady=function(){this.isReady_=!0,this.setTimeout(function(){var e=this.readyQueue_;this.readyQueue_=[],e&&0<e.length&&e.forEach(function(e){e.call(this)},this),this.trigger("ready")},1)},e.$=function(e,t){return q(e,t||this.contentEl())},e.$$=function(e,t){return X(e,t||this.contentEl())},e.hasClass=function(e){return S(this.el_,e)},e.addClass=function(e){w(this.el_,e)},e.removeClass=function(e){x(this.el_,e)},e.toggleClass=function(e,t){j(this.el_,e,t)},e.show=function(){this.removeClass("vjs-hidden")},e.hide=function(){this.addClass("vjs-hidden")},e.lockShowing=function(){this.addClass("vjs-lock-showing")},e.unlockShowing=function(){this.removeClass("vjs-lock-showing")},e.getAttribute=function(e){return I(this.el_,e)},e.setAttribute=function(e,t){M(this.el_,e,t)},e.removeAttribute=function(e){L(this.el_,e)},e.width=function(e,t){return this.dimension("width",e,t)},e.height=function(e,t){return this.dimension("height",e,t)},e.dimensions=function(e,t){this.width(e,!0),this.height(t)},e.dimension=function(e,t,n){if(void 0!==t)return null!==t&&t==t||(t=0),-1!==(""+t).indexOf("%")||-1!==(""+t).indexOf("px")?this.el_.style[e]=t:this.el_.style[e]="auto"===t?"":t+"px",void(n||this.trigger("componentresize"));if(!this.el_)return 0;var i=this.el_.style[e],r=i.indexOf("px");return-1!==r?parseInt(i.slice(0,r),10):parseInt(this.el_["offset"+Le(e)],10)},e.currentDimension=function(e){var t=0;if("width"!==e&&"height"!==e)throw new Error("currentDimension only accepts width or height value");if(t=i(this.el_,e),0===(t=parseFloat(t))||isNaN(t)){var n="offset"+Le(e);t=this.el_[n]}return t},e.currentDimensions=function(){return{width:this.currentDimension("width"),height:this.currentDimension("height")}},e.currentWidth=function(){return this.currentDimension("width")},e.currentHeight=function(){return this.currentDimension("height")},e.focus=function(){this.el_.focus()},e.blur=function(){this.el_.blur()},e.handleKeyDown=function(e){this.player_&&(e.stopPropagation(),this.player_.handleKeyDown(e))},e.handleKeyPress=function(e){this.handleKeyDown(e)},e.emitTapEvents=function(){var i,t=0,r=null;this.on("touchstart",function(e){1===e.touches.length&&(r={pageX:e.touches[0].pageX,pageY:e.touches[0].pageY},t=h.performance.now(),i=!0)}),this.on("touchmove",function(e){if(1<e.touches.length)i=!1;else if(r){var t=e.touches[0].pageX-r.pageX,n=e.touches[0].pageY-r.pageY;10<Math.sqrt(t*t+n*n)&&(i=!1)}});function e(){i=!1}this.on("touchleave",e),this.on("touchcancel",e),this.on("touchend",function(e){!(r=null)===i&&h.performance.now()-t<200&&(e.preventDefault(),this.trigger("tap"))})},e.enableTouchActivity=function(){if(this.player()&&this.player().reportUserActivity){var t,n=ge(this.player(),this.player().reportUserActivity);this.on("touchstart",function(){n(),this.clearInterval(t),t=this.setInterval(n,250)});var e=function(e){n(),this.clearInterval(t)};this.on("touchmove",n),this.on("touchend",e),this.on("touchcancel",e)}},e.setTimeout=function(e,t){var n,i=this;return e=ge(this,e),this.clearTimersOnDispose_(),n=h.setTimeout(function(){i.setTimeoutIds_.has(n)&&i.setTimeoutIds_.delete(n),e()},t),this.setTimeoutIds_.add(n),n},e.clearTimeout=function(e){return this.setTimeoutIds_.has(e)&&(this.setTimeoutIds_.delete(e),h.clearTimeout(e)),e},e.setInterval=function(e,t){e=ge(this,e),this.clearTimersOnDispose_();var n=h.setInterval(e,t);return this.setIntervalIds_.add(n),n},e.clearInterval=function(e){return this.setIntervalIds_.has(e)&&(this.setIntervalIds_.delete(e),h.clearInterval(e)),e},e.requestAnimationFrame=function(e){var t,n=this;return this.supportsRaf_?(this.clearTimersOnDispose_(),e=ge(this,e),t=h.requestAnimationFrame(function(){n.rafIds_.has(t)&&n.rafIds_.delete(t),e()}),this.rafIds_.add(t),t):this.setTimeout(e,1e3/60)},e.cancelAnimationFrame=function(e){return this.supportsRaf_?(this.rafIds_.has(e)&&(this.rafIds_.delete(e),h.cancelAnimationFrame(e)),e):this.clearTimeout(e)},e.clearTimersOnDispose_=function(){var i=this;this.clearingTimersOnDispose_||(this.clearingTimersOnDispose_=!0,this.one("dispose",function(){[["rafIds_","cancelAnimationFrame"],["setTimeoutIds_","clearTimeout"],["setIntervalIds_","clearInterval"]].forEach(function(e){var t=e[0],n=e[1];i[t].forEach(i[n],i)}),i.clearingTimersOnDispose_=!1}))},c.registerComponent=function(e,t){if("string"!=typeof e||!e)throw new Error('Illegal component name, "'+e+'"; must be a non-empty string.');var n,i=c.getComponent("Tech"),r=i&&i.isTech(t),s=c===t||c.prototype.isPrototypeOf(t.prototype);if(r||!s)throw n=r?"techs must be registered using Tech.registerTech()":"must be a Component subclass",new Error('Illegal component, "'+e+'"; '+n+".");e=Le(e),c.components_||(c.components_={});var o=c.getComponent("Player");if("Player"===e&&o&&o.players){var a=o.players,l=Object.keys(a);if(a&&0<l.length&&l.map(function(e){return a[e]}).every(Boolean))throw new Error("Can not register Player component after player has been created.")}return c.components_[e]=t,c.components_[Me(e)]=t},c.getComponent=function(e){if(e&&c.components_)return c.components_[e]},c}();De.prototype.supportsRaf_="function"==typeof h.requestAnimationFrame&&"function"==typeof h.cancelAnimationFrame,De.registerComponent("Component",De);var Oe=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var Re,Fe,Be,He,Ve=function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t},Ke=h.navigator&&h.navigator.userAgent||"",We=/AppleWebKit\/([\d.]+)/i.exec(Ke),ze=We?parseFloat(We.pop()):null,Ue=/iPod/i.test(Ke),qe=(Re=Ke.match(/OS (\d+)_/i))&&Re[1]?Re[1]:null,Xe=/Android/i.test(Ke),$e=function(){var e=Ke.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);if(!e)return null;var t=e[1]&&parseFloat(e[1]),n=e[2]&&parseFloat(e[2]);return t&&n?parseFloat(e[1]+"."+e[2]):t||null}(),Ge=Xe&&$e<5&&ze<537,Ye=/Firefox/i.test(Ke),Qe=/Edge/i.test(Ke),Je=!Qe&&(/Chrome/i.test(Ke)||/CriOS/i.test(Ke)),Ze=(Fe=Ke.match(/(Chrome|CriOS)\/(\d+)/))&&Fe[2]?parseFloat(Fe[2]):null,et=(Be=/MSIE\s(\d+)\.\d/.exec(Ke),!(He=Be&&parseFloat(Be[1]))&&/Trident\/7.0/i.test(Ke)&&/rv:11.0/.test(Ke)&&(He=11),He),tt=/Safari/i.test(Ke)&&!Je&&!Xe&&!Qe,nt=/Windows/i.test(Ke),it=_()&&("ontouchstart"in h||h.navigator.maxTouchPoints||h.DocumentTouch&&h.document instanceof h.DocumentTouch),rt=/iPad/i.test(Ke)||tt&&it&&!/iPhone/i.test(Ke),st=/iPhone/i.test(Ke)&&!rt,ot=st||rt||Ue,at=(tt||ot)&&!Je,lt=Object.freeze({IS_IPOD:Ue,IOS_VERSION:qe,IS_ANDROID:Xe,ANDROID_VERSION:$e,IS_NATIVE_ANDROID:Ge,IS_FIREFOX:Ye,IS_EDGE:Qe,IS_CHROME:Je,CHROME_VERSION:Ze,IE_VERSION:et,IS_SAFARI:tt,IS_WINDOWS:nt,TOUCH_ENABLED:it,IS_IPAD:rt,IS_IPHONE:st,IS_IOS:ot,IS_ANY_SAFARI:at});function ct(e,t,n,i){return function(e,t,n){if("number"!=typeof t||t<0||n<t)throw new Error("Failed to execute '"+e+"' on 'TimeRanges': The index provided ("+t+") is non-numeric or out of bounds (0-"+n+").")}(e,i,n.length-1),n[i][t]}function ut(e){return void 0===e||0===e.length?{length:0,start:function(){throw new Error("This TimeRanges object is empty")},end:function(){throw new Error("This TimeRanges object is empty")}}:{length:e.length,start:ct.bind(null,"start",0,e),end:ct.bind(null,"end",1,e)}}function ht(e,t){return Array.isArray(e)?ut(e):void 0===e||void 0===t?ut():ut([[e,t]])}function dt(e,t){var n,i,r=0;if(!t)return 0;e&&e.length||(e=ht(0,0));for(var s=0;s<e.length;s++)n=e.start(s),t<(i=e.end(s))&&(i=t),r+=i-n;return r/t}for(var pt,ft={prefixed:!0},vt=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror","fullscreen"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"]],gt=vt[0],yt=0;yt<vt.length;yt++)if(vt[yt][1]in d){pt=vt[yt];break}if(pt){for(var _t=0;_t<pt.length;_t++)ft[gt[_t]]=pt[_t];ft.prefixed=pt[0]!==gt[0]}function mt(e){if(e instanceof mt)return e;"number"==typeof e?this.code=e:"string"==typeof e?this.message=e:a(e)&&("number"==typeof e.code&&(this.code=e.code),g(this,e)),this.message||(this.message=mt.defaultMessages[this.code]||"")}mt.prototype.code=0,mt.prototype.message="",mt.prototype.status=null,mt.errorTypes=["MEDIA_ERR_CUSTOM","MEDIA_ERR_ABORTED","MEDIA_ERR_NETWORK","MEDIA_ERR_DECODE","MEDIA_ERR_SRC_NOT_SUPPORTED","MEDIA_ERR_ENCRYPTED"],mt.defaultMessages={1:"You aborted the media playback",2:"A network error caused the media download to fail part-way.",3:"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",4:"The media could not be loaded, either because the server or network failed or because the format is not supported.",5:"The media is encrypted and we do not have the keys to decrypt it."};for(var bt=0;bt<mt.errorTypes.length;bt++)mt[mt.errorTypes[bt]]=bt,mt.prototype[mt.errorTypes[bt]]=bt;var Tt=function(e,t){var n,i=null;try{n=JSON.parse(e,t)}catch(e){i=e}return[i,n]};function kt(e){return null!=e&&"function"==typeof e.then}function Ct(e){kt(e)&&e.then(null,function(e){})}function Et(i){return["kind","label","language","id","inBandMetadataTrackDispatchType","mode","src"].reduce(function(e,t,n){return i[t]&&(e[t]=i[t]),e},{cues:i.cues&&Array.prototype.map.call(i.cues,function(e){return{startTime:e.startTime,endTime:e.endTime,text:e.text,id:e.id}})})}var St=function(e){var t=e.$$("track"),n=Array.prototype.map.call(t,function(e){return e.track});return Array.prototype.map.call(t,function(e){var t=Et(e.track);return e.src&&(t.src=e.src),t}).concat(Array.prototype.filter.call(e.textTracks(),function(e){return-1===n.indexOf(e)}).map(Et))},wt=function(e,n){return e.forEach(function(e){var t=n.addRemoteTextTrack(e).track;!e.src&&e.cues&&e.cues.forEach(function(e){return t.addCue(e)})}),n.textTracks()},xt=t(function(e,t){function n(e){if(e&&"object"==typeof e){var t=e.which||e.keyCode||e.charCode;t&&(e=t)}if("number"==typeof e)return o[e];var n,i=String(e);return(n=r[i.toLowerCase()])?n:(n=s[i.toLowerCase()])||(1===i.length?i.charCodeAt(0):void 0)}n.isEventKey=function(e,t){if(e&&"object"==typeof e){var n=e.which||e.keyCode||e.charCode;if(null==n)return!1;if("string"==typeof t){var i;if(i=r[t.toLowerCase()])return i===n;if(i=s[t.toLowerCase()])return i===n}else if("number"==typeof t)return t===n;return!1}};var r=(t=e.exports=n).code=t.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},s=t.aliases={windows:91,"⇧":16,"⌥":18,"⌃":17,"⌘":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};for(i=97;i<123;i++)r[String.fromCharCode(i)]=i-32;for(var i=48;i<58;i++)r[i-48]=i;for(i=1;i<13;i++)r["f"+i]=i+111;for(i=0;i<10;i++)r["numpad "+i]=i+96;var o=t.names=t.title={};for(i in r)o[r[i]]=i;for(var a in s)r[a]=s[a]}),jt=(xt.code,xt.codes,xt.aliases,xt.names,xt.title,"vjs-modal-dialog"),Pt=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).opened_=n.hasBeenOpened_=n.hasBeenFilled_=!1,n.closeable(!n.options_.uncloseable),n.content(n.options_.content),n.contentEl_=k("div",{className:jt+"-content"},{role:"document"}),n.descEl_=k("p",{className:jt+"-description vjs-control-text",id:n.el().getAttribute("aria-describedby")}),C(n.descEl_,n.description()),n.el_.appendChild(n.descEl_),n.el_.appendChild(n.contentEl_),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:this.buildCSSClass(),tabIndex:-1},{"aria-describedby":this.id()+"_description","aria-hidden":"true","aria-label":this.label(),role:"dialog"})},t.dispose=function(){this.contentEl_=null,this.descEl_=null,this.previouslyActiveEl_=null,i.prototype.dispose.call(this)},t.buildCSSClass=function(){return jt+" vjs-hidden "+i.prototype.buildCSSClass.call(this)},t.label=function(){return this.localize(this.options_.label||"Modal Window")},t.description=function(){var e=this.options_.description||this.localize("This is a modal window.");return this.closeable()&&(e+=" "+this.localize("This modal can be closed by pressing the Escape key or activating the close button.")),e},t.open=function(){if(!this.opened_){var e=this.player();this.trigger("beforemodalopen"),this.opened_=!0,!this.options_.fillAlways&&(this.hasBeenOpened_||this.hasBeenFilled_)||this.fill(),this.wasPlaying_=!e.paused(),this.options_.pauseOnOpen&&this.wasPlaying_&&e.pause(),this.on("keydown",this.handleKeyDown),this.hadControls_=e.controls(),e.controls(!1),this.show(),this.conditionalFocus_(),this.el().setAttribute("aria-hidden","false"),this.trigger("modalopen"),this.hasBeenOpened_=!0}},t.opened=function(e){return"boolean"==typeof e&&this[e?"open":"close"](),this.opened_},t.close=function(){if(this.opened_){var e=this.player();this.trigger("beforemodalclose"),this.opened_=!1,this.wasPlaying_&&this.options_.pauseOnOpen&&e.play(),this.off("keydown",this.handleKeyDown),this.hadControls_&&e.controls(!0),this.hide(),this.el().setAttribute("aria-hidden","true"),this.trigger("modalclose"),this.conditionalBlur_(),this.options_.temporary&&this.dispose()}},t.closeable=function(e){if("boolean"==typeof e){var t=this.closeable_=!!e,n=this.getChild("closeButton");if(t&&!n){var i=this.contentEl_;this.contentEl_=this.el_,n=this.addChild("closeButton",{controlText:"Close Modal Dialog"}),this.contentEl_=i,this.on(n,"close",this.close)}!t&&n&&(this.off(n,"close",this.close),this.removeChild(n),n.dispose())}return this.closeable_},t.fill=function(){this.fillWith(this.content())},t.fillWith=function(e){var t=this.contentEl(),n=t.parentNode,i=t.nextSibling;this.trigger("beforemodalfill"),this.hasBeenFilled_=!0,n.removeChild(t),this.empty(),W(t,e),this.trigger("modalfill"),i?n.insertBefore(t,i):n.appendChild(t);var r=this.getChild("closeButton");r&&n.appendChild(r.el_)},t.empty=function(){this.trigger("beforemodalempty"),H(this.contentEl()),this.trigger("modalempty")},t.content=function(e){return"undefined"!=typeof e&&(this.content_=e),this.content_},t.conditionalFocus_=function(){var e=d.activeElement,t=this.player_.el_;this.previouslyActiveEl_=null,!t.contains(e)&&t!==e||(this.previouslyActiveEl_=e,this.focus())},t.conditionalBlur_=function(){this.previouslyActiveEl_&&(this.previouslyActiveEl_.focus(),this.previouslyActiveEl_=null)},t.handleKeyDown=function(e){if(e.stopPropagation(),xt.isEventKey(e,"Escape")&&this.closeable())return e.preventDefault(),void this.close();if(xt.isEventKey(e,"Tab")){for(var t,n=this.focusableEls_(),i=this.el_.querySelector(":focus"),r=0;r<n.length;r++)if(i===n[r]){t=r;break}d.activeElement===this.el_&&(t=0),e.shiftKey&&0===t?(n[n.length-1].focus(),e.preventDefault()):e.shiftKey||t!==n.length-1||(n[0].focus(),e.preventDefault())}},t.focusableEls_=function(){var e=this.el_.querySelectorAll("*");return Array.prototype.filter.call(e,function(e){return(e instanceof h.HTMLAnchorElement||e instanceof h.HTMLAreaElement)&&e.hasAttribute("href")||(e instanceof h.HTMLInputElement||e instanceof h.HTMLSelectElement||e instanceof h.HTMLTextAreaElement||e instanceof h.HTMLButtonElement)&&!e.hasAttribute("disabled")||e instanceof h.HTMLIFrameElement||e instanceof h.HTMLObjectElement||e instanceof h.HTMLEmbedElement||e.hasAttribute("tabindex")&&-1!==e.getAttribute("tabindex")||e.hasAttribute("contenteditable")})},e}(De);Pt.prototype.options_={pauseOnOpen:!0,temporary:!0},De.registerComponent("ModalDialog",Pt);var At=function(i){function e(e){var t;void 0===e&&(e=[]),(t=i.call(this)||this).tracks_=[],Object.defineProperty(Oe(t),"length",{get:function(){return this.tracks_.length}});for(var n=0;n<e.length;n++)t.addTrack(e[n]);return t}Ve(e,i);var t=e.prototype;return t.addTrack=function(e){var t=this.tracks_.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this.tracks_[t]}}),-1===this.tracks_.indexOf(e)&&(this.tracks_.push(e),this.trigger({track:e,type:"addtrack",target:this}))},t.removeTrack=function(e){for(var t,n=0,i=this.length;n<i;n++)if(this[n]===e){(t=this[n]).off&&t.off(),this.tracks_.splice(n,1);break}t&&this.trigger({track:t,type:"removetrack",target:this})},t.getTrackById=function(e){for(var t=null,n=0,i=this.length;n<i;n++){var r=this[n];if(r.id===e){t=r;break}}return t},e}(_e);for(var It in At.prototype.allowedEvents_={change:"change",addtrack:"addtrack",removetrack:"removetrack"},At.prototype.allowedEvents_)At.prototype["on"+It]=null;function Mt(e,t){for(var n=0;n<e.length;n++)Object.keys(e[n]).length&&t.id!==e[n].id&&(e[n].enabled=!1)}function Lt(e,t){for(var n=0;n<e.length;n++)Object.keys(e[n]).length&&t.id!==e[n].id&&(e[n].selected=!1)}function Nt(e){var t=["protocol","hostname","port","pathname","search","hash","host"],n=d.createElement("a");n.href=e;var i,r=""===n.host&&"file:"!==n.protocol;r&&((i=d.createElement("div")).innerHTML='<a href="'+e+'"></a>',n=i.firstChild,i.setAttribute("style","display:none; position:absolute;"),d.body.appendChild(i));for(var s={},o=0;o<t.length;o++)s[t[o]]=n[t[o]];return"http:"===s.protocol&&(s.host=s.host.replace(/:80$/,"")),"https:"===s.protocol&&(s.host=s.host.replace(/:443$/,"")),s.protocol||(s.protocol=h.location.protocol),r&&d.body.removeChild(i),s}function Dt(e){if(!e.match(/^https?:\/\//)){var t=d.createElement("div");t.innerHTML='<a href="'+e+'">x</a>',e=t.firstChild.href}return e}function Ot(e){if("string"==typeof e){var t=/^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/.exec(e);if(t)return t.pop().toLowerCase()}return""}function Rt(e,t){void 0===t&&(t=h.location);var n=Nt(e);return(":"===n.protocol?t.protocol:n.protocol)+n.host!==t.protocol+t.host}var Ft=function(i){function e(e){var t;void 0===e&&(e=[]);for(var n=e.length-1;0<=n;n--)if(e[n].enabled){Mt(e,e[n]);break}return(t=i.call(this,e)||this).changing_=!1,t}Ve(e,i);var t=e.prototype;return t.addTrack=function(e){var t=this;e.enabled&&Mt(this,e),i.prototype.addTrack.call(this,e),e.addEventListener&&(e.enabledChange_=function(){t.changing_||(t.changing_=!0,Mt(t,e),t.changing_=!1,t.trigger("change"))},e.addEventListener("enabledchange",e.enabledChange_))},t.removeTrack=function(e){i.prototype.removeTrack.call(this,e),e.removeEventListener&&e.enabledChange_&&(e.removeEventListener("enabledchange",e.enabledChange_),e.enabledChange_=null)},e}(At),Bt=function(i){function e(e){var t;void 0===e&&(e=[]);for(var n=e.length-1;0<=n;n--)if(e[n].selected){Lt(e,e[n]);break}return(t=i.call(this,e)||this).changing_=!1,Object.defineProperty(Oe(t),"selectedIndex",{get:function(){for(var e=0;e<this.length;e++)if(this[e].selected)return e;return-1},set:function(){}}),t}Ve(e,i);var t=e.prototype;return t.addTrack=function(e){var t=this;e.selected&&Lt(this,e),i.prototype.addTrack.call(this,e),e.addEventListener&&(e.selectedChange_=function(){t.changing_||(t.changing_=!0,Lt(t,e),t.changing_=!1,t.trigger("change"))},e.addEventListener("selectedchange",e.selectedChange_))},t.removeTrack=function(e){i.prototype.removeTrack.call(this,e),e.removeEventListener&&e.selectedChange_&&(e.removeEventListener("selectedchange",e.selectedChange_),e.selectedChange_=null)},e}(At),Ht=function(n){function e(){return n.apply(this,arguments)||this}Ve(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this;n.prototype.addTrack.call(this,e),this.queueChange_||(this.queueChange_=function(){return t.queueTrigger("change")}),this.triggerSelectedlanguagechange||(this.triggerSelectedlanguagechange_=function(){return t.trigger("selectedlanguagechange")}),e.addEventListener("modechange",this.queueChange_);-1===["metadata","chapters"].indexOf(e.kind)&&e.addEventListener("modechange",this.triggerSelectedlanguagechange_)},t.removeTrack=function(e){n.prototype.removeTrack.call(this,e),e.removeEventListener&&(this.queueChange_&&e.removeEventListener("modechange",this.queueChange_),this.selectedlanguagechange_&&e.removeEventListener("modechange",this.triggerSelectedlanguagechange_))},e}(At),Vt=function(){function e(e){void 0===e&&(e=[]),this.trackElements_=[],Object.defineProperty(this,"length",{get:function(){return this.trackElements_.length}});for(var t=0,n=e.length;t<n;t++)this.addTrackElement_(e[t])}var t=e.prototype;return t.addTrackElement_=function(e){var t=this.trackElements_.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this.trackElements_[t]}}),-1===this.trackElements_.indexOf(e)&&this.trackElements_.push(e)},t.getTrackElementByTrack_=function(e){for(var t,n=0,i=this.trackElements_.length;n<i;n++)if(e===this.trackElements_[n].track){t=this.trackElements_[n];break}return t},t.removeTrackElement_=function(e){for(var t=0,n=this.trackElements_.length;t<n;t++)if(e===this.trackElements_[t]){this.trackElements_[t].track&&"function"==typeof this.trackElements_[t].track.off&&this.trackElements_[t].track.off(),"function"==typeof this.trackElements_[t].off&&this.trackElements_[t].off(),this.trackElements_.splice(t,1);break}},e}(),Kt=function(){function t(e){t.prototype.setCues_.call(this,e),Object.defineProperty(this,"length",{get:function(){return this.length_}})}var e=t.prototype;return e.setCues_=function(e){var t=this.length||0,n=0,i=e.length;this.cues_=e,this.length_=e.length;function r(e){""+e in this||Object.defineProperty(this,""+e,{get:function(){return this.cues_[e]}})}if(t<i)for(n=t;n<i;n++)r.call(this,n)},e.getCueById=function(e){for(var t=null,n=0,i=this.length;n<i;n++){var r=this[n];if(r.id===e){t=r;break}}return t},t}(),Wt={alternative:"alternative",captions:"captions",main:"main",sign:"sign",subtitles:"subtitles",commentary:"commentary"},zt={alternative:"alternative",descriptions:"descriptions",main:"main","main-desc":"main-desc",translation:"translation",commentary:"commentary"},Ut={subtitles:"subtitles",captions:"captions",descriptions:"descriptions",chapters:"chapters",metadata:"metadata"},qt={disabled:"disabled",hidden:"hidden",showing:"showing"},Xt=function(s){function e(e){var t;void 0===e&&(e={}),t=s.call(this)||this;function n(e){Object.defineProperty(Oe(t),e,{get:function(){return i[e]},set:function(){}})}var i={id:e.id||"vjs_track_"+ie(),kind:e.kind||"",label:e.label||"",language:e.language||""};for(var r in i)n(r);return t}return Ve(e,s),e}(_e),$t=Object.freeze({parseUrl:Nt,getAbsoluteURL:Dt,getFileExtension:Ot,isCrossOrigin:Rt}),Gt=function(e){var t=Yt.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)}
-/**
-   * @license
-   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
-   * Copyright (c) 2014 David Björklund
-   * Available under the MIT license
-   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
-   */,Yt=Object.prototype.toString;var Qt=function(e){var r={};return e&&e.trim().split("\n").forEach(function(e){var t=e.indexOf(":"),n=e.slice(0,t).trim().toLowerCase(),i=e.slice(t+1).trim();"undefined"==typeof r[n]?r[n]=i:Array.isArray(r[n])?r[n].push(i):r[n]=[r[n],i]}),r},Jt=tn,Zt=tn;function en(e,t,n){var i=e;return Gt(t)?(n=t,"string"==typeof e&&(i={uri:e})):i=r({},t,{uri:e}),i.callback=n,i}function tn(e,t,n){return nn(t=en(e,t,n))}function nn(i){if("undefined"==typeof i.callback)throw new Error("callback argument missing");var r=!1,s=function(e,t,n){r||(r=!0,i.callback(e,t,n))};function t(e){return clearTimeout(a),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,s(e,v)}function e(){if(!o){var e;clearTimeout(a),e=i.useXDR&&void 0===l.status?200:1223===l.status?204:l.status;var t=v,n=null;return 0!==e?(t={body:function(){var e=void 0;if(e=l.response?l.response:l.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(l),f)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:e,method:u,headers:{},url:c,rawRequest:l},l.getAllResponseHeaders&&(t.headers=Qt(l.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),s(n,t,t.body)}}var n,o,a,l=i.xhr||null,c=(l=l||(i.cors||i.useXDR?new tn.XDomainRequest:new tn.XMLHttpRequest)).url=i.uri||i.url,u=l.method=i.method||"GET",h=i.body||i.data,d=l.headers=i.headers||{},p=!!i.sync,f=!1,v={body:void 0,headers:{},statusCode:0,method:u,url:c,rawRequest:l};if("json"in i&&!1!==i.json&&(f=!0,d.accept||d.Accept||(d.Accept="application/json"),"GET"!==u&&"HEAD"!==u&&(d["content-type"]||d["Content-Type"]||(d["Content-Type"]="application/json"),h=JSON.stringify(!0===i.json?h:i.json))),l.onreadystatechange=function(){4===l.readyState&&setTimeout(e,0)},l.onload=e,l.onerror=t,l.onprogress=function(){},l.onabort=function(){o=!0},l.ontimeout=t,l.open(u,c,!p,i.username,i.password),p||(l.withCredentials=!!i.withCredentials),!p&&0<i.timeout&&(a=setTimeout(function(){if(!o){o=!0,l.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",t(e)}},i.timeout)),l.setRequestHeader)for(n in d)d.hasOwnProperty(n)&&l.setRequestHeader(n,d[n]);else if(i.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(i.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in i&&(l.responseType=i.responseType),"beforeSend"in i&&"function"==typeof i.beforeSend&&i.beforeSend(l),l.send(h||null),l}tn.XMLHttpRequest=h.XMLHttpRequest||function(){},tn.XDomainRequest="withCredentials"in new tn.XMLHttpRequest?tn.XMLHttpRequest:h.XDomainRequest,function(e,t){for(var n=0;n<e.length;n++)t(e[n])}(["get","put","post","patch","head","delete"],function(i){tn["delete"===i?"del":i]=function(e,t,n){return(t=en(e,t,n)).method=i.toUpperCase(),nn(t)}}),Jt.default=Zt;function rn(e,t){var n=new h.WebVTT.Parser(h,h.vttjs,h.WebVTT.StringDecoder()),i=[];n.oncue=function(e){t.addCue(e)},n.onparsingerror=function(e){i.push(e)},n.onflush=function(){t.trigger({type:"loadeddata",target:t})},n.parse(e),0<i.length&&(h.console&&h.console.groupCollapsed&&h.console.groupCollapsed("Text Track parsing errors for "+t.src),i.forEach(function(e){return f.error(e)}),h.console&&h.console.groupEnd&&h.console.groupEnd()),n.flush()}function sn(e,i){var t={uri:e},n=Rt(e);n&&(t.cors=n),Jt(t,ge(this,function(e,t,n){if(e)return f.error(e,t);i.loaded_=!0,"function"!=typeof h.WebVTT?i.tech_&&i.tech_.any(["vttjsloaded","vttjserror"],function(e){if("vttjserror"!==e.type)return rn(n,i);f.error("vttjs failed to load, stopping trying to process "+i.src)}):rn(n,i)}))}var on=function(c){function e(e){var t;if(void 0===e&&(e={}),!e.tech)throw new Error("A tech was not provided.");var n=Ne(e,{kind:Ut[e.kind]||"subtitles",language:e.language||e.srclang||""}),i=qt[n.mode]||"disabled",r=n.default;"metadata"!==n.kind&&"chapters"!==n.kind||(i="hidden"),(t=c.call(this,n)||this).tech_=n.tech,t.cues_=[],t.activeCues_=[],t.preload_=!1!==t.tech_.preloadTextTracks;var s=new Kt(t.cues_),o=new Kt(t.activeCues_),a=!1,l=ge(Oe(t),function(){this.activeCues=this.activeCues,a&&(this.trigger("cuechange"),a=!1)});return"disabled"!==i&&t.tech_.ready(function(){t.tech_.on("timeupdate",l)},!0),Object.defineProperties(Oe(t),{default:{get:function(){return r},set:function(){}},mode:{get:function(){return i},set:function(e){var t=this;qt[e]&&(i=e,this.preload_||"disabled"===i||0!==this.cues.length||sn(this.src,this),"disabled"!==i?this.tech_.ready(function(){t.tech_.on("timeupdate",l)},!0):this.tech_.off("timeupdate",l),this.trigger("modechange"))}},cues:{get:function(){return this.loaded_?s:null},set:function(){}},activeCues:{get:function(){if(!this.loaded_)return null;if(0===this.cues.length)return o;for(var e=this.tech_.currentTime(),t=[],n=0,i=this.cues.length;n<i;n++){var r=this.cues[n];r.startTime<=e&&r.endTime>=e?t.push(r):r.startTime===r.endTime&&r.startTime<=e&&r.startTime+.5>=e&&t.push(r)}if(a=!1,t.length!==this.activeCues_.length)a=!0;else for(var s=0;s<t.length;s++)-1===this.activeCues_.indexOf(t[s])&&(a=!0);return this.activeCues_=t,o.setCues_(this.activeCues_),o},set:function(){}}}),n.src?(t.src=n.src,t.preload_||(t.loaded_=!0),(t.preload_||r||"subtitles"!==n.kind&&"captions"!==n.kind)&&sn(t.src,Oe(t))):t.loaded_=!0,t}Ve(e,c);var t=e.prototype;return t.addCue=function(e){var t=e;if(h.vttjs&&!(e instanceof h.vttjs.VTTCue)){for(var n in t=new h.vttjs.VTTCue(e.startTime,e.endTime,e.text),e)n in t||(t[n]=e[n]);t.id=e.id,t.originalCue_=e}for(var i=this.tech_.textTracks(),r=0;r<i.length;r++)i[r]!==this&&i[r].removeCue(t);this.cues_.push(t),this.cues.setCues_(this.cues_)},t.removeCue=function(e){for(var t=this.cues_.length;t--;){var n=this.cues_[t];if(n===e||n.originalCue_&&n.originalCue_===e){this.cues_.splice(t,1),this.cues.setCues_(this.cues_);break}}},e}(Xt);on.prototype.allowedEvents_={cuechange:"cuechange"};var an=function(r){function e(e){var t;void 0===e&&(e={});var n=Ne(e,{kind:zt[e.kind]||""});t=r.call(this,n)||this;var i=!1;return Object.defineProperty(Oe(t),"enabled",{get:function(){return i},set:function(e){"boolean"==typeof e&&e!==i&&(i=e,this.trigger("enabledchange"))}}),n.enabled&&(t.enabled=n.enabled),t.loaded_=!0,t}return Ve(e,r),e}(Xt),ln=function(r){function e(e){var t;void 0===e&&(e={});var n=Ne(e,{kind:Wt[e.kind]||""});t=r.call(this,n)||this;var i=!1;return Object.defineProperty(Oe(t),"selected",{get:function(){return i},set:function(e){"boolean"==typeof e&&e!==i&&(i=e,this.trigger("selectedchange"))}}),n.selected&&(t.selected=n.selected),t}return Ve(e,r),e}(Xt),cn=function(r){function e(e){var t,n;void 0===e&&(e={}),t=r.call(this)||this;var i=new on(e);return t.kind=i.kind,t.src=i.src,t.srclang=i.language,t.label=i.label,t.default=i.default,Object.defineProperties(Oe(t),{readyState:{get:function(){return n}},track:{get:function(){return i}}}),n=0,i.addEventListener("loadeddata",function(){n=2,t.trigger({type:"load",target:Oe(t)})}),t}return Ve(e,r),e}(_e);cn.prototype.allowedEvents_={load:"load"},cn.NONE=0,cn.LOADING=1,cn.LOADED=2,cn.ERROR=3;var un={audio:{ListClass:Ft,TrackClass:an,capitalName:"Audio"},video:{ListClass:Bt,TrackClass:ln,capitalName:"Video"},text:{ListClass:Ht,TrackClass:on,capitalName:"Text"}};Object.keys(un).forEach(function(e){un[e].getterName=e+"Tracks",un[e].privateName=e+"Tracks_"});var hn={remoteText:{ListClass:Ht,TrackClass:on,capitalName:"RemoteText",getterName:"remoteTextTracks",privateName:"remoteTextTracks_"},remoteTextEl:{ListClass:Vt,TrackClass:cn,capitalName:"RemoteTextTrackEls",getterName:"remoteTextTrackEls",privateName:"remoteTextTrackEls_"}},dn=r({},un,hn);hn.names=Object.keys(hn),un.names=Object.keys(un),dn.names=[].concat(hn.names).concat(un.names);var pn={};var fn=function(t){function n(n,e){var i;return void 0===n&&(n={}),void 0===e&&(e=function(){}),n.reportTouchActivity=!1,(i=t.call(this,null,n,e)||this).hasStarted_=!1,i.on("playing",function(){this.hasStarted_=!0}),i.on("loadstart",function(){this.hasStarted_=!1}),dn.names.forEach(function(e){var t=dn[e];n&&n[t.getterName]&&(i[t.privateName]=n[t.getterName])}),i.featuresProgressEvents||i.manualProgressOn(),i.featuresTimeupdateEvents||i.manualTimeUpdatesOn(),["Text","Audio","Video"].forEach(function(e){!1===n["native"+e+"Tracks"]&&(i["featuresNative"+e+"Tracks"]=!1)}),!1===n.nativeCaptions||!1===n.nativeTextTracks?i.featuresNativeTextTracks=!1:!0!==n.nativeCaptions&&!0!==n.nativeTextTracks||(i.featuresNativeTextTracks=!0),i.featuresNativeTextTracks||i.emulateTextTracks(),i.preloadTextTracks=!1!==n.preloadTextTracks,i.autoRemoteTextTracks_=new dn.text.ListClass,i.initTrackListeners(),n.nativeControlsForTouch||i.emitTapEvents(),i.constructor&&(i.name_=i.constructor.name||"Unknown Tech"),i}Ve(n,t);var e=n.prototype;return e.triggerSourceset=function(e){var t=this;this.isReady_||this.one("ready",function(){return t.setTimeout(function(){return t.triggerSourceset(e)},1)}),this.trigger({src:e,type:"sourceset"})},e.manualProgressOn=function(){this.on("durationchange",this.onDurationChange),this.manualProgress=!0,this.one("ready",this.trackProgress)},e.manualProgressOff=function(){this.manualProgress=!1,this.stopTrackingProgress(),this.off("durationchange",this.onDurationChange)},e.trackProgress=function(e){this.stopTrackingProgress(),this.progressInterval=this.setInterval(ge(this,function(){var e=this.bufferedPercent();this.bufferedPercent_!==e&&this.trigger("progress"),1===(this.bufferedPercent_=e)&&this.stopTrackingProgress()}),500)},e.onDurationChange=function(e){this.duration_=this.duration()},e.buffered=function(){return ht(0,0)},e.bufferedPercent=function(){return dt(this.buffered(),this.duration_)},e.stopTrackingProgress=function(){this.clearInterval(this.progressInterval)},e.manualTimeUpdatesOn=function(){this.manualTimeUpdates=!0,this.on("play",this.trackCurrentTime),this.on("pause",this.stopTrackingCurrentTime)},e.manualTimeUpdatesOff=function(){this.manualTimeUpdates=!1,this.stopTrackingCurrentTime(),this.off("play",this.trackCurrentTime),this.off("pause",this.stopTrackingCurrentTime)},e.trackCurrentTime=function(){this.currentTimeInterval&&this.stopTrackingCurrentTime(),this.currentTimeInterval=this.setInterval(function(){this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},250)},e.stopTrackingCurrentTime=function(){this.clearInterval(this.currentTimeInterval),this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.dispose=function(){this.clearTracks(un.names),this.manualProgress&&this.manualProgressOff(),this.manualTimeUpdates&&this.manualTimeUpdatesOff(),t.prototype.dispose.call(this)},e.clearTracks=function(e){var r=this;(e=[].concat(e)).forEach(function(e){for(var t=r[e+"Tracks"]()||[],n=t.length;n--;){var i=t[n];"text"===e&&r.removeRemoteTextTrack(i),t.removeTrack(i)}})},e.cleanupAutoTextTracks=function(){for(var e=this.autoRemoteTextTracks_||[],t=e.length;t--;){var n=e[t];this.removeRemoteTextTrack(n)}},e.reset=function(){},e.error=function(e){return void 0!==e&&(this.error_=new mt(e),this.trigger("error")),this.error_},e.played=function(){return this.hasStarted_?ht(0,0):ht()},e.setCurrentTime=function(){this.manualTimeUpdates&&this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.initTrackListeners=function(){var r=this;un.names.forEach(function(e){function t(){r.trigger(e+"trackchange")}var n=un[e],i=r[n.getterName]();i.addEventListener("removetrack",t),i.addEventListener("addtrack",t),r.on("dispose",function(){i.removeEventListener("removetrack",t),i.removeEventListener("addtrack",t)})})},e.addWebVttScript_=function(){var e=this;if(!h.WebVTT)if(d.body.contains(this.el())){if(!this.options_["vtt.js"]&&l(pn)&&0<Object.keys(pn).length)return void this.trigger("vttjsloaded");var t=d.createElement("script");t.src=this.options_["vtt.js"]||"https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js",t.onload=function(){e.trigger("vttjsloaded")},t.onerror=function(){e.trigger("vttjserror")},this.on("dispose",function(){t.onload=null,t.onerror=null}),h.WebVTT=!0,this.el().parentNode.appendChild(t)}else this.ready(this.addWebVttScript_)},e.emulateTextTracks=function(){function t(e){return i.addTrack(e.track)}function n(e){return i.removeTrack(e.track)}var e=this,i=this.textTracks(),r=this.remoteTextTracks();r.on("addtrack",t),r.on("removetrack",n),this.addWebVttScript_();function s(){return e.trigger("texttrackchange")}function o(){s();for(var e=0;e<i.length;e++){var t=i[e];t.removeEventListener("cuechange",s),"showing"===t.mode&&t.addEventListener("cuechange",s)}}o(),i.addEventListener("change",o),i.addEventListener("addtrack",o),i.addEventListener("removetrack",o),this.on("dispose",function(){r.off("addtrack",t),r.off("removetrack",n),i.removeEventListener("change",o),i.removeEventListener("addtrack",o),i.removeEventListener("removetrack",o);for(var e=0;e<i.length;e++){i[e].removeEventListener("cuechange",s)}})},e.addTextTrack=function(e,t,n){if(!e)throw new Error("TextTrack kind is required but was not provided");return function(e,t,n,i,r){void 0===r&&(r={});var s=e.textTracks();r.kind=t,n&&(r.label=n),i&&(r.language=i),r.tech=e;var o=new dn.text.TrackClass(r);return s.addTrack(o),o}(this,e,t,n)},e.createRemoteTextTrack=function(e){var t=Ne(e,{tech:this});return new hn.remoteTextEl.TrackClass(t)},e.addRemoteTextTrack=function(e,t){var n=this;void 0===e&&(e={});var i=this.createRemoteTextTrack(e);return!0!==t&&!1!==t&&(f.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js'),t=!0),this.remoteTextTrackEls().addTrackElement_(i),this.remoteTextTracks().addTrack(i.track),!0!==t&&this.ready(function(){return n.autoRemoteTextTracks_.addTrack(i.track)}),i},e.removeRemoteTextTrack=function(e){var t=this.remoteTextTrackEls().getTrackElementByTrack_(e);this.remoteTextTrackEls().removeTrackElement_(t),this.remoteTextTracks().removeTrack(e),this.autoRemoteTextTracks_.removeTrack(e)},e.getVideoPlaybackQuality=function(){return{}},e.requestPictureInPicture=function(){var e=this.options_.Promise||h.Promise;if(e)return e.reject()},e.setPoster=function(){},e.playsinline=function(){},e.setPlaysinline=function(){},e.overrideNativeAudioTracks=function(){},e.overrideNativeVideoTracks=function(){},e.canPlayType=function(){return""},n.canPlayType=function(){return""},n.canPlaySource=function(e,t){return n.canPlayType(e.type)},n.isTech=function(e){return e.prototype instanceof n||e instanceof n||e===n},n.registerTech=function(e,t){if(n.techs_||(n.techs_={}),!n.isTech(t))throw new Error("Tech "+e+" must be a Tech");if(!n.canPlayType)throw new Error("Techs must have a static canPlayType method on them");if(!n.canPlaySource)throw new Error("Techs must have a static canPlaySource method on them");return e=Le(e),n.techs_[e]=t,n.techs_[Me(e)]=t,"Tech"!==e&&n.defaultTechOrder_.push(e),t},n.getTech=function(e){if(e)return n.techs_&&n.techs_[e]?n.techs_[e]:(e=Le(e),h&&h.videojs&&h.videojs[e]?(f.warn("The "+e+" tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)"),h.videojs[e]):void 0)},n}(De);dn.names.forEach(function(e){var t=dn[e];fn.prototype[t.getterName]=function(){return this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName]}}),fn.prototype.featuresVolumeControl=!0,fn.prototype.featuresMuteControl=!0,fn.prototype.featuresFullscreenResize=!1,fn.prototype.featuresPlaybackRate=!1,fn.prototype.featuresProgressEvents=!1,fn.prototype.featuresSourceset=!1,fn.prototype.featuresTimeupdateEvents=!1,fn.prototype.featuresNativeTextTracks=!1,fn.withSourceHandlers=function(r){r.registerSourceHandler=function(e,t){var n=r.sourceHandlers;n=n||(r.sourceHandlers=[]),void 0===t&&(t=n.length),n.splice(t,0,e)},r.canPlayType=function(e){for(var t,n=r.sourceHandlers||[],i=0;i<n.length;i++)if(t=n[i].canPlayType(e))return t;return""},r.selectSourceHandler=function(e,t){for(var n=r.sourceHandlers||[],i=0;i<n.length;i++)if(n[i].canHandleSource(e,t))return n[i];return null},r.canPlaySource=function(e,t){var n=r.selectSourceHandler(e,t);return n?n.canHandleSource(e,t):""};["seekable","seeking","duration"].forEach(function(e){var t=this[e];"function"==typeof t&&(this[e]=function(){return this.sourceHandler_&&this.sourceHandler_[e]?this.sourceHandler_[e].apply(this.sourceHandler_,arguments):t.apply(this,arguments)})},r.prototype),r.prototype.setSource=function(e){var t=r.selectSourceHandler(e,this.options_);t||(r.nativeSourceHandler?t=r.nativeSourceHandler:f.error("No source handler found for the current source.")),this.disposeSourceHandler(),this.off("dispose",this.disposeSourceHandler),t!==r.nativeSourceHandler&&(this.currentSource_=e),this.sourceHandler_=t.handleSource(e,this,this.options_),this.one("dispose",this.disposeSourceHandler)},r.prototype.disposeSourceHandler=function(){this.currentSource_&&(this.clearTracks(["audio","video"]),this.currentSource_=null),this.cleanupAutoTextTracks(),this.sourceHandler_&&(this.sourceHandler_.dispose&&this.sourceHandler_.dispose(),this.sourceHandler_=null)}},De.registerComponent("Tech",fn),fn.registerTech("Tech",fn),fn.defaultTechOrder_=[];var vn={},gn={},yn={};function _n(e,t,n){e.setTimeout(function(){return function n(i,e,r,s,o,a){void 0===i&&(i={});void 0===e&&(e=[]);void 0===o&&(o=[]);void 0===a&&(a=!1);var t=e,l=t[0],c=t.slice(1);if("string"==typeof l)n(i,vn[l],r,s,o,a);else if(l){var u=En(s,l);if(!u.setSource)return o.push(u),n(i,c,r,s,o,a);u.setSource(g({},i),function(e,t){if(e)return n(i,c,r,s,o,a);o.push(u),n(t,i.type===t.type?c:vn[t.type],r,s,o,a)})}else c.length?n(i,c,r,s,o,a):a?r(i,o):n(i,vn["*"],r,s,o,!0)}(t,vn[t.type],n,e)},1)}function mn(e,t,n,i){void 0===i&&(i=null);var r="call"+Le(n),s=e.reduce(Cn(r),i),o=s===yn,a=o?null:t[n](s);return function(e,t,n,i){for(var r=e.length-1;0<=r;r--){var s=e[r];s[t]&&s[t](i,n)}}(e,n,a,o),a}var bn={buffered:1,currentTime:1,duration:1,muted:1,played:1,paused:1,seekable:1,volume:1},Tn={setCurrentTime:1,setMuted:1,setVolume:1},kn={play:1,pause:1};function Cn(n){return function(e,t){return e===yn?yn:t[n]?t[n](e):e}}function En(e,t){var n=gn[e.id()],i=null;if(null==n)return i=t(e),gn[e.id()]=[[t,i]],i;for(var r=0;r<n.length;r++){var s=n[r],o=s[0],a=s[1];o===t&&(i=a)}return null===i&&(i=t(e),n.push([t,i])),i}function Sn(e){void 0===e&&(e="");var t=Ot(e);return wn[t.toLowerCase()]||""}var wn={opus:"video/ogg",ogv:"video/ogg",mp4:"video/mp4",mov:"video/mp4",m4v:"video/mp4",mkv:"video/x-matroska",m4a:"audio/mp4",mp3:"audio/mpeg",aac:"audio/aac",oga:"audio/ogg",m3u8:"application/x-mpegURL",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",png:"image/png",svg:"image/svg+xml",webp:"image/webp"};function xn(e){if(!e.type){var t=Sn(e.src);t&&(e.type=t)}return e}var jn=function(c){function e(e,t,n){var i,r=Ne({createEl:!1},t);if(i=c.call(this,e,r,n)||this,t.playerOptions.sources&&0!==t.playerOptions.sources.length)e.src(t.playerOptions.sources);else for(var s=0,o=t.playerOptions.techOrder;s<o.length;s++){var a=Le(o[s]),l=fn.getTech(a);if(a||(l=De.getComponent(a)),l&&l.isSupported()){e.loadTech_(a);break}}return i}return Ve(e,c),e}(De);De.registerComponent("MediaLoader",jn);var Pn=function(r){function e(e,t){var n;return(n=r.call(this,e,t)||this).emitTapEvents(),n.enable(),n}Ve(e,r);var t=e.prototype;return t.createEl=function(e,t,n){void 0===e&&(e="div"),void 0===t&&(t={}),void 0===n&&(n={}),t=g({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass(),tabIndex:0},t),"button"===e&&f.error("Creating a ClickableComponent with an HTML element of "+e+" is not supported; use a Button instead."),n=g({role:"button"},n),this.tabIndex_=t.tabIndex;var i=r.prototype.createEl.call(this,e,t,n);return this.createControlTextEl(i),i},t.dispose=function(){this.controlTextEl_=null,r.prototype.dispose.call(this)},t.createControlTextEl=function(e){return this.controlTextEl_=k("span",{className:"vjs-control-text"},{"aria-live":"polite"}),e&&e.appendChild(this.controlTextEl_),this.controlText(this.controlText_,e),this.controlTextEl_},t.controlText=function(e,t){if(void 0===t&&(t=this.el()),void 0===e)return this.controlText_||"Need Text";var n=this.localize(e);this.controlText_=e,C(this.controlTextEl_,n),this.nonIconControl||t.setAttribute("title",n)},t.buildCSSClass=function(){return"vjs-control vjs-button "+r.prototype.buildCSSClass.call(this)},t.enable=function(){this.enabled_||(this.enabled_=!0,this.removeClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","false"),"undefined"!=typeof this.tabIndex_&&this.el_.setAttribute("tabIndex",this.tabIndex_),this.on(["tap","click"],this.handleClick),this.on("keydown",this.handleKeyDown))},t.disable=function(){this.enabled_=!1,this.addClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","true"),"undefined"!=typeof this.tabIndex_&&this.el_.removeAttribute("tabIndex"),this.off("mouseover",this.handleMouseOver),this.off("mouseout",this.handleMouseOut),this.off(["tap","click"],this.handleClick),this.off("keydown",this.handleKeyDown)},t.handleClick=function(e){this.options_.clickHandler&&this.options_.clickHandler.call(this,arguments)},t.handleKeyDown=function(e){xt.isEventKey(e,"Space")||xt.isEventKey(e,"Enter")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):r.prototype.handleKeyDown.call(this,e)},e}(De);De.registerComponent("ClickableComponent",Pn);var An=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).update(),e.on("posterchange",ge(Oe(n),n.update)),n}Ve(e,i);var t=e.prototype;return t.dispose=function(){this.player().off("posterchange",this.update),i.prototype.dispose.call(this)},t.createEl=function(){return k("div",{className:"vjs-poster",tabIndex:-1})},t.update=function(e){var t=this.player().poster();this.setSrc(t),t?this.show():this.hide()},t.setSrc=function(e){var t="";e&&(t='url("'+e+'")'),this.el_.style.backgroundImage=t},t.handleClick=function(e){this.player_.controls()&&(this.player_.tech(!0)&&this.player_.tech(!0).focus(),this.player_.paused()?Ct(this.player_.play()):this.player_.pause())},e}(Pn);De.registerComponent("PosterImage",An);var In="#222",Mn={monospace:"monospace",sansSerif:"sans-serif",serif:"serif",monospaceSansSerif:'"Andale Mono", "Lucida Console", monospace',monospaceSerif:'"Courier New", monospace',proportionalSansSerif:"sans-serif",proportionalSerif:"serif",casual:'"Comic Sans MS", Impact, fantasy',script:'"Monotype Corsiva", cursive',smallcaps:'"Andale Mono", "Lucida Console", monospace, sans-serif'};function Ln(e,t){var n;if(4===e.length)n=e[1]+e[1]+e[2]+e[2]+e[3]+e[3];else{if(7!==e.length)throw new Error("Invalid color code provided, "+e+"; must be formatted as e.g. #f0e or #f604e2.");n=e.slice(1)}return"rgba("+parseInt(n.slice(0,2),16)+","+parseInt(n.slice(2,4),16)+","+parseInt(n.slice(4,6),16)+","+t+")"}function Nn(e,t,n){try{e.style[t]=n}catch(e){return}}var Dn=function(s){function e(n,e,t){var i;i=s.call(this,n,e,t)||this;var r=ge(Oe(i),i.updateDisplay);return n.on("loadstart",ge(Oe(i),i.toggleDisplay)),n.on("texttrackchange",r),n.on("loadedmetadata",ge(Oe(i),i.preselectTrack)),n.ready(ge(Oe(i),function(){if(n.tech_&&n.tech_.featuresNativeTextTracks)this.hide();else{n.on("fullscreenchange",r),n.on("playerresize",r),h.addEventListener("orientationchange",r),n.on("dispose",function(){return h.removeEventListener("orientationchange",r)});for(var e=this.options_.playerOptions.tracks||[],t=0;t<e.length;t++)this.player_.addRemoteTextTrack(e[t],!0);this.preselectTrack()}})),i}Ve(e,s);var t=e.prototype;return t.preselectTrack=function(){for(var e,t,n,i={captions:1,subtitles:1},r=this.player_.textTracks(),s=this.player_.cache_.selectedLanguage,o=0;o<r.length;o++){var a=r[o];s&&s.enabled&&s.language&&s.language===a.language&&a.kind in i?n=a.kind===s.kind?a:n||a:s&&!s.enabled?t=e=n=null:a.default&&("descriptions"!==a.kind||e?a.kind in i&&!t&&(t=a):e=a)}n?n.mode="showing":t?t.mode="showing":e&&(e.mode="showing")},t.toggleDisplay=function(){this.player_.tech_&&this.player_.tech_.featuresNativeTextTracks?this.hide():this.show()},t.createEl=function(){return s.prototype.createEl.call(this,"div",{className:"vjs-text-track-display"},{"aria-live":"off","aria-atomic":"true"})},t.clearDisplay=function(){"function"==typeof h.WebVTT&&h.WebVTT.processCues(h,[],this.el_)},t.updateDisplay=function(){var e=this.player_.textTracks(),t=this.options_.allowMultipleShowingTracks;if(this.clearDisplay(),t){for(var n=[],i=0;i<e.length;++i){var r=e[i];"showing"===r.mode&&n.push(r)}this.updateForTrack(n)}else{for(var s=null,o=null,a=e.length;a--;){var l=e[a];"showing"===l.mode&&("descriptions"===l.kind?s=l:o=l)}o?("off"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","off"),this.updateForTrack(o)):s&&("assertive"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","assertive"),this.updateForTrack(s))}},t.updateDisplayState=function(e){for(var t=this.player_.textTrackSettings.getValues(),n=e.activeCues,i=n.length;i--;){var r=n[i];if(r){var s=r.displayState;if(t.color&&(s.firstChild.style.color=t.color),t.textOpacity&&Nn(s.firstChild,"color",Ln(t.color||"#fff",t.textOpacity)),t.backgroundColor&&(s.firstChild.style.backgroundColor=t.backgroundColor),t.backgroundOpacity&&Nn(s.firstChild,"backgroundColor",Ln(t.backgroundColor||"#000",t.backgroundOpacity)),t.windowColor&&(t.windowOpacity?Nn(s,"backgroundColor",Ln(t.windowColor,t.windowOpacity)):s.style.backgroundColor=t.windowColor),t.edgeStyle&&("dropshadow"===t.edgeStyle?s.firstChild.style.textShadow="2px 2px 3px #222, 2px 2px 4px #222, 2px 2px 5px "+In:"raised"===t.edgeStyle?s.firstChild.style.textShadow="1px 1px #222, 2px 2px #222, 3px 3px "+In:"depressed"===t.edgeStyle?s.firstChild.style.textShadow="1px 1px #ccc, 0 1px #ccc, -1px -1px #222, 0 -1px "+In:"uniform"===t.edgeStyle&&(s.firstChild.style.textShadow="0 0 4px #222, 0 0 4px #222, 0 0 4px #222, 0 0 4px "+In)),t.fontPercent&&1!==t.fontPercent){var o=h.parseFloat(s.style.fontSize);s.style.fontSize=o*t.fontPercent+"px",s.style.height="auto",s.style.top="auto",s.style.bottom="2px"}t.fontFamily&&"default"!==t.fontFamily&&("small-caps"===t.fontFamily?s.firstChild.style.fontVariant="small-caps":s.firstChild.style.fontFamily=Mn[t.fontFamily])}}},t.updateForTrack=function(e){if(Array.isArray(e)||(e=[e]),"function"==typeof h.WebVTT&&!e.every(function(e){return!e.activeCues})){for(var t=[],n=0;n<e.length;++n)for(var i=e[n],r=0;r<i.activeCues.length;++r)t.push(i.activeCues[r]);h.WebVTT.processCues(h,t,this.el_);for(var s=0;s<e.length;++s){for(var o=e[s],a=0;a<o.activeCues.length;++a){var l=o.activeCues[a].displayState;w(l,"vjs-text-track-cue"),w(l,"vjs-text-track-cue-"+(o.language?o.language:s))}this.player_.textTrackSettings&&this.updateDisplayState(o)}}},e}(De);De.registerComponent("TextTrackDisplay",Dn);var On=function(r){function e(){return r.apply(this,arguments)||this}return Ve(e,r),e.prototype.createEl=function(){var e=this.player_.isAudio(),t=this.localize(e?"Audio Player":"Video Player"),n=k("span",{className:"vjs-control-text",innerHTML:this.localize("{1} is loading.",[t])}),i=r.prototype.createEl.call(this,"div",{className:"vjs-loading-spinner",dir:"ltr"});return i.appendChild(n),i},e}(De);De.registerComponent("LoadingSpinner",On);var Rn=function(t){function e(){return t.apply(this,arguments)||this}Ve(e,t);var n=e.prototype;return n.createEl=function(e,t,n){void 0===t&&(t={}),void 0===n&&(n={}),t=g({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass()},t),n=g({type:"button"},n);var i=De.prototype.createEl.call(this,"button",t,n);return this.createControlTextEl(i),i},n.addChild=function(e,t){void 0===t&&(t={});var n=this.constructor.name;return f.warn("Adding an actionable (user controllable) child to a Button ("+n+") is not supported; use a ClickableComponent instead."),De.prototype.addChild.call(this,e,t)},n.enable=function(){t.prototype.enable.call(this),this.el_.removeAttribute("disabled")},n.disable=function(){t.prototype.disable.call(this),this.el_.setAttribute("disabled","disabled")},n.handleKeyDown=function(e){xt.isEventKey(e,"Space")||xt.isEventKey(e,"Enter")?e.stopPropagation():t.prototype.handleKeyDown.call(this,e)},e}(Pn);De.registerComponent("Button",Rn);var Fn=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).mouseused_=!1,n.on("mousedown",n.handleMouseDown),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-big-play-button"},t.handleClick=function(e){var t=this.player_.play();if(this.mouseused_&&e.clientX&&e.clientY){var n=this.player_.usingPlugin("eme")&&this.player_.eme.sessions&&0<this.player_.eme.sessions.length;return Ct(t),void(!this.player_.tech(!0)||(et||Qe)&&n||this.player_.tech(!0).focus())}var i=this.player_.getChild("controlBar"),r=i&&i.getChild("playToggle");if(r){var s=function(){return r.focus()};kt(t)?t.then(s,function(){}):this.setTimeout(s,1)}else this.player_.tech(!0).focus()},t.handleKeyDown=function(e){this.mouseused_=!1,i.prototype.handleKeyDown.call(this,e)},t.handleMouseDown=function(e){this.mouseused_=!0},e}(Rn);Fn.prototype.controlText_="Play Video",De.registerComponent("BigPlayButton",Fn);var Bn=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).controlText(t&&t.controlText||n.localize("Close")),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-close-button "+i.prototype.buildCSSClass.call(this)},t.handleClick=function(e){this.trigger({type:"close",bubbles:!1})},t.handleKeyDown=function(e){xt.isEventKey(e,"Esc")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):i.prototype.handleKeyDown.call(this,e)},e}(Rn);De.registerComponent("CloseButton",Bn);var Hn=function(i){function e(e,t){var n;return void 0===t&&(t={}),n=i.call(this,e,t)||this,t.replay=void 0===t.replay||t.replay,n.on(e,"play",n.handlePlay),n.on(e,"pause",n.handlePause),t.replay&&n.on(e,"ended",n.handleEnded),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-play-control "+i.prototype.buildCSSClass.call(this)},t.handleClick=function(e){this.player_.paused()?this.player_.play():this.player_.pause()},t.handleSeeked=function(e){this.removeClass("vjs-ended"),this.player_.paused()?this.handlePause(e):this.handlePlay(e)},t.handlePlay=function(e){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.controlText("Pause")},t.handlePause=function(e){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.controlText("Play")},t.handleEnded=function(e){this.removeClass("vjs-playing"),this.addClass("vjs-ended"),this.controlText("Replay"),this.one(this.player_,"seeked",this.handleSeeked)},e}(Rn);Hn.prototype.controlText_="Play",De.registerComponent("PlayToggle",Hn);function Vn(e,t){e=e<0?0:e;var n=Math.floor(e%60),i=Math.floor(e/60%60),r=Math.floor(e/3600),s=Math.floor(t/60%60),o=Math.floor(t/3600);return!isNaN(e)&&e!==1/0||(r=i=n="-"),(r=0<r||0<o?r+":":"")+(i=((r||10<=s)&&i<10?"0"+i:i)+":")+(n=n<10?"0"+n:n)}var Kn=Vn;function Wn(e,t){return void 0===t&&(t=e),Kn(e,t)}var zn=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,["timeupdate","ended"],n.updateContent),n.updateTextNode_(),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e=this.buildCSSClass(),t=i.prototype.createEl.call(this,"div",{className:e+" vjs-time-control vjs-control",innerHTML:'<span class="vjs-control-text" role="presentation">'+this.localize(this.labelText_)+" </span>"});return this.contentEl_=k("span",{className:e+"-display"},{"aria-live":"off",role:"presentation"}),t.appendChild(this.contentEl_),t},t.dispose=function(){this.contentEl_=null,this.textNode_=null,i.prototype.dispose.call(this)},t.updateTextNode_=function(e){var t=this;void 0===e&&(e=0),e=Wn(e),this.formattedTime_!==e&&(this.formattedTime_=e,this.requestAnimationFrame(function(){if(t.contentEl_){var e=t.textNode_;t.textNode_=d.createTextNode(t.formattedTime_),t.textNode_&&(e?t.contentEl_.replaceChild(t.textNode_,e):t.contentEl_.appendChild(t.textNode_))}}))},t.updateContent=function(e){},e}(De);zn.prototype.labelText_="Time",zn.prototype.controlText_="Time",De.registerComponent("TimeDisplay",zn);var Un=function(e){function t(){return e.apply(this,arguments)||this}Ve(t,e);var n=t.prototype;return n.buildCSSClass=function(){return"vjs-current-time"},n.updateContent=function(e){var t;t=this.player_.ended()?this.player_.duration():this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime(),this.updateTextNode_(t)},t}(zn);Un.prototype.labelText_="Current Time",Un.prototype.controlText_="Current Time",De.registerComponent("CurrentTimeDisplay",Un);var qn=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,"durationchange",n.updateContent),n.on(e,"loadstart",n.updateContent),n.on(e,"loadedmetadata",n.updateContent),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-duration"},t.updateContent=function(e){var t=this.player_.duration();this.updateTextNode_(t)},e}(zn);qn.prototype.labelText_="Duration",qn.prototype.controlText_="Duration",De.registerComponent("DurationDisplay",qn);var Xn=function(e){function t(){return e.apply(this,arguments)||this}return Ve(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-time-control vjs-time-divider",innerHTML:"<div><span>/</span></div>"},{"aria-hidden":!0})},t}(De);De.registerComponent("TimeDivider",Xn);var $n=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,"durationchange",n.updateContent),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-remaining-time"},t.createEl=function(){var e=i.prototype.createEl.call(this);return e.insertBefore(k("span",{},{"aria-hidden":!0},"-"),this.contentEl_),e},t.updateContent=function(e){var t;"number"==typeof this.player_.duration()&&(t=this.player_.ended()?0:this.player_.remainingTimeDisplay?this.player_.remainingTimeDisplay():this.player_.remainingTime(),this.updateTextNode_(t))},e}(zn);$n.prototype.labelText_="Remaining Time",$n.prototype.controlText_="Remaining Time",De.registerComponent("RemainingTimeDisplay",$n);var Gn=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).updateShowing(),n.on(n.player(),"durationchange",n.updateShowing),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e=i.prototype.createEl.call(this,"div",{className:"vjs-live-control vjs-control"});return this.contentEl_=k("div",{className:"vjs-live-display",innerHTML:'<span class="vjs-control-text">'+this.localize("Stream Type")+" </span>"+this.localize("LIVE")},{"aria-live":"off"}),e.appendChild(this.contentEl_),e},t.dispose=function(){this.contentEl_=null,i.prototype.dispose.call(this)},t.updateShowing=function(e){this.player().duration()===1/0?this.show():this.hide()},e}(De);De.registerComponent("LiveDisplay",Gn);var Yn=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).updateLiveEdgeStatus(),n.player_.liveTracker&&n.on(n.player_.liveTracker,"liveedgechange",n.updateLiveEdgeStatus),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e=i.prototype.createEl.call(this,"button",{className:"vjs-seek-to-live-control vjs-control"});return this.textEl_=k("span",{className:"vjs-seek-to-live-text",innerHTML:this.localize("LIVE")},{"aria-hidden":"true"}),e.appendChild(this.textEl_),e},t.updateLiveEdgeStatus=function(e){!this.player_.liveTracker||this.player_.liveTracker.atLiveEdge()?(this.setAttribute("aria-disabled",!0),this.addClass("vjs-at-live-edge"),this.controlText("Seek to live, currently playing live")):(this.setAttribute("aria-disabled",!1),this.removeClass("vjs-at-live-edge"),this.controlText("Seek to live, currently behind live"))},t.handleClick=function(){this.player_.liveTracker.seekToLiveEdge()},t.dispose=function(){this.player_.liveTracker&&this.off(this.player_.liveTracker,"liveedgechange",this.updateLiveEdgeStatus),this.textEl_=null,i.prototype.dispose.call(this)},e}(Rn);Yn.prototype.controlText_="Seek to live, currently playing live",De.registerComponent("SeekToLive",Yn);function Qn(e,t,n){return e=Number(e),Math.min(n,Math.max(t,isNaN(e)?t:e))}var Jn=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).bar=n.getChild(n.options_.barName),n.vertical(!!n.options_.vertical),n.enable(),n}Ve(e,i);var t=e.prototype;return t.enabled=function(){return this.enabled_},t.enable=function(){this.enabled()||(this.on("mousedown",this.handleMouseDown),this.on("touchstart",this.handleMouseDown),this.on("keydown",this.handleKeyDown),this.on("click",this.handleClick),this.on(this.player_,"controlsvisible",this.update),this.playerEvent&&this.on(this.player_,this.playerEvent,this.update),this.removeClass("disabled"),this.setAttribute("tabindex",0),this.enabled_=!0)},t.disable=function(){if(this.enabled()){var e=this.bar.el_.ownerDocument;this.off("mousedown",this.handleMouseDown),this.off("touchstart",this.handleMouseDown),this.off("keydown",this.handleKeyDown),this.off("click",this.handleClick),this.off(this.player_,"controlsvisible",this.update),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),this.removeAttribute("tabindex"),this.addClass("disabled"),this.playerEvent&&this.off(this.player_,this.playerEvent,this.update),this.enabled_=!1}},t.createEl=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),t.className=t.className+" vjs-slider",t=g({tabIndex:0},t),n=g({role:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},n),i.prototype.createEl.call(this,e,t,n)},t.handleMouseDown=function(e){var t=this.bar.el_.ownerDocument;"mousedown"===e.type&&e.preventDefault(),"touchstart"!==e.type||Je||e.preventDefault(),N(),this.addClass("vjs-sliding"),this.trigger("slideractive"),this.on(t,"mousemove",this.handleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchmove",this.handleMouseMove),this.on(t,"touchend",this.handleMouseUp),this.handleMouseMove(e)},t.handleMouseMove=function(e){},t.handleMouseUp=function(){var e=this.bar.el_.ownerDocument;D(),this.removeClass("vjs-sliding"),this.trigger("sliderinactive"),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),this.update()},t.update=function(){var t=this;if(this.el_&&this.bar){var n=this.getProgress();if(n!==this.progress_)return this.progress_=n,this.requestAnimationFrame(function(){var e=t.vertical()?"height":"width";t.bar.el().style[e]=(100*n).toFixed(2)+"%"}),n}},t.getProgress=function(){return Qn(this.getPercent(),0,1).toFixed(4)},t.calculateDistance=function(e){var t=F(this.el_,e);return this.vertical()?t.y:t.x},t.handleKeyDown=function(e){xt.isEventKey(e,"Left")||xt.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepBack()):xt.isEventKey(e,"Right")||xt.isEventKey(e,"Up")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):i.prototype.handleKeyDown.call(this,e)},t.handleClick=function(e){e.stopPropagation(),e.preventDefault()},t.vertical=function(e){if(void 0===e)return this.vertical_||!1;this.vertical_=!!e,this.vertical_?this.addClass("vjs-slider-vertical"):this.addClass("vjs-slider-horizontal")},e}(De);De.registerComponent("Slider",Jn);function Zn(e,t){return Qn(e/t*100,0,100).toFixed(2)+"%"}var ei=function(r){function e(e,t){var n;return(n=r.call(this,e,t)||this).partEls_=[],n.on(e,"progress",n.update),n}Ve(e,r);var t=e.prototype;return t.createEl=function(){var e=r.prototype.createEl.call(this,"div",{className:"vjs-load-progress"}),t=k("span",{className:"vjs-control-text"}),n=k("span",{textContent:this.localize("Loaded")}),i=d.createTextNode(": ");return this.percentageEl_=k("span",{className:"vjs-control-text-loaded-percentage",textContent:"0%"}),e.appendChild(t),t.appendChild(n),t.appendChild(i),t.appendChild(this.percentageEl_),e},t.dispose=function(){this.partEls_=null,this.percentageEl_=null,r.prototype.dispose.call(this)},t.update=function(e){var h=this;this.requestAnimationFrame(function(){var e=h.player_.liveTracker,t=h.player_.buffered(),n=e&&e.isLive()?e.seekableEnd():h.player_.duration(),i=h.player_.bufferedEnd(),r=h.partEls_,s=Zn(i,n);h.percent_!==s&&(h.el_.style.width=s,C(h.percentageEl_,s),h.percent_=s);for(var o=0;o<t.length;o++){var a=t.start(o),l=t.end(o),c=r[o];c||(c=h.el_.appendChild(k()),r[o]=c),c.dataset.start===a&&c.dataset.end===l||(c.dataset.start=a,c.dataset.end=l,c.style.left=Zn(a,i),c.style.width=Zn(l-a,i))}for(var u=r.length;u>t.length;u--)h.el_.removeChild(r[u-1]);r.length=t.length})},e}(De);De.registerComponent("LoadProgressBar",ei);var ti=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).update=ye(ge(Oe(n),n.update),30),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-time-tooltip"},{"aria-hidden":"true"})},t.update=function(e,t,n){var i=O(this.el_),r=O(this.player_.el()),s=e.width*t;if(r&&i){var o=e.left-r.left+s,a=e.width-s+(r.right-e.right),l=i.width/2;o<l?l+=l-o:a<l&&(l=a),l<0?l=0:l>i.width&&(l=i.width),this.el_.style.right="-"+l+"px",this.write(n)}},t.write=function(e){C(this.el_,e)},t.updateTime=function(r,s,o,a){var l=this;this.rafId_&&this.cancelAnimationFrame(this.rafId_),this.rafId_=this.requestAnimationFrame(function(){var e,t=l.player_.duration();if(l.player_.liveTracker&&l.player_.liveTracker.isLive()){var n=l.player_.liveTracker.liveWindow(),i=n-s*n;e=(i<1?"":"-")+Wn(i,n)}else e=Wn(o,t);l.update(r,s,e),a&&a()})},e}(De);De.registerComponent("TimeTooltip",ti);var ni=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).update=ye(ge(Oe(n),n.update),30),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-play-progress vjs-slider-bar"},{"aria-hidden":"true"})},t.update=function(e,t){var n=this.getChild("timeTooltip");if(n){var i=this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime();n.updateTime(e,t,i)}},e}(De);ni.prototype.options_={children:[]},ot||Xe||ni.prototype.options_.children.push("timeTooltip"),De.registerComponent("PlayProgressBar",ni);var ii=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).update=ye(ge(Oe(n),n.update),30),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-mouse-display"})},t.update=function(e,t){var n=this,i=t*this.player_.duration();this.getChild("timeTooltip").updateTime(e,t,i,function(){n.el_.style.left=e.width*t+"px"})},e}(De);ii.prototype.options_={children:["timeTooltip"]},De.registerComponent("MouseTimeDisplay",ii);var ri=function(s){function e(e,t){var n;return(n=s.call(this,e,t)||this).setEventHandlers_(),n}Ve(e,s);var t=e.prototype;return t.setEventHandlers_=function(){this.update_=ge(this,this.update),this.update=ye(this.update_,30),this.on(this.player_,["ended","durationchange","timeupdate"],this.update),this.player_.liveTracker&&this.on(this.player_.liveTracker,"liveedgechange",this.update),this.updateInterval=null,this.on(this.player_,["playing"],this.enableInterval_),this.on(this.player_,["ended","pause","waiting"],this.disableInterval_),"hidden"in d&&"visibilityState"in d&&this.on(d,"visibilitychange",this.toggleVisibility_)},t.toggleVisibility_=function(e){d.hidden?this.disableInterval_(e):(this.enableInterval_(),this.update())},t.enableInterval_=function(){this.updateInterval||(this.updateInterval=this.setInterval(this.update,30))},t.disableInterval_=function(e){this.player_.liveTracker&&this.player_.liveTracker.isLive()&&"ended"!==e.type||this.updateInterval&&(this.clearInterval(this.updateInterval),this.updateInterval=null)},t.createEl=function(){return s.prototype.createEl.call(this,"div",{className:"vjs-progress-holder"},{"aria-label":this.localize("Progress Bar")})},t.update=function(e){var i=this,r=s.prototype.update.call(this);return this.requestAnimationFrame(function(){var e=i.player_.ended()?i.player_.duration():i.getCurrentTime_(),t=i.player_.liveTracker,n=i.player_.duration();t&&t.isLive()&&(n=i.player_.liveTracker.liveCurrentTime()),i.percent_!==r&&(i.el_.setAttribute("aria-valuenow",(100*r).toFixed(2)),i.percent_=r),i.currentTime_===e&&i.duration_===n||(i.el_.setAttribute("aria-valuetext",i.localize("progress bar timing: currentTime={1} duration={2}",[Wn(e,n),Wn(n,n)],"{1} of {2}")),i.currentTime_=e,i.duration_=n)}),r},t.getCurrentTime_=function(){return this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime()},t.getPercent=function(){var e,t=this.getCurrentTime_(),n=this.player_.liveTracker;return n&&n.isLive()?(e=(t-n.seekableStart())/n.liveWindow(),n.atLiveEdge()&&(e=1)):e=t/this.player_.duration(),e},t.handleMouseDown=function(e){z(e)&&(e.stopPropagation(),this.player_.scrubbing(!0),this.videoWasPlaying=!this.player_.paused(),this.player_.pause(),s.prototype.handleMouseDown.call(this,e))},t.handleMouseMove=function(e){if(z(e)){var t,n=this.calculateDistance(e),i=this.player_.liveTracker;if(i&&i.isLive()){var r=i.seekableStart(),s=i.liveCurrentTime();if(s<=(t=r+n*i.liveWindow())&&(t=s),t<=r&&(t=r+.1),t===1/0)return}else(t=n*this.player_.duration())===this.player_.duration()&&(t-=.1);this.player_.currentTime(t)}},t.enable=function(){s.prototype.enable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.show()},t.disable=function(){s.prototype.disable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.hide()},t.handleMouseUp=function(e){s.prototype.handleMouseUp.call(this,e),e&&e.stopPropagation(),this.player_.scrubbing(!1),this.player_.trigger({type:"timeupdate",target:this,manuallyTriggered:!0}),this.videoWasPlaying?Ct(this.player_.play()):this.update_()},t.stepForward=function(){this.player_.currentTime(this.player_.currentTime()+5)},t.stepBack=function(){this.player_.currentTime(this.player_.currentTime()-5)},t.handleAction=function(e){this.player_.paused()?this.player_.play():this.player_.pause()},t.handleKeyDown=function(e){if(xt.isEventKey(e,"Space")||xt.isEventKey(e,"Enter"))e.preventDefault(),e.stopPropagation(),this.handleAction(e);else if(xt.isEventKey(e,"Home"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(0);else if(xt.isEventKey(e,"End"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.duration());else if(/^[0-9]$/.test(xt(e))){e.preventDefault(),e.stopPropagation();var t=10*(xt.codes[xt(e)]-xt.codes[0])/100;this.player_.currentTime(this.player_.duration()*t)}else xt.isEventKey(e,"PgDn")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()-60)):xt.isEventKey(e,"PgUp")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()+60)):s.prototype.handleKeyDown.call(this,e)},e}(Jn);ri.prototype.options_={children:["loadProgressBar","playProgressBar"],barName:"playProgressBar"},ot||Xe||ri.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),De.registerComponent("SeekBar",ri);var si=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).handleMouseMove=ye(ge(Oe(n),n.handleMouseMove),30),n.throttledHandleMouseSeek=ye(ge(Oe(n),n.handleMouseSeek),30),n.enable(),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-progress-control vjs-control"})},t.handleMouseMove=function(e){var t=this.getChild("seekBar");if(t){var n=t.getChild("playProgressBar"),i=t.getChild("mouseTimeDisplay");if(n||i){var r=t.el(),s=O(r),o=F(r,e).x;o=Qn(0,1,o),i&&i.update(s,o),n&&n.update(s,t.getProgress())}}},t.handleMouseSeek=function(e){var t=this.getChild("seekBar");t&&t.handleMouseMove(e)},t.enabled=function(){return this.enabled_},t.disable=function(){this.children().forEach(function(e){return e.disable&&e.disable()}),this.enabled()&&(this.off(["mousedown","touchstart"],this.handleMouseDown),this.off(this.el_,"mousemove",this.handleMouseMove),this.handleMouseUp(),this.addClass("disabled"),this.enabled_=!1)},t.enable=function(){this.children().forEach(function(e){return e.enable&&e.enable()}),this.enabled()||(this.on(["mousedown","touchstart"],this.handleMouseDown),this.on(this.el_,"mousemove",this.handleMouseMove),this.removeClass("disabled"),this.enabled_=!0)},t.handleMouseDown=function(e){var t=this.el_.ownerDocument,n=this.getChild("seekBar");n&&n.handleMouseDown(e),this.on(t,"mousemove",this.throttledHandleMouseSeek),this.on(t,"touchmove",this.throttledHandleMouseSeek),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchend",this.handleMouseUp)},t.handleMouseUp=function(e){var t=this.el_.ownerDocument,n=this.getChild("seekBar");n&&n.handleMouseUp(e),this.off(t,"mousemove",this.throttledHandleMouseSeek),this.off(t,"touchmove",this.throttledHandleMouseSeek),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchend",this.handleMouseUp)},e}(De);si.prototype.options_={children:["seekBar"]},De.registerComponent("ProgressControl",si);var oi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,["enterpictureinpicture","leavepictureinpicture"],n.handlePictureInPictureChange),d.pictureInPictureEnabled||n.disable(),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-picture-in-picture-control "+i.prototype.buildCSSClass.call(this)},t.handlePictureInPictureChange=function(e){this.player_.isInPictureInPicture()?this.controlText("Exit Picture-in-Picture"):this.controlText("Picture-in-Picture")},t.handleClick=function(e){this.player_.isInPictureInPicture()?this.player_.exitPictureInPicture():this.player_.requestPictureInPicture()},e}(Rn);oi.prototype.controlText_="Picture-in-Picture",De.registerComponent("PictureInPictureToggle",oi);var ai=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,"fullscreenchange",n.handleFullscreenChange),!1===d[e.fsApi_.fullscreenEnabled]&&n.disable(),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-fullscreen-control "+i.prototype.buildCSSClass.call(this)},t.handleFullscreenChange=function(e){this.player_.isFullscreen()?this.controlText("Non-Fullscreen"):this.controlText("Fullscreen")},t.handleClick=function(e){this.player_.isFullscreen()?this.player_.exitFullscreen():this.player_.requestFullscreen()},e}(Rn);ai.prototype.controlText_="Fullscreen",De.registerComponent("FullscreenToggle",ai);var li=function(e){function t(){return e.apply(this,arguments)||this}return Ve(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})},t}(De);De.registerComponent("VolumeLevel",li);var ci=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on("slideractive",n.updateLastVolume_),n.on(e,"volumechange",n.updateARIAAttributes),e.ready(function(){return n.updateARIAAttributes()}),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){return i.prototype.createEl.call(this,"div",{className:"vjs-volume-bar vjs-slider-bar"},{"aria-label":this.localize("Volume Level"),"aria-live":"polite"})},t.handleMouseDown=function(e){z(e)&&i.prototype.handleMouseDown.call(this,e)},t.handleMouseMove=function(e){z(e)&&(this.checkMuted(),this.player_.volume(this.calculateDistance(e)))},t.checkMuted=function(){this.player_.muted()&&this.player_.muted(!1)},t.getPercent=function(){return this.player_.muted()?0:this.player_.volume()},t.stepForward=function(){this.checkMuted(),this.player_.volume(this.player_.volume()+.1)},t.stepBack=function(){this.checkMuted(),this.player_.volume(this.player_.volume()-.1)},t.updateARIAAttributes=function(e){var t=this.player_.muted()?0:this.volumeAsPercentage_();this.el_.setAttribute("aria-valuenow",t),this.el_.setAttribute("aria-valuetext",t+"%")},t.volumeAsPercentage_=function(){return Math.round(100*this.player_.volume())},t.updateLastVolume_=function(){var e=this,t=this.player_.volume();this.one("sliderinactive",function(){0===e.player_.volume()&&e.player_.lastVolume_(t)})},e}(Jn);ci.prototype.options_={children:["volumeLevel"],barName:"volumeLevel"},ci.prototype.playerEvent="volumechange",De.registerComponent("VolumeBar",ci);var ui=function(i){function e(e,t){var n;return void 0===t&&(t={}),t.vertical=t.vertical||!1,"undefined"!=typeof t.volumeBar&&!l(t.volumeBar)||(t.volumeBar=t.volumeBar||{},t.volumeBar.vertical=t.vertical),n=i.call(this,e,t)||this,function(e,t){t.tech_&&!t.tech_.featuresVolumeControl&&e.addClass("vjs-hidden"),e.on(t,"loadstart",function(){t.tech_.featuresVolumeControl?e.removeClass("vjs-hidden"):e.addClass("vjs-hidden")})}(Oe(n),e),n.throttledHandleMouseMove=ye(ge(Oe(n),n.handleMouseMove),30),n.on("mousedown",n.handleMouseDown),n.on("touchstart",n.handleMouseDown),n.on(n.volumeBar,["focus","slideractive"],function(){n.volumeBar.addClass("vjs-slider-active"),n.addClass("vjs-slider-active"),n.trigger("slideractive")}),n.on(n.volumeBar,["blur","sliderinactive"],function(){n.volumeBar.removeClass("vjs-slider-active"),n.removeClass("vjs-slider-active"),n.trigger("sliderinactive")}),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e="vjs-volume-horizontal";return this.options_.vertical&&(e="vjs-volume-vertical"),i.prototype.createEl.call(this,"div",{className:"vjs-volume-control vjs-control "+e})},t.handleMouseDown=function(e){var t=this.el_.ownerDocument;this.on(t,"mousemove",this.throttledHandleMouseMove),this.on(t,"touchmove",this.throttledHandleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchend",this.handleMouseUp)},t.handleMouseUp=function(e){var t=this.el_.ownerDocument;this.off(t,"mousemove",this.throttledHandleMouseMove),this.off(t,"touchmove",this.throttledHandleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchend",this.handleMouseUp)},t.handleMouseMove=function(e){this.volumeBar.handleMouseMove(e)},e}(De);ui.prototype.options_={children:["volumeBar"]},De.registerComponent("VolumeControl",ui);var hi=function(i){function e(e,t){var n;return n=i.call(this,e,t)||this,function(e,t){t.tech_&&!t.tech_.featuresMuteControl&&e.addClass("vjs-hidden"),e.on(t,"loadstart",function(){t.tech_.featuresMuteControl?e.removeClass("vjs-hidden"):e.addClass("vjs-hidden")})}(Oe(n),e),n.on(e,["loadstart","volumechange"],n.update),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-mute-control "+i.prototype.buildCSSClass.call(this)},t.handleClick=function(e){var t=this.player_.volume(),n=this.player_.lastVolume_();if(0===t){var i=n<.1?.1:n;this.player_.volume(i),this.player_.muted(!1)}else this.player_.muted(!this.player_.muted())},t.update=function(e){this.updateIcon_(),this.updateControlText_()},t.updateIcon_=function(){var e=this.player_.volume(),t=3;ot&&this.player_.tech_&&this.player_.tech_.el_&&this.player_.muted(this.player_.tech_.el_.muted),0===e||this.player_.muted()?t=0:e<.33?t=1:e<.67&&(t=2);for(var n=0;n<4;n++)x(this.el_,"vjs-vol-"+n);w(this.el_,"vjs-vol-"+t)},t.updateControlText_=function(){var e=this.player_.muted()||0===this.player_.volume()?"Unmute":"Mute";this.controlText()!==e&&this.controlText(e)},e}(Rn);hi.prototype.controlText_="Mute",De.registerComponent("MuteToggle",hi);var di=function(i){function e(e,t){var n;return void 0===t&&(t={}),"undefined"!=typeof t.inline?t.inline=t.inline:t.inline=!0,"undefined"!=typeof t.volumeControl&&!l(t.volumeControl)||(t.volumeControl=t.volumeControl||{},t.volumeControl.vertical=!t.inline),(n=i.call(this,e,t)||this).on(e,["loadstart"],n.volumePanelState_),n.on(n.muteToggle,"keyup",n.handleKeyPress),n.on(n.volumeControl,"keyup",n.handleVolumeControlKeyUp),n.on("keydown",n.handleKeyPress),n.on("mouseover",n.handleMouseOver),n.on("mouseout",n.handleMouseOut),n.on(n.volumeControl,["slideractive"],n.sliderActive_),n.on(n.volumeControl,["sliderinactive"],n.sliderInactive_),n}Ve(e,i);var t=e.prototype;return t.sliderActive_=function(){this.addClass("vjs-slider-active")},t.sliderInactive_=function(){this.removeClass("vjs-slider-active")},t.volumePanelState_=function(){this.volumeControl.hasClass("vjs-hidden")&&this.muteToggle.hasClass("vjs-hidden")&&this.addClass("vjs-hidden"),this.volumeControl.hasClass("vjs-hidden")&&!this.muteToggle.hasClass("vjs-hidden")&&this.addClass("vjs-mute-toggle-only")},t.createEl=function(){var e="vjs-volume-panel-horizontal";return this.options_.inline||(e="vjs-volume-panel-vertical"),i.prototype.createEl.call(this,"div",{className:"vjs-volume-panel vjs-control "+e})},t.dispose=function(){this.handleMouseOut(),i.prototype.dispose.call(this)},t.handleVolumeControlKeyUp=function(e){xt.isEventKey(e,"Esc")&&this.muteToggle.focus()},t.handleMouseOver=function(e){this.addClass("vjs-hover"),he(d,"keyup",ge(this,this.handleKeyPress))},t.handleMouseOut=function(e){this.removeClass("vjs-hover"),de(d,"keyup",ge(this,this.handleKeyPress))},t.handleKeyPress=function(e){xt.isEventKey(e,"Esc")&&this.handleMouseOut()},e}(De);di.prototype.options_={children:["muteToggle","volumeControl"]},De.registerComponent("VolumePanel",di);var pi=function(i){function e(e,t){var n;return n=i.call(this,e,t)||this,t&&(n.menuButton_=t.menuButton),n.focusedChild_=-1,n.on("keydown",n.handleKeyDown),n.boundHandleBlur_=ge(Oe(n),n.handleBlur),n.boundHandleTapClick_=ge(Oe(n),n.handleTapClick),n}Ve(e,i);var t=e.prototype;return t.addEventListenerForItem=function(e){e instanceof De&&(this.on(e,"blur",this.boundHandleBlur_),this.on(e,["tap","click"],this.boundHandleTapClick_))},t.removeEventListenerForItem=function(e){e instanceof De&&(this.off(e,"blur",this.boundHandleBlur_),this.off(e,["tap","click"],this.boundHandleTapClick_))},t.removeChild=function(e){"string"==typeof e&&(e=this.getChild(e)),this.removeEventListenerForItem(e),i.prototype.removeChild.call(this,e)},t.addItem=function(e){var t=this.addChild(e);t&&this.addEventListenerForItem(t)},t.createEl=function(){var e=this.options_.contentElType||"ul";this.contentEl_=k(e,{className:"vjs-menu-content"}),this.contentEl_.setAttribute("role","menu");var t=i.prototype.createEl.call(this,"div",{append:this.contentEl_,className:"vjs-menu"});return t.appendChild(this.contentEl_),he(t,"click",function(e){e.preventDefault(),e.stopImmediatePropagation()}),t},t.dispose=function(){this.contentEl_=null,this.boundHandleBlur_=null,this.boundHandleTapClick_=null,i.prototype.dispose.call(this)},t.handleBlur=function(e){var t=e.relatedTarget||d.activeElement;if(!this.children().some(function(e){return e.el()===t})){var n=this.menuButton_;n&&n.buttonPressed_&&t!==n.el().firstChild&&n.unpressButton()}},t.handleTapClick=function(t){if(this.menuButton_){this.menuButton_.unpressButton();var e=this.children();if(!Array.isArray(e))return;var n=e.filter(function(e){return e.el()===t.target})[0];if(!n)return;"CaptionSettingsMenuItem"!==n.name()&&this.menuButton_.focus()}},t.handleKeyDown=function(e){xt.isEventKey(e,"Left")||xt.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):(xt.isEventKey(e,"Right")||xt.isEventKey(e,"Up"))&&(e.preventDefault(),e.stopPropagation(),this.stepBack())},t.stepForward=function(){var e=0;void 0!==this.focusedChild_&&(e=this.focusedChild_+1),this.focus(e)},t.stepBack=function(){var e=0;void 0!==this.focusedChild_&&(e=this.focusedChild_-1),this.focus(e)},t.focus=function(e){void 0===e&&(e=0);var t=this.children().slice();t.length&&t[0].className&&/vjs-menu-title/.test(t[0].className)&&t.shift(),0<t.length&&(e<0?e=0:e>=t.length&&(e=t.length-1),t[this.focusedChild_=e].el_.focus())},e}(De);De.registerComponent("Menu",pi);var fi=function(r){function e(e,t){var n;void 0===t&&(t={}),(n=r.call(this,e,t)||this).menuButton_=new Rn(e,t),n.menuButton_.controlText(n.controlText_),n.menuButton_.el_.setAttribute("aria-haspopup","true");var i=Rn.prototype.buildCSSClass();return n.menuButton_.el_.className=n.buildCSSClass()+" "+i,n.menuButton_.removeClass("vjs-control"),n.addChild(n.menuButton_),n.update(),n.enabled_=!0,n.on(n.menuButton_,"tap",n.handleClick),n.on(n.menuButton_,"click",n.handleClick),n.on(n.menuButton_,"keydown",n.handleKeyDown),n.on(n.menuButton_,"mouseenter",function(){n.addClass("vjs-hover"),n.menu.show(),he(d,"keyup",ge(Oe(n),n.handleMenuKeyUp))}),n.on("mouseleave",n.handleMouseLeave),n.on("keydown",n.handleSubmenuKeyDown),n}Ve(e,r);var t=e.prototype;return t.update=function(){var e=this.createMenu();this.menu&&(this.menu.dispose(),this.removeChild(this.menu)),this.menu=e,this.addChild(e),this.buttonPressed_=!1,this.menuButton_.el_.setAttribute("aria-expanded","false"),this.items&&this.items.length<=this.hideThreshold_?this.hide():this.show()},t.createMenu=function(){var e=new pi(this.player_,{menuButton:this});if(this.hideThreshold_=0,this.options_.title){var t=k("li",{className:"vjs-menu-title",innerHTML:Le(this.options_.title),tabIndex:-1});this.hideThreshold_+=1;var n=new De(this.player_,{el:t});e.addItem(n)}if(this.items=this.createItems(),this.items)for(var i=0;i<this.items.length;i++)e.addItem(this.items[i]);return e},t.createItems=function(){},t.createEl=function(){return r.prototype.createEl.call(this,"div",{className:this.buildWrapperCSSClass()},{})},t.buildWrapperCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+Rn.prototype.buildCSSClass()+" "+r.prototype.buildCSSClass.call(this)},t.buildCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+r.prototype.buildCSSClass.call(this)},t.controlText=function(e,t){return void 0===t&&(t=this.menuButton_.el()),this.menuButton_.controlText(e,t)},t.dispose=function(){this.handleMouseLeave(),r.prototype.dispose.call(this)},t.handleClick=function(e){this.buttonPressed_?this.unpressButton():this.pressButton()},t.handleMouseLeave=function(e){this.removeClass("vjs-hover"),de(d,"keyup",ge(this,this.handleMenuKeyUp))},t.focus=function(){this.menuButton_.focus()},t.blur=function(){this.menuButton_.blur()},t.handleKeyDown=function(e){xt.isEventKey(e,"Esc")||xt.isEventKey(e,"Tab")?(this.buttonPressed_&&this.unpressButton(),xt.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus())):(xt.isEventKey(e,"Up")||xt.isEventKey(e,"Down"))&&(this.buttonPressed_||(e.preventDefault(),this.pressButton()))},t.handleMenuKeyUp=function(e){(xt.isEventKey(e,"Esc")||xt.isEventKey(e,"Tab"))&&this.removeClass("vjs-hover")},t.handleSubmenuKeyPress=function(e){this.handleSubmenuKeyDown(e)},t.handleSubmenuKeyDown=function(e){(xt.isEventKey(e,"Esc")||xt.isEventKey(e,"Tab"))&&(this.buttonPressed_&&this.unpressButton(),xt.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus()))},t.pressButton=function(){if(this.enabled_){if(this.buttonPressed_=!0,this.menu.show(),this.menu.lockShowing(),this.menuButton_.el_.setAttribute("aria-expanded","true"),ot&&b())return;this.menu.focus()}},t.unpressButton=function(){this.enabled_&&(this.buttonPressed_=!1,this.menu.unlockShowing(),this.menu.hide(),this.menuButton_.el_.setAttribute("aria-expanded","false"))},t.disable=function(){this.unpressButton(),this.enabled_=!1,this.addClass("vjs-disabled"),this.menuButton_.disable()},t.enable=function(){this.enabled_=!0,this.removeClass("vjs-disabled"),this.menuButton_.enable()},e}(De);De.registerComponent("MenuButton",fi);var vi=function(s){function e(e,t){var n,i=t.tracks;if((n=s.call(this,e,t)||this).items.length<=1&&n.hide(),!i)return Oe(n);var r=ge(Oe(n),n.update);return i.addEventListener("removetrack",r),i.addEventListener("addtrack",r),n.player_.on("ready",r),n.player_.on("dispose",function(){i.removeEventListener("removetrack",r),i.removeEventListener("addtrack",r)}),n}return Ve(e,s),e}(fi);De.registerComponent("TrackButton",vi);var gi=["Tab","Esc","Up","Down","Right","Left"],yi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).selectable=t.selectable,n.isSelected_=t.selected||!1,n.multiSelectable=t.multiSelectable,n.selected(n.isSelected_),n.selectable?n.multiSelectable?n.el_.setAttribute("role","menuitemcheckbox"):n.el_.setAttribute("role","menuitemradio"):n.el_.setAttribute("role","menuitem"),n}Ve(e,i);var t=e.prototype;return t.createEl=function(e,t,n){return this.nonIconControl=!0,i.prototype.createEl.call(this,"li",g({className:"vjs-menu-item",innerHTML:'<span class="vjs-menu-item-text">'+this.localize(this.options_.label)+"</span>",tabIndex:-1},t),n)},t.handleKeyDown=function(t){gi.some(function(e){return xt.isEventKey(t,e)})||i.prototype.handleKeyDown.call(this,t)},t.handleClick=function(e){this.selected(!0)},t.selected=function(e){this.selectable&&(e?(this.addClass("vjs-selected"),this.el_.setAttribute("aria-checked","true"),this.controlText(", selected"),this.isSelected_=!0):(this.removeClass("vjs-selected"),this.el_.setAttribute("aria-checked","false"),this.controlText(""),this.isSelected_=!1))},e}(Pn);De.registerComponent("MenuItem",yi);var _i=function(l){function e(e,t){var i,n=t.track,r=e.textTracks();t.label=n.label||n.language||"Unknown",t.selected="showing"===n.mode,(i=l.call(this,e,t)||this).track=n,i.kinds=(t.kinds||[t.kind||i.track.kind]).filter(Boolean);function s(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];i.handleTracksChange.apply(Oe(i),t)}function o(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];i.handleSelectedLanguageChange.apply(Oe(i),t)}var a;e.on(["loadstart","texttrackchange"],s),r.addEventListener("change",s),r.addEventListener("selectedlanguagechange",o),i.on("dispose",function(){e.off(["loadstart","texttrackchange"],s),r.removeEventListener("change",s),r.removeEventListener("selectedlanguagechange",o)}),void 0===r.onchange&&i.on(["tap","click"],function(){if("object"!=typeof h.Event)try{a=new h.Event("change")}catch(e){}a||(a=d.createEvent("Event")).initEvent("change",!0,!0),r.dispatchEvent(a)});return i.handleTracksChange(),i}Ve(e,l);var t=e.prototype;return t.handleClick=function(e){var t=this.track,n=this.player_.textTracks();if(l.prototype.handleClick.call(this,e),n)for(var i=0;i<n.length;i++){var r=n[i];-1!==this.kinds.indexOf(r.kind)&&(r===t?"showing"!==r.mode&&(r.mode="showing"):"disabled"!==r.mode&&(r.mode="disabled"))}},t.handleTracksChange=function(e){var t="showing"===this.track.mode;t!==this.isSelected_&&this.selected(t)},t.handleSelectedLanguageChange=function(e){if("showing"===this.track.mode){var t=this.player_.cache_.selectedLanguage;if(t&&t.enabled&&t.language===this.track.language&&t.kind!==this.track.kind)return;this.player_.cache_.selectedLanguage={enabled:!0,language:this.track.language,kind:this.track.kind}}},t.dispose=function(){this.track=null,l.prototype.dispose.call(this)},e}(yi);De.registerComponent("TextTrackMenuItem",_i);var mi=function(n){function e(e,t){return t.track={player:e,kind:t.kind,kinds:t.kinds,default:!1,mode:"disabled"},t.kinds||(t.kinds=[t.kind]),t.label?t.track.label=t.label:t.track.label=t.kinds.join(" and ")+" off",t.selectable=!0,t.multiSelectable=!1,n.call(this,e,t)||this}Ve(e,n);var t=e.prototype;return t.handleTracksChange=function(e){for(var t=this.player().textTracks(),n=!0,i=0,r=t.length;i<r;i++){var s=t[i];if(-1<this.options_.kinds.indexOf(s.kind)&&"showing"===s.mode){n=!1;break}}n!==this.isSelected_&&this.selected(n)},t.handleSelectedLanguageChange=function(e){for(var t=this.player().textTracks(),n=!0,i=0,r=t.length;i<r;i++){var s=t[i];if(-1<["captions","descriptions","subtitles"].indexOf(s.kind)&&"showing"===s.mode){n=!1;break}}n&&(this.player_.cache_.selectedLanguage={enabled:!1})},e}(_i);De.registerComponent("OffTextTrackMenuItem",mi);var bi=function(n){function e(e,t){return void 0===t&&(t={}),t.tracks=e.textTracks(),n.call(this,e,t)||this}return Ve(e,n),e.prototype.createItems=function(e,t){var n;void 0===e&&(e=[]),void 0===t&&(t=_i),this.label_&&(n=this.label_+" off"),e.push(new mi(this.player_,{kinds:this.kinds_,kind:this.kind_,label:n})),this.hideThreshold_+=1;var i=this.player_.textTracks();Array.isArray(this.kinds_)||(this.kinds_=[this.kind_]);for(var r=0;r<i.length;r++){var s=i[r];if(-1<this.kinds_.indexOf(s.kind)){var o=new t(this.player_,{track:s,kinds:this.kinds_,kind:this.kind_,selectable:!0,multiSelectable:!1});o.addClass("vjs-"+s.kind+"-menu-item"),e.push(o)}}return e},e}(vi);De.registerComponent("TextTrackButton",bi);var Ti=function(o){function e(e,t){var n,i=t.track,r=t.cue,s=e.currentTime();return t.selectable=!0,t.multiSelectable=!1,t.label=r.text,t.selected=r.startTime<=s&&s<r.endTime,(n=o.call(this,e,t)||this).track=i,n.cue=r,i.addEventListener("cuechange",ge(Oe(n),n.update)),n}Ve(e,o);var t=e.prototype;return t.handleClick=function(e){o.prototype.handleClick.call(this),this.player_.currentTime(this.cue.startTime),this.update(this.cue.startTime)},t.update=function(e){var t=this.cue,n=this.player_.currentTime();this.selected(t.startTime<=n&&n<t.endTime)},e}(yi);De.registerComponent("ChaptersTrackMenuItem",Ti);var ki=function(i){function e(e,t,n){return i.call(this,e,t,n)||this}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-chapters-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-chapters-button "+i.prototype.buildWrapperCSSClass.call(this)},t.update=function(e){this.track_&&(!e||"addtrack"!==e.type&&"removetrack"!==e.type)||this.setTrack(this.findChaptersTrack()),i.prototype.update.call(this)},t.setTrack=function(e){if(this.track_!==e){if(this.updateHandler_||(this.updateHandler_=this.update.bind(this)),this.track_){var t=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);t&&t.removeEventListener("load",this.updateHandler_),this.track_=null}if(this.track_=e,this.track_){this.track_.mode="hidden";var n=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);n&&n.addEventListener("load",this.updateHandler_)}}},t.findChaptersTrack=function(){for(var e=this.player_.textTracks()||[],t=e.length-1;0<=t;t--){var n=e[t];if(n.kind===this.kind_)return n}},t.getMenuCaption=function(){return this.track_&&this.track_.label?this.track_.label:this.localize(Le(this.kind_))},t.createMenu=function(){return this.options_.title=this.getMenuCaption(),i.prototype.createMenu.call(this)},t.createItems=function(){var e=[];if(!this.track_)return e;var t=this.track_.cues;if(!t)return e;for(var n=0,i=t.length;n<i;n++){var r=t[n],s=new Ti(this.player_,{track:this.track_,cue:r});e.push(s)}return e},e}(bi);ki.prototype.kind_="chapters",ki.prototype.controlText_="Chapters",De.registerComponent("ChaptersButton",ki);var Ci=function(o){function e(e,t,n){var i;i=o.call(this,e,t,n)||this;var r=e.textTracks(),s=ge(Oe(i),i.handleTracksChange);return r.addEventListener("change",s),i.on("dispose",function(){r.removeEventListener("change",s)}),i}Ve(e,o);var t=e.prototype;return t.handleTracksChange=function(e){for(var t=this.player().textTracks(),n=!1,i=0,r=t.length;i<r;i++){var s=t[i];if(s.kind!==this.kind_&&"showing"===s.mode){n=!0;break}}n?this.disable():this.enable()},t.buildCSSClass=function(){return"vjs-descriptions-button "+o.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-descriptions-button "+o.prototype.buildWrapperCSSClass.call(this)},e}(bi);Ci.prototype.kind_="descriptions",Ci.prototype.controlText_="Descriptions",De.registerComponent("DescriptionsButton",Ci);var Ei=function(i){function e(e,t,n){return i.call(this,e,t,n)||this}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-subtitles-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-subtitles-button "+i.prototype.buildWrapperCSSClass.call(this)},e}(bi);Ei.prototype.kind_="subtitles",Ei.prototype.controlText_="Subtitles",De.registerComponent("SubtitlesButton",Ei);var Si=function(i){function e(e,t){var n;return t.track={player:e,kind:t.kind,label:t.kind+" settings",selectable:!1,default:!1,mode:"disabled"},t.selectable=!1,t.name="CaptionSettingsMenuItem",(n=i.call(this,e,t)||this).addClass("vjs-texttrack-settings"),n.controlText(", opens "+t.kind+" settings dialog"),n}return Ve(e,i),e.prototype.handleClick=function(e){this.player().getChild("textTrackSettings").open()},e}(_i);De.registerComponent("CaptionSettingsMenuItem",Si);var wi=function(i){function e(e,t,n){return i.call(this,e,t,n)||this}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-captions-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-captions-button "+i.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new Si(this.player_,{kind:this.kind_})),this.hideThreshold_+=1),i.prototype.createItems.call(this,e)},e}(bi);wi.prototype.kind_="captions",wi.prototype.controlText_="Captions",De.registerComponent("CaptionsButton",wi);var xi=function(r){function e(){return r.apply(this,arguments)||this}return Ve(e,r),e.prototype.createEl=function(e,t,n){var i='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"captions"===this.options_.track.kind&&(i+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Captions")+"</span>\n      "),i+="</span>",r.prototype.createEl.call(this,e,g({innerHTML:i},t),n)},e}(_i);De.registerComponent("SubsCapsMenuItem",xi);var ji=function(i){function e(e,t){var n;return void 0===t&&(t={}),(n=i.call(this,e,t)||this).label_="subtitles",-1<["en","en-us","en-ca","fr-ca"].indexOf(n.player_.language_)&&(n.label_="captions"),n.menuButton_.controlText(Le(n.label_)),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-subs-caps-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-subs-caps-button "+i.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new Si(this.player_,{kind:this.label_})),this.hideThreshold_+=1),e=i.prototype.createItems.call(this,e,xi)},e}(bi);ji.prototype.kinds_=["captions","subtitles"],ji.prototype.controlText_="Subtitles",De.registerComponent("SubsCapsButton",ji);var Pi=function(o){function e(e,t){var i,n=t.track,r=e.audioTracks();t.label=n.label||n.language||"Unknown",t.selected=n.enabled,(i=o.call(this,e,t)||this).track=n,i.addClass("vjs-"+n.kind+"-menu-item");function s(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];i.handleTracksChange.apply(Oe(i),t)}return r.addEventListener("change",s),i.on("dispose",function(){r.removeEventListener("change",s)}),i}Ve(e,o);var t=e.prototype;return t.createEl=function(e,t,n){var i='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"main-desc"===this.options_.track.kind&&(i+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Descriptions")+"</span>\n      "),i+="</span>",o.prototype.createEl.call(this,e,g({innerHTML:i},t),n)},t.handleClick=function(e){var t=this.player_.audioTracks();o.prototype.handleClick.call(this,e);for(var n=0;n<t.length;n++){var i=t[n];i.enabled=i===this.track}},t.handleTracksChange=function(e){this.selected(this.track.enabled)},e}(yi);De.registerComponent("AudioTrackMenuItem",Pi);var Ai=function(n){function e(e,t){return void 0===t&&(t={}),t.tracks=e.audioTracks(),n.call(this,e,t)||this}Ve(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-audio-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-audio-button "+n.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(e){void 0===e&&(e=[]),this.hideThreshold_=1;for(var t=this.player_.audioTracks(),n=0;n<t.length;n++){var i=t[n];e.push(new Pi(this.player_,{track:i,selectable:!0,multiSelectable:!1}))}return e},e}(vi);Ai.prototype.controlText_="Audio Track",De.registerComponent("AudioTrackButton",Ai);var Ii=function(s){function e(e,t){var n,i=t.rate,r=parseFloat(i,10);return t.label=i,t.selected=1===r,t.selectable=!0,t.multiSelectable=!1,(n=s.call(this,e,t)||this).label=i,n.rate=r,n.on(e,"ratechange",n.update),n}Ve(e,s);var t=e.prototype;return t.handleClick=function(e){s.prototype.handleClick.call(this),this.player().playbackRate(this.rate)},t.update=function(e){this.selected(this.player().playbackRate()===this.rate)},e}(yi);Ii.prototype.contentElType="button",De.registerComponent("PlaybackRateMenuItem",Ii);var Mi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).updateVisibility(),n.updateLabel(),n.on(e,"loadstart",n.updateVisibility),n.on(e,"ratechange",n.updateLabel),n}Ve(e,i);var t=e.prototype;return t.createEl=function(){var e=i.prototype.createEl.call(this);return this.labelEl_=k("div",{className:"vjs-playback-rate-value",innerHTML:"1x"}),e.appendChild(this.labelEl_),e},t.dispose=function(){this.labelEl_=null,i.prototype.dispose.call(this)},t.buildCSSClass=function(){return"vjs-playback-rate "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-playback-rate "+i.prototype.buildWrapperCSSClass.call(this)},t.createMenu=function(){var e=new pi(this.player()),t=this.playbackRates();if(t)for(var n=t.length-1;0<=n;n--)e.addChild(new Ii(this.player(),{rate:t[n]+"x"}));return e},t.updateARIAAttributes=function(){this.el().setAttribute("aria-valuenow",this.player().playbackRate())},t.handleClick=function(e){for(var t=this.player().playbackRate(),n=this.playbackRates(),i=n[0],r=0;r<n.length;r++)if(n[r]>t){i=n[r];break}this.player().playbackRate(i)},t.playbackRates=function(){return this.options_.playbackRates||this.options_.playerOptions&&this.options_.playerOptions.playbackRates},t.playbackRateSupported=function(){return this.player().tech_&&this.player().tech_.featuresPlaybackRate&&this.playbackRates()&&0<this.playbackRates().length},t.updateVisibility=function(e){this.playbackRateSupported()?this.removeClass("vjs-hidden"):this.addClass("vjs-hidden")},t.updateLabel=function(e){this.playbackRateSupported()&&(this.labelEl_.innerHTML=this.player().playbackRate()+"x")},e}(fi);Mi.prototype.controlText_="Playback Rate",De.registerComponent("PlaybackRateMenuButton",Mi);var Li=function(e){function t(){return e.apply(this,arguments)||this}Ve(t,e);var n=t.prototype;return n.buildCSSClass=function(){return"vjs-spacer "+e.prototype.buildCSSClass.call(this)},n.createEl=function(){return e.prototype.createEl.call(this,"div",{className:this.buildCSSClass()})},t}(De);De.registerComponent("Spacer",Li);var Ni=function(t){function e(){return t.apply(this,arguments)||this}Ve(e,t);var n=e.prototype;return n.buildCSSClass=function(){return"vjs-custom-control-spacer "+t.prototype.buildCSSClass.call(this)},n.createEl=function(){var e=t.prototype.createEl.call(this,{className:this.buildCSSClass()});return e.innerHTML=" ",e},e}(Li);De.registerComponent("CustomControlSpacer",Ni);var Di=function(e){function t(){return e.apply(this,arguments)||this}return Ve(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-control-bar",dir:"ltr"})},t}(De);Di.prototype.options_={children:["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","liveDisplay","seekToLive","remainingTimeDisplay","customControlSpacer","playbackRateMenuButton","chaptersButton","descriptionsButton","subsCapsButton","audioTrackButton","fullscreenToggle"]},"exitPictureInPicture"in d&&Di.prototype.options_.children.splice(Di.prototype.options_.children.length-1,0,"pictureInPictureToggle"),De.registerComponent("ControlBar",Di);var Oi=function(i){function e(e,t){var n;return(n=i.call(this,e,t)||this).on(e,"error",n.open),n}Ve(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-error-display "+i.prototype.buildCSSClass.call(this)},t.content=function(){var e=this.player().error();return e?this.localize(e.message):""},e}(Pt);Oi.prototype.options_=r({},Pt.prototype.options_,{pauseOnOpen:!1,fillAlways:!0,temporary:!1,uncloseable:!0}),De.registerComponent("ErrorDisplay",Oi);var Ri="vjs-text-track-settings",Fi=["#000","Black"],Bi=["#00F","Blue"],Hi=["#0FF","Cyan"],Vi=["#0F0","Green"],Ki=["#F0F","Magenta"],Wi=["#F00","Red"],zi=["#FFF","White"],Ui=["#FF0","Yellow"],qi=["1","Opaque"],Xi=["0.5","Semi-Transparent"],$i=["0","Transparent"],Gi={backgroundColor:{selector:".vjs-bg-color > select",id:"captions-background-color-%s",label:"Color",options:[Fi,zi,Wi,Vi,Bi,Ui,Ki,Hi]},backgroundOpacity:{selector:".vjs-bg-opacity > select",id:"captions-background-opacity-%s",label:"Transparency",options:[qi,Xi,$i]},color:{selector:".vjs-fg-color > select",id:"captions-foreground-color-%s",label:"Color",options:[zi,Fi,Wi,Vi,Bi,Ui,Ki,Hi]},edgeStyle:{selector:".vjs-edge-style > select",id:"%s",label:"Text Edge Style",options:[["none","None"],["raised","Raised"],["depressed","Depressed"],["uniform","Uniform"],["dropshadow","Dropshadow"]]},fontFamily:{selector:".vjs-font-family > select",id:"captions-font-family-%s",label:"Font Family",options:[["proportionalSansSerif","Proportional Sans-Serif"],["monospaceSansSerif","Monospace Sans-Serif"],["proportionalSerif","Proportional Serif"],["monospaceSerif","Monospace Serif"],["casual","Casual"],["script","Script"],["small-caps","Small Caps"]]},fontPercent:{selector:".vjs-font-percent > select",id:"captions-font-size-%s",label:"Font Size",options:[["0.50","50%"],["0.75","75%"],["1.00","100%"],["1.25","125%"],["1.50","150%"],["1.75","175%"],["2.00","200%"],["3.00","300%"],["4.00","400%"]],default:2,parser:function(e){return"1.00"===e?null:Number(e)}},textOpacity:{selector:".vjs-text-opacity > select",id:"captions-foreground-opacity-%s",label:"Transparency",options:[qi,Xi]},windowColor:{selector:".vjs-window-color > select",id:"captions-window-color-%s",label:"Color"},windowOpacity:{selector:".vjs-window-opacity > select",id:"captions-window-opacity-%s",label:"Transparency",options:[$i,Xi,qi]}};function Yi(e,t){if(t&&(e=t(e)),e&&"none"!==e)return e}Gi.windowColor.options=Gi.backgroundColor.options;var Qi=function(i){function e(e,t){var n;return t.temporary=!1,(n=i.call(this,e,t)||this).updateDisplay=ge(Oe(n),n.updateDisplay),n.fill(),n.hasBeenOpened_=n.hasBeenFilled_=!0,n.endDialog=k("p",{className:"vjs-control-text",textContent:n.localize("End of dialog window.")}),n.el().appendChild(n.endDialog),n.setDefaults(),void 0===t.persistTextTrackSettings&&(n.options_.persistTextTrackSettings=n.options_.playerOptions.persistTextTrackSettings),n.on(n.$(".vjs-done-button"),"click",function(){n.saveSettings(),n.close()}),n.on(n.$(".vjs-default-button"),"click",function(){n.setDefaults(),n.updateDisplay()}),o(Gi,function(e){n.on(n.$(e.selector),"change",n.updateDisplay)}),n.options_.persistTextTrackSettings&&n.restoreSettings(),n}Ve(e,i);var t=e.prototype;return t.dispose=function(){this.endDialog=null,i.prototype.dispose.call(this)},t.createElSelect_=function(e,t,n){var i=this;void 0===t&&(t=""),void 0===n&&(n="label");var r=Gi[e],s=r.id.replace("%s",this.id_),o=[t,s].join(" ").trim();return["<"+n+' id="'+s+'" class="'+("label"===n?"vjs-label":"")+'">',this.localize(r.label),"</"+n+">",'<select aria-labelledby="'+o+'">'].concat(r.options.map(function(e){var t=s+"-"+e[1].replace(/\W+/g,"");return['<option id="'+t+'" value="'+e[0]+'" ','aria-labelledby="'+o+" "+t+'">',i.localize(e[1]),"</option>"].join("")})).concat("</select>").join("")},t.createElFgColor_=function(){var e="captions-text-legend-"+this.id_;return['<fieldset class="vjs-fg-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Text"),"</legend>",this.createElSelect_("color",e),'<span class="vjs-text-opacity vjs-opacity">',this.createElSelect_("textOpacity",e),"</span>","</fieldset>"].join("")},t.createElBgColor_=function(){var e="captions-background-"+this.id_;return['<fieldset class="vjs-bg-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Background"),"</legend>",this.createElSelect_("backgroundColor",e),'<span class="vjs-bg-opacity vjs-opacity">',this.createElSelect_("backgroundOpacity",e),"</span>","</fieldset>"].join("")},t.createElWinColor_=function(){var e="captions-window-"+this.id_;return['<fieldset class="vjs-window-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Window"),"</legend>",this.createElSelect_("windowColor",e),'<span class="vjs-window-opacity vjs-opacity">',this.createElSelect_("windowOpacity",e),"</span>","</fieldset>"].join("")},t.createElColors_=function(){return k("div",{className:"vjs-track-settings-colors",innerHTML:[this.createElFgColor_(),this.createElBgColor_(),this.createElWinColor_()].join("")})},t.createElFont_=function(){return k("div",{className:"vjs-track-settings-font",innerHTML:['<fieldset class="vjs-font-percent vjs-track-setting">',this.createElSelect_("fontPercent","","legend"),"</fieldset>",'<fieldset class="vjs-edge-style vjs-track-setting">',this.createElSelect_("edgeStyle","","legend"),"</fieldset>",'<fieldset class="vjs-font-family vjs-track-setting">',this.createElSelect_("fontFamily","","legend"),"</fieldset>"].join("")})},t.createElControls_=function(){var e=this.localize("restore all settings to the default values");return k("div",{className:"vjs-track-settings-controls",innerHTML:['<button type="button" class="vjs-default-button" title="'+e+'">',this.localize("Reset"),'<span class="vjs-control-text"> '+e+"</span>","</button>",'<button type="button" class="vjs-done-button">'+this.localize("Done")+"</button>"].join("")})},t.content=function(){return[this.createElColors_(),this.createElFont_(),this.createElControls_()]},t.label=function(){return this.localize("Caption Settings Dialog")},t.description=function(){return this.localize("Beginning of dialog window. Escape will cancel and close the window.")},t.buildCSSClass=function(){return i.prototype.buildCSSClass.call(this)+" vjs-text-track-settings"},t.getValues=function(){var r=this;return function(n,i,e){return void 0===e&&(e=0),s(n).reduce(function(e,t){return i(e,n[t],t)},e)}(Gi,function(e,t,n){var i=function(e,t){return Yi(e.options[e.options.selectedIndex].value,t)}(r.$(t.selector),t.parser);return void 0!==i&&(e[n]=i),e},{})},t.setValues=function(n){var i=this;o(Gi,function(e,t){!function(e,t,n){if(t)for(var i=0;i<e.options.length;i++)if(Yi(e.options[i].value,n)===t){e.selectedIndex=i;break}}(i.$(e.selector),n[t],e.parser)})},t.setDefaults=function(){var n=this;o(Gi,function(e){var t=e.hasOwnProperty("default")?e.default:0;n.$(e.selector).selectedIndex=t})},t.restoreSettings=function(){var e;try{e=JSON.parse(h.localStorage.getItem(Ri))}catch(e){f.warn(e)}e&&this.setValues(e)},t.saveSettings=function(){if(this.options_.persistTextTrackSettings){var e=this.getValues();try{Object.keys(e).length?h.localStorage.setItem(Ri,JSON.stringify(e)):h.localStorage.removeItem(Ri)}catch(e){f.warn(e)}}},t.updateDisplay=function(){var e=this.player_.getChild("textTrackDisplay");e&&e.updateDisplay()},t.conditionalBlur_=function(){this.previouslyActiveEl_=null;var e=this.player_.controlBar,t=e&&e.subsCapsButton,n=e&&e.captionsButton;t?t.focus():n&&n.focus()},e}(Pt);De.registerComponent("TextTrackSettings",Qi);var Ji=function(s){function e(e,t){var n,i=t.ResizeObserver||h.ResizeObserver;null===t.ResizeObserver&&(i=!1);var r=Ne({createEl:!i,reportTouchActivity:!1},t);return(n=s.call(this,e,r)||this).ResizeObserver=t.ResizeObserver||h.ResizeObserver,n.loadListener_=null,n.resizeObserver_=null,n.debouncedHandler_=function(i,r,s,o){var a;void 0===o&&(o=h);function e(){var e=this,t=arguments,n=function(){n=a=null,s||i.apply(e,t)};!a&&s&&i.apply(e,t),o.clearTimeout(a),a=o.setTimeout(n,r)}return e.cancel=function(){o.clearTimeout(a),a=null},e}(function(){n.resizeHandler()},100,!1,Oe(n)),i?(n.resizeObserver_=new n.ResizeObserver(n.debouncedHandler_),n.resizeObserver_.observe(e.el())):(n.loadListener_=function(){if(n.el_&&n.el_.contentWindow){var e=n.debouncedHandler_,t=n.unloadListener_=function(){de(this,"resize",e),de(this,"unload",t),t=null};he(n.el_.contentWindow,"unload",t),he(n.el_.contentWindow,"resize",e)}},n.one("load",n.loadListener_)),n}Ve(e,s);var t=e.prototype;return t.createEl=function(){return s.prototype.createEl.call(this,"iframe",{className:"vjs-resize-manager",tabIndex:-1},{"aria-hidden":"true"})},t.resizeHandler=function(){this.player_&&this.player_.trigger&&this.player_.trigger("playerresize")},t.dispose=function(){this.debouncedHandler_&&this.debouncedHandler_.cancel(),this.resizeObserver_&&(this.player_.el()&&this.resizeObserver_.unobserve(this.player_.el()),this.resizeObserver_.disconnect()),this.loadListener_&&this.off("load",this.loadListener_),this.el_&&this.el_.contentWindow&&this.unloadListener_&&this.unloadListener_.call(this.el_.contentWindow),this.ResizeObserver=null,this.resizeObserver=null,this.debouncedHandler_=null,this.loadListener_=null,s.prototype.dispose.call(this)},e}(De);De.registerComponent("ResizeManager",Ji);var Zi=function(r){function e(e,t){var n,i=Ne({createEl:!1},t);return(n=r.call(this,e,i)||this).reset_(),n.on(n.player_,"durationchange",n.handleDurationchange),et&&"hidden"in d&&"visibilityState"in d&&n.on(d,"visibilitychange",n.handleVisibilityChange),n}Ve(e,r);var t=e.prototype;return t.handleVisibilityChange=function(){this.player_.duration()===1/0&&(d.hidden?this.stopTracking():this.startTracking())},t.isBehind_=function(){if(!this.timeupdateSeen_)return!1;var e=this.liveCurrentTime(),t=this.player_.currentTime(),n=2*this.seekableIncrement_+.07;return e!==1/0&&t<=e-n},t.trackLive_=function(){this.pastSeekEnd_=this.pastSeekEnd_;var e=this.player_.seekable();if(e&&e.length){var t=this.seekableEnd();t!==this.lastSeekEnd_&&(this.lastSeekEnd_&&(this.seekableIncrementList_=this.seekableIncrementList_.slice(-11),this.seekableIncrementList_.push(Math.abs(t-this.lastSeekEnd_)),3<this.seekableIncrementList_.length&&(this.seekableIncrement_=function(e){var t=Math.floor(e.length/2),n=[].concat(e).sort(function(e,t){return e-t});return e.length%2!=0?n[t]:(n[t-1]+n[t])/2}(this.seekableIncrementList_))),this.pastSeekEnd_=0,this.lastSeekEnd_=t,this.trigger("seekableendchange")),this.pastSeekEnd()>1.5*this.seekableIncrement_?this.pastSeekEnd_=0:this.pastSeekEnd_=this.pastSeekEnd()+.03,this.isBehind_()!==this.behindLiveEdge()&&(this.behindLiveEdge_=this.isBehind_(),this.trigger("liveedgechange"))}},t.handleDurationchange=function(){this.player_.duration()===1/0?this.startTracking():this.stopTracking()},t.startTracking=function(){var e=this;this.isTracking()||(this.timeupdateSeen_||(this.timeupdateSeen_=this.player_.hasStarted()),this.trackingInterval_=this.setInterval(this.trackLive_,30),this.trackLive_(),this.on(this.player_,"play",this.trackLive_),this.on(this.player_,"pause",this.trackLive_),this.timeupdateSeen_||(this.one(this.player_,"play",this.handlePlay),this.handleTimeupdate=function(){e.timeupdateSeen_=!0,e.handleTimeupdate=null},this.one(this.player_,"timeupdate",this.handleTimeupdate)))},t.handlePlay=function(){this.one(this.player_,"timeupdate",this.seekToLiveEdge)},t.reset_=function(){this.pastSeekEnd_=0,this.lastSeekEnd_=null,this.behindLiveEdge_=null,this.timeupdateSeen_=!1,this.clearInterval(this.trackingInterval_),this.trackingInterval_=null,this.seekableIncrement_=12,this.seekableIncrementList_=[],this.off(this.player_,"play",this.trackLive_),this.off(this.player_,"pause",this.trackLive_),this.off(this.player_,"play",this.handlePlay),this.off(this.player_,"timeupdate",this.seekToLiveEdge),this.handleTimeupdate&&(this.off(this.player_,"timeupdate",this.handleTimeupdate),this.handleTimeupdate=null)},t.stopTracking=function(){this.isTracking()&&this.reset_()},t.seekableEnd=function(){for(var e=this.player_.seekable(),t=[],n=e?e.length:0;n--;)t.push(e.end(n));return t.length?t.sort()[t.length-1]:1/0},t.seekableStart=function(){for(var e=this.player_.seekable(),t=[],n=e?e.length:0;n--;)t.push(e.start(n));return t.length?t.sort()[0]:0},t.liveWindow=function(){var e=this.liveCurrentTime();return e===1/0?1/0:e-this.seekableStart()},t.isLive=function(){return this.isTracking()},t.atLiveEdge=function(){return!this.behindLiveEdge()},t.liveCurrentTime=function(){return this.pastSeekEnd()+this.seekableEnd()},t.pastSeekEnd=function(){return this.pastSeekEnd_},t.behindLiveEdge=function(){return this.behindLiveEdge_},t.isTracking=function(){return"number"==typeof this.trackingInterval_},t.seekToLiveEdge=function(){this.atLiveEdge()||(this.player_.currentTime(this.liveCurrentTime()),this.player_.paused()&&this.player_.play())},t.dispose=function(){this.stopTracking(),r.prototype.dispose.call(this)},e}(De);De.registerComponent("LiveTracker",Zi);function er(e){var t=e.el();if(t.hasAttribute("src"))return e.triggerSourceset(t.src),!0;var n=e.$$("source"),i=[],r="";if(!n.length)return!1;for(var s=0;s<n.length;s++){var o=n[s].src;o&&-1===i.indexOf(o)&&i.push(o)}return!!i.length&&(1===i.length&&(r=i[0]),e.triggerSourceset(r),!0)}function tr(e,t){for(var n={},i=0;i<e.length&&!((n=Object.getOwnPropertyDescriptor(e[i],t))&&n.set&&n.get);i++);return n.enumerable=!0,n.configurable=!0,n}function nr(s){var o=s.el();if(!o.resetSourceWatch_){var t={},e=function(e){return tr([e.el(),h.HTMLMediaElement.prototype,h.Element.prototype,or],"innerHTML")}(s),n=function(r){return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=r.apply(o,t);return er(s),i}};["append","appendChild","insertAdjacentHTML"].forEach(function(e){o[e]&&(t[e]=o[e],o[e]=n(t[e]))}),Object.defineProperty(o,"innerHTML",Ne(e,{set:n(e.set)})),o.resetSourceWatch_=function(){o.resetSourceWatch_=null,Object.keys(t).forEach(function(e){o[e]=t[e]}),Object.defineProperty(o,"innerHTML",e)},s.one("sourceset",o.resetSourceWatch_)}}function ir(i){if(i.featuresSourceset){var r=i.el();if(!r.resetSourceset_){var n=function(e){return tr([e.el(),h.HTMLMediaElement.prototype,ar],"src")}(i),s=r.setAttribute,t=r.load;Object.defineProperty(r,"src",Ne(n,{set:function(e){var t=n.set.call(r,e);return i.triggerSourceset(r.src),t}})),r.setAttribute=function(e,t){var n=s.call(r,e,t);return/src/i.test(e)&&i.triggerSourceset(r.src),n},r.load=function(){var e=t.call(r);return er(i)||(i.triggerSourceset(""),nr(i)),e},r.currentSrc?i.triggerSourceset(r.currentSrc):er(i)||nr(i),r.resetSourceset_=function(){r.resetSourceset_=null,r.load=t,r.setAttribute=s,Object.defineProperty(r,"src",n),r.resetSourceWatch_&&r.resetSourceWatch_()}}}}function rr(t,n,i,e){function r(e){return Object.defineProperty(t,n,{value:e,enumerable:!0,writable:!0})}void 0===e&&(e=!0);var s={configurable:!0,enumerable:!0,get:function(){var e=i();return r(e),e}};return e&&(s.set=r),Object.defineProperty(t,n,s)}var sr,or=Object.defineProperty({},"innerHTML",{get:function(){return this.cloneNode(!0).innerHTML},set:function(e){var t=d.createElement(this.nodeName.toLowerCase());t.innerHTML=e;for(var n=d.createDocumentFragment();t.childNodes.length;)n.appendChild(t.childNodes[0]);return this.innerText="",h.Element.prototype.appendChild.call(this,n),this.innerHTML}}),ar=Object.defineProperty({},"src",{get:function(){return this.hasAttribute("src")?Dt(h.Element.prototype.getAttribute.call(this,"src")):""},set:function(e){return h.Element.prototype.setAttribute.call(this,"src",e),e}}),lr=function(u){function a(e,t){var n;n=u.call(this,e,t)||this;var i=e.source,r=!1;if(i&&(n.el_.currentSrc!==i.src||e.tag&&3===e.tag.initNetworkState_)?n.setSource(i):n.handleLateInit_(n.el_),e.enableSourceset&&n.setupSourcesetHandling_(),n.el_.hasChildNodes()){for(var s=n.el_.childNodes,o=s.length,a=[];o--;){var l=s[o];"track"===l.nodeName.toLowerCase()&&(n.featuresNativeTextTracks?(n.remoteTextTrackEls().addTrackElement_(l),n.remoteTextTracks().addTrack(l.track),n.textTracks().addTrack(l.track),r||n.el_.hasAttribute("crossorigin")||!Rt(l.src)||(r=!0)):a.push(l))}for(var c=0;c<a.length;c++)n.el_.removeChild(a[c])}return n.proxyNativeTracks_(),n.featuresNativeTextTracks&&r&&f.warn("Text Tracks are being loaded from another origin but the crossorigin attribute isn't used.\nThis may prevent text tracks from loading."),n.restoreMetadataTracksInIOSNativePlayer_(),(it||st||Ge)&&!0===e.nativeControlsForTouch&&n.setControls(!0),n.proxyWebkitFullscreen_(),n.triggerReady(),n}Ve(a,u);var e=a.prototype;return e.dispose=function(){this.el_&&this.el_.resetSourceset_&&this.el_.resetSourceset_(),a.disposeMediaElement(this.el_),this.options_=null,u.prototype.dispose.call(this)},e.setupSourcesetHandling_=function(){ir(this)},e.restoreMetadataTracksInIOSNativePlayer_=function(){function e(){n=[];for(var e=0;e<i.length;e++){var t=i[e];"metadata"===t.kind&&n.push({track:t,storedMode:t.mode})}}var n,i=this.textTracks();e(),i.addEventListener("change",e),this.on("dispose",function(){return i.removeEventListener("change",e)});function r(){for(var e=0;e<n.length;e++){var t=n[e];"disabled"===t.track.mode&&t.track.mode!==t.storedMode&&(t.track.mode=t.storedMode)}i.removeEventListener("change",r)}this.on("webkitbeginfullscreen",function(){i.removeEventListener("change",e),i.removeEventListener("change",r),i.addEventListener("change",r)}),this.on("webkitendfullscreen",function(){i.removeEventListener("change",e),i.addEventListener("change",e),i.removeEventListener("change",r)})},e.overrideNative_=function(e,t){var n=this;if(t===this["featuresNative"+e+"Tracks"]){var i=e.toLowerCase();this[i+"TracksListeners_"]&&Object.keys(this[i+"TracksListeners_"]).forEach(function(e){n.el()[i+"Tracks"].removeEventListener(e,n[i+"TracksListeners_"][e])}),this["featuresNative"+e+"Tracks"]=!t,this[i+"TracksListeners_"]=null,this.proxyNativeTracksForType_(i)}},e.overrideNativeAudioTracks=function(e){this.overrideNative_("Audio",e)},e.overrideNativeVideoTracks=function(e){this.overrideNative_("Video",e)},e.proxyNativeTracksForType_=function(e){var i=this,t=un[e],r=this.el()[t.getterName],s=this[t.getterName]();if(this["featuresNative"+t.capitalName+"Tracks"]&&r&&r.addEventListener){var o={change:function(e){s.trigger({type:"change",target:s,currentTarget:s,srcElement:s})},addtrack:function(e){s.addTrack(e.track)},removetrack:function(e){s.removeTrack(e.track)}},n=function(){for(var e=[],t=0;t<s.length;t++){for(var n=!1,i=0;i<r.length;i++)if(r[i]===s[t]){n=!0;break}n||e.push(s[t])}for(;e.length;)s.removeTrack(e.shift())};this[t.getterName+"Listeners_"]=o,Object.keys(o).forEach(function(t){var n=o[t];r.addEventListener(t,n),i.on("dispose",function(e){return r.removeEventListener(t,n)})}),this.on("loadstart",n),this.on("dispose",function(e){return i.off("loadstart",n)})}},e.proxyNativeTracks_=function(){var t=this;un.names.forEach(function(e){t.proxyNativeTracksForType_(e)})},e.createEl=function(){var e=this.options_.tag;if(!e||!this.options_.playerElIngest&&!this.movingMediaElementInDOM){if(e){var t=e.cloneNode(!0);e.parentNode&&e.parentNode.insertBefore(t,e),a.disposeMediaElement(e),e=t}else{e=d.createElement("video");var n=Ne({},this.options_.tag&&A(this.options_.tag));it&&!0===this.options_.nativeControlsForTouch||delete n.controls,P(e,g(n,{id:this.options_.techId,class:"vjs-tech"}))}e.playerId=this.options_.playerId}"undefined"!=typeof this.options_.preload&&M(e,"preload",this.options_.preload);for(var i=["loop","muted","playsinline","autoplay"],r=0;r<i.length;r++){var s=i[r],o=this.options_[s];"undefined"!=typeof o&&(o?M(e,s,s):L(e,s),e[s]=o)}return e},e.handleLateInit_=function(e){if(0!==e.networkState&&3!==e.networkState){if(0===e.readyState){var t=!1,n=function(){t=!0};this.on("loadstart",n);var i=function(){t||this.trigger("loadstart")};return this.on("loadedmetadata",i),void this.ready(function(){this.off("loadstart",n),this.off("loadedmetadata",i),t||this.trigger("loadstart")})}var r=["loadstart"];r.push("loadedmetadata"),2<=e.readyState&&r.push("loadeddata"),3<=e.readyState&&r.push("canplay"),4<=e.readyState&&r.push("canplaythrough"),this.ready(function(){r.forEach(function(e){this.trigger(e)},this)})}},e.setCurrentTime=function(e){try{this.el_.currentTime=e}catch(e){f(e,"Video is not ready. (Video.js)")}},e.duration=function(){var t=this;if(this.el_.duration===1/0&&Xe&&Je&&0===this.el_.currentTime){return this.on("timeupdate",function e(){0<t.el_.currentTime&&(t.el_.duration===1/0&&t.trigger("durationchange"),t.off("timeupdate",e))}),NaN}return this.el_.duration||NaN},e.width=function(){return this.el_.offsetWidth},e.height=function(){return this.el_.offsetHeight},e.proxyWebkitFullscreen_=function(){var e=this;if("webkitDisplayingFullscreen"in this.el_){var t=function(){this.trigger("fullscreenchange",{isFullscreen:!1})},n=function(){"webkitPresentationMode"in this.el_&&"picture-in-picture"!==this.el_.webkitPresentationMode&&(this.one("webkitendfullscreen",t),this.trigger("fullscreenchange",{isFullscreen:!0}))};this.on("webkitbeginfullscreen",n),this.on("dispose",function(){e.off("webkitbeginfullscreen",n),e.off("webkitendfullscreen",t)})}},e.supportsFullScreen=function(){if("function"==typeof this.el_.webkitEnterFullScreen){var e=h.navigator&&h.navigator.userAgent||"";if(/Android/.test(e)||!/Chrome|Mac OS X 10.5/.test(e))return!0}return!1},e.enterFullScreen=function(){var e=this.el_;e.paused&&e.networkState<=e.HAVE_METADATA?(this.el_.play(),this.setTimeout(function(){e.pause(),e.webkitEnterFullScreen()},0)):e.webkitEnterFullScreen()},e.exitFullScreen=function(){this.el_.webkitExitFullScreen()},e.requestPictureInPicture=function(){return this.el_.requestPictureInPicture()},e.src=function(e){if(void 0===e)return this.el_.src;this.setSrc(e)},e.reset=function(){a.resetMediaElement(this.el_)},e.currentSrc=function(){return this.currentSource_?this.currentSource_.src:this.el_.currentSrc},e.setControls=function(e){this.el_.controls=!!e},e.addTextTrack=function(e,t,n){return this.featuresNativeTextTracks?this.el_.addTextTrack(e,t,n):u.prototype.addTextTrack.call(this,e,t,n)},e.createRemoteTextTrack=function(e){if(!this.featuresNativeTextTracks)return u.prototype.createRemoteTextTrack.call(this,e);var t=d.createElement("track");return e.kind&&(t.kind=e.kind),e.label&&(t.label=e.label),(e.language||e.srclang)&&(t.srclang=e.language||e.srclang),e.default&&(t.default=e.default),e.id&&(t.id=e.id),e.src&&(t.src=e.src),t},e.addRemoteTextTrack=function(e,t){var n=u.prototype.addRemoteTextTrack.call(this,e,t);return this.featuresNativeTextTracks&&this.el().appendChild(n),n},e.removeRemoteTextTrack=function(e){if(u.prototype.removeRemoteTextTrack.call(this,e),this.featuresNativeTextTracks)for(var t=this.$$("track"),n=t.length;n--;)e!==t[n]&&e!==t[n].track||this.el().removeChild(t[n])},e.getVideoPlaybackQuality=function(){if("function"==typeof this.el().getVideoPlaybackQuality)return this.el().getVideoPlaybackQuality();var e={};return"undefined"!=typeof this.el().webkitDroppedFrameCount&&"undefined"!=typeof this.el().webkitDecodedFrameCount&&(e.droppedVideoFrames=this.el().webkitDroppedFrameCount,e.totalVideoFrames=this.el().webkitDecodedFrameCount),h.performance&&"function"==typeof h.performance.now?e.creationTime=h.performance.now():h.performance&&h.performance.timing&&"number"==typeof h.performance.timing.navigationStart&&(e.creationTime=h.Date.now()-h.performance.timing.navigationStart),e},a}(fn);rr(lr,"TEST_VID",function(){if(_()){var e=d.createElement("video"),t=d.createElement("track");return t.kind="captions",t.srclang="en",t.label="English",e.appendChild(t),e}}),lr.isSupported=function(){try{lr.TEST_VID.volume=.5}catch(e){return!1}return!(!lr.TEST_VID||!lr.TEST_VID.canPlayType)},lr.canPlayType=function(e){return lr.TEST_VID.canPlayType(e)},lr.canPlaySource=function(e,t){return lr.canPlayType(e.type)},lr.canControlVolume=function(){try{var e=lr.TEST_VID.volume;return lr.TEST_VID.volume=e/2+.1,e!==lr.TEST_VID.volume}catch(e){return!1}},lr.canMuteVolume=function(){try{var e=lr.TEST_VID.muted;return lr.TEST_VID.muted=!e,lr.TEST_VID.muted?M(lr.TEST_VID,"muted","muted"):L(lr.TEST_VID,"muted"),e!==lr.TEST_VID.muted}catch(e){return!1}},lr.canControlPlaybackRate=function(){if(Xe&&Je&&Ze<58)return!1;try{var e=lr.TEST_VID.playbackRate;return lr.TEST_VID.playbackRate=e/2+.1,e!==lr.TEST_VID.playbackRate}catch(e){return!1}},lr.canOverrideAttributes=function(){try{var e=function(){};Object.defineProperty(d.createElement("video"),"src",{get:e,set:e}),Object.defineProperty(d.createElement("audio"),"src",{get:e,set:e}),Object.defineProperty(d.createElement("video"),"innerHTML",{get:e,set:e}),Object.defineProperty(d.createElement("audio"),"innerHTML",{get:e,set:e})}catch(e){return!1}return!0},lr.supportsNativeTextTracks=function(){return at||ot&&Je},lr.supportsNativeVideoTracks=function(){return!(!lr.TEST_VID||!lr.TEST_VID.videoTracks)},lr.supportsNativeAudioTracks=function(){return!(!lr.TEST_VID||!lr.TEST_VID.audioTracks)},lr.Events=["loadstart","suspend","abort","error","emptied","stalled","loadedmetadata","loadeddata","canplay","canplaythrough","playing","waiting","seeking","seeked","ended","durationchange","timeupdate","progress","play","pause","ratechange","resize","volumechange"],[["featuresVolumeControl","canControlVolume"],["featuresMuteControl","canMuteVolume"],["featuresPlaybackRate","canControlPlaybackRate"],["featuresSourceset","canOverrideAttributes"],["featuresNativeTextTracks","supportsNativeTextTracks"],["featuresNativeVideoTracks","supportsNativeVideoTracks"],["featuresNativeAudioTracks","supportsNativeAudioTracks"]].forEach(function(e){var t=e[0],n=e[1];rr(lr.prototype,t,function(){return lr[n]()},!0)}),lr.prototype.movingMediaElementInDOM=!ot,lr.prototype.featuresFullscreenResize=!0,lr.prototype.featuresProgressEvents=!0,lr.prototype.featuresTimeupdateEvents=!0,lr.patchCanPlayType=function(){4<=$e&&!Ye&&!Je&&(sr=lr.TEST_VID&&lr.TEST_VID.constructor.prototype.canPlayType,lr.TEST_VID.constructor.prototype.canPlayType=function(e){return e&&/^application\/(?:x-|vnd\.apple\.)mpegurl/i.test(e)?"maybe":sr.call(this,e)})},lr.unpatchCanPlayType=function(){var e=lr.TEST_VID.constructor.prototype.canPlayType;return sr&&(lr.TEST_VID.constructor.prototype.canPlayType=sr),e},lr.patchCanPlayType(),lr.disposeMediaElement=function(e){if(e){for(e.parentNode&&e.parentNode.removeChild(e);e.hasChildNodes();)e.removeChild(e.firstChild);e.removeAttribute("src"),"function"==typeof e.load&&function(){try{e.load()}catch(e){}}()}},lr.resetMediaElement=function(e){if(e){for(var t=e.querySelectorAll("source"),n=t.length;n--;)e.removeChild(t[n]);e.removeAttribute("src"),"function"==typeof e.load&&function(){try{e.load()}catch(e){}}()}},["muted","defaultMuted","autoplay","controls","loop","playsinline"].forEach(function(e){lr.prototype[e]=function(){return this.el_[e]||this.el_.hasAttribute(e)}}),["muted","defaultMuted","autoplay","loop","playsinline"].forEach(function(t){lr.prototype["set"+Le(t)]=function(e){(this.el_[t]=e)?this.el_.setAttribute(t,t):this.el_.removeAttribute(t)}}),["paused","currentTime","buffered","volume","poster","preload","error","seeking","seekable","ended","playbackRate","defaultPlaybackRate","played","networkState","readyState","videoWidth","videoHeight"].forEach(function(e){lr.prototype[e]=function(){return this.el_[e]}}),["volume","src","poster","preload","playbackRate","defaultPlaybackRate"].forEach(function(t){lr.prototype["set"+Le(t)]=function(e){this.el_[t]=e}}),["pause","load","play"].forEach(function(e){lr.prototype[e]=function(){return this.el_[e]()}}),fn.withSourceHandlers(lr),lr.nativeSourceHandler={},lr.nativeSourceHandler.canPlayType=function(e){try{return lr.TEST_VID.canPlayType(e)}catch(e){return""}},lr.nativeSourceHandler.canHandleSource=function(e,t){if(e.type)return lr.nativeSourceHandler.canPlayType(e.type);if(e.src){var n=Ot(e.src);return lr.nativeSourceHandler.canPlayType("video/"+n)}return""},lr.nativeSourceHandler.handleSource=function(e,t,n){t.setSrc(e.src)},lr.nativeSourceHandler.dispose=function(){},lr.registerSourceHandler(lr.nativeSourceHandler),fn.registerTech("Html5",lr);var cr=["progress","abort","suspend","emptied","stalled","loadedmetadata","loadeddata","timeupdate","resize","volumechange","texttrackchange"],ur={canplay:"CanPlay",canplaythrough:"CanPlayThrough",playing:"Playing",seeked:"Seeked"},hr=["tiny","xsmall","small","medium","large","xlarge","huge"],dr={};hr.forEach(function(e){var t="x"===e.charAt(0)?"x-"+e.substring(1):e;dr[e]="vjs-layout-"+t});var pr={tiny:210,xsmall:320,small:425,medium:768,large:1440,xlarge:2560,huge:1/0},fr=function(u){function c(e,t,n){var i;if(e.id=e.id||t.id||"vjs_video_"+ie(),(t=g(c.getTagSettings(e),t)).initChildren=!1,t.createEl=!1,t.evented=!1,t.reportTouchActivity=!1,!t.language)if("function"==typeof e.closest){var r=e.closest("[lang]");r&&r.getAttribute&&(t.language=r.getAttribute("lang"))}else for(var s=e;s&&1===s.nodeType;){if(A(s).hasOwnProperty("lang")){t.language=s.getAttribute("lang");break}s=s.parentNode}if((i=u.call(this,null,t,n)||this).boundDocumentFullscreenChange_=ge(Oe(i),i.documentFullscreenChange_),i.boundFullWindowOnEscKey_=ge(Oe(i),i.fullWindowOnEscKey),i.log=v(i.id_),i.fsApi_=ft,i.isPosterFromTech_=!1,i.queuedCallbacks_=[],i.isReady_=!1,i.hasStarted_=!1,i.userActive_=!1,!i.options_||!i.options_.techOrder||!i.options_.techOrder.length)throw new Error("No techOrder specified. Did you overwrite videojs.options instead of just changing the properties you want to override?");if(i.tag=e,i.tagAttributes=e&&A(e),i.language(i.options_.language),t.languages){var o={};Object.getOwnPropertyNames(t.languages).forEach(function(e){o[e.toLowerCase()]=t.languages[e]}),i.languages_=o}else i.languages_=c.prototype.options_.languages;i.resetCache_(),i.poster_=t.poster||"",i.controls_=!!t.controls,e.controls=!1,e.removeAttribute("controls"),i.changingSrc_=!1,i.playCallbacks_=[],i.playTerminatedQueue_=[],e.hasAttribute("autoplay")?i.autoplay(!0):i.autoplay(i.options_.autoplay),t.plugins&&Object.keys(t.plugins).forEach(function(e){if("function"!=typeof i[e])throw new Error('plugin "'+e+'" does not exist')}),i.scrubbing_=!1,i.el_=i.createEl(),Pe(Oe(i),{eventBusKey:"el_"}),i.fluid_&&i.on("playerreset",i.updateStyleEl_);var a=Ne(i.options_);t.plugins&&Object.keys(t.plugins).forEach(function(e){i[e](t.plugins[e])}),i.options_.playerOptions=a,i.middleware_=[],i.initChildren(),i.isAudio("audio"===e.nodeName.toLowerCase()),i.controls()?i.addClass("vjs-controls-enabled"):i.addClass("vjs-controls-disabled"),i.el_.setAttribute("role","region"),i.isAudio()?i.el_.setAttribute("aria-label",i.localize("Audio Player")):i.el_.setAttribute("aria-label",i.localize("Video Player")),i.isAudio()&&i.addClass("vjs-audio"),i.flexNotSupported_()&&i.addClass("vjs-no-flex"),it&&i.addClass("vjs-touch-enabled"),ot||i.addClass("vjs-workinghover"),c.players[i.id_]=Oe(i);var l=p.split(".")[0];return i.addClass("vjs-v"+l),i.userActive(!0),i.reportUserActivity(),i.one("play",i.listenForUserActivity_),i.on("stageclick",i.handleStageClick_),i.on("keydown",i.handleKeyDown),i.breakpoints(i.options_.breakpoints),i.responsive(i.options_.responsive),i}Ve(c,u);var e=c.prototype;return e.dispose=function(){var i=this;this.trigger("dispose"),this.off("dispose"),de(d,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),de(d,"keydown",this.boundFullWindowOnEscKey_),this.styleEl_&&this.styleEl_.parentNode&&(this.styleEl_.parentNode.removeChild(this.styleEl_),this.styleEl_=null),c.players[this.id_]=null,this.tag&&this.tag.player&&(this.tag.player=null),this.el_&&this.el_.player&&(this.el_.player=null),this.tech_&&(this.tech_.dispose(),this.isPosterFromTech_=!1,this.poster_=""),this.playerElIngest_&&(this.playerElIngest_=null),this.tag&&(this.tag=null),function(e){gn[e.id()]=null}(this),dn.names.forEach(function(e){var t=dn[e],n=i[t.getterName]();n&&n.off&&n.off()}),u.prototype.dispose.call(this)},e.createEl=function(){var t,n=this.tag,e=this.playerElIngest_=n.parentNode&&n.parentNode.hasAttribute&&n.parentNode.hasAttribute("data-vjs-player"),i="video-js"===this.tag.tagName.toLowerCase();e?t=this.el_=n.parentNode:i||(t=this.el_=u.prototype.createEl.call(this,"div"));var r=A(n);if(i){for(t=this.el_=n,n=this.tag=d.createElement("video");t.children.length;)n.appendChild(t.firstChild);S(t,"video-js")||w(t,"video-js"),t.appendChild(n),e=this.playerElIngest_=t,Object.keys(t).forEach(function(e){try{n[e]=t[e]}catch(e){}})}if(n.setAttribute("tabindex","-1"),r.tabindex="-1",(et||Je&&nt)&&(n.setAttribute("role","application"),r.role="application"),n.removeAttribute("width"),n.removeAttribute("height"),"width"in r&&delete r.width,"height"in r&&delete r.height,Object.getOwnPropertyNames(r).forEach(function(e){i&&"class"===e||t.setAttribute(e,r[e]),i&&n.setAttribute(e,r[e])}),n.playerId=n.id,n.id+="_html5_api",n.className="vjs-tech",n.player=t.player=this,this.addClass("vjs-paused"),!0!==h.VIDEOJS_NO_DYNAMIC_STYLE){this.styleEl_=Z("vjs-styles-dimensions");var s=q(".vjs-styles-defaults"),o=q("head");o.insertBefore(this.styleEl_,s?s.nextSibling:o.firstChild)}this.fill_=!1,this.fluid_=!1,this.width(this.options_.width),this.height(this.options_.height),this.fill(this.options_.fill),this.fluid(this.options_.fluid),this.aspectRatio(this.options_.aspectRatio);for(var a=n.getElementsByTagName("a"),l=0;l<a.length;l++){var c=a.item(l);w(c,"vjs-hidden"),c.setAttribute("hidden","hidden")}return n.initNetworkState_=n.networkState,n.parentNode&&!e&&n.parentNode.insertBefore(t,n),E(n,t),this.children_.unshift(n),this.el_.setAttribute("lang",this.language_),this.el_=t},e.width=function(e){return this.dimension("width",e)},e.height=function(e){return this.dimension("height",e)},e.dimension=function(e,t){var n=e+"_";if(void 0===t)return this[n]||0;if(""===t||"auto"===t)return this[n]=void 0,void this.updateStyleEl_();var i=parseFloat(t);isNaN(i)?f.error('Improper value "'+t+'" supplied for for '+e):(this[n]=i,this.updateStyleEl_())},e.fluid=function(e){if(void 0===e)return!!this.fluid_;this.fluid_=!!e,xe(this)&&this.off("playerreset",this.updateStyleEl_),e?(this.addClass("vjs-fluid"),this.fill(!1),function(e,t){xe(e)?t():(e.eventedCallbacks||(e.eventedCallbacks=[]),e.eventedCallbacks.push(t))}(function(){this.on("playerreset",this.updateStyleEl_)})):this.removeClass("vjs-fluid"),this.updateStyleEl_()},e.fill=function(e){if(void 0===e)return!!this.fill_;this.fill_=!!e,e?(this.addClass("vjs-fill"),this.fluid(!1)):this.removeClass("vjs-fill")},e.aspectRatio=function(e){if(void 0===e)return this.aspectRatio_;if(!/^\d+\:\d+$/.test(e))throw new Error("Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.");this.aspectRatio_=e,this.fluid(!0),this.updateStyleEl_()},e.updateStyleEl_=function(){if(!0!==h.VIDEOJS_NO_DYNAMIC_STYLE){var e,t,n,i=(void 0!==this.aspectRatio_&&"auto"!==this.aspectRatio_?this.aspectRatio_:0<this.videoWidth()?this.videoWidth()+":"+this.videoHeight():"16:9").split(":"),r=i[1]/i[0];e=void 0!==this.width_?this.width_:void 0!==this.height_?this.height_/r:this.videoWidth()||300,t=void 0!==this.height_?this.height_:e*r,n=/^[^a-zA-Z]/.test(this.id())?"dimensions-"+this.id():this.id()+"-dimensions",this.addClass(n),ee(this.styleEl_,"\n      ."+n+" {\n        width: "+e+"px;\n        height: "+t+"px;\n      }\n\n      ."+n+".vjs-fluid {\n        padding-top: "+100*r+"%;\n      }\n    ")}else{var s="number"==typeof this.width_?this.width_:this.options_.width,o="number"==typeof this.height_?this.height_:this.options_.height,a=this.tech_&&this.tech_.el();a&&(0<=s&&(a.width=s),0<=o&&(a.height=o))}},e.loadTech_=function(e,t){var n=this;this.tech_&&this.unloadTech_();var i=Le(e),r=e.charAt(0).toLowerCase()+e.slice(1);"Html5"!==i&&this.tag&&(fn.getTech("Html5").disposeMediaElement(this.tag),this.tag.player=null,this.tag=null),this.techName_=i,this.isReady_=!1;var s={source:t,autoplay:"string"!=typeof this.autoplay()&&this.autoplay(),nativeControlsForTouch:this.options_.nativeControlsForTouch,playerId:this.id(),techId:this.id()+"_"+r+"_api",playsinline:this.options_.playsinline,preload:this.options_.preload,loop:this.options_.loop,muted:this.options_.muted,poster:this.poster(),language:this.language(),playerElIngest:this.playerElIngest_||!1,"vtt.js":this.options_["vtt.js"],canOverridePoster:!!this.options_.techCanOverridePoster,enableSourceset:this.options_.enableSourceset,Promise:this.options_.Promise};dn.names.forEach(function(e){var t=dn[e];s[t.getterName]=n[t.privateName]}),g(s,this.options_[i]),g(s,this.options_[r]),g(s,this.options_[e.toLowerCase()]),this.tag&&(s.tag=this.tag),t&&t.src===this.cache_.src&&0<this.cache_.currentTime&&(s.startTime=this.cache_.currentTime);var o=fn.getTech(e);if(!o)throw new Error("No Tech named '"+i+"' exists! '"+i+"' should be registered using videojs.registerTech()'");this.tech_=new o(s),this.tech_.ready(ge(this,this.handleTechReady_),!0),wt(this.textTracksJson_||[],this.tech_),cr.forEach(function(e){n.on(n.tech_,e,n["handleTech"+Le(e)+"_"])}),Object.keys(ur).forEach(function(t){n.on(n.tech_,t,function(e){0===n.tech_.playbackRate()&&n.tech_.seeking()?n.queuedCallbacks_.push({callback:n["handleTech"+ur[t]+"_"].bind(n),event:e}):n["handleTech"+ur[t]+"_"](e)})}),this.on(this.tech_,"loadstart",this.handleTechLoadStart_),this.on(this.tech_,"sourceset",this.handleTechSourceset_),this.on(this.tech_,"waiting",this.handleTechWaiting_),this.on(this.tech_,"ended",this.handleTechEnded_),this.on(this.tech_,"seeking",this.handleTechSeeking_),this.on(this.tech_,"play",this.handleTechPlay_),this.on(this.tech_,"firstplay",this.handleTechFirstPlay_),this.on(this.tech_,"pause",this.handleTechPause_),this.on(this.tech_,"durationchange",this.handleTechDurationChange_),this.on(this.tech_,"fullscreenchange",this.handleTechFullscreenChange_),this.on(this.tech_,"enterpictureinpicture",this.handleTechEnterPictureInPicture_),this.on(this.tech_,"leavepictureinpicture",this.handleTechLeavePictureInPicture_),this.on(this.tech_,"error",this.handleTechError_),this.on(this.tech_,"loadedmetadata",this.updateStyleEl_),this.on(this.tech_,"posterchange",this.handleTechPosterChange_),this.on(this.tech_,"textdata",this.handleTechTextData_),this.on(this.tech_,"ratechange",this.handleTechRateChange_),this.usingNativeControls(this.techGet_("controls")),this.controls()&&!this.usingNativeControls()&&this.addTechControlsListeners_(),this.tech_.el().parentNode===this.el()||"Html5"===i&&this.tag||E(this.tech_.el(),this.el()),this.tag&&(this.tag.player=null,this.tag=null)},e.unloadTech_=function(){var n=this;dn.names.forEach(function(e){var t=dn[e];n[t.privateName]=n[t.getterName]()}),this.textTracksJson_=St(this.tech_),this.isReady_=!1,this.tech_.dispose(),this.tech_=!1,this.isPosterFromTech_&&(this.poster_="",this.trigger("posterchange")),this.isPosterFromTech_=!1},e.tech=function(e){return void 0===e&&f.warn("Using the tech directly can be dangerous. I hope you know what you're doing.\nSee https://github.com/videojs/video.js/issues/2617 for more info.\n"),this.tech_},e.addTechControlsListeners_=function(){this.removeTechControlsListeners_(),this.on(this.tech_,"mouseup",this.handleTechClick_),this.on(this.tech_,"dblclick",this.handleTechDoubleClick_),this.on(this.tech_,"touchstart",this.handleTechTouchStart_),this.on(this.tech_,"touchmove",this.handleTechTouchMove_),this.on(this.tech_,"touchend",this.handleTechTouchEnd_),this.on(this.tech_,"tap",this.handleTechTap_)},e.removeTechControlsListeners_=function(){this.off(this.tech_,"tap",this.handleTechTap_),this.off(this.tech_,"touchstart",this.handleTechTouchStart_),this.off(this.tech_,"touchmove",this.handleTechTouchMove_),this.off(this.tech_,"touchend",this.handleTechTouchEnd_),this.off(this.tech_,"mouseup",this.handleTechClick_),this.off(this.tech_,"dblclick",this.handleTechDoubleClick_)},e.handleTechReady_=function(){this.triggerReady(),this.cache_.volume&&this.techCall_("setVolume",this.cache_.volume),this.handleTechPosterChange_(),this.handleTechDurationChange_()},e.handleTechLoadStart_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-seeking"),this.error(null),this.handleTechDurationChange_(),this.paused()?(this.hasStarted(!1),this.trigger("loadstart")):(this.trigger("loadstart"),this.trigger("firstplay")),this.manualAutoplay_(this.autoplay())},e.manualAutoplay_=function(t){var i=this;if(this.tech_&&"string"==typeof t){var e,n=function(){var e=i.muted();i.muted(!0);function t(){i.muted(e)}i.playTerminatedQueue_.push(t);var n=i.play();if(kt(n))return n.catch(t)};if("any"===t&&!0!==this.muted()?kt(e=this.play())&&(e=e.catch(n)):e="muted"===t&&!0!==this.muted()?n():this.play(),kt(e))return e.then(function(){i.trigger({type:"autoplay-success",autoplay:t})}).catch(function(e){i.trigger({type:"autoplay-failure",autoplay:t})})}},e.updateSourceCaches_=function(e){void 0===e&&(e="");var t=e,n="";"string"!=typeof t&&(t=e.src,n=e.type),this.cache_.source=this.cache_.source||{},this.cache_.sources=this.cache_.sources||[],t&&!n&&(n=function(e,t){if(!t)return"";if(e.cache_.source.src===t&&e.cache_.source.type)return e.cache_.source.type;var n=e.cache_.sources.filter(function(e){return e.src===t});if(n.length)return n[0].type;for(var i=e.$$("source"),r=0;r<i.length;r++){var s=i[r];if(s.type&&s.src&&s.src===t)return s.type}return Sn(t)}(this,t)),this.cache_.source=Ne({},e,{src:t,type:n});for(var i=this.cache_.sources.filter(function(e){return e.src&&e.src===t}),r=[],s=this.$$("source"),o=[],a=0;a<s.length;a++){var l=A(s[a]);r.push(l),l.src&&l.src===t&&o.push(l.src)}o.length&&!i.length?this.cache_.sources=r:i.length||(this.cache_.sources=[this.cache_.source]),this.cache_.src=t},e.handleTechSourceset_=function(e){var n=this;if(!this.changingSrc_){var t=function(e){return n.updateSourceCaches_(e)},i=this.currentSource().src,r=e.src;i&&!/^blob:/.test(i)&&/^blob:/.test(r)&&(this.lastSource_&&(this.lastSource_.tech===r||this.lastSource_.player===i)||(t=function(){})),t(r),e.src||this.tech_.any(["sourceset","loadstart"],function(e){if("sourceset"!==e.type){var t=n.techGet("currentSrc");n.lastSource_.tech=t,n.updateSourceCaches_(t)}})}this.lastSource_={player:this.currentSource().src,tech:e.src},this.trigger({src:e.src,type:"sourceset"})},e.hasStarted=function(e){if(void 0===e)return this.hasStarted_;e!==this.hasStarted_&&(this.hasStarted_=e,this.hasStarted_?(this.addClass("vjs-has-started"),this.trigger("firstplay")):this.removeClass("vjs-has-started"))},e.handleTechPlay_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.hasStarted(!0),this.trigger("play")},e.handleTechRateChange_=function(){0<this.tech_.playbackRate()&&0===this.cache_.lastPlaybackRate&&(this.queuedCallbacks_.forEach(function(e){return e.callback(e.event)}),this.queuedCallbacks_=[]),this.cache_.lastPlaybackRate=this.tech_.playbackRate(),this.trigger("ratechange")},e.handleTechWaiting_=function(){var t=this;this.addClass("vjs-waiting"),this.trigger("waiting");var n=this.currentTime();this.on("timeupdate",function e(){n!==t.currentTime()&&(t.removeClass("vjs-waiting"),t.off("timeupdate",e))})},e.handleTechCanPlay_=function(){this.removeClass("vjs-waiting"),this.trigger("canplay")},e.handleTechCanPlayThrough_=function(){this.removeClass("vjs-waiting"),this.trigger("canplaythrough")},e.handleTechPlaying_=function(){this.removeClass("vjs-waiting"),this.trigger("playing")},e.handleTechSeeking_=function(){this.addClass("vjs-seeking"),this.trigger("seeking")},e.handleTechSeeked_=function(){this.removeClass("vjs-seeking"),this.removeClass("vjs-ended"),this.trigger("seeked")},e.handleTechFirstPlay_=function(){this.options_.starttime&&(f.warn("Passing the `starttime` option to the player will be deprecated in 6.0"),this.currentTime(this.options_.starttime)),this.addClass("vjs-has-started"),this.trigger("firstplay")},e.handleTechPause_=function(){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.trigger("pause")},e.handleTechEnded_=function(){this.addClass("vjs-ended"),this.options_.loop?(this.currentTime(0),this.play()):this.paused()||this.pause(),this.trigger("ended")},e.handleTechDurationChange_=function(){this.duration(this.techGet_("duration"))},e.handleTechClick_=function(e){z(e)&&this.controls_&&(this.paused()?Ct(this.play()):this.pause())},e.handleTechDoubleClick_=function(t){this.controls_&&(Array.prototype.some.call(this.$$(".vjs-control-bar, .vjs-modal-dialog"),function(e){return e.contains(t.target)})||void 0!==this.options_&&void 0!==this.options_.userActions&&void 0!==this.options_.userActions.doubleClick&&!1===this.options_.userActions.doubleClick||(void 0!==this.options_&&void 0!==this.options_.userActions&&"function"==typeof this.options_.userActions.doubleClick?this.options_.userActions.doubleClick.call(this,t):this.isFullscreen()?this.exitFullscreen():this.requestFullscreen()))},e.handleTechTap_=function(){this.userActive(!this.userActive())},e.handleTechTouchStart_=function(){this.userWasActive=this.userActive()},e.handleTechTouchMove_=function(){this.userWasActive&&this.reportUserActivity()},e.handleTechTouchEnd_=function(e){e.preventDefault()},e.handleStageClick_=function(){this.reportUserActivity()},e.toggleFullscreenClass_=function(){this.isFullscreen()?this.addClass("vjs-fullscreen"):this.removeClass("vjs-fullscreen")},e.documentFullscreenChange_=function(e){var t=this.el(),n=d[this.fsApi_.fullscreenElement]===t;!n&&t.matches?n=t.matches(":"+this.fsApi_.fullscreen):!n&&t.msMatchesSelector&&(n=t.msMatchesSelector(":"+this.fsApi_.fullscreen)),this.isFullscreen(n),!1===this.isFullscreen()&&de(d,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),this.fsApi_.prefixed&&this.trigger("fullscreenchange")},e.handleTechFullscreenChange_=function(e,t){t&&this.isFullscreen(t.isFullscreen),this.trigger("fullscreenchange")},e.togglePictureInPictureClass_=function(){this.isInPictureInPicture()?this.addClass("vjs-picture-in-picture"):this.removeClass("vjs-picture-in-picture")},e.handleTechEnterPictureInPicture_=function(e){this.isInPictureInPicture(!0)},e.handleTechLeavePictureInPicture_=function(e){this.isInPictureInPicture(!1)},e.handleTechError_=function(){var e=this.tech_.error();this.error(e)},e.handleTechTextData_=function(e,t){var n=null;1<arguments.length&&(n=t),this.trigger("textdata",n)},e.getCache=function(){return this.cache_},e.resetCache_=function(){this.cache_={currentTime:0,inactivityTimeout:this.options_.inactivityTimeout,duration:NaN,lastVolume:1,lastPlaybackRate:this.defaultPlaybackRate(),media:null,src:"",source:{},sources:[],volume:1}},e.techCall_=function(e,t){this.ready(function(){if(e in Tn)return function(e,t,n,i){return t[n](e.reduce(Cn(n),i))}(this.middleware_,this.tech_,e,t);if(e in kn)return mn(this.middleware_,this.tech_,e,t);try{this.tech_&&this.tech_[e](t)}catch(e){throw f(e),e}},!0)},e.techGet_=function(t){if(this.tech_&&this.tech_.isReady_){if(t in bn)return function(e,t,n){return e.reduceRight(Cn(n),t[n]())}(this.middleware_,this.tech_,t);if(t in kn)return mn(this.middleware_,this.tech_,t);try{return this.tech_[t]()}catch(e){if(void 0===this.tech_[t])throw f("Video.js: "+t+" method not defined for "+this.techName_+" playback technology.",e),e;if("TypeError"===e.name)throw f("Video.js: "+t+" unavailable on "+this.techName_+" playback technology element.",e),this.tech_.isReady_=!1,e;throw f(e),e}}},e.play=function(){var t=this,e=this.options_.Promise||h.Promise;return e?new e(function(e){t.play_(e)}):this.play_()},e.play_=function(e){var t=this;void 0===e&&(e=Ct),this.playCallbacks_.push(e);var n=Boolean(!this.changingSrc_&&(this.src()||this.currentSrc()));if(this.waitToPlay_&&(this.off(["ready","loadstart"],this.waitToPlay_),this.waitToPlay_=null),!this.isReady_||!n)return this.waitToPlay_=function(e){t.play_()},this.one(["ready","loadstart"],this.waitToPlay_),void(n||!at&&!ot||this.load());var i=this.techGet_("play");null===i?this.runPlayTerminatedQueue_():this.runPlayCallbacks_(i)},e.runPlayTerminatedQueue_=function(){var e=this.playTerminatedQueue_.slice(0);this.playTerminatedQueue_=[],e.forEach(function(e){e()})},e.runPlayCallbacks_=function(t){var e=this.playCallbacks_.slice(0);this.playCallbacks_=[],this.playTerminatedQueue_=[],e.forEach(function(e){e(t)})},e.pause=function(){this.techCall_("pause")},e.paused=function(){return!1!==this.techGet_("paused")},e.played=function(){return this.techGet_("played")||ht(0,0)},e.scrubbing=function(e){if("undefined"==typeof e)return this.scrubbing_;this.scrubbing_=!!e,e?this.addClass("vjs-scrubbing"):this.removeClass("vjs-scrubbing")},e.currentTime=function(e){return"undefined"!=typeof e?(e<0&&(e=0),void this.techCall_("setCurrentTime",e)):(this.cache_.currentTime=this.techGet_("currentTime")||0,this.cache_.currentTime)},e.duration=function(e){if(void 0===e)return void 0!==this.cache_.duration?this.cache_.duration:NaN;(e=parseFloat(e))<0&&(e=1/0),e!==this.cache_.duration&&((this.cache_.duration=e)===1/0?(this.addClass("vjs-live"),this.options_.liveui&&this.player_.liveTracker&&this.addClass("vjs-liveui")):(this.removeClass("vjs-live"),this.removeClass("vjs-liveui")),isNaN(e)||this.trigger("durationchange"))},e.remainingTime=function(){return this.duration()-this.currentTime()},e.remainingTimeDisplay=function(){return Math.floor(this.duration())-Math.floor(this.currentTime())},e.buffered=function(){var e=this.techGet_("buffered");return e&&e.length||(e=ht(0,0)),e},e.bufferedPercent=function(){return dt(this.buffered(),this.duration())},e.bufferedEnd=function(){var e=this.buffered(),t=this.duration(),n=e.end(e.length-1);return t<n&&(n=t),n},e.volume=function(e){var t;return void 0!==e?(t=Math.max(0,Math.min(1,parseFloat(e))),this.cache_.volume=t,this.techCall_("setVolume",t),void(0<t&&this.lastVolume_(t))):(t=parseFloat(this.techGet_("volume")),isNaN(t)?1:t)},e.muted=function(e){if(void 0===e)return this.techGet_("muted")||!1;this.techCall_("setMuted",e)},e.defaultMuted=function(e){return void 0!==e?this.techCall_("setDefaultMuted",e):this.techGet_("defaultMuted")||!1},e.lastVolume_=function(e){if(void 0===e||0===e)return this.cache_.lastVolume;this.cache_.lastVolume=e},e.supportsFullScreen=function(){return this.techGet_("supportsFullScreen")||!1},e.isFullscreen=function(e){return void 0!==e?(this.isFullscreen_=!!e,void this.toggleFullscreenClass_()):!!this.isFullscreen_},e.requestFullscreen=function(e){var t;this.isFullscreen(!0),this.fsApi_.requestFullscreen?(he(d,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),this.fsApi_.prefixed||(t=this.options_.fullscreen&&this.options_.fullscreen.options||{},void 0!==e&&(t=e)),Ct(this.el_[this.fsApi_.requestFullscreen](t))):this.tech_.supportsFullScreen()?this.techCall_("enterFullScreen"):(this.enterFullWindow(),this.trigger("fullscreenchange"))},e.exitFullscreen=function(){this.isFullscreen(!1),this.fsApi_.requestFullscreen?Ct(d[this.fsApi_.exitFullscreen]()):this.tech_.supportsFullScreen()?this.techCall_("exitFullScreen"):(this.exitFullWindow(),this.trigger("fullscreenchange"))},e.enterFullWindow=function(){this.isFullWindow=!0,this.docOrigOverflow=d.documentElement.style.overflow,he(d,"keydown",this.boundFullWindowOnEscKey_),d.documentElement.style.overflow="hidden",w(d.body,"vjs-full-window"),this.trigger("enterFullWindow")},e.fullWindowOnEscKey=function(e){xt.isEventKey(e,"Esc")&&(!0===this.isFullscreen()?this.exitFullscreen():this.exitFullWindow())},e.exitFullWindow=function(){this.isFullWindow=!1,de(d,"keydown",this.boundFullWindowOnEscKey_),d.documentElement.style.overflow=this.docOrigOverflow,x(d.body,"vjs-full-window"),this.trigger("exitFullWindow")},e.isInPictureInPicture=function(e){return void 0!==e?(this.isInPictureInPicture_=!!e,void this.togglePictureInPictureClass_()):!!this.isInPictureInPicture_},e.requestPictureInPicture=function(){if("pictureInPictureEnabled"in d)return this.techGet_("requestPictureInPicture")},e.exitPictureInPicture=function(){if("pictureInPictureEnabled"in d)return d.exitPictureInPicture()},e.handleKeyDown=function(e){var t=this.options_.userActions;if(t&&t.hotkeys){!function(e){var t=e.tagName.toLowerCase();if(e.isContentEditable)return!0;if("input"===t)return-1===["button","checkbox","hidden","radio","reset","submit"].indexOf(e.type);return-1!==["textarea"].indexOf(t)}(this.el_.ownerDocument.activeElement)&&("function"==typeof t.hotkeys?t.hotkeys.call(this,e):this.handleHotkeys(e))}},e.handleHotkeys=function(e){var t=this.options_.userActions?this.options_.userActions.hotkeys:{},n=t.fullscreenKey,i=void 0===n?function(e){return xt.isEventKey(e,"f")}:n,r=t.muteKey,s=void 0===r?function(e){return xt.isEventKey(e,"m")}:r,o=t.playPauseKey,a=void 0===o?function(e){return xt.isEventKey(e,"k")||xt.isEventKey(e,"Space")}:o;if(i.call(this,e)){e.preventDefault(),e.stopPropagation();var l=De.getComponent("FullscreenToggle");!1!==d[this.fsApi_.fullscreenEnabled]&&l.prototype.handleClick.call(this,e)}else if(s.call(this,e)){e.preventDefault(),e.stopPropagation(),De.getComponent("MuteToggle").prototype.handleClick.call(this,e)}else if(a.call(this,e)){e.preventDefault(),e.stopPropagation(),De.getComponent("PlayToggle").prototype.handleClick.call(this,e)}},e.canPlayType=function(e){for(var t,n=0,i=this.options_.techOrder;n<i.length;n++){var r=i[n],s=fn.getTech(r);if(s=s||De.getComponent(r)){if(s.isSupported()&&(t=s.canPlayType(e)))return t}else f.error('The "'+r+'" tech is undefined. Skipped browser support check for that tech.')}return""},e.selectSource=function(e){function t(e,n,i){var r;return e.some(function(t){return n.some(function(e){if(r=i(t,e))return!0})}),r}function n(e,t){var n=e[0];if(e[1].canPlaySource(t,r.options_[n.toLowerCase()]))return{source:t,tech:n}}var i,r=this,s=this.options_.techOrder.map(function(e){return[e,fn.getTech(e)]}).filter(function(e){var t=e[0],n=e[1];return n?n.isSupported():(f.error('The "'+t+'" tech is undefined. Skipped browser support check for that tech.'),!1)});return(this.options_.sourceOrder?t(e,s,(i=n,function(e,t){return i(t,e)})):t(s,e,n))||!1},e.src=function(e){var n=this;if("undefined"==typeof e)return this.cache_.src||"";var i=function t(e){if(Array.isArray(e)){var n=[];e.forEach(function(e){e=t(e),Array.isArray(e)?n=n.concat(e):a(e)&&n.push(e)}),e=n}else e="string"==typeof e&&e.trim()?[xn({src:e})]:a(e)&&"string"==typeof e.src&&e.src&&e.src.trim()?[xn(e)]:[];return e}(e);i.length?(this.changingSrc_=!0,this.cache_.sources=i,this.updateSourceCaches_(i[0]),_n(this,i[0],function(e,t){if(n.middleware_=t,n.cache_.sources=i,n.updateSourceCaches_(e),n.src_(e))return 1<i.length?n.src(i.slice(1)):(n.changingSrc_=!1,n.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0),void n.triggerReady());!function(e,t){e.forEach(function(e){return e.setTech&&e.setTech(t)})}(t,n.tech_)})):this.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0)},e.src_=function(e){var t=this,n=this.selectSource([e]);return!n||(function(e,t){return Le(e)===Le(t)}(n.tech,this.techName_)?this.ready(function(){this.tech_.constructor.prototype.hasOwnProperty("setSource")?this.techCall_("setSource",e):this.techCall_("src",e.src),this.changingSrc_=!1},!0):(this.changingSrc_=!0,this.loadTech_(n.tech,n.source),this.tech_.ready(function(){t.changingSrc_=!1})),!1)},e.load=function(){this.techCall_("load")},e.reset=function(){var e=this,t=this.options_.Promise||h.Promise;this.paused()||!t?this.doReset_():Ct(this.play().then(function(){return e.doReset_()}))},e.doReset_=function(){this.tech_&&this.tech_.clearTracks("text"),this.resetCache_(),this.poster(""),this.loadTech_(this.options_.techOrder[0],null),this.techCall_("reset"),this.resetControlBarUI_(),xe(this)&&this.trigger("playerreset")},e.resetControlBarUI_=function(){this.resetProgressBar_(),this.resetPlaybackRate_(),this.resetVolumeBar_()},e.resetProgressBar_=function(){this.currentTime(0);var e=this.controlBar,t=e.durationDisplay,n=e.remainingTimeDisplay;t&&t.updateContent(),n&&n.updateContent()},e.resetPlaybackRate_=function(){this.playbackRate(this.defaultPlaybackRate()),this.handleTechRateChange_()},e.resetVolumeBar_=function(){this.volume(1),this.trigger("volumechange")},e.currentSources=function(){var e=this.currentSource(),t=[];return 0!==Object.keys(e).length&&t.push(e),this.cache_.sources||t},e.currentSource=function(){return this.cache_.source||{}},e.currentSrc=function(){return this.currentSource()&&this.currentSource().src||""},e.currentType=function(){return this.currentSource()&&this.currentSource().type||""},e.preload=function(e){return void 0!==e?(this.techCall_("setPreload",e),void(this.options_.preload=e)):this.techGet_("preload")},e.autoplay=function(e){if(void 0===e)return this.options_.autoplay||!1;var t;"string"==typeof e&&/(any|play|muted)/.test(e)?(this.options_.autoplay=e,this.manualAutoplay_(e),t=!1):this.options_.autoplay=!!e,t="undefined"==typeof t?this.options_.autoplay:t,this.tech_&&this.techCall_("setAutoplay",t)},e.playsinline=function(e){return void 0!==e?(this.techCall_("setPlaysinline",e),this.options_.playsinline=e,this):this.techGet_("playsinline")},e.loop=function(e){return void 0!==e?(this.techCall_("setLoop",e),void(this.options_.loop=e)):this.techGet_("loop")},e.poster=function(e){if(void 0===e)return this.poster_;(e=e||"")!==this.poster_&&(this.poster_=e,this.techCall_("setPoster",e),this.isPosterFromTech_=!1,this.trigger("posterchange"))},e.handleTechPosterChange_=function(){if((!this.poster_||this.options_.techCanOverridePoster)&&this.tech_&&this.tech_.poster){var e=this.tech_.poster()||"";e!==this.poster_&&(this.poster_=e,this.isPosterFromTech_=!0,this.trigger("posterchange"))}},e.controls=function(e){if(void 0===e)return!!this.controls_;e=!!e,this.controls_!==e&&(this.controls_=e,this.usingNativeControls()&&this.techCall_("setControls",e),this.controls_?(this.removeClass("vjs-controls-disabled"),this.addClass("vjs-controls-enabled"),this.trigger("controlsenabled"),this.usingNativeControls()||this.addTechControlsListeners_()):(this.removeClass("vjs-controls-enabled"),this.addClass("vjs-controls-disabled"),this.trigger("controlsdisabled"),this.usingNativeControls()||this.removeTechControlsListeners_()))},e.usingNativeControls=function(e){if(void 0===e)return!!this.usingNativeControls_;e=!!e,this.usingNativeControls_!==e&&(this.usingNativeControls_=e,this.usingNativeControls_?(this.addClass("vjs-using-native-controls"),this.trigger("usingnativecontrols")):(this.removeClass("vjs-using-native-controls"),this.trigger("usingcustomcontrols")))},e.error=function(e){if(void 0===e)return this.error_||null;if(this.options_.suppressNotSupportedError&&e&&4===e.code){var t=function(){this.error(e)};return this.options_.suppressNotSupportedError=!1,this.any(["click","touchstart"],t),void this.one("loadstart",function(){this.off(["click","touchstart"],t)})}if(null===e)return this.error_=e,this.removeClass("vjs-error"),void(this.errorDisplay&&this.errorDisplay.close());this.error_=new mt(e),this.addClass("vjs-error"),f.error("(CODE:"+this.error_.code+" "+mt.errorTypes[this.error_.code]+")",this.error_.message,this.error_),this.trigger("error")},e.reportUserActivity=function(e){this.userActivity_=!0},e.userActive=function(e){if(void 0===e)return this.userActive_;if((e=!!e)!==this.userActive_){if(this.userActive_=e,this.userActive_)return this.userActivity_=!0,this.removeClass("vjs-user-inactive"),this.addClass("vjs-user-active"),void this.trigger("useractive");this.tech_&&this.tech_.one("mousemove",function(e){e.stopPropagation(),e.preventDefault()}),this.userActivity_=!1,this.removeClass("vjs-user-active"),this.addClass("vjs-user-inactive"),this.trigger("userinactive")}},e.listenForUserActivity_=function(){var t,n,i,r=ge(this,this.reportUserActivity);this.on("mousedown",function(){r(),this.clearInterval(t),t=this.setInterval(r,250)}),this.on("mousemove",function(e){e.screenX===n&&e.screenY===i||(n=e.screenX,i=e.screenY,r())}),this.on("mouseup",function(e){r(),this.clearInterval(t)});var s,e=this.getChild("controlBar");!e||ot||Xe||(e.on("mouseenter",function(e){this.player().cache_.inactivityTimeout=this.player().options_.inactivityTimeout,this.player().options_.inactivityTimeout=0}),e.on("mouseleave",function(e){this.player().options_.inactivityTimeout=this.player().cache_.inactivityTimeout})),this.on("keydown",r),this.on("keyup",r),this.setInterval(function(){if(this.userActivity_){this.userActivity_=!1,this.userActive(!0),this.clearTimeout(s);var e=this.options_.inactivityTimeout;e<=0||(s=this.setTimeout(function(){this.userActivity_||this.userActive(!1)},e))}},250)},e.playbackRate=function(e){if(void 0===e)return this.tech_&&this.tech_.featuresPlaybackRate?this.cache_.lastPlaybackRate||this.techGet_("playbackRate"):1;this.techCall_("setPlaybackRate",e)},e.defaultPlaybackRate=function(e){return void 0!==e?this.techCall_("setDefaultPlaybackRate",e):this.tech_&&this.tech_.featuresPlaybackRate?this.techGet_("defaultPlaybackRate"):1},e.isAudio=function(e){if(void 0===e)return!!this.isAudio_;this.isAudio_=!!e},e.addTextTrack=function(e,t,n){if(this.tech_)return this.tech_.addTextTrack(e,t,n)},e.addRemoteTextTrack=function(e,t){if(this.tech_)return this.tech_.addRemoteTextTrack(e,t)},e.removeRemoteTextTrack=function(e){void 0===e&&(e={});var t=e.track;if(t=t||e,this.tech_)return this.tech_.removeRemoteTextTrack(t)},e.getVideoPlaybackQuality=function(){return this.techGet_("getVideoPlaybackQuality")},e.videoWidth=function(){return this.tech_&&this.tech_.videoWidth&&this.tech_.videoWidth()||0},e.videoHeight=function(){return this.tech_&&this.tech_.videoHeight&&this.tech_.videoHeight()||0},e.language=function(e){if(void 0===e)return this.language_;this.language_=String(e).toLowerCase()},e.languages=function(){return Ne(c.prototype.options_.languages,this.languages_)},e.toJSON=function(){var e=Ne(this.options_),t=e.tracks;e.tracks=[];for(var n=0;n<t.length;n++){var i=t[n];(i=Ne(i)).player=void 0,e.tracks[n]=i}return e},e.createModal=function(e,t){var n=this;(t=t||{}).content=e||"";var i=new Pt(this,t);return this.addChild(i),i.on("dispose",function(){n.removeChild(i)}),i.open(),i},e.updateCurrentBreakpoint_=function(){if(this.responsive())for(var e=this.currentBreakpoint(),t=this.currentWidth(),n=0;n<hr.length;n++){var i=hr[n];if(t<=this.breakpoints_[i]){if(e===i)return;e&&this.removeClass(dr[e]),this.addClass(dr[i]),this.breakpoint_=i;break}}},e.removeCurrentBreakpoint_=function(){var e=this.currentBreakpointClass();this.breakpoint_="",e&&this.removeClass(e)},e.breakpoints=function(e){return void 0===e||(this.breakpoint_="",this.breakpoints_=g({},pr,e),this.updateCurrentBreakpoint_()),g(this.breakpoints_)},e.responsive=function(e){return void 0===e?this.responsive_:(e=Boolean(e))!==this.responsive_?((this.responsive_=e)?(this.on("playerresize",this.updateCurrentBreakpoint_),this.updateCurrentBreakpoint_()):(this.off("playerresize",this.updateCurrentBreakpoint_),this.removeCurrentBreakpoint_()),e):void 0},e.currentBreakpoint=function(){return this.breakpoint_},e.currentBreakpointClass=function(){return dr[this.breakpoint_]||""},e.loadMedia=function(e,t){var n=this;if(e&&"object"==typeof e){this.reset(),this.cache_.media=Ne(e);var i=this.cache_.media,r=i.artwork,s=i.poster,o=i.src,a=i.textTracks;!r&&s&&(this.cache_.media.artwork=[{src:s,type:Sn(s)}]),o&&this.src(o),s&&this.poster(s),Array.isArray(a)&&a.forEach(function(e){return n.addRemoteTextTrack(e,!1)}),this.ready(t)}},e.getMedia=function(){if(this.cache_.media)return Ne(this.cache_.media);var e=this.poster(),t={src:this.currentSources(),textTracks:Array.prototype.map.call(this.remoteTextTracks(),function(e){return{kind:e.kind,label:e.label,language:e.language,src:e.src}})};return e&&(t.poster=e,t.artwork=[{src:t.poster,type:Sn(t.poster)}]),t},c.getTagSettings=function(e){var t={sources:[],tracks:[]},n=A(e),i=n["data-setup"];if(S(e,"vjs-fill")&&(n.fill=!0),S(e,"vjs-fluid")&&(n.fluid=!0),null!==i){var r=Tt(i||"{}"),s=r[0],o=r[1];s&&f.error(s),g(n,o)}if(g(t,n),e.hasChildNodes())for(var a=e.childNodes,l=0,c=a.length;l<c;l++){var u=a[l],h=u.nodeName.toLowerCase();"source"===h?t.sources.push(A(u)):"track"===h&&t.tracks.push(A(u))}return t},e.flexNotSupported_=function(){var e=d.createElement("i");return!("flexBasis"in e.style||"webkitFlexBasis"in e.style||"mozFlexBasis"in e.style||"msFlexBasis"in e.style||"msFlexOrder"in e.style)},c}(De);dn.names.forEach(function(e){var t=dn[e];fr.prototype[t.getterName]=function(){return this.tech_?this.tech_[t.getterName]():(this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName])}}),fr.players={};var vr=h.navigator;fr.prototype.options_={techOrder:fn.defaultTechOrder_,html5:{},flash:{},inactivityTimeout:2e3,playbackRates:[],liveui:!1,children:["mediaLoader","posterImage","textTrackDisplay","loadingSpinner","bigPlayButton","liveTracker","controlBar","errorDisplay","textTrackSettings","resizeManager"],language:vr&&(vr.languages&&vr.languages[0]||vr.userLanguage||vr.language)||"en",languages:{},notSupportedMessage:"No compatible source was found for this media.",fullscreen:{options:{navigationUI:"hide"}},breakpoints:{},responsive:!1},["ended","seeking","seekable","networkState","readyState"].forEach(function(e){fr.prototype[e]=function(){return this.techGet_(e)}}),cr.forEach(function(e){fr.prototype["handleTech"+Le(e)+"_"]=function(){return this.trigger(e)}}),De.registerComponent("Player",fr);function gr(e){return Sr.hasOwnProperty(e)}function yr(e){return gr(e)?Sr[e]:void 0}function _r(e,t){e[Er]=e[Er]||{},e[Er][t]=!0}function mr(e,t,n){var i=(n?"before":"")+"pluginsetup";e.trigger(i,t),e.trigger(i+":"+t.name,t)}function br(r,s){return s.prototype.name=r,function(){mr(this,{name:r,plugin:s,instance:null},!0);for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=kr(s,[this].concat(t));return this[r]=function(){return i},mr(this,i.getEventHash()),i}}var Tr=t(function(n){function i(e,t){return n.exports=i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},i(e,t)}n.exports=i}),kr=t(function(i){function r(e,t,n){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()?i.exports=r=function(e,t,n){var i=[null];i.push.apply(i,t);var r=new(Function.bind.apply(e,i));return n&&Tr(r,n.prototype),r}:i.exports=r=Reflect.construct,r.apply(null,arguments)}i.exports=r}),Cr="plugin",Er="activePlugins_",Sr={},wr=function(){function n(e){if(this.constructor===n)throw new Error("Plugin must be sub-classed; not directly instantiated.");this.player=e,Pe(this),delete this.trigger,Ie(this,this.constructor.defaultState),_r(e,this.name),this.dispose=ge(this,this.dispose),e.on("dispose",this.dispose)}var e=n.prototype;return e.version=function(){return this.constructor.VERSION},e.getEventHash=function(e){return void 0===e&&(e={}),e.name=this.name,e.plugin=this.constructor,e.instance=this,e},e.trigger=function(e,t){return void 0===t&&(t={}),pe(this.eventBusEl_,e,this.getEventHash(t))},e.handleStateChanged=function(e){},e.dispose=function(){var e=this.name,t=this.player;this.trigger("dispose"),this.off(),t.off("dispose",this.dispose),t[Er][e]=!1,this.player=this.state=null,t[e]=br(e,Sr[e])},n.isBasic=function(e){var t="string"==typeof e?yr(e):e;return"function"==typeof t&&!n.prototype.isPrototypeOf(t.prototype)},n.registerPlugin=function(e,t){if("string"!=typeof e)throw new Error('Illegal plugin name, "'+e+'", must be a string, was '+typeof e+".");if(gr(e))f.warn('A plugin named "'+e+'" already exists. You may want to avoid re-registering plugins!');else if(fr.prototype.hasOwnProperty(e))throw new Error('Illegal plugin name, "'+e+'", cannot share a name with an existing player method!');if("function"!=typeof t)throw new Error('Illegal plugin for "'+e+'", must be a function, was '+typeof t+".");return Sr[e]=t,e!==Cr&&(n.isBasic(t)?fr.prototype[e]=function(t,n){function i(){mr(this,{name:t,plugin:n,instance:null},!0);var e=n.apply(this,arguments);return _r(this,t),mr(this,{name:t,plugin:n,instance:e}),e}return Object.keys(n).forEach(function(e){i[e]=n[e]}),i}(e,t):fr.prototype[e]=br(e,t)),t},n.deregisterPlugin=function(e){if(e===Cr)throw new Error("Cannot de-register base plugin.");gr(e)&&(delete Sr[e],delete fr.prototype[e])},n.getPlugins=function(e){var n;return void 0===e&&(e=Object.keys(Sr)),e.forEach(function(e){var t=yr(e);t&&((n=n||{})[e]=t)}),n},n.getPluginVersion=function(e){var t=yr(e);return t&&t.VERSION||""},n}();wr.getPlugin=yr,wr.BASE_PLUGIN_NAME=Cr,wr.registerPlugin(Cr,wr),fr.prototype.usingPlugin=function(e){return!!this[Er]&&!0===this[Er][e]},fr.prototype.hasPlugin=function(e){return!!gr(e)};var xr=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Tr(e,t)},jr=function(e){return 0===e.indexOf("#")?e.slice(1):e};function Pr(e,n,t){var i=Pr.getPlayer(e);if(i)return n&&f.warn('Player "'+e+'" is already initialised. Options will not be applied.'),t&&i.ready(t),i;var r="string"==typeof e?q("#"+jr(e)):e;if(!m(r))throw new TypeError("The element or ID supplied is not valid. (videojs)");r.ownerDocument.defaultView&&r.ownerDocument.body.contains(r)||f.warn("The element supplied is not included in the DOM"),n=n||{},Pr.hooks("beforesetup").forEach(function(e){var t=e(r,Ne(n));a(t)&&!Array.isArray(t)?n=Ne(n,t):f.error("please return an object in beforesetup hooks")});var s=De.getComponent("Player");return i=new s(r,n,t),Pr.hooks("setup").forEach(function(e){return e(i)}),i}if(Pr.hooks_={},Pr.hooks=function(e,t){return Pr.hooks_[e]=Pr.hooks_[e]||[],t&&(Pr.hooks_[e]=Pr.hooks_[e].concat(t)),Pr.hooks_[e]},Pr.hook=function(e,t){Pr.hooks(e,t)},Pr.hookOnce=function(n,e){Pr.hooks(n,[].concat(e).map(function(t){return function e(){return Pr.removeHook(n,e),t.apply(void 0,arguments)}}))},Pr.removeHook=function(e,t){var n=Pr.hooks(e).indexOf(t);return!(n<=-1)&&(Pr.hooks_[e]=Pr.hooks_[e].slice(),Pr.hooks_[e].splice(n,1),!0)},!0!==h.VIDEOJS_NO_DYNAMIC_STYLE&&_()){var Ar=q(".vjs-styles-defaults");if(!Ar){Ar=Z("vjs-styles-defaults");var Ir=q("head");Ir&&Ir.insertBefore(Ar,Ir.firstChild),ee(Ar,"\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ")}}return Q(1,Pr),Pr.VERSION=p,Pr.options=fr.prototype.options_,Pr.getPlayers=function(){return fr.players},Pr.getPlayer=function(e){var t,n=fr.players;if("string"==typeof e){var i=jr(e),r=n[i];if(r)return r;t=q("#"+i)}else t=e;if(m(t)){var s=t,o=s.player,a=s.playerId;if(o||n[a])return o||n[a]}},Pr.getAllPlayers=function(){return Object.keys(fr.players).map(function(e){return fr.players[e]}).filter(Boolean)},Pr.players=fr.players,Pr.getComponent=De.getComponent,Pr.registerComponent=function(e,t){fn.isTech(t)&&f.warn("The "+e+" tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)"),De.registerComponent.call(De,e,t)},Pr.getTech=fn.getTech,Pr.registerTech=fn.registerTech,Pr.use=function(e,t){vn[e]=vn[e]||[],vn[e].push(t)},Object.defineProperty(Pr,"middleware",{value:{},writeable:!1,enumerable:!0}),Object.defineProperty(Pr.middleware,"TERMINATOR",{value:yn,writeable:!1,enumerable:!0}),Pr.browser=lt,Pr.TOUCH_ENABLED=it,Pr.extend=function(e,t){void 0===t&&(t={});var n=function(){e.apply(this,arguments)},i={};for(var r in"object"==typeof t?(t.constructor!==Object.prototype.constructor&&(n=t.constructor),i=t):"function"==typeof t&&(n=t),xr(n,e),e&&(n.super_=e),i)i.hasOwnProperty(r)&&(n.prototype[r]=i[r]);return n},Pr.mergeOptions=Ne,Pr.bind=ge,Pr.registerPlugin=wr.registerPlugin,Pr.deregisterPlugin=wr.deregisterPlugin,Pr.plugin=function(e,t){return f.warn("videojs.plugin() is deprecated; use videojs.registerPlugin() instead"),wr.registerPlugin(e,t)},Pr.getPlugins=wr.getPlugins,Pr.getPlugin=wr.getPlugin,Pr.getPluginVersion=wr.getPluginVersion,Pr.addLanguage=function(e,t){var n;return e=(""+e).toLowerCase(),Pr.options.languages=Ne(Pr.options.languages,((n={})[e]=t,n)),Pr.options.languages[e]},Pr.log=f,Pr.createLogger=v,Pr.createTimeRange=Pr.createTimeRanges=ht,Pr.formatTime=Wn,Pr.setFormatTime=function(e){Kn=e},Pr.resetFormatTime=function(){Kn=Vn},Pr.parseUrl=Nt,Pr.isCrossOrigin=Rt,Pr.EventTarget=_e,Pr.on=he,Pr.one=fe,Pr.off=de,Pr.trigger=pe,Pr.xhr=Jt,Pr.TextTrack=on,Pr.AudioTrack=an,Pr.VideoTrack=ln,["isEl","isTextNode","createEl","hasClass","addClass","removeClass","toggleClass","setAttributes","getAttributes","emptyEl","appendContent","insertContent"].forEach(function(e){Pr[e]=function(){return f.warn("videojs."+e+"() is deprecated; use videojs.dom."+e+"() instead"),$[e].apply(null,arguments)}}),Pr.computedStyle=i,Pr.dom=$,Pr.url=$t,Pr.defineLazyProperty=rr,Pr});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/alt/video.novtt.js b/negromate/web/static/js/videojs/alt/video.novtt.js
deleted file mode 100644
index 2f03320..0000000
--- a/negromate/web/static/js/videojs/alt/video.novtt.js
+++ /dev/null
@@ -1,53814 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('global/window'), require('global/document')) :
-  typeof define === 'function' && define.amd ? define(['global/window', 'global/document'], factory) :
-  (global = global || self, global.videojs = factory(global.window, global.document));
-}(this, function (window$1, document) { 'use strict';
-
-  window$1 = window$1 && window$1.hasOwnProperty('default') ? window$1['default'] : window$1;
-  document = document && document.hasOwnProperty('default') ? document['default'] : document;
-
-  var version = "7.7.4";
-
-  /**
-   * @file create-logger.js
-   * @module create-logger
-   */
-
-  var history = [];
-  /**
-   * Log messages to the console and history based on the type of message
-   *
-   * @private
-   * @param  {string} type
-   *         The name of the console method to use.
-   *
-   * @param  {Array} args
-   *         The arguments to be passed to the matching console method.
-   */
-
-  var LogByTypeFactory = function LogByTypeFactory(name, log) {
-    return function (type, level, args) {
-      var lvl = log.levels[level];
-      var lvlRegExp = new RegExp("^(" + lvl + ")$");
-
-      if (type !== 'log') {
-        // Add the type to the front of the message when it's not "log".
-        args.unshift(type.toUpperCase() + ':');
-      } // Add console prefix after adding to history.
-
-
-      args.unshift(name + ':'); // Add a clone of the args at this point to history.
-
-      if (history) {
-        history.push([].concat(args)); // only store 1000 history entries
-
-        var splice = history.length - 1000;
-        history.splice(0, splice > 0 ? splice : 0);
-      } // If there's no console then don't try to output messages, but they will
-      // still be stored in history.
-
-
-      if (!window$1.console) {
-        return;
-      } // Was setting these once outside of this function, but containing them
-      // in the function makes it easier to test cases where console doesn't exist
-      // when the module is executed.
-
-
-      var fn = window$1.console[type];
-
-      if (!fn && type === 'debug') {
-        // Certain browsers don't have support for console.debug. For those, we
-        // should default to the closest comparable log.
-        fn = window$1.console.info || window$1.console.log;
-      } // Bail out if there's no console or if this type is not allowed by the
-      // current logging level.
-
-
-      if (!fn || !lvl || !lvlRegExp.test(type)) {
-        return;
-      }
-
-      fn[Array.isArray(args) ? 'apply' : 'call'](window$1.console, args);
-    };
-  };
-
-  function createLogger(name) {
-    // This is the private tracking variable for logging level.
-    var level = 'info'; // the curried logByType bound to the specific log and history
-
-    var logByType;
-    /**
-     * Logs plain debug messages. Similar to `console.log`.
-     *
-     * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-     * of our JSDoc template, we cannot properly document this as both a function
-     * and a namespace, so its function signature is documented here.
-     *
-     * #### Arguments
-     * ##### *args
-     * Mixed[]
-     *
-     * Any combination of values that could be passed to `console.log()`.
-     *
-     * #### Return Value
-     *
-     * `undefined`
-     *
-     * @namespace
-     * @param    {Mixed[]} args
-     *           One or more messages or objects that should be logged.
-     */
-
-    var log = function log() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      logByType('log', level, args);
-    }; // This is the logByType helper that the logging methods below use
-
-
-    logByType = LogByTypeFactory(name, log);
-    /**
-     * Create a new sublogger which chains the old name to the new name.
-     *
-     * For example, doing `videojs.log.createLogger('player')` and then using that logger will log the following:
-     * ```js
-     *  mylogger('foo');
-     *  // > VIDEOJS: player: foo
-     * ```
-     *
-     * @param {string} name
-     *        The name to add call the new logger
-     * @return {Object}
-     */
-
-    log.createLogger = function (subname) {
-      return createLogger(name + ': ' + subname);
-    };
-    /**
-     * Enumeration of available logging levels, where the keys are the level names
-     * and the values are `|`-separated strings containing logging methods allowed
-     * in that logging level. These strings are used to create a regular expression
-     * matching the function name being called.
-     *
-     * Levels provided by Video.js are:
-     *
-     * - `off`: Matches no calls. Any value that can be cast to `false` will have
-     *   this effect. The most restrictive.
-     * - `all`: Matches only Video.js-provided functions (`debug`, `log`,
-     *   `log.warn`, and `log.error`).
-     * - `debug`: Matches `log.debug`, `log`, `log.warn`, and `log.error` calls.
-     * - `info` (default): Matches `log`, `log.warn`, and `log.error` calls.
-     * - `warn`: Matches `log.warn` and `log.error` calls.
-     * - `error`: Matches only `log.error` calls.
-     *
-     * @type {Object}
-     */
-
-
-    log.levels = {
-      all: 'debug|log|warn|error',
-      off: '',
-      debug: 'debug|log|warn|error',
-      info: 'log|warn|error',
-      warn: 'warn|error',
-      error: 'error',
-      DEFAULT: level
-    };
-    /**
-     * Get or set the current logging level.
-     *
-     * If a string matching a key from {@link module:log.levels} is provided, acts
-     * as a setter.
-     *
-     * @param  {string} [lvl]
-     *         Pass a valid level to set a new logging level.
-     *
-     * @return {string}
-     *         The current logging level.
-     */
-
-    log.level = function (lvl) {
-      if (typeof lvl === 'string') {
-        if (!log.levels.hasOwnProperty(lvl)) {
-          throw new Error("\"" + lvl + "\" in not a valid log level");
-        }
-
-        level = lvl;
-      }
-
-      return level;
-    };
-    /**
-     * Returns an array containing everything that has been logged to the history.
-     *
-     * This array is a shallow clone of the internal history record. However, its
-     * contents are _not_ cloned; so, mutating objects inside this array will
-     * mutate them in history.
-     *
-     * @return {Array}
-     */
-
-
-    log.history = function () {
-      return history ? [].concat(history) : [];
-    };
-    /**
-     * Allows you to filter the history by the given logger name
-     *
-     * @param {string} fname
-     *        The name to filter by
-     *
-     * @return {Array}
-     *         The filtered list to return
-     */
-
-
-    log.history.filter = function (fname) {
-      return (history || []).filter(function (historyItem) {
-        // if the first item in each historyItem includes `fname`, then it's a match
-        return new RegExp(".*" + fname + ".*").test(historyItem[0]);
-      });
-    };
-    /**
-     * Clears the internal history tracking, but does not prevent further history
-     * tracking.
-     */
-
-
-    log.history.clear = function () {
-      if (history) {
-        history.length = 0;
-      }
-    };
-    /**
-     * Disable history tracking if it is currently enabled.
-     */
-
-
-    log.history.disable = function () {
-      if (history !== null) {
-        history.length = 0;
-        history = null;
-      }
-    };
-    /**
-     * Enable history tracking if it is currently disabled.
-     */
-
-
-    log.history.enable = function () {
-      if (history === null) {
-        history = [];
-      }
-    };
-    /**
-     * Logs error messages. Similar to `console.error`.
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as an error
-     */
-
-
-    log.error = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      return logByType('error', level, args);
-    };
-    /**
-     * Logs warning messages. Similar to `console.warn`.
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as a warning.
-     */
-
-
-    log.warn = function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-
-      return logByType('warn', level, args);
-    };
-    /**
-     * Logs debug messages. Similar to `console.debug`, but may also act as a comparable
-     * log if `console.debug` is not available
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as debug.
-     */
-
-
-    log.debug = function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      return logByType('debug', level, args);
-    };
-
-    return log;
-  }
-
-  /**
-   * @file log.js
-   * @module log
-   */
-  var log = createLogger('VIDEOJS');
-  var createLogger$1 = log.createLogger;
-
-  function createCommonjsModule(fn, module) {
-  	return module = { exports: {} }, fn(module, module.exports), module.exports;
-  }
-
-  var _extends_1 = createCommonjsModule(function (module) {
-    function _extends() {
-      module.exports = _extends = Object.assign || function (target) {
-        for (var i = 1; i < arguments.length; i++) {
-          var source = arguments[i];
-
-          for (var key in source) {
-            if (Object.prototype.hasOwnProperty.call(source, key)) {
-              target[key] = source[key];
-            }
-          }
-        }
-
-        return target;
-      };
-
-      return _extends.apply(this, arguments);
-    }
-
-    module.exports = _extends;
-  });
-
-  /**
-   * @file obj.js
-   * @module obj
-   */
-
-  /**
-   * @callback obj:EachCallback
-   *
-   * @param {Mixed} value
-   *        The current key for the object that is being iterated over.
-   *
-   * @param {string} key
-   *        The current key-value for object that is being iterated over
-   */
-
-  /**
-   * @callback obj:ReduceCallback
-   *
-   * @param {Mixed} accum
-   *        The value that is accumulating over the reduce loop.
-   *
-   * @param {Mixed} value
-   *        The current key for the object that is being iterated over.
-   *
-   * @param {string} key
-   *        The current key-value for object that is being iterated over
-   *
-   * @return {Mixed}
-   *         The new accumulated value.
-   */
-  var toString = Object.prototype.toString;
-  /**
-   * Get the keys of an Object
-   *
-   * @param {Object}
-   *        The Object to get the keys from
-   *
-   * @return {string[]}
-   *         An array of the keys from the object. Returns an empty array if the
-   *         object passed in was invalid or had no keys.
-   *
-   * @private
-   */
-
-  var keys = function keys(object) {
-    return isObject(object) ? Object.keys(object) : [];
-  };
-  /**
-   * Array-like iteration for objects.
-   *
-   * @param {Object} object
-   *        The object to iterate over
-   *
-   * @param {obj:EachCallback} fn
-   *        The callback function which is called for each key in the object.
-   */
-
-
-  function each(object, fn) {
-    keys(object).forEach(function (key) {
-      return fn(object[key], key);
-    });
-  }
-  /**
-   * Array-like reduce for objects.
-   *
-   * @param {Object} object
-   *        The Object that you want to reduce.
-   *
-   * @param {Function} fn
-   *         A callback function which is called for each key in the object. It
-   *         receives the accumulated value and the per-iteration value and key
-   *         as arguments.
-   *
-   * @param {Mixed} [initial = 0]
-   *        Starting value
-   *
-   * @return {Mixed}
-   *         The final accumulated value.
-   */
-
-  function reduce(object, fn, initial) {
-    if (initial === void 0) {
-      initial = 0;
-    }
-
-    return keys(object).reduce(function (accum, key) {
-      return fn(accum, object[key], key);
-    }, initial);
-  }
-  /**
-   * Object.assign-style object shallow merge/extend.
-   *
-   * @param  {Object} target
-   * @param  {Object} ...sources
-   * @return {Object}
-   */
-
-  function assign(target) {
-    for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      sources[_key - 1] = arguments[_key];
-    }
-
-    if (Object.assign) {
-      return _extends_1.apply(void 0, [target].concat(sources));
-    }
-
-    sources.forEach(function (source) {
-      if (!source) {
-        return;
-      }
-
-      each(source, function (value, key) {
-        target[key] = value;
-      });
-    });
-    return target;
-  }
-  /**
-   * Returns whether a value is an object of any kind - including DOM nodes,
-   * arrays, regular expressions, etc. Not functions, though.
-   *
-   * This avoids the gotcha where using `typeof` on a `null` value
-   * results in `'object'`.
-   *
-   * @param  {Object} value
-   * @return {boolean}
-   */
-
-  function isObject(value) {
-    return !!value && typeof value === 'object';
-  }
-  /**
-   * Returns whether an object appears to be a "plain" object - that is, a
-   * direct instance of `Object`.
-   *
-   * @param  {Object} value
-   * @return {boolean}
-   */
-
-  function isPlain(value) {
-    return isObject(value) && toString.call(value) === '[object Object]' && value.constructor === Object;
-  }
-
-  /**
-   * @file computed-style.js
-   * @module computed-style
-   */
-  /**
-   * A safe getComputedStyle.
-   *
-   * This is needed because in Firefox, if the player is loaded in an iframe with
-   * `display:none`, then `getComputedStyle` returns `null`, so, we do a
-   * null-check to make sure that the player doesn't break in these cases.
-   *
-   * @function
-   * @param    {Element} el
-   *           The element you want the computed style of
-   *
-   * @param    {string} prop
-   *           The property name you want
-   *
-   * @see      https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-   */
-
-  function computedStyle(el, prop) {
-    if (!el || !prop) {
-      return '';
-    }
-
-    if (typeof window$1.getComputedStyle === 'function') {
-      var computedStyleValue = window$1.getComputedStyle(el);
-      return computedStyleValue ? computedStyleValue.getPropertyValue(prop) || computedStyleValue[prop] : '';
-    }
-
-    return '';
-  }
-
-  /**
-   * @file dom.js
-   * @module dom
-   */
-  /**
-   * Detect if a value is a string with any non-whitespace characters.
-   *
-   * @private
-   * @param  {string} str
-   *         The string to check
-   *
-   * @return {boolean}
-   *         Will be `true` if the string is non-blank, `false` otherwise.
-   *
-   */
-
-  function isNonBlankString(str) {
-    // we use str.trim as it will trim any whitespace characters
-    // from the front or back of non-whitespace characters. aka
-    // Any string that contains non-whitespace characters will
-    // still contain them after `trim` but whitespace only strings
-    // will have a length of 0, failing this check.
-    return typeof str === 'string' && Boolean(str.trim());
-  }
-  /**
-   * Throws an error if the passed string has whitespace. This is used by
-   * class methods to be relatively consistent with the classList API.
-   *
-   * @private
-   * @param  {string} str
-   *         The string to check for whitespace.
-   *
-   * @throws {Error}
-   *         Throws an error if there is whitespace in the string.
-   */
-
-
-  function throwIfWhitespace(str) {
-    // str.indexOf instead of regex because str.indexOf is faster performance wise.
-    if (str.indexOf(' ') >= 0) {
-      throw new Error('class has illegal whitespace characters');
-    }
-  }
-  /**
-   * Produce a regular expression for matching a className within an elements className.
-   *
-   * @private
-   * @param  {string} className
-   *         The className to generate the RegExp for.
-   *
-   * @return {RegExp}
-   *         The RegExp that will check for a specific `className` in an elements
-   *         className.
-   */
-
-
-  function classRegExp(className) {
-    return new RegExp('(^|\\s)' + className + '($|\\s)');
-  }
-  /**
-   * Whether the current DOM interface appears to be real (i.e. not simulated).
-   *
-   * @return {boolean}
-   *         Will be `true` if the DOM appears to be real, `false` otherwise.
-   */
-
-
-  function isReal() {
-    // Both document and window will never be undefined thanks to `global`.
-    return document === window$1.document;
-  }
-  /**
-   * Determines, via duck typing, whether or not a value is a DOM element.
-   *
-   * @param  {Mixed} value
-   *         The value to check.
-   *
-   * @return {boolean}
-   *         Will be `true` if the value is a DOM element, `false` otherwise.
-   */
-
-  function isEl(value) {
-    return isObject(value) && value.nodeType === 1;
-  }
-  /**
-   * Determines if the current DOM is embedded in an iframe.
-   *
-   * @return {boolean}
-   *         Will be `true` if the DOM is embedded in an iframe, `false`
-   *         otherwise.
-   */
-
-  function isInFrame() {
-    // We need a try/catch here because Safari will throw errors when attempting
-    // to get either `parent` or `self`
-    try {
-      return window$1.parent !== window$1.self;
-    } catch (x) {
-      return true;
-    }
-  }
-  /**
-   * Creates functions to query the DOM using a given method.
-   *
-   * @private
-   * @param   {string} method
-   *          The method to create the query with.
-   *
-   * @return  {Function}
-   *          The query method
-   */
-
-  function createQuerier(method) {
-    return function (selector, context) {
-      if (!isNonBlankString(selector)) {
-        return document[method](null);
-      }
-
-      if (isNonBlankString(context)) {
-        context = document.querySelector(context);
-      }
-
-      var ctx = isEl(context) ? context : document;
-      return ctx[method] && ctx[method](selector);
-    };
-  }
-  /**
-   * Creates an element and applies properties, attributes, and inserts content.
-   *
-   * @param  {string} [tagName='div']
-   *         Name of tag to be created.
-   *
-   * @param  {Object} [properties={}]
-   *         Element properties to be applied.
-   *
-   * @param  {Object} [attributes={}]
-   *         Element attributes to be applied.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor object.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  function createEl(tagName, properties, attributes, content) {
-    if (tagName === void 0) {
-      tagName = 'div';
-    }
-
-    if (properties === void 0) {
-      properties = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    var el = document.createElement(tagName);
-    Object.getOwnPropertyNames(properties).forEach(function (propName) {
-      var val = properties[propName]; // See #2176
-      // We originally were accepting both properties and attributes in the
-      // same object, but that doesn't work so well.
-
-      if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {
-        log.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
-        el.setAttribute(propName, val); // Handle textContent since it's not supported everywhere and we have a
-        // method for it.
-      } else if (propName === 'textContent') {
-        textContent(el, val);
-      } else if (el[propName] !== val) {
-        el[propName] = val;
-      }
-    });
-    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-      el.setAttribute(attrName, attributes[attrName]);
-    });
-
-    if (content) {
-      appendContent(el, content);
-    }
-
-    return el;
-  }
-  /**
-   * Injects text into an element, replacing any existing contents entirely.
-   *
-   * @param  {Element} el
-   *         The element to add text content into
-   *
-   * @param  {string} text
-   *         The text content to add.
-   *
-   * @return {Element}
-   *         The element with added text content.
-   */
-
-  function textContent(el, text) {
-    if (typeof el.textContent === 'undefined') {
-      el.innerText = text;
-    } else {
-      el.textContent = text;
-    }
-
-    return el;
-  }
-  /**
-   * Insert an element as the first child node of another
-   *
-   * @param {Element} child
-   *        Element to insert
-   *
-   * @param {Element} parent
-   *        Element to insert child into
-   */
-
-  function prependTo(child, parent) {
-    if (parent.firstChild) {
-      parent.insertBefore(child, parent.firstChild);
-    } else {
-      parent.appendChild(child);
-    }
-  }
-  /**
-   * Check if an element has a class name.
-   *
-   * @param  {Element} element
-   *         Element to check
-   *
-   * @param  {string} classToCheck
-   *         Class name to check for
-   *
-   * @return {boolean}
-   *         Will be `true` if the element has a class, `false` otherwise.
-   *
-   * @throws {Error}
-   *         Throws an error if `classToCheck` has white space.
-   */
-
-  function hasClass(element, classToCheck) {
-    throwIfWhitespace(classToCheck);
-
-    if (element.classList) {
-      return element.classList.contains(classToCheck);
-    }
-
-    return classRegExp(classToCheck).test(element.className);
-  }
-  /**
-   * Add a class name to an element.
-   *
-   * @param  {Element} element
-   *         Element to add class name to.
-   *
-   * @param  {string} classToAdd
-   *         Class name to add.
-   *
-   * @return {Element}
-   *         The DOM element with the added class name.
-   */
-
-  function addClass(element, classToAdd) {
-    if (element.classList) {
-      element.classList.add(classToAdd); // Don't need to `throwIfWhitespace` here because `hasElClass` will do it
-      // in the case of classList not being supported.
-    } else if (!hasClass(element, classToAdd)) {
-      element.className = (element.className + ' ' + classToAdd).trim();
-    }
-
-    return element;
-  }
-  /**
-   * Remove a class name from an element.
-   *
-   * @param  {Element} element
-   *         Element to remove a class name from.
-   *
-   * @param  {string} classToRemove
-   *         Class name to remove
-   *
-   * @return {Element}
-   *         The DOM element with class name removed.
-   */
-
-  function removeClass(element, classToRemove) {
-    if (element.classList) {
-      element.classList.remove(classToRemove);
-    } else {
-      throwIfWhitespace(classToRemove);
-      element.className = element.className.split(/\s+/).filter(function (c) {
-        return c !== classToRemove;
-      }).join(' ');
-    }
-
-    return element;
-  }
-  /**
-   * The callback definition for toggleClass.
-   *
-   * @callback module:dom~PredicateCallback
-   * @param    {Element} element
-   *           The DOM element of the Component.
-   *
-   * @param    {string} classToToggle
-   *           The `className` that wants to be toggled
-   *
-   * @return   {boolean|undefined}
-   *           If `true` is returned, the `classToToggle` will be added to the
-   *           `element`. If `false`, the `classToToggle` will be removed from
-   *           the `element`. If `undefined`, the callback will be ignored.
-   */
-
-  /**
-   * Adds or removes a class name to/from an element depending on an optional
-   * condition or the presence/absence of the class name.
-   *
-   * @param  {Element} element
-   *         The element to toggle a class name on.
-   *
-   * @param  {string} classToToggle
-   *         The class that should be toggled.
-   *
-   * @param  {boolean|module:dom~PredicateCallback} [predicate]
-   *         See the return value for {@link module:dom~PredicateCallback}
-   *
-   * @return {Element}
-   *         The element with a class that has been toggled.
-   */
-
-  function toggleClass(element, classToToggle, predicate) {
-    // This CANNOT use `classList` internally because IE11 does not support the
-    // second parameter to the `classList.toggle()` method! Which is fine because
-    // `classList` will be used by the add/remove functions.
-    var has = hasClass(element, classToToggle);
-
-    if (typeof predicate === 'function') {
-      predicate = predicate(element, classToToggle);
-    }
-
-    if (typeof predicate !== 'boolean') {
-      predicate = !has;
-    } // If the necessary class operation matches the current state of the
-    // element, no action is required.
-
-
-    if (predicate === has) {
-      return;
-    }
-
-    if (predicate) {
-      addClass(element, classToToggle);
-    } else {
-      removeClass(element, classToToggle);
-    }
-
-    return element;
-  }
-  /**
-   * Apply attributes to an HTML element.
-   *
-   * @param {Element} el
-   *        Element to add attributes to.
-   *
-   * @param {Object} [attributes]
-   *        Attributes to be applied.
-   */
-
-  function setAttributes(el, attributes) {
-    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-      var attrValue = attributes[attrName];
-
-      if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {
-        el.removeAttribute(attrName);
-      } else {
-        el.setAttribute(attrName, attrValue === true ? '' : attrValue);
-      }
-    });
-  }
-  /**
-   * Get an element's attribute values, as defined on the HTML tag.
-   *
-   * Attributes are not the same as properties. They're defined on the tag
-   * or with setAttribute.
-   *
-   * @param  {Element} tag
-   *         Element from which to get tag attributes.
-   *
-   * @return {Object}
-   *         All attributes of the element. Boolean attributes will be `true` or
-   *         `false`, others will be strings.
-   */
-
-  function getAttributes(tag) {
-    var obj = {}; // known boolean attributes
-    // we can check for matching boolean properties, but not all browsers
-    // and not all tags know about these attributes, so, we still want to check them manually
-
-    var knownBooleans = ',' + 'autoplay,controls,playsinline,loop,muted,default,defaultMuted' + ',';
-
-    if (tag && tag.attributes && tag.attributes.length > 0) {
-      var attrs = tag.attributes;
-
-      for (var i = attrs.length - 1; i >= 0; i--) {
-        var attrName = attrs[i].name;
-        var attrVal = attrs[i].value; // check for known booleans
-        // the matching element property will return a value for typeof
-
-        if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(',' + attrName + ',') !== -1) {
-          // the value of an included boolean attribute is typically an empty
-          // string ('') which would equal false if we just check for a false value.
-          // we also don't want support bad code like autoplay='false'
-          attrVal = attrVal !== null ? true : false;
-        }
-
-        obj[attrName] = attrVal;
-      }
-    }
-
-    return obj;
-  }
-  /**
-   * Get the value of an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to get the value of.
-   *
-   * @return {string}
-   *         The value of the attribute.
-   */
-
-  function getAttribute(el, attribute) {
-    return el.getAttribute(attribute);
-  }
-  /**
-   * Set the value of an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to set.
-   *
-   * @param {string} value
-   *        Value to set the attribute to.
-   */
-
-  function setAttribute(el, attribute, value) {
-    el.setAttribute(attribute, value);
-  }
-  /**
-   * Remove an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to remove.
-   */
-
-  function removeAttribute(el, attribute) {
-    el.removeAttribute(attribute);
-  }
-  /**
-   * Attempt to block the ability to select text.
-   */
-
-  function blockTextSelection() {
-    document.body.focus();
-
-    document.onselectstart = function () {
-      return false;
-    };
-  }
-  /**
-   * Turn off text selection blocking.
-   */
-
-  function unblockTextSelection() {
-    document.onselectstart = function () {
-      return true;
-    };
-  }
-  /**
-   * Identical to the native `getBoundingClientRect` function, but ensures that
-   * the method is supported at all (it is in all browsers we claim to support)
-   * and that the element is in the DOM before continuing.
-   *
-   * This wrapper function also shims properties which are not provided by some
-   * older browsers (namely, IE8).
-   *
-   * Additionally, some browsers do not support adding properties to a
-   * `ClientRect`/`DOMRect` object; so, we shallow-copy it with the standard
-   * properties (except `x` and `y` which are not widely supported). This helps
-   * avoid implementations where keys are non-enumerable.
-   *
-   * @param  {Element} el
-   *         Element whose `ClientRect` we want to calculate.
-   *
-   * @return {Object|undefined}
-   *         Always returns a plain object - or `undefined` if it cannot.
-   */
-
-  function getBoundingClientRect(el) {
-    if (el && el.getBoundingClientRect && el.parentNode) {
-      var rect = el.getBoundingClientRect();
-      var result = {};
-      ['bottom', 'height', 'left', 'right', 'top', 'width'].forEach(function (k) {
-        if (rect[k] !== undefined) {
-          result[k] = rect[k];
-        }
-      });
-
-      if (!result.height) {
-        result.height = parseFloat(computedStyle(el, 'height'));
-      }
-
-      if (!result.width) {
-        result.width = parseFloat(computedStyle(el, 'width'));
-      }
-
-      return result;
-    }
-  }
-  /**
-   * Represents the position of a DOM element on the page.
-   *
-   * @typedef  {Object} module:dom~Position
-   *
-   * @property {number} left
-   *           Pixels to the left.
-   *
-   * @property {number} top
-   *           Pixels from the top.
-   */
-
-  /**
-   * Get the position of an element in the DOM.
-   *
-   * Uses `getBoundingClientRect` technique from John Resig.
-   *
-   * @see http://ejohn.org/blog/getboundingclientrect-is-awesome/
-   *
-   * @param  {Element} el
-   *         Element from which to get offset.
-   *
-   * @return {module:dom~Position}
-   *         The position of the element that was passed in.
-   */
-
-  function findPosition(el) {
-    var box;
-
-    if (el.getBoundingClientRect && el.parentNode) {
-      box = el.getBoundingClientRect();
-    }
-
-    if (!box) {
-      return {
-        left: 0,
-        top: 0
-      };
-    }
-
-    var docEl = document.documentElement;
-    var body = document.body;
-    var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-    var scrollLeft = window$1.pageXOffset || body.scrollLeft;
-    var left = box.left + scrollLeft - clientLeft;
-    var clientTop = docEl.clientTop || body.clientTop || 0;
-    var scrollTop = window$1.pageYOffset || body.scrollTop;
-    var top = box.top + scrollTop - clientTop; // Android sometimes returns slightly off decimal values, so need to round
-
-    return {
-      left: Math.round(left),
-      top: Math.round(top)
-    };
-  }
-  /**
-   * Represents x and y coordinates for a DOM element or mouse pointer.
-   *
-   * @typedef  {Object} module:dom~Coordinates
-   *
-   * @property {number} x
-   *           x coordinate in pixels
-   *
-   * @property {number} y
-   *           y coordinate in pixels
-   */
-
-  /**
-   * Get the pointer position within an element.
-   *
-   * The base on the coordinates are the bottom left of the element.
-   *
-   * @param  {Element} el
-   *         Element on which to get the pointer position on.
-   *
-   * @param  {EventTarget~Event} event
-   *         Event object.
-   *
-   * @return {module:dom~Coordinates}
-   *         A coordinates object corresponding to the mouse position.
-   *
-   */
-
-  function getPointerPosition(el, event) {
-    var position = {};
-    var box = findPosition(el);
-    var boxW = el.offsetWidth;
-    var boxH = el.offsetHeight;
-    var boxY = box.top;
-    var boxX = box.left;
-    var pageY = event.pageY;
-    var pageX = event.pageX;
-
-    if (event.changedTouches) {
-      pageX = event.changedTouches[0].pageX;
-      pageY = event.changedTouches[0].pageY;
-    }
-
-    position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));
-    position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));
-    return position;
-  }
-  /**
-   * Determines, via duck typing, whether or not a value is a text node.
-   *
-   * @param  {Mixed} value
-   *         Check if this value is a text node.
-   *
-   * @return {boolean}
-   *         Will be `true` if the value is a text node, `false` otherwise.
-   */
-
-  function isTextNode(value) {
-    return isObject(value) && value.nodeType === 3;
-  }
-  /**
-   * Empties the contents of an element.
-   *
-   * @param  {Element} el
-   *         The element to empty children from
-   *
-   * @return {Element}
-   *         The element with no children
-   */
-
-  function emptyEl(el) {
-    while (el.firstChild) {
-      el.removeChild(el.firstChild);
-    }
-
-    return el;
-  }
-  /**
-   * This is a mixed value that describes content to be injected into the DOM
-   * via some method. It can be of the following types:
-   *
-   * Type       | Description
-   * -----------|-------------
-   * `string`   | The value will be normalized into a text node.
-   * `Element`  | The value will be accepted as-is.
-   * `TextNode` | The value will be accepted as-is.
-   * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
-   * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
-   *
-   * @typedef {string|Element|TextNode|Array|Function} module:dom~ContentDescriptor
-   */
-
-  /**
-   * Normalizes content for eventual insertion into the DOM.
-   *
-   * This allows a wide range of content definition methods, but helps protect
-   * from falling into the trap of simply writing to `innerHTML`, which could
-   * be an XSS concern.
-   *
-   * The content for an element can be passed in multiple types and
-   * combinations, whose behavior is as follows:
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Array}
-   *         All of the content that was passed in, normalized to an array of
-   *         elements or text nodes.
-   */
-
-  function normalizeContent(content) {
-    // First, invoke content if it is a function. If it produces an array,
-    // that needs to happen before normalization.
-    if (typeof content === 'function') {
-      content = content();
-    } // Next up, normalize to an array, so one or many items can be normalized,
-    // filtered, and returned.
-
-
-    return (Array.isArray(content) ? content : [content]).map(function (value) {
-      // First, invoke value if it is a function to produce a new value,
-      // which will be subsequently normalized to a Node of some kind.
-      if (typeof value === 'function') {
-        value = value();
-      }
-
-      if (isEl(value) || isTextNode(value)) {
-        return value;
-      }
-
-      if (typeof value === 'string' && /\S/.test(value)) {
-        return document.createTextNode(value);
-      }
-    }).filter(function (value) {
-      return value;
-    });
-  }
-  /**
-   * Normalizes and appends content to an element.
-   *
-   * @param  {Element} el
-   *         Element to append normalized content to.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Element}
-   *         The element with appended normalized content.
-   */
-
-  function appendContent(el, content) {
-    normalizeContent(content).forEach(function (node) {
-      return el.appendChild(node);
-    });
-    return el;
-  }
-  /**
-   * Normalizes and inserts content into an element; this is identical to
-   * `appendContent()`, except it empties the element first.
-   *
-   * @param {Element} el
-   *        Element to insert normalized content into.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Element}
-   *         The element with inserted normalized content.
-   */
-
-  function insertContent(el, content) {
-    return appendContent(emptyEl(el), content);
-  }
-  /**
-   * Check if an event was a single left click.
-   *
-   * @param  {EventTarget~Event} event
-   *         Event object.
-   *
-   * @return {boolean}
-   *         Will be `true` if a single left click, `false` otherwise.
-   */
-
-  function isSingleLeftClick(event) {
-    // Note: if you create something draggable, be sure to
-    // call it on both `mousedown` and `mousemove` event,
-    // otherwise `mousedown` should be enough for a button
-    if (event.button === undefined && event.buttons === undefined) {
-      // Why do we need `buttons` ?
-      // Because, middle mouse sometimes have this:
-      // e.button === 0 and e.buttons === 4
-      // Furthermore, we want to prevent combination click, something like
-      // HOLD middlemouse then left click, that would be
-      // e.button === 0, e.buttons === 5
-      // just `button` is not gonna work
-      // Alright, then what this block does ?
-      // this is for chrome `simulate mobile devices`
-      // I want to support this as well
-      return true;
-    }
-
-    if (event.button === 0 && event.buttons === undefined) {
-      // Touch screen, sometimes on some specific device, `buttons`
-      // doesn't have anything (safari on ios, blackberry...)
-      return true;
-    } // `mouseup` event on a single left click has
-    // `button` and `buttons` equal to 0
-
-
-    if (event.type === 'mouseup' && event.button === 0 && event.buttons === 0) {
-      return true;
-    }
-
-    if (event.button !== 0 || event.buttons !== 1) {
-      // This is the reason we have those if else block above
-      // if any special case we can catch and let it slide
-      // we do it above, when get to here, this definitely
-      // is-not-left-click
-      return false;
-    }
-
-    return true;
-  }
-  /**
-   * Finds a single DOM element matching `selector` within the optional
-   * `context` of another DOM element (defaulting to `document`).
-   *
-   * @param  {string} selector
-   *         A valid CSS selector, which will be passed to `querySelector`.
-   *
-   * @param  {Element|String} [context=document]
-   *         A DOM element within which to query. Can also be a selector
-   *         string in which case the first matching element will be used
-   *         as context. If missing (or no element matches selector), falls
-   *         back to `document`.
-   *
-   * @return {Element|null}
-   *         The element that was found or null.
-   */
-
-  var $ = createQuerier('querySelector');
-  /**
-   * Finds a all DOM elements matching `selector` within the optional
-   * `context` of another DOM element (defaulting to `document`).
-   *
-   * @param  {string} selector
-   *         A valid CSS selector, which will be passed to `querySelectorAll`.
-   *
-   * @param  {Element|String} [context=document]
-   *         A DOM element within which to query. Can also be a selector
-   *         string in which case the first matching element will be used
-   *         as context. If missing (or no element matches selector), falls
-   *         back to `document`.
-   *
-   * @return {NodeList}
-   *         A element list of elements that were found. Will be empty if none
-   *         were found.
-   *
-   */
-
-  var $$ = createQuerier('querySelectorAll');
-
-  var Dom = /*#__PURE__*/Object.freeze({
-    isReal: isReal,
-    isEl: isEl,
-    isInFrame: isInFrame,
-    createEl: createEl,
-    textContent: textContent,
-    prependTo: prependTo,
-    hasClass: hasClass,
-    addClass: addClass,
-    removeClass: removeClass,
-    toggleClass: toggleClass,
-    setAttributes: setAttributes,
-    getAttributes: getAttributes,
-    getAttribute: getAttribute,
-    setAttribute: setAttribute,
-    removeAttribute: removeAttribute,
-    blockTextSelection: blockTextSelection,
-    unblockTextSelection: unblockTextSelection,
-    getBoundingClientRect: getBoundingClientRect,
-    findPosition: findPosition,
-    getPointerPosition: getPointerPosition,
-    isTextNode: isTextNode,
-    emptyEl: emptyEl,
-    normalizeContent: normalizeContent,
-    appendContent: appendContent,
-    insertContent: insertContent,
-    isSingleLeftClick: isSingleLeftClick,
-    $: $,
-    $$: $$
-  });
-
-  /**
-   * @file setup.js - Functions for setting up a player without
-   * user interaction based on the data-setup `attribute` of the video tag.
-   *
-   * @module setup
-   */
-  var _windowLoaded = false;
-  var videojs;
-  /**
-   * Set up any tags that have a data-setup `attribute` when the player is started.
-   */
-
-  var autoSetup = function autoSetup() {
-    // Protect against breakage in non-browser environments and check global autoSetup option.
-    if (!isReal() || videojs.options.autoSetup === false) {
-      return;
-    }
-
-    var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-    var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-    var divs = Array.prototype.slice.call(document.getElementsByTagName('video-js'));
-    var mediaEls = vids.concat(audios, divs); // Check if any media elements exist
-
-    if (mediaEls && mediaEls.length > 0) {
-      for (var i = 0, e = mediaEls.length; i < e; i++) {
-        var mediaEl = mediaEls[i]; // Check if element exists, has getAttribute func.
-
-        if (mediaEl && mediaEl.getAttribute) {
-          // Make sure this player hasn't already been set up.
-          if (mediaEl.player === undefined) {
-            var options = mediaEl.getAttribute('data-setup'); // Check if data-setup attr exists.
-            // We only auto-setup if they've added the data-setup attr.
-
-            if (options !== null) {
-              // Create new video.js instance.
-              videojs(mediaEl);
-            }
-          } // If getAttribute isn't defined, we need to wait for the DOM.
-
-        } else {
-          autoSetupTimeout(1);
-          break;
-        }
-      } // No videos were found, so keep looping unless page is finished loading.
-
-    } else if (!_windowLoaded) {
-      autoSetupTimeout(1);
-    }
-  };
-  /**
-   * Wait until the page is loaded before running autoSetup. This will be called in
-   * autoSetup if `hasLoaded` returns false.
-   *
-   * @param {number} wait
-   *        How long to wait in ms
-   *
-   * @param {module:videojs} [vjs]
-   *        The videojs library function
-   */
-
-
-  function autoSetupTimeout(wait, vjs) {
-    if (vjs) {
-      videojs = vjs;
-    }
-
-    window$1.setTimeout(autoSetup, wait);
-  }
-  /**
-   * Used to set the internal tracking of window loaded state to true.
-   *
-   * @private
-   */
-
-
-  function setWindowLoaded() {
-    _windowLoaded = true;
-    window$1.removeEventListener('load', setWindowLoaded);
-  }
-
-  if (isReal()) {
-    if (document.readyState === 'complete') {
-      setWindowLoaded();
-    } else {
-      /**
-       * Listen for the load event on window, and set _windowLoaded to true.
-       *
-       * We use a standard event listener here to avoid incrementing the GUID
-       * before any players are created.
-       *
-       * @listens load
-       */
-      window$1.addEventListener('load', setWindowLoaded);
-    }
-  }
-
-  /**
-   * @file stylesheet.js
-   * @module stylesheet
-   */
-  /**
-   * Create a DOM syle element given a className for it.
-   *
-   * @param {string} className
-   *        The className to add to the created style element.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-  var createStyleElement = function createStyleElement(className) {
-    var style = document.createElement('style');
-    style.className = className;
-    return style;
-  };
-  /**
-   * Add text to a DOM element.
-   *
-   * @param {Element} el
-   *        The Element to add text content to.
-   *
-   * @param {string} content
-   *        The text to add to the element.
-   */
-
-  var setTextContent = function setTextContent(el, content) {
-    if (el.styleSheet) {
-      el.styleSheet.cssText = content;
-    } else {
-      el.textContent = content;
-    }
-  };
-
-  /**
-   * @file guid.js
-   * @module guid
-   */
-  // Default value for GUIDs. This allows us to reset the GUID counter in tests.
-  //
-  // The initial GUID is 3 because some users have come to rely on the first
-  // default player ID ending up as `vjs_video_3`.
-  //
-  // See: https://github.com/videojs/video.js/pull/6216
-  var _initialGuid = 3;
-  /**
-   * Unique ID for an element or function
-   *
-   * @type {Number}
-   */
-
-  var _guid = _initialGuid;
-  /**
-   * Get a unique auto-incrementing ID by number that has not been returned before.
-   *
-   * @return {number}
-   *         A new unique ID.
-   */
-
-  function newGUID() {
-    return _guid++;
-  }
-
-  /**
-   * @file dom-data.js
-   * @module dom-data
-   */
-  var FakeWeakMap;
-
-  if (!window$1.WeakMap) {
-    FakeWeakMap =
-    /*#__PURE__*/
-    function () {
-      function FakeWeakMap() {
-        this.vdata = 'vdata' + Math.floor(window$1.performance && window$1.performance.now() || Date.now());
-        this.data = {};
-      }
-
-      var _proto = FakeWeakMap.prototype;
-
-      _proto.set = function set(key, value) {
-        var access = key[this.vdata] || newGUID();
-
-        if (!key[this.vdata]) {
-          key[this.vdata] = access;
-        }
-
-        this.data[access] = value;
-        return this;
-      };
-
-      _proto.get = function get(key) {
-        var access = key[this.vdata]; // we have data, return it
-
-        if (access) {
-          return this.data[access];
-        } // we don't have data, return nothing.
-        // return undefined explicitly as that's the contract for this method
-
-
-        log('We have no data for this element', key);
-        return undefined;
-      };
-
-      _proto.has = function has(key) {
-        var access = key[this.vdata];
-        return access in this.data;
-      };
-
-      _proto["delete"] = function _delete(key) {
-        var access = key[this.vdata];
-
-        if (access) {
-          delete this.data[access];
-          delete key[this.vdata];
-        }
-      };
-
-      return FakeWeakMap;
-    }();
-  }
-  /**
-   * Element Data Store.
-   *
-   * Allows for binding data to an element without putting it directly on the
-   * element. Ex. Event listeners are stored here.
-   * (also from jsninja.com, slightly modified and updated for closure compiler)
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  var DomData = window$1.WeakMap ? new WeakMap() : new FakeWeakMap();
-
-  /**
-   * @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
-   * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
-   * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
-   * robust as jquery's, so there's probably some differences.
-   *
-   * @file events.js
-   * @module events
-   */
-  /**
-   * Clean up the listener cache and dispatchers
-   *
-   * @param {Element|Object} elem
-   *        Element to clean up
-   *
-   * @param {string} type
-   *        Type of event to clean up
-   */
-
-  function _cleanUpEvents(elem, type) {
-    if (!DomData.has(elem)) {
-      return;
-    }
-
-    var data = DomData.get(elem); // Remove the events of a particular type if there are none left
-
-    if (data.handlers[type].length === 0) {
-      delete data.handlers[type]; // data.handlers[type] = null;
-      // Setting to null was causing an error with data.handlers
-      // Remove the meta-handler from the element
-
-      if (elem.removeEventListener) {
-        elem.removeEventListener(type, data.dispatcher, false);
-      } else if (elem.detachEvent) {
-        elem.detachEvent('on' + type, data.dispatcher);
-      }
-    } // Remove the events object if there are no types left
-
-
-    if (Object.getOwnPropertyNames(data.handlers).length <= 0) {
-      delete data.handlers;
-      delete data.dispatcher;
-      delete data.disabled;
-    } // Finally remove the element data if there is no data left
-
-
-    if (Object.getOwnPropertyNames(data).length === 0) {
-      DomData["delete"](elem);
-    }
-  }
-  /**
-   * Loops through an array of event types and calls the requested method for each type.
-   *
-   * @param {Function} fn
-   *        The event method we want to use.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind listeners to
-   *
-   * @param {string} type
-   *        Type of event to bind to.
-   *
-   * @param {EventTarget~EventListener} callback
-   *        Event listener.
-   */
-
-
-  function _handleMultipleEvents(fn, elem, types, callback) {
-    types.forEach(function (type) {
-      // Call the event method for each one of the types
-      fn(elem, type, callback);
-    });
-  }
-  /**
-   * Fix a native event to have standard property values
-   *
-   * @param {Object} event
-   *        Event object to fix.
-   *
-   * @return {Object}
-   *         Fixed event object.
-   */
-
-
-  function fixEvent(event) {
-    if (event.fixed_) {
-      return event;
-    }
-
-    function returnTrue() {
-      return true;
-    }
-
-    function returnFalse() {
-      return false;
-    } // Test if fixing up is needed
-    // Used to check if !event.stopPropagation instead of isPropagationStopped
-    // But native events return true for stopPropagation, but don't have
-    // other expected methods like isPropagationStopped. Seems to be a problem
-    // with the Javascript Ninja code. So we're just overriding all events now.
-
-
-    if (!event || !event.isPropagationStopped) {
-      var old = event || window$1.event;
-      event = {}; // Clone the old object so that we can modify the values event = {};
-      // IE8 Doesn't like when you mess with native event properties
-      // Firefox returns false for event.hasOwnProperty('type') and other props
-      //  which makes copying more difficult.
-      // TODO: Probably best to create a whitelist of event props
-
-      for (var key in old) {
-        // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
-        // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation
-        // and webkitMovementX/Y
-        if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation' && key !== 'webkitMovementX' && key !== 'webkitMovementY') {
-          // Chrome 32+ warns if you try to copy deprecated returnValue, but
-          // we still want to if preventDefault isn't supported (IE8).
-          if (!(key === 'returnValue' && old.preventDefault)) {
-            event[key] = old[key];
-          }
-        }
-      } // The event occurred on this element
-
-
-      if (!event.target) {
-        event.target = event.srcElement || document;
-      } // Handle which other element the event is related to
-
-
-      if (!event.relatedTarget) {
-        event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
-      } // Stop the default browser action
-
-
-      event.preventDefault = function () {
-        if (old.preventDefault) {
-          old.preventDefault();
-        }
-
-        event.returnValue = false;
-        old.returnValue = false;
-        event.defaultPrevented = true;
-      };
-
-      event.defaultPrevented = false; // Stop the event from bubbling
-
-      event.stopPropagation = function () {
-        if (old.stopPropagation) {
-          old.stopPropagation();
-        }
-
-        event.cancelBubble = true;
-        old.cancelBubble = true;
-        event.isPropagationStopped = returnTrue;
-      };
-
-      event.isPropagationStopped = returnFalse; // Stop the event from bubbling and executing other handlers
-
-      event.stopImmediatePropagation = function () {
-        if (old.stopImmediatePropagation) {
-          old.stopImmediatePropagation();
-        }
-
-        event.isImmediatePropagationStopped = returnTrue;
-        event.stopPropagation();
-      };
-
-      event.isImmediatePropagationStopped = returnFalse; // Handle mouse position
-
-      if (event.clientX !== null && event.clientX !== undefined) {
-        var doc = document.documentElement;
-        var body = document.body;
-        event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
-        event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
-      } // Handle key presses
-
-
-      event.which = event.charCode || event.keyCode; // Fix button for mouse clicks:
-      // 0 == left; 1 == middle; 2 == right
-
-      if (event.button !== null && event.button !== undefined) {
-        // The following is disabled because it does not pass videojs-standard
-        // and... yikes.
-
-        /* eslint-disable */
-        event.button = event.button & 1 ? 0 : event.button & 4 ? 1 : event.button & 2 ? 2 : 0;
-        /* eslint-enable */
-      }
-    }
-
-    event.fixed_ = true; // Returns fixed-up instance
-
-    return event;
-  }
-  /**
-   * Whether passive event listeners are supported
-   */
-
-  var _supportsPassive;
-
-  var supportsPassive = function supportsPassive() {
-    if (typeof _supportsPassive !== 'boolean') {
-      _supportsPassive = false;
-
-      try {
-        var opts = Object.defineProperty({}, 'passive', {
-          get: function get() {
-            _supportsPassive = true;
-          }
-        });
-        window$1.addEventListener('test', null, opts);
-        window$1.removeEventListener('test', null, opts);
-      } catch (e) {// disregard
-      }
-    }
-
-    return _supportsPassive;
-  };
-  /**
-   * Touch events Chrome expects to be passive
-   */
-
-
-  var passiveEvents = ['touchstart', 'touchmove'];
-  /**
-   * Add an event listener to element
-   * It stores the handler function in a separate cache object
-   * and adds a generic handler to the element's event,
-   * along with a unique id (guid) to the element.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind listeners to
-   *
-   * @param {string|string[]} type
-   *        Type of event to bind to.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        Event listener.
-   */
-
-  function on(elem, type, fn) {
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(on, elem, type, fn);
-    }
-
-    if (!DomData.has(elem)) {
-      DomData.set(elem, {});
-    }
-
-    var data = DomData.get(elem); // We need a place to store all our handler data
-
-    if (!data.handlers) {
-      data.handlers = {};
-    }
-
-    if (!data.handlers[type]) {
-      data.handlers[type] = [];
-    }
-
-    if (!fn.guid) {
-      fn.guid = newGUID();
-    }
-
-    data.handlers[type].push(fn);
-
-    if (!data.dispatcher) {
-      data.disabled = false;
-
-      data.dispatcher = function (event, hash) {
-        if (data.disabled) {
-          return;
-        }
-
-        event = fixEvent(event);
-        var handlers = data.handlers[event.type];
-
-        if (handlers) {
-          // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
-          var handlersCopy = handlers.slice(0);
-
-          for (var m = 0, n = handlersCopy.length; m < n; m++) {
-            if (event.isImmediatePropagationStopped()) {
-              break;
-            } else {
-              try {
-                handlersCopy[m].call(elem, event, hash);
-              } catch (e) {
-                log.error(e);
-              }
-            }
-          }
-        }
-      };
-    }
-
-    if (data.handlers[type].length === 1) {
-      if (elem.addEventListener) {
-        var options = false;
-
-        if (supportsPassive() && passiveEvents.indexOf(type) > -1) {
-          options = {
-            passive: true
-          };
-        }
-
-        elem.addEventListener(type, data.dispatcher, options);
-      } else if (elem.attachEvent) {
-        elem.attachEvent('on' + type, data.dispatcher);
-      }
-    }
-  }
-  /**
-   * Removes event listeners from an element
-   *
-   * @param {Element|Object} elem
-   *        Object to remove listeners from.
-   *
-   * @param {string|string[]} [type]
-   *        Type of listener to remove. Don't include to remove all events from element.
-   *
-   * @param {EventTarget~EventListener} [fn]
-   *        Specific listener to remove. Don't include to remove listeners for an event
-   *        type.
-   */
-
-  function off(elem, type, fn) {
-    // Don't want to add a cache object through getElData if not needed
-    if (!DomData.has(elem)) {
-      return;
-    }
-
-    var data = DomData.get(elem); // If no events exist, nothing to unbind
-
-    if (!data.handlers) {
-      return;
-    }
-
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(off, elem, type, fn);
-    } // Utility function
-
-
-    var removeType = function removeType(el, t) {
-      data.handlers[t] = [];
-
-      _cleanUpEvents(el, t);
-    }; // Are we removing all bound events?
-
-
-    if (type === undefined) {
-      for (var t in data.handlers) {
-        if (Object.prototype.hasOwnProperty.call(data.handlers || {}, t)) {
-          removeType(elem, t);
-        }
-      }
-
-      return;
-    }
-
-    var handlers = data.handlers[type]; // If no handlers exist, nothing to unbind
-
-    if (!handlers) {
-      return;
-    } // If no listener was provided, remove all listeners for type
-
-
-    if (!fn) {
-      removeType(elem, type);
-      return;
-    } // We're only removing a single handler
-
-
-    if (fn.guid) {
-      for (var n = 0; n < handlers.length; n++) {
-        if (handlers[n].guid === fn.guid) {
-          handlers.splice(n--, 1);
-        }
-      }
-    }
-
-    _cleanUpEvents(elem, type);
-  }
-  /**
-   * Trigger an event for an element
-   *
-   * @param {Element|Object} elem
-   *        Element to trigger an event on
-   *
-   * @param {EventTarget~Event|string} event
-   *        A string (the type) or an event object with a type attribute
-   *
-   * @param {Object} [hash]
-   *        data hash to pass along with the event
-   *
-   * @return {boolean|undefined}
-   *         Returns the opposite of `defaultPrevented` if default was
-   *         prevented. Otherwise, returns `undefined`
-   */
-
-  function trigger(elem, event, hash) {
-    // Fetches element data and a reference to the parent (for bubbling).
-    // Don't want to add a data object to cache for every parent,
-    // so checking hasElData first.
-    var elemData = DomData.has(elem) ? DomData.get(elem) : {};
-    var parent = elem.parentNode || elem.ownerDocument; // type = event.type || event,
-    // handler;
-    // If an event name was passed as a string, creates an event out of it
-
-    if (typeof event === 'string') {
-      event = {
-        type: event,
-        target: elem
-      };
-    } else if (!event.target) {
-      event.target = elem;
-    } // Normalizes the event properties.
-
-
-    event = fixEvent(event); // If the passed element has a dispatcher, executes the established handlers.
-
-    if (elemData.dispatcher) {
-      elemData.dispatcher.call(elem, event, hash);
-    } // Unless explicitly stopped or the event does not bubble (e.g. media events)
-    // recursively calls this function to bubble the event up the DOM.
-
-
-    if (parent && !event.isPropagationStopped() && event.bubbles === true) {
-      trigger.call(null, parent, event, hash); // If at the top of the DOM, triggers the default action unless disabled.
-    } else if (!parent && !event.defaultPrevented && event.target && event.target[event.type]) {
-      if (!DomData.has(event.target)) {
-        DomData.set(event.target, {});
-      }
-
-      var targetData = DomData.get(event.target); // Checks if the target has a default action for this event.
-
-      if (event.target[event.type]) {
-        // Temporarily disables event dispatching on the target as we have already executed the handler.
-        targetData.disabled = true; // Executes the default action.
-
-        if (typeof event.target[event.type] === 'function') {
-          event.target[event.type]();
-        } // Re-enables event dispatching.
-
-
-        targetData.disabled = false;
-      }
-    } // Inform the triggerer if the default was prevented by returning false
-
-
-    return !event.defaultPrevented;
-  }
-  /**
-   * Trigger a listener only once for an event.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind to.
-   *
-   * @param {string|string[]} type
-   *        Name/type of event
-   *
-   * @param {Event~EventListener} fn
-   *        Event listener function
-   */
-
-  function one(elem, type, fn) {
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(one, elem, type, fn);
-    }
-
-    var func = function func() {
-      off(elem, type, func);
-      fn.apply(this, arguments);
-    }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-    func.guid = fn.guid = fn.guid || newGUID();
-    on(elem, type, func);
-  }
-  /**
-   * Trigger a listener only once and then turn if off for all
-   * configured events
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind to.
-   *
-   * @param {string|string[]} type
-   *        Name/type of event
-   *
-   * @param {Event~EventListener} fn
-   *        Event listener function
-   */
-
-  function any(elem, type, fn) {
-    var func = function func() {
-      off(elem, type, func);
-      fn.apply(this, arguments);
-    }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-    func.guid = fn.guid = fn.guid || newGUID(); // multiple ons, but one off for everything
-
-    on(elem, type, func);
-  }
-
-  var Events = /*#__PURE__*/Object.freeze({
-    fixEvent: fixEvent,
-    on: on,
-    off: off,
-    trigger: trigger,
-    one: one,
-    any: any
-  });
-
-  /**
-   * @file fn.js
-   * @module fn
-   */
-  var UPDATE_REFRESH_INTERVAL = 30;
-  /**
-   * Bind (a.k.a proxy or context). A simple method for changing the context of
-   * a function.
-   *
-   * It also stores a unique id on the function so it can be easily removed from
-   * events.
-   *
-   * @function
-   * @param    {Mixed} context
-   *           The object to bind as scope.
-   *
-   * @param    {Function} fn
-   *           The function to be bound to a scope.
-   *
-   * @param    {number} [uid]
-   *           An optional unique ID for the function to be set
-   *
-   * @return   {Function}
-   *           The new function that will be bound into the context given
-   */
-
-  var bind = function bind(context, fn, uid) {
-    // Make sure the function has a unique ID
-    if (!fn.guid) {
-      fn.guid = newGUID();
-    } // Create the new function that changes the context
-
-
-    var bound = fn.bind(context); // Allow for the ability to individualize this function
-    // Needed in the case where multiple objects might share the same prototype
-    // IF both items add an event listener with the same function, then you try to remove just one
-    // it will remove both because they both have the same guid.
-    // when using this, you need to use the bind method when you remove the listener as well.
-    // currently used in text tracks
-
-    bound.guid = uid ? uid + '_' + fn.guid : fn.guid;
-    return bound;
-  };
-  /**
-   * Wraps the given function, `fn`, with a new function that only invokes `fn`
-   * at most once per every `wait` milliseconds.
-   *
-   * @function
-   * @param    {Function} fn
-   *           The function to be throttled.
-   *
-   * @param    {number}   wait
-   *           The number of milliseconds by which to throttle.
-   *
-   * @return   {Function}
-   */
-
-  var throttle = function throttle(fn, wait) {
-    var last = window$1.performance.now();
-
-    var throttled = function throttled() {
-      var now = window$1.performance.now();
-
-      if (now - last >= wait) {
-        fn.apply(void 0, arguments);
-        last = now;
-      }
-    };
-
-    return throttled;
-  };
-  /**
-   * Creates a debounced function that delays invoking `func` until after `wait`
-   * milliseconds have elapsed since the last time the debounced function was
-   * invoked.
-   *
-   * Inspired by lodash and underscore implementations.
-   *
-   * @function
-   * @param    {Function} func
-   *           The function to wrap with debounce behavior.
-   *
-   * @param    {number} wait
-   *           The number of milliseconds to wait after the last invocation.
-   *
-   * @param    {boolean} [immediate]
-   *           Whether or not to invoke the function immediately upon creation.
-   *
-   * @param    {Object} [context=window]
-   *           The "context" in which the debounced function should debounce. For
-   *           example, if this function should be tied to a Video.js player,
-   *           the player can be passed here. Alternatively, defaults to the
-   *           global `window` object.
-   *
-   * @return   {Function}
-   *           A debounced function.
-   */
-
-  var debounce = function debounce(func, wait, immediate, context) {
-    if (context === void 0) {
-      context = window$1;
-    }
-
-    var timeout;
-
-    var cancel = function cancel() {
-      context.clearTimeout(timeout);
-      timeout = null;
-    };
-    /* eslint-disable consistent-this */
-
-
-    var debounced = function debounced() {
-      var self = this;
-      var args = arguments;
-
-      var _later = function later() {
-        timeout = null;
-        _later = null;
-
-        if (!immediate) {
-          func.apply(self, args);
-        }
-      };
-
-      if (!timeout && immediate) {
-        func.apply(self, args);
-      }
-
-      context.clearTimeout(timeout);
-      timeout = context.setTimeout(_later, wait);
-    };
-    /* eslint-enable consistent-this */
-
-
-    debounced.cancel = cancel;
-    return debounced;
-  };
-
-  /**
-   * @file src/js/event-target.js
-   */
-  /**
-   * `EventTarget` is a class that can have the same API as the DOM `EventTarget`. It
-   * adds shorthand functions that wrap around lengthy functions. For example:
-   * the `on` function is a wrapper around `addEventListener`.
-   *
-   * @see [EventTarget Spec]{@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget}
-   * @class EventTarget
-   */
-
-  var EventTarget = function EventTarget() {};
-  /**
-   * A Custom DOM event.
-   *
-   * @typedef {Object} EventTarget~Event
-   * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}
-   */
-
-  /**
-   * All event listeners should follow the following format.
-   *
-   * @callback EventTarget~EventListener
-   * @this {EventTarget}
-   *
-   * @param {EventTarget~Event} event
-   *        the event that triggered this function
-   *
-   * @param {Object} [hash]
-   *        hash of data sent during the event
-   */
-
-  /**
-   * An object containing event names as keys and booleans as values.
-   *
-   * > NOTE: If an event name is set to a true value here {@link EventTarget#trigger}
-   *         will have extra functionality. See that function for more information.
-   *
-   * @property EventTarget.prototype.allowedEvents_
-   * @private
-   */
-
-
-  EventTarget.prototype.allowedEvents_ = {};
-  /**
-   * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
-   * function that will get called when an event with a certain name gets triggered.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to call with `EventTarget`s
-   */
-
-  EventTarget.prototype.on = function (type, fn) {
-    // Remove the addEventListener alias before calling Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    on(this, type, fn);
-    this.addEventListener = ael;
-  };
-  /**
-   * An alias of {@link EventTarget#on}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#on}
-   */
-
-
-  EventTarget.prototype.addEventListener = EventTarget.prototype.on;
-  /**
-   * Removes an `event listener` for a specific event from an instance of `EventTarget`.
-   * This makes it so that the `event listener` will no longer get called when the
-   * named event happens.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to remove.
-   */
-
-  EventTarget.prototype.off = function (type, fn) {
-    off(this, type, fn);
-  };
-  /**
-   * An alias of {@link EventTarget#off}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#off}
-   */
-
-
-  EventTarget.prototype.removeEventListener = EventTarget.prototype.off;
-  /**
-   * This function will add an `event listener` that gets triggered only once. After the
-   * first trigger it will get removed. This is like adding an `event listener`
-   * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to be called once for each event name.
-   */
-
-  EventTarget.prototype.one = function (type, fn) {
-    // Remove the addEventListener aliasing Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    one(this, type, fn);
-    this.addEventListener = ael;
-  };
-
-  EventTarget.prototype.any = function (type, fn) {
-    // Remove the addEventListener aliasing Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    any(this, type, fn);
-    this.addEventListener = ael;
-  };
-  /**
-   * This function causes an event to happen. This will then cause any `event listeners`
-   * that are waiting for that event, to get called. If there are no `event listeners`
-   * for an event then nothing will happen.
-   *
-   * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.
-   * Trigger will also call the `on` + `uppercaseEventName` function.
-   *
-   * Example:
-   * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call
-   * `onClick` if it exists.
-   *
-   * @param {string|EventTarget~Event|Object} event
-   *        The name of the event, an `Event`, or an object with a key of type set to
-   *        an event name.
-   */
-
-
-  EventTarget.prototype.trigger = function (event) {
-    var type = event.type || event; // deprecation
-    // In a future version we should default target to `this`
-    // similar to how we default the target to `elem` in
-    // `Events.trigger`. Right now the default `target` will be
-    // `document` due to the `Event.fixEvent` call.
-
-    if (typeof event === 'string') {
-      event = {
-        type: type
-      };
-    }
-
-    event = fixEvent(event);
-
-    if (this.allowedEvents_[type] && this['on' + type]) {
-      this['on' + type](event);
-    }
-
-    trigger(this, event);
-  };
-  /**
-   * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#trigger}
-   */
-
-
-  EventTarget.prototype.dispatchEvent = EventTarget.prototype.trigger;
-  var EVENT_MAP;
-
-  EventTarget.prototype.queueTrigger = function (event) {
-    var _this = this;
-
-    // only set up EVENT_MAP if it'll be used
-    if (!EVENT_MAP) {
-      EVENT_MAP = new Map();
-    }
-
-    var type = event.type || event;
-    var map = EVENT_MAP.get(this);
-
-    if (!map) {
-      map = new Map();
-      EVENT_MAP.set(this, map);
-    }
-
-    var oldTimeout = map.get(type);
-    map["delete"](type);
-    window$1.clearTimeout(oldTimeout);
-    var timeout = window$1.setTimeout(function () {
-      // if we cleared out all timeouts for the current target, delete its map
-      if (map.size === 0) {
-        map = null;
-        EVENT_MAP["delete"](_this);
-      }
-
-      _this.trigger(event);
-    }, 0);
-    map.set(type, timeout);
-  };
-
-  /**
-   * @file mixins/evented.js
-   * @module evented
-   */
-  /**
-   * Returns whether or not an object has had the evented mixin applied.
-   *
-   * @param  {Object} object
-   *         An object to test.
-   *
-   * @return {boolean}
-   *         Whether or not the object appears to be evented.
-   */
-
-  var isEvented = function isEvented(object) {
-    return object instanceof EventTarget || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
-      return typeof object[k] === 'function';
-    });
-  };
-  /**
-   * Adds a callback to run after the evented mixin applied.
-   *
-   * @param  {Object} object
-   *         An object to Add
-   * @param  {Function} callback
-   *         The callback to run.
-   */
-
-
-  var addEventedCallback = function addEventedCallback(target, callback) {
-    if (isEvented(target)) {
-      callback();
-    } else {
-      if (!target.eventedCallbacks) {
-        target.eventedCallbacks = [];
-      }
-
-      target.eventedCallbacks.push(callback);
-    }
-  };
-  /**
-   * Whether a value is a valid event type - non-empty string or array.
-   *
-   * @private
-   * @param  {string|Array} type
-   *         The type value to test.
-   *
-   * @return {boolean}
-   *         Whether or not the type is a valid event type.
-   */
-
-
-  var isValidEventType = function isValidEventType(type) {
-    return (// The regex here verifies that the `type` contains at least one non-
-      // whitespace character.
-      typeof type === 'string' && /\S/.test(type) || Array.isArray(type) && !!type.length
-    );
-  };
-  /**
-   * Validates a value to determine if it is a valid event target. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the target does not appear to be a valid event target.
-   *
-   * @param  {Object} target
-   *         The object to test.
-   */
-
-
-  var validateTarget = function validateTarget(target) {
-    if (!target.nodeName && !isEvented(target)) {
-      throw new Error('Invalid target; must be a DOM node or evented object.');
-    }
-  };
-  /**
-   * Validates a value to determine if it is a valid event target. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the type does not appear to be a valid event type.
-   *
-   * @param  {string|Array} type
-   *         The type to test.
-   */
-
-
-  var validateEventType = function validateEventType(type) {
-    if (!isValidEventType(type)) {
-      throw new Error('Invalid event type; must be a non-empty string or array.');
-    }
-  };
-  /**
-   * Validates a value to determine if it is a valid listener. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the listener is not a function.
-   *
-   * @param  {Function} listener
-   *         The listener to test.
-   */
-
-
-  var validateListener = function validateListener(listener) {
-    if (typeof listener !== 'function') {
-      throw new Error('Invalid listener; must be a function.');
-    }
-  };
-  /**
-   * Takes an array of arguments given to `on()` or `one()`, validates them, and
-   * normalizes them into an object.
-   *
-   * @private
-   * @param  {Object} self
-   *         The evented object on which `on()` or `one()` was called. This
-   *         object will be bound as the `this` value for the listener.
-   *
-   * @param  {Array} args
-   *         An array of arguments passed to `on()` or `one()`.
-   *
-   * @return {Object}
-   *         An object containing useful values for `on()` or `one()` calls.
-   */
-
-
-  var normalizeListenArgs = function normalizeListenArgs(self, args) {
-    // If the number of arguments is less than 3, the target is always the
-    // evented object itself.
-    var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;
-    var target;
-    var type;
-    var listener;
-
-    if (isTargetingSelf) {
-      target = self.eventBusEl_; // Deal with cases where we got 3 arguments, but we are still listening to
-      // the evented object itself.
-
-      if (args.length >= 3) {
-        args.shift();
-      }
-
-      type = args[0];
-      listener = args[1];
-    } else {
-      target = args[0];
-      type = args[1];
-      listener = args[2];
-    }
-
-    validateTarget(target);
-    validateEventType(type);
-    validateListener(listener);
-    listener = bind(self, listener);
-    return {
-      isTargetingSelf: isTargetingSelf,
-      target: target,
-      type: type,
-      listener: listener
-    };
-  };
-  /**
-   * Adds the listener to the event type(s) on the target, normalizing for
-   * the type of target.
-   *
-   * @private
-   * @param  {Element|Object} target
-   *         A DOM node or evented object.
-   *
-   * @param  {string} method
-   *         The event binding method to use ("on" or "one").
-   *
-   * @param  {string|Array} type
-   *         One or more event type(s).
-   *
-   * @param  {Function} listener
-   *         A listener function.
-   */
-
-
-  var listen = function listen(target, method, type, listener) {
-    validateTarget(target);
-
-    if (target.nodeName) {
-      Events[method](target, type, listener);
-    } else {
-      target[method](type, listener);
-    }
-  };
-  /**
-   * Contains methods that provide event capabilities to an object which is passed
-   * to {@link module:evented|evented}.
-   *
-   * @mixin EventedMixin
-   */
-
-
-  var EventedMixin = {
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    on: function on() {
-      var _this = this;
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var _normalizeListenArgs = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs.isTargetingSelf,
-          target = _normalizeListenArgs.target,
-          type = _normalizeListenArgs.type,
-          listener = _normalizeListenArgs.listener;
-
-      listen(target, 'on', type, listener); // If this object is listening to another evented object.
-
-      if (!isTargetingSelf) {
-        // If this object is disposed, remove the listener.
-        var removeListenerOnDispose = function removeListenerOnDispose() {
-          return _this.off(target, type, listener);
-        }; // Use the same function ID as the listener so we can remove it later it
-        // using the ID of the original listener.
-
-
-        removeListenerOnDispose.guid = listener.guid; // Add a listener to the target's dispose event as well. This ensures
-        // that if the target is disposed BEFORE this object, we remove the
-        // removal listener that was just added. Otherwise, we create a memory leak.
-
-        var removeRemoverOnTargetDispose = function removeRemoverOnTargetDispose() {
-          return _this.off('dispose', removeListenerOnDispose);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        removeRemoverOnTargetDispose.guid = listener.guid;
-        listen(this, 'on', 'dispose', removeListenerOnDispose);
-        listen(target, 'on', 'dispose', removeRemoverOnTargetDispose);
-      }
-    },
-
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object. The listener will be called once per event and then removed.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    one: function one() {
-      var _this2 = this;
-
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      var _normalizeListenArgs2 = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,
-          target = _normalizeListenArgs2.target,
-          type = _normalizeListenArgs2.type,
-          listener = _normalizeListenArgs2.listener; // Targeting this evented object.
-
-
-      if (isTargetingSelf) {
-        listen(target, 'one', type, listener); // Targeting another evented object.
-      } else {
-        // TODO: This wrapper is incorrect! It should only
-        //       remove the wrapper for the event type that called it.
-        //       Instead all listners are removed on the first trigger!
-        //       see https://github.com/videojs/video.js/issues/5962
-        var wrapper = function wrapper() {
-          _this2.off(target, type, wrapper);
-
-          for (var _len3 = arguments.length, largs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            largs[_key3] = arguments[_key3];
-          }
-
-          listener.apply(null, largs);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        wrapper.guid = listener.guid;
-        listen(target, 'one', type, wrapper);
-      }
-    },
-
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object. The listener will only be called once for the first event that is triggered
-     * then removed.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    any: function any() {
-      var _this3 = this;
-
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      var _normalizeListenArgs3 = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs3.isTargetingSelf,
-          target = _normalizeListenArgs3.target,
-          type = _normalizeListenArgs3.type,
-          listener = _normalizeListenArgs3.listener; // Targeting this evented object.
-
-
-      if (isTargetingSelf) {
-        listen(target, 'any', type, listener); // Targeting another evented object.
-      } else {
-        var wrapper = function wrapper() {
-          _this3.off(target, type, wrapper);
-
-          for (var _len5 = arguments.length, largs = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-            largs[_key5] = arguments[_key5];
-          }
-
-          listener.apply(null, largs);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        wrapper.guid = listener.guid;
-        listen(target, 'any', type, wrapper);
-      }
-    },
-
-    /**
-     * Removes listener(s) from event(s) on an evented object.
-     *
-     * @param  {string|Array|Element|Object} [targetOrType]
-     *         If this is a string or array, it represents the event type(s).
-     *
-     *         Another evented object can be passed here instead, in which case
-     *         ALL 3 arguments are _required_.
-     *
-     * @param  {string|Array|Function} [typeOrListener]
-     *         If the first argument was a string or array, this may be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function; otherwise, _all_ listeners bound to the
-     *         event type(s) will be removed.
-     */
-    off: function off$1(targetOrType, typeOrListener, listener) {
-      // Targeting this evented object.
-      if (!targetOrType || isValidEventType(targetOrType)) {
-        off(this.eventBusEl_, targetOrType, typeOrListener); // Targeting another evented object.
-      } else {
-        var target = targetOrType;
-        var type = typeOrListener; // Fail fast and in a meaningful way!
-
-        validateTarget(target);
-        validateEventType(type);
-        validateListener(listener); // Ensure there's at least a guid, even if the function hasn't been used
-
-        listener = bind(this, listener); // Remove the dispose listener on this evented object, which was given
-        // the same guid as the event listener in on().
-
-        this.off('dispose', listener);
-
-        if (target.nodeName) {
-          off(target, type, listener);
-          off(target, 'dispose', listener);
-        } else if (isEvented(target)) {
-          target.off(type, listener);
-          target.off('dispose', listener);
-        }
-      }
-    },
-
-    /**
-     * Fire an event on this evented object, causing its listeners to be called.
-     *
-     * @param   {string|Object} event
-     *          An event type or an object with a type property.
-     *
-     * @param   {Object} [hash]
-     *          An additional object to pass along to listeners.
-     *
-     * @return {boolean}
-     *          Whether or not the default behavior was prevented.
-     */
-    trigger: function trigger$1(event, hash) {
-      return trigger(this.eventBusEl_, event, hash);
-    }
-  };
-  /**
-   * Applies {@link module:evented~EventedMixin|EventedMixin} to a target object.
-   *
-   * @param  {Object} target
-   *         The object to which to add event methods.
-   *
-   * @param  {Object} [options={}]
-   *         Options for customizing the mixin behavior.
-   *
-   * @param  {string} [options.eventBusKey]
-   *         By default, adds a `eventBusEl_` DOM element to the target object,
-   *         which is used as an event bus. If the target object already has a
-   *         DOM element that should be used, pass its key here.
-   *
-   * @return {Object}
-   *         The target object.
-   */
-
-  function evented(target, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options = options,
-        eventBusKey = _options.eventBusKey; // Set or create the eventBusEl_.
-
-    if (eventBusKey) {
-      if (!target[eventBusKey].nodeName) {
-        throw new Error("The eventBusKey \"" + eventBusKey + "\" does not refer to an element.");
-      }
-
-      target.eventBusEl_ = target[eventBusKey];
-    } else {
-      target.eventBusEl_ = createEl('span', {
-        className: 'vjs-event-bus'
-      });
-    }
-
-    assign(target, EventedMixin);
-
-    if (target.eventedCallbacks) {
-      target.eventedCallbacks.forEach(function (callback) {
-        callback();
-      });
-    } // When any evented object is disposed, it removes all its listeners.
-
-
-    target.on('dispose', function () {
-      target.off();
-      window$1.setTimeout(function () {
-        target.eventBusEl_ = null;
-      }, 0);
-    });
-    return target;
-  }
-
-  /**
-   * @file mixins/stateful.js
-   * @module stateful
-   */
-  /**
-   * Contains methods that provide statefulness to an object which is passed
-   * to {@link module:stateful}.
-   *
-   * @mixin StatefulMixin
-   */
-
-  var StatefulMixin = {
-    /**
-     * A hash containing arbitrary keys and values representing the state of
-     * the object.
-     *
-     * @type {Object}
-     */
-    state: {},
-
-    /**
-     * Set the state of an object by mutating its
-     * {@link module:stateful~StatefulMixin.state|state} object in place.
-     *
-     * @fires   module:stateful~StatefulMixin#statechanged
-     * @param   {Object|Function} stateUpdates
-     *          A new set of properties to shallow-merge into the plugin state.
-     *          Can be a plain object or a function returning a plain object.
-     *
-     * @return {Object|undefined}
-     *          An object containing changes that occurred. If no changes
-     *          occurred, returns `undefined`.
-     */
-    setState: function setState(stateUpdates) {
-      var _this = this;
-
-      // Support providing the `stateUpdates` state as a function.
-      if (typeof stateUpdates === 'function') {
-        stateUpdates = stateUpdates();
-      }
-
-      var changes;
-      each(stateUpdates, function (value, key) {
-        // Record the change if the value is different from what's in the
-        // current state.
-        if (_this.state[key] !== value) {
-          changes = changes || {};
-          changes[key] = {
-            from: _this.state[key],
-            to: value
-          };
-        }
-
-        _this.state[key] = value;
-      }); // Only trigger "statechange" if there were changes AND we have a trigger
-      // function. This allows us to not require that the target object be an
-      // evented object.
-
-      if (changes && isEvented(this)) {
-        /**
-         * An event triggered on an object that is both
-         * {@link module:stateful|stateful} and {@link module:evented|evented}
-         * indicating that its state has changed.
-         *
-         * @event    module:stateful~StatefulMixin#statechanged
-         * @type     {Object}
-         * @property {Object} changes
-         *           A hash containing the properties that were changed and
-         *           the values they were changed `from` and `to`.
-         */
-        this.trigger({
-          changes: changes,
-          type: 'statechanged'
-        });
-      }
-
-      return changes;
-    }
-  };
-  /**
-   * Applies {@link module:stateful~StatefulMixin|StatefulMixin} to a target
-   * object.
-   *
-   * If the target object is {@link module:evented|evented} and has a
-   * `handleStateChanged` method, that method will be automatically bound to the
-   * `statechanged` event on itself.
-   *
-   * @param   {Object} target
-   *          The object to be made stateful.
-   *
-   * @param   {Object} [defaultState]
-   *          A default set of properties to populate the newly-stateful object's
-   *          `state` property.
-   *
-   * @return {Object}
-   *          Returns the `target`.
-   */
-
-  function stateful(target, defaultState) {
-    assign(target, StatefulMixin); // This happens after the mixing-in because we need to replace the `state`
-    // added in that step.
-
-    target.state = assign({}, target.state, defaultState); // Auto-bind the `handleStateChanged` method of the target object if it exists.
-
-    if (typeof target.handleStateChanged === 'function' && isEvented(target)) {
-      target.on('statechanged', target.handleStateChanged);
-    }
-
-    return target;
-  }
-
-  /**
-   * @file string-cases.js
-   * @module to-lower-case
-   */
-
-  /**
-   * Lowercase the first letter of a string.
-   *
-   * @param {string} string
-   *        String to be lowercased
-   *
-   * @return {string}
-   *         The string with a lowercased first letter
-   */
-  var toLowerCase = function toLowerCase(string) {
-    if (typeof string !== 'string') {
-      return string;
-    }
-
-    return string.replace(/./, function (w) {
-      return w.toLowerCase();
-    });
-  };
-  /**
-   * Uppercase the first letter of a string.
-   *
-   * @param {string} string
-   *        String to be uppercased
-   *
-   * @return {string}
-   *         The string with an uppercased first letter
-   */
-
-  var toTitleCase = function toTitleCase(string) {
-    if (typeof string !== 'string') {
-      return string;
-    }
-
-    return string.replace(/./, function (w) {
-      return w.toUpperCase();
-    });
-  };
-  /**
-   * Compares the TitleCase versions of the two strings for equality.
-   *
-   * @param {string} str1
-   *        The first string to compare
-   *
-   * @param {string} str2
-   *        The second string to compare
-   *
-   * @return {boolean}
-   *         Whether the TitleCase versions of the strings are equal
-   */
-
-  var titleCaseEquals = function titleCaseEquals(str1, str2) {
-    return toTitleCase(str1) === toTitleCase(str2);
-  };
-
-  /**
-   * @file merge-options.js
-   * @module merge-options
-   */
-  /**
-   * Merge two objects recursively.
-   *
-   * Performs a deep merge like
-   * {@link https://lodash.com/docs/4.17.10#merge|lodash.merge}, but only merges
-   * plain objects (not arrays, elements, or anything else).
-   *
-   * Non-plain object values will be copied directly from the right-most
-   * argument.
-   *
-   * @static
-   * @param   {Object[]} sources
-   *          One or more objects to merge into a new object.
-   *
-   * @return {Object}
-   *          A new object that is the merged result of all sources.
-   */
-
-  function mergeOptions() {
-    var result = {};
-
-    for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-      sources[_key] = arguments[_key];
-    }
-
-    sources.forEach(function (source) {
-      if (!source) {
-        return;
-      }
-
-      each(source, function (value, key) {
-        if (!isPlain(value)) {
-          result[key] = value;
-          return;
-        }
-
-        if (!isPlain(result[key])) {
-          result[key] = {};
-        }
-
-        result[key] = mergeOptions(result[key], value);
-      });
-    });
-    return result;
-  }
-
-  /**
-   * Player Component - Base class for all UI objects
-   *
-   * @file component.js
-   */
-  /**
-   * Base class for all UI Components.
-   * Components are UI objects which represent both a javascript object and an element
-   * in the DOM. They can be children of other components, and can have
-   * children themselves.
-   *
-   * Components can also use methods from {@link EventTarget}
-   */
-
-  var Component =
-  /*#__PURE__*/
-  function () {
-    /**
-     * A callback that is called when a component is ready. Does not have any
-     * paramters and any callback value will be ignored.
-     *
-     * @callback Component~ReadyCallback
-     * @this Component
-     */
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Object[]} [options.children]
-     *        An array of children objects to intialize this component with. Children objects have
-     *        a name property that will be used if more than one component of the same type needs to be
-     *        added.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        Function that gets called when the `Component` is ready.
-     */
-    function Component(player, options, ready) {
-      // The component might be the player itself and we can't pass `this` to super
-      if (!player && this.play) {
-        this.player_ = player = this; // eslint-disable-line
-      } else {
-        this.player_ = player;
-      }
-
-      this.isDisposed_ = false; // Hold the reference to the parent component via `addChild` method
-
-      this.parentComponent_ = null; // Make a copy of prototype.options_ to protect against overriding defaults
-
-      this.options_ = mergeOptions({}, this.options_); // Updated options with supplied options
-
-      options = this.options_ = mergeOptions(this.options_, options); // Get ID from options or options element if one is supplied
-
-      this.id_ = options.id || options.el && options.el.id; // If there was no ID from the options, generate one
-
-      if (!this.id_) {
-        // Don't require the player ID function in the case of mock players
-        var id = player && player.id && player.id() || 'no_player';
-        this.id_ = id + "_component_" + newGUID();
-      }
-
-      this.name_ = options.name || null; // Create element if one wasn't provided in options
-
-      if (options.el) {
-        this.el_ = options.el;
-      } else if (options.createEl !== false) {
-        this.el_ = this.createEl();
-      } // if evented is anything except false, we want to mixin in evented
-
-
-      if (options.evented !== false) {
-        // Make this an evented object and use `el_`, if available, as its event bus
-        evented(this, {
-          eventBusKey: this.el_ ? 'el_' : null
-        });
-      }
-
-      stateful(this, this.constructor.defaultState);
-      this.children_ = [];
-      this.childIndex_ = {};
-      this.childNameIndex_ = {};
-      var SetSham;
-
-      if (!window$1.Set) {
-        SetSham =
-        /*#__PURE__*/
-        function () {
-          function SetSham() {
-            this.set_ = {};
-          }
-
-          var _proto2 = SetSham.prototype;
-
-          _proto2.has = function has(key) {
-            return key in this.set_;
-          };
-
-          _proto2["delete"] = function _delete(key) {
-            var has = this.has(key);
-            delete this.set_[key];
-            return has;
-          };
-
-          _proto2.add = function add(key) {
-            this.set_[key] = 1;
-            return this;
-          };
-
-          _proto2.forEach = function forEach(callback, thisArg) {
-            for (var key in this.set_) {
-              callback.call(thisArg, key, key, this);
-            }
-          };
-
-          return SetSham;
-        }();
-      }
-
-      this.setTimeoutIds_ = window$1.Set ? new Set() : new SetSham();
-      this.setIntervalIds_ = window$1.Set ? new Set() : new SetSham();
-      this.rafIds_ = window$1.Set ? new Set() : new SetSham();
-      this.clearingTimersOnDispose_ = false; // Add any child components in options
-
-      if (options.initChildren !== false) {
-        this.initChildren();
-      }
-
-      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.
-     *
-     * @fires Component#dispose
-     */
-
-
-    var _proto = Component.prototype;
-
-    _proto.dispose = function dispose() {
-      // Bail out if the component has already been disposed.
-      if (this.isDisposed_) {
-        return;
-      }
-      /**
-       * Triggered when a `Component` is disposed.
-       *
-       * @event Component#dispose
-       * @type {EventTarget~Event}
-       *
-       * @property {boolean} [bubbles=false]
-       *           set to false so that the dispose event does not
-       *           bubble up
-       */
-
-
-      this.trigger({
-        type: 'dispose',
-        bubbles: false
-      });
-      this.isDisposed_ = true; // Dispose all children.
-
-      if (this.children_) {
-        for (var i = this.children_.length - 1; i >= 0; i--) {
-          if (this.children_[i].dispose) {
-            this.children_[i].dispose();
-          }
-        }
-      } // Delete child references
-
-
-      this.children_ = null;
-      this.childIndex_ = null;
-      this.childNameIndex_ = null;
-      this.parentComponent_ = null;
-
-      if (this.el_) {
-        // Remove element from DOM
-        if (this.el_.parentNode) {
-          this.el_.parentNode.removeChild(this.el_);
-        }
-
-        if (DomData.has(this.el_)) {
-          DomData["delete"](this.el_);
-        }
-
-        this.el_ = null;
-      } // remove reference to the player after disposing of the element
-
-
-      this.player_ = null;
-    }
-    /**
-     * Determine whether or not this component has been disposed.
-     *
-     * @return {boolean}
-     *         If the component has been disposed, will be `true`. Otherwise, `false`.
-     */
-    ;
-
-    _proto.isDisposed = function isDisposed() {
-      return Boolean(this.isDisposed_);
-    }
-    /**
-     * Return the {@link Player} that the `Component` has attached to.
-     *
-     * @return {Player}
-     *         The player that this `Component` has attached to.
-     */
-    ;
-
-    _proto.player = function player() {
-      return this.player_;
-    }
-    /**
-     * Deep merge of options objects with new options.
-     * > Note: When both `obj` and `options` contain properties whose values are objects.
-     *         The two properties get merged using {@link module:mergeOptions}
-     *
-     * @param {Object} obj
-     *        The object that contains new options.
-     *
-     * @return {Object}
-     *         A new object of `this.options_` and `obj` merged together.
-     */
-    ;
-
-    _proto.options = function options(obj) {
-      if (!obj) {
-        return this.options_;
-      }
-
-      this.options_ = mergeOptions(this.options_, obj);
-      return this.options_;
-    }
-    /**
-     * Get the `Component`s DOM element
-     *
-     * @return {Element}
-     *         The DOM element for this `Component`.
-     */
-    ;
-
-    _proto.el = function el() {
-      return this.el_;
-    }
-    /**
-     * Create the `Component`s DOM element.
-     *
-     * @param {string} [tagName]
-     *        Element's DOM node type. e.g. 'div'
-     *
-     * @param {Object} [properties]
-     *        An object of properties that should be set.
-     *
-     * @param {Object} [attributes]
-     *        An object of attributes that should be set.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1(tagName, properties, attributes) {
-      return createEl(tagName, properties, attributes);
-    }
-    /**
-     * Localize a string given the string in english.
-     *
-     * If tokens are provided, it'll try and run a simple token replacement on the provided string.
-     * The tokens it looks for look like `{1}` with the index being 1-indexed into the tokens array.
-     *
-     * If a `defaultValue` is provided, it'll use that over `string`,
-     * if a value isn't found in provided language files.
-     * This is useful if you want to have a descriptive key for token replacement
-     * but have a succinct localized string and not require `en.json` to be included.
-     *
-     * Currently, it is used for the progress bar timing.
-     * ```js
-     * {
-     *   "progress bar timing: currentTime={1} duration={2}": "{1} of {2}"
-     * }
-     * ```
-     * It is then used like so:
-     * ```js
-     * this.localize('progress bar timing: currentTime={1} duration{2}',
-     *               [this.player_.currentTime(), this.player_.duration()],
-     *               '{1} of {2}');
-     * ```
-     *
-     * Which outputs something like: `01:23 of 24:56`.
-     *
-     *
-     * @param {string} string
-     *        The string to localize and the key to lookup in the language files.
-     * @param {string[]} [tokens]
-     *        If the current item has token replacements, provide the tokens here.
-     * @param {string} [defaultValue]
-     *        Defaults to `string`. Can be a default value to use for token replacement
-     *        if the lookup key is needed to be separate.
-     *
-     * @return {string}
-     *         The localized string or if no localization exists the english string.
-     */
-    ;
-
-    _proto.localize = function localize(string, tokens, defaultValue) {
-      if (defaultValue === void 0) {
-        defaultValue = string;
-      }
-
-      var code = this.player_.language && this.player_.language();
-      var languages = this.player_.languages && this.player_.languages();
-      var language = languages && languages[code];
-      var primaryCode = code && code.split('-')[0];
-      var primaryLang = languages && languages[primaryCode];
-      var localizedString = defaultValue;
-
-      if (language && language[string]) {
-        localizedString = language[string];
-      } else if (primaryLang && primaryLang[string]) {
-        localizedString = primaryLang[string];
-      }
-
-      if (tokens) {
-        localizedString = localizedString.replace(/\{(\d+)\}/g, function (match, index) {
-          var value = tokens[index - 1];
-          var ret = value;
-
-          if (typeof value === 'undefined') {
-            ret = match;
-          }
-
-          return ret;
-        });
-      }
-
-      return localizedString;
-    }
-    /**
-     * Return the `Component`s DOM element. This is where children get inserted.
-     * This will usually be the the same as the element returned in {@link Component#el}.
-     *
-     * @return {Element}
-     *         The content element for this `Component`.
-     */
-    ;
-
-    _proto.contentEl = function contentEl() {
-      return this.contentEl_ || this.el_;
-    }
-    /**
-     * Get this `Component`s ID
-     *
-     * @return {string}
-     *         The id of this `Component`
-     */
-    ;
-
-    _proto.id = function id() {
-      return this.id_;
-    }
-    /**
-     * Get the `Component`s name. The name gets used to reference the `Component`
-     * and is set during registration.
-     *
-     * @return {string}
-     *         The name of this `Component`.
-     */
-    ;
-
-    _proto.name = function name() {
-      return this.name_;
-    }
-    /**
-     * Get an array of all child components
-     *
-     * @return {Array}
-     *         The children
-     */
-    ;
-
-    _proto.children = function children() {
-      return this.children_;
-    }
-    /**
-     * Returns the child `Component` with the given `id`.
-     *
-     * @param {string} id
-     *        The id of the child `Component` to get.
-     *
-     * @return {Component|undefined}
-     *         The child `Component` with the given `id` or undefined.
-     */
-    ;
-
-    _proto.getChildById = function getChildById(id) {
-      return this.childIndex_[id];
-    }
-    /**
-     * Returns the child `Component` with the given `name`.
-     *
-     * @param {string} name
-     *        The name of the child `Component` to get.
-     *
-     * @return {Component|undefined}
-     *         The child `Component` with the given `name` or undefined.
-     */
-    ;
-
-    _proto.getChild = function getChild(name) {
-      if (!name) {
-        return;
-      }
-
-      return this.childNameIndex_[name];
-    }
-    /**
-     * Add a child `Component` inside the current `Component`.
-     *
-     *
-     * @param {string|Component} child
-     *        The name or instance of a child to add.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of options that will get passed to children of
-     *        the child.
-     *
-     * @param {number} [index=this.children_.length]
-     *        The index to attempt to add a child into.
-     *
-     * @return {Component}
-     *         The `Component` that gets added as a child. When using a string the
-     *         `Component` will get created by this process.
-     */
-    ;
-
-    _proto.addChild = function addChild(child, options, index) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (index === void 0) {
-        index = this.children_.length;
-      }
-
-      var component;
-      var componentName; // If child is a string, create component with options
-
-      if (typeof child === 'string') {
-        componentName = toTitleCase(child);
-        var componentClassName = options.componentClass || componentName; // Set name through options
-
-        options.name = componentName; // Create a new object & element for this controls set
-        // If there's no .player_, this is a player
-
-        var ComponentClass = Component.getComponent(componentClassName);
-
-        if (!ComponentClass) {
-          throw new Error("Component " + componentClassName + " does not exist");
-        } // data stored directly on the videojs object may be
-        // misidentified as a component to retain
-        // backwards-compatibility with 4.x. check to make sure the
-        // component class can be instantiated.
-
-
-        if (typeof ComponentClass !== 'function') {
-          return null;
-        }
-
-        component = new ComponentClass(this.player_ || this, options); // child is a component instance
-      } else {
-        component = child;
-      }
-
-      if (component.parentComponent_) {
-        component.parentComponent_.removeChild(component);
-      }
-
-      this.children_.splice(index, 0, component);
-      component.parentComponent_ = this;
-
-      if (typeof component.id === 'function') {
-        this.childIndex_[component.id()] = component;
-      } // If a name wasn't used to create the component, check if we can use the
-      // name function of the component
-
-
-      componentName = componentName || component.name && toTitleCase(component.name());
-
-      if (componentName) {
-        this.childNameIndex_[componentName] = component;
-        this.childNameIndex_[toLowerCase(componentName)] = component;
-      } // Add the UI object's element to the container div (box)
-      // Having an element is not required
-
-
-      if (typeof component.el === 'function' && component.el()) {
-        // If inserting before a component, insert before that component's element
-        var refNode = null;
-
-        if (this.children_[index + 1] && this.children_[index + 1].el_) {
-          refNode = this.children_[index + 1].el_;
-        }
-
-        this.contentEl().insertBefore(component.el(), refNode);
-      } // Return so it can stored on parent object if desired.
-
-
-      return component;
-    }
-    /**
-     * Remove a child `Component` from this `Component`s list of children. Also removes
-     * the child `Component`s element from this `Component`s element.
-     *
-     * @param {Component} component
-     *        The child `Component` to remove.
-     */
-    ;
-
-    _proto.removeChild = function removeChild(component) {
-      if (typeof component === 'string') {
-        component = this.getChild(component);
-      }
-
-      if (!component || !this.children_) {
-        return;
-      }
-
-      var childFound = false;
-
-      for (var i = this.children_.length - 1; i >= 0; i--) {
-        if (this.children_[i] === component) {
-          childFound = true;
-          this.children_.splice(i, 1);
-          break;
-        }
-      }
-
-      if (!childFound) {
-        return;
-      }
-
-      component.parentComponent_ = null;
-      this.childIndex_[component.id()] = null;
-      this.childNameIndex_[toTitleCase(component.name())] = null;
-      this.childNameIndex_[toLowerCase(component.name())] = null;
-      var compEl = component.el();
-
-      if (compEl && compEl.parentNode === this.contentEl()) {
-        this.contentEl().removeChild(component.el());
-      }
-    }
-    /**
-     * Add and initialize default child `Component`s based upon options.
-     */
-    ;
-
-    _proto.initChildren = function initChildren() {
-      var _this = this;
-
-      var children = this.options_.children;
-
-      if (children) {
-        // `this` is `parent`
-        var parentOptions = this.options_;
-
-        var handleAdd = function handleAdd(child) {
-          var name = child.name;
-          var opts = child.opts; // Allow options for children to be set at the parent options
-          // e.g. videojs(id, { controlBar: false });
-          // instead of videojs(id, { children: { controlBar: false });
-
-          if (parentOptions[name] !== undefined) {
-            opts = parentOptions[name];
-          } // Allow for disabling default components
-          // e.g. options['children']['posterImage'] = false
-
-
-          if (opts === false) {
-            return;
-          } // Allow options to be passed as a simple boolean if no configuration
-          // is necessary.
-
-
-          if (opts === true) {
-            opts = {};
-          } // We also want to pass the original player options
-          // to each component as well so they don't need to
-          // reach back into the player for options later.
-
-
-          opts.playerOptions = _this.options_.playerOptions; // Create and add the child component.
-          // Add a direct reference to the child by name on the parent instance.
-          // If two of the same component are used, different names should be supplied
-          // for each
-
-          var newChild = _this.addChild(name, opts);
-
-          if (newChild) {
-            _this[name] = newChild;
-          }
-        }; // Allow for an array of children details to passed in the options
-
-
-        var workingChildren;
-        var Tech = Component.getComponent('Tech');
-
-        if (Array.isArray(children)) {
-          workingChildren = children;
-        } else {
-          workingChildren = Object.keys(children);
-        }
-
-        workingChildren // children that are in this.options_ but also in workingChildren  would
-        // give us extra children we do not want. So, we want to filter them out.
-        .concat(Object.keys(this.options_).filter(function (child) {
-          return !workingChildren.some(function (wchild) {
-            if (typeof wchild === 'string') {
-              return child === wchild;
-            }
-
-            return child === wchild.name;
-          });
-        })).map(function (child) {
-          var name;
-          var opts;
-
-          if (typeof child === 'string') {
-            name = child;
-            opts = children[name] || _this.options_[name] || {};
-          } else {
-            name = child.name;
-            opts = child;
-          }
-
-          return {
-            name: name,
-            opts: opts
-          };
-        }).filter(function (child) {
-          // we have to make sure that child.name isn't in the techOrder since
-          // techs are registerd as Components but can't aren't compatible
-          // See https://github.com/videojs/video.js/issues/2772
-          var c = Component.getComponent(child.opts.componentClass || toTitleCase(child.name));
-          return c && !Tech.isTech(c);
-        }).forEach(handleAdd);
-      }
-    }
-    /**
-     * Builds the default DOM class name. Should be overriden by sub-components.
-     *
-     * @return {string}
-     *         The DOM class name for this object.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      // Child classes can include a function that does:
-      // return 'CLASS NAME' + this._super();
-      return '';
-    }
-    /**
-     * Bind a listener to the component's ready state.
-     * Different from event listeners in that if the ready event has already happened
-     * it will trigger the function immediately.
-     *
-     * @return {Component}
-     *         Returns itself; method can be chained.
-     */
-    ;
-
-    _proto.ready = function ready(fn, sync) {
-      if (sync === void 0) {
-        sync = false;
-      }
-
-      if (!fn) {
-        return;
-      }
-
-      if (!this.isReady_) {
-        this.readyQueue_ = this.readyQueue_ || [];
-        this.readyQueue_.push(fn);
-        return;
-      }
-
-      if (sync) {
-        fn.call(this);
-      } else {
-        // Call the function asynchronously by default for consistency
-        this.setTimeout(fn, 1);
-      }
-    }
-    /**
-     * Trigger all the ready listeners for this `Component`.
-     *
-     * @fires Component#ready
-     */
-    ;
-
-    _proto.triggerReady = function triggerReady() {
-      this.isReady_ = true; // Ensure ready is triggered asynchronously
-
-      this.setTimeout(function () {
-        var readyQueue = this.readyQueue_; // Reset Ready Queue
-
-        this.readyQueue_ = [];
-
-        if (readyQueue && readyQueue.length > 0) {
-          readyQueue.forEach(function (fn) {
-            fn.call(this);
-          }, this);
-        } // Allow for using event listeners also
-
-        /**
-         * Triggered when a `Component` is ready.
-         *
-         * @event Component#ready
-         * @type {EventTarget~Event}
-         */
-
-
-        this.trigger('ready');
-      }, 1);
-    }
-    /**
-     * Find a single DOM element matching a `selector`. This can be within the `Component`s
-     * `contentEl()` or another custom context.
-     *
-     * @param {string} selector
-     *        A valid CSS selector, which will be passed to `querySelector`.
-     *
-     * @param {Element|string} [context=this.contentEl()]
-     *        A DOM element within which to query. Can also be a selector string in
-     *        which case the first matching element will get used as context. If
-     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-     *        nothing it falls back to `document`.
-     *
-     * @return {Element|null}
-     *         the dom element that was found, or null
-     *
-     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-     */
-    ;
-
-    _proto.$ = function $$1(selector, context) {
-      return $(selector, context || this.contentEl());
-    }
-    /**
-     * Finds all DOM element matching a `selector`. This can be within the `Component`s
-     * `contentEl()` or another custom context.
-     *
-     * @param {string} selector
-     *        A valid CSS selector, which will be passed to `querySelectorAll`.
-     *
-     * @param {Element|string} [context=this.contentEl()]
-     *        A DOM element within which to query. Can also be a selector string in
-     *        which case the first matching element will get used as context. If
-     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-     *        nothing it falls back to `document`.
-     *
-     * @return {NodeList}
-     *         a list of dom elements that were found
-     *
-     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-     */
-    ;
-
-    _proto.$$ = function $$$1(selector, context) {
-      return $$(selector, context || this.contentEl());
-    }
-    /**
-     * Check if a component's element has a CSS class name.
-     *
-     * @param {string} classToCheck
-     *        CSS class name to check.
-     *
-     * @return {boolean}
-     *         - True if the `Component` has the class.
-     *         - False if the `Component` does not have the class`
-     */
-    ;
-
-    _proto.hasClass = function hasClass$1(classToCheck) {
-      return hasClass(this.el_, classToCheck);
-    }
-    /**
-     * Add a CSS class name to the `Component`s element.
-     *
-     * @param {string} classToAdd
-     *        CSS class name to add
-     */
-    ;
-
-    _proto.addClass = function addClass$1(classToAdd) {
-      addClass(this.el_, classToAdd);
-    }
-    /**
-     * Remove a CSS class name from the `Component`s element.
-     *
-     * @param {string} classToRemove
-     *        CSS class name to remove
-     */
-    ;
-
-    _proto.removeClass = function removeClass$1(classToRemove) {
-      removeClass(this.el_, classToRemove);
-    }
-    /**
-     * Add or remove a CSS class name from the component's element.
-     * - `classToToggle` gets added when {@link Component#hasClass} would return false.
-     * - `classToToggle` gets removed when {@link Component#hasClass} would return true.
-     *
-     * @param  {string} classToToggle
-     *         The class to add or remove based on (@link Component#hasClass}
-     *
-     * @param  {boolean|Dom~predicate} [predicate]
-     *         An {@link Dom~predicate} function or a boolean
-     */
-    ;
-
-    _proto.toggleClass = function toggleClass$1(classToToggle, predicate) {
-      toggleClass(this.el_, classToToggle, predicate);
-    }
-    /**
-     * Show the `Component`s element if it is hidden by removing the
-     * 'vjs-hidden' class name from it.
-     */
-    ;
-
-    _proto.show = function show() {
-      this.removeClass('vjs-hidden');
-    }
-    /**
-     * Hide the `Component`s element if it is currently showing by adding the
-     * 'vjs-hidden` class name to it.
-     */
-    ;
-
-    _proto.hide = function hide() {
-      this.addClass('vjs-hidden');
-    }
-    /**
-     * Lock a `Component`s element in its visible state by adding the 'vjs-lock-showing'
-     * class name to it. Used during fadeIn/fadeOut.
-     *
-     * @private
-     */
-    ;
-
-    _proto.lockShowing = function lockShowing() {
-      this.addClass('vjs-lock-showing');
-    }
-    /**
-     * Unlock a `Component`s element from its visible state by removing the 'vjs-lock-showing'
-     * class name from it. Used during fadeIn/fadeOut.
-     *
-     * @private
-     */
-    ;
-
-    _proto.unlockShowing = function unlockShowing() {
-      this.removeClass('vjs-lock-showing');
-    }
-    /**
-     * Get the value of an attribute on the `Component`s element.
-     *
-     * @param {string} attribute
-     *        Name of the attribute to get the value from.
-     *
-     * @return {string|null}
-     *         - The value of the attribute that was asked for.
-     *         - Can be an empty string on some browsers if the attribute does not exist
-     *           or has no value
-     *         - Most browsers will return null if the attibute does not exist or has
-     *           no value.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute}
-     */
-    ;
-
-    _proto.getAttribute = function getAttribute$1(attribute) {
-      return getAttribute(this.el_, attribute);
-    }
-    /**
-     * Set the value of an attribute on the `Component`'s element
-     *
-     * @param {string} attribute
-     *        Name of the attribute to set.
-     *
-     * @param {string} value
-     *        Value to set the attribute to.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute}
-     */
-    ;
-
-    _proto.setAttribute = function setAttribute$1(attribute, value) {
-      setAttribute(this.el_, attribute, value);
-    }
-    /**
-     * Remove an attribute from the `Component`s element.
-     *
-     * @param {string} attribute
-     *        Name of the attribute to remove.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute}
-     */
-    ;
-
-    _proto.removeAttribute = function removeAttribute$1(attribute) {
-      removeAttribute(this.el_, attribute);
-    }
-    /**
-     * Get or set the width of the component based upon the CSS styles.
-     * See {@link Component#dimension} for more detailed information.
-     *
-     * @param {number|string} [num]
-     *        The width that you want to set postfixed with '%', 'px' or nothing.
-     *
-     * @param {boolean} [skipListeners]
-     *        Skip the componentresize event trigger
-     *
-     * @return {number|string}
-     *         The width when getting, zero if there is no width. Can be a string
-     *           postpixed with '%' or 'px'.
-     */
-    ;
-
-    _proto.width = function width(num, skipListeners) {
-      return this.dimension('width', num, skipListeners);
-    }
-    /**
-     * Get or set the height of the component based upon the CSS styles.
-     * See {@link Component#dimension} for more detailed information.
-     *
-     * @param {number|string} [num]
-     *        The height that you want to set postfixed with '%', 'px' or nothing.
-     *
-     * @param {boolean} [skipListeners]
-     *        Skip the componentresize event trigger
-     *
-     * @return {number|string}
-     *         The width when getting, zero if there is no width. Can be a string
-     *         postpixed with '%' or 'px'.
-     */
-    ;
-
-    _proto.height = function height(num, skipListeners) {
-      return this.dimension('height', num, skipListeners);
-    }
-    /**
-     * Set both the width and height of the `Component` element at the same time.
-     *
-     * @param  {number|string} width
-     *         Width to set the `Component`s element to.
-     *
-     * @param  {number|string} height
-     *         Height to set the `Component`s element to.
-     */
-    ;
-
-    _proto.dimensions = function dimensions(width, height) {
-      // Skip componentresize listeners on width for optimization
-      this.width(width, true);
-      this.height(height);
-    }
-    /**
-     * Get or set width or height of the `Component` element. This is the shared code
-     * for the {@link Component#width} and {@link Component#height}.
-     *
-     * Things to know:
-     * - If the width or height in an number this will return the number postfixed with 'px'.
-     * - If the width/height is a percent this will return the percent postfixed with '%'
-     * - Hidden elements have a width of 0 with `window.getComputedStyle`. This function
-     *   defaults to the `Component`s `style.width` and falls back to `window.getComputedStyle`.
-     *   See [this]{@link http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/}
-     *   for more information
-     * - If you want the computed style of the component, use {@link Component#currentWidth}
-     *   and {@link {Component#currentHeight}
-     *
-     * @fires Component#componentresize
-     *
-     * @param {string} widthOrHeight
-     8        'width' or 'height'
-     *
-     * @param  {number|string} [num]
-     8         New dimension
-     *
-     * @param  {boolean} [skipListeners]
-     *         Skip componentresize event trigger
-     *
-     * @return {number}
-     *         The dimension when getting or 0 if unset
-     */
-    ;
-
-    _proto.dimension = function dimension(widthOrHeight, num, skipListeners) {
-      if (num !== undefined) {
-        // Set to zero if null or literally NaN (NaN !== NaN)
-        if (num === null || num !== num) {
-          num = 0;
-        } // Check if using css width/height (% or px) and adjust
-
-
-        if (('' + num).indexOf('%') !== -1 || ('' + num).indexOf('px') !== -1) {
-          this.el_.style[widthOrHeight] = num;
-        } else if (num === 'auto') {
-          this.el_.style[widthOrHeight] = '';
-        } else {
-          this.el_.style[widthOrHeight] = num + 'px';
-        } // skipListeners allows us to avoid triggering the resize event when setting both width and height
-
-
-        if (!skipListeners) {
-          /**
-           * Triggered when a component is resized.
-           *
-           * @event Component#componentresize
-           * @type {EventTarget~Event}
-           */
-          this.trigger('componentresize');
-        }
-
-        return;
-      } // Not setting a value, so getting it
-      // Make sure element exists
-
-
-      if (!this.el_) {
-        return 0;
-      } // Get dimension value from style
-
-
-      var val = this.el_.style[widthOrHeight];
-      var pxIndex = val.indexOf('px');
-
-      if (pxIndex !== -1) {
-        // Return the pixel value with no 'px'
-        return parseInt(val.slice(0, pxIndex), 10);
-      } // No px so using % or no style was set, so falling back to offsetWidth/height
-      // If component has display:none, offset will return 0
-      // TODO: handle display:none and no dimension style using px
-
-
-      return parseInt(this.el_['offset' + toTitleCase(widthOrHeight)], 10);
-    }
-    /**
-     * Get the computed width or the height of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @param {string} widthOrHeight
-     *        A string containing 'width' or 'height'. Whichever one you want to get.
-     *
-     * @return {number}
-     *         The dimension that gets asked for or 0 if nothing was set
-     *         for that dimension.
-     */
-    ;
-
-    _proto.currentDimension = function currentDimension(widthOrHeight) {
-      var computedWidthOrHeight = 0;
-
-      if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-        throw new Error('currentDimension only accepts width or height value');
-      }
-
-      computedWidthOrHeight = computedStyle(this.el_, widthOrHeight); // remove 'px' from variable and parse as integer
-
-      computedWidthOrHeight = parseFloat(computedWidthOrHeight); // if the computed value is still 0, it's possible that the browser is lying
-      // and we want to check the offset values.
-      // This code also runs wherever getComputedStyle doesn't exist.
-
-      if (computedWidthOrHeight === 0 || isNaN(computedWidthOrHeight)) {
-        var rule = "offset" + toTitleCase(widthOrHeight);
-        computedWidthOrHeight = this.el_[rule];
-      }
-
-      return computedWidthOrHeight;
-    }
-    /**
-     * An object that contains width and height values of the `Component`s
-     * computed style. Uses `window.getComputedStyle`.
-     *
-     * @typedef {Object} Component~DimensionObject
-     *
-     * @property {number} width
-     *           The width of the `Component`s computed style.
-     *
-     * @property {number} height
-     *           The height of the `Component`s computed style.
-     */
-
-    /**
-     * Get an object that contains computed width and height values of the
-     * component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {Component~DimensionObject}
-     *         The computed dimensions of the component's element.
-     */
-    ;
-
-    _proto.currentDimensions = function currentDimensions() {
-      return {
-        width: this.currentDimension('width'),
-        height: this.currentDimension('height')
-      };
-    }
-    /**
-     * Get the computed width of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {number}
-     *         The computed width of the component's element.
-     */
-    ;
-
-    _proto.currentWidth = function currentWidth() {
-      return this.currentDimension('width');
-    }
-    /**
-     * Get the computed height of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {number}
-     *         The computed height of the component's element.
-     */
-    ;
-
-    _proto.currentHeight = function currentHeight() {
-      return this.currentDimension('height');
-    }
-    /**
-     * Set the focus to this component
-     */
-    ;
-
-    _proto.focus = function focus() {
-      this.el_.focus();
-    }
-    /**
-     * Remove the focus from this component
-     */
-    ;
-
-    _proto.blur = function blur() {
-      this.el_.blur();
-    }
-    /**
-     * When this Component receives a `keydown` event which it does not process,
-     *  it passes the event to the Player for handling.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (this.player_) {
-        // We only stop propagation here because we want unhandled events to fall
-        // back to the browser.
-        event.stopPropagation();
-        this.player_.handleKeyDown(event);
-      }
-    }
-    /**
-     * Many components used to have a `handleKeyPress` method, which was poorly
-     * named because it listened to a `keydown` event. This method name now
-     * delegates to `handleKeyDown`. This means anyone calling `handleKeyPress`
-     * will not see their method calls stop working.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleKeyPress = function handleKeyPress(event) {
-      this.handleKeyDown(event);
-    }
-    /**
-     * Emit a 'tap' events when touch event support gets detected. This gets used to
-     * support toggling the controls through a tap on the video. They get enabled
-     * because every sub-component would have extra overhead otherwise.
-     *
-     * @private
-     * @fires Component#tap
-     * @listens Component#touchstart
-     * @listens Component#touchmove
-     * @listens Component#touchleave
-     * @listens Component#touchcancel
-     * @listens Component#touchend
-      */
-    ;
-
-    _proto.emitTapEvents = function emitTapEvents() {
-      // Track the start time so we can determine how long the touch lasted
-      var touchStart = 0;
-      var firstTouch = null; // Maximum movement allowed during a touch event to still be considered a tap
-      // Other popular libs use anywhere from 2 (hammer.js) to 15,
-      // so 10 seems like a nice, round number.
-
-      var tapMovementThreshold = 10; // The maximum length a touch can be while still being considered a tap
-
-      var touchTimeThreshold = 200;
-      var couldBeTap;
-      this.on('touchstart', function (event) {
-        // If more than one finger, don't consider treating this as a click
-        if (event.touches.length === 1) {
-          // Copy pageX/pageY from the object
-          firstTouch = {
-            pageX: event.touches[0].pageX,
-            pageY: event.touches[0].pageY
-          }; // Record start time so we can detect a tap vs. "touch and hold"
-
-          touchStart = window$1.performance.now(); // Reset couldBeTap tracking
-
-          couldBeTap = true;
-        }
-      });
-      this.on('touchmove', function (event) {
-        // If more than one finger, don't consider treating this as a click
-        if (event.touches.length > 1) {
-          couldBeTap = false;
-        } else if (firstTouch) {
-          // Some devices will throw touchmoves for all but the slightest of taps.
-          // So, if we moved only a small distance, this could still be a tap
-          var xdiff = event.touches[0].pageX - firstTouch.pageX;
-          var ydiff = event.touches[0].pageY - firstTouch.pageY;
-          var touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
-
-          if (touchDistance > tapMovementThreshold) {
-            couldBeTap = false;
-          }
-        }
-      });
-
-      var noTap = function noTap() {
-        couldBeTap = false;
-      }; // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
-
-
-      this.on('touchleave', noTap);
-      this.on('touchcancel', noTap); // When the touch ends, measure how long it took and trigger the appropriate
-      // event
-
-      this.on('touchend', function (event) {
-        firstTouch = null; // Proceed only if the touchmove/leave/cancel event didn't happen
-
-        if (couldBeTap === true) {
-          // Measure how long the touch lasted
-          var touchTime = window$1.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
-
-          if (touchTime < touchTimeThreshold) {
-            // Don't let browser turn this into a click
-            event.preventDefault();
-            /**
-             * Triggered when a `Component` is tapped.
-             *
-             * @event Component#tap
-             * @type {EventTarget~Event}
-             */
-
-            this.trigger('tap'); // It may be good to copy the touchend event object and change the
-            // type to tap, if the other event properties aren't exact after
-            // Events.fixEvent runs (e.g. event.target)
-          }
-        }
-      });
-    }
-    /**
-     * This function reports user activity whenever touch events happen. This can get
-     * turned off by any sub-components that wants touch events to act another way.
-     *
-     * Report user touch activity when touch events occur. User activity gets used to
-     * determine when controls should show/hide. It is 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 as `touchstart` and `touchend` toggle player
-     * controls. So touch events can't help us at the player level either.
-     *
-     * User activity gets 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.
-     * Furthermore a `touchmove` event and anything other than a tap, should not turn
-     * controls back on.
-     *
-     * @listens Component#touchstart
-     * @listens Component#touchmove
-     * @listens Component#touchend
-     * @listens Component#touchcancel
-     */
-    ;
-
-    _proto.enableTouchActivity = function enableTouchActivity() {
-      // Don't continue if the root player doesn't support reporting user activity
-      if (!this.player() || !this.player().reportUserActivity) {
-        return;
-      } // listener for reporting that the user is active
-
-
-      var report = bind(this.player(), this.player().reportUserActivity);
-      var touchHolding;
-      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
-
-        this.clearInterval(touchHolding); // report at the same interval as activityCheck
-
-        touchHolding = this.setInterval(report, 250);
-      });
-
-      var touchEnd = function touchEnd(event) {
-        report(); // stop the interval that maintains activity if the touch is holding
-
-        this.clearInterval(touchHolding);
-      };
-
-      this.on('touchmove', report);
-      this.on('touchend', touchEnd);
-      this.on('touchcancel', touchEnd);
-    }
-    /**
-     * A callback that has no parameters and is bound into `Component`s context.
-     *
-     * @callback Component~GenericCallback
-     * @this Component
-     */
-
-    /**
-     * Creates a function that runs after an `x` millisecond timeout. This function is a
-     * wrapper around `window.setTimeout`. There are a few reasons to use this one
-     * instead though:
-     * 1. It gets cleared via  {@link Component#clearTimeout} when
-     *    {@link Component#dispose} gets called.
-     * 2. The function callback will gets turned into a {@link Component~GenericCallback}
-     *
-     * > Note: You can't use `window.clearTimeout` on the id returned by this function. This
-     *         will cause its dispose listener not to get cleaned up! Please use
-     *         {@link Component#clearTimeout} or {@link Component#dispose} instead.
-     *
-     * @param {Component~GenericCallback} fn
-     *        The function that will be run after `timeout`.
-     *
-     * @param {number} timeout
-     *        Timeout in milliseconds to delay before executing the specified function.
-     *
-     * @return {number}
-     *         Returns a timeout ID that gets used to identify the timeout. It can also
-     *         get used in {@link Component#clearTimeout} to clear the timeout that
-     *         was set.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout}
-     */
-    ;
-
-    _proto.setTimeout = function setTimeout(fn, timeout) {
-      var _this2 = this;
-
-      // declare as variables so they are properly available in timeout function
-      // eslint-disable-next-line
-      var timeoutId;
-      fn = bind(this, fn);
-      this.clearTimersOnDispose_();
-      timeoutId = window$1.setTimeout(function () {
-        if (_this2.setTimeoutIds_.has(timeoutId)) {
-          _this2.setTimeoutIds_["delete"](timeoutId);
-        }
-
-        fn();
-      }, timeout);
-      this.setTimeoutIds_.add(timeoutId);
-      return timeoutId;
-    }
-    /**
-     * Clears a timeout that gets created via `window.setTimeout` or
-     * {@link Component#setTimeout}. If you set a timeout via {@link Component#setTimeout}
-     * use this function instead of `window.clearTimout`. If you don't your dispose
-     * listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} timeoutId
-     *        The id of the timeout to clear. The return value of
-     *        {@link Component#setTimeout} or `window.setTimeout`.
-     *
-     * @return {number}
-     *         Returns the timeout id that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout}
-     */
-    ;
-
-    _proto.clearTimeout = function clearTimeout(timeoutId) {
-      if (this.setTimeoutIds_.has(timeoutId)) {
-        this.setTimeoutIds_["delete"](timeoutId);
-        window$1.clearTimeout(timeoutId);
-      }
-
-      return timeoutId;
-    }
-    /**
-     * Creates a function that gets run every `x` milliseconds. This function is a wrapper
-     * around `window.setInterval`. There are a few reasons to use this one instead though.
-     * 1. It gets cleared via  {@link Component#clearInterval} when
-     *    {@link Component#dispose} gets called.
-     * 2. The function callback will be a {@link Component~GenericCallback}
-     *
-     * @param {Component~GenericCallback} fn
-     *        The function to run every `x` seconds.
-     *
-     * @param {number} interval
-     *        Execute the specified function every `x` milliseconds.
-     *
-     * @return {number}
-     *         Returns an id that can be used to identify the interval. It can also be be used in
-     *         {@link Component#clearInterval} to clear the interval.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval}
-     */
-    ;
-
-    _proto.setInterval = function setInterval(fn, interval) {
-      fn = bind(this, fn);
-      this.clearTimersOnDispose_();
-      var intervalId = window$1.setInterval(fn, interval);
-      this.setIntervalIds_.add(intervalId);
-      return intervalId;
-    }
-    /**
-     * Clears an interval that gets created via `window.setInterval` or
-     * {@link Component#setInterval}. If you set an inteval via {@link Component#setInterval}
-     * use this function instead of `window.clearInterval`. If you don't your dispose
-     * listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} intervalId
-     *        The id of the interval to clear. The return value of
-     *        {@link Component#setInterval} or `window.setInterval`.
-     *
-     * @return {number}
-     *         Returns the interval id that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval}
-     */
-    ;
-
-    _proto.clearInterval = function clearInterval(intervalId) {
-      if (this.setIntervalIds_.has(intervalId)) {
-        this.setIntervalIds_["delete"](intervalId);
-        window$1.clearInterval(intervalId);
-      }
-
-      return intervalId;
-    }
-    /**
-     * Queues up a callback to be passed to requestAnimationFrame (rAF), but
-     * with a few extra bonuses:
-     *
-     * - Supports browsers that do not support rAF by falling back to
-     *   {@link Component#setTimeout}.
-     *
-     * - The callback is turned into a {@link Component~GenericCallback} (i.e.
-     *   bound to the component).
-     *
-     * - Automatic cancellation of the rAF callback is handled if the component
-     *   is disposed before it is called.
-     *
-     * @param  {Component~GenericCallback} fn
-     *         A function that will be bound to this component and executed just
-     *         before the browser's next repaint.
-     *
-     * @return {number}
-     *         Returns an rAF ID that gets used to identify the timeout. It can
-     *         also be used in {@link Component#cancelAnimationFrame} to cancel
-     *         the animation frame callback.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame}
-     */
-    ;
-
-    _proto.requestAnimationFrame = function requestAnimationFrame(fn) {
-      var _this3 = this;
-
-      // Fall back to using a timer.
-      if (!this.supportsRaf_) {
-        return this.setTimeout(fn, 1000 / 60);
-      }
-
-      this.clearTimersOnDispose_(); // declare as variables so they are properly available in rAF function
-      // eslint-disable-next-line
-
-      var id;
-      fn = bind(this, fn);
-      id = window$1.requestAnimationFrame(function () {
-        if (_this3.rafIds_.has(id)) {
-          _this3.rafIds_["delete"](id);
-        }
-
-        fn();
-      });
-      this.rafIds_.add(id);
-      return id;
-    }
-    /**
-     * Cancels a queued callback passed to {@link Component#requestAnimationFrame}
-     * (rAF).
-     *
-     * If you queue an rAF callback via {@link Component#requestAnimationFrame},
-     * use this function instead of `window.cancelAnimationFrame`. If you don't,
-     * your dispose listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} id
-     *        The rAF ID to clear. The return value of {@link Component#requestAnimationFrame}.
-     *
-     * @return {number}
-     *         Returns the rAF ID that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/cancelAnimationFrame}
-     */
-    ;
-
-    _proto.cancelAnimationFrame = function cancelAnimationFrame(id) {
-      // Fall back to using a timer.
-      if (!this.supportsRaf_) {
-        return this.clearTimeout(id);
-      }
-
-      if (this.rafIds_.has(id)) {
-        this.rafIds_["delete"](id);
-        window$1.cancelAnimationFrame(id);
-      }
-
-      return id;
-    }
-    /**
-     * A function to setup `requestAnimationFrame`, `setTimeout`,
-     * and `setInterval`, clearing on dispose.
-     *
-     * > Previously each timer added and removed dispose listeners on it's own.
-     * For better performance it was decided to batch them all, and use `Set`s
-     * to track outstanding timer ids.
-     *
-     * @private
-     */
-    ;
-
-    _proto.clearTimersOnDispose_ = function clearTimersOnDispose_() {
-      var _this4 = this;
-
-      if (this.clearingTimersOnDispose_) {
-        return;
-      }
-
-      this.clearingTimersOnDispose_ = true;
-      this.one('dispose', function () {
-        [['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
-          var idName = _ref[0],
-              cancelName = _ref[1];
-
-          _this4[idName].forEach(_this4[cancelName], _this4);
-        });
-        _this4.clearingTimersOnDispose_ = false;
-      });
-    }
-    /**
-     * Register a `Component` with `videojs` given the name and the component.
-     *
-     * > NOTE: {@link Tech}s should not be registered as a `Component`. {@link Tech}s
-     *         should be registered using {@link Tech.registerTech} or
-     *         {@link videojs:videojs.registerTech}.
-     *
-     * > NOTE: This function can also be seen on videojs as
-     *         {@link videojs:videojs.registerComponent}.
-     *
-     * @param {string} name
-     *        The name of the `Component` to register.
-     *
-     * @param {Component} ComponentToRegister
-     *        The `Component` class to register.
-     *
-     * @return {Component}
-     *         The `Component` that was registered.
-     */
-    ;
-
-    Component.registerComponent = function registerComponent(name, ComponentToRegister) {
-      if (typeof name !== 'string' || !name) {
-        throw new Error("Illegal component name, \"" + name + "\"; must be a non-empty string.");
-      }
-
-      var Tech = Component.getComponent('Tech'); // We need to make sure this check is only done if Tech has been registered.
-
-      var isTech = Tech && Tech.isTech(ComponentToRegister);
-      var isComp = Component === ComponentToRegister || Component.prototype.isPrototypeOf(ComponentToRegister.prototype);
-
-      if (isTech || !isComp) {
-        var reason;
-
-        if (isTech) {
-          reason = 'techs must be registered using Tech.registerTech()';
-        } else {
-          reason = 'must be a Component subclass';
-        }
-
-        throw new Error("Illegal component, \"" + name + "\"; " + reason + ".");
-      }
-
-      name = toTitleCase(name);
-
-      if (!Component.components_) {
-        Component.components_ = {};
-      }
-
-      var Player = Component.getComponent('Player');
-
-      if (name === 'Player' && Player && Player.players) {
-        var players = Player.players;
-        var playerNames = Object.keys(players); // If we have players that were disposed, then their name will still be
-        // in Players.players. So, we must loop through and verify that the value
-        // for each item is not null. This allows registration of the Player component
-        // after all players have been disposed or before any were created.
-
-        if (players && playerNames.length > 0 && playerNames.map(function (pname) {
-          return players[pname];
-        }).every(Boolean)) {
-          throw new Error('Can not register Player component after player has been created.');
-        }
-      }
-
-      Component.components_[name] = ComponentToRegister;
-      Component.components_[toLowerCase(name)] = ComponentToRegister;
-      return ComponentToRegister;
-    }
-    /**
-     * Get a `Component` based on the name it was registered with.
-     *
-     * @param {string} name
-     *        The Name of the component to get.
-     *
-     * @return {Component}
-     *         The `Component` that got registered under the given name.
-     *
-     * @deprecated In `videojs` 6 this will not return `Component`s that were not
-     *             registered using {@link Component.registerComponent}. Currently we
-     *             check the global `videojs` object for a `Component` name and
-     *             return that if it exists.
-     */
-    ;
-
-    Component.getComponent = function getComponent(name) {
-      if (!name || !Component.components_) {
-        return;
-      }
-
-      return Component.components_[name];
-    };
-
-    return Component;
-  }();
-  /**
-   * Whether or not this component supports `requestAnimationFrame`.
-   *
-   * This is exposed primarily for testing purposes.
-   *
-   * @private
-   * @type {Boolean}
-   */
-
-
-  Component.prototype.supportsRaf_ = typeof window$1.requestAnimationFrame === 'function' && typeof window$1.cancelAnimationFrame === 'function';
-  Component.registerComponent('Component', Component);
-
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
-  }
-
-  var assertThisInitialized = _assertThisInitialized;
-
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  var inheritsLoose = _inheritsLoose;
-
-  /**
-   * @file browser.js
-   * @module browser
-   */
-  var USER_AGENT = window$1.navigator && window$1.navigator.userAgent || '';
-  var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
-  var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
-  /**
-   * Whether or not this device is an iPod.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IPOD = /iPod/i.test(USER_AGENT);
-  /**
-   * The detected iOS version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {string|null}
-   */
-
-  var IOS_VERSION = function () {
-    var match = USER_AGENT.match(/OS (\d+)_/i);
-
-    if (match && match[1]) {
-      return match[1];
-    }
-
-    return null;
-  }();
-  /**
-   * Whether or not this is an Android device.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_ANDROID = /Android/i.test(USER_AGENT);
-  /**
-   * The detected Android version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|string|null}
-   */
-
-  var ANDROID_VERSION = function () {
-    // This matches Android Major.Minor.Patch versions
-    // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
-    var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
-
-    if (!match) {
-      return null;
-    }
-
-    var major = match[1] && parseFloat(match[1]);
-    var minor = match[2] && parseFloat(match[2]);
-
-    if (major && minor) {
-      return parseFloat(match[1] + '.' + match[2]);
-    } else if (major) {
-      return major;
-    }
-
-    return null;
-  }();
-  /**
-   * Whether or not this is a native Android browser.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-  /**
-   * Whether or not this is Mozilla Firefox.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-  /**
-   * Whether or not this is Microsoft Edge.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_EDGE = /Edge/i.test(USER_AGENT);
-  /**
-   * Whether or not this is Google Chrome.
-   *
-   * This will also be `true` for Chrome on iOS, which will have different support
-   * as it is actually Safari under the hood.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
-  /**
-   * The detected Google Chrome version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|null}
-   */
-
-  var CHROME_VERSION = function () {
-    var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
-
-    if (match && match[2]) {
-      return parseFloat(match[2]);
-    }
-
-    return null;
-  }();
-  /**
-   * The detected Internet Explorer version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|null}
-   */
-
-  var IE_VERSION = function () {
-    var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
-    var version = result && parseFloat(result[1]);
-
-    if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
-      // IE 11 has a different user agent string than other IE versions
-      version = 11.0;
-    }
-
-    return version;
-  }();
-  /**
-   * Whether or not this is desktop Safari.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-  /**
-   * Whether or not this is a Windows machine.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_WINDOWS = /Windows/i.test(USER_AGENT);
-  /**
-   * Whether or not this device is touch-enabled.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var TOUCH_ENABLED = isReal() && ('ontouchstart' in window$1 || window$1.navigator.maxTouchPoints || window$1.DocumentTouch && window$1.document instanceof window$1.DocumentTouch);
-  /**
-   * Whether or not this device is an iPad.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
-  /**
-   * Whether or not this device is an iPhone.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-  // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
-  // to identify iPhones, we need to exclude iPads.
-  // http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
-
-  var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
-  /**
-   * Whether or not this is an iOS device.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-  /**
-   * Whether or not this is any flavor of Safari - including iOS.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
-
-  var browser = /*#__PURE__*/Object.freeze({
-    IS_IPOD: IS_IPOD,
-    IOS_VERSION: IOS_VERSION,
-    IS_ANDROID: IS_ANDROID,
-    ANDROID_VERSION: ANDROID_VERSION,
-    IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-    IS_FIREFOX: IS_FIREFOX,
-    IS_EDGE: IS_EDGE,
-    IS_CHROME: IS_CHROME,
-    CHROME_VERSION: CHROME_VERSION,
-    IE_VERSION: IE_VERSION,
-    IS_SAFARI: IS_SAFARI,
-    IS_WINDOWS: IS_WINDOWS,
-    TOUCH_ENABLED: TOUCH_ENABLED,
-    IS_IPAD: IS_IPAD,
-    IS_IPHONE: IS_IPHONE,
-    IS_IOS: IS_IOS,
-    IS_ANY_SAFARI: IS_ANY_SAFARI
-  });
-
-  /**
-   * @file time-ranges.js
-   * @module time-ranges
-   */
-
-  /**
-   * Returns the time for the specified index at the start or end
-   * of a TimeRange object.
-   *
-   * @typedef    {Function} TimeRangeIndex
-   *
-   * @param      {number} [index=0]
-   *             The range number to return the time for.
-   *
-   * @return     {number}
-   *             The time offset at the specified index.
-   *
-   * @deprecated The index argument must be provided.
-   *             In the future, leaving it out will throw an error.
-   */
-
-  /**
-   * An object that contains ranges of time.
-   *
-   * @typedef  {Object} TimeRange
-   *
-   * @property {number} length
-   *           The number of time ranges represented by this object.
-   *
-   * @property {module:time-ranges~TimeRangeIndex} start
-   *           Returns the time offset at which a specified time range begins.
-   *
-   * @property {module:time-ranges~TimeRangeIndex} end
-   *           Returns the time offset at which a specified time range ends.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges
-   */
-
-  /**
-   * Check if any of the time ranges are over the maximum index.
-   *
-   * @private
-   * @param   {string} fnName
-   *          The function name to use for logging
-   *
-   * @param   {number} index
-   *          The index to check
-   *
-   * @param   {number} maxIndex
-   *          The maximum possible index
-   *
-   * @throws  {Error} if the timeRanges provided are over the maxIndex
-   */
-  function rangeCheck(fnName, index, maxIndex) {
-    if (typeof index !== 'number' || index < 0 || index > maxIndex) {
-      throw new Error("Failed to execute '" + fnName + "' on 'TimeRanges': The index provided (" + index + ") is non-numeric or out of bounds (0-" + maxIndex + ").");
-    }
-  }
-  /**
-   * Get the time for the specified index at the start or end
-   * of a TimeRange object.
-   *
-   * @private
-   * @param      {string} fnName
-   *             The function name to use for logging
-   *
-   * @param      {string} valueIndex
-   *             The property that should be used to get the time. should be
-   *             'start' or 'end'
-   *
-   * @param      {Array} ranges
-   *             An array of time ranges
-   *
-   * @param      {Array} [rangeIndex=0]
-   *             The index to start the search at
-   *
-   * @return     {number}
-   *             The time that offset at the specified index.
-   *
-   * @deprecated rangeIndex must be set to a value, in the future this will throw an error.
-   * @throws     {Error} if rangeIndex is more than the length of ranges
-   */
-
-
-  function getRange(fnName, valueIndex, ranges, rangeIndex) {
-    rangeCheck(fnName, rangeIndex, ranges.length - 1);
-    return ranges[rangeIndex][valueIndex];
-  }
-  /**
-   * Create a time range object given ranges of time.
-   *
-   * @private
-   * @param   {Array} [ranges]
-   *          An array of time ranges.
-   */
-
-
-  function createTimeRangesObj(ranges) {
-    if (ranges === undefined || ranges.length === 0) {
-      return {
-        length: 0,
-        start: function start() {
-          throw new Error('This TimeRanges object is empty');
-        },
-        end: function end() {
-          throw new Error('This TimeRanges object is empty');
-        }
-      };
-    }
-
-    return {
-      length: ranges.length,
-      start: getRange.bind(null, 'start', 0, ranges),
-      end: getRange.bind(null, 'end', 1, ranges)
-    };
-  }
-  /**
-   * Create a `TimeRange` object which mimics an
-   * {@link https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges|HTML5 TimeRanges instance}.
-   *
-   * @param {number|Array[]} start
-   *        The start of a single range (a number) or an array of ranges (an
-   *        array of arrays of two numbers each).
-   *
-   * @param {number} end
-   *        The end of a single range. Cannot be used with the array form of
-   *        the `start` argument.
-   */
-
-
-  function createTimeRanges(start, end) {
-    if (Array.isArray(start)) {
-      return createTimeRangesObj(start);
-    } else if (start === undefined || end === undefined) {
-      return createTimeRangesObj();
-    }
-
-    return createTimeRangesObj([[start, end]]);
-  }
-
-  /**
-   * @file buffer.js
-   * @module buffer
-   */
-  /**
-   * Compute the percentage of the media that has been buffered.
-   *
-   * @param {TimeRange} buffered
-   *        The current `TimeRange` object representing buffered time ranges
-   *
-   * @param {number} duration
-   *        Total duration of the media
-   *
-   * @return {number}
-   *         Percent buffered of the total duration in decimal form.
-   */
-
-  function bufferedPercent(buffered, duration) {
-    var bufferedDuration = 0;
-    var start;
-    var end;
-
-    if (!duration) {
-      return 0;
-    }
-
-    if (!buffered || !buffered.length) {
-      buffered = createTimeRanges(0, 0);
-    }
-
-    for (var i = 0; i < buffered.length; i++) {
-      start = buffered.start(i);
-      end = buffered.end(i); // buffered end can be bigger than duration by a very small fraction
-
-      if (end > duration) {
-        end = duration;
-      }
-
-      bufferedDuration += end - start;
-    }
-
-    return bufferedDuration / duration;
-  }
-
-  /**
-   * @file fullscreen-api.js
-   * @module fullscreen-api
-   * @private
-   */
-  /**
-   * Store the browser-specific methods for the fullscreen API.
-   *
-   * @type {Object}
-   * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
-   * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
-   */
-
-  var FullscreenApi = {
-    prefixed: true
-  }; // browser API methods
-
-  var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
-  ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
-  ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
-  ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
-  var specApi = apiMap[0];
-  var browserApi; // determine the supported set of functions
-
-  for (var i = 0; i < apiMap.length; i++) {
-    // check for exitFullscreen function
-    if (apiMap[i][1] in document) {
-      browserApi = apiMap[i];
-      break;
-    }
-  } // map the browser API names to the spec API names
-
-
-  if (browserApi) {
-    for (var _i = 0; _i < browserApi.length; _i++) {
-      FullscreenApi[specApi[_i]] = browserApi[_i];
-    }
-
-    FullscreenApi.prefixed = browserApi[0] !== specApi[0];
-  }
-
-  /**
-   * @file media-error.js
-   */
-  /**
-   * A Custom `MediaError` class which mimics the standard HTML5 `MediaError` class.
-   *
-   * @param {number|string|Object|MediaError} value
-   *        This can be of multiple types:
-   *        - number: should be a standard error code
-   *        - string: an error message (the code will be 0)
-   *        - Object: arbitrary properties
-   *        - `MediaError` (native): used to populate a video.js `MediaError` object
-   *        - `MediaError` (video.js): will return itself if it's already a
-   *          video.js `MediaError` object.
-   *
-   * @see [MediaError Spec]{@link https://dev.w3.org/html5/spec-author-view/video.html#mediaerror}
-   * @see [Encrypted MediaError Spec]{@link https://www.w3.org/TR/2013/WD-encrypted-media-20130510/#error-codes}
-   *
-   * @class MediaError
-   */
-
-  function MediaError(value) {
-    // Allow redundant calls to this constructor to avoid having `instanceof`
-    // checks peppered around the code.
-    if (value instanceof MediaError) {
-      return value;
-    }
-
-    if (typeof value === 'number') {
-      this.code = value;
-    } else if (typeof value === 'string') {
-      // default code is zero, so this is a custom error
-      this.message = value;
-    } else if (isObject(value)) {
-      // We assign the `code` property manually because native `MediaError` objects
-      // do not expose it as an own/enumerable property of the object.
-      if (typeof value.code === 'number') {
-        this.code = value.code;
-      }
-
-      assign(this, value);
-    }
-
-    if (!this.message) {
-      this.message = MediaError.defaultMessages[this.code] || '';
-    }
-  }
-  /**
-   * The error code that refers two one of the defined `MediaError` types
-   *
-   * @type {Number}
-   */
-
-
-  MediaError.prototype.code = 0;
-  /**
-   * An optional message that to show with the error. Message is not part of the HTML5
-   * video spec but allows for more informative custom errors.
-   *
-   * @type {String}
-   */
-
-  MediaError.prototype.message = '';
-  /**
-   * An optional status code that can be set by plugins to allow even more detail about
-   * the error. For example a plugin might provide a specific HTTP status code and an
-   * error message for that code. Then when the plugin gets that error this class will
-   * know how to display an error message for it. This allows a custom message to show
-   * up on the `Player` error overlay.
-   *
-   * @type {Array}
-   */
-
-  MediaError.prototype.status = null;
-  /**
-   * Errors indexed by the W3C standard. The order **CANNOT CHANGE**! See the
-   * specification listed under {@link MediaError} for more information.
-   *
-   * @enum {array}
-   * @readonly
-   * @property {string} 0 - MEDIA_ERR_CUSTOM
-   * @property {string} 1 - MEDIA_ERR_ABORTED
-   * @property {string} 2 - MEDIA_ERR_NETWORK
-   * @property {string} 3 - MEDIA_ERR_DECODE
-   * @property {string} 4 - MEDIA_ERR_SRC_NOT_SUPPORTED
-   * @property {string} 5 - MEDIA_ERR_ENCRYPTED
-   */
-
-  MediaError.errorTypes = ['MEDIA_ERR_CUSTOM', 'MEDIA_ERR_ABORTED', 'MEDIA_ERR_NETWORK', 'MEDIA_ERR_DECODE', 'MEDIA_ERR_SRC_NOT_SUPPORTED', 'MEDIA_ERR_ENCRYPTED'];
-  /**
-   * The default `MediaError` messages based on the {@link MediaError.errorTypes}.
-   *
-   * @type {Array}
-   * @constant
-   */
-
-  MediaError.defaultMessages = {
-    1: 'You aborted the media playback',
-    2: 'A network error caused the media download to fail part-way.',
-    3: 'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.',
-    4: 'The media could not be loaded, either because the server or network failed or because the format is not supported.',
-    5: 'The media is encrypted and we do not have the keys to decrypt it.'
-  }; // Add types as properties on MediaError
-  // e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
-
-  for (var errNum = 0; errNum < MediaError.errorTypes.length; errNum++) {
-    MediaError[MediaError.errorTypes[errNum]] = errNum; // values should be accessible on both the class and instance
-
-    MediaError.prototype[MediaError.errorTypes[errNum]] = errNum;
-  } // jsdocs for instance/static members added above
-
-  var tuple = SafeParseTuple;
-
-  function SafeParseTuple(obj, reviver) {
-    var json;
-    var error = null;
-
-    try {
-      json = JSON.parse(obj, reviver);
-    } catch (err) {
-      error = err;
-    }
-
-    return [error, json];
-  }
-
-  /**
-   * Returns whether an object is `Promise`-like (i.e. has a `then` method).
-   *
-   * @param  {Object}  value
-   *         An object that may or may not be `Promise`-like.
-   *
-   * @return {boolean}
-   *         Whether or not the object is `Promise`-like.
-   */
-  function isPromise(value) {
-    return value !== undefined && value !== null && typeof value.then === 'function';
-  }
-  /**
-   * Silence a Promise-like object.
-   *
-   * This is useful for avoiding non-harmful, but potentially confusing "uncaught
-   * play promise" rejection error messages.
-   *
-   * @param  {Object} value
-   *         An object that may or may not be `Promise`-like.
-   */
-
-  function silencePromise(value) {
-    if (isPromise(value)) {
-      value.then(null, function (e) {});
-    }
-  }
-
-  /**
-   * @file text-track-list-converter.js Utilities for capturing text track state and
-   * re-creating tracks based on a capture.
-   *
-   * @module text-track-list-converter
-   */
-
-  /**
-   * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that
-   * represents the {@link TextTrack}'s state.
-   *
-   * @param {TextTrack} track
-   *        The text track to query.
-   *
-   * @return {Object}
-   *         A serializable javascript representation of the TextTrack.
-   * @private
-   */
-  var trackToJson_ = function trackToJson_(track) {
-    var ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce(function (acc, prop, i) {
-      if (track[prop]) {
-        acc[prop] = track[prop];
-      }
-
-      return acc;
-    }, {
-      cues: track.cues && Array.prototype.map.call(track.cues, function (cue) {
-        return {
-          startTime: cue.startTime,
-          endTime: cue.endTime,
-          text: cue.text,
-          id: cue.id
-        };
-      })
-    });
-    return ret;
-  };
-  /**
-   * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the
-   * state of all {@link TextTrack}s currently configured. The return array is compatible with
-   * {@link text-track-list-converter:jsonToTextTracks}.
-   *
-   * @param {Tech} tech
-   *        The tech object to query
-   *
-   * @return {Array}
-   *         A serializable javascript representation of the {@link Tech}s
-   *         {@link TextTrackList}.
-   */
-
-
-  var textTracksToJson = function textTracksToJson(tech) {
-    var trackEls = tech.$$('track');
-    var trackObjs = Array.prototype.map.call(trackEls, function (t) {
-      return t.track;
-    });
-    var tracks = Array.prototype.map.call(trackEls, function (trackEl) {
-      var json = trackToJson_(trackEl.track);
-
-      if (trackEl.src) {
-        json.src = trackEl.src;
-      }
-
-      return json;
-    });
-    return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {
-      return trackObjs.indexOf(track) === -1;
-    }).map(trackToJson_));
-  };
-  /**
-   * Create a set of remote {@link TextTrack}s on a {@link Tech} based on an array of javascript
-   * object {@link TextTrack} representations.
-   *
-   * @param {Array} json
-   *        An array of `TextTrack` representation objects, like those that would be
-   *        produced by `textTracksToJson`.
-   *
-   * @param {Tech} tech
-   *        The `Tech` to create the `TextTrack`s on.
-   */
-
-
-  var jsonToTextTracks = function jsonToTextTracks(json, tech) {
-    json.forEach(function (track) {
-      var addedTrack = tech.addRemoteTextTrack(track).track;
-
-      if (!track.src && track.cues) {
-        track.cues.forEach(function (cue) {
-          return addedTrack.addCue(cue);
-        });
-      }
-    });
-    return tech.textTracks();
-  };
-
-  var textTrackConverter = {
-    textTracksToJson: textTracksToJson,
-    jsonToTextTracks: jsonToTextTracks,
-    trackToJson_: trackToJson_
-  };
-
-  var keycode = createCommonjsModule(function (module, exports) {
-    // Source: http://jsfiddle.net/vWx8V/
-    // http://stackoverflow.com/questions/5603195/full-list-of-javascript-keycodes
-
-    /**
-     * Conenience method returns corresponding value for given keyName or keyCode.
-     *
-     * @param {Mixed} keyCode {Number} or keyName {String}
-     * @return {Mixed}
-     * @api public
-     */
-    function keyCode(searchInput) {
-      // Keyboard Events
-      if (searchInput && 'object' === typeof searchInput) {
-        var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode;
-        if (hasKeyCode) searchInput = hasKeyCode;
-      } // Numbers
-
-
-      if ('number' === typeof searchInput) return names[searchInput]; // Everything else (cast to string)
-
-      var search = String(searchInput); // check codes
-
-      var foundNamedKey = codes[search.toLowerCase()];
-      if (foundNamedKey) return foundNamedKey; // check aliases
-
-      var foundNamedKey = aliases[search.toLowerCase()];
-      if (foundNamedKey) return foundNamedKey; // weird character?
-
-      if (search.length === 1) return search.charCodeAt(0);
-      return undefined;
-    }
-    /**
-     * Compares a keyboard event with a given keyCode or keyName.
-     *
-     * @param {Event} event Keyboard event that should be tested
-     * @param {Mixed} keyCode {Number} or keyName {String}
-     * @return {Boolean}
-     * @api public
-     */
-
-
-    keyCode.isEventKey = function isEventKey(event, nameOrCode) {
-      if (event && 'object' === typeof event) {
-        var keyCode = event.which || event.keyCode || event.charCode;
-
-        if (keyCode === null || keyCode === undefined) {
-          return false;
-        }
-
-        if (typeof nameOrCode === 'string') {
-          // check codes
-          var foundNamedKey = codes[nameOrCode.toLowerCase()];
-
-          if (foundNamedKey) {
-            return foundNamedKey === keyCode;
-          } // check aliases
-
-
-          var foundNamedKey = aliases[nameOrCode.toLowerCase()];
-
-          if (foundNamedKey) {
-            return foundNamedKey === keyCode;
-          }
-        } else if (typeof nameOrCode === 'number') {
-          return nameOrCode === keyCode;
-        }
-
-        return false;
-      }
-    };
-
-    exports = module.exports = keyCode;
-    /**
-     * Get by name
-     *
-     *   exports.code['enter'] // => 13
-     */
-
-    var codes = exports.code = exports.codes = {
-      'backspace': 8,
-      'tab': 9,
-      'enter': 13,
-      'shift': 16,
-      'ctrl': 17,
-      'alt': 18,
-      'pause/break': 19,
-      'caps lock': 20,
-      'esc': 27,
-      'space': 32,
-      'page up': 33,
-      'page down': 34,
-      'end': 35,
-      'home': 36,
-      'left': 37,
-      'up': 38,
-      'right': 39,
-      'down': 40,
-      'insert': 45,
-      'delete': 46,
-      'command': 91,
-      'left command': 91,
-      'right command': 93,
-      'numpad *': 106,
-      'numpad +': 107,
-      'numpad -': 109,
-      'numpad .': 110,
-      'numpad /': 111,
-      'num lock': 144,
-      'scroll lock': 145,
-      'my computer': 182,
-      'my calculator': 183,
-      ';': 186,
-      '=': 187,
-      ',': 188,
-      '-': 189,
-      '.': 190,
-      '/': 191,
-      '`': 192,
-      '[': 219,
-      '\\': 220,
-      ']': 221,
-      "'": 222 // Helper aliases
-
-    };
-    var aliases = exports.aliases = {
-      'windows': 91,
-      '⇧': 16,
-      '⌥': 18,
-      '⌃': 17,
-      '⌘': 91,
-      'ctl': 17,
-      'control': 17,
-      'option': 18,
-      'pause': 19,
-      'break': 19,
-      'caps': 20,
-      'return': 13,
-      'escape': 27,
-      'spc': 32,
-      'spacebar': 32,
-      'pgup': 33,
-      'pgdn': 34,
-      'ins': 45,
-      'del': 46,
-      'cmd': 91
-      /*!
-       * Programatically add the following
-       */
-      // lower case chars
-
-    };
-
-    for (i = 97; i < 123; i++) {
-      codes[String.fromCharCode(i)] = i - 32;
-    } // numbers
-
-
-    for (var i = 48; i < 58; i++) {
-      codes[i - 48] = i;
-    } // function keys
-
-
-    for (i = 1; i < 13; i++) {
-      codes['f' + i] = i + 111;
-    } // numpad keys
-
-
-    for (i = 0; i < 10; i++) {
-      codes['numpad ' + i] = i + 96;
-    }
-    /**
-     * Get by code
-     *
-     *   exports.name[13] // => 'Enter'
-     */
-
-
-    var names = exports.names = exports.title = {}; // title for backward compat
-    // Create reverse mapping
-
-    for (i in codes) {
-      names[codes[i]] = i;
-    } // Add aliases
-
-
-    for (var alias in aliases) {
-      codes[alias] = aliases[alias];
-    }
-  });
-  var keycode_1 = keycode.code;
-  var keycode_2 = keycode.codes;
-  var keycode_3 = keycode.aliases;
-  var keycode_4 = keycode.names;
-  var keycode_5 = keycode.title;
-
-  var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-  /**
-   * The `ModalDialog` displays over the video and its controls, which blocks
-   * interaction with the player until it is closed.
-   *
-   * Modal dialogs include a "Close" button and will close when that button
-   * is activated - or when ESC is pressed anywhere.
-   *
-   * @extends Component
-   */
-
-  var ModalDialog =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ModalDialog, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Mixed} [options.content=undefined]
-     *        Provide customized content for this modal.
-     *
-     * @param {string} [options.description]
-     *        A text description for the modal, primarily for accessibility.
-     *
-     * @param {boolean} [options.fillAlways=false]
-     *        Normally, modals are automatically filled only the first time
-     *        they open. This tells the modal to refresh its content
-     *        every time it opens.
-     *
-     * @param {string} [options.label]
-     *        A text label for the modal, primarily for accessibility.
-     *
-     * @param {boolean} [options.pauseOnOpen=true]
-     *        If `true`, playback will will be paused if playing when
-     *        the modal opens, and resumed when it closes.
-     *
-     * @param {boolean} [options.temporary=true]
-     *        If `true`, the modal can only be opened once; it will be
-     *        disposed as soon as it's closed.
-     *
-     * @param {boolean} [options.uncloseable=false]
-     *        If `true`, the user will not be able to close the modal
-     *        through the UI in the normal ways. Programmatic closing is
-     *        still possible.
-     */
-    function ModalDialog(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;
-
-      _this.closeable(!_this.options_.uncloseable);
-
-      _this.content(_this.options_.content); // Make sure the contentEl is defined AFTER any children are initialized
-      // because we only want the contents of the modal in the contentEl
-      // (not the UI elements like the close button).
-
-
-      _this.contentEl_ = createEl('div', {
-        className: MODAL_CLASS_NAME + "-content"
-      }, {
-        role: 'document'
-      });
-      _this.descEl_ = createEl('p', {
-        className: MODAL_CLASS_NAME + "-description vjs-control-text",
-        id: _this.el().getAttribute('aria-describedby')
-      });
-      textContent(_this.descEl_, _this.description());
-
-      _this.el_.appendChild(_this.descEl_);
-
-      _this.el_.appendChild(_this.contentEl_);
-
-      return _this;
-    }
-    /**
-     * Create the `ModalDialog`'s DOM element
-     *
-     * @return {Element}
-     *         The DOM element that gets created.
-     */
-
-
-    var _proto = ModalDialog.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildCSSClass(),
-        tabIndex: -1
-      }, {
-        'aria-describedby': this.id() + "_description",
-        'aria-hidden': 'true',
-        'aria-label': this.label(),
-        'role': 'dialog'
-      });
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.descEl_ = null;
-      this.previouslyActiveEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return MODAL_CLASS_NAME + " vjs-hidden " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Returns the label string for this modal. Primarily used for accessibility.
-     *
-     * @return {string}
-     *         the localized or raw label of this modal.
-     */
-    ;
-
-    _proto.label = function label() {
-      return this.localize(this.options_.label || 'Modal Window');
-    }
-    /**
-     * Returns the description string for this modal. Primarily used for
-     * accessibility.
-     *
-     * @return {string}
-     *         The localized or raw description of this modal.
-     */
-    ;
-
-    _proto.description = function description() {
-      var desc = this.options_.description || this.localize('This is a modal window.'); // Append a universal closeability message if the modal is closeable.
-
-      if (this.closeable()) {
-        desc += ' ' + this.localize('This modal can be closed by pressing the Escape key or activating the close button.');
-      }
-
-      return desc;
-    }
-    /**
-     * Opens the modal.
-     *
-     * @fires ModalDialog#beforemodalopen
-     * @fires ModalDialog#modalopen
-     */
-    ;
-
-    _proto.open = function open() {
-      if (!this.opened_) {
-        var player = this.player();
-        /**
-          * Fired just before a `ModalDialog` is opened.
-          *
-          * @event ModalDialog#beforemodalopen
-          * @type {EventTarget~Event}
-          */
-
-        this.trigger('beforemodalopen');
-        this.opened_ = true; // Fill content if the modal has never opened before and
-        // never been filled.
-
-        if (this.options_.fillAlways || !this.hasBeenOpened_ && !this.hasBeenFilled_) {
-          this.fill();
-        } // If the player was playing, pause it and take note of its previously
-        // playing state.
-
-
-        this.wasPlaying_ = !player.paused();
-
-        if (this.options_.pauseOnOpen && this.wasPlaying_) {
-          player.pause();
-        }
-
-        this.on('keydown', this.handleKeyDown); // Hide controls and note if they were enabled.
-
-        this.hadControls_ = player.controls();
-        player.controls(false);
-        this.show();
-        this.conditionalFocus_();
-        this.el().setAttribute('aria-hidden', 'false');
-        /**
-          * Fired just after a `ModalDialog` is opened.
-          *
-          * @event ModalDialog#modalopen
-          * @type {EventTarget~Event}
-          */
-
-        this.trigger('modalopen');
-        this.hasBeenOpened_ = true;
-      }
-    }
-    /**
-     * If the `ModalDialog` is currently open or closed.
-     *
-     * @param  {boolean} [value]
-     *         If given, it will open (`true`) or close (`false`) the modal.
-     *
-     * @return {boolean}
-     *         the current open state of the modaldialog
-     */
-    ;
-
-    _proto.opened = function opened(value) {
-      if (typeof value === 'boolean') {
-        this[value ? 'open' : 'close']();
-      }
-
-      return this.opened_;
-    }
-    /**
-     * Closes the modal, does nothing if the `ModalDialog` is
-     * not open.
-     *
-     * @fires ModalDialog#beforemodalclose
-     * @fires ModalDialog#modalclose
-     */
-    ;
-
-    _proto.close = function close() {
-      if (!this.opened_) {
-        return;
-      }
-
-      var player = this.player();
-      /**
-        * Fired just before a `ModalDialog` is closed.
-        *
-        * @event ModalDialog#beforemodalclose
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalclose');
-      this.opened_ = false;
-
-      if (this.wasPlaying_ && this.options_.pauseOnOpen) {
-        player.play();
-      }
-
-      this.off('keydown', this.handleKeyDown);
-
-      if (this.hadControls_) {
-        player.controls(true);
-      }
-
-      this.hide();
-      this.el().setAttribute('aria-hidden', 'true');
-      /**
-        * Fired just after a `ModalDialog` is closed.
-        *
-        * @event ModalDialog#modalclose
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('modalclose');
-      this.conditionalBlur_();
-
-      if (this.options_.temporary) {
-        this.dispose();
-      }
-    }
-    /**
-     * Check to see if the `ModalDialog` is closeable via the UI.
-     *
-     * @param  {boolean} [value]
-     *         If given as a boolean, it will set the `closeable` option.
-     *
-     * @return {boolean}
-     *         Returns the final value of the closable option.
-     */
-    ;
-
-    _proto.closeable = function closeable(value) {
-      if (typeof value === 'boolean') {
-        var closeable = this.closeable_ = !!value;
-        var close = this.getChild('closeButton'); // If this is being made closeable and has no close button, add one.
-
-        if (closeable && !close) {
-          // The close button should be a child of the modal - not its
-          // content element, so temporarily change the content element.
-          var temp = this.contentEl_;
-          this.contentEl_ = this.el_;
-          close = this.addChild('closeButton', {
-            controlText: 'Close Modal Dialog'
-          });
-          this.contentEl_ = temp;
-          this.on(close, 'close', this.close);
-        } // If this is being made uncloseable and has a close button, remove it.
-
-
-        if (!closeable && close) {
-          this.off(close, 'close', this.close);
-          this.removeChild(close);
-          close.dispose();
-        }
-      }
-
-      return this.closeable_;
-    }
-    /**
-     * Fill the modal's content element with the modal's "content" option.
-     * The content element will be emptied before this change takes place.
-     */
-    ;
-
-    _proto.fill = function fill() {
-      this.fillWith(this.content());
-    }
-    /**
-     * Fill the modal's content element with arbitrary content.
-     * The content element will be emptied before this change takes place.
-     *
-     * @fires ModalDialog#beforemodalfill
-     * @fires ModalDialog#modalfill
-     *
-     * @param {Mixed} [content]
-     *        The same rules apply to this as apply to the `content` option.
-     */
-    ;
-
-    _proto.fillWith = function fillWith(content) {
-      var contentEl = this.contentEl();
-      var parentEl = contentEl.parentNode;
-      var nextSiblingEl = contentEl.nextSibling;
-      /**
-        * Fired just before a `ModalDialog` is filled with content.
-        *
-        * @event ModalDialog#beforemodalfill
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalfill');
-      this.hasBeenFilled_ = true; // Detach the content element from the DOM before performing
-      // manipulation to avoid modifying the live DOM multiple times.
-
-      parentEl.removeChild(contentEl);
-      this.empty();
-      insertContent(contentEl, content);
-      /**
-       * Fired just after a `ModalDialog` is filled with content.
-       *
-       * @event ModalDialog#modalfill
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('modalfill'); // Re-inject the re-filled content element.
-
-      if (nextSiblingEl) {
-        parentEl.insertBefore(contentEl, nextSiblingEl);
-      } else {
-        parentEl.appendChild(contentEl);
-      } // make sure that the close button is last in the dialog DOM
-
-
-      var closeButton = this.getChild('closeButton');
-
-      if (closeButton) {
-        parentEl.appendChild(closeButton.el_);
-      }
-    }
-    /**
-     * Empties the content element. This happens anytime the modal is filled.
-     *
-     * @fires ModalDialog#beforemodalempty
-     * @fires ModalDialog#modalempty
-     */
-    ;
-
-    _proto.empty = function empty() {
-      /**
-      * Fired just before a `ModalDialog` is emptied.
-      *
-      * @event ModalDialog#beforemodalempty
-      * @type {EventTarget~Event}
-      */
-      this.trigger('beforemodalempty');
-      emptyEl(this.contentEl());
-      /**
-      * Fired just after a `ModalDialog` is emptied.
-      *
-      * @event ModalDialog#modalempty
-      * @type {EventTarget~Event}
-      */
-
-      this.trigger('modalempty');
-    }
-    /**
-     * Gets or sets the modal content, which gets normalized before being
-     * rendered into the DOM.
-     *
-     * This does not update the DOM or fill the modal, but it is called during
-     * that process.
-     *
-     * @param  {Mixed} [value]
-     *         If defined, sets the internal content value to be used on the
-     *         next call(s) to `fill`. This value is normalized before being
-     *         inserted. To "clear" the internal content value, pass `null`.
-     *
-     * @return {Mixed}
-     *         The current content of the modal dialog
-     */
-    ;
-
-    _proto.content = function content(value) {
-      if (typeof value !== 'undefined') {
-        this.content_ = value;
-      }
-
-      return this.content_;
-    }
-    /**
-     * conditionally focus the modal dialog if focus was previously on the player.
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalFocus_ = function conditionalFocus_() {
-      var activeEl = document.activeElement;
-      var playerEl = this.player_.el_;
-      this.previouslyActiveEl_ = null;
-
-      if (playerEl.contains(activeEl) || playerEl === activeEl) {
-        this.previouslyActiveEl_ = activeEl;
-        this.focus();
-      }
-    }
-    /**
-     * conditionally blur the element and refocus the last focused element
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalBlur_ = function conditionalBlur_() {
-      if (this.previouslyActiveEl_) {
-        this.previouslyActiveEl_.focus();
-        this.previouslyActiveEl_ = null;
-      }
-    }
-    /**
-     * Keydown handler. Attached when modal is focused.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Do not allow keydowns to reach out of the modal dialog.
-      event.stopPropagation();
-
-      if (keycode.isEventKey(event, 'Escape') && this.closeable()) {
-        event.preventDefault();
-        this.close();
-        return;
-      } // exit early if it isn't a tab key
-
-
-      if (!keycode.isEventKey(event, 'Tab')) {
-        return;
-      }
-
-      var focusableEls = this.focusableEls_();
-      var activeEl = this.el_.querySelector(':focus');
-      var focusIndex;
-
-      for (var i = 0; i < focusableEls.length; i++) {
-        if (activeEl === focusableEls[i]) {
-          focusIndex = i;
-          break;
-        }
-      }
-
-      if (document.activeElement === this.el_) {
-        focusIndex = 0;
-      }
-
-      if (event.shiftKey && focusIndex === 0) {
-        focusableEls[focusableEls.length - 1].focus();
-        event.preventDefault();
-      } else if (!event.shiftKey && focusIndex === focusableEls.length - 1) {
-        focusableEls[0].focus();
-        event.preventDefault();
-      }
-    }
-    /**
-     * get all focusable elements
-     *
-     * @private
-     */
-    ;
-
-    _proto.focusableEls_ = function focusableEls_() {
-      var allChildren = this.el_.querySelectorAll('*');
-      return Array.prototype.filter.call(allChildren, function (child) {
-        return (child instanceof window$1.HTMLAnchorElement || child instanceof window$1.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window$1.HTMLInputElement || child instanceof window$1.HTMLSelectElement || child instanceof window$1.HTMLTextAreaElement || child instanceof window$1.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window$1.HTMLIFrameElement || child instanceof window$1.HTMLObjectElement || child instanceof window$1.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
-      });
-    };
-
-    return ModalDialog;
-  }(Component);
-  /**
-   * Default options for `ModalDialog` default options.
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ModalDialog.prototype.options_ = {
-    pauseOnOpen: true,
-    temporary: true
-  };
-  Component.registerComponent('ModalDialog', ModalDialog);
-
-  /**
-   * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
-   * {@link VideoTrackList}
-   *
-   * @extends EventTarget
-   */
-
-  var TrackList =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(TrackList, _EventTarget);
-
-    /**
-     * Create an instance of this class
-     *
-     * @param {Track[]} tracks
-     *        A list of tracks to initialize the list with.
-     *
-     * @abstract
-     */
-    function TrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      _this = _EventTarget.call(this) || this;
-      _this.tracks_ = [];
-      /**
-       * @memberof TrackList
-       * @member {number} length
-       *         The current number of `Track`s in the this Trackist.
-       * @instance
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'length', {
-        get: function get() {
-          return this.tracks_.length;
-        }
-      });
-
-      for (var i = 0; i < tracks.length; i++) {
-        _this.addTrack(tracks[i]);
-      }
-
-      return _this;
-    }
-    /**
-     * Add a {@link Track} to the `TrackList`
-     *
-     * @param {Track} track
-     *        The audio, video, or text track to add to the list.
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = TrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var index = this.tracks_.length;
-
-      if (!('' + index in this)) {
-        Object.defineProperty(this, index, {
-          get: function get() {
-            return this.tracks_[index];
-          }
-        });
-      } // Do not add duplicate tracks
-
-
-      if (this.tracks_.indexOf(track) === -1) {
-        this.tracks_.push(track);
-        /**
-         * Triggered when a track is added to a track list.
-         *
-         * @event TrackList#addtrack
-         * @type {EventTarget~Event}
-         * @property {Track} track
-         *           A reference to track that was added.
-         */
-
-        this.trigger({
-          track: track,
-          type: 'addtrack',
-          target: this
-        });
-      }
-    }
-    /**
-     * Remove a {@link Track} from the `TrackList`
-     *
-     * @param {Track} rtrack
-     *        The audio, video, or text track to remove from the list.
-     *
-     * @fires TrackList#removetrack
-     */
-    ;
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      var track;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        if (this[i] === rtrack) {
-          track = this[i];
-
-          if (track.off) {
-            track.off();
-          }
-
-          this.tracks_.splice(i, 1);
-          break;
-        }
-      }
-
-      if (!track) {
-        return;
-      }
-      /**
-       * Triggered when a track is removed from track list.
-       *
-       * @event TrackList#removetrack
-       * @type {EventTarget~Event}
-       * @property {Track} track
-       *           A reference to track that was removed.
-       */
-
-
-      this.trigger({
-        track: track,
-        type: 'removetrack',
-        target: this
-      });
-    }
-    /**
-     * Get a Track from the TrackList by a tracks id
-     *
-     * @param {string} id - the id of the track to get
-     * @method getTrackById
-     * @return {Track}
-     * @private
-     */
-    ;
-
-    _proto.getTrackById = function getTrackById(id) {
-      var result = null;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        var track = this[i];
-
-        if (track.id === id) {
-          result = track;
-          break;
-        }
-      }
-
-      return result;
-    };
-
-    return TrackList;
-  }(EventTarget);
-  /**
-   * Triggered when a different track is selected/enabled.
-   *
-   * @event TrackList#change
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Events that can be called with on + eventName. See {@link EventHandler}.
-   *
-   * @property {Object} TrackList#allowedEvents_
-   * @private
-   */
-
-
-  TrackList.prototype.allowedEvents_ = {
-    change: 'change',
-    addtrack: 'addtrack',
-    removetrack: 'removetrack'
-  }; // emulate attribute EventHandler support to allow for feature detection
-
-  for (var event in TrackList.prototype.allowedEvents_) {
-    TrackList.prototype['on' + event] = null;
-  }
-
-  /**
-   * Anywhere we call this function we diverge from the spec
-   * as we only support one enabled audiotrack at a time
-   *
-   * @param {AudioTrackList} list
-   *        list to work on
-   *
-   * @param {AudioTrack} track
-   *        The track to skip
-   *
-   * @private
-   */
-
-  var disableOthers = function disableOthers(list, track) {
-    for (var i = 0; i < list.length; i++) {
-      if (!Object.keys(list[i]).length || track.id === list[i].id) {
-        continue;
-      } // another audio track is enabled, disable it
-
-
-      list[i].enabled = false;
-    }
-  };
-  /**
-   * The current list of {@link AudioTrack} for a media file.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist}
-   * @extends TrackList
-   */
-
-
-  var AudioTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(AudioTrackList, _TrackList);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {AudioTrack[]} [tracks=[]]
-     *        A list of `AudioTrack` to instantiate the list with.
-     */
-    function AudioTrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      // make sure only 1 track is enabled
-      // sorted from last index to first index
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        if (tracks[i].enabled) {
-          disableOthers(tracks, tracks[i]);
-          break;
-        }
-      }
-
-      _this = _TrackList.call(this, tracks) || this;
-      _this.changing_ = false;
-      return _this;
-    }
-    /**
-     * Add an {@link AudioTrack} to the `AudioTrackList`.
-     *
-     * @param {AudioTrack} track
-     *        The AudioTrack to add to the list
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = AudioTrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var _this2 = this;
-
-      if (track.enabled) {
-        disableOthers(this, track);
-      }
-
-      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-      if (!track.addEventListener) {
-        return;
-      }
-
-      track.enabledChange_ = function () {
-        // when we are disabling other tracks (since we don't support
-        // more than one track at a time) we will set changing_
-        // to true so that we don't trigger additional change events
-        if (_this2.changing_) {
-          return;
-        }
-
-        _this2.changing_ = true;
-        disableOthers(_this2, track);
-        _this2.changing_ = false;
-
-        _this2.trigger('change');
-      };
-      /**
-       * @listens AudioTrack#enabledchange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('enabledchange', track.enabledChange_);
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack);
-
-      if (rtrack.removeEventListener && rtrack.enabledChange_) {
-        rtrack.removeEventListener('enabledchange', rtrack.enabledChange_);
-        rtrack.enabledChange_ = null;
-      }
-    };
-
-    return AudioTrackList;
-  }(TrackList);
-
-  /**
-   * Un-select all other {@link VideoTrack}s that are selected.
-   *
-   * @param {VideoTrackList} list
-   *        list to work on
-   *
-   * @param {VideoTrack} track
-   *        The track to skip
-   *
-   * @private
-   */
-
-  var disableOthers$1 = function disableOthers(list, track) {
-    for (var i = 0; i < list.length; i++) {
-      if (!Object.keys(list[i]).length || track.id === list[i].id) {
-        continue;
-      } // another video track is enabled, disable it
-
-
-      list[i].selected = false;
-    }
-  };
-  /**
-   * The current list of {@link VideoTrack} for a video.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist}
-   * @extends TrackList
-   */
-
-
-  var VideoTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(VideoTrackList, _TrackList);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {VideoTrack[]} [tracks=[]]
-     *        A list of `VideoTrack` to instantiate the list with.
-     */
-    function VideoTrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      // make sure only 1 track is enabled
-      // sorted from last index to first index
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        if (tracks[i].selected) {
-          disableOthers$1(tracks, tracks[i]);
-          break;
-        }
-      }
-
-      _this = _TrackList.call(this, tracks) || this;
-      _this.changing_ = false;
-      /**
-       * @member {number} VideoTrackList#selectedIndex
-       *         The current index of the selected {@link VideoTrack`}.
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'selectedIndex', {
-        get: function get() {
-          for (var _i = 0; _i < this.length; _i++) {
-            if (this[_i].selected) {
-              return _i;
-            }
-          }
-
-          return -1;
-        },
-        set: function set() {}
-      });
-      return _this;
-    }
-    /**
-     * Add a {@link VideoTrack} to the `VideoTrackList`.
-     *
-     * @param {VideoTrack} track
-     *        The VideoTrack to add to the list
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = VideoTrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var _this2 = this;
-
-      if (track.selected) {
-        disableOthers$1(this, track);
-      }
-
-      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-      if (!track.addEventListener) {
-        return;
-      }
-
-      track.selectedChange_ = function () {
-        if (_this2.changing_) {
-          return;
-        }
-
-        _this2.changing_ = true;
-        disableOthers$1(_this2, track);
-        _this2.changing_ = false;
-
-        _this2.trigger('change');
-      };
-      /**
-       * @listens VideoTrack#selectedchange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('selectedchange', track.selectedChange_);
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack);
-
-      if (rtrack.removeEventListener && rtrack.selectedChange_) {
-        rtrack.removeEventListener('selectedchange', rtrack.selectedChange_);
-        rtrack.selectedChange_ = null;
-      }
-    };
-
-    return VideoTrackList;
-  }(TrackList);
-
-  /**
-   * The current list of {@link TextTrack} for a media file.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttracklist}
-   * @extends TrackList
-   */
-
-  var TextTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(TextTrackList, _TrackList);
-
-    function TextTrackList() {
-      return _TrackList.apply(this, arguments) || this;
-    }
-
-    var _proto = TextTrackList.prototype;
-
-    /**
-     * Add a {@link TextTrack} to the `TextTrackList`
-     *
-     * @param {TextTrack} track
-     *        The text track to add to the list.
-     *
-     * @fires TrackList#addtrack
-     */
-    _proto.addTrack = function addTrack(track) {
-      var _this = this;
-
-      _TrackList.prototype.addTrack.call(this, track);
-
-      if (!this.queueChange_) {
-        this.queueChange_ = function () {
-          return _this.queueTrigger('change');
-        };
-      }
-
-      if (!this.triggerSelectedlanguagechange) {
-        this.triggerSelectedlanguagechange_ = function () {
-          return _this.trigger('selectedlanguagechange');
-        };
-      }
-      /**
-       * @listens TextTrack#modechange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('modechange', this.queueChange_);
-      var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-      if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-        track.addEventListener('modechange', this.triggerSelectedlanguagechange_);
-      }
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack); // manually remove the event handlers we added
-
-
-      if (rtrack.removeEventListener) {
-        if (this.queueChange_) {
-          rtrack.removeEventListener('modechange', this.queueChange_);
-        }
-
-        if (this.selectedlanguagechange_) {
-          rtrack.removeEventListener('modechange', this.triggerSelectedlanguagechange_);
-        }
-      }
-    };
-
-    return TextTrackList;
-  }(TrackList);
-
-  /**
-   * @file html-track-element-list.js
-   */
-
-  /**
-   * The current list of {@link HtmlTrackElement}s.
-   */
-  var HtmlTrackElementList =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Create an instance of this class.
-     *
-     * @param {HtmlTrackElement[]} [tracks=[]]
-     *        A list of `HtmlTrackElement` to instantiate the list with.
-     */
-    function HtmlTrackElementList(trackElements) {
-      if (trackElements === void 0) {
-        trackElements = [];
-      }
-
-      this.trackElements_ = [];
-      /**
-       * @memberof HtmlTrackElementList
-       * @member {number} length
-       *         The current number of `Track`s in the this Trackist.
-       * @instance
-       */
-
-      Object.defineProperty(this, 'length', {
-        get: function get() {
-          return this.trackElements_.length;
-        }
-      });
-
-      for (var i = 0, length = trackElements.length; i < length; i++) {
-        this.addTrackElement_(trackElements[i]);
-      }
-    }
-    /**
-     * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-     *
-     * @param {HtmlTrackElement} trackElement
-     *        The track element to add to the list.
-     *
-     * @private
-     */
-
-
-    var _proto = HtmlTrackElementList.prototype;
-
-    _proto.addTrackElement_ = function addTrackElement_(trackElement) {
-      var index = this.trackElements_.length;
-
-      if (!('' + index in this)) {
-        Object.defineProperty(this, index, {
-          get: function get() {
-            return this.trackElements_[index];
-          }
-        });
-      } // Do not add duplicate elements
-
-
-      if (this.trackElements_.indexOf(trackElement) === -1) {
-        this.trackElements_.push(trackElement);
-      }
-    }
-    /**
-     * Get an {@link HtmlTrackElement} from the `HtmlTrackElementList` given an
-     * {@link TextTrack}.
-     *
-     * @param {TextTrack} track
-     *        The track associated with a track element.
-     *
-     * @return {HtmlTrackElement|undefined}
-     *         The track element that was found or undefined.
-     *
-     * @private
-     */
-    ;
-
-    _proto.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-      var trackElement_;
-
-      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-        if (track === this.trackElements_[i].track) {
-          trackElement_ = this.trackElements_[i];
-          break;
-        }
-      }
-
-      return trackElement_;
-    }
-    /**
-     * Remove a {@link HtmlTrackElement} from the `HtmlTrackElementList`
-     *
-     * @param {HtmlTrackElement} trackElement
-     *        The track element to remove from the list.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeTrackElement_ = function removeTrackElement_(trackElement) {
-      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-        if (trackElement === this.trackElements_[i]) {
-          if (this.trackElements_[i].track && typeof this.trackElements_[i].track.off === 'function') {
-            this.trackElements_[i].track.off();
-          }
-
-          if (typeof this.trackElements_[i].off === 'function') {
-            this.trackElements_[i].off();
-          }
-
-          this.trackElements_.splice(i, 1);
-          break;
-        }
-      }
-    };
-
-    return HtmlTrackElementList;
-  }();
-
-  /**
-   * @file text-track-cue-list.js
-   */
-
-  /**
-   * @typedef {Object} TextTrackCueList~TextTrackCue
-   *
-   * @property {string} id
-   *           The unique id for this text track cue
-   *
-   * @property {number} startTime
-   *           The start time for this text track cue
-   *
-   * @property {number} endTime
-   *           The end time for this text track cue
-   *
-   * @property {boolean} pauseOnExit
-   *           Pause when the end time is reached if true.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue}
-   */
-
-  /**
-   * A List of TextTrackCues.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcuelist}
-   */
-  var TextTrackCueList =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Create an instance of this class..
-     *
-     * @param {Array} cues
-     *        A list of cues to be initialized with
-     */
-    function TextTrackCueList(cues) {
-      TextTrackCueList.prototype.setCues_.call(this, cues);
-      /**
-       * @memberof TextTrackCueList
-       * @member {number} length
-       *         The current number of `TextTrackCue`s in the TextTrackCueList.
-       * @instance
-       */
-
-      Object.defineProperty(this, 'length', {
-        get: function get() {
-          return this.length_;
-        }
-      });
-    }
-    /**
-     * A setter for cues in this list. Creates getters
-     * an an index for the cues.
-     *
-     * @param {Array} cues
-     *        An array of cues to set
-     *
-     * @private
-     */
-
-
-    var _proto = TextTrackCueList.prototype;
-
-    _proto.setCues_ = function setCues_(cues) {
-      var oldLength = this.length || 0;
-      var i = 0;
-      var l = cues.length;
-      this.cues_ = cues;
-      this.length_ = cues.length;
-
-      var defineProp = function defineProp(index) {
-        if (!('' + index in this)) {
-          Object.defineProperty(this, '' + index, {
-            get: function get() {
-              return this.cues_[index];
-            }
-          });
-        }
-      };
-
-      if (oldLength < l) {
-        i = oldLength;
-
-        for (; i < l; i++) {
-          defineProp.call(this, i);
-        }
-      }
-    }
-    /**
-     * Get a `TextTrackCue` that is currently in the `TextTrackCueList` by id.
-     *
-     * @param {string} id
-     *        The id of the cue that should be searched for.
-     *
-     * @return {TextTrackCueList~TextTrackCue|null}
-     *         A single cue or null if none was found.
-     */
-    ;
-
-    _proto.getCueById = function getCueById(id) {
-      var result = null;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        var cue = this[i];
-
-        if (cue.id === id) {
-          result = cue;
-          break;
-        }
-      }
-
-      return result;
-    };
-
-    return TextTrackCueList;
-  }();
-
-  /**
-   * @file track-kinds.js
-   */
-
-  /**
-   * All possible `VideoTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-videotrack-kind
-   * @typedef VideoTrack~Kind
-   * @enum
-   */
-  var VideoTrackKind = {
-    alternative: 'alternative',
-    captions: 'captions',
-    main: 'main',
-    sign: 'sign',
-    subtitles: 'subtitles',
-    commentary: 'commentary'
-  };
-  /**
-   * All possible `AudioTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-audiotrack-kind
-   * @typedef AudioTrack~Kind
-   * @enum
-   */
-
-  var AudioTrackKind = {
-    'alternative': 'alternative',
-    'descriptions': 'descriptions',
-    'main': 'main',
-    'main-desc': 'main-desc',
-    'translation': 'translation',
-    'commentary': 'commentary'
-  };
-  /**
-   * All possible `TextTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-kind
-   * @typedef TextTrack~Kind
-   * @enum
-   */
-
-  var TextTrackKind = {
-    subtitles: 'subtitles',
-    captions: 'captions',
-    descriptions: 'descriptions',
-    chapters: 'chapters',
-    metadata: 'metadata'
-  };
-  /**
-   * All possible `TextTrackMode`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackmode
-   * @typedef TextTrack~Mode
-   * @enum
-   */
-
-  var TextTrackMode = {
-    disabled: 'disabled',
-    hidden: 'hidden',
-    showing: 'showing'
-  };
-
-  /**
-   * A Track class that contains all of the common functionality for {@link AudioTrack},
-   * {@link VideoTrack}, and {@link TextTrack}.
-   *
-   * > Note: This class should not be used directly
-   *
-   * @see {@link https://html.spec.whatwg.org/multipage/embedded-content.html}
-   * @extends EventTarget
-   * @abstract
-   */
-
-  var Track =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(Track, _EventTarget);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {string} [options.kind='']
-     *        A valid kind for the track type you are creating.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @abstract
-     */
-    function Track(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _EventTarget.call(this) || this;
-      var trackProps = {
-        id: options.id || 'vjs_track_' + newGUID(),
-        kind: options.kind || '',
-        label: options.label || '',
-        language: options.language || ''
-      };
-      /**
-       * @memberof Track
-       * @member {string} id
-       *         The id of this track. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} kind
-       *         The kind of track that this is. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} label
-       *         The label of this track. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} language
-       *         The two letter language code for this track. Cannot be changed after
-       *         creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      var _loop = function _loop(key) {
-        Object.defineProperty(assertThisInitialized(_this), key, {
-          get: function get() {
-            return trackProps[key];
-          },
-          set: function set() {}
-        });
-      };
-
-      for (var key in trackProps) {
-        _loop(key);
-      }
-
-      return _this;
-    }
-
-    return Track;
-  }(EventTarget);
-
-  /**
-   * @file url.js
-   * @module url
-   */
-  /**
-   * @typedef {Object} url:URLObject
-   *
-   * @property {string} protocol
-   *           The protocol of the url that was parsed.
-   *
-   * @property {string} hostname
-   *           The hostname of the url that was parsed.
-   *
-   * @property {string} port
-   *           The port of the url that was parsed.
-   *
-   * @property {string} pathname
-   *           The pathname of the url that was parsed.
-   *
-   * @property {string} search
-   *           The search query of the url that was parsed.
-   *
-   * @property {string} hash
-   *           The hash of the url that was parsed.
-   *
-   * @property {string} host
-   *           The host of the url that was parsed.
-   */
-
-  /**
-   * Resolve and parse the elements of a URL.
-   *
-   * @function
-   * @param    {String} url
-   *           The url to parse
-   *
-   * @return   {url:URLObject}
-   *           An object of url details
-   */
-
-  var parseUrl = function parseUrl(url) {
-    var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host']; // add the url to an anchor and let the browser parse the URL
-
-    var a = document.createElement('a');
-    a.href = url; // IE8 (and 9?) Fix
-    // ie8 doesn't parse the URL correctly until the anchor is actually
-    // added to the body, and an innerHTML is needed to trigger the parsing
-
-    var addToBody = a.host === '' && a.protocol !== 'file:';
-    var div;
-
-    if (addToBody) {
-      div = document.createElement('div');
-      div.innerHTML = "<a href=\"" + url + "\"></a>";
-      a = div.firstChild; // prevent the div from affecting layout
-
-      div.setAttribute('style', 'display:none; position:absolute;');
-      document.body.appendChild(div);
-    } // Copy the specific URL properties to a new object
-    // This is also needed for IE8 because the anchor loses its
-    // properties when it's removed from the dom
-
-
-    var details = {};
-
-    for (var i = 0; i < props.length; i++) {
-      details[props[i]] = a[props[i]];
-    } // IE9 adds the port to the host property unlike everyone else. If
-    // a port identifier is added for standard ports, strip it.
-
-
-    if (details.protocol === 'http:') {
-      details.host = details.host.replace(/:80$/, '');
-    }
-
-    if (details.protocol === 'https:') {
-      details.host = details.host.replace(/:443$/, '');
-    }
-
-    if (!details.protocol) {
-      details.protocol = window$1.location.protocol;
-    }
-
-    if (addToBody) {
-      document.body.removeChild(div);
-    }
-
-    return details;
-  };
-  /**
-   * Get absolute version of relative URL. Used to tell Flash the correct URL.
-   *
-   * @function
-   * @param    {string} url
-   *           URL to make absolute
-   *
-   * @return   {string}
-   *           Absolute URL
-   *
-   * @see      http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
-   */
-
-  var getAbsoluteURL = function getAbsoluteURL(url) {
-    // Check if absolute URL
-    if (!url.match(/^https?:\/\//)) {
-      // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
-      var div = document.createElement('div');
-      div.innerHTML = "<a href=\"" + url + "\">x</a>";
-      url = div.firstChild.href;
-    }
-
-    return url;
-  };
-  /**
-   * Returns the extension of the passed file name. It will return an empty string
-   * if passed an invalid path.
-   *
-   * @function
-   * @param    {string} path
-   *           The fileName path like '/path/to/file.mp4'
-   *
-   * @return  {string}
-   *           The extension in lower case or an empty string if no
-   *           extension could be found.
-   */
-
-  var getFileExtension = function getFileExtension(path) {
-    if (typeof path === 'string') {
-      var splitPathRe = /^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/;
-      var pathParts = splitPathRe.exec(path);
-
-      if (pathParts) {
-        return pathParts.pop().toLowerCase();
-      }
-    }
-
-    return '';
-  };
-  /**
-   * Returns whether the url passed is a cross domain request or not.
-   *
-   * @function
-   * @param    {string} url
-   *           The url to check.
-   *
-   * @param    {Object} [winLoc]
-   *           the domain to check the url against, defaults to window.location
-   *
-   * @param    {string} [winLoc.protocol]
-   *           The window location protocol defaults to window.location.protocol
-   *
-   * @param    {string} [winLoc.host]
-   *           The window location host defaults to window.location.host
-   *
-   * @return   {boolean}
-   *           Whether it is a cross domain request or not.
-   */
-
-  var isCrossOrigin = function isCrossOrigin(url, winLoc) {
-    if (winLoc === void 0) {
-      winLoc = window$1.location;
-    }
-
-    var urlInfo = parseUrl(url); // IE8 protocol relative urls will return ':' for protocol
-
-    var srcProtocol = urlInfo.protocol === ':' ? winLoc.protocol : urlInfo.protocol; // Check if url is for another domain/origin
-    // IE8 doesn't know location.origin, so we won't rely on it here
-
-    var crossOrigin = srcProtocol + urlInfo.host !== winLoc.protocol + winLoc.host;
-    return crossOrigin;
-  };
-
-  var Url = /*#__PURE__*/Object.freeze({
-    parseUrl: parseUrl,
-    getAbsoluteURL: getAbsoluteURL,
-    getFileExtension: getFileExtension,
-    isCrossOrigin: isCrossOrigin
-  });
-
-  var isFunction_1 = isFunction;
-  var toString$1 = Object.prototype.toString;
-
-  function isFunction(fn) {
-    var string = toString$1.call(fn);
-    return string === '[object Function]' || typeof fn === 'function' && string !== '[object RegExp]' || typeof window !== 'undefined' && ( // IE8 and below
-    fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt);
-  }
-
-  /**
-   * @license
-   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
-   * Copyright (c) 2014 David Björklund
-   * Available under the MIT license
-   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
-   */
-
-
-  var parseHeaders = function parseHeaders(headers) {
-    var result = {};
-
-    if (!headers) {
-      return result;
-    }
-
-    headers.trim().split('\n').forEach(function (row) {
-      var index = row.indexOf(':');
-      var key = row.slice(0, index).trim().toLowerCase();
-      var value = row.slice(index + 1).trim();
-
-      if (typeof result[key] === 'undefined') {
-        result[key] = value;
-      } else if (Array.isArray(result[key])) {
-        result[key].push(value);
-      } else {
-        result[key] = [result[key], value];
-      }
-    });
-    return result;
-  };
-
-  var xhr = createXHR; // Allow use of default import syntax in TypeScript
-
-  var default_1 = createXHR;
-  createXHR.XMLHttpRequest = window$1.XMLHttpRequest || noop;
-  createXHR.XDomainRequest = "withCredentials" in new createXHR.XMLHttpRequest() ? createXHR.XMLHttpRequest : window$1.XDomainRequest;
-  forEachArray(["get", "put", "post", "patch", "head", "delete"], function (method) {
-    createXHR[method === "delete" ? "del" : method] = function (uri, options, callback) {
-      options = initParams(uri, options, callback);
-      options.method = method.toUpperCase();
-      return _createXHR(options);
-    };
-  });
-
-  function forEachArray(array, iterator) {
-    for (var i = 0; i < array.length; i++) {
-      iterator(array[i]);
-    }
-  }
-
-  function isEmpty(obj) {
-    for (var i in obj) {
-      if (obj.hasOwnProperty(i)) return false;
-    }
-
-    return true;
-  }
-
-  function initParams(uri, options, callback) {
-    var params = uri;
-
-    if (isFunction_1(options)) {
-      callback = options;
-
-      if (typeof uri === "string") {
-        params = {
-          uri: uri
-        };
-      }
-    } else {
-      params = _extends_1({}, options, {
-        uri: uri
-      });
-    }
-
-    params.callback = callback;
-    return params;
-  }
-
-  function createXHR(uri, options, callback) {
-    options = initParams(uri, options, callback);
-    return _createXHR(options);
-  }
-
-  function _createXHR(options) {
-    if (typeof options.callback === "undefined") {
-      throw new Error("callback argument missing");
-    }
-
-    var called = false;
-
-    var callback = function cbOnce(err, response, body) {
-      if (!called) {
-        called = true;
-        options.callback(err, response, body);
-      }
-    };
-
-    function readystatechange() {
-      if (xhr.readyState === 4) {
-        setTimeout(loadFunc, 0);
-      }
-    }
-
-    function getBody() {
-      // Chrome with requestType=blob throws errors arround when even testing access to responseText
-      var body = undefined;
-
-      if (xhr.response) {
-        body = xhr.response;
-      } else {
-        body = xhr.responseText || getXml(xhr);
-      }
-
-      if (isJson) {
-        try {
-          body = JSON.parse(body);
-        } catch (e) {}
-      }
-
-      return body;
-    }
-
-    function errorFunc(evt) {
-      clearTimeout(timeoutTimer);
-
-      if (!(evt instanceof Error)) {
-        evt = new Error("" + (evt || "Unknown XMLHttpRequest Error"));
-      }
-
-      evt.statusCode = 0;
-      return callback(evt, failureResponse);
-    } // will load the data & process the response in a special response object
-
-
-    function loadFunc() {
-      if (aborted) return;
-      var status;
-      clearTimeout(timeoutTimer);
-
-      if (options.useXDR && xhr.status === undefined) {
-        //IE8 CORS GET successful response doesn't have a status field, but body is fine
-        status = 200;
-      } else {
-        status = xhr.status === 1223 ? 204 : xhr.status;
-      }
-
-      var response = failureResponse;
-      var err = null;
-
-      if (status !== 0) {
-        response = {
-          body: getBody(),
-          statusCode: status,
-          method: method,
-          headers: {},
-          url: uri,
-          rawRequest: xhr
-        };
-
-        if (xhr.getAllResponseHeaders) {
-          //remember xhr can in fact be XDR for CORS in IE
-          response.headers = parseHeaders(xhr.getAllResponseHeaders());
-        }
-      } else {
-        err = new Error("Internal XMLHttpRequest Error");
-      }
-
-      return callback(err, response, response.body);
-    }
-
-    var xhr = options.xhr || null;
-
-    if (!xhr) {
-      if (options.cors || options.useXDR) {
-        xhr = new createXHR.XDomainRequest();
-      } else {
-        xhr = new createXHR.XMLHttpRequest();
-      }
-    }
-
-    var key;
-    var aborted;
-    var uri = xhr.url = options.uri || options.url;
-    var method = xhr.method = options.method || "GET";
-    var body = options.body || options.data;
-    var headers = xhr.headers = options.headers || {};
-    var sync = !!options.sync;
-    var isJson = false;
-    var timeoutTimer;
-    var failureResponse = {
-      body: undefined,
-      headers: {},
-      statusCode: 0,
-      method: method,
-      url: uri,
-      rawRequest: xhr
-    };
-
-    if ("json" in options && options.json !== false) {
-      isJson = true;
-      headers["accept"] || headers["Accept"] || (headers["Accept"] = "application/json"); //Don't override existing accept header declared by user
-
-      if (method !== "GET" && method !== "HEAD") {
-        headers["content-type"] || headers["Content-Type"] || (headers["Content-Type"] = "application/json"); //Don't override existing accept header declared by user
-
-        body = JSON.stringify(options.json === true ? body : options.json);
-      }
-    }
-
-    xhr.onreadystatechange = readystatechange;
-    xhr.onload = loadFunc;
-    xhr.onerror = errorFunc; // IE9 must have onprogress be set to a unique function.
-
-    xhr.onprogress = function () {// IE must die
-    };
-
-    xhr.onabort = function () {
-      aborted = true;
-    };
-
-    xhr.ontimeout = errorFunc;
-    xhr.open(method, uri, !sync, options.username, options.password); //has to be after open
-
-    if (!sync) {
-      xhr.withCredentials = !!options.withCredentials;
-    } // Cannot set timeout with sync request
-    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly
-    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent
-
-
-    if (!sync && options.timeout > 0) {
-      timeoutTimer = setTimeout(function () {
-        if (aborted) return;
-        aborted = true; //IE9 may still call readystatechange
-
-        xhr.abort("timeout");
-        var e = new Error("XMLHttpRequest timeout");
-        e.code = "ETIMEDOUT";
-        errorFunc(e);
-      }, options.timeout);
-    }
-
-    if (xhr.setRequestHeader) {
-      for (key in headers) {
-        if (headers.hasOwnProperty(key)) {
-          xhr.setRequestHeader(key, headers[key]);
-        }
-      }
-    } else if (options.headers && !isEmpty(options.headers)) {
-      throw new Error("Headers cannot be set on an XDomainRequest object");
-    }
-
-    if ("responseType" in options) {
-      xhr.responseType = options.responseType;
-    }
-
-    if ("beforeSend" in options && typeof options.beforeSend === "function") {
-      options.beforeSend(xhr);
-    } // Microsoft Edge browser sends "undefined" when send is called with undefined value.
-    // XMLHttpRequest spec says to pass null as body to indicate no body
-    // See https://github.com/naugtur/xhr/issues/100.
-
-
-    xhr.send(body || null);
-    return xhr;
-  }
-
-  function getXml(xhr) {
-    // xhr.responseXML will throw Exception "InvalidStateError" or "DOMException"
-    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.
-    try {
-      if (xhr.responseType === "document") {
-        return xhr.responseXML;
-      }
-
-      var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === "parsererror";
-
-      if (xhr.responseType === "" && !firefoxBugTakenEffect) {
-        return xhr.responseXML;
-      }
-    } catch (e) {}
-
-    return null;
-  }
-
-  function noop() {}
-  xhr["default"] = default_1;
-
-  /**
-   * Takes a webvtt file contents and parses it into cues
-   *
-   * @param {string} srcContent
-   *        webVTT file contents
-   *
-   * @param {TextTrack} track
-   *        TextTrack to add cues to. Cues come from the srcContent.
-   *
-   * @private
-   */
-
-  var parseCues = function parseCues(srcContent, track) {
-    var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, window$1.WebVTT.StringDecoder());
-    var errors = [];
-
-    parser.oncue = function (cue) {
-      track.addCue(cue);
-    };
-
-    parser.onparsingerror = function (error) {
-      errors.push(error);
-    };
-
-    parser.onflush = function () {
-      track.trigger({
-        type: 'loadeddata',
-        target: track
-      });
-    };
-
-    parser.parse(srcContent);
-
-    if (errors.length > 0) {
-      if (window$1.console && window$1.console.groupCollapsed) {
-        window$1.console.groupCollapsed("Text Track parsing errors for " + track.src);
-      }
-
-      errors.forEach(function (error) {
-        return log.error(error);
-      });
-
-      if (window$1.console && window$1.console.groupEnd) {
-        window$1.console.groupEnd();
-      }
-    }
-
-    parser.flush();
-  };
-  /**
-   * Load a `TextTrack` from a specified url.
-   *
-   * @param {string} src
-   *        Url to load track from.
-   *
-   * @param {TextTrack} track
-   *        Track to add cues to. Comes from the content at the end of `url`.
-   *
-   * @private
-   */
-
-
-  var loadTrack = function loadTrack(src, track) {
-    var opts = {
-      uri: src
-    };
-    var crossOrigin = isCrossOrigin(src);
-
-    if (crossOrigin) {
-      opts.cors = crossOrigin;
-    }
-
-    xhr(opts, bind(this, function (err, response, responseBody) {
-      if (err) {
-        return log.error(err, response);
-      }
-
-      track.loaded_ = true; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-      // NOTE: this is only used for the alt/video.novtt.js build
-
-      if (typeof window$1.WebVTT !== 'function') {
-        if (track.tech_) {
-          // to prevent use before define eslint error, we define loadHandler
-          // as a let here
-          track.tech_.any(['vttjsloaded', 'vttjserror'], function (event) {
-            if (event.type === 'vttjserror') {
-              log.error("vttjs failed to load, stopping trying to process " + track.src);
-              return;
-            }
-
-            return parseCues(responseBody, track);
-          });
-        }
-      } else {
-        parseCues(responseBody, track);
-      }
-    }));
-  };
-  /**
-   * A representation of a single `TextTrack`.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrack}
-   * @extends Track
-   */
-
-
-  var TextTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(TextTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} options={}
-     *        Object of option names and values
-     *
-     * @param {Tech} options.tech
-     *        A reference to the tech that owns this TextTrack.
-     *
-     * @param {TextTrack~Kind} [options.kind='subtitles']
-     *        A valid text track kind.
-     *
-     * @param {TextTrack~Mode} [options.mode='disabled']
-     *        A valid text track mode.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this TextTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {string} [options.srclang='']
-     *        A valid two character language code. An alternative, but deprioritized
-     *        version of `options.language`
-     *
-     * @param {string} [options.src]
-     *        A url to TextTrack cues.
-     *
-     * @param {boolean} [options.default]
-     *        If this track should default to on or off.
-     */
-    function TextTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (!options.tech) {
-        throw new Error('A tech was not provided.');
-      }
-
-      var settings = mergeOptions(options, {
-        kind: TextTrackKind[options.kind] || 'subtitles',
-        language: options.language || options.srclang || ''
-      });
-      var mode = TextTrackMode[settings.mode] || 'disabled';
-      var default_ = settings["default"];
-
-      if (settings.kind === 'metadata' || settings.kind === 'chapters') {
-        mode = 'hidden';
-      }
-
-      _this = _Track.call(this, settings) || this;
-      _this.tech_ = settings.tech;
-      _this.cues_ = [];
-      _this.activeCues_ = [];
-      _this.preload_ = _this.tech_.preloadTextTracks !== false;
-      var cues = new TextTrackCueList(_this.cues_);
-      var activeCues = new TextTrackCueList(_this.activeCues_);
-      var changed = false;
-      var timeupdateHandler = bind(assertThisInitialized(_this), function () {
-        // Accessing this.activeCues for the side-effects of updating itself
-        // due to its nature as a getter function. Do not remove or cues will
-        // stop updating!
-        // Use the setter to prevent deletion from uglify (pure_getters rule)
-        this.activeCues = this.activeCues;
-
-        if (changed) {
-          this.trigger('cuechange');
-          changed = false;
-        }
-      });
-
-      if (mode !== 'disabled') {
-        _this.tech_.ready(function () {
-          _this.tech_.on('timeupdate', timeupdateHandler);
-        }, true);
-      }
-
-      Object.defineProperties(assertThisInitialized(_this), {
-        /**
-         * @memberof TextTrack
-         * @member {boolean} default
-         *         If this track was set to be on or off by default. Cannot be changed after
-         *         creation.
-         * @instance
-         *
-         * @readonly
-         */
-        "default": {
-          get: function get() {
-            return default_;
-          },
-          set: function set() {}
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {string} mode
-         *         Set the mode of this TextTrack to a valid {@link TextTrack~Mode}. Will
-         *         not be set if setting to an invalid mode.
-         * @instance
-         *
-         * @fires TextTrack#modechange
-         */
-        mode: {
-          get: function get() {
-            return mode;
-          },
-          set: function set(newMode) {
-            var _this2 = this;
-
-            if (!TextTrackMode[newMode]) {
-              return;
-            }
-
-            mode = newMode;
-
-            if (!this.preload_ && mode !== 'disabled' && this.cues.length === 0) {
-              // On-demand load.
-              loadTrack(this.src, this);
-            }
-
-            if (mode !== 'disabled') {
-              this.tech_.ready(function () {
-                _this2.tech_.on('timeupdate', timeupdateHandler);
-              }, true);
-            } else {
-              this.tech_.off('timeupdate', timeupdateHandler);
-            }
-            /**
-             * An event that fires when mode changes on this track. This allows
-             * the TextTrackList that holds this track to act accordingly.
-             *
-             * > Note: This is not part of the spec!
-             *
-             * @event TextTrack#modechange
-             * @type {EventTarget~Event}
-             */
-
-
-            this.trigger('modechange');
-          }
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {TextTrackCueList} cues
-         *         The text track cue list for this TextTrack.
-         * @instance
-         */
-        cues: {
-          get: function get() {
-            if (!this.loaded_) {
-              return null;
-            }
-
-            return cues;
-          },
-          set: function set() {}
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {TextTrackCueList} activeCues
-         *         The list text track cues that are currently active for this TextTrack.
-         * @instance
-         */
-        activeCues: {
-          get: function get() {
-            if (!this.loaded_) {
-              return null;
-            } // nothing to do
-
-
-            if (this.cues.length === 0) {
-              return activeCues;
-            }
-
-            var ct = this.tech_.currentTime();
-            var active = [];
-
-            for (var i = 0, l = this.cues.length; i < l; i++) {
-              var cue = this.cues[i];
-
-              if (cue.startTime <= ct && cue.endTime >= ct) {
-                active.push(cue);
-              } else if (cue.startTime === cue.endTime && cue.startTime <= ct && cue.startTime + 0.5 >= ct) {
-                active.push(cue);
-              }
-            }
-
-            changed = false;
-
-            if (active.length !== this.activeCues_.length) {
-              changed = true;
-            } else {
-              for (var _i = 0; _i < active.length; _i++) {
-                if (this.activeCues_.indexOf(active[_i]) === -1) {
-                  changed = true;
-                }
-              }
-            }
-
-            this.activeCues_ = active;
-            activeCues.setCues_(this.activeCues_);
-            return activeCues;
-          },
-          // /!\ Keep this setter empty (see the timeupdate handler above)
-          set: function set() {}
-        }
-      });
-
-      if (settings.src) {
-        _this.src = settings.src;
-
-        if (!_this.preload_) {
-          // Tracks will load on-demand.
-          // Act like we're loaded for other purposes.
-          _this.loaded_ = true;
-        }
-
-        if (_this.preload_ || default_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
-          loadTrack(_this.src, assertThisInitialized(_this));
-        }
-      } else {
-        _this.loaded_ = true;
-      }
-
-      return _this;
-    }
-    /**
-     * Add a cue to the internal list of cues.
-     *
-     * @param {TextTrack~Cue} cue
-     *        The cue to add to our internal list
-     */
-
-
-    var _proto = TextTrack.prototype;
-
-    _proto.addCue = function addCue(originalCue) {
-      var cue = originalCue;
-
-      if (window$1.vttjs && !(originalCue instanceof window$1.vttjs.VTTCue)) {
-        cue = new window$1.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
-
-        for (var prop in originalCue) {
-          if (!(prop in cue)) {
-            cue[prop] = originalCue[prop];
-          }
-        } // make sure that `id` is copied over
-
-
-        cue.id = originalCue.id;
-        cue.originalCue_ = originalCue;
-      }
-
-      var tracks = this.tech_.textTracks();
-
-      for (var i = 0; i < tracks.length; i++) {
-        if (tracks[i] !== this) {
-          tracks[i].removeCue(cue);
-        }
-      }
-
-      this.cues_.push(cue);
-      this.cues.setCues_(this.cues_);
-    }
-    /**
-     * Remove a cue from our internal list
-     *
-     * @param {TextTrack~Cue} removeCue
-     *        The cue to remove from our internal list
-     */
-    ;
-
-    _proto.removeCue = function removeCue(_removeCue) {
-      var i = this.cues_.length;
-
-      while (i--) {
-        var cue = this.cues_[i];
-
-        if (cue === _removeCue || cue.originalCue_ && cue.originalCue_ === _removeCue) {
-          this.cues_.splice(i, 1);
-          this.cues.setCues_(this.cues_);
-          break;
-        }
-      }
-    };
-
-    return TextTrack;
-  }(Track);
-  /**
-   * cuechange - One or more cues in the track have become active or stopped being active.
-   */
-
-
-  TextTrack.prototype.allowedEvents_ = {
-    cuechange: 'cuechange'
-  };
-
-  /**
-   * A representation of a single `AudioTrack`. If it is part of an {@link AudioTrackList}
-   * only one `AudioTrack` in the list will be enabled at a time.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotrack}
-   * @extends Track
-   */
-
-  var AudioTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(AudioTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {AudioTrack~Kind} [options.kind='']
-     *        A valid audio track kind
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {boolean} [options.enabled]
-     *        If this track is the one that is currently playing. If this track is part of
-     *        an {@link AudioTrackList}, only one {@link AudioTrack} will be enabled.
-     */
-    function AudioTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var settings = mergeOptions(options, {
-        kind: AudioTrackKind[options.kind] || ''
-      });
-      _this = _Track.call(this, settings) || this;
-      var enabled = false;
-      /**
-       * @memberof AudioTrack
-       * @member {boolean} enabled
-       *         If this `AudioTrack` is enabled or not. When setting this will
-       *         fire {@link AudioTrack#enabledchange} if the state of enabled is changed.
-       * @instance
-       *
-       * @fires VideoTrack#selectedchange
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'enabled', {
-        get: function get() {
-          return enabled;
-        },
-        set: function set(newEnabled) {
-          // an invalid or unchanged value
-          if (typeof newEnabled !== 'boolean' || newEnabled === enabled) {
-            return;
-          }
-
-          enabled = newEnabled;
-          /**
-           * An event that fires when enabled changes on this track. This allows
-           * the AudioTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec! Native tracks will do
-           *         this internally without an event.
-           *
-           * @event AudioTrack#enabledchange
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('enabledchange');
-        }
-      }); // if the user sets this track to selected then
-      // set selected to that true value otherwise
-      // we keep it false
-
-      if (settings.enabled) {
-        _this.enabled = settings.enabled;
-      }
-
-      _this.loaded_ = true;
-      return _this;
-    }
-
-    return AudioTrack;
-  }(Track);
-
-  /**
-   * A representation of a single `VideoTrack`.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotrack}
-   * @extends Track
-   */
-
-  var VideoTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(VideoTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {string} [options.kind='']
-     *        A valid {@link VideoTrack~Kind}
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {boolean} [options.selected]
-     *        If this track is the one that is currently playing.
-     */
-    function VideoTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var settings = mergeOptions(options, {
-        kind: VideoTrackKind[options.kind] || ''
-      });
-      _this = _Track.call(this, settings) || this;
-      var selected = false;
-      /**
-       * @memberof VideoTrack
-       * @member {boolean} selected
-       *         If this `VideoTrack` is selected or not. When setting this will
-       *         fire {@link VideoTrack#selectedchange} if the state of selected changed.
-       * @instance
-       *
-       * @fires VideoTrack#selectedchange
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'selected', {
-        get: function get() {
-          return selected;
-        },
-        set: function set(newSelected) {
-          // an invalid or unchanged value
-          if (typeof newSelected !== 'boolean' || newSelected === selected) {
-            return;
-          }
-
-          selected = newSelected;
-          /**
-           * An event that fires when selected changes on this track. This allows
-           * the VideoTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec! Native tracks will do
-           *         this internally without an event.
-           *
-           * @event VideoTrack#selectedchange
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('selectedchange');
-        }
-      }); // if the user sets this track to selected then
-      // set selected to that true value otherwise
-      // we keep it false
-
-      if (settings.selected) {
-        _this.selected = settings.selected;
-      }
-
-      return _this;
-    }
-
-    return VideoTrack;
-  }(Track);
-
-  /**
-   * @memberof HTMLTrackElement
-   * @typedef {HTMLTrackElement~ReadyState}
-   * @enum {number}
-   */
-
-  var NONE = 0;
-  var LOADING = 1;
-  var LOADED = 2;
-  var ERROR = 3;
-  /**
-   * A single track represented in the DOM.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement}
-   * @extends EventTarget
-   */
-
-  var HTMLTrackElement =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(HTMLTrackElement, _EventTarget);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} options={}
-     *        Object of option names and values
-     *
-     * @param {Tech} options.tech
-     *        A reference to the tech that owns this HTMLTrackElement.
-     *
-     * @param {TextTrack~Kind} [options.kind='subtitles']
-     *        A valid text track kind.
-     *
-     * @param {TextTrack~Mode} [options.mode='disabled']
-     *        A valid text track mode.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this TextTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {string} [options.srclang='']
-     *        A valid two character language code. An alternative, but deprioritized
-     *        vesion of `options.language`
-     *
-     * @param {string} [options.src]
-     *        A url to TextTrack cues.
-     *
-     * @param {boolean} [options.default]
-     *        If this track should default to on or off.
-     */
-    function HTMLTrackElement(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _EventTarget.call(this) || this;
-      var readyState;
-      var track = new TextTrack(options);
-      _this.kind = track.kind;
-      _this.src = track.src;
-      _this.srclang = track.language;
-      _this.label = track.label;
-      _this["default"] = track["default"];
-      Object.defineProperties(assertThisInitialized(_this), {
-        /**
-         * @memberof HTMLTrackElement
-         * @member {HTMLTrackElement~ReadyState} readyState
-         *         The current ready state of the track element.
-         * @instance
-         */
-        readyState: {
-          get: function get() {
-            return readyState;
-          }
-        },
-
-        /**
-         * @memberof HTMLTrackElement
-         * @member {TextTrack} track
-         *         The underlying TextTrack object.
-         * @instance
-         *
-         */
-        track: {
-          get: function get() {
-            return track;
-          }
-        }
-      });
-      readyState = NONE;
-      /**
-       * @listens TextTrack#loadeddata
-       * @fires HTMLTrackElement#load
-       */
-
-      track.addEventListener('loadeddata', function () {
-        readyState = LOADED;
-
-        _this.trigger({
-          type: 'load',
-          target: assertThisInitialized(_this)
-        });
-      });
-      return _this;
-    }
-
-    return HTMLTrackElement;
-  }(EventTarget);
-
-  HTMLTrackElement.prototype.allowedEvents_ = {
-    load: 'load'
-  };
-  HTMLTrackElement.NONE = NONE;
-  HTMLTrackElement.LOADING = LOADING;
-  HTMLTrackElement.LOADED = LOADED;
-  HTMLTrackElement.ERROR = ERROR;
-
-  /*
-   * This file contains all track properties that are used in
-   * player.js, tech.js, html5.js and possibly other techs in the future.
-   */
-
-  var NORMAL = {
-    audio: {
-      ListClass: AudioTrackList,
-      TrackClass: AudioTrack,
-      capitalName: 'Audio'
-    },
-    video: {
-      ListClass: VideoTrackList,
-      TrackClass: VideoTrack,
-      capitalName: 'Video'
-    },
-    text: {
-      ListClass: TextTrackList,
-      TrackClass: TextTrack,
-      capitalName: 'Text'
-    }
-  };
-  Object.keys(NORMAL).forEach(function (type) {
-    NORMAL[type].getterName = type + "Tracks";
-    NORMAL[type].privateName = type + "Tracks_";
-  });
-  var REMOTE = {
-    remoteText: {
-      ListClass: TextTrackList,
-      TrackClass: TextTrack,
-      capitalName: 'RemoteText',
-      getterName: 'remoteTextTracks',
-      privateName: 'remoteTextTracks_'
-    },
-    remoteTextEl: {
-      ListClass: HtmlTrackElementList,
-      TrackClass: HTMLTrackElement,
-      capitalName: 'RemoteTextTrackEls',
-      getterName: 'remoteTextTrackEls',
-      privateName: 'remoteTextTrackEls_'
-    }
-  };
-
-  var ALL = _extends_1({}, NORMAL, REMOTE);
-
-  REMOTE.names = Object.keys(REMOTE);
-  NORMAL.names = Object.keys(NORMAL);
-  ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-  var vtt = {};
-
-  /**
-   * An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string
-   * that just contains the src url alone.
-   * * `var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};`
-     * `var SourceString = 'http://example.com/some-video.mp4';`
-   *
-   * @typedef {Object|string} Tech~SourceObject
-   *
-   * @property {string} src
-   *           The url to the source
-   *
-   * @property {string} type
-   *           The mime type of the source
-   */
-
-  /**
-   * A function used by {@link Tech} to create a new {@link TextTrack}.
-   *
-   * @private
-   *
-   * @param {Tech} self
-   *        An instance of the Tech class.
-   *
-   * @param {string} kind
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-   *
-   * @param {string} [label]
-   *        Label to identify the text track
-   *
-   * @param {string} [language]
-   *        Two letter language abbreviation
-   *
-   * @param {Object} [options={}]
-   *        An object with additional text track options
-   *
-   * @return {TextTrack}
-   *          The text track that was created.
-   */
-
-  function createTrackHelper(self, kind, label, language, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var tracks = self.textTracks();
-    options.kind = kind;
-
-    if (label) {
-      options.label = label;
-    }
-
-    if (language) {
-      options.language = language;
-    }
-
-    options.tech = self;
-    var track = new ALL.text.TrackClass(options);
-    tracks.addTrack(track);
-    return track;
-  }
-  /**
-   * This is the base class for media playback technology controllers, such as
-   * {@link Flash} and {@link HTML5}
-   *
-   * @extends Component
-   */
-
-
-  var Tech =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Tech, _Component);
-
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} ready
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    function Tech(options, ready) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (ready === void 0) {
-        ready = function ready() {};
-      }
-
-      // we don't want the tech to report user activity automatically.
-      // This is done manually in addControlsListeners
-      options.reportTouchActivity = false;
-      _this = _Component.call(this, null, options, ready) || this; // keep track of whether the current source has played at all to
-      // implement a very limited played()
-
-      _this.hasStarted_ = false;
-
-      _this.on('playing', function () {
-        this.hasStarted_ = true;
-      });
-
-      _this.on('loadstart', function () {
-        this.hasStarted_ = false;
-      });
-
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-
-        if (options && options[props.getterName]) {
-          _this[props.privateName] = options[props.getterName];
-        }
-      }); // Manually track progress in cases where the browser/flash player doesn't report it.
-
-      if (!_this.featuresProgressEvents) {
-        _this.manualProgressOn();
-      } // Manually track timeupdates in cases where the browser/flash player doesn't report it.
-
-
-      if (!_this.featuresTimeupdateEvents) {
-        _this.manualTimeUpdatesOn();
-      }
-
-      ['Text', 'Audio', 'Video'].forEach(function (track) {
-        if (options["native" + track + "Tracks"] === false) {
-          _this["featuresNative" + track + "Tracks"] = false;
-        }
-      });
-
-      if (options.nativeCaptions === false || options.nativeTextTracks === false) {
-        _this.featuresNativeTextTracks = false;
-      } else if (options.nativeCaptions === true || options.nativeTextTracks === true) {
-        _this.featuresNativeTextTracks = true;
-      }
-
-      if (!_this.featuresNativeTextTracks) {
-        _this.emulateTextTracks();
-      }
-
-      _this.preloadTextTracks = options.preloadTextTracks !== false;
-      _this.autoRemoteTextTracks_ = new ALL.text.ListClass();
-
-      _this.initTrackListeners(); // Turn on component tap events only if not using native controls
-
-
-      if (!options.nativeControlsForTouch) {
-        _this.emitTapEvents();
-      }
-
-      if (_this.constructor) {
-        _this.name_ = _this.constructor.name || 'Unknown Tech';
-      }
-
-      return _this;
-    }
-    /**
-     * A special function to trigger source set in a way that will allow player
-     * to re-trigger if the player or tech are not ready yet.
-     *
-     * @fires Tech#sourceset
-     * @param {string} src The source string at the time of the source changing.
-     */
-
-
-    var _proto = Tech.prototype;
-
-    _proto.triggerSourceset = function triggerSourceset(src) {
-      var _this2 = this;
-
-      if (!this.isReady_) {
-        // on initial ready we have to trigger source set
-        // 1ms after ready so that player can watch for it.
-        this.one('ready', function () {
-          return _this2.setTimeout(function () {
-            return _this2.triggerSourceset(src);
-          }, 1);
-        });
-      }
-      /**
-       * Fired when the source is set on the tech causing the media element
-       * to reload.
-       *
-       * @see {@link Player#event:sourceset}
-       * @event Tech#sourceset
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger({
-        src: src,
-        type: 'sourceset'
-      });
-    }
-    /* Fallbacks for unsupported event types
-    ================================================================================ */
-
-    /**
-     * Polyfill the `progress` event for browsers that don't support it natively.
-     *
-     * @see {@link Tech#trackProgress}
-     */
-    ;
-
-    _proto.manualProgressOn = function manualProgressOn() {
-      this.on('durationchange', this.onDurationChange);
-      this.manualProgress = true; // Trigger progress watching when a source begins loading
-
-      this.one('ready', this.trackProgress);
-    }
-    /**
-     * Turn off the polyfill for `progress` events that was created in
-     * {@link Tech#manualProgressOn}
-     */
-    ;
-
-    _proto.manualProgressOff = function manualProgressOff() {
-      this.manualProgress = false;
-      this.stopTrackingProgress();
-      this.off('durationchange', this.onDurationChange);
-    }
-    /**
-     * This is used to trigger a `progress` event when the buffered percent changes. It
-     * sets an interval function that will be called every 500 milliseconds to check if the
-     * buffer end percent has changed.
-     *
-     * > This function is called by {@link Tech#manualProgressOn}
-     *
-     * @param {EventTarget~Event} event
-     *        The `ready` event that caused this to run.
-     *
-     * @listens Tech#ready
-     * @fires Tech#progress
-     */
-    ;
-
-    _proto.trackProgress = function trackProgress(event) {
-      this.stopTrackingProgress();
-      this.progressInterval = this.setInterval(bind(this, function () {
-        // Don't trigger unless buffered amount is greater than last time
-        var numBufferedPercent = this.bufferedPercent();
-
-        if (this.bufferedPercent_ !== numBufferedPercent) {
-          /**
-           * See {@link Player#progress}
-           *
-           * @event Tech#progress
-           * @type {EventTarget~Event}
-           */
-          this.trigger('progress');
-        }
-
-        this.bufferedPercent_ = numBufferedPercent;
-
-        if (numBufferedPercent === 1) {
-          this.stopTrackingProgress();
-        }
-      }), 500);
-    }
-    /**
-     * Update our internal duration on a `durationchange` event by calling
-     * {@link Tech#duration}.
-     *
-     * @param {EventTarget~Event} event
-     *        The `durationchange` event that caused this to run.
-     *
-     * @listens Tech#durationchange
-     */
-    ;
-
-    _proto.onDurationChange = function onDurationChange(event) {
-      this.duration_ = this.duration();
-    }
-    /**
-     * Get and create a `TimeRange` object for buffering.
-     *
-     * @return {TimeRange}
-     *         The time range object that was created.
-     */
-    ;
-
-    _proto.buffered = function buffered() {
-      return createTimeRanges(0, 0);
-    }
-    /**
-     * Get the percentage of the current video that is currently buffered.
-     *
-     * @return {number}
-     *         A number from 0 to 1 that represents the decimal percentage of the
-     *         video that is buffered.
-     *
-     */
-    ;
-
-    _proto.bufferedPercent = function bufferedPercent$1() {
-      return bufferedPercent(this.buffered(), this.duration_);
-    }
-    /**
-     * Turn off the polyfill for `progress` events that was created in
-     * {@link Tech#manualProgressOn}
-     * Stop manually tracking progress events by clearing the interval that was set in
-     * {@link Tech#trackProgress}.
-     */
-    ;
-
-    _proto.stopTrackingProgress = function stopTrackingProgress() {
-      this.clearInterval(this.progressInterval);
-    }
-    /**
-     * Polyfill the `timeupdate` event for browsers that don't support it.
-     *
-     * @see {@link Tech#trackCurrentTime}
-     */
-    ;
-
-    _proto.manualTimeUpdatesOn = function manualTimeUpdatesOn() {
-      this.manualTimeUpdates = true;
-      this.on('play', this.trackCurrentTime);
-      this.on('pause', this.stopTrackingCurrentTime);
-    }
-    /**
-     * Turn off the polyfill for `timeupdate` events that was created in
-     * {@link Tech#manualTimeUpdatesOn}
-     */
-    ;
-
-    _proto.manualTimeUpdatesOff = function manualTimeUpdatesOff() {
-      this.manualTimeUpdates = false;
-      this.stopTrackingCurrentTime();
-      this.off('play', this.trackCurrentTime);
-      this.off('pause', this.stopTrackingCurrentTime);
-    }
-    /**
-     * Sets up an interval function to track current time and trigger `timeupdate` every
-     * 250 milliseconds.
-     *
-     * @listens Tech#play
-     * @triggers Tech#timeupdate
-     */
-    ;
-
-    _proto.trackCurrentTime = function trackCurrentTime() {
-      if (this.currentTimeInterval) {
-        this.stopTrackingCurrentTime();
-      }
-
-      this.currentTimeInterval = this.setInterval(function () {
-        /**
-         * Triggered at an interval of 250ms to indicated that time is passing in the video.
-         *
-         * @event Tech#timeupdate
-         * @type {EventTarget~Event}
-         */
-        this.trigger({
-          type: 'timeupdate',
-          target: this,
-          manuallyTriggered: true
-        }); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-      }, 250);
-    }
-    /**
-     * Stop the interval function created in {@link Tech#trackCurrentTime} so that the
-     * `timeupdate` event is no longer triggered.
-     *
-     * @listens {Tech#pause}
-     */
-    ;
-
-    _proto.stopTrackingCurrentTime = function stopTrackingCurrentTime() {
-      this.clearInterval(this.currentTimeInterval); // #1002 - if the video ends right before the next timeupdate would happen,
-      // the progress bar won't make it all the way to the end
-
-      this.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-    }
-    /**
-     * Turn off all event polyfills, clear the `Tech`s {@link AudioTrackList},
-     * {@link VideoTrackList}, and {@link TextTrackList}, and dispose of this Tech.
-     *
-     * @fires Component#dispose
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      // clear out all tracks because we can't reuse them between techs
-      this.clearTracks(NORMAL.names); // Turn off any manual progress or timeupdate tracking
-
-      if (this.manualProgress) {
-        this.manualProgressOff();
-      }
-
-      if (this.manualTimeUpdates) {
-        this.manualTimeUpdatesOff();
-      }
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Clear out a single `TrackList` or an array of `TrackLists` given their names.
-     *
-     * > Note: Techs without source handlers should call this between sources for `video`
-     *         & `audio` tracks. You don't want to use them between tracks!
-     *
-     * @param {string[]|string} types
-     *        TrackList names to clear, valid names are `video`, `audio`, and
-     *        `text`.
-     */
-    ;
-
-    _proto.clearTracks = function clearTracks(types) {
-      var _this3 = this;
-
-      types = [].concat(types); // clear out all tracks because we can't reuse them between techs
-
-      types.forEach(function (type) {
-        var list = _this3[type + "Tracks"]() || [];
-        var i = list.length;
-
-        while (i--) {
-          var track = list[i];
-
-          if (type === 'text') {
-            _this3.removeRemoteTextTrack(track);
-          }
-
-          list.removeTrack(track);
-        }
-      });
-    }
-    /**
-     * Remove any TextTracks added via addRemoteTextTrack that are
-     * flagged for automatic garbage collection
-     */
-    ;
-
-    _proto.cleanupAutoTextTracks = function cleanupAutoTextTracks() {
-      var list = this.autoRemoteTextTracks_ || [];
-      var i = list.length;
-
-      while (i--) {
-        var track = list[i];
-        this.removeRemoteTextTrack(track);
-      }
-    }
-    /**
-     * Reset the tech, which will removes all sources and reset the internal readyState.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.reset = function reset() {}
-    /**
-     * Get or set an error on the Tech.
-     *
-     * @param {MediaError} [err]
-     *        Error to set on the Tech
-     *
-     * @return {MediaError|null}
-     *         The current error object on the tech, or null if there isn't one.
-     */
-    ;
-
-    _proto.error = function error(err) {
-      if (err !== undefined) {
-        this.error_ = new MediaError(err);
-        this.trigger('error');
-      }
-
-      return this.error_;
-    }
-    /**
-     * Returns the `TimeRange`s that have been played through for the current source.
-     *
-     * > NOTE: This implementation is incomplete. It does not track the played `TimeRange`.
-     *         It only checks whether the source has played at all or not.
-     *
-     * @return {TimeRange}
-     *         - A single time range if this video has played
-     *         - An empty set of ranges if not.
-     */
-    ;
-
-    _proto.played = function played() {
-      if (this.hasStarted_) {
-        return createTimeRanges(0, 0);
-      }
-
-      return createTimeRanges();
-    }
-    /**
-     * Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was
-     * previously called.
-     *
-     * @fires Tech#timeupdate
-     */
-    ;
-
-    _proto.setCurrentTime = function setCurrentTime() {
-      // improve the accuracy of manual timeupdates
-      if (this.manualTimeUpdates) {
-        /**
-         * A manual `timeupdate` event.
-         *
-         * @event Tech#timeupdate
-         * @type {EventTarget~Event}
-         */
-        this.trigger({
-          type: 'timeupdate',
-          target: this,
-          manuallyTriggered: true
-        });
-      }
-    }
-    /**
-     * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and
-     * {@link TextTrackList} events.
-     *
-     * This adds {@link EventTarget~EventListeners} for `addtrack`, and  `removetrack`.
-     *
-     * @fires Tech#audiotrackchange
-     * @fires Tech#videotrackchange
-     * @fires Tech#texttrackchange
-     */
-    ;
-
-    _proto.initTrackListeners = function initTrackListeners() {
-      var _this4 = this;
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link AudioTrackList}
-        *
-        * @event Tech#audiotrackchange
-        * @type {EventTarget~Event}
-        */
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link VideoTrackList}
-        *
-        * @event Tech#videotrackchange
-        * @type {EventTarget~Event}
-        */
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link TextTrackList}
-        *
-        * @event Tech#texttrackchange
-        * @type {EventTarget~Event}
-        */
-      NORMAL.names.forEach(function (name) {
-        var props = NORMAL[name];
-
-        var trackListChanges = function trackListChanges() {
-          _this4.trigger(name + "trackchange");
-        };
-
-        var tracks = _this4[props.getterName]();
-
-        tracks.addEventListener('removetrack', trackListChanges);
-        tracks.addEventListener('addtrack', trackListChanges);
-
-        _this4.on('dispose', function () {
-          tracks.removeEventListener('removetrack', trackListChanges);
-          tracks.removeEventListener('addtrack', trackListChanges);
-        });
-      });
-    }
-    /**
-     * Emulate TextTracks using vtt.js if necessary
-     *
-     * @fires Tech#vttjsloaded
-     * @fires Tech#vttjserror
-     */
-    ;
-
-    _proto.addWebVttScript_ = function addWebVttScript_() {
-      var _this5 = this;
-
-      if (window$1.WebVTT) {
-        return;
-      } // Initially, Tech.el_ is a child of a dummy-div wait until the Component system
-      // signals that the Tech is ready at which point Tech.el_ is part of the DOM
-      // before inserting the WebVTT script
-
-
-      if (document.body.contains(this.el())) {
-        // load via require if available and vtt.js script location was not passed in
-        // as an option. novtt builds will turn the above require call into an empty object
-        // which will cause this if check to always fail.
-        if (!this.options_['vtt.js'] && isPlain(vtt) && Object.keys(vtt).length > 0) {
-          this.trigger('vttjsloaded');
-          return;
-        } // load vtt.js via the script location option or the cdn of no location was
-        // passed in
-
-
-        var script = document.createElement('script');
-        script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js';
-
-        script.onload = function () {
-          /**
-           * Fired when vtt.js is loaded.
-           *
-           * @event Tech#vttjsloaded
-           * @type {EventTarget~Event}
-           */
-          _this5.trigger('vttjsloaded');
-        };
-
-        script.onerror = function () {
-          /**
-           * Fired when vtt.js was not loaded due to an error
-           *
-           * @event Tech#vttjsloaded
-           * @type {EventTarget~Event}
-           */
-          _this5.trigger('vttjserror');
-        };
-
-        this.on('dispose', function () {
-          script.onload = null;
-          script.onerror = null;
-        }); // but have not loaded yet and we set it to true before the inject so that
-        // we don't overwrite the injected window.WebVTT if it loads right away
-
-        window$1.WebVTT = true;
-        this.el().parentNode.appendChild(script);
-      } else {
-        this.ready(this.addWebVttScript_);
-      }
-    }
-    /**
-     * Emulate texttracks
-     *
-     */
-    ;
-
-    _proto.emulateTextTracks = function emulateTextTracks() {
-      var _this6 = this;
-
-      var tracks = this.textTracks();
-      var remoteTracks = this.remoteTextTracks();
-
-      var handleAddTrack = function handleAddTrack(e) {
-        return tracks.addTrack(e.track);
-      };
-
-      var handleRemoveTrack = function handleRemoveTrack(e) {
-        return tracks.removeTrack(e.track);
-      };
-
-      remoteTracks.on('addtrack', handleAddTrack);
-      remoteTracks.on('removetrack', handleRemoveTrack);
-      this.addWebVttScript_();
-
-      var updateDisplay = function updateDisplay() {
-        return _this6.trigger('texttrackchange');
-      };
-
-      var textTracksChanges = function textTracksChanges() {
-        updateDisplay();
-
-        for (var i = 0; i < tracks.length; i++) {
-          var track = tracks[i];
-          track.removeEventListener('cuechange', updateDisplay);
-
-          if (track.mode === 'showing') {
-            track.addEventListener('cuechange', updateDisplay);
-          }
-        }
-      };
-
-      textTracksChanges();
-      tracks.addEventListener('change', textTracksChanges);
-      tracks.addEventListener('addtrack', textTracksChanges);
-      tracks.addEventListener('removetrack', textTracksChanges);
-      this.on('dispose', function () {
-        remoteTracks.off('addtrack', handleAddTrack);
-        remoteTracks.off('removetrack', handleRemoveTrack);
-        tracks.removeEventListener('change', textTracksChanges);
-        tracks.removeEventListener('addtrack', textTracksChanges);
-        tracks.removeEventListener('removetrack', textTracksChanges);
-
-        for (var i = 0; i < tracks.length; i++) {
-          var track = tracks[i];
-          track.removeEventListener('cuechange', updateDisplay);
-        }
-      });
-    }
-    /**
-     * Create and returns a remote {@link TextTrack} object.
-     *
-     * @param {string} kind
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-     *
-     * @param {string} [label]
-     *        Label to identify the text track
-     *
-     * @param {string} [language]
-     *        Two letter language abbreviation
-     *
-     * @return {TextTrack}
-     *         The TextTrack that gets created.
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (!kind) {
-        throw new Error('TextTrack kind is required but was not provided');
-      }
-
-      return createTrackHelper(this, kind, label, language);
-    }
-    /**
-     * Create an emulated TextTrack for use by addRemoteTextTrack
-     *
-     * This is intended to be overridden by classes that inherit from
-     * Tech in order to create native or custom TextTracks.
-     *
-     * @param {Object} options
-     *        The object should contain the options to initialize the TextTrack with.
-     *
-     * @param {string} [options.kind]
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-     *
-     * @param {string} [options.label].
-     *        Label to identify the text track
-     *
-     * @param {string} [options.language]
-     *        Two letter language abbreviation.
-     *
-     * @return {HTMLTrackElement}
-     *         The track element that gets created.
-     */
-    ;
-
-    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-      var track = mergeOptions(options, {
-        tech: this
-      });
-      return new REMOTE.remoteTextEl.TrackClass(track);
-    }
-    /**
-     * Creates a remote text track object and returns an html track element.
-     *
-     * > Note: This can be an emulated {@link HTMLTrackElement} or a native one.
-     *
-     * @param {Object} options
-     *        See {@link Tech#createRemoteTextTrack} for more detailed properties.
-     *
-     * @param {boolean} [manualCleanup=true]
-     *        - When false: the TextTrack will be automatically removed from the video
-     *          element whenever the source changes
-     *        - When True: The TextTrack will have to be cleaned up manually
-     *
-     * @return {HTMLTrackElement}
-     *         An Html Track Element.
-     *
-     * @deprecated The default functionality for this function will be equivalent
-     *             to "manualCleanup=false" in the future. The manualCleanup parameter will
-     *             also be removed.
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      var _this7 = this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var htmlTrackElement = this.createRemoteTextTrack(options);
-
-      if (manualCleanup !== true && manualCleanup !== false) {
-        // deprecation warning
-        log.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
-        manualCleanup = true;
-      } // store HTMLTrackElement and TextTrack to remote list
-
-
-      this.remoteTextTrackEls().addTrackElement_(htmlTrackElement);
-      this.remoteTextTracks().addTrack(htmlTrackElement.track);
-
-      if (manualCleanup !== true) {
-        // create the TextTrackList if it doesn't exist
-        this.ready(function () {
-          return _this7.autoRemoteTextTracks_.addTrack(htmlTrackElement.track);
-        });
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Remove a remote text track from the remote `TextTrackList`.
-     *
-     * @param {TextTrack} track
-     *        `TextTrack` to remove from the `TextTrackList`
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-      var trackElement = this.remoteTextTrackEls().getTrackElementByTrack_(track); // remove HTMLTrackElement and TextTrack from remote list
-
-      this.remoteTextTrackEls().removeTrackElement_(trackElement);
-      this.remoteTextTracks().removeTrack(track);
-      this.autoRemoteTextTracks_.removeTrack(track);
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object}
-     *         An object with supported media playback quality metrics
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      return {};
-    }
-    /**
-     * Attempt to create a floating video window always on top of other windows
-     * so that users may continue consuming media while they interact with other
-     * content sites, or applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @return {Promise|undefined}
-     *         A promise with a Picture-in-Picture window if the browser supports
-     *         Promises (or one was passed in as an option). It returns undefined
-     *         otherwise.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (PromiseClass) {
-        return PromiseClass.reject();
-      }
-    }
-    /**
-     * A method to set a poster from a `Tech`.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.setPoster = function setPoster() {}
-    /**
-     * A method to check for the presence of the 'playsinline' <video> attribute.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.playsinline = function playsinline() {}
-    /**
-     * A method to set or unset the 'playsinline' <video> attribute.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.setPlaysinline = function setPlaysinline() {}
-    /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks() {}
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks() {}
-    /*
-     * Check if the tech can support the given mime-type.
-     *
-     * The base tech does not support any type, but source handlers might
-     * overwrite this.
-     *
-     * @param  {string} type
-     *         The mimetype to check for support
-     *
-     * @return {string}
-     *         'probably', 'maybe', or empty string
-     *
-     * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.canPlayType = function canPlayType() {
-      return '';
-    }
-    /**
-     * Check if the type is supported by this tech.
-     *
-     * The base tech does not support any type, but source handlers might
-     * overwrite this.
-     *
-     * @param {string} type
-     *        The media type to check
-     * @return {string} Returns the native video element's response
-     */
-    ;
-
-    Tech.canPlayType = function canPlayType() {
-      return '';
-    }
-    /**
-     * Check if the tech can support the given source
-     *
-     * @param {Object} srcObj
-     *        The source object
-     * @param {Object} options
-     *        The options passed to the tech
-     * @return {string} 'probably', 'maybe', or '' (empty string)
-     */
-    ;
-
-    Tech.canPlaySource = function canPlaySource(srcObj, options) {
-      return Tech.canPlayType(srcObj.type);
-    }
-    /*
-     * Return whether the argument is a Tech or not.
-     * Can be passed either a Class like `Html5` or a instance like `player.tech_`
-     *
-     * @param {Object} component
-     *        The item to check
-     *
-     * @return {boolean}
-     *         Whether it is a tech or not
-     *         - True if it is a tech
-     *         - False if it is not
-     */
-    ;
-
-    Tech.isTech = function isTech(component) {
-      return component.prototype instanceof Tech || component instanceof Tech || component === Tech;
-    }
-    /**
-     * Registers a `Tech` into a shared list for videojs.
-     *
-     * @param {string} name
-     *        Name of the `Tech` to register.
-     *
-     * @param {Object} tech
-     *        The `Tech` class to register.
-     */
-    ;
-
-    Tech.registerTech = function registerTech(name, tech) {
-      if (!Tech.techs_) {
-        Tech.techs_ = {};
-      }
-
-      if (!Tech.isTech(tech)) {
-        throw new Error("Tech " + name + " must be a Tech");
-      }
-
-      if (!Tech.canPlayType) {
-        throw new Error('Techs must have a static canPlayType method on them');
-      }
-
-      if (!Tech.canPlaySource) {
-        throw new Error('Techs must have a static canPlaySource method on them');
-      }
-
-      name = toTitleCase(name);
-      Tech.techs_[name] = tech;
-      Tech.techs_[toLowerCase(name)] = tech;
-
-      if (name !== 'Tech') {
-        // camel case the techName for use in techOrder
-        Tech.defaultTechOrder_.push(name);
-      }
-
-      return tech;
-    }
-    /**
-     * Get a `Tech` from the shared list by name.
-     *
-     * @param {string} name
-     *        `camelCase` or `TitleCase` name of the Tech to get
-     *
-     * @return {Tech|undefined}
-     *         The `Tech` or undefined if there was no tech with the name requested.
-     */
-    ;
-
-    Tech.getTech = function getTech(name) {
-      if (!name) {
-        return;
-      }
-
-      if (Tech.techs_ && Tech.techs_[name]) {
-        return Tech.techs_[name];
-      }
-
-      name = toTitleCase(name);
-
-      if (window$1 && window$1.videojs && window$1.videojs[name]) {
-        log.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
-        return window$1.videojs[name];
-      }
-    };
-
-    return Tech;
-  }(Component);
-  /**
-   * Get the {@link VideoTrackList}
-   *
-   * @returns {VideoTrackList}
-   * @method Tech.prototype.videoTracks
-   */
-
-  /**
-   * Get the {@link AudioTrackList}
-   *
-   * @returns {AudioTrackList}
-   * @method Tech.prototype.audioTracks
-   */
-
-  /**
-   * Get the {@link TextTrackList}
-   *
-   * @returns {TextTrackList}
-   * @method Tech.prototype.textTracks
-   */
-
-  /**
-   * Get the remote element {@link TextTrackList}
-   *
-   * @returns {TextTrackList}
-   * @method Tech.prototype.remoteTextTracks
-   */
-
-  /**
-   * Get the remote element {@link HtmlTrackElementList}
-   *
-   * @returns {HtmlTrackElementList}
-   * @method Tech.prototype.remoteTextTrackEls
-   */
-
-
-  ALL.names.forEach(function (name) {
-    var props = ALL[name];
-
-    Tech.prototype[props.getterName] = function () {
-      this[props.privateName] = this[props.privateName] || new props.ListClass();
-      return this[props.privateName];
-    };
-  });
-  /**
-   * List of associated text tracks
-   *
-   * @type {TextTrackList}
-   * @private
-   * @property Tech#textTracks_
-   */
-
-  /**
-   * List of associated audio tracks.
-   *
-   * @type {AudioTrackList}
-   * @private
-   * @property Tech#audioTracks_
-   */
-
-  /**
-   * List of associated video tracks.
-   *
-   * @type {VideoTrackList}
-   * @private
-   * @property Tech#videoTracks_
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports volume control.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresVolumeControl = true;
-  /**
-   * Boolean indicating whether the `Tech` supports muting volume.
-   *
-   * @type {bolean}
-   * @default
-   */
-
-  Tech.prototype.featuresMuteControl = true;
-  /**
-   * Boolean indicating whether the `Tech` supports fullscreen resize control.
-   * Resizing plugins using request fullscreen reloads the plugin
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresFullscreenResize = false;
-  /**
-   * Boolean indicating whether the `Tech` supports changing the speed at which the video
-   * plays. Examples:
-   *   - Set player to play 2x (twice) as fast
-   *   - Set player to play 0.5x (half) as fast
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresPlaybackRate = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `progress` event. This is currently
-   * not triggered by video-js-swf. This will be used to determine if
-   * {@link Tech#manualProgressOn} should be called.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresProgressEvents = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `sourceset` event.
-   *
-   * A tech should set this to `true` and then use {@link Tech#triggerSourceset}
-   * to trigger a {@link Tech#event:sourceset} at the earliest time after getting
-   * a new source.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresSourceset = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `timeupdate` event. This is currently
-   * not triggered by video-js-swf. This will be used to determine if
-   * {@link Tech#manualTimeUpdates} should be called.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresTimeupdateEvents = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the native `TextTrack`s.
-   * This will help us integrate with native `TextTrack`s if the browser supports them.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresNativeTextTracks = false;
-  /**
-   * A functional mixin for techs that want to use the Source Handler pattern.
-   * Source handlers are scripts for handling specific formats.
-   * The source handler pattern is used for adaptive formats (HLS, DASH) that
-   * manually load video data and feed it into a Source Buffer (Media Source Extensions)
-   * Example: `Tech.withSourceHandlers.call(MyTech);`
-   *
-   * @param {Tech} _Tech
-   *        The tech to add source handler functions to.
-   *
-   * @mixes Tech~SourceHandlerAdditions
-   */
-
-  Tech.withSourceHandlers = function (_Tech) {
-    /**
-     * Register a source handler
-     *
-     * @param {Function} handler
-     *        The source handler class
-     *
-     * @param {number} [index]
-     *        Register it at the following index
-     */
-    _Tech.registerSourceHandler = function (handler, index) {
-      var handlers = _Tech.sourceHandlers;
-
-      if (!handlers) {
-        handlers = _Tech.sourceHandlers = [];
-      }
-
-      if (index === undefined) {
-        // add to the end of the list
-        index = handlers.length;
-      }
-
-      handlers.splice(index, 0, handler);
-    };
-    /**
-     * Check if the tech can support the given type. Also checks the
-     * Techs sourceHandlers.
-     *
-     * @param {string} type
-     *         The mimetype to check.
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-
-
-    _Tech.canPlayType = function (type) {
-      var handlers = _Tech.sourceHandlers || [];
-      var can;
-
-      for (var i = 0; i < handlers.length; i++) {
-        can = handlers[i].canPlayType(type);
-
-        if (can) {
-          return can;
-        }
-      }
-
-      return '';
-    };
-    /**
-     * Returns the first source handler that supports the source.
-     *
-     * TODO: Answer question: should 'probably' be prioritized over 'maybe'
-     *
-     * @param {Tech~SourceObject} source
-     *        The source object
-     *
-     * @param {Object} options
-     *        The options passed to the tech
-     *
-     * @return {SourceHandler|null}
-     *          The first source handler that supports the source or null if
-     *          no SourceHandler supports the source
-     */
-
-
-    _Tech.selectSourceHandler = function (source, options) {
-      var handlers = _Tech.sourceHandlers || [];
-      var can;
-
-      for (var i = 0; i < handlers.length; i++) {
-        can = handlers[i].canHandleSource(source, options);
-
-        if (can) {
-          return handlers[i];
-        }
-      }
-
-      return null;
-    };
-    /**
-     * Check if the tech can support the given source.
-     *
-     * @param {Tech~SourceObject} srcObj
-     *        The source object
-     *
-     * @param {Object} options
-     *        The options passed to the tech
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-
-
-    _Tech.canPlaySource = function (srcObj, options) {
-      var sh = _Tech.selectSourceHandler(srcObj, options);
-
-      if (sh) {
-        return sh.canHandleSource(srcObj, options);
-      }
-
-      return '';
-    };
-    /**
-     * When using a source handler, prefer its implementation of
-     * any function normally provided by the tech.
-     */
-
-
-    var deferrable = ['seekable', 'seeking', 'duration'];
-    /**
-     * A wrapper around {@link Tech#seekable} that will call a `SourceHandler`s seekable
-     * function if it exists, with a fallback to the Techs seekable function.
-     *
-     * @method _Tech.seekable
-     */
-
-    /**
-     * A wrapper around {@link Tech#duration} that will call a `SourceHandler`s duration
-     * function if it exists, otherwise it will fallback to the techs duration function.
-     *
-     * @method _Tech.duration
-     */
-
-    deferrable.forEach(function (fnName) {
-      var originalFn = this[fnName];
-
-      if (typeof originalFn !== 'function') {
-        return;
-      }
-
-      this[fnName] = function () {
-        if (this.sourceHandler_ && this.sourceHandler_[fnName]) {
-          return this.sourceHandler_[fnName].apply(this.sourceHandler_, arguments);
-        }
-
-        return originalFn.apply(this, arguments);
-      };
-    }, _Tech.prototype);
-    /**
-     * Create a function for setting the source using a source object
-     * and source handlers.
-     * Should never be called unless a source handler was found.
-     *
-     * @param {Tech~SourceObject} source
-     *        A source object with src and type keys
-     */
-
-    _Tech.prototype.setSource = function (source) {
-      var sh = _Tech.selectSourceHandler(source, this.options_);
-
-      if (!sh) {
-        // Fall back to a native source hander when unsupported sources are
-        // deliberately set
-        if (_Tech.nativeSourceHandler) {
-          sh = _Tech.nativeSourceHandler;
-        } else {
-          log.error('No source handler found for the current source.');
-        }
-      } // Dispose any existing source handler
-
-
-      this.disposeSourceHandler();
-      this.off('dispose', this.disposeSourceHandler);
-
-      if (sh !== _Tech.nativeSourceHandler) {
-        this.currentSource_ = source;
-      }
-
-      this.sourceHandler_ = sh.handleSource(source, this, this.options_);
-      this.one('dispose', this.disposeSourceHandler);
-    };
-    /**
-     * Clean up any existing SourceHandlers and listeners when the Tech is disposed.
-     *
-     * @listens Tech#dispose
-     */
-
-
-    _Tech.prototype.disposeSourceHandler = function () {
-      // if we have a source and get another one
-      // then we are loading something new
-      // than clear all of our current tracks
-      if (this.currentSource_) {
-        this.clearTracks(['audio', 'video']);
-        this.currentSource_ = null;
-      } // always clean up auto-text tracks
-
-
-      this.cleanupAutoTextTracks();
-
-      if (this.sourceHandler_) {
-        if (this.sourceHandler_.dispose) {
-          this.sourceHandler_.dispose();
-        }
-
-        this.sourceHandler_ = null;
-      }
-    };
-  }; // The base Tech class needs to be registered as a Component. It is the only
-  // Tech that can be registered as a Component.
-
-
-  Component.registerComponent('Tech', Tech);
-  Tech.registerTech('Tech', Tech);
-  /**
-   * A list of techs that should be added to techOrder on Players
-   *
-   * @private
-   */
-
-  Tech.defaultTechOrder_ = [];
-
-  /**
-   * @file middleware.js
-   * @module middleware
-   */
-  var middlewares = {};
-  var middlewareInstances = {};
-  var TERMINATOR = {};
-  /**
-   * A middleware object is a plain JavaScript object that has methods that
-   * match the {@link Tech} methods found in the lists of allowed
-   * {@link module:middleware.allowedGetters|getters},
-   * {@link module:middleware.allowedSetters|setters}, and
-   * {@link module:middleware.allowedMediators|mediators}.
-   *
-   * @typedef {Object} MiddlewareObject
-   */
-
-  /**
-   * A middleware factory function that should return a
-   * {@link module:middleware~MiddlewareObject|MiddlewareObject}.
-   *
-   * This factory will be called for each player when needed, with the player
-   * passed in as an argument.
-   *
-   * @callback MiddlewareFactory
-   * @param {Player} player
-   *        A Video.js player.
-   */
-
-  /**
-   * Define a middleware that the player should use by way of a factory function
-   * that returns a middleware object.
-   *
-   * @param  {string} type
-   *         The MIME type to match or `"*"` for all MIME types.
-   *
-   * @param  {MiddlewareFactory} middleware
-   *         A middleware factory function that will be executed for
-   *         matching types.
-   */
-
-  function use(type, middleware) {
-    middlewares[type] = middlewares[type] || [];
-    middlewares[type].push(middleware);
-  }
-  /**
-   * Asynchronously sets a source using middleware by recursing through any
-   * matching middlewares and calling `setSource` on each, passing along the
-   * previous returned value each time.
-   *
-   * @param  {Player} player
-   *         A {@link Player} instance.
-   *
-   * @param  {Tech~SourceObject} src
-   *         A source object.
-   *
-   * @param  {Function}
-   *         The next middleware to run.
-   */
-
-  function setSource(player, src, next) {
-    player.setTimeout(function () {
-      return setSourceHelper(src, middlewares[src.type], next, player);
-    }, 1);
-  }
-  /**
-   * When the tech is set, passes the tech to each middleware's `setTech` method.
-   *
-   * @param {Object[]} middleware
-   *        An array of middleware instances.
-   *
-   * @param {Tech} tech
-   *        A Video.js tech.
-   */
-
-  function setTech(middleware, tech) {
-    middleware.forEach(function (mw) {
-      return mw.setTech && mw.setTech(tech);
-    });
-  }
-  /**
-   * Calls a getter on the tech first, through each middleware
-   * from right to left to the player.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @return {Mixed}
-   *         The final value from the tech after middleware has intercepted it.
-   */
-
-  function get(middleware, tech, method) {
-    return middleware.reduceRight(middlewareIterator(method), tech[method]());
-  }
-  /**
-   * Takes the argument given to the player and calls the setter method on each
-   * middleware from left to right to the tech.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @param  {Mixed} arg
-   *         The value to set on the tech.
-   *
-   * @return {Mixed}
-   *         The return value of the `method` of the `tech`.
-   */
-
-  function set(middleware, tech, method, arg) {
-    return tech[method](middleware.reduce(middlewareIterator(method), arg));
-  }
-  /**
-   * Takes the argument given to the player and calls the `call` version of the
-   * method on each middleware from left to right.
-   *
-   * Then, call the passed in method on the tech and return the result unchanged
-   * back to the player, through middleware, this time from right to left.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @param  {Mixed} arg
-   *         The value to set on the tech.
-   *
-   * @return {Mixed}
-   *         The return value of the `method` of the `tech`, regardless of the
-   *         return values of middlewares.
-   */
-
-  function mediate(middleware, tech, method, arg) {
-    if (arg === void 0) {
-      arg = null;
-    }
-
-    var callMethod = 'call' + toTitleCase(method);
-    var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-    var terminated = middlewareValue === TERMINATOR; // deprecated. The `null` return value should instead return TERMINATOR to
-    // prevent confusion if a techs method actually returns null.
-
-    var returnValue = terminated ? null : tech[method](middlewareValue);
-    executeRight(middleware, method, returnValue, terminated);
-    return returnValue;
-  }
-  /**
-   * Enumeration of allowed getters where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedGetters = {
-    buffered: 1,
-    currentTime: 1,
-    duration: 1,
-    muted: 1,
-    played: 1,
-    paused: 1,
-    seekable: 1,
-    volume: 1
-  };
-  /**
-   * Enumeration of allowed setters where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedSetters = {
-    setCurrentTime: 1,
-    setMuted: 1,
-    setVolume: 1
-  };
-  /**
-   * Enumeration of allowed mediators where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedMediators = {
-    play: 1,
-    pause: 1
-  };
-
-  function middlewareIterator(method) {
-    return function (value, mw) {
-      // if the previous middleware terminated, pass along the termination
-      if (value === TERMINATOR) {
-        return TERMINATOR;
-      }
-
-      if (mw[method]) {
-        return mw[method](value);
-      }
-
-      return value;
-    };
-  }
-
-  function executeRight(mws, method, value, terminated) {
-    for (var i = mws.length - 1; i >= 0; i--) {
-      var mw = mws[i];
-
-      if (mw[method]) {
-        mw[method](terminated, value);
-      }
-    }
-  }
-  /**
-   * Clear the middleware cache for a player.
-   *
-   * @param  {Player} player
-   *         A {@link Player} instance.
-   */
-
-
-  function clearCacheForPlayer(player) {
-    middlewareInstances[player.id()] = null;
-  }
-  /**
-   * {
-   *  [playerId]: [[mwFactory, mwInstance], ...]
-   * }
-   *
-   * @private
-   */
-
-  function getOrCreateFactory(player, mwFactory) {
-    var mws = middlewareInstances[player.id()];
-    var mw = null;
-
-    if (mws === undefined || mws === null) {
-      mw = mwFactory(player);
-      middlewareInstances[player.id()] = [[mwFactory, mw]];
-      return mw;
-    }
-
-    for (var i = 0; i < mws.length; i++) {
-      var _mws$i = mws[i],
-          mwf = _mws$i[0],
-          mwi = _mws$i[1];
-
-      if (mwf !== mwFactory) {
-        continue;
-      }
-
-      mw = mwi;
-    }
-
-    if (mw === null) {
-      mw = mwFactory(player);
-      mws.push([mwFactory, mw]);
-    }
-
-    return mw;
-  }
-
-  function setSourceHelper(src, middleware, next, player, acc, lastRun) {
-    if (src === void 0) {
-      src = {};
-    }
-
-    if (middleware === void 0) {
-      middleware = [];
-    }
-
-    if (acc === void 0) {
-      acc = [];
-    }
-
-    if (lastRun === void 0) {
-      lastRun = false;
-    }
-
-    var _middleware = middleware,
-        mwFactory = _middleware[0],
-        mwrest = _middleware.slice(1); // if mwFactory is a string, then we're at a fork in the road
-
-
-    if (typeof mwFactory === 'string') {
-      setSourceHelper(src, middlewares[mwFactory], next, player, acc, lastRun); // if we have an mwFactory, call it with the player to get the mw,
-      // then call the mw's setSource method
-    } else if (mwFactory) {
-      var mw = getOrCreateFactory(player, mwFactory); // if setSource isn't present, implicitly select this middleware
-
-      if (!mw.setSource) {
-        acc.push(mw);
-        return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-      }
-
-      mw.setSource(assign({}, src), function (err, _src) {
-        // something happened, try the next middleware on the current level
-        // make sure to use the old src
-        if (err) {
-          return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-        } // we've succeeded, now we need to go deeper
-
-
-        acc.push(mw); // if it's the same type, continue down the current chain
-        // otherwise, we want to go down the new chain
-
-        setSourceHelper(_src, src.type === _src.type ? mwrest : middlewares[_src.type], next, player, acc, lastRun);
-      });
-    } else if (mwrest.length) {
-      setSourceHelper(src, mwrest, next, player, acc, lastRun);
-    } else if (lastRun) {
-      next(src, acc);
-    } else {
-      setSourceHelper(src, middlewares['*'], next, player, acc, true);
-    }
-  }
-
-  /**
-   * Mimetypes
-   *
-   * @see http://hul.harvard.edu/ois/////systems/wax/wax-public-help/mimetypes.htm
-   * @typedef Mimetypes~Kind
-   * @enum
-   */
-
-  var MimetypesKind = {
-    opus: 'video/ogg',
-    ogv: 'video/ogg',
-    mp4: 'video/mp4',
-    mov: 'video/mp4',
-    m4v: 'video/mp4',
-    mkv: 'video/x-matroska',
-    m4a: 'audio/mp4',
-    mp3: 'audio/mpeg',
-    aac: 'audio/aac',
-    oga: 'audio/ogg',
-    m3u8: 'application/x-mpegURL',
-    jpg: 'image/jpeg',
-    jpeg: 'image/jpeg',
-    gif: 'image/gif',
-    png: 'image/png',
-    svg: 'image/svg+xml',
-    webp: 'image/webp'
-  };
-  /**
-   * Get the mimetype of a given src url if possible
-   *
-   * @param {string} src
-   *        The url to the src
-   *
-   * @return {string}
-   *         return the mimetype if it was known or empty string otherwise
-   */
-
-  var getMimetype = function getMimetype(src) {
-    if (src === void 0) {
-      src = '';
-    }
-
-    var ext = getFileExtension(src);
-    var mimetype = MimetypesKind[ext.toLowerCase()];
-    return mimetype || '';
-  };
-  /**
-   * Find the mime type of a given source string if possible. Uses the player
-   * source cache.
-   *
-   * @param {Player} player
-   *        The player object
-   *
-   * @param {string} src
-   *        The source string
-   *
-   * @return {string}
-   *         The type that was found
-   */
-
-  var findMimetype = function findMimetype(player, src) {
-    if (!src) {
-      return '';
-    } // 1. check for the type in the `source` cache
-
-
-    if (player.cache_.source.src === src && player.cache_.source.type) {
-      return player.cache_.source.type;
-    } // 2. see if we have this source in our `currentSources` cache
-
-
-    var matchingSources = player.cache_.sources.filter(function (s) {
-      return s.src === src;
-    });
-
-    if (matchingSources.length) {
-      return matchingSources[0].type;
-    } // 3. look for the src url in source elements and use the type there
-
-
-    var sources = player.$$('source');
-
-    for (var i = 0; i < sources.length; i++) {
-      var s = sources[i];
-
-      if (s.type && s.src && s.src === src) {
-        return s.type;
-      }
-    } // 4. finally fallback to our list of mime types based on src url extension
-
-
-    return getMimetype(src);
-  };
-
-  /**
-   * @module filter-source
-   */
-  /**
-   * Filter out single bad source objects or multiple source objects in an
-   * array. Also flattens nested source object arrays into a 1 dimensional
-   * array of source objects.
-   *
-   * @param {Tech~SourceObject|Tech~SourceObject[]} src
-   *        The src object to filter
-   *
-   * @return {Tech~SourceObject[]}
-   *         An array of sourceobjects containing only valid sources
-   *
-   * @private
-   */
-
-  var filterSource = function filterSource(src) {
-    // traverse array
-    if (Array.isArray(src)) {
-      var newsrc = [];
-      src.forEach(function (srcobj) {
-        srcobj = filterSource(srcobj);
-
-        if (Array.isArray(srcobj)) {
-          newsrc = newsrc.concat(srcobj);
-        } else if (isObject(srcobj)) {
-          newsrc.push(srcobj);
-        }
-      });
-      src = newsrc;
-    } else if (typeof src === 'string' && src.trim()) {
-      // convert string into object
-      src = [fixSource({
-        src: src
-      })];
-    } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-      // src is already valid
-      src = [fixSource(src)];
-    } else {
-      // invalid source, turn it into an empty array
-      src = [];
-    }
-
-    return src;
-  };
-  /**
-   * Checks src mimetype, adding it when possible
-   *
-   * @param {Tech~SourceObject} src
-   *        The src object to check
-   * @return {Tech~SourceObject}
-   *        src Object with known type
-   */
-
-
-  function fixSource(src) {
-    if (!src.type) {
-      var mimetype = getMimetype(src.src);
-
-      if (mimetype) {
-        src.type = mimetype;
-      }
-    }
-
-    return src;
-  }
-
-  /**
-   * The `MediaLoader` is the `Component` that decides which playback technology to load
-   * when a player is initialized.
-   *
-   * @extends Component
-   */
-
-  var MediaLoader =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MediaLoader, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should attach to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function that is run when this component is ready.
-     */
-    function MediaLoader(player, options, ready) {
-      var _this;
-
-      // MediaLoader has no element
-      var options_ = mergeOptions({
-        createEl: false
-      }, options);
-      _this = _Component.call(this, player, options_, ready) || this; // If there are no sources when the player is initialized,
-      // load the first supported playback technology.
-
-      if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {
-        for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {
-          var techName = toTitleCase(j[i]);
-          var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-          // Remove once that deprecated behavior is removed.
-
-          if (!techName) {
-            tech = Component.getComponent(techName);
-          } // Check if the browser supports this technology
-
-
-          if (tech && tech.isSupported()) {
-            player.loadTech_(techName);
-            break;
-          }
-        }
-      } else {
-        // Loop through playback technologies (HTML5, Flash) and check for support.
-        // Then load the best source.
-        // A few assumptions here:
-        //   All playback technologies respect preload false.
-        player.src(options.playerOptions.sources);
-      }
-
-      return _this;
-    }
-
-    return MediaLoader;
-  }(Component);
-
-  Component.registerComponent('MediaLoader', MediaLoader);
-
-  /**
-   * Component which is clickable or keyboard actionable, but is not a
-   * native HTML button.
-   *
-   * @extends Component
-   */
-
-  var ClickableComponent =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ClickableComponent, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param  {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param  {Object} [options]
-     *         The key/value store of player options.
-     *
-     * @param  {function} [options.clickHandler]
-     *         The function to call when the button is clicked / activated
-     */
-    function ClickableComponent(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.emitTapEvents();
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Create the `ClickableComponent`s DOM element.
-     *
-     * @param {string} [tag=div]
-     *        The element's node type.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element.
-     *
-     * @param {Object} [attributes={}]
-     *        An object of attributes that should be set on the element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-
-
-    var _proto = ClickableComponent.prototype;
-
-    _proto.createEl = function createEl(tag, props, attributes) {
-      if (tag === void 0) {
-        tag = 'div';
-      }
-
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      props = assign({
-        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-        className: this.buildCSSClass(),
-        tabIndex: 0
-      }, props);
-
-      if (tag === 'button') {
-        log.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
-      } // Add ARIA attributes for clickable element which is not a native HTML button
-
-
-      attributes = assign({
-        role: 'button'
-      }, attributes);
-      this.tabIndex_ = props.tabIndex;
-
-      var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-      this.createControlTextEl(el);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      // remove controlTextEl_ on dispose
-      this.controlTextEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Create a control text element on this `ClickableComponent`
-     *
-     * @param {Element} [el]
-     *        Parent element for the control text.
-     *
-     * @return {Element}
-     *         The control text element that gets created.
-     */
-    ;
-
-    _proto.createControlTextEl = function createControlTextEl(el) {
-      this.controlTextEl_ = createEl('span', {
-        className: 'vjs-control-text'
-      }, {
-        // let the screen reader user know that the text of the element may change
-        'aria-live': 'polite'
-      });
-
-      if (el) {
-        el.appendChild(this.controlTextEl_);
-      }
-
-      this.controlText(this.controlText_, el);
-      return this.controlTextEl_;
-    }
-    /**
-     * Get or set the localize text to use for the controls on the `ClickableComponent`.
-     *
-     * @param {string} [text]
-     *        Control text for element.
-     *
-     * @param {Element} [el=this.el()]
-     *        Element to set the title on.
-     *
-     * @return {string}
-     *         - The control text when getting
-     */
-    ;
-
-    _proto.controlText = function controlText(text, el) {
-      if (el === void 0) {
-        el = this.el();
-      }
-
-      if (text === undefined) {
-        return this.controlText_ || 'Need Text';
-      }
-
-      var localizedText = this.localize(text);
-      this.controlText_ = text;
-      textContent(this.controlTextEl_, localizedText);
-
-      if (!this.nonIconControl) {
-        // Set title attribute if only an icon is shown
-        el.setAttribute('title', localizedText);
-      }
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-control vjs-button " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Enable this `ClickableComponent`
-     */
-    ;
-
-    _proto.enable = function enable() {
-      if (!this.enabled_) {
-        this.enabled_ = true;
-        this.removeClass('vjs-disabled');
-        this.el_.setAttribute('aria-disabled', 'false');
-
-        if (typeof this.tabIndex_ !== 'undefined') {
-          this.el_.setAttribute('tabIndex', this.tabIndex_);
-        }
-
-        this.on(['tap', 'click'], this.handleClick);
-        this.on('keydown', this.handleKeyDown);
-      }
-    }
-    /**
-     * Disable this `ClickableComponent`
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.enabled_ = false;
-      this.addClass('vjs-disabled');
-      this.el_.setAttribute('aria-disabled', 'true');
-
-      if (typeof this.tabIndex_ !== 'undefined') {
-        this.el_.removeAttribute('tabIndex');
-      }
-
-      this.off('mouseover', this.handleMouseOver);
-      this.off('mouseout', this.handleMouseOut);
-      this.off(['tap', 'click'], this.handleClick);
-      this.off('keydown', this.handleKeyDown);
-    }
-    /**
-     * Event handler that is called when a `ClickableComponent` receives a
-     * `click` or `tap` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `tap` or `click` event that caused this function to be called.
-     *
-     * @listens tap
-     * @listens click
-     * @abstract
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.options_.clickHandler) {
-        this.options_.clickHandler.call(this, arguments);
-      }
-    }
-    /**
-     * Event handler that is called when a `ClickableComponent` receives a
-     * `keydown` event.
-     *
-     * By default, if the key is Space or Enter, it will trigger a `click` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Support Space or Enter key operation to fire a click event. Also,
-      // prevent the event from propagating through the DOM and triggering
-      // Player hotkeys.
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.trigger('click');
-      } else {
-        // Pass keypress handling up for unsupported keys
-        _Component.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return ClickableComponent;
-  }(Component);
-
-  Component.registerComponent('ClickableComponent', ClickableComponent);
-
-  /**
-   * A `ClickableComponent` that handles showing the poster image for the player.
-   *
-   * @extends ClickableComponent
-   */
-
-  var PosterImage =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(PosterImage, _ClickableComponent);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should attach to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PosterImage(player, options) {
-      var _this;
-
-      _this = _ClickableComponent.call(this, player, options) || this;
-
-      _this.update();
-
-      player.on('posterchange', bind(assertThisInitialized(_this), _this.update));
-      return _this;
-    }
-    /**
-     * Clean up and dispose of the `PosterImage`.
-     */
-
-
-    var _proto = PosterImage.prototype;
-
-    _proto.dispose = function dispose() {
-      this.player().off('posterchange', this.update);
-
-      _ClickableComponent.prototype.dispose.call(this);
-    }
-    /**
-     * Create the `PosterImage`s DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var el = createEl('div', {
-        className: 'vjs-poster',
-        // Don't want poster to be tabbable.
-        tabIndex: -1
-      });
-      return el;
-    }
-    /**
-     * An {@link EventTarget~EventListener} for {@link Player#posterchange} events.
-     *
-     * @listens Player#posterchange
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `Player#posterchange` event that triggered this function.
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var url = this.player().poster();
-      this.setSrc(url); // If there's no poster source we should display:none on this component
-      // so it's not still clickable or right-clickable
-
-      if (url) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    }
-    /**
-     * Set the source of the `PosterImage` depending on the display method.
-     *
-     * @param {string} url
-     *        The URL to the source for the `PosterImage`.
-     */
-    ;
-
-    _proto.setSrc = function setSrc(url) {
-      var backgroundImage = ''; // Any falsy value should stay as an empty string, otherwise
-      // this will throw an extra error
-
-      if (url) {
-        backgroundImage = "url(\"" + url + "\")";
-      }
-
-      this.el_.style.backgroundImage = backgroundImage;
-    }
-    /**
-     * An {@link EventTarget~EventListener} for clicks on the `PosterImage`. See
-     * {@link ClickableComponent#handleClick} for instances where this will be triggered.
-     *
-     * @listens tap
-     * @listens click
-     * @listens keydown
-     *
-     * @param {EventTarget~Event} event
-     +        The `click`, `tap` or `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      // We don't want a click to trigger playback when controls are disabled
-      if (!this.player_.controls()) {
-        return;
-      }
-
-      if (this.player_.tech(true)) {
-        this.player_.tech(true).focus();
-      }
-
-      if (this.player_.paused()) {
-        silencePromise(this.player_.play());
-      } else {
-        this.player_.pause();
-      }
-    };
-
-    return PosterImage;
-  }(ClickableComponent);
-
-  Component.registerComponent('PosterImage', PosterImage);
-
-  var darkGray = '#222';
-  var lightGray = '#ccc';
-  var fontMap = {
-    monospace: 'monospace',
-    sansSerif: 'sans-serif',
-    serif: 'serif',
-    monospaceSansSerif: '"Andale Mono", "Lucida Console", monospace',
-    monospaceSerif: '"Courier New", monospace',
-    proportionalSansSerif: 'sans-serif',
-    proportionalSerif: 'serif',
-    casual: '"Comic Sans MS", Impact, fantasy',
-    script: '"Monotype Corsiva", cursive',
-    smallcaps: '"Andale Mono", "Lucida Console", monospace, sans-serif'
-  };
-  /**
-   * Construct an rgba color from a given hex color code.
-   *
-   * @param {number} color
-   *        Hex number for color, like #f0e or #f604e2.
-   *
-   * @param {number} opacity
-   *        Value for opacity, 0.0 - 1.0.
-   *
-   * @return {string}
-   *         The rgba color that was created, like 'rgba(255, 0, 0, 0.3)'.
-   */
-
-  function constructColor(color, opacity) {
-    var hex;
-
-    if (color.length === 4) {
-      // color looks like "#f0e"
-      hex = color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
-    } else if (color.length === 7) {
-      // color looks like "#f604e2"
-      hex = color.slice(1);
-    } else {
-      throw new Error('Invalid color code provided, ' + color + '; must be formatted as e.g. #f0e or #f604e2.');
-    }
-
-    return 'rgba(' + parseInt(hex.slice(0, 2), 16) + ',' + parseInt(hex.slice(2, 4), 16) + ',' + parseInt(hex.slice(4, 6), 16) + ',' + opacity + ')';
-  }
-  /**
-   * Try to update the style of a DOM element. Some style changes will throw an error,
-   * particularly in IE8. Those should be noops.
-   *
-   * @param {Element} el
-   *        The DOM element to be styled.
-   *
-   * @param {string} style
-   *        The CSS property on the element that should be styled.
-   *
-   * @param {string} rule
-   *        The style rule that should be applied to the property.
-   *
-   * @private
-   */
-
-  function tryUpdateStyle(el, style, rule) {
-    try {
-      el.style[style] = rule;
-    } catch (e) {
-      // Satisfies linter.
-      return;
-    }
-  }
-  /**
-   * The component for displaying text track cues.
-   *
-   * @extends Component
-   */
-
-
-  var TextTrackDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TextTrackDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when `TextTrackDisplay` is ready.
-     */
-    function TextTrackDisplay(player, options, ready) {
-      var _this;
-
-      _this = _Component.call(this, player, options, ready) || this;
-      var updateDisplayHandler = bind(assertThisInitialized(_this), _this.updateDisplay);
-      player.on('loadstart', bind(assertThisInitialized(_this), _this.toggleDisplay));
-      player.on('texttrackchange', updateDisplayHandler);
-      player.on('loadedmetadata', bind(assertThisInitialized(_this), _this.preselectTrack)); // This used to be called during player init, but was causing an error
-      // if a track should show by default and the display hadn't loaded yet.
-      // Should probably be moved to an external track loader when we support
-      // tracks that don't need a display.
-
-      player.ready(bind(assertThisInitialized(_this), function () {
-        if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-          this.hide();
-          return;
-        }
-
-        player.on('fullscreenchange', updateDisplayHandler);
-        player.on('playerresize', updateDisplayHandler);
-        window$1.addEventListener('orientationchange', updateDisplayHandler);
-        player.on('dispose', function () {
-          return window$1.removeEventListener('orientationchange', updateDisplayHandler);
-        });
-        var tracks = this.options_.playerOptions.tracks || [];
-
-        for (var i = 0; i < tracks.length; i++) {
-          this.player_.addRemoteTextTrack(tracks[i], true);
-        }
-
-        this.preselectTrack();
-      }));
-      return _this;
-    }
-    /**
-    * Preselect a track following this precedence:
-    * - matches the previously selected {@link TextTrack}'s language and kind
-    * - matches the previously selected {@link TextTrack}'s language only
-    * - is the first default captions track
-    * - is the first default descriptions track
-    *
-    * @listens Player#loadstart
-    */
-
-
-    var _proto = TextTrackDisplay.prototype;
-
-    _proto.preselectTrack = function preselectTrack() {
-      var modes = {
-        captions: 1,
-        subtitles: 1
-      };
-      var trackList = this.player_.textTracks();
-      var userPref = this.player_.cache_.selectedLanguage;
-      var firstDesc;
-      var firstCaptions;
-      var preferredTrack;
-
-      for (var i = 0; i < trackList.length; i++) {
-        var track = trackList[i];
-
-        if (userPref && userPref.enabled && userPref.language && userPref.language === track.language && track.kind in modes) {
-          // Always choose the track that matches both language and kind
-          if (track.kind === userPref.kind) {
-            preferredTrack = track; // or choose the first track that matches language
-          } else if (!preferredTrack) {
-            preferredTrack = track;
-          } // clear everything if offTextTrackMenuItem was clicked
-
-        } else if (userPref && !userPref.enabled) {
-          preferredTrack = null;
-          firstDesc = null;
-          firstCaptions = null;
-        } else if (track["default"]) {
-          if (track.kind === 'descriptions' && !firstDesc) {
-            firstDesc = track;
-          } else if (track.kind in modes && !firstCaptions) {
-            firstCaptions = track;
-          }
-        }
-      } // The preferredTrack matches the user preference and takes
-      // precedence over all the other tracks.
-      // So, display the preferredTrack before the first default track
-      // and the subtitles/captions track before the descriptions track
-
-
-      if (preferredTrack) {
-        preferredTrack.mode = 'showing';
-      } else if (firstCaptions) {
-        firstCaptions.mode = 'showing';
-      } else if (firstDesc) {
-        firstDesc.mode = 'showing';
-      }
-    }
-    /**
-     * Turn display of {@link TextTrack}'s from the current state into the other state.
-     * There are only two states:
-     * - 'shown'
-     * - 'hidden'
-     *
-     * @listens Player#loadstart
-     */
-    ;
-
-    _proto.toggleDisplay = function toggleDisplay() {
-      if (this.player_.tech_ && this.player_.tech_.featuresNativeTextTracks) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    /**
-     * Create the {@link Component}'s DOM element.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-text-track-display'
-      }, {
-        'aria-live': 'off',
-        'aria-atomic': 'true'
-      });
-    }
-    /**
-     * Clear all displayed {@link TextTrack}s.
-     */
-    ;
-
-    _proto.clearDisplay = function clearDisplay() {
-      if (typeof window$1.WebVTT === 'function') {
-        window$1.WebVTT.processCues(window$1, [], this.el_);
-      }
-    }
-    /**
-     * Update the displayed TextTrack when a either a {@link Player#texttrackchange} or
-     * a {@link Player#fullscreenchange} is fired.
-     *
-     * @listens Player#texttrackchange
-     * @listens Player#fullscreenchange
-     */
-    ;
-
-    _proto.updateDisplay = function updateDisplay() {
-      var tracks = this.player_.textTracks();
-      var allowMultipleShowingTracks = this.options_.allowMultipleShowingTracks;
-      this.clearDisplay();
-
-      if (allowMultipleShowingTracks) {
-        var showingTracks = [];
-
-        for (var _i = 0; _i < tracks.length; ++_i) {
-          var track = tracks[_i];
-
-          if (track.mode !== 'showing') {
-            continue;
-          }
-
-          showingTracks.push(track);
-        }
-
-        this.updateForTrack(showingTracks);
-        return;
-      } //  Track display prioritization model: if multiple tracks are 'showing',
-      //  display the first 'subtitles' or 'captions' track which is 'showing',
-      //  otherwise display the first 'descriptions' track which is 'showing'
-
-
-      var descriptionsTrack = null;
-      var captionsSubtitlesTrack = null;
-      var i = tracks.length;
-
-      while (i--) {
-        var _track = tracks[i];
-
-        if (_track.mode === 'showing') {
-          if (_track.kind === 'descriptions') {
-            descriptionsTrack = _track;
-          } else {
-            captionsSubtitlesTrack = _track;
-          }
-        }
-      }
-
-      if (captionsSubtitlesTrack) {
-        if (this.getAttribute('aria-live') !== 'off') {
-          this.setAttribute('aria-live', 'off');
-        }
-
-        this.updateForTrack(captionsSubtitlesTrack);
-      } else if (descriptionsTrack) {
-        if (this.getAttribute('aria-live') !== 'assertive') {
-          this.setAttribute('aria-live', 'assertive');
-        }
-
-        this.updateForTrack(descriptionsTrack);
-      }
-    }
-    /**
-     * Style {@Link TextTrack} activeCues according to {@Link TextTrackSettings}.
-     *
-     * @param {TextTrack} track
-     *        Text track object containing active cues to style.
-     */
-    ;
-
-    _proto.updateDisplayState = function updateDisplayState(track) {
-      var overrides = this.player_.textTrackSettings.getValues();
-      var cues = track.activeCues;
-      var i = cues.length;
-
-      while (i--) {
-        var cue = cues[i];
-
-        if (!cue) {
-          continue;
-        }
-
-        var cueDiv = cue.displayState;
-
-        if (overrides.color) {
-          cueDiv.firstChild.style.color = overrides.color;
-        }
-
-        if (overrides.textOpacity) {
-          tryUpdateStyle(cueDiv.firstChild, 'color', constructColor(overrides.color || '#fff', overrides.textOpacity));
-        }
-
-        if (overrides.backgroundColor) {
-          cueDiv.firstChild.style.backgroundColor = overrides.backgroundColor;
-        }
-
-        if (overrides.backgroundOpacity) {
-          tryUpdateStyle(cueDiv.firstChild, 'backgroundColor', constructColor(overrides.backgroundColor || '#000', overrides.backgroundOpacity));
-        }
-
-        if (overrides.windowColor) {
-          if (overrides.windowOpacity) {
-            tryUpdateStyle(cueDiv, 'backgroundColor', constructColor(overrides.windowColor, overrides.windowOpacity));
-          } else {
-            cueDiv.style.backgroundColor = overrides.windowColor;
-          }
-        }
-
-        if (overrides.edgeStyle) {
-          if (overrides.edgeStyle === 'dropshadow') {
-            cueDiv.firstChild.style.textShadow = "2px 2px 3px " + darkGray + ", 2px 2px 4px " + darkGray + ", 2px 2px 5px " + darkGray;
-          } else if (overrides.edgeStyle === 'raised') {
-            cueDiv.firstChild.style.textShadow = "1px 1px " + darkGray + ", 2px 2px " + darkGray + ", 3px 3px " + darkGray;
-          } else if (overrides.edgeStyle === 'depressed') {
-            cueDiv.firstChild.style.textShadow = "1px 1px " + lightGray + ", 0 1px " + lightGray + ", -1px -1px " + darkGray + ", 0 -1px " + darkGray;
-          } else if (overrides.edgeStyle === 'uniform') {
-            cueDiv.firstChild.style.textShadow = "0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray;
-          }
-        }
-
-        if (overrides.fontPercent && overrides.fontPercent !== 1) {
-          var fontSize = window$1.parseFloat(cueDiv.style.fontSize);
-          cueDiv.style.fontSize = fontSize * overrides.fontPercent + 'px';
-          cueDiv.style.height = 'auto';
-          cueDiv.style.top = 'auto';
-          cueDiv.style.bottom = '2px';
-        }
-
-        if (overrides.fontFamily && overrides.fontFamily !== 'default') {
-          if (overrides.fontFamily === 'small-caps') {
-            cueDiv.firstChild.style.fontVariant = 'small-caps';
-          } else {
-            cueDiv.firstChild.style.fontFamily = fontMap[overrides.fontFamily];
-          }
-        }
-      }
-    }
-    /**
-     * Add an {@link TextTrack} to to the {@link Tech}s {@link TextTrackList}.
-     *
-     * @param {TextTrack|TextTrack[]} tracks
-     *        Text track object or text track array to be added to the list.
-     */
-    ;
-
-    _proto.updateForTrack = function updateForTrack(tracks) {
-      if (!Array.isArray(tracks)) {
-        tracks = [tracks];
-      }
-
-      if (typeof window$1.WebVTT !== 'function' || tracks.every(function (track) {
-        return !track.activeCues;
-      })) {
-        return;
-      }
-
-      var cues = []; // push all active track cues
-
-      for (var i = 0; i < tracks.length; ++i) {
-        var track = tracks[i];
-
-        for (var j = 0; j < track.activeCues.length; ++j) {
-          cues.push(track.activeCues[j]);
-        }
-      } // removes all cues before it processes new ones
-
-
-      window$1.WebVTT.processCues(window$1, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
-
-      for (var _i2 = 0; _i2 < tracks.length; ++_i2) {
-        var _track2 = tracks[_i2];
-
-        for (var _j = 0; _j < _track2.activeCues.length; ++_j) {
-          var cueEl = _track2.activeCues[_j].displayState;
-          addClass(cueEl, 'vjs-text-track-cue');
-          addClass(cueEl, 'vjs-text-track-cue-' + (_track2.language ? _track2.language : _i2));
-        }
-
-        if (this.player_.textTrackSettings) {
-          this.updateDisplayState(_track2);
-        }
-      }
-    };
-
-    return TextTrackDisplay;
-  }(Component);
-
-  Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-  /**
-   * A loading spinner for use during waiting/loading events.
-   *
-   * @extends Component
-   */
-
-  var LoadingSpinner =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LoadingSpinner, _Component);
-
-    function LoadingSpinner() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = LoadingSpinner.prototype;
-
-    /**
-     * Create the `LoadingSpinner`s DOM element.
-     *
-     * @return {Element}
-     *         The dom element that gets created.
-     */
-    _proto.createEl = function createEl$1() {
-      var isAudio = this.player_.isAudio();
-      var playerType = this.localize(isAudio ? 'Audio Player' : 'Video Player');
-      var controlText = createEl('span', {
-        className: 'vjs-control-text',
-        innerHTML: this.localize('{1} is loading.', [playerType])
-      });
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-loading-spinner',
-        dir: 'ltr'
-      });
-
-      el.appendChild(controlText);
-      return el;
-    };
-
-    return LoadingSpinner;
-  }(Component);
-
-  Component.registerComponent('LoadingSpinner', LoadingSpinner);
-
-  /**
-   * Base class for all buttons.
-   *
-   * @extends ClickableComponent
-   */
-
-  var Button =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(Button, _ClickableComponent);
-
-    function Button() {
-      return _ClickableComponent.apply(this, arguments) || this;
-    }
-
-    var _proto = Button.prototype;
-
-    /**
-     * Create the `Button`s DOM element.
-     *
-     * @param {string} [tag="button"]
-     *        The element's node type. This argument is IGNORED: no matter what
-     *        is passed, it will always create a `button` element.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element.
-     *
-     * @param {Object} [attributes={}]
-     *        An object of attributes that should be set on the element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    _proto.createEl = function createEl(tag, props, attributes) {
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      tag = 'button';
-      props = assign({
-        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-        className: this.buildCSSClass()
-      }, props); // Add attributes for button element
-
-      attributes = assign({
-        // Necessary since the default button type is "submit"
-        type: 'button'
-      }, attributes);
-      var el = Component.prototype.createEl.call(this, tag, props, attributes);
-      this.createControlTextEl(el);
-      return el;
-    }
-    /**
-     * Add a child `Component` inside of this `Button`.
-     *
-     * @param {string|Component} child
-     *        The name or instance of a child to add.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of options that will get passed to children of
-     *        the child.
-     *
-     * @return {Component}
-     *         The `Component` that gets added as a child. When using a string the
-     *         `Component` will get created by this process.
-     *
-     * @deprecated since version 5
-     */
-    ;
-
-    _proto.addChild = function addChild(child, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      var className = this.constructor.name;
-      log.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
-
-      return Component.prototype.addChild.call(this, child, options);
-    }
-    /**
-     * Enable the `Button` element so that it can be activated or clicked. Use this with
-     * {@link Button#disable}.
-     */
-    ;
-
-    _proto.enable = function enable() {
-      _ClickableComponent.prototype.enable.call(this);
-
-      this.el_.removeAttribute('disabled');
-    }
-    /**
-     * Disable the `Button` element so that it cannot be activated or clicked. Use this with
-     * {@link Button#enable}.
-     */
-    ;
-
-    _proto.disable = function disable() {
-      _ClickableComponent.prototype.disable.call(this);
-
-      this.el_.setAttribute('disabled', 'disabled');
-    }
-    /**
-     * This gets called when a `Button` has focus and `keydown` is triggered via a key
-     * press.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to get called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Ignore Space or Enter key operation, which is handled by the browser for
-      // a button - though not for its super class, ClickableComponent. Also,
-      // prevent the event from propagating through the DOM and triggering Player
-      // hotkeys. We do not preventDefault here because we _want_ the browser to
-      // handle it.
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.stopPropagation();
-        return;
-      } // Pass keypress handling up for unsupported keys
-
-
-      _ClickableComponent.prototype.handleKeyDown.call(this, event);
-    };
-
-    return Button;
-  }(ClickableComponent);
-
-  Component.registerComponent('Button', Button);
-
-  /**
-   * The initial play button that shows before the video has played. The hiding of the
-   * `BigPlayButton` get done via CSS and `Player` states.
-   *
-   * @extends Button
-   */
-
-  var BigPlayButton =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(BigPlayButton, _Button);
-
-    function BigPlayButton(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-      _this.mouseused_ = false;
-
-      _this.on('mousedown', _this.handleMouseDown);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object. Always returns 'vjs-big-play-button'.
-     */
-
-
-    var _proto = BigPlayButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-big-play-button';
-    }
-    /**
-     * This gets called when a `BigPlayButton` "clicked". See {@link ClickableComponent}
-     * for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var playPromise = this.player_.play(); // exit early if clicked via the mouse
-
-      if (this.mouseused_ && event.clientX && event.clientY) {
-        var sourceIsEncrypted = this.player_.usingPlugin('eme') && this.player_.eme.sessions && this.player_.eme.sessions.length > 0;
-        silencePromise(playPromise);
-
-        if (this.player_.tech(true) && // We've observed a bug in IE and Edge when playing back DRM content where
-        // calling .focus() on the video element causes the video to go black,
-        // so we avoid it in that specific case
-        !((IE_VERSION || IS_EDGE) && sourceIsEncrypted)) {
-          this.player_.tech(true).focus();
-        }
-
-        return;
-      }
-
-      var cb = this.player_.getChild('controlBar');
-      var playToggle = cb && cb.getChild('playToggle');
-
-      if (!playToggle) {
-        this.player_.tech(true).focus();
-        return;
-      }
-
-      var playFocus = function playFocus() {
-        return playToggle.focus();
-      };
-
-      if (isPromise(playPromise)) {
-        playPromise.then(playFocus, function () {});
-      } else {
-        this.setTimeout(playFocus, 1);
-      }
-    };
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      this.mouseused_ = false;
-
-      _Button.prototype.handleKeyDown.call(this, event);
-    };
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      this.mouseused_ = true;
-    };
-
-    return BigPlayButton;
-  }(Button);
-  /**
-   * The text that should display over the `BigPlayButton`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  BigPlayButton.prototype.controlText_ = 'Play Video';
-  Component.registerComponent('BigPlayButton', BigPlayButton);
-
-  /**
-   * The `CloseButton` is a `{@link Button}` that fires a `close` event when
-   * it gets clicked.
-   *
-   * @extends Button
-   */
-
-  var CloseButton =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(CloseButton, _Button);
-
-    /**
-    * Creates an instance of the this class.
-    *
-    * @param  {Player} player
-    *         The `Player` that this class should be attached to.
-    *
-    * @param  {Object} [options]
-    *         The key/value store of player options.
-    */
-    function CloseButton(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.controlText(options && options.controlText || _this.localize('Close'));
-
-      return _this;
-    }
-    /**
-    * Builds the default DOM `className`.
-    *
-    * @return {string}
-    *         The DOM `className` for this object.
-    */
-
-
-    var _proto = CloseButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-close-button " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when a `CloseButton` gets clicked. See
-     * {@link ClickableComponent#handleClick} for more information on when
-     * this will be triggered
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     * @fires CloseButton#close
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      /**
-       * Triggered when the a `CloseButton` is clicked.
-       *
-       * @event CloseButton#close
-       * @type {EventTarget~Event}
-       *
-       * @property {boolean} [bubbles=false]
-       *           set to false so that the close event does not
-       *           bubble up to parents if there is no listener
-       */
-      this.trigger({
-        type: 'close',
-        bubbles: false
-      });
-    }
-    /**
-     * Event handler that is called when a `CloseButton` receives a
-     * `keydown` event.
-     *
-     * By default, if the key is Esc, it will trigger a `click` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Esc button will trigger `click` event
-      if (keycode.isEventKey(event, 'Esc')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.trigger('click');
-      } else {
-        // Pass keypress handling up for unsupported keys
-        _Button.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return CloseButton;
-  }(Button);
-
-  Component.registerComponent('CloseButton', CloseButton);
-
-  /**
-   * Button to toggle between play and pause.
-   *
-   * @extends Button
-   */
-
-  var PlayToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(PlayToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function PlayToggle(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _Button.call(this, player, options) || this; // show or hide replay icon
-
-      options.replay = options.replay === undefined || options.replay;
-
-      _this.on(player, 'play', _this.handlePlay);
-
-      _this.on(player, 'pause', _this.handlePause);
-
-      if (options.replay) {
-        _this.on(player, 'ended', _this.handleEnded);
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = PlayToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-play-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when an `PlayToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.player_.paused()) {
-        this.player_.play();
-      } else {
-        this.player_.pause();
-      }
-    }
-    /**
-     * This gets called once after the video has ended and the user seeks so that
-     * we can change the replay button back to a play button.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#seeked
-     */
-    ;
-
-    _proto.handleSeeked = function handleSeeked(event) {
-      this.removeClass('vjs-ended');
-
-      if (this.player_.paused()) {
-        this.handlePause(event);
-      } else {
-        this.handlePlay(event);
-      }
-    }
-    /**
-     * Add the vjs-playing class to the element so it can change appearance.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#play
-     */
-    ;
-
-    _proto.handlePlay = function handlePlay(event) {
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-paused');
-      this.addClass('vjs-playing'); // change the button text to "Pause"
-
-      this.controlText('Pause');
-    }
-    /**
-     * Add the vjs-paused class to the element so it can change appearance.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#pause
-     */
-    ;
-
-    _proto.handlePause = function handlePause(event) {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-paused'); // change the button text to "Play"
-
-      this.controlText('Play');
-    }
-    /**
-     * Add the vjs-ended class to the element so it can change appearance
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#ended
-     */
-    ;
-
-    _proto.handleEnded = function handleEnded(event) {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-ended'); // change the button text to "Replay"
-
-      this.controlText('Replay'); // on the next seek remove the replay button
-
-      this.one(this.player_, 'seeked', this.handleSeeked);
-    };
-
-    return PlayToggle;
-  }(Button);
-  /**
-   * The text that should display over the `PlayToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlayToggle.prototype.controlText_ = 'Play';
-  Component.registerComponent('PlayToggle', PlayToggle);
-
-  /**
-   * @file format-time.js
-   * @module format-time
-   */
-
-  /**
-   * Format seconds as a time string, H:MM:SS or M:SS. Supplying a guide (in
-   * seconds) will force a number of leading zeros to cover the length of the
-   * guide.
-   *
-   * @private
-   * @param  {number} seconds
-   *         Number of seconds to be turned into a string
-   *
-   * @param  {number} guide
-   *         Number (in seconds) to model the string after
-   *
-   * @return {string}
-   *         Time formatted as H:MM:SS or M:SS
-   */
-  var defaultImplementation = function defaultImplementation(seconds, guide) {
-    seconds = seconds < 0 ? 0 : seconds;
-    var s = Math.floor(seconds % 60);
-    var m = Math.floor(seconds / 60 % 60);
-    var h = Math.floor(seconds / 3600);
-    var gm = Math.floor(guide / 60 % 60);
-    var gh = Math.floor(guide / 3600); // handle invalid times
-
-    if (isNaN(seconds) || seconds === Infinity) {
-      // '-' is false for all relational operators (e.g. <, >=) so this setting
-      // will add the minimum number of fields specified by the guide
-      h = m = s = '-';
-    } // Check if we need to show hours
-
-
-    h = h > 0 || gh > 0 ? h + ':' : ''; // If hours are showing, we may need to add a leading zero.
-    // Always show at least one digit of minutes.
-
-    m = ((h || gm >= 10) && m < 10 ? '0' + m : m) + ':'; // Check if leading zero is need for seconds
-
-    s = s < 10 ? '0' + s : s;
-    return h + m + s;
-  }; // Internal pointer to the current implementation.
-
-
-  var implementation = defaultImplementation;
-  /**
-   * Replaces the default formatTime implementation with a custom implementation.
-   *
-   * @param {Function} customImplementation
-   *        A function which will be used in place of the default formatTime
-   *        implementation. Will receive the current time in seconds and the
-   *        guide (in seconds) as arguments.
-   */
-
-  function setFormatTime(customImplementation) {
-    implementation = customImplementation;
-  }
-  /**
-   * Resets formatTime to the default implementation.
-   */
-
-  function resetFormatTime() {
-    implementation = defaultImplementation;
-  }
-  /**
-   * Delegates to either the default time formatting function or a custom
-   * function supplied via `setFormatTime`.
-   *
-   * Formats seconds as a time string (H:MM:SS or M:SS). Supplying a
-   * guide (in seconds) will force a number of leading zeros to cover the
-   * length of the guide.
-   *
-   * @static
-   * @example  formatTime(125, 600) === "02:05"
-   * @param    {number} seconds
-   *           Number of seconds to be turned into a string
-   *
-   * @param    {number} guide
-   *           Number (in seconds) to model the string after
-   *
-   * @return   {string}
-   *           Time formatted as H:MM:SS or M:SS
-   */
-
-  function formatTime(seconds, guide) {
-    if (guide === void 0) {
-      guide = seconds;
-    }
-
-    return implementation(seconds, guide);
-  }
-
-  /**
-   * Displays time information about the video
-   *
-   * @extends Component
-   */
-
-  var TimeDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TimeDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.on(player, ['timeupdate', 'ended'], _this.updateContent);
-
-      _this.updateTextNode_();
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = TimeDisplay.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var className = this.buildCSSClass();
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: className + " vjs-time-control vjs-control",
-        innerHTML: "<span class=\"vjs-control-text\" role=\"presentation\">" + this.localize(this.labelText_) + "\xA0</span>"
-      });
-
-      this.contentEl_ = createEl('span', {
-        className: className + "-display"
-      }, {
-        // tell screen readers not to automatically read the time as it changes
-        'aria-live': 'off',
-        // span elements have no implicit role, but some screen readers (notably VoiceOver)
-        // treat them as a break between items in the DOM when using arrow keys
-        // (or left-to-right swipes on iOS) to read contents of a page. Using
-        // role='presentation' causes VoiceOver to NOT treat this span as a break.
-        'role': 'presentation'
-      });
-      el.appendChild(this.contentEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.textNode_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Updates the time display text node with a new time
-     *
-     * @param {number} [time=0] the time to update to
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateTextNode_ = function updateTextNode_(time) {
-      var _this2 = this;
-
-      if (time === void 0) {
-        time = 0;
-      }
-
-      time = formatTime(time);
-
-      if (this.formattedTime_ === time) {
-        return;
-      }
-
-      this.formattedTime_ = time;
-      this.requestAnimationFrame(function () {
-        if (!_this2.contentEl_) {
-          return;
-        }
-
-        var oldNode = _this2.textNode_;
-        _this2.textNode_ = document.createTextNode(_this2.formattedTime_);
-
-        if (!_this2.textNode_) {
-          return;
-        }
-
-        if (oldNode) {
-          _this2.contentEl_.replaceChild(_this2.textNode_, oldNode);
-        } else {
-          _this2.contentEl_.appendChild(_this2.textNode_);
-        }
-      });
-    }
-    /**
-     * To be filled out in the child class, should update the displayed time
-     * in accordance with the fact that the current time has changed.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate`  event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {};
-
-    return TimeDisplay;
-  }(Component);
-  /**
-   * The text that is added to the `TimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  TimeDisplay.prototype.labelText_ = 'Time';
-  /**
-   * The text that should display over the `TimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  TimeDisplay.prototype.controlText_ = 'Time';
-  Component.registerComponent('TimeDisplay', TimeDisplay);
-
-  /**
-   * Displays the current time
-   *
-   * @extends Component
-   */
-
-  var CurrentTimeDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(CurrentTimeDisplay, _TimeDisplay);
-
-    function CurrentTimeDisplay() {
-      return _TimeDisplay.apply(this, arguments) || this;
-    }
-
-    var _proto = CurrentTimeDisplay.prototype;
-
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-current-time';
-    }
-    /**
-     * Update current time display
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` event that caused this function to run.
-     *
-     * @listens Player#timeupdate
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      // Allows for smooth scrubbing, when player can't keep up.
-      var time;
-
-      if (this.player_.ended()) {
-        time = this.player_.duration();
-      } else {
-        time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-      }
-
-      this.updateTextNode_(time);
-    };
-
-    return CurrentTimeDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `CurrentTimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  CurrentTimeDisplay.prototype.labelText_ = 'Current Time';
-  /**
-   * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-  Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-  /**
-   * Displays the duration
-   *
-   * @extends Component
-   */
-
-  var DurationDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(DurationDisplay, _TimeDisplay);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function DurationDisplay(player, options) {
-      var _this;
-
-      _this = _TimeDisplay.call(this, player, options) || this; // we do not want to/need to throttle duration changes,
-      // as they should always display the changed duration as
-      // it has changed
-
-      _this.on(player, 'durationchange', _this.updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
-      // but the durationchange on the user agent will not fire.
-      // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-
-      _this.on(player, 'loadstart', _this.updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
-      // listeners could have broken dependent applications/libraries. These
-      // can likely be removed for 7.0.
-
-
-      _this.on(player, 'loadedmetadata', _this.updateContent);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = DurationDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-duration';
-    }
-    /**
-     * Update duration time display.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused
-     *        this function to be called.
-     *
-     * @listens Player#durationchange
-     * @listens Player#timeupdate
-     * @listens Player#loadedmetadata
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      var duration = this.player_.duration();
-      this.updateTextNode_(duration);
-    };
-
-    return DurationDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `DurationDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  DurationDisplay.prototype.labelText_ = 'Duration';
-  /**
-   * The text that should display over the `DurationDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  DurationDisplay.prototype.controlText_ = 'Duration';
-  Component.registerComponent('DurationDisplay', DurationDisplay);
-
-  /**
-   * The separator between the current time and duration.
-   * Can be hidden if it's not needed in the design.
-   *
-   * @extends Component
-   */
-
-  var TimeDivider =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeDivider, _Component);
-
-    function TimeDivider() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = TimeDivider.prototype;
-
-    /**
-     * Create the component's DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-time-control vjs-time-divider',
-        innerHTML: '<div><span>/</span></div>'
-      }, {
-        // this element and its contents can be hidden from assistive techs since
-        // it is made extraneous by the announcement of the control text
-        // for the current time and duration displays
-        'aria-hidden': true
-      });
-    };
-
-    return TimeDivider;
-  }(Component);
-
-  Component.registerComponent('TimeDivider', TimeDivider);
-
-  /**
-   * Displays the time left in the video
-   *
-   * @extends Component
-   */
-
-  var RemainingTimeDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(RemainingTimeDisplay, _TimeDisplay);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function RemainingTimeDisplay(player, options) {
-      var _this;
-
-      _this = _TimeDisplay.call(this, player, options) || this;
-
-      _this.on(player, 'durationchange', _this.updateContent);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = RemainingTimeDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-remaining-time';
-    }
-    /**
-     * Create the `Component`'s DOM element with the "minus" characted prepend to the time
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var el = _TimeDisplay.prototype.createEl.call(this);
-
-      el.insertBefore(createEl('span', {}, {
-        'aria-hidden': true
-      }, '-'), this.contentEl_);
-      return el;
-    }
-    /**
-     * Update remaining time display.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` or `durationchange` event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     * @listens Player#durationchange
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      if (typeof this.player_.duration() !== 'number') {
-        return;
-      }
-
-      var time; // @deprecated We should only use remainingTimeDisplay
-      // as of video.js 7
-
-      if (this.player_.ended()) {
-        time = 0;
-      } else if (this.player_.remainingTimeDisplay) {
-        time = this.player_.remainingTimeDisplay();
-      } else {
-        time = this.player_.remainingTime();
-      }
-
-      this.updateTextNode_(time);
-    };
-
-    return RemainingTimeDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `RemainingTimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  RemainingTimeDisplay.prototype.labelText_ = 'Remaining Time';
-  /**
-   * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-  Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-  /**
-   * Displays the live indicator when duration is Infinity.
-   *
-   * @extends Component
-   */
-
-  var LiveDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LiveDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function LiveDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.updateShowing();
-
-      _this.on(_this.player(), 'durationchange', _this.updateShowing);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = LiveDisplay.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-live-control vjs-control'
-      });
-
-      this.contentEl_ = createEl('div', {
-        className: 'vjs-live-display',
-        innerHTML: "<span class=\"vjs-control-text\">" + this.localize('Stream Type') + "\xA0</span>" + this.localize('LIVE')
-      }, {
-        'aria-live': 'off'
-      });
-      el.appendChild(this.contentEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Check the duration to see if the LiveDisplay should be showing or not. Then show/hide
-     * it accordingly
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#durationchange} event that caused this function to run.
-     *
-     * @listens Player#durationchange
-     */
-    ;
-
-    _proto.updateShowing = function updateShowing(event) {
-      if (this.player().duration() === Infinity) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    };
-
-    return LiveDisplay;
-  }(Component);
-
-  Component.registerComponent('LiveDisplay', LiveDisplay);
-
-  /**
-   * Displays the live indicator when duration is Infinity.
-   *
-   * @extends Component
-   */
-
-  var SeekToLive =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(SeekToLive, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function SeekToLive(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.updateLiveEdgeStatus();
-
-      if (_this.player_.liveTracker) {
-        _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatus);
-      }
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = SeekToLive.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Button.prototype.createEl.call(this, 'button', {
-        className: 'vjs-seek-to-live-control vjs-control'
-      });
-
-      this.textEl_ = createEl('span', {
-        className: 'vjs-seek-to-live-text',
-        innerHTML: this.localize('LIVE')
-      }, {
-        'aria-hidden': 'true'
-      });
-      el.appendChild(this.textEl_);
-      return el;
-    }
-    /**
-     * Update the state of this button if we are at the live edge
-     * or not
-     */
-    ;
-
-    _proto.updateLiveEdgeStatus = function updateLiveEdgeStatus(e) {
-      // default to live edge
-      if (!this.player_.liveTracker || this.player_.liveTracker.atLiveEdge()) {
-        this.setAttribute('aria-disabled', true);
-        this.addClass('vjs-at-live-edge');
-        this.controlText('Seek to live, currently playing live');
-      } else {
-        this.setAttribute('aria-disabled', false);
-        this.removeClass('vjs-at-live-edge');
-        this.controlText('Seek to live, currently behind live');
-      }
-    }
-    /**
-     * On click bring us as near to the live point as possible.
-     * This requires that we wait for the next `live-seekable-change`
-     * event which will happen every segment length seconds.
-     */
-    ;
-
-    _proto.handleClick = function handleClick() {
-      this.player_.liveTracker.seekToLiveEdge();
-    }
-    /**
-     * Dispose of the element and stop tracking
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      if (this.player_.liveTracker) {
-        this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatus);
-      }
-
-      this.textEl_ = null;
-
-      _Button.prototype.dispose.call(this);
-    };
-
-    return SeekToLive;
-  }(Button);
-
-  SeekToLive.prototype.controlText_ = 'Seek to live, currently playing live';
-  Component.registerComponent('SeekToLive', SeekToLive);
-
-  /**
-   * Keep a number between a min and a max value
-   *
-   * @param {number} number
-   *        The number to clamp
-   *
-   * @param {number} min
-   *        The minimum value
-   * @param {number} max
-   *        The maximum value
-   *
-   * @return {number}
-   *         the clamped number
-   */
-  var clamp = function clamp(number, min, max) {
-    number = Number(number);
-    return Math.min(max, Math.max(min, isNaN(number) ? min : number));
-  };
-
-  /**
-   * The base functionality for a slider. Can be vertical or horizontal.
-   * For instance the volume bar or the seek bar on a video is a slider.
-   *
-   * @extends Component
-   */
-
-  var Slider =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Slider, _Component);
-
-    /**
-    * Create an instance of this class
-    *
-    * @param {Player} player
-    *        The `Player` that this class should be attached to.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    */
-    function Slider(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this; // Set property names to bar to match with the child Slider class is looking for
-
-      _this.bar = _this.getChild(_this.options_.barName); // Set a horizontal or vertical class on the slider depending on the slider type
-
-      _this.vertical(!!_this.options_.vertical);
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Are controls are currently enabled for this slider or not.
-     *
-     * @return {boolean}
-     *         true if controls are enabled, false otherwise
-     */
-
-
-    var _proto = Slider.prototype;
-
-    _proto.enabled = function enabled() {
-      return this.enabled_;
-    }
-    /**
-     * Enable controls for this slider if they are disabled
-     */
-    ;
-
-    _proto.enable = function enable() {
-      if (this.enabled()) {
-        return;
-      }
-
-      this.on('mousedown', this.handleMouseDown);
-      this.on('touchstart', this.handleMouseDown);
-      this.on('keydown', this.handleKeyDown);
-      this.on('click', this.handleClick); // TODO: deprecated, controlsvisible does not seem to be fired
-
-      this.on(this.player_, 'controlsvisible', this.update);
-
-      if (this.playerEvent) {
-        this.on(this.player_, this.playerEvent, this.update);
-      }
-
-      this.removeClass('disabled');
-      this.setAttribute('tabindex', 0);
-      this.enabled_ = true;
-    }
-    /**
-     * Disable controls for this slider if they are enabled
-     */
-    ;
-
-    _proto.disable = function disable() {
-      if (!this.enabled()) {
-        return;
-      }
-
-      var doc = this.bar.el_.ownerDocument;
-      this.off('mousedown', this.handleMouseDown);
-      this.off('touchstart', this.handleMouseDown);
-      this.off('keydown', this.handleKeyDown);
-      this.off('click', this.handleClick);
-      this.off(this.player_, 'controlsvisible', this.update);
-      this.off(doc, 'mousemove', this.handleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchmove', this.handleMouseMove);
-      this.off(doc, 'touchend', this.handleMouseUp);
-      this.removeAttribute('tabindex');
-      this.addClass('disabled');
-
-      if (this.playerEvent) {
-        this.off(this.player_, this.playerEvent, this.update);
-      }
-
-      this.enabled_ = false;
-    }
-    /**
-     * Create the `Slider`s DOM element.
-     *
-     * @param {string} type
-     *        Type of element to create.
-     *
-     * @param {Object} [props={}]
-     *        List of properties in Object form.
-     *
-     * @param {Object} [attributes={}]
-     *        list of attributes in Object form.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl(type, props, attributes) {
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      // Add the slider element class to all sub classes
-      props.className = props.className + ' vjs-slider';
-      props = assign({
-        tabIndex: 0
-      }, props);
-      attributes = assign({
-        'role': 'slider',
-        'aria-valuenow': 0,
-        'aria-valuemin': 0,
-        'aria-valuemax': 100,
-        'tabIndex': 0
-      }, attributes);
-      return _Component.prototype.createEl.call(this, type, props, attributes);
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `Slider`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     * @fires Slider#slideractive
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.bar.el_.ownerDocument;
-
-      if (event.type === 'mousedown') {
-        event.preventDefault();
-      } // Do not call preventDefault() on touchstart in Chrome
-      // to avoid console warnings. Use a 'touch-action: none' style
-      // instead to prevent unintented scrolling.
-      // https://developers.google.com/web/updates/2017/01/scrolling-intervention
-
-
-      if (event.type === 'touchstart' && !IS_CHROME) {
-        event.preventDefault();
-      }
-
-      blockTextSelection();
-      this.addClass('vjs-sliding');
-      /**
-       * Triggered when the slider is in an active state
-       *
-       * @event Slider#slideractive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('slideractive');
-      this.on(doc, 'mousemove', this.handleMouseMove);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchmove', this.handleMouseMove);
-      this.on(doc, 'touchend', this.handleMouseUp);
-      this.handleMouseMove(event);
-    }
-    /**
-     * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.
-     * The `mousemove` and `touchmove` events will only only trigger this function during
-     * `mousedown` and `touchstart`. This is due to {@link Slider#handleMouseDown} and
-     * {@link Slider#handleMouseUp}.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered
-     *        this function
-     *
-     * @listens mousemove
-     * @listens touchmove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {}
-    /**
-     * Handle `mouseup` or `touchend` events on the `Slider`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     * @fires Slider#sliderinactive
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp() {
-      var doc = this.bar.el_.ownerDocument;
-      unblockTextSelection();
-      this.removeClass('vjs-sliding');
-      /**
-       * Triggered when the slider is no longer in an active state.
-       *
-       * @event Slider#sliderinactive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('sliderinactive');
-      this.off(doc, 'mousemove', this.handleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchmove', this.handleMouseMove);
-      this.off(doc, 'touchend', this.handleMouseUp);
-      this.update();
-    }
-    /**
-     * Update the progress bar of the `Slider`.
-     *
-     * @return {number}
-     *          The percentage of progress the progress bar represents as a
-     *          number from 0 to 1.
-     */
-    ;
-
-    _proto.update = function update() {
-      var _this2 = this;
-
-      // In VolumeBar init we have a setTimeout for update that pops and update
-      // to the end of the execution stack. The player is destroyed before then
-      // update will cause an error
-      // If there's no bar...
-      if (!this.el_ || !this.bar) {
-        return;
-      } // clamp progress between 0 and 1
-      // and only round to four decimal places, as we round to two below
-
-
-      var progress = this.getProgress();
-
-      if (progress === this.progress_) {
-        return;
-      }
-
-      this.progress_ = progress;
-      this.requestAnimationFrame(function () {
-        // Set the new bar width or height
-        var sizeKey = _this2.vertical() ? 'height' : 'width'; // Convert to a percentage for css value
-
-        _this2.bar.el().style[sizeKey] = (progress * 100).toFixed(2) + '%';
-      });
-      return progress;
-    }
-    /**
-     * Get the percentage of the bar that should be filled
-     * but clamped and rounded.
-     *
-     * @return {number}
-     *         percentage filled that the slider is
-     */
-    ;
-
-    _proto.getProgress = function getProgress() {
-      return clamp(this.getPercent(), 0, 1).toFixed(4);
-    }
-    /**
-     * Calculate distance for slider
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run.
-     *
-     * @return {number}
-     *         The current position of the Slider.
-     *         - position.x for vertical `Slider`s
-     *         - position.y for horizontal `Slider`s
-     */
-    ;
-
-    _proto.calculateDistance = function calculateDistance(event) {
-      var position = getPointerPosition(this.el_, event);
-
-      if (this.vertical()) {
-        return position.y;
-      }
-
-      return position.x;
-    }
-    /**
-     * Handle a `keydown` event on the `Slider`. Watches for left, rigth, up, and down
-     * arrow keys. This function will only be called when the slider has focus. See
-     * {@link Slider#handleFocus} and {@link Slider#handleBlur}.
-     *
-     * @param {EventTarget~Event} event
-     *        the `keydown` event that caused this function to run.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Left and Down Arrows
-      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack(); // Up and Right Arrows
-      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward();
-      } else {
-        // Pass keydown handling up for unsupported keys
-        _Component.prototype.handleKeyDown.call(this, event);
-      }
-    }
-    /**
-     * Listener for click events on slider, used to prevent clicks
-     *   from bubbling up to parent elements like button menus.
-     *
-     * @param {Object} event
-     *        Event that caused this object to run
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-    }
-    /**
-     * Get/set if slider is horizontal for vertical
-     *
-     * @param {boolean} [bool]
-     *        - true if slider is vertical,
-     *        - false is horizontal
-     *
-     * @return {boolean}
-     *         - true if slider is vertical, and getting
-     *         - false if the slider is horizontal, and getting
-     */
-    ;
-
-    _proto.vertical = function vertical(bool) {
-      if (bool === undefined) {
-        return this.vertical_ || false;
-      }
-
-      this.vertical_ = !!bool;
-
-      if (this.vertical_) {
-        this.addClass('vjs-slider-vertical');
-      } else {
-        this.addClass('vjs-slider-horizontal');
-      }
-    };
-
-    return Slider;
-  }(Component);
-
-  Component.registerComponent('Slider', Slider);
-
-  var percentify = function percentify(time, end) {
-    return clamp(time / end * 100, 0, 100).toFixed(2) + '%';
-  };
-  /**
-   * Shows loading progress
-   *
-   * @extends Component
-   */
-
-
-  var LoadProgressBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LoadProgressBar, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function LoadProgressBar(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.partEls_ = [];
-
-      _this.on(player, 'progress', _this.update);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = LoadProgressBar.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-load-progress'
-      });
-
-      var wrapper = createEl('span', {
-        className: 'vjs-control-text'
-      });
-      var loadedText = createEl('span', {
-        textContent: this.localize('Loaded')
-      });
-      var separator = document.createTextNode(': ');
-      this.percentageEl_ = createEl('span', {
-        className: 'vjs-control-text-loaded-percentage',
-        textContent: '0%'
-      });
-      el.appendChild(wrapper);
-      wrapper.appendChild(loadedText);
-      wrapper.appendChild(separator);
-      wrapper.appendChild(this.percentageEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.partEls_ = null;
-      this.percentageEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Update progress bar
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `progress` event that caused this function to run.
-     *
-     * @listens Player#progress
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var _this2 = this;
-
-      this.requestAnimationFrame(function () {
-        var liveTracker = _this2.player_.liveTracker;
-
-        var buffered = _this2.player_.buffered();
-
-        var duration = liveTracker && liveTracker.isLive() ? liveTracker.seekableEnd() : _this2.player_.duration();
-
-        var bufferedEnd = _this2.player_.bufferedEnd();
-
-        var children = _this2.partEls_;
-        var percent = percentify(bufferedEnd, duration);
-
-        if (_this2.percent_ !== percent) {
-          // update the width of the progress bar
-          _this2.el_.style.width = percent; // update the control-text
-
-          textContent(_this2.percentageEl_, percent);
-          _this2.percent_ = percent;
-        } // add child elements to represent the individual buffered time ranges
-
-
-        for (var i = 0; i < buffered.length; i++) {
-          var start = buffered.start(i);
-          var end = buffered.end(i);
-          var part = children[i];
-
-          if (!part) {
-            part = _this2.el_.appendChild(createEl());
-            children[i] = part;
-          } //  only update if changed
-
-
-          if (part.dataset.start === start && part.dataset.end === end) {
-            continue;
-          }
-
-          part.dataset.start = start;
-          part.dataset.end = end; // set the percent based on the width of the progress bar (bufferedEnd)
-
-          part.style.left = percentify(start, bufferedEnd);
-          part.style.width = percentify(end - start, bufferedEnd);
-        } // remove unused buffered range elements
-
-
-        for (var _i = children.length; _i > buffered.length; _i--) {
-          _this2.el_.removeChild(children[_i - 1]);
-        }
-
-        children.length = buffered.length;
-      });
-    };
-
-    return LoadProgressBar;
-  }(Component);
-
-  Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-  /**
-   * Time tooltips display a time above the progress bar.
-   *
-   * @extends Component
-   */
-
-  var TimeTooltip =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeTooltip, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TimeTooltip(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the time tooltip DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = TimeTooltip.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-time-tooltip'
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Updates the position of the time tooltip relative to the `SeekBar`.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint, content) {
-      var tooltipRect = getBoundingClientRect(this.el_);
-      var playerRect = getBoundingClientRect(this.player_.el());
-      var seekBarPointPx = seekBarRect.width * seekBarPoint; // do nothing if either rect isn't available
-      // for example, if the player isn't in the DOM for testing
-
-      if (!playerRect || !tooltipRect) {
-        return;
-      } // This is the space left of the `seekBarPoint` available within the bounds
-      // of the player. We calculate any gap between the left edge of the player
-      // and the left edge of the `SeekBar` and add the number of pixels in the
-      // `SeekBar` before hitting the `seekBarPoint`
-
-
-      var spaceLeftOfPoint = seekBarRect.left - playerRect.left + seekBarPointPx; // This is the space right of the `seekBarPoint` available within the bounds
-      // of the player. We calculate the number of pixels from the `seekBarPoint`
-      // to the right edge of the `SeekBar` and add to that any gap between the
-      // right edge of the `SeekBar` and the player.
-
-      var spaceRightOfPoint = seekBarRect.width - seekBarPointPx + (playerRect.right - seekBarRect.right); // This is the number of pixels by which the tooltip will need to be pulled
-      // further to the right to center it over the `seekBarPoint`.
-
-      var pullTooltipBy = tooltipRect.width / 2; // Adjust the `pullTooltipBy` distance to the left or right depending on
-      // the results of the space calculations above.
-
-      if (spaceLeftOfPoint < pullTooltipBy) {
-        pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
-      } else if (spaceRightOfPoint < pullTooltipBy) {
-        pullTooltipBy = spaceRightOfPoint;
-      } // Due to the imprecision of decimal/ratio based calculations and varying
-      // rounding behaviors, there are cases where the spacing adjustment is off
-      // by a pixel or two. This adds insurance to these calculations.
-
-
-      if (pullTooltipBy < 0) {
-        pullTooltipBy = 0;
-      } else if (pullTooltipBy > tooltipRect.width) {
-        pullTooltipBy = tooltipRect.width;
-      }
-
-      this.el_.style.right = "-" + pullTooltipBy + "px";
-      this.write(content);
-    }
-    /**
-     * Write the time to the tooltip DOM element.
-     *
-     * @param {string} content
-     *        The formatted time for the tooltip.
-     */
-    ;
-
-    _proto.write = function write(content) {
-      textContent(this.el_, content);
-    }
-    /**
-     * Updates the position of the time tooltip relative to the `SeekBar`.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     *
-     * @param {number} time
-     *        The time to update the tooltip to, not used during live playback
-     *
-     * @param {Function} cb
-     *        A function that will be called during the request animation frame
-     *        for tooltips that need to do additional animations from the default
-     */
-    ;
-
-    _proto.updateTime = function updateTime(seekBarRect, seekBarPoint, time, cb) {
-      var _this2 = this;
-
-      // If there is an existing rAF ID, cancel it so we don't over-queue.
-      if (this.rafId_) {
-        this.cancelAnimationFrame(this.rafId_);
-      }
-
-      this.rafId_ = this.requestAnimationFrame(function () {
-        var content;
-
-        var duration = _this2.player_.duration();
-
-        if (_this2.player_.liveTracker && _this2.player_.liveTracker.isLive()) {
-          var liveWindow = _this2.player_.liveTracker.liveWindow();
-
-          var secondsBehind = liveWindow - seekBarPoint * liveWindow;
-          content = (secondsBehind < 1 ? '' : '-') + formatTime(secondsBehind, liveWindow);
-        } else {
-          content = formatTime(time, duration);
-        }
-
-        _this2.update(seekBarRect, seekBarPoint, content);
-
-        if (cb) {
-          cb();
-        }
-      });
-    };
-
-    return TimeTooltip;
-  }(Component);
-
-  Component.registerComponent('TimeTooltip', TimeTooltip);
-
-  /**
-   * Used by {@link SeekBar} to display media playback progress as part of the
-   * {@link ProgressControl}.
-   *
-   * @extends Component
-   */
-
-  var PlayProgressBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(PlayProgressBar, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlayProgressBar(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the the DOM element for this class.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = PlayProgressBar.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-play-progress vjs-slider-bar'
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Enqueues updates to its own DOM as well as the DOM of its
-     * {@link TimeTooltip} child.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint) {
-      var timeTooltip = this.getChild('timeTooltip');
-
-      if (!timeTooltip) {
-        return;
-      }
-
-      var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-      timeTooltip.updateTime(seekBarRect, seekBarPoint, time);
-    };
-
-    return PlayProgressBar;
-  }(Component);
-  /**
-   * Default options for {@link PlayProgressBar}.
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  PlayProgressBar.prototype.options_ = {
-    children: []
-  }; // Time tooltips should not be added to a player on mobile devices
-
-  if (!IS_IOS && !IS_ANDROID) {
-    PlayProgressBar.prototype.options_.children.push('timeTooltip');
-  }
-
-  Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-  /**
-   * The {@link MouseTimeDisplay} component tracks mouse movement over the
-   * {@link ProgressControl}. It displays an indicator and a {@link TimeTooltip}
-   * indicating the time which is represented by a given point in the
-   * {@link ProgressControl}.
-   *
-   * @extends Component
-   */
-
-  var MouseTimeDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MouseTimeDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function MouseTimeDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the DOM element for this class.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = MouseTimeDisplay.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-mouse-display'
-      });
-    }
-    /**
-     * Enqueues updates to its own DOM as well as the DOM of its
-     * {@link TimeTooltip} child.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint) {
-      var _this2 = this;
-
-      var time = seekBarPoint * this.player_.duration();
-      this.getChild('timeTooltip').updateTime(seekBarRect, seekBarPoint, time, function () {
-        _this2.el_.style.left = seekBarRect.width * seekBarPoint + "px";
-      });
-    };
-
-    return MouseTimeDisplay;
-  }(Component);
-  /**
-   * Default options for `MouseTimeDisplay`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  MouseTimeDisplay.prototype.options_ = {
-    children: ['timeTooltip']
-  };
-  Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-  var STEP_SECONDS = 5; // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
-
-  var PAGE_KEY_MULTIPLIER = 12; // The interval at which the bar should update as it progresses.
-
-  var UPDATE_REFRESH_INTERVAL$1 = 30;
-  /**
-   * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
-   * as its `bar`.
-   *
-   * @extends Slider
-   */
-
-  var SeekBar =
-  /*#__PURE__*/
-  function (_Slider) {
-    inheritsLoose(SeekBar, _Slider);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function SeekBar(player, options) {
-      var _this;
-
-      _this = _Slider.call(this, player, options) || this;
-
-      _this.setEventHandlers_();
-
-      return _this;
-    }
-    /**
-     * Sets the event handlers
-     *
-     * @private
-     */
-
-
-    var _proto = SeekBar.prototype;
-
-    _proto.setEventHandlers_ = function setEventHandlers_() {
-      this.update_ = bind(this, this.update);
-      this.update = throttle(this.update_, UPDATE_REFRESH_INTERVAL$1);
-      this.on(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
-
-      if (this.player_.liveTracker) {
-        this.on(this.player_.liveTracker, 'liveedgechange', this.update);
-      } // when playing, let's ensure we smoothly update the play progress bar
-      // via an interval
-
-
-      this.updateInterval = null;
-      this.on(this.player_, ['playing'], this.enableInterval_);
-      this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableInterval_); // we don't need to update the play progress if the document is hidden,
-      // also, this causes the CPU to spike and eventually crash the page on IE11.
-
-      if ('hidden' in document && 'visibilityState' in document) {
-        this.on(document, 'visibilitychange', this.toggleVisibility_);
-      }
-    };
-
-    _proto.toggleVisibility_ = function toggleVisibility_(e) {
-      if (document.hidden) {
-        this.disableInterval_(e);
-      } else {
-        this.enableInterval_(); // we just switched back to the page and someone may be looking, so, update ASAP
-
-        this.update();
-      }
-    };
-
-    _proto.enableInterval_ = function enableInterval_() {
-      if (this.updateInterval) {
-        return;
-      }
-
-      this.updateInterval = this.setInterval(this.update, UPDATE_REFRESH_INTERVAL$1);
-    };
-
-    _proto.disableInterval_ = function disableInterval_(e) {
-      if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e.type !== 'ended') {
-        return;
-      }
-
-      if (!this.updateInterval) {
-        return;
-      }
-
-      this.clearInterval(this.updateInterval);
-      this.updateInterval = null;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Slider.prototype.createEl.call(this, 'div', {
-        className: 'vjs-progress-holder'
-      }, {
-        'aria-label': this.localize('Progress Bar')
-      });
-    }
-    /**
-     * This function updates the play progress bar and accessibility
-     * attributes to whatever is passed in.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` or `ended` event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     *
-     * @return {number}
-     *          The current percent at a number from 0-1
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var _this2 = this;
-
-      var percent = _Slider.prototype.update.call(this);
-
-      this.requestAnimationFrame(function () {
-        var currentTime = _this2.player_.ended() ? _this2.player_.duration() : _this2.getCurrentTime_();
-        var liveTracker = _this2.player_.liveTracker;
-
-        var duration = _this2.player_.duration();
-
-        if (liveTracker && liveTracker.isLive()) {
-          duration = _this2.player_.liveTracker.liveCurrentTime();
-        }
-
-        if (_this2.percent_ !== percent) {
-          // machine readable value of progress bar (percentage complete)
-          _this2.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-          _this2.percent_ = percent;
-        }
-
-        if (_this2.currentTime_ !== currentTime || _this2.duration_ !== duration) {
-          // human readable value of progress bar (time complete)
-          _this2.el_.setAttribute('aria-valuetext', _this2.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-          _this2.currentTime_ = currentTime;
-          _this2.duration_ = duration;
-        }
-      });
-      return percent;
-    }
-    /**
-     * Get the value of current time but allows for smooth scrubbing,
-     * when player can't keep up.
-     *
-     * @return {number}
-     *         The current time value to display
-     *
-     * @private
-     */
-    ;
-
-    _proto.getCurrentTime_ = function getCurrentTime_() {
-      return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-    }
-    /**
-     * Get the percentage of media played so far.
-     *
-     * @return {number}
-     *         The percentage of media played so far (0 to 1).
-     */
-    ;
-
-    _proto.getPercent = function getPercent() {
-      var currentTime = this.getCurrentTime_();
-      var percent;
-      var liveTracker = this.player_.liveTracker;
-
-      if (liveTracker && liveTracker.isLive()) {
-        percent = (currentTime - liveTracker.seekableStart()) / liveTracker.liveWindow(); // prevent the percent from changing at the live edge
-
-        if (liveTracker.atLiveEdge()) {
-          percent = 1;
-        }
-      } else {
-        percent = currentTime / this.player_.duration();
-      }
-
-      return percent;
-    }
-    /**
-     * Handle mouse down on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousedown` event that caused this to run.
-     *
-     * @listens mousedown
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      } // Stop event propagation to prevent double fire in progress-control.js
-
-
-      event.stopPropagation();
-      this.player_.scrubbing(true);
-      this.videoWasPlaying = !this.player_.paused();
-      this.player_.pause();
-
-      _Slider.prototype.handleMouseDown.call(this, event);
-    }
-    /**
-     * Handle mouse move on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this to run.
-     *
-     * @listens mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      var newTime;
-      var distance = this.calculateDistance(event);
-      var liveTracker = this.player_.liveTracker;
-
-      if (!liveTracker || !liveTracker.isLive()) {
-        newTime = distance * this.player_.duration(); // Don't let video end while scrubbing.
-
-        if (newTime === this.player_.duration()) {
-          newTime = newTime - 0.1;
-        }
-      } else {
-        var seekableStart = liveTracker.seekableStart();
-        var seekableEnd = liveTracker.liveCurrentTime();
-        newTime = seekableStart + distance * liveTracker.liveWindow(); // Don't let video end while scrubbing.
-
-        if (newTime >= seekableEnd) {
-          newTime = seekableEnd;
-        } // Compensate for precision differences so that currentTime is not less
-        // than seekable start
-
-
-        if (newTime <= seekableStart) {
-          newTime = seekableStart + 0.1;
-        } // On android seekableEnd can be Infinity sometimes,
-        // this will cause newTime to be Infinity, which is
-        // not a valid currentTime.
-
-
-        if (newTime === Infinity) {
-          return;
-        }
-      } // Set new time (tell player to seek to new time)
-
-
-      this.player_.currentTime(newTime);
-    };
-
-    _proto.enable = function enable() {
-      _Slider.prototype.enable.call(this);
-
-      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-      if (!mouseTimeDisplay) {
-        return;
-      }
-
-      mouseTimeDisplay.show();
-    };
-
-    _proto.disable = function disable() {
-      _Slider.prototype.disable.call(this);
-
-      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-      if (!mouseTimeDisplay) {
-        return;
-      }
-
-      mouseTimeDisplay.hide();
-    }
-    /**
-     * Handle mouse up on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseup` event that caused this to run.
-     *
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      _Slider.prototype.handleMouseUp.call(this, event); // Stop event propagation to prevent double fire in progress-control.js
-
-
-      if (event) {
-        event.stopPropagation();
-      }
-
-      this.player_.scrubbing(false);
-      /**
-       * Trigger timeupdate because we're done seeking and the time has changed.
-       * This is particularly useful for if the player is paused to time the time displays.
-       *
-       * @event Tech#timeupdate
-       * @type {EventTarget~Event}
-       */
-
-      this.player_.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-
-      if (this.videoWasPlaying) {
-        silencePromise(this.player_.play());
-      } else {
-        // We're done seeking and the time has changed.
-        // If the player is paused, make sure we display the correct time on the seek bar.
-        this.update_();
-      }
-    }
-    /**
-     * Move more quickly fast forward for keyboard-only users
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-    }
-    /**
-     * Move more quickly rewind for keyboard-only users
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS);
-    }
-    /**
-     * Toggles the playback state of the player
-     * This gets called when enter or space is used on the seekbar
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called
-     *
-     */
-    ;
-
-    _proto.handleAction = function handleAction(event) {
-      if (this.player_.paused()) {
-        this.player_.play();
-      } else {
-        this.player_.pause();
-      }
-    }
-    /**
-     * Called when this SeekBar has focus and a key gets pressed down.
-     * Supports the following keys:
-     *
-     *   Space or Enter key fire a click event
-     *   Home key moves to start of the timeline
-     *   End key moves to end of the timeline
-     *   Digit "0" through "9" keys move to 0%, 10% ... 80%, 90% of the timeline
-     *   PageDown key moves back a larger step than ArrowDown
-     *   PageUp key moves forward a large step
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.handleAction(event);
-      } else if (keycode.isEventKey(event, 'Home')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(0);
-      } else if (keycode.isEventKey(event, 'End')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.duration());
-      } else if (/^[0-9]$/.test(keycode(event))) {
-        event.preventDefault();
-        event.stopPropagation();
-        var gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;
-        this.player_.currentTime(this.player_.duration() * gotoFraction);
-      } else if (keycode.isEventKey(event, 'PgDn')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-      } else if (keycode.isEventKey(event, 'PgUp')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-      } else {
-        // Pass keydown handling up for unsupported keys
-        _Slider.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return SeekBar;
-  }(Slider);
-  /**
-   * Default options for the `SeekBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  SeekBar.prototype.options_ = {
-    children: ['loadProgressBar', 'playProgressBar'],
-    barName: 'playProgressBar'
-  }; // MouseTimeDisplay tooltips should not be added to a player on mobile devices
-
-  if (!IS_IOS && !IS_ANDROID) {
-    SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-  }
-
-  Component.registerComponent('SeekBar', SeekBar);
-
-  /**
-   * The Progress Control component contains the seek bar, load progress,
-   * and play progress.
-   *
-   * @extends Component
-   */
-
-  var ProgressControl =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ProgressControl, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function ProgressControl(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.handleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-      _this.throttledHandleMouseSeek = throttle(bind(assertThisInitialized(_this), _this.handleMouseSeek), UPDATE_REFRESH_INTERVAL);
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = ProgressControl.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-progress-control vjs-control'
-      });
-    }
-    /**
-     * When the mouse moves over the `ProgressControl`, the pointer position
-     * gets passed down to the `MouseTimeDisplay` component.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this function to run.
-     *
-     * @listen mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      var seekBar = this.getChild('seekBar');
-
-      if (!seekBar) {
-        return;
-      }
-
-      var playProgressBar = seekBar.getChild('playProgressBar');
-      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-
-      if (!playProgressBar && !mouseTimeDisplay) {
-        return;
-      }
-
-      var seekBarEl = seekBar.el();
-      var seekBarRect = getBoundingClientRect(seekBarEl);
-      var seekBarPoint = getPointerPosition(seekBarEl, event).x; // The default skin has a gap on either side of the `SeekBar`. This means
-      // that it's possible to trigger this behavior outside the boundaries of
-      // the `SeekBar`. This ensures we stay within it at all times.
-
-      seekBarPoint = clamp(0, 1, seekBarPoint);
-
-      if (mouseTimeDisplay) {
-        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-      }
-
-      if (playProgressBar) {
-        playProgressBar.update(seekBarRect, seekBar.getProgress());
-      }
-    }
-    /**
-     * A throttled version of the {@link ProgressControl#handleMouseSeek} listener.
-     *
-     * @method ProgressControl#throttledHandleMouseSeek
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this function to run.
-     *
-     * @listen mousemove
-     * @listen touchmove
-     */
-
-    /**
-     * Handle `mousemove` or `touchmove` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousemove
-     * @listens touchmove
-     */
-    ;
-
-    _proto.handleMouseSeek = function handleMouseSeek(event) {
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseMove(event);
-      }
-    }
-    /**
-     * Are controls are currently enabled for this progress control.
-     *
-     * @return {boolean}
-     *         true if controls are enabled, false otherwise
-     */
-    ;
-
-    _proto.enabled = function enabled() {
-      return this.enabled_;
-    }
-    /**
-     * Disable all controls on the progress control and its children
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.children().forEach(function (child) {
-        return child.disable && child.disable();
-      });
-
-      if (!this.enabled()) {
-        return;
-      }
-
-      this.off(['mousedown', 'touchstart'], this.handleMouseDown);
-      this.off(this.el_, 'mousemove', this.handleMouseMove);
-      this.handleMouseUp();
-      this.addClass('disabled');
-      this.enabled_ = false;
-    }
-    /**
-     * Enable all controls on the progress control and its children
-     */
-    ;
-
-    _proto.enable = function enable() {
-      this.children().forEach(function (child) {
-        return child.enable && child.enable();
-      });
-
-      if (this.enabled()) {
-        return;
-      }
-
-      this.on(['mousedown', 'touchstart'], this.handleMouseDown);
-      this.on(this.el_, 'mousemove', this.handleMouseMove);
-      this.removeClass('disabled');
-      this.enabled_ = true;
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.el_.ownerDocument;
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseDown(event);
-      }
-
-      this.on(doc, 'mousemove', this.throttledHandleMouseSeek);
-      this.on(doc, 'touchmove', this.throttledHandleMouseSeek);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mouseup` or `touchend` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      var doc = this.el_.ownerDocument;
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseUp(event);
-      }
-
-      this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
-      this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchend', this.handleMouseUp);
-    };
-
-    return ProgressControl;
-  }(Component);
-  /**
-   * Default options for `ProgressControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ProgressControl.prototype.options_ = {
-    children: ['seekBar']
-  };
-  Component.registerComponent('ProgressControl', ProgressControl);
-
-  /**
-   * Toggle Picture-in-Picture mode
-   *
-   * @extends Button
-   */
-
-  var PictureInPictureToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(PictureInPictureToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @listens Player#enterpictureinpicture
-     * @listens Player#leavepictureinpicture
-     */
-    function PictureInPictureToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], _this.handlePictureInPictureChange); // TODO: Activate button on player loadedmetadata event.
-      // TODO: Deactivate button on player emptied event.
-      // TODO: Deactivate button if disablepictureinpicture attribute is present.
-
-
-      if (!document.pictureInPictureEnabled) {
-        _this.disable();
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = PictureInPictureToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-picture-in-picture-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Handles enterpictureinpicture and leavepictureinpicture on the player and change control text accordingly.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#enterpictureinpicture} or {@link Player#leavepictureinpicture} event that caused this function to be
-     *        called.
-     *
-     * @listens Player#enterpictureinpicture
-     * @listens Player#leavepictureinpicture
-     */
-    ;
-
-    _proto.handlePictureInPictureChange = function handlePictureInPictureChange(event) {
-      if (this.player_.isInPictureInPicture()) {
-        this.controlText('Exit Picture-in-Picture');
-      } else {
-        this.controlText('Picture-in-Picture');
-      }
-    }
-    /**
-     * This gets called when an `PictureInPictureToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (!this.player_.isInPictureInPicture()) {
-        this.player_.requestPictureInPicture();
-      } else {
-        this.player_.exitPictureInPicture();
-      }
-    };
-
-    return PictureInPictureToggle;
-  }(Button);
-  /**
-   * The text that should display over the `PictureInPictureToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PictureInPictureToggle.prototype.controlText_ = 'Picture-in-Picture';
-  Component.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
-
-  /**
-   * Toggle fullscreen video
-   *
-   * @extends Button
-   */
-
-  var FullscreenToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(FullscreenToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function FullscreenToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-
-      if (document[player.fsApi_.fullscreenEnabled] === false) {
-        _this.disable();
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = FullscreenToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-fullscreen-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Handles fullscreenchange on the player and change control text accordingly.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#fullscreenchange} event that caused this function to be
-     *        called.
-     *
-     * @listens Player#fullscreenchange
-     */
-    ;
-
-    _proto.handleFullscreenChange = function handleFullscreenChange(event) {
-      if (this.player_.isFullscreen()) {
-        this.controlText('Non-Fullscreen');
-      } else {
-        this.controlText('Fullscreen');
-      }
-    }
-    /**
-     * This gets called when an `FullscreenToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (!this.player_.isFullscreen()) {
-        this.player_.requestFullscreen();
-      } else {
-        this.player_.exitFullscreen();
-      }
-    };
-
-    return FullscreenToggle;
-  }(Button);
-  /**
-   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  FullscreenToggle.prototype.controlText_ = 'Fullscreen';
-  Component.registerComponent('FullscreenToggle', FullscreenToggle);
-
-  /**
-   * Check if volume control is supported and if it isn't hide the
-   * `Component` that was passed  using the `vjs-hidden` class.
-   *
-   * @param {Component} self
-   *        The component that should be hidden if volume is unsupported
-   *
-   * @param {Player} player
-   *        A reference to the player
-   *
-   * @private
-   */
-  var checkVolumeSupport = function checkVolumeSupport(self, player) {
-    // hide volume controls when they're not supported by the current tech
-    if (player.tech_ && !player.tech_.featuresVolumeControl) {
-      self.addClass('vjs-hidden');
-    }
-
-    self.on(player, 'loadstart', function () {
-      if (!player.tech_.featuresVolumeControl) {
-        self.addClass('vjs-hidden');
-      } else {
-        self.removeClass('vjs-hidden');
-      }
-    });
-  };
-
-  /**
-   * Shows volume level
-   *
-   * @extends Component
-   */
-
-  var VolumeLevel =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumeLevel, _Component);
-
-    function VolumeLevel() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = VolumeLevel.prototype;
-
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-volume-level',
-        innerHTML: '<span class="vjs-control-text"></span>'
-      });
-    };
-
-    return VolumeLevel;
-  }(Component);
-
-  Component.registerComponent('VolumeLevel', VolumeLevel);
-
-  /**
-   * The bar that contains the volume level and can be clicked on to adjust the level
-   *
-   * @extends Slider
-   */
-
-  var VolumeBar =
-  /*#__PURE__*/
-  function (_Slider) {
-    inheritsLoose(VolumeBar, _Slider);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function VolumeBar(player, options) {
-      var _this;
-
-      _this = _Slider.call(this, player, options) || this;
-
-      _this.on('slideractive', _this.updateLastVolume_);
-
-      _this.on(player, 'volumechange', _this.updateARIAAttributes);
-
-      player.ready(function () {
-        return _this.updateARIAAttributes();
-      });
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = VolumeBar.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Slider.prototype.createEl.call(this, 'div', {
-        className: 'vjs-volume-bar vjs-slider-bar'
-      }, {
-        'aria-label': this.localize('Volume Level'),
-        'aria-live': 'polite'
-      });
-    }
-    /**
-     * Handle mouse down on volume bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousedown` event that caused this to run.
-     *
-     * @listens mousedown
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      _Slider.prototype.handleMouseDown.call(this, event);
-    }
-    /**
-     * Handle movement events on the {@link VolumeMenuButton}.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run.
-     *
-     * @listens mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      this.checkMuted();
-      this.player_.volume(this.calculateDistance(event));
-    }
-    /**
-     * If the player is muted unmute it.
-     */
-    ;
-
-    _proto.checkMuted = function checkMuted() {
-      if (this.player_.muted()) {
-        this.player_.muted(false);
-      }
-    }
-    /**
-     * Get percent of volume level
-     *
-     * @return {number}
-     *         Volume level percent as a decimal number.
-     */
-    ;
-
-    _proto.getPercent = function getPercent() {
-      if (this.player_.muted()) {
-        return 0;
-      }
-
-      return this.player_.volume();
-    }
-    /**
-     * Increase volume level for keyboard users
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      this.checkMuted();
-      this.player_.volume(this.player_.volume() + 0.1);
-    }
-    /**
-     * Decrease volume level for keyboard users
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      this.checkMuted();
-      this.player_.volume(this.player_.volume() - 0.1);
-    }
-    /**
-     * Update ARIA accessibility attributes
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `volumechange` event that caused this function to run.
-     *
-     * @listens Player#volumechange
-     */
-    ;
-
-    _proto.updateARIAAttributes = function updateARIAAttributes(event) {
-      var ariaValue = this.player_.muted() ? 0 : this.volumeAsPercentage_();
-      this.el_.setAttribute('aria-valuenow', ariaValue);
-      this.el_.setAttribute('aria-valuetext', ariaValue + '%');
-    }
-    /**
-     * Returns the current value of the player volume as a percentage
-     *
-     * @private
-     */
-    ;
-
-    _proto.volumeAsPercentage_ = function volumeAsPercentage_() {
-      return Math.round(this.player_.volume() * 100);
-    }
-    /**
-     * When user starts dragging the VolumeBar, store the volume and listen for
-     * the end of the drag. When the drag ends, if the volume was set to zero,
-     * set lastVolume to the stored volume.
-     *
-     * @listens slideractive
-     * @private
-     */
-    ;
-
-    _proto.updateLastVolume_ = function updateLastVolume_() {
-      var _this2 = this;
-
-      var volumeBeforeDrag = this.player_.volume();
-      this.one('sliderinactive', function () {
-        if (_this2.player_.volume() === 0) {
-          _this2.player_.lastVolume_(volumeBeforeDrag);
-        }
-      });
-    };
-
-    return VolumeBar;
-  }(Slider);
-  /**
-   * Default options for the `VolumeBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumeBar.prototype.options_ = {
-    children: ['volumeLevel'],
-    barName: 'volumeLevel'
-  };
-  /**
-   * Call the update event for this Slider when this event happens on the player.
-   *
-   * @type {string}
-   */
-
-  VolumeBar.prototype.playerEvent = 'volumechange';
-  Component.registerComponent('VolumeBar', VolumeBar);
-
-  /**
-   * The component for controlling the volume level
-   *
-   * @extends Component
-   */
-
-  var VolumeControl =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumeControl, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function VolumeControl(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.vertical = options.vertical || false; // Pass the vertical option down to the VolumeBar if
-      // the VolumeBar is turned on.
-
-      if (typeof options.volumeBar === 'undefined' || isPlain(options.volumeBar)) {
-        options.volumeBar = options.volumeBar || {};
-        options.volumeBar.vertical = options.vertical;
-      }
-
-      _this = _Component.call(this, player, options) || this; // hide this control if volume support is missing
-
-      checkVolumeSupport(assertThisInitialized(_this), player);
-      _this.throttledHandleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-
-      _this.on('mousedown', _this.handleMouseDown);
-
-      _this.on('touchstart', _this.handleMouseDown); // while the slider is active (the mouse has been pressed down and
-      // is dragging) or in focus we do not want to hide the VolumeBar
-
-
-      _this.on(_this.volumeBar, ['focus', 'slideractive'], function () {
-        _this.volumeBar.addClass('vjs-slider-active');
-
-        _this.addClass('vjs-slider-active');
-
-        _this.trigger('slideractive');
-      });
-
-      _this.on(_this.volumeBar, ['blur', 'sliderinactive'], function () {
-        _this.volumeBar.removeClass('vjs-slider-active');
-
-        _this.removeClass('vjs-slider-active');
-
-        _this.trigger('sliderinactive');
-      });
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = VolumeControl.prototype;
-
-    _proto.createEl = function createEl() {
-      var orientationClass = 'vjs-volume-horizontal';
-
-      if (this.options_.vertical) {
-        orientationClass = 'vjs-volume-vertical';
-      }
-
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: "vjs-volume-control vjs-control " + orientationClass
-      });
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.el_.ownerDocument;
-      this.on(doc, 'mousemove', this.throttledHandleMouseMove);
-      this.on(doc, 'touchmove', this.throttledHandleMouseMove);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mouseup` or `touchend` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      var doc = this.el_.ownerDocument;
-      this.off(doc, 'mousemove', this.throttledHandleMouseMove);
-      this.off(doc, 'touchmove', this.throttledHandleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      this.volumeBar.handleMouseMove(event);
-    };
-
-    return VolumeControl;
-  }(Component);
-  /**
-   * Default options for the `VolumeControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumeControl.prototype.options_ = {
-    children: ['volumeBar']
-  };
-  Component.registerComponent('VolumeControl', VolumeControl);
-
-  /**
-   * Check if muting volume is supported and if it isn't hide the mute toggle
-   * button.
-   *
-   * @param {Component} self
-   *        A reference to the mute toggle button
-   *
-   * @param {Player} player
-   *        A reference to the player
-   *
-   * @private
-   */
-  var checkMuteSupport = function checkMuteSupport(self, player) {
-    // hide mute toggle button if it's not supported by the current tech
-    if (player.tech_ && !player.tech_.featuresMuteControl) {
-      self.addClass('vjs-hidden');
-    }
-
-    self.on(player, 'loadstart', function () {
-      if (!player.tech_.featuresMuteControl) {
-        self.addClass('vjs-hidden');
-      } else {
-        self.removeClass('vjs-hidden');
-      }
-    });
-  };
-
-  /**
-   * A button component for muting the audio.
-   *
-   * @extends Button
-   */
-
-  var MuteToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(MuteToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function MuteToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this; // hide this control if volume support is missing
-
-      checkMuteSupport(assertThisInitialized(_this), player);
-
-      _this.on(player, ['loadstart', 'volumechange'], _this.update);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = MuteToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-mute-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when an `MuteToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var vol = this.player_.volume();
-      var lastVolume = this.player_.lastVolume_();
-
-      if (vol === 0) {
-        var volumeToSet = lastVolume < 0.1 ? 0.1 : lastVolume;
-        this.player_.volume(volumeToSet);
-        this.player_.muted(false);
-      } else {
-        this.player_.muted(this.player_.muted() ? false : true);
-      }
-    }
-    /**
-     * Update the `MuteToggle` button based on the state of `volume` and `muted`
-     * on the player.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#loadstart} event if this function was called
-     *        through an event.
-     *
-     * @listens Player#loadstart
-     * @listens Player#volumechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      this.updateIcon_();
-      this.updateControlText_();
-    }
-    /**
-     * Update the appearance of the `MuteToggle` icon.
-     *
-     * Possible states (given `level` variable below):
-     * - 0: crossed out
-     * - 1: zero bars of volume
-     * - 2: one bar of volume
-     * - 3: two bars of volume
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateIcon_ = function updateIcon_() {
-      var vol = this.player_.volume();
-      var level = 3; // in iOS when a player is loaded with muted attribute
-      // and volume is changed with a native mute button
-      // we want to make sure muted state is updated
-
-      if (IS_IOS && this.player_.tech_ && this.player_.tech_.el_) {
-        this.player_.muted(this.player_.tech_.el_.muted);
-      }
-
-      if (vol === 0 || this.player_.muted()) {
-        level = 0;
-      } else if (vol < 0.33) {
-        level = 1;
-      } else if (vol < 0.67) {
-        level = 2;
-      } // TODO improve muted icon classes
-
-
-      for (var i = 0; i < 4; i++) {
-        removeClass(this.el_, "vjs-vol-" + i);
-      }
-
-      addClass(this.el_, "vjs-vol-" + level);
-    }
-    /**
-     * If `muted` has changed on the player, update the control text
-     * (`title` attribute on `vjs-mute-control` element and content of
-     * `vjs-control-text` element).
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateControlText_ = function updateControlText_() {
-      var soundOff = this.player_.muted() || this.player_.volume() === 0;
-      var text = soundOff ? 'Unmute' : 'Mute';
-
-      if (this.controlText() !== text) {
-        this.controlText(text);
-      }
-    };
-
-    return MuteToggle;
-  }(Button);
-  /**
-   * The text that should display over the `MuteToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  MuteToggle.prototype.controlText_ = 'Mute';
-  Component.registerComponent('MuteToggle', MuteToggle);
-
-  /**
-   * A Component to contain the MuteToggle and VolumeControl so that
-   * they can work together.
-   *
-   * @extends Component
-   */
-
-  var VolumePanel =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumePanel, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function VolumePanel(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (typeof options.inline !== 'undefined') {
-        options.inline = options.inline;
-      } else {
-        options.inline = true;
-      } // pass the inline option down to the VolumeControl as vertical if
-      // the VolumeControl is on.
-
-
-      if (typeof options.volumeControl === 'undefined' || isPlain(options.volumeControl)) {
-        options.volumeControl = options.volumeControl || {};
-        options.volumeControl.vertical = !options.inline;
-      }
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.on(player, ['loadstart'], _this.volumePanelState_);
-
-      _this.on(_this.muteToggle, 'keyup', _this.handleKeyPress);
-
-      _this.on(_this.volumeControl, 'keyup', _this.handleVolumeControlKeyUp);
-
-      _this.on('keydown', _this.handleKeyPress);
-
-      _this.on('mouseover', _this.handleMouseOver);
-
-      _this.on('mouseout', _this.handleMouseOut); // while the slider is active (the mouse has been pressed down and
-      // is dragging) we do not want to hide the VolumeBar
-
-
-      _this.on(_this.volumeControl, ['slideractive'], _this.sliderActive_);
-
-      _this.on(_this.volumeControl, ['sliderinactive'], _this.sliderInactive_);
-
-      return _this;
-    }
-    /**
-     * Add vjs-slider-active class to the VolumePanel
-     *
-     * @listens VolumeControl#slideractive
-     * @private
-     */
-
-
-    var _proto = VolumePanel.prototype;
-
-    _proto.sliderActive_ = function sliderActive_() {
-      this.addClass('vjs-slider-active');
-    }
-    /**
-     * Removes vjs-slider-active class to the VolumePanel
-     *
-     * @listens VolumeControl#sliderinactive
-     * @private
-     */
-    ;
-
-    _proto.sliderInactive_ = function sliderInactive_() {
-      this.removeClass('vjs-slider-active');
-    }
-    /**
-     * Adds vjs-hidden or vjs-mute-toggle-only to the VolumePanel
-     * depending on MuteToggle and VolumeControl state
-     *
-     * @listens Player#loadstart
-     * @private
-     */
-    ;
-
-    _proto.volumePanelState_ = function volumePanelState_() {
-      // hide volume panel if neither volume control or mute toggle
-      // are displayed
-      if (this.volumeControl.hasClass('vjs-hidden') && this.muteToggle.hasClass('vjs-hidden')) {
-        this.addClass('vjs-hidden');
-      } // if only mute toggle is visible we don't want
-      // volume panel expanding when hovered or active
-
-
-      if (this.volumeControl.hasClass('vjs-hidden') && !this.muteToggle.hasClass('vjs-hidden')) {
-        this.addClass('vjs-mute-toggle-only');
-      }
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var orientationClass = 'vjs-volume-panel-horizontal';
-
-      if (!this.options_.inline) {
-        orientationClass = 'vjs-volume-panel-vertical';
-      }
-
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: "vjs-volume-panel vjs-control " + orientationClass
-      });
-    }
-    /**
-     * Dispose of the `volume-panel` and all child components.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.handleMouseOut();
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Handles `keyup` events on the `VolumeControl`, looking for ESC, which closes
-     * the volume panel and sets focus on `MuteToggle`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keyup` event that caused this function to be called.
-     *
-     * @listens keyup
-     */
-    ;
-
-    _proto.handleVolumeControlKeyUp = function handleVolumeControlKeyUp(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        this.muteToggle.focus();
-      }
-    }
-    /**
-     * This gets called when a `VolumePanel` gains hover via a `mouseover` event.
-     * Turns on listening for `mouseover` event. When they happen it
-     * calls `this.handleMouseOver`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseover` event that caused this function to be called.
-     *
-     * @listens mouseover
-     */
-    ;
-
-    _proto.handleMouseOver = function handleMouseOver(event) {
-      this.addClass('vjs-hover');
-      on(document, 'keyup', bind(this, this.handleKeyPress));
-    }
-    /**
-     * This gets called when a `VolumePanel` gains hover via a `mouseout` event.
-     * Turns on listening for `mouseout` event. When they happen it
-     * calls `this.handleMouseOut`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseout` event that caused this function to be called.
-     *
-     * @listens mouseout
-     */
-    ;
-
-    _proto.handleMouseOut = function handleMouseOut(event) {
-      this.removeClass('vjs-hover');
-      off(document, 'keyup', bind(this, this.handleKeyPress));
-    }
-    /**
-     * Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
-     * looking for ESC, which hides the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        The keypress that triggered this event.
-     *
-     * @listens keydown | keyup
-     */
-    ;
-
-    _proto.handleKeyPress = function handleKeyPress(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        this.handleMouseOut();
-      }
-    };
-
-    return VolumePanel;
-  }(Component);
-  /**
-   * Default options for the `VolumeControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumePanel.prototype.options_ = {
-    children: ['muteToggle', 'volumeControl']
-  };
-  Component.registerComponent('VolumePanel', VolumePanel);
-
-  /**
-   * The Menu component is used to build popup menus, including subtitle and
-   * captions selection menus.
-   *
-   * @extends Component
-   */
-
-  var Menu =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Menu, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        the player that this component should attach to
-     *
-     * @param {Object} [options]
-     *        Object of option names and values
-     *
-     */
-    function Menu(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      if (options) {
-        _this.menuButton_ = options.menuButton;
-      }
-
-      _this.focusedChild_ = -1;
-
-      _this.on('keydown', _this.handleKeyDown); // All the menu item instances share the same blur handler provided by the menu container.
-
-
-      _this.boundHandleBlur_ = bind(assertThisInitialized(_this), _this.handleBlur);
-      _this.boundHandleTapClick_ = bind(assertThisInitialized(_this), _this.handleTapClick);
-      return _this;
-    }
-    /**
-     * Add event listeners to the {@link MenuItem}.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem` to add listeners to.
-     *
-     */
-
-
-    var _proto = Menu.prototype;
-
-    _proto.addEventListenerForItem = function addEventListenerForItem(component) {
-      if (!(component instanceof Component)) {
-        return;
-      }
-
-      this.on(component, 'blur', this.boundHandleBlur_);
-      this.on(component, ['tap', 'click'], this.boundHandleTapClick_);
-    }
-    /**
-     * Remove event listeners from the {@link MenuItem}.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem` to remove listeners.
-     *
-     */
-    ;
-
-    _proto.removeEventListenerForItem = function removeEventListenerForItem(component) {
-      if (!(component instanceof Component)) {
-        return;
-      }
-
-      this.off(component, 'blur', this.boundHandleBlur_);
-      this.off(component, ['tap', 'click'], this.boundHandleTapClick_);
-    }
-    /**
-     * This method will be called indirectly when the component has been added
-     * before the component adds to the new menu instance by `addItem`.
-     * In this case, the original menu instance will remove the component
-     * by calling `removeChild`.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem`
-     */
-    ;
-
-    _proto.removeChild = function removeChild(component) {
-      if (typeof component === 'string') {
-        component = this.getChild(component);
-      }
-
-      this.removeEventListenerForItem(component);
-
-      _Component.prototype.removeChild.call(this, component);
-    }
-    /**
-     * Add a {@link MenuItem} to the menu.
-     *
-     * @param {Object|string} component
-     *        The name or instance of the `MenuItem` to add.
-     *
-     */
-    ;
-
-    _proto.addItem = function addItem(component) {
-      var childComponent = this.addChild(component);
-
-      if (childComponent) {
-        this.addEventListenerForItem(childComponent);
-      }
-    }
-    /**
-     * Create the `Menu`s DOM element.
-     *
-     * @return {Element}
-     *         the element that was created
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var contentElType = this.options_.contentElType || 'ul';
-      this.contentEl_ = createEl(contentElType, {
-        className: 'vjs-menu-content'
-      });
-      this.contentEl_.setAttribute('role', 'menu');
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        append: this.contentEl_,
-        className: 'vjs-menu'
-      });
-
-      el.appendChild(this.contentEl_); // Prevent clicks from bubbling up. Needed for Menu Buttons,
-      // where a click on the parent is significant
-
-      on(el, 'click', function (event) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      });
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.boundHandleBlur_ = null;
-      this.boundHandleTapClick_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Called when a `MenuItem` loses focus.
-     *
-     * @param {EventTarget~Event} event
-     *        The `blur` event that caused this function to be called.
-     *
-     * @listens blur
-     */
-    ;
-
-    _proto.handleBlur = function handleBlur(event) {
-      var relatedTarget = event.relatedTarget || document.activeElement; // Close menu popup when a user clicks outside the menu
-
-      if (!this.children().some(function (element) {
-        return element.el() === relatedTarget;
-      })) {
-        var btn = this.menuButton_;
-
-        if (btn && btn.buttonPressed_ && relatedTarget !== btn.el().firstChild) {
-          btn.unpressButton();
-        }
-      }
-    }
-    /**
-     * Called when a `MenuItem` gets clicked or tapped.
-     *
-     * @param {EventTarget~Event} event
-     *        The `click` or `tap` event that caused this function to be called.
-     *
-     * @listens click,tap
-     */
-    ;
-
-    _proto.handleTapClick = function handleTapClick(event) {
-      // Unpress the associated MenuButton, and move focus back to it
-      if (this.menuButton_) {
-        this.menuButton_.unpressButton();
-        var childComponents = this.children();
-
-        if (!Array.isArray(childComponents)) {
-          return;
-        }
-
-        var foundComponent = childComponents.filter(function (component) {
-          return component.el() === event.target;
-        })[0];
-
-        if (!foundComponent) {
-          return;
-        } // don't focus menu button if item is a caption settings item
-        // because focus will move elsewhere
-
-
-        if (foundComponent.name() !== 'CaptionSettingsMenuItem') {
-          this.menuButton_.focus();
-        }
-      }
-    }
-    /**
-     * Handle a `keydown` event on this menu. This listener is added in the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        A `keydown` event that happened on the menu.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Left and Down Arrows
-      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward(); // Up and Right Arrows
-      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack();
-      }
-    }
-    /**
-     * Move to next (lower) menu item for keyboard users.
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      var stepChild = 0;
-
-      if (this.focusedChild_ !== undefined) {
-        stepChild = this.focusedChild_ + 1;
-      }
-
-      this.focus(stepChild);
-    }
-    /**
-     * Move to previous (higher) menu item for keyboard users.
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      var stepChild = 0;
-
-      if (this.focusedChild_ !== undefined) {
-        stepChild = this.focusedChild_ - 1;
-      }
-
-      this.focus(stepChild);
-    }
-    /**
-     * Set focus on a {@link MenuItem} in the `Menu`.
-     *
-     * @param {Object|string} [item=0]
-     *        Index of child item set focus on.
-     */
-    ;
-
-    _proto.focus = function focus(item) {
-      if (item === void 0) {
-        item = 0;
-      }
-
-      var children = this.children().slice();
-      var haveTitle = children.length && children[0].className && /vjs-menu-title/.test(children[0].className);
-
-      if (haveTitle) {
-        children.shift();
-      }
-
-      if (children.length > 0) {
-        if (item < 0) {
-          item = 0;
-        } else if (item >= children.length) {
-          item = children.length - 1;
-        }
-
-        this.focusedChild_ = item;
-        children[item].el_.focus();
-      }
-    };
-
-    return Menu;
-  }(Component);
-
-  Component.registerComponent('Menu', Menu);
-
-  /**
-   * A `MenuButton` class for any popup {@link Menu}.
-   *
-   * @extends Component
-   */
-
-  var MenuButton =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MenuButton, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function MenuButton(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _Component.call(this, player, options) || this;
-      _this.menuButton_ = new Button(player, options);
-
-      _this.menuButton_.controlText(_this.controlText_);
-
-      _this.menuButton_.el_.setAttribute('aria-haspopup', 'true'); // Add buildCSSClass values to the button, not the wrapper
-
-
-      var buttonClass = Button.prototype.buildCSSClass();
-      _this.menuButton_.el_.className = _this.buildCSSClass() + ' ' + buttonClass;
-
-      _this.menuButton_.removeClass('vjs-control');
-
-      _this.addChild(_this.menuButton_);
-
-      _this.update();
-
-      _this.enabled_ = true;
-
-      _this.on(_this.menuButton_, 'tap', _this.handleClick);
-
-      _this.on(_this.menuButton_, 'click', _this.handleClick);
-
-      _this.on(_this.menuButton_, 'keydown', _this.handleKeyDown);
-
-      _this.on(_this.menuButton_, 'mouseenter', function () {
-        _this.addClass('vjs-hover');
-
-        _this.menu.show();
-
-        on(document, 'keyup', bind(assertThisInitialized(_this), _this.handleMenuKeyUp));
-      });
-
-      _this.on('mouseleave', _this.handleMouseLeave);
-
-      _this.on('keydown', _this.handleSubmenuKeyDown);
-
-      return _this;
-    }
-    /**
-     * Update the menu based on the current state of its items.
-     */
-
-
-    var _proto = MenuButton.prototype;
-
-    _proto.update = function update() {
-      var menu = this.createMenu();
-
-      if (this.menu) {
-        this.menu.dispose();
-        this.removeChild(this.menu);
-      }
-
-      this.menu = menu;
-      this.addChild(menu);
-      /**
-       * Track the state of the menu button
-       *
-       * @type {Boolean}
-       * @private
-       */
-
-      this.buttonPressed_ = false;
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-
-      if (this.items && this.items.length <= this.hideThreshold_) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    /**
-     * Create the menu and add all items to it.
-     *
-     * @return {Menu}
-     *         The constructed menu
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      var menu = new Menu(this.player_, {
-        menuButton: this
-      });
-      /**
-       * Hide the menu if the number of items is less than or equal to this threshold. This defaults
-       * to 0 and whenever we add items which can be hidden to the menu we'll increment it. We list
-       * it here because every time we run `createMenu` we need to reset the value.
-       *
-       * @protected
-       * @type {Number}
-       */
-
-      this.hideThreshold_ = 0; // Add a title list item to the top
-
-      if (this.options_.title) {
-        var titleEl = createEl('li', {
-          className: 'vjs-menu-title',
-          innerHTML: toTitleCase(this.options_.title),
-          tabIndex: -1
-        });
-        this.hideThreshold_ += 1;
-        var titleComponent = new Component(this.player_, {
-          el: titleEl
-        });
-        menu.addItem(titleComponent);
-      }
-
-      this.items = this.createItems();
-
-      if (this.items) {
-        // Add menu items to the menu
-        for (var i = 0; i < this.items.length; i++) {
-          menu.addItem(this.items[i]);
-        }
-      }
-
-      return menu;
-    }
-    /**
-     * Create the list of menu items. Specific to each subclass.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.createItems = function createItems() {}
-    /**
-     * Create the `MenuButtons`s DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildWrapperCSSClass()
-      }, {});
-    }
-    /**
-     * Allow sub components to stack CSS class names for the wrapper element
-     *
-     * @return {string}
-     *         The constructed wrapper DOM `className`
-     */
-    ;
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-      if (this.options_.inline === true) {
-        menuButtonClass += '-inline';
-      } else {
-        menuButtonClass += '-popup';
-      } // TODO: Fix the CSS so that this isn't necessary
-
-
-      var buttonClass = Button.prototype.buildCSSClass();
-      return "vjs-menu-button " + menuButtonClass + " " + buttonClass + " " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-      if (this.options_.inline === true) {
-        menuButtonClass += '-inline';
-      } else {
-        menuButtonClass += '-popup';
-      }
-
-      return "vjs-menu-button " + menuButtonClass + " " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Get or set the localized control text that will be used for accessibility.
-     *
-     * > NOTE: This will come from the internal `menuButton_` element.
-     *
-     * @param {string} [text]
-     *        Control text for element.
-     *
-     * @param {Element} [el=this.menuButton_.el()]
-     *        Element to set the title on.
-     *
-     * @return {string}
-     *         - The control text when getting
-     */
-    ;
-
-    _proto.controlText = function controlText(text, el) {
-      if (el === void 0) {
-        el = this.menuButton_.el();
-      }
-
-      return this.menuButton_.controlText(text, el);
-    }
-    /**
-     * Dispose of the `menu-button` and all child components.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.handleMouseLeave();
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Handle a click on a `MenuButton`.
-     * See {@link ClickableComponent#handleClick} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      } else {
-        this.pressButton();
-      }
-    }
-    /**
-     * Handle `mouseleave` for `MenuButton`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseleave` event that caused this function to be called.
-     *
-     * @listens mouseleave
-     */
-    ;
-
-    _proto.handleMouseLeave = function handleMouseLeave(event) {
-      this.removeClass('vjs-hover');
-      off(document, 'keyup', bind(this, this.handleMenuKeyUp));
-    }
-    /**
-     * Set the focus to the actual button, not to this element
-     */
-    ;
-
-    _proto.focus = function focus() {
-      this.menuButton_.focus();
-    }
-    /**
-     * Remove the focus from the actual button, not this element
-     */
-    ;
-
-    _proto.blur = function blur() {
-      this.menuButton_.blur();
-    }
-    /**
-     * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Escape or Tab unpress the 'button'
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        if (this.buttonPressed_) {
-          this.unpressButton();
-        } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-        if (!keycode.isEventKey(event, 'Tab')) {
-          event.preventDefault(); // Set focus back to the menu button's button
-
-          this.menuButton_.focus();
-        } // Up Arrow or Down Arrow also 'press' the button to open the menu
-
-      } else if (keycode.isEventKey(event, 'Up') || keycode.isEventKey(event, 'Down')) {
-        if (!this.buttonPressed_) {
-          event.preventDefault();
-          this.pressButton();
-        }
-      }
-    }
-    /**
-     * Handle a `keyup` event on a `MenuButton`. The listener for this is added in
-     * the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        Key press event
-     *
-     * @listens keyup
-     */
-    ;
-
-    _proto.handleMenuKeyUp = function handleMenuKeyUp(event) {
-      // Escape hides popup menu
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        this.removeClass('vjs-hover');
-      }
-    }
-    /**
-     * This method name now delegates to `handleSubmenuKeyDown`. This means
-     * anyone calling `handleSubmenuKeyPress` will not see their method calls
-     * stop working.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-      this.handleSubmenuKeyDown(event);
-    }
-    /**
-     * Handle a `keydown` event on a sub-menu. The listener for this is added in
-     * the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        Key press event
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleSubmenuKeyDown = function handleSubmenuKeyDown(event) {
-      // Escape or Tab unpress the 'button'
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        if (this.buttonPressed_) {
-          this.unpressButton();
-        } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-        if (!keycode.isEventKey(event, 'Tab')) {
-          event.preventDefault(); // Set focus back to the menu button's button
-
-          this.menuButton_.focus();
-        }
-      }
-    }
-    /**
-     * Put the current `MenuButton` into a pressed state.
-     */
-    ;
-
-    _proto.pressButton = function pressButton() {
-      if (this.enabled_) {
-        this.buttonPressed_ = true;
-        this.menu.show();
-        this.menu.lockShowing();
-        this.menuButton_.el_.setAttribute('aria-expanded', 'true'); // set the focus into the submenu, except on iOS where it is resulting in
-        // undesired scrolling behavior when the player is in an iframe
-
-        if (IS_IOS && isInFrame()) {
-          // Return early so that the menu isn't focused
-          return;
-        }
-
-        this.menu.focus();
-      }
-    }
-    /**
-     * Take the current `MenuButton` out of a pressed state.
-     */
-    ;
-
-    _proto.unpressButton = function unpressButton() {
-      if (this.enabled_) {
-        this.buttonPressed_ = false;
-        this.menu.unlockShowing();
-        this.menu.hide();
-        this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-      }
-    }
-    /**
-     * Disable the `MenuButton`. Don't allow it to be clicked.
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.unpressButton();
-      this.enabled_ = false;
-      this.addClass('vjs-disabled');
-      this.menuButton_.disable();
-    }
-    /**
-     * Enable the `MenuButton`. Allow it to be clicked.
-     */
-    ;
-
-    _proto.enable = function enable() {
-      this.enabled_ = true;
-      this.removeClass('vjs-disabled');
-      this.menuButton_.enable();
-    };
-
-    return MenuButton;
-  }(Component);
-
-  Component.registerComponent('MenuButton', MenuButton);
-
-  /**
-   * The base class for buttons that toggle specific  track types (e.g. subtitles).
-   *
-   * @extends MenuButton
-   */
-
-  var TrackButton =
-  /*#__PURE__*/
-  function (_MenuButton) {
-    inheritsLoose(TrackButton, _MenuButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TrackButton(player, options) {
-      var _this;
-
-      var tracks = options.tracks;
-      _this = _MenuButton.call(this, player, options) || this;
-
-      if (_this.items.length <= 1) {
-        _this.hide();
-      }
-
-      if (!tracks) {
-        return assertThisInitialized(_this);
-      }
-
-      var updateHandler = bind(assertThisInitialized(_this), _this.update);
-      tracks.addEventListener('removetrack', updateHandler);
-      tracks.addEventListener('addtrack', updateHandler);
-
-      _this.player_.on('ready', updateHandler);
-
-      _this.player_.on('dispose', function () {
-        tracks.removeEventListener('removetrack', updateHandler);
-        tracks.removeEventListener('addtrack', updateHandler);
-      });
-
-      return _this;
-    }
-
-    return TrackButton;
-  }(MenuButton);
-
-  Component.registerComponent('TrackButton', TrackButton);
-
-  /**
-   * @file menu-keys.js
-   */
-
-  /**
-    * All keys used for operation of a menu (`MenuButton`, `Menu`, and `MenuItem`)
-    * Note that 'Enter' and 'Space' are not included here (otherwise they would
-    * prevent the `MenuButton` and `MenuItem` from being keyboard-clickable)
-    * @typedef MenuKeys
-    * @array
-    */
-  var MenuKeys = ['Tab', 'Esc', 'Up', 'Down', 'Right', 'Left'];
-
-  /**
-   * The component for a menu item. `<li>`
-   *
-   * @extends ClickableComponent
-   */
-
-  var MenuItem =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(MenuItem, _ClickableComponent);
-
-    /**
-     * Creates an instance of the this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     *
-     */
-    function MenuItem(player, options) {
-      var _this;
-
-      _this = _ClickableComponent.call(this, player, options) || this;
-      _this.selectable = options.selectable;
-      _this.isSelected_ = options.selected || false;
-      _this.multiSelectable = options.multiSelectable;
-
-      _this.selected(_this.isSelected_);
-
-      if (_this.selectable) {
-        if (_this.multiSelectable) {
-          _this.el_.setAttribute('role', 'menuitemcheckbox');
-        } else {
-          _this.el_.setAttribute('role', 'menuitemradio');
-        }
-      } else {
-        _this.el_.setAttribute('role', 'menuitem');
-      }
-
-      return _this;
-    }
-    /**
-     * Create the `MenuItem's DOM element
-     *
-     * @param {string} [type=li]
-     *        Element's node type, not actually used, always set to `li`.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element
-     *
-     * @param {Object} [attrs={}]
-     *        An object of attributes that should be set on the element
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-
-
-    var _proto = MenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      // The control is textual, not just an icon
-      this.nonIconControl = true;
-      return _ClickableComponent.prototype.createEl.call(this, 'li', assign({
-        className: 'vjs-menu-item',
-        innerHTML: "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label) + "</span>",
-        tabIndex: -1
-      }, props), attrs);
-    }
-    /**
-     * Ignore keys which are used by the menu, but pass any other ones up. See
-     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (!MenuKeys.some(function (key) {
-        return keycode.isEventKey(event, key);
-      })) {
-        // Pass keydown handling up for unused keys
-        _ClickableComponent.prototype.handleKeyDown.call(this, event);
-      }
-    }
-    /**
-     * Any click on a `MenuItem` puts it into the selected state.
-     * See {@link ClickableComponent#handleClick} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      this.selected(true);
-    }
-    /**
-     * Set the state for this menu item as selected or not.
-     *
-     * @param {boolean} selected
-     *        if the menu item is selected or not
-     */
-    ;
-
-    _proto.selected = function selected(_selected) {
-      if (this.selectable) {
-        if (_selected) {
-          this.addClass('vjs-selected');
-          this.el_.setAttribute('aria-checked', 'true'); // aria-checked isn't fully supported by browsers/screen readers,
-          // so indicate selected state to screen reader in the control text.
-
-          this.controlText(', selected');
-          this.isSelected_ = true;
-        } else {
-          this.removeClass('vjs-selected');
-          this.el_.setAttribute('aria-checked', 'false'); // Indicate un-selected state to screen reader
-
-          this.controlText('');
-          this.isSelected_ = false;
-        }
-      }
-    };
-
-    return MenuItem;
-  }(ClickableComponent);
-
-  Component.registerComponent('MenuItem', MenuItem);
-
-  /**
-   * The specific menu item type for selecting a language within a text track kind
-   *
-   * @extends MenuItem
-   */
-
-  var TextTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(TextTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TextTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var tracks = player.textTracks(); // Modify options for parent MenuItem class's init.
-
-      options.label = track.label || track.language || 'Unknown';
-      options.selected = track.mode === 'showing';
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track; // Determine the relevant kind(s) of tracks for this component and filter
-      // out empty kinds.
-
-      _this.kinds = (options.kinds || [options.kind || _this.track.kind]).filter(Boolean);
-
-      var changeHandler = function changeHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
-      };
-
-      var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        _this.handleSelectedLanguageChange.apply(assertThisInitialized(_this), args);
-      };
-
-      player.on(['loadstart', 'texttrackchange'], changeHandler);
-      tracks.addEventListener('change', changeHandler);
-      tracks.addEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-
-      _this.on('dispose', function () {
-        player.off(['loadstart', 'texttrackchange'], changeHandler);
-        tracks.removeEventListener('change', changeHandler);
-        tracks.removeEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-      }); // iOS7 doesn't dispatch change events to TextTrackLists when an
-      // associated track's mode changes. Without something like
-      // Object.observe() (also not present on iOS7), it's not
-      // possible to detect changes to the mode attribute and polyfill
-      // the change event. As a poor substitute, we manually dispatch
-      // change events whenever the controls modify the mode.
-
-
-      if (tracks.onchange === undefined) {
-        var event;
-
-        _this.on(['tap', 'click'], function () {
-          if (typeof window$1.Event !== 'object') {
-            // Android 2.3 throws an Illegal Constructor error for window.Event
-            try {
-              event = new window$1.Event('change');
-            } catch (err) {// continue regardless of error
-            }
-          }
-
-          if (!event) {
-            event = document.createEvent('Event');
-            event.initEvent('change', true, true);
-          }
-
-          tracks.dispatchEvent(event);
-        });
-      } // set the default state based on current tracks
-
-
-      _this.handleTracksChange();
-
-      return _this;
-    }
-    /**
-     * This gets called when an `TextTrackMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = TextTrackMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      var referenceTrack = this.track;
-      var tracks = this.player_.textTracks();
-
-      _MenuItem.prototype.handleClick.call(this, event);
-
-      if (!tracks) {
-        return;
-      }
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // If the track from the text tracks list is not of the right kind,
-        // skip it. We do not want to affect tracks of incompatible kind(s).
-
-        if (this.kinds.indexOf(track.kind) === -1) {
-          continue;
-        } // If this text track is the component's track and it is not showing,
-        // set it to showing.
-
-
-        if (track === referenceTrack) {
-          if (track.mode !== 'showing') {
-            track.mode = 'showing';
-          } // If this text track is not the component's track and it is not
-          // disabled, set it to disabled.
-
-        } else if (track.mode !== 'disabled') {
-          track.mode = 'disabled';
-        }
-      }
-    }
-    /**
-     * Handle text track list change
-     *
-     * @param {EventTarget~Event} event
-     *        The `change` event that caused this function to be called.
-     *
-     * @listens TextTrackList#change
-     */
-    ;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var shouldBeSelected = this.track.mode === 'showing'; // Prevent redundant selected() calls because they may cause
-      // screen readers to read the appended control text unnecessarily
-
-      if (shouldBeSelected !== this.isSelected_) {
-        this.selected(shouldBeSelected);
-      }
-    };
-
-    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-      if (this.track.mode === 'showing') {
-        var selectedLanguage = this.player_.cache_.selectedLanguage; // Don't replace the kind of track across the same language
-
-        if (selectedLanguage && selectedLanguage.enabled && selectedLanguage.language === this.track.language && selectedLanguage.kind !== this.track.kind) {
-          return;
-        }
-
-        this.player_.cache_.selectedLanguage = {
-          enabled: true,
-          language: this.track.language,
-          kind: this.track.kind
-        };
-      }
-    };
-
-    _proto.dispose = function dispose() {
-      // remove reference to track object on dispose
-      this.track = null;
-
-      _MenuItem.prototype.dispose.call(this);
-    };
-
-    return TextTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
-
-  /**
-   * A special menu item for turning of a specific type of text track
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var OffTextTrackMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(OffTextTrackMenuItem, _TextTrackMenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function OffTextTrackMenuItem(player, options) {
-      // Create pseudo track info
-      // Requires options['kind']
-      options.track = {
-        player: player,
-        // it is no longer necessary to store `kind` or `kinds` on the track itself
-        // since they are now stored in the `kinds` property of all instances of
-        // TextTrackMenuItem, but this will remain for backwards compatibility
-        kind: options.kind,
-        kinds: options.kinds,
-        "default": false,
-        mode: 'disabled'
-      };
-
-      if (!options.kinds) {
-        options.kinds = [options.kind];
-      }
-
-      if (options.label) {
-        options.track.label = options.label;
-      } else {
-        options.track.label = options.kinds.join(' and ') + ' off';
-      } // MenuItem is selectable
-
-
-      options.selectable = true; // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-
-      options.multiSelectable = false;
-      return _TextTrackMenuItem.call(this, player, options) || this;
-    }
-    /**
-     * Handle text track change
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run
-     */
-
-
-    var _proto = OffTextTrackMenuItem.prototype;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var tracks = this.player().textTracks();
-      var shouldBeSelected = true;
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (this.options_.kinds.indexOf(track.kind) > -1 && track.mode === 'showing') {
-          shouldBeSelected = false;
-          break;
-        }
-      } // Prevent redundant selected() calls because they may cause
-      // screen readers to read the appended control text unnecessarily
-
-
-      if (shouldBeSelected !== this.isSelected_) {
-        this.selected(shouldBeSelected);
-      }
-    };
-
-    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-      var tracks = this.player().textTracks();
-      var allHidden = true;
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (['captions', 'descriptions', 'subtitles'].indexOf(track.kind) > -1 && track.mode === 'showing') {
-          allHidden = false;
-          break;
-        }
-      }
-
-      if (allHidden) {
-        this.player_.cache_.selectedLanguage = {
-          enabled: false
-        };
-      }
-    };
-
-    return OffTextTrackMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
-
-  /**
-   * The base class for buttons that toggle specific text track types (e.g. subtitles)
-   *
-   * @extends MenuButton
-   */
-
-  var TextTrackButton =
-  /*#__PURE__*/
-  function (_TrackButton) {
-    inheritsLoose(TextTrackButton, _TrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function TextTrackButton(player, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.tracks = player.textTracks();
-      return _TrackButton.call(this, player, options) || this;
-    }
-    /**
-     * Create a menu item for each text track
-     *
-     * @param {TextTrackMenuItem[]} [items=[]]
-     *        Existing array of items to use during creation
-     *
-     * @return {TextTrackMenuItem[]}
-     *         Array of menu items that were created
-     */
-
-
-    var _proto = TextTrackButton.prototype;
-
-    _proto.createItems = function createItems(items, TrackMenuItem) {
-      if (items === void 0) {
-        items = [];
-      }
-
-      if (TrackMenuItem === void 0) {
-        TrackMenuItem = TextTrackMenuItem;
-      }
-
-      // Label is an override for the [track] off label
-      // USed to localise captions/subtitles
-      var label;
-
-      if (this.label_) {
-        label = this.label_ + " off";
-      } // Add an OFF menu item to turn all tracks off
-
-
-      items.push(new OffTextTrackMenuItem(this.player_, {
-        kinds: this.kinds_,
-        kind: this.kind_,
-        label: label
-      }));
-      this.hideThreshold_ += 1;
-      var tracks = this.player_.textTracks();
-
-      if (!Array.isArray(this.kinds_)) {
-        this.kinds_ = [this.kind_];
-      }
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // only add tracks that are of an appropriate kind and have a label
-
-        if (this.kinds_.indexOf(track.kind) > -1) {
-          var item = new TrackMenuItem(this.player_, {
-            track: track,
-            kinds: this.kinds_,
-            kind: this.kind_,
-            // MenuItem is selectable
-            selectable: true,
-            // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-            multiSelectable: false
-          });
-          item.addClass("vjs-" + track.kind + "-menu-item");
-          items.push(item);
-        }
-      }
-
-      return items;
-    };
-
-    return TextTrackButton;
-  }(TrackButton);
-
-  Component.registerComponent('TextTrackButton', TextTrackButton);
-
-  /**
-   * The chapter track menu item
-   *
-   * @extends MenuItem
-   */
-
-  var ChaptersTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(ChaptersTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function ChaptersTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var cue = options.cue;
-      var currentTime = player.currentTime(); // Modify options for parent MenuItem class's init.
-
-      options.selectable = true;
-      options.multiSelectable = false;
-      options.label = cue.text;
-      options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track;
-      _this.cue = cue;
-      track.addEventListener('cuechange', bind(assertThisInitialized(_this), _this.update));
-      return _this;
-    }
-    /**
-     * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = ChaptersTrackMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      _MenuItem.prototype.handleClick.call(this);
-
-      this.player_.currentTime(this.cue.startTime);
-      this.update(this.cue.startTime);
-    }
-    /**
-     * Update chapter menu item
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `cuechange` event that caused this function to run.
-     *
-     * @listens TextTrack#cuechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var cue = this.cue;
-      var currentTime = this.player_.currentTime(); // vjs.log(currentTime, cue.startTime);
-
-      this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
-    };
-
-    return ChaptersTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
-
-  /**
-   * The button component for toggling and selecting chapters
-   * Chapters act much differently than other text tracks
-   * Cues are navigation vs. other tracks of alternative languages
-   *
-   * @extends TextTrackButton
-   */
-
-  var ChaptersButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(ChaptersButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this function is ready.
-     */
-    function ChaptersButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = ChaptersButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-chapters-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-chapters-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Update the menu based on the current state of its items.
-     *
-     * @param {EventTarget~Event} [event]
-     *        An event that triggered this function to run.
-     *
-     * @listens TextTrackList#addtrack
-     * @listens TextTrackList#removetrack
-     * @listens TextTrackList#change
-     */
-    ;
-
-    _proto.update = function update(event) {
-      if (!this.track_ || event && (event.type === 'addtrack' || event.type === 'removetrack')) {
-        this.setTrack(this.findChaptersTrack());
-      }
-
-      _TextTrackButton.prototype.update.call(this);
-    }
-    /**
-     * Set the currently selected track for the chapters button.
-     *
-     * @param {TextTrack} track
-     *        The new track to select. Nothing will change if this is the currently selected
-     *        track.
-     */
-    ;
-
-    _proto.setTrack = function setTrack(track) {
-      if (this.track_ === track) {
-        return;
-      }
-
-      if (!this.updateHandler_) {
-        this.updateHandler_ = this.update.bind(this);
-      } // here this.track_ refers to the old track instance
-
-
-      if (this.track_) {
-        var remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-        if (remoteTextTrackEl) {
-          remoteTextTrackEl.removeEventListener('load', this.updateHandler_);
-        }
-
-        this.track_ = null;
-      }
-
-      this.track_ = track; // here this.track_ refers to the new track instance
-
-      if (this.track_) {
-        this.track_.mode = 'hidden';
-
-        var _remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-        if (_remoteTextTrackEl) {
-          _remoteTextTrackEl.addEventListener('load', this.updateHandler_);
-        }
-      }
-    }
-    /**
-     * Find the track object that is currently in use by this ChaptersButton
-     *
-     * @return {TextTrack|undefined}
-     *         The current track or undefined if none was found.
-     */
-    ;
-
-    _proto.findChaptersTrack = function findChaptersTrack() {
-      var tracks = this.player_.textTracks() || [];
-
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        // We will always choose the last track as our chaptersTrack
-        var track = tracks[i];
-
-        if (track.kind === this.kind_) {
-          return track;
-        }
-      }
-    }
-    /**
-     * Get the caption for the ChaptersButton based on the track label. This will also
-     * use the current tracks localized kind as a fallback if a label does not exist.
-     *
-     * @return {string}
-     *         The tracks current label or the localized track kind.
-     */
-    ;
-
-    _proto.getMenuCaption = function getMenuCaption() {
-      if (this.track_ && this.track_.label) {
-        return this.track_.label;
-      }
-
-      return this.localize(toTitleCase(this.kind_));
-    }
-    /**
-     * Create menu from chapter track
-     *
-     * @return {Menu}
-     *         New menu for the chapter buttons
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      this.options_.title = this.getMenuCaption();
-      return _TextTrackButton.prototype.createMenu.call(this);
-    }
-    /**
-     * Create a menu item for each text track
-     *
-     * @return {TextTrackMenuItem[]}
-     *         Array of menu items
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!this.track_) {
-        return items;
-      }
-
-      var cues = this.track_.cues;
-
-      if (!cues) {
-        return items;
-      }
-
-      for (var i = 0, l = cues.length; i < l; i++) {
-        var cue = cues[i];
-        var mi = new ChaptersTrackMenuItem(this.player_, {
-          track: this.track_,
-          cue: cue
-        });
-        items.push(mi);
-      }
-
-      return items;
-    };
-
-    return ChaptersButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  ChaptersButton.prototype.kind_ = 'chapters';
-  /**
-   * The text that should display over the `ChaptersButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  ChaptersButton.prototype.controlText_ = 'Chapters';
-  Component.registerComponent('ChaptersButton', ChaptersButton);
-
-  /**
-   * The button component for toggling and selecting descriptions
-   *
-   * @extends TextTrackButton
-   */
-
-  var DescriptionsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(DescriptionsButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function DescriptionsButton(player, options, ready) {
-      var _this;
-
-      _this = _TextTrackButton.call(this, player, options, ready) || this;
-      var tracks = player.textTracks();
-      var changeHandler = bind(assertThisInitialized(_this), _this.handleTracksChange);
-      tracks.addEventListener('change', changeHandler);
-
-      _this.on('dispose', function () {
-        tracks.removeEventListener('change', changeHandler);
-      });
-
-      return _this;
-    }
-    /**
-     * Handle text track change
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run
-     *
-     * @listens TextTrackList#change
-     */
-
-
-    var _proto = DescriptionsButton.prototype;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var tracks = this.player().textTracks();
-      var disabled = false; // Check whether a track of a different kind is showing
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (track.kind !== this.kind_ && track.mode === 'showing') {
-          disabled = true;
-          break;
-        }
-      } // If another track is showing, disable this menu button
-
-
-      if (disabled) {
-        this.disable();
-      } else {
-        this.enable();
-      }
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    };
-
-    return DescriptionsButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  DescriptionsButton.prototype.kind_ = 'descriptions';
-  /**
-   * The text that should display over the `DescriptionsButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  DescriptionsButton.prototype.controlText_ = 'Descriptions';
-  Component.registerComponent('DescriptionsButton', DescriptionsButton);
-
-  /**
-   * The button component for toggling and selecting subtitles
-   *
-   * @extends TextTrackButton
-   */
-
-  var SubtitlesButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(SubtitlesButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function SubtitlesButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = SubtitlesButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    };
-
-    return SubtitlesButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  SubtitlesButton.prototype.kind_ = 'subtitles';
-  /**
-   * The text that should display over the `SubtitlesButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  SubtitlesButton.prototype.controlText_ = 'Subtitles';
-  Component.registerComponent('SubtitlesButton', SubtitlesButton);
-
-  /**
-   * The menu item for caption track settings menu
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var CaptionSettingsMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(CaptionSettingsMenuItem, _TextTrackMenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function CaptionSettingsMenuItem(player, options) {
-      var _this;
-
-      options.track = {
-        player: player,
-        kind: options.kind,
-        label: options.kind + ' settings',
-        selectable: false,
-        "default": false,
-        mode: 'disabled'
-      }; // CaptionSettingsMenuItem has no concept of 'selected'
-
-      options.selectable = false;
-      options.name = 'CaptionSettingsMenuItem';
-      _this = _TextTrackMenuItem.call(this, player, options) || this;
-
-      _this.addClass('vjs-texttrack-settings');
-
-      _this.controlText(', opens ' + options.kind + ' settings dialog');
-
-      return _this;
-    }
-    /**
-     * This gets called when an `CaptionSettingsMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = CaptionSettingsMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      this.player().getChild('textTrackSettings').open();
-    };
-
-    return CaptionSettingsMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-  /**
-   * The button component for toggling and selecting captions
-   *
-   * @extends TextTrackButton
-   */
-
-  var CaptionsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(CaptionsButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function CaptionsButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = CaptionsButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-captions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-captions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create caption menu items
-     *
-     * @return {CaptionSettingsMenuItem[]}
-     *         The array of current menu items.
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-        items.push(new CaptionSettingsMenuItem(this.player_, {
-          kind: this.kind_
-        }));
-        this.hideThreshold_ += 1;
-      }
-
-      return _TextTrackButton.prototype.createItems.call(this, items);
-    };
-
-    return CaptionsButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  CaptionsButton.prototype.kind_ = 'captions';
-  /**
-   * The text that should display over the `CaptionsButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  CaptionsButton.prototype.controlText_ = 'Captions';
-  Component.registerComponent('CaptionsButton', CaptionsButton);
-
-  /**
-   * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
-   * in the SubsCapsMenu.
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var SubsCapsMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(SubsCapsMenuItem, _TextTrackMenuItem);
-
-    function SubsCapsMenuItem() {
-      return _TextTrackMenuItem.apply(this, arguments) || this;
-    }
-
-    var _proto = SubsCapsMenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-      if (this.options_.track.kind === 'captions') {
-        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Captions') + "</span>\n      ";
-      }
-
-      innerHTML += '</span>';
-
-      var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({
-        innerHTML: innerHTML
-      }, props), attrs);
-
-      return el;
-    };
-
-    return SubsCapsMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
-
-  /**
-   * The button component for toggling and selecting captions and/or subtitles
-   *
-   * @extends TextTrackButton
-   */
-
-  var SubsCapsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(SubsCapsButton, _TextTrackButton);
-
-    function SubsCapsButton(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _TextTrackButton.call(this, player, options) || this; // Although North America uses "captions" in most cases for
-      // "captions and subtitles" other locales use "subtitles"
-
-      _this.label_ = 'subtitles';
-
-      if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(_this.player_.language_) > -1) {
-        _this.label_ = 'captions';
-      }
-
-      _this.menuButton_.controlText(toTitleCase(_this.label_));
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = SubsCapsButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create caption/subtitles menu items
-     *
-     * @return {CaptionSettingsMenuItem[]}
-     *         The array of current menu items.
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-        items.push(new CaptionSettingsMenuItem(this.player_, {
-          kind: this.label_
-        }));
-        this.hideThreshold_ += 1;
-      }
-
-      items = _TextTrackButton.prototype.createItems.call(this, items, SubsCapsMenuItem);
-      return items;
-    };
-
-    return SubsCapsButton;
-  }(TextTrackButton);
-  /**
-   * `kind`s of TextTrack to look for to associate it with this menu.
-   *
-   * @type {array}
-   * @private
-   */
-
-
-  SubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'];
-  /**
-   * The text that should display over the `SubsCapsButton`s controls.
-   *
-   *
-   * @type {string}
-   * @private
-   */
-
-  SubsCapsButton.prototype.controlText_ = 'Subtitles';
-  Component.registerComponent('SubsCapsButton', SubsCapsButton);
-
-  /**
-   * An {@link AudioTrack} {@link MenuItem}
-   *
-   * @extends MenuItem
-   */
-
-  var AudioTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(AudioTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function AudioTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var tracks = player.audioTracks(); // Modify options for parent MenuItem class's init.
-
-      options.label = track.label || track.language || 'Unknown';
-      options.selected = track.enabled;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track;
-
-      _this.addClass("vjs-" + track.kind + "-menu-item");
-
-      var changeHandler = function changeHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
-      };
-
-      tracks.addEventListener('change', changeHandler);
-
-      _this.on('dispose', function () {
-        tracks.removeEventListener('change', changeHandler);
-      });
-
-      return _this;
-    }
-
-    var _proto = AudioTrackMenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-      if (this.options_.track.kind === 'main-desc') {
-        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Descriptions') + "</span>\n      ";
-      }
-
-      innerHTML += '</span>';
-
-      var el = _MenuItem.prototype.createEl.call(this, type, assign({
-        innerHTML: innerHTML
-      }, props), attrs);
-
-      return el;
-    }
-    /**
-     * This gets called when an `AudioTrackMenuItem is "clicked". See {@link ClickableComponent}
-     * for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var tracks = this.player_.audioTracks();
-
-      _MenuItem.prototype.handleClick.call(this, event);
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        track.enabled = track === this.track;
-      }
-    }
-    /**
-     * Handle any {@link AudioTrack} change.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link AudioTrackList#change} event that caused this to run.
-     *
-     * @listens AudioTrackList#change
-     */
-    ;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      this.selected(this.track.enabled);
-    };
-
-    return AudioTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-  /**
-   * The base class for buttons that toggle specific {@link AudioTrack} types.
-   *
-   * @extends TrackButton
-   */
-
-  var AudioTrackButton =
-  /*#__PURE__*/
-  function (_TrackButton) {
-    inheritsLoose(AudioTrackButton, _TrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function AudioTrackButton(player, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.tracks = player.audioTracks();
-      return _TrackButton.call(this, player, options) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = AudioTrackButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-audio-button " + _TrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-audio-button " + _TrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create a menu item for each audio track
-     *
-     * @param {AudioTrackMenuItem[]} [items=[]]
-     *        An array of existing menu items to use.
-     *
-     * @return {AudioTrackMenuItem[]}
-     *         An array of menu items
-     */
-    ;
-
-    _proto.createItems = function createItems(items) {
-      if (items === void 0) {
-        items = [];
-      }
-
-      // if there's only one audio track, there no point in showing it
-      this.hideThreshold_ = 1;
-      var tracks = this.player_.audioTracks();
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        items.push(new AudioTrackMenuItem(this.player_, {
-          track: track,
-          // MenuItem is selectable
-          selectable: true,
-          // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-          multiSelectable: false
-        }));
-      }
-
-      return items;
-    };
-
-    return AudioTrackButton;
-  }(TrackButton);
-  /**
-   * The text that should display over the `AudioTrackButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  AudioTrackButton.prototype.controlText_ = 'Audio Track';
-  Component.registerComponent('AudioTrackButton', AudioTrackButton);
-
-  /**
-   * The specific menu item type for selecting a playback rate.
-   *
-   * @extends MenuItem
-   */
-
-  var PlaybackRateMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(PlaybackRateMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlaybackRateMenuItem(player, options) {
-      var _this;
-
-      var label = options.rate;
-      var rate = parseFloat(label, 10); // Modify options for parent MenuItem class's init.
-
-      options.label = label;
-      options.selected = rate === 1;
-      options.selectable = true;
-      options.multiSelectable = false;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.label = label;
-      _this.rate = rate;
-
-      _this.on(player, 'ratechange', _this.update);
-
-      return _this;
-    }
-    /**
-     * This gets called when an `PlaybackRateMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = PlaybackRateMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      _MenuItem.prototype.handleClick.call(this);
-
-      this.player().playbackRate(this.rate);
-    }
-    /**
-     * Update the PlaybackRateMenuItem when the playbackrate changes.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `ratechange` event that caused this function to run.
-     *
-     * @listens Player#ratechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      this.selected(this.player().playbackRate() === this.rate);
-    };
-
-    return PlaybackRateMenuItem;
-  }(MenuItem);
-  /**
-   * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlaybackRateMenuItem.prototype.contentElType = 'button';
-  Component.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
-
-  /**
-   * The component for controlling the playback rate.
-   *
-   * @extends MenuButton
-   */
-
-  var PlaybackRateMenuButton =
-  /*#__PURE__*/
-  function (_MenuButton) {
-    inheritsLoose(PlaybackRateMenuButton, _MenuButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlaybackRateMenuButton(player, options) {
-      var _this;
-
-      _this = _MenuButton.call(this, player, options) || this;
-
-      _this.updateVisibility();
-
-      _this.updateLabel();
-
-      _this.on(player, 'loadstart', _this.updateVisibility);
-
-      _this.on(player, 'ratechange', _this.updateLabel);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = PlaybackRateMenuButton.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _MenuButton.prototype.createEl.call(this);
-
-      this.labelEl_ = createEl('div', {
-        className: 'vjs-playback-rate-value',
-        innerHTML: '1x'
-      });
-      el.appendChild(this.labelEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.labelEl_ = null;
-
-      _MenuButton.prototype.dispose.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-playback-rate " + _MenuButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-playback-rate " + _MenuButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create the playback rate menu
-     *
-     * @return {Menu}
-     *         Menu object populated with {@link PlaybackRateMenuItem}s
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      var menu = new Menu(this.player());
-      var rates = this.playbackRates();
-
-      if (rates) {
-        for (var i = rates.length - 1; i >= 0; i--) {
-          menu.addChild(new PlaybackRateMenuItem(this.player(), {
-            rate: rates[i] + 'x'
-          }));
-        }
-      }
-
-      return menu;
-    }
-    /**
-     * Updates ARIA accessibility attributes
-     */
-    ;
-
-    _proto.updateARIAAttributes = function updateARIAAttributes() {
-      // Current playback rate
-      this.el().setAttribute('aria-valuenow', this.player().playbackRate());
-    }
-    /**
-     * This gets called when an `PlaybackRateMenuButton` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      // select next rate option
-      var currentRate = this.player().playbackRate();
-      var rates = this.playbackRates(); // this will select first one if the last one currently selected
-
-      var newRate = rates[0];
-
-      for (var i = 0; i < rates.length; i++) {
-        if (rates[i] > currentRate) {
-          newRate = rates[i];
-          break;
-        }
-      }
-
-      this.player().playbackRate(newRate);
-    }
-    /**
-     * Get possible playback rates
-     *
-     * @return {Array}
-     *         All possible playback rates
-     */
-    ;
-
-    _proto.playbackRates = function playbackRates() {
-      return this.options_.playbackRates || this.options_.playerOptions && this.options_.playerOptions.playbackRates;
-    }
-    /**
-     * Get whether playback rates is supported by the tech
-     * and an array of playback rates exists
-     *
-     * @return {boolean}
-     *         Whether changing playback rate is supported
-     */
-    ;
-
-    _proto.playbackRateSupported = function playbackRateSupported() {
-      return this.player().tech_ && this.player().tech_.featuresPlaybackRate && this.playbackRates() && this.playbackRates().length > 0;
-    }
-    /**
-     * Hide playback rate controls when they're no playback rate options to select
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#loadstart
-     */
-    ;
-
-    _proto.updateVisibility = function updateVisibility(event) {
-      if (this.playbackRateSupported()) {
-        this.removeClass('vjs-hidden');
-      } else {
-        this.addClass('vjs-hidden');
-      }
-    }
-    /**
-     * Update button label when rate changed
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#ratechange
-     */
-    ;
-
-    _proto.updateLabel = function updateLabel(event) {
-      if (this.playbackRateSupported()) {
-        this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
-      }
-    };
-
-    return PlaybackRateMenuButton;
-  }(MenuButton);
-  /**
-   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlaybackRateMenuButton.prototype.controlText_ = 'Playback Rate';
-  Component.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
-
-  /**
-   * Just an empty spacer element that can be used as an append point for plugins, etc.
-   * Also can be used to create space between elements when necessary.
-   *
-   * @extends Component
-   */
-
-  var Spacer =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Spacer, _Component);
-
-    function Spacer() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = Spacer.prototype;
-
-    /**
-    * Builds the default DOM `className`.
-    *
-    * @return {string}
-    *         The DOM `className` for this object.
-    */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-spacer " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildCSSClass()
-      });
-    };
-
-    return Spacer;
-  }(Component);
-
-  Component.registerComponent('Spacer', Spacer);
-
-  /**
-   * Spacer specifically meant to be used as an insertion point for new plugins, etc.
-   *
-   * @extends Spacer
-   */
-
-  var CustomControlSpacer =
-  /*#__PURE__*/
-  function (_Spacer) {
-    inheritsLoose(CustomControlSpacer, _Spacer);
-
-    function CustomControlSpacer() {
-      return _Spacer.apply(this, arguments) || this;
-    }
-
-    var _proto = CustomControlSpacer.prototype;
-
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-custom-control-spacer " + _Spacer.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var el = _Spacer.prototype.createEl.call(this, {
-        className: this.buildCSSClass()
-      }); // No-flex/table-cell mode requires there be some content
-      // in the cell to fill the remaining space of the table.
-
-
-      el.innerHTML = "\xA0";
-      return el;
-    };
-
-    return CustomControlSpacer;
-  }(Spacer);
-
-  Component.registerComponent('CustomControlSpacer', CustomControlSpacer);
-
-  /**
-   * Container of main controls.
-   *
-   * @extends Component
-   */
-
-  var ControlBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ControlBar, _Component);
-
-    function ControlBar() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = ControlBar.prototype;
-
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-control-bar',
-        dir: 'ltr'
-      });
-    };
-
-    return ControlBar;
-  }(Component);
-  /**
-   * Default options for `ControlBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ControlBar.prototype.options_ = {
-    children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'seekToLive', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-  };
-
-  if ('exitPictureInPicture' in document) {
-    ControlBar.prototype.options_.children.splice(ControlBar.prototype.options_.children.length - 1, 0, 'pictureInPictureToggle');
-  }
-
-  Component.registerComponent('ControlBar', ControlBar);
-
-  /**
-   * A display that indicates an error has occurred. This means that the video
-   * is unplayable.
-   *
-   * @extends ModalDialog
-   */
-
-  var ErrorDisplay =
-  /*#__PURE__*/
-  function (_ModalDialog) {
-    inheritsLoose(ErrorDisplay, _ModalDialog);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param  {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param  {Object} [options]
-     *         The key/value store of player options.
-     */
-    function ErrorDisplay(player, options) {
-      var _this;
-
-      _this = _ModalDialog.call(this, player, options) || this;
-
-      _this.on(player, 'error', _this.open);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     *
-     * @deprecated Since version 5.
-     */
-
-
-    var _proto = ErrorDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-error-display " + _ModalDialog.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Gets the localized error message based on the `Player`s error.
-     *
-     * @return {string}
-     *         The `Player`s error message localized or an empty string.
-     */
-    ;
-
-    _proto.content = function content() {
-      var error = this.player().error();
-      return error ? this.localize(error.message) : '';
-    };
-
-    return ErrorDisplay;
-  }(ModalDialog);
-  /**
-   * The default options for an `ErrorDisplay`.
-   *
-   * @private
-   */
-
-
-  ErrorDisplay.prototype.options_ = _extends_1({}, ModalDialog.prototype.options_, {
-    pauseOnOpen: false,
-    fillAlways: true,
-    temporary: false,
-    uncloseable: true
-  });
-  Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-  var LOCAL_STORAGE_KEY = 'vjs-text-track-settings';
-  var COLOR_BLACK = ['#000', 'Black'];
-  var COLOR_BLUE = ['#00F', 'Blue'];
-  var COLOR_CYAN = ['#0FF', 'Cyan'];
-  var COLOR_GREEN = ['#0F0', 'Green'];
-  var COLOR_MAGENTA = ['#F0F', 'Magenta'];
-  var COLOR_RED = ['#F00', 'Red'];
-  var COLOR_WHITE = ['#FFF', 'White'];
-  var COLOR_YELLOW = ['#FF0', 'Yellow'];
-  var OPACITY_OPAQUE = ['1', 'Opaque'];
-  var OPACITY_SEMI = ['0.5', 'Semi-Transparent'];
-  var OPACITY_TRANS = ['0', 'Transparent']; // Configuration for the various <select> elements in the DOM of this component.
-  //
-  // Possible keys include:
-  //
-  // `default`:
-  //   The default option index. Only needs to be provided if not zero.
-  // `parser`:
-  //   A function which is used to parse the value from the selected option in
-  //   a customized way.
-  // `selector`:
-  //   The selector used to find the associated <select> element.
-
-  var selectConfigs = {
-    backgroundColor: {
-      selector: '.vjs-bg-color > select',
-      id: 'captions-background-color-%s',
-      label: 'Color',
-      options: [COLOR_BLACK, COLOR_WHITE, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-    },
-    backgroundOpacity: {
-      selector: '.vjs-bg-opacity > select',
-      id: 'captions-background-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_OPAQUE, OPACITY_SEMI, OPACITY_TRANS]
-    },
-    color: {
-      selector: '.vjs-fg-color > select',
-      id: 'captions-foreground-color-%s',
-      label: 'Color',
-      options: [COLOR_WHITE, COLOR_BLACK, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-    },
-    edgeStyle: {
-      selector: '.vjs-edge-style > select',
-      id: '%s',
-      label: 'Text Edge Style',
-      options: [['none', 'None'], ['raised', 'Raised'], ['depressed', 'Depressed'], ['uniform', 'Uniform'], ['dropshadow', 'Dropshadow']]
-    },
-    fontFamily: {
-      selector: '.vjs-font-family > select',
-      id: 'captions-font-family-%s',
-      label: 'Font Family',
-      options: [['proportionalSansSerif', 'Proportional Sans-Serif'], ['monospaceSansSerif', 'Monospace Sans-Serif'], ['proportionalSerif', 'Proportional Serif'], ['monospaceSerif', 'Monospace Serif'], ['casual', 'Casual'], ['script', 'Script'], ['small-caps', 'Small Caps']]
-    },
-    fontPercent: {
-      selector: '.vjs-font-percent > select',
-      id: 'captions-font-size-%s',
-      label: 'Font Size',
-      options: [['0.50', '50%'], ['0.75', '75%'], ['1.00', '100%'], ['1.25', '125%'], ['1.50', '150%'], ['1.75', '175%'], ['2.00', '200%'], ['3.00', '300%'], ['4.00', '400%']],
-      "default": 2,
-      parser: function parser(v) {
-        return v === '1.00' ? null : Number(v);
-      }
-    },
-    textOpacity: {
-      selector: '.vjs-text-opacity > select',
-      id: 'captions-foreground-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_OPAQUE, OPACITY_SEMI]
-    },
-    // Options for this object are defined below.
-    windowColor: {
-      selector: '.vjs-window-color > select',
-      id: 'captions-window-color-%s',
-      label: 'Color'
-    },
-    // Options for this object are defined below.
-    windowOpacity: {
-      selector: '.vjs-window-opacity > select',
-      id: 'captions-window-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_TRANS, OPACITY_SEMI, OPACITY_OPAQUE]
-    }
-  };
-  selectConfigs.windowColor.options = selectConfigs.backgroundColor.options;
-  /**
-   * Get the actual value of an option.
-   *
-   * @param  {string} value
-   *         The value to get
-   *
-   * @param  {Function} [parser]
-   *         Optional function to adjust the value.
-   *
-   * @return {Mixed}
-   *         - Will be `undefined` if no value exists
-   *         - Will be `undefined` if the given value is "none".
-   *         - Will be the actual value otherwise.
-   *
-   * @private
-   */
-
-  function parseOptionValue(value, parser) {
-    if (parser) {
-      value = parser(value);
-    }
-
-    if (value && value !== 'none') {
-      return value;
-    }
-  }
-  /**
-   * Gets the value of the selected <option> element within a <select> element.
-   *
-   * @param  {Element} el
-   *         the element to look in
-   *
-   * @param  {Function} [parser]
-   *         Optional function to adjust the value.
-   *
-   * @return {Mixed}
-   *         - Will be `undefined` if no value exists
-   *         - Will be `undefined` if the given value is "none".
-   *         - Will be the actual value otherwise.
-   *
-   * @private
-   */
-
-
-  function getSelectedOptionValue(el, parser) {
-    var value = el.options[el.options.selectedIndex].value;
-    return parseOptionValue(value, parser);
-  }
-  /**
-   * Sets the selected <option> element within a <select> element based on a
-   * given value.
-   *
-   * @param {Element} el
-   *        The element to look in.
-   *
-   * @param {string} value
-   *        the property to look on.
-   *
-   * @param {Function} [parser]
-   *        Optional function to adjust the value before comparing.
-   *
-   * @private
-   */
-
-
-  function setSelectedOption(el, value, parser) {
-    if (!value) {
-      return;
-    }
-
-    for (var i = 0; i < el.options.length; i++) {
-      if (parseOptionValue(el.options[i].value, parser) === value) {
-        el.selectedIndex = i;
-        break;
-      }
-    }
-  }
-  /**
-   * Manipulate Text Tracks settings.
-   *
-   * @extends ModalDialog
-   */
-
-
-  var TextTrackSettings =
-  /*#__PURE__*/
-  function (_ModalDialog) {
-    inheritsLoose(TextTrackSettings, _ModalDialog);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *         The key/value store of player options.
-     */
-    function TextTrackSettings(player, options) {
-      var _this;
-
-      options.temporary = false;
-      _this = _ModalDialog.call(this, player, options) || this;
-      _this.updateDisplay = bind(assertThisInitialized(_this), _this.updateDisplay); // fill the modal and pretend we have opened it
-
-      _this.fill();
-
-      _this.hasBeenOpened_ = _this.hasBeenFilled_ = true;
-      _this.endDialog = createEl('p', {
-        className: 'vjs-control-text',
-        textContent: _this.localize('End of dialog window.')
-      });
-
-      _this.el().appendChild(_this.endDialog);
-
-      _this.setDefaults(); // Grab `persistTextTrackSettings` from the player options if not passed in child options
-
-
-      if (options.persistTextTrackSettings === undefined) {
-        _this.options_.persistTextTrackSettings = _this.options_.playerOptions.persistTextTrackSettings;
-      }
-
-      _this.on(_this.$('.vjs-done-button'), 'click', function () {
-        _this.saveSettings();
-
-        _this.close();
-      });
-
-      _this.on(_this.$('.vjs-default-button'), 'click', function () {
-        _this.setDefaults();
-
-        _this.updateDisplay();
-      });
-
-      each(selectConfigs, function (config) {
-        _this.on(_this.$(config.selector), 'change', _this.updateDisplay);
-      });
-
-      if (_this.options_.persistTextTrackSettings) {
-        _this.restoreSettings();
-      }
-
-      return _this;
-    }
-
-    var _proto = TextTrackSettings.prototype;
-
-    _proto.dispose = function dispose() {
-      this.endDialog = null;
-
-      _ModalDialog.prototype.dispose.call(this);
-    }
-    /**
-     * Create a <select> element with configured options.
-     *
-     * @param {string} key
-     *        Configuration key to use during creation.
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElSelect_ = function createElSelect_(key, legendId, type) {
-      var _this2 = this;
-
-      if (legendId === void 0) {
-        legendId = '';
-      }
-
-      if (type === void 0) {
-        type = 'label';
-      }
-
-      var config = selectConfigs[key];
-      var id = config.id.replace('%s', this.id_);
-      var selectLabelledbyIds = [legendId, id].join(' ').trim();
-      return ["<" + type + " id=\"" + id + "\" class=\"" + (type === 'label' ? 'vjs-label' : '') + "\">", this.localize(config.label), "</" + type + ">", "<select aria-labelledby=\"" + selectLabelledbyIds + "\">"].concat(config.options.map(function (o) {
-        var optionId = id + '-' + o[1].replace(/\W+/g, '');
-        return ["<option id=\"" + optionId + "\" value=\"" + o[0] + "\" ", "aria-labelledby=\"" + selectLabelledbyIds + " " + optionId + "\">", _this2.localize(o[1]), '</option>'].join('');
-      })).concat('</select>').join('');
-    }
-    /**
-     * Create foreground color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElFgColor_ = function createElFgColor_() {
-      var legendId = "captions-text-legend-" + this.id_;
-      return ['<fieldset class="vjs-fg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Text'), '</legend>', this.createElSelect_('color', legendId), '<span class="vjs-text-opacity vjs-opacity">', this.createElSelect_('textOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create background color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElBgColor_ = function createElBgColor_() {
-      var legendId = "captions-background-" + this.id_;
-      return ['<fieldset class="vjs-bg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Background'), '</legend>', this.createElSelect_('backgroundColor', legendId), '<span class="vjs-bg-opacity vjs-opacity">', this.createElSelect_('backgroundOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create window color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElWinColor_ = function createElWinColor_() {
-      var legendId = "captions-window-" + this.id_;
-      return ['<fieldset class="vjs-window-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Window'), '</legend>', this.createElSelect_('windowColor', legendId), '<span class="vjs-window-opacity vjs-opacity">', this.createElSelect_('windowOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create color elements for the component
-     *
-     * @return {Element}
-     *         The element that was created
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElColors_ = function createElColors_() {
-      return createEl('div', {
-        className: 'vjs-track-settings-colors',
-        innerHTML: [this.createElFgColor_(), this.createElBgColor_(), this.createElWinColor_()].join('')
-      });
-    }
-    /**
-     * Create font elements for the component
-     *
-     * @return {Element}
-     *         The element that was created.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElFont_ = function createElFont_() {
-      return createEl('div', {
-        className: 'vjs-track-settings-font',
-        innerHTML: ['<fieldset class="vjs-font-percent vjs-track-setting">', this.createElSelect_('fontPercent', '', 'legend'), '</fieldset>', '<fieldset class="vjs-edge-style vjs-track-setting">', this.createElSelect_('edgeStyle', '', 'legend'), '</fieldset>', '<fieldset class="vjs-font-family vjs-track-setting">', this.createElSelect_('fontFamily', '', 'legend'), '</fieldset>'].join('')
-      });
-    }
-    /**
-     * Create controls for the component
-     *
-     * @return {Element}
-     *         The element that was created.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElControls_ = function createElControls_() {
-      var defaultsDescription = this.localize('restore all settings to the default values');
-      return createEl('div', {
-        className: 'vjs-track-settings-controls',
-        innerHTML: ["<button type=\"button\" class=\"vjs-default-button\" title=\"" + defaultsDescription + "\">", this.localize('Reset'), "<span class=\"vjs-control-text\"> " + defaultsDescription + "</span>", '</button>', "<button type=\"button\" class=\"vjs-done-button\">" + this.localize('Done') + "</button>"].join('')
-      });
-    };
-
-    _proto.content = function content() {
-      return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-    };
-
-    _proto.label = function label() {
-      return this.localize('Caption Settings Dialog');
-    };
-
-    _proto.description = function description() {
-      return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-    };
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return _ModalDialog.prototype.buildCSSClass.call(this) + ' vjs-text-track-settings';
-    }
-    /**
-     * Gets an object of text track settings (or null).
-     *
-     * @return {Object}
-     *         An object with config values parsed from the DOM or localStorage.
-     */
-    ;
-
-    _proto.getValues = function getValues() {
-      var _this3 = this;
-
-      return reduce(selectConfigs, function (accum, config, key) {
-        var value = getSelectedOptionValue(_this3.$(config.selector), config.parser);
-
-        if (value !== undefined) {
-          accum[key] = value;
-        }
-
-        return accum;
-      }, {});
-    }
-    /**
-     * Sets text track settings from an object of values.
-     *
-     * @param {Object} values
-     *        An object with config values parsed from the DOM or localStorage.
-     */
-    ;
-
-    _proto.setValues = function setValues(values) {
-      var _this4 = this;
-
-      each(selectConfigs, function (config, key) {
-        setSelectedOption(_this4.$(config.selector), values[key], config.parser);
-      });
-    }
-    /**
-     * Sets all `<select>` elements to their default values.
-     */
-    ;
-
-    _proto.setDefaults = function setDefaults() {
-      var _this5 = this;
-
-      each(selectConfigs, function (config) {
-        var index = config.hasOwnProperty('default') ? config["default"] : 0;
-        _this5.$(config.selector).selectedIndex = index;
-      });
-    }
-    /**
-     * Restore texttrack settings from localStorage
-     */
-    ;
-
-    _proto.restoreSettings = function restoreSettings() {
-      var values;
-
-      try {
-        values = JSON.parse(window$1.localStorage.getItem(LOCAL_STORAGE_KEY));
-      } catch (err) {
-        log.warn(err);
-      }
-
-      if (values) {
-        this.setValues(values);
-      }
-    }
-    /**
-     * Save text track settings to localStorage
-     */
-    ;
-
-    _proto.saveSettings = function saveSettings() {
-      if (!this.options_.persistTextTrackSettings) {
-        return;
-      }
-
-      var values = this.getValues();
-
-      try {
-        if (Object.keys(values).length) {
-          window$1.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
-        } else {
-          window$1.localStorage.removeItem(LOCAL_STORAGE_KEY);
-        }
-      } catch (err) {
-        log.warn(err);
-      }
-    }
-    /**
-     * Update display of text track settings
-     */
-    ;
-
-    _proto.updateDisplay = function updateDisplay() {
-      var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-      if (ttDisplay) {
-        ttDisplay.updateDisplay();
-      }
-    }
-    /**
-     * conditionally blur the element and refocus the captions button
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalBlur_ = function conditionalBlur_() {
-      this.previouslyActiveEl_ = null;
-      var cb = this.player_.controlBar;
-      var subsCapsBtn = cb && cb.subsCapsButton;
-      var ccBtn = cb && cb.captionsButton;
-
-      if (subsCapsBtn) {
-        subsCapsBtn.focus();
-      } else if (ccBtn) {
-        ccBtn.focus();
-      }
-    };
-
-    return TextTrackSettings;
-  }(ModalDialog);
-
-  Component.registerComponent('TextTrackSettings', TextTrackSettings);
-
-  /**
-   * A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.
-   *
-   * It'll either create an iframe and use a debounced resize handler on it or use the new {@link https://wicg.github.io/ResizeObserver/|ResizeObserver}.
-   *
-   * If the ResizeObserver is available natively, it will be used. A polyfill can be passed in as an option.
-   * If a `playerresize` event is not needed, the ResizeManager component can be removed from the player, see the example below.
-   * @example <caption>How to disable the resize manager</caption>
-   * const player = videojs('#vid', {
-   *   resizeManager: false
-   * });
-   *
-   * @see {@link https://wicg.github.io/ResizeObserver/|ResizeObserver specification}
-   *
-   * @extends Component
-   */
-
-  var ResizeManager =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ResizeManager, _Component);
-
-    /**
-     * Create the ResizeManager.
-     *
-     * @param {Object} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of ResizeManager options.
-     *
-     * @param {Object} [options.ResizeObserver]
-     *        A polyfill for ResizeObserver can be passed in here.
-     *        If this is set to null it will ignore the native ResizeObserver and fall back to the iframe fallback.
-     */
-    function ResizeManager(player, options) {
-      var _this;
-
-      var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window$1.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
-
-      if (options.ResizeObserver === null) {
-        RESIZE_OBSERVER_AVAILABLE = false;
-      } // Only create an element when ResizeObserver isn't available
-
-
-      var options_ = mergeOptions({
-        createEl: !RESIZE_OBSERVER_AVAILABLE,
-        reportTouchActivity: false
-      }, options);
-      _this = _Component.call(this, player, options_) || this;
-      _this.ResizeObserver = options.ResizeObserver || window$1.ResizeObserver;
-      _this.loadListener_ = null;
-      _this.resizeObserver_ = null;
-      _this.debouncedHandler_ = debounce(function () {
-        _this.resizeHandler();
-      }, 100, false, assertThisInitialized(_this));
-
-      if (RESIZE_OBSERVER_AVAILABLE) {
-        _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-
-        _this.resizeObserver_.observe(player.el());
-      } else {
-        _this.loadListener_ = function () {
-          if (!_this.el_ || !_this.el_.contentWindow) {
-            return;
-          }
-
-          var debouncedHandler_ = _this.debouncedHandler_;
-
-          var unloadListener_ = _this.unloadListener_ = function () {
-            off(this, 'resize', debouncedHandler_);
-            off(this, 'unload', unloadListener_);
-            unloadListener_ = null;
-          }; // safari and edge can unload the iframe before resizemanager dispose
-          // we have to dispose of event handlers correctly before that happens
-
-
-          on(_this.el_.contentWindow, 'unload', unloadListener_);
-          on(_this.el_.contentWindow, 'resize', debouncedHandler_);
-        };
-
-        _this.one('load', _this.loadListener_);
-      }
-
-      return _this;
-    }
-
-    var _proto = ResizeManager.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'iframe', {
-        className: 'vjs-resize-manager',
-        tabIndex: -1
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-     *
-     * @fires Player#playerresize
-     */
-    ;
-
-    _proto.resizeHandler = function resizeHandler() {
-      /**
-       * Called when the player size has changed
-       *
-       * @event Player#playerresize
-       * @type {EventTarget~Event}
-       */
-      // make sure player is still around to trigger
-      // prevents this from causing an error after dispose
-      if (!this.player_ || !this.player_.trigger) {
-        return;
-      }
-
-      this.player_.trigger('playerresize');
-    };
-
-    _proto.dispose = function dispose() {
-      if (this.debouncedHandler_) {
-        this.debouncedHandler_.cancel();
-      }
-
-      if (this.resizeObserver_) {
-        if (this.player_.el()) {
-          this.resizeObserver_.unobserve(this.player_.el());
-        }
-
-        this.resizeObserver_.disconnect();
-      }
-
-      if (this.loadListener_) {
-        this.off('load', this.loadListener_);
-      }
-
-      if (this.el_ && this.el_.contentWindow && this.unloadListener_) {
-        this.unloadListener_.call(this.el_.contentWindow);
-      }
-
-      this.ResizeObserver = null;
-      this.resizeObserver = null;
-      this.debouncedHandler_ = null;
-      this.loadListener_ = null;
-
-      _Component.prototype.dispose.call(this);
-    };
-
-    return ResizeManager;
-  }(Component);
-
-  Component.registerComponent('ResizeManager', ResizeManager);
-
-  /**
-   * Computes the median of an array.
-   *
-   * @param {number[]} arr
-   *        Input array of numbers.
-   *
-   * @return {number}
-   *        Median value.
-   */
-  var median = function median(arr) {
-    var mid = Math.floor(arr.length / 2);
-    var sortedList = [].concat(arr).sort(function (a, b) {
-      return a - b;
-    });
-    return arr.length % 2 !== 0 ? sortedList[mid] : (sortedList[mid - 1] + sortedList[mid]) / 2;
-  };
-
-  /* track when we are at the live edge, and other helpers for live playback */
-
-  var LiveTracker =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LiveTracker, _Component);
-
-    function LiveTracker(player, options) {
-      var _this;
-
-      // LiveTracker does not need an element
-      var options_ = mergeOptions({
-        createEl: false
-      }, options);
-      _this = _Component.call(this, player, options_) || this;
-
-      _this.reset_();
-
-      _this.on(_this.player_, 'durationchange', _this.handleDurationchange); // we don't need to track live playback if the document is hidden,
-      // also, tracking when the document is hidden can
-      // cause the CPU to spike and eventually crash the page on IE11.
-
-
-      if (IE_VERSION && 'hidden' in document && 'visibilityState' in document) {
-        _this.on(document, 'visibilitychange', _this.handleVisibilityChange);
-      }
-
-      return _this;
-    }
-
-    var _proto = LiveTracker.prototype;
-
-    _proto.handleVisibilityChange = function handleVisibilityChange() {
-      if (this.player_.duration() !== Infinity) {
-        return;
-      }
-
-      if (document.hidden) {
-        this.stopTracking();
-      } else {
-        this.startTracking();
-      }
-    };
-
-    _proto.isBehind_ = function isBehind_() {
-      // don't report that we are behind until a timeupdate has been seen
-      if (!this.timeupdateSeen_) {
-        return false;
-      }
-
-      var liveCurrentTime = this.liveCurrentTime();
-      var currentTime = this.player_.currentTime(); // the live edge window is the amount of seconds away from live
-      // that a player can be, but still be considered live.
-      // we add 0.07 because the live tracking happens every 30ms
-      // and we want some wiggle room for short segment live playback
-
-      var liveEdgeWindow = this.seekableIncrement_ * 2 + 0.07; // on Android liveCurrentTime can bee Infinity, because seekableEnd
-      // can be Infinity, so we handle that case.
-
-      return liveCurrentTime !== Infinity && liveCurrentTime - liveEdgeWindow >= currentTime;
-    } // all the functionality for tracking when seek end changes
-    // and for tracking how far past seek end we should be
-    ;
-
-    _proto.trackLive_ = function trackLive_() {
-      this.pastSeekEnd_ = this.pastSeekEnd_;
-      var seekable = this.player_.seekable(); // skip undefined seekable
-
-      if (!seekable || !seekable.length) {
-        return;
-      }
-
-      var newSeekEnd = this.seekableEnd(); // we can only tell if we are behind live, when seekable changes
-      // once we detect that seekable has changed we check the new seek
-      // end against current time, with a fudge value of half a second.
-
-      if (newSeekEnd !== this.lastSeekEnd_) {
-        if (this.lastSeekEnd_) {
-          // we try to get the best fit value for the seeking increment
-          // variable from the last 12 values.
-          this.seekableIncrementList_ = this.seekableIncrementList_.slice(-11);
-          this.seekableIncrementList_.push(Math.abs(newSeekEnd - this.lastSeekEnd_));
-
-          if (this.seekableIncrementList_.length > 3) {
-            this.seekableIncrement_ = median(this.seekableIncrementList_);
-          }
-        }
-
-        this.pastSeekEnd_ = 0;
-        this.lastSeekEnd_ = newSeekEnd;
-        this.trigger('seekableendchange');
-      } // we should reset pastSeekEnd when the value
-      // is much higher than seeking increment.
-
-
-      if (this.pastSeekEnd() > this.seekableIncrement_ * 1.5) {
-        this.pastSeekEnd_ = 0;
-      } else {
-        this.pastSeekEnd_ = this.pastSeekEnd() + 0.03;
-      }
-
-      if (this.isBehind_() !== this.behindLiveEdge()) {
-        this.behindLiveEdge_ = this.isBehind_();
-        this.trigger('liveedgechange');
-      }
-    }
-    /**
-     * handle a durationchange event on the player
-     * and start/stop tracking accordingly.
-     */
-    ;
-
-    _proto.handleDurationchange = function handleDurationchange() {
-      if (this.player_.duration() === Infinity) {
-        this.startTracking();
-      } else {
-        this.stopTracking();
-      }
-    }
-    /**
-     * start tracking live playback
-     */
-    ;
-
-    _proto.startTracking = function startTracking() {
-      var _this2 = this;
-
-      if (this.isTracking()) {
-        return;
-      } // If we haven't seen a timeupdate, we need to check whether playback
-      // began before this component started tracking. This can happen commonly
-      // when using autoplay.
-
-
-      if (!this.timeupdateSeen_) {
-        this.timeupdateSeen_ = this.player_.hasStarted();
-      }
-
-      this.trackingInterval_ = this.setInterval(this.trackLive_, 30);
-      this.trackLive_();
-      this.on(this.player_, 'play', this.trackLive_);
-      this.on(this.player_, 'pause', this.trackLive_); // this is to prevent showing that we are not live
-      // before a video starts to play
-
-      if (!this.timeupdateSeen_) {
-        this.one(this.player_, 'play', this.handlePlay);
-
-        this.handleTimeupdate = function () {
-          _this2.timeupdateSeen_ = true;
-          _this2.handleTimeupdate = null;
-        };
-
-        this.one(this.player_, 'timeupdate', this.handleTimeupdate);
-      }
-    };
-
-    _proto.handlePlay = function handlePlay() {
-      this.one(this.player_, 'timeupdate', this.seekToLiveEdge);
-    }
-    /**
-     * Stop tracking, and set all internal variables to
-     * their initial value.
-     */
-    ;
-
-    _proto.reset_ = function reset_() {
-      this.pastSeekEnd_ = 0;
-      this.lastSeekEnd_ = null;
-      this.behindLiveEdge_ = null;
-      this.timeupdateSeen_ = false;
-      this.clearInterval(this.trackingInterval_);
-      this.trackingInterval_ = null;
-      this.seekableIncrement_ = 12;
-      this.seekableIncrementList_ = [];
-      this.off(this.player_, 'play', this.trackLive_);
-      this.off(this.player_, 'pause', this.trackLive_);
-      this.off(this.player_, 'play', this.handlePlay);
-      this.off(this.player_, 'timeupdate', this.seekToLiveEdge);
-
-      if (this.handleTimeupdate) {
-        this.off(this.player_, 'timeupdate', this.handleTimeupdate);
-        this.handleTimeupdate = null;
-      }
-    }
-    /**
-     * stop tracking live playback
-     */
-    ;
-
-    _proto.stopTracking = function stopTracking() {
-      if (!this.isTracking()) {
-        return;
-      }
-
-      this.reset_();
-    }
-    /**
-     * A helper to get the player seekable end
-     * so that we don't have to null check everywhere
-     */
-    ;
-
-    _proto.seekableEnd = function seekableEnd() {
-      var seekable = this.player_.seekable();
-      var seekableEnds = [];
-      var i = seekable ? seekable.length : 0;
-
-      while (i--) {
-        seekableEnds.push(seekable.end(i));
-      } // grab the furthest seekable end after sorting, or if there are none
-      // default to Infinity
-
-
-      return seekableEnds.length ? seekableEnds.sort()[seekableEnds.length - 1] : Infinity;
-    }
-    /**
-     * A helper to get the player seekable start
-     * so that we don't have to null check everywhere
-     */
-    ;
-
-    _proto.seekableStart = function seekableStart() {
-      var seekable = this.player_.seekable();
-      var seekableStarts = [];
-      var i = seekable ? seekable.length : 0;
-
-      while (i--) {
-        seekableStarts.push(seekable.start(i));
-      } // grab the first seekable start after sorting, or if there are none
-      // default to 0
-
-
-      return seekableStarts.length ? seekableStarts.sort()[0] : 0;
-    }
-    /**
-     * Get the live time window
-     */
-    ;
-
-    _proto.liveWindow = function liveWindow() {
-      var liveCurrentTime = this.liveCurrentTime();
-
-      if (liveCurrentTime === Infinity) {
-        return Infinity;
-      }
-
-      return liveCurrentTime - this.seekableStart();
-    }
-    /**
-     * Determines if the player is live, only checks if this component
-     * is tracking live playback or not
-     */
-    ;
-
-    _proto.isLive = function isLive() {
-      return this.isTracking();
-    }
-    /**
-     * Determines if currentTime is at the live edge and won't fall behind
-     * on each seekableendchange
-     */
-    ;
-
-    _proto.atLiveEdge = function atLiveEdge() {
-      return !this.behindLiveEdge();
-    }
-    /**
-     * get what we expect the live current time to be
-     */
-    ;
-
-    _proto.liveCurrentTime = function liveCurrentTime() {
-      return this.pastSeekEnd() + this.seekableEnd();
-    }
-    /**
-     * Returns how far past seek end we expect current time to be
-     */
-    ;
-
-    _proto.pastSeekEnd = function pastSeekEnd() {
-      return this.pastSeekEnd_;
-    }
-    /**
-     * If we are currently behind the live edge, aka currentTime will be
-     * behind on a seekableendchange
-     */
-    ;
-
-    _proto.behindLiveEdge = function behindLiveEdge() {
-      return this.behindLiveEdge_;
-    };
-
-    _proto.isTracking = function isTracking() {
-      return typeof this.trackingInterval_ === 'number';
-    }
-    /**
-     * Seek to the live edge if we are behind the live edge
-     */
-    ;
-
-    _proto.seekToLiveEdge = function seekToLiveEdge() {
-      if (this.atLiveEdge()) {
-        return;
-      }
-
-      this.player_.currentTime(this.liveCurrentTime());
-
-      if (this.player_.paused()) {
-        this.player_.play();
-      }
-    };
-
-    _proto.dispose = function dispose() {
-      this.stopTracking();
-
-      _Component.prototype.dispose.call(this);
-    };
-
-    return LiveTracker;
-  }(Component);
-
-  Component.registerComponent('LiveTracker', LiveTracker);
-
-  /**
-   * This function is used to fire a sourceset when there is something
-   * similar to `mediaEl.load()` being called. It will try to find the source via
-   * the `src` attribute and then the `<source>` elements. It will then fire `sourceset`
-   * with the source that was found or empty string if we cannot know. If it cannot
-   * find a source then `sourceset` will not be fired.
-   *
-   * @param {Html5} tech
-   *        The tech object that sourceset was setup on
-   *
-   * @return {boolean}
-   *         returns false if the sourceset was not fired and true otherwise.
-   */
-
-  var sourcesetLoad = function sourcesetLoad(tech) {
-    var el = tech.el(); // if `el.src` is set, that source will be loaded.
-
-    if (el.hasAttribute('src')) {
-      tech.triggerSourceset(el.src);
-      return true;
-    }
-    /**
-     * Since there isn't a src property on the media element, source elements will be used for
-     * implementing the source selection algorithm. This happens asynchronously and
-     * for most cases were there is more than one source we cannot tell what source will
-     * be loaded, without re-implementing the source selection algorithm. At this time we are not
-     * going to do that. There are three special cases that we do handle here though:
-     *
-     * 1. If there are no sources, do not fire `sourceset`.
-     * 2. If there is only one `<source>` with a `src` property/attribute that is our `src`
-     * 3. If there is more than one `<source>` but all of them have the same `src` url.
-     *    That will be our src.
-     */
-
-
-    var sources = tech.$$('source');
-    var srcUrls = [];
-    var src = ''; // if there are no sources, do not fire sourceset
-
-    if (!sources.length) {
-      return false;
-    } // only count valid/non-duplicate source elements
-
-
-    for (var i = 0; i < sources.length; i++) {
-      var url = sources[i].src;
-
-      if (url && srcUrls.indexOf(url) === -1) {
-        srcUrls.push(url);
-      }
-    } // there were no valid sources
-
-
-    if (!srcUrls.length) {
-      return false;
-    } // there is only one valid source element url
-    // use that
-
-
-    if (srcUrls.length === 1) {
-      src = srcUrls[0];
-    }
-
-    tech.triggerSourceset(src);
-    return true;
-  };
-  /**
-   * our implementation of an `innerHTML` descriptor for browsers
-   * that do not have one.
-   */
-
-
-  var innerHTMLDescriptorPolyfill = Object.defineProperty({}, 'innerHTML', {
-    get: function get() {
-      return this.cloneNode(true).innerHTML;
-    },
-    set: function set(v) {
-      // make a dummy node to use innerHTML on
-      var dummy = document.createElement(this.nodeName.toLowerCase()); // set innerHTML to the value provided
-
-      dummy.innerHTML = v; // make a document fragment to hold the nodes from dummy
-
-      var docFrag = document.createDocumentFragment(); // copy all of the nodes created by the innerHTML on dummy
-      // to the document fragment
-
-      while (dummy.childNodes.length) {
-        docFrag.appendChild(dummy.childNodes[0]);
-      } // remove content
-
-
-      this.innerText = ''; // now we add all of that html in one by appending the
-      // document fragment. This is how innerHTML does it.
-
-      window$1.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
-
-      return this.innerHTML;
-    }
-  });
-  /**
-   * Get a property descriptor given a list of priorities and the
-   * property to get.
-   */
-
-  var getDescriptor = function getDescriptor(priority, prop) {
-    var descriptor = {};
-
-    for (var i = 0; i < priority.length; i++) {
-      descriptor = Object.getOwnPropertyDescriptor(priority[i], prop);
-
-      if (descriptor && descriptor.set && descriptor.get) {
-        break;
-      }
-    }
-
-    descriptor.enumerable = true;
-    descriptor.configurable = true;
-    return descriptor;
-  };
-
-  var getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {
-    return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, window$1.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
-  };
-  /**
-   * Patches browser internal functions so that we can tell synchronously
-   * if a `<source>` was appended to the media element. For some reason this
-   * causes a `sourceset` if the the media element is ready and has no source.
-   * This happens when:
-   * - The page has just loaded and the media element does not have a source.
-   * - The media element was emptied of all sources, then `load()` was called.
-   *
-   * It does this by patching the following functions/properties when they are supported:
-   *
-   * - `append()` - can be used to add a `<source>` element to the media element
-   * - `appendChild()` - can be used to add a `<source>` element to the media element
-   * - `insertAdjacentHTML()` -  can be used to add a `<source>` element to the media element
-   * - `innerHTML` -  can be used to add a `<source>` element to the media element
-   *
-   * @param {Html5} tech
-   *        The tech object that sourceset is being setup on.
-   */
-
-
-  var firstSourceWatch = function firstSourceWatch(tech) {
-    var el = tech.el(); // make sure firstSourceWatch isn't setup twice.
-
-    if (el.resetSourceWatch_) {
-      return;
-    }
-
-    var old = {};
-    var innerDescriptor = getInnerHTMLDescriptor(tech);
-
-    var appendWrapper = function appendWrapper(appendFn) {
-      return function () {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        var retval = appendFn.apply(el, args);
-        sourcesetLoad(tech);
-        return retval;
-      };
-    };
-
-    ['append', 'appendChild', 'insertAdjacentHTML'].forEach(function (k) {
-      if (!el[k]) {
-        return;
-      } // store the old function
-
-
-      old[k] = el[k]; // call the old function with a sourceset if a source
-      // was loaded
-
-      el[k] = appendWrapper(old[k]);
-    });
-    Object.defineProperty(el, 'innerHTML', mergeOptions(innerDescriptor, {
-      set: appendWrapper(innerDescriptor.set)
-    }));
-
-    el.resetSourceWatch_ = function () {
-      el.resetSourceWatch_ = null;
-      Object.keys(old).forEach(function (k) {
-        el[k] = old[k];
-      });
-      Object.defineProperty(el, 'innerHTML', innerDescriptor);
-    }; // on the first sourceset, we need to revert our changes
-
-
-    tech.one('sourceset', el.resetSourceWatch_);
-  };
-  /**
-   * our implementation of a `src` descriptor for browsers
-   * that do not have one.
-   */
-
-
-  var srcDescriptorPolyfill = Object.defineProperty({}, 'src', {
-    get: function get() {
-      if (this.hasAttribute('src')) {
-        return getAbsoluteURL(window$1.Element.prototype.getAttribute.call(this, 'src'));
-      }
-
-      return '';
-    },
-    set: function set(v) {
-      window$1.Element.prototype.setAttribute.call(this, 'src', v);
-      return v;
-    }
-  });
-
-  var getSrcDescriptor = function getSrcDescriptor(tech) {
-    return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
-  };
-  /**
-   * setup `sourceset` handling on the `Html5` tech. This function
-   * patches the following element properties/functions:
-   *
-   * - `src` - to determine when `src` is set
-   * - `setAttribute()` - to determine when `src` is set
-   * - `load()` - this re-triggers the source selection algorithm, and can
-   *              cause a sourceset.
-   *
-   * If there is no source when we are adding `sourceset` support or during a `load()`
-   * we also patch the functions listed in `firstSourceWatch`.
-   *
-   * @param {Html5} tech
-   *        The tech to patch
-   */
-
-
-  var setupSourceset = function setupSourceset(tech) {
-    if (!tech.featuresSourceset) {
-      return;
-    }
-
-    var el = tech.el(); // make sure sourceset isn't setup twice.
-
-    if (el.resetSourceset_) {
-      return;
-    }
-
-    var srcDescriptor = getSrcDescriptor(tech);
-    var oldSetAttribute = el.setAttribute;
-    var oldLoad = el.load;
-    Object.defineProperty(el, 'src', mergeOptions(srcDescriptor, {
-      set: function set(v) {
-        var retval = srcDescriptor.set.call(el, v); // we use the getter here to get the actual value set on src
-
-        tech.triggerSourceset(el.src);
-        return retval;
-      }
-    }));
-
-    el.setAttribute = function (n, v) {
-      var retval = oldSetAttribute.call(el, n, v);
-
-      if (/src/i.test(n)) {
-        tech.triggerSourceset(el.src);
-      }
-
-      return retval;
-    };
-
-    el.load = function () {
-      var retval = oldLoad.call(el); // if load was called, but there was no source to fire
-      // sourceset on. We have to watch for a source append
-      // as that can trigger a `sourceset` when the media element
-      // has no source
-
-      if (!sourcesetLoad(tech)) {
-        tech.triggerSourceset('');
-        firstSourceWatch(tech);
-      }
-
-      return retval;
-    };
-
-    if (el.currentSrc) {
-      tech.triggerSourceset(el.currentSrc);
-    } else if (!sourcesetLoad(tech)) {
-      firstSourceWatch(tech);
-    }
-
-    el.resetSourceset_ = function () {
-      el.resetSourceset_ = null;
-      el.load = oldLoad;
-      el.setAttribute = oldSetAttribute;
-      Object.defineProperty(el, 'src', srcDescriptor);
-
-      if (el.resetSourceWatch_) {
-        el.resetSourceWatch_();
-      }
-    };
-  };
-
-  /**
-   * Object.defineProperty but "lazy", which means that the value is only set after
-   * it retrieved the first time, rather than being set right away.
-   *
-   * @param {Object} obj the object to set the property on
-   * @param {string} key the key for the property to set
-   * @param {Function} getValue the function used to get the value when it is needed.
-   * @param {boolean} setter wether a setter shoould be allowed or not
-   */
-  var defineLazyProperty = function defineLazyProperty(obj, key, getValue, setter) {
-    if (setter === void 0) {
-      setter = true;
-    }
-
-    var set = function set(value) {
-      return Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        writable: true
-      });
-    };
-
-    var options = {
-      configurable: true,
-      enumerable: true,
-      get: function get() {
-        var value = getValue();
-        set(value);
-        return value;
-      }
-    };
-
-    if (setter) {
-      options.set = set;
-    }
-
-    return Object.defineProperty(obj, key, options);
-  };
-
-  /**
-   * HTML5 Media Controller - Wrapper for HTML5 Media API
-   *
-   * @mixes Tech~SourceHandlerAdditions
-   * @extends Tech
-   */
-
-  var Html5 =
-  /*#__PURE__*/
-  function (_Tech) {
-    inheritsLoose(Html5, _Tech);
-
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} ready
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    function Html5(options, ready) {
-      var _this;
-
-      _this = _Tech.call(this, options, ready) || this;
-      var source = options.source;
-      var crossoriginTracks = false; // Set the source if one is provided
-      // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)
-      // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source
-      // anyway so the error gets fired.
-
-      if (source && (_this.el_.currentSrc !== source.src || options.tag && options.tag.initNetworkState_ === 3)) {
-        _this.setSource(source);
-      } else {
-        _this.handleLateInit_(_this.el_);
-      } // setup sourceset after late sourceset/init
-
-
-      if (options.enableSourceset) {
-        _this.setupSourcesetHandling_();
-      }
-
-      if (_this.el_.hasChildNodes()) {
-        var nodes = _this.el_.childNodes;
-        var nodesLength = nodes.length;
-        var removeNodes = [];
-
-        while (nodesLength--) {
-          var node = nodes[nodesLength];
-          var nodeName = node.nodeName.toLowerCase();
-
-          if (nodeName === 'track') {
-            if (!_this.featuresNativeTextTracks) {
-              // Empty video tag tracks so the built-in player doesn't use them also.
-              // This may not be fast enough to stop HTML5 browsers from reading the tags
-              // so we'll need to turn off any default tracks if we're manually doing
-              // captions and subtitles. videoElement.textTracks
-              removeNodes.push(node);
-            } else {
-              // store HTMLTrackElement and TextTrack to remote list
-              _this.remoteTextTrackEls().addTrackElement_(node);
-
-              _this.remoteTextTracks().addTrack(node.track);
-
-              _this.textTracks().addTrack(node.track);
-
-              if (!crossoriginTracks && !_this.el_.hasAttribute('crossorigin') && isCrossOrigin(node.src)) {
-                crossoriginTracks = true;
-              }
-            }
-          }
-        }
-
-        for (var i = 0; i < removeNodes.length; i++) {
-          _this.el_.removeChild(removeNodes[i]);
-        }
-      }
-
-      _this.proxyNativeTracks_();
-
-      if (_this.featuresNativeTextTracks && crossoriginTracks) {
-        log.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
-      } // prevent iOS Safari from disabling metadata text tracks during native playback
-
-
-      _this.restoreMetadataTracksInIOSNativePlayer_(); // Determine if native controls should be used
-      // Our goal should be to get the custom controls on mobile solid everywhere
-      // so we can remove this all together. Right now this will block custom
-      // controls on touch enabled laptops like the Chrome Pixel
-
-
-      if ((TOUCH_ENABLED || IS_IPHONE || IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true) {
-        _this.setControls(true);
-      } // on iOS, we want to proxy `webkitbeginfullscreen` and `webkitendfullscreen`
-      // into a `fullscreenchange` event
-
-
-      _this.proxyWebkitFullscreen_();
-
-      _this.triggerReady();
-
-      return _this;
-    }
-    /**
-     * Dispose of `HTML5` media element and remove all tracks.
-     */
-
-
-    var _proto = Html5.prototype;
-
-    _proto.dispose = function dispose() {
-      if (this.el_ && this.el_.resetSourceset_) {
-        this.el_.resetSourceset_();
-      }
-
-      Html5.disposeMediaElement(this.el_);
-      this.options_ = null; // tech will handle clearing of the emulated track list
-
-      _Tech.prototype.dispose.call(this);
-    }
-    /**
-     * Modify the media element so that we can detect when
-     * the source is changed. Fires `sourceset` just after the source has changed
-     */
-    ;
-
-    _proto.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-      setupSourceset(this);
-    }
-    /**
-     * When a captions track is enabled in the iOS Safari native player, all other
-     * tracks are disabled (including metadata tracks), which nulls all of their
-     * associated cue points. This will restore metadata tracks to their pre-fullscreen
-     * state in those cases so that cue points are not needlessly lost.
-     *
-     * @private
-     */
-    ;
-
-    _proto.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-      var textTracks = this.textTracks();
-      var metadataTracksPreFullscreenState; // captures a snapshot of every metadata track's current state
-
-      var takeMetadataTrackSnapshot = function takeMetadataTrackSnapshot() {
-        metadataTracksPreFullscreenState = [];
-
-        for (var i = 0; i < textTracks.length; i++) {
-          var track = textTracks[i];
-
-          if (track.kind === 'metadata') {
-            metadataTracksPreFullscreenState.push({
-              track: track,
-              storedMode: track.mode
-            });
-          }
-        }
-      }; // snapshot each metadata track's initial state, and update the snapshot
-      // each time there is a track 'change' event
-
-
-      takeMetadataTrackSnapshot();
-      textTracks.addEventListener('change', takeMetadataTrackSnapshot);
-      this.on('dispose', function () {
-        return textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-      });
-
-      var restoreTrackMode = function restoreTrackMode() {
-        for (var i = 0; i < metadataTracksPreFullscreenState.length; i++) {
-          var storedTrack = metadataTracksPreFullscreenState[i];
-
-          if (storedTrack.track.mode === 'disabled' && storedTrack.track.mode !== storedTrack.storedMode) {
-            storedTrack.track.mode = storedTrack.storedMode;
-          }
-        } // we only want this handler to be executed on the first 'change' event
-
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-      }; // when we enter fullscreen playback, stop updating the snapshot and
-      // restore all track modes to their pre-fullscreen state
-
-
-      this.on('webkitbeginfullscreen', function () {
-        textTracks.removeEventListener('change', takeMetadataTrackSnapshot); // remove the listener before adding it just in case it wasn't previously removed
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-        textTracks.addEventListener('change', restoreTrackMode);
-      }); // start updating the snapshot again after leaving fullscreen
-
-      this.on('webkitendfullscreen', function () {
-        // remove the listener before adding it just in case it wasn't previously removed
-        textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-        textTracks.addEventListener('change', takeMetadataTrackSnapshot); // remove the restoreTrackMode handler in case it wasn't triggered during fullscreen playback
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-      });
-    }
-    /**
-     * Attempt to force override of tracks for the given type
-     *
-     * @param {string} type - Track type to override, possible values include 'Audio',
-     * 'Video', and 'Text'.
-     * @param {boolean} override - If set to true native audio/video will be overridden,
-     * otherwise native audio/video will potentially be used.
-     * @private
-     */
-    ;
-
-    _proto.overrideNative_ = function overrideNative_(type, override) {
-      var _this2 = this;
-
-      // If there is no behavioral change don't add/remove listeners
-      if (override !== this["featuresNative" + type + "Tracks"]) {
-        return;
-      }
-
-      var lowerCaseType = type.toLowerCase();
-
-      if (this[lowerCaseType + "TracksListeners_"]) {
-        Object.keys(this[lowerCaseType + "TracksListeners_"]).forEach(function (eventName) {
-          var elTracks = _this2.el()[lowerCaseType + "Tracks"];
-
-          elTracks.removeEventListener(eventName, _this2[lowerCaseType + "TracksListeners_"][eventName]);
-        });
-      }
-
-      this["featuresNative" + type + "Tracks"] = !override;
-      this[lowerCaseType + "TracksListeners_"] = null;
-      this.proxyNativeTracksForType_(lowerCaseType);
-    }
-    /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     */
-    ;
-
-    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks(override) {
-      this.overrideNative_('Audio', override);
-    }
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     */
-    ;
-
-    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks(override) {
-      this.overrideNative_('Video', override);
-    }
-    /**
-     * Proxy native track list events for the given type to our track
-     * lists if the browser we are playing in supports that type of track list.
-     *
-     * @param {string} name - Track type; values include 'audio', 'video', and 'text'
-     * @private
-     */
-    ;
-
-    _proto.proxyNativeTracksForType_ = function proxyNativeTracksForType_(name) {
-      var _this3 = this;
-
-      var props = NORMAL[name];
-      var elTracks = this.el()[props.getterName];
-      var techTracks = this[props.getterName]();
-
-      if (!this["featuresNative" + props.capitalName + "Tracks"] || !elTracks || !elTracks.addEventListener) {
-        return;
-      }
-
-      var listeners = {
-        change: function change(e) {
-          techTracks.trigger({
-            type: 'change',
-            target: techTracks,
-            currentTarget: techTracks,
-            srcElement: techTracks
-          });
-        },
-        addtrack: function addtrack(e) {
-          techTracks.addTrack(e.track);
-        },
-        removetrack: function removetrack(e) {
-          techTracks.removeTrack(e.track);
-        }
-      };
-
-      var removeOldTracks = function removeOldTracks() {
-        var removeTracks = [];
-
-        for (var i = 0; i < techTracks.length; i++) {
-          var found = false;
-
-          for (var j = 0; j < elTracks.length; j++) {
-            if (elTracks[j] === techTracks[i]) {
-              found = true;
-              break;
-            }
-          }
-
-          if (!found) {
-            removeTracks.push(techTracks[i]);
-          }
-        }
-
-        while (removeTracks.length) {
-          techTracks.removeTrack(removeTracks.shift());
-        }
-      };
-
-      this[props.getterName + 'Listeners_'] = listeners;
-      Object.keys(listeners).forEach(function (eventName) {
-        var listener = listeners[eventName];
-        elTracks.addEventListener(eventName, listener);
-
-        _this3.on('dispose', function (e) {
-          return elTracks.removeEventListener(eventName, listener);
-        });
-      }); // Remove (native) tracks that are not used anymore
-
-      this.on('loadstart', removeOldTracks);
-      this.on('dispose', function (e) {
-        return _this3.off('loadstart', removeOldTracks);
-      });
-    }
-    /**
-     * Proxy all native track list events to our track lists if the browser we are playing
-     * in supports that type of track list.
-     *
-     * @private
-     */
-    ;
-
-    _proto.proxyNativeTracks_ = function proxyNativeTracks_() {
-      var _this4 = this;
-
-      NORMAL.names.forEach(function (name) {
-        _this4.proxyNativeTracksForType_(name);
-      });
-    }
-    /**
-     * Create the `Html5` Tech's DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var el = this.options_.tag; // Check if this browser supports moving the element into the box.
-      // On the iPhone video will break if you move the element,
-      // So we have to create a brand new element.
-      // If we ingested the player div, we do not need to move the media element.
-
-      if (!el || !(this.options_.playerElIngest || this.movingMediaElementInDOM)) {
-        // If the original tag is still there, clone and remove it.
-        if (el) {
-          var clone = el.cloneNode(true);
-
-          if (el.parentNode) {
-            el.parentNode.insertBefore(clone, el);
-          }
-
-          Html5.disposeMediaElement(el);
-          el = clone;
-        } else {
-          el = document.createElement('video'); // determine if native controls should be used
-
-          var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);
-          var attributes = mergeOptions({}, tagAttributes);
-
-          if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {
-            delete attributes.controls;
-          }
-
-          setAttributes(el, assign(attributes, {
-            id: this.options_.techId,
-            "class": 'vjs-tech'
-          }));
-        }
-
-        el.playerId = this.options_.playerId;
-      }
-
-      if (typeof this.options_.preload !== 'undefined') {
-        setAttribute(el, 'preload', this.options_.preload);
-      } // Update specific tag settings, in case they were overridden
-      // `autoplay` has to be *last* so that `muted` and `playsinline` are present
-      // when iOS/Safari or other browsers attempt to autoplay.
-
-
-      var settingsAttrs = ['loop', 'muted', 'playsinline', 'autoplay'];
-
-      for (var i = 0; i < settingsAttrs.length; i++) {
-        var attr = settingsAttrs[i];
-        var value = this.options_[attr];
-
-        if (typeof value !== 'undefined') {
-          if (value) {
-            setAttribute(el, attr, attr);
-          } else {
-            removeAttribute(el, attr);
-          }
-
-          el[attr] = value;
-        }
-      }
-
-      return el;
-    }
-    /**
-     * This will be triggered if the loadstart event has already fired, before videojs was
-     * ready. Two known examples of when this can happen are:
-     * 1. If we're loading the playback object after it has started loading
-     * 2. The media is already playing the (often with autoplay on) then
-     *
-     * This function will fire another loadstart so that videojs can catchup.
-     *
-     * @fires Tech#loadstart
-     *
-     * @return {undefined}
-     *         returns nothing.
-     */
-    ;
-
-    _proto.handleLateInit_ = function handleLateInit_(el) {
-      if (el.networkState === 0 || el.networkState === 3) {
-        // The video element hasn't started loading the source yet
-        // or didn't find a source
-        return;
-      }
-
-      if (el.readyState === 0) {
-        // NetworkState is set synchronously BUT loadstart is fired at the
-        // end of the current stack, usually before setInterval(fn, 0).
-        // So at this point we know loadstart may have already fired or is
-        // about to fire, and either way the player hasn't seen it yet.
-        // We don't want to fire loadstart prematurely here and cause a
-        // double loadstart so we'll wait and see if it happens between now
-        // and the next loop, and fire it if not.
-        // HOWEVER, we also want to make sure it fires before loadedmetadata
-        // which could also happen between now and the next loop, so we'll
-        // watch for that also.
-        var loadstartFired = false;
-
-        var setLoadstartFired = function setLoadstartFired() {
-          loadstartFired = true;
-        };
-
-        this.on('loadstart', setLoadstartFired);
-
-        var triggerLoadstart = function triggerLoadstart() {
-          // We did miss the original loadstart. Make sure the player
-          // sees loadstart before loadedmetadata
-          if (!loadstartFired) {
-            this.trigger('loadstart');
-          }
-        };
-
-        this.on('loadedmetadata', triggerLoadstart);
-        this.ready(function () {
-          this.off('loadstart', setLoadstartFired);
-          this.off('loadedmetadata', triggerLoadstart);
-
-          if (!loadstartFired) {
-            // We did miss the original native loadstart. Fire it now.
-            this.trigger('loadstart');
-          }
-        });
-        return;
-      } // From here on we know that loadstart already fired and we missed it.
-      // The other readyState events aren't as much of a problem if we double
-      // them, so not going to go to as much trouble as loadstart to prevent
-      // that unless we find reason to.
-
-
-      var eventsToTrigger = ['loadstart']; // loadedmetadata: newly equal to HAVE_METADATA (1) or greater
-
-      eventsToTrigger.push('loadedmetadata'); // loadeddata: newly increased to HAVE_CURRENT_DATA (2) or greater
-
-      if (el.readyState >= 2) {
-        eventsToTrigger.push('loadeddata');
-      } // canplay: newly increased to HAVE_FUTURE_DATA (3) or greater
-
-
-      if (el.readyState >= 3) {
-        eventsToTrigger.push('canplay');
-      } // canplaythrough: newly equal to HAVE_ENOUGH_DATA (4)
-
-
-      if (el.readyState >= 4) {
-        eventsToTrigger.push('canplaythrough');
-      } // We still need to give the player time to add event listeners
-
-
-      this.ready(function () {
-        eventsToTrigger.forEach(function (type) {
-          this.trigger(type);
-        }, this);
-      });
-    }
-    /**
-     * Set current time for the `HTML5` tech.
-     *
-     * @param {number} seconds
-     *        Set the current time of the media to this.
-     */
-    ;
-
-    _proto.setCurrentTime = function setCurrentTime(seconds) {
-      try {
-        this.el_.currentTime = seconds;
-      } catch (e) {
-        log(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
-      }
-    }
-    /**
-     * Get the current duration of the HTML5 media element.
-     *
-     * @return {number}
-     *         The duration of the media or 0 if there is no duration.
-     */
-    ;
-
-    _proto.duration = function duration() {
-      var _this5 = this;
-
-      // Android Chrome will report duration as Infinity for VOD HLS until after
-      // playback has started, which triggers the live display erroneously.
-      // Return NaN if playback has not started and trigger a durationupdate once
-      // the duration can be reliably known.
-      if (this.el_.duration === Infinity && IS_ANDROID && IS_CHROME && this.el_.currentTime === 0) {
-        // Wait for the first `timeupdate` with currentTime > 0 - there may be
-        // several with 0
-        var checkProgress = function checkProgress() {
-          if (_this5.el_.currentTime > 0) {
-            // Trigger durationchange for genuinely live video
-            if (_this5.el_.duration === Infinity) {
-              _this5.trigger('durationchange');
-            }
-
-            _this5.off('timeupdate', checkProgress);
-          }
-        };
-
-        this.on('timeupdate', checkProgress);
-        return NaN;
-      }
-
-      return this.el_.duration || NaN;
-    }
-    /**
-     * Get the current width of the HTML5 media element.
-     *
-     * @return {number}
-     *         The width of the HTML5 media element.
-     */
-    ;
-
-    _proto.width = function width() {
-      return this.el_.offsetWidth;
-    }
-    /**
-     * Get the current height of the HTML5 media element.
-     *
-     * @return {number}
-     *         The height of the HTML5 media element.
-     */
-    ;
-
-    _proto.height = function height() {
-      return this.el_.offsetHeight;
-    }
-    /**
-     * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-     * `fullscreenchange` event.
-     *
-     * @private
-     * @fires fullscreenchange
-     * @listens webkitendfullscreen
-     * @listens webkitbeginfullscreen
-     * @listens webkitbeginfullscreen
-     */
-    ;
-
-    _proto.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-      var _this6 = this;
-
-      if (!('webkitDisplayingFullscreen' in this.el_)) {
-        return;
-      }
-
-      var endFn = function endFn() {
-        this.trigger('fullscreenchange', {
-          isFullscreen: false
-        });
-      };
-
-      var beginFn = function beginFn() {
-        if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {
-          this.one('webkitendfullscreen', endFn);
-          this.trigger('fullscreenchange', {
-            isFullscreen: true
-          });
-        }
-      };
-
-      this.on('webkitbeginfullscreen', beginFn);
-      this.on('dispose', function () {
-        _this6.off('webkitbeginfullscreen', beginFn);
-
-        _this6.off('webkitendfullscreen', endFn);
-      });
-    }
-    /**
-     * Check if fullscreen is supported on the current playback device.
-     *
-     * @return {boolean}
-     *         - True if fullscreen is supported.
-     *         - False if fullscreen is not supported.
-     */
-    ;
-
-    _proto.supportsFullScreen = function supportsFullScreen() {
-      if (typeof this.el_.webkitEnterFullScreen === 'function') {
-        var userAgent = window$1.navigator && window$1.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
-
-        if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {
-          return true;
-        }
-      }
-
-      return false;
-    }
-    /**
-     * Request that the `HTML5` Tech enter fullscreen.
-     */
-    ;
-
-    _proto.enterFullScreen = function enterFullScreen() {
-      var video = this.el_;
-
-      if (video.paused && video.networkState <= video.HAVE_METADATA) {
-        // attempt to prime the video element for programmatic access
-        // this isn't necessary on the desktop but shouldn't hurt
-        this.el_.play(); // playing and pausing synchronously during the transition to fullscreen
-        // can get iOS ~6.1 devices into a play/pause loop
-
-        this.setTimeout(function () {
-          video.pause();
-          video.webkitEnterFullScreen();
-        }, 0);
-      } else {
-        video.webkitEnterFullScreen();
-      }
-    }
-    /**
-     * Request that the `HTML5` Tech exit fullscreen.
-     */
-    ;
-
-    _proto.exitFullScreen = function exitFullScreen() {
-      this.el_.webkitExitFullScreen();
-    }
-    /**
-     * Create a floating video window always on top of other windows so that users may
-     * continue consuming media while they interact with other content sites, or
-     * applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @return {Promise}
-     *         A promise with a Picture-in-Picture window.
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      return this.el_.requestPictureInPicture();
-    }
-    /**
-     * A getter/setter for the `Html5` Tech's source object.
-     * > Note: Please use {@link Html5#setSource}
-     *
-     * @param {Tech~SourceObject} [src]
-     *        The source object you want to set on the `HTML5` techs element.
-     *
-     * @return {Tech~SourceObject|undefined}
-     *         - The current source object when a source is not passed in.
-     *         - undefined when setting
-     *
-     * @deprecated Since version 5.
-     */
-    ;
-
-    _proto.src = function src(_src) {
-      if (_src === undefined) {
-        return this.el_.src;
-      } // Setting src through `src` instead of `setSrc` will be deprecated
-
-
-      this.setSrc(_src);
-    }
-    /**
-     * Reset the tech by removing all sources and then calling
-     * {@link Html5.resetMediaElement}.
-     */
-    ;
-
-    _proto.reset = function reset() {
-      Html5.resetMediaElement(this.el_);
-    }
-    /**
-     * Get the current source on the `HTML5` Tech. Falls back to returning the source from
-     * the HTML5 media element.
-     *
-     * @return {Tech~SourceObject}
-     *         The current source object from the HTML5 tech. With a fallback to the
-     *         elements source.
-     */
-    ;
-
-    _proto.currentSrc = function currentSrc() {
-      if (this.currentSource_) {
-        return this.currentSource_.src;
-      }
-
-      return this.el_.currentSrc;
-    }
-    /**
-     * Set controls attribute for the HTML5 media Element.
-     *
-     * @param {string} val
-     *        Value to set the controls attribute to
-     */
-    ;
-
-    _proto.setControls = function setControls(val) {
-      this.el_.controls = !!val;
-    }
-    /**
-     * Create and returns a remote {@link TextTrack} object.
-     *
-     * @param {string} kind
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-     *
-     * @param {string} [label]
-     *        Label to identify the text track
-     *
-     * @param {string} [language]
-     *        Two letter language abbreviation
-     *
-     * @return {TextTrack}
-     *         The TextTrack that gets created.
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (!this.featuresNativeTextTracks) {
-        return _Tech.prototype.addTextTrack.call(this, kind, label, language);
-      }
-
-      return this.el_.addTextTrack(kind, label, language);
-    }
-    /**
-     * Creates either native TextTrack or an emulated TextTrack depending
-     * on the value of `featuresNativeTextTracks`
-     *
-     * @param {Object} options
-     *        The object should contain the options to initialize the TextTrack with.
-     *
-     * @param {string} [options.kind]
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-     *
-     * @param {string} [options.label]
-     *        Label to identify the text track
-     *
-     * @param {string} [options.language]
-     *        Two letter language abbreviation.
-     *
-     * @param {boolean} [options.default]
-     *        Default this track to on.
-     *
-     * @param {string} [options.id]
-     *        The internal id to assign this track.
-     *
-     * @param {string} [options.src]
-     *        A source url for the track.
-     *
-     * @return {HTMLTrackElement}
-     *         The track element that gets created.
-     */
-    ;
-
-    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-      if (!this.featuresNativeTextTracks) {
-        return _Tech.prototype.createRemoteTextTrack.call(this, options);
-      }
-
-      var htmlTrackElement = document.createElement('track');
-
-      if (options.kind) {
-        htmlTrackElement.kind = options.kind;
-      }
-
-      if (options.label) {
-        htmlTrackElement.label = options.label;
-      }
-
-      if (options.language || options.srclang) {
-        htmlTrackElement.srclang = options.language || options.srclang;
-      }
-
-      if (options["default"]) {
-        htmlTrackElement["default"] = options["default"];
-      }
-
-      if (options.id) {
-        htmlTrackElement.id = options.id;
-      }
-
-      if (options.src) {
-        htmlTrackElement.src = options.src;
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Creates a remote text track object and returns an html track element.
-     *
-     * @param {Object} options The object should contain values for
-     * kind, language, label, and src (location of the WebVTT file)
-     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-     * automatically removed from the video element whenever the source changes
-     * @return {HTMLTrackElement} An Html Track Element.
-     * This can be an emulated {@link HTMLTrackElement} or a native one.
-     * @deprecated The default value of the "manualCleanup" parameter will default
-     * to "false" in upcoming versions of Video.js
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      var htmlTrackElement = _Tech.prototype.addRemoteTextTrack.call(this, options, manualCleanup);
-
-      if (this.featuresNativeTextTracks) {
-        this.el().appendChild(htmlTrackElement);
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Remove remote `TextTrack` from `TextTrackList` object
-     *
-     * @param {TextTrack} track
-     *        `TextTrack` object to remove
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-      _Tech.prototype.removeRemoteTextTrack.call(this, track);
-
-      if (this.featuresNativeTextTracks) {
-        var tracks = this.$$('track');
-        var i = tracks.length;
-
-        while (i--) {
-          if (track === tracks[i] || track === tracks[i].track) {
-            this.el().removeChild(tracks[i]);
-          }
-        }
-      }
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object}
-     *         An object with supported media playback quality metrics
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      if (typeof this.el().getVideoPlaybackQuality === 'function') {
-        return this.el().getVideoPlaybackQuality();
-      }
-
-      var videoPlaybackQuality = {};
-
-      if (typeof this.el().webkitDroppedFrameCount !== 'undefined' && typeof this.el().webkitDecodedFrameCount !== 'undefined') {
-        videoPlaybackQuality.droppedVideoFrames = this.el().webkitDroppedFrameCount;
-        videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;
-      }
-
-      if (window$1.performance && typeof window$1.performance.now === 'function') {
-        videoPlaybackQuality.creationTime = window$1.performance.now();
-      } else if (window$1.performance && window$1.performance.timing && typeof window$1.performance.timing.navigationStart === 'number') {
-        videoPlaybackQuality.creationTime = window$1.Date.now() - window$1.performance.timing.navigationStart;
-      }
-
-      return videoPlaybackQuality;
-    };
-
-    return Html5;
-  }(Tech);
-  /* HTML5 Support Testing ---------------------------------------------------- */
-
-  /**
-   * Element for testing browser HTML5 media capabilities
-   *
-   * @type {Element}
-   * @constant
-   * @private
-   */
-
-
-  defineLazyProperty(Html5, 'TEST_VID', function () {
-    if (!isReal()) {
-      return;
-    }
-
-    var video = document.createElement('video');
-    var track = document.createElement('track');
-    track.kind = 'captions';
-    track.srclang = 'en';
-    track.label = 'English';
-    video.appendChild(track);
-    return video;
-  });
-  /**
-   * Check if HTML5 media is supported by this browser/device.
-   *
-   * @return {boolean}
-   *         - True if HTML5 media is supported.
-   *         - False if HTML5 media is not supported.
-   */
-
-  Html5.isSupported = function () {
-    // IE with no Media Player is a LIAR! (#984)
-    try {
-      Html5.TEST_VID.volume = 0.5;
-    } catch (e) {
-      return false;
-    }
-
-    return !!(Html5.TEST_VID && Html5.TEST_VID.canPlayType);
-  };
-  /**
-   * Check if the tech can support the given type
-   *
-   * @param {string} type
-   *        The mimetype to check
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-
-
-  Html5.canPlayType = function (type) {
-    return Html5.TEST_VID.canPlayType(type);
-  };
-  /**
-   * Check if the tech can support the given source
-   *
-   * @param {Object} srcObj
-   *        The source object
-   * @param {Object} options
-   *        The options passed to the tech
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-
-
-  Html5.canPlaySource = function (srcObj, options) {
-    return Html5.canPlayType(srcObj.type);
-  };
-  /**
-   * Check if the volume can be changed in this browser/device.
-   * Volume cannot be changed in a lot of mobile devices.
-   * Specifically, it can't be changed from 1 on iOS.
-   *
-   * @return {boolean}
-   *         - True if volume can be controlled
-   *         - False otherwise
-   */
-
-
-  Html5.canControlVolume = function () {
-    // IE will error if Windows Media Player not installed #3315
-    try {
-      var volume = Html5.TEST_VID.volume;
-      Html5.TEST_VID.volume = volume / 2 + 0.1;
-      return volume !== Html5.TEST_VID.volume;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if the volume can be muted in this browser/device.
-   * Some devices, e.g. iOS, don't allow changing volume
-   * but permits muting/unmuting.
-   *
-   * @return {bolean}
-   *      - True if volume can be muted
-   *      - False otherwise
-   */
-
-
-  Html5.canMuteVolume = function () {
-    try {
-      var muted = Html5.TEST_VID.muted; // in some versions of iOS muted property doesn't always
-      // work, so we want to set both property and attribute
-
-      Html5.TEST_VID.muted = !muted;
-
-      if (Html5.TEST_VID.muted) {
-        setAttribute(Html5.TEST_VID, 'muted', 'muted');
-      } else {
-        removeAttribute(Html5.TEST_VID, 'muted', 'muted');
-      }
-
-      return muted !== Html5.TEST_VID.muted;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if the playback rate can be changed in this browser/device.
-   *
-   * @return {boolean}
-   *         - True if playback rate can be controlled
-   *         - False otherwise
-   */
-
-
-  Html5.canControlPlaybackRate = function () {
-    // Playback rate API is implemented in Android Chrome, but doesn't do anything
-    // https://github.com/videojs/video.js/issues/3180
-    if (IS_ANDROID && IS_CHROME && CHROME_VERSION < 58) {
-      return false;
-    } // IE will error if Windows Media Player not installed #3315
-
-
-    try {
-      var playbackRate = Html5.TEST_VID.playbackRate;
-      Html5.TEST_VID.playbackRate = playbackRate / 2 + 0.1;
-      return playbackRate !== Html5.TEST_VID.playbackRate;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if we can override a video/audio elements attributes, with
-   * Object.defineProperty.
-   *
-   * @return {boolean}
-   *         - True if builtin attributes can be overridden
-   *         - False otherwise
-   */
-
-
-  Html5.canOverrideAttributes = function () {
-    // if we cannot overwrite the src/innerHTML property, there is no support
-    // iOS 7 safari for instance cannot do this.
-    try {
-      var noop = function noop() {};
-
-      Object.defineProperty(document.createElement('video'), 'src', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('audio'), 'src', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('video'), 'innerHTML', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('audio'), 'innerHTML', {
-        get: noop,
-        set: noop
-      });
-    } catch (e) {
-      return false;
-    }
-
-    return true;
-  };
-  /**
-   * Check to see if native `TextTrack`s are supported by this browser/device.
-   *
-   * @return {boolean}
-   *         - True if native `TextTrack`s are supported.
-   *         - False otherwise
-   */
-
-
-  Html5.supportsNativeTextTracks = function () {
-    return IS_ANY_SAFARI || IS_IOS && IS_CHROME;
-  };
-  /**
-   * Check to see if native `VideoTrack`s are supported by this browser/device
-   *
-   * @return {boolean}
-   *        - True if native `VideoTrack`s are supported.
-   *        - False otherwise
-   */
-
-
-  Html5.supportsNativeVideoTracks = function () {
-    return !!(Html5.TEST_VID && Html5.TEST_VID.videoTracks);
-  };
-  /**
-   * Check to see if native `AudioTrack`s are supported by this browser/device
-   *
-   * @return {boolean}
-   *        - True if native `AudioTrack`s are supported.
-   *        - False otherwise
-   */
-
-
-  Html5.supportsNativeAudioTracks = function () {
-    return !!(Html5.TEST_VID && Html5.TEST_VID.audioTracks);
-  };
-  /**
-   * An array of events available on the Html5 tech.
-   *
-   * @private
-   * @type {Array}
-   */
-
-
-  Html5.Events = ['loadstart', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'seeking', 'seeked', 'ended', 'durationchange', 'timeupdate', 'progress', 'play', 'pause', 'ratechange', 'resize', 'volumechange'];
-  /**
-   * Boolean indicating whether the `Tech` supports volume control.
-   *
-   * @type {boolean}
-   * @default {@link Html5.canControlVolume}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports muting volume.
-   *
-   * @type {bolean}
-   * @default {@link Html5.canMuteVolume}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports changing the speed at which the media
-   * plays. Examples:
-   *   - Set player to play 2x (twice) as fast
-   *   - Set player to play 0.5x (half) as fast
-   *
-   * @type {boolean}
-   * @default {@link Html5.canControlPlaybackRate}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports the `sourceset` event.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeTextTracks}
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeVideoTracks}
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeAudioTracks}
-   */
-
-  [['featuresVolumeControl', 'canControlVolume'], ['featuresMuteControl', 'canMuteVolume'], ['featuresPlaybackRate', 'canControlPlaybackRate'], ['featuresSourceset', 'canOverrideAttributes'], ['featuresNativeTextTracks', 'supportsNativeTextTracks'], ['featuresNativeVideoTracks', 'supportsNativeVideoTracks'], ['featuresNativeAudioTracks', 'supportsNativeAudioTracks']].forEach(function (_ref) {
-    var key = _ref[0],
-        fn = _ref[1];
-    defineLazyProperty(Html5.prototype, key, function () {
-      return Html5[fn]();
-    }, true);
-  });
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the media element
-   * moving in the DOM. iOS breaks if you move the media element, so this is set this to
-   * false there. Everywhere else this should be true.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.movingMediaElementInDOM = !IS_IOS; // TODO: Previous comment: No longer appears to be used. Can probably be removed.
-  //       Is this true?
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports automatic media resize
-   * when going into fullscreen.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.featuresFullscreenResize = true;
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the progress event.
-   * If this is false, manual `progress` events will be triggered instead.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.featuresProgressEvents = true;
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the timeupdate event.
-   * If this is false, manual `timeupdate` events will be triggered instead.
-   *
-   * @default
-   */
-
-  Html5.prototype.featuresTimeupdateEvents = true; // HTML5 Feature detection and Device Fixes --------------------------------- //
-
-  var canPlayType;
-
-  Html5.patchCanPlayType = function () {
-    // Android 4.0 and above can play HLS to some extent but it reports being unable to do so
-    // Firefox and Chrome report correctly
-    if (ANDROID_VERSION >= 4.0 && !IS_FIREFOX && !IS_CHROME) {
-      canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-
-      Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-        var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-
-        if (type && mpegurlRE.test(type)) {
-          return 'maybe';
-        }
-
-        return canPlayType.call(this, type);
-      };
-    }
-  };
-
-  Html5.unpatchCanPlayType = function () {
-    var r = Html5.TEST_VID.constructor.prototype.canPlayType;
-
-    if (canPlayType) {
-      Html5.TEST_VID.constructor.prototype.canPlayType = canPlayType;
-    }
-
-    return r;
-  }; // by default, patch the media element
-
-
-  Html5.patchCanPlayType();
-
-  Html5.disposeMediaElement = function (el) {
-    if (!el) {
-      return;
-    }
-
-    if (el.parentNode) {
-      el.parentNode.removeChild(el);
-    } // remove any child track or source nodes to prevent their loading
-
-
-    while (el.hasChildNodes()) {
-      el.removeChild(el.firstChild);
-    } // remove any src reference. not setting `src=''` because that causes a warning
-    // in firefox
-
-
-    el.removeAttribute('src'); // force the media element to update its loading state by calling load()
-    // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)
-
-    if (typeof el.load === 'function') {
-      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-      (function () {
-        try {
-          el.load();
-        } catch (e) {// not supported
-        }
-      })();
-    }
-  };
-
-  Html5.resetMediaElement = function (el) {
-    if (!el) {
-      return;
-    }
-
-    var sources = el.querySelectorAll('source');
-    var i = sources.length;
-
-    while (i--) {
-      el.removeChild(sources[i]);
-    } // remove any src reference.
-    // not setting `src=''` because that throws an error
-
-
-    el.removeAttribute('src');
-
-    if (typeof el.load === 'function') {
-      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-      (function () {
-        try {
-          el.load();
-        } catch (e) {// satisfy linter
-        }
-      })();
-    }
-  };
-  /* Native HTML5 element property wrapping ----------------------------------- */
-  // Wrap native boolean attributes with getters that check both property and attribute
-  // The list is as followed:
-  // muted, defaultMuted, autoplay, controls, loop, playsinline
-
-
-  [
-  /**
-   * Get the value of `muted` from the media element. `muted` indicates
-   * that the volume for the media should be set to silent. This does not actually change
-   * the `volume` attribute.
-   *
-   * @method Html5#muted
-   * @return {boolean}
-   *         - True if the value of `volume` should be ignored and the audio set to silent.
-   *         - False if the value of `volume` should be used.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
-   */
-  'muted',
-  /**
-   * Get the value of `defaultMuted` from the media element. `defaultMuted` indicates
-   * whether the media should start muted or not. Only changes the default state of the
-   * media. `muted` and `defaultMuted` can have different values. {@link Html5#muted} indicates the
-   * current state.
-   *
-   * @method Html5#defaultMuted
-   * @return {boolean}
-   *         - The value of `defaultMuted` from the media element.
-   *         - True indicates that the media should start muted.
-   *         - False indicates that the media should not start muted
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
-   */
-  'defaultMuted',
-  /**
-   * Get the value of `autoplay` from the media element. `autoplay` indicates
-   * that the media should start to play as soon as the page is ready.
-   *
-   * @method Html5#autoplay
-   * @return {boolean}
-   *         - The value of `autoplay` from the media element.
-   *         - True indicates that the media should start as soon as the page loads.
-   *         - False indicates that the media should not start as soon as the page loads.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
-   */
-  'autoplay',
-  /**
-   * Get the value of `controls` from the media element. `controls` indicates
-   * whether the native media controls should be shown or hidden.
-   *
-   * @method Html5#controls
-   * @return {boolean}
-   *         - The value of `controls` from the media element.
-   *         - True indicates that native controls should be showing.
-   *         - False indicates that native controls should be hidden.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-controls}
-   */
-  'controls',
-  /**
-   * Get the value of `loop` from the media element. `loop` indicates
-   * that the media should return to the start of the media and continue playing once
-   * it reaches the end.
-   *
-   * @method Html5#loop
-   * @return {boolean}
-   *         - The value of `loop` from the media element.
-   *         - True indicates that playback should seek back to start once
-   *           the end of a media is reached.
-   *         - False indicates that playback should not loop back to the start when the
-   *           end of the media is reached.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
-   */
-  'loop',
-  /**
-   * Get the value of `playsinline` from the media element. `playsinline` indicates
-   * to the browser that non-fullscreen playback is preferred when fullscreen
-   * playback is the native default, such as in iOS Safari.
-   *
-   * @method Html5#playsinline
-   * @return {boolean}
-   *         - The value of `playsinline` from the media element.
-   *         - True indicates that the media should play inline.
-   *         - False indicates that the media should not play inline.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  'playsinline'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop] || this.el_.hasAttribute(prop);
-    };
-  }); // Wrap native boolean attributes with setters that set both property and attribute
-  // The list is as followed:
-  // setMuted, setDefaultMuted, setAutoplay, setLoop, setPlaysinline
-  // setControls is special-cased above
-
-  [
-  /**
-   * Set the value of `muted` on the media element. `muted` indicates that the current
-   * audio level should be silent.
-   *
-   * @method Html5#setMuted
-   * @param {boolean} muted
-   *        - True if the audio should be set to silent
-   *        - False otherwise
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
-   */
-  'muted',
-  /**
-   * Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current
-   * audio level should be silent, but will only effect the muted level on intial playback..
-   *
-   * @method Html5.prototype.setDefaultMuted
-   * @param {boolean} defaultMuted
-   *        - True if the audio should be set to silent
-   *        - False otherwise
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
-   */
-  'defaultMuted',
-  /**
-   * Set the value of `autoplay` on the media element. `autoplay` indicates
-   * that the media should start to play as soon as the page is ready.
-   *
-   * @method Html5#setAutoplay
-   * @param {boolean} autoplay
-   *         - True indicates that the media should start as soon as the page loads.
-   *         - False indicates that the media should not start as soon as the page loads.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
-   */
-  'autoplay',
-  /**
-   * Set the value of `loop` on the media element. `loop` indicates
-   * that the media should return to the start of the media and continue playing once
-   * it reaches the end.
-   *
-   * @method Html5#setLoop
-   * @param {boolean} loop
-   *         - True indicates that playback should seek back to start once
-   *           the end of a media is reached.
-   *         - False indicates that playback should not loop back to the start when the
-   *           end of the media is reached.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
-   */
-  'loop',
-  /**
-   * Set the value of `playsinline` from the media element. `playsinline` indicates
-   * to the browser that non-fullscreen playback is preferred when fullscreen
-   * playback is the native default, such as in iOS Safari.
-   *
-   * @method Html5#setPlaysinline
-   * @param {boolean} playsinline
-   *         - True indicates that the media should play inline.
-   *         - False indicates that the media should not play inline.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  'playsinline'].forEach(function (prop) {
-    Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-      this.el_[prop] = v;
-
-      if (v) {
-        this.el_.setAttribute(prop, prop);
-      } else {
-        this.el_.removeAttribute(prop);
-      }
-    };
-  }); // Wrap native properties with a getter
-  // The list is as followed
-  // paused, currentTime, buffered, volume, poster, preload, error, seeking
-  // seekable, ended, playbackRate, defaultPlaybackRate, played, networkState
-  // readyState, videoWidth, videoHeight
-
-  [
-  /**
-   * Get the value of `paused` from the media element. `paused` indicates whether the media element
-   * is currently paused or not.
-   *
-   * @method Html5#paused
-   * @return {boolean}
-   *         The value of `paused` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-paused}
-   */
-  'paused',
-  /**
-   * Get the value of `currentTime` from the media element. `currentTime` indicates
-   * the current second that the media is at in playback.
-   *
-   * @method Html5#currentTime
-   * @return {number}
-   *         The value of `currentTime` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-currenttime}
-   */
-  'currentTime',
-  /**
-   * Get the value of `buffered` from the media element. `buffered` is a `TimeRange`
-   * object that represents the parts of the media that are already downloaded and
-   * available for playback.
-   *
-   * @method Html5#buffered
-   * @return {TimeRange}
-   *         The value of `buffered` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-buffered}
-   */
-  'buffered',
-  /**
-   * Get the value of `volume` from the media element. `volume` indicates
-   * the current playback volume of audio for a media. `volume` will be a value from 0
-   * (silent) to 1 (loudest and default).
-   *
-   * @method Html5#volume
-   * @return {number}
-   *         The value of `volume` from the media element. Value will be between 0-1.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
-   */
-  'volume',
-  /**
-   * Get the value of `poster` from the media element. `poster` indicates
-   * that the url of an image file that can/will be shown when no media data is available.
-   *
-   * @method Html5#poster
-   * @return {string}
-   *         The value of `poster` from the media element. Value will be a url to an
-   *         image.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster}
-   */
-  'poster',
-  /**
-   * Get the value of `preload` from the media element. `preload` indicates
-   * what should download before the media is interacted with. It can have the following
-   * values:
-   * - none: nothing should be downloaded
-   * - metadata: poster and the first few frames of the media may be downloaded to get
-   *   media dimensions and other metadata
-   * - auto: allow the media and metadata for the media to be downloaded before
-   *    interaction
-   *
-   * @method Html5#preload
-   * @return {string}
-   *         The value of `preload` from the media element. Will be 'none', 'metadata',
-   *         or 'auto'.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
-   */
-  'preload',
-  /**
-   * Get the value of the `error` from the media element. `error` indicates any
-   * MediaError that may have occurred during playback. If error returns null there is no
-   * current error.
-   *
-   * @method Html5#error
-   * @return {MediaError|null}
-   *         The value of `error` from the media element. Will be `MediaError` if there
-   *         is a current error and null otherwise.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-error}
-   */
-  'error',
-  /**
-   * Get the value of `seeking` from the media element. `seeking` indicates whether the
-   * media is currently seeking to a new position or not.
-   *
-   * @method Html5#seeking
-   * @return {boolean}
-   *         - The value of `seeking` from the media element.
-   *         - True indicates that the media is currently seeking to a new position.
-   *         - False indicates that the media is not seeking to a new position at this time.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seeking}
-   */
-  'seeking',
-  /**
-   * Get the value of `seekable` from the media element. `seekable` returns a
-   * `TimeRange` object indicating ranges of time that can currently be `seeked` to.
-   *
-   * @method Html5#seekable
-   * @return {TimeRange}
-   *         The value of `seekable` from the media element. A `TimeRange` object
-   *         indicating the current ranges of time that can be seeked to.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seekable}
-   */
-  'seekable',
-  /**
-   * Get the value of `ended` from the media element. `ended` indicates whether
-   * the media has reached the end or not.
-   *
-   * @method Html5#ended
-   * @return {boolean}
-   *         - The value of `ended` from the media element.
-   *         - True indicates that the media has ended.
-   *         - False indicates that the media has not ended.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-ended}
-   */
-  'ended',
-  /**
-   * Get the value of `playbackRate` from the media element. `playbackRate` indicates
-   * the rate at which the media is currently playing back. Examples:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5#playbackRate
-   * @return {number}
-   *         The value of `playbackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'playbackRate',
-  /**
-   * Get the value of `defaultPlaybackRate` from the media element. `defaultPlaybackRate` indicates
-   * the rate at which the media is currently playing back. This value will not indicate the current
-   * `playbackRate` after playback has started, use {@link Html5#playbackRate} for that.
-   *
-   * Examples:
-   *   - if defaultPlaybackRate is set to 2, media will play twice as fast.
-   *   - if defaultPlaybackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5.prototype.defaultPlaybackRate
-   * @return {number}
-   *         The value of `defaultPlaybackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'defaultPlaybackRate',
-  /**
-   * Get the value of `played` from the media element. `played` returns a `TimeRange`
-   * object representing points in the media timeline that have been played.
-   *
-   * @method Html5#played
-   * @return {TimeRange}
-   *         The value of `played` from the media element. A `TimeRange` object indicating
-   *         the ranges of time that have been played.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-played}
-   */
-  'played',
-  /**
-   * Get the value of `networkState` from the media element. `networkState` indicates
-   * the current network state. It returns an enumeration from the following list:
-   * - 0: NETWORK_EMPTY
-   * - 1: NETWORK_IDLE
-   * - 2: NETWORK_LOADING
-   * - 3: NETWORK_NO_SOURCE
-   *
-   * @method Html5#networkState
-   * @return {number}
-   *         The value of `networkState` from the media element. This will be a number
-   *         from the list in the description.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate}
-   */
-  'networkState',
-  /**
-   * Get the value of `readyState` from the media element. `readyState` indicates
-   * the current state of the media element. It returns an enumeration from the
-   * following list:
-   * - 0: HAVE_NOTHING
-   * - 1: HAVE_METADATA
-   * - 2: HAVE_CURRENT_DATA
-   * - 3: HAVE_FUTURE_DATA
-   * - 4: HAVE_ENOUGH_DATA
-   *
-   * @method Html5#readyState
-   * @return {number}
-   *         The value of `readyState` from the media element. This will be a number
-   *         from the list in the description.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#ready-states}
-   */
-  'readyState',
-  /**
-   * Get the value of `videoWidth` from the video element. `videoWidth` indicates
-   * the current width of the video in css pixels.
-   *
-   * @method Html5#videoWidth
-   * @return {number}
-   *         The value of `videoWidth` from the video element. This will be a number
-   *         in css pixels.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
-   */
-  'videoWidth',
-  /**
-   * Get the value of `videoHeight` from the video element. `videoHeight` indicates
-   * the current height of the video in css pixels.
-   *
-   * @method Html5#videoHeight
-   * @return {number}
-   *         The value of `videoHeight` from the video element. This will be a number
-   *         in css pixels.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
-   */
-  'videoHeight'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop];
-    };
-  }); // Wrap native properties with a setter in this format:
-  // set + toTitleCase(name)
-  // The list is as follows:
-  // setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate
-
-  [
-  /**
-   * Set the value of `volume` on the media element. `volume` indicates the current
-   * audio level as a percentage in decimal form. This means that 1 is 100%, 0.5 is 50%, and
-   * so on.
-   *
-   * @method Html5#setVolume
-   * @param {number} percentAsDecimal
-   *        The volume percent as a decimal. Valid range is from 0-1.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
-   */
-  'volume',
-  /**
-   * Set the value of `src` on the media element. `src` indicates the current
-   * {@link Tech~SourceObject} for the media.
-   *
-   * @method Html5#setSrc
-   * @param {Tech~SourceObject} src
-   *        The source object to set as the current source.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-src}
-   */
-  'src',
-  /**
-   * Set the value of `poster` on the media element. `poster` is the url to
-   * an image file that can/will be shown when no media data is available.
-   *
-   * @method Html5#setPoster
-   * @param {string} poster
-   *        The url to an image that should be used as the `poster` for the media
-   *        element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-poster}
-   */
-  'poster',
-  /**
-   * Set the value of `preload` on the media element. `preload` indicates
-   * what should download before the media is interacted with. It can have the following
-   * values:
-   * - none: nothing should be downloaded
-   * - metadata: poster and the first few frames of the media may be downloaded to get
-   *   media dimensions and other metadata
-   * - auto: allow the media and metadata for the media to be downloaded before
-   *    interaction
-   *
-   * @method Html5#setPreload
-   * @param {string} preload
-   *         The value of `preload` to set on the media element. Must be 'none', 'metadata',
-   *         or 'auto'.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
-   */
-  'preload',
-  /**
-   * Set the value of `playbackRate` on the media element. `playbackRate` indicates
-   * the rate at which the media should play back. Examples:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5#setPlaybackRate
-   * @return {number}
-   *         The value of `playbackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'playbackRate',
-  /**
-   * Set the value of `defaultPlaybackRate` on the media element. `defaultPlaybackRate` indicates
-   * the rate at which the media should play back upon initial startup. Changing this value
-   * after a video has started will do nothing. Instead you should used {@link Html5#setPlaybackRate}.
-   *
-   * Example Values:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5.prototype.setDefaultPlaybackRate
-   * @return {number}
-   *         The value of `defaultPlaybackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}
-   */
-  'defaultPlaybackRate'].forEach(function (prop) {
-    Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-      this.el_[prop] = v;
-    };
-  }); // wrap native functions with a function
-  // The list is as follows:
-  // pause, load, play
-
-  [
-  /**
-   * A wrapper around the media elements `pause` function. This will call the `HTML5`
-   * media elements `pause` function.
-   *
-   * @method Html5#pause
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-pause}
-   */
-  'pause',
-  /**
-   * A wrapper around the media elements `load` function. This will call the `HTML5`s
-   * media element `load` function.
-   *
-   * @method Html5#load
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-load}
-   */
-  'load',
-  /**
-   * A wrapper around the media elements `play` function. This will call the `HTML5`s
-   * media element `play` function.
-   *
-   * @method Html5#play
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-play}
-   */
-  'play'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop]();
-    };
-  });
-  Tech.withSourceHandlers(Html5);
-  /**
-   * Native source handler for Html5, simply passes the source to the media element.
-   *
-   * @property {Tech~SourceObject} source
-   *        The source object
-   *
-   * @property {Html5} tech
-   *        The instance of the HTML5 tech.
-   */
-
-  Html5.nativeSourceHandler = {};
-  /**
-   * Check if the media element can play the given mime type.
-   *
-   * @param {string} type
-   *        The mimetype to check
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-
-  Html5.nativeSourceHandler.canPlayType = function (type) {
-    // IE without MediaPlayer throws an error (#519)
-    try {
-      return Html5.TEST_VID.canPlayType(type);
-    } catch (e) {
-      return '';
-    }
-  };
-  /**
-   * Check if the media element can handle a source natively.
-   *
-   * @param {Tech~SourceObject} source
-   *         The source object
-   *
-   * @param {Object} [options]
-   *         Options to be passed to the tech.
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string).
-   */
-
-
-  Html5.nativeSourceHandler.canHandleSource = function (source, options) {
-    // If a type was provided we should rely on that
-    if (source.type) {
-      return Html5.nativeSourceHandler.canPlayType(source.type); // If no type, fall back to checking 'video/[EXTENSION]'
-    } else if (source.src) {
-      var ext = getFileExtension(source.src);
-      return Html5.nativeSourceHandler.canPlayType("video/" + ext);
-    }
-
-    return '';
-  };
-  /**
-   * Pass the source to the native media element.
-   *
-   * @param {Tech~SourceObject} source
-   *        The source object
-   *
-   * @param {Html5} tech
-   *        The instance of the Html5 tech
-   *
-   * @param {Object} [options]
-   *        The options to pass to the source
-   */
-
-
-  Html5.nativeSourceHandler.handleSource = function (source, tech, options) {
-    tech.setSrc(source.src);
-  };
-  /**
-   * A noop for the native dispose function, as cleanup is not needed.
-   */
-
-
-  Html5.nativeSourceHandler.dispose = function () {}; // Register the native source handler
-
-
-  Html5.registerSourceHandler(Html5.nativeSourceHandler);
-  Tech.registerTech('Html5', Html5);
-
-  // on the player when they happen
-
-  var TECH_EVENTS_RETRIGGER = [
-  /**
-   * Fired while the user agent is downloading media data.
-   *
-   * @event Player#progress
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `progress` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechProgress_
-   * @fires Player#progress
-   * @listens Tech#progress
-   */
-  'progress',
-  /**
-   * Fires when the loading of an audio/video is aborted.
-   *
-   * @event Player#abort
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `abort` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechAbort_
-   * @fires Player#abort
-   * @listens Tech#abort
-   */
-  'abort',
-  /**
-   * Fires when the browser is intentionally not getting media data.
-   *
-   * @event Player#suspend
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `suspend` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechSuspend_
-   * @fires Player#suspend
-   * @listens Tech#suspend
-   */
-  'suspend',
-  /**
-   * Fires when the current playlist is empty.
-   *
-   * @event Player#emptied
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `emptied` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechEmptied_
-   * @fires Player#emptied
-   * @listens Tech#emptied
-   */
-  'emptied',
-  /**
-   * Fires when the browser is trying to get media data, but data is not available.
-   *
-   * @event Player#stalled
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechStalled_
-   * @fires Player#stalled
-   * @listens Tech#stalled
-   */
-  'stalled',
-  /**
-   * Fires when the browser has loaded meta data for the audio/video.
-   *
-   * @event Player#loadedmetadata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechLoadedmetadata_
-   * @fires Player#loadedmetadata
-   * @listens Tech#loadedmetadata
-   */
-  'loadedmetadata',
-  /**
-   * Fires when the browser has loaded the current frame of the audio/video.
-   *
-   * @event Player#loadeddata
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `loadeddata` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechLoaddeddata_
-   * @fires Player#loadeddata
-   * @listens Tech#loadeddata
-   */
-  'loadeddata',
-  /**
-   * Fires when the current playback position has changed.
-   *
-   * @event Player#timeupdate
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `timeupdate` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechTimeUpdate_
-   * @fires Player#timeupdate
-   * @listens Tech#timeupdate
-   */
-  'timeupdate',
-  /**
-   * Fires when the video's intrinsic dimensions change
-   *
-   * @event Player#resize
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `resize` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechResize_
-   * @fires Player#resize
-   * @listens Tech#resize
-   */
-  'resize',
-  /**
-   * Fires when the volume has been changed
-   *
-   * @event Player#volumechange
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `volumechange` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechVolumechange_
-   * @fires Player#volumechange
-   * @listens Tech#volumechange
-   */
-  'volumechange',
-  /**
-   * Fires when the text track has been changed
-   *
-   * @event Player#texttrackchange
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `texttrackchange` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechTexttrackchange_
-   * @fires Player#texttrackchange
-   * @listens Tech#texttrackchange
-   */
-  'texttrackchange']; // events to queue when playback rate is zero
-  // this is a hash for the sole purpose of mapping non-camel-cased event names
-  // to camel-cased function names
-
-  var TECH_EVENTS_QUEUE = {
-    canplay: 'CanPlay',
-    canplaythrough: 'CanPlayThrough',
-    playing: 'Playing',
-    seeked: 'Seeked'
-  };
-  var BREAKPOINT_ORDER = ['tiny', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'huge'];
-  var BREAKPOINT_CLASSES = {}; // grep: vjs-layout-tiny
-  // grep: vjs-layout-x-small
-  // grep: vjs-layout-small
-  // grep: vjs-layout-medium
-  // grep: vjs-layout-large
-  // grep: vjs-layout-x-large
-  // grep: vjs-layout-huge
-
-  BREAKPOINT_ORDER.forEach(function (k) {
-    var v = k.charAt(0) === 'x' ? "x-" + k.substring(1) : k;
-    BREAKPOINT_CLASSES[k] = "vjs-layout-" + v;
-  });
-  var DEFAULT_BREAKPOINTS = {
-    tiny: 210,
-    xsmall: 320,
-    small: 425,
-    medium: 768,
-    large: 1440,
-    xlarge: 2560,
-    huge: Infinity
-  };
-  /**
-   * An instance of the `Player` class is created when any of the Video.js setup methods
-   * are used to initialize a video.
-   *
-   * After an instance has been created it can be accessed globally in two ways:
-   * 1. By calling `videojs('example_video_1');`
-   * 2. By using it directly via  `videojs.players.example_video_1;`
-   *
-   * @extends Component
-   */
-
-  var Player =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Player, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Element} tag
-     *        The original video DOM element used for configuring options.
-     *
-     * @param {Object} [options]
-     *        Object of option names and values.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        Ready callback function.
-     */
-    function Player(tag, options, ready) {
-      var _this;
-
-      // Make sure tag ID exists
-      tag.id = tag.id || options.id || "vjs_video_" + newGUID(); // Set Options
-      // The options argument overrides options set in the video tag
-      // which overrides globally set options.
-      // This latter part coincides with the load order
-      // (tag must exist before Player)
-
-      options = assign(Player.getTagSettings(tag), options); // Delay the initialization of children because we need to set up
-      // player properties first, and can't use `this` before `super()`
-
-      options.initChildren = false; // Same with creating the element
-
-      options.createEl = false; // don't auto mixin the evented mixin
-
-      options.evented = false; // we don't want the player to report touch activity on itself
-      // see enableTouchActivity in Component
-
-      options.reportTouchActivity = false; // If language is not set, get the closest lang attribute
-
-      if (!options.language) {
-        if (typeof tag.closest === 'function') {
-          var closest = tag.closest('[lang]');
-
-          if (closest && closest.getAttribute) {
-            options.language = closest.getAttribute('lang');
-          }
-        } else {
-          var element = tag;
-
-          while (element && element.nodeType === 1) {
-            if (getAttributes(element).hasOwnProperty('lang')) {
-              options.language = element.getAttribute('lang');
-              break;
-            }
-
-            element = element.parentNode;
-          }
-        }
-      } // Run base component initializing with new options
-
-
-      _this = _Component.call(this, null, options, ready) || this; // Create bound methods for document listeners.
-
-      _this.boundDocumentFullscreenChange_ = bind(assertThisInitialized(_this), _this.documentFullscreenChange_);
-      _this.boundFullWindowOnEscKey_ = bind(assertThisInitialized(_this), _this.fullWindowOnEscKey); // create logger
-
-      _this.log = createLogger$1(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
-
-      _this.fsApi_ = FullscreenApi; // Tracks when a tech changes the poster
-
-      _this.isPosterFromTech_ = false; // Holds callback info that gets queued when playback rate is zero
-      // and a seek is happening
-
-      _this.queuedCallbacks_ = []; // Turn off API access because we're loading a new tech that might load asynchronously
-
-      _this.isReady_ = false; // Init state hasStarted_
-
-      _this.hasStarted_ = false; // Init state userActive_
-
-      _this.userActive_ = false; // if the global option object was accidentally blown away by
-      // someone, bail early with an informative error
-
-      if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {
-        throw new Error('No techOrder specified. Did you overwrite ' + 'videojs.options instead of just changing the ' + 'properties you want to override?');
-      } // Store the original tag used to set options
-
-
-      _this.tag = tag; // Store the tag attributes used to restore html5 element
-
-      _this.tagAttributes = tag && getAttributes(tag); // Update current language
-
-      _this.language(_this.options_.language); // Update Supported Languages
-
-
-      if (options.languages) {
-        // Normalise player option languages to lowercase
-        var languagesToLower = {};
-        Object.getOwnPropertyNames(options.languages).forEach(function (name) {
-          languagesToLower[name.toLowerCase()] = options.languages[name];
-        });
-        _this.languages_ = languagesToLower;
-      } else {
-        _this.languages_ = Player.prototype.options_.languages;
-      }
-
-      _this.resetCache_(); // Set poster
-
-
-      _this.poster_ = options.poster || ''; // Set controls
-
-      _this.controls_ = !!options.controls; // Original tag settings stored in options
-      // now remove immediately so native controls don't flash.
-      // May be turned back on by HTML5 tech if nativeControlsForTouch is true
-
-      tag.controls = false;
-      tag.removeAttribute('controls');
-      _this.changingSrc_ = false;
-      _this.playCallbacks_ = [];
-      _this.playTerminatedQueue_ = []; // the attribute overrides the option
-
-      if (tag.hasAttribute('autoplay')) {
-        _this.autoplay(true);
-      } else {
-        // otherwise use the setter to validate and
-        // set the correct value.
-        _this.autoplay(_this.options_.autoplay);
-      } // check plugins
-
-
-      if (options.plugins) {
-        Object.keys(options.plugins).forEach(function (name) {
-          if (typeof _this[name] !== 'function') {
-            throw new Error("plugin \"" + name + "\" does not exist");
-          }
-        });
-      }
-      /*
-       * Store the internal state of scrubbing
-       *
-       * @private
-       * @return {Boolean} True if the user is scrubbing
-       */
-
-
-      _this.scrubbing_ = false;
-      _this.el_ = _this.createEl(); // Make this an evented object and use `el_` as its event bus.
-
-      evented(assertThisInitialized(_this), {
-        eventBusKey: 'el_'
-      });
-
-      if (_this.fluid_) {
-        _this.on('playerreset', _this.updateStyleEl_);
-      } // We also want to pass the original player options to each component and plugin
-      // as well so they don't need to reach back into the player for options later.
-      // We also need to do another copy of this.options_ so we don't end up with
-      // an infinite loop.
-
-
-      var playerOptionsCopy = mergeOptions(_this.options_); // Load plugins
-
-      if (options.plugins) {
-        Object.keys(options.plugins).forEach(function (name) {
-          _this[name](options.plugins[name]);
-        });
-      }
-
-      _this.options_.playerOptions = playerOptionsCopy;
-      _this.middleware_ = [];
-
-      _this.initChildren(); // Set isAudio based on whether or not an audio tag was used
-
-
-      _this.isAudio(tag.nodeName.toLowerCase() === 'audio'); // Update controls className. Can't do this when the controls are initially
-      // set because the element doesn't exist yet.
-
-
-      if (_this.controls()) {
-        _this.addClass('vjs-controls-enabled');
-      } else {
-        _this.addClass('vjs-controls-disabled');
-      } // Set ARIA label and region role depending on player type
-
-
-      _this.el_.setAttribute('role', 'region');
-
-      if (_this.isAudio()) {
-        _this.el_.setAttribute('aria-label', _this.localize('Audio Player'));
-      } else {
-        _this.el_.setAttribute('aria-label', _this.localize('Video Player'));
-      }
-
-      if (_this.isAudio()) {
-        _this.addClass('vjs-audio');
-      }
-
-      if (_this.flexNotSupported_()) {
-        _this.addClass('vjs-no-flex');
-      } // TODO: Make this smarter. Toggle user state between touching/mousing
-      // using events, since devices can have both touch and mouse events.
-      // TODO: Make this check be performed again when the window switches between monitors
-      // (See https://github.com/videojs/video.js/issues/5683)
-
-
-      if (TOUCH_ENABLED) {
-        _this.addClass('vjs-touch-enabled');
-      } // iOS Safari has broken hover handling
-
-
-      if (!IS_IOS) {
-        _this.addClass('vjs-workinghover');
-      } // Make player easily findable by ID
-
-
-      Player.players[_this.id_] = assertThisInitialized(_this); // Add a major version class to aid css in plugins
-
-      var majorVersion = version.split('.')[0];
-
-      _this.addClass("vjs-v" + majorVersion); // When the player is first initialized, trigger activity so components
-      // like the control bar show themselves if needed
-
-
-      _this.userActive(true);
-
-      _this.reportUserActivity();
-
-      _this.one('play', _this.listenForUserActivity_);
-
-      _this.on('stageclick', _this.handleStageClick_);
-
-      _this.on('keydown', _this.handleKeyDown);
-
-      _this.breakpoints(_this.options_.breakpoints);
-
-      _this.responsive(_this.options_.responsive);
-
-      return _this;
-    }
-    /**
-     * 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.
-     *
-     * @fires Player#dispose
-     */
-
-
-    var _proto = Player.prototype;
-
-    _proto.dispose = function dispose() {
-      var _this2 = this;
-
-      /**
-       * Called when the player is being disposed of.
-       *
-       * @event Player#dispose
-       * @type {EventTarget~Event}
-       */
-      this.trigger('dispose'); // prevent dispose from being called twice
-
-      this.off('dispose'); // Make sure all player-specific document listeners are unbound. This is
-
-      off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-      off(document, 'keydown', this.boundFullWindowOnEscKey_);
-
-      if (this.styleEl_ && this.styleEl_.parentNode) {
-        this.styleEl_.parentNode.removeChild(this.styleEl_);
-        this.styleEl_ = null;
-      } // Kill reference to this player
-
-
-      Player.players[this.id_] = null;
-
-      if (this.tag && this.tag.player) {
-        this.tag.player = null;
-      }
-
-      if (this.el_ && this.el_.player) {
-        this.el_.player = null;
-      }
-
-      if (this.tech_) {
-        this.tech_.dispose();
-        this.isPosterFromTech_ = false;
-        this.poster_ = '';
-      }
-
-      if (this.playerElIngest_) {
-        this.playerElIngest_ = null;
-      }
-
-      if (this.tag) {
-        this.tag = null;
-      }
-
-      clearCacheForPlayer(this); // remove all event handlers for track lists
-      // all tracks and track listeners are removed on
-      // tech dispose
-
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-
-        var list = _this2[props.getterName](); // if it is not a native list
-        // we have to manually remove event listeners
-
-
-        if (list && list.off) {
-          list.off();
-        }
-      }); // the actual .el_ is removed here
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Create the `Player`'s DOM element.
-     *
-     * @return {Element}
-     *         The DOM element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var tag = this.tag;
-      var el;
-      var playerElIngest = this.playerElIngest_ = tag.parentNode && tag.parentNode.hasAttribute && tag.parentNode.hasAttribute('data-vjs-player');
-      var divEmbed = this.tag.tagName.toLowerCase() === 'video-js';
-
-      if (playerElIngest) {
-        el = this.el_ = tag.parentNode;
-      } else if (!divEmbed) {
-        el = this.el_ = _Component.prototype.createEl.call(this, 'div');
-      } // Copy over all the attributes from the tag, including ID and class
-      // ID will now reference player box, not the video tag
-
-
-      var attrs = getAttributes(tag);
-
-      if (divEmbed) {
-        el = this.el_ = tag;
-        tag = this.tag = document.createElement('video');
-
-        while (el.children.length) {
-          tag.appendChild(el.firstChild);
-        }
-
-        if (!hasClass(el, 'video-js')) {
-          addClass(el, 'video-js');
-        }
-
-        el.appendChild(tag);
-        playerElIngest = this.playerElIngest_ = el; // move properties over from our custom `video-js` element
-        // to our new `video` element. This will move things like
-        // `src` or `controls` that were set via js before the player
-        // was initialized.
-
-        Object.keys(el).forEach(function (k) {
-          try {
-            tag[k] = el[k];
-          } catch (e) {// we got a a property like outerHTML which we can't actually copy, ignore it
-          }
-        });
-      } // set tabindex to -1 to remove the video element from the focus order
-
-
-      tag.setAttribute('tabindex', '-1');
-      attrs.tabindex = '-1'; // Workaround for #4583 (JAWS+IE doesn't announce BPB or play button), and
-      // for the same issue with Chrome (on Windows) with JAWS.
-      // See https://github.com/FreedomScientific/VFO-standards-support/issues/78
-      // Note that we can't detect if JAWS is being used, but this ARIA attribute
-      //  doesn't change behavior of IE11 or Chrome if JAWS is not being used
-
-      if (IE_VERSION || IS_CHROME && IS_WINDOWS) {
-        tag.setAttribute('role', 'application');
-        attrs.role = 'application';
-      } // Remove width/height attrs from tag so CSS can make it 100% width/height
-
-
-      tag.removeAttribute('width');
-      tag.removeAttribute('height');
-
-      if ('width' in attrs) {
-        delete attrs.width;
-      }
-
-      if ('height' in attrs) {
-        delete attrs.height;
-      }
-
-      Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-        // don't copy over the class attribute to the player element when we're in a div embed
-        // the class is already set up properly in the divEmbed case
-        // and we want to make sure that the `video-js` class doesn't get lost
-        if (!(divEmbed && attr === 'class')) {
-          el.setAttribute(attr, attrs[attr]);
-        }
-
-        if (divEmbed) {
-          tag.setAttribute(attr, attrs[attr]);
-        }
-      }); // Update tag id/class for use as HTML5 playback tech
-      // Might think we should do this after embedding in container so .vjs-tech class
-      // doesn't flash 100% width/height, but class only applies with .video-js parent
-
-      tag.playerId = tag.id;
-      tag.id += '_html5_api';
-      tag.className = 'vjs-tech'; // Make player findable on elements
-
-      tag.player = el.player = this; // Default state of video is paused
-
-      this.addClass('vjs-paused'); // Add a style element in the player that we'll use to set the width/height
-      // of the player in a way that's still overrideable by CSS, just like the
-      // video element
-
-      if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
-        this.styleEl_ = createStyleElement('vjs-styles-dimensions');
-        var defaultsStyleEl = $('.vjs-styles-defaults');
-        var head = $('head');
-        head.insertBefore(this.styleEl_, defaultsStyleEl ? defaultsStyleEl.nextSibling : head.firstChild);
-      }
-
-      this.fill_ = false;
-      this.fluid_ = false; // Pass in the width/height/aspectRatio options which will update the style el
-
-      this.width(this.options_.width);
-      this.height(this.options_.height);
-      this.fill(this.options_.fill);
-      this.fluid(this.options_.fluid);
-      this.aspectRatio(this.options_.aspectRatio); // Hide any links within the video/audio tag,
-      // because IE doesn't hide them completely from screen readers.
-
-      var links = tag.getElementsByTagName('a');
-
-      for (var i = 0; i < links.length; i++) {
-        var linkEl = links.item(i);
-        addClass(linkEl, 'vjs-hidden');
-        linkEl.setAttribute('hidden', 'hidden');
-      } // insertElFirst seems to cause the networkState to flicker from 3 to 2, so
-      // keep track of the original for later so we can know if the source originally failed
-
-
-      tag.initNetworkState_ = tag.networkState; // Wrap video tag in div (el/box) container
-
-      if (tag.parentNode && !playerElIngest) {
-        tag.parentNode.insertBefore(el, tag);
-      } // insert the tag as the first child of the player element
-      // then manually add it to the children array so that this.addChild
-      // will work properly for other components
-      //
-      // Breaks iPhone, fixed in HTML5 setup.
-
-
-      prependTo(tag, el);
-      this.children_.unshift(tag); // Set lang attr on player to ensure CSS :lang() in consistent with player
-      // if it's been set to something different to the doc
-
-      this.el_.setAttribute('lang', this.language_);
-      this.el_ = el;
-      return el;
-    }
-    /**
-     * A getter/setter for the `Player`'s width. Returns the player's configured value.
-     * To get the current width use `currentWidth()`.
-     *
-     * @param {number} [value]
-     *        The value to set the `Player`'s width to.
-     *
-     * @return {number}
-     *         The current width of the `Player` when getting.
-     */
-    ;
-
-    _proto.width = function width(value) {
-      return this.dimension('width', value);
-    }
-    /**
-     * A getter/setter for the `Player`'s height. Returns the player's configured value.
-     * To get the current height use `currentheight()`.
-     *
-     * @param {number} [value]
-     *        The value to set the `Player`'s heigth to.
-     *
-     * @return {number}
-     *         The current height of the `Player` when getting.
-     */
-    ;
-
-    _proto.height = function height(value) {
-      return this.dimension('height', value);
-    }
-    /**
-     * A getter/setter for the `Player`'s width & height.
-     *
-     * @param {string} dimension
-     *        This string can be:
-     *        - 'width'
-     *        - 'height'
-     *
-     * @param {number} [value]
-     *        Value for dimension specified in the first argument.
-     *
-     * @return {number}
-     *         The dimension arguments value when getting (width/height).
-     */
-    ;
-
-    _proto.dimension = function dimension(_dimension, value) {
-      var privDimension = _dimension + '_';
-
-      if (value === undefined) {
-        return this[privDimension] || 0;
-      }
-
-      if (value === '' || value === 'auto') {
-        // If an empty string is given, reset the dimension to be automatic
-        this[privDimension] = undefined;
-        this.updateStyleEl_();
-        return;
-      }
-
-      var parsedVal = parseFloat(value);
-
-      if (isNaN(parsedVal)) {
-        log.error("Improper value \"" + value + "\" supplied for for " + _dimension);
-        return;
-      }
-
-      this[privDimension] = parsedVal;
-      this.updateStyleEl_();
-    }
-    /**
-     * A getter/setter/toggler for the vjs-fluid `className` on the `Player`.
-     *
-     * Turning this on will turn off fill mode.
-     *
-     * @param {boolean} [bool]
-     *        - A value of true adds the class.
-     *        - A value of false removes the class.
-     *        - No value will be a getter.
-     *
-     * @return {boolean|undefined}
-     *         - The value of fluid when getting.
-     *         - `undefined` when setting.
-     */
-    ;
-
-    _proto.fluid = function fluid(bool) {
-      if (bool === undefined) {
-        return !!this.fluid_;
-      }
-
-      this.fluid_ = !!bool;
-
-      if (isEvented(this)) {
-        this.off('playerreset', this.updateStyleEl_);
-      }
-
-      if (bool) {
-        this.addClass('vjs-fluid');
-        this.fill(false);
-        addEventedCallback(function () {
-          this.on('playerreset', this.updateStyleEl_);
-        });
-      } else {
-        this.removeClass('vjs-fluid');
-      }
-
-      this.updateStyleEl_();
-    }
-    /**
-     * A getter/setter/toggler for the vjs-fill `className` on the `Player`.
-     *
-     * Turning this on will turn off fluid mode.
-     *
-     * @param {boolean} [bool]
-     *        - A value of true adds the class.
-     *        - A value of false removes the class.
-     *        - No value will be a getter.
-     *
-     * @return {boolean|undefined}
-     *         - The value of fluid when getting.
-     *         - `undefined` when setting.
-     */
-    ;
-
-    _proto.fill = function fill(bool) {
-      if (bool === undefined) {
-        return !!this.fill_;
-      }
-
-      this.fill_ = !!bool;
-
-      if (bool) {
-        this.addClass('vjs-fill');
-        this.fluid(false);
-      } else {
-        this.removeClass('vjs-fill');
-      }
-    }
-    /**
-     * Get/Set the aspect ratio
-     *
-     * @param {string} [ratio]
-     *        Aspect ratio for player
-     *
-     * @return {string|undefined}
-     *         returns the current aspect ratio when getting
-     */
-
-    /**
-     * A getter/setter for the `Player`'s aspect ratio.
-     *
-     * @param {string} [ratio]
-     *        The value to set the `Player's aspect ratio to.
-     *
-     * @return {string|undefined}
-     *         - The current aspect ratio of the `Player` when getting.
-     *         - undefined when setting
-     */
-    ;
-
-    _proto.aspectRatio = function aspectRatio(ratio) {
-      if (ratio === undefined) {
-        return this.aspectRatio_;
-      } // Check for width:height format
-
-
-      if (!/^\d+\:\d+$/.test(ratio)) {
-        throw new Error('Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.');
-      }
-
-      this.aspectRatio_ = ratio; // We're assuming if you set an aspect ratio you want fluid mode,
-      // because in fixed mode you could calculate width and height yourself.
-
-      this.fluid(true);
-      this.updateStyleEl_();
-    }
-    /**
-     * Update styles of the `Player` element (height, width and aspect ratio).
-     *
-     * @private
-     * @listens Tech#loadedmetadata
-     */
-    ;
-
-    _proto.updateStyleEl_ = function updateStyleEl_() {
-      if (window$1.VIDEOJS_NO_DYNAMIC_STYLE === true) {
-        var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;
-
-        var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;
-
-        var techEl = this.tech_ && this.tech_.el();
-
-        if (techEl) {
-          if (_width >= 0) {
-            techEl.width = _width;
-          }
-
-          if (_height >= 0) {
-            techEl.height = _height;
-          }
-        }
-
-        return;
-      }
-
-      var width;
-      var height;
-      var aspectRatio;
-      var idClass; // The aspect ratio is either used directly or to calculate width and height.
-
-      if (this.aspectRatio_ !== undefined && this.aspectRatio_ !== 'auto') {
-        // Use any aspectRatio that's been specifically set
-        aspectRatio = this.aspectRatio_;
-      } else if (this.videoWidth() > 0) {
-        // Otherwise try to get the aspect ratio from the video metadata
-        aspectRatio = this.videoWidth() + ':' + this.videoHeight();
-      } else {
-        // Or use a default. The video element's is 2:1, but 16:9 is more common.
-        aspectRatio = '16:9';
-      } // Get the ratio as a decimal we can use to calculate dimensions
-
-
-      var ratioParts = aspectRatio.split(':');
-      var ratioMultiplier = ratioParts[1] / ratioParts[0];
-
-      if (this.width_ !== undefined) {
-        // Use any width that's been specifically set
-        width = this.width_;
-      } else if (this.height_ !== undefined) {
-        // Or calulate the width from the aspect ratio if a height has been set
-        width = this.height_ / ratioMultiplier;
-      } else {
-        // Or use the video's metadata, or use the video el's default of 300
-        width = this.videoWidth() || 300;
-      }
-
-      if (this.height_ !== undefined) {
-        // Use any height that's been specifically set
-        height = this.height_;
-      } else {
-        // Otherwise calculate the height from the ratio and the width
-        height = width * ratioMultiplier;
-      } // Ensure the CSS class is valid by starting with an alpha character
-
-
-      if (/^[^a-zA-Z]/.test(this.id())) {
-        idClass = 'dimensions-' + this.id();
-      } else {
-        idClass = this.id() + '-dimensions';
-      } // Ensure the right class is still on the player for the style element
-
-
-      this.addClass(idClass);
-      setTextContent(this.styleEl_, "\n      ." + idClass + " {\n        width: " + width + "px;\n        height: " + height + "px;\n      }\n\n      ." + idClass + ".vjs-fluid {\n        padding-top: " + ratioMultiplier * 100 + "%;\n      }\n    ");
-    }
-    /**
-     * Load/Create an instance of playback {@link Tech} including element
-     * and API methods. Then append the `Tech` element in `Player` as a child.
-     *
-     * @param {string} techName
-     *        name of the playback technology
-     *
-     * @param {string} source
-     *        video source
-     *
-     * @private
-     */
-    ;
-
-    _proto.loadTech_ = function loadTech_(techName, source) {
-      var _this3 = this;
-
-      // Pause and remove current playback technology
-      if (this.tech_) {
-        this.unloadTech_();
-      }
-
-      var titleTechName = toTitleCase(techName);
-      var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1); // get rid of the HTML5 video tag as soon as we are using another tech
-
-      if (titleTechName !== 'Html5' && this.tag) {
-        Tech.getTech('Html5').disposeMediaElement(this.tag);
-        this.tag.player = null;
-        this.tag = null;
-      }
-
-      this.techName_ = titleTechName; // Turn off API access because we're loading a new tech that might load asynchronously
-
-      this.isReady_ = false; // if autoplay is a string we pass false to the tech
-      // because the player is going to handle autoplay on `loadstart`
-
-      var autoplay = typeof this.autoplay() === 'string' ? false : this.autoplay(); // Grab tech-specific options from player options and add source and parent element to use.
-
-      var techOptions = {
-        source: source,
-        autoplay: autoplay,
-        'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-        'playerId': this.id(),
-        'techId': this.id() + "_" + camelTechName + "_api",
-        'playsinline': this.options_.playsinline,
-        'preload': this.options_.preload,
-        'loop': this.options_.loop,
-        'muted': this.options_.muted,
-        'poster': this.poster(),
-        'language': this.language(),
-        'playerElIngest': this.playerElIngest_ || false,
-        'vtt.js': this.options_['vtt.js'],
-        'canOverridePoster': !!this.options_.techCanOverridePoster,
-        'enableSourceset': this.options_.enableSourceset,
-        'Promise': this.options_.Promise
-      };
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-        techOptions[props.getterName] = _this3[props.privateName];
-      });
-      assign(techOptions, this.options_[titleTechName]);
-      assign(techOptions, this.options_[camelTechName]);
-      assign(techOptions, this.options_[techName.toLowerCase()]);
-
-      if (this.tag) {
-        techOptions.tag = this.tag;
-      }
-
-      if (source && source.src === this.cache_.src && this.cache_.currentTime > 0) {
-        techOptions.startTime = this.cache_.currentTime;
-      } // Initialize tech instance
-
-
-      var TechClass = Tech.getTech(techName);
-
-      if (!TechClass) {
-        throw new Error("No Tech named '" + titleTechName + "' exists! '" + titleTechName + "' should be registered using videojs.registerTech()'");
-      }
-
-      this.tech_ = new TechClass(techOptions); // player.triggerReady is always async, so don't need this to be async
-
-      this.tech_.ready(bind(this, this.handleTechReady_), true);
-      textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_); // Listen to all HTML5-defined events and trigger them on the player
-
-      TECH_EVENTS_RETRIGGER.forEach(function (event) {
-        _this3.on(_this3.tech_, event, _this3["handleTech" + toTitleCase(event) + "_"]);
-      });
-      Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {
-        _this3.on(_this3.tech_, event, function (eventObj) {
-          if (_this3.tech_.playbackRate() === 0 && _this3.tech_.seeking()) {
-            _this3.queuedCallbacks_.push({
-              callback: _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this3),
-              event: eventObj
-            });
-
-            return;
-          }
-
-          _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
-        });
-      });
-      this.on(this.tech_, 'loadstart', this.handleTechLoadStart_);
-      this.on(this.tech_, 'sourceset', this.handleTechSourceset_);
-      this.on(this.tech_, 'waiting', this.handleTechWaiting_);
-      this.on(this.tech_, 'ended', this.handleTechEnded_);
-      this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-      this.on(this.tech_, 'play', this.handleTechPlay_);
-      this.on(this.tech_, 'firstplay', this.handleTechFirstPlay_);
-      this.on(this.tech_, 'pause', this.handleTechPause_);
-      this.on(this.tech_, 'durationchange', this.handleTechDurationChange_);
-      this.on(this.tech_, 'fullscreenchange', this.handleTechFullscreenChange_);
-      this.on(this.tech_, 'enterpictureinpicture', this.handleTechEnterPictureInPicture_);
-      this.on(this.tech_, 'leavepictureinpicture', this.handleTechLeavePictureInPicture_);
-      this.on(this.tech_, 'error', this.handleTechError_);
-      this.on(this.tech_, 'loadedmetadata', this.updateStyleEl_);
-      this.on(this.tech_, 'posterchange', this.handleTechPosterChange_);
-      this.on(this.tech_, 'textdata', this.handleTechTextData_);
-      this.on(this.tech_, 'ratechange', this.handleTechRateChange_);
-      this.usingNativeControls(this.techGet_('controls'));
-
-      if (this.controls() && !this.usingNativeControls()) {
-        this.addTechControlsListeners_();
-      } // Add the tech element in the DOM if it was not already there
-      // Make sure to not insert the original video element if using Html5
-
-
-      if (this.tech_.el().parentNode !== this.el() && (titleTechName !== 'Html5' || !this.tag)) {
-        prependTo(this.tech_.el(), this.el());
-      } // Get rid of the original video tag reference after the first tech is loaded
-
-
-      if (this.tag) {
-        this.tag.player = null;
-        this.tag = null;
-      }
-    }
-    /**
-     * Unload and dispose of the current playback {@link Tech}.
-     *
-     * @private
-     */
-    ;
-
-    _proto.unloadTech_ = function unloadTech_() {
-      var _this4 = this;
-
-      // Save the current text tracks so that we can reuse the same text tracks with the next tech
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-        _this4[props.privateName] = _this4[props.getterName]();
-      });
-      this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);
-      this.isReady_ = false;
-      this.tech_.dispose();
-      this.tech_ = false;
-
-      if (this.isPosterFromTech_) {
-        this.poster_ = '';
-        this.trigger('posterchange');
-      }
-
-      this.isPosterFromTech_ = false;
-    }
-    /**
-     * Return a reference to the current {@link Tech}.
-     * It will print a warning by default about the danger of using the tech directly
-     * but any argument that is passed in will silence the warning.
-     *
-     * @param {*} [safety]
-     *        Anything passed in to silence the warning
-     *
-     * @return {Tech}
-     *         The Tech
-     */
-    ;
-
-    _proto.tech = function tech(safety) {
-      if (safety === undefined) {
-        log.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
-      }
-
-      return this.tech_;
-    }
-    /**
-     * Set up click and touch listeners for the playback element
-     *
-     * - On desktops: a click on the video itself will toggle playback
-     * - On mobile devices: a click on the video toggles controls
-     *   which 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
-     *
-     * @private
-     */
-    ;
-
-    _proto.addTechControlsListeners_ = function addTechControlsListeners_() {
-      // Make sure to remove all the previous listeners in case we are called multiple times.
-      this.removeTechControlsListeners_(); // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
-      // trigger mousedown/up.
-      // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
-      // Any touch events are set to block the mousedown event from happening
-
-      this.on(this.tech_, 'mouseup', this.handleTechClick_);
-      this.on(this.tech_, 'dblclick', this.handleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
-      // so we'll check if the controls were already showing before reporting user
-      // activity
-
-      this.on(this.tech_, 'touchstart', this.handleTechTouchStart_);
-      this.on(this.tech_, 'touchmove', this.handleTechTouchMove_);
-      this.on(this.tech_, 'touchend', this.handleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
-      // listener cancels out any reportedUserActivity when setting userActive(false)
-
-      this.on(this.tech_, 'tap', this.handleTechTap_);
-    }
-    /**
-     * Remove the listeners used for click and tap controls. This is needed for
-     * toggling to controls disabled, where a tap/touch should do nothing.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeTechControlsListeners_ = function removeTechControlsListeners_() {
-      // We don't want to just use `this.off()` because there might be other needed
-      // listeners added by techs that extend this.
-      this.off(this.tech_, 'tap', this.handleTechTap_);
-      this.off(this.tech_, 'touchstart', this.handleTechTouchStart_);
-      this.off(this.tech_, 'touchmove', this.handleTechTouchMove_);
-      this.off(this.tech_, 'touchend', this.handleTechTouchEnd_);
-      this.off(this.tech_, 'mouseup', this.handleTechClick_);
-      this.off(this.tech_, 'dblclick', this.handleTechDoubleClick_);
-    }
-    /**
-     * Player waits for the tech to be ready
-     *
-     * @private
-     */
-    ;
-
-    _proto.handleTechReady_ = function handleTechReady_() {
-      this.triggerReady(); // Keep the same volume as before
-
-      if (this.cache_.volume) {
-        this.techCall_('setVolume', this.cache_.volume);
-      } // Look if the tech found a higher resolution poster while loading
-
-
-      this.handleTechPosterChange_(); // Update the duration if available
-
-      this.handleTechDurationChange_();
-    }
-    /**
-     * Retrigger the `loadstart` event that was triggered by the {@link Tech}. This
-     * function will also trigger {@link Player#firstplay} if it is the first loadstart
-     * for a video.
-     *
-     * @fires Player#loadstart
-     * @fires Player#firstplay
-     * @listens Tech#loadstart
-     * @private
-     */
-    ;
-
-    _proto.handleTechLoadStart_ = function handleTechLoadStart_() {
-      // TODO: Update to use `emptied` event instead. See #1277.
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-seeking'); // reset the error state
-
-      this.error(null); // Update the duration
-
-      this.handleTechDurationChange_(); // If it's already playing we want to trigger a firstplay event now.
-      // The firstplay event relies on both the play and loadstart events
-      // which can happen in any order for a new source
-
-      if (!this.paused()) {
-        /**
-         * Fired when the user agent begins looking for media data
-         *
-         * @event Player#loadstart
-         * @type {EventTarget~Event}
-         */
-        this.trigger('loadstart');
-        this.trigger('firstplay');
-      } else {
-        // reset the hasStarted state
-        this.hasStarted(false);
-        this.trigger('loadstart');
-      } // autoplay happens after loadstart for the browser,
-      // so we mimic that behavior
-
-
-      this.manualAutoplay_(this.autoplay());
-    }
-    /**
-     * Handle autoplay string values, rather than the typical boolean
-     * values that should be handled by the tech. Note that this is not
-     * part of any specification. Valid values and what they do can be
-     * found on the autoplay getter at Player#autoplay()
-     */
-    ;
-
-    _proto.manualAutoplay_ = function manualAutoplay_(type) {
-      var _this5 = this;
-
-      if (!this.tech_ || typeof type !== 'string') {
-        return;
-      }
-
-      var muted = function muted() {
-        var previouslyMuted = _this5.muted();
-
-        _this5.muted(true);
-
-        var restoreMuted = function restoreMuted() {
-          _this5.muted(previouslyMuted);
-        }; // restore muted on play terminatation
-
-
-        _this5.playTerminatedQueue_.push(restoreMuted);
-
-        var mutedPromise = _this5.play();
-
-        if (!isPromise(mutedPromise)) {
-          return;
-        }
-
-        return mutedPromise["catch"](restoreMuted);
-      };
-
-      var promise; // if muted defaults to true
-      // the only thing we can do is call play
-
-      if (type === 'any' && this.muted() !== true) {
-        promise = this.play();
-
-        if (isPromise(promise)) {
-          promise = promise["catch"](muted);
-        }
-      } else if (type === 'muted' && this.muted() !== true) {
-        promise = muted();
-      } else {
-        promise = this.play();
-      }
-
-      if (!isPromise(promise)) {
-        return;
-      }
-
-      return promise.then(function () {
-        _this5.trigger({
-          type: 'autoplay-success',
-          autoplay: type
-        });
-      })["catch"](function (e) {
-        _this5.trigger({
-          type: 'autoplay-failure',
-          autoplay: type
-        });
-      });
-    }
-    /**
-     * Update the internal source caches so that we return the correct source from
-     * `src()`, `currentSource()`, and `currentSources()`.
-     *
-     * > Note: `currentSources` will not be updated if the source that is passed in exists
-     *         in the current `currentSources` cache.
-     *
-     *
-     * @param {Tech~SourceObject} srcObj
-     *        A string or object source to update our caches to.
-     */
-    ;
-
-    _proto.updateSourceCaches_ = function updateSourceCaches_(srcObj) {
-      if (srcObj === void 0) {
-        srcObj = '';
-      }
-
-      var src = srcObj;
-      var type = '';
-
-      if (typeof src !== 'string') {
-        src = srcObj.src;
-        type = srcObj.type;
-      } // make sure all the caches are set to default values
-      // to prevent null checking
-
-
-      this.cache_.source = this.cache_.source || {};
-      this.cache_.sources = this.cache_.sources || []; // try to get the type of the src that was passed in
-
-      if (src && !type) {
-        type = findMimetype(this, src);
-      } // update `currentSource` cache always
-
-
-      this.cache_.source = mergeOptions({}, srcObj, {
-        src: src,
-        type: type
-      });
-      var matchingSources = this.cache_.sources.filter(function (s) {
-        return s.src && s.src === src;
-      });
-      var sourceElSources = [];
-      var sourceEls = this.$$('source');
-      var matchingSourceEls = [];
-
-      for (var i = 0; i < sourceEls.length; i++) {
-        var sourceObj = getAttributes(sourceEls[i]);
-        sourceElSources.push(sourceObj);
-
-        if (sourceObj.src && sourceObj.src === src) {
-          matchingSourceEls.push(sourceObj.src);
-        }
-      } // if we have matching source els but not matching sources
-      // the current source cache is not up to date
-
-
-      if (matchingSourceEls.length && !matchingSources.length) {
-        this.cache_.sources = sourceElSources; // if we don't have matching source or source els set the
-        // sources cache to the `currentSource` cache
-      } else if (!matchingSources.length) {
-        this.cache_.sources = [this.cache_.source];
-      } // update the tech `src` cache
-
-
-      this.cache_.src = src;
-    }
-    /**
-     * *EXPERIMENTAL* Fired when the source is set or changed on the {@link Tech}
-     * causing the media element to reload.
-     *
-     * It will fire for the initial source and each subsequent source.
-     * This event is a custom event from Video.js and is triggered by the {@link Tech}.
-     *
-     * The event object for this event contains a `src` property that will contain the source
-     * that was available when the event was triggered. This is generally only necessary if Video.js
-     * is switching techs while the source was being changed.
-     *
-     * It is also fired when `load` is called on the player (or media element)
-     * because the {@link https://html.spec.whatwg.org/multipage/media.html#dom-media-load|specification for `load`}
-     * says that the resource selection algorithm needs to be aborted and restarted.
-     * In this case, it is very likely that the `src` property will be set to the
-     * empty string `""` to indicate we do not know what the source will be but
-     * that it is changing.
-     *
-     * *This event is currently still experimental and may change in minor releases.*
-     * __To use this, pass `enableSourceset` option to the player.__
-     *
-     * @event Player#sourceset
-     * @type {EventTarget~Event}
-     * @prop {string} src
-     *                The source url available when the `sourceset` was triggered.
-     *                It will be an empty string if we cannot know what the source is
-     *                but know that the source will change.
-     */
-
-    /**
-     * Retrigger the `sourceset` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#sourceset
-     * @listens Tech#sourceset
-     * @private
-     */
-    ;
-
-    _proto.handleTechSourceset_ = function handleTechSourceset_(event) {
-      var _this6 = this;
-
-      // only update the source cache when the source
-      // was not updated using the player api
-      if (!this.changingSrc_) {
-        var updateSourceCaches = function updateSourceCaches(src) {
-          return _this6.updateSourceCaches_(src);
-        };
-
-        var playerSrc = this.currentSource().src;
-        var eventSrc = event.src; // if we have a playerSrc that is not a blob, and a tech src that is a blob
-
-        if (playerSrc && !/^blob:/.test(playerSrc) && /^blob:/.test(eventSrc)) {
-          // if both the tech source and the player source were updated we assume
-          // something like @videojs/http-streaming did the sourceset and skip updating the source cache.
-          if (!this.lastSource_ || this.lastSource_.tech !== eventSrc && this.lastSource_.player !== playerSrc) {
-            updateSourceCaches = function updateSourceCaches() {};
-          }
-        } // update the source to the intial source right away
-        // in some cases this will be empty string
-
-
-        updateSourceCaches(eventSrc); // if the `sourceset` `src` was an empty string
-        // wait for a `loadstart` to update the cache to `currentSrc`.
-        // If a sourceset happens before a `loadstart`, we reset the state
-
-        if (!event.src) {
-          this.tech_.any(['sourceset', 'loadstart'], function (e) {
-            // if a sourceset happens before a `loadstart` there
-            // is nothing to do as this `handleTechSourceset_`
-            // will be called again and this will be handled there.
-            if (e.type === 'sourceset') {
-              return;
-            }
-
-            var techSrc = _this6.techGet('currentSrc');
-
-            _this6.lastSource_.tech = techSrc;
-
-            _this6.updateSourceCaches_(techSrc);
-          });
-        }
-      }
-
-      this.lastSource_ = {
-        player: this.currentSource().src,
-        tech: event.src
-      };
-      this.trigger({
-        src: event.src,
-        type: 'sourceset'
-      });
-    }
-    /**
-     * Add/remove the vjs-has-started class
-     *
-     * @fires Player#firstplay
-     *
-     * @param {boolean} request
-     *        - true: adds the class
-     *        - false: remove the class
-     *
-     * @return {boolean}
-     *         the boolean value of hasStarted_
-     */
-    ;
-
-    _proto.hasStarted = function hasStarted(request) {
-      if (request === undefined) {
-        // act as getter, if we have no request to change
-        return this.hasStarted_;
-      }
-
-      if (request === this.hasStarted_) {
-        return;
-      }
-
-      this.hasStarted_ = request;
-
-      if (this.hasStarted_) {
-        this.addClass('vjs-has-started');
-        this.trigger('firstplay');
-      } else {
-        this.removeClass('vjs-has-started');
-      }
-    }
-    /**
-     * Fired whenever the media begins or resumes playback
-     *
-     * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-play}
-     * @fires Player#play
-     * @listens Tech#play
-     * @private
-     */
-    ;
-
-    _proto.handleTechPlay_ = function handleTechPlay_() {
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-paused');
-      this.addClass('vjs-playing'); // hide the poster when the user hits play
-
-      this.hasStarted(true);
-      /**
-       * Triggered whenever an {@link Tech#play} event happens. Indicates that
-       * playback has started or resumed.
-       *
-       * @event Player#play
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('play');
-    }
-    /**
-     * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
-     *
-     * If there were any events queued while the playback rate was zero, fire
-     * those events now.
-     *
-     * @private
-     * @method Player#handleTechRateChange_
-     * @fires Player#ratechange
-     * @listens Tech#ratechange
-     */
-    ;
-
-    _proto.handleTechRateChange_ = function handleTechRateChange_() {
-      if (this.tech_.playbackRate() > 0 && this.cache_.lastPlaybackRate === 0) {
-        this.queuedCallbacks_.forEach(function (queued) {
-          return queued.callback(queued.event);
-        });
-        this.queuedCallbacks_ = [];
-      }
-
-      this.cache_.lastPlaybackRate = this.tech_.playbackRate();
-      /**
-       * Fires when the playing speed of the audio/video is changed
-       *
-       * @event Player#ratechange
-       * @type {event}
-       */
-
-      this.trigger('ratechange');
-    }
-    /**
-     * Retrigger the `waiting` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#waiting
-     * @listens Tech#waiting
-     * @private
-     */
-    ;
-
-    _proto.handleTechWaiting_ = function handleTechWaiting_() {
-      var _this7 = this;
-
-      this.addClass('vjs-waiting');
-      /**
-       * A readyState change on the DOM element has caused playback to stop.
-       *
-       * @event Player#waiting
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('waiting'); // Browsers may emit a timeupdate event after a waiting event. In order to prevent
-      // premature removal of the waiting class, wait for the time to change.
-
-      var timeWhenWaiting = this.currentTime();
-
-      var timeUpdateListener = function timeUpdateListener() {
-        if (timeWhenWaiting !== _this7.currentTime()) {
-          _this7.removeClass('vjs-waiting');
-
-          _this7.off('timeupdate', timeUpdateListener);
-        }
-      };
-
-      this.on('timeupdate', timeUpdateListener);
-    }
-    /**
-     * Retrigger the `canplay` event that was triggered by the {@link Tech}.
-     * > Note: This is not consistent between browsers. See #1351
-     *
-     * @fires Player#canplay
-     * @listens Tech#canplay
-     * @private
-     */
-    ;
-
-    _proto.handleTechCanPlay_ = function handleTechCanPlay_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media has a readyState of HAVE_FUTURE_DATA or greater.
-       *
-       * @event Player#canplay
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('canplay');
-    }
-    /**
-     * Retrigger the `canplaythrough` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#canplaythrough
-     * @listens Tech#canplaythrough
-     * @private
-     */
-    ;
-
-    _proto.handleTechCanPlayThrough_ = function handleTechCanPlayThrough_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the
-       * entire media file can be played without buffering.
-       *
-       * @event Player#canplaythrough
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('canplaythrough');
-    }
-    /**
-     * Retrigger the `playing` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#playing
-     * @listens Tech#playing
-     * @private
-     */
-    ;
-
-    _proto.handleTechPlaying_ = function handleTechPlaying_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media is no longer blocked from playback, and has started playing.
-       *
-       * @event Player#playing
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('playing');
-    }
-    /**
-     * Retrigger the `seeking` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#seeking
-     * @listens Tech#seeking
-     * @private
-     */
-    ;
-
-    _proto.handleTechSeeking_ = function handleTechSeeking_() {
-      this.addClass('vjs-seeking');
-      /**
-       * Fired whenever the player is jumping to a new time
-       *
-       * @event Player#seeking
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('seeking');
-    }
-    /**
-     * Retrigger the `seeked` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#seeked
-     * @listens Tech#seeked
-     * @private
-     */
-    ;
-
-    _proto.handleTechSeeked_ = function handleTechSeeked_() {
-      this.removeClass('vjs-seeking');
-      this.removeClass('vjs-ended');
-      /**
-       * Fired when the player has finished jumping to a new time
-       *
-       * @event Player#seeked
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('seeked');
-    }
-    /**
-     * Retrigger the `firstplay` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#firstplay
-     * @listens Tech#firstplay
-     * @deprecated As of 6.0 firstplay event is deprecated.
-     *             As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-     * @private
-     */
-    ;
-
-    _proto.handleTechFirstPlay_ = function handleTechFirstPlay_() {
-      // If the first starttime attribute is specified
-      // then we will start at the given offset in seconds
-      if (this.options_.starttime) {
-        log.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
-        this.currentTime(this.options_.starttime);
-      }
-
-      this.addClass('vjs-has-started');
-      /**
-       * Fired the first time a video is played. Not part of the HLS spec, and this is
-       * probably not the best implementation yet, so use sparingly. If you don't have a
-       * reason to prevent playback, use `myPlayer.one('play');` instead.
-       *
-       * @event Player#firstplay
-       * @deprecated As of 6.0 firstplay event is deprecated.
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('firstplay');
-    }
-    /**
-     * Retrigger the `pause` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#pause
-     * @listens Tech#pause
-     * @private
-     */
-    ;
-
-    _proto.handleTechPause_ = function handleTechPause_() {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-paused');
-      /**
-       * Fired whenever the media has been paused
-       *
-       * @event Player#pause
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('pause');
-    }
-    /**
-     * Retrigger the `ended` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#ended
-     * @listens Tech#ended
-     * @private
-     */
-    ;
-
-    _proto.handleTechEnded_ = function handleTechEnded_() {
-      this.addClass('vjs-ended');
-
-      if (this.options_.loop) {
-        this.currentTime(0);
-        this.play();
-      } else if (!this.paused()) {
-        this.pause();
-      }
-      /**
-       * Fired when the end of the media resource is reached (currentTime == duration)
-       *
-       * @event Player#ended
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('ended');
-    }
-    /**
-     * Fired when the duration of the media resource is first known or changed
-     *
-     * @listens Tech#durationchange
-     * @private
-     */
-    ;
-
-    _proto.handleTechDurationChange_ = function handleTechDurationChange_() {
-      this.duration(this.techGet_('duration'));
-    }
-    /**
-     * Handle a click on the media element to play/pause
-     *
-     * @param {EventTarget~Event} event
-     *        the event that caused this function to trigger
-     *
-     * @listens Tech#mouseup
-     * @private
-     */
-    ;
-
-    _proto.handleTechClick_ = function handleTechClick_(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      } // When controls are disabled a click should not toggle playback because
-      // the click is considered a control
-
-
-      if (!this.controls_) {
-        return;
-      }
-
-      if (this.paused()) {
-        silencePromise(this.play());
-      } else {
-        this.pause();
-      }
-    }
-    /**
-     * Handle a double-click on the media element to enter/exit fullscreen
-     *
-     * @param {EventTarget~Event} event
-     *        the event that caused this function to trigger
-     *
-     * @listens Tech#dblclick
-     * @private
-     */
-    ;
-
-    _proto.handleTechDoubleClick_ = function handleTechDoubleClick_(event) {
-      if (!this.controls_) {
-        return;
-      } // we do not want to toggle fullscreen state
-      // when double-clicking inside a control bar or a modal
-
-
-      var inAllowedEls = Array.prototype.some.call(this.$$('.vjs-control-bar, .vjs-modal-dialog'), function (el) {
-        return el.contains(event.target);
-      });
-
-      if (!inAllowedEls) {
-        /*
-         * options.userActions.doubleClick
-         *
-         * If `undefined` or `true`, double-click toggles fullscreen if controls are present
-         * Set to `false` to disable double-click handling
-         * Set to a function to substitute an external double-click handler
-         */
-        if (this.options_ === undefined || this.options_.userActions === undefined || this.options_.userActions.doubleClick === undefined || this.options_.userActions.doubleClick !== false) {
-          if (this.options_ !== undefined && this.options_.userActions !== undefined && typeof this.options_.userActions.doubleClick === 'function') {
-            this.options_.userActions.doubleClick.call(this, event);
-          } else if (this.isFullscreen()) {
-            this.exitFullscreen();
-          } else {
-            this.requestFullscreen();
-          }
-        }
-      }
-    }
-    /**
-     * Handle a tap on the media element. It will toggle the user
-     * activity state, which hides and shows the controls.
-     *
-     * @listens Tech#tap
-     * @private
-     */
-    ;
-
-    _proto.handleTechTap_ = function handleTechTap_() {
-      this.userActive(!this.userActive());
-    }
-    /**
-     * Handle touch to start
-     *
-     * @listens Tech#touchstart
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchStart_ = function handleTechTouchStart_() {
-      this.userWasActive = this.userActive();
-    }
-    /**
-     * Handle touch to move
-     *
-     * @listens Tech#touchmove
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchMove_ = function handleTechTouchMove_() {
-      if (this.userWasActive) {
-        this.reportUserActivity();
-      }
-    }
-    /**
-     * Handle touch to end
-     *
-     * @param {EventTarget~Event} event
-     *        the touchend event that triggered
-     *        this function
-     *
-     * @listens Tech#touchend
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-      // Stop the mouse events from also happening
-      event.preventDefault();
-    }
-    /**
-     * native click events on the SWF aren't triggered on IE11, Win8.1RT
-     * use stageclick events triggered from inside the SWF instead
-     *
-     * @private
-     * @listens stageclick
-     */
-    ;
-
-    _proto.handleStageClick_ = function handleStageClick_() {
-      this.reportUserActivity();
-    }
-    /**
-     * @private
-     */
-    ;
-
-    _proto.toggleFullscreenClass_ = function toggleFullscreenClass_() {
-      if (this.isFullscreen()) {
-        this.addClass('vjs-fullscreen');
-      } else {
-        this.removeClass('vjs-fullscreen');
-      }
-    }
-    /**
-     * when the document fschange event triggers it calls this
-     */
-    ;
-
-    _proto.documentFullscreenChange_ = function documentFullscreenChange_(e) {
-      var el = this.el();
-      var isFs = document[this.fsApi_.fullscreenElement] === el;
-
-      if (!isFs && el.matches) {
-        isFs = el.matches(':' + this.fsApi_.fullscreen);
-      } else if (!isFs && el.msMatchesSelector) {
-        isFs = el.msMatchesSelector(':' + this.fsApi_.fullscreen);
-      }
-
-      this.isFullscreen(isFs); // If cancelling fullscreen, remove event listener.
-
-      if (this.isFullscreen() === false) {
-        off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-      }
-
-      if (this.fsApi_.prefixed) {
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * Handle Tech Fullscreen Change
-     *
-     * @param {EventTarget~Event} event
-     *        the fullscreenchange event that triggered this function
-     *
-     * @param {Object} data
-     *        the data that was sent with the event
-     *
-     * @private
-     * @listens Tech#fullscreenchange
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {
-      if (data) {
-        this.isFullscreen(data.isFullscreen);
-      }
-      /**
-       * Fired when going in and out of fullscreen.
-       *
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('fullscreenchange');
-    }
-    /**
-     * @private
-     */
-    ;
-
-    _proto.togglePictureInPictureClass_ = function togglePictureInPictureClass_() {
-      if (this.isInPictureInPicture()) {
-        this.addClass('vjs-picture-in-picture');
-      } else {
-        this.removeClass('vjs-picture-in-picture');
-      }
-    }
-    /**
-     * Handle Tech Enter Picture-in-Picture.
-     *
-     * @param {EventTarget~Event} event
-     *        the enterpictureinpicture event that triggered this function
-     *
-     * @private
-     * @listens Tech#enterpictureinpicture
-     */
-    ;
-
-    _proto.handleTechEnterPictureInPicture_ = function handleTechEnterPictureInPicture_(event) {
-      this.isInPictureInPicture(true);
-    }
-    /**
-     * Handle Tech Leave Picture-in-Picture.
-     *
-     * @param {EventTarget~Event} event
-     *        the leavepictureinpicture event that triggered this function
-     *
-     * @private
-     * @listens Tech#leavepictureinpicture
-     */
-    ;
-
-    _proto.handleTechLeavePictureInPicture_ = function handleTechLeavePictureInPicture_(event) {
-      this.isInPictureInPicture(false);
-    }
-    /**
-     * Fires when an error occurred during the loading of an audio/video.
-     *
-     * @private
-     * @listens Tech#error
-     */
-    ;
-
-    _proto.handleTechError_ = function handleTechError_() {
-      var error = this.tech_.error();
-      this.error(error);
-    }
-    /**
-     * Retrigger the `textdata` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#textdata
-     * @listens Tech#textdata
-     * @private
-     */
-    ;
-
-    _proto.handleTechTextData_ = function handleTechTextData_() {
-      var data = null;
-
-      if (arguments.length > 1) {
-        data = arguments[1];
-      }
-      /**
-       * Fires when we get a textdata event from tech
-       *
-       * @event Player#textdata
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('textdata', data);
-    }
-    /**
-     * Get object for cached values.
-     *
-     * @return {Object}
-     *         get the current object cache
-     */
-    ;
-
-    _proto.getCache = function getCache() {
-      return this.cache_;
-    }
-    /**
-     * Resets the internal cache object.
-     *
-     * Using this function outside the player constructor or reset method may
-     * have unintended side-effects.
-     *
-     * @private
-     */
-    ;
-
-    _proto.resetCache_ = function resetCache_() {
-      this.cache_ = {
-        // Right now, the currentTime is not _really_ cached because it is always
-        // retrieved from the tech (see: currentTime). However, for completeness,
-        // we set it to zero here to ensure that if we do start actually caching
-        // it, we reset it along with everything else.
-        currentTime: 0,
-        inactivityTimeout: this.options_.inactivityTimeout,
-        duration: NaN,
-        lastVolume: 1,
-        lastPlaybackRate: this.defaultPlaybackRate(),
-        media: null,
-        src: '',
-        source: {},
-        sources: [],
-        volume: 1
-      };
-    }
-    /**
-     * Pass values to the playback tech
-     *
-     * @param {string} [method]
-     *        the method to call
-     *
-     * @param {Object} arg
-     *        the argument to pass
-     *
-     * @private
-     */
-    ;
-
-    _proto.techCall_ = function techCall_(method, arg) {
-      // If it's not ready yet, call method when it is
-      this.ready(function () {
-        if (method in allowedSetters) {
-          return set(this.middleware_, this.tech_, method, arg);
-        } else if (method in allowedMediators) {
-          return mediate(this.middleware_, this.tech_, method, arg);
-        }
-
-        try {
-          if (this.tech_) {
-            this.tech_[method](arg);
-          }
-        } catch (e) {
-          log(e);
-          throw e;
-        }
-      }, true);
-    }
-    /**
-     * Get calls can't wait for the tech, and sometimes don't need to.
-     *
-     * @param {string} method
-     *        Tech method
-     *
-     * @return {Function|undefined}
-     *         the method or undefined
-     *
-     * @private
-     */
-    ;
-
-    _proto.techGet_ = function techGet_(method) {
-      if (!this.tech_ || !this.tech_.isReady_) {
-        return;
-      }
-
-      if (method in allowedGetters) {
-        return get(this.middleware_, this.tech_, method);
-      } else if (method in allowedMediators) {
-        return mediate(this.middleware_, this.tech_, method);
-      } // Flash likes to die and reload when you hide or reposition it.
-      // In these cases the object methods go away and we get errors.
-      // When that happens we'll catch the errors and inform tech that it's not ready any more.
-
-
-      try {
-        return this.tech_[method]();
-      } catch (e) {
-        // When building additional tech libs, an expected method may not be defined yet
-        if (this.tech_[method] === undefined) {
-          log("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
-          throw e;
-        } // When a method isn't available on the object it throws a TypeError
-
-
-        if (e.name === 'TypeError') {
-          log("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
-          this.tech_.isReady_ = false;
-          throw e;
-        } // If error unknown, just log and throw
-
-
-        log(e);
-        throw e;
-      }
-    }
-    /**
-     * Attempt to begin playback at the first opportunity.
-     *
-     * @return {Promise|undefined}
-     *         Returns a promise if the browser supports Promises (or one
-     *         was passed in as an option). This promise will be resolved on
-     *         the return value of play. If this is undefined it will fulfill the
-     *         promise chain otherwise the promise chain will be fulfilled when
-     *         the promise from play is fulfilled.
-     */
-    ;
-
-    _proto.play = function play() {
-      var _this8 = this;
-
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (PromiseClass) {
-        return new PromiseClass(function (resolve) {
-          _this8.play_(resolve);
-        });
-      }
-
-      return this.play_();
-    }
-    /**
-     * The actual logic for play, takes a callback that will be resolved on the
-     * return value of play. This allows us to resolve to the play promise if there
-     * is one on modern browsers.
-     *
-     * @private
-     * @param {Function} [callback]
-     *        The callback that should be called when the techs play is actually called
-     */
-    ;
-
-    _proto.play_ = function play_(callback) {
-      var _this9 = this;
-
-      if (callback === void 0) {
-        callback = silencePromise;
-      }
-
-      this.playCallbacks_.push(callback);
-      var isSrcReady = Boolean(!this.changingSrc_ && (this.src() || this.currentSrc())); // treat calls to play_ somewhat like the `one` event function
-
-      if (this.waitToPlay_) {
-        this.off(['ready', 'loadstart'], this.waitToPlay_);
-        this.waitToPlay_ = null;
-      } // if the player/tech is not ready or the src itself is not ready
-      // queue up a call to play on `ready` or `loadstart`
-
-
-      if (!this.isReady_ || !isSrcReady) {
-        this.waitToPlay_ = function (e) {
-          _this9.play_();
-        };
-
-        this.one(['ready', 'loadstart'], this.waitToPlay_); // if we are in Safari, there is a high chance that loadstart will trigger after the gesture timeperiod
-        // in that case, we need to prime the video element by calling load so it'll be ready in time
-
-        if (!isSrcReady && (IS_ANY_SAFARI || IS_IOS)) {
-          this.load();
-        }
-
-        return;
-      } // If the player/tech is ready and we have a source, we can attempt playback.
-
-
-      var val = this.techGet_('play'); // play was terminated if the returned value is null
-
-      if (val === null) {
-        this.runPlayTerminatedQueue_();
-      } else {
-        this.runPlayCallbacks_(val);
-      }
-    }
-    /**
-     * These functions will be run when if play is terminated. If play
-     * runPlayCallbacks_ is run these function will not be run. This allows us
-     * to differenciate between a terminated play and an actual call to play.
-     */
-    ;
-
-    _proto.runPlayTerminatedQueue_ = function runPlayTerminatedQueue_() {
-      var queue = this.playTerminatedQueue_.slice(0);
-      this.playTerminatedQueue_ = [];
-      queue.forEach(function (q) {
-        q();
-      });
-    }
-    /**
-     * When a callback to play is delayed we have to run these
-     * callbacks when play is actually called on the tech. This function
-     * runs the callbacks that were delayed and accepts the return value
-     * from the tech.
-     *
-     * @param {undefined|Promise} val
-     *        The return value from the tech.
-     */
-    ;
-
-    _proto.runPlayCallbacks_ = function runPlayCallbacks_(val) {
-      var callbacks = this.playCallbacks_.slice(0);
-      this.playCallbacks_ = []; // clear play terminatedQueue since we finished a real play
-
-      this.playTerminatedQueue_ = [];
-      callbacks.forEach(function (cb) {
-        cb(val);
-      });
-    }
-    /**
-     * Pause the video playback
-     *
-     * @return {Player}
-     *         A reference to the player object this function was called on
-     */
-    ;
-
-    _proto.pause = function pause() {
-      this.techCall_('pause');
-    }
-    /**
-     * Check if the player is paused or has yet to play
-     *
-     * @return {boolean}
-     *         - false: if the media is currently playing
-     *         - true: if media is not currently playing
-     */
-    ;
-
-    _proto.paused = function paused() {
-      // The initial state of paused should be true (in Safari it's actually false)
-      return this.techGet_('paused') === false ? false : true;
-    }
-    /**
-     * Get a TimeRange object representing the current ranges of time that the user
-     * has played.
-     *
-     * @return {TimeRange}
-     *         A time range object that represents all the increments of time that have
-     *         been played.
-     */
-    ;
-
-    _proto.played = function played() {
-      return this.techGet_('played') || createTimeRanges(0, 0);
-    }
-    /**
-     * Returns whether or not the user is "scrubbing". Scrubbing is
-     * when the user has clicked the progress bar handle and is
-     * dragging it along the progress bar.
-     *
-     * @param {boolean} [isScrubbing]
-     *        whether the user is or is not scrubbing
-     *
-     * @return {boolean}
-     *         The value of scrubbing when getting
-     */
-    ;
-
-    _proto.scrubbing = function scrubbing(isScrubbing) {
-      if (typeof isScrubbing === 'undefined') {
-        return this.scrubbing_;
-      }
-
-      this.scrubbing_ = !!isScrubbing;
-
-      if (isScrubbing) {
-        this.addClass('vjs-scrubbing');
-      } else {
-        this.removeClass('vjs-scrubbing');
-      }
-    }
-    /**
-     * Get or set the current time (in seconds)
-     *
-     * @param {number|string} [seconds]
-     *        The time to seek to in seconds
-     *
-     * @return {number}
-     *         - the current time in seconds when getting
-     */
-    ;
-
-    _proto.currentTime = function currentTime(seconds) {
-      if (typeof seconds !== 'undefined') {
-        if (seconds < 0) {
-          seconds = 0;
-        }
-
-        this.techCall_('setCurrentTime', seconds);
-        return;
-      } // cache last currentTime and return. default to 0 seconds
-      //
-      // Caching the currentTime is meant to prevent a massive amount of reads on the tech's
-      // currentTime when scrubbing, but may not provide much performance benefit afterall.
-      // Should be tested. Also something has to read the actual current time or the cache will
-      // never get updated.
-
-
-      this.cache_.currentTime = this.techGet_('currentTime') || 0;
-      return this.cache_.currentTime;
-    }
-    /**
-     * Normally gets the length in time of the video in seconds;
-     * in all but the rarest use cases an argument will NOT be passed to the method
-     *
-     * > **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.
-     *
-     * @fires Player#durationchange
-     *
-     * @param {number} [seconds]
-     *        The duration of the video to set in seconds
-     *
-     * @return {number}
-     *         - The duration of the video in seconds when getting
-     */
-    ;
-
-    _proto.duration = function duration(seconds) {
-      if (seconds === undefined) {
-        // return NaN if the duration is not known
-        return this.cache_.duration !== undefined ? this.cache_.duration : NaN;
-      }
-
-      seconds = parseFloat(seconds); // Standardize on Infinity for signaling video is live
-
-      if (seconds < 0) {
-        seconds = Infinity;
-      }
-
-      if (seconds !== this.cache_.duration) {
-        // Cache the last set value for optimized scrubbing (esp. Flash)
-        this.cache_.duration = seconds;
-
-        if (seconds === Infinity) {
-          this.addClass('vjs-live');
-
-          if (this.options_.liveui && this.player_.liveTracker) {
-            this.addClass('vjs-liveui');
-          }
-        } else {
-          this.removeClass('vjs-live');
-          this.removeClass('vjs-liveui');
-        }
-
-        if (!isNaN(seconds)) {
-          // Do not fire durationchange unless the duration value is known.
-          // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-          /**
-           * @event Player#durationchange
-           * @type {EventTarget~Event}
-           */
-          this.trigger('durationchange');
-        }
-      }
-    }
-    /**
-     * Calculates how much time is left in the video. Not part
-     * of the native video API.
-     *
-     * @return {number}
-     *         The time remaining in seconds
-     */
-    ;
-
-    _proto.remainingTime = function remainingTime() {
-      return this.duration() - this.currentTime();
-    }
-    /**
-     * A remaining time function that is intented to be used when
-     * the time is to be displayed directly to the user.
-     *
-     * @return {number}
-     *         The rounded time remaining in seconds
-     */
-    ;
-
-    _proto.remainingTimeDisplay = function remainingTimeDisplay() {
-      return Math.floor(this.duration()) - Math.floor(this.currentTime());
-    } //
-    // Kind of like an array of portions of the video that have been downloaded.
-
-    /**
-     * Get a TimeRange object with an array of the times of the video
-     * that have been downloaded. If you just want the percent of the
-     * video that's been downloaded, use bufferedPercent.
-     *
-     * @see [Buffered Spec]{@link http://dev.w3.org/html5/spec/video.html#dom-media-buffered}
-     *
-     * @return {TimeRange}
-     *         A mock TimeRange object (following HTML spec)
-     */
-    ;
-
-    _proto.buffered = function buffered() {
-      var buffered = this.techGet_('buffered');
-
-      if (!buffered || !buffered.length) {
-        buffered = createTimeRanges(0, 0);
-      }
-
-      return buffered;
-    }
-    /**
-     * Get the percent (as a decimal) of the video that's been downloaded.
-     * This method is not a part of the native HTML video API.
-     *
-     * @return {number}
-     *         A decimal between 0 and 1 representing the percent
-     *         that is buffered 0 being 0% and 1 being 100%
-     */
-    ;
-
-    _proto.bufferedPercent = function bufferedPercent$1() {
-      return bufferedPercent(this.buffered(), this.duration());
-    }
-    /**
-     * Get the ending time of the last buffered time range
-     * This is used in the progress bar to encapsulate all time ranges.
-     *
-     * @return {number}
-     *         The end of the last buffered time range
-     */
-    ;
-
-    _proto.bufferedEnd = function bufferedEnd() {
-      var buffered = this.buffered();
-      var duration = this.duration();
-      var end = buffered.end(buffered.length - 1);
-
-      if (end > duration) {
-        end = duration;
-      }
-
-      return end;
-    }
-    /**
-     * Get or set the current volume of the media
-     *
-     * @param  {number} [percentAsDecimal]
-     *         The new volume as a decimal percent:
-     *         - 0 is muted/0%/off
-     *         - 1.0 is 100%/full
-     *         - 0.5 is half volume or 50%
-     *
-     * @return {number}
-     *         The current volume as a percent when getting
-     */
-    ;
-
-    _proto.volume = function volume(percentAsDecimal) {
-      var vol;
-
-      if (percentAsDecimal !== undefined) {
-        // Force value to between 0 and 1
-        vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal)));
-        this.cache_.volume = vol;
-        this.techCall_('setVolume', vol);
-
-        if (vol > 0) {
-          this.lastVolume_(vol);
-        }
-
-        return;
-      } // Default to 1 when returning current volume.
-
-
-      vol = parseFloat(this.techGet_('volume'));
-      return isNaN(vol) ? 1 : vol;
-    }
-    /**
-     * Get the current muted state, or turn mute on or off
-     *
-     * @param {boolean} [muted]
-     *        - true to mute
-     *        - false to unmute
-     *
-     * @return {boolean}
-     *         - true if mute is on and getting
-     *         - false if mute is off and getting
-     */
-    ;
-
-    _proto.muted = function muted(_muted) {
-      if (_muted !== undefined) {
-        this.techCall_('setMuted', _muted);
-        return;
-      }
-
-      return this.techGet_('muted') || false;
-    }
-    /**
-     * Get the current defaultMuted state, or turn defaultMuted on or off. defaultMuted
-     * indicates the state of muted on initial playback.
-     *
-     * ```js
-     *   var myPlayer = videojs('some-player-id');
-     *
-     *   myPlayer.src("http://www.example.com/path/to/video.mp4");
-     *
-     *   // get, should be false
-     *   console.log(myPlayer.defaultMuted());
-     *   // set to true
-     *   myPlayer.defaultMuted(true);
-     *   // get should be true
-     *   console.log(myPlayer.defaultMuted());
-     * ```
-     *
-     * @param {boolean} [defaultMuted]
-     *        - true to mute
-     *        - false to unmute
-     *
-     * @return {boolean|Player}
-     *         - true if defaultMuted is on and getting
-     *         - false if defaultMuted is off and getting
-     *         - A reference to the current player when setting
-     */
-    ;
-
-    _proto.defaultMuted = function defaultMuted(_defaultMuted) {
-      if (_defaultMuted !== undefined) {
-        return this.techCall_('setDefaultMuted', _defaultMuted);
-      }
-
-      return this.techGet_('defaultMuted') || false;
-    }
-    /**
-     * Get the last volume, or set it
-     *
-     * @param  {number} [percentAsDecimal]
-     *         The new last volume as a decimal percent:
-     *         - 0 is muted/0%/off
-     *         - 1.0 is 100%/full
-     *         - 0.5 is half volume or 50%
-     *
-     * @return {number}
-     *         the current value of lastVolume as a percent when getting
-     *
-     * @private
-     */
-    ;
-
-    _proto.lastVolume_ = function lastVolume_(percentAsDecimal) {
-      if (percentAsDecimal !== undefined && percentAsDecimal !== 0) {
-        this.cache_.lastVolume = percentAsDecimal;
-        return;
-      }
-
-      return this.cache_.lastVolume;
-    }
-    /**
-     * Check if current tech can support native fullscreen
-     * (e.g. with built in controls like iOS, so not our flash swf)
-     *
-     * @return {boolean}
-     *         if native fullscreen is supported
-     */
-    ;
-
-    _proto.supportsFullScreen = function supportsFullScreen() {
-      return this.techGet_('supportsFullScreen') || false;
-    }
-    /**
-     * Check if the player is in fullscreen mode or tell the player that it
-     * is or is not in fullscreen mode.
-     *
-     * > 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.
-     *
-     * @param  {boolean} [isFS]
-     *         Set the players current fullscreen state
-     *
-     * @return {boolean}
-     *         - true if fullscreen is on and getting
-     *         - false if fullscreen is off and getting
-     */
-    ;
-
-    _proto.isFullscreen = function isFullscreen(isFS) {
-      if (isFS !== undefined) {
-        this.isFullscreen_ = !!isFS;
-        this.toggleFullscreenClass_();
-        return;
-      }
-
-      return !!this.isFullscreen_;
-    }
-    /**
-     * 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.
-     *
-     * @param  {Object} [fullscreenOptions]
-     *         Override the player fullscreen options
-     *
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.requestFullscreen = function requestFullscreen(fullscreenOptions) {
-      var fsOptions;
-      this.isFullscreen(true);
-
-      if (this.fsApi_.requestFullscreen) {
-        // the browser supports going fullscreen at the element level so we can
-        // take the controls fullscreen as well as the video
-        // Trigger fullscreenchange event after change
-        // We have to specifically add this each time, and remove
-        // when canceling fullscreen. Otherwise if there's multiple
-        // players on a page, they would all be reacting to the same fullscreen
-        // events
-        on(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_); // only pass FullscreenOptions to requestFullscreen if it isn't prefixed
-
-        if (!this.fsApi_.prefixed) {
-          fsOptions = this.options_.fullscreen && this.options_.fullscreen.options || {};
-
-          if (fullscreenOptions !== undefined) {
-            fsOptions = fullscreenOptions;
-          }
-        }
-
-        silencePromise(this.el_[this.fsApi_.requestFullscreen](fsOptions));
-      } else if (this.tech_.supportsFullScreen()) {
-        // we can't take the video.js controls fullscreen but we can go fullscreen
-        // with native controls
-        this.techCall_('enterFullScreen');
-      } else {
-        // fullscreen isn't supported so we'll just stretch the video element to
-        // fill the viewport
-        this.enterFullWindow();
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * Return the video to its normal size after having been in full screen mode
-     *
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.exitFullscreen = function exitFullscreen() {
-      this.isFullscreen(false); // Check for browser element fullscreen support
-
-      if (this.fsApi_.requestFullscreen) {
-        silencePromise(document[this.fsApi_.exitFullscreen]());
-      } else if (this.tech_.supportsFullScreen()) {
-        this.techCall_('exitFullScreen');
-      } else {
-        this.exitFullWindow();
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * When fullscreen isn't supported we can stretch the
-     * video container to as wide as the browser will let us.
-     *
-     * @fires Player#enterFullWindow
-     */
-    ;
-
-    _proto.enterFullWindow = function enterFullWindow() {
-      this.isFullWindow = true; // Storing original doc overflow value to return to when fullscreen is off
-
-      this.docOrigOverflow = document.documentElement.style.overflow; // Add listener for esc key to exit fullscreen
-
-      on(document, 'keydown', this.boundFullWindowOnEscKey_); // Hide any scroll bars
-
-      document.documentElement.style.overflow = 'hidden'; // Apply fullscreen styles
-
-      addClass(document.body, 'vjs-full-window');
-      /**
-       * @event Player#enterFullWindow
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('enterFullWindow');
-    }
-    /**
-     * Check for call to either exit full window or
-     * full screen on ESC key
-     *
-     * @param {string} event
-     *        Event to check for key press
-     */
-    ;
-
-    _proto.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        if (this.isFullscreen() === true) {
-          this.exitFullscreen();
-        } else {
-          this.exitFullWindow();
-        }
-      }
-    }
-    /**
-     * Exit full window
-     *
-     * @fires Player#exitFullWindow
-     */
-    ;
-
-    _proto.exitFullWindow = function exitFullWindow() {
-      this.isFullWindow = false;
-      off(document, 'keydown', this.boundFullWindowOnEscKey_); // Unhide scroll bars.
-
-      document.documentElement.style.overflow = this.docOrigOverflow; // Remove fullscreen styles
-
-      removeClass(document.body, 'vjs-full-window'); // Resize the box, controller, and poster to original sizes
-      // this.positionAll();
-
-      /**
-       * @event Player#exitFullWindow
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('exitFullWindow');
-    }
-    /**
-     * Check if the player is in Picture-in-Picture mode or tell the player that it
-     * is or is not in Picture-in-Picture mode.
-     *
-     * @param  {boolean} [isPiP]
-     *         Set the players current Picture-in-Picture state
-     *
-     * @return {boolean}
-     *         - true if Picture-in-Picture is on and getting
-     *         - false if Picture-in-Picture is off and getting
-     */
-    ;
-
-    _proto.isInPictureInPicture = function isInPictureInPicture(isPiP) {
-      if (isPiP !== undefined) {
-        this.isInPictureInPicture_ = !!isPiP;
-        this.togglePictureInPictureClass_();
-        return;
-      }
-
-      return !!this.isInPictureInPicture_;
-    }
-    /**
-     * Create a floating video window always on top of other windows so that users may
-     * continue consuming media while they interact with other content sites, or
-     * applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @fires Player#enterpictureinpicture
-     *
-     * @return {Promise}
-     *         A promise with a Picture-in-Picture window.
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      if ('pictureInPictureEnabled' in document) {
-        /**
-         * This event fires when the player enters picture in picture mode
-         *
-         * @event Player#enterpictureinpicture
-         * @type {EventTarget~Event}
-         */
-        return this.techGet_('requestPictureInPicture');
-      }
-    }
-    /**
-     * Exit Picture-in-Picture mode.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @fires Player#leavepictureinpicture
-     *
-     * @return {Promise}
-     *         A promise.
-     */
-    ;
-
-    _proto.exitPictureInPicture = function exitPictureInPicture() {
-      if ('pictureInPictureEnabled' in document) {
-        /**
-         * This event fires when the player leaves picture in picture mode
-         *
-         * @event Player#leavepictureinpicture
-         * @type {EventTarget~Event}
-         */
-        return document.exitPictureInPicture();
-      }
-    }
-    /**
-     * Called when this Player has focus and a key gets pressed down, or when
-     * any Component of this player receives a key press that it doesn't handle.
-     * This allows player-wide hotkeys (either as defined below, or optionally
-     * by an external function).
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      var userActions = this.options_.userActions; // Bail out if hotkeys are not configured.
-
-      if (!userActions || !userActions.hotkeys) {
-        return;
-      } // Function that determines whether or not to exclude an element from
-      // hotkeys handling.
-
-
-      var excludeElement = function excludeElement(el) {
-        var tagName = el.tagName.toLowerCase(); // The first and easiest test is for `contenteditable` elements.
-
-        if (el.isContentEditable) {
-          return true;
-        } // Inputs matching these types will still trigger hotkey handling as
-        // they are not text inputs.
-
-
-        var allowedInputTypes = ['button', 'checkbox', 'hidden', 'radio', 'reset', 'submit'];
-
-        if (tagName === 'input') {
-          return allowedInputTypes.indexOf(el.type) === -1;
-        } // The final test is by tag name. These tags will be excluded entirely.
-
-
-        var excludedTags = ['textarea'];
-        return excludedTags.indexOf(tagName) !== -1;
-      }; // Bail out if the user is focused on an interactive form element.
-
-
-      if (excludeElement(this.el_.ownerDocument.activeElement)) {
-        return;
-      }
-
-      if (typeof userActions.hotkeys === 'function') {
-        userActions.hotkeys.call(this, event);
-      } else {
-        this.handleHotkeys(event);
-      }
-    }
-    /**
-     * Called when this Player receives a hotkey keydown event.
-     * Supported player-wide hotkeys are:
-     *
-     *   f          - toggle fullscreen
-     *   m          - toggle mute
-     *   k or Space - toggle play/pause
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleHotkeys = function handleHotkeys(event) {
-      var hotkeys = this.options_.userActions ? this.options_.userActions.hotkeys : {}; // set fullscreenKey, muteKey, playPauseKey from `hotkeys`, use defaults if not set
-
-      var _hotkeys$fullscreenKe = hotkeys.fullscreenKey,
-          fullscreenKey = _hotkeys$fullscreenKe === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'f');
-      } : _hotkeys$fullscreenKe,
-          _hotkeys$muteKey = hotkeys.muteKey,
-          muteKey = _hotkeys$muteKey === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'm');
-      } : _hotkeys$muteKey,
-          _hotkeys$playPauseKey = hotkeys.playPauseKey,
-          playPauseKey = _hotkeys$playPauseKey === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'k') || keycode.isEventKey(keydownEvent, 'Space');
-      } : _hotkeys$playPauseKey;
-
-      if (fullscreenKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var FSToggle = Component.getComponent('FullscreenToggle');
-
-        if (document[this.fsApi_.fullscreenEnabled] !== false) {
-          FSToggle.prototype.handleClick.call(this, event);
-        }
-      } else if (muteKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var MuteToggle = Component.getComponent('MuteToggle');
-        MuteToggle.prototype.handleClick.call(this, event);
-      } else if (playPauseKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var PlayToggle = Component.getComponent('PlayToggle');
-        PlayToggle.prototype.handleClick.call(this, event);
-      }
-    }
-    /**
-     * Check whether the player can play a given mimetype
-     *
-     * @see https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-navigator-canplaytype
-     *
-     * @param {string} type
-     *        The mimetype to check
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-    ;
-
-    _proto.canPlayType = function canPlayType(type) {
-      var can; // Loop through each playback technology in the options order
-
-      for (var i = 0, j = this.options_.techOrder; i < j.length; i++) {
-        var techName = j[i];
-        var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-        // Remove once that deprecated behavior is removed.
-
-        if (!tech) {
-          tech = Component.getComponent(techName);
-        } // Check if the current tech is defined before continuing
-
-
-        if (!tech) {
-          log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-          continue;
-        } // Check if the browser supports this technology
-
-
-        if (tech.isSupported()) {
-          can = tech.canPlayType(type);
-
-          if (can) {
-            return can;
-          }
-        }
-      }
-
-      return '';
-    }
-    /**
-     * Select source based on tech-order or source-order
-     * Uses source-order selection if `options.sourceOrder` is truthy. Otherwise,
-     * defaults to tech-order selection
-     *
-     * @param {Array} sources
-     *        The sources for a media asset
-     *
-     * @return {Object|boolean}
-     *         Object of source and tech order or false
-     */
-    ;
-
-    _proto.selectSource = function selectSource(sources) {
-      var _this10 = this;
-
-      // Get only the techs specified in `techOrder` that exist and are supported by the
-      // current platform
-      var techs = this.options_.techOrder.map(function (techName) {
-        return [techName, Tech.getTech(techName)];
-      }).filter(function (_ref) {
-        var techName = _ref[0],
-            tech = _ref[1];
-
-        // Check if the current tech is defined before continuing
-        if (tech) {
-          // Check if the browser supports this technology
-          return tech.isSupported();
-        }
-
-        log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-        return false;
-      }); // Iterate over each `innerArray` element once per `outerArray` element and execute
-      // `tester` with both. If `tester` returns a non-falsy value, exit early and return
-      // that value.
-
-      var findFirstPassingTechSourcePair = function findFirstPassingTechSourcePair(outerArray, innerArray, tester) {
-        var found;
-        outerArray.some(function (outerChoice) {
-          return innerArray.some(function (innerChoice) {
-            found = tester(outerChoice, innerChoice);
-
-            if (found) {
-              return true;
-            }
-          });
-        });
-        return found;
-      };
-
-      var foundSourceAndTech;
-
-      var flip = function flip(fn) {
-        return function (a, b) {
-          return fn(b, a);
-        };
-      };
-
-      var finder = function finder(_ref2, source) {
-        var techName = _ref2[0],
-            tech = _ref2[1];
-
-        if (tech.canPlaySource(source, _this10.options_[techName.toLowerCase()])) {
-          return {
-            source: source,
-            tech: techName
-          };
-        }
-      }; // Depending on the truthiness of `options.sourceOrder`, we swap the order of techs and sources
-      // to select from them based on their priority.
-
-
-      if (this.options_.sourceOrder) {
-        // Source-first ordering
-        foundSourceAndTech = findFirstPassingTechSourcePair(sources, techs, flip(finder));
-      } else {
-        // Tech-first ordering
-        foundSourceAndTech = findFirstPassingTechSourcePair(techs, sources, finder);
-      }
-
-      return foundSourceAndTech || false;
-    }
-    /**
-     * Get or set the video source.
-     *
-     * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
-     *        A SourceObject, an array of SourceObjects, or a string referencing
-     *        a URL to a media source. It is _highly recommended_ that an object
-     *        or array of objects is used here, so that source selection
-     *        algorithms can take the `type` into account.
-     *
-     *        If not provided, this method acts as a getter.
-     *
-     * @return {string|undefined}
-     *         If the `source` argument is missing, returns the current source
-     *         URL. Otherwise, returns nothing/undefined.
-     */
-    ;
-
-    _proto.src = function src(source) {
-      var _this11 = this;
-
-      // getter usage
-      if (typeof source === 'undefined') {
-        return this.cache_.src || '';
-      } // filter out invalid sources and turn our source into
-      // an array of source objects
-
-
-      var sources = filterSource(source); // if a source was passed in then it is invalid because
-      // it was filtered to a zero length Array. So we have to
-      // show an error
-
-      if (!sources.length) {
-        this.setTimeout(function () {
-          this.error({
-            code: 4,
-            message: this.localize(this.options_.notSupportedMessage)
-          });
-        }, 0);
-        return;
-      } // intial sources
-
-
-      this.changingSrc_ = true;
-      this.cache_.sources = sources;
-      this.updateSourceCaches_(sources[0]); // middlewareSource is the source after it has been changed by middleware
-
-      setSource(this, sources[0], function (middlewareSource, mws) {
-        _this11.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
-        // the source that is selected could be out of order from the cache update above this callback.
-
-        _this11.cache_.sources = sources;
-
-        _this11.updateSourceCaches_(middlewareSource);
-
-        var err = _this11.src_(middlewareSource);
-
-        if (err) {
-          if (sources.length > 1) {
-            return _this11.src(sources.slice(1));
-          }
-
-          _this11.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
-
-          _this11.setTimeout(function () {
-            this.error({
-              code: 4,
-              message: this.localize(this.options_.notSupportedMessage)
-            });
-          }, 0); // we could not find an appropriate tech, but let's still notify the delegate that this is it
-          // this needs a better comment about why this is needed
-
-
-          _this11.triggerReady();
-
-          return;
-        }
-
-        setTech(mws, _this11.tech_);
-      });
-    }
-    /**
-     * Set the source object on the tech, returns a boolean that indicates whether
-     * there is a tech that can play the source or not
-     *
-     * @param {Tech~SourceObject} source
-     *        The source object to set on the Tech
-     *
-     * @return {boolean}
-     *         - True if there is no Tech to playback this source
-     *         - False otherwise
-     *
-     * @private
-     */
-    ;
-
-    _proto.src_ = function src_(source) {
-      var _this12 = this;
-
-      var sourceTech = this.selectSource([source]);
-
-      if (!sourceTech) {
-        return true;
-      }
-
-      if (!titleCaseEquals(sourceTech.tech, this.techName_)) {
-        this.changingSrc_ = true; // load this technology with the chosen source
-
-        this.loadTech_(sourceTech.tech, sourceTech.source);
-        this.tech_.ready(function () {
-          _this12.changingSrc_ = false;
-        });
-        return false;
-      } // wait until the tech is ready to set the source
-      // and set it synchronously if possible (#2326)
-
-
-      this.ready(function () {
-        // The setSource tech method was added with source handlers
-        // so older techs won't support it
-        // We need to check the direct prototype for the case where subclasses
-        // of the tech do not support source handlers
-        if (this.tech_.constructor.prototype.hasOwnProperty('setSource')) {
-          this.techCall_('setSource', source);
-        } else {
-          this.techCall_('src', source.src);
-        }
-
-        this.changingSrc_ = false;
-      }, true);
-      return false;
-    }
-    /**
-     * Begin loading the src data.
-     */
-    ;
-
-    _proto.load = function load() {
-      this.techCall_('load');
-    }
-    /**
-     * Reset the player. Loads the first tech in the techOrder,
-     * removes all the text tracks in the existing `tech`,
-     * and calls `reset` on the `tech`.
-     */
-    ;
-
-    _proto.reset = function reset() {
-      var _this13 = this;
-
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (this.paused() || !PromiseClass) {
-        this.doReset_();
-      } else {
-        var playPromise = this.play();
-        silencePromise(playPromise.then(function () {
-          return _this13.doReset_();
-        }));
-      }
-    };
-
-    _proto.doReset_ = function doReset_() {
-      if (this.tech_) {
-        this.tech_.clearTracks('text');
-      }
-
-      this.resetCache_();
-      this.poster('');
-      this.loadTech_(this.options_.techOrder[0], null);
-      this.techCall_('reset');
-      this.resetControlBarUI_();
-
-      if (isEvented(this)) {
-        this.trigger('playerreset');
-      }
-    }
-    /**
-     * Reset Control Bar's UI by calling sub-methods that reset
-     * all of Control Bar's components
-     */
-    ;
-
-    _proto.resetControlBarUI_ = function resetControlBarUI_() {
-      this.resetProgressBar_();
-      this.resetPlaybackRate_();
-      this.resetVolumeBar_();
-    }
-    /**
-     * Reset tech's progress so progress bar is reset in the UI
-     */
-    ;
-
-    _proto.resetProgressBar_ = function resetProgressBar_() {
-      this.currentTime(0);
-      var _this$controlBar = this.controlBar,
-          durationDisplay = _this$controlBar.durationDisplay,
-          remainingTimeDisplay = _this$controlBar.remainingTimeDisplay;
-
-      if (durationDisplay) {
-        durationDisplay.updateContent();
-      }
-
-      if (remainingTimeDisplay) {
-        remainingTimeDisplay.updateContent();
-      }
-    }
-    /**
-     * Reset Playback ratio
-     */
-    ;
-
-    _proto.resetPlaybackRate_ = function resetPlaybackRate_() {
-      this.playbackRate(this.defaultPlaybackRate());
-      this.handleTechRateChange_();
-    }
-    /**
-     * Reset Volume bar
-     */
-    ;
-
-    _proto.resetVolumeBar_ = function resetVolumeBar_() {
-      this.volume(1.0);
-      this.trigger('volumechange');
-    }
-    /**
-     * Returns all of the current source objects.
-     *
-     * @return {Tech~SourceObject[]}
-     *         The current source objects
-     */
-    ;
-
-    _proto.currentSources = function currentSources() {
-      var source = this.currentSource();
-      var sources = []; // assume `{}` or `{ src }`
-
-      if (Object.keys(source).length !== 0) {
-        sources.push(source);
-      }
-
-      return this.cache_.sources || sources;
-    }
-    /**
-     * Returns the current source object.
-     *
-     * @return {Tech~SourceObject}
-     *         The current source object
-     */
-    ;
-
-    _proto.currentSource = function currentSource() {
-      return this.cache_.source || {};
-    }
-    /**
-     * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4
-     * Can be used in conjunction with `currentType` to assist in rebuilding the current source object.
-     *
-     * @return {string}
-     *         The current source
-     */
-    ;
-
-    _proto.currentSrc = function currentSrc() {
-      return this.currentSource() && this.currentSource().src || '';
-    }
-    /**
-     * Get the current source type e.g. video/mp4
-     * This can allow you rebuild the current source object so that you could load the same
-     * source and tech later
-     *
-     * @return {string}
-     *         The source MIME type
-     */
-    ;
-
-    _proto.currentType = function currentType() {
-      return this.currentSource() && this.currentSource().type || '';
-    }
-    /**
-     * Get or set the preload attribute
-     *
-     * @param {boolean} [value]
-     *        - true means that we should preload
-     *        - false means that we should not preload
-     *
-     * @return {string}
-     *         The preload attribute value when getting
-     */
-    ;
-
-    _proto.preload = function preload(value) {
-      if (value !== undefined) {
-        this.techCall_('setPreload', value);
-        this.options_.preload = value;
-        return;
-      }
-
-      return this.techGet_('preload');
-    }
-    /**
-     * Get or set the autoplay option. When this is a boolean it will
-     * modify the attribute on the tech. When this is a string the attribute on
-     * the tech will be removed and `Player` will handle autoplay on loadstarts.
-     *
-     * @param {boolean|string} [value]
-     *        - true: autoplay using the browser behavior
-     *        - false: do not autoplay
-     *        - 'play': call play() on every loadstart
-     *        - 'muted': call muted() then play() on every loadstart
-     *        - 'any': call play() on every loadstart. if that fails call muted() then play().
-     *        - *: values other than those listed here will be set `autoplay` to true
-     *
-     * @return {boolean|string}
-     *         The current value of autoplay when getting
-     */
-    ;
-
-    _proto.autoplay = function autoplay(value) {
-      // getter usage
-      if (value === undefined) {
-        return this.options_.autoplay || false;
-      }
-
-      var techAutoplay; // if the value is a valid string set it to that
-
-      if (typeof value === 'string' && /(any|play|muted)/.test(value)) {
-        this.options_.autoplay = value;
-        this.manualAutoplay_(value);
-        techAutoplay = false; // any falsy value sets autoplay to false in the browser,
-        // lets do the same
-      } else if (!value) {
-        this.options_.autoplay = false; // any other value (ie truthy) sets autoplay to true
-      } else {
-        this.options_.autoplay = true;
-      }
-
-      techAutoplay = typeof techAutoplay === 'undefined' ? this.options_.autoplay : techAutoplay; // if we don't have a tech then we do not queue up
-      // a setAutoplay call on tech ready. We do this because the
-      // autoplay option will be passed in the constructor and we
-      // do not need to set it twice
-
-      if (this.tech_) {
-        this.techCall_('setAutoplay', techAutoplay);
-      }
-    }
-    /**
-     * Set or unset the playsinline attribute.
-     * Playsinline tells the browser that non-fullscreen playback is preferred.
-     *
-     * @param {boolean} [value]
-     *        - true means that we should try to play inline by default
-     *        - false means that we should use the browser's default playback mode,
-     *          which in most cases is inline. iOS Safari is a notable exception
-     *          and plays fullscreen by default.
-     *
-     * @return {string|Player}
-     *         - the current value of playsinline
-     *         - the player when setting
-     *
-     * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-     */
-    ;
-
-    _proto.playsinline = function playsinline(value) {
-      if (value !== undefined) {
-        this.techCall_('setPlaysinline', value);
-        this.options_.playsinline = value;
-        return this;
-      }
-
-      return this.techGet_('playsinline');
-    }
-    /**
-     * Get or set the loop attribute on the video element.
-     *
-     * @param {boolean} [value]
-     *        - true means that we should loop the video
-     *        - false means that we should not loop the video
-     *
-     * @return {boolean}
-     *         The current value of loop when getting
-     */
-    ;
-
-    _proto.loop = function loop(value) {
-      if (value !== undefined) {
-        this.techCall_('setLoop', value);
-        this.options_.loop = value;
-        return;
-      }
-
-      return this.techGet_('loop');
-    }
-    /**
-     * Get or set the poster image source url
-     *
-     * @fires Player#posterchange
-     *
-     * @param {string} [src]
-     *        Poster image source URL
-     *
-     * @return {string}
-     *         The current value of poster when getting
-     */
-    ;
-
-    _proto.poster = function poster(src) {
-      if (src === undefined) {
-        return this.poster_;
-      } // The correct way to remove a poster is to set as an empty string
-      // other falsey values will throw errors
-
-
-      if (!src) {
-        src = '';
-      }
-
-      if (src === this.poster_) {
-        return;
-      } // update the internal poster variable
-
-
-      this.poster_ = src; // update the tech's poster
-
-      this.techCall_('setPoster', src);
-      this.isPosterFromTech_ = false; // alert components that the poster has been set
-
-      /**
-       * This event fires when the poster image is changed on the player.
-       *
-       * @event Player#posterchange
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('posterchange');
-    }
-    /**
-     * Some techs (e.g. YouTube) can provide a poster source in an
-     * asynchronous way. We want the poster component to use this
-     * poster source so that it covers up the tech's controls.
-     * (YouTube's play button). However we only want to use this
-     * source if the player user hasn't set a poster through
-     * the normal APIs.
-     *
-     * @fires Player#posterchange
-     * @listens Tech#posterchange
-     * @private
-     */
-    ;
-
-    _proto.handleTechPosterChange_ = function handleTechPosterChange_() {
-      if ((!this.poster_ || this.options_.techCanOverridePoster) && this.tech_ && this.tech_.poster) {
-        var newPoster = this.tech_.poster() || '';
-
-        if (newPoster !== this.poster_) {
-          this.poster_ = newPoster;
-          this.isPosterFromTech_ = true; // Let components know the poster has changed
-
-          this.trigger('posterchange');
-        }
-      }
-    }
-    /**
-     * Get or set whether or not the controls are showing.
-     *
-     * @fires Player#controlsenabled
-     *
-     * @param {boolean} [bool]
-     *        - true to turn controls on
-     *        - false to turn controls off
-     *
-     * @return {boolean}
-     *         The current value of controls when getting
-     */
-    ;
-
-    _proto.controls = function controls(bool) {
-      if (bool === undefined) {
-        return !!this.controls_;
-      }
-
-      bool = !!bool; // Don't trigger a change event unless it actually changed
-
-      if (this.controls_ === bool) {
-        return;
-      }
-
-      this.controls_ = bool;
-
-      if (this.usingNativeControls()) {
-        this.techCall_('setControls', bool);
-      }
-
-      if (this.controls_) {
-        this.removeClass('vjs-controls-disabled');
-        this.addClass('vjs-controls-enabled');
-        /**
-         * @event Player#controlsenabled
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('controlsenabled');
-
-        if (!this.usingNativeControls()) {
-          this.addTechControlsListeners_();
-        }
-      } else {
-        this.removeClass('vjs-controls-enabled');
-        this.addClass('vjs-controls-disabled');
-        /**
-         * @event Player#controlsdisabled
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('controlsdisabled');
-
-        if (!this.usingNativeControls()) {
-          this.removeTechControlsListeners_();
-        }
-      }
-    }
-    /**
-     * Toggle native controls on/off. Native controls are the controls built into
-     * devices (e.g. default iPhone controls), Flash, or other techs
-     * (e.g. Vimeo Controls)
-     * **This should only be set by the current tech, because only the tech knows
-     * if it can support native controls**
-     *
-     * @fires Player#usingnativecontrols
-     * @fires Player#usingcustomcontrols
-     *
-     * @param {boolean} [bool]
-     *        - true to turn native controls on
-     *        - false to turn native controls off
-     *
-     * @return {boolean}
-     *         The current value of native controls when getting
-     */
-    ;
-
-    _proto.usingNativeControls = function usingNativeControls(bool) {
-      if (bool === undefined) {
-        return !!this.usingNativeControls_;
-      }
-
-      bool = !!bool; // Don't trigger a change event unless it actually changed
-
-      if (this.usingNativeControls_ === bool) {
-        return;
-      }
-
-      this.usingNativeControls_ = bool;
-
-      if (this.usingNativeControls_) {
-        this.addClass('vjs-using-native-controls');
-        /**
-         * player is using the native device controls
-         *
-         * @event Player#usingnativecontrols
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('usingnativecontrols');
-      } else {
-        this.removeClass('vjs-using-native-controls');
-        /**
-         * player is using the custom HTML controls
-         *
-         * @event Player#usingcustomcontrols
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('usingcustomcontrols');
-      }
-    }
-    /**
-     * Set or get the current MediaError
-     *
-     * @fires Player#error
-     *
-     * @param  {MediaError|string|number} [err]
-     *         A MediaError or a string/number to be turned
-     *         into a MediaError
-     *
-     * @return {MediaError|null}
-     *         The current MediaError when getting (or null)
-     */
-    ;
-
-    _proto.error = function error(err) {
-      if (err === undefined) {
-        return this.error_ || null;
-      } // Suppress the first error message for no compatible source until
-      // user interaction
-
-
-      if (this.options_.suppressNotSupportedError && err && err.code === 4) {
-        var triggerSuppressedError = function triggerSuppressedError() {
-          this.error(err);
-        };
-
-        this.options_.suppressNotSupportedError = false;
-        this.any(['click', 'touchstart'], triggerSuppressedError);
-        this.one('loadstart', function () {
-          this.off(['click', 'touchstart'], triggerSuppressedError);
-        });
-        return;
-      } // restoring to default
-
-
-      if (err === null) {
-        this.error_ = err;
-        this.removeClass('vjs-error');
-
-        if (this.errorDisplay) {
-          this.errorDisplay.close();
-        }
-
-        return;
-      }
-
-      this.error_ = new MediaError(err); // add the vjs-error classname to the player
-
-      this.addClass('vjs-error'); // log the name of the error type and any message
-      // IE11 logs "[object object]" and required you to expand message to see error object
-
-      log.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
-      /**
-       * @event Player#error
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('error');
-      return;
-    }
-    /**
-     * Report user activity
-     *
-     * @param {Object} event
-     *        Event object
-     */
-    ;
-
-    _proto.reportUserActivity = function reportUserActivity(event) {
-      this.userActivity_ = true;
-    }
-    /**
-     * Get/set if user is active
-     *
-     * @fires Player#useractive
-     * @fires Player#userinactive
-     *
-     * @param {boolean} [bool]
-     *        - true if the user is active
-     *        - false if the user is inactive
-     *
-     * @return {boolean}
-     *         The current value of userActive when getting
-     */
-    ;
-
-    _proto.userActive = function userActive(bool) {
-      if (bool === undefined) {
-        return this.userActive_;
-      }
-
-      bool = !!bool;
-
-      if (bool === this.userActive_) {
-        return;
-      }
-
-      this.userActive_ = bool;
-
-      if (this.userActive_) {
-        this.userActivity_ = true;
-        this.removeClass('vjs-user-inactive');
-        this.addClass('vjs-user-active');
-        /**
-         * @event Player#useractive
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('useractive');
-        return;
-      } // Chrome/Safari/IE have bugs where when you change the cursor it can
-      // trigger a mousemove event. This causes an issue when you're hiding
-      // the cursor when the user is inactive, and a mousemove signals user
-      // activity. Making it impossible to go into inactive mode. Specifically
-      // this happens in fullscreen when we really need to hide the cursor.
-      //
-      // When this gets resolved in ALL browsers it can be removed
-      // https://code.google.com/p/chromium/issues/detail?id=103041
-
-
-      if (this.tech_) {
-        this.tech_.one('mousemove', function (e) {
-          e.stopPropagation();
-          e.preventDefault();
-        });
-      }
-
-      this.userActivity_ = false;
-      this.removeClass('vjs-user-active');
-      this.addClass('vjs-user-inactive');
-      /**
-       * @event Player#userinactive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('userinactive');
-    }
-    /**
-     * Listen for user activity based on timeout value
-     *
-     * @private
-     */
-    ;
-
-    _proto.listenForUserActivity_ = function listenForUserActivity_() {
-      var mouseInProgress;
-      var lastMoveX;
-      var lastMoveY;
-      var handleActivity = bind(this, this.reportUserActivity);
-
-      var handleMouseMove = function handleMouseMove(e) {
-        // #1068 - Prevent mousemove spamming
-        // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970
-        if (e.screenX !== lastMoveX || e.screenY !== lastMoveY) {
-          lastMoveX = e.screenX;
-          lastMoveY = e.screenY;
-          handleActivity();
-        }
-      };
-
-      var handleMouseDown = function handleMouseDown() {
-        handleActivity(); // 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
-
-        this.clearInterval(mouseInProgress); // Setting userActivity=true now and setting the interval to the same time
-        // as the activityCheck interval (250) should ensure we never miss the
-        // next activityCheck
-
-        mouseInProgress = this.setInterval(handleActivity, 250);
-      };
-
-      var handleMouseUp = function handleMouseUp(event) {
-        handleActivity(); // Stop the interval that maintains activity if the mouse/touch is down
-
-        this.clearInterval(mouseInProgress);
-      }; // Any mouse movement will be considered user activity
-
-
-      this.on('mousedown', handleMouseDown);
-      this.on('mousemove', handleMouseMove);
-      this.on('mouseup', handleMouseUp);
-      var controlBar = this.getChild('controlBar'); // Fixes bug on Android & iOS where when tapping progressBar (when control bar is displayed)
-      // controlBar would no longer be hidden by default timeout.
-
-      if (controlBar && !IS_IOS && !IS_ANDROID) {
-        controlBar.on('mouseenter', function (event) {
-          this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
-          this.player().options_.inactivityTimeout = 0;
-        });
-        controlBar.on('mouseleave', function (event) {
-          this.player().options_.inactivityTimeout = this.player().cache_.inactivityTimeout;
-        });
-      } // Listen for keyboard navigation
-      // Shouldn't need to use inProgress interval because of key repeat
-
-
-      this.on('keydown', handleActivity);
-      this.on('keyup', handleActivity); // Run an interval every 250 milliseconds instead of stuffing everything into
-      // the mousemove/touchmove function itself, to prevent performance degradation.
-      // `this.reportUserActivity` simply sets this.userActivity_ to true, which
-      // then gets picked up by this loop
-      // http://ejohn.org/blog/learning-from-twitter/
-
-      var inactivityTimeout;
-      this.setInterval(function () {
-        // Check to see if mouse/touch activity has happened
-        if (!this.userActivity_) {
-          return;
-        } // Reset the activity tracker
-
-
-        this.userActivity_ = false; // If the user state was inactive, set the state to active
-
-        this.userActive(true); // Clear any existing inactivity timeout to start the timer over
-
-        this.clearTimeout(inactivityTimeout);
-        var timeout = this.options_.inactivityTimeout;
-
-        if (timeout <= 0) {
-          return;
-        } // In <timeout> milliseconds, if no more activity has occurred the
-        // user will be considered inactive
-
-
-        inactivityTimeout = this.setTimeout(function () {
-          // Protect against the case where the inactivityTimeout can trigger just
-          // before the next user activity is picked up by the activity check loop
-          // causing a flicker
-          if (!this.userActivity_) {
-            this.userActive(false);
-          }
-        }, timeout);
-      }, 250);
-    }
-    /**
-     * Gets or sets the current playback rate. A playback rate of
-     * 1.0 represents normal speed and 0.5 would indicate half-speed
-     * playback, for instance.
-     *
-     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-playbackrate
-     *
-     * @param {number} [rate]
-     *       New playback rate to set.
-     *
-     * @return {number}
-     *         The current playback rate when getting or 1.0
-     */
-    ;
-
-    _proto.playbackRate = function playbackRate(rate) {
-      if (rate !== undefined) {
-        // NOTE: this.cache_.lastPlaybackRate is set from the tech handler
-        // that is registered above
-        this.techCall_('setPlaybackRate', rate);
-        return;
-      }
-
-      if (this.tech_ && this.tech_.featuresPlaybackRate) {
-        return this.cache_.lastPlaybackRate || this.techGet_('playbackRate');
-      }
-
-      return 1.0;
-    }
-    /**
-     * Gets or sets the current default playback rate. A default playback rate of
-     * 1.0 represents normal speed and 0.5 would indicate half-speed playback, for instance.
-     * defaultPlaybackRate will only represent what the initial playbackRate of a video was, not
-     * not the current playbackRate.
-     *
-     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate
-     *
-     * @param {number} [rate]
-     *       New default playback rate to set.
-     *
-     * @return {number|Player}
-     *         - The default playback rate when getting or 1.0
-     *         - the player when setting
-     */
-    ;
-
-    _proto.defaultPlaybackRate = function defaultPlaybackRate(rate) {
-      if (rate !== undefined) {
-        return this.techCall_('setDefaultPlaybackRate', rate);
-      }
-
-      if (this.tech_ && this.tech_.featuresPlaybackRate) {
-        return this.techGet_('defaultPlaybackRate');
-      }
-
-      return 1.0;
-    }
-    /**
-     * Gets or sets the audio flag
-     *
-     * @param {boolean} bool
-     *        - true signals that this is an audio player
-     *        - false signals that this is not an audio player
-     *
-     * @return {boolean}
-     *         The current value of isAudio when getting
-     */
-    ;
-
-    _proto.isAudio = function isAudio(bool) {
-      if (bool !== undefined) {
-        this.isAudio_ = !!bool;
-        return;
-      }
-
-      return !!this.isAudio_;
-    }
-    /**
-     * A helper method for adding a {@link TextTrack} to our
-     * {@link TextTrackList}.
-     *
-     * In addition to the W3C settings we allow adding additional info through options.
-     *
-     * @see http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
-     *
-     * @param {string} [kind]
-     *        the kind of TextTrack you are adding
-     *
-     * @param {string} [label]
-     *        the label to give the TextTrack label
-     *
-     * @param {string} [language]
-     *        the language to set on the TextTrack
-     *
-     * @return {TextTrack|undefined}
-     *         the TextTrack that was added or undefined
-     *         if there is no tech
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (this.tech_) {
-        return this.tech_.addTextTrack(kind, label, language);
-      }
-    }
-    /**
-     * Create a remote {@link TextTrack} and an {@link HTMLTrackElement}. It will
-     * automatically removed from the video element whenever the source changes, unless
-     * manualCleanup is set to false.
-     *
-     * @param {Object} options
-     *        Options to pass to {@link HTMLTrackElement} during creation. See
-     *        {@link HTMLTrackElement} for object properties that you should use.
-     *
-     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-     *
-     * @return {HtmlTrackElement}
-     *         the HTMLTrackElement that was created and added
-     *         to the HtmlTrackElementList and the remote
-     *         TextTrackList
-     *
-     * @deprecated The default value of the "manualCleanup" parameter will default
-     *             to "false" in upcoming versions of Video.js
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      if (this.tech_) {
-        return this.tech_.addRemoteTextTrack(options, manualCleanup);
-      }
-    }
-    /**
-     * Remove a remote {@link TextTrack} from the respective
-     * {@link TextTrackList} and {@link HtmlTrackElementList}.
-     *
-     * @param {Object} track
-     *        Remote {@link TextTrack} to remove
-     *
-     * @return {undefined}
-     *         does not return anything
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(obj) {
-      if (obj === void 0) {
-        obj = {};
-      }
-
-      var _obj = obj,
-          track = _obj.track;
-
-      if (!track) {
-        track = obj;
-      } // destructure the input into an object with a track argument, defaulting to arguments[0]
-      // default the whole argument to an empty object if nothing was passed in
-
-
-      if (this.tech_) {
-        return this.tech_.removeRemoteTextTrack(track);
-      }
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object|undefined}
-     *         An object with supported media playback quality metrics or undefined if there
-     *         is no tech or the tech does not support it.
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      return this.techGet_('getVideoPlaybackQuality');
-    }
-    /**
-     * Get video width
-     *
-     * @return {number}
-     *         current video width
-     */
-    ;
-
-    _proto.videoWidth = function videoWidth() {
-      return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-    }
-    /**
-     * Get video height
-     *
-     * @return {number}
-     *         current video height
-     */
-    ;
-
-    _proto.videoHeight = function videoHeight() {
-      return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;
-    }
-    /**
-     * The player's language code
-     * NOTE: The language should be set in the player options if you want the
-     * the controls to be built with a specific language. Changing the language
-     * later will not update controls text.
-     *
-     * @param {string} [code]
-     *        the language code to set the player to
-     *
-     * @return {string}
-     *         The current language code when getting
-     */
-    ;
-
-    _proto.language = function language(code) {
-      if (code === undefined) {
-        return this.language_;
-      }
-
-      this.language_ = String(code).toLowerCase();
-    }
-    /**
-     * Get the player's language dictionary
-     * Merge every time, because a newly added plugin might call videojs.addLanguage() at any time
-     * Languages specified directly in the player options have precedence
-     *
-     * @return {Array}
-     *         An array of of supported languages
-     */
-    ;
-
-    _proto.languages = function languages() {
-      return mergeOptions(Player.prototype.options_.languages, this.languages_);
-    }
-    /**
-     * returns a JavaScript object reperesenting the current track
-     * information. **DOES not return it as JSON**
-     *
-     * @return {Object}
-     *         Object representing the current of track info
-     */
-    ;
-
-    _proto.toJSON = function toJSON() {
-      var options = mergeOptions(this.options_);
-      var tracks = options.tracks;
-      options.tracks = [];
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // deep merge tracks and null out player so no circular references
-
-        track = mergeOptions(track);
-        track.player = undefined;
-        options.tracks[i] = track;
-      }
-
-      return options;
-    }
-    /**
-     * Creates a simple modal dialog (an instance of the {@link ModalDialog}
-     * component) that immediately overlays the player with arbitrary
-     * content and removes itself when closed.
-     *
-     * @param {string|Function|Element|Array|null} content
-     *        Same as {@link ModalDialog#content}'s param of the same name.
-     *        The most straight-forward usage is to provide a string or DOM
-     *        element.
-     *
-     * @param {Object} [options]
-     *        Extra options which will be passed on to the {@link ModalDialog}.
-     *
-     * @return {ModalDialog}
-     *         the {@link ModalDialog} that was created
-     */
-    ;
-
-    _proto.createModal = function createModal(content, options) {
-      var _this14 = this;
-
-      options = options || {};
-      options.content = content || '';
-      var modal = new ModalDialog(this, options);
-      this.addChild(modal);
-      modal.on('dispose', function () {
-        _this14.removeChild(modal);
-      });
-      modal.open();
-      return modal;
-    }
-    /**
-     * Change breakpoint classes when the player resizes.
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateCurrentBreakpoint_ = function updateCurrentBreakpoint_() {
-      if (!this.responsive()) {
-        return;
-      }
-
-      var currentBreakpoint = this.currentBreakpoint();
-      var currentWidth = this.currentWidth();
-
-      for (var i = 0; i < BREAKPOINT_ORDER.length; i++) {
-        var candidateBreakpoint = BREAKPOINT_ORDER[i];
-        var maxWidth = this.breakpoints_[candidateBreakpoint];
-
-        if (currentWidth <= maxWidth) {
-          // The current breakpoint did not change, nothing to do.
-          if (currentBreakpoint === candidateBreakpoint) {
-            return;
-          } // Only remove a class if there is a current breakpoint.
-
-
-          if (currentBreakpoint) {
-            this.removeClass(BREAKPOINT_CLASSES[currentBreakpoint]);
-          }
-
-          this.addClass(BREAKPOINT_CLASSES[candidateBreakpoint]);
-          this.breakpoint_ = candidateBreakpoint;
-          break;
-        }
-      }
-    }
-    /**
-     * Removes the current breakpoint.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeCurrentBreakpoint_ = function removeCurrentBreakpoint_() {
-      var className = this.currentBreakpointClass();
-      this.breakpoint_ = '';
-
-      if (className) {
-        this.removeClass(className);
-      }
-    }
-    /**
-     * Get or set breakpoints on the player.
-     *
-     * Calling this method with an object or `true` will remove any previous
-     * custom breakpoints and start from the defaults again.
-     *
-     * @param  {Object|boolean} [breakpoints]
-     *         If an object is given, it can be used to provide custom
-     *         breakpoints. If `true` is given, will set default breakpoints.
-     *         If this argument is not given, will simply return the current
-     *         breakpoints.
-     *
-     * @param  {number} [breakpoints.tiny]
-     *         The maximum width for the "vjs-layout-tiny" class.
-     *
-     * @param  {number} [breakpoints.xsmall]
-     *         The maximum width for the "vjs-layout-x-small" class.
-     *
-     * @param  {number} [breakpoints.small]
-     *         The maximum width for the "vjs-layout-small" class.
-     *
-     * @param  {number} [breakpoints.medium]
-     *         The maximum width for the "vjs-layout-medium" class.
-     *
-     * @param  {number} [breakpoints.large]
-     *         The maximum width for the "vjs-layout-large" class.
-     *
-     * @param  {number} [breakpoints.xlarge]
-     *         The maximum width for the "vjs-layout-x-large" class.
-     *
-     * @param  {number} [breakpoints.huge]
-     *         The maximum width for the "vjs-layout-huge" class.
-     *
-     * @return {Object}
-     *         An object mapping breakpoint names to maximum width values.
-     */
-    ;
-
-    _proto.breakpoints = function breakpoints(_breakpoints) {
-      // Used as a getter.
-      if (_breakpoints === undefined) {
-        return assign(this.breakpoints_);
-      }
-
-      this.breakpoint_ = '';
-      this.breakpoints_ = assign({}, DEFAULT_BREAKPOINTS, _breakpoints); // When breakpoint definitions change, we need to update the currently
-      // selected breakpoint.
-
-      this.updateCurrentBreakpoint_(); // Clone the breakpoints before returning.
-
-      return assign(this.breakpoints_);
-    }
-    /**
-     * Get or set a flag indicating whether or not this player should adjust
-     * its UI based on its dimensions.
-     *
-     * @param  {boolean} value
-     *         Should be `true` if the player should adjust its UI based on its
-     *         dimensions; otherwise, should be `false`.
-     *
-     * @return {boolean}
-     *         Will be `true` if this player should adjust its UI based on its
-     *         dimensions; otherwise, will be `false`.
-     */
-    ;
-
-    _proto.responsive = function responsive(value) {
-      // Used as a getter.
-      if (value === undefined) {
-        return this.responsive_;
-      }
-
-      value = Boolean(value);
-      var current = this.responsive_; // Nothing changed.
-
-      if (value === current) {
-        return;
-      } // The value actually changed, set it.
-
-
-      this.responsive_ = value; // Start listening for breakpoints and set the initial breakpoint if the
-      // player is now responsive.
-
-      if (value) {
-        this.on('playerresize', this.updateCurrentBreakpoint_);
-        this.updateCurrentBreakpoint_(); // Stop listening for breakpoints if the player is no longer responsive.
-      } else {
-        this.off('playerresize', this.updateCurrentBreakpoint_);
-        this.removeCurrentBreakpoint_();
-      }
-
-      return value;
-    }
-    /**
-     * Get current breakpoint name, if any.
-     *
-     * @return {string}
-     *         If there is currently a breakpoint set, returns a the key from the
-     *         breakpoints object matching it. Otherwise, returns an empty string.
-     */
-    ;
-
-    _proto.currentBreakpoint = function currentBreakpoint() {
-      return this.breakpoint_;
-    }
-    /**
-     * Get the current breakpoint class name.
-     *
-     * @return {string}
-     *         The matching class name (e.g. `"vjs-layout-tiny"` or
-     *         `"vjs-layout-large"`) for the current breakpoint. Empty string if
-     *         there is no current breakpoint.
-     */
-    ;
-
-    _proto.currentBreakpointClass = function currentBreakpointClass() {
-      return BREAKPOINT_CLASSES[this.breakpoint_] || '';
-    }
-    /**
-     * An object that describes a single piece of media.
-     *
-     * Properties that are not part of this type description will be retained; so,
-     * this can be viewed as a generic metadata storage mechanism as well.
-     *
-     * @see      {@link https://wicg.github.io/mediasession/#the-mediametadata-interface}
-     * @typedef  {Object} Player~MediaObject
-     *
-     * @property {string} [album]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {string} [artist]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {Object[]} [artwork]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API. If not specified, will be populated via the `poster`, if
-     *           available.
-     *
-     * @property {string} [poster]
-     *           URL to an image that will display before playback.
-     *
-     * @property {Tech~SourceObject|Tech~SourceObject[]|string} [src]
-     *           A single source object, an array of source objects, or a string
-     *           referencing a URL to a media source. It is _highly recommended_
-     *           that an object or array of objects is used here, so that source
-     *           selection algorithms can take the `type` into account.
-     *
-     * @property {string} [title]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {Object[]} [textTracks]
-     *           An array of objects to be used to create text tracks, following
-     *           the {@link https://www.w3.org/TR/html50/embedded-content-0.html#the-track-element|native track element format}.
-     *           For ease of removal, these will be created as "remote" text
-     *           tracks and set to automatically clean up on source changes.
-     *
-     *           These objects may have properties like `src`, `kind`, `label`,
-     *           and `language`, see {@link Tech#createRemoteTextTrack}.
-     */
-
-    /**
-     * Populate the player using a {@link Player~MediaObject|MediaObject}.
-     *
-     * @param  {Player~MediaObject} media
-     *         A media object.
-     *
-     * @param  {Function} ready
-     *         A callback to be called when the player is ready.
-     */
-    ;
-
-    _proto.loadMedia = function loadMedia(media, ready) {
-      var _this15 = this;
-
-      if (!media || typeof media !== 'object') {
-        return;
-      }
-
-      this.reset(); // Clone the media object so it cannot be mutated from outside.
-
-      this.cache_.media = mergeOptions(media);
-      var _this$cache_$media = this.cache_.media,
-          artwork = _this$cache_$media.artwork,
-          poster = _this$cache_$media.poster,
-          src = _this$cache_$media.src,
-          textTracks = _this$cache_$media.textTracks; // If `artwork` is not given, create it using `poster`.
-
-      if (!artwork && poster) {
-        this.cache_.media.artwork = [{
-          src: poster,
-          type: getMimetype(poster)
-        }];
-      }
-
-      if (src) {
-        this.src(src);
-      }
-
-      if (poster) {
-        this.poster(poster);
-      }
-
-      if (Array.isArray(textTracks)) {
-        textTracks.forEach(function (tt) {
-          return _this15.addRemoteTextTrack(tt, false);
-        });
-      }
-
-      this.ready(ready);
-    }
-    /**
-     * Get a clone of the current {@link Player~MediaObject} for this player.
-     *
-     * If the `loadMedia` method has not been used, will attempt to return a
-     * {@link Player~MediaObject} based on the current state of the player.
-     *
-     * @return {Player~MediaObject}
-     */
-    ;
-
-    _proto.getMedia = function getMedia() {
-      if (!this.cache_.media) {
-        var poster = this.poster();
-        var src = this.currentSources();
-        var textTracks = Array.prototype.map.call(this.remoteTextTracks(), function (tt) {
-          return {
-            kind: tt.kind,
-            label: tt.label,
-            language: tt.language,
-            src: tt.src
-          };
-        });
-        var media = {
-          src: src,
-          textTracks: textTracks
-        };
-
-        if (poster) {
-          media.poster = poster;
-          media.artwork = [{
-            src: media.poster,
-            type: getMimetype(media.poster)
-          }];
-        }
-
-        return media;
-      }
-
-      return mergeOptions(this.cache_.media);
-    }
-    /**
-     * Gets tag settings
-     *
-     * @param {Element} tag
-     *        The player tag
-     *
-     * @return {Object}
-     *         An object containing all of the settings
-     *         for a player tag
-     */
-    ;
-
-    Player.getTagSettings = function getTagSettings(tag) {
-      var baseOptions = {
-        sources: [],
-        tracks: []
-      };
-      var tagOptions = getAttributes(tag);
-      var dataSetup = tagOptions['data-setup'];
-
-      if (hasClass(tag, 'vjs-fill')) {
-        tagOptions.fill = true;
-      }
-
-      if (hasClass(tag, 'vjs-fluid')) {
-        tagOptions.fluid = true;
-      } // Check if data-setup attr exists.
-
-
-      if (dataSetup !== null) {
-        // Parse options JSON
-        // If empty string, make it a parsable json object.
-        var _safeParseTuple = tuple(dataSetup || '{}'),
-            err = _safeParseTuple[0],
-            data = _safeParseTuple[1];
-
-        if (err) {
-          log.error(err);
-        }
-
-        assign(tagOptions, data);
-      }
-
-      assign(baseOptions, tagOptions); // Get tag children settings
-
-      if (tag.hasChildNodes()) {
-        var children = tag.childNodes;
-
-        for (var i = 0, j = children.length; i < j; i++) {
-          var child = children[i]; // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
-
-          var childName = child.nodeName.toLowerCase();
-
-          if (childName === 'source') {
-            baseOptions.sources.push(getAttributes(child));
-          } else if (childName === 'track') {
-            baseOptions.tracks.push(getAttributes(child));
-          }
-        }
-      }
-
-      return baseOptions;
-    }
-    /**
-     * Determine whether or not flexbox is supported
-     *
-     * @return {boolean}
-     *         - true if flexbox is supported
-     *         - false if flexbox is not supported
-     */
-    ;
-
-    _proto.flexNotSupported_ = function flexNotSupported_() {
-      var elem = document.createElement('i'); // Note: We don't actually use flexBasis (or flexOrder), but it's one of the more
-      // common flex features that we can rely on when checking for flex support.
-
-      return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style || // IE10-specific (2012 flex spec), available for completeness
-      'msFlexOrder' in elem.style);
-    };
-
-    return Player;
-  }(Component);
-  /**
-   * Get the {@link VideoTrackList}
-   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist
-   *
-   * @return {VideoTrackList}
-   *         the current video track list
-   *
-   * @method Player.prototype.videoTracks
-   */
-
-  /**
-   * Get the {@link AudioTrackList}
-   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist
-   *
-   * @return {AudioTrackList}
-   *         the current audio track list
-   *
-   * @method Player.prototype.audioTracks
-   */
-
-  /**
-   * Get the {@link TextTrackList}
-   *
-   * @link http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
-   *
-   * @return {TextTrackList}
-   *         the current text track list
-   *
-   * @method Player.prototype.textTracks
-   */
-
-  /**
-   * Get the remote {@link TextTrackList}
-   *
-   * @return {TextTrackList}
-   *         The current remote text track list
-   *
-   * @method Player.prototype.remoteTextTracks
-   */
-
-  /**
-   * Get the remote {@link HtmlTrackElementList} tracks.
-   *
-   * @return {HtmlTrackElementList}
-   *         The current remote text track element list
-   *
-   * @method Player.prototype.remoteTextTrackEls
-   */
-
-
-  ALL.names.forEach(function (name) {
-    var props = ALL[name];
-
-    Player.prototype[props.getterName] = function () {
-      if (this.tech_) {
-        return this.tech_[props.getterName]();
-      } // if we have not yet loadTech_, we create {video,audio,text}Tracks_
-      // these will be passed to the tech during loading
-
-
-      this[props.privateName] = this[props.privateName] || new props.ListClass();
-      return this[props.privateName];
-    };
-  });
-  /**
-   * Global enumeration of players.
-   *
-   * The keys are the player IDs and the values are either the {@link Player}
-   * instance or `null` for disposed players.
-   *
-   * @type {Object}
-   */
-
-  Player.players = {};
-  var navigator = window$1.navigator;
-  /*
-   * Player instance options, surfaced using options
-   * options = Player.prototype.options_
-   * Make changes in options, not here.
-   *
-   * @type {Object}
-   * @private
-   */
-
-  Player.prototype.options_ = {
-    // Default order of fallback technology
-    techOrder: Tech.defaultTechOrder_,
-    html5: {},
-    flash: {},
-    // default inactivity timeout
-    inactivityTimeout: 2000,
-    // default playback rates
-    playbackRates: [],
-    // Add playback rate selection by adding rates
-    // 'playbackRates': [0.5, 1, 1.5, 2],
-    liveui: false,
-    // Included control sets
-    children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'liveTracker', 'controlBar', 'errorDisplay', 'textTrackSettings', 'resizeManager'],
-    language: navigator && (navigator.languages && navigator.languages[0] || navigator.userLanguage || navigator.language) || 'en',
-    // locales and their language translations
-    languages: {},
-    // Default message to show when a video cannot be played.
-    notSupportedMessage: 'No compatible source was found for this media.',
-    fullscreen: {
-      options: {
-        navigationUI: 'hide'
-      }
-    },
-    breakpoints: {},
-    responsive: false
-  };
-  [
-  /**
-   * Returns whether or not the player is in the "ended" state.
-   *
-   * @return {Boolean} True if the player is in the ended state, false if not.
-   * @method Player#ended
-   */
-  'ended',
-  /**
-   * Returns whether or not the player is in the "seeking" state.
-   *
-   * @return {Boolean} True if the player is in the seeking state, false if not.
-   * @method Player#seeking
-   */
-  'seeking',
-  /**
-   * Returns the TimeRanges of the media that are currently available
-   * for seeking to.
-   *
-   * @return {TimeRanges} the seekable intervals of the media timeline
-   * @method Player#seekable
-   */
-  'seekable',
-  /**
-   * Returns the current state of network activity for the element, from
-   * the codes in the list below.
-   * - NETWORK_EMPTY (numeric value 0)
-   *   The element has not yet been initialised. All attributes are in
-   *   their initial states.
-   * - NETWORK_IDLE (numeric value 1)
-   *   The element's resource selection algorithm is active and has
-   *   selected a resource, but it is not actually using the network at
-   *   this time.
-   * - NETWORK_LOADING (numeric value 2)
-   *   The user agent is actively trying to download data.
-   * - NETWORK_NO_SOURCE (numeric value 3)
-   *   The element's resource selection algorithm is active, but it has
-   *   not yet found a resource to use.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#network-states
-   * @return {number} the current network activity state
-   * @method Player#networkState
-   */
-  'networkState',
-  /**
-   * Returns a value that expresses the current state of the element
-   * with respect to rendering the current playback position, from the
-   * codes in the list below.
-   * - HAVE_NOTHING (numeric value 0)
-   *   No information regarding the media resource is available.
-   * - HAVE_METADATA (numeric value 1)
-   *   Enough of the resource has been obtained that the duration of the
-   *   resource is available.
-   * - HAVE_CURRENT_DATA (numeric value 2)
-   *   Data for the immediate current playback position is available.
-   * - HAVE_FUTURE_DATA (numeric value 3)
-   *   Data for the immediate current playback position is available, as
-   *   well as enough data for the user agent to advance the current
-   *   playback position in the direction of playback.
-   * - HAVE_ENOUGH_DATA (numeric value 4)
-   *   The user agent estimates that enough data is available for
-   *   playback to proceed uninterrupted.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-readystate
-   * @return {number} the current playback rendering state
-   * @method Player#readyState
-   */
-  'readyState'].forEach(function (fn) {
-    Player.prototype[fn] = function () {
-      return this.techGet_(fn);
-    };
-  });
-  TECH_EVENTS_RETRIGGER.forEach(function (event) {
-    Player.prototype["handleTech" + toTitleCase(event) + "_"] = function () {
-      return this.trigger(event);
-    };
-  });
-  /**
-   * Fired when the player has initial duration and dimension information
-   *
-   * @event Player#loadedmetadata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the player has downloaded data at the current playback position
-   *
-   * @event Player#loadeddata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the current playback position has changed *
-   * During playback this is fired every 15-250 milliseconds, depending on the
-   * playback technology in use.
-   *
-   * @event Player#timeupdate
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the volume changes
-   *
-   * @event Player#volumechange
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Reports whether or not a player has a plugin available.
-   *
-   * This does not report whether or not the plugin has ever been initialized
-   * on this player. For that, [usingPlugin]{@link Player#usingPlugin}.
-   *
-   * @method Player#hasPlugin
-   * @param  {string}  name
-   *         The name of a plugin.
-   *
-   * @return {boolean}
-   *         Whether or not this player has the requested plugin available.
-   */
-
-  /**
-   * Reports whether or not a player is using a plugin by name.
-   *
-   * For basic plugins, this only reports whether the plugin has _ever_ been
-   * initialized on this player.
-   *
-   * @method Player#usingPlugin
-   * @param  {string} name
-   *         The name of a plugin.
-   *
-   * @return {boolean}
-   *         Whether or not this player is using the requested plugin.
-   */
-
-  Component.registerComponent('Player', Player);
-
-  var setPrototypeOf = createCommonjsModule(function (module) {
-    function _setPrototypeOf(o, p) {
-      module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-      };
-
-      return _setPrototypeOf(o, p);
-    }
-
-    module.exports = _setPrototypeOf;
-  });
-
-  var construct = createCommonjsModule(function (module) {
-    function isNativeReflectConstruct() {
-      if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-      if (Reflect.construct.sham) return false;
-      if (typeof Proxy === "function") return true;
-
-      try {
-        Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-        return true;
-      } catch (e) {
-        return false;
-      }
-    }
-
-    function _construct(Parent, args, Class) {
-      if (isNativeReflectConstruct()) {
-        module.exports = _construct = Reflect.construct;
-      } else {
-        module.exports = _construct = function _construct(Parent, args, Class) {
-          var a = [null];
-          a.push.apply(a, args);
-          var Constructor = Function.bind.apply(Parent, a);
-          var instance = new Constructor();
-          if (Class) setPrototypeOf(instance, Class.prototype);
-          return instance;
-        };
-      }
-
-      return _construct.apply(null, arguments);
-    }
-
-    module.exports = _construct;
-  });
-
-  /**
-   * The base plugin name.
-   *
-   * @private
-   * @constant
-   * @type {string}
-   */
-
-  var BASE_PLUGIN_NAME = 'plugin';
-  /**
-   * The key on which a player's active plugins cache is stored.
-   *
-   * @private
-   * @constant
-   * @type     {string}
-   */
-
-  var PLUGIN_CACHE_KEY = 'activePlugins_';
-  /**
-   * Stores registered plugins in a private space.
-   *
-   * @private
-   * @type    {Object}
-   */
-
-  var pluginStorage = {};
-  /**
-   * Reports whether or not a plugin has been registered.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {boolean}
-   *          Whether or not the plugin has been registered.
-   */
-
-  var pluginExists = function pluginExists(name) {
-    return pluginStorage.hasOwnProperty(name);
-  };
-  /**
-   * Get a single registered plugin by name.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {Function|undefined}
-   *          The plugin (or undefined).
-   */
-
-
-  var getPlugin = function getPlugin(name) {
-    return pluginExists(name) ? pluginStorage[name] : undefined;
-  };
-  /**
-   * Marks a plugin as "active" on a player.
-   *
-   * Also, ensures that the player has an object for tracking active plugins.
-   *
-   * @private
-   * @param   {Player} player
-   *          A Video.js player instance.
-   *
-   * @param   {string} name
-   *          The name of a plugin.
-   */
-
-
-  var markPluginAsActive = function markPluginAsActive(player, name) {
-    player[PLUGIN_CACHE_KEY] = player[PLUGIN_CACHE_KEY] || {};
-    player[PLUGIN_CACHE_KEY][name] = true;
-  };
-  /**
-   * Triggers a pair of plugin setup events.
-   *
-   * @private
-   * @param  {Player} player
-   *         A Video.js player instance.
-   *
-   * @param  {Plugin~PluginEventHash} hash
-   *         A plugin event hash.
-   *
-   * @param  {boolean} [before]
-   *         If true, prefixes the event name with "before". In other words,
-   *         use this to trigger "beforepluginsetup" instead of "pluginsetup".
-   */
-
-
-  var triggerSetupEvent = function triggerSetupEvent(player, hash, before) {
-    var eventName = (before ? 'before' : '') + 'pluginsetup';
-    player.trigger(eventName, hash);
-    player.trigger(eventName + ':' + hash.name, hash);
-  };
-  /**
-   * Takes a basic plugin function and returns a wrapper function which marks
-   * on the player that the plugin has been activated.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of the plugin.
-   *
-   * @param   {Function} plugin
-   *          The basic plugin.
-   *
-   * @return {Function}
-   *          A wrapper function for the given plugin.
-   */
-
-
-  var createBasicPlugin = function createBasicPlugin(name, plugin) {
-    var basicPluginWrapper = function basicPluginWrapper() {
-      // We trigger the "beforepluginsetup" and "pluginsetup" events on the player
-      // regardless, but we want the hash to be consistent with the hash provided
-      // for advanced plugins.
-      //
-      // The only potentially counter-intuitive thing here is the `instance` in
-      // the "pluginsetup" event is the value returned by the `plugin` function.
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: plugin,
-        instance: null
-      }, true);
-      var instance = plugin.apply(this, arguments);
-      markPluginAsActive(this, name);
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: plugin,
-        instance: instance
-      });
-      return instance;
-    };
-
-    Object.keys(plugin).forEach(function (prop) {
-      basicPluginWrapper[prop] = plugin[prop];
-    });
-    return basicPluginWrapper;
-  };
-  /**
-   * Takes a plugin sub-class and returns a factory function for generating
-   * instances of it.
-   *
-   * This factory function will replace itself with an instance of the requested
-   * sub-class of Plugin.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of the plugin.
-   *
-   * @param   {Plugin} PluginSubClass
-   *          The advanced plugin.
-   *
-   * @return {Function}
-   */
-
-
-  var createPluginFactory = function createPluginFactory(name, PluginSubClass) {
-    // Add a `name` property to the plugin prototype so that each plugin can
-    // refer to itself by name.
-    PluginSubClass.prototype.name = name;
-    return function () {
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: PluginSubClass,
-        instance: null
-      }, true);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var instance = construct(PluginSubClass, [this].concat(args)); // The plugin is replaced by a function that returns the current instance.
-
-
-      this[name] = function () {
-        return instance;
-      };
-
-      triggerSetupEvent(this, instance.getEventHash());
-      return instance;
-    };
-  };
-  /**
-   * Parent class for all advanced plugins.
-   *
-   * @mixes   module:evented~EventedMixin
-   * @mixes   module:stateful~StatefulMixin
-   * @fires   Player#beforepluginsetup
-   * @fires   Player#beforepluginsetup:$name
-   * @fires   Player#pluginsetup
-   * @fires   Player#pluginsetup:$name
-   * @listens Player#dispose
-   * @throws  {Error}
-   *          If attempting to instantiate the base {@link Plugin} class
-   *          directly instead of via a sub-class.
-   */
-
-
-  var Plugin =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Creates an instance of this class.
-     *
-     * Sub-classes should call `super` to ensure plugins are properly initialized.
-     *
-     * @param {Player} player
-     *        A Video.js player instance.
-     */
-    function Plugin(player) {
-      if (this.constructor === Plugin) {
-        throw new Error('Plugin must be sub-classed; not directly instantiated.');
-      }
-
-      this.player = player; // Make this object evented, but remove the added `trigger` method so we
-      // use the prototype version instead.
-
-      evented(this);
-      delete this.trigger;
-      stateful(this, this.constructor.defaultState);
-      markPluginAsActive(player, this.name); // Auto-bind the dispose method so we can use it as a listener and unbind
-      // it later easily.
-
-      this.dispose = bind(this, this.dispose); // If the player is disposed, dispose the plugin.
-
-      player.on('dispose', this.dispose);
-    }
-    /**
-     * Get the version of the plugin that was set on <pluginName>.VERSION
-     */
-
-
-    var _proto = Plugin.prototype;
-
-    _proto.version = function version() {
-      return this.constructor.VERSION;
-    }
-    /**
-     * Each event triggered by plugins includes a hash of additional data with
-     * conventional properties.
-     *
-     * This returns that object or mutates an existing hash.
-     *
-     * @param   {Object} [hash={}]
-     *          An object to be used as event an event hash.
-     *
-     * @return {Plugin~PluginEventHash}
-     *          An event hash object with provided properties mixed-in.
-     */
-    ;
-
-    _proto.getEventHash = function getEventHash(hash) {
-      if (hash === void 0) {
-        hash = {};
-      }
-
-      hash.name = this.name;
-      hash.plugin = this.constructor;
-      hash.instance = this;
-      return hash;
-    }
-    /**
-     * Triggers an event on the plugin object and overrides
-     * {@link module:evented~EventedMixin.trigger|EventedMixin.trigger}.
-     *
-     * @param   {string|Object} event
-     *          An event type or an object with a type property.
-     *
-     * @param   {Object} [hash={}]
-     *          Additional data hash to merge with a
-     *          {@link Plugin~PluginEventHash|PluginEventHash}.
-     *
-     * @return {boolean}
-     *          Whether or not default was prevented.
-     */
-    ;
-
-    _proto.trigger = function trigger$1(event, hash) {
-      if (hash === void 0) {
-        hash = {};
-      }
-
-      return trigger(this.eventBusEl_, event, this.getEventHash(hash));
-    }
-    /**
-     * Handles "statechanged" events on the plugin. No-op by default, override by
-     * subclassing.
-     *
-     * @abstract
-     * @param    {Event} e
-     *           An event object provided by a "statechanged" event.
-     *
-     * @param    {Object} e.changes
-     *           An object describing changes that occurred with the "statechanged"
-     *           event.
-     */
-    ;
-
-    _proto.handleStateChanged = function handleStateChanged(e) {}
-    /**
-     * Disposes a plugin.
-     *
-     * Subclasses can override this if they want, but for the sake of safety,
-     * it's probably best to subscribe the "dispose" event.
-     *
-     * @fires Plugin#dispose
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      var name = this.name,
-          player = this.player;
-      /**
-       * Signals that a advanced plugin is about to be disposed.
-       *
-       * @event Plugin#dispose
-       * @type  {EventTarget~Event}
-       */
-
-      this.trigger('dispose');
-      this.off();
-      player.off('dispose', this.dispose); // Eliminate any possible sources of leaking memory by clearing up
-      // references between the player and the plugin instance and nulling out
-      // the plugin's state and replacing methods with a function that throws.
-
-      player[PLUGIN_CACHE_KEY][name] = false;
-      this.player = this.state = null; // Finally, replace the plugin name on the player with a new factory
-      // function, so that the plugin is ready to be set up again.
-
-      player[name] = createPluginFactory(name, pluginStorage[name]);
-    }
-    /**
-     * Determines if a plugin is a basic plugin (i.e. not a sub-class of `Plugin`).
-     *
-     * @param   {string|Function} plugin
-     *          If a string, matches the name of a plugin. If a function, will be
-     *          tested directly.
-     *
-     * @return {boolean}
-     *          Whether or not a plugin is a basic plugin.
-     */
-    ;
-
-    Plugin.isBasic = function isBasic(plugin) {
-      var p = typeof plugin === 'string' ? getPlugin(plugin) : plugin;
-      return typeof p === 'function' && !Plugin.prototype.isPrototypeOf(p.prototype);
-    }
-    /**
-     * Register a Video.js plugin.
-     *
-     * @param   {string} name
-     *          The name of the plugin to be registered. Must be a string and
-     *          must not match an existing plugin or a method on the `Player`
-     *          prototype.
-     *
-     * @param   {Function} plugin
-     *          A sub-class of `Plugin` or a function for basic plugins.
-     *
-     * @return {Function}
-     *          For advanced plugins, a factory function for that plugin. For
-     *          basic plugins, a wrapper function that initializes the plugin.
-     */
-    ;
-
-    Plugin.registerPlugin = function registerPlugin(name, plugin) {
-      if (typeof name !== 'string') {
-        throw new Error("Illegal plugin name, \"" + name + "\", must be a string, was " + typeof name + ".");
-      }
-
-      if (pluginExists(name)) {
-        log.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
-      } else if (Player.prototype.hasOwnProperty(name)) {
-        throw new Error("Illegal plugin name, \"" + name + "\", cannot share a name with an existing player method!");
-      }
-
-      if (typeof plugin !== 'function') {
-        throw new Error("Illegal plugin for \"" + name + "\", must be a function, was " + typeof plugin + ".");
-      }
-
-      pluginStorage[name] = plugin; // Add a player prototype method for all sub-classed plugins (but not for
-      // the base Plugin class).
-
-      if (name !== BASE_PLUGIN_NAME) {
-        if (Plugin.isBasic(plugin)) {
-          Player.prototype[name] = createBasicPlugin(name, plugin);
-        } else {
-          Player.prototype[name] = createPluginFactory(name, plugin);
-        }
-      }
-
-      return plugin;
-    }
-    /**
-     * De-register a Video.js plugin.
-     *
-     * @param  {string} name
-     *         The name of the plugin to be de-registered. Must be a string that
-     *         matches an existing plugin.
-     *
-     * @throws {Error}
-     *         If an attempt is made to de-register the base plugin.
-     */
-    ;
-
-    Plugin.deregisterPlugin = function deregisterPlugin(name) {
-      if (name === BASE_PLUGIN_NAME) {
-        throw new Error('Cannot de-register base plugin.');
-      }
-
-      if (pluginExists(name)) {
-        delete pluginStorage[name];
-        delete Player.prototype[name];
-      }
-    }
-    /**
-     * Gets an object containing multiple Video.js plugins.
-     *
-     * @param   {Array} [names]
-     *          If provided, should be an array of plugin names. Defaults to _all_
-     *          plugin names.
-     *
-     * @return {Object|undefined}
-     *          An object containing plugin(s) associated with their name(s) or
-     *          `undefined` if no matching plugins exist).
-     */
-    ;
-
-    Plugin.getPlugins = function getPlugins(names) {
-      if (names === void 0) {
-        names = Object.keys(pluginStorage);
-      }
-
-      var result;
-      names.forEach(function (name) {
-        var plugin = getPlugin(name);
-
-        if (plugin) {
-          result = result || {};
-          result[name] = plugin;
-        }
-      });
-      return result;
-    }
-    /**
-     * Gets a plugin's version, if available
-     *
-     * @param   {string} name
-     *          The name of a plugin.
-     *
-     * @return {string}
-     *          The plugin's version or an empty string.
-     */
-    ;
-
-    Plugin.getPluginVersion = function getPluginVersion(name) {
-      var plugin = getPlugin(name);
-      return plugin && plugin.VERSION || '';
-    };
-
-    return Plugin;
-  }();
-  /**
-   * Gets a plugin by name if it exists.
-   *
-   * @static
-   * @method   getPlugin
-   * @memberOf Plugin
-   * @param    {string} name
-   *           The name of a plugin.
-   *
-   * @returns  {Function|undefined}
-   *           The plugin (or `undefined`).
-   */
-
-
-  Plugin.getPlugin = getPlugin;
-  /**
-   * The name of the base plugin class as it is registered.
-   *
-   * @type {string}
-   */
-
-  Plugin.BASE_PLUGIN_NAME = BASE_PLUGIN_NAME;
-  Plugin.registerPlugin(BASE_PLUGIN_NAME, Plugin);
-  /**
-   * Documented in player.js
-   *
-   * @ignore
-   */
-
-  Player.prototype.usingPlugin = function (name) {
-    return !!this[PLUGIN_CACHE_KEY] && this[PLUGIN_CACHE_KEY][name] === true;
-  };
-  /**
-   * Documented in player.js
-   *
-   * @ignore
-   */
-
-
-  Player.prototype.hasPlugin = function (name) {
-    return !!pluginExists(name);
-  };
-  /**
-   * Signals that a plugin is about to be set up on a player.
-   *
-   * @event    Player#beforepluginsetup
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin is about to be set up on a player - by name. The name
-   * is the name of the plugin.
-   *
-   * @event    Player#beforepluginsetup:$name
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin has just been set up on a player.
-   *
-   * @event    Player#pluginsetup
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin has just been set up on a player - by name. The name
-   * is the name of the plugin.
-   *
-   * @event    Player#pluginsetup:$name
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * @typedef  {Object} Plugin~PluginEventHash
-   *
-   * @property {string} instance
-   *           For basic plugins, the return value of the plugin function. For
-   *           advanced plugins, the plugin instance on which the event is fired.
-   *
-   * @property {string} name
-   *           The name of the plugin.
-   *
-   * @property {string} plugin
-   *           For basic plugins, the plugin function. For advanced plugins, the
-   *           plugin class/constructor.
-   */
-
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass) setPrototypeOf(subClass, superClass);
-  }
-
-  var inherits = _inherits;
-
-  /**
-   * @file extend.js
-   * @module extend
-   */
-  /**
-   * Used to subclass an existing class by emulating ES subclassing using the
-   * `extends` keyword.
-   *
-   * @function
-   * @example
-   * var MyComponent = videojs.extend(videojs.getComponent('Component'), {
-   *   myCustomMethod: function() {
-   *     // Do things in my method.
-   *   }
-   * });
-   *
-   * @param    {Function} superClass
-   *           The class to inherit from
-   *
-   * @param    {Object}   [subClassMethods={}]
-   *           Methods of the new class
-   *
-   * @return   {Function}
-   *           The new class with subClassMethods that inherited superClass.
-   */
-
-  var extend = function extend(superClass, subClassMethods) {
-    if (subClassMethods === void 0) {
-      subClassMethods = {};
-    }
-
-    var subClass = function subClass() {
-      superClass.apply(this, arguments);
-    };
-
-    var methods = {};
-
-    if (typeof subClassMethods === 'object') {
-      if (subClassMethods.constructor !== Object.prototype.constructor) {
-        subClass = subClassMethods.constructor;
-      }
-
-      methods = subClassMethods;
-    } else if (typeof subClassMethods === 'function') {
-      subClass = subClassMethods;
-    }
-
-    inherits(subClass, superClass); // this is needed for backward-compatibility and node compatibility.
-
-
-    if (superClass) {
-      subClass.super_ = superClass;
-    } // Extend subObj's prototype with functions and other properties from props
-
-
-    for (var name in methods) {
-      if (methods.hasOwnProperty(name)) {
-        subClass.prototype[name] = methods[name];
-      }
-    }
-
-    return subClass;
-  };
-
-  /**
-   * @file video.js
-   * @module videojs
-   */
-  /**
-   * Normalize an `id` value by trimming off a leading `#`
-   *
-   * @private
-   * @param   {string} id
-   *          A string, maybe with a leading `#`.
-   *
-   * @return {string}
-   *          The string, without any leading `#`.
-   */
-
-  var normalizeId = function normalizeId(id) {
-    return id.indexOf('#') === 0 ? id.slice(1) : id;
-  };
-  /**
-   * The `videojs()` function doubles as the main function for users to create a
-   * {@link Player} instance as well as the main library namespace.
-   *
-   * It can also be used as a getter for a pre-existing {@link Player} instance.
-   * However, we _strongly_ recommend using `videojs.getPlayer()` for this
-   * purpose because it avoids any potential for unintended initialization.
-   *
-   * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-   * of our JSDoc template, we cannot properly document this as both a function
-   * and a namespace, so its function signature is documented here.
-   *
-   * #### Arguments
-   * ##### id
-   * string|Element, **required**
-   *
-   * Video element or video element ID.
-   *
-   * ##### options
-   * Object, optional
-   *
-   * Options object for providing settings.
-   * See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
-   *
-   * ##### ready
-   * {@link Component~ReadyCallback}, optional
-   *
-   * A function to be called when the {@link Player} and {@link Tech} are ready.
-   *
-   * #### Return Value
-   *
-   * The `videojs()` function returns a {@link Player} instance.
-   *
-   * @namespace
-   *
-   * @borrows AudioTrack as AudioTrack
-   * @borrows Component.getComponent as getComponent
-   * @borrows module:computed-style~computedStyle as computedStyle
-   * @borrows module:events.on as on
-   * @borrows module:events.one as one
-   * @borrows module:events.off as off
-   * @borrows module:events.trigger as trigger
-   * @borrows EventTarget as EventTarget
-   * @borrows module:extend~extend as extend
-   * @borrows module:fn.bind as bind
-   * @borrows module:format-time.formatTime as formatTime
-   * @borrows module:format-time.resetFormatTime as resetFormatTime
-   * @borrows module:format-time.setFormatTime as setFormatTime
-   * @borrows module:merge-options.mergeOptions as mergeOptions
-   * @borrows module:middleware.use as use
-   * @borrows Player.players as players
-   * @borrows Plugin.registerPlugin as registerPlugin
-   * @borrows Plugin.deregisterPlugin as deregisterPlugin
-   * @borrows Plugin.getPlugins as getPlugins
-   * @borrows Plugin.getPlugin as getPlugin
-   * @borrows Plugin.getPluginVersion as getPluginVersion
-   * @borrows Tech.getTech as getTech
-   * @borrows Tech.registerTech as registerTech
-   * @borrows TextTrack as TextTrack
-   * @borrows module:time-ranges.createTimeRanges as createTimeRange
-   * @borrows module:time-ranges.createTimeRanges as createTimeRanges
-   * @borrows module:url.isCrossOrigin as isCrossOrigin
-   * @borrows module:url.parseUrl as parseUrl
-   * @borrows VideoTrack as VideoTrack
-   *
-   * @param  {string|Element} id
-   *         Video element or video element ID.
-   *
-   * @param  {Object} [options]
-   *         Options object for providing settings.
-   *         See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
-   *
-   * @param  {Component~ReadyCallback} [ready]
-   *         A function to be called when the {@link Player} and {@link Tech} are
-   *         ready.
-   *
-   * @return {Player}
-   *         The `videojs()` function returns a {@link Player|Player} instance.
-   */
-
-
-  function videojs$1(id, options, ready) {
-    var player = videojs$1.getPlayer(id);
-
-    if (player) {
-      if (options) {
-        log.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
-      }
-
-      if (ready) {
-        player.ready(ready);
-      }
-
-      return player;
-    }
-
-    var el = typeof id === 'string' ? $('#' + normalizeId(id)) : id;
-
-    if (!isEl(el)) {
-      throw new TypeError('The element or ID supplied is not valid. (videojs)');
-    } // document.body.contains(el) will only check if el is contained within that one document.
-    // This causes problems for elements in iframes.
-    // Instead, use the element's ownerDocument instead of the global document.
-    // This will make sure that the element is indeed in the dom of that document.
-    // Additionally, check that the document in question has a default view.
-    // If the document is no longer attached to the dom, the defaultView of the document will be null.
-
-
-    if (!el.ownerDocument.defaultView || !el.ownerDocument.body.contains(el)) {
-      log.warn('The element supplied is not included in the DOM');
-    }
-
-    options = options || {};
-    videojs$1.hooks('beforesetup').forEach(function (hookFunction) {
-      var opts = hookFunction(el, mergeOptions(options));
-
-      if (!isObject(opts) || Array.isArray(opts)) {
-        log.error('please return an object in beforesetup hooks');
-        return;
-      }
-
-      options = mergeOptions(options, opts);
-    }); // We get the current "Player" component here in case an integration has
-    // replaced it with a custom player.
-
-    var PlayerComponent = Component.getComponent('Player');
-    player = new PlayerComponent(el, options, ready);
-    videojs$1.hooks('setup').forEach(function (hookFunction) {
-      return hookFunction(player);
-    });
-    return player;
-  }
-  /**
-   * An Object that contains lifecycle hooks as keys which point to an array
-   * of functions that are run when a lifecycle is triggered
-   *
-   * @private
-   */
-
-
-  videojs$1.hooks_ = {};
-  /**
-   * Get a list of hooks for a specific lifecycle
-   *
-   * @param  {string} type
-   *         the lifecyle to get hooks from
-   *
-   * @param  {Function|Function[]} [fn]
-   *         Optionally add a hook (or hooks) to the lifecycle that your are getting.
-   *
-   * @return {Array}
-   *         an array of hooks, or an empty array if there are none.
-   */
-
-  videojs$1.hooks = function (type, fn) {
-    videojs$1.hooks_[type] = videojs$1.hooks_[type] || [];
-
-    if (fn) {
-      videojs$1.hooks_[type] = videojs$1.hooks_[type].concat(fn);
-    }
-
-    return videojs$1.hooks_[type];
-  };
-  /**
-   * Add a function hook to a specific videojs lifecycle.
-   *
-   * @param {string} type
-   *        the lifecycle to hook the function to.
-   *
-   * @param {Function|Function[]}
-   *        The function or array of functions to attach.
-   */
-
-
-  videojs$1.hook = function (type, fn) {
-    videojs$1.hooks(type, fn);
-  };
-  /**
-   * Add a function hook that will only run once to a specific videojs lifecycle.
-   *
-   * @param {string} type
-   *        the lifecycle to hook the function to.
-   *
-   * @param {Function|Function[]}
-   *        The function or array of functions to attach.
-   */
-
-
-  videojs$1.hookOnce = function (type, fn) {
-    videojs$1.hooks(type, [].concat(fn).map(function (original) {
-      var wrapper = function wrapper() {
-        videojs$1.removeHook(type, wrapper);
-        return original.apply(void 0, arguments);
-      };
-
-      return wrapper;
-    }));
-  };
-  /**
-   * Remove a hook from a specific videojs lifecycle.
-   *
-   * @param  {string} type
-   *         the lifecycle that the function hooked to
-   *
-   * @param  {Function} fn
-   *         The hooked function to remove
-   *
-   * @return {boolean}
-   *         The function that was removed or undef
-   */
-
-
-  videojs$1.removeHook = function (type, fn) {
-    var index = videojs$1.hooks(type).indexOf(fn);
-
-    if (index <= -1) {
-      return false;
-    }
-
-    videojs$1.hooks_[type] = videojs$1.hooks_[type].slice();
-    videojs$1.hooks_[type].splice(index, 1);
-    return true;
-  }; // Add default styles
-
-
-  if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
-    var style = $('.vjs-styles-defaults');
-
-    if (!style) {
-      style = createStyleElement('vjs-styles-defaults');
-      var head = $('head');
-
-      if (head) {
-        head.insertBefore(style, head.firstChild);
-      }
-
-      setTextContent(style, "\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ");
-    }
-  } // Run Auto-load players
-  // You have to wait at least once in case this script is loaded after your
-  // video in the DOM (weird behavior only with minified version)
-
-
-  autoSetupTimeout(1, videojs$1);
-  /**
-   * Current Video.js version. Follows [semantic versioning](https://semver.org/).
-   *
-   * @type {string}
-   */
-
-  videojs$1.VERSION = version;
-  /**
-   * The global options object. These are the settings that take effect
-   * if no overrides are specified when the player is created.
-   *
-   * @type {Object}
-   */
-
-  videojs$1.options = Player.prototype.options_;
-  /**
-   * Get an object with the currently created players, keyed by player ID
-   *
-   * @return {Object}
-   *         The created players
-   */
-
-  videojs$1.getPlayers = function () {
-    return Player.players;
-  };
-  /**
-   * Get a single player based on an ID or DOM element.
-   *
-   * This is useful if you want to check if an element or ID has an associated
-   * Video.js player, but not create one if it doesn't.
-   *
-   * @param   {string|Element} id
-   *          An HTML element - `<video>`, `<audio>`, or `<video-js>` -
-   *          or a string matching the `id` of such an element.
-   *
-   * @return {Player|undefined}
-   *          A player instance or `undefined` if there is no player instance
-   *          matching the argument.
-   */
-
-
-  videojs$1.getPlayer = function (id) {
-    var players = Player.players;
-    var tag;
-
-    if (typeof id === 'string') {
-      var nId = normalizeId(id);
-      var player = players[nId];
-
-      if (player) {
-        return player;
-      }
-
-      tag = $('#' + nId);
-    } else {
-      tag = id;
-    }
-
-    if (isEl(tag)) {
-      var _tag = tag,
-          _player = _tag.player,
-          playerId = _tag.playerId; // Element may have a `player` property referring to an already created
-      // player instance. If so, return that.
-
-      if (_player || players[playerId]) {
-        return _player || players[playerId];
-      }
-    }
-  };
-  /**
-   * Returns an array of all current players.
-   *
-   * @return {Array}
-   *         An array of all players. The array will be in the order that
-   *         `Object.keys` provides, which could potentially vary between
-   *         JavaScript engines.
-   *
-   */
-
-
-  videojs$1.getAllPlayers = function () {
-    return (// Disposed players leave a key with a `null` value, so we need to make sure
-      // we filter those out.
-      Object.keys(Player.players).map(function (k) {
-        return Player.players[k];
-      }).filter(Boolean)
-    );
-  };
-
-  videojs$1.players = Player.players;
-  videojs$1.getComponent = Component.getComponent;
-  /**
-   * Register a component so it can referred to by name. Used when adding to other
-   * components, either through addChild `component.addChild('myComponent')` or through
-   * default children options  `{ children: ['myComponent'] }`.
-   *
-   * > NOTE: You could also just initialize the component before adding.
-   * `component.addChild(new MyComponent());`
-   *
-   * @param {string} name
-   *        The class name of the component
-   *
-   * @param {Component} comp
-   *        The component class
-   *
-   * @return {Component}
-   *         The newly registered component
-   */
-
-  videojs$1.registerComponent = function (name, comp) {
-    if (Tech.isTech(comp)) {
-      log.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
-    }
-
-    Component.registerComponent.call(Component, name, comp);
-  };
-
-  videojs$1.getTech = Tech.getTech;
-  videojs$1.registerTech = Tech.registerTech;
-  videojs$1.use = use;
-  /**
-   * An object that can be returned by a middleware to signify
-   * that the middleware is being terminated.
-   *
-   * @type {object}
-   * @property {object} middleware.TERMINATOR
-   */
-
-  Object.defineProperty(videojs$1, 'middleware', {
-    value: {},
-    writeable: false,
-    enumerable: true
-  });
-  Object.defineProperty(videojs$1.middleware, 'TERMINATOR', {
-    value: TERMINATOR,
-    writeable: false,
-    enumerable: true
-  });
-  /**
-   * A reference to the {@link module:browser|browser utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:browser|browser}
-   */
-
-  videojs$1.browser = browser;
-  /**
-   * Use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED} instead; only
-   * included for backward-compatibility with 4.x.
-   *
-   * @deprecated Since version 5.0, use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED instead.
-   * @type {boolean}
-   */
-
-  videojs$1.TOUCH_ENABLED = TOUCH_ENABLED;
-  videojs$1.extend = extend;
-  videojs$1.mergeOptions = mergeOptions;
-  videojs$1.bind = bind;
-  videojs$1.registerPlugin = Plugin.registerPlugin;
-  videojs$1.deregisterPlugin = Plugin.deregisterPlugin;
-  /**
-   * Deprecated method to register a plugin with Video.js
-   *
-   * @deprecated videojs.plugin() is deprecated; use videojs.registerPlugin() instead
-   *
-   * @param {string} name
-   *        The plugin name
-   *
-   * @param {Plugin|Function} plugin
-   *         The plugin sub-class or function
-   */
-
-  videojs$1.plugin = function (name, plugin) {
-    log.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-    return Plugin.registerPlugin(name, plugin);
-  };
-
-  videojs$1.getPlugins = Plugin.getPlugins;
-  videojs$1.getPlugin = Plugin.getPlugin;
-  videojs$1.getPluginVersion = Plugin.getPluginVersion;
-  /**
-   * Adding languages so that they're available to all players.
-   * Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`
-   *
-   * @param {string} code
-   *        The language code or dictionary property
-   *
-   * @param {Object} data
-   *        The data values to be translated
-   *
-   * @return {Object}
-   *         The resulting language dictionary object
-   */
-
-  videojs$1.addLanguage = function (code, data) {
-    var _mergeOptions;
-
-    code = ('' + code).toLowerCase();
-    videojs$1.options.languages = mergeOptions(videojs$1.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-    return videojs$1.options.languages[code];
-  };
-  /**
-   * A reference to the {@link module:log|log utility module} as an object.
-   *
-   * @type {Function}
-   * @see  {@link module:log|log}
-   */
-
-
-  videojs$1.log = log;
-  videojs$1.createLogger = createLogger$1;
-  videojs$1.createTimeRange = videojs$1.createTimeRanges = createTimeRanges;
-  videojs$1.formatTime = formatTime;
-  videojs$1.setFormatTime = setFormatTime;
-  videojs$1.resetFormatTime = resetFormatTime;
-  videojs$1.parseUrl = parseUrl;
-  videojs$1.isCrossOrigin = isCrossOrigin;
-  videojs$1.EventTarget = EventTarget;
-  videojs$1.on = on;
-  videojs$1.one = one;
-  videojs$1.off = off;
-  videojs$1.trigger = trigger;
-  /**
-   * A cross-browser XMLHttpRequest wrapper.
-   *
-   * @function
-   * @param    {Object} options
-   *           Settings for the request.
-   *
-   * @return   {XMLHttpRequest|XDomainRequest}
-   *           The request object.
-   *
-   * @see      https://github.com/Raynos/xhr
-   */
-
-  videojs$1.xhr = xhr;
-  videojs$1.TextTrack = TextTrack;
-  videojs$1.AudioTrack = AudioTrack;
-  videojs$1.VideoTrack = VideoTrack;
-  ['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-    videojs$1[k] = function () {
-      log.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
-      return Dom[k].apply(null, arguments);
-    };
-  });
-  videojs$1.computedStyle = computedStyle;
-  /**
-   * A reference to the {@link module:dom|DOM utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:dom|dom}
-   */
-
-  videojs$1.dom = Dom;
-  /**
-   * A reference to the {@link module:url|URL utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:url|url}
-   */
-
-  videojs$1.url = Url;
-  videojs$1.defineLazyProperty = defineLazyProperty;
-
-  var urlToolkit = createCommonjsModule(function (module, exports) {
-    // see https://tools.ietf.org/html/rfc1808
-
-    /* jshint ignore:start */
-    (function (root) {
-      /* jshint ignore:end */
-      var URL_REGEX = /^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/;
-      var FIRST_SEGMENT_REGEX = /^([^\/?#]*)(.*)$/;
-      var SLASH_DOT_REGEX = /(?:\/|^)\.(?=\/)/g;
-      var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g;
-      var URLToolkit = {
-        // jshint ignore:line
-        // If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or //
-        // E.g
-        // With opts.alwaysNormalize = false (default, spec compliant)
-        // http://a.com/b/cd + /e/f/../g => http://a.com/e/f/../g
-        // With opts.alwaysNormalize = true (not spec compliant)
-        // http://a.com/b/cd + /e/f/../g => http://a.com/e/g
-        buildAbsoluteURL: function buildAbsoluteURL(baseURL, relativeURL, opts) {
-          opts = opts || {}; // remove any remaining space and CRLF
-
-          baseURL = baseURL.trim();
-          relativeURL = relativeURL.trim();
-
-          if (!relativeURL) {
-            // 2a) If the embedded URL is entirely empty, it inherits the
-            // entire base URL (i.e., is set equal to the base URL)
-            // and we are done.
-            if (!opts.alwaysNormalize) {
-              return baseURL;
-            }
-
-            var basePartsForNormalise = URLToolkit.parseURL(baseURL);
-
-            if (!basePartsForNormalise) {
-              throw new Error('Error trying to parse base URL.');
-            }
-
-            basePartsForNormalise.path = URLToolkit.normalizePath(basePartsForNormalise.path);
-            return URLToolkit.buildURLFromParts(basePartsForNormalise);
-          }
-
-          var relativeParts = URLToolkit.parseURL(relativeURL);
-
-          if (!relativeParts) {
-            throw new Error('Error trying to parse relative URL.');
-          }
-
-          if (relativeParts.scheme) {
-            // 2b) If the embedded URL starts with a scheme name, it is
-            // interpreted as an absolute URL and we are done.
-            if (!opts.alwaysNormalize) {
-              return relativeURL;
-            }
-
-            relativeParts.path = URLToolkit.normalizePath(relativeParts.path);
-            return URLToolkit.buildURLFromParts(relativeParts);
-          }
-
-          var baseParts = URLToolkit.parseURL(baseURL);
-
-          if (!baseParts) {
-            throw new Error('Error trying to parse base URL.');
-          }
-
-          if (!baseParts.netLoc && baseParts.path && baseParts.path[0] !== '/') {
-            // If netLoc missing and path doesn't start with '/', assume everthing before the first '/' is the netLoc
-            // This causes 'example.com/a' to be handled as '//example.com/a' instead of '/example.com/a'
-            var pathParts = FIRST_SEGMENT_REGEX.exec(baseParts.path);
-            baseParts.netLoc = pathParts[1];
-            baseParts.path = pathParts[2];
-          }
-
-          if (baseParts.netLoc && !baseParts.path) {
-            baseParts.path = '/';
-          }
-
-          var builtParts = {
-            // 2c) Otherwise, the embedded URL inherits the scheme of
-            // the base URL.
-            scheme: baseParts.scheme,
-            netLoc: relativeParts.netLoc,
-            path: null,
-            params: relativeParts.params,
-            query: relativeParts.query,
-            fragment: relativeParts.fragment
-          };
-
-          if (!relativeParts.netLoc) {
-            // 3) If the embedded URL's <net_loc> is non-empty, we skip to
-            // Step 7.  Otherwise, the embedded URL inherits the <net_loc>
-            // (if any) of the base URL.
-            builtParts.netLoc = baseParts.netLoc; // 4) If the embedded URL path is preceded by a slash "/", the
-            // path is not relative and we skip to Step 7.
-
-            if (relativeParts.path[0] !== '/') {
-              if (!relativeParts.path) {
-                // 5) If the embedded URL path is empty (and not preceded by a
-                // slash), then the embedded URL inherits the base URL path
-                builtParts.path = baseParts.path; // 5a) if the embedded URL's <params> is non-empty, we skip to
-                // step 7; otherwise, it inherits the <params> of the base
-                // URL (if any) and
-
-                if (!relativeParts.params) {
-                  builtParts.params = baseParts.params; // 5b) if the embedded URL's <query> is non-empty, we skip to
-                  // step 7; otherwise, it inherits the <query> of the base
-                  // URL (if any) and we skip to step 7.
-
-                  if (!relativeParts.query) {
-                    builtParts.query = baseParts.query;
-                  }
-                }
-              } else {
-                // 6) The last segment of the base URL's path (anything
-                // following the rightmost slash "/", or the entire path if no
-                // slash is present) is removed and the embedded URL's path is
-                // appended in its place.
-                var baseURLPath = baseParts.path;
-                var newPath = baseURLPath.substring(0, baseURLPath.lastIndexOf('/') + 1) + relativeParts.path;
-                builtParts.path = URLToolkit.normalizePath(newPath);
-              }
-            }
-          }
-
-          if (builtParts.path === null) {
-            builtParts.path = opts.alwaysNormalize ? URLToolkit.normalizePath(relativeParts.path) : relativeParts.path;
-          }
-
-          return URLToolkit.buildURLFromParts(builtParts);
-        },
-        parseURL: function parseURL(url) {
-          var parts = URL_REGEX.exec(url);
-
-          if (!parts) {
-            return null;
-          }
-
-          return {
-            scheme: parts[1] || '',
-            netLoc: parts[2] || '',
-            path: parts[3] || '',
-            params: parts[4] || '',
-            query: parts[5] || '',
-            fragment: parts[6] || ''
-          };
-        },
-        normalizePath: function normalizePath(path) {
-          // The following operations are
-          // then applied, in order, to the new path:
-          // 6a) All occurrences of "./", where "." is a complete path
-          // segment, are removed.
-          // 6b) If the path ends with "." as a complete path segment,
-          // that "." is removed.
-          path = path.split('').reverse().join('').replace(SLASH_DOT_REGEX, ''); // 6c) All occurrences of "<segment>/../", where <segment> is a
-          // complete path segment not equal to "..", are removed.
-          // Removal of these path segments is performed iteratively,
-          // removing the leftmost matching pattern on each iteration,
-          // until no matching pattern remains.
-          // 6d) If the path ends with "<segment>/..", where <segment> is a
-          // complete path segment not equal to "..", that
-          // "<segment>/.." is removed.
-
-          while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {} // jshint ignore:line
-
-
-          return path.split('').reverse().join('');
-        },
-        buildURLFromParts: function buildURLFromParts(parts) {
-          return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment;
-        }
-      };
-      /* jshint ignore:start */
-
-      module.exports = URLToolkit;
-    })();
-    /* jshint ignore:end */
-
-  });
-
-  /*! @name m3u8-parser @version 4.4.0 @license Apache-2.0 */
-
-  function _extends() {
-    _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-
-    return _extends.apply(this, arguments);
-  }
-
-  function _inheritsLoose$1(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  function _assertThisInitialized$1(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
-  }
-  /**
-   * @file stream.js
-   */
-
-  /**
-   * A lightweight readable stream implementation that handles event dispatching.
-   *
-   * @class Stream
-   */
-
-
-  var Stream =
-  /*#__PURE__*/
-  function () {
-    function Stream() {
-      this.listeners = {};
-    }
-    /**
-     * Add a listener for a specified event type.
-     *
-     * @param {string} type the event name
-     * @param {Function} listener the callback to be invoked when an event of
-     * the specified type occurs
-     */
-
-
-    var _proto = Stream.prototype;
-
-    _proto.on = function on(type, listener) {
-      if (!this.listeners[type]) {
-        this.listeners[type] = [];
-      }
-
-      this.listeners[type].push(listener);
-    }
-    /**
-     * Remove a listener for a specified event type.
-     *
-     * @param {string} type the event name
-     * @param {Function} listener  a function previously registered for this
-     * type of event through `on`
-     * @return {boolean} if we could turn it off or not
-     */
-    ;
-
-    _proto.off = function off(type, listener) {
-      if (!this.listeners[type]) {
-        return false;
-      }
-
-      var index = this.listeners[type].indexOf(listener);
-      this.listeners[type].splice(index, 1);
-      return index > -1;
-    }
-    /**
-     * Trigger an event of the specified type on this stream. Any additional
-     * arguments to this function are passed as parameters to event listeners.
-     *
-     * @param {string} type the event name
-     */
-    ;
-
-    _proto.trigger = function trigger(type) {
-      var callbacks = this.listeners[type];
-      var i;
-      var length;
-      var args;
-
-      if (!callbacks) {
-        return;
-      } // Slicing the arguments on every invocation of this method
-      // can add a significant amount of overhead. Avoid the
-      // intermediate object creation for the common case of a
-      // single callback argument
-
-
-      if (arguments.length === 2) {
-        length = callbacks.length;
-
-        for (i = 0; i < length; ++i) {
-          callbacks[i].call(this, arguments[1]);
-        }
-      } else {
-        args = Array.prototype.slice.call(arguments, 1);
-        length = callbacks.length;
-
-        for (i = 0; i < length; ++i) {
-          callbacks[i].apply(this, args);
-        }
-      }
-    }
-    /**
-     * Destroys the stream and cleans up.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.listeners = {};
-    }
-    /**
-     * Forwards all `data` events on this stream to the destination stream. The
-     * destination stream should provide a method `push` to receive the data
-     * events as they arrive.
-     *
-     * @param {Stream} destination the stream that will receive all `data` events
-     * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-     */
-    ;
-
-    _proto.pipe = function pipe(destination) {
-      this.on('data', function (data) {
-        destination.push(data);
-      });
-    };
-
-    return Stream;
-  }();
-  /**
-   * A stream that buffers string input and generates a `data` event for each
-   * line.
-   *
-   * @class LineStream
-   * @extends Stream
-   */
-
-
-  var LineStream =
-  /*#__PURE__*/
-  function (_Stream) {
-    _inheritsLoose$1(LineStream, _Stream);
-
-    function LineStream() {
-      var _this;
-
-      _this = _Stream.call(this) || this;
-      _this.buffer = '';
-      return _this;
-    }
-    /**
-     * Add new data to be parsed.
-     *
-     * @param {string} data the text to process
-     */
-
-
-    var _proto = LineStream.prototype;
-
-    _proto.push = function push(data) {
-      var nextNewline;
-      this.buffer += data;
-      nextNewline = this.buffer.indexOf('\n');
-
-      for (; nextNewline > -1; nextNewline = this.buffer.indexOf('\n')) {
-        this.trigger('data', this.buffer.substring(0, nextNewline));
-        this.buffer = this.buffer.substring(nextNewline + 1);
-      }
-    };
-
-    return LineStream;
-  }(Stream);
-  /**
-   * "forgiving" attribute list psuedo-grammar:
-   * attributes -> keyvalue (',' keyvalue)*
-   * keyvalue   -> key '=' value
-   * key        -> [^=]*
-   * value      -> '"' [^"]* '"' | [^,]*
-   */
-
-
-  var attributeSeparator = function attributeSeparator() {
-    var key = '[^=]*';
-    var value = '"[^"]*"|[^,]*';
-    var keyvalue = '(?:' + key + ')=(?:' + value + ')';
-    return new RegExp('(?:^|,)(' + keyvalue + ')');
-  };
-  /**
-   * Parse attributes from a line given the separator
-   *
-   * @param {string} attributes the attribute line to parse
-   */
-
-
-  var parseAttributes = function parseAttributes(attributes) {
-    // split the string using attributes as the separator
-    var attrs = attributes.split(attributeSeparator());
-    var result = {};
-    var i = attrs.length;
-    var attr;
-
-    while (i--) {
-      // filter out unmatched portions of the string
-      if (attrs[i] === '') {
-        continue;
-      } // split the key and value
-
-
-      attr = /([^=]*)=(.*)/.exec(attrs[i]).slice(1); // trim whitespace and remove optional quotes around the value
-
-      attr[0] = attr[0].replace(/^\s+|\s+$/g, '');
-      attr[1] = attr[1].replace(/^\s+|\s+$/g, '');
-      attr[1] = attr[1].replace(/^['"](.*)['"]$/g, '$1');
-      result[attr[0]] = attr[1];
-    }
-
-    return result;
-  };
-  /**
-   * A line-level M3U8 parser event stream. It expects to receive input one
-   * line at a time and performs a context-free parse of its contents. A stream
-   * interpretation of a manifest can be useful if the manifest is expected to
-   * be too large to fit comfortably into memory or the entirety of the input
-   * is not immediately available. Otherwise, it's probably much easier to work
-   * with a regular `Parser` object.
-   *
-   * Produces `data` events with an object that captures the parser's
-   * interpretation of the input. That object has a property `tag` that is one
-   * of `uri`, `comment`, or `tag`. URIs only have a single additional
-   * property, `line`, which captures the entirety of the input without
-   * interpretation. Comments similarly have a single additional property
-   * `text` which is the input without the leading `#`.
-   *
-   * Tags always have a property `tagType` which is the lower-cased version of
-   * the M3U8 directive without the `#EXT` or `#EXT-X-` prefix. For instance,
-   * `#EXT-X-MEDIA-SEQUENCE` becomes `media-sequence` when parsed. Unrecognized
-   * tags are given the tag type `unknown` and a single additional property
-   * `data` with the remainder of the input.
-   *
-   * @class ParseStream
-   * @extends Stream
-   */
-
-
-  var ParseStream =
-  /*#__PURE__*/
-  function (_Stream) {
-    _inheritsLoose$1(ParseStream, _Stream);
-
-    function ParseStream() {
-      var _this;
-
-      _this = _Stream.call(this) || this;
-      _this.customParsers = [];
-      _this.tagMappers = [];
-      return _this;
-    }
-    /**
-     * Parses an additional line of input.
-     *
-     * @param {string} line a single line of an M3U8 file to parse
-     */
-
-
-    var _proto = ParseStream.prototype;
-
-    _proto.push = function push(line) {
-      var _this2 = this;
-
-      var match;
-      var event; // strip whitespace
-
-      line = line.trim();
-
-      if (line.length === 0) {
-        // ignore empty lines
-        return;
-      } // URIs
-
-
-      if (line[0] !== '#') {
-        this.trigger('data', {
-          type: 'uri',
-          uri: line
-        });
-        return;
-      } // map tags
-
-
-      var newLines = this.tagMappers.reduce(function (acc, mapper) {
-        var mappedLine = mapper(line); // skip if unchanged
-
-        if (mappedLine === line) {
-          return acc;
-        }
-
-        return acc.concat([mappedLine]);
-      }, [line]);
-      newLines.forEach(function (newLine) {
-        for (var i = 0; i < _this2.customParsers.length; i++) {
-          if (_this2.customParsers[i].call(_this2, newLine)) {
-            return;
-          }
-        } // Comments
-
-
-        if (newLine.indexOf('#EXT') !== 0) {
-          _this2.trigger('data', {
-            type: 'comment',
-            text: newLine.slice(1)
-          });
-
-          return;
-        } // strip off any carriage returns here so the regex matching
-        // doesn't have to account for them.
-
-
-        newLine = newLine.replace('\r', ''); // Tags
-
-        match = /^#EXTM3U/.exec(newLine);
-
-        if (match) {
-          _this2.trigger('data', {
-            type: 'tag',
-            tagType: 'm3u'
-          });
-
-          return;
-        }
-
-        match = /^#EXTINF:?([0-9\.]*)?,?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'inf'
-          };
-
-          if (match[1]) {
-            event.duration = parseFloat(match[1]);
-          }
-
-          if (match[2]) {
-            event.title = match[2];
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-TARGETDURATION:?([0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'targetduration'
-          };
-
-          if (match[1]) {
-            event.duration = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#ZEN-TOTAL-DURATION:?([0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'totalduration'
-          };
-
-          if (match[1]) {
-            event.duration = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-VERSION:?([0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'version'
-          };
-
-          if (match[1]) {
-            event.version = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-MEDIA-SEQUENCE:?(\-?[0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'media-sequence'
-          };
-
-          if (match[1]) {
-            event.number = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-DISCONTINUITY-SEQUENCE:?(\-?[0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'discontinuity-sequence'
-          };
-
-          if (match[1]) {
-            event.number = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-PLAYLIST-TYPE:?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'playlist-type'
-          };
-
-          if (match[1]) {
-            event.playlistType = match[1];
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-BYTERANGE:?([0-9.]*)?@?([0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'byterange'
-          };
-
-          if (match[1]) {
-            event.length = parseInt(match[1], 10);
-          }
-
-          if (match[2]) {
-            event.offset = parseInt(match[2], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-ALLOW-CACHE:?(YES|NO)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'allow-cache'
-          };
-
-          if (match[1]) {
-            event.allowed = !/NO/.test(match[1]);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-MAP:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'map'
-          };
-
-          if (match[1]) {
-            var attributes = parseAttributes(match[1]);
-
-            if (attributes.URI) {
-              event.uri = attributes.URI;
-            }
-
-            if (attributes.BYTERANGE) {
-              var _attributes$BYTERANGE = attributes.BYTERANGE.split('@'),
-                  length = _attributes$BYTERANGE[0],
-                  offset = _attributes$BYTERANGE[1];
-
-              event.byterange = {};
-
-              if (length) {
-                event.byterange.length = parseInt(length, 10);
-              }
-
-              if (offset) {
-                event.byterange.offset = parseInt(offset, 10);
-              }
-            }
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-STREAM-INF:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'stream-inf'
-          };
-
-          if (match[1]) {
-            event.attributes = parseAttributes(match[1]);
-
-            if (event.attributes.RESOLUTION) {
-              var split = event.attributes.RESOLUTION.split('x');
-              var resolution = {};
-
-              if (split[0]) {
-                resolution.width = parseInt(split[0], 10);
-              }
-
-              if (split[1]) {
-                resolution.height = parseInt(split[1], 10);
-              }
-
-              event.attributes.RESOLUTION = resolution;
-            }
-
-            if (event.attributes.BANDWIDTH) {
-              event.attributes.BANDWIDTH = parseInt(event.attributes.BANDWIDTH, 10);
-            }
-
-            if (event.attributes['PROGRAM-ID']) {
-              event.attributes['PROGRAM-ID'] = parseInt(event.attributes['PROGRAM-ID'], 10);
-            }
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-MEDIA:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'media'
-          };
-
-          if (match[1]) {
-            event.attributes = parseAttributes(match[1]);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-ENDLIST/.exec(newLine);
-
-        if (match) {
-          _this2.trigger('data', {
-            type: 'tag',
-            tagType: 'endlist'
-          });
-
-          return;
-        }
-
-        match = /^#EXT-X-DISCONTINUITY/.exec(newLine);
-
-        if (match) {
-          _this2.trigger('data', {
-            type: 'tag',
-            tagType: 'discontinuity'
-          });
-
-          return;
-        }
-
-        match = /^#EXT-X-PROGRAM-DATE-TIME:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'program-date-time'
-          };
-
-          if (match[1]) {
-            event.dateTimeString = match[1];
-            event.dateTimeObject = new Date(match[1]);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-KEY:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'key'
-          };
-
-          if (match[1]) {
-            event.attributes = parseAttributes(match[1]); // parse the IV string into a Uint32Array
-
-            if (event.attributes.IV) {
-              if (event.attributes.IV.substring(0, 2).toLowerCase() === '0x') {
-                event.attributes.IV = event.attributes.IV.substring(2);
-              }
-
-              event.attributes.IV = event.attributes.IV.match(/.{8}/g);
-              event.attributes.IV[0] = parseInt(event.attributes.IV[0], 16);
-              event.attributes.IV[1] = parseInt(event.attributes.IV[1], 16);
-              event.attributes.IV[2] = parseInt(event.attributes.IV[2], 16);
-              event.attributes.IV[3] = parseInt(event.attributes.IV[3], 16);
-              event.attributes.IV = new Uint32Array(event.attributes.IV);
-            }
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-START:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'start'
-          };
-
-          if (match[1]) {
-            event.attributes = parseAttributes(match[1]);
-            event.attributes['TIME-OFFSET'] = parseFloat(event.attributes['TIME-OFFSET']);
-            event.attributes.PRECISE = /YES/.test(event.attributes.PRECISE);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-CUE-OUT-CONT:?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'cue-out-cont'
-          };
-
-          if (match[1]) {
-            event.data = match[1];
-          } else {
-            event.data = '';
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-CUE-OUT:?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'cue-out'
-          };
-
-          if (match[1]) {
-            event.data = match[1];
-          } else {
-            event.data = '';
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-CUE-IN:?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'cue-in'
-          };
-
-          if (match[1]) {
-            event.data = match[1];
-          } else {
-            event.data = '';
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        } // unknown tag type
-
-
-        _this2.trigger('data', {
-          type: 'tag',
-          data: newLine.slice(4)
-        });
-      });
-    }
-    /**
-     * Add a parser for custom headers
-     *
-     * @param {Object}   options              a map of options for the added parser
-     * @param {RegExp}   options.expression   a regular expression to match the custom header
-     * @param {string}   options.customType   the custom type to register to the output
-     * @param {Function} [options.dataParser] function to parse the line into an object
-     * @param {boolean}  [options.segment]    should tag data be attached to the segment object
-     */
-    ;
-
-    _proto.addParser = function addParser(_ref) {
-      var _this3 = this;
-
-      var expression = _ref.expression,
-          customType = _ref.customType,
-          dataParser = _ref.dataParser,
-          segment = _ref.segment;
-
-      if (typeof dataParser !== 'function') {
-        dataParser = function dataParser(line) {
-          return line;
-        };
-      }
-
-      this.customParsers.push(function (line) {
-        var match = expression.exec(line);
-
-        if (match) {
-          _this3.trigger('data', {
-            type: 'custom',
-            data: dataParser(line),
-            customType: customType,
-            segment: segment
-          });
-
-          return true;
-        }
-      });
-    }
-    /**
-     * Add a custom header mapper
-     *
-     * @param {Object}   options
-     * @param {RegExp}   options.expression   a regular expression to match the custom header
-     * @param {Function} options.map          function to translate tag into a different tag
-     */
-    ;
-
-    _proto.addTagMapper = function addTagMapper(_ref2) {
-      var expression = _ref2.expression,
-          map = _ref2.map;
-
-      var mapFn = function mapFn(line) {
-        if (expression.test(line)) {
-          return map(line);
-        }
-
-        return line;
-      };
-
-      this.tagMappers.push(mapFn);
-    };
-
-    return ParseStream;
-  }(Stream);
-
-  function decodeB64ToUint8Array(b64Text) {
-    var decodedString = window$1.atob(b64Text || '');
-    var array = new Uint8Array(decodedString.length);
-
-    for (var i = 0; i < decodedString.length; i++) {
-      array[i] = decodedString.charCodeAt(i);
-    }
-
-    return array;
-  }
-  /**
-   * A parser for M3U8 files. The current interpretation of the input is
-   * exposed as a property `manifest` on parser objects. It's just two lines to
-   * create and parse a manifest once you have the contents available as a string:
-   *
-   * ```js
-   * var parser = new m3u8.Parser();
-   * parser.push(xhr.responseText);
-   * ```
-   *
-   * New input can later be applied to update the manifest object by calling
-   * `push` again.
-   *
-   * The parser attempts to create a usable manifest object even if the
-   * underlying input is somewhat nonsensical. It emits `info` and `warning`
-   * events during the parse if it encounters input that seems invalid or
-   * requires some property of the manifest object to be defaulted.
-   *
-   * @class Parser
-   * @extends Stream
-   */
-
-
-  var Parser =
-  /*#__PURE__*/
-  function (_Stream) {
-    _inheritsLoose$1(Parser, _Stream);
-
-    function Parser() {
-      var _this;
-
-      _this = _Stream.call(this) || this;
-      _this.lineStream = new LineStream();
-      _this.parseStream = new ParseStream();
-
-      _this.lineStream.pipe(_this.parseStream);
-      /* eslint-disable consistent-this */
-
-
-      var self = _assertThisInitialized$1(_this);
-      /* eslint-enable consistent-this */
-
-
-      var uris = [];
-      var currentUri = {}; // if specified, the active EXT-X-MAP definition
-
-      var currentMap; // if specified, the active decryption key
-
-      var _key;
-
-      var noop = function noop() {};
-
-      var defaultMediaGroups = {
-        'AUDIO': {},
-        'VIDEO': {},
-        'CLOSED-CAPTIONS': {},
-        'SUBTITLES': {}
-      }; // This is the Widevine UUID from DASH IF IOP. The same exact string is
-      // used in MPDs with Widevine encrypted streams.
-
-      var widevineUuid = 'urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed'; // group segments into numbered timelines delineated by discontinuities
-
-      var currentTimeline = 0; // the manifest is empty until the parse stream begins delivering data
-
-      _this.manifest = {
-        allowCache: true,
-        discontinuityStarts: [],
-        segments: []
-      }; // update the manifest with the m3u8 entry from the parse stream
-
-      _this.parseStream.on('data', function (entry) {
-        var mediaGroup;
-        var rendition;
-        ({
-          tag: function tag() {
-            // switch based on the tag type
-            (({
-              'allow-cache': function allowCache() {
-                this.manifest.allowCache = entry.allowed;
-
-                if (!('allowed' in entry)) {
-                  this.trigger('info', {
-                    message: 'defaulting allowCache to YES'
-                  });
-                  this.manifest.allowCache = true;
-                }
-              },
-              byterange: function byterange() {
-                var byterange = {};
-
-                if ('length' in entry) {
-                  currentUri.byterange = byterange;
-                  byterange.length = entry.length;
-
-                  if (!('offset' in entry)) {
-                    this.trigger('info', {
-                      message: 'defaulting offset to zero'
-                    });
-                    entry.offset = 0;
-                  }
-                }
-
-                if ('offset' in entry) {
-                  currentUri.byterange = byterange;
-                  byterange.offset = entry.offset;
-                }
-              },
-              endlist: function endlist() {
-                this.manifest.endList = true;
-              },
-              inf: function inf() {
-                if (!('mediaSequence' in this.manifest)) {
-                  this.manifest.mediaSequence = 0;
-                  this.trigger('info', {
-                    message: 'defaulting media sequence to zero'
-                  });
-                }
-
-                if (!('discontinuitySequence' in this.manifest)) {
-                  this.manifest.discontinuitySequence = 0;
-                  this.trigger('info', {
-                    message: 'defaulting discontinuity sequence to zero'
-                  });
-                }
-
-                if (entry.duration > 0) {
-                  currentUri.duration = entry.duration;
-                }
-
-                if (entry.duration === 0) {
-                  currentUri.duration = 0.01;
-                  this.trigger('info', {
-                    message: 'updating zero segment duration to a small value'
-                  });
-                }
-
-                this.manifest.segments = uris;
-              },
-              key: function key() {
-                if (!entry.attributes) {
-                  this.trigger('warn', {
-                    message: 'ignoring key declaration without attribute list'
-                  });
-                  return;
-                } // clear the active encryption key
-
-
-                if (entry.attributes.METHOD === 'NONE') {
-                  _key = null;
-                  return;
-                }
-
-                if (!entry.attributes.URI) {
-                  this.trigger('warn', {
-                    message: 'ignoring key declaration without URI'
-                  });
-                  return;
-                } // check if the content is encrypted for Widevine
-                // Widevine/HLS spec: https://storage.googleapis.com/wvdocs/Widevine_DRM_HLS.pdf
-
-
-                if (entry.attributes.KEYFORMAT === widevineUuid) {
-                  var VALID_METHODS = ['SAMPLE-AES', 'SAMPLE-AES-CTR', 'SAMPLE-AES-CENC'];
-
-                  if (VALID_METHODS.indexOf(entry.attributes.METHOD) === -1) {
-                    this.trigger('warn', {
-                      message: 'invalid key method provided for Widevine'
-                    });
-                    return;
-                  }
-
-                  if (entry.attributes.METHOD === 'SAMPLE-AES-CENC') {
-                    this.trigger('warn', {
-                      message: 'SAMPLE-AES-CENC is deprecated, please use SAMPLE-AES-CTR instead'
-                    });
-                  }
-
-                  if (entry.attributes.URI.substring(0, 23) !== 'data:text/plain;base64,') {
-                    this.trigger('warn', {
-                      message: 'invalid key URI provided for Widevine'
-                    });
-                    return;
-                  }
-
-                  if (!(entry.attributes.KEYID && entry.attributes.KEYID.substring(0, 2) === '0x')) {
-                    this.trigger('warn', {
-                      message: 'invalid key ID provided for Widevine'
-                    });
-                    return;
-                  } // if Widevine key attributes are valid, store them as `contentProtection`
-                  // on the manifest to emulate Widevine tag structure in a DASH mpd
-
-
-                  this.manifest.contentProtection = {
-                    'com.widevine.alpha': {
-                      attributes: {
-                        schemeIdUri: entry.attributes.KEYFORMAT,
-                        // remove '0x' from the key id string
-                        keyId: entry.attributes.KEYID.substring(2)
-                      },
-                      // decode the base64-encoded PSSH box
-                      pssh: decodeB64ToUint8Array(entry.attributes.URI.split(',')[1])
-                    }
-                  };
-                  return;
-                }
-
-                if (!entry.attributes.METHOD) {
-                  this.trigger('warn', {
-                    message: 'defaulting key method to AES-128'
-                  });
-                } // setup an encryption key for upcoming segments
-
-
-                _key = {
-                  method: entry.attributes.METHOD || 'AES-128',
-                  uri: entry.attributes.URI
-                };
-
-                if (typeof entry.attributes.IV !== 'undefined') {
-                  _key.iv = entry.attributes.IV;
-                }
-              },
-              'media-sequence': function mediaSequence() {
-                if (!isFinite(entry.number)) {
-                  this.trigger('warn', {
-                    message: 'ignoring invalid media sequence: ' + entry.number
-                  });
-                  return;
-                }
-
-                this.manifest.mediaSequence = entry.number;
-              },
-              'discontinuity-sequence': function discontinuitySequence() {
-                if (!isFinite(entry.number)) {
-                  this.trigger('warn', {
-                    message: 'ignoring invalid discontinuity sequence: ' + entry.number
-                  });
-                  return;
-                }
-
-                this.manifest.discontinuitySequence = entry.number;
-                currentTimeline = entry.number;
-              },
-              'playlist-type': function playlistType() {
-                if (!/VOD|EVENT/.test(entry.playlistType)) {
-                  this.trigger('warn', {
-                    message: 'ignoring unknown playlist type: ' + entry.playlist
-                  });
-                  return;
-                }
-
-                this.manifest.playlistType = entry.playlistType;
-              },
-              map: function map() {
-                currentMap = {};
-
-                if (entry.uri) {
-                  currentMap.uri = entry.uri;
-                }
-
-                if (entry.byterange) {
-                  currentMap.byterange = entry.byterange;
-                }
-              },
-              'stream-inf': function streamInf() {
-                this.manifest.playlists = uris;
-                this.manifest.mediaGroups = this.manifest.mediaGroups || defaultMediaGroups;
-
-                if (!entry.attributes) {
-                  this.trigger('warn', {
-                    message: 'ignoring empty stream-inf attributes'
-                  });
-                  return;
-                }
-
-                if (!currentUri.attributes) {
-                  currentUri.attributes = {};
-                }
-
-                _extends(currentUri.attributes, entry.attributes);
-              },
-              media: function media() {
-                this.manifest.mediaGroups = this.manifest.mediaGroups || defaultMediaGroups;
-
-                if (!(entry.attributes && entry.attributes.TYPE && entry.attributes['GROUP-ID'] && entry.attributes.NAME)) {
-                  this.trigger('warn', {
-                    message: 'ignoring incomplete or missing media group'
-                  });
-                  return;
-                } // find the media group, creating defaults as necessary
-
-
-                var mediaGroupType = this.manifest.mediaGroups[entry.attributes.TYPE];
-                mediaGroupType[entry.attributes['GROUP-ID']] = mediaGroupType[entry.attributes['GROUP-ID']] || {};
-                mediaGroup = mediaGroupType[entry.attributes['GROUP-ID']]; // collect the rendition metadata
-
-                rendition = {
-                  "default": /yes/i.test(entry.attributes.DEFAULT)
-                };
-
-                if (rendition["default"]) {
-                  rendition.autoselect = true;
-                } else {
-                  rendition.autoselect = /yes/i.test(entry.attributes.AUTOSELECT);
-                }
-
-                if (entry.attributes.LANGUAGE) {
-                  rendition.language = entry.attributes.LANGUAGE;
-                }
-
-                if (entry.attributes.URI) {
-                  rendition.uri = entry.attributes.URI;
-                }
-
-                if (entry.attributes['INSTREAM-ID']) {
-                  rendition.instreamId = entry.attributes['INSTREAM-ID'];
-                }
-
-                if (entry.attributes.CHARACTERISTICS) {
-                  rendition.characteristics = entry.attributes.CHARACTERISTICS;
-                }
-
-                if (entry.attributes.FORCED) {
-                  rendition.forced = /yes/i.test(entry.attributes.FORCED);
-                } // insert the new rendition
-
-
-                mediaGroup[entry.attributes.NAME] = rendition;
-              },
-              discontinuity: function discontinuity() {
-                currentTimeline += 1;
-                currentUri.discontinuity = true;
-                this.manifest.discontinuityStarts.push(uris.length);
-              },
-              'program-date-time': function programDateTime() {
-                if (typeof this.manifest.dateTimeString === 'undefined') {
-                  // PROGRAM-DATE-TIME is a media-segment tag, but for backwards
-                  // compatibility, we add the first occurence of the PROGRAM-DATE-TIME tag
-                  // to the manifest object
-                  // TODO: Consider removing this in future major version
-                  this.manifest.dateTimeString = entry.dateTimeString;
-                  this.manifest.dateTimeObject = entry.dateTimeObject;
-                }
-
-                currentUri.dateTimeString = entry.dateTimeString;
-                currentUri.dateTimeObject = entry.dateTimeObject;
-              },
-              targetduration: function targetduration() {
-                if (!isFinite(entry.duration) || entry.duration < 0) {
-                  this.trigger('warn', {
-                    message: 'ignoring invalid target duration: ' + entry.duration
-                  });
-                  return;
-                }
-
-                this.manifest.targetDuration = entry.duration;
-              },
-              totalduration: function totalduration() {
-                if (!isFinite(entry.duration) || entry.duration < 0) {
-                  this.trigger('warn', {
-                    message: 'ignoring invalid total duration: ' + entry.duration
-                  });
-                  return;
-                }
-
-                this.manifest.totalDuration = entry.duration;
-              },
-              start: function start() {
-                if (!entry.attributes || isNaN(entry.attributes['TIME-OFFSET'])) {
-                  this.trigger('warn', {
-                    message: 'ignoring start declaration without appropriate attribute list'
-                  });
-                  return;
-                }
-
-                this.manifest.start = {
-                  timeOffset: entry.attributes['TIME-OFFSET'],
-                  precise: entry.attributes.PRECISE
-                };
-              },
-              'cue-out': function cueOut() {
-                currentUri.cueOut = entry.data;
-              },
-              'cue-out-cont': function cueOutCont() {
-                currentUri.cueOutCont = entry.data;
-              },
-              'cue-in': function cueIn() {
-                currentUri.cueIn = entry.data;
-              }
-            })[entry.tagType] || noop).call(self);
-          },
-          uri: function uri() {
-            currentUri.uri = entry.uri;
-            uris.push(currentUri); // if no explicit duration was declared, use the target duration
-
-            if (this.manifest.targetDuration && !('duration' in currentUri)) {
-              this.trigger('warn', {
-                message: 'defaulting segment duration to the target duration'
-              });
-              currentUri.duration = this.manifest.targetDuration;
-            } // annotate with encryption information, if necessary
-
-
-            if (_key) {
-              currentUri.key = _key;
-            }
-
-            currentUri.timeline = currentTimeline; // annotate with initialization segment information, if necessary
-
-            if (currentMap) {
-              currentUri.map = currentMap;
-            } // prepare for the next URI
-
-
-            currentUri = {};
-          },
-          comment: function comment() {// comments are not important for playback
-          },
-          custom: function custom() {
-            // if this is segment-level data attach the output to the segment
-            if (entry.segment) {
-              currentUri.custom = currentUri.custom || {};
-              currentUri.custom[entry.customType] = entry.data; // if this is manifest-level data attach to the top level manifest object
-            } else {
-              this.manifest.custom = this.manifest.custom || {};
-              this.manifest.custom[entry.customType] = entry.data;
-            }
-          }
-        })[entry.type].call(self);
-      });
-
-      return _this;
-    }
-    /**
-     * Parse the input string and update the manifest object.
-     *
-     * @param {string} chunk a potentially incomplete portion of the manifest
-     */
-
-
-    var _proto = Parser.prototype;
-
-    _proto.push = function push(chunk) {
-      this.lineStream.push(chunk);
-    }
-    /**
-     * Flush any remaining input. This can be handy if the last line of an M3U8
-     * manifest did not contain a trailing newline but the file has been
-     * completely received.
-     */
-    ;
-
-    _proto.end = function end() {
-      // flush any buffered input
-      this.lineStream.push('\n');
-    }
-    /**
-     * Add an additional parser for non-standard tags
-     *
-     * @param {Object}   options              a map of options for the added parser
-     * @param {RegExp}   options.expression   a regular expression to match the custom header
-     * @param {string}   options.type         the type to register to the output
-     * @param {Function} [options.dataParser] function to parse the line into an object
-     * @param {boolean}  [options.segment]    should tag data be attached to the segment object
-     */
-    ;
-
-    _proto.addParser = function addParser(options) {
-      this.parseStream.addParser(options);
-    }
-    /**
-     * Add a custom header mapper
-     *
-     * @param {Object}   options
-     * @param {RegExp}   options.expression   a regular expression to match the custom header
-     * @param {Function} options.map          function to translate tag into a different tag
-     */
-    ;
-
-    _proto.addTagMapper = function addTagMapper(options) {
-      this.parseStream.addTagMapper(options);
-    };
-
-    return Parser;
-  }(Stream);
-
-  /*! @name mpd-parser @version 0.8.1 @license Apache-2.0 */
-
-  var isObject$1 = function isObject(obj) {
-    return !!obj && typeof obj === 'object';
-  };
-
-  var merge = function merge() {
-    for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) {
-      objects[_key] = arguments[_key];
-    }
-
-    return objects.reduce(function (result, source) {
-      Object.keys(source).forEach(function (key) {
-        if (Array.isArray(result[key]) && Array.isArray(source[key])) {
-          result[key] = result[key].concat(source[key]);
-        } else if (isObject$1(result[key]) && isObject$1(source[key])) {
-          result[key] = merge(result[key], source[key]);
-        } else {
-          result[key] = source[key];
-        }
-      });
-      return result;
-    }, {});
-  };
-
-  var values = function values(o) {
-    return Object.keys(o).map(function (k) {
-      return o[k];
-    });
-  };
-
-  var range = function range(start, end) {
-    var result = [];
-
-    for (var i = start; i < end; i++) {
-      result.push(i);
-    }
-
-    return result;
-  };
-
-  var flatten = function flatten(lists) {
-    return lists.reduce(function (x, y) {
-      return x.concat(y);
-    }, []);
-  };
-
-  var from = function from(list) {
-    if (!list.length) {
-      return [];
-    }
-
-    var result = [];
-
-    for (var i = 0; i < list.length; i++) {
-      result.push(list[i]);
-    }
-
-    return result;
-  };
-
-  var findIndexes = function findIndexes(l, key) {
-    return l.reduce(function (a, e, i) {
-      if (e[key]) {
-        a.push(i);
-      }
-
-      return a;
-    }, []);
-  };
-
-  var errors = {
-    INVALID_NUMBER_OF_PERIOD: 'INVALID_NUMBER_OF_PERIOD',
-    DASH_EMPTY_MANIFEST: 'DASH_EMPTY_MANIFEST',
-    DASH_INVALID_XML: 'DASH_INVALID_XML',
-    NO_BASE_URL: 'NO_BASE_URL',
-    MISSING_SEGMENT_INFORMATION: 'MISSING_SEGMENT_INFORMATION',
-    SEGMENT_TIME_UNSPECIFIED: 'SEGMENT_TIME_UNSPECIFIED',
-    UNSUPPORTED_UTC_TIMING_SCHEME: 'UNSUPPORTED_UTC_TIMING_SCHEME'
-  };
-
-  function createCommonjsModule$1(fn, module) {
-    return module = {
-      exports: {}
-    }, fn(module, module.exports), module.exports;
-  }
-
-  var urlToolkit$1 = createCommonjsModule$1(function (module, exports) {
-    // see https://tools.ietf.org/html/rfc1808
-
-    /* jshint ignore:start */
-    (function (root) {
-      /* jshint ignore:end */
-      var URL_REGEX = /^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/;
-      var FIRST_SEGMENT_REGEX = /^([^\/?#]*)(.*)$/;
-      var SLASH_DOT_REGEX = /(?:\/|^)\.(?=\/)/g;
-      var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g;
-      var URLToolkit = {
-        // jshint ignore:line
-        // If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or //
-        // E.g
-        // With opts.alwaysNormalize = false (default, spec compliant)
-        // http://a.com/b/cd + /e/f/../g => http://a.com/e/f/../g
-        // With opts.alwaysNormalize = true (not spec compliant)
-        // http://a.com/b/cd + /e/f/../g => http://a.com/e/g
-        buildAbsoluteURL: function buildAbsoluteURL(baseURL, relativeURL, opts) {
-          opts = opts || {}; // remove any remaining space and CRLF
-
-          baseURL = baseURL.trim();
-          relativeURL = relativeURL.trim();
-
-          if (!relativeURL) {
-            // 2a) If the embedded URL is entirely empty, it inherits the
-            // entire base URL (i.e., is set equal to the base URL)
-            // and we are done.
-            if (!opts.alwaysNormalize) {
-              return baseURL;
-            }
-
-            var basePartsForNormalise = URLToolkit.parseURL(baseURL);
-
-            if (!basePartsForNormalise) {
-              throw new Error('Error trying to parse base URL.');
-            }
-
-            basePartsForNormalise.path = URLToolkit.normalizePath(basePartsForNormalise.path);
-            return URLToolkit.buildURLFromParts(basePartsForNormalise);
-          }
-
-          var relativeParts = URLToolkit.parseURL(relativeURL);
-
-          if (!relativeParts) {
-            throw new Error('Error trying to parse relative URL.');
-          }
-
-          if (relativeParts.scheme) {
-            // 2b) If the embedded URL starts with a scheme name, it is
-            // interpreted as an absolute URL and we are done.
-            if (!opts.alwaysNormalize) {
-              return relativeURL;
-            }
-
-            relativeParts.path = URLToolkit.normalizePath(relativeParts.path);
-            return URLToolkit.buildURLFromParts(relativeParts);
-          }
-
-          var baseParts = URLToolkit.parseURL(baseURL);
-
-          if (!baseParts) {
-            throw new Error('Error trying to parse base URL.');
-          }
-
-          if (!baseParts.netLoc && baseParts.path && baseParts.path[0] !== '/') {
-            // If netLoc missing and path doesn't start with '/', assume everthing before the first '/' is the netLoc
-            // This causes 'example.com/a' to be handled as '//example.com/a' instead of '/example.com/a'
-            var pathParts = FIRST_SEGMENT_REGEX.exec(baseParts.path);
-            baseParts.netLoc = pathParts[1];
-            baseParts.path = pathParts[2];
-          }
-
-          if (baseParts.netLoc && !baseParts.path) {
-            baseParts.path = '/';
-          }
-
-          var builtParts = {
-            // 2c) Otherwise, the embedded URL inherits the scheme of
-            // the base URL.
-            scheme: baseParts.scheme,
-            netLoc: relativeParts.netLoc,
-            path: null,
-            params: relativeParts.params,
-            query: relativeParts.query,
-            fragment: relativeParts.fragment
-          };
-
-          if (!relativeParts.netLoc) {
-            // 3) If the embedded URL's <net_loc> is non-empty, we skip to
-            // Step 7.  Otherwise, the embedded URL inherits the <net_loc>
-            // (if any) of the base URL.
-            builtParts.netLoc = baseParts.netLoc; // 4) If the embedded URL path is preceded by a slash "/", the
-            // path is not relative and we skip to Step 7.
-
-            if (relativeParts.path[0] !== '/') {
-              if (!relativeParts.path) {
-                // 5) If the embedded URL path is empty (and not preceded by a
-                // slash), then the embedded URL inherits the base URL path
-                builtParts.path = baseParts.path; // 5a) if the embedded URL's <params> is non-empty, we skip to
-                // step 7; otherwise, it inherits the <params> of the base
-                // URL (if any) and
-
-                if (!relativeParts.params) {
-                  builtParts.params = baseParts.params; // 5b) if the embedded URL's <query> is non-empty, we skip to
-                  // step 7; otherwise, it inherits the <query> of the base
-                  // URL (if any) and we skip to step 7.
-
-                  if (!relativeParts.query) {
-                    builtParts.query = baseParts.query;
-                  }
-                }
-              } else {
-                // 6) The last segment of the base URL's path (anything
-                // following the rightmost slash "/", or the entire path if no
-                // slash is present) is removed and the embedded URL's path is
-                // appended in its place.
-                var baseURLPath = baseParts.path;
-                var newPath = baseURLPath.substring(0, baseURLPath.lastIndexOf('/') + 1) + relativeParts.path;
-                builtParts.path = URLToolkit.normalizePath(newPath);
-              }
-            }
-          }
-
-          if (builtParts.path === null) {
-            builtParts.path = opts.alwaysNormalize ? URLToolkit.normalizePath(relativeParts.path) : relativeParts.path;
-          }
-
-          return URLToolkit.buildURLFromParts(builtParts);
-        },
-        parseURL: function parseURL(url) {
-          var parts = URL_REGEX.exec(url);
-
-          if (!parts) {
-            return null;
-          }
-
-          return {
-            scheme: parts[1] || '',
-            netLoc: parts[2] || '',
-            path: parts[3] || '',
-            params: parts[4] || '',
-            query: parts[5] || '',
-            fragment: parts[6] || ''
-          };
-        },
-        normalizePath: function normalizePath(path) {
-          // The following operations are
-          // then applied, in order, to the new path:
-          // 6a) All occurrences of "./", where "." is a complete path
-          // segment, are removed.
-          // 6b) If the path ends with "." as a complete path segment,
-          // that "." is removed.
-          path = path.split('').reverse().join('').replace(SLASH_DOT_REGEX, ''); // 6c) All occurrences of "<segment>/../", where <segment> is a
-          // complete path segment not equal to "..", are removed.
-          // Removal of these path segments is performed iteratively,
-          // removing the leftmost matching pattern on each iteration,
-          // until no matching pattern remains.
-          // 6d) If the path ends with "<segment>/..", where <segment> is a
-          // complete path segment not equal to "..", that
-          // "<segment>/.." is removed.
-
-          while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {} // jshint ignore:line
-
-
-          return path.split('').reverse().join('');
-        },
-        buildURLFromParts: function buildURLFromParts(parts) {
-          return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment;
-        }
-      };
-      /* jshint ignore:start */
-
-      module.exports = URLToolkit;
-    })();
-    /* jshint ignore:end */
-
-  });
-
-  var resolveUrl = function resolveUrl(baseUrl, relativeUrl) {
-    // return early if we don't need to resolve
-    if (/^[a-z]+:/i.test(relativeUrl)) {
-      return relativeUrl;
-    } // if the base URL is relative then combine with the current location
-
-
-    if (!/\/\//i.test(baseUrl)) {
-      baseUrl = urlToolkit$1.buildAbsoluteURL(window$1.location.href, baseUrl);
-    }
-
-    return urlToolkit$1.buildAbsoluteURL(baseUrl, relativeUrl);
-  };
-  /**
-   * @typedef {Object} SingleUri
-   * @property {string} uri - relative location of segment
-   * @property {string} resolvedUri - resolved location of segment
-   * @property {Object} byterange - Object containing information on how to make byte range
-   *   requests following byte-range-spec per RFC2616.
-   * @property {String} byterange.length - length of range request
-   * @property {String} byterange.offset - byte offset of range request
-   *
-   * @see https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.35.1
-   */
-
-  /**
-   * Converts a URLType node (5.3.9.2.3 Table 13) to a segment object
-   * that conforms to how m3u8-parser is structured
-   *
-   * @see https://github.com/videojs/m3u8-parser
-   *
-   * @param {string} baseUrl - baseUrl provided by <BaseUrl> nodes
-   * @param {string} source - source url for segment
-   * @param {string} range - optional range used for range calls,
-   *   follows  RFC 2616, Clause 14.35.1
-   * @return {SingleUri} full segment information transformed into a format similar
-   *   to m3u8-parser
-   */
-
-
-  var urlTypeToSegment = function urlTypeToSegment(_ref) {
-    var _ref$baseUrl = _ref.baseUrl,
-        baseUrl = _ref$baseUrl === void 0 ? '' : _ref$baseUrl,
-        _ref$source = _ref.source,
-        source = _ref$source === void 0 ? '' : _ref$source,
-        _ref$range = _ref.range,
-        range = _ref$range === void 0 ? '' : _ref$range,
-        _ref$indexRange = _ref.indexRange,
-        indexRange = _ref$indexRange === void 0 ? '' : _ref$indexRange;
-    var segment = {
-      uri: source,
-      resolvedUri: resolveUrl(baseUrl || '', source)
-    };
-
-    if (range || indexRange) {
-      var rangeStr = range ? range : indexRange;
-      var ranges = rangeStr.split('-');
-      var startRange = parseInt(ranges[0], 10);
-      var endRange = parseInt(ranges[1], 10); // byterange should be inclusive according to
-      // RFC 2616, Clause 14.35.1
-
-      segment.byterange = {
-        length: endRange - startRange + 1,
-        offset: startRange
-      };
-    }
-
-    return segment;
-  };
-
-  var byteRangeToString = function byteRangeToString(byterange) {
-    // `endRange` is one less than `offset + length` because the HTTP range
-    // header uses inclusive ranges
-    var endRange = byterange.offset + byterange.length - 1;
-    return byterange.offset + "-" + endRange;
-  };
-  /**
-   * Functions for calculating the range of available segments in static and dynamic
-   * manifests.
-   */
-
-
-  var segmentRange = {
-    /**
-     * Returns the entire range of available segments for a static MPD
-     *
-     * @param {Object} attributes
-     *        Inheritied MPD attributes
-     * @return {{ start: number, end: number }}
-     *         The start and end numbers for available segments
-     */
-    "static": function _static(attributes) {
-      var duration = attributes.duration,
-          _attributes$timescale = attributes.timescale,
-          timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
-          sourceDuration = attributes.sourceDuration;
-      return {
-        start: 0,
-        end: Math.ceil(sourceDuration / (duration / timescale))
-      };
-    },
-
-    /**
-     * Returns the current live window range of available segments for a dynamic MPD
-     *
-     * @param {Object} attributes
-     *        Inheritied MPD attributes
-     * @return {{ start: number, end: number }}
-     *         The start and end numbers for available segments
-     */
-    dynamic: function dynamic(attributes) {
-      var NOW = attributes.NOW,
-          clientOffset = attributes.clientOffset,
-          availabilityStartTime = attributes.availabilityStartTime,
-          _attributes$timescale2 = attributes.timescale,
-          timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
-          duration = attributes.duration,
-          _attributes$start = attributes.start,
-          start = _attributes$start === void 0 ? 0 : _attributes$start,
-          _attributes$minimumUp = attributes.minimumUpdatePeriod,
-          minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp,
-          _attributes$timeShift = attributes.timeShiftBufferDepth,
-          timeShiftBufferDepth = _attributes$timeShift === void 0 ? Infinity : _attributes$timeShift;
-      var now = (NOW + clientOffset) / 1000;
-      var periodStartWC = availabilityStartTime + start;
-      var periodEndWC = now + minimumUpdatePeriod;
-      var periodDuration = periodEndWC - periodStartWC;
-      var segmentCount = Math.ceil(periodDuration * timescale / duration);
-      var availableStart = Math.floor((now - periodStartWC - timeShiftBufferDepth) * timescale / duration);
-      var availableEnd = Math.floor((now - periodStartWC) * timescale / duration);
-      return {
-        start: Math.max(0, availableStart),
-        end: Math.min(segmentCount, availableEnd)
-      };
-    }
-  };
-  /**
-   * Maps a range of numbers to objects with information needed to build the corresponding
-   * segment list
-   *
-   * @name toSegmentsCallback
-   * @function
-   * @param {number} number
-   *        Number of the segment
-   * @param {number} index
-   *        Index of the number in the range list
-   * @return {{ number: Number, duration: Number, timeline: Number, time: Number }}
-   *         Object with segment timing and duration info
-   */
-
-  /**
-   * Returns a callback for Array.prototype.map for mapping a range of numbers to
-   * information needed to build the segment list.
-   *
-   * @param {Object} attributes
-   *        Inherited MPD attributes
-   * @return {toSegmentsCallback}
-   *         Callback map function
-   */
-
-  var toSegments = function toSegments(attributes) {
-    return function (number, index) {
-      var duration = attributes.duration,
-          _attributes$timescale3 = attributes.timescale,
-          timescale = _attributes$timescale3 === void 0 ? 1 : _attributes$timescale3,
-          periodIndex = attributes.periodIndex,
-          _attributes$startNumb = attributes.startNumber,
-          startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb;
-      return {
-        number: startNumber + number,
-        duration: duration / timescale,
-        timeline: periodIndex,
-        time: index * duration
-      };
-    };
-  };
-  /**
-   * Returns a list of objects containing segment timing and duration info used for
-   * building the list of segments. This uses the @duration attribute specified
-   * in the MPD manifest to derive the range of segments.
-   *
-   * @param {Object} attributes
-   *        Inherited MPD attributes
-   * @return {{number: number, duration: number, time: number, timeline: number}[]}
-   *         List of Objects with segment timing and duration info
-   */
-
-
-  var parseByDuration = function parseByDuration(attributes) {
-    var _attributes$type = attributes.type,
-        type = _attributes$type === void 0 ? 'static' : _attributes$type,
-        duration = attributes.duration,
-        _attributes$timescale4 = attributes.timescale,
-        timescale = _attributes$timescale4 === void 0 ? 1 : _attributes$timescale4,
-        sourceDuration = attributes.sourceDuration;
-
-    var _segmentRange$type = segmentRange[type](attributes),
-        start = _segmentRange$type.start,
-        end = _segmentRange$type.end;
-
-    var segments = range(start, end).map(toSegments(attributes));
-
-    if (type === 'static') {
-      var index = segments.length - 1; // final segment may be less than full segment duration
-
-      segments[index].duration = sourceDuration - duration / timescale * index;
-    }
-
-    return segments;
-  };
-  /**
-   * Translates SegmentBase into a set of segments.
-   * (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes.  Each
-   * node should be translated into segment.
-   *
-   * @param {Object} attributes
-   *   Object containing all inherited attributes from parent elements with attribute
-   *   names as keys
-   * @return {Object.<Array>} list of segments
-   */
-
-
-  var segmentsFromBase = function segmentsFromBase(attributes) {
-    var baseUrl = attributes.baseUrl,
-        _attributes$initializ = attributes.initialization,
-        initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ,
-        sourceDuration = attributes.sourceDuration,
-        _attributes$timescale = attributes.timescale,
-        timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
-        _attributes$indexRang = attributes.indexRange,
-        indexRange = _attributes$indexRang === void 0 ? '' : _attributes$indexRang,
-        duration = attributes.duration; // base url is required for SegmentBase to work, per spec (Section 5.3.9.2.1)
-
-    if (!baseUrl) {
-      throw new Error(errors.NO_BASE_URL);
-    }
-
-    var initSegment = urlTypeToSegment({
-      baseUrl: baseUrl,
-      source: initialization.sourceURL,
-      range: initialization.range
-    });
-    var segment = urlTypeToSegment({
-      baseUrl: baseUrl,
-      source: baseUrl,
-      indexRange: indexRange
-    });
-    segment.map = initSegment; // If there is a duration, use it, otherwise use the given duration of the source
-    // (since SegmentBase is only for one total segment)
-
-    if (duration) {
-      var segmentTimeInfo = parseByDuration(attributes);
-
-      if (segmentTimeInfo.length) {
-        segment.duration = segmentTimeInfo[0].duration;
-        segment.timeline = segmentTimeInfo[0].timeline;
-      }
-    } else if (sourceDuration) {
-      segment.duration = sourceDuration / timescale;
-      segment.timeline = 0;
-    } // This is used for mediaSequence
-
-
-    segment.number = 0;
-    return [segment];
-  };
-  /**
-   * Given a playlist, a sidx box, and a baseUrl, update the segment list of the playlist
-   * according to the sidx information given.
-   *
-   * playlist.sidx has metadadata about the sidx where-as the sidx param
-   * is the parsed sidx box itself.
-   *
-   * @param {Object} playlist the playlist to update the sidx information for
-   * @param {Object} sidx the parsed sidx box
-   * @return {Object} the playlist object with the updated sidx information
-   */
-
-
-  var addSegmentsToPlaylist = function addSegmentsToPlaylist(playlist, sidx, baseUrl) {
-    // Retain init segment information
-    var initSegment = playlist.sidx.map ? playlist.sidx.map : null; // Retain source duration from initial master manifest parsing
-
-    var sourceDuration = playlist.sidx.duration; // Retain source timeline
-
-    var timeline = playlist.timeline || 0;
-    var sidxByteRange = playlist.sidx.byterange;
-    var sidxEnd = sidxByteRange.offset + sidxByteRange.length; // Retain timescale of the parsed sidx
-
-    var timescale = sidx.timescale; // referenceType 1 refers to other sidx boxes
-
-    var mediaReferences = sidx.references.filter(function (r) {
-      return r.referenceType !== 1;
-    });
-    var segments = []; // firstOffset is the offset from the end of the sidx box
-
-    var startIndex = sidxEnd + sidx.firstOffset;
-
-    for (var i = 0; i < mediaReferences.length; i++) {
-      var reference = sidx.references[i]; // size of the referenced (sub)segment
-
-      var size = reference.referencedSize; // duration of the referenced (sub)segment, in  the  timescale
-      // this will be converted to seconds when generating segments
-
-      var duration = reference.subsegmentDuration; // should be an inclusive range
-
-      var endIndex = startIndex + size - 1;
-      var indexRange = startIndex + "-" + endIndex;
-      var attributes = {
-        baseUrl: baseUrl,
-        timescale: timescale,
-        timeline: timeline,
-        // this is used in parseByDuration
-        periodIndex: timeline,
-        duration: duration,
-        sourceDuration: sourceDuration,
-        indexRange: indexRange
-      };
-      var segment = segmentsFromBase(attributes)[0];
-
-      if (initSegment) {
-        segment.map = initSegment;
-      }
-
-      segments.push(segment);
-      startIndex += size;
-    }
-
-    playlist.segments = segments;
-    return playlist;
-  };
-
-  var mergeDiscontiguousPlaylists = function mergeDiscontiguousPlaylists(playlists) {
-    var mergedPlaylists = values(playlists.reduce(function (acc, playlist) {
-      // assuming playlist IDs are the same across periods
-      // TODO: handle multiperiod where representation sets are not the same
-      // across periods
-      var name = playlist.attributes.id + (playlist.attributes.lang || ''); // Periods after first
-
-      if (acc[name]) {
-        var _acc$name$segments; // first segment of subsequent periods signal a discontinuity
-
-
-        if (playlist.segments[0]) {
-          playlist.segments[0].discontinuity = true;
-        }
-
-        (_acc$name$segments = acc[name].segments).push.apply(_acc$name$segments, playlist.segments); // bubble up contentProtection, this assumes all DRM content
-        // has the same contentProtection
-
-
-        if (playlist.attributes.contentProtection) {
-          acc[name].attributes.contentProtection = playlist.attributes.contentProtection;
-        }
-      } else {
-        // first Period
-        acc[name] = playlist;
-      }
-
-      return acc;
-    }, {}));
-    return mergedPlaylists.map(function (playlist) {
-      playlist.discontinuityStarts = findIndexes(playlist.segments, 'discontinuity');
-      return playlist;
-    });
-  };
-
-  var addSegmentInfoFromSidx = function addSegmentInfoFromSidx(playlists, sidxMapping) {
-    if (sidxMapping === void 0) {
-      sidxMapping = {};
-    }
-
-    if (!Object.keys(sidxMapping).length) {
-      return playlists;
-    }
-
-    for (var i in playlists) {
-      var playlist = playlists[i];
-
-      if (!playlist.sidx) {
-        continue;
-      }
-
-      var sidxKey = playlist.sidx.uri + '-' + byteRangeToString(playlist.sidx.byterange);
-      var sidxMatch = sidxMapping[sidxKey] && sidxMapping[sidxKey].sidx;
-
-      if (playlist.sidx && sidxMatch) {
-        addSegmentsToPlaylist(playlist, sidxMatch, playlist.sidx.resolvedUri);
-      }
-    }
-
-    return playlists;
-  };
-
-  var formatAudioPlaylist = function formatAudioPlaylist(_ref) {
-    var _attributes;
-
-    var attributes = _ref.attributes,
-        segments = _ref.segments,
-        sidx = _ref.sidx;
-    var playlist = {
-      attributes: (_attributes = {
-        NAME: attributes.id,
-        BANDWIDTH: attributes.bandwidth,
-        CODECS: attributes.codecs
-      }, _attributes['PROGRAM-ID'] = 1, _attributes),
-      uri: '',
-      endList: (attributes.type || 'static') === 'static',
-      timeline: attributes.periodIndex,
-      resolvedUri: '',
-      targetDuration: attributes.duration,
-      segments: segments,
-      mediaSequence: segments.length ? segments[0].number : 1
-    };
-
-    if (attributes.contentProtection) {
-      playlist.contentProtection = attributes.contentProtection;
-    }
-
-    if (sidx) {
-      playlist.sidx = sidx;
-    }
-
-    return playlist;
-  };
-
-  var formatVttPlaylist = function formatVttPlaylist(_ref2) {
-    var _attributes2;
-
-    var attributes = _ref2.attributes,
-        segments = _ref2.segments;
-
-    if (typeof segments === 'undefined') {
-      // vtt tracks may use single file in BaseURL
-      segments = [{
-        uri: attributes.baseUrl,
-        timeline: attributes.periodIndex,
-        resolvedUri: attributes.baseUrl || '',
-        duration: attributes.sourceDuration,
-        number: 0
-      }]; // targetDuration should be the same duration as the only segment
-
-      attributes.duration = attributes.sourceDuration;
-    }
-
-    return {
-      attributes: (_attributes2 = {
-        NAME: attributes.id,
-        BANDWIDTH: attributes.bandwidth
-      }, _attributes2['PROGRAM-ID'] = 1, _attributes2),
-      uri: '',
-      endList: (attributes.type || 'static') === 'static',
-      timeline: attributes.periodIndex,
-      resolvedUri: attributes.baseUrl || '',
-      targetDuration: attributes.duration,
-      segments: segments,
-      mediaSequence: segments.length ? segments[0].number : 1
-    };
-  };
-
-  var organizeAudioPlaylists = function organizeAudioPlaylists(playlists, sidxMapping) {
-    if (sidxMapping === void 0) {
-      sidxMapping = {};
-    }
-
-    var mainPlaylist;
-    var formattedPlaylists = playlists.reduce(function (a, playlist) {
-      var role = playlist.attributes.role && playlist.attributes.role.value || '';
-      var language = playlist.attributes.lang || '';
-      var label = 'main';
-
-      if (language) {
-        var roleLabel = role ? " (" + role + ")" : '';
-        label = "" + playlist.attributes.lang + roleLabel;
-      } // skip if we already have the highest quality audio for a language
-
-
-      if (a[label] && a[label].playlists[0].attributes.BANDWIDTH > playlist.attributes.bandwidth) {
-        return a;
-      }
-
-      a[label] = {
-        language: language,
-        autoselect: true,
-        "default": role === 'main',
-        playlists: addSegmentInfoFromSidx([formatAudioPlaylist(playlist)], sidxMapping),
-        uri: ''
-      };
-
-      if (typeof mainPlaylist === 'undefined' && role === 'main') {
-        mainPlaylist = playlist;
-        mainPlaylist["default"] = true;
-      }
-
-      return a;
-    }, {}); // if no playlists have role "main", mark the first as main
-
-    if (!mainPlaylist) {
-      var firstLabel = Object.keys(formattedPlaylists)[0];
-      formattedPlaylists[firstLabel]["default"] = true;
-    }
-
-    return formattedPlaylists;
-  };
-
-  var organizeVttPlaylists = function organizeVttPlaylists(playlists, sidxMapping) {
-    if (sidxMapping === void 0) {
-      sidxMapping = {};
-    }
-
-    return playlists.reduce(function (a, playlist) {
-      var label = playlist.attributes.lang || 'text'; // skip if we already have subtitles
-
-      if (a[label]) {
-        return a;
-      }
-
-      a[label] = {
-        language: label,
-        "default": false,
-        autoselect: false,
-        playlists: addSegmentInfoFromSidx([formatVttPlaylist(playlist)], sidxMapping),
-        uri: ''
-      };
-      return a;
-    }, {});
-  };
-
-  var formatVideoPlaylist = function formatVideoPlaylist(_ref3) {
-    var _attributes3;
-
-    var attributes = _ref3.attributes,
-        segments = _ref3.segments,
-        sidx = _ref3.sidx;
-    var playlist = {
-      attributes: (_attributes3 = {
-        NAME: attributes.id,
-        AUDIO: 'audio',
-        SUBTITLES: 'subs',
-        RESOLUTION: {
-          width: attributes.width,
-          height: attributes.height
-        },
-        CODECS: attributes.codecs,
-        BANDWIDTH: attributes.bandwidth
-      }, _attributes3['PROGRAM-ID'] = 1, _attributes3),
-      uri: '',
-      endList: (attributes.type || 'static') === 'static',
-      timeline: attributes.periodIndex,
-      resolvedUri: '',
-      targetDuration: attributes.duration,
-      segments: segments,
-      mediaSequence: segments.length ? segments[0].number : 1
-    };
-
-    if (attributes.contentProtection) {
-      playlist.contentProtection = attributes.contentProtection;
-    }
-
-    if (sidx) {
-      playlist.sidx = sidx;
-    }
-
-    return playlist;
-  };
-
-  var toM3u8 = function toM3u8(dashPlaylists, sidxMapping) {
-    var _mediaGroups;
-
-    if (sidxMapping === void 0) {
-      sidxMapping = {};
-    }
-
-    if (!dashPlaylists.length) {
-      return {};
-    } // grab all master attributes
-
-
-    var _dashPlaylists$0$attr = dashPlaylists[0].attributes,
-        duration = _dashPlaylists$0$attr.sourceDuration,
-        _dashPlaylists$0$attr2 = _dashPlaylists$0$attr.minimumUpdatePeriod,
-        minimumUpdatePeriod = _dashPlaylists$0$attr2 === void 0 ? 0 : _dashPlaylists$0$attr2;
-
-    var videoOnly = function videoOnly(_ref4) {
-      var attributes = _ref4.attributes;
-      return attributes.mimeType === 'video/mp4' || attributes.contentType === 'video';
-    };
-
-    var audioOnly = function audioOnly(_ref5) {
-      var attributes = _ref5.attributes;
-      return attributes.mimeType === 'audio/mp4' || attributes.contentType === 'audio';
-    };
-
-    var vttOnly = function vttOnly(_ref6) {
-      var attributes = _ref6.attributes;
-      return attributes.mimeType === 'text/vtt' || attributes.contentType === 'text';
-    };
-
-    var videoPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(videoOnly)).map(formatVideoPlaylist);
-    var audioPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(audioOnly));
-    var vttPlaylists = dashPlaylists.filter(vttOnly);
-    var master = {
-      allowCache: true,
-      discontinuityStarts: [],
-      segments: [],
-      endList: true,
-      mediaGroups: (_mediaGroups = {
-        AUDIO: {},
-        VIDEO: {}
-      }, _mediaGroups['CLOSED-CAPTIONS'] = {}, _mediaGroups.SUBTITLES = {}, _mediaGroups),
-      uri: '',
-      duration: duration,
-      playlists: addSegmentInfoFromSidx(videoPlaylists, sidxMapping),
-      minimumUpdatePeriod: minimumUpdatePeriod * 1000
-    };
-
-    if (audioPlaylists.length) {
-      master.mediaGroups.AUDIO.audio = organizeAudioPlaylists(audioPlaylists, sidxMapping);
-    }
-
-    if (vttPlaylists.length) {
-      master.mediaGroups.SUBTITLES.subs = organizeVttPlaylists(vttPlaylists, sidxMapping);
-    }
-
-    return master;
-  };
-  /**
-   * Calculates the R (repetition) value for a live stream (for the final segment
-   * in a manifest where the r value is negative 1)
-   *
-   * @param {Object} attributes
-   *        Object containing all inherited attributes from parent elements with attribute
-   *        names as keys
-   * @param {number} time
-   *        current time (typically the total time up until the final segment)
-   * @param {number} duration
-   *        duration property for the given <S />
-   *
-   * @return {number}
-   *        R value to reach the end of the given period
-   */
-
-
-  var getLiveRValue = function getLiveRValue(attributes, time, duration) {
-    var NOW = attributes.NOW,
-        clientOffset = attributes.clientOffset,
-        availabilityStartTime = attributes.availabilityStartTime,
-        _attributes$timescale = attributes.timescale,
-        timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
-        _attributes$start = attributes.start,
-        start = _attributes$start === void 0 ? 0 : _attributes$start,
-        _attributes$minimumUp = attributes.minimumUpdatePeriod,
-        minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp;
-    var now = (NOW + clientOffset) / 1000;
-    var periodStartWC = availabilityStartTime + start;
-    var periodEndWC = now + minimumUpdatePeriod;
-    var periodDuration = periodEndWC - periodStartWC;
-    return Math.ceil((periodDuration * timescale - time) / duration);
-  };
-  /**
-   * Uses information provided by SegmentTemplate.SegmentTimeline to determine segment
-   * timing and duration
-   *
-   * @param {Object} attributes
-   *        Object containing all inherited attributes from parent elements with attribute
-   *        names as keys
-   * @param {Object[]} segmentTimeline
-   *        List of objects representing the attributes of each S element contained within
-   *
-   * @return {{number: number, duration: number, time: number, timeline: number}[]}
-   *         List of Objects with segment timing and duration info
-   */
-
-
-  var parseByTimeline = function parseByTimeline(attributes, segmentTimeline) {
-    var _attributes$type = attributes.type,
-        type = _attributes$type === void 0 ? 'static' : _attributes$type,
-        _attributes$minimumUp2 = attributes.minimumUpdatePeriod,
-        minimumUpdatePeriod = _attributes$minimumUp2 === void 0 ? 0 : _attributes$minimumUp2,
-        _attributes$media = attributes.media,
-        media = _attributes$media === void 0 ? '' : _attributes$media,
-        sourceDuration = attributes.sourceDuration,
-        _attributes$timescale2 = attributes.timescale,
-        timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
-        _attributes$startNumb = attributes.startNumber,
-        startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb,
-        timeline = attributes.periodIndex;
-    var segments = [];
-    var time = -1;
-
-    for (var sIndex = 0; sIndex < segmentTimeline.length; sIndex++) {
-      var S = segmentTimeline[sIndex];
-      var duration = S.d;
-      var repeat = S.r || 0;
-      var segmentTime = S.t || 0;
-
-      if (time < 0) {
-        // first segment
-        time = segmentTime;
-      }
-
-      if (segmentTime && segmentTime > time) {
-        // discontinuity
-        // TODO: How to handle this type of discontinuity
-        // timeline++ here would treat it like HLS discontuity and content would
-        // get appended without gap
-        // E.G.
-        //  <S t="0" d="1" />
-        //  <S d="1" />
-        //  <S d="1" />
-        //  <S t="5" d="1" />
-        // would have $Time$ values of [0, 1, 2, 5]
-        // should this be appened at time positions [0, 1, 2, 3],(#EXT-X-DISCONTINUITY)
-        // or [0, 1, 2, gap, gap, 5]? (#EXT-X-GAP)
-        // does the value of sourceDuration consider this when calculating arbitrary
-        // negative @r repeat value?
-        // E.G. Same elements as above with this added at the end
-        //  <S d="1" r="-1" />
-        //  with a sourceDuration of 10
-        // Would the 2 gaps be included in the time duration calculations resulting in
-        // 8 segments with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9] or 10 segments
-        // with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9, 10, 11] ?
-        time = segmentTime;
-      }
-
-      var count = void 0;
-
-      if (repeat < 0) {
-        var nextS = sIndex + 1;
-
-        if (nextS === segmentTimeline.length) {
-          // last segment
-          if (type === 'dynamic' && minimumUpdatePeriod > 0 && media.indexOf('$Number$') > 0) {
-            count = getLiveRValue(attributes, time, duration);
-          } else {
-            // TODO: This may be incorrect depending on conclusion of TODO above
-            count = (sourceDuration * timescale - time) / duration;
-          }
-        } else {
-          count = (segmentTimeline[nextS].t - time) / duration;
-        }
-      } else {
-        count = repeat + 1;
-      }
-
-      var end = startNumber + segments.length + count;
-      var number = startNumber + segments.length;
-
-      while (number < end) {
-        segments.push({
-          number: number,
-          duration: duration / timescale,
-          time: time,
-          timeline: timeline
-        });
-        time += duration;
-        number++;
-      }
-    }
-
-    return segments;
-  };
-
-  var identifierPattern = /\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g;
-  /**
-   * Replaces template identifiers with corresponding values. To be used as the callback
-   * for String.prototype.replace
-   *
-   * @name replaceCallback
-   * @function
-   * @param {string} match
-   *        Entire match of identifier
-   * @param {string} identifier
-   *        Name of matched identifier
-   * @param {string} format
-   *        Format tag string. Its presence indicates that padding is expected
-   * @param {string} width
-   *        Desired length of the replaced value. Values less than this width shall be left
-   *        zero padded
-   * @return {string}
-   *         Replacement for the matched identifier
-   */
-
-  /**
-   * Returns a function to be used as a callback for String.prototype.replace to replace
-   * template identifiers
-   *
-   * @param {Obect} values
-   *        Object containing values that shall be used to replace known identifiers
-   * @param {number} values.RepresentationID
-   *        Value of the Representation@id attribute
-   * @param {number} values.Number
-   *        Number of the corresponding segment
-   * @param {number} values.Bandwidth
-   *        Value of the Representation@bandwidth attribute.
-   * @param {number} values.Time
-   *        Timestamp value of the corresponding segment
-   * @return {replaceCallback}
-   *         Callback to be used with String.prototype.replace to replace identifiers
-   */
-
-  var identifierReplacement = function identifierReplacement(values) {
-    return function (match, identifier, format, width) {
-      if (match === '$$') {
-        // escape sequence
-        return '$';
-      }
-
-      if (typeof values[identifier] === 'undefined') {
-        return match;
-      }
-
-      var value = '' + values[identifier];
-
-      if (identifier === 'RepresentationID') {
-        // Format tag shall not be present with RepresentationID
-        return value;
-      }
-
-      if (!format) {
-        width = 1;
-      } else {
-        width = parseInt(width, 10);
-      }
-
-      if (value.length >= width) {
-        return value;
-      }
-
-      return "" + new Array(width - value.length + 1).join('0') + value;
-    };
-  };
-  /**
-   * Constructs a segment url from a template string
-   *
-   * @param {string} url
-   *        Template string to construct url from
-   * @param {Obect} values
-   *        Object containing values that shall be used to replace known identifiers
-   * @param {number} values.RepresentationID
-   *        Value of the Representation@id attribute
-   * @param {number} values.Number
-   *        Number of the corresponding segment
-   * @param {number} values.Bandwidth
-   *        Value of the Representation@bandwidth attribute.
-   * @param {number} values.Time
-   *        Timestamp value of the corresponding segment
-   * @return {string}
-   *         Segment url with identifiers replaced
-   */
-
-
-  var constructTemplateUrl = function constructTemplateUrl(url, values) {
-    return url.replace(identifierPattern, identifierReplacement(values));
-  };
-  /**
-   * Generates a list of objects containing timing and duration information about each
-   * segment needed to generate segment uris and the complete segment object
-   *
-   * @param {Object} attributes
-   *        Object containing all inherited attributes from parent elements with attribute
-   *        names as keys
-   * @param {Object[]|undefined} segmentTimeline
-   *        List of objects representing the attributes of each S element contained within
-   *        the SegmentTimeline element
-   * @return {{number: number, duration: number, time: number, timeline: number}[]}
-   *         List of Objects with segment timing and duration info
-   */
-
-
-  var parseTemplateInfo = function parseTemplateInfo(attributes, segmentTimeline) {
-    if (!attributes.duration && !segmentTimeline) {
-      // if neither @duration or SegmentTimeline are present, then there shall be exactly
-      // one media segment
-      return [{
-        number: attributes.startNumber || 1,
-        duration: attributes.sourceDuration,
-        time: 0,
-        timeline: attributes.periodIndex
-      }];
-    }
-
-    if (attributes.duration) {
-      return parseByDuration(attributes);
-    }
-
-    return parseByTimeline(attributes, segmentTimeline);
-  };
-  /**
-   * Generates a list of segments using information provided by the SegmentTemplate element
-   *
-   * @param {Object} attributes
-   *        Object containing all inherited attributes from parent elements with attribute
-   *        names as keys
-   * @param {Object[]|undefined} segmentTimeline
-   *        List of objects representing the attributes of each S element contained within
-   *        the SegmentTimeline element
-   * @return {Object[]}
-   *         List of segment objects
-   */
-
-
-  var segmentsFromTemplate = function segmentsFromTemplate(attributes, segmentTimeline) {
-    var templateValues = {
-      RepresentationID: attributes.id,
-      Bandwidth: attributes.bandwidth || 0
-    };
-    var _attributes$initializ = attributes.initialization,
-        initialization = _attributes$initializ === void 0 ? {
-      sourceURL: '',
-      range: ''
-    } : _attributes$initializ;
-    var mapSegment = urlTypeToSegment({
-      baseUrl: attributes.baseUrl,
-      source: constructTemplateUrl(initialization.sourceURL, templateValues),
-      range: initialization.range
-    });
-    var segments = parseTemplateInfo(attributes, segmentTimeline);
-    return segments.map(function (segment) {
-      templateValues.Number = segment.number;
-      templateValues.Time = segment.time;
-      var uri = constructTemplateUrl(attributes.media || '', templateValues);
-      return {
-        uri: uri,
-        timeline: segment.timeline,
-        duration: segment.duration,
-        resolvedUri: resolveUrl(attributes.baseUrl || '', uri),
-        map: mapSegment,
-        number: segment.number
-      };
-    });
-  };
-  /**
-   * Converts a <SegmentUrl> (of type URLType from the DASH spec 5.3.9.2 Table 14)
-   * to an object that matches the output of a segment in videojs/mpd-parser
-   *
-   * @param {Object} attributes
-   *   Object containing all inherited attributes from parent elements with attribute
-   *   names as keys
-   * @param {Object} segmentUrl
-   *   <SegmentURL> node to translate into a segment object
-   * @return {Object} translated segment object
-   */
-
-
-  var SegmentURLToSegmentObject = function SegmentURLToSegmentObject(attributes, segmentUrl) {
-    var baseUrl = attributes.baseUrl,
-        _attributes$initializ = attributes.initialization,
-        initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ;
-    var initSegment = urlTypeToSegment({
-      baseUrl: baseUrl,
-      source: initialization.sourceURL,
-      range: initialization.range
-    });
-    var segment = urlTypeToSegment({
-      baseUrl: baseUrl,
-      source: segmentUrl.media,
-      range: segmentUrl.mediaRange
-    });
-    segment.map = initSegment;
-    return segment;
-  };
-  /**
-   * Generates a list of segments using information provided by the SegmentList element
-   * SegmentList (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes.  Each
-   * node should be translated into segment.
-   *
-   * @param {Object} attributes
-   *   Object containing all inherited attributes from parent elements with attribute
-   *   names as keys
-   * @param {Object[]|undefined} segmentTimeline
-   *        List of objects representing the attributes of each S element contained within
-   *        the SegmentTimeline element
-   * @return {Object.<Array>} list of segments
-   */
-
-
-  var segmentsFromList = function segmentsFromList(attributes, segmentTimeline) {
-    var duration = attributes.duration,
-        _attributes$segmentUr = attributes.segmentUrls,
-        segmentUrls = _attributes$segmentUr === void 0 ? [] : _attributes$segmentUr; // Per spec (5.3.9.2.1) no way to determine segment duration OR
-    // if both SegmentTimeline and @duration are defined, it is outside of spec.
-
-    if (!duration && !segmentTimeline || duration && segmentTimeline) {
-      throw new Error(errors.SEGMENT_TIME_UNSPECIFIED);
-    }
-
-    var segmentUrlMap = segmentUrls.map(function (segmentUrlObject) {
-      return SegmentURLToSegmentObject(attributes, segmentUrlObject);
-    });
-    var segmentTimeInfo;
-
-    if (duration) {
-      segmentTimeInfo = parseByDuration(attributes);
-    }
-
-    if (segmentTimeline) {
-      segmentTimeInfo = parseByTimeline(attributes, segmentTimeline);
-    }
-
-    var segments = segmentTimeInfo.map(function (segmentTime, index) {
-      if (segmentUrlMap[index]) {
-        var segment = segmentUrlMap[index];
-        segment.timeline = segmentTime.timeline;
-        segment.duration = segmentTime.duration;
-        segment.number = segmentTime.number;
-        return segment;
-      } // Since we're mapping we should get rid of any blank segments (in case
-      // the given SegmentTimeline is handling for more elements than we have
-      // SegmentURLs for).
-
-    }).filter(function (segment) {
-      return segment;
-    });
-    return segments;
-  };
-
-  var generateSegments = function generateSegments(_ref) {
-    var attributes = _ref.attributes,
-        segmentInfo = _ref.segmentInfo;
-    var segmentAttributes;
-    var segmentsFn;
-
-    if (segmentInfo.template) {
-      segmentsFn = segmentsFromTemplate;
-      segmentAttributes = merge(attributes, segmentInfo.template);
-    } else if (segmentInfo.base) {
-      segmentsFn = segmentsFromBase;
-      segmentAttributes = merge(attributes, segmentInfo.base);
-    } else if (segmentInfo.list) {
-      segmentsFn = segmentsFromList;
-      segmentAttributes = merge(attributes, segmentInfo.list);
-    }
-
-    var segmentsInfo = {
-      attributes: attributes
-    };
-
-    if (!segmentsFn) {
-      return segmentsInfo;
-    }
-
-    var segments = segmentsFn(segmentAttributes, segmentInfo.timeline); // The @duration attribute will be used to determin the playlist's targetDuration which
-    // must be in seconds. Since we've generated the segment list, we no longer need
-    // @duration to be in @timescale units, so we can convert it here.
-
-    if (segmentAttributes.duration) {
-      var _segmentAttributes = segmentAttributes,
-          duration = _segmentAttributes.duration,
-          _segmentAttributes$ti = _segmentAttributes.timescale,
-          timescale = _segmentAttributes$ti === void 0 ? 1 : _segmentAttributes$ti;
-      segmentAttributes.duration = duration / timescale;
-    } else if (segments.length) {
-      // if there is no @duration attribute, use the largest segment duration as
-      // as target duration
-      segmentAttributes.duration = segments.reduce(function (max, segment) {
-        return Math.max(max, Math.ceil(segment.duration));
-      }, 0);
-    } else {
-      segmentAttributes.duration = 0;
-    }
-
-    segmentsInfo.attributes = segmentAttributes;
-    segmentsInfo.segments = segments; // This is a sidx box without actual segment information
-
-    if (segmentInfo.base && segmentAttributes.indexRange) {
-      segmentsInfo.sidx = segments[0];
-      segmentsInfo.segments = [];
-    }
-
-    return segmentsInfo;
-  };
-
-  var toPlaylists = function toPlaylists(representations) {
-    return representations.map(generateSegments);
-  };
-
-  var findChildren = function findChildren(element, name) {
-    return from(element.childNodes).filter(function (_ref) {
-      var tagName = _ref.tagName;
-      return tagName === name;
-    });
-  };
-
-  var getContent = function getContent(element) {
-    return element.textContent.trim();
-  };
-
-  var parseDuration = function parseDuration(str) {
-    var SECONDS_IN_YEAR = 365 * 24 * 60 * 60;
-    var SECONDS_IN_MONTH = 30 * 24 * 60 * 60;
-    var SECONDS_IN_DAY = 24 * 60 * 60;
-    var SECONDS_IN_HOUR = 60 * 60;
-    var SECONDS_IN_MIN = 60; // P10Y10M10DT10H10M10.1S
-
-    var durationRegex = /P(?:(\d*)Y)?(?:(\d*)M)?(?:(\d*)D)?(?:T(?:(\d*)H)?(?:(\d*)M)?(?:([\d.]*)S)?)?/;
-    var match = durationRegex.exec(str);
-
-    if (!match) {
-      return 0;
-    }
-
-    var _match$slice = match.slice(1),
-        year = _match$slice[0],
-        month = _match$slice[1],
-        day = _match$slice[2],
-        hour = _match$slice[3],
-        minute = _match$slice[4],
-        second = _match$slice[5];
-
-    return parseFloat(year || 0) * SECONDS_IN_YEAR + parseFloat(month || 0) * SECONDS_IN_MONTH + parseFloat(day || 0) * SECONDS_IN_DAY + parseFloat(hour || 0) * SECONDS_IN_HOUR + parseFloat(minute || 0) * SECONDS_IN_MIN + parseFloat(second || 0);
-  };
-
-  var parseDate = function parseDate(str) {
-    // Date format without timezone according to ISO 8601
-    // YYY-MM-DDThh:mm:ss.ssssss
-    var dateRegex = /^\d+-\d+-\d+T\d+:\d+:\d+(\.\d+)?$/; // If the date string does not specifiy a timezone, we must specifiy UTC. This is
-    // expressed by ending with 'Z'
-
-    if (dateRegex.test(str)) {
-      str += 'Z';
-    }
-
-    return Date.parse(str);
-  };
-
-  var parsers = {
-    /**
-     * Specifies the duration of the entire Media Presentation. Format is a duration string
-     * as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The duration in seconds
-     */
-    mediaPresentationDuration: function mediaPresentationDuration(value) {
-      return parseDuration(value);
-    },
-
-    /**
-     * Specifies the Segment availability start time for all Segments referred to in this
-     * MPD. For a dynamic manifest, it specifies the anchor for the earliest availability
-     * time. Format is a date string as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The date as seconds from unix epoch
-     */
-    availabilityStartTime: function availabilityStartTime(value) {
-      return parseDate(value) / 1000;
-    },
-
-    /**
-     * Specifies the smallest period between potential changes to the MPD. Format is a
-     * duration string as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The duration in seconds
-     */
-    minimumUpdatePeriod: function minimumUpdatePeriod(value) {
-      return parseDuration(value);
-    },
-
-    /**
-     * Specifies the duration of the smallest time shifting buffer for any Representation
-     * in the MPD. Format is a duration string as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The duration in seconds
-     */
-    timeShiftBufferDepth: function timeShiftBufferDepth(value) {
-      return parseDuration(value);
-    },
-
-    /**
-     * Specifies the PeriodStart time of the Period relative to the availabilityStarttime.
-     * Format is a duration string as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The duration in seconds
-     */
-    start: function start(value) {
-      return parseDuration(value);
-    },
-
-    /**
-     * Specifies the width of the visual presentation
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed width
-     */
-    width: function width(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the height of the visual presentation
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed height
-     */
-    height: function height(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the bitrate of the representation
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed bandwidth
-     */
-    bandwidth: function bandwidth(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the number of the first Media Segment in this Representation in the Period
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed number
-     */
-    startNumber: function startNumber(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the timescale in units per seconds
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The aprsed timescale
-     */
-    timescale: function timescale(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the constant approximate Segment duration
-     * NOTE: The <Period> element also contains an @duration attribute. This duration
-     *       specifies the duration of the Period. This attribute is currently not
-     *       supported by the rest of the parser, however we still check for it to prevent
-     *       errors.
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed duration
-     */
-    duration: function duration(value) {
-      var parsedValue = parseInt(value, 10);
-
-      if (isNaN(parsedValue)) {
-        return parseDuration(value);
-      }
-
-      return parsedValue;
-    },
-
-    /**
-     * Specifies the Segment duration, in units of the value of the @timescale.
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed duration
-     */
-    d: function d(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the MPD start time, in @timescale units, the first Segment in the series
-     * starts relative to the beginning of the Period
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed time
-     */
-    t: function t(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the repeat count of the number of following contiguous Segments with the
-     * same duration expressed by the value of @d
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed number
-     */
-    r: function r(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Default parser for all other attributes. Acts as a no-op and just returns the value
-     * as a string
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {string}
-     *         Unparsed value
-     */
-    DEFAULT: function DEFAULT(value) {
-      return value;
-    }
-  };
-  /**
-   * Gets all the attributes and values of the provided node, parses attributes with known
-   * types, and returns an object with attribute names mapped to values.
-   *
-   * @param {Node} el
-   *        The node to parse attributes from
-   * @return {Object}
-   *         Object with all attributes of el parsed
-   */
-
-  var parseAttributes$1 = function parseAttributes(el) {
-    if (!(el && el.attributes)) {
-      return {};
-    }
-
-    return from(el.attributes).reduce(function (a, e) {
-      var parseFn = parsers[e.name] || parsers.DEFAULT;
-      a[e.name] = parseFn(e.value);
-      return a;
-    }, {});
-  };
-
-  function decodeB64ToUint8Array$1(b64Text) {
-    var decodedString = window$1.atob(b64Text);
-    var array = new Uint8Array(decodedString.length);
-
-    for (var i = 0; i < decodedString.length; i++) {
-      array[i] = decodedString.charCodeAt(i);
-    }
-
-    return array;
-  }
-
-  var keySystemsMap = {
-    'urn:uuid:1077efec-c0b2-4d02-ace3-3c1e52e2fb4b': 'org.w3.clearkey',
-    'urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed': 'com.widevine.alpha',
-    'urn:uuid:9a04f079-9840-4286-ab92-e65be0885f95': 'com.microsoft.playready',
-    'urn:uuid:f239e769-efa3-4850-9c16-a903c6932efb': 'com.adobe.primetime'
-  };
-  /**
-   * Builds a list of urls that is the product of the reference urls and BaseURL values
-   *
-   * @param {string[]} referenceUrls
-   *        List of reference urls to resolve to
-   * @param {Node[]} baseUrlElements
-   *        List of BaseURL nodes from the mpd
-   * @return {string[]}
-   *         List of resolved urls
-   */
-
-  var buildBaseUrls = function buildBaseUrls(referenceUrls, baseUrlElements) {
-    if (!baseUrlElements.length) {
-      return referenceUrls;
-    }
-
-    return flatten(referenceUrls.map(function (reference) {
-      return baseUrlElements.map(function (baseUrlElement) {
-        return resolveUrl(reference, getContent(baseUrlElement));
-      });
-    }));
-  };
-  /**
-   * Contains all Segment information for its containing AdaptationSet
-   *
-   * @typedef {Object} SegmentInformation
-   * @property {Object|undefined} template
-   *           Contains the attributes for the SegmentTemplate node
-   * @property {Object[]|undefined} timeline
-   *           Contains a list of atrributes for each S node within the SegmentTimeline node
-   * @property {Object|undefined} list
-   *           Contains the attributes for the SegmentList node
-   * @property {Object|undefined} base
-   *           Contains the attributes for the SegmentBase node
-   */
-
-  /**
-   * Returns all available Segment information contained within the AdaptationSet node
-   *
-   * @param {Node} adaptationSet
-   *        The AdaptationSet node to get Segment information from
-   * @return {SegmentInformation}
-   *         The Segment information contained within the provided AdaptationSet
-   */
-
-
-  var getSegmentInformation = function getSegmentInformation(adaptationSet) {
-    var segmentTemplate = findChildren(adaptationSet, 'SegmentTemplate')[0];
-    var segmentList = findChildren(adaptationSet, 'SegmentList')[0];
-    var segmentUrls = segmentList && findChildren(segmentList, 'SegmentURL').map(function (s) {
-      return merge({
-        tag: 'SegmentURL'
-      }, parseAttributes$1(s));
-    });
-    var segmentBase = findChildren(adaptationSet, 'SegmentBase')[0];
-    var segmentTimelineParentNode = segmentList || segmentTemplate;
-    var segmentTimeline = segmentTimelineParentNode && findChildren(segmentTimelineParentNode, 'SegmentTimeline')[0];
-    var segmentInitializationParentNode = segmentList || segmentBase || segmentTemplate;
-    var segmentInitialization = segmentInitializationParentNode && findChildren(segmentInitializationParentNode, 'Initialization')[0]; // SegmentTemplate is handled slightly differently, since it can have both
-    // @initialization and an <Initialization> node.  @initialization can be templated,
-    // while the node can have a url and range specified.  If the <SegmentTemplate> has
-    // both @initialization and an <Initialization> subelement we opt to override with
-    // the node, as this interaction is not defined in the spec.
-
-    var template = segmentTemplate && parseAttributes$1(segmentTemplate);
-
-    if (template && segmentInitialization) {
-      template.initialization = segmentInitialization && parseAttributes$1(segmentInitialization);
-    } else if (template && template.initialization) {
-      // If it is @initialization we convert it to an object since this is the format that
-      // later functions will rely on for the initialization segment.  This is only valid
-      // for <SegmentTemplate>
-      template.initialization = {
-        sourceURL: template.initialization
-      };
-    }
-
-    var segmentInfo = {
-      template: template,
-      timeline: segmentTimeline && findChildren(segmentTimeline, 'S').map(function (s) {
-        return parseAttributes$1(s);
-      }),
-      list: segmentList && merge(parseAttributes$1(segmentList), {
-        segmentUrls: segmentUrls,
-        initialization: parseAttributes$1(segmentInitialization)
-      }),
-      base: segmentBase && merge(parseAttributes$1(segmentBase), {
-        initialization: parseAttributes$1(segmentInitialization)
-      })
-    };
-    Object.keys(segmentInfo).forEach(function (key) {
-      if (!segmentInfo[key]) {
-        delete segmentInfo[key];
-      }
-    });
-    return segmentInfo;
-  };
-  /**
-   * Contains Segment information and attributes needed to construct a Playlist object
-   * from a Representation
-   *
-   * @typedef {Object} RepresentationInformation
-   * @property {SegmentInformation} segmentInfo
-   *           Segment information for this Representation
-   * @property {Object} attributes
-   *           Inherited attributes for this Representation
-   */
-
-  /**
-   * Maps a Representation node to an object containing Segment information and attributes
-   *
-   * @name inheritBaseUrlsCallback
-   * @function
-   * @param {Node} representation
-   *        Representation node from the mpd
-   * @return {RepresentationInformation}
-   *         Representation information needed to construct a Playlist object
-   */
-
-  /**
-   * Returns a callback for Array.prototype.map for mapping Representation nodes to
-   * Segment information and attributes using inherited BaseURL nodes.
-   *
-   * @param {Object} adaptationSetAttributes
-   *        Contains attributes inherited by the AdaptationSet
-   * @param {string[]} adaptationSetBaseUrls
-   *        Contains list of resolved base urls inherited by the AdaptationSet
-   * @param {SegmentInformation} adaptationSetSegmentInfo
-   *        Contains Segment information for the AdaptationSet
-   * @return {inheritBaseUrlsCallback}
-   *         Callback map function
-   */
-
-
-  var inheritBaseUrls = function inheritBaseUrls(adaptationSetAttributes, adaptationSetBaseUrls, adaptationSetSegmentInfo) {
-    return function (representation) {
-      var repBaseUrlElements = findChildren(representation, 'BaseURL');
-      var repBaseUrls = buildBaseUrls(adaptationSetBaseUrls, repBaseUrlElements);
-      var attributes = merge(adaptationSetAttributes, parseAttributes$1(representation));
-      var representationSegmentInfo = getSegmentInformation(representation);
-      return repBaseUrls.map(function (baseUrl) {
-        return {
-          segmentInfo: merge(adaptationSetSegmentInfo, representationSegmentInfo),
-          attributes: merge(attributes, {
-            baseUrl: baseUrl
-          })
-        };
-      });
-    };
-  };
-  /**
-   * Tranforms a series of content protection nodes to
-   * an object containing pssh data by key system
-   *
-   * @param {Node[]} contentProtectionNodes
-   *        Content protection nodes
-   * @return {Object}
-   *        Object containing pssh data by key system
-   */
-
-
-  var generateKeySystemInformation = function generateKeySystemInformation(contentProtectionNodes) {
-    return contentProtectionNodes.reduce(function (acc, node) {
-      var attributes = parseAttributes$1(node);
-      var keySystem = keySystemsMap[attributes.schemeIdUri];
-
-      if (keySystem) {
-        acc[keySystem] = {
-          attributes: attributes
-        };
-        var psshNode = findChildren(node, 'cenc:pssh')[0];
-
-        if (psshNode) {
-          var pssh = getContent(psshNode);
-          var psshBuffer = pssh && decodeB64ToUint8Array$1(pssh);
-          acc[keySystem].pssh = psshBuffer;
-        }
-      }
-
-      return acc;
-    }, {});
-  };
-  /**
-   * Maps an AdaptationSet node to a list of Representation information objects
-   *
-   * @name toRepresentationsCallback
-   * @function
-   * @param {Node} adaptationSet
-   *        AdaptationSet node from the mpd
-   * @return {RepresentationInformation[]}
-   *         List of objects containing Representaion information
-   */
-
-  /**
-   * Returns a callback for Array.prototype.map for mapping AdaptationSet nodes to a list of
-   * Representation information objects
-   *
-   * @param {Object} periodAttributes
-   *        Contains attributes inherited by the Period
-   * @param {string[]} periodBaseUrls
-   *        Contains list of resolved base urls inherited by the Period
-   * @param {string[]} periodSegmentInfo
-   *        Contains Segment Information at the period level
-   * @return {toRepresentationsCallback}
-   *         Callback map function
-   */
-
-
-  var toRepresentations = function toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo) {
-    return function (adaptationSet) {
-      var adaptationSetAttributes = parseAttributes$1(adaptationSet);
-      var adaptationSetBaseUrls = buildBaseUrls(periodBaseUrls, findChildren(adaptationSet, 'BaseURL'));
-      var role = findChildren(adaptationSet, 'Role')[0];
-      var roleAttributes = {
-        role: parseAttributes$1(role)
-      };
-      var attrs = merge(periodAttributes, adaptationSetAttributes, roleAttributes);
-      var contentProtection = generateKeySystemInformation(findChildren(adaptationSet, 'ContentProtection'));
-
-      if (Object.keys(contentProtection).length) {
-        attrs = merge(attrs, {
-          contentProtection: contentProtection
-        });
-      }
-
-      var segmentInfo = getSegmentInformation(adaptationSet);
-      var representations = findChildren(adaptationSet, 'Representation');
-      var adaptationSetSegmentInfo = merge(periodSegmentInfo, segmentInfo);
-      return flatten(representations.map(inheritBaseUrls(attrs, adaptationSetBaseUrls, adaptationSetSegmentInfo)));
-    };
-  };
-  /**
-   * Maps an Period node to a list of Representation inforamtion objects for all
-   * AdaptationSet nodes contained within the Period
-   *
-   * @name toAdaptationSetsCallback
-   * @function
-   * @param {Node} period
-   *        Period node from the mpd
-   * @param {number} periodIndex
-   *        Index of the Period within the mpd
-   * @return {RepresentationInformation[]}
-   *         List of objects containing Representaion information
-   */
-
-  /**
-   * Returns a callback for Array.prototype.map for mapping Period nodes to a list of
-   * Representation information objects
-   *
-   * @param {Object} mpdAttributes
-   *        Contains attributes inherited by the mpd
-   * @param {string[]} mpdBaseUrls
-   *        Contains list of resolved base urls inherited by the mpd
-   * @return {toAdaptationSetsCallback}
-   *         Callback map function
-   */
-
-
-  var toAdaptationSets = function toAdaptationSets(mpdAttributes, mpdBaseUrls) {
-    return function (period, index) {
-      var periodBaseUrls = buildBaseUrls(mpdBaseUrls, findChildren(period, 'BaseURL'));
-      var periodAtt = parseAttributes$1(period);
-      var parsedPeriodId = parseInt(periodAtt.id, 10); // fallback to mapping index if Period@id is not a number
-
-      var periodIndex = window$1.isNaN(parsedPeriodId) ? index : parsedPeriodId;
-      var periodAttributes = merge(mpdAttributes, {
-        periodIndex: periodIndex
-      });
-      var adaptationSets = findChildren(period, 'AdaptationSet');
-      var periodSegmentInfo = getSegmentInformation(period);
-      return flatten(adaptationSets.map(toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo)));
-    };
-  };
-  /**
-   * Traverses the mpd xml tree to generate a list of Representation information objects
-   * that have inherited attributes from parent nodes
-   *
-   * @param {Node} mpd
-   *        The root node of the mpd
-   * @param {Object} options
-   *        Available options for inheritAttributes
-   * @param {string} options.manifestUri
-   *        The uri source of the mpd
-   * @param {number} options.NOW
-   *        Current time per DASH IOP.  Default is current time in ms since epoch
-   * @param {number} options.clientOffset
-   *        Client time difference from NOW (in milliseconds)
-   * @return {RepresentationInformation[]}
-   *         List of objects containing Representation information
-   */
-
-
-  var inheritAttributes = function inheritAttributes(mpd, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options = options,
-        _options$manifestUri = _options.manifestUri,
-        manifestUri = _options$manifestUri === void 0 ? '' : _options$manifestUri,
-        _options$NOW = _options.NOW,
-        NOW = _options$NOW === void 0 ? Date.now() : _options$NOW,
-        _options$clientOffset = _options.clientOffset,
-        clientOffset = _options$clientOffset === void 0 ? 0 : _options$clientOffset;
-    var periods = findChildren(mpd, 'Period');
-
-    if (!periods.length) {
-      throw new Error(errors.INVALID_NUMBER_OF_PERIOD);
-    }
-
-    var mpdAttributes = parseAttributes$1(mpd);
-    var mpdBaseUrls = buildBaseUrls([manifestUri], findChildren(mpd, 'BaseURL'));
-    mpdAttributes.sourceDuration = mpdAttributes.mediaPresentationDuration || 0;
-    mpdAttributes.NOW = NOW;
-    mpdAttributes.clientOffset = clientOffset;
-    return flatten(periods.map(toAdaptationSets(mpdAttributes, mpdBaseUrls)));
-  };
-
-  var stringToMpdXml = function stringToMpdXml(manifestString) {
-    if (manifestString === '') {
-      throw new Error(errors.DASH_EMPTY_MANIFEST);
-    }
-
-    var parser = new window$1.DOMParser();
-    var xml = parser.parseFromString(manifestString, 'application/xml');
-    var mpd = xml && xml.documentElement.tagName === 'MPD' ? xml.documentElement : null;
-
-    if (!mpd || mpd && mpd.getElementsByTagName('parsererror').length > 0) {
-      throw new Error(errors.DASH_INVALID_XML);
-    }
-
-    return mpd;
-  };
-  /**
-   * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
-   *
-   * @param {string} mpd
-   *        XML string of the MPD manifest
-   * @return {Object|null}
-   *         Attributes of UTCTiming node specified in the manifest. Null if none found
-   */
-
-
-  var parseUTCTimingScheme = function parseUTCTimingScheme(mpd) {
-    var UTCTimingNode = findChildren(mpd, 'UTCTiming')[0];
-
-    if (!UTCTimingNode) {
-      return null;
-    }
-
-    var attributes = parseAttributes$1(UTCTimingNode);
-
-    switch (attributes.schemeIdUri) {
-      case 'urn:mpeg:dash:utc:http-head:2014':
-      case 'urn:mpeg:dash:utc:http-head:2012':
-        attributes.method = 'HEAD';
-        break;
-
-      case 'urn:mpeg:dash:utc:http-xsdate:2014':
-      case 'urn:mpeg:dash:utc:http-iso:2014':
-      case 'urn:mpeg:dash:utc:http-xsdate:2012':
-      case 'urn:mpeg:dash:utc:http-iso:2012':
-        attributes.method = 'GET';
-        break;
-
-      case 'urn:mpeg:dash:utc:direct:2014':
-      case 'urn:mpeg:dash:utc:direct:2012':
-        attributes.method = 'DIRECT';
-        attributes.value = Date.parse(attributes.value);
-        break;
-
-      case 'urn:mpeg:dash:utc:http-ntp:2014':
-      case 'urn:mpeg:dash:utc:ntp:2014':
-      case 'urn:mpeg:dash:utc:sntp:2014':
-      default:
-        throw new Error(errors.UNSUPPORTED_UTC_TIMING_SCHEME);
-    }
-
-    return attributes;
-  };
-
-  var parse = function parse(manifestString, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    return toM3u8(toPlaylists(inheritAttributes(stringToMpdXml(manifestString), options)), options.sidxMapping);
-  };
-  /**
-   * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
-   *
-   * @param {string} manifestString
-   *        XML string of the MPD manifest
-   * @return {Object|null}
-   *         Attributes of UTCTiming node specified in the manifest. Null if none found
-   */
-
-
-  var parseUTCTiming = function parseUTCTiming(manifestString) {
-    return parseUTCTimingScheme(stringToMpdXml(manifestString));
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   */
-  var toUnsigned = function toUnsigned(value) {
-    return value >>> 0;
-  };
-
-  var toHexString = function toHexString(value) {
-    return ('00' + value.toString(16)).slice(-2);
-  };
-
-  var bin = {
-    toUnsigned: toUnsigned,
-    toHexString: toHexString
-  };
-
-  var inspectMp4,
-      _textifyMp,
-      toUnsigned$1 = bin.toUnsigned,
-      parseMp4Date = function parseMp4Date(seconds) {
-    return new Date(seconds * 1000 - 2082844800000);
-  },
-      parseSampleFlags = function parseSampleFlags(flags) {
-    return {
-      isLeading: (flags[0] & 0x0c) >>> 2,
-      dependsOn: flags[0] & 0x03,
-      isDependedOn: (flags[1] & 0xc0) >>> 6,
-      hasRedundancy: (flags[1] & 0x30) >>> 4,
-      paddingValue: (flags[1] & 0x0e) >>> 1,
-      isNonSyncSample: flags[1] & 0x01,
-      degradationPriority: flags[2] << 8 | flags[3]
-    };
-  },
-
-  /**
-   * Returns the string representation of an ASCII encoded four byte buffer.
-   * @param buffer {Uint8Array} a four-byte buffer to translate
-   * @return {string} the corresponding string
-   */
-  parseType = function parseType(buffer) {
-    var result = '';
-    result += String.fromCharCode(buffer[0]);
-    result += String.fromCharCode(buffer[1]);
-    result += String.fromCharCode(buffer[2]);
-    result += String.fromCharCode(buffer[3]);
-    return result;
-  },
-      // Find the data for a box specified by its path
-  findBox = function findBox(data, path) {
-    var results = [],
-        i,
-        size,
-        type,
-        end,
-        subresults;
-
-    if (!path.length) {
-      // short-circuit the search for empty paths
-      return null;
-    }
-
-    for (i = 0; i < data.byteLength;) {
-      size = toUnsigned$1(data[i] << 24 | data[i + 1] << 16 | data[i + 2] << 8 | data[i + 3]);
-      type = parseType(data.subarray(i + 4, i + 8));
-      end = size > 1 ? i + size : data.byteLength;
-
-      if (type === path[0]) {
-        if (path.length === 1) {
-          // this is the end of the path and we've found the box we were
-          // looking for
-          results.push(data.subarray(i + 8, end));
-        } else {
-          // recursively search for the next box along the path
-          subresults = findBox(data.subarray(i + 8, end), path.slice(1));
-
-          if (subresults.length) {
-            results = results.concat(subresults);
-          }
-        }
-      }
-
-      i = end;
-    } // we've finished searching all of data
-
-
-    return results;
-  },
-      nalParse = function nalParse(avcStream) {
-    var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),
-        result = [],
-        i,
-        length;
-
-    for (i = 0; i + 4 < avcStream.length; i += length) {
-      length = avcView.getUint32(i);
-      i += 4; // bail if this doesn't appear to be an H264 stream
-
-      if (length <= 0) {
-        result.push('<span style=\'color:red;\'>MALFORMED DATA</span>');
-        continue;
-      }
-
-      switch (avcStream[i] & 0x1F) {
-        case 0x01:
-          result.push('slice_layer_without_partitioning_rbsp');
-          break;
-
-        case 0x05:
-          result.push('slice_layer_without_partitioning_rbsp_idr');
-          break;
-
-        case 0x06:
-          result.push('sei_rbsp');
-          break;
-
-        case 0x07:
-          result.push('seq_parameter_set_rbsp');
-          break;
-
-        case 0x08:
-          result.push('pic_parameter_set_rbsp');
-          break;
-
-        case 0x09:
-          result.push('access_unit_delimiter_rbsp');
-          break;
-
-        default:
-          result.push('UNKNOWN NAL - ' + avcStream[i] & 0x1F);
-          break;
-      }
-    }
-
-    return result;
-  },
-      // registry of handlers for individual mp4 box types
-  parse$1 = {
-    // codingname, not a first-class box type. stsd entries share the
-    // same format as real boxes so the parsing infrastructure can be
-    // shared
-    avc1: function avc1(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        dataReferenceIndex: view.getUint16(6),
-        width: view.getUint16(24),
-        height: view.getUint16(26),
-        horizresolution: view.getUint16(28) + view.getUint16(30) / 16,
-        vertresolution: view.getUint16(32) + view.getUint16(34) / 16,
-        frameCount: view.getUint16(40),
-        depth: view.getUint16(74),
-        config: inspectMp4(data.subarray(78, data.byteLength))
-      };
-    },
-    avcC: function avcC(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        configurationVersion: data[0],
-        avcProfileIndication: data[1],
-        profileCompatibility: data[2],
-        avcLevelIndication: data[3],
-        lengthSizeMinusOne: data[4] & 0x03,
-        sps: [],
-        pps: []
-      },
-          numOfSequenceParameterSets = data[5] & 0x1f,
-          numOfPictureParameterSets,
-          nalSize,
-          offset,
-          i; // iterate past any SPSs
-
-      offset = 6;
-
-      for (i = 0; i < numOfSequenceParameterSets; i++) {
-        nalSize = view.getUint16(offset);
-        offset += 2;
-        result.sps.push(new Uint8Array(data.subarray(offset, offset + nalSize)));
-        offset += nalSize;
-      } // iterate past any PPSs
-
-
-      numOfPictureParameterSets = data[offset];
-      offset++;
-
-      for (i = 0; i < numOfPictureParameterSets; i++) {
-        nalSize = view.getUint16(offset);
-        offset += 2;
-        result.pps.push(new Uint8Array(data.subarray(offset, offset + nalSize)));
-        offset += nalSize;
-      }
-
-      return result;
-    },
-    btrt: function btrt(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        bufferSizeDB: view.getUint32(0),
-        maxBitrate: view.getUint32(4),
-        avgBitrate: view.getUint32(8)
-      };
-    },
-    esds: function esds(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        esId: data[6] << 8 | data[7],
-        streamPriority: data[8] & 0x1f,
-        decoderConfig: {
-          objectProfileIndication: data[11],
-          streamType: data[12] >>> 2 & 0x3f,
-          bufferSize: data[13] << 16 | data[14] << 8 | data[15],
-          maxBitrate: data[16] << 24 | data[17] << 16 | data[18] << 8 | data[19],
-          avgBitrate: data[20] << 24 | data[21] << 16 | data[22] << 8 | data[23],
-          decoderConfigDescriptor: {
-            tag: data[24],
-            length: data[25],
-            audioObjectType: data[26] >>> 3 & 0x1f,
-            samplingFrequencyIndex: (data[26] & 0x07) << 1 | data[27] >>> 7 & 0x01,
-            channelConfiguration: data[27] >>> 3 & 0x0f
-          }
-        }
-      };
-    },
-    ftyp: function ftyp(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        majorBrand: parseType(data.subarray(0, 4)),
-        minorVersion: view.getUint32(4),
-        compatibleBrands: []
-      },
-          i = 8;
-
-      while (i < data.byteLength) {
-        result.compatibleBrands.push(parseType(data.subarray(i, i + 4)));
-        i += 4;
-      }
-
-      return result;
-    },
-    dinf: function dinf(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    dref: function dref(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        dataReferences: inspectMp4(data.subarray(8))
-      };
-    },
-    hdlr: function hdlr(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4)),
-        handlerType: parseType(data.subarray(8, 12)),
-        name: ''
-      },
-          i = 8; // parse out the name field
-
-      for (i = 24; i < data.byteLength; i++) {
-        if (data[i] === 0x00) {
-          // the name field is null-terminated
-          i++;
-          break;
-        }
-
-        result.name += String.fromCharCode(data[i]);
-      } // decode UTF-8 to javascript's internal representation
-      // see http://ecmanaut.blogspot.com/2006/07/encoding-decoding-utf8-in-javascript.html
-
-
-      result.name = decodeURIComponent(escape(result.name));
-      return result;
-    },
-    mdat: function mdat(data) {
-      return {
-        byteLength: data.byteLength,
-        nals: nalParse(data)
-      };
-    },
-    mdhd: function mdhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          i = 4,
-          language,
-          result = {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4)),
-        language: ''
-      };
-
-      if (result.version === 1) {
-        i += 4;
-        result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 8;
-        result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 4;
-        result.timescale = view.getUint32(i);
-        i += 8;
-        result.duration = view.getUint32(i); // truncating top 4 bytes
-      } else {
-        result.creationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.modificationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.timescale = view.getUint32(i);
-        i += 4;
-        result.duration = view.getUint32(i);
-      }
-
-      i += 4; // language is stored as an ISO-639-2/T code in an array of three 5-bit fields
-      // each field is the packed difference between its ASCII value and 0x60
-
-      language = view.getUint16(i);
-      result.language += String.fromCharCode((language >> 10) + 0x60);
-      result.language += String.fromCharCode(((language & 0x03e0) >> 5) + 0x60);
-      result.language += String.fromCharCode((language & 0x1f) + 0x60);
-      return result;
-    },
-    mdia: function mdia(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    mfhd: function mfhd(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        sequenceNumber: data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7]
-      };
-    },
-    minf: function minf(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    // codingname, not a first-class box type. stsd entries share the
-    // same format as real boxes so the parsing infrastructure can be
-    // shared
-    mp4a: function mp4a(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        // 6 bytes reserved
-        dataReferenceIndex: view.getUint16(6),
-        // 4 + 4 bytes reserved
-        channelcount: view.getUint16(16),
-        samplesize: view.getUint16(18),
-        // 2 bytes pre_defined
-        // 2 bytes reserved
-        samplerate: view.getUint16(24) + view.getUint16(26) / 65536
-      }; // if there are more bytes to process, assume this is an ISO/IEC
-      // 14496-14 MP4AudioSampleEntry and parse the ESDBox
-
-      if (data.byteLength > 28) {
-        result.streamDescriptor = inspectMp4(data.subarray(28))[0];
-      }
-
-      return result;
-    },
-    moof: function moof(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    moov: function moov(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    mvex: function mvex(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    mvhd: function mvhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          i = 4,
-          result = {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4))
-      };
-
-      if (result.version === 1) {
-        i += 4;
-        result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 8;
-        result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 4;
-        result.timescale = view.getUint32(i);
-        i += 8;
-        result.duration = view.getUint32(i); // truncating top 4 bytes
-      } else {
-        result.creationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.modificationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.timescale = view.getUint32(i);
-        i += 4;
-        result.duration = view.getUint32(i);
-      }
-
-      i += 4; // convert fixed-point, base 16 back to a number
-
-      result.rate = view.getUint16(i) + view.getUint16(i + 2) / 16;
-      i += 4;
-      result.volume = view.getUint8(i) + view.getUint8(i + 1) / 8;
-      i += 2;
-      i += 2;
-      i += 2 * 4;
-      result.matrix = new Uint32Array(data.subarray(i, i + 9 * 4));
-      i += 9 * 4;
-      i += 6 * 4;
-      result.nextTrackId = view.getUint32(i);
-      return result;
-    },
-    pdin: function pdin(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4)),
-        rate: view.getUint32(4),
-        initialDelay: view.getUint32(8)
-      };
-    },
-    sdtp: function sdtp(data) {
-      var result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        samples: []
-      },
-          i;
-
-      for (i = 4; i < data.byteLength; i++) {
-        result.samples.push({
-          dependsOn: (data[i] & 0x30) >> 4,
-          isDependedOn: (data[i] & 0x0c) >> 2,
-          hasRedundancy: data[i] & 0x03
-        });
-      }
-
-      return result;
-    },
-    sidx: function sidx(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        references: [],
-        referenceId: view.getUint32(4),
-        timescale: view.getUint32(8),
-        earliestPresentationTime: view.getUint32(12),
-        firstOffset: view.getUint32(16)
-      },
-          referenceCount = view.getUint16(22),
-          i;
-
-      for (i = 24; referenceCount; i += 12, referenceCount--) {
-        result.references.push({
-          referenceType: (data[i] & 0x80) >>> 7,
-          referencedSize: view.getUint32(i) & 0x7FFFFFFF,
-          subsegmentDuration: view.getUint32(i + 4),
-          startsWithSap: !!(data[i + 8] & 0x80),
-          sapType: (data[i + 8] & 0x70) >>> 4,
-          sapDeltaTime: view.getUint32(i + 8) & 0x0FFFFFFF
-        });
-      }
-
-      return result;
-    },
-    smhd: function smhd(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        balance: data[4] + data[5] / 256
-      };
-    },
-    stbl: function stbl(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    stco: function stco(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        chunkOffsets: []
-      },
-          entryCount = view.getUint32(4),
-          i;
-
-      for (i = 8; entryCount; i += 4, entryCount--) {
-        result.chunkOffsets.push(view.getUint32(i));
-      }
-
-      return result;
-    },
-    stsc: function stsc(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          entryCount = view.getUint32(4),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        sampleToChunks: []
-      },
-          i;
-
-      for (i = 8; entryCount; i += 12, entryCount--) {
-        result.sampleToChunks.push({
-          firstChunk: view.getUint32(i),
-          samplesPerChunk: view.getUint32(i + 4),
-          sampleDescriptionIndex: view.getUint32(i + 8)
-        });
-      }
-
-      return result;
-    },
-    stsd: function stsd(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        sampleDescriptions: inspectMp4(data.subarray(8))
-      };
-    },
-    stsz: function stsz(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        sampleSize: view.getUint32(4),
-        entries: []
-      },
-          i;
-
-      for (i = 12; i < data.byteLength; i += 4) {
-        result.entries.push(view.getUint32(i));
-      }
-
-      return result;
-    },
-    stts: function stts(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        timeToSamples: []
-      },
-          entryCount = view.getUint32(4),
-          i;
-
-      for (i = 8; entryCount; i += 8, entryCount--) {
-        result.timeToSamples.push({
-          sampleCount: view.getUint32(i),
-          sampleDelta: view.getUint32(i + 4)
-        });
-      }
-
-      return result;
-    },
-    styp: function styp(data) {
-      return parse$1.ftyp(data);
-    },
-    tfdt: function tfdt(data) {
-      var result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        baseMediaDecodeTime: toUnsigned$1(data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7])
-      };
-
-      if (result.version === 1) {
-        result.baseMediaDecodeTime *= Math.pow(2, 32);
-        result.baseMediaDecodeTime += toUnsigned$1(data[8] << 24 | data[9] << 16 | data[10] << 8 | data[11]);
-      }
-
-      return result;
-    },
-    tfhd: function tfhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        trackId: view.getUint32(4)
-      },
-          baseDataOffsetPresent = result.flags[2] & 0x01,
-          sampleDescriptionIndexPresent = result.flags[2] & 0x02,
-          defaultSampleDurationPresent = result.flags[2] & 0x08,
-          defaultSampleSizePresent = result.flags[2] & 0x10,
-          defaultSampleFlagsPresent = result.flags[2] & 0x20,
-          durationIsEmpty = result.flags[0] & 0x010000,
-          defaultBaseIsMoof = result.flags[0] & 0x020000,
-          i;
-      i = 8;
-
-      if (baseDataOffsetPresent) {
-        i += 4; // truncate top 4 bytes
-        // FIXME: should we read the full 64 bits?
-
-        result.baseDataOffset = view.getUint32(12);
-        i += 4;
-      }
-
-      if (sampleDescriptionIndexPresent) {
-        result.sampleDescriptionIndex = view.getUint32(i);
-        i += 4;
-      }
-
-      if (defaultSampleDurationPresent) {
-        result.defaultSampleDuration = view.getUint32(i);
-        i += 4;
-      }
-
-      if (defaultSampleSizePresent) {
-        result.defaultSampleSize = view.getUint32(i);
-        i += 4;
-      }
-
-      if (defaultSampleFlagsPresent) {
-        result.defaultSampleFlags = view.getUint32(i);
-      }
-
-      if (durationIsEmpty) {
-        result.durationIsEmpty = true;
-      }
-
-      if (!baseDataOffsetPresent && defaultBaseIsMoof) {
-        result.baseDataOffsetIsMoof = true;
-      }
-
-      return result;
-    },
-    tkhd: function tkhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          i = 4,
-          result = {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4))
-      };
-
-      if (result.version === 1) {
-        i += 4;
-        result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 8;
-        result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 4;
-        result.trackId = view.getUint32(i);
-        i += 4;
-        i += 8;
-        result.duration = view.getUint32(i); // truncating top 4 bytes
-      } else {
-        result.creationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.modificationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.trackId = view.getUint32(i);
-        i += 4;
-        i += 4;
-        result.duration = view.getUint32(i);
-      }
-
-      i += 4;
-      i += 2 * 4;
-      result.layer = view.getUint16(i);
-      i += 2;
-      result.alternateGroup = view.getUint16(i);
-      i += 2; // convert fixed-point, base 16 back to a number
-
-      result.volume = view.getUint8(i) + view.getUint8(i + 1) / 8;
-      i += 2;
-      i += 2;
-      result.matrix = new Uint32Array(data.subarray(i, i + 9 * 4));
-      i += 9 * 4;
-      result.width = view.getUint16(i) + view.getUint16(i + 2) / 16;
-      i += 4;
-      result.height = view.getUint16(i) + view.getUint16(i + 2) / 16;
-      return result;
-    },
-    traf: function traf(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    trak: function trak(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    trex: function trex(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        trackId: view.getUint32(4),
-        defaultSampleDescriptionIndex: view.getUint32(8),
-        defaultSampleDuration: view.getUint32(12),
-        defaultSampleSize: view.getUint32(16),
-        sampleDependsOn: data[20] & 0x03,
-        sampleIsDependedOn: (data[21] & 0xc0) >> 6,
-        sampleHasRedundancy: (data[21] & 0x30) >> 4,
-        samplePaddingValue: (data[21] & 0x0e) >> 1,
-        sampleIsDifferenceSample: !!(data[21] & 0x01),
-        sampleDegradationPriority: view.getUint16(22)
-      };
-    },
-    trun: function trun(data) {
-      var result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        samples: []
-      },
-          view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          // Flag interpretation
-      dataOffsetPresent = result.flags[2] & 0x01,
-          // compare with 2nd byte of 0x1
-      firstSampleFlagsPresent = result.flags[2] & 0x04,
-          // compare with 2nd byte of 0x4
-      sampleDurationPresent = result.flags[1] & 0x01,
-          // compare with 2nd byte of 0x100
-      sampleSizePresent = result.flags[1] & 0x02,
-          // compare with 2nd byte of 0x200
-      sampleFlagsPresent = result.flags[1] & 0x04,
-          // compare with 2nd byte of 0x400
-      sampleCompositionTimeOffsetPresent = result.flags[1] & 0x08,
-          // compare with 2nd byte of 0x800
-      sampleCount = view.getUint32(4),
-          offset = 8,
-          sample;
-
-      if (dataOffsetPresent) {
-        // 32 bit signed integer
-        result.dataOffset = view.getInt32(offset);
-        offset += 4;
-      } // Overrides the flags for the first sample only. The order of
-      // optional values will be: duration, size, compositionTimeOffset
-
-
-      if (firstSampleFlagsPresent && sampleCount) {
-        sample = {
-          flags: parseSampleFlags(data.subarray(offset, offset + 4))
-        };
-        offset += 4;
-
-        if (sampleDurationPresent) {
-          sample.duration = view.getUint32(offset);
-          offset += 4;
-        }
-
-        if (sampleSizePresent) {
-          sample.size = view.getUint32(offset);
-          offset += 4;
-        }
-
-        if (sampleCompositionTimeOffsetPresent) {
-          // Note: this should be a signed int if version is 1
-          sample.compositionTimeOffset = view.getUint32(offset);
-          offset += 4;
-        }
-
-        result.samples.push(sample);
-        sampleCount--;
-      }
-
-      while (sampleCount--) {
-        sample = {};
-
-        if (sampleDurationPresent) {
-          sample.duration = view.getUint32(offset);
-          offset += 4;
-        }
-
-        if (sampleSizePresent) {
-          sample.size = view.getUint32(offset);
-          offset += 4;
-        }
-
-        if (sampleFlagsPresent) {
-          sample.flags = parseSampleFlags(data.subarray(offset, offset + 4));
-          offset += 4;
-        }
-
-        if (sampleCompositionTimeOffsetPresent) {
-          // Note: this should be a signed int if version is 1
-          sample.compositionTimeOffset = view.getUint32(offset);
-          offset += 4;
-        }
-
-        result.samples.push(sample);
-      }
-
-      return result;
-    },
-    'url ': function url(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4))
-      };
-    },
-    vmhd: function vmhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        graphicsmode: view.getUint16(4),
-        opcolor: new Uint16Array([view.getUint16(6), view.getUint16(8), view.getUint16(10)])
-      };
-    }
-  };
-  /**
-   * Return a javascript array of box objects parsed from an ISO base
-   * media file.
-   * @param data {Uint8Array} the binary data of the media to be inspected
-   * @return {array} a javascript array of potentially nested box objects
-   */
-
-
-  inspectMp4 = function inspectMp4(data) {
-    var i = 0,
-        result = [],
-        view,
-        size,
-        type,
-        end,
-        box; // Convert data from Uint8Array to ArrayBuffer, to follow Dataview API
-
-    var ab = new ArrayBuffer(data.length);
-    var v = new Uint8Array(ab);
-
-    for (var z = 0; z < data.length; ++z) {
-      v[z] = data[z];
-    }
-
-    view = new DataView(ab);
-
-    while (i < data.byteLength) {
-      // parse box data
-      size = view.getUint32(i);
-      type = parseType(data.subarray(i + 4, i + 8));
-      end = size > 1 ? i + size : data.byteLength; // parse type-specific data
-
-      box = (parse$1[type] || function (data) {
-        return {
-          data: data
-        };
-      })(data.subarray(i + 8, end));
-
-      box.size = size;
-      box.type = type; // store this box and move to the next
-
-      result.push(box);
-      i = end;
-    }
-
-    return result;
-  };
-  /**
-   * Returns a textual representation of the javascript represtentation
-   * of an MP4 file. You can use it as an alternative to
-   * JSON.stringify() to compare inspected MP4s.
-   * @param inspectedMp4 {array} the parsed array of boxes in an MP4
-   * file
-   * @param depth {number} (optional) the number of ancestor boxes of
-   * the elements of inspectedMp4. Assumed to be zero if unspecified.
-   * @return {string} a text representation of the parsed MP4
-   */
-
-
-  _textifyMp = function textifyMp4(inspectedMp4, depth) {
-    var indent;
-    depth = depth || 0;
-    indent = new Array(depth * 2 + 1).join(' '); // iterate over all the boxes
-
-    return inspectedMp4.map(function (box, index) {
-      // list the box type first at the current indentation level
-      return indent + box.type + '\n' + // the type is already included and handle child boxes separately
-      Object.keys(box).filter(function (key) {
-        return key !== 'type' && key !== 'boxes'; // output all the box properties
-      }).map(function (key) {
-        var prefix = indent + '  ' + key + ': ',
-            value = box[key]; // print out raw bytes as hexademical
-
-        if (value instanceof Uint8Array || value instanceof Uint32Array) {
-          var bytes = Array.prototype.slice.call(new Uint8Array(value.buffer, value.byteOffset, value.byteLength)).map(function (_byte) {
-            return ' ' + ('00' + _byte.toString(16)).slice(-2);
-          }).join('').match(/.{1,24}/g);
-
-          if (!bytes) {
-            return prefix + '<>';
-          }
-
-          if (bytes.length === 1) {
-            return prefix + '<' + bytes.join('').slice(1) + '>';
-          }
-
-          return prefix + '<\n' + bytes.map(function (line) {
-            return indent + '  ' + line;
-          }).join('\n') + '\n' + indent + '  >';
-        } // stringify generic objects
-
-
-        return prefix + JSON.stringify(value, null, 2).split('\n').map(function (line, index) {
-          if (index === 0) {
-            return line;
-          }
-
-          return indent + '  ' + line;
-        }).join('\n');
-      }).join('\n') + ( // recursively textify the child boxes
-      box.boxes ? '\n' + _textifyMp(box.boxes, depth + 1) : '');
-    }).join('\n');
-  };
-
-  var mp4Inspector = {
-    inspect: inspectMp4,
-    textify: _textifyMp,
-    parseType: parseType,
-    findBox: findBox,
-    parseTraf: parse$1.traf,
-    parseTfdt: parse$1.tfdt,
-    parseHdlr: parse$1.hdlr,
-    parseTfhd: parse$1.tfhd,
-    parseTrun: parse$1.trun,
-    parseSidx: parse$1.sidx
-  };
-
-  var toUnsigned$2 = bin.toUnsigned;
-  var toHexString$1 = bin.toHexString;
-  var timescale, startTime, compositionStartTime, getVideoTrackIds, getTracks;
-  /**
-   * Parses an MP4 initialization segment and extracts the timescale
-   * values for any declared tracks. Timescale values indicate the
-   * number of clock ticks per second to assume for time-based values
-   * elsewhere in the MP4.
-   *
-   * To determine the start time of an MP4, you need two pieces of
-   * information: the timescale unit and the earliest base media decode
-   * time. Multiple timescales can be specified within an MP4 but the
-   * base media decode time is always expressed in the timescale from
-   * the media header box for the track:
-   * ```
-   * moov > trak > mdia > mdhd.timescale
-   * ```
-   * @param init {Uint8Array} the bytes of the init segment
-   * @return {object} a hash of track ids to timescale values or null if
-   * the init segment is malformed.
-   */
-
-  timescale = function timescale(init) {
-    var result = {},
-        traks = mp4Inspector.findBox(init, ['moov', 'trak']); // mdhd timescale
-
-    return traks.reduce(function (result, trak) {
-      var tkhd, version, index, id, mdhd;
-      tkhd = mp4Inspector.findBox(trak, ['tkhd'])[0];
-
-      if (!tkhd) {
-        return null;
-      }
-
-      version = tkhd[0];
-      index = version === 0 ? 12 : 20;
-      id = toUnsigned$2(tkhd[index] << 24 | tkhd[index + 1] << 16 | tkhd[index + 2] << 8 | tkhd[index + 3]);
-      mdhd = mp4Inspector.findBox(trak, ['mdia', 'mdhd'])[0];
-
-      if (!mdhd) {
-        return null;
-      }
-
-      version = mdhd[0];
-      index = version === 0 ? 12 : 20;
-      result[id] = toUnsigned$2(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
-      return result;
-    }, result);
-  };
-  /**
-   * Determine the base media decode start time, in seconds, for an MP4
-   * fragment. If multiple fragments are specified, the earliest time is
-   * returned.
-   *
-   * The base media decode time can be parsed from track fragment
-   * metadata:
-   * ```
-   * moof > traf > tfdt.baseMediaDecodeTime
-   * ```
-   * It requires the timescale value from the mdhd to interpret.
-   *
-   * @param timescale {object} a hash of track ids to timescale values.
-   * @return {number} the earliest base media decode start time for the
-   * fragment, in seconds
-   */
-
-
-  startTime = function startTime(timescale, fragment) {
-    var trafs, baseTimes, result; // we need info from two childrend of each track fragment box
-
-    trafs = mp4Inspector.findBox(fragment, ['moof', 'traf']); // determine the start times for each track
-
-    baseTimes = [].concat.apply([], trafs.map(function (traf) {
-      return mp4Inspector.findBox(traf, ['tfhd']).map(function (tfhd) {
-        var id, scale, baseTime; // get the track id from the tfhd
-
-        id = toUnsigned$2(tfhd[4] << 24 | tfhd[5] << 16 | tfhd[6] << 8 | tfhd[7]); // assume a 90kHz clock if no timescale was specified
-
-        scale = timescale[id] || 90e3; // get the base media decode time from the tfdt
-
-        baseTime = mp4Inspector.findBox(traf, ['tfdt']).map(function (tfdt) {
-          var version, result;
-          version = tfdt[0];
-          result = toUnsigned$2(tfdt[4] << 24 | tfdt[5] << 16 | tfdt[6] << 8 | tfdt[7]);
-
-          if (version === 1) {
-            result *= Math.pow(2, 32);
-            result += toUnsigned$2(tfdt[8] << 24 | tfdt[9] << 16 | tfdt[10] << 8 | tfdt[11]);
-          }
-
-          return result;
-        })[0];
-        baseTime = baseTime || Infinity; // convert base time to seconds
-
-        return baseTime / scale;
-      });
-    })); // return the minimum
-
-    result = Math.min.apply(null, baseTimes);
-    return isFinite(result) ? result : 0;
-  };
-  /**
-   * Determine the composition start, in seconds, for an MP4
-   * fragment.
-   *
-   * The composition start time of a fragment can be calculated using the base
-   * media decode time, composition time offset, and timescale, as follows:
-   *
-   * compositionStartTime = (baseMediaDecodeTime + compositionTimeOffset) / timescale
-   *
-   * All of the aforementioned information is contained within a media fragment's
-   * `traf` box, except for timescale info, which comes from the initialization
-   * segment, so a track id (also contained within a `traf`) is also necessary to
-   * associate it with a timescale
-   *
-   *
-   * @param timescales {object} - a hash of track ids to timescale values.
-   * @param fragment {Unit8Array} - the bytes of a media segment
-   * @return {number} the composition start time for the fragment, in seconds
-   **/
-
-
-  compositionStartTime = function compositionStartTime(timescales, fragment) {
-    var trafBoxes = mp4Inspector.findBox(fragment, ['moof', 'traf']);
-    var baseMediaDecodeTime = 0;
-    var compositionTimeOffset = 0;
-    var trackId;
-
-    if (trafBoxes && trafBoxes.length) {
-      // The spec states that track run samples contained within a `traf` box are contiguous, but
-      // it does not explicitly state whether the `traf` boxes themselves are contiguous.
-      // We will assume that they are, so we only need the first to calculate start time.
-      var parsedTraf = mp4Inspector.parseTraf(trafBoxes[0]);
-
-      for (var i = 0; i < parsedTraf.boxes.length; i++) {
-        if (parsedTraf.boxes[i].type === 'tfhd') {
-          trackId = parsedTraf.boxes[i].trackId;
-        } else if (parsedTraf.boxes[i].type === 'tfdt') {
-          baseMediaDecodeTime = parsedTraf.boxes[i].baseMediaDecodeTime;
-        } else if (parsedTraf.boxes[i].type === 'trun' && parsedTraf.boxes[i].samples.length) {
-          compositionTimeOffset = parsedTraf.boxes[i].samples[0].compositionTimeOffset || 0;
-        }
-      }
-    } // Get timescale for this specific track. Assume a 90kHz clock if no timescale was
-    // specified.
-
-
-    var timescale = timescales[trackId] || 90e3; // return the composition start time, in seconds
-
-    return (baseMediaDecodeTime + compositionTimeOffset) / timescale;
-  };
-  /**
-    * Find the trackIds of the video tracks in this source.
-    * Found by parsing the Handler Reference and Track Header Boxes:
-    *   moov > trak > mdia > hdlr
-    *   moov > trak > tkhd
-    *
-    * @param {Uint8Array} init - The bytes of the init segment for this source
-    * @return {Number[]} A list of trackIds
-    *
-    * @see ISO-BMFF-12/2015, Section 8.4.3
-   **/
-
-
-  getVideoTrackIds = function getVideoTrackIds(init) {
-    var traks = mp4Inspector.findBox(init, ['moov', 'trak']);
-    var videoTrackIds = [];
-    traks.forEach(function (trak) {
-      var hdlrs = mp4Inspector.findBox(trak, ['mdia', 'hdlr']);
-      var tkhds = mp4Inspector.findBox(trak, ['tkhd']);
-      hdlrs.forEach(function (hdlr, index) {
-        var handlerType = mp4Inspector.parseType(hdlr.subarray(8, 12));
-        var tkhd = tkhds[index];
-        var view;
-        var version;
-        var trackId;
-
-        if (handlerType === 'vide') {
-          view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
-          version = view.getUint8(0);
-          trackId = version === 0 ? view.getUint32(12) : view.getUint32(20);
-          videoTrackIds.push(trackId);
-        }
-      });
-    });
-    return videoTrackIds;
-  };
-  /**
-   * Get all the video, audio, and hint tracks from a non fragmented
-   * mp4 segment
-   */
-
-
-  getTracks = function getTracks(init) {
-    var traks = mp4Inspector.findBox(init, ['moov', 'trak']);
-    var tracks = [];
-    traks.forEach(function (trak) {
-      var track = {};
-      var tkhd = mp4Inspector.findBox(trak, ['tkhd'])[0];
-      var view, version; // id
-
-      if (tkhd) {
-        view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
-        version = view.getUint8(0);
-        track.id = version === 0 ? view.getUint32(12) : view.getUint32(20);
-      }
-
-      var hdlr = mp4Inspector.findBox(trak, ['mdia', 'hdlr'])[0]; // type
-
-      if (hdlr) {
-        var type = mp4Inspector.parseType(hdlr.subarray(8, 12));
-
-        if (type === 'vide') {
-          track.type = 'video';
-        } else if (type === 'soun') {
-          track.type = 'audio';
-        } else {
-          track.type = type;
-        }
-      } // codec
-
-
-      var stsd = mp4Inspector.findBox(trak, ['mdia', 'minf', 'stbl', 'stsd'])[0];
-
-      if (stsd) {
-        var sampleDescriptions = stsd.subarray(8); // gives the codec type string
-
-        track.codec = mp4Inspector.parseType(sampleDescriptions.subarray(4, 8));
-        var codecBox = mp4Inspector.findBox(sampleDescriptions, [track.codec])[0];
-        var codecConfig, codecConfigType;
-
-        if (codecBox) {
-          // https://tools.ietf.org/html/rfc6381#section-3.3
-          if (/^[a-z]vc[1-9]$/i.test(track.codec)) {
-            // we don't need anything but the "config" parameter of the
-            // avc1 codecBox
-            codecConfig = codecBox.subarray(78);
-            codecConfigType = mp4Inspector.parseType(codecConfig.subarray(4, 8));
-
-            if (codecConfigType === 'avcC' && codecConfig.length > 11) {
-              track.codec += '.'; // left padded with zeroes for single digit hex
-              // profile idc
-
-              track.codec += toHexString$1(codecConfig[9]); // the byte containing the constraint_set flags
-
-              track.codec += toHexString$1(codecConfig[10]); // level idc
-
-              track.codec += toHexString$1(codecConfig[11]);
-            } else {
-              // TODO: show a warning that we couldn't parse the codec
-              // and are using the default
-              track.codec = 'avc1.4d400d';
-            }
-          } else if (/^mp4[a,v]$/i.test(track.codec)) {
-            // we do not need anything but the streamDescriptor of the mp4a codecBox
-            codecConfig = codecBox.subarray(28);
-            codecConfigType = mp4Inspector.parseType(codecConfig.subarray(4, 8));
-
-            if (codecConfigType === 'esds' && codecConfig.length > 20 && codecConfig[19] !== 0) {
-              track.codec += '.' + toHexString$1(codecConfig[19]); // this value is only a single digit
-
-              track.codec += '.' + toHexString$1(codecConfig[20] >>> 2 & 0x3f).replace(/^0/, '');
-            } else {
-              // TODO: show a warning that we couldn't parse the codec
-              // and are using the default
-              track.codec = 'mp4a.40.2';
-            }
-          }
-        }
-      }
-
-      var mdhd = mp4Inspector.findBox(trak, ['mdia', 'mdhd'])[0];
-
-      if (mdhd && tkhd) {
-        var index = version === 0 ? 12 : 20;
-        track.timescale = toUnsigned$2(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
-      }
-
-      tracks.push(track);
-    });
-    return tracks;
-  };
-
-  var probe = {
-    // export mp4 inspector's findBox and parseType for backwards compatibility
-    findBox: mp4Inspector.findBox,
-    parseType: mp4Inspector.parseType,
-    timescale: timescale,
-    startTime: startTime,
-    compositionStartTime: compositionStartTime,
-    videoTrackIds: getVideoTrackIds,
-    tracks: getTracks
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   *
-   * Reads in-band caption information from a video elementary
-   * stream. Captions must follow the CEA-708 standard for injection
-   * into an MPEG-2 transport streams.
-   * @see https://en.wikipedia.org/wiki/CEA-708
-   * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
-   */
-  // payload type field to indicate how they are to be
-  // interpreted. CEAS-708 caption content is always transmitted with
-  // payload type 0x04.
-
-  var USER_DATA_REGISTERED_ITU_T_T35 = 4,
-      RBSP_TRAILING_BITS = 128;
-  /**
-    * Parse a supplemental enhancement information (SEI) NAL unit.
-    * Stops parsing once a message of type ITU T T35 has been found.
-    *
-    * @param bytes {Uint8Array} the bytes of a SEI NAL unit
-    * @return {object} the parsed SEI payload
-    * @see Rec. ITU-T H.264, 7.3.2.3.1
-    */
-
-  var parseSei = function parseSei(bytes) {
-    var i = 0,
-        result = {
-      payloadType: -1,
-      payloadSize: 0
-    },
-        payloadType = 0,
-        payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
-
-    while (i < bytes.byteLength) {
-      // stop once we have hit the end of the sei_rbsp
-      if (bytes[i] === RBSP_TRAILING_BITS) {
-        break;
-      } // Parse payload type
-
-
-      while (bytes[i] === 0xFF) {
-        payloadType += 255;
-        i++;
-      }
-
-      payloadType += bytes[i++]; // Parse payload size
-
-      while (bytes[i] === 0xFF) {
-        payloadSize += 255;
-        i++;
-      }
-
-      payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
-      // there can only ever be one caption message in a frame's sei
-
-      if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
-        result.payloadType = payloadType;
-        result.payloadSize = payloadSize;
-        result.payload = bytes.subarray(i, i + payloadSize);
-        break;
-      } // skip the payload and parse the next message
-
-
-      i += payloadSize;
-      payloadType = 0;
-      payloadSize = 0;
-    }
-
-    return result;
-  }; // see ANSI/SCTE 128-1 (2013), section 8.1
-
-
-  var parseUserData = function parseUserData(sei) {
-    // itu_t_t35_contry_code must be 181 (United States) for
-    // captions
-    if (sei.payload[0] !== 181) {
-      return null;
-    } // itu_t_t35_provider_code should be 49 (ATSC) for captions
-
-
-    if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
-      return null;
-    } // the user_identifier should be "GA94" to indicate ATSC1 data
-
-
-    if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
-      return null;
-    } // finally, user_data_type_code should be 0x03 for caption data
-
-
-    if (sei.payload[7] !== 0x03) {
-      return null;
-    } // return the user_data_type_structure and strip the trailing
-    // marker bits
-
-
-    return sei.payload.subarray(8, sei.payload.length - 1);
-  }; // see CEA-708-D, section 4.4
-
-
-  var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
-    var results = [],
-        i,
-        count,
-        offset,
-        data; // if this is just filler, return immediately
-
-    if (!(userData[0] & 0x40)) {
-      return results;
-    } // parse out the cc_data_1 and cc_data_2 fields
-
-
-    count = userData[0] & 0x1f;
-
-    for (i = 0; i < count; i++) {
-      offset = i * 3;
-      data = {
-        type: userData[offset + 2] & 0x03,
-        pts: pts
-      }; // capture cc data when cc_valid is 1
-
-      if (userData[offset + 2] & 0x04) {
-        data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
-        results.push(data);
-      }
-    }
-
-    return results;
-  };
-
-  var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-    var length = data.byteLength,
-        emulationPreventionBytesPositions = [],
-        i = 1,
-        newLength,
-        newData; // Find all `Emulation Prevention Bytes`
-
-    while (i < length - 2) {
-      if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-        emulationPreventionBytesPositions.push(i + 2);
-        i += 2;
-      } else {
-        i++;
-      }
-    } // If no Emulation Prevention Bytes were found just return the original
-    // array
-
-
-    if (emulationPreventionBytesPositions.length === 0) {
-      return data;
-    } // Create a new array to hold the NAL unit data
-
-
-    newLength = length - emulationPreventionBytesPositions.length;
-    newData = new Uint8Array(newLength);
-    var sourceIndex = 0;
-
-    for (i = 0; i < newLength; sourceIndex++, i++) {
-      if (sourceIndex === emulationPreventionBytesPositions[0]) {
-        // Skip this byte
-        sourceIndex++; // Remove this position index
-
-        emulationPreventionBytesPositions.shift();
-      }
-
-      newData[i] = data[sourceIndex];
-    }
-
-    return newData;
-  }; // exports
-
-
-  var captionPacketParser = {
-    parseSei: parseSei,
-    parseUserData: parseUserData,
-    parseCaptionPackets: parseCaptionPackets,
-    discardEmulationPreventionBytes: discardEmulationPreventionBytes,
-    USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   *
-   * A lightweight readable stream implemention that handles event dispatching.
-   * Objects that inherit from streams should call init in their constructors.
-   */
-
-  var Stream$1 = function Stream() {
-    this.init = function () {
-      var listeners = {};
-      /**
-       * Add a listener for a specified event type.
-       * @param type {string} the event name
-       * @param listener {function} the callback to be invoked when an event of
-       * the specified type occurs
-       */
-
-      this.on = function (type, listener) {
-        if (!listeners[type]) {
-          listeners[type] = [];
-        }
-
-        listeners[type] = listeners[type].concat(listener);
-      };
-      /**
-       * Remove a listener for a specified event type.
-       * @param type {string} the event name
-       * @param listener {function} a function previously registered for this
-       * type of event through `on`
-       */
-
-
-      this.off = function (type, listener) {
-        var index;
-
-        if (!listeners[type]) {
-          return false;
-        }
-
-        index = listeners[type].indexOf(listener);
-        listeners[type] = listeners[type].slice();
-        listeners[type].splice(index, 1);
-        return index > -1;
-      };
-      /**
-       * Trigger an event of the specified type on this stream. Any additional
-       * arguments to this function are passed as parameters to event listeners.
-       * @param type {string} the event name
-       */
-
-
-      this.trigger = function (type) {
-        var callbacks, i, length, args;
-        callbacks = listeners[type];
-
-        if (!callbacks) {
-          return;
-        } // Slicing the arguments on every invocation of this method
-        // can add a significant amount of overhead. Avoid the
-        // intermediate object creation for the common case of a
-        // single callback argument
-
-
-        if (arguments.length === 2) {
-          length = callbacks.length;
-
-          for (i = 0; i < length; ++i) {
-            callbacks[i].call(this, arguments[1]);
-          }
-        } else {
-          args = [];
-          i = arguments.length;
-
-          for (i = 1; i < arguments.length; ++i) {
-            args.push(arguments[i]);
-          }
-
-          length = callbacks.length;
-
-          for (i = 0; i < length; ++i) {
-            callbacks[i].apply(this, args);
-          }
-        }
-      };
-      /**
-       * Destroys the stream and cleans up.
-       */
-
-
-      this.dispose = function () {
-        listeners = {};
-      };
-    };
-  };
-  /**
-   * Forwards all `data` events on this stream to the destination stream. The
-   * destination stream should provide a method `push` to receive the data
-   * events as they arrive.
-   * @param destination {stream} the stream that will receive all `data` events
-   * @param autoFlush {boolean} if false, we will not call `flush` on the destination
-   *                            when the current stream emits a 'done' event
-   * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-   */
-
-
-  Stream$1.prototype.pipe = function (destination) {
-    this.on('data', function (data) {
-      destination.push(data);
-    });
-    this.on('done', function (flushSource) {
-      destination.flush(flushSource);
-    });
-    this.on('partialdone', function (flushSource) {
-      destination.partialFlush(flushSource);
-    });
-    this.on('endedtimeline', function (flushSource) {
-      destination.endTimeline(flushSource);
-    });
-    this.on('reset', function (flushSource) {
-      destination.reset(flushSource);
-    });
-    return destination;
-  }; // Default stream functions that are expected to be overridden to perform
-  // actual work. These are provided by the prototype as a sort of no-op
-  // implementation so that we don't have to check for their existence in the
-  // `pipe` function above.
-
-
-  Stream$1.prototype.push = function (data) {
-    this.trigger('data', data);
-  };
-
-  Stream$1.prototype.flush = function (flushSource) {
-    this.trigger('done', flushSource);
-  };
-
-  Stream$1.prototype.partialFlush = function (flushSource) {
-    this.trigger('partialdone', flushSource);
-  };
-
-  Stream$1.prototype.endTimeline = function (flushSource) {
-    this.trigger('endedtimeline', flushSource);
-  };
-
-  Stream$1.prototype.reset = function (flushSource) {
-    this.trigger('reset', flushSource);
-  };
-
-  var stream = Stream$1;
-
-  // Link To Transport
-  // -----------------
-
-
-  var CaptionStream = function CaptionStream() {
-    CaptionStream.prototype.init.call(this);
-    this.captionPackets_ = [];
-    this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
-    new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
-    new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
-    new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
-    ];
-    this.reset(); // forward data and done events from CCs to this CaptionStream
-
-    this.ccStreams_.forEach(function (cc) {
-      cc.on('data', this.trigger.bind(this, 'data'));
-      cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
-      cc.on('done', this.trigger.bind(this, 'done'));
-    }, this);
-  };
-
-  CaptionStream.prototype = new stream();
-
-  CaptionStream.prototype.push = function (event) {
-    var sei, userData, newCaptionPackets; // only examine SEI NALs
-
-    if (event.nalUnitType !== 'sei_rbsp') {
-      return;
-    } // parse the sei
-
-
-    sei = captionPacketParser.parseSei(event.escapedRBSP); // ignore everything but user_data_registered_itu_t_t35
-
-    if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
-      return;
-    } // parse out the user data payload
-
-
-    userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
-
-    if (!userData) {
-      return;
-    } // Sometimes, the same segment # will be downloaded twice. To stop the
-    // caption data from being processed twice, we track the latest dts we've
-    // received and ignore everything with a dts before that. However, since
-    // data for a specific dts can be split across packets on either side of
-    // a segment boundary, we need to make sure we *don't* ignore the packets
-    // from the *next* segment that have dts === this.latestDts_. By constantly
-    // tracking the number of packets received with dts === this.latestDts_, we
-    // know how many should be ignored once we start receiving duplicates.
-
-
-    if (event.dts < this.latestDts_) {
-      // We've started getting older data, so set the flag.
-      this.ignoreNextEqualDts_ = true;
-      return;
-    } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
-      this.numSameDts_--;
-
-      if (!this.numSameDts_) {
-        // We've received the last duplicate packet, time to start processing again
-        this.ignoreNextEqualDts_ = false;
-      }
-
-      return;
-    } // parse out CC data packets and save them for later
-
-
-    newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
-    this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
-
-    if (this.latestDts_ !== event.dts) {
-      this.numSameDts_ = 0;
-    }
-
-    this.numSameDts_++;
-    this.latestDts_ = event.dts;
-  };
-
-  CaptionStream.prototype.flushCCStreams = function (flushType) {
-    this.ccStreams_.forEach(function (cc) {
-      return flushType === 'flush' ? cc.flush() : cc.partialFlush();
-    }, this);
-  };
-
-  CaptionStream.prototype.flushStream = function (flushType) {
-    // make sure we actually parsed captions before proceeding
-    if (!this.captionPackets_.length) {
-      this.flushCCStreams(flushType);
-      return;
-    } // In Chrome, the Array#sort function is not stable so add a
-    // presortIndex that we can use to ensure we get a stable-sort
-
-
-    this.captionPackets_.forEach(function (elem, idx) {
-      elem.presortIndex = idx;
-    }); // sort caption byte-pairs based on their PTS values
-
-    this.captionPackets_.sort(function (a, b) {
-      if (a.pts === b.pts) {
-        return a.presortIndex - b.presortIndex;
-      }
-
-      return a.pts - b.pts;
-    });
-    this.captionPackets_.forEach(function (packet) {
-      if (packet.type < 2) {
-        // Dispatch packet to the right Cea608Stream
-        this.dispatchCea608Packet(packet);
-      } // this is where an 'else' would go for a dispatching packets
-      // to a theoretical Cea708Stream that handles SERVICEn data
-
-    }, this);
-    this.captionPackets_.length = 0;
-    this.flushCCStreams(flushType);
-  };
-
-  CaptionStream.prototype.flush = function () {
-    return this.flushStream('flush');
-  }; // Only called if handling partial data
-
-
-  CaptionStream.prototype.partialFlush = function () {
-    return this.flushStream('partialFlush');
-  };
-
-  CaptionStream.prototype.reset = function () {
-    this.latestDts_ = null;
-    this.ignoreNextEqualDts_ = false;
-    this.numSameDts_ = 0;
-    this.activeCea608Channel_ = [null, null];
-    this.ccStreams_.forEach(function (ccStream) {
-      ccStream.reset();
-    });
-  }; // From the CEA-608 spec:
-
-  /*
-   * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
-   * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
-   * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
-   * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
-   * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
-   * to switch to captioning or Text.
-  */
-  // With that in mind, we ignore any data between an XDS control code and a
-  // subsequent closed-captioning control code.
-
-
-  CaptionStream.prototype.dispatchCea608Packet = function (packet) {
-    // NOTE: packet.type is the CEA608 field
-    if (this.setsTextOrXDSActive(packet)) {
-      this.activeCea608Channel_[packet.type] = null;
-    } else if (this.setsChannel1Active(packet)) {
-      this.activeCea608Channel_[packet.type] = 0;
-    } else if (this.setsChannel2Active(packet)) {
-      this.activeCea608Channel_[packet.type] = 1;
-    }
-
-    if (this.activeCea608Channel_[packet.type] === null) {
-      // If we haven't received anything to set the active channel, or the
-      // packets are Text/XDS data, discard the data; we don't want jumbled
-      // captions
-      return;
-    }
-
-    this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
-  };
-
-  CaptionStream.prototype.setsChannel1Active = function (packet) {
-    return (packet.ccData & 0x7800) === 0x1000;
-  };
-
-  CaptionStream.prototype.setsChannel2Active = function (packet) {
-    return (packet.ccData & 0x7800) === 0x1800;
-  };
-
-  CaptionStream.prototype.setsTextOrXDSActive = function (packet) {
-    return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
-  }; // ----------------------
-  // Session to Application
-  // ----------------------
-  // This hash maps non-ASCII, special, and extended character codes to their
-  // proper Unicode equivalent. The first keys that are only a single byte
-  // are the non-standard ASCII characters, which simply map the CEA608 byte
-  // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
-  // character codes, but have their MSB bitmasked with 0x03 so that a lookup
-  // can be performed regardless of the field and data channel on which the
-  // character code was received.
-
-
-  var CHARACTER_TRANSLATION = {
-    0x2a: 0xe1,
-    // á
-    0x5c: 0xe9,
-    // é
-    0x5e: 0xed,
-    // í
-    0x5f: 0xf3,
-    // ó
-    0x60: 0xfa,
-    // ú
-    0x7b: 0xe7,
-    // ç
-    0x7c: 0xf7,
-    // ÷
-    0x7d: 0xd1,
-    // Ñ
-    0x7e: 0xf1,
-    // ñ
-    0x7f: 0x2588,
-    // █
-    0x0130: 0xae,
-    // ®
-    0x0131: 0xb0,
-    // °
-    0x0132: 0xbd,
-    // ½
-    0x0133: 0xbf,
-    // ¿
-    0x0134: 0x2122,
-    // ™
-    0x0135: 0xa2,
-    // ¢
-    0x0136: 0xa3,
-    // £
-    0x0137: 0x266a,
-    // ♪
-    0x0138: 0xe0,
-    // à
-    0x0139: 0xa0,
-    //
-    0x013a: 0xe8,
-    // è
-    0x013b: 0xe2,
-    // â
-    0x013c: 0xea,
-    // ê
-    0x013d: 0xee,
-    // î
-    0x013e: 0xf4,
-    // ô
-    0x013f: 0xfb,
-    // û
-    0x0220: 0xc1,
-    // Á
-    0x0221: 0xc9,
-    // É
-    0x0222: 0xd3,
-    // Ó
-    0x0223: 0xda,
-    // Ú
-    0x0224: 0xdc,
-    // Ü
-    0x0225: 0xfc,
-    // ü
-    0x0226: 0x2018,
-    // ‘
-    0x0227: 0xa1,
-    // ¡
-    0x0228: 0x2a,
-    // *
-    0x0229: 0x27,
-    // '
-    0x022a: 0x2014,
-    // —
-    0x022b: 0xa9,
-    // ©
-    0x022c: 0x2120,
-    // ℠
-    0x022d: 0x2022,
-    // •
-    0x022e: 0x201c,
-    // “
-    0x022f: 0x201d,
-    // ”
-    0x0230: 0xc0,
-    // À
-    0x0231: 0xc2,
-    // Â
-    0x0232: 0xc7,
-    // Ç
-    0x0233: 0xc8,
-    // È
-    0x0234: 0xca,
-    // Ê
-    0x0235: 0xcb,
-    // Ë
-    0x0236: 0xeb,
-    // ë
-    0x0237: 0xce,
-    // Î
-    0x0238: 0xcf,
-    // Ï
-    0x0239: 0xef,
-    // ï
-    0x023a: 0xd4,
-    // Ô
-    0x023b: 0xd9,
-    // Ù
-    0x023c: 0xf9,
-    // ù
-    0x023d: 0xdb,
-    // Û
-    0x023e: 0xab,
-    // «
-    0x023f: 0xbb,
-    // »
-    0x0320: 0xc3,
-    // Ã
-    0x0321: 0xe3,
-    // ã
-    0x0322: 0xcd,
-    // Í
-    0x0323: 0xcc,
-    // Ì
-    0x0324: 0xec,
-    // ì
-    0x0325: 0xd2,
-    // Ò
-    0x0326: 0xf2,
-    // ò
-    0x0327: 0xd5,
-    // Õ
-    0x0328: 0xf5,
-    // õ
-    0x0329: 0x7b,
-    // {
-    0x032a: 0x7d,
-    // }
-    0x032b: 0x5c,
-    // \
-    0x032c: 0x5e,
-    // ^
-    0x032d: 0x5f,
-    // _
-    0x032e: 0x7c,
-    // |
-    0x032f: 0x7e,
-    // ~
-    0x0330: 0xc4,
-    // Ä
-    0x0331: 0xe4,
-    // ä
-    0x0332: 0xd6,
-    // Ö
-    0x0333: 0xf6,
-    // ö
-    0x0334: 0xdf,
-    // ß
-    0x0335: 0xa5,
-    // ¥
-    0x0336: 0xa4,
-    // ¤
-    0x0337: 0x2502,
-    // │
-    0x0338: 0xc5,
-    // Å
-    0x0339: 0xe5,
-    // å
-    0x033a: 0xd8,
-    // Ø
-    0x033b: 0xf8,
-    // ø
-    0x033c: 0x250c,
-    // ┌
-    0x033d: 0x2510,
-    // ┐
-    0x033e: 0x2514,
-    // └
-    0x033f: 0x2518 // ┘
-
-  };
-
-  var getCharFromCode = function getCharFromCode(code) {
-    if (code === null) {
-      return '';
-    }
-
-    code = CHARACTER_TRANSLATION[code] || code;
-    return String.fromCharCode(code);
-  }; // the index of the last row in a CEA-608 display buffer
-
-
-  var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
-  // getting it through bit logic.
-
-  var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
-  // cells. The "bottom" row is the last element in the outer array.
-
-  var createDisplayBuffer = function createDisplayBuffer() {
-    var result = [],
-        i = BOTTOM_ROW + 1;
-
-    while (i--) {
-      result.push('');
-    }
-
-    return result;
-  };
-
-  var Cea608Stream = function Cea608Stream(field, dataChannel) {
-    Cea608Stream.prototype.init.call(this);
-    this.field_ = field || 0;
-    this.dataChannel_ = dataChannel || 0;
-    this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
-    this.setConstants();
-    this.reset();
-
-    this.push = function (packet) {
-      var data, swap, char0, char1, text; // remove the parity bits
-
-      data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
-
-      if (data === this.lastControlCode_) {
-        this.lastControlCode_ = null;
-        return;
-      } // Store control codes
-
-
-      if ((data & 0xf000) === 0x1000) {
-        this.lastControlCode_ = data;
-      } else if (data !== this.PADDING_) {
-        this.lastControlCode_ = null;
-      }
-
-      char0 = data >>> 8;
-      char1 = data & 0xff;
-
-      if (data === this.PADDING_) {
-        return;
-      } else if (data === this.RESUME_CAPTION_LOADING_) {
-        this.mode_ = 'popOn';
-      } else if (data === this.END_OF_CAPTION_) {
-        // If an EOC is received while in paint-on mode, the displayed caption
-        // text should be swapped to non-displayed memory as if it was a pop-on
-        // caption. Because of that, we should explicitly switch back to pop-on
-        // mode
-        this.mode_ = 'popOn';
-        this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
-
-        this.flushDisplayed(packet.pts); // flip memory
-
-        swap = this.displayed_;
-        this.displayed_ = this.nonDisplayed_;
-        this.nonDisplayed_ = swap; // start measuring the time to display the caption
-
-        this.startPts_ = packet.pts;
-      } else if (data === this.ROLL_UP_2_ROWS_) {
-        this.rollUpRows_ = 2;
-        this.setRollUp(packet.pts);
-      } else if (data === this.ROLL_UP_3_ROWS_) {
-        this.rollUpRows_ = 3;
-        this.setRollUp(packet.pts);
-      } else if (data === this.ROLL_UP_4_ROWS_) {
-        this.rollUpRows_ = 4;
-        this.setRollUp(packet.pts);
-      } else if (data === this.CARRIAGE_RETURN_) {
-        this.clearFormatting(packet.pts);
-        this.flushDisplayed(packet.pts);
-        this.shiftRowsUp_();
-        this.startPts_ = packet.pts;
-      } else if (data === this.BACKSPACE_) {
-        if (this.mode_ === 'popOn') {
-          this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-        } else {
-          this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-        }
-      } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
-        this.flushDisplayed(packet.pts);
-        this.displayed_ = createDisplayBuffer();
-      } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
-        this.nonDisplayed_ = createDisplayBuffer();
-      } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
-        if (this.mode_ !== 'paintOn') {
-          // NOTE: This should be removed when proper caption positioning is
-          // implemented
-          this.flushDisplayed(packet.pts);
-          this.displayed_ = createDisplayBuffer();
-        }
-
-        this.mode_ = 'paintOn';
-        this.startPts_ = packet.pts; // Append special characters to caption text
-      } else if (this.isSpecialCharacter(char0, char1)) {
-        // Bitmask char0 so that we can apply character transformations
-        // regardless of field and data channel.
-        // Then byte-shift to the left and OR with char1 so we can pass the
-        // entire character code to `getCharFromCode`.
-        char0 = (char0 & 0x03) << 8;
-        text = getCharFromCode(char0 | char1);
-        this[this.mode_](packet.pts, text);
-        this.column_++; // Append extended characters to caption text
-      } else if (this.isExtCharacter(char0, char1)) {
-        // Extended characters always follow their "non-extended" equivalents.
-        // IE if a "è" is desired, you'll always receive "eè"; non-compliant
-        // decoders are supposed to drop the "è", while compliant decoders
-        // backspace the "e" and insert "è".
-        // Delete the previous character
-        if (this.mode_ === 'popOn') {
-          this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-        } else {
-          this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-        } // Bitmask char0 so that we can apply character transformations
-        // regardless of field and data channel.
-        // Then byte-shift to the left and OR with char1 so we can pass the
-        // entire character code to `getCharFromCode`.
-
-
-        char0 = (char0 & 0x03) << 8;
-        text = getCharFromCode(char0 | char1);
-        this[this.mode_](packet.pts, text);
-        this.column_++; // Process mid-row codes
-      } else if (this.isMidRowCode(char0, char1)) {
-        // Attributes are not additive, so clear all formatting
-        this.clearFormatting(packet.pts); // According to the standard, mid-row codes
-        // should be replaced with spaces, so add one now
-
-        this[this.mode_](packet.pts, ' ');
-        this.column_++;
-
-        if ((char1 & 0xe) === 0xe) {
-          this.addFormatting(packet.pts, ['i']);
-        }
-
-        if ((char1 & 0x1) === 0x1) {
-          this.addFormatting(packet.pts, ['u']);
-        } // Detect offset control codes and adjust cursor
-
-      } else if (this.isOffsetControlCode(char0, char1)) {
-        // Cursor position is set by indent PAC (see below) in 4-column
-        // increments, with an additional offset code of 1-3 to reach any
-        // of the 32 columns specified by CEA-608. So all we need to do
-        // here is increment the column cursor by the given offset.
-        this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
-      } else if (this.isPAC(char0, char1)) {
-        // There's no logic for PAC -> row mapping, so we have to just
-        // find the row code in an array and use its index :(
-        var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
-
-        if (this.mode_ === 'rollUp') {
-          // This implies that the base row is incorrectly set.
-          // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
-          // of roll-up rows set.
-          if (row - this.rollUpRows_ + 1 < 0) {
-            row = this.rollUpRows_ - 1;
-          }
-
-          this.setRollUp(packet.pts, row);
-        }
-
-        if (row !== this.row_) {
-          // formatting is only persistent for current row
-          this.clearFormatting(packet.pts);
-          this.row_ = row;
-        } // All PACs can apply underline, so detect and apply
-        // (All odd-numbered second bytes set underline)
-
-
-        if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
-          this.addFormatting(packet.pts, ['u']);
-        }
-
-        if ((data & 0x10) === 0x10) {
-          // We've got an indent level code. Each successive even number
-          // increments the column cursor by 4, so we can get the desired
-          // column position by bit-shifting to the right (to get n/2)
-          // and multiplying by 4.
-          this.column_ = ((data & 0xe) >> 1) * 4;
-        }
-
-        if (this.isColorPAC(char1)) {
-          // it's a color code, though we only support white, which
-          // can be either normal or italicized. white italics can be
-          // either 0x4e or 0x6e depending on the row, so we just
-          // bitwise-and with 0xe to see if italics should be turned on
-          if ((char1 & 0xe) === 0xe) {
-            this.addFormatting(packet.pts, ['i']);
-          }
-        } // We have a normal character in char0, and possibly one in char1
-
-      } else if (this.isNormalChar(char0)) {
-        if (char1 === 0x00) {
-          char1 = null;
-        }
-
-        text = getCharFromCode(char0);
-        text += getCharFromCode(char1);
-        this[this.mode_](packet.pts, text);
-        this.column_ += text.length;
-      } // finish data processing
-
-    };
-  };
-
-  Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
-  // display buffer
-
-  Cea608Stream.prototype.flushDisplayed = function (pts) {
-    var content = this.displayed_ // remove spaces from the start and end of the string
-    .map(function (row) {
-      try {
-        return row.trim();
-      } catch (e) {
-        // Ordinarily, this shouldn't happen. However, caption
-        // parsing errors should not throw exceptions and
-        // break playback.
-        // eslint-disable-next-line no-console
-        console.error('Skipping malformed caption.');
-        return '';
-      }
-    }) // combine all text rows to display in one cue
-    .join('\n') // and remove blank rows from the start and end, but not the middle
-    .replace(/^\n+|\n+$/g, '');
-
-    if (content.length) {
-      this.trigger('data', {
-        startPts: this.startPts_,
-        endPts: pts,
-        text: content,
-        stream: this.name_
-      });
-    }
-  };
-  /**
-   * Zero out the data, used for startup and on seek
-   */
-
-
-  Cea608Stream.prototype.reset = function () {
-    this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
-    // actually display captions. If a caption is shifted to a row
-    // with a lower index than this, it is cleared from the display
-    // buffer
-
-    this.topRow_ = 0;
-    this.startPts_ = 0;
-    this.displayed_ = createDisplayBuffer();
-    this.nonDisplayed_ = createDisplayBuffer();
-    this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
-
-    this.column_ = 0;
-    this.row_ = BOTTOM_ROW;
-    this.rollUpRows_ = 2; // This variable holds currently-applied formatting
-
-    this.formatting_ = [];
-  };
-  /**
-   * Sets up control code and related constants for this instance
-   */
-
-
-  Cea608Stream.prototype.setConstants = function () {
-    // The following attributes have these uses:
-    // ext_ :    char0 for mid-row codes, and the base for extended
-    //           chars (ext_+0, ext_+1, and ext_+2 are char0s for
-    //           extended codes)
-    // control_: char0 for control codes, except byte-shifted to the
-    //           left so that we can do this.control_ | CONTROL_CODE
-    // offset_:  char0 for tab offset codes
-    //
-    // It's also worth noting that control codes, and _only_ control codes,
-    // differ between field 1 and field2. Field 2 control codes are always
-    // their field 1 value plus 1. That's why there's the "| field" on the
-    // control value.
-    if (this.dataChannel_ === 0) {
-      this.BASE_ = 0x10;
-      this.EXT_ = 0x11;
-      this.CONTROL_ = (0x14 | this.field_) << 8;
-      this.OFFSET_ = 0x17;
-    } else if (this.dataChannel_ === 1) {
-      this.BASE_ = 0x18;
-      this.EXT_ = 0x19;
-      this.CONTROL_ = (0x1c | this.field_) << 8;
-      this.OFFSET_ = 0x1f;
-    } // Constants for the LSByte command codes recognized by Cea608Stream. This
-    // list is not exhaustive. For a more comprehensive listing and semantics see
-    // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
-    // Padding
-
-
-    this.PADDING_ = 0x0000; // Pop-on Mode
-
-    this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
-    this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
-
-    this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
-    this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
-    this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
-    this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
-
-    this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
-
-    this.BACKSPACE_ = this.CONTROL_ | 0x21;
-    this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
-    this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
-  };
-  /**
-   * Detects if the 2-byte packet data is a special character
-   *
-   * Special characters have a second byte in the range 0x30 to 0x3f,
-   * with the first byte being 0x11 (for data channel 1) or 0x19 (for
-   * data channel 2).
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are an special character
-   */
-
-
-  Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
-    return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
-  };
-  /**
-   * Detects if the 2-byte packet data is an extended character
-   *
-   * Extended characters have a second byte in the range 0x20 to 0x3f,
-   * with the first byte being 0x12 or 0x13 (for data channel 1) or
-   * 0x1a or 0x1b (for data channel 2).
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are an extended character
-   */
-
-
-  Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
-    return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
-  };
-  /**
-   * Detects if the 2-byte packet is a mid-row code
-   *
-   * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
-   * the first byte being 0x11 (for data channel 1) or 0x19 (for data
-   * channel 2).
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are a mid-row code
-   */
-
-
-  Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
-    return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
-  };
-  /**
-   * Detects if the 2-byte packet is an offset control code
-   *
-   * Offset control codes have a second byte in the range 0x21 to 0x23,
-   * with the first byte being 0x17 (for data channel 1) or 0x1f (for
-   * data channel 2).
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are an offset control code
-   */
-
-
-  Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
-    return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
-  };
-  /**
-   * Detects if the 2-byte packet is a Preamble Address Code
-   *
-   * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
-   * or 0x18 to 0x1f (for data channel 2), with the second byte in the
-   * range 0x40 to 0x7f.
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are a PAC
-   */
-
-
-  Cea608Stream.prototype.isPAC = function (char0, char1) {
-    return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
-  };
-  /**
-   * Detects if a packet's second byte is in the range of a PAC color code
-   *
-   * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
-   * 0x60 to 0x6f.
-   *
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the byte is a color PAC
-   */
-
-
-  Cea608Stream.prototype.isColorPAC = function (char1) {
-    return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
-  };
-  /**
-   * Detects if a single byte is in the range of a normal character
-   *
-   * Normal text bytes are in the range 0x20 to 0x7f.
-   *
-   * @param  {Integer} char  The byte
-   * @return {Boolean}       Whether the byte is a normal character
-   */
-
-
-  Cea608Stream.prototype.isNormalChar = function (_char) {
-    return _char >= 0x20 && _char <= 0x7f;
-  };
-  /**
-   * Configures roll-up
-   *
-   * @param  {Integer} pts         Current PTS
-   * @param  {Integer} newBaseRow  Used by PACs to slide the current window to
-   *                               a new position
-   */
-
-
-  Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
-    // Reset the base row to the bottom row when switching modes
-    if (this.mode_ !== 'rollUp') {
-      this.row_ = BOTTOM_ROW;
-      this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
-
-      this.flushDisplayed(pts);
-      this.nonDisplayed_ = createDisplayBuffer();
-      this.displayed_ = createDisplayBuffer();
-    }
-
-    if (newBaseRow !== undefined && newBaseRow !== this.row_) {
-      // move currently displayed captions (up or down) to the new base row
-      for (var i = 0; i < this.rollUpRows_; i++) {
-        this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
-        this.displayed_[this.row_ - i] = '';
-      }
-    }
-
-    if (newBaseRow === undefined) {
-      newBaseRow = this.row_;
-    }
-
-    this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
-  }; // Adds the opening HTML tag for the passed character to the caption text,
-  // and keeps track of it for later closing
-
-
-  Cea608Stream.prototype.addFormatting = function (pts, format) {
-    this.formatting_ = this.formatting_.concat(format);
-    var text = format.reduce(function (text, format) {
-      return text + '<' + format + '>';
-    }, '');
-    this[this.mode_](pts, text);
-  }; // Adds HTML closing tags for current formatting to caption text and
-  // clears remembered formatting
-
-
-  Cea608Stream.prototype.clearFormatting = function (pts) {
-    if (!this.formatting_.length) {
-      return;
-    }
-
-    var text = this.formatting_.reverse().reduce(function (text, format) {
-      return text + '</' + format + '>';
-    }, '');
-    this.formatting_ = [];
-    this[this.mode_](pts, text);
-  }; // Mode Implementations
-
-
-  Cea608Stream.prototype.popOn = function (pts, text) {
-    var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
-
-    baseRow += text;
-    this.nonDisplayed_[this.row_] = baseRow;
-  };
-
-  Cea608Stream.prototype.rollUp = function (pts, text) {
-    var baseRow = this.displayed_[this.row_];
-    baseRow += text;
-    this.displayed_[this.row_] = baseRow;
-  };
-
-  Cea608Stream.prototype.shiftRowsUp_ = function () {
-    var i; // clear out inactive rows
-
-    for (i = 0; i < this.topRow_; i++) {
-      this.displayed_[i] = '';
-    }
-
-    for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
-      this.displayed_[i] = '';
-    } // shift displayed rows up
-
-
-    for (i = this.topRow_; i < this.row_; i++) {
-      this.displayed_[i] = this.displayed_[i + 1];
-    } // clear out the bottom row
-
-
-    this.displayed_[this.row_] = '';
-  };
-
-  Cea608Stream.prototype.paintOn = function (pts, text) {
-    var baseRow = this.displayed_[this.row_];
-    baseRow += text;
-    this.displayed_[this.row_] = baseRow;
-  }; // exports
-
-
-  var captionStream = {
-    CaptionStream: CaptionStream,
-    Cea608Stream: Cea608Stream
-  };
-
-  var discardEmulationPreventionBytes$1 = captionPacketParser.discardEmulationPreventionBytes;
-  var CaptionStream$1 = captionStream.CaptionStream;
-  /**
-    * Maps an offset in the mdat to a sample based on the the size of the samples.
-    * Assumes that `parseSamples` has been called first.
-    *
-    * @param {Number} offset - The offset into the mdat
-    * @param {Object[]} samples - An array of samples, parsed using `parseSamples`
-    * @return {?Object} The matching sample, or null if no match was found.
-    *
-    * @see ISO-BMFF-12/2015, Section 8.8.8
-   **/
-
-  var mapToSample = function mapToSample(offset, samples) {
-    var approximateOffset = offset;
-
-    for (var i = 0; i < samples.length; i++) {
-      var sample = samples[i];
-
-      if (approximateOffset < sample.size) {
-        return sample;
-      }
-
-      approximateOffset -= sample.size;
-    }
-
-    return null;
-  };
-  /**
-    * Finds SEI nal units contained in a Media Data Box.
-    * Assumes that `parseSamples` has been called first.
-    *
-    * @param {Uint8Array} avcStream - The bytes of the mdat
-    * @param {Object[]} samples - The samples parsed out by `parseSamples`
-    * @param {Number} trackId - The trackId of this video track
-    * @return {Object[]} seiNals - the parsed SEI NALUs found.
-    *   The contents of the seiNal should match what is expected by
-    *   CaptionStream.push (nalUnitType, size, data, escapedRBSP, pts, dts)
-    *
-    * @see ISO-BMFF-12/2015, Section 8.1.1
-    * @see Rec. ITU-T H.264, 7.3.2.3.1
-   **/
-
-
-  var findSeiNals = function findSeiNals(avcStream, samples, trackId) {
-    var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),
-        result = [],
-        seiNal,
-        i,
-        length,
-        lastMatchedSample;
-
-    for (i = 0; i + 4 < avcStream.length; i += length) {
-      length = avcView.getUint32(i);
-      i += 4; // Bail if this doesn't appear to be an H264 stream
-
-      if (length <= 0) {
-        continue;
-      }
-
-      switch (avcStream[i] & 0x1F) {
-        case 0x06:
-          var data = avcStream.subarray(i + 1, i + 1 + length);
-          var matchingSample = mapToSample(i, samples);
-          seiNal = {
-            nalUnitType: 'sei_rbsp',
-            size: length,
-            data: data,
-            escapedRBSP: discardEmulationPreventionBytes$1(data),
-            trackId: trackId
-          };
-
-          if (matchingSample) {
-            seiNal.pts = matchingSample.pts;
-            seiNal.dts = matchingSample.dts;
-            lastMatchedSample = matchingSample;
-          } else {
-            // If a matching sample cannot be found, use the last
-            // sample's values as they should be as close as possible
-            seiNal.pts = lastMatchedSample.pts;
-            seiNal.dts = lastMatchedSample.dts;
-          }
-
-          result.push(seiNal);
-          break;
-
-        default:
-          break;
-      }
-    }
-
-    return result;
-  };
-  /**
-    * Parses sample information out of Track Run Boxes and calculates
-    * the absolute presentation and decode timestamps of each sample.
-    *
-    * @param {Array<Uint8Array>} truns - The Trun Run boxes to be parsed
-    * @param {Number} baseMediaDecodeTime - base media decode time from tfdt
-        @see ISO-BMFF-12/2015, Section 8.8.12
-    * @param {Object} tfhd - The parsed Track Fragment Header
-    *   @see inspect.parseTfhd
-    * @return {Object[]} the parsed samples
-    *
-    * @see ISO-BMFF-12/2015, Section 8.8.8
-   **/
-
-
-  var parseSamples = function parseSamples(truns, baseMediaDecodeTime, tfhd) {
-    var currentDts = baseMediaDecodeTime;
-    var defaultSampleDuration = tfhd.defaultSampleDuration || 0;
-    var defaultSampleSize = tfhd.defaultSampleSize || 0;
-    var trackId = tfhd.trackId;
-    var allSamples = [];
-    truns.forEach(function (trun) {
-      // Note: We currently do not parse the sample table as well
-      // as the trun. It's possible some sources will require this.
-      // moov > trak > mdia > minf > stbl
-      var trackRun = mp4Inspector.parseTrun(trun);
-      var samples = trackRun.samples;
-      samples.forEach(function (sample) {
-        if (sample.duration === undefined) {
-          sample.duration = defaultSampleDuration;
-        }
-
-        if (sample.size === undefined) {
-          sample.size = defaultSampleSize;
-        }
-
-        sample.trackId = trackId;
-        sample.dts = currentDts;
-
-        if (sample.compositionTimeOffset === undefined) {
-          sample.compositionTimeOffset = 0;
-        }
-
-        sample.pts = currentDts + sample.compositionTimeOffset;
-        currentDts += sample.duration;
-      });
-      allSamples = allSamples.concat(samples);
-    });
-    return allSamples;
-  };
-  /**
-    * Parses out caption nals from an FMP4 segment's video tracks.
-    *
-    * @param {Uint8Array} segment - The bytes of a single segment
-    * @param {Number} videoTrackId - The trackId of a video track in the segment
-    * @return {Object.<Number, Object[]>} A mapping of video trackId to
-    *   a list of seiNals found in that track
-   **/
-
-
-  var parseCaptionNals = function parseCaptionNals(segment, videoTrackId) {
-    // To get the samples
-    var trafs = probe.findBox(segment, ['moof', 'traf']); // To get SEI NAL units
-
-    var mdats = probe.findBox(segment, ['mdat']);
-    var captionNals = {};
-    var mdatTrafPairs = []; // Pair up each traf with a mdat as moofs and mdats are in pairs
-
-    mdats.forEach(function (mdat, index) {
-      var matchingTraf = trafs[index];
-      mdatTrafPairs.push({
-        mdat: mdat,
-        traf: matchingTraf
-      });
-    });
-    mdatTrafPairs.forEach(function (pair) {
-      var mdat = pair.mdat;
-      var traf = pair.traf;
-      var tfhd = probe.findBox(traf, ['tfhd']); // Exactly 1 tfhd per traf
-
-      var headerInfo = mp4Inspector.parseTfhd(tfhd[0]);
-      var trackId = headerInfo.trackId;
-      var tfdt = probe.findBox(traf, ['tfdt']); // Either 0 or 1 tfdt per traf
-
-      var baseMediaDecodeTime = tfdt.length > 0 ? mp4Inspector.parseTfdt(tfdt[0]).baseMediaDecodeTime : 0;
-      var truns = probe.findBox(traf, ['trun']);
-      var samples;
-      var seiNals; // Only parse video data for the chosen video track
-
-      if (videoTrackId === trackId && truns.length > 0) {
-        samples = parseSamples(truns, baseMediaDecodeTime, headerInfo);
-        seiNals = findSeiNals(mdat, samples, trackId);
-
-        if (!captionNals[trackId]) {
-          captionNals[trackId] = [];
-        }
-
-        captionNals[trackId] = captionNals[trackId].concat(seiNals);
-      }
-    });
-    return captionNals;
-  };
-  /**
-    * Parses out inband captions from an MP4 container and returns
-    * caption objects that can be used by WebVTT and the TextTrack API.
-    * @see https://developer.mozilla.org/en-US/docs/Web/API/VTTCue
-    * @see https://developer.mozilla.org/en-US/docs/Web/API/TextTrack
-    * Assumes that `probe.getVideoTrackIds` and `probe.timescale` have been called first
-    *
-    * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
-    * @param {Number} trackId - The id of the video track to parse
-    * @param {Number} timescale - The timescale for the video track from the init segment
-    *
-    * @return {?Object[]} parsedCaptions - A list of captions or null if no video tracks
-    * @return {Number} parsedCaptions[].startTime - The time to show the caption in seconds
-    * @return {Number} parsedCaptions[].endTime - The time to stop showing the caption in seconds
-    * @return {String} parsedCaptions[].text - The visible content of the caption
-   **/
-
-
-  var parseEmbeddedCaptions = function parseEmbeddedCaptions(segment, trackId, timescale) {
-    var seiNals; // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
-
-    if (trackId === null) {
-      return null;
-    }
-
-    seiNals = parseCaptionNals(segment, trackId);
-    return {
-      seiNals: seiNals[trackId],
-      timescale: timescale
-    };
-  };
-  /**
-    * Converts SEI NALUs into captions that can be used by video.js
-   **/
-
-
-  var CaptionParser = function CaptionParser() {
-    var isInitialized = false;
-    var captionStream; // Stores segments seen before trackId and timescale are set
-
-    var segmentCache; // Stores video track ID of the track being parsed
-
-    var trackId; // Stores the timescale of the track being parsed
-
-    var timescale; // Stores captions parsed so far
-
-    var parsedCaptions; // Stores whether we are receiving partial data or not
-
-    var parsingPartial;
-    /**
-      * A method to indicate whether a CaptionParser has been initalized
-      * @returns {Boolean}
-     **/
-
-    this.isInitialized = function () {
-      return isInitialized;
-    };
-    /**
-      * Initializes the underlying CaptionStream, SEI NAL parsing
-      * and management, and caption collection
-     **/
-
-
-    this.init = function (options) {
-      captionStream = new CaptionStream$1();
-      isInitialized = true;
-      parsingPartial = options ? options.isPartial : false; // Collect dispatched captions
-
-      captionStream.on('data', function (event) {
-        // Convert to seconds in the source's timescale
-        event.startTime = event.startPts / timescale;
-        event.endTime = event.endPts / timescale;
-        parsedCaptions.captions.push(event);
-        parsedCaptions.captionStreams[event.stream] = true;
-      });
-    };
-    /**
-      * Determines if a new video track will be selected
-      * or if the timescale changed
-      * @return {Boolean}
-     **/
-
-
-    this.isNewInit = function (videoTrackIds, timescales) {
-      if (videoTrackIds && videoTrackIds.length === 0 || timescales && typeof timescales === 'object' && Object.keys(timescales).length === 0) {
-        return false;
-      }
-
-      return trackId !== videoTrackIds[0] || timescale !== timescales[trackId];
-    };
-    /**
-      * Parses out SEI captions and interacts with underlying
-      * CaptionStream to return dispatched captions
-      *
-      * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
-      * @param {Number[]} videoTrackIds - A list of video tracks found in the init segment
-      * @param {Object.<Number, Number>} timescales - The timescales found in the init segment
-      * @see parseEmbeddedCaptions
-      * @see m2ts/caption-stream.js
-     **/
-
-
-    this.parse = function (segment, videoTrackIds, timescales) {
-      var parsedData;
-
-      if (!this.isInitialized()) {
-        return null; // This is not likely to be a video segment
-      } else if (!videoTrackIds || !timescales) {
-        return null;
-      } else if (this.isNewInit(videoTrackIds, timescales)) {
-        // Use the first video track only as there is no
-        // mechanism to switch to other video tracks
-        trackId = videoTrackIds[0];
-        timescale = timescales[trackId]; // If an init segment has not been seen yet, hold onto segment
-        // data until we have one.
-        // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
-      } else if (trackId === null || !timescale) {
-        segmentCache.push(segment);
-        return null;
-      } // Now that a timescale and trackId is set, parse cached segments
-
-
-      while (segmentCache.length > 0) {
-        var cachedSegment = segmentCache.shift();
-        this.parse(cachedSegment, videoTrackIds, timescales);
-      }
-
-      parsedData = parseEmbeddedCaptions(segment, trackId, timescale);
-
-      if (parsedData === null || !parsedData.seiNals) {
-        return null;
-      }
-
-      this.pushNals(parsedData.seiNals); // Force the parsed captions to be dispatched
-
-      this.flushStream();
-      return parsedCaptions;
-    };
-    /**
-      * Pushes SEI NALUs onto CaptionStream
-      * @param {Object[]} nals - A list of SEI nals parsed using `parseCaptionNals`
-      * Assumes that `parseCaptionNals` has been called first
-      * @see m2ts/caption-stream.js
-      **/
-
-
-    this.pushNals = function (nals) {
-      if (!this.isInitialized() || !nals || nals.length === 0) {
-        return null;
-      }
-
-      nals.forEach(function (nal) {
-        captionStream.push(nal);
-      });
-    };
-    /**
-      * Flushes underlying CaptionStream to dispatch processed, displayable captions
-      * @see m2ts/caption-stream.js
-     **/
-
-
-    this.flushStream = function () {
-      if (!this.isInitialized()) {
-        return null;
-      }
-
-      if (!parsingPartial) {
-        captionStream.flush();
-      } else {
-        captionStream.partialFlush();
-      }
-    };
-    /**
-      * Reset caption buckets for new data
-     **/
-
-
-    this.clearParsedCaptions = function () {
-      parsedCaptions.captions = [];
-      parsedCaptions.captionStreams = {};
-    };
-    /**
-      * Resets underlying CaptionStream
-      * @see m2ts/caption-stream.js
-     **/
-
-
-    this.resetCaptionStream = function () {
-      if (!this.isInitialized()) {
-        return null;
-      }
-
-      captionStream.reset();
-    };
-    /**
-      * Convenience method to clear all captions flushed from the
-      * CaptionStream and still being parsed
-      * @see m2ts/caption-stream.js
-     **/
-
-
-    this.clearAllCaptions = function () {
-      this.clearParsedCaptions();
-      this.resetCaptionStream();
-    };
-    /**
-      * Reset caption parser
-     **/
-
-
-    this.reset = function () {
-      segmentCache = [];
-      trackId = null;
-      timescale = null;
-
-      if (!parsedCaptions) {
-        parsedCaptions = {
-          captions: [],
-          // CC1, CC2, CC3, CC4
-          captionStreams: {}
-        };
-      } else {
-        this.clearParsedCaptions();
-      }
-
-      this.resetCaptionStream();
-    };
-
-    this.reset();
-  };
-
-  var captionParser = CaptionParser;
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   */
-
-  var streamTypes = {
-    H264_STREAM_TYPE: 0x1B,
-    ADTS_STREAM_TYPE: 0x0F,
-    METADATA_STREAM_TYPE: 0x15
-  };
-
-  var MAX_TS = 8589934592;
-  var RO_THRESH = 4294967296;
-  var TYPE_SHARED = 'shared';
-
-  var handleRollover = function handleRollover(value, reference) {
-    var direction = 1;
-
-    if (value > reference) {
-      // If the current timestamp value is greater than our reference timestamp and we detect a
-      // timestamp rollover, this means the roll over is happening in the opposite direction.
-      // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
-      // point will be set to a small number, e.g. 1. The user then seeks backwards over the
-      // rollover point. In loading this segment, the timestamp values will be very large,
-      // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
-      // the time stamp to be `value - 2^33`.
-      direction = -1;
-    } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
-    // cause an incorrect adjustment.
-
-
-    while (Math.abs(reference - value) > RO_THRESH) {
-      value += direction * MAX_TS;
-    }
-
-    return value;
-  };
-
-  var TimestampRolloverStream = function TimestampRolloverStream(type) {
-    var lastDTS, referenceDTS;
-    TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
-    // video and audio. We could use `undefined` here, but having a string
-    // makes debugging a little clearer.
-
-    this.type_ = type || TYPE_SHARED;
-
-    this.push = function (data) {
-      // Any "shared" rollover streams will accept _all_ data. Otherwise,
-      // streams will only accept data that matches their type.
-      if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
-        return;
-      }
-
-      if (referenceDTS === undefined) {
-        referenceDTS = data.dts;
-      }
-
-      data.dts = handleRollover(data.dts, referenceDTS);
-      data.pts = handleRollover(data.pts, referenceDTS);
-      lastDTS = data.dts;
-      this.trigger('data', data);
-    };
-
-    this.flush = function () {
-      referenceDTS = lastDTS;
-      this.trigger('done');
-    };
-
-    this.endTimeline = function () {
-      this.flush();
-      this.trigger('endedtimeline');
-    };
-
-    this.discontinuity = function () {
-      referenceDTS = void 0;
-      lastDTS = void 0;
-    };
-
-    this.reset = function () {
-      this.discontinuity();
-      this.trigger('reset');
-    };
-  };
-
-  TimestampRolloverStream.prototype = new stream();
-  var timestampRolloverStream = {
-    TimestampRolloverStream: TimestampRolloverStream,
-    handleRollover: handleRollover
-  };
-
-  var parsePid = function parsePid(packet) {
-    var pid = packet[1] & 0x1f;
-    pid <<= 8;
-    pid |= packet[2];
-    return pid;
-  };
-
-  var parsePayloadUnitStartIndicator = function parsePayloadUnitStartIndicator(packet) {
-    return !!(packet[1] & 0x40);
-  };
-
-  var parseAdaptionField = function parseAdaptionField(packet) {
-    var offset = 0; // if an adaption field is present, its length is specified by the
-    // fifth byte of the TS packet header. The adaptation field is
-    // used to add stuffing to PES packets that don't fill a complete
-    // TS packet, and to specify some forms of timing and control data
-    // that we do not currently use.
-
-    if ((packet[3] & 0x30) >>> 4 > 0x01) {
-      offset += packet[4] + 1;
-    }
-
-    return offset;
-  };
-
-  var parseType$1 = function parseType(packet, pmtPid) {
-    var pid = parsePid(packet);
-
-    if (pid === 0) {
-      return 'pat';
-    } else if (pid === pmtPid) {
-      return 'pmt';
-    } else if (pmtPid) {
-      return 'pes';
-    }
-
-    return null;
-  };
-
-  var parsePat = function parsePat(packet) {
-    var pusi = parsePayloadUnitStartIndicator(packet);
-    var offset = 4 + parseAdaptionField(packet);
-
-    if (pusi) {
-      offset += packet[offset] + 1;
-    }
-
-    return (packet[offset + 10] & 0x1f) << 8 | packet[offset + 11];
-  };
-
-  var parsePmt = function parsePmt(packet) {
-    var programMapTable = {};
-    var pusi = parsePayloadUnitStartIndicator(packet);
-    var payloadOffset = 4 + parseAdaptionField(packet);
-
-    if (pusi) {
-      payloadOffset += packet[payloadOffset] + 1;
-    } // PMTs can be sent ahead of the time when they should actually
-    // take effect. We don't believe this should ever be the case
-    // for HLS but we'll ignore "forward" PMT declarations if we see
-    // them. Future PMT declarations have the current_next_indicator
-    // set to zero.
-
-
-    if (!(packet[payloadOffset + 5] & 0x01)) {
-      return;
-    }
-
-    var sectionLength, tableEnd, programInfoLength; // the mapping table ends at the end of the current section
-
-    sectionLength = (packet[payloadOffset + 1] & 0x0f) << 8 | packet[payloadOffset + 2];
-    tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
-    // long the program info descriptors are
-
-    programInfoLength = (packet[payloadOffset + 10] & 0x0f) << 8 | packet[payloadOffset + 11]; // advance the offset to the first entry in the mapping table
-
-    var offset = 12 + programInfoLength;
-
-    while (offset < tableEnd) {
-      var i = payloadOffset + offset; // add an entry that maps the elementary_pid to the stream_type
-
-      programMapTable[(packet[i + 1] & 0x1F) << 8 | packet[i + 2]] = packet[i]; // move to the next table entry
-      // skip past the elementary stream descriptors, if present
-
-      offset += ((packet[i + 3] & 0x0F) << 8 | packet[i + 4]) + 5;
-    }
-
-    return programMapTable;
-  };
-
-  var parsePesType = function parsePesType(packet, programMapTable) {
-    var pid = parsePid(packet);
-    var type = programMapTable[pid];
-
-    switch (type) {
-      case streamTypes.H264_STREAM_TYPE:
-        return 'video';
-
-      case streamTypes.ADTS_STREAM_TYPE:
-        return 'audio';
-
-      case streamTypes.METADATA_STREAM_TYPE:
-        return 'timed-metadata';
-
-      default:
-        return null;
-    }
-  };
-
-  var parsePesTime = function parsePesTime(packet) {
-    var pusi = parsePayloadUnitStartIndicator(packet);
-
-    if (!pusi) {
-      return null;
-    }
-
-    var offset = 4 + parseAdaptionField(packet);
-
-    if (offset >= packet.byteLength) {
-      // From the H 222.0 MPEG-TS spec
-      // "For transport stream packets carrying PES packets, stuffing is needed when there
-      //  is insufficient PES packet data to completely fill the transport stream packet
-      //  payload bytes. Stuffing is accomplished by defining an adaptation field longer than
-      //  the sum of the lengths of the data elements in it, so that the payload bytes
-      //  remaining after the adaptation field exactly accommodates the available PES packet
-      //  data."
-      //
-      // If the offset is >= the length of the packet, then the packet contains no data
-      // and instead is just adaption field stuffing bytes
-      return null;
-    }
-
-    var pes = null;
-    var ptsDtsFlags; // PES packets may be annotated with a PTS value, or a PTS value
-    // and a DTS value. Determine what combination of values is
-    // available to work with.
-
-    ptsDtsFlags = packet[offset + 7]; // PTS and DTS are normally stored as a 33-bit number.  Javascript
-    // performs all bitwise operations on 32-bit integers but javascript
-    // supports a much greater range (52-bits) of integer using standard
-    // mathematical operations.
-    // We construct a 31-bit value using bitwise operators over the 31
-    // most significant bits and then multiply by 4 (equal to a left-shift
-    // of 2) before we add the final 2 least significant bits of the
-    // timestamp (equal to an OR.)
-
-    if (ptsDtsFlags & 0xC0) {
-      pes = {}; // the PTS and DTS are not written out directly. For information
-      // on how they are encoded, see
-      // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
-
-      pes.pts = (packet[offset + 9] & 0x0E) << 27 | (packet[offset + 10] & 0xFF) << 20 | (packet[offset + 11] & 0xFE) << 12 | (packet[offset + 12] & 0xFF) << 5 | (packet[offset + 13] & 0xFE) >>> 3;
-      pes.pts *= 4; // Left shift by 2
-
-      pes.pts += (packet[offset + 13] & 0x06) >>> 1; // OR by the two LSBs
-
-      pes.dts = pes.pts;
-
-      if (ptsDtsFlags & 0x40) {
-        pes.dts = (packet[offset + 14] & 0x0E) << 27 | (packet[offset + 15] & 0xFF) << 20 | (packet[offset + 16] & 0xFE) << 12 | (packet[offset + 17] & 0xFF) << 5 | (packet[offset + 18] & 0xFE) >>> 3;
-        pes.dts *= 4; // Left shift by 2
-
-        pes.dts += (packet[offset + 18] & 0x06) >>> 1; // OR by the two LSBs
-      }
-    }
-
-    return pes;
-  };
-
-  var parseNalUnitType = function parseNalUnitType(type) {
-    switch (type) {
-      case 0x05:
-        return 'slice_layer_without_partitioning_rbsp_idr';
-
-      case 0x06:
-        return 'sei_rbsp';
-
-      case 0x07:
-        return 'seq_parameter_set_rbsp';
-
-      case 0x08:
-        return 'pic_parameter_set_rbsp';
-
-      case 0x09:
-        return 'access_unit_delimiter_rbsp';
-
-      default:
-        return null;
-    }
-  };
-
-  var videoPacketContainsKeyFrame = function videoPacketContainsKeyFrame(packet) {
-    var offset = 4 + parseAdaptionField(packet);
-    var frameBuffer = packet.subarray(offset);
-    var frameI = 0;
-    var frameSyncPoint = 0;
-    var foundKeyFrame = false;
-    var nalType; // advance the sync point to a NAL start, if necessary
-
-    for (; frameSyncPoint < frameBuffer.byteLength - 3; frameSyncPoint++) {
-      if (frameBuffer[frameSyncPoint + 2] === 1) {
-        // the sync point is properly aligned
-        frameI = frameSyncPoint + 5;
-        break;
-      }
-    }
-
-    while (frameI < frameBuffer.byteLength) {
-      // look at the current byte to determine if we've hit the end of
-      // a NAL unit boundary
-      switch (frameBuffer[frameI]) {
-        case 0:
-          // skip past non-sync sequences
-          if (frameBuffer[frameI - 1] !== 0) {
-            frameI += 2;
-            break;
-          } else if (frameBuffer[frameI - 2] !== 0) {
-            frameI++;
-            break;
-          }
-
-          if (frameSyncPoint + 3 !== frameI - 2) {
-            nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
-
-            if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
-              foundKeyFrame = true;
-            }
-          } // drop trailing zeroes
-
-
-          do {
-            frameI++;
-          } while (frameBuffer[frameI] !== 1 && frameI < frameBuffer.length);
-
-          frameSyncPoint = frameI - 2;
-          frameI += 3;
-          break;
-
-        case 1:
-          // skip past non-sync sequences
-          if (frameBuffer[frameI - 1] !== 0 || frameBuffer[frameI - 2] !== 0) {
-            frameI += 3;
-            break;
-          }
-
-          nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
-
-          if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
-            foundKeyFrame = true;
-          }
-
-          frameSyncPoint = frameI - 2;
-          frameI += 3;
-          break;
-
-        default:
-          // the current byte isn't a one or zero, so it cannot be part
-          // of a sync sequence
-          frameI += 3;
-          break;
-      }
-    }
-
-    frameBuffer = frameBuffer.subarray(frameSyncPoint);
-    frameI -= frameSyncPoint;
-    frameSyncPoint = 0; // parse the final nal
-
-    if (frameBuffer && frameBuffer.byteLength > 3) {
-      nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
-
-      if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
-        foundKeyFrame = true;
-      }
-    }
-
-    return foundKeyFrame;
-  };
-
-  var probe$1 = {
-    parseType: parseType$1,
-    parsePat: parsePat,
-    parsePmt: parsePmt,
-    parsePayloadUnitStartIndicator: parsePayloadUnitStartIndicator,
-    parsePesType: parsePesType,
-    parsePesTime: parsePesTime,
-    videoPacketContainsKeyFrame: videoPacketContainsKeyFrame
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   *
-   * Utilities to detect basic properties and metadata about Aac data.
-   */
-
-  var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-
-  var isLikelyAacData = function isLikelyAacData(data) {
-    if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
-      return true;
-    }
-
-    return false;
-  };
-
-  var parseSyncSafeInteger = function parseSyncSafeInteger(data) {
-    return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-  }; // return a percent-encoded representation of the specified byte range
-  // @see http://en.wikipedia.org/wiki/Percent-encoding
-
-
-  var percentEncode = function percentEncode(bytes, start, end) {
-    var i,
-        result = '';
-
-    for (i = start; i < end; i++) {
-      result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-    }
-
-    return result;
-  }; // return the string representation of the specified byte range,
-  // interpreted as ISO-8859-1.
-
-
-  var parseIso88591 = function parseIso88591(bytes, start, end) {
-    return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
-  };
-
-  var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
-    var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
-        flags = header[byteIndex + 5],
-        footerPresent = (flags & 16) >> 4;
-
-    if (footerPresent) {
-      return returnSize + 20;
-    }
-
-    return returnSize + 10;
-  };
-
-  var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
-    var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
-        middle = header[byteIndex + 4] << 3,
-        highTwo = header[byteIndex + 3] & 0x3 << 11;
-    return highTwo | middle | lowThree;
-  };
-
-  var parseType$2 = function parseType(header, byteIndex) {
-    if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
-      return 'timed-metadata';
-    } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
-      return 'audio';
-    }
-
-    return null;
-  };
-
-  var parseSampleRate = function parseSampleRate(packet) {
-    var i = 0;
-
-    while (i + 5 < packet.length) {
-      if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
-        // If a valid header was not found,  jump one forward and attempt to
-        // find a valid ADTS header starting at the next byte
-        i++;
-        continue;
-      }
-
-      return ADTS_SAMPLING_FREQUENCIES[(packet[i + 2] & 0x3c) >>> 2];
-    }
-
-    return null;
-  };
-
-  var parseAacTimestamp = function parseAacTimestamp(packet) {
-    var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
-
-    frameStart = 10;
-
-    if (packet[5] & 0x40) {
-      // advance the frame start past the extended header
-      frameStart += 4; // header size field
-
-      frameStart += parseSyncSafeInteger(packet.subarray(10, 14));
-    } // parse one or more ID3 frames
-    // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-    do {
-      // determine the number of bytes in this frame
-      frameSize = parseSyncSafeInteger(packet.subarray(frameStart + 4, frameStart + 8));
-
-      if (frameSize < 1) {
-        return null;
-      }
-
-      frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
-
-      if (frameHeader === 'PRIV') {
-        frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
-
-        for (var i = 0; i < frame.byteLength; i++) {
-          if (frame[i] === 0) {
-            var owner = parseIso88591(frame, 0, i);
-
-            if (owner === 'com.apple.streaming.transportStreamTimestamp') {
-              var d = frame.subarray(i + 1);
-              var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-              size *= 4;
-              size += d[7] & 0x03;
-              return size;
-            }
-
-            break;
-          }
-        }
-      }
-
-      frameStart += 10; // advance past the frame header
-
-      frameStart += frameSize; // advance past the frame body
-    } while (frameStart < packet.byteLength);
-
-    return null;
-  };
-
-  var utils = {
-    isLikelyAacData: isLikelyAacData,
-    parseId3TagSize: parseId3TagSize,
-    parseAdtsSize: parseAdtsSize,
-    parseType: parseType$2,
-    parseSampleRate: parseSampleRate,
-    parseAacTimestamp: parseAacTimestamp
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   */
-  var ONE_SECOND_IN_TS = 90000,
-      // 90kHz clock
-  secondsToVideoTs,
-      secondsToAudioTs,
-      videoTsToSeconds,
-      audioTsToSeconds,
-      audioTsToVideoTs,
-      videoTsToAudioTs,
-      metadataTsToSeconds;
-
-  secondsToVideoTs = function secondsToVideoTs(seconds) {
-    return seconds * ONE_SECOND_IN_TS;
-  };
-
-  secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
-    return seconds * sampleRate;
-  };
-
-  videoTsToSeconds = function videoTsToSeconds(timestamp) {
-    return timestamp / ONE_SECOND_IN_TS;
-  };
-
-  audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
-    return timestamp / sampleRate;
-  };
-
-  audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
-    return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
-  };
-
-  videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
-    return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
-  };
-  /**
-   * Adjust ID3 tag or caption timing information by the timeline pts values
-   * (if keepOriginalTimestamps is false) and convert to seconds
-   */
-
-
-  metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
-    return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
-  };
-
-  var clock = {
-    ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
-    secondsToVideoTs: secondsToVideoTs,
-    secondsToAudioTs: secondsToAudioTs,
-    videoTsToSeconds: videoTsToSeconds,
-    audioTsToSeconds: audioTsToSeconds,
-    audioTsToVideoTs: audioTsToVideoTs,
-    videoTsToAudioTs: videoTsToAudioTs,
-    metadataTsToSeconds: metadataTsToSeconds
-  };
-
-  var handleRollover$1 = timestampRolloverStream.handleRollover;
-  var probe$2 = {};
-  probe$2.ts = probe$1;
-  probe$2.aac = utils;
-  var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS;
-  var MP2T_PACKET_LENGTH = 188,
-      // bytes
-  SYNC_BYTE = 0x47;
-  /**
-   * walks through segment data looking for pat and pmt packets to parse out
-   * program map table information
-   */
-
-  var parsePsi_ = function parsePsi_(bytes, pmt) {
-    var startIndex = 0,
-        endIndex = MP2T_PACKET_LENGTH,
-        packet,
-        type;
-
-    while (endIndex < bytes.byteLength) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pat':
-            if (!pmt.pid) {
-              pmt.pid = probe$2.ts.parsePat(packet);
-            }
-
-            break;
-
-          case 'pmt':
-            if (!pmt.table) {
-              pmt.table = probe$2.ts.parsePmt(packet);
-            }
-
-            break;
-
-          default:
-            break;
-        } // Found the pat and pmt, we can stop walking the segment
-
-
-        if (pmt.pid && pmt.table) {
-          return;
-        }
-
-        startIndex += MP2T_PACKET_LENGTH;
-        endIndex += MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex++;
-      endIndex++;
-    }
-  };
-  /**
-   * walks through the segment data from the start and end to get timing information
-   * for the first and last audio pes packets
-   */
-
-
-  var parseAudioPes_ = function parseAudioPes_(bytes, pmt, result) {
-    var startIndex = 0,
-        endIndex = MP2T_PACKET_LENGTH,
-        packet,
-        type,
-        pesType,
-        pusi,
-        parsed;
-    var endLoop = false; // Start walking from start of segment to get first audio packet
-
-    while (endIndex <= bytes.byteLength) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pes':
-            pesType = probe$2.ts.parsePesType(packet, pmt.table);
-            pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
-
-            if (pesType === 'audio' && pusi) {
-              parsed = probe$2.ts.parsePesTime(packet);
-
-              if (parsed) {
-                parsed.type = 'audio';
-                result.audio.push(parsed);
-                endLoop = true;
-              }
-            }
-
-            break;
-
-          default:
-            break;
-        }
-
-        if (endLoop) {
-          break;
-        }
-
-        startIndex += MP2T_PACKET_LENGTH;
-        endIndex += MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex++;
-      endIndex++;
-    } // Start walking from end of segment to get last audio packet
-
-
-    endIndex = bytes.byteLength;
-    startIndex = endIndex - MP2T_PACKET_LENGTH;
-    endLoop = false;
-
-    while (startIndex >= 0) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pes':
-            pesType = probe$2.ts.parsePesType(packet, pmt.table);
-            pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
-
-            if (pesType === 'audio' && pusi) {
-              parsed = probe$2.ts.parsePesTime(packet);
-
-              if (parsed) {
-                parsed.type = 'audio';
-                result.audio.push(parsed);
-                endLoop = true;
-              }
-            }
-
-            break;
-
-          default:
-            break;
-        }
-
-        if (endLoop) {
-          break;
-        }
-
-        startIndex -= MP2T_PACKET_LENGTH;
-        endIndex -= MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex--;
-      endIndex--;
-    }
-  };
-  /**
-   * walks through the segment data from the start and end to get timing information
-   * for the first and last video pes packets as well as timing information for the first
-   * key frame.
-   */
-
-
-  var parseVideoPes_ = function parseVideoPes_(bytes, pmt, result) {
-    var startIndex = 0,
-        endIndex = MP2T_PACKET_LENGTH,
-        packet,
-        type,
-        pesType,
-        pusi,
-        parsed,
-        frame,
-        i,
-        pes;
-    var endLoop = false;
-    var currentFrame = {
-      data: [],
-      size: 0
-    }; // Start walking from start of segment to get first video packet
-
-    while (endIndex < bytes.byteLength) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pes':
-            pesType = probe$2.ts.parsePesType(packet, pmt.table);
-            pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
-
-            if (pesType === 'video') {
-              if (pusi && !endLoop) {
-                parsed = probe$2.ts.parsePesTime(packet);
-
-                if (parsed) {
-                  parsed.type = 'video';
-                  result.video.push(parsed);
-                  endLoop = true;
-                }
-              }
-
-              if (!result.firstKeyFrame) {
-                if (pusi) {
-                  if (currentFrame.size !== 0) {
-                    frame = new Uint8Array(currentFrame.size);
-                    i = 0;
-
-                    while (currentFrame.data.length) {
-                      pes = currentFrame.data.shift();
-                      frame.set(pes, i);
-                      i += pes.byteLength;
-                    }
-
-                    if (probe$2.ts.videoPacketContainsKeyFrame(frame)) {
-                      var firstKeyFrame = probe$2.ts.parsePesTime(frame); // PTS/DTS may not be available. Simply *not* setting
-                      // the keyframe seems to work fine with HLS playback
-                      // and definitely preferable to a crash with TypeError...
-
-                      if (firstKeyFrame) {
-                        result.firstKeyFrame = firstKeyFrame;
-                        result.firstKeyFrame.type = 'video';
-                      } else {
-                        // eslint-disable-next-line
-                        console.warn('Failed to extract PTS/DTS from PES at first keyframe. ' + 'This could be an unusual TS segment, or else mux.js did not ' + 'parse your TS segment correctly. If you know your TS ' + 'segments do contain PTS/DTS on keyframes please file a bug ' + 'report! You can try ffprobe to double check for yourself.');
-                      }
-                    }
-
-                    currentFrame.size = 0;
-                  }
-                }
-
-                currentFrame.data.push(packet);
-                currentFrame.size += packet.byteLength;
-              }
-            }
-
-            break;
-
-          default:
-            break;
-        }
-
-        if (endLoop && result.firstKeyFrame) {
-          break;
-        }
-
-        startIndex += MP2T_PACKET_LENGTH;
-        endIndex += MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex++;
-      endIndex++;
-    } // Start walking from end of segment to get last video packet
-
-
-    endIndex = bytes.byteLength;
-    startIndex = endIndex - MP2T_PACKET_LENGTH;
-    endLoop = false;
-
-    while (startIndex >= 0) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pes':
-            pesType = probe$2.ts.parsePesType(packet, pmt.table);
-            pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
-
-            if (pesType === 'video' && pusi) {
-              parsed = probe$2.ts.parsePesTime(packet);
-
-              if (parsed) {
-                parsed.type = 'video';
-                result.video.push(parsed);
-                endLoop = true;
-              }
-            }
-
-            break;
-
-          default:
-            break;
-        }
-
-        if (endLoop) {
-          break;
-        }
-
-        startIndex -= MP2T_PACKET_LENGTH;
-        endIndex -= MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex--;
-      endIndex--;
-    }
-  };
-  /**
-   * Adjusts the timestamp information for the segment to account for
-   * rollover and convert to seconds based on pes packet timescale (90khz clock)
-   */
-
-
-  var adjustTimestamp_ = function adjustTimestamp_(segmentInfo, baseTimestamp) {
-    if (segmentInfo.audio && segmentInfo.audio.length) {
-      var audioBaseTimestamp = baseTimestamp;
-
-      if (typeof audioBaseTimestamp === 'undefined') {
-        audioBaseTimestamp = segmentInfo.audio[0].dts;
-      }
-
-      segmentInfo.audio.forEach(function (info) {
-        info.dts = handleRollover$1(info.dts, audioBaseTimestamp);
-        info.pts = handleRollover$1(info.pts, audioBaseTimestamp); // time in seconds
-
-        info.dtsTime = info.dts / ONE_SECOND_IN_TS$1;
-        info.ptsTime = info.pts / ONE_SECOND_IN_TS$1;
-      });
-    }
-
-    if (segmentInfo.video && segmentInfo.video.length) {
-      var videoBaseTimestamp = baseTimestamp;
-
-      if (typeof videoBaseTimestamp === 'undefined') {
-        videoBaseTimestamp = segmentInfo.video[0].dts;
-      }
-
-      segmentInfo.video.forEach(function (info) {
-        info.dts = handleRollover$1(info.dts, videoBaseTimestamp);
-        info.pts = handleRollover$1(info.pts, videoBaseTimestamp); // time in seconds
-
-        info.dtsTime = info.dts / ONE_SECOND_IN_TS$1;
-        info.ptsTime = info.pts / ONE_SECOND_IN_TS$1;
-      });
-
-      if (segmentInfo.firstKeyFrame) {
-        var frame = segmentInfo.firstKeyFrame;
-        frame.dts = handleRollover$1(frame.dts, videoBaseTimestamp);
-        frame.pts = handleRollover$1(frame.pts, videoBaseTimestamp); // time in seconds
-
-        frame.dtsTime = frame.dts / ONE_SECOND_IN_TS$1;
-        frame.ptsTime = frame.dts / ONE_SECOND_IN_TS$1;
-      }
-    }
-  };
-  /**
-   * inspects the aac data stream for start and end time information
-   */
-
-
-  var inspectAac_ = function inspectAac_(bytes) {
-    var endLoop = false,
-        audioCount = 0,
-        sampleRate = null,
-        timestamp = null,
-        frameSize = 0,
-        byteIndex = 0,
-        packet;
-
-    while (bytes.length - byteIndex >= 3) {
-      var type = probe$2.aac.parseType(bytes, byteIndex);
-
-      switch (type) {
-        case 'timed-metadata':
-          // Exit early because we don't have enough to parse
-          // the ID3 tag header
-          if (bytes.length - byteIndex < 10) {
-            endLoop = true;
-            break;
-          }
-
-          frameSize = probe$2.aac.parseId3TagSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
-          // to emit a full packet
-
-          if (frameSize > bytes.length) {
-            endLoop = true;
-            break;
-          }
-
-          if (timestamp === null) {
-            packet = bytes.subarray(byteIndex, byteIndex + frameSize);
-            timestamp = probe$2.aac.parseAacTimestamp(packet);
-          }
-
-          byteIndex += frameSize;
-          break;
-
-        case 'audio':
-          // Exit early because we don't have enough to parse
-          // the ADTS frame header
-          if (bytes.length - byteIndex < 7) {
-            endLoop = true;
-            break;
-          }
-
-          frameSize = probe$2.aac.parseAdtsSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
-          // to emit a full packet
-
-          if (frameSize > bytes.length) {
-            endLoop = true;
-            break;
-          }
-
-          if (sampleRate === null) {
-            packet = bytes.subarray(byteIndex, byteIndex + frameSize);
-            sampleRate = probe$2.aac.parseSampleRate(packet);
-          }
-
-          audioCount++;
-          byteIndex += frameSize;
-          break;
-
-        default:
-          byteIndex++;
-          break;
-      }
-
-      if (endLoop) {
-        return null;
-      }
-    }
-
-    if (sampleRate === null || timestamp === null) {
-      return null;
-    }
-
-    var audioTimescale = ONE_SECOND_IN_TS$1 / sampleRate;
-    var result = {
-      audio: [{
-        type: 'audio',
-        dts: timestamp,
-        pts: timestamp
-      }, {
-        type: 'audio',
-        dts: timestamp + audioCount * 1024 * audioTimescale,
-        pts: timestamp + audioCount * 1024 * audioTimescale
-      }]
-    };
-    return result;
-  };
-  /**
-   * inspects the transport stream segment data for start and end time information
-   * of the audio and video tracks (when present) as well as the first key frame's
-   * start time.
-   */
-
-
-  var inspectTs_ = function inspectTs_(bytes) {
-    var pmt = {
-      pid: null,
-      table: null
-    };
-    var result = {};
-    parsePsi_(bytes, pmt);
-
-    for (var pid in pmt.table) {
-      if (pmt.table.hasOwnProperty(pid)) {
-        var type = pmt.table[pid];
-
-        switch (type) {
-          case streamTypes.H264_STREAM_TYPE:
-            result.video = [];
-            parseVideoPes_(bytes, pmt, result);
-
-            if (result.video.length === 0) {
-              delete result.video;
-            }
-
-            break;
-
-          case streamTypes.ADTS_STREAM_TYPE:
-            result.audio = [];
-            parseAudioPes_(bytes, pmt, result);
-
-            if (result.audio.length === 0) {
-              delete result.audio;
-            }
-
-            break;
-
-          default:
-            break;
-        }
-      }
-    }
-
-    return result;
-  };
-  /**
-   * Inspects segment byte data and returns an object with start and end timing information
-   *
-   * @param {Uint8Array} bytes The segment byte data
-   * @param {Number} baseTimestamp Relative reference timestamp used when adjusting frame
-   *  timestamps for rollover. This value must be in 90khz clock.
-   * @return {Object} Object containing start and end frame timing info of segment.
-   */
-
-
-  var inspect = function inspect(bytes, baseTimestamp) {
-    var isAacData = probe$2.aac.isLikelyAacData(bytes);
-    var result;
-
-    if (isAacData) {
-      result = inspectAac_(bytes);
-    } else {
-      result = inspectTs_(bytes);
-    }
-
-    if (!result || !result.audio && !result.video) {
-      return null;
-    }
-
-    adjustTimestamp_(result, baseTimestamp);
-    return result;
-  };
-
-  var tsInspector = {
-    inspect: inspect,
-    parseAudioPes_: parseAudioPes_
-  };
-
-  /*
-   * pkcs7.pad
-   * https://github.com/brightcove/pkcs7
-   *
-   * Copyright (c) 2014 Brightcove
-   * Licensed under the apache2 license.
-   */
-  /**
-   * Returns the subarray of a Uint8Array without PKCS#7 padding.
-   * @param padded {Uint8Array} unencrypted bytes that have been padded
-   * @return {Uint8Array} the unpadded bytes
-   * @see http://tools.ietf.org/html/rfc5652
-   */
-
-  function unpad(padded) {
-    return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
-  }
-
-  var classCallCheck = function classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  };
-
-  var createClass = function () {
-    function defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-
-    return function (Constructor, protoProps, staticProps) {
-      if (protoProps) defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) defineProperties(Constructor, staticProps);
-      return Constructor;
-    };
-  }();
-
-  var inherits$1 = function inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        enumerable: false,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-  };
-
-  var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
-    if (!self) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return call && (typeof call === "object" || typeof call === "function") ? call : self;
-  };
-  /**
-   * @file aes.js
-   *
-   * This file contains an adaptation of the AES decryption algorithm
-   * from the Standford Javascript Cryptography Library. That work is
-   * covered by the following copyright and permissions notice:
-   *
-   * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
-   * All rights reserved.
-   *
-   * Redistribution and use in source and binary forms, with or without
-   * modification, are permitted provided that the following conditions are
-   * met:
-   *
-   * 1. Redistributions of source code must retain the above copyright
-   *    notice, this list of conditions and the following disclaimer.
-   *
-   * 2. Redistributions in binary form must reproduce the above
-   *    copyright notice, this list of conditions and the following
-   *    disclaimer in the documentation and/or other materials provided
-   *    with the distribution.
-   *
-   * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``AS IS'' AND ANY EXPRESS OR
-   * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-   * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-   * DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR CONTRIBUTORS BE
-   * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-   * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-   * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
-   * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
-   * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
-   * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
-   * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-   *
-   * The views and conclusions contained in the software and documentation
-   * are those of the authors and should not be interpreted as representing
-   * official policies, either expressed or implied, of the authors.
-   */
-
-  /**
-   * Expand the S-box tables.
-   *
-   * @private
-   */
-
-
-  var precompute = function precompute() {
-    var tables = [[[], [], [], [], []], [[], [], [], [], []]];
-    var encTable = tables[0];
-    var decTable = tables[1];
-    var sbox = encTable[4];
-    var sboxInv = decTable[4];
-    var i = void 0;
-    var x = void 0;
-    var xInv = void 0;
-    var d = [];
-    var th = [];
-    var x2 = void 0;
-    var x4 = void 0;
-    var x8 = void 0;
-    var s = void 0;
-    var tEnc = void 0;
-    var tDec = void 0; // Compute double and third tables
-
-    for (i = 0; i < 256; i++) {
-      th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
-    }
-
-    for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
-      // Compute sbox
-      s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
-      s = s >> 8 ^ s & 255 ^ 99;
-      sbox[x] = s;
-      sboxInv[s] = x; // Compute MixColumns
-
-      x8 = d[x4 = d[x2 = d[x]]];
-      tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
-      tEnc = d[s] * 0x101 ^ s * 0x1010100;
-
-      for (i = 0; i < 4; i++) {
-        encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
-        decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
-      }
-    } // Compactify. Considerable speedup on Firefox.
-
-
-    for (i = 0; i < 5; i++) {
-      encTable[i] = encTable[i].slice(0);
-      decTable[i] = decTable[i].slice(0);
-    }
-
-    return tables;
-  };
-
-  var aesTables = null;
-  /**
-   * Schedule out an AES key for both encryption and decryption. This
-   * is a low-level class. Use a cipher mode to do bulk encryption.
-   *
-   * @class AES
-   * @param key {Array} The key as an array of 4, 6 or 8 words.
-   */
-
-  var AES = function () {
-    function AES(key) {
-      classCallCheck(this, AES);
-      /**
-       * The expanded S-box and inverse S-box tables. These will be computed
-       * on the client so that we don't have to send them down the wire.
-       *
-       * There are two tables, _tables[0] is for encryption and
-       * _tables[1] is for decryption.
-       *
-       * The first 4 sub-tables are the expanded S-box with MixColumns. The
-       * last (_tables[01][4]) is the S-box itself.
-       *
-       * @private
-       */
-      // if we have yet to precompute the S-box tables
-      // do so now
-
-      if (!aesTables) {
-        aesTables = precompute();
-      } // then make a copy of that object for use
-
-
-      this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
-      var i = void 0;
-      var j = void 0;
-      var tmp = void 0;
-      var encKey = void 0;
-      var decKey = void 0;
-      var sbox = this._tables[0][4];
-      var decTable = this._tables[1];
-      var keyLen = key.length;
-      var rcon = 1;
-
-      if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
-        throw new Error('Invalid aes key size');
-      }
-
-      encKey = key.slice(0);
-      decKey = [];
-      this._key = [encKey, decKey]; // schedule encryption keys
-
-      for (i = keyLen; i < 4 * keyLen + 28; i++) {
-        tmp = encKey[i - 1]; // apply sbox
-
-        if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
-          tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
-
-          if (i % keyLen === 0) {
-            tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
-            rcon = rcon << 1 ^ (rcon >> 7) * 283;
-          }
-        }
-
-        encKey[i] = encKey[i - keyLen] ^ tmp;
-      } // schedule decryption keys
-
-
-      for (j = 0; i; j++, i--) {
-        tmp = encKey[j & 3 ? i : i - 4];
-
-        if (i <= 4 || j < 4) {
-          decKey[j] = tmp;
-        } else {
-          decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
-        }
-      }
-    }
-    /**
-     * Decrypt 16 bytes, specified as four 32-bit words.
-     *
-     * @param {Number} encrypted0 the first word to decrypt
-     * @param {Number} encrypted1 the second word to decrypt
-     * @param {Number} encrypted2 the third word to decrypt
-     * @param {Number} encrypted3 the fourth word to decrypt
-     * @param {Int32Array} out the array to write the decrypted words
-     * into
-     * @param {Number} offset the offset into the output array to start
-     * writing results
-     * @return {Array} The plaintext.
-     */
-
-
-    AES.prototype.decrypt = function decrypt(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
-      var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
-
-      var a = encrypted0 ^ key[0];
-      var b = encrypted3 ^ key[1];
-      var c = encrypted2 ^ key[2];
-      var d = encrypted1 ^ key[3];
-      var a2 = void 0;
-      var b2 = void 0;
-      var c2 = void 0; // key.length === 2 ?
-
-      var nInnerRounds = key.length / 4 - 2;
-      var i = void 0;
-      var kIndex = 4;
-      var table = this._tables[1]; // load up the tables
-
-      var table0 = table[0];
-      var table1 = table[1];
-      var table2 = table[2];
-      var table3 = table[3];
-      var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
-
-      for (i = 0; i < nInnerRounds; i++) {
-        a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
-        b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
-        c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
-        d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
-        kIndex += 4;
-        a = a2;
-        b = b2;
-        c = c2;
-      } // Last round.
-
-
-      for (i = 0; i < 4; i++) {
-        out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
-        a2 = a;
-        a = b;
-        b = c;
-        c = d;
-        d = a2;
-      }
-    };
-
-    return AES;
-  }();
-  /**
-   * @file stream.js
-   */
-
-  /**
-   * A lightweight readable stream implemention that handles event dispatching.
-   *
-   * @class Stream
-   */
-
-
-  var Stream$2 = function () {
-    function Stream() {
-      classCallCheck(this, Stream);
-      this.listeners = {};
-    }
-    /**
-     * Add a listener for a specified event type.
-     *
-     * @param {String} type the event name
-     * @param {Function} listener the callback to be invoked when an event of
-     * the specified type occurs
-     */
-
-
-    Stream.prototype.on = function on(type, listener) {
-      if (!this.listeners[type]) {
-        this.listeners[type] = [];
-      }
-
-      this.listeners[type].push(listener);
-    };
-    /**
-     * Remove a listener for a specified event type.
-     *
-     * @param {String} type the event name
-     * @param {Function} listener  a function previously registered for this
-     * type of event through `on`
-     * @return {Boolean} if we could turn it off or not
-     */
-
-
-    Stream.prototype.off = function off(type, listener) {
-      if (!this.listeners[type]) {
-        return false;
-      }
-
-      var index = this.listeners[type].indexOf(listener);
-      this.listeners[type].splice(index, 1);
-      return index > -1;
-    };
-    /**
-     * Trigger an event of the specified type on this stream. Any additional
-     * arguments to this function are passed as parameters to event listeners.
-     *
-     * @param {String} type the event name
-     */
-
-
-    Stream.prototype.trigger = function trigger(type) {
-      var callbacks = this.listeners[type];
-
-      if (!callbacks) {
-        return;
-      } // Slicing the arguments on every invocation of this method
-      // can add a significant amount of overhead. Avoid the
-      // intermediate object creation for the common case of a
-      // single callback argument
-
-
-      if (arguments.length === 2) {
-        var length = callbacks.length;
-
-        for (var i = 0; i < length; ++i) {
-          callbacks[i].call(this, arguments[1]);
-        }
-      } else {
-        var args = Array.prototype.slice.call(arguments, 1);
-        var _length = callbacks.length;
-
-        for (var _i = 0; _i < _length; ++_i) {
-          callbacks[_i].apply(this, args);
-        }
-      }
-    };
-    /**
-     * Destroys the stream and cleans up.
-     */
-
-
-    Stream.prototype.dispose = function dispose() {
-      this.listeners = {};
-    };
-    /**
-     * Forwards all `data` events on this stream to the destination stream. The
-     * destination stream should provide a method `push` to receive the data
-     * events as they arrive.
-     *
-     * @param {Stream} destination the stream that will receive all `data` events
-     * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-     */
-
-
-    Stream.prototype.pipe = function pipe(destination) {
-      this.on('data', function (data) {
-        destination.push(data);
-      });
-    };
-
-    return Stream;
-  }();
-  /**
-   * @file async-stream.js
-   */
-
-  /**
-   * A wrapper around the Stream class to use setTiemout
-   * and run stream "jobs" Asynchronously
-   *
-   * @class AsyncStream
-   * @extends Stream
-   */
-
-
-  var AsyncStream = function (_Stream) {
-    inherits$1(AsyncStream, _Stream);
-
-    function AsyncStream() {
-      classCallCheck(this, AsyncStream);
-
-      var _this = possibleConstructorReturn(this, _Stream.call(this, Stream$2));
-
-      _this.jobs = [];
-      _this.delay = 1;
-      _this.timeout_ = null;
-      return _this;
-    }
-    /**
-     * process an async job
-     *
-     * @private
-     */
-
-
-    AsyncStream.prototype.processJob_ = function processJob_() {
-      this.jobs.shift()();
-
-      if (this.jobs.length) {
-        this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-      } else {
-        this.timeout_ = null;
-      }
-    };
-    /**
-     * push a job into the stream
-     *
-     * @param {Function} job the job to push into the stream
-     */
-
-
-    AsyncStream.prototype.push = function push(job) {
-      this.jobs.push(job);
-
-      if (!this.timeout_) {
-        this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-      }
-    };
-
-    return AsyncStream;
-  }(Stream$2);
-  /**
-   * @file decrypter.js
-   *
-   * An asynchronous implementation of AES-128 CBC decryption with
-   * PKCS#7 padding.
-   */
-
-  /**
-   * Convert network-order (big-endian) bytes into their little-endian
-   * representation.
-   */
-
-
-  var ntoh = function ntoh(word) {
-    return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
-  };
-  /**
-   * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
-   *
-   * @param {Uint8Array} encrypted the encrypted bytes
-   * @param {Uint32Array} key the bytes of the decryption key
-   * @param {Uint32Array} initVector the initialization vector (IV) to
-   * use for the first round of CBC.
-   * @return {Uint8Array} the decrypted bytes
-   *
-   * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
-   * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
-   * @see https://tools.ietf.org/html/rfc2315
-   */
-
-
-  var decrypt = function decrypt(encrypted, key, initVector) {
-    // word-level access to the encrypted bytes
-    var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
-    var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
-
-    var decrypted = new Uint8Array(encrypted.byteLength);
-    var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
-    // decrypted data
-
-    var init0 = void 0;
-    var init1 = void 0;
-    var init2 = void 0;
-    var init3 = void 0;
-    var encrypted0 = void 0;
-    var encrypted1 = void 0;
-    var encrypted2 = void 0;
-    var encrypted3 = void 0; // iteration variable
-
-    var wordIx = void 0; // pull out the words of the IV to ensure we don't modify the
-    // passed-in reference and easier access
-
-    init0 = initVector[0];
-    init1 = initVector[1];
-    init2 = initVector[2];
-    init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
-    // to each decrypted block
-
-    for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
-      // convert big-endian (network order) words into little-endian
-      // (javascript order)
-      encrypted0 = ntoh(encrypted32[wordIx]);
-      encrypted1 = ntoh(encrypted32[wordIx + 1]);
-      encrypted2 = ntoh(encrypted32[wordIx + 2]);
-      encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
-
-      decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
-      // plaintext
-
-      decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
-      decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
-      decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
-      decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
-
-      init0 = encrypted0;
-      init1 = encrypted1;
-      init2 = encrypted2;
-      init3 = encrypted3;
-    }
-
-    return decrypted;
-  };
-  /**
-   * The `Decrypter` class that manages decryption of AES
-   * data through `AsyncStream` objects and the `decrypt`
-   * function
-   *
-   * @param {Uint8Array} encrypted the encrypted bytes
-   * @param {Uint32Array} key the bytes of the decryption key
-   * @param {Uint32Array} initVector the initialization vector (IV) to
-   * @param {Function} done the function to run when done
-   * @class Decrypter
-   */
-
-
-  var Decrypter = function () {
-    function Decrypter(encrypted, key, initVector, done) {
-      classCallCheck(this, Decrypter);
-      var step = Decrypter.STEP;
-      var encrypted32 = new Int32Array(encrypted.buffer);
-      var decrypted = new Uint8Array(encrypted.byteLength);
-      var i = 0;
-      this.asyncStream_ = new AsyncStream(); // split up the encryption job and do the individual chunks asynchronously
-
-      this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-
-      for (i = step; i < encrypted32.length; i += step) {
-        initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
-        this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-      } // invoke the done() callback when everything is finished
-
-
-      this.asyncStream_.push(function () {
-        // remove pkcs#7 padding from the decrypted bytes
-        done(null, unpad(decrypted));
-      });
-    }
-    /**
-     * a getter for step the maximum number of bytes to process at one time
-     *
-     * @return {Number} the value of step 32000
-     */
-
-    /**
-     * @private
-     */
-
-
-    Decrypter.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
-      return function () {
-        var bytes = decrypt(encrypted, key, initVector);
-        decrypted.set(bytes, encrypted.byteOffset);
-      };
-    };
-
-    createClass(Decrypter, null, [{
-      key: 'STEP',
-      get: function get$$1() {
-        // 4 * 8000;
-        return 32000;
-      }
-    }]);
-    return Decrypter;
-  }();
-
-  /**
-   * @videojs/http-streaming
-   * @version 1.11.2
-   * @copyright 2019 Brightcove, Inc
-   * @license Apache-2.0
-   */
-  /**
-   * @file resolve-url.js - Handling how URLs are resolved and manipulated
-   */
-
-  var resolveUrl$1 = function resolveUrl(baseURL, relativeURL) {
-    // return early if we don't need to resolve
-    if (/^[a-z]+:/i.test(relativeURL)) {
-      return relativeURL;
-    } // if the base URL is relative then combine with the current location
-
-
-    if (!/\/\//i.test(baseURL)) {
-      baseURL = urlToolkit.buildAbsoluteURL(window$1.location.href, baseURL);
-    }
-
-    return urlToolkit.buildAbsoluteURL(baseURL, relativeURL);
-  };
-  /**
-   * Checks whether xhr request was redirected and returns correct url depending
-   * on `handleManifestRedirects` option
-   *
-   * @api private
-   *
-   * @param  {String} url - an url being requested
-   * @param  {XMLHttpRequest} req - xhr request result
-   *
-   * @return {String}
-   */
-
-
-  var resolveManifestRedirect = function resolveManifestRedirect(handleManifestRedirect, url, req) {
-    // To understand how the responseURL below is set and generated:
-    // - https://fetch.spec.whatwg.org/#concept-response-url
-    // - https://fetch.spec.whatwg.org/#atomic-http-redirect-handling
-    if (handleManifestRedirect && req.responseURL && url !== req.responseURL) {
-      return req.responseURL;
-    }
-
-    return url;
-  };
-
-  var classCallCheck$1 = function classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  };
-
-  var createClass$1 = function () {
-    function defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-
-    return function (Constructor, protoProps, staticProps) {
-      if (protoProps) defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) defineProperties(Constructor, staticProps);
-      return Constructor;
-    };
-  }();
-
-  var get$1 = function get(object, property, receiver) {
-    if (object === null) object = Function.prototype;
-    var desc = Object.getOwnPropertyDescriptor(object, property);
-
-    if (desc === undefined) {
-      var parent = Object.getPrototypeOf(object);
-
-      if (parent === null) {
-        return undefined;
-      } else {
-        return get(parent, property, receiver);
-      }
-    } else if ("value" in desc) {
-      return desc.value;
-    } else {
-      var getter = desc.get;
-
-      if (getter === undefined) {
-        return undefined;
-      }
-
-      return getter.call(receiver);
-    }
-  };
-
-  var inherits$2 = function inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        enumerable: false,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-  };
-
-  var possibleConstructorReturn$1 = function possibleConstructorReturn(self, call) {
-    if (!self) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return call && (typeof call === "object" || typeof call === "function") ? call : self;
-  };
-
-  var slicedToArray = function () {
-    function sliceIterator(arr, i) {
-      var _arr = [];
-      var _n = true;
-      var _d = false;
-      var _e = undefined;
-
-      try {
-        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-          _arr.push(_s.value);
-
-          if (i && _arr.length === i) break;
-        }
-      } catch (err) {
-        _d = true;
-        _e = err;
-      } finally {
-        try {
-          if (!_n && _i["return"]) _i["return"]();
-        } finally {
-          if (_d) throw _e;
-        }
-      }
-
-      return _arr;
-    }
-
-    return function (arr, i) {
-      if (Array.isArray(arr)) {
-        return arr;
-      } else if (Symbol.iterator in Object(arr)) {
-        return sliceIterator(arr, i);
-      } else {
-        throw new TypeError("Invalid attempt to destructure non-iterable instance");
-      }
-    };
-  }();
-  /**
-   * @file playlist-loader.js
-   *
-   * A state machine that manages the loading, caching, and updating of
-   * M3U8 playlists.
-   *
-   */
-
-
-  var mergeOptions$1 = videojs$1.mergeOptions,
-      EventTarget$1 = videojs$1.EventTarget,
-      log$1 = videojs$1.log;
-  /**
-   * Loops through all supported media groups in master and calls the provided
-   * callback for each group
-   *
-   * @param {Object} master
-   *        The parsed master manifest object
-   * @param {Function} callback
-   *        Callback to call for each media group
-   */
-
-  var forEachMediaGroup = function forEachMediaGroup(master, callback) {
-    ['AUDIO', 'SUBTITLES'].forEach(function (mediaType) {
-      for (var groupKey in master.mediaGroups[mediaType]) {
-        for (var labelKey in master.mediaGroups[mediaType][groupKey]) {
-          var mediaProperties = master.mediaGroups[mediaType][groupKey][labelKey];
-          callback(mediaProperties, mediaType, groupKey, labelKey);
-        }
-      }
-    });
-  };
-  /**
-    * Returns a new array of segments that is the result of merging
-    * properties from an older list of segments onto an updated
-    * list. No properties on the updated playlist will be overridden.
-    *
-    * @param {Array} original the outdated list of segments
-    * @param {Array} update the updated list of segments
-    * @param {Number=} offset the index of the first update
-    * segment in the original segment list. For non-live playlists,
-    * this should always be zero and does not need to be
-    * specified. For live playlists, it should be the difference
-    * between the media sequence numbers in the original and updated
-    * playlists.
-    * @return a list of merged segment objects
-    */
-
-
-  var updateSegments = function updateSegments(original, update, offset) {
-    var result = update.slice();
-    offset = offset || 0;
-    var length = Math.min(original.length, update.length + offset);
-
-    for (var i = offset; i < length; i++) {
-      result[i - offset] = mergeOptions$1(original[i], result[i - offset]);
-    }
-
-    return result;
-  };
-
-  var resolveSegmentUris = function resolveSegmentUris(segment, baseUri) {
-    if (!segment.resolvedUri) {
-      segment.resolvedUri = resolveUrl$1(baseUri, segment.uri);
-    }
-
-    if (segment.key && !segment.key.resolvedUri) {
-      segment.key.resolvedUri = resolveUrl$1(baseUri, segment.key.uri);
-    }
-
-    if (segment.map && !segment.map.resolvedUri) {
-      segment.map.resolvedUri = resolveUrl$1(baseUri, segment.map.uri);
-    }
-  };
-  /**
-    * Returns a new master playlist that is the result of merging an
-    * updated media playlist into the original version. If the
-    * updated media playlist does not match any of the playlist
-    * entries in the original master playlist, null is returned.
-    *
-    * @param {Object} master a parsed master M3U8 object
-    * @param {Object} media a parsed media M3U8 object
-    * @return {Object} a new object that represents the original
-    * master playlist with the updated media playlist merged in, or
-    * null if the merge produced no change.
-    */
-
-
-  var updateMaster = function updateMaster(master, media) {
-    var result = mergeOptions$1(master, {});
-    var playlist = result.playlists[media.uri];
-
-    if (!playlist) {
-      return null;
-    } // consider the playlist unchanged if the number of segments is equal, the media
-    // sequence number is unchanged, and this playlist hasn't become the end of the playlist
-
-
-    if (playlist.segments && media.segments && playlist.segments.length === media.segments.length && playlist.endList === media.endList && playlist.mediaSequence === media.mediaSequence) {
-      return null;
-    }
-
-    var mergedPlaylist = mergeOptions$1(playlist, media); // if the update could overlap existing segment information, merge the two segment lists
-
-    if (playlist.segments) {
-      mergedPlaylist.segments = updateSegments(playlist.segments, media.segments, media.mediaSequence - playlist.mediaSequence);
-    } // resolve any segment URIs to prevent us from having to do it later
-
-
-    mergedPlaylist.segments.forEach(function (segment) {
-      resolveSegmentUris(segment, mergedPlaylist.resolvedUri);
-    }); // TODO Right now in the playlists array there are two references to each playlist, one
-    // that is referenced by index, and one by URI. The index reference may no longer be
-    // necessary.
-
-    for (var i = 0; i < result.playlists.length; i++) {
-      if (result.playlists[i].uri === media.uri) {
-        result.playlists[i] = mergedPlaylist;
-      }
-    }
-
-    result.playlists[media.uri] = mergedPlaylist;
-    return result;
-  };
-
-  var setupMediaPlaylists = function setupMediaPlaylists(master) {
-    // setup by-URI lookups and resolve media playlist URIs
-    var i = master.playlists.length;
-
-    while (i--) {
-      var playlist = master.playlists[i];
-      master.playlists[playlist.uri] = playlist;
-      playlist.resolvedUri = resolveUrl$1(master.uri, playlist.uri);
-      playlist.id = i;
-
-      if (!playlist.attributes) {
-        // Although the spec states an #EXT-X-STREAM-INF tag MUST have a
-        // BANDWIDTH attribute, we can play the stream without it. This means a poorly
-        // formatted master playlist may not have an attribute list. An attributes
-        // property is added here to prevent undefined references when we encounter
-        // this scenario.
-        playlist.attributes = {};
-        log$1.warn('Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.');
-      }
-    }
-  };
-
-  var resolveMediaGroupUris = function resolveMediaGroupUris(master) {
-    forEachMediaGroup(master, function (properties) {
-      if (properties.uri) {
-        properties.resolvedUri = resolveUrl$1(master.uri, properties.uri);
-      }
-    });
-  };
-  /**
-   * Calculates the time to wait before refreshing a live playlist
-   *
-   * @param {Object} media
-   *        The current media
-   * @param {Boolean} update
-   *        True if there were any updates from the last refresh, false otherwise
-   * @return {Number}
-   *         The time in ms to wait before refreshing the live playlist
-   */
-
-
-  var refreshDelay = function refreshDelay(media, update) {
-    var lastSegment = media.segments[media.segments.length - 1];
-    var delay = void 0;
-
-    if (update && lastSegment && lastSegment.duration) {
-      delay = lastSegment.duration * 1000;
-    } else {
-      // if the playlist is unchanged since the last reload or last segment duration
-      // cannot be determined, try again after half the target duration
-      delay = (media.targetDuration || 10) * 500;
-    }
-
-    return delay;
-  };
-  /**
-   * Load a playlist from a remote location
-   *
-   * @class PlaylistLoader
-   * @extends Stream
-   * @param {String} srcUrl the url to start with
-   * @param {Boolean} withCredentials the withCredentials xhr option
-   * @constructor
-   */
-
-
-  var PlaylistLoader = function (_EventTarget) {
-    inherits$2(PlaylistLoader, _EventTarget);
-
-    function PlaylistLoader(srcUrl, hls) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      classCallCheck$1(this, PlaylistLoader);
-
-      var _this = possibleConstructorReturn$1(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this));
-
-      var _options$withCredenti = options.withCredentials,
-          withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
-          _options$handleManife = options.handleManifestRedirects,
-          handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
-      _this.srcUrl = srcUrl;
-      _this.hls_ = hls;
-      _this.withCredentials = withCredentials;
-      _this.handleManifestRedirects = handleManifestRedirects;
-      var hlsOptions = hls.options_;
-      _this.customTagParsers = hlsOptions && hlsOptions.customTagParsers || [];
-      _this.customTagMappers = hlsOptions && hlsOptions.customTagMappers || [];
-
-      if (!_this.srcUrl) {
-        throw new Error('A non-empty playlist URL is required');
-      } // initialize the loader state
-
-
-      _this.state = 'HAVE_NOTHING'; // live playlist staleness timeout
-
-      _this.on('mediaupdatetimeout', function () {
-        if (_this.state !== 'HAVE_METADATA') {
-          // only refresh the media playlist if no other activity is going on
-          return;
-        }
-
-        _this.state = 'HAVE_CURRENT_METADATA';
-        _this.request = _this.hls_.xhr({
-          uri: resolveUrl$1(_this.master.uri, _this.media().uri),
-          withCredentials: _this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this.request) {
-            return;
-          }
-
-          if (error) {
-            return _this.playlistRequestError(_this.request, _this.media().uri, 'HAVE_METADATA');
-          }
-
-          _this.haveMetadata(_this.request, _this.media().uri);
-        });
-      });
-
-      return _this;
-    }
-
-    createClass$1(PlaylistLoader, [{
-      key: 'playlistRequestError',
-      value: function playlistRequestError(xhr, url, startingState) {
-        // any in-flight request is now finished
-        this.request = null;
-
-        if (startingState) {
-          this.state = startingState;
-        }
-
-        this.error = {
-          playlist: this.master.playlists[url],
-          status: xhr.status,
-          message: 'HLS playlist request error at URL: ' + url + '.',
-          responseText: xhr.responseText,
-          code: xhr.status >= 500 ? 4 : 2
-        };
-        this.trigger('error');
-      } // update the playlist loader's state in response to a new or
-      // updated playlist.
-
-    }, {
-      key: 'haveMetadata',
-      value: function haveMetadata(xhr, url) {
-        var _this2 = this; // any in-flight request is now finished
-
-
-        this.request = null;
-        this.state = 'HAVE_METADATA';
-        var parser = new Parser(); // adding custom tag parsers
-
-        this.customTagParsers.forEach(function (customParser) {
-          return parser.addParser(customParser);
-        }); // adding custom tag mappers
-
-        this.customTagMappers.forEach(function (mapper) {
-          return parser.addTagMapper(mapper);
-        });
-        parser.push(xhr.responseText);
-        parser.end();
-        parser.manifest.uri = url; // m3u8-parser does not attach an attributes property to media playlists so make
-        // sure that the property is attached to avoid undefined reference errors
-
-        parser.manifest.attributes = parser.manifest.attributes || {}; // merge this playlist into the master
-
-        var update = updateMaster(this.master, parser.manifest);
-        this.targetDuration = parser.manifest.targetDuration;
-
-        if (update) {
-          this.master = update;
-          this.media_ = this.master.playlists[parser.manifest.uri];
-        } else {
-          this.trigger('playlistunchanged');
-        } // refresh live playlists after a target duration passes
-
-
-        if (!this.media().endList) {
-          window$1.clearTimeout(this.mediaUpdateTimeout);
-          this.mediaUpdateTimeout = window$1.setTimeout(function () {
-            _this2.trigger('mediaupdatetimeout');
-          }, refreshDelay(this.media(), !!update));
-        }
-
-        this.trigger('loadedplaylist');
-      }
-      /**
-       * Abort any outstanding work and clean up.
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        this.stopRequest();
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        window$1.clearTimeout(this.finalRenditionTimeout);
-      }
-    }, {
-      key: 'stopRequest',
-      value: function stopRequest() {
-        if (this.request) {
-          var oldRequest = this.request;
-          this.request = null;
-          oldRequest.onreadystatechange = null;
-          oldRequest.abort();
-        }
-      }
-      /**
-       * When called without any arguments, returns the currently
-       * active media playlist. When called with a single argument,
-       * triggers the playlist loader to asynchronously switch to the
-       * specified media playlist. Calling this method while the
-       * loader is in the HAVE_NOTHING causes an error to be emitted
-       * but otherwise has no effect.
-       *
-       * @param {Object=} playlist the parsed media playlist
-       * object to switch to
-       * @param {Boolean=} is this the last available playlist
-       *
-       * @return {Playlist} the current loaded media
-       */
-
-    }, {
-      key: 'media',
-      value: function media(playlist, isFinalRendition) {
-        var _this3 = this; // getter
-
-
-        if (!playlist) {
-          return this.media_;
-        } // setter
-
-
-        if (this.state === 'HAVE_NOTHING') {
-          throw new Error('Cannot switch media playlist from ' + this.state);
-        } // find the playlist object if the target playlist has been
-        // specified by URI
-
-
-        if (typeof playlist === 'string') {
-          if (!this.master.playlists[playlist]) {
-            throw new Error('Unknown playlist URI: ' + playlist);
-          }
-
-          playlist = this.master.playlists[playlist];
-        }
-
-        window$1.clearTimeout(this.finalRenditionTimeout);
-
-        if (isFinalRendition) {
-          var delay = playlist.targetDuration / 2 * 1000 || 5 * 1000;
-          this.finalRenditionTimeout = window$1.setTimeout(this.media.bind(this, playlist, false), delay);
-          return;
-        }
-
-        var startingState = this.state;
-        var mediaChange = !this.media_ || playlist.uri !== this.media_.uri; // switch to fully loaded playlists immediately
-
-        if (this.master.playlists[playlist.uri].endList) {
-          // abort outstanding playlist requests
-          if (this.request) {
-            this.request.onreadystatechange = null;
-            this.request.abort();
-            this.request = null;
-          }
-
-          this.state = 'HAVE_METADATA';
-          this.media_ = playlist; // trigger media change if the active media has been updated
-
-          if (mediaChange) {
-            this.trigger('mediachanging');
-            this.trigger('mediachange');
-          }
-
-          return;
-        } // switching to the active playlist is a no-op
-
-
-        if (!mediaChange) {
-          return;
-        }
-
-        this.state = 'SWITCHING_MEDIA'; // there is already an outstanding playlist request
-
-        if (this.request) {
-          if (playlist.resolvedUri === this.request.url) {
-            // requesting to switch to the same playlist multiple times
-            // has no effect after the first
-            return;
-          }
-
-          this.request.onreadystatechange = null;
-          this.request.abort();
-          this.request = null;
-        } // request the new playlist
-
-
-        if (this.media_) {
-          this.trigger('mediachanging');
-        }
-
-        this.request = this.hls_.xhr({
-          uri: playlist.resolvedUri,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this3.request) {
-            return;
-          }
-
-          playlist.resolvedUri = resolveManifestRedirect(_this3.handleManifestRedirects, playlist.resolvedUri, req);
-
-          if (error) {
-            return _this3.playlistRequestError(_this3.request, playlist.uri, startingState);
-          }
-
-          _this3.haveMetadata(req, playlist.uri); // fire loadedmetadata the first time a media playlist is loaded
-
-
-          if (startingState === 'HAVE_MASTER') {
-            _this3.trigger('loadedmetadata');
-          } else {
-            _this3.trigger('mediachange');
-          }
-        });
-      }
-      /**
-       * pause loading of the playlist
-       */
-
-    }, {
-      key: 'pause',
-      value: function pause() {
-        this.stopRequest();
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-
-        if (this.state === 'HAVE_NOTHING') {
-          // If we pause the loader before any data has been retrieved, its as if we never
-          // started, so reset to an unstarted state.
-          this.started = false;
-        } // Need to restore state now that no activity is happening
-
-
-        if (this.state === 'SWITCHING_MEDIA') {
-          // if the loader was in the process of switching media, it should either return to
-          // HAVE_MASTER or HAVE_METADATA depending on if the loader has loaded a media
-          // playlist yet. This is determined by the existence of loader.media_
-          if (this.media_) {
-            this.state = 'HAVE_METADATA';
-          } else {
-            this.state = 'HAVE_MASTER';
-          }
-        } else if (this.state === 'HAVE_CURRENT_METADATA') {
-          this.state = 'HAVE_METADATA';
-        }
-      }
-      /**
-       * start loading of the playlist
-       */
-
-    }, {
-      key: 'load',
-      value: function load(isFinalRendition) {
-        var _this4 = this;
-
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        var media = this.media();
-
-        if (isFinalRendition) {
-          var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
-          this.mediaUpdateTimeout = window$1.setTimeout(function () {
-            return _this4.load();
-          }, delay);
-          return;
-        }
-
-        if (!this.started) {
-          this.start();
-          return;
-        }
-
-        if (media && !media.endList) {
-          this.trigger('mediaupdatetimeout');
-        } else {
-          this.trigger('loadedplaylist');
-        }
-      }
-      /**
-       * start loading of the playlist
-       */
-
-    }, {
-      key: 'start',
-      value: function start() {
-        var _this5 = this;
-
-        this.started = true; // request the specified URL
-
-        this.request = this.hls_.xhr({
-          uri: this.srcUrl,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this5.request) {
-            return;
-          } // clear the loader's request reference
-
-
-          _this5.request = null;
-
-          if (error) {
-            _this5.error = {
-              status: req.status,
-              message: 'HLS playlist request error at URL: ' + _this5.srcUrl + '.',
-              responseText: req.responseText,
-              // MEDIA_ERR_NETWORK
-              code: 2
-            };
-
-            if (_this5.state === 'HAVE_NOTHING') {
-              _this5.started = false;
-            }
-
-            return _this5.trigger('error');
-          }
-
-          var parser = new Parser(); // adding custom tag parsers
-
-          _this5.customTagParsers.forEach(function (customParser) {
-            return parser.addParser(customParser);
-          }); // adding custom tag mappers
-
-
-          _this5.customTagMappers.forEach(function (mapper) {
-            return parser.addTagMapper(mapper);
-          });
-
-          parser.push(req.responseText);
-          parser.end();
-          _this5.state = 'HAVE_MASTER';
-          _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
-          parser.manifest.uri = _this5.srcUrl; // loaded a master playlist
-
-          if (parser.manifest.playlists) {
-            _this5.master = parser.manifest;
-            setupMediaPlaylists(_this5.master);
-            resolveMediaGroupUris(_this5.master);
-
-            _this5.trigger('loadedplaylist');
-
-            if (!_this5.request) {
-              // no media playlist was specifically selected so start
-              // from the first listed one
-              _this5.media(parser.manifest.playlists[0]);
-            }
-
-            return;
-          } // loaded a media playlist
-          // infer a master playlist if none was previously requested
-
-
-          _this5.master = {
-            mediaGroups: {
-              'AUDIO': {},
-              'VIDEO': {},
-              'CLOSED-CAPTIONS': {},
-              'SUBTITLES': {}
-            },
-            uri: window$1.location.href,
-            playlists: [{
-              uri: _this5.srcUrl,
-              id: 0,
-              resolvedUri: _this5.srcUrl,
-              // m3u8-parser does not attach an attributes property to media playlists so make
-              // sure that the property is attached to avoid undefined reference errors
-              attributes: {}
-            }]
-          };
-          _this5.master.playlists[_this5.srcUrl] = _this5.master.playlists[0];
-
-          _this5.haveMetadata(req, _this5.srcUrl);
-
-          return _this5.trigger('loadedmetadata');
-        });
-      }
-    }]);
-    return PlaylistLoader;
-  }(EventTarget$1);
-  /**
-   * @file playlist.js
-   *
-   * Playlist related utilities.
-   */
-
-
-  var createTimeRange = videojs$1.createTimeRange;
-  /**
-   * walk backward until we find a duration we can use
-   * or return a failure
-   *
-   * @param {Playlist} playlist the playlist to walk through
-   * @param {Number} endSequence the mediaSequence to stop walking on
-   */
-
-  var backwardDuration = function backwardDuration(playlist, endSequence) {
-    var result = 0;
-    var i = endSequence - playlist.mediaSequence; // if a start time is available for segment immediately following
-    // the interval, use it
-
-    var segment = playlist.segments[i]; // Walk backward until we find the latest segment with timeline
-    // information that is earlier than endSequence
-
-    if (segment) {
-      if (typeof segment.start !== 'undefined') {
-        return {
-          result: segment.start,
-          precise: true
-        };
-      }
-
-      if (typeof segment.end !== 'undefined') {
-        return {
-          result: segment.end - segment.duration,
-          precise: true
-        };
-      }
-    }
-
-    while (i--) {
-      segment = playlist.segments[i];
-
-      if (typeof segment.end !== 'undefined') {
-        return {
-          result: result + segment.end,
-          precise: true
-        };
-      }
-
-      result += segment.duration;
-
-      if (typeof segment.start !== 'undefined') {
-        return {
-          result: result + segment.start,
-          precise: true
-        };
-      }
-    }
-
-    return {
-      result: result,
-      precise: false
-    };
-  };
-  /**
-   * walk forward until we find a duration we can use
-   * or return a failure
-   *
-   * @param {Playlist} playlist the playlist to walk through
-   * @param {Number} endSequence the mediaSequence to stop walking on
-   */
-
-
-  var forwardDuration = function forwardDuration(playlist, endSequence) {
-    var result = 0;
-    var segment = void 0;
-    var i = endSequence - playlist.mediaSequence; // Walk forward until we find the earliest segment with timeline
-    // information
-
-    for (; i < playlist.segments.length; i++) {
-      segment = playlist.segments[i];
-
-      if (typeof segment.start !== 'undefined') {
-        return {
-          result: segment.start - result,
-          precise: true
-        };
-      }
-
-      result += segment.duration;
-
-      if (typeof segment.end !== 'undefined') {
-        return {
-          result: segment.end - result,
-          precise: true
-        };
-      }
-    } // indicate we didn't find a useful duration estimate
-
-
-    return {
-      result: -1,
-      precise: false
-    };
-  };
-  /**
-    * Calculate the media duration from the segments associated with a
-    * playlist. The duration of a subinterval of the available segments
-    * may be calculated by specifying an end index.
-    *
-    * @param {Object} playlist a media playlist object
-    * @param {Number=} endSequence an exclusive upper boundary
-    * for the playlist.  Defaults to playlist length.
-    * @param {Number} expired the amount of time that has dropped
-    * off the front of the playlist in a live scenario
-    * @return {Number} the duration between the first available segment
-    * and end index.
-    */
-
-
-  var intervalDuration = function intervalDuration(playlist, endSequence, expired) {
-    var backward = void 0;
-    var forward = void 0;
-
-    if (typeof endSequence === 'undefined') {
-      endSequence = playlist.mediaSequence + playlist.segments.length;
-    }
-
-    if (endSequence < playlist.mediaSequence) {
-      return 0;
-    } // do a backward walk to estimate the duration
-
-
-    backward = backwardDuration(playlist, endSequence);
-
-    if (backward.precise) {
-      // if we were able to base our duration estimate on timing
-      // information provided directly from the Media Source, return
-      // it
-      return backward.result;
-    } // walk forward to see if a precise duration estimate can be made
-    // that way
-
-
-    forward = forwardDuration(playlist, endSequence);
-
-    if (forward.precise) {
-      // we found a segment that has been buffered and so it's
-      // position is known precisely
-      return forward.result;
-    } // return the less-precise, playlist-based duration estimate
-
-
-    return backward.result + expired;
-  };
-  /**
-    * Calculates the duration of a playlist. If a start and end index
-    * are specified, the duration will be for the subset of the media
-    * timeline between those two indices. The total duration for live
-    * playlists is always Infinity.
-    *
-    * @param {Object} playlist a media playlist object
-    * @param {Number=} endSequence an exclusive upper
-    * boundary for the playlist. Defaults to the playlist media
-    * sequence number plus its length.
-    * @param {Number=} expired the amount of time that has
-    * dropped off the front of the playlist in a live scenario
-    * @return {Number} the duration between the start index and end
-    * index.
-    */
-
-
-  var duration = function duration(playlist, endSequence, expired) {
-    if (!playlist) {
-      return 0;
-    }
-
-    if (typeof expired !== 'number') {
-      expired = 0;
-    } // if a slice of the total duration is not requested, use
-    // playlist-level duration indicators when they're present
-
-
-    if (typeof endSequence === 'undefined') {
-      // if present, use the duration specified in the playlist
-      if (playlist.totalDuration) {
-        return playlist.totalDuration;
-      } // duration should be Infinity for live playlists
-
-
-      if (!playlist.endList) {
-        return window$1.Infinity;
-      }
-    } // calculate the total duration based on the segment durations
-
-
-    return intervalDuration(playlist, endSequence, expired);
-  };
-  /**
-    * Calculate the time between two indexes in the current playlist
-    * neight the start- nor the end-index need to be within the current
-    * playlist in which case, the targetDuration of the playlist is used
-    * to approximate the durations of the segments
-    *
-    * @param {Object} playlist a media playlist object
-    * @param {Number} startIndex
-    * @param {Number} endIndex
-    * @return {Number} the number of seconds between startIndex and endIndex
-    */
-
-
-  var sumDurations = function sumDurations(playlist, startIndex, endIndex) {
-    var durations = 0;
-
-    if (startIndex > endIndex) {
-      var _ref = [endIndex, startIndex];
-      startIndex = _ref[0];
-      endIndex = _ref[1];
-    }
-
-    if (startIndex < 0) {
-      for (var i = startIndex; i < Math.min(0, endIndex); i++) {
-        durations += playlist.targetDuration;
-      }
-
-      startIndex = 0;
-    }
-
-    for (var _i = startIndex; _i < endIndex; _i++) {
-      durations += playlist.segments[_i].duration;
-    }
-
-    return durations;
-  };
-  /**
-   * Determines the media index of the segment corresponding to the safe edge of the live
-   * window which is the duration of the last segment plus 2 target durations from the end
-   * of the playlist.
-   *
-   * @param {Object} playlist
-   *        a media playlist object
-   * @return {Number}
-   *         The media index of the segment at the safe live point. 0 if there is no "safe"
-   *         point.
-   * @function safeLiveIndex
-   */
-
-
-  var safeLiveIndex = function safeLiveIndex(playlist) {
-    if (!playlist.segments.length) {
-      return 0;
-    }
-
-    var i = playlist.segments.length - 1;
-    var distanceFromEnd = playlist.segments[i].duration || playlist.targetDuration;
-    var safeDistance = distanceFromEnd + playlist.targetDuration * 2;
-
-    while (i--) {
-      distanceFromEnd += playlist.segments[i].duration;
-
-      if (distanceFromEnd >= safeDistance) {
-        break;
-      }
-    }
-
-    return Math.max(0, i);
-  };
-  /**
-   * Calculates the playlist end time
-   *
-   * @param {Object} playlist a media playlist object
-   * @param {Number=} expired the amount of time that has
-   *                  dropped off the front of the playlist in a live scenario
-   * @param {Boolean|false} useSafeLiveEnd a boolean value indicating whether or not the
-   *                        playlist end calculation should consider the safe live end
-   *                        (truncate the playlist end by three segments). This is normally
-   *                        used for calculating the end of the playlist's seekable range.
-   * @returns {Number} the end time of playlist
-   * @function playlistEnd
-   */
-
-
-  var playlistEnd = function playlistEnd(playlist, expired, useSafeLiveEnd) {
-    if (!playlist || !playlist.segments) {
-      return null;
-    }
-
-    if (playlist.endList) {
-      return duration(playlist);
-    }
-
-    if (expired === null) {
-      return null;
-    }
-
-    expired = expired || 0;
-    var endSequence = useSafeLiveEnd ? safeLiveIndex(playlist) : playlist.segments.length;
-    return intervalDuration(playlist, playlist.mediaSequence + endSequence, expired);
-  };
-  /**
-    * Calculates the interval of time that is currently seekable in a
-    * playlist. The returned time ranges are relative to the earliest
-    * moment in the specified playlist that is still available. A full
-    * seekable implementation for live streams would need to offset
-    * these values by the duration of content that has expired from the
-    * stream.
-    *
-    * @param {Object} playlist a media playlist object
-    * dropped off the front of the playlist in a live scenario
-    * @param {Number=} expired the amount of time that has
-    * dropped off the front of the playlist in a live scenario
-    * @return {TimeRanges} the periods of time that are valid targets
-    * for seeking
-    */
-
-
-  var seekable = function seekable(playlist, expired) {
-    var useSafeLiveEnd = true;
-    var seekableStart = expired || 0;
-    var seekableEnd = playlistEnd(playlist, expired, useSafeLiveEnd);
-
-    if (seekableEnd === null) {
-      return createTimeRange();
-    }
-
-    return createTimeRange(seekableStart, seekableEnd);
-  };
-
-  var isWholeNumber = function isWholeNumber(num) {
-    return num - Math.floor(num) === 0;
-  };
-
-  var roundSignificantDigit = function roundSignificantDigit(increment, num) {
-    // If we have a whole number, just add 1 to it
-    if (isWholeNumber(num)) {
-      return num + increment * 0.1;
-    }
-
-    var numDecimalDigits = num.toString().split('.')[1].length;
-
-    for (var i = 1; i <= numDecimalDigits; i++) {
-      var scale = Math.pow(10, i);
-      var temp = num * scale;
-
-      if (isWholeNumber(temp) || i === numDecimalDigits) {
-        return (temp + increment) / scale;
-      }
-    }
-  };
-
-  var ceilLeastSignificantDigit = roundSignificantDigit.bind(null, 1);
-  var floorLeastSignificantDigit = roundSignificantDigit.bind(null, -1);
-  /**
-   * Determine the index and estimated starting time of the segment that
-   * contains a specified playback position in a media playlist.
-   *
-   * @param {Object} playlist the media playlist to query
-   * @param {Number} currentTime The number of seconds since the earliest
-   * possible position to determine the containing segment for
-   * @param {Number} startIndex
-   * @param {Number} startTime
-   * @return {Object}
-   */
-
-  var getMediaInfoForTime = function getMediaInfoForTime(playlist, currentTime, startIndex, startTime) {
-    var i = void 0;
-    var segment = void 0;
-    var numSegments = playlist.segments.length;
-    var time = currentTime - startTime;
-
-    if (time < 0) {
-      // Walk backward from startIndex in the playlist, adding durations
-      // until we find a segment that contains `time` and return it
-      if (startIndex > 0) {
-        for (i = startIndex - 1; i >= 0; i--) {
-          segment = playlist.segments[i];
-          time += floorLeastSignificantDigit(segment.duration);
-
-          if (time > 0) {
-            return {
-              mediaIndex: i,
-              startTime: startTime - sumDurations(playlist, startIndex, i)
-            };
-          }
-        }
-      } // We were unable to find a good segment within the playlist
-      // so select the first segment
-
-
-      return {
-        mediaIndex: 0,
-        startTime: currentTime
-      };
-    } // When startIndex is negative, we first walk forward to first segment
-    // adding target durations. If we "run out of time" before getting to
-    // the first segment, return the first segment
-
-
-    if (startIndex < 0) {
-      for (i = startIndex; i < 0; i++) {
-        time -= playlist.targetDuration;
-
-        if (time < 0) {
-          return {
-            mediaIndex: 0,
-            startTime: currentTime
-          };
-        }
-      }
-
-      startIndex = 0;
-    } // Walk forward from startIndex in the playlist, subtracting durations
-    // until we find a segment that contains `time` and return it
-
-
-    for (i = startIndex; i < numSegments; i++) {
-      segment = playlist.segments[i];
-      time -= ceilLeastSignificantDigit(segment.duration);
-
-      if (time < 0) {
-        return {
-          mediaIndex: i,
-          startTime: startTime + sumDurations(playlist, startIndex, i)
-        };
-      }
-    } // We are out of possible candidates so load the last one...
-
-
-    return {
-      mediaIndex: numSegments - 1,
-      startTime: currentTime
-    };
-  };
-  /**
-   * Check whether the playlist is blacklisted or not.
-   *
-   * @param {Object} playlist the media playlist object
-   * @return {boolean} whether the playlist is blacklisted or not
-   * @function isBlacklisted
-   */
-
-
-  var isBlacklisted = function isBlacklisted(playlist) {
-    return playlist.excludeUntil && playlist.excludeUntil > Date.now();
-  };
-  /**
-   * Check whether the playlist is compatible with current playback configuration or has
-   * been blacklisted permanently for being incompatible.
-   *
-   * @param {Object} playlist the media playlist object
-   * @return {boolean} whether the playlist is incompatible or not
-   * @function isIncompatible
-   */
-
-
-  var isIncompatible = function isIncompatible(playlist) {
-    return playlist.excludeUntil && playlist.excludeUntil === Infinity;
-  };
-  /**
-   * Check whether the playlist is enabled or not.
-   *
-   * @param {Object} playlist the media playlist object
-   * @return {boolean} whether the playlist is enabled or not
-   * @function isEnabled
-   */
-
-
-  var isEnabled = function isEnabled(playlist) {
-    var blacklisted = isBlacklisted(playlist);
-    return !playlist.disabled && !blacklisted;
-  };
-  /**
-   * Check whether the playlist has been manually disabled through the representations api.
-   *
-   * @param {Object} playlist the media playlist object
-   * @return {boolean} whether the playlist is disabled manually or not
-   * @function isDisabled
-   */
-
-
-  var isDisabled = function isDisabled(playlist) {
-    return playlist.disabled;
-  };
-  /**
-   * Returns whether the current playlist is an AES encrypted HLS stream
-   *
-   * @return {Boolean} true if it's an AES encrypted HLS stream
-   */
-
-
-  var isAes = function isAes(media) {
-    for (var i = 0; i < media.segments.length; i++) {
-      if (media.segments[i].key) {
-        return true;
-      }
-    }
-
-    return false;
-  };
-  /**
-   * Returns whether the current playlist contains fMP4
-   *
-   * @return {Boolean} true if the playlist contains fMP4
-   */
-
-
-  var isFmp4 = function isFmp4(media) {
-    for (var i = 0; i < media.segments.length; i++) {
-      if (media.segments[i].map) {
-        return true;
-      }
-    }
-
-    return false;
-  };
-  /**
-   * Checks if the playlist has a value for the specified attribute
-   *
-   * @param {String} attr
-   *        Attribute to check for
-   * @param {Object} playlist
-   *        The media playlist object
-   * @return {Boolean}
-   *         Whether the playlist contains a value for the attribute or not
-   * @function hasAttribute
-   */
-
-
-  var hasAttribute = function hasAttribute(attr, playlist) {
-    return playlist.attributes && playlist.attributes[attr];
-  };
-  /**
-   * Estimates the time required to complete a segment download from the specified playlist
-   *
-   * @param {Number} segmentDuration
-   *        Duration of requested segment
-   * @param {Number} bandwidth
-   *        Current measured bandwidth of the player
-   * @param {Object} playlist
-   *        The media playlist object
-   * @param {Number=} bytesReceived
-   *        Number of bytes already received for the request. Defaults to 0
-   * @return {Number|NaN}
-   *         The estimated time to request the segment. NaN if bandwidth information for
-   *         the given playlist is unavailable
-   * @function estimateSegmentRequestTime
-   */
-
-
-  var estimateSegmentRequestTime = function estimateSegmentRequestTime(segmentDuration, bandwidth, playlist) {
-    var bytesReceived = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-
-    if (!hasAttribute('BANDWIDTH', playlist)) {
-      return NaN;
-    }
-
-    var size = segmentDuration * playlist.attributes.BANDWIDTH;
-    return (size - bytesReceived * 8) / bandwidth;
-  };
-  /*
-   * Returns whether the current playlist is the lowest rendition
-   *
-   * @return {Boolean} true if on lowest rendition
-   */
-
-
-  var isLowestEnabledRendition = function isLowestEnabledRendition(master, media) {
-    if (master.playlists.length === 1) {
-      return true;
-    }
-
-    var currentBandwidth = media.attributes.BANDWIDTH || Number.MAX_VALUE;
-    return master.playlists.filter(function (playlist) {
-      if (!isEnabled(playlist)) {
-        return false;
-      }
-
-      return (playlist.attributes.BANDWIDTH || 0) < currentBandwidth;
-    }).length === 0;
-  }; // exports
-
-
-  var Playlist = {
-    duration: duration,
-    seekable: seekable,
-    safeLiveIndex: safeLiveIndex,
-    getMediaInfoForTime: getMediaInfoForTime,
-    isEnabled: isEnabled,
-    isDisabled: isDisabled,
-    isBlacklisted: isBlacklisted,
-    isIncompatible: isIncompatible,
-    playlistEnd: playlistEnd,
-    isAes: isAes,
-    isFmp4: isFmp4,
-    hasAttribute: hasAttribute,
-    estimateSegmentRequestTime: estimateSegmentRequestTime,
-    isLowestEnabledRendition: isLowestEnabledRendition
-  };
-  /**
-   * @file xhr.js
-   */
-
-  var videojsXHR = videojs$1.xhr,
-      mergeOptions$1$1 = videojs$1.mergeOptions;
-
-  var xhrFactory = function xhrFactory() {
-    var xhr = function XhrFunction(options, callback) {
-      // Add a default timeout for all hls requests
-      options = mergeOptions$1$1({
-        timeout: 45e3
-      }, options); // Allow an optional user-specified function to modify the option
-      // object before we construct the xhr request
-
-      var beforeRequest = XhrFunction.beforeRequest || videojs$1.Hls.xhr.beforeRequest;
-
-      if (beforeRequest && typeof beforeRequest === 'function') {
-        var newOptions = beforeRequest(options);
-
-        if (newOptions) {
-          options = newOptions;
-        }
-      }
-
-      var request = videojsXHR(options, function (error, response) {
-        var reqResponse = request.response;
-
-        if (!error && reqResponse) {
-          request.responseTime = Date.now();
-          request.roundTripTime = request.responseTime - request.requestTime;
-          request.bytesReceived = reqResponse.byteLength || reqResponse.length;
-
-          if (!request.bandwidth) {
-            request.bandwidth = Math.floor(request.bytesReceived / request.roundTripTime * 8 * 1000);
-          }
-        }
-
-        if (response.headers) {
-          request.responseHeaders = response.headers;
-        } // videojs.xhr now uses a specific code on the error
-        // object to signal that a request has timed out instead
-        // of setting a boolean on the request object
-
-
-        if (error && error.code === 'ETIMEDOUT') {
-          request.timedout = true;
-        } // videojs.xhr no longer considers status codes outside of 200 and 0
-        // (for file uris) to be errors, but the old XHR did, so emulate that
-        // behavior. Status 206 may be used in response to byterange requests.
-
-
-        if (!error && !request.aborted && response.statusCode !== 200 && response.statusCode !== 206 && response.statusCode !== 0) {
-          error = new Error('XHR Failed with a response of: ' + (request && (reqResponse || request.responseText)));
-        }
-
-        callback(error, request);
-      });
-      var originalAbort = request.abort;
-
-      request.abort = function () {
-        request.aborted = true;
-        return originalAbort.apply(request, arguments);
-      };
-
-      request.uri = options.uri;
-      request.requestTime = Date.now();
-      return request;
-    };
-
-    return xhr;
-  };
-  /**
-   * Turns segment byterange into a string suitable for use in
-   * HTTP Range requests
-   *
-   * @param {Object} byterange - an object with two values defining the start and end
-   *                             of a byte-range
-   */
-
-
-  var byterangeStr = function byterangeStr(byterange) {
-    var byterangeStart = void 0;
-    var byterangeEnd = void 0; // `byterangeEnd` is one less than `offset + length` because the HTTP range
-    // header uses inclusive ranges
-
-    byterangeEnd = byterange.offset + byterange.length - 1;
-    byterangeStart = byterange.offset;
-    return 'bytes=' + byterangeStart + '-' + byterangeEnd;
-  };
-  /**
-   * Defines headers for use in the xhr request for a particular segment.
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   */
-
-
-  var segmentXhrHeaders = function segmentXhrHeaders(segment) {
-    var headers = {};
-
-    if (segment.byterange) {
-      headers.Range = byterangeStr(segment.byterange);
-    }
-
-    return headers;
-  };
-  /**
-   * @file bin-utils.js
-   */
-
-  /**
-   * convert a TimeRange to text
-   *
-   * @param {TimeRange} range the timerange to use for conversion
-   * @param {Number} i the iterator on the range to convert
-   */
-
-
-  var textRange = function textRange(range, i) {
-    return range.start(i) + '-' + range.end(i);
-  };
-  /**
-   * format a number as hex string
-   *
-   * @param {Number} e The number
-   * @param {Number} i the iterator
-   */
-
-
-  var formatHexString = function formatHexString(e, i) {
-    var value = e.toString(16);
-    return '00'.substring(0, 2 - value.length) + value + (i % 2 ? ' ' : '');
-  };
-
-  var formatAsciiString = function formatAsciiString(e) {
-    if (e >= 0x20 && e < 0x7e) {
-      return String.fromCharCode(e);
-    }
-
-    return '.';
-  };
-  /**
-   * Creates an object for sending to a web worker modifying properties that are TypedArrays
-   * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
-   *
-   * @param {Object} message
-   *        Object of properties and values to send to the web worker
-   * @return {Object}
-   *         Modified message with TypedArray values expanded
-   * @function createTransferableMessage
-   */
-
-
-  var createTransferableMessage = function createTransferableMessage(message) {
-    var transferable = {};
-    Object.keys(message).forEach(function (key) {
-      var value = message[key];
-
-      if (ArrayBuffer.isView(value)) {
-        transferable[key] = {
-          bytes: value.buffer,
-          byteOffset: value.byteOffset,
-          byteLength: value.byteLength
-        };
-      } else {
-        transferable[key] = value;
-      }
-    });
-    return transferable;
-  };
-  /**
-   * Returns a unique string identifier for a media initialization
-   * segment.
-   */
-
-
-  var initSegmentId = function initSegmentId(initSegment) {
-    var byterange = initSegment.byterange || {
-      length: Infinity,
-      offset: 0
-    };
-    return [byterange.length, byterange.offset, initSegment.resolvedUri].join(',');
-  };
-  /**
-   * Returns a unique string identifier for a media segment key.
-   */
-
-
-  var segmentKeyId = function segmentKeyId(key) {
-    return key.resolvedUri;
-  };
-  /**
-   * utils to help dump binary data to the console
-   */
-
-
-  var hexDump = function hexDump(data) {
-    var bytes = Array.prototype.slice.call(data);
-    var step = 16;
-    var result = '';
-    var hex = void 0;
-    var ascii = void 0;
-
-    for (var j = 0; j < bytes.length / step; j++) {
-      hex = bytes.slice(j * step, j * step + step).map(formatHexString).join('');
-      ascii = bytes.slice(j * step, j * step + step).map(formatAsciiString).join('');
-      result += hex + ' ' + ascii + '\n';
-    }
-
-    return result;
-  };
-
-  var tagDump = function tagDump(_ref) {
-    var bytes = _ref.bytes;
-    return hexDump(bytes);
-  };
-
-  var textRanges = function textRanges(ranges) {
-    var result = '';
-    var i = void 0;
-
-    for (i = 0; i < ranges.length; i++) {
-      result += textRange(ranges, i) + ' ';
-    }
-
-    return result;
-  };
-
-  var utils$1 =
-  /*#__PURE__*/
-  Object.freeze({
-    createTransferableMessage: createTransferableMessage,
-    initSegmentId: initSegmentId,
-    segmentKeyId: segmentKeyId,
-    hexDump: hexDump,
-    tagDump: tagDump,
-    textRanges: textRanges
-  }); // TODO handle fmp4 case where the timing info is accurate and doesn't involve transmux
-  // Add 25% to the segment duration to account for small discrepencies in segment timing.
-  // 25% was arbitrarily chosen, and may need to be refined over time.
-
-  var SEGMENT_END_FUDGE_PERCENT = 0.25;
-  /**
-   * Converts a player time (any time that can be gotten/set from player.currentTime(),
-   * e.g., any time within player.seekable().start(0) to player.seekable().end(0)) to a
-   * program time (any time referencing the real world (e.g., EXT-X-PROGRAM-DATE-TIME)).
-   *
-   * The containing segment is required as the EXT-X-PROGRAM-DATE-TIME serves as an "anchor
-   * point" (a point where we have a mapping from program time to player time, with player
-   * time being the post transmux start of the segment).
-   *
-   * For more details, see [this doc](../../docs/program-time-from-player-time.md).
-   *
-   * @param {Number} playerTime the player time
-   * @param {Object} segment the segment which contains the player time
-   * @return {Date} program time
-   */
-
-  var playerTimeToProgramTime = function playerTimeToProgramTime(playerTime, segment) {
-    if (!segment.dateTimeObject) {
-      // Can't convert without an "anchor point" for the program time (i.e., a time that can
-      // be used to map the start of a segment with a real world time).
-      return null;
-    }
-
-    var transmuxerPrependedSeconds = segment.videoTimingInfo.transmuxerPrependedSeconds;
-    var transmuxedStart = segment.videoTimingInfo.transmuxedPresentationStart; // get the start of the content from before old content is prepended
-
-    var startOfSegment = transmuxedStart + transmuxerPrependedSeconds;
-    var offsetFromSegmentStart = playerTime - startOfSegment;
-    return new Date(segment.dateTimeObject.getTime() + offsetFromSegmentStart * 1000);
-  };
-
-  var originalSegmentVideoDuration = function originalSegmentVideoDuration(videoTimingInfo) {
-    return videoTimingInfo.transmuxedPresentationEnd - videoTimingInfo.transmuxedPresentationStart - videoTimingInfo.transmuxerPrependedSeconds;
-  };
-  /**
-   * Finds a segment that contains the time requested given as an ISO-8601 string. The
-   * returned segment might be an estimate or an accurate match.
-   *
-   * @param {String} programTime The ISO-8601 programTime to find a match for
-   * @param {Object} playlist A playlist object to search within
-   */
-
-
-  var findSegmentForProgramTime = function findSegmentForProgramTime(programTime, playlist) {
-    // Assumptions:
-    //  - verifyProgramDateTimeTags has already been run
-    //  - live streams have been started
-    var dateTimeObject = void 0;
-
-    try {
-      dateTimeObject = new Date(programTime);
-    } catch (e) {
-      return null;
-    }
-
-    if (!playlist || !playlist.segments || playlist.segments.length === 0) {
-      return null;
-    }
-
-    var segment = playlist.segments[0];
-
-    if (dateTimeObject < segment.dateTimeObject) {
-      // Requested time is before stream start.
-      return null;
-    }
-
-    for (var i = 0; i < playlist.segments.length - 1; i++) {
-      segment = playlist.segments[i];
-      var nextSegmentStart = playlist.segments[i + 1].dateTimeObject;
-
-      if (dateTimeObject < nextSegmentStart) {
-        break;
-      }
-    }
-
-    var lastSegment = playlist.segments[playlist.segments.length - 1];
-    var lastSegmentStart = lastSegment.dateTimeObject;
-    var lastSegmentDuration = lastSegment.videoTimingInfo ? originalSegmentVideoDuration(lastSegment.videoTimingInfo) : lastSegment.duration + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT;
-    var lastSegmentEnd = new Date(lastSegmentStart.getTime() + lastSegmentDuration * 1000);
-
-    if (dateTimeObject > lastSegmentEnd) {
-      // Beyond the end of the stream, or our best guess of the end of the stream.
-      return null;
-    }
-
-    if (dateTimeObject > lastSegmentStart) {
-      segment = lastSegment;
-    }
-
-    return {
-      segment: segment,
-      estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : Playlist.duration(playlist, playlist.mediaSequence + playlist.segments.indexOf(segment)),
-      // Although, given that all segments have accurate date time objects, the segment
-      // selected should be accurate, unless the video has been transmuxed at some point
-      // (determined by the presence of the videoTimingInfo object), the segment's "player
-      // time" (the start time in the player) can't be considered accurate.
-      type: segment.videoTimingInfo ? 'accurate' : 'estimate'
-    };
-  };
-  /**
-   * Finds a segment that contains the given player time(in seconds).
-   *
-   * @param {Number} time The player time to find a match for
-   * @param {Object} playlist A playlist object to search within
-   */
-
-
-  var findSegmentForPlayerTime = function findSegmentForPlayerTime(time, playlist) {
-    // Assumptions:
-    // - there will always be a segment.duration
-    // - we can start from zero
-    // - segments are in time order
-    if (!playlist || !playlist.segments || playlist.segments.length === 0) {
-      return null;
-    }
-
-    var segmentEnd = 0;
-    var segment = void 0;
-
-    for (var i = 0; i < playlist.segments.length; i++) {
-      segment = playlist.segments[i]; // videoTimingInfo is set after the segment is downloaded and transmuxed, and
-      // should contain the most accurate values we have for the segment's player times.
-      //
-      // Use the accurate transmuxedPresentationEnd value if it is available, otherwise fall
-      // back to an estimate based on the manifest derived (inaccurate) segment.duration, to
-      // calculate an end value.
-
-      segmentEnd = segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationEnd : segmentEnd + segment.duration;
-
-      if (time <= segmentEnd) {
-        break;
-      }
-    }
-
-    var lastSegment = playlist.segments[playlist.segments.length - 1];
-
-    if (lastSegment.videoTimingInfo && lastSegment.videoTimingInfo.transmuxedPresentationEnd < time) {
-      // The time requested is beyond the stream end.
-      return null;
-    }
-
-    if (time > segmentEnd) {
-      // The time is within or beyond the last segment.
-      //
-      // Check to see if the time is beyond a reasonable guess of the end of the stream.
-      if (time > segmentEnd + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT) {
-        // Technically, because the duration value is only an estimate, the time may still
-        // exist in the last segment, however, there isn't enough information to make even
-        // a reasonable estimate.
-        return null;
-      }
-
-      segment = lastSegment;
-    }
-
-    return {
-      segment: segment,
-      estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : segmentEnd - segment.duration,
-      // Because videoTimingInfo is only set after transmux, it is the only way to get
-      // accurate timing values.
-      type: segment.videoTimingInfo ? 'accurate' : 'estimate'
-    };
-  };
-  /**
-   * Gives the offset of the comparisonTimestamp from the programTime timestamp in seconds.
-   * If the offset returned is positive, the programTime occurs after the
-   * comparisonTimestamp.
-   * If the offset is negative, the programTime occurs before the comparisonTimestamp.
-   *
-   * @param {String} comparisonTimeStamp An ISO-8601 timestamp to compare against
-   * @param {String} programTime The programTime as an ISO-8601 string
-   * @return {Number} offset
-   */
-
-
-  var getOffsetFromTimestamp = function getOffsetFromTimestamp(comparisonTimeStamp, programTime) {
-    var segmentDateTime = void 0;
-    var programDateTime = void 0;
-
-    try {
-      segmentDateTime = new Date(comparisonTimeStamp);
-      programDateTime = new Date(programTime);
-    } catch (e) {// TODO handle error
-    }
-
-    var segmentTimeEpoch = segmentDateTime.getTime();
-    var programTimeEpoch = programDateTime.getTime();
-    return (programTimeEpoch - segmentTimeEpoch) / 1000;
-  };
-  /**
-   * Checks that all segments in this playlist have programDateTime tags.
-   *
-   * @param {Object} playlist A playlist object
-   */
-
-
-  var verifyProgramDateTimeTags = function verifyProgramDateTimeTags(playlist) {
-    if (!playlist.segments || playlist.segments.length === 0) {
-      return false;
-    }
-
-    for (var i = 0; i < playlist.segments.length; i++) {
-      var segment = playlist.segments[i];
-
-      if (!segment.dateTimeObject) {
-        return false;
-      }
-    }
-
-    return true;
-  };
-  /**
-   * Returns the programTime of the media given a playlist and a playerTime.
-   * The playlist must have programDateTime tags for a programDateTime tag to be returned.
-   * If the segments containing the time requested have not been buffered yet, an estimate
-   * may be returned to the callback.
-   *
-   * @param {Object} args
-   * @param {Object} args.playlist A playlist object to search within
-   * @param {Number} time A playerTime in seconds
-   * @param {Function} callback(err, programTime)
-   * @returns {String} err.message A detailed error message
-   * @returns {Object} programTime
-   * @returns {Number} programTime.mediaSeconds The streamTime in seconds
-   * @returns {String} programTime.programDateTime The programTime as an ISO-8601 String
-   */
-
-
-  var getProgramTime = function getProgramTime(_ref) {
-    var playlist = _ref.playlist,
-        _ref$time = _ref.time,
-        time = _ref$time === undefined ? undefined : _ref$time,
-        callback = _ref.callback;
-
-    if (!callback) {
-      throw new Error('getProgramTime: callback must be provided');
-    }
-
-    if (!playlist || time === undefined) {
-      return callback({
-        message: 'getProgramTime: playlist and time must be provided'
-      });
-    }
-
-    var matchedSegment = findSegmentForPlayerTime(time, playlist);
-
-    if (!matchedSegment) {
-      return callback({
-        message: 'valid programTime was not found'
-      });
-    }
-
-    if (matchedSegment.type === 'estimate') {
-      return callback({
-        message: 'Accurate programTime could not be determined.' + ' Please seek to e.seekTime and try again',
-        seekTime: matchedSegment.estimatedStart
-      });
-    }
-
-    var programTimeObject = {
-      mediaSeconds: time
-    };
-    var programTime = playerTimeToProgramTime(time, matchedSegment.segment);
-
-    if (programTime) {
-      programTimeObject.programDateTime = programTime.toISOString();
-    }
-
-    return callback(null, programTimeObject);
-  };
-  /**
-   * Seeks in the player to a time that matches the given programTime ISO-8601 string.
-   *
-   * @param {Object} args
-   * @param {String} args.programTime A programTime to seek to as an ISO-8601 String
-   * @param {Object} args.playlist A playlist to look within
-   * @param {Number} args.retryCount The number of times to try for an accurate seek. Default is 2.
-   * @param {Function} args.seekTo A method to perform a seek
-   * @param {Boolean} args.pauseAfterSeek Whether to end in a paused state after seeking. Default is true.
-   * @param {Object} args.tech The tech to seek on
-   * @param {Function} args.callback(err, newTime) A callback to return the new time to
-   * @returns {String} err.message A detailed error message
-   * @returns {Number} newTime The exact time that was seeked to in seconds
-   */
-
-
-  var seekToProgramTime = function seekToProgramTime(_ref2) {
-    var programTime = _ref2.programTime,
-        playlist = _ref2.playlist,
-        _ref2$retryCount = _ref2.retryCount,
-        retryCount = _ref2$retryCount === undefined ? 2 : _ref2$retryCount,
-        seekTo = _ref2.seekTo,
-        _ref2$pauseAfterSeek = _ref2.pauseAfterSeek,
-        pauseAfterSeek = _ref2$pauseAfterSeek === undefined ? true : _ref2$pauseAfterSeek,
-        tech = _ref2.tech,
-        callback = _ref2.callback;
-
-    if (!callback) {
-      throw new Error('seekToProgramTime: callback must be provided');
-    }
-
-    if (typeof programTime === 'undefined' || !playlist || !seekTo) {
-      return callback({
-        message: 'seekToProgramTime: programTime, seekTo and playlist must be provided'
-      });
-    }
-
-    if (!playlist.endList && !tech.hasStarted_) {
-      return callback({
-        message: 'player must be playing a live stream to start buffering'
-      });
-    }
-
-    if (!verifyProgramDateTimeTags(playlist)) {
-      return callback({
-        message: 'programDateTime tags must be provided in the manifest ' + playlist.resolvedUri
-      });
-    }
-
-    var matchedSegment = findSegmentForProgramTime(programTime, playlist); // no match
-
-    if (!matchedSegment) {
-      return callback({
-        message: programTime + ' was not found in the stream'
-      });
-    }
-
-    var segment = matchedSegment.segment;
-    var mediaOffset = getOffsetFromTimestamp(segment.dateTimeObject, programTime);
-
-    if (matchedSegment.type === 'estimate') {
-      // we've run out of retries
-      if (retryCount === 0) {
-        return callback({
-          message: programTime + ' is not buffered yet. Try again'
-        });
-      }
-
-      seekTo(matchedSegment.estimatedStart + mediaOffset);
-      tech.one('seeked', function () {
-        seekToProgramTime({
-          programTime: programTime,
-          playlist: playlist,
-          retryCount: retryCount - 1,
-          seekTo: seekTo,
-          pauseAfterSeek: pauseAfterSeek,
-          tech: tech,
-          callback: callback
-        });
-      });
-      return;
-    } // Since the segment.start value is determined from the buffered end or ending time
-    // of the prior segment, the seekToTime doesn't need to account for any transmuxer
-    // modifications.
-
-
-    var seekToTime = segment.start + mediaOffset;
-
-    var seekedCallback = function seekedCallback() {
-      return callback(null, tech.currentTime());
-    }; // listen for seeked event
-
-
-    tech.one('seeked', seekedCallback); // pause before seeking as video.js will restore this state
-
-    if (pauseAfterSeek) {
-      tech.pause();
-    }
-
-    seekTo(seekToTime);
-  };
-  /**
-   * ranges
-   *
-   * Utilities for working with TimeRanges.
-   *
-   */
-  // Fudge factor to account for TimeRanges rounding
-
-
-  var TIME_FUDGE_FACTOR = 1 / 30; // Comparisons between time values such as current time and the end of the buffered range
-  // can be misleading because of precision differences or when the current media has poorly
-  // aligned audio and video, which can cause values to be slightly off from what you would
-  // expect. This value is what we consider to be safe to use in such comparisons to account
-  // for these scenarios.
-
-  var SAFE_TIME_DELTA = TIME_FUDGE_FACTOR * 3;
-
-  var filterRanges = function filterRanges(timeRanges, predicate) {
-    var results = [];
-    var i = void 0;
-
-    if (timeRanges && timeRanges.length) {
-      // Search for ranges that match the predicate
-      for (i = 0; i < timeRanges.length; i++) {
-        if (predicate(timeRanges.start(i), timeRanges.end(i))) {
-          results.push([timeRanges.start(i), timeRanges.end(i)]);
-        }
-      }
-    }
-
-    return videojs$1.createTimeRanges(results);
-  };
-  /**
-   * Attempts to find the buffered TimeRange that contains the specified
-   * time.
-   * @param {TimeRanges} buffered - the TimeRanges object to query
-   * @param {number} time  - the time to filter on.
-   * @returns {TimeRanges} a new TimeRanges object
-   */
-
-
-  var findRange = function findRange(buffered, time) {
-    return filterRanges(buffered, function (start, end) {
-      return start - SAFE_TIME_DELTA <= time && end + SAFE_TIME_DELTA >= time;
-    });
-  };
-  /**
-   * Returns the TimeRanges that begin later than the specified time.
-   * @param {TimeRanges} timeRanges - the TimeRanges object to query
-   * @param {number} time - the time to filter on.
-   * @returns {TimeRanges} a new TimeRanges object.
-   */
-
-
-  var findNextRange = function findNextRange(timeRanges, time) {
-    return filterRanges(timeRanges, function (start) {
-      return start - TIME_FUDGE_FACTOR >= time;
-    });
-  };
-  /**
-   * Returns gaps within a list of TimeRanges
-   * @param {TimeRanges} buffered - the TimeRanges object
-   * @return {TimeRanges} a TimeRanges object of gaps
-   */
-
-
-  var findGaps = function findGaps(buffered) {
-    if (buffered.length < 2) {
-      return videojs$1.createTimeRanges();
-    }
-
-    var ranges = [];
-
-    for (var i = 1; i < buffered.length; i++) {
-      var start = buffered.end(i - 1);
-      var end = buffered.start(i);
-      ranges.push([start, end]);
-    }
-
-    return videojs$1.createTimeRanges(ranges);
-  };
-  /**
-   * Gets a human readable string for a TimeRange
-   *
-   * @param {TimeRange} range
-   * @returns {String} a human readable string
-   */
-
-
-  var printableRange = function printableRange(range) {
-    var strArr = [];
-
-    if (!range || !range.length) {
-      return '';
-    }
-
-    for (var i = 0; i < range.length; i++) {
-      strArr.push(range.start(i) + ' => ' + range.end(i));
-    }
-
-    return strArr.join(', ');
-  };
-  /**
-   * Calculates the amount of time left in seconds until the player hits the end of the
-   * buffer and causes a rebuffer
-   *
-   * @param {TimeRange} buffered
-   *        The state of the buffer
-   * @param {Numnber} currentTime
-   *        The current time of the player
-   * @param {Number} playbackRate
-   *        The current playback rate of the player. Defaults to 1.
-   * @return {Number}
-   *         Time until the player has to start rebuffering in seconds.
-   * @function timeUntilRebuffer
-   */
-
-
-  var timeUntilRebuffer = function timeUntilRebuffer(buffered, currentTime) {
-    var playbackRate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-    var bufferedEnd = buffered.length ? buffered.end(buffered.length - 1) : 0;
-    return (bufferedEnd - currentTime) / playbackRate;
-  };
-  /**
-   * Converts a TimeRanges object into an array representation
-   * @param {TimeRanges} timeRanges
-   * @returns {Array}
-   */
-
-
-  var timeRangesToArray = function timeRangesToArray(timeRanges) {
-    var timeRangesList = [];
-
-    for (var i = 0; i < timeRanges.length; i++) {
-      timeRangesList.push({
-        start: timeRanges.start(i),
-        end: timeRanges.end(i)
-      });
-    }
-
-    return timeRangesList;
-  };
-  /**
-   * @file create-text-tracks-if-necessary.js
-   */
-
-  /**
-   * Create text tracks on video.js if they exist on a segment.
-   *
-   * @param {Object} sourceBuffer the VSB or FSB
-   * @param {Object} mediaSource the HTML media source
-   * @param {Object} segment the segment that may contain the text track
-   * @private
-   */
-
-
-  var createTextTracksIfNecessary = function createTextTracksIfNecessary(sourceBuffer, mediaSource, segment) {
-    var player = mediaSource.player_; // create an in-band caption track if one is present in the segment
-
-    if (segment.captions && segment.captions.length) {
-      if (!sourceBuffer.inbandTextTracks_) {
-        sourceBuffer.inbandTextTracks_ = {};
-      }
-
-      for (var trackId in segment.captionStreams) {
-        if (!sourceBuffer.inbandTextTracks_[trackId]) {
-          player.tech_.trigger({
-            type: 'usage',
-            name: 'hls-608'
-          });
-          var track = player.textTracks().getTrackById(trackId);
-
-          if (track) {
-            // Resuse an existing track with a CC# id because this was
-            // very likely created by videojs-contrib-hls from information
-            // in the m3u8 for us to use
-            sourceBuffer.inbandTextTracks_[trackId] = track;
-          } else {
-            // Otherwise, create a track with the default `CC#` label and
-            // without a language
-            sourceBuffer.inbandTextTracks_[trackId] = player.addRemoteTextTrack({
-              kind: 'captions',
-              id: trackId,
-              label: trackId
-            }, false).track;
-          }
-        }
-      }
-    }
-
-    if (segment.metadata && segment.metadata.length && !sourceBuffer.metadataTrack_) {
-      sourceBuffer.metadataTrack_ = player.addRemoteTextTrack({
-        kind: 'metadata',
-        label: 'Timed Metadata'
-      }, false).track;
-      sourceBuffer.metadataTrack_.inBandMetadataTrackDispatchType = segment.metadata.dispatchType;
-    }
-  };
-  /**
-   * @file remove-cues-from-track.js
-   */
-
-  /**
-   * Remove cues from a track on video.js.
-   *
-   * @param {Double} start start of where we should remove the cue
-   * @param {Double} end end of where the we should remove the cue
-   * @param {Object} track the text track to remove the cues from
-   * @private
-   */
-
-
-  var removeCuesFromTrack = function removeCuesFromTrack(start, end, track) {
-    var i = void 0;
-    var cue = void 0;
-
-    if (!track) {
-      return;
-    }
-
-    if (!track.cues) {
-      return;
-    }
-
-    i = track.cues.length;
-
-    while (i--) {
-      cue = track.cues[i]; // Remove any overlapping cue
-
-      if (cue.startTime <= end && cue.endTime >= start) {
-        track.removeCue(cue);
-      }
-    }
-  };
-  /**
-   * @file add-text-track-data.js
-   */
-
-  /**
-   * Define properties on a cue for backwards compatability,
-   * but warn the user that the way that they are using it
-   * is depricated and will be removed at a later date.
-   *
-   * @param {Cue} cue the cue to add the properties on
-   * @private
-   */
-
-
-  var deprecateOldCue = function deprecateOldCue(cue) {
-    Object.defineProperties(cue.frame, {
-      id: {
-        get: function get() {
-          videojs$1.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');
-          return cue.value.key;
-        }
-      },
-      value: {
-        get: function get() {
-          videojs$1.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');
-          return cue.value.data;
-        }
-      },
-      privateData: {
-        get: function get() {
-          videojs$1.log.warn('cue.frame.privateData is deprecated. Use cue.value.data instead.');
-          return cue.value.data;
-        }
-      }
-    });
-  };
-
-  var durationOfVideo = function durationOfVideo(duration) {
-    var dur = void 0;
-
-    if (isNaN(duration) || Math.abs(duration) === Infinity) {
-      dur = Number.MAX_VALUE;
-    } else {
-      dur = duration;
-    }
-
-    return dur;
-  };
-  /**
-   * Add text track data to a source handler given the captions and
-   * metadata from the buffer.
-   *
-   * @param {Object} sourceHandler the virtual source buffer
-   * @param {Array} captionArray an array of caption data
-   * @param {Array} metadataArray an array of meta data
-   * @private
-   */
-
-
-  var addTextTrackData = function addTextTrackData(sourceHandler, captionArray, metadataArray) {
-    var Cue = window$1.WebKitDataCue || window$1.VTTCue;
-
-    if (captionArray) {
-      captionArray.forEach(function (caption) {
-        var track = caption.stream;
-        this.inbandTextTracks_[track].addCue(new Cue(caption.startTime + this.timestampOffset, caption.endTime + this.timestampOffset, caption.text));
-      }, sourceHandler);
-    }
-
-    if (metadataArray) {
-      var videoDuration = durationOfVideo(sourceHandler.mediaSource_.duration);
-      metadataArray.forEach(function (metadata) {
-        var time = metadata.cueTime + this.timestampOffset; // if time isn't a finite number between 0 and Infinity, like NaN,
-        // ignore this bit of metadata.
-        // This likely occurs when you have an non-timed ID3 tag like TIT2,
-        // which is the "Title/Songname/Content description" frame
-
-        if (typeof time !== 'number' || window$1.isNaN(time) || time < 0 || !(time < Infinity)) {
-          return;
-        }
-
-        metadata.frames.forEach(function (frame) {
-          var cue = new Cue(time, time, frame.value || frame.url || frame.data || '');
-          cue.frame = frame;
-          cue.value = frame;
-          deprecateOldCue(cue);
-          this.metadataTrack_.addCue(cue);
-        }, this);
-      }, sourceHandler); // Updating the metadeta cues so that
-      // the endTime of each cue is the startTime of the next cue
-      // the endTime of last cue is the duration of the video
-
-      if (sourceHandler.metadataTrack_ && sourceHandler.metadataTrack_.cues && sourceHandler.metadataTrack_.cues.length) {
-        var cues = sourceHandler.metadataTrack_.cues;
-        var cuesArray = []; // Create a copy of the TextTrackCueList...
-        // ...disregarding cues with a falsey value
-
-        for (var i = 0; i < cues.length; i++) {
-          if (cues[i]) {
-            cuesArray.push(cues[i]);
-          }
-        } // Group cues by their startTime value
-
-
-        var cuesGroupedByStartTime = cuesArray.reduce(function (obj, cue) {
-          var timeSlot = obj[cue.startTime] || [];
-          timeSlot.push(cue);
-          obj[cue.startTime] = timeSlot;
-          return obj;
-        }, {}); // Sort startTimes by ascending order
-
-        var sortedStartTimes = Object.keys(cuesGroupedByStartTime).sort(function (a, b) {
-          return Number(a) - Number(b);
-        }); // Map each cue group's endTime to the next group's startTime
-
-        sortedStartTimes.forEach(function (startTime, idx) {
-          var cueGroup = cuesGroupedByStartTime[startTime];
-          var nextTime = Number(sortedStartTimes[idx + 1]) || videoDuration; // Map each cue's endTime the next group's startTime
-
-          cueGroup.forEach(function (cue) {
-            cue.endTime = nextTime;
-          });
-        });
-      }
-    }
-  };
-
-  var win = typeof window !== 'undefined' ? window : {},
-      TARGET = typeof Symbol === 'undefined' ? '__target' : Symbol(),
-      SCRIPT_TYPE = 'application/javascript',
-      BlobBuilder = win.BlobBuilder || win.WebKitBlobBuilder || win.MozBlobBuilder || win.MSBlobBuilder,
-      URL = win.URL || win.webkitURL || URL && URL.msURL,
-      Worker = win.Worker;
-  /**
-   * Returns a wrapper around Web Worker code that is constructible.
-   *
-   * @function shimWorker
-   *
-   * @param { String }    filename    The name of the file
-   * @param { Function }  fn          Function wrapping the code of the worker
-   */
-
-  function shimWorker(filename, fn) {
-    return function ShimWorker(forceFallback) {
-      var o = this;
-
-      if (!fn) {
-        return new Worker(filename);
-      } else if (Worker && !forceFallback) {
-        // Convert the function's inner code to a string to construct the worker
-        var source = fn.toString().replace(/^function.+?{/, '').slice(0, -1),
-            objURL = createSourceObject(source);
-        this[TARGET] = new Worker(objURL);
-        wrapTerminate(this[TARGET], objURL);
-        return this[TARGET];
-      } else {
-        var selfShim = {
-          postMessage: function postMessage(m) {
-            if (o.onmessage) {
-              setTimeout(function () {
-                o.onmessage({
-                  data: m,
-                  target: selfShim
-                });
-              });
-            }
-          }
-        };
-        fn.call(selfShim);
-
-        this.postMessage = function (m) {
-          setTimeout(function () {
-            selfShim.onmessage({
-              data: m,
-              target: o
-            });
-          });
-        };
-
-        this.isThisThread = true;
-      }
-    };
-  } // Test Worker capabilities
-
-
-  if (Worker) {
-    var testWorker,
-        objURL = createSourceObject('self.onmessage = function () {}'),
-        testArray = new Uint8Array(1);
-
-    try {
-      testWorker = new Worker(objURL); // Native browser on some Samsung devices throws for transferables, let's detect it
-
-      testWorker.postMessage(testArray, [testArray.buffer]);
-    } catch (e) {
-      Worker = null;
-    } finally {
-      URL.revokeObjectURL(objURL);
-
-      if (testWorker) {
-        testWorker.terminate();
-      }
-    }
-  }
-
-  function createSourceObject(str) {
-    try {
-      return URL.createObjectURL(new Blob([str], {
-        type: SCRIPT_TYPE
-      }));
-    } catch (e) {
-      var blob = new BlobBuilder();
-      blob.append(str);
-      return URL.createObjectURL(blob.getBlob(type));
-    }
-  }
-
-  function wrapTerminate(worker, objURL) {
-    if (!worker || !objURL) return;
-    var term = worker.terminate;
-    worker.objURL = objURL;
-
-    worker.terminate = function () {
-      if (worker.objURL) URL.revokeObjectURL(worker.objURL);
-      term.call(worker);
-    };
-  }
-
-  var TransmuxWorker = new shimWorker("./transmuxer-worker.worker.js", function (window, document$$1) {
-    var self = this;
-
-    var transmuxerWorker = function () {
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       *
-       * A lightweight readable stream implemention that handles event dispatching.
-       * Objects that inherit from streams should call init in their constructors.
-       */
-      var Stream = function Stream() {
-        this.init = function () {
-          var listeners = {};
-          /**
-           * Add a listener for a specified event type.
-           * @param type {string} the event name
-           * @param listener {function} the callback to be invoked when an event of
-           * the specified type occurs
-           */
-
-          this.on = function (type, listener) {
-            if (!listeners[type]) {
-              listeners[type] = [];
-            }
-
-            listeners[type] = listeners[type].concat(listener);
-          };
-          /**
-           * Remove a listener for a specified event type.
-           * @param type {string} the event name
-           * @param listener {function} a function previously registered for this
-           * type of event through `on`
-           */
-
-
-          this.off = function (type, listener) {
-            var index;
-
-            if (!listeners[type]) {
-              return false;
-            }
-
-            index = listeners[type].indexOf(listener);
-            listeners[type] = listeners[type].slice();
-            listeners[type].splice(index, 1);
-            return index > -1;
-          };
-          /**
-           * Trigger an event of the specified type on this stream. Any additional
-           * arguments to this function are passed as parameters to event listeners.
-           * @param type {string} the event name
-           */
-
-
-          this.trigger = function (type) {
-            var callbacks, i, length, args;
-            callbacks = listeners[type];
-
-            if (!callbacks) {
-              return;
-            } // Slicing the arguments on every invocation of this method
-            // can add a significant amount of overhead. Avoid the
-            // intermediate object creation for the common case of a
-            // single callback argument
-
-
-            if (arguments.length === 2) {
-              length = callbacks.length;
-
-              for (i = 0; i < length; ++i) {
-                callbacks[i].call(this, arguments[1]);
-              }
-            } else {
-              args = [];
-              i = arguments.length;
-
-              for (i = 1; i < arguments.length; ++i) {
-                args.push(arguments[i]);
-              }
-
-              length = callbacks.length;
-
-              for (i = 0; i < length; ++i) {
-                callbacks[i].apply(this, args);
-              }
-            }
-          };
-          /**
-           * Destroys the stream and cleans up.
-           */
-
-
-          this.dispose = function () {
-            listeners = {};
-          };
-        };
-      };
-      /**
-       * Forwards all `data` events on this stream to the destination stream. The
-       * destination stream should provide a method `push` to receive the data
-       * events as they arrive.
-       * @param destination {stream} the stream that will receive all `data` events
-       * @param autoFlush {boolean} if false, we will not call `flush` on the destination
-       *                            when the current stream emits a 'done' event
-       * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-       */
-
-
-      Stream.prototype.pipe = function (destination) {
-        this.on('data', function (data) {
-          destination.push(data);
-        });
-        this.on('done', function (flushSource) {
-          destination.flush(flushSource);
-        });
-        this.on('partialdone', function (flushSource) {
-          destination.partialFlush(flushSource);
-        });
-        this.on('endedtimeline', function (flushSource) {
-          destination.endTimeline(flushSource);
-        });
-        this.on('reset', function (flushSource) {
-          destination.reset(flushSource);
-        });
-        return destination;
-      }; // Default stream functions that are expected to be overridden to perform
-      // actual work. These are provided by the prototype as a sort of no-op
-      // implementation so that we don't have to check for their existence in the
-      // `pipe` function above.
-
-
-      Stream.prototype.push = function (data) {
-        this.trigger('data', data);
-      };
-
-      Stream.prototype.flush = function (flushSource) {
-        this.trigger('done', flushSource);
-      };
-
-      Stream.prototype.partialFlush = function (flushSource) {
-        this.trigger('partialdone', flushSource);
-      };
-
-      Stream.prototype.endTimeline = function (flushSource) {
-        this.trigger('endedtimeline', flushSource);
-      };
-
-      Stream.prototype.reset = function (flushSource) {
-        this.trigger('reset', flushSource);
-      };
-
-      var stream = Stream;
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       *
-       * Functions that generate fragmented MP4s suitable for use with Media
-       * Source Extensions.
-       */
-
-      var UINT32_MAX = Math.pow(2, 32) - 1;
-      var box, dinf, esds, ftyp, mdat, mfhd, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, sdtp, stbl, stsd, traf, trex, trun, types, MAJOR_BRAND, MINOR_VERSION, AVC1_BRAND, VIDEO_HDLR, AUDIO_HDLR, HDLR_TYPES, VMHD, SMHD, DREF, STCO, STSC, STSZ, STTS; // pre-calculate constants
-
-      (function () {
-        var i;
-        types = {
-          avc1: [],
-          // codingname
-          avcC: [],
-          btrt: [],
-          dinf: [],
-          dref: [],
-          esds: [],
-          ftyp: [],
-          hdlr: [],
-          mdat: [],
-          mdhd: [],
-          mdia: [],
-          mfhd: [],
-          minf: [],
-          moof: [],
-          moov: [],
-          mp4a: [],
-          // codingname
-          mvex: [],
-          mvhd: [],
-          pasp: [],
-          sdtp: [],
-          smhd: [],
-          stbl: [],
-          stco: [],
-          stsc: [],
-          stsd: [],
-          stsz: [],
-          stts: [],
-          styp: [],
-          tfdt: [],
-          tfhd: [],
-          traf: [],
-          trak: [],
-          trun: [],
-          trex: [],
-          tkhd: [],
-          vmhd: []
-        }; // In environments where Uint8Array is undefined (e.g., IE8), skip set up so that we
-        // don't throw an error
-
-        if (typeof Uint8Array === 'undefined') {
-          return;
-        }
-
-        for (i in types) {
-          if (types.hasOwnProperty(i)) {
-            types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)];
-          }
-        }
-
-        MAJOR_BRAND = new Uint8Array(['i'.charCodeAt(0), 's'.charCodeAt(0), 'o'.charCodeAt(0), 'm'.charCodeAt(0)]);
-        AVC1_BRAND = new Uint8Array(['a'.charCodeAt(0), 'v'.charCodeAt(0), 'c'.charCodeAt(0), '1'.charCodeAt(0)]);
-        MINOR_VERSION = new Uint8Array([0, 0, 0, 1]);
-        VIDEO_HDLR = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x00, // pre_defined
-        0x76, 0x69, 0x64, 0x65, // handler_type: 'vide'
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x56, 0x69, 0x64, 0x65, 0x6f, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'VideoHandler'
-        ]);
-        AUDIO_HDLR = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x00, // pre_defined
-        0x73, 0x6f, 0x75, 0x6e, // handler_type: 'soun'
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x53, 0x6f, 0x75, 0x6e, 0x64, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'SoundHandler'
-        ]);
-        HDLR_TYPES = {
-          video: VIDEO_HDLR,
-          audio: AUDIO_HDLR
-        };
-        DREF = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x01, // entry_count
-        0x00, 0x00, 0x00, 0x0c, // entry_size
-        0x75, 0x72, 0x6c, 0x20, // 'url' type
-        0x00, // version 0
-        0x00, 0x00, 0x01 // entry_flags
-        ]);
-        SMHD = new Uint8Array([0x00, // version
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, // balance, 0 means centered
-        0x00, 0x00 // reserved
-        ]);
-        STCO = new Uint8Array([0x00, // version
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x00 // entry_count
-        ]);
-        STSC = STCO;
-        STSZ = new Uint8Array([0x00, // version
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x00, // sample_size
-        0x00, 0x00, 0x00, 0x00 // sample_count
-        ]);
-        STTS = STCO;
-        VMHD = new Uint8Array([0x00, // version
-        0x00, 0x00, 0x01, // flags
-        0x00, 0x00, // graphicsmode
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor
-        ]);
-      })();
-
-      box = function box(type) {
-        var payload = [],
-            size = 0,
-            i,
-            result,
-            view;
-
-        for (i = 1; i < arguments.length; i++) {
-          payload.push(arguments[i]);
-        }
-
-        i = payload.length; // calculate the total size we need to allocate
-
-        while (i--) {
-          size += payload[i].byteLength;
-        }
-
-        result = new Uint8Array(size + 8);
-        view = new DataView(result.buffer, result.byteOffset, result.byteLength);
-        view.setUint32(0, result.byteLength);
-        result.set(type, 4); // copy the payload into the result
-
-        for (i = 0, size = 8; i < payload.length; i++) {
-          result.set(payload[i], size);
-          size += payload[i].byteLength;
-        }
-
-        return result;
-      };
-
-      dinf = function dinf() {
-        return box(types.dinf, box(types.dref, DREF));
-      };
-
-      esds = function esds(track) {
-        return box(types.esds, new Uint8Array([0x00, // version
-        0x00, 0x00, 0x00, // flags
-        // ES_Descriptor
-        0x03, // tag, ES_DescrTag
-        0x19, // length
-        0x00, 0x00, // ES_ID
-        0x00, // streamDependenceFlag, URL_flag, reserved, streamPriority
-        // DecoderConfigDescriptor
-        0x04, // tag, DecoderConfigDescrTag
-        0x11, // length
-        0x40, // object type
-        0x15, // streamType
-        0x00, 0x06, 0x00, // bufferSizeDB
-        0x00, 0x00, 0xda, 0xc0, // maxBitrate
-        0x00, 0x00, 0xda, 0xc0, // avgBitrate
-        // DecoderSpecificInfo
-        0x05, // tag, DecoderSpecificInfoTag
-        0x02, // length
-        // ISO/IEC 14496-3, AudioSpecificConfig
-        // for samplingFrequencyIndex see ISO/IEC 13818-7:2006, 8.1.3.2.2, Table 35
-        track.audioobjecttype << 3 | track.samplingfrequencyindex >>> 1, track.samplingfrequencyindex << 7 | track.channelcount << 3, 0x06, 0x01, 0x02 // GASpecificConfig
-        ]));
-      };
-
-      ftyp = function ftyp() {
-        return box(types.ftyp, MAJOR_BRAND, MINOR_VERSION, MAJOR_BRAND, AVC1_BRAND);
-      };
-
-      hdlr = function hdlr(type) {
-        return box(types.hdlr, HDLR_TYPES[type]);
-      };
-
-      mdat = function mdat(data) {
-        return box(types.mdat, data);
-      };
-
-      mdhd = function mdhd(track) {
-        var result = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x02, // creation_time
-        0x00, 0x00, 0x00, 0x03, // modification_time
-        0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
-        track.duration >>> 24 & 0xFF, track.duration >>> 16 & 0xFF, track.duration >>> 8 & 0xFF, track.duration & 0xFF, // duration
-        0x55, 0xc4, // 'und' language (undetermined)
-        0x00, 0x00]); // Use the sample rate from the track metadata, when it is
-        // defined. The sample rate can be parsed out of an ADTS header, for
-        // instance.
-
-        if (track.samplerate) {
-          result[12] = track.samplerate >>> 24 & 0xFF;
-          result[13] = track.samplerate >>> 16 & 0xFF;
-          result[14] = track.samplerate >>> 8 & 0xFF;
-          result[15] = track.samplerate & 0xFF;
-        }
-
-        return box(types.mdhd, result);
-      };
-
-      mdia = function mdia(track) {
-        return box(types.mdia, mdhd(track), hdlr(track.type), minf(track));
-      };
-
-      mfhd = function mfhd(sequenceNumber) {
-        return box(types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags
-        (sequenceNumber & 0xFF000000) >> 24, (sequenceNumber & 0xFF0000) >> 16, (sequenceNumber & 0xFF00) >> 8, sequenceNumber & 0xFF // sequence_number
-        ]));
-      };
-
-      minf = function minf(track) {
-        return box(types.minf, track.type === 'video' ? box(types.vmhd, VMHD) : box(types.smhd, SMHD), dinf(), stbl(track));
-      };
-
-      moof = function moof(sequenceNumber, tracks) {
-        var trackFragments = [],
-            i = tracks.length; // build traf boxes for each track fragment
-
-        while (i--) {
-          trackFragments[i] = traf(tracks[i]);
-        }
-
-        return box.apply(null, [types.moof, mfhd(sequenceNumber)].concat(trackFragments));
-      };
-      /**
-       * Returns a movie box.
-       * @param tracks {array} the tracks associated with this movie
-       * @see ISO/IEC 14496-12:2012(E), section 8.2.1
-       */
-
-
-      moov = function moov(tracks) {
-        var i = tracks.length,
-            boxes = [];
-
-        while (i--) {
-          boxes[i] = trak(tracks[i]);
-        }
-
-        return box.apply(null, [types.moov, mvhd(0xffffffff)].concat(boxes).concat(mvex(tracks)));
-      };
-
-      mvex = function mvex(tracks) {
-        var i = tracks.length,
-            boxes = [];
-
-        while (i--) {
-          boxes[i] = trex(tracks[i]);
-        }
-
-        return box.apply(null, [types.mvex].concat(boxes));
-      };
-
-      mvhd = function mvhd(duration) {
-        var bytes = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x01, // creation_time
-        0x00, 0x00, 0x00, 0x02, // modification_time
-        0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
-        (duration & 0xFF000000) >> 24, (duration & 0xFF0000) >> 16, (duration & 0xFF00) >> 8, duration & 0xFF, // duration
-        0x00, 0x01, 0x00, 0x00, // 1.0 rate
-        0x01, 0x00, // 1.0 volume
-        0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
-        0xff, 0xff, 0xff, 0xff // next_track_ID
-        ]);
-        return box(types.mvhd, bytes);
-      };
-
-      sdtp = function sdtp(track) {
-        var samples = track.samples || [],
-            bytes = new Uint8Array(4 + samples.length),
-            flags,
-            i; // leave the full box header (4 bytes) all zero
-        // write the sample table
-
-        for (i = 0; i < samples.length; i++) {
-          flags = samples[i].flags;
-          bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy;
-        }
-
-        return box(types.sdtp, bytes);
-      };
-
-      stbl = function stbl(track) {
-        return box(types.stbl, stsd(track), box(types.stts, STTS), box(types.stsc, STSC), box(types.stsz, STSZ), box(types.stco, STCO));
-      };
-
-      (function () {
-        var videoSample, audioSample;
-
-        stsd = function stsd(track) {
-          return box(types.stsd, new Uint8Array([0x00, // version 0
-          0x00, 0x00, 0x00, // flags
-          0x00, 0x00, 0x00, 0x01]), track.type === 'video' ? videoSample(track) : audioSample(track));
-        };
-
-        videoSample = function videoSample(track) {
-          var sps = track.sps || [],
-              pps = track.pps || [],
-              sequenceParameterSets = [],
-              pictureParameterSets = [],
-              i,
-              avc1Box; // assemble the SPSs
-
-          for (i = 0; i < sps.length; i++) {
-            sequenceParameterSets.push((sps[i].byteLength & 0xFF00) >>> 8);
-            sequenceParameterSets.push(sps[i].byteLength & 0xFF); // sequenceParameterSetLength
-
-            sequenceParameterSets = sequenceParameterSets.concat(Array.prototype.slice.call(sps[i])); // SPS
-          } // assemble the PPSs
-
-
-          for (i = 0; i < pps.length; i++) {
-            pictureParameterSets.push((pps[i].byteLength & 0xFF00) >>> 8);
-            pictureParameterSets.push(pps[i].byteLength & 0xFF);
-            pictureParameterSets = pictureParameterSets.concat(Array.prototype.slice.call(pps[i]));
-          }
-
-          avc1Box = [types.avc1, new Uint8Array([0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-          0x00, 0x01, // data_reference_index
-          0x00, 0x00, // pre_defined
-          0x00, 0x00, // reserved
-          0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
-          (track.width & 0xff00) >> 8, track.width & 0xff, // width
-          (track.height & 0xff00) >> 8, track.height & 0xff, // height
-          0x00, 0x48, 0x00, 0x00, // horizresolution
-          0x00, 0x48, 0x00, 0x00, // vertresolution
-          0x00, 0x00, 0x00, 0x00, // reserved
-          0x00, 0x01, // frame_count
-          0x13, 0x76, 0x69, 0x64, 0x65, 0x6f, 0x6a, 0x73, 0x2d, 0x63, 0x6f, 0x6e, 0x74, 0x72, 0x69, 0x62, 0x2d, 0x68, 0x6c, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname
-          0x00, 0x18, // depth = 24
-          0x11, 0x11 // pre_defined = -1
-          ]), box(types.avcC, new Uint8Array([0x01, // configurationVersion
-          track.profileIdc, // AVCProfileIndication
-          track.profileCompatibility, // profile_compatibility
-          track.levelIdc, // AVCLevelIndication
-          0xff // lengthSizeMinusOne, hard-coded to 4 bytes
-          ].concat([sps.length], // numOfSequenceParameterSets
-          sequenceParameterSets, // "SPS"
-          [pps.length], // numOfPictureParameterSets
-          pictureParameterSets // "PPS"
-          ))), box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB
-          0x00, 0x2d, 0xc6, 0xc0, // maxBitrate
-          0x00, 0x2d, 0xc6, 0xc0 // avgBitrate
-          ]))];
-
-          if (track.sarRatio) {
-            var hSpacing = track.sarRatio[0],
-                vSpacing = track.sarRatio[1];
-            avc1Box.push(box(types.pasp, new Uint8Array([(hSpacing & 0xFF000000) >> 24, (hSpacing & 0xFF0000) >> 16, (hSpacing & 0xFF00) >> 8, hSpacing & 0xFF, (vSpacing & 0xFF000000) >> 24, (vSpacing & 0xFF0000) >> 16, (vSpacing & 0xFF00) >> 8, vSpacing & 0xFF])));
-          }
-
-          return box.apply(null, avc1Box);
-        };
-
-        audioSample = function audioSample(track) {
-          return box(types.mp4a, new Uint8Array([// SampleEntry, ISO/IEC 14496-12
-          0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-          0x00, 0x01, // data_reference_index
-          // AudioSampleEntry, ISO/IEC 14496-12
-          0x00, 0x00, 0x00, 0x00, // reserved
-          0x00, 0x00, 0x00, 0x00, // reserved
-          (track.channelcount & 0xff00) >> 8, track.channelcount & 0xff, // channelcount
-          (track.samplesize & 0xff00) >> 8, track.samplesize & 0xff, // samplesize
-          0x00, 0x00, // pre_defined
-          0x00, 0x00, // reserved
-          (track.samplerate & 0xff00) >> 8, track.samplerate & 0xff, 0x00, 0x00 // samplerate, 16.16
-          // MP4AudioSampleEntry, ISO/IEC 14496-14
-          ]), esds(track));
-        };
-      })();
-
-      tkhd = function tkhd(track) {
-        var result = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x07, // flags
-        0x00, 0x00, 0x00, 0x00, // creation_time
-        0x00, 0x00, 0x00, 0x00, // modification_time
-        (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-        0x00, 0x00, 0x00, 0x00, // reserved
-        (track.duration & 0xFF000000) >> 24, (track.duration & 0xFF0000) >> 16, (track.duration & 0xFF00) >> 8, track.duration & 0xFF, // duration
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, // layer
-        0x00, 0x00, // alternate_group
-        0x01, 0x00, // non-audio track volume
-        0x00, 0x00, // reserved
-        0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
-        (track.width & 0xFF00) >> 8, track.width & 0xFF, 0x00, 0x00, // width
-        (track.height & 0xFF00) >> 8, track.height & 0xFF, 0x00, 0x00 // height
-        ]);
-        return box(types.tkhd, result);
-      };
-      /**
-       * Generate a track fragment (traf) box. A traf box collects metadata
-       * about tracks in a movie fragment (moof) box.
-       */
-
-
-      traf = function traf(track) {
-        var trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable, dataOffset, upperWordBaseMediaDecodeTime, lowerWordBaseMediaDecodeTime;
-        trackFragmentHeader = box(types.tfhd, new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x3a, // flags
-        (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-        0x00, 0x00, 0x00, 0x01, // sample_description_index
-        0x00, 0x00, 0x00, 0x00, // default_sample_duration
-        0x00, 0x00, 0x00, 0x00, // default_sample_size
-        0x00, 0x00, 0x00, 0x00 // default_sample_flags
-        ]));
-        upperWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime / (UINT32_MAX + 1));
-        lowerWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime % (UINT32_MAX + 1));
-        trackFragmentDecodeTime = box(types.tfdt, new Uint8Array([0x01, // version 1
-        0x00, 0x00, 0x00, // flags
-        // baseMediaDecodeTime
-        upperWordBaseMediaDecodeTime >>> 24 & 0xFF, upperWordBaseMediaDecodeTime >>> 16 & 0xFF, upperWordBaseMediaDecodeTime >>> 8 & 0xFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >>> 24 & 0xFF, lowerWordBaseMediaDecodeTime >>> 16 & 0xFF, lowerWordBaseMediaDecodeTime >>> 8 & 0xFF, lowerWordBaseMediaDecodeTime & 0xFF])); // the data offset specifies the number of bytes from the start of
-        // the containing moof to the first payload byte of the associated
-        // mdat
-
-        dataOffset = 32 + // tfhd
-        20 + // tfdt
-        8 + // traf header
-        16 + // mfhd
-        8 + // moof header
-        8; // mdat header
-        // audio tracks require less metadata
-
-        if (track.type === 'audio') {
-          trackFragmentRun = trun(track, dataOffset);
-          return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun);
-        } // video tracks should contain an independent and disposable samples
-        // box (sdtp)
-        // generate one and adjust offsets to match
-
-
-        sampleDependencyTable = sdtp(track);
-        trackFragmentRun = trun(track, sampleDependencyTable.length + dataOffset);
-        return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable);
-      };
-      /**
-       * Generate a track box.
-       * @param track {object} a track definition
-       * @return {Uint8Array} the track box
-       */
-
-
-      trak = function trak(track) {
-        track.duration = track.duration || 0xffffffff;
-        return box(types.trak, tkhd(track), mdia(track));
-      };
-
-      trex = function trex(track) {
-        var result = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-        0x00, 0x00, 0x00, 0x01, // default_sample_description_index
-        0x00, 0x00, 0x00, 0x00, // default_sample_duration
-        0x00, 0x00, 0x00, 0x00, // default_sample_size
-        0x00, 0x01, 0x00, 0x01 // default_sample_flags
-        ]); // the last two bytes of default_sample_flags is the sample
-        // degradation priority, a hint about the importance of this sample
-        // relative to others. Lower the degradation priority for all sample
-        // types other than video.
-
-        if (track.type !== 'video') {
-          result[result.length - 1] = 0x00;
-        }
-
-        return box(types.trex, result);
-      };
-
-      (function () {
-        var audioTrun, videoTrun, trunHeader; // This method assumes all samples are uniform. That is, if a
-        // duration is present for the first sample, it will be present for
-        // all subsequent samples.
-        // see ISO/IEC 14496-12:2012, Section 8.8.8.1
-
-        trunHeader = function trunHeader(samples, offset) {
-          var durationPresent = 0,
-              sizePresent = 0,
-              flagsPresent = 0,
-              compositionTimeOffset = 0; // trun flag constants
-
-          if (samples.length) {
-            if (samples[0].duration !== undefined) {
-              durationPresent = 0x1;
-            }
-
-            if (samples[0].size !== undefined) {
-              sizePresent = 0x2;
-            }
-
-            if (samples[0].flags !== undefined) {
-              flagsPresent = 0x4;
-            }
-
-            if (samples[0].compositionTimeOffset !== undefined) {
-              compositionTimeOffset = 0x8;
-            }
-          }
-
-          return [0x00, // version 0
-          0x00, durationPresent | sizePresent | flagsPresent | compositionTimeOffset, 0x01, // flags
-          (samples.length & 0xFF000000) >>> 24, (samples.length & 0xFF0000) >>> 16, (samples.length & 0xFF00) >>> 8, samples.length & 0xFF, // sample_count
-          (offset & 0xFF000000) >>> 24, (offset & 0xFF0000) >>> 16, (offset & 0xFF00) >>> 8, offset & 0xFF // data_offset
-          ];
-        };
-
-        videoTrun = function videoTrun(track, offset) {
-          var bytes, samples, sample, i;
-          samples = track.samples || [];
-          offset += 8 + 12 + 16 * samples.length;
-          bytes = trunHeader(samples, offset);
-
-          for (i = 0; i < samples.length; i++) {
-            sample = samples[i];
-            bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
-            (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF, // sample_size
-            sample.flags.isLeading << 2 | sample.flags.dependsOn, sample.flags.isDependedOn << 6 | sample.flags.hasRedundancy << 4 | sample.flags.paddingValue << 1 | sample.flags.isNonSyncSample, sample.flags.degradationPriority & 0xF0 << 8, sample.flags.degradationPriority & 0x0F, // sample_flags
-            (sample.compositionTimeOffset & 0xFF000000) >>> 24, (sample.compositionTimeOffset & 0xFF0000) >>> 16, (sample.compositionTimeOffset & 0xFF00) >>> 8, sample.compositionTimeOffset & 0xFF // sample_composition_time_offset
-            ]);
-          }
-
-          return box(types.trun, new Uint8Array(bytes));
-        };
-
-        audioTrun = function audioTrun(track, offset) {
-          var bytes, samples, sample, i;
-          samples = track.samples || [];
-          offset += 8 + 12 + 8 * samples.length;
-          bytes = trunHeader(samples, offset);
-
-          for (i = 0; i < samples.length; i++) {
-            sample = samples[i];
-            bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
-            (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF]); // sample_size
-          }
-
-          return box(types.trun, new Uint8Array(bytes));
-        };
-
-        trun = function trun(track, offset) {
-          if (track.type === 'audio') {
-            return audioTrun(track, offset);
-          }
-
-          return videoTrun(track, offset);
-        };
-      })();
-
-      var mp4Generator = {
-        ftyp: ftyp,
-        mdat: mdat,
-        moof: moof,
-        moov: moov,
-        initSegment: function initSegment(tracks) {
-          var fileType = ftyp(),
-              movie = moov(tracks),
-              result;
-          result = new Uint8Array(fileType.byteLength + movie.byteLength);
-          result.set(fileType);
-          result.set(movie, fileType.byteLength);
-          return result;
-        }
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-      // Convert an array of nal units into an array of frames with each frame being
-      // composed of the nal units that make up that frame
-      // Also keep track of cummulative data about the frame from the nal units such
-      // as the frame duration, starting pts, etc.
-
-      var groupNalsIntoFrames = function groupNalsIntoFrames(nalUnits) {
-        var i,
-            currentNal,
-            currentFrame = [],
-            frames = []; // TODO added for LHLS, make sure this is OK
-
-        frames.byteLength = 0;
-        frames.nalCount = 0;
-        frames.duration = 0;
-        currentFrame.byteLength = 0;
-
-        for (i = 0; i < nalUnits.length; i++) {
-          currentNal = nalUnits[i]; // Split on 'aud'-type nal units
-
-          if (currentNal.nalUnitType === 'access_unit_delimiter_rbsp') {
-            // Since the very first nal unit is expected to be an AUD
-            // only push to the frames array when currentFrame is not empty
-            if (currentFrame.length) {
-              currentFrame.duration = currentNal.dts - currentFrame.dts; // TODO added for LHLS, make sure this is OK
-
-              frames.byteLength += currentFrame.byteLength;
-              frames.nalCount += currentFrame.length;
-              frames.duration += currentFrame.duration;
-              frames.push(currentFrame);
-            }
-
-            currentFrame = [currentNal];
-            currentFrame.byteLength = currentNal.data.byteLength;
-            currentFrame.pts = currentNal.pts;
-            currentFrame.dts = currentNal.dts;
-          } else {
-            // Specifically flag key frames for ease of use later
-            if (currentNal.nalUnitType === 'slice_layer_without_partitioning_rbsp_idr') {
-              currentFrame.keyFrame = true;
-            }
-
-            currentFrame.duration = currentNal.dts - currentFrame.dts;
-            currentFrame.byteLength += currentNal.data.byteLength;
-            currentFrame.push(currentNal);
-          }
-        } // For the last frame, use the duration of the previous frame if we
-        // have nothing better to go on
-
-
-        if (frames.length && (!currentFrame.duration || currentFrame.duration <= 0)) {
-          currentFrame.duration = frames[frames.length - 1].duration;
-        } // Push the final frame
-        // TODO added for LHLS, make sure this is OK
-
-
-        frames.byteLength += currentFrame.byteLength;
-        frames.nalCount += currentFrame.length;
-        frames.duration += currentFrame.duration;
-        frames.push(currentFrame);
-        return frames;
-      }; // Convert an array of frames into an array of Gop with each Gop being composed
-      // of the frames that make up that Gop
-      // Also keep track of cummulative data about the Gop from the frames such as the
-      // Gop duration, starting pts, etc.
-
-
-      var groupFramesIntoGops = function groupFramesIntoGops(frames) {
-        var i,
-            currentFrame,
-            currentGop = [],
-            gops = []; // We must pre-set some of the values on the Gop since we
-        // keep running totals of these values
-
-        currentGop.byteLength = 0;
-        currentGop.nalCount = 0;
-        currentGop.duration = 0;
-        currentGop.pts = frames[0].pts;
-        currentGop.dts = frames[0].dts; // store some metadata about all the Gops
-
-        gops.byteLength = 0;
-        gops.nalCount = 0;
-        gops.duration = 0;
-        gops.pts = frames[0].pts;
-        gops.dts = frames[0].dts;
-
-        for (i = 0; i < frames.length; i++) {
-          currentFrame = frames[i];
-
-          if (currentFrame.keyFrame) {
-            // Since the very first frame is expected to be an keyframe
-            // only push to the gops array when currentGop is not empty
-            if (currentGop.length) {
-              gops.push(currentGop);
-              gops.byteLength += currentGop.byteLength;
-              gops.nalCount += currentGop.nalCount;
-              gops.duration += currentGop.duration;
-            }
-
-            currentGop = [currentFrame];
-            currentGop.nalCount = currentFrame.length;
-            currentGop.byteLength = currentFrame.byteLength;
-            currentGop.pts = currentFrame.pts;
-            currentGop.dts = currentFrame.dts;
-            currentGop.duration = currentFrame.duration;
-          } else {
-            currentGop.duration += currentFrame.duration;
-            currentGop.nalCount += currentFrame.length;
-            currentGop.byteLength += currentFrame.byteLength;
-            currentGop.push(currentFrame);
-          }
-        }
-
-        if (gops.length && currentGop.duration <= 0) {
-          currentGop.duration = gops[gops.length - 1].duration;
-        }
-
-        gops.byteLength += currentGop.byteLength;
-        gops.nalCount += currentGop.nalCount;
-        gops.duration += currentGop.duration; // push the final Gop
-
-        gops.push(currentGop);
-        return gops;
-      };
-      /*
-       * Search for the first keyframe in the GOPs and throw away all frames
-       * until that keyframe. Then extend the duration of the pulled keyframe
-       * and pull the PTS and DTS of the keyframe so that it covers the time
-       * range of the frames that were disposed.
-       *
-       * @param {Array} gops video GOPs
-       * @returns {Array} modified video GOPs
-       */
-
-
-      var extendFirstKeyFrame = function extendFirstKeyFrame(gops) {
-        var currentGop;
-
-        if (!gops[0][0].keyFrame && gops.length > 1) {
-          // Remove the first GOP
-          currentGop = gops.shift();
-          gops.byteLength -= currentGop.byteLength;
-          gops.nalCount -= currentGop.nalCount; // Extend the first frame of what is now the
-          // first gop to cover the time period of the
-          // frames we just removed
-
-          gops[0][0].dts = currentGop.dts;
-          gops[0][0].pts = currentGop.pts;
-          gops[0][0].duration += currentGop.duration;
-        }
-
-        return gops;
-      };
-      /**
-       * Default sample object
-       * see ISO/IEC 14496-12:2012, section 8.6.4.3
-       */
-
-
-      var createDefaultSample = function createDefaultSample() {
-        return {
-          size: 0,
-          flags: {
-            isLeading: 0,
-            dependsOn: 1,
-            isDependedOn: 0,
-            hasRedundancy: 0,
-            degradationPriority: 0,
-            isNonSyncSample: 1
-          }
-        };
-      };
-      /*
-       * Collates information from a video frame into an object for eventual
-       * entry into an MP4 sample table.
-       *
-       * @param {Object} frame the video frame
-       * @param {Number} dataOffset the byte offset to position the sample
-       * @return {Object} object containing sample table info for a frame
-       */
-
-
-      var sampleForFrame = function sampleForFrame(frame, dataOffset) {
-        var sample = createDefaultSample();
-        sample.dataOffset = dataOffset;
-        sample.compositionTimeOffset = frame.pts - frame.dts;
-        sample.duration = frame.duration;
-        sample.size = 4 * frame.length; // Space for nal unit size
-
-        sample.size += frame.byteLength;
-
-        if (frame.keyFrame) {
-          sample.flags.dependsOn = 2;
-          sample.flags.isNonSyncSample = 0;
-        }
-
-        return sample;
-      }; // generate the track's sample table from an array of gops
-
-
-      var generateSampleTable = function generateSampleTable(gops, baseDataOffset) {
-        var h,
-            i,
-            sample,
-            currentGop,
-            currentFrame,
-            dataOffset = baseDataOffset || 0,
-            samples = [];
-
-        for (h = 0; h < gops.length; h++) {
-          currentGop = gops[h];
-
-          for (i = 0; i < currentGop.length; i++) {
-            currentFrame = currentGop[i];
-            sample = sampleForFrame(currentFrame, dataOffset);
-            dataOffset += sample.size;
-            samples.push(sample);
-          }
-        }
-
-        return samples;
-      }; // generate the track's raw mdat data from an array of gops
-
-
-      var concatenateNalData = function concatenateNalData(gops) {
-        var h,
-            i,
-            j,
-            currentGop,
-            currentFrame,
-            currentNal,
-            dataOffset = 0,
-            nalsByteLength = gops.byteLength,
-            numberOfNals = gops.nalCount,
-            totalByteLength = nalsByteLength + 4 * numberOfNals,
-            data = new Uint8Array(totalByteLength),
-            view = new DataView(data.buffer); // For each Gop..
-
-        for (h = 0; h < gops.length; h++) {
-          currentGop = gops[h]; // For each Frame..
-
-          for (i = 0; i < currentGop.length; i++) {
-            currentFrame = currentGop[i]; // For each NAL..
-
-            for (j = 0; j < currentFrame.length; j++) {
-              currentNal = currentFrame[j];
-              view.setUint32(dataOffset, currentNal.data.byteLength);
-              dataOffset += 4;
-              data.set(currentNal.data, dataOffset);
-              dataOffset += currentNal.data.byteLength;
-            }
-          }
-        }
-
-        return data;
-      }; // generate the track's sample table from a frame
-
-
-      var generateSampleTableForFrame = function generateSampleTableForFrame(frame, baseDataOffset) {
-        var sample,
-            dataOffset = baseDataOffset || 0,
-            samples = [];
-        sample = sampleForFrame(frame, dataOffset);
-        samples.push(sample);
-        return samples;
-      }; // generate the track's raw mdat data from a frame
-
-
-      var concatenateNalDataForFrame = function concatenateNalDataForFrame(frame) {
-        var i,
-            currentNal,
-            dataOffset = 0,
-            nalsByteLength = frame.byteLength,
-            numberOfNals = frame.length,
-            totalByteLength = nalsByteLength + 4 * numberOfNals,
-            data = new Uint8Array(totalByteLength),
-            view = new DataView(data.buffer); // For each NAL..
-
-        for (i = 0; i < frame.length; i++) {
-          currentNal = frame[i];
-          view.setUint32(dataOffset, currentNal.data.byteLength);
-          dataOffset += 4;
-          data.set(currentNal.data, dataOffset);
-          dataOffset += currentNal.data.byteLength;
-        }
-
-        return data;
-      };
-
-      var frameUtils = {
-        groupNalsIntoFrames: groupNalsIntoFrames,
-        groupFramesIntoGops: groupFramesIntoGops,
-        extendFirstKeyFrame: extendFirstKeyFrame,
-        generateSampleTable: generateSampleTable,
-        concatenateNalData: concatenateNalData,
-        generateSampleTableForFrame: generateSampleTableForFrame,
-        concatenateNalDataForFrame: concatenateNalDataForFrame
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var highPrefix = [33, 16, 5, 32, 164, 27];
-      var lowPrefix = [33, 65, 108, 84, 1, 2, 4, 8, 168, 2, 4, 8, 17, 191, 252];
-
-      var zeroFill = function zeroFill(count) {
-        var a = [];
-
-        while (count--) {
-          a.push(0);
-        }
-
-        return a;
-      };
-
-      var makeTable = function makeTable(metaTable) {
-        return Object.keys(metaTable).reduce(function (obj, key) {
-          obj[key] = new Uint8Array(metaTable[key].reduce(function (arr, part) {
-            return arr.concat(part);
-          }, []));
-          return obj;
-        }, {});
-      }; // Frames-of-silence to use for filling in missing AAC frames
-
-
-      var coneOfSilence = {
-        96000: [highPrefix, [227, 64], zeroFill(154), [56]],
-        88200: [highPrefix, [231], zeroFill(170), [56]],
-        64000: [highPrefix, [248, 192], zeroFill(240), [56]],
-        48000: [highPrefix, [255, 192], zeroFill(268), [55, 148, 128], zeroFill(54), [112]],
-        44100: [highPrefix, [255, 192], zeroFill(268), [55, 163, 128], zeroFill(84), [112]],
-        32000: [highPrefix, [255, 192], zeroFill(268), [55, 234], zeroFill(226), [112]],
-        24000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 112], zeroFill(126), [224]],
-        16000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 255], zeroFill(269), [223, 108], zeroFill(195), [1, 192]],
-        12000: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 253, 128], zeroFill(259), [56]],
-        11025: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 255, 192], zeroFill(268), [55, 175, 128], zeroFill(108), [112]],
-        8000: [lowPrefix, zeroFill(268), [3, 121, 16], zeroFill(47), [7]]
-      };
-      var silence = makeTable(coneOfSilence);
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var ONE_SECOND_IN_TS = 90000,
-          // 90kHz clock
-      secondsToVideoTs,
-          secondsToAudioTs,
-          videoTsToSeconds,
-          audioTsToSeconds,
-          audioTsToVideoTs,
-          videoTsToAudioTs,
-          metadataTsToSeconds;
-
-      secondsToVideoTs = function secondsToVideoTs(seconds) {
-        return seconds * ONE_SECOND_IN_TS;
-      };
-
-      secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
-        return seconds * sampleRate;
-      };
-
-      videoTsToSeconds = function videoTsToSeconds(timestamp) {
-        return timestamp / ONE_SECOND_IN_TS;
-      };
-
-      audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
-        return timestamp / sampleRate;
-      };
-
-      audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
-        return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
-      };
-
-      videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
-        return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
-      };
-      /**
-       * Adjust ID3 tag or caption timing information by the timeline pts values
-       * (if keepOriginalTimestamps is false) and convert to seconds
-       */
-
-
-      metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
-        return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
-      };
-
-      var clock = {
-        ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
-        secondsToVideoTs: secondsToVideoTs,
-        secondsToAudioTs: secondsToAudioTs,
-        videoTsToSeconds: videoTsToSeconds,
-        audioTsToSeconds: audioTsToSeconds,
-        audioTsToVideoTs: audioTsToVideoTs,
-        videoTsToAudioTs: videoTsToAudioTs,
-        metadataTsToSeconds: metadataTsToSeconds
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      /**
-       * Sum the `byteLength` properties of the data in each AAC frame
-       */
-
-      var sumFrameByteLengths = function sumFrameByteLengths(array) {
-        var i,
-            currentObj,
-            sum = 0; // sum the byteLength's all each nal unit in the frame
-
-        for (i = 0; i < array.length; i++) {
-          currentObj = array[i];
-          sum += currentObj.data.byteLength;
-        }
-
-        return sum;
-      }; // Possibly pad (prefix) the audio track with silence if appending this track
-      // would lead to the introduction of a gap in the audio buffer
-
-
-      var prefixWithSilence = function prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime) {
-        var baseMediaDecodeTimeTs,
-            frameDuration = 0,
-            audioGapDuration = 0,
-            audioFillFrameCount = 0,
-            audioFillDuration = 0,
-            silentFrame,
-            i,
-            firstFrame;
-
-        if (!frames.length) {
-          return;
-        }
-
-        baseMediaDecodeTimeTs = clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate); // determine frame clock duration based on sample rate, round up to avoid overfills
-
-        frameDuration = Math.ceil(clock.ONE_SECOND_IN_TS / (track.samplerate / 1024));
-
-        if (audioAppendStartTs && videoBaseMediaDecodeTime) {
-          // insert the shortest possible amount (audio gap or audio to video gap)
-          audioGapDuration = baseMediaDecodeTimeTs - Math.max(audioAppendStartTs, videoBaseMediaDecodeTime); // number of full frames in the audio gap
-
-          audioFillFrameCount = Math.floor(audioGapDuration / frameDuration);
-          audioFillDuration = audioFillFrameCount * frameDuration;
-        } // don't attempt to fill gaps smaller than a single frame or larger
-        // than a half second
-
-
-        if (audioFillFrameCount < 1 || audioFillDuration > clock.ONE_SECOND_IN_TS / 2) {
-          return;
-        }
-
-        silentFrame = silence[track.samplerate];
-
-        if (!silentFrame) {
-          // we don't have a silent frame pregenerated for the sample rate, so use a frame
-          // from the content instead
-          silentFrame = frames[0].data;
-        }
-
-        for (i = 0; i < audioFillFrameCount; i++) {
-          firstFrame = frames[0];
-          frames.splice(0, 0, {
-            data: silentFrame,
-            dts: firstFrame.dts - frameDuration,
-            pts: firstFrame.pts - frameDuration
-          });
-        }
-
-        track.baseMediaDecodeTime -= Math.floor(clock.videoTsToAudioTs(audioFillDuration, track.samplerate));
-      }; // If the audio segment extends before the earliest allowed dts
-      // value, remove AAC frames until starts at or after the earliest
-      // allowed DTS so that we don't end up with a negative baseMedia-
-      // DecodeTime for the audio track
-
-
-      var trimAdtsFramesByEarliestDts = function trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts) {
-        if (track.minSegmentDts >= earliestAllowedDts) {
-          return adtsFrames;
-        } // We will need to recalculate the earliest segment Dts
-
-
-        track.minSegmentDts = Infinity;
-        return adtsFrames.filter(function (currentFrame) {
-          // If this is an allowed frame, keep it and record it's Dts
-          if (currentFrame.dts >= earliestAllowedDts) {
-            track.minSegmentDts = Math.min(track.minSegmentDts, currentFrame.dts);
-            track.minSegmentPts = track.minSegmentDts;
-            return true;
-          } // Otherwise, discard it
-
-
-          return false;
-        });
-      }; // generate the track's raw mdat data from an array of frames
-
-
-      var generateSampleTable$1 = function generateSampleTable(frames) {
-        var i,
-            currentFrame,
-            samples = [];
-
-        for (i = 0; i < frames.length; i++) {
-          currentFrame = frames[i];
-          samples.push({
-            size: currentFrame.data.byteLength,
-            duration: 1024 // For AAC audio, all samples contain 1024 samples
-
-          });
-        }
-
-        return samples;
-      }; // generate the track's sample table from an array of frames
-
-
-      var concatenateFrameData = function concatenateFrameData(frames) {
-        var i,
-            currentFrame,
-            dataOffset = 0,
-            data = new Uint8Array(sumFrameByteLengths(frames));
-
-        for (i = 0; i < frames.length; i++) {
-          currentFrame = frames[i];
-          data.set(currentFrame.data, dataOffset);
-          dataOffset += currentFrame.data.byteLength;
-        }
-
-        return data;
-      };
-
-      var audioFrameUtils = {
-        prefixWithSilence: prefixWithSilence,
-        trimAdtsFramesByEarliestDts: trimAdtsFramesByEarliestDts,
-        generateSampleTable: generateSampleTable$1,
-        concatenateFrameData: concatenateFrameData
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS;
-      /**
-       * Store information about the start and end of the track and the
-       * duration for each frame/sample we process in order to calculate
-       * the baseMediaDecodeTime
-       */
-
-      var collectDtsInfo = function collectDtsInfo(track, data) {
-        if (typeof data.pts === 'number') {
-          if (track.timelineStartInfo.pts === undefined) {
-            track.timelineStartInfo.pts = data.pts;
-          }
-
-          if (track.minSegmentPts === undefined) {
-            track.minSegmentPts = data.pts;
-          } else {
-            track.minSegmentPts = Math.min(track.minSegmentPts, data.pts);
-          }
-
-          if (track.maxSegmentPts === undefined) {
-            track.maxSegmentPts = data.pts;
-          } else {
-            track.maxSegmentPts = Math.max(track.maxSegmentPts, data.pts);
-          }
-        }
-
-        if (typeof data.dts === 'number') {
-          if (track.timelineStartInfo.dts === undefined) {
-            track.timelineStartInfo.dts = data.dts;
-          }
-
-          if (track.minSegmentDts === undefined) {
-            track.minSegmentDts = data.dts;
-          } else {
-            track.minSegmentDts = Math.min(track.minSegmentDts, data.dts);
-          }
-
-          if (track.maxSegmentDts === undefined) {
-            track.maxSegmentDts = data.dts;
-          } else {
-            track.maxSegmentDts = Math.max(track.maxSegmentDts, data.dts);
-          }
-        }
-      };
-      /**
-       * Clear values used to calculate the baseMediaDecodeTime between
-       * tracks
-       */
-
-
-      var clearDtsInfo = function clearDtsInfo(track) {
-        delete track.minSegmentDts;
-        delete track.maxSegmentDts;
-        delete track.minSegmentPts;
-        delete track.maxSegmentPts;
-      };
-      /**
-       * Calculate the track's baseMediaDecodeTime based on the earliest
-       * DTS the transmuxer has ever seen and the minimum DTS for the
-       * current track
-       * @param track {object} track metadata configuration
-       * @param keepOriginalTimestamps {boolean} If true, keep the timestamps
-       *        in the source; false to adjust the first segment to start at 0.
-       */
-
-
-      var calculateTrackBaseMediaDecodeTime = function calculateTrackBaseMediaDecodeTime(track, keepOriginalTimestamps) {
-        var baseMediaDecodeTime,
-            scale,
-            minSegmentDts = track.minSegmentDts; // Optionally adjust the time so the first segment starts at zero.
-
-        if (!keepOriginalTimestamps) {
-          minSegmentDts -= track.timelineStartInfo.dts;
-        } // track.timelineStartInfo.baseMediaDecodeTime is the location, in time, where
-        // we want the start of the first segment to be placed
-
-
-        baseMediaDecodeTime = track.timelineStartInfo.baseMediaDecodeTime; // Add to that the distance this segment is from the very first
-
-        baseMediaDecodeTime += minSegmentDts; // baseMediaDecodeTime must not become negative
-
-        baseMediaDecodeTime = Math.max(0, baseMediaDecodeTime);
-
-        if (track.type === 'audio') {
-          // Audio has a different clock equal to the sampling_rate so we need to
-          // scale the PTS values into the clock rate of the track
-          scale = track.samplerate / ONE_SECOND_IN_TS$1;
-          baseMediaDecodeTime *= scale;
-          baseMediaDecodeTime = Math.floor(baseMediaDecodeTime);
-        }
-
-        return baseMediaDecodeTime;
-      };
-
-      var trackDecodeInfo = {
-        clearDtsInfo: clearDtsInfo,
-        calculateTrackBaseMediaDecodeTime: calculateTrackBaseMediaDecodeTime,
-        collectDtsInfo: collectDtsInfo
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       *
-       * Reads in-band caption information from a video elementary
-       * stream. Captions must follow the CEA-708 standard for injection
-       * into an MPEG-2 transport streams.
-       * @see https://en.wikipedia.org/wiki/CEA-708
-       * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
-       */
-      // Supplemental enhancement information (SEI) NAL units have a
-      // payload type field to indicate how they are to be
-      // interpreted. CEAS-708 caption content is always transmitted with
-      // payload type 0x04.
-
-      var USER_DATA_REGISTERED_ITU_T_T35 = 4,
-          RBSP_TRAILING_BITS = 128;
-      /**
-        * Parse a supplemental enhancement information (SEI) NAL unit.
-        * Stops parsing once a message of type ITU T T35 has been found.
-        *
-        * @param bytes {Uint8Array} the bytes of a SEI NAL unit
-        * @return {object} the parsed SEI payload
-        * @see Rec. ITU-T H.264, 7.3.2.3.1
-        */
-
-      var parseSei = function parseSei(bytes) {
-        var i = 0,
-            result = {
-          payloadType: -1,
-          payloadSize: 0
-        },
-            payloadType = 0,
-            payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
-
-        while (i < bytes.byteLength) {
-          // stop once we have hit the end of the sei_rbsp
-          if (bytes[i] === RBSP_TRAILING_BITS) {
-            break;
-          } // Parse payload type
-
-
-          while (bytes[i] === 0xFF) {
-            payloadType += 255;
-            i++;
-          }
-
-          payloadType += bytes[i++]; // Parse payload size
-
-          while (bytes[i] === 0xFF) {
-            payloadSize += 255;
-            i++;
-          }
-
-          payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
-          // there can only ever be one caption message in a frame's sei
-
-          if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
-            result.payloadType = payloadType;
-            result.payloadSize = payloadSize;
-            result.payload = bytes.subarray(i, i + payloadSize);
-            break;
-          } // skip the payload and parse the next message
-
-
-          i += payloadSize;
-          payloadType = 0;
-          payloadSize = 0;
-        }
-
-        return result;
-      }; // see ANSI/SCTE 128-1 (2013), section 8.1
-
-
-      var parseUserData = function parseUserData(sei) {
-        // itu_t_t35_contry_code must be 181 (United States) for
-        // captions
-        if (sei.payload[0] !== 181) {
-          return null;
-        } // itu_t_t35_provider_code should be 49 (ATSC) for captions
-
-
-        if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
-          return null;
-        } // the user_identifier should be "GA94" to indicate ATSC1 data
-
-
-        if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
-          return null;
-        } // finally, user_data_type_code should be 0x03 for caption data
-
-
-        if (sei.payload[7] !== 0x03) {
-          return null;
-        } // return the user_data_type_structure and strip the trailing
-        // marker bits
-
-
-        return sei.payload.subarray(8, sei.payload.length - 1);
-      }; // see CEA-708-D, section 4.4
-
-
-      var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
-        var results = [],
-            i,
-            count,
-            offset,
-            data; // if this is just filler, return immediately
-
-        if (!(userData[0] & 0x40)) {
-          return results;
-        } // parse out the cc_data_1 and cc_data_2 fields
-
-
-        count = userData[0] & 0x1f;
-
-        for (i = 0; i < count; i++) {
-          offset = i * 3;
-          data = {
-            type: userData[offset + 2] & 0x03,
-            pts: pts
-          }; // capture cc data when cc_valid is 1
-
-          if (userData[offset + 2] & 0x04) {
-            data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
-            results.push(data);
-          }
-        }
-
-        return results;
-      };
-
-      var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-        var length = data.byteLength,
-            emulationPreventionBytesPositions = [],
-            i = 1,
-            newLength,
-            newData; // Find all `Emulation Prevention Bytes`
-
-        while (i < length - 2) {
-          if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-            emulationPreventionBytesPositions.push(i + 2);
-            i += 2;
-          } else {
-            i++;
-          }
-        } // If no Emulation Prevention Bytes were found just return the original
-        // array
-
-
-        if (emulationPreventionBytesPositions.length === 0) {
-          return data;
-        } // Create a new array to hold the NAL unit data
-
-
-        newLength = length - emulationPreventionBytesPositions.length;
-        newData = new Uint8Array(newLength);
-        var sourceIndex = 0;
-
-        for (i = 0; i < newLength; sourceIndex++, i++) {
-          if (sourceIndex === emulationPreventionBytesPositions[0]) {
-            // Skip this byte
-            sourceIndex++; // Remove this position index
-
-            emulationPreventionBytesPositions.shift();
-          }
-
-          newData[i] = data[sourceIndex];
-        }
-
-        return newData;
-      }; // exports
-
-
-      var captionPacketParser = {
-        parseSei: parseSei,
-        parseUserData: parseUserData,
-        parseCaptionPackets: parseCaptionPackets,
-        discardEmulationPreventionBytes: discardEmulationPreventionBytes,
-        USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
-      }; // -----------------
-      // Link To Transport
-      // -----------------
-
-      var CaptionStream = function CaptionStream() {
-        CaptionStream.prototype.init.call(this);
-        this.captionPackets_ = [];
-        this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
-        new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
-        new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
-        new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
-        ];
-        this.reset(); // forward data and done events from CCs to this CaptionStream
-
-        this.ccStreams_.forEach(function (cc) {
-          cc.on('data', this.trigger.bind(this, 'data'));
-          cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
-          cc.on('done', this.trigger.bind(this, 'done'));
-        }, this);
-      };
-
-      CaptionStream.prototype = new stream();
-
-      CaptionStream.prototype.push = function (event) {
-        var sei, userData, newCaptionPackets; // only examine SEI NALs
-
-        if (event.nalUnitType !== 'sei_rbsp') {
-          return;
-        } // parse the sei
-
-
-        sei = captionPacketParser.parseSei(event.escapedRBSP); // ignore everything but user_data_registered_itu_t_t35
-
-        if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
-          return;
-        } // parse out the user data payload
-
-
-        userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
-
-        if (!userData) {
-          return;
-        } // Sometimes, the same segment # will be downloaded twice. To stop the
-        // caption data from being processed twice, we track the latest dts we've
-        // received and ignore everything with a dts before that. However, since
-        // data for a specific dts can be split across packets on either side of
-        // a segment boundary, we need to make sure we *don't* ignore the packets
-        // from the *next* segment that have dts === this.latestDts_. By constantly
-        // tracking the number of packets received with dts === this.latestDts_, we
-        // know how many should be ignored once we start receiving duplicates.
-
-
-        if (event.dts < this.latestDts_) {
-          // We've started getting older data, so set the flag.
-          this.ignoreNextEqualDts_ = true;
-          return;
-        } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
-          this.numSameDts_--;
-
-          if (!this.numSameDts_) {
-            // We've received the last duplicate packet, time to start processing again
-            this.ignoreNextEqualDts_ = false;
-          }
-
-          return;
-        } // parse out CC data packets and save them for later
-
-
-        newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
-        this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
-
-        if (this.latestDts_ !== event.dts) {
-          this.numSameDts_ = 0;
-        }
-
-        this.numSameDts_++;
-        this.latestDts_ = event.dts;
-      };
-
-      CaptionStream.prototype.flushCCStreams = function (flushType) {
-        this.ccStreams_.forEach(function (cc) {
-          return flushType === 'flush' ? cc.flush() : cc.partialFlush();
-        }, this);
-      };
-
-      CaptionStream.prototype.flushStream = function (flushType) {
-        // make sure we actually parsed captions before proceeding
-        if (!this.captionPackets_.length) {
-          this.flushCCStreams(flushType);
-          return;
-        } // In Chrome, the Array#sort function is not stable so add a
-        // presortIndex that we can use to ensure we get a stable-sort
-
-
-        this.captionPackets_.forEach(function (elem, idx) {
-          elem.presortIndex = idx;
-        }); // sort caption byte-pairs based on their PTS values
-
-        this.captionPackets_.sort(function (a, b) {
-          if (a.pts === b.pts) {
-            return a.presortIndex - b.presortIndex;
-          }
-
-          return a.pts - b.pts;
-        });
-        this.captionPackets_.forEach(function (packet) {
-          if (packet.type < 2) {
-            // Dispatch packet to the right Cea608Stream
-            this.dispatchCea608Packet(packet);
-          } // this is where an 'else' would go for a dispatching packets
-          // to a theoretical Cea708Stream that handles SERVICEn data
-
-        }, this);
-        this.captionPackets_.length = 0;
-        this.flushCCStreams(flushType);
-      };
-
-      CaptionStream.prototype.flush = function () {
-        return this.flushStream('flush');
-      }; // Only called if handling partial data
-
-
-      CaptionStream.prototype.partialFlush = function () {
-        return this.flushStream('partialFlush');
-      };
-
-      CaptionStream.prototype.reset = function () {
-        this.latestDts_ = null;
-        this.ignoreNextEqualDts_ = false;
-        this.numSameDts_ = 0;
-        this.activeCea608Channel_ = [null, null];
-        this.ccStreams_.forEach(function (ccStream) {
-          ccStream.reset();
-        });
-      }; // From the CEA-608 spec:
-
-      /*
-       * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
-       * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
-       * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
-       * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
-       * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
-       * to switch to captioning or Text.
-      */
-      // With that in mind, we ignore any data between an XDS control code and a
-      // subsequent closed-captioning control code.
-
-
-      CaptionStream.prototype.dispatchCea608Packet = function (packet) {
-        // NOTE: packet.type is the CEA608 field
-        if (this.setsTextOrXDSActive(packet)) {
-          this.activeCea608Channel_[packet.type] = null;
-        } else if (this.setsChannel1Active(packet)) {
-          this.activeCea608Channel_[packet.type] = 0;
-        } else if (this.setsChannel2Active(packet)) {
-          this.activeCea608Channel_[packet.type] = 1;
-        }
-
-        if (this.activeCea608Channel_[packet.type] === null) {
-          // If we haven't received anything to set the active channel, or the
-          // packets are Text/XDS data, discard the data; we don't want jumbled
-          // captions
-          return;
-        }
-
-        this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
-      };
-
-      CaptionStream.prototype.setsChannel1Active = function (packet) {
-        return (packet.ccData & 0x7800) === 0x1000;
-      };
-
-      CaptionStream.prototype.setsChannel2Active = function (packet) {
-        return (packet.ccData & 0x7800) === 0x1800;
-      };
-
-      CaptionStream.prototype.setsTextOrXDSActive = function (packet) {
-        return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
-      }; // ----------------------
-      // Session to Application
-      // ----------------------
-      // This hash maps non-ASCII, special, and extended character codes to their
-      // proper Unicode equivalent. The first keys that are only a single byte
-      // are the non-standard ASCII characters, which simply map the CEA608 byte
-      // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
-      // character codes, but have their MSB bitmasked with 0x03 so that a lookup
-      // can be performed regardless of the field and data channel on which the
-      // character code was received.
-
-
-      var CHARACTER_TRANSLATION = {
-        0x2a: 0xe1,
-        // á
-        0x5c: 0xe9,
-        // é
-        0x5e: 0xed,
-        // í
-        0x5f: 0xf3,
-        // ó
-        0x60: 0xfa,
-        // ú
-        0x7b: 0xe7,
-        // ç
-        0x7c: 0xf7,
-        // ÷
-        0x7d: 0xd1,
-        // Ñ
-        0x7e: 0xf1,
-        // ñ
-        0x7f: 0x2588,
-        // █
-        0x0130: 0xae,
-        // ®
-        0x0131: 0xb0,
-        // °
-        0x0132: 0xbd,
-        // ½
-        0x0133: 0xbf,
-        // ¿
-        0x0134: 0x2122,
-        // ™
-        0x0135: 0xa2,
-        // ¢
-        0x0136: 0xa3,
-        // £
-        0x0137: 0x266a,
-        // ♪
-        0x0138: 0xe0,
-        // à
-        0x0139: 0xa0,
-        //
-        0x013a: 0xe8,
-        // è
-        0x013b: 0xe2,
-        // â
-        0x013c: 0xea,
-        // ê
-        0x013d: 0xee,
-        // î
-        0x013e: 0xf4,
-        // ô
-        0x013f: 0xfb,
-        // û
-        0x0220: 0xc1,
-        // Á
-        0x0221: 0xc9,
-        // É
-        0x0222: 0xd3,
-        // Ó
-        0x0223: 0xda,
-        // Ú
-        0x0224: 0xdc,
-        // Ü
-        0x0225: 0xfc,
-        // ü
-        0x0226: 0x2018,
-        // ‘
-        0x0227: 0xa1,
-        // ¡
-        0x0228: 0x2a,
-        // *
-        0x0229: 0x27,
-        // '
-        0x022a: 0x2014,
-        // —
-        0x022b: 0xa9,
-        // ©
-        0x022c: 0x2120,
-        // ℠
-        0x022d: 0x2022,
-        // •
-        0x022e: 0x201c,
-        // “
-        0x022f: 0x201d,
-        // ”
-        0x0230: 0xc0,
-        // À
-        0x0231: 0xc2,
-        // Â
-        0x0232: 0xc7,
-        // Ç
-        0x0233: 0xc8,
-        // È
-        0x0234: 0xca,
-        // Ê
-        0x0235: 0xcb,
-        // Ë
-        0x0236: 0xeb,
-        // ë
-        0x0237: 0xce,
-        // Î
-        0x0238: 0xcf,
-        // Ï
-        0x0239: 0xef,
-        // ï
-        0x023a: 0xd4,
-        // Ô
-        0x023b: 0xd9,
-        // Ù
-        0x023c: 0xf9,
-        // ù
-        0x023d: 0xdb,
-        // Û
-        0x023e: 0xab,
-        // «
-        0x023f: 0xbb,
-        // »
-        0x0320: 0xc3,
-        // Ã
-        0x0321: 0xe3,
-        // ã
-        0x0322: 0xcd,
-        // Í
-        0x0323: 0xcc,
-        // Ì
-        0x0324: 0xec,
-        // ì
-        0x0325: 0xd2,
-        // Ò
-        0x0326: 0xf2,
-        // ò
-        0x0327: 0xd5,
-        // Õ
-        0x0328: 0xf5,
-        // õ
-        0x0329: 0x7b,
-        // {
-        0x032a: 0x7d,
-        // }
-        0x032b: 0x5c,
-        // \
-        0x032c: 0x5e,
-        // ^
-        0x032d: 0x5f,
-        // _
-        0x032e: 0x7c,
-        // |
-        0x032f: 0x7e,
-        // ~
-        0x0330: 0xc4,
-        // Ä
-        0x0331: 0xe4,
-        // ä
-        0x0332: 0xd6,
-        // Ö
-        0x0333: 0xf6,
-        // ö
-        0x0334: 0xdf,
-        // ß
-        0x0335: 0xa5,
-        // ¥
-        0x0336: 0xa4,
-        // ¤
-        0x0337: 0x2502,
-        // │
-        0x0338: 0xc5,
-        // Å
-        0x0339: 0xe5,
-        // å
-        0x033a: 0xd8,
-        // Ø
-        0x033b: 0xf8,
-        // ø
-        0x033c: 0x250c,
-        // ┌
-        0x033d: 0x2510,
-        // ┐
-        0x033e: 0x2514,
-        // └
-        0x033f: 0x2518 // ┘
-
-      };
-
-      var getCharFromCode = function getCharFromCode(code) {
-        if (code === null) {
-          return '';
-        }
-
-        code = CHARACTER_TRANSLATION[code] || code;
-        return String.fromCharCode(code);
-      }; // the index of the last row in a CEA-608 display buffer
-
-
-      var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
-      // getting it through bit logic.
-
-      var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
-      // cells. The "bottom" row is the last element in the outer array.
-
-      var createDisplayBuffer = function createDisplayBuffer() {
-        var result = [],
-            i = BOTTOM_ROW + 1;
-
-        while (i--) {
-          result.push('');
-        }
-
-        return result;
-      };
-
-      var Cea608Stream = function Cea608Stream(field, dataChannel) {
-        Cea608Stream.prototype.init.call(this);
-        this.field_ = field || 0;
-        this.dataChannel_ = dataChannel || 0;
-        this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
-        this.setConstants();
-        this.reset();
-
-        this.push = function (packet) {
-          var data, swap, char0, char1, text; // remove the parity bits
-
-          data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
-
-          if (data === this.lastControlCode_) {
-            this.lastControlCode_ = null;
-            return;
-          } // Store control codes
-
-
-          if ((data & 0xf000) === 0x1000) {
-            this.lastControlCode_ = data;
-          } else if (data !== this.PADDING_) {
-            this.lastControlCode_ = null;
-          }
-
-          char0 = data >>> 8;
-          char1 = data & 0xff;
-
-          if (data === this.PADDING_) {
-            return;
-          } else if (data === this.RESUME_CAPTION_LOADING_) {
-            this.mode_ = 'popOn';
-          } else if (data === this.END_OF_CAPTION_) {
-            // If an EOC is received while in paint-on mode, the displayed caption
-            // text should be swapped to non-displayed memory as if it was a pop-on
-            // caption. Because of that, we should explicitly switch back to pop-on
-            // mode
-            this.mode_ = 'popOn';
-            this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
-
-            this.flushDisplayed(packet.pts); // flip memory
-
-            swap = this.displayed_;
-            this.displayed_ = this.nonDisplayed_;
-            this.nonDisplayed_ = swap; // start measuring the time to display the caption
-
-            this.startPts_ = packet.pts;
-          } else if (data === this.ROLL_UP_2_ROWS_) {
-            this.rollUpRows_ = 2;
-            this.setRollUp(packet.pts);
-          } else if (data === this.ROLL_UP_3_ROWS_) {
-            this.rollUpRows_ = 3;
-            this.setRollUp(packet.pts);
-          } else if (data === this.ROLL_UP_4_ROWS_) {
-            this.rollUpRows_ = 4;
-            this.setRollUp(packet.pts);
-          } else if (data === this.CARRIAGE_RETURN_) {
-            this.clearFormatting(packet.pts);
-            this.flushDisplayed(packet.pts);
-            this.shiftRowsUp_();
-            this.startPts_ = packet.pts;
-          } else if (data === this.BACKSPACE_) {
-            if (this.mode_ === 'popOn') {
-              this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-            } else {
-              this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-            }
-          } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
-            this.flushDisplayed(packet.pts);
-            this.displayed_ = createDisplayBuffer();
-          } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
-            this.nonDisplayed_ = createDisplayBuffer();
-          } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
-            if (this.mode_ !== 'paintOn') {
-              // NOTE: This should be removed when proper caption positioning is
-              // implemented
-              this.flushDisplayed(packet.pts);
-              this.displayed_ = createDisplayBuffer();
-            }
-
-            this.mode_ = 'paintOn';
-            this.startPts_ = packet.pts; // Append special characters to caption text
-          } else if (this.isSpecialCharacter(char0, char1)) {
-            // Bitmask char0 so that we can apply character transformations
-            // regardless of field and data channel.
-            // Then byte-shift to the left and OR with char1 so we can pass the
-            // entire character code to `getCharFromCode`.
-            char0 = (char0 & 0x03) << 8;
-            text = getCharFromCode(char0 | char1);
-            this[this.mode_](packet.pts, text);
-            this.column_++; // Append extended characters to caption text
-          } else if (this.isExtCharacter(char0, char1)) {
-            // Extended characters always follow their "non-extended" equivalents.
-            // IE if a "è" is desired, you'll always receive "eè"; non-compliant
-            // decoders are supposed to drop the "è", while compliant decoders
-            // backspace the "e" and insert "è".
-            // Delete the previous character
-            if (this.mode_ === 'popOn') {
-              this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-            } else {
-              this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-            } // Bitmask char0 so that we can apply character transformations
-            // regardless of field and data channel.
-            // Then byte-shift to the left and OR with char1 so we can pass the
-            // entire character code to `getCharFromCode`.
-
-
-            char0 = (char0 & 0x03) << 8;
-            text = getCharFromCode(char0 | char1);
-            this[this.mode_](packet.pts, text);
-            this.column_++; // Process mid-row codes
-          } else if (this.isMidRowCode(char0, char1)) {
-            // Attributes are not additive, so clear all formatting
-            this.clearFormatting(packet.pts); // According to the standard, mid-row codes
-            // should be replaced with spaces, so add one now
-
-            this[this.mode_](packet.pts, ' ');
-            this.column_++;
-
-            if ((char1 & 0xe) === 0xe) {
-              this.addFormatting(packet.pts, ['i']);
-            }
-
-            if ((char1 & 0x1) === 0x1) {
-              this.addFormatting(packet.pts, ['u']);
-            } // Detect offset control codes and adjust cursor
-
-          } else if (this.isOffsetControlCode(char0, char1)) {
-            // Cursor position is set by indent PAC (see below) in 4-column
-            // increments, with an additional offset code of 1-3 to reach any
-            // of the 32 columns specified by CEA-608. So all we need to do
-            // here is increment the column cursor by the given offset.
-            this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
-          } else if (this.isPAC(char0, char1)) {
-            // There's no logic for PAC -> row mapping, so we have to just
-            // find the row code in an array and use its index :(
-            var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
-
-            if (this.mode_ === 'rollUp') {
-              // This implies that the base row is incorrectly set.
-              // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
-              // of roll-up rows set.
-              if (row - this.rollUpRows_ + 1 < 0) {
-                row = this.rollUpRows_ - 1;
-              }
-
-              this.setRollUp(packet.pts, row);
-            }
-
-            if (row !== this.row_) {
-              // formatting is only persistent for current row
-              this.clearFormatting(packet.pts);
-              this.row_ = row;
-            } // All PACs can apply underline, so detect and apply
-            // (All odd-numbered second bytes set underline)
-
-
-            if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
-              this.addFormatting(packet.pts, ['u']);
-            }
-
-            if ((data & 0x10) === 0x10) {
-              // We've got an indent level code. Each successive even number
-              // increments the column cursor by 4, so we can get the desired
-              // column position by bit-shifting to the right (to get n/2)
-              // and multiplying by 4.
-              this.column_ = ((data & 0xe) >> 1) * 4;
-            }
-
-            if (this.isColorPAC(char1)) {
-              // it's a color code, though we only support white, which
-              // can be either normal or italicized. white italics can be
-              // either 0x4e or 0x6e depending on the row, so we just
-              // bitwise-and with 0xe to see if italics should be turned on
-              if ((char1 & 0xe) === 0xe) {
-                this.addFormatting(packet.pts, ['i']);
-              }
-            } // We have a normal character in char0, and possibly one in char1
-
-          } else if (this.isNormalChar(char0)) {
-            if (char1 === 0x00) {
-              char1 = null;
-            }
-
-            text = getCharFromCode(char0);
-            text += getCharFromCode(char1);
-            this[this.mode_](packet.pts, text);
-            this.column_ += text.length;
-          } // finish data processing
-
-        };
-      };
-
-      Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
-      // display buffer
-
-      Cea608Stream.prototype.flushDisplayed = function (pts) {
-        var content = this.displayed_ // remove spaces from the start and end of the string
-        .map(function (row) {
-          try {
-            return row.trim();
-          } catch (e) {
-            // Ordinarily, this shouldn't happen. However, caption
-            // parsing errors should not throw exceptions and
-            // break playback.
-            // eslint-disable-next-line no-console
-            console.error('Skipping malformed caption.');
-            return '';
-          }
-        }) // combine all text rows to display in one cue
-        .join('\n') // and remove blank rows from the start and end, but not the middle
-        .replace(/^\n+|\n+$/g, '');
-
-        if (content.length) {
-          this.trigger('data', {
-            startPts: this.startPts_,
-            endPts: pts,
-            text: content,
-            stream: this.name_
-          });
-        }
-      };
-      /**
-       * Zero out the data, used for startup and on seek
-       */
-
-
-      Cea608Stream.prototype.reset = function () {
-        this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
-        // actually display captions. If a caption is shifted to a row
-        // with a lower index than this, it is cleared from the display
-        // buffer
-
-        this.topRow_ = 0;
-        this.startPts_ = 0;
-        this.displayed_ = createDisplayBuffer();
-        this.nonDisplayed_ = createDisplayBuffer();
-        this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
-
-        this.column_ = 0;
-        this.row_ = BOTTOM_ROW;
-        this.rollUpRows_ = 2; // This variable holds currently-applied formatting
-
-        this.formatting_ = [];
-      };
-      /**
-       * Sets up control code and related constants for this instance
-       */
-
-
-      Cea608Stream.prototype.setConstants = function () {
-        // The following attributes have these uses:
-        // ext_ :    char0 for mid-row codes, and the base for extended
-        //           chars (ext_+0, ext_+1, and ext_+2 are char0s for
-        //           extended codes)
-        // control_: char0 for control codes, except byte-shifted to the
-        //           left so that we can do this.control_ | CONTROL_CODE
-        // offset_:  char0 for tab offset codes
-        //
-        // It's also worth noting that control codes, and _only_ control codes,
-        // differ between field 1 and field2. Field 2 control codes are always
-        // their field 1 value plus 1. That's why there's the "| field" on the
-        // control value.
-        if (this.dataChannel_ === 0) {
-          this.BASE_ = 0x10;
-          this.EXT_ = 0x11;
-          this.CONTROL_ = (0x14 | this.field_) << 8;
-          this.OFFSET_ = 0x17;
-        } else if (this.dataChannel_ === 1) {
-          this.BASE_ = 0x18;
-          this.EXT_ = 0x19;
-          this.CONTROL_ = (0x1c | this.field_) << 8;
-          this.OFFSET_ = 0x1f;
-        } // Constants for the LSByte command codes recognized by Cea608Stream. This
-        // list is not exhaustive. For a more comprehensive listing and semantics see
-        // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
-        // Padding
-
-
-        this.PADDING_ = 0x0000; // Pop-on Mode
-
-        this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
-        this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
-
-        this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
-        this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
-        this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
-        this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
-
-        this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
-
-        this.BACKSPACE_ = this.CONTROL_ | 0x21;
-        this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
-        this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
-      };
-      /**
-       * Detects if the 2-byte packet data is a special character
-       *
-       * Special characters have a second byte in the range 0x30 to 0x3f,
-       * with the first byte being 0x11 (for data channel 1) or 0x19 (for
-       * data channel 2).
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are an special character
-       */
-
-
-      Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
-        return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
-      };
-      /**
-       * Detects if the 2-byte packet data is an extended character
-       *
-       * Extended characters have a second byte in the range 0x20 to 0x3f,
-       * with the first byte being 0x12 or 0x13 (for data channel 1) or
-       * 0x1a or 0x1b (for data channel 2).
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are an extended character
-       */
-
-
-      Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
-        return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
-      };
-      /**
-       * Detects if the 2-byte packet is a mid-row code
-       *
-       * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
-       * the first byte being 0x11 (for data channel 1) or 0x19 (for data
-       * channel 2).
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are a mid-row code
-       */
-
-
-      Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
-        return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
-      };
-      /**
-       * Detects if the 2-byte packet is an offset control code
-       *
-       * Offset control codes have a second byte in the range 0x21 to 0x23,
-       * with the first byte being 0x17 (for data channel 1) or 0x1f (for
-       * data channel 2).
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are an offset control code
-       */
-
-
-      Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
-        return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
-      };
-      /**
-       * Detects if the 2-byte packet is a Preamble Address Code
-       *
-       * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
-       * or 0x18 to 0x1f (for data channel 2), with the second byte in the
-       * range 0x40 to 0x7f.
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are a PAC
-       */
-
-
-      Cea608Stream.prototype.isPAC = function (char0, char1) {
-        return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
-      };
-      /**
-       * Detects if a packet's second byte is in the range of a PAC color code
-       *
-       * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
-       * 0x60 to 0x6f.
-       *
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the byte is a color PAC
-       */
-
-
-      Cea608Stream.prototype.isColorPAC = function (char1) {
-        return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
-      };
-      /**
-       * Detects if a single byte is in the range of a normal character
-       *
-       * Normal text bytes are in the range 0x20 to 0x7f.
-       *
-       * @param  {Integer} char  The byte
-       * @return {Boolean}       Whether the byte is a normal character
-       */
-
-
-      Cea608Stream.prototype.isNormalChar = function (_char) {
-        return _char >= 0x20 && _char <= 0x7f;
-      };
-      /**
-       * Configures roll-up
-       *
-       * @param  {Integer} pts         Current PTS
-       * @param  {Integer} newBaseRow  Used by PACs to slide the current window to
-       *                               a new position
-       */
-
-
-      Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
-        // Reset the base row to the bottom row when switching modes
-        if (this.mode_ !== 'rollUp') {
-          this.row_ = BOTTOM_ROW;
-          this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
-
-          this.flushDisplayed(pts);
-          this.nonDisplayed_ = createDisplayBuffer();
-          this.displayed_ = createDisplayBuffer();
-        }
-
-        if (newBaseRow !== undefined && newBaseRow !== this.row_) {
-          // move currently displayed captions (up or down) to the new base row
-          for (var i = 0; i < this.rollUpRows_; i++) {
-            this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
-            this.displayed_[this.row_ - i] = '';
-          }
-        }
-
-        if (newBaseRow === undefined) {
-          newBaseRow = this.row_;
-        }
-
-        this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
-      }; // Adds the opening HTML tag for the passed character to the caption text,
-      // and keeps track of it for later closing
-
-
-      Cea608Stream.prototype.addFormatting = function (pts, format) {
-        this.formatting_ = this.formatting_.concat(format);
-        var text = format.reduce(function (text, format) {
-          return text + '<' + format + '>';
-        }, '');
-        this[this.mode_](pts, text);
-      }; // Adds HTML closing tags for current formatting to caption text and
-      // clears remembered formatting
-
-
-      Cea608Stream.prototype.clearFormatting = function (pts) {
-        if (!this.formatting_.length) {
-          return;
-        }
-
-        var text = this.formatting_.reverse().reduce(function (text, format) {
-          return text + '</' + format + '>';
-        }, '');
-        this.formatting_ = [];
-        this[this.mode_](pts, text);
-      }; // Mode Implementations
-
-
-      Cea608Stream.prototype.popOn = function (pts, text) {
-        var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
-
-        baseRow += text;
-        this.nonDisplayed_[this.row_] = baseRow;
-      };
-
-      Cea608Stream.prototype.rollUp = function (pts, text) {
-        var baseRow = this.displayed_[this.row_];
-        baseRow += text;
-        this.displayed_[this.row_] = baseRow;
-      };
-
-      Cea608Stream.prototype.shiftRowsUp_ = function () {
-        var i; // clear out inactive rows
-
-        for (i = 0; i < this.topRow_; i++) {
-          this.displayed_[i] = '';
-        }
-
-        for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
-          this.displayed_[i] = '';
-        } // shift displayed rows up
-
-
-        for (i = this.topRow_; i < this.row_; i++) {
-          this.displayed_[i] = this.displayed_[i + 1];
-        } // clear out the bottom row
-
-
-        this.displayed_[this.row_] = '';
-      };
-
-      Cea608Stream.prototype.paintOn = function (pts, text) {
-        var baseRow = this.displayed_[this.row_];
-        baseRow += text;
-        this.displayed_[this.row_] = baseRow;
-      }; // exports
-
-
-      var captionStream = {
-        CaptionStream: CaptionStream,
-        Cea608Stream: Cea608Stream
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var streamTypes = {
-        H264_STREAM_TYPE: 0x1B,
-        ADTS_STREAM_TYPE: 0x0F,
-        METADATA_STREAM_TYPE: 0x15
-      };
-      var MAX_TS = 8589934592;
-      var RO_THRESH = 4294967296;
-      var TYPE_SHARED = 'shared';
-
-      var handleRollover = function handleRollover(value, reference) {
-        var direction = 1;
-
-        if (value > reference) {
-          // If the current timestamp value is greater than our reference timestamp and we detect a
-          // timestamp rollover, this means the roll over is happening in the opposite direction.
-          // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
-          // point will be set to a small number, e.g. 1. The user then seeks backwards over the
-          // rollover point. In loading this segment, the timestamp values will be very large,
-          // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
-          // the time stamp to be `value - 2^33`.
-          direction = -1;
-        } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
-        // cause an incorrect adjustment.
-
-
-        while (Math.abs(reference - value) > RO_THRESH) {
-          value += direction * MAX_TS;
-        }
-
-        return value;
-      };
-
-      var TimestampRolloverStream = function TimestampRolloverStream(type) {
-        var lastDTS, referenceDTS;
-        TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
-        // video and audio. We could use `undefined` here, but having a string
-        // makes debugging a little clearer.
-
-        this.type_ = type || TYPE_SHARED;
-
-        this.push = function (data) {
-          // Any "shared" rollover streams will accept _all_ data. Otherwise,
-          // streams will only accept data that matches their type.
-          if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
-            return;
-          }
-
-          if (referenceDTS === undefined) {
-            referenceDTS = data.dts;
-          }
-
-          data.dts = handleRollover(data.dts, referenceDTS);
-          data.pts = handleRollover(data.pts, referenceDTS);
-          lastDTS = data.dts;
-          this.trigger('data', data);
-        };
-
-        this.flush = function () {
-          referenceDTS = lastDTS;
-          this.trigger('done');
-        };
-
-        this.endTimeline = function () {
-          this.flush();
-          this.trigger('endedtimeline');
-        };
-
-        this.discontinuity = function () {
-          referenceDTS = void 0;
-          lastDTS = void 0;
-        };
-
-        this.reset = function () {
-          this.discontinuity();
-          this.trigger('reset');
-        };
-      };
-
-      TimestampRolloverStream.prototype = new stream();
-      var timestampRolloverStream = {
-        TimestampRolloverStream: TimestampRolloverStream,
-        handleRollover: handleRollover
-      };
-
-      var percentEncode = function percentEncode(bytes, start, end) {
-        var i,
-            result = '';
-
-        for (i = start; i < end; i++) {
-          result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-        }
-
-        return result;
-      },
-          // return the string representation of the specified byte range,
-      // interpreted as UTf-8.
-      parseUtf8 = function parseUtf8(bytes, start, end) {
-        return decodeURIComponent(percentEncode(bytes, start, end));
-      },
-          // return the string representation of the specified byte range,
-      // interpreted as ISO-8859-1.
-      parseIso88591 = function parseIso88591(bytes, start, end) {
-        return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
-      },
-          parseSyncSafeInteger = function parseSyncSafeInteger(data) {
-        return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-      },
-          tagParsers = {
-        TXXX: function TXXX(tag) {
-          var i;
-
-          if (tag.data[0] !== 3) {
-            // ignore frames with unrecognized character encodings
-            return;
-          }
-
-          for (i = 1; i < tag.data.length; i++) {
-            if (tag.data[i] === 0) {
-              // parse the text fields
-              tag.description = parseUtf8(tag.data, 1, i); // do not include the null terminator in the tag value
-
-              tag.value = parseUtf8(tag.data, i + 1, tag.data.length).replace(/\0*$/, '');
-              break;
-            }
-          }
-
-          tag.data = tag.value;
-        },
-        WXXX: function WXXX(tag) {
-          var i;
-
-          if (tag.data[0] !== 3) {
-            // ignore frames with unrecognized character encodings
-            return;
-          }
-
-          for (i = 1; i < tag.data.length; i++) {
-            if (tag.data[i] === 0) {
-              // parse the description and URL fields
-              tag.description = parseUtf8(tag.data, 1, i);
-              tag.url = parseUtf8(tag.data, i + 1, tag.data.length);
-              break;
-            }
-          }
-        },
-        PRIV: function PRIV(tag) {
-          var i;
-
-          for (i = 0; i < tag.data.length; i++) {
-            if (tag.data[i] === 0) {
-              // parse the description and URL fields
-              tag.owner = parseIso88591(tag.data, 0, i);
-              break;
-            }
-          }
-
-          tag.privateData = tag.data.subarray(i + 1);
-          tag.data = tag.privateData;
-        }
-      },
-          _MetadataStream;
-
-      _MetadataStream = function MetadataStream(options) {
-        var settings = {
-          debug: !!(options && options.debug),
-          // the bytes of the program-level descriptor field in MP2T
-          // see ISO/IEC 13818-1:2013 (E), section 2.6 "Program and
-          // program element descriptors"
-          descriptor: options && options.descriptor
-        },
-            // the total size in bytes of the ID3 tag being parsed
-        tagSize = 0,
-            // tag data that is not complete enough to be parsed
-        buffer = [],
-            // the total number of bytes currently in the buffer
-        bufferSize = 0,
-            i;
-
-        _MetadataStream.prototype.init.call(this); // calculate the text track in-band metadata track dispatch type
-        // https://html.spec.whatwg.org/multipage/embedded-content.html#steps-to-expose-a-media-resource-specific-text-track
-
-
-        this.dispatchType = streamTypes.METADATA_STREAM_TYPE.toString(16);
-
-        if (settings.descriptor) {
-          for (i = 0; i < settings.descriptor.length; i++) {
-            this.dispatchType += ('00' + settings.descriptor[i].toString(16)).slice(-2);
-          }
-        }
-
-        this.push = function (chunk) {
-          var tag, frameStart, frameSize, frame, i, frameHeader;
-
-          if (chunk.type !== 'timed-metadata') {
-            return;
-          } // if data_alignment_indicator is set in the PES header,
-          // we must have the start of a new ID3 tag. Assume anything
-          // remaining in the buffer was malformed and throw it out
-
-
-          if (chunk.dataAlignmentIndicator) {
-            bufferSize = 0;
-            buffer.length = 0;
-          } // ignore events that don't look like ID3 data
-
-
-          if (buffer.length === 0 && (chunk.data.length < 10 || chunk.data[0] !== 'I'.charCodeAt(0) || chunk.data[1] !== 'D'.charCodeAt(0) || chunk.data[2] !== '3'.charCodeAt(0))) {
-            if (settings.debug) {
-              // eslint-disable-next-line no-console
-              console.log('Skipping unrecognized metadata packet');
-            }
-
-            return;
-          } // add this chunk to the data we've collected so far
-
-
-          buffer.push(chunk);
-          bufferSize += chunk.data.byteLength; // grab the size of the entire frame from the ID3 header
-
-          if (buffer.length === 1) {
-            // the frame size is transmitted as a 28-bit integer in the
-            // last four bytes of the ID3 header.
-            // The most significant bit of each byte is dropped and the
-            // results concatenated to recover the actual value.
-            tagSize = parseSyncSafeInteger(chunk.data.subarray(6, 10)); // ID3 reports the tag size excluding the header but it's more
-            // convenient for our comparisons to include it
-
-            tagSize += 10;
-          } // if the entire frame has not arrived, wait for more data
-
-
-          if (bufferSize < tagSize) {
-            return;
-          } // collect the entire frame so it can be parsed
-
-
-          tag = {
-            data: new Uint8Array(tagSize),
-            frames: [],
-            pts: buffer[0].pts,
-            dts: buffer[0].dts
-          };
-
-          for (i = 0; i < tagSize;) {
-            tag.data.set(buffer[0].data.subarray(0, tagSize - i), i);
-            i += buffer[0].data.byteLength;
-            bufferSize -= buffer[0].data.byteLength;
-            buffer.shift();
-          } // find the start of the first frame and the end of the tag
-
-
-          frameStart = 10;
-
-          if (tag.data[5] & 0x40) {
-            // advance the frame start past the extended header
-            frameStart += 4; // header size field
-
-            frameStart += parseSyncSafeInteger(tag.data.subarray(10, 14)); // clip any padding off the end
-
-            tagSize -= parseSyncSafeInteger(tag.data.subarray(16, 20));
-          } // parse one or more ID3 frames
-          // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-          do {
-            // determine the number of bytes in this frame
-            frameSize = parseSyncSafeInteger(tag.data.subarray(frameStart + 4, frameStart + 8));
-
-            if (frameSize < 1) {
-              // eslint-disable-next-line no-console
-              return console.log('Malformed ID3 frame encountered. Skipping metadata parsing.');
-            }
-
-            frameHeader = String.fromCharCode(tag.data[frameStart], tag.data[frameStart + 1], tag.data[frameStart + 2], tag.data[frameStart + 3]);
-            frame = {
-              id: frameHeader,
-              data: tag.data.subarray(frameStart + 10, frameStart + frameSize + 10)
-            };
-            frame.key = frame.id;
-
-            if (tagParsers[frame.id]) {
-              tagParsers[frame.id](frame); // handle the special PRIV frame used to indicate the start
-              // time for raw AAC data
-
-              if (frame.owner === 'com.apple.streaming.transportStreamTimestamp') {
-                var d = frame.data,
-                    size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-                size *= 4;
-                size += d[7] & 0x03;
-                frame.timeStamp = size; // in raw AAC, all subsequent data will be timestamped based
-                // on the value of this frame
-                // we couldn't have known the appropriate pts and dts before
-                // parsing this ID3 tag so set those values now
-
-                if (tag.pts === undefined && tag.dts === undefined) {
-                  tag.pts = frame.timeStamp;
-                  tag.dts = frame.timeStamp;
-                }
-
-                this.trigger('timestamp', frame);
-              }
-            }
-
-            tag.frames.push(frame);
-            frameStart += 10; // advance past the frame header
-
-            frameStart += frameSize; // advance past the frame body
-          } while (frameStart < tagSize);
-
-          this.trigger('data', tag);
-        };
-      };
-
-      _MetadataStream.prototype = new stream();
-      var metadataStream = _MetadataStream;
-      var TimestampRolloverStream$1 = timestampRolloverStream.TimestampRolloverStream; // object types
-
-      var _TransportPacketStream, _TransportParseStream, _ElementaryStream; // constants
-
-
-      var MP2T_PACKET_LENGTH = 188,
-          // bytes
-      SYNC_BYTE = 0x47;
-      /**
-       * Splits an incoming stream of binary data into MPEG-2 Transport
-       * Stream packets.
-       */
-
-      _TransportPacketStream = function TransportPacketStream() {
-        var buffer = new Uint8Array(MP2T_PACKET_LENGTH),
-            bytesInBuffer = 0;
-
-        _TransportPacketStream.prototype.init.call(this); // Deliver new bytes to the stream.
-
-        /**
-         * Split a stream of data into M2TS packets
-        **/
-
-
-        this.push = function (bytes) {
-          var startIndex = 0,
-              endIndex = MP2T_PACKET_LENGTH,
-              everything; // If there are bytes remaining from the last segment, prepend them to the
-          // bytes that were pushed in
-
-          if (bytesInBuffer) {
-            everything = new Uint8Array(bytes.byteLength + bytesInBuffer);
-            everything.set(buffer.subarray(0, bytesInBuffer));
-            everything.set(bytes, bytesInBuffer);
-            bytesInBuffer = 0;
-          } else {
-            everything = bytes;
-          } // While we have enough data for a packet
-
-
-          while (endIndex < everything.byteLength) {
-            // Look for a pair of start and end sync bytes in the data..
-            if (everything[startIndex] === SYNC_BYTE && everything[endIndex] === SYNC_BYTE) {
-              // We found a packet so emit it and jump one whole packet forward in
-              // the stream
-              this.trigger('data', everything.subarray(startIndex, endIndex));
-              startIndex += MP2T_PACKET_LENGTH;
-              endIndex += MP2T_PACKET_LENGTH;
-              continue;
-            } // If we get here, we have somehow become de-synchronized and we need to step
-            // forward one byte at a time until we find a pair of sync bytes that denote
-            // a packet
-
-
-            startIndex++;
-            endIndex++;
-          } // If there was some data left over at the end of the segment that couldn't
-          // possibly be a whole packet, keep it because it might be the start of a packet
-          // that continues in the next segment
-
-
-          if (startIndex < everything.byteLength) {
-            buffer.set(everything.subarray(startIndex), 0);
-            bytesInBuffer = everything.byteLength - startIndex;
-          }
-        };
-        /**
-         * Passes identified M2TS packets to the TransportParseStream to be parsed
-        **/
-
-
-        this.flush = function () {
-          // If the buffer contains a whole packet when we are being flushed, emit it
-          // and empty the buffer. Otherwise hold onto the data because it may be
-          // important for decoding the next segment
-          if (bytesInBuffer === MP2T_PACKET_LENGTH && buffer[0] === SYNC_BYTE) {
-            this.trigger('data', buffer);
-            bytesInBuffer = 0;
-          }
-
-          this.trigger('done');
-        };
-
-        this.endTimeline = function () {
-          this.flush();
-          this.trigger('endedtimeline');
-        };
-
-        this.reset = function () {
-          bytesInBuffer = 0;
-          this.trigger('reset');
-        };
-      };
-
-      _TransportPacketStream.prototype = new stream();
-      /**
-       * Accepts an MP2T TransportPacketStream and emits data events with parsed
-       * forms of the individual transport stream packets.
-       */
-
-      _TransportParseStream = function TransportParseStream() {
-        var parsePsi, parsePat, parsePmt, self;
-
-        _TransportParseStream.prototype.init.call(this);
-
-        self = this;
-        this.packetsWaitingForPmt = [];
-        this.programMapTable = undefined;
-
-        parsePsi = function parsePsi(payload, psi) {
-          var offset = 0; // PSI packets may be split into multiple sections and those
-          // sections may be split into multiple packets. If a PSI
-          // section starts in this packet, the payload_unit_start_indicator
-          // will be true and the first byte of the payload will indicate
-          // the offset from the current position to the start of the
-          // section.
-
-          if (psi.payloadUnitStartIndicator) {
-            offset += payload[offset] + 1;
-          }
-
-          if (psi.type === 'pat') {
-            parsePat(payload.subarray(offset), psi);
-          } else {
-            parsePmt(payload.subarray(offset), psi);
-          }
-        };
-
-        parsePat = function parsePat(payload, pat) {
-          pat.section_number = payload[7]; // eslint-disable-line camelcase
-
-          pat.last_section_number = payload[8]; // eslint-disable-line camelcase
-          // skip the PSI header and parse the first PMT entry
-
-          self.pmtPid = (payload[10] & 0x1F) << 8 | payload[11];
-          pat.pmtPid = self.pmtPid;
-        };
-        /**
-         * Parse out the relevant fields of a Program Map Table (PMT).
-         * @param payload {Uint8Array} the PMT-specific portion of an MP2T
-         * packet. The first byte in this array should be the table_id
-         * field.
-         * @param pmt {object} the object that should be decorated with
-         * fields parsed from the PMT.
-         */
-
-
-        parsePmt = function parsePmt(payload, pmt) {
-          var sectionLength, tableEnd, programInfoLength, offset; // PMTs can be sent ahead of the time when they should actually
-          // take effect. We don't believe this should ever be the case
-          // for HLS but we'll ignore "forward" PMT declarations if we see
-          // them. Future PMT declarations have the current_next_indicator
-          // set to zero.
-
-          if (!(payload[5] & 0x01)) {
-            return;
-          } // overwrite any existing program map table
-
-
-          self.programMapTable = {
-            video: null,
-            audio: null,
-            'timed-metadata': {}
-          }; // the mapping table ends at the end of the current section
-
-          sectionLength = (payload[1] & 0x0f) << 8 | payload[2];
-          tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
-          // long the program info descriptors are
-
-          programInfoLength = (payload[10] & 0x0f) << 8 | payload[11]; // advance the offset to the first entry in the mapping table
-
-          offset = 12 + programInfoLength;
-
-          while (offset < tableEnd) {
-            var streamType = payload[offset];
-            var pid = (payload[offset + 1] & 0x1F) << 8 | payload[offset + 2]; // only map a single elementary_pid for audio and video stream types
-            // TODO: should this be done for metadata too? for now maintain behavior of
-            //       multiple metadata streams
-
-            if (streamType === streamTypes.H264_STREAM_TYPE && self.programMapTable.video === null) {
-              self.programMapTable.video = pid;
-            } else if (streamType === streamTypes.ADTS_STREAM_TYPE && self.programMapTable.audio === null) {
-              self.programMapTable.audio = pid;
-            } else if (streamType === streamTypes.METADATA_STREAM_TYPE) {
-              // map pid to stream type for metadata streams
-              self.programMapTable['timed-metadata'][pid] = streamType;
-            } // move to the next table entry
-            // skip past the elementary stream descriptors, if present
-
-
-            offset += ((payload[offset + 3] & 0x0F) << 8 | payload[offset + 4]) + 5;
-          } // record the map on the packet as well
-
-
-          pmt.programMapTable = self.programMapTable;
-        };
-        /**
-         * Deliver a new MP2T packet to the next stream in the pipeline.
-         */
-
-
-        this.push = function (packet) {
-          var result = {},
-              offset = 4;
-          result.payloadUnitStartIndicator = !!(packet[1] & 0x40); // pid is a 13-bit field starting at the last bit of packet[1]
-
-          result.pid = packet[1] & 0x1f;
-          result.pid <<= 8;
-          result.pid |= packet[2]; // if an adaption field is present, its length is specified by the
-          // fifth byte of the TS packet header. The adaptation field is
-          // used to add stuffing to PES packets that don't fill a complete
-          // TS packet, and to specify some forms of timing and control data
-          // that we do not currently use.
-
-          if ((packet[3] & 0x30) >>> 4 > 0x01) {
-            offset += packet[offset] + 1;
-          } // parse the rest of the packet based on the type
-
-
-          if (result.pid === 0) {
-            result.type = 'pat';
-            parsePsi(packet.subarray(offset), result);
-            this.trigger('data', result);
-          } else if (result.pid === this.pmtPid) {
-            result.type = 'pmt';
-            parsePsi(packet.subarray(offset), result);
-            this.trigger('data', result); // if there are any packets waiting for a PMT to be found, process them now
-
-            while (this.packetsWaitingForPmt.length) {
-              this.processPes_.apply(this, this.packetsWaitingForPmt.shift());
-            }
-          } else if (this.programMapTable === undefined) {
-            // When we have not seen a PMT yet, defer further processing of
-            // PES packets until one has been parsed
-            this.packetsWaitingForPmt.push([packet, offset, result]);
-          } else {
-            this.processPes_(packet, offset, result);
-          }
-        };
-
-        this.processPes_ = function (packet, offset, result) {
-          // set the appropriate stream type
-          if (result.pid === this.programMapTable.video) {
-            result.streamType = streamTypes.H264_STREAM_TYPE;
-          } else if (result.pid === this.programMapTable.audio) {
-            result.streamType = streamTypes.ADTS_STREAM_TYPE;
-          } else {
-            // if not video or audio, it is timed-metadata or unknown
-            // if unknown, streamType will be undefined
-            result.streamType = this.programMapTable['timed-metadata'][result.pid];
-          }
-
-          result.type = 'pes';
-          result.data = packet.subarray(offset);
-          this.trigger('data', result);
-        };
-      };
-
-      _TransportParseStream.prototype = new stream();
-      _TransportParseStream.STREAM_TYPES = {
-        h264: 0x1b,
-        adts: 0x0f
-      };
-      /**
-       * Reconsistutes program elementary stream (PES) packets from parsed
-       * transport stream packets. That is, if you pipe an
-       * mp2t.TransportParseStream into a mp2t.ElementaryStream, the output
-       * events will be events which capture the bytes for individual PES
-       * packets plus relevant metadata that has been extracted from the
-       * container.
-       */
-
-      _ElementaryStream = function ElementaryStream() {
-        var self = this,
-            // PES packet fragments
-        video = {
-          data: [],
-          size: 0
-        },
-            audio = {
-          data: [],
-          size: 0
-        },
-            timedMetadata = {
-          data: [],
-          size: 0
-        },
-            programMapTable,
-            parsePes = function parsePes(payload, pes) {
-          var ptsDtsFlags; // get the packet length, this will be 0 for video
-
-          pes.packetLength = 6 + (payload[4] << 8 | payload[5]); // find out if this packets starts a new keyframe
-
-          pes.dataAlignmentIndicator = (payload[6] & 0x04) !== 0; // PES packets may be annotated with a PTS value, or a PTS value
-          // and a DTS value. Determine what combination of values is
-          // available to work with.
-
-          ptsDtsFlags = payload[7]; // PTS and DTS are normally stored as a 33-bit number.  Javascript
-          // performs all bitwise operations on 32-bit integers but javascript
-          // supports a much greater range (52-bits) of integer using standard
-          // mathematical operations.
-          // We construct a 31-bit value using bitwise operators over the 31
-          // most significant bits and then multiply by 4 (equal to a left-shift
-          // of 2) before we add the final 2 least significant bits of the
-          // timestamp (equal to an OR.)
-
-          if (ptsDtsFlags & 0xC0) {
-            // the PTS and DTS are not written out directly. For information
-            // on how they are encoded, see
-            // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
-            pes.pts = (payload[9] & 0x0E) << 27 | (payload[10] & 0xFF) << 20 | (payload[11] & 0xFE) << 12 | (payload[12] & 0xFF) << 5 | (payload[13] & 0xFE) >>> 3;
-            pes.pts *= 4; // Left shift by 2
-
-            pes.pts += (payload[13] & 0x06) >>> 1; // OR by the two LSBs
-
-            pes.dts = pes.pts;
-
-            if (ptsDtsFlags & 0x40) {
-              pes.dts = (payload[14] & 0x0E) << 27 | (payload[15] & 0xFF) << 20 | (payload[16] & 0xFE) << 12 | (payload[17] & 0xFF) << 5 | (payload[18] & 0xFE) >>> 3;
-              pes.dts *= 4; // Left shift by 2
-
-              pes.dts += (payload[18] & 0x06) >>> 1; // OR by the two LSBs
-            }
-          } // the data section starts immediately after the PES header.
-          // pes_header_data_length specifies the number of header bytes
-          // that follow the last byte of the field.
-
-
-          pes.data = payload.subarray(9 + payload[8]);
-        },
-
-        /**
-          * Pass completely parsed PES packets to the next stream in the pipeline
-         **/
-        flushStream = function flushStream(stream$$1, type, forceFlush) {
-          var packetData = new Uint8Array(stream$$1.size),
-              event = {
-            type: type
-          },
-              i = 0,
-              offset = 0,
-              packetFlushable = false,
-              fragment; // do nothing if there is not enough buffered data for a complete
-          // PES header
-
-          if (!stream$$1.data.length || stream$$1.size < 9) {
-            return;
-          }
-
-          event.trackId = stream$$1.data[0].pid; // reassemble the packet
-
-          for (i = 0; i < stream$$1.data.length; i++) {
-            fragment = stream$$1.data[i];
-            packetData.set(fragment.data, offset);
-            offset += fragment.data.byteLength;
-          } // parse assembled packet's PES header
-
-
-          parsePes(packetData, event); // non-video PES packets MUST have a non-zero PES_packet_length
-          // check that there is enough stream data to fill the packet
-
-          packetFlushable = type === 'video' || event.packetLength <= stream$$1.size; // flush pending packets if the conditions are right
-
-          if (forceFlush || packetFlushable) {
-            stream$$1.size = 0;
-            stream$$1.data.length = 0;
-          } // only emit packets that are complete. this is to avoid assembling
-          // incomplete PES packets due to poor segmentation
-
-
-          if (packetFlushable) {
-            self.trigger('data', event);
-          }
-        };
-
-        _ElementaryStream.prototype.init.call(this);
-        /**
-         * Identifies M2TS packet types and parses PES packets using metadata
-         * parsed from the PMT
-         **/
-
-
-        this.push = function (data) {
-          ({
-            pat: function pat() {// we have to wait for the PMT to arrive as well before we
-              // have any meaningful metadata
-            },
-            pes: function pes() {
-              var stream$$1, streamType;
-
-              switch (data.streamType) {
-                case streamTypes.H264_STREAM_TYPE:
-                case streamTypes.H264_STREAM_TYPE:
-                  stream$$1 = video;
-                  streamType = 'video';
-                  break;
-
-                case streamTypes.ADTS_STREAM_TYPE:
-                  stream$$1 = audio;
-                  streamType = 'audio';
-                  break;
-
-                case streamTypes.METADATA_STREAM_TYPE:
-                  stream$$1 = timedMetadata;
-                  streamType = 'timed-metadata';
-                  break;
-
-                default:
-                  // ignore unknown stream types
-                  return;
-              } // if a new packet is starting, we can flush the completed
-              // packet
-
-
-              if (data.payloadUnitStartIndicator) {
-                flushStream(stream$$1, streamType, true);
-              } // buffer this fragment until we are sure we've received the
-              // complete payload
-
-
-              stream$$1.data.push(data);
-              stream$$1.size += data.data.byteLength;
-            },
-            pmt: function pmt() {
-              var event = {
-                type: 'metadata',
-                tracks: []
-              };
-              programMapTable = data.programMapTable; // translate audio and video streams to tracks
-
-              if (programMapTable.video !== null) {
-                event.tracks.push({
-                  timelineStartInfo: {
-                    baseMediaDecodeTime: 0
-                  },
-                  id: +programMapTable.video,
-                  codec: 'avc',
-                  type: 'video'
-                });
-              }
-
-              if (programMapTable.audio !== null) {
-                event.tracks.push({
-                  timelineStartInfo: {
-                    baseMediaDecodeTime: 0
-                  },
-                  id: +programMapTable.audio,
-                  codec: 'adts',
-                  type: 'audio'
-                });
-              }
-
-              self.trigger('data', event);
-            }
-          })[data.type]();
-        };
-
-        this.reset = function () {
-          video.size = 0;
-          video.data.length = 0;
-          audio.size = 0;
-          audio.data.length = 0;
-          this.trigger('reset');
-        };
-        /**
-         * Flush any remaining input. Video PES packets may be of variable
-         * length. Normally, the start of a new video packet can trigger the
-         * finalization of the previous packet. That is not possible if no
-         * more video is forthcoming, however. In that case, some other
-         * mechanism (like the end of the file) has to be employed. When it is
-         * clear that no additional data is forthcoming, calling this method
-         * will flush the buffered packets.
-         */
-
-
-        this.flushStreams_ = function () {
-          // !!THIS ORDER IS IMPORTANT!!
-          // video first then audio
-          flushStream(video, 'video');
-          flushStream(audio, 'audio');
-          flushStream(timedMetadata, 'timed-metadata');
-        };
-
-        this.flush = function () {
-          this.flushStreams_();
-          this.trigger('done');
-        };
-      };
-
-      _ElementaryStream.prototype = new stream();
-      var m2ts = {
-        PAT_PID: 0x0000,
-        MP2T_PACKET_LENGTH: MP2T_PACKET_LENGTH,
-        TransportPacketStream: _TransportPacketStream,
-        TransportParseStream: _TransportParseStream,
-        ElementaryStream: _ElementaryStream,
-        TimestampRolloverStream: TimestampRolloverStream$1,
-        CaptionStream: captionStream.CaptionStream,
-        Cea608Stream: captionStream.Cea608Stream,
-        MetadataStream: metadataStream
-      };
-
-      for (var type in streamTypes) {
-        if (streamTypes.hasOwnProperty(type)) {
-          m2ts[type] = streamTypes[type];
-        }
-      }
-
-      var m2ts_1 = m2ts;
-      var ONE_SECOND_IN_TS$2 = clock.ONE_SECOND_IN_TS;
-
-      var _AdtsStream;
-
-      var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-      /*
-       * Accepts a ElementaryStream and emits data events with parsed
-       * AAC Audio Frames of the individual packets. Input audio in ADTS
-       * format is unpacked and re-emitted as AAC frames.
-       *
-       * @see http://wiki.multimedia.cx/index.php?title=ADTS
-       * @see http://wiki.multimedia.cx/?title=Understanding_AAC
-       */
-
-      _AdtsStream = function AdtsStream(handlePartialSegments) {
-        var buffer,
-            frameNum = 0;
-
-        _AdtsStream.prototype.init.call(this);
-
-        this.push = function (packet) {
-          var i = 0,
-              frameLength,
-              protectionSkipBytes,
-              frameEnd,
-              oldBuffer,
-              sampleCount,
-              adtsFrameDuration;
-
-          if (!handlePartialSegments) {
-            frameNum = 0;
-          }
-
-          if (packet.type !== 'audio') {
-            // ignore non-audio data
-            return;
-          } // Prepend any data in the buffer to the input data so that we can parse
-          // aac frames the cross a PES packet boundary
-
-
-          if (buffer) {
-            oldBuffer = buffer;
-            buffer = new Uint8Array(oldBuffer.byteLength + packet.data.byteLength);
-            buffer.set(oldBuffer);
-            buffer.set(packet.data, oldBuffer.byteLength);
-          } else {
-            buffer = packet.data;
-          } // unpack any ADTS frames which have been fully received
-          // for details on the ADTS header, see http://wiki.multimedia.cx/index.php?title=ADTS
-
-
-          while (i + 5 < buffer.length) {
-            // Look for the start of an ADTS header..
-            if (buffer[i] !== 0xFF || (buffer[i + 1] & 0xF6) !== 0xF0) {
-              // If a valid header was not found,  jump one forward and attempt to
-              // find a valid ADTS header starting at the next byte
-              i++;
-              continue;
-            } // The protection skip bit tells us if we have 2 bytes of CRC data at the
-            // end of the ADTS header
-
-
-            protectionSkipBytes = (~buffer[i + 1] & 0x01) * 2; // Frame length is a 13 bit integer starting 16 bits from the
-            // end of the sync sequence
-
-            frameLength = (buffer[i + 3] & 0x03) << 11 | buffer[i + 4] << 3 | (buffer[i + 5] & 0xe0) >> 5;
-            sampleCount = ((buffer[i + 6] & 0x03) + 1) * 1024;
-            adtsFrameDuration = sampleCount * ONE_SECOND_IN_TS$2 / ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2];
-            frameEnd = i + frameLength; // If we don't have enough data to actually finish this ADTS frame, return
-            // and wait for more data
-
-            if (buffer.byteLength < frameEnd) {
-              return;
-            } // Otherwise, deliver the complete AAC frame
-
-
-            this.trigger('data', {
-              pts: packet.pts + frameNum * adtsFrameDuration,
-              dts: packet.dts + frameNum * adtsFrameDuration,
-              sampleCount: sampleCount,
-              audioobjecttype: (buffer[i + 2] >>> 6 & 0x03) + 1,
-              channelcount: (buffer[i + 2] & 1) << 2 | (buffer[i + 3] & 0xc0) >>> 6,
-              samplerate: ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2],
-              samplingfrequencyindex: (buffer[i + 2] & 0x3c) >>> 2,
-              // assume ISO/IEC 14496-12 AudioSampleEntry default of 16
-              samplesize: 16,
-              data: buffer.subarray(i + 7 + protectionSkipBytes, frameEnd)
-            });
-            frameNum++; // If the buffer is empty, clear it and return
-
-            if (buffer.byteLength === frameEnd) {
-              buffer = undefined;
-              return;
-            } // Remove the finished frame from the buffer and start the process again
-
-
-            buffer = buffer.subarray(frameEnd);
-          }
-        };
-
-        this.flush = function () {
-          frameNum = 0;
-          this.trigger('done');
-        };
-
-        this.reset = function () {
-          buffer = void 0;
-          this.trigger('reset');
-        };
-
-        this.endTimeline = function () {
-          buffer = void 0;
-          this.trigger('endedtimeline');
-        };
-      };
-
-      _AdtsStream.prototype = new stream();
-      var adts = _AdtsStream;
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var ExpGolomb;
-      /**
-       * Parser for exponential Golomb codes, a variable-bitwidth number encoding
-       * scheme used by h264.
-       */
-
-      ExpGolomb = function ExpGolomb(workingData) {
-        var // the number of bytes left to examine in workingData
-        workingBytesAvailable = workingData.byteLength,
-            // the current word being examined
-        workingWord = 0,
-            // :uint
-        // the number of bits left to examine in the current word
-        workingBitsAvailable = 0; // :uint;
-        // ():uint
-
-        this.length = function () {
-          return 8 * workingBytesAvailable;
-        }; // ():uint
-
-
-        this.bitsAvailable = function () {
-          return 8 * workingBytesAvailable + workingBitsAvailable;
-        }; // ():void
-
-
-        this.loadWord = function () {
-          var position = workingData.byteLength - workingBytesAvailable,
-              workingBytes = new Uint8Array(4),
-              availableBytes = Math.min(4, workingBytesAvailable);
-
-          if (availableBytes === 0) {
-            throw new Error('no bytes available');
-          }
-
-          workingBytes.set(workingData.subarray(position, position + availableBytes));
-          workingWord = new DataView(workingBytes.buffer).getUint32(0); // track the amount of workingData that has been processed
-
-          workingBitsAvailable = availableBytes * 8;
-          workingBytesAvailable -= availableBytes;
-        }; // (count:int):void
-
-
-        this.skipBits = function (count) {
-          var skipBytes; // :int
-
-          if (workingBitsAvailable > count) {
-            workingWord <<= count;
-            workingBitsAvailable -= count;
-          } else {
-            count -= workingBitsAvailable;
-            skipBytes = Math.floor(count / 8);
-            count -= skipBytes * 8;
-            workingBytesAvailable -= skipBytes;
-            this.loadWord();
-            workingWord <<= count;
-            workingBitsAvailable -= count;
-          }
-        }; // (size:int):uint
-
-
-        this.readBits = function (size) {
-          var bits = Math.min(workingBitsAvailable, size),
-              // :uint
-          valu = workingWord >>> 32 - bits; // :uint
-          // if size > 31, handle error
-
-          workingBitsAvailable -= bits;
-
-          if (workingBitsAvailable > 0) {
-            workingWord <<= bits;
-          } else if (workingBytesAvailable > 0) {
-            this.loadWord();
-          }
-
-          bits = size - bits;
-
-          if (bits > 0) {
-            return valu << bits | this.readBits(bits);
-          }
-
-          return valu;
-        }; // ():uint
-
-
-        this.skipLeadingZeros = function () {
-          var leadingZeroCount; // :uint
-
-          for (leadingZeroCount = 0; leadingZeroCount < workingBitsAvailable; ++leadingZeroCount) {
-            if ((workingWord & 0x80000000 >>> leadingZeroCount) !== 0) {
-              // the first bit of working word is 1
-              workingWord <<= leadingZeroCount;
-              workingBitsAvailable -= leadingZeroCount;
-              return leadingZeroCount;
-            }
-          } // we exhausted workingWord and still have not found a 1
-
-
-          this.loadWord();
-          return leadingZeroCount + this.skipLeadingZeros();
-        }; // ():void
-
-
-        this.skipUnsignedExpGolomb = function () {
-          this.skipBits(1 + this.skipLeadingZeros());
-        }; // ():void
-
-
-        this.skipExpGolomb = function () {
-          this.skipBits(1 + this.skipLeadingZeros());
-        }; // ():uint
-
-
-        this.readUnsignedExpGolomb = function () {
-          var clz = this.skipLeadingZeros(); // :uint
-
-          return this.readBits(clz + 1) - 1;
-        }; // ():int
-
-
-        this.readExpGolomb = function () {
-          var valu = this.readUnsignedExpGolomb(); // :int
-
-          if (0x01 & valu) {
-            // the number is odd if the low order bit is set
-            return 1 + valu >>> 1; // add 1 to make it even, and divide by 2
-          }
-
-          return -1 * (valu >>> 1); // divide by two then make it negative
-        }; // Some convenience functions
-        // :Boolean
-
-
-        this.readBoolean = function () {
-          return this.readBits(1) === 1;
-        }; // ():int
-
-
-        this.readUnsignedByte = function () {
-          return this.readBits(8);
-        };
-
-        this.loadWord();
-      };
-
-      var expGolomb = ExpGolomb;
-
-      var _H264Stream, _NalByteStream;
-
-      var PROFILES_WITH_OPTIONAL_SPS_DATA;
-      /**
-       * Accepts a NAL unit byte stream and unpacks the embedded NAL units.
-       */
-
-      _NalByteStream = function NalByteStream() {
-        var syncPoint = 0,
-            i,
-            buffer;
-
-        _NalByteStream.prototype.init.call(this);
-        /*
-         * Scans a byte stream and triggers a data event with the NAL units found.
-         * @param {Object} data Event received from H264Stream
-         * @param {Uint8Array} data.data The h264 byte stream to be scanned
-         *
-         * @see H264Stream.push
-         */
-
-
-        this.push = function (data) {
-          var swapBuffer;
-
-          if (!buffer) {
-            buffer = data.data;
-          } else {
-            swapBuffer = new Uint8Array(buffer.byteLength + data.data.byteLength);
-            swapBuffer.set(buffer);
-            swapBuffer.set(data.data, buffer.byteLength);
-            buffer = swapBuffer;
-          }
-
-          var len = buffer.byteLength; // Rec. ITU-T H.264, Annex B
-          // scan for NAL unit boundaries
-          // a match looks like this:
-          // 0 0 1 .. NAL .. 0 0 1
-          // ^ sync point        ^ i
-          // or this:
-          // 0 0 1 .. NAL .. 0 0 0
-          // ^ sync point        ^ i
-          // advance the sync point to a NAL start, if necessary
-
-          for (; syncPoint < len - 3; syncPoint++) {
-            if (buffer[syncPoint + 2] === 1) {
-              // the sync point is properly aligned
-              i = syncPoint + 5;
-              break;
-            }
-          }
-
-          while (i < len) {
-            // look at the current byte to determine if we've hit the end of
-            // a NAL unit boundary
-            switch (buffer[i]) {
-              case 0:
-                // skip past non-sync sequences
-                if (buffer[i - 1] !== 0) {
-                  i += 2;
-                  break;
-                } else if (buffer[i - 2] !== 0) {
-                  i++;
-                  break;
-                } // deliver the NAL unit if it isn't empty
-
-
-                if (syncPoint + 3 !== i - 2) {
-                  this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
-                } // drop trailing zeroes
-
-
-                do {
-                  i++;
-                } while (buffer[i] !== 1 && i < len);
-
-                syncPoint = i - 2;
-                i += 3;
-                break;
-
-              case 1:
-                // skip past non-sync sequences
-                if (buffer[i - 1] !== 0 || buffer[i - 2] !== 0) {
-                  i += 3;
-                  break;
-                } // deliver the NAL unit
-
-
-                this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
-                syncPoint = i - 2;
-                i += 3;
-                break;
-
-              default:
-                // the current byte isn't a one or zero, so it cannot be part
-                // of a sync sequence
-                i += 3;
-                break;
-            }
-          } // filter out the NAL units that were delivered
-
-
-          buffer = buffer.subarray(syncPoint);
-          i -= syncPoint;
-          syncPoint = 0;
-        };
-
-        this.reset = function () {
-          buffer = null;
-          syncPoint = 0;
-          this.trigger('reset');
-        };
-
-        this.flush = function () {
-          // deliver the last buffered NAL unit
-          if (buffer && buffer.byteLength > 3) {
-            this.trigger('data', buffer.subarray(syncPoint + 3));
-          } // reset the stream state
-
-
-          buffer = null;
-          syncPoint = 0;
-          this.trigger('done');
-        };
-
-        this.endTimeline = function () {
-          this.flush();
-          this.trigger('endedtimeline');
-        };
-      };
-
-      _NalByteStream.prototype = new stream(); // values of profile_idc that indicate additional fields are included in the SPS
-      // see Recommendation ITU-T H.264 (4/2013),
-      // 7.3.2.1.1 Sequence parameter set data syntax
-
-      PROFILES_WITH_OPTIONAL_SPS_DATA = {
-        100: true,
-        110: true,
-        122: true,
-        244: true,
-        44: true,
-        83: true,
-        86: true,
-        118: true,
-        128: true,
-        138: true,
-        139: true,
-        134: true
-      };
-      /**
-       * Accepts input from a ElementaryStream and produces H.264 NAL unit data
-       * events.
-       */
-
-      _H264Stream = function H264Stream() {
-        var nalByteStream = new _NalByteStream(),
-            self,
-            trackId,
-            currentPts,
-            currentDts,
-            discardEmulationPreventionBytes,
-            readSequenceParameterSet,
-            skipScalingList;
-
-        _H264Stream.prototype.init.call(this);
-
-        self = this;
-        /*
-         * Pushes a packet from a stream onto the NalByteStream
-         *
-         * @param {Object} packet - A packet received from a stream
-         * @param {Uint8Array} packet.data - The raw bytes of the packet
-         * @param {Number} packet.dts - Decode timestamp of the packet
-         * @param {Number} packet.pts - Presentation timestamp of the packet
-         * @param {Number} packet.trackId - The id of the h264 track this packet came from
-         * @param {('video'|'audio')} packet.type - The type of packet
-         *
-         */
-
-        this.push = function (packet) {
-          if (packet.type !== 'video') {
-            return;
-          }
-
-          trackId = packet.trackId;
-          currentPts = packet.pts;
-          currentDts = packet.dts;
-          nalByteStream.push(packet);
-        };
-        /*
-         * Identify NAL unit types and pass on the NALU, trackId, presentation and decode timestamps
-         * for the NALUs to the next stream component.
-         * Also, preprocess caption and sequence parameter NALUs.
-         *
-         * @param {Uint8Array} data - A NAL unit identified by `NalByteStream.push`
-         * @see NalByteStream.push
-         */
-
-
-        nalByteStream.on('data', function (data) {
-          var event = {
-            trackId: trackId,
-            pts: currentPts,
-            dts: currentDts,
-            data: data
-          };
-
-          switch (data[0] & 0x1f) {
-            case 0x05:
-              event.nalUnitType = 'slice_layer_without_partitioning_rbsp_idr';
-              break;
-
-            case 0x06:
-              event.nalUnitType = 'sei_rbsp';
-              event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
-              break;
-
-            case 0x07:
-              event.nalUnitType = 'seq_parameter_set_rbsp';
-              event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
-              event.config = readSequenceParameterSet(event.escapedRBSP);
-              break;
-
-            case 0x08:
-              event.nalUnitType = 'pic_parameter_set_rbsp';
-              break;
-
-            case 0x09:
-              event.nalUnitType = 'access_unit_delimiter_rbsp';
-              break;
-
-            default:
-              break;
-          } // This triggers data on the H264Stream
-
-
-          self.trigger('data', event);
-        });
-        nalByteStream.on('done', function () {
-          self.trigger('done');
-        });
-        nalByteStream.on('partialdone', function () {
-          self.trigger('partialdone');
-        });
-        nalByteStream.on('reset', function () {
-          self.trigger('reset');
-        });
-        nalByteStream.on('endedtimeline', function () {
-          self.trigger('endedtimeline');
-        });
-
-        this.flush = function () {
-          nalByteStream.flush();
-        };
-
-        this.partialFlush = function () {
-          nalByteStream.partialFlush();
-        };
-
-        this.reset = function () {
-          nalByteStream.reset();
-        };
-
-        this.endTimeline = function () {
-          nalByteStream.endTimeline();
-        };
-        /**
-         * Advance the ExpGolomb decoder past a scaling list. The scaling
-         * list is optionally transmitted as part of a sequence parameter
-         * set and is not relevant to transmuxing.
-         * @param count {number} the number of entries in this scaling list
-         * @param expGolombDecoder {object} an ExpGolomb pointed to the
-         * start of a scaling list
-         * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1
-         */
-
-
-        skipScalingList = function skipScalingList(count, expGolombDecoder) {
-          var lastScale = 8,
-              nextScale = 8,
-              j,
-              deltaScale;
-
-          for (j = 0; j < count; j++) {
-            if (nextScale !== 0) {
-              deltaScale = expGolombDecoder.readExpGolomb();
-              nextScale = (lastScale + deltaScale + 256) % 256;
-            }
-
-            lastScale = nextScale === 0 ? lastScale : nextScale;
-          }
-        };
-        /**
-         * Expunge any "Emulation Prevention" bytes from a "Raw Byte
-         * Sequence Payload"
-         * @param data {Uint8Array} the bytes of a RBSP from a NAL
-         * unit
-         * @return {Uint8Array} the RBSP without any Emulation
-         * Prevention Bytes
-         */
-
-
-        discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-          var length = data.byteLength,
-              emulationPreventionBytesPositions = [],
-              i = 1,
-              newLength,
-              newData; // Find all `Emulation Prevention Bytes`
-
-          while (i < length - 2) {
-            if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-              emulationPreventionBytesPositions.push(i + 2);
-              i += 2;
-            } else {
-              i++;
-            }
-          } // If no Emulation Prevention Bytes were found just return the original
-          // array
-
-
-          if (emulationPreventionBytesPositions.length === 0) {
-            return data;
-          } // Create a new array to hold the NAL unit data
-
-
-          newLength = length - emulationPreventionBytesPositions.length;
-          newData = new Uint8Array(newLength);
-          var sourceIndex = 0;
-
-          for (i = 0; i < newLength; sourceIndex++, i++) {
-            if (sourceIndex === emulationPreventionBytesPositions[0]) {
-              // Skip this byte
-              sourceIndex++; // Remove this position index
-
-              emulationPreventionBytesPositions.shift();
-            }
-
-            newData[i] = data[sourceIndex];
-          }
-
-          return newData;
-        };
-        /**
-         * Read a sequence parameter set and return some interesting video
-         * properties. A sequence parameter set is the H264 metadata that
-         * describes the properties of upcoming video frames.
-         * @param data {Uint8Array} the bytes of a sequence parameter set
-         * @return {object} an object with configuration parsed from the
-         * sequence parameter set, including the dimensions of the
-         * associated video frames.
-         */
-
-
-        readSequenceParameterSet = function readSequenceParameterSet(data) {
-          var frameCropLeftOffset = 0,
-              frameCropRightOffset = 0,
-              frameCropTopOffset = 0,
-              frameCropBottomOffset = 0,
-              sarScale = 1,
-              expGolombDecoder,
-              profileIdc,
-              levelIdc,
-              profileCompatibility,
-              chromaFormatIdc,
-              picOrderCntType,
-              numRefFramesInPicOrderCntCycle,
-              picWidthInMbsMinus1,
-              picHeightInMapUnitsMinus1,
-              frameMbsOnlyFlag,
-              scalingListCount,
-              sarRatio,
-              aspectRatioIdc,
-              i;
-          expGolombDecoder = new expGolomb(data);
-          profileIdc = expGolombDecoder.readUnsignedByte(); // profile_idc
-
-          profileCompatibility = expGolombDecoder.readUnsignedByte(); // constraint_set[0-5]_flag
-
-          levelIdc = expGolombDecoder.readUnsignedByte(); // level_idc u(8)
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // seq_parameter_set_id
-          // some profiles have more optional data we don't need
-
-          if (PROFILES_WITH_OPTIONAL_SPS_DATA[profileIdc]) {
-            chromaFormatIdc = expGolombDecoder.readUnsignedExpGolomb();
-
-            if (chromaFormatIdc === 3) {
-              expGolombDecoder.skipBits(1); // separate_colour_plane_flag
-            }
-
-            expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_luma_minus8
-
-            expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_chroma_minus8
-
-            expGolombDecoder.skipBits(1); // qpprime_y_zero_transform_bypass_flag
-
-            if (expGolombDecoder.readBoolean()) {
-              // seq_scaling_matrix_present_flag
-              scalingListCount = chromaFormatIdc !== 3 ? 8 : 12;
-
-              for (i = 0; i < scalingListCount; i++) {
-                if (expGolombDecoder.readBoolean()) {
-                  // seq_scaling_list_present_flag[ i ]
-                  if (i < 6) {
-                    skipScalingList(16, expGolombDecoder);
-                  } else {
-                    skipScalingList(64, expGolombDecoder);
-                  }
-                }
-              }
-            }
-          }
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // log2_max_frame_num_minus4
-
-          picOrderCntType = expGolombDecoder.readUnsignedExpGolomb();
-
-          if (picOrderCntType === 0) {
-            expGolombDecoder.readUnsignedExpGolomb(); // log2_max_pic_order_cnt_lsb_minus4
-          } else if (picOrderCntType === 1) {
-            expGolombDecoder.skipBits(1); // delta_pic_order_always_zero_flag
-
-            expGolombDecoder.skipExpGolomb(); // offset_for_non_ref_pic
-
-            expGolombDecoder.skipExpGolomb(); // offset_for_top_to_bottom_field
-
-            numRefFramesInPicOrderCntCycle = expGolombDecoder.readUnsignedExpGolomb();
-
-            for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) {
-              expGolombDecoder.skipExpGolomb(); // offset_for_ref_frame[ i ]
-            }
-          }
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // max_num_ref_frames
-
-          expGolombDecoder.skipBits(1); // gaps_in_frame_num_value_allowed_flag
-
-          picWidthInMbsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
-          picHeightInMapUnitsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
-          frameMbsOnlyFlag = expGolombDecoder.readBits(1);
-
-          if (frameMbsOnlyFlag === 0) {
-            expGolombDecoder.skipBits(1); // mb_adaptive_frame_field_flag
-          }
-
-          expGolombDecoder.skipBits(1); // direct_8x8_inference_flag
-
-          if (expGolombDecoder.readBoolean()) {
-            // frame_cropping_flag
-            frameCropLeftOffset = expGolombDecoder.readUnsignedExpGolomb();
-            frameCropRightOffset = expGolombDecoder.readUnsignedExpGolomb();
-            frameCropTopOffset = expGolombDecoder.readUnsignedExpGolomb();
-            frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();
-          }
-
-          if (expGolombDecoder.readBoolean()) {
-            // vui_parameters_present_flag
-            if (expGolombDecoder.readBoolean()) {
-              // aspect_ratio_info_present_flag
-              aspectRatioIdc = expGolombDecoder.readUnsignedByte();
-
-              switch (aspectRatioIdc) {
-                case 1:
-                  sarRatio = [1, 1];
-                  break;
-
-                case 2:
-                  sarRatio = [12, 11];
-                  break;
-
-                case 3:
-                  sarRatio = [10, 11];
-                  break;
-
-                case 4:
-                  sarRatio = [16, 11];
-                  break;
-
-                case 5:
-                  sarRatio = [40, 33];
-                  break;
-
-                case 6:
-                  sarRatio = [24, 11];
-                  break;
-
-                case 7:
-                  sarRatio = [20, 11];
-                  break;
-
-                case 8:
-                  sarRatio = [32, 11];
-                  break;
-
-                case 9:
-                  sarRatio = [80, 33];
-                  break;
-
-                case 10:
-                  sarRatio = [18, 11];
-                  break;
-
-                case 11:
-                  sarRatio = [15, 11];
-                  break;
-
-                case 12:
-                  sarRatio = [64, 33];
-                  break;
-
-                case 13:
-                  sarRatio = [160, 99];
-                  break;
-
-                case 14:
-                  sarRatio = [4, 3];
-                  break;
-
-                case 15:
-                  sarRatio = [3, 2];
-                  break;
-
-                case 16:
-                  sarRatio = [2, 1];
-                  break;
-
-                case 255:
-                  {
-                    sarRatio = [expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte(), expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte()];
-                    break;
-                  }
-              }
-
-              if (sarRatio) {
-                sarScale = sarRatio[0] / sarRatio[1];
-              }
-            }
-          }
-
-          return {
-            profileIdc: profileIdc,
-            levelIdc: levelIdc,
-            profileCompatibility: profileCompatibility,
-            width: Math.ceil(((picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2) * sarScale),
-            height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - frameCropTopOffset * 2 - frameCropBottomOffset * 2,
-            sarRatio: sarRatio
-          };
-        };
-      };
-
-      _H264Stream.prototype = new stream();
-      var h264 = {
-        H264Stream: _H264Stream,
-        NalByteStream: _NalByteStream
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       *
-       * Utilities to detect basic properties and metadata about Aac data.
-       */
-
-      var ADTS_SAMPLING_FREQUENCIES$1 = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-
-      var isLikelyAacData = function isLikelyAacData(data) {
-        if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
-          return true;
-        }
-
-        return false;
-      };
-
-      var parseSyncSafeInteger$1 = function parseSyncSafeInteger(data) {
-        return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-      }; // return a percent-encoded representation of the specified byte range
-      // @see http://en.wikipedia.org/wiki/Percent-encoding
-
-
-      var percentEncode$1 = function percentEncode(bytes, start, end) {
-        var i,
-            result = '';
-
-        for (i = start; i < end; i++) {
-          result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-        }
-
-        return result;
-      }; // return the string representation of the specified byte range,
-      // interpreted as ISO-8859-1.
-
-
-      var parseIso88591$1 = function parseIso88591(bytes, start, end) {
-        return unescape(percentEncode$1(bytes, start, end)); // jshint ignore:line
-      };
-
-      var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
-        var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
-            flags = header[byteIndex + 5],
-            footerPresent = (flags & 16) >> 4;
-
-        if (footerPresent) {
-          return returnSize + 20;
-        }
-
-        return returnSize + 10;
-      };
-
-      var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
-        var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
-            middle = header[byteIndex + 4] << 3,
-            highTwo = header[byteIndex + 3] & 0x3 << 11;
-        return highTwo | middle | lowThree;
-      };
-
-      var parseType = function parseType(header, byteIndex) {
-        if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
-          return 'timed-metadata';
-        } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
-          return 'audio';
-        }
-
-        return null;
-      };
-
-      var parseSampleRate = function parseSampleRate(packet) {
-        var i = 0;
-
-        while (i + 5 < packet.length) {
-          if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
-            // If a valid header was not found,  jump one forward and attempt to
-            // find a valid ADTS header starting at the next byte
-            i++;
-            continue;
-          }
-
-          return ADTS_SAMPLING_FREQUENCIES$1[(packet[i + 2] & 0x3c) >>> 2];
-        }
-
-        return null;
-      };
-
-      var parseAacTimestamp = function parseAacTimestamp(packet) {
-        var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
-
-        frameStart = 10;
-
-        if (packet[5] & 0x40) {
-          // advance the frame start past the extended header
-          frameStart += 4; // header size field
-
-          frameStart += parseSyncSafeInteger$1(packet.subarray(10, 14));
-        } // parse one or more ID3 frames
-        // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-        do {
-          // determine the number of bytes in this frame
-          frameSize = parseSyncSafeInteger$1(packet.subarray(frameStart + 4, frameStart + 8));
-
-          if (frameSize < 1) {
-            return null;
-          }
-
-          frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
-
-          if (frameHeader === 'PRIV') {
-            frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
-
-            for (var i = 0; i < frame.byteLength; i++) {
-              if (frame[i] === 0) {
-                var owner = parseIso88591$1(frame, 0, i);
-
-                if (owner === 'com.apple.streaming.transportStreamTimestamp') {
-                  var d = frame.subarray(i + 1);
-                  var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-                  size *= 4;
-                  size += d[7] & 0x03;
-                  return size;
-                }
-
-                break;
-              }
-            }
-          }
-
-          frameStart += 10; // advance past the frame header
-
-          frameStart += frameSize; // advance past the frame body
-        } while (frameStart < packet.byteLength);
-
-        return null;
-      };
-
-      var utils = {
-        isLikelyAacData: isLikelyAacData,
-        parseId3TagSize: parseId3TagSize,
-        parseAdtsSize: parseAdtsSize,
-        parseType: parseType,
-        parseSampleRate: parseSampleRate,
-        parseAacTimestamp: parseAacTimestamp
-      }; // Constants
-
-      var _AacStream;
-      /**
-       * Splits an incoming stream of binary data into ADTS and ID3 Frames.
-       */
-
-
-      _AacStream = function AacStream() {
-        var everything = new Uint8Array(),
-            timeStamp = 0;
-
-        _AacStream.prototype.init.call(this);
-
-        this.setTimestamp = function (timestamp) {
-          timeStamp = timestamp;
-        };
-
-        this.push = function (bytes) {
-          var frameSize = 0,
-              byteIndex = 0,
-              bytesLeft,
-              chunk,
-              packet,
-              tempLength; // If there are bytes remaining from the last segment, prepend them to the
-          // bytes that were pushed in
-
-          if (everything.length) {
-            tempLength = everything.length;
-            everything = new Uint8Array(bytes.byteLength + tempLength);
-            everything.set(everything.subarray(0, tempLength));
-            everything.set(bytes, tempLength);
-          } else {
-            everything = bytes;
-          }
-
-          while (everything.length - byteIndex >= 3) {
-            if (everything[byteIndex] === 'I'.charCodeAt(0) && everything[byteIndex + 1] === 'D'.charCodeAt(0) && everything[byteIndex + 2] === '3'.charCodeAt(0)) {
-              // Exit early because we don't have enough to parse
-              // the ID3 tag header
-              if (everything.length - byteIndex < 10) {
-                break;
-              } // check framesize
-
-
-              frameSize = utils.parseId3TagSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
-              // to emit a full packet
-              // Add to byteIndex to support multiple ID3 tags in sequence
-
-              if (byteIndex + frameSize > everything.length) {
-                break;
-              }
-
-              chunk = {
-                type: 'timed-metadata',
-                data: everything.subarray(byteIndex, byteIndex + frameSize)
-              };
-              this.trigger('data', chunk);
-              byteIndex += frameSize;
-              continue;
-            } else if ((everything[byteIndex] & 0xff) === 0xff && (everything[byteIndex + 1] & 0xf0) === 0xf0) {
-              // Exit early because we don't have enough to parse
-              // the ADTS frame header
-              if (everything.length - byteIndex < 7) {
-                break;
-              }
-
-              frameSize = utils.parseAdtsSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
-              // to emit a full packet
-
-              if (byteIndex + frameSize > everything.length) {
-                break;
-              }
-
-              packet = {
-                type: 'audio',
-                data: everything.subarray(byteIndex, byteIndex + frameSize),
-                pts: timeStamp,
-                dts: timeStamp
-              };
-              this.trigger('data', packet);
-              byteIndex += frameSize;
-              continue;
-            }
-
-            byteIndex++;
-          }
-
-          bytesLeft = everything.length - byteIndex;
-
-          if (bytesLeft > 0) {
-            everything = everything.subarray(byteIndex);
-          } else {
-            everything = new Uint8Array();
-          }
-        };
-
-        this.reset = function () {
-          everything = new Uint8Array();
-          this.trigger('reset');
-        };
-
-        this.endTimeline = function () {
-          everything = new Uint8Array();
-          this.trigger('endedtimeline');
-        };
-      };
-
-      _AacStream.prototype = new stream();
-      var aac = _AacStream;
-      var H264Stream = h264.H264Stream;
-      var isLikelyAacData$1 = utils.isLikelyAacData;
-      var ONE_SECOND_IN_TS$3 = clock.ONE_SECOND_IN_TS; // constants
-
-      var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];
-      var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility', 'sarRatio']; // object types
-
-      var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;
-      /**
-       * Compare two arrays (even typed) for same-ness
-       */
-
-
-      var arrayEquals = function arrayEquals(a, b) {
-        var i;
-
-        if (a.length !== b.length) {
-          return false;
-        } // compare the value of each element in the array
-
-
-        for (i = 0; i < a.length; i++) {
-          if (a[i] !== b[i]) {
-            return false;
-          }
-        }
-
-        return true;
-      };
-
-      var generateVideoSegmentTimingInfo = function generateVideoSegmentTimingInfo(baseMediaDecodeTime, startDts, startPts, endDts, endPts, prependedContentDuration) {
-        var ptsOffsetFromDts = startPts - startDts,
-            decodeDuration = endDts - startDts,
-            presentationDuration = endPts - startPts; // The PTS and DTS values are based on the actual stream times from the segment,
-        // however, the player time values will reflect a start from the baseMediaDecodeTime.
-        // In order to provide relevant values for the player times, base timing info on the
-        // baseMediaDecodeTime and the DTS and PTS durations of the segment.
-
-        return {
-          start: {
-            dts: baseMediaDecodeTime,
-            pts: baseMediaDecodeTime + ptsOffsetFromDts
-          },
-          end: {
-            dts: baseMediaDecodeTime + decodeDuration,
-            pts: baseMediaDecodeTime + presentationDuration
-          },
-          prependedContentDuration: prependedContentDuration,
-          baseMediaDecodeTime: baseMediaDecodeTime
-        };
-      };
-      /**
-       * Constructs a single-track, ISO BMFF media segment from AAC data
-       * events. The output of this stream can be fed to a SourceBuffer
-       * configured with a suitable initialization segment.
-       * @param track {object} track metadata configuration
-       * @param options {object} transmuxer options object
-       * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-       *        in the source; false to adjust the first segment to start at 0.
-       */
-
-
-      _AudioSegmentStream = function AudioSegmentStream(track, options) {
-        var adtsFrames = [],
-            sequenceNumber = 0,
-            earliestAllowedDts = 0,
-            audioAppendStartTs = 0,
-            videoBaseMediaDecodeTime = Infinity;
-        options = options || {};
-
-        _AudioSegmentStream.prototype.init.call(this);
-
-        this.push = function (data) {
-          trackDecodeInfo.collectDtsInfo(track, data);
-
-          if (track) {
-            AUDIO_PROPERTIES.forEach(function (prop) {
-              track[prop] = data[prop];
-            });
-          } // buffer audio data until end() is called
-
-
-          adtsFrames.push(data);
-        };
-
-        this.setEarliestDts = function (earliestDts) {
-          earliestAllowedDts = earliestDts - track.timelineStartInfo.baseMediaDecodeTime;
-        };
-
-        this.setVideoBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-          videoBaseMediaDecodeTime = baseMediaDecodeTime;
-        };
-
-        this.setAudioAppendStart = function (timestamp) {
-          audioAppendStartTs = timestamp;
-        };
-
-        this.flush = function () {
-          var frames, moof, mdat, boxes, frameDuration; // return early if no audio data has been observed
-
-          if (adtsFrames.length === 0) {
-            this.trigger('done', 'AudioSegmentStream');
-            return;
-          }
-
-          frames = audioFrameUtils.trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts);
-          track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-          audioFrameUtils.prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime); // we have to build the index from byte locations to
-          // samples (that is, adts frames) in the audio data
-
-          track.samples = audioFrameUtils.generateSampleTable(frames); // concatenate the audio data to constuct the mdat
-
-          mdat = mp4Generator.mdat(audioFrameUtils.concatenateFrameData(frames));
-          adtsFrames = [];
-          moof = mp4Generator.moof(sequenceNumber, [track]);
-          boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // bump the sequence number for next time
-
-          sequenceNumber++;
-          boxes.set(moof);
-          boxes.set(mdat, moof.byteLength);
-          trackDecodeInfo.clearDtsInfo(track);
-          frameDuration = Math.ceil(ONE_SECOND_IN_TS$3 * 1024 / track.samplerate); // TODO this check was added to maintain backwards compatibility (particularly with
-          // tests) on adding the timingInfo event. However, it seems unlikely that there's a
-          // valid use-case where an init segment/data should be triggered without associated
-          // frames. Leaving for now, but should be looked into.
-
-          if (frames.length) {
-            this.trigger('timingInfo', {
-              start: frames[0].dts,
-              end: frames[0].dts + frames.length * frameDuration
-            });
-          }
-
-          this.trigger('data', {
-            track: track,
-            boxes: boxes
-          });
-          this.trigger('done', 'AudioSegmentStream');
-        };
-
-        this.reset = function () {
-          trackDecodeInfo.clearDtsInfo(track);
-          adtsFrames = [];
-          this.trigger('reset');
-        };
-      };
-
-      _AudioSegmentStream.prototype = new stream();
-      /**
-       * Constructs a single-track, ISO BMFF media segment from H264 data
-       * events. The output of this stream can be fed to a SourceBuffer
-       * configured with a suitable initialization segment.
-       * @param track {object} track metadata configuration
-       * @param options {object} transmuxer options object
-       * @param options.alignGopsAtEnd {boolean} If true, start from the end of the
-       *        gopsToAlignWith list when attempting to align gop pts
-       * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-       *        in the source; false to adjust the first segment to start at 0.
-       */
-
-      _VideoSegmentStream = function VideoSegmentStream(track, options) {
-        var sequenceNumber = 0,
-            nalUnits = [],
-            gopsToAlignWith = [],
-            config,
-            pps;
-        options = options || {};
-
-        _VideoSegmentStream.prototype.init.call(this);
-
-        delete track.minPTS;
-        this.gopCache_ = [];
-        /**
-          * Constructs a ISO BMFF segment given H264 nalUnits
-          * @param {Object} nalUnit A data event representing a nalUnit
-          * @param {String} nalUnit.nalUnitType
-          * @param {Object} nalUnit.config Properties for a mp4 track
-          * @param {Uint8Array} nalUnit.data The nalUnit bytes
-          * @see lib/codecs/h264.js
-         **/
-
-        this.push = function (nalUnit) {
-          trackDecodeInfo.collectDtsInfo(track, nalUnit); // record the track config
-
-          if (nalUnit.nalUnitType === 'seq_parameter_set_rbsp' && !config) {
-            config = nalUnit.config;
-            track.sps = [nalUnit.data];
-            VIDEO_PROPERTIES.forEach(function (prop) {
-              track[prop] = config[prop];
-            }, this);
-          }
-
-          if (nalUnit.nalUnitType === 'pic_parameter_set_rbsp' && !pps) {
-            pps = nalUnit.data;
-            track.pps = [nalUnit.data];
-          } // buffer video until flush() is called
-
-
-          nalUnits.push(nalUnit);
-        };
-        /**
-          * Pass constructed ISO BMFF track and boxes on to the
-          * next stream in the pipeline
-         **/
-
-
-        this.flush = function () {
-          var frames,
-              gopForFusion,
-              gops,
-              moof,
-              mdat,
-              boxes,
-              prependedContentDuration = 0,
-              firstGop,
-              lastGop; // Throw away nalUnits at the start of the byte stream until
-          // we find the first AUD
-
-          while (nalUnits.length) {
-            if (nalUnits[0].nalUnitType === 'access_unit_delimiter_rbsp') {
-              break;
-            }
-
-            nalUnits.shift();
-          } // Return early if no video data has been observed
-
-
-          if (nalUnits.length === 0) {
-            this.resetStream_();
-            this.trigger('done', 'VideoSegmentStream');
-            return;
-          } // Organize the raw nal-units into arrays that represent
-          // higher-level constructs such as frames and gops
-          // (group-of-pictures)
-
-
-          frames = frameUtils.groupNalsIntoFrames(nalUnits);
-          gops = frameUtils.groupFramesIntoGops(frames); // If the first frame of this fragment is not a keyframe we have
-          // a problem since MSE (on Chrome) requires a leading keyframe.
-          //
-          // We have two approaches to repairing this situation:
-          // 1) GOP-FUSION:
-          //    This is where we keep track of the GOPS (group-of-pictures)
-          //    from previous fragments and attempt to find one that we can
-          //    prepend to the current fragment in order to create a valid
-          //    fragment.
-          // 2) KEYFRAME-PULLING:
-          //    Here we search for the first keyframe in the fragment and
-          //    throw away all the frames between the start of the fragment
-          //    and that keyframe. We then extend the duration and pull the
-          //    PTS of the keyframe forward so that it covers the time range
-          //    of the frames that were disposed of.
-          //
-          // #1 is far prefereable over #2 which can cause "stuttering" but
-          // requires more things to be just right.
-
-          if (!gops[0][0].keyFrame) {
-            // Search for a gop for fusion from our gopCache
-            gopForFusion = this.getGopForFusion_(nalUnits[0], track);
-
-            if (gopForFusion) {
-              // in order to provide more accurate timing information about the segment, save
-              // the number of seconds prepended to the original segment due to GOP fusion
-              prependedContentDuration = gopForFusion.duration;
-              gops.unshift(gopForFusion); // Adjust Gops' metadata to account for the inclusion of the
-              // new gop at the beginning
-
-              gops.byteLength += gopForFusion.byteLength;
-              gops.nalCount += gopForFusion.nalCount;
-              gops.pts = gopForFusion.pts;
-              gops.dts = gopForFusion.dts;
-              gops.duration += gopForFusion.duration;
-            } else {
-              // If we didn't find a candidate gop fall back to keyframe-pulling
-              gops = frameUtils.extendFirstKeyFrame(gops);
-            }
-          } // Trim gops to align with gopsToAlignWith
-
-
-          if (gopsToAlignWith.length) {
-            var alignedGops;
-
-            if (options.alignGopsAtEnd) {
-              alignedGops = this.alignGopsAtEnd_(gops);
-            } else {
-              alignedGops = this.alignGopsAtStart_(gops);
-            }
-
-            if (!alignedGops) {
-              // save all the nals in the last GOP into the gop cache
-              this.gopCache_.unshift({
-                gop: gops.pop(),
-                pps: track.pps,
-                sps: track.sps
-              }); // Keep a maximum of 6 GOPs in the cache
-
-              this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
-
-              nalUnits = []; // return early no gops can be aligned with desired gopsToAlignWith
-
-              this.resetStream_();
-              this.trigger('done', 'VideoSegmentStream');
-              return;
-            } // Some gops were trimmed. clear dts info so minSegmentDts and pts are correct
-            // when recalculated before sending off to CoalesceStream
-
-
-            trackDecodeInfo.clearDtsInfo(track);
-            gops = alignedGops;
-          }
-
-          trackDecodeInfo.collectDtsInfo(track, gops); // First, we have to build the index from byte locations to
-          // samples (that is, frames) in the video data
-
-          track.samples = frameUtils.generateSampleTable(gops); // Concatenate the video data and construct the mdat
-
-          mdat = mp4Generator.mdat(frameUtils.concatenateNalData(gops));
-          track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-          this.trigger('processedGopsInfo', gops.map(function (gop) {
-            return {
-              pts: gop.pts,
-              dts: gop.dts,
-              byteLength: gop.byteLength
-            };
-          }));
-          firstGop = gops[0];
-          lastGop = gops[gops.length - 1];
-          this.trigger('segmentTimingInfo', generateVideoSegmentTimingInfo(track.baseMediaDecodeTime, firstGop.dts, firstGop.pts, lastGop.dts + lastGop.duration, lastGop.pts + lastGop.duration, prependedContentDuration));
-          this.trigger('timingInfo', {
-            start: gops[0].dts,
-            end: gops[gops.length - 1].dts + gops[gops.length - 1].duration
-          }); // save all the nals in the last GOP into the gop cache
-
-          this.gopCache_.unshift({
-            gop: gops.pop(),
-            pps: track.pps,
-            sps: track.sps
-          }); // Keep a maximum of 6 GOPs in the cache
-
-          this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
-
-          nalUnits = [];
-          this.trigger('baseMediaDecodeTime', track.baseMediaDecodeTime);
-          this.trigger('timelineStartInfo', track.timelineStartInfo);
-          moof = mp4Generator.moof(sequenceNumber, [track]); // it would be great to allocate this array up front instead of
-          // throwing away hundreds of media segment fragments
-
-          boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // Bump the sequence number for next time
-
-          sequenceNumber++;
-          boxes.set(moof);
-          boxes.set(mdat, moof.byteLength);
-          this.trigger('data', {
-            track: track,
-            boxes: boxes
-          });
-          this.resetStream_(); // Continue with the flush process now
-
-          this.trigger('done', 'VideoSegmentStream');
-        };
-
-        this.reset = function () {
-          this.resetStream_();
-          nalUnits = [];
-          this.gopCache_.length = 0;
-          gopsToAlignWith.length = 0;
-          this.trigger('reset');
-        };
-
-        this.resetStream_ = function () {
-          trackDecodeInfo.clearDtsInfo(track); // reset config and pps because they may differ across segments
-          // for instance, when we are rendition switching
-
-          config = undefined;
-          pps = undefined;
-        }; // Search for a candidate Gop for gop-fusion from the gop cache and
-        // return it or return null if no good candidate was found
-
-
-        this.getGopForFusion_ = function (nalUnit) {
-          var halfSecond = 45000,
-              // Half-a-second in a 90khz clock
-          allowableOverlap = 10000,
-              // About 3 frames @ 30fps
-          nearestDistance = Infinity,
-              dtsDistance,
-              nearestGopObj,
-              currentGop,
-              currentGopObj,
-              i; // Search for the GOP nearest to the beginning of this nal unit
-
-          for (i = 0; i < this.gopCache_.length; i++) {
-            currentGopObj = this.gopCache_[i];
-            currentGop = currentGopObj.gop; // Reject Gops with different SPS or PPS
-
-            if (!(track.pps && arrayEquals(track.pps[0], currentGopObj.pps[0])) || !(track.sps && arrayEquals(track.sps[0], currentGopObj.sps[0]))) {
-              continue;
-            } // Reject Gops that would require a negative baseMediaDecodeTime
-
-
-            if (currentGop.dts < track.timelineStartInfo.dts) {
-              continue;
-            } // The distance between the end of the gop and the start of the nalUnit
-
-
-            dtsDistance = nalUnit.dts - currentGop.dts - currentGop.duration; // Only consider GOPS that start before the nal unit and end within
-            // a half-second of the nal unit
-
-            if (dtsDistance >= -allowableOverlap && dtsDistance <= halfSecond) {
-              // Always use the closest GOP we found if there is more than
-              // one candidate
-              if (!nearestGopObj || nearestDistance > dtsDistance) {
-                nearestGopObj = currentGopObj;
-                nearestDistance = dtsDistance;
-              }
-            }
-          }
-
-          if (nearestGopObj) {
-            return nearestGopObj.gop;
-          }
-
-          return null;
-        }; // trim gop list to the first gop found that has a matching pts with a gop in the list
-        // of gopsToAlignWith starting from the START of the list
-
-
-        this.alignGopsAtStart_ = function (gops) {
-          var alignIndex, gopIndex, align, gop, byteLength, nalCount, duration, alignedGops;
-          byteLength = gops.byteLength;
-          nalCount = gops.nalCount;
-          duration = gops.duration;
-          alignIndex = gopIndex = 0;
-
-          while (alignIndex < gopsToAlignWith.length && gopIndex < gops.length) {
-            align = gopsToAlignWith[alignIndex];
-            gop = gops[gopIndex];
-
-            if (align.pts === gop.pts) {
-              break;
-            }
-
-            if (gop.pts > align.pts) {
-              // this current gop starts after the current gop we want to align on, so increment
-              // align index
-              alignIndex++;
-              continue;
-            } // current gop starts before the current gop we want to align on. so increment gop
-            // index
-
-
-            gopIndex++;
-            byteLength -= gop.byteLength;
-            nalCount -= gop.nalCount;
-            duration -= gop.duration;
-          }
-
-          if (gopIndex === 0) {
-            // no gops to trim
-            return gops;
-          }
-
-          if (gopIndex === gops.length) {
-            // all gops trimmed, skip appending all gops
-            return null;
-          }
-
-          alignedGops = gops.slice(gopIndex);
-          alignedGops.byteLength = byteLength;
-          alignedGops.duration = duration;
-          alignedGops.nalCount = nalCount;
-          alignedGops.pts = alignedGops[0].pts;
-          alignedGops.dts = alignedGops[0].dts;
-          return alignedGops;
-        }; // trim gop list to the first gop found that has a matching pts with a gop in the list
-        // of gopsToAlignWith starting from the END of the list
-
-
-        this.alignGopsAtEnd_ = function (gops) {
-          var alignIndex, gopIndex, align, gop, alignEndIndex, matchFound;
-          alignIndex = gopsToAlignWith.length - 1;
-          gopIndex = gops.length - 1;
-          alignEndIndex = null;
-          matchFound = false;
-
-          while (alignIndex >= 0 && gopIndex >= 0) {
-            align = gopsToAlignWith[alignIndex];
-            gop = gops[gopIndex];
-
-            if (align.pts === gop.pts) {
-              matchFound = true;
-              break;
-            }
-
-            if (align.pts > gop.pts) {
-              alignIndex--;
-              continue;
-            }
-
-            if (alignIndex === gopsToAlignWith.length - 1) {
-              // gop.pts is greater than the last alignment candidate. If no match is found
-              // by the end of this loop, we still want to append gops that come after this
-              // point
-              alignEndIndex = gopIndex;
-            }
-
-            gopIndex--;
-          }
-
-          if (!matchFound && alignEndIndex === null) {
-            return null;
-          }
-
-          var trimIndex;
-
-          if (matchFound) {
-            trimIndex = gopIndex;
-          } else {
-            trimIndex = alignEndIndex;
-          }
-
-          if (trimIndex === 0) {
-            return gops;
-          }
-
-          var alignedGops = gops.slice(trimIndex);
-          var metadata = alignedGops.reduce(function (total, gop) {
-            total.byteLength += gop.byteLength;
-            total.duration += gop.duration;
-            total.nalCount += gop.nalCount;
-            return total;
-          }, {
-            byteLength: 0,
-            duration: 0,
-            nalCount: 0
-          });
-          alignedGops.byteLength = metadata.byteLength;
-          alignedGops.duration = metadata.duration;
-          alignedGops.nalCount = metadata.nalCount;
-          alignedGops.pts = alignedGops[0].pts;
-          alignedGops.dts = alignedGops[0].dts;
-          return alignedGops;
-        };
-
-        this.alignGopsWith = function (newGopsToAlignWith) {
-          gopsToAlignWith = newGopsToAlignWith;
-        };
-      };
-
-      _VideoSegmentStream.prototype = new stream();
-      /**
-       * A Stream that can combine multiple streams (ie. audio & video)
-       * into a single output segment for MSE. Also supports audio-only
-       * and video-only streams.
-       * @param options {object} transmuxer options object
-       * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-       *        in the source; false to adjust the first segment to start at media timeline start.
-       */
-
-      _CoalesceStream = function CoalesceStream(options, metadataStream) {
-        // Number of Tracks per output segment
-        // If greater than 1, we combine multiple
-        // tracks into a single segment
-        this.numberOfTracks = 0;
-        this.metadataStream = metadataStream;
-        options = options || {};
-
-        if (typeof options.remux !== 'undefined') {
-          this.remuxTracks = !!options.remux;
-        } else {
-          this.remuxTracks = true;
-        }
-
-        if (typeof options.keepOriginalTimestamps === 'boolean') {
-          this.keepOriginalTimestamps = options.keepOriginalTimestamps;
-        } else {
-          this.keepOriginalTimestamps = false;
-        }
-
-        this.pendingTracks = [];
-        this.videoTrack = null;
-        this.pendingBoxes = [];
-        this.pendingCaptions = [];
-        this.pendingMetadata = [];
-        this.pendingBytes = 0;
-        this.emittedTracks = 0;
-
-        _CoalesceStream.prototype.init.call(this); // Take output from multiple
-
-
-        this.push = function (output) {
-          // buffer incoming captions until the associated video segment
-          // finishes
-          if (output.text) {
-            return this.pendingCaptions.push(output);
-          } // buffer incoming id3 tags until the final flush
-
-
-          if (output.frames) {
-            return this.pendingMetadata.push(output);
-          } // Add this track to the list of pending tracks and store
-          // important information required for the construction of
-          // the final segment
-
-
-          this.pendingTracks.push(output.track);
-          this.pendingBytes += output.boxes.byteLength; // TODO: is there an issue for this against chrome?
-          // We unshift audio and push video because
-          // as of Chrome 75 when switching from
-          // one init segment to another if the video
-          // mdat does not appear after the audio mdat
-          // only audio will play for the duration of our transmux.
-
-          if (output.track.type === 'video') {
-            this.videoTrack = output.track;
-            this.pendingBoxes.push(output.boxes);
-          }
-
-          if (output.track.type === 'audio') {
-            this.audioTrack = output.track;
-            this.pendingBoxes.unshift(output.boxes);
-          }
-        };
-      };
-
-      _CoalesceStream.prototype = new stream();
-
-      _CoalesceStream.prototype.flush = function (flushSource) {
-        var offset = 0,
-            event = {
-          captions: [],
-          captionStreams: {},
-          metadata: [],
-          info: {}
-        },
-            caption,
-            id3,
-            initSegment,
-            timelineStartPts = 0,
-            i;
-
-        if (this.pendingTracks.length < this.numberOfTracks) {
-          if (flushSource !== 'VideoSegmentStream' && flushSource !== 'AudioSegmentStream') {
-            // Return because we haven't received a flush from a data-generating
-            // portion of the segment (meaning that we have only recieved meta-data
-            // or captions.)
-            return;
-          } else if (this.remuxTracks) {
-            // Return until we have enough tracks from the pipeline to remux (if we
-            // are remuxing audio and video into a single MP4)
-            return;
-          } else if (this.pendingTracks.length === 0) {
-            // In the case where we receive a flush without any data having been
-            // received we consider it an emitted track for the purposes of coalescing
-            // `done` events.
-            // We do this for the case where there is an audio and video track in the
-            // segment but no audio data. (seen in several playlists with alternate
-            // audio tracks and no audio present in the main TS segments.)
-            this.emittedTracks++;
-
-            if (this.emittedTracks >= this.numberOfTracks) {
-              this.trigger('done');
-              this.emittedTracks = 0;
-            }
-
-            return;
-          }
-        }
-
-        if (this.videoTrack) {
-          timelineStartPts = this.videoTrack.timelineStartInfo.pts;
-          VIDEO_PROPERTIES.forEach(function (prop) {
-            event.info[prop] = this.videoTrack[prop];
-          }, this);
-        } else if (this.audioTrack) {
-          timelineStartPts = this.audioTrack.timelineStartInfo.pts;
-          AUDIO_PROPERTIES.forEach(function (prop) {
-            event.info[prop] = this.audioTrack[prop];
-          }, this);
-        }
-
-        if (this.videoTrack || this.audioTrack) {
-          if (this.pendingTracks.length === 1) {
-            event.type = this.pendingTracks[0].type;
-          } else {
-            event.type = 'combined';
-          }
-
-          this.emittedTracks += this.pendingTracks.length;
-          initSegment = mp4Generator.initSegment(this.pendingTracks); // Create a new typed array to hold the init segment
-
-          event.initSegment = new Uint8Array(initSegment.byteLength); // Create an init segment containing a moov
-          // and track definitions
-
-          event.initSegment.set(initSegment); // Create a new typed array to hold the moof+mdats
-
-          event.data = new Uint8Array(this.pendingBytes); // Append each moof+mdat (one per track) together
-
-          for (i = 0; i < this.pendingBoxes.length; i++) {
-            event.data.set(this.pendingBoxes[i], offset);
-            offset += this.pendingBoxes[i].byteLength;
-          } // Translate caption PTS times into second offsets to match the
-          // video timeline for the segment, and add track info
-
-
-          for (i = 0; i < this.pendingCaptions.length; i++) {
-            caption = this.pendingCaptions[i];
-            caption.startTime = clock.metadataTsToSeconds(caption.startPts, timelineStartPts, this.keepOriginalTimestamps);
-            caption.endTime = clock.metadataTsToSeconds(caption.endPts, timelineStartPts, this.keepOriginalTimestamps);
-            event.captionStreams[caption.stream] = true;
-            event.captions.push(caption);
-          } // Translate ID3 frame PTS times into second offsets to match the
-          // video timeline for the segment
-
-
-          for (i = 0; i < this.pendingMetadata.length; i++) {
-            id3 = this.pendingMetadata[i];
-            id3.cueTime = clock.metadataTsToSeconds(id3.pts, timelineStartPts, this.keepOriginalTimestamps);
-            event.metadata.push(id3);
-          } // We add this to every single emitted segment even though we only need
-          // it for the first
-
-
-          event.metadata.dispatchType = this.metadataStream.dispatchType; // Reset stream state
-
-          this.pendingTracks.length = 0;
-          this.videoTrack = null;
-          this.pendingBoxes.length = 0;
-          this.pendingCaptions.length = 0;
-          this.pendingBytes = 0;
-          this.pendingMetadata.length = 0; // Emit the built segment
-          // We include captions and ID3 tags for backwards compatibility,
-          // ideally we should send only video and audio in the data event
-
-          this.trigger('data', event); // Emit each caption to the outside world
-          // Ideally, this would happen immediately on parsing captions,
-          // but we need to ensure that video data is sent back first
-          // so that caption timing can be adjusted to match video timing
-
-          for (i = 0; i < event.captions.length; i++) {
-            caption = event.captions[i];
-            this.trigger('caption', caption);
-          } // Emit each id3 tag to the outside world
-          // Ideally, this would happen immediately on parsing the tag,
-          // but we need to ensure that video data is sent back first
-          // so that ID3 frame timing can be adjusted to match video timing
-
-
-          for (i = 0; i < event.metadata.length; i++) {
-            id3 = event.metadata[i];
-            this.trigger('id3Frame', id3);
-          }
-        } // Only emit `done` if all tracks have been flushed and emitted
-
-
-        if (this.emittedTracks >= this.numberOfTracks) {
-          this.trigger('done');
-          this.emittedTracks = 0;
-        }
-      };
-
-      _CoalesceStream.prototype.setRemux = function (val) {
-        this.remuxTracks = val;
-      };
-      /**
-       * A Stream that expects MP2T binary data as input and produces
-       * corresponding media segments, suitable for use with Media Source
-       * Extension (MSE) implementations that support the ISO BMFF byte
-       * stream format, like Chrome.
-       */
-
-
-      _Transmuxer = function Transmuxer(options) {
-        var self = this,
-            hasFlushed = true,
-            videoTrack,
-            audioTrack;
-
-        _Transmuxer.prototype.init.call(this);
-
-        options = options || {};
-        this.baseMediaDecodeTime = options.baseMediaDecodeTime || 0;
-        this.transmuxPipeline_ = {};
-
-        this.setupAacPipeline = function () {
-          var pipeline = {};
-          this.transmuxPipeline_ = pipeline;
-          pipeline.type = 'aac';
-          pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
-          pipeline.aacStream = new aac();
-          pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');
-          pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');
-          pipeline.adtsStream = new adts();
-          pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
-          pipeline.headOfPipeline = pipeline.aacStream;
-          pipeline.aacStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);
-          pipeline.aacStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);
-          pipeline.metadataStream.on('timestamp', function (frame) {
-            pipeline.aacStream.setTimestamp(frame.timeStamp);
-          });
-          pipeline.aacStream.on('data', function (data) {
-            if (data.type === 'timed-metadata' && !pipeline.audioSegmentStream) {
-              audioTrack = audioTrack || {
-                timelineStartInfo: {
-                  baseMediaDecodeTime: self.baseMediaDecodeTime
-                },
-                codec: 'adts',
-                type: 'audio'
-              }; // hook up the audio segment stream to the first track with aac data
-
-              pipeline.coalesceStream.numberOfTracks++;
-              pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
-              pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
-
-              pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-            } // emit pmt info
-
-
-            self.trigger('trackinfo', {
-              hasAudio: !!audioTrack,
-              hasVideo: !!videoTrack
-            });
-          }); // Re-emit any data coming from the coalesce stream to the outside world
-
-          pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data')); // Let the consumer know we have finished flushing the entire pipeline
-
-          pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
-        };
-
-        this.setupTsPipeline = function () {
-          var pipeline = {};
-          this.transmuxPipeline_ = pipeline;
-          pipeline.type = 'ts';
-          pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
-          pipeline.packetStream = new m2ts_1.TransportPacketStream();
-          pipeline.parseStream = new m2ts_1.TransportParseStream();
-          pipeline.elementaryStream = new m2ts_1.ElementaryStream();
-          pipeline.timestampRolloverStream = new m2ts_1.TimestampRolloverStream();
-          pipeline.adtsStream = new adts();
-          pipeline.h264Stream = new H264Stream();
-          pipeline.captionStream = new m2ts_1.CaptionStream();
-          pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
-          pipeline.headOfPipeline = pipeline.packetStream; // disassemble MPEG2-TS packets into elementary streams
-
-          pipeline.packetStream.pipe(pipeline.parseStream).pipe(pipeline.elementaryStream).pipe(pipeline.timestampRolloverStream); // !!THIS ORDER IS IMPORTANT!!
-          // demux the streams
-
-          pipeline.timestampRolloverStream.pipe(pipeline.h264Stream);
-          pipeline.timestampRolloverStream.pipe(pipeline.adtsStream);
-          pipeline.timestampRolloverStream.pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream); // Hook up CEA-608/708 caption stream
-
-          pipeline.h264Stream.pipe(pipeline.captionStream).pipe(pipeline.coalesceStream);
-          pipeline.elementaryStream.on('data', function (data) {
-            var i;
-
-            if (data.type === 'metadata') {
-              i = data.tracks.length; // scan the tracks listed in the metadata
-
-              while (i--) {
-                if (!videoTrack && data.tracks[i].type === 'video') {
-                  videoTrack = data.tracks[i];
-                  videoTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
-                } else if (!audioTrack && data.tracks[i].type === 'audio') {
-                  audioTrack = data.tracks[i];
-                  audioTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
-                }
-              } // hook up the video segment stream to the first track with h264 data
-
-
-              if (videoTrack && !pipeline.videoSegmentStream) {
-                pipeline.coalesceStream.numberOfTracks++;
-                pipeline.videoSegmentStream = new _VideoSegmentStream(videoTrack, options);
-                pipeline.videoSegmentStream.on('timelineStartInfo', function (timelineStartInfo) {
-                  // When video emits timelineStartInfo data after a flush, we forward that
-                  // info to the AudioSegmentStream, if it exists, because video timeline
-                  // data takes precedence.
-                  if (audioTrack) {
-                    audioTrack.timelineStartInfo = timelineStartInfo; // On the first segment we trim AAC frames that exist before the
-                    // very earliest DTS we have seen in video because Chrome will
-                    // interpret any video track with a baseMediaDecodeTime that is
-                    // non-zero as a gap.
-
-                    pipeline.audioSegmentStream.setEarliestDts(timelineStartInfo.dts);
-                  }
-                });
-                pipeline.videoSegmentStream.on('processedGopsInfo', self.trigger.bind(self, 'gopInfo'));
-                pipeline.videoSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'videoSegmentTimingInfo'));
-                pipeline.videoSegmentStream.on('baseMediaDecodeTime', function (baseMediaDecodeTime) {
-                  if (audioTrack) {
-                    pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);
-                  }
-                });
-                pipeline.videoSegmentStream.on('timingInfo', self.trigger.bind(self, 'videoTimingInfo')); // Set up the final part of the video pipeline
-
-                pipeline.h264Stream.pipe(pipeline.videoSegmentStream).pipe(pipeline.coalesceStream);
-              }
-
-              if (audioTrack && !pipeline.audioSegmentStream) {
-                // hook up the audio segment stream to the first track with aac data
-                pipeline.coalesceStream.numberOfTracks++;
-                pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
-                pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
-
-                pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-              } // emit pmt info
-
-
-              self.trigger('trackinfo', {
-                hasAudio: !!audioTrack,
-                hasVideo: !!videoTrack
-              });
-            }
-          }); // Re-emit any data coming from the coalesce stream to the outside world
-
-          pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));
-          pipeline.coalesceStream.on('id3Frame', function (id3Frame) {
-            id3Frame.dispatchType = pipeline.metadataStream.dispatchType;
-            self.trigger('id3Frame', id3Frame);
-          });
-          pipeline.coalesceStream.on('caption', this.trigger.bind(this, 'caption')); // Let the consumer know we have finished flushing the entire pipeline
-
-          pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
-        }; // hook up the segment streams once track metadata is delivered
-
-
-        this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-          var pipeline = this.transmuxPipeline_;
-
-          if (!options.keepOriginalTimestamps) {
-            this.baseMediaDecodeTime = baseMediaDecodeTime;
-          }
-
-          if (audioTrack) {
-            audioTrack.timelineStartInfo.dts = undefined;
-            audioTrack.timelineStartInfo.pts = undefined;
-            trackDecodeInfo.clearDtsInfo(audioTrack);
-
-            if (!options.keepOriginalTimestamps) {
-              audioTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-            }
-
-            if (pipeline.audioTimestampRolloverStream) {
-              pipeline.audioTimestampRolloverStream.discontinuity();
-            }
-          }
-
-          if (videoTrack) {
-            if (pipeline.videoSegmentStream) {
-              pipeline.videoSegmentStream.gopCache_ = [];
-            }
-
-            videoTrack.timelineStartInfo.dts = undefined;
-            videoTrack.timelineStartInfo.pts = undefined;
-            trackDecodeInfo.clearDtsInfo(videoTrack);
-            pipeline.captionStream.reset();
-
-            if (!options.keepOriginalTimestamps) {
-              videoTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-            }
-          }
-
-          if (pipeline.timestampRolloverStream) {
-            pipeline.timestampRolloverStream.discontinuity();
-          }
-        };
-
-        this.setAudioAppendStart = function (timestamp) {
-          if (audioTrack) {
-            this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);
-          }
-        };
-
-        this.setRemux = function (val) {
-          var pipeline = this.transmuxPipeline_;
-          options.remux = val;
-
-          if (pipeline && pipeline.coalesceStream) {
-            pipeline.coalesceStream.setRemux(val);
-          }
-        };
-
-        this.alignGopsWith = function (gopsToAlignWith) {
-          if (videoTrack && this.transmuxPipeline_.videoSegmentStream) {
-            this.transmuxPipeline_.videoSegmentStream.alignGopsWith(gopsToAlignWith);
-          }
-        }; // feed incoming data to the front of the parsing pipeline
-
-
-        this.push = function (data) {
-          if (hasFlushed) {
-            var isAac = isLikelyAacData$1(data);
-
-            if (isAac && this.transmuxPipeline_.type !== 'aac') {
-              this.setupAacPipeline();
-            } else if (!isAac && this.transmuxPipeline_.type !== 'ts') {
-              this.setupTsPipeline();
-            }
-
-            hasFlushed = false;
-          }
-
-          this.transmuxPipeline_.headOfPipeline.push(data);
-        }; // flush any buffered data
-
-
-        this.flush = function () {
-          hasFlushed = true; // Start at the top of the pipeline and flush all pending work
-
-          this.transmuxPipeline_.headOfPipeline.flush();
-        };
-
-        this.endTimeline = function () {
-          this.transmuxPipeline_.headOfPipeline.endTimeline();
-        };
-
-        this.reset = function () {
-          if (this.transmuxPipeline_.headOfPipeline) {
-            this.transmuxPipeline_.headOfPipeline.reset();
-          }
-        }; // Caption data has to be reset when seeking outside buffered range
-
-
-        this.resetCaptions = function () {
-          if (this.transmuxPipeline_.captionStream) {
-            this.transmuxPipeline_.captionStream.reset();
-          }
-        };
-      };
-
-      _Transmuxer.prototype = new stream();
-      var transmuxer = {
-        Transmuxer: _Transmuxer,
-        VideoSegmentStream: _VideoSegmentStream,
-        AudioSegmentStream: _AudioSegmentStream,
-        AUDIO_PROPERTIES: AUDIO_PROPERTIES,
-        VIDEO_PROPERTIES: VIDEO_PROPERTIES,
-        // exported for testing
-        generateVideoSegmentTimingInfo: generateVideoSegmentTimingInfo
-      };
-
-      var classCallCheck = function classCallCheck(instance, Constructor) {
-        if (!(instance instanceof Constructor)) {
-          throw new TypeError("Cannot call a class as a function");
-        }
-      };
-
-      var createClass = function () {
-        function defineProperties(target, props) {
-          for (var i = 0; i < props.length; i++) {
-            var descriptor = props[i];
-            descriptor.enumerable = descriptor.enumerable || false;
-            descriptor.configurable = true;
-            if ("value" in descriptor) descriptor.writable = true;
-            Object.defineProperty(target, descriptor.key, descriptor);
-          }
-        }
-
-        return function (Constructor, protoProps, staticProps) {
-          if (protoProps) defineProperties(Constructor.prototype, protoProps);
-          if (staticProps) defineProperties(Constructor, staticProps);
-          return Constructor;
-        };
-      }();
-      /**
-       * @file transmuxer-worker.js
-       */
-
-      /**
-       * Re-emits transmuxer events by converting them into messages to the
-       * world outside the worker.
-       *
-       * @param {Object} transmuxer the transmuxer to wire events on
-       * @private
-       */
-
-
-      var wireTransmuxerEvents = function wireTransmuxerEvents(self, transmuxer$$1) {
-        transmuxer$$1.on('data', function (segment) {
-          // transfer ownership of the underlying ArrayBuffer
-          // instead of doing a copy to save memory
-          // ArrayBuffers are transferable but generic TypedArrays are not
-          // @link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Passing_data_by_transferring_ownership_(transferable_objects)
-          var initArray = segment.initSegment;
-          segment.initSegment = {
-            data: initArray.buffer,
-            byteOffset: initArray.byteOffset,
-            byteLength: initArray.byteLength
-          };
-          var typedArray = segment.data;
-          segment.data = typedArray.buffer;
-          self.postMessage({
-            action: 'data',
-            segment: segment,
-            byteOffset: typedArray.byteOffset,
-            byteLength: typedArray.byteLength
-          }, [segment.data]);
-        });
-
-        if (transmuxer$$1.captionStream) {
-          transmuxer$$1.captionStream.on('data', function (caption) {
-            self.postMessage({
-              action: 'caption',
-              data: caption
-            });
-          });
-        }
-
-        transmuxer$$1.on('done', function (data) {
-          self.postMessage({
-            action: 'done'
-          });
-        });
-        transmuxer$$1.on('gopInfo', function (gopInfo) {
-          self.postMessage({
-            action: 'gopInfo',
-            gopInfo: gopInfo
-          });
-        });
-        transmuxer$$1.on('videoSegmentTimingInfo', function (videoSegmentTimingInfo) {
-          self.postMessage({
-            action: 'videoSegmentTimingInfo',
-            videoSegmentTimingInfo: videoSegmentTimingInfo
-          });
-        });
-      };
-      /**
-       * All incoming messages route through this hash. If no function exists
-       * to handle an incoming message, then we ignore the message.
-       *
-       * @class MessageHandlers
-       * @param {Object} options the options to initialize with
-       */
-
-
-      var MessageHandlers = function () {
-        function MessageHandlers(self, options) {
-          classCallCheck(this, MessageHandlers);
-          this.options = options || {};
-          this.self = self;
-          this.init();
-        }
-        /**
-         * initialize our web worker and wire all the events.
-         */
-
-
-        createClass(MessageHandlers, [{
-          key: 'init',
-          value: function init() {
-            if (this.transmuxer) {
-              this.transmuxer.dispose();
-            }
-
-            this.transmuxer = new transmuxer.Transmuxer(this.options);
-            wireTransmuxerEvents(this.self, this.transmuxer);
-          }
-          /**
-           * Adds data (a ts segment) to the start of the transmuxer pipeline for
-           * processing.
-           *
-           * @param {ArrayBuffer} data data to push into the muxer
-           */
-
-        }, {
-          key: 'push',
-          value: function push(data) {
-            // Cast array buffer to correct type for transmuxer
-            var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
-            this.transmuxer.push(segment);
-          }
-          /**
-           * Recreate the transmuxer so that the next segment added via `push`
-           * start with a fresh transmuxer.
-           */
-
-        }, {
-          key: 'reset',
-          value: function reset() {
-            this.init();
-          }
-          /**
-           * Set the value that will be used as the `baseMediaDecodeTime` time for the
-           * next segment pushed in. Subsequent segments will have their `baseMediaDecodeTime`
-           * set relative to the first based on the PTS values.
-           *
-           * @param {Object} data used to set the timestamp offset in the muxer
-           */
-
-        }, {
-          key: 'setTimestampOffset',
-          value: function setTimestampOffset(data) {
-            var timestampOffset = data.timestampOffset || 0;
-            this.transmuxer.setBaseMediaDecodeTime(Math.round(timestampOffset * 90000));
-          }
-        }, {
-          key: 'setAudioAppendStart',
-          value: function setAudioAppendStart(data) {
-            this.transmuxer.setAudioAppendStart(Math.ceil(data.appendStart * 90000));
-          }
-          /**
-           * Forces the pipeline to finish processing the last segment and emit it's
-           * results.
-           *
-           * @param {Object} data event data, not really used
-           */
-
-        }, {
-          key: 'flush',
-          value: function flush(data) {
-            this.transmuxer.flush();
-          }
-        }, {
-          key: 'resetCaptions',
-          value: function resetCaptions() {
-            this.transmuxer.resetCaptions();
-          }
-        }, {
-          key: 'alignGopsWith',
-          value: function alignGopsWith(data) {
-            this.transmuxer.alignGopsWith(data.gopsToAlignWith.slice());
-          }
-        }]);
-        return MessageHandlers;
-      }();
-      /**
-       * Our web wroker interface so that things can talk to mux.js
-       * that will be running in a web worker. the scope is passed to this by
-       * webworkify.
-       *
-       * @param {Object} self the scope for the web worker
-       */
-
-
-      var TransmuxerWorker = function TransmuxerWorker(self) {
-        self.onmessage = function (event) {
-          if (event.data.action === 'init' && event.data.options) {
-            this.messageHandlers = new MessageHandlers(self, event.data.options);
-            return;
-          }
-
-          if (!this.messageHandlers) {
-            this.messageHandlers = new MessageHandlers(self);
-          }
-
-          if (event.data && event.data.action && event.data.action !== 'init') {
-            if (this.messageHandlers[event.data.action]) {
-              this.messageHandlers[event.data.action](event.data);
-            }
-          }
-        };
-      };
-
-      var transmuxerWorker = new TransmuxerWorker(self);
-      return transmuxerWorker;
-    }();
-  });
-  /**
-   * @file - codecs.js - Handles tasks regarding codec strings such as translating them to
-   * codec strings, or translating codec strings into objects that can be examined.
-   */
-  // Default codec parameters if none were provided for video and/or audio
-
-  var defaultCodecs = {
-    videoCodec: 'avc1',
-    videoObjectTypeIndicator: '.4d400d',
-    // AAC-LC
-    audioProfile: '2'
-  };
-  /**
-   * Replace the old apple-style `avc1.<dd>.<dd>` codec string with the standard
-   * `avc1.<hhhhhh>`
-   *
-   * @param {Array} codecs an array of codec strings to fix
-   * @return {Array} the translated codec array
-   * @private
-   */
-
-  var translateLegacyCodecs = function translateLegacyCodecs(codecs) {
-    return codecs.map(function (codec) {
-      return codec.replace(/avc1\.(\d+)\.(\d+)/i, function (orig, profile, avcLevel) {
-        var profileHex = ('00' + Number(profile).toString(16)).slice(-2);
-        var avcLevelHex = ('00' + Number(avcLevel).toString(16)).slice(-2);
-        return 'avc1.' + profileHex + '00' + avcLevelHex;
-      });
-    });
-  };
-  /**
-   * Parses a codec string to retrieve the number of codecs specified,
-   * the video codec and object type indicator, and the audio profile.
-   */
-
-
-  var parseCodecs = function parseCodecs() {
-    var codecs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var result = {
-      codecCount: 0
-    };
-    var parsed = void 0;
-    result.codecCount = codecs.split(',').length;
-    result.codecCount = result.codecCount || 2; // parse the video codec
-
-    parsed = /(^|\s|,)+(avc[13])([^ ,]*)/i.exec(codecs);
-
-    if (parsed) {
-      result.videoCodec = parsed[2];
-      result.videoObjectTypeIndicator = parsed[3];
-    } // parse the last field of the audio codec
-
-
-    result.audioProfile = /(^|\s|,)+mp4a.[0-9A-Fa-f]+\.([0-9A-Fa-f]+)/i.exec(codecs);
-    result.audioProfile = result.audioProfile && result.audioProfile[2];
-    return result;
-  };
-  /**
-   * Replace codecs in the codec string with the old apple-style `avc1.<dd>.<dd>` to the
-   * standard `avc1.<hhhhhh>`.
-   *
-   * @param codecString {String} the codec string
-   * @return {String} the codec string with old apple-style codecs replaced
-   *
-   * @private
-   */
-
-
-  var mapLegacyAvcCodecs = function mapLegacyAvcCodecs(codecString) {
-    return codecString.replace(/avc1\.(\d+)\.(\d+)/i, function (match) {
-      return translateLegacyCodecs([match])[0];
-    });
-  };
-  /**
-   * Build a media mime-type string from a set of parameters
-   * @param {String} type either 'audio' or 'video'
-   * @param {String} container either 'mp2t' or 'mp4'
-   * @param {Array} codecs an array of codec strings to add
-   * @return {String} a valid media mime-type
-   */
-
-
-  var makeMimeTypeString = function makeMimeTypeString(type, container, codecs) {
-    // The codecs array is filtered so that falsey values are
-    // dropped and don't cause Array#join to create spurious
-    // commas
-    return type + '/' + container + '; codecs="' + codecs.filter(function (c) {
-      return !!c;
-    }).join(', ') + '"';
-  };
-  /**
-   * Returns the type container based on information in the playlist
-   * @param {Playlist} media the current media playlist
-   * @return {String} a valid media container type
-   */
-
-
-  var getContainerType = function getContainerType(media) {
-    // An initialization segment means the media playlist is an iframe
-    // playlist or is using the mp4 container. We don't currently
-    // support iframe playlists, so assume this is signalling mp4
-    // fragments.
-    if (media.segments && media.segments.length && media.segments[0].map) {
-      return 'mp4';
-    }
-
-    return 'mp2t';
-  };
-  /**
-   * Returns a set of codec strings parsed from the playlist or the default
-   * codec strings if no codecs were specified in the playlist
-   * @param {Playlist} media the current media playlist
-   * @return {Object} an object with the video and audio codecs
-   */
-
-
-  var getCodecs = function getCodecs(media) {
-    // if the codecs were explicitly specified, use them instead of the
-    // defaults
-    var mediaAttributes = media.attributes || {};
-
-    if (mediaAttributes.CODECS) {
-      return parseCodecs(mediaAttributes.CODECS);
-    }
-
-    return defaultCodecs;
-  };
-
-  var audioProfileFromDefault = function audioProfileFromDefault(master, audioGroupId) {
-    if (!master.mediaGroups.AUDIO || !audioGroupId) {
-      return null;
-    }
-
-    var audioGroup = master.mediaGroups.AUDIO[audioGroupId];
-
-    if (!audioGroup) {
-      return null;
-    }
-
-    for (var name in audioGroup) {
-      var audioType = audioGroup[name];
-
-      if (audioType["default"] && audioType.playlists) {
-        // codec should be the same for all playlists within the audio type
-        return parseCodecs(audioType.playlists[0].attributes.CODECS).audioProfile;
-      }
-    }
-
-    return null;
-  };
-  /**
-   * Calculates the MIME type strings for a working configuration of
-   * SourceBuffers to play variant streams in a master playlist. If
-   * there is no possible working configuration, an empty array will be
-   * returned.
-   *
-   * @param master {Object} the m3u8 object for the master playlist
-   * @param media {Object} the m3u8 object for the variant playlist
-   * @return {Array} the MIME type strings. If the array has more than
-   * one entry, the first element should be applied to the video
-   * SourceBuffer and the second to the audio SourceBuffer.
-   *
-   * @private
-   */
-
-
-  var mimeTypesForPlaylist = function mimeTypesForPlaylist(master, media) {
-    var containerType = getContainerType(media);
-    var codecInfo = getCodecs(media);
-    var mediaAttributes = media.attributes || {}; // Default condition for a traditional HLS (no demuxed audio/video)
-
-    var isMuxed = true;
-    var isMaat = false;
-
-    if (!media) {
-      // Not enough information
-      return [];
-    }
-
-    if (master.mediaGroups.AUDIO && mediaAttributes.AUDIO) {
-      var audioGroup = master.mediaGroups.AUDIO[mediaAttributes.AUDIO]; // Handle the case where we are in a multiple-audio track scenario
-
-      if (audioGroup) {
-        isMaat = true; // Start with the everything demuxed then...
-
-        isMuxed = false; // ...check to see if any audio group tracks are muxed (ie. lacking a uri)
-
-        for (var groupId in audioGroup) {
-          // either a uri is present (if the case of HLS and an external playlist), or
-          // playlists is present (in the case of DASH where we don't have external audio
-          // playlists)
-          if (!audioGroup[groupId].uri && !audioGroup[groupId].playlists) {
-            isMuxed = true;
-            break;
-          }
-        }
-      }
-    } // HLS with multiple-audio tracks must always get an audio codec.
-    // Put another way, there is no way to have a video-only multiple-audio HLS!
-
-
-    if (isMaat && !codecInfo.audioProfile) {
-      if (!isMuxed) {
-        // It is possible for codecs to be specified on the audio media group playlist but
-        // not on the rendition playlist. This is mostly the case for DASH, where audio and
-        // video are always separate (and separately specified).
-        codecInfo.audioProfile = audioProfileFromDefault(master, mediaAttributes.AUDIO);
-      }
-
-      if (!codecInfo.audioProfile) {
-        videojs$1.log.warn('Multiple audio tracks present but no audio codec string is specified. ' + 'Attempting to use the default audio codec (mp4a.40.2)');
-        codecInfo.audioProfile = defaultCodecs.audioProfile;
-      }
-    } // Generate the final codec strings from the codec object generated above
-
-
-    var codecStrings = {};
-
-    if (codecInfo.videoCodec) {
-      codecStrings.video = '' + codecInfo.videoCodec + codecInfo.videoObjectTypeIndicator;
-    }
-
-    if (codecInfo.audioProfile) {
-      codecStrings.audio = 'mp4a.40.' + codecInfo.audioProfile;
-    } // Finally, make and return an array with proper mime-types depending on
-    // the configuration
-
-
-    var justAudio = makeMimeTypeString('audio', containerType, [codecStrings.audio]);
-    var justVideo = makeMimeTypeString('video', containerType, [codecStrings.video]);
-    var bothVideoAudio = makeMimeTypeString('video', containerType, [codecStrings.video, codecStrings.audio]);
-
-    if (isMaat) {
-      if (!isMuxed && codecStrings.video) {
-        return [justVideo, justAudio];
-      }
-
-      if (!isMuxed && !codecStrings.video) {
-        // There is no muxed content and no video codec string, so this is an audio only
-        // stream with alternate audio.
-        return [justAudio, justAudio];
-      } // There exists the possiblity that this will return a `video/container`
-      // mime-type for the first entry in the array even when there is only audio.
-      // This doesn't appear to be a problem and simplifies the code.
-
-
-      return [bothVideoAudio, justAudio];
-    } // If there is no video codec at all, always just return a single
-    // audio/<container> mime-type
-
-
-    if (!codecStrings.video) {
-      return [justAudio];
-    } // When not using separate audio media groups, audio and video is
-    // *always* muxed
-
-
-    return [bothVideoAudio];
-  };
-  /**
-   * Parse a content type header into a type and parameters
-   * object
-   *
-   * @param {String} type the content type header
-   * @return {Object} the parsed content-type
-   * @private
-   */
-
-
-  var parseContentType = function parseContentType(type) {
-    var object = {
-      type: '',
-      parameters: {}
-    };
-    var parameters = type.trim().split(';'); // first parameter should always be content-type
-
-    object.type = parameters.shift().trim();
-    parameters.forEach(function (parameter) {
-      var pair = parameter.trim().split('=');
-
-      if (pair.length > 1) {
-        var name = pair[0].replace(/"/g, '').trim();
-        var value = pair[1].replace(/"/g, '').trim();
-        object.parameters[name] = value;
-      }
-    });
-    return object;
-  };
-  /**
-   * Check if a codec string refers to an audio codec.
-   *
-   * @param {String} codec codec string to check
-   * @return {Boolean} if this is an audio codec
-   * @private
-   */
-
-
-  var isAudioCodec = function isAudioCodec(codec) {
-    return /mp4a\.\d+.\d+/i.test(codec);
-  };
-  /**
-   * Check if a codec string refers to a video codec.
-   *
-   * @param {String} codec codec string to check
-   * @return {Boolean} if this is a video codec
-   * @private
-   */
-
-
-  var isVideoCodec = function isVideoCodec(codec) {
-    return /avc1\.[\da-f]+/i.test(codec);
-  };
-  /**
-   * Returns a list of gops in the buffer that have a pts value of 3 seconds or more in
-   * front of current time.
-   *
-   * @param {Array} buffer
-   *        The current buffer of gop information
-   * @param {Number} currentTime
-   *        The current time
-   * @param {Double} mapping
-   *        Offset to map display time to stream presentation time
-   * @return {Array}
-   *         List of gops considered safe to append over
-   */
-
-
-  var gopsSafeToAlignWith = function gopsSafeToAlignWith(buffer, currentTime, mapping) {
-    if (typeof currentTime === 'undefined' || currentTime === null || !buffer.length) {
-      return [];
-    } // pts value for current time + 3 seconds to give a bit more wiggle room
-
-
-    var currentTimePts = Math.ceil((currentTime - mapping + 3) * 90000);
-    var i = void 0;
-
-    for (i = 0; i < buffer.length; i++) {
-      if (buffer[i].pts > currentTimePts) {
-        break;
-      }
-    }
-
-    return buffer.slice(i);
-  };
-  /**
-   * Appends gop information (timing and byteLength) received by the transmuxer for the
-   * gops appended in the last call to appendBuffer
-   *
-   * @param {Array} buffer
-   *        The current buffer of gop information
-   * @param {Array} gops
-   *        List of new gop information
-   * @param {boolean} replace
-   *        If true, replace the buffer with the new gop information. If false, append the
-   *        new gop information to the buffer in the right location of time.
-   * @return {Array}
-   *         Updated list of gop information
-   */
-
-
-  var updateGopBuffer = function updateGopBuffer(buffer, gops, replace) {
-    if (!gops.length) {
-      return buffer;
-    }
-
-    if (replace) {
-      // If we are in safe append mode, then completely overwrite the gop buffer
-      // with the most recent appeneded data. This will make sure that when appending
-      // future segments, we only try to align with gops that are both ahead of current
-      // time and in the last segment appended.
-      return gops.slice();
-    }
-
-    var start = gops[0].pts;
-    var i = 0;
-
-    for (i; i < buffer.length; i++) {
-      if (buffer[i].pts >= start) {
-        break;
-      }
-    }
-
-    return buffer.slice(0, i).concat(gops);
-  };
-  /**
-   * Removes gop information in buffer that overlaps with provided start and end
-   *
-   * @param {Array} buffer
-   *        The current buffer of gop information
-   * @param {Double} start
-   *        position to start the remove at
-   * @param {Double} end
-   *        position to end the remove at
-   * @param {Double} mapping
-   *        Offset to map display time to stream presentation time
-   */
-
-
-  var removeGopBuffer = function removeGopBuffer(buffer, start, end, mapping) {
-    var startPts = Math.ceil((start - mapping) * 90000);
-    var endPts = Math.ceil((end - mapping) * 90000);
-    var updatedBuffer = buffer.slice();
-    var i = buffer.length;
-
-    while (i--) {
-      if (buffer[i].pts <= endPts) {
-        break;
-      }
-    }
-
-    if (i === -1) {
-      // no removal because end of remove range is before start of buffer
-      return updatedBuffer;
-    }
-
-    var j = i + 1;
-
-    while (j--) {
-      if (buffer[j].pts <= startPts) {
-        break;
-      }
-    } // clamp remove range start to 0 index
-
-
-    j = Math.max(j, 0);
-    updatedBuffer.splice(j, i - j + 1);
-    return updatedBuffer;
-  };
-
-  var buffered = function buffered(videoBuffer, audioBuffer, audioDisabled) {
-    var start = null;
-    var end = null;
-    var arity = 0;
-    var extents = [];
-    var ranges = []; // neither buffer has been created yet
-
-    if (!videoBuffer && !audioBuffer) {
-      return videojs$1.createTimeRange();
-    } // only one buffer is configured
-
-
-    if (!videoBuffer) {
-      return audioBuffer.buffered;
-    }
-
-    if (!audioBuffer) {
-      return videoBuffer.buffered;
-    } // both buffers are configured
-
-
-    if (audioDisabled) {
-      return videoBuffer.buffered;
-    } // both buffers are empty
-
-
-    if (videoBuffer.buffered.length === 0 && audioBuffer.buffered.length === 0) {
-      return videojs$1.createTimeRange();
-    } // Handle the case where we have both buffers and create an
-    // intersection of the two
-
-
-    var videoBuffered = videoBuffer.buffered;
-    var audioBuffered = audioBuffer.buffered;
-    var count = videoBuffered.length; // A) Gather up all start and end times
-
-    while (count--) {
-      extents.push({
-        time: videoBuffered.start(count),
-        type: 'start'
-      });
-      extents.push({
-        time: videoBuffered.end(count),
-        type: 'end'
-      });
-    }
-
-    count = audioBuffered.length;
-
-    while (count--) {
-      extents.push({
-        time: audioBuffered.start(count),
-        type: 'start'
-      });
-      extents.push({
-        time: audioBuffered.end(count),
-        type: 'end'
-      });
-    } // B) Sort them by time
-
-
-    extents.sort(function (a, b) {
-      return a.time - b.time;
-    }); // C) Go along one by one incrementing arity for start and decrementing
-    //    arity for ends
-
-    for (count = 0; count < extents.length; count++) {
-      if (extents[count].type === 'start') {
-        arity++; // D) If arity is ever incremented to 2 we are entering an
-        //    overlapping range
-
-        if (arity === 2) {
-          start = extents[count].time;
-        }
-      } else if (extents[count].type === 'end') {
-        arity--; // E) If arity is ever decremented to 1 we leaving an
-        //    overlapping range
-
-        if (arity === 1) {
-          end = extents[count].time;
-        }
-      } // F) Record overlapping ranges
-
-
-      if (start !== null && end !== null) {
-        ranges.push([start, end]);
-        start = null;
-        end = null;
-      }
-    }
-
-    return videojs$1.createTimeRanges(ranges);
-  };
-  /**
-   * @file virtual-source-buffer.js
-   */
-
-
-  var ONE_SECOND_IN_TS$2 = 90000; // We create a wrapper around the SourceBuffer so that we can manage the
-  // state of the `updating` property manually. We have to do this because
-  // Firefox changes `updating` to false long before triggering `updateend`
-  // events and that was causing strange problems in videojs-contrib-hls
-
-  var makeWrappedSourceBuffer = function makeWrappedSourceBuffer(mediaSource, mimeType) {
-    var sourceBuffer = mediaSource.addSourceBuffer(mimeType);
-    var wrapper = Object.create(null);
-    wrapper.updating = false;
-    wrapper.realBuffer_ = sourceBuffer;
-
-    var _loop = function _loop(key) {
-      if (typeof sourceBuffer[key] === 'function') {
-        wrapper[key] = function () {
-          return sourceBuffer[key].apply(sourceBuffer, arguments);
-        };
-      } else if (typeof wrapper[key] === 'undefined') {
-        Object.defineProperty(wrapper, key, {
-          get: function get$$1() {
-            return sourceBuffer[key];
-          },
-          set: function set$$1(v) {
-            return sourceBuffer[key] = v;
-          }
-        });
-      }
-    };
-
-    for (var key in sourceBuffer) {
-      _loop(key);
-    }
-
-    return wrapper;
-  };
-  /**
-   * VirtualSourceBuffers exist so that we can transmux non native formats
-   * into a native format, but keep the same api as a native source buffer.
-   * It creates a transmuxer, that works in its own thread (a web worker) and
-   * that transmuxer muxes the data into a native format. VirtualSourceBuffer will
-   * then send all of that data to the naive sourcebuffer so that it is
-   * indestinguishable from a natively supported format.
-   *
-   * @param {HtmlMediaSource} mediaSource the parent mediaSource
-   * @param {Array} codecs array of codecs that we will be dealing with
-   * @class VirtualSourceBuffer
-   * @extends video.js.EventTarget
-   */
-
-
-  var VirtualSourceBuffer = function (_videojs$EventTarget) {
-    inherits$2(VirtualSourceBuffer, _videojs$EventTarget);
-
-    function VirtualSourceBuffer(mediaSource, codecs) {
-      classCallCheck$1(this, VirtualSourceBuffer);
-
-      var _this = possibleConstructorReturn$1(this, (VirtualSourceBuffer.__proto__ || Object.getPrototypeOf(VirtualSourceBuffer)).call(this, videojs$1.EventTarget));
-
-      _this.timestampOffset_ = 0;
-      _this.pendingBuffers_ = [];
-      _this.bufferUpdating_ = false;
-      _this.mediaSource_ = mediaSource;
-      _this.codecs_ = codecs;
-      _this.audioCodec_ = null;
-      _this.videoCodec_ = null;
-      _this.audioDisabled_ = false;
-      _this.appendAudioInitSegment_ = true;
-      _this.gopBuffer_ = [];
-      _this.timeMapping_ = 0;
-      _this.safeAppend_ = videojs$1.browser.IE_VERSION >= 11;
-      var options = {
-        remux: false,
-        alignGopsAtEnd: _this.safeAppend_
-      };
-
-      _this.codecs_.forEach(function (codec) {
-        if (isAudioCodec(codec)) {
-          _this.audioCodec_ = codec;
-        } else if (isVideoCodec(codec)) {
-          _this.videoCodec_ = codec;
-        }
-      }); // append muxed segments to their respective native buffers as
-      // soon as they are available
-
-
-      _this.transmuxer_ = new TransmuxWorker();
-
-      _this.transmuxer_.postMessage({
-        action: 'init',
-        options: options
-      });
-
-      _this.transmuxer_.onmessage = function (event) {
-        if (event.data.action === 'data') {
-          return _this.data_(event);
-        }
-
-        if (event.data.action === 'done') {
-          return _this.done_(event);
-        }
-
-        if (event.data.action === 'gopInfo') {
-          return _this.appendGopInfo_(event);
-        }
-
-        if (event.data.action === 'videoSegmentTimingInfo') {
-          return _this.videoSegmentTimingInfo_(event.data.videoSegmentTimingInfo);
-        }
-      }; // this timestampOffset is a property with the side-effect of resetting
-      // baseMediaDecodeTime in the transmuxer on the setter
-
-
-      Object.defineProperty(_this, 'timestampOffset', {
-        get: function get$$1() {
-          return this.timestampOffset_;
-        },
-        set: function set$$1(val) {
-          if (typeof val === 'number' && val >= 0) {
-            this.timestampOffset_ = val;
-            this.appendAudioInitSegment_ = true; // reset gop buffer on timestampoffset as this signals a change in timeline
-
-            this.gopBuffer_.length = 0;
-            this.timeMapping_ = 0; // We have to tell the transmuxer to set the baseMediaDecodeTime to
-            // the desired timestampOffset for the next segment
-
-            this.transmuxer_.postMessage({
-              action: 'setTimestampOffset',
-              timestampOffset: val
-            });
-          }
-        }
-      }); // setting the append window affects both source buffers
-
-      Object.defineProperty(_this, 'appendWindowStart', {
-        get: function get$$1() {
-          return (this.videoBuffer_ || this.audioBuffer_).appendWindowStart;
-        },
-        set: function set$$1(start) {
-          if (this.videoBuffer_) {
-            this.videoBuffer_.appendWindowStart = start;
-          }
-
-          if (this.audioBuffer_) {
-            this.audioBuffer_.appendWindowStart = start;
-          }
-        }
-      }); // this buffer is "updating" if either of its native buffers are
-
-      Object.defineProperty(_this, 'updating', {
-        get: function get$$1() {
-          return !!(this.bufferUpdating_ || !this.audioDisabled_ && this.audioBuffer_ && this.audioBuffer_.updating || this.videoBuffer_ && this.videoBuffer_.updating);
-        }
-      }); // the buffered property is the intersection of the buffered
-      // ranges of the native source buffers
-
-      Object.defineProperty(_this, 'buffered', {
-        get: function get$$1() {
-          return buffered(this.videoBuffer_, this.audioBuffer_, this.audioDisabled_);
-        }
-      });
-      return _this;
-    }
-    /**
-     * When we get a data event from the transmuxer
-     * we call this function and handle the data that
-     * was sent to us
-     *
-     * @private
-     * @param {Event} event the data event from the transmuxer
-     */
-
-
-    createClass$1(VirtualSourceBuffer, [{
-      key: 'data_',
-      value: function data_(event) {
-        var segment = event.data.segment; // Cast ArrayBuffer to TypedArray
-
-        segment.data = new Uint8Array(segment.data, event.data.byteOffset, event.data.byteLength);
-        segment.initSegment = new Uint8Array(segment.initSegment.data, segment.initSegment.byteOffset, segment.initSegment.byteLength);
-        createTextTracksIfNecessary(this, this.mediaSource_, segment); // Add the segments to the pendingBuffers array
-
-        this.pendingBuffers_.push(segment);
-        return;
-      }
-      /**
-       * When we get a done event from the transmuxer
-       * we call this function and we process all
-       * of the pending data that we have been saving in the
-       * data_ function
-       *
-       * @private
-       * @param {Event} event the done event from the transmuxer
-       */
-
-    }, {
-      key: 'done_',
-      value: function done_(event) {
-        // Don't process and append data if the mediaSource is closed
-        if (this.mediaSource_.readyState === 'closed') {
-          this.pendingBuffers_.length = 0;
-          return;
-        } // All buffers should have been flushed from the muxer
-        // start processing anything we have received
-
-
-        this.processPendingSegments_();
-        return;
-      }
-    }, {
-      key: 'videoSegmentTimingInfo_',
-      value: function videoSegmentTimingInfo_(timingInfo) {
-        var timingInfoInSeconds = {
-          start: {
-            decode: timingInfo.start.dts / ONE_SECOND_IN_TS$2,
-            presentation: timingInfo.start.pts / ONE_SECOND_IN_TS$2
-          },
-          end: {
-            decode: timingInfo.end.dts / ONE_SECOND_IN_TS$2,
-            presentation: timingInfo.end.pts / ONE_SECOND_IN_TS$2
-          },
-          baseMediaDecodeTime: timingInfo.baseMediaDecodeTime / ONE_SECOND_IN_TS$2
-        };
-
-        if (timingInfo.prependedContentDuration) {
-          timingInfoInSeconds.prependedContentDuration = timingInfo.prependedContentDuration / ONE_SECOND_IN_TS$2;
-        }
-
-        this.trigger({
-          type: 'videoSegmentTimingInfo',
-          videoSegmentTimingInfo: timingInfoInSeconds
-        });
-      }
-      /**
-       * Create our internal native audio/video source buffers and add
-       * event handlers to them with the following conditions:
-       * 1. they do not already exist on the mediaSource
-       * 2. this VSB has a codec for them
-       *
-       * @private
-       */
-
-    }, {
-      key: 'createRealSourceBuffers_',
-      value: function createRealSourceBuffers_() {
-        var _this2 = this;
-
-        var types = ['audio', 'video'];
-        types.forEach(function (type) {
-          // Don't create a SourceBuffer of this type if we don't have a
-          // codec for it
-          if (!_this2[type + 'Codec_']) {
-            return;
-          } // Do nothing if a SourceBuffer of this type already exists
-
-
-          if (_this2[type + 'Buffer_']) {
-            return;
-          }
-
-          var buffer = null; // If the mediasource already has a SourceBuffer for the codec
-          // use that
-
-          if (_this2.mediaSource_[type + 'Buffer_']) {
-            buffer = _this2.mediaSource_[type + 'Buffer_']; // In multiple audio track cases, the audio source buffer is disabled
-            // on the main VirtualSourceBuffer by the HTMLMediaSource much earlier
-            // than createRealSourceBuffers_ is called to create the second
-            // VirtualSourceBuffer because that happens as a side-effect of
-            // videojs-contrib-hls starting the audioSegmentLoader. As a result,
-            // the audioBuffer is essentially "ownerless" and no one will toggle
-            // the `updating` state back to false once the `updateend` event is received
-            //
-            // Setting `updating` to false manually will work around this
-            // situation and allow work to continue
-
-            buffer.updating = false;
-          } else {
-            var codecProperty = type + 'Codec_';
-            var mimeType = type + '/mp4;codecs="' + _this2[codecProperty] + '"';
-            buffer = makeWrappedSourceBuffer(_this2.mediaSource_.nativeMediaSource_, mimeType);
-            _this2.mediaSource_[type + 'Buffer_'] = buffer;
-          }
-
-          _this2[type + 'Buffer_'] = buffer; // Wire up the events to the SourceBuffer
-
-          ['update', 'updatestart', 'updateend'].forEach(function (event) {
-            buffer.addEventListener(event, function () {
-              // if audio is disabled
-              if (type === 'audio' && _this2.audioDisabled_) {
-                return;
-              }
-
-              if (event === 'updateend') {
-                _this2[type + 'Buffer_'].updating = false;
-              }
-
-              var shouldTrigger = types.every(function (t) {
-                // skip checking audio's updating status if audio
-                // is not enabled
-                if (t === 'audio' && _this2.audioDisabled_) {
-                  return true;
-                } // if the other type is updating we don't trigger
-
-
-                if (type !== t && _this2[t + 'Buffer_'] && _this2[t + 'Buffer_'].updating) {
-                  return false;
-                }
-
-                return true;
-              });
-
-              if (shouldTrigger) {
-                return _this2.trigger(event);
-              }
-            });
-          });
-        });
-      }
-      /**
-       * Emulate the native mediasource function, but our function will
-       * send all of the proposed segments to the transmuxer so that we
-       * can transmux them before we append them to our internal
-       * native source buffers in the correct format.
-       *
-       * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/appendBuffer
-       * @param {Uint8Array} segment the segment to append to the buffer
-       */
-
-    }, {
-      key: 'appendBuffer',
-      value: function appendBuffer(segment) {
-        // Start the internal "updating" state
-        this.bufferUpdating_ = true;
-
-        if (this.audioBuffer_ && this.audioBuffer_.buffered.length) {
-          var audioBuffered = this.audioBuffer_.buffered;
-          this.transmuxer_.postMessage({
-            action: 'setAudioAppendStart',
-            appendStart: audioBuffered.end(audioBuffered.length - 1)
-          });
-        }
-
-        if (this.videoBuffer_) {
-          this.transmuxer_.postMessage({
-            action: 'alignGopsWith',
-            gopsToAlignWith: gopsSafeToAlignWith(this.gopBuffer_, this.mediaSource_.player_ ? this.mediaSource_.player_.currentTime() : null, this.timeMapping_)
-          });
-        }
-
-        this.transmuxer_.postMessage({
-          action: 'push',
-          // Send the typed-array of data as an ArrayBuffer so that
-          // it can be sent as a "Transferable" and avoid the costly
-          // memory copy
-          data: segment.buffer,
-          // To recreate the original typed-array, we need information
-          // about what portion of the ArrayBuffer it was a view into
-          byteOffset: segment.byteOffset,
-          byteLength: segment.byteLength
-        }, [segment.buffer]);
-        this.transmuxer_.postMessage({
-          action: 'flush'
-        });
-      }
-      /**
-       * Appends gop information (timing and byteLength) received by the transmuxer for the
-       * gops appended in the last call to appendBuffer
-       *
-       * @param {Event} event
-       *        The gopInfo event from the transmuxer
-       * @param {Array} event.data.gopInfo
-       *        List of gop info to append
-       */
-
-    }, {
-      key: 'appendGopInfo_',
-      value: function appendGopInfo_(event) {
-        this.gopBuffer_ = updateGopBuffer(this.gopBuffer_, event.data.gopInfo, this.safeAppend_);
-      }
-      /**
-       * Emulate the native mediasource function and remove parts
-       * of the buffer from any of our internal buffers that exist
-       *
-       * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/remove
-       * @param {Double} start position to start the remove at
-       * @param {Double} end position to end the remove at
-       */
-
-    }, {
-      key: 'remove',
-      value: function remove(start, end) {
-        if (this.videoBuffer_) {
-          this.videoBuffer_.updating = true;
-          this.videoBuffer_.remove(start, end);
-          this.gopBuffer_ = removeGopBuffer(this.gopBuffer_, start, end, this.timeMapping_);
-        }
-
-        if (!this.audioDisabled_ && this.audioBuffer_) {
-          this.audioBuffer_.updating = true;
-          this.audioBuffer_.remove(start, end);
-        } // Remove Metadata Cues (id3)
-
-
-        removeCuesFromTrack(start, end, this.metadataTrack_); // Remove Any Captions
-
-        if (this.inbandTextTracks_) {
-          for (var track in this.inbandTextTracks_) {
-            removeCuesFromTrack(start, end, this.inbandTextTracks_[track]);
-          }
-        }
-      }
-      /**
-       * Process any segments that the muxer has output
-       * Concatenate segments together based on type and append them into
-       * their respective sourceBuffers
-       *
-       * @private
-       */
-
-    }, {
-      key: 'processPendingSegments_',
-      value: function processPendingSegments_() {
-        var sortedSegments = {
-          video: {
-            segments: [],
-            bytes: 0
-          },
-          audio: {
-            segments: [],
-            bytes: 0
-          },
-          captions: [],
-          metadata: []
-        };
-
-        if (!this.pendingBuffers_.length) {
-          // We are no longer in the internal "updating" state
-          this.trigger('updateend');
-          this.bufferUpdating_ = false;
-          return;
-        } // Sort segments into separate video/audio arrays and
-        // keep track of their total byte lengths
-
-
-        sortedSegments = this.pendingBuffers_.reduce(function (segmentObj, segment) {
-          var type = segment.type;
-          var data = segment.data;
-          var initSegment = segment.initSegment;
-          segmentObj[type].segments.push(data);
-          segmentObj[type].bytes += data.byteLength;
-          segmentObj[type].initSegment = initSegment; // Gather any captions into a single array
-
-          if (segment.captions) {
-            segmentObj.captions = segmentObj.captions.concat(segment.captions);
-          }
-
-          if (segment.info) {
-            segmentObj[type].info = segment.info;
-          } // Gather any metadata into a single array
-
-
-          if (segment.metadata) {
-            segmentObj.metadata = segmentObj.metadata.concat(segment.metadata);
-          }
-
-          return segmentObj;
-        }, sortedSegments); // Create the real source buffers if they don't exist by now since we
-        // finally are sure what tracks are contained in the source
-
-        if (!this.videoBuffer_ && !this.audioBuffer_) {
-          // Remove any codecs that may have been specified by default but
-          // are no longer applicable now
-          if (sortedSegments.video.bytes === 0) {
-            this.videoCodec_ = null;
-          }
-
-          if (sortedSegments.audio.bytes === 0) {
-            this.audioCodec_ = null;
-          }
-
-          this.createRealSourceBuffers_();
-        }
-
-        if (sortedSegments.audio.info) {
-          this.mediaSource_.trigger({
-            type: 'audioinfo',
-            info: sortedSegments.audio.info
-          });
-        }
-
-        if (sortedSegments.video.info) {
-          this.mediaSource_.trigger({
-            type: 'videoinfo',
-            info: sortedSegments.video.info
-          });
-        }
-
-        if (this.appendAudioInitSegment_) {
-          if (!this.audioDisabled_ && this.audioBuffer_) {
-            sortedSegments.audio.segments.unshift(sortedSegments.audio.initSegment);
-            sortedSegments.audio.bytes += sortedSegments.audio.initSegment.byteLength;
-          }
-
-          this.appendAudioInitSegment_ = false;
-        }
-
-        var triggerUpdateend = false; // Merge multiple video and audio segments into one and append
-
-        if (this.videoBuffer_ && sortedSegments.video.bytes) {
-          sortedSegments.video.segments.unshift(sortedSegments.video.initSegment);
-          sortedSegments.video.bytes += sortedSegments.video.initSegment.byteLength;
-          this.concatAndAppendSegments_(sortedSegments.video, this.videoBuffer_);
-        } else if (this.videoBuffer_ && (this.audioDisabled_ || !this.audioBuffer_)) {
-          // The transmuxer did not return any bytes of video, meaning it was all trimmed
-          // for gop alignment. Since we have a video buffer and audio is disabled, updateend
-          // will never be triggered by this source buffer, which will cause contrib-hls
-          // to be stuck forever waiting for updateend. If audio is not disabled, updateend
-          // will be triggered by the audio buffer, which will be sent upwards since the video
-          // buffer will not be in an updating state.
-          triggerUpdateend = true;
-        } // Add text-track data for all
-
-
-        addTextTrackData(this, sortedSegments.captions, sortedSegments.metadata);
-
-        if (!this.audioDisabled_ && this.audioBuffer_) {
-          this.concatAndAppendSegments_(sortedSegments.audio, this.audioBuffer_);
-        }
-
-        this.pendingBuffers_.length = 0;
-
-        if (triggerUpdateend) {
-          this.trigger('updateend');
-        } // We are no longer in the internal "updating" state
-
-
-        this.bufferUpdating_ = false;
-      }
-      /**
-       * Combine all segments into a single Uint8Array and then append them
-       * to the destination buffer
-       *
-       * @param {Object} segmentObj
-       * @param {SourceBuffer} destinationBuffer native source buffer to append data to
-       * @private
-       */
-
-    }, {
-      key: 'concatAndAppendSegments_',
-      value: function concatAndAppendSegments_(segmentObj, destinationBuffer) {
-        var offset = 0;
-        var tempBuffer = void 0;
-
-        if (segmentObj.bytes) {
-          tempBuffer = new Uint8Array(segmentObj.bytes); // Combine the individual segments into one large typed-array
-
-          segmentObj.segments.forEach(function (segment) {
-            tempBuffer.set(segment, offset);
-            offset += segment.byteLength;
-          });
-
-          try {
-            destinationBuffer.updating = true;
-            destinationBuffer.appendBuffer(tempBuffer);
-          } catch (error) {
-            if (this.mediaSource_.player_) {
-              this.mediaSource_.player_.error({
-                code: -3,
-                type: 'APPEND_BUFFER_ERR',
-                message: error.message,
-                originalError: error
-              });
-            }
-          }
-        }
-      }
-      /**
-       * Emulate the native mediasource function. abort any soureBuffer
-       * actions and throw out any un-appended data.
-       *
-       * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/abort
-       */
-
-    }, {
-      key: 'abort',
-      value: function abort() {
-        if (this.videoBuffer_) {
-          this.videoBuffer_.abort();
-        }
-
-        if (!this.audioDisabled_ && this.audioBuffer_) {
-          this.audioBuffer_.abort();
-        }
-
-        if (this.transmuxer_) {
-          this.transmuxer_.postMessage({
-            action: 'reset'
-          });
-        }
-
-        this.pendingBuffers_.length = 0;
-        this.bufferUpdating_ = false;
-      }
-    }]);
-    return VirtualSourceBuffer;
-  }(videojs$1.EventTarget);
-  /**
-   * @file html-media-source.js
-   */
-
-  /**
-   * Our MediaSource implementation in HTML, mimics native
-   * MediaSource where/if possible.
-   *
-   * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource
-   * @class HtmlMediaSource
-   * @extends videojs.EventTarget
-   */
-
-
-  var HtmlMediaSource = function (_videojs$EventTarget) {
-    inherits$2(HtmlMediaSource, _videojs$EventTarget);
-
-    function HtmlMediaSource() {
-      classCallCheck$1(this, HtmlMediaSource);
-
-      var _this = possibleConstructorReturn$1(this, (HtmlMediaSource.__proto__ || Object.getPrototypeOf(HtmlMediaSource)).call(this));
-
-      var property = void 0;
-      _this.nativeMediaSource_ = new window$1.MediaSource(); // delegate to the native MediaSource's methods by default
-
-      for (property in _this.nativeMediaSource_) {
-        if (!(property in HtmlMediaSource.prototype) && typeof _this.nativeMediaSource_[property] === 'function') {
-          _this[property] = _this.nativeMediaSource_[property].bind(_this.nativeMediaSource_);
-        }
-      } // emulate `duration` and `seekable` until seeking can be
-      // handled uniformly for live streams
-      // see https://github.com/w3c/media-source/issues/5
-
-
-      _this.duration_ = NaN;
-      Object.defineProperty(_this, 'duration', {
-        get: function get$$1() {
-          if (this.duration_ === Infinity) {
-            return this.duration_;
-          }
-
-          return this.nativeMediaSource_.duration;
-        },
-        set: function set$$1(duration) {
-          this.duration_ = duration;
-
-          if (duration !== Infinity) {
-            this.nativeMediaSource_.duration = duration;
-            return;
-          }
-        }
-      });
-      Object.defineProperty(_this, 'seekable', {
-        get: function get$$1() {
-          if (this.duration_ === Infinity) {
-            return videojs$1.createTimeRanges([[0, this.nativeMediaSource_.duration]]);
-          }
-
-          return this.nativeMediaSource_.seekable;
-        }
-      });
-      Object.defineProperty(_this, 'readyState', {
-        get: function get$$1() {
-          return this.nativeMediaSource_.readyState;
-        }
-      });
-      Object.defineProperty(_this, 'activeSourceBuffers', {
-        get: function get$$1() {
-          return this.activeSourceBuffers_;
-        }
-      }); // the list of virtual and native SourceBuffers created by this
-      // MediaSource
-
-      _this.sourceBuffers = [];
-      _this.activeSourceBuffers_ = [];
-      /**
-       * update the list of active source buffers based upon various
-       * imformation from HLS and video.js
-       *
-       * @private
-       */
-
-      _this.updateActiveSourceBuffers_ = function () {
-        // Retain the reference but empty the array
-        _this.activeSourceBuffers_.length = 0; // If there is only one source buffer, then it will always be active and audio will
-        // be disabled based on the codec of the source buffer
-
-        if (_this.sourceBuffers.length === 1) {
-          var sourceBuffer = _this.sourceBuffers[0];
-          sourceBuffer.appendAudioInitSegment_ = true;
-          sourceBuffer.audioDisabled_ = !sourceBuffer.audioCodec_;
-
-          _this.activeSourceBuffers_.push(sourceBuffer);
-
-          return;
-        } // There are 2 source buffers, a combined (possibly video only) source buffer and
-        // and an audio only source buffer.
-        // By default, the audio in the combined virtual source buffer is enabled
-        // and the audio-only source buffer (if it exists) is disabled.
-
-
-        var disableCombined = false;
-        var disableAudioOnly = true; // TODO: maybe we can store the sourcebuffers on the track objects?
-        // safari may do something like this
-
-        for (var i = 0; i < _this.player_.audioTracks().length; i++) {
-          var track = _this.player_.audioTracks()[i];
-
-          if (track.enabled && track.kind !== 'main') {
-            // The enabled track is an alternate audio track so disable the audio in
-            // the combined source buffer and enable the audio-only source buffer.
-            disableCombined = true;
-            disableAudioOnly = false;
-            break;
-          }
-        }
-
-        _this.sourceBuffers.forEach(function (sourceBuffer, index) {
-          /* eslinst-disable */
-          // TODO once codecs are required, we can switch to using the codecs to determine
-          //      what stream is the video stream, rather than relying on videoTracks
-
-          /* eslinst-enable */
-          sourceBuffer.appendAudioInitSegment_ = true;
-
-          if (sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
-            // combined
-            sourceBuffer.audioDisabled_ = disableCombined;
-          } else if (sourceBuffer.videoCodec_ && !sourceBuffer.audioCodec_) {
-            // If the "combined" source buffer is video only, then we do not want
-            // disable the audio-only source buffer (this is mostly for demuxed
-            // audio and video hls)
-            sourceBuffer.audioDisabled_ = true;
-            disableAudioOnly = false;
-          } else if (!sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
-            // audio only
-            // In the case of audio only with alternate audio and disableAudioOnly is true
-            // this means we want to disable the audio on the alternate audio sourcebuffer
-            // but not the main "combined" source buffer. The "combined" source buffer is
-            // always at index 0, so this ensures audio won't be disabled in both source
-            // buffers.
-            sourceBuffer.audioDisabled_ = index ? disableAudioOnly : !disableAudioOnly;
-
-            if (sourceBuffer.audioDisabled_) {
-              return;
-            }
-          }
-
-          _this.activeSourceBuffers_.push(sourceBuffer);
-        });
-      };
-
-      _this.onPlayerMediachange_ = function () {
-        _this.sourceBuffers.forEach(function (sourceBuffer) {
-          sourceBuffer.appendAudioInitSegment_ = true;
-        });
-      };
-
-      _this.onHlsReset_ = function () {
-        _this.sourceBuffers.forEach(function (sourceBuffer) {
-          if (sourceBuffer.transmuxer_) {
-            sourceBuffer.transmuxer_.postMessage({
-              action: 'resetCaptions'
-            });
-          }
-        });
-      };
-
-      _this.onHlsSegmentTimeMapping_ = function (event) {
-        _this.sourceBuffers.forEach(function (buffer) {
-          return buffer.timeMapping_ = event.mapping;
-        });
-      }; // Re-emit MediaSource events on the polyfill
-
-
-      ['sourceopen', 'sourceclose', 'sourceended'].forEach(function (eventName) {
-        this.nativeMediaSource_.addEventListener(eventName, this.trigger.bind(this));
-      }, _this); // capture the associated player when the MediaSource is
-      // successfully attached
-
-      _this.on('sourceopen', function (event) {
-        // Get the player this MediaSource is attached to
-        var video = document.querySelector('[src="' + _this.url_ + '"]');
-
-        if (!video) {
-          return;
-        }
-
-        _this.player_ = videojs$1(video.parentNode);
-
-        if (!_this.player_) {
-          return;
-        } // hls-reset is fired by videojs.Hls on to the tech after the main SegmentLoader
-        // resets its state and flushes the buffer
-
-
-        _this.player_.tech_.on('hls-reset', _this.onHlsReset_); // hls-segment-time-mapping is fired by videojs.Hls on to the tech after the main
-        // SegmentLoader inspects an MTS segment and has an accurate stream to display
-        // time mapping
-
-
-        _this.player_.tech_.on('hls-segment-time-mapping', _this.onHlsSegmentTimeMapping_);
-
-        if (_this.player_.audioTracks && _this.player_.audioTracks()) {
-          _this.player_.audioTracks().on('change', _this.updateActiveSourceBuffers_);
-
-          _this.player_.audioTracks().on('addtrack', _this.updateActiveSourceBuffers_);
-
-          _this.player_.audioTracks().on('removetrack', _this.updateActiveSourceBuffers_);
-        }
-
-        _this.player_.on('mediachange', _this.onPlayerMediachange_);
-      });
-
-      _this.on('sourceended', function (event) {
-        var duration = durationOfVideo(_this.duration);
-
-        for (var i = 0; i < _this.sourceBuffers.length; i++) {
-          var sourcebuffer = _this.sourceBuffers[i];
-          var cues = sourcebuffer.metadataTrack_ && sourcebuffer.metadataTrack_.cues;
-
-          if (cues && cues.length) {
-            cues[cues.length - 1].endTime = duration;
-          }
-        }
-      }); // explicitly terminate any WebWorkers that were created
-      // by SourceHandlers
-
-
-      _this.on('sourceclose', function (event) {
-        this.sourceBuffers.forEach(function (sourceBuffer) {
-          if (sourceBuffer.transmuxer_) {
-            sourceBuffer.transmuxer_.terminate();
-          }
-        });
-        this.sourceBuffers.length = 0;
-
-        if (!this.player_) {
-          return;
-        }
-
-        if (this.player_.audioTracks && this.player_.audioTracks()) {
-          this.player_.audioTracks().off('change', this.updateActiveSourceBuffers_);
-          this.player_.audioTracks().off('addtrack', this.updateActiveSourceBuffers_);
-          this.player_.audioTracks().off('removetrack', this.updateActiveSourceBuffers_);
-        } // We can only change this if the player hasn't been disposed of yet
-        // because `off` eventually tries to use the el_ property. If it has
-        // been disposed of, then don't worry about it because there are no
-        // event handlers left to unbind anyway
-
-
-        if (this.player_.el_) {
-          this.player_.off('mediachange', this.onPlayerMediachange_);
-        }
-
-        if (this.player_.tech_ && this.player_.tech_.el_) {
-          this.player_.tech_.off('hls-reset', this.onHlsReset_);
-          this.player_.tech_.off('hls-segment-time-mapping', this.onHlsSegmentTimeMapping_);
-        }
-      });
-
-      return _this;
-    }
-    /**
-     * Add a range that that can now be seeked to.
-     *
-     * @param {Double} start where to start the addition
-     * @param {Double} end where to end the addition
-     * @private
-     */
-
-
-    createClass$1(HtmlMediaSource, [{
-      key: 'addSeekableRange_',
-      value: function addSeekableRange_(start, end) {
-        var error = void 0;
-
-        if (this.duration !== Infinity) {
-          error = new Error('MediaSource.addSeekableRange() can only be invoked ' + 'when the duration is Infinity');
-          error.name = 'InvalidStateError';
-          error.code = 11;
-          throw error;
-        }
-
-        if (end > this.nativeMediaSource_.duration || isNaN(this.nativeMediaSource_.duration)) {
-          this.nativeMediaSource_.duration = end;
-        }
-      }
-      /**
-       * Add a source buffer to the media source.
-       *
-       * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/addSourceBuffer
-       * @param {String} type the content-type of the content
-       * @return {Object} the created source buffer
-       */
-
-    }, {
-      key: 'addSourceBuffer',
-      value: function addSourceBuffer(type) {
-        var buffer = void 0;
-        var parsedType = parseContentType(type); // Create a VirtualSourceBuffer to transmux MPEG-2 transport
-        // stream segments into fragmented MP4s
-
-        if (/^(video|audio)\/mp2t$/i.test(parsedType.type)) {
-          var codecs = [];
-
-          if (parsedType.parameters && parsedType.parameters.codecs) {
-            codecs = parsedType.parameters.codecs.split(',');
-            codecs = translateLegacyCodecs(codecs);
-            codecs = codecs.filter(function (codec) {
-              return isAudioCodec(codec) || isVideoCodec(codec);
-            });
-          }
-
-          if (codecs.length === 0) {
-            codecs = ['avc1.4d400d', 'mp4a.40.2'];
-          }
-
-          buffer = new VirtualSourceBuffer(this, codecs);
-
-          if (this.sourceBuffers.length !== 0) {
-            // If another VirtualSourceBuffer already exists, then we are creating a
-            // SourceBuffer for an alternate audio track and therefore we know that
-            // the source has both an audio and video track.
-            // That means we should trigger the manual creation of the real
-            // SourceBuffers instead of waiting for the transmuxer to return data
-            this.sourceBuffers[0].createRealSourceBuffers_();
-            buffer.createRealSourceBuffers_(); // Automatically disable the audio on the first source buffer if
-            // a second source buffer is ever created
-
-            this.sourceBuffers[0].audioDisabled_ = true;
-          }
-        } else {
-          // delegate to the native implementation
-          buffer = this.nativeMediaSource_.addSourceBuffer(type);
-        }
-
-        this.sourceBuffers.push(buffer);
-        return buffer;
-      }
-    }]);
-    return HtmlMediaSource;
-  }(videojs$1.EventTarget);
-  /**
-   * @file videojs-contrib-media-sources.js
-   */
-
-
-  var urlCount = 0; // ------------
-  // Media Source
-  // ------------
-  // store references to the media sources so they can be connected
-  // to a video element (a swf object)
-  // TODO: can we store this somewhere local to this module?
-
-  videojs$1.mediaSources = {};
-  /**
-   * Provide a method for a swf object to notify JS that a
-   * media source is now open.
-   *
-   * @param {String} msObjectURL string referencing the MSE Object URL
-   * @param {String} swfId the swf id
-   */
-
-  var open = function open(msObjectURL, swfId) {
-    var mediaSource = videojs$1.mediaSources[msObjectURL];
-
-    if (mediaSource) {
-      mediaSource.trigger({
-        type: 'sourceopen',
-        swfId: swfId
-      });
-    } else {
-      throw new Error('Media Source not found (Video.js)');
-    }
-  };
-  /**
-   * Check to see if the native MediaSource object exists and supports
-   * an MP4 container with both H.264 video and AAC-LC audio.
-   *
-   * @return {Boolean} if  native media sources are supported
-   */
-
-
-  var supportsNativeMediaSources = function supportsNativeMediaSources() {
-    return !!window$1.MediaSource && !!window$1.MediaSource.isTypeSupported && window$1.MediaSource.isTypeSupported('video/mp4;codecs="avc1.4d400d,mp4a.40.2"');
-  };
-  /**
-   * An emulation of the MediaSource API so that we can support
-   * native and non-native functionality. returns an instance of
-   * HtmlMediaSource.
-   *
-   * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/MediaSource
-   */
-
-
-  var MediaSource = function MediaSource() {
-    this.MediaSource = {
-      open: open,
-      supportsNativeMediaSources: supportsNativeMediaSources
-    };
-
-    if (supportsNativeMediaSources()) {
-      return new HtmlMediaSource();
-    }
-
-    throw new Error('Cannot use create a virtual MediaSource for this video');
-  };
-
-  MediaSource.open = open;
-  MediaSource.supportsNativeMediaSources = supportsNativeMediaSources;
-  /**
-   * A wrapper around the native URL for our MSE object
-   * implementation, this object is exposed under videojs.URL
-   *
-   * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
-   */
-
-  var URL$1 = {
-    /**
-     * A wrapper around the native createObjectURL for our objects.
-     * This function maps a native or emulated mediaSource to a blob
-     * url so that it can be loaded into video.js
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
-     * @param {MediaSource} object the object to create a blob url to
-     */
-    createObjectURL: function createObjectURL(object) {
-      var objectUrlPrefix = 'blob:vjs-media-source/';
-      var url = void 0; // use the native MediaSource to generate an object URL
-
-      if (object instanceof HtmlMediaSource) {
-        url = window$1.URL.createObjectURL(object.nativeMediaSource_);
-        object.url_ = url;
-        return url;
-      } // if the object isn't an emulated MediaSource, delegate to the
-      // native implementation
-
-
-      if (!(object instanceof HtmlMediaSource)) {
-        url = window$1.URL.createObjectURL(object);
-        object.url_ = url;
-        return url;
-      } // build a URL that can be used to map back to the emulated
-      // MediaSource
-
-
-      url = objectUrlPrefix + urlCount;
-      urlCount++; // setup the mapping back to object
-
-      videojs$1.mediaSources[url] = object;
-      return url;
-    }
-  };
-  videojs$1.MediaSource = MediaSource;
-  videojs$1.URL = URL$1;
-  var EventTarget$1$1 = videojs$1.EventTarget,
-      mergeOptions$2 = videojs$1.mergeOptions;
-  /**
-   * Returns a new master manifest that is the result of merging an updated master manifest
-   * into the original version.
-   *
-   * @param {Object} oldMaster
-   *        The old parsed mpd object
-   * @param {Object} newMaster
-   *        The updated parsed mpd object
-   * @return {Object}
-   *         A new object representing the original master manifest with the updated media
-   *         playlists merged in
-   */
-
-  var updateMaster$1 = function updateMaster$$1(oldMaster, newMaster) {
-    var noChanges = void 0;
-    var update = mergeOptions$2(oldMaster, {
-      // These are top level properties that can be updated
-      duration: newMaster.duration,
-      minimumUpdatePeriod: newMaster.minimumUpdatePeriod
-    }); // First update the playlists in playlist list
-
-    for (var i = 0; i < newMaster.playlists.length; i++) {
-      var playlistUpdate = updateMaster(update, newMaster.playlists[i]);
-
-      if (playlistUpdate) {
-        update = playlistUpdate;
-      } else {
-        noChanges = true;
-      }
-    } // Then update media group playlists
-
-
-    forEachMediaGroup(newMaster, function (properties, type, group, label) {
-      if (properties.playlists && properties.playlists.length) {
-        var uri = properties.playlists[0].uri;
-
-        var _playlistUpdate = updateMaster(update, properties.playlists[0]);
-
-        if (_playlistUpdate) {
-          update = _playlistUpdate; // update the playlist reference within media groups
-
-          update.mediaGroups[type][group][label].playlists[0] = update.playlists[uri];
-          noChanges = false;
-        }
-      }
-    });
-
-    if (noChanges) {
-      return null;
-    }
-
-    return update;
-  };
-
-  var generateSidxKey = function generateSidxKey(sidxInfo) {
-    // should be non-inclusive
-    var sidxByteRangeEnd = sidxInfo.byterange.offset + sidxInfo.byterange.length - 1;
-    return sidxInfo.uri + '-' + sidxInfo.byterange.offset + '-' + sidxByteRangeEnd;
-  }; // SIDX should be equivalent if the URI and byteranges of the SIDX match.
-  // If the SIDXs have maps, the two maps should match,
-  // both `a` and `b` missing SIDXs is considered matching.
-  // If `a` or `b` but not both have a map, they aren't matching.
-
-
-  var equivalentSidx = function equivalentSidx(a, b) {
-    var neitherMap = Boolean(!a.map && !b.map);
-    var equivalentMap = neitherMap || Boolean(a.map && b.map && a.map.byterange.offset === b.map.byterange.offset && a.map.byterange.length === b.map.byterange.length);
-    return equivalentMap && a.uri === b.uri && a.byterange.offset === b.byterange.offset && a.byterange.length === b.byterange.length;
-  }; // exported for testing
-
-
-  var compareSidxEntry = function compareSidxEntry(playlists, oldSidxMapping) {
-    var newSidxMapping = {};
-
-    for (var uri in playlists) {
-      var playlist = playlists[uri];
-      var currentSidxInfo = playlist.sidx;
-
-      if (currentSidxInfo) {
-        var key = generateSidxKey(currentSidxInfo);
-
-        if (!oldSidxMapping[key]) {
-          break;
-        }
-
-        var savedSidxInfo = oldSidxMapping[key].sidxInfo;
-
-        if (equivalentSidx(savedSidxInfo, currentSidxInfo)) {
-          newSidxMapping[key] = oldSidxMapping[key];
-        }
-      }
-    }
-
-    return newSidxMapping;
-  };
-  /**
-   *  A function that filters out changed items as they need to be requested separately.
-   *
-   *  The method is exported for testing
-   *
-   *  @param {Object} masterXml the mpd XML
-   *  @param {string} srcUrl the mpd url
-   *  @param {Date} clientOffset a time difference between server and client (passed through and not used)
-   *  @param {Object} oldSidxMapping the SIDX to compare against
-   */
-
-
-  var filterChangedSidxMappings = function filterChangedSidxMappings(masterXml, srcUrl, clientOffset, oldSidxMapping) {
-    // Don't pass current sidx mapping
-    var master = parse(masterXml, {
-      manifestUri: srcUrl,
-      clientOffset: clientOffset
-    });
-    var videoSidx = compareSidxEntry(master.playlists, oldSidxMapping);
-    var mediaGroupSidx = videoSidx;
-    forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
-      if (properties.playlists && properties.playlists.length) {
-        var playlists = properties.playlists;
-        mediaGroupSidx = mergeOptions$2(mediaGroupSidx, compareSidxEntry(playlists, oldSidxMapping));
-      }
-    });
-    return mediaGroupSidx;
-  }; // exported for testing
-
-
-  var requestSidx_ = function requestSidx_(sidxRange, playlist, xhr, options, finishProcessingFn) {
-    var sidxInfo = {
-      // resolve the segment URL relative to the playlist
-      uri: resolveManifestRedirect(options.handleManifestRedirects, sidxRange.resolvedUri),
-      // resolvedUri: sidxRange.resolvedUri,
-      byterange: sidxRange.byterange,
-      // the segment's playlist
-      playlist: playlist
-    };
-    var sidxRequestOptions = videojs$1.mergeOptions(sidxInfo, {
-      responseType: 'arraybuffer',
-      headers: segmentXhrHeaders(sidxInfo)
-    });
-    return xhr(sidxRequestOptions, finishProcessingFn);
-  };
-
-  var DashPlaylistLoader = function (_EventTarget) {
-    inherits$2(DashPlaylistLoader, _EventTarget); // DashPlaylistLoader must accept either a src url or a playlist because subsequent
-    // playlist loader setups from media groups will expect to be able to pass a playlist
-    // (since there aren't external URLs to media playlists with DASH)
-
-    function DashPlaylistLoader(srcUrlOrPlaylist, hls) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var masterPlaylistLoader = arguments[3];
-      classCallCheck$1(this, DashPlaylistLoader);
-
-      var _this = possibleConstructorReturn$1(this, (DashPlaylistLoader.__proto__ || Object.getPrototypeOf(DashPlaylistLoader)).call(this));
-
-      var _options$withCredenti = options.withCredentials,
-          withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
-          _options$handleManife = options.handleManifestRedirects,
-          handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
-      _this.hls_ = hls;
-      _this.withCredentials = withCredentials;
-      _this.handleManifestRedirects = handleManifestRedirects;
-
-      if (!srcUrlOrPlaylist) {
-        throw new Error('A non-empty playlist URL or playlist is required');
-      } // event naming?
-
-
-      _this.on('minimumUpdatePeriod', function () {
-        _this.refreshXml_();
-      }); // live playlist staleness timeout
-
-
-      _this.on('mediaupdatetimeout', function () {
-        _this.refreshMedia_(_this.media().uri);
-      });
-
-      _this.state = 'HAVE_NOTHING';
-      _this.loadedPlaylists_ = {}; // initialize the loader state
-      // The masterPlaylistLoader will be created with a string
-
-      if (typeof srcUrlOrPlaylist === 'string') {
-        _this.srcUrl = srcUrlOrPlaylist; // TODO: reset sidxMapping between period changes
-        // once multi-period is refactored
-
-        _this.sidxMapping_ = {};
-        return possibleConstructorReturn$1(_this);
-      }
-
-      _this.setupChildLoader(masterPlaylistLoader, srcUrlOrPlaylist);
-
-      return _this;
-    }
-
-    createClass$1(DashPlaylistLoader, [{
-      key: 'setupChildLoader',
-      value: function setupChildLoader(masterPlaylistLoader, playlist) {
-        this.masterPlaylistLoader_ = masterPlaylistLoader;
-        this.childPlaylist_ = playlist;
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        this.stopRequest();
-        this.loadedPlaylists_ = {};
-        window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-        window$1.clearTimeout(this.mediaRequest_);
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-      }
-    }, {
-      key: 'hasPendingRequest',
-      value: function hasPendingRequest() {
-        return this.request || this.mediaRequest_;
-      }
-    }, {
-      key: 'stopRequest',
-      value: function stopRequest() {
-        if (this.request) {
-          var oldRequest = this.request;
-          this.request = null;
-          oldRequest.onreadystatechange = null;
-          oldRequest.abort();
-        }
-      }
-    }, {
-      key: 'sidxRequestFinished_',
-      value: function sidxRequestFinished_(playlist, master, startingState, doneFn) {
-        var _this2 = this;
-
-        return function (err, request) {
-          // disposed
-          if (!_this2.request) {
-            return;
-          } // pending request is cleared
-
-
-          _this2.request = null;
-
-          if (err) {
-            _this2.error = {
-              status: request.status,
-              message: 'DASH playlist request error at URL: ' + playlist.uri,
-              response: request.response,
-              // MEDIA_ERR_NETWORK
-              code: 2
-            };
-
-            if (startingState) {
-              _this2.state = startingState;
-            }
-
-            _this2.trigger('error');
-
-            return doneFn(master, null);
-          }
-
-          var bytes = new Uint8Array(request.response);
-          var sidx = mp4Inspector.parseSidx(bytes.subarray(8));
-          return doneFn(master, sidx);
-        };
-      }
-    }, {
-      key: 'media',
-      value: function media(playlist) {
-        var _this3 = this; // getter
-
-
-        if (!playlist) {
-          return this.media_;
-        } // setter
-
-
-        if (this.state === 'HAVE_NOTHING') {
-          throw new Error('Cannot switch media playlist from ' + this.state);
-        }
-
-        var startingState = this.state; // find the playlist object if the target playlist has been specified by URI
-
-        if (typeof playlist === 'string') {
-          if (!this.master.playlists[playlist]) {
-            throw new Error('Unknown playlist URI: ' + playlist);
-          }
-
-          playlist = this.master.playlists[playlist];
-        }
-
-        var mediaChange = !this.media_ || playlist.uri !== this.media_.uri; // switch to previously loaded playlists immediately
-
-        if (mediaChange && this.loadedPlaylists_[playlist.uri] && this.loadedPlaylists_[playlist.uri].endList) {
-          this.state = 'HAVE_METADATA';
-          this.media_ = playlist; // trigger media change if the active media has been updated
-
-          if (mediaChange) {
-            this.trigger('mediachanging');
-            this.trigger('mediachange');
-          }
-
-          return;
-        } // switching to the active playlist is a no-op
-
-
-        if (!mediaChange) {
-          return;
-        } // switching from an already loaded playlist
-
-
-        if (this.media_) {
-          this.trigger('mediachanging');
-        }
-
-        if (!playlist.sidx) {
-          // Continue asynchronously if there is no sidx
-          // wait one tick to allow haveMaster to run first on a child loader
-          this.mediaRequest_ = window$1.setTimeout(this.haveMetadata.bind(this, {
-            startingState: startingState,
-            playlist: playlist
-          }), 0); // exit early and don't do sidx work
-
-          return;
-        } // we have sidx mappings
-
-
-        var oldMaster = void 0;
-        var sidxMapping = void 0; // sidxMapping is used when parsing the masterXml, so store
-        // it on the masterPlaylistLoader
-
-        if (this.masterPlaylistLoader_) {
-          oldMaster = this.masterPlaylistLoader_.master;
-          sidxMapping = this.masterPlaylistLoader_.sidxMapping_;
-        } else {
-          oldMaster = this.master;
-          sidxMapping = this.sidxMapping_;
-        }
-
-        var sidxKey = generateSidxKey(playlist.sidx);
-        sidxMapping[sidxKey] = {
-          sidxInfo: playlist.sidx
-        };
-        this.request = requestSidx_(playlist.sidx, playlist, this.hls_.xhr, {
-          handleManifestRedirects: this.handleManifestRedirects
-        }, this.sidxRequestFinished_(playlist, oldMaster, startingState, function (newMaster, sidx) {
-          if (!newMaster || !sidx) {
-            throw new Error('failed to request sidx');
-          } // update loader's sidxMapping with parsed sidx box
-
-
-          sidxMapping[sidxKey].sidx = sidx; // everything is ready just continue to haveMetadata
-
-          _this3.haveMetadata({
-            startingState: startingState,
-            playlist: newMaster.playlists[playlist.uri]
-          });
-        }));
-      }
-    }, {
-      key: 'haveMetadata',
-      value: function haveMetadata(_ref) {
-        var startingState = _ref.startingState,
-            playlist = _ref.playlist;
-        this.state = 'HAVE_METADATA';
-        this.loadedPlaylists_[playlist.uri] = playlist;
-        this.mediaRequest_ = null; // This will trigger loadedplaylist
-
-        this.refreshMedia_(playlist.uri); // fire loadedmetadata the first time a media playlist is loaded
-        // to resolve setup of media groups
-
-        if (startingState === 'HAVE_MASTER') {
-          this.trigger('loadedmetadata');
-        } else {
-          // trigger media change if the active media has been updated
-          this.trigger('mediachange');
-        }
-      }
-    }, {
-      key: 'pause',
-      value: function pause() {
-        this.stopRequest();
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-
-        if (this.state === 'HAVE_NOTHING') {
-          // If we pause the loader before any data has been retrieved, its as if we never
-          // started, so reset to an unstarted state.
-          this.started = false;
-        }
-      }
-    }, {
-      key: 'load',
-      value: function load(isFinalRendition) {
-        var _this4 = this;
-
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-        var media = this.media();
-
-        if (isFinalRendition) {
-          var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
-          this.mediaUpdateTimeout = window$1.setTimeout(function () {
-            return _this4.load();
-          }, delay);
-          return;
-        } // because the playlists are internal to the manifest, load should either load the
-        // main manifest, or do nothing but trigger an event
-
-
-        if (!this.started) {
-          this.start();
-          return;
-        }
-
-        this.trigger('loadedplaylist');
-      }
-      /**
-       * Parses the master xml string and updates playlist uri references
-       *
-       * @return {Object}
-       *         The parsed mpd manifest object
-       */
-
-    }, {
-      key: 'parseMasterXml',
-      value: function parseMasterXml() {
-        var master = parse(this.masterXml_, {
-          manifestUri: this.srcUrl,
-          clientOffset: this.clientOffset_,
-          sidxMapping: this.sidxMapping_
-        });
-        master.uri = this.srcUrl; // Set up phony URIs for the playlists since we won't have external URIs for DASH
-        // but reference playlists by their URI throughout the project
-        // TODO: Should we create the dummy uris in mpd-parser as well (leaning towards yes).
-
-        for (var i = 0; i < master.playlists.length; i++) {
-          var phonyUri = 'placeholder-uri-' + i;
-          master.playlists[i].uri = phonyUri; // set up by URI references
-
-          master.playlists[phonyUri] = master.playlists[i];
-        } // set up phony URIs for the media group playlists since we won't have external
-        // URIs for DASH but reference playlists by their URI throughout the project
-
-
-        forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
-          if (properties.playlists && properties.playlists.length) {
-            var _phonyUri = 'placeholder-uri-' + mediaType + '-' + groupKey + '-' + labelKey;
-
-            properties.playlists[0].uri = _phonyUri; // setup URI references
-
-            master.playlists[_phonyUri] = properties.playlists[0];
-          }
-        });
-        setupMediaPlaylists(master);
-        resolveMediaGroupUris(master);
-        return master;
-      }
-    }, {
-      key: 'start',
-      value: function start() {
-        var _this5 = this;
-
-        this.started = true; // We don't need to request the master manifest again
-        // Call this asynchronously to match the xhr request behavior below
-
-        if (this.masterPlaylistLoader_) {
-          this.mediaRequest_ = window$1.setTimeout(this.haveMaster_.bind(this), 0);
-          return;
-        } // request the specified URL
-
-
-        this.request = this.hls_.xhr({
-          uri: this.srcUrl,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this5.request) {
-            return;
-          } // clear the loader's request reference
-
-
-          _this5.request = null;
-
-          if (error) {
-            _this5.error = {
-              status: req.status,
-              message: 'DASH playlist request error at URL: ' + _this5.srcUrl,
-              responseText: req.responseText,
-              // MEDIA_ERR_NETWORK
-              code: 2
-            };
-
-            if (_this5.state === 'HAVE_NOTHING') {
-              _this5.started = false;
-            }
-
-            return _this5.trigger('error');
-          }
-
-          _this5.masterXml_ = req.responseText;
-
-          if (req.responseHeaders && req.responseHeaders.date) {
-            _this5.masterLoaded_ = Date.parse(req.responseHeaders.date);
-          } else {
-            _this5.masterLoaded_ = Date.now();
-          }
-
-          _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
-
-          _this5.syncClientServerClock_(_this5.onClientServerClockSync_.bind(_this5));
-        });
-      }
-      /**
-       * Parses the master xml for UTCTiming node to sync the client clock to the server
-       * clock. If the UTCTiming node requires a HEAD or GET request, that request is made.
-       *
-       * @param {Function} done
-       *        Function to call when clock sync has completed
-       */
-
-    }, {
-      key: 'syncClientServerClock_',
-      value: function syncClientServerClock_(done) {
-        var _this6 = this;
-
-        var utcTiming = parseUTCTiming(this.masterXml_); // No UTCTiming element found in the mpd. Use Date header from mpd request as the
-        // server clock
-
-        if (utcTiming === null) {
-          this.clientOffset_ = this.masterLoaded_ - Date.now();
-          return done();
-        }
-
-        if (utcTiming.method === 'DIRECT') {
-          this.clientOffset_ = utcTiming.value - Date.now();
-          return done();
-        }
-
-        this.request = this.hls_.xhr({
-          uri: resolveUrl$1(this.srcUrl, utcTiming.value),
-          method: utcTiming.method,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this6.request) {
-            return;
-          }
-
-          if (error) {
-            // sync request failed, fall back to using date header from mpd
-            // TODO: log warning
-            _this6.clientOffset_ = _this6.masterLoaded_ - Date.now();
-            return done();
-          }
-
-          var serverTime = void 0;
-
-          if (utcTiming.method === 'HEAD') {
-            if (!req.responseHeaders || !req.responseHeaders.date) {
-              // expected date header not preset, fall back to using date header from mpd
-              // TODO: log warning
-              serverTime = _this6.masterLoaded_;
-            } else {
-              serverTime = Date.parse(req.responseHeaders.date);
-            }
-          } else {
-            serverTime = Date.parse(req.responseText);
-          }
-
-          _this6.clientOffset_ = serverTime - Date.now();
-          done();
-        });
-      }
-    }, {
-      key: 'haveMaster_',
-      value: function haveMaster_() {
-        this.state = 'HAVE_MASTER'; // clear media request
-
-        this.mediaRequest_ = null;
-
-        if (!this.masterPlaylistLoader_) {
-          this.master = this.parseMasterXml(); // We have the master playlist at this point, so
-          // trigger this to allow MasterPlaylistController
-          // to make an initial playlist selection
-
-          this.trigger('loadedplaylist');
-        } else if (!this.media_) {
-          // no media playlist was specifically selected so select
-          // the one the child playlist loader was created with
-          this.media(this.childPlaylist_);
-        }
-      }
-      /**
-       * Handler for after client/server clock synchronization has happened. Sets up
-       * xml refresh timer if specificed by the manifest.
-       */
-
-    }, {
-      key: 'onClientServerClockSync_',
-      value: function onClientServerClockSync_() {
-        var _this7 = this;
-
-        this.haveMaster_();
-
-        if (!this.hasPendingRequest() && !this.media_) {
-          this.media(this.master.playlists[0]);
-        } // TODO: minimumUpdatePeriod can have a value of 0. Currently the manifest will not
-        // be refreshed when this is the case. The inter-op guide says that when the
-        // minimumUpdatePeriod is 0, the manifest should outline all currently available
-        // segments, but future segments may require an update. I think a good solution
-        // would be to update the manifest at the same rate that the media playlists
-        // are "refreshed", i.e. every targetDuration.
-
-
-        if (this.master && this.master.minimumUpdatePeriod) {
-          this.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-            _this7.trigger('minimumUpdatePeriod');
-          }, this.master.minimumUpdatePeriod);
-        }
-      }
-      /**
-       * Sends request to refresh the master xml and updates the parsed master manifest
-       * TODO: Does the client offset need to be recalculated when the xml is refreshed?
-       */
-
-    }, {
-      key: 'refreshXml_',
-      value: function refreshXml_() {
-        var _this8 = this; // The srcUrl here *may* need to pass through handleManifestsRedirects when
-        // sidx is implemented
-
-
-        this.request = this.hls_.xhr({
-          uri: this.srcUrl,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this8.request) {
-            return;
-          } // clear the loader's request reference
-
-
-          _this8.request = null;
-
-          if (error) {
-            _this8.error = {
-              status: req.status,
-              message: 'DASH playlist request error at URL: ' + _this8.srcUrl,
-              responseText: req.responseText,
-              // MEDIA_ERR_NETWORK
-              code: 2
-            };
-
-            if (_this8.state === 'HAVE_NOTHING') {
-              _this8.started = false;
-            }
-
-            return _this8.trigger('error');
-          }
-
-          _this8.masterXml_ = req.responseText; // This will filter out updated sidx info from the mapping
-
-          _this8.sidxMapping_ = filterChangedSidxMappings(_this8.masterXml_, _this8.srcUrl, _this8.clientOffset_, _this8.sidxMapping_);
-
-          var master = _this8.parseMasterXml();
-
-          var updatedMaster = updateMaster$1(_this8.master, master);
-
-          var currentSidxInfo = _this8.media().sidx;
-
-          if (updatedMaster) {
-            if (currentSidxInfo) {
-              var sidxKey = generateSidxKey(currentSidxInfo); // the sidx was updated, so the previous mapping was removed
-
-              if (!_this8.sidxMapping_[sidxKey]) {
-                var playlist = _this8.media();
-
-                _this8.request = requestSidx_(playlist.sidx, playlist, _this8.hls_.xhr, {
-                  handleManifestRedirects: _this8.handleManifestRedirects
-                }, _this8.sidxRequestFinished_(playlist, master, _this8.state, function (newMaster, sidx) {
-                  if (!newMaster || !sidx) {
-                    throw new Error('failed to request sidx on minimumUpdatePeriod');
-                  } // update loader's sidxMapping with parsed sidx box
-
-
-                  _this8.sidxMapping_[sidxKey].sidx = sidx;
-                  _this8.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-                    _this8.trigger('minimumUpdatePeriod');
-                  }, _this8.master.minimumUpdatePeriod); // TODO: do we need to reload the current playlist?
-
-                  _this8.refreshMedia_(_this8.media().uri);
-
-                  return;
-                }));
-              }
-            } else {
-              _this8.master = updatedMaster;
-            }
-          }
-
-          _this8.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-            _this8.trigger('minimumUpdatePeriod');
-          }, _this8.master.minimumUpdatePeriod);
-        });
-      }
-      /**
-       * Refreshes the media playlist by re-parsing the master xml and updating playlist
-       * references. If this is an alternate loader, the updated parsed manifest is retrieved
-       * from the master loader.
-       */
-
-    }, {
-      key: 'refreshMedia_',
-      value: function refreshMedia_(mediaUri) {
-        var _this9 = this;
-
-        if (!mediaUri) {
-          throw new Error('refreshMedia_ must take a media uri');
-        }
-
-        var oldMaster = void 0;
-        var newMaster = void 0;
-
-        if (this.masterPlaylistLoader_) {
-          oldMaster = this.masterPlaylistLoader_.master;
-          newMaster = this.masterPlaylistLoader_.parseMasterXml();
-        } else {
-          oldMaster = this.master;
-          newMaster = this.parseMasterXml();
-        }
-
-        var updatedMaster = updateMaster$1(oldMaster, newMaster);
-
-        if (updatedMaster) {
-          if (this.masterPlaylistLoader_) {
-            this.masterPlaylistLoader_.master = updatedMaster;
-          } else {
-            this.master = updatedMaster;
-          }
-
-          this.media_ = updatedMaster.playlists[mediaUri];
-        } else {
-          this.media_ = newMaster.playlists[mediaUri];
-          this.trigger('playlistunchanged');
-        }
-
-        if (!this.media().endList) {
-          this.mediaUpdateTimeout = window$1.setTimeout(function () {
-            _this9.trigger('mediaupdatetimeout');
-          }, refreshDelay(this.media(), !!updatedMaster));
-        }
-
-        this.trigger('loadedplaylist');
-      }
-    }]);
-    return DashPlaylistLoader;
-  }(EventTarget$1$1);
-
-  var logger = function logger(source) {
-    if (videojs$1.log.debug) {
-      return videojs$1.log.debug.bind(videojs$1, 'VHS:', source + ' >');
-    }
-
-    return function () {};
-  };
-
-  function noop$1() {}
-  /**
-   * @file source-updater.js
-   */
-
-  /**
-   * A queue of callbacks to be serialized and applied when a
-   * MediaSource and its associated SourceBuffers are not in the
-   * updating state. It is used by the segment loader to update the
-   * underlying SourceBuffers when new data is loaded, for instance.
-   *
-   * @class SourceUpdater
-   * @param {MediaSource} mediaSource the MediaSource to create the
-   * SourceBuffer from
-   * @param {String} mimeType the desired MIME type of the underlying
-   * SourceBuffer
-   * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer is
-   * added to the media source
-   */
-
-
-  var SourceUpdater = function () {
-    function SourceUpdater(mediaSource, mimeType, type, sourceBufferEmitter) {
-      classCallCheck$1(this, SourceUpdater);
-      this.callbacks_ = [];
-      this.pendingCallback_ = null;
-      this.timestampOffset_ = 0;
-      this.mediaSource = mediaSource;
-      this.processedAppend_ = false;
-      this.type_ = type;
-      this.mimeType_ = mimeType;
-      this.logger_ = logger('SourceUpdater[' + type + '][' + mimeType + ']');
-
-      if (mediaSource.readyState === 'closed') {
-        mediaSource.addEventListener('sourceopen', this.createSourceBuffer_.bind(this, mimeType, sourceBufferEmitter));
-      } else {
-        this.createSourceBuffer_(mimeType, sourceBufferEmitter);
-      }
-    }
-
-    createClass$1(SourceUpdater, [{
-      key: 'createSourceBuffer_',
-      value: function createSourceBuffer_(mimeType, sourceBufferEmitter) {
-        var _this = this;
-
-        this.sourceBuffer_ = this.mediaSource.addSourceBuffer(mimeType);
-        this.logger_('created SourceBuffer');
-
-        if (sourceBufferEmitter) {
-          sourceBufferEmitter.trigger('sourcebufferadded');
-
-          if (this.mediaSource.sourceBuffers.length < 2) {
-            // There's another source buffer we must wait for before we can start updating
-            // our own (or else we can get into a bad state, i.e., appending video/audio data
-            // before the other video/audio source buffer is available and leading to a video
-            // or audio only buffer).
-            sourceBufferEmitter.on('sourcebufferadded', function () {
-              _this.start_();
-            });
-            return;
-          }
-        }
-
-        this.start_();
-      }
-    }, {
-      key: 'start_',
-      value: function start_() {
-        var _this2 = this;
-
-        this.started_ = true; // run completion handlers and process callbacks as updateend
-        // events fire
-
-        this.onUpdateendCallback_ = function () {
-          var pendingCallback = _this2.pendingCallback_;
-          _this2.pendingCallback_ = null;
-          _this2.sourceBuffer_.removing = false;
-
-          _this2.logger_('buffered [' + printableRange(_this2.buffered()) + ']');
-
-          if (pendingCallback) {
-            pendingCallback();
-          }
-
-          _this2.runCallback_();
-        };
-
-        this.sourceBuffer_.addEventListener('updateend', this.onUpdateendCallback_);
-        this.runCallback_();
-      }
-      /**
-       * Aborts the current segment and resets the segment parser.
-       *
-       * @param {Function} done function to call when done
-       * @see http://w3c.github.io/media-source/#widl-SourceBuffer-abort-void
-       */
-
-    }, {
-      key: 'abort',
-      value: function abort(done) {
-        var _this3 = this;
-
-        if (this.processedAppend_) {
-          this.queueCallback_(function () {
-            _this3.sourceBuffer_.abort();
-          }, done);
-        }
-      }
-      /**
-       * Queue an update to append an ArrayBuffer.
-       *
-       * @param {ArrayBuffer} bytes
-       * @param {Function} done the function to call when done
-       * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-appendBuffer-void-ArrayBuffer-data
-       */
-
-    }, {
-      key: 'appendBuffer',
-      value: function appendBuffer(config, done) {
-        var _this4 = this;
-
-        this.processedAppend_ = true;
-        this.queueCallback_(function () {
-          if (config.videoSegmentTimingInfoCallback) {
-            _this4.sourceBuffer_.addEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
-          }
-
-          _this4.sourceBuffer_.appendBuffer(config.bytes);
-        }, function () {
-          if (config.videoSegmentTimingInfoCallback) {
-            _this4.sourceBuffer_.removeEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
-          }
-
-          done();
-        });
-      }
-      /**
-       * Indicates what TimeRanges are buffered in the managed SourceBuffer.
-       *
-       * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-buffered
-       */
-
-    }, {
-      key: 'buffered',
-      value: function buffered() {
-        if (!this.sourceBuffer_) {
-          return videojs$1.createTimeRanges();
-        }
-
-        return this.sourceBuffer_.buffered;
-      }
-      /**
-       * Queue an update to remove a time range from the buffer.
-       *
-       * @param {Number} start where to start the removal
-       * @param {Number} end where to end the removal
-       * @param {Function} [done=noop] optional callback to be executed when the remove
-       * operation is complete
-       * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
-       */
-
-    }, {
-      key: 'remove',
-      value: function remove(start, end) {
-        var _this5 = this;
-
-        var done = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop$1;
-
-        if (this.processedAppend_) {
-          this.queueCallback_(function () {
-            _this5.logger_('remove [' + start + ' => ' + end + ']');
-
-            _this5.sourceBuffer_.removing = true;
-
-            _this5.sourceBuffer_.remove(start, end);
-          }, done);
-        }
-      }
-      /**
-       * Whether the underlying sourceBuffer is updating or not
-       *
-       * @return {Boolean} the updating status of the SourceBuffer
-       */
-
-    }, {
-      key: 'updating',
-      value: function updating() {
-        // we are updating if the sourcebuffer is updating or
-        return !this.sourceBuffer_ || this.sourceBuffer_.updating || // if we have a pending callback that is not our internal noop
-        !!this.pendingCallback_ && this.pendingCallback_ !== noop$1;
-      }
-      /**
-       * Set/get the timestampoffset on the SourceBuffer
-       *
-       * @return {Number} the timestamp offset
-       */
-
-    }, {
-      key: 'timestampOffset',
-      value: function timestampOffset(offset) {
-        var _this6 = this;
-
-        if (typeof offset !== 'undefined') {
-          this.queueCallback_(function () {
-            _this6.sourceBuffer_.timestampOffset = offset;
-
-            _this6.runCallback_();
-          });
-          this.timestampOffset_ = offset;
-        }
-
-        return this.timestampOffset_;
-      }
-      /**
-       * Queue a callback to run
-       */
-
-    }, {
-      key: 'queueCallback_',
-      value: function queueCallback_(callback, done) {
-        this.callbacks_.push([callback.bind(this), done]);
-        this.runCallback_();
-      }
-      /**
-       * Run a queued callback
-       */
-
-    }, {
-      key: 'runCallback_',
-      value: function runCallback_() {
-        var callbacks = void 0;
-
-        if (!this.updating() && this.callbacks_.length && this.started_) {
-          callbacks = this.callbacks_.shift();
-          this.pendingCallback_ = callbacks[1];
-          callbacks[0]();
-        }
-      }
-      /**
-       * dispose of the source updater and the underlying sourceBuffer
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        var _this7 = this;
-
-        var disposeFn = function disposeFn() {
-          if (_this7.sourceBuffer_ && _this7.mediaSource.readyState === 'open') {
-            _this7.sourceBuffer_.abort();
-          }
-
-          _this7.sourceBuffer_.removeEventListener('updateend', disposeFn);
-        };
-
-        this.sourceBuffer_.removeEventListener('updateend', this.onUpdateendCallback_);
-
-        if (this.sourceBuffer_.removing) {
-          this.sourceBuffer_.addEventListener('updateend', disposeFn);
-        } else {
-          disposeFn();
-        }
-      }
-    }]);
-    return SourceUpdater;
-  }();
-
-  var Config = {
-    GOAL_BUFFER_LENGTH: 30,
-    MAX_GOAL_BUFFER_LENGTH: 60,
-    GOAL_BUFFER_LENGTH_RATE: 1,
-    // 0.5 MB/s
-    INITIAL_BANDWIDTH: 4194304,
-    // A fudge factor to apply to advertised playlist bitrates to account for
-    // temporary flucations in client bandwidth
-    BANDWIDTH_VARIANCE: 1.2,
-    // How much of the buffer must be filled before we consider upswitching
-    BUFFER_LOW_WATER_LINE: 0,
-    MAX_BUFFER_LOW_WATER_LINE: 30,
-    BUFFER_LOW_WATER_LINE_RATE: 1
-  };
-  var REQUEST_ERRORS = {
-    FAILURE: 2,
-    TIMEOUT: -101,
-    ABORTED: -102
-  };
-  /**
-   * Abort all requests
-   *
-   * @param {Object} activeXhrs - an object that tracks all XHR requests
-   */
-
-  var abortAll = function abortAll(activeXhrs) {
-    activeXhrs.forEach(function (xhr) {
-      xhr.abort();
-    });
-  };
-  /**
-   * Gather important bandwidth stats once a request has completed
-   *
-   * @param {Object} request - the XHR request from which to gather stats
-   */
-
-
-  var getRequestStats = function getRequestStats(request) {
-    return {
-      bandwidth: request.bandwidth,
-      bytesReceived: request.bytesReceived || 0,
-      roundTripTime: request.roundTripTime || 0
-    };
-  };
-  /**
-   * If possible gather bandwidth stats as a request is in
-   * progress
-   *
-   * @param {Event} progressEvent - an event object from an XHR's progress event
-   */
-
-
-  var getProgressStats = function getProgressStats(progressEvent) {
-    var request = progressEvent.target;
-    var roundTripTime = Date.now() - request.requestTime;
-    var stats = {
-      bandwidth: Infinity,
-      bytesReceived: 0,
-      roundTripTime: roundTripTime || 0
-    };
-    stats.bytesReceived = progressEvent.loaded; // This can result in Infinity if stats.roundTripTime is 0 but that is ok
-    // because we should only use bandwidth stats on progress to determine when
-    // abort a request early due to insufficient bandwidth
-
-    stats.bandwidth = Math.floor(stats.bytesReceived / stats.roundTripTime * 8 * 1000);
-    return stats;
-  };
-  /**
-   * Handle all error conditions in one place and return an object
-   * with all the information
-   *
-   * @param {Error|null} error - if non-null signals an error occured with the XHR
-   * @param {Object} request -  the XHR request that possibly generated the error
-   */
-
-
-  var handleErrors = function handleErrors(error, request) {
-    if (request.timedout) {
-      return {
-        status: request.status,
-        message: 'HLS request timed-out at URL: ' + request.uri,
-        code: REQUEST_ERRORS.TIMEOUT,
-        xhr: request
-      };
-    }
-
-    if (request.aborted) {
-      return {
-        status: request.status,
-        message: 'HLS request aborted at URL: ' + request.uri,
-        code: REQUEST_ERRORS.ABORTED,
-        xhr: request
-      };
-    }
-
-    if (error) {
-      return {
-        status: request.status,
-        message: 'HLS request errored at URL: ' + request.uri,
-        code: REQUEST_ERRORS.FAILURE,
-        xhr: request
-      };
-    }
-
-    return null;
-  };
-  /**
-   * Handle responses for key data and convert the key data to the correct format
-   * for the decryption step later
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} finishProcessingFn - a callback to execute to continue processing
-   *                                        this request
-   */
-
-
-  var handleKeyResponse = function handleKeyResponse(segment, finishProcessingFn) {
-    return function (error, request) {
-      var response = request.response;
-      var errorObj = handleErrors(error, request);
-
-      if (errorObj) {
-        return finishProcessingFn(errorObj, segment);
-      }
-
-      if (response.byteLength !== 16) {
-        return finishProcessingFn({
-          status: request.status,
-          message: 'Invalid HLS key at URL: ' + request.uri,
-          code: REQUEST_ERRORS.FAILURE,
-          xhr: request
-        }, segment);
-      }
-
-      var view = new DataView(response);
-      segment.key.bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);
-      return finishProcessingFn(null, segment);
-    };
-  };
-  /**
-   * Handle init-segment responses
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} finishProcessingFn - a callback to execute to continue processing
-   *                                        this request
-   */
-
-
-  var handleInitSegmentResponse = function handleInitSegmentResponse(segment, captionParser, finishProcessingFn) {
-    return function (error, request) {
-      var response = request.response;
-      var errorObj = handleErrors(error, request);
-
-      if (errorObj) {
-        return finishProcessingFn(errorObj, segment);
-      } // stop processing if received empty content
-
-
-      if (response.byteLength === 0) {
-        return finishProcessingFn({
-          status: request.status,
-          message: 'Empty HLS segment content at URL: ' + request.uri,
-          code: REQUEST_ERRORS.FAILURE,
-          xhr: request
-        }, segment);
-      }
-
-      segment.map.bytes = new Uint8Array(request.response); // Initialize CaptionParser if it hasn't been yet
-
-      if (captionParser && !captionParser.isInitialized()) {
-        captionParser.init();
-      }
-
-      segment.map.timescales = probe.timescale(segment.map.bytes);
-      segment.map.videoTrackIds = probe.videoTrackIds(segment.map.bytes);
-      return finishProcessingFn(null, segment);
-    };
-  };
-  /**
-   * Response handler for segment-requests being sure to set the correct
-   * property depending on whether the segment is encryped or not
-   * Also records and keeps track of stats that are used for ABR purposes
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} finishProcessingFn - a callback to execute to continue processing
-   *                                        this request
-   */
-
-
-  var handleSegmentResponse = function handleSegmentResponse(segment, captionParser, finishProcessingFn) {
-    return function (error, request) {
-      var response = request.response;
-      var errorObj = handleErrors(error, request);
-      var parsed = void 0;
-
-      if (errorObj) {
-        return finishProcessingFn(errorObj, segment);
-      } // stop processing if received empty content
-
-
-      if (response.byteLength === 0) {
-        return finishProcessingFn({
-          status: request.status,
-          message: 'Empty HLS segment content at URL: ' + request.uri,
-          code: REQUEST_ERRORS.FAILURE,
-          xhr: request
-        }, segment);
-      }
-
-      segment.stats = getRequestStats(request);
-
-      if (segment.key) {
-        segment.encryptedBytes = new Uint8Array(request.response);
-      } else {
-        segment.bytes = new Uint8Array(request.response);
-      } // This is likely an FMP4 and has the init segment.
-      // Run through the CaptionParser in case there are captions.
-
-
-      if (captionParser && segment.map && segment.map.bytes) {
-        // Initialize CaptionParser if it hasn't been yet
-        if (!captionParser.isInitialized()) {
-          captionParser.init();
-        }
-
-        parsed = captionParser.parse(segment.bytes, segment.map.videoTrackIds, segment.map.timescales);
-
-        if (parsed && parsed.captions) {
-          segment.captionStreams = parsed.captionStreams;
-          segment.fmp4Captions = parsed.captions;
-        }
-      }
-
-      return finishProcessingFn(null, segment);
-    };
-  };
-  /**
-   * Decrypt the segment via the decryption web worker
-   *
-   * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} doneFn - a callback that is executed after decryption has completed
-   */
-
-
-  var decryptSegment = function decryptSegment(decrypter, segment, doneFn) {
-    var decryptionHandler = function decryptionHandler(event) {
-      if (event.data.source === segment.requestId) {
-        decrypter.removeEventListener('message', decryptionHandler);
-        var decrypted = event.data.decrypted;
-        segment.bytes = new Uint8Array(decrypted.bytes, decrypted.byteOffset, decrypted.byteLength);
-        return doneFn(null, segment);
-      }
-    };
-
-    decrypter.addEventListener('message', decryptionHandler);
-    var keyBytes = void 0;
-
-    if (segment.key.bytes.slice) {
-      keyBytes = segment.key.bytes.slice();
-    } else {
-      keyBytes = new Uint32Array(Array.prototype.slice.call(segment.key.bytes));
-    } // this is an encrypted segment
-    // incrementally decrypt the segment
-
-
-    decrypter.postMessage(createTransferableMessage({
-      source: segment.requestId,
-      encrypted: segment.encryptedBytes,
-      key: keyBytes,
-      iv: segment.key.iv
-    }), [segment.encryptedBytes.buffer, keyBytes.buffer]);
-  };
-  /**
-   * This function waits for all XHRs to finish (with either success or failure)
-   * before continueing processing via it's callback. The function gathers errors
-   * from each request into a single errors array so that the error status for
-   * each request can be examined later.
-   *
-   * @param {Object} activeXhrs - an object that tracks all XHR requests
-   * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
-   * @param {Function} doneFn - a callback that is executed after all resources have been
-   *                            downloaded and any decryption completed
-   */
-
-
-  var waitForCompletion = function waitForCompletion(activeXhrs, decrypter, doneFn) {
-    var count = 0;
-    var didError = false;
-    return function (error, segment) {
-      if (didError) {
-        return;
-      }
-
-      if (error) {
-        didError = true; // If there are errors, we have to abort any outstanding requests
-
-        abortAll(activeXhrs); // Even though the requests above are aborted, and in theory we could wait until we
-        // handle the aborted events from those requests, there are some cases where we may
-        // never get an aborted event. For instance, if the network connection is lost and
-        // there were two requests, the first may have triggered an error immediately, while
-        // the second request remains unsent. In that case, the aborted algorithm will not
-        // trigger an abort: see https://xhr.spec.whatwg.org/#the-abort()-method
-        //
-        // We also can't rely on the ready state of the XHR, since the request that
-        // triggered the connection error may also show as a ready state of 0 (unsent).
-        // Therefore, we have to finish this group of requests immediately after the first
-        // seen error.
-
-        return doneFn(error, segment);
-      }
-
-      count += 1;
-
-      if (count === activeXhrs.length) {
-        // Keep track of when *all* of the requests have completed
-        segment.endOfAllRequests = Date.now();
-
-        if (segment.encryptedBytes) {
-          return decryptSegment(decrypter, segment, doneFn);
-        } // Otherwise, everything is ready just continue
-
-
-        return doneFn(null, segment);
-      }
-    };
-  };
-  /**
-   * Simple progress event callback handler that gathers some stats before
-   * executing a provided callback with the `segment` object
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} progressFn - a callback that is executed each time a progress event
-   *                                is received
-   * @param {Event} event - the progress event object from XMLHttpRequest
-   */
-
-
-  var handleProgress = function handleProgress(segment, progressFn) {
-    return function (event) {
-      segment.stats = videojs$1.mergeOptions(segment.stats, getProgressStats(event)); // record the time that we receive the first byte of data
-
-      if (!segment.stats.firstBytesReceivedAt && segment.stats.bytesReceived) {
-        segment.stats.firstBytesReceivedAt = Date.now();
-      }
-
-      return progressFn(event, segment);
-    };
-  };
-  /**
-   * Load all resources and does any processing necessary for a media-segment
-   *
-   * Features:
-   *   decrypts the media-segment if it has a key uri and an iv
-   *   aborts *all* requests if *any* one request fails
-   *
-   * The segment object, at minimum, has the following format:
-   * {
-   *   resolvedUri: String,
-   *   [byterange]: {
-   *     offset: Number,
-   *     length: Number
-   *   },
-   *   [key]: {
-   *     resolvedUri: String
-   *     [byterange]: {
-   *       offset: Number,
-   *       length: Number
-   *     },
-   *     iv: {
-   *       bytes: Uint32Array
-   *     }
-   *   },
-   *   [map]: {
-   *     resolvedUri: String,
-   *     [byterange]: {
-   *       offset: Number,
-   *       length: Number
-   *     },
-   *     [bytes]: Uint8Array
-   *   }
-   * }
-   * ...where [name] denotes optional properties
-   *
-   * @param {Function} xhr - an instance of the xhr wrapper in xhr.js
-   * @param {Object} xhrOptions - the base options to provide to all xhr requests
-   * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128
-   *                                       decryption routines
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} progressFn - a callback that receives progress events from the main
-   *                                segment's xhr request
-   * @param {Function} doneFn - a callback that is executed only once all requests have
-   *                            succeeded or failed
-   * @returns {Function} a function that, when invoked, immediately aborts all
-   *                     outstanding requests
-   */
-
-
-  var mediaSegmentRequest = function mediaSegmentRequest(xhr, xhrOptions, decryptionWorker, captionParser, segment, progressFn, doneFn) {
-    var activeXhrs = [];
-    var finishProcessingFn = waitForCompletion(activeXhrs, decryptionWorker, doneFn); // optionally, request the decryption key
-
-    if (segment.key && !segment.key.bytes) {
-      var keyRequestOptions = videojs$1.mergeOptions(xhrOptions, {
-        uri: segment.key.resolvedUri,
-        responseType: 'arraybuffer'
-      });
-      var keyRequestCallback = handleKeyResponse(segment, finishProcessingFn);
-      var keyXhr = xhr(keyRequestOptions, keyRequestCallback);
-      activeXhrs.push(keyXhr);
-    } // optionally, request the associated media init segment
-
-
-    if (segment.map && !segment.map.bytes) {
-      var initSegmentOptions = videojs$1.mergeOptions(xhrOptions, {
-        uri: segment.map.resolvedUri,
-        responseType: 'arraybuffer',
-        headers: segmentXhrHeaders(segment.map)
-      });
-      var initSegmentRequestCallback = handleInitSegmentResponse(segment, captionParser, finishProcessingFn);
-      var initSegmentXhr = xhr(initSegmentOptions, initSegmentRequestCallback);
-      activeXhrs.push(initSegmentXhr);
-    }
-
-    var segmentRequestOptions = videojs$1.mergeOptions(xhrOptions, {
-      uri: segment.resolvedUri,
-      responseType: 'arraybuffer',
-      headers: segmentXhrHeaders(segment)
-    });
-    var segmentRequestCallback = handleSegmentResponse(segment, captionParser, finishProcessingFn);
-    var segmentXhr = xhr(segmentRequestOptions, segmentRequestCallback);
-    segmentXhr.addEventListener('progress', handleProgress(segment, progressFn));
-    activeXhrs.push(segmentXhr);
-    return function () {
-      return abortAll(activeXhrs);
-    };
-  }; // Utilities
-
-  /**
-   * Returns the CSS value for the specified property on an element
-   * using `getComputedStyle`. Firefox has a long-standing issue where
-   * getComputedStyle() may return null when running in an iframe with
-   * `display: none`.
-   *
-   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-   * @param {HTMLElement} el the htmlelement to work on
-   * @param {string} the proprety to get the style for
-   */
-
-
-  var safeGetComputedStyle = function safeGetComputedStyle(el, property) {
-    var result = void 0;
-
-    if (!el) {
-      return '';
-    }
-
-    result = window$1.getComputedStyle(el);
-
-    if (!result) {
-      return '';
-    }
-
-    return result[property];
-  };
-  /**
-   * Resuable stable sort function
-   *
-   * @param {Playlists} array
-   * @param {Function} sortFn Different comparators
-   * @function stableSort
-   */
-
-
-  var stableSort = function stableSort(array, sortFn) {
-    var newArray = array.slice();
-    array.sort(function (left, right) {
-      var cmp = sortFn(left, right);
-
-      if (cmp === 0) {
-        return newArray.indexOf(left) - newArray.indexOf(right);
-      }
-
-      return cmp;
-    });
-  };
-  /**
-   * A comparator function to sort two playlist object by bandwidth.
-   *
-   * @param {Object} left a media playlist object
-   * @param {Object} right a media playlist object
-   * @return {Number} Greater than zero if the bandwidth attribute of
-   * left is greater than the corresponding attribute of right. Less
-   * than zero if the bandwidth of right is greater than left and
-   * exactly zero if the two are equal.
-   */
-
-
-  var comparePlaylistBandwidth = function comparePlaylistBandwidth(left, right) {
-    var leftBandwidth = void 0;
-    var rightBandwidth = void 0;
-
-    if (left.attributes.BANDWIDTH) {
-      leftBandwidth = left.attributes.BANDWIDTH;
-    }
-
-    leftBandwidth = leftBandwidth || window$1.Number.MAX_VALUE;
-
-    if (right.attributes.BANDWIDTH) {
-      rightBandwidth = right.attributes.BANDWIDTH;
-    }
-
-    rightBandwidth = rightBandwidth || window$1.Number.MAX_VALUE;
-    return leftBandwidth - rightBandwidth;
-  };
-  /**
-   * A comparator function to sort two playlist object by resolution (width).
-   * @param {Object} left a media playlist object
-   * @param {Object} right a media playlist object
-   * @return {Number} Greater than zero if the resolution.width attribute of
-   * left is greater than the corresponding attribute of right. Less
-   * than zero if the resolution.width of right is greater than left and
-   * exactly zero if the two are equal.
-   */
-
-
-  var comparePlaylistResolution = function comparePlaylistResolution(left, right) {
-    var leftWidth = void 0;
-    var rightWidth = void 0;
-
-    if (left.attributes.RESOLUTION && left.attributes.RESOLUTION.width) {
-      leftWidth = left.attributes.RESOLUTION.width;
-    }
-
-    leftWidth = leftWidth || window$1.Number.MAX_VALUE;
-
-    if (right.attributes.RESOLUTION && right.attributes.RESOLUTION.width) {
-      rightWidth = right.attributes.RESOLUTION.width;
-    }
-
-    rightWidth = rightWidth || window$1.Number.MAX_VALUE; // NOTE - Fallback to bandwidth sort as appropriate in cases where multiple renditions
-    // have the same media dimensions/ resolution
-
-    if (leftWidth === rightWidth && left.attributes.BANDWIDTH && right.attributes.BANDWIDTH) {
-      return left.attributes.BANDWIDTH - right.attributes.BANDWIDTH;
-    }
-
-    return leftWidth - rightWidth;
-  };
-  /**
-   * Chooses the appropriate media playlist based on bandwidth and player size
-   *
-   * @param {Object} master
-   *        Object representation of the master manifest
-   * @param {Number} playerBandwidth
-   *        Current calculated bandwidth of the player
-   * @param {Number} playerWidth
-   *        Current width of the player element
-   * @param {Number} playerHeight
-   *        Current height of the player element
-   * @param {Boolean} limitRenditionByPlayerDimensions
-   *        True if the player width and height should be used during the selection, false otherwise
-   * @return {Playlist} the highest bitrate playlist less than the
-   * currently detected bandwidth, accounting for some amount of
-   * bandwidth variance
-   */
-
-
-  var simpleSelector = function simpleSelector(master, playerBandwidth, playerWidth, playerHeight, limitRenditionByPlayerDimensions) {
-    // convert the playlists to an intermediary representation to make comparisons easier
-    var sortedPlaylistReps = master.playlists.map(function (playlist) {
-      var width = void 0;
-      var height = void 0;
-      var bandwidth = void 0;
-      width = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.width;
-      height = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.height;
-      bandwidth = playlist.attributes.BANDWIDTH;
-      bandwidth = bandwidth || window$1.Number.MAX_VALUE;
-      return {
-        bandwidth: bandwidth,
-        width: width,
-        height: height,
-        playlist: playlist
-      };
-    });
-    stableSort(sortedPlaylistReps, function (left, right) {
-      return left.bandwidth - right.bandwidth;
-    }); // filter out any playlists that have been excluded due to
-    // incompatible configurations
-
-    sortedPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-      return !Playlist.isIncompatible(rep.playlist);
-    }); // filter out any playlists that have been disabled manually through the representations
-    // api or blacklisted temporarily due to playback errors.
-
-    var enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-      return Playlist.isEnabled(rep.playlist);
-    });
-
-    if (!enabledPlaylistReps.length) {
-      // if there are no enabled playlists, then they have all been blacklisted or disabled
-      // by the user through the representations api. In this case, ignore blacklisting and
-      // fallback to what the user wants by using playlists the user has not disabled.
-      enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-        return !Playlist.isDisabled(rep.playlist);
-      });
-    } // filter out any variant that has greater effective bitrate
-    // than the current estimated bandwidth
-
-
-    var bandwidthPlaylistReps = enabledPlaylistReps.filter(function (rep) {
-      return rep.bandwidth * Config.BANDWIDTH_VARIANCE < playerBandwidth;
-    });
-    var highestRemainingBandwidthRep = bandwidthPlaylistReps[bandwidthPlaylistReps.length - 1]; // get all of the renditions with the same (highest) bandwidth
-    // and then taking the very first element
-
-    var bandwidthBestRep = bandwidthPlaylistReps.filter(function (rep) {
-      return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-    })[0]; // if we're not going to limit renditions by player size, make an early decision.
-
-    if (limitRenditionByPlayerDimensions === false) {
-      var _chosenRep = bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
-
-      return _chosenRep ? _chosenRep.playlist : null;
-    } // filter out playlists without resolution information
-
-
-    var haveResolution = bandwidthPlaylistReps.filter(function (rep) {
-      return rep.width && rep.height;
-    }); // sort variants by resolution
-
-    stableSort(haveResolution, function (left, right) {
-      return left.width - right.width;
-    }); // if we have the exact resolution as the player use it
-
-    var resolutionBestRepList = haveResolution.filter(function (rep) {
-      return rep.width === playerWidth && rep.height === playerHeight;
-    });
-    highestRemainingBandwidthRep = resolutionBestRepList[resolutionBestRepList.length - 1]; // ensure that we pick the highest bandwidth variant that have exact resolution
-
-    var resolutionBestRep = resolutionBestRepList.filter(function (rep) {
-      return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-    })[0];
-    var resolutionPlusOneList = void 0;
-    var resolutionPlusOneSmallest = void 0;
-    var resolutionPlusOneRep = void 0; // find the smallest variant that is larger than the player
-    // if there is no match of exact resolution
-
-    if (!resolutionBestRep) {
-      resolutionPlusOneList = haveResolution.filter(function (rep) {
-        return rep.width > playerWidth || rep.height > playerHeight;
-      }); // find all the variants have the same smallest resolution
-
-      resolutionPlusOneSmallest = resolutionPlusOneList.filter(function (rep) {
-        return rep.width === resolutionPlusOneList[0].width && rep.height === resolutionPlusOneList[0].height;
-      }); // ensure that we also pick the highest bandwidth variant that
-      // is just-larger-than the video player
-
-      highestRemainingBandwidthRep = resolutionPlusOneSmallest[resolutionPlusOneSmallest.length - 1];
-      resolutionPlusOneRep = resolutionPlusOneSmallest.filter(function (rep) {
-        return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-      })[0];
-    } // fallback chain of variants
-
-
-    var chosenRep = resolutionPlusOneRep || resolutionBestRep || bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
-    return chosenRep ? chosenRep.playlist : null;
-  }; // Playlist Selectors
-
-  /**
-   * Chooses the appropriate media playlist based on the most recent
-   * bandwidth estimate and the player size.
-   *
-   * Expects to be called within the context of an instance of HlsHandler
-   *
-   * @return {Playlist} the highest bitrate playlist less than the
-   * currently detected bandwidth, accounting for some amount of
-   * bandwidth variance
-   */
-
-
-  var lastBandwidthSelector = function lastBandwidthSelector() {
-    return simpleSelector(this.playlists.master, this.systemBandwidth, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10), parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10), this.limitRenditionByPlayerDimensions);
-  };
-  /**
-   * Chooses the appropriate media playlist based on the potential to rebuffer
-   *
-   * @param {Object} settings
-   *        Object of information required to use this selector
-   * @param {Object} settings.master
-   *        Object representation of the master manifest
-   * @param {Number} settings.currentTime
-   *        The current time of the player
-   * @param {Number} settings.bandwidth
-   *        Current measured bandwidth
-   * @param {Number} settings.duration
-   *        Duration of the media
-   * @param {Number} settings.segmentDuration
-   *        Segment duration to be used in round trip time calculations
-   * @param {Number} settings.timeUntilRebuffer
-   *        Time left in seconds until the player has to rebuffer
-   * @param {Number} settings.currentTimeline
-   *        The current timeline segments are being loaded from
-   * @param {SyncController} settings.syncController
-   *        SyncController for determining if we have a sync point for a given playlist
-   * @return {Object|null}
-   *         {Object} return.playlist
-   *         The highest bandwidth playlist with the least amount of rebuffering
-   *         {Number} return.rebufferingImpact
-   *         The amount of time in seconds switching to this playlist will rebuffer. A
-   *         negative value means that switching will cause zero rebuffering.
-   */
-
-
-  var minRebufferMaxBandwidthSelector = function minRebufferMaxBandwidthSelector(settings) {
-    var master = settings.master,
-        currentTime = settings.currentTime,
-        bandwidth = settings.bandwidth,
-        duration$$1 = settings.duration,
-        segmentDuration = settings.segmentDuration,
-        timeUntilRebuffer = settings.timeUntilRebuffer,
-        currentTimeline = settings.currentTimeline,
-        syncController = settings.syncController; // filter out any playlists that have been excluded due to
-    // incompatible configurations
-
-    var compatiblePlaylists = master.playlists.filter(function (playlist) {
-      return !Playlist.isIncompatible(playlist);
-    }); // filter out any playlists that have been disabled manually through the representations
-    // api or blacklisted temporarily due to playback errors.
-
-    var enabledPlaylists = compatiblePlaylists.filter(Playlist.isEnabled);
-
-    if (!enabledPlaylists.length) {
-      // if there are no enabled playlists, then they have all been blacklisted or disabled
-      // by the user through the representations api. In this case, ignore blacklisting and
-      // fallback to what the user wants by using playlists the user has not disabled.
-      enabledPlaylists = compatiblePlaylists.filter(function (playlist) {
-        return !Playlist.isDisabled(playlist);
-      });
-    }
-
-    var bandwidthPlaylists = enabledPlaylists.filter(Playlist.hasAttribute.bind(null, 'BANDWIDTH'));
-    var rebufferingEstimates = bandwidthPlaylists.map(function (playlist) {
-      var syncPoint = syncController.getSyncPoint(playlist, duration$$1, currentTimeline, currentTime); // If there is no sync point for this playlist, switching to it will require a
-      // sync request first. This will double the request time
-
-      var numRequests = syncPoint ? 1 : 2;
-      var requestTimeEstimate = Playlist.estimateSegmentRequestTime(segmentDuration, bandwidth, playlist);
-      var rebufferingImpact = requestTimeEstimate * numRequests - timeUntilRebuffer;
-      return {
-        playlist: playlist,
-        rebufferingImpact: rebufferingImpact
-      };
-    });
-    var noRebufferingPlaylists = rebufferingEstimates.filter(function (estimate) {
-      return estimate.rebufferingImpact <= 0;
-    }); // Sort by bandwidth DESC
-
-    stableSort(noRebufferingPlaylists, function (a, b) {
-      return comparePlaylistBandwidth(b.playlist, a.playlist);
-    });
-
-    if (noRebufferingPlaylists.length) {
-      return noRebufferingPlaylists[0];
-    }
-
-    stableSort(rebufferingEstimates, function (a, b) {
-      return a.rebufferingImpact - b.rebufferingImpact;
-    });
-    return rebufferingEstimates[0] || null;
-  };
-  /**
-   * Chooses the appropriate media playlist, which in this case is the lowest bitrate
-   * one with video.  If no renditions with video exist, return the lowest audio rendition.
-   *
-   * Expects to be called within the context of an instance of HlsHandler
-   *
-   * @return {Object|null}
-   *         {Object} return.playlist
-   *         The lowest bitrate playlist that contains a video codec.  If no such rendition
-   *         exists pick the lowest audio rendition.
-   */
-
-
-  var lowestBitrateCompatibleVariantSelector = function lowestBitrateCompatibleVariantSelector() {
-    // filter out any playlists that have been excluded due to
-    // incompatible configurations or playback errors
-    var playlists = this.playlists.master.playlists.filter(Playlist.isEnabled); // Sort ascending by bitrate
-
-    stableSort(playlists, function (a, b) {
-      return comparePlaylistBandwidth(a, b);
-    }); // Parse and assume that playlists with no video codec have no video
-    // (this is not necessarily true, although it is generally true).
-    //
-    // If an entire manifest has no valid videos everything will get filtered
-    // out.
-
-    var playlistsWithVideo = playlists.filter(function (playlist) {
-      return parseCodecs(playlist.attributes.CODECS).videoCodec;
-    });
-    return playlistsWithVideo[0] || null;
-  };
-  /**
-   * Create captions text tracks on video.js if they do not exist
-   *
-   * @param {Object} inbandTextTracks a reference to current inbandTextTracks
-   * @param {Object} tech the video.js tech
-   * @param {Object} captionStreams the caption streams to create
-   * @private
-   */
-
-
-  var createCaptionsTrackIfNotExists = function createCaptionsTrackIfNotExists(inbandTextTracks, tech, captionStreams) {
-    for (var trackId in captionStreams) {
-      if (!inbandTextTracks[trackId]) {
-        tech.trigger({
-          type: 'usage',
-          name: 'hls-608'
-        });
-        var track = tech.textTracks().getTrackById(trackId);
-
-        if (track) {
-          // Resuse an existing track with a CC# id because this was
-          // very likely created by videojs-contrib-hls from information
-          // in the m3u8 for us to use
-          inbandTextTracks[trackId] = track;
-        } else {
-          // Otherwise, create a track with the default `CC#` label and
-          // without a language
-          inbandTextTracks[trackId] = tech.addRemoteTextTrack({
-            kind: 'captions',
-            id: trackId,
-            label: trackId
-          }, false).track;
-        }
-      }
-    }
-  };
-
-  var addCaptionData = function addCaptionData(_ref) {
-    var inbandTextTracks = _ref.inbandTextTracks,
-        captionArray = _ref.captionArray,
-        timestampOffset = _ref.timestampOffset;
-
-    if (!captionArray) {
-      return;
-    }
-
-    var Cue = window.WebKitDataCue || window.VTTCue;
-    captionArray.forEach(function (caption) {
-      var track = caption.stream;
-      var startTime = caption.startTime;
-      var endTime = caption.endTime;
-
-      if (!inbandTextTracks[track]) {
-        return;
-      }
-
-      startTime += timestampOffset;
-      endTime += timestampOffset;
-      inbandTextTracks[track].addCue(new Cue(startTime, endTime, caption.text));
-    });
-  };
-  /**
-   * @file segment-loader.js
-   */
-  // in ms
-
-
-  var CHECK_BUFFER_DELAY = 500;
-  /**
-   * Determines if we should call endOfStream on the media source based
-   * on the state of the buffer or if appened segment was the final
-   * segment in the playlist.
-   *
-   * @param {Object} playlist a media playlist object
-   * @param {Object} mediaSource the MediaSource object
-   * @param {Number} segmentIndex the index of segment we last appended
-   * @returns {Boolean} do we need to call endOfStream on the MediaSource
-   */
-
-  var detectEndOfStream = function detectEndOfStream(playlist, mediaSource, segmentIndex) {
-    if (!playlist || !mediaSource) {
-      return false;
-    }
-
-    var segments = playlist.segments; // determine a few boolean values to help make the branch below easier
-    // to read
-
-    var appendedLastSegment = segmentIndex === segments.length; // if we've buffered to the end of the video, we need to call endOfStream
-    // so that MediaSources can trigger the `ended` event when it runs out of
-    // buffered data instead of waiting for me
-
-    return playlist.endList && mediaSource.readyState === 'open' && appendedLastSegment;
-  };
-
-  var finite = function finite(num) {
-    return typeof num === 'number' && isFinite(num);
-  };
-
-  var illegalMediaSwitch = function illegalMediaSwitch(loaderType, startingMedia, newSegmentMedia) {
-    // Although these checks should most likely cover non 'main' types, for now it narrows
-    // the scope of our checks.
-    if (loaderType !== 'main' || !startingMedia || !newSegmentMedia) {
-      return null;
-    }
-
-    if (!newSegmentMedia.containsAudio && !newSegmentMedia.containsVideo) {
-      return 'Neither audio nor video found in segment.';
-    }
-
-    if (startingMedia.containsVideo && !newSegmentMedia.containsVideo) {
-      return 'Only audio found in segment when we expected video.' + ' We can\'t switch to audio only from a stream that had video.' + ' To get rid of this message, please add codec information to the manifest.';
-    }
-
-    if (!startingMedia.containsVideo && newSegmentMedia.containsVideo) {
-      return 'Video found in segment when we expected only audio.' + ' We can\'t switch to a stream with video from an audio only stream.' + ' To get rid of this message, please add codec information to the manifest.';
-    }
-
-    return null;
-  };
-  /**
-   * Calculates a time value that is safe to remove from the back buffer without interupting
-   * playback.
-   *
-   * @param {TimeRange} seekable
-   *        The current seekable range
-   * @param {Number} currentTime
-   *        The current time of the player
-   * @param {Number} targetDuration
-   *        The target duration of the current playlist
-   * @return {Number}
-   *         Time that is safe to remove from the back buffer without interupting playback
-   */
-
-
-  var safeBackBufferTrimTime = function safeBackBufferTrimTime(seekable$$1, currentTime, targetDuration) {
-    var removeToTime = void 0;
-
-    if (seekable$$1.length && seekable$$1.start(0) > 0 && seekable$$1.start(0) < currentTime) {
-      // If we have a seekable range use that as the limit for what can be removed safely
-      removeToTime = seekable$$1.start(0);
-    } else {
-      // otherwise remove anything older than 30 seconds before the current play head
-      removeToTime = currentTime - 30;
-    } // Don't allow removing from the buffer within target duration of current time
-    // to avoid the possibility of removing the GOP currently being played which could
-    // cause playback stalls.
-
-
-    return Math.min(removeToTime, currentTime - targetDuration);
-  };
-
-  var segmentInfoString = function segmentInfoString(segmentInfo) {
-    var _segmentInfo$segment = segmentInfo.segment,
-        start = _segmentInfo$segment.start,
-        end = _segmentInfo$segment.end,
-        _segmentInfo$playlist = segmentInfo.playlist,
-        seq = _segmentInfo$playlist.mediaSequence,
-        id = _segmentInfo$playlist.id,
-        _segmentInfo$playlist2 = _segmentInfo$playlist.segments,
-        segments = _segmentInfo$playlist2 === undefined ? [] : _segmentInfo$playlist2,
-        index = segmentInfo.mediaIndex,
-        timeline = segmentInfo.timeline;
-    return ['appending [' + index + '] of [' + seq + ', ' + (seq + segments.length) + '] from playlist [' + id + ']', '[' + start + ' => ' + end + '] in timeline [' + timeline + ']'].join(' ');
-  };
-  /**
-   * An object that manages segment loading and appending.
-   *
-   * @class SegmentLoader
-   * @param {Object} options required and optional options
-   * @extends videojs.EventTarget
-   */
-
-
-  var SegmentLoader = function (_videojs$EventTarget) {
-    inherits$2(SegmentLoader, _videojs$EventTarget);
-
-    function SegmentLoader(settings) {
-      classCallCheck$1(this, SegmentLoader); // check pre-conditions
-
-      var _this = possibleConstructorReturn$1(this, (SegmentLoader.__proto__ || Object.getPrototypeOf(SegmentLoader)).call(this));
-
-      if (!settings) {
-        throw new TypeError('Initialization settings are required');
-      }
-
-      if (typeof settings.currentTime !== 'function') {
-        throw new TypeError('No currentTime getter specified');
-      }
-
-      if (!settings.mediaSource) {
-        throw new TypeError('No MediaSource specified');
-      } // public properties
-
-
-      _this.bandwidth = settings.bandwidth;
-      _this.throughput = {
-        rate: 0,
-        count: 0
-      };
-      _this.roundTrip = NaN;
-
-      _this.resetStats_();
-
-      _this.mediaIndex = null; // private settings
-
-      _this.hasPlayed_ = settings.hasPlayed;
-      _this.currentTime_ = settings.currentTime;
-      _this.seekable_ = settings.seekable;
-      _this.seeking_ = settings.seeking;
-      _this.duration_ = settings.duration;
-      _this.mediaSource_ = settings.mediaSource;
-      _this.hls_ = settings.hls;
-      _this.loaderType_ = settings.loaderType;
-      _this.startingMedia_ = void 0;
-      _this.segmentMetadataTrack_ = settings.segmentMetadataTrack;
-      _this.goalBufferLength_ = settings.goalBufferLength;
-      _this.sourceType_ = settings.sourceType;
-      _this.inbandTextTracks_ = settings.inbandTextTracks;
-      _this.state_ = 'INIT'; // private instance variables
-
-      _this.checkBufferTimeout_ = null;
-      _this.error_ = void 0;
-      _this.currentTimeline_ = -1;
-      _this.pendingSegment_ = null;
-      _this.mimeType_ = null;
-      _this.sourceUpdater_ = null;
-      _this.xhrOptions_ = null; // Fragmented mp4 playback
-
-      _this.activeInitSegmentId_ = null;
-      _this.initSegments_ = {}; // HLSe playback
-
-      _this.cacheEncryptionKeys_ = settings.cacheEncryptionKeys;
-      _this.keyCache_ = {}; // Fmp4 CaptionParser
-
-      if (_this.loaderType_ === 'main') {
-        _this.captionParser_ = new captionParser();
-      } else {
-        _this.captionParser_ = null;
-      }
-
-      _this.decrypter_ = settings.decrypter; // Manages the tracking and generation of sync-points, mappings
-      // between a time in the display time and a segment index within
-      // a playlist
-
-      _this.syncController_ = settings.syncController;
-      _this.syncPoint_ = {
-        segmentIndex: 0,
-        time: 0
-      };
-
-      _this.syncController_.on('syncinfoupdate', function () {
-        return _this.trigger('syncinfoupdate');
-      });
-
-      _this.mediaSource_.addEventListener('sourceopen', function () {
-        return _this.ended_ = false;
-      }); // ...for determining the fetch location
-
-
-      _this.fetchAtBuffer_ = false;
-      _this.logger_ = logger('SegmentLoader[' + _this.loaderType_ + ']');
-      Object.defineProperty(_this, 'state', {
-        get: function get$$1() {
-          return this.state_;
-        },
-        set: function set$$1(newState) {
-          if (newState !== this.state_) {
-            this.logger_(this.state_ + ' -> ' + newState);
-            this.state_ = newState;
-          }
-        }
-      });
-      return _this;
-    }
-    /**
-     * reset all of our media stats
-     *
-     * @private
-     */
-
-
-    createClass$1(SegmentLoader, [{
-      key: 'resetStats_',
-      value: function resetStats_() {
-        this.mediaBytesTransferred = 0;
-        this.mediaRequests = 0;
-        this.mediaRequestsAborted = 0;
-        this.mediaRequestsTimedout = 0;
-        this.mediaRequestsErrored = 0;
-        this.mediaTransferDuration = 0;
-        this.mediaSecondsLoaded = 0;
-      }
-      /**
-       * dispose of the SegmentLoader and reset to the default state
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        this.state = 'DISPOSED';
-        this.pause();
-        this.abort_();
-
-        if (this.sourceUpdater_) {
-          this.sourceUpdater_.dispose();
-        }
-
-        this.resetStats_();
-
-        if (this.captionParser_) {
-          this.captionParser_.reset();
-        }
-      }
-      /**
-       * abort anything that is currently doing on with the SegmentLoader
-       * and reset to a default state
-       */
-
-    }, {
-      key: 'abort',
-      value: function abort() {
-        if (this.state !== 'WAITING') {
-          if (this.pendingSegment_) {
-            this.pendingSegment_ = null;
-          }
-
-          return;
-        }
-
-        this.abort_(); // We aborted the requests we were waiting on, so reset the loader's state to READY
-        // since we are no longer "waiting" on any requests. XHR callback is not always run
-        // when the request is aborted. This will prevent the loader from being stuck in the
-        // WAITING state indefinitely.
-
-        this.state = 'READY'; // don't wait for buffer check timeouts to begin fetching the
-        // next segment
-
-        if (!this.paused()) {
-          this.monitorBuffer_();
-        }
-      }
-      /**
-       * abort all pending xhr requests and null any pending segements
-       *
-       * @private
-       */
-
-    }, {
-      key: 'abort_',
-      value: function abort_() {
-        if (this.pendingSegment_) {
-          this.pendingSegment_.abortRequests();
-        } // clear out the segment being processed
-
-
-        this.pendingSegment_ = null;
-      }
-      /**
-       * set an error on the segment loader and null out any pending segements
-       *
-       * @param {Error} error the error to set on the SegmentLoader
-       * @return {Error} the error that was set or that is currently set
-       */
-
-    }, {
-      key: 'error',
-      value: function error(_error) {
-        if (typeof _error !== 'undefined') {
-          this.error_ = _error;
-        }
-
-        this.pendingSegment_ = null;
-        return this.error_;
-      }
-    }, {
-      key: 'endOfStream',
-      value: function endOfStream() {
-        this.ended_ = true;
-        this.pause();
-        this.trigger('ended');
-      }
-      /**
-       * Indicates which time ranges are buffered
-       *
-       * @return {TimeRange}
-       *         TimeRange object representing the current buffered ranges
-       */
-
-    }, {
-      key: 'buffered_',
-      value: function buffered_() {
-        if (!this.sourceUpdater_) {
-          return videojs$1.createTimeRanges();
-        }
-
-        return this.sourceUpdater_.buffered();
-      }
-      /**
-       * Gets and sets init segment for the provided map
-       *
-       * @param {Object} map
-       *        The map object representing the init segment to get or set
-       * @param {Boolean=} set
-       *        If true, the init segment for the provided map should be saved
-       * @return {Object}
-       *         map object for desired init segment
-       */
-
-    }, {
-      key: 'initSegment',
-      value: function initSegment(map) {
-        var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-        if (!map) {
-          return null;
-        }
-
-        var id = initSegmentId(map);
-        var storedMap = this.initSegments_[id];
-
-        if (set$$1 && !storedMap && map.bytes) {
-          this.initSegments_[id] = storedMap = {
-            resolvedUri: map.resolvedUri,
-            byterange: map.byterange,
-            bytes: map.bytes,
-            timescales: map.timescales,
-            videoTrackIds: map.videoTrackIds
-          };
-        }
-
-        return storedMap || map;
-      }
-      /**
-       * Gets and sets key for the provided key
-       *
-       * @param {Object} key
-       *        The key object representing the key to get or set
-       * @param {Boolean=} set
-       *        If true, the key for the provided key should be saved
-       * @return {Object}
-       *         Key object for desired key
-       */
-
-    }, {
-      key: 'segmentKey',
-      value: function segmentKey(key) {
-        var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-        if (!key) {
-          return null;
-        }
-
-        var id = segmentKeyId(key);
-        var storedKey = this.keyCache_[id]; // TODO: We should use the HTTP Expires header to invalidate our cache per
-        // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-6.2.3
-
-        if (this.cacheEncryptionKeys_ && set$$1 && !storedKey && key.bytes) {
-          this.keyCache_[id] = storedKey = {
-            resolvedUri: key.resolvedUri,
-            bytes: key.bytes
-          };
-        }
-
-        var result = {
-          resolvedUri: (storedKey || key).resolvedUri
-        };
-
-        if (storedKey) {
-          result.bytes = storedKey.bytes;
-        }
-
-        return result;
-      }
-      /**
-       * Returns true if all configuration required for loading is present, otherwise false.
-       *
-       * @return {Boolean} True if the all configuration is ready for loading
-       * @private
-       */
-
-    }, {
-      key: 'couldBeginLoading_',
-      value: function couldBeginLoading_() {
-        return this.playlist_ && ( // the source updater is created when init_ is called, so either having a
-        // source updater or being in the INIT state with a mimeType is enough
-        // to say we have all the needed configuration to start loading.
-        this.sourceUpdater_ || this.mimeType_ && this.state === 'INIT') && !this.paused();
-      }
-      /**
-       * load a playlist and start to fill the buffer
-       */
-
-    }, {
-      key: 'load',
-      value: function load() {
-        // un-pause
-        this.monitorBuffer_(); // if we don't have a playlist yet, keep waiting for one to be
-        // specified
-
-        if (!this.playlist_) {
-          return;
-        } // not sure if this is the best place for this
-
-
-        this.syncController_.setDateTimeMapping(this.playlist_); // if all the configuration is ready, initialize and begin loading
-
-        if (this.state === 'INIT' && this.couldBeginLoading_()) {
-          return this.init_();
-        } // if we're in the middle of processing a segment already, don't
-        // kick off an additional segment request
-
-
-        if (!this.couldBeginLoading_() || this.state !== 'READY' && this.state !== 'INIT') {
-          return;
-        }
-
-        this.state = 'READY';
-      }
-      /**
-       * Once all the starting parameters have been specified, begin
-       * operation. This method should only be invoked from the INIT
-       * state.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'init_',
-      value: function init_() {
-        this.state = 'READY';
-        this.sourceUpdater_ = new SourceUpdater(this.mediaSource_, this.mimeType_, this.loaderType_, this.sourceBufferEmitter_);
-        this.resetEverything();
-        return this.monitorBuffer_();
-      }
-      /**
-       * set a playlist on the segment loader
-       *
-       * @param {PlaylistLoader} media the playlist to set on the segment loader
-       */
-
-    }, {
-      key: 'playlist',
-      value: function playlist(newPlaylist) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-        if (!newPlaylist) {
-          return;
-        }
-
-        var oldPlaylist = this.playlist_;
-        var segmentInfo = this.pendingSegment_;
-        this.playlist_ = newPlaylist;
-        this.xhrOptions_ = options; // when we haven't started playing yet, the start of a live playlist
-        // is always our zero-time so force a sync update each time the playlist
-        // is refreshed from the server
-
-        if (!this.hasPlayed_()) {
-          newPlaylist.syncInfo = {
-            mediaSequence: newPlaylist.mediaSequence,
-            time: 0
-          };
-        }
-
-        var oldId = null;
-
-        if (oldPlaylist) {
-          if (oldPlaylist.id) {
-            oldId = oldPlaylist.id;
-          } else if (oldPlaylist.uri) {
-            oldId = oldPlaylist.uri;
-          }
-        }
-
-        this.logger_('playlist update [' + oldId + ' => ' + (newPlaylist.id || newPlaylist.uri) + ']'); // in VOD, this is always a rendition switch (or we updated our syncInfo above)
-        // in LIVE, we always want to update with new playlists (including refreshes)
-
-        this.trigger('syncinfoupdate'); // if we were unpaused but waiting for a playlist, start
-        // buffering now
-
-        if (this.state === 'INIT' && this.couldBeginLoading_()) {
-          return this.init_();
-        }
-
-        if (!oldPlaylist || oldPlaylist.uri !== newPlaylist.uri) {
-          if (this.mediaIndex !== null) {
-            // we must "resync" the segment loader when we switch renditions and
-            // the segment loader is already synced to the previous rendition
-            this.resyncLoader();
-          } // the rest of this function depends on `oldPlaylist` being defined
-
-
-          return;
-        } // we reloaded the same playlist so we are in a live scenario
-        // and we will likely need to adjust the mediaIndex
-
-
-        var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;
-        this.logger_('live window shift [' + mediaSequenceDiff + ']'); // update the mediaIndex on the SegmentLoader
-        // this is important because we can abort a request and this value must be
-        // equal to the last appended mediaIndex
-
-        if (this.mediaIndex !== null) {
-          this.mediaIndex -= mediaSequenceDiff;
-        } // update the mediaIndex on the SegmentInfo object
-        // this is important because we will update this.mediaIndex with this value
-        // in `handleUpdateEnd_` after the segment has been successfully appended
-
-
-        if (segmentInfo) {
-          segmentInfo.mediaIndex -= mediaSequenceDiff; // we need to update the referenced segment so that timing information is
-          // saved for the new playlist's segment, however, if the segment fell off the
-          // playlist, we can leave the old reference and just lose the timing info
-
-          if (segmentInfo.mediaIndex >= 0) {
-            segmentInfo.segment = newPlaylist.segments[segmentInfo.mediaIndex];
-          }
-        }
-
-        this.syncController_.saveExpiredSegmentInfo(oldPlaylist, newPlaylist);
-      }
-      /**
-       * Prevent the loader from fetching additional segments. If there
-       * is a segment request outstanding, it will finish processing
-       * before the loader halts. A segment loader can be unpaused by
-       * calling load().
-       */
-
-    }, {
-      key: 'pause',
-      value: function pause() {
-        if (this.checkBufferTimeout_) {
-          window$1.clearTimeout(this.checkBufferTimeout_);
-          this.checkBufferTimeout_ = null;
-        }
-      }
-      /**
-       * Returns whether the segment loader is fetching additional
-       * segments when given the opportunity. This property can be
-       * modified through calls to pause() and load().
-       */
-
-    }, {
-      key: 'paused',
-      value: function paused() {
-        return this.checkBufferTimeout_ === null;
-      }
-      /**
-       * create/set the following mimetype on the SourceBuffer through a
-       * SourceUpdater
-       *
-       * @param {String} mimeType the mime type string to use
-       * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer
-       * is added to the media source
-       */
-
-    }, {
-      key: 'mimeType',
-      value: function mimeType(_mimeType, sourceBufferEmitter) {
-        if (this.mimeType_) {
-          return;
-        }
-
-        this.mimeType_ = _mimeType;
-        this.sourceBufferEmitter_ = sourceBufferEmitter; // if we were unpaused but waiting for a sourceUpdater, start
-        // buffering now
-
-        if (this.state === 'INIT' && this.couldBeginLoading_()) {
-          this.init_();
-        }
-      }
-      /**
-       * Delete all the buffered data and reset the SegmentLoader
-       * @param {Function} [done] an optional callback to be executed when the remove
-       * operation is complete
-       */
-
-    }, {
-      key: 'resetEverything',
-      value: function resetEverything(done) {
-        this.ended_ = false;
-        this.resetLoader();
-        this.remove(0, this.duration_(), done); // clears fmp4 captions
-
-        if (this.captionParser_) {
-          this.captionParser_.clearAllCaptions();
-        }
-
-        this.trigger('reseteverything');
-      }
-      /**
-       * Force the SegmentLoader to resync and start loading around the currentTime instead
-       * of starting at the end of the buffer
-       *
-       * Useful for fast quality changes
-       */
-
-    }, {
-      key: 'resetLoader',
-      value: function resetLoader() {
-        this.fetchAtBuffer_ = false;
-        this.resyncLoader();
-      }
-      /**
-       * Force the SegmentLoader to restart synchronization and make a conservative guess
-       * before returning to the simple walk-forward method
-       */
-
-    }, {
-      key: 'resyncLoader',
-      value: function resyncLoader() {
-        this.mediaIndex = null;
-        this.syncPoint_ = null;
-        this.abort();
-      }
-      /**
-       * Remove any data in the source buffer between start and end times
-       * @param {Number} start - the start time of the region to remove from the buffer
-       * @param {Number} end - the end time of the region to remove from the buffer
-       * @param {Function} [done] - an optional callback to be executed when the remove
-       * operation is complete
-       */
-
-    }, {
-      key: 'remove',
-      value: function remove(start, end, done) {
-        if (this.sourceUpdater_) {
-          this.sourceUpdater_.remove(start, end, done);
-        }
-
-        removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-
-        if (this.inbandTextTracks_) {
-          for (var id in this.inbandTextTracks_) {
-            removeCuesFromTrack(start, end, this.inbandTextTracks_[id]);
-          }
-        }
-      }
-      /**
-       * (re-)schedule monitorBufferTick_ to run as soon as possible
-       *
-       * @private
-       */
-
-    }, {
-      key: 'monitorBuffer_',
-      value: function monitorBuffer_() {
-        if (this.checkBufferTimeout_) {
-          window$1.clearTimeout(this.checkBufferTimeout_);
-        }
-
-        this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), 1);
-      }
-      /**
-       * As long as the SegmentLoader is in the READY state, periodically
-       * invoke fillBuffer_().
-       *
-       * @private
-       */
-
-    }, {
-      key: 'monitorBufferTick_',
-      value: function monitorBufferTick_() {
-        if (this.state === 'READY') {
-          this.fillBuffer_();
-        }
-
-        if (this.checkBufferTimeout_) {
-          window$1.clearTimeout(this.checkBufferTimeout_);
-        }
-
-        this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), CHECK_BUFFER_DELAY);
-      }
-      /**
-       * fill the buffer with segements unless the sourceBuffers are
-       * currently updating
-       *
-       * Note: this function should only ever be called by monitorBuffer_
-       * and never directly
-       *
-       * @private
-       */
-
-    }, {
-      key: 'fillBuffer_',
-      value: function fillBuffer_() {
-        if (this.sourceUpdater_.updating()) {
-          return;
-        }
-
-        if (!this.syncPoint_) {
-          this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
-        } // see if we need to begin loading immediately
-
-
-        var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
-
-        if (!segmentInfo) {
-          return;
-        }
-
-        if (this.isEndOfStream_(segmentInfo.mediaIndex)) {
-          this.endOfStream();
-          return;
-        }
-
-        if (segmentInfo.mediaIndex === this.playlist_.segments.length - 1 && this.mediaSource_.readyState === 'ended' && !this.seeking_()) {
-          return;
-        } // We will need to change timestampOffset of the sourceBuffer if:
-        // - The segment.timeline !== this.currentTimeline
-        //   (we are crossing a discontinuity somehow)
-        // - The "timestampOffset" for the start of this segment is less than
-        //   the currently set timestampOffset
-        // Also, clear captions if we are crossing a discontinuity boundary
-        // Previously, we changed the timestampOffset if the start of this segment
-        // is less than the currently set timestampOffset but this isn't wanted
-        // as it can produce bad behavior, especially around long running
-        // live streams
-
-
-        if (segmentInfo.timeline !== this.currentTimeline_) {
-          this.syncController_.reset();
-          segmentInfo.timestampOffset = segmentInfo.startOfSegment;
-
-          if (this.captionParser_) {
-            this.captionParser_.clearAllCaptions();
-          }
-        }
-
-        this.loadSegment_(segmentInfo);
-      }
-      /**
-       * Determines if this segment loader is at the end of it's stream.
-       *
-       * @param {Number} mediaIndex the index of segment we last appended
-       * @param {Object} [playlist=this.playlist_] a media playlist object
-       * @returns {Boolean} true if at end of stream, false otherwise.
-       */
-
-    }, {
-      key: 'isEndOfStream_',
-      value: function isEndOfStream_(mediaIndex) {
-        var playlist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.playlist_;
-        return detectEndOfStream(playlist, this.mediaSource_, mediaIndex) && !this.sourceUpdater_.updating();
-      }
-      /**
-       * Determines what segment request should be made, given current playback
-       * state.
-       *
-       * @param {TimeRanges} buffered - the state of the buffer
-       * @param {Object} playlist - the playlist object to fetch segments from
-       * @param {Number} mediaIndex - the previous mediaIndex fetched or null
-       * @param {Boolean} hasPlayed - a flag indicating whether we have played or not
-       * @param {Number} currentTime - the playback position in seconds
-       * @param {Object} syncPoint - a segment info object that describes the
-       * @returns {Object} a segment request object that describes the segment to load
-       */
-
-    }, {
-      key: 'checkBuffer_',
-      value: function checkBuffer_(buffered, playlist, mediaIndex, hasPlayed, currentTime, syncPoint) {
-        var lastBufferedEnd = 0;
-        var startOfSegment = void 0;
-
-        if (buffered.length) {
-          lastBufferedEnd = buffered.end(buffered.length - 1);
-        }
-
-        var bufferedTime = Math.max(0, lastBufferedEnd - currentTime);
-
-        if (!playlist.segments.length) {
-          return null;
-        } // if there is plenty of content buffered, and the video has
-        // been played before relax for awhile
-
-
-        if (bufferedTime >= this.goalBufferLength_()) {
-          return null;
-        } // if the video has not yet played once, and we already have
-        // one segment downloaded do nothing
-
-
-        if (!hasPlayed && bufferedTime >= 1) {
-          return null;
-        } // When the syncPoint is null, there is no way of determining a good
-        // conservative segment index to fetch from
-        // The best thing to do here is to get the kind of sync-point data by
-        // making a request
-
-
-        if (syncPoint === null) {
-          mediaIndex = this.getSyncSegmentCandidate_(playlist);
-          return this.generateSegmentInfo_(playlist, mediaIndex, null, true);
-        } // Under normal playback conditions fetching is a simple walk forward
-
-
-        if (mediaIndex !== null) {
-          var segment = playlist.segments[mediaIndex];
-          startOfSegment = lastBufferedEnd;
-          return this.generateSegmentInfo_(playlist, mediaIndex + 1, startOfSegment, false);
-        } // There is a sync-point but the lack of a mediaIndex indicates that
-        // we need to make a good conservative guess about which segment to
-        // fetch
-
-
-        if (this.fetchAtBuffer_) {
-          // Find the segment containing the end of the buffer
-          var mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, lastBufferedEnd, syncPoint.segmentIndex, syncPoint.time);
-          mediaIndex = mediaSourceInfo.mediaIndex;
-          startOfSegment = mediaSourceInfo.startTime;
-        } else {
-          // Find the segment containing currentTime
-          var _mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, currentTime, syncPoint.segmentIndex, syncPoint.time);
-
-          mediaIndex = _mediaSourceInfo.mediaIndex;
-          startOfSegment = _mediaSourceInfo.startTime;
-        }
-
-        return this.generateSegmentInfo_(playlist, mediaIndex, startOfSegment, false);
-      }
-      /**
-       * The segment loader has no recourse except to fetch a segment in the
-       * current playlist and use the internal timestamps in that segment to
-       * generate a syncPoint. This function returns a good candidate index
-       * for that process.
-       *
-       * @param {Object} playlist - the playlist object to look for a
-       * @returns {Number} An index of a segment from the playlist to load
-       */
-
-    }, {
-      key: 'getSyncSegmentCandidate_',
-      value: function getSyncSegmentCandidate_(playlist) {
-        var _this2 = this;
-
-        if (this.currentTimeline_ === -1) {
-          return 0;
-        }
-
-        var segmentIndexArray = playlist.segments.map(function (s, i) {
-          return {
-            timeline: s.timeline,
-            segmentIndex: i
-          };
-        }).filter(function (s) {
-          return s.timeline === _this2.currentTimeline_;
-        });
-
-        if (segmentIndexArray.length) {
-          return segmentIndexArray[Math.min(segmentIndexArray.length - 1, 1)].segmentIndex;
-        }
-
-        return Math.max(playlist.segments.length - 1, 0);
-      }
-    }, {
-      key: 'generateSegmentInfo_',
-      value: function generateSegmentInfo_(playlist, mediaIndex, startOfSegment, isSyncRequest) {
-        if (mediaIndex < 0 || mediaIndex >= playlist.segments.length) {
-          return null;
-        }
-
-        var segment = playlist.segments[mediaIndex];
-        return {
-          requestId: 'segment-loader-' + Math.random(),
-          // resolve the segment URL relative to the playlist
-          uri: segment.resolvedUri,
-          // the segment's mediaIndex at the time it was requested
-          mediaIndex: mediaIndex,
-          // whether or not to update the SegmentLoader's state with this
-          // segment's mediaIndex
-          isSyncRequest: isSyncRequest,
-          startOfSegment: startOfSegment,
-          // the segment's playlist
-          playlist: playlist,
-          // unencrypted bytes of the segment
-          bytes: null,
-          // when a key is defined for this segment, the encrypted bytes
-          encryptedBytes: null,
-          // The target timestampOffset for this segment when we append it
-          // to the source buffer
-          timestampOffset: null,
-          // The timeline that the segment is in
-          timeline: segment.timeline,
-          // The expected duration of the segment in seconds
-          duration: segment.duration,
-          // retain the segment in case the playlist updates while doing an async process
-          segment: segment
-        };
-      }
-      /**
-       * Determines if the network has enough bandwidth to complete the current segment
-       * request in a timely manner. If not, the request will be aborted early and bandwidth
-       * updated to trigger a playlist switch.
-       *
-       * @param {Object} stats
-       *        Object containing stats about the request timing and size
-       * @return {Boolean} True if the request was aborted, false otherwise
-       * @private
-       */
-
-    }, {
-      key: 'abortRequestEarly_',
-      value: function abortRequestEarly_(stats) {
-        if (this.hls_.tech_.paused() || // Don't abort if the current playlist is on the lowestEnabledRendition
-        // TODO: Replace using timeout with a boolean indicating whether this playlist is
-        //       the lowestEnabledRendition.
-        !this.xhrOptions_.timeout || // Don't abort if we have no bandwidth information to estimate segment sizes
-        !this.playlist_.attributes.BANDWIDTH) {
-          return false;
-        } // Wait at least 1 second since the first byte of data has been received before
-        // using the calculated bandwidth from the progress event to allow the bitrate
-        // to stabilize
-
-
-        if (Date.now() - (stats.firstBytesReceivedAt || Date.now()) < 1000) {
-          return false;
-        }
-
-        var currentTime = this.currentTime_();
-        var measuredBandwidth = stats.bandwidth;
-        var segmentDuration = this.pendingSegment_.duration;
-        var requestTimeRemaining = Playlist.estimateSegmentRequestTime(segmentDuration, measuredBandwidth, this.playlist_, stats.bytesReceived); // Subtract 1 from the timeUntilRebuffer so we still consider an early abort
-        // if we are only left with less than 1 second when the request completes.
-        // A negative timeUntilRebuffering indicates we are already rebuffering
-
-        var timeUntilRebuffer$$1 = timeUntilRebuffer(this.buffered_(), currentTime, this.hls_.tech_.playbackRate()) - 1; // Only consider aborting early if the estimated time to finish the download
-        // is larger than the estimated time until the player runs out of forward buffer
-
-        if (requestTimeRemaining <= timeUntilRebuffer$$1) {
-          return false;
-        }
-
-        var switchCandidate = minRebufferMaxBandwidthSelector({
-          master: this.hls_.playlists.master,
-          currentTime: currentTime,
-          bandwidth: measuredBandwidth,
-          duration: this.duration_(),
-          segmentDuration: segmentDuration,
-          timeUntilRebuffer: timeUntilRebuffer$$1,
-          currentTimeline: this.currentTimeline_,
-          syncController: this.syncController_
-        });
-
-        if (!switchCandidate) {
-          return;
-        }
-
-        var rebufferingImpact = requestTimeRemaining - timeUntilRebuffer$$1;
-        var timeSavedBySwitching = rebufferingImpact - switchCandidate.rebufferingImpact;
-        var minimumTimeSaving = 0.5; // If we are already rebuffering, increase the amount of variance we add to the
-        // potential round trip time of the new request so that we are not too aggressive
-        // with switching to a playlist that might save us a fraction of a second.
-
-        if (timeUntilRebuffer$$1 <= TIME_FUDGE_FACTOR) {
-          minimumTimeSaving = 1;
-        }
-
-        if (!switchCandidate.playlist || switchCandidate.playlist.uri === this.playlist_.uri || timeSavedBySwitching < minimumTimeSaving) {
-          return false;
-        } // set the bandwidth to that of the desired playlist being sure to scale by
-        // BANDWIDTH_VARIANCE and add one so the playlist selector does not exclude it
-        // don't trigger a bandwidthupdate as the bandwidth is artifial
-
-
-        this.bandwidth = switchCandidate.playlist.attributes.BANDWIDTH * Config.BANDWIDTH_VARIANCE + 1;
-        this.abort();
-        this.trigger('earlyabort');
-        return true;
-      }
-      /**
-       * XHR `progress` event handler
-       *
-       * @param {Event}
-       *        The XHR `progress` event
-       * @param {Object} simpleSegment
-       *        A simplified segment object copy
-       * @private
-       */
-
-    }, {
-      key: 'handleProgress_',
-      value: function handleProgress_(event, simpleSegment) {
-        if (!this.pendingSegment_ || simpleSegment.requestId !== this.pendingSegment_.requestId || this.abortRequestEarly_(simpleSegment.stats)) {
-          return;
-        }
-
-        this.trigger('progress');
-      }
-      /**
-       * load a specific segment from a request into the buffer
-       *
-       * @private
-       */
-
-    }, {
-      key: 'loadSegment_',
-      value: function loadSegment_(segmentInfo) {
-        this.state = 'WAITING';
-        this.pendingSegment_ = segmentInfo;
-        this.trimBackBuffer_(segmentInfo);
-        segmentInfo.abortRequests = mediaSegmentRequest(this.hls_.xhr, this.xhrOptions_, this.decrypter_, this.captionParser_, this.createSimplifiedSegmentObj_(segmentInfo), // progress callback
-        this.handleProgress_.bind(this), this.segmentRequestFinished_.bind(this));
-      }
-      /**
-       * trim the back buffer so that we don't have too much data
-       * in the source buffer
-       *
-       * @private
-       *
-       * @param {Object} segmentInfo - the current segment
-       */
-
-    }, {
-      key: 'trimBackBuffer_',
-      value: function trimBackBuffer_(segmentInfo) {
-        var removeToTime = safeBackBufferTrimTime(this.seekable_(), this.currentTime_(), this.playlist_.targetDuration || 10); // Chrome has a hard limit of 150MB of
-        // buffer and a very conservative "garbage collector"
-        // We manually clear out the old buffer to ensure
-        // we don't trigger the QuotaExceeded error
-        // on the source buffer during subsequent appends
-
-        if (removeToTime > 0) {
-          this.remove(0, removeToTime);
-        }
-      }
-      /**
-       * created a simplified copy of the segment object with just the
-       * information necessary to perform the XHR and decryption
-       *
-       * @private
-       *
-       * @param {Object} segmentInfo - the current segment
-       * @returns {Object} a simplified segment object copy
-       */
-
-    }, {
-      key: 'createSimplifiedSegmentObj_',
-      value: function createSimplifiedSegmentObj_(segmentInfo) {
-        var segment = segmentInfo.segment;
-        var simpleSegment = {
-          resolvedUri: segment.resolvedUri,
-          byterange: segment.byterange,
-          requestId: segmentInfo.requestId
-        };
-
-        if (segment.key) {
-          // if the media sequence is greater than 2^32, the IV will be incorrect
-          // assuming 10s segments, that would be about 1300 years
-          var iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);
-          simpleSegment.key = this.segmentKey(segment.key);
-          simpleSegment.key.iv = iv;
-        }
-
-        if (segment.map) {
-          simpleSegment.map = this.initSegment(segment.map);
-        }
-
-        return simpleSegment;
-      }
-      /**
-       * Handle the callback from the segmentRequest function and set the
-       * associated SegmentLoader state and errors if necessary
-       *
-       * @private
-       */
-
-    }, {
-      key: 'segmentRequestFinished_',
-      value: function segmentRequestFinished_(error, simpleSegment) {
-        // every request counts as a media request even if it has been aborted
-        // or canceled due to a timeout
-        this.mediaRequests += 1;
-
-        if (simpleSegment.stats) {
-          this.mediaBytesTransferred += simpleSegment.stats.bytesReceived;
-          this.mediaTransferDuration += simpleSegment.stats.roundTripTime;
-        } // The request was aborted and the SegmentLoader has already been reset
-
-
-        if (!this.pendingSegment_) {
-          this.mediaRequestsAborted += 1;
-          return;
-        } // the request was aborted and the SegmentLoader has already started
-        // another request. this can happen when the timeout for an aborted
-        // request triggers due to a limitation in the XHR library
-        // do not count this as any sort of request or we risk double-counting
-
-
-        if (simpleSegment.requestId !== this.pendingSegment_.requestId) {
-          return;
-        } // an error occurred from the active pendingSegment_ so reset everything
-
-
-        if (error) {
-          this.pendingSegment_ = null;
-          this.state = 'READY'; // the requests were aborted just record the aborted stat and exit
-          // this is not a true error condition and nothing corrective needs
-          // to be done
-
-          if (error.code === REQUEST_ERRORS.ABORTED) {
-            this.mediaRequestsAborted += 1;
-            return;
-          }
-
-          this.pause(); // the error is really just that at least one of the requests timed-out
-          // set the bandwidth to a very low value and trigger an ABR switch to
-          // take emergency action
-
-          if (error.code === REQUEST_ERRORS.TIMEOUT) {
-            this.mediaRequestsTimedout += 1;
-            this.bandwidth = 1;
-            this.roundTrip = NaN;
-            this.trigger('bandwidthupdate');
-            return;
-          } // if control-flow has arrived here, then the error is real
-          // emit an error event to blacklist the current playlist
-
-
-          this.mediaRequestsErrored += 1;
-          this.error(error);
-          this.trigger('error');
-          return;
-        } // the response was a success so set any bandwidth stats the request
-        // generated for ABR purposes
-
-
-        this.bandwidth = simpleSegment.stats.bandwidth;
-        this.roundTrip = simpleSegment.stats.roundTripTime; // if this request included an initialization segment, save that data
-        // to the initSegment cache
-
-        if (simpleSegment.map) {
-          simpleSegment.map = this.initSegment(simpleSegment.map, true);
-        } // if this request included a segment key, save that data in the cache
-
-
-        if (simpleSegment.key) {
-          this.segmentKey(simpleSegment.key, true);
-        }
-
-        this.processSegmentResponse_(simpleSegment);
-      }
-      /**
-       * Move any important data from the simplified segment object
-       * back to the real segment object for future phases
-       *
-       * @private
-       */
-
-    }, {
-      key: 'processSegmentResponse_',
-      value: function processSegmentResponse_(simpleSegment) {
-        var segmentInfo = this.pendingSegment_;
-        segmentInfo.bytes = simpleSegment.bytes;
-
-        if (simpleSegment.map) {
-          segmentInfo.segment.map.bytes = simpleSegment.map.bytes;
-        }
-
-        segmentInfo.endOfAllRequests = simpleSegment.endOfAllRequests; // This has fmp4 captions, add them to text tracks
-
-        if (simpleSegment.fmp4Captions) {
-          createCaptionsTrackIfNotExists(this.inbandTextTracks_, this.hls_.tech_, simpleSegment.captionStreams);
-          addCaptionData({
-            inbandTextTracks: this.inbandTextTracks_,
-            captionArray: simpleSegment.fmp4Captions,
-            // fmp4s will not have a timestamp offset
-            timestampOffset: 0
-          }); // Reset stored captions since we added parsed
-          // captions to a text track at this point
-
-          if (this.captionParser_) {
-            this.captionParser_.clearParsedCaptions();
-          }
-        }
-
-        this.handleSegment_();
-      }
-      /**
-       * append a decrypted segement to the SourceBuffer through a SourceUpdater
-       *
-       * @private
-       */
-
-    }, {
-      key: 'handleSegment_',
-      value: function handleSegment_() {
-        var _this3 = this;
-
-        if (!this.pendingSegment_) {
-          this.state = 'READY';
-          return;
-        }
-
-        var segmentInfo = this.pendingSegment_;
-        var segment = segmentInfo.segment;
-        var timingInfo = this.syncController_.probeSegmentInfo(segmentInfo); // When we have our first timing info, determine what media types this loader is
-        // dealing with. Although we're maintaining extra state, it helps to preserve the
-        // separation of segment loader from the actual source buffers.
-
-        if (typeof this.startingMedia_ === 'undefined' && timingInfo && ( // Guard against cases where we're not getting timing info at all until we are
-        // certain that all streams will provide it.
-        timingInfo.containsAudio || timingInfo.containsVideo)) {
-          this.startingMedia_ = {
-            containsAudio: timingInfo.containsAudio,
-            containsVideo: timingInfo.containsVideo
-          };
-        }
-
-        var illegalMediaSwitchError = illegalMediaSwitch(this.loaderType_, this.startingMedia_, timingInfo);
-
-        if (illegalMediaSwitchError) {
-          this.error({
-            message: illegalMediaSwitchError,
-            blacklistDuration: Infinity
-          });
-          this.trigger('error');
-          return;
-        }
-
-        if (segmentInfo.isSyncRequest) {
-          this.trigger('syncinfoupdate');
-          this.pendingSegment_ = null;
-          this.state = 'READY';
-          return;
-        }
-
-        if (segmentInfo.timestampOffset !== null && segmentInfo.timestampOffset !== this.sourceUpdater_.timestampOffset()) {
-          // Subtract any difference between the PTS and DTS times of the first frame
-          // from the timeStampOffset (which currently equals the buffered.end) to prevent
-          // creating any gaps in the buffer
-          if (timingInfo && timingInfo.segmentTimestampInfo) {
-            var ptsStartTime = timingInfo.segmentTimestampInfo[0].ptsTime;
-            var dtsStartTime = timingInfo.segmentTimestampInfo[0].dtsTime;
-            segmentInfo.timestampOffset -= ptsStartTime - dtsStartTime;
-          }
-
-          this.sourceUpdater_.timestampOffset(segmentInfo.timestampOffset); // fired when a timestamp offset is set in HLS (can also identify discontinuities)
-
-          this.trigger('timestampoffset');
-        }
-
-        var timelineMapping = this.syncController_.mappingForTimeline(segmentInfo.timeline);
-
-        if (timelineMapping !== null) {
-          this.trigger({
-            type: 'segmenttimemapping',
-            mapping: timelineMapping
-          });
-        }
-
-        this.state = 'APPENDING'; // if the media initialization segment is changing, append it
-        // before the content segment
-
-        if (segment.map) {
-          var initId = initSegmentId(segment.map);
-
-          if (!this.activeInitSegmentId_ || this.activeInitSegmentId_ !== initId) {
-            var initSegment = this.initSegment(segment.map);
-            this.sourceUpdater_.appendBuffer({
-              bytes: initSegment.bytes
-            }, function () {
-              _this3.activeInitSegmentId_ = initId;
-            });
-          }
-        }
-
-        segmentInfo.byteLength = segmentInfo.bytes.byteLength;
-
-        if (typeof segment.start === 'number' && typeof segment.end === 'number') {
-          this.mediaSecondsLoaded += segment.end - segment.start;
-        } else {
-          this.mediaSecondsLoaded += segment.duration;
-        }
-
-        this.logger_(segmentInfoString(segmentInfo));
-        this.sourceUpdater_.appendBuffer({
-          bytes: segmentInfo.bytes,
-          videoSegmentTimingInfoCallback: this.handleVideoSegmentTimingInfo_.bind(this, segmentInfo.requestId)
-        }, this.handleUpdateEnd_.bind(this));
-      }
-    }, {
-      key: 'handleVideoSegmentTimingInfo_',
-      value: function handleVideoSegmentTimingInfo_(requestId, event) {
-        if (!this.pendingSegment_ || requestId !== this.pendingSegment_.requestId) {
-          return;
-        }
-
-        var segment = this.pendingSegment_.segment;
-
-        if (!segment.videoTimingInfo) {
-          segment.videoTimingInfo = {};
-        }
-
-        segment.videoTimingInfo.transmuxerPrependedSeconds = event.videoSegmentTimingInfo.prependedContentDuration || 0;
-        segment.videoTimingInfo.transmuxedPresentationStart = event.videoSegmentTimingInfo.start.presentation;
-        segment.videoTimingInfo.transmuxedPresentationEnd = event.videoSegmentTimingInfo.end.presentation; // mainly used as a reference for debugging
-
-        segment.videoTimingInfo.baseMediaDecodeTime = event.videoSegmentTimingInfo.baseMediaDecodeTime;
-      }
-      /**
-       * callback to run when appendBuffer is finished. detects if we are
-       * in a good state to do things with the data we got, or if we need
-       * to wait for more
-       *
-       * @private
-       */
-
-    }, {
-      key: 'handleUpdateEnd_',
-      value: function handleUpdateEnd_() {
-        if (!this.pendingSegment_) {
-          this.state = 'READY';
-
-          if (!this.paused()) {
-            this.monitorBuffer_();
-          }
-
-          return;
-        }
-
-        var segmentInfo = this.pendingSegment_;
-        var segment = segmentInfo.segment;
-        var isWalkingForward = this.mediaIndex !== null;
-        this.pendingSegment_ = null;
-        this.recordThroughput_(segmentInfo);
-        this.addSegmentMetadataCue_(segmentInfo);
-        this.state = 'READY';
-        this.mediaIndex = segmentInfo.mediaIndex;
-        this.fetchAtBuffer_ = true;
-        this.currentTimeline_ = segmentInfo.timeline; // We must update the syncinfo to recalculate the seekable range before
-        // the following conditional otherwise it may consider this a bad "guess"
-        // and attempt to resync when the post-update seekable window and live
-        // point would mean that this was the perfect segment to fetch
-
-        this.trigger('syncinfoupdate'); // If we previously appended a segment that ends more than 3 targetDurations before
-        // the currentTime_ that means that our conservative guess was too conservative.
-        // In that case, reset the loader state so that we try to use any information gained
-        // from the previous request to create a new, more accurate, sync-point.
-
-        if (segment.end && this.currentTime_() - segment.end > segmentInfo.playlist.targetDuration * 3) {
-          this.resetEverything();
-          return;
-        } // Don't do a rendition switch unless we have enough time to get a sync segment
-        // and conservatively guess
-
-
-        if (isWalkingForward) {
-          this.trigger('bandwidthupdate');
-        }
-
-        this.trigger('progress'); // any time an update finishes and the last segment is in the
-        // buffer, end the stream. this ensures the "ended" event will
-        // fire if playback reaches that point.
-
-        if (this.isEndOfStream_(segmentInfo.mediaIndex + 1, segmentInfo.playlist)) {
-          this.endOfStream();
-        }
-
-        if (!this.paused()) {
-          this.monitorBuffer_();
-        }
-      }
-      /**
-       * Records the current throughput of the decrypt, transmux, and append
-       * portion of the semgment pipeline. `throughput.rate` is a the cumulative
-       * moving average of the throughput. `throughput.count` is the number of
-       * data points in the average.
-       *
-       * @private
-       * @param {Object} segmentInfo the object returned by loadSegment
-       */
-
-    }, {
-      key: 'recordThroughput_',
-      value: function recordThroughput_(segmentInfo) {
-        var rate = this.throughput.rate; // Add one to the time to ensure that we don't accidentally attempt to divide
-        // by zero in the case where the throughput is ridiculously high
-
-        var segmentProcessingTime = Date.now() - segmentInfo.endOfAllRequests + 1; // Multiply by 8000 to convert from bytes/millisecond to bits/second
-
-        var segmentProcessingThroughput = Math.floor(segmentInfo.byteLength / segmentProcessingTime * 8 * 1000); // This is just a cumulative moving average calculation:
-        //   newAvg = oldAvg + (sample - oldAvg) / (sampleCount + 1)
-
-        this.throughput.rate += (segmentProcessingThroughput - rate) / ++this.throughput.count;
-      }
-      /**
-       * Adds a cue to the segment-metadata track with some metadata information about the
-       * segment
-       *
-       * @private
-       * @param {Object} segmentInfo
-       *        the object returned by loadSegment
-       * @method addSegmentMetadataCue_
-       */
-
-    }, {
-      key: 'addSegmentMetadataCue_',
-      value: function addSegmentMetadataCue_(segmentInfo) {
-        if (!this.segmentMetadataTrack_) {
-          return;
-        }
-
-        var segment = segmentInfo.segment;
-        var start = segment.start;
-        var end = segment.end; // Do not try adding the cue if the start and end times are invalid.
-
-        if (!finite(start) || !finite(end)) {
-          return;
-        }
-
-        removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-        var Cue = window$1.WebKitDataCue || window$1.VTTCue;
-        var value = {
-          custom: segment.custom,
-          dateTimeObject: segment.dateTimeObject,
-          dateTimeString: segment.dateTimeString,
-          bandwidth: segmentInfo.playlist.attributes.BANDWIDTH,
-          resolution: segmentInfo.playlist.attributes.RESOLUTION,
-          codecs: segmentInfo.playlist.attributes.CODECS,
-          byteLength: segmentInfo.byteLength,
-          uri: segmentInfo.uri,
-          timeline: segmentInfo.timeline,
-          playlist: segmentInfo.playlist.uri,
-          start: start,
-          end: end
-        };
-        var data = JSON.stringify(value);
-        var cue = new Cue(start, end, data); // Attach the metadata to the value property of the cue to keep consistency between
-        // the differences of WebKitDataCue in safari and VTTCue in other browsers
-
-        cue.value = value;
-        this.segmentMetadataTrack_.addCue(cue);
-      }
-    }]);
-    return SegmentLoader;
-  }(videojs$1.EventTarget);
-
-  var uint8ToUtf8 = function uint8ToUtf8(uintArray) {
-    return decodeURIComponent(escape(String.fromCharCode.apply(null, uintArray)));
-  };
-  /**
-   * @file vtt-segment-loader.js
-   */
-
-
-  var VTT_LINE_TERMINATORS = new Uint8Array('\n\n'.split('').map(function (_char2) {
-    return _char2.charCodeAt(0);
-  }));
-  /**
-   * An object that manages segment loading and appending.
-   *
-   * @class VTTSegmentLoader
-   * @param {Object} options required and optional options
-   * @extends videojs.EventTarget
-   */
-
-  var VTTSegmentLoader = function (_SegmentLoader) {
-    inherits$2(VTTSegmentLoader, _SegmentLoader);
-
-    function VTTSegmentLoader(settings) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      classCallCheck$1(this, VTTSegmentLoader); // SegmentLoader requires a MediaSource be specified or it will throw an error;
-      // however, VTTSegmentLoader has no need of a media source, so delete the reference
-
-      var _this = possibleConstructorReturn$1(this, (VTTSegmentLoader.__proto__ || Object.getPrototypeOf(VTTSegmentLoader)).call(this, settings, options));
-
-      _this.mediaSource_ = null;
-      _this.subtitlesTrack_ = null;
-      return _this;
-    }
-    /**
-     * Indicates which time ranges are buffered
-     *
-     * @return {TimeRange}
-     *         TimeRange object representing the current buffered ranges
-     */
-
-
-    createClass$1(VTTSegmentLoader, [{
-      key: 'buffered_',
-      value: function buffered_() {
-        if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues.length) {
-          return videojs$1.createTimeRanges();
-        }
-
-        var cues = this.subtitlesTrack_.cues;
-        var start = cues[0].startTime;
-        var end = cues[cues.length - 1].startTime;
-        return videojs$1.createTimeRanges([[start, end]]);
-      }
-      /**
-       * Gets and sets init segment for the provided map
-       *
-       * @param {Object} map
-       *        The map object representing the init segment to get or set
-       * @param {Boolean=} set
-       *        If true, the init segment for the provided map should be saved
-       * @return {Object}
-       *         map object for desired init segment
-       */
-
-    }, {
-      key: 'initSegment',
-      value: function initSegment(map) {
-        var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-        if (!map) {
-          return null;
-        }
-
-        var id = initSegmentId(map);
-        var storedMap = this.initSegments_[id];
-
-        if (set$$1 && !storedMap && map.bytes) {
-          // append WebVTT line terminators to the media initialization segment if it exists
-          // to follow the WebVTT spec (https://w3c.github.io/webvtt/#file-structure) that
-          // requires two or more WebVTT line terminators between the WebVTT header and the
-          // rest of the file
-          var combinedByteLength = VTT_LINE_TERMINATORS.byteLength + map.bytes.byteLength;
-          var combinedSegment = new Uint8Array(combinedByteLength);
-          combinedSegment.set(map.bytes);
-          combinedSegment.set(VTT_LINE_TERMINATORS, map.bytes.byteLength);
-          this.initSegments_[id] = storedMap = {
-            resolvedUri: map.resolvedUri,
-            byterange: map.byterange,
-            bytes: combinedSegment
-          };
-        }
-
-        return storedMap || map;
-      }
-      /**
-       * Returns true if all configuration required for loading is present, otherwise false.
-       *
-       * @return {Boolean} True if the all configuration is ready for loading
-       * @private
-       */
-
-    }, {
-      key: 'couldBeginLoading_',
-      value: function couldBeginLoading_() {
-        return this.playlist_ && this.subtitlesTrack_ && !this.paused();
-      }
-      /**
-       * Once all the starting parameters have been specified, begin
-       * operation. This method should only be invoked from the INIT
-       * state.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'init_',
-      value: function init_() {
-        this.state = 'READY';
-        this.resetEverything();
-        return this.monitorBuffer_();
-      }
-      /**
-       * Set a subtitle track on the segment loader to add subtitles to
-       *
-       * @param {TextTrack=} track
-       *        The text track to add loaded subtitles to
-       * @return {TextTrack}
-       *        Returns the subtitles track
-       */
-
-    }, {
-      key: 'track',
-      value: function track(_track) {
-        if (typeof _track === 'undefined') {
-          return this.subtitlesTrack_;
-        }
-
-        this.subtitlesTrack_ = _track; // if we were unpaused but waiting for a sourceUpdater, start
-        // buffering now
-
-        if (this.state === 'INIT' && this.couldBeginLoading_()) {
-          this.init_();
-        }
-
-        return this.subtitlesTrack_;
-      }
-      /**
-       * Remove any data in the source buffer between start and end times
-       * @param {Number} start - the start time of the region to remove from the buffer
-       * @param {Number} end - the end time of the region to remove from the buffer
-       */
-
-    }, {
-      key: 'remove',
-      value: function remove(start, end) {
-        removeCuesFromTrack(start, end, this.subtitlesTrack_);
-      }
-      /**
-       * fill the buffer with segements unless the sourceBuffers are
-       * currently updating
-       *
-       * Note: this function should only ever be called by monitorBuffer_
-       * and never directly
-       *
-       * @private
-       */
-
-    }, {
-      key: 'fillBuffer_',
-      value: function fillBuffer_() {
-        var _this2 = this;
-
-        if (!this.syncPoint_) {
-          this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
-        } // see if we need to begin loading immediately
-
-
-        var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
-        segmentInfo = this.skipEmptySegments_(segmentInfo);
-
-        if (!segmentInfo) {
-          return;
-        }
-
-        if (this.syncController_.timestampOffsetForTimeline(segmentInfo.timeline) === null) {
-          // We don't have the timestamp offset that we need to sync subtitles.
-          // Rerun on a timestamp offset or user interaction.
-          var checkTimestampOffset = function checkTimestampOffset() {
-            _this2.state = 'READY';
-
-            if (!_this2.paused()) {
-              // if not paused, queue a buffer check as soon as possible
-              _this2.monitorBuffer_();
-            }
-          };
-
-          this.syncController_.one('timestampoffset', checkTimestampOffset);
-          this.state = 'WAITING_ON_TIMELINE';
-          return;
-        }
-
-        this.loadSegment_(segmentInfo);
-      }
-      /**
-       * Prevents the segment loader from requesting segments we know contain no subtitles
-       * by walking forward until we find the next segment that we don't know whether it is
-       * empty or not.
-       *
-       * @param {Object} segmentInfo
-       *        a segment info object that describes the current segment
-       * @return {Object}
-       *         a segment info object that describes the current segment
-       */
-
-    }, {
-      key: 'skipEmptySegments_',
-      value: function skipEmptySegments_(segmentInfo) {
-        while (segmentInfo && segmentInfo.segment.empty) {
-          segmentInfo = this.generateSegmentInfo_(segmentInfo.playlist, segmentInfo.mediaIndex + 1, segmentInfo.startOfSegment + segmentInfo.duration, segmentInfo.isSyncRequest);
-        }
-
-        return segmentInfo;
-      }
-      /**
-       * append a decrypted segement to the SourceBuffer through a SourceUpdater
-       *
-       * @private
-       */
-
-    }, {
-      key: 'handleSegment_',
-      value: function handleSegment_() {
-        var _this3 = this;
-
-        if (!this.pendingSegment_ || !this.subtitlesTrack_) {
-          this.state = 'READY';
-          return;
-        }
-
-        this.state = 'APPENDING';
-        var segmentInfo = this.pendingSegment_;
-        var segment = segmentInfo.segment; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-
-        if (typeof window$1.WebVTT !== 'function' && this.subtitlesTrack_ && this.subtitlesTrack_.tech_) {
-          var loadHandler = void 0;
-
-          var errorHandler = function errorHandler() {
-            _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);
-
-            _this3.error({
-              message: 'Error loading vtt.js'
-            });
-
-            _this3.state = 'READY';
-
-            _this3.pause();
-
-            _this3.trigger('error');
-          };
-
-          loadHandler = function loadHandler() {
-            _this3.subtitlesTrack_.tech_.off('vttjserror', errorHandler);
-
-            _this3.handleSegment_();
-          };
-
-          this.state = 'WAITING_ON_VTTJS';
-          this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);
-          this.subtitlesTrack_.tech_.one('vttjserror', errorHandler);
-          return;
-        }
-
-        segment.requested = true;
-
-        try {
-          this.parseVTTCues_(segmentInfo);
-        } catch (e) {
-          this.error({
-            message: e.message
-          });
-          this.state = 'READY';
-          this.pause();
-          return this.trigger('error');
-        }
-
-        this.updateTimeMapping_(segmentInfo, this.syncController_.timelines[segmentInfo.timeline], this.playlist_);
-
-        if (segmentInfo.isSyncRequest) {
-          this.trigger('syncinfoupdate');
-          this.pendingSegment_ = null;
-          this.state = 'READY';
-          return;
-        }
-
-        segmentInfo.byteLength = segmentInfo.bytes.byteLength;
-        this.mediaSecondsLoaded += segment.duration;
-
-        if (segmentInfo.cues.length) {
-          // remove any overlapping cues to prevent doubling
-          this.remove(segmentInfo.cues[0].endTime, segmentInfo.cues[segmentInfo.cues.length - 1].endTime);
-        }
-
-        segmentInfo.cues.forEach(function (cue) {
-          _this3.subtitlesTrack_.addCue(cue);
-        });
-        this.handleUpdateEnd_();
-      }
-      /**
-       * Uses the WebVTT parser to parse the segment response
-       *
-       * @param {Object} segmentInfo
-       *        a segment info object that describes the current segment
-       * @private
-       */
-
-    }, {
-      key: 'parseVTTCues_',
-      value: function parseVTTCues_(segmentInfo) {
-        var decoder = void 0;
-        var decodeBytesToString = false;
-
-        if (typeof window$1.TextDecoder === 'function') {
-          decoder = new window$1.TextDecoder('utf8');
-        } else {
-          decoder = window$1.WebVTT.StringDecoder();
-          decodeBytesToString = true;
-        }
-
-        var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, decoder);
-        segmentInfo.cues = [];
-        segmentInfo.timestampmap = {
-          MPEGTS: 0,
-          LOCAL: 0
-        };
-        parser.oncue = segmentInfo.cues.push.bind(segmentInfo.cues);
-
-        parser.ontimestampmap = function (map) {
-          return segmentInfo.timestampmap = map;
-        };
-
-        parser.onparsingerror = function (error) {
-          videojs$1.log.warn('Error encountered when parsing cues: ' + error.message);
-        };
-
-        if (segmentInfo.segment.map) {
-          var mapData = segmentInfo.segment.map.bytes;
-
-          if (decodeBytesToString) {
-            mapData = uint8ToUtf8(mapData);
-          }
-
-          parser.parse(mapData);
-        }
-
-        var segmentData = segmentInfo.bytes;
-
-        if (decodeBytesToString) {
-          segmentData = uint8ToUtf8(segmentData);
-        }
-
-        parser.parse(segmentData);
-        parser.flush();
-      }
-      /**
-       * Updates the start and end times of any cues parsed by the WebVTT parser using
-       * the information parsed from the X-TIMESTAMP-MAP header and a TS to media time mapping
-       * from the SyncController
-       *
-       * @param {Object} segmentInfo
-       *        a segment info object that describes the current segment
-       * @param {Object} mappingObj
-       *        object containing a mapping from TS to media time
-       * @param {Object} playlist
-       *        the playlist object containing the segment
-       * @private
-       */
-
-    }, {
-      key: 'updateTimeMapping_',
-      value: function updateTimeMapping_(segmentInfo, mappingObj, playlist) {
-        var segment = segmentInfo.segment;
-
-        if (!mappingObj) {
-          // If the sync controller does not have a mapping of TS to Media Time for the
-          // timeline, then we don't have enough information to update the cue
-          // start/end times
-          return;
-        }
-
-        if (!segmentInfo.cues.length) {
-          // If there are no cues, we also do not have enough information to figure out
-          // segment timing. Mark that the segment contains no cues so we don't re-request
-          // an empty segment.
-          segment.empty = true;
-          return;
-        }
-
-        var timestampmap = segmentInfo.timestampmap;
-        var diff = timestampmap.MPEGTS / 90000 - timestampmap.LOCAL + mappingObj.mapping;
-        segmentInfo.cues.forEach(function (cue) {
-          // First convert cue time to TS time using the timestamp-map provided within the vtt
-          cue.startTime += diff;
-          cue.endTime += diff;
-        });
-
-        if (!playlist.syncInfo) {
-          var firstStart = segmentInfo.cues[0].startTime;
-          var lastStart = segmentInfo.cues[segmentInfo.cues.length - 1].startTime;
-          playlist.syncInfo = {
-            mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
-            time: Math.min(firstStart, lastStart - segment.duration)
-          };
-        }
-      }
-    }]);
-    return VTTSegmentLoader;
-  }(SegmentLoader);
-  /**
-   * @file ad-cue-tags.js
-   */
-
-  /**
-   * Searches for an ad cue that overlaps with the given mediaTime
-   */
-
-
-  var findAdCue = function findAdCue(track, mediaTime) {
-    var cues = track.cues;
-
-    for (var i = 0; i < cues.length; i++) {
-      var cue = cues[i];
-
-      if (mediaTime >= cue.adStartTime && mediaTime <= cue.adEndTime) {
-        return cue;
-      }
-    }
-
-    return null;
-  };
-
-  var updateAdCues = function updateAdCues(media, track) {
-    var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
-    if (!media.segments) {
-      return;
-    }
-
-    var mediaTime = offset;
-    var cue = void 0;
-
-    for (var i = 0; i < media.segments.length; i++) {
-      var segment = media.segments[i];
-
-      if (!cue) {
-        // Since the cues will span for at least the segment duration, adding a fudge
-        // factor of half segment duration will prevent duplicate cues from being
-        // created when timing info is not exact (e.g. cue start time initialized
-        // at 10.006677, but next call mediaTime is 10.003332 )
-        cue = findAdCue(track, mediaTime + segment.duration / 2);
-      }
-
-      if (cue) {
-        if ('cueIn' in segment) {
-          // Found a CUE-IN so end the cue
-          cue.endTime = mediaTime;
-          cue.adEndTime = mediaTime;
-          mediaTime += segment.duration;
-          cue = null;
-          continue;
-        }
-
-        if (mediaTime < cue.endTime) {
-          // Already processed this mediaTime for this cue
-          mediaTime += segment.duration;
-          continue;
-        } // otherwise extend cue until a CUE-IN is found
-
-
-        cue.endTime += segment.duration;
-      } else {
-        if ('cueOut' in segment) {
-          cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, segment.cueOut);
-          cue.adStartTime = mediaTime; // Assumes tag format to be
-          // #EXT-X-CUE-OUT:30
-
-          cue.adEndTime = mediaTime + parseFloat(segment.cueOut);
-          track.addCue(cue);
-        }
-
-        if ('cueOutCont' in segment) {
-          // Entered into the middle of an ad cue
-          var adOffset = void 0;
-          var adTotal = void 0; // Assumes tag formate to be
-          // #EXT-X-CUE-OUT-CONT:10/30
-
-          var _segment$cueOutCont$s = segment.cueOutCont.split('/').map(parseFloat);
-
-          var _segment$cueOutCont$s2 = slicedToArray(_segment$cueOutCont$s, 2);
-
-          adOffset = _segment$cueOutCont$s2[0];
-          adTotal = _segment$cueOutCont$s2[1];
-          cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, '');
-          cue.adStartTime = mediaTime - adOffset;
-          cue.adEndTime = cue.adStartTime + adTotal;
-          track.addCue(cue);
-        }
-      }
-
-      mediaTime += segment.duration;
-    }
-  };
-  /**
-   * @file sync-controller.js
-   */
-
-
-  var tsprobe = tsInspector.inspect;
-  var syncPointStrategies = [// Stategy "VOD": Handle the VOD-case where the sync-point is *always*
-  //                the equivalence display-time 0 === segment-index 0
-  {
-    name: 'VOD',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      if (duration$$1 !== Infinity) {
-        var syncPoint = {
-          time: 0,
-          segmentIndex: 0
-        };
-        return syncPoint;
-      }
-
-      return null;
-    }
-  }, // Stategy "ProgramDateTime": We have a program-date-time tag in this playlist
-  {
-    name: 'ProgramDateTime',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      if (!syncController.datetimeToDisplayTime) {
-        return null;
-      }
-
-      var segments = playlist.segments || [];
-      var syncPoint = null;
-      var lastDistance = null;
-      currentTime = currentTime || 0;
-
-      for (var i = 0; i < segments.length; i++) {
-        var segment = segments[i];
-
-        if (segment.dateTimeObject) {
-          var segmentTime = segment.dateTimeObject.getTime() / 1000;
-          var segmentStart = segmentTime + syncController.datetimeToDisplayTime;
-          var distance = Math.abs(currentTime - segmentStart); // Once the distance begins to increase, or if distance is 0, we have passed
-          // currentTime and can stop looking for better candidates
-
-          if (lastDistance !== null && (distance === 0 || lastDistance < distance)) {
-            break;
-          }
-
-          lastDistance = distance;
-          syncPoint = {
-            time: segmentStart,
-            segmentIndex: i
-          };
-        }
-      }
-
-      return syncPoint;
-    }
-  }, // Stategy "Segment": We have a known time mapping for a timeline and a
-  //                    segment in the current timeline with timing data
-  {
-    name: 'Segment',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      var segments = playlist.segments || [];
-      var syncPoint = null;
-      var lastDistance = null;
-      currentTime = currentTime || 0;
-
-      for (var i = 0; i < segments.length; i++) {
-        var segment = segments[i];
-
-        if (segment.timeline === currentTimeline && typeof segment.start !== 'undefined') {
-          var distance = Math.abs(currentTime - segment.start); // Once the distance begins to increase, we have passed
-          // currentTime and can stop looking for better candidates
-
-          if (lastDistance !== null && lastDistance < distance) {
-            break;
-          }
-
-          if (!syncPoint || lastDistance === null || lastDistance >= distance) {
-            lastDistance = distance;
-            syncPoint = {
-              time: segment.start,
-              segmentIndex: i
-            };
-          }
-        }
-      }
-
-      return syncPoint;
-    }
-  }, // Stategy "Discontinuity": We have a discontinuity with a known
-  //                          display-time
-  {
-    name: 'Discontinuity',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      var syncPoint = null;
-      currentTime = currentTime || 0;
-
-      if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
-        var lastDistance = null;
-
-        for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
-          var segmentIndex = playlist.discontinuityStarts[i];
-          var discontinuity = playlist.discontinuitySequence + i + 1;
-          var discontinuitySync = syncController.discontinuities[discontinuity];
-
-          if (discontinuitySync) {
-            var distance = Math.abs(currentTime - discontinuitySync.time); // Once the distance begins to increase, we have passed
-            // currentTime and can stop looking for better candidates
-
-            if (lastDistance !== null && lastDistance < distance) {
-              break;
-            }
-
-            if (!syncPoint || lastDistance === null || lastDistance >= distance) {
-              lastDistance = distance;
-              syncPoint = {
-                time: discontinuitySync.time,
-                segmentIndex: segmentIndex
-              };
-            }
-          }
-        }
-      }
-
-      return syncPoint;
-    }
-  }, // Stategy "Playlist": We have a playlist with a known mapping of
-  //                     segment index to display time
-  {
-    name: 'Playlist',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      if (playlist.syncInfo) {
-        var syncPoint = {
-          time: playlist.syncInfo.time,
-          segmentIndex: playlist.syncInfo.mediaSequence - playlist.mediaSequence
-        };
-        return syncPoint;
-      }
-
-      return null;
-    }
-  }];
-
-  var SyncController = function (_videojs$EventTarget) {
-    inherits$2(SyncController, _videojs$EventTarget);
-
-    function SyncController() {
-      classCallCheck$1(this, SyncController); // Segment Loader state variables...
-      // ...for synching across variants
-
-      var _this = possibleConstructorReturn$1(this, (SyncController.__proto__ || Object.getPrototypeOf(SyncController)).call(this));
-
-      _this.inspectCache_ = undefined; // ...for synching across variants
-
-      _this.timelines = [];
-      _this.discontinuities = [];
-      _this.datetimeToDisplayTime = null;
-      _this.logger_ = logger('SyncController');
-      return _this;
-    }
-    /**
-     * Find a sync-point for the playlist specified
-     *
-     * A sync-point is defined as a known mapping from display-time to
-     * a segment-index in the current playlist.
-     *
-     * @param {Playlist} playlist
-     *        The playlist that needs a sync-point
-     * @param {Number} duration
-     *        Duration of the MediaSource (Infinite if playing a live source)
-     * @param {Number} currentTimeline
-     *        The last timeline from which a segment was loaded
-     * @returns {Object}
-     *          A sync-point object
-     */
-
-
-    createClass$1(SyncController, [{
-      key: 'getSyncPoint',
-      value: function getSyncPoint(playlist, duration$$1, currentTimeline, currentTime) {
-        var syncPoints = this.runStrategies_(playlist, duration$$1, currentTimeline, currentTime);
-
-        if (!syncPoints.length) {
-          // Signal that we need to attempt to get a sync-point manually
-          // by fetching a segment in the playlist and constructing
-          // a sync-point from that information
-          return null;
-        } // Now find the sync-point that is closest to the currentTime because
-        // that should result in the most accurate guess about which segment
-        // to fetch
-
-
-        return this.selectSyncPoint_(syncPoints, {
-          key: 'time',
-          value: currentTime
-        });
-      }
-      /**
-       * Calculate the amount of time that has expired off the playlist during playback
-       *
-       * @param {Playlist} playlist
-       *        Playlist object to calculate expired from
-       * @param {Number} duration
-       *        Duration of the MediaSource (Infinity if playling a live source)
-       * @returns {Number|null}
-       *          The amount of time that has expired off the playlist during playback. Null
-       *          if no sync-points for the playlist can be found.
-       */
-
-    }, {
-      key: 'getExpiredTime',
-      value: function getExpiredTime(playlist, duration$$1) {
-        if (!playlist || !playlist.segments) {
-          return null;
-        }
-
-        var syncPoints = this.runStrategies_(playlist, duration$$1, playlist.discontinuitySequence, 0); // Without sync-points, there is not enough information to determine the expired time
-
-        if (!syncPoints.length) {
-          return null;
-        }
-
-        var syncPoint = this.selectSyncPoint_(syncPoints, {
-          key: 'segmentIndex',
-          value: 0
-        }); // If the sync-point is beyond the start of the playlist, we want to subtract the
-        // duration from index 0 to syncPoint.segmentIndex instead of adding.
-
-        if (syncPoint.segmentIndex > 0) {
-          syncPoint.time *= -1;
-        }
-
-        return Math.abs(syncPoint.time + sumDurations(playlist, syncPoint.segmentIndex, 0));
-      }
-      /**
-       * Runs each sync-point strategy and returns a list of sync-points returned by the
-       * strategies
-       *
-       * @private
-       * @param {Playlist} playlist
-       *        The playlist that needs a sync-point
-       * @param {Number} duration
-       *        Duration of the MediaSource (Infinity if playing a live source)
-       * @param {Number} currentTimeline
-       *        The last timeline from which a segment was loaded
-       * @returns {Array}
-       *          A list of sync-point objects
-       */
-
-    }, {
-      key: 'runStrategies_',
-      value: function runStrategies_(playlist, duration$$1, currentTimeline, currentTime) {
-        var syncPoints = []; // Try to find a sync-point in by utilizing various strategies...
-
-        for (var i = 0; i < syncPointStrategies.length; i++) {
-          var strategy = syncPointStrategies[i];
-          var syncPoint = strategy.run(this, playlist, duration$$1, currentTimeline, currentTime);
-
-          if (syncPoint) {
-            syncPoint.strategy = strategy.name;
-            syncPoints.push({
-              strategy: strategy.name,
-              syncPoint: syncPoint
-            });
-          }
-        }
-
-        return syncPoints;
-      }
-      /**
-       * Selects the sync-point nearest the specified target
-       *
-       * @private
-       * @param {Array} syncPoints
-       *        List of sync-points to select from
-       * @param {Object} target
-       *        Object specifying the property and value we are targeting
-       * @param {String} target.key
-       *        Specifies the property to target. Must be either 'time' or 'segmentIndex'
-       * @param {Number} target.value
-       *        The value to target for the specified key.
-       * @returns {Object}
-       *          The sync-point nearest the target
-       */
-
-    }, {
-      key: 'selectSyncPoint_',
-      value: function selectSyncPoint_(syncPoints, target) {
-        var bestSyncPoint = syncPoints[0].syncPoint;
-        var bestDistance = Math.abs(syncPoints[0].syncPoint[target.key] - target.value);
-        var bestStrategy = syncPoints[0].strategy;
-
-        for (var i = 1; i < syncPoints.length; i++) {
-          var newDistance = Math.abs(syncPoints[i].syncPoint[target.key] - target.value);
-
-          if (newDistance < bestDistance) {
-            bestDistance = newDistance;
-            bestSyncPoint = syncPoints[i].syncPoint;
-            bestStrategy = syncPoints[i].strategy;
-          }
-        }
-
-        this.logger_('syncPoint for [' + target.key + ': ' + target.value + '] chosen with strategy' + (' [' + bestStrategy + ']: [time:' + bestSyncPoint.time + ',') + (' segmentIndex:' + bestSyncPoint.segmentIndex + ']'));
-        return bestSyncPoint;
-      }
-      /**
-       * Save any meta-data present on the segments when segments leave
-       * the live window to the playlist to allow for synchronization at the
-       * playlist level later.
-       *
-       * @param {Playlist} oldPlaylist - The previous active playlist
-       * @param {Playlist} newPlaylist - The updated and most current playlist
-       */
-
-    }, {
-      key: 'saveExpiredSegmentInfo',
-      value: function saveExpiredSegmentInfo(oldPlaylist, newPlaylist) {
-        var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence; // When a segment expires from the playlist and it has a start time
-        // save that information as a possible sync-point reference in future
-
-        for (var i = mediaSequenceDiff - 1; i >= 0; i--) {
-          var lastRemovedSegment = oldPlaylist.segments[i];
-
-          if (lastRemovedSegment && typeof lastRemovedSegment.start !== 'undefined') {
-            newPlaylist.syncInfo = {
-              mediaSequence: oldPlaylist.mediaSequence + i,
-              time: lastRemovedSegment.start
-            };
-            this.logger_('playlist refresh sync: [time:' + newPlaylist.syncInfo.time + ',' + (' mediaSequence: ' + newPlaylist.syncInfo.mediaSequence + ']'));
-            this.trigger('syncinfoupdate');
-            break;
-          }
-        }
-      }
-      /**
-       * Save the mapping from playlist's ProgramDateTime to display. This should
-       * only ever happen once at the start of playback.
-       *
-       * @param {Playlist} playlist - The currently active playlist
-       */
-
-    }, {
-      key: 'setDateTimeMapping',
-      value: function setDateTimeMapping(playlist) {
-        if (!this.datetimeToDisplayTime && playlist.segments && playlist.segments.length && playlist.segments[0].dateTimeObject) {
-          var playlistTimestamp = playlist.segments[0].dateTimeObject.getTime() / 1000;
-          this.datetimeToDisplayTime = -playlistTimestamp;
-        }
-      }
-      /**
-       * Reset the state of the inspection cache when we do a rendition
-       * switch
-       */
-
-    }, {
-      key: 'reset',
-      value: function reset() {
-        this.inspectCache_ = undefined;
-      }
-      /**
-       * Probe or inspect a fmp4 or an mpeg2-ts segment to determine the start
-       * and end of the segment in it's internal "media time". Used to generate
-       * mappings from that internal "media time" to the display time that is
-       * shown on the player.
-       *
-       * @param {SegmentInfo} segmentInfo - The current active request information
-       */
-
-    }, {
-      key: 'probeSegmentInfo',
-      value: function probeSegmentInfo(segmentInfo) {
-        var segment = segmentInfo.segment;
-        var playlist = segmentInfo.playlist;
-        var timingInfo = void 0;
-
-        if (segment.map) {
-          timingInfo = this.probeMp4Segment_(segmentInfo);
-        } else {
-          timingInfo = this.probeTsSegment_(segmentInfo);
-        }
-
-        if (timingInfo) {
-          if (this.calculateSegmentTimeMapping_(segmentInfo, timingInfo)) {
-            this.saveDiscontinuitySyncInfo_(segmentInfo); // If the playlist does not have sync information yet, record that information
-            // now with segment timing information
-
-            if (!playlist.syncInfo) {
-              playlist.syncInfo = {
-                mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
-                time: segment.start
-              };
-            }
-          }
-        }
-
-        return timingInfo;
-      }
-      /**
-       * Probe an fmp4 segment to determine the start of the segment
-       * in it's internal "composition time", which is equal to the base
-       * media decode time plus the composition time offset value
-       *
-       * @private
-       * @param {SegmentInfo} segmentInfo - The current active request information
-       * @return {object} The start and end time of the current segment in "composition time"
-       */
-
-    }, {
-      key: 'probeMp4Segment_',
-      value: function probeMp4Segment_(segmentInfo) {
-        var segment = segmentInfo.segment; // get timescales from init segment
-
-        var timescales = probe.timescale(segment.map.bytes); // calculate composition start time using the timescales and information
-        // contained within the media segment
-
-        var compositionStartTime = probe.compositionStartTime(timescales, segmentInfo.bytes);
-
-        if (segmentInfo.timestampOffset !== null) {
-          segmentInfo.timestampOffset -= compositionStartTime;
-        }
-
-        return {
-          start: compositionStartTime,
-          end: compositionStartTime + segment.duration
-        };
-      }
-      /**
-       * Probe an mpeg2-ts segment to determine the start and end of the segment
-       * in it's internal "media time".
-       *
-       * @private
-       * @param {SegmentInfo} segmentInfo - The current active request information
-       * @return {object} The start and end time of the current segment in "media time"
-       */
-
-    }, {
-      key: 'probeTsSegment_',
-      value: function probeTsSegment_(segmentInfo) {
-        var timeInfo = tsprobe(segmentInfo.bytes, this.inspectCache_);
-        var segmentStartTime = void 0;
-        var segmentEndTime = void 0;
-        var segmentTimestampInfo = void 0;
-
-        if (!timeInfo) {
-          return null;
-        }
-
-        if (timeInfo.video && timeInfo.video.length === 2) {
-          this.inspectCache_ = timeInfo.video[1].dts;
-          segmentStartTime = timeInfo.video[0].dtsTime;
-          segmentEndTime = timeInfo.video[1].dtsTime;
-          segmentTimestampInfo = timeInfo.video;
-        } else if (timeInfo.audio && timeInfo.audio.length === 2) {
-          this.inspectCache_ = timeInfo.audio[1].dts;
-          segmentStartTime = timeInfo.audio[0].dtsTime;
-          segmentEndTime = timeInfo.audio[1].dtsTime;
-          segmentTimestampInfo = timeInfo.audio;
-        }
-
-        var probedInfo = {
-          segmentTimestampInfo: segmentTimestampInfo,
-          start: segmentStartTime,
-          end: segmentEndTime,
-          containsVideo: timeInfo.video && timeInfo.video.length === 2,
-          containsAudio: timeInfo.audio && timeInfo.audio.length === 2
-        };
-        return probedInfo;
-      }
-    }, {
-      key: 'timestampOffsetForTimeline',
-      value: function timestampOffsetForTimeline(timeline) {
-        if (typeof this.timelines[timeline] === 'undefined') {
-          return null;
-        }
-
-        return this.timelines[timeline].time;
-      }
-    }, {
-      key: 'mappingForTimeline',
-      value: function mappingForTimeline(timeline) {
-        if (typeof this.timelines[timeline] === 'undefined') {
-          return null;
-        }
-
-        return this.timelines[timeline].mapping;
-      }
-      /**
-       * Use the "media time" for a segment to generate a mapping to "display time" and
-       * save that display time to the segment.
-       *
-       * @private
-       * @param {SegmentInfo} segmentInfo
-       *        The current active request information
-       * @param {object} timingInfo
-       *        The start and end time of the current segment in "media time"
-       * @returns {Boolean}
-       *          Returns false if segment time mapping could not be calculated
-       */
-
-    }, {
-      key: 'calculateSegmentTimeMapping_',
-      value: function calculateSegmentTimeMapping_(segmentInfo, timingInfo) {
-        var segment = segmentInfo.segment;
-        var mappingObj = this.timelines[segmentInfo.timeline];
-
-        if (segmentInfo.timestampOffset !== null) {
-          mappingObj = {
-            time: segmentInfo.startOfSegment,
-            mapping: segmentInfo.startOfSegment - timingInfo.start
-          };
-          this.timelines[segmentInfo.timeline] = mappingObj;
-          this.trigger('timestampoffset');
-          this.logger_('time mapping for timeline ' + segmentInfo.timeline + ': ' + ('[time: ' + mappingObj.time + '] [mapping: ' + mappingObj.mapping + ']'));
-          segment.start = segmentInfo.startOfSegment;
-          segment.end = timingInfo.end + mappingObj.mapping;
-        } else if (mappingObj) {
-          segment.start = timingInfo.start + mappingObj.mapping;
-          segment.end = timingInfo.end + mappingObj.mapping;
-        } else {
-          return false;
-        }
-
-        return true;
-      }
-      /**
-       * Each time we have discontinuity in the playlist, attempt to calculate the location
-       * in display of the start of the discontinuity and save that. We also save an accuracy
-       * value so that we save values with the most accuracy (closest to 0.)
-       *
-       * @private
-       * @param {SegmentInfo} segmentInfo - The current active request information
-       */
-
-    }, {
-      key: 'saveDiscontinuitySyncInfo_',
-      value: function saveDiscontinuitySyncInfo_(segmentInfo) {
-        var playlist = segmentInfo.playlist;
-        var segment = segmentInfo.segment; // If the current segment is a discontinuity then we know exactly where
-        // the start of the range and it's accuracy is 0 (greater accuracy values
-        // mean more approximation)
-
-        if (segment.discontinuity) {
-          this.discontinuities[segment.timeline] = {
-            time: segment.start,
-            accuracy: 0
-          };
-        } else if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
-          // Search for future discontinuities that we can provide better timing
-          // information for and save that information for sync purposes
-          for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
-            var segmentIndex = playlist.discontinuityStarts[i];
-            var discontinuity = playlist.discontinuitySequence + i + 1;
-            var mediaIndexDiff = segmentIndex - segmentInfo.mediaIndex;
-            var accuracy = Math.abs(mediaIndexDiff);
-
-            if (!this.discontinuities[discontinuity] || this.discontinuities[discontinuity].accuracy > accuracy) {
-              var time = void 0;
-
-              if (mediaIndexDiff < 0) {
-                time = segment.start - sumDurations(playlist, segmentInfo.mediaIndex, segmentIndex);
-              } else {
-                time = segment.end + sumDurations(playlist, segmentInfo.mediaIndex + 1, segmentIndex);
-              }
-
-              this.discontinuities[discontinuity] = {
-                time: time,
-                accuracy: accuracy
-              };
-            }
-          }
-        }
-      }
-    }]);
-    return SyncController;
-  }(videojs$1.EventTarget);
-
-  var Decrypter$1 = new shimWorker("./decrypter-worker.worker.js", function (window, document$$1) {
-    var self = this;
-
-    var decrypterWorker = function () {
-      /*
-       * pkcs7.pad
-       * https://github.com/brightcove/pkcs7
-       *
-       * Copyright (c) 2014 Brightcove
-       * Licensed under the apache2 license.
-       */
-
-      /**
-       * Returns the subarray of a Uint8Array without PKCS#7 padding.
-       * @param padded {Uint8Array} unencrypted bytes that have been padded
-       * @return {Uint8Array} the unpadded bytes
-       * @see http://tools.ietf.org/html/rfc5652
-       */
-      function unpad(padded) {
-        return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
-      }
-
-      var classCallCheck = function classCallCheck(instance, Constructor) {
-        if (!(instance instanceof Constructor)) {
-          throw new TypeError("Cannot call a class as a function");
-        }
-      };
-
-      var createClass = function () {
-        function defineProperties(target, props) {
-          for (var i = 0; i < props.length; i++) {
-            var descriptor = props[i];
-            descriptor.enumerable = descriptor.enumerable || false;
-            descriptor.configurable = true;
-            if ("value" in descriptor) descriptor.writable = true;
-            Object.defineProperty(target, descriptor.key, descriptor);
-          }
-        }
-
-        return function (Constructor, protoProps, staticProps) {
-          if (protoProps) defineProperties(Constructor.prototype, protoProps);
-          if (staticProps) defineProperties(Constructor, staticProps);
-          return Constructor;
-        };
-      }();
-
-      var inherits = function inherits(subClass, superClass) {
-        if (typeof superClass !== "function" && superClass !== null) {
-          throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-        }
-
-        subClass.prototype = Object.create(superClass && superClass.prototype, {
-          constructor: {
-            value: subClass,
-            enumerable: false,
-            writable: true,
-            configurable: true
-          }
-        });
-        if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-      };
-
-      var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
-        if (!self) {
-          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
-
-        return call && (typeof call === "object" || typeof call === "function") ? call : self;
-      };
-      /**
-       * @file aes.js
-       *
-       * This file contains an adaptation of the AES decryption algorithm
-       * from the Standford Javascript Cryptography Library. That work is
-       * covered by the following copyright and permissions notice:
-       *
-       * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
-       * All rights reserved.
-       *
-       * Redistribution and use in source and binary forms, with or without
-       * modification, are permitted provided that the following conditions are
-       * met:
-       *
-       * 1. Redistributions of source code must retain the above copyright
-       *    notice, this list of conditions and the following disclaimer.
-       *
-       * 2. Redistributions in binary form must reproduce the above
-       *    copyright notice, this list of conditions and the following
-       *    disclaimer in the documentation and/or other materials provided
-       *    with the distribution.
-       *
-       * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``AS IS'' AND ANY EXPRESS OR
-       * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-       * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-       * DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR CONTRIBUTORS BE
-       * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-       * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-       * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
-       * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
-       * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
-       * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
-       * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-       *
-       * The views and conclusions contained in the software and documentation
-       * are those of the authors and should not be interpreted as representing
-       * official policies, either expressed or implied, of the authors.
-       */
-
-      /**
-       * Expand the S-box tables.
-       *
-       * @private
-       */
-
-
-      var precompute = function precompute() {
-        var tables = [[[], [], [], [], []], [[], [], [], [], []]];
-        var encTable = tables[0];
-        var decTable = tables[1];
-        var sbox = encTable[4];
-        var sboxInv = decTable[4];
-        var i = void 0;
-        var x = void 0;
-        var xInv = void 0;
-        var d = [];
-        var th = [];
-        var x2 = void 0;
-        var x4 = void 0;
-        var x8 = void 0;
-        var s = void 0;
-        var tEnc = void 0;
-        var tDec = void 0; // Compute double and third tables
-
-        for (i = 0; i < 256; i++) {
-          th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
-        }
-
-        for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
-          // Compute sbox
-          s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
-          s = s >> 8 ^ s & 255 ^ 99;
-          sbox[x] = s;
-          sboxInv[s] = x; // Compute MixColumns
-
-          x8 = d[x4 = d[x2 = d[x]]];
-          tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
-          tEnc = d[s] * 0x101 ^ s * 0x1010100;
-
-          for (i = 0; i < 4; i++) {
-            encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
-            decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
-          }
-        } // Compactify. Considerable speedup on Firefox.
-
-
-        for (i = 0; i < 5; i++) {
-          encTable[i] = encTable[i].slice(0);
-          decTable[i] = decTable[i].slice(0);
-        }
-
-        return tables;
-      };
-
-      var aesTables = null;
-      /**
-       * Schedule out an AES key for both encryption and decryption. This
-       * is a low-level class. Use a cipher mode to do bulk encryption.
-       *
-       * @class AES
-       * @param key {Array} The key as an array of 4, 6 or 8 words.
-       */
-
-      var AES = function () {
-        function AES(key) {
-          classCallCheck(this, AES);
-          /**
-           * The expanded S-box and inverse S-box tables. These will be computed
-           * on the client so that we don't have to send them down the wire.
-           *
-           * There are two tables, _tables[0] is for encryption and
-           * _tables[1] is for decryption.
-           *
-           * The first 4 sub-tables are the expanded S-box with MixColumns. The
-           * last (_tables[01][4]) is the S-box itself.
-           *
-           * @private
-           */
-          // if we have yet to precompute the S-box tables
-          // do so now
-
-          if (!aesTables) {
-            aesTables = precompute();
-          } // then make a copy of that object for use
-
-
-          this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
-          var i = void 0;
-          var j = void 0;
-          var tmp = void 0;
-          var encKey = void 0;
-          var decKey = void 0;
-          var sbox = this._tables[0][4];
-          var decTable = this._tables[1];
-          var keyLen = key.length;
-          var rcon = 1;
-
-          if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
-            throw new Error('Invalid aes key size');
-          }
-
-          encKey = key.slice(0);
-          decKey = [];
-          this._key = [encKey, decKey]; // schedule encryption keys
-
-          for (i = keyLen; i < 4 * keyLen + 28; i++) {
-            tmp = encKey[i - 1]; // apply sbox
-
-            if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
-              tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
-
-              if (i % keyLen === 0) {
-                tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
-                rcon = rcon << 1 ^ (rcon >> 7) * 283;
-              }
-            }
-
-            encKey[i] = encKey[i - keyLen] ^ tmp;
-          } // schedule decryption keys
-
-
-          for (j = 0; i; j++, i--) {
-            tmp = encKey[j & 3 ? i : i - 4];
-
-            if (i <= 4 || j < 4) {
-              decKey[j] = tmp;
-            } else {
-              decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
-            }
-          }
-        }
-        /**
-         * Decrypt 16 bytes, specified as four 32-bit words.
-         *
-         * @param {Number} encrypted0 the first word to decrypt
-         * @param {Number} encrypted1 the second word to decrypt
-         * @param {Number} encrypted2 the third word to decrypt
-         * @param {Number} encrypted3 the fourth word to decrypt
-         * @param {Int32Array} out the array to write the decrypted words
-         * into
-         * @param {Number} offset the offset into the output array to start
-         * writing results
-         * @return {Array} The plaintext.
-         */
-
-
-        AES.prototype.decrypt = function decrypt$$1(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
-          var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
-
-          var a = encrypted0 ^ key[0];
-          var b = encrypted3 ^ key[1];
-          var c = encrypted2 ^ key[2];
-          var d = encrypted1 ^ key[3];
-          var a2 = void 0;
-          var b2 = void 0;
-          var c2 = void 0; // key.length === 2 ?
-
-          var nInnerRounds = key.length / 4 - 2;
-          var i = void 0;
-          var kIndex = 4;
-          var table = this._tables[1]; // load up the tables
-
-          var table0 = table[0];
-          var table1 = table[1];
-          var table2 = table[2];
-          var table3 = table[3];
-          var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
-
-          for (i = 0; i < nInnerRounds; i++) {
-            a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
-            b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
-            c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
-            d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
-            kIndex += 4;
-            a = a2;
-            b = b2;
-            c = c2;
-          } // Last round.
-
-
-          for (i = 0; i < 4; i++) {
-            out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
-            a2 = a;
-            a = b;
-            b = c;
-            c = d;
-            d = a2;
-          }
-        };
-
-        return AES;
-      }();
-      /**
-       * @file stream.js
-       */
-
-      /**
-       * A lightweight readable stream implemention that handles event dispatching.
-       *
-       * @class Stream
-       */
-
-
-      var Stream = function () {
-        function Stream() {
-          classCallCheck(this, Stream);
-          this.listeners = {};
-        }
-        /**
-         * Add a listener for a specified event type.
-         *
-         * @param {String} type the event name
-         * @param {Function} listener the callback to be invoked when an event of
-         * the specified type occurs
-         */
-
-
-        Stream.prototype.on = function on(type, listener) {
-          if (!this.listeners[type]) {
-            this.listeners[type] = [];
-          }
-
-          this.listeners[type].push(listener);
-        };
-        /**
-         * Remove a listener for a specified event type.
-         *
-         * @param {String} type the event name
-         * @param {Function} listener  a function previously registered for this
-         * type of event through `on`
-         * @return {Boolean} if we could turn it off or not
-         */
-
-
-        Stream.prototype.off = function off(type, listener) {
-          if (!this.listeners[type]) {
-            return false;
-          }
-
-          var index = this.listeners[type].indexOf(listener);
-          this.listeners[type].splice(index, 1);
-          return index > -1;
-        };
-        /**
-         * Trigger an event of the specified type on this stream. Any additional
-         * arguments to this function are passed as parameters to event listeners.
-         *
-         * @param {String} type the event name
-         */
-
-
-        Stream.prototype.trigger = function trigger(type) {
-          var callbacks = this.listeners[type];
-
-          if (!callbacks) {
-            return;
-          } // Slicing the arguments on every invocation of this method
-          // can add a significant amount of overhead. Avoid the
-          // intermediate object creation for the common case of a
-          // single callback argument
-
-
-          if (arguments.length === 2) {
-            var length = callbacks.length;
-
-            for (var i = 0; i < length; ++i) {
-              callbacks[i].call(this, arguments[1]);
-            }
-          } else {
-            var args = Array.prototype.slice.call(arguments, 1);
-            var _length = callbacks.length;
-
-            for (var _i = 0; _i < _length; ++_i) {
-              callbacks[_i].apply(this, args);
-            }
-          }
-        };
-        /**
-         * Destroys the stream and cleans up.
-         */
-
-
-        Stream.prototype.dispose = function dispose() {
-          this.listeners = {};
-        };
-        /**
-         * Forwards all `data` events on this stream to the destination stream. The
-         * destination stream should provide a method `push` to receive the data
-         * events as they arrive.
-         *
-         * @param {Stream} destination the stream that will receive all `data` events
-         * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-         */
-
-
-        Stream.prototype.pipe = function pipe(destination) {
-          this.on('data', function (data) {
-            destination.push(data);
-          });
-        };
-
-        return Stream;
-      }();
-      /**
-       * @file async-stream.js
-       */
-
-      /**
-       * A wrapper around the Stream class to use setTiemout
-       * and run stream "jobs" Asynchronously
-       *
-       * @class AsyncStream
-       * @extends Stream
-       */
-
-
-      var AsyncStream$$1 = function (_Stream) {
-        inherits(AsyncStream$$1, _Stream);
-
-        function AsyncStream$$1() {
-          classCallCheck(this, AsyncStream$$1);
-
-          var _this = possibleConstructorReturn(this, _Stream.call(this, Stream));
-
-          _this.jobs = [];
-          _this.delay = 1;
-          _this.timeout_ = null;
-          return _this;
-        }
-        /**
-         * process an async job
-         *
-         * @private
-         */
-
-
-        AsyncStream$$1.prototype.processJob_ = function processJob_() {
-          this.jobs.shift()();
-
-          if (this.jobs.length) {
-            this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-          } else {
-            this.timeout_ = null;
-          }
-        };
-        /**
-         * push a job into the stream
-         *
-         * @param {Function} job the job to push into the stream
-         */
-
-
-        AsyncStream$$1.prototype.push = function push(job) {
-          this.jobs.push(job);
-
-          if (!this.timeout_) {
-            this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-          }
-        };
-
-        return AsyncStream$$1;
-      }(Stream);
-      /**
-       * @file decrypter.js
-       *
-       * An asynchronous implementation of AES-128 CBC decryption with
-       * PKCS#7 padding.
-       */
-
-      /**
-       * Convert network-order (big-endian) bytes into their little-endian
-       * representation.
-       */
-
-
-      var ntoh = function ntoh(word) {
-        return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
-      };
-      /**
-       * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
-       *
-       * @param {Uint8Array} encrypted the encrypted bytes
-       * @param {Uint32Array} key the bytes of the decryption key
-       * @param {Uint32Array} initVector the initialization vector (IV) to
-       * use for the first round of CBC.
-       * @return {Uint8Array} the decrypted bytes
-       *
-       * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
-       * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
-       * @see https://tools.ietf.org/html/rfc2315
-       */
-
-
-      var decrypt$$1 = function decrypt$$1(encrypted, key, initVector) {
-        // word-level access to the encrypted bytes
-        var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
-        var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
-
-        var decrypted = new Uint8Array(encrypted.byteLength);
-        var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
-        // decrypted data
-
-        var init0 = void 0;
-        var init1 = void 0;
-        var init2 = void 0;
-        var init3 = void 0;
-        var encrypted0 = void 0;
-        var encrypted1 = void 0;
-        var encrypted2 = void 0;
-        var encrypted3 = void 0; // iteration variable
-
-        var wordIx = void 0; // pull out the words of the IV to ensure we don't modify the
-        // passed-in reference and easier access
-
-        init0 = initVector[0];
-        init1 = initVector[1];
-        init2 = initVector[2];
-        init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
-        // to each decrypted block
-
-        for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
-          // convert big-endian (network order) words into little-endian
-          // (javascript order)
-          encrypted0 = ntoh(encrypted32[wordIx]);
-          encrypted1 = ntoh(encrypted32[wordIx + 1]);
-          encrypted2 = ntoh(encrypted32[wordIx + 2]);
-          encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
-
-          decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
-          // plaintext
-
-          decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
-          decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
-          decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
-          decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
-
-          init0 = encrypted0;
-          init1 = encrypted1;
-          init2 = encrypted2;
-          init3 = encrypted3;
-        }
-
-        return decrypted;
-      };
-      /**
-       * The `Decrypter` class that manages decryption of AES
-       * data through `AsyncStream` objects and the `decrypt`
-       * function
-       *
-       * @param {Uint8Array} encrypted the encrypted bytes
-       * @param {Uint32Array} key the bytes of the decryption key
-       * @param {Uint32Array} initVector the initialization vector (IV) to
-       * @param {Function} done the function to run when done
-       * @class Decrypter
-       */
-
-
-      var Decrypter$$1 = function () {
-        function Decrypter$$1(encrypted, key, initVector, done) {
-          classCallCheck(this, Decrypter$$1);
-          var step = Decrypter$$1.STEP;
-          var encrypted32 = new Int32Array(encrypted.buffer);
-          var decrypted = new Uint8Array(encrypted.byteLength);
-          var i = 0;
-          this.asyncStream_ = new AsyncStream$$1(); // split up the encryption job and do the individual chunks asynchronously
-
-          this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-
-          for (i = step; i < encrypted32.length; i += step) {
-            initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
-            this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-          } // invoke the done() callback when everything is finished
-
-
-          this.asyncStream_.push(function () {
-            // remove pkcs#7 padding from the decrypted bytes
-            done(null, unpad(decrypted));
-          });
-        }
-        /**
-         * a getter for step the maximum number of bytes to process at one time
-         *
-         * @return {Number} the value of step 32000
-         */
-
-        /**
-         * @private
-         */
-
-
-        Decrypter$$1.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
-          return function () {
-            var bytes = decrypt$$1(encrypted, key, initVector);
-            decrypted.set(bytes, encrypted.byteOffset);
-          };
-        };
-
-        createClass(Decrypter$$1, null, [{
-          key: 'STEP',
-          get: function get$$1() {
-            // 4 * 8000;
-            return 32000;
-          }
-        }]);
-        return Decrypter$$1;
-      }();
-      /**
-       * @file bin-utils.js
-       */
-
-      /**
-       * Creates an object for sending to a web worker modifying properties that are TypedArrays
-       * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
-       *
-       * @param {Object} message
-       *        Object of properties and values to send to the web worker
-       * @return {Object}
-       *         Modified message with TypedArray values expanded
-       * @function createTransferableMessage
-       */
-
-
-      var createTransferableMessage = function createTransferableMessage(message) {
-        var transferable = {};
-        Object.keys(message).forEach(function (key) {
-          var value = message[key];
-
-          if (ArrayBuffer.isView(value)) {
-            transferable[key] = {
-              bytes: value.buffer,
-              byteOffset: value.byteOffset,
-              byteLength: value.byteLength
-            };
-          } else {
-            transferable[key] = value;
-          }
-        });
-        return transferable;
-      };
-      /**
-       * Our web worker interface so that things can talk to aes-decrypter
-       * that will be running in a web worker. the scope is passed to this by
-       * webworkify.
-       *
-       * @param {Object} self
-       *        the scope for the web worker
-       */
-
-
-      var DecrypterWorker = function DecrypterWorker(self) {
-        self.onmessage = function (event) {
-          var data = event.data;
-          var encrypted = new Uint8Array(data.encrypted.bytes, data.encrypted.byteOffset, data.encrypted.byteLength);
-          var key = new Uint32Array(data.key.bytes, data.key.byteOffset, data.key.byteLength / 4);
-          var iv = new Uint32Array(data.iv.bytes, data.iv.byteOffset, data.iv.byteLength / 4);
-          /* eslint-disable no-new, handle-callback-err */
-
-          new Decrypter$$1(encrypted, key, iv, function (err, bytes) {
-            self.postMessage(createTransferableMessage({
-              source: data.source,
-              decrypted: bytes
-            }), [bytes.buffer]);
-          });
-          /* eslint-enable */
-        };
-      };
-
-      var decrypterWorker = new DecrypterWorker(self);
-      return decrypterWorker;
-    }();
-  });
-  /**
-   * Convert the properties of an HLS track into an audioTrackKind.
-   *
-   * @private
-   */
-
-  var audioTrackKind_ = function audioTrackKind_(properties) {
-    var kind = properties["default"] ? 'main' : 'alternative';
-
-    if (properties.characteristics && properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {
-      kind = 'main-desc';
-    }
-
-    return kind;
-  };
-  /**
-   * Pause provided segment loader and playlist loader if active
-   *
-   * @param {SegmentLoader} segmentLoader
-   *        SegmentLoader to pause
-   * @param {Object} mediaType
-   *        Active media type
-   * @function stopLoaders
-   */
-
-
-  var stopLoaders = function stopLoaders(segmentLoader, mediaType) {
-    segmentLoader.abort();
-    segmentLoader.pause();
-
-    if (mediaType && mediaType.activePlaylistLoader) {
-      mediaType.activePlaylistLoader.pause();
-      mediaType.activePlaylistLoader = null;
-    }
-  };
-  /**
-   * Start loading provided segment loader and playlist loader
-   *
-   * @param {PlaylistLoader} playlistLoader
-   *        PlaylistLoader to start loading
-   * @param {Object} mediaType
-   *        Active media type
-   * @function startLoaders
-   */
-
-
-  var startLoaders = function startLoaders(playlistLoader, mediaType) {
-    // Segment loader will be started after `loadedmetadata` or `loadedplaylist` from the
-    // playlist loader
-    mediaType.activePlaylistLoader = playlistLoader;
-    playlistLoader.load();
-  };
-  /**
-   * Returns a function to be called when the media group changes. It performs a
-   * non-destructive (preserve the buffer) resync of the SegmentLoader. This is because a
-   * change of group is merely a rendition switch of the same content at another encoding,
-   * rather than a change of content, such as switching audio from English to Spanish.
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Handler for a non-destructive resync of SegmentLoader when the active media
-   *         group changes.
-   * @function onGroupChanged
-   */
-
-
-  var onGroupChanged = function onGroupChanged(type, settings) {
-    return function () {
-      var _settings$segmentLoad = settings.segmentLoaders,
-          segmentLoader = _settings$segmentLoad[type],
-          mainSegmentLoader = _settings$segmentLoad.main,
-          mediaType = settings.mediaTypes[type];
-      var activeTrack = mediaType.activeTrack();
-      var activeGroup = mediaType.activeGroup(activeTrack);
-      var previousActiveLoader = mediaType.activePlaylistLoader;
-      stopLoaders(segmentLoader, mediaType);
-
-      if (!activeGroup) {
-        // there is no group active
-        return;
-      }
-
-      if (!activeGroup.playlistLoader) {
-        if (previousActiveLoader) {
-          // The previous group had a playlist loader but the new active group does not
-          // this means we are switching from demuxed to muxed audio. In this case we want to
-          // do a destructive reset of the main segment loader and not restart the audio
-          // loaders.
-          mainSegmentLoader.resetEverything();
-        }
-
-        return;
-      } // Non-destructive resync
-
-
-      segmentLoader.resyncLoader();
-      startLoaders(activeGroup.playlistLoader, mediaType);
-    };
-  };
-  /**
-   * Returns a function to be called when the media track changes. It performs a
-   * destructive reset of the SegmentLoader to ensure we start loading as close to
-   * currentTime as possible.
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Handler for a destructive reset of SegmentLoader when the active media
-   *         track changes.
-   * @function onTrackChanged
-   */
-
-
-  var onTrackChanged = function onTrackChanged(type, settings) {
-    return function () {
-      var _settings$segmentLoad2 = settings.segmentLoaders,
-          segmentLoader = _settings$segmentLoad2[type],
-          mainSegmentLoader = _settings$segmentLoad2.main,
-          mediaType = settings.mediaTypes[type];
-      var activeTrack = mediaType.activeTrack();
-      var activeGroup = mediaType.activeGroup(activeTrack);
-      var previousActiveLoader = mediaType.activePlaylistLoader;
-      stopLoaders(segmentLoader, mediaType);
-
-      if (!activeGroup) {
-        // there is no group active so we do not want to restart loaders
-        return;
-      }
-
-      if (!activeGroup.playlistLoader) {
-        // when switching from demuxed audio/video to muxed audio/video (noted by no playlist
-        // loader for the audio group), we want to do a destructive reset of the main segment
-        // loader and not restart the audio loaders
-        mainSegmentLoader.resetEverything();
-        return;
-      }
-
-      if (previousActiveLoader === activeGroup.playlistLoader) {
-        // Nothing has actually changed. This can happen because track change events can fire
-        // multiple times for a "single" change. One for enabling the new active track, and
-        // one for disabling the track that was active
-        startLoaders(activeGroup.playlistLoader, mediaType);
-        return;
-      }
-
-      if (segmentLoader.track) {
-        // For WebVTT, set the new text track in the segmentloader
-        segmentLoader.track(activeTrack);
-      } // destructive reset
-
-
-      segmentLoader.resetEverything();
-      startLoaders(activeGroup.playlistLoader, mediaType);
-    };
-  };
-
-  var onError = {
-    /**
-     * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
-     * an error.
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @return {Function}
-     *         Error handler. Logs warning (or error if the playlist is blacklisted) to
-     *         console and switches back to default audio track.
-     * @function onError.AUDIO
-     */
-    AUDIO: function AUDIO(type, settings) {
-      return function () {
-        var segmentLoader = settings.segmentLoaders[type],
-            mediaType = settings.mediaTypes[type],
-            blacklistCurrentPlaylist = settings.blacklistCurrentPlaylist;
-        stopLoaders(segmentLoader, mediaType); // switch back to default audio track
-
-        var activeTrack = mediaType.activeTrack();
-        var activeGroup = mediaType.activeGroup();
-        var id = (activeGroup.filter(function (group) {
-          return group["default"];
-        })[0] || activeGroup[0]).id;
-        var defaultTrack = mediaType.tracks[id];
-
-        if (activeTrack === defaultTrack) {
-          // Default track encountered an error. All we can do now is blacklist the current
-          // rendition and hope another will switch audio groups
-          blacklistCurrentPlaylist({
-            message: 'Problem encountered loading the default audio track.'
-          });
-          return;
-        }
-
-        videojs$1.log.warn('Problem encountered loading the alternate audio track.' + 'Switching back to default.');
-
-        for (var trackId in mediaType.tracks) {
-          mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;
-        }
-
-        mediaType.onTrackChanged();
-      };
-    },
-
-    /**
-     * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
-     * an error.
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @return {Function}
-     *         Error handler. Logs warning to console and disables the active subtitle track
-     * @function onError.SUBTITLES
-     */
-    SUBTITLES: function SUBTITLES(type, settings) {
-      return function () {
-        var segmentLoader = settings.segmentLoaders[type],
-            mediaType = settings.mediaTypes[type];
-        videojs$1.log.warn('Problem encountered loading the subtitle track.' + 'Disabling subtitle track.');
-        stopLoaders(segmentLoader, mediaType);
-        var track = mediaType.activeTrack();
-
-        if (track) {
-          track.mode = 'disabled';
-        }
-
-        mediaType.onTrackChanged();
-      };
-    }
-  };
-  var setupListeners = {
-    /**
-     * Setup event listeners for audio playlist loader
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {PlaylistLoader|null} playlistLoader
-     *        PlaylistLoader to register listeners on
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function setupListeners.AUDIO
-     */
-    AUDIO: function AUDIO(type, playlistLoader, settings) {
-      if (!playlistLoader) {
-        // no playlist loader means audio will be muxed with the video
-        return;
-      }
-
-      var tech = settings.tech,
-          requestOptions = settings.requestOptions,
-          segmentLoader = settings.segmentLoaders[type];
-      playlistLoader.on('loadedmetadata', function () {
-        var media = playlistLoader.media();
-        segmentLoader.playlist(media, requestOptions); // if the video is already playing, or if this isn't a live video and preload
-        // permits, start downloading segments
-
-        if (!tech.paused() || media.endList && tech.preload() !== 'none') {
-          segmentLoader.load();
-        }
-      });
-      playlistLoader.on('loadedplaylist', function () {
-        segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
-        if (!tech.paused()) {
-          segmentLoader.load();
-        }
-      });
-      playlistLoader.on('error', onError[type](type, settings));
-    },
-
-    /**
-     * Setup event listeners for subtitle playlist loader
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {PlaylistLoader|null} playlistLoader
-     *        PlaylistLoader to register listeners on
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function setupListeners.SUBTITLES
-     */
-    SUBTITLES: function SUBTITLES(type, playlistLoader, settings) {
-      var tech = settings.tech,
-          requestOptions = settings.requestOptions,
-          segmentLoader = settings.segmentLoaders[type],
-          mediaType = settings.mediaTypes[type];
-      playlistLoader.on('loadedmetadata', function () {
-        var media = playlistLoader.media();
-        segmentLoader.playlist(media, requestOptions);
-        segmentLoader.track(mediaType.activeTrack()); // if the video is already playing, or if this isn't a live video and preload
-        // permits, start downloading segments
-
-        if (!tech.paused() || media.endList && tech.preload() !== 'none') {
-          segmentLoader.load();
-        }
-      });
-      playlistLoader.on('loadedplaylist', function () {
-        segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
-        if (!tech.paused()) {
-          segmentLoader.load();
-        }
-      });
-      playlistLoader.on('error', onError[type](type, settings));
-    }
-  };
-  var initialize = {
-    /**
-     * Setup PlaylistLoaders and AudioTracks for the audio groups
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function initialize.AUDIO
-     */
-    'AUDIO': function AUDIO(type, settings) {
-      var hls = settings.hls,
-          sourceType = settings.sourceType,
-          segmentLoader = settings.segmentLoaders[type],
-          requestOptions = settings.requestOptions,
-          mediaGroups = settings.master.mediaGroups,
-          _settings$mediaTypes$ = settings.mediaTypes[type],
-          groups = _settings$mediaTypes$.groups,
-          tracks = _settings$mediaTypes$.tracks,
-          masterPlaylistLoader = settings.masterPlaylistLoader; // force a default if we have none
-
-      if (!mediaGroups[type] || Object.keys(mediaGroups[type]).length === 0) {
-        mediaGroups[type] = {
-          main: {
-            "default": {
-              "default": true
-            }
-          }
-        };
-      }
-
-      for (var groupId in mediaGroups[type]) {
-        if (!groups[groupId]) {
-          groups[groupId] = [];
-        } // List of playlists that have an AUDIO attribute value matching the current
-        // group ID
-
-
-        for (var variantLabel in mediaGroups[type][groupId]) {
-          var properties = mediaGroups[type][groupId][variantLabel];
-          var playlistLoader = void 0;
-
-          if (properties.resolvedUri) {
-            playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
-          } else if (properties.playlists && sourceType === 'dash') {
-            playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
-          } else {
-            // no resolvedUri means the audio is muxed with the video when using this
-            // audio track
-            playlistLoader = null;
-          }
-
-          properties = videojs$1.mergeOptions({
-            id: variantLabel,
-            playlistLoader: playlistLoader
-          }, properties);
-          setupListeners[type](type, properties.playlistLoader, settings);
-          groups[groupId].push(properties);
-
-          if (typeof tracks[variantLabel] === 'undefined') {
-            var track = new videojs$1.AudioTrack({
-              id: variantLabel,
-              kind: audioTrackKind_(properties),
-              enabled: false,
-              language: properties.language,
-              "default": properties["default"],
-              label: variantLabel
-            });
-            tracks[variantLabel] = track;
-          }
-        }
-      } // setup single error event handler for the segment loader
-
-
-      segmentLoader.on('error', onError[type](type, settings));
-    },
-
-    /**
-     * Setup PlaylistLoaders and TextTracks for the subtitle groups
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function initialize.SUBTITLES
-     */
-    'SUBTITLES': function SUBTITLES(type, settings) {
-      var tech = settings.tech,
-          hls = settings.hls,
-          sourceType = settings.sourceType,
-          segmentLoader = settings.segmentLoaders[type],
-          requestOptions = settings.requestOptions,
-          mediaGroups = settings.master.mediaGroups,
-          _settings$mediaTypes$2 = settings.mediaTypes[type],
-          groups = _settings$mediaTypes$2.groups,
-          tracks = _settings$mediaTypes$2.tracks,
-          masterPlaylistLoader = settings.masterPlaylistLoader;
-
-      for (var groupId in mediaGroups[type]) {
-        if (!groups[groupId]) {
-          groups[groupId] = [];
-        }
-
-        for (var variantLabel in mediaGroups[type][groupId]) {
-          if (mediaGroups[type][groupId][variantLabel].forced) {
-            // Subtitle playlists with the forced attribute are not selectable in Safari.
-            // According to Apple's HLS Authoring Specification:
-            //   If content has forced subtitles and regular subtitles in a given language,
-            //   the regular subtitles track in that language MUST contain both the forced
-            //   subtitles and the regular subtitles for that language.
-            // Because of this requirement and that Safari does not add forced subtitles,
-            // forced subtitles are skipped here to maintain consistent experience across
-            // all platforms
-            continue;
-          }
-
-          var properties = mediaGroups[type][groupId][variantLabel];
-          var playlistLoader = void 0;
-
-          if (sourceType === 'hls') {
-            playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
-          } else if (sourceType === 'dash') {
-            playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
-          }
-
-          properties = videojs$1.mergeOptions({
-            id: variantLabel,
-            playlistLoader: playlistLoader
-          }, properties);
-          setupListeners[type](type, properties.playlistLoader, settings);
-          groups[groupId].push(properties);
-
-          if (typeof tracks[variantLabel] === 'undefined') {
-            var track = tech.addRemoteTextTrack({
-              id: variantLabel,
-              kind: 'subtitles',
-              "default": properties["default"] && properties.autoselect,
-              language: properties.language,
-              label: variantLabel
-            }, false).track;
-            tracks[variantLabel] = track;
-          }
-        }
-      } // setup single error event handler for the segment loader
-
-
-      segmentLoader.on('error', onError[type](type, settings));
-    },
-
-    /**
-     * Setup TextTracks for the closed-caption groups
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function initialize['CLOSED-CAPTIONS']
-     */
-    'CLOSED-CAPTIONS': function CLOSEDCAPTIONS(type, settings) {
-      var tech = settings.tech,
-          mediaGroups = settings.master.mediaGroups,
-          _settings$mediaTypes$3 = settings.mediaTypes[type],
-          groups = _settings$mediaTypes$3.groups,
-          tracks = _settings$mediaTypes$3.tracks;
-
-      for (var groupId in mediaGroups[type]) {
-        if (!groups[groupId]) {
-          groups[groupId] = [];
-        }
-
-        for (var variantLabel in mediaGroups[type][groupId]) {
-          var properties = mediaGroups[type][groupId][variantLabel]; // We only support CEA608 captions for now, so ignore anything that
-          // doesn't use a CCx INSTREAM-ID
-
-          if (!properties.instreamId.match(/CC\d/)) {
-            continue;
-          } // No PlaylistLoader is required for Closed-Captions because the captions are
-          // embedded within the video stream
-
-
-          groups[groupId].push(videojs$1.mergeOptions({
-            id: variantLabel
-          }, properties));
-
-          if (typeof tracks[variantLabel] === 'undefined') {
-            var track = tech.addRemoteTextTrack({
-              id: properties.instreamId,
-              kind: 'captions',
-              "default": properties["default"] && properties.autoselect,
-              language: properties.language,
-              label: variantLabel
-            }, false).track;
-            tracks[variantLabel] = track;
-          }
-        }
-      }
-    }
-  };
-  /**
-   * Returns a function used to get the active group of the provided type
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Function that returns the active media group for the provided type. Takes an
-   *         optional parameter {TextTrack} track. If no track is provided, a list of all
-   *         variants in the group, otherwise the variant corresponding to the provided
-   *         track is returned.
-   * @function activeGroup
-   */
-
-  var activeGroup = function activeGroup(type, settings) {
-    return function (track) {
-      var masterPlaylistLoader = settings.masterPlaylistLoader,
-          groups = settings.mediaTypes[type].groups;
-      var media = masterPlaylistLoader.media();
-
-      if (!media) {
-        return null;
-      }
-
-      var variants = null;
-
-      if (media.attributes[type]) {
-        variants = groups[media.attributes[type]];
-      }
-
-      variants = variants || groups.main;
-
-      if (typeof track === 'undefined') {
-        return variants;
-      }
-
-      if (track === null) {
-        // An active track was specified so a corresponding group is expected. track === null
-        // means no track is currently active so there is no corresponding group
-        return null;
-      }
-
-      return variants.filter(function (props) {
-        return props.id === track.id;
-      })[0] || null;
-    };
-  };
-
-  var activeTrack = {
-    /**
-     * Returns a function used to get the active track of type provided
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @return {Function}
-     *         Function that returns the active media track for the provided type. Returns
-     *         null if no track is active
-     * @function activeTrack.AUDIO
-     */
-    AUDIO: function AUDIO(type, settings) {
-      return function () {
-        var tracks = settings.mediaTypes[type].tracks;
-
-        for (var id in tracks) {
-          if (tracks[id].enabled) {
-            return tracks[id];
-          }
-        }
-
-        return null;
-      };
-    },
-
-    /**
-     * Returns a function used to get the active track of type provided
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @return {Function}
-     *         Function that returns the active media track for the provided type. Returns
-     *         null if no track is active
-     * @function activeTrack.SUBTITLES
-     */
-    SUBTITLES: function SUBTITLES(type, settings) {
-      return function () {
-        var tracks = settings.mediaTypes[type].tracks;
-
-        for (var id in tracks) {
-          if (tracks[id].mode === 'showing') {
-            return tracks[id];
-          }
-        }
-
-        return null;
-      };
-    }
-  };
-  /**
-   * Setup PlaylistLoaders and Tracks for media groups (Audio, Subtitles,
-   * Closed-Captions) specified in the master manifest.
-   *
-   * @param {Object} settings
-   *        Object containing required information for setting up the media groups
-   * @param {SegmentLoader} settings.segmentLoaders.AUDIO
-   *        Audio segment loader
-   * @param {SegmentLoader} settings.segmentLoaders.SUBTITLES
-   *        Subtitle segment loader
-   * @param {SegmentLoader} settings.segmentLoaders.main
-   *        Main segment loader
-   * @param {Tech} settings.tech
-   *        The tech of the player
-   * @param {Object} settings.requestOptions
-   *        XHR request options used by the segment loaders
-   * @param {PlaylistLoader} settings.masterPlaylistLoader
-   *        PlaylistLoader for the master source
-   * @param {HlsHandler} settings.hls
-   *        HLS SourceHandler
-   * @param {Object} settings.master
-   *        The parsed master manifest
-   * @param {Object} settings.mediaTypes
-   *        Object to store the loaders, tracks, and utility methods for each media type
-   * @param {Function} settings.blacklistCurrentPlaylist
-   *        Blacklists the current rendition and forces a rendition switch.
-   * @function setupMediaGroups
-   */
-
-  var setupMediaGroups = function setupMediaGroups(settings) {
-    ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
-      initialize[type](type, settings);
-    });
-    var mediaTypes = settings.mediaTypes,
-        masterPlaylistLoader = settings.masterPlaylistLoader,
-        tech = settings.tech,
-        hls = settings.hls; // setup active group and track getters and change event handlers
-
-    ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-      mediaTypes[type].activeGroup = activeGroup(type, settings);
-      mediaTypes[type].activeTrack = activeTrack[type](type, settings);
-      mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);
-      mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);
-    }); // DO NOT enable the default subtitle or caption track.
-    // DO enable the default audio track
-
-    var audioGroup = mediaTypes.AUDIO.activeGroup();
-    var groupId = (audioGroup.filter(function (group) {
-      return group["default"];
-    })[0] || audioGroup[0]).id;
-    mediaTypes.AUDIO.tracks[groupId].enabled = true;
-    mediaTypes.AUDIO.onTrackChanged();
-    masterPlaylistLoader.on('mediachange', function () {
-      ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-        return mediaTypes[type].onGroupChanged();
-      });
-    }); // custom audio track change event handler for usage event
-
-    var onAudioTrackChanged = function onAudioTrackChanged() {
-      mediaTypes.AUDIO.onTrackChanged();
-      tech.trigger({
-        type: 'usage',
-        name: 'hls-audio-change'
-      });
-    };
-
-    tech.audioTracks().addEventListener('change', onAudioTrackChanged);
-    tech.remoteTextTracks().addEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
-    hls.on('dispose', function () {
-      tech.audioTracks().removeEventListener('change', onAudioTrackChanged);
-      tech.remoteTextTracks().removeEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
-    }); // clear existing audio tracks and add the ones we just created
-
-    tech.clearTracks('audio');
-
-    for (var id in mediaTypes.AUDIO.tracks) {
-      tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);
-    }
-  };
-  /**
-   * Creates skeleton object used to store the loaders, tracks, and utility methods for each
-   * media type
-   *
-   * @return {Object}
-   *         Object to store the loaders, tracks, and utility methods for each media type
-   * @function createMediaTypes
-   */
-
-
-  var createMediaTypes = function createMediaTypes() {
-    var mediaTypes = {};
-    ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
-      mediaTypes[type] = {
-        groups: {},
-        tracks: {},
-        activePlaylistLoader: null,
-        activeGroup: noop$1,
-        activeTrack: noop$1,
-        onGroupChanged: noop$1,
-        onTrackChanged: noop$1
-      };
-    });
-    return mediaTypes;
-  };
-  /**
-   * @file master-playlist-controller.js
-   */
-
-
-  var ABORT_EARLY_BLACKLIST_SECONDS = 60 * 2;
-  var Hls = void 0; // SegmentLoader stats that need to have each loader's
-  // values summed to calculate the final value
-
-  var loaderStats = ['mediaRequests', 'mediaRequestsAborted', 'mediaRequestsTimedout', 'mediaRequestsErrored', 'mediaTransferDuration', 'mediaBytesTransferred'];
-
-  var sumLoaderStat = function sumLoaderStat(stat) {
-    return this.audioSegmentLoader_[stat] + this.mainSegmentLoader_[stat];
-  };
-  /**
-   * the master playlist controller controller all interactons
-   * between playlists and segmentloaders. At this time this mainly
-   * involves a master playlist and a series of audio playlists
-   * if they are available
-   *
-   * @class MasterPlaylistController
-   * @extends videojs.EventTarget
-   */
-
-
-  var MasterPlaylistController = function (_videojs$EventTarget) {
-    inherits$2(MasterPlaylistController, _videojs$EventTarget);
-
-    function MasterPlaylistController(options) {
-      classCallCheck$1(this, MasterPlaylistController);
-
-      var _this = possibleConstructorReturn$1(this, (MasterPlaylistController.__proto__ || Object.getPrototypeOf(MasterPlaylistController)).call(this));
-
-      var url = options.url,
-          handleManifestRedirects = options.handleManifestRedirects,
-          withCredentials = options.withCredentials,
-          tech = options.tech,
-          bandwidth = options.bandwidth,
-          externHls = options.externHls,
-          useCueTags = options.useCueTags,
-          blacklistDuration = options.blacklistDuration,
-          enableLowInitialPlaylist = options.enableLowInitialPlaylist,
-          sourceType = options.sourceType,
-          seekTo = options.seekTo,
-          cacheEncryptionKeys = options.cacheEncryptionKeys;
-
-      if (!url) {
-        throw new Error('A non-empty playlist URL is required');
-      }
-
-      Hls = externHls;
-      _this.withCredentials = withCredentials;
-      _this.tech_ = tech;
-      _this.hls_ = tech.hls;
-      _this.seekTo_ = seekTo;
-      _this.sourceType_ = sourceType;
-      _this.useCueTags_ = useCueTags;
-      _this.blacklistDuration = blacklistDuration;
-      _this.enableLowInitialPlaylist = enableLowInitialPlaylist;
-
-      if (_this.useCueTags_) {
-        _this.cueTagsTrack_ = _this.tech_.addTextTrack('metadata', 'ad-cues');
-        _this.cueTagsTrack_.inBandMetadataTrackDispatchType = '';
-      }
-
-      _this.requestOptions_ = {
-        withCredentials: withCredentials,
-        handleManifestRedirects: handleManifestRedirects,
-        timeout: null
-      };
-      _this.mediaTypes_ = createMediaTypes();
-      _this.mediaSource = new videojs$1.MediaSource(); // load the media source into the player
-
-      _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_.bind(_this));
-
-      _this.seekable_ = videojs$1.createTimeRanges();
-
-      _this.hasPlayed_ = function () {
-        return false;
-      };
-
-      _this.syncController_ = new SyncController(options);
-      _this.segmentMetadataTrack_ = tech.addRemoteTextTrack({
-        kind: 'metadata',
-        label: 'segment-metadata'
-      }, false).track;
-      _this.decrypter_ = new Decrypter$1();
-      _this.inbandTextTracks_ = {};
-      var segmentLoaderSettings = {
-        hls: _this.hls_,
-        mediaSource: _this.mediaSource,
-        currentTime: _this.tech_.currentTime.bind(_this.tech_),
-        seekable: function seekable$$1() {
-          return _this.seekable();
-        },
-        seeking: function seeking() {
-          return _this.tech_.seeking();
-        },
-        duration: function duration$$1() {
-          return _this.mediaSource.duration;
-        },
-        hasPlayed: function hasPlayed() {
-          return _this.hasPlayed_();
-        },
-        goalBufferLength: function goalBufferLength() {
-          return _this.goalBufferLength();
-        },
-        bandwidth: bandwidth,
-        syncController: _this.syncController_,
-        decrypter: _this.decrypter_,
-        sourceType: _this.sourceType_,
-        inbandTextTracks: _this.inbandTextTracks_,
-        cacheEncryptionKeys: cacheEncryptionKeys
-      };
-      _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(url, _this.hls_, _this.requestOptions_) : new PlaylistLoader(url, _this.hls_, _this.requestOptions_);
-
-      _this.setupMasterPlaylistLoaderListeners_(); // setup segment loaders
-      // combined audio/video or just video when alternate audio track is selected
-
-
-      _this.mainSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-        segmentMetadataTrack: _this.segmentMetadataTrack_,
-        loaderType: 'main'
-      }), options); // alternate audio track
-
-      _this.audioSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-        loaderType: 'audio'
-      }), options);
-      _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-        loaderType: 'vtt'
-      }), options);
-
-      _this.setupSegmentLoaderListeners_(); // Create SegmentLoader stat-getters
-
-
-      loaderStats.forEach(function (stat) {
-        _this[stat + '_'] = sumLoaderStat.bind(_this, stat);
-      });
-      _this.logger_ = logger('MPC');
-
-      _this.masterPlaylistLoader_.load();
-
-      return _this;
-    }
-    /**
-     * Register event handlers on the master playlist loader. A helper
-     * function for construction time.
-     *
-     * @private
-     */
-
-
-    createClass$1(MasterPlaylistController, [{
-      key: 'setupMasterPlaylistLoaderListeners_',
-      value: function setupMasterPlaylistLoaderListeners_() {
-        var _this2 = this;
-
-        this.masterPlaylistLoader_.on('loadedmetadata', function () {
-          var media = _this2.masterPlaylistLoader_.media();
-
-          var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
-          // timeout the request.
-
-          if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
-            _this2.requestOptions_.timeout = 0;
-          } else {
-            _this2.requestOptions_.timeout = requestTimeout;
-          } // if this isn't a live video and preload permits, start
-          // downloading segments
-
-
-          if (media.endList && _this2.tech_.preload() !== 'none') {
-            _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
-
-            _this2.mainSegmentLoader_.load();
-          }
-
-          setupMediaGroups({
-            sourceType: _this2.sourceType_,
-            segmentLoaders: {
-              AUDIO: _this2.audioSegmentLoader_,
-              SUBTITLES: _this2.subtitleSegmentLoader_,
-              main: _this2.mainSegmentLoader_
-            },
-            tech: _this2.tech_,
-            requestOptions: _this2.requestOptions_,
-            masterPlaylistLoader: _this2.masterPlaylistLoader_,
-            hls: _this2.hls_,
-            master: _this2.master(),
-            mediaTypes: _this2.mediaTypes_,
-            blacklistCurrentPlaylist: _this2.blacklistCurrentPlaylist.bind(_this2)
-          });
-
-          _this2.triggerPresenceUsage_(_this2.master(), media);
-
-          try {
-            _this2.setupSourceBuffers_();
-          } catch (e) {
-            videojs$1.log.warn('Failed to create SourceBuffers', e);
-            return _this2.mediaSource.endOfStream('decode');
-          }
-
-          _this2.setupFirstPlay();
-
-          if (!_this2.mediaTypes_.AUDIO.activePlaylistLoader || _this2.mediaTypes_.AUDIO.activePlaylistLoader.media()) {
-            _this2.trigger('selectedinitialmedia');
-          } else {
-            // We must wait for the active audio playlist loader to
-            // finish setting up before triggering this event so the
-            // representations API and EME setup is correct
-            _this2.mediaTypes_.AUDIO.activePlaylistLoader.one('loadedmetadata', function () {
-              _this2.trigger('selectedinitialmedia');
-            });
-          }
-        });
-        this.masterPlaylistLoader_.on('loadedplaylist', function () {
-          var updatedPlaylist = _this2.masterPlaylistLoader_.media();
-
-          if (!updatedPlaylist) {
-            // blacklist any variants that are not supported by the browser before selecting
-            // an initial media as the playlist selectors do not consider browser support
-            _this2.excludeUnsupportedVariants_();
-
-            var selectedMedia = void 0;
-
-            if (_this2.enableLowInitialPlaylist) {
-              selectedMedia = _this2.selectInitialPlaylist();
-            }
-
-            if (!selectedMedia) {
-              selectedMedia = _this2.selectPlaylist();
-            }
-
-            _this2.initialMedia_ = selectedMedia;
-
-            _this2.masterPlaylistLoader_.media(_this2.initialMedia_);
-
-            return;
-          }
-
-          if (_this2.useCueTags_) {
-            _this2.updateAdCues_(updatedPlaylist);
-          } // TODO: Create a new event on the PlaylistLoader that signals
-          // that the segments have changed in some way and use that to
-          // update the SegmentLoader instead of doing it twice here and
-          // on `mediachange`
-
-
-          _this2.mainSegmentLoader_.playlist(updatedPlaylist, _this2.requestOptions_);
-
-          _this2.updateDuration(); // If the player isn't paused, ensure that the segment loader is running,
-          // as it is possible that it was temporarily stopped while waiting for
-          // a playlist (e.g., in case the playlist errored and we re-requested it).
-
-
-          if (!_this2.tech_.paused()) {
-            _this2.mainSegmentLoader_.load();
-
-            if (_this2.audioSegmentLoader_) {
-              _this2.audioSegmentLoader_.load();
-            }
-          }
-
-          if (!updatedPlaylist.endList) {
-            var addSeekableRange = function addSeekableRange() {
-              var seekable$$1 = _this2.seekable();
-
-              if (seekable$$1.length !== 0) {
-                _this2.mediaSource.addSeekableRange_(seekable$$1.start(0), seekable$$1.end(0));
-              }
-            };
-
-            if (_this2.duration() !== Infinity) {
-              var onDurationchange = function onDurationchange() {
-                if (_this2.duration() === Infinity) {
-                  addSeekableRange();
-                } else {
-                  _this2.tech_.one('durationchange', onDurationchange);
-                }
-              };
-
-              _this2.tech_.one('durationchange', onDurationchange);
-            } else {
-              addSeekableRange();
-            }
-          }
-        });
-        this.masterPlaylistLoader_.on('error', function () {
-          _this2.blacklistCurrentPlaylist(_this2.masterPlaylistLoader_.error);
-        });
-        this.masterPlaylistLoader_.on('mediachanging', function () {
-          _this2.mainSegmentLoader_.abort();
-
-          _this2.mainSegmentLoader_.pause();
-        });
-        this.masterPlaylistLoader_.on('mediachange', function () {
-          var media = _this2.masterPlaylistLoader_.media();
-
-          var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
-          // timeout the request.
-
-          if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
-            _this2.requestOptions_.timeout = 0;
-          } else {
-            _this2.requestOptions_.timeout = requestTimeout;
-          } // TODO: Create a new event on the PlaylistLoader that signals
-          // that the segments have changed in some way and use that to
-          // update the SegmentLoader instead of doing it twice here and
-          // on `loadedplaylist`
-
-
-          _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
-
-          _this2.mainSegmentLoader_.load();
-
-          _this2.tech_.trigger({
-            type: 'mediachange',
-            bubbles: true
-          });
-        });
-        this.masterPlaylistLoader_.on('playlistunchanged', function () {
-          var updatedPlaylist = _this2.masterPlaylistLoader_.media();
-
-          var playlistOutdated = _this2.stuckAtPlaylistEnd_(updatedPlaylist);
-
-          if (playlistOutdated) {
-            // Playlist has stopped updating and we're stuck at its end. Try to
-            // blacklist it and switch to another playlist in the hope that that
-            // one is updating (and give the player a chance to re-adjust to the
-            // safe live point).
-            _this2.blacklistCurrentPlaylist({
-              message: 'Playlist no longer updating.'
-            }); // useful for monitoring QoS
-
-
-            _this2.tech_.trigger('playliststuck');
-          }
-        });
-        this.masterPlaylistLoader_.on('renditiondisabled', function () {
-          _this2.tech_.trigger({
-            type: 'usage',
-            name: 'hls-rendition-disabled'
-          });
-        });
-        this.masterPlaylistLoader_.on('renditionenabled', function () {
-          _this2.tech_.trigger({
-            type: 'usage',
-            name: 'hls-rendition-enabled'
-          });
-        });
-      }
-      /**
-       * A helper function for triggerring presence usage events once per source
-       *
-       * @private
-       */
-
-    }, {
-      key: 'triggerPresenceUsage_',
-      value: function triggerPresenceUsage_(master, media) {
-        var mediaGroups = master.mediaGroups || {};
-        var defaultDemuxed = true;
-        var audioGroupKeys = Object.keys(mediaGroups.AUDIO);
-
-        for (var mediaGroup in mediaGroups.AUDIO) {
-          for (var label in mediaGroups.AUDIO[mediaGroup]) {
-            var properties = mediaGroups.AUDIO[mediaGroup][label];
-
-            if (!properties.uri) {
-              defaultDemuxed = false;
-            }
-          }
-        }
-
-        if (defaultDemuxed) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-demuxed'
-          });
-        }
-
-        if (Object.keys(mediaGroups.SUBTITLES).length) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-webvtt'
-          });
-        }
-
-        if (Hls.Playlist.isAes(media)) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-aes'
-          });
-        }
-
-        if (Hls.Playlist.isFmp4(media)) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-fmp4'
-          });
-        }
-
-        if (audioGroupKeys.length && Object.keys(mediaGroups.AUDIO[audioGroupKeys[0]]).length > 1) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-alternate-audio'
-          });
-        }
-
-        if (this.useCueTags_) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-playlist-cue-tags'
-          });
-        }
-      }
-      /**
-       * Register event handlers on the segment loaders. A helper function
-       * for construction time.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'setupSegmentLoaderListeners_',
-      value: function setupSegmentLoaderListeners_() {
-        var _this3 = this;
-
-        this.mainSegmentLoader_.on('bandwidthupdate', function () {
-          var nextPlaylist = _this3.selectPlaylist();
-
-          var currentPlaylist = _this3.masterPlaylistLoader_.media();
-
-          var buffered = _this3.tech_.buffered();
-
-          var forwardBuffer = buffered.length ? buffered.end(buffered.length - 1) - _this3.tech_.currentTime() : 0;
-
-          var bufferLowWaterLine = _this3.bufferLowWaterLine(); // If the playlist is live, then we want to not take low water line into account.
-          // This is because in LIVE, the player plays 3 segments from the end of the
-          // playlist, and if `BUFFER_LOW_WATER_LINE` is greater than the duration availble
-          // in those segments, a viewer will never experience a rendition upswitch.
-
-
-          if (!currentPlaylist.endList || // For the same reason as LIVE, we ignore the low water line when the VOD
-          // duration is below the max potential low water line
-          _this3.duration() < Config.MAX_BUFFER_LOW_WATER_LINE || // we want to switch down to lower resolutions quickly to continue playback, but
-          nextPlaylist.attributes.BANDWIDTH < currentPlaylist.attributes.BANDWIDTH || // ensure we have some buffer before we switch up to prevent us running out of
-          // buffer while loading a higher rendition.
-          forwardBuffer >= bufferLowWaterLine) {
-            _this3.masterPlaylistLoader_.media(nextPlaylist);
-          }
-
-          _this3.tech_.trigger('bandwidthupdate');
-        });
-        this.mainSegmentLoader_.on('progress', function () {
-          _this3.trigger('progress');
-        });
-        this.mainSegmentLoader_.on('error', function () {
-          _this3.blacklistCurrentPlaylist(_this3.mainSegmentLoader_.error());
-        });
-        this.mainSegmentLoader_.on('syncinfoupdate', function () {
-          _this3.onSyncInfoUpdate_();
-        });
-        this.mainSegmentLoader_.on('timestampoffset', function () {
-          _this3.tech_.trigger({
-            type: 'usage',
-            name: 'hls-timestamp-offset'
-          });
-        });
-        this.audioSegmentLoader_.on('syncinfoupdate', function () {
-          _this3.onSyncInfoUpdate_();
-        });
-        this.mainSegmentLoader_.on('ended', function () {
-          _this3.onEndOfStream();
-        });
-        this.mainSegmentLoader_.on('earlyabort', function () {
-          _this3.blacklistCurrentPlaylist({
-            message: 'Aborted early because there isn\'t enough bandwidth to complete the ' + 'request without rebuffering.'
-          }, ABORT_EARLY_BLACKLIST_SECONDS);
-        });
-        this.mainSegmentLoader_.on('reseteverything', function () {
-          // If playing an MTS stream, a videojs.MediaSource is listening for
-          // hls-reset to reset caption parsing state in the transmuxer
-          _this3.tech_.trigger('hls-reset');
-        });
-        this.mainSegmentLoader_.on('segmenttimemapping', function (event) {
-          // If playing an MTS stream in html, a videojs.MediaSource is listening for
-          // hls-segment-time-mapping update its internal mapping of stream to display time
-          _this3.tech_.trigger({
-            type: 'hls-segment-time-mapping',
-            mapping: event.mapping
-          });
-        });
-        this.audioSegmentLoader_.on('ended', function () {
-          _this3.onEndOfStream();
-        });
-      }
-    }, {
-      key: 'mediaSecondsLoaded_',
-      value: function mediaSecondsLoaded_() {
-        return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded + this.mainSegmentLoader_.mediaSecondsLoaded);
-      }
-      /**
-       * Call load on our SegmentLoaders
-       */
-
-    }, {
-      key: 'load',
-      value: function load() {
-        this.mainSegmentLoader_.load();
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          this.audioSegmentLoader_.load();
-        }
-
-        if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-          this.subtitleSegmentLoader_.load();
-        }
-      }
-      /**
-       * Re-tune playback quality level for the current player
-       * conditions without performing destructive actions, like
-       * removing already buffered content
-       *
-       * @private
-       */
-
-    }, {
-      key: 'smoothQualityChange_',
-      value: function smoothQualityChange_() {
-        var media = this.selectPlaylist();
-
-        if (media !== this.masterPlaylistLoader_.media()) {
-          this.masterPlaylistLoader_.media(media);
-          this.mainSegmentLoader_.resetLoader(); // don't need to reset audio as it is reset when media changes
-        }
-      }
-      /**
-       * Re-tune playback quality level for the current player
-       * conditions. This method will perform destructive actions like removing
-       * already buffered content in order to readjust the currently active
-       * playlist quickly. This is good for manual quality changes
-       *
-       * @private
-       */
-
-    }, {
-      key: 'fastQualityChange_',
-      value: function fastQualityChange_() {
-        var _this4 = this;
-
-        var media = this.selectPlaylist();
-
-        if (media === this.masterPlaylistLoader_.media()) {
-          return;
-        }
-
-        this.masterPlaylistLoader_.media(media); // Delete all buffered data to allow an immediate quality switch, then seek to give
-        // the browser a kick to remove any cached frames from the previous rendtion (.04 seconds
-        // ahead is roughly the minimum that will accomplish this across a variety of content
-        // in IE and Edge, but seeking in place is sufficient on all other browsers)
-        // Edge/IE bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14600375/
-        // Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=651904
-
-        this.mainSegmentLoader_.resetEverything(function () {
-          // Since this is not a typical seek, we avoid the seekTo method which can cause segments
-          // from the previously enabled rendition to load before the new playlist has finished loading
-          if (videojs$1.browser.IE_VERSION || videojs$1.browser.IS_EDGE) {
-            _this4.tech_.setCurrentTime(_this4.tech_.currentTime() + 0.04);
-          } else {
-            _this4.tech_.setCurrentTime(_this4.tech_.currentTime());
-          }
-        }); // don't need to reset audio as it is reset when media changes
-      }
-      /**
-       * Begin playback.
-       */
-
-    }, {
-      key: 'play',
-      value: function play() {
-        if (this.setupFirstPlay()) {
-          return;
-        }
-
-        if (this.tech_.ended()) {
-          this.seekTo_(0);
-        }
-
-        if (this.hasPlayed_()) {
-          this.load();
-        }
-
-        var seekable$$1 = this.tech_.seekable(); // if the viewer has paused and we fell out of the live window,
-        // seek forward to the live point
-
-        if (this.tech_.duration() === Infinity) {
-          if (this.tech_.currentTime() < seekable$$1.start(0)) {
-            return this.seekTo_(seekable$$1.end(seekable$$1.length - 1));
-          }
-        }
-      }
-      /**
-       * Seek to the latest media position if this is a live video and the
-       * player and video are loaded and initialized.
-       */
-
-    }, {
-      key: 'setupFirstPlay',
-      value: function setupFirstPlay() {
-        var _this5 = this;
-
-        var media = this.masterPlaylistLoader_.media(); // Check that everything is ready to begin buffering for the first call to play
-        //  If 1) there is no active media
-        //     2) the player is paused
-        //     3) the first play has already been setup
-        // then exit early
-
-        if (!media || this.tech_.paused() || this.hasPlayed_()) {
-          return false;
-        } // when the video is a live stream
-
-
-        if (!media.endList) {
-          var seekable$$1 = this.seekable();
-
-          if (!seekable$$1.length) {
-            // without a seekable range, the player cannot seek to begin buffering at the live
-            // point
-            return false;
-          }
-
-          if (videojs$1.browser.IE_VERSION && this.tech_.readyState() === 0) {
-            // IE11 throws an InvalidStateError if you try to set currentTime while the
-            // readyState is 0, so it must be delayed until the tech fires loadedmetadata.
-            this.tech_.one('loadedmetadata', function () {
-              _this5.trigger('firstplay');
-
-              _this5.seekTo_(seekable$$1.end(0));
-
-              _this5.hasPlayed_ = function () {
-                return true;
-              };
-            });
-            return false;
-          } // trigger firstplay to inform the source handler to ignore the next seek event
-
-
-          this.trigger('firstplay'); // seek to the live point
-
-          this.seekTo_(seekable$$1.end(0));
-        }
-
-        this.hasPlayed_ = function () {
-          return true;
-        }; // we can begin loading now that everything is ready
-
-
-        this.load();
-        return true;
-      }
-      /**
-       * handle the sourceopen event on the MediaSource
-       *
-       * @private
-       */
-
-    }, {
-      key: 'handleSourceOpen_',
-      value: function handleSourceOpen_() {
-        // Only attempt to create the source buffer if none already exist.
-        // handleSourceOpen is also called when we are "re-opening" a source buffer
-        // after `endOfStream` has been called (in response to a seek for instance)
-        try {
-          this.setupSourceBuffers_();
-        } catch (e) {
-          videojs$1.log.warn('Failed to create Source Buffers', e);
-          return this.mediaSource.endOfStream('decode');
-        } // if autoplay is enabled, begin playback. This is duplicative of
-        // code in video.js but is required because play() must be invoked
-        // *after* the media source has opened.
-
-
-        if (this.tech_.autoplay()) {
-          var playPromise = this.tech_.play(); // Catch/silence error when a pause interrupts a play request
-          // on browsers which return a promise
-
-          if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-            playPromise.then(null, function (e) {});
-          }
-        }
-
-        this.trigger('sourceopen');
-      }
-      /**
-       * Calls endOfStream on the media source when all active stream types have called
-       * endOfStream
-       *
-       * @param {string} streamType
-       *        Stream type of the segment loader that called endOfStream
-       * @private
-       */
-
-    }, {
-      key: 'onEndOfStream',
-      value: function onEndOfStream() {
-        var isEndOfStream = this.mainSegmentLoader_.ended_;
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          // if the audio playlist loader exists, then alternate audio is active
-          if (!this.mainSegmentLoader_.startingMedia_ || this.mainSegmentLoader_.startingMedia_.containsVideo) {
-            // if we do not know if the main segment loader contains video yet or if we
-            // definitively know the main segment loader contains video, then we need to wait
-            // for both main and audio segment loaders to call endOfStream
-            isEndOfStream = isEndOfStream && this.audioSegmentLoader_.ended_;
-          } else {
-            // otherwise just rely on the audio loader
-            isEndOfStream = this.audioSegmentLoader_.ended_;
-          }
-        }
-
-        if (!isEndOfStream) {
-          return;
-        }
-
-        this.logger_('calling mediaSource.endOfStream()'); // on chrome calling endOfStream can sometimes cause an exception,
-        // even when the media source is in a valid state.
-
-        try {
-          this.mediaSource.endOfStream();
-        } catch (e) {
-          videojs$1.log.warn('Failed to call media source endOfStream', e);
-        }
-      }
-      /**
-       * Check if a playlist has stopped being updated
-       * @param {Object} playlist the media playlist object
-       * @return {boolean} whether the playlist has stopped being updated or not
-       */
-
-    }, {
-      key: 'stuckAtPlaylistEnd_',
-      value: function stuckAtPlaylistEnd_(playlist) {
-        var seekable$$1 = this.seekable();
-
-        if (!seekable$$1.length) {
-          // playlist doesn't have enough information to determine whether we are stuck
-          return false;
-        }
-
-        var expired = this.syncController_.getExpiredTime(playlist, this.mediaSource.duration);
-
-        if (expired === null) {
-          return false;
-        } // does not use the safe live end to calculate playlist end, since we
-        // don't want to say we are stuck while there is still content
-
-
-        var absolutePlaylistEnd = Hls.Playlist.playlistEnd(playlist, expired);
-        var currentTime = this.tech_.currentTime();
-        var buffered = this.tech_.buffered();
-
-        if (!buffered.length) {
-          // return true if the playhead reached the absolute end of the playlist
-          return absolutePlaylistEnd - currentTime <= SAFE_TIME_DELTA;
-        }
-
-        var bufferedEnd = buffered.end(buffered.length - 1); // return true if there is too little buffer left and buffer has reached absolute
-        // end of playlist
-
-        return bufferedEnd - currentTime <= SAFE_TIME_DELTA && absolutePlaylistEnd - bufferedEnd <= SAFE_TIME_DELTA;
-      }
-      /**
-       * Blacklists a playlist when an error occurs for a set amount of time
-       * making it unavailable for selection by the rendition selection algorithm
-       * and then forces a new playlist (rendition) selection.
-       *
-       * @param {Object=} error an optional error that may include the playlist
-       * to blacklist
-       * @param {Number=} blacklistDuration an optional number of seconds to blacklist the
-       * playlist
-       */
-
-    }, {
-      key: 'blacklistCurrentPlaylist',
-      value: function blacklistCurrentPlaylist() {
-        var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        var blacklistDuration = arguments[1];
-        var currentPlaylist = void 0;
-        var nextPlaylist = void 0; // If the `error` was generated by the playlist loader, it will contain
-        // the playlist we were trying to load (but failed) and that should be
-        // blacklisted instead of the currently selected playlist which is likely
-        // out-of-date in this scenario
-
-        currentPlaylist = error.playlist || this.masterPlaylistLoader_.media();
-        blacklistDuration = blacklistDuration || error.blacklistDuration || this.blacklistDuration; // If there is no current playlist, then an error occurred while we were
-        // trying to load the master OR while we were disposing of the tech
-
-        if (!currentPlaylist) {
-          this.error = error;
-
-          try {
-            return this.mediaSource.endOfStream('network');
-          } catch (e) {
-            return this.trigger('error');
-          }
-        }
-
-        var isFinalRendition = this.masterPlaylistLoader_.master.playlists.filter(isEnabled).length === 1;
-        var playlists = this.masterPlaylistLoader_.master.playlists;
-
-        if (playlists.length === 1) {
-          // Never blacklisting this playlist because it's the only playlist
-          videojs$1.log.warn('Problem encountered with the current ' + 'HLS playlist. Trying again since it is the only playlist.');
-          this.tech_.trigger('retryplaylist');
-          return this.masterPlaylistLoader_.load(isFinalRendition);
-        }
-
-        if (isFinalRendition) {
-          // Since we're on the final non-blacklisted playlist, and we're about to blacklist
-          // it, instead of erring the player or retrying this playlist, clear out the current
-          // blacklist. This allows other playlists to be attempted in case any have been
-          // fixed.
-          videojs$1.log.warn('Removing all playlists from the blacklist because the last ' + 'rendition is about to be blacklisted.');
-          playlists.forEach(function (playlist) {
-            if (playlist.excludeUntil !== Infinity) {
-              delete playlist.excludeUntil;
-            }
-          }); // Technically we are retrying a playlist, in that we are simply retrying a previous
-          // playlist. This is needed for users relying on the retryplaylist event to catch a
-          // case where the player might be stuck and looping through "dead" playlists.
-
-          this.tech_.trigger('retryplaylist');
-        } // Blacklist this playlist
-
-
-        currentPlaylist.excludeUntil = Date.now() + blacklistDuration * 1000;
-        this.tech_.trigger('blacklistplaylist');
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-rendition-blacklisted'
-        }); // Select a new playlist
-
-        nextPlaylist = this.selectPlaylist();
-        videojs$1.log.warn('Problem encountered with the current HLS playlist.' + (error.message ? ' ' + error.message : '') + ' Switching to another playlist.');
-        return this.masterPlaylistLoader_.media(nextPlaylist, isFinalRendition);
-      }
-      /**
-       * Pause all segment loaders
-       */
-
-    }, {
-      key: 'pauseLoading',
-      value: function pauseLoading() {
-        this.mainSegmentLoader_.pause();
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          this.audioSegmentLoader_.pause();
-        }
-
-        if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-          this.subtitleSegmentLoader_.pause();
-        }
-      }
-      /**
-       * set the current time on all segment loaders
-       *
-       * @param {TimeRange} currentTime the current time to set
-       * @return {TimeRange} the current time
-       */
-
-    }, {
-      key: 'setCurrentTime',
-      value: function setCurrentTime(currentTime) {
-        var buffered = findRange(this.tech_.buffered(), currentTime);
-
-        if (!(this.masterPlaylistLoader_ && this.masterPlaylistLoader_.media())) {
-          // return immediately if the metadata is not ready yet
-          return 0;
-        } // it's clearly an edge-case but don't thrown an error if asked to
-        // seek within an empty playlist
-
-
-        if (!this.masterPlaylistLoader_.media().segments) {
-          return 0;
-        } // In flash playback, the segment loaders should be reset on every seek, even
-        // in buffer seeks. If the seek location is already buffered, continue buffering as
-        // usual
-        // TODO: redo this comment
-
-
-        if (buffered && buffered.length) {
-          return currentTime;
-        } // cancel outstanding requests so we begin buffering at the new
-        // location
-
-
-        this.mainSegmentLoader_.resetEverything();
-        this.mainSegmentLoader_.abort();
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          this.audioSegmentLoader_.resetEverything();
-          this.audioSegmentLoader_.abort();
-        }
-
-        if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-          this.subtitleSegmentLoader_.resetEverything();
-          this.subtitleSegmentLoader_.abort();
-        } // start segment loader loading in case they are paused
-
-
-        this.load();
-      }
-      /**
-       * get the current duration
-       *
-       * @return {TimeRange} the duration
-       */
-
-    }, {
-      key: 'duration',
-      value: function duration$$1() {
-        if (!this.masterPlaylistLoader_) {
-          return 0;
-        }
-
-        if (this.mediaSource) {
-          return this.mediaSource.duration;
-        }
-
-        return Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-      }
-      /**
-       * check the seekable range
-       *
-       * @return {TimeRange} the seekable range
-       */
-
-    }, {
-      key: 'seekable',
-      value: function seekable$$1() {
-        return this.seekable_;
-      }
-    }, {
-      key: 'onSyncInfoUpdate_',
-      value: function onSyncInfoUpdate_() {
-        var mainSeekable = void 0;
-        var audioSeekable = void 0;
-
-        if (!this.masterPlaylistLoader_) {
-          return;
-        }
-
-        var media = this.masterPlaylistLoader_.media();
-
-        if (!media) {
-          return;
-        }
-
-        var expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
-
-        if (expired === null) {
-          // not enough information to update seekable
-          return;
-        }
-
-        mainSeekable = Hls.Playlist.seekable(media, expired);
-
-        if (mainSeekable.length === 0) {
-          return;
-        }
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          media = this.mediaTypes_.AUDIO.activePlaylistLoader.media();
-          expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
-
-          if (expired === null) {
-            return;
-          }
-
-          audioSeekable = Hls.Playlist.seekable(media, expired);
-
-          if (audioSeekable.length === 0) {
-            return;
-          }
-        }
-
-        var oldEnd = void 0;
-        var oldStart = void 0;
-
-        if (this.seekable_ && this.seekable_.length) {
-          oldEnd = this.seekable_.end(0);
-          oldStart = this.seekable_.start(0);
-        }
-
-        if (!audioSeekable) {
-          // seekable has been calculated based on buffering video data so it
-          // can be returned directly
-          this.seekable_ = mainSeekable;
-        } else if (audioSeekable.start(0) > mainSeekable.end(0) || mainSeekable.start(0) > audioSeekable.end(0)) {
-          // seekables are pretty far off, rely on main
-          this.seekable_ = mainSeekable;
-        } else {
-          this.seekable_ = videojs$1.createTimeRanges([[audioSeekable.start(0) > mainSeekable.start(0) ? audioSeekable.start(0) : mainSeekable.start(0), audioSeekable.end(0) < mainSeekable.end(0) ? audioSeekable.end(0) : mainSeekable.end(0)]]);
-        } // seekable is the same as last time
-
-
-        if (this.seekable_ && this.seekable_.length) {
-          if (this.seekable_.end(0) === oldEnd && this.seekable_.start(0) === oldStart) {
-            return;
-          }
-        }
-
-        this.logger_('seekable updated [' + printableRange(this.seekable_) + ']');
-        this.tech_.trigger('seekablechanged');
-      }
-      /**
-       * Update the player duration
-       */
-
-    }, {
-      key: 'updateDuration',
-      value: function updateDuration() {
-        var _this6 = this;
-
-        var oldDuration = this.mediaSource.duration;
-        var newDuration = Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-        var buffered = this.tech_.buffered();
-
-        var setDuration = function setDuration() {
-          // on firefox setting the duration may sometimes cause an exception
-          // even if the media source is open and source buffers are not
-          // updating, something about the media source being in an invalid state.
-          _this6.logger_('Setting duration from ' + _this6.mediaSource.duration + ' => ' + newDuration);
-
-          try {
-            _this6.mediaSource.duration = newDuration;
-          } catch (e) {
-            videojs$1.log.warn('Failed to set media source duration', e);
-          }
-
-          _this6.tech_.trigger('durationchange');
-
-          _this6.mediaSource.removeEventListener('sourceopen', setDuration);
-        };
-
-        if (buffered.length > 0) {
-          newDuration = Math.max(newDuration, buffered.end(buffered.length - 1));
-        } // if the duration has changed, invalidate the cached value
-
-
-        if (oldDuration !== newDuration) {
-          // update the duration
-          if (this.mediaSource.readyState !== 'open') {
-            this.mediaSource.addEventListener('sourceopen', setDuration);
-          } else {
-            setDuration();
-          }
-        }
-      }
-      /**
-       * dispose of the MasterPlaylistController and everything
-       * that it controls
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        var _this7 = this;
-
-        this.decrypter_.terminate();
-        this.masterPlaylistLoader_.dispose();
-        this.mainSegmentLoader_.dispose();
-        ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-          var groups = _this7.mediaTypes_[type].groups;
-
-          for (var id in groups) {
-            groups[id].forEach(function (group) {
-              if (group.playlistLoader) {
-                group.playlistLoader.dispose();
-              }
-            });
-          }
-        });
-        this.audioSegmentLoader_.dispose();
-        this.subtitleSegmentLoader_.dispose();
-      }
-      /**
-       * return the master playlist object if we have one
-       *
-       * @return {Object} the master playlist object that we parsed
-       */
-
-    }, {
-      key: 'master',
-      value: function master() {
-        return this.masterPlaylistLoader_.master;
-      }
-      /**
-       * return the currently selected playlist
-       *
-       * @return {Object} the currently selected playlist object that we parsed
-       */
-
-    }, {
-      key: 'media',
-      value: function media() {
-        // playlist loader will not return media if it has not been fully loaded
-        return this.masterPlaylistLoader_.media() || this.initialMedia_;
-      }
-      /**
-       * setup our internal source buffers on our segment Loaders
-       *
-       * @private
-       */
-
-    }, {
-      key: 'setupSourceBuffers_',
-      value: function setupSourceBuffers_() {
-        var media = this.masterPlaylistLoader_.media();
-        var mimeTypes = void 0; // wait until a media playlist is available and the Media Source is
-        // attached
-
-        if (!media || this.mediaSource.readyState !== 'open') {
-          return;
-        }
-
-        mimeTypes = mimeTypesForPlaylist(this.masterPlaylistLoader_.master, media);
-
-        if (mimeTypes.length < 1) {
-          this.error = 'No compatible SourceBuffer configuration for the variant stream:' + media.resolvedUri;
-          return this.mediaSource.endOfStream('decode');
-        }
-
-        this.configureLoaderMimeTypes_(mimeTypes); // exclude any incompatible variant streams from future playlist
-        // selection
-
-        this.excludeIncompatibleVariants_(media);
-      }
-    }, {
-      key: 'configureLoaderMimeTypes_',
-      value: function configureLoaderMimeTypes_(mimeTypes) {
-        // If the content is demuxed, we can't start appending segments to a source buffer
-        // until both source buffers are set up, or else the browser may not let us add the
-        // second source buffer (it will assume we are playing either audio only or video
-        // only).
-        var sourceBufferEmitter = // If there is more than one mime type
-        mimeTypes.length > 1 && // and the first mime type does not have muxed video and audio
-        mimeTypes[0].indexOf(',') === -1 && // and the two mime types are different (they can be the same in the case of audio
-        // only with alternate audio)
-        mimeTypes[0] !== mimeTypes[1] ? // then we want to wait on the second source buffer
-        new videojs$1.EventTarget() : // otherwise there is no need to wait as the content is either audio only,
-        // video only, or muxed content.
-        null;
-        this.mainSegmentLoader_.mimeType(mimeTypes[0], sourceBufferEmitter);
-
-        if (mimeTypes[1]) {
-          this.audioSegmentLoader_.mimeType(mimeTypes[1], sourceBufferEmitter);
-        }
-      }
-      /**
-       * Blacklists playlists with codecs that are unsupported by the browser.
-       */
-
-    }, {
-      key: 'excludeUnsupportedVariants_',
-      value: function excludeUnsupportedVariants_() {
-        this.master().playlists.forEach(function (variant) {
-          if (variant.attributes.CODECS && window$1.MediaSource && window$1.MediaSource.isTypeSupported && !window$1.MediaSource.isTypeSupported('video/mp4; codecs="' + mapLegacyAvcCodecs(variant.attributes.CODECS) + '"')) {
-            variant.excludeUntil = Infinity;
-          }
-        });
-      }
-      /**
-       * Blacklist playlists that are known to be codec or
-       * stream-incompatible with the SourceBuffer configuration. For
-       * instance, Media Source Extensions would cause the video element to
-       * stall waiting for video data if you switched from a variant with
-       * video and audio to an audio-only one.
-       *
-       * @param {Object} media a media playlist compatible with the current
-       * set of SourceBuffers. Variants in the current master playlist that
-       * do not appear to have compatible codec or stream configurations
-       * will be excluded from the default playlist selection algorithm
-       * indefinitely.
-       * @private
-       */
-
-    }, {
-      key: 'excludeIncompatibleVariants_',
-      value: function excludeIncompatibleVariants_(media) {
-        var codecCount = 2;
-        var videoCodec = null;
-        var codecs = void 0;
-
-        if (media.attributes.CODECS) {
-          codecs = parseCodecs(media.attributes.CODECS);
-          videoCodec = codecs.videoCodec;
-          codecCount = codecs.codecCount;
-        }
-
-        this.master().playlists.forEach(function (variant) {
-          var variantCodecs = {
-            codecCount: 2,
-            videoCodec: null
-          };
-
-          if (variant.attributes.CODECS) {
-            variantCodecs = parseCodecs(variant.attributes.CODECS);
-          } // if the streams differ in the presence or absence of audio or
-          // video, they are incompatible
-
-
-          if (variantCodecs.codecCount !== codecCount) {
-            variant.excludeUntil = Infinity;
-          } // if h.264 is specified on the current playlist, some flavor of
-          // it must be specified on all compatible variants
-
-
-          if (variantCodecs.videoCodec !== videoCodec) {
-            variant.excludeUntil = Infinity;
-          }
-        });
-      }
-    }, {
-      key: 'updateAdCues_',
-      value: function updateAdCues_(media) {
-        var offset = 0;
-        var seekable$$1 = this.seekable();
-
-        if (seekable$$1.length) {
-          offset = seekable$$1.start(0);
-        }
-
-        updateAdCues(media, this.cueTagsTrack_, offset);
-      }
-      /**
-       * Calculates the desired forward buffer length based on current time
-       *
-       * @return {Number} Desired forward buffer length in seconds
-       */
-
-    }, {
-      key: 'goalBufferLength',
-      value: function goalBufferLength() {
-        var currentTime = this.tech_.currentTime();
-        var initial = Config.GOAL_BUFFER_LENGTH;
-        var rate = Config.GOAL_BUFFER_LENGTH_RATE;
-        var max = Math.max(initial, Config.MAX_GOAL_BUFFER_LENGTH);
-        return Math.min(initial + currentTime * rate, max);
-      }
-      /**
-       * Calculates the desired buffer low water line based on current time
-       *
-       * @return {Number} Desired buffer low water line in seconds
-       */
-
-    }, {
-      key: 'bufferLowWaterLine',
-      value: function bufferLowWaterLine() {
-        var currentTime = this.tech_.currentTime();
-        var initial = Config.BUFFER_LOW_WATER_LINE;
-        var rate = Config.BUFFER_LOW_WATER_LINE_RATE;
-        var max = Math.max(initial, Config.MAX_BUFFER_LOW_WATER_LINE);
-        return Math.min(initial + currentTime * rate, max);
-      }
-    }]);
-    return MasterPlaylistController;
-  }(videojs$1.EventTarget);
-  /**
-   * Returns a function that acts as the Enable/disable playlist function.
-   *
-   * @param {PlaylistLoader} loader - The master playlist loader
-   * @param {String} playlistUri - uri of the playlist
-   * @param {Function} changePlaylistFn - A function to be called after a
-   * playlist's enabled-state has been changed. Will NOT be called if a
-   * playlist's enabled-state is unchanged
-   * @param {Boolean=} enable - Value to set the playlist enabled-state to
-   * or if undefined returns the current enabled-state for the playlist
-   * @return {Function} Function for setting/getting enabled
-   */
-
-
-  var enableFunction = function enableFunction(loader, playlistUri, changePlaylistFn) {
-    return function (enable) {
-      var playlist = loader.master.playlists[playlistUri];
-      var incompatible = isIncompatible(playlist);
-      var currentlyEnabled = isEnabled(playlist);
-
-      if (typeof enable === 'undefined') {
-        return currentlyEnabled;
-      }
-
-      if (enable) {
-        delete playlist.disabled;
-      } else {
-        playlist.disabled = true;
-      }
-
-      if (enable !== currentlyEnabled && !incompatible) {
-        // Ensure the outside world knows about our changes
-        changePlaylistFn();
-
-        if (enable) {
-          loader.trigger('renditionenabled');
-        } else {
-          loader.trigger('renditiondisabled');
-        }
-      }
-
-      return enable;
-    };
-  };
-  /**
-   * The representation object encapsulates the publicly visible information
-   * in a media playlist along with a setter/getter-type function (enabled)
-   * for changing the enabled-state of a particular playlist entry
-   *
-   * @class Representation
-   */
-
-
-  var Representation = function Representation(hlsHandler, playlist, id) {
-    classCallCheck$1(this, Representation);
-    var mpc = hlsHandler.masterPlaylistController_,
-        smoothQualityChange = hlsHandler.options_.smoothQualityChange; // Get a reference to a bound version of the quality change function
-
-    var changeType = smoothQualityChange ? 'smooth' : 'fast';
-    var qualityChangeFunction = mpc[changeType + 'QualityChange_'].bind(mpc); // some playlist attributes are optional
-
-    if (playlist.attributes.RESOLUTION) {
-      var resolution = playlist.attributes.RESOLUTION;
-      this.width = resolution.width;
-      this.height = resolution.height;
-    }
-
-    this.bandwidth = playlist.attributes.BANDWIDTH; // The id is simply the ordinality of the media playlist
-    // within the master playlist
-
-    this.id = id; // Partially-apply the enableFunction to create a playlist-
-    // specific variant
-
-    this.enabled = enableFunction(hlsHandler.playlists, playlist.uri, qualityChangeFunction);
-  };
-  /**
-   * A mixin function that adds the `representations` api to an instance
-   * of the HlsHandler class
-   * @param {HlsHandler} hlsHandler - An instance of HlsHandler to add the
-   * representation API into
-   */
-
-
-  var renditionSelectionMixin = function renditionSelectionMixin(hlsHandler) {
-    var playlists = hlsHandler.playlists; // Add a single API-specific function to the HlsHandler instance
-
-    hlsHandler.representations = function () {
-      return playlists.master.playlists.filter(function (media) {
-        return !isIncompatible(media);
-      }).map(function (e, i) {
-        return new Representation(hlsHandler, e, e.uri);
-      });
-    };
-  };
-  /**
-   * @file playback-watcher.js
-   *
-   * Playback starts, and now my watch begins. It shall not end until my death. I shall
-   * take no wait, hold no uncleared timeouts, father no bad seeks. I shall wear no crowns
-   * and win no glory. I shall live and die at my post. I am the corrector of the underflow.
-   * I am the watcher of gaps. I am the shield that guards the realms of seekable. I pledge
-   * my life and honor to the Playback Watch, for this Player and all the Players to come.
-   */
-  // Set of events that reset the playback-watcher time check logic and clear the timeout
-
-
-  var timerCancelEvents = ['seeking', 'seeked', 'pause', 'playing', 'error'];
-  /**
-   * @class PlaybackWatcher
-   */
-
-  var PlaybackWatcher = function () {
-    /**
-     * Represents an PlaybackWatcher object.
-     * @constructor
-     * @param {object} options an object that includes the tech and settings
-     */
-    function PlaybackWatcher(options) {
-      var _this = this;
-
-      classCallCheck$1(this, PlaybackWatcher);
-      this.tech_ = options.tech;
-      this.seekable = options.seekable;
-      this.seekTo = options.seekTo;
-      this.allowSeeksWithinUnsafeLiveWindow = options.allowSeeksWithinUnsafeLiveWindow;
-      this.media = options.media;
-      this.consecutiveUpdates = 0;
-      this.lastRecordedTime = null;
-      this.timer_ = null;
-      this.checkCurrentTimeTimeout_ = null;
-      this.logger_ = logger('PlaybackWatcher');
-      this.logger_('initialize');
-
-      var canPlayHandler = function canPlayHandler() {
-        return _this.monitorCurrentTime_();
-      };
-
-      var waitingHandler = function waitingHandler() {
-        return _this.techWaiting_();
-      };
-
-      var cancelTimerHandler = function cancelTimerHandler() {
-        return _this.cancelTimer_();
-      };
-
-      var fixesBadSeeksHandler = function fixesBadSeeksHandler() {
-        return _this.fixesBadSeeks_();
-      };
-
-      this.tech_.on('seekablechanged', fixesBadSeeksHandler);
-      this.tech_.on('waiting', waitingHandler);
-      this.tech_.on(timerCancelEvents, cancelTimerHandler);
-      this.tech_.on('canplay', canPlayHandler); // Define the dispose function to clean up our events
-
-      this.dispose = function () {
-        _this.logger_('dispose');
-
-        _this.tech_.off('seekablechanged', fixesBadSeeksHandler);
-
-        _this.tech_.off('waiting', waitingHandler);
-
-        _this.tech_.off(timerCancelEvents, cancelTimerHandler);
-
-        _this.tech_.off('canplay', canPlayHandler);
-
-        if (_this.checkCurrentTimeTimeout_) {
-          window$1.clearTimeout(_this.checkCurrentTimeTimeout_);
-        }
-
-        _this.cancelTimer_();
-      };
-    }
-    /**
-     * Periodically check current time to see if playback stopped
-     *
-     * @private
-     */
-
-
-    createClass$1(PlaybackWatcher, [{
-      key: 'monitorCurrentTime_',
-      value: function monitorCurrentTime_() {
-        this.checkCurrentTime_();
-
-        if (this.checkCurrentTimeTimeout_) {
-          window$1.clearTimeout(this.checkCurrentTimeTimeout_);
-        } // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-
-
-        this.checkCurrentTimeTimeout_ = window$1.setTimeout(this.monitorCurrentTime_.bind(this), 250);
-      }
-      /**
-       * The purpose of this function is to emulate the "waiting" event on
-       * browsers that do not emit it when they are waiting for more
-       * data to continue playback
-       *
-       * @private
-       */
-
-    }, {
-      key: 'checkCurrentTime_',
-      value: function checkCurrentTime_() {
-        if (this.tech_.seeking() && this.fixesBadSeeks_()) {
-          this.consecutiveUpdates = 0;
-          this.lastRecordedTime = this.tech_.currentTime();
-          return;
-        }
-
-        if (this.tech_.paused() || this.tech_.seeking()) {
-          return;
-        }
-
-        var currentTime = this.tech_.currentTime();
-        var buffered = this.tech_.buffered();
-
-        if (this.lastRecordedTime === currentTime && (!buffered.length || currentTime + SAFE_TIME_DELTA >= buffered.end(buffered.length - 1))) {
-          // If current time is at the end of the final buffered region, then any playback
-          // stall is most likely caused by buffering in a low bandwidth environment. The tech
-          // should fire a `waiting` event in this scenario, but due to browser and tech
-          // inconsistencies. Calling `techWaiting_` here allows us to simulate
-          // responding to a native `waiting` event when the tech fails to emit one.
-          return this.techWaiting_();
-        }
-
-        if (this.consecutiveUpdates >= 5 && currentTime === this.lastRecordedTime) {
-          this.consecutiveUpdates++;
-          this.waiting_();
-        } else if (currentTime === this.lastRecordedTime) {
-          this.consecutiveUpdates++;
-        } else {
-          this.consecutiveUpdates = 0;
-          this.lastRecordedTime = currentTime;
-        }
-      }
-      /**
-       * Cancels any pending timers and resets the 'timeupdate' mechanism
-       * designed to detect that we are stalled
-       *
-       * @private
-       */
-
-    }, {
-      key: 'cancelTimer_',
-      value: function cancelTimer_() {
-        this.consecutiveUpdates = 0;
-
-        if (this.timer_) {
-          this.logger_('cancelTimer_');
-          clearTimeout(this.timer_);
-        }
-
-        this.timer_ = null;
-      }
-      /**
-       * Fixes situations where there's a bad seek
-       *
-       * @return {Boolean} whether an action was taken to fix the seek
-       * @private
-       */
-
-    }, {
-      key: 'fixesBadSeeks_',
-      value: function fixesBadSeeks_() {
-        var seeking = this.tech_.seeking();
-
-        if (!seeking) {
-          return false;
-        }
-
-        var seekable = this.seekable();
-        var currentTime = this.tech_.currentTime();
-        var isAfterSeekableRange = this.afterSeekableWindow_(seekable, currentTime, this.media(), this.allowSeeksWithinUnsafeLiveWindow);
-        var seekTo = void 0;
-
-        if (isAfterSeekableRange) {
-          var seekableEnd = seekable.end(seekable.length - 1); // sync to live point (if VOD, our seekable was updated and we're simply adjusting)
-
-          seekTo = seekableEnd;
-        }
-
-        if (this.beforeSeekableWindow_(seekable, currentTime)) {
-          var seekableStart = seekable.start(0); // sync to the beginning of the live window
-          // provide a buffer of .1 seconds to handle rounding/imprecise numbers
-
-          seekTo = seekableStart + SAFE_TIME_DELTA;
-        }
-
-        if (typeof seekTo !== 'undefined') {
-          this.logger_('Trying to seek outside of seekable at time ' + currentTime + ' with ' + ('seekable range ' + printableRange(seekable) + '. Seeking to ') + (seekTo + '.'));
-          this.seekTo(seekTo);
-          return true;
-        }
-
-        return false;
-      }
-      /**
-       * Handler for situations when we determine the player is waiting.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'waiting_',
-      value: function waiting_() {
-        if (this.techWaiting_()) {
-          return;
-        } // All tech waiting checks failed. Use last resort correction
-
-
-        var currentTime = this.tech_.currentTime();
-        var buffered = this.tech_.buffered();
-        var currentRange = findRange(buffered, currentTime); // Sometimes the player can stall for unknown reasons within a contiguous buffered
-        // region with no indication that anything is amiss (seen in Firefox). Seeking to
-        // currentTime is usually enough to kickstart the player. This checks that the player
-        // is currently within a buffered region before attempting a corrective seek.
-        // Chrome does not appear to continue `timeupdate` events after a `waiting` event
-        // until there is ~ 3 seconds of forward buffer available. PlaybackWatcher should also
-        // make sure there is ~3 seconds of forward buffer before taking any corrective action
-        // to avoid triggering an `unknownwaiting` event when the network is slow.
-
-        if (currentRange.length && currentTime + 3 <= currentRange.end(0)) {
-          this.cancelTimer_();
-          this.seekTo(currentTime);
-          this.logger_('Stopped at ' + currentTime + ' while inside a buffered region ' + ('[' + currentRange.start(0) + ' -> ' + currentRange.end(0) + ']. Attempting to resume ') + 'playback by seeking to the current time.'); // unknown waiting corrections may be useful for monitoring QoS
-
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-unknown-waiting'
-          });
-          return;
-        }
-      }
-      /**
-       * Handler for situations when the tech fires a `waiting` event
-       *
-       * @return {Boolean}
-       *         True if an action (or none) was needed to correct the waiting. False if no
-       *         checks passed
-       * @private
-       */
-
-    }, {
-      key: 'techWaiting_',
-      value: function techWaiting_() {
-        var seekable = this.seekable();
-        var currentTime = this.tech_.currentTime();
-
-        if (this.tech_.seeking() && this.fixesBadSeeks_()) {
-          // Tech is seeking or bad seek fixed, no action needed
-          return true;
-        }
-
-        if (this.tech_.seeking() || this.timer_ !== null) {
-          // Tech is seeking or already waiting on another action, no action needed
-          return true;
-        }
-
-        if (this.beforeSeekableWindow_(seekable, currentTime)) {
-          var livePoint = seekable.end(seekable.length - 1);
-          this.logger_('Fell out of live window at time ' + currentTime + '. Seeking to ' + ('live point (seekable end) ' + livePoint));
-          this.cancelTimer_();
-          this.seekTo(livePoint); // live window resyncs may be useful for monitoring QoS
-
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-live-resync'
-          });
-          return true;
-        }
-
-        var buffered = this.tech_.buffered();
-        var nextRange = findNextRange(buffered, currentTime);
-
-        if (this.videoUnderflow_(nextRange, buffered, currentTime)) {
-          // Even though the video underflowed and was stuck in a gap, the audio overplayed
-          // the gap, leading currentTime into a buffered range. Seeking to currentTime
-          // allows the video to catch up to the audio position without losing any audio
-          // (only suffering ~3 seconds of frozen video and a pause in audio playback).
-          this.cancelTimer_();
-          this.seekTo(currentTime); // video underflow may be useful for monitoring QoS
-
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-video-underflow'
-          });
-          return true;
-        } // check for gap
-
-
-        if (nextRange.length > 0) {
-          var difference = nextRange.start(0) - currentTime;
-          this.logger_('Stopped at ' + currentTime + ', setting timer for ' + difference + ', seeking ' + ('to ' + nextRange.start(0)));
-          this.timer_ = setTimeout(this.skipTheGap_.bind(this), difference * 1000, currentTime);
-          return true;
-        } // All checks failed. Returning false to indicate failure to correct waiting
-
-
-        return false;
-      }
-    }, {
-      key: 'afterSeekableWindow_',
-      value: function afterSeekableWindow_(seekable, currentTime, playlist) {
-        var allowSeeksWithinUnsafeLiveWindow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
-        if (!seekable.length) {
-          // we can't make a solid case if there's no seekable, default to false
-          return false;
-        }
-
-        var allowedEnd = seekable.end(seekable.length - 1) + SAFE_TIME_DELTA;
-        var isLive = !playlist.endList;
-
-        if (isLive && allowSeeksWithinUnsafeLiveWindow) {
-          allowedEnd = seekable.end(seekable.length - 1) + playlist.targetDuration * 3;
-        }
-
-        if (currentTime > allowedEnd) {
-          return true;
-        }
-
-        return false;
-      }
-    }, {
-      key: 'beforeSeekableWindow_',
-      value: function beforeSeekableWindow_(seekable, currentTime) {
-        if (seekable.length && // can't fall before 0 and 0 seekable start identifies VOD stream
-        seekable.start(0) > 0 && currentTime < seekable.start(0) - SAFE_TIME_DELTA) {
-          return true;
-        }
-
-        return false;
-      }
-    }, {
-      key: 'videoUnderflow_',
-      value: function videoUnderflow_(nextRange, buffered, currentTime) {
-        if (nextRange.length === 0) {
-          // Even if there is no available next range, there is still a possibility we are
-          // stuck in a gap due to video underflow.
-          var gap = this.gapFromVideoUnderflow_(buffered, currentTime);
-
-          if (gap) {
-            this.logger_('Encountered a gap in video from ' + gap.start + ' to ' + gap.end + '. ' + ('Seeking to current time ' + currentTime));
-            return true;
-          }
-        }
-
-        return false;
-      }
-      /**
-       * Timer callback. If playback still has not proceeded, then we seek
-       * to the start of the next buffered region.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'skipTheGap_',
-      value: function skipTheGap_(scheduledCurrentTime) {
-        var buffered = this.tech_.buffered();
-        var currentTime = this.tech_.currentTime();
-        var nextRange = findNextRange(buffered, currentTime);
-        this.cancelTimer_();
-
-        if (nextRange.length === 0 || currentTime !== scheduledCurrentTime) {
-          return;
-        }
-
-        this.logger_('skipTheGap_:', 'currentTime:', currentTime, 'scheduled currentTime:', scheduledCurrentTime, 'nextRange start:', nextRange.start(0)); // only seek if we still have not played
-
-        this.seekTo(nextRange.start(0) + TIME_FUDGE_FACTOR);
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-gap-skip'
-        });
-      }
-    }, {
-      key: 'gapFromVideoUnderflow_',
-      value: function gapFromVideoUnderflow_(buffered, currentTime) {
-        // At least in Chrome, if there is a gap in the video buffer, the audio will continue
-        // playing for ~3 seconds after the video gap starts. This is done to account for
-        // video buffer underflow/underrun (note that this is not done when there is audio
-        // buffer underflow/underrun -- in that case the video will stop as soon as it
-        // encounters the gap, as audio stalls are more noticeable/jarring to a user than
-        // video stalls). The player's time will reflect the playthrough of audio, so the
-        // time will appear as if we are in a buffered region, even if we are stuck in a
-        // "gap."
-        //
-        // Example:
-        // video buffer:   0 => 10.1, 10.2 => 20
-        // audio buffer:   0 => 20
-        // overall buffer: 0 => 10.1, 10.2 => 20
-        // current time: 13
-        //
-        // Chrome's video froze at 10 seconds, where the video buffer encountered the gap,
-        // however, the audio continued playing until it reached ~3 seconds past the gap
-        // (13 seconds), at which point it stops as well. Since current time is past the
-        // gap, findNextRange will return no ranges.
-        //
-        // To check for this issue, we see if there is a gap that starts somewhere within
-        // a 3 second range (3 seconds +/- 1 second) back from our current time.
-        var gaps = findGaps(buffered);
-
-        for (var i = 0; i < gaps.length; i++) {
-          var start = gaps.start(i);
-          var end = gaps.end(i); // gap is starts no more than 4 seconds back
-
-          if (currentTime - start < 4 && currentTime - start > 2) {
-            return {
-              start: start,
-              end: end
-            };
-          }
-        }
-
-        return null;
-      }
-    }]);
-    return PlaybackWatcher;
-  }();
-
-  var defaultOptions = {
-    errorInterval: 30,
-    getSource: function getSource(next) {
-      var tech = this.tech({
-        IWillNotUseThisInPlugins: true
-      });
-      var sourceObj = tech.currentSource_;
-      return next(sourceObj);
-    }
-  };
-  /**
-   * Main entry point for the plugin
-   *
-   * @param {Player} player a reference to a videojs Player instance
-   * @param {Object} [options] an object with plugin options
-   * @private
-   */
-
-  var initPlugin = function initPlugin(player, options) {
-    var lastCalled = 0;
-    var seekTo = 0;
-    var localOptions = videojs$1.mergeOptions(defaultOptions, options);
-    player.ready(function () {
-      player.trigger({
-        type: 'usage',
-        name: 'hls-error-reload-initialized'
-      });
-    });
-    /**
-     * Player modifications to perform that must wait until `loadedmetadata`
-     * has been triggered
-     *
-     * @private
-     */
-
-    var loadedMetadataHandler = function loadedMetadataHandler() {
-      if (seekTo) {
-        player.currentTime(seekTo);
-      }
-    };
-    /**
-     * Set the source on the player element, play, and seek if necessary
-     *
-     * @param {Object} sourceObj An object specifying the source url and mime-type to play
-     * @private
-     */
-
-
-    var setSource = function setSource(sourceObj) {
-      if (sourceObj === null || sourceObj === undefined) {
-        return;
-      }
-
-      seekTo = player.duration() !== Infinity && player.currentTime() || 0;
-      player.one('loadedmetadata', loadedMetadataHandler);
-      player.src(sourceObj);
-      player.trigger({
-        type: 'usage',
-        name: 'hls-error-reload'
-      });
-      player.play();
-    };
-    /**
-     * Attempt to get a source from either the built-in getSource function
-     * or a custom function provided via the options
-     *
-     * @private
-     */
-
-
-    var errorHandler = function errorHandler() {
-      // Do not attempt to reload the source if a source-reload occurred before
-      // 'errorInterval' time has elapsed since the last source-reload
-      if (Date.now() - lastCalled < localOptions.errorInterval * 1000) {
-        player.trigger({
-          type: 'usage',
-          name: 'hls-error-reload-canceled'
-        });
-        return;
-      }
-
-      if (!localOptions.getSource || typeof localOptions.getSource !== 'function') {
-        videojs$1.log.error('ERROR: reloadSourceOnError - The option getSource must be a function!');
-        return;
-      }
-
-      lastCalled = Date.now();
-      return localOptions.getSource.call(player, setSource);
-    };
-    /**
-     * Unbind any event handlers that were bound by the plugin
-     *
-     * @private
-     */
-
-
-    var cleanupEvents = function cleanupEvents() {
-      player.off('loadedmetadata', loadedMetadataHandler);
-      player.off('error', errorHandler);
-      player.off('dispose', cleanupEvents);
-    };
-    /**
-     * Cleanup before re-initializing the plugin
-     *
-     * @param {Object} [newOptions] an object with plugin options
-     * @private
-     */
-
-
-    var reinitPlugin = function reinitPlugin(newOptions) {
-      cleanupEvents();
-      initPlugin(player, newOptions);
-    };
-
-    player.on('error', errorHandler);
-    player.on('dispose', cleanupEvents); // Overwrite the plugin function so that we can correctly cleanup before
-    // initializing the plugin
-
-    player.reloadSourceOnError = reinitPlugin;
-  };
-  /**
-   * Reload the source when an error is detected as long as there
-   * wasn't an error previously within the last 30 seconds
-   *
-   * @param {Object} [options] an object with plugin options
-   */
-
-
-  var reloadSourceOnError = function reloadSourceOnError(options) {
-    initPlugin(this, options);
-  };
-
-  var version$1 = "1.11.2"; // since VHS handles HLS and DASH (and in the future, more types), use * to capture all
-
-  videojs$1.use('*', function (player) {
-    return {
-      setSource: function setSource(srcObj, next) {
-        // pass null as the first argument to indicate that the source is not rejected
-        next(null, srcObj);
-      },
-      // VHS needs to know when seeks happen. For external seeks (generated at the player
-      // level), this middleware will capture the action. For internal seeks (generated at
-      // the tech level), we use a wrapped function so that we can handle it on our own
-      // (specified elsewhere).
-      setCurrentTime: function setCurrentTime(time) {
-        if (player.vhs && player.currentSource().src === player.vhs.source_.src) {
-          player.vhs.setCurrentTime(time);
-        }
-
-        return time;
-      },
-      // Sync VHS after play requests.
-      // This specifically handles replay where the order of actions is
-      // play, video element will seek to 0 (skipping the setCurrentTime middleware)
-      // then triggers a play event.
-      play: function play() {
-        if (player.vhs && player.currentSource().src === player.vhs.source_.src) {
-          player.vhs.setCurrentTime(player.tech_.currentTime());
-        }
-      }
-    };
-  });
-  /**
-   * @file videojs-http-streaming.js
-   *
-   * The main file for the HLS project.
-   * License: https://github.com/videojs/videojs-http-streaming/blob/master/LICENSE
-   */
-
-  var Hls$1 = {
-    PlaylistLoader: PlaylistLoader,
-    Playlist: Playlist,
-    Decrypter: Decrypter,
-    AsyncStream: AsyncStream,
-    decrypt: decrypt,
-    utils: utils$1,
-    STANDARD_PLAYLIST_SELECTOR: lastBandwidthSelector,
-    INITIAL_PLAYLIST_SELECTOR: lowestBitrateCompatibleVariantSelector,
-    comparePlaylistBandwidth: comparePlaylistBandwidth,
-    comparePlaylistResolution: comparePlaylistResolution,
-    xhr: xhrFactory()
-  }; // Define getter/setters for config properites
-
-  ['GOAL_BUFFER_LENGTH', 'MAX_GOAL_BUFFER_LENGTH', 'GOAL_BUFFER_LENGTH_RATE', 'BUFFER_LOW_WATER_LINE', 'MAX_BUFFER_LOW_WATER_LINE', 'BUFFER_LOW_WATER_LINE_RATE', 'BANDWIDTH_VARIANCE'].forEach(function (prop) {
-    Object.defineProperty(Hls$1, prop, {
-      get: function get$$1() {
-        videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-        return Config[prop];
-      },
-      set: function set$$1(value) {
-        videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-
-        if (typeof value !== 'number' || value < 0) {
-          videojs$1.log.warn('value of Hls.' + prop + ' must be greater than or equal to 0');
-          return;
-        }
-
-        Config[prop] = value;
-      }
-    });
-  });
-  var LOCAL_STORAGE_KEY$1 = 'videojs-vhs';
-
-  var simpleTypeFromSourceType = function simpleTypeFromSourceType(type) {
-    var mpegurlRE = /^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i;
-
-    if (mpegurlRE.test(type)) {
-      return 'hls';
-    }
-
-    var dashRE = /^application\/dash\+xml/i;
-
-    if (dashRE.test(type)) {
-      return 'dash';
-    }
-
-    return null;
-  };
-  /**
-   * Updates the selectedIndex of the QualityLevelList when a mediachange happens in hls.
-   *
-   * @param {QualityLevelList} qualityLevels The QualityLevelList to update.
-   * @param {PlaylistLoader} playlistLoader PlaylistLoader containing the new media info.
-   * @function handleHlsMediaChange
-   */
-
-
-  var handleHlsMediaChange = function handleHlsMediaChange(qualityLevels, playlistLoader) {
-    var newPlaylist = playlistLoader.media();
-    var selectedIndex = -1;
-
-    for (var i = 0; i < qualityLevels.length; i++) {
-      if (qualityLevels[i].id === newPlaylist.uri) {
-        selectedIndex = i;
-        break;
-      }
-    }
-
-    qualityLevels.selectedIndex_ = selectedIndex;
-    qualityLevels.trigger({
-      selectedIndex: selectedIndex,
-      type: 'change'
-    });
-  };
-  /**
-   * Adds quality levels to list once playlist metadata is available
-   *
-   * @param {QualityLevelList} qualityLevels The QualityLevelList to attach events to.
-   * @param {Object} hls Hls object to listen to for media events.
-   * @function handleHlsLoadedMetadata
-   */
-
-
-  var handleHlsLoadedMetadata = function handleHlsLoadedMetadata(qualityLevels, hls) {
-    hls.representations().forEach(function (rep) {
-      qualityLevels.addQualityLevel(rep);
-    });
-    handleHlsMediaChange(qualityLevels, hls.playlists);
-  }; // HLS is a source handler, not a tech. Make sure attempts to use it
-  // as one do not cause exceptions.
-
-
-  Hls$1.canPlaySource = function () {
-    return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-  };
-
-  var emeKeySystems = function emeKeySystems(keySystemOptions, mainSegmentLoader, audioSegmentLoader) {
-    if (!keySystemOptions) {
-      return keySystemOptions;
-    }
-
-    var videoMimeType = void 0;
-    var audioMimeType = void 0; // if there is a mimeType associated with the audioSegmentLoader, then the audio
-    // and video mimeType and codec strings are already in the format we need to
-    // pass with the other key systems
-
-    if (audioSegmentLoader.mimeType_) {
-      videoMimeType = mainSegmentLoader.mimeType_;
-      audioMimeType = audioSegmentLoader.mimeType_; // if there is no audioSegmentLoader mimeType, then we have to create the
-      // the audio and video mimeType/codec strings from information extrapolated
-      // from the mainSegmentLoader mimeType (ex. 'video/mp4; codecs="mp4, avc1"' -->
-      // 'video/mp4; codecs="avc1"' and 'audio/mp4; codecs="mp4"')
-    } else {
-      var parsedMimeType = parseContentType(mainSegmentLoader.mimeType_);
-      var codecs = parsedMimeType.parameters.codecs.split(',');
-      var audioCodec = void 0;
-      var videoCodec = void 0;
-      codecs.forEach(function (codec) {
-        codec = codec.trim();
-
-        if (isAudioCodec(codec)) {
-          audioCodec = codec;
-        } else if (isVideoCodec(codec)) {
-          videoCodec = codec;
-        }
-      });
-      videoMimeType = parsedMimeType.type + '; codecs="' + videoCodec + '"';
-      audioMimeType = parsedMimeType.type.replace('video', 'audio') + '; codecs="' + audioCodec + '"';
-    } // upsert the content types based on the selected playlist
-
-
-    var keySystemContentTypes = {};
-    var videoPlaylist = mainSegmentLoader.playlist_;
-
-    for (var keySystem in keySystemOptions) {
-      keySystemContentTypes[keySystem] = {
-        audioContentType: audioMimeType,
-        videoContentType: videoMimeType
-      };
-
-      if (videoPlaylist.contentProtection && videoPlaylist.contentProtection[keySystem] && videoPlaylist.contentProtection[keySystem].pssh) {
-        keySystemContentTypes[keySystem].pssh = videoPlaylist.contentProtection[keySystem].pssh;
-      } // videojs-contrib-eme accepts the option of specifying: 'com.some.cdm': 'url'
-      // so we need to prevent overwriting the URL entirely
-
-
-      if (typeof keySystemOptions[keySystem] === 'string') {
-        keySystemContentTypes[keySystem].url = keySystemOptions[keySystem];
-      }
-    }
-
-    return videojs$1.mergeOptions(keySystemOptions, keySystemContentTypes);
-  };
-
-  var setupEmeOptions = function setupEmeOptions(hlsHandler) {
-    var mainSegmentLoader = hlsHandler.masterPlaylistController_.mainSegmentLoader_;
-    var audioSegmentLoader = hlsHandler.masterPlaylistController_.audioSegmentLoader_;
-    var player = videojs$1.players[hlsHandler.tech_.options_.playerId];
-
-    if (player.eme) {
-      var sourceOptions = emeKeySystems(hlsHandler.source_.keySystems, mainSegmentLoader, audioSegmentLoader);
-
-      if (sourceOptions) {
-        player.currentSource().keySystems = sourceOptions; // Works around https://bugs.chromium.org/p/chromium/issues/detail?id=895449
-        // in non-IE11 browsers. In IE11 this is too early to initialize media keys
-
-        if (!(videojs$1.browser.IE_VERSION === 11) && player.eme.initializeMediaKeys) {
-          player.eme.initializeMediaKeys();
-        }
-      }
-    }
-  };
-
-  var getVhsLocalStorage = function getVhsLocalStorage() {
-    if (!window.localStorage) {
-      return null;
-    }
-
-    var storedObject = window.localStorage.getItem(LOCAL_STORAGE_KEY$1);
-
-    if (!storedObject) {
-      return null;
-    }
-
-    try {
-      return JSON.parse(storedObject);
-    } catch (e) {
-      // someone may have tampered with the value
-      return null;
-    }
-  };
-
-  var updateVhsLocalStorage = function updateVhsLocalStorage(options) {
-    if (!window.localStorage) {
-      return false;
-    }
-
-    var objectToStore = getVhsLocalStorage();
-    objectToStore = objectToStore ? videojs$1.mergeOptions(objectToStore, options) : options;
-
-    try {
-      window.localStorage.setItem(LOCAL_STORAGE_KEY$1, JSON.stringify(objectToStore));
-    } catch (e) {
-      // Throws if storage is full (e.g., always on iOS 5+ Safari private mode, where
-      // storage is set to 0).
-      // https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem#Exceptions
-      // No need to perform any operation.
-      return false;
-    }
-
-    return objectToStore;
-  };
-  /**
-   * Whether the browser has built-in HLS support.
-   */
-
-
-  Hls$1.supportsNativeHls = function () {
-    var video = document.createElement('video'); // native HLS is definitely not supported if HTML5 video isn't
-
-    if (!videojs$1.getTech('Html5').isSupported()) {
-      return false;
-    } // HLS manifests can go by many mime-types
-
-
-    var canPlay = [// Apple santioned
-    'application/vnd.apple.mpegurl', // Apple sanctioned for backwards compatibility
-    'audio/mpegurl', // Very common
-    'audio/x-mpegurl', // Very common
-    'application/x-mpegurl', // Included for completeness
-    'video/x-mpegurl', 'video/mpegurl', 'application/mpegurl'];
-    return canPlay.some(function (canItPlay) {
-      return /maybe|probably/i.test(video.canPlayType(canItPlay));
-    });
-  }();
-
-  Hls$1.supportsNativeDash = function () {
-    if (!videojs$1.getTech('Html5').isSupported()) {
-      return false;
-    }
-
-    return /maybe|probably/i.test(document.createElement('video').canPlayType('application/dash+xml'));
-  }();
-
-  Hls$1.supportsTypeNatively = function (type) {
-    if (type === 'hls') {
-      return Hls$1.supportsNativeHls;
-    }
-
-    if (type === 'dash') {
-      return Hls$1.supportsNativeDash;
-    }
-
-    return false;
-  };
-  /**
-   * HLS is a source handler, not a tech. Make sure attempts to use it
-   * as one do not cause exceptions.
-   */
-
-
-  Hls$1.isSupported = function () {
-    return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-  };
-
-  var Component$1 = videojs$1.getComponent('Component');
-  /**
-   * The Hls Handler object, where we orchestrate all of the parts
-   * of HLS to interact with video.js
-   *
-   * @class HlsHandler
-   * @extends videojs.Component
-   * @param {Object} source the soruce object
-   * @param {Tech} tech the parent tech object
-   * @param {Object} options optional and required options
-   */
-
-  var HlsHandler = function (_Component) {
-    inherits$2(HlsHandler, _Component);
-
-    function HlsHandler(source, tech, options) {
-      classCallCheck$1(this, HlsHandler); // tech.player() is deprecated but setup a reference to HLS for
-      // backwards-compatibility
-
-      var _this = possibleConstructorReturn$1(this, (HlsHandler.__proto__ || Object.getPrototypeOf(HlsHandler)).call(this, tech, options.hls));
-
-      if (tech.options_ && tech.options_.playerId) {
-        var _player = videojs$1(tech.options_.playerId);
-
-        if (!_player.hasOwnProperty('hls')) {
-          Object.defineProperty(_player, 'hls', {
-            get: function get$$1() {
-              videojs$1.log.warn('player.hls is deprecated. Use player.tech().hls instead.');
-              tech.trigger({
-                type: 'usage',
-                name: 'hls-player-access'
-              });
-              return _this;
-            },
-            configurable: true
-          });
-        } // Set up a reference to the HlsHandler from player.vhs. This allows users to start
-        // migrating from player.tech_.hls... to player.vhs... for API access. Although this
-        // isn't the most appropriate form of reference for video.js (since all APIs should
-        // be provided through core video.js), it is a common pattern for plugins, and vhs
-        // will act accordingly.
-
-
-        _player.vhs = _this; // deprecated, for backwards compatibility
-
-        _player.dash = _this;
-        _this.player_ = _player;
-      }
-
-      _this.tech_ = tech;
-      _this.source_ = source;
-      _this.stats = {};
-
-      _this.setOptions_();
-
-      if (_this.options_.overrideNative && tech.overrideNativeAudioTracks && tech.overrideNativeVideoTracks) {
-        tech.overrideNativeAudioTracks(true);
-        tech.overrideNativeVideoTracks(true);
-      } else if (_this.options_.overrideNative && (tech.featuresNativeVideoTracks || tech.featuresNativeAudioTracks)) {
-        // overriding native HLS only works if audio tracks have been emulated
-        // error early if we're misconfigured
-        throw new Error('Overriding native HLS requires emulated tracks. ' + 'See https://git.io/vMpjB');
-      } // listen for fullscreenchange events for this player so that we
-      // can adjust our quality selection quickly
-
-
-      _this.on(document, ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange'], function (event) {
-        var fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
-
-        if (fullscreenElement && fullscreenElement.contains(_this.tech_.el())) {
-          _this.masterPlaylistController_.smoothQualityChange_();
-        }
-      }); // Handle seeking when looping - middleware doesn't handle this seek event from the tech
-
-
-      _this.on(_this.tech_, 'seeking', function () {
-        if (this.tech_.currentTime() === 0 && this.tech_.player_.loop()) {
-          this.setCurrentTime(0);
-        }
-      });
-
-      _this.on(_this.tech_, 'error', function () {
-        if (this.masterPlaylistController_) {
-          this.masterPlaylistController_.pauseLoading();
-        }
-      });
-
-      _this.on(_this.tech_, 'play', _this.play);
-
-      return _this;
-    }
-
-    createClass$1(HlsHandler, [{
-      key: 'setOptions_',
-      value: function setOptions_() {
-        var _this2 = this; // defaults
-
-
-        this.options_.withCredentials = this.options_.withCredentials || false;
-        this.options_.handleManifestRedirects = this.options_.handleManifestRedirects || false;
-        this.options_.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions === false ? false : true;
-        this.options_.smoothQualityChange = this.options_.smoothQualityChange || false;
-        this.options_.useBandwidthFromLocalStorage = typeof this.source_.useBandwidthFromLocalStorage !== 'undefined' ? this.source_.useBandwidthFromLocalStorage : this.options_.useBandwidthFromLocalStorage || false;
-        this.options_.customTagParsers = this.options_.customTagParsers || [];
-        this.options_.customTagMappers = this.options_.customTagMappers || [];
-        this.options_.cacheEncryptionKeys = this.options_.cacheEncryptionKeys || false;
-
-        if (typeof this.options_.blacklistDuration !== 'number') {
-          this.options_.blacklistDuration = 5 * 60;
-        }
-
-        if (typeof this.options_.bandwidth !== 'number') {
-          if (this.options_.useBandwidthFromLocalStorage) {
-            var storedObject = getVhsLocalStorage();
-
-            if (storedObject && storedObject.bandwidth) {
-              this.options_.bandwidth = storedObject.bandwidth;
-              this.tech_.trigger({
-                type: 'usage',
-                name: 'hls-bandwidth-from-local-storage'
-              });
-            }
-
-            if (storedObject && storedObject.throughput) {
-              this.options_.throughput = storedObject.throughput;
-              this.tech_.trigger({
-                type: 'usage',
-                name: 'hls-throughput-from-local-storage'
-              });
-            }
-          }
-        } // if bandwidth was not set by options or pulled from local storage, start playlist
-        // selection at a reasonable bandwidth
-
-
-        if (typeof this.options_.bandwidth !== 'number') {
-          this.options_.bandwidth = Config.INITIAL_BANDWIDTH;
-        } // If the bandwidth number is unchanged from the initial setting
-        // then this takes precedence over the enableLowInitialPlaylist option
-
-
-        this.options_.enableLowInitialPlaylist = this.options_.enableLowInitialPlaylist && this.options_.bandwidth === Config.INITIAL_BANDWIDTH; // grab options passed to player.src
-
-        ['withCredentials', 'limitRenditionByPlayerDimensions', 'bandwidth', 'smoothQualityChange', 'customTagParsers', 'customTagMappers', 'handleManifestRedirects', 'cacheEncryptionKeys'].forEach(function (option) {
-          if (typeof _this2.source_[option] !== 'undefined') {
-            _this2.options_[option] = _this2.source_[option];
-          }
-        });
-        this.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions;
-      }
-      /**
-       * called when player.src gets called, handle a new source
-       *
-       * @param {Object} src the source object to handle
-       */
-
-    }, {
-      key: 'src',
-      value: function src(_src, type) {
-        var _this3 = this; // do nothing if the src is falsey
-
-
-        if (!_src) {
-          return;
-        }
-
-        this.setOptions_(); // add master playlist controller options
-
-        this.options_.url = this.source_.src;
-        this.options_.tech = this.tech_;
-        this.options_.externHls = Hls$1;
-        this.options_.sourceType = simpleTypeFromSourceType(type); // Whenever we seek internally, we should update both the tech and call our own
-        // setCurrentTime function. This is needed because "seeking" events aren't always
-        // reliable. External seeks (via the player object) are handled via middleware.
-
-        this.options_.seekTo = function (time) {
-          _this3.tech_.setCurrentTime(time);
-
-          _this3.setCurrentTime(time);
-        };
-
-        this.masterPlaylistController_ = new MasterPlaylistController(this.options_);
-        this.playbackWatcher_ = new PlaybackWatcher(videojs$1.mergeOptions(this.options_, {
-          seekable: function seekable$$1() {
-            return _this3.seekable();
-          },
-          media: function media() {
-            return _this3.masterPlaylistController_.media();
-          }
-        }));
-        this.masterPlaylistController_.on('error', function () {
-          var player = videojs$1.players[_this3.tech_.options_.playerId];
-          player.error(_this3.masterPlaylistController_.error);
-        }); // `this` in selectPlaylist should be the HlsHandler for backwards
-        // compatibility with < v2
-
-        this.masterPlaylistController_.selectPlaylist = this.selectPlaylist ? this.selectPlaylist.bind(this) : Hls$1.STANDARD_PLAYLIST_SELECTOR.bind(this);
-        this.masterPlaylistController_.selectInitialPlaylist = Hls$1.INITIAL_PLAYLIST_SELECTOR.bind(this); // re-expose some internal objects for backwards compatibility with < v2
-
-        this.playlists = this.masterPlaylistController_.masterPlaylistLoader_;
-        this.mediaSource = this.masterPlaylistController_.mediaSource; // Proxy assignment of some properties to the master playlist
-        // controller. Using a custom property for backwards compatibility
-        // with < v2
-
-        Object.defineProperties(this, {
-          selectPlaylist: {
-            get: function get$$1() {
-              return this.masterPlaylistController_.selectPlaylist;
-            },
-            set: function set$$1(selectPlaylist) {
-              this.masterPlaylistController_.selectPlaylist = selectPlaylist.bind(this);
-            }
-          },
-          throughput: {
-            get: function get$$1() {
-              return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate;
-            },
-            set: function set$$1(throughput) {
-              this.masterPlaylistController_.mainSegmentLoader_.throughput.rate = throughput; // By setting `count` to 1 the throughput value becomes the starting value
-              // for the cumulative average
-
-              this.masterPlaylistController_.mainSegmentLoader_.throughput.count = 1;
-            }
-          },
-          bandwidth: {
-            get: function get$$1() {
-              return this.masterPlaylistController_.mainSegmentLoader_.bandwidth;
-            },
-            set: function set$$1(bandwidth) {
-              this.masterPlaylistController_.mainSegmentLoader_.bandwidth = bandwidth; // setting the bandwidth manually resets the throughput counter
-              // `count` is set to zero that current value of `rate` isn't included
-              // in the cumulative average
-
-              this.masterPlaylistController_.mainSegmentLoader_.throughput = {
-                rate: 0,
-                count: 0
-              };
-            }
-          },
-
-          /**
-           * `systemBandwidth` is a combination of two serial processes bit-rates. The first
-           * is the network bitrate provided by `bandwidth` and the second is the bitrate of
-           * the entire process after that - decryption, transmuxing, and appending - provided
-           * by `throughput`.
-           *
-           * Since the two process are serial, the overall system bandwidth is given by:
-           *   sysBandwidth = 1 / (1 / bandwidth + 1 / throughput)
-           */
-          systemBandwidth: {
-            get: function get$$1() {
-              var invBandwidth = 1 / (this.bandwidth || 1);
-              var invThroughput = void 0;
-
-              if (this.throughput > 0) {
-                invThroughput = 1 / this.throughput;
-              } else {
-                invThroughput = 0;
-              }
-
-              var systemBitrate = Math.floor(1 / (invBandwidth + invThroughput));
-              return systemBitrate;
-            },
-            set: function set$$1() {
-              videojs$1.log.error('The "systemBandwidth" property is read-only');
-            }
-          }
-        });
-
-        if (this.options_.bandwidth) {
-          this.bandwidth = this.options_.bandwidth;
-        }
-
-        if (this.options_.throughput) {
-          this.throughput = this.options_.throughput;
-        }
-
-        Object.defineProperties(this.stats, {
-          bandwidth: {
-            get: function get$$1() {
-              return _this3.bandwidth || 0;
-            },
-            enumerable: true
-          },
-          mediaRequests: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaRequests_() || 0;
-            },
-            enumerable: true
-          },
-          mediaRequestsAborted: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaRequestsAborted_() || 0;
-            },
-            enumerable: true
-          },
-          mediaRequestsTimedout: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaRequestsTimedout_() || 0;
-            },
-            enumerable: true
-          },
-          mediaRequestsErrored: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaRequestsErrored_() || 0;
-            },
-            enumerable: true
-          },
-          mediaTransferDuration: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaTransferDuration_() || 0;
-            },
-            enumerable: true
-          },
-          mediaBytesTransferred: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaBytesTransferred_() || 0;
-            },
-            enumerable: true
-          },
-          mediaSecondsLoaded: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaSecondsLoaded_() || 0;
-            },
-            enumerable: true
-          },
-          buffered: {
-            get: function get$$1() {
-              return timeRangesToArray(_this3.tech_.buffered());
-            },
-            enumerable: true
-          },
-          currentTime: {
-            get: function get$$1() {
-              return _this3.tech_.currentTime();
-            },
-            enumerable: true
-          },
-          currentSource: {
-            get: function get$$1() {
-              return _this3.tech_.currentSource_;
-            },
-            enumerable: true
-          },
-          currentTech: {
-            get: function get$$1() {
-              return _this3.tech_.name_;
-            },
-            enumerable: true
-          },
-          duration: {
-            get: function get$$1() {
-              return _this3.tech_.duration();
-            },
-            enumerable: true
-          },
-          master: {
-            get: function get$$1() {
-              return _this3.playlists.master;
-            },
-            enumerable: true
-          },
-          playerDimensions: {
-            get: function get$$1() {
-              return _this3.tech_.currentDimensions();
-            },
-            enumerable: true
-          },
-          seekable: {
-            get: function get$$1() {
-              return timeRangesToArray(_this3.tech_.seekable());
-            },
-            enumerable: true
-          },
-          timestamp: {
-            get: function get$$1() {
-              return Date.now();
-            },
-            enumerable: true
-          },
-          videoPlaybackQuality: {
-            get: function get$$1() {
-              return _this3.tech_.getVideoPlaybackQuality();
-            },
-            enumerable: true
-          }
-        });
-        this.tech_.one('canplay', this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_));
-        this.tech_.on('bandwidthupdate', function () {
-          if (_this3.options_.useBandwidthFromLocalStorage) {
-            updateVhsLocalStorage({
-              bandwidth: _this3.bandwidth,
-              throughput: Math.round(_this3.throughput)
-            });
-          }
-        });
-        this.masterPlaylistController_.on('selectedinitialmedia', function () {
-          // Add the manual rendition mix-in to HlsHandler
-          renditionSelectionMixin(_this3);
-          setupEmeOptions(_this3);
-        }); // the bandwidth of the primary segment loader is our best
-        // estimate of overall bandwidth
-
-        this.on(this.masterPlaylistController_, 'progress', function () {
-          this.tech_.trigger('progress');
-        });
-        this.tech_.ready(function () {
-          return _this3.setupQualityLevels_();
-        }); // do nothing if the tech has been disposed already
-        // this can occur if someone sets the src in player.ready(), for instance
-
-        if (!this.tech_.el()) {
-          return;
-        }
-
-        this.tech_.src(videojs$1.URL.createObjectURL(this.masterPlaylistController_.mediaSource));
-      }
-      /**
-       * Initializes the quality levels and sets listeners to update them.
-       *
-       * @method setupQualityLevels_
-       * @private
-       */
-
-    }, {
-      key: 'setupQualityLevels_',
-      value: function setupQualityLevels_() {
-        var _this4 = this;
-
-        var player = videojs$1.players[this.tech_.options_.playerId];
-
-        if (player && player.qualityLevels) {
-          this.qualityLevels_ = player.qualityLevels();
-          this.masterPlaylistController_.on('selectedinitialmedia', function () {
-            handleHlsLoadedMetadata(_this4.qualityLevels_, _this4);
-          });
-          this.playlists.on('mediachange', function () {
-            handleHlsMediaChange(_this4.qualityLevels_, _this4.playlists);
-          });
-        }
-      }
-      /**
-       * Begin playing the video.
-       */
-
-    }, {
-      key: 'play',
-      value: function play() {
-        this.masterPlaylistController_.play();
-      }
-      /**
-       * a wrapper around the function in MasterPlaylistController
-       */
-
-    }, {
-      key: 'setCurrentTime',
-      value: function setCurrentTime(currentTime) {
-        this.masterPlaylistController_.setCurrentTime(currentTime);
-      }
-      /**
-       * a wrapper around the function in MasterPlaylistController
-       */
-
-    }, {
-      key: 'duration',
-      value: function duration$$1() {
-        return this.masterPlaylistController_.duration();
-      }
-      /**
-       * a wrapper around the function in MasterPlaylistController
-       */
-
-    }, {
-      key: 'seekable',
-      value: function seekable$$1() {
-        return this.masterPlaylistController_.seekable();
-      }
-      /**
-       * Abort all outstanding work and cleanup.
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        if (this.playbackWatcher_) {
-          this.playbackWatcher_.dispose();
-        }
-
-        if (this.masterPlaylistController_) {
-          this.masterPlaylistController_.dispose();
-        }
-
-        if (this.qualityLevels_) {
-          this.qualityLevels_.dispose();
-        }
-
-        if (this.player_) {
-          delete this.player_.vhs;
-          delete this.player_.dash;
-          delete this.player_.hls;
-        }
-
-        if (this.tech_ && this.tech_.hls) {
-          delete this.tech_.hls;
-        }
-
-        get$1(HlsHandler.prototype.__proto__ || Object.getPrototypeOf(HlsHandler.prototype), 'dispose', this).call(this);
-      }
-    }, {
-      key: 'convertToProgramTime',
-      value: function convertToProgramTime(time, callback) {
-        return getProgramTime({
-          playlist: this.masterPlaylistController_.media(),
-          time: time,
-          callback: callback
-        });
-      } // the player must be playing before calling this
-
-    }, {
-      key: 'seekToProgramTime',
-      value: function seekToProgramTime$$1(programTime, callback) {
-        var pauseAfterSeek = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-        var retryCount = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
-        return seekToProgramTime({
-          programTime: programTime,
-          playlist: this.masterPlaylistController_.media(),
-          retryCount: retryCount,
-          pauseAfterSeek: pauseAfterSeek,
-          seekTo: this.options_.seekTo,
-          tech: this.options_.tech,
-          callback: callback
-        });
-      }
-    }]);
-    return HlsHandler;
-  }(Component$1);
-  /**
-   * The Source Handler object, which informs video.js what additional
-   * MIME types are supported and sets up playback. It is registered
-   * automatically to the appropriate tech based on the capabilities of
-   * the browser it is running in. It is not necessary to use or modify
-   * this object in normal usage.
-   */
-
-
-  var HlsSourceHandler = {
-    name: 'videojs-http-streaming',
-    VERSION: version$1,
-    canHandleSource: function canHandleSource(srcObj) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
-      return HlsSourceHandler.canPlayType(srcObj.type, localOptions);
-    },
-    handleSource: function handleSource(source, tech) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
-      tech.hls = new HlsHandler(source, tech, localOptions);
-      tech.hls.xhr = xhrFactory();
-      tech.hls.src(source.src, source.type);
-      return tech.hls;
-    },
-    canPlayType: function canPlayType(type) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      var _videojs$mergeOptions = videojs$1.mergeOptions(videojs$1.options, options),
-          overrideNative = _videojs$mergeOptions.hls.overrideNative;
-
-      var supportedType = simpleTypeFromSourceType(type);
-      var canUseMsePlayback = supportedType && (!Hls$1.supportsTypeNatively(supportedType) || overrideNative);
-      return canUseMsePlayback ? 'maybe' : '';
-    }
-  };
-
-  if (typeof videojs$1.MediaSource === 'undefined' || typeof videojs$1.URL === 'undefined') {
-    videojs$1.MediaSource = MediaSource;
-    videojs$1.URL = URL$1;
-  } // register source handlers with the appropriate techs
-
-
-  if (MediaSource.supportsNativeMediaSources()) {
-    videojs$1.getTech('Html5').registerSourceHandler(HlsSourceHandler, 0);
-  }
-
-  videojs$1.HlsHandler = HlsHandler;
-  videojs$1.HlsSourceHandler = HlsSourceHandler;
-  videojs$1.Hls = Hls$1;
-
-  if (!videojs$1.use) {
-    videojs$1.registerComponent('Hls', Hls$1);
-  }
-
-  videojs$1.options.hls = videojs$1.options.hls || {};
-
-  if (videojs$1.registerPlugin) {
-    videojs$1.registerPlugin('reloadSourceOnError', reloadSourceOnError);
-  } else {
-    videojs$1.plugin('reloadSourceOnError', reloadSourceOnError);
-  }
-
-  return videojs$1;
-
-}));
diff --git a/negromate/web/static/js/videojs/alt/video.novtt.min.js b/negromate/web/static/js/videojs/alt/video.novtt.min.js
deleted file mode 100644
index ee8d873..0000000
--- a/negromate/web/static/js/videojs/alt/video.novtt.min.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("global/window"),require("global/document")):"function"==typeof define&&define.amd?define(["global/window","global/document"],t):(e=e||self).videojs=t(e.window,e.document)}(this,function(v,h){"use strict";v=v&&v.hasOwnProperty("default")?v.default:v,h=h&&h.hasOwnProperty("default")?h.default:h;var d="7.7.4",l=[],e=function(o,u){return function(e,t,i){var n=u.levels[t],r=new RegExp("^("+n+")$");if("log"!==e&&i.unshift(e.toUpperCase()+":"),i.unshift(o+":"),l){l.push([].concat(i));var s=l.length-1e3;l.splice(0,0<s?s:0)}if(v.console){var a=v.console[e];a||"debug"!==e||(a=v.console.info||v.console.log),a&&n&&r.test(e)&&a[Array.isArray(i)?"apply":"call"](v.console,i)}}};var p=function t(i){function n(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];r("log",s,t)}var r,s="info";return r=e(i,n),n.createLogger=function(e){return t(i+": "+e)},n.levels={all:"debug|log|warn|error",off:"",debug:"debug|log|warn|error",info:"log|warn|error",warn:"warn|error",error:"error",DEFAULT:s},n.level=function(e){if("string"==typeof e){if(!n.levels.hasOwnProperty(e))throw new Error('"'+e+'" in not a valid log level');s=e}return s},(n.history=function(){return l?[].concat(l):[]}).filter=function(t){return(l||[]).filter(function(e){return new RegExp(".*"+t+".*").test(e[0])})},n.history.clear=function(){l&&(l.length=0)},n.history.disable=function(){null!==l&&(l.length=0,l=null)},n.history.enable=function(){null===l&&(l=[])},n.error=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return r("error",s,t)},n.warn=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return r("warn",s,t)},n.debug=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return r("debug",s,t)},n}("VIDEOJS"),f=p.createLogger;function t(e,t){return e(t={exports:{}},t.exports),t.exports}var r=t(function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},t.apply(this,arguments)}e.exports=t}),i=Object.prototype.toString,s=function(e){return o(e)?Object.keys(e):[]};function a(t,i){s(t).forEach(function(e){return i(t[e],e)})}function m(i){for(var e=arguments.length,t=new Array(1<e?e-1:0),n=1;n<e;n++)t[n-1]=arguments[n];return Object.assign?r.apply(void 0,[i].concat(t)):(t.forEach(function(e){e&&a(e,function(e,t){i[t]=e})}),i)}function o(e){return!!e&&"object"==typeof e}function u(e){return o(e)&&"[object Object]"===i.call(e)&&e.constructor===Object}function n(e,t){if(!e||!t)return"";if("function"!=typeof v.getComputedStyle)return"";var i=v.getComputedStyle(e);return i?i.getPropertyValue(t)||i[t]:""}function c(e){return"string"==typeof e&&Boolean(e.trim())}function g(e){if(0<=e.indexOf(" "))throw new Error("class has illegal whitespace characters")}function y(){return h===v.document}function _(e){return o(e)&&1===e.nodeType}function b(){try{return v.parent!==v.self}catch(e){return!0}}function T(n){return function(e,t){if(!c(e))return h[n](null);c(t)&&(t=h.querySelector(t));var i=_(t)?t:h;return i[n]&&i[n](e)}}function k(e,i,t,n){void 0===e&&(e="div"),void 0===i&&(i={}),void 0===t&&(t={});var r=h.createElement(e);return Object.getOwnPropertyNames(i).forEach(function(e){var t=i[e];-1!==e.indexOf("aria-")||"role"===e||"type"===e?(p.warn("Setting attributes in the second argument of createEl()\nhas been deprecated. Use the third argument instead.\ncreateEl(type, properties, attributes). Attempting to set "+e+" to "+t+"."),r.setAttribute(e,t)):"textContent"===e?S(r,t):r[e]!==t&&(r[e]=t)}),Object.getOwnPropertyNames(t).forEach(function(e){r.setAttribute(e,t[e])}),n&&q(r,n),r}function S(e,t){return"undefined"==typeof e.textContent?e.innerText=t:e.textContent=t,e}function C(e,t){t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e)}function E(e,t){return g(t),e.classList?e.classList.contains(t):function(e){return new RegExp("(^|\\s)"+e+"($|\\s)")}(t).test(e.className)}function w(e,t){return e.classList?e.classList.add(t):E(e,t)||(e.className=(e.className+" "+t).trim()),e}function P(e,t){return e.classList?e.classList.remove(t):(g(t),e.className=e.className.split(/\s+/).filter(function(e){return e!==t}).join(" ")),e}function L(e,t,i){var n=E(e,t);if("function"==typeof i&&(i=i(e,t)),"boolean"!=typeof i&&(i=!n),i!==n)return i?w(e,t):P(e,t),e}function I(i,n){Object.getOwnPropertyNames(n).forEach(function(e){var t=n[e];null===t||"undefined"==typeof t||!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})}function A(e){var t={},i=",autoplay,controls,playsinline,loop,muted,default,defaultMuted,";if(e&&e.attributes&&0<e.attributes.length)for(var n=e.attributes,r=n.length-1;0<=r;r--){var s=n[r].name,a=n[r].value;"boolean"!=typeof e[s]&&-1===i.indexOf(","+s+",")||(a=null!==a),t[s]=a}return t}function O(e,t){return e.getAttribute(t)}function x(e,t,i){e.setAttribute(t,i)}function D(e,t){e.removeAttribute(t)}function U(){h.body.focus(),h.onselectstart=function(){return!1}}function R(){h.onselectstart=function(){return!0}}function M(e){if(e&&e.getBoundingClientRect&&e.parentNode){var t=e.getBoundingClientRect(),i={};return["bottom","height","left","right","top","width"].forEach(function(e){void 0!==t[e]&&(i[e]=t[e])}),i.height||(i.height=parseFloat(n(e,"height"))),i.width||(i.width=parseFloat(n(e,"width"))),i}}function N(e){var t;if(e.getBoundingClientRect&&e.parentNode&&(t=e.getBoundingClientRect()),!t)return{left:0,top:0};var i=h.documentElement,n=h.body,r=i.clientLeft||n.clientLeft||0,s=v.pageXOffset||n.scrollLeft,a=t.left+s-r,o=i.clientTop||n.clientTop||0,u=v.pageYOffset||n.scrollTop,l=t.top+u-o;return{left:Math.round(a),top:Math.round(l)}}function B(e,t){var i={},n=N(e),r=e.offsetWidth,s=e.offsetHeight,a=n.top,o=n.left,u=t.pageY,l=t.pageX;return t.changedTouches&&(l=t.changedTouches[0].pageX,u=t.changedTouches[0].pageY),i.y=Math.max(0,Math.min(1,(a-u+s)/s)),i.x=Math.max(0,Math.min(1,(l-o)/r)),i}function j(e){return o(e)&&3===e.nodeType}function F(e){for(;e.firstChild;)e.removeChild(e.firstChild);return e}function H(e){return"function"==typeof e&&(e=e()),(Array.isArray(e)?e:[e]).map(function(e){return"function"==typeof e&&(e=e()),_(e)||j(e)?e:"string"==typeof e&&/\S/.test(e)?h.createTextNode(e):void 0}).filter(function(e){return e})}function q(t,e){return H(e).forEach(function(e){return t.appendChild(e)}),t}function V(e,t){return q(F(e),t)}function W(e){return void 0===e.button&&void 0===e.buttons||(0===e.button&&void 0===e.buttons||("mouseup"===e.type&&0===e.button&&0===e.buttons||0===e.button&&1===e.buttons))}var z,G=T("querySelector"),K=T("querySelectorAll"),X=Object.freeze({isReal:y,isEl:_,isInFrame:b,createEl:k,textContent:S,prependTo:C,hasClass:E,addClass:w,removeClass:P,toggleClass:L,setAttributes:I,getAttributes:A,getAttribute:O,setAttribute:x,removeAttribute:D,blockTextSelection:U,unblockTextSelection:R,getBoundingClientRect:M,findPosition:N,getPointerPosition:B,isTextNode:j,emptyEl:F,normalizeContent:H,appendContent:q,insertContent:V,isSingleLeftClick:W,$:G,$$:K}),Y=!1,$=function(){if(y()&&!1!==z.options.autoSetup){var e=Array.prototype.slice.call(h.getElementsByTagName("video")),t=Array.prototype.slice.call(h.getElementsByTagName("audio")),i=Array.prototype.slice.call(h.getElementsByTagName("video-js")),n=e.concat(t,i);if(n&&0<n.length)for(var r=0,s=n.length;r<s;r++){var a=n[r];if(!a||!a.getAttribute){Q(1);break}void 0===a.player&&null!==a.getAttribute("data-setup")&&z(a)}else Y||Q(1)}};function Q(e,t){t&&(z=t),v.setTimeout($,e)}function J(){Y=!0,v.removeEventListener("load",J)}y()&&("complete"===h.readyState?J():v.addEventListener("load",J));function Z(e){var t=h.createElement("style");return t.className=e,t}function ee(e,t){e.styleSheet?e.styleSheet.cssText=t:e.textContent=t}var te,ie=3;function ne(){return ie++}v.WeakMap||(te=function(){function e(){this.vdata="vdata"+Math.floor(v.performance&&v.performance.now()||Date.now()),this.data={}}var t=e.prototype;return t.set=function(e,t){var i=e[this.vdata]||ne();return e[this.vdata]||(e[this.vdata]=i),this.data[i]=t,this},t.get=function(e){var t=e[this.vdata];if(t)return this.data[t];p("We have no data for this element",e)},t.has=function(e){return e[this.vdata]in this.data},t.delete=function(e){var t=e[this.vdata];t&&(delete this.data[t],delete e[this.vdata])},e}());var re,se=v.WeakMap?new WeakMap:new te;function ae(e,t){if(se.has(e)){var i=se.get(e);0===i.handlers[t].length&&(delete i.handlers[t],e.removeEventListener?e.removeEventListener(t,i.dispatcher,!1):e.detachEvent&&e.detachEvent("on"+t,i.dispatcher)),Object.getOwnPropertyNames(i.handlers).length<=0&&(delete i.handlers,delete i.dispatcher,delete i.disabled),0===Object.getOwnPropertyNames(i).length&&se.delete(e)}}function oe(t,i,e,n){e.forEach(function(e){t(i,e,n)})}function ue(e){if(e.fixed_)return e;function t(){return!0}function i(){return!1}if(!e||!e.isPropagationStopped){var n=e||v.event;for(var r in e={},n)"layerX"!==r&&"layerY"!==r&&"keyLocation"!==r&&"webkitMovementX"!==r&&"webkitMovementY"!==r&&("returnValue"===r&&n.preventDefault||(e[r]=n[r]));if(e.target||(e.target=e.srcElement||h),e.relatedTarget||(e.relatedTarget=e.fromElement===e.target?e.toElement:e.fromElement),e.preventDefault=function(){n.preventDefault&&n.preventDefault(),e.returnValue=!1,n.returnValue=!1,e.defaultPrevented=!0},e.defaultPrevented=!1,e.stopPropagation=function(){n.stopPropagation&&n.stopPropagation(),e.cancelBubble=!0,n.cancelBubble=!0,e.isPropagationStopped=t},e.isPropagationStopped=i,e.stopImmediatePropagation=function(){n.stopImmediatePropagation&&n.stopImmediatePropagation(),e.isImmediatePropagationStopped=t,e.stopPropagation()},e.isImmediatePropagationStopped=i,null!==e.clientX&&void 0!==e.clientX){var s=h.documentElement,a=h.body;e.pageX=e.clientX+(s&&s.scrollLeft||a&&a.scrollLeft||0)-(s&&s.clientLeft||a&&a.clientLeft||0),e.pageY=e.clientY+(s&&s.scrollTop||a&&a.scrollTop||0)-(s&&s.clientTop||a&&a.clientTop||0)}e.which=e.charCode||e.keyCode,null!==e.button&&void 0!==e.button&&(e.button=1&e.button?0:4&e.button?1:2&e.button?2:0)}return e.fixed_=!0,e}var le=function(){if("boolean"!=typeof re){re=!1;try{var e=Object.defineProperty({},"passive",{get:function(){re=!0}});v.addEventListener("test",null,e),v.removeEventListener("test",null,e)}catch(e){}}return re},ce=["touchstart","touchmove"];function he(a,e,t){if(Array.isArray(e))return oe(he,a,e,t);se.has(a)||se.set(a,{});var o=se.get(a);if(o.handlers||(o.handlers={}),o.handlers[e]||(o.handlers[e]=[]),t.guid||(t.guid=ne()),o.handlers[e].push(t),o.dispatcher||(o.disabled=!1,o.dispatcher=function(e,t){if(!o.disabled){e=ue(e);var i=o.handlers[e.type];if(i)for(var n=i.slice(0),r=0,s=n.length;r<s&&!e.isImmediatePropagationStopped();r++)try{n[r].call(a,e,t)}catch(e){p.error(e)}}}),1===o.handlers[e].length)if(a.addEventListener){var i=!1;le()&&-1<ce.indexOf(e)&&(i={passive:!0}),a.addEventListener(e,o.dispatcher,i)}else a.attachEvent&&a.attachEvent("on"+e,o.dispatcher)}function de(e,t,i){if(se.has(e)){var n=se.get(e);if(n.handlers){if(Array.isArray(t))return oe(de,e,t,i);var r=function(e,t){n.handlers[t]=[],ae(e,t)};if(void 0!==t){var s=n.handlers[t];if(s)if(i){if(i.guid)for(var a=0;a<s.length;a++)s[a].guid===i.guid&&s.splice(a--,1);ae(e,t)}else r(e,t)}else for(var o in n.handlers)Object.prototype.hasOwnProperty.call(n.handlers||{},o)&&r(e,o)}}}function pe(e,t,i){var n=se.has(e)?se.get(e):{},r=e.parentNode||e.ownerDocument;if("string"==typeof t?t={type:t,target:e}:t.target||(t.target=e),t=ue(t),n.dispatcher&&n.dispatcher.call(e,t,i),r&&!t.isPropagationStopped()&&!0===t.bubbles)pe.call(null,r,t,i);else if(!r&&!t.defaultPrevented&&t.target&&t.target[t.type]){se.has(t.target)||se.set(t.target,{});var s=se.get(t.target);t.target[t.type]&&(s.disabled=!0,"function"==typeof t.target[t.type]&&t.target[t.type](),s.disabled=!1)}return!t.defaultPrevented}function fe(e,t,i){if(Array.isArray(t))return oe(fe,e,t,i);function n(){de(e,t,n),i.apply(this,arguments)}n.guid=i.guid=i.guid||ne(),he(e,t,n)}function me(e,t,i){function n(){de(e,t,n),i.apply(this,arguments)}n.guid=i.guid=i.guid||ne(),he(e,t,n)}function ge(e,t,i){t.guid||(t.guid=ne());var n=t.bind(e);return n.guid=i?i+"_"+t.guid:t.guid,n}function ye(t,i){var n=v.performance.now();return function(){var e=v.performance.now();i<=e-n&&(t.apply(void 0,arguments),n=e)}}function ve(){}var _e,be=Object.freeze({fixEvent:ue,on:he,off:de,trigger:pe,one:fe,any:me});ve.prototype.allowedEvents_={},ve.prototype.addEventListener=ve.prototype.on=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},he(this,e,t),this.addEventListener=i},ve.prototype.removeEventListener=ve.prototype.off=function(e,t){de(this,e,t)},ve.prototype.one=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},fe(this,e,t),this.addEventListener=i},ve.prototype.any=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},me(this,e,t),this.addEventListener=i},ve.prototype.dispatchEvent=ve.prototype.trigger=function(e){var t=e.type||e;"string"==typeof e&&(e={type:t}),e=ue(e),this.allowedEvents_[t]&&this["on"+t]&&this["on"+t](e),pe(this,e)},ve.prototype.queueTrigger=function(e){var t=this;_e=_e||new Map;var i=e.type||e,n=_e.get(this);n||(n=new Map,_e.set(this,n));var r=n.get(i);n.delete(i),v.clearTimeout(r);var s=v.setTimeout(function(){0===n.size&&(n=null,_e.delete(t)),t.trigger(e)},0);n.set(i,s)};function Te(e){return"string"==typeof e&&/\S/.test(e)||Array.isArray(e)&&!!e.length}function ke(e){if(!e.nodeName&&!Pe(e))throw new Error("Invalid target; must be a DOM node or evented object.")}function Se(e){if(!Te(e))throw new Error("Invalid event type; must be a non-empty string or array.")}function Ce(e){if("function"!=typeof e)throw new Error("Invalid listener; must be a function.")}function Ee(e,t){var i,n,r,s=t.length<3||t[0]===e||t[0]===e.eventBusEl_;return r=s?(i=e.eventBusEl_,3<=t.length&&t.shift(),n=t[0],t[1]):(i=t[0],n=t[1],t[2]),ke(i),Se(n),Ce(r),{isTargetingSelf:s,target:i,type:n,listener:r=ge(e,r)}}function we(e,t,i,n){ke(e),e.nodeName?be[t](e,i,n):e[t](i,n)}var Pe=function(t){return t instanceof ve||!!t.eventBusEl_&&["on","one","off","trigger"].every(function(e){return"function"==typeof t[e]})},Le={on:function(){for(var e=this,t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];var r=Ee(this,i),s=r.isTargetingSelf,a=r.target,o=r.type,u=r.listener;if(we(a,"on",o,u),!s){var l=function(){return e.off(a,o,u)};l.guid=u.guid;var c=function(){return e.off("dispose",l)};c.guid=u.guid,we(this,"on","dispose",l),we(a,"on","dispose",c)}},one:function(){for(var r=this,e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=Ee(this,t),s=n.isTargetingSelf,a=n.target,o=n.type,u=n.listener;if(s)we(a,"one",o,u);else{var l=function e(){r.off(a,o,e);for(var t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];u.apply(null,i)};l.guid=u.guid,we(a,"one",o,l)}},any:function(){for(var r=this,e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=Ee(this,t),s=n.isTargetingSelf,a=n.target,o=n.type,u=n.listener;if(s)we(a,"any",o,u);else{var l=function e(){r.off(a,o,e);for(var t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];u.apply(null,i)};l.guid=u.guid,we(a,"any",o,l)}},off:function(e,t,i){if(!e||Te(e))de(this.eventBusEl_,e,t);else{var n=e,r=t;ke(n),Se(r),Ce(i),i=ge(this,i),this.off("dispose",i),n.nodeName?(de(n,r,i),de(n,"dispose",i)):Pe(n)&&(n.off(r,i),n.off("dispose",i))}},trigger:function(e,t){return pe(this.eventBusEl_,e,t)}};function Ie(e,t){void 0===t&&(t={});var i=t.eventBusKey;if(i){if(!e[i].nodeName)throw new Error('The eventBusKey "'+i+'" does not refer to an element.');e.eventBusEl_=e[i]}else e.eventBusEl_=k("span",{className:"vjs-event-bus"});return m(e,Le),e.eventedCallbacks&&e.eventedCallbacks.forEach(function(e){e()}),e.on("dispose",function(){e.off(),v.setTimeout(function(){e.eventBusEl_=null},0)}),e}var Ae={state:{},setState:function(e){var i,n=this;return"function"==typeof e&&(e=e()),a(e,function(e,t){n.state[t]!==e&&((i=i||{})[t]={from:n.state[t],to:e}),n.state[t]=e}),i&&Pe(this)&&this.trigger({changes:i,type:"statechanged"}),i}};function Oe(e,t){return m(e,Ae),e.state=m({},e.state,t),"function"==typeof e.handleStateChanged&&Pe(e)&&e.on("statechanged",e.handleStateChanged),e}function xe(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toLowerCase()})}function De(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toUpperCase()})}function Ue(){for(var i={},e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.forEach(function(e){e&&a(e,function(e,t){u(e)?(u(i[t])||(i[t]={}),i[t]=Ue(i[t],e)):i[t]=e})}),i}var Re=function(){function l(e,t,i){if(!e&&this.play?this.player_=e=this:this.player_=e,this.isDisposed_=!1,this.parentComponent_=null,this.options_=Ue({},this.options_),t=this.options_=Ue(this.options_,t),this.id_=t.id||t.el&&t.el.id,!this.id_){var n=e&&e.id&&e.id()||"no_player";this.id_=n+"_component_"+ne()}var r;this.name_=t.name||null,t.el?this.el_=t.el:!1!==t.createEl&&(this.el_=this.createEl()),!1!==t.evented&&Ie(this,{eventBusKey:this.el_?"el_":null}),Oe(this,this.constructor.defaultState),this.children_=[],this.childIndex_={},this.childNameIndex_={},v.Set||(r=function(){function e(){this.set_={}}var t=e.prototype;return t.has=function(e){return e in this.set_},t.delete=function(e){var t=this.has(e);return delete this.set_[e],t},t.add=function(e){return this.set_[e]=1,this},t.forEach=function(e,t){for(var i in this.set_)e.call(t,i,i,this)},e}()),this.setTimeoutIds_=v.Set?new Set:new r,this.setIntervalIds_=v.Set?new Set:new r,this.rafIds_=v.Set?new Set:new r,(this.clearingTimersOnDispose_=!1)!==t.initChildren&&this.initChildren(),this.ready(i),!1!==t.reportTouchActivity&&this.enableTouchActivity()}var e=l.prototype;return e.dispose=function(){if(!this.isDisposed_){if(this.trigger({type:"dispose",bubbles:!1}),this.isDisposed_=!0,this.children_)for(var e=this.children_.length-1;0<=e;e--)this.children_[e].dispose&&this.children_[e].dispose();this.children_=null,this.childIndex_=null,this.childNameIndex_=null,this.parentComponent_=null,this.el_&&(this.el_.parentNode&&this.el_.parentNode.removeChild(this.el_),se.has(this.el_)&&se.delete(this.el_),this.el_=null),this.player_=null}},e.isDisposed=function(){return Boolean(this.isDisposed_)},e.player=function(){return this.player_},e.options=function(e){return e&&(this.options_=Ue(this.options_,e)),this.options_},e.el=function(){return this.el_},e.createEl=function(e,t,i){return k(e,t,i)},e.localize=function(e,r,t){void 0===t&&(t=e);var i=this.player_.language&&this.player_.language(),n=this.player_.languages&&this.player_.languages(),s=n&&n[i],a=i&&i.split("-")[0],o=n&&n[a],u=t;return s&&s[e]?u=s[e]:o&&o[e]&&(u=o[e]),r&&(u=u.replace(/\{(\d+)\}/g,function(e,t){var i=r[t-1],n=i;return"undefined"==typeof i&&(n=e),n})),u},e.contentEl=function(){return this.contentEl_||this.el_},e.id=function(){return this.id_},e.name=function(){return this.name_},e.children=function(){return this.children_},e.getChildById=function(e){return this.childIndex_[e]},e.getChild=function(e){if(e)return this.childNameIndex_[e]},e.addChild=function(e,t,i){var n,r;if(void 0===t&&(t={}),void 0===i&&(i=this.children_.length),"string"==typeof e){r=De(e);var s=t.componentClass||r;t.name=r;var a=l.getComponent(s);if(!a)throw new Error("Component "+s+" does not exist");if("function"!=typeof a)return null;n=new a(this.player_||this,t)}else n=e;if(n.parentComponent_&&n.parentComponent_.removeChild(n),this.children_.splice(i,0,n),n.parentComponent_=this,"function"==typeof n.id&&(this.childIndex_[n.id()]=n),(r=r||n.name&&De(n.name()))&&(this.childNameIndex_[r]=n,this.childNameIndex_[xe(r)]=n),"function"==typeof n.el&&n.el()){var o=null;this.children_[i+1]&&this.children_[i+1].el_&&(o=this.children_[i+1].el_),this.contentEl().insertBefore(n.el(),o)}return n},e.removeChild=function(e){if("string"==typeof e&&(e=this.getChild(e)),e&&this.children_){for(var t=!1,i=this.children_.length-1;0<=i;i--)if(this.children_[i]===e){t=!0,this.children_.splice(i,1);break}if(t){e.parentComponent_=null,this.childIndex_[e.id()]=null,this.childNameIndex_[De(e.name())]=null,this.childNameIndex_[xe(e.name())]=null;var n=e.el();n&&n.parentNode===this.contentEl()&&this.contentEl().removeChild(e.el())}}},e.initChildren=function(){var r=this,n=this.options_.children;if(n){var e,s=this.options_,i=l.getComponent("Tech");(e=Array.isArray(n)?n:Object.keys(n)).concat(Object.keys(this.options_).filter(function(t){return!e.some(function(e){return"string"==typeof e?t===e:t===e.name})})).map(function(e){var t,i;return i="string"==typeof e?n[t=e]||r.options_[t]||{}:(t=e.name,e),{name:t,opts:i}}).filter(function(e){var t=l.getComponent(e.opts.componentClass||De(e.name));return t&&!i.isTech(t)}).forEach(function(e){var t=e.name,i=e.opts;if(void 0!==s[t]&&(i=s[t]),!1!==i){!0===i&&(i={}),i.playerOptions=r.options_.playerOptions;var n=r.addChild(t,i);n&&(r[t]=n)}})}},e.buildCSSClass=function(){return""},e.ready=function(e,t){if(void 0===t&&(t=!1),e)return this.isReady_?void(t?e.call(this):this.setTimeout(e,1)):(this.readyQueue_=this.readyQueue_||[],void this.readyQueue_.push(e))},e.triggerReady=function(){this.isReady_=!0,this.setTimeout(function(){var e=this.readyQueue_;this.readyQueue_=[],e&&0<e.length&&e.forEach(function(e){e.call(this)},this),this.trigger("ready")},1)},e.$=function(e,t){return G(e,t||this.contentEl())},e.$$=function(e,t){return K(e,t||this.contentEl())},e.hasClass=function(e){return E(this.el_,e)},e.addClass=function(e){w(this.el_,e)},e.removeClass=function(e){P(this.el_,e)},e.toggleClass=function(e,t){L(this.el_,e,t)},e.show=function(){this.removeClass("vjs-hidden")},e.hide=function(){this.addClass("vjs-hidden")},e.lockShowing=function(){this.addClass("vjs-lock-showing")},e.unlockShowing=function(){this.removeClass("vjs-lock-showing")},e.getAttribute=function(e){return O(this.el_,e)},e.setAttribute=function(e,t){x(this.el_,e,t)},e.removeAttribute=function(e){D(this.el_,e)},e.width=function(e,t){return this.dimension("width",e,t)},e.height=function(e,t){return this.dimension("height",e,t)},e.dimensions=function(e,t){this.width(e,!0),this.height(t)},e.dimension=function(e,t,i){if(void 0!==t)return null!==t&&t==t||(t=0),-1!==(""+t).indexOf("%")||-1!==(""+t).indexOf("px")?this.el_.style[e]=t:this.el_.style[e]="auto"===t?"":t+"px",void(i||this.trigger("componentresize"));if(!this.el_)return 0;var n=this.el_.style[e],r=n.indexOf("px");return-1!==r?parseInt(n.slice(0,r),10):parseInt(this.el_["offset"+De(e)],10)},e.currentDimension=function(e){var t=0;if("width"!==e&&"height"!==e)throw new Error("currentDimension only accepts width or height value");if(t=n(this.el_,e),0===(t=parseFloat(t))||isNaN(t)){var i="offset"+De(e);t=this.el_[i]}return t},e.currentDimensions=function(){return{width:this.currentDimension("width"),height:this.currentDimension("height")}},e.currentWidth=function(){return this.currentDimension("width")},e.currentHeight=function(){return this.currentDimension("height")},e.focus=function(){this.el_.focus()},e.blur=function(){this.el_.blur()},e.handleKeyDown=function(e){this.player_&&(e.stopPropagation(),this.player_.handleKeyDown(e))},e.handleKeyPress=function(e){this.handleKeyDown(e)},e.emitTapEvents=function(){var n,t=0,r=null;this.on("touchstart",function(e){1===e.touches.length&&(r={pageX:e.touches[0].pageX,pageY:e.touches[0].pageY},t=v.performance.now(),n=!0)}),this.on("touchmove",function(e){if(1<e.touches.length)n=!1;else if(r){var t=e.touches[0].pageX-r.pageX,i=e.touches[0].pageY-r.pageY;10<Math.sqrt(t*t+i*i)&&(n=!1)}});function e(){n=!1}this.on("touchleave",e),this.on("touchcancel",e),this.on("touchend",function(e){!(r=null)===n&&v.performance.now()-t<200&&(e.preventDefault(),this.trigger("tap"))})},e.enableTouchActivity=function(){if(this.player()&&this.player().reportUserActivity){var t,i=ge(this.player(),this.player().reportUserActivity);this.on("touchstart",function(){i(),this.clearInterval(t),t=this.setInterval(i,250)});var e=function(e){i(),this.clearInterval(t)};this.on("touchmove",i),this.on("touchend",e),this.on("touchcancel",e)}},e.setTimeout=function(e,t){var i,n=this;return e=ge(this,e),this.clearTimersOnDispose_(),i=v.setTimeout(function(){n.setTimeoutIds_.has(i)&&n.setTimeoutIds_.delete(i),e()},t),this.setTimeoutIds_.add(i),i},e.clearTimeout=function(e){return this.setTimeoutIds_.has(e)&&(this.setTimeoutIds_.delete(e),v.clearTimeout(e)),e},e.setInterval=function(e,t){e=ge(this,e),this.clearTimersOnDispose_();var i=v.setInterval(e,t);return this.setIntervalIds_.add(i),i},e.clearInterval=function(e){return this.setIntervalIds_.has(e)&&(this.setIntervalIds_.delete(e),v.clearInterval(e)),e},e.requestAnimationFrame=function(e){var t,i=this;return this.supportsRaf_?(this.clearTimersOnDispose_(),e=ge(this,e),t=v.requestAnimationFrame(function(){i.rafIds_.has(t)&&i.rafIds_.delete(t),e()}),this.rafIds_.add(t),t):this.setTimeout(e,1e3/60)},e.cancelAnimationFrame=function(e){return this.supportsRaf_?(this.rafIds_.has(e)&&(this.rafIds_.delete(e),v.cancelAnimationFrame(e)),e):this.clearTimeout(e)},e.clearTimersOnDispose_=function(){var n=this;this.clearingTimersOnDispose_||(this.clearingTimersOnDispose_=!0,this.one("dispose",function(){[["rafIds_","cancelAnimationFrame"],["setTimeoutIds_","clearTimeout"],["setIntervalIds_","clearInterval"]].forEach(function(e){var t=e[0],i=e[1];n[t].forEach(n[i],n)}),n.clearingTimersOnDispose_=!1}))},l.registerComponent=function(e,t){if("string"!=typeof e||!e)throw new Error('Illegal component name, "'+e+'"; must be a non-empty string.');var i,n=l.getComponent("Tech"),r=n&&n.isTech(t),s=l===t||l.prototype.isPrototypeOf(t.prototype);if(r||!s)throw i=r?"techs must be registered using Tech.registerTech()":"must be a Component subclass",new Error('Illegal component, "'+e+'"; '+i+".");e=De(e),l.components_||(l.components_={});var a=l.getComponent("Player");if("Player"===e&&a&&a.players){var o=a.players,u=Object.keys(o);if(o&&0<u.length&&u.map(function(e){return o[e]}).every(Boolean))throw new Error("Can not register Player component after player has been created.")}return l.components_[e]=t,l.components_[xe(e)]=t},l.getComponent=function(e){if(e&&l.components_)return l.components_[e]},l}();Re.prototype.supportsRaf_="function"==typeof v.requestAnimationFrame&&"function"==typeof v.cancelAnimationFrame,Re.registerComponent("Component",Re);var Me=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var Ne,Be,je,Fe,He=function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t},qe=v.navigator&&v.navigator.userAgent||"",Ve=/AppleWebKit\/([\d.]+)/i.exec(qe),We=Ve?parseFloat(Ve.pop()):null,ze=/iPod/i.test(qe),Ge=(Ne=qe.match(/OS (\d+)_/i))&&Ne[1]?Ne[1]:null,Ke=/Android/i.test(qe),Xe=function(){var e=qe.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);if(!e)return null;var t=e[1]&&parseFloat(e[1]),i=e[2]&&parseFloat(e[2]);return t&&i?parseFloat(e[1]+"."+e[2]):t||null}(),Ye=Ke&&Xe<5&&We<537,$e=/Firefox/i.test(qe),Qe=/Edge/i.test(qe),Je=!Qe&&(/Chrome/i.test(qe)||/CriOS/i.test(qe)),Ze=(Be=qe.match(/(Chrome|CriOS)\/(\d+)/))&&Be[2]?parseFloat(Be[2]):null,et=(je=/MSIE\s(\d+)\.\d/.exec(qe),!(Fe=je&&parseFloat(je[1]))&&/Trident\/7.0/i.test(qe)&&/rv:11.0/.test(qe)&&(Fe=11),Fe),tt=/Safari/i.test(qe)&&!Je&&!Ke&&!Qe,it=/Windows/i.test(qe),nt=y()&&("ontouchstart"in v||v.navigator.maxTouchPoints||v.DocumentTouch&&v.document instanceof v.DocumentTouch),rt=/iPad/i.test(qe)||tt&&nt&&!/iPhone/i.test(qe),st=/iPhone/i.test(qe)&&!rt,at=st||rt||ze,ot=(tt||at)&&!Je,ut=Object.freeze({IS_IPOD:ze,IOS_VERSION:Ge,IS_ANDROID:Ke,ANDROID_VERSION:Xe,IS_NATIVE_ANDROID:Ye,IS_FIREFOX:$e,IS_EDGE:Qe,IS_CHROME:Je,CHROME_VERSION:Ze,IE_VERSION:et,IS_SAFARI:tt,IS_WINDOWS:it,TOUCH_ENABLED:nt,IS_IPAD:rt,IS_IPHONE:st,IS_IOS:at,IS_ANY_SAFARI:ot});function lt(e,t,i,n){return function(e,t,i){if("number"!=typeof t||t<0||i<t)throw new Error("Failed to execute '"+e+"' on 'TimeRanges': The index provided ("+t+") is non-numeric or out of bounds (0-"+i+").")}(e,n,i.length-1),i[n][t]}function ct(e){return void 0===e||0===e.length?{length:0,start:function(){throw new Error("This TimeRanges object is empty")},end:function(){throw new Error("This TimeRanges object is empty")}}:{length:e.length,start:lt.bind(null,"start",0,e),end:lt.bind(null,"end",1,e)}}function ht(e,t){return Array.isArray(e)?ct(e):void 0===e||void 0===t?ct():ct([[e,t]])}function dt(e,t){var i,n,r=0;if(!t)return 0;e&&e.length||(e=ht(0,0));for(var s=0;s<e.length;s++)i=e.start(s),t<(n=e.end(s))&&(n=t),r+=n-i;return r/t}for(var pt,ft={prefixed:!0},mt=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror","fullscreen"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"]],gt=mt[0],yt=0;yt<mt.length;yt++)if(mt[yt][1]in h){pt=mt[yt];break}if(pt){for(var vt=0;vt<pt.length;vt++)ft[gt[vt]]=pt[vt];ft.prefixed=pt[0]!==gt[0]}function _t(e){if(e instanceof _t)return e;"number"==typeof e?this.code=e:"string"==typeof e?this.message=e:o(e)&&("number"==typeof e.code&&(this.code=e.code),m(this,e)),this.message||(this.message=_t.defaultMessages[this.code]||"")}_t.prototype.code=0,_t.prototype.message="",_t.prototype.status=null,_t.errorTypes=["MEDIA_ERR_CUSTOM","MEDIA_ERR_ABORTED","MEDIA_ERR_NETWORK","MEDIA_ERR_DECODE","MEDIA_ERR_SRC_NOT_SUPPORTED","MEDIA_ERR_ENCRYPTED"],_t.defaultMessages={1:"You aborted the media playback",2:"A network error caused the media download to fail part-way.",3:"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",4:"The media could not be loaded, either because the server or network failed or because the format is not supported.",5:"The media is encrypted and we do not have the keys to decrypt it."};for(var bt=0;bt<_t.errorTypes.length;bt++)_t[_t.errorTypes[bt]]=bt,_t.prototype[_t.errorTypes[bt]]=bt;var Tt=function(e,t){var i,n=null;try{i=JSON.parse(e,t)}catch(e){n=e}return[n,i]};function kt(e){return null!=e&&"function"==typeof e.then}function St(e){kt(e)&&e.then(null,function(e){})}function Ct(n){return["kind","label","language","id","inBandMetadataTrackDispatchType","mode","src"].reduce(function(e,t,i){return n[t]&&(e[t]=n[t]),e},{cues:n.cues&&Array.prototype.map.call(n.cues,function(e){return{startTime:e.startTime,endTime:e.endTime,text:e.text,id:e.id}})})}var Et=function(e){var t=e.$$("track"),i=Array.prototype.map.call(t,function(e){return e.track});return Array.prototype.map.call(t,function(e){var t=Ct(e.track);return e.src&&(t.src=e.src),t}).concat(Array.prototype.filter.call(e.textTracks(),function(e){return-1===i.indexOf(e)}).map(Ct))},wt=function(e,i){return e.forEach(function(e){var t=i.addRemoteTextTrack(e).track;!e.src&&e.cues&&e.cues.forEach(function(e){return t.addCue(e)})}),i.textTracks()},Pt=t(function(e,t){function i(e){if(e&&"object"==typeof e){var t=e.which||e.keyCode||e.charCode;t&&(e=t)}if("number"==typeof e)return a[e];var i,n=String(e);return(i=r[n.toLowerCase()])?i:(i=s[n.toLowerCase()])||(1===n.length?n.charCodeAt(0):void 0)}i.isEventKey=function(e,t){if(e&&"object"==typeof e){var i=e.which||e.keyCode||e.charCode;if(null==i)return!1;if("string"==typeof t){var n;if(n=r[t.toLowerCase()])return n===i;if(n=s[t.toLowerCase()])return n===i}else if("number"==typeof t)return t===i;return!1}};var r=(t=e.exports=i).code=t.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},s=t.aliases={windows:91,"⇧":16,"⌥":18,"⌃":17,"⌘":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};for(n=97;n<123;n++)r[String.fromCharCode(n)]=n-32;for(var n=48;n<58;n++)r[n-48]=n;for(n=1;n<13;n++)r["f"+n]=n+111;for(n=0;n<10;n++)r["numpad "+n]=n+96;var a=t.names=t.title={};for(n in r)a[r[n]]=n;for(var o in s)r[o]=s[o]}),Lt=(Pt.code,Pt.codes,Pt.aliases,Pt.names,Pt.title,"vjs-modal-dialog"),It=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).opened_=i.hasBeenOpened_=i.hasBeenFilled_=!1,i.closeable(!i.options_.uncloseable),i.content(i.options_.content),i.contentEl_=k("div",{className:Lt+"-content"},{role:"document"}),i.descEl_=k("p",{className:Lt+"-description vjs-control-text",id:i.el().getAttribute("aria-describedby")}),S(i.descEl_,i.description()),i.el_.appendChild(i.descEl_),i.el_.appendChild(i.contentEl_),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:this.buildCSSClass(),tabIndex:-1},{"aria-describedby":this.id()+"_description","aria-hidden":"true","aria-label":this.label(),role:"dialog"})},t.dispose=function(){this.contentEl_=null,this.descEl_=null,this.previouslyActiveEl_=null,n.prototype.dispose.call(this)},t.buildCSSClass=function(){return Lt+" vjs-hidden "+n.prototype.buildCSSClass.call(this)},t.label=function(){return this.localize(this.options_.label||"Modal Window")},t.description=function(){var e=this.options_.description||this.localize("This is a modal window.");return this.closeable()&&(e+=" "+this.localize("This modal can be closed by pressing the Escape key or activating the close button.")),e},t.open=function(){if(!this.opened_){var e=this.player();this.trigger("beforemodalopen"),this.opened_=!0,!this.options_.fillAlways&&(this.hasBeenOpened_||this.hasBeenFilled_)||this.fill(),this.wasPlaying_=!e.paused(),this.options_.pauseOnOpen&&this.wasPlaying_&&e.pause(),this.on("keydown",this.handleKeyDown),this.hadControls_=e.controls(),e.controls(!1),this.show(),this.conditionalFocus_(),this.el().setAttribute("aria-hidden","false"),this.trigger("modalopen"),this.hasBeenOpened_=!0}},t.opened=function(e){return"boolean"==typeof e&&this[e?"open":"close"](),this.opened_},t.close=function(){if(this.opened_){var e=this.player();this.trigger("beforemodalclose"),this.opened_=!1,this.wasPlaying_&&this.options_.pauseOnOpen&&e.play(),this.off("keydown",this.handleKeyDown),this.hadControls_&&e.controls(!0),this.hide(),this.el().setAttribute("aria-hidden","true"),this.trigger("modalclose"),this.conditionalBlur_(),this.options_.temporary&&this.dispose()}},t.closeable=function(e){if("boolean"==typeof e){var t=this.closeable_=!!e,i=this.getChild("closeButton");if(t&&!i){var n=this.contentEl_;this.contentEl_=this.el_,i=this.addChild("closeButton",{controlText:"Close Modal Dialog"}),this.contentEl_=n,this.on(i,"close",this.close)}!t&&i&&(this.off(i,"close",this.close),this.removeChild(i),i.dispose())}return this.closeable_},t.fill=function(){this.fillWith(this.content())},t.fillWith=function(e){var t=this.contentEl(),i=t.parentNode,n=t.nextSibling;this.trigger("beforemodalfill"),this.hasBeenFilled_=!0,i.removeChild(t),this.empty(),V(t,e),this.trigger("modalfill"),n?i.insertBefore(t,n):i.appendChild(t);var r=this.getChild("closeButton");r&&i.appendChild(r.el_)},t.empty=function(){this.trigger("beforemodalempty"),F(this.contentEl()),this.trigger("modalempty")},t.content=function(e){return"undefined"!=typeof e&&(this.content_=e),this.content_},t.conditionalFocus_=function(){var e=h.activeElement,t=this.player_.el_;this.previouslyActiveEl_=null,!t.contains(e)&&t!==e||(this.previouslyActiveEl_=e,this.focus())},t.conditionalBlur_=function(){this.previouslyActiveEl_&&(this.previouslyActiveEl_.focus(),this.previouslyActiveEl_=null)},t.handleKeyDown=function(e){if(e.stopPropagation(),Pt.isEventKey(e,"Escape")&&this.closeable())return e.preventDefault(),void this.close();if(Pt.isEventKey(e,"Tab")){for(var t,i=this.focusableEls_(),n=this.el_.querySelector(":focus"),r=0;r<i.length;r++)if(n===i[r]){t=r;break}h.activeElement===this.el_&&(t=0),e.shiftKey&&0===t?(i[i.length-1].focus(),e.preventDefault()):e.shiftKey||t!==i.length-1||(i[0].focus(),e.preventDefault())}},t.focusableEls_=function(){var e=this.el_.querySelectorAll("*");return Array.prototype.filter.call(e,function(e){return(e instanceof v.HTMLAnchorElement||e instanceof v.HTMLAreaElement)&&e.hasAttribute("href")||(e instanceof v.HTMLInputElement||e instanceof v.HTMLSelectElement||e instanceof v.HTMLTextAreaElement||e instanceof v.HTMLButtonElement)&&!e.hasAttribute("disabled")||e instanceof v.HTMLIFrameElement||e instanceof v.HTMLObjectElement||e instanceof v.HTMLEmbedElement||e.hasAttribute("tabindex")&&-1!==e.getAttribute("tabindex")||e.hasAttribute("contenteditable")})},e}(Re);It.prototype.options_={pauseOnOpen:!0,temporary:!0},Re.registerComponent("ModalDialog",It);var At=function(n){function e(e){var t;void 0===e&&(e=[]),(t=n.call(this)||this).tracks_=[],Object.defineProperty(Me(t),"length",{get:function(){return this.tracks_.length}});for(var i=0;i<e.length;i++)t.addTrack(e[i]);return t}He(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this.tracks_.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this.tracks_[t]}}),-1===this.tracks_.indexOf(e)&&(this.tracks_.push(e),this.trigger({track:e,type:"addtrack",target:this}))},t.removeTrack=function(e){for(var t,i=0,n=this.length;i<n;i++)if(this[i]===e){(t=this[i]).off&&t.off(),this.tracks_.splice(i,1);break}t&&this.trigger({track:t,type:"removetrack",target:this})},t.getTrackById=function(e){for(var t=null,i=0,n=this.length;i<n;i++){var r=this[i];if(r.id===e){t=r;break}}return t},e}(ve);for(var Ot in At.prototype.allowedEvents_={change:"change",addtrack:"addtrack",removetrack:"removetrack"},At.prototype.allowedEvents_)At.prototype["on"+Ot]=null;function xt(e,t){for(var i=0;i<e.length;i++)Object.keys(e[i]).length&&t.id!==e[i].id&&(e[i].enabled=!1)}function Dt(e,t){for(var i=0;i<e.length;i++)Object.keys(e[i]).length&&t.id!==e[i].id&&(e[i].selected=!1)}function Ut(e){var t=["protocol","hostname","port","pathname","search","hash","host"],i=h.createElement("a");i.href=e;var n,r=""===i.host&&"file:"!==i.protocol;r&&((n=h.createElement("div")).innerHTML='<a href="'+e+'"></a>',i=n.firstChild,n.setAttribute("style","display:none; position:absolute;"),h.body.appendChild(n));for(var s={},a=0;a<t.length;a++)s[t[a]]=i[t[a]];return"http:"===s.protocol&&(s.host=s.host.replace(/:80$/,"")),"https:"===s.protocol&&(s.host=s.host.replace(/:443$/,"")),s.protocol||(s.protocol=v.location.protocol),r&&h.body.removeChild(n),s}function Rt(e){if(!e.match(/^https?:\/\//)){var t=h.createElement("div");t.innerHTML='<a href="'+e+'">x</a>',e=t.firstChild.href}return e}function Mt(e){if("string"==typeof e){var t=/^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/.exec(e);if(t)return t.pop().toLowerCase()}return""}function Nt(e,t){void 0===t&&(t=v.location);var i=Ut(e);return(":"===i.protocol?t.protocol:i.protocol)+i.host!==t.protocol+t.host}var Bt=function(n){function e(e){var t;void 0===e&&(e=[]);for(var i=e.length-1;0<=i;i--)if(e[i].enabled){xt(e,e[i]);break}return(t=n.call(this,e)||this).changing_=!1,t}He(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this;e.enabled&&xt(this,e),n.prototype.addTrack.call(this,e),e.addEventListener&&(e.enabledChange_=function(){t.changing_||(t.changing_=!0,xt(t,e),t.changing_=!1,t.trigger("change"))},e.addEventListener("enabledchange",e.enabledChange_))},t.removeTrack=function(e){n.prototype.removeTrack.call(this,e),e.removeEventListener&&e.enabledChange_&&(e.removeEventListener("enabledchange",e.enabledChange_),e.enabledChange_=null)},e}(At),jt=function(n){function e(e){var t;void 0===e&&(e=[]);for(var i=e.length-1;0<=i;i--)if(e[i].selected){Dt(e,e[i]);break}return(t=n.call(this,e)||this).changing_=!1,Object.defineProperty(Me(t),"selectedIndex",{get:function(){for(var e=0;e<this.length;e++)if(this[e].selected)return e;return-1},set:function(){}}),t}He(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this;e.selected&&Dt(this,e),n.prototype.addTrack.call(this,e),e.addEventListener&&(e.selectedChange_=function(){t.changing_||(t.changing_=!0,Dt(t,e),t.changing_=!1,t.trigger("change"))},e.addEventListener("selectedchange",e.selectedChange_))},t.removeTrack=function(e){n.prototype.removeTrack.call(this,e),e.removeEventListener&&e.selectedChange_&&(e.removeEventListener("selectedchange",e.selectedChange_),e.selectedChange_=null)},e}(At),Ft=function(i){function e(){return i.apply(this,arguments)||this}He(e,i);var t=e.prototype;return t.addTrack=function(e){var t=this;i.prototype.addTrack.call(this,e),this.queueChange_||(this.queueChange_=function(){return t.queueTrigger("change")}),this.triggerSelectedlanguagechange||(this.triggerSelectedlanguagechange_=function(){return t.trigger("selectedlanguagechange")}),e.addEventListener("modechange",this.queueChange_);-1===["metadata","chapters"].indexOf(e.kind)&&e.addEventListener("modechange",this.triggerSelectedlanguagechange_)},t.removeTrack=function(e){i.prototype.removeTrack.call(this,e),e.removeEventListener&&(this.queueChange_&&e.removeEventListener("modechange",this.queueChange_),this.selectedlanguagechange_&&e.removeEventListener("modechange",this.triggerSelectedlanguagechange_))},e}(At),Ht=function(){function e(e){void 0===e&&(e=[]),this.trackElements_=[],Object.defineProperty(this,"length",{get:function(){return this.trackElements_.length}});for(var t=0,i=e.length;t<i;t++)this.addTrackElement_(e[t])}var t=e.prototype;return t.addTrackElement_=function(e){var t=this.trackElements_.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this.trackElements_[t]}}),-1===this.trackElements_.indexOf(e)&&this.trackElements_.push(e)},t.getTrackElementByTrack_=function(e){for(var t,i=0,n=this.trackElements_.length;i<n;i++)if(e===this.trackElements_[i].track){t=this.trackElements_[i];break}return t},t.removeTrackElement_=function(e){for(var t=0,i=this.trackElements_.length;t<i;t++)if(e===this.trackElements_[t]){this.trackElements_[t].track&&"function"==typeof this.trackElements_[t].track.off&&this.trackElements_[t].track.off(),"function"==typeof this.trackElements_[t].off&&this.trackElements_[t].off(),this.trackElements_.splice(t,1);break}},e}(),qt=function(){function t(e){t.prototype.setCues_.call(this,e),Object.defineProperty(this,"length",{get:function(){return this.length_}})}var e=t.prototype;return e.setCues_=function(e){var t=this.length||0,i=0,n=e.length;this.cues_=e,this.length_=e.length;function r(e){""+e in this||Object.defineProperty(this,""+e,{get:function(){return this.cues_[e]}})}if(t<n)for(i=t;i<n;i++)r.call(this,i)},e.getCueById=function(e){for(var t=null,i=0,n=this.length;i<n;i++){var r=this[i];if(r.id===e){t=r;break}}return t},t}(),Vt={alternative:"alternative",captions:"captions",main:"main",sign:"sign",subtitles:"subtitles",commentary:"commentary"},Wt={alternative:"alternative",descriptions:"descriptions",main:"main","main-desc":"main-desc",translation:"translation",commentary:"commentary"},zt={subtitles:"subtitles",captions:"captions",descriptions:"descriptions",chapters:"chapters",metadata:"metadata"},Gt={disabled:"disabled",hidden:"hidden",showing:"showing"},Kt=function(s){function e(e){var t;void 0===e&&(e={}),t=s.call(this)||this;function i(e){Object.defineProperty(Me(t),e,{get:function(){return n[e]},set:function(){}})}var n={id:e.id||"vjs_track_"+ne(),kind:e.kind||"",label:e.label||"",language:e.language||""};for(var r in n)i(r);return t}return He(e,s),e}(ve),Xt=Object.freeze({parseUrl:Ut,getAbsoluteURL:Rt,getFileExtension:Mt,isCrossOrigin:Nt}),Yt=function(e){var t=$t.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)}
-/**
-   * @license
-   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
-   * Copyright (c) 2014 David Björklund
-   * Available under the MIT license
-   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
-   */,$t=Object.prototype.toString;var Qt=function(e){var r={};return e&&e.trim().split("\n").forEach(function(e){var t=e.indexOf(":"),i=e.slice(0,t).trim().toLowerCase(),n=e.slice(t+1).trim();"undefined"==typeof r[i]?r[i]=n:Array.isArray(r[i])?r[i].push(n):r[i]=[r[i],n]}),r},Jt=ti,Zt=ti;function ei(e,t,i){var n=e;return Yt(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=r({},t,{uri:e}),n.callback=i,n}function ti(e,t,i){return ii(t=ei(e,t,i))}function ii(n){if("undefined"==typeof n.callback)throw new Error("callback argument missing");var r=!1,s=function(e,t,i){r||(r=!0,n.callback(e,t,i))};function t(e){return clearTimeout(o),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,s(e,m)}function e(){if(!a){var e;clearTimeout(o),e=n.useXDR&&void 0===u.status?200:1223===u.status?204:u.status;var t=m,i=null;return 0!==e?(t={body:function(){var e=void 0;if(e=u.response?u.response:u.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(u),f)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:e,method:c,headers:{},url:l,rawRequest:u},u.getAllResponseHeaders&&(t.headers=Qt(u.getAllResponseHeaders()))):i=new Error("Internal XMLHttpRequest Error"),s(i,t,t.body)}}var i,a,o,u=n.xhr||null,l=(u=u||(n.cors||n.useXDR?new ti.XDomainRequest:new ti.XMLHttpRequest)).url=n.uri||n.url,c=u.method=n.method||"GET",h=n.body||n.data,d=u.headers=n.headers||{},p=!!n.sync,f=!1,m={body:void 0,headers:{},statusCode:0,method:c,url:l,rawRequest:u};if("json"in n&&!1!==n.json&&(f=!0,d.accept||d.Accept||(d.Accept="application/json"),"GET"!==c&&"HEAD"!==c&&(d["content-type"]||d["Content-Type"]||(d["Content-Type"]="application/json"),h=JSON.stringify(!0===n.json?h:n.json))),u.onreadystatechange=function(){4===u.readyState&&setTimeout(e,0)},u.onload=e,u.onerror=t,u.onprogress=function(){},u.onabort=function(){a=!0},u.ontimeout=t,u.open(c,l,!p,n.username,n.password),p||(u.withCredentials=!!n.withCredentials),!p&&0<n.timeout&&(o=setTimeout(function(){if(!a){a=!0,u.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",t(e)}},n.timeout)),u.setRequestHeader)for(i in d)d.hasOwnProperty(i)&&u.setRequestHeader(i,d[i]);else if(n.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(n.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in n&&(u.responseType=n.responseType),"beforeSend"in n&&"function"==typeof n.beforeSend&&n.beforeSend(u),u.send(h||null),u}ti.XMLHttpRequest=v.XMLHttpRequest||function(){},ti.XDomainRequest="withCredentials"in new ti.XMLHttpRequest?ti.XMLHttpRequest:v.XDomainRequest,function(e,t){for(var i=0;i<e.length;i++)t(e[i])}(["get","put","post","patch","head","delete"],function(n){ti["delete"===n?"del":n]=function(e,t,i){return(t=ei(e,t,i)).method=n.toUpperCase(),ii(t)}}),Jt.default=Zt;function ni(e,t){var i=new v.WebVTT.Parser(v,v.vttjs,v.WebVTT.StringDecoder()),n=[];i.oncue=function(e){t.addCue(e)},i.onparsingerror=function(e){n.push(e)},i.onflush=function(){t.trigger({type:"loadeddata",target:t})},i.parse(e),0<n.length&&(v.console&&v.console.groupCollapsed&&v.console.groupCollapsed("Text Track parsing errors for "+t.src),n.forEach(function(e){return p.error(e)}),v.console&&v.console.groupEnd&&v.console.groupEnd()),i.flush()}function ri(e,n){var t={uri:e},i=Nt(e);i&&(t.cors=i),Jt(t,ge(this,function(e,t,i){if(e)return p.error(e,t);n.loaded_=!0,"function"!=typeof v.WebVTT?n.tech_&&n.tech_.any(["vttjsloaded","vttjserror"],function(e){if("vttjserror"!==e.type)return ni(i,n);p.error("vttjs failed to load, stopping trying to process "+n.src)}):ni(i,n)}))}var si=function(l){function e(e){var t;if(void 0===e&&(e={}),!e.tech)throw new Error("A tech was not provided.");var i=Ue(e,{kind:zt[e.kind]||"subtitles",language:e.language||e.srclang||""}),n=Gt[i.mode]||"disabled",r=i.default;"metadata"!==i.kind&&"chapters"!==i.kind||(n="hidden"),(t=l.call(this,i)||this).tech_=i.tech,t.cues_=[],t.activeCues_=[],t.preload_=!1!==t.tech_.preloadTextTracks;var s=new qt(t.cues_),a=new qt(t.activeCues_),o=!1,u=ge(Me(t),function(){this.activeCues=this.activeCues,o&&(this.trigger("cuechange"),o=!1)});return"disabled"!==n&&t.tech_.ready(function(){t.tech_.on("timeupdate",u)},!0),Object.defineProperties(Me(t),{default:{get:function(){return r},set:function(){}},mode:{get:function(){return n},set:function(e){var t=this;Gt[e]&&(n=e,this.preload_||"disabled"===n||0!==this.cues.length||ri(this.src,this),"disabled"!==n?this.tech_.ready(function(){t.tech_.on("timeupdate",u)},!0):this.tech_.off("timeupdate",u),this.trigger("modechange"))}},cues:{get:function(){return this.loaded_?s:null},set:function(){}},activeCues:{get:function(){if(!this.loaded_)return null;if(0===this.cues.length)return a;for(var e=this.tech_.currentTime(),t=[],i=0,n=this.cues.length;i<n;i++){var r=this.cues[i];r.startTime<=e&&r.endTime>=e?t.push(r):r.startTime===r.endTime&&r.startTime<=e&&r.startTime+.5>=e&&t.push(r)}if(o=!1,t.length!==this.activeCues_.length)o=!0;else for(var s=0;s<t.length;s++)-1===this.activeCues_.indexOf(t[s])&&(o=!0);return this.activeCues_=t,a.setCues_(this.activeCues_),a},set:function(){}}}),i.src?(t.src=i.src,t.preload_||(t.loaded_=!0),(t.preload_||r||"subtitles"!==i.kind&&"captions"!==i.kind)&&ri(t.src,Me(t))):t.loaded_=!0,t}He(e,l);var t=e.prototype;return t.addCue=function(e){var t=e;if(v.vttjs&&!(e instanceof v.vttjs.VTTCue)){for(var i in t=new v.vttjs.VTTCue(e.startTime,e.endTime,e.text),e)i in t||(t[i]=e[i]);t.id=e.id,t.originalCue_=e}for(var n=this.tech_.textTracks(),r=0;r<n.length;r++)n[r]!==this&&n[r].removeCue(t);this.cues_.push(t),this.cues.setCues_(this.cues_)},t.removeCue=function(e){for(var t=this.cues_.length;t--;){var i=this.cues_[t];if(i===e||i.originalCue_&&i.originalCue_===e){this.cues_.splice(t,1),this.cues.setCues_(this.cues_);break}}},e}(Kt);si.prototype.allowedEvents_={cuechange:"cuechange"};var ai=function(r){function e(e){var t;void 0===e&&(e={});var i=Ue(e,{kind:Wt[e.kind]||""});t=r.call(this,i)||this;var n=!1;return Object.defineProperty(Me(t),"enabled",{get:function(){return n},set:function(e){"boolean"==typeof e&&e!==n&&(n=e,this.trigger("enabledchange"))}}),i.enabled&&(t.enabled=i.enabled),t.loaded_=!0,t}return He(e,r),e}(Kt),oi=function(r){function e(e){var t;void 0===e&&(e={});var i=Ue(e,{kind:Vt[e.kind]||""});t=r.call(this,i)||this;var n=!1;return Object.defineProperty(Me(t),"selected",{get:function(){return n},set:function(e){"boolean"==typeof e&&e!==n&&(n=e,this.trigger("selectedchange"))}}),i.selected&&(t.selected=i.selected),t}return He(e,r),e}(Kt),ui=function(r){function e(e){var t,i;void 0===e&&(e={}),t=r.call(this)||this;var n=new si(e);return t.kind=n.kind,t.src=n.src,t.srclang=n.language,t.label=n.label,t.default=n.default,Object.defineProperties(Me(t),{readyState:{get:function(){return i}},track:{get:function(){return n}}}),i=0,n.addEventListener("loadeddata",function(){i=2,t.trigger({type:"load",target:Me(t)})}),t}return He(e,r),e}(ve);ui.prototype.allowedEvents_={load:"load"},ui.NONE=0,ui.LOADING=1,ui.LOADED=2,ui.ERROR=3;var li={audio:{ListClass:Bt,TrackClass:ai,capitalName:"Audio"},video:{ListClass:jt,TrackClass:oi,capitalName:"Video"},text:{ListClass:Ft,TrackClass:si,capitalName:"Text"}};Object.keys(li).forEach(function(e){li[e].getterName=e+"Tracks",li[e].privateName=e+"Tracks_"});var ci={remoteText:{ListClass:Ft,TrackClass:si,capitalName:"RemoteText",getterName:"remoteTextTracks",privateName:"remoteTextTracks_"},remoteTextEl:{ListClass:Ht,TrackClass:ui,capitalName:"RemoteTextTrackEls",getterName:"remoteTextTrackEls",privateName:"remoteTextTrackEls_"}},hi=r({},li,ci);ci.names=Object.keys(ci),li.names=Object.keys(li),hi.names=[].concat(ci.names).concat(li.names);var di={};var pi=function(t){function i(i,e){var n;return void 0===i&&(i={}),void 0===e&&(e=function(){}),i.reportTouchActivity=!1,(n=t.call(this,null,i,e)||this).hasStarted_=!1,n.on("playing",function(){this.hasStarted_=!0}),n.on("loadstart",function(){this.hasStarted_=!1}),hi.names.forEach(function(e){var t=hi[e];i&&i[t.getterName]&&(n[t.privateName]=i[t.getterName])}),n.featuresProgressEvents||n.manualProgressOn(),n.featuresTimeupdateEvents||n.manualTimeUpdatesOn(),["Text","Audio","Video"].forEach(function(e){!1===i["native"+e+"Tracks"]&&(n["featuresNative"+e+"Tracks"]=!1)}),!1===i.nativeCaptions||!1===i.nativeTextTracks?n.featuresNativeTextTracks=!1:!0!==i.nativeCaptions&&!0!==i.nativeTextTracks||(n.featuresNativeTextTracks=!0),n.featuresNativeTextTracks||n.emulateTextTracks(),n.preloadTextTracks=!1!==i.preloadTextTracks,n.autoRemoteTextTracks_=new hi.text.ListClass,n.initTrackListeners(),i.nativeControlsForTouch||n.emitTapEvents(),n.constructor&&(n.name_=n.constructor.name||"Unknown Tech"),n}He(i,t);var e=i.prototype;return e.triggerSourceset=function(e){var t=this;this.isReady_||this.one("ready",function(){return t.setTimeout(function(){return t.triggerSourceset(e)},1)}),this.trigger({src:e,type:"sourceset"})},e.manualProgressOn=function(){this.on("durationchange",this.onDurationChange),this.manualProgress=!0,this.one("ready",this.trackProgress)},e.manualProgressOff=function(){this.manualProgress=!1,this.stopTrackingProgress(),this.off("durationchange",this.onDurationChange)},e.trackProgress=function(e){this.stopTrackingProgress(),this.progressInterval=this.setInterval(ge(this,function(){var e=this.bufferedPercent();this.bufferedPercent_!==e&&this.trigger("progress"),1===(this.bufferedPercent_=e)&&this.stopTrackingProgress()}),500)},e.onDurationChange=function(e){this.duration_=this.duration()},e.buffered=function(){return ht(0,0)},e.bufferedPercent=function(){return dt(this.buffered(),this.duration_)},e.stopTrackingProgress=function(){this.clearInterval(this.progressInterval)},e.manualTimeUpdatesOn=function(){this.manualTimeUpdates=!0,this.on("play",this.trackCurrentTime),this.on("pause",this.stopTrackingCurrentTime)},e.manualTimeUpdatesOff=function(){this.manualTimeUpdates=!1,this.stopTrackingCurrentTime(),this.off("play",this.trackCurrentTime),this.off("pause",this.stopTrackingCurrentTime)},e.trackCurrentTime=function(){this.currentTimeInterval&&this.stopTrackingCurrentTime(),this.currentTimeInterval=this.setInterval(function(){this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},250)},e.stopTrackingCurrentTime=function(){this.clearInterval(this.currentTimeInterval),this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.dispose=function(){this.clearTracks(li.names),this.manualProgress&&this.manualProgressOff(),this.manualTimeUpdates&&this.manualTimeUpdatesOff(),t.prototype.dispose.call(this)},e.clearTracks=function(e){var r=this;(e=[].concat(e)).forEach(function(e){for(var t=r[e+"Tracks"]()||[],i=t.length;i--;){var n=t[i];"text"===e&&r.removeRemoteTextTrack(n),t.removeTrack(n)}})},e.cleanupAutoTextTracks=function(){for(var e=this.autoRemoteTextTracks_||[],t=e.length;t--;){var i=e[t];this.removeRemoteTextTrack(i)}},e.reset=function(){},e.error=function(e){return void 0!==e&&(this.error_=new _t(e),this.trigger("error")),this.error_},e.played=function(){return this.hasStarted_?ht(0,0):ht()},e.setCurrentTime=function(){this.manualTimeUpdates&&this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.initTrackListeners=function(){var r=this;li.names.forEach(function(e){function t(){r.trigger(e+"trackchange")}var i=li[e],n=r[i.getterName]();n.addEventListener("removetrack",t),n.addEventListener("addtrack",t),r.on("dispose",function(){n.removeEventListener("removetrack",t),n.removeEventListener("addtrack",t)})})},e.addWebVttScript_=function(){var e=this;if(!v.WebVTT)if(h.body.contains(this.el())){if(!this.options_["vtt.js"]&&u(di)&&0<Object.keys(di).length)return void this.trigger("vttjsloaded");var t=h.createElement("script");t.src=this.options_["vtt.js"]||"https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js",t.onload=function(){e.trigger("vttjsloaded")},t.onerror=function(){e.trigger("vttjserror")},this.on("dispose",function(){t.onload=null,t.onerror=null}),v.WebVTT=!0,this.el().parentNode.appendChild(t)}else this.ready(this.addWebVttScript_)},e.emulateTextTracks=function(){function t(e){return n.addTrack(e.track)}function i(e){return n.removeTrack(e.track)}var e=this,n=this.textTracks(),r=this.remoteTextTracks();r.on("addtrack",t),r.on("removetrack",i),this.addWebVttScript_();function s(){return e.trigger("texttrackchange")}function a(){s();for(var e=0;e<n.length;e++){var t=n[e];t.removeEventListener("cuechange",s),"showing"===t.mode&&t.addEventListener("cuechange",s)}}a(),n.addEventListener("change",a),n.addEventListener("addtrack",a),n.addEventListener("removetrack",a),this.on("dispose",function(){r.off("addtrack",t),r.off("removetrack",i),n.removeEventListener("change",a),n.removeEventListener("addtrack",a),n.removeEventListener("removetrack",a);for(var e=0;e<n.length;e++){n[e].removeEventListener("cuechange",s)}})},e.addTextTrack=function(e,t,i){if(!e)throw new Error("TextTrack kind is required but was not provided");return function(e,t,i,n,r){void 0===r&&(r={});var s=e.textTracks();r.kind=t,i&&(r.label=i),n&&(r.language=n),r.tech=e;var a=new hi.text.TrackClass(r);return s.addTrack(a),a}(this,e,t,i)},e.createRemoteTextTrack=function(e){var t=Ue(e,{tech:this});return new ci.remoteTextEl.TrackClass(t)},e.addRemoteTextTrack=function(e,t){var i=this;void 0===e&&(e={});var n=this.createRemoteTextTrack(e);return!0!==t&&!1!==t&&(p.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js'),t=!0),this.remoteTextTrackEls().addTrackElement_(n),this.remoteTextTracks().addTrack(n.track),!0!==t&&this.ready(function(){return i.autoRemoteTextTracks_.addTrack(n.track)}),n},e.removeRemoteTextTrack=function(e){var t=this.remoteTextTrackEls().getTrackElementByTrack_(e);this.remoteTextTrackEls().removeTrackElement_(t),this.remoteTextTracks().removeTrack(e),this.autoRemoteTextTracks_.removeTrack(e)},e.getVideoPlaybackQuality=function(){return{}},e.requestPictureInPicture=function(){var e=this.options_.Promise||v.Promise;if(e)return e.reject()},e.setPoster=function(){},e.playsinline=function(){},e.setPlaysinline=function(){},e.overrideNativeAudioTracks=function(){},e.overrideNativeVideoTracks=function(){},e.canPlayType=function(){return""},i.canPlayType=function(){return""},i.canPlaySource=function(e,t){return i.canPlayType(e.type)},i.isTech=function(e){return e.prototype instanceof i||e instanceof i||e===i},i.registerTech=function(e,t){if(i.techs_||(i.techs_={}),!i.isTech(t))throw new Error("Tech "+e+" must be a Tech");if(!i.canPlayType)throw new Error("Techs must have a static canPlayType method on them");if(!i.canPlaySource)throw new Error("Techs must have a static canPlaySource method on them");return e=De(e),i.techs_[e]=t,i.techs_[xe(e)]=t,"Tech"!==e&&i.defaultTechOrder_.push(e),t},i.getTech=function(e){if(e)return i.techs_&&i.techs_[e]?i.techs_[e]:(e=De(e),v&&v.videojs&&v.videojs[e]?(p.warn("The "+e+" tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)"),v.videojs[e]):void 0)},i}(Re);hi.names.forEach(function(e){var t=hi[e];pi.prototype[t.getterName]=function(){return this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName]}}),pi.prototype.featuresVolumeControl=!0,pi.prototype.featuresMuteControl=!0,pi.prototype.featuresFullscreenResize=!1,pi.prototype.featuresPlaybackRate=!1,pi.prototype.featuresProgressEvents=!1,pi.prototype.featuresSourceset=!1,pi.prototype.featuresTimeupdateEvents=!1,pi.prototype.featuresNativeTextTracks=!1,pi.withSourceHandlers=function(r){r.registerSourceHandler=function(e,t){var i=r.sourceHandlers;i=i||(r.sourceHandlers=[]),void 0===t&&(t=i.length),i.splice(t,0,e)},r.canPlayType=function(e){for(var t,i=r.sourceHandlers||[],n=0;n<i.length;n++)if(t=i[n].canPlayType(e))return t;return""},r.selectSourceHandler=function(e,t){for(var i=r.sourceHandlers||[],n=0;n<i.length;n++)if(i[n].canHandleSource(e,t))return i[n];return null},r.canPlaySource=function(e,t){var i=r.selectSourceHandler(e,t);return i?i.canHandleSource(e,t):""};["seekable","seeking","duration"].forEach(function(e){var t=this[e];"function"==typeof t&&(this[e]=function(){return this.sourceHandler_&&this.sourceHandler_[e]?this.sourceHandler_[e].apply(this.sourceHandler_,arguments):t.apply(this,arguments)})},r.prototype),r.prototype.setSource=function(e){var t=r.selectSourceHandler(e,this.options_);t||(r.nativeSourceHandler?t=r.nativeSourceHandler:p.error("No source handler found for the current source.")),this.disposeSourceHandler(),this.off("dispose",this.disposeSourceHandler),t!==r.nativeSourceHandler&&(this.currentSource_=e),this.sourceHandler_=t.handleSource(e,this,this.options_),this.one("dispose",this.disposeSourceHandler)},r.prototype.disposeSourceHandler=function(){this.currentSource_&&(this.clearTracks(["audio","video"]),this.currentSource_=null),this.cleanupAutoTextTracks(),this.sourceHandler_&&(this.sourceHandler_.dispose&&this.sourceHandler_.dispose(),this.sourceHandler_=null)}},Re.registerComponent("Tech",pi),pi.registerTech("Tech",pi),pi.defaultTechOrder_=[];var fi={},mi={},gi={};function yi(e,t,i){e.setTimeout(function(){return function i(n,e,r,s,a,o){void 0===n&&(n={});void 0===e&&(e=[]);void 0===a&&(a=[]);void 0===o&&(o=!1);var t=e,u=t[0],l=t.slice(1);if("string"==typeof u)i(n,fi[u],r,s,a,o);else if(u){var c=Si(s,u);if(!c.setSource)return a.push(c),i(n,l,r,s,a,o);c.setSource(m({},n),function(e,t){if(e)return i(n,l,r,s,a,o);a.push(c),i(t,n.type===t.type?l:fi[t.type],r,s,a,o)})}else l.length?i(n,l,r,s,a,o):o?r(n,a):i(n,fi["*"],r,s,a,!0)}(t,fi[t.type],i,e)},1)}function vi(e,t,i,n){void 0===n&&(n=null);var r="call"+De(i),s=e.reduce(ki(r),n),a=s===gi,o=a?null:t[i](s);return function(e,t,i,n){for(var r=e.length-1;0<=r;r--){var s=e[r];s[t]&&s[t](n,i)}}(e,i,o,a),o}var _i={buffered:1,currentTime:1,duration:1,muted:1,played:1,paused:1,seekable:1,volume:1},bi={setCurrentTime:1,setMuted:1,setVolume:1},Ti={play:1,pause:1};function ki(i){return function(e,t){return e===gi?gi:t[i]?t[i](e):e}}function Si(e,t){var i=mi[e.id()],n=null;if(null==i)return n=t(e),mi[e.id()]=[[t,n]],n;for(var r=0;r<i.length;r++){var s=i[r],a=s[0],o=s[1];a===t&&(n=o)}return null===n&&(n=t(e),i.push([t,n])),n}function Ci(e){void 0===e&&(e="");var t=Mt(e);return Ei[t.toLowerCase()]||""}var Ei={opus:"video/ogg",ogv:"video/ogg",mp4:"video/mp4",mov:"video/mp4",m4v:"video/mp4",mkv:"video/x-matroska",m4a:"audio/mp4",mp3:"audio/mpeg",aac:"audio/aac",oga:"audio/ogg",m3u8:"application/x-mpegURL",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",png:"image/png",svg:"image/svg+xml",webp:"image/webp"};function wi(e){if(!e.type){var t=Ci(e.src);t&&(e.type=t)}return e}var Pi=function(l){function e(e,t,i){var n,r=Ue({createEl:!1},t);if(n=l.call(this,e,r,i)||this,t.playerOptions.sources&&0!==t.playerOptions.sources.length)e.src(t.playerOptions.sources);else for(var s=0,a=t.playerOptions.techOrder;s<a.length;s++){var o=De(a[s]),u=pi.getTech(o);if(o||(u=Re.getComponent(o)),u&&u.isSupported()){e.loadTech_(o);break}}return n}return He(e,l),e}(Re);Re.registerComponent("MediaLoader",Pi);var Li=function(r){function e(e,t){var i;return(i=r.call(this,e,t)||this).emitTapEvents(),i.enable(),i}He(e,r);var t=e.prototype;return t.createEl=function(e,t,i){void 0===e&&(e="div"),void 0===t&&(t={}),void 0===i&&(i={}),t=m({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass(),tabIndex:0},t),"button"===e&&p.error("Creating a ClickableComponent with an HTML element of "+e+" is not supported; use a Button instead."),i=m({role:"button"},i),this.tabIndex_=t.tabIndex;var n=r.prototype.createEl.call(this,e,t,i);return this.createControlTextEl(n),n},t.dispose=function(){this.controlTextEl_=null,r.prototype.dispose.call(this)},t.createControlTextEl=function(e){return this.controlTextEl_=k("span",{className:"vjs-control-text"},{"aria-live":"polite"}),e&&e.appendChild(this.controlTextEl_),this.controlText(this.controlText_,e),this.controlTextEl_},t.controlText=function(e,t){if(void 0===t&&(t=this.el()),void 0===e)return this.controlText_||"Need Text";var i=this.localize(e);this.controlText_=e,S(this.controlTextEl_,i),this.nonIconControl||t.setAttribute("title",i)},t.buildCSSClass=function(){return"vjs-control vjs-button "+r.prototype.buildCSSClass.call(this)},t.enable=function(){this.enabled_||(this.enabled_=!0,this.removeClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","false"),"undefined"!=typeof this.tabIndex_&&this.el_.setAttribute("tabIndex",this.tabIndex_),this.on(["tap","click"],this.handleClick),this.on("keydown",this.handleKeyDown))},t.disable=function(){this.enabled_=!1,this.addClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","true"),"undefined"!=typeof this.tabIndex_&&this.el_.removeAttribute("tabIndex"),this.off("mouseover",this.handleMouseOver),this.off("mouseout",this.handleMouseOut),this.off(["tap","click"],this.handleClick),this.off("keydown",this.handleKeyDown)},t.handleClick=function(e){this.options_.clickHandler&&this.options_.clickHandler.call(this,arguments)},t.handleKeyDown=function(e){Pt.isEventKey(e,"Space")||Pt.isEventKey(e,"Enter")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):r.prototype.handleKeyDown.call(this,e)},e}(Re);Re.registerComponent("ClickableComponent",Li);var Ii=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update(),e.on("posterchange",ge(Me(i),i.update)),i}He(e,n);var t=e.prototype;return t.dispose=function(){this.player().off("posterchange",this.update),n.prototype.dispose.call(this)},t.createEl=function(){return k("div",{className:"vjs-poster",tabIndex:-1})},t.update=function(e){var t=this.player().poster();this.setSrc(t),t?this.show():this.hide()},t.setSrc=function(e){var t="";e&&(t='url("'+e+'")'),this.el_.style.backgroundImage=t},t.handleClick=function(e){this.player_.controls()&&(this.player_.tech(!0)&&this.player_.tech(!0).focus(),this.player_.paused()?St(this.player_.play()):this.player_.pause())},e}(Li);Re.registerComponent("PosterImage",Ii);var Ai="#222",Oi={monospace:"monospace",sansSerif:"sans-serif",serif:"serif",monospaceSansSerif:'"Andale Mono", "Lucida Console", monospace',monospaceSerif:'"Courier New", monospace',proportionalSansSerif:"sans-serif",proportionalSerif:"serif",casual:'"Comic Sans MS", Impact, fantasy',script:'"Monotype Corsiva", cursive',smallcaps:'"Andale Mono", "Lucida Console", monospace, sans-serif'};function xi(e,t){var i;if(4===e.length)i=e[1]+e[1]+e[2]+e[2]+e[3]+e[3];else{if(7!==e.length)throw new Error("Invalid color code provided, "+e+"; must be formatted as e.g. #f0e or #f604e2.");i=e.slice(1)}return"rgba("+parseInt(i.slice(0,2),16)+","+parseInt(i.slice(2,4),16)+","+parseInt(i.slice(4,6),16)+","+t+")"}function Di(e,t,i){try{e.style[t]=i}catch(e){return}}var Ui=function(s){function e(i,e,t){var n;n=s.call(this,i,e,t)||this;var r=ge(Me(n),n.updateDisplay);return i.on("loadstart",ge(Me(n),n.toggleDisplay)),i.on("texttrackchange",r),i.on("loadedmetadata",ge(Me(n),n.preselectTrack)),i.ready(ge(Me(n),function(){if(i.tech_&&i.tech_.featuresNativeTextTracks)this.hide();else{i.on("fullscreenchange",r),i.on("playerresize",r),v.addEventListener("orientationchange",r),i.on("dispose",function(){return v.removeEventListener("orientationchange",r)});for(var e=this.options_.playerOptions.tracks||[],t=0;t<e.length;t++)this.player_.addRemoteTextTrack(e[t],!0);this.preselectTrack()}})),n}He(e,s);var t=e.prototype;return t.preselectTrack=function(){for(var e,t,i,n={captions:1,subtitles:1},r=this.player_.textTracks(),s=this.player_.cache_.selectedLanguage,a=0;a<r.length;a++){var o=r[a];s&&s.enabled&&s.language&&s.language===o.language&&o.kind in n?i=o.kind===s.kind?o:i||o:s&&!s.enabled?t=e=i=null:o.default&&("descriptions"!==o.kind||e?o.kind in n&&!t&&(t=o):e=o)}i?i.mode="showing":t?t.mode="showing":e&&(e.mode="showing")},t.toggleDisplay=function(){this.player_.tech_&&this.player_.tech_.featuresNativeTextTracks?this.hide():this.show()},t.createEl=function(){return s.prototype.createEl.call(this,"div",{className:"vjs-text-track-display"},{"aria-live":"off","aria-atomic":"true"})},t.clearDisplay=function(){"function"==typeof v.WebVTT&&v.WebVTT.processCues(v,[],this.el_)},t.updateDisplay=function(){var e=this.player_.textTracks(),t=this.options_.allowMultipleShowingTracks;if(this.clearDisplay(),t){for(var i=[],n=0;n<e.length;++n){var r=e[n];"showing"===r.mode&&i.push(r)}this.updateForTrack(i)}else{for(var s=null,a=null,o=e.length;o--;){var u=e[o];"showing"===u.mode&&("descriptions"===u.kind?s=u:a=u)}a?("off"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","off"),this.updateForTrack(a)):s&&("assertive"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","assertive"),this.updateForTrack(s))}},t.updateDisplayState=function(e){for(var t=this.player_.textTrackSettings.getValues(),i=e.activeCues,n=i.length;n--;){var r=i[n];if(r){var s=r.displayState;if(t.color&&(s.firstChild.style.color=t.color),t.textOpacity&&Di(s.firstChild,"color",xi(t.color||"#fff",t.textOpacity)),t.backgroundColor&&(s.firstChild.style.backgroundColor=t.backgroundColor),t.backgroundOpacity&&Di(s.firstChild,"backgroundColor",xi(t.backgroundColor||"#000",t.backgroundOpacity)),t.windowColor&&(t.windowOpacity?Di(s,"backgroundColor",xi(t.windowColor,t.windowOpacity)):s.style.backgroundColor=t.windowColor),t.edgeStyle&&("dropshadow"===t.edgeStyle?s.firstChild.style.textShadow="2px 2px 3px #222, 2px 2px 4px #222, 2px 2px 5px "+Ai:"raised"===t.edgeStyle?s.firstChild.style.textShadow="1px 1px #222, 2px 2px #222, 3px 3px "+Ai:"depressed"===t.edgeStyle?s.firstChild.style.textShadow="1px 1px #ccc, 0 1px #ccc, -1px -1px #222, 0 -1px "+Ai:"uniform"===t.edgeStyle&&(s.firstChild.style.textShadow="0 0 4px #222, 0 0 4px #222, 0 0 4px #222, 0 0 4px "+Ai)),t.fontPercent&&1!==t.fontPercent){var a=v.parseFloat(s.style.fontSize);s.style.fontSize=a*t.fontPercent+"px",s.style.height="auto",s.style.top="auto",s.style.bottom="2px"}t.fontFamily&&"default"!==t.fontFamily&&("small-caps"===t.fontFamily?s.firstChild.style.fontVariant="small-caps":s.firstChild.style.fontFamily=Oi[t.fontFamily])}}},t.updateForTrack=function(e){if(Array.isArray(e)||(e=[e]),"function"==typeof v.WebVTT&&!e.every(function(e){return!e.activeCues})){for(var t=[],i=0;i<e.length;++i)for(var n=e[i],r=0;r<n.activeCues.length;++r)t.push(n.activeCues[r]);v.WebVTT.processCues(v,t,this.el_);for(var s=0;s<e.length;++s){for(var a=e[s],o=0;o<a.activeCues.length;++o){var u=a.activeCues[o].displayState;w(u,"vjs-text-track-cue"),w(u,"vjs-text-track-cue-"+(a.language?a.language:s))}this.player_.textTrackSettings&&this.updateDisplayState(a)}}},e}(Re);Re.registerComponent("TextTrackDisplay",Ui);var Ri=function(r){function e(){return r.apply(this,arguments)||this}return He(e,r),e.prototype.createEl=function(){var e=this.player_.isAudio(),t=this.localize(e?"Audio Player":"Video Player"),i=k("span",{className:"vjs-control-text",innerHTML:this.localize("{1} is loading.",[t])}),n=r.prototype.createEl.call(this,"div",{className:"vjs-loading-spinner",dir:"ltr"});return n.appendChild(i),n},e}(Re);Re.registerComponent("LoadingSpinner",Ri);var Mi=function(t){function e(){return t.apply(this,arguments)||this}He(e,t);var i=e.prototype;return i.createEl=function(e,t,i){void 0===t&&(t={}),void 0===i&&(i={}),t=m({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass()},t),i=m({type:"button"},i);var n=Re.prototype.createEl.call(this,"button",t,i);return this.createControlTextEl(n),n},i.addChild=function(e,t){void 0===t&&(t={});var i=this.constructor.name;return p.warn("Adding an actionable (user controllable) child to a Button ("+i+") is not supported; use a ClickableComponent instead."),Re.prototype.addChild.call(this,e,t)},i.enable=function(){t.prototype.enable.call(this),this.el_.removeAttribute("disabled")},i.disable=function(){t.prototype.disable.call(this),this.el_.setAttribute("disabled","disabled")},i.handleKeyDown=function(e){Pt.isEventKey(e,"Space")||Pt.isEventKey(e,"Enter")?e.stopPropagation():t.prototype.handleKeyDown.call(this,e)},e}(Li);Re.registerComponent("Button",Mi);var Ni=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).mouseused_=!1,i.on("mousedown",i.handleMouseDown),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-big-play-button"},t.handleClick=function(e){var t=this.player_.play();if(this.mouseused_&&e.clientX&&e.clientY){var i=this.player_.usingPlugin("eme")&&this.player_.eme.sessions&&0<this.player_.eme.sessions.length;return St(t),void(!this.player_.tech(!0)||(et||Qe)&&i||this.player_.tech(!0).focus())}var n=this.player_.getChild("controlBar"),r=n&&n.getChild("playToggle");if(r){var s=function(){return r.focus()};kt(t)?t.then(s,function(){}):this.setTimeout(s,1)}else this.player_.tech(!0).focus()},t.handleKeyDown=function(e){this.mouseused_=!1,n.prototype.handleKeyDown.call(this,e)},t.handleMouseDown=function(e){this.mouseused_=!0},e}(Mi);Ni.prototype.controlText_="Play Video",Re.registerComponent("BigPlayButton",Ni);var Bi=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).controlText(t&&t.controlText||i.localize("Close")),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-close-button "+n.prototype.buildCSSClass.call(this)},t.handleClick=function(e){this.trigger({type:"close",bubbles:!1})},t.handleKeyDown=function(e){Pt.isEventKey(e,"Esc")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):n.prototype.handleKeyDown.call(this,e)},e}(Mi);Re.registerComponent("CloseButton",Bi);var ji=function(n){function e(e,t){var i;return void 0===t&&(t={}),i=n.call(this,e,t)||this,t.replay=void 0===t.replay||t.replay,i.on(e,"play",i.handlePlay),i.on(e,"pause",i.handlePause),t.replay&&i.on(e,"ended",i.handleEnded),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-play-control "+n.prototype.buildCSSClass.call(this)},t.handleClick=function(e){this.player_.paused()?this.player_.play():this.player_.pause()},t.handleSeeked=function(e){this.removeClass("vjs-ended"),this.player_.paused()?this.handlePause(e):this.handlePlay(e)},t.handlePlay=function(e){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.controlText("Pause")},t.handlePause=function(e){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.controlText("Play")},t.handleEnded=function(e){this.removeClass("vjs-playing"),this.addClass("vjs-ended"),this.controlText("Replay"),this.one(this.player_,"seeked",this.handleSeeked)},e}(Mi);ji.prototype.controlText_="Play",Re.registerComponent("PlayToggle",ji);function Fi(e,t){e=e<0?0:e;var i=Math.floor(e%60),n=Math.floor(e/60%60),r=Math.floor(e/3600),s=Math.floor(t/60%60),a=Math.floor(t/3600);return!isNaN(e)&&e!==1/0||(r=n=i="-"),(r=0<r||0<a?r+":":"")+(n=((r||10<=s)&&n<10?"0"+n:n)+":")+(i=i<10?"0"+i:i)}var Hi=Fi;function qi(e,t){return void 0===t&&(t=e),Hi(e,t)}var Vi=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,["timeupdate","ended"],i.updateContent),i.updateTextNode_(),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e=this.buildCSSClass(),t=n.prototype.createEl.call(this,"div",{className:e+" vjs-time-control vjs-control",innerHTML:'<span class="vjs-control-text" role="presentation">'+this.localize(this.labelText_)+" </span>"});return this.contentEl_=k("span",{className:e+"-display"},{"aria-live":"off",role:"presentation"}),t.appendChild(this.contentEl_),t},t.dispose=function(){this.contentEl_=null,this.textNode_=null,n.prototype.dispose.call(this)},t.updateTextNode_=function(e){var t=this;void 0===e&&(e=0),e=qi(e),this.formattedTime_!==e&&(this.formattedTime_=e,this.requestAnimationFrame(function(){if(t.contentEl_){var e=t.textNode_;t.textNode_=h.createTextNode(t.formattedTime_),t.textNode_&&(e?t.contentEl_.replaceChild(t.textNode_,e):t.contentEl_.appendChild(t.textNode_))}}))},t.updateContent=function(e){},e}(Re);Vi.prototype.labelText_="Time",Vi.prototype.controlText_="Time",Re.registerComponent("TimeDisplay",Vi);var Wi=function(e){function t(){return e.apply(this,arguments)||this}He(t,e);var i=t.prototype;return i.buildCSSClass=function(){return"vjs-current-time"},i.updateContent=function(e){var t;t=this.player_.ended()?this.player_.duration():this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime(),this.updateTextNode_(t)},t}(Vi);Wi.prototype.labelText_="Current Time",Wi.prototype.controlText_="Current Time",Re.registerComponent("CurrentTimeDisplay",Wi);var zi=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"durationchange",i.updateContent),i.on(e,"loadstart",i.updateContent),i.on(e,"loadedmetadata",i.updateContent),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-duration"},t.updateContent=function(e){var t=this.player_.duration();this.updateTextNode_(t)},e}(Vi);zi.prototype.labelText_="Duration",zi.prototype.controlText_="Duration",Re.registerComponent("DurationDisplay",zi);var Gi=function(e){function t(){return e.apply(this,arguments)||this}return He(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-time-control vjs-time-divider",innerHTML:"<div><span>/</span></div>"},{"aria-hidden":!0})},t}(Re);Re.registerComponent("TimeDivider",Gi);var Ki=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"durationchange",i.updateContent),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-remaining-time"},t.createEl=function(){var e=n.prototype.createEl.call(this);return e.insertBefore(k("span",{},{"aria-hidden":!0},"-"),this.contentEl_),e},t.updateContent=function(e){var t;"number"==typeof this.player_.duration()&&(t=this.player_.ended()?0:this.player_.remainingTimeDisplay?this.player_.remainingTimeDisplay():this.player_.remainingTime(),this.updateTextNode_(t))},e}(Vi);Ki.prototype.labelText_="Remaining Time",Ki.prototype.controlText_="Remaining Time",Re.registerComponent("RemainingTimeDisplay",Ki);var Xi=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).updateShowing(),i.on(i.player(),"durationchange",i.updateShowing),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e=n.prototype.createEl.call(this,"div",{className:"vjs-live-control vjs-control"});return this.contentEl_=k("div",{className:"vjs-live-display",innerHTML:'<span class="vjs-control-text">'+this.localize("Stream Type")+" </span>"+this.localize("LIVE")},{"aria-live":"off"}),e.appendChild(this.contentEl_),e},t.dispose=function(){this.contentEl_=null,n.prototype.dispose.call(this)},t.updateShowing=function(e){this.player().duration()===1/0?this.show():this.hide()},e}(Re);Re.registerComponent("LiveDisplay",Xi);var Yi=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).updateLiveEdgeStatus(),i.player_.liveTracker&&i.on(i.player_.liveTracker,"liveedgechange",i.updateLiveEdgeStatus),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e=n.prototype.createEl.call(this,"button",{className:"vjs-seek-to-live-control vjs-control"});return this.textEl_=k("span",{className:"vjs-seek-to-live-text",innerHTML:this.localize("LIVE")},{"aria-hidden":"true"}),e.appendChild(this.textEl_),e},t.updateLiveEdgeStatus=function(e){!this.player_.liveTracker||this.player_.liveTracker.atLiveEdge()?(this.setAttribute("aria-disabled",!0),this.addClass("vjs-at-live-edge"),this.controlText("Seek to live, currently playing live")):(this.setAttribute("aria-disabled",!1),this.removeClass("vjs-at-live-edge"),this.controlText("Seek to live, currently behind live"))},t.handleClick=function(){this.player_.liveTracker.seekToLiveEdge()},t.dispose=function(){this.player_.liveTracker&&this.off(this.player_.liveTracker,"liveedgechange",this.updateLiveEdgeStatus),this.textEl_=null,n.prototype.dispose.call(this)},e}(Mi);Yi.prototype.controlText_="Seek to live, currently playing live",Re.registerComponent("SeekToLive",Yi);function $i(e,t,i){return e=Number(e),Math.min(i,Math.max(t,isNaN(e)?t:e))}var Qi=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).bar=i.getChild(i.options_.barName),i.vertical(!!i.options_.vertical),i.enable(),i}He(e,n);var t=e.prototype;return t.enabled=function(){return this.enabled_},t.enable=function(){this.enabled()||(this.on("mousedown",this.handleMouseDown),this.on("touchstart",this.handleMouseDown),this.on("keydown",this.handleKeyDown),this.on("click",this.handleClick),this.on(this.player_,"controlsvisible",this.update),this.playerEvent&&this.on(this.player_,this.playerEvent,this.update),this.removeClass("disabled"),this.setAttribute("tabindex",0),this.enabled_=!0)},t.disable=function(){if(this.enabled()){var e=this.bar.el_.ownerDocument;this.off("mousedown",this.handleMouseDown),this.off("touchstart",this.handleMouseDown),this.off("keydown",this.handleKeyDown),this.off("click",this.handleClick),this.off(this.player_,"controlsvisible",this.update),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),this.removeAttribute("tabindex"),this.addClass("disabled"),this.playerEvent&&this.off(this.player_,this.playerEvent,this.update),this.enabled_=!1}},t.createEl=function(e,t,i){return void 0===t&&(t={}),void 0===i&&(i={}),t.className=t.className+" vjs-slider",t=m({tabIndex:0},t),i=m({role:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},i),n.prototype.createEl.call(this,e,t,i)},t.handleMouseDown=function(e){var t=this.bar.el_.ownerDocument;"mousedown"===e.type&&e.preventDefault(),"touchstart"!==e.type||Je||e.preventDefault(),U(),this.addClass("vjs-sliding"),this.trigger("slideractive"),this.on(t,"mousemove",this.handleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchmove",this.handleMouseMove),this.on(t,"touchend",this.handleMouseUp),this.handleMouseMove(e)},t.handleMouseMove=function(e){},t.handleMouseUp=function(){var e=this.bar.el_.ownerDocument;R(),this.removeClass("vjs-sliding"),this.trigger("sliderinactive"),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),this.update()},t.update=function(){var t=this;if(this.el_&&this.bar){var i=this.getProgress();if(i!==this.progress_)return this.progress_=i,this.requestAnimationFrame(function(){var e=t.vertical()?"height":"width";t.bar.el().style[e]=(100*i).toFixed(2)+"%"}),i}},t.getProgress=function(){return $i(this.getPercent(),0,1).toFixed(4)},t.calculateDistance=function(e){var t=B(this.el_,e);return this.vertical()?t.y:t.x},t.handleKeyDown=function(e){Pt.isEventKey(e,"Left")||Pt.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepBack()):Pt.isEventKey(e,"Right")||Pt.isEventKey(e,"Up")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):n.prototype.handleKeyDown.call(this,e)},t.handleClick=function(e){e.stopPropagation(),e.preventDefault()},t.vertical=function(e){if(void 0===e)return this.vertical_||!1;this.vertical_=!!e,this.vertical_?this.addClass("vjs-slider-vertical"):this.addClass("vjs-slider-horizontal")},e}(Re);Re.registerComponent("Slider",Qi);function Ji(e,t){return $i(e/t*100,0,100).toFixed(2)+"%"}var Zi=function(r){function e(e,t){var i;return(i=r.call(this,e,t)||this).partEls_=[],i.on(e,"progress",i.update),i}He(e,r);var t=e.prototype;return t.createEl=function(){var e=r.prototype.createEl.call(this,"div",{className:"vjs-load-progress"}),t=k("span",{className:"vjs-control-text"}),i=k("span",{textContent:this.localize("Loaded")}),n=h.createTextNode(": ");return this.percentageEl_=k("span",{className:"vjs-control-text-loaded-percentage",textContent:"0%"}),e.appendChild(t),t.appendChild(i),t.appendChild(n),t.appendChild(this.percentageEl_),e},t.dispose=function(){this.partEls_=null,this.percentageEl_=null,r.prototype.dispose.call(this)},t.update=function(e){var h=this;this.requestAnimationFrame(function(){var e=h.player_.liveTracker,t=h.player_.buffered(),i=e&&e.isLive()?e.seekableEnd():h.player_.duration(),n=h.player_.bufferedEnd(),r=h.partEls_,s=Ji(n,i);h.percent_!==s&&(h.el_.style.width=s,S(h.percentageEl_,s),h.percent_=s);for(var a=0;a<t.length;a++){var o=t.start(a),u=t.end(a),l=r[a];l||(l=h.el_.appendChild(k()),r[a]=l),l.dataset.start===o&&l.dataset.end===u||(l.dataset.start=o,l.dataset.end=u,l.style.left=Ji(o,n),l.style.width=Ji(u-o,n))}for(var c=r.length;c>t.length;c--)h.el_.removeChild(r[c-1]);r.length=t.length})},e}(Re);Re.registerComponent("LoadProgressBar",Zi);var en=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ye(ge(Me(i),i.update),30),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-time-tooltip"},{"aria-hidden":"true"})},t.update=function(e,t,i){var n=M(this.el_),r=M(this.player_.el()),s=e.width*t;if(r&&n){var a=e.left-r.left+s,o=e.width-s+(r.right-e.right),u=n.width/2;a<u?u+=u-a:o<u&&(u=o),u<0?u=0:u>n.width&&(u=n.width),this.el_.style.right="-"+u+"px",this.write(i)}},t.write=function(e){S(this.el_,e)},t.updateTime=function(r,s,a,o){var u=this;this.rafId_&&this.cancelAnimationFrame(this.rafId_),this.rafId_=this.requestAnimationFrame(function(){var e,t=u.player_.duration();if(u.player_.liveTracker&&u.player_.liveTracker.isLive()){var i=u.player_.liveTracker.liveWindow(),n=i-s*i;e=(n<1?"":"-")+qi(n,i)}else e=qi(a,t);u.update(r,s,e),o&&o()})},e}(Re);Re.registerComponent("TimeTooltip",en);var tn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ye(ge(Me(i),i.update),30),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-play-progress vjs-slider-bar"},{"aria-hidden":"true"})},t.update=function(e,t){var i=this.getChild("timeTooltip");if(i){var n=this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime();i.updateTime(e,t,n)}},e}(Re);tn.prototype.options_={children:[]},at||Ke||tn.prototype.options_.children.push("timeTooltip"),Re.registerComponent("PlayProgressBar",tn);var nn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ye(ge(Me(i),i.update),30),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-mouse-display"})},t.update=function(e,t){var i=this,n=t*this.player_.duration();this.getChild("timeTooltip").updateTime(e,t,n,function(){i.el_.style.left=e.width*t+"px"})},e}(Re);nn.prototype.options_={children:["timeTooltip"]},Re.registerComponent("MouseTimeDisplay",nn);var rn=function(s){function e(e,t){var i;return(i=s.call(this,e,t)||this).setEventHandlers_(),i}He(e,s);var t=e.prototype;return t.setEventHandlers_=function(){this.update_=ge(this,this.update),this.update=ye(this.update_,30),this.on(this.player_,["ended","durationchange","timeupdate"],this.update),this.player_.liveTracker&&this.on(this.player_.liveTracker,"liveedgechange",this.update),this.updateInterval=null,this.on(this.player_,["playing"],this.enableInterval_),this.on(this.player_,["ended","pause","waiting"],this.disableInterval_),"hidden"in h&&"visibilityState"in h&&this.on(h,"visibilitychange",this.toggleVisibility_)},t.toggleVisibility_=function(e){h.hidden?this.disableInterval_(e):(this.enableInterval_(),this.update())},t.enableInterval_=function(){this.updateInterval||(this.updateInterval=this.setInterval(this.update,30))},t.disableInterval_=function(e){this.player_.liveTracker&&this.player_.liveTracker.isLive()&&"ended"!==e.type||this.updateInterval&&(this.clearInterval(this.updateInterval),this.updateInterval=null)},t.createEl=function(){return s.prototype.createEl.call(this,"div",{className:"vjs-progress-holder"},{"aria-label":this.localize("Progress Bar")})},t.update=function(e){var n=this,r=s.prototype.update.call(this);return this.requestAnimationFrame(function(){var e=n.player_.ended()?n.player_.duration():n.getCurrentTime_(),t=n.player_.liveTracker,i=n.player_.duration();t&&t.isLive()&&(i=n.player_.liveTracker.liveCurrentTime()),n.percent_!==r&&(n.el_.setAttribute("aria-valuenow",(100*r).toFixed(2)),n.percent_=r),n.currentTime_===e&&n.duration_===i||(n.el_.setAttribute("aria-valuetext",n.localize("progress bar timing: currentTime={1} duration={2}",[qi(e,i),qi(i,i)],"{1} of {2}")),n.currentTime_=e,n.duration_=i)}),r},t.getCurrentTime_=function(){return this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime()},t.getPercent=function(){var e,t=this.getCurrentTime_(),i=this.player_.liveTracker;return i&&i.isLive()?(e=(t-i.seekableStart())/i.liveWindow(),i.atLiveEdge()&&(e=1)):e=t/this.player_.duration(),e},t.handleMouseDown=function(e){W(e)&&(e.stopPropagation(),this.player_.scrubbing(!0),this.videoWasPlaying=!this.player_.paused(),this.player_.pause(),s.prototype.handleMouseDown.call(this,e))},t.handleMouseMove=function(e){if(W(e)){var t,i=this.calculateDistance(e),n=this.player_.liveTracker;if(n&&n.isLive()){var r=n.seekableStart(),s=n.liveCurrentTime();if(s<=(t=r+i*n.liveWindow())&&(t=s),t<=r&&(t=r+.1),t===1/0)return}else(t=i*this.player_.duration())===this.player_.duration()&&(t-=.1);this.player_.currentTime(t)}},t.enable=function(){s.prototype.enable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.show()},t.disable=function(){s.prototype.disable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.hide()},t.handleMouseUp=function(e){s.prototype.handleMouseUp.call(this,e),e&&e.stopPropagation(),this.player_.scrubbing(!1),this.player_.trigger({type:"timeupdate",target:this,manuallyTriggered:!0}),this.videoWasPlaying?St(this.player_.play()):this.update_()},t.stepForward=function(){this.player_.currentTime(this.player_.currentTime()+5)},t.stepBack=function(){this.player_.currentTime(this.player_.currentTime()-5)},t.handleAction=function(e){this.player_.paused()?this.player_.play():this.player_.pause()},t.handleKeyDown=function(e){if(Pt.isEventKey(e,"Space")||Pt.isEventKey(e,"Enter"))e.preventDefault(),e.stopPropagation(),this.handleAction(e);else if(Pt.isEventKey(e,"Home"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(0);else if(Pt.isEventKey(e,"End"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.duration());else if(/^[0-9]$/.test(Pt(e))){e.preventDefault(),e.stopPropagation();var t=10*(Pt.codes[Pt(e)]-Pt.codes[0])/100;this.player_.currentTime(this.player_.duration()*t)}else Pt.isEventKey(e,"PgDn")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()-60)):Pt.isEventKey(e,"PgUp")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()+60)):s.prototype.handleKeyDown.call(this,e)},e}(Qi);rn.prototype.options_={children:["loadProgressBar","playProgressBar"],barName:"playProgressBar"},at||Ke||rn.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),Re.registerComponent("SeekBar",rn);var sn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).handleMouseMove=ye(ge(Me(i),i.handleMouseMove),30),i.throttledHandleMouseSeek=ye(ge(Me(i),i.handleMouseSeek),30),i.enable(),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-progress-control vjs-control"})},t.handleMouseMove=function(e){var t=this.getChild("seekBar");if(t){var i=t.getChild("playProgressBar"),n=t.getChild("mouseTimeDisplay");if(i||n){var r=t.el(),s=M(r),a=B(r,e).x;a=$i(0,1,a),n&&n.update(s,a),i&&i.update(s,t.getProgress())}}},t.handleMouseSeek=function(e){var t=this.getChild("seekBar");t&&t.handleMouseMove(e)},t.enabled=function(){return this.enabled_},t.disable=function(){this.children().forEach(function(e){return e.disable&&e.disable()}),this.enabled()&&(this.off(["mousedown","touchstart"],this.handleMouseDown),this.off(this.el_,"mousemove",this.handleMouseMove),this.handleMouseUp(),this.addClass("disabled"),this.enabled_=!1)},t.enable=function(){this.children().forEach(function(e){return e.enable&&e.enable()}),this.enabled()||(this.on(["mousedown","touchstart"],this.handleMouseDown),this.on(this.el_,"mousemove",this.handleMouseMove),this.removeClass("disabled"),this.enabled_=!0)},t.handleMouseDown=function(e){var t=this.el_.ownerDocument,i=this.getChild("seekBar");i&&i.handleMouseDown(e),this.on(t,"mousemove",this.throttledHandleMouseSeek),this.on(t,"touchmove",this.throttledHandleMouseSeek),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchend",this.handleMouseUp)},t.handleMouseUp=function(e){var t=this.el_.ownerDocument,i=this.getChild("seekBar");i&&i.handleMouseUp(e),this.off(t,"mousemove",this.throttledHandleMouseSeek),this.off(t,"touchmove",this.throttledHandleMouseSeek),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchend",this.handleMouseUp)},e}(Re);sn.prototype.options_={children:["seekBar"]},Re.registerComponent("ProgressControl",sn);var an=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,["enterpictureinpicture","leavepictureinpicture"],i.handlePictureInPictureChange),h.pictureInPictureEnabled||i.disable(),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-picture-in-picture-control "+n.prototype.buildCSSClass.call(this)},t.handlePictureInPictureChange=function(e){this.player_.isInPictureInPicture()?this.controlText("Exit Picture-in-Picture"):this.controlText("Picture-in-Picture")},t.handleClick=function(e){this.player_.isInPictureInPicture()?this.player_.exitPictureInPicture():this.player_.requestPictureInPicture()},e}(Mi);an.prototype.controlText_="Picture-in-Picture",Re.registerComponent("PictureInPictureToggle",an);var on=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"fullscreenchange",i.handleFullscreenChange),!1===h[e.fsApi_.fullscreenEnabled]&&i.disable(),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-fullscreen-control "+n.prototype.buildCSSClass.call(this)},t.handleFullscreenChange=function(e){this.player_.isFullscreen()?this.controlText("Non-Fullscreen"):this.controlText("Fullscreen")},t.handleClick=function(e){this.player_.isFullscreen()?this.player_.exitFullscreen():this.player_.requestFullscreen()},e}(Mi);on.prototype.controlText_="Fullscreen",Re.registerComponent("FullscreenToggle",on);var un=function(e){function t(){return e.apply(this,arguments)||this}return He(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})},t}(Re);Re.registerComponent("VolumeLevel",un);var ln=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on("slideractive",i.updateLastVolume_),i.on(e,"volumechange",i.updateARIAAttributes),e.ready(function(){return i.updateARIAAttributes()}),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-volume-bar vjs-slider-bar"},{"aria-label":this.localize("Volume Level"),"aria-live":"polite"})},t.handleMouseDown=function(e){W(e)&&n.prototype.handleMouseDown.call(this,e)},t.handleMouseMove=function(e){W(e)&&(this.checkMuted(),this.player_.volume(this.calculateDistance(e)))},t.checkMuted=function(){this.player_.muted()&&this.player_.muted(!1)},t.getPercent=function(){return this.player_.muted()?0:this.player_.volume()},t.stepForward=function(){this.checkMuted(),this.player_.volume(this.player_.volume()+.1)},t.stepBack=function(){this.checkMuted(),this.player_.volume(this.player_.volume()-.1)},t.updateARIAAttributes=function(e){var t=this.player_.muted()?0:this.volumeAsPercentage_();this.el_.setAttribute("aria-valuenow",t),this.el_.setAttribute("aria-valuetext",t+"%")},t.volumeAsPercentage_=function(){return Math.round(100*this.player_.volume())},t.updateLastVolume_=function(){var e=this,t=this.player_.volume();this.one("sliderinactive",function(){0===e.player_.volume()&&e.player_.lastVolume_(t)})},e}(Qi);ln.prototype.options_={children:["volumeLevel"],barName:"volumeLevel"},ln.prototype.playerEvent="volumechange",Re.registerComponent("VolumeBar",ln);var cn=function(n){function e(e,t){var i;return void 0===t&&(t={}),t.vertical=t.vertical||!1,"undefined"!=typeof t.volumeBar&&!u(t.volumeBar)||(t.volumeBar=t.volumeBar||{},t.volumeBar.vertical=t.vertical),i=n.call(this,e,t)||this,function(e,t){t.tech_&&!t.tech_.featuresVolumeControl&&e.addClass("vjs-hidden"),e.on(t,"loadstart",function(){t.tech_.featuresVolumeControl?e.removeClass("vjs-hidden"):e.addClass("vjs-hidden")})}(Me(i),e),i.throttledHandleMouseMove=ye(ge(Me(i),i.handleMouseMove),30),i.on("mousedown",i.handleMouseDown),i.on("touchstart",i.handleMouseDown),i.on(i.volumeBar,["focus","slideractive"],function(){i.volumeBar.addClass("vjs-slider-active"),i.addClass("vjs-slider-active"),i.trigger("slideractive")}),i.on(i.volumeBar,["blur","sliderinactive"],function(){i.volumeBar.removeClass("vjs-slider-active"),i.removeClass("vjs-slider-active"),i.trigger("sliderinactive")}),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e="vjs-volume-horizontal";return this.options_.vertical&&(e="vjs-volume-vertical"),n.prototype.createEl.call(this,"div",{className:"vjs-volume-control vjs-control "+e})},t.handleMouseDown=function(e){var t=this.el_.ownerDocument;this.on(t,"mousemove",this.throttledHandleMouseMove),this.on(t,"touchmove",this.throttledHandleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchend",this.handleMouseUp)},t.handleMouseUp=function(e){var t=this.el_.ownerDocument;this.off(t,"mousemove",this.throttledHandleMouseMove),this.off(t,"touchmove",this.throttledHandleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchend",this.handleMouseUp)},t.handleMouseMove=function(e){this.volumeBar.handleMouseMove(e)},e}(Re);cn.prototype.options_={children:["volumeBar"]},Re.registerComponent("VolumeControl",cn);var hn=function(n){function e(e,t){var i;return i=n.call(this,e,t)||this,function(e,t){t.tech_&&!t.tech_.featuresMuteControl&&e.addClass("vjs-hidden"),e.on(t,"loadstart",function(){t.tech_.featuresMuteControl?e.removeClass("vjs-hidden"):e.addClass("vjs-hidden")})}(Me(i),e),i.on(e,["loadstart","volumechange"],i.update),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-mute-control "+n.prototype.buildCSSClass.call(this)},t.handleClick=function(e){var t=this.player_.volume(),i=this.player_.lastVolume_();if(0===t){var n=i<.1?.1:i;this.player_.volume(n),this.player_.muted(!1)}else this.player_.muted(!this.player_.muted())},t.update=function(e){this.updateIcon_(),this.updateControlText_()},t.updateIcon_=function(){var e=this.player_.volume(),t=3;at&&this.player_.tech_&&this.player_.tech_.el_&&this.player_.muted(this.player_.tech_.el_.muted),0===e||this.player_.muted()?t=0:e<.33?t=1:e<.67&&(t=2);for(var i=0;i<4;i++)P(this.el_,"vjs-vol-"+i);w(this.el_,"vjs-vol-"+t)},t.updateControlText_=function(){var e=this.player_.muted()||0===this.player_.volume()?"Unmute":"Mute";this.controlText()!==e&&this.controlText(e)},e}(Mi);hn.prototype.controlText_="Mute",Re.registerComponent("MuteToggle",hn);var dn=function(n){function e(e,t){var i;return void 0===t&&(t={}),"undefined"!=typeof t.inline?t.inline=t.inline:t.inline=!0,"undefined"!=typeof t.volumeControl&&!u(t.volumeControl)||(t.volumeControl=t.volumeControl||{},t.volumeControl.vertical=!t.inline),(i=n.call(this,e,t)||this).on(e,["loadstart"],i.volumePanelState_),i.on(i.muteToggle,"keyup",i.handleKeyPress),i.on(i.volumeControl,"keyup",i.handleVolumeControlKeyUp),i.on("keydown",i.handleKeyPress),i.on("mouseover",i.handleMouseOver),i.on("mouseout",i.handleMouseOut),i.on(i.volumeControl,["slideractive"],i.sliderActive_),i.on(i.volumeControl,["sliderinactive"],i.sliderInactive_),i}He(e,n);var t=e.prototype;return t.sliderActive_=function(){this.addClass("vjs-slider-active")},t.sliderInactive_=function(){this.removeClass("vjs-slider-active")},t.volumePanelState_=function(){this.volumeControl.hasClass("vjs-hidden")&&this.muteToggle.hasClass("vjs-hidden")&&this.addClass("vjs-hidden"),this.volumeControl.hasClass("vjs-hidden")&&!this.muteToggle.hasClass("vjs-hidden")&&this.addClass("vjs-mute-toggle-only")},t.createEl=function(){var e="vjs-volume-panel-horizontal";return this.options_.inline||(e="vjs-volume-panel-vertical"),n.prototype.createEl.call(this,"div",{className:"vjs-volume-panel vjs-control "+e})},t.dispose=function(){this.handleMouseOut(),n.prototype.dispose.call(this)},t.handleVolumeControlKeyUp=function(e){Pt.isEventKey(e,"Esc")&&this.muteToggle.focus()},t.handleMouseOver=function(e){this.addClass("vjs-hover"),he(h,"keyup",ge(this,this.handleKeyPress))},t.handleMouseOut=function(e){this.removeClass("vjs-hover"),de(h,"keyup",ge(this,this.handleKeyPress))},t.handleKeyPress=function(e){Pt.isEventKey(e,"Esc")&&this.handleMouseOut()},e}(Re);dn.prototype.options_={children:["muteToggle","volumeControl"]},Re.registerComponent("VolumePanel",dn);var pn=function(n){function e(e,t){var i;return i=n.call(this,e,t)||this,t&&(i.menuButton_=t.menuButton),i.focusedChild_=-1,i.on("keydown",i.handleKeyDown),i.boundHandleBlur_=ge(Me(i),i.handleBlur),i.boundHandleTapClick_=ge(Me(i),i.handleTapClick),i}He(e,n);var t=e.prototype;return t.addEventListenerForItem=function(e){e instanceof Re&&(this.on(e,"blur",this.boundHandleBlur_),this.on(e,["tap","click"],this.boundHandleTapClick_))},t.removeEventListenerForItem=function(e){e instanceof Re&&(this.off(e,"blur",this.boundHandleBlur_),this.off(e,["tap","click"],this.boundHandleTapClick_))},t.removeChild=function(e){"string"==typeof e&&(e=this.getChild(e)),this.removeEventListenerForItem(e),n.prototype.removeChild.call(this,e)},t.addItem=function(e){var t=this.addChild(e);t&&this.addEventListenerForItem(t)},t.createEl=function(){var e=this.options_.contentElType||"ul";this.contentEl_=k(e,{className:"vjs-menu-content"}),this.contentEl_.setAttribute("role","menu");var t=n.prototype.createEl.call(this,"div",{append:this.contentEl_,className:"vjs-menu"});return t.appendChild(this.contentEl_),he(t,"click",function(e){e.preventDefault(),e.stopImmediatePropagation()}),t},t.dispose=function(){this.contentEl_=null,this.boundHandleBlur_=null,this.boundHandleTapClick_=null,n.prototype.dispose.call(this)},t.handleBlur=function(e){var t=e.relatedTarget||h.activeElement;if(!this.children().some(function(e){return e.el()===t})){var i=this.menuButton_;i&&i.buttonPressed_&&t!==i.el().firstChild&&i.unpressButton()}},t.handleTapClick=function(t){if(this.menuButton_){this.menuButton_.unpressButton();var e=this.children();if(!Array.isArray(e))return;var i=e.filter(function(e){return e.el()===t.target})[0];if(!i)return;"CaptionSettingsMenuItem"!==i.name()&&this.menuButton_.focus()}},t.handleKeyDown=function(e){Pt.isEventKey(e,"Left")||Pt.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):(Pt.isEventKey(e,"Right")||Pt.isEventKey(e,"Up"))&&(e.preventDefault(),e.stopPropagation(),this.stepBack())},t.stepForward=function(){var e=0;void 0!==this.focusedChild_&&(e=this.focusedChild_+1),this.focus(e)},t.stepBack=function(){var e=0;void 0!==this.focusedChild_&&(e=this.focusedChild_-1),this.focus(e)},t.focus=function(e){void 0===e&&(e=0);var t=this.children().slice();t.length&&t[0].className&&/vjs-menu-title/.test(t[0].className)&&t.shift(),0<t.length&&(e<0?e=0:e>=t.length&&(e=t.length-1),t[this.focusedChild_=e].el_.focus())},e}(Re);Re.registerComponent("Menu",pn);var fn=function(r){function e(e,t){var i;void 0===t&&(t={}),(i=r.call(this,e,t)||this).menuButton_=new Mi(e,t),i.menuButton_.controlText(i.controlText_),i.menuButton_.el_.setAttribute("aria-haspopup","true");var n=Mi.prototype.buildCSSClass();return i.menuButton_.el_.className=i.buildCSSClass()+" "+n,i.menuButton_.removeClass("vjs-control"),i.addChild(i.menuButton_),i.update(),i.enabled_=!0,i.on(i.menuButton_,"tap",i.handleClick),i.on(i.menuButton_,"click",i.handleClick),i.on(i.menuButton_,"keydown",i.handleKeyDown),i.on(i.menuButton_,"mouseenter",function(){i.addClass("vjs-hover"),i.menu.show(),he(h,"keyup",ge(Me(i),i.handleMenuKeyUp))}),i.on("mouseleave",i.handleMouseLeave),i.on("keydown",i.handleSubmenuKeyDown),i}He(e,r);var t=e.prototype;return t.update=function(){var e=this.createMenu();this.menu&&(this.menu.dispose(),this.removeChild(this.menu)),this.menu=e,this.addChild(e),this.buttonPressed_=!1,this.menuButton_.el_.setAttribute("aria-expanded","false"),this.items&&this.items.length<=this.hideThreshold_?this.hide():this.show()},t.createMenu=function(){var e=new pn(this.player_,{menuButton:this});if(this.hideThreshold_=0,this.options_.title){var t=k("li",{className:"vjs-menu-title",innerHTML:De(this.options_.title),tabIndex:-1});this.hideThreshold_+=1;var i=new Re(this.player_,{el:t});e.addItem(i)}if(this.items=this.createItems(),this.items)for(var n=0;n<this.items.length;n++)e.addItem(this.items[n]);return e},t.createItems=function(){},t.createEl=function(){return r.prototype.createEl.call(this,"div",{className:this.buildWrapperCSSClass()},{})},t.buildWrapperCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+Mi.prototype.buildCSSClass()+" "+r.prototype.buildCSSClass.call(this)},t.buildCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+r.prototype.buildCSSClass.call(this)},t.controlText=function(e,t){return void 0===t&&(t=this.menuButton_.el()),this.menuButton_.controlText(e,t)},t.dispose=function(){this.handleMouseLeave(),r.prototype.dispose.call(this)},t.handleClick=function(e){this.buttonPressed_?this.unpressButton():this.pressButton()},t.handleMouseLeave=function(e){this.removeClass("vjs-hover"),de(h,"keyup",ge(this,this.handleMenuKeyUp))},t.focus=function(){this.menuButton_.focus()},t.blur=function(){this.menuButton_.blur()},t.handleKeyDown=function(e){Pt.isEventKey(e,"Esc")||Pt.isEventKey(e,"Tab")?(this.buttonPressed_&&this.unpressButton(),Pt.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus())):(Pt.isEventKey(e,"Up")||Pt.isEventKey(e,"Down"))&&(this.buttonPressed_||(e.preventDefault(),this.pressButton()))},t.handleMenuKeyUp=function(e){(Pt.isEventKey(e,"Esc")||Pt.isEventKey(e,"Tab"))&&this.removeClass("vjs-hover")},t.handleSubmenuKeyPress=function(e){this.handleSubmenuKeyDown(e)},t.handleSubmenuKeyDown=function(e){(Pt.isEventKey(e,"Esc")||Pt.isEventKey(e,"Tab"))&&(this.buttonPressed_&&this.unpressButton(),Pt.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus()))},t.pressButton=function(){if(this.enabled_){if(this.buttonPressed_=!0,this.menu.show(),this.menu.lockShowing(),this.menuButton_.el_.setAttribute("aria-expanded","true"),at&&b())return;this.menu.focus()}},t.unpressButton=function(){this.enabled_&&(this.buttonPressed_=!1,this.menu.unlockShowing(),this.menu.hide(),this.menuButton_.el_.setAttribute("aria-expanded","false"))},t.disable=function(){this.unpressButton(),this.enabled_=!1,this.addClass("vjs-disabled"),this.menuButton_.disable()},t.enable=function(){this.enabled_=!0,this.removeClass("vjs-disabled"),this.menuButton_.enable()},e}(Re);Re.registerComponent("MenuButton",fn);var mn=function(s){function e(e,t){var i,n=t.tracks;if((i=s.call(this,e,t)||this).items.length<=1&&i.hide(),!n)return Me(i);var r=ge(Me(i),i.update);return n.addEventListener("removetrack",r),n.addEventListener("addtrack",r),i.player_.on("ready",r),i.player_.on("dispose",function(){n.removeEventListener("removetrack",r),n.removeEventListener("addtrack",r)}),i}return He(e,s),e}(fn);Re.registerComponent("TrackButton",mn);var gn=["Tab","Esc","Up","Down","Right","Left"],yn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).selectable=t.selectable,i.isSelected_=t.selected||!1,i.multiSelectable=t.multiSelectable,i.selected(i.isSelected_),i.selectable?i.multiSelectable?i.el_.setAttribute("role","menuitemcheckbox"):i.el_.setAttribute("role","menuitemradio"):i.el_.setAttribute("role","menuitem"),i}He(e,n);var t=e.prototype;return t.createEl=function(e,t,i){return this.nonIconControl=!0,n.prototype.createEl.call(this,"li",m({className:"vjs-menu-item",innerHTML:'<span class="vjs-menu-item-text">'+this.localize(this.options_.label)+"</span>",tabIndex:-1},t),i)},t.handleKeyDown=function(t){gn.some(function(e){return Pt.isEventKey(t,e)})||n.prototype.handleKeyDown.call(this,t)},t.handleClick=function(e){this.selected(!0)},t.selected=function(e){this.selectable&&(e?(this.addClass("vjs-selected"),this.el_.setAttribute("aria-checked","true"),this.controlText(", selected"),this.isSelected_=!0):(this.removeClass("vjs-selected"),this.el_.setAttribute("aria-checked","false"),this.controlText(""),this.isSelected_=!1))},e}(Li);Re.registerComponent("MenuItem",yn);var vn=function(u){function e(e,t){var n,i=t.track,r=e.textTracks();t.label=i.label||i.language||"Unknown",t.selected="showing"===i.mode,(n=u.call(this,e,t)||this).track=i,n.kinds=(t.kinds||[t.kind||n.track.kind]).filter(Boolean);function s(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleTracksChange.apply(Me(n),t)}function a(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleSelectedLanguageChange.apply(Me(n),t)}var o;e.on(["loadstart","texttrackchange"],s),r.addEventListener("change",s),r.addEventListener("selectedlanguagechange",a),n.on("dispose",function(){e.off(["loadstart","texttrackchange"],s),r.removeEventListener("change",s),r.removeEventListener("selectedlanguagechange",a)}),void 0===r.onchange&&n.on(["tap","click"],function(){if("object"!=typeof v.Event)try{o=new v.Event("change")}catch(e){}o||(o=h.createEvent("Event")).initEvent("change",!0,!0),r.dispatchEvent(o)});return n.handleTracksChange(),n}He(e,u);var t=e.prototype;return t.handleClick=function(e){var t=this.track,i=this.player_.textTracks();if(u.prototype.handleClick.call(this,e),i)for(var n=0;n<i.length;n++){var r=i[n];-1!==this.kinds.indexOf(r.kind)&&(r===t?"showing"!==r.mode&&(r.mode="showing"):"disabled"!==r.mode&&(r.mode="disabled"))}},t.handleTracksChange=function(e){var t="showing"===this.track.mode;t!==this.isSelected_&&this.selected(t)},t.handleSelectedLanguageChange=function(e){if("showing"===this.track.mode){var t=this.player_.cache_.selectedLanguage;if(t&&t.enabled&&t.language===this.track.language&&t.kind!==this.track.kind)return;this.player_.cache_.selectedLanguage={enabled:!0,language:this.track.language,kind:this.track.kind}}},t.dispose=function(){this.track=null,u.prototype.dispose.call(this)},e}(yn);Re.registerComponent("TextTrackMenuItem",vn);var _n=function(i){function e(e,t){return t.track={player:e,kind:t.kind,kinds:t.kinds,default:!1,mode:"disabled"},t.kinds||(t.kinds=[t.kind]),t.label?t.track.label=t.label:t.track.label=t.kinds.join(" and ")+" off",t.selectable=!0,t.multiSelectable=!1,i.call(this,e,t)||this}He(e,i);var t=e.prototype;return t.handleTracksChange=function(e){for(var t=this.player().textTracks(),i=!0,n=0,r=t.length;n<r;n++){var s=t[n];if(-1<this.options_.kinds.indexOf(s.kind)&&"showing"===s.mode){i=!1;break}}i!==this.isSelected_&&this.selected(i)},t.handleSelectedLanguageChange=function(e){for(var t=this.player().textTracks(),i=!0,n=0,r=t.length;n<r;n++){var s=t[n];if(-1<["captions","descriptions","subtitles"].indexOf(s.kind)&&"showing"===s.mode){i=!1;break}}i&&(this.player_.cache_.selectedLanguage={enabled:!1})},e}(vn);Re.registerComponent("OffTextTrackMenuItem",_n);var bn=function(i){function e(e,t){return void 0===t&&(t={}),t.tracks=e.textTracks(),i.call(this,e,t)||this}return He(e,i),e.prototype.createItems=function(e,t){var i;void 0===e&&(e=[]),void 0===t&&(t=vn),this.label_&&(i=this.label_+" off"),e.push(new _n(this.player_,{kinds:this.kinds_,kind:this.kind_,label:i})),this.hideThreshold_+=1;var n=this.player_.textTracks();Array.isArray(this.kinds_)||(this.kinds_=[this.kind_]);for(var r=0;r<n.length;r++){var s=n[r];if(-1<this.kinds_.indexOf(s.kind)){var a=new t(this.player_,{track:s,kinds:this.kinds_,kind:this.kind_,selectable:!0,multiSelectable:!1});a.addClass("vjs-"+s.kind+"-menu-item"),e.push(a)}}return e},e}(mn);Re.registerComponent("TextTrackButton",bn);var Tn=function(a){function e(e,t){var i,n=t.track,r=t.cue,s=e.currentTime();return t.selectable=!0,t.multiSelectable=!1,t.label=r.text,t.selected=r.startTime<=s&&s<r.endTime,(i=a.call(this,e,t)||this).track=n,i.cue=r,n.addEventListener("cuechange",ge(Me(i),i.update)),i}He(e,a);var t=e.prototype;return t.handleClick=function(e){a.prototype.handleClick.call(this),this.player_.currentTime(this.cue.startTime),this.update(this.cue.startTime)},t.update=function(e){var t=this.cue,i=this.player_.currentTime();this.selected(t.startTime<=i&&i<t.endTime)},e}(yn);Re.registerComponent("ChaptersTrackMenuItem",Tn);var kn=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-chapters-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-chapters-button "+n.prototype.buildWrapperCSSClass.call(this)},t.update=function(e){this.track_&&(!e||"addtrack"!==e.type&&"removetrack"!==e.type)||this.setTrack(this.findChaptersTrack()),n.prototype.update.call(this)},t.setTrack=function(e){if(this.track_!==e){if(this.updateHandler_||(this.updateHandler_=this.update.bind(this)),this.track_){var t=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);t&&t.removeEventListener("load",this.updateHandler_),this.track_=null}if(this.track_=e,this.track_){this.track_.mode="hidden";var i=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);i&&i.addEventListener("load",this.updateHandler_)}}},t.findChaptersTrack=function(){for(var e=this.player_.textTracks()||[],t=e.length-1;0<=t;t--){var i=e[t];if(i.kind===this.kind_)return i}},t.getMenuCaption=function(){return this.track_&&this.track_.label?this.track_.label:this.localize(De(this.kind_))},t.createMenu=function(){return this.options_.title=this.getMenuCaption(),n.prototype.createMenu.call(this)},t.createItems=function(){var e=[];if(!this.track_)return e;var t=this.track_.cues;if(!t)return e;for(var i=0,n=t.length;i<n;i++){var r=t[i],s=new Tn(this.player_,{track:this.track_,cue:r});e.push(s)}return e},e}(bn);kn.prototype.kind_="chapters",kn.prototype.controlText_="Chapters",Re.registerComponent("ChaptersButton",kn);var Sn=function(a){function e(e,t,i){var n;n=a.call(this,e,t,i)||this;var r=e.textTracks(),s=ge(Me(n),n.handleTracksChange);return r.addEventListener("change",s),n.on("dispose",function(){r.removeEventListener("change",s)}),n}He(e,a);var t=e.prototype;return t.handleTracksChange=function(e){for(var t=this.player().textTracks(),i=!1,n=0,r=t.length;n<r;n++){var s=t[n];if(s.kind!==this.kind_&&"showing"===s.mode){i=!0;break}}i?this.disable():this.enable()},t.buildCSSClass=function(){return"vjs-descriptions-button "+a.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-descriptions-button "+a.prototype.buildWrapperCSSClass.call(this)},e}(bn);Sn.prototype.kind_="descriptions",Sn.prototype.controlText_="Descriptions",Re.registerComponent("DescriptionsButton",Sn);var Cn=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-subtitles-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-subtitles-button "+n.prototype.buildWrapperCSSClass.call(this)},e}(bn);Cn.prototype.kind_="subtitles",Cn.prototype.controlText_="Subtitles",Re.registerComponent("SubtitlesButton",Cn);var En=function(n){function e(e,t){var i;return t.track={player:e,kind:t.kind,label:t.kind+" settings",selectable:!1,default:!1,mode:"disabled"},t.selectable=!1,t.name="CaptionSettingsMenuItem",(i=n.call(this,e,t)||this).addClass("vjs-texttrack-settings"),i.controlText(", opens "+t.kind+" settings dialog"),i}return He(e,n),e.prototype.handleClick=function(e){this.player().getChild("textTrackSettings").open()},e}(vn);Re.registerComponent("CaptionSettingsMenuItem",En);var wn=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-captions-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-captions-button "+n.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new En(this.player_,{kind:this.kind_})),this.hideThreshold_+=1),n.prototype.createItems.call(this,e)},e}(bn);wn.prototype.kind_="captions",wn.prototype.controlText_="Captions",Re.registerComponent("CaptionsButton",wn);var Pn=function(r){function e(){return r.apply(this,arguments)||this}return He(e,r),e.prototype.createEl=function(e,t,i){var n='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"captions"===this.options_.track.kind&&(n+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Captions")+"</span>\n      "),n+="</span>",r.prototype.createEl.call(this,e,m({innerHTML:n},t),i)},e}(vn);Re.registerComponent("SubsCapsMenuItem",Pn);var Ln=function(n){function e(e,t){var i;return void 0===t&&(t={}),(i=n.call(this,e,t)||this).label_="subtitles",-1<["en","en-us","en-ca","fr-ca"].indexOf(i.player_.language_)&&(i.label_="captions"),i.menuButton_.controlText(De(i.label_)),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-subs-caps-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-subs-caps-button "+n.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new En(this.player_,{kind:this.label_})),this.hideThreshold_+=1),e=n.prototype.createItems.call(this,e,Pn)},e}(bn);Ln.prototype.kinds_=["captions","subtitles"],Ln.prototype.controlText_="Subtitles",Re.registerComponent("SubsCapsButton",Ln);var In=function(a){function e(e,t){var n,i=t.track,r=e.audioTracks();t.label=i.label||i.language||"Unknown",t.selected=i.enabled,(n=a.call(this,e,t)||this).track=i,n.addClass("vjs-"+i.kind+"-menu-item");function s(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleTracksChange.apply(Me(n),t)}return r.addEventListener("change",s),n.on("dispose",function(){r.removeEventListener("change",s)}),n}He(e,a);var t=e.prototype;return t.createEl=function(e,t,i){var n='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"main-desc"===this.options_.track.kind&&(n+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Descriptions")+"</span>\n      "),n+="</span>",a.prototype.createEl.call(this,e,m({innerHTML:n},t),i)},t.handleClick=function(e){var t=this.player_.audioTracks();a.prototype.handleClick.call(this,e);for(var i=0;i<t.length;i++){var n=t[i];n.enabled=n===this.track}},t.handleTracksChange=function(e){this.selected(this.track.enabled)},e}(yn);Re.registerComponent("AudioTrackMenuItem",In);var An=function(i){function e(e,t){return void 0===t&&(t={}),t.tracks=e.audioTracks(),i.call(this,e,t)||this}He(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-audio-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-audio-button "+i.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(e){void 0===e&&(e=[]),this.hideThreshold_=1;for(var t=this.player_.audioTracks(),i=0;i<t.length;i++){var n=t[i];e.push(new In(this.player_,{track:n,selectable:!0,multiSelectable:!1}))}return e},e}(mn);An.prototype.controlText_="Audio Track",Re.registerComponent("AudioTrackButton",An);var On=function(s){function e(e,t){var i,n=t.rate,r=parseFloat(n,10);return t.label=n,t.selected=1===r,t.selectable=!0,t.multiSelectable=!1,(i=s.call(this,e,t)||this).label=n,i.rate=r,i.on(e,"ratechange",i.update),i}He(e,s);var t=e.prototype;return t.handleClick=function(e){s.prototype.handleClick.call(this),this.player().playbackRate(this.rate)},t.update=function(e){this.selected(this.player().playbackRate()===this.rate)},e}(yn);On.prototype.contentElType="button",Re.registerComponent("PlaybackRateMenuItem",On);var xn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).updateVisibility(),i.updateLabel(),i.on(e,"loadstart",i.updateVisibility),i.on(e,"ratechange",i.updateLabel),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e=n.prototype.createEl.call(this);return this.labelEl_=k("div",{className:"vjs-playback-rate-value",innerHTML:"1x"}),e.appendChild(this.labelEl_),e},t.dispose=function(){this.labelEl_=null,n.prototype.dispose.call(this)},t.buildCSSClass=function(){return"vjs-playback-rate "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-playback-rate "+n.prototype.buildWrapperCSSClass.call(this)},t.createMenu=function(){var e=new pn(this.player()),t=this.playbackRates();if(t)for(var i=t.length-1;0<=i;i--)e.addChild(new On(this.player(),{rate:t[i]+"x"}));return e},t.updateARIAAttributes=function(){this.el().setAttribute("aria-valuenow",this.player().playbackRate())},t.handleClick=function(e){for(var t=this.player().playbackRate(),i=this.playbackRates(),n=i[0],r=0;r<i.length;r++)if(i[r]>t){n=i[r];break}this.player().playbackRate(n)},t.playbackRates=function(){return this.options_.playbackRates||this.options_.playerOptions&&this.options_.playerOptions.playbackRates},t.playbackRateSupported=function(){return this.player().tech_&&this.player().tech_.featuresPlaybackRate&&this.playbackRates()&&0<this.playbackRates().length},t.updateVisibility=function(e){this.playbackRateSupported()?this.removeClass("vjs-hidden"):this.addClass("vjs-hidden")},t.updateLabel=function(e){this.playbackRateSupported()&&(this.labelEl_.innerHTML=this.player().playbackRate()+"x")},e}(fn);xn.prototype.controlText_="Playback Rate",Re.registerComponent("PlaybackRateMenuButton",xn);var Dn=function(e){function t(){return e.apply(this,arguments)||this}He(t,e);var i=t.prototype;return i.buildCSSClass=function(){return"vjs-spacer "+e.prototype.buildCSSClass.call(this)},i.createEl=function(){return e.prototype.createEl.call(this,"div",{className:this.buildCSSClass()})},t}(Re);Re.registerComponent("Spacer",Dn);var Un=function(t){function e(){return t.apply(this,arguments)||this}He(e,t);var i=e.prototype;return i.buildCSSClass=function(){return"vjs-custom-control-spacer "+t.prototype.buildCSSClass.call(this)},i.createEl=function(){var e=t.prototype.createEl.call(this,{className:this.buildCSSClass()});return e.innerHTML=" ",e},e}(Dn);Re.registerComponent("CustomControlSpacer",Un);var Rn=function(e){function t(){return e.apply(this,arguments)||this}return He(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-control-bar",dir:"ltr"})},t}(Re);Rn.prototype.options_={children:["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","liveDisplay","seekToLive","remainingTimeDisplay","customControlSpacer","playbackRateMenuButton","chaptersButton","descriptionsButton","subsCapsButton","audioTrackButton","fullscreenToggle"]},"exitPictureInPicture"in h&&Rn.prototype.options_.children.splice(Rn.prototype.options_.children.length-1,0,"pictureInPictureToggle"),Re.registerComponent("ControlBar",Rn);var Mn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"error",i.open),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-error-display "+n.prototype.buildCSSClass.call(this)},t.content=function(){var e=this.player().error();return e?this.localize(e.message):""},e}(It);Mn.prototype.options_=r({},It.prototype.options_,{pauseOnOpen:!1,fillAlways:!0,temporary:!1,uncloseable:!0}),Re.registerComponent("ErrorDisplay",Mn);var Nn="vjs-text-track-settings",Bn=["#000","Black"],jn=["#00F","Blue"],Fn=["#0FF","Cyan"],Hn=["#0F0","Green"],qn=["#F0F","Magenta"],Vn=["#F00","Red"],Wn=["#FFF","White"],zn=["#FF0","Yellow"],Gn=["1","Opaque"],Kn=["0.5","Semi-Transparent"],Xn=["0","Transparent"],Yn={backgroundColor:{selector:".vjs-bg-color > select",id:"captions-background-color-%s",label:"Color",options:[Bn,Wn,Vn,Hn,jn,zn,qn,Fn]},backgroundOpacity:{selector:".vjs-bg-opacity > select",id:"captions-background-opacity-%s",label:"Transparency",options:[Gn,Kn,Xn]},color:{selector:".vjs-fg-color > select",id:"captions-foreground-color-%s",label:"Color",options:[Wn,Bn,Vn,Hn,jn,zn,qn,Fn]},edgeStyle:{selector:".vjs-edge-style > select",id:"%s",label:"Text Edge Style",options:[["none","None"],["raised","Raised"],["depressed","Depressed"],["uniform","Uniform"],["dropshadow","Dropshadow"]]},fontFamily:{selector:".vjs-font-family > select",id:"captions-font-family-%s",label:"Font Family",options:[["proportionalSansSerif","Proportional Sans-Serif"],["monospaceSansSerif","Monospace Sans-Serif"],["proportionalSerif","Proportional Serif"],["monospaceSerif","Monospace Serif"],["casual","Casual"],["script","Script"],["small-caps","Small Caps"]]},fontPercent:{selector:".vjs-font-percent > select",id:"captions-font-size-%s",label:"Font Size",options:[["0.50","50%"],["0.75","75%"],["1.00","100%"],["1.25","125%"],["1.50","150%"],["1.75","175%"],["2.00","200%"],["3.00","300%"],["4.00","400%"]],default:2,parser:function(e){return"1.00"===e?null:Number(e)}},textOpacity:{selector:".vjs-text-opacity > select",id:"captions-foreground-opacity-%s",label:"Transparency",options:[Gn,Kn]},windowColor:{selector:".vjs-window-color > select",id:"captions-window-color-%s",label:"Color"},windowOpacity:{selector:".vjs-window-opacity > select",id:"captions-window-opacity-%s",label:"Transparency",options:[Xn,Kn,Gn]}};function $n(e,t){if(t&&(e=t(e)),e&&"none"!==e)return e}Yn.windowColor.options=Yn.backgroundColor.options;var Qn=function(n){function e(e,t){var i;return t.temporary=!1,(i=n.call(this,e,t)||this).updateDisplay=ge(Me(i),i.updateDisplay),i.fill(),i.hasBeenOpened_=i.hasBeenFilled_=!0,i.endDialog=k("p",{className:"vjs-control-text",textContent:i.localize("End of dialog window.")}),i.el().appendChild(i.endDialog),i.setDefaults(),void 0===t.persistTextTrackSettings&&(i.options_.persistTextTrackSettings=i.options_.playerOptions.persistTextTrackSettings),i.on(i.$(".vjs-done-button"),"click",function(){i.saveSettings(),i.close()}),i.on(i.$(".vjs-default-button"),"click",function(){i.setDefaults(),i.updateDisplay()}),a(Yn,function(e){i.on(i.$(e.selector),"change",i.updateDisplay)}),i.options_.persistTextTrackSettings&&i.restoreSettings(),i}He(e,n);var t=e.prototype;return t.dispose=function(){this.endDialog=null,n.prototype.dispose.call(this)},t.createElSelect_=function(e,t,i){var n=this;void 0===t&&(t=""),void 0===i&&(i="label");var r=Yn[e],s=r.id.replace("%s",this.id_),a=[t,s].join(" ").trim();return["<"+i+' id="'+s+'" class="'+("label"===i?"vjs-label":"")+'">',this.localize(r.label),"</"+i+">",'<select aria-labelledby="'+a+'">'].concat(r.options.map(function(e){var t=s+"-"+e[1].replace(/\W+/g,"");return['<option id="'+t+'" value="'+e[0]+'" ','aria-labelledby="'+a+" "+t+'">',n.localize(e[1]),"</option>"].join("")})).concat("</select>").join("")},t.createElFgColor_=function(){var e="captions-text-legend-"+this.id_;return['<fieldset class="vjs-fg-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Text"),"</legend>",this.createElSelect_("color",e),'<span class="vjs-text-opacity vjs-opacity">',this.createElSelect_("textOpacity",e),"</span>","</fieldset>"].join("")},t.createElBgColor_=function(){var e="captions-background-"+this.id_;return['<fieldset class="vjs-bg-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Background"),"</legend>",this.createElSelect_("backgroundColor",e),'<span class="vjs-bg-opacity vjs-opacity">',this.createElSelect_("backgroundOpacity",e),"</span>","</fieldset>"].join("")},t.createElWinColor_=function(){var e="captions-window-"+this.id_;return['<fieldset class="vjs-window-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Window"),"</legend>",this.createElSelect_("windowColor",e),'<span class="vjs-window-opacity vjs-opacity">',this.createElSelect_("windowOpacity",e),"</span>","</fieldset>"].join("")},t.createElColors_=function(){return k("div",{className:"vjs-track-settings-colors",innerHTML:[this.createElFgColor_(),this.createElBgColor_(),this.createElWinColor_()].join("")})},t.createElFont_=function(){return k("div",{className:"vjs-track-settings-font",innerHTML:['<fieldset class="vjs-font-percent vjs-track-setting">',this.createElSelect_("fontPercent","","legend"),"</fieldset>",'<fieldset class="vjs-edge-style vjs-track-setting">',this.createElSelect_("edgeStyle","","legend"),"</fieldset>",'<fieldset class="vjs-font-family vjs-track-setting">',this.createElSelect_("fontFamily","","legend"),"</fieldset>"].join("")})},t.createElControls_=function(){var e=this.localize("restore all settings to the default values");return k("div",{className:"vjs-track-settings-controls",innerHTML:['<button type="button" class="vjs-default-button" title="'+e+'">',this.localize("Reset"),'<span class="vjs-control-text"> '+e+"</span>","</button>",'<button type="button" class="vjs-done-button">'+this.localize("Done")+"</button>"].join("")})},t.content=function(){return[this.createElColors_(),this.createElFont_(),this.createElControls_()]},t.label=function(){return this.localize("Caption Settings Dialog")},t.description=function(){return this.localize("Beginning of dialog window. Escape will cancel and close the window.")},t.buildCSSClass=function(){return n.prototype.buildCSSClass.call(this)+" vjs-text-track-settings"},t.getValues=function(){var r=this;return function(i,n,e){return void 0===e&&(e=0),s(i).reduce(function(e,t){return n(e,i[t],t)},e)}(Yn,function(e,t,i){var n=function(e,t){return $n(e.options[e.options.selectedIndex].value,t)}(r.$(t.selector),t.parser);return void 0!==n&&(e[i]=n),e},{})},t.setValues=function(i){var n=this;a(Yn,function(e,t){!function(e,t,i){if(t)for(var n=0;n<e.options.length;n++)if($n(e.options[n].value,i)===t){e.selectedIndex=n;break}}(n.$(e.selector),i[t],e.parser)})},t.setDefaults=function(){var i=this;a(Yn,function(e){var t=e.hasOwnProperty("default")?e.default:0;i.$(e.selector).selectedIndex=t})},t.restoreSettings=function(){var e;try{e=JSON.parse(v.localStorage.getItem(Nn))}catch(e){p.warn(e)}e&&this.setValues(e)},t.saveSettings=function(){if(this.options_.persistTextTrackSettings){var e=this.getValues();try{Object.keys(e).length?v.localStorage.setItem(Nn,JSON.stringify(e)):v.localStorage.removeItem(Nn)}catch(e){p.warn(e)}}},t.updateDisplay=function(){var e=this.player_.getChild("textTrackDisplay");e&&e.updateDisplay()},t.conditionalBlur_=function(){this.previouslyActiveEl_=null;var e=this.player_.controlBar,t=e&&e.subsCapsButton,i=e&&e.captionsButton;t?t.focus():i&&i.focus()},e}(It);Re.registerComponent("TextTrackSettings",Qn);var Jn=function(s){function e(e,t){var i,n=t.ResizeObserver||v.ResizeObserver;null===t.ResizeObserver&&(n=!1);var r=Ue({createEl:!n,reportTouchActivity:!1},t);return(i=s.call(this,e,r)||this).ResizeObserver=t.ResizeObserver||v.ResizeObserver,i.loadListener_=null,i.resizeObserver_=null,i.debouncedHandler_=function(n,r,s,a){var o;void 0===a&&(a=v);function e(){var e=this,t=arguments,i=function(){i=o=null,s||n.apply(e,t)};!o&&s&&n.apply(e,t),a.clearTimeout(o),o=a.setTimeout(i,r)}return e.cancel=function(){a.clearTimeout(o),o=null},e}(function(){i.resizeHandler()},100,!1,Me(i)),n?(i.resizeObserver_=new i.ResizeObserver(i.debouncedHandler_),i.resizeObserver_.observe(e.el())):(i.loadListener_=function(){if(i.el_&&i.el_.contentWindow){var e=i.debouncedHandler_,t=i.unloadListener_=function(){de(this,"resize",e),de(this,"unload",t),t=null};he(i.el_.contentWindow,"unload",t),he(i.el_.contentWindow,"resize",e)}},i.one("load",i.loadListener_)),i}He(e,s);var t=e.prototype;return t.createEl=function(){return s.prototype.createEl.call(this,"iframe",{className:"vjs-resize-manager",tabIndex:-1},{"aria-hidden":"true"})},t.resizeHandler=function(){this.player_&&this.player_.trigger&&this.player_.trigger("playerresize")},t.dispose=function(){this.debouncedHandler_&&this.debouncedHandler_.cancel(),this.resizeObserver_&&(this.player_.el()&&this.resizeObserver_.unobserve(this.player_.el()),this.resizeObserver_.disconnect()),this.loadListener_&&this.off("load",this.loadListener_),this.el_&&this.el_.contentWindow&&this.unloadListener_&&this.unloadListener_.call(this.el_.contentWindow),this.ResizeObserver=null,this.resizeObserver=null,this.debouncedHandler_=null,this.loadListener_=null,s.prototype.dispose.call(this)},e}(Re);Re.registerComponent("ResizeManager",Jn);var Zn=function(r){function e(e,t){var i,n=Ue({createEl:!1},t);return(i=r.call(this,e,n)||this).reset_(),i.on(i.player_,"durationchange",i.handleDurationchange),et&&"hidden"in h&&"visibilityState"in h&&i.on(h,"visibilitychange",i.handleVisibilityChange),i}He(e,r);var t=e.prototype;return t.handleVisibilityChange=function(){this.player_.duration()===1/0&&(h.hidden?this.stopTracking():this.startTracking())},t.isBehind_=function(){if(!this.timeupdateSeen_)return!1;var e=this.liveCurrentTime(),t=this.player_.currentTime(),i=2*this.seekableIncrement_+.07;return e!==1/0&&t<=e-i},t.trackLive_=function(){this.pastSeekEnd_=this.pastSeekEnd_;var e=this.player_.seekable();if(e&&e.length){var t=this.seekableEnd();t!==this.lastSeekEnd_&&(this.lastSeekEnd_&&(this.seekableIncrementList_=this.seekableIncrementList_.slice(-11),this.seekableIncrementList_.push(Math.abs(t-this.lastSeekEnd_)),3<this.seekableIncrementList_.length&&(this.seekableIncrement_=function(e){var t=Math.floor(e.length/2),i=[].concat(e).sort(function(e,t){return e-t});return e.length%2!=0?i[t]:(i[t-1]+i[t])/2}(this.seekableIncrementList_))),this.pastSeekEnd_=0,this.lastSeekEnd_=t,this.trigger("seekableendchange")),this.pastSeekEnd()>1.5*this.seekableIncrement_?this.pastSeekEnd_=0:this.pastSeekEnd_=this.pastSeekEnd()+.03,this.isBehind_()!==this.behindLiveEdge()&&(this.behindLiveEdge_=this.isBehind_(),this.trigger("liveedgechange"))}},t.handleDurationchange=function(){this.player_.duration()===1/0?this.startTracking():this.stopTracking()},t.startTracking=function(){var e=this;this.isTracking()||(this.timeupdateSeen_||(this.timeupdateSeen_=this.player_.hasStarted()),this.trackingInterval_=this.setInterval(this.trackLive_,30),this.trackLive_(),this.on(this.player_,"play",this.trackLive_),this.on(this.player_,"pause",this.trackLive_),this.timeupdateSeen_||(this.one(this.player_,"play",this.handlePlay),this.handleTimeupdate=function(){e.timeupdateSeen_=!0,e.handleTimeupdate=null},this.one(this.player_,"timeupdate",this.handleTimeupdate)))},t.handlePlay=function(){this.one(this.player_,"timeupdate",this.seekToLiveEdge)},t.reset_=function(){this.pastSeekEnd_=0,this.lastSeekEnd_=null,this.behindLiveEdge_=null,this.timeupdateSeen_=!1,this.clearInterval(this.trackingInterval_),this.trackingInterval_=null,this.seekableIncrement_=12,this.seekableIncrementList_=[],this.off(this.player_,"play",this.trackLive_),this.off(this.player_,"pause",this.trackLive_),this.off(this.player_,"play",this.handlePlay),this.off(this.player_,"timeupdate",this.seekToLiveEdge),this.handleTimeupdate&&(this.off(this.player_,"timeupdate",this.handleTimeupdate),this.handleTimeupdate=null)},t.stopTracking=function(){this.isTracking()&&this.reset_()},t.seekableEnd=function(){for(var e=this.player_.seekable(),t=[],i=e?e.length:0;i--;)t.push(e.end(i));return t.length?t.sort()[t.length-1]:1/0},t.seekableStart=function(){for(var e=this.player_.seekable(),t=[],i=e?e.length:0;i--;)t.push(e.start(i));return t.length?t.sort()[0]:0},t.liveWindow=function(){var e=this.liveCurrentTime();return e===1/0?1/0:e-this.seekableStart()},t.isLive=function(){return this.isTracking()},t.atLiveEdge=function(){return!this.behindLiveEdge()},t.liveCurrentTime=function(){return this.pastSeekEnd()+this.seekableEnd()},t.pastSeekEnd=function(){return this.pastSeekEnd_},t.behindLiveEdge=function(){return this.behindLiveEdge_},t.isTracking=function(){return"number"==typeof this.trackingInterval_},t.seekToLiveEdge=function(){this.atLiveEdge()||(this.player_.currentTime(this.liveCurrentTime()),this.player_.paused()&&this.player_.play())},t.dispose=function(){this.stopTracking(),r.prototype.dispose.call(this)},e}(Re);Re.registerComponent("LiveTracker",Zn);function er(e){var t=e.el();if(t.hasAttribute("src"))return e.triggerSourceset(t.src),!0;var i=e.$$("source"),n=[],r="";if(!i.length)return!1;for(var s=0;s<i.length;s++){var a=i[s].src;a&&-1===n.indexOf(a)&&n.push(a)}return!!n.length&&(1===n.length&&(r=n[0]),e.triggerSourceset(r),!0)}function tr(e,t){for(var i={},n=0;n<e.length&&!((i=Object.getOwnPropertyDescriptor(e[n],t))&&i.set&&i.get);n++);return i.enumerable=!0,i.configurable=!0,i}function ir(s){var a=s.el();if(!a.resetSourceWatch_){var t={},e=function(e){return tr([e.el(),v.HTMLMediaElement.prototype,v.Element.prototype,ar],"innerHTML")}(s),i=function(r){return function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=r.apply(a,t);return er(s),n}};["append","appendChild","insertAdjacentHTML"].forEach(function(e){a[e]&&(t[e]=a[e],a[e]=i(t[e]))}),Object.defineProperty(a,"innerHTML",Ue(e,{set:i(e.set)})),a.resetSourceWatch_=function(){a.resetSourceWatch_=null,Object.keys(t).forEach(function(e){a[e]=t[e]}),Object.defineProperty(a,"innerHTML",e)},s.one("sourceset",a.resetSourceWatch_)}}function nr(n){if(n.featuresSourceset){var r=n.el();if(!r.resetSourceset_){var i=function(e){return tr([e.el(),v.HTMLMediaElement.prototype,or],"src")}(n),s=r.setAttribute,t=r.load;Object.defineProperty(r,"src",Ue(i,{set:function(e){var t=i.set.call(r,e);return n.triggerSourceset(r.src),t}})),r.setAttribute=function(e,t){var i=s.call(r,e,t);return/src/i.test(e)&&n.triggerSourceset(r.src),i},r.load=function(){var e=t.call(r);return er(n)||(n.triggerSourceset(""),ir(n)),e},r.currentSrc?n.triggerSourceset(r.currentSrc):er(n)||ir(n),r.resetSourceset_=function(){r.resetSourceset_=null,r.load=t,r.setAttribute=s,Object.defineProperty(r,"src",i),r.resetSourceWatch_&&r.resetSourceWatch_()}}}}function rr(t,i,n,e){function r(e){return Object.defineProperty(t,i,{value:e,enumerable:!0,writable:!0})}void 0===e&&(e=!0);var s={configurable:!0,enumerable:!0,get:function(){var e=n();return r(e),e}};return e&&(s.set=r),Object.defineProperty(t,i,s)}var sr,ar=Object.defineProperty({},"innerHTML",{get:function(){return this.cloneNode(!0).innerHTML},set:function(e){var t=h.createElement(this.nodeName.toLowerCase());t.innerHTML=e;for(var i=h.createDocumentFragment();t.childNodes.length;)i.appendChild(t.childNodes[0]);return this.innerText="",v.Element.prototype.appendChild.call(this,i),this.innerHTML}}),or=Object.defineProperty({},"src",{get:function(){return this.hasAttribute("src")?Rt(v.Element.prototype.getAttribute.call(this,"src")):""},set:function(e){return v.Element.prototype.setAttribute.call(this,"src",e),e}}),ur=function(c){function o(e,t){var i;i=c.call(this,e,t)||this;var n=e.source,r=!1;if(n&&(i.el_.currentSrc!==n.src||e.tag&&3===e.tag.initNetworkState_)?i.setSource(n):i.handleLateInit_(i.el_),e.enableSourceset&&i.setupSourcesetHandling_(),i.el_.hasChildNodes()){for(var s=i.el_.childNodes,a=s.length,o=[];a--;){var u=s[a];"track"===u.nodeName.toLowerCase()&&(i.featuresNativeTextTracks?(i.remoteTextTrackEls().addTrackElement_(u),i.remoteTextTracks().addTrack(u.track),i.textTracks().addTrack(u.track),r||i.el_.hasAttribute("crossorigin")||!Nt(u.src)||(r=!0)):o.push(u))}for(var l=0;l<o.length;l++)i.el_.removeChild(o[l])}return i.proxyNativeTracks_(),i.featuresNativeTextTracks&&r&&p.warn("Text Tracks are being loaded from another origin but the crossorigin attribute isn't used.\nThis may prevent text tracks from loading."),i.restoreMetadataTracksInIOSNativePlayer_(),(nt||st||Ye)&&!0===e.nativeControlsForTouch&&i.setControls(!0),i.proxyWebkitFullscreen_(),i.triggerReady(),i}He(o,c);var e=o.prototype;return e.dispose=function(){this.el_&&this.el_.resetSourceset_&&this.el_.resetSourceset_(),o.disposeMediaElement(this.el_),this.options_=null,c.prototype.dispose.call(this)},e.setupSourcesetHandling_=function(){nr(this)},e.restoreMetadataTracksInIOSNativePlayer_=function(){function e(){i=[];for(var e=0;e<n.length;e++){var t=n[e];"metadata"===t.kind&&i.push({track:t,storedMode:t.mode})}}var i,n=this.textTracks();e(),n.addEventListener("change",e),this.on("dispose",function(){return n.removeEventListener("change",e)});function r(){for(var e=0;e<i.length;e++){var t=i[e];"disabled"===t.track.mode&&t.track.mode!==t.storedMode&&(t.track.mode=t.storedMode)}n.removeEventListener("change",r)}this.on("webkitbeginfullscreen",function(){n.removeEventListener("change",e),n.removeEventListener("change",r),n.addEventListener("change",r)}),this.on("webkitendfullscreen",function(){n.removeEventListener("change",e),n.addEventListener("change",e),n.removeEventListener("change",r)})},e.overrideNative_=function(e,t){var i=this;if(t===this["featuresNative"+e+"Tracks"]){var n=e.toLowerCase();this[n+"TracksListeners_"]&&Object.keys(this[n+"TracksListeners_"]).forEach(function(e){i.el()[n+"Tracks"].removeEventListener(e,i[n+"TracksListeners_"][e])}),this["featuresNative"+e+"Tracks"]=!t,this[n+"TracksListeners_"]=null,this.proxyNativeTracksForType_(n)}},e.overrideNativeAudioTracks=function(e){this.overrideNative_("Audio",e)},e.overrideNativeVideoTracks=function(e){this.overrideNative_("Video",e)},e.proxyNativeTracksForType_=function(e){var n=this,t=li[e],r=this.el()[t.getterName],s=this[t.getterName]();if(this["featuresNative"+t.capitalName+"Tracks"]&&r&&r.addEventListener){var a={change:function(e){s.trigger({type:"change",target:s,currentTarget:s,srcElement:s})},addtrack:function(e){s.addTrack(e.track)},removetrack:function(e){s.removeTrack(e.track)}},i=function(){for(var e=[],t=0;t<s.length;t++){for(var i=!1,n=0;n<r.length;n++)if(r[n]===s[t]){i=!0;break}i||e.push(s[t])}for(;e.length;)s.removeTrack(e.shift())};this[t.getterName+"Listeners_"]=a,Object.keys(a).forEach(function(t){var i=a[t];r.addEventListener(t,i),n.on("dispose",function(e){return r.removeEventListener(t,i)})}),this.on("loadstart",i),this.on("dispose",function(e){return n.off("loadstart",i)})}},e.proxyNativeTracks_=function(){var t=this;li.names.forEach(function(e){t.proxyNativeTracksForType_(e)})},e.createEl=function(){var e=this.options_.tag;if(!e||!this.options_.playerElIngest&&!this.movingMediaElementInDOM){if(e){var t=e.cloneNode(!0);e.parentNode&&e.parentNode.insertBefore(t,e),o.disposeMediaElement(e),e=t}else{e=h.createElement("video");var i=Ue({},this.options_.tag&&A(this.options_.tag));nt&&!0===this.options_.nativeControlsForTouch||delete i.controls,I(e,m(i,{id:this.options_.techId,class:"vjs-tech"}))}e.playerId=this.options_.playerId}"undefined"!=typeof this.options_.preload&&x(e,"preload",this.options_.preload);for(var n=["loop","muted","playsinline","autoplay"],r=0;r<n.length;r++){var s=n[r],a=this.options_[s];"undefined"!=typeof a&&(a?x(e,s,s):D(e,s),e[s]=a)}return e},e.handleLateInit_=function(e){if(0!==e.networkState&&3!==e.networkState){if(0===e.readyState){var t=!1,i=function(){t=!0};this.on("loadstart",i);var n=function(){t||this.trigger("loadstart")};return this.on("loadedmetadata",n),void this.ready(function(){this.off("loadstart",i),this.off("loadedmetadata",n),t||this.trigger("loadstart")})}var r=["loadstart"];r.push("loadedmetadata"),2<=e.readyState&&r.push("loadeddata"),3<=e.readyState&&r.push("canplay"),4<=e.readyState&&r.push("canplaythrough"),this.ready(function(){r.forEach(function(e){this.trigger(e)},this)})}},e.setCurrentTime=function(e){try{this.el_.currentTime=e}catch(e){p(e,"Video is not ready. (Video.js)")}},e.duration=function(){var t=this;if(this.el_.duration===1/0&&Ke&&Je&&0===this.el_.currentTime){return this.on("timeupdate",function e(){0<t.el_.currentTime&&(t.el_.duration===1/0&&t.trigger("durationchange"),t.off("timeupdate",e))}),NaN}return this.el_.duration||NaN},e.width=function(){return this.el_.offsetWidth},e.height=function(){return this.el_.offsetHeight},e.proxyWebkitFullscreen_=function(){var e=this;if("webkitDisplayingFullscreen"in this.el_){var t=function(){this.trigger("fullscreenchange",{isFullscreen:!1})},i=function(){"webkitPresentationMode"in this.el_&&"picture-in-picture"!==this.el_.webkitPresentationMode&&(this.one("webkitendfullscreen",t),this.trigger("fullscreenchange",{isFullscreen:!0}))};this.on("webkitbeginfullscreen",i),this.on("dispose",function(){e.off("webkitbeginfullscreen",i),e.off("webkitendfullscreen",t)})}},e.supportsFullScreen=function(){if("function"==typeof this.el_.webkitEnterFullScreen){var e=v.navigator&&v.navigator.userAgent||"";if(/Android/.test(e)||!/Chrome|Mac OS X 10.5/.test(e))return!0}return!1},e.enterFullScreen=function(){var e=this.el_;e.paused&&e.networkState<=e.HAVE_METADATA?(this.el_.play(),this.setTimeout(function(){e.pause(),e.webkitEnterFullScreen()},0)):e.webkitEnterFullScreen()},e.exitFullScreen=function(){this.el_.webkitExitFullScreen()},e.requestPictureInPicture=function(){return this.el_.requestPictureInPicture()},e.src=function(e){if(void 0===e)return this.el_.src;this.setSrc(e)},e.reset=function(){o.resetMediaElement(this.el_)},e.currentSrc=function(){return this.currentSource_?this.currentSource_.src:this.el_.currentSrc},e.setControls=function(e){this.el_.controls=!!e},e.addTextTrack=function(e,t,i){return this.featuresNativeTextTracks?this.el_.addTextTrack(e,t,i):c.prototype.addTextTrack.call(this,e,t,i)},e.createRemoteTextTrack=function(e){if(!this.featuresNativeTextTracks)return c.prototype.createRemoteTextTrack.call(this,e);var t=h.createElement("track");return e.kind&&(t.kind=e.kind),e.label&&(t.label=e.label),(e.language||e.srclang)&&(t.srclang=e.language||e.srclang),e.default&&(t.default=e.default),e.id&&(t.id=e.id),e.src&&(t.src=e.src),t},e.addRemoteTextTrack=function(e,t){var i=c.prototype.addRemoteTextTrack.call(this,e,t);return this.featuresNativeTextTracks&&this.el().appendChild(i),i},e.removeRemoteTextTrack=function(e){if(c.prototype.removeRemoteTextTrack.call(this,e),this.featuresNativeTextTracks)for(var t=this.$$("track"),i=t.length;i--;)e!==t[i]&&e!==t[i].track||this.el().removeChild(t[i])},e.getVideoPlaybackQuality=function(){if("function"==typeof this.el().getVideoPlaybackQuality)return this.el().getVideoPlaybackQuality();var e={};return"undefined"!=typeof this.el().webkitDroppedFrameCount&&"undefined"!=typeof this.el().webkitDecodedFrameCount&&(e.droppedVideoFrames=this.el().webkitDroppedFrameCount,e.totalVideoFrames=this.el().webkitDecodedFrameCount),v.performance&&"function"==typeof v.performance.now?e.creationTime=v.performance.now():v.performance&&v.performance.timing&&"number"==typeof v.performance.timing.navigationStart&&(e.creationTime=v.Date.now()-v.performance.timing.navigationStart),e},o}(pi);rr(ur,"TEST_VID",function(){if(y()){var e=h.createElement("video"),t=h.createElement("track");return t.kind="captions",t.srclang="en",t.label="English",e.appendChild(t),e}}),ur.isSupported=function(){try{ur.TEST_VID.volume=.5}catch(e){return!1}return!(!ur.TEST_VID||!ur.TEST_VID.canPlayType)},ur.canPlayType=function(e){return ur.TEST_VID.canPlayType(e)},ur.canPlaySource=function(e,t){return ur.canPlayType(e.type)},ur.canControlVolume=function(){try{var e=ur.TEST_VID.volume;return ur.TEST_VID.volume=e/2+.1,e!==ur.TEST_VID.volume}catch(e){return!1}},ur.canMuteVolume=function(){try{var e=ur.TEST_VID.muted;return ur.TEST_VID.muted=!e,ur.TEST_VID.muted?x(ur.TEST_VID,"muted","muted"):D(ur.TEST_VID,"muted"),e!==ur.TEST_VID.muted}catch(e){return!1}},ur.canControlPlaybackRate=function(){if(Ke&&Je&&Ze<58)return!1;try{var e=ur.TEST_VID.playbackRate;return ur.TEST_VID.playbackRate=e/2+.1,e!==ur.TEST_VID.playbackRate}catch(e){return!1}},ur.canOverrideAttributes=function(){try{var e=function(){};Object.defineProperty(h.createElement("video"),"src",{get:e,set:e}),Object.defineProperty(h.createElement("audio"),"src",{get:e,set:e}),Object.defineProperty(h.createElement("video"),"innerHTML",{get:e,set:e}),Object.defineProperty(h.createElement("audio"),"innerHTML",{get:e,set:e})}catch(e){return!1}return!0},ur.supportsNativeTextTracks=function(){return ot||at&&Je},ur.supportsNativeVideoTracks=function(){return!(!ur.TEST_VID||!ur.TEST_VID.videoTracks)},ur.supportsNativeAudioTracks=function(){return!(!ur.TEST_VID||!ur.TEST_VID.audioTracks)},ur.Events=["loadstart","suspend","abort","error","emptied","stalled","loadedmetadata","loadeddata","canplay","canplaythrough","playing","waiting","seeking","seeked","ended","durationchange","timeupdate","progress","play","pause","ratechange","resize","volumechange"],[["featuresVolumeControl","canControlVolume"],["featuresMuteControl","canMuteVolume"],["featuresPlaybackRate","canControlPlaybackRate"],["featuresSourceset","canOverrideAttributes"],["featuresNativeTextTracks","supportsNativeTextTracks"],["featuresNativeVideoTracks","supportsNativeVideoTracks"],["featuresNativeAudioTracks","supportsNativeAudioTracks"]].forEach(function(e){var t=e[0],i=e[1];rr(ur.prototype,t,function(){return ur[i]()},!0)}),ur.prototype.movingMediaElementInDOM=!at,ur.prototype.featuresFullscreenResize=!0,ur.prototype.featuresProgressEvents=!0,ur.prototype.featuresTimeupdateEvents=!0,ur.patchCanPlayType=function(){4<=Xe&&!$e&&!Je&&(sr=ur.TEST_VID&&ur.TEST_VID.constructor.prototype.canPlayType,ur.TEST_VID.constructor.prototype.canPlayType=function(e){return e&&/^application\/(?:x-|vnd\.apple\.)mpegurl/i.test(e)?"maybe":sr.call(this,e)})},ur.unpatchCanPlayType=function(){var e=ur.TEST_VID.constructor.prototype.canPlayType;return sr&&(ur.TEST_VID.constructor.prototype.canPlayType=sr),e},ur.patchCanPlayType(),ur.disposeMediaElement=function(e){if(e){for(e.parentNode&&e.parentNode.removeChild(e);e.hasChildNodes();)e.removeChild(e.firstChild);e.removeAttribute("src"),"function"==typeof e.load&&function(){try{e.load()}catch(e){}}()}},ur.resetMediaElement=function(e){if(e){for(var t=e.querySelectorAll("source"),i=t.length;i--;)e.removeChild(t[i]);e.removeAttribute("src"),"function"==typeof e.load&&function(){try{e.load()}catch(e){}}()}},["muted","defaultMuted","autoplay","controls","loop","playsinline"].forEach(function(e){ur.prototype[e]=function(){return this.el_[e]||this.el_.hasAttribute(e)}}),["muted","defaultMuted","autoplay","loop","playsinline"].forEach(function(t){ur.prototype["set"+De(t)]=function(e){(this.el_[t]=e)?this.el_.setAttribute(t,t):this.el_.removeAttribute(t)}}),["paused","currentTime","buffered","volume","poster","preload","error","seeking","seekable","ended","playbackRate","defaultPlaybackRate","played","networkState","readyState","videoWidth","videoHeight"].forEach(function(e){ur.prototype[e]=function(){return this.el_[e]}}),["volume","src","poster","preload","playbackRate","defaultPlaybackRate"].forEach(function(t){ur.prototype["set"+De(t)]=function(e){this.el_[t]=e}}),["pause","load","play"].forEach(function(e){ur.prototype[e]=function(){return this.el_[e]()}}),pi.withSourceHandlers(ur),ur.nativeSourceHandler={},ur.nativeSourceHandler.canPlayType=function(e){try{return ur.TEST_VID.canPlayType(e)}catch(e){return""}},ur.nativeSourceHandler.canHandleSource=function(e,t){if(e.type)return ur.nativeSourceHandler.canPlayType(e.type);if(e.src){var i=Mt(e.src);return ur.nativeSourceHandler.canPlayType("video/"+i)}return""},ur.nativeSourceHandler.handleSource=function(e,t,i){t.setSrc(e.src)},ur.nativeSourceHandler.dispose=function(){},ur.registerSourceHandler(ur.nativeSourceHandler),pi.registerTech("Html5",ur);var lr=["progress","abort","suspend","emptied","stalled","loadedmetadata","loadeddata","timeupdate","resize","volumechange","texttrackchange"],cr={canplay:"CanPlay",canplaythrough:"CanPlayThrough",playing:"Playing",seeked:"Seeked"},hr=["tiny","xsmall","small","medium","large","xlarge","huge"],dr={};hr.forEach(function(e){var t="x"===e.charAt(0)?"x-"+e.substring(1):e;dr[e]="vjs-layout-"+t});var pr={tiny:210,xsmall:320,small:425,medium:768,large:1440,xlarge:2560,huge:1/0},fr=function(c){function l(e,t,i){var n;if(e.id=e.id||t.id||"vjs_video_"+ne(),(t=m(l.getTagSettings(e),t)).initChildren=!1,t.createEl=!1,t.evented=!1,t.reportTouchActivity=!1,!t.language)if("function"==typeof e.closest){var r=e.closest("[lang]");r&&r.getAttribute&&(t.language=r.getAttribute("lang"))}else for(var s=e;s&&1===s.nodeType;){if(A(s).hasOwnProperty("lang")){t.language=s.getAttribute("lang");break}s=s.parentNode}if((n=c.call(this,null,t,i)||this).boundDocumentFullscreenChange_=ge(Me(n),n.documentFullscreenChange_),n.boundFullWindowOnEscKey_=ge(Me(n),n.fullWindowOnEscKey),n.log=f(n.id_),n.fsApi_=ft,n.isPosterFromTech_=!1,n.queuedCallbacks_=[],n.isReady_=!1,n.hasStarted_=!1,n.userActive_=!1,!n.options_||!n.options_.techOrder||!n.options_.techOrder.length)throw new Error("No techOrder specified. Did you overwrite videojs.options instead of just changing the properties you want to override?");if(n.tag=e,n.tagAttributes=e&&A(e),n.language(n.options_.language),t.languages){var a={};Object.getOwnPropertyNames(t.languages).forEach(function(e){a[e.toLowerCase()]=t.languages[e]}),n.languages_=a}else n.languages_=l.prototype.options_.languages;n.resetCache_(),n.poster_=t.poster||"",n.controls_=!!t.controls,e.controls=!1,e.removeAttribute("controls"),n.changingSrc_=!1,n.playCallbacks_=[],n.playTerminatedQueue_=[],e.hasAttribute("autoplay")?n.autoplay(!0):n.autoplay(n.options_.autoplay),t.plugins&&Object.keys(t.plugins).forEach(function(e){if("function"!=typeof n[e])throw new Error('plugin "'+e+'" does not exist')}),n.scrubbing_=!1,n.el_=n.createEl(),Ie(Me(n),{eventBusKey:"el_"}),n.fluid_&&n.on("playerreset",n.updateStyleEl_);var o=Ue(n.options_);t.plugins&&Object.keys(t.plugins).forEach(function(e){n[e](t.plugins[e])}),n.options_.playerOptions=o,n.middleware_=[],n.initChildren(),n.isAudio("audio"===e.nodeName.toLowerCase()),n.controls()?n.addClass("vjs-controls-enabled"):n.addClass("vjs-controls-disabled"),n.el_.setAttribute("role","region"),n.isAudio()?n.el_.setAttribute("aria-label",n.localize("Audio Player")):n.el_.setAttribute("aria-label",n.localize("Video Player")),n.isAudio()&&n.addClass("vjs-audio"),n.flexNotSupported_()&&n.addClass("vjs-no-flex"),nt&&n.addClass("vjs-touch-enabled"),at||n.addClass("vjs-workinghover"),l.players[n.id_]=Me(n);var u=d.split(".")[0];return n.addClass("vjs-v"+u),n.userActive(!0),n.reportUserActivity(),n.one("play",n.listenForUserActivity_),n.on("stageclick",n.handleStageClick_),n.on("keydown",n.handleKeyDown),n.breakpoints(n.options_.breakpoints),n.responsive(n.options_.responsive),n}He(l,c);var e=l.prototype;return e.dispose=function(){var n=this;this.trigger("dispose"),this.off("dispose"),de(h,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),de(h,"keydown",this.boundFullWindowOnEscKey_),this.styleEl_&&this.styleEl_.parentNode&&(this.styleEl_.parentNode.removeChild(this.styleEl_),this.styleEl_=null),l.players[this.id_]=null,this.tag&&this.tag.player&&(this.tag.player=null),this.el_&&this.el_.player&&(this.el_.player=null),this.tech_&&(this.tech_.dispose(),this.isPosterFromTech_=!1,this.poster_=""),this.playerElIngest_&&(this.playerElIngest_=null),this.tag&&(this.tag=null),function(e){mi[e.id()]=null}(this),hi.names.forEach(function(e){var t=hi[e],i=n[t.getterName]();i&&i.off&&i.off()}),c.prototype.dispose.call(this)},e.createEl=function(){var t,i=this.tag,e=this.playerElIngest_=i.parentNode&&i.parentNode.hasAttribute&&i.parentNode.hasAttribute("data-vjs-player"),n="video-js"===this.tag.tagName.toLowerCase();e?t=this.el_=i.parentNode:n||(t=this.el_=c.prototype.createEl.call(this,"div"));var r=A(i);if(n){for(t=this.el_=i,i=this.tag=h.createElement("video");t.children.length;)i.appendChild(t.firstChild);E(t,"video-js")||w(t,"video-js"),t.appendChild(i),e=this.playerElIngest_=t,Object.keys(t).forEach(function(e){try{i[e]=t[e]}catch(e){}})}if(i.setAttribute("tabindex","-1"),r.tabindex="-1",(et||Je&&it)&&(i.setAttribute("role","application"),r.role="application"),i.removeAttribute("width"),i.removeAttribute("height"),"width"in r&&delete r.width,"height"in r&&delete r.height,Object.getOwnPropertyNames(r).forEach(function(e){n&&"class"===e||t.setAttribute(e,r[e]),n&&i.setAttribute(e,r[e])}),i.playerId=i.id,i.id+="_html5_api",i.className="vjs-tech",i.player=t.player=this,this.addClass("vjs-paused"),!0!==v.VIDEOJS_NO_DYNAMIC_STYLE){this.styleEl_=Z("vjs-styles-dimensions");var s=G(".vjs-styles-defaults"),a=G("head");a.insertBefore(this.styleEl_,s?s.nextSibling:a.firstChild)}this.fill_=!1,this.fluid_=!1,this.width(this.options_.width),this.height(this.options_.height),this.fill(this.options_.fill),this.fluid(this.options_.fluid),this.aspectRatio(this.options_.aspectRatio);for(var o=i.getElementsByTagName("a"),u=0;u<o.length;u++){var l=o.item(u);w(l,"vjs-hidden"),l.setAttribute("hidden","hidden")}return i.initNetworkState_=i.networkState,i.parentNode&&!e&&i.parentNode.insertBefore(t,i),C(i,t),this.children_.unshift(i),this.el_.setAttribute("lang",this.language_),this.el_=t},e.width=function(e){return this.dimension("width",e)},e.height=function(e){return this.dimension("height",e)},e.dimension=function(e,t){var i=e+"_";if(void 0===t)return this[i]||0;if(""===t||"auto"===t)return this[i]=void 0,void this.updateStyleEl_();var n=parseFloat(t);isNaN(n)?p.error('Improper value "'+t+'" supplied for for '+e):(this[i]=n,this.updateStyleEl_())},e.fluid=function(e){if(void 0===e)return!!this.fluid_;this.fluid_=!!e,Pe(this)&&this.off("playerreset",this.updateStyleEl_),e?(this.addClass("vjs-fluid"),this.fill(!1),function(e,t){Pe(e)?t():(e.eventedCallbacks||(e.eventedCallbacks=[]),e.eventedCallbacks.push(t))}(function(){this.on("playerreset",this.updateStyleEl_)})):this.removeClass("vjs-fluid"),this.updateStyleEl_()},e.fill=function(e){if(void 0===e)return!!this.fill_;this.fill_=!!e,e?(this.addClass("vjs-fill"),this.fluid(!1)):this.removeClass("vjs-fill")},e.aspectRatio=function(e){if(void 0===e)return this.aspectRatio_;if(!/^\d+\:\d+$/.test(e))throw new Error("Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.");this.aspectRatio_=e,this.fluid(!0),this.updateStyleEl_()},e.updateStyleEl_=function(){if(!0!==v.VIDEOJS_NO_DYNAMIC_STYLE){var e,t,i,n=(void 0!==this.aspectRatio_&&"auto"!==this.aspectRatio_?this.aspectRatio_:0<this.videoWidth()?this.videoWidth()+":"+this.videoHeight():"16:9").split(":"),r=n[1]/n[0];e=void 0!==this.width_?this.width_:void 0!==this.height_?this.height_/r:this.videoWidth()||300,t=void 0!==this.height_?this.height_:e*r,i=/^[^a-zA-Z]/.test(this.id())?"dimensions-"+this.id():this.id()+"-dimensions",this.addClass(i),ee(this.styleEl_,"\n      ."+i+" {\n        width: "+e+"px;\n        height: "+t+"px;\n      }\n\n      ."+i+".vjs-fluid {\n        padding-top: "+100*r+"%;\n      }\n    ")}else{var s="number"==typeof this.width_?this.width_:this.options_.width,a="number"==typeof this.height_?this.height_:this.options_.height,o=this.tech_&&this.tech_.el();o&&(0<=s&&(o.width=s),0<=a&&(o.height=a))}},e.loadTech_=function(e,t){var i=this;this.tech_&&this.unloadTech_();var n=De(e),r=e.charAt(0).toLowerCase()+e.slice(1);"Html5"!==n&&this.tag&&(pi.getTech("Html5").disposeMediaElement(this.tag),this.tag.player=null,this.tag=null),this.techName_=n,this.isReady_=!1;var s={source:t,autoplay:"string"!=typeof this.autoplay()&&this.autoplay(),nativeControlsForTouch:this.options_.nativeControlsForTouch,playerId:this.id(),techId:this.id()+"_"+r+"_api",playsinline:this.options_.playsinline,preload:this.options_.preload,loop:this.options_.loop,muted:this.options_.muted,poster:this.poster(),language:this.language(),playerElIngest:this.playerElIngest_||!1,"vtt.js":this.options_["vtt.js"],canOverridePoster:!!this.options_.techCanOverridePoster,enableSourceset:this.options_.enableSourceset,Promise:this.options_.Promise};hi.names.forEach(function(e){var t=hi[e];s[t.getterName]=i[t.privateName]}),m(s,this.options_[n]),m(s,this.options_[r]),m(s,this.options_[e.toLowerCase()]),this.tag&&(s.tag=this.tag),t&&t.src===this.cache_.src&&0<this.cache_.currentTime&&(s.startTime=this.cache_.currentTime);var a=pi.getTech(e);if(!a)throw new Error("No Tech named '"+n+"' exists! '"+n+"' should be registered using videojs.registerTech()'");this.tech_=new a(s),this.tech_.ready(ge(this,this.handleTechReady_),!0),wt(this.textTracksJson_||[],this.tech_),lr.forEach(function(e){i.on(i.tech_,e,i["handleTech"+De(e)+"_"])}),Object.keys(cr).forEach(function(t){i.on(i.tech_,t,function(e){0===i.tech_.playbackRate()&&i.tech_.seeking()?i.queuedCallbacks_.push({callback:i["handleTech"+cr[t]+"_"].bind(i),event:e}):i["handleTech"+cr[t]+"_"](e)})}),this.on(this.tech_,"loadstart",this.handleTechLoadStart_),this.on(this.tech_,"sourceset",this.handleTechSourceset_),this.on(this.tech_,"waiting",this.handleTechWaiting_),this.on(this.tech_,"ended",this.handleTechEnded_),this.on(this.tech_,"seeking",this.handleTechSeeking_),this.on(this.tech_,"play",this.handleTechPlay_),this.on(this.tech_,"firstplay",this.handleTechFirstPlay_),this.on(this.tech_,"pause",this.handleTechPause_),this.on(this.tech_,"durationchange",this.handleTechDurationChange_),this.on(this.tech_,"fullscreenchange",this.handleTechFullscreenChange_),this.on(this.tech_,"enterpictureinpicture",this.handleTechEnterPictureInPicture_),this.on(this.tech_,"leavepictureinpicture",this.handleTechLeavePictureInPicture_),this.on(this.tech_,"error",this.handleTechError_),this.on(this.tech_,"loadedmetadata",this.updateStyleEl_),this.on(this.tech_,"posterchange",this.handleTechPosterChange_),this.on(this.tech_,"textdata",this.handleTechTextData_),this.on(this.tech_,"ratechange",this.handleTechRateChange_),this.usingNativeControls(this.techGet_("controls")),this.controls()&&!this.usingNativeControls()&&this.addTechControlsListeners_(),this.tech_.el().parentNode===this.el()||"Html5"===n&&this.tag||C(this.tech_.el(),this.el()),this.tag&&(this.tag.player=null,this.tag=null)},e.unloadTech_=function(){var i=this;hi.names.forEach(function(e){var t=hi[e];i[t.privateName]=i[t.getterName]()}),this.textTracksJson_=Et(this.tech_),this.isReady_=!1,this.tech_.dispose(),this.tech_=!1,this.isPosterFromTech_&&(this.poster_="",this.trigger("posterchange")),this.isPosterFromTech_=!1},e.tech=function(e){return void 0===e&&p.warn("Using the tech directly can be dangerous. I hope you know what you're doing.\nSee https://github.com/videojs/video.js/issues/2617 for more info.\n"),this.tech_},e.addTechControlsListeners_=function(){this.removeTechControlsListeners_(),this.on(this.tech_,"mouseup",this.handleTechClick_),this.on(this.tech_,"dblclick",this.handleTechDoubleClick_),this.on(this.tech_,"touchstart",this.handleTechTouchStart_),this.on(this.tech_,"touchmove",this.handleTechTouchMove_),this.on(this.tech_,"touchend",this.handleTechTouchEnd_),this.on(this.tech_,"tap",this.handleTechTap_)},e.removeTechControlsListeners_=function(){this.off(this.tech_,"tap",this.handleTechTap_),this.off(this.tech_,"touchstart",this.handleTechTouchStart_),this.off(this.tech_,"touchmove",this.handleTechTouchMove_),this.off(this.tech_,"touchend",this.handleTechTouchEnd_),this.off(this.tech_,"mouseup",this.handleTechClick_),this.off(this.tech_,"dblclick",this.handleTechDoubleClick_)},e.handleTechReady_=function(){this.triggerReady(),this.cache_.volume&&this.techCall_("setVolume",this.cache_.volume),this.handleTechPosterChange_(),this.handleTechDurationChange_()},e.handleTechLoadStart_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-seeking"),this.error(null),this.handleTechDurationChange_(),this.paused()?(this.hasStarted(!1),this.trigger("loadstart")):(this.trigger("loadstart"),this.trigger("firstplay")),this.manualAutoplay_(this.autoplay())},e.manualAutoplay_=function(t){var n=this;if(this.tech_&&"string"==typeof t){var e,i=function(){var e=n.muted();n.muted(!0);function t(){n.muted(e)}n.playTerminatedQueue_.push(t);var i=n.play();if(kt(i))return i.catch(t)};if("any"===t&&!0!==this.muted()?kt(e=this.play())&&(e=e.catch(i)):e="muted"===t&&!0!==this.muted()?i():this.play(),kt(e))return e.then(function(){n.trigger({type:"autoplay-success",autoplay:t})}).catch(function(e){n.trigger({type:"autoplay-failure",autoplay:t})})}},e.updateSourceCaches_=function(e){void 0===e&&(e="");var t=e,i="";"string"!=typeof t&&(t=e.src,i=e.type),this.cache_.source=this.cache_.source||{},this.cache_.sources=this.cache_.sources||[],t&&!i&&(i=function(e,t){if(!t)return"";if(e.cache_.source.src===t&&e.cache_.source.type)return e.cache_.source.type;var i=e.cache_.sources.filter(function(e){return e.src===t});if(i.length)return i[0].type;for(var n=e.$$("source"),r=0;r<n.length;r++){var s=n[r];if(s.type&&s.src&&s.src===t)return s.type}return Ci(t)}(this,t)),this.cache_.source=Ue({},e,{src:t,type:i});for(var n=this.cache_.sources.filter(function(e){return e.src&&e.src===t}),r=[],s=this.$$("source"),a=[],o=0;o<s.length;o++){var u=A(s[o]);r.push(u),u.src&&u.src===t&&a.push(u.src)}a.length&&!n.length?this.cache_.sources=r:n.length||(this.cache_.sources=[this.cache_.source]),this.cache_.src=t},e.handleTechSourceset_=function(e){var i=this;if(!this.changingSrc_){var t=function(e){return i.updateSourceCaches_(e)},n=this.currentSource().src,r=e.src;n&&!/^blob:/.test(n)&&/^blob:/.test(r)&&(this.lastSource_&&(this.lastSource_.tech===r||this.lastSource_.player===n)||(t=function(){})),t(r),e.src||this.tech_.any(["sourceset","loadstart"],function(e){if("sourceset"!==e.type){var t=i.techGet("currentSrc");i.lastSource_.tech=t,i.updateSourceCaches_(t)}})}this.lastSource_={player:this.currentSource().src,tech:e.src},this.trigger({src:e.src,type:"sourceset"})},e.hasStarted=function(e){if(void 0===e)return this.hasStarted_;e!==this.hasStarted_&&(this.hasStarted_=e,this.hasStarted_?(this.addClass("vjs-has-started"),this.trigger("firstplay")):this.removeClass("vjs-has-started"))},e.handleTechPlay_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.hasStarted(!0),this.trigger("play")},e.handleTechRateChange_=function(){0<this.tech_.playbackRate()&&0===this.cache_.lastPlaybackRate&&(this.queuedCallbacks_.forEach(function(e){return e.callback(e.event)}),this.queuedCallbacks_=[]),this.cache_.lastPlaybackRate=this.tech_.playbackRate(),this.trigger("ratechange")},e.handleTechWaiting_=function(){var t=this;this.addClass("vjs-waiting"),this.trigger("waiting");var i=this.currentTime();this.on("timeupdate",function e(){i!==t.currentTime()&&(t.removeClass("vjs-waiting"),t.off("timeupdate",e))})},e.handleTechCanPlay_=function(){this.removeClass("vjs-waiting"),this.trigger("canplay")},e.handleTechCanPlayThrough_=function(){this.removeClass("vjs-waiting"),this.trigger("canplaythrough")},e.handleTechPlaying_=function(){this.removeClass("vjs-waiting"),this.trigger("playing")},e.handleTechSeeking_=function(){this.addClass("vjs-seeking"),this.trigger("seeking")},e.handleTechSeeked_=function(){this.removeClass("vjs-seeking"),this.removeClass("vjs-ended"),this.trigger("seeked")},e.handleTechFirstPlay_=function(){this.options_.starttime&&(p.warn("Passing the `starttime` option to the player will be deprecated in 6.0"),this.currentTime(this.options_.starttime)),this.addClass("vjs-has-started"),this.trigger("firstplay")},e.handleTechPause_=function(){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.trigger("pause")},e.handleTechEnded_=function(){this.addClass("vjs-ended"),this.options_.loop?(this.currentTime(0),this.play()):this.paused()||this.pause(),this.trigger("ended")},e.handleTechDurationChange_=function(){this.duration(this.techGet_("duration"))},e.handleTechClick_=function(e){W(e)&&this.controls_&&(this.paused()?St(this.play()):this.pause())},e.handleTechDoubleClick_=function(t){this.controls_&&(Array.prototype.some.call(this.$$(".vjs-control-bar, .vjs-modal-dialog"),function(e){return e.contains(t.target)})||void 0!==this.options_&&void 0!==this.options_.userActions&&void 0!==this.options_.userActions.doubleClick&&!1===this.options_.userActions.doubleClick||(void 0!==this.options_&&void 0!==this.options_.userActions&&"function"==typeof this.options_.userActions.doubleClick?this.options_.userActions.doubleClick.call(this,t):this.isFullscreen()?this.exitFullscreen():this.requestFullscreen()))},e.handleTechTap_=function(){this.userActive(!this.userActive())},e.handleTechTouchStart_=function(){this.userWasActive=this.userActive()},e.handleTechTouchMove_=function(){this.userWasActive&&this.reportUserActivity()},e.handleTechTouchEnd_=function(e){e.preventDefault()},e.handleStageClick_=function(){this.reportUserActivity()},e.toggleFullscreenClass_=function(){this.isFullscreen()?this.addClass("vjs-fullscreen"):this.removeClass("vjs-fullscreen")},e.documentFullscreenChange_=function(e){var t=this.el(),i=h[this.fsApi_.fullscreenElement]===t;!i&&t.matches?i=t.matches(":"+this.fsApi_.fullscreen):!i&&t.msMatchesSelector&&(i=t.msMatchesSelector(":"+this.fsApi_.fullscreen)),this.isFullscreen(i),!1===this.isFullscreen()&&de(h,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),this.fsApi_.prefixed&&this.trigger("fullscreenchange")},e.handleTechFullscreenChange_=function(e,t){t&&this.isFullscreen(t.isFullscreen),this.trigger("fullscreenchange")},e.togglePictureInPictureClass_=function(){this.isInPictureInPicture()?this.addClass("vjs-picture-in-picture"):this.removeClass("vjs-picture-in-picture")},e.handleTechEnterPictureInPicture_=function(e){this.isInPictureInPicture(!0)},e.handleTechLeavePictureInPicture_=function(e){this.isInPictureInPicture(!1)},e.handleTechError_=function(){var e=this.tech_.error();this.error(e)},e.handleTechTextData_=function(e,t){var i=null;1<arguments.length&&(i=t),this.trigger("textdata",i)},e.getCache=function(){return this.cache_},e.resetCache_=function(){this.cache_={currentTime:0,inactivityTimeout:this.options_.inactivityTimeout,duration:NaN,lastVolume:1,lastPlaybackRate:this.defaultPlaybackRate(),media:null,src:"",source:{},sources:[],volume:1}},e.techCall_=function(e,t){this.ready(function(){if(e in bi)return function(e,t,i,n){return t[i](e.reduce(ki(i),n))}(this.middleware_,this.tech_,e,t);if(e in Ti)return vi(this.middleware_,this.tech_,e,t);try{this.tech_&&this.tech_[e](t)}catch(e){throw p(e),e}},!0)},e.techGet_=function(t){if(this.tech_&&this.tech_.isReady_){if(t in _i)return function(e,t,i){return e.reduceRight(ki(i),t[i]())}(this.middleware_,this.tech_,t);if(t in Ti)return vi(this.middleware_,this.tech_,t);try{return this.tech_[t]()}catch(e){if(void 0===this.tech_[t])throw p("Video.js: "+t+" method not defined for "+this.techName_+" playback technology.",e),e;if("TypeError"===e.name)throw p("Video.js: "+t+" unavailable on "+this.techName_+" playback technology element.",e),this.tech_.isReady_=!1,e;throw p(e),e}}},e.play=function(){var t=this,e=this.options_.Promise||v.Promise;return e?new e(function(e){t.play_(e)}):this.play_()},e.play_=function(e){var t=this;void 0===e&&(e=St),this.playCallbacks_.push(e);var i=Boolean(!this.changingSrc_&&(this.src()||this.currentSrc()));if(this.waitToPlay_&&(this.off(["ready","loadstart"],this.waitToPlay_),this.waitToPlay_=null),!this.isReady_||!i)return this.waitToPlay_=function(e){t.play_()},this.one(["ready","loadstart"],this.waitToPlay_),void(i||!ot&&!at||this.load());var n=this.techGet_("play");null===n?this.runPlayTerminatedQueue_():this.runPlayCallbacks_(n)},e.runPlayTerminatedQueue_=function(){var e=this.playTerminatedQueue_.slice(0);this.playTerminatedQueue_=[],e.forEach(function(e){e()})},e.runPlayCallbacks_=function(t){var e=this.playCallbacks_.slice(0);this.playCallbacks_=[],this.playTerminatedQueue_=[],e.forEach(function(e){e(t)})},e.pause=function(){this.techCall_("pause")},e.paused=function(){return!1!==this.techGet_("paused")},e.played=function(){return this.techGet_("played")||ht(0,0)},e.scrubbing=function(e){if("undefined"==typeof e)return this.scrubbing_;this.scrubbing_=!!e,e?this.addClass("vjs-scrubbing"):this.removeClass("vjs-scrubbing")},e.currentTime=function(e){return"undefined"!=typeof e?(e<0&&(e=0),void this.techCall_("setCurrentTime",e)):(this.cache_.currentTime=this.techGet_("currentTime")||0,this.cache_.currentTime)},e.duration=function(e){if(void 0===e)return void 0!==this.cache_.duration?this.cache_.duration:NaN;(e=parseFloat(e))<0&&(e=1/0),e!==this.cache_.duration&&((this.cache_.duration=e)===1/0?(this.addClass("vjs-live"),this.options_.liveui&&this.player_.liveTracker&&this.addClass("vjs-liveui")):(this.removeClass("vjs-live"),this.removeClass("vjs-liveui")),isNaN(e)||this.trigger("durationchange"))},e.remainingTime=function(){return this.duration()-this.currentTime()},e.remainingTimeDisplay=function(){return Math.floor(this.duration())-Math.floor(this.currentTime())},e.buffered=function(){var e=this.techGet_("buffered");return e&&e.length||(e=ht(0,0)),e},e.bufferedPercent=function(){return dt(this.buffered(),this.duration())},e.bufferedEnd=function(){var e=this.buffered(),t=this.duration(),i=e.end(e.length-1);return t<i&&(i=t),i},e.volume=function(e){var t;return void 0!==e?(t=Math.max(0,Math.min(1,parseFloat(e))),this.cache_.volume=t,this.techCall_("setVolume",t),void(0<t&&this.lastVolume_(t))):(t=parseFloat(this.techGet_("volume")),isNaN(t)?1:t)},e.muted=function(e){if(void 0===e)return this.techGet_("muted")||!1;this.techCall_("setMuted",e)},e.defaultMuted=function(e){return void 0!==e?this.techCall_("setDefaultMuted",e):this.techGet_("defaultMuted")||!1},e.lastVolume_=function(e){if(void 0===e||0===e)return this.cache_.lastVolume;this.cache_.lastVolume=e},e.supportsFullScreen=function(){return this.techGet_("supportsFullScreen")||!1},e.isFullscreen=function(e){return void 0!==e?(this.isFullscreen_=!!e,void this.toggleFullscreenClass_()):!!this.isFullscreen_},e.requestFullscreen=function(e){var t;this.isFullscreen(!0),this.fsApi_.requestFullscreen?(he(h,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),this.fsApi_.prefixed||(t=this.options_.fullscreen&&this.options_.fullscreen.options||{},void 0!==e&&(t=e)),St(this.el_[this.fsApi_.requestFullscreen](t))):this.tech_.supportsFullScreen()?this.techCall_("enterFullScreen"):(this.enterFullWindow(),this.trigger("fullscreenchange"))},e.exitFullscreen=function(){this.isFullscreen(!1),this.fsApi_.requestFullscreen?St(h[this.fsApi_.exitFullscreen]()):this.tech_.supportsFullScreen()?this.techCall_("exitFullScreen"):(this.exitFullWindow(),this.trigger("fullscreenchange"))},e.enterFullWindow=function(){this.isFullWindow=!0,this.docOrigOverflow=h.documentElement.style.overflow,he(h,"keydown",this.boundFullWindowOnEscKey_),h.documentElement.style.overflow="hidden",w(h.body,"vjs-full-window"),this.trigger("enterFullWindow")},e.fullWindowOnEscKey=function(e){Pt.isEventKey(e,"Esc")&&(!0===this.isFullscreen()?this.exitFullscreen():this.exitFullWindow())},e.exitFullWindow=function(){this.isFullWindow=!1,de(h,"keydown",this.boundFullWindowOnEscKey_),h.documentElement.style.overflow=this.docOrigOverflow,P(h.body,"vjs-full-window"),this.trigger("exitFullWindow")},e.isInPictureInPicture=function(e){return void 0!==e?(this.isInPictureInPicture_=!!e,void this.togglePictureInPictureClass_()):!!this.isInPictureInPicture_},e.requestPictureInPicture=function(){if("pictureInPictureEnabled"in h)return this.techGet_("requestPictureInPicture")},e.exitPictureInPicture=function(){if("pictureInPictureEnabled"in h)return h.exitPictureInPicture()},e.handleKeyDown=function(e){var t=this.options_.userActions;if(t&&t.hotkeys){!function(e){var t=e.tagName.toLowerCase();if(e.isContentEditable)return!0;if("input"===t)return-1===["button","checkbox","hidden","radio","reset","submit"].indexOf(e.type);return-1!==["textarea"].indexOf(t)}(this.el_.ownerDocument.activeElement)&&("function"==typeof t.hotkeys?t.hotkeys.call(this,e):this.handleHotkeys(e))}},e.handleHotkeys=function(e){var t=this.options_.userActions?this.options_.userActions.hotkeys:{},i=t.fullscreenKey,n=void 0===i?function(e){return Pt.isEventKey(e,"f")}:i,r=t.muteKey,s=void 0===r?function(e){return Pt.isEventKey(e,"m")}:r,a=t.playPauseKey,o=void 0===a?function(e){return Pt.isEventKey(e,"k")||Pt.isEventKey(e,"Space")}:a;if(n.call(this,e)){e.preventDefault(),e.stopPropagation();var u=Re.getComponent("FullscreenToggle");!1!==h[this.fsApi_.fullscreenEnabled]&&u.prototype.handleClick.call(this,e)}else if(s.call(this,e)){e.preventDefault(),e.stopPropagation(),Re.getComponent("MuteToggle").prototype.handleClick.call(this,e)}else if(o.call(this,e)){e.preventDefault(),e.stopPropagation(),Re.getComponent("PlayToggle").prototype.handleClick.call(this,e)}},e.canPlayType=function(e){for(var t,i=0,n=this.options_.techOrder;i<n.length;i++){var r=n[i],s=pi.getTech(r);if(s=s||Re.getComponent(r)){if(s.isSupported()&&(t=s.canPlayType(e)))return t}else p.error('The "'+r+'" tech is undefined. Skipped browser support check for that tech.')}return""},e.selectSource=function(e){function t(e,i,n){var r;return e.some(function(t){return i.some(function(e){if(r=n(t,e))return!0})}),r}function i(e,t){var i=e[0];if(e[1].canPlaySource(t,r.options_[i.toLowerCase()]))return{source:t,tech:i}}var n,r=this,s=this.options_.techOrder.map(function(e){return[e,pi.getTech(e)]}).filter(function(e){var t=e[0],i=e[1];return i?i.isSupported():(p.error('The "'+t+'" tech is undefined. Skipped browser support check for that tech.'),!1)});return(this.options_.sourceOrder?t(e,s,(n=i,function(e,t){return n(t,e)})):t(s,e,i))||!1},e.src=function(e){var i=this;if("undefined"==typeof e)return this.cache_.src||"";var n=function t(e){if(Array.isArray(e)){var i=[];e.forEach(function(e){e=t(e),Array.isArray(e)?i=i.concat(e):o(e)&&i.push(e)}),e=i}else e="string"==typeof e&&e.trim()?[wi({src:e})]:o(e)&&"string"==typeof e.src&&e.src&&e.src.trim()?[wi(e)]:[];return e}(e);n.length?(this.changingSrc_=!0,this.cache_.sources=n,this.updateSourceCaches_(n[0]),yi(this,n[0],function(e,t){if(i.middleware_=t,i.cache_.sources=n,i.updateSourceCaches_(e),i.src_(e))return 1<n.length?i.src(n.slice(1)):(i.changingSrc_=!1,i.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0),void i.triggerReady());!function(e,t){e.forEach(function(e){return e.setTech&&e.setTech(t)})}(t,i.tech_)})):this.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0)},e.src_=function(e){var t=this,i=this.selectSource([e]);return!i||(function(e,t){return De(e)===De(t)}(i.tech,this.techName_)?this.ready(function(){this.tech_.constructor.prototype.hasOwnProperty("setSource")?this.techCall_("setSource",e):this.techCall_("src",e.src),this.changingSrc_=!1},!0):(this.changingSrc_=!0,this.loadTech_(i.tech,i.source),this.tech_.ready(function(){t.changingSrc_=!1})),!1)},e.load=function(){this.techCall_("load")},e.reset=function(){var e=this,t=this.options_.Promise||v.Promise;this.paused()||!t?this.doReset_():St(this.play().then(function(){return e.doReset_()}))},e.doReset_=function(){this.tech_&&this.tech_.clearTracks("text"),this.resetCache_(),this.poster(""),this.loadTech_(this.options_.techOrder[0],null),this.techCall_("reset"),this.resetControlBarUI_(),Pe(this)&&this.trigger("playerreset")},e.resetControlBarUI_=function(){this.resetProgressBar_(),this.resetPlaybackRate_(),this.resetVolumeBar_()},e.resetProgressBar_=function(){this.currentTime(0);var e=this.controlBar,t=e.durationDisplay,i=e.remainingTimeDisplay;t&&t.updateContent(),i&&i.updateContent()},e.resetPlaybackRate_=function(){this.playbackRate(this.defaultPlaybackRate()),this.handleTechRateChange_()},e.resetVolumeBar_=function(){this.volume(1),this.trigger("volumechange")},e.currentSources=function(){var e=this.currentSource(),t=[];return 0!==Object.keys(e).length&&t.push(e),this.cache_.sources||t},e.currentSource=function(){return this.cache_.source||{}},e.currentSrc=function(){return this.currentSource()&&this.currentSource().src||""},e.currentType=function(){return this.currentSource()&&this.currentSource().type||""},e.preload=function(e){return void 0!==e?(this.techCall_("setPreload",e),void(this.options_.preload=e)):this.techGet_("preload")},e.autoplay=function(e){if(void 0===e)return this.options_.autoplay||!1;var t;"string"==typeof e&&/(any|play|muted)/.test(e)?(this.options_.autoplay=e,this.manualAutoplay_(e),t=!1):this.options_.autoplay=!!e,t="undefined"==typeof t?this.options_.autoplay:t,this.tech_&&this.techCall_("setAutoplay",t)},e.playsinline=function(e){return void 0!==e?(this.techCall_("setPlaysinline",e),this.options_.playsinline=e,this):this.techGet_("playsinline")},e.loop=function(e){return void 0!==e?(this.techCall_("setLoop",e),void(this.options_.loop=e)):this.techGet_("loop")},e.poster=function(e){if(void 0===e)return this.poster_;(e=e||"")!==this.poster_&&(this.poster_=e,this.techCall_("setPoster",e),this.isPosterFromTech_=!1,this.trigger("posterchange"))},e.handleTechPosterChange_=function(){if((!this.poster_||this.options_.techCanOverridePoster)&&this.tech_&&this.tech_.poster){var e=this.tech_.poster()||"";e!==this.poster_&&(this.poster_=e,this.isPosterFromTech_=!0,this.trigger("posterchange"))}},e.controls=function(e){if(void 0===e)return!!this.controls_;e=!!e,this.controls_!==e&&(this.controls_=e,this.usingNativeControls()&&this.techCall_("setControls",e),this.controls_?(this.removeClass("vjs-controls-disabled"),this.addClass("vjs-controls-enabled"),this.trigger("controlsenabled"),this.usingNativeControls()||this.addTechControlsListeners_()):(this.removeClass("vjs-controls-enabled"),this.addClass("vjs-controls-disabled"),this.trigger("controlsdisabled"),this.usingNativeControls()||this.removeTechControlsListeners_()))},e.usingNativeControls=function(e){if(void 0===e)return!!this.usingNativeControls_;e=!!e,this.usingNativeControls_!==e&&(this.usingNativeControls_=e,this.usingNativeControls_?(this.addClass("vjs-using-native-controls"),this.trigger("usingnativecontrols")):(this.removeClass("vjs-using-native-controls"),this.trigger("usingcustomcontrols")))},e.error=function(e){if(void 0===e)return this.error_||null;if(this.options_.suppressNotSupportedError&&e&&4===e.code){var t=function(){this.error(e)};return this.options_.suppressNotSupportedError=!1,this.any(["click","touchstart"],t),void this.one("loadstart",function(){this.off(["click","touchstart"],t)})}if(null===e)return this.error_=e,this.removeClass("vjs-error"),void(this.errorDisplay&&this.errorDisplay.close());this.error_=new _t(e),this.addClass("vjs-error"),p.error("(CODE:"+this.error_.code+" "+_t.errorTypes[this.error_.code]+")",this.error_.message,this.error_),this.trigger("error")},e.reportUserActivity=function(e){this.userActivity_=!0},e.userActive=function(e){if(void 0===e)return this.userActive_;if((e=!!e)!==this.userActive_){if(this.userActive_=e,this.userActive_)return this.userActivity_=!0,this.removeClass("vjs-user-inactive"),this.addClass("vjs-user-active"),void this.trigger("useractive");this.tech_&&this.tech_.one("mousemove",function(e){e.stopPropagation(),e.preventDefault()}),this.userActivity_=!1,this.removeClass("vjs-user-active"),this.addClass("vjs-user-inactive"),this.trigger("userinactive")}},e.listenForUserActivity_=function(){var t,i,n,r=ge(this,this.reportUserActivity);this.on("mousedown",function(){r(),this.clearInterval(t),t=this.setInterval(r,250)}),this.on("mousemove",function(e){e.screenX===i&&e.screenY===n||(i=e.screenX,n=e.screenY,r())}),this.on("mouseup",function(e){r(),this.clearInterval(t)});var s,e=this.getChild("controlBar");!e||at||Ke||(e.on("mouseenter",function(e){this.player().cache_.inactivityTimeout=this.player().options_.inactivityTimeout,this.player().options_.inactivityTimeout=0}),e.on("mouseleave",function(e){this.player().options_.inactivityTimeout=this.player().cache_.inactivityTimeout})),this.on("keydown",r),this.on("keyup",r),this.setInterval(function(){if(this.userActivity_){this.userActivity_=!1,this.userActive(!0),this.clearTimeout(s);var e=this.options_.inactivityTimeout;e<=0||(s=this.setTimeout(function(){this.userActivity_||this.userActive(!1)},e))}},250)},e.playbackRate=function(e){if(void 0===e)return this.tech_&&this.tech_.featuresPlaybackRate?this.cache_.lastPlaybackRate||this.techGet_("playbackRate"):1;this.techCall_("setPlaybackRate",e)},e.defaultPlaybackRate=function(e){return void 0!==e?this.techCall_("setDefaultPlaybackRate",e):this.tech_&&this.tech_.featuresPlaybackRate?this.techGet_("defaultPlaybackRate"):1},e.isAudio=function(e){if(void 0===e)return!!this.isAudio_;this.isAudio_=!!e},e.addTextTrack=function(e,t,i){if(this.tech_)return this.tech_.addTextTrack(e,t,i)},e.addRemoteTextTrack=function(e,t){if(this.tech_)return this.tech_.addRemoteTextTrack(e,t)},e.removeRemoteTextTrack=function(e){void 0===e&&(e={});var t=e.track;if(t=t||e,this.tech_)return this.tech_.removeRemoteTextTrack(t)},e.getVideoPlaybackQuality=function(){return this.techGet_("getVideoPlaybackQuality")},e.videoWidth=function(){return this.tech_&&this.tech_.videoWidth&&this.tech_.videoWidth()||0},e.videoHeight=function(){return this.tech_&&this.tech_.videoHeight&&this.tech_.videoHeight()||0},e.language=function(e){if(void 0===e)return this.language_;this.language_=String(e).toLowerCase()},e.languages=function(){return Ue(l.prototype.options_.languages,this.languages_)},e.toJSON=function(){var e=Ue(this.options_),t=e.tracks;e.tracks=[];for(var i=0;i<t.length;i++){var n=t[i];(n=Ue(n)).player=void 0,e.tracks[i]=n}return e},e.createModal=function(e,t){var i=this;(t=t||{}).content=e||"";var n=new It(this,t);return this.addChild(n),n.on("dispose",function(){i.removeChild(n)}),n.open(),n},e.updateCurrentBreakpoint_=function(){if(this.responsive())for(var e=this.currentBreakpoint(),t=this.currentWidth(),i=0;i<hr.length;i++){var n=hr[i];if(t<=this.breakpoints_[n]){if(e===n)return;e&&this.removeClass(dr[e]),this.addClass(dr[n]),this.breakpoint_=n;break}}},e.removeCurrentBreakpoint_=function(){var e=this.currentBreakpointClass();this.breakpoint_="",e&&this.removeClass(e)},e.breakpoints=function(e){return void 0===e||(this.breakpoint_="",this.breakpoints_=m({},pr,e),this.updateCurrentBreakpoint_()),m(this.breakpoints_)},e.responsive=function(e){return void 0===e?this.responsive_:(e=Boolean(e))!==this.responsive_?((this.responsive_=e)?(this.on("playerresize",this.updateCurrentBreakpoint_),this.updateCurrentBreakpoint_()):(this.off("playerresize",this.updateCurrentBreakpoint_),this.removeCurrentBreakpoint_()),e):void 0},e.currentBreakpoint=function(){return this.breakpoint_},e.currentBreakpointClass=function(){return dr[this.breakpoint_]||""},e.loadMedia=function(e,t){var i=this;if(e&&"object"==typeof e){this.reset(),this.cache_.media=Ue(e);var n=this.cache_.media,r=n.artwork,s=n.poster,a=n.src,o=n.textTracks;!r&&s&&(this.cache_.media.artwork=[{src:s,type:Ci(s)}]),a&&this.src(a),s&&this.poster(s),Array.isArray(o)&&o.forEach(function(e){return i.addRemoteTextTrack(e,!1)}),this.ready(t)}},e.getMedia=function(){if(this.cache_.media)return Ue(this.cache_.media);var e=this.poster(),t={src:this.currentSources(),textTracks:Array.prototype.map.call(this.remoteTextTracks(),function(e){return{kind:e.kind,label:e.label,language:e.language,src:e.src}})};return e&&(t.poster=e,t.artwork=[{src:t.poster,type:Ci(t.poster)}]),t},l.getTagSettings=function(e){var t={sources:[],tracks:[]},i=A(e),n=i["data-setup"];if(E(e,"vjs-fill")&&(i.fill=!0),E(e,"vjs-fluid")&&(i.fluid=!0),null!==n){var r=Tt(n||"{}"),s=r[0],a=r[1];s&&p.error(s),m(i,a)}if(m(t,i),e.hasChildNodes())for(var o=e.childNodes,u=0,l=o.length;u<l;u++){var c=o[u],h=c.nodeName.toLowerCase();"source"===h?t.sources.push(A(c)):"track"===h&&t.tracks.push(A(c))}return t},e.flexNotSupported_=function(){var e=h.createElement("i");return!("flexBasis"in e.style||"webkitFlexBasis"in e.style||"mozFlexBasis"in e.style||"msFlexBasis"in e.style||"msFlexOrder"in e.style)},l}(Re);hi.names.forEach(function(e){var t=hi[e];fr.prototype[t.getterName]=function(){return this.tech_?this.tech_[t.getterName]():(this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName])}}),fr.players={};var mr=v.navigator;fr.prototype.options_={techOrder:pi.defaultTechOrder_,html5:{},flash:{},inactivityTimeout:2e3,playbackRates:[],liveui:!1,children:["mediaLoader","posterImage","textTrackDisplay","loadingSpinner","bigPlayButton","liveTracker","controlBar","errorDisplay","textTrackSettings","resizeManager"],language:mr&&(mr.languages&&mr.languages[0]||mr.userLanguage||mr.language)||"en",languages:{},notSupportedMessage:"No compatible source was found for this media.",fullscreen:{options:{navigationUI:"hide"}},breakpoints:{},responsive:!1},["ended","seeking","seekable","networkState","readyState"].forEach(function(e){fr.prototype[e]=function(){return this.techGet_(e)}}),lr.forEach(function(e){fr.prototype["handleTech"+De(e)+"_"]=function(){return this.trigger(e)}}),Re.registerComponent("Player",fr);function gr(e){return Er.hasOwnProperty(e)}function yr(e){return gr(e)?Er[e]:void 0}function vr(e,t){e[Cr]=e[Cr]||{},e[Cr][t]=!0}function _r(e,t,i){var n=(i?"before":"")+"pluginsetup";e.trigger(n,t),e.trigger(n+":"+t.name,t)}function br(r,s){return s.prototype.name=r,function(){_r(this,{name:r,plugin:s,instance:null},!0);for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=kr(s,[this].concat(t));return this[r]=function(){return n},_r(this,n.getEventHash()),n}}var Tr=t(function(i){function n(e,t){return i.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},n(e,t)}i.exports=n}),kr=t(function(n){function r(e,t,i){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()?n.exports=r=function(e,t,i){var n=[null];n.push.apply(n,t);var r=new(Function.bind.apply(e,n));return i&&Tr(r,i.prototype),r}:n.exports=r=Reflect.construct,r.apply(null,arguments)}n.exports=r}),Sr="plugin",Cr="activePlugins_",Er={},wr=function(){function i(e){if(this.constructor===i)throw new Error("Plugin must be sub-classed; not directly instantiated.");this.player=e,Ie(this),delete this.trigger,Oe(this,this.constructor.defaultState),vr(e,this.name),this.dispose=ge(this,this.dispose),e.on("dispose",this.dispose)}var e=i.prototype;return e.version=function(){return this.constructor.VERSION},e.getEventHash=function(e){return void 0===e&&(e={}),e.name=this.name,e.plugin=this.constructor,e.instance=this,e},e.trigger=function(e,t){return void 0===t&&(t={}),pe(this.eventBusEl_,e,this.getEventHash(t))},e.handleStateChanged=function(e){},e.dispose=function(){var e=this.name,t=this.player;this.trigger("dispose"),this.off(),t.off("dispose",this.dispose),t[Cr][e]=!1,this.player=this.state=null,t[e]=br(e,Er[e])},i.isBasic=function(e){var t="string"==typeof e?yr(e):e;return"function"==typeof t&&!i.prototype.isPrototypeOf(t.prototype)},i.registerPlugin=function(e,t){if("string"!=typeof e)throw new Error('Illegal plugin name, "'+e+'", must be a string, was '+typeof e+".");if(gr(e))p.warn('A plugin named "'+e+'" already exists. You may want to avoid re-registering plugins!');else if(fr.prototype.hasOwnProperty(e))throw new Error('Illegal plugin name, "'+e+'", cannot share a name with an existing player method!');if("function"!=typeof t)throw new Error('Illegal plugin for "'+e+'", must be a function, was '+typeof t+".");return Er[e]=t,e!==Sr&&(i.isBasic(t)?fr.prototype[e]=function(t,i){function n(){_r(this,{name:t,plugin:i,instance:null},!0);var e=i.apply(this,arguments);return vr(this,t),_r(this,{name:t,plugin:i,instance:e}),e}return Object.keys(i).forEach(function(e){n[e]=i[e]}),n}(e,t):fr.prototype[e]=br(e,t)),t},i.deregisterPlugin=function(e){if(e===Sr)throw new Error("Cannot de-register base plugin.");gr(e)&&(delete Er[e],delete fr.prototype[e])},i.getPlugins=function(e){var i;return void 0===e&&(e=Object.keys(Er)),e.forEach(function(e){var t=yr(e);t&&((i=i||{})[e]=t)}),i},i.getPluginVersion=function(e){var t=yr(e);return t&&t.VERSION||""},i}();wr.getPlugin=yr,wr.BASE_PLUGIN_NAME=Sr,wr.registerPlugin(Sr,wr),fr.prototype.usingPlugin=function(e){return!!this[Cr]&&!0===this[Cr][e]},fr.prototype.hasPlugin=function(e){return!!gr(e)};var Pr=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Tr(e,t)},Lr=function(e){return 0===e.indexOf("#")?e.slice(1):e};function Ir(e,i,t){var n=Ir.getPlayer(e);if(n)return i&&p.warn('Player "'+e+'" is already initialised. Options will not be applied.'),t&&n.ready(t),n;var r="string"==typeof e?G("#"+Lr(e)):e;if(!_(r))throw new TypeError("The element or ID supplied is not valid. (videojs)");r.ownerDocument.defaultView&&r.ownerDocument.body.contains(r)||p.warn("The element supplied is not included in the DOM"),i=i||{},Ir.hooks("beforesetup").forEach(function(e){var t=e(r,Ue(i));o(t)&&!Array.isArray(t)?i=Ue(i,t):p.error("please return an object in beforesetup hooks")});var s=Re.getComponent("Player");return n=new s(r,i,t),Ir.hooks("setup").forEach(function(e){return e(n)}),n}if(Ir.hooks_={},Ir.hooks=function(e,t){return Ir.hooks_[e]=Ir.hooks_[e]||[],t&&(Ir.hooks_[e]=Ir.hooks_[e].concat(t)),Ir.hooks_[e]},Ir.hook=function(e,t){Ir.hooks(e,t)},Ir.hookOnce=function(i,e){Ir.hooks(i,[].concat(e).map(function(t){return function e(){return Ir.removeHook(i,e),t.apply(void 0,arguments)}}))},Ir.removeHook=function(e,t){var i=Ir.hooks(e).indexOf(t);return!(i<=-1)&&(Ir.hooks_[e]=Ir.hooks_[e].slice(),Ir.hooks_[e].splice(i,1),!0)},!0!==v.VIDEOJS_NO_DYNAMIC_STYLE&&y()){var Ar=G(".vjs-styles-defaults");if(!Ar){Ar=Z("vjs-styles-defaults");var Or=G("head");Or&&Or.insertBefore(Ar,Or.firstChild),ee(Ar,"\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ")}}Q(1,Ir),Ir.VERSION=d,Ir.options=fr.prototype.options_,Ir.getPlayers=function(){return fr.players},Ir.getPlayer=function(e){var t,i=fr.players;if("string"==typeof e){var n=Lr(e),r=i[n];if(r)return r;t=G("#"+n)}else t=e;if(_(t)){var s=t,a=s.player,o=s.playerId;if(a||i[o])return a||i[o]}},Ir.getAllPlayers=function(){return Object.keys(fr.players).map(function(e){return fr.players[e]}).filter(Boolean)},Ir.players=fr.players,Ir.getComponent=Re.getComponent,Ir.registerComponent=function(e,t){pi.isTech(t)&&p.warn("The "+e+" tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)"),Re.registerComponent.call(Re,e,t)},Ir.getTech=pi.getTech,Ir.registerTech=pi.registerTech,Ir.use=function(e,t){fi[e]=fi[e]||[],fi[e].push(t)},Object.defineProperty(Ir,"middleware",{value:{},writeable:!1,enumerable:!0}),Object.defineProperty(Ir.middleware,"TERMINATOR",{value:gi,writeable:!1,enumerable:!0}),Ir.browser=ut,Ir.TOUCH_ENABLED=nt,Ir.extend=function(e,t){void 0===t&&(t={});var i=function(){e.apply(this,arguments)},n={};for(var r in"object"==typeof t?(t.constructor!==Object.prototype.constructor&&(i=t.constructor),n=t):"function"==typeof t&&(i=t),Pr(i,e),e&&(i.super_=e),n)n.hasOwnProperty(r)&&(i.prototype[r]=n[r]);return i},Ir.mergeOptions=Ue,Ir.bind=ge,Ir.registerPlugin=wr.registerPlugin,Ir.deregisterPlugin=wr.deregisterPlugin,Ir.plugin=function(e,t){return p.warn("videojs.plugin() is deprecated; use videojs.registerPlugin() instead"),wr.registerPlugin(e,t)},Ir.getPlugins=wr.getPlugins,Ir.getPlugin=wr.getPlugin,Ir.getPluginVersion=wr.getPluginVersion,Ir.addLanguage=function(e,t){var i;return e=(""+e).toLowerCase(),Ir.options.languages=Ue(Ir.options.languages,((i={})[e]=t,i)),Ir.options.languages[e]},Ir.log=p,Ir.createLogger=f,Ir.createTimeRange=Ir.createTimeRanges=ht,Ir.formatTime=qi,Ir.setFormatTime=function(e){Hi=e},Ir.resetFormatTime=function(){Hi=Fi},Ir.parseUrl=Ut,Ir.isCrossOrigin=Nt,Ir.EventTarget=ve,Ir.on=he,Ir.one=fe,Ir.off=de,Ir.trigger=pe,Ir.xhr=Jt,Ir.TextTrack=si,Ir.AudioTrack=ai,Ir.VideoTrack=oi,["isEl","isTextNode","createEl","hasClass","addClass","removeClass","toggleClass","setAttributes","getAttributes","emptyEl","appendContent","insertContent"].forEach(function(e){Ir[e]=function(){return p.warn("videojs."+e+"() is deprecated; use videojs.dom."+e+"() instead"),X[e].apply(null,arguments)}}),Ir.computedStyle=n,Ir.dom=X,Ir.url=Xt,Ir.defineLazyProperty=rr;var xr=t(function(e,t){var i,c,n,r,h;i=/^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/,c=/^([^\/?#]*)(.*)$/,n=/(?:\/|^)\.(?=\/)/g,r=/(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g,h={buildAbsoluteURL:function(e,t,i){if(i=i||{},e=e.trim(),!(t=t.trim())){if(!i.alwaysNormalize)return e;var n=h.parseURL(e);if(!n)throw new Error("Error trying to parse base URL.");return n.path=h.normalizePath(n.path),h.buildURLFromParts(n)}var r=h.parseURL(t);if(!r)throw new Error("Error trying to parse relative URL.");if(r.scheme)return i.alwaysNormalize?(r.path=h.normalizePath(r.path),h.buildURLFromParts(r)):t;var s=h.parseURL(e);if(!s)throw new Error("Error trying to parse base URL.");if(!s.netLoc&&s.path&&"/"!==s.path[0]){var a=c.exec(s.path);s.netLoc=a[1],s.path=a[2]}s.netLoc&&!s.path&&(s.path="/");var o={scheme:s.scheme,netLoc:r.netLoc,path:null,params:r.params,query:r.query,fragment:r.fragment};if(!r.netLoc&&(o.netLoc=s.netLoc,"/"!==r.path[0]))if(r.path){var u=s.path,l=u.substring(0,u.lastIndexOf("/")+1)+r.path;o.path=h.normalizePath(l)}else o.path=s.path,r.params||(o.params=s.params,r.query||(o.query=s.query));return null===o.path&&(o.path=i.alwaysNormalize?h.normalizePath(r.path):r.path),h.buildURLFromParts(o)},parseURL:function(e){var t=i.exec(e);return t?{scheme:t[1]||"",netLoc:t[2]||"",path:t[3]||"",params:t[4]||"",query:t[5]||"",fragment:t[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(n,"");e.length!==(e=e.replace(r,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=h});
-/*! @name m3u8-parser @version 4.4.0 @license Apache-2.0 */function Dr(){return(Dr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}function Ur(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}function Rr(e){for(var t,i=e.split(new RegExp('(?:^|,)((?:[^=]*)=(?:"[^"]*"|[^,]*))')),n={},r=i.length;r--;)""!==i[r]&&((t=/([^=]*)=(.*)/.exec(i[r]).slice(1))[0]=t[0].replace(/^\s+|\s+$/g,""),t[1]=t[1].replace(/^\s+|\s+$/g,""),t[1]=t[1].replace(/^['"](.*)['"]$/g,"$1"),n[t[0]]=t[1]);return n}var Mr=function(){function e(){this.listeners={}}var t=e.prototype;return t.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},t.off=function(e,t){if(!this.listeners[e])return!1;var i=this.listeners[e].indexOf(t);return this.listeners[e].splice(i,1),-1<i},t.trigger=function(e,t){var i,n,r,s=this.listeners[e];if(s)if(2===arguments.length)for(n=s.length,i=0;i<n;++i)s[i].call(this,t);else for(r=Array.prototype.slice.call(arguments,1),n=s.length,i=0;i<n;++i)s[i].apply(this,r)},t.dispose=function(){this.listeners={}},t.pipe=function(t){this.on("data",function(e){t.push(e)})},e}(),Nr=function(t){function e(){var e;return(e=t.call(this)||this).buffer="",e}return Ur(e,t),e.prototype.push=function(e){var t;for(this.buffer+=e,t=this.buffer.indexOf("\n");-1<t;t=this.buffer.indexOf("\n"))this.trigger("data",this.buffer.substring(0,t)),this.buffer=this.buffer.substring(t+1)},e}(Mr),Br=function(t){function e(){var e;return(e=t.call(this)||this).customParsers=[],e.tagMappers=[],e}Ur(e,t);var i=e.prototype;return i.push=function(n){var u,l,c=this;0!==(n=n.trim()).length&&("#"===n[0]?this.tagMappers.reduce(function(e,t){var i=t(n);return i===n?e:e.concat([i])},[n]).forEach(function(e){for(var t=0;t<c.customParsers.length;t++)if(c.customParsers[t].call(c,e))return;if(0===e.indexOf("#EXT"))if(e=e.replace("\r",""),u=/^#EXTM3U/.exec(e))c.trigger("data",{type:"tag",tagType:"m3u"});else{if(u=/^#EXTINF:?([0-9\.]*)?,?(.*)?$/.exec(e))return l={type:"tag",tagType:"inf"},u[1]&&(l.duration=parseFloat(u[1])),u[2]&&(l.title=u[2]),void c.trigger("data",l);if(u=/^#EXT-X-TARGETDURATION:?([0-9.]*)?/.exec(e))return l={type:"tag",tagType:"targetduration"},u[1]&&(l.duration=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#ZEN-TOTAL-DURATION:?([0-9.]*)?/.exec(e))return l={type:"tag",tagType:"totalduration"},u[1]&&(l.duration=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#EXT-X-VERSION:?([0-9.]*)?/.exec(e))return l={type:"tag",tagType:"version"},u[1]&&(l.version=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#EXT-X-MEDIA-SEQUENCE:?(\-?[0-9.]*)?/.exec(e))return l={type:"tag",tagType:"media-sequence"},u[1]&&(l.number=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#EXT-X-DISCONTINUITY-SEQUENCE:?(\-?[0-9.]*)?/.exec(e))return l={type:"tag",tagType:"discontinuity-sequence"},u[1]&&(l.number=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#EXT-X-PLAYLIST-TYPE:?(.*)?$/.exec(e))return l={type:"tag",tagType:"playlist-type"},u[1]&&(l.playlistType=u[1]),void c.trigger("data",l);if(u=/^#EXT-X-BYTERANGE:?([0-9.]*)?@?([0-9.]*)?/.exec(e))return l={type:"tag",tagType:"byterange"},u[1]&&(l.length=parseInt(u[1],10)),u[2]&&(l.offset=parseInt(u[2],10)),void c.trigger("data",l);if(u=/^#EXT-X-ALLOW-CACHE:?(YES|NO)?/.exec(e))return l={type:"tag",tagType:"allow-cache"},u[1]&&(l.allowed=!/NO/.test(u[1])),void c.trigger("data",l);if(u=/^#EXT-X-MAP:?(.*)$/.exec(e)){if(l={type:"tag",tagType:"map"},u[1]){var i=Rr(u[1]);if(i.URI&&(l.uri=i.URI),i.BYTERANGE){var n=i.BYTERANGE.split("@"),r=n[0],s=n[1];l.byterange={},r&&(l.byterange.length=parseInt(r,10)),s&&(l.byterange.offset=parseInt(s,10))}}c.trigger("data",l)}else if(u=/^#EXT-X-STREAM-INF:?(.*)$/.exec(e)){if(l={type:"tag",tagType:"stream-inf"},u[1]){if(l.attributes=Rr(u[1]),l.attributes.RESOLUTION){var a=l.attributes.RESOLUTION.split("x"),o={};a[0]&&(o.width=parseInt(a[0],10)),a[1]&&(o.height=parseInt(a[1],10)),l.attributes.RESOLUTION=o}l.attributes.BANDWIDTH&&(l.attributes.BANDWIDTH=parseInt(l.attributes.BANDWIDTH,10)),l.attributes["PROGRAM-ID"]&&(l.attributes["PROGRAM-ID"]=parseInt(l.attributes["PROGRAM-ID"],10))}c.trigger("data",l)}else{if(u=/^#EXT-X-MEDIA:?(.*)$/.exec(e))return l={type:"tag",tagType:"media"},u[1]&&(l.attributes=Rr(u[1])),void c.trigger("data",l);if(u=/^#EXT-X-ENDLIST/.exec(e))c.trigger("data",{type:"tag",tagType:"endlist"});else if(u=/^#EXT-X-DISCONTINUITY/.exec(e))c.trigger("data",{type:"tag",tagType:"discontinuity"});else{if(u=/^#EXT-X-PROGRAM-DATE-TIME:?(.*)$/.exec(e))return l={type:"tag",tagType:"program-date-time"},u[1]&&(l.dateTimeString=u[1],l.dateTimeObject=new Date(u[1])),void c.trigger("data",l);if(u=/^#EXT-X-KEY:?(.*)$/.exec(e))return l={type:"tag",tagType:"key"},u[1]&&(l.attributes=Rr(u[1]),l.attributes.IV&&("0x"===l.attributes.IV.substring(0,2).toLowerCase()&&(l.attributes.IV=l.attributes.IV.substring(2)),l.attributes.IV=l.attributes.IV.match(/.{8}/g),l.attributes.IV[0]=parseInt(l.attributes.IV[0],16),l.attributes.IV[1]=parseInt(l.attributes.IV[1],16),l.attributes.IV[2]=parseInt(l.attributes.IV[2],16),l.attributes.IV[3]=parseInt(l.attributes.IV[3],16),l.attributes.IV=new Uint32Array(l.attributes.IV))),void c.trigger("data",l);if(u=/^#EXT-X-START:?(.*)$/.exec(e))return l={type:"tag",tagType:"start"},u[1]&&(l.attributes=Rr(u[1]),l.attributes["TIME-OFFSET"]=parseFloat(l.attributes["TIME-OFFSET"]),l.attributes.PRECISE=/YES/.test(l.attributes.PRECISE)),void c.trigger("data",l);if(u=/^#EXT-X-CUE-OUT-CONT:?(.*)?$/.exec(e))return l={type:"tag",tagType:"cue-out-cont"},u[1]?l.data=u[1]:l.data="",void c.trigger("data",l);if(u=/^#EXT-X-CUE-OUT:?(.*)?$/.exec(e))return l={type:"tag",tagType:"cue-out"},u[1]?l.data=u[1]:l.data="",void c.trigger("data",l);if(u=/^#EXT-X-CUE-IN:?(.*)?$/.exec(e))return l={type:"tag",tagType:"cue-in"},u[1]?l.data=u[1]:l.data="",void c.trigger("data",l);c.trigger("data",{type:"tag",data:e.slice(4)})}}}else c.trigger("data",{type:"comment",text:e.slice(1)})}):this.trigger("data",{type:"uri",uri:n}))},i.addParser=function(e){var t=this,i=e.expression,n=e.customType,r=e.dataParser,s=e.segment;"function"!=typeof r&&(r=function(e){return e}),this.customParsers.push(function(e){if(i.exec(e))return t.trigger("data",{type:"custom",data:r(e),customType:n,segment:s}),!0})},i.addTagMapper=function(e){var t=e.expression,i=e.map;this.tagMappers.push(function(e){return t.test(e)?i(e):e})},e}(Mr);function jr(e){return!!e&&"object"==typeof e}function Fr(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t.reduce(function(t,i){return Object.keys(i).forEach(function(e){Array.isArray(t[e])&&Array.isArray(i[e])?t[e]=t[e].concat(i[e]):jr(t[e])&&jr(i[e])?t[e]=Fr(t[e],i[e]):t[e]=i[e]}),t},{})}function Hr(e){return e.reduce(function(e,t){return e.concat(t)},[])}function qr(e){if(!e.length)return[];for(var t=[],i=0;i<e.length;i++)t.push(e[i]);return t}var Vr=function(t){function e(){var e;(e=t.call(this)||this).lineStream=new Nr,e.parseStream=new Br,e.lineStream.pipe(e.parseStream);var r,s,a=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e),o=[],u={},l={AUDIO:{},VIDEO:{},"CLOSED-CAPTIONS":{},SUBTITLES:{}},c=0;return e.manifest={allowCache:!0,discontinuityStarts:[],segments:[]},e.parseStream.on("data",function(t){var i,n;({tag:function(){({"allow-cache":function(){this.manifest.allowCache=t.allowed,"allowed"in t||(this.trigger("info",{message:"defaulting allowCache to YES"}),this.manifest.allowCache=!0)},byterange:function(){var e={};"length"in t&&((u.byterange=e).length=t.length,"offset"in t||(this.trigger("info",{message:"defaulting offset to zero"}),t.offset=0)),"offset"in t&&((u.byterange=e).offset=t.offset)},endlist:function(){this.manifest.endList=!0},inf:function(){"mediaSequence"in this.manifest||(this.manifest.mediaSequence=0,this.trigger("info",{message:"defaulting media sequence to zero"})),"discontinuitySequence"in this.manifest||(this.manifest.discontinuitySequence=0,this.trigger("info",{message:"defaulting discontinuity sequence to zero"})),0<t.duration&&(u.duration=t.duration),0===t.duration&&(u.duration=.01,this.trigger("info",{message:"updating zero segment duration to a small value"})),this.manifest.segments=o},key:function(){if(t.attributes)if("NONE"!==t.attributes.METHOD)if(t.attributes.URI){if("urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed"===t.attributes.KEYFORMAT){return-1===["SAMPLE-AES","SAMPLE-AES-CTR","SAMPLE-AES-CENC"].indexOf(t.attributes.METHOD)?void this.trigger("warn",{message:"invalid key method provided for Widevine"}):("SAMPLE-AES-CENC"===t.attributes.METHOD&&this.trigger("warn",{message:"SAMPLE-AES-CENC is deprecated, please use SAMPLE-AES-CTR instead"}),"data:text/plain;base64,"!==t.attributes.URI.substring(0,23)?void this.trigger("warn",{message:"invalid key URI provided for Widevine"}):t.attributes.KEYID&&"0x"===t.attributes.KEYID.substring(0,2)?void(this.manifest.contentProtection={"com.widevine.alpha":{attributes:{schemeIdUri:t.attributes.KEYFORMAT,keyId:t.attributes.KEYID.substring(2)},pssh:function(e){for(var t=v.atob(e||""),i=new Uint8Array(t.length),n=0;n<t.length;n++)i[n]=t.charCodeAt(n);return i}(t.attributes.URI.split(",")[1])}}):void this.trigger("warn",{message:"invalid key ID provided for Widevine"}))}t.attributes.METHOD||this.trigger("warn",{message:"defaulting key method to AES-128"}),s={method:t.attributes.METHOD||"AES-128",uri:t.attributes.URI},"undefined"!=typeof t.attributes.IV&&(s.iv=t.attributes.IV)}else this.trigger("warn",{message:"ignoring key declaration without URI"});else s=null;else this.trigger("warn",{message:"ignoring key declaration without attribute list"})},"media-sequence":function(){isFinite(t.number)?this.manifest.mediaSequence=t.number:this.trigger("warn",{message:"ignoring invalid media sequence: "+t.number})},"discontinuity-sequence":function(){isFinite(t.number)?(this.manifest.discontinuitySequence=t.number,c=t.number):this.trigger("warn",{message:"ignoring invalid discontinuity sequence: "+t.number})},"playlist-type":function(){/VOD|EVENT/.test(t.playlistType)?this.manifest.playlistType=t.playlistType:this.trigger("warn",{message:"ignoring unknown playlist type: "+t.playlist})},map:function(){r={},t.uri&&(r.uri=t.uri),t.byterange&&(r.byterange=t.byterange)},"stream-inf":function(){this.manifest.playlists=o,this.manifest.mediaGroups=this.manifest.mediaGroups||l,t.attributes?(u.attributes||(u.attributes={}),Dr(u.attributes,t.attributes)):this.trigger("warn",{message:"ignoring empty stream-inf attributes"})},media:function(){if(this.manifest.mediaGroups=this.manifest.mediaGroups||l,t.attributes&&t.attributes.TYPE&&t.attributes["GROUP-ID"]&&t.attributes.NAME){var e=this.manifest.mediaGroups[t.attributes.TYPE];e[t.attributes["GROUP-ID"]]=e[t.attributes["GROUP-ID"]]||{},i=e[t.attributes["GROUP-ID"]],(n={default:/yes/i.test(t.attributes.DEFAULT)}).default?n.autoselect=!0:n.autoselect=/yes/i.test(t.attributes.AUTOSELECT),t.attributes.LANGUAGE&&(n.language=t.attributes.LANGUAGE),t.attributes.URI&&(n.uri=t.attributes.URI),t.attributes["INSTREAM-ID"]&&(n.instreamId=t.attributes["INSTREAM-ID"]),t.attributes.CHARACTERISTICS&&(n.characteristics=t.attributes.CHARACTERISTICS),t.attributes.FORCED&&(n.forced=/yes/i.test(t.attributes.FORCED)),i[t.attributes.NAME]=n}else this.trigger("warn",{message:"ignoring incomplete or missing media group"})},discontinuity:function(){c+=1,u.discontinuity=!0,this.manifest.discontinuityStarts.push(o.length)},"program-date-time":function(){"undefined"==typeof this.manifest.dateTimeString&&(this.manifest.dateTimeString=t.dateTimeString,this.manifest.dateTimeObject=t.dateTimeObject),u.dateTimeString=t.dateTimeString,u.dateTimeObject=t.dateTimeObject},targetduration:function(){!isFinite(t.duration)||t.duration<0?this.trigger("warn",{message:"ignoring invalid target duration: "+t.duration}):this.manifest.targetDuration=t.duration},totalduration:function(){!isFinite(t.duration)||t.duration<0?this.trigger("warn",{message:"ignoring invalid total duration: "+t.duration}):this.manifest.totalDuration=t.duration},start:function(){t.attributes&&!isNaN(t.attributes["TIME-OFFSET"])?this.manifest.start={timeOffset:t.attributes["TIME-OFFSET"],precise:t.attributes.PRECISE}:this.trigger("warn",{message:"ignoring start declaration without appropriate attribute list"})},"cue-out":function(){u.cueOut=t.data},"cue-out-cont":function(){u.cueOutCont=t.data},"cue-in":function(){u.cueIn=t.data}}[t.tagType]||function(){}).call(a)},uri:function(){u.uri=t.uri,o.push(u),!this.manifest.targetDuration||"duration"in u||(this.trigger("warn",{message:"defaulting segment duration to the target duration"}),u.duration=this.manifest.targetDuration),s&&(u.key=s),u.timeline=c,r&&(u.map=r),u={}},comment:function(){},custom:function(){t.segment?(u.custom=u.custom||{},u.custom[t.customType]=t.data):(this.manifest.custom=this.manifest.custom||{},this.manifest.custom[t.customType]=t.data)}})[t.type].call(a)}),e}Ur(e,t);var i=e.prototype;return i.push=function(e){this.lineStream.push(e)},i.end=function(){this.lineStream.push("\n")},i.addParser=function(e){this.parseStream.addParser(e)},i.addTagMapper=function(e){this.parseStream.addTagMapper(e)},e}(Mr),Wr="INVALID_NUMBER_OF_PERIOD",zr="DASH_EMPTY_MANIFEST",Gr="DASH_INVALID_XML",Kr="NO_BASE_URL",Xr="SEGMENT_TIME_UNSPECIFIED",Yr="UNSUPPORTED_UTC_TIMING_SCHEME";
-/*! @name mpd-parser @version 0.8.1 @license Apache-2.0 */function $r(e,t){return/^[a-z]+:/i.test(t)?t:(/\/\//i.test(e)||(e=ms.buildAbsoluteURL(v.location.href,e)),ms.buildAbsoluteURL(e,t))}function Qr(e){var t=e.baseUrl,i=void 0===t?"":t,n=e.source,r=void 0===n?"":n,s=e.range,a=void 0===s?"":s,o=e.indexRange,u=void 0===o?"":o,l={uri:r,resolvedUri:$r(i||"",r)};if(a||u){var c=(a||u).split("-"),h=parseInt(c[0],10),d=parseInt(c[1],10);l.byterange={length:d-h+1,offset:h}}return l}function Jr(e){var t=e.type,i=void 0===t?"static":t,n=e.duration,r=e.timescale,s=void 0===r?1:r,a=e.sourceDuration,o=gs[i](e),u=function(e,t){for(var i=[],n=e;n<t;n++)i.push(n);return i}(o.start,o.end).map(function(o){return function(e,t){var i=o.duration,n=o.timescale,r=void 0===n?1:n,s=o.periodIndex,a=o.startNumber;return{number:(void 0===a?1:a)+e,duration:i/r,timeline:s,time:t*i}}}(e));if("static"===i){var l=u.length-1;u[l].duration=a-n/s*l}return u}function Zr(e){var t=e.baseUrl,i=e.initialization,n=void 0===i?{}:i,r=e.sourceDuration,s=e.timescale,a=void 0===s?1:s,o=e.indexRange,u=void 0===o?"":o,l=e.duration;if(!t)throw new Error(Kr);var c=Qr({baseUrl:t,source:n.sourceURL,range:n.range}),h=Qr({baseUrl:t,source:t,indexRange:u});if(h.map=c,l){var d=Jr(e);d.length&&(h.duration=d[0].duration,h.timeline=d[0].timeline)}else r&&(h.duration=r/a,h.timeline=0);return h.number=0,[h]}function es(e,t,i){for(var n=e.sidx.map?e.sidx.map:null,r=e.sidx.duration,s=e.timeline||0,a=e.sidx.byterange,o=a.offset+a.length,u=t.timescale,l=t.references.filter(function(e){return 1!==e.referenceType}),c=[],h=o+t.firstOffset,d=0;d<l.length;d++){var p=t.references[d],f=p.referencedSize,m=p.subsegmentDuration,g=Zr({baseUrl:i,timescale:u,timeline:s,periodIndex:s,duration:m,sourceDuration:r,indexRange:h+"-"+(h+f-1)})[0];n&&(g.map=n),c.push(g),h+=f}return e.segments=c,e}function ts(e){return function(t){return Object.keys(t).map(function(e){return t[e]})}(e.reduce(function(e,t){var i,n=t.attributes.id+(t.attributes.lang||"");e[n]?(t.segments[0]&&(t.segments[0].discontinuity=!0),(i=e[n].segments).push.apply(i,t.segments),t.attributes.contentProtection&&(e[n].attributes.contentProtection=t.attributes.contentProtection)):e[n]=t;return e},{})).map(function(e){return e.discontinuityStarts=function(e,n){return e.reduce(function(e,t,i){return t[n]&&e.push(i),e},[])}(e.segments,"discontinuity"),e})}function is(e,t){if(void 0===t&&(t={}),!Object.keys(t).length)return e;for(var i in e){var n=e[i];if(n.sidx){var r=n.sidx.uri+"-"+(a=n.sidx.byterange,void 0,o=a.offset+a.length-1,a.offset+"-"+o),s=t[r]&&t[r].sidx;n.sidx&&s&&es(n,s,n.sidx.resolvedUri)}}var a,o;return e}function ns(e){var t,i=e.attributes,n=e.segments,r=e.sidx,s={attributes:(t={NAME:i.id,AUDIO:"audio",SUBTITLES:"subs",RESOLUTION:{width:i.width,height:i.height},CODECS:i.codecs,BANDWIDTH:i.bandwidth},t["PROGRAM-ID"]=1,t),uri:"",endList:"static"===(i.type||"static"),timeline:i.periodIndex,resolvedUri:"",targetDuration:i.duration,segments:n,mediaSequence:n.length?n[0].number:1};return i.contentProtection&&(s.contentProtection=i.contentProtection),r&&(s.sidx=r),s}function rs(e,t){var i;if(void 0===t&&(t={}),!e.length)return{};var n=e[0].attributes,r=n.sourceDuration,s=n.minimumUpdatePeriod,a=void 0===s?0:s,o=ts(e.filter(function(e){var t=e.attributes;return"video/mp4"===t.mimeType||"video"===t.contentType})).map(ns),u=ts(e.filter(function(e){var t=e.attributes;return"audio/mp4"===t.mimeType||"audio"===t.contentType})),l=e.filter(function(e){var t=e.attributes;return"text/vtt"===t.mimeType||"text"===t.contentType}),c={allowCache:!0,discontinuityStarts:[],segments:[],endList:!0,mediaGroups:(i={AUDIO:{},VIDEO:{}},i["CLOSED-CAPTIONS"]={},i.SUBTITLES={},i),uri:"",duration:r,playlists:is(o,t),minimumUpdatePeriod:1e3*a};return u.length&&(c.mediaGroups.AUDIO.audio=function(e,a){var o;void 0===a&&(a={});var t=e.reduce(function(e,t){var i=t.attributes.role&&t.attributes.role.value||"",n=t.attributes.lang||"",r="main";if(n){var s=i?" ("+i+")":"";r=t.attributes.lang+s}return e[r]&&e[r].playlists[0].attributes.BANDWIDTH>t.attributes.bandwidth||(e[r]={language:n,autoselect:!0,default:"main"===i,playlists:is([function(e){var t,i=e.attributes,n=e.segments,r=e.sidx,s={attributes:(t={NAME:i.id,BANDWIDTH:i.bandwidth,CODECS:i.codecs},t["PROGRAM-ID"]=1,t),uri:"",endList:"static"===(i.type||"static"),timeline:i.periodIndex,resolvedUri:"",targetDuration:i.duration,segments:n,mediaSequence:n.length?n[0].number:1};return i.contentProtection&&(s.contentProtection=i.contentProtection),r&&(s.sidx=r),s}(t)],a),uri:""},"undefined"==typeof o&&"main"===i&&((o=t).default=!0)),e},{});o||(t[Object.keys(t)[0]].default=!0);return t}(u,t)),l.length&&(c.mediaGroups.SUBTITLES.subs=function(e,n){return void 0===n&&(n={}),e.reduce(function(e,t){var i=t.attributes.lang||"text";return e[i]||(e[i]={language:i,default:!1,autoselect:!1,playlists:is([function(e){var t,i=e.attributes,n=e.segments;return"undefined"==typeof n&&(n=[{uri:i.baseUrl,timeline:i.periodIndex,resolvedUri:i.baseUrl||"",duration:i.sourceDuration,number:0}],i.duration=i.sourceDuration),{attributes:(t={NAME:i.id,BANDWIDTH:i.bandwidth},t["PROGRAM-ID"]=1,t),uri:"",endList:"static"===(i.type||"static"),timeline:i.periodIndex,resolvedUri:i.baseUrl||"",targetDuration:i.duration,segments:n,mediaSequence:n.length?n[0].number:1}}(t)],n),uri:""}),e},{})}(l,t)),c}function ss(e,t){for(var i,n,r,s,a,o,u,l,c,h,d,p,f=e.type,m=void 0===f?"static":f,g=e.minimumUpdatePeriod,y=void 0===g?0:g,v=e.media,_=void 0===v?"":v,b=e.sourceDuration,T=e.timescale,k=void 0===T?1:T,S=e.startNumber,C=void 0===S?1:S,E=e.periodIndex,w=[],P=-1,L=0;L<t.length;L++){var I=t[L],A=I.d,O=I.r||0,x=I.t||0;P<0&&(P=x),x&&P<x&&(P=x);var D=void 0;if(O<0){var U=L+1;D=U===t.length?"dynamic"===m&&0<y&&0<_.indexOf("$Number$")?(n=P,r=A,void 0,s=(i=e).NOW,a=i.clientOffset,o=i.availabilityStartTime,u=i.timescale,l=void 0===u?1:u,c=i.start,h=void 0===c?0:c,d=i.minimumUpdatePeriod,p=(s+a)/1e3+(void 0===d?0:d)-(o+h),Math.ceil((p*l-n)/r)):(b*k-P)/A:(t[U].t-P)/A}else D=O+1;for(var R=C+w.length+D,M=C+w.length;M<R;)w.push({number:M,duration:A/k,time:P,timeline:E}),P+=A,M++}return w}function as(e,t){return e.replace(ys,function(s){return function(e,t,i,n){if("$$"===e)return"$";if("undefined"==typeof s[t])return e;var r=""+s[t];return"RepresentationID"===t?r:(n=i?parseInt(n,10):1)<=r.length?r:new Array(n-r.length+1).join("0")+r}}(t))}function os(i,e){var n={RepresentationID:i.id,Bandwidth:i.bandwidth||0},t=i.initialization,r=void 0===t?{sourceURL:"",range:""}:t,s=Qr({baseUrl:i.baseUrl,source:as(r.sourceURL,n),range:r.range});return function(e,t){return e.duration||t?e.duration?Jr(e):ss(e,t):[{number:e.startNumber||1,duration:e.sourceDuration,time:0,timeline:e.periodIndex}]}(i,e).map(function(e){n.Number=e.number,n.Time=e.time;var t=as(i.media||"",n);return{uri:t,timeline:e.timeline,duration:e.duration,resolvedUri:$r(i.baseUrl||"",t),map:s,number:e.number}})}function us(t,e){var i=t.duration,n=t.segmentUrls,r=void 0===n?[]:n;if(!i&&!e||i&&e)throw new Error(Xr);var s,a=r.map(function(e){return function(e,t){var i=e.baseUrl,n=e.initialization,r=void 0===n?{}:n,s=Qr({baseUrl:i,source:r.sourceURL,range:r.range}),a=Qr({baseUrl:i,source:t.media,range:t.mediaRange});return a.map=s,a}(t,e)});return i&&(s=Jr(t)),e&&(s=ss(t,e)),s.map(function(e,t){if(a[t]){var i=a[t];return i.timeline=e.timeline,i.duration=e.duration,i.number=e.number,i}}).filter(function(e){return e})}function ls(e){var t,i,n=e.attributes,r=e.segmentInfo;r.template?(i=os,t=Fr(n,r.template)):r.base?(i=Zr,t=Fr(n,r.base)):r.list&&(i=us,t=Fr(n,r.list));var s={attributes:n};if(!i)return s;var a=i(t,r.timeline);if(t.duration){var o=t,u=o.duration,l=o.timescale,c=void 0===l?1:l;t.duration=u/c}else a.length?t.duration=a.reduce(function(e,t){return Math.max(e,Math.ceil(t.duration))},0):t.duration=0;return s.attributes=t,s.segments=a,r.base&&t.indexRange&&(s.sidx=a[0],s.segments=[]),s}function cs(e,t){return qr(e.childNodes).filter(function(e){return e.tagName===t})}function hs(e){return e.textContent.trim()}function ds(e){var t=/P(?:(\d*)Y)?(?:(\d*)M)?(?:(\d*)D)?(?:T(?:(\d*)H)?(?:(\d*)M)?(?:([\d.]*)S)?)?/.exec(e);if(!t)return 0;var i=t.slice(1),n=i[0],r=i[1],s=i[2],a=i[3],o=i[4],u=i[5];return 31536e3*parseFloat(n||0)+2592e3*parseFloat(r||0)+86400*parseFloat(s||0)+3600*parseFloat(a||0)+60*parseFloat(o||0)+parseFloat(u||0)}function ps(e){return e&&e.attributes?qr(e.attributes).reduce(function(e,t){var i=vs[t.name]||vs.DEFAULT;return e[t.name]=i(t.value),e},{}):{}}var fs,ms=(function(e,t){var i,c,n,r,h;i=/^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/,c=/^([^\/?#]*)(.*)$/,n=/(?:\/|^)\.(?=\/)/g,r=/(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g,h={buildAbsoluteURL:function(e,t,i){if(i=i||{},e=e.trim(),!(t=t.trim())){if(!i.alwaysNormalize)return e;var n=h.parseURL(e);if(!n)throw new Error("Error trying to parse base URL.");return n.path=h.normalizePath(n.path),h.buildURLFromParts(n)}var r=h.parseURL(t);if(!r)throw new Error("Error trying to parse relative URL.");if(r.scheme)return i.alwaysNormalize?(r.path=h.normalizePath(r.path),h.buildURLFromParts(r)):t;var s=h.parseURL(e);if(!s)throw new Error("Error trying to parse base URL.");if(!s.netLoc&&s.path&&"/"!==s.path[0]){var a=c.exec(s.path);s.netLoc=a[1],s.path=a[2]}s.netLoc&&!s.path&&(s.path="/");var o={scheme:s.scheme,netLoc:r.netLoc,path:null,params:r.params,query:r.query,fragment:r.fragment};if(!r.netLoc&&(o.netLoc=s.netLoc,"/"!==r.path[0]))if(r.path){var u=s.path,l=u.substring(0,u.lastIndexOf("/")+1)+r.path;o.path=h.normalizePath(l)}else o.path=s.path,r.params||(o.params=s.params,r.query||(o.query=s.query));return null===o.path&&(o.path=i.alwaysNormalize?h.normalizePath(r.path):r.path),h.buildURLFromParts(o)},parseURL:function(e){var t=i.exec(e);return t?{scheme:t[1]||"",netLoc:t[2]||"",path:t[3]||"",params:t[4]||"",query:t[5]||"",fragment:t[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(n,"");e.length!==(e=e.replace(r,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=h}(fs={exports:{}},fs.exports),fs.exports),gs={static:function(e){var t=e.duration,i=e.timescale,n=void 0===i?1:i,r=e.sourceDuration;return{start:0,end:Math.ceil(r/(t/n))}},dynamic:function(e){var t=e.NOW,i=e.clientOffset,n=e.availabilityStartTime,r=e.timescale,s=void 0===r?1:r,a=e.duration,o=e.start,u=void 0===o?0:o,l=e.minimumUpdatePeriod,c=void 0===l?0:l,h=e.timeShiftBufferDepth,d=void 0===h?1/0:h,p=(t+i)/1e3,f=n+u,m=p+c-f,g=Math.ceil(m*s/a),y=Math.floor((p-f-d)*s/a),v=Math.floor((p-f)*s/a);return{start:Math.max(0,y),end:Math.min(g,v)}}},ys=/\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g,vs={mediaPresentationDuration:function(e){return ds(e)},availabilityStartTime:function(e){return function(e){return/^\d+-\d+-\d+T\d+:\d+:\d+(\.\d+)?$/.test(e)&&(e+="Z"),Date.parse(e)}(e)/1e3},minimumUpdatePeriod:function(e){return ds(e)},timeShiftBufferDepth:function(e){return ds(e)},start:function(e){return ds(e)},width:function(e){return parseInt(e,10)},height:function(e){return parseInt(e,10)},bandwidth:function(e){return parseInt(e,10)},startNumber:function(e){return parseInt(e,10)},timescale:function(e){return parseInt(e,10)},duration:function(e){var t=parseInt(e,10);return isNaN(t)?ds(e):t},d:function(e){return parseInt(e,10)},t:function(e){return parseInt(e,10)},r:function(e){return parseInt(e,10)},DEFAULT:function(e){return e}};function _s(e,i){return i.length?Hr(e.map(function(t){return i.map(function(e){return $r(t,hs(e))})})):e}function bs(e){var t=cs(e,"SegmentTemplate")[0],i=cs(e,"SegmentList")[0],n=i&&cs(i,"SegmentURL").map(function(e){return Fr({tag:"SegmentURL"},ps(e))}),r=cs(e,"SegmentBase")[0],s=i||t,a=s&&cs(s,"SegmentTimeline")[0],o=i||r||t,u=o&&cs(o,"Initialization")[0],l=t&&ps(t);l&&u?l.initialization=u&&ps(u):l&&l.initialization&&(l.initialization={sourceURL:l.initialization});var c={template:l,timeline:a&&cs(a,"S").map(function(e){return ps(e)}),list:i&&Fr(ps(i),{segmentUrls:n,initialization:ps(u)}),base:r&&Fr(ps(r),{initialization:ps(u)})};return Object.keys(c).forEach(function(e){c[e]||delete c[e]}),c}function Ts(e){return e.reduce(function(e,t){var i=ps(t),n=Ns[i.schemeIdUri];if(n){e[n]={attributes:i};var r=cs(t,"cenc:pssh")[0];if(r){var s=hs(r),a=s&&function(e){for(var t=v.atob(e),i=new Uint8Array(t.length),n=0;n<t.length;n++)i[n]=t.charCodeAt(n);return i}(s);e[n].pssh=a}}return e},{})}function ks(c,h,d){return function(e){var t=ps(e),i=_s(h,cs(e,"BaseURL")),n=cs(e,"Role")[0],r={role:ps(n)},s=Fr(c,t,r),a=Ts(cs(e,"ContentProtection"));Object.keys(a).length&&(s=Fr(s,{contentProtection:a}));var o=bs(e),u=cs(e,"Representation"),l=Fr(d,o);return Hr(u.map(function(s,a,o){return function(e){var t=cs(e,"BaseURL"),i=_s(a,t),n=Fr(s,ps(e)),r=bs(e);return i.map(function(e){return{segmentInfo:Fr(o,r),attributes:Fr(n,{baseUrl:e})}})}}(s,i,l)))}}function Ss(e,t){void 0===t&&(t={});var i=t,n=i.manifestUri,r=void 0===n?"":n,s=i.NOW,a=void 0===s?Date.now():s,o=i.clientOffset,u=void 0===o?0:o,l=cs(e,"Period");if(!l.length)throw new Error(Wr);var c=ps(e),h=_s([r],cs(e,"BaseURL"));return c.sourceDuration=c.mediaPresentationDuration||0,c.NOW=a,c.clientOffset=u,Hr(l.map(function(l,c){return function(e,t){var i=_s(c,cs(e,"BaseURL")),n=ps(e),r=parseInt(n.id,10),s=v.isNaN(r)?t:r,a=Fr(l,{periodIndex:s}),o=cs(e,"AdaptationSet"),u=bs(e);return Hr(o.map(ks(a,i,u)))}}(c,h)))}function Cs(e){if(""===e)throw new Error(zr);var t=(new v.DOMParser).parseFromString(e,"application/xml"),i=t&&"MPD"===t.documentElement.tagName?t.documentElement:null;if(!i||i&&0<i.getElementsByTagName("parsererror").length)throw new Error(Gr);return i}function Es(e,t){return void 0===t&&(t={}),rs(function(e){return e.map(ls)}(Ss(Cs(e),t)),t.sidxMapping)}function ws(e){return function(e){var t=cs(e,"UTCTiming")[0];if(!t)return null;var i=ps(t);switch(i.schemeIdUri){case"urn:mpeg:dash:utc:http-head:2014":case"urn:mpeg:dash:utc:http-head:2012":i.method="HEAD";break;case"urn:mpeg:dash:utc:http-xsdate:2014":case"urn:mpeg:dash:utc:http-iso:2014":case"urn:mpeg:dash:utc:http-xsdate:2012":case"urn:mpeg:dash:utc:http-iso:2012":i.method="GET";break;case"urn:mpeg:dash:utc:direct:2014":case"urn:mpeg:dash:utc:direct:2012":i.method="DIRECT",i.value=Date.parse(i.value);break;case"urn:mpeg:dash:utc:http-ntp:2014":case"urn:mpeg:dash:utc:ntp:2014":case"urn:mpeg:dash:utc:sntp:2014":default:throw new Error(Yr)}return i}(Cs(e))}function Ps(e){return new Date(1e3*e-20828448e5)}function Ls(e){return{isLeading:(12&e[0])>>>2,dependsOn:3&e[0],isDependedOn:(192&e[1])>>>6,hasRedundancy:(48&e[1])>>>4,paddingValue:(14&e[1])>>>1,isNonSyncSample:1&e[1],degradationPriority:e[2]<<8|e[3]}}function Is(e){var t="";return t+=String.fromCharCode(e[0]),t+=String.fromCharCode(e[1]),t+=String.fromCharCode(e[2]),t+=String.fromCharCode(e[3])}var As,Os,xs,Ds,Us,Rs,Ms,Ns={"urn:uuid:1077efec-c0b2-4d02-ace3-3c1e52e2fb4b":"org.w3.clearkey","urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed":"com.widevine.alpha","urn:uuid:9a04f079-9840-4286-ab92-e65be0885f95":"com.microsoft.playready","urn:uuid:f239e769-efa3-4850-9c16-a903c6932efb":"com.adobe.primetime"},Bs=function(e){return e>>>0},js=function(e){return("00"+e.toString(16)).slice(-2)},Fs=Bs,Hs={avc1:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{dataReferenceIndex:t.getUint16(6),width:t.getUint16(24),height:t.getUint16(26),horizresolution:t.getUint16(28)+t.getUint16(30)/16,vertresolution:t.getUint16(32)+t.getUint16(34)/16,frameCount:t.getUint16(40),depth:t.getUint16(74),config:As(e.subarray(78,e.byteLength))}},avcC:function(e){var t,i,n,r,s=new DataView(e.buffer,e.byteOffset,e.byteLength),a={configurationVersion:e[0],avcProfileIndication:e[1],profileCompatibility:e[2],avcLevelIndication:e[3],lengthSizeMinusOne:3&e[4],sps:[],pps:[]},o=31&e[5];for(n=6,r=0;r<o;r++)i=s.getUint16(n),n+=2,a.sps.push(new Uint8Array(e.subarray(n,n+i))),n+=i;for(t=e[n],n++,r=0;r<t;r++)i=s.getUint16(n),n+=2,a.pps.push(new Uint8Array(e.subarray(n,n+i))),n+=i;return a},btrt:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{bufferSizeDB:t.getUint32(0),maxBitrate:t.getUint32(4),avgBitrate:t.getUint32(8)}},esds:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),esId:e[6]<<8|e[7],streamPriority:31&e[8],decoderConfig:{objectProfileIndication:e[11],streamType:e[12]>>>2&63,bufferSize:e[13]<<16|e[14]<<8|e[15],maxBitrate:e[16]<<24|e[17]<<16|e[18]<<8|e[19],avgBitrate:e[20]<<24|e[21]<<16|e[22]<<8|e[23],decoderConfigDescriptor:{tag:e[24],length:e[25],audioObjectType:e[26]>>>3&31,samplingFrequencyIndex:(7&e[26])<<1|e[27]>>>7&1,channelConfiguration:e[27]>>>3&15}}}},ftyp:function(e){for(var t=new DataView(e.buffer,e.byteOffset,e.byteLength),i={majorBrand:Is(e.subarray(0,4)),minorVersion:t.getUint32(4),compatibleBrands:[]},n=8;n<e.byteLength;)i.compatibleBrands.push(Is(e.subarray(n,n+4))),n+=4;return i},dinf:function(e){return{boxes:As(e)}},dref:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),dataReferences:As(e.subarray(8))}},hdlr:function(e){var t={version:new DataView(e.buffer,e.byteOffset,e.byteLength).getUint8(0),flags:new Uint8Array(e.subarray(1,4)),handlerType:Is(e.subarray(8,12)),name:""},i=8;for(i=24;i<e.byteLength;i++){if(0===e[i]){i++;break}t.name+=String.fromCharCode(e[i])}return t.name=decodeURIComponent(escape(t.name)),t},mdat:function(e){return{byteLength:e.byteLength,nals:function(e){var t,i,n=new DataView(e.buffer,e.byteOffset,e.byteLength),r=[];for(t=0;t+4<e.length;t+=i)if(i=n.getUint32(t),t+=4,i<=0)r.push("<span style='color:red;'>MALFORMED DATA</span>");else switch(31&e[t]){case 1:r.push("slice_layer_without_partitioning_rbsp");break;case 5:r.push("slice_layer_without_partitioning_rbsp_idr");break;case 6:r.push("sei_rbsp");break;case 7:r.push("seq_parameter_set_rbsp");break;case 8:r.push("pic_parameter_set_rbsp");break;case 9:r.push("access_unit_delimiter_rbsp");break;default:r.push("UNKNOWN NAL - "+e[t]&31)}return r}(e)}},mdhd:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n=4,r={version:i.getUint8(0),flags:new Uint8Array(e.subarray(1,4)),language:""};return 1===r.version?(n+=4,r.creationTime=Ps(i.getUint32(n)),n+=8,r.modificationTime=Ps(i.getUint32(n)),n+=4,r.timescale=i.getUint32(n),n+=8):(r.creationTime=Ps(i.getUint32(n)),n+=4,r.modificationTime=Ps(i.getUint32(n)),n+=4,r.timescale=i.getUint32(n),n+=4),r.duration=i.getUint32(n),n+=4,t=i.getUint16(n),r.language+=String.fromCharCode(96+(t>>10)),r.language+=String.fromCharCode(96+((992&t)>>5)),r.language+=String.fromCharCode(96+(31&t)),r},mdia:function(e){return{boxes:As(e)}},mfhd:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),sequenceNumber:e[4]<<24|e[5]<<16|e[6]<<8|e[7]}},minf:function(e){return{boxes:As(e)}},mp4a:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength),i={dataReferenceIndex:t.getUint16(6),channelcount:t.getUint16(16),samplesize:t.getUint16(18),samplerate:t.getUint16(24)+t.getUint16(26)/65536};return 28<e.byteLength&&(i.streamDescriptor=As(e.subarray(28))[0]),i},moof:function(e){return{boxes:As(e)}},moov:function(e){return{boxes:As(e)}},mvex:function(e){return{boxes:As(e)}},mvhd:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength),i=4,n={version:t.getUint8(0),flags:new Uint8Array(e.subarray(1,4))};return 1===n.version?(i+=4,n.creationTime=Ps(t.getUint32(i)),i+=8,n.modificationTime=Ps(t.getUint32(i)),i+=4,n.timescale=t.getUint32(i),i+=8):(n.creationTime=Ps(t.getUint32(i)),i+=4,n.modificationTime=Ps(t.getUint32(i)),i+=4,n.timescale=t.getUint32(i),i+=4),n.duration=t.getUint32(i),i+=4,n.rate=t.getUint16(i)+t.getUint16(i+2)/16,i+=4,n.volume=t.getUint8(i)+t.getUint8(i+1)/8,i+=2,i+=2,i+=8,n.matrix=new Uint32Array(e.subarray(i,i+36)),i+=36,i+=24,n.nextTrackId=t.getUint32(i),n},pdin:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{version:t.getUint8(0),flags:new Uint8Array(e.subarray(1,4)),rate:t.getUint32(4),initialDelay:t.getUint32(8)}},sdtp:function(e){var t,i={version:e[0],flags:new Uint8Array(e.subarray(1,4)),samples:[]};for(t=4;t<e.byteLength;t++)i.samples.push({dependsOn:(48&e[t])>>4,isDependedOn:(12&e[t])>>2,hasRedundancy:3&e[t]});return i},sidx:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),references:[],referenceId:i.getUint32(4),timescale:i.getUint32(8),earliestPresentationTime:i.getUint32(12),firstOffset:i.getUint32(16)},r=i.getUint16(22);for(t=24;r;t+=12,r--)n.references.push({referenceType:(128&e[t])>>>7,referencedSize:2147483647&i.getUint32(t),subsegmentDuration:i.getUint32(t+4),startsWithSap:!!(128&e[t+8]),sapType:(112&e[t+8])>>>4,sapDeltaTime:268435455&i.getUint32(t+8)});return n},smhd:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),balance:e[4]+e[5]/256}},stbl:function(e){return{boxes:As(e)}},stco:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),chunkOffsets:[]},r=i.getUint32(4);for(t=8;r;t+=4,r--)n.chunkOffsets.push(i.getUint32(t));return n},stsc:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n=i.getUint32(4),r={version:e[0],flags:new Uint8Array(e.subarray(1,4)),sampleToChunks:[]};for(t=8;n;t+=12,n--)r.sampleToChunks.push({firstChunk:i.getUint32(t),samplesPerChunk:i.getUint32(t+4),sampleDescriptionIndex:i.getUint32(t+8)});return r},stsd:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),sampleDescriptions:As(e.subarray(8))}},stsz:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),sampleSize:i.getUint32(4),entries:[]};for(t=12;t<e.byteLength;t+=4)n.entries.push(i.getUint32(t));return n},stts:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),timeToSamples:[]},r=i.getUint32(4);for(t=8;r;t+=8,r--)n.timeToSamples.push({sampleCount:i.getUint32(t),sampleDelta:i.getUint32(t+4)});return n},styp:function(e){return Hs.ftyp(e)},tfdt:function(e){var t={version:e[0],flags:new Uint8Array(e.subarray(1,4)),baseMediaDecodeTime:Fs(e[4]<<24|e[5]<<16|e[6]<<8|e[7])};return 1===t.version&&(t.baseMediaDecodeTime*=Math.pow(2,32),t.baseMediaDecodeTime+=Fs(e[8]<<24|e[9]<<16|e[10]<<8|e[11])),t},tfhd:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),trackId:i.getUint32(4)},r=1&n.flags[2],s=2&n.flags[2],a=8&n.flags[2],o=16&n.flags[2],u=32&n.flags[2],l=65536&n.flags[0],c=131072&n.flags[0];return t=8,r&&(t+=4,n.baseDataOffset=i.getUint32(12),t+=4),s&&(n.sampleDescriptionIndex=i.getUint32(t),t+=4),a&&(n.defaultSampleDuration=i.getUint32(t),t+=4),o&&(n.defaultSampleSize=i.getUint32(t),t+=4),u&&(n.defaultSampleFlags=i.getUint32(t)),l&&(n.durationIsEmpty=!0),!r&&c&&(n.baseDataOffsetIsMoof=!0),n},tkhd:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength),i=4,n={version:t.getUint8(0),flags:new Uint8Array(e.subarray(1,4))};return 1===n.version?(i+=4,n.creationTime=Ps(t.getUint32(i)),i+=8,n.modificationTime=Ps(t.getUint32(i)),i+=4,n.trackId=t.getUint32(i),i+=4,i+=8):(n.creationTime=Ps(t.getUint32(i)),i+=4,n.modificationTime=Ps(t.getUint32(i)),i+=4,n.trackId=t.getUint32(i),i+=4,i+=4),n.duration=t.getUint32(i),i+=4,i+=8,n.layer=t.getUint16(i),i+=2,n.alternateGroup=t.getUint16(i),i+=2,n.volume=t.getUint8(i)+t.getUint8(i+1)/8,i+=2,i+=2,n.matrix=new Uint32Array(e.subarray(i,i+36)),i+=36,n.width=t.getUint16(i)+t.getUint16(i+2)/16,i+=4,n.height=t.getUint16(i)+t.getUint16(i+2)/16,n},traf:function(e){return{boxes:As(e)}},trak:function(e){return{boxes:As(e)}},trex:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),trackId:t.getUint32(4),defaultSampleDescriptionIndex:t.getUint32(8),defaultSampleDuration:t.getUint32(12),defaultSampleSize:t.getUint32(16),sampleDependsOn:3&e[20],sampleIsDependedOn:(192&e[21])>>6,sampleHasRedundancy:(48&e[21])>>4,samplePaddingValue:(14&e[21])>>1,sampleIsDifferenceSample:!!(1&e[21]),sampleDegradationPriority:t.getUint16(22)}},trun:function(e){var t,i={version:e[0],flags:new Uint8Array(e.subarray(1,4)),samples:[]},n=new DataView(e.buffer,e.byteOffset,e.byteLength),r=1&i.flags[2],s=4&i.flags[2],a=1&i.flags[1],o=2&i.flags[1],u=4&i.flags[1],l=8&i.flags[1],c=n.getUint32(4),h=8;for(r&&(i.dataOffset=n.getInt32(h),h+=4),s&&c&&(t={flags:Ls(e.subarray(h,h+4))},h+=4,a&&(t.duration=n.getUint32(h),h+=4),o&&(t.size=n.getUint32(h),h+=4),l&&(t.compositionTimeOffset=n.getUint32(h),h+=4),i.samples.push(t),c--);c--;)t={},a&&(t.duration=n.getUint32(h),h+=4),o&&(t.size=n.getUint32(h),h+=4),u&&(t.flags=Ls(e.subarray(h,h+4)),h+=4),l&&(t.compositionTimeOffset=n.getUint32(h),h+=4),i.samples.push(t);return i},"url ":function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4))}},vmhd:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),graphicsmode:t.getUint16(4),opcolor:new Uint16Array([t.getUint16(6),t.getUint16(8),t.getUint16(10)])}}},qs={inspect:As=function(e){for(var t,i,n,r,s,a=0,o=[],u=new ArrayBuffer(e.length),l=new Uint8Array(u),c=0;c<e.length;++c)l[c]=e[c];for(t=new DataView(u);a<e.byteLength;)i=t.getUint32(a),n=Is(e.subarray(a+4,a+8)),r=1<i?a+i:e.byteLength,(s=(Hs[n]||function(e){return{data:e}})(e.subarray(a+8,r))).size=i,s.type=n,o.push(s),a=r;return o},textify:Os=function(e,t){var s;return t=t||0,s=new Array(2*t+1).join(" "),e.map(function(r,e){return s+r.type+"\n"+Object.keys(r).filter(function(e){return"type"!==e&&"boxes"!==e}).map(function(e){var t=s+"  "+e+": ",i=r[e];if(i instanceof Uint8Array||i instanceof Uint32Array){var n=Array.prototype.slice.call(new Uint8Array(i.buffer,i.byteOffset,i.byteLength)).map(function(e){return" "+("00"+e.toString(16)).slice(-2)}).join("").match(/.{1,24}/g);return n?1===n.length?t+"<"+n.join("").slice(1)+">":t+"<\n"+n.map(function(e){return s+"  "+e}).join("\n")+"\n"+s+"  >":t+"<>"}return t+JSON.stringify(i,null,2).split("\n").map(function(e,t){return 0===t?e:s+"  "+e}).join("\n")}).join("\n")+(r.boxes?"\n"+Os(r.boxes,t+1):"")}).join("\n")},parseType:Is,findBox:function e(t,i){var n,r,s,a,o,u=[];if(!i.length)return null;for(n=0;n<t.byteLength;)r=Fs(t[n]<<24|t[n+1]<<16|t[n+2]<<8|t[n+3]),s=Is(t.subarray(n+4,n+8)),a=1<r?n+r:t.byteLength,s===i[0]&&(1===i.length?u.push(t.subarray(n+8,a)):(o=e(t.subarray(n+8,a),i.slice(1))).length&&(u=u.concat(o))),n=a;return u},parseTraf:Hs.traf,parseTfdt:Hs.tfdt,parseHdlr:Hs.hdlr,parseTfhd:Hs.tfhd,parseTrun:Hs.trun,parseSidx:Hs.sidx},Vs=Bs,Ws=js;xs=function(e){return qs.findBox(e,["moov","trak"]).reduce(function(e,t){var i,n,r,s,a;return(i=qs.findBox(t,["tkhd"])[0])?(n=i[0],s=Vs(i[r=0===n?12:20]<<24|i[r+1]<<16|i[r+2]<<8|i[r+3]),(a=qs.findBox(t,["mdia","mdhd"])[0])?(r=0===(n=a[0])?12:20,e[s]=Vs(a[r]<<24|a[r+1]<<16|a[r+2]<<8|a[r+3]),e):null):null},{})},Ds=function(r,e){var t,i,n;return t=qs.findBox(e,["moof","traf"]),i=[].concat.apply([],t.map(function(n){return qs.findBox(n,["tfhd"]).map(function(e){var t,i;return t=Vs(e[4]<<24|e[5]<<16|e[6]<<8|e[7]),i=r[t]||9e4,(qs.findBox(n,["tfdt"]).map(function(e){var t,i;return t=e[0],i=Vs(e[4]<<24|e[5]<<16|e[6]<<8|e[7]),1===t&&(i*=Math.pow(2,32),i+=Vs(e[8]<<24|e[9]<<16|e[10]<<8|e[11])),i})[0]||1/0)/i})})),n=Math.min.apply(null,i),isFinite(n)?n:0},Us=function(e,t){var i,n=qs.findBox(t,["moof","traf"]),r=0,s=0;if(n&&n.length)for(var a=qs.parseTraf(n[0]),o=0;o<a.boxes.length;o++)"tfhd"===a.boxes[o].type?i=a.boxes[o].trackId:"tfdt"===a.boxes[o].type?r=a.boxes[o].baseMediaDecodeTime:"trun"===a.boxes[o].type&&a.boxes[o].samples.length&&(s=a.boxes[o].samples[0].compositionTimeOffset||0);return(r+s)/(e[i]||9e4)},Rs=function(e){var t=qs.findBox(e,["moov","trak"]),o=[];return t.forEach(function(e){var t=qs.findBox(e,["mdia","hdlr"]),a=qs.findBox(e,["tkhd"]);t.forEach(function(e,t){var i,n,r=qs.parseType(e.subarray(8,12)),s=a[t];"vide"===r&&(n=0===(i=new DataView(s.buffer,s.byteOffset,s.byteLength)).getUint8(0)?i.getUint32(12):i.getUint32(20),o.push(n))})}),o},Ms=function(e){var t=qs.findBox(e,["moov","trak"]),p=[];return t.forEach(function(e){var t,i,n={},r=qs.findBox(e,["tkhd"])[0];r&&(i=(t=new DataView(r.buffer,r.byteOffset,r.byteLength)).getUint8(0),n.id=0===i?t.getUint32(12):t.getUint32(20));var s=qs.findBox(e,["mdia","hdlr"])[0];if(s){var a=qs.parseType(s.subarray(8,12));n.type="vide"===a?"video":"soun"===a?"audio":a}var o=qs.findBox(e,["mdia","minf","stbl","stsd"])[0];if(o){var u=o.subarray(8);n.codec=qs.parseType(u.subarray(4,8));var l,c=qs.findBox(u,[n.codec])[0];c&&(/^[a-z]vc[1-9]$/i.test(n.codec)?(l=c.subarray(78),"avcC"===qs.parseType(l.subarray(4,8))&&11<l.length?(n.codec+=".",n.codec+=Ws(l[9]),n.codec+=Ws(l[10]),n.codec+=Ws(l[11])):n.codec="avc1.4d400d"):/^mp4[a,v]$/i.test(n.codec)&&(l=c.subarray(28),"esds"===qs.parseType(l.subarray(4,8))&&20<l.length&&0!==l[19]?(n.codec+="."+Ws(l[19]),n.codec+="."+Ws(l[20]>>>2&63).replace(/^0/,"")):n.codec="mp4a.40.2"))}var h=qs.findBox(e,["mdia","mdhd"])[0];if(h&&r){var d=0===i?12:20;n.timescale=Vs(h[d]<<24|h[1+d]<<16|h[2+d]<<8|h[3+d])}p.push(n)}),p};function zs(){this.init=function(){var s={};this.on=function(e,t){s[e]||(s[e]=[]),s[e]=s[e].concat(t)},this.off=function(e,t){var i;return!!s[e]&&(i=s[e].indexOf(t),s[e]=s[e].slice(),s[e].splice(i,1),-1<i)},this.trigger=function(e){var t,i,n,r;if(t=s[e])if(2===arguments.length)for(n=t.length,i=0;i<n;++i)t[i].call(this,arguments[1]);else{for(r=[],i=arguments.length,i=1;i<arguments.length;++i)r.push(arguments[i]);for(n=t.length,i=0;i<n;++i)t[i].apply(this,r)}},this.dispose=function(){s={}}}}var Gs={findBox:qs.findBox,parseType:qs.parseType,timescale:xs,startTime:Ds,compositionStartTime:Us,videoTrackIds:Rs,tracks:Ms},Ks=function(e){for(var t=0,i={payloadType:-1,payloadSize:0},n=0,r=0;t<e.byteLength&&128!==e[t];){for(;255===e[t];)n+=255,t++;for(n+=e[t++];255===e[t];)r+=255,t++;if(r+=e[t++],!i.payload&&4===n){i.payloadType=n,i.payloadSize=r,i.payload=e.subarray(t,t+r);break}t+=r,r=n=0}return i},Xs=function(e){return 181!==e.payload[0]?null:49!=(e.payload[1]<<8|e.payload[2])?null:"GA94"!==String.fromCharCode(e.payload[3],e.payload[4],e.payload[5],e.payload[6])?null:3!==e.payload[7]?null:e.payload.subarray(8,e.payload.length-1)},Ys=function(e,t){var i,n,r,s,a=[];if(!(64&t[0]))return a;for(n=31&t[0],i=0;i<n;i++)s={type:3&t[2+(r=3*i)],pts:e},4&t[2+r]&&(s.ccData=t[3+r]<<8|t[4+r],a.push(s));return a},$s=function(e){for(var t,i,n=e.byteLength,r=[],s=1;s<n-2;)0===e[s]&&0===e[s+1]&&3===e[s+2]?(r.push(s+2),s+=2):s++;if(0===r.length)return e;t=n-r.length,i=new Uint8Array(t);var a=0;for(s=0;s<t;a++,s++)a===r[0]&&(a++,r.shift()),i[s]=e[a];return i},Qs=4;zs.prototype.pipe=function(t){return this.on("data",function(e){t.push(e)}),this.on("done",function(e){t.flush(e)}),this.on("partialdone",function(e){t.partialFlush(e)}),this.on("endedtimeline",function(e){t.endTimeline(e)}),this.on("reset",function(e){t.reset(e)}),t},zs.prototype.push=function(e){this.trigger("data",e)},zs.prototype.flush=function(e){this.trigger("done",e)},zs.prototype.partialFlush=function(e){this.trigger("partialdone",e)},zs.prototype.endTimeline=function(e){this.trigger("endedtimeline",e)},zs.prototype.reset=function(e){this.trigger("reset",e)};function Js(){Js.prototype.init.call(this),this.captionPackets_=[],this.ccStreams_=[new ra(0,0),new ra(0,1),new ra(1,0),new ra(1,1)],this.reset(),this.ccStreams_.forEach(function(e){e.on("data",this.trigger.bind(this,"data")),e.on("partialdone",this.trigger.bind(this,"partialdone")),e.on("done",this.trigger.bind(this,"done"))},this)}var Zs=zs;(Js.prototype=new Zs).push=function(e){var t,i,n;if("sei_rbsp"===e.nalUnitType&&(t=Ks(e.escapedRBSP)).payloadType===Qs&&(i=Xs(t)))if(e.dts<this.latestDts_)this.ignoreNextEqualDts_=!0;else{if(e.dts===this.latestDts_&&this.ignoreNextEqualDts_)return this.numSameDts_--,void(this.numSameDts_||(this.ignoreNextEqualDts_=!1));n=Ys(e.pts,i),this.captionPackets_=this.captionPackets_.concat(n),this.latestDts_!==e.dts&&(this.numSameDts_=0),this.numSameDts_++,this.latestDts_=e.dts}},Js.prototype.flushCCStreams=function(t){this.ccStreams_.forEach(function(e){return"flush"===t?e.flush():e.partialFlush()},this)},Js.prototype.flushStream=function(e){this.captionPackets_.length&&(this.captionPackets_.forEach(function(e,t){e.presortIndex=t}),this.captionPackets_.sort(function(e,t){return e.pts===t.pts?e.presortIndex-t.presortIndex:e.pts-t.pts}),this.captionPackets_.forEach(function(e){e.type<2&&this.dispatchCea608Packet(e)},this),this.captionPackets_.length=0),this.flushCCStreams(e)},Js.prototype.flush=function(){return this.flushStream("flush")},Js.prototype.partialFlush=function(){return this.flushStream("partialFlush")},Js.prototype.reset=function(){this.latestDts_=null,this.ignoreNextEqualDts_=!1,this.numSameDts_=0,this.activeCea608Channel_=[null,null],this.ccStreams_.forEach(function(e){e.reset()})},Js.prototype.dispatchCea608Packet=function(e){this.setsTextOrXDSActive(e)?this.activeCea608Channel_[e.type]=null:this.setsChannel1Active(e)?this.activeCea608Channel_[e.type]=0:this.setsChannel2Active(e)&&(this.activeCea608Channel_[e.type]=1),null!==this.activeCea608Channel_[e.type]&&this.ccStreams_[(e.type<<1)+this.activeCea608Channel_[e.type]].push(e)},Js.prototype.setsChannel1Active=function(e){return 4096==(30720&e.ccData)},Js.prototype.setsChannel2Active=function(e){return 6144==(30720&e.ccData)},Js.prototype.setsTextOrXDSActive=function(e){return 256==(28928&e.ccData)||4138==(30974&e.ccData)||6186==(30974&e.ccData)};function ea(e){return null===e?"":(e=ia[e]||e,String.fromCharCode(e))}function ta(){for(var e=[],t=15;t--;)e.push("");return e}var ia={42:225,92:233,94:237,95:243,96:250,123:231,124:247,125:209,126:241,127:9608,304:174,305:176,306:189,307:191,308:8482,309:162,310:163,311:9834,312:224,313:160,314:232,315:226,316:234,317:238,318:244,319:251,544:193,545:201,546:211,547:218,548:220,549:252,550:8216,551:161,552:42,553:39,554:8212,555:169,556:8480,557:8226,558:8220,559:8221,560:192,561:194,562:199,563:200,564:202,565:203,566:235,567:206,568:207,569:239,570:212,571:217,572:249,573:219,574:171,575:187,800:195,801:227,802:205,803:204,804:236,805:210,806:242,807:213,808:245,809:123,810:125,811:92,812:94,813:95,814:124,815:126,816:196,817:228,818:214,819:246,820:223,821:165,822:164,823:9474,824:197,825:229,826:216,827:248,828:9484,829:9488,830:9492,831:9496},na=[4352,4384,4608,4640,5376,5408,5632,5664,5888,5920,4096,4864,4896,5120,5152],ra=function e(t,i){e.prototype.init.call(this),this.field_=t||0,this.dataChannel_=i||0,this.name_="CC"+(1+(this.field_<<1|this.dataChannel_)),this.setConstants(),this.reset(),this.push=function(e){var t,i,n,r,s;if((t=32639&e.ccData)!==this.lastControlCode_){if(4096==(61440&t)?this.lastControlCode_=t:t!==this.PADDING_&&(this.lastControlCode_=null),n=t>>>8,r=255&t,t!==this.PADDING_)if(t===this.RESUME_CAPTION_LOADING_)this.mode_="popOn";else if(t===this.END_OF_CAPTION_)this.mode_="popOn",this.clearFormatting(e.pts),this.flushDisplayed(e.pts),i=this.displayed_,this.displayed_=this.nonDisplayed_,this.nonDisplayed_=i,this.startPts_=e.pts;else if(t===this.ROLL_UP_2_ROWS_)this.rollUpRows_=2,this.setRollUp(e.pts);else if(t===this.ROLL_UP_3_ROWS_)this.rollUpRows_=3,this.setRollUp(e.pts);else if(t===this.ROLL_UP_4_ROWS_)this.rollUpRows_=4,this.setRollUp(e.pts);else if(t===this.CARRIAGE_RETURN_)this.clearFormatting(e.pts),this.flushDisplayed(e.pts),this.shiftRowsUp_(),this.startPts_=e.pts;else if(t===this.BACKSPACE_)"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[this.row_]=this.displayed_[this.row_].slice(0,-1);else if(t===this.ERASE_DISPLAYED_MEMORY_)this.flushDisplayed(e.pts),this.displayed_=ta();else if(t===this.ERASE_NON_DISPLAYED_MEMORY_)this.nonDisplayed_=ta();else if(t===this.RESUME_DIRECT_CAPTIONING_)"paintOn"!==this.mode_&&(this.flushDisplayed(e.pts),this.displayed_=ta()),this.mode_="paintOn",this.startPts_=e.pts;else if(this.isSpecialCharacter(n,r))s=ea((n=(3&n)<<8)|r),this[this.mode_](e.pts,s),this.column_++;else if(this.isExtCharacter(n,r))"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[this.row_]=this.displayed_[this.row_].slice(0,-1),s=ea((n=(3&n)<<8)|r),this[this.mode_](e.pts,s),this.column_++;else if(this.isMidRowCode(n,r))this.clearFormatting(e.pts),this[this.mode_](e.pts," "),this.column_++,14==(14&r)&&this.addFormatting(e.pts,["i"]),1==(1&r)&&this.addFormatting(e.pts,["u"]);else if(this.isOffsetControlCode(n,r))this.column_+=3&r;else if(this.isPAC(n,r)){var a=na.indexOf(7968&t);"rollUp"===this.mode_&&(a-this.rollUpRows_+1<0&&(a=this.rollUpRows_-1),this.setRollUp(e.pts,a)),a!==this.row_&&(this.clearFormatting(e.pts),this.row_=a),1&r&&-1===this.formatting_.indexOf("u")&&this.addFormatting(e.pts,["u"]),16==(16&t)&&(this.column_=4*((14&t)>>1)),this.isColorPAC(r)&&14==(14&r)&&this.addFormatting(e.pts,["i"])}else this.isNormalChar(n)&&(0===r&&(r=null),s=ea(n),s+=ea(r),this[this.mode_](e.pts,s),this.column_+=s.length)}else this.lastControlCode_=null}};ra.prototype=new Zs,ra.prototype.flushDisplayed=function(e){var t=this.displayed_.map(function(e){try{return e.trim()}catch(e){return""}}).join("\n").replace(/^\n+|\n+$/g,"");t.length&&this.trigger("data",{startPts:this.startPts_,endPts:e,text:t,stream:this.name_})},ra.prototype.reset=function(){this.mode_="popOn",this.topRow_=0,this.startPts_=0,this.displayed_=ta(),this.nonDisplayed_=ta(),this.lastControlCode_=null,this.column_=0,this.row_=14,this.rollUpRows_=2,this.formatting_=[]},ra.prototype.setConstants=function(){0===this.dataChannel_?(this.BASE_=16,this.EXT_=17,this.CONTROL_=(20|this.field_)<<8,this.OFFSET_=23):1===this.dataChannel_&&(this.BASE_=24,this.EXT_=25,this.CONTROL_=(28|this.field_)<<8,this.OFFSET_=31),this.PADDING_=0,this.RESUME_CAPTION_LOADING_=32|this.CONTROL_,this.END_OF_CAPTION_=47|this.CONTROL_,this.ROLL_UP_2_ROWS_=37|this.CONTROL_,this.ROLL_UP_3_ROWS_=38|this.CONTROL_,this.ROLL_UP_4_ROWS_=39|this.CONTROL_,this.CARRIAGE_RETURN_=45|this.CONTROL_,this.RESUME_DIRECT_CAPTIONING_=41|this.CONTROL_,this.BACKSPACE_=33|this.CONTROL_,this.ERASE_DISPLAYED_MEMORY_=44|this.CONTROL_,this.ERASE_NON_DISPLAYED_MEMORY_=46|this.CONTROL_},ra.prototype.isSpecialCharacter=function(e,t){return e===this.EXT_&&48<=t&&t<=63},ra.prototype.isExtCharacter=function(e,t){return(e===this.EXT_+1||e===this.EXT_+2)&&32<=t&&t<=63},ra.prototype.isMidRowCode=function(e,t){return e===this.EXT_&&32<=t&&t<=47},ra.prototype.isOffsetControlCode=function(e,t){return e===this.OFFSET_&&33<=t&&t<=35},ra.prototype.isPAC=function(e,t){return e>=this.BASE_&&e<this.BASE_+8&&64<=t&&t<=127},ra.prototype.isColorPAC=function(e){return 64<=e&&e<=79||96<=e&&e<=127},ra.prototype.isNormalChar=function(e){return 32<=e&&e<=127},ra.prototype.setRollUp=function(e,t){if("rollUp"!==this.mode_&&(this.row_=14,this.mode_="rollUp",this.flushDisplayed(e),this.nonDisplayed_=ta(),this.displayed_=ta()),void 0!==t&&t!==this.row_)for(var i=0;i<this.rollUpRows_;i++)this.displayed_[t-i]=this.displayed_[this.row_-i],this.displayed_[this.row_-i]="";void 0===t&&(t=this.row_),this.topRow_=t-this.rollUpRows_+1},ra.prototype.addFormatting=function(e,t){this.formatting_=this.formatting_.concat(t);var i=t.reduce(function(e,t){return e+"<"+t+">"},"");this[this.mode_](e,i)},ra.prototype.clearFormatting=function(e){if(this.formatting_.length){var t=this.formatting_.reverse().reduce(function(e,t){return e+"</"+t+">"},"");this.formatting_=[],this[this.mode_](e,t)}},ra.prototype.popOn=function(e,t){var i=this.nonDisplayed_[this.row_];i+=t,this.nonDisplayed_[this.row_]=i},ra.prototype.rollUp=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i},ra.prototype.shiftRowsUp_=function(){var e;for(e=0;e<this.topRow_;e++)this.displayed_[e]="";for(e=this.row_+1;e<15;e++)this.displayed_[e]="";for(e=this.topRow_;e<this.row_;e++)this.displayed_[e]=this.displayed_[e+1];this.displayed_[this.row_]=""},ra.prototype.paintOn=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i};function sa(e,t){for(var i=e,n=0;n<t.length;n++){var r=t[n];if(i<r.size)return r;i-=r.size}return null}function aa(e,c){var n=Gs.findBox(e,["moof","traf"]),t=Gs.findBox(e,["mdat"]),h={},r=[];return t.forEach(function(e,t){var i=n[t];r.push({mdat:e,traf:i})}),r.forEach(function(e){var t,i=e.mdat,n=e.traf,r=Gs.findBox(n,["tfhd"]),s=qs.parseTfhd(r[0]),a=s.trackId,o=Gs.findBox(n,["tfdt"]),u=0<o.length?qs.parseTfdt(o[0]).baseMediaDecodeTime:0,l=Gs.findBox(n,["trun"]);c===a&&0<l.length&&(t=function(e,t,i){var n,r,s,a,o=new DataView(e.buffer,e.byteOffset,e.byteLength),u=[];for(r=0;r+4<e.length;r+=s)if(s=o.getUint32(r),r+=4,!(s<=0))switch(31&e[r]){case 6:var l=e.subarray(r+1,r+1+s),c=sa(r,t);n={nalUnitType:"sei_rbsp",size:s,data:l,escapedRBSP:ua(l),trackId:i},c?(n.pts=c.pts,n.dts=c.dts,a=c):(n.pts=a.pts,n.dts=a.dts),u.push(n)}return u}(i,function(e,t,i){var n=t,r=i.defaultSampleDuration||0,s=i.defaultSampleSize||0,a=i.trackId,o=[];return e.forEach(function(e){var t=qs.parseTrun(e).samples;t.forEach(function(e){void 0===e.duration&&(e.duration=r),void 0===e.size&&(e.size=s),e.trackId=a,e.dts=n,void 0===e.compositionTimeOffset&&(e.compositionTimeOffset=0),e.pts=n+e.compositionTimeOffset,n+=e.duration}),o=o.concat(t)}),o}(l,u,s),a),h[a]||(h[a]=[]),h[a]=h[a].concat(t))}),h}function oa(e,t){var i=1;for(t<e&&(i=-1);4294967296<Math.abs(t-e);)e+=8589934592*i;return e}var ua=$s,la=Js,ca=function(){var t,s,a,o,u,i,n=!1;this.isInitialized=function(){return n},this.init=function(e){t=new la,n=!0,i=!!e&&e.isPartial,t.on("data",function(e){e.startTime=e.startPts/o,e.endTime=e.endPts/o,u.captions.push(e),u.captionStreams[e.stream]=!0})},this.isNewInit=function(e,t){return!(e&&0===e.length||t&&"object"==typeof t&&0===Object.keys(t).length)&&(a!==e[0]||o!==t[a])},this.parse=function(e,t,i){var n;if(!this.isInitialized())return null;if(!t||!i)return null;if(this.isNewInit(t,i))a=t[0],o=i[a];else if(null===a||!o)return s.push(e),null;for(;0<s.length;){var r=s.shift();this.parse(r,t,i)}return null!==(n=function(e,t,i){return null===t?null:{seiNals:aa(e,t)[t],timescale:i}}(e,a,o))&&n.seiNals?(this.pushNals(n.seiNals),this.flushStream(),u):null},this.pushNals=function(e){if(!this.isInitialized()||!e||0===e.length)return null;e.forEach(function(e){t.push(e)})},this.flushStream=function(){if(!this.isInitialized())return null;i?t.partialFlush():t.flush()},this.clearParsedCaptions=function(){u.captions=[],u.captionStreams={}},this.resetCaptionStream=function(){if(!this.isInitialized())return null;t.reset()},this.clearAllCaptions=function(){this.clearParsedCaptions(),this.resetCaptionStream()},this.reset=function(){s=[],o=a=null,u?this.clearParsedCaptions():u={captions:[],captionStreams:{}},this.resetCaptionStream()},this.reset()},ha=27,da=15,pa=21;new Zs;function fa(e){var t=31&e[1];return t<<=8,t|=e[2]}function ma(e){return!!(64&e[1])}function ga(e){var t=0;return 1<(48&e[3])>>>4&&(t+=e[4]+1),t}function ya(e){switch(e){case 5:return"slice_layer_without_partitioning_rbsp_idr";case 6:return"sei_rbsp";case 7:return"seq_parameter_set_rbsp";case 8:return"pic_parameter_set_rbsp";case 9:return"access_unit_delimiter_rbsp";default:return null}}function va(e){return e[0]<<21|e[1]<<14|e[2]<<7|e[3]}var _a,ba,Ta,ka,Sa={parseType:function(e,t){var i=fa(e);return 0===i?"pat":i===t?"pmt":t?"pes":null},parsePat:function(e){var t=ma(e),i=4+ga(e);return t&&(i+=e[i]+1),(31&e[i+10])<<8|e[i+11]},parsePmt:function(e){var t={},i=ma(e),n=4+ga(e);if(i&&(n+=e[n]+1),1&e[n+5]){var r;r=3+((15&e[n+1])<<8|e[n+2])-4;for(var s=12+((15&e[n+10])<<8|e[n+11]);s<r;){var a=n+s;t[(31&e[a+1])<<8|e[a+2]]=e[a],s+=5+((15&e[a+3])<<8|e[a+4])}return t}},parsePayloadUnitStartIndicator:ma,parsePesType:function(e,t){switch(t[fa(e)]){case ha:return"video";case da:return"audio";case pa:return"timed-metadata";default:return null}},parsePesTime:function(e){if(!ma(e))return null;var t=4+ga(e);if(t>=e.byteLength)return null;var i,n=null;return 192&(i=e[t+7])&&((n={}).pts=(14&e[t+9])<<27|(255&e[t+10])<<20|(254&e[t+11])<<12|(255&e[t+12])<<5|(254&e[t+13])>>>3,n.pts*=4,n.pts+=(6&e[t+13])>>>1,n.dts=n.pts,64&i&&(n.dts=(14&e[t+14])<<27|(255&e[t+15])<<20|(254&e[t+16])<<12|(255&e[t+17])<<5|(254&e[t+18])>>>3,n.dts*=4,n.dts+=(6&e[t+18])>>>1)),n},videoPacketContainsKeyFrame:function(e){for(var t=4+ga(e),i=e.subarray(t),n=0,r=0,s=!1;r<i.byteLength-3;r++)if(1===i[r+2]){n=r+5;break}for(;n<i.byteLength;)switch(i[n]){case 0:if(0!==i[n-1]){n+=2;break}if(0!==i[n-2]){n++;break}for(r+3!==n-2&&"slice_layer_without_partitioning_rbsp_idr"===ya(31&i[r+3])&&(s=!0);1!==i[++n]&&n<i.length;);r=n-2,n+=3;break;case 1:if(0!==i[n-1]||0!==i[n-2]){n+=3;break}"slice_layer_without_partitioning_rbsp_idr"===ya(31&i[r+3])&&(s=!0),r=n-2,n+=3;break;default:n+=3}return i=i.subarray(r),n-=r,r=0,i&&3<i.byteLength&&"slice_layer_without_partitioning_rbsp_idr"===ya(31&i[r+3])&&(s=!0),s}},Ca=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350],Ea={isLikelyAacData:function(e){return e[0]==="I".charCodeAt(0)&&e[1]==="D".charCodeAt(0)&&e[2]==="3".charCodeAt(0)},parseId3TagSize:function(e,t){var i=e[t+6]<<21|e[t+7]<<14|e[t+8]<<7|e[t+9];return(16&e[t+5])>>4?20+i:10+i},parseAdtsSize:function(e,t){var i=(224&e[t+5])>>5,n=e[t+4]<<3;return 6144&e[t+3]|n|i},parseType:function(e,t){return e[t]==="I".charCodeAt(0)&&e[t+1]==="D".charCodeAt(0)&&e[t+2]==="3".charCodeAt(0)?"timed-metadata":!0&e[t]&&240==(240&e[t+1])?"audio":null},parseSampleRate:function(e){for(var t=0;t+5<e.length;){if(255===e[t]&&240==(246&e[t+1]))return Ca[(60&e[t+2])>>>2];t++}return null},parseAacTimestamp:function(e){var t,i,n;t=10,64&e[5]&&(t+=4,t+=va(e.subarray(10,14)));do{if((i=va(e.subarray(t+4,t+8)))<1)return null;if("PRIV"===String.fromCharCode(e[t],e[t+1],e[t+2],e[t+3])){n=e.subarray(t+10,t+i+10);for(var r=0;r<n.byteLength;r++)if(0===n[r]){if("com.apple.streaming.transportStreamTimestamp"!==unescape(function(e,t,i){var n,r="";for(n=t;n<i;n++)r+="%"+("00"+e[n].toString(16)).slice(-2);return r}(n,0,r)))break;var s=n.subarray(r+1),a=(1&s[3])<<30|s[4]<<22|s[5]<<14|s[6]<<6|s[7]>>>2;return a*=4,a+=3&s[7]}}t+=10,t+=i}while(t<e.byteLength);return null}},wa=9e4,Pa=(_a=function(e){return 9e4*e},ba=function(e,t){return e*t},Ta=function(e){return e/9e4},ka=function(e,t){return e/t},oa),La={};La.ts=Sa,La.aac=Ea;function Ia(e,t,i){for(var n,r,s,a,o=0,u=Da,l=!1;u<=e.byteLength;)if(71!==e[o]||71!==e[u]&&u!==e.byteLength)o++,u++;else{switch(n=e.subarray(o,u),La.ts.parseType(n,t.pid)){case"pes":r=La.ts.parsePesType(n,t.table),s=La.ts.parsePayloadUnitStartIndicator(n),"audio"===r&&s&&(a=La.ts.parsePesTime(n))&&(a.type="audio",i.audio.push(a),l=!0)}if(l)break;o+=Da,u+=Da}for(o=(u=e.byteLength)-Da,l=!1;0<=o;)if(71!==e[o]||71!==e[u]&&u!==e.byteLength)o--,u--;else{switch(n=e.subarray(o,u),La.ts.parseType(n,t.pid)){case"pes":r=La.ts.parsePesType(n,t.table),s=La.ts.parsePayloadUnitStartIndicator(n),"audio"===r&&s&&(a=La.ts.parsePesTime(n))&&(a.type="audio",i.audio.push(a),l=!0)}if(l)break;o-=Da,u-=Da}}function Aa(e,t,i){for(var n,r,s,a,o,u,l,c=0,h=Da,d=!1,p={data:[],size:0};h<e.byteLength;)if(71!==e[c]||71!==e[h])c++,h++;else{switch(n=e.subarray(c,h),La.ts.parseType(n,t.pid)){case"pes":if(r=La.ts.parsePesType(n,t.table),s=La.ts.parsePayloadUnitStartIndicator(n),"video"===r&&(s&&!d&&(a=La.ts.parsePesTime(n))&&(a.type="video",i.video.push(a),d=!0),!i.firstKeyFrame)){if(s&&0!==p.size){for(o=new Uint8Array(p.size),u=0;p.data.length;)l=p.data.shift(),o.set(l,u),u+=l.byteLength;if(La.ts.videoPacketContainsKeyFrame(o)){var f=La.ts.parsePesTime(o);f&&(i.firstKeyFrame=f,i.firstKeyFrame.type="video")}p.size=0}p.data.push(n),p.size+=n.byteLength}}if(d&&i.firstKeyFrame)break;c+=Da,h+=Da}for(c=(h=e.byteLength)-Da,d=!1;0<=c;)if(71!==e[c]||71!==e[h])c--,h--;else{switch(n=e.subarray(c,h),La.ts.parseType(n,t.pid)){case"pes":r=La.ts.parsePesType(n,t.table),s=La.ts.parsePayloadUnitStartIndicator(n),"video"===r&&s&&(a=La.ts.parsePesTime(n))&&(a.type="video",i.video.push(a),d=!0)}if(d)break;c-=Da,h-=Da}}function Oa(e){var t={pid:null,table:null},i={};for(var n in function(e,t){for(var i,n=0,r=Da;r<e.byteLength;)if(71!==e[n]||71!==e[r])n++,r++;else{switch(i=e.subarray(n,r),La.ts.parseType(i,t.pid)){case"pat":t.pid||(t.pid=La.ts.parsePat(i));break;case"pmt":t.table||(t.table=La.ts.parsePmt(i))}if(t.pid&&t.table)return;n+=Da,r+=Da}}(e,t),t.table){if(t.table.hasOwnProperty(n))switch(t.table[n]){case ha:i.video=[],Aa(e,t,i),0===i.video.length&&delete i.video;break;case da:i.audio=[],Ia(e,t,i),0===i.audio.length&&delete i.audio}}return i}var xa=wa,Da=188,Ua=function(e,t){var i;return(i=La.aac.isLikelyAacData(e)?function(e){for(var t,i=!1,n=0,r=null,s=null,a=0,o=0;3<=e.length-o;){switch(La.aac.parseType(e,o)){case"timed-metadata":if(e.length-o<10){i=!0;break}if((a=La.aac.parseId3TagSize(e,o))>e.length){i=!0;break}null===s&&(t=e.subarray(o,o+a),s=La.aac.parseAacTimestamp(t)),o+=a;break;case"audio":if(e.length-o<7){i=!0;break}if((a=La.aac.parseAdtsSize(e,o))>e.length){i=!0;break}null===r&&(t=e.subarray(o,o+a),r=La.aac.parseSampleRate(t)),n++,o+=a;break;default:o++}if(i)return null}if(null===r||null===s)return null;var u=xa/r;return{audio:[{type:"audio",dts:s,pts:s},{type:"audio",dts:s+1024*n*u,pts:s+1024*n*u}]}}(e):Oa(e))&&(i.audio||i.video)?(function(e,t){if(e.audio&&e.audio.length){var i=t;"undefined"==typeof i&&(i=e.audio[0].dts),e.audio.forEach(function(e){e.dts=Pa(e.dts,i),e.pts=Pa(e.pts,i),e.dtsTime=e.dts/xa,e.ptsTime=e.pts/xa})}if(e.video&&e.video.length){var n=t;if("undefined"==typeof n&&(n=e.video[0].dts),e.video.forEach(function(e){e.dts=Pa(e.dts,n),e.pts=Pa(e.pts,n),e.dtsTime=e.dts/xa,e.ptsTime=e.pts/xa}),e.firstKeyFrame){var r=e.firstKeyFrame;r.dts=Pa(r.dts,n),r.pts=Pa(r.pts,n),r.dtsTime=r.dts/xa,r.ptsTime=r.dts/xa}}}(i,t),i):null};function Ra(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var Ma=function(e,t,i){return t&&Na(e.prototype,t),i&&Na(e,i),e};function Na(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var Ba=null,ja=(Fa.prototype.decrypt=function(e,t,i,n,r,s){var a=this._key[1],o=e^a[0],u=n^a[1],l=i^a[2],c=t^a[3],h=void 0,d=void 0,p=void 0,f=a.length/4-2,m=void 0,g=4,y=this._tables[1],v=y[0],_=y[1],b=y[2],T=y[3],k=y[4];for(m=0;m<f;m++)h=v[o>>>24]^_[u>>16&255]^b[l>>8&255]^T[255&c]^a[g],d=v[u>>>24]^_[l>>16&255]^b[c>>8&255]^T[255&o]^a[g+1],p=v[l>>>24]^_[c>>16&255]^b[o>>8&255]^T[255&u]^a[g+2],c=v[c>>>24]^_[o>>16&255]^b[u>>8&255]^T[255&l]^a[g+3],g+=4,o=h,u=d,l=p;for(m=0;m<4;m++)r[(3&-m)+s]=k[o>>>24]<<24^k[u>>16&255]<<16^k[l>>8&255]<<8^k[255&c]^a[g++],h=o,o=u,u=l,l=c,c=h},Fa);function Fa(e){Ra(this,Fa),Ba=Ba||function(){var e=[[[],[],[],[],[]],[[],[],[],[],[]]],t=e[0],i=e[1],n=t[4],r=i[4],s=void 0,a=void 0,o=void 0,u=[],l=[],c=void 0,h=void 0,d=void 0,p=void 0,f=void 0;for(s=0;s<256;s++)l[(u[s]=s<<1^283*(s>>7))^s]=s;for(a=o=0;!n[a];a^=c||1,o=l[o]||1)for(d=(d=o^o<<1^o<<2^o<<3^o<<4)>>8^255&d^99,f=16843009*u[h=u[c=u[r[n[a]=d]=a]]]^65537*h^257*c^16843008*a,p=257*u[d]^16843008*d,s=0;s<4;s++)t[s][a]=p=p<<24^p>>>8,i[s][d]=f=f<<24^f>>>8;for(s=0;s<5;s++)t[s]=t[s].slice(0),i[s]=i[s].slice(0);return e}(),this._tables=[[Ba[0][0].slice(),Ba[0][1].slice(),Ba[0][2].slice(),Ba[0][3].slice(),Ba[0][4].slice()],[Ba[1][0].slice(),Ba[1][1].slice(),Ba[1][2].slice(),Ba[1][3].slice(),Ba[1][4].slice()]];var t=void 0,i=void 0,n=void 0,r=void 0,s=void 0,a=this._tables[0][4],o=this._tables[1],u=e.length,l=1;if(4!==u&&6!==u&&8!==u)throw new Error("Invalid aes key size");for(r=e.slice(0),s=[],this._key=[r,s],t=u;t<4*u+28;t++)n=r[t-1],(t%u==0||8===u&&t%u==4)&&(n=a[n>>>24]<<24^a[n>>16&255]<<16^a[n>>8&255]<<8^a[255&n],t%u==0&&(n=n<<8^n>>>24^l<<24,l=l<<1^283*(l>>7))),r[t]=r[t-u]^n;for(i=0;t;i++,t--)n=r[3&i?t:t-4],s[i]=t<=4||i<4?n:o[0][a[n>>>24]]^o[1][a[n>>16&255]]^o[2][a[n>>8&255]]^o[3][a[255&n]]}var Ha=(qa.prototype.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},qa.prototype.off=function(e,t){if(!this.listeners[e])return!1;var i=this.listeners[e].indexOf(t);return this.listeners[e].splice(i,1),-1<i},qa.prototype.trigger=function(e,t){var i=this.listeners[e];if(i)if(2===arguments.length)for(var n=i.length,r=0;r<n;++r)i[r].call(this,t);else for(var s=Array.prototype.slice.call(arguments,1),a=i.length,o=0;o<a;++o)i[o].apply(this,s)},qa.prototype.dispose=function(){this.listeners={}},qa.prototype.pipe=function(t){this.on("data",function(e){t.push(e)})},qa);function qa(){Ra(this,qa),this.listeners={}}var Va,Wa=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(za,Va=Ha),za.prototype.processJob_=function(){this.jobs.shift()(),this.jobs.length?this.timeout_=setTimeout(this.processJob_.bind(this),this.delay):this.timeout_=null},za.prototype.push=function(e){this.jobs.push(e),this.timeout_||(this.timeout_=setTimeout(this.processJob_.bind(this),this.delay))},za);function za(){Ra(this,za);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,Va.call(this,Ha));return e.jobs=[],e.delay=1,e.timeout_=null,e}function Ga(e){return e<<24|(65280&e)<<8|(16711680&e)>>8|e>>>24}function Ka(e,t,i){var n=new Int32Array(e.buffer,e.byteOffset,e.byteLength>>2),r=new ja(Array.prototype.slice.call(t)),s=new Uint8Array(e.byteLength),a=new Int32Array(s.buffer),o=void 0,u=void 0,l=void 0,c=void 0,h=void 0,d=void 0,p=void 0,f=void 0,m=void 0;for(o=i[0],u=i[1],l=i[2],c=i[3],m=0;m<n.length;m+=4)h=Ga(n[m]),d=Ga(n[m+1]),p=Ga(n[m+2]),f=Ga(n[m+3]),r.decrypt(h,d,p,f,a,m),a[m]=Ga(a[m]^o),a[m+1]=Ga(a[m+1]^u),a[m+2]=Ga(a[m+2]^l),a[m+3]=Ga(a[m+3]^c),o=h,u=d,l=p,c=f;return s}var Xa=(Ya.prototype.decryptChunk_=function(t,i,n,r){return function(){var e=Ka(t,i,n);r.set(e,t.byteOffset)}},Ma(Ya,null,[{key:"STEP",get:function(){return 32e3}}]),Ya);function Ya(e,t,i,n){Ra(this,Ya);var r=Ya.STEP,s=new Int32Array(e.buffer),a=new Uint8Array(e.byteLength),o=0;for(this.asyncStream_=new Wa,this.asyncStream_.push(this.decryptChunk_(s.subarray(o,o+r),t,i,a)),o=r;o<s.length;o+=r)i=new Uint32Array([Ga(s[o-4]),Ga(s[o-3]),Ga(s[o-2]),Ga(s[o-1])]),this.asyncStream_.push(this.decryptChunk_(s.subarray(o,o+r),t,i,a));this.asyncStream_.push(function(){n(null,function(e){return e.subarray(0,e.byteLength-e[e.byteLength-1])}(a))})}function $a(e,t){return/^[a-z]+:/i.test(t)?t:(/\/\//i.test(e)||(e=xr.buildAbsoluteURL(v.location.href,e)),xr.buildAbsoluteURL(e,t))}function Qa(e,t,i){return e&&i.responseURL&&t!==i.responseURL?i.responseURL:t}function Ja(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}
-/**
-   * @videojs/http-streaming
-   * @version 1.11.2
-   * @copyright 2019 Brightcove, Inc
-   * @license Apache-2.0
-   */
-var Za=function(e,t,i){return t&&eo(e.prototype,t),i&&eo(e,i),e};function eo(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function to(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function io(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function no(r,s){["AUDIO","SUBTITLES"].forEach(function(e){for(var t in r.mediaGroups[e])for(var i in r.mediaGroups[e][t]){var n=r.mediaGroups[e][t][i];s(n,e,t,i)}})}function ro(e,t){var i=lo(e,{}),n=i.playlists[t.uri];if(!n)return null;if(n.segments&&t.segments&&n.segments.length===t.segments.length&&n.endList===t.endList&&n.mediaSequence===t.mediaSequence)return null;var r=lo(n,t);n.segments&&(r.segments=function(e,t,i){var n=t.slice();i=i||0;for(var r=Math.min(e.length,t.length+i),s=i;s<r;s++)n[s-i]=lo(e[s],n[s-i]);return n}(n.segments,t.segments,t.mediaSequence-n.mediaSequence)),r.segments.forEach(function(e){!function(e,t){e.resolvedUri||(e.resolvedUri=$a(t,e.uri)),e.key&&!e.key.resolvedUri&&(e.key.resolvedUri=$a(t,e.key.uri)),e.map&&!e.map.resolvedUri&&(e.map.resolvedUri=$a(t,e.map.uri))}(e,r.resolvedUri)});for(var s=0;s<i.playlists.length;s++)i.playlists[s].uri===t.uri&&(i.playlists[s]=r);return i.playlists[t.uri]=r,i}function so(e){for(var t=e.playlists.length;t--;){var i=e.playlists[t];(e.playlists[i.uri]=i).resolvedUri=$a(e.uri,i.uri),i.id=t,i.attributes||(i.attributes={},co.warn("Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute."))}}function ao(t){no(t,function(e){e.uri&&(e.resolvedUri=$a(t.uri,e.uri))})}function oo(e,t){var i=e.segments[e.segments.length-1];return t&&i&&i.duration?1e3*i.duration:500*(e.targetDuration||10)}var uo=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var i=[],n=!0,r=!1,s=void 0;try{for(var a,o=e[Symbol.iterator]();!(n=(a=o.next()).done)&&(i.push(a.value),!t||i.length!==t);n=!0);}catch(e){r=!0,s=e}finally{try{!n&&o.return&&o.return()}finally{if(r)throw s}}return i}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},lo=Ir.mergeOptions,co=Ir.log,ho=(to(po,Ir.EventTarget),Za(po,[{key:"playlistRequestError",value:function(e,t,i){this.request=null,i&&(this.state=i),this.error={playlist:this.master.playlists[t],status:e.status,message:"HLS playlist request error at URL: "+t+".",responseText:e.responseText,code:500<=e.status?4:2},this.trigger("error")}},{key:"haveMetadata",value:function(e,t){var i=this;this.request=null,this.state="HAVE_METADATA";var n=new Vr;this.customTagParsers.forEach(function(e){return n.addParser(e)}),this.customTagMappers.forEach(function(e){return n.addTagMapper(e)}),n.push(e.responseText),n.end(),n.manifest.uri=t,n.manifest.attributes=n.manifest.attributes||{};var r=ro(this.master,n.manifest);this.targetDuration=n.manifest.targetDuration,r?(this.master=r,this.media_=this.master.playlists[n.manifest.uri]):this.trigger("playlistunchanged"),this.media().endList||(v.clearTimeout(this.mediaUpdateTimeout),this.mediaUpdateTimeout=v.setTimeout(function(){i.trigger("mediaupdatetimeout")},oo(this.media(),!!r))),this.trigger("loadedplaylist")}},{key:"dispose",value:function(){this.stopRequest(),v.clearTimeout(this.mediaUpdateTimeout),v.clearTimeout(this.finalRenditionTimeout)}},{key:"stopRequest",value:function(){if(this.request){var e=this.request;this.request=null,e.onreadystatechange=null,e.abort()}}},{key:"media",value:function(i,e){var n=this;if(!i)return this.media_;if("HAVE_NOTHING"===this.state)throw new Error("Cannot switch media playlist from "+this.state);if("string"==typeof i){if(!this.master.playlists[i])throw new Error("Unknown playlist URI: "+i);i=this.master.playlists[i]}if(v.clearTimeout(this.finalRenditionTimeout),e){var t=i.targetDuration/2*1e3||5e3;this.finalRenditionTimeout=v.setTimeout(this.media.bind(this,i,!1),t)}else{var r=this.state,s=!this.media_||i.uri!==this.media_.uri;if(this.master.playlists[i.uri].endList)return this.request&&(this.request.onreadystatechange=null,this.request.abort(),this.request=null),this.state="HAVE_METADATA",this.media_=i,void(s&&(this.trigger("mediachanging"),this.trigger("mediachange")));if(s){if(this.state="SWITCHING_MEDIA",this.request){if(i.resolvedUri===this.request.url)return;this.request.onreadystatechange=null,this.request.abort(),this.request=null}this.media_&&this.trigger("mediachanging"),this.request=this.hls_.xhr({uri:i.resolvedUri,withCredentials:this.withCredentials},function(e,t){if(n.request){if(i.resolvedUri=Qa(n.handleManifestRedirects,i.resolvedUri,t),e)return n.playlistRequestError(n.request,i.uri,r);n.haveMetadata(t,i.uri),"HAVE_MASTER"===r?n.trigger("loadedmetadata"):n.trigger("mediachange")}})}}}},{key:"pause",value:function(){this.stopRequest(),v.clearTimeout(this.mediaUpdateTimeout),"HAVE_NOTHING"===this.state&&(this.started=!1),"SWITCHING_MEDIA"===this.state?this.media_?this.state="HAVE_METADATA":this.state="HAVE_MASTER":"HAVE_CURRENT_METADATA"===this.state&&(this.state="HAVE_METADATA")}},{key:"load",value:function(e){var t=this;v.clearTimeout(this.mediaUpdateTimeout);var i=this.media();if(e){var n=i?i.targetDuration/2*1e3:5e3;this.mediaUpdateTimeout=v.setTimeout(function(){return t.load()},n)}else this.started?i&&!i.endList?this.trigger("mediaupdatetimeout"):this.trigger("loadedplaylist"):this.start()}},{key:"start",value:function(){var n=this;this.started=!0,this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(e,t){if(n.request){if(n.request=null,e)return n.error={status:t.status,message:"HLS playlist request error at URL: "+n.srcUrl+".",responseText:t.responseText,code:2},"HAVE_NOTHING"===n.state&&(n.started=!1),n.trigger("error");var i=new Vr;return n.customTagParsers.forEach(function(e){return i.addParser(e)}),n.customTagMappers.forEach(function(e){return i.addTagMapper(e)}),i.push(t.responseText),i.end(),n.state="HAVE_MASTER",n.srcUrl=Qa(n.handleManifestRedirects,n.srcUrl,t),i.manifest.uri=n.srcUrl,i.manifest.playlists?(n.master=i.manifest,so(n.master),ao(n.master),n.trigger("loadedplaylist"),void(n.request||n.media(i.manifest.playlists[0]))):(n.master={mediaGroups:{AUDIO:{},VIDEO:{},"CLOSED-CAPTIONS":{},SUBTITLES:{}},uri:v.location.href,playlists:[{uri:n.srcUrl,id:0,resolvedUri:n.srcUrl,attributes:{}}]},n.master.playlists[n.srcUrl]=n.master.playlists[0],n.haveMetadata(t,n.srcUrl),n.trigger("loadedmetadata"))}})}}]),po);function po(e,t){var i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{};Ja(this,po);var n=io(this,(po.__proto__||Object.getPrototypeOf(po)).call(this)),r=i.withCredentials,s=void 0!==r&&r,a=i.handleManifestRedirects,o=void 0!==a&&a;n.srcUrl=e,n.hls_=t,n.withCredentials=s,n.handleManifestRedirects=o;var u=t.options_;if(n.customTagParsers=u&&u.customTagParsers||[],n.customTagMappers=u&&u.customTagMappers||[],!n.srcUrl)throw new Error("A non-empty playlist URL is required");return n.state="HAVE_NOTHING",n.on("mediaupdatetimeout",function(){"HAVE_METADATA"===n.state&&(n.state="HAVE_CURRENT_METADATA",n.request=n.hls_.xhr({uri:$a(n.master.uri,n.media().uri),withCredentials:n.withCredentials},function(e,t){if(n.request)return e?n.playlistRequestError(n.request,n.media().uri,"HAVE_METADATA"):void n.haveMetadata(n.request,n.media().uri)}))}),n}function fo(e,t,i){var n,r;return"undefined"==typeof t&&(t=e.mediaSequence+e.segments.length),t<e.mediaSequence?0:(n=function(e,t){var i=0,n=t-e.mediaSequence,r=e.segments[n];if(r){if("undefined"!=typeof r.start)return{result:r.start,precise:!0};if("undefined"!=typeof r.end)return{result:r.end-r.duration,precise:!0}}for(;n--;){if("undefined"!=typeof(r=e.segments[n]).end)return{result:i+r.end,precise:!0};if(i+=r.duration,"undefined"!=typeof r.start)return{result:i+r.start,precise:!0}}return{result:i,precise:!1}}(e,t)).precise?n.result:(r=function(e,t){for(var i=0,n=void 0,r=t-e.mediaSequence;r<e.segments.length;r++){if("undefined"!=typeof(n=e.segments[r]).start)return{result:n.start-i,precise:!0};if(i+=n.duration,"undefined"!=typeof n.end)return{result:n.end-i,precise:!0}}return{result:-1,precise:!1}}(e,t)).precise?r.result:n.result+i}function mo(e,t,i){if(!e)return 0;if("number"!=typeof i&&(i=0),"undefined"==typeof t){if(e.totalDuration)return e.totalDuration;if(!e.endList)return v.Infinity}return fo(e,t,i)}function go(e,t,i){var n=0;if(i<t){var r=[i,t];t=r[0],i=r[1]}if(t<0){for(var s=t;s<Math.min(0,i);s++)n+=e.targetDuration;t=0}for(var a=t;a<i;a++)n+=e.segments[a].duration;return n}function yo(e){if(!e.segments.length)return 0;for(var t=e.segments.length-1,i=e.segments[t].duration||e.targetDuration,n=i+2*e.targetDuration;t--&&!(n<=(i+=e.segments[t].duration)););return Math.max(0,t)}function vo(e,t,i){if(!e||!e.segments)return null;if(e.endList)return mo(e);if(null===t)return null;t=t||0;var n=i?yo(e):e.segments.length;return fo(e,e.mediaSequence+n,t)}function _o(e){return e-Math.floor(e)==0}function bo(e,t){if(_o(t))return t+.1*e;for(var i=t.toString().split(".")[1].length,n=1;n<=i;n++){var r=Math.pow(10,n),s=t*r;if(_o(s)||n===i)return(s+e)/r}}function To(e){return e.excludeUntil&&e.excludeUntil>Date.now()}function ko(e){return e.excludeUntil&&e.excludeUntil===1/0}function So(e){var t=To(e);return!e.disabled&&!t}function Co(e,t){return t.attributes&&t.attributes[e]}function Eo(e,t){if(1===e.playlists.length)return!0;var i=t.attributes.BANDWIDTH||Number.MAX_VALUE;return 0===e.playlists.filter(function(e){return!!So(e)&&(e.attributes.BANDWIDTH||0)<i}).length}function wo(){return function e(t,n){t=Yo({timeout:45e3},t);var i=e.beforeRequest||Ir.Hls.xhr.beforeRequest;if(i&&"function"==typeof i){var r=i(t);r&&(t=r)}var s=Xo(t,function(e,t){var i=s.response;!e&&i&&(s.responseTime=Date.now(),s.roundTripTime=s.responseTime-s.requestTime,s.bytesReceived=i.byteLength||i.length,s.bandwidth||(s.bandwidth=Math.floor(s.bytesReceived/s.roundTripTime*8*1e3))),t.headers&&(s.responseHeaders=t.headers),e&&"ETIMEDOUT"===e.code&&(s.timedout=!0),e||s.aborted||200===t.statusCode||206===t.statusCode||0===t.statusCode||(e=new Error("XHR Failed with a response of: "+(s&&(i||s.responseText)))),n(e,s)}),a=s.abort;return s.abort=function(){return s.aborted=!0,a.apply(s,arguments)},s.uri=t.uri,s.requestTime=Date.now(),s}}function Po(e){var t={};return e.byterange&&(t.Range=function(e){var t;return t=e.offset+e.length-1,"bytes="+e.offset+"-"+t}(e.byterange)),t}function Lo(e,t){var i=e.toString(16);return"00".substring(0,2-i.length)+i+(t%2?" ":"")}function Io(e){return 32<=e&&e<126?String.fromCharCode(e):"."}function Ao(i){var n={};return Object.keys(i).forEach(function(e){var t=i[e];ArrayBuffer.isView(t)?n[e]={bytes:t.buffer,byteOffset:t.byteOffset,byteLength:t.byteLength}:n[e]=t}),n}function Oo(e){var t=e.byterange||{length:1/0,offset:0};return[t.length,t.offset,e.resolvedUri].join(",")}function xo(e){return e.resolvedUri}function Do(e){for(var t=Array.prototype.slice.call(e),i="",n=0;n<t.length/16;n++)i+=t.slice(16*n,16*n+16).map(Lo).join("")+" "+t.slice(16*n,16*n+16).map(Io).join("")+"\n";return i}function Uo(e){var t=e.playlist,i=e.time,n=void 0===i?void 0:i,r=e.callback;if(!r)throw new Error("getProgramTime: callback must be provided");if(!t||void 0===n)return r({message:"getProgramTime: playlist and time must be provided"});var s=function(e,t){if(!t||!t.segments||0===t.segments.length)return null;for(var i=0,n=void 0,r=0;r<t.segments.length&&!(e<=(i=(n=t.segments[r]).videoTimingInfo?n.videoTimingInfo.transmuxedPresentationEnd:i+n.duration));r++);var s=t.segments[t.segments.length-1];if(s.videoTimingInfo&&s.videoTimingInfo.transmuxedPresentationEnd<e)return null;if(i<e){if(e>i+.25*s.duration)return null;n=s}return{segment:n,estimatedStart:n.videoTimingInfo?n.videoTimingInfo.transmuxedPresentationStart:i-n.duration,type:n.videoTimingInfo?"accurate":"estimate"}}(n,t);if(!s)return r({message:"valid programTime was not found"});if("estimate"===s.type)return r({message:"Accurate programTime could not be determined. Please seek to e.seekTime and try again",seekTime:s.estimatedStart});var a={mediaSeconds:n},o=function(e,t){if(!t.dateTimeObject)return null;var i=t.videoTimingInfo.transmuxerPrependedSeconds,n=e-(t.videoTimingInfo.transmuxedPresentationStart+i);return new Date(t.dateTimeObject.getTime()+1e3*n)}(n,s.segment);return o&&(a.programDateTime=o.toISOString()),r(null,a)}function Ro(e){var t=e.programTime,i=e.playlist,n=e.retryCount,r=void 0===n?2:n,s=e.seekTo,a=e.pauseAfterSeek,o=void 0===a||a,u=e.tech,l=e.callback;if(!l)throw new Error("seekToProgramTime: callback must be provided");if("undefined"==typeof t||!i||!s)return l({message:"seekToProgramTime: programTime, seekTo and playlist must be provided"});if(!i.endList&&!u.hasStarted_)return l({message:"player must be playing a live stream to start buffering"});if(!function(e){if(!e.segments||0===e.segments.length)return!1;for(var t=0;t<e.segments.length;t++){if(!e.segments[t].dateTimeObject)return!1}return!0}(i))return l({message:"programDateTime tags must be provided in the manifest "+i.resolvedUri});var c=function(e,t){var i=void 0;try{i=new Date(e)}catch(e){return null}if(!t||!t.segments||0===t.segments.length)return null;var n=t.segments[0];if(i<n.dateTimeObject)return null;for(var r=0;r<t.segments.length-1;r++){if(n=t.segments[r],i<t.segments[r+1].dateTimeObject)break}var s=t.segments[t.segments.length-1],a=s.dateTimeObject,o=s.videoTimingInfo?function(e){return e.transmuxedPresentationEnd-e.transmuxedPresentationStart-e.transmuxerPrependedSeconds}(s.videoTimingInfo):s.duration+.25*s.duration;return new Date(a.getTime()+1e3*o)<i?null:(a<i&&(n=s),{segment:n,estimatedStart:n.videoTimingInfo?n.videoTimingInfo.transmuxedPresentationStart:Ko.duration(t,t.mediaSequence+t.segments.indexOf(n)),type:n.videoTimingInfo?"accurate":"estimate"})}(t,i);if(!c)return l({message:t+" was not found in the stream"});var h=c.segment,d=function(e,t){var i=void 0,n=void 0;try{i=new Date(e),n=new Date(t)}catch(e){}var r=i.getTime();return(n.getTime()-r)/1e3}(h.dateTimeObject,t);if("estimate"===c.type)return 0===r?l({message:t+" is not buffered yet. Try again"}):(s(c.estimatedStart+d),void u.one("seeked",function(){Ro({programTime:t,playlist:i,retryCount:r-1,seekTo:s,pauseAfterSeek:o,tech:u,callback:l})}));var p=h.start+d;u.one("seeked",function(){return l(null,u.currentTime())}),o&&u.pause(),s(p)}function Mo(e,t){var i=[],n=void 0;if(e&&e.length)for(n=0;n<e.length;n++)t(e.start(n),e.end(n))&&i.push([e.start(n),e.end(n)]);return Ir.createTimeRanges(i)}function No(e,i){return Mo(e,function(e,t){return e-.1<=i&&i<=t+.1})}function Bo(e,t){return Mo(e,function(e){return t<=e-1/30})}function jo(e){var t=[];if(!e||!e.length)return"";for(var i=0;i<e.length;i++)t.push(e.start(i)+" => "+e.end(i));return t.join(", ")}function Fo(e){for(var t=[],i=0;i<e.length;i++)t.push({start:e.start(i),end:e.end(i)});return t}function Ho(e,t,i){var n=void 0,r=void 0;if(i&&i.cues)for(n=i.cues.length;n--;)(r=i.cues[n]).startTime<=t&&r.endTime>=e&&i.removeCue(r)}function qo(e){return isNaN(e)||Math.abs(e)===1/0?Number.MAX_VALUE:e}function Vo(e,t,i){var n=v.WebKitDataCue||v.VTTCue;if(t&&t.forEach(function(e){var t=e.stream;this.inbandTextTracks_[t].addCue(new n(e.startTime+this.timestampOffset,e.endTime+this.timestampOffset,e.text))},e),i){var r=qo(e.mediaSource_.duration);if(i.forEach(function(e){var i=e.cueTime+this.timestampOffset;!("number"!=typeof i||v.isNaN(i)||i<0)&&i<1/0&&e.frames.forEach(function(e){var t=new n(i,i,e.value||e.url||e.data||"");t.frame=e,t.value=e,function(e){Object.defineProperties(e.frame,{id:{get:function(){return Ir.log.warn("cue.frame.id is deprecated. Use cue.value.key instead."),e.value.key}},value:{get:function(){return Ir.log.warn("cue.frame.value is deprecated. Use cue.value.data instead."),e.value.data}},privateData:{get:function(){return Ir.log.warn("cue.frame.privateData is deprecated. Use cue.value.data instead."),e.value.data}}})}(t),this.metadataTrack_.addCue(t)},this)},e),e.metadataTrack_&&e.metadataTrack_.cues&&e.metadataTrack_.cues.length){for(var s=e.metadataTrack_.cues,a=[],o=0;o<s.length;o++)s[o]&&a.push(s[o]);var u=a.reduce(function(e,t){var i=e[t.startTime]||[];return i.push(t),e[t.startTime]=i,e},{}),l=Object.keys(u).sort(function(e,t){return Number(e)-Number(t)});l.forEach(function(e,t){var i=u[e],n=Number(l[t+1])||r;i.forEach(function(e){e.endTime=n})})}}}var Wo=Ir.createTimeRange,zo=bo.bind(null,1),Go=bo.bind(null,-1),Ko={duration:mo,seekable:function(e,t){var i=t||0,n=vo(e,t,!0);return null===n?Wo():Wo(i,n)},safeLiveIndex:yo,getMediaInfoForTime:function(e,t,i,n){var r=void 0,s=void 0,a=e.segments.length,o=t-n;if(o<0){if(0<i)for(r=i-1;0<=r;r--)if(s=e.segments[r],0<(o+=Go(s.duration)))return{mediaIndex:r,startTime:n-go(e,i,r)};return{mediaIndex:0,startTime:t}}if(i<0){for(r=i;r<0;r++)if((o-=e.targetDuration)<0)return{mediaIndex:0,startTime:t};i=0}for(r=i;r<a;r++)if(s=e.segments[r],(o-=zo(s.duration))<0)return{mediaIndex:r,startTime:n+go(e,i,r)};return{mediaIndex:a-1,startTime:t}},isEnabled:So,isDisabled:function(e){return e.disabled},isBlacklisted:To,isIncompatible:ko,playlistEnd:vo,isAes:function(e){for(var t=0;t<e.segments.length;t++)if(e.segments[t].key)return!0;return!1},isFmp4:function(e){for(var t=0;t<e.segments.length;t++)if(e.segments[t].map)return!0;return!1},hasAttribute:Co,estimateSegmentRequestTime:function(e,t,i,n){var r=3<arguments.length&&void 0!==n?n:0;return Co("BANDWIDTH",i)?(e*i.attributes.BANDWIDTH-8*r)/t:NaN},isLowestEnabledRendition:Eo},Xo=Ir.xhr,Yo=Ir.mergeOptions,$o=Object.freeze({createTransferableMessage:Ao,initSegmentId:Oo,segmentKeyId:xo,hexDump:Do,tagDump:function(e){var t=e.bytes;return Do(t)},textRanges:function(e){var t,i,n="",r=void 0;for(r=0;r<e.length;r++)n+=(i=r,(t=e).start(i)+"-"+t.end(i)+" ");return n}}),Qo="undefined"!=typeof window?window:{},Jo="undefined"==typeof Symbol?"__target":Symbol(),Zo="application/javascript",eu=Qo.BlobBuilder||Qo.WebKitBlobBuilder||Qo.MozBlobBuilder||Qo.MSBlobBuilder,tu=Qo.URL||Qo.webkitURL||tu&&tu.msURL,iu=Qo.Worker;function nu(r,s){return function(e){var t=this;if(!s)return new iu(r);if(iu&&!e){var i=ou(s.toString().replace(/^function.+?{/,"").slice(0,-1));return this[Jo]=new iu(i),function(e,t){if(!e||!t)return;var i=e.terminate;e.objURL=t,e.terminate=function(){e.objURL&&tu.revokeObjectURL(e.objURL),i.call(e)}}(this[Jo],i),this[Jo]}var n={postMessage:function(e){t.onmessage&&setTimeout(function(){t.onmessage({data:e,target:n})})}};s.call(n),this.postMessage=function(e){setTimeout(function(){n.onmessage({data:e,target:t})})},this.isThisThread=!0}}if(iu){var ru,su=ou("self.onmessage = function () {}"),au=new Uint8Array(1);try{(ru=new iu(su)).postMessage(au,[au.buffer])}catch(e){iu=null}finally{tu.revokeObjectURL(su),ru&&ru.terminate()}}function ou(t){try{return tu.createObjectURL(new Blob([t],{type:Zo}))}catch(e){var i=new eu;return i.append(t),tu.createObjectURL(i.getBlob(type))}}function uu(e){return e.map(function(e){return e.replace(/avc1\.(\d+)\.(\d+)/i,function(e,t,i){return"avc1."+("00"+Number(t).toString(16)).slice(-2)+"00"+("00"+Number(i).toString(16)).slice(-2)})})}function lu(e){var t,i=0<arguments.length&&void 0!==e?e:"",n={codecCount:0};return n.codecCount=i.split(",").length,n.codecCount=n.codecCount||2,(t=/(^|\s|,)+(avc[13])([^ ,]*)/i.exec(i))&&(n.videoCodec=t[2],n.videoObjectTypeIndicator=t[3]),n.audioProfile=/(^|\s|,)+mp4a.[0-9A-Fa-f]+\.([0-9A-Fa-f]+)/i.exec(i),n.audioProfile=n.audioProfile&&n.audioProfile[2],n}function cu(e,t,i){return e+"/"+t+'; codecs="'+i.filter(function(e){return!!e}).join(", ")+'"'}function hu(e,t){var i=function(e){return e.segments&&e.segments.length&&e.segments[0].map?"mp4":"mp2t"}(t),n=function(e){var t=e.attributes||{};return t.CODECS?lu(t.CODECS):gu}(t),r=t.attributes||{},s=!0,a=!1;if(!t)return[];if(e.mediaGroups.AUDIO&&r.AUDIO){var o=e.mediaGroups.AUDIO[r.AUDIO];if(o)for(var u in s=!(a=!0),o)if(!o[u].uri&&!o[u].playlists){s=!0;break}}a&&!n.audioProfile&&(s||(n.audioProfile=function(e,t){if(!e.mediaGroups.AUDIO||!t)return null;var i=e.mediaGroups.AUDIO[t];if(!i)return null;for(var n in i){var r=i[n];if(r.default&&r.playlists)return lu(r.playlists[0].attributes.CODECS).audioProfile}return null}(e,r.AUDIO)),n.audioProfile||(Ir.log.warn("Multiple audio tracks present but no audio codec string is specified. Attempting to use the default audio codec (mp4a.40.2)"),n.audioProfile=gu.audioProfile));var l={};n.videoCodec&&(l.video=""+n.videoCodec+n.videoObjectTypeIndicator),n.audioProfile&&(l.audio="mp4a.40."+n.audioProfile);var c=cu("audio",i,[l.audio]),h=cu("video",i,[l.video]),d=cu("video",i,[l.video,l.audio]);return a?!s&&l.video?[h,c]:s||l.video?[d,c]:[c,c]:l.video?[d]:[c]}function du(e){var r={type:"",parameters:{}},t=e.trim().split(";");return r.type=t.shift().trim(),t.forEach(function(e){var t=e.trim().split("=");if(1<t.length){var i=t[0].replace(/"/g,"").trim(),n=t[1].replace(/"/g,"").trim();r.parameters[i]=n}}),r}function pu(e){return/mp4a\.\d+.\d+/i.test(e)}function fu(e){return/avc1\.[\da-f]+/i.test(e)}var mu=new nu("./transmuxer-worker.worker.js",function(e,t){var St=this;!function(){function e(){this.init=function(){var s={};this.on=function(e,t){s[e]||(s[e]=[]),s[e]=s[e].concat(t)},this.off=function(e,t){var i;return!!s[e]&&(i=s[e].indexOf(t),s[e]=s[e].slice(),s[e].splice(i,1),-1<i)},this.trigger=function(e){var t,i,n,r;if(t=s[e])if(2===arguments.length)for(n=t.length,i=0;i<n;++i)t[i].call(this,arguments[1]);else{for(r=[],i=arguments.length,i=1;i<arguments.length;++i)r.push(arguments[i]);for(n=t.length,i=0;i<n;++i)t[i].apply(this,r)}},this.dispose=function(){s={}}}}e.prototype.pipe=function(t){return this.on("data",function(e){t.push(e)}),this.on("done",function(e){t.flush(e)}),this.on("partialdone",function(e){t.partialFlush(e)}),this.on("endedtimeline",function(e){t.endTimeline(e)}),this.on("reset",function(e){t.reset(e)}),t},e.prototype.push=function(e){this.trigger("data",e)},e.prototype.flush=function(e){this.trigger("done",e)},e.prototype.partialFlush=function(e){this.trigger("partialdone",e)},e.prototype.endTimeline=function(e){this.trigger("endedtimeline",e)},e.prototype.reset=function(e){this.trigger("reset",e)};var l,t,i,r,s,n,a,o,u,c,h,d,p,f,m,g,y,v,_,b,T,k,S,C,E,w,P,L,I,A,O,x,D,U,R,M,N,B,j,F,H=e,q=Math.pow(2,32)-1;!function(){var e;if(k={avc1:[],avcC:[],btrt:[],dinf:[],dref:[],esds:[],ftyp:[],hdlr:[],mdat:[],mdhd:[],mdia:[],mfhd:[],minf:[],moof:[],moov:[],mp4a:[],mvex:[],mvhd:[],pasp:[],sdtp:[],smhd:[],stbl:[],stco:[],stsc:[],stsd:[],stsz:[],stts:[],styp:[],tfdt:[],tfhd:[],traf:[],trak:[],trun:[],trex:[],tkhd:[],vmhd:[]},"undefined"!=typeof Uint8Array){for(e in k)k.hasOwnProperty(e)&&(k[e]=[e.charCodeAt(0),e.charCodeAt(1),e.charCodeAt(2),e.charCodeAt(3)]);S=new Uint8Array(["i".charCodeAt(0),"s".charCodeAt(0),"o".charCodeAt(0),"m".charCodeAt(0)]),E=new Uint8Array(["a".charCodeAt(0),"v".charCodeAt(0),"c".charCodeAt(0),"1".charCodeAt(0)]),C=new Uint8Array([0,0,0,1]),w=new Uint8Array([0,0,0,0,0,0,0,0,118,105,100,101,0,0,0,0,0,0,0,0,0,0,0,0,86,105,100,101,111,72,97,110,100,108,101,114,0]),P=new Uint8Array([0,0,0,0,0,0,0,0,115,111,117,110,0,0,0,0,0,0,0,0,0,0,0,0,83,111,117,110,100,72,97,110,100,108,101,114,0]),L={video:w,audio:P},O=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,12,117,114,108,32,0,0,0,1]),A=new Uint8Array([0,0,0,0,0,0,0,0]),x=new Uint8Array([0,0,0,0,0,0,0,0]),D=x,U=new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0]),R=x,I=new Uint8Array([0,0,0,1,0,0,0,0,0,0,0,0])}}(),l=function(e){var t,i,n=[],r=0;for(t=1;t<arguments.length;t++)n.push(arguments[t]);for(t=n.length;t--;)r+=n[t].byteLength;for(i=new Uint8Array(r+8),new DataView(i.buffer,i.byteOffset,i.byteLength).setUint32(0,i.byteLength),i.set(e,4),t=0,r=8;t<n.length;t++)i.set(n[t],r),r+=n[t].byteLength;return i},t=function(){return l(k.dinf,l(k.dref,O))},i=function(e){return l(k.esds,new Uint8Array([0,0,0,0,3,25,0,0,0,4,17,64,21,0,6,0,0,0,218,192,0,0,218,192,5,2,e.audioobjecttype<<3|e.samplingfrequencyindex>>>1,e.samplingfrequencyindex<<7|e.channelcount<<3,6,1,2]))},m=function(e){return l(k.hdlr,L[e])},f=function(e){var t=new Uint8Array([0,0,0,0,0,0,0,2,0,0,0,3,0,1,95,144,e.duration>>>24&255,e.duration>>>16&255,e.duration>>>8&255,255&e.duration,85,196,0,0]);return e.samplerate&&(t[12]=e.samplerate>>>24&255,t[13]=e.samplerate>>>16&255,t[14]=e.samplerate>>>8&255,t[15]=255&e.samplerate),l(k.mdhd,t)},p=function(e){return l(k.mdia,f(e),m(e.type),n(e))},s=function(e){return l(k.mfhd,new Uint8Array([0,0,0,0,(4278190080&e)>>24,(16711680&e)>>16,(65280&e)>>8,255&e]))},n=function(e){return l(k.minf,"video"===e.type?l(k.vmhd,I):l(k.smhd,A),t(),y(e))},a=function(e,t){for(var i=[],n=t.length;n--;)i[n]=_(t[n]);return l.apply(null,[k.moof,s(e)].concat(i))},o=function(e){for(var t=e.length,i=[];t--;)i[t]=h(e[t]);return l.apply(null,[k.moov,c(4294967295)].concat(i).concat(u(e)))},u=function(e){for(var t=e.length,i=[];t--;)i[t]=b(e[t]);return l.apply(null,[k.mvex].concat(i))},c=function(e){var t=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,2,0,1,95,144,(4278190080&e)>>24,(16711680&e)>>16,(65280&e)>>8,255&e,0,1,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,255,255,255,255]);return l(k.mvhd,t)},g=function(e){var t,i,n=e.samples||[],r=new Uint8Array(4+n.length);for(i=0;i<n.length;i++)t=n[i].flags,r[i+4]=t.dependsOn<<4|t.isDependedOn<<2|t.hasRedundancy;return l(k.sdtp,r)},y=function(e){return l(k.stbl,v(e),l(k.stts,R),l(k.stsc,D),l(k.stsz,U),l(k.stco,x))},v=function(e){return l(k.stsd,new Uint8Array([0,0,0,0,0,0,0,1]),"video"===e.type?M(e):N(e))},M=function(e){var t,i,n=e.sps||[],r=e.pps||[],s=[],a=[];for(t=0;t<n.length;t++)s.push((65280&n[t].byteLength)>>>8),s.push(255&n[t].byteLength),s=s.concat(Array.prototype.slice.call(n[t]));for(t=0;t<r.length;t++)a.push((65280&r[t].byteLength)>>>8),a.push(255&r[t].byteLength),a=a.concat(Array.prototype.slice.call(r[t]));if(i=[k.avc1,new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,(65280&e.width)>>8,255&e.width,(65280&e.height)>>8,255&e.height,0,72,0,0,0,72,0,0,0,0,0,0,0,1,19,118,105,100,101,111,106,115,45,99,111,110,116,114,105,98,45,104,108,115,0,0,0,0,0,0,0,0,0,0,0,0,0,24,17,17]),l(k.avcC,new Uint8Array([1,e.profileIdc,e.profileCompatibility,e.levelIdc,255].concat([n.length],s,[r.length],a))),l(k.btrt,new Uint8Array([0,28,156,128,0,45,198,192,0,45,198,192]))],e.sarRatio){var o=e.sarRatio[0],u=e.sarRatio[1];i.push(l(k.pasp,new Uint8Array([(4278190080&o)>>24,(16711680&o)>>16,(65280&o)>>8,255&o,(4278190080&u)>>24,(16711680&u)>>16,(65280&u)>>8,255&u])))}return l.apply(null,i)},N=function(e){return l(k.mp4a,new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,(65280&e.channelcount)>>8,255&e.channelcount,(65280&e.samplesize)>>8,255&e.samplesize,0,0,0,0,(65280&e.samplerate)>>8,255&e.samplerate,0,0]),i(e))},d=function(e){var t=new Uint8Array([0,0,0,7,0,0,0,0,0,0,0,0,(4278190080&e.id)>>24,(16711680&e.id)>>16,(65280&e.id)>>8,255&e.id,0,0,0,0,(4278190080&e.duration)>>24,(16711680&e.duration)>>16,(65280&e.duration)>>8,255&e.duration,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,(65280&e.width)>>8,255&e.width,0,0,(65280&e.height)>>8,255&e.height,0,0]);return l(k.tkhd,t)},_=function(e){var t,i,n,r,s,a;return t=l(k.tfhd,new Uint8Array([0,0,0,58,(4278190080&e.id)>>24,(16711680&e.id)>>16,(65280&e.id)>>8,255&e.id,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0])),s=Math.floor(e.baseMediaDecodeTime/(1+q)),a=Math.floor(e.baseMediaDecodeTime%(1+q)),i=l(k.tfdt,new Uint8Array([1,0,0,0,s>>>24&255,s>>>16&255,s>>>8&255,255&s,a>>>24&255,a>>>16&255,a>>>8&255,255&a])),92,"audio"===e.type?(n=T(e,92),l(k.traf,t,i,n)):(r=g(e),n=T(e,r.length+92),l(k.traf,t,i,n,r))},h=function(e){return e.duration=e.duration||4294967295,l(k.trak,d(e),p(e))},b=function(e){var t=new Uint8Array([0,0,0,0,(4278190080&e.id)>>24,(16711680&e.id)>>16,(65280&e.id)>>8,255&e.id,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0,1]);return"video"!==e.type&&(t[t.length-1]=0),l(k.trex,t)},F=function(e,t){var i=0,n=0,r=0,s=0;return e.length&&(void 0!==e[0].duration&&(i=1),void 0!==e[0].size&&(n=2),void 0!==e[0].flags&&(r=4),void 0!==e[0].compositionTimeOffset&&(s=8)),[0,0,i|n|r|s,1,(4278190080&e.length)>>>24,(16711680&e.length)>>>16,(65280&e.length)>>>8,255&e.length,(4278190080&t)>>>24,(16711680&t)>>>16,(65280&t)>>>8,255&t]},j=function(e,t){var i,n,r,s;for(t+=20+16*(n=e.samples||[]).length,i=F(n,t),s=0;s<n.length;s++)r=n[s],i=i.concat([(4278190080&r.duration)>>>24,(16711680&r.duration)>>>16,(65280&r.duration)>>>8,255&r.duration,(4278190080&r.size)>>>24,(16711680&r.size)>>>16,(65280&r.size)>>>8,255&r.size,r.flags.isLeading<<2|r.flags.dependsOn,r.flags.isDependedOn<<6|r.flags.hasRedundancy<<4|r.flags.paddingValue<<1|r.flags.isNonSyncSample,61440&r.flags.degradationPriority,15&r.flags.degradationPriority,(4278190080&r.compositionTimeOffset)>>>24,(16711680&r.compositionTimeOffset)>>>16,(65280&r.compositionTimeOffset)>>>8,255&r.compositionTimeOffset]);return l(k.trun,new Uint8Array(i))},B=function(e,t){var i,n,r,s;for(t+=20+8*(n=e.samples||[]).length,i=F(n,t),s=0;s<n.length;s++)r=n[s],i=i.concat([(4278190080&r.duration)>>>24,(16711680&r.duration)>>>16,(65280&r.duration)>>>8,255&r.duration,(4278190080&r.size)>>>24,(16711680&r.size)>>>16,(65280&r.size)>>>8,255&r.size]);return l(k.trun,new Uint8Array(i))},T=function(e,t){return"audio"===e.type?B(e,t):j(e,t)};r=function(){return l(k.ftyp,S,C,S,E)};function V(e,t){var i={size:0,flags:{isLeading:0,dependsOn:1,isDependedOn:0,hasRedundancy:0,degradationPriority:0,isNonSyncSample:1}};return i.dataOffset=t,i.compositionTimeOffset=e.pts-e.dts,i.duration=e.duration,i.size=4*e.length,i.size+=e.byteLength,e.keyFrame&&(i.flags.dependsOn=2,i.flags.isNonSyncSample=0),i}function W(e){for(var t=[];e--;)t.push(0);return t}function z(){z.prototype.init.call(this),this.captionPackets_=[],this.ccStreams_=[new Ie(0,0),new Ie(0,1),new Ie(1,0),new Ie(1,1)],this.reset(),this.ccStreams_.forEach(function(e){e.on("data",this.trigger.bind(this,"data")),e.on("partialdone",this.trigger.bind(this,"partialdone")),e.on("done",this.trigger.bind(this,"done"))},this)}var G,K,X,Y,$,Q=function(e){return l(k.mdat,e)},J=a,Z=function(e){var t,i=r(),n=o(e);return(t=new Uint8Array(i.byteLength+n.byteLength)).set(i),t.set(n,i.byteLength),t},ee=function(e){var t,i,n=[],r=[];for(r.byteLength=0,r.nalCount=0,r.duration=0,t=n.byteLength=0;t<e.length;t++)"access_unit_delimiter_rbsp"===(i=e[t]).nalUnitType?(n.length&&(n.duration=i.dts-n.dts,r.byteLength+=n.byteLength,r.nalCount+=n.length,r.duration+=n.duration,r.push(n)),(n=[i]).byteLength=i.data.byteLength,n.pts=i.pts,n.dts=i.dts):("slice_layer_without_partitioning_rbsp_idr"===i.nalUnitType&&(n.keyFrame=!0),n.duration=i.dts-n.dts,n.byteLength+=i.data.byteLength,n.push(i));return r.length&&(!n.duration||n.duration<=0)&&(n.duration=r[r.length-1].duration),r.byteLength+=n.byteLength,r.nalCount+=n.length,r.duration+=n.duration,r.push(n),r},te=function(e){var t,i,n=[],r=[];for(n.byteLength=0,n.nalCount=0,n.duration=0,n.pts=e[0].pts,n.dts=e[0].dts,r.byteLength=0,r.nalCount=0,r.duration=0,r.pts=e[0].pts,r.dts=e[0].dts,t=0;t<e.length;t++)(i=e[t]).keyFrame?(n.length&&(r.push(n),r.byteLength+=n.byteLength,r.nalCount+=n.nalCount,r.duration+=n.duration),(n=[i]).nalCount=i.length,n.byteLength=i.byteLength,n.pts=i.pts,n.dts=i.dts,n.duration=i.duration):(n.duration+=i.duration,n.nalCount+=i.length,n.byteLength+=i.byteLength,n.push(i));return r.length&&n.duration<=0&&(n.duration=r[r.length-1].duration),r.byteLength+=n.byteLength,r.nalCount+=n.nalCount,r.duration+=n.duration,r.push(n),r},ie=function(e){var t;return!e[0][0].keyFrame&&1<e.length&&(t=e.shift(),e.byteLength-=t.byteLength,e.nalCount-=t.nalCount,e[0][0].dts=t.dts,e[0][0].pts=t.pts,e[0][0].duration+=t.duration),e},ne=function(e,t){var i,n,r,s,a,o=t||0,u=[];for(i=0;i<e.length;i++)for(s=e[i],n=0;n<s.length;n++)a=s[n],o+=(r=V(a,o)).size,u.push(r);return u},re=function(e){var t,i,n,r,s,a,o=0,u=e.byteLength,l=e.nalCount,c=new Uint8Array(u+4*l),h=new DataView(c.buffer);for(t=0;t<e.length;t++)for(r=e[t],i=0;i<r.length;i++)for(s=r[i],n=0;n<s.length;n++)a=s[n],h.setUint32(o,a.data.byteLength),o+=4,c.set(a.data,o),o+=a.data.byteLength;return c},se=[33,16,5,32,164,27],ae=[33,65,108,84,1,2,4,8,168,2,4,8,17,191,252],oe={96e3:[se,[227,64],W(154),[56]],88200:[se,[231],W(170),[56]],64e3:[se,[248,192],W(240),[56]],48e3:[se,[255,192],W(268),[55,148,128],W(54),[112]],44100:[se,[255,192],W(268),[55,163,128],W(84),[112]],32e3:[se,[255,192],W(268),[55,234],W(226),[112]],24e3:[se,[255,192],W(268),[55,255,128],W(268),[111,112],W(126),[224]],16e3:[se,[255,192],W(268),[55,255,128],W(268),[111,255],W(269),[223,108],W(195),[1,192]],12e3:[ae,W(268),[3,127,248],W(268),[6,255,240],W(268),[13,255,224],W(268),[27,253,128],W(259),[56]],11025:[ae,W(268),[3,127,248],W(268),[6,255,240],W(268),[13,255,224],W(268),[27,255,192],W(268),[55,175,128],W(108),[112]],8e3:[ae,W(268),[3,121,16],W(47),[7]]},ue=(G=oe,Object.keys(G).reduce(function(e,t){return e[t]=new Uint8Array(G[t].reduce(function(e,t){return e.concat(t)},[])),e},{})),le=9e4,ce=(K=function(e){return 9e4*e},X=function(e,t){return e*t},Y=function(e){return e/9e4},$=function(e,t){return e/t},function(e,t){return K($(e,t))}),he=function(e,t){return X(Y(e),t)},de=function(e,t,i){return Y(i?e:e-t)},pe=function(e,t,i,n){var r,s,a,o,u,l=0,c=0,h=0;if(t.length&&(r=ce(e.baseMediaDecodeTime,e.samplerate),s=Math.ceil(le/(e.samplerate/1024)),i&&n&&(l=r-Math.max(i,n),h=(c=Math.floor(l/s))*s),!(c<1||le/2<h))){for(a=(a=ue[e.samplerate])||t[0].data,o=0;o<c;o++)u=t[0],t.splice(0,0,{data:a,dts:u.dts-s,pts:u.pts-s});e.baseMediaDecodeTime-=Math.floor(he(h,e.samplerate))}},fe=function(e,t,i){return t.minSegmentDts>=i?e:(t.minSegmentDts=1/0,e.filter(function(e){return e.dts>=i&&(t.minSegmentDts=Math.min(t.minSegmentDts,e.dts),t.minSegmentPts=t.minSegmentDts,!0)}))},me=function(e){var t,i,n=[];for(t=0;t<e.length;t++)i=e[t],n.push({size:i.data.byteLength,duration:1024});return n},ge=function(e){var t,i,n=0,r=new Uint8Array(function(e){var t,i=0;for(t=0;t<e.length;t++)i+=e[t].data.byteLength;return i}(e));for(t=0;t<e.length;t++)i=e[t],r.set(i.data,n),n+=i.data.byteLength;return r},ye=le,ve=function(e){delete e.minSegmentDts,delete e.maxSegmentDts,delete e.minSegmentPts,delete e.maxSegmentPts},_e=function(e,t){var i,n=e.minSegmentDts;return t||(n-=e.timelineStartInfo.dts),i=e.timelineStartInfo.baseMediaDecodeTime,i+=n,i=Math.max(0,i),"audio"===e.type&&(i*=e.samplerate/ye,i=Math.floor(i)),i},be=function(e,t){"number"==typeof t.pts&&(void 0===e.timelineStartInfo.pts&&(e.timelineStartInfo.pts=t.pts),void 0===e.minSegmentPts?e.minSegmentPts=t.pts:e.minSegmentPts=Math.min(e.minSegmentPts,t.pts),void 0===e.maxSegmentPts?e.maxSegmentPts=t.pts:e.maxSegmentPts=Math.max(e.maxSegmentPts,t.pts)),"number"==typeof t.dts&&(void 0===e.timelineStartInfo.dts&&(e.timelineStartInfo.dts=t.dts),void 0===e.minSegmentDts?e.minSegmentDts=t.dts:e.minSegmentDts=Math.min(e.minSegmentDts,t.dts),void 0===e.maxSegmentDts?e.maxSegmentDts=t.dts:e.maxSegmentDts=Math.max(e.maxSegmentDts,t.dts))},Te=function(e){for(var t=0,i={payloadType:-1,payloadSize:0},n=0,r=0;t<e.byteLength&&128!==e[t];){for(;255===e[t];)n+=255,t++;for(n+=e[t++];255===e[t];)r+=255,t++;if(r+=e[t++],!i.payload&&4===n){i.payloadType=n,i.payloadSize=r,i.payload=e.subarray(t,t+r);break}t+=r,r=n=0}return i},ke=function(e){return 181!==e.payload[0]?null:49!=(e.payload[1]<<8|e.payload[2])?null:"GA94"!==String.fromCharCode(e.payload[3],e.payload[4],e.payload[5],e.payload[6])?null:3!==e.payload[7]?null:e.payload.subarray(8,e.payload.length-1)},Se=function(e,t){var i,n,r,s,a=[];if(!(64&t[0]))return a;for(n=31&t[0],i=0;i<n;i++)s={type:3&t[2+(r=3*i)],pts:e},4&t[2+r]&&(s.ccData=t[3+r]<<8|t[4+r],a.push(s));return a},Ce=4;(z.prototype=new H).push=function(e){var t,i,n;if("sei_rbsp"===e.nalUnitType&&(t=Te(e.escapedRBSP)).payloadType===Ce&&(i=ke(t)))if(e.dts<this.latestDts_)this.ignoreNextEqualDts_=!0;else{if(e.dts===this.latestDts_&&this.ignoreNextEqualDts_)return this.numSameDts_--,void(this.numSameDts_||(this.ignoreNextEqualDts_=!1));n=Se(e.pts,i),this.captionPackets_=this.captionPackets_.concat(n),this.latestDts_!==e.dts&&(this.numSameDts_=0),this.numSameDts_++,this.latestDts_=e.dts}},z.prototype.flushCCStreams=function(t){this.ccStreams_.forEach(function(e){return"flush"===t?e.flush():e.partialFlush()},this)},z.prototype.flushStream=function(e){this.captionPackets_.length&&(this.captionPackets_.forEach(function(e,t){e.presortIndex=t}),this.captionPackets_.sort(function(e,t){return e.pts===t.pts?e.presortIndex-t.presortIndex:e.pts-t.pts}),this.captionPackets_.forEach(function(e){e.type<2&&this.dispatchCea608Packet(e)},this),this.captionPackets_.length=0),this.flushCCStreams(e)},z.prototype.flush=function(){return this.flushStream("flush")},z.prototype.partialFlush=function(){return this.flushStream("partialFlush")},z.prototype.reset=function(){this.latestDts_=null,this.ignoreNextEqualDts_=!1,this.numSameDts_=0,this.activeCea608Channel_=[null,null],this.ccStreams_.forEach(function(e){e.reset()})},z.prototype.dispatchCea608Packet=function(e){this.setsTextOrXDSActive(e)?this.activeCea608Channel_[e.type]=null:this.setsChannel1Active(e)?this.activeCea608Channel_[e.type]=0:this.setsChannel2Active(e)&&(this.activeCea608Channel_[e.type]=1),null!==this.activeCea608Channel_[e.type]&&this.ccStreams_[(e.type<<1)+this.activeCea608Channel_[e.type]].push(e)},z.prototype.setsChannel1Active=function(e){return 4096==(30720&e.ccData)},z.prototype.setsChannel2Active=function(e){return 6144==(30720&e.ccData)},z.prototype.setsTextOrXDSActive=function(e){return 256==(28928&e.ccData)||4138==(30974&e.ccData)||6186==(30974&e.ccData)};function Ee(e){return null===e?"":(e=Pe[e]||e,String.fromCharCode(e))}function we(){for(var e=[],t=15;t--;)e.push("");return e}var Pe={42:225,92:233,94:237,95:243,96:250,123:231,124:247,125:209,126:241,127:9608,304:174,305:176,306:189,307:191,308:8482,309:162,310:163,311:9834,312:224,313:160,314:232,315:226,316:234,317:238,318:244,319:251,544:193,545:201,546:211,547:218,548:220,549:252,550:8216,551:161,552:42,553:39,554:8212,555:169,556:8480,557:8226,558:8220,559:8221,560:192,561:194,562:199,563:200,564:202,565:203,566:235,567:206,568:207,569:239,570:212,571:217,572:249,573:219,574:171,575:187,800:195,801:227,802:205,803:204,804:236,805:210,806:242,807:213,808:245,809:123,810:125,811:92,812:94,813:95,814:124,815:126,816:196,817:228,818:214,819:246,820:223,821:165,822:164,823:9474,824:197,825:229,826:216,827:248,828:9484,829:9488,830:9492,831:9496},Le=[4352,4384,4608,4640,5376,5408,5632,5664,5888,5920,4096,4864,4896,5120,5152],Ie=function e(t,i){e.prototype.init.call(this),this.field_=t||0,this.dataChannel_=i||0,this.name_="CC"+(1+(this.field_<<1|this.dataChannel_)),this.setConstants(),this.reset(),this.push=function(e){var t,i,n,r,s;if((t=32639&e.ccData)!==this.lastControlCode_){if(4096==(61440&t)?this.lastControlCode_=t:t!==this.PADDING_&&(this.lastControlCode_=null),n=t>>>8,r=255&t,t!==this.PADDING_)if(t===this.RESUME_CAPTION_LOADING_)this.mode_="popOn";else if(t===this.END_OF_CAPTION_)this.mode_="popOn",this.clearFormatting(e.pts),this.flushDisplayed(e.pts),i=this.displayed_,this.displayed_=this.nonDisplayed_,this.nonDisplayed_=i,this.startPts_=e.pts;else if(t===this.ROLL_UP_2_ROWS_)this.rollUpRows_=2,this.setRollUp(e.pts);else if(t===this.ROLL_UP_3_ROWS_)this.rollUpRows_=3,this.setRollUp(e.pts);else if(t===this.ROLL_UP_4_ROWS_)this.rollUpRows_=4,this.setRollUp(e.pts);else if(t===this.CARRIAGE_RETURN_)this.clearFormatting(e.pts),this.flushDisplayed(e.pts),this.shiftRowsUp_(),this.startPts_=e.pts;else if(t===this.BACKSPACE_)"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[this.row_]=this.displayed_[this.row_].slice(0,-1);else if(t===this.ERASE_DISPLAYED_MEMORY_)this.flushDisplayed(e.pts),this.displayed_=we();else if(t===this.ERASE_NON_DISPLAYED_MEMORY_)this.nonDisplayed_=we();else if(t===this.RESUME_DIRECT_CAPTIONING_)"paintOn"!==this.mode_&&(this.flushDisplayed(e.pts),this.displayed_=we()),this.mode_="paintOn",this.startPts_=e.pts;else if(this.isSpecialCharacter(n,r))s=Ee((n=(3&n)<<8)|r),this[this.mode_](e.pts,s),this.column_++;else if(this.isExtCharacter(n,r))"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[this.row_]=this.displayed_[this.row_].slice(0,-1),s=Ee((n=(3&n)<<8)|r),this[this.mode_](e.pts,s),this.column_++;else if(this.isMidRowCode(n,r))this.clearFormatting(e.pts),this[this.mode_](e.pts," "),this.column_++,14==(14&r)&&this.addFormatting(e.pts,["i"]),1==(1&r)&&this.addFormatting(e.pts,["u"]);else if(this.isOffsetControlCode(n,r))this.column_+=3&r;else if(this.isPAC(n,r)){var a=Le.indexOf(7968&t);"rollUp"===this.mode_&&(a-this.rollUpRows_+1<0&&(a=this.rollUpRows_-1),this.setRollUp(e.pts,a)),a!==this.row_&&(this.clearFormatting(e.pts),this.row_=a),1&r&&-1===this.formatting_.indexOf("u")&&this.addFormatting(e.pts,["u"]),16==(16&t)&&(this.column_=4*((14&t)>>1)),this.isColorPAC(r)&&14==(14&r)&&this.addFormatting(e.pts,["i"])}else this.isNormalChar(n)&&(0===r&&(r=null),s=Ee(n),s+=Ee(r),this[this.mode_](e.pts,s),this.column_+=s.length)}else this.lastControlCode_=null}};Ie.prototype=new H,Ie.prototype.flushDisplayed=function(e){var t=this.displayed_.map(function(e){try{return e.trim()}catch(e){return""}}).join("\n").replace(/^\n+|\n+$/g,"");t.length&&this.trigger("data",{startPts:this.startPts_,endPts:e,text:t,stream:this.name_})},Ie.prototype.reset=function(){this.mode_="popOn",this.topRow_=0,this.startPts_=0,this.displayed_=we(),this.nonDisplayed_=we(),this.lastControlCode_=null,this.column_=0,this.row_=14,this.rollUpRows_=2,this.formatting_=[]},Ie.prototype.setConstants=function(){0===this.dataChannel_?(this.BASE_=16,this.EXT_=17,this.CONTROL_=(20|this.field_)<<8,this.OFFSET_=23):1===this.dataChannel_&&(this.BASE_=24,this.EXT_=25,this.CONTROL_=(28|this.field_)<<8,this.OFFSET_=31),this.PADDING_=0,this.RESUME_CAPTION_LOADING_=32|this.CONTROL_,this.END_OF_CAPTION_=47|this.CONTROL_,this.ROLL_UP_2_ROWS_=37|this.CONTROL_,this.ROLL_UP_3_ROWS_=38|this.CONTROL_,this.ROLL_UP_4_ROWS_=39|this.CONTROL_,this.CARRIAGE_RETURN_=45|this.CONTROL_,this.RESUME_DIRECT_CAPTIONING_=41|this.CONTROL_,this.BACKSPACE_=33|this.CONTROL_,this.ERASE_DISPLAYED_MEMORY_=44|this.CONTROL_,this.ERASE_NON_DISPLAYED_MEMORY_=46|this.CONTROL_},Ie.prototype.isSpecialCharacter=function(e,t){return e===this.EXT_&&48<=t&&t<=63},Ie.prototype.isExtCharacter=function(e,t){return(e===this.EXT_+1||e===this.EXT_+2)&&32<=t&&t<=63},Ie.prototype.isMidRowCode=function(e,t){return e===this.EXT_&&32<=t&&t<=47},Ie.prototype.isOffsetControlCode=function(e,t){return e===this.OFFSET_&&33<=t&&t<=35},Ie.prototype.isPAC=function(e,t){return e>=this.BASE_&&e<this.BASE_+8&&64<=t&&t<=127},Ie.prototype.isColorPAC=function(e){return 64<=e&&e<=79||96<=e&&e<=127},Ie.prototype.isNormalChar=function(e){return 32<=e&&e<=127},Ie.prototype.setRollUp=function(e,t){if("rollUp"!==this.mode_&&(this.row_=14,this.mode_="rollUp",this.flushDisplayed(e),this.nonDisplayed_=we(),this.displayed_=we()),void 0!==t&&t!==this.row_)for(var i=0;i<this.rollUpRows_;i++)this.displayed_[t-i]=this.displayed_[this.row_-i],this.displayed_[this.row_-i]="";void 0===t&&(t=this.row_),this.topRow_=t-this.rollUpRows_+1},Ie.prototype.addFormatting=function(e,t){this.formatting_=this.formatting_.concat(t);var i=t.reduce(function(e,t){return e+"<"+t+">"},"");this[this.mode_](e,i)},Ie.prototype.clearFormatting=function(e){if(this.formatting_.length){var t=this.formatting_.reverse().reduce(function(e,t){return e+"</"+t+">"},"");this.formatting_=[],this[this.mode_](e,t)}},Ie.prototype.popOn=function(e,t){var i=this.nonDisplayed_[this.row_];i+=t,this.nonDisplayed_[this.row_]=i},Ie.prototype.rollUp=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i},Ie.prototype.shiftRowsUp_=function(){var e;for(e=0;e<this.topRow_;e++)this.displayed_[e]="";for(e=this.row_+1;e<15;e++)this.displayed_[e]="";for(e=this.topRow_;e<this.row_;e++)this.displayed_[e]=this.displayed_[e+1];this.displayed_[this.row_]=""},Ie.prototype.paintOn=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i};function Ae(e,t){var i=1;for(t<e&&(i=-1);4294967296<Math.abs(t-e);)e+=8589934592*i;return e}function Oe(e){var t,i;Oe.prototype.init.call(this),this.type_=e||"shared",this.push=function(e){"shared"!==this.type_&&e.type!==this.type_||(void 0===i&&(i=e.dts),e.dts=Ae(e.dts,i),e.pts=Ae(e.pts,i),t=e.dts,this.trigger("data",e))},this.flush=function(){i=t,this.trigger("done")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline")},this.discontinuity=function(){t=i=void 0},this.reset=function(){this.discontinuity(),this.trigger("reset")}}var xe={CaptionStream:z,Cea608Stream:Ie},De={H264_STREAM_TYPE:27,ADTS_STREAM_TYPE:15,METADATA_STREAM_TYPE:21};Oe.prototype=new H;function Ue(e,t,i){var n,r="";for(n=t;n<i;n++)r+="%"+("00"+e[n].toString(16)).slice(-2);return r}function Re(e,t,i){return decodeURIComponent(Ue(e,t,i))}function Me(e){return e[0]<<21|e[1]<<14|e[2]<<7|e[3]}var Ne,Be=Oe,je={TXXX:function(e){var t;if(3===e.data[0]){for(t=1;t<e.data.length;t++)if(0===e.data[t]){e.description=Re(e.data,1,t),e.value=Re(e.data,t+1,e.data.length).replace(/\0*$/,"");break}e.data=e.value}},WXXX:function(e){var t;if(3===e.data[0])for(t=1;t<e.data.length;t++)if(0===e.data[t]){e.description=Re(e.data,1,t),e.url=Re(e.data,t+1,e.data.length);break}},PRIV:function(e){var t,i;for(t=0;t<e.data.length;t++)if(0===e.data[t]){e.owner=(i=e.data,unescape(Ue(i,0,t)));break}e.privateData=e.data.subarray(t+1),e.data=e.privateData}};(Ne=function(e){var t,u={debug:!(!e||!e.debug),descriptor:e&&e.descriptor},l=0,c=[],h=0;if(Ne.prototype.init.call(this),this.dispatchType=De.METADATA_STREAM_TYPE.toString(16),u.descriptor)for(t=0;t<u.descriptor.length;t++)this.dispatchType+=("00"+u.descriptor[t].toString(16)).slice(-2);this.push=function(e){var t,i,n,r,s;if("timed-metadata"===e.type)if(e.dataAlignmentIndicator&&(h=0,c.length=0),0===c.length&&(e.data.length<10||e.data[0]!=="I".charCodeAt(0)||e.data[1]!=="D".charCodeAt(0)||e.data[2]!=="3".charCodeAt(0)))u.debug;else if(c.push(e),h+=e.data.byteLength,1===c.length&&(l=Me(e.data.subarray(6,10)),l+=10),!(h<l)){for(t={data:new Uint8Array(l),frames:[],pts:c[0].pts,dts:c[0].dts},s=0;s<l;)t.data.set(c[0].data.subarray(0,l-s),s),s+=c[0].data.byteLength,h-=c[0].data.byteLength,c.shift();i=10,64&t.data[5]&&(i+=4,i+=Me(t.data.subarray(10,14)),l-=Me(t.data.subarray(16,20)));do{if((n=Me(t.data.subarray(i+4,i+8)))<1)return;if((r={id:String.fromCharCode(t.data[i],t.data[i+1],t.data[i+2],t.data[i+3]),data:t.data.subarray(i+10,i+n+10)}).key=r.id,je[r.id]&&(je[r.id](r),"com.apple.streaming.transportStreamTimestamp"===r.owner)){var a=r.data,o=(1&a[3])<<30|a[4]<<22|a[5]<<14|a[6]<<6|a[7]>>>2;o*=4,o+=3&a[7],r.timeStamp=o,void 0===t.pts&&void 0===t.dts&&(t.pts=r.timeStamp,t.dts=r.timeStamp),this.trigger("timestamp",r)}t.frames.push(r),i+=10,i+=n}while(i<l);this.trigger("data",t)}}}).prototype=new H;var Fe,He,qe,Ve=Ne,We=Be;(Fe=function(){var r=new Uint8Array(188),s=0;Fe.prototype.init.call(this),this.push=function(e){var t,i=0,n=188;for(s?((t=new Uint8Array(e.byteLength+s)).set(r.subarray(0,s)),t.set(e,s),s=0):t=e;n<t.byteLength;)71!==t[i]||71!==t[n]?(i++,n++):(this.trigger("data",t.subarray(i,n)),i+=188,n+=188);i<t.byteLength&&(r.set(t.subarray(i),0),s=t.byteLength-i)},this.flush=function(){188===s&&71===r[0]&&(this.trigger("data",r),s=0),this.trigger("done")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline")},this.reset=function(){s=0,this.trigger("reset")}}).prototype=new H,(He=function(){var n,r,s,a;He.prototype.init.call(this),(a=this).packetsWaitingForPmt=[],this.programMapTable=void 0,n=function(e,t){var i=0;t.payloadUnitStartIndicator&&(i+=e[i]+1),"pat"===t.type?r(e.subarray(i),t):s(e.subarray(i),t)},r=function(e,t){t.section_number=e[7],t.last_section_number=e[8],a.pmtPid=(31&e[10])<<8|e[11],t.pmtPid=a.pmtPid},s=function(e,t){var i,n;if(1&e[5]){for(a.programMapTable={video:null,audio:null,"timed-metadata":{}},i=3+((15&e[1])<<8|e[2])-4,n=12+((15&e[10])<<8|e[11]);n<i;){var r=e[n],s=(31&e[n+1])<<8|e[n+2];r===De.H264_STREAM_TYPE&&null===a.programMapTable.video?a.programMapTable.video=s:r===De.ADTS_STREAM_TYPE&&null===a.programMapTable.audio?a.programMapTable.audio=s:r===De.METADATA_STREAM_TYPE&&(a.programMapTable["timed-metadata"][s]=r),n+=5+((15&e[n+3])<<8|e[n+4])}t.programMapTable=a.programMapTable}},this.push=function(e){var t={},i=4;if(t.payloadUnitStartIndicator=!!(64&e[1]),t.pid=31&e[1],t.pid<<=8,t.pid|=e[2],1<(48&e[3])>>>4&&(i+=e[i]+1),0===t.pid)t.type="pat",n(e.subarray(i),t),this.trigger("data",t);else if(t.pid===this.pmtPid)for(t.type="pmt",n(e.subarray(i),t),this.trigger("data",t);this.packetsWaitingForPmt.length;)this.processPes_.apply(this,this.packetsWaitingForPmt.shift());else void 0===this.programMapTable?this.packetsWaitingForPmt.push([e,i,t]):this.processPes_(e,i,t)},this.processPes_=function(e,t,i){i.pid===this.programMapTable.video?i.streamType=De.H264_STREAM_TYPE:i.pid===this.programMapTable.audio?i.streamType=De.ADTS_STREAM_TYPE:i.streamType=this.programMapTable["timed-metadata"][i.pid],i.type="pes",i.data=e.subarray(t),this.trigger("data",i)}}).prototype=new H,He.STREAM_TYPES={h264:27,adts:15},(qe=function(){function n(e,t,i){var n,r,s=new Uint8Array(e.size),a={type:t},o=0,u=0;if(e.data.length&&!(e.size<9)){for(a.trackId=e.data[0].pid,o=0;o<e.data.length;o++)r=e.data[o],s.set(r.data,u),u+=r.data.byteLength;!function(e,t){var i;t.packetLength=6+(e[4]<<8|e[5]),t.dataAlignmentIndicator=0!=(4&e[6]),192&(i=e[7])&&(t.pts=(14&e[9])<<27|(255&e[10])<<20|(254&e[11])<<12|(255&e[12])<<5|(254&e[13])>>>3,t.pts*=4,t.pts+=(6&e[13])>>>1,t.dts=t.pts,64&i&&(t.dts=(14&e[14])<<27|(255&e[15])<<20|(254&e[16])<<12|(255&e[17])<<5|(254&e[18])>>>3,t.dts*=4,t.dts+=(6&e[18])>>>1)),t.data=e.subarray(9+e[8])}(s,a),n="video"===t||a.packetLength<=e.size,(i||n)&&(e.size=0,e.data.length=0),n&&l.trigger("data",a)}}var t,l=this,r={data:[],size:0},s={data:[],size:0},a={data:[],size:0};qe.prototype.init.call(this),this.push=function(i){({pat:function(){},pes:function(){var e,t;switch(i.streamType){case De.H264_STREAM_TYPE:case De.H264_STREAM_TYPE:e=r,t="video";break;case De.ADTS_STREAM_TYPE:e=s,t="audio";break;case De.METADATA_STREAM_TYPE:e=a,t="timed-metadata";break;default:return}i.payloadUnitStartIndicator&&n(e,t,!0),e.data.push(i),e.size+=i.data.byteLength},pmt:function(){var e={type:"metadata",tracks:[]};null!==(t=i.programMapTable).video&&e.tracks.push({timelineStartInfo:{baseMediaDecodeTime:0},id:+t.video,codec:"avc",type:"video"}),null!==t.audio&&e.tracks.push({timelineStartInfo:{baseMediaDecodeTime:0},id:+t.audio,codec:"adts",type:"audio"}),l.trigger("data",e)}})[i.type]()},this.reset=function(){r.size=0,r.data.length=0,s.size=0,s.data.length=0,this.trigger("reset")},this.flushStreams_=function(){n(r,"video"),n(s,"audio"),n(a,"timed-metadata")},this.flush=function(){this.flushStreams_(),this.trigger("done")}}).prototype=new H;var ze={PAT_PID:0,MP2T_PACKET_LENGTH:188,TransportPacketStream:Fe,TransportParseStream:He,ElementaryStream:qe,TimestampRolloverStream:We,CaptionStream:xe.CaptionStream,Cea608Stream:xe.Cea608Stream,MetadataStream:Ve};for(var Ge in De)De.hasOwnProperty(Ge)&&(ze[Ge]=De[Ge]);var Ke,Xe=ze,Ye=le,$e=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350];(Ke=function(u){var l,c=0;Ke.prototype.init.call(this),this.push=function(e){var t,i,n,r,s,a,o=0;if(u||(c=0),"audio"===e.type)for(l?(r=l,(l=new Uint8Array(r.byteLength+e.data.byteLength)).set(r),l.set(e.data,r.byteLength)):l=e.data;o+5<l.length;)if(255===l[o]&&240==(246&l[o+1])){if(i=2*(1&~l[o+1]),t=(3&l[o+3])<<11|l[o+4]<<3|(224&l[o+5])>>5,a=(s=1024*(1+(3&l[o+6])))*Ye/$e[(60&l[o+2])>>>2],n=o+t,l.byteLength<n)return;if(this.trigger("data",{pts:e.pts+c*a,dts:e.dts+c*a,sampleCount:s,audioobjecttype:1+(l[o+2]>>>6&3),channelcount:(1&l[o+2])<<2|(192&l[o+3])>>>6,samplerate:$e[(60&l[o+2])>>>2],samplingfrequencyindex:(60&l[o+2])>>>2,samplesize:16,data:l.subarray(o+7+i,n)}),c++,l.byteLength===n)return void(l=void 0);l=l.subarray(n)}else o++},this.flush=function(){c=0,this.trigger("done")},this.reset=function(){l=void 0,this.trigger("reset")},this.endTimeline=function(){l=void 0,this.trigger("endedtimeline")}}).prototype=new H;var Qe,Je,Ze,et=Ke,tt=function(n){var r=n.byteLength,s=0,a=0;this.length=function(){return 8*r},this.bitsAvailable=function(){return 8*r+a},this.loadWord=function(){var e=n.byteLength-r,t=new Uint8Array(4),i=Math.min(4,r);if(0===i)throw new Error("no bytes available");t.set(n.subarray(e,e+i)),s=new DataView(t.buffer).getUint32(0),a=8*i,r-=i},this.skipBits=function(e){var t;e<a||(e-=a,e-=8*(t=Math.floor(e/8)),r-=t,this.loadWord()),s<<=e,a-=e},this.readBits=function(e){var t=Math.min(a,e),i=s>>>32-t;return 0<(a-=t)?s<<=t:0<r&&this.loadWord(),0<(t=e-t)?i<<t|this.readBits(t):i},this.skipLeadingZeros=function(){var e;for(e=0;e<a;++e)if(0!=(s&2147483648>>>e))return s<<=e,a-=e,e;return this.loadWord(),e+this.skipLeadingZeros()},this.skipUnsignedExpGolomb=function(){this.skipBits(1+this.skipLeadingZeros())},this.skipExpGolomb=function(){this.skipBits(1+this.skipLeadingZeros())},this.readUnsignedExpGolomb=function(){var e=this.skipLeadingZeros();return this.readBits(e+1)-1},this.readExpGolomb=function(){var e=this.readUnsignedExpGolomb();return 1&e?1+e>>>1:-1*(e>>>1)},this.readBoolean=function(){return 1===this.readBits(1)},this.readUnsignedByte=function(){return this.readBits(8)},this.loadWord()};(Je=function(){var n,r,s=0;Je.prototype.init.call(this),this.push=function(e){for(var t,i=(r=r?((t=new Uint8Array(r.byteLength+e.data.byteLength)).set(r),t.set(e.data,r.byteLength),t):e.data).byteLength;s<i-3;s++)if(1===r[s+2]){n=s+5;break}for(;n<i;)switch(r[n]){case 0:if(0!==r[n-1]){n+=2;break}if(0!==r[n-2]){n++;break}for(s+3!==n-2&&this.trigger("data",r.subarray(s+3,n-2));1!==r[++n]&&n<i;);s=n-2,n+=3;break;case 1:if(0!==r[n-1]||0!==r[n-2]){n+=3;break}this.trigger("data",r.subarray(s+3,n-2)),s=n-2,n+=3;break;default:n+=3}r=r.subarray(s),n-=s,s=0},this.reset=function(){r=null,s=0,this.trigger("reset")},this.flush=function(){r&&3<r.byteLength&&this.trigger("data",r.subarray(s+3)),r=null,s=0,this.trigger("done")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline")}}).prototype=new H,Ze={100:!0,110:!0,122:!0,244:!0,44:!0,83:!0,86:!0,118:!0,128:!0,138:!0,139:!0,134:!0},(Qe=function(){var i,n,r,s,a,o,_,t=new Je;Qe.prototype.init.call(this),(i=this).push=function(e){"video"===e.type&&(n=e.trackId,r=e.pts,s=e.dts,t.push(e))},t.on("data",function(e){var t={trackId:n,pts:r,dts:s,data:e};switch(31&e[0]){case 5:t.nalUnitType="slice_layer_without_partitioning_rbsp_idr";break;case 6:t.nalUnitType="sei_rbsp",t.escapedRBSP=a(e.subarray(1));break;case 7:t.nalUnitType="seq_parameter_set_rbsp",t.escapedRBSP=a(e.subarray(1)),t.config=o(t.escapedRBSP);break;case 8:t.nalUnitType="pic_parameter_set_rbsp";break;case 9:t.nalUnitType="access_unit_delimiter_rbsp"}i.trigger("data",t)}),t.on("done",function(){i.trigger("done")}),t.on("partialdone",function(){i.trigger("partialdone")}),t.on("reset",function(){i.trigger("reset")}),t.on("endedtimeline",function(){i.trigger("endedtimeline")}),this.flush=function(){t.flush()},this.partialFlush=function(){t.partialFlush()},this.reset=function(){t.reset()},this.endTimeline=function(){t.endTimeline()},_=function(e,t){var i,n=8,r=8;for(i=0;i<e;i++)0!==r&&(r=(n+t.readExpGolomb()+256)%256),n=0===r?n:r},a=function(e){for(var t,i,n=e.byteLength,r=[],s=1;s<n-2;)0===e[s]&&0===e[s+1]&&3===e[s+2]?(r.push(s+2),s+=2):s++;if(0===r.length)return e;t=n-r.length,i=new Uint8Array(t);var a=0;for(s=0;s<t;a++,s++)a===r[0]&&(a++,r.shift()),i[s]=e[a];return i},o=function(e){var t,i,n,r,s,a,o,u,l,c,h,d,p,f=0,m=0,g=0,y=0,v=1;if(i=(t=new tt(e)).readUnsignedByte(),r=t.readUnsignedByte(),n=t.readUnsignedByte(),t.skipUnsignedExpGolomb(),Ze[i]&&(3===(s=t.readUnsignedExpGolomb())&&t.skipBits(1),t.skipUnsignedExpGolomb(),t.skipUnsignedExpGolomb(),t.skipBits(1),t.readBoolean()))for(h=3!==s?8:12,p=0;p<h;p++)t.readBoolean()&&_(p<6?16:64,t);if(t.skipUnsignedExpGolomb(),0===(a=t.readUnsignedExpGolomb()))t.readUnsignedExpGolomb();else if(1===a)for(t.skipBits(1),t.skipExpGolomb(),t.skipExpGolomb(),o=t.readUnsignedExpGolomb(),p=0;p<o;p++)t.skipExpGolomb();if(t.skipUnsignedExpGolomb(),t.skipBits(1),u=t.readUnsignedExpGolomb(),l=t.readUnsignedExpGolomb(),0===(c=t.readBits(1))&&t.skipBits(1),t.skipBits(1),t.readBoolean()&&(f=t.readUnsignedExpGolomb(),m=t.readUnsignedExpGolomb(),g=t.readUnsignedExpGolomb(),y=t.readUnsignedExpGolomb()),t.readBoolean()&&t.readBoolean()){switch(t.readUnsignedByte()){case 1:d=[1,1];break;case 2:d=[12,11];break;case 3:d=[10,11];break;case 4:d=[16,11];break;case 5:d=[40,33];break;case 6:d=[24,11];break;case 7:d=[20,11];break;case 8:d=[32,11];break;case 9:d=[80,33];break;case 10:d=[18,11];break;case 11:d=[15,11];break;case 12:d=[64,33];break;case 13:d=[160,99];break;case 14:d=[4,3];break;case 15:d=[3,2];break;case 16:d=[2,1];break;case 255:d=[t.readUnsignedByte()<<8|t.readUnsignedByte(),t.readUnsignedByte()<<8|t.readUnsignedByte()]}d&&(v=d[0]/d[1])}return{profileIdc:i,levelIdc:n,profileCompatibility:r,width:Math.ceil((16*(u+1)-2*f-2*m)*v),height:(2-c)*(l+1)*16-2*g-2*y,sarRatio:d}}}).prototype=new H;var it,nt={H264Stream:Qe,NalByteStream:Je},rt=function(e){return e[0]==="I".charCodeAt(0)&&e[1]==="D".charCodeAt(0)&&e[2]==="3".charCodeAt(0)},st=function(e,t){var i=e[t+6]<<21|e[t+7]<<14|e[t+8]<<7|e[t+9];return(16&e[t+5])>>4?20+i:10+i},at=function(e,t){var i=(224&e[t+5])>>5,n=e[t+4]<<3;return 6144&e[t+3]|n|i};(it=function(){var o=new Uint8Array,u=0;it.prototype.init.call(this),this.setTimestamp=function(e){u=e},this.push=function(e){var t,i,n,r,s=0,a=0;for(o.length?(r=o.length,(o=new Uint8Array(e.byteLength+r)).set(o.subarray(0,r)),o.set(e,r)):o=e;3<=o.length-a;)if(o[a]!=="I".charCodeAt(0)||o[a+1]!=="D".charCodeAt(0)||o[a+2]!=="3".charCodeAt(0))if(255!=(255&o[a])||240!=(240&o[a+1]))a++;else{if(o.length-a<7)break;if(a+(s=at(o,a))>o.length)break;n={type:"audio",data:o.subarray(a,a+s),pts:u,dts:u},this.trigger("data",n),a+=s}else{if(o.length-a<10)break;if(a+(s=st(o,a))>o.length)break;i={type:"timed-metadata",data:o.subarray(a,a+s)},this.trigger("data",i),a+=s}t=o.length-a,o=0<t?o.subarray(a):new Uint8Array},this.reset=function(){o=new Uint8Array,this.trigger("reset")},this.endTimeline=function(){o=new Uint8Array,this.trigger("endedtimeline")}}).prototype=new H;function ot(e,t){var i;if(e.length!==t.length)return!1;for(i=0;i<e.length;i++)if(e[i]!==t[i])return!1;return!0}function ut(e,t,i,n,r,s){return{start:{dts:e,pts:e+(i-t)},end:{dts:e+(n-t),pts:e+(r-i)},prependedContentDuration:s,baseMediaDecodeTime:e}}var lt,ct,ht,dt,pt=it,ft=nt.H264Stream,mt=rt,gt=le,yt=["audioobjecttype","channelcount","samplerate","samplingfrequencyindex","samplesize"],vt=["width","height","profileIdc","levelIdc","profileCompatibility","sarRatio"];(ct=function(s,a){var o=[],u=0,l=0,c=0,h=1/0;a=a||{},ct.prototype.init.call(this),this.push=function(t){be(s,t),s&&yt.forEach(function(e){s[e]=t[e]}),o.push(t)},this.setEarliestDts=function(e){l=e-s.timelineStartInfo.baseMediaDecodeTime},this.setVideoBaseMediaDecodeTime=function(e){h=e},this.setAudioAppendStart=function(e){c=e},this.flush=function(){var e,t,i,n,r;0!==o.length&&(e=fe(o,s,l),s.baseMediaDecodeTime=_e(s,a.keepOriginalTimestamps),pe(s,e,c,h),s.samples=me(e),i=Q(ge(e)),o=[],t=J(u,[s]),n=new Uint8Array(t.byteLength+i.byteLength),u++,n.set(t),n.set(i,t.byteLength),ve(s),r=Math.ceil(1024*gt/s.samplerate),e.length&&this.trigger("timingInfo",{start:e[0].dts,end:e[0].dts+e.length*r}),this.trigger("data",{track:s,boxes:n})),this.trigger("done","AudioSegmentStream")},this.reset=function(){ve(s),o=[],this.trigger("reset")}}).prototype=new H,(lt=function(c,h){var t,i,d=0,p=[],f=[];h=h||{},lt.prototype.init.call(this),delete c.minPTS,this.gopCache_=[],this.push=function(e){be(c,e),"seq_parameter_set_rbsp"!==e.nalUnitType||t||(t=e.config,c.sps=[e.data],vt.forEach(function(e){c[e]=t[e]},this)),"pic_parameter_set_rbsp"!==e.nalUnitType||i||(i=e.data,c.pps=[e.data]),p.push(e)},this.flush=function(){for(var e,t,i,n,r,s,a,o,u=0;p.length&&"access_unit_delimiter_rbsp"!==p[0].nalUnitType;)p.shift();if(0===p.length)return this.resetStream_(),void this.trigger("done","VideoSegmentStream");if(e=ee(p),(i=te(e))[0][0].keyFrame||((t=this.getGopForFusion_(p[0],c))?(u=t.duration,i.unshift(t),i.byteLength+=t.byteLength,i.nalCount+=t.nalCount,i.pts=t.pts,i.dts=t.dts,i.duration+=t.duration):i=ie(i)),f.length){var l;if(!(l=h.alignGopsAtEnd?this.alignGopsAtEnd_(i):this.alignGopsAtStart_(i)))return this.gopCache_.unshift({gop:i.pop(),pps:c.pps,sps:c.sps}),this.gopCache_.length=Math.min(6,this.gopCache_.length),p=[],this.resetStream_(),void this.trigger("done","VideoSegmentStream");ve(c),i=l}be(c,i),c.samples=ne(i),r=Q(re(i)),c.baseMediaDecodeTime=_e(c,h.keepOriginalTimestamps),this.trigger("processedGopsInfo",i.map(function(e){return{pts:e.pts,dts:e.dts,byteLength:e.byteLength}})),a=i[0],o=i[i.length-1],this.trigger("segmentTimingInfo",ut(c.baseMediaDecodeTime,a.dts,a.pts,o.dts+o.duration,o.pts+o.duration,u)),this.trigger("timingInfo",{start:i[0].dts,end:i[i.length-1].dts+i[i.length-1].duration}),this.gopCache_.unshift({gop:i.pop(),pps:c.pps,sps:c.sps}),this.gopCache_.length=Math.min(6,this.gopCache_.length),p=[],this.trigger("baseMediaDecodeTime",c.baseMediaDecodeTime),this.trigger("timelineStartInfo",c.timelineStartInfo),n=J(d,[c]),s=new Uint8Array(n.byteLength+r.byteLength),d++,s.set(n),s.set(r,n.byteLength),this.trigger("data",{track:c,boxes:s}),this.resetStream_(),this.trigger("done","VideoSegmentStream")},this.reset=function(){this.resetStream_(),p=[],this.gopCache_.length=0,f.length=0,this.trigger("reset")},this.resetStream_=function(){ve(c),i=t=void 0},this.getGopForFusion_=function(e){var t,i,n,r,s,a=1/0;for(s=0;s<this.gopCache_.length;s++)n=(r=this.gopCache_[s]).gop,c.pps&&ot(c.pps[0],r.pps[0])&&c.sps&&ot(c.sps[0],r.sps[0])&&(n.dts<c.timelineStartInfo.dts||-1e4<=(t=e.dts-n.dts-n.duration)&&t<=45e3&&(!i||t<a)&&(i=r,a=t));return i?i.gop:null},this.alignGopsAtStart_=function(e){var t,i,n,r,s,a,o,u;for(s=e.byteLength,a=e.nalCount,o=e.duration,t=i=0;t<f.length&&i<e.length&&(n=f[t],r=e[i],n.pts!==r.pts);)r.pts>n.pts?t++:(i++,s-=r.byteLength,a-=r.nalCount,o-=r.duration);return 0===i?e:i===e.length?null:((u=e.slice(i)).byteLength=s,u.duration=o,u.nalCount=a,u.pts=u[0].pts,u.dts=u[0].dts,u)},this.alignGopsAtEnd_=function(e){var t,i,n,r,s,a,o;for(t=f.length-1,i=e.length-1,s=null,a=!1;0<=t&&0<=i;){if(n=f[t],r=e[i],n.pts===r.pts){a=!0;break}n.pts>r.pts?t--:(t===f.length-1&&(s=i),i--)}if(!a&&null===s)return null;if(0===(o=a?i:s))return e;var u=e.slice(o),l=u.reduce(function(e,t){return e.byteLength+=t.byteLength,e.duration+=t.duration,e.nalCount+=t.nalCount,e},{byteLength:0,duration:0,nalCount:0});return u.byteLength=l.byteLength,u.duration=l.duration,u.nalCount=l.nalCount,u.pts=u[0].pts,u.dts=u[0].dts,u},this.alignGopsWith=function(e){f=e}}).prototype=new H,(dt=function(e,t){this.numberOfTracks=0,this.metadataStream=t,"undefined"!=typeof(e=e||{}).remux?this.remuxTracks=!!e.remux:this.remuxTracks=!0,"boolean"==typeof e.keepOriginalTimestamps?this.keepOriginalTimestamps=e.keepOriginalTimestamps:this.keepOriginalTimestamps=!1,this.pendingTracks=[],this.videoTrack=null,this.pendingBoxes=[],this.pendingCaptions=[],this.pendingMetadata=[],this.pendingBytes=0,this.emittedTracks=0,dt.prototype.init.call(this),this.push=function(e){return e.text?this.pendingCaptions.push(e):e.frames?this.pendingMetadata.push(e):(this.pendingTracks.push(e.track),this.pendingBytes+=e.boxes.byteLength,"video"===e.track.type&&(this.videoTrack=e.track,this.pendingBoxes.push(e.boxes)),void("audio"===e.track.type&&(this.audioTrack=e.track,this.pendingBoxes.unshift(e.boxes))))}}).prototype=new H,dt.prototype.flush=function(e){var t,i,n,r,s=0,a={captions:[],captionStreams:{},metadata:[],info:{}},o=0;if(this.pendingTracks.length<this.numberOfTracks){if("VideoSegmentStream"!==e&&"AudioSegmentStream"!==e)return;if(this.remuxTracks)return;if(0===this.pendingTracks.length)return this.emittedTracks++,void(this.emittedTracks>=this.numberOfTracks&&(this.trigger("done"),this.emittedTracks=0))}if(this.videoTrack?(o=this.videoTrack.timelineStartInfo.pts,vt.forEach(function(e){a.info[e]=this.videoTrack[e]},this)):this.audioTrack&&(o=this.audioTrack.timelineStartInfo.pts,yt.forEach(function(e){a.info[e]=this.audioTrack[e]},this)),this.videoTrack||this.audioTrack){for(1===this.pendingTracks.length?a.type=this.pendingTracks[0].type:a.type="combined",this.emittedTracks+=this.pendingTracks.length,n=Z(this.pendingTracks),a.initSegment=new Uint8Array(n.byteLength),a.initSegment.set(n),a.data=new Uint8Array(this.pendingBytes),r=0;r<this.pendingBoxes.length;r++)a.data.set(this.pendingBoxes[r],s),s+=this.pendingBoxes[r].byteLength;for(r=0;r<this.pendingCaptions.length;r++)(t=this.pendingCaptions[r]).startTime=de(t.startPts,o,this.keepOriginalTimestamps),t.endTime=de(t.endPts,o,this.keepOriginalTimestamps),a.captionStreams[t.stream]=!0,a.captions.push(t);for(r=0;r<this.pendingMetadata.length;r++)(i=this.pendingMetadata[r]).cueTime=de(i.pts,o,this.keepOriginalTimestamps),a.metadata.push(i);for(a.metadata.dispatchType=this.metadataStream.dispatchType,this.pendingTracks.length=0,this.videoTrack=null,this.pendingBoxes.length=0,this.pendingCaptions.length=0,this.pendingBytes=0,this.pendingMetadata.length=0,this.trigger("data",a),r=0;r<a.captions.length;r++)t=a.captions[r],this.trigger("caption",t);for(r=0;r<a.metadata.length;r++)i=a.metadata[r],this.trigger("id3Frame",i)}this.emittedTracks>=this.numberOfTracks&&(this.trigger("done"),this.emittedTracks=0)},dt.prototype.setRemux=function(e){this.remuxTracks=e},(ht=function(n){var r,s,a=this,i=!0;ht.prototype.init.call(this),n=n||{},this.baseMediaDecodeTime=n.baseMediaDecodeTime||0,this.transmuxPipeline_={},this.setupAacPipeline=function(){var t={};(this.transmuxPipeline_=t).type="aac",t.metadataStream=new Xe.MetadataStream,t.aacStream=new pt,t.audioTimestampRolloverStream=new Xe.TimestampRolloverStream("audio"),t.timedMetadataTimestampRolloverStream=new Xe.TimestampRolloverStream("timed-metadata"),t.adtsStream=new et,t.coalesceStream=new dt(n,t.metadataStream),t.headOfPipeline=t.aacStream,t.aacStream.pipe(t.audioTimestampRolloverStream).pipe(t.adtsStream),t.aacStream.pipe(t.timedMetadataTimestampRolloverStream).pipe(t.metadataStream).pipe(t.coalesceStream),t.metadataStream.on("timestamp",function(e){t.aacStream.setTimestamp(e.timeStamp)}),t.aacStream.on("data",function(e){"timed-metadata"!==e.type||t.audioSegmentStream||(s=s||{timelineStartInfo:{baseMediaDecodeTime:a.baseMediaDecodeTime},codec:"adts",type:"audio"},t.coalesceStream.numberOfTracks++,t.audioSegmentStream=new ct(s,n),t.audioSegmentStream.on("timingInfo",a.trigger.bind(a,"audioTimingInfo")),t.adtsStream.pipe(t.audioSegmentStream).pipe(t.coalesceStream)),a.trigger("trackinfo",{hasAudio:!!s,hasVideo:!!r})}),t.coalesceStream.on("data",this.trigger.bind(this,"data")),t.coalesceStream.on("done",this.trigger.bind(this,"done"))},this.setupTsPipeline=function(){var i={};(this.transmuxPipeline_=i).type="ts",i.metadataStream=new Xe.MetadataStream,i.packetStream=new Xe.TransportPacketStream,i.parseStream=new Xe.TransportParseStream,i.elementaryStream=new Xe.ElementaryStream,i.timestampRolloverStream=new Xe.TimestampRolloverStream,i.adtsStream=new et,i.h264Stream=new ft,i.captionStream=new Xe.CaptionStream,i.coalesceStream=new dt(n,i.metadataStream),i.headOfPipeline=i.packetStream,i.packetStream.pipe(i.parseStream).pipe(i.elementaryStream).pipe(i.timestampRolloverStream),i.timestampRolloverStream.pipe(i.h264Stream),i.timestampRolloverStream.pipe(i.adtsStream),i.timestampRolloverStream.pipe(i.metadataStream).pipe(i.coalesceStream),i.h264Stream.pipe(i.captionStream).pipe(i.coalesceStream),i.elementaryStream.on("data",function(e){var t;if("metadata"===e.type){for(t=e.tracks.length;t--;)r||"video"!==e.tracks[t].type?s||"audio"!==e.tracks[t].type||((s=e.tracks[t]).timelineStartInfo.baseMediaDecodeTime=a.baseMediaDecodeTime):(r=e.tracks[t]).timelineStartInfo.baseMediaDecodeTime=a.baseMediaDecodeTime;r&&!i.videoSegmentStream&&(i.coalesceStream.numberOfTracks++,i.videoSegmentStream=new lt(r,n),i.videoSegmentStream.on("timelineStartInfo",function(e){s&&(s.timelineStartInfo=e,i.audioSegmentStream.setEarliestDts(e.dts))}),i.videoSegmentStream.on("processedGopsInfo",a.trigger.bind(a,"gopInfo")),i.videoSegmentStream.on("segmentTimingInfo",a.trigger.bind(a,"videoSegmentTimingInfo")),i.videoSegmentStream.on("baseMediaDecodeTime",function(e){s&&i.audioSegmentStream.setVideoBaseMediaDecodeTime(e)}),i.videoSegmentStream.on("timingInfo",a.trigger.bind(a,"videoTimingInfo")),i.h264Stream.pipe(i.videoSegmentStream).pipe(i.coalesceStream)),s&&!i.audioSegmentStream&&(i.coalesceStream.numberOfTracks++,i.audioSegmentStream=new ct(s,n),i.audioSegmentStream.on("timingInfo",a.trigger.bind(a,"audioTimingInfo")),i.adtsStream.pipe(i.audioSegmentStream).pipe(i.coalesceStream)),a.trigger("trackinfo",{hasAudio:!!s,hasVideo:!!r})}}),i.coalesceStream.on("data",this.trigger.bind(this,"data")),i.coalesceStream.on("id3Frame",function(e){e.dispatchType=i.metadataStream.dispatchType,a.trigger("id3Frame",e)}),i.coalesceStream.on("caption",this.trigger.bind(this,"caption")),i.coalesceStream.on("done",this.trigger.bind(this,"done"))},this.setBaseMediaDecodeTime=function(e){var t=this.transmuxPipeline_;n.keepOriginalTimestamps||(this.baseMediaDecodeTime=e),s&&(s.timelineStartInfo.dts=void 0,s.timelineStartInfo.pts=void 0,ve(s),n.keepOriginalTimestamps||(s.timelineStartInfo.baseMediaDecodeTime=e),t.audioTimestampRolloverStream&&t.audioTimestampRolloverStream.discontinuity()),r&&(t.videoSegmentStream&&(t.videoSegmentStream.gopCache_=[]),r.timelineStartInfo.dts=void 0,r.timelineStartInfo.pts=void 0,ve(r),t.captionStream.reset(),n.keepOriginalTimestamps||(r.timelineStartInfo.baseMediaDecodeTime=e)),t.timestampRolloverStream&&t.timestampRolloverStream.discontinuity()},this.setAudioAppendStart=function(e){s&&this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(e)},this.setRemux=function(e){var t=this.transmuxPipeline_;n.remux=e,t&&t.coalesceStream&&t.coalesceStream.setRemux(e)},this.alignGopsWith=function(e){r&&this.transmuxPipeline_.videoSegmentStream&&this.transmuxPipeline_.videoSegmentStream.alignGopsWith(e)},this.push=function(e){if(i){var t=mt(e);t&&"aac"!==this.transmuxPipeline_.type?this.setupAacPipeline():t||"ts"===this.transmuxPipeline_.type||this.setupTsPipeline(),i=!1}this.transmuxPipeline_.headOfPipeline.push(e)},this.flush=function(){i=!0,this.transmuxPipeline_.headOfPipeline.flush()},this.endTimeline=function(){this.transmuxPipeline_.headOfPipeline.endTimeline()},this.reset=function(){this.transmuxPipeline_.headOfPipeline&&this.transmuxPipeline_.headOfPipeline.reset()},this.resetCaptions=function(){this.transmuxPipeline_.captionStream&&this.transmuxPipeline_.captionStream.reset()}}).prototype=new H;var _t={Transmuxer:ht,VideoSegmentStream:lt,AudioSegmentStream:ct,AUDIO_PROPERTIES:yt,VIDEO_PROPERTIES:vt,generateVideoSegmentTimingInfo:ut};function bt(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var Tt=(function(e,t,i){return t&&bt(e.prototype,t),i&&bt(e,i),e}(kt,[{key:"init",value:function(){this.transmuxer&&this.transmuxer.dispose(),this.transmuxer=new _t.Transmuxer(this.options),function(n,e){e.on("data",function(e){var t=e.initSegment;e.initSegment={data:t.buffer,byteOffset:t.byteOffset,byteLength:t.byteLength};var i=e.data;e.data=i.buffer,n.postMessage({action:"data",segment:e,byteOffset:i.byteOffset,byteLength:i.byteLength},[e.data])}),e.captionStream&&e.captionStream.on("data",function(e){n.postMessage({action:"caption",data:e})}),e.on("done",function(e){n.postMessage({action:"done"})}),e.on("gopInfo",function(e){n.postMessage({action:"gopInfo",gopInfo:e})}),e.on("videoSegmentTimingInfo",function(e){n.postMessage({action:"videoSegmentTimingInfo",videoSegmentTimingInfo:e})})}(this.self,this.transmuxer)}},{key:"push",value:function(e){var t=new Uint8Array(e.data,e.byteOffset,e.byteLength);this.transmuxer.push(t)}},{key:"reset",value:function(){this.init()}},{key:"setTimestampOffset",value:function(e){var t=e.timestampOffset||0;this.transmuxer.setBaseMediaDecodeTime(Math.round(9e4*t))}},{key:"setAudioAppendStart",value:function(e){this.transmuxer.setAudioAppendStart(Math.ceil(9e4*e.appendStart))}},{key:"flush",value:function(e){this.transmuxer.flush()}},{key:"resetCaptions",value:function(){this.transmuxer.resetCaptions()}},{key:"alignGopsWith",value:function(e){this.transmuxer.alignGopsWith(e.gopsToAlignWith.slice())}}]),kt);function kt(e,t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,kt),this.options=t||{},this.self=e,this.init()}new function(t){t.onmessage=function(e){"init"===e.data.action&&e.data.options?this.messageHandlers=new Tt(t,e.data.options):(this.messageHandlers||(this.messageHandlers=new Tt(t)),e.data&&e.data.action&&"init"!==e.data.action&&this.messageHandlers[e.data.action]&&this.messageHandlers[e.data.action](e.data))}}(St)}()}),gu={videoCodec:"avc1",videoObjectTypeIndicator:".4d400d",audioProfile:"2"},yu=(to(vu,Ir.EventTarget),Za(vu,[{key:"data_",value:function(e){var t=e.data.segment;t.data=new Uint8Array(t.data,e.data.byteOffset,e.data.byteLength),t.initSegment=new Uint8Array(t.initSegment.data,t.initSegment.byteOffset,t.initSegment.byteLength),function(e,t,i){var n=t.player_;if(i.captions&&i.captions.length)for(var r in e.inbandTextTracks_||(e.inbandTextTracks_={}),i.captionStreams)if(!e.inbandTextTracks_[r]){n.tech_.trigger({type:"usage",name:"hls-608"});var s=n.textTracks().getTrackById(r);e.inbandTextTracks_[r]=s||n.addRemoteTextTrack({kind:"captions",id:r,label:r},!1).track}i.metadata&&i.metadata.length&&!e.metadataTrack_&&(e.metadataTrack_=n.addRemoteTextTrack({kind:"metadata",label:"Timed Metadata"},!1).track,e.metadataTrack_.inBandMetadataTrackDispatchType=i.metadata.dispatchType)}(this,this.mediaSource_,t),this.pendingBuffers_.push(t)}},{key:"done_",value:function(e){"closed"!==this.mediaSource_.readyState?this.processPendingSegments_():this.pendingBuffers_.length=0}},{key:"videoSegmentTimingInfo_",value:function(e){var t={start:{decode:e.start.dts/9e4,presentation:e.start.pts/9e4},end:{decode:e.end.dts/9e4,presentation:e.end.pts/9e4},baseMediaDecodeTime:e.baseMediaDecodeTime/9e4};e.prependedContentDuration&&(t.prependedContentDuration=e.prependedContentDuration/9e4),this.trigger({type:"videoSegmentTimingInfo",videoSegmentTimingInfo:t})}},{key:"createRealSourceBuffers_",value:function(){var n=this,r=["audio","video"];r.forEach(function(t){if(n[t+"Codec_"]&&!n[t+"Buffer_"]){var i=null;if(n.mediaSource_[t+"Buffer_"])(i=n.mediaSource_[t+"Buffer_"]).updating=!1;else{var e=t+'/mp4;codecs="'+n[t+"Codec_"]+'"';i=function(e,t){var i=e.addSourceBuffer(t),n=Object.create(null);function r(t){"function"==typeof i[t]?n[t]=function(){return i[t].apply(i,arguments)}:"undefined"==typeof n[t]&&Object.defineProperty(n,t,{get:function(){return i[t]},set:function(e){return i[t]=e}})}for(var s in n.updating=!1,n.realBuffer_=i)r(s);return n}(n.mediaSource_.nativeMediaSource_,e),n.mediaSource_[t+"Buffer_"]=i}n[t+"Buffer_"]=i,["update","updatestart","updateend"].forEach(function(e){i.addEventListener(e,function(){if("audio"!==t||!n.audioDisabled_)return"updateend"===e&&(n[t+"Buffer_"].updating=!1),r.every(function(e){return!("audio"!==e||!n.audioDisabled_)||t===e||!n[e+"Buffer_"]||!n[e+"Buffer_"].updating})?n.trigger(e):void 0})})}})}},{key:"appendBuffer",value:function(e){if(this.bufferUpdating_=!0,this.audioBuffer_&&this.audioBuffer_.buffered.length){var t=this.audioBuffer_.buffered;this.transmuxer_.postMessage({action:"setAudioAppendStart",appendStart:t.end(t.length-1)})}this.videoBuffer_&&this.transmuxer_.postMessage({action:"alignGopsWith",gopsToAlignWith:function(e,t,i){if("undefined"==typeof t||null===t||!e.length)return[];var n=Math.ceil(9e4*(t-i+3)),r=void 0;for(r=0;r<e.length&&!(e[r].pts>n);r++);return e.slice(r)}(this.gopBuffer_,this.mediaSource_.player_?this.mediaSource_.player_.currentTime():null,this.timeMapping_)}),this.transmuxer_.postMessage({action:"push",data:e.buffer,byteOffset:e.byteOffset,byteLength:e.byteLength},[e.buffer]),this.transmuxer_.postMessage({action:"flush"})}},{key:"appendGopInfo_",value:function(e){this.gopBuffer_=function(e,t,i){if(!t.length)return e;if(i)return t.slice();for(var n=t[0].pts,r=0;r<e.length&&!(e[r].pts>=n);r++);return e.slice(0,r).concat(t)}(this.gopBuffer_,e.data.gopInfo,this.safeAppend_)}},{key:"remove",value:function(e,t){if(this.videoBuffer_&&(this.videoBuffer_.updating=!0,this.videoBuffer_.remove(e,t),this.gopBuffer_=function(e,t,i,n){for(var r=Math.ceil(9e4*(t-n)),s=Math.ceil(9e4*(i-n)),a=e.slice(),o=e.length;o--&&!(e[o].pts<=s););if(-1===o)return a;for(var u=o+1;u--&&!(e[u].pts<=r););return u=Math.max(u,0),a.splice(u,o-u+1),a}(this.gopBuffer_,e,t,this.timeMapping_)),!this.audioDisabled_&&this.audioBuffer_&&(this.audioBuffer_.updating=!0,this.audioBuffer_.remove(e,t)),Ho(e,t,this.metadataTrack_),this.inbandTextTracks_)for(var i in this.inbandTextTracks_)Ho(e,t,this.inbandTextTracks_[i])}},{key:"processPendingSegments_",value:function(){var e={video:{segments:[],bytes:0},audio:{segments:[],bytes:0},captions:[],metadata:[]};if(!this.pendingBuffers_.length)return this.trigger("updateend"),void(this.bufferUpdating_=!1);e=this.pendingBuffers_.reduce(function(e,t){var i=t.type,n=t.data,r=t.initSegment;return e[i].segments.push(n),e[i].bytes+=n.byteLength,e[i].initSegment=r,t.captions&&(e.captions=e.captions.concat(t.captions)),t.info&&(e[i].info=t.info),t.metadata&&(e.metadata=e.metadata.concat(t.metadata)),e},e),this.videoBuffer_||this.audioBuffer_||(0===e.video.bytes&&(this.videoCodec_=null),0===e.audio.bytes&&(this.audioCodec_=null),this.createRealSourceBuffers_()),e.audio.info&&this.mediaSource_.trigger({type:"audioinfo",info:e.audio.info}),e.video.info&&this.mediaSource_.trigger({type:"videoinfo",info:e.video.info}),this.appendAudioInitSegment_&&(!this.audioDisabled_&&this.audioBuffer_&&(e.audio.segments.unshift(e.audio.initSegment),e.audio.bytes+=e.audio.initSegment.byteLength),this.appendAudioInitSegment_=!1);var t=!1;this.videoBuffer_&&e.video.bytes?(e.video.segments.unshift(e.video.initSegment),e.video.bytes+=e.video.initSegment.byteLength,this.concatAndAppendSegments_(e.video,this.videoBuffer_)):!this.videoBuffer_||!this.audioDisabled_&&this.audioBuffer_||(t=!0),Vo(this,e.captions,e.metadata),!this.audioDisabled_&&this.audioBuffer_&&this.concatAndAppendSegments_(e.audio,this.audioBuffer_),this.pendingBuffers_.length=0,t&&this.trigger("updateend"),this.bufferUpdating_=!1}},{key:"concatAndAppendSegments_",value:function(e,t){var i=0,n=void 0;if(e.bytes){n=new Uint8Array(e.bytes),e.segments.forEach(function(e){n.set(e,i),i+=e.byteLength});try{t.updating=!0,t.appendBuffer(n)}catch(e){this.mediaSource_.player_&&this.mediaSource_.player_.error({code:-3,type:"APPEND_BUFFER_ERR",message:e.message,originalError:e})}}}},{key:"abort",value:function(){this.videoBuffer_&&this.videoBuffer_.abort(),!this.audioDisabled_&&this.audioBuffer_&&this.audioBuffer_.abort(),this.transmuxer_&&this.transmuxer_.postMessage({action:"reset"}),this.pendingBuffers_.length=0,this.bufferUpdating_=!1}}]),vu);function vu(e,t){Ja(this,vu);var i=io(this,(vu.__proto__||Object.getPrototypeOf(vu)).call(this,Ir.EventTarget));i.timestampOffset_=0,i.pendingBuffers_=[],i.bufferUpdating_=!1,i.mediaSource_=e,i.codecs_=t,i.audioCodec_=null,i.videoCodec_=null,i.audioDisabled_=!1,i.appendAudioInitSegment_=!0,i.gopBuffer_=[],i.timeMapping_=0,i.safeAppend_=11<=Ir.browser.IE_VERSION;var n={remux:!1,alignGopsAtEnd:i.safeAppend_};return i.codecs_.forEach(function(e){pu(e)?i.audioCodec_=e:fu(e)&&(i.videoCodec_=e)}),i.transmuxer_=new mu,i.transmuxer_.postMessage({action:"init",options:n}),i.transmuxer_.onmessage=function(e){return"data"===e.data.action?i.data_(e):"done"===e.data.action?i.done_(e):"gopInfo"===e.data.action?i.appendGopInfo_(e):"videoSegmentTimingInfo"===e.data.action?i.videoSegmentTimingInfo_(e.data.videoSegmentTimingInfo):void 0},Object.defineProperty(i,"timestampOffset",{get:function(){return this.timestampOffset_},set:function(e){"number"==typeof e&&0<=e&&(this.timestampOffset_=e,this.appendAudioInitSegment_=!0,this.gopBuffer_.length=0,this.timeMapping_=0,this.transmuxer_.postMessage({action:"setTimestampOffset",timestampOffset:e}))}}),Object.defineProperty(i,"appendWindowStart",{get:function(){return(this.videoBuffer_||this.audioBuffer_).appendWindowStart},set:function(e){this.videoBuffer_&&(this.videoBuffer_.appendWindowStart=e),this.audioBuffer_&&(this.audioBuffer_.appendWindowStart=e)}}),Object.defineProperty(i,"updating",{get:function(){return!!(this.bufferUpdating_||!this.audioDisabled_&&this.audioBuffer_&&this.audioBuffer_.updating||this.videoBuffer_&&this.videoBuffer_.updating)}}),Object.defineProperty(i,"buffered",{get:function(){return function(e,t,i){var n=null,r=null,s=0,a=[],o=[];if(!e&&!t)return Ir.createTimeRange();if(!e)return t.buffered;if(!t)return e.buffered;if(i)return e.buffered;if(0===e.buffered.length&&0===t.buffered.length)return Ir.createTimeRange();for(var u=e.buffered,l=t.buffered,c=u.length;c--;)a.push({time:u.start(c),type:"start"}),a.push({time:u.end(c),type:"end"});for(c=l.length;c--;)a.push({time:l.start(c),type:"start"}),a.push({time:l.end(c),type:"end"});for(a.sort(function(e,t){return e.time-t.time}),c=0;c<a.length;c++)"start"===a[c].type?2===++s&&(n=a[c].time):"end"===a[c].type&&1===--s&&(r=a[c].time),null!==n&&null!==r&&(o.push([n,r]),r=n=null);return Ir.createTimeRanges(o)}(this.videoBuffer_,this.audioBuffer_,this.audioDisabled_)}}),i}var _u=(to(bu,Ir.EventTarget),Za(bu,[{key:"addSeekableRange_",value:function(e,t){var i=void 0;if(this.duration!==1/0)throw(i=new Error("MediaSource.addSeekableRange() can only be invoked when the duration is Infinity")).name="InvalidStateError",i.code=11,i;(t>this.nativeMediaSource_.duration||isNaN(this.nativeMediaSource_.duration))&&(this.nativeMediaSource_.duration=t)}},{key:"addSourceBuffer",value:function(e){var t=void 0,i=du(e);if(/^(video|audio)\/mp2t$/i.test(i.type)){var n=[];i.parameters&&i.parameters.codecs&&(n=i.parameters.codecs.split(","),n=(n=uu(n)).filter(function(e){return pu(e)||fu(e)})),0===n.length&&(n=["avc1.4d400d","mp4a.40.2"]),t=new yu(this,n),0!==this.sourceBuffers.length&&(this.sourceBuffers[0].createRealSourceBuffers_(),t.createRealSourceBuffers_(),this.sourceBuffers[0].audioDisabled_=!0)}else t=this.nativeMediaSource_.addSourceBuffer(e);return this.sourceBuffers.push(t),t}}]),bu);function bu(){Ja(this,bu);var s=io(this,(bu.__proto__||Object.getPrototypeOf(bu)).call(this)),e=void 0;for(e in s.nativeMediaSource_=new v.MediaSource,s.nativeMediaSource_)e in bu.prototype||"function"!=typeof s.nativeMediaSource_[e]||(s[e]=s.nativeMediaSource_[e].bind(s.nativeMediaSource_));return s.duration_=NaN,Object.defineProperty(s,"duration",{get:function(){return this.duration_===1/0?this.duration_:this.nativeMediaSource_.duration},set:function(e){(this.duration_=e)===1/0||(this.nativeMediaSource_.duration=e)}}),Object.defineProperty(s,"seekable",{get:function(){return this.duration_===1/0?Ir.createTimeRanges([[0,this.nativeMediaSource_.duration]]):this.nativeMediaSource_.seekable}}),Object.defineProperty(s,"readyState",{get:function(){return this.nativeMediaSource_.readyState}}),Object.defineProperty(s,"activeSourceBuffers",{get:function(){return this.activeSourceBuffers_}}),s.sourceBuffers=[],s.activeSourceBuffers_=[],s.updateActiveSourceBuffers_=function(){if(s.activeSourceBuffers_.length=0,1===s.sourceBuffers.length){var e=s.sourceBuffers[0];return e.appendAudioInitSegment_=!0,e.audioDisabled_=!e.audioCodec_,void s.activeSourceBuffers_.push(e)}for(var i=!1,n=!0,t=0;t<s.player_.audioTracks().length;t++){var r=s.player_.audioTracks()[t];if(r.enabled&&"main"!==r.kind){n=!(i=!0);break}}s.sourceBuffers.forEach(function(e,t){if(e.appendAudioInitSegment_=!0,e.videoCodec_&&e.audioCodec_)e.audioDisabled_=i;else if(e.videoCodec_&&!e.audioCodec_)e.audioDisabled_=!0,n=!1;else if(!e.videoCodec_&&e.audioCodec_&&(e.audioDisabled_=t?n:!n,e.audioDisabled_))return;s.activeSourceBuffers_.push(e)})},s.onPlayerMediachange_=function(){s.sourceBuffers.forEach(function(e){e.appendAudioInitSegment_=!0})},s.onHlsReset_=function(){s.sourceBuffers.forEach(function(e){e.transmuxer_&&e.transmuxer_.postMessage({action:"resetCaptions"})})},s.onHlsSegmentTimeMapping_=function(t){s.sourceBuffers.forEach(function(e){return e.timeMapping_=t.mapping})},["sourceopen","sourceclose","sourceended"].forEach(function(e){this.nativeMediaSource_.addEventListener(e,this.trigger.bind(this))},s),s.on("sourceopen",function(e){var t=h.querySelector('[src="'+s.url_+'"]');t&&(s.player_=Ir(t.parentNode),s.player_&&(s.player_.tech_.on("hls-reset",s.onHlsReset_),s.player_.tech_.on("hls-segment-time-mapping",s.onHlsSegmentTimeMapping_),s.player_.audioTracks&&s.player_.audioTracks()&&(s.player_.audioTracks().on("change",s.updateActiveSourceBuffers_),s.player_.audioTracks().on("addtrack",s.updateActiveSourceBuffers_),s.player_.audioTracks().on("removetrack",s.updateActiveSourceBuffers_)),s.player_.on("mediachange",s.onPlayerMediachange_)))}),s.on("sourceended",function(e){for(var t=qo(s.duration),i=0;i<s.sourceBuffers.length;i++){var n=s.sourceBuffers[i],r=n.metadataTrack_&&n.metadataTrack_.cues;r&&r.length&&(r[r.length-1].endTime=t)}}),s.on("sourceclose",function(e){this.sourceBuffers.forEach(function(e){e.transmuxer_&&e.transmuxer_.terminate()}),this.sourceBuffers.length=0,this.player_&&(this.player_.audioTracks&&this.player_.audioTracks()&&(this.player_.audioTracks().off("change",this.updateActiveSourceBuffers_),this.player_.audioTracks().off("addtrack",this.updateActiveSourceBuffers_),this.player_.audioTracks().off("removetrack",this.updateActiveSourceBuffers_)),this.player_.el_&&this.player_.off("mediachange",this.onPlayerMediachange_),this.player_.tech_&&this.player_.tech_.el_&&(this.player_.tech_.off("hls-reset",this.onHlsReset_),this.player_.tech_.off("hls-segment-time-mapping",this.onHlsSegmentTimeMapping_)))}),s}var Tu=0;Ir.mediaSources={};function ku(e,t){var i=Ir.mediaSources[e];if(!i)throw new Error("Media Source not found (Video.js)");i.trigger({type:"sourceopen",swfId:t})}function Su(){return!!v.MediaSource&&!!v.MediaSource.isTypeSupported&&v.MediaSource.isTypeSupported('video/mp4;codecs="avc1.4d400d,mp4a.40.2"')}function Cu(){if(this.MediaSource={open:ku,supportsNativeMediaSources:Su},Su())return new _u;throw new Error("Cannot use create a virtual MediaSource for this video")}Cu.open=ku,Cu.supportsNativeMediaSources=Su;var Eu={createObjectURL:function(e){var t=void 0;return e instanceof _u?(t=v.URL.createObjectURL(e.nativeMediaSource_),e.url_=t):e instanceof _u?(t="blob:vjs-media-source/"+Tu,Tu++,Ir.mediaSources[t]=e,t):(t=v.URL.createObjectURL(e),e.url_=t)}};Ir.MediaSource=Cu,Ir.URL=Eu;function wu(e,t){for(var a=void 0,o=Au(e,{duration:t.duration,minimumUpdatePeriod:t.minimumUpdatePeriod}),i=0;i<t.playlists.length;i++){var n=ro(o,t.playlists[i]);n?o=n:a=!0}return no(t,function(e,t,i,n){if(e.playlists&&e.playlists.length){var r=e.playlists[0].uri,s=ro(o,e.playlists[0]);s&&((o=s).mediaGroups[t][i][n].playlists[0]=o.playlists[r],a=!1)}}),a?null:o}function Pu(e){var t=e.byterange.offset+e.byterange.length-1;return e.uri+"-"+e.byterange.offset+"-"+t}function Lu(e,t){var i,n,r={};for(var s in e){var a=e[s].sidx;if(a){var o=Pu(a);if(!t[o])break;var u=t[o].sidxInfo;i=u,n=a,(Boolean(!i.map&&!n.map)||Boolean(i.map&&n.map&&i.map.byterange.offset===n.map.byterange.offset&&i.map.byterange.length===n.map.byterange.length))&&i.uri===n.uri&&i.byterange.offset===n.byterange.offset&&i.byterange.length===n.byterange.length&&(r[o]=t[o])}}return r}function Iu(e,t,i,n,r){var s={uri:Qa(n.handleManifestRedirects,e.resolvedUri),byterange:e.byterange,playlist:t};return i(Ir.mergeOptions(s,{responseType:"arraybuffer",headers:Po(s)}),r)}var Au=Ir.mergeOptions,Ou=(to(xu,Ir.EventTarget),Za(xu,[{key:"setupChildLoader",value:function(e,t){this.masterPlaylistLoader_=e,this.childPlaylist_=t}},{key:"dispose",value:function(){this.stopRequest(),this.loadedPlaylists_={},v.clearTimeout(this.minimumUpdatePeriodTimeout_),v.clearTimeout(this.mediaRequest_),v.clearTimeout(this.mediaUpdateTimeout)}},{key:"hasPendingRequest",value:function(){return this.request||this.mediaRequest_}},{key:"stopRequest",value:function(){if(this.request){var e=this.request;this.request=null,e.onreadystatechange=null,e.abort()}}},{key:"sidxRequestFinished_",value:function(r,s,a,o){var u=this;return function(e,t){if(u.request){if(u.request=null,e)return u.error={status:t.status,message:"DASH playlist request error at URL: "+r.uri,response:t.response,code:2},a&&(u.state=a),u.trigger("error"),o(s,null);var i=new Uint8Array(t.response),n=qs.parseSidx(i.subarray(8));return o(s,n)}}}},{key:"media",value:function(i){var n=this;if(!i)return this.media_;if("HAVE_NOTHING"===this.state)throw new Error("Cannot switch media playlist from "+this.state);var r=this.state;if("string"==typeof i){if(!this.master.playlists[i])throw new Error("Unknown playlist URI: "+i);i=this.master.playlists[i]}var e=!this.media_||i.uri!==this.media_.uri;if(e&&this.loadedPlaylists_[i.uri]&&this.loadedPlaylists_[i.uri].endList)return this.state="HAVE_METADATA",this.media_=i,void(e&&(this.trigger("mediachanging"),this.trigger("mediachange")));if(e)if(this.media_&&this.trigger("mediachanging"),i.sidx){var t=void 0,s=void 0;s=this.masterPlaylistLoader_?(t=this.masterPlaylistLoader_.master,this.masterPlaylistLoader_.sidxMapping_):(t=this.master,this.sidxMapping_);var a=Pu(i.sidx);s[a]={sidxInfo:i.sidx},this.request=Iu(i.sidx,i,this.hls_.xhr,{handleManifestRedirects:this.handleManifestRedirects},this.sidxRequestFinished_(i,t,r,function(e,t){if(!e||!t)throw new Error("failed to request sidx");s[a].sidx=t,n.haveMetadata({startingState:r,playlist:e.playlists[i.uri]})}))}else this.mediaRequest_=v.setTimeout(this.haveMetadata.bind(this,{startingState:r,playlist:i}),0)}},{key:"haveMetadata",value:function(e){var t=e.startingState,i=e.playlist;this.state="HAVE_METADATA",this.loadedPlaylists_[i.uri]=i,this.mediaRequest_=null,this.refreshMedia_(i.uri),"HAVE_MASTER"===t?this.trigger("loadedmetadata"):this.trigger("mediachange")}},{key:"pause",value:function(){this.stopRequest(),v.clearTimeout(this.mediaUpdateTimeout),v.clearTimeout(this.minimumUpdatePeriodTimeout_),"HAVE_NOTHING"===this.state&&(this.started=!1)}},{key:"load",value:function(e){var t=this;v.clearTimeout(this.mediaUpdateTimeout),v.clearTimeout(this.minimumUpdatePeriodTimeout_);var i=this.media();if(e){var n=i?i.targetDuration/2*1e3:5e3;this.mediaUpdateTimeout=v.setTimeout(function(){return t.load()},n)}else this.started?this.trigger("loadedplaylist"):this.start()}},{key:"parseMasterXml",value:function(){var s=Es(this.masterXml_,{manifestUri:this.srcUrl,clientOffset:this.clientOffset_,sidxMapping:this.sidxMapping_});s.uri=this.srcUrl;for(var e=0;e<s.playlists.length;e++){var t="placeholder-uri-"+e;s.playlists[e].uri=t,s.playlists[t]=s.playlists[e]}return no(s,function(e,t,i,n){if(e.playlists&&e.playlists.length){var r="placeholder-uri-"+t+"-"+i+"-"+n;e.playlists[0].uri=r,s.playlists[r]=e.playlists[0]}}),so(s),ao(s),s}},{key:"start",value:function(){var i=this;this.started=!0,this.masterPlaylistLoader_?this.mediaRequest_=v.setTimeout(this.haveMaster_.bind(this),0):this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(e,t){if(i.request){if(i.request=null,e)return i.error={status:t.status,message:"DASH playlist request error at URL: "+i.srcUrl,responseText:t.responseText,code:2},"HAVE_NOTHING"===i.state&&(i.started=!1),i.trigger("error");i.masterXml_=t.responseText,t.responseHeaders&&t.responseHeaders.date?i.masterLoaded_=Date.parse(t.responseHeaders.date):i.masterLoaded_=Date.now(),i.srcUrl=Qa(i.handleManifestRedirects,i.srcUrl,t),i.syncClientServerClock_(i.onClientServerClockSync_.bind(i))}})}},{key:"syncClientServerClock_",value:function(n){var r=this,s=ws(this.masterXml_);return null===s?(this.clientOffset_=this.masterLoaded_-Date.now(),n()):"DIRECT"===s.method?(this.clientOffset_=s.value-Date.now(),n()):void(this.request=this.hls_.xhr({uri:$a(this.srcUrl,s.value),method:s.method,withCredentials:this.withCredentials},function(e,t){if(r.request){if(e)return r.clientOffset_=r.masterLoaded_-Date.now(),n();var i=void 0;i="HEAD"===s.method?t.responseHeaders&&t.responseHeaders.date?Date.parse(t.responseHeaders.date):r.masterLoaded_:Date.parse(t.responseText),r.clientOffset_=i-Date.now(),n()}}))}},{key:"haveMaster_",value:function(){this.state="HAVE_MASTER",this.mediaRequest_=null,this.masterPlaylistLoader_?this.media_||this.media(this.childPlaylist_):(this.master=this.parseMasterXml(),this.trigger("loadedplaylist"))}},{key:"onClientServerClockSync_",value:function(){var e=this;this.haveMaster_(),this.hasPendingRequest()||this.media_||this.media(this.master.playlists[0]),this.master&&this.master.minimumUpdatePeriod&&(this.minimumUpdatePeriodTimeout_=v.setTimeout(function(){e.trigger("minimumUpdatePeriod")},this.master.minimumUpdatePeriod))}},{key:"refreshXml_",value:function(){var o=this;this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(e,t){if(o.request){if(o.request=null,e)return o.error={status:t.status,message:"DASH playlist request error at URL: "+o.srcUrl,responseText:t.responseText,code:2},"HAVE_NOTHING"===o.state&&(o.started=!1),o.trigger("error");o.masterXml_=t.responseText,o.sidxMapping_=function(e,t,i,s){var n=Es(e,{manifestUri:t,clientOffset:i}),a=Lu(n.playlists,s);return no(n,function(e,t,i,n){if(e.playlists&&e.playlists.length){var r=e.playlists;a=Au(a,Lu(r,s))}}),a}(o.masterXml_,o.srcUrl,o.clientOffset_,o.sidxMapping_);var i=o.parseMasterXml(),n=wu(o.master,i),r=o.media().sidx;if(n)if(r){var s=Pu(r);if(!o.sidxMapping_[s]){var a=o.media();o.request=Iu(a.sidx,a,o.hls_.xhr,{handleManifestRedirects:o.handleManifestRedirects},o.sidxRequestFinished_(a,i,o.state,function(e,t){if(!e||!t)throw new Error("failed to request sidx on minimumUpdatePeriod");o.sidxMapping_[s].sidx=t,o.minimumUpdatePeriodTimeout_=v.setTimeout(function(){o.trigger("minimumUpdatePeriod")},o.master.minimumUpdatePeriod),o.refreshMedia_(o.media().uri)}))}}else o.master=n;o.minimumUpdatePeriodTimeout_=v.setTimeout(function(){o.trigger("minimumUpdatePeriod")},o.master.minimumUpdatePeriod)}})}},{key:"refreshMedia_",value:function(e){var t=this;if(!e)throw new Error("refreshMedia_ must take a media uri");var i=void 0,n=void 0;n=this.masterPlaylistLoader_?(i=this.masterPlaylistLoader_.master,this.masterPlaylistLoader_.parseMasterXml()):(i=this.master,this.parseMasterXml());var r=wu(i,n);r?(this.masterPlaylistLoader_?this.masterPlaylistLoader_.master=r:this.master=r,this.media_=r.playlists[e]):(this.media_=n.playlists[e],this.trigger("playlistunchanged")),this.media().endList||(this.mediaUpdateTimeout=v.setTimeout(function(){t.trigger("mediaupdatetimeout")},oo(this.media(),!!r))),this.trigger("loadedplaylist")}}]),xu);function xu(e,t){var i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},n=arguments[3];Ja(this,xu);var r=io(this,(xu.__proto__||Object.getPrototypeOf(xu)).call(this)),s=i.withCredentials,a=void 0!==s&&s,o=i.handleManifestRedirects,u=void 0!==o&&o;if(r.hls_=t,r.withCredentials=a,r.handleManifestRedirects=u,!e)throw new Error("A non-empty playlist URL or playlist is required");return r.on("minimumUpdatePeriod",function(){r.refreshXml_()}),r.on("mediaupdatetimeout",function(){r.refreshMedia_(r.media().uri)}),r.state="HAVE_NOTHING",r.loadedPlaylists_={},"string"==typeof e?(r.srcUrl=e,r.sidxMapping_={},io(r)):(r.setupChildLoader(n,e),r)}function Du(e){return Ir.log.debug?Ir.log.debug.bind(Ir,"VHS:",e+" >"):function(){}}function Uu(){}var Ru=(Za(Mu,[{key:"createSourceBuffer_",value:function(e,t){var i=this;this.sourceBuffer_=this.mediaSource.addSourceBuffer(e),this.logger_("created SourceBuffer"),t&&(t.trigger("sourcebufferadded"),this.mediaSource.sourceBuffers.length<2)?t.on("sourcebufferadded",function(){i.start_()}):this.start_()}},{key:"start_",value:function(){var t=this;this.started_=!0,this.onUpdateendCallback_=function(){var e=t.pendingCallback_;t.pendingCallback_=null,t.sourceBuffer_.removing=!1,t.logger_("buffered ["+jo(t.buffered())+"]"),e&&e(),t.runCallback_()},this.sourceBuffer_.addEventListener("updateend",this.onUpdateendCallback_),this.runCallback_()}},{key:"abort",value:function(e){var t=this;this.processedAppend_&&this.queueCallback_(function(){t.sourceBuffer_.abort()},e)}},{key:"appendBuffer",value:function(e,t){var i=this;this.processedAppend_=!0,this.queueCallback_(function(){e.videoSegmentTimingInfoCallback&&i.sourceBuffer_.addEventListener("videoSegmentTimingInfo",e.videoSegmentTimingInfoCallback),i.sourceBuffer_.appendBuffer(e.bytes)},function(){e.videoSegmentTimingInfoCallback&&i.sourceBuffer_.removeEventListener("videoSegmentTimingInfo",e.videoSegmentTimingInfoCallback),t()})}},{key:"buffered",value:function(){return this.sourceBuffer_?this.sourceBuffer_.buffered:Ir.createTimeRanges()}},{key:"remove",value:function(e,t,i){var n=this,r=2<arguments.length&&void 0!==i?i:Uu;this.processedAppend_&&this.queueCallback_(function(){n.logger_("remove ["+e+" => "+t+"]"),n.sourceBuffer_.removing=!0,n.sourceBuffer_.remove(e,t)},r)}},{key:"updating",value:function(){return!this.sourceBuffer_||this.sourceBuffer_.updating||!!this.pendingCallback_&&this.pendingCallback_!==Uu}},{key:"timestampOffset",value:function(e){var t=this;return"undefined"!=typeof e&&(this.queueCallback_(function(){t.sourceBuffer_.timestampOffset=e,t.runCallback_()}),this.timestampOffset_=e),this.timestampOffset_}},{key:"queueCallback_",value:function(e,t){this.callbacks_.push([e.bind(this),t]),this.runCallback_()}},{key:"runCallback_",value:function(){var e=void 0;!this.updating()&&this.callbacks_.length&&this.started_&&(e=this.callbacks_.shift(),this.pendingCallback_=e[1],e[0]())}},{key:"dispose",value:function(){function e(){t.sourceBuffer_&&"open"===t.mediaSource.readyState&&t.sourceBuffer_.abort(),t.sourceBuffer_.removeEventListener("updateend",e)}var t=this;this.sourceBuffer_.removeEventListener("updateend",this.onUpdateendCallback_),this.sourceBuffer_.removing?this.sourceBuffer_.addEventListener("updateend",e):e()}}]),Mu);function Mu(e,t,i,n){Ja(this,Mu),this.callbacks_=[],this.pendingCallback_=null,this.timestampOffset_=0,this.mediaSource=e,this.processedAppend_=!1,this.type_=i,this.mimeType_=t,this.logger_=Du("SourceUpdater["+i+"]["+t+"]"),"closed"===e.readyState?e.addEventListener("sourceopen",this.createSourceBuffer_.bind(this,t,n)):this.createSourceBuffer_(t,n)}function Nu(e){e.forEach(function(e){e.abort()})}function Bu(e,t){return t.timedout?{status:t.status,message:"HLS request timed-out at URL: "+t.uri,code:Xu,xhr:t}:t.aborted?{status:t.status,message:"HLS request aborted at URL: "+t.uri,code:Yu,xhr:t}:e?{status:t.status,message:"HLS request errored at URL: "+t.uri,code:Ku,xhr:t}:null}function ju(i,n,r){var s=0,a=!1;return function(e,t){if(!a)return e?(a=!0,Nu(i),r(e,t)):(s+=1)===i.length?(t.endOfAllRequests=Date.now(),t.encryptedBytes?function(n,r,s){n.addEventListener("message",function e(t){if(t.data.source===r.requestId){n.removeEventListener("message",e);var i=t.data.decrypted;return r.bytes=new Uint8Array(i.bytes,i.byteOffset,i.byteLength),s(null,r)}});var e=void 0;e=r.key.bytes.slice?r.key.bytes.slice():new Uint32Array(Array.prototype.slice.call(r.key.bytes)),n.postMessage(Ao({source:r.requestId,encrypted:r.encryptedBytes,key:e,iv:r.key.iv}),[r.encryptedBytes.buffer,e.buffer])}(n,t,r):r(null,t)):void 0}}function Fu(t,i){return function(e){return t.stats=Ir.mergeOptions(t.stats,function(e){var t=e.target,i={bandwidth:1/0,bytesReceived:0,roundTripTime:Date.now()-t.requestTime||0};return i.bytesReceived=e.loaded,i.bandwidth=Math.floor(i.bytesReceived/i.roundTripTime*8*1e3),i}(e)),!t.stats.firstBytesReceivedAt&&t.stats.bytesReceived&&(t.stats.firstBytesReceivedAt=Date.now()),i(e,t)}}function Hu(e,t,i,n,r,s,a){var o=[],u=ju(o,i,a);if(r.key&&!r.key.bytes){var l=e(Ir.mergeOptions(t,{uri:r.key.resolvedUri,responseType:"arraybuffer"}),function(s,a){return function(e,t){var i=t.response,n=Bu(e,t);if(n)return a(n,s);if(16!==i.byteLength)return a({status:t.status,message:"Invalid HLS key at URL: "+t.uri,code:Ku,xhr:t},s);var r=new DataView(i);return s.key.bytes=new Uint32Array([r.getUint32(0),r.getUint32(4),r.getUint32(8),r.getUint32(12)]),a(null,s)}}(r,u));o.push(l)}if(r.map&&!r.map.bytes){var c=e(Ir.mergeOptions(t,{uri:r.map.resolvedUri,responseType:"arraybuffer",headers:Po(r.map)}),function(r,s,a){return function(e,t){var i=t.response,n=Bu(e,t);return n?a(n,r):0===i.byteLength?a({status:t.status,message:"Empty HLS segment content at URL: "+t.uri,code:Ku,xhr:t},r):(r.map.bytes=new Uint8Array(t.response),s&&!s.isInitialized()&&s.init(),r.map.timescales=Gs.timescale(r.map.bytes),r.map.videoTrackIds=Gs.videoTrackIds(r.map.bytes),a(null,r))}}(r,n,u));o.push(c)}var h=e(Ir.mergeOptions(t,{uri:r.resolvedUri,responseType:"arraybuffer",headers:Po(r)}),function(s,a,o){return function(e,t){var i=t.response,n=Bu(e,t),r=void 0;return n?o(n,s):0===i.byteLength?o({status:t.status,message:"Empty HLS segment content at URL: "+t.uri,code:Ku,xhr:t},s):(s.stats=function(e){return{bandwidth:e.bandwidth,bytesReceived:e.bytesReceived||0,roundTripTime:e.roundTripTime||0}}(t),s.key?s.encryptedBytes=new Uint8Array(t.response):s.bytes=new Uint8Array(t.response),a&&s.map&&s.map.bytes&&(a.isInitialized()||a.init(),(r=a.parse(s.bytes,s.map.videoTrackIds,s.map.timescales))&&r.captions&&(s.captionStreams=r.captionStreams,s.fmp4Captions=r.captions)),o(null,s))}}(r,n,u));return h.addEventListener("progress",Fu(r,s)),o.push(h),function(){return Nu(o)}}function qu(e,t){var i;return e&&(i=v.getComputedStyle(e))?i[t]:""}function Vu(e,n){var r=e.slice();e.sort(function(e,t){var i=n(e,t);return 0===i?r.indexOf(e)-r.indexOf(t):i})}function Wu(e,t){var i=void 0,n=void 0;return e.attributes.BANDWIDTH&&(i=e.attributes.BANDWIDTH),i=i||v.Number.MAX_VALUE,t.attributes.BANDWIDTH&&(n=t.attributes.BANDWIDTH),i-(n=n||v.Number.MAX_VALUE)}function zu(e){return"number"==typeof e&&isFinite(e)}var Gu={GOAL_BUFFER_LENGTH:30,MAX_GOAL_BUFFER_LENGTH:60,GOAL_BUFFER_LENGTH_RATE:1,INITIAL_BANDWIDTH:4194304,BANDWIDTH_VARIANCE:1.2,BUFFER_LOW_WATER_LINE:0,MAX_BUFFER_LOW_WATER_LINE:30,BUFFER_LOW_WATER_LINE_RATE:1},Ku=2,Xu=-101,Yu=-102,$u=(to(Qu,Ir.EventTarget),Za(Qu,[{key:"resetStats_",value:function(){this.mediaBytesTransferred=0,this.mediaRequests=0,this.mediaRequestsAborted=0,this.mediaRequestsTimedout=0,this.mediaRequestsErrored=0,this.mediaTransferDuration=0,this.mediaSecondsLoaded=0}},{key:"dispose",value:function(){this.state="DISPOSED",this.pause(),this.abort_(),this.sourceUpdater_&&this.sourceUpdater_.dispose(),this.resetStats_(),this.captionParser_&&this.captionParser_.reset()}},{key:"abort",value:function(){"WAITING"===this.state?(this.abort_(),this.state="READY",this.paused()||this.monitorBuffer_()):this.pendingSegment_&&(this.pendingSegment_=null)}},{key:"abort_",value:function(){this.pendingSegment_&&this.pendingSegment_.abortRequests(),this.pendingSegment_=null}},{key:"error",value:function(e){return"undefined"!=typeof e&&(this.error_=e),this.pendingSegment_=null,this.error_}},{key:"endOfStream",value:function(){this.ended_=!0,this.pause(),this.trigger("ended")}},{key:"buffered_",value:function(){return this.sourceUpdater_?this.sourceUpdater_.buffered():Ir.createTimeRanges()}},{key:"initSegment",value:function(e,t){var i=1<arguments.length&&void 0!==t&&t;if(!e)return null;var n=Oo(e),r=this.initSegments_[n];return i&&!r&&e.bytes&&(this.initSegments_[n]=r={resolvedUri:e.resolvedUri,byterange:e.byterange,bytes:e.bytes,timescales:e.timescales,videoTrackIds:e.videoTrackIds}),r||e}},{key:"segmentKey",value:function(e,t){var i=1<arguments.length&&void 0!==t&&t;if(!e)return null;var n=xo(e),r=this.keyCache_[n];this.cacheEncryptionKeys_&&i&&!r&&e.bytes&&(this.keyCache_[n]=r={resolvedUri:e.resolvedUri,bytes:e.bytes});var s={resolvedUri:(r||e).resolvedUri};return r&&(s.bytes=r.bytes),s}},{key:"couldBeginLoading_",value:function(){return this.playlist_&&(this.sourceUpdater_||this.mimeType_&&"INIT"===this.state)&&!this.paused()}},{key:"load",value:function(){if(this.monitorBuffer_(),this.playlist_){if(this.syncController_.setDateTimeMapping(this.playlist_),"INIT"===this.state&&this.couldBeginLoading_())return this.init_();!this.couldBeginLoading_()||"READY"!==this.state&&"INIT"!==this.state||(this.state="READY")}}},{key:"init_",value:function(){return this.state="READY",this.sourceUpdater_=new Ru(this.mediaSource_,this.mimeType_,this.loaderType_,this.sourceBufferEmitter_),this.resetEverything(),this.monitorBuffer_()}},{key:"playlist",value:function(e,t){var i=1<arguments.length&&void 0!==t?t:{};if(e){var n=this.playlist_,r=this.pendingSegment_;this.playlist_=e,this.xhrOptions_=i,this.hasPlayed_()||(e.syncInfo={mediaSequence:e.mediaSequence,time:0});var s=null;if(n&&(n.id?s=n.id:n.uri&&(s=n.uri)),this.logger_("playlist update ["+s+" => "+(e.id||e.uri)+"]"),this.trigger("syncinfoupdate"),"INIT"===this.state&&this.couldBeginLoading_())return this.init_();if(n&&n.uri===e.uri){var a=e.mediaSequence-n.mediaSequence;this.logger_("live window shift ["+a+"]"),null!==this.mediaIndex&&(this.mediaIndex-=a),r&&(r.mediaIndex-=a,0<=r.mediaIndex&&(r.segment=e.segments[r.mediaIndex])),this.syncController_.saveExpiredSegmentInfo(n,e)}else null!==this.mediaIndex&&this.resyncLoader()}}},{key:"pause",value:function(){this.checkBufferTimeout_&&(v.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=null)}},{key:"paused",value:function(){return null===this.checkBufferTimeout_}},{key:"mimeType",value:function(e,t){this.mimeType_||(this.mimeType_=e,this.sourceBufferEmitter_=t,"INIT"===this.state&&this.couldBeginLoading_()&&this.init_())}},{key:"resetEverything",value:function(e){this.ended_=!1,this.resetLoader(),this.remove(0,this.duration_(),e),this.captionParser_&&this.captionParser_.clearAllCaptions(),this.trigger("reseteverything")}},{key:"resetLoader",value:function(){this.fetchAtBuffer_=!1,this.resyncLoader()}},{key:"resyncLoader",value:function(){this.mediaIndex=null,this.syncPoint_=null,this.abort()}},{key:"remove",value:function(e,t,i){if(this.sourceUpdater_&&this.sourceUpdater_.remove(e,t,i),Ho(e,t,this.segmentMetadataTrack_),this.inbandTextTracks_)for(var n in this.inbandTextTracks_)Ho(e,t,this.inbandTextTracks_[n])}},{key:"monitorBuffer_",value:function(){this.checkBufferTimeout_&&v.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=v.setTimeout(this.monitorBufferTick_.bind(this),1)}},{key:"monitorBufferTick_",value:function(){"READY"===this.state&&this.fillBuffer_(),this.checkBufferTimeout_&&v.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=v.setTimeout(this.monitorBufferTick_.bind(this),500)}},{key:"fillBuffer_",value:function(){if(!this.sourceUpdater_.updating()){this.syncPoint_||(this.syncPoint_=this.syncController_.getSyncPoint(this.playlist_,this.duration_(),this.currentTimeline_,this.currentTime_()));var e=this.checkBuffer_(this.buffered_(),this.playlist_,this.mediaIndex,this.hasPlayed_(),this.currentTime_(),this.syncPoint_);e&&(this.isEndOfStream_(e.mediaIndex)?this.endOfStream():e.mediaIndex===this.playlist_.segments.length-1&&"ended"===this.mediaSource_.readyState&&!this.seeking_()||(e.timeline!==this.currentTimeline_&&(this.syncController_.reset(),e.timestampOffset=e.startOfSegment,this.captionParser_&&this.captionParser_.clearAllCaptions()),this.loadSegment_(e)))}}},{key:"isEndOfStream_",value:function(e,t){return function(e,t,i){if(!e||!t)return!1;var n=i===e.segments.length;return e.endList&&"open"===t.readyState&&n}(1<arguments.length&&void 0!==t?t:this.playlist_,this.mediaSource_,e)&&!this.sourceUpdater_.updating()}},{key:"checkBuffer_",value:function(e,t,i,n,r,s){var a=0,o=void 0;e.length&&(a=e.end(e.length-1));var u=Math.max(0,a-r);if(!t.segments.length)return null;if(u>=this.goalBufferLength_())return null;if(!n&&1<=u)return null;if(null===s)return i=this.getSyncSegmentCandidate_(t),this.generateSegmentInfo_(t,i,null,!0);if(null!==i)return t.segments[i],o=a,this.generateSegmentInfo_(t,i+1,o,!1);if(this.fetchAtBuffer_){var l=Ko.getMediaInfoForTime(t,a,s.segmentIndex,s.time);i=l.mediaIndex,o=l.startTime}else{var c=Ko.getMediaInfoForTime(t,r,s.segmentIndex,s.time);i=c.mediaIndex,o=c.startTime}return this.generateSegmentInfo_(t,i,o,!1)}},{key:"getSyncSegmentCandidate_",value:function(e){var t=this;if(-1===this.currentTimeline_)return 0;var i=e.segments.map(function(e,t){return{timeline:e.timeline,segmentIndex:t}}).filter(function(e){return e.timeline===t.currentTimeline_});return i.length?i[Math.min(i.length-1,1)].segmentIndex:Math.max(e.segments.length-1,0)}},{key:"generateSegmentInfo_",value:function(e,t,i,n){if(t<0||t>=e.segments.length)return null;var r=e.segments[t];return{requestId:"segment-loader-"+Math.random(),uri:r.resolvedUri,mediaIndex:t,isSyncRequest:n,startOfSegment:i,playlist:e,bytes:null,encryptedBytes:null,timestampOffset:null,timeline:r.timeline,duration:r.duration,segment:r}}},{key:"abortRequestEarly_",value:function(e){if(this.hls_.tech_.paused()||!this.xhrOptions_.timeout||!this.playlist_.attributes.BANDWIDTH)return!1;if(Date.now()-(e.firstBytesReceivedAt||Date.now())<1e3)return!1;var t=this.currentTime_(),i=e.bandwidth,n=this.pendingSegment_.duration,r=Ko.estimateSegmentRequestTime(n,i,this.playlist_,e.bytesReceived),s=function(e,t,i){var n=2<arguments.length&&void 0!==i?i:1;return((e.length?e.end(e.length-1):0)-t)/n}(this.buffered_(),t,this.hls_.tech_.playbackRate())-1;if(r<=s)return!1;var a=function(e){var t=e.master,i=e.currentTime,n=e.bandwidth,r=e.duration,s=e.segmentDuration,a=e.timeUntilRebuffer,o=e.currentTimeline,u=e.syncController,l=t.playlists.filter(function(e){return!Ko.isIncompatible(e)}),c=l.filter(Ko.isEnabled);c.length||(c=l.filter(function(e){return!Ko.isDisabled(e)}));var h=c.filter(Ko.hasAttribute.bind(null,"BANDWIDTH")).map(function(e){var t=u.getSyncPoint(e,r,o,i)?1:2;return{playlist:e,rebufferingImpact:Ko.estimateSegmentRequestTime(s,n,e)*t-a}}),d=h.filter(function(e){return e.rebufferingImpact<=0});return Vu(d,function(e,t){return Wu(t.playlist,e.playlist)}),d.length?d[0]:(Vu(h,function(e,t){return e.rebufferingImpact-t.rebufferingImpact}),h[0]||null)}({master:this.hls_.playlists.master,currentTime:t,bandwidth:i,duration:this.duration_(),segmentDuration:n,timeUntilRebuffer:s,currentTimeline:this.currentTimeline_,syncController:this.syncController_});if(a){var o=r-s-a.rebufferingImpact,u=.5;return s<=1/30&&(u=1),!(!a.playlist||a.playlist.uri===this.playlist_.uri||o<u)&&(this.bandwidth=a.playlist.attributes.BANDWIDTH*Gu.BANDWIDTH_VARIANCE+1,this.abort(),this.trigger("earlyabort"),!0)}}},{key:"handleProgress_",value:function(e,t){this.pendingSegment_&&t.requestId===this.pendingSegment_.requestId&&!this.abortRequestEarly_(t.stats)&&this.trigger("progress")}},{key:"loadSegment_",value:function(e){this.state="WAITING",this.pendingSegment_=e,this.trimBackBuffer_(e),e.abortRequests=Hu(this.hls_.xhr,this.xhrOptions_,this.decrypter_,this.captionParser_,this.createSimplifiedSegmentObj_(e),this.handleProgress_.bind(this),this.segmentRequestFinished_.bind(this))}},{key:"trimBackBuffer_",value:function(e){var t=function(e,t,i){var n=void 0;return n=e.length&&0<e.start(0)&&e.start(0)<t?e.start(0):t-30,Math.min(n,t-i)}(this.seekable_(),this.currentTime_(),this.playlist_.targetDuration||10);0<t&&this.remove(0,t)}},{key:"createSimplifiedSegmentObj_",value:function(e){var t=e.segment,i={resolvedUri:t.resolvedUri,byterange:t.byterange,requestId:e.requestId};if(t.key){var n=t.key.iv||new Uint32Array([0,0,0,e.mediaIndex+e.playlist.mediaSequence]);i.key=this.segmentKey(t.key),i.key.iv=n}return t.map&&(i.map=this.initSegment(t.map)),i}},{key:"segmentRequestFinished_",value:function(e,t){if(this.mediaRequests+=1,t.stats&&(this.mediaBytesTransferred+=t.stats.bytesReceived,this.mediaTransferDuration+=t.stats.roundTripTime),this.pendingSegment_){if(t.requestId===this.pendingSegment_.requestId){if(e)return this.pendingSegment_=null,this.state="READY",e.code===Yu?void(this.mediaRequestsAborted+=1):(this.pause(),e.code===Xu?(this.mediaRequestsTimedout+=1,this.bandwidth=1,this.roundTrip=NaN,void this.trigger("bandwidthupdate")):(this.mediaRequestsErrored+=1,this.error(e),void this.trigger("error")));this.bandwidth=t.stats.bandwidth,this.roundTrip=t.stats.roundTripTime,t.map&&(t.map=this.initSegment(t.map,!0)),t.key&&this.segmentKey(t.key,!0),this.processSegmentResponse_(t)}}else this.mediaRequestsAborted+=1}},{key:"processSegmentResponse_",value:function(e){var t=this.pendingSegment_;t.bytes=e.bytes,e.map&&(t.segment.map.bytes=e.map.bytes),t.endOfAllRequests=e.endOfAllRequests,e.fmp4Captions&&(function(e,t,i){for(var n in i)if(!e[n]){t.trigger({type:"usage",name:"hls-608"});var r=t.textTracks().getTrackById(n);e[n]=r||t.addRemoteTextTrack({kind:"captions",id:n,label:n},!1).track}}(this.inbandTextTracks_,this.hls_.tech_,e.captionStreams),function(e){var r=e.inbandTextTracks,t=e.captionArray,s=e.timestampOffset;if(t){var a=window.WebKitDataCue||window.VTTCue;t.forEach(function(e){var t=e.stream,i=e.startTime,n=e.endTime;r[t]&&(i+=s,n+=s,r[t].addCue(new a(i,n,e.text)))})}}({inbandTextTracks:this.inbandTextTracks_,captionArray:e.fmp4Captions,timestampOffset:0}),this.captionParser_&&this.captionParser_.clearParsedCaptions()),this.handleSegment_()}},{key:"handleSegment_",value:function(){var e=this;if(this.pendingSegment_){var t=this.pendingSegment_,i=t.segment,n=this.syncController_.probeSegmentInfo(t);"undefined"==typeof this.startingMedia_&&n&&(n.containsAudio||n.containsVideo)&&(this.startingMedia_={containsAudio:n.containsAudio,containsVideo:n.containsVideo});var r=function(e,t,i){return"main"===e&&t&&i?i.containsAudio||i.containsVideo?t.containsVideo&&!i.containsVideo?"Only audio found in segment when we expected video. We can't switch to audio only from a stream that had video. To get rid of this message, please add codec information to the manifest.":!t.containsVideo&&i.containsVideo?"Video found in segment when we expected only audio. We can't switch to a stream with video from an audio only stream. To get rid of this message, please add codec information to the manifest.":null:"Neither audio nor video found in segment.":null}(this.loaderType_,this.startingMedia_,n);if(r)return this.error({message:r,blacklistDuration:1/0}),void this.trigger("error");if(t.isSyncRequest)return this.trigger("syncinfoupdate"),this.pendingSegment_=null,void(this.state="READY");if(null!==t.timestampOffset&&t.timestampOffset!==this.sourceUpdater_.timestampOffset()){if(n&&n.segmentTimestampInfo){var s=n.segmentTimestampInfo[0].ptsTime,a=n.segmentTimestampInfo[0].dtsTime;t.timestampOffset-=s-a}this.sourceUpdater_.timestampOffset(t.timestampOffset),this.trigger("timestampoffset")}var o=this.syncController_.mappingForTimeline(t.timeline);if(null!==o&&this.trigger({type:"segmenttimemapping",mapping:o}),this.state="APPENDING",i.map){var u=Oo(i.map);if(!this.activeInitSegmentId_||this.activeInitSegmentId_!==u){var l=this.initSegment(i.map);this.sourceUpdater_.appendBuffer({bytes:l.bytes},function(){e.activeInitSegmentId_=u})}}t.byteLength=t.bytes.byteLength,"number"==typeof i.start&&"number"==typeof i.end?this.mediaSecondsLoaded+=i.end-i.start:this.mediaSecondsLoaded+=i.duration,this.logger_(function(e){var t=e.segment,i=t.start,n=t.end,r=e.playlist,s=r.mediaSequence,a=r.id,o=r.segments,u=void 0===o?[]:o,l=e.mediaIndex,c=e.timeline;return["appending ["+l+"] of ["+s+", "+(s+u.length)+"] from playlist ["+a+"]","["+i+" => "+n+"] in timeline ["+c+"]"].join(" ")}(t)),this.sourceUpdater_.appendBuffer({bytes:t.bytes,videoSegmentTimingInfoCallback:this.handleVideoSegmentTimingInfo_.bind(this,t.requestId)},this.handleUpdateEnd_.bind(this))}else this.state="READY"}},{key:"handleVideoSegmentTimingInfo_",value:function(e,t){if(this.pendingSegment_&&e===this.pendingSegment_.requestId){var i=this.pendingSegment_.segment;i.videoTimingInfo||(i.videoTimingInfo={}),i.videoTimingInfo.transmuxerPrependedSeconds=t.videoSegmentTimingInfo.prependedContentDuration||0,i.videoTimingInfo.transmuxedPresentationStart=t.videoSegmentTimingInfo.start.presentation,i.videoTimingInfo.transmuxedPresentationEnd=t.videoSegmentTimingInfo.end.presentation,i.videoTimingInfo.baseMediaDecodeTime=t.videoSegmentTimingInfo.baseMediaDecodeTime}}},{key:"handleUpdateEnd_",value:function(){if(!this.pendingSegment_)return this.state="READY",void(this.paused()||this.monitorBuffer_());var e=this.pendingSegment_,t=e.segment,i=null!==this.mediaIndex;this.pendingSegment_=null,this.recordThroughput_(e),this.addSegmentMetadataCue_(e),this.state="READY",this.mediaIndex=e.mediaIndex,this.fetchAtBuffer_=!0,this.currentTimeline_=e.timeline,this.trigger("syncinfoupdate"),t.end&&this.currentTime_()-t.end>3*e.playlist.targetDuration?this.resetEverything():(i&&this.trigger("bandwidthupdate"),this.trigger("progress"),this.isEndOfStream_(e.mediaIndex+1,e.playlist)&&this.endOfStream(),this.paused()||this.monitorBuffer_())}},{key:"recordThroughput_",value:function(e){var t=this.throughput.rate,i=Date.now()-e.endOfAllRequests+1,n=Math.floor(e.byteLength/i*8*1e3);this.throughput.rate+=(n-t)/++this.throughput.count}},{key:"addSegmentMetadataCue_",value:function(e){if(this.segmentMetadataTrack_){var t=e.segment,i=t.start,n=t.end;if(zu(i)&&zu(n)){Ho(i,n,this.segmentMetadataTrack_);var r=v.WebKitDataCue||v.VTTCue,s={custom:t.custom,dateTimeObject:t.dateTimeObject,dateTimeString:t.dateTimeString,bandwidth:e.playlist.attributes.BANDWIDTH,resolution:e.playlist.attributes.RESOLUTION,codecs:e.playlist.attributes.CODECS,byteLength:e.byteLength,uri:e.uri,timeline:e.timeline,playlist:e.playlist.uri,start:i,end:n},a=new r(i,n,JSON.stringify(s));a.value=s,this.segmentMetadataTrack_.addCue(a)}}}}]),Qu);function Qu(e){Ja(this,Qu);var t=io(this,(Qu.__proto__||Object.getPrototypeOf(Qu)).call(this));if(!e)throw new TypeError("Initialization settings are required");if("function"!=typeof e.currentTime)throw new TypeError("No currentTime getter specified");if(!e.mediaSource)throw new TypeError("No MediaSource specified");return t.bandwidth=e.bandwidth,t.throughput={rate:0,count:0},t.roundTrip=NaN,t.resetStats_(),t.mediaIndex=null,t.hasPlayed_=e.hasPlayed,t.currentTime_=e.currentTime,t.seekable_=e.seekable,t.seeking_=e.seeking,t.duration_=e.duration,t.mediaSource_=e.mediaSource,t.hls_=e.hls,t.loaderType_=e.loaderType,t.startingMedia_=void 0,t.segmentMetadataTrack_=e.segmentMetadataTrack,t.goalBufferLength_=e.goalBufferLength,t.sourceType_=e.sourceType,t.inbandTextTracks_=e.inbandTextTracks,t.state_="INIT",t.checkBufferTimeout_=null,t.error_=void 0,t.currentTimeline_=-1,t.pendingSegment_=null,t.mimeType_=null,t.sourceUpdater_=null,t.xhrOptions_=null,t.activeInitSegmentId_=null,t.initSegments_={},t.cacheEncryptionKeys_=e.cacheEncryptionKeys,t.keyCache_={},"main"===t.loaderType_?t.captionParser_=new ca:t.captionParser_=null,t.decrypter_=e.decrypter,t.syncController_=e.syncController,t.syncPoint_={segmentIndex:0,time:0},t.syncController_.on("syncinfoupdate",function(){return t.trigger("syncinfoupdate")}),t.mediaSource_.addEventListener("sourceopen",function(){return t.ended_=!1}),t.fetchAtBuffer_=!1,t.logger_=Du("SegmentLoader["+t.loaderType_+"]"),Object.defineProperty(t,"state",{get:function(){return this.state_},set:function(e){e!==this.state_&&(this.logger_(this.state_+" -> "+e),this.state_=e)}}),t}function Ju(e){return decodeURIComponent(escape(String.fromCharCode.apply(null,e)))}var Zu=new Uint8Array("\n\n".split("").map(function(e){return e.charCodeAt(0)})),el=(to(tl,$u),Za(tl,[{key:"buffered_",value:function(){if(!this.subtitlesTrack_||!this.subtitlesTrack_.cues.length)return Ir.createTimeRanges();var e=this.subtitlesTrack_.cues,t=e[0].startTime,i=e[e.length-1].startTime;return Ir.createTimeRanges([[t,i]])}},{key:"initSegment",value:function(e,t){var i=1<arguments.length&&void 0!==t&&t;if(!e)return null;var n=Oo(e),r=this.initSegments_[n];if(i&&!r&&e.bytes){var s=Zu.byteLength+e.bytes.byteLength,a=new Uint8Array(s);a.set(e.bytes),a.set(Zu,e.bytes.byteLength),this.initSegments_[n]=r={resolvedUri:e.resolvedUri,byterange:e.byterange,bytes:a}}return r||e}},{key:"couldBeginLoading_",value:function(){return this.playlist_&&this.subtitlesTrack_&&!this.paused()}},{key:"init_",value:function(){return this.state="READY",this.resetEverything(),this.monitorBuffer_()}},{key:"track",value:function(e){return"undefined"==typeof e||(this.subtitlesTrack_=e,"INIT"===this.state&&this.couldBeginLoading_()&&this.init_()),this.subtitlesTrack_}},{key:"remove",value:function(e,t){Ho(e,t,this.subtitlesTrack_)}},{key:"fillBuffer_",value:function(){var e=this;this.syncPoint_||(this.syncPoint_=this.syncController_.getSyncPoint(this.playlist_,this.duration_(),this.currentTimeline_,this.currentTime_()));var t=this.checkBuffer_(this.buffered_(),this.playlist_,this.mediaIndex,this.hasPlayed_(),this.currentTime_(),this.syncPoint_);if(t=this.skipEmptySegments_(t)){if(null===this.syncController_.timestampOffsetForTimeline(t.timeline))return this.syncController_.one("timestampoffset",function(){e.state="READY",e.paused()||e.monitorBuffer_()}),void(this.state="WAITING_ON_TIMELINE");this.loadSegment_(t)}}},{key:"skipEmptySegments_",value:function(e){for(;e&&e.segment.empty;)e=this.generateSegmentInfo_(e.playlist,e.mediaIndex+1,e.startOfSegment+e.duration,e.isSyncRequest);return e}},{key:"handleSegment_",value:function(){var t=this;if(this.pendingSegment_&&this.subtitlesTrack_){this.state="APPENDING";var e=this.pendingSegment_,i=e.segment;if("function"!=typeof v.WebVTT&&this.subtitlesTrack_&&this.subtitlesTrack_.tech_){var n=void 0,r=function(){t.subtitlesTrack_.tech_.off("vttjsloaded",n),t.error({message:"Error loading vtt.js"}),t.state="READY",t.pause(),t.trigger("error")};return n=function(){t.subtitlesTrack_.tech_.off("vttjserror",r),t.handleSegment_()},this.state="WAITING_ON_VTTJS",this.subtitlesTrack_.tech_.one("vttjsloaded",n),void this.subtitlesTrack_.tech_.one("vttjserror",r)}i.requested=!0;try{this.parseVTTCues_(e)}catch(e){return this.error({message:e.message}),this.state="READY",this.pause(),this.trigger("error")}if(this.updateTimeMapping_(e,this.syncController_.timelines[e.timeline],this.playlist_),e.isSyncRequest)return this.trigger("syncinfoupdate"),this.pendingSegment_=null,void(this.state="READY");e.byteLength=e.bytes.byteLength,this.mediaSecondsLoaded+=i.duration,e.cues.length&&this.remove(e.cues[0].endTime,e.cues[e.cues.length-1].endTime),e.cues.forEach(function(e){t.subtitlesTrack_.addCue(e)}),this.handleUpdateEnd_()}else this.state="READY"}},{key:"parseVTTCues_",value:function(t){var e=void 0,i=!1;"function"==typeof v.TextDecoder?e=new v.TextDecoder("utf8"):(e=v.WebVTT.StringDecoder(),i=!0);var n=new v.WebVTT.Parser(v,v.vttjs,e);if(t.cues=[],t.timestampmap={MPEGTS:0,LOCAL:0},n.oncue=t.cues.push.bind(t.cues),n.ontimestampmap=function(e){return t.timestampmap=e},n.onparsingerror=function(e){Ir.log.warn("Error encountered when parsing cues: "+e.message)},t.segment.map){var r=t.segment.map.bytes;i&&(r=Ju(r)),n.parse(r)}var s=t.bytes;i&&(s=Ju(s)),n.parse(s),n.flush()}},{key:"updateTimeMapping_",value:function(e,t,i){var n=e.segment;if(t)if(e.cues.length){var r=e.timestampmap,s=r.MPEGTS/9e4-r.LOCAL+t.mapping;if(e.cues.forEach(function(e){e.startTime+=s,e.endTime+=s}),!i.syncInfo){var a=e.cues[0].startTime,o=e.cues[e.cues.length-1].startTime;i.syncInfo={mediaSequence:i.mediaSequence+e.mediaIndex,time:Math.min(a,o-n.duration)}}}else n.empty=!0}}]),tl);function tl(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};Ja(this,tl);var i=io(this,(tl.__proto__||Object.getPrototypeOf(tl)).call(this,e,t));return i.mediaSource_=null,i.subtitlesTrack_=null,i}function il(e,t){for(var i=e.cues,n=0;n<i.length;n++){var r=i[n];if(t>=r.adStartTime&&t<=r.adEndTime)return r}return null}var nl=Ua,rl=[{name:"VOD",run:function(e,t,i,n,r){if(i===1/0)return null;return{time:0,segmentIndex:0}}},{name:"ProgramDateTime",run:function(e,t,i,n,r){if(!e.datetimeToDisplayTime)return null;var s=t.segments||[],a=null,o=null;r=r||0;for(var u=0;u<s.length;u++){var l=s[u];if(l.dateTimeObject){var c=l.dateTimeObject.getTime()/1e3+e.datetimeToDisplayTime,h=Math.abs(r-c);if(null!==o&&(0===h||o<h))break;o=h,a={time:c,segmentIndex:u}}}return a}},{name:"Segment",run:function(e,t,i,n,r){var s=t.segments||[],a=null,o=null;r=r||0;for(var u=0;u<s.length;u++){var l=s[u];if(l.timeline===n&&"undefined"!=typeof l.start){var c=Math.abs(r-l.start);if(null!==o&&o<c)break;(!a||null===o||c<=o)&&(o=c,a={time:l.start,segmentIndex:u})}}return a}},{name:"Discontinuity",run:function(e,t,i,n,r){var s=null;if(r=r||0,t.discontinuityStarts&&t.discontinuityStarts.length)for(var a=null,o=0;o<t.discontinuityStarts.length;o++){var u=t.discontinuityStarts[o],l=t.discontinuitySequence+o+1,c=e.discontinuities[l];if(c){var h=Math.abs(r-c.time);if(null!==a&&a<h)break;(!s||null===a||h<=a)&&(a=h,s={time:c.time,segmentIndex:u})}}return s}},{name:"Playlist",run:function(e,t,i,n,r){return t.syncInfo?{time:t.syncInfo.time,segmentIndex:t.syncInfo.mediaSequence-t.mediaSequence}:null}}],sl=(to(al,Ir.EventTarget),Za(al,[{key:"getSyncPoint",value:function(e,t,i,n){var r=this.runStrategies_(e,t,i,n);return r.length?this.selectSyncPoint_(r,{key:"time",value:n}):null}},{key:"getExpiredTime",value:function(e,t){if(!e||!e.segments)return null;var i=this.runStrategies_(e,t,e.discontinuitySequence,0);if(!i.length)return null;var n=this.selectSyncPoint_(i,{key:"segmentIndex",value:0});return 0<n.segmentIndex&&(n.time*=-1),Math.abs(n.time+go(e,n.segmentIndex,0))}},{key:"runStrategies_",value:function(e,t,i,n){for(var r=[],s=0;s<rl.length;s++){var a=rl[s],o=a.run(this,e,t,i,n);o&&(o.strategy=a.name,r.push({strategy:a.name,syncPoint:o}))}return r}},{key:"selectSyncPoint_",value:function(e,t){for(var i=e[0].syncPoint,n=Math.abs(e[0].syncPoint[t.key]-t.value),r=e[0].strategy,s=1;s<e.length;s++){var a=Math.abs(e[s].syncPoint[t.key]-t.value);a<n&&(n=a,i=e[s].syncPoint,r=e[s].strategy)}return this.logger_("syncPoint for ["+t.key+": "+t.value+"] chosen with strategy ["+r+"]: [time:"+i.time+", segmentIndex:"+i.segmentIndex+"]"),i}},{key:"saveExpiredSegmentInfo",value:function(e,t){for(var i=t.mediaSequence-e.mediaSequence-1;0<=i;i--){var n=e.segments[i];if(n&&"undefined"!=typeof n.start){t.syncInfo={mediaSequence:e.mediaSequence+i,time:n.start},this.logger_("playlist refresh sync: [time:"+t.syncInfo.time+", mediaSequence: "+t.syncInfo.mediaSequence+"]"),this.trigger("syncinfoupdate");break}}}},{key:"setDateTimeMapping",value:function(e){if(!this.datetimeToDisplayTime&&e.segments&&e.segments.length&&e.segments[0].dateTimeObject){var t=e.segments[0].dateTimeObject.getTime()/1e3;this.datetimeToDisplayTime=-t}}},{key:"reset",value:function(){this.inspectCache_=void 0}},{key:"probeSegmentInfo",value:function(e){var t=e.segment,i=e.playlist,n=void 0;return(n=t.map?this.probeMp4Segment_(e):this.probeTsSegment_(e))&&this.calculateSegmentTimeMapping_(e,n)&&(this.saveDiscontinuitySyncInfo_(e),i.syncInfo||(i.syncInfo={mediaSequence:i.mediaSequence+e.mediaIndex,time:t.start})),n}},{key:"probeMp4Segment_",value:function(e){var t=e.segment,i=Gs.timescale(t.map.bytes),n=Gs.compositionStartTime(i,e.bytes);return null!==e.timestampOffset&&(e.timestampOffset-=n),{start:n,end:n+t.duration}}},{key:"probeTsSegment_",value:function(e){var t=nl(e.bytes,this.inspectCache_),i=void 0,n=void 0,r=void 0;return t?(t.video&&2===t.video.length?(this.inspectCache_=t.video[1].dts,i=t.video[0].dtsTime,n=t.video[1].dtsTime,r=t.video):t.audio&&2===t.audio.length&&(this.inspectCache_=t.audio[1].dts,i=t.audio[0].dtsTime,n=t.audio[1].dtsTime,r=t.audio),{segmentTimestampInfo:r,start:i,end:n,containsVideo:t.video&&2===t.video.length,containsAudio:t.audio&&2===t.audio.length}):null}},{key:"timestampOffsetForTimeline",value:function(e){return"undefined"==typeof this.timelines[e]?null:this.timelines[e].time}},{key:"mappingForTimeline",value:function(e){return"undefined"==typeof this.timelines[e]?null:this.timelines[e].mapping}},{key:"calculateSegmentTimeMapping_",value:function(e,t){var i=e.segment,n=this.timelines[e.timeline];if(null!==e.timestampOffset)n={time:e.startOfSegment,mapping:e.startOfSegment-t.start},this.timelines[e.timeline]=n,this.trigger("timestampoffset"),this.logger_("time mapping for timeline "+e.timeline+": [time: "+n.time+"] [mapping: "+n.mapping+"]"),i.start=e.startOfSegment,i.end=t.end+n.mapping;else{if(!n)return!1;i.start=t.start+n.mapping,i.end=t.end+n.mapping}return!0}},{key:"saveDiscontinuitySyncInfo_",value:function(e){var t=e.playlist,i=e.segment;if(i.discontinuity)this.discontinuities[i.timeline]={time:i.start,accuracy:0};else if(t.discontinuityStarts&&t.discontinuityStarts.length)for(var n=0;n<t.discontinuityStarts.length;n++){var r=t.discontinuityStarts[n],s=t.discontinuitySequence+n+1,a=r-e.mediaIndex,o=Math.abs(a);if(!this.discontinuities[s]||this.discontinuities[s].accuracy>o){var u=void 0;u=a<0?i.start-go(t,e.mediaIndex,r):i.end+go(t,e.mediaIndex+1,r),this.discontinuities[s]={time:u,accuracy:o}}}}}]),al);function al(){Ja(this,al);var e=io(this,(al.__proto__||Object.getPrototypeOf(al)).call(this));return e.inspectCache_=void 0,e.timelines=[],e.discontinuities=[],e.datetimeToDisplayTime=null,e.logger_=Du("SyncController"),e}function ol(e,t){e.abort(),e.pause(),t&&t.activePlaylistLoader&&(t.activePlaylistLoader.pause(),t.activePlaylistLoader=null)}function ul(e,t){(t.activePlaylistLoader=e).load()}function ll(t){["AUDIO","SUBTITLES","CLOSED-CAPTIONS"].forEach(function(e){pl[e](e,t)});var i=t.mediaTypes,e=t.masterPlaylistLoader,n=t.tech,r=t.hls;["AUDIO","SUBTITLES"].forEach(function(e){i[e].activeGroup=function(s,a){return function(t){var e=a.masterPlaylistLoader,i=a.mediaTypes[s].groups,n=e.media();if(!n)return null;var r=null;return n.attributes[s]&&(r=i[n.attributes[s]]),r=r||i.main,"undefined"==typeof t?r:null===t?null:r.filter(function(e){return e.id===t.id})[0]||null}}(e,t),i[e].activeTrack=fl[e](e,t),i[e].onGroupChanged=function(o,u){return function(){var e=u.segmentLoaders,t=e[o],i=e.main,n=u.mediaTypes[o],r=n.activeTrack(),s=n.activeGroup(r),a=n.activePlaylistLoader;ol(t,n),s&&(s.playlistLoader?(t.resyncLoader(),ul(s.playlistLoader,n)):a&&i.resetEverything())}}(e,t),i[e].onTrackChanged=function(o,u){return function(){var e=u.segmentLoaders,t=e[o],i=e.main,n=u.mediaTypes[o],r=n.activeTrack(),s=n.activeGroup(r),a=n.activePlaylistLoader;ol(t,n),s&&(s.playlistLoader?(a!==s.playlistLoader&&(t.track&&t.track(r),t.resetEverything()),ul(s.playlistLoader,n)):i.resetEverything())}}(e,t)});var s=i.AUDIO.activeGroup(),a=(s.filter(function(e){return e.default})[0]||s[0]).id;function o(){i.AUDIO.onTrackChanged(),n.trigger({type:"usage",name:"hls-audio-change"})}for(var u in i.AUDIO.tracks[a].enabled=!0,i.AUDIO.onTrackChanged(),e.on("mediachange",function(){["AUDIO","SUBTITLES"].forEach(function(e){return i[e].onGroupChanged()})}),n.audioTracks().addEventListener("change",o),n.remoteTextTracks().addEventListener("change",i.SUBTITLES.onTrackChanged),r.on("dispose",function(){n.audioTracks().removeEventListener("change",o),n.remoteTextTracks().removeEventListener("change",i.SUBTITLES.onTrackChanged)}),n.clearTracks("audio"),i.AUDIO.tracks)n.audioTracks().addTrack(i.AUDIO.tracks[u])}var cl=new nu("./decrypter-worker.worker.js",function(e,t){var i,c,g,n,r,u,a,s=this;i=function(e,t,i){return t&&o(e.prototype,t),i&&o(e,i),e},c=null,d.prototype.decrypt=function(e,t,i,n,r,s){var a=this._key[1],o=e^a[0],u=n^a[1],l=i^a[2],c=t^a[3],h=void 0,d=void 0,p=void 0,f=a.length/4-2,m=void 0,g=4,y=this._tables[1],v=y[0],_=y[1],b=y[2],T=y[3],k=y[4];for(m=0;m<f;m++)h=v[o>>>24]^_[u>>16&255]^b[l>>8&255]^T[255&c]^a[g],d=v[u>>>24]^_[l>>16&255]^b[c>>8&255]^T[255&o]^a[g+1],p=v[l>>>24]^_[c>>16&255]^b[o>>8&255]^T[255&u]^a[g+2],c=v[c>>>24]^_[o>>16&255]^b[u>>8&255]^T[255&l]^a[g+3],g+=4,o=h,u=d,l=p;for(m=0;m<4;m++)r[(3&-m)+s]=k[o>>>24]<<24^k[u>>16&255]<<16^k[l>>8&255]<<8^k[255&c]^a[g++],h=o,o=u,u=l,l=c,c=h},g=d,l.prototype.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},l.prototype.off=function(e,t){if(!this.listeners[e])return!1;var i=this.listeners[e].indexOf(t);return this.listeners[e].splice(i,1),-1<i},l.prototype.trigger=function(e,t){var i=this.listeners[e];if(i)if(2===arguments.length)for(var n=i.length,r=0;r<n;++r)i[r].call(this,t);else for(var s=Array.prototype.slice.call(arguments,1),a=i.length,o=0;o<a;++o)i[o].apply(this,s)},l.prototype.dispose=function(){this.listeners={}},l.prototype.pipe=function(t){this.on("data",function(e){t.push(e)})},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(p,r=n=l),p.prototype.processJob_=function(){this.jobs.shift()(),this.jobs.length?this.timeout_=setTimeout(this.processJob_.bind(this),this.delay):this.timeout_=null},p.prototype.push=function(e){this.jobs.push(e),this.timeout_||(this.timeout_=setTimeout(this.processJob_.bind(this),this.delay))},u=p,f.prototype.decryptChunk_=function(t,i,n,r){return function(){var e=function(e,t,i){var n=new Int32Array(e.buffer,e.byteOffset,e.byteLength>>2),r=new g(Array.prototype.slice.call(t)),s=new Uint8Array(e.byteLength),a=new Int32Array(s.buffer),o=void 0,u=void 0,l=void 0,c=void 0,h=void 0,d=void 0,p=void 0,f=void 0,m=void 0;for(o=i[0],u=i[1],l=i[2],c=i[3],m=0;m<n.length;m+=4)h=y(n[m]),d=y(n[m+1]),p=y(n[m+2]),f=y(n[m+3]),r.decrypt(h,d,p,f,a,m),a[m]=y(a[m]^o),a[m+1]=y(a[m+1]^u),a[m+2]=y(a[m+2]^l),a[m+3]=y(a[m+3]^c),o=h,u=d,l=p,c=f;return s}(t,i,n);r.set(e,t.byteOffset)}},i(f,null,[{key:"STEP",get:function(){return 32e3}}]),a=f,new function(s){s.onmessage=function(e){var i=e.data,t=new Uint8Array(i.encrypted.bytes,i.encrypted.byteOffset,i.encrypted.byteLength),n=new Uint32Array(i.key.bytes,i.key.byteOffset,i.key.byteLength/4),r=new Uint32Array(i.iv.bytes,i.iv.byteOffset,i.iv.byteLength/4);new a(t,n,r,function(e,t){s.postMessage(function(i){var n={};return Object.keys(i).forEach(function(e){var t=i[e];ArrayBuffer.isView(t)?n[e]={bytes:t.buffer,byteOffset:t.byteOffset,byteLength:t.byteLength}:n[e]=t}),n}({source:i.source,decrypted:t}),[t.buffer])})}}(s);function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function d(e){h(this,d),c=c||function(){var e=[[[],[],[],[],[]],[[],[],[],[],[]]],t=e[0],i=e[1],n=t[4],r=i[4],s=void 0,a=void 0,o=void 0,u=[],l=[],c=void 0,h=void 0,d=void 0,p=void 0,f=void 0;for(s=0;s<256;s++)l[(u[s]=s<<1^283*(s>>7))^s]=s;for(a=o=0;!n[a];a^=c||1,o=l[o]||1)for(d=(d=o^o<<1^o<<2^o<<3^o<<4)>>8^255&d^99,f=16843009*u[h=u[c=u[r[n[a]=d]=a]]]^65537*h^257*c^16843008*a,p=257*u[d]^16843008*d,s=0;s<4;s++)t[s][a]=p=p<<24^p>>>8,i[s][d]=f=f<<24^f>>>8;for(s=0;s<5;s++)t[s]=t[s].slice(0),i[s]=i[s].slice(0);return e}(),this._tables=[[c[0][0].slice(),c[0][1].slice(),c[0][2].slice(),c[0][3].slice(),c[0][4].slice()],[c[1][0].slice(),c[1][1].slice(),c[1][2].slice(),c[1][3].slice(),c[1][4].slice()]];var t=void 0,i=void 0,n=void 0,r=void 0,s=void 0,a=this._tables[0][4],o=this._tables[1],u=e.length,l=1;if(4!==u&&6!==u&&8!==u)throw new Error("Invalid aes key size");for(r=e.slice(0),s=[],this._key=[r,s],t=u;t<4*u+28;t++)n=r[t-1],(t%u==0||8===u&&t%u==4)&&(n=a[n>>>24]<<24^a[n>>16&255]<<16^a[n>>8&255]<<8^a[255&n],t%u==0&&(n=n<<8^n>>>24^l<<24,l=l<<1^283*(l>>7))),r[t]=r[t-u]^n;for(i=0;t;i++,t--)n=r[3&i?t:t-4],s[i]=t<=4||i<4?n:o[0][a[n>>>24]]^o[1][a[n>>16&255]]^o[2][a[n>>8&255]]^o[3][a[255&n]]}function l(){h(this,l),this.listeners={}}function p(){h(this,p);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,r.call(this,n));return e.jobs=[],e.delay=1,e.timeout_=null,e}function y(e){return e<<24|(65280&e)<<8|(16711680&e)>>8|e>>>24}function f(e,t,i,n){h(this,f);var r=f.STEP,s=new Int32Array(e.buffer),a=new Uint8Array(e.byteLength),o=0;for(this.asyncStream_=new u,this.asyncStream_.push(this.decryptChunk_(s.subarray(o,o+r),t,i,a)),o=r;o<s.length;o+=r)i=new Uint32Array([y(s[o-4]),y(s[o-3]),y(s[o-2]),y(s[o-1])]),this.asyncStream_.push(this.decryptChunk_(s.subarray(o,o+r),t,i,a));this.asyncStream_.push(function(){n(null,function(e){return e.subarray(0,e.byteLength-e[e.byteLength-1])}(a))})}}),hl={AUDIO:function(u,l){return function(){var e=l.segmentLoaders[u],t=l.mediaTypes[u],i=l.blacklistCurrentPlaylist;ol(e,t);var n=t.activeTrack(),r=t.activeGroup(),s=(r.filter(function(e){return e.default})[0]||r[0]).id,a=t.tracks[s];if(n!==a){for(var o in Ir.log.warn("Problem encountered loading the alternate audio track.Switching back to default."),t.tracks)t.tracks[o].enabled=t.tracks[o]===a;t.onTrackChanged()}else i({message:"Problem encountered loading the default audio track."})}},SUBTITLES:function(n,r){return function(){var e=r.segmentLoaders[n],t=r.mediaTypes[n];Ir.log.warn("Problem encountered loading the subtitle track.Disabling subtitle track."),ol(e,t);var i=t.activeTrack();i&&(i.mode="disabled"),t.onTrackChanged()}}},dl={AUDIO:function(e,t,i){if(t){var n=i.tech,r=i.requestOptions,s=i.segmentLoaders[e];t.on("loadedmetadata",function(){var e=t.media();s.playlist(e,r),(!n.paused()||e.endList&&"none"!==n.preload())&&s.load()}),t.on("loadedplaylist",function(){s.playlist(t.media(),r),n.paused()||s.load()}),t.on("error",hl[e](e,i))}},SUBTITLES:function(e,t,i){var n=i.tech,r=i.requestOptions,s=i.segmentLoaders[e],a=i.mediaTypes[e];t.on("loadedmetadata",function(){var e=t.media();s.playlist(e,r),s.track(a.activeTrack()),(!n.paused()||e.endList&&"none"!==n.preload())&&s.load()}),t.on("loadedplaylist",function(){s.playlist(t.media(),r),n.paused()||s.load()}),t.on("error",hl[e](e,i))}},pl={AUDIO:function(e,t){var i,n,r=t.hls,s=t.sourceType,a=t.segmentLoaders[e],o=t.requestOptions,u=t.master.mediaGroups,l=t.mediaTypes[e],c=l.groups,h=l.tracks,d=t.masterPlaylistLoader;for(var p in u[e]&&0!==Object.keys(u[e]).length||(u[e]={main:{default:{default:!0}}}),u[e])for(var f in c[p]||(c[p]=[]),u[e][p]){var m=u[e][p][f],g=void 0;if(g=m.resolvedUri?new ho(m.resolvedUri,r,o):m.playlists&&"dash"===s?new Ou(m.playlists[0],r,o,d):null,m=Ir.mergeOptions({id:f,playlistLoader:g},m),dl[e](e,m.playlistLoader,t),c[p].push(m),"undefined"==typeof h[f]){var y=new Ir.AudioTrack({id:f,kind:(i=m,n=void 0,n=i.default?"main":"alternative",i.characteristics&&0<=i.characteristics.indexOf("public.accessibility.describes-video")&&(n="main-desc"),n),enabled:!1,language:m.language,default:m.default,label:f});h[f]=y}}a.on("error",hl[e](e,t))},SUBTITLES:function(e,t){var i=t.tech,n=t.hls,r=t.sourceType,s=t.segmentLoaders[e],a=t.requestOptions,o=t.master.mediaGroups,u=t.mediaTypes[e],l=u.groups,c=u.tracks,h=t.masterPlaylistLoader;for(var d in o[e])for(var p in l[d]||(l[d]=[]),o[e][d])if(!o[e][d][p].forced){var f=o[e][d][p],m=void 0;if("hls"===r?m=new ho(f.resolvedUri,n,a):"dash"===r&&(m=new Ou(f.playlists[0],n,a,h)),f=Ir.mergeOptions({id:p,playlistLoader:m},f),dl[e](e,f.playlistLoader,t),l[d].push(f),"undefined"==typeof c[p]){var g=i.addRemoteTextTrack({id:p,kind:"subtitles",default:f.default&&f.autoselect,language:f.language,label:p},!1).track;c[p]=g}}s.on("error",hl[e](e,t))},"CLOSED-CAPTIONS":function(e,t){var i=t.tech,n=t.master.mediaGroups,r=t.mediaTypes[e],s=r.groups,a=r.tracks;for(var o in n[e])for(var u in s[o]||(s[o]=[]),n[e][o]){var l=n[e][o][u];if(l.instreamId.match(/CC\d/)&&(s[o].push(Ir.mergeOptions({id:u},l)),"undefined"==typeof a[u])){var c=i.addRemoteTextTrack({id:l.instreamId,kind:"captions",default:l.default&&l.autoselect,language:l.language,label:u},!1).track;a[u]=c}}}},fl={AUDIO:function(i,n){return function(){var e=n.mediaTypes[i].tracks;for(var t in e)if(e[t].enabled)return e[t];return null}},SUBTITLES:function(i,n){return function(){var e=n.mediaTypes[i].tracks;for(var t in e)if("showing"===e[t].mode)return e[t];return null}}},ml=void 0,gl=["mediaRequests","mediaRequestsAborted","mediaRequestsTimedout","mediaRequestsErrored","mediaTransferDuration","mediaBytesTransferred"],yl=(to(vl,Ir.EventTarget),Za(vl,[{key:"setupMasterPlaylistLoaderListeners_",value:function(){var n=this;this.masterPlaylistLoader_.on("loadedmetadata",function(){var e=n.masterPlaylistLoader_.media(),t=1.5*e.targetDuration*1e3;Eo(n.masterPlaylistLoader_.master,n.masterPlaylistLoader_.media())?n.requestOptions_.timeout=0:n.requestOptions_.timeout=t,e.endList&&"none"!==n.tech_.preload()&&(n.mainSegmentLoader_.playlist(e,n.requestOptions_),n.mainSegmentLoader_.load()),ll({sourceType:n.sourceType_,segmentLoaders:{AUDIO:n.audioSegmentLoader_,SUBTITLES:n.subtitleSegmentLoader_,main:n.mainSegmentLoader_},tech:n.tech_,requestOptions:n.requestOptions_,masterPlaylistLoader:n.masterPlaylistLoader_,hls:n.hls_,master:n.master(),mediaTypes:n.mediaTypes_,blacklistCurrentPlaylist:n.blacklistCurrentPlaylist.bind(n)}),n.triggerPresenceUsage_(n.master(),e);try{n.setupSourceBuffers_()}catch(e){return Ir.log.warn("Failed to create SourceBuffers",e),n.mediaSource.endOfStream("decode")}n.setupFirstPlay(),!n.mediaTypes_.AUDIO.activePlaylistLoader||n.mediaTypes_.AUDIO.activePlaylistLoader.media()?n.trigger("selectedinitialmedia"):n.mediaTypes_.AUDIO.activePlaylistLoader.one("loadedmetadata",function(){n.trigger("selectedinitialmedia")})}),this.masterPlaylistLoader_.on("loadedplaylist",function(){var e=n.masterPlaylistLoader_.media();if(!e){n.excludeUnsupportedVariants_();var t=void 0;return n.enableLowInitialPlaylist&&(t=n.selectInitialPlaylist()),t=t||n.selectPlaylist(),n.initialMedia_=t,void n.masterPlaylistLoader_.media(n.initialMedia_)}if(n.useCueTags_&&n.updateAdCues_(e),n.mainSegmentLoader_.playlist(e,n.requestOptions_),n.updateDuration(),n.tech_.paused()||(n.mainSegmentLoader_.load(),n.audioSegmentLoader_&&n.audioSegmentLoader_.load()),!e.endList){var i=function(){var e=n.seekable();0!==e.length&&n.mediaSource.addSeekableRange_(e.start(0),e.end(0))};n.duration()!==1/0?n.tech_.one("durationchange",function e(){n.duration()===1/0?i():n.tech_.one("durationchange",e)}):i()}}),this.masterPlaylistLoader_.on("error",function(){n.blacklistCurrentPlaylist(n.masterPlaylistLoader_.error)}),this.masterPlaylistLoader_.on("mediachanging",function(){n.mainSegmentLoader_.abort(),n.mainSegmentLoader_.pause()}),this.masterPlaylistLoader_.on("mediachange",function(){var e=n.masterPlaylistLoader_.media(),t=1.5*e.targetDuration*1e3;Eo(n.masterPlaylistLoader_.master,n.masterPlaylistLoader_.media())?n.requestOptions_.timeout=0:n.requestOptions_.timeout=t,n.mainSegmentLoader_.playlist(e,n.requestOptions_),n.mainSegmentLoader_.load(),n.tech_.trigger({type:"mediachange",bubbles:!0})}),this.masterPlaylistLoader_.on("playlistunchanged",function(){var e=n.masterPlaylistLoader_.media();n.stuckAtPlaylistEnd_(e)&&(n.blacklistCurrentPlaylist({message:"Playlist no longer updating."}),n.tech_.trigger("playliststuck"))}),this.masterPlaylistLoader_.on("renditiondisabled",function(){n.tech_.trigger({type:"usage",name:"hls-rendition-disabled"})}),this.masterPlaylistLoader_.on("renditionenabled",function(){n.tech_.trigger({type:"usage",name:"hls-rendition-enabled"})})}},{key:"triggerPresenceUsage_",value:function(e,t){var i=e.mediaGroups||{},n=!0,r=Object.keys(i.AUDIO);for(var s in i.AUDIO)for(var a in i.AUDIO[s])i.AUDIO[s][a].uri||(n=!1);n&&this.tech_.trigger({type:"usage",name:"hls-demuxed"}),Object.keys(i.SUBTITLES).length&&this.tech_.trigger({type:"usage",name:"hls-webvtt"}),ml.Playlist.isAes(t)&&this.tech_.trigger({type:"usage",name:"hls-aes"}),ml.Playlist.isFmp4(t)&&this.tech_.trigger({type:"usage",name:"hls-fmp4"}),r.length&&1<Object.keys(i.AUDIO[r[0]]).length&&this.tech_.trigger({type:"usage",name:"hls-alternate-audio"}),this.useCueTags_&&this.tech_.trigger({type:"usage",name:"hls-playlist-cue-tags"})}},{key:"setupSegmentLoaderListeners_",value:function(){var s=this;this.mainSegmentLoader_.on("bandwidthupdate",function(){var e=s.selectPlaylist(),t=s.masterPlaylistLoader_.media(),i=s.tech_.buffered(),n=i.length?i.end(i.length-1)-s.tech_.currentTime():0,r=s.bufferLowWaterLine();(!t.endList||s.duration()<Gu.MAX_BUFFER_LOW_WATER_LINE||e.attributes.BANDWIDTH<t.attributes.BANDWIDTH||r<=n)&&s.masterPlaylistLoader_.media(e),s.tech_.trigger("bandwidthupdate")}),this.mainSegmentLoader_.on("progress",function(){s.trigger("progress")}),this.mainSegmentLoader_.on("error",function(){s.blacklistCurrentPlaylist(s.mainSegmentLoader_.error())}),this.mainSegmentLoader_.on("syncinfoupdate",function(){s.onSyncInfoUpdate_()}),this.mainSegmentLoader_.on("timestampoffset",function(){s.tech_.trigger({type:"usage",name:"hls-timestamp-offset"})}),this.audioSegmentLoader_.on("syncinfoupdate",function(){s.onSyncInfoUpdate_()}),this.mainSegmentLoader_.on("ended",function(){s.onEndOfStream()}),this.mainSegmentLoader_.on("earlyabort",function(){s.blacklistCurrentPlaylist({message:"Aborted early because there isn't enough bandwidth to complete the request without rebuffering."},120)}),this.mainSegmentLoader_.on("reseteverything",function(){s.tech_.trigger("hls-reset")}),this.mainSegmentLoader_.on("segmenttimemapping",function(e){s.tech_.trigger({type:"hls-segment-time-mapping",mapping:e.mapping})}),this.audioSegmentLoader_.on("ended",function(){s.onEndOfStream()})}},{key:"mediaSecondsLoaded_",value:function(){return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded+this.mainSegmentLoader_.mediaSecondsLoaded)}},{key:"load",value:function(){this.mainSegmentLoader_.load(),this.mediaTypes_.AUDIO.activePlaylistLoader&&this.audioSegmentLoader_.load(),this.mediaTypes_.SUBTITLES.activePlaylistLoader&&this.subtitleSegmentLoader_.load()}},{key:"smoothQualityChange_",value:function(){var e=this.selectPlaylist();e!==this.masterPlaylistLoader_.media()&&(this.masterPlaylistLoader_.media(e),this.mainSegmentLoader_.resetLoader())}},{key:"fastQualityChange_",value:function(){var e=this,t=this.selectPlaylist();t!==this.masterPlaylistLoader_.media()&&(this.masterPlaylistLoader_.media(t),this.mainSegmentLoader_.resetEverything(function(){Ir.browser.IE_VERSION||Ir.browser.IS_EDGE?e.tech_.setCurrentTime(e.tech_.currentTime()+.04):e.tech_.setCurrentTime(e.tech_.currentTime())}))}},{key:"play",value:function(){if(!this.setupFirstPlay()){this.tech_.ended()&&this.seekTo_(0),this.hasPlayed_()&&this.load();var e=this.tech_.seekable();return this.tech_.duration()===1/0&&this.tech_.currentTime()<e.start(0)?this.seekTo_(e.end(e.length-1)):void 0}}},{key:"setupFirstPlay",value:function(){var e=this,t=this.masterPlaylistLoader_.media();if(!t||this.tech_.paused()||this.hasPlayed_())return!1;if(!t.endList){var i=this.seekable();if(!i.length)return!1;if(Ir.browser.IE_VERSION&&0===this.tech_.readyState())return this.tech_.one("loadedmetadata",function(){e.trigger("firstplay"),e.seekTo_(i.end(0)),e.hasPlayed_=function(){return!0}}),!1;this.trigger("firstplay"),this.seekTo_(i.end(0))}return this.hasPlayed_=function(){return!0},this.load(),!0}},{key:"handleSourceOpen_",value:function(){try{this.setupSourceBuffers_()}catch(e){return Ir.log.warn("Failed to create Source Buffers",e),this.mediaSource.endOfStream("decode")}if(this.tech_.autoplay()){var e=this.tech_.play();"undefined"!=typeof e&&"function"==typeof e.then&&e.then(null,function(e){})}this.trigger("sourceopen")}},{key:"onEndOfStream",value:function(){var e=this.mainSegmentLoader_.ended_;if(this.mediaTypes_.AUDIO.activePlaylistLoader&&(e=!this.mainSegmentLoader_.startingMedia_||this.mainSegmentLoader_.startingMedia_.containsVideo?e&&this.audioSegmentLoader_.ended_:this.audioSegmentLoader_.ended_),e){this.logger_("calling mediaSource.endOfStream()");try{this.mediaSource.endOfStream()}catch(e){Ir.log.warn("Failed to call media source endOfStream",e)}}}},{key:"stuckAtPlaylistEnd_",value:function(e){if(!this.seekable().length)return!1;var t=this.syncController_.getExpiredTime(e,this.mediaSource.duration);if(null===t)return!1;var i=ml.Playlist.playlistEnd(e,t),n=this.tech_.currentTime(),r=this.tech_.buffered();if(!r.length)return i-n<=.1;var s=r.end(r.length-1);return s-n<=.1&&i-s<=.1}},{key:"blacklistCurrentPlaylist",value:function(e,t){var i,n=0<arguments.length&&void 0!==e?e:{},r=t,s=void 0;if(s=n.playlist||this.masterPlaylistLoader_.media(),r=r||n.blacklistDuration||this.blacklistDuration,!s){this.error=n;try{return this.mediaSource.endOfStream("network")}catch(e){return this.trigger("error")}}var a=1===this.masterPlaylistLoader_.master.playlists.filter(So).length,o=this.masterPlaylistLoader_.master.playlists;return 1===o.length?(Ir.log.warn("Problem encountered with the current HLS playlist. Trying again since it is the only playlist."),this.tech_.trigger("retryplaylist"),this.masterPlaylistLoader_.load(a)):(a&&(Ir.log.warn("Removing all playlists from the blacklist because the last rendition is about to be blacklisted."),o.forEach(function(e){e.excludeUntil!==1/0&&delete e.excludeUntil}),this.tech_.trigger("retryplaylist")),s.excludeUntil=Date.now()+1e3*r,this.tech_.trigger("blacklistplaylist"),this.tech_.trigger({type:"usage",name:"hls-rendition-blacklisted"}),i=this.selectPlaylist(),Ir.log.warn("Problem encountered with the current HLS playlist."+(n.message?" "+n.message:"")+" Switching to another playlist."),this.masterPlaylistLoader_.media(i,a))}},{key:"pauseLoading",value:function(){this.mainSegmentLoader_.pause(),this.mediaTypes_.AUDIO.activePlaylistLoader&&this.audioSegmentLoader_.pause(),this.mediaTypes_.SUBTITLES.activePlaylistLoader&&this.subtitleSegmentLoader_.pause()}},{key:"setCurrentTime",value:function(e){var t=No(this.tech_.buffered(),e);return this.masterPlaylistLoader_&&this.masterPlaylistLoader_.media()&&this.masterPlaylistLoader_.media().segments?t&&t.length?e:(this.mainSegmentLoader_.resetEverything(),this.mainSegmentLoader_.abort(),this.mediaTypes_.AUDIO.activePlaylistLoader&&(this.audioSegmentLoader_.resetEverything(),this.audioSegmentLoader_.abort()),this.mediaTypes_.SUBTITLES.activePlaylistLoader&&(this.subtitleSegmentLoader_.resetEverything(),this.subtitleSegmentLoader_.abort()),void this.load()):0}},{key:"duration",value:function(){return this.masterPlaylistLoader_?this.mediaSource?this.mediaSource.duration:ml.Playlist.duration(this.masterPlaylistLoader_.media()):0}},{key:"seekable",value:function(){return this.seekable_}},{key:"onSyncInfoUpdate_",value:function(){var e=void 0,t=void 0;if(this.masterPlaylistLoader_){var i=this.masterPlaylistLoader_.media();if(i){var n=this.syncController_.getExpiredTime(i,this.mediaSource.duration);if(null!==n&&0!==(e=ml.Playlist.seekable(i,n)).length){if(this.mediaTypes_.AUDIO.activePlaylistLoader){if(i=this.mediaTypes_.AUDIO.activePlaylistLoader.media(),null===(n=this.syncController_.getExpiredTime(i,this.mediaSource.duration)))return;if(0===(t=ml.Playlist.seekable(i,n)).length)return}var r=void 0,s=void 0;this.seekable_&&this.seekable_.length&&(r=this.seekable_.end(0),s=this.seekable_.start(0)),t?t.start(0)>e.end(0)||e.start(0)>t.end(0)?this.seekable_=e:this.seekable_=Ir.createTimeRanges([[t.start(0)>e.start(0)?t.start(0):e.start(0),t.end(0)<e.end(0)?t.end(0):e.end(0)]]):this.seekable_=e,this.seekable_&&this.seekable_.length&&this.seekable_.end(0)===r&&this.seekable_.start(0)===s||(this.logger_("seekable updated ["+jo(this.seekable_)+"]"),this.tech_.trigger("seekablechanged"))}}}}},{key:"updateDuration",value:function(){function e(){t.logger_("Setting duration from "+t.mediaSource.duration+" => "+n);try{t.mediaSource.duration=n}catch(e){Ir.log.warn("Failed to set media source duration",e)}t.tech_.trigger("durationchange"),t.mediaSource.removeEventListener("sourceopen",e)}var t=this,i=this.mediaSource.duration,n=ml.Playlist.duration(this.masterPlaylistLoader_.media()),r=this.tech_.buffered();0<r.length&&(n=Math.max(n,r.end(r.length-1))),i!==n&&("open"!==this.mediaSource.readyState?this.mediaSource.addEventListener("sourceopen",e):e())}},{key:"dispose",value:function(){var n=this;this.decrypter_.terminate(),this.masterPlaylistLoader_.dispose(),this.mainSegmentLoader_.dispose(),["AUDIO","SUBTITLES"].forEach(function(e){var t=n.mediaTypes_[e].groups;for(var i in t)t[i].forEach(function(e){e.playlistLoader&&e.playlistLoader.dispose()})}),this.audioSegmentLoader_.dispose(),this.subtitleSegmentLoader_.dispose()}},{key:"master",value:function(){return this.masterPlaylistLoader_.master}},{key:"media",value:function(){return this.masterPlaylistLoader_.media()||this.initialMedia_}},{key:"setupSourceBuffers_",value:function(){var e,t=this.masterPlaylistLoader_.media();if(t&&"open"===this.mediaSource.readyState){if((e=hu(this.masterPlaylistLoader_.master,t)).length<1)return this.error="No compatible SourceBuffer configuration for the variant stream:"+t.resolvedUri,this.mediaSource.endOfStream("decode");this.configureLoaderMimeTypes_(e),this.excludeIncompatibleVariants_(t)}}},{key:"configureLoaderMimeTypes_",value:function(e){var t=1<e.length&&-1===e[0].indexOf(",")&&e[0]!==e[1]?new Ir.EventTarget:null;this.mainSegmentLoader_.mimeType(e[0],t),e[1]&&this.audioSegmentLoader_.mimeType(e[1],t)}},{key:"excludeUnsupportedVariants_",value:function(){this.master().playlists.forEach(function(e){e.attributes.CODECS&&v.MediaSource&&v.MediaSource.isTypeSupported&&!v.MediaSource.isTypeSupported('video/mp4; codecs="'+function(e){return e.replace(/avc1\.(\d+)\.(\d+)/i,function(e){return uu([e])[0]})}(e.attributes.CODECS)+'"')&&(e.excludeUntil=1/0)})}},{key:"excludeIncompatibleVariants_",value:function(e){var i=2,n=null,t=void 0;e.attributes.CODECS&&(t=lu(e.attributes.CODECS),n=t.videoCodec,i=t.codecCount),this.master().playlists.forEach(function(e){var t={codecCount:2,videoCodec:null};e.attributes.CODECS&&(t=lu(e.attributes.CODECS)),t.codecCount!==i&&(e.excludeUntil=1/0),t.videoCodec!==n&&(e.excludeUntil=1/0)})}},{key:"updateAdCues_",value:function(e){var t=0,i=this.seekable();i.length&&(t=i.start(0)),function(e,t,i){var n=2<arguments.length&&void 0!==i?i:0;if(e.segments)for(var r=n,s=void 0,a=0;a<e.segments.length;a++){var o=e.segments[a];if(s=s||il(t,r+o.duration/2)){if("cueIn"in o){s.endTime=r,s.adEndTime=r,r+=o.duration,s=null;continue}if(r<s.endTime){r+=o.duration;continue}s.endTime+=o.duration}else if("cueOut"in o&&((s=new v.VTTCue(r,r+o.duration,o.cueOut)).adStartTime=r,s.adEndTime=r+parseFloat(o.cueOut),t.addCue(s)),"cueOutCont"in o){var u,l,c=o.cueOutCont.split("/").map(parseFloat),h=uo(c,2);u=h[0],l=h[1],(s=new v.VTTCue(r,r+o.duration,"")).adStartTime=r-u,s.adEndTime=s.adStartTime+l,t.addCue(s)}r+=o.duration}}(e,this.cueTagsTrack_,t)}},{key:"goalBufferLength",value:function(){var e=this.tech_.currentTime(),t=Gu.GOAL_BUFFER_LENGTH,i=Gu.GOAL_BUFFER_LENGTH_RATE,n=Math.max(t,Gu.MAX_GOAL_BUFFER_LENGTH);return Math.min(t+e*i,n)}},{key:"bufferLowWaterLine",value:function(){var e=this.tech_.currentTime(),t=Gu.BUFFER_LOW_WATER_LINE,i=Gu.BUFFER_LOW_WATER_LINE_RATE,n=Math.max(t,Gu.MAX_BUFFER_LOW_WATER_LINE);return Math.min(t+e*i,n)}}]),vl);function vl(e){Ja(this,vl);var t=io(this,(vl.__proto__||Object.getPrototypeOf(vl)).call(this)),i=e.url,n=e.handleManifestRedirects,r=e.withCredentials,s=e.tech,a=e.bandwidth,o=e.externHls,u=e.useCueTags,l=e.blacklistDuration,c=e.enableLowInitialPlaylist,h=e.sourceType,d=e.seekTo,p=e.cacheEncryptionKeys;if(!i)throw new Error("A non-empty playlist URL is required");ml=o,t.withCredentials=r,t.tech_=s,t.hls_=s.hls,t.seekTo_=d,t.sourceType_=h,t.useCueTags_=u,t.blacklistDuration=l,t.enableLowInitialPlaylist=c,t.useCueTags_&&(t.cueTagsTrack_=t.tech_.addTextTrack("metadata","ad-cues"),t.cueTagsTrack_.inBandMetadataTrackDispatchType=""),t.requestOptions_={withCredentials:r,handleManifestRedirects:n,timeout:null},t.mediaTypes_=function(){var t={};return["AUDIO","SUBTITLES","CLOSED-CAPTIONS"].forEach(function(e){t[e]={groups:{},tracks:{},activePlaylistLoader:null,activeGroup:Uu,activeTrack:Uu,onGroupChanged:Uu,onTrackChanged:Uu}}),t}(),t.mediaSource=new Ir.MediaSource,t.mediaSource.addEventListener("sourceopen",t.handleSourceOpen_.bind(t)),t.seekable_=Ir.createTimeRanges(),t.hasPlayed_=function(){return!1},t.syncController_=new sl(e),t.segmentMetadataTrack_=s.addRemoteTextTrack({kind:"metadata",label:"segment-metadata"},!1).track,t.decrypter_=new cl,t.inbandTextTracks_={};var f={hls:t.hls_,mediaSource:t.mediaSource,currentTime:t.tech_.currentTime.bind(t.tech_),seekable:function(){return t.seekable()},seeking:function(){return t.tech_.seeking()},duration:function(){return t.mediaSource.duration},hasPlayed:function(){return t.hasPlayed_()},goalBufferLength:function(){return t.goalBufferLength()},bandwidth:a,syncController:t.syncController_,decrypter:t.decrypter_,sourceType:t.sourceType_,inbandTextTracks:t.inbandTextTracks_,cacheEncryptionKeys:p};return t.masterPlaylistLoader_="dash"===t.sourceType_?new Ou(i,t.hls_,t.requestOptions_):new ho(i,t.hls_,t.requestOptions_),t.setupMasterPlaylistLoaderListeners_(),t.mainSegmentLoader_=new $u(Ir.mergeOptions(f,{segmentMetadataTrack:t.segmentMetadataTrack_,loaderType:"main"}),e),t.audioSegmentLoader_=new $u(Ir.mergeOptions(f,{loaderType:"audio"}),e),t.subtitleSegmentLoader_=new el(Ir.mergeOptions(f,{loaderType:"vtt"}),e),t.setupSegmentLoaderListeners_(),gl.forEach(function(e){t[e+"_"]=function(e){return this.audioSegmentLoader_[e]+this.mainSegmentLoader_[e]}.bind(t,e)}),t.logger_=Du("MPC"),t.masterPlaylistLoader_.load(),t}function _l(e,t,i){Ja(this,_l);var n=e.masterPlaylistController_,r=n[(e.options_.smoothQualityChange?"smooth":"fast")+"QualityChange_"].bind(n);if(t.attributes.RESOLUTION){var s=t.attributes.RESOLUTION;this.width=s.width,this.height=s.height}this.bandwidth=t.attributes.BANDWIDTH,this.id=i,this.enabled=function(r,s,a){return function(e){var t=r.master.playlists[s],i=ko(t),n=So(t);return"undefined"==typeof e?n:(e?delete t.disabled:t.disabled=!0,e===n||i||(a(),e?r.trigger("renditionenabled"):r.trigger("renditiondisabled")),e)}}(e.playlists,t.uri,r)}var bl=["seeking","seeked","pause","playing","error"],Tl=(Za(kl,[{key:"monitorCurrentTime_",value:function(){this.checkCurrentTime_(),this.checkCurrentTimeTimeout_&&v.clearTimeout(this.checkCurrentTimeTimeout_),this.checkCurrentTimeTimeout_=v.setTimeout(this.monitorCurrentTime_.bind(this),250)}},{key:"checkCurrentTime_",value:function(){if(this.tech_.seeking()&&this.fixesBadSeeks_())return this.consecutiveUpdates=0,void(this.lastRecordedTime=this.tech_.currentTime());if(!this.tech_.paused()&&!this.tech_.seeking()){var e=this.tech_.currentTime(),t=this.tech_.buffered();if(this.lastRecordedTime===e&&(!t.length||e+.1>=t.end(t.length-1)))return this.techWaiting_();5<=this.consecutiveUpdates&&e===this.lastRecordedTime?(this.consecutiveUpdates++,this.waiting_()):e===this.lastRecordedTime?this.consecutiveUpdates++:(this.consecutiveUpdates=0,this.lastRecordedTime=e)}}},{key:"cancelTimer_",value:function(){this.consecutiveUpdates=0,this.timer_&&(this.logger_("cancelTimer_"),clearTimeout(this.timer_)),this.timer_=null}},{key:"fixesBadSeeks_",value:function(){if(!this.tech_.seeking())return!1;var e=this.seekable(),t=this.tech_.currentTime(),i=void 0;return this.afterSeekableWindow_(e,t,this.media(),this.allowSeeksWithinUnsafeLiveWindow)&&(i=e.end(e.length-1)),this.beforeSeekableWindow_(e,t)&&(i=e.start(0)+.1),"undefined"!=typeof i&&(this.logger_("Trying to seek outside of seekable at time "+t+" with seekable range "+jo(e)+". Seeking to "+i+"."),this.seekTo(i),!0)}},{key:"waiting_",value:function(){if(!this.techWaiting_()){var e=this.tech_.currentTime(),t=this.tech_.buffered(),i=No(t,e);return i.length&&e+3<=i.end(0)?(this.cancelTimer_(),this.seekTo(e),this.logger_("Stopped at "+e+" while inside a buffered region ["+i.start(0)+" -> "+i.end(0)+"]. Attempting to resume playback by seeking to the current time."),void this.tech_.trigger({type:"usage",name:"hls-unknown-waiting"})):void 0}}},{key:"techWaiting_",value:function(){var e=this.seekable(),t=this.tech_.currentTime();if(this.tech_.seeking()&&this.fixesBadSeeks_())return!0;if(this.tech_.seeking()||null!==this.timer_)return!0;if(this.beforeSeekableWindow_(e,t)){var i=e.end(e.length-1);return this.logger_("Fell out of live window at time "+t+". Seeking to live point (seekable end) "+i),this.cancelTimer_(),this.seekTo(i),this.tech_.trigger({type:"usage",name:"hls-live-resync"}),!0}var n=this.tech_.buffered(),r=Bo(n,t);if(this.videoUnderflow_(r,n,t))return this.cancelTimer_(),this.seekTo(t),this.tech_.trigger({type:"usage",name:"hls-video-underflow"}),!0;if(0<r.length){var s=r.start(0)-t;return this.logger_("Stopped at "+t+", setting timer for "+s+", seeking to "+r.start(0)),this.timer_=setTimeout(this.skipTheGap_.bind(this),1e3*s,t),!0}return!1}},{key:"afterSeekableWindow_",value:function(e,t,i,n){var r=3<arguments.length&&void 0!==n&&n;if(!e.length)return!1;var s=e.end(e.length-1)+.1;return!i.endList&&r&&(s=e.end(e.length-1)+3*i.targetDuration),s<t}},{key:"beforeSeekableWindow_",value:function(e,t){return!!(e.length&&0<e.start(0)&&t<e.start(0)-.1)}},{key:"videoUnderflow_",value:function(e,t,i){if(0===e.length){var n=this.gapFromVideoUnderflow_(t,i);if(n)return this.logger_("Encountered a gap in video from "+n.start+" to "+n.end+". Seeking to current time "+i),!0}return!1}},{key:"skipTheGap_",value:function(e){var t=this.tech_.buffered(),i=this.tech_.currentTime(),n=Bo(t,i);this.cancelTimer_(),0!==n.length&&i===e&&(this.logger_("skipTheGap_:","currentTime:",i,"scheduled currentTime:",e,"nextRange start:",n.start(0)),this.seekTo(n.start(0)+1/30),this.tech_.trigger({type:"usage",name:"hls-gap-skip"}))}},{key:"gapFromVideoUnderflow_",value:function(e,t){for(var i=function(e){if(e.length<2)return Ir.createTimeRanges();for(var t=[],i=1;i<e.length;i++){var n=e.end(i-1),r=e.start(i);t.push([n,r])}return Ir.createTimeRanges(t)}(e),n=0;n<i.length;n++){var r=i.start(n),s=i.end(n);if(t-r<4&&2<t-r)return{start:r,end:s}}return null}}]),kl);function kl(e){var t=this;Ja(this,kl),this.tech_=e.tech,this.seekable=e.seekable,this.seekTo=e.seekTo,this.allowSeeksWithinUnsafeLiveWindow=e.allowSeeksWithinUnsafeLiveWindow,this.media=e.media,this.consecutiveUpdates=0,this.lastRecordedTime=null,this.timer_=null,this.checkCurrentTimeTimeout_=null,this.logger_=Du("PlaybackWatcher"),this.logger_("initialize");function i(){return t.monitorCurrentTime_()}function n(){return t.techWaiting_()}function r(){return t.cancelTimer_()}function s(){return t.fixesBadSeeks_()}this.tech_.on("seekablechanged",s),this.tech_.on("waiting",n),this.tech_.on(bl,r),this.tech_.on("canplay",i),this.dispose=function(){t.logger_("dispose"),t.tech_.off("seekablechanged",s),t.tech_.off("waiting",n),t.tech_.off(bl,r),t.tech_.off("canplay",i),t.checkCurrentTimeTimeout_&&v.clearTimeout(t.checkCurrentTimeTimeout_),t.cancelTimer_()}}function Sl(e){!function t(i,e){var n=0,r=0,s=Ir.mergeOptions(Cl,e);i.ready(function(){i.trigger({type:"usage",name:"hls-error-reload-initialized"})});function a(){r&&i.currentTime(r)}function o(e){null!=e&&(r=i.duration()!==1/0&&i.currentTime()||0,i.one("loadedmetadata",a),i.src(e),i.trigger({type:"usage",name:"hls-error-reload"}),i.play())}function u(){if(Date.now()-n<1e3*s.errorInterval)i.trigger({type:"usage",name:"hls-error-reload-canceled"});else{if(s.getSource&&"function"==typeof s.getSource)return n=Date.now(),s.getSource.call(i,o);Ir.log.error("ERROR: reloadSourceOnError - The option getSource must be a function!")}}function l(){i.off("loadedmetadata",a),i.off("error",u),i.off("dispose",l)}i.on("error",u),i.on("dispose",l),i.reloadSourceOnError=function(e){l(),t(i,e)}}(this,e)}var Cl={errorInterval:30,getSource:function(e){return e(this.tech({IWillNotUseThisInPlugins:!0}).currentSource_)}};Ir.use("*",function(t){return{setSource:function(e,t){t(null,e)},setCurrentTime:function(e){return t.vhs&&t.currentSource().src===t.vhs.source_.src&&t.vhs.setCurrentTime(e),e},play:function(){t.vhs&&t.currentSource().src===t.vhs.source_.src&&t.vhs.setCurrentTime(t.tech_.currentTime())}}});var El={PlaylistLoader:ho,Playlist:Ko,Decrypter:Xa,AsyncStream:Wa,decrypt:Ka,utils:$o,STANDARD_PLAYLIST_SELECTOR:function(){return function(e,t,i,n,r){var s=e.playlists.map(function(e){var t,i;return t=e.attributes.RESOLUTION&&e.attributes.RESOLUTION.width,i=e.attributes.RESOLUTION&&e.attributes.RESOLUTION.height,{bandwidth:e.attributes.BANDWIDTH||v.Number.MAX_VALUE,width:t,height:i,playlist:e}});Vu(s,function(e,t){return e.bandwidth-t.bandwidth});var a=(s=s.filter(function(e){return!Ko.isIncompatible(e.playlist)})).filter(function(e){return Ko.isEnabled(e.playlist)});a.length||(a=s.filter(function(e){return!Ko.isDisabled(e.playlist)}));var o=a.filter(function(e){return e.bandwidth*Gu.BANDWIDTH_VARIANCE<t}),u=o[o.length-1],l=o.filter(function(e){return e.bandwidth===u.bandwidth})[0];if(!1===r){var c=l||a[0]||s[0];return c?c.playlist:null}var h=o.filter(function(e){return e.width&&e.height});Vu(h,function(e,t){return e.width-t.width});var d=h.filter(function(e){return e.width===i&&e.height===n});u=d[d.length-1];var p=d.filter(function(e){return e.bandwidth===u.bandwidth})[0],f=void 0,m=void 0,g=void 0;p||(m=(f=h.filter(function(e){return e.width>i||e.height>n})).filter(function(e){return e.width===f[0].width&&e.height===f[0].height}),u=m[m.length-1],g=m.filter(function(e){return e.bandwidth===u.bandwidth})[0]);var y=g||p||l||a[0]||s[0];return y?y.playlist:null}(this.playlists.master,this.systemBandwidth,parseInt(qu(this.tech_.el(),"width"),10),parseInt(qu(this.tech_.el(),"height"),10),this.limitRenditionByPlayerDimensions)},INITIAL_PLAYLIST_SELECTOR:function(){var e=this.playlists.master.playlists.filter(Ko.isEnabled);return Vu(e,function(e,t){return Wu(e,t)}),e.filter(function(e){return lu(e.attributes.CODECS).videoCodec})[0]||null},comparePlaylistBandwidth:Wu,comparePlaylistResolution:function(e,t){var i=void 0,n=void 0;return e.attributes.RESOLUTION&&e.attributes.RESOLUTION.width&&(i=e.attributes.RESOLUTION.width),i=i||v.Number.MAX_VALUE,t.attributes.RESOLUTION&&t.attributes.RESOLUTION.width&&(n=t.attributes.RESOLUTION.width),i===(n=n||v.Number.MAX_VALUE)&&e.attributes.BANDWIDTH&&t.attributes.BANDWIDTH?e.attributes.BANDWIDTH-t.attributes.BANDWIDTH:i-n},xhr:wo()};["GOAL_BUFFER_LENGTH","MAX_GOAL_BUFFER_LENGTH","GOAL_BUFFER_LENGTH_RATE","BUFFER_LOW_WATER_LINE","MAX_BUFFER_LOW_WATER_LINE","BUFFER_LOW_WATER_LINE_RATE","BANDWIDTH_VARIANCE"].forEach(function(t){Object.defineProperty(El,t,{get:function(){return Ir.log.warn("using Hls."+t+" is UNSAFE be sure you know what you are doing"),Gu[t]},set:function(e){Ir.log.warn("using Hls."+t+" is UNSAFE be sure you know what you are doing"),"number"!=typeof e||e<0?Ir.log.warn("value of Hls."+t+" must be greater than or equal to 0"):Gu[t]=e}})});function wl(e){return/^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i.test(e)?"hls":/^application\/dash\+xml/i.test(e)?"dash":null}function Pl(e,t){for(var i=t.media(),n=-1,r=0;r<e.length;r++)if(e[r].id===i.uri){n=r;break}e.selectedIndex_=n,e.trigger({selectedIndex:n,type:"change"})}var Ll="videojs-vhs";El.canPlaySource=function(){return Ir.log.warn("HLS is no longer a tech. Please remove it from your player's techOrder.")};function Il(e){var t=e.masterPlaylistController_.mainSegmentLoader_,i=e.masterPlaylistController_.audioSegmentLoader_,n=Ir.players[e.tech_.options_.playerId];if(n.eme){var r=function(e,t,i){if(!e)return e;var n=void 0,r=void 0;if(i.mimeType_)n=t.mimeType_,r=i.mimeType_;else{var s=du(t.mimeType_),a=s.parameters.codecs.split(","),o=void 0,u=void 0;a.forEach(function(e){e=e.trim(),pu(e)?o=e:fu(e)&&(u=e)}),n=s.type+'; codecs="'+u+'"',r=s.type.replace("video","audio")+'; codecs="'+o+'"'}var l={},c=t.playlist_;for(var h in e)l[h]={audioContentType:r,videoContentType:n},c.contentProtection&&c.contentProtection[h]&&c.contentProtection[h].pssh&&(l[h].pssh=c.contentProtection[h].pssh),"string"==typeof e[h]&&(l[h].url=e[h]);return Ir.mergeOptions(e,l)}(e.source_.keySystems,t,i);r&&(n.currentSource().keySystems=r,11!==Ir.browser.IE_VERSION&&n.eme.initializeMediaKeys&&n.eme.initializeMediaKeys())}}function Al(){if(!window.localStorage)return null;var e=window.localStorage.getItem(Ll);if(!e)return null;try{return JSON.parse(e)}catch(e){return null}}El.supportsNativeHls=function(){var t=h.createElement("video");if(!Ir.getTech("Html5").isSupported())return!1;return["application/vnd.apple.mpegurl","audio/mpegurl","audio/x-mpegurl","application/x-mpegurl","video/x-mpegurl","video/mpegurl","application/mpegurl"].some(function(e){return/maybe|probably/i.test(t.canPlayType(e))})}(),El.supportsNativeDash=!!Ir.getTech("Html5").isSupported()&&/maybe|probably/i.test(h.createElement("video").canPlayType("application/dash+xml")),El.supportsTypeNatively=function(e){return"hls"===e?El.supportsNativeHls:"dash"===e&&El.supportsNativeDash},El.isSupported=function(){return Ir.log.warn("HLS is no longer a tech. Please remove it from your player's techOrder.")};var Ol=Ir.getComponent("Component"),xl=(to(Dl,Ol),Za(Dl,[{key:"setOptions_",value:function(){var t=this;if(this.options_.withCredentials=this.options_.withCredentials||!1,this.options_.handleManifestRedirects=this.options_.handleManifestRedirects||!1,this.options_.limitRenditionByPlayerDimensions=!1!==this.options_.limitRenditionByPlayerDimensions,this.options_.smoothQualityChange=this.options_.smoothQualityChange||!1,this.options_.useBandwidthFromLocalStorage="undefined"!=typeof this.source_.useBandwidthFromLocalStorage?this.source_.useBandwidthFromLocalStorage:this.options_.useBandwidthFromLocalStorage||!1,this.options_.customTagParsers=this.options_.customTagParsers||[],this.options_.customTagMappers=this.options_.customTagMappers||[],this.options_.cacheEncryptionKeys=this.options_.cacheEncryptionKeys||!1,"number"!=typeof this.options_.blacklistDuration&&(this.options_.blacklistDuration=300),"number"!=typeof this.options_.bandwidth&&this.options_.useBandwidthFromLocalStorage){var e=Al();e&&e.bandwidth&&(this.options_.bandwidth=e.bandwidth,this.tech_.trigger({type:"usage",name:"hls-bandwidth-from-local-storage"})),e&&e.throughput&&(this.options_.throughput=e.throughput,this.tech_.trigger({type:"usage",name:"hls-throughput-from-local-storage"}))}"number"!=typeof this.options_.bandwidth&&(this.options_.bandwidth=Gu.INITIAL_BANDWIDTH),this.options_.enableLowInitialPlaylist=this.options_.enableLowInitialPlaylist&&this.options_.bandwidth===Gu.INITIAL_BANDWIDTH,["withCredentials","limitRenditionByPlayerDimensions","bandwidth","smoothQualityChange","customTagParsers","customTagMappers","handleManifestRedirects","cacheEncryptionKeys"].forEach(function(e){"undefined"!=typeof t.source_[e]&&(t.options_[e]=t.source_[e])}),this.limitRenditionByPlayerDimensions=this.options_.limitRenditionByPlayerDimensions}},{key:"src",value:function(e,t){var i=this;e&&(this.setOptions_(),this.options_.url=this.source_.src,this.options_.tech=this.tech_,this.options_.externHls=El,this.options_.sourceType=wl(t),this.options_.seekTo=function(e){i.tech_.setCurrentTime(e),i.setCurrentTime(e)},this.masterPlaylistController_=new yl(this.options_),this.playbackWatcher_=new Tl(Ir.mergeOptions(this.options_,{seekable:function(){return i.seekable()},media:function(){return i.masterPlaylistController_.media()}})),this.masterPlaylistController_.on("error",function(){Ir.players[i.tech_.options_.playerId].error(i.masterPlaylistController_.error)}),this.masterPlaylistController_.selectPlaylist=this.selectPlaylist?this.selectPlaylist.bind(this):El.STANDARD_PLAYLIST_SELECTOR.bind(this),this.masterPlaylistController_.selectInitialPlaylist=El.INITIAL_PLAYLIST_SELECTOR.bind(this),this.playlists=this.masterPlaylistController_.masterPlaylistLoader_,this.mediaSource=this.masterPlaylistController_.mediaSource,Object.defineProperties(this,{selectPlaylist:{get:function(){return this.masterPlaylistController_.selectPlaylist},set:function(e){this.masterPlaylistController_.selectPlaylist=e.bind(this)}},throughput:{get:function(){return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate},set:function(e){this.masterPlaylistController_.mainSegmentLoader_.throughput.rate=e,this.masterPlaylistController_.mainSegmentLoader_.throughput.count=1}},bandwidth:{get:function(){return this.masterPlaylistController_.mainSegmentLoader_.bandwidth},set:function(e){this.masterPlaylistController_.mainSegmentLoader_.bandwidth=e,this.masterPlaylistController_.mainSegmentLoader_.throughput={rate:0,count:0}}},systemBandwidth:{get:function(){var e=1/(this.bandwidth||1),t=void 0;return t=0<this.throughput?1/this.throughput:0,Math.floor(1/(e+t))},set:function(){Ir.log.error('The "systemBandwidth" property is read-only')}}}),this.options_.bandwidth&&(this.bandwidth=this.options_.bandwidth),this.options_.throughput&&(this.throughput=this.options_.throughput),Object.defineProperties(this.stats,{bandwidth:{get:function(){return i.bandwidth||0},enumerable:!0},mediaRequests:{get:function(){return i.masterPlaylistController_.mediaRequests_()||0},enumerable:!0},mediaRequestsAborted:{get:function(){return i.masterPlaylistController_.mediaRequestsAborted_()||0},enumerable:!0},mediaRequestsTimedout:{get:function(){return i.masterPlaylistController_.mediaRequestsTimedout_()||0},enumerable:!0},mediaRequestsErrored:{get:function(){return i.masterPlaylistController_.mediaRequestsErrored_()||0},enumerable:!0},mediaTransferDuration:{get:function(){return i.masterPlaylistController_.mediaTransferDuration_()||0},enumerable:!0},mediaBytesTransferred:{get:function(){return i.masterPlaylistController_.mediaBytesTransferred_()||0},enumerable:!0},mediaSecondsLoaded:{get:function(){return i.masterPlaylistController_.mediaSecondsLoaded_()||0},enumerable:!0},buffered:{get:function(){return Fo(i.tech_.buffered())},enumerable:!0},currentTime:{get:function(){return i.tech_.currentTime()},enumerable:!0},currentSource:{get:function(){return i.tech_.currentSource_},enumerable:!0},currentTech:{get:function(){return i.tech_.name_},enumerable:!0},duration:{get:function(){return i.tech_.duration()},enumerable:!0},master:{get:function(){return i.playlists.master},enumerable:!0},playerDimensions:{get:function(){return i.tech_.currentDimensions()},enumerable:!0},seekable:{get:function(){return Fo(i.tech_.seekable())},enumerable:!0},timestamp:{get:function(){return Date.now()},enumerable:!0},videoPlaybackQuality:{get:function(){return i.tech_.getVideoPlaybackQuality()},enumerable:!0}}),this.tech_.one("canplay",this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_)),this.tech_.on("bandwidthupdate",function(){i.options_.useBandwidthFromLocalStorage&&function(e){if(window.localStorage){var t=Al();t=t?Ir.mergeOptions(t,e):e;try{window.localStorage.setItem(Ll,JSON.stringify(t))}catch(e){return}}}({bandwidth:i.bandwidth,throughput:Math.round(i.throughput)})}),this.masterPlaylistController_.on("selectedinitialmedia",function(){!function(i){var e=i.playlists;i.representations=function(){return e.master.playlists.filter(function(e){return!ko(e)}).map(function(e,t){return new _l(i,e,e.uri)})}}(i),Il(i)}),this.on(this.masterPlaylistController_,"progress",function(){this.tech_.trigger("progress")}),this.tech_.ready(function(){return i.setupQualityLevels_()}),this.tech_.el()&&this.tech_.src(Ir.URL.createObjectURL(this.masterPlaylistController_.mediaSource)))}},{key:"setupQualityLevels_",value:function(){var e=this,t=Ir.players[this.tech_.options_.playerId];t&&t.qualityLevels&&(this.qualityLevels_=t.qualityLevels(),this.masterPlaylistController_.on("selectedinitialmedia",function(){!function(t,e){e.representations().forEach(function(e){t.addQualityLevel(e)}),Pl(t,e.playlists)}(e.qualityLevels_,e)}),this.playlists.on("mediachange",function(){Pl(e.qualityLevels_,e.playlists)}))}},{key:"play",value:function(){this.masterPlaylistController_.play()}},{key:"setCurrentTime",value:function(e){this.masterPlaylistController_.setCurrentTime(e)}},{key:"duration",value:function(){return this.masterPlaylistController_.duration()}},{key:"seekable",value:function(){return this.masterPlaylistController_.seekable()}},{key:"dispose",value:function(){this.playbackWatcher_&&this.playbackWatcher_.dispose(),this.masterPlaylistController_&&this.masterPlaylistController_.dispose(),this.qualityLevels_&&this.qualityLevels_.dispose(),this.player_&&(delete this.player_.vhs,delete this.player_.dash,delete this.player_.hls),this.tech_&&this.tech_.hls&&delete this.tech_.hls,function e(t,i,n){null===t&&(t=Function.prototype);var r=Object.getOwnPropertyDescriptor(t,i);if(void 0===r){var s=Object.getPrototypeOf(t);return null===s?void 0:e(s,i,n)}if("value"in r)return r.value;var a=r.get;return void 0!==a?a.call(n):void 0}(Dl.prototype.__proto__||Object.getPrototypeOf(Dl.prototype),"dispose",this).call(this)}},{key:"convertToProgramTime",value:function(e,t){return Uo({playlist:this.masterPlaylistController_.media(),time:e,callback:t})}},{key:"seekToProgramTime",value:function(e,t,i,n){var r=!(2<arguments.length&&void 0!==i)||i,s=3<arguments.length&&void 0!==n?n:2;return Ro({programTime:e,playlist:this.masterPlaylistController_.media(),retryCount:s,pauseAfterSeek:r,seekTo:this.options_.seekTo,tech:this.options_.tech,callback:t})}}]),Dl);function Dl(e,t,i){Ja(this,Dl);var n=io(this,(Dl.__proto__||Object.getPrototypeOf(Dl)).call(this,t,i.hls));if(t.options_&&t.options_.playerId){var r=Ir(t.options_.playerId);r.hasOwnProperty("hls")||Object.defineProperty(r,"hls",{get:function(){return Ir.log.warn("player.hls is deprecated. Use player.tech().hls instead."),t.trigger({type:"usage",name:"hls-player-access"}),n},configurable:!0}),r.vhs=n,(r.dash=n).player_=r}if(n.tech_=t,n.source_=e,n.stats={},n.setOptions_(),n.options_.overrideNative&&t.overrideNativeAudioTracks&&t.overrideNativeVideoTracks)t.overrideNativeAudioTracks(!0),t.overrideNativeVideoTracks(!0);else if(n.options_.overrideNative&&(t.featuresNativeVideoTracks||t.featuresNativeAudioTracks))throw new Error("Overriding native HLS requires emulated tracks. See https://git.io/vMpjB");return n.on(h,["fullscreenchange","webkitfullscreenchange","mozfullscreenchange","MSFullscreenChange"],function(e){var t=h.fullscreenElement||h.webkitFullscreenElement||h.mozFullScreenElement||h.msFullscreenElement;t&&t.contains(n.tech_.el())&&n.masterPlaylistController_.smoothQualityChange_()}),n.on(n.tech_,"seeking",function(){0===this.tech_.currentTime()&&this.tech_.player_.loop()&&this.setCurrentTime(0)}),n.on(n.tech_,"error",function(){this.masterPlaylistController_&&this.masterPlaylistController_.pauseLoading()}),n.on(n.tech_,"play",n.play),n}var Ul={name:"videojs-http-streaming",VERSION:"1.11.2",canHandleSource:function(e,t){var i=Ir.mergeOptions(Ir.options,1<arguments.length&&void 0!==t?t:{});return Ul.canPlayType(e.type,i)},handleSource:function(e,t,i){var n=Ir.mergeOptions(Ir.options,2<arguments.length&&void 0!==i?i:{});return t.hls=new xl(e,t,n),t.hls.xhr=wo(),t.hls.src(e.src,e.type),t.hls},canPlayType:function(e,t){var i=Ir.mergeOptions(Ir.options,1<arguments.length&&void 0!==t?t:{}).hls.overrideNative,n=wl(e);return n&&(!El.supportsTypeNatively(n)||i)?"maybe":""}};return"undefined"!=typeof Ir.MediaSource&&"undefined"!=typeof Ir.URL||(Ir.MediaSource=Cu,Ir.URL=Eu),Cu.supportsNativeMediaSources()&&Ir.getTech("Html5").registerSourceHandler(Ul,0),Ir.HlsHandler=xl,Ir.HlsSourceHandler=Ul,Ir.Hls=El,Ir.use||Ir.registerComponent("Hls",El),Ir.options.hls=Ir.options.hls||{},Ir.registerPlugin?Ir.registerPlugin("reloadSourceOnError",Sl):Ir.plugin("reloadSourceOnError",Sl),Ir});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/examples/elephantsdream/captions.ar.vtt b/negromate/web/static/js/videojs/examples/elephantsdream/captions.ar.vtt
deleted file mode 100644
index a68a442..0000000
--- a/negromate/web/static/js/videojs/examples/elephantsdream/captions.ar.vtt
+++ /dev/null
@@ -1,330 +0,0 @@
-WEBVTT
-
-1
-00:00:15.042 --> 00:00:18.625
-...إلى... إلى الشمال يمكن أن نرى
-...يمكن أن نرى الـ
-
-2
-00:00:18.750 --> 00:00:20.958
-...إلى اليمين يمكن أن نرى الـ
-
-3
-00:00:21.000 --> 00:00:23.125
-طاحنات الرؤوس...
-
-4
-00:00:23.208 --> 00:00:25.208
-كل شيئ آمن
-آمن كلية
-
-5
-00:00:26.333 --> 00:00:28.333
-إيمو ؟
-
-6
-00:00:28.875 --> 00:00:30.958
-! حذاري
-
-7
-00:00:47.125 --> 00:00:49.167
-هل أصبت ؟
-
-8
-00:00:52.125 --> 00:00:54.833
-...لا أظن ذلك
-وأنت ؟
-
-9
-00:00:55.625 --> 00:00:57.625
-أنا بخير
-
-10
-00:00:57.667 --> 00:01:01.667
-،قم يا إيمو
-المكان هنا غير آمن
-
-11
-00:01:02.208 --> 00:01:04.083
-لنذهب
-
-12
-00:01:04.167 --> 00:01:06.167
-وماذا بعد ؟
-
-13
-00:01:06.167 --> 00:01:08.583
-...سترى...  سترى
-
-14
-00:01:16.167 --> 00:01:18.375
-إيمو، من هنا
-
-15
-00:01:34.958 --> 00:01:37.000
-! إتبعني
-
-16
-00:02:11.125 --> 00:02:13.625
-! أسرع يا إيمو
-
-17
-00:02:48.375 --> 00:02:50.375
-! لست منتبها
-
-18
-00:02:50.750 --> 00:02:54.500
-...أريد فقط أن أجيب الـ
-الهاتف...
-
-19
-00:02:55.000 --> 00:02:58.500
-،إيمو، أنظر
-أقصد أنصت
-
-20
-00:02:59.750 --> 00:03:03.292
-عليك أن تتعلم الإصغاء
-
-21
-00:03:03.625 --> 00:03:05.917
-هذا ليس ضربا من اللهو
-
-22
-00:03:06.083 --> 00:03:09.958
-...إنك
-أقصد إننا قد نموت بسهولة في هذا المكان
-
-23
-00:03:10.208 --> 00:03:14.125
-...أنصت
-أنصت إلى أصوات الآلة
-
-24
-00:03:18.333 --> 00:03:20.417
-أنصت إلى نَفَسِك
-
-25
-00:04:27.208 --> 00:04:29.250
-ألا تمل أبدا من هذا ؟
-
-26
-00:04:29.583 --> 00:04:31.583
-أمل ؟!؟
-نعم -
-
-27
-00:04:31.750 --> 00:04:34.667
-إيمو؛ الآلة في دقتها... مثل الساعة
-
-28
-00:04:35.500 --> 00:04:37.708
-...حركة ناشزة واحدة قد
-
-29
-00:04:37.833 --> 00:04:39.875
-تطرحك معجونا
-
-30
-00:04:41.042 --> 00:04:43.083
-...أو ليست
-
-31
-00:04:43.125 --> 00:04:46.542
-! عجينة يا إيمو
-أ هذا ما تريد ؟ أن تصبح عجينة ؟
-
-32
-00:04:48.083 --> 00:04:50.083
-أيمو، أ هذا هدفك في الحياة ؟
-
-33
-00:04:50.583 --> 00:04:52.667
-أن تصير عجينة ؟
-
-34
-00:05:41.833 --> 00:05:43.875
-إيمو، أغمض عينيك
-
-35
-00:05:44.917 --> 00:05:47.000
-لماذا ؟
-! الآن -
-
-36
-00:05:53.750 --> 00:05:56.042
-حسن
-
-37
-00:05:59.542 --> 00:06:02.792
-ماذا ترى إلى شمالك يا إيمو ؟
-
-38
-00:06:04.417 --> 00:06:06.500
-لا شيئ
-حقا ؟ -
-
-39
-00:06:06.542 --> 00:06:08.625
-لا، لا شيئ البتة
-
-40
-00:06:08.625 --> 00:06:12.417
-وماذا ترى إلى جهتك اليمنى يا إيمو ؟
-
-41
-00:06:13.667 --> 00:06:17.833
-،نفس الشيئ يا بروغ
-! نفس الشيئ بالضبط؛ لا شيئ
-
-42
-00:06:17.875 --> 00:06:19.917
-عظيم
-
-43
-00:06:40.625 --> 00:06:42.958
-أنصت يا بروغ ! هل تسمع ذلك ؟
-
-44
-00:06:43.625 --> 00:06:45.625
-هل نستطيع الذهاب إلى هناك ؟
-
-45
-00:06:45.708 --> 00:06:47.792
-هناك ؟
-نعم -
-
-46
-00:06:47.833 --> 00:06:49.833
-إنه غير آمن يا إيمو
-
-47
-00:06:49.917 --> 00:06:52.500
-صدقني، إنه غير آمن
-
-48
-00:06:53.292 --> 00:06:55.375
-...لكن لعلي أستطيع
-
-49
-00:06:55.417 --> 00:06:57.417
-...لكن
-! لا -
-
-50
-00:06:57.667 --> 00:06:59.667
-! لا
-
-51
-00:07:00.875 --> 00:07:03.750
-هل من أسئلة أخرى يا إيمو ؟
-
-52
-00:07:04.250 --> 00:07:06.333
-لا
-
-53
-00:07:09.458 --> 00:07:11.542
-...إيمو
-نعم -
-
-54
-00:07:11.875 --> 00:07:13.958
-...لماذا يا إيمو... لماذا
-
-55
-00:07:15.292 --> 00:07:18.792
-لماذا لا تستطيع أن ترى حُسْن هذا المكان
-
-56
-00:07:18.833 --> 00:07:20.833
-...والطريقة التي يعمل بها
-
-57
-00:07:20.875 --> 00:07:24.000
-وكيف... وكيف أنه غاية في الكمال
-
-58
-00:07:24.083 --> 00:07:27.417
-! لا يا بروغ، لا أرى ذلك
-
-59
-00:07:27.542 --> 00:07:30.333
-لا أرى ذلك لأنه لا يوجد شيئ هناك
-
-60
-00:07:31.500 --> 00:07:35.333
-ثم لماذا يجب علي أن أسلم حياتي
-لشيئ لا وجود له ؟
-
-61
-00:07:35.583 --> 00:07:37.625
-هل يمكنك أن تخبرني ؟
-
-62
-00:07:37.708 --> 00:07:39.750
-! أجبني
-
-63
-00:07:43.208 --> 00:07:47.333
-...بروغ
-! أنت معتوه يا هذا
-
-64
-00:07:47.375 --> 00:07:49.417
-! إبعد عني
-
-65
-00:07:52.583 --> 00:07:55.083
-! لا يا إيمو ! إنه فخ
-
-66
-00:07:55.833 --> 00:07:57.875
-...إنه فخ
-
-67
-00:07:57.917 --> 00:08:01.750
-إلى جنبك الأيسر يمكنك أن ترى
-حدائق بابل المعلقة
-
-68
-00:08:02.250 --> 00:08:04.292
-هل تعجبك كفخ ؟
-
-69
-00:08:05.458 --> 00:08:07.542
-لا يا أيمو
-
-70
-00:08:09.417 --> 00:08:12.792
-...إلى جنبك الأيمن يمكنك رؤية
-حزر ماذا ؟
-
-71
-00:08:13.000 --> 00:08:15.042
-! عملاق رودس
-
-72
-00:08:15.125 --> 00:08:16.417
-! لا
-
-73
-00:08:16.458 --> 00:08:20.500
-،عملاق رودس
-وهو هنا خصيصا من أجلك يا بروغ
-
-74
-00:08:20.583 --> 00:08:22.583
-فقط من أجلك
-
-75
-00:08:51.333 --> 00:08:53.375
-إنه هناك
-
-76
-00:08:53.417 --> 00:08:55.500
-أنا أؤكد لك... إيمو
-
-77
-00:08:57.333 --> 00:09:00.000
-...إنه
diff --git a/negromate/web/static/js/videojs/examples/elephantsdream/captions.en.vtt b/negromate/web/static/js/videojs/examples/elephantsdream/captions.en.vtt
deleted file mode 100644
index 8b83d28..0000000
--- a/negromate/web/static/js/videojs/examples/elephantsdream/captions.en.vtt
+++ /dev/null
@@ -1,334 +0,0 @@
-WEBVTT
-
-1
-00:00:15.000 --> 00:00:17.951
-At the left we can see...
-
-2
-00:00:18.166 --> 00:00:20.083
-At the right we can see the...
-
-3
-00:00:20.119 --> 00:00:21.962
-...the head-snarlers
-
-4
-00:00:21.999 --> 00:00:24.368
-Everything is safe.
-Perfectly safe.
-
-5
-00:00:24.582 --> 00:00:27.035
-Emo?
-
-6
-00:00:28.206 --> 00:00:29.996
-Watch out!
-
-7
-00:00:47.037 --> 00:00:48.494
-Are you hurt?
-
-8
-00:00:51.994 --> 00:00:53.949
-I don't think so.
-You?
-
-9
-00:00:55.160 --> 00:00:56.985
-I'm Ok.
-
-10
-00:00:57.118 --> 00:01:01.111
-Get up.
-Emo. it's not safe here.
-
-11
-00:01:02.034 --> 00:01:03.573
-Let's go.
-
-12
-00:01:03.610 --> 00:01:05.114
-What's next?
-
-13
-00:01:05.200 --> 00:01:09.146
-You'll see!
-
-14
-00:01:16.032 --> 00:01:18.022
-Emo.
-This way.
-
-15
-00:01:34.237 --> 00:01:35.481
-Follow me!
-
-16
-00:02:11.106 --> 00:02:12.480
-Hurry Emo!
-
-17
-00:02:48.059 --> 00:02:49.930
-You're not paying attention!
-
-18
-00:02:50.142 --> 00:02:54.052
-I just want to answer the...
-...phone.
-
-19
-00:02:54.974 --> 00:02:57.972
-Emo. look.
-I mean listen.
-
-20
-00:02:59.140 --> 00:03:02.008
-You have to learn to listen.
-
-21
-00:03:03.140 --> 00:03:04.965
-This is not some game.
-
-22
-00:03:05.056 --> 00:03:09.345
-You. I mean we.
-we could easily die out here.
-
-23
-00:03:10.014 --> 00:03:13.959
-Listen.
-listen to the sounds of the machine.
-
-24
-00:03:18.054 --> 00:03:20.009
-Listen to your breathing.
-
-25
-00:04:27.001 --> 00:04:28.956
-Well. don't you ever get tired of this?
-
-26
-00:04:29.084 --> 00:04:30.909
-Tired?!?
-
-27
-00:04:31.126 --> 00:04:34.491
-Emo. the machine is like clockwork.
-
-28
-00:04:35.083 --> 00:04:37.074
-One move out of place...
-
-29
-00:04:37.166 --> 00:04:39.121
-...and you're ground to a pulp.
-
-30
-00:04:40.958 --> 00:04:42.004
-But isn't it -
-
-31
-00:04:42.041 --> 00:04:46.034
-Pulp. Emo!
-Is that what you want. pulp?
-
-32
-00:04:47.040 --> 00:04:48.995
-Emo. your goal in life...
-
-33
-00:04:50.081 --> 00:04:51.953
-...pulp?
-
-34
-00:05:41.156 --> 00:05:43.028
-Emo. close your eyes.
-
-35
-00:05:44.156 --> 00:05:46.027
-Why?
-- Now!
-
-36
-00:05:51.155 --> 00:05:52.102
-Ok.
-
-37
-00:05:53.113 --> 00:05:54.688
-Good.
-
-38
-00:05:59.070 --> 00:06:02.103
-What do you see at your left side. Emo?
-
-39
-00:06:04.028 --> 00:06:05.899
-Nothing.
-- Really?
-
-40
-00:06:06.027 --> 00:06:07.105
-No. nothing at all.
-
-41
-00:06:07.944 --> 00:06:11.984
-And at your right.
-what do you see at your right side. Emo?
-
-42
-00:06:13.151 --> 00:06:16.102
-The same Proog. exactly the same...
-
-43
-00:06:16.942 --> 00:06:19.098
-...nothing!
-- Great.
-
-44
-00:06:40.105 --> 00:06:42.724
-Listen Proog! Do you hear that!
-
-45
-00:06:43.105 --> 00:06:44.894
-Can we go here?
-
-46
-00:06:44.979 --> 00:06:47.894
-There?
-It isn't safe. Emo.
-
-47
-00:06:49.145 --> 00:06:52.013
-But...
-- Trust me. it's not.
-
-48
-00:06:53.020 --> 00:06:54.145
-Maybe I could...
-
-49
-00:06:54.181 --> 00:06:55.969
-No.
-
-50
-00:06:57.102 --> 00:06:59.934
-NO!
-
-51
-00:07:00.144 --> 00:07:03.058
-Any further questions. Emo?
-
-52
-00:07:03.976 --> 00:07:05.090
-No.
-
-53
-00:07:09.059 --> 00:07:10.089
-Emo?
-
-54
-00:07:11.142 --> 00:07:13.058
-Emo. why...
-
-55
-00:07:13.095 --> 00:07:14.022
-Emo...
-
-56
-00:07:14.058 --> 00:07:18.003
-...why can't you see
-the beauty of this place?
-
-57
-00:07:18.141 --> 00:07:20.048
-The way it works.
-
-58
-00:07:20.140 --> 00:07:23.895
-How perfect it is.
-
-59
-00:07:23.932 --> 00:07:26.964
-No. Proog. I don't see.
-
-60
-00:07:27.056 --> 00:07:29.970
-I don't see because there's nothing there.
-
-61
-00:07:31.055 --> 00:07:34.965
-And why should I trust my
-life to something that isn't there?
-
-62
-00:07:35.055 --> 00:07:36.926
-Well can you tell me that?
-
-63
-00:07:37.054 --> 00:07:38.926
-Answer me!
-
-64
-00:07:42.970 --> 00:07:44.000
-Proog...
-
-65
-00:07:45.053 --> 00:07:46.985
-...you're a sick man!
-
-66
-00:07:47.022 --> 00:07:48.918
-Stay away from me!
-
-67
-00:07:52.052 --> 00:07:54.884
-No! Emo! It's a trap!
-
-68
-00:07:55.135 --> 00:07:56.931
-Hah. it's a trap.
-
-69
-00:07:56.968 --> 00:08:01.043
-At the left side you can see
-the hanging gardens of Babylon!
-
-70
-00:08:01.967 --> 00:08:03.957
-How's that for a trap?
-
-71
-00:08:05.050 --> 00:08:06.922
-No. Emo.
-
-72
-00:08:09.008 --> 00:08:12.088
-At the right side you can see...
-...well guess what...
-
-73
-00:08:12.924 --> 00:08:14.665
-...the colossus of Rhodes!
-
-74
-00:08:15.132 --> 00:08:16.053
-No!
-
-75
-00:08:16.090 --> 00:08:21.919
-The colossus of Rhodes
-and it is here just for you Proog.
-
-76
-00:08:51.001 --> 00:08:52.923
-It is there...
-
-77
-00:08:52.959 --> 00:08:56.040
-I'm telling you.
-Emo...
-
-78
-00:08:57.000 --> 00:08:59.867
-...it is.
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/examples/elephantsdream/captions.ja.vtt b/negromate/web/static/js/videojs/examples/elephantsdream/captions.ja.vtt
deleted file mode 100644
index 4058648..0000000
--- a/negromate/web/static/js/videojs/examples/elephantsdream/captions.ja.vtt
+++ /dev/null
@@ -1,326 +0,0 @@
-WEBVTT
-
-1
-00:00:15.042 --> 00:00:18.042
-左に見えるのは…
-
-2
-00:00:18.750 --> 00:00:20.333
-右に見えるのは…
-
-3
-00:00:20.417 --> 00:00:21.917
-…首刈り機
-
-4
-00:00:22.000 --> 00:00:24.625
-すべて安全
-完璧に安全だ
-
-5
-00:00:26.333 --> 00:00:27.333
-イーモ？
-
-6
-00:00:28.875 --> 00:00:30.250
-危ない！
-
-7
-00:00:47.125 --> 00:00:48.250
-ケガはないか？
-
-8
-00:00:51.917 --> 00:00:53.917
-ええ、多分…
-あなたは？
-
-9
-00:00:55.625 --> 00:00:57.125
-わしは平気だ
-
-10
-00:00:57.583 --> 00:01:01.667
-起きてくれイーモ
-ここは危ない
-
-11
-00:01:02.208 --> 00:01:03.667
-行こう
-
-12
-00:01:03.750 --> 00:01:04.917
-どこに？
-
-13
-00:01:05.875 --> 00:01:07.875
-すぐにわかるさ！
-
-14
-00:01:16.167 --> 00:01:18.375
-イーモ、こっちだ
-
-15
-00:01:34.958 --> 00:01:36.958
-ついて来るんだ！
-
-16
-00:02:11.583 --> 00:02:12.792
-イーモ、早く！
-
-17
-00:02:48.375 --> 00:02:50.083
-むやみにさわるな！
-
-18
-00:02:50.750 --> 00:02:54.500
-僕はただ、電話に
-…出ようと
-
-19
-00:02:55.000 --> 00:02:58.208
-イーモ、見るんだ…
-いや、聞いてくれ
-
-20
-00:02:59.750 --> 00:03:02.292
-君は「聞き方」を知る必要がある
-
-21
-00:03:03.625 --> 00:03:05.125
-これは遊びじゃない
-
-22
-00:03:06.167 --> 00:03:10.417
-我々はここでは
-たやすく死ぬ
-
-23
-00:03:11.208 --> 00:03:14.125
-機械の声を聞くんだ
-
-24
-00:03:18.333 --> 00:03:22.417
-君の息づかいを聞くんだ
-
-25
-00:04:27.208 --> 00:04:29.250
-そんなことして疲れない？
-
-26
-00:04:29.583 --> 00:04:31.083
-疲れる?!
-
-27
-00:04:31.750 --> 00:04:34.667
-この機械は非常に正確で
-
-28
-00:04:35.500 --> 00:04:37.708
-一つ間違えば…
-
-29
-00:04:37.833 --> 00:04:40.792
-…地面に落ちてバラバラだ
-
-30
-00:04:41.042 --> 00:04:42.375
-え、でも―
-
-31
-00:04:42.417 --> 00:04:46.542
-バラバラだぞ、イーモ！
-それでいいのか？
-
-32
-00:04:48.083 --> 00:04:50.000
-バラバラで死ぬんだぞ？
-
-33
-00:04:50.583 --> 00:04:52.250
-バラバラだ！
-
-34
-00:05:41.833 --> 00:05:43.458
-イーモ、目を閉じるんだ
-
-35
-00:05:44.917 --> 00:05:46.583
-なぜ？
-―早く！
-
-36
-00:05:53.750 --> 00:05:56.042
-それでいい
-
-37
-00:05:59.542 --> 00:06:03.792
-左に見えるものは何だ、イーモ？
-
-38
-00:06:04.417 --> 00:06:06.000
-え…何も
-―本当か？
-
-39
-00:06:06.333 --> 00:06:07.917
-全く何も
-
-40
-00:06:08.042 --> 00:06:12.833
-では右は
-何か見えるか、イーモ？
-
-41
-00:06:13.875 --> 00:06:16.917
-同じだよプルーグ、全く同じ…
-
-42
-00:06:17.083 --> 00:06:18.583
-何もない！
-
-43
-00:06:40.625 --> 00:06:43.208
-プルーグ！何か聞こえない？
-
-44
-00:06:43.625 --> 00:06:45.042
-あそこに行かないか？
-
-45
-00:06:45.208 --> 00:06:48.042
-あそこ？
-…安全じゃない
-
-46
-00:06:49.917 --> 00:06:52.500
-でも…
-―本当に危ないぞ
-
-47
-00:06:53.292 --> 00:06:54.792
-大丈夫だよ…
-
-48
-00:06:54.833 --> 00:06:56.333
-だめだ
-
-49
-00:06:57.667 --> 00:07:00.167
-だめだ！
-
-50
-00:07:00.875 --> 00:07:03.750
-まだ続ける気か、イーモ？
-
-51
-00:07:04.250 --> 00:07:05.917
-いいえ…
-
-52
-00:07:09.458 --> 00:07:10.833
-イーモ？
-
-53
-00:07:11.875 --> 00:07:13.542
-イーモ、なぜ…
-
-54
-00:07:13.583 --> 00:07:14.458
-イーモ…
-
-55
-00:07:14.500 --> 00:07:18.500
-…なぜここの美しさが
-見えない？
-
-56
-00:07:18.833 --> 00:07:20.750
-仕組みがこんなに…
-
-57
-00:07:20.875 --> 00:07:24.000
-こんなに完全なのに
-
-58
-00:07:24.083 --> 00:07:27.417
-もういいよ！プルーグ！
-
-59
-00:07:27.542 --> 00:07:30.333
-そこには何もないんだから
-
-60
-00:07:31.500 --> 00:07:35.333
-なぜ命を「ない」物に
-ゆだねなきゃ？
-
-61
-00:07:35.583 --> 00:07:37.125
-教えてくれないか？
-
-62
-00:07:37.500 --> 00:07:39.167
-さあ！
-
-63
-00:07:43.208 --> 00:07:44.583
-プルーグ…
-
-64
-00:07:45.500 --> 00:07:47.333
-あなたは病気なんだ
-
-65
-00:07:47.375 --> 00:07:49.208
-僕から離れてくれ
-
-66
-00:07:52.583 --> 00:07:55.083
-いかん！イーモ！ワナだ！
-
-67
-00:07:55.833 --> 00:07:57.167
-ワナだ？ ふーん
-
-68
-00:07:57.208 --> 00:08:01.750
-左に何が見える？
-バビロンの空中庭園！
-
-69
-00:08:02.250 --> 00:08:04.292
-これがワナとでも？
-
-70
-00:08:05.458 --> 00:08:07.125
-だめだ、イーモ
-
-71
-00:08:09.417 --> 00:08:12.792
-右にあるのは…
-…すごい！…
-
-72
-00:08:13.000 --> 00:08:14.750
-…ロードス島の巨像だ！
-
-73
-00:08:15.833 --> 00:08:16.708
-やめろ！
-
-74
-00:08:16.750 --> 00:08:22.167
-この巨像はあなたの物
-プルーグ、あなたのだよ
-
-75
-00:08:51.333 --> 00:08:53.167
-いってるじゃないか…
-
-76
-00:08:53.208 --> 00:08:55.500
-そこにあるって、イーモ…
-
-77
-00:08:57.333 --> 00:09:00.000
-…あるって
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/examples/elephantsdream/captions.ru.vtt b/negromate/web/static/js/videojs/examples/elephantsdream/captions.ru.vtt
deleted file mode 100644
index aee7e49..0000000
--- a/negromate/web/static/js/videojs/examples/elephantsdream/captions.ru.vtt
+++ /dev/null
@@ -1,356 +0,0 @@
-WEBVTT
-
-1
-00:00:14.958 --> 00:00:17.833
-Слева мы видим...
-
-2
-00:00:18.458 --> 00:00:20.208
-справа мы видим...
-
-3
-00:00:20.333 --> 00:00:21.875
-...голово-клацов.
-
-4
-00:00:22.000 --> 00:00:24.583
-всё в порядке.
-в полном порядке.
-
-5
-00:00:26.333 --> 00:00:27.333
-Имо?
-
-6
-00:00:28.833 --> 00:00:30.250
-Осторожно!
-
-7
-00:00:47.125 --> 00:00:48.250
-Ты не ранен?
-
-8
-00:00:51.875 --> 00:00:53.875
-Вроде нет...
-а ты?
-
-9
-00:00:55.583 --> 00:00:57.125
-Я в порядке.
-
-10
-00:00:57.542 --> 00:01:01.625
-Вставай.
-Имо. здесь не безопасно.
-
-11
-00:01:02.208 --> 00:01:03.625
-Пойдём.
-
-12
-00:01:03.708 --> 00:01:05.708
-Что дальше?
-
-13
-00:01:05.833 --> 00:01:07.833
-Ты увидишь!
-
-14
-00:01:08.000 --> 00:01:08.833
-Ты увидишь...
-
-15
-00:01:16.167 --> 00:01:18.375
-Имо. сюда.
-
-16
-00:01:34.917 --> 00:01:35.750
-За мной!
-
-17
-00:02:11.542 --> 00:02:12.750
-Имо. быстрее!
-
-18
-00:02:48.375 --> 00:02:50.083
-Ты не обращаешь внимания!
-
-19
-00:02:50.708 --> 00:02:54.500
-Я только хотел ответить на ...
-...звонок.
-
-20
-00:02:55.000 --> 00:02:58.208
-Имо. смотри.
-то есть слушай...
-
-21
-00:02:59.708 --> 00:03:02.292
-Ты должен учиться слушать.
-
-22
-00:03:03.250 --> 00:03:05.333
-Это не какая-нибудь игра.
-
-23
-00:03:06.000 --> 00:03:08.833
-Ты. вернее мы. легко можем погибнуть здесь.
-
-24
-00:03:10.000 --> 00:03:11.167
-Слушай...
-
-25
-00:03:11.667 --> 00:03:14.125
-слушай звуки машины.
-
-26
-00:03:18.333 --> 00:03:20.417
-Слушай своё дыхание.
-
-27
-00:04:27.208 --> 00:04:29.250
-И не надоест тебе это?
-
-28
-00:04:29.542 --> 00:04:31.083
-Надоест?!?
-
-29
-00:04:31.708 --> 00:04:34.625
-Имо! Машина -
-она как часовой механизм.
-
-30
-00:04:35.500 --> 00:04:37.667
-Одно движение не туда...
-
-31
-00:04:37.792 --> 00:04:39.750
-...и тебя размелют в месиво!
-
-32
-00:04:41.042 --> 00:04:42.375
-А разве это не -
-
-33
-00:04:42.417 --> 00:04:46.500
-Месиво. Имо!
-ты этого хочешь? месиво?
-
-34
-00:04:48.083 --> 00:04:50.000
-Имо. твоя цель в жизни?
-
-35
-00:04:50.542 --> 00:04:52.250
-Месиво!
-
-36
-00:05:41.792 --> 00:05:43.458
-Имо. закрой глаза.
-
-37
-00:05:44.875 --> 00:05:46.542
-Зачем?
-- Ну же!
-
-38
-00:05:51.500 --> 00:05:52.333
-Ладно.
-
-39
-00:05:53.708 --> 00:05:56.042
-Хорошо.
-
-40
-00:05:59.500 --> 00:06:02.750
-Что ты видишь слева от себя. Имо?
-
-41
-00:06:04.417 --> 00:06:06.000
-Ничего.
-- Точно?
-
-42
-00:06:06.333 --> 00:06:07.875
-да. совсем ничего.
-
-43
-00:06:08.042 --> 00:06:12.708
-А справа от себя.
-что ты видишь справа от себя. Имо?
-
-44
-00:06:13.833 --> 00:06:16.875
-Да то же Пруг. в точности то же...
-
-45
-00:06:17.042 --> 00:06:18.500
-Ничего!
-
-46
-00:06:18.667 --> 00:06:19.500
-Прекрасно...
-
-47
-00:06:40.583 --> 00:06:42.917
-Прислушайся. Пруг! Ты слышишь это?
-
-48
-00:06:43.583 --> 00:06:45.042
-Может. мы пойдём туда?
-
-49
-00:06:45.208 --> 00:06:48.042
-Туда?
-Это не безопасно. Имо.
-
-50
-00:06:49.875 --> 00:06:52.500
-Но...
-- Поверь мне. это так.
-
-51
-00:06:53.292 --> 00:06:54.750
-Может я бы ...
-
-52
-00:06:54.792 --> 00:06:56.333
-Нет.
-
-53
-00:06:57.625 --> 00:06:59.583
-- Но...
-- НЕТ!
-
-54
-00:06:59.708 --> 00:07:00.833
-Нет!
-
-55
-00:07:00.833 --> 00:07:03.708
-Ещё вопросы. Имо?
-
-56
-00:07:04.250 --> 00:07:05.875
-Нет.
-
-57
-00:07:09.458 --> 00:07:10.792
-Имо?
-
-58
-00:07:11.833 --> 00:07:13.500
-Имо. почему...
-
-59
-00:07:13.542 --> 00:07:14.458
-Имо...
-
-60
-00:07:14.500 --> 00:07:18.500
-...почему? почему ты не видишь
-красоты этого места?
-
-61
-00:07:18.792 --> 00:07:20.708
-То как оно работает.
-
-62
-00:07:20.833 --> 00:07:24.000
-Как совершенно оно.
-
-63
-00:07:24.083 --> 00:07:27.417
-Нет. Пруг. я не вижу.
-
-64
-00:07:27.500 --> 00:07:30.333
-Я не вижу. потому что здесь ничего нет.
-
-65
-00:07:31.375 --> 00:07:35.333
-И почему я должен доверять свою жизнь
-чему-то. чего здесь нет?
-
-66
-00:07:35.542 --> 00:07:37.125
-это ты мне можешь сказать?
-
-67
-00:07:37.500 --> 00:07:39.167
-Ответь мне!
-
-68
-00:07:43.208 --> 00:07:44.542
-Пруг...
-
-69
-00:07:45.500 --> 00:07:47.333
-Ты просто больной!
-
-70
-00:07:47.375 --> 00:07:48.500
-Отстань от меня.
-
-71
-00:07:48.625 --> 00:07:49.917
-Имо...
-
-72
-00:07:52.542 --> 00:07:55.083
-Нет! Имо! Это ловушка!
-
-73
-00:07:55.792 --> 00:07:57.167
-Это ловушка!
-
-74
-00:07:57.208 --> 00:08:01.708
-Слева от себя вы можете увидеть
-Висящие сады Семирамиды!
-
-75
-00:08:02.250 --> 00:08:04.292
-Сойдёт за ловушку?
-
-76
-00:08:05.458 --> 00:08:07.125
-Нет. Имо.
-
-77
-00:08:09.417 --> 00:08:12.750
-Справа от себя вы можете увидеть...
-...угадай кого...
-
-78
-00:08:13.000 --> 00:08:14.708
-...Колосса Родосского!
-
-79
-00:08:15.500 --> 00:08:16.625
-Нет!
-
-80
-00:08:16.667 --> 00:08:21.125
-Колосс Родосский!
-И он здесь специально для тебя. Пруг.
-
-81
-00:08:21.167 --> 00:08:22.208
-Специально для тебя...
-
-82
-00:08:51.333 --> 00:08:53.167
-Она здесь есть!
-
-83
-00:08:53.208 --> 00:08:55.500
-Говорю тебе.
-Имо...
-
-84
-00:08:57.333 --> 00:09:00.000
-...она есть... есть...
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/examples/elephantsdream/captions.sv.vtt b/negromate/web/static/js/videojs/examples/elephantsdream/captions.sv.vtt
deleted file mode 100644
index 6666eed..0000000
--- a/negromate/web/static/js/videojs/examples/elephantsdream/captions.sv.vtt
+++ /dev/null
@@ -1,349 +0,0 @@
-WEBVTT
-
-1
-00:00:15.042 --> 00:00:18.250
-Till vänster kan vi se...
-Ser vi...
-
-2
-00:00:18.708 --> 00:00:20.333
-Till höger ser vi...
-
-3
-00:00:20.417 --> 00:00:21.958
-...huvudkaparna.
-
-4
-00:00:22.000 --> 00:00:24.792
-Allt är säkert.
-alldeles ofarligt.
-
-5
-00:00:24.917 --> 00:00:26.833
-Emo?
-
-6
-00:00:28.750 --> 00:00:30.167
-Se upp!
-
-7
-00:00:46.708 --> 00:00:48.750
-Är du skadad?
-
-8
-00:00:51.875 --> 00:00:54.458
-Jag tror inte det...
-Är du?
-
-9
-00:00:55.292 --> 00:00:57.333
-Jag är ok.
-
-10
-00:00:57.542 --> 00:01:01.625
-Res dig upp Emo.
-Det är inte säkert här.
-
-11
-00:01:02.208 --> 00:01:03.625
-Kom så går vi.
-
-12
-00:01:03.708 --> 00:01:05.708
-Vad nu då?
-
-13
-00:01:05.833 --> 00:01:07.833
-Du får se...
-
-14
-00:01:08.042 --> 00:01:10.417
-Du får se.
-
-15
-00:01:15.958 --> 00:01:18.375
-Emo. den här vägen.
-
-16
-00:01:34.417 --> 00:01:36.750
-Följ efter mig!
-
-17
-00:02:11.250 --> 00:02:13.250
-Skynda dig. Emo!
-
-18
-00:02:48.375 --> 00:02:50.583
-Du är inte uppmärksam!
-
-19
-00:02:50.708 --> 00:02:54.500
-Jag vill bara svara...
-... i telefonen.
-
-20
-00:02:54.500 --> 00:02:58.208
-Emo. se här...
-Lyssna menar jag.
-
-21
-00:02:59.708 --> 00:03:02.292
-Du måste lära dig att lyssna.
-
-22
-00:03:03.292 --> 00:03:05.208
-Det här är ingen lek.
-
-23
-00:03:05.250 --> 00:03:08.917
-Du... Jag menar vi.
-vi skulle kunna dö här ute.
-
-24
-00:03:09.917 --> 00:03:11.417
-Lyssna...
-
-25
-00:03:11.708 --> 00:03:14.833
-Lyssna på ljuden från maskinen.
-
-26
-00:03:18.125 --> 00:03:21.417
-Lyssna på dina andetag.
-
-27
-00:04:26.625 --> 00:04:29.250
-Tröttnar du aldrig på det här?
-
-28
-00:04:29.542 --> 00:04:31.083
-Tröttnar!?
-
-29
-00:04:31.208 --> 00:04:33.458
-Emo. maskinen är som...
-
-30
-00:04:33.458 --> 00:04:35.333
-Som ett urverk.
-
-31
-00:04:35.417 --> 00:04:37.167
-Ett felsteg...
-
-32
-00:04:37.208 --> 00:04:39.750
-...och du blir krossad.
-
-33
-00:04:41.042 --> 00:04:42.292
-Men är det inte -
-
-34
-00:04:42.292 --> 00:04:47.000
-Krossad. Emo!
-Är det vad du vill bli? Krossad till mos?
-
-35
-00:04:47.500 --> 00:04:50.542
-Emo. är det ditt mål i livet?
-
-36
-00:04:50.667 --> 00:04:53.250
-Att bli mos!?
-
-37
-00:05:41.375 --> 00:05:43.458
-Emo. blunda.
-
-38
-00:05:44.375 --> 00:05:46.542
-Varför då?
-- Blunda!
-
-39
-00:05:51.292 --> 00:05:55.042
-Ok.
-- Bra.
-
-40
-00:05:59.500 --> 00:06:02.750
-Vad ser du till vänster om dig Emo?
-
-41
-00:06:04.125 --> 00:06:06.292
-Ingenting.
-- Säker?
-
-42
-00:06:06.333 --> 00:06:07.958
-Ingenting alls.
-
-43
-00:06:08.042 --> 00:06:12.625
-Jaså. och till höger om dig...
-Vad ser du där. Emo?
-
-44
-00:06:13.750 --> 00:06:15.583
-Samma där Proog...
-
-45
-00:06:15.583 --> 00:06:18.083
-Exakt samma där. ingenting!
-
-46
-00:06:18.083 --> 00:06:19.667
-Perfekt.
-
-47
-00:06:40.500 --> 00:06:42.917
-Lyssna Proog! Hör du?
-
-48
-00:06:43.500 --> 00:06:45.125
-Kan vi gå dit?
-
-49
-00:06:45.208 --> 00:06:48.125
-Gå dit?
-Det är inte tryggt.
-
-50
-00:06:49.583 --> 00:06:52.583
-Men. men...
-- Tro mig. det inte säkert.
-
-51
-00:06:53.000 --> 00:06:54.292
-Men kanske om jag -
-
-52
-00:06:54.292 --> 00:06:56.333
-Nej.
-
-53
-00:06:57.208 --> 00:07:00.167
-Men -
-- Nej. NEJ!
-
-54
-00:07:00.917 --> 00:07:03.792
-Några fler frågor Emo?
-
-55
-00:07:04.250 --> 00:07:05.875
-Nej.
-
-56
-00:07:09.542 --> 00:07:11.375
-Emo?
-- Ja?
-
-57
-00:07:11.542 --> 00:07:15.667
-Emo. varför...
-
-58
-00:07:15.792 --> 00:07:18.583
-Varför kan du inte se skönheten i det här?
-
-59
-00:07:18.792 --> 00:07:21.708
-Hur det fungerar.
-
-60
-00:07:21.833 --> 00:07:24.000
-Hur perfekt det är.
-
-61
-00:07:24.083 --> 00:07:27.333
-Nej Proog. jag kan inte se det.
-
-62
-00:07:27.333 --> 00:07:30.333
-Jag ser det inte. för det finns inget där.
-
-63
-00:07:31.292 --> 00:07:35.333
-Och varför skulle jag lägga mitt liv
-i händerna på något som inte finns?
-
-64
-00:07:35.333 --> 00:07:37.083
-Kan du berätta det för mig?
-- Emo...
-
-65
-00:07:37.083 --> 00:07:39.167
-Svara mig!
-
-66
-00:07:43.500 --> 00:07:45.208
-Proog...
-
-67
-00:07:45.208 --> 00:07:47.083
-Du är inte frisk!
-
-68
-00:07:47.167 --> 00:07:49.292
-Håll dig borta från mig!
-
-69
-00:07:52.292 --> 00:07:55.083
-Nej! Emo!
-Det är en fälla!
-
-70
-00:07:55.375 --> 00:07:57.208
-Heh. det är en fälla.
-
-71
-00:07:57.208 --> 00:08:01.708
-På vänster sida ser vi...
-Babylons hängande trädgårdar!
-
-72
-00:08:01.958 --> 00:08:04.000
-Vad sägs om den fällan?
-
-73
-00:08:05.458 --> 00:08:07.333
-Nej. Emo.
-
-74
-00:08:08.917 --> 00:08:12.667
-Till höger ser vi...
-Gissa!
-
-75
-00:08:12.750 --> 00:08:15.125
-Rhodos koloss!
-
-76
-00:08:15.375 --> 00:08:16.500
-Nej!
-
-77
-00:08:16.500 --> 00:08:20.250
-Kolossen på Rhodos!
-Och den är här för din skull. Proog...
-
-78
-00:08:20.250 --> 00:08:23.250
-Bara för din skull.
-
-79
-00:08:50.917 --> 00:08:53.250
-Den är där...
-
-80
-00:08:53.625 --> 00:08:56.417
-Tro mig.
-Emo...
-
-81
-00:08:57.000 --> 00:09:00.000
-Det är den.
-Det är den...
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/examples/elephantsdream/chapters.en.vtt b/negromate/web/static/js/videojs/examples/elephantsdream/chapters.en.vtt
deleted file mode 100644
index 9740a41..0000000
--- a/negromate/web/static/js/videojs/examples/elephantsdream/chapters.en.vtt
+++ /dev/null
@@ -1,44 +0,0 @@
-WEBVTT
-
-NOTE Created by Owen Edwards 2015. http://creativecommons.org/licenses/by/2.5/
-NOTE Based on 'finalbreakdown.rtf', part of the prepoduction notes, which are:
-NOTE (c) Copyright 2006, Blender Foundation / 
-NOTE                     Netherlands Media Art Institute / 
-NOTE                     www.elephantsdream.org
-
-1
-00:00:00.000 --> 00:00:27.500
-Prologue
-
-2
-00:00:27.500 --> 00:01:10.000
-Switchboard trap
-
-3
-00:01:10.000 --> 00:03:25.000
-Telephone/Lecture
-
-4
-00:03:25.000 --> 00:04:52.000
-Typewriter
-
-5
-00:04:52.000 --> 00:06:19.500
-Proog shows Emo stuff
-
-6
-00:06:19.500 --> 00:07:09.000
-Which way
-
-7
-00:07:09.000 --> 00:07:45.000
-Emo flips out
-
-8
-00:07:45.000 --> 00:09:25.000
-Emo creates
-
-9
-00:09:25.000 --> 00:10:53.000
-Closing credits
-
diff --git a/negromate/web/static/js/videojs/examples/elephantsdream/descriptions.en.vtt b/negromate/web/static/js/videojs/examples/elephantsdream/descriptions.en.vtt
deleted file mode 100644
index d55a2f0..0000000
--- a/negromate/web/static/js/videojs/examples/elephantsdream/descriptions.en.vtt
+++ /dev/null
@@ -1,280 +0,0 @@
-WEBVTT
-License: CC BY 4.0 http://creativecommons.org/licenses/by/4.0/
-Author: Silvia Pfeiffer
-
-1
-00:00:00.000 --> 00:00:05.000
-The orange open movie project presents
-
-2
-00:00:05.010 --> 00:00:12.000
-Introductory titles are showing on the background of a water pool with fishes swimming and mechanical objects lying on a stone floor.
-
-3
-00:00:12.010 --> 00:00:14.800
-elephants dream
-
-4
-00:00:26.100 --> 00:00:28.206
-Two people stand on a small bridge.
-
-5
-00:00:30.010 --> 00:00:40.000
-The old man, Proog, shoves the younger and less experienced Emo on the ground to save him from being mowed down by a barrage of jack plugs that whir back and forth between the two massive switch-board-like walls.
-
-6
-00:00:40.000 --> 00:00:47.000
-The plugs are oblivious of the two, endlessly channeling streams of bizarre sounds and data.
-
-7
-00:00:48.494 --> 00:00:51.994
-Emo sits on the bridge and checks his limbs.
-
-8
-00:01:09.150 --> 00:01:16.030
-After the squealing plugs move on, Proog makes sure that Emo is unharmed and urges him onwards through a crack in one of the plug-walls.
-
-9
-00:01:18.050 --> 00:01:24.000
-They walk through the narrow hall into a massive room that fades away into blackness on all sides.
-
-10
-00:01:24.050 --> 00:01:34.200
-Only one path is visible, suspended in mid-air that runs between thousands of dangling electric cables on which sit crowds of robin-like robotic birds.
-
-11
-00:01:36.000 --> 00:01:40.000
-As Proog and Emo enter the room, the birds begin to wake up and notice them.
-
-12
-00:01:42.000 --> 00:01:50.000
-Realizing the danger, Proog grabs Emo by the arm.
-
-13
-00:01:50.050 --> 00:02:00.000
-They run along the increasingly bizarre path as the birds begin to swarm.
-
-14
-00:02:00.050 --> 00:02:11.000
-All sound is blocked out by the birds which are making the same noises as the jack-plugs, garbled screaming and obscure sentences and static.
-
-15
-00:02:12.600 --> 00:02:17.000
-The path dead-ends, stopping in the middle of no-where above the infinite drop.
-
-16
-00:02:17.600 --> 00:02:22.000
-Proog turns around as the birds reach them and begin to dive-bomb at them.
-
-17
-00:02:22.600 --> 00:02:28.000
-At the last moment, Proog takes out an old candlestick phone and the birds dive into the speaker piece.
-
-18
-00:02:28.600 --> 00:02:31.000
-The screen cuts to black.
-
-19
-00:02:31.600 --> 00:02:38.000
-In the next scene, Proog stands at one end of a room, suspiciously watching what is probably the same candlestick phone, which is ringing.
-
-20
-00:02:38.500 --> 00:02:41.000
-Emo watches from the other side of the room.
-
-21
-00:02:41.500 --> 00:02:43.000
-The phone continues to ring.
-
-22
-00:02:43.500 --> 00:02:48.000
-After a while Emo approaches it to answer it, but Proog slaps his hand away.
-
-23
-00:02:57.972 --> 00:02:59.100
-Proog takes the ear-piece off the hook.
-
-24
-00:03:13.500 --> 00:03:18.054
-The phone speaker revealed a mass of clawed, fleshy polyps which scream and gibber obscenely.
-
-25
-00:03:25.000 --> 00:03:33.000
-There is a solemn silence as Emo looks around the room and the technical objects therein.
-
-26
-00:03:38.000 --> 00:03:44.000
-Emo laughs disbelievingly and Proog walks away.
-
-27
-00:03:46.000 --> 00:03:54.000
-In the next scene, the two enter another massive black room.
-
-28
-00:03:54.500 --> 00:04:04.000
-There is no path, the entry platform is the only structure that seems to be there except for another exit, lit distantly at the far side.
-
-29
-00:04:04.500 --> 00:04:14.000
-Proog takes a step forward into the void, and his feet are suddenly caught by giant typewriter arms that rocket up out of the blackness to catch his feet as he dances across mid-air.
-
-30
-00:04:14.500 --> 00:04:22.000
-Emo follows Proog with somewhat less enthusiasm as the older man leads the way.
-
-31
-00:04:52.000 --> 00:04:58.000
-They reach the end of the room and go through a hall into a small compartment.
-
-32
-00:05:02.000 --> 00:05:06.000
-Proog presses a button, and the door shuts.
-
-33
-00:05:06.500 --> 00:05:09.000
-It is an elevator.
-
-34
-00:05:09.500 --> 00:05:24.000
-The elevator lurches suddenly as it is grabbed by a giant mechanical arm and thrown upwards, rushing up through an ever-widening tunnel.
-
-35
-00:05:26.500 --> 00:05:32.000
-When it begins to slow down, another arm grabs the capsule and throws it even further up.
-
-36
-00:05:32.500 --> 00:05:40.000
-As it moves up, the walls unlock and fall away, leaving only the floor with the two on it, rushing higher and higher.
-
-37
-00:05:54.500 --> 00:05:59.000
-They exit the tunnel into a black sky and the platform reaches the peak of its arc.
-
-38
-00:06:19.500 --> 00:06:26.000
-The elevator begins to drop down another shaft, coming to rest as it slams into the floor of another room and bringing the two to a level stop.
-
-39
-00:06:26.500 --> 00:06:28.000
-A camera flashes.
-
-40
-00:06:28.010 --> 00:06:34.000
-They are in a large, dingy room filled with strange, generator-like devices and dotted with boxy holographic projectors.
-
-41
-00:06:34.500 --> 00:06:38.000
-One of them is projecting a portion of wall with a door in it right beside them.
-
-42
-00:06:38.500 --> 00:06:40.000
-The door seems harmless enough.
-
-43
-00:06:42.800 --> 00:06:45.100
-From behind the door comes light music.
-
-44
-00:06:56.000 --> 00:07:00.100
-Proog presses a button on his cane, which changes the holograph to another wall.
-
-45
-00:07:05.100 --> 00:07:11.000
-Proog finishes the wall, and boxes them into a Safe Room, out of the view of anything outside.
-
-46
-00:07:39.000 --> 00:07:42.500
-Proog slaps him, trying to bring him to his senses.
-
-47
-00:07:45.000 --> 00:07:52.000
-Emo storms away down the length of the room towards a wall he apparently cannot see and the wall begins to move, extending the length of the room.
-
-48
-00:08:00.000 --> 00:08:07.000
-The walls begin to discolour and mechanical roots start tearing through the walls to his left.
-
-49
-00:08:07.010 --> 00:08:09.000
-The roots move forwards toward Proog.
-
-50
-00:08:22.000 --> 00:08:31.000
-The rest of the safety wall crumples away as a pair of massive hands heave out of the ground and begin to attack.
-
-51
-00:08:31.010 --> 00:08:37.000
-Proog is knocked down by the shockwave, while Emo turns and begins to walk away, waving his finger around his temple in the 'crazy' sign.
-
-52
-00:08:37.010 --> 00:08:44.000
-In a last effort, Proog extricates himself from the tentacle roots, and cracks Emo over the back of the head with his cane.
-
-53
-00:08:44.500 --> 00:08:51.000
-As Emo collapses, everything falls away, and Proog and Emo are left in one tiny patch of light in the middle of blackness.
-
-54
-00:09:00.000 --> 00:09:20.000
-The scene fades to black while panning over a pile of tentacle roots lying on the ground.
-
-55
-00:09:26.000 --> 00:09:28.000
-Credits begin:
-
-56
-00:09:28.500 --> 00:09:35.000
-Orange Open Movie Team
-Director: Bassum Kurdali
-Art Director: Andreas Goralczyk
-
-57
-00:09:35.500 --> 00:09:39.000
-Music and Sound Design: Jan Morgenstern
-
-58
-00:09:39.500 --> 00:09:44.000
-Emo: Cas Jansen
-Proog: Tygo Gernandt
-
-59
-00:09:44.500 --> 00:09:50.000
-Screenplay: Pepijn Zwanenberg
-Original Concept & Scenario: Andreas Goralczyk, Bassam Kurdali, Ton Roosendaal
-
-60
-00:09:50.500 --> 00:10:24.000
-More people for
-Additional Artwork and Animation
-Texture Photography
-Software Development
-3D Modelling, Animation, Rendering, Compiling Software
-Special Thanks to Open Source Projects
-Rendering Services Provided
-Hardware  Sponsored
-Casting
-Sound FX, Foley, Dialogue Editing, Audio Mix and Post
-Voice Recording
-HDCam conversion
-Netherlands Media Art Institute Staff
-Blender Foundation Staff
-
-61
-00:10:24.500 --> 00:10:30.000
-Many Thanks to our Donation and DVD sponsors
-
-62
-00:10:30.500 --> 00:10:47.000
-Elephants Dream has been realised with financial support from
-The Netherlands Film Fund
-Mondriaan Foundation
-VSBfonds
-Uni-Verse / EU Sixth Framework Programme
-
-63
-00:10:47.500 --> 00:10:53.000
-Produced By
-Ton Roosendaal
-Copyright 2006
-Netherlands Media Art Institute / Montevideo
-Blender Foundation
diff --git a/negromate/web/static/js/videojs/examples/elephantsdream/index.html b/negromate/web/static/js/videojs/examples/elephantsdream/index.html
deleted file mode 100644
index 808171e..0000000
--- a/negromate/web/static/js/videojs/examples/elephantsdream/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-
-  <meta charset="utf-8" />
-  <title>Video.js Text Descriptions, Chapters &amp; Captions Example</title>
-
-  <link href="http://vjs.zencdn.net/7.0/video-js.min.css" rel="stylesheet">
-  <script src="http://vjs.zencdn.net/7.0/video.min.js"></script>
-
-</head>
-<body>
-
-  <!-- NOTE: we have to disable native Text Track support for the HTML5 tech,
-             since even HTML5 video players with native Text Track support
-             don't currently support 'description' text tracks in any
-             useful way! Currently this means that iOS will not display
-            ANY text tracks -->
-  <video id="example_video_1" class="video-js" controls preload="none" width="640" height="360"
-      data-setup='{ "html5" : { "nativeTextTracks" : false } }'
-      poster="http://d2zihajmogu5jn.cloudfront.net/elephantsdream/poster.png">
-
-    <source src="//d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.mp4" type="video/mp4">
-    <source src="//d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.ogg" type="video/ogg">
-
-    <track kind="captions" src="captions.en.vtt" srclang="en" label="English" default>
-    <track kind="captions" src="captions.sv.vtt" srclang="sv" label="Swedish">
-    <track kind="captions" src="captions.ru.vtt" srclang="ru" label="Russian">
-    <track kind="captions" src="captions.ja.vtt" srclang="ja" label="Japanese">
-    <track kind="captions" src="captions.ar.vtt" srclang="ar" label="Arabic">
-
-    <track kind="descriptions" src="descriptions.en.vtt" srclang="en" label="English">
-
-    <track kind="chapters" src="chapters.en.vtt" srclang="en" label="English">
-
-    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
-  </video>
-
-</body>
-
-</html>
diff --git a/negromate/web/static/js/videojs/examples/index.html b/negromate/web/static/js/videojs/examples/index.html
deleted file mode 100644
index 84c0bda..0000000
--- a/negromate/web/static/js/videojs/examples/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <title>Index of video.js examples</title>
-</head>
-<body>
-
-  <h1>Index of video.js examples</h1>
-  <ul>
-    <li><a href="simple-embed">Video.js HTML5 video player simple example</a></li>
-    <li><a href="elephantsdream">Elephants Dream video with text descriptions, chapters &amp; captions example</a></li>
-  </ul>
-
-</body>
-
-</html>
diff --git a/negromate/web/static/js/videojs/examples/shared/example-captions.vtt b/negromate/web/static/js/videojs/examples/shared/example-captions.vtt
deleted file mode 100644
index e598be1..0000000
--- a/negromate/web/static/js/videojs/examples/shared/example-captions.vtt
+++ /dev/null
@@ -1,41 +0,0 @@
-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 ]
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/examples/simple-embed/index.html b/negromate/web/static/js/videojs/examples/simple-embed/index.html
deleted file mode 100644
index 5f10924..0000000
--- a/negromate/web/static/js/videojs/examples/simple-embed/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-
-    <title>Video.js | HTML5 Video Player</title>
-    <link href="http://vjs.zencdn.net/7.0/video-js.min.css" rel="stylesheet">
-    <script src="http://vjs.zencdn.net/7.0/video.min.js"></script>
-
-</head>
-<body>
-
-  <video id="example_video_1" class="video-js" controls preload="none" width="640" height="264" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}">
-    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
-    <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
-    <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
-    <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English">
-    <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English">
-    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
-  </video>
-
-</body>
-
-</html>
diff --git a/negromate/web/static/js/videojs/font/VideoJS.svg b/negromate/web/static/js/videojs/font/VideoJS.svg
deleted file mode 100755
index f1ae826..0000000
--- a/negromate/web/static/js/videojs/font/VideoJS.svg
+++ /dev/null
@@ -1,114 +0,0 @@
-<?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">
-<defs>
-  <font id="VideoJS" horiz-adv-x="1792">
-    <font-face font-family="VideoJS"
-      units-per-em="1792" ascent="1792"
-      descent="0" />
-    <missing-glyph horiz-adv-x="0" />
-    <glyph glyph-name="play"
-      unicode="&#xF101;"
-      horiz-adv-x="1792" d=" M597.3333333333334 1418.6666666666665V373.3333333333333L1418.6666666666667 896z" />
-    <glyph glyph-name="play-circle"
-      unicode="&#xF102;"
-      horiz-adv-x="1792" d=" M746.6666666666667 560L1194.6666666666667 896L746.6666666666667 1232V560zM896 1642.6666666666667C483.4666666666667 1642.6666666666667 149.3333333333334 1308.5333333333333 149.3333333333334 896S483.4666666666667 149.3333333333333 896 149.3333333333333S1642.6666666666667 483.4666666666667 1642.6666666666667 896S1308.5333333333333 1642.6666666666667 896 1642.6666666666667zM896 298.6666666666665C566.72 298.6666666666665 298.6666666666667 566.7199999999998 298.6666666666667 896S566.72 1493.3333333333333 896 1493.3333333333333S1493.3333333333335 1225.28 1493.3333333333335 896S1225.2800000000002 298.6666666666665 896 298.6666666666665z" />
-    <glyph glyph-name="pause"
-      unicode="&#xF103;"
-      horiz-adv-x="1792" d=" M448 373.3333333333333H746.6666666666667V1418.6666666666665H448V373.3333333333333zM1045.3333333333335 1418.6666666666665V373.3333333333333H1344V1418.6666666666665H1045.3333333333335z" />
-    <glyph glyph-name="volume-mute"
-      unicode="&#xF104;"
-      horiz-adv-x="1792" d=" M1232 896C1232 1027.7866666666666 1155.8400000000001 1141.6533333333332 1045.3333333333335 1196.5333333333333V1031.52L1228.6399999999999 848.2133333333334C1230.88 863.8933333333334 1232 879.9466666666667 1232 896.0000000000001zM1418.6666666666667 896C1418.6666666666667 825.8133333333333 1403.3600000000001 759.7333333333333 1378.3466666666668 698.8799999999999L1491.466666666667 585.7599999999998C1540 678.72 1568 783.9999999999999 1568 896C1568 1215.5733333333333 1344.3733333333334 1482.88 1045.3333333333335 1550.8266666666666V1396.6399999999999C1261.1200000000001 1332.4266666666667 1418.6666666666667 1132.6933333333332 1418.6666666666667 896zM319.2000000000001 1568L224 1472.8L576.8 1120H224V672H522.6666666666667L896 298.6666666666665V800.8L1213.7066666666667 483.0933333333332C1163.68 444.6399999999999 1107.3066666666666 413.6533333333332 1045.3333333333335 394.9866666666665V240.7999999999998C1148 264.32 1241.7066666666667 311.3599999999997 1320.48 375.9466666666663L1472.8000000000002 224L1568 319.1999999999998L896 991.1999999999998L319.2000000000001 1568zM896 1493.3333333333333L739.9466666666667 1337.28L896 1181.2266666666667V1493.3333333333333z" />
-    <glyph glyph-name="volume-low"
-      unicode="&#xF105;"
-      horiz-adv-x="1792" d=" M522.6666666666667 1120V672H821.3333333333334L1194.6666666666667 298.6666666666665V1493.3333333333333L821.3333333333334 1120H522.6666666666667z" />
-    <glyph glyph-name="volume-mid"
-      unicode="&#xF106;"
-      horiz-adv-x="1792" d=" M1381.3333333333335 896C1381.3333333333335 1027.7866666666666 1305.1733333333334 1141.6533333333332 1194.6666666666667 1196.5333333333333V595.0933333333332C1305.1733333333334 650.3466666666666 1381.3333333333335 764.2133333333331 1381.3333333333335 896zM373.3333333333334 1120V672H672L1045.3333333333335 298.6666666666665V1493.3333333333333L672 1120H373.3333333333334z" />
-    <glyph glyph-name="volume-high"
-      unicode="&#xF107;"
-      horiz-adv-x="1792" d=" M224 1120V672H522.6666666666667L896 298.6666666666665V1493.3333333333333L522.6666666666667 1120H224zM1232 896C1232 1027.7866666666666 1155.8400000000001 1141.6533333333332 1045.3333333333335 1196.5333333333333V595.0933333333332C1155.8400000000001 650.3466666666666 1232 764.2133333333331 1232 896zM1045.3333333333335 1550.8266666666666V1396.6399999999999C1261.1200000000001 1332.4266666666667 1418.6666666666667 1132.6933333333332 1418.6666666666667 896S1261.1200000000001 459.5733333333333 1045.3333333333335 395.3600000000002V241.1733333333332C1344.3733333333334 309.1199999999999 1568 576.0533333333333 1568 896S1344.3733333333334 1482.88 1045.3333333333335 1550.8266666666666z" />
-    <glyph glyph-name="fullscreen-enter"
-      unicode="&#xF108;"
-      horiz-adv-x="1792" d=" M522.6666666666667 746.6666666666665H373.3333333333334V373.3333333333333H746.6666666666667V522.6666666666665H522.6666666666667V746.6666666666665zM373.3333333333334 1045.3333333333333H522.6666666666667V1269.3333333333333H746.6666666666667V1418.6666666666665H373.3333333333334V1045.3333333333333zM1269.3333333333335 522.6666666666665H1045.3333333333335V373.3333333333333H1418.6666666666667V746.6666666666665H1269.3333333333335V522.6666666666665zM1045.3333333333335 1418.6666666666665V1269.3333333333333H1269.3333333333335V1045.3333333333333H1418.6666666666667V1418.6666666666665H1045.3333333333335z" />
-    <glyph glyph-name="fullscreen-exit"
-      unicode="&#xF109;"
-      horiz-adv-x="1792" d=" M373.3333333333334 597.3333333333333H597.3333333333334V373.3333333333333H746.6666666666667V746.6666666666665H373.3333333333334V597.3333333333333zM597.3333333333334 1194.6666666666665H373.3333333333334V1045.3333333333333H746.6666666666667V1418.6666666666665H597.3333333333334V1194.6666666666665zM1045.3333333333335 373.3333333333333H1194.6666666666667V597.3333333333333H1418.6666666666667V746.6666666666665H1045.3333333333335V373.3333333333333zM1194.6666666666667 1194.6666666666665V1418.6666666666665H1045.3333333333335V1045.3333333333333H1418.6666666666667V1194.6666666666665H1194.6666666666667z" />
-    <glyph glyph-name="square"
-      unicode="&#xF10A;"
-      horiz-adv-x="1792" d=" M1344 1493.3333333333333H448C365.4933333333334 1493.3333333333333 298.6666666666667 1426.5066666666667 298.6666666666667 1344V448C298.6666666666667 365.4933333333331 365.4933333333334 298.6666666666665 448 298.6666666666665H1344C1426.506666666667 298.6666666666665 1493.3333333333335 365.4933333333331 1493.3333333333335 448V1344C1493.3333333333335 1426.5066666666667 1426.506666666667 1493.3333333333333 1344 1493.3333333333333zM1344 448H448V1344H1344V448z" />
-    <glyph glyph-name="spinner"
-      unicode="&#xF10B;"
-      horiz-adv-x="1792" d=" M701.8666666666668 1008L1057.6533333333334 1624.3733333333334C1005.7600000000002 1635.9466666666667 951.6266666666666 1642.6666666666667 896 1642.6666666666667C716.8000000000001 1642.6666666666667 552.9066666666668 1579.5733333333333 424.1066666666667 1474.2933333333333L697.76 1000.5333333333334L701.8666666666666 1008zM1608.32 1120C1539.6266666666666 1338.4 1373.1200000000001 1512.7466666666667 1160.6933333333332 1593.3866666666668L887.4133333333334 1120H1608.32zM1627.7333333333336 1045.3333333333333H1068.48L1090.1333333333334 1008L1445.92 392C1567.6266666666668 524.9066666666668 1642.6666666666667 701.4933333333333 1642.6666666666667 896C1642.6666666666667 947.1466666666666 1637.44 997.1733333333332 1627.7333333333336 1045.3333333333333zM637.2800000000001 896L346.08 1400C224.3733333333333 1267.0933333333332 149.3333333333334 1090.5066666666667 149.3333333333334 896C149.3333333333334 844.8533333333332 154.56 794.8266666666666 164.2666666666667 746.6666666666665H723.5200000000001L637.2800000000002 896zM183.68 672C252.3733333333334 453.5999999999999 418.88 279.2533333333334 631.3066666666667 198.6133333333332L904.5866666666668 672H183.68zM1025.1733333333334 672L733.9733333333334 167.6266666666666C786.24 156.0533333333333 840.3733333333334 149.3333333333333 896 149.3333333333333C1075.2 149.3333333333333 1239.0933333333332 212.4266666666665 1367.8933333333334 317.7066666666665L1094.24 791.4666666666666L1025.1733333333334 672z" />
-    <glyph glyph-name="subtitles"
-      unicode="&#xF10C;"
-      horiz-adv-x="1792" d=" M1493.3333333333335 1493.3333333333333H298.6666666666667C216.16 1493.3333333333333 149.3333333333334 1426.5066666666667 149.3333333333334 1344V448C149.3333333333334 365.4933333333331 216.16 298.6666666666665 298.6666666666667 298.6666666666665H1493.3333333333335C1575.8400000000001 298.6666666666665 1642.6666666666667 365.4933333333331 1642.6666666666667 448V1344C1642.6666666666667 1426.5066666666667 1575.8400000000001 1493.3333333333333 1493.3333333333335 1493.3333333333333zM298.6666666666667 896H597.3333333333334V746.6666666666665H298.6666666666667V896zM1045.3333333333335 448H298.6666666666667V597.3333333333333H1045.3333333333335V448zM1493.3333333333335 448H1194.6666666666667V597.3333333333333H1493.3333333333335V448zM1493.3333333333335 746.6666666666665H746.6666666666667V896H1493.3333333333335V746.6666666666665z" />
-    <glyph glyph-name="captions"
-      unicode="&#xF10D;"
-      horiz-adv-x="1792" d=" M1418.6666666666667 1493.3333333333333H373.3333333333334C290.8266666666667 1493.3333333333333 224 1426.5066666666667 224 1344V448C224 365.4933333333331 290.8266666666667 298.6666666666665 373.3333333333334 298.6666666666665H1418.6666666666667C1501.1733333333334 298.6666666666665 1568 365.4933333333331 1568 448V1344C1568 1426.5066666666667 1501.1733333333334 1493.3333333333333 1418.6666666666667 1493.3333333333333zM821.3333333333334 970.6666666666666H709.3333333333334V1008H560V783.9999999999999H709.3333333333334V821.3333333333333H821.3333333333334V746.6666666666665C821.3333333333334 705.5999999999999 788.1066666666667 672 746.6666666666667 672H522.6666666666667C481.2266666666667 672 448 705.5999999999999 448 746.6666666666665V1045.3333333333333C448 1086.4 481.2266666666667 1120 522.6666666666667 1120H746.6666666666667C788.1066666666667 1120 821.3333333333334 1086.4 821.3333333333334 1045.3333333333333V970.6666666666666zM1344 970.6666666666666H1232V1008H1082.6666666666667V783.9999999999999H1232V821.3333333333333H1344V746.6666666666665C1344 705.5999999999999 1310.7733333333333 672 1269.3333333333335 672H1045.3333333333335C1003.8933333333334 672 970.6666666666669 705.5999999999999 970.6666666666669 746.6666666666665V1045.3333333333333C970.6666666666669 1086.4 1003.8933333333334 1120 1045.3333333333335 1120H1269.3333333333335C1310.7733333333333 1120 1344 1086.4 1344 1045.3333333333333V970.6666666666666z" />
-    <glyph glyph-name="chapters"
-      unicode="&#xF10E;"
-      horiz-adv-x="1792" d=" M224 821.3333333333333H373.3333333333334V970.6666666666666H224V821.3333333333333zM224 522.6666666666665H373.3333333333334V672H224V522.6666666666665zM224 1120H373.3333333333334V1269.3333333333333H224V1120zM522.6666666666667 821.3333333333333H1568V970.6666666666666H522.6666666666667V821.3333333333333zM522.6666666666667 522.6666666666665H1568V672H522.6666666666667V522.6666666666665zM522.6666666666667 1269.3333333333333V1120H1568V1269.3333333333333H522.6666666666667z" />
-    <glyph glyph-name="share"
-      unicode="&#xF10F;"
-      horiz-adv-x="1792" d=" M1344 590.9866666666665C1287.2533333333333 590.9866666666665 1236.1066666666668 568.9599999999998 1197.2800000000002 533.4933333333331L665.2800000000001 843.7333333333333C669.3866666666667 860.5333333333333 672 878.08 672 896S669.3866666666667 931.4666666666666 665.2800000000001 948.2666666666667L1191.68 1255.52C1231.6266666666668 1218.1866666666665 1285.0133333333335 1195.04 1344 1195.04C1467.5733333333335 1195.04 1568 1295.4666666666665 1568 1419.04S1467.5733333333335 1643.04 1344 1643.04S1120 1542.6133333333332 1120 1419.04C1120 1401.12 1122.6133333333335 1383.5733333333333 1126.72 1366.773333333333L600.3199999999999 1059.5199999999998C560.3733333333333 1096.853333333333 506.9866666666666 1119.9999999999998 448 1119.9999999999998C324.4266666666666 1119.9999999999998 224 1019.5733333333332 224 895.9999999999998S324.4266666666666 671.9999999999998 448 671.9999999999998C506.9866666666666 671.9999999999998 560.3733333333333 695.1466666666665 600.3199999999999 732.4799999999998L1132.32 422.2399999999998C1128.5866666666666 406.5599999999997 1126.3466666666666 390.133333333333 1126.3466666666666 373.3333333333331C1126.3466666666666 253.1199999999997 1223.7866666666669 155.6799999999996 1344 155.6799999999996S1561.6533333333334 253.1199999999997 1561.6533333333334 373.3333333333331S1464.2133333333334 590.9866666666662 1344 590.9866666666662z" />
-    <glyph glyph-name="cog"
-      unicode="&#xF110;"
-      horiz-adv-x="1792" d=" M1450.7733333333333 823.1999999999999C1453.76 847.0933333333334 1456 871.3599999999999 1456 896S1453.76 944.9066666666666 1450.7733333333333 968.8L1608.6933333333336 1092.3733333333332C1622.8800000000003 1103.5733333333333 1626.986666666667 1123.7333333333331 1617.6533333333336 1140.1599999999999L1468.3200000000004 1398.8799999999999C1458.986666666667 1414.9333333333334 1439.5733333333335 1421.6533333333332 1422.7733333333338 1414.9333333333334L1236.8533333333337 1339.8933333333332C1198.4000000000003 1369.3866666666668 1156.2133333333338 1394.3999999999999 1110.6666666666672 1413.44L1082.6666666666667 1611.3066666666666C1079.3066666666668 1628.8533333333332 1064 1642.6666666666667 1045.3333333333335 1642.6666666666667H746.6666666666667C728 1642.6666666666667 712.6933333333334 1628.8533333333332 709.7066666666668 1611.3066666666666L681.7066666666668 1413.44C636.1600000000002 1394.4 593.9733333333335 1369.76 555.5200000000001 1339.8933333333332L369.6 1414.9333333333334C352.8000000000001 1421.28 333.3866666666667 1414.9333333333334 324.0533333333334 1398.88L174.72 1140.1599999999999C165.3866666666667 1124.1066666666666 169.4933333333334 1103.9466666666667 183.68 1092.3733333333332L341.2266666666667 968.8C338.2400000000001 944.9066666666666 336 920.64 336 896S338.2400000000001 847.0933333333334 341.2266666666667 823.1999999999999L183.68 699.6266666666668C169.4933333333334 688.4266666666667 165.3866666666667 668.2666666666667 174.72 651.8399999999999L324.0533333333334 393.1199999999999C333.3866666666667 377.0666666666666 352.8 370.3466666666666 369.6 377.0666666666666L555.5200000000001 452.1066666666666C593.9733333333334 422.6133333333333 636.16 397.5999999999999 681.7066666666668 378.56L709.7066666666668 180.6933333333334C712.6933333333334 163.1466666666668 728 149.3333333333333 746.6666666666667 149.3333333333333H1045.3333333333335C1064 149.3333333333333 1079.3066666666668 163.1466666666665 1082.2933333333333 180.6933333333334L1110.2933333333333 378.56C1155.84 397.5999999999999 1198.0266666666666 422.24 1236.48 452.1066666666666L1422.3999999999999 377.0666666666666C1439.2 370.7199999999998 1458.6133333333332 377.0666666666666 1467.9466666666665 393.1199999999999L1617.2799999999997 651.8399999999999C1626.6133333333332 667.8933333333332 1622.5066666666664 688.0533333333333 1608.3199999999997 699.6266666666668L1450.773333333333 823.1999999999999zM896 634.6666666666665C751.52 634.6666666666665 634.6666666666667 751.52 634.6666666666667 896S751.52 1157.3333333333333 896 1157.3333333333333S1157.3333333333335 1040.48 1157.3333333333335 896S1040.48 634.6666666666665 896 634.6666666666665z" />
-    <glyph glyph-name="circle"
-      unicode="&#xF111;"
-      horiz-adv-x="1792" d=" M149.3333333333334 896C149.3333333333334 483.6273867930074 483.6273867930075 149.3333333333333 896 149.3333333333333C1308.3726132069926 149.3333333333333 1642.6666666666667 483.6273867930074 1642.6666666666667 896C1642.6666666666667 1308.3726132069926 1308.3726132069926 1642.6666666666667 896 1642.6666666666667C483.6273867930075 1642.6666666666667 149.3333333333334 1308.3726132069926 149.3333333333334 896z" />
-    <glyph glyph-name="circle-outline"
-      unicode="&#xF112;"
-      horiz-adv-x="1792" d=" M896 1642.6666666666667C483.4666666666667 1642.6666666666667 149.3333333333334 1308.5333333333333 149.3333333333334 896S483.4666666666667 149.3333333333333 896 149.3333333333333S1642.6666666666667 483.4666666666667 1642.6666666666667 896S1308.5333333333333 1642.6666666666667 896 1642.6666666666667zM896 298.6666666666665C566.72 298.6666666666665 298.6666666666667 566.7199999999998 298.6666666666667 896S566.72 1493.3333333333333 896 1493.3333333333333S1493.3333333333335 1225.28 1493.3333333333335 896S1225.2800000000002 298.6666666666665 896 298.6666666666665z" />
-    <glyph glyph-name="circle-inner-circle"
-      unicode="&#xF113;"
-      horiz-adv-x="1792" d=" M896 1642.6666666666667C484.2133333333334 1642.6666666666667 149.3333333333334 1307.7866666666666 149.3333333333334 896S484.2133333333334 149.3333333333333 896 149.3333333333333S1642.6666666666667 484.2133333333331 1642.6666666666667 896S1307.7866666666669 1642.6666666666667 896 1642.6666666666667zM896 298.6666666666665C566.72 298.6666666666665 298.6666666666667 566.7199999999998 298.6666666666667 896S566.72 1493.3333333333333 896 1493.3333333333333S1493.3333333333335 1225.28 1493.3333333333335 896S1225.2800000000002 298.6666666666665 896 298.6666666666665zM1120 896C1120 772.4266666666666 1019.5733333333334 672 896 672S672 772.4266666666666 672 896S772.4266666666667 1120 896 1120S1120 1019.5733333333332 1120 896z" />
-    <glyph glyph-name="hd"
-      unicode="&#xF114;"
-      horiz-adv-x="1792" d=" M1418.6666666666667 1568H373.3333333333334C290.4533333333333 1568 224 1500.8 224 1418.6666666666665V373.3333333333333C224 291.1999999999998 290.4533333333334 224 373.3333333333334 224H1418.6666666666667C1500.8000000000002 224 1568 291.1999999999998 1568 373.3333333333333V1418.6666666666665C1568 1500.8 1500.8000000000002 1568 1418.6666666666667 1568zM821.3333333333334 672H709.3333333333334V821.3333333333333H560V672H448V1120H560V933.3333333333331H709.3333333333334V1120H821.3333333333334V672zM970.6666666666669 1120H1269.3333333333335C1310.4 1120 1344 1086.4 1344 1045.3333333333333V746.6666666666665C1344 705.5999999999999 1310.4 672 1269.3333333333335 672H970.6666666666669V1120zM1082.6666666666667 783.9999999999999H1232V1008H1082.6666666666667V783.9999999999999z" />
-    <glyph glyph-name="cancel"
-      unicode="&#xF115;"
-      horiz-adv-x="1792" d=" M896 1642.6666666666667C483.4666666666667 1642.6666666666667 149.3333333333334 1308.5333333333333 149.3333333333334 896S483.4666666666667 149.3333333333333 896 149.3333333333333S1642.6666666666667 483.4666666666667 1642.6666666666667 896S1308.5333333333333 1642.6666666666667 896 1642.6666666666667zM1269.3333333333335 628.3199999999999L1163.68 522.6666666666665L896 790.3466666666667L628.3199999999999 522.6666666666665L522.6666666666667 628.3199999999999L790.3466666666668 896L522.6666666666667 1163.68L628.3199999999999 1269.3333333333333L896 1001.6533333333332L1163.68 1269.3333333333333L1269.3333333333335 1163.68L1001.6533333333334 896L1269.3333333333335 628.3199999999999z" />
-    <glyph glyph-name="replay"
-      unicode="&#xF116;"
-      horiz-adv-x="1792" d=" M896 1418.6666666666665V1717.3333333333333L522.6666666666667 1344L896 970.6666666666666V1269.3333333333333C1143.52 1269.3333333333333 1344 1068.8533333333332 1344 821.3333333333333S1143.52 373.3333333333333 896 373.3333333333333S448 573.813333333333 448 821.3333333333333H298.6666666666667C298.6666666666667 491.3066666666664 565.9733333333334 224 896 224S1493.3333333333335 491.3066666666664 1493.3333333333335 821.3333333333333S1226.0266666666669 1418.6666666666665 896 1418.6666666666665z" />
-    <glyph glyph-name="facebook"
-      unicode="&#xF117;"
-      horiz-adv-x="1792" d=" M1343 1780V1516H1186Q1100 1516 1070 1480T1040 1372V1183H1333L1294 887H1040V128H734V887H479V1183H734V1401Q734 1587 838 1689.5T1115 1792Q1262 1792 1343 1780z" />
-    <glyph glyph-name="gplus"
-      unicode="&#xF118;"
-      horiz-adv-x="1792" d=" M799 996Q799 960 831 925.5T908.5 857.5T999 784T1076 680T1108 538Q1108 448 1060 365Q988 243 849 185.5T551 128Q419 128 304.5 169.5T133 307Q96 367 96 438Q96 519 140.5 588T259 703Q390 785 663 803Q631 845 615.5 877T600 950Q600 986 621 1035Q575 1031 553 1031Q405 1031 303.5 1127.5T202 1372Q202 1454 238 1531T337 1662Q414 1728 519.5 1760T737 1792H1155L1017 1704H886Q960 1641 998 1571T1036 1411Q1036 1339 1011.5 1281.5T952.5 1188.5T883 1123.5T823.5 1062T799 996zM653 1092Q691 1092 731 1108.5T797 1152Q850 1209 850 1311Q850 1369 833 1436T784.5 1565.5T700 1669T583 1710Q541 1710 500.5 1690.5T435 1638Q388 1579 388 1478Q388 1432 398 1380.5T429.5 1277.5T481.5 1185T556.5 1118T653 1092zM655 219Q713 219 766.5 232T865.5 271T938.5 344T966 453Q966 478 959 502T944.5 544T917.5 585.5T888 620.5T849.5 655T813 684T771.5 714T735 740Q719 742 687 742Q634 742 582 735T474.5 710T377.5 664T309 589.5T282 484Q282 414 317 360.5T408.5 277.5T527.5 233.5T655 219zM1465 1095H1678V987H1465V768H1360V987H1148V1095H1360V1312H1465V1095z" />
-    <glyph glyph-name="linkedin"
-      unicode="&#xF119;"
-      horiz-adv-x="1792" d=" M477 1167V176H147V1167H477zM498 1473Q499 1400 447.5 1351T312 1302H310Q228 1302 178 1351T128 1473Q128 1547 179.5 1595.5T314 1644T447 1595.5T498 1473zM1664 744V176H1335V706Q1335 811 1294.5 870.5T1168 930Q1105 930 1062.5 895.5T999 810Q988 780 988 729V176H659Q661 575 661 823T660 1119L659 1167H988V1023H986Q1006 1055 1027 1079T1083.5 1131T1170.5 1174.5T1285 1190Q1456 1190 1560 1076.5T1664 744z" />
-    <glyph glyph-name="twitter"
-      unicode="&#xF11A;"
-      horiz-adv-x="1792" d=" M1684 1384Q1617 1286 1522 1217Q1523 1203 1523 1175Q1523 1045 1485 915.5T1369.5 667T1185 456.5T927 310.5T604 256Q333 256 108 401Q143 397 186 397Q411 397 587 535Q482 537 399 599.5T285 759Q318 754 346 754Q389 754 431 765Q319 788 245.5 876.5T172 1082V1086Q240 1048 318 1045Q252 1089 213 1160T174 1314Q174 1402 218 1477Q339 1328 512.5 1238.5T884 1139Q876 1177 876 1213Q876 1347 970.5 1441.5T1199 1536Q1339 1536 1435 1434Q1544 1455 1640 1512Q1603 1397 1498 1334Q1591 1344 1684 1384z" />
-    <glyph glyph-name="tumblr"
-      unicode="&#xF11B;"
-      horiz-adv-x="1792" d=" M1328 463L1408 226Q1385 191 1297 160T1120 128Q1016 126 929.5 154T787 228T692 334T636.5 454T620 572V1116H452V1331Q524 1357 581 1400.5T672 1490.5T730 1592.5T764 1691.5T779 1780Q780 1785 783.5 1788.5T791 1792H1035V1368H1368V1116H1034V598Q1034 568 1040.5 542T1063 489.5T1112.5 448T1194 434Q1272 436 1328 463z" />
-    <glyph glyph-name="pinterest"
-      unicode="&#xF11C;"
-      horiz-adv-x="1792" d=" M1664 896Q1664 687 1561 510.5T1281.5 231T896 128Q785 128 678 160Q737 253 756 324Q765 358 810 535Q830 496 883 467.5T997 439Q1118 439 1213 507.5T1360 696T1412 966Q1412 1080 1352.5 1180T1180 1343T925 1406Q820 1406 729 1377T574.5 1300T465.5 1189.5T398.5 1060T377 926Q377 822 417 743T534 632Q564 620 572 652Q574 659 580 683T588 713Q594 736 577 756Q526 817 526 907Q526 1058 630.5 1166.5T904 1275Q1055 1275 1139.5 1193T1224 980Q1224 810 1155.5 691T980 572Q919 572 882 615.5T859 720Q867 755 885.5 813.5T915.5 916.5T927 992Q927 1042 900 1075T823 1108Q761 1108 718 1051T675 909Q675 836 700 787L601 369Q584 299 588 192Q382 283 255 473T128 896Q128 1105 231 1281.5T510.5 1561T896 1664T1281.5 1561T1561 1281.5T1664 896z" />
-    <glyph glyph-name="audio-description"
-      unicode="&#xF11D;"
-      horiz-adv-x="1792" d=" M795.5138904615 457.270933L795.5138904615 1221.5248286325C971.84576475 1225.085121904 1107.39330415 1232.12360523 1207.223857 1161.5835220499998C1303.033991 1093.8857027 1377.7922305 962.20560625 1364.3373135 792.9476205000001C1350.102593 613.9029365000001 1219.6655764999998 463.4600215 1050.12389545 448.2843645000001C965.8259268 440.7398275000001 798.21890505 448.2843645000001 798.21890505 448.2843645000001C798.21890505 448.2843645000001 795.2791410655 453.016494 795.5138904615 457.270933M966.1564647 649.0863960000001C1076.16084135 644.6767075 1152.385591 707.3020429999999 1163.8910079999998 807.9351875C1179.2994744999999 942.71878505 1089.73043585 1030.3691748 960.74508635 1020.7227954L960.74508635 658.08043C960.6196169500002 652.9482330000001 962.7606933 650.3134680000001 966.1564647 649.0863960000001 M1343.2299685 457.3517725000002C1389.9059734 444.3690160000001 1404.0840274999998 496.0596970000001 1424.48294065 532.2791494999999C1469.0084255 611.2788500000001 1502.5101322 712.8584189999999 1503.0416912 828.9881705C1503.8147453000001 995.5680973 1438.8404296 1117.7973688000002 1378.4383305 1200.62456881045L1348.652139905 1200.62456881045C1346.6001063899998 1187.06858424 1356.44474056 1175.024791325 1362.18395859 1164.6588891000001C1408.2649952 1081.49431985 1450.96645015 966.7230041 1451.57490975 834.9817034999999C1452.27106325 683.8655425000002 1402.00636065 557.5072264999999 1343.2299685 457.3517725000002 M1488.0379675 457.3517725000002C1534.7139723999999 444.3690160000001 1548.8825828 496.0671625 1569.29093965 532.2791494999999C1613.8164245 611.2788500000001 1647.3113856500001 712.8584189999999 1647.8496902000002 828.9881705C1648.6227442999998 995.5680973 1583.6484286 1117.7973688000002 1523.2463295 1200.62456881045L1493.460138905 1200.62456881045C1491.40810539 1187.06858424 1501.250041305 1175.021805755 1506.9919575899999 1164.6588891000001C1553.0729942 1081.49431985 1595.7757984 966.7230041 1596.3829087499998 834.9817034999999C1597.07906225 683.8655425000002 1546.8143596500001 557.5072264999999 1488.0379675 457.3517725000002 M1631.9130380000001 457.3517725000002C1678.5890429 444.3690160000001 1692.7576533 496.0671625 1713.1660101500001 532.2791494999999C1757.691495 611.2788500000001 1791.1864561500001 712.8584189999999 1791.7247607000002 828.9881705C1792.4978148 995.5680973 1727.5234991000002 1117.7973688000002 1667.1214 1200.62456881045L1637.3352094050001 1200.62456881045C1635.28317589 1187.06858424 1645.1251118050002 1175.02329854 1650.86702809 1164.6588891000001C1696.9480647 1081.49431985 1739.64951965 966.7230041 1740.25797925 834.9817034999999C1740.95413275 683.8655425000002 1690.6894301500001 557.5072264999999 1631.9130380000001 457.3517725000002 M15.66796875 451.481947L254.03034755 451.481947L319.0356932 551.1747990000001L543.6261075 551.6487970000001C543.6261075 551.6487970000001 543.8541115 483.7032095 543.8541115 451.481947L714.4993835 451.481947L714.4993835 1230.9210795L508.643051 1230.9210795C488.8579955 1197.5411595 15.66796875 451.481947 15.66796875 451.481947L15.66796875 451.481947zM550.0048155000001 959.9708615L550.0048155000001 710.916297L408.4199 711.8642895L550.0048155000001 959.9708615L550.0048155000001 959.9708615z" />
-    <glyph glyph-name="audio"
-      unicode="&#xF11E;"
-      horiz-adv-x="1792" d=" M896 1717.3333333333333C524.9066666666668 1717.3333333333333 224 1416.4266666666667 224 1045.3333333333333V522.6666666666665C224 399.0933333333333 324.4266666666667 298.6666666666665 448 298.6666666666665H672V896H373.3333333333334V1045.3333333333333C373.3333333333334 1333.92 607.4133333333334 1568 896 1568S1418.6666666666667 1333.92 1418.6666666666667 1045.3333333333333V896H1120V298.6666666666665H1344C1467.5733333333335 298.6666666666665 1568 399.0933333333333 1568 522.6666666666665V1045.3333333333333C1568 1416.4266666666667 1267.0933333333332 1717.3333333333333 896 1717.3333333333333z" />
-    <glyph glyph-name="next-item"
-      unicode="&#xF11F;"
-      horiz-adv-x="1792" d=" M448 448L1082.6666666666667 896L448 1344V448zM1194.6666666666667 1344V448H1344V1344H1194.6666666666667z" />
-    <glyph glyph-name="previous-item"
-      unicode="&#xF120;"
-      horiz-adv-x="1792" d=" M448 1344H597.3333333333334V448H448zM709.3333333333334 896L1344 448V1344z" />
-    <glyph glyph-name="picture-in-picture-enter"
-      unicode="&#xF121;"
-      horiz-adv-x="1792" d=" M1418.6666666666667 970.6666666666666H821.3333333333334V523.0399999999997H1418.6666666666667V970.6666666666666zM1717.3333333333335 373.3333333333333V1420.1599999999999C1717.3333333333335 1502.2933333333333 1650.1333333333334 1568 1568 1568H224C141.8666666666667 1568 74.6666666666667 1502.2933333333333 74.6666666666667 1420.1599999999999V373.3333333333333C74.6666666666667 291.1999999999998 141.8666666666667 224 224 224H1568C1650.1333333333334 224 1717.3333333333335 291.1999999999998 1717.3333333333335 373.3333333333333zM1568 371.8399999999999H224V1420.9066666666668H1568V371.8399999999999z" />
-    <glyph glyph-name="picture-in-picture-exit"
-      unicode="&#xF122;"
-      horiz-adv-x="2190.222222222222" d=" M1792 1393.7777777777778H398.2222222222223V398.2222222222222H1792V1393.7777777777778zM2190.222222222222 199.1111111111111V1594.88C2190.222222222222 1704.391111111111 2100.6222222222223 1792 1991.1111111111113 1792H199.1111111111111C89.6 1792 0 1704.391111111111 0 1594.88V199.1111111111111C0 89.5999999999999 89.6 0 199.1111111111111 0H1991.1111111111113C2100.6222222222223 0 2190.222222222222 89.5999999999999 2190.222222222222 199.1111111111111zM1991.1111111111113 197.1200000000001H199.1111111111111V1595.8755555555556H1991.1111111111113V197.1200000000001z" />
-  </font>
-</defs>
-</svg>
diff --git a/negromate/web/static/js/videojs/font/VideoJS.ttf b/negromate/web/static/js/videojs/font/VideoJS.ttf
deleted file mode 100755
index 2f3c511..0000000
Binary files a/negromate/web/static/js/videojs/font/VideoJS.ttf and /dev/null differ
diff --git a/negromate/web/static/js/videojs/font/VideoJS.woff b/negromate/web/static/js/videojs/font/VideoJS.woff
deleted file mode 100755
index 4b846ae..0000000
Binary files a/negromate/web/static/js/videojs/font/VideoJS.woff and /dev/null differ
diff --git a/negromate/web/static/js/videojs/lang/ar.js b/negromate/web/static/js/videojs/lang/ar.js
deleted file mode 100644
index 506047e..0000000
--- a/negromate/web/static/js/videojs/lang/ar.js
+++ /dev/null
@@ -1,34 +0,0 @@
-videojs.addLanguage('ar', {
-  "Play": "تشغيل",
-  "Pause": "إيقاف",
-  "Current Time": "الوقت الحالي",
-  "Duration": "مدة",
-  "Remaining Time": "الوقت المتبقي",
-  "Stream Type": "نوع التيار",
-  "LIVE": "مباشر",
-  "Loaded": "تم التحميل",
-  "Progress": "التقدم",
-  "Fullscreen": "ملء الشاشة",
-  "Non-Fullscreen": "تعطيل ملء الشاشة",
-  "Mute": "صامت",
-  "Unmute": "غير الصامت",
-  "Playback Rate": "معدل التشغيل",
-  "Subtitles": "الترجمة",
-  "subtitles off": "إيقاف الترجمة",
-  "Captions": "التعليقات",
-  "captions off": "إيقاف التعليقات",
-  "Chapters": "فصول",
-  "You aborted the media playback": "لقد ألغيت تشغيل الفيديو",
-  "A network error caused the media download to fail part-way.": "تسبب خطأ في الشبكة بفشل تحميل الفيديو بالكامل.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "لا يمكن تحميل الفيديو بسبب فشل في الخادوم أو الشبكة ، أو فشل بسبب عدم إمكانية قراءة تنسيق الفيديو.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "تم إيقاف تشغيل الفيديو بسبب مشكلة فساد أو لأن الفيديو المستخدم يستخدم ميزات غير مدعومة من متصفحك.",
-  "No compatible source was found for this media.": "فشل العثور على أي مصدر متوافق مع هذا الفيديو.",
-  "Play Video": "تشغيل الفيديو",
-  "Close": "أغلق",
-  "Modal Window": "نافذة مشروطة",
-  "This is a modal window": "هذه نافذة مشروطة",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "يمكن غلق هذه النافذة المشروطة عن طريق الضغط على زر الخروج أو تفعيل زر الإغلاق",
-  ", opens captions settings dialog": ", تفتح نافذة  خيارات التعليقات",
-  ", opens subtitles settings dialog": ", تفتح نافذة  خيارات الترجمة",
-  ", selected": ", مختار"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/ar.json b/negromate/web/static/js/videojs/lang/ar.json
deleted file mode 100644
index 99fff44..0000000
--- a/negromate/web/static/js/videojs/lang/ar.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-  "Play": "تشغيل",
-  "Pause": "إيقاف",
-  "Current Time": "الوقت الحالي",
-  "Duration": "مدة",
-  "Remaining Time": "الوقت المتبقي",
-  "Stream Type": "نوع التيار",
-  "LIVE": "مباشر",
-  "Loaded": "تم التحميل",
-  "Progress": "التقدم",
-  "Fullscreen": "ملء الشاشة",
-  "Non-Fullscreen": "تعطيل ملء الشاشة",
-  "Mute": "صامت",
-  "Unmute": "غير الصامت",
-  "Playback Rate": "معدل التشغيل",
-  "Subtitles": "الترجمة",
-  "subtitles off": "إيقاف الترجمة",
-  "Captions": "التعليقات",
-  "captions off": "إيقاف التعليقات",
-  "Chapters": "فصول",
-  "You aborted the media playback": "لقد ألغيت تشغيل الفيديو",
-  "A network error caused the media download to fail part-way.": "تسبب خطأ في الشبكة بفشل تحميل الفيديو بالكامل.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "لا يمكن تحميل الفيديو بسبب فشل في الخادوم أو الشبكة ، أو فشل بسبب عدم إمكانية قراءة تنسيق الفيديو.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "تم إيقاف تشغيل الفيديو بسبب مشكلة فساد أو لأن الفيديو المستخدم يستخدم ميزات غير مدعومة من متصفحك.",
-  "No compatible source was found for this media.": "فشل العثور على أي مصدر متوافق مع هذا الفيديو.",
-  "Play Video": "تشغيل الفيديو",
-  "Close": "أغلق",
-  "Modal Window": "نافذة مشروطة",
-  "This is a modal window": "هذه نافذة مشروطة",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "يمكن غلق هذه النافذة المشروطة عن طريق الضغط على زر الخروج أو تفعيل زر الإغلاق",
-  ", opens captions settings dialog": ", تفتح نافذة  خيارات التعليقات",
-  ", opens subtitles settings dialog": ", تفتح نافذة  خيارات الترجمة",
-  ", selected": ", مختار"
-}
diff --git a/negromate/web/static/js/videojs/lang/ba.js b/negromate/web/static/js/videojs/lang/ba.js
deleted file mode 100644
index 0705eb4..0000000
--- a/negromate/web/static/js/videojs/lang/ba.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('ba', {
-  "Play": "Pusti",
-  "Pause": "Pauza",
-  "Current Time": "Trenutno vrijeme",
-  "Duration": "Vrijeme trajanja",
-  "Remaining Time": "Preostalo vrijeme",
-  "Stream Type": "Način strimovanja",
-  "LIVE": "UŽIVO",
-  "Loaded": "Učitan",
-  "Progress": "Progres",
-  "Fullscreen": "Puni ekran",
-  "Non-Fullscreen": "Mali ekran",
-  "Mute": "Prigušen",
-  "Unmute": "Ne-prigušen",
-  "Playback Rate": "Stopa reprodukcije",
-  "Subtitles": "Podnaslov",
-  "subtitles off": "Podnaslov deaktiviran",
-  "Captions": "Titlovi",
-  "captions off": "Titlovi deaktivirani",
-  "Chapters": "Poglavlja",
-  "You aborted the media playback": "Isključili ste reprodukciju videa.",
-  "A network error caused the media download to fail part-way.": "Video se prestao preuzimati zbog greške na mreži.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video se ne može reproducirati zbog servera, greške u mreži ili je format ne podržan.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Reprodukcija videa je zaustavljenja zbog greške u formatu ili zbog verzije vašeg pretraživača.",
-  "No compatible source was found for this media.": "Nije nađen nijedan kompatibilan izvor ovog videa."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/ba.json b/negromate/web/static/js/videojs/lang/ba.json
deleted file mode 100644
index 32e1763..0000000
--- a/negromate/web/static/js/videojs/lang/ba.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Pusti",
-  "Pause": "Pauza",
-  "Current Time": "Trenutno vrijeme",
-  "Duration": "Vrijeme trajanja",
-  "Remaining Time": "Preostalo vrijeme",
-  "Stream Type": "Način strimovanja",
-  "LIVE": "UŽIVO",
-  "Loaded": "Učitan",
-  "Progress": "Progres",
-  "Fullscreen": "Puni ekran",
-  "Non-Fullscreen": "Mali ekran",
-  "Mute": "Prigušen",
-  "Unmute": "Ne-prigušen",
-  "Playback Rate": "Stopa reprodukcije",
-  "Subtitles": "Podnaslov",
-  "subtitles off": "Podnaslov deaktiviran",
-  "Captions": "Titlovi",
-  "captions off": "Titlovi deaktivirani",
-  "Chapters": "Poglavlja",
-  "You aborted the media playback": "Isključili ste reprodukciju videa.",
-  "A network error caused the media download to fail part-way.": "Video se prestao preuzimati zbog greške na mreži.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video se ne može reproducirati zbog servera, greške u mreži ili je format ne podržan.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Reprodukcija videa je zaustavljenja zbog greške u formatu ili zbog verzije vašeg pretraživača.",
-  "No compatible source was found for this media.": "Nije nađen nijedan kompatibilan izvor ovog videa."
-}
diff --git a/negromate/web/static/js/videojs/lang/bg.js b/negromate/web/static/js/videojs/lang/bg.js
deleted file mode 100644
index 6285df2..0000000
--- a/negromate/web/static/js/videojs/lang/bg.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('bg', {
-  "Play": "Възпроизвеждане",
-  "Pause": "Пауза",
-  "Current Time": "Текущо време",
-  "Duration": "Продължителност",
-  "Remaining Time": "Оставащо време",
-  "Stream Type": "Тип на потока",
-  "LIVE": "НА ЖИВО",
-  "Loaded": "Заредено",
-  "Progress": "Прогрес",
-  "Fullscreen": "Цял екран",
-  "Non-Fullscreen": "Спиране на цял екран",
-  "Mute": "Без звук",
-  "Unmute": "Със звук",
-  "Playback Rate": "Скорост на възпроизвеждане",
-  "Subtitles": "Субтитри",
-  "subtitles off": "Спряни субтитри",
-  "Captions": "Аудио надписи",
-  "captions off": "Спряни аудио надписи",
-  "Chapters": "Глави",
-  "You aborted the media playback": "Спряхте възпроизвеждането на видеото",
-  "A network error caused the media download to fail part-way.": "Грешка в мрежата провали изтеглянето на видеото.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Видеото не може да бъде заредено заради проблем със сървъра или мрежата или защото този формат не е поддържан.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Възпроизвеждането на видеото беше прекъснато заради проблем с файла или защото видеото използва опции които браузърът Ви не поддържа.",
-  "No compatible source was found for this media.": "Не беше намерен съвместим източник за това видео."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/bg.json b/negromate/web/static/js/videojs/lang/bg.json
deleted file mode 100644
index 372e829..0000000
--- a/negromate/web/static/js/videojs/lang/bg.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Възпроизвеждане",
-  "Pause": "Пауза",
-  "Current Time": "Текущо време",
-  "Duration": "Продължителност",
-  "Remaining Time": "Оставащо време",
-  "Stream Type": "Тип на потока",
-  "LIVE": "НА ЖИВО",
-  "Loaded": "Заредено",
-  "Progress": "Прогрес",
-  "Fullscreen": "Цял екран",
-  "Non-Fullscreen": "Спиране на цял екран",
-  "Mute": "Без звук",
-  "Unmute": "Със звук",
-  "Playback Rate": "Скорост на възпроизвеждане",
-  "Subtitles": "Субтитри",
-  "subtitles off": "Спряни субтитри",
-  "Captions": "Аудио надписи",
-  "captions off": "Спряни аудио надписи",
-  "Chapters": "Глави",
-  "You aborted the media playback": "Спряхте възпроизвеждането на видеото",
-  "A network error caused the media download to fail part-way.": "Грешка в мрежата провали изтеглянето на видеото.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Видеото не може да бъде заредено заради проблем със сървъра или мрежата или защото този формат не е поддържан.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Възпроизвеждането на видеото беше прекъснато заради проблем с файла или защото видеото използва опции които браузърът Ви не поддържа.",
-  "No compatible source was found for this media.": "Не беше намерен съвместим източник за това видео."
-}
diff --git a/negromate/web/static/js/videojs/lang/ca.js b/negromate/web/static/js/videojs/lang/ca.js
deleted file mode 100644
index 1fcdab8..0000000
--- a/negromate/web/static/js/videojs/lang/ca.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('ca', {
-  "Play": "Reproducció",
-  "Pause": "Pausa",
-  "Current Time": "Temps reproduït",
-  "Duration": "Durada total",
-  "Remaining Time": "Temps restant",
-  "Stream Type": "Tipus de seqüència",
-  "LIVE": "EN DIRECTE",
-  "Loaded": "Carregat",
-  "Progress": "Progrés",
-  "Fullscreen": "Pantalla completa",
-  "Non-Fullscreen": "Pantalla no completa",
-  "Mute": "Silencia",
-  "Unmute": "Amb so",
-  "Playback Rate": "Velocitat de reproducció",
-  "Subtitles": "Subtítols",
-  "subtitles off": "Subtítols desactivats",
-  "Captions": "Llegendes",
-  "captions off": "Llegendes desactivades",
-  "Chapters": "Capítols",
-  "You aborted the media playback": "Heu interromput la reproducció del vídeo.",
-  "A network error caused the media download to fail part-way.": "Un error de la xarxa ha interromput la baixada del vídeo.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "No s'ha pogut carregar el vídeo perquè el servidor o la xarxa han fallat, o bé perquè el seu format no és compatible.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La reproducció de vídeo s'ha interrumput per un problema de corrupció de dades o bé perquè el vídeo demanava funcions que el vostre navegador no ofereix.",
-  "No compatible source was found for this media.": "No s'ha trobat cap font compatible amb el vídeo."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/ca.json b/negromate/web/static/js/videojs/lang/ca.json
deleted file mode 100644
index 8ef0c04..0000000
--- a/negromate/web/static/js/videojs/lang/ca.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Reproducció",
-  "Pause": "Pausa",
-  "Current Time": "Temps reproduït",
-  "Duration": "Durada total",
-  "Remaining Time": "Temps restant",
-  "Stream Type": "Tipus de seqüència",
-  "LIVE": "EN DIRECTE",
-  "Loaded": "Carregat",
-  "Progress": "Progrés",
-  "Fullscreen": "Pantalla completa",
-  "Non-Fullscreen": "Pantalla no completa",
-  "Mute": "Silencia",
-  "Unmute": "Amb so",
-  "Playback Rate": "Velocitat de reproducció",
-  "Subtitles": "Subtítols",
-  "subtitles off": "Subtítols desactivats",
-  "Captions": "Llegendes",
-  "captions off": "Llegendes desactivades",
-  "Chapters": "Capítols",
-  "You aborted the media playback": "Heu interromput la reproducció del vídeo.",
-  "A network error caused the media download to fail part-way.": "Un error de la xarxa ha interromput la baixada del vídeo.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "No s'ha pogut carregar el vídeo perquè el servidor o la xarxa han fallat, o bé perquè el seu format no és compatible.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La reproducció de vídeo s'ha interrumput per un problema de corrupció de dades o bé perquè el vídeo demanava funcions que el vostre navegador no ofereix.",
-  "No compatible source was found for this media.": "No s'ha trobat cap font compatible amb el vídeo."
-}
diff --git a/negromate/web/static/js/videojs/lang/cs.js b/negromate/web/static/js/videojs/lang/cs.js
deleted file mode 100644
index 7164e08..0000000
--- a/negromate/web/static/js/videojs/lang/cs.js
+++ /dev/null
@@ -1,85 +0,0 @@
-videojs.addLanguage('cs', {
-  "Audio Player": "Audio Přehravač",
-  "Video Player": "Video Přehravač",
-  "Play": "Přehrát",
-  "Pause": "Pauza",
-  "Replay": "Spustit znovu",
-  "Current Time": "Aktuální čas",
-  "Duration": "Doba trvání",
-  "Remaining Time": "Zbývající čas",
-  "Stream Type": "Typ streamu",
-  "LIVE": "ŽIVĚ",
-  "Loaded": "Načteno",
-  "Progress": "Stav",
-  "Progress Bar": "Ukazatel průběhu",
-  "progress bar timing: currentTime={1} duration={2}": "{1} z {2}",
-  "Fullscreen": "Celá obrazovka",
-  "Non-Fullscreen": "Běžné zobrazení",
-  "Mute": "Ztlumit zvuk",
-  "Unmute": "Zapnout zvuk",
-  "Playback Rate": "Rychlost přehrávání",
-  "Subtitles": "Titulky",
-  "subtitles off": "Bez titulků",
-  "Captions": "Popisky",
-  "captions off": "Popisky vypnuty",
-  "Chapters": "Kapitoly",
-  "Descriptions": "Popisy",
-  "descriptions off": "Bez popisů",
-  "Audio Track": "Zvuková stopa",
-  "Volume Level": "Hlasitost",
-  "You aborted the media playback": "Přehrávání videa bylo přerušeno.",
-  "A network error caused the media download to fail part-way.": "Video nemohlo být načteno kvůli chybě v síti.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video nemohlo být načteno, buď kvůli chybě serveru, sítě nebo proto, že daný formát není podporován.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Váš prohlížeč nepodporuje tento formát videa.",
-  "No compatible source was found for this media.": "Nevalidní zadaný zdroj videa.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Chyba při dešifrování videa.",
-  "Play Video": "Přehrát video",
-  "Close": "Zavřit",
-  "Close Modal Dialog": "Zavřít okno",
-  "Modal Window": "Modální okno",
-  "This is a modal window": "Toto je modální okno",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Toto okno se dá zavřít křížkem nebo klávesou Esc.",
-  ", opens captions settings dialog": ", otevřít okno pro nastavení popisků",
-  ", opens subtitles settings dialog": ", otevřít okno pro nastavení titulků",
-  ", opens descriptions settings dialog": ", otevře okno pro nastavení popisků pro nevidomé",
-  ", selected": ", vybráno",
-  "captions settings": "nastavení popisků",
-  "subtitles settings": "nastavení titulků",
-  "descriptions settings": "nastavení popisků pro nevidomé",
-  "Text": "Titulky",
-  "White": "Bílé",
-  "Black": "Černé",
-  "Red": "Červené",
-  "Green": "Zelené",
-  "Blue": "Modré",
-  "Yellow": "Žluté",
-  "Magenta": "Fialové",
-  "Cyan": "Azurové",
-  "Background": "Pozadí titulků",
-  "Window": "Okno",
-  "Transparent": "Průhledné",
-  "Semi-Transparent": "Poloprůhledné",
-  "Opaque": "Neprůhledné",
-  "Font Size": "Velikost písma",
-  "Text Edge Style": "Okraje písma",
-  "None": "Bez okraje",
-  "Raised": "Zvýšený",
-  "Depressed": "Propadlý",
-  "Uniform": "Rovnoměrný",
-  "Dropshadow": "Stínovaný",
-  "Font Family": "Rodina písma",
-  "Proportional Sans-Serif": "Proporcionální bezpatkové",
-  "Monospace Sans-Serif": "Monospace bezpatkové",
-  "Proportional Serif": "Proporcionální patkové",
-  "Monospace Serif": "Monospace patkové",
-  "Casual": "Hravé",
-  "Script": "Ručně psané",
-  "Small Caps": "Malé kapitálky",
-  "Reset": "Obnovit",
-  "restore all settings to the default values": "Vrátit nastavení do výchozího stavu",
-  "Done": "Hotovo",
-  "Caption Settings Dialog": "Okno s nastavením titulků",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Začátek dialogového okna. Klávesa Esc okno zavře.",
-  "End of dialog window.": "Konec dialogového okna.",
-  "{1} is loading.": "{1} se načítá."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/cs.json b/negromate/web/static/js/videojs/lang/cs.json
deleted file mode 100644
index 02d30cd..0000000
--- a/negromate/web/static/js/videojs/lang/cs.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-  "Audio Player": "Audio Přehravač",
-  "Video Player": "Video Přehravač",
-  "Play": "Přehrát",
-  "Pause": "Pauza",
-  "Replay": "Spustit znovu",
-  "Current Time": "Aktuální čas",
-  "Duration": "Doba trvání",
-  "Remaining Time": "Zbývající čas",
-  "Stream Type": "Typ streamu",
-  "LIVE": "ŽIVĚ",
-  "Loaded": "Načteno",
-  "Progress": "Stav",
-  "Progress Bar": "Ukazatel průběhu",
-  "progress bar timing: currentTime={1} duration={2}": "{1} z {2}",
-  "Fullscreen": "Celá obrazovka",
-  "Non-Fullscreen": "Běžné zobrazení",
-  "Mute": "Ztlumit zvuk",
-  "Unmute": "Zapnout zvuk",
-  "Playback Rate": "Rychlost přehrávání",
-  "Subtitles": "Titulky",
-  "subtitles off": "Bez titulků",
-  "Captions": "Popisky",
-  "captions off": "Popisky vypnuty",
-  "Chapters": "Kapitoly",
-  "Descriptions": "Popisy",
-  "descriptions off": "Bez popisů",
-  "Audio Track": "Zvuková stopa",
-  "Volume Level": "Hlasitost",
-  "You aborted the media playback": "Přehrávání videa bylo přerušeno.",
-  "A network error caused the media download to fail part-way.": "Video nemohlo být načteno kvůli chybě v síti.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video nemohlo být načteno, buď kvůli chybě serveru, sítě nebo proto, že daný formát není podporován.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Váš prohlížeč nepodporuje tento formát videa.",
-  "No compatible source was found for this media.": "Nevalidní zadaný zdroj videa.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Chyba při dešifrování videa.",
-  "Play Video": "Přehrát video",
-  "Close": "Zavřit",
-  "Close Modal Dialog": "Zavřít okno",
-  "Modal Window": "Modální okno",
-  "This is a modal window": "Toto je modální okno",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Toto okno se dá zavřít křížkem nebo klávesou Esc.",
-  ", opens captions settings dialog": ", otevřít okno pro nastavení popisků",
-  ", opens subtitles settings dialog": ", otevřít okno pro nastavení titulků",
-  ", opens descriptions settings dialog": ", otevře okno pro nastavení popisků pro nevidomé",
-  ", selected": ", vybráno",
-  "captions settings": "nastavení popisků",
-  "subtitles settings": "nastavení titulků",
-  "descriptions settings": "nastavení popisků pro nevidomé",
-  "Text": "Titulky",
-  "White": "Bílé",
-  "Black": "Černé",
-  "Red": "Červené",
-  "Green": "Zelené",
-  "Blue": "Modré",
-  "Yellow": "Žluté",
-  "Magenta": "Fialové",
-  "Cyan": "Azurové",
-  "Background": "Pozadí titulků",
-  "Window": "Okno",
-  "Transparent": "Průhledné",
-  "Semi-Transparent": "Poloprůhledné",
-  "Opaque": "Neprůhledné",
-  "Font Size": "Velikost písma",
-  "Text Edge Style": "Okraje písma",
-  "None": "Bez okraje",
-  "Raised": "Zvýšený",
-  "Depressed": "Propadlý",
-  "Uniform": "Rovnoměrný",
-  "Dropshadow": "Stínovaný",
-  "Font Family": "Rodina písma",
-  "Proportional Sans-Serif": "Proporcionální bezpatkové",
-  "Monospace Sans-Serif": "Monospace bezpatkové",
-  "Proportional Serif": "Proporcionální patkové",
-  "Monospace Serif": "Monospace patkové",
-  "Casual": "Hravé",
-  "Script": "Ručně psané",
-  "Small Caps": "Malé kapitálky",
-  "Reset": "Obnovit",
-  "restore all settings to the default values": "Vrátit nastavení do výchozího stavu",
-  "Done": "Hotovo",
-  "Caption Settings Dialog": "Okno s nastavením titulků",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Začátek dialogového okna. Klávesa Esc okno zavře.",
-  "End of dialog window.": "Konec dialogového okna.",
-  "{1} is loading.": "{1} se načítá."
-}
diff --git a/negromate/web/static/js/videojs/lang/cy.js b/negromate/web/static/js/videojs/lang/cy.js
deleted file mode 100644
index c33ca57..0000000
--- a/negromate/web/static/js/videojs/lang/cy.js
+++ /dev/null
@@ -1,85 +0,0 @@
-videojs.addLanguage('cy', {
-  "Audio Player": "Chwaraewr sain",
-  "Video Player": "Chwaraewr fideo",
-  "Play": "Chwarae",
-  "Pause": "Oedi",
-  "Replay": "Ailchwarae",
-  "Current Time": "Amser Cyfredol",
-  "Duration": "Parhad",
-  "Remaining Time": "Amser ar ôl",
-  "Stream Type": "Math o Ffrwd",
-  "LIVE": "YN FYW",
-  "Loaded": "Llwythwyd",
-  "Progress": "Cynnydd",
-  "Progress Bar": "Bar Cynnydd",
-  "progress bar timing: currentTime={1} duration={2}": "{1} o {2}",
-  "Fullscreen": "Sgrîn Lawn",
-  "Non-Fullscreen": "Ffenestr",
-  "Mute": "Pylu",
-  "Unmute": "Dad-bylu",
-  "Playback Rate": "Cyfradd Chwarae",
-  "Subtitles": "Isdeitlau",
-  "subtitles off": "Isdeitlau i ffwrdd",
-  "Captions": "Capsiynau",
-  "captions off": "Capsiynau i ffwrdd",
-  "Chapters": "Penodau",
-  "Descriptions": "Disgrifiadau",
-  "descriptions off": "disgrifiadau i ffwrdd",
-  "Audio Track": "Trac Sain",
-  "Volume Level": "Lefel Sain",
-  "You aborted the media playback": "Atalwyd y fideo gennych",
-  "A network error caused the media download to fail part-way.": "Mae gwall rhwydwaith wedi achosi methiant lawrlwytho.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Ni lwythodd y fideo, oherwydd methiant gweinydd neu rwydwaith, neu achos nid yw'r system yn cefnogi'r fformat.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Atalwyd y fideo oherwydd problem llygredd data neu oherwydd nid yw'ch porwr yn cefnogi nodweddion penodol o'r fideo.",
-  "No compatible source was found for this media.": "Nid oedd modd canfod ffynhonnell cytûn am y fideo hwn.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Mae'r fideo wedi ei amgryptio ac nid oes allweddion gennym.",
-  "Play Video": "Chwarae Fideo",
-  "Close": "Cau",
-  "Close Modal Dialog": "Cau Blwch Deialog Moddol",
-  "Modal Window": "Ffenestr Foddol",
-  "This is a modal window": "Mae hon yn ffenestr foddol",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Gallech chi gau'r ffenestr foddol hon trwy wasgu Escape neu glicio'r botwm cau.",
-  ", opens captions settings dialog": ", yn agor gosodiadau capsiynau",
-  ", opens subtitles settings dialog": ", yn agor gosodiadau isdeitlau",
-  ", opens descriptions settings dialog": ", yn agor gosodiadau disgrifiadau",
-  ", selected": ", detholwyd",
-  "captions settings": "gosodiadau capsiynau",
-  "subtitles settings": "gosodiadau isdeitlau",
-  "descriptions settings": "gosodiadau disgrifiadau",
-  "Text": "Testun",
-  "White": "Gwyn",
-  "Black": "Du",
-  "Red": "Coch",
-  "Green": "Gwyrdd",
-  "Blue": "Glas",
-  "Yellow": "Melyn",
-  "Magenta": "Piws",
-  "Cyan": "Cyan",
-  "Background": "Cefndir",
-  "Window": "Ffenestr",
-  "Transparent": "Tryloyw",
-  "Semi-Transparent": "Hanner-dryloyw",
-  "Opaque": "Di-draidd",
-  "Font Size": "Maint y Ffont",
-  "Text Edge Style": "Arddull Ymylon Testun",
-  "None": "Dim",
-  "Raised": "Uwch",
-  "Depressed": "Is",
-  "Uniform": "Unffurf",
-  "Dropshadow": "Cysgod cefn",
-  "Font Family": "Teulu y Ffont",
-  "Proportional Sans-Serif": "Heb-Seriff Cyfraneddol",
-  "Monospace Sans-Serif": "Heb-Seriff Unlled",
-  "Proportional Serif": "Seriff Gyfraneddol",
-  "Monospace Serif": "Seriff Unlled",
-  "Casual": "Llawysgrif",
-  "Script": "Sgript",
-  "Small Caps": "Prif Lythyrennau Bychain",
-  "Reset": "Ailosod",
-  "restore all settings to the default values": "Adfer yr holl osodiadau diofyn",
-  "Done": "Gorffenwyd",
-  "Caption Settings Dialog": "Blwch Gosodiadau Capsiynau",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Dechrau ffenestr deialog. Bydd Escape yn canslo a chau'r ffenestr.",
-  "End of dialog window.": "Diwedd ffenestr deialog.",
-  "{1} is loading.": "{1} yn llwytho."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/cy.json b/negromate/web/static/js/videojs/lang/cy.json
deleted file mode 100644
index f1e00a0..0000000
--- a/negromate/web/static/js/videojs/lang/cy.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-  "Audio Player":"Chwaraewr sain",
-  "Video Player":"Chwaraewr fideo",
-  "Play":"Chwarae",
-  "Pause":"Oedi",
-  "Replay":"Ailchwarae",
-  "Current Time":"Amser Cyfredol",
-  "Duration":"Parhad",
-  "Remaining Time":"Amser ar ôl",
-  "Stream Type":"Math o Ffrwd",
-  "LIVE":"YN FYW",
-  "Loaded":"Llwythwyd",
-  "Progress":"Cynnydd",
-  "Progress Bar":"Bar Cynnydd",
-  "progress bar timing: currentTime={1} duration={2}":"{1} o {2}",
-  "Fullscreen":"Sgrîn Lawn",
-  "Non-Fullscreen":"Ffenestr",
-  "Mute":"Pylu",
-  "Unmute":"Dad-bylu",
-  "Playback Rate":"Cyfradd Chwarae",
-  "Subtitles":"Isdeitlau",
-  "subtitles off":"Isdeitlau i ffwrdd",
-  "Captions":"Capsiynau",
-  "captions off":"Capsiynau i ffwrdd",
-  "Chapters":"Penodau",
-  "Descriptions":"Disgrifiadau",
-  "descriptions off":"disgrifiadau i ffwrdd",
-  "Audio Track":"Trac Sain",
-  "Volume Level":"Lefel Sain",
-  "You aborted the media playback":"Atalwyd y fideo gennych",
-  "A network error caused the media download to fail part-way.":"Mae gwall rhwydwaith wedi achosi methiant lawrlwytho.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.":"Ni lwythodd y fideo, oherwydd methiant gweinydd neu rwydwaith, neu achos nid yw'r system yn cefnogi'r fformat.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":"Atalwyd y fideo oherwydd problem llygredd data neu oherwydd nid yw'ch porwr yn cefnogi nodweddion penodol o'r fideo.",
-  "No compatible source was found for this media.":"Nid oedd modd canfod ffynhonnell cytûn am y fideo hwn.",
-  "The media is encrypted and we do not have the keys to decrypt it.":"Mae'r fideo wedi ei amgryptio ac nid oes allweddion gennym.",
-  "Play Video":"Chwarae Fideo",
-  "Close":"Cau",
-  "Close Modal Dialog":"Cau Blwch Deialog Moddol",
-  "Modal Window":"Ffenestr Foddol",
-  "This is a modal window":"Mae hon yn ffenestr foddol",
-  "This modal can be closed by pressing the Escape key or activating the close button.":"Gallech chi gau'r ffenestr foddol hon trwy wasgu Escape neu glicio'r botwm cau.",
-  ", opens captions settings dialog":", yn agor gosodiadau capsiynau",
-  ", opens subtitles settings dialog":", yn agor gosodiadau isdeitlau",
-  ", opens descriptions settings dialog":", yn agor gosodiadau disgrifiadau",
-  ", selected":", detholwyd",
-  "captions settings":"gosodiadau capsiynau",
-  "subtitles settings":"gosodiadau isdeitlau",
-  "descriptions settings":"gosodiadau disgrifiadau",
-  "Text":"Testun",
-  "White":"Gwyn",
-  "Black":"Du",
-  "Red":"Coch",
-  "Green":"Gwyrdd",
-  "Blue":"Glas",
-  "Yellow":"Melyn",
-  "Magenta":"Piws",
-  "Cyan":"Cyan",
-  "Background":"Cefndir",
-  "Window":"Ffenestr",
-  "Transparent":"Tryloyw",
-  "Semi-Transparent":"Hanner-dryloyw",
-  "Opaque":"Di-draidd",
-  "Font Size":"Maint y Ffont",
-  "Text Edge Style":"Arddull Ymylon Testun",
-  "None":"Dim",
-  "Raised":"Uwch",
-  "Depressed":"Is",
-  "Uniform":"Unffurf",
-  "Dropshadow":"Cysgod cefn",
-  "Font Family":"Teulu y Ffont",
-  "Proportional Sans-Serif":"Heb-Seriff Cyfraneddol",
-  "Monospace Sans-Serif":"Heb-Seriff Unlled",
-  "Proportional Serif":"Seriff Gyfraneddol",
-  "Monospace Serif":"Seriff Unlled",
-  "Casual":"Llawysgrif",
-  "Script":"Sgript",
-  "Small Caps":"Prif Lythyrennau Bychain",
-  "Reset":"Ailosod",
-  "restore all settings to the default values":"Adfer yr holl osodiadau diofyn",
-  "Done":"Gorffenwyd",
-  "Caption Settings Dialog":"Blwch Gosodiadau Capsiynau",
-  "Beginning of dialog window. Escape will cancel and close the window.":"Dechrau ffenestr deialog. Bydd Escape yn canslo a chau'r ffenestr.",
-  "End of dialog window.":"Diwedd ffenestr deialog.",
-  "{1} is loading.": "{1} yn llwytho."
-}
diff --git a/negromate/web/static/js/videojs/lang/da.js b/negromate/web/static/js/videojs/lang/da.js
deleted file mode 100644
index 9be95a9..0000000
--- a/negromate/web/static/js/videojs/lang/da.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('da', {
-  "Play": "Afspil",
-  "Pause": "Pause",
-  "Current Time": "Aktuel tid",
-  "Duration": "Varighed",
-  "Remaining Time": "Resterende tid",
-  "Stream Type": "Stream-type",
-  "LIVE": "LIVE",
-  "Loaded": "Indlæst",
-  "Progress": "Status",
-  "Fullscreen": "Fuldskærm",
-  "Non-Fullscreen": "Luk fuldskærm",
-  "Mute": "Uden lyd",
-  "Unmute": "Med lyd",
-  "Playback Rate": "Afspilningsrate",
-  "Subtitles": "Undertekster",
-  "subtitles off": "Uden undertekster",
-  "Captions": "Undertekster for hørehæmmede",
-  "captions off": "Uden undertekster for hørehæmmede",
-  "Chapters": "Kapitler",
-  "You aborted the media playback": "Du afbrød videoafspilningen.",
-  "A network error caused the media download to fail part-way.": "En netværksfejl fik download af videoen til at fejle.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Videoen kunne ikke indlæses, enten fordi serveren eller netværket fejlede, eller fordi formatet ikke er understøttet.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Videoafspilningen blev afbrudt på grund af ødelagte data eller fordi videoen benyttede faciliteter som din browser ikke understøtter.",
-  "No compatible source was found for this media.": "Fandt ikke en kompatibel kilde for denne media."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/da.json b/negromate/web/static/js/videojs/lang/da.json
deleted file mode 100644
index eeb298d..0000000
--- a/negromate/web/static/js/videojs/lang/da.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Afspil",
-  "Pause": "Pause",
-  "Current Time": "Aktuel tid",
-  "Duration": "Varighed",
-  "Remaining Time": "Resterende tid",
-  "Stream Type": "Stream-type",
-  "LIVE": "LIVE",
-  "Loaded": "Indlæst",
-  "Progress": "Status",
-  "Fullscreen": "Fuldskærm",
-  "Non-Fullscreen": "Luk fuldskærm",
-  "Mute": "Uden lyd",
-  "Unmute": "Med lyd",
-  "Playback Rate": "Afspilningsrate",
-  "Subtitles": "Undertekster",
-  "subtitles off": "Uden undertekster",
-  "Captions": "Undertekster for hørehæmmede",
-  "captions off": "Uden undertekster for hørehæmmede",
-  "Chapters": "Kapitler",
-  "You aborted the media playback": "Du afbrød videoafspilningen.",
-  "A network error caused the media download to fail part-way.": "En netværksfejl fik download af videoen til at fejle.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Videoen kunne ikke indlæses, enten fordi serveren eller netværket fejlede, eller fordi formatet ikke er understøttet.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Videoafspilningen blev afbrudt på grund af ødelagte data eller fordi videoen benyttede faciliteter som din browser ikke understøtter.",
-  "No compatible source was found for this media.": "Fandt ikke en kompatibel kilde for denne media."
-}
diff --git a/negromate/web/static/js/videojs/lang/de.js b/negromate/web/static/js/videojs/lang/de.js
deleted file mode 100644
index bb66a56..0000000
--- a/negromate/web/static/js/videojs/lang/de.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('de', {
-  "Play": "Wiedergabe",
-  "Pause": "Pause",
-  "Replay": "Erneut abspielen",
-  "Current Time": "Aktueller Zeitpunkt",
-  "Duration": "Dauer",
-  "Remaining Time": "Verbleibende Zeit",
-  "Stream Type": "Streamtyp",
-  "LIVE": "LIVE",
-  "Loaded": "Geladen",
-  "Progress": "Status",
-  "Fullscreen": "Vollbild",
-  "Non-Fullscreen": "Kein Vollbild",
-  "Mute": "Ton aus",
-  "Unmute": "Ton ein",
-  "Playback Rate": "Wiedergabegeschwindigkeit",
-  "Subtitles": "Untertitel",
-  "subtitles off": "Untertitel aus",
-  "Captions": "Untertitel",
-  "captions off": "Untertitel aus",
-  "Chapters": "Kapitel",
-  "You aborted the media playback": "Sie haben die Videowiedergabe abgebrochen.",
-  "A network error caused the media download to fail part-way.": "Der Videodownload ist aufgrund eines Netzwerkfehlers fehlgeschlagen.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Das Video konnte nicht geladen werden, da entweder ein Server- oder Netzwerkfehler auftrat oder das Format nicht unterstützt wird.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Die Videowiedergabe wurde entweder wegen eines Problems mit einem beschädigten Video oder wegen verwendeten Funktionen, die vom Browser nicht unterstützt werden, abgebrochen.",
-  "No compatible source was found for this media.": "Für dieses Video wurde keine kompatible Quelle gefunden.",
-  "Play Video": "Video abspielen",
-  "Close": "Schließen",
-  "Modal Window": "Modales Fenster",
-  "This is a modal window": "Dies ist ein modales Fenster",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Durch Drücken der Esc-Taste bzw. Betätigung der Schaltfläche \"Schließen\" wird dieses modale Fenster geschlossen.",
-  ", opens captions settings dialog": ", öffnet Einstellungen für Untertitel",
-  ", opens subtitles settings dialog": ", öffnet Einstellungen für Untertitel",
-  ", selected": ", ausgewählt",
-  "captions settings": "Untertiteleinstellungen",
-  "subtitles settings": "Untertiteleinstellungen",
-  "descriptions settings": "Einstellungen für Beschreibungen",
-  "Close Modal Dialog": "Modales Fenster schließen",
-  "Descriptions": "Beschreibungen",
-  "descriptions off": "Beschreibungen aus",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Die Entschlüsselungsschlüssel für den verschlüsselten Medieninhalt sind nicht verfügbar.",
-  ", opens descriptions settings dialog": ", öffnet Einstellungen für Beschreibungen",
-  "Audio Track": "Tonspur",
-  "Text": "Schrift",
-  "White": "Weiß",
-  "Black": "Schwarz",
-  "Red": "Rot",
-  "Green": "Grün",
-  "Blue": "Blau",
-  "Yellow": "Gelb",
-  "Magenta": "Magenta",
-  "Cyan": "Türkis",
-  "Background": "Hintergrund",
-  "Window": "Fenster",
-  "Transparent": "Durchsichtig",
-  "Semi-Transparent": "Halbdurchsichtig",
-  "Opaque": "Undurchsichtig",
-  "Font Size": "Schriftgröße",
-  "Text Edge Style": "Textkantenstil",
-  "None": "Kein",
-  "Raised": "Erhoben",
-  "Depressed": "Gedrückt",
-  "Uniform": "Uniform",
-  "Dropshadow": "Schlagschatten",
-  "Font Family": "Schriftfamilie",
-  "Proportional Sans-Serif": "Proportionale Sans-Serif",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Proportional Serif": "Proportionale Serif",
-  "Monospace Serif": "Monospace Serif",
-  "Casual": "Zwanglos",
-  "Script": "Schreibschrift",
-  "Small Caps": "Small-Caps",
-  "Reset": "Zurücksetzen",
-  "restore all settings to the default values": "Alle Einstellungen auf die Standardwerte zurücksetzen",
-  "Done": "Fertig",
-  "Caption Settings Dialog": "Einstellungsdialog für Untertitel",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Anfang des Dialogfensters. Esc bricht ab und schließt das Fenster.",
-  "End of dialog window.": "Ende des Dialogfensters.",
-  "Audio Player": "Audio-Player",
-  "Video Player": "Video-Player",
-  "Progress Bar": "Forschrittsbalken",
-  "progress bar timing: currentTime={1} duration={2}": "{1} von {2}",
-  "Volume Level": "Lautstärke",
-  "{1} is loading.": "{1} wird geladen.",
-  "Seek to live, currently behind live": "Zur Live-Übertragung wechseln. Aktuell wird es nicht live abgespielt.",
-  "Seek to live, currently playing live": "Zur Live-Übertragung wechseln. Es wird aktuell live abgespielt."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/de.json b/negromate/web/static/js/videojs/lang/de.json
deleted file mode 100644
index 1165a2f..0000000
--- a/negromate/web/static/js/videojs/lang/de.json
+++ /dev/null
@@ -1,88 +0,0 @@
-{
-  "Play": "Wiedergabe",
-  "Pause": "Pause",
-  "Replay": "Erneut abspielen",
-  "Current Time": "Aktueller Zeitpunkt",
-  "Duration": "Dauer",
-  "Remaining Time": "Verbleibende Zeit",
-  "Stream Type": "Streamtyp",
-  "LIVE": "LIVE",
-  "Loaded": "Geladen",
-  "Progress": "Status",
-  "Fullscreen": "Vollbild",
-  "Non-Fullscreen": "Kein Vollbild",
-  "Mute": "Ton aus",
-  "Unmute": "Ton ein",
-  "Playback Rate": "Wiedergabegeschwindigkeit",
-  "Subtitles": "Untertitel",
-  "subtitles off": "Untertitel aus",
-  "Captions": "Untertitel",
-  "captions off": "Untertitel aus",
-  "Chapters": "Kapitel",
-  "You aborted the media playback": "Sie haben die Videowiedergabe abgebrochen.",
-  "A network error caused the media download to fail part-way.": "Der Videodownload ist aufgrund eines Netzwerkfehlers fehlgeschlagen.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Das Video konnte nicht geladen werden, da entweder ein Server- oder Netzwerkfehler auftrat oder das Format nicht unterstützt wird.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Die Videowiedergabe wurde entweder wegen eines Problems mit einem beschädigten Video oder wegen verwendeten Funktionen, die vom Browser nicht unterstützt werden, abgebrochen.",
-  "No compatible source was found for this media.": "Für dieses Video wurde keine kompatible Quelle gefunden.",
-  "Play Video": "Video abspielen",
-  "Close": "Schließen",
-  "Modal Window": "Modales Fenster",
-  "This is a modal window": "Dies ist ein modales Fenster",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Durch Drücken der Esc-Taste bzw. Betätigung der Schaltfläche \"Schließen\" wird dieses modale Fenster geschlossen.",
-  ", opens captions settings dialog": ", öffnet Einstellungen für Untertitel",
-  ", opens subtitles settings dialog": ", öffnet Einstellungen für Untertitel",
-  ", selected": ", ausgewählt",
-  "captions settings": "Untertiteleinstellungen",
-  "subtitles settings": "Untertiteleinstellungen",
-  "descriptions settings": "Einstellungen für Beschreibungen",
-  "Close Modal Dialog": "Modales Fenster schließen",
-  "Descriptions": "Beschreibungen",
-  "descriptions off": "Beschreibungen aus",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Die Entschlüsselungsschlüssel für den verschlüsselten Medieninhalt sind nicht verfügbar.",
-  ", opens descriptions settings dialog": ", öffnet Einstellungen für Beschreibungen",
-  "Audio Track": "Tonspur",
-  "Text": "Schrift",
-  "White": "Weiß",
-  "Black": "Schwarz",
-  "Red": "Rot",
-  "Green": "Grün",
-  "Blue": "Blau",
-  "Yellow": "Gelb",
-  "Magenta": "Magenta",
-  "Cyan": "Türkis",
-  "Background": "Hintergrund",
-  "Window": "Fenster",
-  "Transparent": "Durchsichtig",
-  "Semi-Transparent": "Halbdurchsichtig",
-  "Opaque": "Undurchsichtig",
-  "Font Size": "Schriftgröße",
-  "Text Edge Style": "Textkantenstil",
-  "None": "Kein",
-  "Raised": "Erhoben",
-  "Depressed": "Gedrückt",
-  "Uniform": "Uniform",
-  "Dropshadow": "Schlagschatten",
-  "Font Family": "Schriftfamilie",
-  "Proportional Sans-Serif": "Proportionale Sans-Serif",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Proportional Serif": "Proportionale Serif",
-  "Monospace Serif": "Monospace Serif",
-  "Casual": "Zwanglos",
-  "Script": "Schreibschrift",
-  "Small Caps": "Small-Caps",
-  "Reset": "Zurücksetzen",
-  "restore all settings to the default values": "Alle Einstellungen auf die Standardwerte zurücksetzen",
-  "Done": "Fertig",
-  "Caption Settings Dialog": "Einstellungsdialog für Untertitel",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Anfang des Dialogfensters. Esc bricht ab und schließt das Fenster.",
-  "End of dialog window.": "Ende des Dialogfensters.",
-  "Audio Player": "Audio-Player",
-  "Video Player": "Video-Player",
-  "Progress Bar": "Forschrittsbalken",
-  "progress bar timing: currentTime={1} duration={2}": "{1} von {2}",
-  "Volume Level": "Lautstärke",
-  "{1} is loading.": "{1} wird geladen.",
-  "Seek to live, currently behind live": "Zur Live-Übertragung wechseln. Aktuell wird es nicht live abgespielt.",
-  "Seek to live, currently playing live": "Zur Live-Übertragung wechseln. Es wird aktuell live abgespielt."
-
-}
diff --git a/negromate/web/static/js/videojs/lang/el.js b/negromate/web/static/js/videojs/lang/el.js
deleted file mode 100644
index 795b430..0000000
--- a/negromate/web/static/js/videojs/lang/el.js
+++ /dev/null
@@ -1,40 +0,0 @@
-videojs.addLanguage('el', {
-  "Play": "Aναπαραγωγή",
-  "Pause": "Παύση",
-  "Current Time": "Τρέχων χρόνος",
-  "Duration": "Συνολικός χρόνος",
-  "Remaining Time": "Υπολοιπόμενος χρόνος",
-  "Stream Type": "Τύπος ροής",
-  "LIVE": "ΖΩΝΤΑΝΑ",
-  "Loaded": "Φόρτωση επιτυχής",
-  "Progress": "Πρόοδος",
-  "Fullscreen": "Πλήρης οθόνη",
-  "Non-Fullscreen": "Έξοδος από πλήρη οθόνη",
-  "Mute": "Σίγαση",
-  "Unmute": "Kατάργηση σίγασης",
-  "Playback Rate": "Ρυθμός αναπαραγωγής",
-  "Subtitles": "Υπότιτλοι",
-  "subtitles off": "απόκρυψη υπότιτλων",
-  "Captions": "Λεζάντες",
-  "captions off": "απόκρυψη λεζάντων",
-  "Chapters": "Κεφάλαια",
-  "Close Modal Dialog": "Κλείσιμο παραθύρου",
-  "Descriptions": "Περιγραφές",
-  "descriptions off": "απόκρυψη περιγραφών",
-  "Audio Track": "Ροή ήχου",
-  "You aborted the media playback": "Ακυρώσατε την αναπαραγωγή",
-  "A network error caused the media download to fail part-way.": "Ένα σφάλμα δικτύου προκάλεσε την αποτυχία μεταφόρτωσης του αρχείου προς αναπαραγωγή.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Το αρχείο προς αναπαραγωγή δεν ήταν δυνατό να φορτωθεί είτε γιατί υπήρξε σφάλμα στον διακομιστή ή το δίκτυο, είτε γιατί ο τύπος του αρχείου δεν υποστηρίζεται.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Η αναπαραγωγή ακυρώθηκε είτε λόγω κατεστραμμένου αρχείου, είτε γιατί το αρχείο απαιτεί λειτουργίες που δεν υποστηρίζονται από το πρόγραμμα περιήγησης που χρησιμοποιείτε.",
-  "No compatible source was found for this media.": "Δεν βρέθηκε συμβατή πηγή αναπαραγωγής για το συγκεκριμένο αρχείο.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Το αρχείο προς αναπαραγωγή είναι κρυπτογραφημένo και δεν υπάρχουν τα απαραίτητα κλειδιά αποκρυπτογράφησης.",
-  "Play Video": "Αναπαραγωγή βίντεο",
-  "Close": "Κλείσιμο",
-  "Modal Window": "Aναδυόμενο παράθυρο",
-  "This is a modal window": "Το παρών είναι ένα αναδυόμενο παράθυρο",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Αυτό το παράθυρο μπορεί να εξαφανιστεί πατώντας το πλήκτρο Escape ή πατώντας το κουμπί κλεισίματος.",
-  ", opens captions settings dialog": ", εμφανίζει τις ρυθμίσεις για τις λεζάντες",
-  ", opens subtitles settings dialog": ", εμφανίζει τις ρυθμίσεις για τους υπότιτλους",
-  ", opens descriptions settings dialog": ", εμφανίζει τις ρυθμίσεις για τις περιγραφές",
-  ", selected": ", επιλεγμένο"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/el.json b/negromate/web/static/js/videojs/lang/el.json
deleted file mode 100644
index 16b48b8..0000000
--- a/negromate/web/static/js/videojs/lang/el.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-  "Play": "Aναπαραγωγή",
-  "Pause": "Παύση",
-  "Current Time": "Τρέχων χρόνος",
-  "Duration": "Συνολικός χρόνος",
-  "Remaining Time": "Υπολοιπόμενος χρόνος",
-  "Stream Type": "Τύπος ροής",
-  "LIVE": "ΖΩΝΤΑΝΑ",
-  "Loaded": "Φόρτωση επιτυχής",
-  "Progress": "Πρόοδος",
-  "Fullscreen": "Πλήρης οθόνη",
-  "Non-Fullscreen": "Έξοδος από πλήρη οθόνη",
-  "Mute": "Σίγαση",
-  "Unmute": "Kατάργηση σίγασης",
-  "Playback Rate": "Ρυθμός αναπαραγωγής",
-  "Subtitles": "Υπότιτλοι",
-  "subtitles off": "απόκρυψη υπότιτλων",
-  "Captions": "Λεζάντες",
-  "captions off": "απόκρυψη λεζάντων",
-  "Chapters": "Κεφάλαια",
-  "Close Modal Dialog": "Κλείσιμο παραθύρου",
-  "Descriptions": "Περιγραφές",
-  "descriptions off": "απόκρυψη περιγραφών",
-  "Audio Track": "Ροή ήχου",
-  "You aborted the media playback": "Ακυρώσατε την αναπαραγωγή",
-  "A network error caused the media download to fail part-way.": "Ένα σφάλμα δικτύου προκάλεσε την αποτυχία μεταφόρτωσης του αρχείου προς αναπαραγωγή.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Το αρχείο προς αναπαραγωγή δεν ήταν δυνατό να φορτωθεί είτε γιατί υπήρξε σφάλμα στον διακομιστή ή το δίκτυο, είτε γιατί ο τύπος του αρχείου δεν υποστηρίζεται.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Η αναπαραγωγή ακυρώθηκε είτε λόγω κατεστραμμένου αρχείου, είτε γιατί το αρχείο απαιτεί λειτουργίες που δεν υποστηρίζονται από το πρόγραμμα περιήγησης που χρησιμοποιείτε.",
-  "No compatible source was found for this media.": "Δεν βρέθηκε συμβατή πηγή αναπαραγωγής για το συγκεκριμένο αρχείο.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Το αρχείο προς αναπαραγωγή είναι κρυπτογραφημένo και δεν υπάρχουν τα απαραίτητα κλειδιά αποκρυπτογράφησης.",
-  "Play Video": "Αναπαραγωγή βίντεο",
-  "Close": "Κλείσιμο",
-  "Modal Window": "Aναδυόμενο παράθυρο",
-  "This is a modal window": "Το παρών είναι ένα αναδυόμενο παράθυρο",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Αυτό το παράθυρο μπορεί να εξαφανιστεί πατώντας το πλήκτρο Escape ή πατώντας το κουμπί κλεισίματος.",
-  ", opens captions settings dialog": ", εμφανίζει τις ρυθμίσεις για τις λεζάντες",
-  ", opens subtitles settings dialog": ", εμφανίζει τις ρυθμίσεις για τους υπότιτλους",
-  ", opens descriptions settings dialog": ", εμφανίζει τις ρυθμίσεις για τις περιγραφές",
-  ", selected": ", επιλεγμένο"
-}
diff --git a/negromate/web/static/js/videojs/lang/en.js b/negromate/web/static/js/videojs/lang/en.js
deleted file mode 100644
index b076e60..0000000
--- a/negromate/web/static/js/videojs/lang/en.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('en', {
-  "Audio Player": "Audio Player",
-  "Video Player": "Video Player",
-  "Play": "Play",
-  "Pause": "Pause",
-  "Replay": "Replay",
-  "Current Time": "Current Time",
-  "Duration": "Duration",
-  "Remaining Time": "Remaining Time",
-  "Stream Type": "Stream Type",
-  "LIVE": "LIVE",
-  "Seek to live, currently behind live": "Seek to live, currently behind live",
-  "Seek to live, currently playing live": "Seek to live, currently playing live",
-  "Loaded": "Loaded",
-  "Progress": "Progress",
-  "Progress Bar": "Progress Bar",
-  "progress bar timing: currentTime={1} duration={2}": "{1} of {2}",
-  "Fullscreen": "Fullscreen",
-  "Non-Fullscreen": "Non-Fullscreen",
-  "Mute": "Mute",
-  "Unmute": "Unmute",
-  "Playback Rate": "Playback Rate",
-  "Subtitles": "Subtitles",
-  "subtitles off": "subtitles off",
-  "Captions": "Captions",
-  "captions off": "captions off",
-  "Chapters": "Chapters",
-  "Descriptions": "Descriptions",
-  "descriptions off": "descriptions off",
-  "Audio Track": "Audio Track",
-  "Volume Level": "Volume Level",
-  "You aborted the media playback": "You aborted the media playback",
-  "A network error caused the media download to fail part-way.": "A network error caused the media download to fail part-way.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "The media could not be loaded, either because the server or network failed or because the format is not supported.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",
-  "No compatible source was found for this media.": "No compatible source was found for this media.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "The media is encrypted and we do not have the keys to decrypt it.",
-  "Play Video": "Play Video",
-  "Close": "Close",
-  "Close Modal Dialog": "Close Modal Dialog",
-  "Modal Window": "Modal Window",
-  "This is a modal window": "This is a modal window",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "This modal can be closed by pressing the Escape key or activating the close button.",
-  ", opens captions settings dialog": ", opens captions settings dialog",
-  ", opens subtitles settings dialog": ", opens subtitles settings dialog",
-  ", opens descriptions settings dialog": ", opens descriptions settings dialog",
-  ", selected": ", selected",
-  "captions settings": "captions settings",
-  "subtitles settings": "subititles settings",
-  "descriptions settings": "descriptions settings",
-  "Text": "Text",
-  "White": "White",
-  "Black": "Black",
-  "Red": "Red",
-  "Green": "Green",
-  "Blue": "Blue",
-  "Yellow": "Yellow",
-  "Magenta": "Magenta",
-  "Cyan": "Cyan",
-  "Background": "Background",
-  "Window": "Window",
-  "Transparent": "Transparent",
-  "Semi-Transparent": "Semi-Transparent",
-  "Opaque": "Opaque",
-  "Font Size": "Font Size",
-  "Text Edge Style": "Text Edge Style",
-  "None": "None",
-  "Raised": "Raised",
-  "Depressed": "Depressed",
-  "Uniform": "Uniform",
-  "Dropshadow": "Dropshadow",
-  "Font Family": "Font Family",
-  "Proportional Sans-Serif": "Proportional Sans-Serif",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Proportional Serif": "Proportional Serif",
-  "Monospace Serif": "Monospace Serif",
-  "Casual": "Casual",
-  "Script": "Script",
-  "Small Caps": "Small Caps",
-  "Reset": "Reset",
-  "restore all settings to the default values": "restore all settings to the default values",
-  "Done": "Done",
-  "Caption Settings Dialog": "Caption Settings Dialog",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Beginning of dialog window. Escape will cancel and close the window.",
-  "End of dialog window.": "End of dialog window.",
-  "{1} is loading.": "{1} is loading."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/en.json b/negromate/web/static/js/videojs/lang/en.json
deleted file mode 100644
index 3724b52..0000000
--- a/negromate/web/static/js/videojs/lang/en.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Audio Player": "Audio Player",
-  "Video Player": "Video Player",
-  "Play": "Play",
-  "Pause": "Pause",
-  "Replay": "Replay",
-  "Current Time": "Current Time",
-  "Duration": "Duration",
-  "Remaining Time": "Remaining Time",
-  "Stream Type": "Stream Type",
-  "LIVE": "LIVE",
-  "Seek to live, currently behind live": "Seek to live, currently behind live",
-  "Seek to live, currently playing live": "Seek to live, currently playing live",
-  "Loaded": "Loaded",
-  "Progress": "Progress",
-  "Progress Bar": "Progress Bar",
-  "progress bar timing: currentTime={1} duration={2}": "{1} of {2}",
-  "Fullscreen": "Fullscreen",
-  "Non-Fullscreen": "Non-Fullscreen",
-  "Mute": "Mute",
-  "Unmute": "Unmute",
-  "Playback Rate": "Playback Rate",
-  "Subtitles": "Subtitles",
-  "subtitles off": "subtitles off",
-  "Captions": "Captions",
-  "captions off": "captions off",
-  "Chapters": "Chapters",
-  "Descriptions": "Descriptions",
-  "descriptions off": "descriptions off",
-  "Audio Track": "Audio Track",
-  "Volume Level": "Volume Level",
-  "You aborted the media playback": "You aborted the media playback",
-  "A network error caused the media download to fail part-way.": "A network error caused the media download to fail part-way.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "The media could not be loaded, either because the server or network failed or because the format is not supported.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",
-  "No compatible source was found for this media.": "No compatible source was found for this media.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "The media is encrypted and we do not have the keys to decrypt it.",
-  "Play Video": "Play Video",
-  "Close": "Close",
-  "Close Modal Dialog": "Close Modal Dialog",
-  "Modal Window": "Modal Window",
-  "This is a modal window": "This is a modal window",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "This modal can be closed by pressing the Escape key or activating the close button.",
-  ", opens captions settings dialog": ", opens captions settings dialog",
-  ", opens subtitles settings dialog": ", opens subtitles settings dialog",
-  ", opens descriptions settings dialog": ", opens descriptions settings dialog",
-  ", selected": ", selected",
-  "captions settings": "captions settings",
-  "subtitles settings": "subititles settings",
-  "descriptions settings": "descriptions settings",
-  "Text": "Text",
-  "White": "White",
-  "Black": "Black",
-  "Red": "Red",
-  "Green": "Green",
-  "Blue": "Blue",
-  "Yellow": "Yellow",
-  "Magenta": "Magenta",
-  "Cyan": "Cyan",
-  "Background": "Background",
-  "Window": "Window",
-  "Transparent": "Transparent",
-  "Semi-Transparent": "Semi-Transparent",
-  "Opaque": "Opaque",
-  "Font Size": "Font Size",
-  "Text Edge Style": "Text Edge Style",
-  "None": "None",
-  "Raised": "Raised",
-  "Depressed": "Depressed",
-  "Uniform": "Uniform",
-  "Dropshadow": "Dropshadow",
-  "Font Family": "Font Family",
-  "Proportional Sans-Serif": "Proportional Sans-Serif",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Proportional Serif": "Proportional Serif",
-  "Monospace Serif": "Monospace Serif",
-  "Casual": "Casual",
-  "Script": "Script",
-  "Small Caps": "Small Caps",
-  "Reset": "Reset",
-  "restore all settings to the default values": "restore all settings to the default values",
-  "Done": "Done",
-  "Caption Settings Dialog": "Caption Settings Dialog",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Beginning of dialog window. Escape will cancel and close the window.",
-  "End of dialog window.": "End of dialog window.",
-  "{1} is loading.": "{1} is loading."
-}
diff --git a/negromate/web/static/js/videojs/lang/es.js b/negromate/web/static/js/videojs/lang/es.js
deleted file mode 100644
index 4289fab..0000000
--- a/negromate/web/static/js/videojs/lang/es.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('es', {
-  "Play": "Reproducir",
-  "Play Video": "Reproducir Vídeo",
-  "Pause": "Pausa",
-  "Current Time": "Tiempo reproducido",
-  "Duration": "Duración total",
-  "Remaining Time": "Tiempo restante",
-  "Stream Type": "Tipo de secuencia",
-  "LIVE": "DIRECTO",
-  "Loaded": "Cargado",
-  "Progress": "Progreso",
-  "Fullscreen": "Pantalla completa",
-  "Non-Fullscreen": "Pantalla no completa",
-  "Mute": "Silenciar",
-  "Unmute": "No silenciado",
-  "Playback Rate": "Velocidad de reproducción",
-  "Subtitles": "Subtítulos",
-  "subtitles off": "Subtítulos desactivados",
-  "Captions": "Subtítulos especiales",
-  "captions off": "Subtítulos especiales desactivados",
-  "Chapters": "Capítulos",
-  "You aborted the media playback": "Ha interrumpido la reproducción del vídeo.",
-  "A network error caused the media download to fail part-way.": "Un error de red ha interrumpido la descarga del vídeo.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "No se ha podido cargar el vídeo debido a un fallo de red o del servidor o porque el formato es incompatible.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La reproducción de vídeo se ha interrumpido por un problema de corrupción de datos o porque el vídeo precisa funciones que su navegador no ofrece.",
-  "No compatible source was found for this media.": "No se ha encontrado ninguna fuente compatible con este vídeo.",
-  "Audio Player": "Reproductor de audio",
-  "Video Player": "Reproductor de video",
-  "Replay": "Volver a reproducir",
-  "Seek to live, currently behind live": "Buscar en vivo, actualmente demorado con respecto a la transmisión en vivo",
-  "Seek to live, currently playing live": "Buscar en vivo, actualmente reproduciendo en vivo",
-  "Progress Bar": "Barra de progreso",
-  "progress bar timing: currentTime={1} duration={2}": "{1} de {2}",
-  "Descriptions": "Descripciones",
-  "descriptions off": "descripciones desactivadas",
-  "Audio Track": "Pista de audio",
-  "Volume Level": "Nivel de volumen",
-  "The media is encrypted and we do not have the keys to decrypt it.": "El material audiovisual está cifrado y no tenemos las claves para descifrarlo.",
-  "Close": "Cerrar",
-  "Modal Window": "Ventana modal",
-  "This is a modal window": "Esta es una ventana modal",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Esta ventana modal puede cerrarse presionando la tecla Escape o activando el botón de cierre.",
-  ", opens captions settings dialog": ", abre el diálogo de configuración de leyendas",
-  ", opens subtitles settings dialog": ", abre el diálogo de configuración de subtítulos",
-  ", selected": ", seleccionado",
-  "Close Modal Dialog": "Cierra cuadro de diálogo modal",
-  ", opens descriptions settings dialog": ", abre el diálogo de configuración de las descripciones",
-  "captions settings": "configuración de leyendas",
-  "subtitles settings": "configuración de subtítulos",
-  "descriptions settings": "configuración de descripciones",
-  "Text": "Texto",
-  "White": "Blanco",
-  "Black": "Negro",
-  "Red": "Rojo",
-  "Green": "Verde",
-  "Blue": "Azul",
-  "Yellow": "Amarillo",
-  "Magenta": "Magenta",
-  "Cyan": "Cian",
-  "Background": "Fondo",
-  "Window": "Ventana",
-  "Transparent": "Transparente",
-  "Semi-Transparent": "Semitransparente",
-  "Opaque": "Opaca",
-  "Font Size": "Tamaño de fuente",
-  "Text Edge Style": "Estilo de borde del texto",
-  "None": "Ninguno",
-  "Raised": "En relieve",
-  "Depressed": "Hundido",
-  "Uniform": "Uniforme",
-  "Dropshadow": "Sombra paralela",
-  "Font Family": "Familia de fuente",
-  "Proportional Sans-Serif": "Sans-Serif proporcional",
-  "Monospace Sans-Serif": "Sans-Serif monoespacio",
-  "Proportional Serif": "Serif proporcional",
-  "Monospace Serif": "Serif monoespacio",
-  "Casual": "Informal",
-  "Script": "Cursiva",
-  "Small Caps": "Minúsculas",
-  "Reset": "Restablecer",
-  "restore all settings to the default values": "restablece todas las configuraciones a los valores predeterminados",
-  "Done": "Listo",
-  "Caption Settings Dialog": "Diálogo de configuración de leyendas",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Comienzo de la ventana de diálogo. La tecla Escape cancelará la operación y cerrará la ventana.",
-  "End of dialog window.": "Final de la ventana de diálogo.",
-  "{1} is loading.": "{1} se está cargando."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/es.json b/negromate/web/static/js/videojs/lang/es.json
deleted file mode 100644
index 75d331a..0000000
--- a/negromate/web/static/js/videojs/lang/es.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Play": "Reproducir",
-  "Play Video": "Reproducir Vídeo",
-  "Pause": "Pausa",
-  "Current Time": "Tiempo reproducido",
-  "Duration": "Duración total",
-  "Remaining Time": "Tiempo restante",
-  "Stream Type": "Tipo de secuencia",
-  "LIVE": "DIRECTO",
-  "Loaded": "Cargado",
-  "Progress": "Progreso",
-  "Fullscreen": "Pantalla completa",
-  "Non-Fullscreen": "Pantalla no completa",
-  "Mute": "Silenciar",
-  "Unmute": "No silenciado",
-  "Playback Rate": "Velocidad de reproducción",
-  "Subtitles": "Subtítulos",
-  "subtitles off": "Subtítulos desactivados",
-  "Captions": "Subtítulos especiales",
-  "captions off": "Subtítulos especiales desactivados",
-  "Chapters": "Capítulos",
-  "You aborted the media playback": "Ha interrumpido la reproducción del vídeo.",
-  "A network error caused the media download to fail part-way.": "Un error de red ha interrumpido la descarga del vídeo.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "No se ha podido cargar el vídeo debido a un fallo de red o del servidor o porque el formato es incompatible.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La reproducción de vídeo se ha interrumpido por un problema de corrupción de datos o porque el vídeo precisa funciones que su navegador no ofrece.",
-  "No compatible source was found for this media.": "No se ha encontrado ninguna fuente compatible con este vídeo.",
-  "Audio Player": "Reproductor de audio",
-  "Video Player": "Reproductor de video",
-  "Replay": "Volver a reproducir",
-  "Seek to live, currently behind live": "Buscar en vivo, actualmente demorado con respecto a la transmisión en vivo",
-  "Seek to live, currently playing live": "Buscar en vivo, actualmente reproduciendo en vivo",
-  "Progress Bar": "Barra de progreso",
-  "progress bar timing: currentTime={1} duration={2}": "{1} de {2}",
-  "Descriptions": "Descripciones",
-  "descriptions off": "descripciones desactivadas",
-  "Audio Track": "Pista de audio",
-  "Volume Level": "Nivel de volumen",
-  "The media is encrypted and we do not have the keys to decrypt it.": "El material audiovisual está cifrado y no tenemos las claves para descifrarlo.",
-  "Close": "Cerrar",
-  "Modal Window": "Ventana modal",
-  "This is a modal window": "Esta es una ventana modal",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Esta ventana modal puede cerrarse presionando la tecla Escape o activando el botón de cierre.",
-  ", opens captions settings dialog": ", abre el diálogo de configuración de leyendas",
-  ", opens subtitles settings dialog": ", abre el diálogo de configuración de subtítulos",
-  ", selected": ", seleccionado",
-  "Close Modal Dialog": "Cierra cuadro de diálogo modal",
-  ", opens descriptions settings dialog": ", abre el diálogo de configuración de las descripciones",
-  "captions settings": "configuración de leyendas",
-  "subtitles settings": "configuración de subtítulos",
-  "descriptions settings": "configuración de descripciones",
-  "Text": "Texto",
-  "White": "Blanco",
-  "Black": "Negro",
-  "Red": "Rojo",
-  "Green": "Verde",
-  "Blue": "Azul",
-  "Yellow": "Amarillo",
-  "Magenta": "Magenta",
-  "Cyan": "Cian",
-  "Background": "Fondo",
-  "Window": "Ventana",
-  "Transparent": "Transparente",
-  "Semi-Transparent": "Semitransparente",
-  "Opaque": "Opaca",
-  "Font Size": "Tamaño de fuente",
-  "Text Edge Style": "Estilo de borde del texto",
-  "None": "Ninguno",
-  "Raised": "En relieve",
-  "Depressed": "Hundido",
-  "Uniform": "Uniforme",
-  "Dropshadow": "Sombra paralela",
-  "Font Family": "Familia de fuente",
-  "Proportional Sans-Serif": "Sans-Serif proporcional",
-  "Monospace Sans-Serif": "Sans-Serif monoespacio",
-  "Proportional Serif": "Serif proporcional",
-  "Monospace Serif": "Serif monoespacio",
-  "Casual": "Informal",
-  "Script": "Cursiva",
-  "Small Caps": "Minúsculas",
-  "Reset": "Restablecer",
-  "restore all settings to the default values": "restablece todas las configuraciones a los valores predeterminados",
-  "Done": "Listo",
-  "Caption Settings Dialog": "Diálogo de configuración de leyendas",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Comienzo de la ventana de diálogo. La tecla Escape cancelará la operación y cerrará la ventana.",
-  "End of dialog window.": "Final de la ventana de diálogo.",
-  "{1} is loading.": "{1} se está cargando."
-}
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/fa.js b/negromate/web/static/js/videojs/lang/fa.js
deleted file mode 100644
index 9e666f4..0000000
--- a/negromate/web/static/js/videojs/lang/fa.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage('fa', {
-  "Audio Player": "پخش کننده صوتی",
-  "Video Player": "پخش کننده ویدیو",
-  "Play": "پخش",
-  "Pause": "مکث",
-  "Replay": "بازپخش",
-  "Current Time": "زمان کنونی",
-  "Duration": "مدت زمان",
-  "Remaining Time": "زمان باقیمانده",
-  "Stream Type": "نوع استریم",
-  "LIVE": "زنده",
-  "Loaded": "بارگیری شده",
-  "Progress": "پیشرفت",
-  "Progress Bar": "نوار پیشرفت",
-  "progress bar timing: currentTime={1} duration={2}": "{1} از {2}",
-  "Fullscreen": "تمام‌صفحه",
-  "Non-Fullscreen": "غیر تمام‌صفحه",
-  "Mute": "بی صدا",
-  "Unmute": "صدا دار",
-  "Playback Rate": "سرعت پخش",
-  "Subtitles": "زیرنویس",
-  "subtitles off": "بدون زیرنویس",
-  "Captions": "زیرتوضیح",
-  "captions off": "بدون زیرتوضیح",
-  "Chapters": "قسمت‌ها",
-  "Descriptions": "توصیف",
-  "descriptions off": "بدون توصیف",
-  "Audio Track": "صوت",
-  "Volume Level": "میزان صدا",
-  "You aborted the media playback": "شما پخش را قطع کردید.",
-  "A network error caused the media download to fail part-way.": "خطای شبکه باعث عدم بارگیری بخشی از رسانه شد.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": ".رسانه قابل بارگیری نیست.   علت آن ممکن است خطا در اتصال یا عدم پشتیبانی از فرمت باشد",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "پخش  رسانه به علت اشکال در آن یا عدم پشتیبانی مرورگر شما قطع شد.",
-  "No compatible source was found for this media.": "هیچ منبع سازگاری، برای این رسانه پیدا نشد.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "این رسانه رمزنگاری شده است و ما کلید رمزگشایی آن را نداریم.",
-  "Play Video": "پخش ویدیو",
-  "Close": "بستن",
-  "Close Modal Dialog": "بستن پنجره مودال",
-  "Modal Window": "پنجره مودال",
-  "This is a modal window": "این پنجره مودال",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "این پنجره با دکمه اسکیپ با دکمه بستن قابل بسته شدن میباشد.",
-  ", opens captions settings dialog": ", تنظیمات زیرتوضیح را باز میکند",
-  ", opens subtitles settings dialog": ", تنظیمات زیرنویس را باز میکند",
-  ", opens descriptions settings dialog": ", تنظیمات توصیفات را باز میکند",
-  ", selected": ", انتخاب شده",
-  "captions settings": "تنظیمات زیرتوضیح",
-  "subtitles settings": "تنظیمات زیرنویس",
-  "descriptions settings": "تنظیمات توصیفات",
-  "Text": "متن",
-  "White": "سفید",
-  "Black": "سیاه",
-  "Red": "قرمز",
-  "Green": "سبز",
-  "Blue": "آبی",
-  "Yellow": "زرد",
-  "Magenta": "ارغوانی",
-  "Cyan": "سبزآبی",
-  "Background": "زمینه",
-  "Window": "پنجره",
-  "Transparent": "شفاف",
-  "Semi-Transparent": "نیمه شفاف",
-  "Opaque": "مات",
-  "Font Size": "اندازه فونت",
-  "Text Edge Style": "سبک لبه متن",
-  "None": "هیچ",
-  "Raised": "برآمده",
-  "Depressed": "فرورفته",
-  "Uniform": "یکنواخت",
-  "Dropshadow": "سایه دار",
-  "Font Family": "نوع فونت",
-  "Proportional Sans-Serif": "سنس-سریف متناسب",
-  "Monospace Sans-Serif": "سنس-سریف هم اندازه",
-  "Proportional Serif": "سریف متناسب",
-  "Monospace Serif": "سریف هم اندازه",
-  "Casual": "فانتزی",
-  "Script": "دست خط",
-  "Small Caps": "حروف کوچک به بزرگ",
-  "Reset": "باز نشاندن",
-  "restore all settings to the default values": "بازیابی همه تنظیمات به حالت اولیه",
-  "Done": "تکمیل",
-  "Caption Settings Dialog": "پنجره تنظیمات عناوین",
-  "Beginning of dialog window. Escape will cancel and close the window.": "ابتدای پنجره محاوره‌ای. دکمه اسکیپ پنجره را لغو میکند و میبندد.",
-  "End of dialog window.": "انتهای پنجره محاوره‌ای."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/fa.json b/negromate/web/static/js/videojs/lang/fa.json
deleted file mode 100644
index e2c366b..0000000
--- a/negromate/web/static/js/videojs/lang/fa.json
+++ /dev/null
@@ -1,84 +0,0 @@
-{
-  "Audio Player": "پخش کننده صوتی",
-  "Video Player": "پخش کننده ویدیو",
-  "Play": "پخش",
-  "Pause": "مکث",
-  "Replay": "بازپخش",
-  "Current Time": "زمان کنونی",
-  "Duration": "مدت زمان",
-  "Remaining Time": "زمان باقیمانده",
-  "Stream Type": "نوع استریم",
-  "LIVE": "زنده",
-  "Loaded": "بارگیری شده",
-  "Progress": "پیشرفت",
-  "Progress Bar": "نوار پیشرفت",
-  "progress bar timing: currentTime={1} duration={2}": "{1} از {2}",
-  "Fullscreen": "تمام‌صفحه",
-  "Non-Fullscreen": "غیر تمام‌صفحه",
-  "Mute": "بی صدا",
-  "Unmute": "صدا دار",
-  "Playback Rate": "سرعت پخش",
-  "Subtitles": "زیرنویس",
-  "subtitles off": "بدون زیرنویس",
-  "Captions": "زیرتوضیح",
-  "captions off": "بدون زیرتوضیح",
-  "Chapters": "قسمت‌ها",
-  "Descriptions": "توصیف",
-  "descriptions off": "بدون توصیف",
-  "Audio Track": "صوت",
-  "Volume Level": "میزان صدا",
-  "You aborted the media playback": "شما پخش را قطع کردید.",
-  "A network error caused the media download to fail part-way.": "خطای شبکه باعث عدم بارگیری بخشی از رسانه شد.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": ".رسانه قابل بارگیری نیست.   علت آن ممکن است خطا در اتصال یا عدم پشتیبانی از فرمت باشد",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "پخش  رسانه به علت اشکال در آن یا عدم پشتیبانی مرورگر شما قطع شد.",
-  "No compatible source was found for this media.": "هیچ منبع سازگاری، برای این رسانه پیدا نشد.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "این رسانه رمزنگاری شده است و ما کلید رمزگشایی آن را نداریم.",
-  "Play Video": "پخش ویدیو",
-  "Close": "بستن",
-  "Close Modal Dialog": "بستن پنجره مودال",
-  "Modal Window": "پنجره مودال",
-  "This is a modal window": "این پنجره مودال",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "این پنجره با دکمه اسکیپ با دکمه بستن قابل بسته شدن میباشد.",
-  ", opens captions settings dialog": ", تنظیمات زیرتوضیح را باز میکند",
-  ", opens subtitles settings dialog": ", تنظیمات زیرنویس را باز میکند",
-  ", opens descriptions settings dialog": ", تنظیمات توصیفات را باز میکند",
-  ", selected": ", انتخاب شده",
-  "captions settings": "تنظیمات زیرتوضیح",
-  "subtitles settings": "تنظیمات زیرنویس",
-  "descriptions settings": "تنظیمات توصیفات",
-  "Text": "متن",
-  "White": "سفید",
-  "Black": "سیاه",
-  "Red": "قرمز",
-  "Green": "سبز",
-  "Blue": "آبی",
-  "Yellow": "زرد",
-  "Magenta": "ارغوانی",
-  "Cyan": "سبزآبی",
-  "Background": "زمینه",
-  "Window": "پنجره",
-  "Transparent": "شفاف",
-  "Semi-Transparent": "نیمه شفاف",
-  "Opaque": "مات",
-  "Font Size": "اندازه فونت",
-  "Text Edge Style": "سبک لبه متن",
-  "None": "هیچ",
-  "Raised": "برآمده",
-  "Depressed": "فرورفته",
-  "Uniform": "یکنواخت",
-  "Dropshadow": "سایه دار",
-  "Font Family": "نوع فونت",
-  "Proportional Sans-Serif": "سنس-سریف متناسب",
-  "Monospace Sans-Serif": "سنس-سریف هم اندازه",
-  "Proportional Serif": "سریف متناسب",
-  "Monospace Serif": "سریف هم اندازه",
-  "Casual": "فانتزی",
-  "Script": "دست خط",
-  "Small Caps": "حروف کوچک به بزرگ",
-  "Reset": "باز نشاندن",
-  "restore all settings to the default values": "بازیابی همه تنظیمات به حالت اولیه",
-  "Done": "تکمیل",
-  "Caption Settings Dialog": "پنجره تنظیمات عناوین",
-  "Beginning of dialog window. Escape will cancel and close the window.": "ابتدای پنجره محاوره‌ای. دکمه اسکیپ پنجره را لغو میکند و میبندد.",
-  "End of dialog window.": "انتهای پنجره محاوره‌ای."
-}
diff --git a/negromate/web/static/js/videojs/lang/fi.js b/negromate/web/static/js/videojs/lang/fi.js
deleted file mode 100644
index e14fb8c..0000000
--- a/negromate/web/static/js/videojs/lang/fi.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('fi', {
-  "Play": "Toisto",
-  "Pause": "Tauko",
-  "Current Time": "Tämänhetkinen aika",
-  "Duration": "Kokonaisaika",
-  "Remaining Time": "Jäljellä oleva aika",
-  "Stream Type": "Lähetystyyppi",
-  "LIVE": "LIVE",
-  "Loaded": "Ladattu",
-  "Progress": "Edistyminen",
-  "Fullscreen": "Koko näyttö",
-  "Non-Fullscreen": "Koko näyttö pois",
-  "Mute": "Ääni pois",
-  "Unmute": "Ääni päällä",
-  "Playback Rate": "Toistonopeus",
-  "Subtitles": "Tekstitys",
-  "subtitles off": "Tekstitys pois",
-  "Captions": "Tekstitys",
-  "captions off": "Tekstitys pois",
-  "Chapters": "Kappaleet",
-  "You aborted the media playback": "Olet keskeyttänyt videotoiston.",
-  "A network error caused the media download to fail part-way.": "Verkkovirhe keskeytti videon latauksen.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Videon lataus ei onnistunut joko palvelin- tai verkkovirheestä tai väärästä formaatista johtuen.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Videon toisto keskeytyi, koska media on vaurioitunut tai käyttää käyttää toimintoja, joita selaimesi ei tue.",
-  "No compatible source was found for this media.": "Tälle videolle ei löytynyt yhteensopivaa lähdettä."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/fi.json b/negromate/web/static/js/videojs/lang/fi.json
deleted file mode 100644
index 9cd419b..0000000
--- a/negromate/web/static/js/videojs/lang/fi.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Toisto",
-  "Pause": "Tauko",
-  "Current Time": "Tämänhetkinen aika",
-  "Duration": "Kokonaisaika",
-  "Remaining Time": "Jäljellä oleva aika",
-  "Stream Type": "Lähetystyyppi",
-  "LIVE": "LIVE",
-  "Loaded": "Ladattu",
-  "Progress": "Edistyminen",
-  "Fullscreen": "Koko näyttö",
-  "Non-Fullscreen": "Koko näyttö pois",
-  "Mute": "Ääni pois",
-  "Unmute": "Ääni päällä",
-  "Playback Rate": "Toistonopeus",
-  "Subtitles": "Tekstitys",
-  "subtitles off": "Tekstitys pois",
-  "Captions": "Tekstitys",
-  "captions off": "Tekstitys pois",
-  "Chapters": "Kappaleet",
-  "You aborted the media playback": "Olet keskeyttänyt videotoiston.",
-  "A network error caused the media download to fail part-way.": "Verkkovirhe keskeytti videon latauksen.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Videon lataus ei onnistunut joko palvelin- tai verkkovirheestä tai väärästä formaatista johtuen.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Videon toisto keskeytyi, koska media on vaurioitunut tai käyttää käyttää toimintoja, joita selaimesi ei tue.",
-  "No compatible source was found for this media.": "Tälle videolle ei löytynyt yhteensopivaa lähdettä."
-}
diff --git a/negromate/web/static/js/videojs/lang/fr.js b/negromate/web/static/js/videojs/lang/fr.js
deleted file mode 100644
index cf5b57c..0000000
--- a/negromate/web/static/js/videojs/lang/fr.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage('fr', {
-  "Audio Player": "Lecteur audio",
-  "Video Player": "Lecteur vidéo",
-  "Play": "Lecture",
-  "Pause": "Pause",
-  "Replay": "Revoir",
-  "Current Time": "Temps actuel",
-  "Duration": "Durée",
-  "Remaining Time": "Temps restant",
-  "Stream Type": "Type de flux",
-  "LIVE": "EN DIRECT",
-  "Loaded": "Chargé",
-  "Progress": "Progression",
-  "Progress Bar": "Barre de progression",
-  "progress bar timing: currentTime={1} duration={2}": "{1} de {2}",
-  "Fullscreen": "Plein écran",
-  "Non-Fullscreen": "Fenêtré",
-  "Mute": "Sourdine",
-  "Unmute": "Son activé",
-  "Playback Rate": "Vitesse de lecture",
-  "Subtitles": "Sous-titres",
-  "subtitles off": "Sous-titres désactivés",
-  "Captions": "Sous-titres transcrits",
-  "captions off": "Sous-titres transcrits désactivés",
-  "Chapters": "Chapitres",
-  "Descriptions": "Descriptions",
-  "descriptions off": "descriptions désactivées",
-  "Audio Track": "Piste audio",
-  "Volume Level": "Niveau de volume",
-  "You aborted the media playback": "Vous avez interrompu la lecture de la vidéo.",
-  "A network error caused the media download to fail part-way.": "Une erreur de réseau a interrompu le téléchargement de la vidéo.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Cette vidéo n'a pas pu être chargée, soit parce que le serveur ou le réseau a échoué ou parce que le format n'est pas reconnu.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La lecture de la vidéo a été interrompue à cause d'un problème de corruption ou parce que la vidéo utilise des fonctionnalités non prises en charge par votre navigateur.",
-  "No compatible source was found for this media.": "Aucune source compatible n'a été trouvée pour cette vidéo.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Le média est chiffré et nous n'avons pas les clés pour le déchiffrer.",
-  "Play Video": "Lire la vidéo",
-  "Close": "Fermer",
-  "Close Modal Dialog": "Fermer la boîte de dialogue modale",
-  "Modal Window": "Fenêtre modale",
-  "This is a modal window": "Ceci est une fenêtre modale",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Ce modal peut être fermé en appuyant sur la touche Échap ou activer le bouton de fermeture.",
-  ", opens captions settings dialog": ", ouvrir les paramètres des sous-titres transcrits",
-  ", opens subtitles settings dialog": ", ouvrir les paramètres des sous-titres",
-  ", opens descriptions settings dialog": ", ouvrir les paramètres des descriptions",
-  ", selected": ", sélectionné",
-  "captions settings": "Paramètres des sous-titres transcrits",
-  "subtitles settings": "Paramètres des sous-titres",
-  "descriptions settings": "Paramètres des descriptions",
-  "Text": "Texte",
-  "White": "Blanc",
-  "Black": "Noir",
-  "Red": "Rouge",
-  "Green": "Vert",
-  "Blue": "Bleu",
-  "Yellow": "Jaune",
-  "Magenta": "Magenta",
-  "Cyan": "Cyan",
-  "Background": "Arrière-plan",
-  "Window": "Fenêtre",
-  "Transparent": "Transparent",
-  "Semi-Transparent": "Semi-transparent",
-  "Opaque": "Opaque",
-  "Font Size": "Taille des caractères",
-  "Text Edge Style": "Style des contours du texte",
-  "None": "Aucun",
-  "Raised": "Élevé",
-  "Depressed": "Enfoncé",
-  "Uniform": "Uniforme",
-  "Dropshadow": "Ombre portée",
-  "Font Family": "Famille de polices",
-  "Proportional Sans-Serif": "Polices à chasse variable sans empattement (Proportional Sans-Serif)",
-  "Monospace Sans-Serif": "Polices à chasse fixe sans empattement (Monospace Sans-Serif)",
-  "Proportional Serif": "Polices à chasse variable avec empattement (Proportional Serif)",
-  "Monospace Serif": "Polices à chasse fixe avec empattement (Monospace Serif)",
-  "Casual": "Manuscrite",
-  "Script": "Scripte",
-  "Small Caps": "Petites capitales",
-  "Reset": "Réinitialiser",
-  "restore all settings to the default values": "Restaurer tous les paramètres aux valeurs par défaut",
-  "Done": "Terminé",
-  "Caption Settings Dialog": "Boîte de dialogue des paramètres des sous-titres transcrits",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Début de la fenêtre de dialogue. La touche d'échappement annulera et fermera la fenêtre.",
-  "End of dialog window.": "Fin de la fenêtre de dialogue."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/fr.json b/negromate/web/static/js/videojs/lang/fr.json
deleted file mode 100644
index 8bfeafd..0000000
--- a/negromate/web/static/js/videojs/lang/fr.json
+++ /dev/null
@@ -1,84 +0,0 @@
-{
-  "Audio Player": "Lecteur audio",
-  "Video Player": "Lecteur vidéo",
-  "Play": "Lecture",
-  "Pause": "Pause",
-  "Replay": "Revoir",
-  "Current Time": "Temps actuel",
-  "Duration": "Durée",
-  "Remaining Time": "Temps restant",
-  "Stream Type": "Type de flux",
-  "LIVE": "EN DIRECT",
-  "Loaded": "Chargé",
-  "Progress": "Progression",
-  "Progress Bar": "Barre de progression",
-  "progress bar timing: currentTime={1} duration={2}": "{1} de {2}",
-  "Fullscreen": "Plein écran",
-  "Non-Fullscreen": "Fenêtré",
-  "Mute": "Sourdine",
-  "Unmute": "Son activé",
-  "Playback Rate": "Vitesse de lecture",
-  "Subtitles": "Sous-titres",
-  "subtitles off": "Sous-titres désactivés",
-  "Captions": "Sous-titres transcrits",
-  "captions off": "Sous-titres transcrits désactivés",
-  "Chapters": "Chapitres",
-  "Descriptions": "Descriptions",
-  "descriptions off": "descriptions désactivées",
-  "Audio Track": "Piste audio",
-  "Volume Level": "Niveau de volume",
-  "You aborted the media playback": "Vous avez interrompu la lecture de la vidéo.",
-  "A network error caused the media download to fail part-way.": "Une erreur de réseau a interrompu le téléchargement de la vidéo.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Cette vidéo n'a pas pu être chargée, soit parce que le serveur ou le réseau a échoué ou parce que le format n'est pas reconnu.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La lecture de la vidéo a été interrompue à cause d'un problème de corruption ou parce que la vidéo utilise des fonctionnalités non prises en charge par votre navigateur.",
-  "No compatible source was found for this media.": "Aucune source compatible n'a été trouvée pour cette vidéo.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Le média est chiffré et nous n'avons pas les clés pour le déchiffrer.",
-  "Play Video": "Lire la vidéo",
-  "Close": "Fermer",
-  "Close Modal Dialog": "Fermer la boîte de dialogue modale",
-  "Modal Window": "Fenêtre modale",
-  "This is a modal window": "Ceci est une fenêtre modale",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Ce modal peut être fermé en appuyant sur la touche Échap ou activer le bouton de fermeture.",
-  ", opens captions settings dialog": ", ouvrir les paramètres des sous-titres transcrits",
-  ", opens subtitles settings dialog": ", ouvrir les paramètres des sous-titres",
-  ", opens descriptions settings dialog": ", ouvrir les paramètres des descriptions",
-  ", selected": ", sélectionné",
-  "captions settings": "Paramètres des sous-titres transcrits",
-  "subtitles settings": "Paramètres des sous-titres",
-  "descriptions settings": "Paramètres des descriptions",
-  "Text": "Texte",
-  "White": "Blanc",
-  "Black": "Noir",
-  "Red": "Rouge",
-  "Green": "Vert",
-  "Blue": "Bleu",
-  "Yellow": "Jaune",
-  "Magenta": "Magenta",
-  "Cyan": "Cyan",
-  "Background": "Arrière-plan",
-  "Window": "Fenêtre",
-  "Transparent": "Transparent",
-  "Semi-Transparent": "Semi-transparent",
-  "Opaque": "Opaque",
-  "Font Size": "Taille des caractères",
-  "Text Edge Style": "Style des contours du texte",
-  "None": "Aucun",
-  "Raised": "Élevé",
-  "Depressed": "Enfoncé",
-  "Uniform": "Uniforme",
-  "Dropshadow": "Ombre portée",
-  "Font Family": "Famille de polices",
-  "Proportional Sans-Serif": "Polices à chasse variable sans empattement (Proportional Sans-Serif)",
-  "Monospace Sans-Serif": "Polices à chasse fixe sans empattement (Monospace Sans-Serif)",
-  "Proportional Serif": "Polices à chasse variable avec empattement (Proportional Serif)",
-  "Monospace Serif": "Polices à chasse fixe avec empattement (Monospace Serif)",
-  "Casual": "Manuscrite",
-  "Script": "Scripte",
-  "Small Caps": "Petites capitales",
-  "Reset": "Réinitialiser",
-  "restore all settings to the default values": "Restaurer tous les paramètres aux valeurs par défaut",
-  "Done": "Terminé",
-  "Caption Settings Dialog": "Boîte de dialogue des paramètres des sous-titres transcrits",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Début de la fenêtre de dialogue. La touche d'échappement annulera et fermera la fenêtre.",
-  "End of dialog window.": "Fin de la fenêtre de dialogue."
-}
diff --git a/negromate/web/static/js/videojs/lang/gd.js b/negromate/web/static/js/videojs/lang/gd.js
deleted file mode 100644
index 51ba7e7..0000000
--- a/negromate/web/static/js/videojs/lang/gd.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('gd', {
-  "Audio Player": "Cluicheadair fuaime",
-  "Video Player": "Cluicheadair video",
-  "Play": "Cluich",
-  "Pause": "Cuir ’na stad",
-  "Replay": "Cluich a-rithist",
-  "Current Time": "An ùine làithreach",
-  "Duration": "Faide",
-  "Remaining Time": "An ùine air fhàgail",
-  "Stream Type": "Seòrsa an t-sruthaidh",
-  "LIVE": "BEÒ",
-  "Seek to live, currently behind live": "A’ sireadh sruth beò ’s air dheireadh",
-  "Seek to live, currently playing live": "A’ sireadh sruth beò ’s ‘ga chluich",
-  "Loaded": "Air a luchdadh",
-  "Progress": "Adhartas",
-  "Progress Bar": "Bàr adhartais",
-  "progress bar timing: currentTime={1} duration={2}": "{1} à {2}",
-  "Fullscreen": "Làn-sgrìn",
-  "Non-Fullscreen": "Fàg modh làn-sgrìn",
-  "Mute": "Mùch",
-  "Unmute": "Dì-mhùch",
-  "Playback Rate": "Reat na cluiche",
-  "Subtitles": "Fo-thiotalan",
-  "subtitles off": "fo-thiotalan dheth",
-  "Captions": "Caipseanan",
-  "captions off": "caipseanan dheth",
-  "Chapters": "Caibideil",
-  "Descriptions": "Tuairisgeulan",
-  "descriptions off": "tuairisgeulan dheth",
-  "Audio Track": "Traca fuaime",
-  "Volume Level": "Àirde na fuaime",
-  "You aborted the media playback": "Sguir thu de chluich a’ mheadhain",
-  "A network error caused the media download to fail part-way.": "Cha deach leinn an còrr dhen mheadhan a luchdadh a-nuas ri linn mearachd lìonraidh.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Cha b’ urrainn dhuinn am meadhan a luchdadh – dh’fhaoidte gun do dh’fhàillig leis an fhrithealaiche no an lìonra no nach cuir sinn taic ris an fhòrmat.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Sguir sinn de chluich a’ mheadhain – dh’fhaoidte gu bheil e coirbte no gu bheil gleus aig a’ mheadhan nach cuir am brabhsair taic ris.",
-  "No compatible source was found for this media.": "Cha ceach tùs co-chòrdail a lorg airson a’ mheadhain seo.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Tha am meadhan crioptaichte ’s chan eil iuchair dì-chrioptachaidh againn dha.",
-  "Play Video": "Cluich video",
-  "Close": "Dùin",
-  "Close Modal Dialog": "Dùin an còmhradh",
-  "Modal Window": "Uinneag mòdach",
-  "This is a modal window": "Seo uinneag mòdach",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "’S urrainn dhut seo a dhùnadh leis an iuchair Escape no leis a’ phutan dùnaidh.",
-  ", opens captions settings dialog": ", fosglaidh e còmhradh nan roghainnean",
-  ", opens subtitles settings dialog": ", fosglaidh e còmhradh nam fo-thiotalan",
-  ", opens descriptions settings dialog": ", fosglaidh e còmhradh roghainnean nan tuairisgeulan",
-  ", selected": ", air a thaghadh",
-  "captions settings": "roghainnean nan caipseanan",
-  "subtitles settings": "roghainnean nam fo-thiotalan",
-  "descriptions settings": "roghainnean nan tuairisgeulan",
-  "Text": "Teacsa",
-  "White": "Geal",
-  "Black": "Dubh",
-  "Red": "Dearg",
-  "Green": "Uaine",
-  "Blue": "Gorm",
-  "Yellow": "Buidhe",
-  "Magenta": "Magenta",
-  "Cyan": "Saidhean",
-  "Background": "Cùlaibh",
-  "Window": "Uinneag",
-  "Transparent": "Trìd-shoilleir",
-  "Semi-Transparent": "Leth-thrìd-shoilleir",
-  "Opaque": "Trìd-dhoilleir",
-  "Font Size": "Meud a’ chrutha-chlò",
-  "Text Edge Style": "Stoidhle oir an teacsa",
-  "None": "Chan eil gin",
-  "Raised": "Àrdaichte",
-  "Depressed": "Air a bhrùthadh",
-  "Uniform": "Cunbhalach",
-  "Dropshadow": "Sgàil",
-  "Font Family": "Teaghlach a’ chrutha-chlò",
-  "Proportional Sans-Serif": "Sans-serif co-rèireach",
-  "Monospace Sans-Serif": "Sans-serif aon-leud",
-  "Proportional Serif": "Serif co-rèireach",
-  "Monospace Serif": "Serif aon-leud",
-  "Casual": "Fuasgailte",
-  "Script": "Sgriobt",
-  "Small Caps": "Ceann-litrichean beaga",
-  "Reset": "Ath-shuidhich",
-  "restore all settings to the default values": "till dhan a h-uile bun-roghainn",
-  "Done": "Deiseil",
-  "Caption Settings Dialog": "Còmhradh roghainnean nan caipseanan",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Toiseach uinneag còmhraidh. Sguiridh Escape dheth ’s dùinidh e an uinneag",
-  "End of dialog window.": "Deireadh uinneag còmhraidh.",
-  "{1} is loading.": "Tha {1} ’ga luchdadh."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/gd.json b/negromate/web/static/js/videojs/lang/gd.json
deleted file mode 100755
index 76a598c..0000000
--- a/negromate/web/static/js/videojs/lang/gd.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Audio Player": "Cluicheadair fuaime",
-  "Video Player": "Cluicheadair video",
-  "Play": "Cluich",
-  "Pause": "Cuir ’na stad",
-  "Replay": "Cluich a-rithist",
-  "Current Time": "An ùine làithreach",
-  "Duration": "Faide",
-  "Remaining Time": "An ùine air fhàgail",
-  "Stream Type": "Seòrsa an t-sruthaidh",
-  "LIVE": "BEÒ",
-  "Seek to live, currently behind live": "A’ sireadh sruth beò ’s air dheireadh",
-  "Seek to live, currently playing live": "A’ sireadh sruth beò ’s ‘ga chluich",
-  "Loaded": "Air a luchdadh",
-  "Progress": "Adhartas",
-  "Progress Bar": "Bàr adhartais",
-  "progress bar timing: currentTime={1} duration={2}": "{1} à {2}",
-  "Fullscreen": "Làn-sgrìn",
-  "Non-Fullscreen": "Fàg modh làn-sgrìn",
-  "Mute": "Mùch",
-  "Unmute": "Dì-mhùch",
-  "Playback Rate": "Reat na cluiche",
-  "Subtitles": "Fo-thiotalan",
-  "subtitles off": "fo-thiotalan dheth",
-  "Captions": "Caipseanan",
-  "captions off": "caipseanan dheth",
-  "Chapters": "Caibideil",
-  "Descriptions": "Tuairisgeulan",
-  "descriptions off": "tuairisgeulan dheth",
-  "Audio Track": "Traca fuaime",
-  "Volume Level": "Àirde na fuaime",
-  "You aborted the media playback": "Sguir thu de chluich a’ mheadhain",
-  "A network error caused the media download to fail part-way.": "Cha deach leinn an còrr dhen mheadhan a luchdadh a-nuas ri linn mearachd lìonraidh.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Cha b’ urrainn dhuinn am meadhan a luchdadh – dh’fhaoidte gun do dh’fhàillig leis an fhrithealaiche no an lìonra no nach cuir sinn taic ris an fhòrmat.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Sguir sinn de chluich a’ mheadhain – dh’fhaoidte gu bheil e coirbte no gu bheil gleus aig a’ mheadhan nach cuir am brabhsair taic ris.",
-  "No compatible source was found for this media.": "Cha ceach tùs co-chòrdail a lorg airson a’ mheadhain seo.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Tha am meadhan crioptaichte ’s chan eil iuchair dì-chrioptachaidh againn dha.",
-  "Play Video": "Cluich video",
-  "Close": "Dùin",
-  "Close Modal Dialog": "Dùin an còmhradh",
-  "Modal Window": "Uinneag mòdach",
-  "This is a modal window": "Seo uinneag mòdach",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "’S urrainn dhut seo a dhùnadh leis an iuchair Escape no leis a’ phutan dùnaidh.",
-  ", opens captions settings dialog": ", fosglaidh e còmhradh nan roghainnean",
-  ", opens subtitles settings dialog": ", fosglaidh e còmhradh nam fo-thiotalan",
-  ", opens descriptions settings dialog": ", fosglaidh e còmhradh roghainnean nan tuairisgeulan",
-  ", selected": ", air a thaghadh",
-  "captions settings": "roghainnean nan caipseanan",
-  "subtitles settings": "roghainnean nam fo-thiotalan",
-  "descriptions settings": "roghainnean nan tuairisgeulan",
-  "Text": "Teacsa",
-  "White": "Geal",
-  "Black": "Dubh",
-  "Red": "Dearg",
-  "Green": "Uaine",
-  "Blue": "Gorm",
-  "Yellow": "Buidhe",
-  "Magenta": "Magenta",
-  "Cyan": "Saidhean",
-  "Background": "Cùlaibh",
-  "Window": "Uinneag",
-  "Transparent": "Trìd-shoilleir",
-  "Semi-Transparent": "Leth-thrìd-shoilleir",
-  "Opaque": "Trìd-dhoilleir",
-  "Font Size": "Meud a’ chrutha-chlò",
-  "Text Edge Style": "Stoidhle oir an teacsa",
-  "None": "Chan eil gin",
-  "Raised": "Àrdaichte",
-  "Depressed": "Air a bhrùthadh",
-  "Uniform": "Cunbhalach",
-  "Dropshadow": "Sgàil",
-  "Font Family": "Teaghlach a’ chrutha-chlò",
-  "Proportional Sans-Serif": "Sans-serif co-rèireach",
-  "Monospace Sans-Serif": "Sans-serif aon-leud",
-  "Proportional Serif": "Serif co-rèireach",
-  "Monospace Serif": "Serif aon-leud",
-  "Casual": "Fuasgailte",
-  "Script": "Sgriobt",
-  "Small Caps": "Ceann-litrichean beaga",
-  "Reset": "Ath-shuidhich",
-  "restore all settings to the default values": "till dhan a h-uile bun-roghainn",
-  "Done": "Deiseil",
-  "Caption Settings Dialog": "Còmhradh roghainnean nan caipseanan",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Toiseach uinneag còmhraidh. Sguiridh Escape dheth ’s dùinidh e an uinneag",
-  "End of dialog window.": "Deireadh uinneag còmhraidh.",
-  "{1} is loading.": "Tha {1} ’ga luchdadh."
-}
diff --git a/negromate/web/static/js/videojs/lang/gl.js b/negromate/web/static/js/videojs/lang/gl.js
deleted file mode 100644
index fcef9ed..0000000
--- a/negromate/web/static/js/videojs/lang/gl.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('gl', {
-  "Audio Player": "Reprodutor de son",
-  "Video Player": "Reprodutor de vídeo",
-  "Play": "Reproducir",
-  "Pause": "Pausa",
-  "Replay": "Repetir",
-  "Current Time": "Tempo reproducido",
-  "Duration": "Duración",
-  "Remaining Time": "Tempo restante",
-  "Stream Type": "Tipo de fluxo",
-  "LIVE": "EN DIRECTO",
-  "Seek to live, currently behind live": "Buscando directo, actualmente tras en directo",
-  "Seek to live, currently playing live": "Buscando directo, actualmente reproducindo en directo",
-  "Loaded": "Cargado",
-  "Progress": "Progresión",
-  "Progress Bar": "Barra de progreso",
-  "progress bar timing: currentTime={1} duration={2}": "{1} de {2}",
-  "Fullscreen": "Pantalla completa",
-  "Non-Fullscreen": "Xanela",
-  "Mute": "Silenciar",
-  "Unmute": "Son activado",
-  "Playback Rate": "Velocidade de reprodución",
-  "Subtitles": "Subtítulos",
-  "subtitles off": "subtítulos desactivados",
-  "Captions": "Subtítulos para xordos",
-  "captions off": "subtítulos para xordos desactivados",
-  "Chapters": "Capítulos",
-  "Descriptions": "Descricións",
-  "descriptions off": "descricións desactivadas",
-  "Audio Track": "Pista de son",
-  "Volume Level": "Nivel do volume",
-  "You aborted the media playback": "Vostede interrompeu a reprodución do medio.",
-  "A network error caused the media download to fail part-way.": "Un erro de rede interrompeu a descarga do medio.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Non foi posíbel cargar o medio por mor dun fallo de rede ou do servidor ou porque o formato non é compatíbel.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Interrompeuse a reprodución do medio por mor dun problema de estragamento dos datos ou porque o medio precisa funcións que o seu navegador non ofrece.",
-  "No compatible source was found for this media.": "Non se atopou ningunha orixe compatíbel con este vídeo.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "O medio está cifrado e non temos as chaves para descifralo .",
-  "Play Video": "Reproducir vídeo",
-  "Close": "Pechar",
-  "Close Modal Dialog": "Pechar a caixa de diálogo modal",
-  "Modal Window": "Xanela modal",
-  "This is a modal window": "Esta é unha xanela modal",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Este diálogo modal pódese pechar premendo a tecla Escape ou activando o botón de pechar.",
-  ", opens captions settings dialog": ", abre o diálogo de axustes dos subtítulos para xordos",
-  ", opens subtitles settings dialog": ", abre o diálogo de axustes dos subtítulos",
-  ", opens descriptions settings dialog": ", abre o diálogo de axustes das descricións",
-  ", selected": ", séleccionado",
-  "captions settings": "axustes dos subtítulos para xordos",
-  "subtitles settings": "axustes dos subtítulos",
-  "descriptions settings": "axustes das descricións",
-  "Text": "Texto",
-  "White": "Branco",
-  "Black": "Negro",
-  "Red": "Vermello",
-  "Green": "Verde",
-  "Blue": "Azul",
-  "Yellow": "Marelo",
-  "Magenta": "Maxenta",
-  "Cyan": "Cian",
-  "Background": "Fondo",
-  "Window": "Xanela",
-  "Transparent": "Transparente",
-  "Semi-Transparent": "Semi-transparente",
-  "Opaque": "Opaca",
-  "Font Size": "Tamaño das letras",
-  "Text Edge Style": "Estilo do bordos do texto",
-  "None": "Ningún",
-  "Raised": "Érguida",
-  "Depressed": "Caída",
-  "Uniform": "Uniforme",
-  "Dropshadow": "Sombra caída",
-  "Font Family": "Familia de letras",
-  "Proportional Sans-Serif": "Sans-Serif proporcional",
-  "Monospace Sans-Serif": "Sans-Serif monoespazo (caixa fixa)",
-  "Proportional Serif": "Serif proporcional",
-  "Monospace Serif": "Serif monoespazo (caixa fixa)",
-  "Casual": "Manuscrito",
-  "Script": "Itálica",
-  "Small Caps": "Pequenas maiúsculas",
-  "Reset": "Reiniciar",
-  "restore all settings to the default values": "restaurar todos os axustes aos valores predeterminados",
-  "Done": "Feito",
-  "Caption Settings Dialog": "Diálogo de axustes dos subtítulos para xordos",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Inicio da xanela de diálogo. A tecla Escape cancelará e pechará a xanela.",
-  "End of dialog window.": "Fin da xanela de diálogo.",
-  "{1} is loading.": "{1} está a cargar."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/gl.json b/negromate/web/static/js/videojs/lang/gl.json
deleted file mode 100644
index b777c6c..0000000
--- a/negromate/web/static/js/videojs/lang/gl.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Audio Player": "Reprodutor de son",
-  "Video Player": "Reprodutor de vídeo",
-  "Play": "Reproducir",
-  "Pause": "Pausa",
-  "Replay": "Repetir",
-  "Current Time": "Tempo reproducido",
-  "Duration": "Duración",
-  "Remaining Time": "Tempo restante",
-  "Stream Type": "Tipo de fluxo",
-  "LIVE": "EN DIRECTO",
-  "Seek to live, currently behind live": "Buscando directo, actualmente tras en directo",
-  "Seek to live, currently playing live": "Buscando directo, actualmente reproducindo en directo",
-  "Loaded": "Cargado",
-  "Progress": "Progresión",
-  "Progress Bar": "Barra de progreso",
-  "progress bar timing: currentTime={1} duration={2}": "{1} de {2}",
-  "Fullscreen": "Pantalla completa",
-  "Non-Fullscreen": "Xanela",
-  "Mute": "Silenciar",
-  "Unmute": "Son activado",
-  "Playback Rate": "Velocidade de reprodución",
-  "Subtitles": "Subtítulos",
-  "subtitles off": "subtítulos desactivados",
-  "Captions": "Subtítulos para xordos",
-  "captions off": "subtítulos para xordos desactivados",
-  "Chapters": "Capítulos",
-  "Descriptions": "Descricións",
-  "descriptions off": "descricións desactivadas",
-  "Audio Track": "Pista de son",
-  "Volume Level": "Nivel do volume",
-  "You aborted the media playback": "Vostede interrompeu a reprodución do medio.",
-  "A network error caused the media download to fail part-way.": "Un erro de rede interrompeu a descarga do medio.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Non foi posíbel cargar o medio por mor dun fallo de rede ou do servidor ou porque o formato non é compatíbel.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Interrompeuse a reprodución do medio por mor dun problema de estragamento dos datos ou porque o medio precisa funcións que o seu navegador non ofrece.",
-  "No compatible source was found for this media.": "Non se atopou ningunha orixe compatíbel con este vídeo.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "O medio está cifrado e non temos as chaves para descifralo .",
-  "Play Video": "Reproducir vídeo",
-  "Close": "Pechar",
-  "Close Modal Dialog": "Pechar a caixa de diálogo modal",
-  "Modal Window": "Xanela modal",
-  "This is a modal window": "Esta é unha xanela modal",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Este diálogo modal pódese pechar premendo a tecla Escape ou activando o botón de pechar.",
-  ", opens captions settings dialog": ", abre o diálogo de axustes dos subtítulos para xordos",
-  ", opens subtitles settings dialog": ", abre o diálogo de axustes dos subtítulos",
-  ", opens descriptions settings dialog": ", abre o diálogo de axustes das descricións",
-  ", selected": ", séleccionado",
-  "captions settings": "axustes dos subtítulos para xordos",
-  "subtitles settings": "axustes dos subtítulos",
-  "descriptions settings": "axustes das descricións",
-  "Text": "Texto",
-  "White": "Branco",
-  "Black": "Negro",
-  "Red": "Vermello",
-  "Green": "Verde",
-  "Blue": "Azul",
-  "Yellow": "Marelo",
-  "Magenta": "Maxenta",
-  "Cyan": "Cian",
-  "Background": "Fondo",
-  "Window": "Xanela",
-  "Transparent": "Transparente",
-  "Semi-Transparent": "Semi-transparente",
-  "Opaque": "Opaca",
-  "Font Size": "Tamaño das letras",
-  "Text Edge Style": "Estilo do bordos do texto",
-  "None": "Ningún",
-  "Raised": "Érguida",
-  "Depressed": "Caída",
-  "Uniform": "Uniforme",
-  "Dropshadow": "Sombra caída",
-  "Font Family": "Familia de letras",
-  "Proportional Sans-Serif": "Sans-Serif proporcional",
-  "Monospace Sans-Serif": "Sans-Serif monoespazo (caixa fixa)",
-  "Proportional Serif": "Serif proporcional",
-  "Monospace Serif": "Serif monoespazo (caixa fixa)",
-  "Casual": "Manuscrito",
-  "Script": "Itálica",
-  "Small Caps": "Pequenas maiúsculas",
-  "Reset": "Reiniciar",
-  "restore all settings to the default values": "restaurar todos os axustes aos valores predeterminados",
-  "Done": "Feito",
-  "Caption Settings Dialog": "Diálogo de axustes dos subtítulos para xordos",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Inicio da xanela de diálogo. A tecla Escape cancelará e pechará a xanela.",
-  "End of dialog window.": "Fin da xanela de diálogo.",
-  "{1} is loading.": "{1} está a cargar."
-}
diff --git a/negromate/web/static/js/videojs/lang/he.js b/negromate/web/static/js/videojs/lang/he.js
deleted file mode 100644
index bc24689..0000000
--- a/negromate/web/static/js/videojs/lang/he.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage('he', {
-  "Audio Player": "נַגָּן שמע",
-  "Video Player": "נַגָּן וידאו",
-  "Play": "נַגֵּן",
-  "Pause": "השהה",
-  "Replay": "נַגֵּן שוב",
-  "Current Time": "זמן נוכחי",
-  "Duration": "זמן כולל",
-  "Remaining Time": "זמן נותר",
-  "Stream Type": "סוג Stream",
-  "LIVE": "שידור חי",
-  "Loaded": "נטען",
-  "Progress": "התקדמות",
-  "Progress Bar": "סרגל התקדמות",
-  "progress bar timing: currentTime={1} duration={2}": "{1} מתוך {2}",
-  "Fullscreen": "מסך מלא",
-  "Non-Fullscreen": "מסך לא מלא",
-  "Mute": "השתק",
-  "Unmute": "בטל השתקה",
-  "Playback Rate": "קצב ניגון",
-  "Subtitles": "כתוביות",
-  "subtitles off": "כתוביות כבויות",
-  "Captions": "כיתובים",
-  "captions off": "כיתובים כבויים",
-  "Chapters": "פרקים",
-  "Descriptions": "תיאורים",
-  "descriptions off": "תיאורים כבויים",
-  "Audio Track": "רצועת שמע",
-  "Volume Level": "רמת ווליום",
-  "You aborted the media playback": "ביטלת את השמעת המדיה",
-  "A network error caused the media download to fail part-way.": "שגיאת רשת גרמה להורדת המדיה להיכשל באמצע.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "לא ניתן לטעון את המדיה, או מכיוון שהרשת או השרת כשלו או מכיוון שהפורמט אינו נתמך.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "השמעת המדיה בוטלה בשל בעית השחטת מידע או מכיוון שהמדיה עשתה שימוש בתכונות שהדפדפן שלך לא תמך בהן.",
-  "No compatible source was found for this media.": "לא נמצא מקור תואם עבור מדיה זו.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "המדיה מוצפנת ואין בידינו את המפתח כדי לפענח אותה.",
-  "Play Video": "נַגֵּן וידאו",
-  "Close": "סְגוֹר",
-  "Close Modal Dialog": "סְגוֹר דו-שיח מודאלי",
-  "Modal Window": "חלון מודאלי",
-  "This is a modal window": "זהו חלון מודאלי",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "ניתן לסגור חלון מודאלי זה ע\"י לחיצה על כפתור ה-Escape או הפעלת כפתור הסגירה.",
-  ", opens captions settings dialog": ", פותח חלון הגדרות כיתובים",
-  ", opens subtitles settings dialog": ", פותח חלון הגדרות כתוביות",
-  ", opens descriptions settings dialog": ", פותח חלון הגדרות תיאורים",
-  ", selected": ", נבחר/ו",
-  "captions settings": "הגדרות כיתובים",
-  "subtitles settings": "הגדרות כתוביות",
-  "descriptions settings": "הגדרות תיאורים",
-  "Text": "טקסט",
-  "White": "לבן",
-  "Black": "שחור",
-  "Red": "אדום",
-  "Green": "ירוק",
-  "Blue": "כחול",
-  "Yellow": "צהוב",
-  "Magenta": "מַגֶ'נטָה",
-  "Cyan": "טורקיז",
-  "Background": "רקע",
-  "Window": "חלון",
-  "Transparent": "שקוף",
-  "Semi-Transparent": "שקוף למחצה",
-  "Opaque": "אָטוּם",
-  "Font Size": "גודל גופן",
-  "Text Edge Style": "סגנון קצוות טקסט",
-  "None": "ללא",
-  "Raised": "מורם",
-  "Depressed": "מורד",
-  "Uniform": "אחיד",
-  "Dropshadow": "הטלת צל",
-  "Font Family": "משפחת גופן",
-  "Proportional Sans-Serif": "פרופורציוני וללא תגיות (Proportional Sans-Serif)",
-  "Monospace Sans-Serif": "ברוחב אחיד וללא תגיות (Monospace Sans-Serif)",
-  "Proportional Serif": "פרופורציוני ועם תגיות (Proportional Serif)",
-  "Monospace Serif": "ברוחב אחיד ועם תגיות (Monospace Serif)",
-  "Casual": "אַגָבִי",
-  "Script": "תסריט",
-  "Small Caps": "אותיות קטנות",
-  "Reset": "אִפּוּס",
-  "restore all settings to the default values": "שחזר את כל ההגדרות לערכי ברירת המחדל",
-  "Done": "בוצע",
-  "Caption Settings Dialog": "דו-שיח הגדרות כיתובים",
-  "Beginning of dialog window. Escape will cancel and close the window.": "תחילת חלון דו-שיח. Escape יבטל ויסגור את החלון",
-  "End of dialog window.": "סוף חלון דו-שיח."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/he.json b/negromate/web/static/js/videojs/lang/he.json
deleted file mode 100644
index 7bfb0d5..0000000
--- a/negromate/web/static/js/videojs/lang/he.json
+++ /dev/null
@@ -1,84 +0,0 @@
-{
-	"Audio Player": "נַגָּן שמע",
-	"Video Player": "נַגָּן וידאו",
-	"Play": "נַגֵּן",
-	"Pause": "השהה",
-	"Replay": "נַגֵּן שוב",
-	"Current Time": "זמן נוכחי",
-	"Duration": "זמן כולל",
-	"Remaining Time": "זמן נותר",
-	"Stream Type": "סוג Stream",
-	"LIVE": "שידור חי",
-	"Loaded": "נטען",
-	"Progress": "התקדמות",
-	"Progress Bar": "סרגל התקדמות",
-	"progress bar timing: currentTime={1} duration={2}": "{1} מתוך {2}",
-	"Fullscreen": "מסך מלא",
-	"Non-Fullscreen": "מסך לא מלא",
-	"Mute": "השתק",
-	"Unmute": "בטל השתקה",
-	"Playback Rate": "קצב ניגון",
-	"Subtitles": "כתוביות",
-	"subtitles off": "כתוביות כבויות",
-	"Captions": "כיתובים",
-	"captions off": "כיתובים כבויים",
-	"Chapters": "פרקים",
-	"Descriptions": "תיאורים",
-	"descriptions off": "תיאורים כבויים",
-	"Audio Track": "רצועת שמע",
-	"Volume Level": "רמת ווליום",
-	"You aborted the media playback": "ביטלת את השמעת המדיה",
-	"A network error caused the media download to fail part-way.": "שגיאת רשת גרמה להורדת המדיה להיכשל באמצע.",
-	"The media could not be loaded, either because the server or network failed or because the format is not supported.": "לא ניתן לטעון את המדיה, או מכיוון שהרשת או השרת כשלו או מכיוון שהפורמט אינו נתמך.",
-	"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "השמעת המדיה בוטלה בשל בעית השחטת מידע או מכיוון שהמדיה עשתה שימוש בתכונות שהדפדפן שלך לא תמך בהן.",
-	"No compatible source was found for this media.": "לא נמצא מקור תואם עבור מדיה זו.",
-	"The media is encrypted and we do not have the keys to decrypt it.": "המדיה מוצפנת ואין בידינו את המפתח כדי לפענח אותה.",
-	"Play Video": "נַגֵּן וידאו",
-	"Close": "סְגוֹר",
-	"Close Modal Dialog": "סְגוֹר דו-שיח מודאלי",
-	"Modal Window": "חלון מודאלי",
-	"This is a modal window": "זהו חלון מודאלי",
-	"This modal can be closed by pressing the Escape key or activating the close button.": "ניתן לסגור חלון מודאלי זה ע\"י לחיצה על כפתור ה-Escape או הפעלת כפתור הסגירה.",
-	", opens captions settings dialog": ", פותח חלון הגדרות כיתובים",
-	", opens subtitles settings dialog": ", פותח חלון הגדרות כתוביות",
-	", opens descriptions settings dialog": ", פותח חלון הגדרות תיאורים",
-	", selected": ", נבחר/ו",
-	"captions settings": "הגדרות כיתובים",
-	"subtitles settings": "הגדרות כתוביות",
-	"descriptions settings": "הגדרות תיאורים",
-	"Text": "טקסט",
-	"White": "לבן",
-	"Black": "שחור",
-	"Red": "אדום",
-	"Green": "ירוק",
-	"Blue": "כחול",
-	"Yellow": "צהוב",
-	"Magenta": "מַגֶ'נטָה",
-	"Cyan": "טורקיז",
-	"Background": "רקע",
-	"Window": "חלון",
-	"Transparent": "שקוף",
-	"Semi-Transparent": "שקוף למחצה",
-	"Opaque": "אָטוּם",
-	"Font Size": "גודל גופן",
-	"Text Edge Style": "סגנון קצוות טקסט",
-	"None": "ללא",
-	"Raised": "מורם",
-	"Depressed": "מורד",
-	"Uniform": "אחיד",
-	"Dropshadow": "הטלת צל",
-	"Font Family": "משפחת גופן",
-	"Proportional Sans-Serif": "פרופורציוני וללא תגיות (Proportional Sans-Serif)",
-	"Monospace Sans-Serif": "ברוחב אחיד וללא תגיות (Monospace Sans-Serif)",
-	"Proportional Serif": "פרופורציוני ועם תגיות (Proportional Serif)",
-	"Monospace Serif": "ברוחב אחיד ועם תגיות (Monospace Serif)",
-	"Casual": "אַגָבִי",
-	"Script": "תסריט",
-	"Small Caps": "אותיות קטנות",
-	"Reset": "אִפּוּס",
-	"restore all settings to the default values": "שחזר את כל ההגדרות לערכי ברירת המחדל",
-	"Done": "בוצע",
-	"Caption Settings Dialog": "דו-שיח הגדרות כיתובים",
-	"Beginning of dialog window. Escape will cancel and close the window.": "תחילת חלון דו-שיח. Escape יבטל ויסגור את החלון",
-	"End of dialog window.": "סוף חלון דו-שיח."
-}
diff --git a/negromate/web/static/js/videojs/lang/hr.js b/negromate/web/static/js/videojs/lang/hr.js
deleted file mode 100644
index 2606362..0000000
--- a/negromate/web/static/js/videojs/lang/hr.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('hr', {
-  "Play": "Pusti",
-  "Pause": "Pauza",
-  "Current Time": "Trenutno vrijeme",
-  "Duration": "Vrijeme trajanja",
-  "Remaining Time": "Preostalo vrijeme",
-  "Stream Type": "Način strimovanja",
-  "LIVE": "UŽIVO",
-  "Loaded": "Učitan",
-  "Progress": "Progres",
-  "Fullscreen": "Puni ekran",
-  "Non-Fullscreen": "Mali ekran",
-  "Mute": "Prigušen",
-  "Unmute": "Ne-prigušen",
-  "Playback Rate": "Stopa reprodukcije",
-  "Subtitles": "Podnaslov",
-  "subtitles off": "Podnaslov deaktiviran",
-  "Captions": "Titlovi",
-  "captions off": "Titlovi deaktivirani",
-  "Chapters": "Poglavlja",
-  "You aborted the media playback": "Isključili ste reprodukciju videa.",
-  "A network error caused the media download to fail part-way.": "Video se prestao preuzimati zbog greške na mreži.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video se ne može reproducirati zbog servera, greške u mreži ili je format ne podržan.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Reprodukcija videa je zaustavljenja zbog greške u formatu ili zbog verzije vašeg pretraživača.",
-  "No compatible source was found for this media.": "Nije nađen nijedan kompatibilan izvor ovog videa."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/hr.json b/negromate/web/static/js/videojs/lang/hr.json
deleted file mode 100644
index 32e1763..0000000
--- a/negromate/web/static/js/videojs/lang/hr.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Pusti",
-  "Pause": "Pauza",
-  "Current Time": "Trenutno vrijeme",
-  "Duration": "Vrijeme trajanja",
-  "Remaining Time": "Preostalo vrijeme",
-  "Stream Type": "Način strimovanja",
-  "LIVE": "UŽIVO",
-  "Loaded": "Učitan",
-  "Progress": "Progres",
-  "Fullscreen": "Puni ekran",
-  "Non-Fullscreen": "Mali ekran",
-  "Mute": "Prigušen",
-  "Unmute": "Ne-prigušen",
-  "Playback Rate": "Stopa reprodukcije",
-  "Subtitles": "Podnaslov",
-  "subtitles off": "Podnaslov deaktiviran",
-  "Captions": "Titlovi",
-  "captions off": "Titlovi deaktivirani",
-  "Chapters": "Poglavlja",
-  "You aborted the media playback": "Isključili ste reprodukciju videa.",
-  "A network error caused the media download to fail part-way.": "Video se prestao preuzimati zbog greške na mreži.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video se ne može reproducirati zbog servera, greške u mreži ili je format ne podržan.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Reprodukcija videa je zaustavljenja zbog greške u formatu ili zbog verzije vašeg pretraživača.",
-  "No compatible source was found for this media.": "Nije nađen nijedan kompatibilan izvor ovog videa."
-}
diff --git a/negromate/web/static/js/videojs/lang/hu.js b/negromate/web/static/js/videojs/lang/hu.js
deleted file mode 100644
index 69afdee..0000000
--- a/negromate/web/static/js/videojs/lang/hu.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('hu', {
-  "Play": "Lejátszás",
-  "Pause": "Szünet",
-  "Current Time": "Aktuális időpont",
-  "Duration": "Hossz",
-  "Remaining Time": "Hátralévő idő",
-  "Stream Type": "Adatfolyam típusa",
-  "LIVE": "ÉLŐ",
-  "Loaded": "Betöltve",
-  "Progress": "Állapot",
-  "Fullscreen": "Teljes képernyő",
-  "Non-Fullscreen": "Normál méret",
-  "Mute": "Némítás",
-  "Unmute": "Némítás kikapcsolva",
-  "Playback Rate": "Lejátszási sebesség",
-  "Subtitles": "Feliratok",
-  "subtitles off": "Feliratok kikapcsolva",
-  "Captions": "Magyarázó szöveg",
-  "captions off": "Magyarázó szöveg kikapcsolva",
-  "Chapters": "Fejezetek",
-  "You aborted the media playback": "Leállította a lejátszást",
-  "A network error caused the media download to fail part-way.": "Hálózati hiba miatt a videó részlegesen töltődött le.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "A videó nem tölthető be hálózati vagy kiszolgálói hiba miatt, vagy a formátuma nem támogatott.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "A lejátszás adatsérülés miatt leállt, vagy a videó egyes tulajdonságait a böngészője nem támogatja.",
-  "No compatible source was found for this media.": "Nincs kompatibilis forrás ehhez a videóhoz."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/hu.json b/negromate/web/static/js/videojs/lang/hu.json
deleted file mode 100644
index c7aabbe..0000000
--- a/negromate/web/static/js/videojs/lang/hu.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Lejátszás",
-  "Pause": "Szünet",
-  "Current Time": "Aktuális időpont",
-  "Duration": "Hossz",
-  "Remaining Time": "Hátralévő idő",
-  "Stream Type": "Adatfolyam típusa",
-  "LIVE": "ÉLŐ",
-  "Loaded": "Betöltve",
-  "Progress": "Állapot",
-  "Fullscreen": "Teljes képernyő",
-  "Non-Fullscreen": "Normál méret",
-  "Mute": "Némítás",
-  "Unmute": "Némítás kikapcsolva",
-  "Playback Rate": "Lejátszási sebesség",
-  "Subtitles": "Feliratok",
-  "subtitles off": "Feliratok kikapcsolva",
-  "Captions": "Magyarázó szöveg",
-  "captions off": "Magyarázó szöveg kikapcsolva",
-  "Chapters": "Fejezetek",
-  "You aborted the media playback": "Leállította a lejátszást",
-  "A network error caused the media download to fail part-way.": "Hálózati hiba miatt a videó részlegesen töltődött le.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "A videó nem tölthető be hálózati vagy kiszolgálói hiba miatt, vagy a formátuma nem támogatott.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "A lejátszás adatsérülés miatt leállt, vagy a videó egyes tulajdonságait a böngészője nem támogatja.",
-  "No compatible source was found for this media.": "Nincs kompatibilis forrás ehhez a videóhoz."
-}
diff --git a/negromate/web/static/js/videojs/lang/it.js b/negromate/web/static/js/videojs/lang/it.js
deleted file mode 100644
index 18a1c4c..0000000
--- a/negromate/web/static/js/videojs/lang/it.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('it', {
-  "Play": "Play",
-  "Pause": "Pausa",
-  "Current Time": "Orario attuale",
-  "Duration": "Durata",
-  "Remaining Time": "Tempo rimanente",
-  "Stream Type": "Tipo del Streaming",
-  "LIVE": "LIVE",
-  "Loaded": "Caricato",
-  "Progress": "Stato",
-  "Fullscreen": "Schermo intero",
-  "Non-Fullscreen": "Chiudi schermo intero",
-  "Mute": "Muto",
-  "Unmute": "Audio",
-  "Playback Rate": "Tasso di riproduzione",
-  "Subtitles": "Sottotitoli",
-  "subtitles off": "Senza sottotitoli",
-  "Captions": "Sottotitoli non udenti",
-  "captions off": "Senza sottotitoli non udenti",
-  "Chapters": "Capitolo",
-  "You aborted the media playback": "La riproduzione del filmato è stata interrotta.",
-  "A network error caused the media download to fail part-way.": "Il download del filmato è stato interrotto a causa di un problema rete.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Il filmato non può essere caricato a causa di un errore nel server o nella rete o perché il formato non viene supportato.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La riproduzione del filmato è stata interrotta a causa di un file danneggiato o per l’utilizzo di impostazioni non supportate dal browser.",
-  "No compatible source was found for this media.": "Non ci sono fonti compatibili per questo filmato."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/it.json b/negromate/web/static/js/videojs/lang/it.json
deleted file mode 100644
index 19f5a78..0000000
--- a/negromate/web/static/js/videojs/lang/it.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Play",
-  "Pause": "Pausa",
-  "Current Time": "Orario attuale",
-  "Duration": "Durata",
-  "Remaining Time": "Tempo rimanente",
-  "Stream Type": "Tipo del Streaming",
-  "LIVE": "LIVE",
-  "Loaded": "Caricato",
-  "Progress": "Stato",
-  "Fullscreen": "Schermo intero",
-  "Non-Fullscreen": "Chiudi schermo intero",
-  "Mute": "Muto",
-  "Unmute": "Audio",
-  "Playback Rate": "Tasso di riproduzione",
-  "Subtitles": "Sottotitoli",
-  "subtitles off": "Senza sottotitoli",
-  "Captions": "Sottotitoli non udenti",
-  "captions off": "Senza sottotitoli non udenti",
-  "Chapters": "Capitolo",
-  "You aborted the media playback": "La riproduzione del filmato è stata interrotta.",
-  "A network error caused the media download to fail part-way.": "Il download del filmato è stato interrotto a causa di un problema rete.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Il filmato non può essere caricato a causa di un errore nel server o nella rete o perché il formato non viene supportato.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La riproduzione del filmato è stata interrotta a causa di un file danneggiato o per l’utilizzo di impostazioni non supportate dal browser.",
-  "No compatible source was found for this media.": "Non ci sono fonti compatibili per questo filmato."
-}
diff --git a/negromate/web/static/js/videojs/lang/ja.js b/negromate/web/static/js/videojs/lang/ja.js
deleted file mode 100644
index 7d71cd1..0000000
--- a/negromate/web/static/js/videojs/lang/ja.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('ja', {
-  "Play": "再生",
-  "Pause": "一時停止",
-  "Current Time": "現在の時間",
-  "Duration": "長さ",
-  "Remaining Time": "残りの時間",
-  "Stream Type": "ストリームの種類",
-  "LIVE": "ライブ",
-  "Loaded": "ロード済み",
-  "Progress": "進行状況",
-  "Fullscreen": "フルスクリーン",
-  "Non-Fullscreen": "フルスクリーン以外",
-  "Mute": "ミュート",
-  "Unmute": "ミュート解除",
-  "Playback Rate": "再生レート",
-  "Subtitles": "サブタイトル",
-  "subtitles off": "サブタイトル オフ",
-  "Captions": "キャプション",
-  "captions off": "キャプション オフ",
-  "Chapters": "チャプター",
-  "You aborted the media playback": "動画再生を中止しました",
-  "A network error caused the media download to fail part-way.": "ネットワーク エラーにより動画のダウンロードが途中で失敗しました",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "サーバーまたはネットワークのエラー、またはフォーマットがサポートされていないため、動画をロードできませんでした",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "破損の問題、またはお使いのブラウザがサポートしていない機能が動画に使用されていたため、動画の再生が中止されました",
-  "No compatible source was found for this media.": "この動画に対して互換性のあるソースが見つかりませんでした"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/ja.json b/negromate/web/static/js/videojs/lang/ja.json
deleted file mode 100644
index df5b6cf..0000000
--- a/negromate/web/static/js/videojs/lang/ja.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "再生",
-  "Pause": "一時停止",
-  "Current Time": "現在の時間",
-  "Duration": "長さ",
-  "Remaining Time": "残りの時間",
-  "Stream Type": "ストリームの種類",
-  "LIVE": "ライブ",
-  "Loaded": "ロード済み",
-  "Progress": "進行状況",
-  "Fullscreen": "フルスクリーン",
-  "Non-Fullscreen": "フルスクリーン以外",
-  "Mute": "ミュート",
-  "Unmute": "ミュート解除",
-  "Playback Rate": "再生レート",
-  "Subtitles": "サブタイトル",
-  "subtitles off": "サブタイトル オフ",
-  "Captions": "キャプション",
-  "captions off": "キャプション オフ",
-  "Chapters": "チャプター",
-  "You aborted the media playback": "動画再生を中止しました",
-  "A network error caused the media download to fail part-way.": "ネットワーク エラーにより動画のダウンロードが途中で失敗しました",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "サーバーまたはネットワークのエラー、またはフォーマットがサポートされていないため、動画をロードできませんでした",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "破損の問題、またはお使いのブラウザがサポートしていない機能が動画に使用されていたため、動画の再生が中止されました",
-  "No compatible source was found for this media.": "この動画に対して互換性のあるソースが見つかりませんでした"
-}
diff --git a/negromate/web/static/js/videojs/lang/ko.js b/negromate/web/static/js/videojs/lang/ko.js
deleted file mode 100644
index 74048c9..0000000
--- a/negromate/web/static/js/videojs/lang/ko.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('ko', {
-  "Play": "재생",
-  "Pause": "일시중지",
-  "Current Time": "현재 시간",
-  "Duration": "지정 기간",
-  "Remaining Time": "남은 시간",
-  "Stream Type": "스트리밍 유형",
-  "LIVE": "라이브",
-  "Loaded": "로드됨",
-  "Progress": "진행",
-  "Fullscreen": "전체 화면",
-  "Non-Fullscreen": "전체 화면 해제",
-  "Mute": "음소거",
-  "Unmute": "음소거 해제",
-  "Playback Rate": "재생 비율",
-  "Subtitles": "서브타이틀",
-  "subtitles off": "서브타이틀 끄기",
-  "Captions": "자막",
-  "captions off": "자막 끄기",
-  "Chapters": "챕터",
-  "You aborted the media playback": "비디오 재생을 취소했습니다.",
-  "A network error caused the media download to fail part-way.": "네트워크 오류로 인하여 비디오 일부를 다운로드하지 못 했습니다.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "비디오를 로드할 수 없습니다. 서버 혹은 네트워크 오류 때문이거나 지원되지 않는 형식 때문일 수 있습니다.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "비디오 재생이 취소됐습니다. 비디오가 손상되었거나 비디오가 사용하는 기능을 브라우저에서 지원하지 않는 것 같습니다.",
-  "No compatible source was found for this media.": "비디오에 호환되지 않는 소스가 있습니다."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/ko.json b/negromate/web/static/js/videojs/lang/ko.json
deleted file mode 100644
index 879edaf..0000000
--- a/negromate/web/static/js/videojs/lang/ko.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "재생",
-  "Pause": "일시중지",
-  "Current Time": "현재 시간",
-  "Duration": "지정 기간",
-  "Remaining Time": "남은 시간",
-  "Stream Type": "스트리밍 유형",
-  "LIVE": "라이브",
-  "Loaded": "로드됨",
-  "Progress": "진행",
-  "Fullscreen": "전체 화면",
-  "Non-Fullscreen": "전체 화면 해제",
-  "Mute": "음소거",
-  "Unmute": "음소거 해제",
-  "Playback Rate": "재생 비율",
-  "Subtitles": "서브타이틀",
-  "subtitles off": "서브타이틀 끄기",
-  "Captions": "자막",
-  "captions off": "자막 끄기",
-  "Chapters": "챕터",
-  "You aborted the media playback": "비디오 재생을 취소했습니다.",
-  "A network error caused the media download to fail part-way.": "네트워크 오류로 인하여 비디오 일부를 다운로드하지 못 했습니다.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "비디오를 로드할 수 없습니다. 서버 혹은 네트워크 오류 때문이거나 지원되지 않는 형식 때문일 수 있습니다.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "비디오 재생이 취소됐습니다. 비디오가 손상되었거나 비디오가 사용하는 기능을 브라우저에서 지원하지 않는 것 같습니다.",
-  "No compatible source was found for this media.": "비디오에 호환되지 않는 소스가 있습니다."
-}
diff --git a/negromate/web/static/js/videojs/lang/nb.js b/negromate/web/static/js/videojs/lang/nb.js
deleted file mode 100644
index 2acc4fe..0000000
--- a/negromate/web/static/js/videojs/lang/nb.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('nb', {
-  "Audio Player": "Lydspiller",
-  "Video Player": "Videospiller",
-  "Play": "Spill",
-  "Pause": "Pause",
-  "Replay": "Spill om igjen",
-  "Current Time": "Aktuell tid",
-  "Duration": "Varighet",
-  "Remaining Time": "Gjenstående tid",
-  "Stream Type": "Type strøm",
-  "LIVE": "DIREKTE",
-  "Seek to live, currently behind live": "Hopp til live, spiller tidligere i sendingen nå",
-  "Seek to live, currently playing live": "Hopp til live, spiller live nå",
-  "Loaded": "Lastet inn",
-  "Progress": "Framdrift",
-  "Progress Bar": "Framdriftsviser",
-  "progress bar timing: currentTime={1} duration={2}": "{1} av {2}",
-  "Fullscreen": "Fullskjerm",
-  "Non-Fullscreen": "Lukk fullskjerm",
-  "Mute": "Lyd av",
-  "Unmute": "Lyd på",
-  "Playback Rate": "Avspillingshastighet",
-  "Subtitles": "Teksting på",
-  "subtitles off": "Teksting av",
-  "Captions": "Teksting for hørselshemmede på",
-  "captions off": "Teksting for hørselshemmede av",
-  "Chapters": "Kapitler",
-  "Descriptions": "Beskrivelser",
-  "descriptions off": "beskrivelser av",
-  "Audio Track": "Lydspor",
-  "Volume Level": "Volumnivå",
-  "You aborted the media playback": "Du avbrøt avspillingen.",
-  "A network error caused the media download to fail part-way.": "En nettverksfeil avbrøt nedlasting av videoen.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Videoen kunne ikke lastes ned, på grunn av nettverksfeil eller serverfeil, eller fordi formatet ikke er støttet.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Videoavspillingen ble avbrudt på grunn av ødelagte data eller fordi videoen ville gjøre noe som nettleseren din ikke har støtte for.",
-  "No compatible source was found for this media.": "Fant ikke en kompatibel kilde for dette mediainnholdet.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Mediefilen er kryptert og vi mangler nøkler for å dekryptere den.",
-  "Play Video": "Spill av video",
-  "Close": "Lukk",
-  "Close Modal Dialog": "Lukk dialogvinduet",
-  "Modal Window": "Dialogvindu",
-  "This is a modal window": "Dette er et dialogvindu",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Vinduet kan lukkes ved å trykke på Escape-tasten eller lukkeknappen.",
-  ", opens captions settings dialog": ", åpner innstillinger for teksting for hørselshemmede",
-  ", opens subtitles settings dialog": ", åpner innstillinger for teksting",
-  ", opens descriptions settings dialog": ", åpner innstillinger for beskrivelser",
-  ", selected": ", valgt",
-  "captions settings": "innstillinger for teksting",
-  "subtitles settings": "innstillinger for teksting",
-  "descriptions settings": "innstillinger for beskrivelser",
-  "Text": "Tekst",
-  "White": "Hvit",
-  "Black": "Svart",
-  "Red": "Rød",
-  "Green": "Grønn",
-  "Blue": "Blå",
-  "Yellow": "Gul",
-  "Magenta": "Magenta",
-  "Cyan": "Turkis",
-  "Background": "Bakgrunn",
-  "Window": "Vindu",
-  "Transparent": "Gjennomsiktig",
-  "Semi-Transparent": "Delvis gjennomsiktig",
-  "Opaque": "Ugjennomsiktig",
-  "Font Size": "Tekststørrelse",
-  "Text Edge Style": "Tekstkant",
-  "None": "Ingen",
-  "Raised": "Uthevet",
-  "Depressed": "Nedtrykt",
-  "Uniform": "Enkel",
-  "Dropshadow": "Skygge",
-  "Font Family": "Skrifttype",
-  "Proportional Sans-Serif": "Proporsjonal skrift uten seriffer",
-  "Monospace Sans-Serif": "Fastbreddeskrift uten seriffer",
-  "Proportional Serif": "Proporsjonal skrift med seriffer",
-  "Monospace Serif": "Fastbreddeskrift med seriffer",
-  "Casual": "Uformell",
-  "Script": "Skråskrift",
-  "Small Caps": "Kapitéler",
-  "Reset": "Tilbakestill",
-  "restore all settings to the default values": "tilbakestill alle innstillinger til standardverdiene",
-  "Done": "Ferdig",
-  "Caption Settings Dialog": "Innstillingsvindu for teksting for hørselshemmede",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Begynnelse på dialogvindu. Trykk Escape for å avbryte og lukke vinduet.",
-  "End of dialog window.": "Avslutning på dialogvindu.",
-  "{1} is loading.": "{1} laster."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/nb.json b/negromate/web/static/js/videojs/lang/nb.json
deleted file mode 100644
index a2c843d..0000000
--- a/negromate/web/static/js/videojs/lang/nb.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Audio Player": "Lydspiller",
-  "Video Player": "Videospiller",
-  "Play": "Spill",
-  "Pause": "Pause",
-  "Replay": "Spill om igjen",
-  "Current Time": "Aktuell tid",
-  "Duration": "Varighet",
-  "Remaining Time": "Gjenstående tid",
-  "Stream Type": "Type strøm",
-  "LIVE": "DIREKTE",
-  "Seek to live, currently behind live": "Hopp til live, spiller tidligere i sendingen nå",
-  "Seek to live, currently playing live": "Hopp til live, spiller live nå",
-  "Loaded": "Lastet inn",
-  "Progress": "Framdrift",
-  "Progress Bar": "Framdriftsviser",
-  "progress bar timing: currentTime={1} duration={2}": "{1} av {2}",
-  "Fullscreen": "Fullskjerm",
-  "Non-Fullscreen": "Lukk fullskjerm",
-  "Mute": "Lyd av",
-  "Unmute": "Lyd på",
-  "Playback Rate": "Avspillingshastighet",
-  "Subtitles": "Teksting på",
-  "subtitles off": "Teksting av",
-  "Captions": "Teksting for hørselshemmede på",
-  "captions off": "Teksting for hørselshemmede av",
-  "Chapters": "Kapitler",
-  "Descriptions": "Beskrivelser",
-  "descriptions off": "beskrivelser av",
-  "Audio Track": "Lydspor",
-  "Volume Level": "Volumnivå",
-  "You aborted the media playback": "Du avbrøt avspillingen.",
-  "A network error caused the media download to fail part-way.": "En nettverksfeil avbrøt nedlasting av videoen.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Videoen kunne ikke lastes ned, på grunn av nettverksfeil eller serverfeil, eller fordi formatet ikke er støttet.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Videoavspillingen ble avbrudt på grunn av ødelagte data eller fordi videoen ville gjøre noe som nettleseren din ikke har støtte for.",
-  "No compatible source was found for this media.": "Fant ikke en kompatibel kilde for dette mediainnholdet.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Mediefilen er kryptert og vi mangler nøkler for å dekryptere den.",
-  "Play Video": "Spill av video",
-  "Close": "Lukk",
-  "Close Modal Dialog": "Lukk dialogvinduet",
-  "Modal Window": "Dialogvindu",
-  "This is a modal window": "Dette er et dialogvindu",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Vinduet kan lukkes ved å trykke på Escape-tasten eller lukkeknappen.",
-  ", opens captions settings dialog": ", åpner innstillinger for teksting for hørselshemmede",
-  ", opens subtitles settings dialog": ", åpner innstillinger for teksting",
-  ", opens descriptions settings dialog": ", åpner innstillinger for beskrivelser",
-  ", selected": ", valgt",
-  "captions settings": "innstillinger for teksting",
-  "subtitles settings": "innstillinger for teksting",
-  "descriptions settings": "innstillinger for beskrivelser",
-  "Text": "Tekst",
-  "White": "Hvit",
-  "Black": "Svart",
-  "Red": "Rød",
-  "Green": "Grønn",
-  "Blue": "Blå",
-  "Yellow": "Gul",
-  "Magenta": "Magenta",
-  "Cyan": "Turkis",
-  "Background": "Bakgrunn",
-  "Window": "Vindu",
-  "Transparent": "Gjennomsiktig",
-  "Semi-Transparent": "Delvis gjennomsiktig",
-  "Opaque": "Ugjennomsiktig",
-  "Font Size": "Tekststørrelse",
-  "Text Edge Style": "Tekstkant",
-  "None": "Ingen",
-  "Raised": "Uthevet",
-  "Depressed": "Nedtrykt",
-  "Uniform": "Enkel",
-  "Dropshadow": "Skygge",
-  "Font Family": "Skrifttype",
-  "Proportional Sans-Serif": "Proporsjonal skrift uten seriffer",
-  "Monospace Sans-Serif": "Fastbreddeskrift uten seriffer",
-  "Proportional Serif": "Proporsjonal skrift med seriffer",
-  "Monospace Serif": "Fastbreddeskrift med seriffer",
-  "Casual": "Uformell",
-  "Script": "Skråskrift",
-  "Small Caps": "Kapitéler",
-  "Reset": "Tilbakestill",
-  "restore all settings to the default values": "tilbakestill alle innstillinger til standardverdiene",
-  "Done": "Ferdig",
-  "Caption Settings Dialog": "Innstillingsvindu for teksting for hørselshemmede",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Begynnelse på dialogvindu. Trykk Escape for å avbryte og lukke vinduet.",
-  "End of dialog window.": "Avslutning på dialogvindu.",
-  "{1} is loading.": "{1} laster."
-}
diff --git a/negromate/web/static/js/videojs/lang/nl.js b/negromate/web/static/js/videojs/lang/nl.js
deleted file mode 100644
index 0d043e9..0000000
--- a/negromate/web/static/js/videojs/lang/nl.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage('nl', {
-  "Audio Player": "Audiospeler",
-  "Video Player": "Videospeler",
-  "Play": "Afspelen",
-  "Pause": "Pauzeren",
-  "Replay": "Opnieuw afspelen",
-  "Current Time": "Huidige tijd",
-  "Duration": "Tijdsduur",
-  "Remaining Time": "Resterende tijd",
-  "Stream Type": "Streamtype",
-  "LIVE": "LIVE",
-  "Loaded": "Geladen",
-  "Progress": "Voortgang",
-  "Progress Bar": "Voortgangsbalk",
-  "progress bar timing: currentTime={1} duration={2}": "{1} van {2}",
-  "Fullscreen": "Volledig scherm",
-  "Non-Fullscreen": "Geen volledig scherm",
-  "Mute": "Dempen",
-  "Unmute": "Niet dempen",
-  "Playback Rate": "Afspeelsnelheid",
-  "Subtitles": "Ondertiteling",
-  "subtitles off": "ondertiteling uit",
-  "Captions": "Bijschriften",
-  "captions off": "bijschriften uit",
-  "Chapters": "Hoofdstukken",
-  "Descriptions": "Beschrijvingen",
-  "descriptions off": "beschrijvingen uit",
-  "Audio Track": "Audiospoor",
-  "Volume Level": "Geluidsniveau",
-  "You aborted the media playback": "U heeft het afspelen van de media afgebroken",
-  "A network error caused the media download to fail part-way.": "Een netwerkfout heeft ervoor gezorgd dat het downloaden van de media halverwege is mislukt.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "De media kon niet worden geladen, dit komt doordat of de server of het netwerk mislukt of doordat het formaat niet wordt ondersteund.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Het afspelen van de media is afgebroken door een probleem met beschadeigde gegevens of doordat de media functies gebruikt die uw browser niet ondersteund.",
-  "No compatible source was found for this media.": "Er is geen geschikte bron voor deze media gevonden.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "De media is versleuteld en we hebben de sleutels niet om deze te ontsleutelen.",
-  "Play Video": "Video afspelen",
-  "Close": "Sluiten",
-  "Close Modal Dialog": "Extra venster sluiten",
-  "Modal Window": "Extra venster",
-  "This is a modal window": "Dit is een extra venster",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Dit venster kan worden gesloten door op de Escape-toets te drukken of door de sluiten-knop te activeren.",
-  ", opens captions settings dialog": ", opent instellingen-venster voor bijschriften",
-  ", opens subtitles settings dialog": ", opent instellingen-venster voor ondertitelingen",
-  ", opens descriptions settings dialog": ", opent instellingen-venster voor beschrijvingen",
-  ", selected": ", geselecteerd",
-  "captions settings": "bijschriften-instellingen",
-  "subtitles settings": "ondertiteling-instellingen",
-  "descriptions settings": "beschrijvingen-instellingen",
-  "Text": "Tekst",
-  "White": "Wit",
-  "Black": "Zwart",
-  "Red": "Rood",
-  "Green": "Groen",
-  "Blue": "Blauw",
-  "Yellow": "Geel",
-  "Magenta": "Magenta",
-  "Cyan": "Cyaan",
-  "Background": "Achtergrond",
-  "Window": "Venster",
-  "Transparent": "Transparant",
-  "Semi-Transparent": "Semi-transparant",
-  "Opaque": "Ondoorzichtig",
-  "Font Size": "Lettergrootte",
-  "Text Edge Style": "Stijl tekstrand",
-  "None": "Geen",
-  "Raised": "Verhoogd",
-  "Depressed": "Ingedrukt",
-  "Uniform": "Uniform",
-  "Dropshadow": "Schaduw",
-  "Font Family": "Lettertype",
-  "Proportional Sans-Serif": "Proportioneel sans-serif",
-  "Monospace Sans-Serif": "Monospace sans-serif",
-  "Proportional Serif": "Proportioneel serif",
-  "Monospace Serif": "Monospace serif",
-  "Casual": "Luchtig",
-  "Script": "Script",
-  "Small Caps": "Kleine hoofdletters",
-  "Reset": "Herstellen",
-  "restore all settings to the default values": "alle instellingen naar de standaardwaarden herstellen",
-  "Done": "Klaar",
-  "Caption Settings Dialog": "Venster voor bijschriften-instellingen",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Begin van dialoogvenster. Escape zal annuleren en het venster sluiten.",
-  "End of dialog window.": "Einde van dialoogvenster."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/nl.json b/negromate/web/static/js/videojs/lang/nl.json
deleted file mode 100644
index c7d0b73..0000000
--- a/negromate/web/static/js/videojs/lang/nl.json
+++ /dev/null
@@ -1,84 +0,0 @@
-{
-  "Audio Player": "Audiospeler",
-  "Video Player": "Videospeler",
-  "Play": "Afspelen",
-  "Pause": "Pauzeren",
-  "Replay": "Opnieuw afspelen",
-  "Current Time": "Huidige tijd",
-  "Duration": "Tijdsduur",
-  "Remaining Time": "Resterende tijd",
-  "Stream Type": "Streamtype",
-  "LIVE": "LIVE",
-  "Loaded": "Geladen",
-  "Progress": "Voortgang",
-  "Progress Bar": "Voortgangsbalk",
-  "progress bar timing: currentTime={1} duration={2}": "{1} van {2}",
-  "Fullscreen": "Volledig scherm",
-  "Non-Fullscreen": "Geen volledig scherm",
-  "Mute": "Dempen",
-  "Unmute": "Niet dempen",
-  "Playback Rate": "Afspeelsnelheid",
-  "Subtitles": "Ondertiteling",
-  "subtitles off": "ondertiteling uit",
-  "Captions": "Bijschriften",
-  "captions off": "bijschriften uit",
-  "Chapters": "Hoofdstukken",
-  "Descriptions": "Beschrijvingen",
-  "descriptions off": "beschrijvingen uit",
-  "Audio Track": "Audiospoor",
-  "Volume Level": "Geluidsniveau",
-  "You aborted the media playback": "U heeft het afspelen van de media afgebroken",
-  "A network error caused the media download to fail part-way.": "Een netwerkfout heeft ervoor gezorgd dat het downloaden van de media halverwege is mislukt.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "De media kon niet worden geladen, dit komt doordat of de server of het netwerk mislukt of doordat het formaat niet wordt ondersteund.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Het afspelen van de media is afgebroken door een probleem met beschadeigde gegevens of doordat de media functies gebruikt die uw browser niet ondersteund.",
-  "No compatible source was found for this media.": "Er is geen geschikte bron voor deze media gevonden.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "De media is versleuteld en we hebben de sleutels niet om deze te ontsleutelen.",
-  "Play Video": "Video afspelen",
-  "Close": "Sluiten",
-  "Close Modal Dialog": "Extra venster sluiten",
-  "Modal Window": "Extra venster",
-  "This is a modal window": "Dit is een extra venster",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Dit venster kan worden gesloten door op de Escape-toets te drukken of door de sluiten-knop te activeren.",
-  ", opens captions settings dialog": ", opent instellingen-venster voor bijschriften",
-  ", opens subtitles settings dialog": ", opent instellingen-venster voor ondertitelingen",
-  ", opens descriptions settings dialog": ", opent instellingen-venster voor beschrijvingen",
-  ", selected": ", geselecteerd",
-  "captions settings": "bijschriften-instellingen",
-  "subtitles settings": "ondertiteling-instellingen",
-  "descriptions settings": "beschrijvingen-instellingen",
-  "Text": "Tekst",
-  "White": "Wit",
-  "Black": "Zwart",
-  "Red": "Rood",
-  "Green": "Groen",
-  "Blue": "Blauw",
-  "Yellow": "Geel",
-  "Magenta": "Magenta",
-  "Cyan": "Cyaan",
-  "Background": "Achtergrond",
-  "Window": "Venster",
-  "Transparent": "Transparant",
-  "Semi-Transparent": "Semi-transparant",
-  "Opaque": "Ondoorzichtig",
-  "Font Size": "Lettergrootte",
-  "Text Edge Style": "Stijl tekstrand",
-  "None": "Geen",
-  "Raised": "Verhoogd",
-  "Depressed": "Ingedrukt",
-  "Uniform": "Uniform",
-  "Dropshadow": "Schaduw",
-  "Font Family": "Lettertype",
-  "Proportional Sans-Serif": "Proportioneel sans-serif",
-  "Monospace Sans-Serif": "Monospace sans-serif",
-  "Proportional Serif": "Proportioneel serif",
-  "Monospace Serif": "Monospace serif",
-  "Casual": "Luchtig",
-  "Script": "Script",
-  "Small Caps": "Kleine hoofdletters",
-  "Reset": "Herstellen",
-  "restore all settings to the default values": "alle instellingen naar de standaardwaarden herstellen",
-  "Done": "Klaar",
-  "Caption Settings Dialog": "Venster voor bijschriften-instellingen",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Begin van dialoogvenster. Escape zal annuleren en het venster sluiten.",
-  "End of dialog window.": "Einde van dialoogvenster."
-}
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/nn.js b/negromate/web/static/js/videojs/lang/nn.js
deleted file mode 100644
index bd5c127..0000000
--- a/negromate/web/static/js/videojs/lang/nn.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('nn', {
-  "Audio Player": "Ljudspelar",
-  "Video Player": "Videospelar",
-  "Play": "Spel",
-  "Pause": "Pause",
-  "Replay": "Spel om att",
-  "Current Time": "Aktuell tid",
-  "Duration": "Varigheit",
-  "Remaining Time": "Tid attende",
-  "Stream Type": "Type straum",
-  "LIVE": "DIREKTE",
-  "Seek to live, currently behind live": "Hopp til live, spelar tidlegare i sendinga no",
-  "Seek to live, currently playing live": "Hopp til live, speler live no",
-  "Loaded": "Lasta inn",
-  "Progress": "Framdrift",
-  "Progress Bar": "Framdriftsvisar",
-  "progress bar timing: currentTime={1} duration={2}": "{1} av {2}",
-  "Fullscreen": "Fullskjerm",
-  "Non-Fullscreen": "Stenga fullskjerm",
-  "Mute": "Ljod av",
-  "Unmute": "Ljod på",
-  "Playback Rate": "Avspelingshastigheit",
-  "Subtitles": "Teksting på",
-  "subtitles off": "Teksting av",
-  "Captions": "Teksting for høyrselshemma på",
-  "captions off": "Teksting for høyrselshemma av",
-  "Chapters": "Kapitel",
-  "Descriptions": "Beskrivingar",
-  "descriptions off": "beskrivingar av",
-  "Audio Track": "Ljudspor",
-  "Volume Level": "Volumnivå",
-  "You aborted the media playback": "Du avbraut avspelinga.",
-  "A network error caused the media download to fail part-way.": "Ein nettverksfeil avbraut nedlasting av videoen.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Videoen kunne ikkje lastas ned, på grunn av ein nettverksfeil eller serverfeil, eller av di formatet ikkje er stoda.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Videoavspelinga blei broten på grunn av øydelagde data eller av di videoen ville gjera noe som nettlesaren din ikkje stodar.",
-  "No compatible source was found for this media.": "Fant ikke en kompatibel kilde for dette mediainnholdet.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Mediefila er kryptert og vi manglar nyklar for å dekryptere ho.",
-  "Play Video": "Spel av video",
-  "Close": "Lukk",
-  "Close Modal Dialog": "Lukk dialogvindauge",
-  "Modal Window": "Dialogvindauge",
-  "This is a modal window": "Dette er eit dialogvindauge",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Vindauget kan lukkast ved å trykke på Escape-tasten eller lukkeknappen.",
-  ", opens captions settings dialog": ", opnar innstillingar for teksting for høyrselshemma",
-  ", opens subtitles settings dialog": ", opnar innstillingar for teksting",
-  ", opens descriptions settings dialog": ", opnar innstillingar for beskrivingar",
-  ", selected": ", vald",
-  "captions settings": "innstillingar for teksting",
-  "subtitles settings": "innstillingar for teksting",
-  "descriptions settings": "innstillingar for beskrivingar",
-  "Text": "Tekst",
-  "White": "Kvit",
-  "Black": "Svart",
-  "Red": "Raud",
-  "Green": "Grøn",
-  "Blue": "Blå",
-  "Yellow": "Gul",
-  "Magenta": "Magenta",
-  "Cyan": "Turkis",
-  "Background": "Bakgrunn",
-  "Window": "Vindauge",
-  "Transparent": "Gjennomsiktig",
-  "Semi-Transparent": "Delvis gjennomsiktig",
-  "Opaque": "Ugjennomsiktig",
-  "Font Size": "Tekststørrelse",
-  "Text Edge Style": "Tekstkant",
-  "None": "Ingen",
-  "Raised": "Utheva",
-  "Depressed": "Nedtrykt",
-  "Uniform": "Enkel",
-  "Dropshadow": "Skugge",
-  "Font Family": "Skrifttype",
-  "Proportional Sans-Serif": "Proporsjonal skrift utan seriffar",
-  "Monospace Sans-Serif": "Fastbreddeskrift utan seriffar",
-  "Proportional Serif": "Proporsjonal skrift med seriffar",
-  "Monospace Serif": "Fastbreddeskrift med seriffar",
-  "Casual": "Uformell",
-  "Script": "Skråskrift",
-  "Small Caps": "Kapitéler",
-  "Reset": "Tilbakestell",
-  "restore all settings to the default values": "tilbakestell alle innstillingar til standardverdiane",
-  "Done": "Ferdig",
-  "Caption Settings Dialog": "Innstillingsvindauge for teksting for høyrselshemma",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Byrjing på dialogvindauge. Trykk Escape for å avbryte og lukke vindauget.",
-  "End of dialog window.": "Avslutning på dialogvindauge.",
-  "{1} is loading.": "{1} lastar."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/nn.json b/negromate/web/static/js/videojs/lang/nn.json
deleted file mode 100644
index 509774c..0000000
--- a/negromate/web/static/js/videojs/lang/nn.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Audio Player": "Ljudspelar",
-  "Video Player": "Videospelar",
-  "Play": "Spel",
-  "Pause": "Pause",
-  "Replay": "Spel om att",
-  "Current Time": "Aktuell tid",
-  "Duration": "Varigheit",
-  "Remaining Time": "Tid attende",
-  "Stream Type": "Type straum",
-  "LIVE": "DIREKTE",
-  "Seek to live, currently behind live": "Hopp til live, spelar tidlegare i sendinga no",
-  "Seek to live, currently playing live": "Hopp til live, speler live no",
-  "Loaded": "Lasta inn",
-  "Progress": "Framdrift",
-  "Progress Bar": "Framdriftsvisar",
-  "progress bar timing: currentTime={1} duration={2}": "{1} av {2}",
-  "Fullscreen": "Fullskjerm",
-  "Non-Fullscreen": "Stenga fullskjerm",
-  "Mute": "Ljod av",
-  "Unmute": "Ljod på",
-  "Playback Rate": "Avspelingshastigheit",
-  "Subtitles": "Teksting på",
-  "subtitles off": "Teksting av",
-  "Captions": "Teksting for høyrselshemma på",
-  "captions off": "Teksting for høyrselshemma av",
-  "Chapters": "Kapitel",
-  "Descriptions": "Beskrivingar",
-  "descriptions off": "beskrivingar av",
-  "Audio Track": "Ljudspor",
-  "Volume Level": "Volumnivå",
-  "You aborted the media playback": "Du avbraut avspelinga.",
-  "A network error caused the media download to fail part-way.": "Ein nettverksfeil avbraut nedlasting av videoen.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Videoen kunne ikkje lastas ned, på grunn av ein nettverksfeil eller serverfeil, eller av di formatet ikkje er stoda.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Videoavspelinga blei broten på grunn av øydelagde data eller av di videoen ville gjera noe som nettlesaren din ikkje stodar.",
-  "No compatible source was found for this media.": "Fant ikke en kompatibel kilde for dette mediainnholdet.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Mediefila er kryptert og vi manglar nyklar for å dekryptere ho.",
-  "Play Video": "Spel av video",
-  "Close": "Lukk",
-  "Close Modal Dialog": "Lukk dialogvindauge",
-  "Modal Window": "Dialogvindauge",
-  "This is a modal window": "Dette er eit dialogvindauge",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Vindauget kan lukkast ved å trykke på Escape-tasten eller lukkeknappen.",
-  ", opens captions settings dialog": ", opnar innstillingar for teksting for høyrselshemma",
-  ", opens subtitles settings dialog": ", opnar innstillingar for teksting",
-  ", opens descriptions settings dialog": ", opnar innstillingar for beskrivingar",
-  ", selected": ", vald",
-  "captions settings": "innstillingar for teksting",
-  "subtitles settings": "innstillingar for teksting",
-  "descriptions settings": "innstillingar for beskrivingar",
-  "Text": "Tekst",
-  "White": "Kvit",
-  "Black": "Svart",
-  "Red": "Raud",
-  "Green": "Grøn",
-  "Blue": "Blå",
-  "Yellow": "Gul",
-  "Magenta": "Magenta",
-  "Cyan": "Turkis",
-  "Background": "Bakgrunn",
-  "Window": "Vindauge",
-  "Transparent": "Gjennomsiktig",
-  "Semi-Transparent": "Delvis gjennomsiktig",
-  "Opaque": "Ugjennomsiktig",
-  "Font Size": "Tekststørrelse",
-  "Text Edge Style": "Tekstkant",
-  "None": "Ingen",
-  "Raised": "Utheva",
-  "Depressed": "Nedtrykt",
-  "Uniform": "Enkel",
-  "Dropshadow": "Skugge",
-  "Font Family": "Skrifttype",
-  "Proportional Sans-Serif": "Proporsjonal skrift utan seriffar",
-  "Monospace Sans-Serif": "Fastbreddeskrift utan seriffar",
-  "Proportional Serif": "Proporsjonal skrift med seriffar",
-  "Monospace Serif": "Fastbreddeskrift med seriffar",
-  "Casual": "Uformell",
-  "Script": "Skråskrift",
-  "Small Caps": "Kapitéler",
-  "Reset": "Tilbakestell",
-  "restore all settings to the default values": "tilbakestell alle innstillingar til standardverdiane",
-  "Done": "Ferdig",
-  "Caption Settings Dialog": "Innstillingsvindauge for teksting for høyrselshemma",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Byrjing på dialogvindauge. Trykk Escape for å avbryte og lukke vindauget.",
-  "End of dialog window.": "Avslutning på dialogvindauge.",
-  "{1} is loading.": "{1} lastar."
-}
diff --git a/negromate/web/static/js/videojs/lang/oc.js b/negromate/web/static/js/videojs/lang/oc.js
deleted file mode 100644
index d86b8a7..0000000
--- a/negromate/web/static/js/videojs/lang/oc.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('oc', {
-  "Audio Player": "Lector àudio",
-  "Video Player": "Lector vidèo",
-  "Play": "Lectura",
-  "Pause": "Pausa",
-  "Replay": "Tornar legir",
-  "Current Time": "Durada passada",
-  "Duration": "Durada",
-  "Remaining Time": "Temps restant",
-  "Stream Type": "Tipe de difusion",
-  "LIVE": "DIRÈCTE",
-  "Seek to live, currently behind live": "Trapar lo dirècte, actualament darrièr lo dirècte",
-  "Seek to live, currently playing live": "Trapar lo dirècte, actualament lo dirècte es en lectura",
-  "Loaded": "Cargat",
-  "Progress": "Progression",
-  "Progress Bar": "Barra de progression",
-  "progress bar timing: currentTime={1} duration={2}": "{1} sus {2}",
-  "Fullscreen": "Ecran complèt",
-  "Non-Fullscreen": "Pas en ecran complèt",
-  "Mute": "Copar lo son",
-  "Unmute": "Restablir lo son",
-  "Playback Rate": "Velocitat de lectura",
-  "Subtitles": "Sostítols",
-  "subtitles off": "Sostítols desactivats",
-  "Captions": "Legendas",
-  "captions off": "Legendas desactivadas",
-  "Chapters": "Capítols",
-  "Descriptions": "Descripcions",
-  "descriptions off": "descripcions desactivadas",
-  "Audio Track": "Pista àudio",
-  "Volume Level": "Nivèl del volum",
-  "You aborted the media playback": "Avètz copat la lectura del mèdia.",
-  "A network error caused the media download to fail part-way.": "Una error de ret a provocat un fracàs del telecargament.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Lo mèdia a pas pogut èsser cargat, siá perque lo servidor o lo ret a fracassat siá perque lo format es pas compatible.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La lectura del mèdia es copada a causa d’un problèma de corrupcion o perque lo mèdia utiliza de foncionalitats pas suportadas pel navigador.",
-  "No compatible source was found for this media.": "Cap de font compatiblas pas trobada per aqueste mèdia.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Lo mèdia es chifrat e avèm pas las claus per lo deschifrar.",
-  "Play Video": "Legir la vidèo",
-  "Close": "Tampar",
-  "Close Modal Dialog": "Tampar la fenèstra",
-  "Modal Window": "Fenèstra",
-  "This is a modal window": "Aquò es una fenèstra",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Aquesta fenèstra pòt èsser tampada en quichar Escapar sul clavièr o en activar lo boton de tampadura.",
-  ", opens captions settings dialog": ", dobrís la fenèstra de paramètres de legendas",
-  ", opens subtitles settings dialog": ", dobrís la fenèstra de paramètres de sostítols",
-  ", opens descriptions settings dialog": ", dobrís la fenèstra de paramètres de descripcions",
-  ", selected": ", seleccionat",
-  "captions settings": "paramètres de legendas",
-  "subtitles settings": "paramètres de sostítols",
-  "descriptions settings": "paramètres de descripcions",
-  "Text": "Tèxte",
-  "White": "Blanc",
-  "Black": "Negre",
-  "Red": "Roge",
-  "Green": "Verd",
-  "Blue": "Blau",
-  "Yellow": "Jaune",
-  "Magenta": "Magenta",
-  "Cyan": "Cian",
-  "Background": "Rèireplan",
-  "Window": "Fenèstra",
-  "Transparent": "Transparent",
-  "Semi-Transparent": "Semitransparent",
-  "Opaque": "Opac",
-  "Font Size": "Talha de la polissa",
-  "Text Edge Style": "Estil dels contorns del tèxte",
-  "None": "Cap",
-  "Raised": "Naut",
-  "Depressed": "Enfonsat",
-  "Uniform": "Unifòrme",
-  "Dropshadow": "Ombrat",
-  "Font Family": "Familha de polissa",
-  "Proportional Sans-Serif": "Sans-Serif proporcionala",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Proportional Serif": "Serif proporcionala",
-  "Monospace Serif": "Serif proporcionala",
-  "Casual": "Manuscrita",
-  "Script": "Script",
-  "Small Caps": "Pichonas majusculas",
-  "Reset": "Reïnicializar",
-  "restore all settings to the default values": "O restablir tot a las valors per defaut",
-  "Done": "Acabat",
-  "Caption Settings Dialog": "Fenèstra de paramètres de legenda",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Debuta de la fenèstra. Escapar anullarà e tamparà la fenèstra",
-  "End of dialog window.": "Fin de la fenèstra.",
-  "{1} is loading.": "{1} es a cargar."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/oc.json b/negromate/web/static/js/videojs/lang/oc.json
deleted file mode 100644
index db9e8d7..0000000
--- a/negromate/web/static/js/videojs/lang/oc.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Audio Player": "Lector àudio",
-  "Video Player": "Lector vidèo",
-  "Play": "Lectura",
-  "Pause": "Pausa",
-  "Replay": "Tornar legir",
-  "Current Time": "Durada passada",
-  "Duration": "Durada",
-  "Remaining Time": "Temps restant",
-  "Stream Type": "Tipe de difusion",
-  "LIVE": "DIRÈCTE",
-  "Seek to live, currently behind live": "Trapar lo dirècte, actualament darrièr lo dirècte",
-  "Seek to live, currently playing live": "Trapar lo dirècte, actualament lo dirècte es en lectura",
-  "Loaded": "Cargat",
-  "Progress": "Progression",
-  "Progress Bar": "Barra de progression",
-  "progress bar timing: currentTime={1} duration={2}": "{1} sus {2}",
-  "Fullscreen": "Ecran complèt",
-  "Non-Fullscreen": "Pas en ecran complèt",
-  "Mute": "Copar lo son",
-  "Unmute": "Restablir lo son",
-  "Playback Rate": "Velocitat de lectura",
-  "Subtitles": "Sostítols",
-  "subtitles off": "Sostítols desactivats",
-  "Captions": "Legendas",
-  "captions off": "Legendas desactivadas",
-  "Chapters": "Capítols",
-  "Descriptions": "Descripcions",
-  "descriptions off": "descripcions desactivadas",
-  "Audio Track": "Pista àudio",
-  "Volume Level": "Nivèl del volum",
-  "You aborted the media playback": "Avètz copat la lectura del mèdia.",
-  "A network error caused the media download to fail part-way.": "Una error de ret a provocat un fracàs del telecargament.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Lo mèdia a pas pogut èsser cargat, siá perque lo servidor o lo ret a fracassat siá perque lo format es pas compatible.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "La lectura del mèdia es copada a causa d’un problèma de corrupcion o perque lo mèdia utiliza de foncionalitats pas suportadas pel navigador.",
-  "No compatible source was found for this media.": "Cap de font compatiblas pas trobada per aqueste mèdia.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Lo mèdia es chifrat e avèm pas las claus per lo deschifrar.",
-  "Play Video": "Legir la vidèo",
-  "Close": "Tampar",
-  "Close Modal Dialog": "Tampar la fenèstra",
-  "Modal Window": "Fenèstra",
-  "This is a modal window": "Aquò es una fenèstra",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Aquesta fenèstra pòt èsser tampada en quichar Escapar sul clavièr o en activar lo boton de tampadura.",
-  ", opens captions settings dialog": ", dobrís la fenèstra de paramètres de legendas",
-  ", opens subtitles settings dialog": ", dobrís la fenèstra de paramètres de sostítols",
-  ", opens descriptions settings dialog": ", dobrís la fenèstra de paramètres de descripcions",
-  ", selected": ", seleccionat",
-  "captions settings": "paramètres de legendas",
-  "subtitles settings": "paramètres de sostítols",
-  "descriptions settings": "paramètres de descripcions",
-  "Text": "Tèxte",
-  "White": "Blanc",
-  "Black": "Negre",
-  "Red": "Roge",
-  "Green": "Verd",
-  "Blue": "Blau",
-  "Yellow": "Jaune",
-  "Magenta": "Magenta",
-  "Cyan": "Cian",
-  "Background": "Rèireplan",
-  "Window": "Fenèstra",
-  "Transparent": "Transparent",
-  "Semi-Transparent": "Semitransparent",
-  "Opaque": "Opac",
-  "Font Size": "Talha de la polissa",
-  "Text Edge Style": "Estil dels contorns del tèxte",
-  "None": "Cap",
-  "Raised": "Naut",
-  "Depressed": "Enfonsat",
-  "Uniform": "Unifòrme",
-  "Dropshadow": "Ombrat",
-  "Font Family": "Familha de polissa",
-  "Proportional Sans-Serif": "Sans-Serif proporcionala",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Proportional Serif": "Serif proporcionala",
-  "Monospace Serif": "Serif proporcionala",
-  "Casual": "Manuscrita",
-  "Script": "Script",
-  "Small Caps": "Pichonas majusculas",
-  "Reset": "Reïnicializar",
-  "restore all settings to the default values": "O restablir tot a las valors per defaut",
-  "Done": "Acabat",
-  "Caption Settings Dialog": "Fenèstra de paramètres de legenda",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Debuta de la fenèstra. Escapar anullarà e tamparà la fenèstra",
-  "End of dialog window.": "Fin de la fenèstra.",
-  "{1} is loading.": "{1} es a cargar."
-}
diff --git a/negromate/web/static/js/videojs/lang/pl.js b/negromate/web/static/js/videojs/lang/pl.js
deleted file mode 100644
index 789f3ab..0000000
--- a/negromate/web/static/js/videojs/lang/pl.js
+++ /dev/null
@@ -1,34 +0,0 @@
-videojs.addLanguage('pl', {
-  "Play": "Odtwarzaj",
-  "Pause": "Pauza",
-  "Current Time": "Aktualny czas",
-  "Duration": "Czas trwania",
-  "Remaining Time": "Pozostały czas",
-  "Stream Type": "Typ strumienia",
-  "LIVE": "NA ŻYWO",
-  "Loaded": "Załadowany",
-  "Progress": "Status",
-  "Fullscreen": "Pełny ekran",
-  "Non-Fullscreen": "Pełny ekran niedostępny",
-  "Mute": "Wyłącz dźwięk",
-  "Unmute": "Włącz dźwięk",
-  "Playback Rate": "Szybkość odtwarzania",
-  "Subtitles": "Napisy",
-  "subtitles off": "Napisy wyłączone",
-  "Captions": "Transkrypcja",
-  "captions off": "Transkrypcja wyłączona",
-  "Chapters": "Rozdziały",
-  "You aborted the media playback": "Odtwarzanie zostało przerwane",
-  "A network error caused the media download to fail part-way.": "Problemy z siecią spowodowały błąd przy pobieraniu materiału wideo.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Materiał wideo nie może być załadowany, ponieważ wystąpił problem z siecią lub format nie jest obsługiwany",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Odtwarzanie materiału wideo zostało przerwane z powodu uszkodzonego pliku wideo lub z powodu błędu funkcji, które nie są wspierane przez przeglądarkę.",
-  "No compatible source was found for this media.": "Dla tego materiału wideo nie znaleziono kompatybilnego źródła.",
-  "Play Video": "Odtwarzaj wideo",
-  "Close": "Zamknij",
-  "Modal Window": "Okno Modala",
-  "This is a modal window": "To jest okno modala",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Ten modal możesz zamknąć naciskając przycisk Escape albo wybierając przycisk Zamknij.",
-  ", opens captions settings dialog": ", otwiera okno dialogowe ustawień transkrypcji",
-  ", opens subtitles settings dialog": ", otwiera okno dialogowe napisów",
-  ", selected": ", zaznaczone"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/pl.json b/negromate/web/static/js/videojs/lang/pl.json
deleted file mode 100644
index e22c36c..0000000
--- a/negromate/web/static/js/videojs/lang/pl.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-  "Play": "Odtwarzaj",
-  "Pause": "Pauza",
-  "Current Time": "Aktualny czas",
-  "Duration": "Czas trwania",
-  "Remaining Time": "Pozostały czas",
-  "Stream Type": "Typ strumienia",
-  "LIVE": "NA ŻYWO",
-  "Loaded": "Załadowany",
-  "Progress": "Status",
-  "Fullscreen": "Pełny ekran",
-  "Non-Fullscreen": "Pełny ekran niedostępny",
-  "Mute": "Wyłącz dźwięk",
-  "Unmute": "Włącz dźwięk",
-  "Playback Rate": "Szybkość odtwarzania",
-  "Subtitles": "Napisy",
-  "subtitles off": "Napisy wyłączone",
-  "Captions": "Transkrypcja",
-  "captions off": "Transkrypcja wyłączona",
-  "Chapters": "Rozdziały",
-  "You aborted the media playback": "Odtwarzanie zostało przerwane",
-  "A network error caused the media download to fail part-way.": "Problemy z siecią spowodowały błąd przy pobieraniu materiału wideo.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Materiał wideo nie może być załadowany, ponieważ wystąpił problem z siecią lub format nie jest obsługiwany",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Odtwarzanie materiału wideo zostało przerwane z powodu uszkodzonego pliku wideo lub z powodu błędu funkcji, które nie są wspierane przez przeglądarkę.",
-  "No compatible source was found for this media.": "Dla tego materiału wideo nie znaleziono kompatybilnego źródła.",
-  "Play Video": "Odtwarzaj wideo",
-  "Close": "Zamknij",
-  "Modal Window": "Okno Modala",
-  "This is a modal window": "To jest okno modala",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Ten modal możesz zamknąć naciskając przycisk Escape albo wybierając przycisk Zamknij.",
-  ", opens captions settings dialog": ", otwiera okno dialogowe ustawień transkrypcji",
-  ", opens subtitles settings dialog": ", otwiera okno dialogowe napisów",
-  ", selected": ", zaznaczone"
-}
diff --git a/negromate/web/static/js/videojs/lang/pt-BR.js b/negromate/web/static/js/videojs/lang/pt-BR.js
deleted file mode 100644
index 202d5ab..0000000
--- a/negromate/web/static/js/videojs/lang/pt-BR.js
+++ /dev/null
@@ -1,85 +0,0 @@
-videojs.addLanguage('pt-BR', {
-  "Audio Player": "Reprodutor de áudio",
-  "Video Player": "Reprodutor de vídeo",
-  "Play": "Tocar",
-  "Pause": "Pausar",
-  "Replay": "Tocar novamente",
-  "Current Time": "Tempo",
-  "Duration": "Duração",
-  "Remaining Time": "Tempo Restante",
-  "Stream Type": "Tipo de Stream",
-  "LIVE": "AO VIVO",
-  "Loaded": "Carregado",
-  "Progress": "Progresso",
-  "Progress Bar": "Barra de progresso",
-  "progress bar timing: currentTime={1} duration={2}": "{1} de {2}",
-  "Fullscreen": "Tela Cheia",
-  "Non-Fullscreen": "Tela Normal",
-  "Mute": "Mudo",
-  "Unmute": "Habilitar Som",
-  "Playback Rate": "Velocidade",
-  "Subtitles": "Legendas",
-  "subtitles off": "Sem Legendas",
-  "Captions": "Anotações",
-  "captions off": "Sem Anotações",
-  "Chapters": "Capítulos",
-  "Descriptions": "Descrições",
-  "descriptions off": "sem descrições",
-  "Audio Track": "Faixa de áudio",
-  "Volume Level": "Nível de volume",
-  "You aborted the media playback": "Você parou a execução do vídeo.",
-  "A network error caused the media download to fail part-way.": "Um erro na rede causou falha durante o download da mídia.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "A mídia não pode ser carregada, por uma falha de rede ou servidor ou o formato não é suportado.",
-  "No compatible source was found for this media.": "Nenhuma fonte foi encontrada para esta mídia.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "A reprodução foi interrompida devido à um problema de mídia corrompida ou porque a mídia utiliza funções que seu navegador não suporta.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "A mídia está criptografada e não temos as chaves para descriptografar.",
-  "Play Video": "Tocar Vídeo",
-  "Close": "Fechar",
-  "Close Modal Dialog": "Fechar Diálogo Modal",
-  "Modal Window": "Janela Modal",
-  "This is a modal window": "Isso é uma janela-modal",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Esta janela pode ser fechada pressionando a tecla de Escape.",
-  ", opens captions settings dialog": ", abre as configurações de legendas de comentários",
-  ", opens subtitles settings dialog": ", abre as configurações de legendas",
-  ", opens descriptions settings dialog": ", abre as configurações",
-  ", selected": ", selecionada",
-  "captions settings": "configurações de legendas de comentários",
-  "subtitles settings": "configurações de legendas",
-  "descriptions settings": "configurações das descrições",
-  "Text": "Texto",
-  "White": "Branco",
-  "Black": "Preto",
-  "Red": "Vermelho",
-  "Green": "Verde",
-  "Blue": "Azul",
-  "Yellow": "Amarelo",
-  "Magenta": "Magenta",
-  "Cyan": "Ciano",
-  "Background": "Plano-de-Fundo",
-  "Window": "Janela",
-  "Transparent": "Transparente",
-  "Semi-Transparent": "Semi-Transparente",
-  "Opaque": "Opaco",
-  "Font Size": "Tamanho da Fonte",
-  "Text Edge Style": "Estilo da Borda",
-  "None": "Nenhum",
-  "Raised": "Elevado",
-  "Depressed": "Acachapado",
-  "Uniform": "Uniforme",
-  "Dropshadow": "Sombra de projeção",
-  "Font Family": "Família da Fonte",
-  "Proportional Sans-Serif": "Sans-Serif(Sem serifa) Proporcional",
-  "Monospace Sans-Serif": "Sans-Serif(Sem serifa) Monoespaçada",
-  "Proportional Serif": "Serifa Proporcional",
-  "Monospace Serif": "Serifa Monoespaçada",
-  "Casual": "Casual",
-  "Script": "Script",
-  "Small Caps": "Maiúsculas Pequenas",
-  "Reset": "Redefinir",
-  "restore all settings to the default values": "restaurar todas as configurações aos valores padrão",
-  "Done": "Salvar",
-  "Caption Settings Dialog": "Caíxa-de-Diálogo das configurações de Legendas",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Iniciando a Janela-de-Diálogo. Pressionar Escape irá cancelar e fechar a janela.",
-  "End of dialog window.": "Fim da Janela-de-Diálogo",
-  "{1} is loading.": "{1} está carregando."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/pt-BR.json b/negromate/web/static/js/videojs/lang/pt-BR.json
deleted file mode 100644
index 47235fa..0000000
--- a/negromate/web/static/js/videojs/lang/pt-BR.json
+++ /dev/null
@@ -1,86 +0,0 @@
-{
-  "Audio Player": "Reprodutor de áudio",
-  "Video Player": "Reprodutor de vídeo",
-  "Play": "Tocar",
-  "Pause": "Pausar",
-  "Replay": "Tocar novamente",
-  "Current Time": "Tempo",
-  "Duration": "Duração",
-  "Remaining Time": "Tempo Restante",
-  "Stream Type": "Tipo de Stream",
-  "LIVE": "AO VIVO",
-  "Loaded": "Carregado",
-  "Progress": "Progresso",
-  "Progress Bar": "Barra de progresso",
-  "progress bar timing: currentTime={1} duration={2}": "{1} de {2}",
-  "Fullscreen": "Tela Cheia",
-  "Non-Fullscreen": "Tela Normal",
-  "Mute": "Mudo",
-  "Unmute": "Habilitar Som",
-  "Playback Rate": "Velocidade",
-  "Subtitles": "Legendas",
-  "subtitles off": "Sem Legendas",
-  "Captions": "Anotações",
-  "captions off": "Sem Anotações",
-  "Chapters": "Capítulos",
-  "Descriptions": "Descrições",
-  "descriptions off": "sem descrições",
-  "Audio Track": "Faixa de áudio",
-  "Volume Level": "Nível de volume",
-  "You aborted the media playback": "Você parou a execução do vídeo.",
-  "A network error caused the media download to fail part-way.": "Um erro na rede causou falha durante o download da mídia.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "A mídia não pode ser carregada, por uma falha de rede ou servidor ou o formato não é suportado.",
-  "No compatible source was found for this media.": "Não foi encontrada fonte de mídia compatível.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "A reprodução foi interrompida devido à um problema de mídia corrompida ou porque a mídia utiliza funções que seu navegador não suporta.",
-  "No compatible source was found for this media.": "Nenhuma fonte foi encontrada para esta mídia.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "A mídia está criptografada e não temos as chaves para descriptografar.",
-  "Play Video": "Tocar Vídeo",
-  "Close": "Fechar",
-  "Close Modal Dialog": "Fechar Diálogo Modal",
-  "Modal Window": "Janela Modal",
-  "This is a modal window": "Isso é uma janela-modal",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Esta janela pode ser fechada pressionando a tecla de Escape.",
-  ", opens captions settings dialog": ", abre as configurações de legendas de comentários",
-  ", opens subtitles settings dialog": ", abre as configurações de legendas",
-  ", opens descriptions settings dialog": ", abre as configurações",
-  ", selected": ", selecionada",
-  "captions settings": "configurações de legendas de comentários",
-  "subtitles settings": "configurações de legendas",
-  "descriptions settings": "configurações das descrições",
-  "Text": "Texto",
-  "White": "Branco",
-  "Black": "Preto",
-  "Red": "Vermelho",
-  "Green": "Verde",
-  "Blue": "Azul",
-  "Yellow": "Amarelo",
-  "Magenta": "Magenta",
-  "Cyan": "Ciano",
-  "Background": "Plano-de-Fundo",
-  "Window": "Janela",
-  "Transparent": "Transparente",
-  "Semi-Transparent": "Semi-Transparente",
-  "Opaque": "Opaco",
-  "Font Size": "Tamanho da Fonte",
-  "Text Edge Style": "Estilo da Borda",
-  "None": "Nenhum",
-  "Raised": "Elevado",
-  "Depressed": "Acachapado",
-  "Uniform": "Uniforme",
-  "Dropshadow": "Sombra de projeção",
-  "Font Family": "Família da Fonte",
-  "Proportional Sans-Serif": "Sans-Serif(Sem serifa) Proporcional",
-  "Monospace Sans-Serif": "Sans-Serif(Sem serifa) Monoespaçada",
-  "Proportional Serif": "Serifa Proporcional",
-  "Monospace Serif": "Serifa Monoespaçada",
-  "Casual": "Casual",
-  "Script": "Script",
-  "Small Caps": "Maiúsculas Pequenas",
-  "Reset": "Redefinir",
-  "restore all settings to the default values": "restaurar todas as configurações aos valores padrão",
-  "Done": "Salvar",
-  "Caption Settings Dialog": "Caíxa-de-Diálogo das configurações de Legendas",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Iniciando a Janela-de-Diálogo. Pressionar Escape irá cancelar e fechar a janela.",
-  "End of dialog window.": "Fim da Janela-de-Diálogo",
-  "{1} is loading.": "{1} está carregando."
-}
diff --git a/negromate/web/static/js/videojs/lang/pt-PT.js b/negromate/web/static/js/videojs/lang/pt-PT.js
deleted file mode 100644
index ed85f68..0000000
--- a/negromate/web/static/js/videojs/lang/pt-PT.js
+++ /dev/null
@@ -1,41 +0,0 @@
-videojs.addLanguage('pt-PT', {
-  "Play": "Reproduzir",
-  "Pause": "Parar",
-  "Replay": "Reiniciar",
-  "Current Time": "Tempo Atual",
-  "Duration": "Duração",
-  "Remaining Time": "Tempo Restante",
-  "Stream Type": "Tipo de Stream",
-  "LIVE": "EM DIRETO",
-  "Loaded": "Carregado",
-  "Progress": "Progresso",
-  "Fullscreen": "Ecrã inteiro",
-  "Non-Fullscreen": "Ecrã normal",
-  "Mute": "Desativar som",
-  "Unmute": "Ativar som",
-  "Playback Rate": "Velocidade de reprodução",
-  "Subtitles": "Legendas",
-  "subtitles off": "desativar legendas",
-  "Captions": "Anotações",
-  "captions off": "desativar anotações",
-  "Chapters": "Capítulos",
-  "Close Modal Dialog": "Fechar Janela Modal",
-  "Descriptions": "Descrições",
-  "descriptions off": "desativar descrições",
-  "Audio Track": "Faixa Áudio",
-  "You aborted the media playback": "Parou a reprodução do vídeo.",
-  "A network error caused the media download to fail part-way.": "Um erro na rede fez o vídeo falhar parcialmente.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "O vídeo não pode ser carregado, ou porque houve um problema na rede ou no servidor, ou porque formato do vídeo não é compatível.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "A reprodução foi interrompida por um problema com o vídeo ou porque o formato não é compatível com o seu navegador.",
-  "No compatible source was found for this media.": "Não foi encontrada uma fonte de vídeo compatível.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "O vídeo está encriptado e não há uma chave para o desencriptar.",
-  "Play Video": "Reproduzir Vídeo",
-  "Close": "Fechar",
-  "Modal Window": "Janela Modal",
-  "This is a modal window": "Isto é uma janela modal",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Esta modal pode ser fechada pressionando a tecla ESC ou ativando o botão de fechar.",
-  ", opens captions settings dialog": ", abre janela com definições de legendas",
-  ", opens subtitles settings dialog": ", abre janela com definições de legendas",
-  ", opens descriptions settings dialog": ", abre janela com definições de descrições",
-  ", selected": ", seleccionado"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/pt-PT.json b/negromate/web/static/js/videojs/lang/pt-PT.json
deleted file mode 100644
index 39d8c66..0000000
--- a/negromate/web/static/js/videojs/lang/pt-PT.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "Play": "Reproduzir",
-  "Pause": "Parar",
-  "Replay": "Reiniciar",
-  "Current Time": "Tempo Atual",
-  "Duration": "Duração",
-  "Remaining Time": "Tempo Restante",
-  "Stream Type": "Tipo de Stream",
-  "LIVE": "EM DIRETO",
-  "Loaded": "Carregado",
-  "Progress": "Progresso",
-  "Fullscreen": "Ecrã inteiro",
-  "Non-Fullscreen": "Ecrã normal",
-  "Mute": "Desativar som",
-  "Unmute": "Ativar som",
-  "Playback Rate": "Velocidade de reprodução",
-  "Subtitles": "Legendas",
-  "subtitles off": "desativar legendas",
-  "Captions": "Anotações",
-  "captions off": "desativar anotações",
-  "Chapters": "Capítulos",
-  "Close Modal Dialog": "Fechar Janela Modal",
-  "Descriptions": "Descrições",
-  "descriptions off": "desativar descrições",
-  "Audio Track": "Faixa Áudio",
-  "You aborted the media playback": "Parou a reprodução do vídeo.",
-  "A network error caused the media download to fail part-way.": "Um erro na rede fez o vídeo falhar parcialmente.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "O vídeo não pode ser carregado, ou porque houve um problema na rede ou no servidor, ou porque formato do vídeo não é compatível.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "A reprodução foi interrompida por um problema com o vídeo ou porque o formato não é compatível com o seu navegador.",
-  "No compatible source was found for this media.": "Não foi encontrada uma fonte de vídeo compatível.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "O vídeo está encriptado e não há uma chave para o desencriptar.",
-  "Play Video": "Reproduzir Vídeo",
-  "Close": "Fechar",
-  "Modal Window": "Janela Modal",
-  "This is a modal window": "Isto é uma janela modal",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Esta modal pode ser fechada pressionando a tecla ESC ou ativando o botão de fechar.",
-  ", opens captions settings dialog": ", abre janela com definições de legendas",
-  ", opens subtitles settings dialog": ", abre janela com definições de legendas",
-  ", opens descriptions settings dialog": ", abre janela com definições de descrições",
-  ", selected": ", seleccionado"
-}
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/ru.js b/negromate/web/static/js/videojs/lang/ru.js
deleted file mode 100644
index 973daf3..0000000
--- a/negromate/web/static/js/videojs/lang/ru.js
+++ /dev/null
@@ -1,85 +0,0 @@
-videojs.addLanguage('ru', {
-  "Audio Player": "Аудио проигрыватель",
-  "Video Player": "Видео проигрыватель",
-  "Play": "Воспроизвести",
-  "Pause": "Приостановить",
-  "Replay": "Воспроизвести снова",
-  "Current Time": "Текущее время",
-  "Duration": "Продолжительность",
-  "Remaining Time": "Оставшееся время",
-  "Stream Type": "Тип потока",
-  "LIVE": "ОНЛАЙН",
-  "Loaded": "Загрузка",
-  "Progress": "Прогресс",
-  "Progress Bar": "Индикатор загрузки",
-  "progress bar timing: currentTime={1} duration={2}": "{1} из {2}",
-  "Fullscreen": "Полноэкранный режим",
-  "Non-Fullscreen": "Неполноэкранный режим",
-  "Mute": "Без звука",
-  "Unmute": "Со звуком",
-  "Playback Rate": "Скорость воспроизведения",
-  "Subtitles": "Субтитры",
-  "subtitles off": "Субтитры выкл.",
-  "Captions": "Подписи",
-  "captions off": "Подписи выкл.",
-  "Chapters": "Главы",
-  "Descriptions": "Описания",
-  "descriptions off": "Отключить описания",
-  "Audio Track": "Звуковая дорожка",
-  "Volume Level": "Уровень громкости",
-  "You aborted the media playback": "Вы прервали воспроизведение видео",
-  "A network error caused the media download to fail part-way.": "Ошибка сети вызвала сбой во время загрузки видео.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Невозможно загрузить видео из-за сетевого или серверного сбоя либо формат не поддерживается.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Воспроизведение видео было приостановлено из-за повреждения либо в связи с тем, что видео использует функции, неподдерживаемые вашим браузером.",
-  "No compatible source was found for this media.": "Совместимые источники для этого видео отсутствуют.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Видео в зашифрованном виде, и у нас нет ключей для расшифровки.",
-  "Play Video": "Воспроизвести видео",
-  "Close": "Закрыть",
-  "Close Modal Dialog": "Закрыть модальное окно",
-  "Modal Window": "Модальное окно",
-  "This is a modal window": "Это модальное окно",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Модальное окно можно закрыть нажав Esc или кнопку закрытия окна.",
-  ", opens captions settings dialog": ", откроется диалог настройки подписей",
-  ", opens subtitles settings dialog": ", откроется диалог настройки субтитров",
-  ", opens descriptions settings dialog": ", откроется диалог настройки описаний",
-  ", selected": ", выбрано",
-  "captions settings": "настройки подписей",
-  "subtitles settings": "настройки субтитров",
-  "descriptions settings": "настройки описаний",
-  "Text": "Текст",
-  "White": "Белый",
-  "Black": "Черный",
-  "Red": "Красный",
-  "Green": "Зеленый",
-  "Blue": "Синий",
-  "Yellow": "Желтый",
-  "Magenta": "Пурпурный",
-  "Cyan": "Голубой",
-  "Background": "Фон",
-  "Window": "Окно",
-  "Transparent": "Прозрачный",
-  "Semi-Transparent": "Полупрозрачный",
-  "Opaque": "Прозрачность",
-  "Font Size": "Размер шрифта",
-  "Text Edge Style": "Стиль края текста",
-  "None": "Ничего",
-  "Raised": "Поднятый",
-  "Depressed": "Пониженный",
-  "Uniform": "Одинаковый",
-  "Dropshadow": "Тень",
-  "Font Family": "Шрифт",
-  "Proportional Sans-Serif": "Пропорциональный без засечек",
-  "Monospace Sans-Serif": "Моноширинный без засечек",
-  "Proportional Serif": "Пропорциональный с засечками",
-  "Monospace Serif": "Моноширинный с засечками",
-  "Casual": "Случайный",
-  "Script": "Письменный",
-  "Small Caps": "Малые прописные",
-  "Reset": "Сбросить",
-  "restore all settings to the default values": "сбросить все найстройки по умолчанию",
-  "Done": "Готово",
-  "Caption Settings Dialog": "Диалог настроек подписи",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Начало диалоговго окна. Кнопка Escape закроет или отменит окно",
-  "End of dialog window.": "Конец диалогового окна.",
-  "{1} is loading.": "{1} загружается."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/ru.json b/negromate/web/static/js/videojs/lang/ru.json
deleted file mode 100644
index eb6b33f..0000000
--- a/negromate/web/static/js/videojs/lang/ru.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-  "Audio Player": "Аудио проигрыватель",
-  "Video Player": "Видео проигрыватель",
-  "Play": "Воспроизвести",
-  "Pause": "Приостановить",
-  "Replay": "Воспроизвести снова",
-  "Current Time": "Текущее время",
-  "Duration": "Продолжительность",
-  "Remaining Time": "Оставшееся время",
-  "Stream Type": "Тип потока",
-  "LIVE": "ОНЛАЙН",
-  "Loaded": "Загрузка",
-  "Progress": "Прогресс",
-  "Progress Bar": "Индикатор загрузки",
-  "progress bar timing: currentTime={1} duration={2}": "{1} из {2}",
-  "Fullscreen": "Полноэкранный режим",
-  "Non-Fullscreen": "Неполноэкранный режим",
-  "Mute": "Без звука",
-  "Unmute": "Со звуком",
-  "Playback Rate": "Скорость воспроизведения",
-  "Subtitles": "Субтитры",
-  "subtitles off": "Субтитры выкл.",
-  "Captions": "Подписи",
-  "captions off": "Подписи выкл.",
-  "Chapters": "Главы",
-  "Descriptions": "Описания",
-  "descriptions off": "Отключить описания",
-  "Audio Track": "Звуковая дорожка",
-  "Volume Level": "Уровень громкости",
-  "You aborted the media playback": "Вы прервали воспроизведение видео",
-  "A network error caused the media download to fail part-way.": "Ошибка сети вызвала сбой во время загрузки видео.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Невозможно загрузить видео из-за сетевого или серверного сбоя либо формат не поддерживается.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Воспроизведение видео было приостановлено из-за повреждения либо в связи с тем, что видео использует функции, неподдерживаемые вашим браузером.",
-  "No compatible source was found for this media.": "Совместимые источники для этого видео отсутствуют.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Видео в зашифрованном виде, и у нас нет ключей для расшифровки.",
-  "Play Video": "Воспроизвести видео",
-  "Close": "Закрыть",
-  "Close Modal Dialog": "Закрыть модальное окно",
-  "Modal Window": "Модальное окно",
-  "This is a modal window": "Это модальное окно",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Модальное окно можно закрыть нажав Esc или кнопку закрытия окна.",
-  ", opens captions settings dialog": ", откроется диалог настройки подписей",
-  ", opens subtitles settings dialog": ", откроется диалог настройки субтитров",
-  ", opens descriptions settings dialog": ", откроется диалог настройки описаний",
-  ", selected": ", выбрано",
-  "captions settings": "настройки подписей",
-  "subtitles settings": "настройки субтитров",
-  "descriptions settings": "настройки описаний",
-  "Text": "Текст",
-  "White": "Белый",
-  "Black": "Черный",
-  "Red": "Красный",
-  "Green": "Зеленый",
-  "Blue": "Синий",
-  "Yellow": "Желтый",
-  "Magenta": "Пурпурный",
-  "Cyan": "Голубой",
-  "Background": "Фон",
-  "Window": "Окно",
-  "Transparent": "Прозрачный",
-  "Semi-Transparent": "Полупрозрачный",
-  "Opaque": "Прозрачность",
-  "Font Size": "Размер шрифта",
-  "Text Edge Style": "Стиль края текста",
-  "None": "Ничего",
-  "Raised": "Поднятый",
-  "Depressed": "Пониженный",
-  "Uniform": "Одинаковый",
-  "Dropshadow": "Тень",
-  "Font Family": "Шрифт",
-  "Proportional Sans-Serif": "Пропорциональный без засечек",
-  "Monospace Sans-Serif": "Моноширинный без засечек",
-  "Proportional Serif": "Пропорциональный с засечками",
-  "Monospace Serif": "Моноширинный с засечками",
-  "Casual": "Случайный",
-  "Script": "Письменный",
-  "Small Caps": "Малые прописные",
-  "Reset": "Сбросить",
-  "restore all settings to the default values": "сбросить все найстройки по умолчанию",
-  "Done": "Готово",
-  "Caption Settings Dialog": "Диалог настроек подписи",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Начало диалоговго окна. Кнопка Escape закроет или отменит окно",
-  "End of dialog window.": "Конец диалогового окна.",
-  "{1} is loading.": "{1} загружается."
-}
diff --git a/negromate/web/static/js/videojs/lang/sk.js b/negromate/web/static/js/videojs/lang/sk.js
deleted file mode 100644
index e3f9d80..0000000
--- a/negromate/web/static/js/videojs/lang/sk.js
+++ /dev/null
@@ -1,85 +0,0 @@
-videojs.addLanguage('sk', {
-  "Audio Player": "Zvukový prehrávač",
-  "Video Player": "Video prehrávač",
-  "Play": "Prehrať",
-  "Pause": "Pozastaviť",
-  "Replay": "Prehrať znova",
-  "Current Time": "Aktuálny čas",
-  "Duration": "Čas trvania",
-  "Remaining Time": "Zostávajúci čas",
-  "Stream Type": "Typ stopy",
-  "LIVE": "NAŽIVO",
-  "Loaded": "Načítané",
-  "Progress": "Priebeh",
-  "Progress Bar": "Ukazovateľ priebehu",
-  "progress bar timing: currentTime={1} duration={2}": "časovanie ukazovateľa priebehu: currentTime={1} duration={2}",
-  "Fullscreen": "Režim celej obrazovky",
-  "Non-Fullscreen": "Režim normálnej obrazovky",
-  "Mute": "Stlmiť",
-  "Unmute": "Zrušiť stlmenie",
-  "Playback Rate": "Rýchlosť prehrávania",
-  "Subtitles": "Titulky",
-  "subtitles off": "titulky vypnuté",
-  "Captions": "Popisky",
-  "captions off": "popisky vypnuté",
-  "Chapters": "Kapitoly",
-  "Descriptions": "Opisy",
-  "descriptions off": "opisy vypnuté",
-  "Audio Track": "Zvuková stopa",
-  "Volume Level": "Úroveň hlasitosti",
-  "You aborted the media playback": "Prerušili ste prehrávanie",
-  "A network error caused the media download to fail part-way.": "Sťahovanie súboru bolo zrušené pre chybu na sieti.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Súbor sa nepodarilo načítať pre chybu servera, sieťového pripojenia, alebo je formát súboru nepodporovaný.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Prehrávanie súboru bolo prerušené pre poškodené dáta, alebo súbor používa vlastnosti, ktoré váš prehliadač nepodporuje.",
-  "No compatible source was found for this media.": "Nebol nájdený žiaden kompatibilný zdroj pre tento súbor.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Súbor je zašifrovaný a nie je k dispozícii kľúč na rozšifrovanie.",
-  "Play Video": "Prehrať video",
-  "Close": "Zatvoriť",
-  "Close Modal Dialog": "Zatvoriť modálne okno",
-  "Modal Window": "Modálne okno",
-  "This is a modal window": "Toto je modálne okno",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Toto modálne okno je možné zatvoriť stlačením klávesy Escape, alebo aktivovaním tlačidla na zatvorenie.",
-  ", opens captions settings dialog": ", otvorí okno nastavení popiskov",
-  ", opens subtitles settings dialog": ", otvorí okno nastavení titulkov",
-  ", opens descriptions settings dialog": ", otvorí okno nastavení opisov",
-  ", selected": ", označené",
-  "captions settings": "nastavenia popiskov",
-  "subtitles settings": "nastavenia titulkov",
-  "descriptions settings": "nastavenia opisov",
-  "Text": "Text",
-  "White": "Biela",
-  "Black": "Čierna",
-  "Red": "Červená",
-  "Green": "Zelená",
-  "Blue": "Modrá",
-  "Yellow": "Žltá",
-  "Magenta": "Ružová",
-  "Cyan": "Tyrkysová",
-  "Background": "Pozadie",
-  "Window": "Okno",
-  "Transparent": "Priesvitné",
-  "Semi-Transparent": "Polopriesvitné",
-  "Opaque": "Plné",
-  "Font Size": "Veľkosť písma",
-  "Text Edge Style": "Typ okrajov písma",
-  "None": "Žiadne",
-  "Raised": "Zvýšené",
-  "Depressed": "Znížené",
-  "Uniform": "Pravidelné",
-  "Dropshadow": "S tieňom",
-  "Font Family": "Typ písma",
-  "Proportional Sans-Serif": "Proporčné bezpätkové",
-  "Monospace Sans-Serif": "Pravidelné, bezpätkové",
-  "Proportional Serif": "Proporčné pätkové",
-  "Monospace Serif": "Pravidelné pätkové",
-  "Casual": "Bežné",
-  "Script": "Písané",
-  "Small Caps": "Malé kapitálky",
-  "Reset": "Resetovať",
-  "restore all settings to the default values": "všetky nastavenia na základné hodnoty",
-  "Done": "Hotovo",
-  "Caption Settings Dialog": "Okno nastavení popiskov",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Začiatok okna. Klávesa Escape zruší a zavrie okno.",
-  "End of dialog window.": "Koniec okna.",
-  "{1} is loading.": "{1} sa načíta."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/sk.json b/negromate/web/static/js/videojs/lang/sk.json
deleted file mode 100644
index 9c3f560..0000000
--- a/negromate/web/static/js/videojs/lang/sk.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-  "Audio Player": "Zvukový prehrávač",
-  "Video Player": "Video prehrávač",
-  "Play": "Prehrať",
-  "Pause": "Pozastaviť",
-  "Replay": "Prehrať znova",
-  "Current Time": "Aktuálny čas",
-  "Duration": "Čas trvania",
-  "Remaining Time": "Zostávajúci čas",
-  "Stream Type": "Typ stopy",
-  "LIVE": "NAŽIVO",
-  "Loaded": "Načítané",
-  "Progress": "Priebeh",
-  "Progress Bar": "Ukazovateľ priebehu",
-  "progress bar timing: currentTime={1} duration={2}": "časovanie ukazovateľa priebehu: currentTime={1} duration={2}",
-  "Fullscreen": "Režim celej obrazovky",
-  "Non-Fullscreen": "Režim normálnej obrazovky",
-  "Mute": "Stlmiť",
-  "Unmute": "Zrušiť stlmenie",
-  "Playback Rate": "Rýchlosť prehrávania",
-  "Subtitles": "Titulky",
-  "subtitles off": "titulky vypnuté",
-  "Captions": "Popisky",
-  "captions off": "popisky vypnuté",
-  "Chapters": "Kapitoly",
-  "Descriptions": "Opisy",
-  "descriptions off": "opisy vypnuté",
-  "Audio Track": "Zvuková stopa",
-  "Volume Level": "Úroveň hlasitosti",
-  "You aborted the media playback": "Prerušili ste prehrávanie",
-  "A network error caused the media download to fail part-way.": "Sťahovanie súboru bolo zrušené pre chybu na sieti.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Súbor sa nepodarilo načítať pre chybu servera, sieťového pripojenia, alebo je formát súboru nepodporovaný.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Prehrávanie súboru bolo prerušené pre poškodené dáta, alebo súbor používa vlastnosti, ktoré váš prehliadač nepodporuje.",
-  "No compatible source was found for this media.": "Nebol nájdený žiaden kompatibilný zdroj pre tento súbor.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Súbor je zašifrovaný a nie je k dispozícii kľúč na rozšifrovanie.",
-  "Play Video": "Prehrať video",
-  "Close": "Zatvoriť",
-  "Close Modal Dialog": "Zatvoriť modálne okno",
-  "Modal Window": "Modálne okno",
-  "This is a modal window": "Toto je modálne okno",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Toto modálne okno je možné zatvoriť stlačením klávesy Escape, alebo aktivovaním tlačidla na zatvorenie.",
-  ", opens captions settings dialog": ", otvorí okno nastavení popiskov",
-  ", opens subtitles settings dialog": ", otvorí okno nastavení titulkov",
-  ", opens descriptions settings dialog": ", otvorí okno nastavení opisov",
-  ", selected": ", označené",
-  "captions settings": "nastavenia popiskov",
-  "subtitles settings": "nastavenia titulkov",
-  "descriptions settings": "nastavenia opisov",
-  "Text": "Text",
-  "White": "Biela",
-  "Black": "Čierna",
-  "Red": "Červená",
-  "Green": "Zelená",
-  "Blue": "Modrá",
-  "Yellow": "Žltá",
-  "Magenta": "Ružová",
-  "Cyan": "Tyrkysová",
-  "Background": "Pozadie",
-  "Window": "Okno",
-  "Transparent": "Priesvitné",
-  "Semi-Transparent": "Polopriesvitné",
-  "Opaque": "Plné",
-  "Font Size": "Veľkosť písma",
-  "Text Edge Style": "Typ okrajov písma",
-  "None": "Žiadne",
-  "Raised": "Zvýšené",
-  "Depressed": "Znížené",
-  "Uniform": "Pravidelné",
-  "Dropshadow": "S tieňom",
-  "Font Family": "Typ písma",
-  "Proportional Sans-Serif": "Proporčné bezpätkové",
-  "Monospace Sans-Serif": "Pravidelné, bezpätkové",
-  "Proportional Serif": "Proporčné pätkové",
-  "Monospace Serif": "Pravidelné pätkové",
-  "Casual": "Bežné",
-  "Script": "Písané",
-  "Small Caps": "Malé kapitálky",
-  "Reset": "Resetovať",
-  "restore all settings to the default values": "všetky nastavenia na základné hodnoty",
-  "Done": "Hotovo",
-  "Caption Settings Dialog": "Okno nastavení popiskov",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Začiatok okna. Klávesa Escape zruší a zavrie okno.",
-  "End of dialog window.": "Koniec okna.",
-	"{1} is loading.": "{1} sa načíta."
-}
diff --git a/negromate/web/static/js/videojs/lang/sr.js b/negromate/web/static/js/videojs/lang/sr.js
deleted file mode 100644
index ba81d4d..0000000
--- a/negromate/web/static/js/videojs/lang/sr.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage('sr', {
-  "Play": "Pusti",
-  "Pause": "Pauza",
-  "Current Time": "Trenutno vreme",
-  "Duration": "Vreme trajanja",
-  "Remaining Time": "Preostalo vreme",
-  "Stream Type": "Način strimovanja",
-  "LIVE": "UŽIVO",
-  "Loaded": "Učitan",
-  "Progress": "Progres",
-  "Fullscreen": "Pun ekran",
-  "Non-Fullscreen": "Mali ekran",
-  "Mute": "Prigušen",
-  "Unmute": "Ne-prigušen",
-  "Playback Rate": "Stopa reprodukcije",
-  "Subtitles": "Podnaslov",
-  "subtitles off": "Podnaslov deaktiviran",
-  "Captions": "Titlovi",
-  "captions off": "Titlovi deaktivirani",
-  "Chapters": "Poglavlja",
-  "You aborted the media playback": "Isključili ste reprodukciju videa.",
-  "A network error caused the media download to fail part-way.": "Video se prestao preuzimati zbog greške na mreži.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video se ne može reproducirati zbog servera, greške u mreži ili format nije podržan.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Reprodukcija videa je zaustavljenja zbog greške u formatu ili zbog verzije vašeg pretraživača.",
-  "No compatible source was found for this media.": "Nije nađen nijedan kompatibilan izvor ovog videa."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/sr.json b/negromate/web/static/js/videojs/lang/sr.json
deleted file mode 100644
index 512466c..0000000
--- a/negromate/web/static/js/videojs/lang/sr.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "Play": "Pusti",
-  "Pause": "Pauza",
-  "Current Time": "Trenutno vreme",
-  "Duration": "Vreme trajanja",
-  "Remaining Time": "Preostalo vreme",
-  "Stream Type": "Način strimovanja",
-  "LIVE": "UŽIVO",
-  "Loaded": "Učitan",
-  "Progress": "Progres",
-  "Fullscreen": "Pun ekran",
-  "Non-Fullscreen": "Mali ekran",
-  "Mute": "Prigušen",
-  "Unmute": "Ne-prigušen",
-  "Playback Rate": "Stopa reprodukcije",
-  "Subtitles": "Podnaslov",
-  "subtitles off": "Podnaslov deaktiviran",
-  "Captions": "Titlovi",
-  "captions off": "Titlovi deaktivirani",
-  "Chapters": "Poglavlja",
-  "You aborted the media playback": "Isključili ste reprodukciju videa.",
-  "A network error caused the media download to fail part-way.": "Video se prestao preuzimati zbog greške na mreži.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video se ne može reproducirati zbog servera, greške u mreži ili format nije podržan.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Reprodukcija videa je zaustavljenja zbog greške u formatu ili zbog verzije vašeg pretraživača.",
-  "No compatible source was found for this media.": "Nije nađen nijedan kompatibilan izvor ovog videa."
-}
diff --git a/negromate/web/static/js/videojs/lang/sv.js b/negromate/web/static/js/videojs/lang/sv.js
deleted file mode 100644
index 71422ef..0000000
--- a/negromate/web/static/js/videojs/lang/sv.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('sv', {
-  ", opens captions settings dialog": ", öppnar dialogruta för textning",
-  ", opens descriptions settings dialog": ", öppnar dialogruta för inställningar",
-  ", opens subtitles settings dialog": ", öppnar dialogruta för undertexter",
-  ", selected": ", vald",
-  "A network error caused the media download to fail part-way.": "Ett nätverksfel gjorde att nedladdningen av videon avbröts.",
-  "Audio Player": "Ljudspelare",
-  "Audio Track": "Ljudspår",
-  "Background": "Bakgrund",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Början av dialogfönster. Escape avbryter och stänger fönstret.",
-  "Black": "Svart",
-  "Blue": "Blå",
-  "Caption Settings Dialog": "Dialogruta för textningsinställningar",
-  "Captions": "Text på",
-  "Casual": "Casual",
-  "Chapters": "Kapitel",
-  "Close": "Stäng",
-  "Close Modal Dialog": "Stäng dialogruta",
-  "Current Time": "Aktuell tid",
-  "Cyan": "Cyan",
-  "Depressed": "Deprimerad",
-  "Descriptions": "Beskrivningar",
-  "Done": "Klar",
-  "Dropshadow": "DropSkugga",
-  "Duration": "Total tid",
-  "End of dialog window.": "Slutet av dialogfönster.",
-  "Font Family": "Typsnittsfamilj",
-  "Font Size": "Textstorlek",
-  "Fullscreen": "Fullskärm",
-  "Green": "Grön",
-  "LIVE": "LIVE",
-  "Loaded": "Laddad",
-  "Magenta": "Magenta",
-  "Modal Window": "dialogruta",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Monospace Serif": "Monospace Serif",
-  "Mute": "Ljud av",
-  "No compatible source was found for this media.": "Det gick inte att hitta någon kompatibel källa för den här videon.",
-  "Non-Fullscreen": "Ej fullskärm",
-  "None": "Ingen",
-  "Opaque": "Opak",
-  "Pause": "Pausa",
-  "Play": "Spela",
-  "Play Video": "Spela upp video",
-  "Playback Rate": "Uppspelningshastighet",
-  "Progress": "Förlopp",
-  "Progress Bar": "förloppsmätare",
-  "Proportional Sans-Serif": "Proportionell Sans-Serif",
-  "Proportional Serif": "Proportionell Serif",
-  "Raised": "Raised",
-  "Red": "Röd",
-  "Remaining Time": "Återstående tid",
-  "Replay": "Spela upp igen",
-  "Reset": "Återställ",
-  "Script": "Manus",
-  "Seek to live, currently behind live": "Återgå till live, uppspelningen är inte live",
-  "Seek to live, currently playing live": "Återgå till live, uppspelningen är live",
-  "Semi-Transparent": "Semi-transparent",
-  "Small Caps": "Small-Caps",
-  "Stream Type": "Strömningstyp",
-  "Subtitles": "Text på",
-  "Text": "Text",
-  "Text Edge Style": "Textkantstil",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Det gick inte att ladda videon, antingen på grund av ett server- eller nätverksfel, eller för att formatet inte stöds.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Mediat är krypterat och vi har inte nycklarna för att dekryptera det.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Uppspelningen avbröts på grund av att videon är skadad, eller också för att videon använder funktioner som din webbläsare inte stöder.",
-  "This is a modal window": "Det här är ett dialogruta",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Den här dialogrutan kan stängas genom att trycka på Escape-tangenten eller stäng knappen.",
-  "Transparent": "Transparent",
-  "Uniform": "Uniform",
-  "Unmute": "Ljud på",
-  "Video Player": "Videospelare",
-  "Volume Level": "Volymnivå",
-  "White": "Vit",
-  "Window": "Fönster",
-  "Yellow": "Gul",
-  "You aborted the media playback": "Du har avbrutit videouppspelningen.",
-  "captions off": "Text av",
-  "captions settings": "textningsinställningar",
-  "descriptions off": "beskrivningar av",
-  "descriptions settings": "beskrivningsinställningar",
-  "progress bar timing: currentTime={1} duration={2}": "{1} av {2}",
-  "restore all settings to the default values": "återställ alla inställningar till standardvärden",
-  "subtitles off": "Text av",
-  "subtitles settings": "undertextsinställningar",
-  "{1} is loading.": "{1} laddar."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/sv.json b/negromate/web/static/js/videojs/lang/sv.json
deleted file mode 100644
index dc020f2..0000000
--- a/negromate/web/static/js/videojs/lang/sv.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  ", opens captions settings dialog": ", öppnar dialogruta för textning",
-  ", opens descriptions settings dialog": ", öppnar dialogruta för inställningar",
-  ", opens subtitles settings dialog": ", öppnar dialogruta för undertexter",
-  ", selected": ", vald",
-  "A network error caused the media download to fail part-way.": "Ett nätverksfel gjorde att nedladdningen av videon avbröts.",
-  "Audio Player": "Ljudspelare",
-  "Audio Track": "Ljudspår",
-  "Background": "Bakgrund",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Början av dialogfönster. Escape avbryter och stänger fönstret.",
-  "Black": "Svart",
-  "Blue": "Blå",
-  "Caption Settings Dialog": "Dialogruta för textningsinställningar",
-  "Captions": "Text på",
-  "Casual": "Casual",
-  "Chapters": "Kapitel",
-  "Close": "Stäng",
-  "Close Modal Dialog": "Stäng dialogruta",
-  "Current Time": "Aktuell tid",
-  "Cyan": "Cyan",
-  "Depressed": "Deprimerad",
-  "Descriptions": "Beskrivningar",
-  "Done": "Klar",
-  "Dropshadow": "DropSkugga",
-  "Duration": "Total tid",
-  "End of dialog window.": "Slutet av dialogfönster.",
-  "Font Family": "Typsnittsfamilj",
-  "Font Size": "Textstorlek",
-  "Fullscreen": "Fullskärm",
-  "Green": "Grön",
-  "LIVE": "LIVE",
-  "Loaded": "Laddad",
-  "Magenta": "Magenta",
-  "Modal Window": "dialogruta",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Monospace Serif": "Monospace Serif",
-  "Mute": "Ljud av",
-  "No compatible source was found for this media.": "Det gick inte att hitta någon kompatibel källa för den här videon.",
-  "Non-Fullscreen": "Ej fullskärm",
-  "None": "Ingen",
-  "Opaque": "Opak",
-  "Pause": "Pausa",
-  "Play": "Spela",
-  "Play Video": "Spela upp video",
-  "Playback Rate": "Uppspelningshastighet",
-  "Progress": "Förlopp",
-  "Progress Bar": "förloppsmätare",
-  "Proportional Sans-Serif": "Proportionell Sans-Serif",
-  "Proportional Serif": "Proportionell Serif",
-  "Raised": "Raised",
-  "Red": "Röd",
-  "Remaining Time": "Återstående tid",
-  "Replay": "Spela upp igen",
-  "Reset": "Återställ",
-  "Script": "Manus",
-  "Seek to live, currently behind live": "Återgå till live, uppspelningen är inte live",
-  "Seek to live, currently playing live": "Återgå till live, uppspelningen är live",
-  "Semi-Transparent": "Semi-transparent",
-  "Small Caps": "Small-Caps",
-  "Stream Type": "Strömningstyp",
-  "Subtitles": "Text på",
-  "Text": "Text",
-  "Text Edge Style": "Textkantstil",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Det gick inte att ladda videon, antingen på grund av ett server- eller nätverksfel, eller för att formatet inte stöds.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Mediat är krypterat och vi har inte nycklarna för att dekryptera det.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Uppspelningen avbröts på grund av att videon är skadad, eller också för att videon använder funktioner som din webbläsare inte stöder.",
-  "This is a modal window": "Det här är ett dialogruta",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Den här dialogrutan kan stängas genom att trycka på Escape-tangenten eller stäng knappen.",
-  "Transparent": "Transparent",
-  "Uniform": "Uniform",
-  "Unmute": "Ljud på",
-  "Video Player": "Videospelare",
-  "Volume Level": "Volymnivå",
-  "White": "Vit",
-  "Window": "Fönster",
-  "Yellow": "Gul",
-  "You aborted the media playback": "Du har avbrutit videouppspelningen.",
-  "captions off": "Text av",
-  "captions settings": "textningsinställningar",
-  "descriptions off": "beskrivningar av",
-  "descriptions settings": "beskrivningsinställningar",
-  "progress bar timing: currentTime={1} duration={2}": "{1} av {2}",
-  "restore all settings to the default values": "återställ alla inställningar till standardvärden",
-  "subtitles off": "Text av",
-  "subtitles settings": "undertextsinställningar",
-  "{1} is loading.": "{1} laddar."
-}
diff --git a/negromate/web/static/js/videojs/lang/tr.js b/negromate/web/static/js/videojs/lang/tr.js
deleted file mode 100644
index f9edfeb..0000000
--- a/negromate/web/static/js/videojs/lang/tr.js
+++ /dev/null
@@ -1,76 +0,0 @@
-videojs.addLanguage('tr', {
-  "Play": "Oynat",
-  "Pause": "Duraklat",
-  "Replay": "Yeniden Oynat",
-  "Current Time": "Süre",
-  "Duration": "Toplam Süre",
-  "Remaining Time": "Kalan Süre",
-  "Stream Type": "Yayın Tipi",
-  "LIVE": "CANLI",
-  "Loaded": "Yüklendi",
-  "Progress": "Yükleniyor",
-  "Fullscreen": "Tam Ekran",
-  "Non-Fullscreen": "Küçük Ekran",
-  "Mute": "Ses Kapa",
-  "Unmute": "Ses Aç",
-  "Playback Rate": "Oynatma Hızı",
-  "Subtitles": "Altyazı",
-  "subtitles off": "Altyazı Kapalı",
-  "Captions": "Altyazı",
-  "captions off": "Altyazı Kapalı",
-  "Chapters": "Bölümler",
-  "Close Modal Dialog": "Dialogu Kapat",
-  "Descriptions": "Açıklamalar",
-  "descriptions off": "Açıklamalar kapalı",
-  "Audio Track": "Ses Dosyası",
-  "You aborted the media playback": "Video oynatmayı iptal ettiniz",
-  "A network error caused the media download to fail part-way.": "Video indirilirken bağlantı sorunu oluştu.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video oynatılamadı, ağ ya da sunucu hatası veya belirtilen format desteklenmiyor.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Tarayıcınız desteklemediği için videoda hata oluştu.",
-  "No compatible source was found for this media.": "Video için kaynak bulunamadı.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Video, şifrelenmiş bir kaynaktan geliyor ve oynatmak için gerekli anahtar bulunamadı.",
-  "Play Video": "Videoyu Oynat",
-  "Close": "Kapat",
-  "Modal Window": "Modal Penceresi",
-  "This is a modal window": "Bu bir modal penceresidir",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Bu modal ESC tuşuna basarak ya da kapata tıklanarak kapatılabilir.",
-  ", opens captions settings dialog": ", altyazı ayarları menüsünü açar",
-  ", opens subtitles settings dialog": ", altyazı ayarları menüsünü açar",
-  ", opens descriptions settings dialog": ", açıklama ayarları menüsünü açar",
-  ", selected": ", seçildi",
-  "captions settings": "altyazı ayarları",
-  "subtitles settings": "altyazı ayarları",
-  "descriptions settings": "açıklama ayarları",
-  "Text": "Yazı",
-  "White": "Beyaz",
-  "Black": "Siyah",
-  "Red": "Kırmızı",
-  "Green": "Yeşil",
-  "Blue": "Mavi",
-  "Yellow": "Sarı",
-  "Magenta": "Macenta",
-  "Cyan": "Açık Mavi (Camgöbeği)",
-  "Background": "Arka plan",
-  "Window": "Pencere",
-  "Transparent": "Saydam",
-  "Semi-Transparent": "Yarı-Saydam",
-  "Opaque": "Mat",
-  "Font Size": "Yazı Boyutu",
-  "Text Edge Style": "Yazı Kenarlıkları",
-  "None": "Hiçbiri",
-  "Raised": "Kabartılmış",
-  "Depressed": "Yassı",
-  "Uniform": "Düz",
-  "Dropshadow": "Gölgeli",
-  "Font Family": "Yazı Tipi",
-  "Proportional Sans-Serif": "Orantılı Sans-Serif",
-  "Monospace Sans-Serif": "Eşaralıklı Sans-Serif",
-  "Proportional Serif": "Orantılı Serif",
-  "Monospace Serif": "Eşaralıklı Serif",
-  "Casual": "Gündelik",
-  "Script": "El Yazısı",
-  "Small Caps": "Küçük Boyutlu Büyük Harfli",
-  "Done": "Tamam",
-  "Caption Settings Dialog": "Altyazı Ayarları Menüsü",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Diyalog penceresinin başlangıcı. ESC tuşu işlemi iptal edip pencereyi kapatacaktır."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/tr.json b/negromate/web/static/js/videojs/lang/tr.json
deleted file mode 100644
index 07e1837..0000000
--- a/negromate/web/static/js/videojs/lang/tr.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-  "Play": "Oynat",
-  "Pause": "Duraklat",
-  "Replay": "Yeniden Oynat",
-  "Current Time": "Süre",
-  "Duration": "Toplam Süre",
-  "Remaining Time": "Kalan Süre",
-  "Stream Type": "Yayın Tipi",
-  "LIVE": "CANLI",
-  "Loaded": "Yüklendi",
-  "Progress": "Yükleniyor",
-  "Fullscreen": "Tam Ekran",
-  "Non-Fullscreen": "Küçük Ekran",
-  "Mute": "Ses Kapa",
-  "Unmute": "Ses Aç",
-  "Playback Rate": "Oynatma Hızı",
-  "Subtitles": "Altyazı",
-  "subtitles off": "Altyazı Kapalı",
-  "Captions": "Altyazı",
-  "captions off": "Altyazı Kapalı",
-  "Chapters": "Bölümler",
-  "Close Modal Dialog": "Dialogu Kapat",
-  "Descriptions": "Açıklamalar",
-  "descriptions off": "Açıklamalar kapalı",
-  "Audio Track": "Ses Dosyası",
-  "You aborted the media playback": "Video oynatmayı iptal ettiniz",
-  "A network error caused the media download to fail part-way.": "Video indirilirken bağlantı sorunu oluştu.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video oynatılamadı, ağ ya da sunucu hatası veya belirtilen format desteklenmiyor.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Tarayıcınız desteklemediği için videoda hata oluştu.",
-  "No compatible source was found for this media.": "Video için kaynak bulunamadı.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Video, şifrelenmiş bir kaynaktan geliyor ve oynatmak için gerekli anahtar bulunamadı.",
-  "Play Video": "Videoyu Oynat",
-  "Close": "Kapat",
-  "Modal Window": "Modal Penceresi",
-  "This is a modal window": "Bu bir modal penceresidir",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Bu modal ESC tuşuna basarak ya da kapata tıklanarak kapatılabilir.",
-  ", opens captions settings dialog": ", altyazı ayarları menüsünü açar",
-  ", opens subtitles settings dialog": ", altyazı ayarları menüsünü açar",
-  ", opens descriptions settings dialog": ", açıklama ayarları menüsünü açar",
-  ", selected": ", seçildi",
-  "captions settings": "altyazı ayarları",
-  "subtitles settings": "altyazı ayarları",
-  "descriptions settings": "açıklama ayarları",
-  "Text": "Yazı",
-  "White": "Beyaz",
-  "Black": "Siyah",
-  "Red": "Kırmızı",
-  "Green": "Yeşil",
-  "Blue": "Mavi",
-  "Yellow": "Sarı",
-  "Magenta": "Macenta",
-  "Cyan": "Açık Mavi (Camgöbeği)",
-  "Background": "Arka plan",
-  "Window": "Pencere",
-  "Transparent": "Saydam",
-  "Semi-Transparent": "Yarı-Saydam",
-  "Opaque": "Mat",
-  "Font Size": "Yazı Boyutu",
-  "Text Edge Style": "Yazı Kenarlıkları",
-  "None": "Hiçbiri",
-  "Raised": "Kabartılmış",
-  "Depressed": "Yassı",
-  "Uniform": "Düz",
-  "Dropshadow": "Gölgeli",
-  "Font Family": "Yazı Tipi",
-  "Proportional Sans-Serif": "Orantılı Sans-Serif",
-  "Monospace Sans-Serif": "Eşaralıklı Sans-Serif",
-  "Proportional Serif": "Orantılı Serif",
-  "Monospace Serif": "Eşaralıklı Serif",
-  "Casual": "Gündelik",
-  "Script": "El Yazısı",
-  "Small Caps": "Küçük Boyutlu Büyük Harfli",
-  "Done": "Tamam",
-  "Caption Settings Dialog": "Altyazı Ayarları Menüsü",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Diyalog penceresinin başlangıcı. ESC tuşu işlemi iptal edip pencereyi kapatacaktır."
-}
diff --git a/negromate/web/static/js/videojs/lang/uk.js b/negromate/web/static/js/videojs/lang/uk.js
deleted file mode 100644
index 2d801fe..0000000
--- a/negromate/web/static/js/videojs/lang/uk.js
+++ /dev/null
@@ -1,85 +0,0 @@
-videojs.addLanguage('uk', {
-  "Audio Player": "Аудіопрогравач",
-  "Video Player": "Відеопрогравач",
-  "Play": "Відтворити",
-  "Pause": "Призупинити",
-  "Replay": "Відтворити знову",
-  "Current Time": "Поточний час",
-  "Duration": "Тривалість",
-  "Remaining Time": "Час, що залишився",
-  "Stream Type": "Тип потоку",
-  "LIVE": "НАЖИВО",
-  "Loaded": "Завантаження",
-  "Progress": "Прогрес",
-  "Progress Bar": "Індикатор завантаження",
-  "progress bar timing: currentTime={1} duration={2}": "{1} з {2}",
-  "Fullscreen": "Повноекранний режим",
-  "Non-Fullscreen": "Неповноекранний режим",
-  "Mute": "Без звуку",
-  "Unmute": "Зі звуком",
-  "Playback Rate": "Швидкість відтворення",
-  "Subtitles": "Субтитри",
-  "subtitles off": "Без субтитрів",
-  "Captions": "Підписи",
-  "captions off": "Без підписів",
-  "Chapters": "Розділи",
-  "Close Modal Dialog": "Закрити модальний діалог",
-  "Descriptions": "Описи",
-  "descriptions off": "Без описів",
-  "Audio Track": "Аудіодоріжка",
-  "Volume Level": "Рівень гучності",
-  "You aborted the media playback": "Ви припинили відтворення відео",
-  "A network error caused the media download to fail part-way.": "Помилка мережі викликала збій під час завантаження відео.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Неможливо завантажити відео через мережевий чи серверний збій або формат не підтримується.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Відтворення відео було припинено через пошкодження або у зв'язку з тим, що відео використовує функції, які не підтримуються вашим браузером.",
-  "No compatible source was found for this media.": "Сумісні джерела для цього відео відсутні.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Відео в зашифрованому вигляді, і ми не маємо ключі для розшифровки.",
-  "Play Video": "Відтворити відео",
-  "Close": "Закрити",
-  "Modal Window": "Модальне вікно",
-  "This is a modal window": "Це модальне вікно.",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Модальне вікно можна закрити, натиснувши клавішу Esc або кнопку закриття вікна.",
-  ", opens captions settings dialog": ", відкриється діалогове вікно налаштування підписів",
-  ", opens subtitles settings dialog": ", відкриється діалогове вікно налаштування субтитрів",
-  ", opens descriptions settings dialog": ", відкриється діалогове вікно налаштування описів",
-  ", selected": ", обраний",
-  "captions settings": "налаштування підписів",
-  "subtitles settings": "налаштування субтитрів",
-  "descriptions settings": "налаштування описів",
-  "Text": "Текст",
-  "White": "Білий",
-  "Black": "Чорний",
-  "Red": "Червоний",
-  "Green": "Зелений",
-  "Blue": "Синій",
-  "Yellow": "Жовтий",
-  "Magenta": "Пурпурний",
-  "Cyan": "Блакитний",
-  "Background": "Фон",
-  "Window": "Вікно",
-  "Transparent": "Прозорий",
-  "Semi-Transparent": "Напівпрозорий",
-  "Opaque": "Прозорість",
-  "Font Size": "Розмір шрифту",
-  "Text Edge Style": "Стиль краю тексту",
-  "None": "Нічого",
-  "Raised": "Піднятий",
-  "Depressed": "Знижений",
-  "Uniform": "Однаковий",
-  "Dropshadow": "Тінь",
-  "Font Family": "Шрифт",
-  "Proportional Sans-Serif": "Пропорційний без засічок",
-  "Monospace Sans-Serif": "Моноширинний без засічок",
-  "Proportional Serif": "Пропорційний із засічками",
-  "Monospace Serif": "Моноширинний із засічками",
-  "Casual": "Випадковий",
-  "Script": "Писемний",
-  "Small Caps": "Малі прописні",
-  "Reset": "Скинути",
-  "restore all settings to the default values": "скинути всі налаштування за замовчуванням",
-  "Done": "Готово",
-  "Caption Settings Dialog": "Діалог налаштувань підпису",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Початок діалоговго вікна. Кнопка Escape закриє або скасує вікно",
-  "End of dialog window.": "Кінець діалогового вікна.",
-  "{1} is loading.": "{1} завантажується."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/uk.json b/negromate/web/static/js/videojs/lang/uk.json
deleted file mode 100644
index 17a840d..0000000
--- a/negromate/web/static/js/videojs/lang/uk.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-  "Audio Player": "Аудіопрогравач",
-  "Video Player": "Відеопрогравач",  
-  "Play": "Відтворити",
-  "Pause": "Призупинити",
-  "Replay": "Відтворити знову",  
-  "Current Time": "Поточний час",
-  "Duration": "Тривалість",
-  "Remaining Time": "Час, що залишився",
-  "Stream Type": "Тип потоку",
-  "LIVE": "НАЖИВО",
-  "Loaded": "Завантаження",
-  "Progress": "Прогрес",
-  "Progress Bar": "Індикатор завантаження",
-  "progress bar timing: currentTime={1} duration={2}": "{1} з {2}",  
-  "Fullscreen": "Повноекранний режим",
-  "Non-Fullscreen": "Неповноекранний режим",
-  "Mute": "Без звуку",
-  "Unmute": "Зі звуком",
-  "Playback Rate": "Швидкість відтворення",
-  "Subtitles": "Субтитри",
-  "subtitles off": "Без субтитрів",
-  "Captions": "Підписи",
-  "captions off": "Без підписів",
-  "Chapters": "Розділи",
-  "Close Modal Dialog": "Закрити модальний діалог",
-  "Descriptions": "Описи",
-  "descriptions off": "Без описів",
-  "Audio Track": "Аудіодоріжка",
-  "Volume Level": "Рівень гучності",  
-  "You aborted the media playback": "Ви припинили відтворення відео",
-  "A network error caused the media download to fail part-way.": "Помилка мережі викликала збій під час завантаження відео.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Неможливо завантажити відео через мережевий чи серверний збій або формат не підтримується.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Відтворення відео було припинено через пошкодження або у зв'язку з тим, що відео використовує функції, які не підтримуються вашим браузером.",
-  "No compatible source was found for this media.": "Сумісні джерела для цього відео відсутні.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Відео в зашифрованому вигляді, і ми не маємо ключі для розшифровки.",
-  "Play Video": "Відтворити відео",
-  "Close": "Закрити",
-  "Modal Window": "Модальне вікно",
-  "This is a modal window": "Це модальне вікно.",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Модальне вікно можна закрити, натиснувши клавішу Esc або кнопку закриття вікна.",
-  ", opens captions settings dialog": ", відкриється діалогове вікно налаштування підписів",
-  ", opens subtitles settings dialog": ", відкриється діалогове вікно налаштування субтитрів",
-  ", opens descriptions settings dialog": ", відкриється діалогове вікно налаштування описів",
-  ", selected": ", обраний",
-  "captions settings": "налаштування підписів",
-  "subtitles settings": "налаштування субтитрів",
-  "descriptions settings": "налаштування описів",
-  "Text": "Текст",
-  "White": "Білий",
-  "Black": "Чорний",
-  "Red": "Червоний",
-  "Green": "Зелений",
-  "Blue": "Синій",
-  "Yellow": "Жовтий",
-  "Magenta": "Пурпурний",
-  "Cyan": "Блакитний",
-  "Background": "Фон",
-  "Window": "Вікно",
-  "Transparent": "Прозорий",
-  "Semi-Transparent": "Напівпрозорий",
-  "Opaque": "Прозорість",
-  "Font Size": "Розмір шрифту",
-  "Text Edge Style": "Стиль краю тексту",
-  "None": "Нічого",
-  "Raised": "Піднятий",
-  "Depressed": "Знижений",
-  "Uniform": "Однаковий",
-  "Dropshadow": "Тінь",
-  "Font Family": "Шрифт",
-  "Proportional Sans-Serif": "Пропорційний без засічок",
-  "Monospace Sans-Serif": "Моноширинний без засічок",
-  "Proportional Serif": "Пропорційний із засічками",
-  "Monospace Serif": "Моноширинний із засічками",
-  "Casual": "Випадковий",
-  "Script": "Писемний",
-  "Small Caps": "Малі прописні",
-  "Reset": "Скинути",
-  "restore all settings to the default values": "скинути всі налаштування за замовчуванням",
-  "Done": "Готово",
-  "Caption Settings Dialog": "Діалог налаштувань підпису",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Початок діалоговго вікна. Кнопка Escape закриє або скасує вікно",
-  "End of dialog window.": "Кінець діалогового вікна.",
-  "{1} is loading.": "{1} завантажується."  
-}
diff --git a/negromate/web/static/js/videojs/lang/vi.js b/negromate/web/static/js/videojs/lang/vi.js
deleted file mode 100644
index be0772e..0000000
--- a/negromate/web/static/js/videojs/lang/vi.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage('vi', {
-  "Audio Player": "Trình phát Audio",
-  "Video Player": "Trình phát Video",
-  "Play": "Phát",
-  "Pause": "Tạm dừng",
-  "Replay": "Phát lại",
-  "Current Time": "Thời gian hiện tại",
-  "Duration": "Độ dài",
-  "Remaining Time": "Thời gian còn lại",
-  "Stream Type": "Kiểu Stream",
-  "LIVE": "TRỰC TIẾP",
-  "Loaded": "Đã tải",
-  "Progress": "Tiến trình",
-  "Progress Bar": "Thanh tiến trình",
-  "progress bar timing: currentTime={1} duration={2}": "{1} của {2}",
-  "Fullscreen": "Toàn màn hình",
-  "Non-Fullscreen": "Thoát toàn màn hình",
-  "Mute": "Tắt tiếng",
-  "Unmute": "Bật âm thanh",
-  "Playback Rate": "Tỉ lệ phát lại",
-  "Subtitles": "Phụ đề",
-  "subtitles off": "tắt phụ đề",
-  "Captions": "Chú thích",
-  "captions off": "tắt chú thích",
-  "Chapters": "Chương",
-  "Descriptions": "Mô tả",
-  "descriptions off": "tắt mô tả",
-  "Audio Track": "Track âm thanh",
-  "Volume Level": "Mức âm lượng",
-  "You aborted the media playback": "Bạn đã hủy việc phát lại media.",
-  "A network error caused the media download to fail part-way.": "Một lỗi mạng dẫn đến việc tải media bị lỗi.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video không tải được, mạng hay server có lỗi hoặc định dạng không được hỗ trợ.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Phát media đã bị hủy do một sai lỗi hoặc media sử dụng những tính năng trình duyệt không hỗ trợ.",
-  "No compatible source was found for this media.": "Không có nguồn tương thích cho media này.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Media đã được mã hóa và chúng tôi không có để giải mã nó.",
-  "Play Video": "Phát Video",
-  "Close": "Đóng",
-  "Close Modal Dialog": "Đóng cửa sổ",
-  "Modal Window": "Cửa sổ",
-  "This is a modal window": "Đây là một cửa sổ",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Cửa sổ này có thể thoát bằng việc nhấn phím Esc hoặc kích hoạt nút đóng.",
-  ", opens captions settings dialog": ", mở hộp thoại cài đặt chú thích",
-  ", opens subtitles settings dialog": ", mở hộp thoại cài đặt phụ đề",
-  ", opens descriptions settings dialog": ", mở hộp thoại cài đặt mô tả",
-  ", selected": ", đã chọn",
-  "captions settings": "cài đặt chú thích",
-  "subtitles settings": "cài đặt phụ đề",
-  "descriptions settings": "cài đặt mô tả",
-  "Text": "Văn bản",
-  "White": "Trắng",
-  "Black": "Đen",
-  "Red": "Đỏ",
-  "Green": "Xanh lá cây",
-  "Blue": "Xanh da trời",
-  "Yellow": "Vàng",
-  "Magenta": "Đỏ tươi",
-  "Cyan": "Lam",
-  "Background": "Nền",
-  "Window": "Cửa sổ",
-  "Transparent": "Trong suốt",
-  "Semi-Transparent": "Bán trong suốt",
-  "Opaque": "Mờ",
-  "Font Size": "Kích cỡ phông chữ",
-  "Text Edge Style": "Dạng viền văn bản",
-  "None": "None",
-  "Raised": "Raised",
-  "Depressed": "Depressed",
-  "Uniform": "Uniform",
-  "Dropshadow": "Dropshadow",
-  "Font Family": "Phông chữ",
-  "Proportional Sans-Serif": "Proportional Sans-Serif",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Proportional Serif": "Proportional Serif",
-  "Monospace Serif": "Monospace Serif",
-  "Casual": "Casual",
-  "Script": "Script",
-  "Small Caps": "Small Caps",
-  "Reset": "Đặt lại",
-  "restore all settings to the default values": "khôi phục lại tất cả các cài đặt về giá trị mặc định",
-  "Done": "Xong",
-  "Caption Settings Dialog": "Hộp thoại cài đặt chú thích",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Bắt đầu cửa sổ hộp thoại. Esc sẽ thoát và đóng cửa sổ.",
-  "End of dialog window.": "Kết thúc cửa sổ hộp thoại."
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/vi.json b/negromate/web/static/js/videojs/lang/vi.json
deleted file mode 100644
index 5e95b53..0000000
--- a/negromate/web/static/js/videojs/lang/vi.json
+++ /dev/null
@@ -1,84 +0,0 @@
-{
-  "Audio Player": "Trình phát Audio",
-  "Video Player": "Trình phát Video",
-  "Play": "Phát",
-  "Pause": "Tạm dừng",
-  "Replay": "Phát lại",
-  "Current Time": "Thời gian hiện tại",
-  "Duration": "Độ dài",
-  "Remaining Time": "Thời gian còn lại",
-  "Stream Type": "Kiểu Stream",
-  "LIVE": "TRỰC TIẾP",
-  "Loaded": "Đã tải",
-  "Progress": "Tiến trình",
-  "Progress Bar": "Thanh tiến trình",
-  "progress bar timing: currentTime={1} duration={2}": "{1} của {2}",
-  "Fullscreen": "Toàn màn hình",
-  "Non-Fullscreen": "Thoát toàn màn hình",
-  "Mute": "Tắt tiếng",
-  "Unmute": "Bật âm thanh",
-  "Playback Rate": "Tỉ lệ phát lại",
-  "Subtitles": "Phụ đề",
-  "subtitles off": "tắt phụ đề",
-  "Captions": "Chú thích",
-  "captions off": "tắt chú thích",
-  "Chapters": "Chương",
-  "Descriptions": "Mô tả",
-  "descriptions off": "tắt mô tả",
-  "Audio Track": "Track âm thanh",
-  "Volume Level": "Mức âm lượng",
-  "You aborted the media playback": "Bạn đã hủy việc phát lại media.",
-  "A network error caused the media download to fail part-way.": "Một lỗi mạng dẫn đến việc tải media bị lỗi.",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Video không tải được, mạng hay server có lỗi hoặc định dạng không được hỗ trợ.",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Phát media đã bị hủy do một sai lỗi hoặc media sử dụng những tính năng trình duyệt không hỗ trợ.",
-  "No compatible source was found for this media.": "Không có nguồn tương thích cho media này.",
-  "The media is encrypted and we do not have the keys to decrypt it.": "Media đã được mã hóa và chúng tôi không có để giải mã nó.",
-  "Play Video": "Phát Video",
-  "Close": "Đóng",
-  "Close Modal Dialog": "Đóng cửa sổ",
-  "Modal Window": "Cửa sổ",
-  "This is a modal window": "Đây là một cửa sổ",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "Cửa sổ này có thể thoát bằng việc nhấn phím Esc hoặc kích hoạt nút đóng.",
-  ", opens captions settings dialog": ", mở hộp thoại cài đặt chú thích",
-  ", opens subtitles settings dialog": ", mở hộp thoại cài đặt phụ đề",
-  ", opens descriptions settings dialog": ", mở hộp thoại cài đặt mô tả",
-  ", selected": ", đã chọn",
-  "captions settings": "cài đặt chú thích",
-  "subtitles settings": "cài đặt phụ đề",
-  "descriptions settings": "cài đặt mô tả",
-  "Text": "Văn bản",
-  "White": "Trắng",
-  "Black": "Đen",
-  "Red": "Đỏ",
-  "Green": "Xanh lá cây",
-  "Blue": "Xanh da trời",
-  "Yellow": "Vàng",
-  "Magenta": "Đỏ tươi",
-  "Cyan": "Lam",
-  "Background": "Nền",
-  "Window": "Cửa sổ",
-  "Transparent": "Trong suốt",
-  "Semi-Transparent": "Bán trong suốt",
-  "Opaque": "Mờ",
-  "Font Size": "Kích cỡ phông chữ",
-  "Text Edge Style": "Dạng viền văn bản",
-  "None": "None",
-  "Raised": "Raised",
-  "Depressed": "Depressed",
-  "Uniform": "Uniform",
-  "Dropshadow": "Dropshadow",
-  "Font Family": "Phông chữ",
-  "Proportional Sans-Serif": "Proportional Sans-Serif",
-  "Monospace Sans-Serif": "Monospace Sans-Serif",
-  "Proportional Serif": "Proportional Serif",
-  "Monospace Serif": "Monospace Serif",
-  "Casual": "Casual",
-  "Script": "Script",
-  "Small Caps": "Small Caps",
-  "Reset": "Đặt lại",
-  "restore all settings to the default values": "khôi phục lại tất cả các cài đặt về giá trị mặc định",
-  "Done": "Xong",
-  "Caption Settings Dialog": "Hộp thoại cài đặt chú thích",
-  "Beginning of dialog window. Escape will cancel and close the window.": "Bắt đầu cửa sổ hộp thoại. Esc sẽ thoát và đóng cửa sổ.",
-  "End of dialog window.": "Kết thúc cửa sổ hộp thoại."
-}
diff --git a/negromate/web/static/js/videojs/lang/zh-CN.js b/negromate/web/static/js/videojs/lang/zh-CN.js
deleted file mode 100644
index 054e7ad..0000000
--- a/negromate/web/static/js/videojs/lang/zh-CN.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('zh-CN', {
-  "Play": "播放",
-  "Pause": "暂停",
-  "Current Time": "当前时间",
-  "Duration": "时长",
-  "Remaining Time": "剩余时间",
-  "Stream Type": "媒体流类型",
-  "LIVE": "直播",
-  "Loaded": "加载完毕",
-  "Progress": "进度",
-  "Fullscreen": "全屏",
-  "Non-Fullscreen": "退出全屏",
-  "Mute": "静音",
-  "Unmute": "取消静音",
-  "Playback Rate": "播放速度",
-  "Subtitles": "字幕",
-  "subtitles off": "关闭字幕",
-  "Captions": "内嵌字幕",
-  "captions off": "关闭内嵌字幕",
-  "Chapters": "节目段落",
-  "Close Modal Dialog": "关闭弹窗",
-  "Descriptions": "描述",
-  "descriptions off": "关闭描述",
-  "Audio Track": "音轨",
-  "You aborted the media playback": "视频播放被终止",
-  "A network error caused the media download to fail part-way.": "网络错误导致视频下载中途失败。",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "视频因格式不支持或者服务器或网络的问题无法加载。",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "由于视频文件损坏或是该视频使用了你的浏览器不支持的功能，播放终止。",
-  "No compatible source was found for this media.": "无法找到此视频兼容的源。",
-  "The media is encrypted and we do not have the keys to decrypt it.": "视频已加密，无法解密。",
-  "Play Video": "播放视频",
-  "Close": "关闭",
-  "Modal Window": "弹窗",
-  "This is a modal window": "这是一个弹窗",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "可以按ESC按键或启用关闭按钮来关闭此弹窗。",
-  ", opens captions settings dialog": ", 开启标题设置弹窗",
-  ", opens subtitles settings dialog": ", 开启字幕设置弹窗",
-  ", opens descriptions settings dialog": ", 开启描述设置弹窗",
-  ", selected": ", 选择",
-  "captions settings": "字幕设定",
-  "Audio Player": "音频播放器",
-  "Video Player": "视频播放器",
-  "Replay": "重播",
-  "Progress Bar": "进度条",
-  "Volume Level": "音量",
-  "subtitles settings": "字幕设定",
-  "descriptions settings": "描述设定",
-  "Text": "文字",
-  "White": "白",
-  "Black": "黑",
-  "Red": "红",
-  "Green": "绿",
-  "Blue": "蓝",
-  "Yellow": "黄",
-  "Magenta": "紫红",
-  "Cyan": "青",
-  "Background": "背景",
-  "Window": "视窗",
-  "Transparent": "透明",
-  "Semi-Transparent": "半透明",
-  "Opaque": "不透明",
-  "Font Size": "字体尺寸",
-  "Text Edge Style": "字体边缘样式",
-  "None": "无",
-  "Raised": "浮雕",
-  "Depressed": "压低",
-  "Uniform": "均匀",
-  "Dropshadow": "下阴影",
-  "Font Family": "字体库",
-  "Proportional Sans-Serif": "比例无细体",
-  "Monospace Sans-Serif": "单间隔无细体",
-  "Proportional Serif": "比例细体",
-  "Monospace Serif": "单间隔细体",
-  "Casual": "舒适",
-  "Script": "手写体",
-  "Small Caps": "小型大写字体",
-  "Reset": "重置",
-  "restore all settings to the default values": "恢复全部设定至预设值",
-  "Done": "完成",
-  "Caption Settings Dialog": "字幕设定视窗",
-  "Beginning of dialog window. Escape will cancel and close the window.": "开始对话视窗。离开会取消及关闭视窗",
-  "End of dialog window.": "结束对话视窗",
-  "Seek to live, currently behind live": "试图直播，当前延时播放",
-  "Seek to live, currently playing live": "试图直播，当前实时播放",
-  "progress bar timing: currentTime={1} duration={2}": "{1}/{2}",
-  "{1} is loading.": "正在加载 {1}。"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/zh-CN.json b/negromate/web/static/js/videojs/lang/zh-CN.json
deleted file mode 100644
index 76f3d26..0000000
--- a/negromate/web/static/js/videojs/lang/zh-CN.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Play": "播放",
-  "Pause": "暂停",
-  "Current Time": "当前时间",
-  "Duration": "时长",
-  "Remaining Time": "剩余时间",
-  "Stream Type": "媒体流类型",
-  "LIVE": "直播",
-  "Loaded": "加载完毕",
-  "Progress": "进度",
-  "Fullscreen": "全屏",
-  "Non-Fullscreen": "退出全屏",
-  "Mute": "静音",
-  "Unmute": "取消静音",
-  "Playback Rate": "播放速度",
-  "Subtitles": "字幕",
-  "subtitles off": "关闭字幕",
-  "Captions": "内嵌字幕",
-  "captions off": "关闭内嵌字幕",
-  "Chapters": "节目段落",
-  "Close Modal Dialog": "关闭弹窗",
-  "Descriptions": "描述",
-  "descriptions off": "关闭描述",
-  "Audio Track": "音轨",
-  "You aborted the media playback": "视频播放被终止",
-  "A network error caused the media download to fail part-way.": "网络错误导致视频下载中途失败。",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "视频因格式不支持或者服务器或网络的问题无法加载。",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "由于视频文件损坏或是该视频使用了你的浏览器不支持的功能，播放终止。",
-  "No compatible source was found for this media.": "无法找到此视频兼容的源。",
-  "The media is encrypted and we do not have the keys to decrypt it.": "视频已加密，无法解密。",
-  "Play Video": "播放视频",
-  "Close": "关闭",
-  "Modal Window": "弹窗",
-  "This is a modal window": "这是一个弹窗",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "可以按ESC按键或启用关闭按钮来关闭此弹窗。",
-  ", opens captions settings dialog": ", 开启标题设置弹窗",
-  ", opens subtitles settings dialog": ", 开启字幕设置弹窗",
-  ", opens descriptions settings dialog": ", 开启描述设置弹窗",
-  ", selected": ", 选择",
-  "captions settings": "字幕设定",
-  "Audio Player": "音频播放器",
-  "Video Player": "视频播放器",
-  "Replay": "重播",
-  "Progress Bar": "进度条",
-  "Volume Level": "音量",
-  "subtitles settings": "字幕设定",
-  "descriptions settings": "描述设定",
-  "Text": "文字",
-  "White": "白",
-  "Black": "黑",
-  "Red": "红",
-  "Green": "绿",
-  "Blue": "蓝",
-  "Yellow": "黄",
-  "Magenta": "紫红",
-  "Cyan": "青",
-  "Background": "背景",
-  "Window": "视窗",
-  "Transparent": "透明",
-  "Semi-Transparent": "半透明",
-  "Opaque": "不透明",
-  "Font Size": "字体尺寸",
-  "Text Edge Style": "字体边缘样式",
-  "None": "无",
-  "Raised": "浮雕",
-  "Depressed": "压低",
-  "Uniform": "均匀",
-  "Dropshadow": "下阴影",
-  "Font Family": "字体库",
-  "Proportional Sans-Serif": "比例无细体",
-  "Monospace Sans-Serif": "单间隔无细体",
-  "Proportional Serif": "比例细体",
-  "Monospace Serif": "单间隔细体",
-  "Casual": "舒适",
-  "Script": "手写体",
-  "Small Caps": "小型大写字体",
-  "Reset": "重置",
-  "restore all settings to the default values": "恢复全部设定至预设值",
-  "Done": "完成",
-  "Caption Settings Dialog": "字幕设定视窗",
-  "Beginning of dialog window. Escape will cancel and close the window.": "开始对话视窗。离开会取消及关闭视窗",
-  "End of dialog window.": "结束对话视窗",
-  "Seek to live, currently behind live": "试图直播，当前延时播放",
-  "Seek to live, currently playing live": "试图直播，当前实时播放",
-  "progress bar timing: currentTime={1} duration={2}": "{1}/{2}",
-  "{1} is loading.": "正在加载 {1}。"
-}
diff --git a/negromate/web/static/js/videojs/lang/zh-Hans.js b/negromate/web/static/js/videojs/lang/zh-Hans.js
deleted file mode 100644
index dd07db0..0000000
--- a/negromate/web/static/js/videojs/lang/zh-Hans.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('zh-Hans', {
-  "Play": "播放",
-  "Pause": "暂停",
-  "Current Time": "当前时间",
-  "Duration": "时长",
-  "Remaining Time": "剩余时间",
-  "Stream Type": "媒体流类型",
-  "LIVE": "直播",
-  "Loaded": "加载完毕",
-  "Progress": "进度",
-  "Fullscreen": "全屏",
-  "Non-Fullscreen": "退出全屏",
-  "Mute": "静音",
-  "Unmute": "取消静音",
-  "Playback Rate": "播放速度",
-  "Subtitles": "字幕",
-  "subtitles off": "关闭字幕",
-  "Captions": "内嵌字幕",
-  "captions off": "关闭内嵌字幕",
-  "Chapters": "节目段落",
-  "Close Modal Dialog": "关闭弹窗",
-  "Descriptions": "描述",
-  "descriptions off": "关闭描述",
-  "Audio Track": "音轨",
-  "You aborted the media playback": "视频播放被终止",
-  "A network error caused the media download to fail part-way.": "网络错误导致视频下载中途失败。",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "视频因格式不支持或者服务器或网络的问题无法加载。",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "由于视频文件损坏或是该视频使用了你的浏览器不支持的功能，播放终止。",
-  "No compatible source was found for this media.": "无法找到此视频兼容的源。",
-  "The media is encrypted and we do not have the keys to decrypt it.": "视频已加密，无法解密。",
-  "Play Video": "播放视频",
-  "Close": "关闭",
-  "Modal Window": "弹窗",
-  "This is a modal window": "这是一个弹窗",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "可以按ESC按键或启用关闭按钮来关闭此弹窗。",
-  ", opens captions settings dialog": ", 开启标题设置弹窗",
-  ", opens subtitles settings dialog": ", 开启字幕设置弹窗",
-  ", opens descriptions settings dialog": ", 开启描述设置弹窗",
-  ", selected": ", 选择",
-  "captions settings": "字幕设定",
-  "Audio Player": "音频播放器",
-  "Video Player": "视频播放器",
-  "Replay": "重播",
-  "Progress Bar": "进度条",
-  "Volume Level": "音量",
-  "subtitles settings": "字幕设定",
-  "descriptions settings": "描述设定",
-  "Text": "文字",
-  "White": "白",
-  "Black": "黑",
-  "Red": "红",
-  "Green": "绿",
-  "Blue": "蓝",
-  "Yellow": "黄",
-  "Magenta": "紫红",
-  "Cyan": "青",
-  "Background": "背景",
-  "Window": "视窗",
-  "Transparent": "透明",
-  "Semi-Transparent": "半透明",
-  "Opaque": "不透明",
-  "Font Size": "字体尺寸",
-  "Text Edge Style": "字体边缘样式",
-  "None": "无",
-  "Raised": "浮雕",
-  "Depressed": "压低",
-  "Uniform": "均匀",
-  "Dropshadow": "下阴影",
-  "Font Family": "字体库",
-  "Proportional Sans-Serif": "比例无细体",
-  "Monospace Sans-Serif": "单间隔无细体",
-  "Proportional Serif": "比例细体",
-  "Monospace Serif": "单间隔细体",
-  "Casual": "舒适",
-  "Script": "手写体",
-  "Small Caps": "小型大写字体",
-  "Reset": "重置",
-  "restore all settings to the default values": "恢复全部设定至预设值",
-  "Done": "完成",
-  "Caption Settings Dialog": "字幕设定视窗",
-  "Beginning of dialog window. Escape will cancel and close the window.": "开始对话视窗。离开会取消及关闭视窗",
-  "End of dialog window.": "结束对话视窗",
-  "Seek to live, currently behind live": "试图直播，当前延时播放",
-  "Seek to live, currently playing live": "试图直播，当前实时播放",
-  "progress bar timing: currentTime={1} duration={2}": "{1}/{2}",
-  "{1} is loading.": "正在加载 {1}。"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/zh-Hans.json b/negromate/web/static/js/videojs/lang/zh-Hans.json
deleted file mode 100644
index 76f3d26..0000000
--- a/negromate/web/static/js/videojs/lang/zh-Hans.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Play": "播放",
-  "Pause": "暂停",
-  "Current Time": "当前时间",
-  "Duration": "时长",
-  "Remaining Time": "剩余时间",
-  "Stream Type": "媒体流类型",
-  "LIVE": "直播",
-  "Loaded": "加载完毕",
-  "Progress": "进度",
-  "Fullscreen": "全屏",
-  "Non-Fullscreen": "退出全屏",
-  "Mute": "静音",
-  "Unmute": "取消静音",
-  "Playback Rate": "播放速度",
-  "Subtitles": "字幕",
-  "subtitles off": "关闭字幕",
-  "Captions": "内嵌字幕",
-  "captions off": "关闭内嵌字幕",
-  "Chapters": "节目段落",
-  "Close Modal Dialog": "关闭弹窗",
-  "Descriptions": "描述",
-  "descriptions off": "关闭描述",
-  "Audio Track": "音轨",
-  "You aborted the media playback": "视频播放被终止",
-  "A network error caused the media download to fail part-way.": "网络错误导致视频下载中途失败。",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "视频因格式不支持或者服务器或网络的问题无法加载。",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "由于视频文件损坏或是该视频使用了你的浏览器不支持的功能，播放终止。",
-  "No compatible source was found for this media.": "无法找到此视频兼容的源。",
-  "The media is encrypted and we do not have the keys to decrypt it.": "视频已加密，无法解密。",
-  "Play Video": "播放视频",
-  "Close": "关闭",
-  "Modal Window": "弹窗",
-  "This is a modal window": "这是一个弹窗",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "可以按ESC按键或启用关闭按钮来关闭此弹窗。",
-  ", opens captions settings dialog": ", 开启标题设置弹窗",
-  ", opens subtitles settings dialog": ", 开启字幕设置弹窗",
-  ", opens descriptions settings dialog": ", 开启描述设置弹窗",
-  ", selected": ", 选择",
-  "captions settings": "字幕设定",
-  "Audio Player": "音频播放器",
-  "Video Player": "视频播放器",
-  "Replay": "重播",
-  "Progress Bar": "进度条",
-  "Volume Level": "音量",
-  "subtitles settings": "字幕设定",
-  "descriptions settings": "描述设定",
-  "Text": "文字",
-  "White": "白",
-  "Black": "黑",
-  "Red": "红",
-  "Green": "绿",
-  "Blue": "蓝",
-  "Yellow": "黄",
-  "Magenta": "紫红",
-  "Cyan": "青",
-  "Background": "背景",
-  "Window": "视窗",
-  "Transparent": "透明",
-  "Semi-Transparent": "半透明",
-  "Opaque": "不透明",
-  "Font Size": "字体尺寸",
-  "Text Edge Style": "字体边缘样式",
-  "None": "无",
-  "Raised": "浮雕",
-  "Depressed": "压低",
-  "Uniform": "均匀",
-  "Dropshadow": "下阴影",
-  "Font Family": "字体库",
-  "Proportional Sans-Serif": "比例无细体",
-  "Monospace Sans-Serif": "单间隔无细体",
-  "Proportional Serif": "比例细体",
-  "Monospace Serif": "单间隔细体",
-  "Casual": "舒适",
-  "Script": "手写体",
-  "Small Caps": "小型大写字体",
-  "Reset": "重置",
-  "restore all settings to the default values": "恢复全部设定至预设值",
-  "Done": "完成",
-  "Caption Settings Dialog": "字幕设定视窗",
-  "Beginning of dialog window. Escape will cancel and close the window.": "开始对话视窗。离开会取消及关闭视窗",
-  "End of dialog window.": "结束对话视窗",
-  "Seek to live, currently behind live": "试图直播，当前延时播放",
-  "Seek to live, currently playing live": "试图直播，当前实时播放",
-  "progress bar timing: currentTime={1} duration={2}": "{1}/{2}",
-  "{1} is loading.": "正在加载 {1}。"
-}
diff --git a/negromate/web/static/js/videojs/lang/zh-Hant.js b/negromate/web/static/js/videojs/lang/zh-Hant.js
deleted file mode 100644
index cac064d..0000000
--- a/negromate/web/static/js/videojs/lang/zh-Hant.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('zh-Hant', {
-  "Play": "播放",
-  "Pause": "暫停",
-  "Current Time": "目前時間",
-  "Duration": "總共時間",
-  "Remaining Time": "剩餘時間",
-  "Stream Type": "串流類型",
-  "LIVE": "直播",
-  "Loaded": "載入完畢",
-  "Progress": "進度",
-  "Fullscreen": "全螢幕",
-  "Non-Fullscreen": "退出全螢幕",
-  "Mute": "靜音",
-  "Unmute": "取消靜音",
-  "Playback Rate": " 播放速率",
-  "Subtitles": "字幕",
-  "subtitles off": "關閉字幕",
-  "Captions": "內嵌字幕",
-  "captions off": "關閉內嵌字幕",
-  "Chapters": "章節",
-  "Close Modal Dialog": "關閉對話框",
-  "Descriptions": "描述",
-  "descriptions off": "關閉描述",
-  "Audio Track": "音軌",
-  "You aborted the media playback": "影片播放已終止",
-  "A network error caused the media download to fail part-way.": "網路錯誤導致影片下載失敗。",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "影片因格式不支援或者伺服器或網路的問題無法載入。",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "由於影片檔案損毀或是該影片使用了您的瀏覽器不支援的功能，播放終止。",
-  "No compatible source was found for this media.": "無法找到相容此影片的來源。",
-  "The media is encrypted and we do not have the keys to decrypt it.": "影片已加密，無法解密。",
-  "Play Video": "播放影片",
-  "Close": "關閉",
-  "Modal Window": "對話框",
-  "This is a modal window": "這是一個對話框",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "可以按ESC按鍵或啟用關閉按鈕來關閉此對話框。",
-  ", opens captions settings dialog": ", 開啟標題設定對話框",
-  ", opens subtitles settings dialog": ", 開啟字幕設定對話框",
-  ", opens descriptions settings dialog": ", 開啟描述設定對話框",
-  ", selected": ", 選擇",
-  "captions settings": "字幕設定",
-  "Audio Player": "音頻播放器",
-  "Video Player": "視頻播放器",
-  "Replay": "重播",
-  "Progress Bar": "進度小節",
-  "Volume Level": "音量",
-  "subtitles settings": "字幕設定",
-  "descriptions settings": "描述設定",
-  "Text": "文字",
-  "White": "白",
-  "Black": "黑",
-  "Red": "紅",
-  "Green": "綠",
-  "Blue": "藍",
-  "Yellow": "黃",
-  "Magenta": "紫紅",
-  "Cyan": "青",
-  "Background": "背景",
-  "Window": "視窗",
-  "Transparent": "透明",
-  "Semi-Transparent": "半透明",
-  "Opaque": "不透明",
-  "Font Size": "字型尺寸",
-  "Text Edge Style": "字型邊緣樣式",
-  "None": "無",
-  "Raised": "浮雕",
-  "Depressed": "壓低",
-  "Uniform": "均勻",
-  "Dropshadow": "下陰影",
-  "Font Family": "字型庫",
-  "Proportional Sans-Serif": "比例無細體",
-  "Monospace Sans-Serif": "單間隔無細體",
-  "Proportional Serif": "比例細體",
-  "Monospace Serif": "單間隔細體",
-  "Casual": "輕便的",
-  "Script": "手寫體",
-  "Small Caps": "小型大寫字體",
-  "Reset": "重置",
-  "restore all settings to the default values": "恢復全部設定至預設值",
-  "Done": "完成",
-  "Caption Settings Dialog": "字幕設定視窗",
-  "Beginning of dialog window. Escape will cancel and close the window.": "開始對話視窗。離開會取消及關閉視窗",
-  "End of dialog window.": "結束對話視窗",
-  "Seek to live, currently behind live": "試圖直播，目前延時播放",
-  "Seek to live, currently playing live": "試圖直播，目前即時播放",
-  "progress bar timing: currentTime={1} duration={2}": "{1}/{2}",
-  "{1} is loading.": "{1} 正在載入。"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/zh-Hant.json b/negromate/web/static/js/videojs/lang/zh-Hant.json
deleted file mode 100644
index c2cd0f8..0000000
--- a/negromate/web/static/js/videojs/lang/zh-Hant.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Play": "播放",
-  "Pause": "暫停",
-  "Current Time": "目前時間",
-  "Duration": "總共時間",
-  "Remaining Time": "剩餘時間",
-  "Stream Type": "串流類型",
-  "LIVE": "直播",
-  "Loaded": "載入完畢",
-  "Progress": "進度",
-  "Fullscreen": "全螢幕",
-  "Non-Fullscreen": "退出全螢幕",
-  "Mute": "靜音",
-  "Unmute": "取消靜音",
-  "Playback Rate": " 播放速率",
-  "Subtitles": "字幕",
-  "subtitles off": "關閉字幕",
-  "Captions": "內嵌字幕",
-  "captions off": "關閉內嵌字幕",
-  "Chapters": "章節",
-  "Close Modal Dialog": "關閉對話框",
-  "Descriptions": "描述",
-  "descriptions off": "關閉描述",
-  "Audio Track": "音軌",
-  "You aborted the media playback": "影片播放已終止",
-  "A network error caused the media download to fail part-way.": "網路錯誤導致影片下載失敗。",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "影片因格式不支援或者伺服器或網路的問題無法載入。",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "由於影片檔案損毀或是該影片使用了您的瀏覽器不支援的功能，播放終止。",
-  "No compatible source was found for this media.": "無法找到相容此影片的來源。",
-  "The media is encrypted and we do not have the keys to decrypt it.": "影片已加密，無法解密。",
-  "Play Video": "播放影片",
-  "Close": "關閉",
-  "Modal Window": "對話框",
-  "This is a modal window": "這是一個對話框",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "可以按ESC按鍵或啟用關閉按鈕來關閉此對話框。",
-  ", opens captions settings dialog": ", 開啟標題設定對話框",
-  ", opens subtitles settings dialog": ", 開啟字幕設定對話框",
-  ", opens descriptions settings dialog": ", 開啟描述設定對話框",
-  ", selected": ", 選擇",
-  "captions settings": "字幕設定",
-  "Audio Player": "音頻播放器",
-  "Video Player": "視頻播放器",
-  "Replay": "重播",
-  "Progress Bar": "進度小節",
-  "Volume Level": "音量",
-  "subtitles settings": "字幕設定",
-  "descriptions settings": "描述設定",
-  "Text": "文字",
-  "White": "白",
-  "Black": "黑",
-  "Red": "紅",
-  "Green": "綠",
-  "Blue": "藍",
-  "Yellow": "黃",
-  "Magenta": "紫紅",
-  "Cyan": "青",
-  "Background": "背景",
-  "Window": "視窗",
-  "Transparent": "透明",
-  "Semi-Transparent": "半透明",
-  "Opaque": "不透明",
-  "Font Size": "字型尺寸",
-  "Text Edge Style": "字型邊緣樣式",
-  "None": "無",
-  "Raised": "浮雕",
-  "Depressed": "壓低",
-  "Uniform": "均勻",
-  "Dropshadow": "下陰影",
-  "Font Family": "字型庫",
-  "Proportional Sans-Serif": "比例無細體",
-  "Monospace Sans-Serif": "單間隔無細體",
-  "Proportional Serif": "比例細體",
-  "Monospace Serif": "單間隔細體",
-  "Casual": "輕便的",
-  "Script": "手寫體",
-  "Small Caps": "小型大寫字體",
-  "Reset": "重置",
-  "restore all settings to the default values": "恢復全部設定至預設值",
-  "Done": "完成",
-  "Caption Settings Dialog": "字幕設定視窗",
-  "Beginning of dialog window. Escape will cancel and close the window.": "開始對話視窗。離開會取消及關閉視窗",
-  "End of dialog window.": "結束對話視窗",
-  "Seek to live, currently behind live": "試圖直播，目前延時播放",
-  "Seek to live, currently playing live": "試圖直播，目前即時播放",
-  "progress bar timing: currentTime={1} duration={2}": "{1}/{2}",
-  "{1} is loading.": "{1} 正在載入。"
-}
diff --git a/negromate/web/static/js/videojs/lang/zh-TW.js b/negromate/web/static/js/videojs/lang/zh-TW.js
deleted file mode 100644
index a816c0f..0000000
--- a/negromate/web/static/js/videojs/lang/zh-TW.js
+++ /dev/null
@@ -1,87 +0,0 @@
-videojs.addLanguage('zh-TW', {
-  "Play": "播放",
-  "Pause": "暫停",
-  "Current Time": "目前時間",
-  "Duration": "總共時間",
-  "Remaining Time": "剩餘時間",
-  "Stream Type": "串流類型",
-  "LIVE": "直播",
-  "Loaded": "載入完畢",
-  "Progress": "進度",
-  "Fullscreen": "全螢幕",
-  "Non-Fullscreen": "退出全螢幕",
-  "Mute": "靜音",
-  "Unmute": "取消靜音",
-  "Playback Rate": " 播放速率",
-  "Subtitles": "字幕",
-  "subtitles off": "關閉字幕",
-  "Captions": "內嵌字幕",
-  "captions off": "關閉內嵌字幕",
-  "Chapters": "章節",
-  "Close Modal Dialog": "關閉對話框",
-  "Descriptions": "描述",
-  "descriptions off": "關閉描述",
-  "Audio Track": "音軌",
-  "You aborted the media playback": "影片播放已終止",
-  "A network error caused the media download to fail part-way.": "網路錯誤導致影片下載失敗。",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "影片因格式不支援或者伺服器或網路的問題無法載入。",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "由於影片檔案損毀或是該影片使用了您的瀏覽器不支援的功能，播放終止。",
-  "No compatible source was found for this media.": "無法找到相容此影片的來源。",
-  "The media is encrypted and we do not have the keys to decrypt it.": "影片已加密，無法解密。",
-  "Play Video": "播放影片",
-  "Close": "關閉",
-  "Modal Window": "對話框",
-  "This is a modal window": "這是一個對話框",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "可以按ESC按鍵或啟用關閉按鈕來關閉此對話框。",
-  ", opens captions settings dialog": ", 開啟標題設定對話框",
-  ", opens subtitles settings dialog": ", 開啟字幕設定對話框",
-  ", opens descriptions settings dialog": ", 開啟描述設定對話框",
-  ", selected": ", 選擇",
-  "captions settings": "字幕設定",
-  "Audio Player": "音頻播放器",
-  "Video Player": "視頻播放器",
-  "Replay": "重播",
-  "Progress Bar": "進度小節",
-  "Volume Level": "音量",
-  "subtitles settings": "字幕設定",
-  "descriptions settings": "描述設定",
-  "Text": "文字",
-  "White": "白",
-  "Black": "黑",
-  "Red": "紅",
-  "Green": "綠",
-  "Blue": "藍",
-  "Yellow": "黃",
-  "Magenta": "紫紅",
-  "Cyan": "青",
-  "Background": "背景",
-  "Window": "視窗",
-  "Transparent": "透明",
-  "Semi-Transparent": "半透明",
-  "Opaque": "不透明",
-  "Font Size": "字型尺寸",
-  "Text Edge Style": "字型邊緣樣式",
-  "None": "無",
-  "Raised": "浮雕",
-  "Depressed": "壓低",
-  "Uniform": "均勻",
-  "Dropshadow": "下陰影",
-  "Font Family": "字型庫",
-  "Proportional Sans-Serif": "比例無細體",
-  "Monospace Sans-Serif": "單間隔無細體",
-  "Proportional Serif": "比例細體",
-  "Monospace Serif": "單間隔細體",
-  "Casual": "輕便的",
-  "Script": "手寫體",
-  "Small Caps": "小型大寫字體",
-  "Reset": "重置",
-  "restore all settings to the default values": "恢復全部設定至預設值",
-  "Done": "完成",
-  "Caption Settings Dialog": "字幕設定視窗",
-  "Beginning of dialog window. Escape will cancel and close the window.": "開始對話視窗。離開會取消及關閉視窗",
-  "End of dialog window.": "結束對話視窗",
-  "Seek to live, currently behind live": "試圖直播，目前延時播放",
-  "Seek to live, currently playing live": "試圖直播，目前即時播放",
-  "progress bar timing: currentTime={1} duration={2}": "{1}/{2}",
-  "{1} is loading.": "{1} 正在載入。"
-});
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/lang/zh-TW.json b/negromate/web/static/js/videojs/lang/zh-TW.json
deleted file mode 100644
index c2cd0f8..0000000
--- a/negromate/web/static/js/videojs/lang/zh-TW.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-  "Play": "播放",
-  "Pause": "暫停",
-  "Current Time": "目前時間",
-  "Duration": "總共時間",
-  "Remaining Time": "剩餘時間",
-  "Stream Type": "串流類型",
-  "LIVE": "直播",
-  "Loaded": "載入完畢",
-  "Progress": "進度",
-  "Fullscreen": "全螢幕",
-  "Non-Fullscreen": "退出全螢幕",
-  "Mute": "靜音",
-  "Unmute": "取消靜音",
-  "Playback Rate": " 播放速率",
-  "Subtitles": "字幕",
-  "subtitles off": "關閉字幕",
-  "Captions": "內嵌字幕",
-  "captions off": "關閉內嵌字幕",
-  "Chapters": "章節",
-  "Close Modal Dialog": "關閉對話框",
-  "Descriptions": "描述",
-  "descriptions off": "關閉描述",
-  "Audio Track": "音軌",
-  "You aborted the media playback": "影片播放已終止",
-  "A network error caused the media download to fail part-way.": "網路錯誤導致影片下載失敗。",
-  "The media could not be loaded, either because the server or network failed or because the format is not supported.": "影片因格式不支援或者伺服器或網路的問題無法載入。",
-  "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "由於影片檔案損毀或是該影片使用了您的瀏覽器不支援的功能，播放終止。",
-  "No compatible source was found for this media.": "無法找到相容此影片的來源。",
-  "The media is encrypted and we do not have the keys to decrypt it.": "影片已加密，無法解密。",
-  "Play Video": "播放影片",
-  "Close": "關閉",
-  "Modal Window": "對話框",
-  "This is a modal window": "這是一個對話框",
-  "This modal can be closed by pressing the Escape key or activating the close button.": "可以按ESC按鍵或啟用關閉按鈕來關閉此對話框。",
-  ", opens captions settings dialog": ", 開啟標題設定對話框",
-  ", opens subtitles settings dialog": ", 開啟字幕設定對話框",
-  ", opens descriptions settings dialog": ", 開啟描述設定對話框",
-  ", selected": ", 選擇",
-  "captions settings": "字幕設定",
-  "Audio Player": "音頻播放器",
-  "Video Player": "視頻播放器",
-  "Replay": "重播",
-  "Progress Bar": "進度小節",
-  "Volume Level": "音量",
-  "subtitles settings": "字幕設定",
-  "descriptions settings": "描述設定",
-  "Text": "文字",
-  "White": "白",
-  "Black": "黑",
-  "Red": "紅",
-  "Green": "綠",
-  "Blue": "藍",
-  "Yellow": "黃",
-  "Magenta": "紫紅",
-  "Cyan": "青",
-  "Background": "背景",
-  "Window": "視窗",
-  "Transparent": "透明",
-  "Semi-Transparent": "半透明",
-  "Opaque": "不透明",
-  "Font Size": "字型尺寸",
-  "Text Edge Style": "字型邊緣樣式",
-  "None": "無",
-  "Raised": "浮雕",
-  "Depressed": "壓低",
-  "Uniform": "均勻",
-  "Dropshadow": "下陰影",
-  "Font Family": "字型庫",
-  "Proportional Sans-Serif": "比例無細體",
-  "Monospace Sans-Serif": "單間隔無細體",
-  "Proportional Serif": "比例細體",
-  "Monospace Serif": "單間隔細體",
-  "Casual": "輕便的",
-  "Script": "手寫體",
-  "Small Caps": "小型大寫字體",
-  "Reset": "重置",
-  "restore all settings to the default values": "恢復全部設定至預設值",
-  "Done": "完成",
-  "Caption Settings Dialog": "字幕設定視窗",
-  "Beginning of dialog window. Escape will cancel and close the window.": "開始對話視窗。離開會取消及關閉視窗",
-  "End of dialog window.": "結束對話視窗",
-  "Seek to live, currently behind live": "試圖直播，目前延時播放",
-  "Seek to live, currently playing live": "試圖直播，目前即時播放",
-  "progress bar timing: currentTime={1} duration={2}": "{1}/{2}",
-  "{1} is loading.": "{1} 正在載入。"
-}
diff --git a/negromate/web/static/js/videojs/video-js.css b/negromate/web/static/js/videojs/video-js.css
deleted file mode 100644
index 5b0e3b9..0000000
--- a/negromate/web/static/js/videojs/video-js.css
+++ /dev/null
@@ -1,1663 +0,0 @@
-@charset "UTF-8";
-.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  text-align: center;
-}
-
-@font-face {
-  font-family: VideoJS;
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  content: "\f101";
-}
-
-.vjs-icon-play-circle {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play-circle:before {
-  content: "\f102";
-}
-
-.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
-  content: "\f103";
-}
-
-.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
-  content: "\f104";
-}
-
-.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
-  content: "\f105";
-}
-
-.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
-  content: "\f106";
-}
-
-.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
-  content: "\f107";
-}
-
-.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
-  content: "\f108";
-}
-
-.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
-  content: "\f109";
-}
-
-.vjs-icon-square {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-square:before {
-  content: "\f10a";
-}
-
-.vjs-icon-spinner {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-spinner:before {
-  content: "\f10b";
-}
-
-.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
-  content: "\f10c";
-}
-
-.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
-  content: "\f10d";
-}
-
-.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
-  content: "\f10e";
-}
-
-.vjs-icon-share {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-share:before {
-  content: "\f10f";
-}
-
-.vjs-icon-cog {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-cog:before {
-  content: "\f110";
-}
-
-.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
-  content: "\f111";
-}
-
-.vjs-icon-circle-outline {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle-outline:before {
-  content: "\f112";
-}
-
-.vjs-icon-circle-inner-circle {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle-inner-circle:before {
-  content: "\f113";
-}
-
-.vjs-icon-hd {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-hd:before {
-  content: "\f114";
-}
-
-.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
-  content: "\f115";
-}
-
-.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
-  content: "\f116";
-}
-
-.vjs-icon-facebook {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-facebook:before {
-  content: "\f117";
-}
-
-.vjs-icon-gplus {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-gplus:before {
-  content: "\f118";
-}
-
-.vjs-icon-linkedin {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-linkedin:before {
-  content: "\f119";
-}
-
-.vjs-icon-twitter {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-twitter:before {
-  content: "\f11a";
-}
-
-.vjs-icon-tumblr {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-tumblr:before {
-  content: "\f11b";
-}
-
-.vjs-icon-pinterest {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-pinterest:before {
-  content: "\f11c";
-}
-
-.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
-  content: "\f11d";
-}
-
-.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
-  content: "\f11e";
-}
-
-.vjs-icon-next-item {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-next-item:before {
-  content: "\f11f";
-}
-
-.vjs-icon-previous-item {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-previous-item:before {
-  content: "\f120";
-}
-
-.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
-  content: "\f121";
-}
-
-.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
-  content: "\f122";
-}
-
-.video-js {
-  display: block;
-  vertical-align: top;
-  box-sizing: border-box;
-  color: #fff;
-  background-color: #000;
-  position: relative;
-  padding: 0;
-  font-size: 10px;
-  line-height: 1;
-  font-weight: normal;
-  font-style: normal;
-  font-family: Arial, Helvetica, sans-serif;
-  word-break: initial;
-}
-.video-js:-moz-full-screen {
-  position: absolute;
-}
-.video-js:-webkit-full-screen {
-  width: 100% !important;
-  height: 100% !important;
-}
-
-.video-js[tabindex="-1"] {
-  outline: none;
-}
-
-.video-js *,
-.video-js *:before,
-.video-js *:after {
-  box-sizing: inherit;
-}
-
-.video-js ul {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  list-style-position: outside;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.video-js.vjs-fluid,
-.video-js.vjs-16-9,
-.video-js.vjs-4-3 {
-  width: 100%;
-  max-width: 100%;
-  height: 0;
-}
-
-.video-js.vjs-16-9 {
-  padding-top: 56.25%;
-}
-
-.video-js.vjs-4-3 {
-  padding-top: 75%;
-}
-
-.video-js.vjs-fill {
-  width: 100%;
-  height: 100%;
-}
-
-.video-js .vjs-tech {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-body.vjs-full-window {
-  padding: 0;
-  margin: 0;
-  height: 100%;
-}
-
-.vjs-full-window .video-js.vjs-fullscreen {
-  position: fixed;
-  overflow: hidden;
-  z-index: 1000;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.video-js.vjs-fullscreen {
-  width: 100% !important;
-  height: 100% !important;
-  padding-top: 0 !important;
-}
-
-.video-js.vjs-fullscreen.vjs-user-inactive {
-  cursor: none;
-}
-
-.vjs-hidden {
-  display: none !important;
-}
-
-.vjs-disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.video-js .vjs-offscreen {
-  height: 1px;
-  left: -9999px;
-  position: absolute;
-  top: 0;
-  width: 1px;
-}
-
-.vjs-lock-showing {
-  display: block !important;
-  opacity: 1;
-  visibility: visible;
-}
-
-.vjs-no-js {
-  padding: 20px;
-  color: #fff;
-  background-color: #000;
-  font-size: 18px;
-  font-family: Arial, Helvetica, sans-serif;
-  text-align: center;
-  width: 300px;
-  height: 150px;
-  margin: 0px auto;
-}
-
-.vjs-no-js a,
-.vjs-no-js a:visited {
-  color: #66A8CC;
-}
-
-.video-js .vjs-big-play-button {
-  font-size: 3em;
-  line-height: 1.5em;
-  height: 1.63332em;
-  width: 3em;
-  display: block;
-  position: absolute;
-  top: 10px;
-  left: 10px;
-  padding: 0;
-  cursor: pointer;
-  opacity: 1;
-  border: 0.06666em solid #fff;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-  border-radius: 0.3em;
-  transition: all 0.4s;
-}
-.vjs-big-play-centered .vjs-big-play-button {
-  top: 50%;
-  left: 50%;
-  margin-top: -0.81666em;
-  margin-left: -1.5em;
-}
-
-.video-js:hover .vjs-big-play-button,
-.video-js .vjs-big-play-button:focus {
-  border-color: #fff;
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-  transition: all 0s;
-}
-
-.vjs-controls-disabled .vjs-big-play-button,
-.vjs-has-started .vjs-big-play-button,
-.vjs-using-native-controls .vjs-big-play-button,
-.vjs-error .vjs-big-play-button {
-  display: none;
-}
-
-.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
-  display: block;
-}
-
-.video-js button {
-  background: none;
-  border: none;
-  color: inherit;
-  display: inline-block;
-  font-size: inherit;
-  line-height: inherit;
-  text-transform: none;
-  text-decoration: none;
-  transition: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.vjs-control .vjs-button {
-  width: 100%;
-  height: 100%;
-}
-
-.video-js .vjs-control.vjs-close-button {
-  cursor: pointer;
-  height: 3em;
-  position: absolute;
-  right: 0;
-  top: 0.5em;
-  z-index: 2;
-}
-.video-js .vjs-modal-dialog {
-  background: rgba(0, 0, 0, 0.8);
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
-  overflow: auto;
-}
-
-.video-js .vjs-modal-dialog > * {
-  box-sizing: border-box;
-}
-
-.vjs-modal-dialog .vjs-modal-dialog-content {
-  font-size: 1.2em;
-  line-height: 1.5;
-  padding: 20px 24px;
-  z-index: 1;
-}
-
-.vjs-menu-button {
-  cursor: pointer;
-}
-
-.vjs-menu-button.vjs-disabled {
-  cursor: default;
-}
-
-.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
-  display: none;
-}
-
-.vjs-menu .vjs-menu-content {
-  display: block;
-  padding: 0;
-  margin: 0;
-  font-family: Arial, Helvetica, sans-serif;
-  overflow: auto;
-}
-
-.vjs-menu .vjs-menu-content > * {
-  box-sizing: border-box;
-}
-
-.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
-  display: none;
-}
-
-.vjs-menu li {
-  list-style: none;
-  margin: 0;
-  padding: 0.2em 0;
-  line-height: 1.4em;
-  font-size: 1.2em;
-  text-align: center;
-  text-transform: lowercase;
-}
-
-.vjs-menu li.vjs-menu-item:focus,
-.vjs-menu li.vjs-menu-item:hover,
-.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-}
-
-.vjs-menu li.vjs-selected,
-.vjs-menu li.vjs-selected:focus,
-.vjs-menu li.vjs-selected:hover,
-.js-focus-visible .vjs-menu li.vjs-selected:hover {
-  background-color: #fff;
-  color: #2B333F;
-}
-
-.vjs-menu 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;
-}
-
-.vjs-menu-button-popup .vjs-menu {
-  display: none;
-  position: absolute;
-  bottom: 0;
-  width: 10em;
-  left: -3em;
-  height: 0em;
-  margin-bottom: 1.5em;
-  border-top-color: rgba(43, 51, 63, 0.7);
-}
-
-.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-  position: absolute;
-  width: 100%;
-  bottom: 1.5em;
-  max-height: 15em;
-}
-
-.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 5em;
-}
-
-.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 10em;
-}
-
-.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 14em;
-}
-
-.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 25em;
-}
-
-.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
-.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
-  display: block;
-}
-
-.video-js .vjs-menu-button-inline {
-  transition: all 0.4s;
-  overflow: hidden;
-}
-
-.video-js .vjs-menu-button-inline:before {
-  width: 2.222222222em;
-}
-
-.video-js .vjs-menu-button-inline:hover,
-.video-js .vjs-menu-button-inline:focus,
-.video-js .vjs-menu-button-inline.vjs-slider-active,
-.video-js.vjs-no-flex .vjs-menu-button-inline {
-  width: 12em;
-}
-
-.vjs-menu-button-inline .vjs-menu {
-  opacity: 0;
-  height: 100%;
-  width: auto;
-  position: absolute;
-  left: 4em;
-  top: 0;
-  padding: 0;
-  margin: 0;
-  transition: all 0.4s;
-}
-
-.vjs-menu-button-inline:hover .vjs-menu,
-.vjs-menu-button-inline:focus .vjs-menu,
-.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
-  display: block;
-  opacity: 1;
-}
-
-.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
-  display: block;
-  opacity: 1;
-  position: relative;
-  width: auto;
-}
-
-.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
-.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
-.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
-  width: auto;
-}
-
-.vjs-menu-button-inline .vjs-menu-content {
-  width: auto;
-  height: 100%;
-  margin: 0;
-  overflow: hidden;
-}
-
-.video-js .vjs-control-bar {
-  display: none;
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 3em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-}
-
-.vjs-has-started .vjs-control-bar {
-  display: flex;
-  visibility: visible;
-  opacity: 1;
-  transition: visibility 0.1s, opacity 0.1s;
-}
-
-.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  visibility: visible;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-.vjs-controls-disabled .vjs-control-bar,
-.vjs-using-native-controls .vjs-control-bar,
-.vjs-error .vjs-control-bar {
-  display: none !important;
-}
-
-.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  opacity: 1;
-  visibility: visible;
-}
-
-.vjs-has-started.vjs-no-flex .vjs-control-bar {
-  display: table;
-}
-
-.video-js .vjs-control {
-  position: relative;
-  text-align: center;
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  width: 4em;
-  flex: none;
-}
-
-.vjs-button > .vjs-icon-placeholder:before {
-  font-size: 1.8em;
-  line-height: 1.67;
-}
-
-.video-js .vjs-control:focus:before,
-.video-js .vjs-control:hover:before,
-.video-js .vjs-control:focus {
-  text-shadow: 0em 0em 1em white;
-}
-
-.video-js .vjs-control-text {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.vjs-no-flex .vjs-control {
-  display: table-cell;
-  vertical-align: middle;
-}
-
-.video-js .vjs-custom-control-spacer {
-  display: none;
-}
-
-.video-js .vjs-progress-control {
-  cursor: pointer;
-  flex: auto;
-  display: flex;
-  align-items: center;
-  min-width: 4em;
-  touch-action: none;
-}
-
-.video-js .vjs-progress-control.disabled {
-  cursor: default;
-}
-
-.vjs-live .vjs-progress-control {
-  display: none;
-}
-
-.vjs-liveui .vjs-progress-control {
-  display: flex;
-  align-items: center;
-}
-
-.vjs-no-flex .vjs-progress-control {
-  width: auto;
-}
-
-.video-js .vjs-progress-holder {
-  flex: auto;
-  transition: all 0.2s;
-  height: 0.3em;
-}
-
-.video-js .vjs-progress-control .vjs-progress-holder {
-  margin: 0 10px;
-}
-
-.video-js .vjs-progress-control:hover .vjs-progress-holder {
-  font-size: 1.6666666667em;
-}
-
-.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
-  font-size: 1em;
-}
-
-.video-js .vjs-progress-holder .vjs-play-progress,
-.video-js .vjs-progress-holder .vjs-load-progress,
-.video-js .vjs-progress-holder .vjs-load-progress div {
-  position: absolute;
-  display: block;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  width: 0;
-}
-
-.video-js .vjs-play-progress {
-  background-color: #fff;
-}
-.video-js .vjs-play-progress:before {
-  font-size: 0.9em;
-  position: absolute;
-  right: -0.5em;
-  top: -0.3333333333em;
-  z-index: 1;
-}
-
-.video-js .vjs-load-progress {
-  background: rgba(115, 133, 159, 0.5);
-}
-
-.video-js .vjs-load-progress div {
-  background: rgba(115, 133, 159, 0.75);
-}
-
-.video-js .vjs-time-tooltip {
-  background-color: #fff;
-  background-color: rgba(255, 255, 255, 0.8);
-  border-radius: 0.3em;
-  color: #000;
-  float: right;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 1em;
-  padding: 6px 8px 8px 8px;
-  pointer-events: none;
-  position: absolute;
-  top: -3.4em;
-  visibility: hidden;
-  z-index: 1;
-}
-
-.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
-  display: none;
-}
-
-.video-js .vjs-progress-control:hover .vjs-time-tooltip,
-.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
-  display: block;
-  font-size: 0.6em;
-  visibility: visible;
-}
-
-.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
-  font-size: 1em;
-}
-
-.video-js .vjs-progress-control .vjs-mouse-display {
-  display: none;
-  position: absolute;
-  width: 1px;
-  height: 100%;
-  background-color: #000;
-  z-index: 1;
-}
-
-.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
-  z-index: 0;
-}
-
-.video-js .vjs-progress-control:hover .vjs-mouse-display {
-  display: block;
-}
-
-.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
-  display: none;
-}
-
-.vjs-mouse-display .vjs-time-tooltip {
-  color: #fff;
-  background-color: #000;
-  background-color: rgba(0, 0, 0, 0.8);
-}
-
-.video-js .vjs-slider {
-  position: relative;
-  cursor: pointer;
-  padding: 0;
-  margin: 0 0.45em 0 0.45em;
-  /* iOS Safari */
-  -webkit-touch-callout: none;
-  /* Safari */
-  -webkit-user-select: none;
-  /* Konqueror HTML */
-  /* Firefox */
-  -moz-user-select: none;
-  /* Internet Explorer/Edge */
-  -ms-user-select: none;
-  /* Non-prefixed version, currently supported by Chrome and Opera */
-  user-select: none;
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-}
-
-.video-js .vjs-slider.disabled {
-  cursor: default;
-}
-
-.video-js .vjs-slider:focus {
-  text-shadow: 0em 0em 1em white;
-  box-shadow: 0 0 1em #fff;
-}
-
-.video-js .vjs-mute-control {
-  cursor: pointer;
-  flex: none;
-}
-.video-js .vjs-volume-control {
-  cursor: pointer;
-  margin-right: 1em;
-  display: flex;
-}
-
-.video-js .vjs-volume-control.vjs-volume-horizontal {
-  width: 5em;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control {
-  visibility: visible;
-  opacity: 0;
-  width: 1px;
-  height: 1px;
-  margin-left: -1px;
-}
-
-.video-js .vjs-volume-panel {
-  transition: width 1s;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
-  visibility: visible;
-  opacity: 1;
-  position: relative;
-  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
-  width: 5em;
-  height: 3em;
-  margin-right: 0;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
-  left: -3.5em;
-  transition: left 0s;
-}
-.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-  width: 10em;
-  transition: width 0.1s;
-}
-.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
-  width: 4em;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  height: 8em;
-  width: 3em;
-  left: -3000em;
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-}
-
-.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  width: 5em;
-  height: 3em;
-  visibility: visible;
-  opacity: 1;
-  position: relative;
-  transition: none;
-}
-
-.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
-.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  position: absolute;
-  bottom: 3em;
-  left: 0.5em;
-}
-
-.video-js .vjs-volume-panel {
-  display: flex;
-}
-
-.video-js .vjs-volume-bar {
-  margin: 1.35em 0.45em;
-}
-
-.vjs-volume-bar.vjs-slider-horizontal {
-  width: 5em;
-  height: 0.3em;
-}
-
-.vjs-volume-bar.vjs-slider-vertical {
-  width: 0.3em;
-  height: 5em;
-  margin: 1.35em auto;
-}
-
-.video-js .vjs-volume-level {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  background-color: #fff;
-}
-.video-js .vjs-volume-level:before {
-  position: absolute;
-  font-size: 0.9em;
-}
-
-.vjs-slider-vertical .vjs-volume-level {
-  width: 0.3em;
-}
-.vjs-slider-vertical .vjs-volume-level:before {
-  top: -0.5em;
-  left: -0.3em;
-}
-
-.vjs-slider-horizontal .vjs-volume-level {
-  height: 0.3em;
-}
-.vjs-slider-horizontal .vjs-volume-level:before {
-  top: -0.3em;
-  right: -0.5em;
-}
-
-.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
-  width: 4em;
-}
-
-.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
-  height: 100%;
-}
-
-.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
-  width: 100%;
-}
-
-.video-js .vjs-volume-vertical {
-  width: 3em;
-  height: 8em;
-  bottom: 8em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-}
-
-.video-js .vjs-volume-horizontal .vjs-menu {
-  left: -2em;
-}
-
-.vjs-poster {
-  display: inline-block;
-  vertical-align: middle;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  background-size: contain;
-  background-color: #000000;
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-}
-
-.vjs-has-started .vjs-poster {
-  display: none;
-}
-
-.vjs-audio.vjs-has-started .vjs-poster {
-  display: block;
-}
-
-.vjs-using-native-controls .vjs-poster {
-  display: none;
-}
-
-.video-js .vjs-live-control {
-  display: flex;
-  align-items: flex-start;
-  flex: auto;
-  font-size: 1em;
-  line-height: 3em;
-}
-
-.vjs-no-flex .vjs-live-control {
-  display: table-cell;
-  width: auto;
-  text-align: left;
-}
-
-.video-js:not(.vjs-live) .vjs-live-control,
-.video-js.vjs-liveui .vjs-live-control {
-  display: none;
-}
-
-.video-js .vjs-seek-to-live-control {
-  cursor: pointer;
-  flex: none;
-  display: inline-flex;
-  height: 100%;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-  font-size: 1em;
-  line-height: 3em;
-  width: auto;
-  min-width: 4em;
-}
-
-.vjs-no-flex .vjs-seek-to-live-control {
-  display: table-cell;
-  width: auto;
-  text-align: left;
-}
-
-.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
-.video-js:not(.vjs-live) .vjs-seek-to-live-control {
-  display: none;
-}
-
-.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
-  cursor: auto;
-}
-
-.vjs-seek-to-live-control .vjs-icon-placeholder {
-  margin-right: 0.5em;
-  color: #888;
-}
-
-.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
-  color: red;
-}
-
-.video-js .vjs-time-control {
-  flex: none;
-  font-size: 1em;
-  line-height: 3em;
-  min-width: 2em;
-  width: auto;
-  padding-left: 1em;
-  padding-right: 1em;
-}
-
-.vjs-live .vjs-time-control {
-  display: none;
-}
-
-.video-js .vjs-current-time,
-.vjs-no-flex .vjs-current-time {
-  display: none;
-}
-
-.video-js .vjs-duration,
-.vjs-no-flex .vjs-duration {
-  display: none;
-}
-
-.vjs-time-divider {
-  display: none;
-  line-height: 3em;
-}
-
-.vjs-live .vjs-time-divider {
-  display: none;
-}
-
-.video-js .vjs-play-control {
-  cursor: pointer;
-}
-
-.video-js .vjs-play-control .vjs-icon-placeholder {
-  flex: none;
-}
-
-.vjs-text-track-display {
-  position: absolute;
-  bottom: 3em;
-  left: 0;
-  right: 0;
-  top: 0;
-  pointer-events: none;
-}
-
-.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
-  bottom: 1em;
-}
-
-.video-js .vjs-text-track {
-  font-size: 1.4em;
-  text-align: center;
-  margin-bottom: 0.1em;
-}
-
-.vjs-subtitles {
-  color: #fff;
-}
-
-.vjs-captions {
-  color: #fc6;
-}
-
-.vjs-tt-cue {
-  display: block;
-}
-
-video::-webkit-media-text-track-display {
-  transform: translateY(-3em);
-}
-
-.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-  transform: translateY(-1.5em);
-}
-
-.video-js .vjs-picture-in-picture-control {
-  cursor: pointer;
-  flex: none;
-}
-.video-js .vjs-fullscreen-control {
-  cursor: pointer;
-  flex: none;
-}
-.vjs-playback-rate > .vjs-menu-button,
-.vjs-playback-rate .vjs-playback-rate-value {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-playback-rate .vjs-playback-rate-value {
-  pointer-events: none;
-  font-size: 1.5em;
-  line-height: 2;
-  text-align: center;
-}
-
-.vjs-playback-rate .vjs-menu {
-  width: 4em;
-  left: 0em;
-}
-
-.vjs-error .vjs-error-display .vjs-modal-dialog-content {
-  font-size: 1.4em;
-  text-align: center;
-}
-
-.vjs-error .vjs-error-display:before {
-  color: #fff;
-  content: "X";
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 4em;
-  left: 0;
-  line-height: 1;
-  margin-top: -0.5em;
-  position: absolute;
-  text-shadow: 0.05em 0.05em 0.1em #000;
-  text-align: center;
-  top: 50%;
-  vertical-align: middle;
-  width: 100%;
-}
-
-.vjs-loading-spinner {
-  display: none;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin: -25px 0 0 -25px;
-  opacity: 0.85;
-  text-align: left;
-  border: 6px solid rgba(43, 51, 63, 0.7);
-  box-sizing: border-box;
-  background-clip: padding-box;
-  width: 50px;
-  height: 50px;
-  border-radius: 25px;
-  visibility: hidden;
-}
-
-.vjs-seeking .vjs-loading-spinner,
-.vjs-waiting .vjs-loading-spinner {
-  display: block;
-  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
-          animation: vjs-spinner-show 0s linear 0.3s forwards;
-}
-
-.vjs-loading-spinner:before,
-.vjs-loading-spinner:after {
-  content: "";
-  position: absolute;
-  margin: -6px;
-  box-sizing: inherit;
-  width: inherit;
-  height: inherit;
-  border-radius: inherit;
-  opacity: 1;
-  border: inherit;
-  border-color: transparent;
-  border-top-color: white;
-}
-
-.vjs-seeking .vjs-loading-spinner:before,
-.vjs-seeking .vjs-loading-spinner:after,
-.vjs-waiting .vjs-loading-spinner:before,
-.vjs-waiting .vjs-loading-spinner:after {
-  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
-  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
-}
-
-.vjs-seeking .vjs-loading-spinner:before,
-.vjs-waiting .vjs-loading-spinner:before {
-  border-top-color: white;
-}
-
-.vjs-seeking .vjs-loading-spinner:after,
-.vjs-waiting .vjs-loading-spinner:after {
-  border-top-color: white;
-  -webkit-animation-delay: 0.44s;
-  animation-delay: 0.44s;
-}
-
-@keyframes vjs-spinner-show {
-  to {
-    visibility: visible;
-  }
-}
-@-webkit-keyframes vjs-spinner-show {
-  to {
-    visibility: visible;
-  }
-}
-@keyframes vjs-spinner-spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes vjs-spinner-spin {
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-@keyframes vjs-spinner-fade {
-  0% {
-    border-top-color: #73859f;
-  }
-  20% {
-    border-top-color: #73859f;
-  }
-  35% {
-    border-top-color: white;
-  }
-  60% {
-    border-top-color: #73859f;
-  }
-  100% {
-    border-top-color: #73859f;
-  }
-}
-@-webkit-keyframes vjs-spinner-fade {
-  0% {
-    border-top-color: #73859f;
-  }
-  20% {
-    border-top-color: #73859f;
-  }
-  35% {
-    border-top-color: white;
-  }
-  60% {
-    border-top-color: #73859f;
-  }
-  100% {
-    border-top-color: #73859f;
-  }
-}
-.vjs-chapters-button .vjs-menu ul {
-  width: 24em;
-}
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
-  vertical-align: middle;
-  display: inline-block;
-  margin-bottom: -0.1em;
-}
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: "";
-  font-size: 1.5em;
-  line-height: inherit;
-}
-
-.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
-  vertical-align: middle;
-  display: inline-block;
-  margin-bottom: -0.1em;
-}
-
-.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: " ";
-  font-size: 1.5em;
-  line-height: inherit;
-}
-
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
-  display: none;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-  width: auto;
-  width: initial;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
-  display: none;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
-  flex: auto;
-  display: block;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
-  width: auto;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
-  display: none;
-}
-
-.vjs-modal-dialog.vjs-text-track-settings {
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.75);
-  color: #fff;
-  height: 70%;
-}
-
-.vjs-text-track-settings .vjs-modal-dialog-content {
-  display: table;
-}
-
-.vjs-text-track-settings .vjs-track-settings-colors,
-.vjs-text-track-settings .vjs-track-settings-font,
-.vjs-text-track-settings .vjs-track-settings-controls {
-  display: table-cell;
-}
-
-.vjs-text-track-settings .vjs-track-settings-controls {
-  text-align: right;
-  vertical-align: bottom;
-}
-
-@supports (display: grid) {
-  .vjs-text-track-settings .vjs-modal-dialog-content {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr;
-    padding: 20px 24px 0px 24px;
-  }
-
-  .vjs-track-settings-controls .vjs-default-button {
-    margin-bottom: 20px;
-  }
-
-  .vjs-text-track-settings .vjs-track-settings-controls {
-    grid-column: 1/-1;
-  }
-
-  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
-.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
-.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
-    grid-template-columns: 1fr;
-  }
-}
-.vjs-track-setting > select {
-  margin-right: 1em;
-  margin-bottom: 0.5em;
-}
-
-.vjs-text-track-settings fieldset {
-  margin: 5px;
-  padding: 3px;
-  border: none;
-}
-
-.vjs-text-track-settings fieldset span {
-  display: inline-block;
-}
-
-.vjs-text-track-settings fieldset span > select {
-  max-width: 7.3em;
-}
-
-.vjs-text-track-settings legend {
-  color: #fff;
-  margin: 0 0 5px 0;
-}
-
-.vjs-text-track-settings .vjs-label {
-  position: absolute;
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  display: block;
-  margin: 0 0 5px 0;
-  padding: 0;
-  border: 0;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-}
-
-.vjs-track-settings-controls button:focus,
-.vjs-track-settings-controls button:active {
-  outline-style: solid;
-  outline-width: medium;
-  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
-}
-
-.vjs-track-settings-controls button:hover {
-  color: rgba(43, 51, 63, 0.75);
-}
-
-.vjs-track-settings-controls button {
-  background-color: #fff;
-  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
-  color: #2B333F;
-  cursor: pointer;
-  border-radius: 2px;
-}
-
-.vjs-track-settings-controls .vjs-default-button {
-  margin-right: 1em;
-}
-
-@media print {
-  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
-    visibility: hidden;
-  }
-}
-.vjs-resize-manager {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-  z-index: -1000;
-}
-
-.js-focus-visible .video-js *:focus:not(.focus-visible) {
-  outline: none;
-  background: none;
-}
-
-.video-js *:focus:not(:focus-visible),
-.video-js .vjs-menu *:focus:not(:focus-visible) {
-  outline: none;
-  background: none;
-}
diff --git a/negromate/web/static/js/videojs/video-js.min.css b/negromate/web/static/js/videojs/video-js.min.css
deleted file mode 100644
index b453b88..0000000
--- a/negromate/web/static/js/videojs/video-js.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}
\ No newline at end of file
diff --git a/negromate/web/static/js/videojs/video.cjs.js b/negromate/web/static/js/videojs/video.cjs.js
deleted file mode 100644
index 4ca4b7d..0000000
--- a/negromate/web/static/js/videojs/video.cjs.js
+++ /dev/null
@@ -1,45026 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var window$1 = _interopDefault(require('global/window'));
-var document = _interopDefault(require('global/document'));
-var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/assertThisInitialized'));
-var _inheritsLoose = _interopDefault(require('@babel/runtime/helpers/inheritsLoose'));
-var safeParseTuple = _interopDefault(require('safe-json-parse/tuple'));
-var keycode = _interopDefault(require('keycode'));
-var XHR = _interopDefault(require('@videojs/xhr'));
-var vtt = _interopDefault(require('videojs-vtt.js'));
-var _construct = _interopDefault(require('@babel/runtime/helpers/construct'));
-var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
-var URLToolkit = _interopDefault(require('url-toolkit'));
-var m3u8Parser = require('m3u8-parser');
-var mpdParser = require('mpd-parser');
-var mp4Inspector = _interopDefault(require('mux.js/lib/tools/mp4-inspector'));
-var mp4probe = _interopDefault(require('mux.js/lib/mp4/probe'));
-var CaptionParser = _interopDefault(require('mux.js/lib/mp4/caption-parser'));
-var tsInspector = _interopDefault(require('mux.js/lib/tools/ts-inspector.js'));
-var aesDecrypter = require('aes-decrypter');
-
-var version = "7.7.4";
-
-/**
- * @file create-logger.js
- * @module create-logger
- */
-
-var history = [];
-/**
- * Log messages to the console and history based on the type of message
- *
- * @private
- * @param  {string} type
- *         The name of the console method to use.
- *
- * @param  {Array} args
- *         The arguments to be passed to the matching console method.
- */
-
-var LogByTypeFactory = function LogByTypeFactory(name, log) {
-  return function (type, level, args) {
-    var lvl = log.levels[level];
-    var lvlRegExp = new RegExp("^(" + lvl + ")$");
-
-    if (type !== 'log') {
-      // Add the type to the front of the message when it's not "log".
-      args.unshift(type.toUpperCase() + ':');
-    } // Add console prefix after adding to history.
-
-
-    args.unshift(name + ':'); // Add a clone of the args at this point to history.
-
-    if (history) {
-      history.push([].concat(args)); // only store 1000 history entries
-
-      var splice = history.length - 1000;
-      history.splice(0, splice > 0 ? splice : 0);
-    } // If there's no console then don't try to output messages, but they will
-    // still be stored in history.
-
-
-    if (!window$1.console) {
-      return;
-    } // Was setting these once outside of this function, but containing them
-    // in the function makes it easier to test cases where console doesn't exist
-    // when the module is executed.
-
-
-    var fn = window$1.console[type];
-
-    if (!fn && type === 'debug') {
-      // Certain browsers don't have support for console.debug. For those, we
-      // should default to the closest comparable log.
-      fn = window$1.console.info || window$1.console.log;
-    } // Bail out if there's no console or if this type is not allowed by the
-    // current logging level.
-
-
-    if (!fn || !lvl || !lvlRegExp.test(type)) {
-      return;
-    }
-
-    fn[Array.isArray(args) ? 'apply' : 'call'](window$1.console, args);
-  };
-};
-
-function createLogger(name) {
-  // This is the private tracking variable for logging level.
-  var level = 'info'; // the curried logByType bound to the specific log and history
-
-  var logByType;
-  /**
-   * Logs plain debug messages. Similar to `console.log`.
-   *
-   * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-   * of our JSDoc template, we cannot properly document this as both a function
-   * and a namespace, so its function signature is documented here.
-   *
-   * #### Arguments
-   * ##### *args
-   * Mixed[]
-   *
-   * Any combination of values that could be passed to `console.log()`.
-   *
-   * #### Return Value
-   *
-   * `undefined`
-   *
-   * @namespace
-   * @param    {Mixed[]} args
-   *           One or more messages or objects that should be logged.
-   */
-
-  var log = function log() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    logByType('log', level, args);
-  }; // This is the logByType helper that the logging methods below use
-
-
-  logByType = LogByTypeFactory(name, log);
-  /**
-   * Create a new sublogger which chains the old name to the new name.
-   *
-   * For example, doing `videojs.log.createLogger('player')` and then using that logger will log the following:
-   * ```js
-   *  mylogger('foo');
-   *  // > VIDEOJS: player: foo
-   * ```
-   *
-   * @param {string} name
-   *        The name to add call the new logger
-   * @return {Object}
-   */
-
-  log.createLogger = function (subname) {
-    return createLogger(name + ': ' + subname);
-  };
-  /**
-   * Enumeration of available logging levels, where the keys are the level names
-   * and the values are `|`-separated strings containing logging methods allowed
-   * in that logging level. These strings are used to create a regular expression
-   * matching the function name being called.
-   *
-   * Levels provided by Video.js are:
-   *
-   * - `off`: Matches no calls. Any value that can be cast to `false` will have
-   *   this effect. The most restrictive.
-   * - `all`: Matches only Video.js-provided functions (`debug`, `log`,
-   *   `log.warn`, and `log.error`).
-   * - `debug`: Matches `log.debug`, `log`, `log.warn`, and `log.error` calls.
-   * - `info` (default): Matches `log`, `log.warn`, and `log.error` calls.
-   * - `warn`: Matches `log.warn` and `log.error` calls.
-   * - `error`: Matches only `log.error` calls.
-   *
-   * @type {Object}
-   */
-
-
-  log.levels = {
-    all: 'debug|log|warn|error',
-    off: '',
-    debug: 'debug|log|warn|error',
-    info: 'log|warn|error',
-    warn: 'warn|error',
-    error: 'error',
-    DEFAULT: level
-  };
-  /**
-   * Get or set the current logging level.
-   *
-   * If a string matching a key from {@link module:log.levels} is provided, acts
-   * as a setter.
-   *
-   * @param  {string} [lvl]
-   *         Pass a valid level to set a new logging level.
-   *
-   * @return {string}
-   *         The current logging level.
-   */
-
-  log.level = function (lvl) {
-    if (typeof lvl === 'string') {
-      if (!log.levels.hasOwnProperty(lvl)) {
-        throw new Error("\"" + lvl + "\" in not a valid log level");
-      }
-
-      level = lvl;
-    }
-
-    return level;
-  };
-  /**
-   * Returns an array containing everything that has been logged to the history.
-   *
-   * This array is a shallow clone of the internal history record. However, its
-   * contents are _not_ cloned; so, mutating objects inside this array will
-   * mutate them in history.
-   *
-   * @return {Array}
-   */
-
-
-  log.history = function () {
-    return history ? [].concat(history) : [];
-  };
-  /**
-   * Allows you to filter the history by the given logger name
-   *
-   * @param {string} fname
-   *        The name to filter by
-   *
-   * @return {Array}
-   *         The filtered list to return
-   */
-
-
-  log.history.filter = function (fname) {
-    return (history || []).filter(function (historyItem) {
-      // if the first item in each historyItem includes `fname`, then it's a match
-      return new RegExp(".*" + fname + ".*").test(historyItem[0]);
-    });
-  };
-  /**
-   * Clears the internal history tracking, but does not prevent further history
-   * tracking.
-   */
-
-
-  log.history.clear = function () {
-    if (history) {
-      history.length = 0;
-    }
-  };
-  /**
-   * Disable history tracking if it is currently enabled.
-   */
-
-
-  log.history.disable = function () {
-    if (history !== null) {
-      history.length = 0;
-      history = null;
-    }
-  };
-  /**
-   * Enable history tracking if it is currently disabled.
-   */
-
-
-  log.history.enable = function () {
-    if (history === null) {
-      history = [];
-    }
-  };
-  /**
-   * Logs error messages. Similar to `console.error`.
-   *
-   * @param {Mixed[]} args
-   *        One or more messages or objects that should be logged as an error
-   */
-
-
-  log.error = function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    return logByType('error', level, args);
-  };
-  /**
-   * Logs warning messages. Similar to `console.warn`.
-   *
-   * @param {Mixed[]} args
-   *        One or more messages or objects that should be logged as a warning.
-   */
-
-
-  log.warn = function () {
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-
-    return logByType('warn', level, args);
-  };
-  /**
-   * Logs debug messages. Similar to `console.debug`, but may also act as a comparable
-   * log if `console.debug` is not available
-   *
-   * @param {Mixed[]} args
-   *        One or more messages or objects that should be logged as debug.
-   */
-
-
-  log.debug = function () {
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-
-    return logByType('debug', level, args);
-  };
-
-  return log;
-}
-
-/**
- * @file log.js
- * @module log
- */
-var log = createLogger('VIDEOJS');
-var createLogger$1 = log.createLogger;
-
-/**
- * @file obj.js
- * @module obj
- */
-
-/**
- * @callback obj:EachCallback
- *
- * @param {Mixed} value
- *        The current key for the object that is being iterated over.
- *
- * @param {string} key
- *        The current key-value for object that is being iterated over
- */
-
-/**
- * @callback obj:ReduceCallback
- *
- * @param {Mixed} accum
- *        The value that is accumulating over the reduce loop.
- *
- * @param {Mixed} value
- *        The current key for the object that is being iterated over.
- *
- * @param {string} key
- *        The current key-value for object that is being iterated over
- *
- * @return {Mixed}
- *         The new accumulated value.
- */
-var toString = Object.prototype.toString;
-/**
- * Get the keys of an Object
- *
- * @param {Object}
- *        The Object to get the keys from
- *
- * @return {string[]}
- *         An array of the keys from the object. Returns an empty array if the
- *         object passed in was invalid or had no keys.
- *
- * @private
- */
-
-var keys = function keys(object) {
-  return isObject(object) ? Object.keys(object) : [];
-};
-/**
- * Array-like iteration for objects.
- *
- * @param {Object} object
- *        The object to iterate over
- *
- * @param {obj:EachCallback} fn
- *        The callback function which is called for each key in the object.
- */
-
-
-function each(object, fn) {
-  keys(object).forEach(function (key) {
-    return fn(object[key], key);
-  });
-}
-/**
- * Array-like reduce for objects.
- *
- * @param {Object} object
- *        The Object that you want to reduce.
- *
- * @param {Function} fn
- *         A callback function which is called for each key in the object. It
- *         receives the accumulated value and the per-iteration value and key
- *         as arguments.
- *
- * @param {Mixed} [initial = 0]
- *        Starting value
- *
- * @return {Mixed}
- *         The final accumulated value.
- */
-
-function reduce(object, fn, initial) {
-  if (initial === void 0) {
-    initial = 0;
-  }
-
-  return keys(object).reduce(function (accum, key) {
-    return fn(accum, object[key], key);
-  }, initial);
-}
-/**
- * Object.assign-style object shallow merge/extend.
- *
- * @param  {Object} target
- * @param  {Object} ...sources
- * @return {Object}
- */
-
-function assign(target) {
-  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
-
-  if (Object.assign) {
-    return _extends.apply(void 0, [target].concat(sources));
-  }
-
-  sources.forEach(function (source) {
-    if (!source) {
-      return;
-    }
-
-    each(source, function (value, key) {
-      target[key] = value;
-    });
-  });
-  return target;
-}
-/**
- * Returns whether a value is an object of any kind - including DOM nodes,
- * arrays, regular expressions, etc. Not functions, though.
- *
- * This avoids the gotcha where using `typeof` on a `null` value
- * results in `'object'`.
- *
- * @param  {Object} value
- * @return {boolean}
- */
-
-function isObject(value) {
-  return !!value && typeof value === 'object';
-}
-/**
- * Returns whether an object appears to be a "plain" object - that is, a
- * direct instance of `Object`.
- *
- * @param  {Object} value
- * @return {boolean}
- */
-
-function isPlain(value) {
-  return isObject(value) && toString.call(value) === '[object Object]' && value.constructor === Object;
-}
-
-/**
- * @file computed-style.js
- * @module computed-style
- */
-/**
- * A safe getComputedStyle.
- *
- * This is needed because in Firefox, if the player is loaded in an iframe with
- * `display:none`, then `getComputedStyle` returns `null`, so, we do a
- * null-check to make sure that the player doesn't break in these cases.
- *
- * @function
- * @param    {Element} el
- *           The element you want the computed style of
- *
- * @param    {string} prop
- *           The property name you want
- *
- * @see      https://bugzilla.mozilla.org/show_bug.cgi?id=548397
- */
-
-function computedStyle(el, prop) {
-  if (!el || !prop) {
-    return '';
-  }
-
-  if (typeof window$1.getComputedStyle === 'function') {
-    var computedStyleValue = window$1.getComputedStyle(el);
-    return computedStyleValue ? computedStyleValue.getPropertyValue(prop) || computedStyleValue[prop] : '';
-  }
-
-  return '';
-}
-
-/**
- * @file dom.js
- * @module dom
- */
-/**
- * Detect if a value is a string with any non-whitespace characters.
- *
- * @private
- * @param  {string} str
- *         The string to check
- *
- * @return {boolean}
- *         Will be `true` if the string is non-blank, `false` otherwise.
- *
- */
-
-function isNonBlankString(str) {
-  // we use str.trim as it will trim any whitespace characters
-  // from the front or back of non-whitespace characters. aka
-  // Any string that contains non-whitespace characters will
-  // still contain them after `trim` but whitespace only strings
-  // will have a length of 0, failing this check.
-  return typeof str === 'string' && Boolean(str.trim());
-}
-/**
- * Throws an error if the passed string has whitespace. This is used by
- * class methods to be relatively consistent with the classList API.
- *
- * @private
- * @param  {string} str
- *         The string to check for whitespace.
- *
- * @throws {Error}
- *         Throws an error if there is whitespace in the string.
- */
-
-
-function throwIfWhitespace(str) {
-  // str.indexOf instead of regex because str.indexOf is faster performance wise.
-  if (str.indexOf(' ') >= 0) {
-    throw new Error('class has illegal whitespace characters');
-  }
-}
-/**
- * Produce a regular expression for matching a className within an elements className.
- *
- * @private
- * @param  {string} className
- *         The className to generate the RegExp for.
- *
- * @return {RegExp}
- *         The RegExp that will check for a specific `className` in an elements
- *         className.
- */
-
-
-function classRegExp(className) {
-  return new RegExp('(^|\\s)' + className + '($|\\s)');
-}
-/**
- * Whether the current DOM interface appears to be real (i.e. not simulated).
- *
- * @return {boolean}
- *         Will be `true` if the DOM appears to be real, `false` otherwise.
- */
-
-
-function isReal() {
-  // Both document and window will never be undefined thanks to `global`.
-  return document === window$1.document;
-}
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @param  {Mixed} value
- *         The value to check.
- *
- * @return {boolean}
- *         Will be `true` if the value is a DOM element, `false` otherwise.
- */
-
-function isEl(value) {
-  return isObject(value) && value.nodeType === 1;
-}
-/**
- * Determines if the current DOM is embedded in an iframe.
- *
- * @return {boolean}
- *         Will be `true` if the DOM is embedded in an iframe, `false`
- *         otherwise.
- */
-
-function isInFrame() {
-  // We need a try/catch here because Safari will throw errors when attempting
-  // to get either `parent` or `self`
-  try {
-    return window$1.parent !== window$1.self;
-  } catch (x) {
-    return true;
-  }
-}
-/**
- * Creates functions to query the DOM using a given method.
- *
- * @private
- * @param   {string} method
- *          The method to create the query with.
- *
- * @return  {Function}
- *          The query method
- */
-
-function createQuerier(method) {
-  return function (selector, context) {
-    if (!isNonBlankString(selector)) {
-      return document[method](null);
-    }
-
-    if (isNonBlankString(context)) {
-      context = document.querySelector(context);
-    }
-
-    var ctx = isEl(context) ? context : document;
-    return ctx[method] && ctx[method](selector);
-  };
-}
-/**
- * Creates an element and applies properties, attributes, and inserts content.
- *
- * @param  {string} [tagName='div']
- *         Name of tag to be created.
- *
- * @param  {Object} [properties={}]
- *         Element properties to be applied.
- *
- * @param  {Object} [attributes={}]
- *         Element attributes to be applied.
- *
- * @param {module:dom~ContentDescriptor} content
- *        A content descriptor object.
- *
- * @return {Element}
- *         The element that was created.
- */
-
-
-function createEl(tagName, properties, attributes, content) {
-  if (tagName === void 0) {
-    tagName = 'div';
-  }
-
-  if (properties === void 0) {
-    properties = {};
-  }
-
-  if (attributes === void 0) {
-    attributes = {};
-  }
-
-  var el = document.createElement(tagName);
-  Object.getOwnPropertyNames(properties).forEach(function (propName) {
-    var val = properties[propName]; // See #2176
-    // We originally were accepting both properties and attributes in the
-    // same object, but that doesn't work so well.
-
-    if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {
-      log.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
-      el.setAttribute(propName, val); // Handle textContent since it's not supported everywhere and we have a
-      // method for it.
-    } else if (propName === 'textContent') {
-      textContent(el, val);
-    } else if (el[propName] !== val) {
-      el[propName] = val;
-    }
-  });
-  Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-    el.setAttribute(attrName, attributes[attrName]);
-  });
-
-  if (content) {
-    appendContent(el, content);
-  }
-
-  return el;
-}
-/**
- * Injects text into an element, replacing any existing contents entirely.
- *
- * @param  {Element} el
- *         The element to add text content into
- *
- * @param  {string} text
- *         The text content to add.
- *
- * @return {Element}
- *         The element with added text content.
- */
-
-function textContent(el, text) {
-  if (typeof el.textContent === 'undefined') {
-    el.innerText = text;
-  } else {
-    el.textContent = text;
-  }
-
-  return el;
-}
-/**
- * Insert an element as the first child node of another
- *
- * @param {Element} child
- *        Element to insert
- *
- * @param {Element} parent
- *        Element to insert child into
- */
-
-function prependTo(child, parent) {
-  if (parent.firstChild) {
-    parent.insertBefore(child, parent.firstChild);
-  } else {
-    parent.appendChild(child);
-  }
-}
-/**
- * Check if an element has a class name.
- *
- * @param  {Element} element
- *         Element to check
- *
- * @param  {string} classToCheck
- *         Class name to check for
- *
- * @return {boolean}
- *         Will be `true` if the element has a class, `false` otherwise.
- *
- * @throws {Error}
- *         Throws an error if `classToCheck` has white space.
- */
-
-function hasClass(element, classToCheck) {
-  throwIfWhitespace(classToCheck);
-
-  if (element.classList) {
-    return element.classList.contains(classToCheck);
-  }
-
-  return classRegExp(classToCheck).test(element.className);
-}
-/**
- * Add a class name to an element.
- *
- * @param  {Element} element
- *         Element to add class name to.
- *
- * @param  {string} classToAdd
- *         Class name to add.
- *
- * @return {Element}
- *         The DOM element with the added class name.
- */
-
-function addClass(element, classToAdd) {
-  if (element.classList) {
-    element.classList.add(classToAdd); // Don't need to `throwIfWhitespace` here because `hasElClass` will do it
-    // in the case of classList not being supported.
-  } else if (!hasClass(element, classToAdd)) {
-    element.className = (element.className + ' ' + classToAdd).trim();
-  }
-
-  return element;
-}
-/**
- * Remove a class name from an element.
- *
- * @param  {Element} element
- *         Element to remove a class name from.
- *
- * @param  {string} classToRemove
- *         Class name to remove
- *
- * @return {Element}
- *         The DOM element with class name removed.
- */
-
-function removeClass(element, classToRemove) {
-  if (element.classList) {
-    element.classList.remove(classToRemove);
-  } else {
-    throwIfWhitespace(classToRemove);
-    element.className = element.className.split(/\s+/).filter(function (c) {
-      return c !== classToRemove;
-    }).join(' ');
-  }
-
-  return element;
-}
-/**
- * The callback definition for toggleClass.
- *
- * @callback module:dom~PredicateCallback
- * @param    {Element} element
- *           The DOM element of the Component.
- *
- * @param    {string} classToToggle
- *           The `className` that wants to be toggled
- *
- * @return   {boolean|undefined}
- *           If `true` is returned, the `classToToggle` will be added to the
- *           `element`. If `false`, the `classToToggle` will be removed from
- *           the `element`. If `undefined`, the callback will be ignored.
- */
-
-/**
- * Adds or removes a class name to/from an element depending on an optional
- * condition or the presence/absence of the class name.
- *
- * @param  {Element} element
- *         The element to toggle a class name on.
- *
- * @param  {string} classToToggle
- *         The class that should be toggled.
- *
- * @param  {boolean|module:dom~PredicateCallback} [predicate]
- *         See the return value for {@link module:dom~PredicateCallback}
- *
- * @return {Element}
- *         The element with a class that has been toggled.
- */
-
-function toggleClass(element, classToToggle, predicate) {
-  // This CANNOT use `classList` internally because IE11 does not support the
-  // second parameter to the `classList.toggle()` method! Which is fine because
-  // `classList` will be used by the add/remove functions.
-  var has = hasClass(element, classToToggle);
-
-  if (typeof predicate === 'function') {
-    predicate = predicate(element, classToToggle);
-  }
-
-  if (typeof predicate !== 'boolean') {
-    predicate = !has;
-  } // If the necessary class operation matches the current state of the
-  // element, no action is required.
-
-
-  if (predicate === has) {
-    return;
-  }
-
-  if (predicate) {
-    addClass(element, classToToggle);
-  } else {
-    removeClass(element, classToToggle);
-  }
-
-  return element;
-}
-/**
- * Apply attributes to an HTML element.
- *
- * @param {Element} el
- *        Element to add attributes to.
- *
- * @param {Object} [attributes]
- *        Attributes to be applied.
- */
-
-function setAttributes(el, attributes) {
-  Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-    var attrValue = attributes[attrName];
-
-    if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {
-      el.removeAttribute(attrName);
-    } else {
-      el.setAttribute(attrName, attrValue === true ? '' : attrValue);
-    }
-  });
-}
-/**
- * Get an element's attribute values, as defined on the HTML tag.
- *
- * Attributes are not the same as properties. They're defined on the tag
- * or with setAttribute.
- *
- * @param  {Element} tag
- *         Element from which to get tag attributes.
- *
- * @return {Object}
- *         All attributes of the element. Boolean attributes will be `true` or
- *         `false`, others will be strings.
- */
-
-function getAttributes(tag) {
-  var obj = {}; // known boolean attributes
-  // we can check for matching boolean properties, but not all browsers
-  // and not all tags know about these attributes, so, we still want to check them manually
-
-  var knownBooleans = ',' + 'autoplay,controls,playsinline,loop,muted,default,defaultMuted' + ',';
-
-  if (tag && tag.attributes && tag.attributes.length > 0) {
-    var attrs = tag.attributes;
-
-    for (var i = attrs.length - 1; i >= 0; i--) {
-      var attrName = attrs[i].name;
-      var attrVal = attrs[i].value; // check for known booleans
-      // the matching element property will return a value for typeof
-
-      if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(',' + attrName + ',') !== -1) {
-        // the value of an included boolean attribute is typically an empty
-        // string ('') which would equal false if we just check for a false value.
-        // we also don't want support bad code like autoplay='false'
-        attrVal = attrVal !== null ? true : false;
-      }
-
-      obj[attrName] = attrVal;
-    }
-  }
-
-  return obj;
-}
-/**
- * Get the value of an element's attribute.
- *
- * @param {Element} el
- *        A DOM element.
- *
- * @param {string} attribute
- *        Attribute to get the value of.
- *
- * @return {string}
- *         The value of the attribute.
- */
-
-function getAttribute(el, attribute) {
-  return el.getAttribute(attribute);
-}
-/**
- * Set the value of an element's attribute.
- *
- * @param {Element} el
- *        A DOM element.
- *
- * @param {string} attribute
- *        Attribute to set.
- *
- * @param {string} value
- *        Value to set the attribute to.
- */
-
-function setAttribute(el, attribute, value) {
-  el.setAttribute(attribute, value);
-}
-/**
- * Remove an element's attribute.
- *
- * @param {Element} el
- *        A DOM element.
- *
- * @param {string} attribute
- *        Attribute to remove.
- */
-
-function removeAttribute(el, attribute) {
-  el.removeAttribute(attribute);
-}
-/**
- * Attempt to block the ability to select text.
- */
-
-function blockTextSelection() {
-  document.body.focus();
-
-  document.onselectstart = function () {
-    return false;
-  };
-}
-/**
- * Turn off text selection blocking.
- */
-
-function unblockTextSelection() {
-  document.onselectstart = function () {
-    return true;
-  };
-}
-/**
- * Identical to the native `getBoundingClientRect` function, but ensures that
- * the method is supported at all (it is in all browsers we claim to support)
- * and that the element is in the DOM before continuing.
- *
- * This wrapper function also shims properties which are not provided by some
- * older browsers (namely, IE8).
- *
- * Additionally, some browsers do not support adding properties to a
- * `ClientRect`/`DOMRect` object; so, we shallow-copy it with the standard
- * properties (except `x` and `y` which are not widely supported). This helps
- * avoid implementations where keys are non-enumerable.
- *
- * @param  {Element} el
- *         Element whose `ClientRect` we want to calculate.
- *
- * @return {Object|undefined}
- *         Always returns a plain object - or `undefined` if it cannot.
- */
-
-function getBoundingClientRect(el) {
-  if (el && el.getBoundingClientRect && el.parentNode) {
-    var rect = el.getBoundingClientRect();
-    var result = {};
-    ['bottom', 'height', 'left', 'right', 'top', 'width'].forEach(function (k) {
-      if (rect[k] !== undefined) {
-        result[k] = rect[k];
-      }
-    });
-
-    if (!result.height) {
-      result.height = parseFloat(computedStyle(el, 'height'));
-    }
-
-    if (!result.width) {
-      result.width = parseFloat(computedStyle(el, 'width'));
-    }
-
-    return result;
-  }
-}
-/**
- * Represents the position of a DOM element on the page.
- *
- * @typedef  {Object} module:dom~Position
- *
- * @property {number} left
- *           Pixels to the left.
- *
- * @property {number} top
- *           Pixels from the top.
- */
-
-/**
- * Get the position of an element in the DOM.
- *
- * Uses `getBoundingClientRect` technique from John Resig.
- *
- * @see http://ejohn.org/blog/getboundingclientrect-is-awesome/
- *
- * @param  {Element} el
- *         Element from which to get offset.
- *
- * @return {module:dom~Position}
- *         The position of the element that was passed in.
- */
-
-function findPosition(el) {
-  var box;
-
-  if (el.getBoundingClientRect && el.parentNode) {
-    box = el.getBoundingClientRect();
-  }
-
-  if (!box) {
-    return {
-      left: 0,
-      top: 0
-    };
-  }
-
-  var docEl = document.documentElement;
-  var body = document.body;
-  var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-  var scrollLeft = window$1.pageXOffset || body.scrollLeft;
-  var left = box.left + scrollLeft - clientLeft;
-  var clientTop = docEl.clientTop || body.clientTop || 0;
-  var scrollTop = window$1.pageYOffset || body.scrollTop;
-  var top = box.top + scrollTop - clientTop; // Android sometimes returns slightly off decimal values, so need to round
-
-  return {
-    left: Math.round(left),
-    top: Math.round(top)
-  };
-}
-/**
- * Represents x and y coordinates for a DOM element or mouse pointer.
- *
- * @typedef  {Object} module:dom~Coordinates
- *
- * @property {number} x
- *           x coordinate in pixels
- *
- * @property {number} y
- *           y coordinate in pixels
- */
-
-/**
- * Get the pointer position within an element.
- *
- * The base on the coordinates are the bottom left of the element.
- *
- * @param  {Element} el
- *         Element on which to get the pointer position on.
- *
- * @param  {EventTarget~Event} event
- *         Event object.
- *
- * @return {module:dom~Coordinates}
- *         A coordinates object corresponding to the mouse position.
- *
- */
-
-function getPointerPosition(el, event) {
-  var position = {};
-  var box = findPosition(el);
-  var boxW = el.offsetWidth;
-  var boxH = el.offsetHeight;
-  var boxY = box.top;
-  var boxX = box.left;
-  var pageY = event.pageY;
-  var pageX = event.pageX;
-
-  if (event.changedTouches) {
-    pageX = event.changedTouches[0].pageX;
-    pageY = event.changedTouches[0].pageY;
-  }
-
-  position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));
-  position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));
-  return position;
-}
-/**
- * Determines, via duck typing, whether or not a value is a text node.
- *
- * @param  {Mixed} value
- *         Check if this value is a text node.
- *
- * @return {boolean}
- *         Will be `true` if the value is a text node, `false` otherwise.
- */
-
-function isTextNode(value) {
-  return isObject(value) && value.nodeType === 3;
-}
-/**
- * Empties the contents of an element.
- *
- * @param  {Element} el
- *         The element to empty children from
- *
- * @return {Element}
- *         The element with no children
- */
-
-function emptyEl(el) {
-  while (el.firstChild) {
-    el.removeChild(el.firstChild);
-  }
-
-  return el;
-}
-/**
- * This is a mixed value that describes content to be injected into the DOM
- * via some method. It can be of the following types:
- *
- * Type       | Description
- * -----------|-------------
- * `string`   | The value will be normalized into a text node.
- * `Element`  | The value will be accepted as-is.
- * `TextNode` | The value will be accepted as-is.
- * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
- * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
- *
- * @typedef {string|Element|TextNode|Array|Function} module:dom~ContentDescriptor
- */
-
-/**
- * Normalizes content for eventual insertion into the DOM.
- *
- * This allows a wide range of content definition methods, but helps protect
- * from falling into the trap of simply writing to `innerHTML`, which could
- * be an XSS concern.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * @param {module:dom~ContentDescriptor} content
- *        A content descriptor value.
- *
- * @return {Array}
- *         All of the content that was passed in, normalized to an array of
- *         elements or text nodes.
- */
-
-function normalizeContent(content) {
-  // First, invoke content if it is a function. If it produces an array,
-  // that needs to happen before normalization.
-  if (typeof content === 'function') {
-    content = content();
-  } // Next up, normalize to an array, so one or many items can be normalized,
-  // filtered, and returned.
-
-
-  return (Array.isArray(content) ? content : [content]).map(function (value) {
-    // First, invoke value if it is a function to produce a new value,
-    // which will be subsequently normalized to a Node of some kind.
-    if (typeof value === 'function') {
-      value = value();
-    }
-
-    if (isEl(value) || isTextNode(value)) {
-      return value;
-    }
-
-    if (typeof value === 'string' && /\S/.test(value)) {
-      return document.createTextNode(value);
-    }
-  }).filter(function (value) {
-    return value;
-  });
-}
-/**
- * Normalizes and appends content to an element.
- *
- * @param  {Element} el
- *         Element to append normalized content to.
- *
- * @param {module:dom~ContentDescriptor} content
- *        A content descriptor value.
- *
- * @return {Element}
- *         The element with appended normalized content.
- */
-
-function appendContent(el, content) {
-  normalizeContent(content).forEach(function (node) {
-    return el.appendChild(node);
-  });
-  return el;
-}
-/**
- * Normalizes and inserts content into an element; this is identical to
- * `appendContent()`, except it empties the element first.
- *
- * @param {Element} el
- *        Element to insert normalized content into.
- *
- * @param {module:dom~ContentDescriptor} content
- *        A content descriptor value.
- *
- * @return {Element}
- *         The element with inserted normalized content.
- */
-
-function insertContent(el, content) {
-  return appendContent(emptyEl(el), content);
-}
-/**
- * Check if an event was a single left click.
- *
- * @param  {EventTarget~Event} event
- *         Event object.
- *
- * @return {boolean}
- *         Will be `true` if a single left click, `false` otherwise.
- */
-
-function isSingleLeftClick(event) {
-  // Note: if you create something draggable, be sure to
-  // call it on both `mousedown` and `mousemove` event,
-  // otherwise `mousedown` should be enough for a button
-  if (event.button === undefined && event.buttons === undefined) {
-    // Why do we need `buttons` ?
-    // Because, middle mouse sometimes have this:
-    // e.button === 0 and e.buttons === 4
-    // Furthermore, we want to prevent combination click, something like
-    // HOLD middlemouse then left click, that would be
-    // e.button === 0, e.buttons === 5
-    // just `button` is not gonna work
-    // Alright, then what this block does ?
-    // this is for chrome `simulate mobile devices`
-    // I want to support this as well
-    return true;
-  }
-
-  if (event.button === 0 && event.buttons === undefined) {
-    // Touch screen, sometimes on some specific device, `buttons`
-    // doesn't have anything (safari on ios, blackberry...)
-    return true;
-  } // `mouseup` event on a single left click has
-  // `button` and `buttons` equal to 0
-
-
-  if (event.type === 'mouseup' && event.button === 0 && event.buttons === 0) {
-    return true;
-  }
-
-  if (event.button !== 0 || event.buttons !== 1) {
-    // This is the reason we have those if else block above
-    // if any special case we can catch and let it slide
-    // we do it above, when get to here, this definitely
-    // is-not-left-click
-    return false;
-  }
-
-  return true;
-}
-/**
- * Finds a single DOM element matching `selector` within the optional
- * `context` of another DOM element (defaulting to `document`).
- *
- * @param  {string} selector
- *         A valid CSS selector, which will be passed to `querySelector`.
- *
- * @param  {Element|String} [context=document]
- *         A DOM element within which to query. Can also be a selector
- *         string in which case the first matching element will be used
- *         as context. If missing (or no element matches selector), falls
- *         back to `document`.
- *
- * @return {Element|null}
- *         The element that was found or null.
- */
-
-var $ = createQuerier('querySelector');
-/**
- * Finds a all DOM elements matching `selector` within the optional
- * `context` of another DOM element (defaulting to `document`).
- *
- * @param  {string} selector
- *         A valid CSS selector, which will be passed to `querySelectorAll`.
- *
- * @param  {Element|String} [context=document]
- *         A DOM element within which to query. Can also be a selector
- *         string in which case the first matching element will be used
- *         as context. If missing (or no element matches selector), falls
- *         back to `document`.
- *
- * @return {NodeList}
- *         A element list of elements that were found. Will be empty if none
- *         were found.
- *
- */
-
-var $$ = createQuerier('querySelectorAll');
-
-var Dom = /*#__PURE__*/Object.freeze({
-  isReal: isReal,
-  isEl: isEl,
-  isInFrame: isInFrame,
-  createEl: createEl,
-  textContent: textContent,
-  prependTo: prependTo,
-  hasClass: hasClass,
-  addClass: addClass,
-  removeClass: removeClass,
-  toggleClass: toggleClass,
-  setAttributes: setAttributes,
-  getAttributes: getAttributes,
-  getAttribute: getAttribute,
-  setAttribute: setAttribute,
-  removeAttribute: removeAttribute,
-  blockTextSelection: blockTextSelection,
-  unblockTextSelection: unblockTextSelection,
-  getBoundingClientRect: getBoundingClientRect,
-  findPosition: findPosition,
-  getPointerPosition: getPointerPosition,
-  isTextNode: isTextNode,
-  emptyEl: emptyEl,
-  normalizeContent: normalizeContent,
-  appendContent: appendContent,
-  insertContent: insertContent,
-  isSingleLeftClick: isSingleLeftClick,
-  $: $,
-  $$: $$
-});
-
-/**
- * @file setup.js - Functions for setting up a player without
- * user interaction based on the data-setup `attribute` of the video tag.
- *
- * @module setup
- */
-var _windowLoaded = false;
-var videojs;
-/**
- * Set up any tags that have a data-setup `attribute` when the player is started.
- */
-
-var autoSetup = function autoSetup() {
-  // Protect against breakage in non-browser environments and check global autoSetup option.
-  if (!isReal() || videojs.options.autoSetup === false) {
-    return;
-  }
-
-  var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-  var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-  var divs = Array.prototype.slice.call(document.getElementsByTagName('video-js'));
-  var mediaEls = vids.concat(audios, divs); // Check if any media elements exist
-
-  if (mediaEls && mediaEls.length > 0) {
-    for (var i = 0, e = mediaEls.length; i < e; i++) {
-      var mediaEl = mediaEls[i]; // Check if element exists, has getAttribute func.
-
-      if (mediaEl && mediaEl.getAttribute) {
-        // Make sure this player hasn't already been set up.
-        if (mediaEl.player === undefined) {
-          var options = mediaEl.getAttribute('data-setup'); // Check if data-setup attr exists.
-          // We only auto-setup if they've added the data-setup attr.
-
-          if (options !== null) {
-            // Create new video.js instance.
-            videojs(mediaEl);
-          }
-        } // If getAttribute isn't defined, we need to wait for the DOM.
-
-      } else {
-        autoSetupTimeout(1);
-        break;
-      }
-    } // No videos were found, so keep looping unless page is finished loading.
-
-  } else if (!_windowLoaded) {
-    autoSetupTimeout(1);
-  }
-};
-/**
- * Wait until the page is loaded before running autoSetup. This will be called in
- * autoSetup if `hasLoaded` returns false.
- *
- * @param {number} wait
- *        How long to wait in ms
- *
- * @param {module:videojs} [vjs]
- *        The videojs library function
- */
-
-
-function autoSetupTimeout(wait, vjs) {
-  if (vjs) {
-    videojs = vjs;
-  }
-
-  window$1.setTimeout(autoSetup, wait);
-}
-/**
- * Used to set the internal tracking of window loaded state to true.
- *
- * @private
- */
-
-
-function setWindowLoaded() {
-  _windowLoaded = true;
-  window$1.removeEventListener('load', setWindowLoaded);
-}
-
-if (isReal()) {
-  if (document.readyState === 'complete') {
-    setWindowLoaded();
-  } else {
-    /**
-     * Listen for the load event on window, and set _windowLoaded to true.
-     *
-     * We use a standard event listener here to avoid incrementing the GUID
-     * before any players are created.
-     *
-     * @listens load
-     */
-    window$1.addEventListener('load', setWindowLoaded);
-  }
-}
-
-/**
- * @file stylesheet.js
- * @module stylesheet
- */
-/**
- * Create a DOM syle element given a className for it.
- *
- * @param {string} className
- *        The className to add to the created style element.
- *
- * @return {Element}
- *         The element that was created.
- */
-
-var createStyleElement = function createStyleElement(className) {
-  var style = document.createElement('style');
-  style.className = className;
-  return style;
-};
-/**
- * Add text to a DOM element.
- *
- * @param {Element} el
- *        The Element to add text content to.
- *
- * @param {string} content
- *        The text to add to the element.
- */
-
-var setTextContent = function setTextContent(el, content) {
-  if (el.styleSheet) {
-    el.styleSheet.cssText = content;
-  } else {
-    el.textContent = content;
-  }
-};
-
-/**
- * @file guid.js
- * @module guid
- */
-// Default value for GUIDs. This allows us to reset the GUID counter in tests.
-//
-// The initial GUID is 3 because some users have come to rely on the first
-// default player ID ending up as `vjs_video_3`.
-//
-// See: https://github.com/videojs/video.js/pull/6216
-var _initialGuid = 3;
-/**
- * Unique ID for an element or function
- *
- * @type {Number}
- */
-
-var _guid = _initialGuid;
-/**
- * Get a unique auto-incrementing ID by number that has not been returned before.
- *
- * @return {number}
- *         A new unique ID.
- */
-
-function newGUID() {
-  return _guid++;
-}
-
-/**
- * @file dom-data.js
- * @module dom-data
- */
-var FakeWeakMap;
-
-if (!window$1.WeakMap) {
-  FakeWeakMap =
-  /*#__PURE__*/
-  function () {
-    function FakeWeakMap() {
-      this.vdata = 'vdata' + Math.floor(window$1.performance && window$1.performance.now() || Date.now());
-      this.data = {};
-    }
-
-    var _proto = FakeWeakMap.prototype;
-
-    _proto.set = function set(key, value) {
-      var access = key[this.vdata] || newGUID();
-
-      if (!key[this.vdata]) {
-        key[this.vdata] = access;
-      }
-
-      this.data[access] = value;
-      return this;
-    };
-
-    _proto.get = function get(key) {
-      var access = key[this.vdata]; // we have data, return it
-
-      if (access) {
-        return this.data[access];
-      } // we don't have data, return nothing.
-      // return undefined explicitly as that's the contract for this method
-
-
-      log('We have no data for this element', key);
-      return undefined;
-    };
-
-    _proto.has = function has(key) {
-      var access = key[this.vdata];
-      return access in this.data;
-    };
-
-    _proto["delete"] = function _delete(key) {
-      var access = key[this.vdata];
-
-      if (access) {
-        delete this.data[access];
-        delete key[this.vdata];
-      }
-    };
-
-    return FakeWeakMap;
-  }();
-}
-/**
- * Element Data Store.
- *
- * Allows for binding data to an element without putting it directly on the
- * element. Ex. Event listeners are stored here.
- * (also from jsninja.com, slightly modified and updated for closure compiler)
- *
- * @type {Object}
- * @private
- */
-
-
-var DomData = window$1.WeakMap ? new WeakMap() : new FakeWeakMap();
-
-/**
- * @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
- * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
- * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
- * robust as jquery's, so there's probably some differences.
- *
- * @file events.js
- * @module events
- */
-/**
- * Clean up the listener cache and dispatchers
- *
- * @param {Element|Object} elem
- *        Element to clean up
- *
- * @param {string} type
- *        Type of event to clean up
- */
-
-function _cleanUpEvents(elem, type) {
-  if (!DomData.has(elem)) {
-    return;
-  }
-
-  var data = DomData.get(elem); // Remove the events of a particular type if there are none left
-
-  if (data.handlers[type].length === 0) {
-    delete data.handlers[type]; // data.handlers[type] = null;
-    // Setting to null was causing an error with data.handlers
-    // Remove the meta-handler from the element
-
-    if (elem.removeEventListener) {
-      elem.removeEventListener(type, data.dispatcher, false);
-    } else if (elem.detachEvent) {
-      elem.detachEvent('on' + type, data.dispatcher);
-    }
-  } // Remove the events object if there are no types left
-
-
-  if (Object.getOwnPropertyNames(data.handlers).length <= 0) {
-    delete data.handlers;
-    delete data.dispatcher;
-    delete data.disabled;
-  } // Finally remove the element data if there is no data left
-
-
-  if (Object.getOwnPropertyNames(data).length === 0) {
-    DomData["delete"](elem);
-  }
-}
-/**
- * Loops through an array of event types and calls the requested method for each type.
- *
- * @param {Function} fn
- *        The event method we want to use.
- *
- * @param {Element|Object} elem
- *        Element or object to bind listeners to
- *
- * @param {string} type
- *        Type of event to bind to.
- *
- * @param {EventTarget~EventListener} callback
- *        Event listener.
- */
-
-
-function _handleMultipleEvents(fn, elem, types, callback) {
-  types.forEach(function (type) {
-    // Call the event method for each one of the types
-    fn(elem, type, callback);
-  });
-}
-/**
- * Fix a native event to have standard property values
- *
- * @param {Object} event
- *        Event object to fix.
- *
- * @return {Object}
- *         Fixed event object.
- */
-
-
-function fixEvent(event) {
-  if (event.fixed_) {
-    return event;
-  }
-
-  function returnTrue() {
-    return true;
-  }
-
-  function returnFalse() {
-    return false;
-  } // Test if fixing up is needed
-  // Used to check if !event.stopPropagation instead of isPropagationStopped
-  // But native events return true for stopPropagation, but don't have
-  // other expected methods like isPropagationStopped. Seems to be a problem
-  // with the Javascript Ninja code. So we're just overriding all events now.
-
-
-  if (!event || !event.isPropagationStopped) {
-    var old = event || window$1.event;
-    event = {}; // Clone the old object so that we can modify the values event = {};
-    // IE8 Doesn't like when you mess with native event properties
-    // Firefox returns false for event.hasOwnProperty('type') and other props
-    //  which makes copying more difficult.
-    // TODO: Probably best to create a whitelist of event props
-
-    for (var key in old) {
-      // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
-      // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation
-      // and webkitMovementX/Y
-      if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation' && key !== 'webkitMovementX' && key !== 'webkitMovementY') {
-        // Chrome 32+ warns if you try to copy deprecated returnValue, but
-        // we still want to if preventDefault isn't supported (IE8).
-        if (!(key === 'returnValue' && old.preventDefault)) {
-          event[key] = old[key];
-        }
-      }
-    } // The event occurred on this element
-
-
-    if (!event.target) {
-      event.target = event.srcElement || document;
-    } // Handle which other element the event is related to
-
-
-    if (!event.relatedTarget) {
-      event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
-    } // Stop the default browser action
-
-
-    event.preventDefault = function () {
-      if (old.preventDefault) {
-        old.preventDefault();
-      }
-
-      event.returnValue = false;
-      old.returnValue = false;
-      event.defaultPrevented = true;
-    };
-
-    event.defaultPrevented = false; // Stop the event from bubbling
-
-    event.stopPropagation = function () {
-      if (old.stopPropagation) {
-        old.stopPropagation();
-      }
-
-      event.cancelBubble = true;
-      old.cancelBubble = true;
-      event.isPropagationStopped = returnTrue;
-    };
-
-    event.isPropagationStopped = returnFalse; // Stop the event from bubbling and executing other handlers
-
-    event.stopImmediatePropagation = function () {
-      if (old.stopImmediatePropagation) {
-        old.stopImmediatePropagation();
-      }
-
-      event.isImmediatePropagationStopped = returnTrue;
-      event.stopPropagation();
-    };
-
-    event.isImmediatePropagationStopped = returnFalse; // Handle mouse position
-
-    if (event.clientX !== null && event.clientX !== undefined) {
-      var doc = document.documentElement;
-      var body = document.body;
-      event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
-      event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
-    } // Handle key presses
-
-
-    event.which = event.charCode || event.keyCode; // Fix button for mouse clicks:
-    // 0 == left; 1 == middle; 2 == right
-
-    if (event.button !== null && event.button !== undefined) {
-      // The following is disabled because it does not pass videojs-standard
-      // and... yikes.
-
-      /* eslint-disable */
-      event.button = event.button & 1 ? 0 : event.button & 4 ? 1 : event.button & 2 ? 2 : 0;
-      /* eslint-enable */
-    }
-  }
-
-  event.fixed_ = true; // Returns fixed-up instance
-
-  return event;
-}
-/**
- * Whether passive event listeners are supported
- */
-
-var _supportsPassive;
-
-var supportsPassive = function supportsPassive() {
-  if (typeof _supportsPassive !== 'boolean') {
-    _supportsPassive = false;
-
-    try {
-      var opts = Object.defineProperty({}, 'passive', {
-        get: function get() {
-          _supportsPassive = true;
-        }
-      });
-      window$1.addEventListener('test', null, opts);
-      window$1.removeEventListener('test', null, opts);
-    } catch (e) {// disregard
-    }
-  }
-
-  return _supportsPassive;
-};
-/**
- * Touch events Chrome expects to be passive
- */
-
-
-var passiveEvents = ['touchstart', 'touchmove'];
-/**
- * Add an event listener to element
- * It stores the handler function in a separate cache object
- * and adds a generic handler to the element's event,
- * along with a unique id (guid) to the element.
- *
- * @param {Element|Object} elem
- *        Element or object to bind listeners to
- *
- * @param {string|string[]} type
- *        Type of event to bind to.
- *
- * @param {EventTarget~EventListener} fn
- *        Event listener.
- */
-
-function on(elem, type, fn) {
-  if (Array.isArray(type)) {
-    return _handleMultipleEvents(on, elem, type, fn);
-  }
-
-  if (!DomData.has(elem)) {
-    DomData.set(elem, {});
-  }
-
-  var data = DomData.get(elem); // We need a place to store all our handler data
-
-  if (!data.handlers) {
-    data.handlers = {};
-  }
-
-  if (!data.handlers[type]) {
-    data.handlers[type] = [];
-  }
-
-  if (!fn.guid) {
-    fn.guid = newGUID();
-  }
-
-  data.handlers[type].push(fn);
-
-  if (!data.dispatcher) {
-    data.disabled = false;
-
-    data.dispatcher = function (event, hash) {
-      if (data.disabled) {
-        return;
-      }
-
-      event = fixEvent(event);
-      var handlers = data.handlers[event.type];
-
-      if (handlers) {
-        // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
-        var handlersCopy = handlers.slice(0);
-
-        for (var m = 0, n = handlersCopy.length; m < n; m++) {
-          if (event.isImmediatePropagationStopped()) {
-            break;
-          } else {
-            try {
-              handlersCopy[m].call(elem, event, hash);
-            } catch (e) {
-              log.error(e);
-            }
-          }
-        }
-      }
-    };
-  }
-
-  if (data.handlers[type].length === 1) {
-    if (elem.addEventListener) {
-      var options = false;
-
-      if (supportsPassive() && passiveEvents.indexOf(type) > -1) {
-        options = {
-          passive: true
-        };
-      }
-
-      elem.addEventListener(type, data.dispatcher, options);
-    } else if (elem.attachEvent) {
-      elem.attachEvent('on' + type, data.dispatcher);
-    }
-  }
-}
-/**
- * Removes event listeners from an element
- *
- * @param {Element|Object} elem
- *        Object to remove listeners from.
- *
- * @param {string|string[]} [type]
- *        Type of listener to remove. Don't include to remove all events from element.
- *
- * @param {EventTarget~EventListener} [fn]
- *        Specific listener to remove. Don't include to remove listeners for an event
- *        type.
- */
-
-function off(elem, type, fn) {
-  // Don't want to add a cache object through getElData if not needed
-  if (!DomData.has(elem)) {
-    return;
-  }
-
-  var data = DomData.get(elem); // If no events exist, nothing to unbind
-
-  if (!data.handlers) {
-    return;
-  }
-
-  if (Array.isArray(type)) {
-    return _handleMultipleEvents(off, elem, type, fn);
-  } // Utility function
-
-
-  var removeType = function removeType(el, t) {
-    data.handlers[t] = [];
-
-    _cleanUpEvents(el, t);
-  }; // Are we removing all bound events?
-
-
-  if (type === undefined) {
-    for (var t in data.handlers) {
-      if (Object.prototype.hasOwnProperty.call(data.handlers || {}, t)) {
-        removeType(elem, t);
-      }
-    }
-
-    return;
-  }
-
-  var handlers = data.handlers[type]; // If no handlers exist, nothing to unbind
-
-  if (!handlers) {
-    return;
-  } // If no listener was provided, remove all listeners for type
-
-
-  if (!fn) {
-    removeType(elem, type);
-    return;
-  } // We're only removing a single handler
-
-
-  if (fn.guid) {
-    for (var n = 0; n < handlers.length; n++) {
-      if (handlers[n].guid === fn.guid) {
-        handlers.splice(n--, 1);
-      }
-    }
-  }
-
-  _cleanUpEvents(elem, type);
-}
-/**
- * Trigger an event for an element
- *
- * @param {Element|Object} elem
- *        Element to trigger an event on
- *
- * @param {EventTarget~Event|string} event
- *        A string (the type) or an event object with a type attribute
- *
- * @param {Object} [hash]
- *        data hash to pass along with the event
- *
- * @return {boolean|undefined}
- *         Returns the opposite of `defaultPrevented` if default was
- *         prevented. Otherwise, returns `undefined`
- */
-
-function trigger(elem, event, hash) {
-  // Fetches element data and a reference to the parent (for bubbling).
-  // Don't want to add a data object to cache for every parent,
-  // so checking hasElData first.
-  var elemData = DomData.has(elem) ? DomData.get(elem) : {};
-  var parent = elem.parentNode || elem.ownerDocument; // type = event.type || event,
-  // handler;
-  // If an event name was passed as a string, creates an event out of it
-
-  if (typeof event === 'string') {
-    event = {
-      type: event,
-      target: elem
-    };
-  } else if (!event.target) {
-    event.target = elem;
-  } // Normalizes the event properties.
-
-
-  event = fixEvent(event); // If the passed element has a dispatcher, executes the established handlers.
-
-  if (elemData.dispatcher) {
-    elemData.dispatcher.call(elem, event, hash);
-  } // Unless explicitly stopped or the event does not bubble (e.g. media events)
-  // recursively calls this function to bubble the event up the DOM.
-
-
-  if (parent && !event.isPropagationStopped() && event.bubbles === true) {
-    trigger.call(null, parent, event, hash); // If at the top of the DOM, triggers the default action unless disabled.
-  } else if (!parent && !event.defaultPrevented && event.target && event.target[event.type]) {
-    if (!DomData.has(event.target)) {
-      DomData.set(event.target, {});
-    }
-
-    var targetData = DomData.get(event.target); // Checks if the target has a default action for this event.
-
-    if (event.target[event.type]) {
-      // Temporarily disables event dispatching on the target as we have already executed the handler.
-      targetData.disabled = true; // Executes the default action.
-
-      if (typeof event.target[event.type] === 'function') {
-        event.target[event.type]();
-      } // Re-enables event dispatching.
-
-
-      targetData.disabled = false;
-    }
-  } // Inform the triggerer if the default was prevented by returning false
-
-
-  return !event.defaultPrevented;
-}
-/**
- * Trigger a listener only once for an event.
- *
- * @param {Element|Object} elem
- *        Element or object to bind to.
- *
- * @param {string|string[]} type
- *        Name/type of event
- *
- * @param {Event~EventListener} fn
- *        Event listener function
- */
-
-function one(elem, type, fn) {
-  if (Array.isArray(type)) {
-    return _handleMultipleEvents(one, elem, type, fn);
-  }
-
-  var func = function func() {
-    off(elem, type, func);
-    fn.apply(this, arguments);
-  }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-  func.guid = fn.guid = fn.guid || newGUID();
-  on(elem, type, func);
-}
-/**
- * Trigger a listener only once and then turn if off for all
- * configured events
- *
- * @param {Element|Object} elem
- *        Element or object to bind to.
- *
- * @param {string|string[]} type
- *        Name/type of event
- *
- * @param {Event~EventListener} fn
- *        Event listener function
- */
-
-function any(elem, type, fn) {
-  var func = function func() {
-    off(elem, type, func);
-    fn.apply(this, arguments);
-  }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-  func.guid = fn.guid = fn.guid || newGUID(); // multiple ons, but one off for everything
-
-  on(elem, type, func);
-}
-
-var Events = /*#__PURE__*/Object.freeze({
-  fixEvent: fixEvent,
-  on: on,
-  off: off,
-  trigger: trigger,
-  one: one,
-  any: any
-});
-
-/**
- * @file fn.js
- * @module fn
- */
-var UPDATE_REFRESH_INTERVAL = 30;
-/**
- * Bind (a.k.a proxy or context). A simple method for changing the context of
- * a function.
- *
- * It also stores a unique id on the function so it can be easily removed from
- * events.
- *
- * @function
- * @param    {Mixed} context
- *           The object to bind as scope.
- *
- * @param    {Function} fn
- *           The function to be bound to a scope.
- *
- * @param    {number} [uid]
- *           An optional unique ID for the function to be set
- *
- * @return   {Function}
- *           The new function that will be bound into the context given
- */
-
-var bind = function bind(context, fn, uid) {
-  // Make sure the function has a unique ID
-  if (!fn.guid) {
-    fn.guid = newGUID();
-  } // Create the new function that changes the context
-
-
-  var bound = fn.bind(context); // Allow for the ability to individualize this function
-  // Needed in the case where multiple objects might share the same prototype
-  // IF both items add an event listener with the same function, then you try to remove just one
-  // it will remove both because they both have the same guid.
-  // when using this, you need to use the bind method when you remove the listener as well.
-  // currently used in text tracks
-
-  bound.guid = uid ? uid + '_' + fn.guid : fn.guid;
-  return bound;
-};
-/**
- * Wraps the given function, `fn`, with a new function that only invokes `fn`
- * at most once per every `wait` milliseconds.
- *
- * @function
- * @param    {Function} fn
- *           The function to be throttled.
- *
- * @param    {number}   wait
- *           The number of milliseconds by which to throttle.
- *
- * @return   {Function}
- */
-
-var throttle = function throttle(fn, wait) {
-  var last = window$1.performance.now();
-
-  var throttled = function throttled() {
-    var now = window$1.performance.now();
-
-    if (now - last >= wait) {
-      fn.apply(void 0, arguments);
-      last = now;
-    }
-  };
-
-  return throttled;
-};
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked.
- *
- * Inspired by lodash and underscore implementations.
- *
- * @function
- * @param    {Function} func
- *           The function to wrap with debounce behavior.
- *
- * @param    {number} wait
- *           The number of milliseconds to wait after the last invocation.
- *
- * @param    {boolean} [immediate]
- *           Whether or not to invoke the function immediately upon creation.
- *
- * @param    {Object} [context=window]
- *           The "context" in which the debounced function should debounce. For
- *           example, if this function should be tied to a Video.js player,
- *           the player can be passed here. Alternatively, defaults to the
- *           global `window` object.
- *
- * @return   {Function}
- *           A debounced function.
- */
-
-var debounce = function debounce(func, wait, immediate, context) {
-  if (context === void 0) {
-    context = window$1;
-  }
-
-  var timeout;
-
-  var cancel = function cancel() {
-    context.clearTimeout(timeout);
-    timeout = null;
-  };
-  /* eslint-disable consistent-this */
-
-
-  var debounced = function debounced() {
-    var self = this;
-    var args = arguments;
-
-    var _later = function later() {
-      timeout = null;
-      _later = null;
-
-      if (!immediate) {
-        func.apply(self, args);
-      }
-    };
-
-    if (!timeout && immediate) {
-      func.apply(self, args);
-    }
-
-    context.clearTimeout(timeout);
-    timeout = context.setTimeout(_later, wait);
-  };
-  /* eslint-enable consistent-this */
-
-
-  debounced.cancel = cancel;
-  return debounced;
-};
-
-/**
- * @file src/js/event-target.js
- */
-/**
- * `EventTarget` is a class that can have the same API as the DOM `EventTarget`. It
- * adds shorthand functions that wrap around lengthy functions. For example:
- * the `on` function is a wrapper around `addEventListener`.
- *
- * @see [EventTarget Spec]{@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget}
- * @class EventTarget
- */
-
-var EventTarget = function EventTarget() {};
-/**
- * A Custom DOM event.
- *
- * @typedef {Object} EventTarget~Event
- * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}
- */
-
-/**
- * All event listeners should follow the following format.
- *
- * @callback EventTarget~EventListener
- * @this {EventTarget}
- *
- * @param {EventTarget~Event} event
- *        the event that triggered this function
- *
- * @param {Object} [hash]
- *        hash of data sent during the event
- */
-
-/**
- * An object containing event names as keys and booleans as values.
- *
- * > NOTE: If an event name is set to a true value here {@link EventTarget#trigger}
- *         will have extra functionality. See that function for more information.
- *
- * @property EventTarget.prototype.allowedEvents_
- * @private
- */
-
-
-EventTarget.prototype.allowedEvents_ = {};
-/**
- * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
- * function that will get called when an event with a certain name gets triggered.
- *
- * @param {string|string[]} type
- *        An event name or an array of event names.
- *
- * @param {EventTarget~EventListener} fn
- *        The function to call with `EventTarget`s
- */
-
-EventTarget.prototype.on = function (type, fn) {
-  // Remove the addEventListener alias before calling Events.on
-  // so we don't get into an infinite type loop
-  var ael = this.addEventListener;
-
-  this.addEventListener = function () {};
-
-  on(this, type, fn);
-  this.addEventListener = ael;
-};
-/**
- * An alias of {@link EventTarget#on}. Allows `EventTarget` to mimic
- * the standard DOM API.
- *
- * @function
- * @see {@link EventTarget#on}
- */
-
-
-EventTarget.prototype.addEventListener = EventTarget.prototype.on;
-/**
- * Removes an `event listener` for a specific event from an instance of `EventTarget`.
- * This makes it so that the `event listener` will no longer get called when the
- * named event happens.
- *
- * @param {string|string[]} type
- *        An event name or an array of event names.
- *
- * @param {EventTarget~EventListener} fn
- *        The function to remove.
- */
-
-EventTarget.prototype.off = function (type, fn) {
-  off(this, type, fn);
-};
-/**
- * An alias of {@link EventTarget#off}. Allows `EventTarget` to mimic
- * the standard DOM API.
- *
- * @function
- * @see {@link EventTarget#off}
- */
-
-
-EventTarget.prototype.removeEventListener = EventTarget.prototype.off;
-/**
- * This function will add an `event listener` that gets triggered only once. After the
- * first trigger it will get removed. This is like adding an `event listener`
- * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.
- *
- * @param {string|string[]} type
- *        An event name or an array of event names.
- *
- * @param {EventTarget~EventListener} fn
- *        The function to be called once for each event name.
- */
-
-EventTarget.prototype.one = function (type, fn) {
-  // Remove the addEventListener aliasing Events.on
-  // so we don't get into an infinite type loop
-  var ael = this.addEventListener;
-
-  this.addEventListener = function () {};
-
-  one(this, type, fn);
-  this.addEventListener = ael;
-};
-
-EventTarget.prototype.any = function (type, fn) {
-  // Remove the addEventListener aliasing Events.on
-  // so we don't get into an infinite type loop
-  var ael = this.addEventListener;
-
-  this.addEventListener = function () {};
-
-  any(this, type, fn);
-  this.addEventListener = ael;
-};
-/**
- * This function causes an event to happen. This will then cause any `event listeners`
- * that are waiting for that event, to get called. If there are no `event listeners`
- * for an event then nothing will happen.
- *
- * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.
- * Trigger will also call the `on` + `uppercaseEventName` function.
- *
- * Example:
- * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call
- * `onClick` if it exists.
- *
- * @param {string|EventTarget~Event|Object} event
- *        The name of the event, an `Event`, or an object with a key of type set to
- *        an event name.
- */
-
-
-EventTarget.prototype.trigger = function (event) {
-  var type = event.type || event; // deprecation
-  // In a future version we should default target to `this`
-  // similar to how we default the target to `elem` in
-  // `Events.trigger`. Right now the default `target` will be
-  // `document` due to the `Event.fixEvent` call.
-
-  if (typeof event === 'string') {
-    event = {
-      type: type
-    };
-  }
-
-  event = fixEvent(event);
-
-  if (this.allowedEvents_[type] && this['on' + type]) {
-    this['on' + type](event);
-  }
-
-  trigger(this, event);
-};
-/**
- * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic
- * the standard DOM API.
- *
- * @function
- * @see {@link EventTarget#trigger}
- */
-
-
-EventTarget.prototype.dispatchEvent = EventTarget.prototype.trigger;
-var EVENT_MAP;
-
-EventTarget.prototype.queueTrigger = function (event) {
-  var _this = this;
-
-  // only set up EVENT_MAP if it'll be used
-  if (!EVENT_MAP) {
-    EVENT_MAP = new Map();
-  }
-
-  var type = event.type || event;
-  var map = EVENT_MAP.get(this);
-
-  if (!map) {
-    map = new Map();
-    EVENT_MAP.set(this, map);
-  }
-
-  var oldTimeout = map.get(type);
-  map["delete"](type);
-  window$1.clearTimeout(oldTimeout);
-  var timeout = window$1.setTimeout(function () {
-    // if we cleared out all timeouts for the current target, delete its map
-    if (map.size === 0) {
-      map = null;
-      EVENT_MAP["delete"](_this);
-    }
-
-    _this.trigger(event);
-  }, 0);
-  map.set(type, timeout);
-};
-
-/**
- * @file mixins/evented.js
- * @module evented
- */
-/**
- * Returns whether or not an object has had the evented mixin applied.
- *
- * @param  {Object} object
- *         An object to test.
- *
- * @return {boolean}
- *         Whether or not the object appears to be evented.
- */
-
-var isEvented = function isEvented(object) {
-  return object instanceof EventTarget || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
-    return typeof object[k] === 'function';
-  });
-};
-/**
- * Adds a callback to run after the evented mixin applied.
- *
- * @param  {Object} object
- *         An object to Add
- * @param  {Function} callback
- *         The callback to run.
- */
-
-
-var addEventedCallback = function addEventedCallback(target, callback) {
-  if (isEvented(target)) {
-    callback();
-  } else {
-    if (!target.eventedCallbacks) {
-      target.eventedCallbacks = [];
-    }
-
-    target.eventedCallbacks.push(callback);
-  }
-};
-/**
- * Whether a value is a valid event type - non-empty string or array.
- *
- * @private
- * @param  {string|Array} type
- *         The type value to test.
- *
- * @return {boolean}
- *         Whether or not the type is a valid event type.
- */
-
-
-var isValidEventType = function isValidEventType(type) {
-  return (// The regex here verifies that the `type` contains at least one non-
-    // whitespace character.
-    typeof type === 'string' && /\S/.test(type) || Array.isArray(type) && !!type.length
-  );
-};
-/**
- * Validates a value to determine if it is a valid event target. Throws if not.
- *
- * @private
- * @throws {Error}
- *         If the target does not appear to be a valid event target.
- *
- * @param  {Object} target
- *         The object to test.
- */
-
-
-var validateTarget = function validateTarget(target) {
-  if (!target.nodeName && !isEvented(target)) {
-    throw new Error('Invalid target; must be a DOM node or evented object.');
-  }
-};
-/**
- * Validates a value to determine if it is a valid event target. Throws if not.
- *
- * @private
- * @throws {Error}
- *         If the type does not appear to be a valid event type.
- *
- * @param  {string|Array} type
- *         The type to test.
- */
-
-
-var validateEventType = function validateEventType(type) {
-  if (!isValidEventType(type)) {
-    throw new Error('Invalid event type; must be a non-empty string or array.');
-  }
-};
-/**
- * Validates a value to determine if it is a valid listener. Throws if not.
- *
- * @private
- * @throws {Error}
- *         If the listener is not a function.
- *
- * @param  {Function} listener
- *         The listener to test.
- */
-
-
-var validateListener = function validateListener(listener) {
-  if (typeof listener !== 'function') {
-    throw new Error('Invalid listener; must be a function.');
-  }
-};
-/**
- * Takes an array of arguments given to `on()` or `one()`, validates them, and
- * normalizes them into an object.
- *
- * @private
- * @param  {Object} self
- *         The evented object on which `on()` or `one()` was called. This
- *         object will be bound as the `this` value for the listener.
- *
- * @param  {Array} args
- *         An array of arguments passed to `on()` or `one()`.
- *
- * @return {Object}
- *         An object containing useful values for `on()` or `one()` calls.
- */
-
-
-var normalizeListenArgs = function normalizeListenArgs(self, args) {
-  // If the number of arguments is less than 3, the target is always the
-  // evented object itself.
-  var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;
-  var target;
-  var type;
-  var listener;
-
-  if (isTargetingSelf) {
-    target = self.eventBusEl_; // Deal with cases where we got 3 arguments, but we are still listening to
-    // the evented object itself.
-
-    if (args.length >= 3) {
-      args.shift();
-    }
-
-    type = args[0];
-    listener = args[1];
-  } else {
-    target = args[0];
-    type = args[1];
-    listener = args[2];
-  }
-
-  validateTarget(target);
-  validateEventType(type);
-  validateListener(listener);
-  listener = bind(self, listener);
-  return {
-    isTargetingSelf: isTargetingSelf,
-    target: target,
-    type: type,
-    listener: listener
-  };
-};
-/**
- * Adds the listener to the event type(s) on the target, normalizing for
- * the type of target.
- *
- * @private
- * @param  {Element|Object} target
- *         A DOM node or evented object.
- *
- * @param  {string} method
- *         The event binding method to use ("on" or "one").
- *
- * @param  {string|Array} type
- *         One or more event type(s).
- *
- * @param  {Function} listener
- *         A listener function.
- */
-
-
-var listen = function listen(target, method, type, listener) {
-  validateTarget(target);
-
-  if (target.nodeName) {
-    Events[method](target, type, listener);
-  } else {
-    target[method](type, listener);
-  }
-};
-/**
- * Contains methods that provide event capabilities to an object which is passed
- * to {@link module:evented|evented}.
- *
- * @mixin EventedMixin
- */
-
-
-var EventedMixin = {
-  /**
-   * Add a listener to an event (or events) on this object or another evented
-   * object.
-   *
-   * @param  {string|Array|Element|Object} targetOrType
-   *         If this is a string or array, it represents the event type(s)
-   *         that will trigger the listener.
-   *
-   *         Another evented object can be passed here instead, which will
-   *         cause the listener to listen for events on _that_ object.
-   *
-   *         In either case, the listener's `this` value will be bound to
-   *         this object.
-   *
-   * @param  {string|Array|Function} typeOrListener
-   *         If the first argument was a string or array, this should be the
-   *         listener function. Otherwise, this is a string or array of event
-   *         type(s).
-   *
-   * @param  {Function} [listener]
-   *         If the first argument was another evented object, this will be
-   *         the listener function.
-   */
-  on: function on() {
-    var _this = this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var _normalizeListenArgs = normalizeListenArgs(this, args),
-        isTargetingSelf = _normalizeListenArgs.isTargetingSelf,
-        target = _normalizeListenArgs.target,
-        type = _normalizeListenArgs.type,
-        listener = _normalizeListenArgs.listener;
-
-    listen(target, 'on', type, listener); // If this object is listening to another evented object.
-
-    if (!isTargetingSelf) {
-      // If this object is disposed, remove the listener.
-      var removeListenerOnDispose = function removeListenerOnDispose() {
-        return _this.off(target, type, listener);
-      }; // Use the same function ID as the listener so we can remove it later it
-      // using the ID of the original listener.
-
-
-      removeListenerOnDispose.guid = listener.guid; // Add a listener to the target's dispose event as well. This ensures
-      // that if the target is disposed BEFORE this object, we remove the
-      // removal listener that was just added. Otherwise, we create a memory leak.
-
-      var removeRemoverOnTargetDispose = function removeRemoverOnTargetDispose() {
-        return _this.off('dispose', removeListenerOnDispose);
-      }; // Use the same function ID as the listener so we can remove it later
-      // it using the ID of the original listener.
-
-
-      removeRemoverOnTargetDispose.guid = listener.guid;
-      listen(this, 'on', 'dispose', removeListenerOnDispose);
-      listen(target, 'on', 'dispose', removeRemoverOnTargetDispose);
-    }
-  },
-
-  /**
-   * Add a listener to an event (or events) on this object or another evented
-   * object. The listener will be called once per event and then removed.
-   *
-   * @param  {string|Array|Element|Object} targetOrType
-   *         If this is a string or array, it represents the event type(s)
-   *         that will trigger the listener.
-   *
-   *         Another evented object can be passed here instead, which will
-   *         cause the listener to listen for events on _that_ object.
-   *
-   *         In either case, the listener's `this` value will be bound to
-   *         this object.
-   *
-   * @param  {string|Array|Function} typeOrListener
-   *         If the first argument was a string or array, this should be the
-   *         listener function. Otherwise, this is a string or array of event
-   *         type(s).
-   *
-   * @param  {Function} [listener]
-   *         If the first argument was another evented object, this will be
-   *         the listener function.
-   */
-  one: function one() {
-    var _this2 = this;
-
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    var _normalizeListenArgs2 = normalizeListenArgs(this, args),
-        isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,
-        target = _normalizeListenArgs2.target,
-        type = _normalizeListenArgs2.type,
-        listener = _normalizeListenArgs2.listener; // Targeting this evented object.
-
-
-    if (isTargetingSelf) {
-      listen(target, 'one', type, listener); // Targeting another evented object.
-    } else {
-      // TODO: This wrapper is incorrect! It should only
-      //       remove the wrapper for the event type that called it.
-      //       Instead all listners are removed on the first trigger!
-      //       see https://github.com/videojs/video.js/issues/5962
-      var wrapper = function wrapper() {
-        _this2.off(target, type, wrapper);
-
-        for (var _len3 = arguments.length, largs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          largs[_key3] = arguments[_key3];
-        }
-
-        listener.apply(null, largs);
-      }; // Use the same function ID as the listener so we can remove it later
-      // it using the ID of the original listener.
-
-
-      wrapper.guid = listener.guid;
-      listen(target, 'one', type, wrapper);
-    }
-  },
-
-  /**
-   * Add a listener to an event (or events) on this object or another evented
-   * object. The listener will only be called once for the first event that is triggered
-   * then removed.
-   *
-   * @param  {string|Array|Element|Object} targetOrType
-   *         If this is a string or array, it represents the event type(s)
-   *         that will trigger the listener.
-   *
-   *         Another evented object can be passed here instead, which will
-   *         cause the listener to listen for events on _that_ object.
-   *
-   *         In either case, the listener's `this` value will be bound to
-   *         this object.
-   *
-   * @param  {string|Array|Function} typeOrListener
-   *         If the first argument was a string or array, this should be the
-   *         listener function. Otherwise, this is a string or array of event
-   *         type(s).
-   *
-   * @param  {Function} [listener]
-   *         If the first argument was another evented object, this will be
-   *         the listener function.
-   */
-  any: function any() {
-    var _this3 = this;
-
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-
-    var _normalizeListenArgs3 = normalizeListenArgs(this, args),
-        isTargetingSelf = _normalizeListenArgs3.isTargetingSelf,
-        target = _normalizeListenArgs3.target,
-        type = _normalizeListenArgs3.type,
-        listener = _normalizeListenArgs3.listener; // Targeting this evented object.
-
-
-    if (isTargetingSelf) {
-      listen(target, 'any', type, listener); // Targeting another evented object.
-    } else {
-      var wrapper = function wrapper() {
-        _this3.off(target, type, wrapper);
-
-        for (var _len5 = arguments.length, largs = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-          largs[_key5] = arguments[_key5];
-        }
-
-        listener.apply(null, largs);
-      }; // Use the same function ID as the listener so we can remove it later
-      // it using the ID of the original listener.
-
-
-      wrapper.guid = listener.guid;
-      listen(target, 'any', type, wrapper);
-    }
-  },
-
-  /**
-   * Removes listener(s) from event(s) on an evented object.
-   *
-   * @param  {string|Array|Element|Object} [targetOrType]
-   *         If this is a string or array, it represents the event type(s).
-   *
-   *         Another evented object can be passed here instead, in which case
-   *         ALL 3 arguments are _required_.
-   *
-   * @param  {string|Array|Function} [typeOrListener]
-   *         If the first argument was a string or array, this may be the
-   *         listener function. Otherwise, this is a string or array of event
-   *         type(s).
-   *
-   * @param  {Function} [listener]
-   *         If the first argument was another evented object, this will be
-   *         the listener function; otherwise, _all_ listeners bound to the
-   *         event type(s) will be removed.
-   */
-  off: function off$1(targetOrType, typeOrListener, listener) {
-    // Targeting this evented object.
-    if (!targetOrType || isValidEventType(targetOrType)) {
-      off(this.eventBusEl_, targetOrType, typeOrListener); // Targeting another evented object.
-    } else {
-      var target = targetOrType;
-      var type = typeOrListener; // Fail fast and in a meaningful way!
-
-      validateTarget(target);
-      validateEventType(type);
-      validateListener(listener); // Ensure there's at least a guid, even if the function hasn't been used
-
-      listener = bind(this, listener); // Remove the dispose listener on this evented object, which was given
-      // the same guid as the event listener in on().
-
-      this.off('dispose', listener);
-
-      if (target.nodeName) {
-        off(target, type, listener);
-        off(target, 'dispose', listener);
-      } else if (isEvented(target)) {
-        target.off(type, listener);
-        target.off('dispose', listener);
-      }
-    }
-  },
-
-  /**
-   * Fire an event on this evented object, causing its listeners to be called.
-   *
-   * @param   {string|Object} event
-   *          An event type or an object with a type property.
-   *
-   * @param   {Object} [hash]
-   *          An additional object to pass along to listeners.
-   *
-   * @return {boolean}
-   *          Whether or not the default behavior was prevented.
-   */
-  trigger: function trigger$1(event, hash) {
-    return trigger(this.eventBusEl_, event, hash);
-  }
-};
-/**
- * Applies {@link module:evented~EventedMixin|EventedMixin} to a target object.
- *
- * @param  {Object} target
- *         The object to which to add event methods.
- *
- * @param  {Object} [options={}]
- *         Options for customizing the mixin behavior.
- *
- * @param  {string} [options.eventBusKey]
- *         By default, adds a `eventBusEl_` DOM element to the target object,
- *         which is used as an event bus. If the target object already has a
- *         DOM element that should be used, pass its key here.
- *
- * @return {Object}
- *         The target object.
- */
-
-function evented(target, options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var _options = options,
-      eventBusKey = _options.eventBusKey; // Set or create the eventBusEl_.
-
-  if (eventBusKey) {
-    if (!target[eventBusKey].nodeName) {
-      throw new Error("The eventBusKey \"" + eventBusKey + "\" does not refer to an element.");
-    }
-
-    target.eventBusEl_ = target[eventBusKey];
-  } else {
-    target.eventBusEl_ = createEl('span', {
-      className: 'vjs-event-bus'
-    });
-  }
-
-  assign(target, EventedMixin);
-
-  if (target.eventedCallbacks) {
-    target.eventedCallbacks.forEach(function (callback) {
-      callback();
-    });
-  } // When any evented object is disposed, it removes all its listeners.
-
-
-  target.on('dispose', function () {
-    target.off();
-    window$1.setTimeout(function () {
-      target.eventBusEl_ = null;
-    }, 0);
-  });
-  return target;
-}
-
-/**
- * @file mixins/stateful.js
- * @module stateful
- */
-/**
- * Contains methods that provide statefulness to an object which is passed
- * to {@link module:stateful}.
- *
- * @mixin StatefulMixin
- */
-
-var StatefulMixin = {
-  /**
-   * A hash containing arbitrary keys and values representing the state of
-   * the object.
-   *
-   * @type {Object}
-   */
-  state: {},
-
-  /**
-   * Set the state of an object by mutating its
-   * {@link module:stateful~StatefulMixin.state|state} object in place.
-   *
-   * @fires   module:stateful~StatefulMixin#statechanged
-   * @param   {Object|Function} stateUpdates
-   *          A new set of properties to shallow-merge into the plugin state.
-   *          Can be a plain object or a function returning a plain object.
-   *
-   * @return {Object|undefined}
-   *          An object containing changes that occurred. If no changes
-   *          occurred, returns `undefined`.
-   */
-  setState: function setState(stateUpdates) {
-    var _this = this;
-
-    // Support providing the `stateUpdates` state as a function.
-    if (typeof stateUpdates === 'function') {
-      stateUpdates = stateUpdates();
-    }
-
-    var changes;
-    each(stateUpdates, function (value, key) {
-      // Record the change if the value is different from what's in the
-      // current state.
-      if (_this.state[key] !== value) {
-        changes = changes || {};
-        changes[key] = {
-          from: _this.state[key],
-          to: value
-        };
-      }
-
-      _this.state[key] = value;
-    }); // Only trigger "statechange" if there were changes AND we have a trigger
-    // function. This allows us to not require that the target object be an
-    // evented object.
-
-    if (changes && isEvented(this)) {
-      /**
-       * An event triggered on an object that is both
-       * {@link module:stateful|stateful} and {@link module:evented|evented}
-       * indicating that its state has changed.
-       *
-       * @event    module:stateful~StatefulMixin#statechanged
-       * @type     {Object}
-       * @property {Object} changes
-       *           A hash containing the properties that were changed and
-       *           the values they were changed `from` and `to`.
-       */
-      this.trigger({
-        changes: changes,
-        type: 'statechanged'
-      });
-    }
-
-    return changes;
-  }
-};
-/**
- * Applies {@link module:stateful~StatefulMixin|StatefulMixin} to a target
- * object.
- *
- * If the target object is {@link module:evented|evented} and has a
- * `handleStateChanged` method, that method will be automatically bound to the
- * `statechanged` event on itself.
- *
- * @param   {Object} target
- *          The object to be made stateful.
- *
- * @param   {Object} [defaultState]
- *          A default set of properties to populate the newly-stateful object's
- *          `state` property.
- *
- * @return {Object}
- *          Returns the `target`.
- */
-
-function stateful(target, defaultState) {
-  assign(target, StatefulMixin); // This happens after the mixing-in because we need to replace the `state`
-  // added in that step.
-
-  target.state = assign({}, target.state, defaultState); // Auto-bind the `handleStateChanged` method of the target object if it exists.
-
-  if (typeof target.handleStateChanged === 'function' && isEvented(target)) {
-    target.on('statechanged', target.handleStateChanged);
-  }
-
-  return target;
-}
-
-/**
- * @file string-cases.js
- * @module to-lower-case
- */
-
-/**
- * Lowercase the first letter of a string.
- *
- * @param {string} string
- *        String to be lowercased
- *
- * @return {string}
- *         The string with a lowercased first letter
- */
-var toLowerCase = function toLowerCase(string) {
-  if (typeof string !== 'string') {
-    return string;
-  }
-
-  return string.replace(/./, function (w) {
-    return w.toLowerCase();
-  });
-};
-/**
- * Uppercase the first letter of a string.
- *
- * @param {string} string
- *        String to be uppercased
- *
- * @return {string}
- *         The string with an uppercased first letter
- */
-
-var toTitleCase = function toTitleCase(string) {
-  if (typeof string !== 'string') {
-    return string;
-  }
-
-  return string.replace(/./, function (w) {
-    return w.toUpperCase();
-  });
-};
-/**
- * Compares the TitleCase versions of the two strings for equality.
- *
- * @param {string} str1
- *        The first string to compare
- *
- * @param {string} str2
- *        The second string to compare
- *
- * @return {boolean}
- *         Whether the TitleCase versions of the strings are equal
- */
-
-var titleCaseEquals = function titleCaseEquals(str1, str2) {
-  return toTitleCase(str1) === toTitleCase(str2);
-};
-
-/**
- * @file merge-options.js
- * @module merge-options
- */
-/**
- * Merge two objects recursively.
- *
- * Performs a deep merge like
- * {@link https://lodash.com/docs/4.17.10#merge|lodash.merge}, but only merges
- * plain objects (not arrays, elements, or anything else).
- *
- * Non-plain object values will be copied directly from the right-most
- * argument.
- *
- * @static
- * @param   {Object[]} sources
- *          One or more objects to merge into a new object.
- *
- * @return {Object}
- *          A new object that is the merged result of all sources.
- */
-
-function mergeOptions() {
-  var result = {};
-
-  for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-    sources[_key] = arguments[_key];
-  }
-
-  sources.forEach(function (source) {
-    if (!source) {
-      return;
-    }
-
-    each(source, function (value, key) {
-      if (!isPlain(value)) {
-        result[key] = value;
-        return;
-      }
-
-      if (!isPlain(result[key])) {
-        result[key] = {};
-      }
-
-      result[key] = mergeOptions(result[key], value);
-    });
-  });
-  return result;
-}
-
-/**
- * Player Component - Base class for all UI objects
- *
- * @file component.js
- */
-/**
- * Base class for all UI Components.
- * Components are UI objects which represent both a javascript object and an element
- * in the DOM. They can be children of other components, and can have
- * children themselves.
- *
- * Components can also use methods from {@link EventTarget}
- */
-
-var Component =
-/*#__PURE__*/
-function () {
-  /**
-   * A callback that is called when a component is ready. Does not have any
-   * paramters and any callback value will be ignored.
-   *
-   * @callback Component~ReadyCallback
-   * @this Component
-   */
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Object[]} [options.children]
-   *        An array of children objects to intialize this component with. Children objects have
-   *        a name property that will be used if more than one component of the same type needs to be
-   *        added.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        Function that gets called when the `Component` is ready.
-   */
-  function Component(player, options, ready) {
-    // The component might be the player itself and we can't pass `this` to super
-    if (!player && this.play) {
-      this.player_ = player = this; // eslint-disable-line
-    } else {
-      this.player_ = player;
-    }
-
-    this.isDisposed_ = false; // Hold the reference to the parent component via `addChild` method
-
-    this.parentComponent_ = null; // Make a copy of prototype.options_ to protect against overriding defaults
-
-    this.options_ = mergeOptions({}, this.options_); // Updated options with supplied options
-
-    options = this.options_ = mergeOptions(this.options_, options); // Get ID from options or options element if one is supplied
-
-    this.id_ = options.id || options.el && options.el.id; // If there was no ID from the options, generate one
-
-    if (!this.id_) {
-      // Don't require the player ID function in the case of mock players
-      var id = player && player.id && player.id() || 'no_player';
-      this.id_ = id + "_component_" + newGUID();
-    }
-
-    this.name_ = options.name || null; // Create element if one wasn't provided in options
-
-    if (options.el) {
-      this.el_ = options.el;
-    } else if (options.createEl !== false) {
-      this.el_ = this.createEl();
-    } // if evented is anything except false, we want to mixin in evented
-
-
-    if (options.evented !== false) {
-      // Make this an evented object and use `el_`, if available, as its event bus
-      evented(this, {
-        eventBusKey: this.el_ ? 'el_' : null
-      });
-    }
-
-    stateful(this, this.constructor.defaultState);
-    this.children_ = [];
-    this.childIndex_ = {};
-    this.childNameIndex_ = {};
-    var SetSham;
-
-    if (!window$1.Set) {
-      SetSham =
-      /*#__PURE__*/
-      function () {
-        function SetSham() {
-          this.set_ = {};
-        }
-
-        var _proto2 = SetSham.prototype;
-
-        _proto2.has = function has(key) {
-          return key in this.set_;
-        };
-
-        _proto2["delete"] = function _delete(key) {
-          var has = this.has(key);
-          delete this.set_[key];
-          return has;
-        };
-
-        _proto2.add = function add(key) {
-          this.set_[key] = 1;
-          return this;
-        };
-
-        _proto2.forEach = function forEach(callback, thisArg) {
-          for (var key in this.set_) {
-            callback.call(thisArg, key, key, this);
-          }
-        };
-
-        return SetSham;
-      }();
-    }
-
-    this.setTimeoutIds_ = window$1.Set ? new Set() : new SetSham();
-    this.setIntervalIds_ = window$1.Set ? new Set() : new SetSham();
-    this.rafIds_ = window$1.Set ? new Set() : new SetSham();
-    this.clearingTimersOnDispose_ = false; // Add any child components in options
-
-    if (options.initChildren !== false) {
-      this.initChildren();
-    }
-
-    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.
-   *
-   * @fires Component#dispose
-   */
-
-
-  var _proto = Component.prototype;
-
-  _proto.dispose = function dispose() {
-    // Bail out if the component has already been disposed.
-    if (this.isDisposed_) {
-      return;
-    }
-    /**
-     * Triggered when a `Component` is disposed.
-     *
-     * @event Component#dispose
-     * @type {EventTarget~Event}
-     *
-     * @property {boolean} [bubbles=false]
-     *           set to false so that the dispose event does not
-     *           bubble up
-     */
-
-
-    this.trigger({
-      type: 'dispose',
-      bubbles: false
-    });
-    this.isDisposed_ = true; // Dispose all children.
-
-    if (this.children_) {
-      for (var i = this.children_.length - 1; i >= 0; i--) {
-        if (this.children_[i].dispose) {
-          this.children_[i].dispose();
-        }
-      }
-    } // Delete child references
-
-
-    this.children_ = null;
-    this.childIndex_ = null;
-    this.childNameIndex_ = null;
-    this.parentComponent_ = null;
-
-    if (this.el_) {
-      // Remove element from DOM
-      if (this.el_.parentNode) {
-        this.el_.parentNode.removeChild(this.el_);
-      }
-
-      if (DomData.has(this.el_)) {
-        DomData["delete"](this.el_);
-      }
-
-      this.el_ = null;
-    } // remove reference to the player after disposing of the element
-
-
-    this.player_ = null;
-  }
-  /**
-   * Determine whether or not this component has been disposed.
-   *
-   * @return {boolean}
-   *         If the component has been disposed, will be `true`. Otherwise, `false`.
-   */
-  ;
-
-  _proto.isDisposed = function isDisposed() {
-    return Boolean(this.isDisposed_);
-  }
-  /**
-   * Return the {@link Player} that the `Component` has attached to.
-   *
-   * @return {Player}
-   *         The player that this `Component` has attached to.
-   */
-  ;
-
-  _proto.player = function player() {
-    return this.player_;
-  }
-  /**
-   * Deep merge of options objects with new options.
-   * > Note: When both `obj` and `options` contain properties whose values are objects.
-   *         The two properties get merged using {@link module:mergeOptions}
-   *
-   * @param {Object} obj
-   *        The object that contains new options.
-   *
-   * @return {Object}
-   *         A new object of `this.options_` and `obj` merged together.
-   */
-  ;
-
-  _proto.options = function options(obj) {
-    if (!obj) {
-      return this.options_;
-    }
-
-    this.options_ = mergeOptions(this.options_, obj);
-    return this.options_;
-  }
-  /**
-   * Get the `Component`s DOM element
-   *
-   * @return {Element}
-   *         The DOM element for this `Component`.
-   */
-  ;
-
-  _proto.el = function el() {
-    return this.el_;
-  }
-  /**
-   * Create the `Component`s DOM element.
-   *
-   * @param {string} [tagName]
-   *        Element's DOM node type. e.g. 'div'
-   *
-   * @param {Object} [properties]
-   *        An object of properties that should be set.
-   *
-   * @param {Object} [attributes]
-   *        An object of attributes that should be set.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl$1(tagName, properties, attributes) {
-    return createEl(tagName, properties, attributes);
-  }
-  /**
-   * Localize a string given the string in english.
-   *
-   * If tokens are provided, it'll try and run a simple token replacement on the provided string.
-   * The tokens it looks for look like `{1}` with the index being 1-indexed into the tokens array.
-   *
-   * If a `defaultValue` is provided, it'll use that over `string`,
-   * if a value isn't found in provided language files.
-   * This is useful if you want to have a descriptive key for token replacement
-   * but have a succinct localized string and not require `en.json` to be included.
-   *
-   * Currently, it is used for the progress bar timing.
-   * ```js
-   * {
-   *   "progress bar timing: currentTime={1} duration={2}": "{1} of {2}"
-   * }
-   * ```
-   * It is then used like so:
-   * ```js
-   * this.localize('progress bar timing: currentTime={1} duration{2}',
-   *               [this.player_.currentTime(), this.player_.duration()],
-   *               '{1} of {2}');
-   * ```
-   *
-   * Which outputs something like: `01:23 of 24:56`.
-   *
-   *
-   * @param {string} string
-   *        The string to localize and the key to lookup in the language files.
-   * @param {string[]} [tokens]
-   *        If the current item has token replacements, provide the tokens here.
-   * @param {string} [defaultValue]
-   *        Defaults to `string`. Can be a default value to use for token replacement
-   *        if the lookup key is needed to be separate.
-   *
-   * @return {string}
-   *         The localized string or if no localization exists the english string.
-   */
-  ;
-
-  _proto.localize = function localize(string, tokens, defaultValue) {
-    if (defaultValue === void 0) {
-      defaultValue = string;
-    }
-
-    var code = this.player_.language && this.player_.language();
-    var languages = this.player_.languages && this.player_.languages();
-    var language = languages && languages[code];
-    var primaryCode = code && code.split('-')[0];
-    var primaryLang = languages && languages[primaryCode];
-    var localizedString = defaultValue;
-
-    if (language && language[string]) {
-      localizedString = language[string];
-    } else if (primaryLang && primaryLang[string]) {
-      localizedString = primaryLang[string];
-    }
-
-    if (tokens) {
-      localizedString = localizedString.replace(/\{(\d+)\}/g, function (match, index) {
-        var value = tokens[index - 1];
-        var ret = value;
-
-        if (typeof value === 'undefined') {
-          ret = match;
-        }
-
-        return ret;
-      });
-    }
-
-    return localizedString;
-  }
-  /**
-   * Return the `Component`s DOM element. This is where children get inserted.
-   * This will usually be the the same as the element returned in {@link Component#el}.
-   *
-   * @return {Element}
-   *         The content element for this `Component`.
-   */
-  ;
-
-  _proto.contentEl = function contentEl() {
-    return this.contentEl_ || this.el_;
-  }
-  /**
-   * Get this `Component`s ID
-   *
-   * @return {string}
-   *         The id of this `Component`
-   */
-  ;
-
-  _proto.id = function id() {
-    return this.id_;
-  }
-  /**
-   * Get the `Component`s name. The name gets used to reference the `Component`
-   * and is set during registration.
-   *
-   * @return {string}
-   *         The name of this `Component`.
-   */
-  ;
-
-  _proto.name = function name() {
-    return this.name_;
-  }
-  /**
-   * Get an array of all child components
-   *
-   * @return {Array}
-   *         The children
-   */
-  ;
-
-  _proto.children = function children() {
-    return this.children_;
-  }
-  /**
-   * Returns the child `Component` with the given `id`.
-   *
-   * @param {string} id
-   *        The id of the child `Component` to get.
-   *
-   * @return {Component|undefined}
-   *         The child `Component` with the given `id` or undefined.
-   */
-  ;
-
-  _proto.getChildById = function getChildById(id) {
-    return this.childIndex_[id];
-  }
-  /**
-   * Returns the child `Component` with the given `name`.
-   *
-   * @param {string} name
-   *        The name of the child `Component` to get.
-   *
-   * @return {Component|undefined}
-   *         The child `Component` with the given `name` or undefined.
-   */
-  ;
-
-  _proto.getChild = function getChild(name) {
-    if (!name) {
-      return;
-    }
-
-    return this.childNameIndex_[name];
-  }
-  /**
-   * Add a child `Component` inside the current `Component`.
-   *
-   *
-   * @param {string|Component} child
-   *        The name or instance of a child to add.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of options that will get passed to children of
-   *        the child.
-   *
-   * @param {number} [index=this.children_.length]
-   *        The index to attempt to add a child into.
-   *
-   * @return {Component}
-   *         The `Component` that gets added as a child. When using a string the
-   *         `Component` will get created by this process.
-   */
-  ;
-
-  _proto.addChild = function addChild(child, options, index) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    if (index === void 0) {
-      index = this.children_.length;
-    }
-
-    var component;
-    var componentName; // If child is a string, create component with options
-
-    if (typeof child === 'string') {
-      componentName = toTitleCase(child);
-      var componentClassName = options.componentClass || componentName; // Set name through options
-
-      options.name = componentName; // Create a new object & element for this controls set
-      // If there's no .player_, this is a player
-
-      var ComponentClass = Component.getComponent(componentClassName);
-
-      if (!ComponentClass) {
-        throw new Error("Component " + componentClassName + " does not exist");
-      } // data stored directly on the videojs object may be
-      // misidentified as a component to retain
-      // backwards-compatibility with 4.x. check to make sure the
-      // component class can be instantiated.
-
-
-      if (typeof ComponentClass !== 'function') {
-        return null;
-      }
-
-      component = new ComponentClass(this.player_ || this, options); // child is a component instance
-    } else {
-      component = child;
-    }
-
-    if (component.parentComponent_) {
-      component.parentComponent_.removeChild(component);
-    }
-
-    this.children_.splice(index, 0, component);
-    component.parentComponent_ = this;
-
-    if (typeof component.id === 'function') {
-      this.childIndex_[component.id()] = component;
-    } // If a name wasn't used to create the component, check if we can use the
-    // name function of the component
-
-
-    componentName = componentName || component.name && toTitleCase(component.name());
-
-    if (componentName) {
-      this.childNameIndex_[componentName] = component;
-      this.childNameIndex_[toLowerCase(componentName)] = component;
-    } // Add the UI object's element to the container div (box)
-    // Having an element is not required
-
-
-    if (typeof component.el === 'function' && component.el()) {
-      // If inserting before a component, insert before that component's element
-      var refNode = null;
-
-      if (this.children_[index + 1] && this.children_[index + 1].el_) {
-        refNode = this.children_[index + 1].el_;
-      }
-
-      this.contentEl().insertBefore(component.el(), refNode);
-    } // Return so it can stored on parent object if desired.
-
-
-    return component;
-  }
-  /**
-   * Remove a child `Component` from this `Component`s list of children. Also removes
-   * the child `Component`s element from this `Component`s element.
-   *
-   * @param {Component} component
-   *        The child `Component` to remove.
-   */
-  ;
-
-  _proto.removeChild = function removeChild(component) {
-    if (typeof component === 'string') {
-      component = this.getChild(component);
-    }
-
-    if (!component || !this.children_) {
-      return;
-    }
-
-    var childFound = false;
-
-    for (var i = this.children_.length - 1; i >= 0; i--) {
-      if (this.children_[i] === component) {
-        childFound = true;
-        this.children_.splice(i, 1);
-        break;
-      }
-    }
-
-    if (!childFound) {
-      return;
-    }
-
-    component.parentComponent_ = null;
-    this.childIndex_[component.id()] = null;
-    this.childNameIndex_[toTitleCase(component.name())] = null;
-    this.childNameIndex_[toLowerCase(component.name())] = null;
-    var compEl = component.el();
-
-    if (compEl && compEl.parentNode === this.contentEl()) {
-      this.contentEl().removeChild(component.el());
-    }
-  }
-  /**
-   * Add and initialize default child `Component`s based upon options.
-   */
-  ;
-
-  _proto.initChildren = function initChildren() {
-    var _this = this;
-
-    var children = this.options_.children;
-
-    if (children) {
-      // `this` is `parent`
-      var parentOptions = this.options_;
-
-      var handleAdd = function handleAdd(child) {
-        var name = child.name;
-        var opts = child.opts; // Allow options for children to be set at the parent options
-        // e.g. videojs(id, { controlBar: false });
-        // instead of videojs(id, { children: { controlBar: false });
-
-        if (parentOptions[name] !== undefined) {
-          opts = parentOptions[name];
-        } // Allow for disabling default components
-        // e.g. options['children']['posterImage'] = false
-
-
-        if (opts === false) {
-          return;
-        } // Allow options to be passed as a simple boolean if no configuration
-        // is necessary.
-
-
-        if (opts === true) {
-          opts = {};
-        } // We also want to pass the original player options
-        // to each component as well so they don't need to
-        // reach back into the player for options later.
-
-
-        opts.playerOptions = _this.options_.playerOptions; // Create and add the child component.
-        // Add a direct reference to the child by name on the parent instance.
-        // If two of the same component are used, different names should be supplied
-        // for each
-
-        var newChild = _this.addChild(name, opts);
-
-        if (newChild) {
-          _this[name] = newChild;
-        }
-      }; // Allow for an array of children details to passed in the options
-
-
-      var workingChildren;
-      var Tech = Component.getComponent('Tech');
-
-      if (Array.isArray(children)) {
-        workingChildren = children;
-      } else {
-        workingChildren = Object.keys(children);
-      }
-
-      workingChildren // children that are in this.options_ but also in workingChildren  would
-      // give us extra children we do not want. So, we want to filter them out.
-      .concat(Object.keys(this.options_).filter(function (child) {
-        return !workingChildren.some(function (wchild) {
-          if (typeof wchild === 'string') {
-            return child === wchild;
-          }
-
-          return child === wchild.name;
-        });
-      })).map(function (child) {
-        var name;
-        var opts;
-
-        if (typeof child === 'string') {
-          name = child;
-          opts = children[name] || _this.options_[name] || {};
-        } else {
-          name = child.name;
-          opts = child;
-        }
-
-        return {
-          name: name,
-          opts: opts
-        };
-      }).filter(function (child) {
-        // we have to make sure that child.name isn't in the techOrder since
-        // techs are registerd as Components but can't aren't compatible
-        // See https://github.com/videojs/video.js/issues/2772
-        var c = Component.getComponent(child.opts.componentClass || toTitleCase(child.name));
-        return c && !Tech.isTech(c);
-      }).forEach(handleAdd);
-    }
-  }
-  /**
-   * Builds the default DOM class name. Should be overriden by sub-components.
-   *
-   * @return {string}
-   *         The DOM class name for this object.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    // Child classes can include a function that does:
-    // return 'CLASS NAME' + this._super();
-    return '';
-  }
-  /**
-   * Bind a listener to the component's ready state.
-   * Different from event listeners in that if the ready event has already happened
-   * it will trigger the function immediately.
-   *
-   * @return {Component}
-   *         Returns itself; method can be chained.
-   */
-  ;
-
-  _proto.ready = function ready(fn, sync) {
-    if (sync === void 0) {
-      sync = false;
-    }
-
-    if (!fn) {
-      return;
-    }
-
-    if (!this.isReady_) {
-      this.readyQueue_ = this.readyQueue_ || [];
-      this.readyQueue_.push(fn);
-      return;
-    }
-
-    if (sync) {
-      fn.call(this);
-    } else {
-      // Call the function asynchronously by default for consistency
-      this.setTimeout(fn, 1);
-    }
-  }
-  /**
-   * Trigger all the ready listeners for this `Component`.
-   *
-   * @fires Component#ready
-   */
-  ;
-
-  _proto.triggerReady = function triggerReady() {
-    this.isReady_ = true; // Ensure ready is triggered asynchronously
-
-    this.setTimeout(function () {
-      var readyQueue = this.readyQueue_; // Reset Ready Queue
-
-      this.readyQueue_ = [];
-
-      if (readyQueue && readyQueue.length > 0) {
-        readyQueue.forEach(function (fn) {
-          fn.call(this);
-        }, this);
-      } // Allow for using event listeners also
-
-      /**
-       * Triggered when a `Component` is ready.
-       *
-       * @event Component#ready
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('ready');
-    }, 1);
-  }
-  /**
-   * Find a single DOM element matching a `selector`. This can be within the `Component`s
-   * `contentEl()` or another custom context.
-   *
-   * @param {string} selector
-   *        A valid CSS selector, which will be passed to `querySelector`.
-   *
-   * @param {Element|string} [context=this.contentEl()]
-   *        A DOM element within which to query. Can also be a selector string in
-   *        which case the first matching element will get used as context. If
-   *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-   *        nothing it falls back to `document`.
-   *
-   * @return {Element|null}
-   *         the dom element that was found, or null
-   *
-   * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-   */
-  ;
-
-  _proto.$ = function $$1(selector, context) {
-    return $(selector, context || this.contentEl());
-  }
-  /**
-   * Finds all DOM element matching a `selector`. This can be within the `Component`s
-   * `contentEl()` or another custom context.
-   *
-   * @param {string} selector
-   *        A valid CSS selector, which will be passed to `querySelectorAll`.
-   *
-   * @param {Element|string} [context=this.contentEl()]
-   *        A DOM element within which to query. Can also be a selector string in
-   *        which case the first matching element will get used as context. If
-   *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-   *        nothing it falls back to `document`.
-   *
-   * @return {NodeList}
-   *         a list of dom elements that were found
-   *
-   * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-   */
-  ;
-
-  _proto.$$ = function $$$1(selector, context) {
-    return $$(selector, context || this.contentEl());
-  }
-  /**
-   * Check if a component's element has a CSS class name.
-   *
-   * @param {string} classToCheck
-   *        CSS class name to check.
-   *
-   * @return {boolean}
-   *         - True if the `Component` has the class.
-   *         - False if the `Component` does not have the class`
-   */
-  ;
-
-  _proto.hasClass = function hasClass$1(classToCheck) {
-    return hasClass(this.el_, classToCheck);
-  }
-  /**
-   * Add a CSS class name to the `Component`s element.
-   *
-   * @param {string} classToAdd
-   *        CSS class name to add
-   */
-  ;
-
-  _proto.addClass = function addClass$1(classToAdd) {
-    addClass(this.el_, classToAdd);
-  }
-  /**
-   * Remove a CSS class name from the `Component`s element.
-   *
-   * @param {string} classToRemove
-   *        CSS class name to remove
-   */
-  ;
-
-  _proto.removeClass = function removeClass$1(classToRemove) {
-    removeClass(this.el_, classToRemove);
-  }
-  /**
-   * Add or remove a CSS class name from the component's element.
-   * - `classToToggle` gets added when {@link Component#hasClass} would return false.
-   * - `classToToggle` gets removed when {@link Component#hasClass} would return true.
-   *
-   * @param  {string} classToToggle
-   *         The class to add or remove based on (@link Component#hasClass}
-   *
-   * @param  {boolean|Dom~predicate} [predicate]
-   *         An {@link Dom~predicate} function or a boolean
-   */
-  ;
-
-  _proto.toggleClass = function toggleClass$1(classToToggle, predicate) {
-    toggleClass(this.el_, classToToggle, predicate);
-  }
-  /**
-   * Show the `Component`s element if it is hidden by removing the
-   * 'vjs-hidden' class name from it.
-   */
-  ;
-
-  _proto.show = function show() {
-    this.removeClass('vjs-hidden');
-  }
-  /**
-   * Hide the `Component`s element if it is currently showing by adding the
-   * 'vjs-hidden` class name to it.
-   */
-  ;
-
-  _proto.hide = function hide() {
-    this.addClass('vjs-hidden');
-  }
-  /**
-   * Lock a `Component`s element in its visible state by adding the 'vjs-lock-showing'
-   * class name to it. Used during fadeIn/fadeOut.
-   *
-   * @private
-   */
-  ;
-
-  _proto.lockShowing = function lockShowing() {
-    this.addClass('vjs-lock-showing');
-  }
-  /**
-   * Unlock a `Component`s element from its visible state by removing the 'vjs-lock-showing'
-   * class name from it. Used during fadeIn/fadeOut.
-   *
-   * @private
-   */
-  ;
-
-  _proto.unlockShowing = function unlockShowing() {
-    this.removeClass('vjs-lock-showing');
-  }
-  /**
-   * Get the value of an attribute on the `Component`s element.
-   *
-   * @param {string} attribute
-   *        Name of the attribute to get the value from.
-   *
-   * @return {string|null}
-   *         - The value of the attribute that was asked for.
-   *         - Can be an empty string on some browsers if the attribute does not exist
-   *           or has no value
-   *         - Most browsers will return null if the attibute does not exist or has
-   *           no value.
-   *
-   * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute}
-   */
-  ;
-
-  _proto.getAttribute = function getAttribute$1(attribute) {
-    return getAttribute(this.el_, attribute);
-  }
-  /**
-   * Set the value of an attribute on the `Component`'s element
-   *
-   * @param {string} attribute
-   *        Name of the attribute to set.
-   *
-   * @param {string} value
-   *        Value to set the attribute to.
-   *
-   * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute}
-   */
-  ;
-
-  _proto.setAttribute = function setAttribute$1(attribute, value) {
-    setAttribute(this.el_, attribute, value);
-  }
-  /**
-   * Remove an attribute from the `Component`s element.
-   *
-   * @param {string} attribute
-   *        Name of the attribute to remove.
-   *
-   * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute}
-   */
-  ;
-
-  _proto.removeAttribute = function removeAttribute$1(attribute) {
-    removeAttribute(this.el_, attribute);
-  }
-  /**
-   * Get or set the width of the component based upon the CSS styles.
-   * See {@link Component#dimension} for more detailed information.
-   *
-   * @param {number|string} [num]
-   *        The width that you want to set postfixed with '%', 'px' or nothing.
-   *
-   * @param {boolean} [skipListeners]
-   *        Skip the componentresize event trigger
-   *
-   * @return {number|string}
-   *         The width when getting, zero if there is no width. Can be a string
-   *           postpixed with '%' or 'px'.
-   */
-  ;
-
-  _proto.width = function width(num, skipListeners) {
-    return this.dimension('width', num, skipListeners);
-  }
-  /**
-   * Get or set the height of the component based upon the CSS styles.
-   * See {@link Component#dimension} for more detailed information.
-   *
-   * @param {number|string} [num]
-   *        The height that you want to set postfixed with '%', 'px' or nothing.
-   *
-   * @param {boolean} [skipListeners]
-   *        Skip the componentresize event trigger
-   *
-   * @return {number|string}
-   *         The width when getting, zero if there is no width. Can be a string
-   *         postpixed with '%' or 'px'.
-   */
-  ;
-
-  _proto.height = function height(num, skipListeners) {
-    return this.dimension('height', num, skipListeners);
-  }
-  /**
-   * Set both the width and height of the `Component` element at the same time.
-   *
-   * @param  {number|string} width
-   *         Width to set the `Component`s element to.
-   *
-   * @param  {number|string} height
-   *         Height to set the `Component`s element to.
-   */
-  ;
-
-  _proto.dimensions = function dimensions(width, height) {
-    // Skip componentresize listeners on width for optimization
-    this.width(width, true);
-    this.height(height);
-  }
-  /**
-   * Get or set width or height of the `Component` element. This is the shared code
-   * for the {@link Component#width} and {@link Component#height}.
-   *
-   * Things to know:
-   * - If the width or height in an number this will return the number postfixed with 'px'.
-   * - If the width/height is a percent this will return the percent postfixed with '%'
-   * - Hidden elements have a width of 0 with `window.getComputedStyle`. This function
-   *   defaults to the `Component`s `style.width` and falls back to `window.getComputedStyle`.
-   *   See [this]{@link http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/}
-   *   for more information
-   * - If you want the computed style of the component, use {@link Component#currentWidth}
-   *   and {@link {Component#currentHeight}
-   *
-   * @fires Component#componentresize
-   *
-   * @param {string} widthOrHeight
-   8        'width' or 'height'
-   *
-   * @param  {number|string} [num]
-   8         New dimension
-   *
-   * @param  {boolean} [skipListeners]
-   *         Skip componentresize event trigger
-   *
-   * @return {number}
-   *         The dimension when getting or 0 if unset
-   */
-  ;
-
-  _proto.dimension = function dimension(widthOrHeight, num, skipListeners) {
-    if (num !== undefined) {
-      // Set to zero if null or literally NaN (NaN !== NaN)
-      if (num === null || num !== num) {
-        num = 0;
-      } // Check if using css width/height (% or px) and adjust
-
-
-      if (('' + num).indexOf('%') !== -1 || ('' + num).indexOf('px') !== -1) {
-        this.el_.style[widthOrHeight] = num;
-      } else if (num === 'auto') {
-        this.el_.style[widthOrHeight] = '';
-      } else {
-        this.el_.style[widthOrHeight] = num + 'px';
-      } // skipListeners allows us to avoid triggering the resize event when setting both width and height
-
-
-      if (!skipListeners) {
-        /**
-         * Triggered when a component is resized.
-         *
-         * @event Component#componentresize
-         * @type {EventTarget~Event}
-         */
-        this.trigger('componentresize');
-      }
-
-      return;
-    } // Not setting a value, so getting it
-    // Make sure element exists
-
-
-    if (!this.el_) {
-      return 0;
-    } // Get dimension value from style
-
-
-    var val = this.el_.style[widthOrHeight];
-    var pxIndex = val.indexOf('px');
-
-    if (pxIndex !== -1) {
-      // Return the pixel value with no 'px'
-      return parseInt(val.slice(0, pxIndex), 10);
-    } // No px so using % or no style was set, so falling back to offsetWidth/height
-    // If component has display:none, offset will return 0
-    // TODO: handle display:none and no dimension style using px
-
-
-    return parseInt(this.el_['offset' + toTitleCase(widthOrHeight)], 10);
-  }
-  /**
-   * Get the computed width or the height of the component's element.
-   *
-   * Uses `window.getComputedStyle`.
-   *
-   * @param {string} widthOrHeight
-   *        A string containing 'width' or 'height'. Whichever one you want to get.
-   *
-   * @return {number}
-   *         The dimension that gets asked for or 0 if nothing was set
-   *         for that dimension.
-   */
-  ;
-
-  _proto.currentDimension = function currentDimension(widthOrHeight) {
-    var computedWidthOrHeight = 0;
-
-    if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-      throw new Error('currentDimension only accepts width or height value');
-    }
-
-    computedWidthOrHeight = computedStyle(this.el_, widthOrHeight); // remove 'px' from variable and parse as integer
-
-    computedWidthOrHeight = parseFloat(computedWidthOrHeight); // if the computed value is still 0, it's possible that the browser is lying
-    // and we want to check the offset values.
-    // This code also runs wherever getComputedStyle doesn't exist.
-
-    if (computedWidthOrHeight === 0 || isNaN(computedWidthOrHeight)) {
-      var rule = "offset" + toTitleCase(widthOrHeight);
-      computedWidthOrHeight = this.el_[rule];
-    }
-
-    return computedWidthOrHeight;
-  }
-  /**
-   * An object that contains width and height values of the `Component`s
-   * computed style. Uses `window.getComputedStyle`.
-   *
-   * @typedef {Object} Component~DimensionObject
-   *
-   * @property {number} width
-   *           The width of the `Component`s computed style.
-   *
-   * @property {number} height
-   *           The height of the `Component`s computed style.
-   */
-
-  /**
-   * Get an object that contains computed width and height values of the
-   * component's element.
-   *
-   * Uses `window.getComputedStyle`.
-   *
-   * @return {Component~DimensionObject}
-   *         The computed dimensions of the component's element.
-   */
-  ;
-
-  _proto.currentDimensions = function currentDimensions() {
-    return {
-      width: this.currentDimension('width'),
-      height: this.currentDimension('height')
-    };
-  }
-  /**
-   * Get the computed width of the component's element.
-   *
-   * Uses `window.getComputedStyle`.
-   *
-   * @return {number}
-   *         The computed width of the component's element.
-   */
-  ;
-
-  _proto.currentWidth = function currentWidth() {
-    return this.currentDimension('width');
-  }
-  /**
-   * Get the computed height of the component's element.
-   *
-   * Uses `window.getComputedStyle`.
-   *
-   * @return {number}
-   *         The computed height of the component's element.
-   */
-  ;
-
-  _proto.currentHeight = function currentHeight() {
-    return this.currentDimension('height');
-  }
-  /**
-   * Set the focus to this component
-   */
-  ;
-
-  _proto.focus = function focus() {
-    this.el_.focus();
-  }
-  /**
-   * Remove the focus from this component
-   */
-  ;
-
-  _proto.blur = function blur() {
-    this.el_.blur();
-  }
-  /**
-   * When this Component receives a `keydown` event which it does not process,
-   *  it passes the event to the Player for handling.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    if (this.player_) {
-      // We only stop propagation here because we want unhandled events to fall
-      // back to the browser.
-      event.stopPropagation();
-      this.player_.handleKeyDown(event);
-    }
-  }
-  /**
-   * Many components used to have a `handleKeyPress` method, which was poorly
-   * named because it listened to a `keydown` event. This method name now
-   * delegates to `handleKeyDown`. This means anyone calling `handleKeyPress`
-   * will not see their method calls stop working.
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleKeyPress = function handleKeyPress(event) {
-    this.handleKeyDown(event);
-  }
-  /**
-   * Emit a 'tap' events when touch event support gets detected. This gets used to
-   * support toggling the controls through a tap on the video. They get enabled
-   * because every sub-component would have extra overhead otherwise.
-   *
-   * @private
-   * @fires Component#tap
-   * @listens Component#touchstart
-   * @listens Component#touchmove
-   * @listens Component#touchleave
-   * @listens Component#touchcancel
-   * @listens Component#touchend
-    */
-  ;
-
-  _proto.emitTapEvents = function emitTapEvents() {
-    // Track the start time so we can determine how long the touch lasted
-    var touchStart = 0;
-    var firstTouch = null; // Maximum movement allowed during a touch event to still be considered a tap
-    // Other popular libs use anywhere from 2 (hammer.js) to 15,
-    // so 10 seems like a nice, round number.
-
-    var tapMovementThreshold = 10; // The maximum length a touch can be while still being considered a tap
-
-    var touchTimeThreshold = 200;
-    var couldBeTap;
-    this.on('touchstart', function (event) {
-      // If more than one finger, don't consider treating this as a click
-      if (event.touches.length === 1) {
-        // Copy pageX/pageY from the object
-        firstTouch = {
-          pageX: event.touches[0].pageX,
-          pageY: event.touches[0].pageY
-        }; // Record start time so we can detect a tap vs. "touch and hold"
-
-        touchStart = window$1.performance.now(); // Reset couldBeTap tracking
-
-        couldBeTap = true;
-      }
-    });
-    this.on('touchmove', function (event) {
-      // If more than one finger, don't consider treating this as a click
-      if (event.touches.length > 1) {
-        couldBeTap = false;
-      } else if (firstTouch) {
-        // Some devices will throw touchmoves for all but the slightest of taps.
-        // So, if we moved only a small distance, this could still be a tap
-        var xdiff = event.touches[0].pageX - firstTouch.pageX;
-        var ydiff = event.touches[0].pageY - firstTouch.pageY;
-        var touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
-
-        if (touchDistance > tapMovementThreshold) {
-          couldBeTap = false;
-        }
-      }
-    });
-
-    var noTap = function noTap() {
-      couldBeTap = false;
-    }; // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
-
-
-    this.on('touchleave', noTap);
-    this.on('touchcancel', noTap); // When the touch ends, measure how long it took and trigger the appropriate
-    // event
-
-    this.on('touchend', function (event) {
-      firstTouch = null; // Proceed only if the touchmove/leave/cancel event didn't happen
-
-      if (couldBeTap === true) {
-        // Measure how long the touch lasted
-        var touchTime = window$1.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
-
-        if (touchTime < touchTimeThreshold) {
-          // Don't let browser turn this into a click
-          event.preventDefault();
-          /**
-           * Triggered when a `Component` is tapped.
-           *
-           * @event Component#tap
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('tap'); // It may be good to copy the touchend event object and change the
-          // type to tap, if the other event properties aren't exact after
-          // Events.fixEvent runs (e.g. event.target)
-        }
-      }
-    });
-  }
-  /**
-   * This function reports user activity whenever touch events happen. This can get
-   * turned off by any sub-components that wants touch events to act another way.
-   *
-   * Report user touch activity when touch events occur. User activity gets used to
-   * determine when controls should show/hide. It is 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 as `touchstart` and `touchend` toggle player
-   * controls. So touch events can't help us at the player level either.
-   *
-   * User activity gets 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.
-   * Furthermore a `touchmove` event and anything other than a tap, should not turn
-   * controls back on.
-   *
-   * @listens Component#touchstart
-   * @listens Component#touchmove
-   * @listens Component#touchend
-   * @listens Component#touchcancel
-   */
-  ;
-
-  _proto.enableTouchActivity = function enableTouchActivity() {
-    // Don't continue if the root player doesn't support reporting user activity
-    if (!this.player() || !this.player().reportUserActivity) {
-      return;
-    } // listener for reporting that the user is active
-
-
-    var report = bind(this.player(), this.player().reportUserActivity);
-    var touchHolding;
-    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
-
-      this.clearInterval(touchHolding); // report at the same interval as activityCheck
-
-      touchHolding = this.setInterval(report, 250);
-    });
-
-    var touchEnd = function touchEnd(event) {
-      report(); // stop the interval that maintains activity if the touch is holding
-
-      this.clearInterval(touchHolding);
-    };
-
-    this.on('touchmove', report);
-    this.on('touchend', touchEnd);
-    this.on('touchcancel', touchEnd);
-  }
-  /**
-   * A callback that has no parameters and is bound into `Component`s context.
-   *
-   * @callback Component~GenericCallback
-   * @this Component
-   */
-
-  /**
-   * Creates a function that runs after an `x` millisecond timeout. This function is a
-   * wrapper around `window.setTimeout`. There are a few reasons to use this one
-   * instead though:
-   * 1. It gets cleared via  {@link Component#clearTimeout} when
-   *    {@link Component#dispose} gets called.
-   * 2. The function callback will gets turned into a {@link Component~GenericCallback}
-   *
-   * > Note: You can't use `window.clearTimeout` on the id returned by this function. This
-   *         will cause its dispose listener not to get cleaned up! Please use
-   *         {@link Component#clearTimeout} or {@link Component#dispose} instead.
-   *
-   * @param {Component~GenericCallback} fn
-   *        The function that will be run after `timeout`.
-   *
-   * @param {number} timeout
-   *        Timeout in milliseconds to delay before executing the specified function.
-   *
-   * @return {number}
-   *         Returns a timeout ID that gets used to identify the timeout. It can also
-   *         get used in {@link Component#clearTimeout} to clear the timeout that
-   *         was set.
-   *
-   * @listens Component#dispose
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout}
-   */
-  ;
-
-  _proto.setTimeout = function setTimeout(fn, timeout) {
-    var _this2 = this;
-
-    // declare as variables so they are properly available in timeout function
-    // eslint-disable-next-line
-    var timeoutId;
-    fn = bind(this, fn);
-    this.clearTimersOnDispose_();
-    timeoutId = window$1.setTimeout(function () {
-      if (_this2.setTimeoutIds_.has(timeoutId)) {
-        _this2.setTimeoutIds_["delete"](timeoutId);
-      }
-
-      fn();
-    }, timeout);
-    this.setTimeoutIds_.add(timeoutId);
-    return timeoutId;
-  }
-  /**
-   * Clears a timeout that gets created via `window.setTimeout` or
-   * {@link Component#setTimeout}. If you set a timeout via {@link Component#setTimeout}
-   * use this function instead of `window.clearTimout`. If you don't your dispose
-   * listener will not get cleaned up until {@link Component#dispose}!
-   *
-   * @param {number} timeoutId
-   *        The id of the timeout to clear. The return value of
-   *        {@link Component#setTimeout} or `window.setTimeout`.
-   *
-   * @return {number}
-   *         Returns the timeout id that was cleared.
-   *
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout}
-   */
-  ;
-
-  _proto.clearTimeout = function clearTimeout(timeoutId) {
-    if (this.setTimeoutIds_.has(timeoutId)) {
-      this.setTimeoutIds_["delete"](timeoutId);
-      window$1.clearTimeout(timeoutId);
-    }
-
-    return timeoutId;
-  }
-  /**
-   * Creates a function that gets run every `x` milliseconds. This function is a wrapper
-   * around `window.setInterval`. There are a few reasons to use this one instead though.
-   * 1. It gets cleared via  {@link Component#clearInterval} when
-   *    {@link Component#dispose} gets called.
-   * 2. The function callback will be a {@link Component~GenericCallback}
-   *
-   * @param {Component~GenericCallback} fn
-   *        The function to run every `x` seconds.
-   *
-   * @param {number} interval
-   *        Execute the specified function every `x` milliseconds.
-   *
-   * @return {number}
-   *         Returns an id that can be used to identify the interval. It can also be be used in
-   *         {@link Component#clearInterval} to clear the interval.
-   *
-   * @listens Component#dispose
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval}
-   */
-  ;
-
-  _proto.setInterval = function setInterval(fn, interval) {
-    fn = bind(this, fn);
-    this.clearTimersOnDispose_();
-    var intervalId = window$1.setInterval(fn, interval);
-    this.setIntervalIds_.add(intervalId);
-    return intervalId;
-  }
-  /**
-   * Clears an interval that gets created via `window.setInterval` or
-   * {@link Component#setInterval}. If you set an inteval via {@link Component#setInterval}
-   * use this function instead of `window.clearInterval`. If you don't your dispose
-   * listener will not get cleaned up until {@link Component#dispose}!
-   *
-   * @param {number} intervalId
-   *        The id of the interval to clear. The return value of
-   *        {@link Component#setInterval} or `window.setInterval`.
-   *
-   * @return {number}
-   *         Returns the interval id that was cleared.
-   *
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval}
-   */
-  ;
-
-  _proto.clearInterval = function clearInterval(intervalId) {
-    if (this.setIntervalIds_.has(intervalId)) {
-      this.setIntervalIds_["delete"](intervalId);
-      window$1.clearInterval(intervalId);
-    }
-
-    return intervalId;
-  }
-  /**
-   * Queues up a callback to be passed to requestAnimationFrame (rAF), but
-   * with a few extra bonuses:
-   *
-   * - Supports browsers that do not support rAF by falling back to
-   *   {@link Component#setTimeout}.
-   *
-   * - The callback is turned into a {@link Component~GenericCallback} (i.e.
-   *   bound to the component).
-   *
-   * - Automatic cancellation of the rAF callback is handled if the component
-   *   is disposed before it is called.
-   *
-   * @param  {Component~GenericCallback} fn
-   *         A function that will be bound to this component and executed just
-   *         before the browser's next repaint.
-   *
-   * @return {number}
-   *         Returns an rAF ID that gets used to identify the timeout. It can
-   *         also be used in {@link Component#cancelAnimationFrame} to cancel
-   *         the animation frame callback.
-   *
-   * @listens Component#dispose
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame}
-   */
-  ;
-
-  _proto.requestAnimationFrame = function requestAnimationFrame(fn) {
-    var _this3 = this;
-
-    // Fall back to using a timer.
-    if (!this.supportsRaf_) {
-      return this.setTimeout(fn, 1000 / 60);
-    }
-
-    this.clearTimersOnDispose_(); // declare as variables so they are properly available in rAF function
-    // eslint-disable-next-line
-
-    var id;
-    fn = bind(this, fn);
-    id = window$1.requestAnimationFrame(function () {
-      if (_this3.rafIds_.has(id)) {
-        _this3.rafIds_["delete"](id);
-      }
-
-      fn();
-    });
-    this.rafIds_.add(id);
-    return id;
-  }
-  /**
-   * Cancels a queued callback passed to {@link Component#requestAnimationFrame}
-   * (rAF).
-   *
-   * If you queue an rAF callback via {@link Component#requestAnimationFrame},
-   * use this function instead of `window.cancelAnimationFrame`. If you don't,
-   * your dispose listener will not get cleaned up until {@link Component#dispose}!
-   *
-   * @param {number} id
-   *        The rAF ID to clear. The return value of {@link Component#requestAnimationFrame}.
-   *
-   * @return {number}
-   *         Returns the rAF ID that was cleared.
-   *
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/cancelAnimationFrame}
-   */
-  ;
-
-  _proto.cancelAnimationFrame = function cancelAnimationFrame(id) {
-    // Fall back to using a timer.
-    if (!this.supportsRaf_) {
-      return this.clearTimeout(id);
-    }
-
-    if (this.rafIds_.has(id)) {
-      this.rafIds_["delete"](id);
-      window$1.cancelAnimationFrame(id);
-    }
-
-    return id;
-  }
-  /**
-   * A function to setup `requestAnimationFrame`, `setTimeout`,
-   * and `setInterval`, clearing on dispose.
-   *
-   * > Previously each timer added and removed dispose listeners on it's own.
-   * For better performance it was decided to batch them all, and use `Set`s
-   * to track outstanding timer ids.
-   *
-   * @private
-   */
-  ;
-
-  _proto.clearTimersOnDispose_ = function clearTimersOnDispose_() {
-    var _this4 = this;
-
-    if (this.clearingTimersOnDispose_) {
-      return;
-    }
-
-    this.clearingTimersOnDispose_ = true;
-    this.one('dispose', function () {
-      [['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
-        var idName = _ref[0],
-            cancelName = _ref[1];
-
-        _this4[idName].forEach(_this4[cancelName], _this4);
-      });
-      _this4.clearingTimersOnDispose_ = false;
-    });
-  }
-  /**
-   * Register a `Component` with `videojs` given the name and the component.
-   *
-   * > NOTE: {@link Tech}s should not be registered as a `Component`. {@link Tech}s
-   *         should be registered using {@link Tech.registerTech} or
-   *         {@link videojs:videojs.registerTech}.
-   *
-   * > NOTE: This function can also be seen on videojs as
-   *         {@link videojs:videojs.registerComponent}.
-   *
-   * @param {string} name
-   *        The name of the `Component` to register.
-   *
-   * @param {Component} ComponentToRegister
-   *        The `Component` class to register.
-   *
-   * @return {Component}
-   *         The `Component` that was registered.
-   */
-  ;
-
-  Component.registerComponent = function registerComponent(name, ComponentToRegister) {
-    if (typeof name !== 'string' || !name) {
-      throw new Error("Illegal component name, \"" + name + "\"; must be a non-empty string.");
-    }
-
-    var Tech = Component.getComponent('Tech'); // We need to make sure this check is only done if Tech has been registered.
-
-    var isTech = Tech && Tech.isTech(ComponentToRegister);
-    var isComp = Component === ComponentToRegister || Component.prototype.isPrototypeOf(ComponentToRegister.prototype);
-
-    if (isTech || !isComp) {
-      var reason;
-
-      if (isTech) {
-        reason = 'techs must be registered using Tech.registerTech()';
-      } else {
-        reason = 'must be a Component subclass';
-      }
-
-      throw new Error("Illegal component, \"" + name + "\"; " + reason + ".");
-    }
-
-    name = toTitleCase(name);
-
-    if (!Component.components_) {
-      Component.components_ = {};
-    }
-
-    var Player = Component.getComponent('Player');
-
-    if (name === 'Player' && Player && Player.players) {
-      var players = Player.players;
-      var playerNames = Object.keys(players); // If we have players that were disposed, then their name will still be
-      // in Players.players. So, we must loop through and verify that the value
-      // for each item is not null. This allows registration of the Player component
-      // after all players have been disposed or before any were created.
-
-      if (players && playerNames.length > 0 && playerNames.map(function (pname) {
-        return players[pname];
-      }).every(Boolean)) {
-        throw new Error('Can not register Player component after player has been created.');
-      }
-    }
-
-    Component.components_[name] = ComponentToRegister;
-    Component.components_[toLowerCase(name)] = ComponentToRegister;
-    return ComponentToRegister;
-  }
-  /**
-   * Get a `Component` based on the name it was registered with.
-   *
-   * @param {string} name
-   *        The Name of the component to get.
-   *
-   * @return {Component}
-   *         The `Component` that got registered under the given name.
-   *
-   * @deprecated In `videojs` 6 this will not return `Component`s that were not
-   *             registered using {@link Component.registerComponent}. Currently we
-   *             check the global `videojs` object for a `Component` name and
-   *             return that if it exists.
-   */
-  ;
-
-  Component.getComponent = function getComponent(name) {
-    if (!name || !Component.components_) {
-      return;
-    }
-
-    return Component.components_[name];
-  };
-
-  return Component;
-}();
-/**
- * Whether or not this component supports `requestAnimationFrame`.
- *
- * This is exposed primarily for testing purposes.
- *
- * @private
- * @type {Boolean}
- */
-
-
-Component.prototype.supportsRaf_ = typeof window$1.requestAnimationFrame === 'function' && typeof window$1.cancelAnimationFrame === 'function';
-Component.registerComponent('Component', Component);
-
-/**
- * @file browser.js
- * @module browser
- */
-var USER_AGENT = window$1.navigator && window$1.navigator.userAgent || '';
-var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
-var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
-/**
- * Whether or not this device is an iPod.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_IPOD = /iPod/i.test(USER_AGENT);
-/**
- * The detected iOS version - or `null`.
- *
- * @static
- * @const
- * @type {string|null}
- */
-
-var IOS_VERSION = function () {
-  var match = USER_AGENT.match(/OS (\d+)_/i);
-
-  if (match && match[1]) {
-    return match[1];
-  }
-
-  return null;
-}();
-/**
- * Whether or not this is an Android device.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_ANDROID = /Android/i.test(USER_AGENT);
-/**
- * The detected Android version - or `null`.
- *
- * @static
- * @const
- * @type {number|string|null}
- */
-
-var ANDROID_VERSION = function () {
-  // This matches Android Major.Minor.Patch versions
-  // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
-  var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
-
-  if (!match) {
-    return null;
-  }
-
-  var major = match[1] && parseFloat(match[1]);
-  var minor = match[2] && parseFloat(match[2]);
-
-  if (major && minor) {
-    return parseFloat(match[1] + '.' + match[2]);
-  } else if (major) {
-    return major;
-  }
-
-  return null;
-}();
-/**
- * Whether or not this is a native Android browser.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-/**
- * Whether or not this is Mozilla Firefox.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-/**
- * Whether or not this is Microsoft Edge.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_EDGE = /Edge/i.test(USER_AGENT);
-/**
- * Whether or not this is Google Chrome.
- *
- * This will also be `true` for Chrome on iOS, which will have different support
- * as it is actually Safari under the hood.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
-/**
- * The detected Google Chrome version - or `null`.
- *
- * @static
- * @const
- * @type {number|null}
- */
-
-var CHROME_VERSION = function () {
-  var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
-
-  if (match && match[2]) {
-    return parseFloat(match[2]);
-  }
-
-  return null;
-}();
-/**
- * The detected Internet Explorer version - or `null`.
- *
- * @static
- * @const
- * @type {number|null}
- */
-
-var IE_VERSION = function () {
-  var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
-  var version = result && parseFloat(result[1]);
-
-  if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
-    // IE 11 has a different user agent string than other IE versions
-    version = 11.0;
-  }
-
-  return version;
-}();
-/**
- * Whether or not this is desktop Safari.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-/**
- * Whether or not this is a Windows machine.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_WINDOWS = /Windows/i.test(USER_AGENT);
-/**
- * Whether or not this device is touch-enabled.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var TOUCH_ENABLED = isReal() && ('ontouchstart' in window$1 || window$1.navigator.maxTouchPoints || window$1.DocumentTouch && window$1.document instanceof window$1.DocumentTouch);
-/**
- * Whether or not this device is an iPad.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
-/**
- * Whether or not this device is an iPhone.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-// The Facebook app's UIWebView identifies as both an iPhone and iPad, so
-// to identify iPhones, we need to exclude iPads.
-// http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
-
-var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
-/**
- * Whether or not this is an iOS device.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-/**
- * Whether or not this is any flavor of Safari - including iOS.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
-
-var browser = /*#__PURE__*/Object.freeze({
-  IS_IPOD: IS_IPOD,
-  IOS_VERSION: IOS_VERSION,
-  IS_ANDROID: IS_ANDROID,
-  ANDROID_VERSION: ANDROID_VERSION,
-  IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-  IS_FIREFOX: IS_FIREFOX,
-  IS_EDGE: IS_EDGE,
-  IS_CHROME: IS_CHROME,
-  CHROME_VERSION: CHROME_VERSION,
-  IE_VERSION: IE_VERSION,
-  IS_SAFARI: IS_SAFARI,
-  IS_WINDOWS: IS_WINDOWS,
-  TOUCH_ENABLED: TOUCH_ENABLED,
-  IS_IPAD: IS_IPAD,
-  IS_IPHONE: IS_IPHONE,
-  IS_IOS: IS_IOS,
-  IS_ANY_SAFARI: IS_ANY_SAFARI
-});
-
-/**
- * @file time-ranges.js
- * @module time-ranges
- */
-
-/**
- * Returns the time for the specified index at the start or end
- * of a TimeRange object.
- *
- * @typedef    {Function} TimeRangeIndex
- *
- * @param      {number} [index=0]
- *             The range number to return the time for.
- *
- * @return     {number}
- *             The time offset at the specified index.
- *
- * @deprecated The index argument must be provided.
- *             In the future, leaving it out will throw an error.
- */
-
-/**
- * An object that contains ranges of time.
- *
- * @typedef  {Object} TimeRange
- *
- * @property {number} length
- *           The number of time ranges represented by this object.
- *
- * @property {module:time-ranges~TimeRangeIndex} start
- *           Returns the time offset at which a specified time range begins.
- *
- * @property {module:time-ranges~TimeRangeIndex} end
- *           Returns the time offset at which a specified time range ends.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges
- */
-
-/**
- * Check if any of the time ranges are over the maximum index.
- *
- * @private
- * @param   {string} fnName
- *          The function name to use for logging
- *
- * @param   {number} index
- *          The index to check
- *
- * @param   {number} maxIndex
- *          The maximum possible index
- *
- * @throws  {Error} if the timeRanges provided are over the maxIndex
- */
-function rangeCheck(fnName, index, maxIndex) {
-  if (typeof index !== 'number' || index < 0 || index > maxIndex) {
-    throw new Error("Failed to execute '" + fnName + "' on 'TimeRanges': The index provided (" + index + ") is non-numeric or out of bounds (0-" + maxIndex + ").");
-  }
-}
-/**
- * Get the time for the specified index at the start or end
- * of a TimeRange object.
- *
- * @private
- * @param      {string} fnName
- *             The function name to use for logging
- *
- * @param      {string} valueIndex
- *             The property that should be used to get the time. should be
- *             'start' or 'end'
- *
- * @param      {Array} ranges
- *             An array of time ranges
- *
- * @param      {Array} [rangeIndex=0]
- *             The index to start the search at
- *
- * @return     {number}
- *             The time that offset at the specified index.
- *
- * @deprecated rangeIndex must be set to a value, in the future this will throw an error.
- * @throws     {Error} if rangeIndex is more than the length of ranges
- */
-
-
-function getRange(fnName, valueIndex, ranges, rangeIndex) {
-  rangeCheck(fnName, rangeIndex, ranges.length - 1);
-  return ranges[rangeIndex][valueIndex];
-}
-/**
- * Create a time range object given ranges of time.
- *
- * @private
- * @param   {Array} [ranges]
- *          An array of time ranges.
- */
-
-
-function createTimeRangesObj(ranges) {
-  if (ranges === undefined || ranges.length === 0) {
-    return {
-      length: 0,
-      start: function start() {
-        throw new Error('This TimeRanges object is empty');
-      },
-      end: function end() {
-        throw new Error('This TimeRanges object is empty');
-      }
-    };
-  }
-
-  return {
-    length: ranges.length,
-    start: getRange.bind(null, 'start', 0, ranges),
-    end: getRange.bind(null, 'end', 1, ranges)
-  };
-}
-/**
- * Create a `TimeRange` object which mimics an
- * {@link https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges|HTML5 TimeRanges instance}.
- *
- * @param {number|Array[]} start
- *        The start of a single range (a number) or an array of ranges (an
- *        array of arrays of two numbers each).
- *
- * @param {number} end
- *        The end of a single range. Cannot be used with the array form of
- *        the `start` argument.
- */
-
-
-function createTimeRanges(start, end) {
-  if (Array.isArray(start)) {
-    return createTimeRangesObj(start);
-  } else if (start === undefined || end === undefined) {
-    return createTimeRangesObj();
-  }
-
-  return createTimeRangesObj([[start, end]]);
-}
-
-/**
- * @file buffer.js
- * @module buffer
- */
-/**
- * Compute the percentage of the media that has been buffered.
- *
- * @param {TimeRange} buffered
- *        The current `TimeRange` object representing buffered time ranges
- *
- * @param {number} duration
- *        Total duration of the media
- *
- * @return {number}
- *         Percent buffered of the total duration in decimal form.
- */
-
-function bufferedPercent(buffered, duration) {
-  var bufferedDuration = 0;
-  var start;
-  var end;
-
-  if (!duration) {
-    return 0;
-  }
-
-  if (!buffered || !buffered.length) {
-    buffered = createTimeRanges(0, 0);
-  }
-
-  for (var i = 0; i < buffered.length; i++) {
-    start = buffered.start(i);
-    end = buffered.end(i); // buffered end can be bigger than duration by a very small fraction
-
-    if (end > duration) {
-      end = duration;
-    }
-
-    bufferedDuration += end - start;
-  }
-
-  return bufferedDuration / duration;
-}
-
-/**
- * @file fullscreen-api.js
- * @module fullscreen-api
- * @private
- */
-/**
- * Store the browser-specific methods for the fullscreen API.
- *
- * @type {Object}
- * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
- * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
- */
-
-var FullscreenApi = {
-  prefixed: true
-}; // browser API methods
-
-var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
-['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
-['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
-['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
-var specApi = apiMap[0];
-var browserApi; // determine the supported set of functions
-
-for (var i = 0; i < apiMap.length; i++) {
-  // check for exitFullscreen function
-  if (apiMap[i][1] in document) {
-    browserApi = apiMap[i];
-    break;
-  }
-} // map the browser API names to the spec API names
-
-
-if (browserApi) {
-  for (var _i = 0; _i < browserApi.length; _i++) {
-    FullscreenApi[specApi[_i]] = browserApi[_i];
-  }
-
-  FullscreenApi.prefixed = browserApi[0] !== specApi[0];
-}
-
-/**
- * @file media-error.js
- */
-/**
- * A Custom `MediaError` class which mimics the standard HTML5 `MediaError` class.
- *
- * @param {number|string|Object|MediaError} value
- *        This can be of multiple types:
- *        - number: should be a standard error code
- *        - string: an error message (the code will be 0)
- *        - Object: arbitrary properties
- *        - `MediaError` (native): used to populate a video.js `MediaError` object
- *        - `MediaError` (video.js): will return itself if it's already a
- *          video.js `MediaError` object.
- *
- * @see [MediaError Spec]{@link https://dev.w3.org/html5/spec-author-view/video.html#mediaerror}
- * @see [Encrypted MediaError Spec]{@link https://www.w3.org/TR/2013/WD-encrypted-media-20130510/#error-codes}
- *
- * @class MediaError
- */
-
-function MediaError(value) {
-  // Allow redundant calls to this constructor to avoid having `instanceof`
-  // checks peppered around the code.
-  if (value instanceof MediaError) {
-    return value;
-  }
-
-  if (typeof value === 'number') {
-    this.code = value;
-  } else if (typeof value === 'string') {
-    // default code is zero, so this is a custom error
-    this.message = value;
-  } else if (isObject(value)) {
-    // We assign the `code` property manually because native `MediaError` objects
-    // do not expose it as an own/enumerable property of the object.
-    if (typeof value.code === 'number') {
-      this.code = value.code;
-    }
-
-    assign(this, value);
-  }
-
-  if (!this.message) {
-    this.message = MediaError.defaultMessages[this.code] || '';
-  }
-}
-/**
- * The error code that refers two one of the defined `MediaError` types
- *
- * @type {Number}
- */
-
-
-MediaError.prototype.code = 0;
-/**
- * An optional message that to show with the error. Message is not part of the HTML5
- * video spec but allows for more informative custom errors.
- *
- * @type {String}
- */
-
-MediaError.prototype.message = '';
-/**
- * An optional status code that can be set by plugins to allow even more detail about
- * the error. For example a plugin might provide a specific HTTP status code and an
- * error message for that code. Then when the plugin gets that error this class will
- * know how to display an error message for it. This allows a custom message to show
- * up on the `Player` error overlay.
- *
- * @type {Array}
- */
-
-MediaError.prototype.status = null;
-/**
- * Errors indexed by the W3C standard. The order **CANNOT CHANGE**! See the
- * specification listed under {@link MediaError} for more information.
- *
- * @enum {array}
- * @readonly
- * @property {string} 0 - MEDIA_ERR_CUSTOM
- * @property {string} 1 - MEDIA_ERR_ABORTED
- * @property {string} 2 - MEDIA_ERR_NETWORK
- * @property {string} 3 - MEDIA_ERR_DECODE
- * @property {string} 4 - MEDIA_ERR_SRC_NOT_SUPPORTED
- * @property {string} 5 - MEDIA_ERR_ENCRYPTED
- */
-
-MediaError.errorTypes = ['MEDIA_ERR_CUSTOM', 'MEDIA_ERR_ABORTED', 'MEDIA_ERR_NETWORK', 'MEDIA_ERR_DECODE', 'MEDIA_ERR_SRC_NOT_SUPPORTED', 'MEDIA_ERR_ENCRYPTED'];
-/**
- * The default `MediaError` messages based on the {@link MediaError.errorTypes}.
- *
- * @type {Array}
- * @constant
- */
-
-MediaError.defaultMessages = {
-  1: 'You aborted the media playback',
-  2: 'A network error caused the media download to fail part-way.',
-  3: 'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.',
-  4: 'The media could not be loaded, either because the server or network failed or because the format is not supported.',
-  5: 'The media is encrypted and we do not have the keys to decrypt it.'
-}; // Add types as properties on MediaError
-// e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
-
-for (var errNum = 0; errNum < MediaError.errorTypes.length; errNum++) {
-  MediaError[MediaError.errorTypes[errNum]] = errNum; // values should be accessible on both the class and instance
-
-  MediaError.prototype[MediaError.errorTypes[errNum]] = errNum;
-} // jsdocs for instance/static members added above
-
-/**
- * Returns whether an object is `Promise`-like (i.e. has a `then` method).
- *
- * @param  {Object}  value
- *         An object that may or may not be `Promise`-like.
- *
- * @return {boolean}
- *         Whether or not the object is `Promise`-like.
- */
-function isPromise(value) {
-  return value !== undefined && value !== null && typeof value.then === 'function';
-}
-/**
- * Silence a Promise-like object.
- *
- * This is useful for avoiding non-harmful, but potentially confusing "uncaught
- * play promise" rejection error messages.
- *
- * @param  {Object} value
- *         An object that may or may not be `Promise`-like.
- */
-
-function silencePromise(value) {
-  if (isPromise(value)) {
-    value.then(null, function (e) {});
-  }
-}
-
-/**
- * @file text-track-list-converter.js Utilities for capturing text track state and
- * re-creating tracks based on a capture.
- *
- * @module text-track-list-converter
- */
-
-/**
- * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that
- * represents the {@link TextTrack}'s state.
- *
- * @param {TextTrack} track
- *        The text track to query.
- *
- * @return {Object}
- *         A serializable javascript representation of the TextTrack.
- * @private
- */
-var trackToJson_ = function trackToJson_(track) {
-  var ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce(function (acc, prop, i) {
-    if (track[prop]) {
-      acc[prop] = track[prop];
-    }
-
-    return acc;
-  }, {
-    cues: track.cues && Array.prototype.map.call(track.cues, function (cue) {
-      return {
-        startTime: cue.startTime,
-        endTime: cue.endTime,
-        text: cue.text,
-        id: cue.id
-      };
-    })
-  });
-  return ret;
-};
-/**
- * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the
- * state of all {@link TextTrack}s currently configured. The return array is compatible with
- * {@link text-track-list-converter:jsonToTextTracks}.
- *
- * @param {Tech} tech
- *        The tech object to query
- *
- * @return {Array}
- *         A serializable javascript representation of the {@link Tech}s
- *         {@link TextTrackList}.
- */
-
-
-var textTracksToJson = function textTracksToJson(tech) {
-  var trackEls = tech.$$('track');
-  var trackObjs = Array.prototype.map.call(trackEls, function (t) {
-    return t.track;
-  });
-  var tracks = Array.prototype.map.call(trackEls, function (trackEl) {
-    var json = trackToJson_(trackEl.track);
-
-    if (trackEl.src) {
-      json.src = trackEl.src;
-    }
-
-    return json;
-  });
-  return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {
-    return trackObjs.indexOf(track) === -1;
-  }).map(trackToJson_));
-};
-/**
- * Create a set of remote {@link TextTrack}s on a {@link Tech} based on an array of javascript
- * object {@link TextTrack} representations.
- *
- * @param {Array} json
- *        An array of `TextTrack` representation objects, like those that would be
- *        produced by `textTracksToJson`.
- *
- * @param {Tech} tech
- *        The `Tech` to create the `TextTrack`s on.
- */
-
-
-var jsonToTextTracks = function jsonToTextTracks(json, tech) {
-  json.forEach(function (track) {
-    var addedTrack = tech.addRemoteTextTrack(track).track;
-
-    if (!track.src && track.cues) {
-      track.cues.forEach(function (cue) {
-        return addedTrack.addCue(cue);
-      });
-    }
-  });
-  return tech.textTracks();
-};
-
-var textTrackConverter = {
-  textTracksToJson: textTracksToJson,
-  jsonToTextTracks: jsonToTextTracks,
-  trackToJson_: trackToJson_
-};
-
-var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-/**
- * The `ModalDialog` displays over the video and its controls, which blocks
- * interaction with the player until it is closed.
- *
- * Modal dialogs include a "Close" button and will close when that button
- * is activated - or when ESC is pressed anywhere.
- *
- * @extends Component
- */
-
-var ModalDialog =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ModalDialog, _Component);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Mixed} [options.content=undefined]
-   *        Provide customized content for this modal.
-   *
-   * @param {string} [options.description]
-   *        A text description for the modal, primarily for accessibility.
-   *
-   * @param {boolean} [options.fillAlways=false]
-   *        Normally, modals are automatically filled only the first time
-   *        they open. This tells the modal to refresh its content
-   *        every time it opens.
-   *
-   * @param {string} [options.label]
-   *        A text label for the modal, primarily for accessibility.
-   *
-   * @param {boolean} [options.pauseOnOpen=true]
-   *        If `true`, playback will will be paused if playing when
-   *        the modal opens, and resumed when it closes.
-   *
-   * @param {boolean} [options.temporary=true]
-   *        If `true`, the modal can only be opened once; it will be
-   *        disposed as soon as it's closed.
-   *
-   * @param {boolean} [options.uncloseable=false]
-   *        If `true`, the user will not be able to close the modal
-   *        through the UI in the normal ways. Programmatic closing is
-   *        still possible.
-   */
-  function ModalDialog(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;
-
-    _this.closeable(!_this.options_.uncloseable);
-
-    _this.content(_this.options_.content); // Make sure the contentEl is defined AFTER any children are initialized
-    // because we only want the contents of the modal in the contentEl
-    // (not the UI elements like the close button).
-
-
-    _this.contentEl_ = createEl('div', {
-      className: MODAL_CLASS_NAME + "-content"
-    }, {
-      role: 'document'
-    });
-    _this.descEl_ = createEl('p', {
-      className: MODAL_CLASS_NAME + "-description vjs-control-text",
-      id: _this.el().getAttribute('aria-describedby')
-    });
-    textContent(_this.descEl_, _this.description());
-
-    _this.el_.appendChild(_this.descEl_);
-
-    _this.el_.appendChild(_this.contentEl_);
-
-    return _this;
-  }
-  /**
-   * Create the `ModalDialog`'s DOM element
-   *
-   * @return {Element}
-   *         The DOM element that gets created.
-   */
-
-
-  var _proto = ModalDialog.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildCSSClass(),
-      tabIndex: -1
-    }, {
-      'aria-describedby': this.id() + "_description",
-      'aria-hidden': 'true',
-      'aria-label': this.label(),
-      'role': 'dialog'
-    });
-  };
-
-  _proto.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.descEl_ = null;
-    this.previouslyActiveEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return MODAL_CLASS_NAME + " vjs-hidden " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Returns the label string for this modal. Primarily used for accessibility.
-   *
-   * @return {string}
-   *         the localized or raw label of this modal.
-   */
-  ;
-
-  _proto.label = function label() {
-    return this.localize(this.options_.label || 'Modal Window');
-  }
-  /**
-   * Returns the description string for this modal. Primarily used for
-   * accessibility.
-   *
-   * @return {string}
-   *         The localized or raw description of this modal.
-   */
-  ;
-
-  _proto.description = function description() {
-    var desc = this.options_.description || this.localize('This is a modal window.'); // Append a universal closeability message if the modal is closeable.
-
-    if (this.closeable()) {
-      desc += ' ' + this.localize('This modal can be closed by pressing the Escape key or activating the close button.');
-    }
-
-    return desc;
-  }
-  /**
-   * Opens the modal.
-   *
-   * @fires ModalDialog#beforemodalopen
-   * @fires ModalDialog#modalopen
-   */
-  ;
-
-  _proto.open = function open() {
-    if (!this.opened_) {
-      var player = this.player();
-      /**
-        * Fired just before a `ModalDialog` is opened.
-        *
-        * @event ModalDialog#beforemodalopen
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalopen');
-      this.opened_ = true; // Fill content if the modal has never opened before and
-      // never been filled.
-
-      if (this.options_.fillAlways || !this.hasBeenOpened_ && !this.hasBeenFilled_) {
-        this.fill();
-      } // If the player was playing, pause it and take note of its previously
-      // playing state.
-
-
-      this.wasPlaying_ = !player.paused();
-
-      if (this.options_.pauseOnOpen && this.wasPlaying_) {
-        player.pause();
-      }
-
-      this.on('keydown', this.handleKeyDown); // Hide controls and note if they were enabled.
-
-      this.hadControls_ = player.controls();
-      player.controls(false);
-      this.show();
-      this.conditionalFocus_();
-      this.el().setAttribute('aria-hidden', 'false');
-      /**
-        * Fired just after a `ModalDialog` is opened.
-        *
-        * @event ModalDialog#modalopen
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('modalopen');
-      this.hasBeenOpened_ = true;
-    }
-  }
-  /**
-   * If the `ModalDialog` is currently open or closed.
-   *
-   * @param  {boolean} [value]
-   *         If given, it will open (`true`) or close (`false`) the modal.
-   *
-   * @return {boolean}
-   *         the current open state of the modaldialog
-   */
-  ;
-
-  _proto.opened = function opened(value) {
-    if (typeof value === 'boolean') {
-      this[value ? 'open' : 'close']();
-    }
-
-    return this.opened_;
-  }
-  /**
-   * Closes the modal, does nothing if the `ModalDialog` is
-   * not open.
-   *
-   * @fires ModalDialog#beforemodalclose
-   * @fires ModalDialog#modalclose
-   */
-  ;
-
-  _proto.close = function close() {
-    if (!this.opened_) {
-      return;
-    }
-
-    var player = this.player();
-    /**
-      * Fired just before a `ModalDialog` is closed.
-      *
-      * @event ModalDialog#beforemodalclose
-      * @type {EventTarget~Event}
-      */
-
-    this.trigger('beforemodalclose');
-    this.opened_ = false;
-
-    if (this.wasPlaying_ && this.options_.pauseOnOpen) {
-      player.play();
-    }
-
-    this.off('keydown', this.handleKeyDown);
-
-    if (this.hadControls_) {
-      player.controls(true);
-    }
-
-    this.hide();
-    this.el().setAttribute('aria-hidden', 'true');
-    /**
-      * Fired just after a `ModalDialog` is closed.
-      *
-      * @event ModalDialog#modalclose
-      * @type {EventTarget~Event}
-      */
-
-    this.trigger('modalclose');
-    this.conditionalBlur_();
-
-    if (this.options_.temporary) {
-      this.dispose();
-    }
-  }
-  /**
-   * Check to see if the `ModalDialog` is closeable via the UI.
-   *
-   * @param  {boolean} [value]
-   *         If given as a boolean, it will set the `closeable` option.
-   *
-   * @return {boolean}
-   *         Returns the final value of the closable option.
-   */
-  ;
-
-  _proto.closeable = function closeable(value) {
-    if (typeof value === 'boolean') {
-      var closeable = this.closeable_ = !!value;
-      var close = this.getChild('closeButton'); // If this is being made closeable and has no close button, add one.
-
-      if (closeable && !close) {
-        // The close button should be a child of the modal - not its
-        // content element, so temporarily change the content element.
-        var temp = this.contentEl_;
-        this.contentEl_ = this.el_;
-        close = this.addChild('closeButton', {
-          controlText: 'Close Modal Dialog'
-        });
-        this.contentEl_ = temp;
-        this.on(close, 'close', this.close);
-      } // If this is being made uncloseable and has a close button, remove it.
-
-
-      if (!closeable && close) {
-        this.off(close, 'close', this.close);
-        this.removeChild(close);
-        close.dispose();
-      }
-    }
-
-    return this.closeable_;
-  }
-  /**
-   * Fill the modal's content element with the modal's "content" option.
-   * The content element will be emptied before this change takes place.
-   */
-  ;
-
-  _proto.fill = function fill() {
-    this.fillWith(this.content());
-  }
-  /**
-   * Fill the modal's content element with arbitrary content.
-   * The content element will be emptied before this change takes place.
-   *
-   * @fires ModalDialog#beforemodalfill
-   * @fires ModalDialog#modalfill
-   *
-   * @param {Mixed} [content]
-   *        The same rules apply to this as apply to the `content` option.
-   */
-  ;
-
-  _proto.fillWith = function fillWith(content) {
-    var contentEl = this.contentEl();
-    var parentEl = contentEl.parentNode;
-    var nextSiblingEl = contentEl.nextSibling;
-    /**
-      * Fired just before a `ModalDialog` is filled with content.
-      *
-      * @event ModalDialog#beforemodalfill
-      * @type {EventTarget~Event}
-      */
-
-    this.trigger('beforemodalfill');
-    this.hasBeenFilled_ = true; // Detach the content element from the DOM before performing
-    // manipulation to avoid modifying the live DOM multiple times.
-
-    parentEl.removeChild(contentEl);
-    this.empty();
-    insertContent(contentEl, content);
-    /**
-     * Fired just after a `ModalDialog` is filled with content.
-     *
-     * @event ModalDialog#modalfill
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('modalfill'); // Re-inject the re-filled content element.
-
-    if (nextSiblingEl) {
-      parentEl.insertBefore(contentEl, nextSiblingEl);
-    } else {
-      parentEl.appendChild(contentEl);
-    } // make sure that the close button is last in the dialog DOM
-
-
-    var closeButton = this.getChild('closeButton');
-
-    if (closeButton) {
-      parentEl.appendChild(closeButton.el_);
-    }
-  }
-  /**
-   * Empties the content element. This happens anytime the modal is filled.
-   *
-   * @fires ModalDialog#beforemodalempty
-   * @fires ModalDialog#modalempty
-   */
-  ;
-
-  _proto.empty = function empty() {
-    /**
-    * Fired just before a `ModalDialog` is emptied.
-    *
-    * @event ModalDialog#beforemodalempty
-    * @type {EventTarget~Event}
-    */
-    this.trigger('beforemodalempty');
-    emptyEl(this.contentEl());
-    /**
-    * Fired just after a `ModalDialog` is emptied.
-    *
-    * @event ModalDialog#modalempty
-    * @type {EventTarget~Event}
-    */
-
-    this.trigger('modalempty');
-  }
-  /**
-   * Gets or sets the modal content, which gets normalized before being
-   * rendered into the DOM.
-   *
-   * This does not update the DOM or fill the modal, but it is called during
-   * that process.
-   *
-   * @param  {Mixed} [value]
-   *         If defined, sets the internal content value to be used on the
-   *         next call(s) to `fill`. This value is normalized before being
-   *         inserted. To "clear" the internal content value, pass `null`.
-   *
-   * @return {Mixed}
-   *         The current content of the modal dialog
-   */
-  ;
-
-  _proto.content = function content(value) {
-    if (typeof value !== 'undefined') {
-      this.content_ = value;
-    }
-
-    return this.content_;
-  }
-  /**
-   * conditionally focus the modal dialog if focus was previously on the player.
-   *
-   * @private
-   */
-  ;
-
-  _proto.conditionalFocus_ = function conditionalFocus_() {
-    var activeEl = document.activeElement;
-    var playerEl = this.player_.el_;
-    this.previouslyActiveEl_ = null;
-
-    if (playerEl.contains(activeEl) || playerEl === activeEl) {
-      this.previouslyActiveEl_ = activeEl;
-      this.focus();
-    }
-  }
-  /**
-   * conditionally blur the element and refocus the last focused element
-   *
-   * @private
-   */
-  ;
-
-  _proto.conditionalBlur_ = function conditionalBlur_() {
-    if (this.previouslyActiveEl_) {
-      this.previouslyActiveEl_.focus();
-      this.previouslyActiveEl_ = null;
-    }
-  }
-  /**
-   * Keydown handler. Attached when modal is focused.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Do not allow keydowns to reach out of the modal dialog.
-    event.stopPropagation();
-
-    if (keycode.isEventKey(event, 'Escape') && this.closeable()) {
-      event.preventDefault();
-      this.close();
-      return;
-    } // exit early if it isn't a tab key
-
-
-    if (!keycode.isEventKey(event, 'Tab')) {
-      return;
-    }
-
-    var focusableEls = this.focusableEls_();
-    var activeEl = this.el_.querySelector(':focus');
-    var focusIndex;
-
-    for (var i = 0; i < focusableEls.length; i++) {
-      if (activeEl === focusableEls[i]) {
-        focusIndex = i;
-        break;
-      }
-    }
-
-    if (document.activeElement === this.el_) {
-      focusIndex = 0;
-    }
-
-    if (event.shiftKey && focusIndex === 0) {
-      focusableEls[focusableEls.length - 1].focus();
-      event.preventDefault();
-    } else if (!event.shiftKey && focusIndex === focusableEls.length - 1) {
-      focusableEls[0].focus();
-      event.preventDefault();
-    }
-  }
-  /**
-   * get all focusable elements
-   *
-   * @private
-   */
-  ;
-
-  _proto.focusableEls_ = function focusableEls_() {
-    var allChildren = this.el_.querySelectorAll('*');
-    return Array.prototype.filter.call(allChildren, function (child) {
-      return (child instanceof window$1.HTMLAnchorElement || child instanceof window$1.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window$1.HTMLInputElement || child instanceof window$1.HTMLSelectElement || child instanceof window$1.HTMLTextAreaElement || child instanceof window$1.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window$1.HTMLIFrameElement || child instanceof window$1.HTMLObjectElement || child instanceof window$1.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
-    });
-  };
-
-  return ModalDialog;
-}(Component);
-/**
- * Default options for `ModalDialog` default options.
- *
- * @type {Object}
- * @private
- */
-
-
-ModalDialog.prototype.options_ = {
-  pauseOnOpen: true,
-  temporary: true
-};
-Component.registerComponent('ModalDialog', ModalDialog);
-
-/**
- * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
- * {@link VideoTrackList}
- *
- * @extends EventTarget
- */
-
-var TrackList =
-/*#__PURE__*/
-function (_EventTarget) {
-  _inheritsLoose(TrackList, _EventTarget);
-
-  /**
-   * Create an instance of this class
-   *
-   * @param {Track[]} tracks
-   *        A list of tracks to initialize the list with.
-   *
-   * @abstract
-   */
-  function TrackList(tracks) {
-    var _this;
-
-    if (tracks === void 0) {
-      tracks = [];
-    }
-
-    _this = _EventTarget.call(this) || this;
-    _this.tracks_ = [];
-    /**
-     * @memberof TrackList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-
-    Object.defineProperty(_assertThisInitialized(_this), 'length', {
-      get: function get() {
-        return this.tracks_.length;
-      }
-    });
-
-    for (var i = 0; i < tracks.length; i++) {
-      _this.addTrack(tracks[i]);
-    }
-
-    return _this;
-  }
-  /**
-   * Add a {@link Track} to the `TrackList`
-   *
-   * @param {Track} track
-   *        The audio, video, or text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  var _proto = TrackList.prototype;
-
-  _proto.addTrack = function addTrack(track) {
-    var index = this.tracks_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get() {
-          return this.tracks_[index];
-        }
-      });
-    } // Do not add duplicate tracks
-
-
-    if (this.tracks_.indexOf(track) === -1) {
-      this.tracks_.push(track);
-      /**
-       * Triggered when a track is added to a track list.
-       *
-       * @event TrackList#addtrack
-       * @type {EventTarget~Event}
-       * @property {Track} track
-       *           A reference to track that was added.
-       */
-
-      this.trigger({
-        track: track,
-        type: 'addtrack',
-        target: this
-      });
-    }
-  }
-  /**
-   * Remove a {@link Track} from the `TrackList`
-   *
-   * @param {Track} rtrack
-   *        The audio, video, or text track to remove from the list.
-   *
-   * @fires TrackList#removetrack
-   */
-  ;
-
-  _proto.removeTrack = function removeTrack(rtrack) {
-    var track;
-
-    for (var i = 0, l = this.length; i < l; i++) {
-      if (this[i] === rtrack) {
-        track = this[i];
-
-        if (track.off) {
-          track.off();
-        }
-
-        this.tracks_.splice(i, 1);
-        break;
-      }
-    }
-
-    if (!track) {
-      return;
-    }
-    /**
-     * Triggered when a track is removed from track list.
-     *
-     * @event TrackList#removetrack
-     * @type {EventTarget~Event}
-     * @property {Track} track
-     *           A reference to track that was removed.
-     */
-
-
-    this.trigger({
-      track: track,
-      type: 'removetrack',
-      target: this
-    });
-  }
-  /**
-   * Get a Track from the TrackList by a tracks id
-   *
-   * @param {string} id - the id of the track to get
-   * @method getTrackById
-   * @return {Track}
-   * @private
-   */
-  ;
-
-  _proto.getTrackById = function getTrackById(id) {
-    var result = null;
-
-    for (var i = 0, l = this.length; i < l; i++) {
-      var track = this[i];
-
-      if (track.id === id) {
-        result = track;
-        break;
-      }
-    }
-
-    return result;
-  };
-
-  return TrackList;
-}(EventTarget);
-/**
- * Triggered when a different track is selected/enabled.
- *
- * @event TrackList#change
- * @type {EventTarget~Event}
- */
-
-/**
- * Events that can be called with on + eventName. See {@link EventHandler}.
- *
- * @property {Object} TrackList#allowedEvents_
- * @private
- */
-
-
-TrackList.prototype.allowedEvents_ = {
-  change: 'change',
-  addtrack: 'addtrack',
-  removetrack: 'removetrack'
-}; // emulate attribute EventHandler support to allow for feature detection
-
-for (var event in TrackList.prototype.allowedEvents_) {
-  TrackList.prototype['on' + event] = null;
-}
-
-/**
- * Anywhere we call this function we diverge from the spec
- * as we only support one enabled audiotrack at a time
- *
- * @param {AudioTrackList} list
- *        list to work on
- *
- * @param {AudioTrack} track
- *        The track to skip
- *
- * @private
- */
-
-var disableOthers = function disableOthers(list, track) {
-  for (var i = 0; i < list.length; i++) {
-    if (!Object.keys(list[i]).length || track.id === list[i].id) {
-      continue;
-    } // another audio track is enabled, disable it
-
-
-    list[i].enabled = false;
-  }
-};
-/**
- * The current list of {@link AudioTrack} for a media file.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist}
- * @extends TrackList
- */
-
-
-var AudioTrackList =
-/*#__PURE__*/
-function (_TrackList) {
-  _inheritsLoose(AudioTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {AudioTrack[]} [tracks=[]]
-   *        A list of `AudioTrack` to instantiate the list with.
-   */
-  function AudioTrackList(tracks) {
-    var _this;
-
-    if (tracks === void 0) {
-      tracks = [];
-    }
-
-    // make sure only 1 track is enabled
-    // sorted from last index to first index
-    for (var i = tracks.length - 1; i >= 0; i--) {
-      if (tracks[i].enabled) {
-        disableOthers(tracks, tracks[i]);
-        break;
-      }
-    }
-
-    _this = _TrackList.call(this, tracks) || this;
-    _this.changing_ = false;
-    return _this;
-  }
-  /**
-   * Add an {@link AudioTrack} to the `AudioTrackList`.
-   *
-   * @param {AudioTrack} track
-   *        The AudioTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  var _proto = AudioTrackList.prototype;
-
-  _proto.addTrack = function addTrack(track) {
-    var _this2 = this;
-
-    if (track.enabled) {
-      disableOthers(this, track);
-    }
-
-    _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-    if (!track.addEventListener) {
-      return;
-    }
-
-    track.enabledChange_ = function () {
-      // when we are disabling other tracks (since we don't support
-      // more than one track at a time) we will set changing_
-      // to true so that we don't trigger additional change events
-      if (_this2.changing_) {
-        return;
-      }
-
-      _this2.changing_ = true;
-      disableOthers(_this2, track);
-      _this2.changing_ = false;
-
-      _this2.trigger('change');
-    };
-    /**
-     * @listens AudioTrack#enabledchange
-     * @fires TrackList#change
-     */
-
-
-    track.addEventListener('enabledchange', track.enabledChange_);
-  };
-
-  _proto.removeTrack = function removeTrack(rtrack) {
-    _TrackList.prototype.removeTrack.call(this, rtrack);
-
-    if (rtrack.removeEventListener && rtrack.enabledChange_) {
-      rtrack.removeEventListener('enabledchange', rtrack.enabledChange_);
-      rtrack.enabledChange_ = null;
-    }
-  };
-
-  return AudioTrackList;
-}(TrackList);
-
-/**
- * Un-select all other {@link VideoTrack}s that are selected.
- *
- * @param {VideoTrackList} list
- *        list to work on
- *
- * @param {VideoTrack} track
- *        The track to skip
- *
- * @private
- */
-
-var disableOthers$1 = function disableOthers(list, track) {
-  for (var i = 0; i < list.length; i++) {
-    if (!Object.keys(list[i]).length || track.id === list[i].id) {
-      continue;
-    } // another video track is enabled, disable it
-
-
-    list[i].selected = false;
-  }
-};
-/**
- * The current list of {@link VideoTrack} for a video.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist}
- * @extends TrackList
- */
-
-
-var VideoTrackList =
-/*#__PURE__*/
-function (_TrackList) {
-  _inheritsLoose(VideoTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {VideoTrack[]} [tracks=[]]
-   *        A list of `VideoTrack` to instantiate the list with.
-   */
-  function VideoTrackList(tracks) {
-    var _this;
-
-    if (tracks === void 0) {
-      tracks = [];
-    }
-
-    // make sure only 1 track is enabled
-    // sorted from last index to first index
-    for (var i = tracks.length - 1; i >= 0; i--) {
-      if (tracks[i].selected) {
-        disableOthers$1(tracks, tracks[i]);
-        break;
-      }
-    }
-
-    _this = _TrackList.call(this, tracks) || this;
-    _this.changing_ = false;
-    /**
-     * @member {number} VideoTrackList#selectedIndex
-     *         The current index of the selected {@link VideoTrack`}.
-     */
-
-    Object.defineProperty(_assertThisInitialized(_this), 'selectedIndex', {
-      get: function get() {
-        for (var _i = 0; _i < this.length; _i++) {
-          if (this[_i].selected) {
-            return _i;
-          }
-        }
-
-        return -1;
-      },
-      set: function set() {}
-    });
-    return _this;
-  }
-  /**
-   * Add a {@link VideoTrack} to the `VideoTrackList`.
-   *
-   * @param {VideoTrack} track
-   *        The VideoTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  var _proto = VideoTrackList.prototype;
-
-  _proto.addTrack = function addTrack(track) {
-    var _this2 = this;
-
-    if (track.selected) {
-      disableOthers$1(this, track);
-    }
-
-    _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-    if (!track.addEventListener) {
-      return;
-    }
-
-    track.selectedChange_ = function () {
-      if (_this2.changing_) {
-        return;
-      }
-
-      _this2.changing_ = true;
-      disableOthers$1(_this2, track);
-      _this2.changing_ = false;
-
-      _this2.trigger('change');
-    };
-    /**
-     * @listens VideoTrack#selectedchange
-     * @fires TrackList#change
-     */
-
-
-    track.addEventListener('selectedchange', track.selectedChange_);
-  };
-
-  _proto.removeTrack = function removeTrack(rtrack) {
-    _TrackList.prototype.removeTrack.call(this, rtrack);
-
-    if (rtrack.removeEventListener && rtrack.selectedChange_) {
-      rtrack.removeEventListener('selectedchange', rtrack.selectedChange_);
-      rtrack.selectedChange_ = null;
-    }
-  };
-
-  return VideoTrackList;
-}(TrackList);
-
-/**
- * The current list of {@link TextTrack} for a media file.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttracklist}
- * @extends TrackList
- */
-
-var TextTrackList =
-/*#__PURE__*/
-function (_TrackList) {
-  _inheritsLoose(TextTrackList, _TrackList);
-
-  function TextTrackList() {
-    return _TrackList.apply(this, arguments) || this;
-  }
-
-  var _proto = TextTrackList.prototype;
-
-  /**
-   * Add a {@link TextTrack} to the `TextTrackList`
-   *
-   * @param {TextTrack} track
-   *        The text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-  _proto.addTrack = function addTrack(track) {
-    var _this = this;
-
-    _TrackList.prototype.addTrack.call(this, track);
-
-    if (!this.queueChange_) {
-      this.queueChange_ = function () {
-        return _this.queueTrigger('change');
-      };
-    }
-
-    if (!this.triggerSelectedlanguagechange) {
-      this.triggerSelectedlanguagechange_ = function () {
-        return _this.trigger('selectedlanguagechange');
-      };
-    }
-    /**
-     * @listens TextTrack#modechange
-     * @fires TrackList#change
-     */
-
-
-    track.addEventListener('modechange', this.queueChange_);
-    var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-    if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-      track.addEventListener('modechange', this.triggerSelectedlanguagechange_);
-    }
-  };
-
-  _proto.removeTrack = function removeTrack(rtrack) {
-    _TrackList.prototype.removeTrack.call(this, rtrack); // manually remove the event handlers we added
-
-
-    if (rtrack.removeEventListener) {
-      if (this.queueChange_) {
-        rtrack.removeEventListener('modechange', this.queueChange_);
-      }
-
-      if (this.selectedlanguagechange_) {
-        rtrack.removeEventListener('modechange', this.triggerSelectedlanguagechange_);
-      }
-    }
-  };
-
-  return TextTrackList;
-}(TrackList);
-
-/**
- * @file html-track-element-list.js
- */
-
-/**
- * The current list of {@link HtmlTrackElement}s.
- */
-var HtmlTrackElementList =
-/*#__PURE__*/
-function () {
-  /**
-   * Create an instance of this class.
-   *
-   * @param {HtmlTrackElement[]} [tracks=[]]
-   *        A list of `HtmlTrackElement` to instantiate the list with.
-   */
-  function HtmlTrackElementList(trackElements) {
-    if (trackElements === void 0) {
-      trackElements = [];
-    }
-
-    this.trackElements_ = [];
-    /**
-     * @memberof HtmlTrackElementList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-
-    Object.defineProperty(this, 'length', {
-      get: function get() {
-        return this.trackElements_.length;
-      }
-    });
-
-    for (var i = 0, length = trackElements.length; i < length; i++) {
-      this.addTrackElement_(trackElements[i]);
-    }
-  }
-  /**
-   * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-   *
-   * @param {HtmlTrackElement} trackElement
-   *        The track element to add to the list.
-   *
-   * @private
-   */
-
-
-  var _proto = HtmlTrackElementList.prototype;
-
-  _proto.addTrackElement_ = function addTrackElement_(trackElement) {
-    var index = this.trackElements_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get() {
-          return this.trackElements_[index];
-        }
-      });
-    } // Do not add duplicate elements
-
-
-    if (this.trackElements_.indexOf(trackElement) === -1) {
-      this.trackElements_.push(trackElement);
-    }
-  }
-  /**
-   * Get an {@link HtmlTrackElement} from the `HtmlTrackElementList` given an
-   * {@link TextTrack}.
-   *
-   * @param {TextTrack} track
-   *        The track associated with a track element.
-   *
-   * @return {HtmlTrackElement|undefined}
-   *         The track element that was found or undefined.
-   *
-   * @private
-   */
-  ;
-
-  _proto.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-    var trackElement_;
-
-    for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-      if (track === this.trackElements_[i].track) {
-        trackElement_ = this.trackElements_[i];
-        break;
-      }
-    }
-
-    return trackElement_;
-  }
-  /**
-   * Remove a {@link HtmlTrackElement} from the `HtmlTrackElementList`
-   *
-   * @param {HtmlTrackElement} trackElement
-   *        The track element to remove from the list.
-   *
-   * @private
-   */
-  ;
-
-  _proto.removeTrackElement_ = function removeTrackElement_(trackElement) {
-    for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-      if (trackElement === this.trackElements_[i]) {
-        if (this.trackElements_[i].track && typeof this.trackElements_[i].track.off === 'function') {
-          this.trackElements_[i].track.off();
-        }
-
-        if (typeof this.trackElements_[i].off === 'function') {
-          this.trackElements_[i].off();
-        }
-
-        this.trackElements_.splice(i, 1);
-        break;
-      }
-    }
-  };
-
-  return HtmlTrackElementList;
-}();
-
-/**
- * @file text-track-cue-list.js
- */
-
-/**
- * @typedef {Object} TextTrackCueList~TextTrackCue
- *
- * @property {string} id
- *           The unique id for this text track cue
- *
- * @property {number} startTime
- *           The start time for this text track cue
- *
- * @property {number} endTime
- *           The end time for this text track cue
- *
- * @property {boolean} pauseOnExit
- *           Pause when the end time is reached if true.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue}
- */
-
-/**
- * A List of TextTrackCues.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcuelist}
- */
-var TextTrackCueList =
-/*#__PURE__*/
-function () {
-  /**
-   * Create an instance of this class..
-   *
-   * @param {Array} cues
-   *        A list of cues to be initialized with
-   */
-  function TextTrackCueList(cues) {
-    TextTrackCueList.prototype.setCues_.call(this, cues);
-    /**
-     * @memberof TextTrackCueList
-     * @member {number} length
-     *         The current number of `TextTrackCue`s in the TextTrackCueList.
-     * @instance
-     */
-
-    Object.defineProperty(this, 'length', {
-      get: function get() {
-        return this.length_;
-      }
-    });
-  }
-  /**
-   * A setter for cues in this list. Creates getters
-   * an an index for the cues.
-   *
-   * @param {Array} cues
-   *        An array of cues to set
-   *
-   * @private
-   */
-
-
-  var _proto = TextTrackCueList.prototype;
-
-  _proto.setCues_ = function setCues_(cues) {
-    var oldLength = this.length || 0;
-    var i = 0;
-    var l = cues.length;
-    this.cues_ = cues;
-    this.length_ = cues.length;
-
-    var defineProp = function defineProp(index) {
-      if (!('' + index in this)) {
-        Object.defineProperty(this, '' + index, {
-          get: function get() {
-            return this.cues_[index];
-          }
-        });
-      }
-    };
-
-    if (oldLength < l) {
-      i = oldLength;
-
-      for (; i < l; i++) {
-        defineProp.call(this, i);
-      }
-    }
-  }
-  /**
-   * Get a `TextTrackCue` that is currently in the `TextTrackCueList` by id.
-   *
-   * @param {string} id
-   *        The id of the cue that should be searched for.
-   *
-   * @return {TextTrackCueList~TextTrackCue|null}
-   *         A single cue or null if none was found.
-   */
-  ;
-
-  _proto.getCueById = function getCueById(id) {
-    var result = null;
-
-    for (var i = 0, l = this.length; i < l; i++) {
-      var cue = this[i];
-
-      if (cue.id === id) {
-        result = cue;
-        break;
-      }
-    }
-
-    return result;
-  };
-
-  return TextTrackCueList;
-}();
-
-/**
- * @file track-kinds.js
- */
-
-/**
- * All possible `VideoTrackKind`s
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-videotrack-kind
- * @typedef VideoTrack~Kind
- * @enum
- */
-var VideoTrackKind = {
-  alternative: 'alternative',
-  captions: 'captions',
-  main: 'main',
-  sign: 'sign',
-  subtitles: 'subtitles',
-  commentary: 'commentary'
-};
-/**
- * All possible `AudioTrackKind`s
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-audiotrack-kind
- * @typedef AudioTrack~Kind
- * @enum
- */
-
-var AudioTrackKind = {
-  'alternative': 'alternative',
-  'descriptions': 'descriptions',
-  'main': 'main',
-  'main-desc': 'main-desc',
-  'translation': 'translation',
-  'commentary': 'commentary'
-};
-/**
- * All possible `TextTrackKind`s
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-kind
- * @typedef TextTrack~Kind
- * @enum
- */
-
-var TextTrackKind = {
-  subtitles: 'subtitles',
-  captions: 'captions',
-  descriptions: 'descriptions',
-  chapters: 'chapters',
-  metadata: 'metadata'
-};
-/**
- * All possible `TextTrackMode`s
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackmode
- * @typedef TextTrack~Mode
- * @enum
- */
-
-var TextTrackMode = {
-  disabled: 'disabled',
-  hidden: 'hidden',
-  showing: 'showing'
-};
-
-/**
- * A Track class that contains all of the common functionality for {@link AudioTrack},
- * {@link VideoTrack}, and {@link TextTrack}.
- *
- * > Note: This class should not be used directly
- *
- * @see {@link https://html.spec.whatwg.org/multipage/embedded-content.html}
- * @extends EventTarget
- * @abstract
- */
-
-var Track =
-/*#__PURE__*/
-function (_EventTarget) {
-  _inheritsLoose(Track, _EventTarget);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} [options={}]
-   *        Object of option names and values
-   *
-   * @param {string} [options.kind='']
-   *        A valid kind for the track type you are creating.
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this AudioTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @abstract
-   */
-  function Track(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _EventTarget.call(this) || this;
-    var trackProps = {
-      id: options.id || 'vjs_track_' + newGUID(),
-      kind: options.kind || '',
-      label: options.label || '',
-      language: options.language || ''
-    };
-    /**
-     * @memberof Track
-     * @member {string} id
-     *         The id of this track. Cannot be changed after creation.
-     * @instance
-     *
-     * @readonly
-     */
-
-    /**
-     * @memberof Track
-     * @member {string} kind
-     *         The kind of track that this is. Cannot be changed after creation.
-     * @instance
-     *
-     * @readonly
-     */
-
-    /**
-     * @memberof Track
-     * @member {string} label
-     *         The label of this track. Cannot be changed after creation.
-     * @instance
-     *
-     * @readonly
-     */
-
-    /**
-     * @memberof Track
-     * @member {string} language
-     *         The two letter language code for this track. Cannot be changed after
-     *         creation.
-     * @instance
-     *
-     * @readonly
-     */
-
-    var _loop = function _loop(key) {
-      Object.defineProperty(_assertThisInitialized(_this), key, {
-        get: function get() {
-          return trackProps[key];
-        },
-        set: function set() {}
-      });
-    };
-
-    for (var key in trackProps) {
-      _loop(key);
-    }
-
-    return _this;
-  }
-
-  return Track;
-}(EventTarget);
-
-/**
- * @file url.js
- * @module url
- */
-/**
- * @typedef {Object} url:URLObject
- *
- * @property {string} protocol
- *           The protocol of the url that was parsed.
- *
- * @property {string} hostname
- *           The hostname of the url that was parsed.
- *
- * @property {string} port
- *           The port of the url that was parsed.
- *
- * @property {string} pathname
- *           The pathname of the url that was parsed.
- *
- * @property {string} search
- *           The search query of the url that was parsed.
- *
- * @property {string} hash
- *           The hash of the url that was parsed.
- *
- * @property {string} host
- *           The host of the url that was parsed.
- */
-
-/**
- * Resolve and parse the elements of a URL.
- *
- * @function
- * @param    {String} url
- *           The url to parse
- *
- * @return   {url:URLObject}
- *           An object of url details
- */
-
-var parseUrl = function parseUrl(url) {
-  var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host']; // add the url to an anchor and let the browser parse the URL
-
-  var a = document.createElement('a');
-  a.href = url; // IE8 (and 9?) Fix
-  // ie8 doesn't parse the URL correctly until the anchor is actually
-  // added to the body, and an innerHTML is needed to trigger the parsing
-
-  var addToBody = a.host === '' && a.protocol !== 'file:';
-  var div;
-
-  if (addToBody) {
-    div = document.createElement('div');
-    div.innerHTML = "<a href=\"" + url + "\"></a>";
-    a = div.firstChild; // prevent the div from affecting layout
-
-    div.setAttribute('style', 'display:none; position:absolute;');
-    document.body.appendChild(div);
-  } // Copy the specific URL properties to a new object
-  // This is also needed for IE8 because the anchor loses its
-  // properties when it's removed from the dom
-
-
-  var details = {};
-
-  for (var i = 0; i < props.length; i++) {
-    details[props[i]] = a[props[i]];
-  } // IE9 adds the port to the host property unlike everyone else. If
-  // a port identifier is added for standard ports, strip it.
-
-
-  if (details.protocol === 'http:') {
-    details.host = details.host.replace(/:80$/, '');
-  }
-
-  if (details.protocol === 'https:') {
-    details.host = details.host.replace(/:443$/, '');
-  }
-
-  if (!details.protocol) {
-    details.protocol = window$1.location.protocol;
-  }
-
-  if (addToBody) {
-    document.body.removeChild(div);
-  }
-
-  return details;
-};
-/**
- * Get absolute version of relative URL. Used to tell Flash the correct URL.
- *
- * @function
- * @param    {string} url
- *           URL to make absolute
- *
- * @return   {string}
- *           Absolute URL
- *
- * @see      http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
- */
-
-var getAbsoluteURL = function getAbsoluteURL(url) {
-  // Check if absolute URL
-  if (!url.match(/^https?:\/\//)) {
-    // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
-    var div = document.createElement('div');
-    div.innerHTML = "<a href=\"" + url + "\">x</a>";
-    url = div.firstChild.href;
-  }
-
-  return url;
-};
-/**
- * Returns the extension of the passed file name. It will return an empty string
- * if passed an invalid path.
- *
- * @function
- * @param    {string} path
- *           The fileName path like '/path/to/file.mp4'
- *
- * @return  {string}
- *           The extension in lower case or an empty string if no
- *           extension could be found.
- */
-
-var getFileExtension = function getFileExtension(path) {
-  if (typeof path === 'string') {
-    var splitPathRe = /^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/;
-    var pathParts = splitPathRe.exec(path);
-
-    if (pathParts) {
-      return pathParts.pop().toLowerCase();
-    }
-  }
-
-  return '';
-};
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @function
- * @param    {string} url
- *           The url to check.
- *
- * @param    {Object} [winLoc]
- *           the domain to check the url against, defaults to window.location
- *
- * @param    {string} [winLoc.protocol]
- *           The window location protocol defaults to window.location.protocol
- *
- * @param    {string} [winLoc.host]
- *           The window location host defaults to window.location.host
- *
- * @return   {boolean}
- *           Whether it is a cross domain request or not.
- */
-
-var isCrossOrigin = function isCrossOrigin(url, winLoc) {
-  if (winLoc === void 0) {
-    winLoc = window$1.location;
-  }
-
-  var urlInfo = parseUrl(url); // IE8 protocol relative urls will return ':' for protocol
-
-  var srcProtocol = urlInfo.protocol === ':' ? winLoc.protocol : urlInfo.protocol; // Check if url is for another domain/origin
-  // IE8 doesn't know location.origin, so we won't rely on it here
-
-  var crossOrigin = srcProtocol + urlInfo.host !== winLoc.protocol + winLoc.host;
-  return crossOrigin;
-};
-
-var Url = /*#__PURE__*/Object.freeze({
-  parseUrl: parseUrl,
-  getAbsoluteURL: getAbsoluteURL,
-  getFileExtension: getFileExtension,
-  isCrossOrigin: isCrossOrigin
-});
-
-/**
- * Takes a webvtt file contents and parses it into cues
- *
- * @param {string} srcContent
- *        webVTT file contents
- *
- * @param {TextTrack} track
- *        TextTrack to add cues to. Cues come from the srcContent.
- *
- * @private
- */
-
-var parseCues = function parseCues(srcContent, track) {
-  var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, window$1.WebVTT.StringDecoder());
-  var errors = [];
-
-  parser.oncue = function (cue) {
-    track.addCue(cue);
-  };
-
-  parser.onparsingerror = function (error) {
-    errors.push(error);
-  };
-
-  parser.onflush = function () {
-    track.trigger({
-      type: 'loadeddata',
-      target: track
-    });
-  };
-
-  parser.parse(srcContent);
-
-  if (errors.length > 0) {
-    if (window$1.console && window$1.console.groupCollapsed) {
-      window$1.console.groupCollapsed("Text Track parsing errors for " + track.src);
-    }
-
-    errors.forEach(function (error) {
-      return log.error(error);
-    });
-
-    if (window$1.console && window$1.console.groupEnd) {
-      window$1.console.groupEnd();
-    }
-  }
-
-  parser.flush();
-};
-/**
- * Load a `TextTrack` from a specified url.
- *
- * @param {string} src
- *        Url to load track from.
- *
- * @param {TextTrack} track
- *        Track to add cues to. Comes from the content at the end of `url`.
- *
- * @private
- */
-
-
-var loadTrack = function loadTrack(src, track) {
-  var opts = {
-    uri: src
-  };
-  var crossOrigin = isCrossOrigin(src);
-
-  if (crossOrigin) {
-    opts.cors = crossOrigin;
-  }
-
-  XHR(opts, bind(this, function (err, response, responseBody) {
-    if (err) {
-      return log.error(err, response);
-    }
-
-    track.loaded_ = true; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-    // NOTE: this is only used for the alt/video.novtt.js build
-
-    if (typeof window$1.WebVTT !== 'function') {
-      if (track.tech_) {
-        // to prevent use before define eslint error, we define loadHandler
-        // as a let here
-        track.tech_.any(['vttjsloaded', 'vttjserror'], function (event) {
-          if (event.type === 'vttjserror') {
-            log.error("vttjs failed to load, stopping trying to process " + track.src);
-            return;
-          }
-
-          return parseCues(responseBody, track);
-        });
-      }
-    } else {
-      parseCues(responseBody, track);
-    }
-  }));
-};
-/**
- * A representation of a single `TextTrack`.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrack}
- * @extends Track
- */
-
-
-var TextTrack =
-/*#__PURE__*/
-function (_Track) {
-  _inheritsLoose(TextTrack, _Track);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} options={}
-   *        Object of option names and values
-   *
-   * @param {Tech} options.tech
-   *        A reference to the tech that owns this TextTrack.
-   *
-   * @param {TextTrack~Kind} [options.kind='subtitles']
-   *        A valid text track kind.
-   *
-   * @param {TextTrack~Mode} [options.mode='disabled']
-   *        A valid text track mode.
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this TextTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @param {string} [options.srclang='']
-   *        A valid two character language code. An alternative, but deprioritized
-   *        version of `options.language`
-   *
-   * @param {string} [options.src]
-   *        A url to TextTrack cues.
-   *
-   * @param {boolean} [options.default]
-   *        If this track should default to on or off.
-   */
-  function TextTrack(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    if (!options.tech) {
-      throw new Error('A tech was not provided.');
-    }
-
-    var settings = mergeOptions(options, {
-      kind: TextTrackKind[options.kind] || 'subtitles',
-      language: options.language || options.srclang || ''
-    });
-    var mode = TextTrackMode[settings.mode] || 'disabled';
-    var default_ = settings["default"];
-
-    if (settings.kind === 'metadata' || settings.kind === 'chapters') {
-      mode = 'hidden';
-    }
-
-    _this = _Track.call(this, settings) || this;
-    _this.tech_ = settings.tech;
-    _this.cues_ = [];
-    _this.activeCues_ = [];
-    _this.preload_ = _this.tech_.preloadTextTracks !== false;
-    var cues = new TextTrackCueList(_this.cues_);
-    var activeCues = new TextTrackCueList(_this.activeCues_);
-    var changed = false;
-    var timeupdateHandler = bind(_assertThisInitialized(_this), function () {
-      // Accessing this.activeCues for the side-effects of updating itself
-      // due to its nature as a getter function. Do not remove or cues will
-      // stop updating!
-      // Use the setter to prevent deletion from uglify (pure_getters rule)
-      this.activeCues = this.activeCues;
-
-      if (changed) {
-        this.trigger('cuechange');
-        changed = false;
-      }
-    });
-
-    if (mode !== 'disabled') {
-      _this.tech_.ready(function () {
-        _this.tech_.on('timeupdate', timeupdateHandler);
-      }, true);
-    }
-
-    Object.defineProperties(_assertThisInitialized(_this), {
-      /**
-       * @memberof TextTrack
-       * @member {boolean} default
-       *         If this track was set to be on or off by default. Cannot be changed after
-       *         creation.
-       * @instance
-       *
-       * @readonly
-       */
-      "default": {
-        get: function get() {
-          return default_;
-        },
-        set: function set() {}
-      },
-
-      /**
-       * @memberof TextTrack
-       * @member {string} mode
-       *         Set the mode of this TextTrack to a valid {@link TextTrack~Mode}. Will
-       *         not be set if setting to an invalid mode.
-       * @instance
-       *
-       * @fires TextTrack#modechange
-       */
-      mode: {
-        get: function get() {
-          return mode;
-        },
-        set: function set(newMode) {
-          var _this2 = this;
-
-          if (!TextTrackMode[newMode]) {
-            return;
-          }
-
-          mode = newMode;
-
-          if (!this.preload_ && mode !== 'disabled' && this.cues.length === 0) {
-            // On-demand load.
-            loadTrack(this.src, this);
-          }
-
-          if (mode !== 'disabled') {
-            this.tech_.ready(function () {
-              _this2.tech_.on('timeupdate', timeupdateHandler);
-            }, true);
-          } else {
-            this.tech_.off('timeupdate', timeupdateHandler);
-          }
-          /**
-           * An event that fires when mode changes on this track. This allows
-           * the TextTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec!
-           *
-           * @event TextTrack#modechange
-           * @type {EventTarget~Event}
-           */
-
-
-          this.trigger('modechange');
-        }
-      },
-
-      /**
-       * @memberof TextTrack
-       * @member {TextTrackCueList} cues
-       *         The text track cue list for this TextTrack.
-       * @instance
-       */
-      cues: {
-        get: function get() {
-          if (!this.loaded_) {
-            return null;
-          }
-
-          return cues;
-        },
-        set: function set() {}
-      },
-
-      /**
-       * @memberof TextTrack
-       * @member {TextTrackCueList} activeCues
-       *         The list text track cues that are currently active for this TextTrack.
-       * @instance
-       */
-      activeCues: {
-        get: function get() {
-          if (!this.loaded_) {
-            return null;
-          } // nothing to do
-
-
-          if (this.cues.length === 0) {
-            return activeCues;
-          }
-
-          var ct = this.tech_.currentTime();
-          var active = [];
-
-          for (var i = 0, l = this.cues.length; i < l; i++) {
-            var cue = this.cues[i];
-
-            if (cue.startTime <= ct && cue.endTime >= ct) {
-              active.push(cue);
-            } else if (cue.startTime === cue.endTime && cue.startTime <= ct && cue.startTime + 0.5 >= ct) {
-              active.push(cue);
-            }
-          }
-
-          changed = false;
-
-          if (active.length !== this.activeCues_.length) {
-            changed = true;
-          } else {
-            for (var _i = 0; _i < active.length; _i++) {
-              if (this.activeCues_.indexOf(active[_i]) === -1) {
-                changed = true;
-              }
-            }
-          }
-
-          this.activeCues_ = active;
-          activeCues.setCues_(this.activeCues_);
-          return activeCues;
-        },
-        // /!\ Keep this setter empty (see the timeupdate handler above)
-        set: function set() {}
-      }
-    });
-
-    if (settings.src) {
-      _this.src = settings.src;
-
-      if (!_this.preload_) {
-        // Tracks will load on-demand.
-        // Act like we're loaded for other purposes.
-        _this.loaded_ = true;
-      }
-
-      if (_this.preload_ || default_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
-        loadTrack(_this.src, _assertThisInitialized(_this));
-      }
-    } else {
-      _this.loaded_ = true;
-    }
-
-    return _this;
-  }
-  /**
-   * Add a cue to the internal list of cues.
-   *
-   * @param {TextTrack~Cue} cue
-   *        The cue to add to our internal list
-   */
-
-
-  var _proto = TextTrack.prototype;
-
-  _proto.addCue = function addCue(originalCue) {
-    var cue = originalCue;
-
-    if (window$1.vttjs && !(originalCue instanceof window$1.vttjs.VTTCue)) {
-      cue = new window$1.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
-
-      for (var prop in originalCue) {
-        if (!(prop in cue)) {
-          cue[prop] = originalCue[prop];
-        }
-      } // make sure that `id` is copied over
-
-
-      cue.id = originalCue.id;
-      cue.originalCue_ = originalCue;
-    }
-
-    var tracks = this.tech_.textTracks();
-
-    for (var i = 0; i < tracks.length; i++) {
-      if (tracks[i] !== this) {
-        tracks[i].removeCue(cue);
-      }
-    }
-
-    this.cues_.push(cue);
-    this.cues.setCues_(this.cues_);
-  }
-  /**
-   * Remove a cue from our internal list
-   *
-   * @param {TextTrack~Cue} removeCue
-   *        The cue to remove from our internal list
-   */
-  ;
-
-  _proto.removeCue = function removeCue(_removeCue) {
-    var i = this.cues_.length;
-
-    while (i--) {
-      var cue = this.cues_[i];
-
-      if (cue === _removeCue || cue.originalCue_ && cue.originalCue_ === _removeCue) {
-        this.cues_.splice(i, 1);
-        this.cues.setCues_(this.cues_);
-        break;
-      }
-    }
-  };
-
-  return TextTrack;
-}(Track);
-/**
- * cuechange - One or more cues in the track have become active or stopped being active.
- */
-
-
-TextTrack.prototype.allowedEvents_ = {
-  cuechange: 'cuechange'
-};
-
-/**
- * A representation of a single `AudioTrack`. If it is part of an {@link AudioTrackList}
- * only one `AudioTrack` in the list will be enabled at a time.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotrack}
- * @extends Track
- */
-
-var AudioTrack =
-/*#__PURE__*/
-function (_Track) {
-  _inheritsLoose(AudioTrack, _Track);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} [options={}]
-   *        Object of option names and values
-   *
-   * @param {AudioTrack~Kind} [options.kind='']
-   *        A valid audio track kind
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this AudioTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @param {boolean} [options.enabled]
-   *        If this track is the one that is currently playing. If this track is part of
-   *        an {@link AudioTrackList}, only one {@link AudioTrack} will be enabled.
-   */
-  function AudioTrack(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    var settings = mergeOptions(options, {
-      kind: AudioTrackKind[options.kind] || ''
-    });
-    _this = _Track.call(this, settings) || this;
-    var enabled = false;
-    /**
-     * @memberof AudioTrack
-     * @member {boolean} enabled
-     *         If this `AudioTrack` is enabled or not. When setting this will
-     *         fire {@link AudioTrack#enabledchange} if the state of enabled is changed.
-     * @instance
-     *
-     * @fires VideoTrack#selectedchange
-     */
-
-    Object.defineProperty(_assertThisInitialized(_this), 'enabled', {
-      get: function get() {
-        return enabled;
-      },
-      set: function set(newEnabled) {
-        // an invalid or unchanged value
-        if (typeof newEnabled !== 'boolean' || newEnabled === enabled) {
-          return;
-        }
-
-        enabled = newEnabled;
-        /**
-         * An event that fires when enabled changes on this track. This allows
-         * the AudioTrackList that holds this track to act accordingly.
-         *
-         * > Note: This is not part of the spec! Native tracks will do
-         *         this internally without an event.
-         *
-         * @event AudioTrack#enabledchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('enabledchange');
-      }
-    }); // if the user sets this track to selected then
-    // set selected to that true value otherwise
-    // we keep it false
-
-    if (settings.enabled) {
-      _this.enabled = settings.enabled;
-    }
-
-    _this.loaded_ = true;
-    return _this;
-  }
-
-  return AudioTrack;
-}(Track);
-
-/**
- * A representation of a single `VideoTrack`.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotrack}
- * @extends Track
- */
-
-var VideoTrack =
-/*#__PURE__*/
-function (_Track) {
-  _inheritsLoose(VideoTrack, _Track);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} [options={}]
-   *        Object of option names and values
-   *
-   * @param {string} [options.kind='']
-   *        A valid {@link VideoTrack~Kind}
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this AudioTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @param {boolean} [options.selected]
-   *        If this track is the one that is currently playing.
-   */
-  function VideoTrack(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    var settings = mergeOptions(options, {
-      kind: VideoTrackKind[options.kind] || ''
-    });
-    _this = _Track.call(this, settings) || this;
-    var selected = false;
-    /**
-     * @memberof VideoTrack
-     * @member {boolean} selected
-     *         If this `VideoTrack` is selected or not. When setting this will
-     *         fire {@link VideoTrack#selectedchange} if the state of selected changed.
-     * @instance
-     *
-     * @fires VideoTrack#selectedchange
-     */
-
-    Object.defineProperty(_assertThisInitialized(_this), 'selected', {
-      get: function get() {
-        return selected;
-      },
-      set: function set(newSelected) {
-        // an invalid or unchanged value
-        if (typeof newSelected !== 'boolean' || newSelected === selected) {
-          return;
-        }
-
-        selected = newSelected;
-        /**
-         * An event that fires when selected changes on this track. This allows
-         * the VideoTrackList that holds this track to act accordingly.
-         *
-         * > Note: This is not part of the spec! Native tracks will do
-         *         this internally without an event.
-         *
-         * @event VideoTrack#selectedchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('selectedchange');
-      }
-    }); // if the user sets this track to selected then
-    // set selected to that true value otherwise
-    // we keep it false
-
-    if (settings.selected) {
-      _this.selected = settings.selected;
-    }
-
-    return _this;
-  }
-
-  return VideoTrack;
-}(Track);
-
-/**
- * @memberof HTMLTrackElement
- * @typedef {HTMLTrackElement~ReadyState}
- * @enum {number}
- */
-
-var NONE = 0;
-var LOADING = 1;
-var LOADED = 2;
-var ERROR = 3;
-/**
- * A single track represented in the DOM.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement}
- * @extends EventTarget
- */
-
-var HTMLTrackElement =
-/*#__PURE__*/
-function (_EventTarget) {
-  _inheritsLoose(HTMLTrackElement, _EventTarget);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} options={}
-   *        Object of option names and values
-   *
-   * @param {Tech} options.tech
-   *        A reference to the tech that owns this HTMLTrackElement.
-   *
-   * @param {TextTrack~Kind} [options.kind='subtitles']
-   *        A valid text track kind.
-   *
-   * @param {TextTrack~Mode} [options.mode='disabled']
-   *        A valid text track mode.
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this TextTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @param {string} [options.srclang='']
-   *        A valid two character language code. An alternative, but deprioritized
-   *        vesion of `options.language`
-   *
-   * @param {string} [options.src]
-   *        A url to TextTrack cues.
-   *
-   * @param {boolean} [options.default]
-   *        If this track should default to on or off.
-   */
-  function HTMLTrackElement(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _EventTarget.call(this) || this;
-    var readyState;
-    var track = new TextTrack(options);
-    _this.kind = track.kind;
-    _this.src = track.src;
-    _this.srclang = track.language;
-    _this.label = track.label;
-    _this["default"] = track["default"];
-    Object.defineProperties(_assertThisInitialized(_this), {
-      /**
-       * @memberof HTMLTrackElement
-       * @member {HTMLTrackElement~ReadyState} readyState
-       *         The current ready state of the track element.
-       * @instance
-       */
-      readyState: {
-        get: function get() {
-          return readyState;
-        }
-      },
-
-      /**
-       * @memberof HTMLTrackElement
-       * @member {TextTrack} track
-       *         The underlying TextTrack object.
-       * @instance
-       *
-       */
-      track: {
-        get: function get() {
-          return track;
-        }
-      }
-    });
-    readyState = NONE;
-    /**
-     * @listens TextTrack#loadeddata
-     * @fires HTMLTrackElement#load
-     */
-
-    track.addEventListener('loadeddata', function () {
-      readyState = LOADED;
-
-      _this.trigger({
-        type: 'load',
-        target: _assertThisInitialized(_this)
-      });
-    });
-    return _this;
-  }
-
-  return HTMLTrackElement;
-}(EventTarget);
-
-HTMLTrackElement.prototype.allowedEvents_ = {
-  load: 'load'
-};
-HTMLTrackElement.NONE = NONE;
-HTMLTrackElement.LOADING = LOADING;
-HTMLTrackElement.LOADED = LOADED;
-HTMLTrackElement.ERROR = ERROR;
-
-/*
- * This file contains all track properties that are used in
- * player.js, tech.js, html5.js and possibly other techs in the future.
- */
-
-var NORMAL = {
-  audio: {
-    ListClass: AudioTrackList,
-    TrackClass: AudioTrack,
-    capitalName: 'Audio'
-  },
-  video: {
-    ListClass: VideoTrackList,
-    TrackClass: VideoTrack,
-    capitalName: 'Video'
-  },
-  text: {
-    ListClass: TextTrackList,
-    TrackClass: TextTrack,
-    capitalName: 'Text'
-  }
-};
-Object.keys(NORMAL).forEach(function (type) {
-  NORMAL[type].getterName = type + "Tracks";
-  NORMAL[type].privateName = type + "Tracks_";
-});
-var REMOTE = {
-  remoteText: {
-    ListClass: TextTrackList,
-    TrackClass: TextTrack,
-    capitalName: 'RemoteText',
-    getterName: 'remoteTextTracks',
-    privateName: 'remoteTextTracks_'
-  },
-  remoteTextEl: {
-    ListClass: HtmlTrackElementList,
-    TrackClass: HTMLTrackElement,
-    capitalName: 'RemoteTextTrackEls',
-    getterName: 'remoteTextTrackEls',
-    privateName: 'remoteTextTrackEls_'
-  }
-};
-
-var ALL = _extends({}, NORMAL, REMOTE);
-
-REMOTE.names = Object.keys(REMOTE);
-NORMAL.names = Object.keys(NORMAL);
-ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-/**
- * An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string
- * that just contains the src url alone.
- * * `var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};`
-   * `var SourceString = 'http://example.com/some-video.mp4';`
- *
- * @typedef {Object|string} Tech~SourceObject
- *
- * @property {string} src
- *           The url to the source
- *
- * @property {string} type
- *           The mime type of the source
- */
-
-/**
- * A function used by {@link Tech} to create a new {@link TextTrack}.
- *
- * @private
- *
- * @param {Tech} self
- *        An instance of the Tech class.
- *
- * @param {string} kind
- *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
- *
- * @param {string} [label]
- *        Label to identify the text track
- *
- * @param {string} [language]
- *        Two letter language abbreviation
- *
- * @param {Object} [options={}]
- *        An object with additional text track options
- *
- * @return {TextTrack}
- *          The text track that was created.
- */
-
-function createTrackHelper(self, kind, label, language, options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var tracks = self.textTracks();
-  options.kind = kind;
-
-  if (label) {
-    options.label = label;
-  }
-
-  if (language) {
-    options.language = language;
-  }
-
-  options.tech = self;
-  var track = new ALL.text.TrackClass(options);
-  tracks.addTrack(track);
-  return track;
-}
-/**
- * This is the base class for media playback technology controllers, such as
- * {@link Flash} and {@link HTML5}
- *
- * @extends Component
- */
-
-
-var Tech =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Tech, _Component);
-
-  /**
-  * Create an instance of this Tech.
-  *
-  * @param {Object} [options]
-  *        The key/value store of player options.
-  *
-  * @param {Component~ReadyCallback} ready
-  *        Callback function to call when the `HTML5` Tech is ready.
-  */
-  function Tech(options, ready) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    if (ready === void 0) {
-      ready = function ready() {};
-    }
-
-    // we don't want the tech to report user activity automatically.
-    // This is done manually in addControlsListeners
-    options.reportTouchActivity = false;
-    _this = _Component.call(this, null, options, ready) || this; // keep track of whether the current source has played at all to
-    // implement a very limited played()
-
-    _this.hasStarted_ = false;
-
-    _this.on('playing', function () {
-      this.hasStarted_ = true;
-    });
-
-    _this.on('loadstart', function () {
-      this.hasStarted_ = false;
-    });
-
-    ALL.names.forEach(function (name) {
-      var props = ALL[name];
-
-      if (options && options[props.getterName]) {
-        _this[props.privateName] = options[props.getterName];
-      }
-    }); // Manually track progress in cases where the browser/flash player doesn't report it.
-
-    if (!_this.featuresProgressEvents) {
-      _this.manualProgressOn();
-    } // Manually track timeupdates in cases where the browser/flash player doesn't report it.
-
-
-    if (!_this.featuresTimeupdateEvents) {
-      _this.manualTimeUpdatesOn();
-    }
-
-    ['Text', 'Audio', 'Video'].forEach(function (track) {
-      if (options["native" + track + "Tracks"] === false) {
-        _this["featuresNative" + track + "Tracks"] = false;
-      }
-    });
-
-    if (options.nativeCaptions === false || options.nativeTextTracks === false) {
-      _this.featuresNativeTextTracks = false;
-    } else if (options.nativeCaptions === true || options.nativeTextTracks === true) {
-      _this.featuresNativeTextTracks = true;
-    }
-
-    if (!_this.featuresNativeTextTracks) {
-      _this.emulateTextTracks();
-    }
-
-    _this.preloadTextTracks = options.preloadTextTracks !== false;
-    _this.autoRemoteTextTracks_ = new ALL.text.ListClass();
-
-    _this.initTrackListeners(); // Turn on component tap events only if not using native controls
-
-
-    if (!options.nativeControlsForTouch) {
-      _this.emitTapEvents();
-    }
-
-    if (_this.constructor) {
-      _this.name_ = _this.constructor.name || 'Unknown Tech';
-    }
-
-    return _this;
-  }
-  /**
-   * A special function to trigger source set in a way that will allow player
-   * to re-trigger if the player or tech are not ready yet.
-   *
-   * @fires Tech#sourceset
-   * @param {string} src The source string at the time of the source changing.
-   */
-
-
-  var _proto = Tech.prototype;
-
-  _proto.triggerSourceset = function triggerSourceset(src) {
-    var _this2 = this;
-
-    if (!this.isReady_) {
-      // on initial ready we have to trigger source set
-      // 1ms after ready so that player can watch for it.
-      this.one('ready', function () {
-        return _this2.setTimeout(function () {
-          return _this2.triggerSourceset(src);
-        }, 1);
-      });
-    }
-    /**
-     * Fired when the source is set on the tech causing the media element
-     * to reload.
-     *
-     * @see {@link Player#event:sourceset}
-     * @event Tech#sourceset
-     * @type {EventTarget~Event}
-     */
-
-
-    this.trigger({
-      src: src,
-      type: 'sourceset'
-    });
-  }
-  /* Fallbacks for unsupported event types
-  ================================================================================ */
-
-  /**
-   * Polyfill the `progress` event for browsers that don't support it natively.
-   *
-   * @see {@link Tech#trackProgress}
-   */
-  ;
-
-  _proto.manualProgressOn = function manualProgressOn() {
-    this.on('durationchange', this.onDurationChange);
-    this.manualProgress = true; // Trigger progress watching when a source begins loading
-
-    this.one('ready', this.trackProgress);
-  }
-  /**
-   * Turn off the polyfill for `progress` events that was created in
-   * {@link Tech#manualProgressOn}
-   */
-  ;
-
-  _proto.manualProgressOff = function manualProgressOff() {
-    this.manualProgress = false;
-    this.stopTrackingProgress();
-    this.off('durationchange', this.onDurationChange);
-  }
-  /**
-   * This is used to trigger a `progress` event when the buffered percent changes. It
-   * sets an interval function that will be called every 500 milliseconds to check if the
-   * buffer end percent has changed.
-   *
-   * > This function is called by {@link Tech#manualProgressOn}
-   *
-   * @param {EventTarget~Event} event
-   *        The `ready` event that caused this to run.
-   *
-   * @listens Tech#ready
-   * @fires Tech#progress
-   */
-  ;
-
-  _proto.trackProgress = function trackProgress(event) {
-    this.stopTrackingProgress();
-    this.progressInterval = this.setInterval(bind(this, function () {
-      // Don't trigger unless buffered amount is greater than last time
-      var numBufferedPercent = this.bufferedPercent();
-
-      if (this.bufferedPercent_ !== numBufferedPercent) {
-        /**
-         * See {@link Player#progress}
-         *
-         * @event Tech#progress
-         * @type {EventTarget~Event}
-         */
-        this.trigger('progress');
-      }
-
-      this.bufferedPercent_ = numBufferedPercent;
-
-      if (numBufferedPercent === 1) {
-        this.stopTrackingProgress();
-      }
-    }), 500);
-  }
-  /**
-   * Update our internal duration on a `durationchange` event by calling
-   * {@link Tech#duration}.
-   *
-   * @param {EventTarget~Event} event
-   *        The `durationchange` event that caused this to run.
-   *
-   * @listens Tech#durationchange
-   */
-  ;
-
-  _proto.onDurationChange = function onDurationChange(event) {
-    this.duration_ = this.duration();
-  }
-  /**
-   * Get and create a `TimeRange` object for buffering.
-   *
-   * @return {TimeRange}
-   *         The time range object that was created.
-   */
-  ;
-
-  _proto.buffered = function buffered() {
-    return createTimeRanges(0, 0);
-  }
-  /**
-   * Get the percentage of the current video that is currently buffered.
-   *
-   * @return {number}
-   *         A number from 0 to 1 that represents the decimal percentage of the
-   *         video that is buffered.
-   *
-   */
-  ;
-
-  _proto.bufferedPercent = function bufferedPercent$1() {
-    return bufferedPercent(this.buffered(), this.duration_);
-  }
-  /**
-   * Turn off the polyfill for `progress` events that was created in
-   * {@link Tech#manualProgressOn}
-   * Stop manually tracking progress events by clearing the interval that was set in
-   * {@link Tech#trackProgress}.
-   */
-  ;
-
-  _proto.stopTrackingProgress = function stopTrackingProgress() {
-    this.clearInterval(this.progressInterval);
-  }
-  /**
-   * Polyfill the `timeupdate` event for browsers that don't support it.
-   *
-   * @see {@link Tech#trackCurrentTime}
-   */
-  ;
-
-  _proto.manualTimeUpdatesOn = function manualTimeUpdatesOn() {
-    this.manualTimeUpdates = true;
-    this.on('play', this.trackCurrentTime);
-    this.on('pause', this.stopTrackingCurrentTime);
-  }
-  /**
-   * Turn off the polyfill for `timeupdate` events that was created in
-   * {@link Tech#manualTimeUpdatesOn}
-   */
-  ;
-
-  _proto.manualTimeUpdatesOff = function manualTimeUpdatesOff() {
-    this.manualTimeUpdates = false;
-    this.stopTrackingCurrentTime();
-    this.off('play', this.trackCurrentTime);
-    this.off('pause', this.stopTrackingCurrentTime);
-  }
-  /**
-   * Sets up an interval function to track current time and trigger `timeupdate` every
-   * 250 milliseconds.
-   *
-   * @listens Tech#play
-   * @triggers Tech#timeupdate
-   */
-  ;
-
-  _proto.trackCurrentTime = function trackCurrentTime() {
-    if (this.currentTimeInterval) {
-      this.stopTrackingCurrentTime();
-    }
-
-    this.currentTimeInterval = this.setInterval(function () {
-      /**
-       * Triggered at an interval of 250ms to indicated that time is passing in the video.
-       *
-       * @event Tech#timeupdate
-       * @type {EventTarget~Event}
-       */
-      this.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      }); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-    }, 250);
-  }
-  /**
-   * Stop the interval function created in {@link Tech#trackCurrentTime} so that the
-   * `timeupdate` event is no longer triggered.
-   *
-   * @listens {Tech#pause}
-   */
-  ;
-
-  _proto.stopTrackingCurrentTime = function stopTrackingCurrentTime() {
-    this.clearInterval(this.currentTimeInterval); // #1002 - if the video ends right before the next timeupdate would happen,
-    // the progress bar won't make it all the way to the end
-
-    this.trigger({
-      type: 'timeupdate',
-      target: this,
-      manuallyTriggered: true
-    });
-  }
-  /**
-   * Turn off all event polyfills, clear the `Tech`s {@link AudioTrackList},
-   * {@link VideoTrackList}, and {@link TextTrackList}, and dispose of this Tech.
-   *
-   * @fires Component#dispose
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    // clear out all tracks because we can't reuse them between techs
-    this.clearTracks(NORMAL.names); // Turn off any manual progress or timeupdate tracking
-
-    if (this.manualProgress) {
-      this.manualProgressOff();
-    }
-
-    if (this.manualTimeUpdates) {
-      this.manualTimeUpdatesOff();
-    }
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Clear out a single `TrackList` or an array of `TrackLists` given their names.
-   *
-   * > Note: Techs without source handlers should call this between sources for `video`
-   *         & `audio` tracks. You don't want to use them between tracks!
-   *
-   * @param {string[]|string} types
-   *        TrackList names to clear, valid names are `video`, `audio`, and
-   *        `text`.
-   */
-  ;
-
-  _proto.clearTracks = function clearTracks(types) {
-    var _this3 = this;
-
-    types = [].concat(types); // clear out all tracks because we can't reuse them between techs
-
-    types.forEach(function (type) {
-      var list = _this3[type + "Tracks"]() || [];
-      var i = list.length;
-
-      while (i--) {
-        var track = list[i];
-
-        if (type === 'text') {
-          _this3.removeRemoteTextTrack(track);
-        }
-
-        list.removeTrack(track);
-      }
-    });
-  }
-  /**
-   * Remove any TextTracks added via addRemoteTextTrack that are
-   * flagged for automatic garbage collection
-   */
-  ;
-
-  _proto.cleanupAutoTextTracks = function cleanupAutoTextTracks() {
-    var list = this.autoRemoteTextTracks_ || [];
-    var i = list.length;
-
-    while (i--) {
-      var track = list[i];
-      this.removeRemoteTextTrack(track);
-    }
-  }
-  /**
-   * Reset the tech, which will removes all sources and reset the internal readyState.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.reset = function reset() {}
-  /**
-   * Get or set an error on the Tech.
-   *
-   * @param {MediaError} [err]
-   *        Error to set on the Tech
-   *
-   * @return {MediaError|null}
-   *         The current error object on the tech, or null if there isn't one.
-   */
-  ;
-
-  _proto.error = function error(err) {
-    if (err !== undefined) {
-      this.error_ = new MediaError(err);
-      this.trigger('error');
-    }
-
-    return this.error_;
-  }
-  /**
-   * Returns the `TimeRange`s that have been played through for the current source.
-   *
-   * > NOTE: This implementation is incomplete. It does not track the played `TimeRange`.
-   *         It only checks whether the source has played at all or not.
-   *
-   * @return {TimeRange}
-   *         - A single time range if this video has played
-   *         - An empty set of ranges if not.
-   */
-  ;
-
-  _proto.played = function played() {
-    if (this.hasStarted_) {
-      return createTimeRanges(0, 0);
-    }
-
-    return createTimeRanges();
-  }
-  /**
-   * Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was
-   * previously called.
-   *
-   * @fires Tech#timeupdate
-   */
-  ;
-
-  _proto.setCurrentTime = function setCurrentTime() {
-    // improve the accuracy of manual timeupdates
-    if (this.manualTimeUpdates) {
-      /**
-       * A manual `timeupdate` event.
-       *
-       * @event Tech#timeupdate
-       * @type {EventTarget~Event}
-       */
-      this.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-    }
-  }
-  /**
-   * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and
-   * {@link TextTrackList} events.
-   *
-   * This adds {@link EventTarget~EventListeners} for `addtrack`, and  `removetrack`.
-   *
-   * @fires Tech#audiotrackchange
-   * @fires Tech#videotrackchange
-   * @fires Tech#texttrackchange
-   */
-  ;
-
-  _proto.initTrackListeners = function initTrackListeners() {
-    var _this4 = this;
-
-    /**
-      * Triggered when tracks are added or removed on the Tech {@link AudioTrackList}
-      *
-      * @event Tech#audiotrackchange
-      * @type {EventTarget~Event}
-      */
-
-    /**
-      * Triggered when tracks are added or removed on the Tech {@link VideoTrackList}
-      *
-      * @event Tech#videotrackchange
-      * @type {EventTarget~Event}
-      */
-
-    /**
-      * Triggered when tracks are added or removed on the Tech {@link TextTrackList}
-      *
-      * @event Tech#texttrackchange
-      * @type {EventTarget~Event}
-      */
-    NORMAL.names.forEach(function (name) {
-      var props = NORMAL[name];
-
-      var trackListChanges = function trackListChanges() {
-        _this4.trigger(name + "trackchange");
-      };
-
-      var tracks = _this4[props.getterName]();
-
-      tracks.addEventListener('removetrack', trackListChanges);
-      tracks.addEventListener('addtrack', trackListChanges);
-
-      _this4.on('dispose', function () {
-        tracks.removeEventListener('removetrack', trackListChanges);
-        tracks.removeEventListener('addtrack', trackListChanges);
-      });
-    });
-  }
-  /**
-   * Emulate TextTracks using vtt.js if necessary
-   *
-   * @fires Tech#vttjsloaded
-   * @fires Tech#vttjserror
-   */
-  ;
-
-  _proto.addWebVttScript_ = function addWebVttScript_() {
-    var _this5 = this;
-
-    if (window$1.WebVTT) {
-      return;
-    } // Initially, Tech.el_ is a child of a dummy-div wait until the Component system
-    // signals that the Tech is ready at which point Tech.el_ is part of the DOM
-    // before inserting the WebVTT script
-
-
-    if (document.body.contains(this.el())) {
-      // load via require if available and vtt.js script location was not passed in
-      // as an option. novtt builds will turn the above require call into an empty object
-      // which will cause this if check to always fail.
-      if (!this.options_['vtt.js'] && isPlain(vtt) && Object.keys(vtt).length > 0) {
-        this.trigger('vttjsloaded');
-        return;
-      } // load vtt.js via the script location option or the cdn of no location was
-      // passed in
-
-
-      var script = document.createElement('script');
-      script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js';
-
-      script.onload = function () {
-        /**
-         * Fired when vtt.js is loaded.
-         *
-         * @event Tech#vttjsloaded
-         * @type {EventTarget~Event}
-         */
-        _this5.trigger('vttjsloaded');
-      };
-
-      script.onerror = function () {
-        /**
-         * Fired when vtt.js was not loaded due to an error
-         *
-         * @event Tech#vttjsloaded
-         * @type {EventTarget~Event}
-         */
-        _this5.trigger('vttjserror');
-      };
-
-      this.on('dispose', function () {
-        script.onload = null;
-        script.onerror = null;
-      }); // but have not loaded yet and we set it to true before the inject so that
-      // we don't overwrite the injected window.WebVTT if it loads right away
-
-      window$1.WebVTT = true;
-      this.el().parentNode.appendChild(script);
-    } else {
-      this.ready(this.addWebVttScript_);
-    }
-  }
-  /**
-   * Emulate texttracks
-   *
-   */
-  ;
-
-  _proto.emulateTextTracks = function emulateTextTracks() {
-    var _this6 = this;
-
-    var tracks = this.textTracks();
-    var remoteTracks = this.remoteTextTracks();
-
-    var handleAddTrack = function handleAddTrack(e) {
-      return tracks.addTrack(e.track);
-    };
-
-    var handleRemoveTrack = function handleRemoveTrack(e) {
-      return tracks.removeTrack(e.track);
-    };
-
-    remoteTracks.on('addtrack', handleAddTrack);
-    remoteTracks.on('removetrack', handleRemoveTrack);
-    this.addWebVttScript_();
-
-    var updateDisplay = function updateDisplay() {
-      return _this6.trigger('texttrackchange');
-    };
-
-    var textTracksChanges = function textTracksChanges() {
-      updateDisplay();
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        track.removeEventListener('cuechange', updateDisplay);
-
-        if (track.mode === 'showing') {
-          track.addEventListener('cuechange', updateDisplay);
-        }
-      }
-    };
-
-    textTracksChanges();
-    tracks.addEventListener('change', textTracksChanges);
-    tracks.addEventListener('addtrack', textTracksChanges);
-    tracks.addEventListener('removetrack', textTracksChanges);
-    this.on('dispose', function () {
-      remoteTracks.off('addtrack', handleAddTrack);
-      remoteTracks.off('removetrack', handleRemoveTrack);
-      tracks.removeEventListener('change', textTracksChanges);
-      tracks.removeEventListener('addtrack', textTracksChanges);
-      tracks.removeEventListener('removetrack', textTracksChanges);
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        track.removeEventListener('cuechange', updateDisplay);
-      }
-    });
-  }
-  /**
-   * Create and returns a remote {@link TextTrack} object.
-   *
-   * @param {string} kind
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-   *
-   * @param {string} [label]
-   *        Label to identify the text track
-   *
-   * @param {string} [language]
-   *        Two letter language abbreviation
-   *
-   * @return {TextTrack}
-   *         The TextTrack that gets created.
-   */
-  ;
-
-  _proto.addTextTrack = function addTextTrack(kind, label, language) {
-    if (!kind) {
-      throw new Error('TextTrack kind is required but was not provided');
-    }
-
-    return createTrackHelper(this, kind, label, language);
-  }
-  /**
-   * Create an emulated TextTrack for use by addRemoteTextTrack
-   *
-   * This is intended to be overridden by classes that inherit from
-   * Tech in order to create native or custom TextTracks.
-   *
-   * @param {Object} options
-   *        The object should contain the options to initialize the TextTrack with.
-   *
-   * @param {string} [options.kind]
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-   *
-   * @param {string} [options.label].
-   *        Label to identify the text track
-   *
-   * @param {string} [options.language]
-   *        Two letter language abbreviation.
-   *
-   * @return {HTMLTrackElement}
-   *         The track element that gets created.
-   */
-  ;
-
-  _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-    var track = mergeOptions(options, {
-      tech: this
-    });
-    return new REMOTE.remoteTextEl.TrackClass(track);
-  }
-  /**
-   * Creates a remote text track object and returns an html track element.
-   *
-   * > Note: This can be an emulated {@link HTMLTrackElement} or a native one.
-   *
-   * @param {Object} options
-   *        See {@link Tech#createRemoteTextTrack} for more detailed properties.
-   *
-   * @param {boolean} [manualCleanup=true]
-   *        - When false: the TextTrack will be automatically removed from the video
-   *          element whenever the source changes
-   *        - When True: The TextTrack will have to be cleaned up manually
-   *
-   * @return {HTMLTrackElement}
-   *         An Html Track Element.
-   *
-   * @deprecated The default functionality for this function will be equivalent
-   *             to "manualCleanup=false" in the future. The manualCleanup parameter will
-   *             also be removed.
-   */
-  ;
-
-  _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-    var _this7 = this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    var htmlTrackElement = this.createRemoteTextTrack(options);
-
-    if (manualCleanup !== true && manualCleanup !== false) {
-      // deprecation warning
-      log.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
-      manualCleanup = true;
-    } // store HTMLTrackElement and TextTrack to remote list
-
-
-    this.remoteTextTrackEls().addTrackElement_(htmlTrackElement);
-    this.remoteTextTracks().addTrack(htmlTrackElement.track);
-
-    if (manualCleanup !== true) {
-      // create the TextTrackList if it doesn't exist
-      this.ready(function () {
-        return _this7.autoRemoteTextTracks_.addTrack(htmlTrackElement.track);
-      });
-    }
-
-    return htmlTrackElement;
-  }
-  /**
-   * Remove a remote text track from the remote `TextTrackList`.
-   *
-   * @param {TextTrack} track
-   *        `TextTrack` to remove from the `TextTrackList`
-   */
-  ;
-
-  _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-    var trackElement = this.remoteTextTrackEls().getTrackElementByTrack_(track); // remove HTMLTrackElement and TextTrack from remote list
-
-    this.remoteTextTrackEls().removeTrackElement_(trackElement);
-    this.remoteTextTracks().removeTrack(track);
-    this.autoRemoteTextTracks_.removeTrack(track);
-  }
-  /**
-   * Gets available media playback quality metrics as specified by the W3C's Media
-   * Playback Quality API.
-   *
-   * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-   *
-   * @return {Object}
-   *         An object with supported media playback quality metrics
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return {};
-  }
-  /**
-   * Attempt to create a floating video window always on top of other windows
-   * so that users may continue consuming media while they interact with other
-   * content sites, or applications on their device.
-   *
-   * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-   *
-   * @return {Promise|undefined}
-   *         A promise with a Picture-in-Picture window if the browser supports
-   *         Promises (or one was passed in as an option). It returns undefined
-   *         otherwise.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.requestPictureInPicture = function requestPictureInPicture() {
-    var PromiseClass = this.options_.Promise || window$1.Promise;
-
-    if (PromiseClass) {
-      return PromiseClass.reject();
-    }
-  }
-  /**
-   * A method to set a poster from a `Tech`.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.setPoster = function setPoster() {}
-  /**
-   * A method to check for the presence of the 'playsinline' <video> attribute.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.playsinline = function playsinline() {}
-  /**
-   * A method to set or unset the 'playsinline' <video> attribute.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.setPlaysinline = function setPlaysinline() {}
-  /**
-   * Attempt to force override of native audio tracks.
-   *
-   * @param {boolean} override - If set to true native audio will be overridden,
-   * otherwise native audio will potentially be used.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks() {}
-  /**
-   * Attempt to force override of native video tracks.
-   *
-   * @param {boolean} override - If set to true native video will be overridden,
-   * otherwise native video will potentially be used.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks() {}
-  /*
-   * Check if the tech can support the given mime-type.
-   *
-   * The base tech does not support any type, but source handlers might
-   * overwrite this.
-   *
-   * @param  {string} type
-   *         The mimetype to check for support
-   *
-   * @return {string}
-   *         'probably', 'maybe', or empty string
-   *
-   * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.canPlayType = function canPlayType() {
-    return '';
-  }
-  /**
-   * Check if the type is supported by this tech.
-   *
-   * The base tech does not support any type, but source handlers might
-   * overwrite this.
-   *
-   * @param {string} type
-   *        The media type to check
-   * @return {string} Returns the native video element's response
-   */
-  ;
-
-  Tech.canPlayType = function canPlayType() {
-    return '';
-  }
-  /**
-   * Check if the tech can support the given source
-   *
-   * @param {Object} srcObj
-   *        The source object
-   * @param {Object} options
-   *        The options passed to the tech
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-  ;
-
-  Tech.canPlaySource = function canPlaySource(srcObj, options) {
-    return Tech.canPlayType(srcObj.type);
-  }
-  /*
-   * Return whether the argument is a Tech or not.
-   * Can be passed either a Class like `Html5` or a instance like `player.tech_`
-   *
-   * @param {Object} component
-   *        The item to check
-   *
-   * @return {boolean}
-   *         Whether it is a tech or not
-   *         - True if it is a tech
-   *         - False if it is not
-   */
-  ;
-
-  Tech.isTech = function isTech(component) {
-    return component.prototype instanceof Tech || component instanceof Tech || component === Tech;
-  }
-  /**
-   * Registers a `Tech` into a shared list for videojs.
-   *
-   * @param {string} name
-   *        Name of the `Tech` to register.
-   *
-   * @param {Object} tech
-   *        The `Tech` class to register.
-   */
-  ;
-
-  Tech.registerTech = function registerTech(name, tech) {
-    if (!Tech.techs_) {
-      Tech.techs_ = {};
-    }
-
-    if (!Tech.isTech(tech)) {
-      throw new Error("Tech " + name + " must be a Tech");
-    }
-
-    if (!Tech.canPlayType) {
-      throw new Error('Techs must have a static canPlayType method on them');
-    }
-
-    if (!Tech.canPlaySource) {
-      throw new Error('Techs must have a static canPlaySource method on them');
-    }
-
-    name = toTitleCase(name);
-    Tech.techs_[name] = tech;
-    Tech.techs_[toLowerCase(name)] = tech;
-
-    if (name !== 'Tech') {
-      // camel case the techName for use in techOrder
-      Tech.defaultTechOrder_.push(name);
-    }
-
-    return tech;
-  }
-  /**
-   * Get a `Tech` from the shared list by name.
-   *
-   * @param {string} name
-   *        `camelCase` or `TitleCase` name of the Tech to get
-   *
-   * @return {Tech|undefined}
-   *         The `Tech` or undefined if there was no tech with the name requested.
-   */
-  ;
-
-  Tech.getTech = function getTech(name) {
-    if (!name) {
-      return;
-    }
-
-    if (Tech.techs_ && Tech.techs_[name]) {
-      return Tech.techs_[name];
-    }
-
-    name = toTitleCase(name);
-
-    if (window$1 && window$1.videojs && window$1.videojs[name]) {
-      log.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
-      return window$1.videojs[name];
-    }
-  };
-
-  return Tech;
-}(Component);
-/**
- * Get the {@link VideoTrackList}
- *
- * @returns {VideoTrackList}
- * @method Tech.prototype.videoTracks
- */
-
-/**
- * Get the {@link AudioTrackList}
- *
- * @returns {AudioTrackList}
- * @method Tech.prototype.audioTracks
- */
-
-/**
- * Get the {@link TextTrackList}
- *
- * @returns {TextTrackList}
- * @method Tech.prototype.textTracks
- */
-
-/**
- * Get the remote element {@link TextTrackList}
- *
- * @returns {TextTrackList}
- * @method Tech.prototype.remoteTextTracks
- */
-
-/**
- * Get the remote element {@link HtmlTrackElementList}
- *
- * @returns {HtmlTrackElementList}
- * @method Tech.prototype.remoteTextTrackEls
- */
-
-
-ALL.names.forEach(function (name) {
-  var props = ALL[name];
-
-  Tech.prototype[props.getterName] = function () {
-    this[props.privateName] = this[props.privateName] || new props.ListClass();
-    return this[props.privateName];
-  };
-});
-/**
- * List of associated text tracks
- *
- * @type {TextTrackList}
- * @private
- * @property Tech#textTracks_
- */
-
-/**
- * List of associated audio tracks.
- *
- * @type {AudioTrackList}
- * @private
- * @property Tech#audioTracks_
- */
-
-/**
- * List of associated video tracks.
- *
- * @type {VideoTrackList}
- * @private
- * @property Tech#videoTracks_
- */
-
-/**
- * Boolean indicating whether the `Tech` supports volume control.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresVolumeControl = true;
-/**
- * Boolean indicating whether the `Tech` supports muting volume.
- *
- * @type {bolean}
- * @default
- */
-
-Tech.prototype.featuresMuteControl = true;
-/**
- * Boolean indicating whether the `Tech` supports fullscreen resize control.
- * Resizing plugins using request fullscreen reloads the plugin
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresFullscreenResize = false;
-/**
- * Boolean indicating whether the `Tech` supports changing the speed at which the video
- * plays. Examples:
- *   - Set player to play 2x (twice) as fast
- *   - Set player to play 0.5x (half) as fast
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresPlaybackRate = false;
-/**
- * Boolean indicating whether the `Tech` supports the `progress` event. This is currently
- * not triggered by video-js-swf. This will be used to determine if
- * {@link Tech#manualProgressOn} should be called.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresProgressEvents = false;
-/**
- * Boolean indicating whether the `Tech` supports the `sourceset` event.
- *
- * A tech should set this to `true` and then use {@link Tech#triggerSourceset}
- * to trigger a {@link Tech#event:sourceset} at the earliest time after getting
- * a new source.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresSourceset = false;
-/**
- * Boolean indicating whether the `Tech` supports the `timeupdate` event. This is currently
- * not triggered by video-js-swf. This will be used to determine if
- * {@link Tech#manualTimeUpdates} should be called.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresTimeupdateEvents = false;
-/**
- * Boolean indicating whether the `Tech` supports the native `TextTrack`s.
- * This will help us integrate with native `TextTrack`s if the browser supports them.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresNativeTextTracks = false;
-/**
- * A functional mixin for techs that want to use the Source Handler pattern.
- * Source handlers are scripts for handling specific formats.
- * The source handler pattern is used for adaptive formats (HLS, DASH) that
- * manually load video data and feed it into a Source Buffer (Media Source Extensions)
- * Example: `Tech.withSourceHandlers.call(MyTech);`
- *
- * @param {Tech} _Tech
- *        The tech to add source handler functions to.
- *
- * @mixes Tech~SourceHandlerAdditions
- */
-
-Tech.withSourceHandlers = function (_Tech) {
-  /**
-   * Register a source handler
-   *
-   * @param {Function} handler
-   *        The source handler class
-   *
-   * @param {number} [index]
-   *        Register it at the following index
-   */
-  _Tech.registerSourceHandler = function (handler, index) {
-    var handlers = _Tech.sourceHandlers;
-
-    if (!handlers) {
-      handlers = _Tech.sourceHandlers = [];
-    }
-
-    if (index === undefined) {
-      // add to the end of the list
-      index = handlers.length;
-    }
-
-    handlers.splice(index, 0, handler);
-  };
-  /**
-   * Check if the tech can support the given type. Also checks the
-   * Techs sourceHandlers.
-   *
-   * @param {string} type
-   *         The mimetype to check.
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-
-
-  _Tech.canPlayType = function (type) {
-    var handlers = _Tech.sourceHandlers || [];
-    var can;
-
-    for (var i = 0; i < handlers.length; i++) {
-      can = handlers[i].canPlayType(type);
-
-      if (can) {
-        return can;
-      }
-    }
-
-    return '';
-  };
-  /**
-   * Returns the first source handler that supports the source.
-   *
-   * TODO: Answer question: should 'probably' be prioritized over 'maybe'
-   *
-   * @param {Tech~SourceObject} source
-   *        The source object
-   *
-   * @param {Object} options
-   *        The options passed to the tech
-   *
-   * @return {SourceHandler|null}
-   *          The first source handler that supports the source or null if
-   *          no SourceHandler supports the source
-   */
-
-
-  _Tech.selectSourceHandler = function (source, options) {
-    var handlers = _Tech.sourceHandlers || [];
-    var can;
-
-    for (var i = 0; i < handlers.length; i++) {
-      can = handlers[i].canHandleSource(source, options);
-
-      if (can) {
-        return handlers[i];
-      }
-    }
-
-    return null;
-  };
-  /**
-   * Check if the tech can support the given source.
-   *
-   * @param {Tech~SourceObject} srcObj
-   *        The source object
-   *
-   * @param {Object} options
-   *        The options passed to the tech
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-
-
-  _Tech.canPlaySource = function (srcObj, options) {
-    var sh = _Tech.selectSourceHandler(srcObj, options);
-
-    if (sh) {
-      return sh.canHandleSource(srcObj, options);
-    }
-
-    return '';
-  };
-  /**
-   * When using a source handler, prefer its implementation of
-   * any function normally provided by the tech.
-   */
-
-
-  var deferrable = ['seekable', 'seeking', 'duration'];
-  /**
-   * A wrapper around {@link Tech#seekable} that will call a `SourceHandler`s seekable
-   * function if it exists, with a fallback to the Techs seekable function.
-   *
-   * @method _Tech.seekable
-   */
-
-  /**
-   * A wrapper around {@link Tech#duration} that will call a `SourceHandler`s duration
-   * function if it exists, otherwise it will fallback to the techs duration function.
-   *
-   * @method _Tech.duration
-   */
-
-  deferrable.forEach(function (fnName) {
-    var originalFn = this[fnName];
-
-    if (typeof originalFn !== 'function') {
-      return;
-    }
-
-    this[fnName] = function () {
-      if (this.sourceHandler_ && this.sourceHandler_[fnName]) {
-        return this.sourceHandler_[fnName].apply(this.sourceHandler_, arguments);
-      }
-
-      return originalFn.apply(this, arguments);
-    };
-  }, _Tech.prototype);
-  /**
-   * Create a function for setting the source using a source object
-   * and source handlers.
-   * Should never be called unless a source handler was found.
-   *
-   * @param {Tech~SourceObject} source
-   *        A source object with src and type keys
-   */
-
-  _Tech.prototype.setSource = function (source) {
-    var sh = _Tech.selectSourceHandler(source, this.options_);
-
-    if (!sh) {
-      // Fall back to a native source hander when unsupported sources are
-      // deliberately set
-      if (_Tech.nativeSourceHandler) {
-        sh = _Tech.nativeSourceHandler;
-      } else {
-        log.error('No source handler found for the current source.');
-      }
-    } // Dispose any existing source handler
-
-
-    this.disposeSourceHandler();
-    this.off('dispose', this.disposeSourceHandler);
-
-    if (sh !== _Tech.nativeSourceHandler) {
-      this.currentSource_ = source;
-    }
-
-    this.sourceHandler_ = sh.handleSource(source, this, this.options_);
-    this.one('dispose', this.disposeSourceHandler);
-  };
-  /**
-   * Clean up any existing SourceHandlers and listeners when the Tech is disposed.
-   *
-   * @listens Tech#dispose
-   */
-
-
-  _Tech.prototype.disposeSourceHandler = function () {
-    // if we have a source and get another one
-    // then we are loading something new
-    // than clear all of our current tracks
-    if (this.currentSource_) {
-      this.clearTracks(['audio', 'video']);
-      this.currentSource_ = null;
-    } // always clean up auto-text tracks
-
-
-    this.cleanupAutoTextTracks();
-
-    if (this.sourceHandler_) {
-      if (this.sourceHandler_.dispose) {
-        this.sourceHandler_.dispose();
-      }
-
-      this.sourceHandler_ = null;
-    }
-  };
-}; // The base Tech class needs to be registered as a Component. It is the only
-// Tech that can be registered as a Component.
-
-
-Component.registerComponent('Tech', Tech);
-Tech.registerTech('Tech', Tech);
-/**
- * A list of techs that should be added to techOrder on Players
- *
- * @private
- */
-
-Tech.defaultTechOrder_ = [];
-
-/**
- * @file middleware.js
- * @module middleware
- */
-var middlewares = {};
-var middlewareInstances = {};
-var TERMINATOR = {};
-/**
- * A middleware object is a plain JavaScript object that has methods that
- * match the {@link Tech} methods found in the lists of allowed
- * {@link module:middleware.allowedGetters|getters},
- * {@link module:middleware.allowedSetters|setters}, and
- * {@link module:middleware.allowedMediators|mediators}.
- *
- * @typedef {Object} MiddlewareObject
- */
-
-/**
- * A middleware factory function that should return a
- * {@link module:middleware~MiddlewareObject|MiddlewareObject}.
- *
- * This factory will be called for each player when needed, with the player
- * passed in as an argument.
- *
- * @callback MiddlewareFactory
- * @param {Player} player
- *        A Video.js player.
- */
-
-/**
- * Define a middleware that the player should use by way of a factory function
- * that returns a middleware object.
- *
- * @param  {string} type
- *         The MIME type to match or `"*"` for all MIME types.
- *
- * @param  {MiddlewareFactory} middleware
- *         A middleware factory function that will be executed for
- *         matching types.
- */
-
-function use(type, middleware) {
-  middlewares[type] = middlewares[type] || [];
-  middlewares[type].push(middleware);
-}
-/**
- * Asynchronously sets a source using middleware by recursing through any
- * matching middlewares and calling `setSource` on each, passing along the
- * previous returned value each time.
- *
- * @param  {Player} player
- *         A {@link Player} instance.
- *
- * @param  {Tech~SourceObject} src
- *         A source object.
- *
- * @param  {Function}
- *         The next middleware to run.
- */
-
-function setSource(player, src, next) {
-  player.setTimeout(function () {
-    return setSourceHelper(src, middlewares[src.type], next, player);
-  }, 1);
-}
-/**
- * When the tech is set, passes the tech to each middleware's `setTech` method.
- *
- * @param {Object[]} middleware
- *        An array of middleware instances.
- *
- * @param {Tech} tech
- *        A Video.js tech.
- */
-
-function setTech(middleware, tech) {
-  middleware.forEach(function (mw) {
-    return mw.setTech && mw.setTech(tech);
-  });
-}
-/**
- * Calls a getter on the tech first, through each middleware
- * from right to left to the player.
- *
- * @param  {Object[]} middleware
- *         An array of middleware instances.
- *
- * @param  {Tech} tech
- *         The current tech.
- *
- * @param  {string} method
- *         A method name.
- *
- * @return {Mixed}
- *         The final value from the tech after middleware has intercepted it.
- */
-
-function get(middleware, tech, method) {
-  return middleware.reduceRight(middlewareIterator(method), tech[method]());
-}
-/**
- * Takes the argument given to the player and calls the setter method on each
- * middleware from left to right to the tech.
- *
- * @param  {Object[]} middleware
- *         An array of middleware instances.
- *
- * @param  {Tech} tech
- *         The current tech.
- *
- * @param  {string} method
- *         A method name.
- *
- * @param  {Mixed} arg
- *         The value to set on the tech.
- *
- * @return {Mixed}
- *         The return value of the `method` of the `tech`.
- */
-
-function set(middleware, tech, method, arg) {
-  return tech[method](middleware.reduce(middlewareIterator(method), arg));
-}
-/**
- * Takes the argument given to the player and calls the `call` version of the
- * method on each middleware from left to right.
- *
- * Then, call the passed in method on the tech and return the result unchanged
- * back to the player, through middleware, this time from right to left.
- *
- * @param  {Object[]} middleware
- *         An array of middleware instances.
- *
- * @param  {Tech} tech
- *         The current tech.
- *
- * @param  {string} method
- *         A method name.
- *
- * @param  {Mixed} arg
- *         The value to set on the tech.
- *
- * @return {Mixed}
- *         The return value of the `method` of the `tech`, regardless of the
- *         return values of middlewares.
- */
-
-function mediate(middleware, tech, method, arg) {
-  if (arg === void 0) {
-    arg = null;
-  }
-
-  var callMethod = 'call' + toTitleCase(method);
-  var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-  var terminated = middlewareValue === TERMINATOR; // deprecated. The `null` return value should instead return TERMINATOR to
-  // prevent confusion if a techs method actually returns null.
-
-  var returnValue = terminated ? null : tech[method](middlewareValue);
-  executeRight(middleware, method, returnValue, terminated);
-  return returnValue;
-}
-/**
- * Enumeration of allowed getters where the keys are method names.
- *
- * @type {Object}
- */
-
-var allowedGetters = {
-  buffered: 1,
-  currentTime: 1,
-  duration: 1,
-  muted: 1,
-  played: 1,
-  paused: 1,
-  seekable: 1,
-  volume: 1
-};
-/**
- * Enumeration of allowed setters where the keys are method names.
- *
- * @type {Object}
- */
-
-var allowedSetters = {
-  setCurrentTime: 1,
-  setMuted: 1,
-  setVolume: 1
-};
-/**
- * Enumeration of allowed mediators where the keys are method names.
- *
- * @type {Object}
- */
-
-var allowedMediators = {
-  play: 1,
-  pause: 1
-};
-
-function middlewareIterator(method) {
-  return function (value, mw) {
-    // if the previous middleware terminated, pass along the termination
-    if (value === TERMINATOR) {
-      return TERMINATOR;
-    }
-
-    if (mw[method]) {
-      return mw[method](value);
-    }
-
-    return value;
-  };
-}
-
-function executeRight(mws, method, value, terminated) {
-  for (var i = mws.length - 1; i >= 0; i--) {
-    var mw = mws[i];
-
-    if (mw[method]) {
-      mw[method](terminated, value);
-    }
-  }
-}
-/**
- * Clear the middleware cache for a player.
- *
- * @param  {Player} player
- *         A {@link Player} instance.
- */
-
-
-function clearCacheForPlayer(player) {
-  middlewareInstances[player.id()] = null;
-}
-/**
- * {
- *  [playerId]: [[mwFactory, mwInstance], ...]
- * }
- *
- * @private
- */
-
-function getOrCreateFactory(player, mwFactory) {
-  var mws = middlewareInstances[player.id()];
-  var mw = null;
-
-  if (mws === undefined || mws === null) {
-    mw = mwFactory(player);
-    middlewareInstances[player.id()] = [[mwFactory, mw]];
-    return mw;
-  }
-
-  for (var i = 0; i < mws.length; i++) {
-    var _mws$i = mws[i],
-        mwf = _mws$i[0],
-        mwi = _mws$i[1];
-
-    if (mwf !== mwFactory) {
-      continue;
-    }
-
-    mw = mwi;
-  }
-
-  if (mw === null) {
-    mw = mwFactory(player);
-    mws.push([mwFactory, mw]);
-  }
-
-  return mw;
-}
-
-function setSourceHelper(src, middleware, next, player, acc, lastRun) {
-  if (src === void 0) {
-    src = {};
-  }
-
-  if (middleware === void 0) {
-    middleware = [];
-  }
-
-  if (acc === void 0) {
-    acc = [];
-  }
-
-  if (lastRun === void 0) {
-    lastRun = false;
-  }
-
-  var _middleware = middleware,
-      mwFactory = _middleware[0],
-      mwrest = _middleware.slice(1); // if mwFactory is a string, then we're at a fork in the road
-
-
-  if (typeof mwFactory === 'string') {
-    setSourceHelper(src, middlewares[mwFactory], next, player, acc, lastRun); // if we have an mwFactory, call it with the player to get the mw,
-    // then call the mw's setSource method
-  } else if (mwFactory) {
-    var mw = getOrCreateFactory(player, mwFactory); // if setSource isn't present, implicitly select this middleware
-
-    if (!mw.setSource) {
-      acc.push(mw);
-      return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-    }
-
-    mw.setSource(assign({}, src), function (err, _src) {
-      // something happened, try the next middleware on the current level
-      // make sure to use the old src
-      if (err) {
-        return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-      } // we've succeeded, now we need to go deeper
-
-
-      acc.push(mw); // if it's the same type, continue down the current chain
-      // otherwise, we want to go down the new chain
-
-      setSourceHelper(_src, src.type === _src.type ? mwrest : middlewares[_src.type], next, player, acc, lastRun);
-    });
-  } else if (mwrest.length) {
-    setSourceHelper(src, mwrest, next, player, acc, lastRun);
-  } else if (lastRun) {
-    next(src, acc);
-  } else {
-    setSourceHelper(src, middlewares['*'], next, player, acc, true);
-  }
-}
-
-/**
- * Mimetypes
- *
- * @see http://hul.harvard.edu/ois/////systems/wax/wax-public-help/mimetypes.htm
- * @typedef Mimetypes~Kind
- * @enum
- */
-
-var MimetypesKind = {
-  opus: 'video/ogg',
-  ogv: 'video/ogg',
-  mp4: 'video/mp4',
-  mov: 'video/mp4',
-  m4v: 'video/mp4',
-  mkv: 'video/x-matroska',
-  m4a: 'audio/mp4',
-  mp3: 'audio/mpeg',
-  aac: 'audio/aac',
-  oga: 'audio/ogg',
-  m3u8: 'application/x-mpegURL',
-  jpg: 'image/jpeg',
-  jpeg: 'image/jpeg',
-  gif: 'image/gif',
-  png: 'image/png',
-  svg: 'image/svg+xml',
-  webp: 'image/webp'
-};
-/**
- * Get the mimetype of a given src url if possible
- *
- * @param {string} src
- *        The url to the src
- *
- * @return {string}
- *         return the mimetype if it was known or empty string otherwise
- */
-
-var getMimetype = function getMimetype(src) {
-  if (src === void 0) {
-    src = '';
-  }
-
-  var ext = getFileExtension(src);
-  var mimetype = MimetypesKind[ext.toLowerCase()];
-  return mimetype || '';
-};
-/**
- * Find the mime type of a given source string if possible. Uses the player
- * source cache.
- *
- * @param {Player} player
- *        The player object
- *
- * @param {string} src
- *        The source string
- *
- * @return {string}
- *         The type that was found
- */
-
-var findMimetype = function findMimetype(player, src) {
-  if (!src) {
-    return '';
-  } // 1. check for the type in the `source` cache
-
-
-  if (player.cache_.source.src === src && player.cache_.source.type) {
-    return player.cache_.source.type;
-  } // 2. see if we have this source in our `currentSources` cache
-
-
-  var matchingSources = player.cache_.sources.filter(function (s) {
-    return s.src === src;
-  });
-
-  if (matchingSources.length) {
-    return matchingSources[0].type;
-  } // 3. look for the src url in source elements and use the type there
-
-
-  var sources = player.$$('source');
-
-  for (var i = 0; i < sources.length; i++) {
-    var s = sources[i];
-
-    if (s.type && s.src && s.src === src) {
-      return s.type;
-    }
-  } // 4. finally fallback to our list of mime types based on src url extension
-
-
-  return getMimetype(src);
-};
-
-/**
- * @module filter-source
- */
-/**
- * Filter out single bad source objects or multiple source objects in an
- * array. Also flattens nested source object arrays into a 1 dimensional
- * array of source objects.
- *
- * @param {Tech~SourceObject|Tech~SourceObject[]} src
- *        The src object to filter
- *
- * @return {Tech~SourceObject[]}
- *         An array of sourceobjects containing only valid sources
- *
- * @private
- */
-
-var filterSource = function filterSource(src) {
-  // traverse array
-  if (Array.isArray(src)) {
-    var newsrc = [];
-    src.forEach(function (srcobj) {
-      srcobj = filterSource(srcobj);
-
-      if (Array.isArray(srcobj)) {
-        newsrc = newsrc.concat(srcobj);
-      } else if (isObject(srcobj)) {
-        newsrc.push(srcobj);
-      }
-    });
-    src = newsrc;
-  } else if (typeof src === 'string' && src.trim()) {
-    // convert string into object
-    src = [fixSource({
-      src: src
-    })];
-  } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-    // src is already valid
-    src = [fixSource(src)];
-  } else {
-    // invalid source, turn it into an empty array
-    src = [];
-  }
-
-  return src;
-};
-/**
- * Checks src mimetype, adding it when possible
- *
- * @param {Tech~SourceObject} src
- *        The src object to check
- * @return {Tech~SourceObject}
- *        src Object with known type
- */
-
-
-function fixSource(src) {
-  if (!src.type) {
-    var mimetype = getMimetype(src.src);
-
-    if (mimetype) {
-      src.type = mimetype;
-    }
-  }
-
-  return src;
-}
-
-/**
- * The `MediaLoader` is the `Component` that decides which playback technology to load
- * when a player is initialized.
- *
- * @extends Component
- */
-
-var MediaLoader =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(MediaLoader, _Component);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should attach to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function that is run when this component is ready.
-   */
-  function MediaLoader(player, options, ready) {
-    var _this;
-
-    // MediaLoader has no element
-    var options_ = mergeOptions({
-      createEl: false
-    }, options);
-    _this = _Component.call(this, player, options_, ready) || this; // If there are no sources when the player is initialized,
-    // load the first supported playback technology.
-
-    if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {
-      for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {
-        var techName = toTitleCase(j[i]);
-        var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-        // Remove once that deprecated behavior is removed.
-
-        if (!techName) {
-          tech = Component.getComponent(techName);
-        } // Check if the browser supports this technology
-
-
-        if (tech && tech.isSupported()) {
-          player.loadTech_(techName);
-          break;
-        }
-      }
-    } else {
-      // Loop through playback technologies (HTML5, Flash) and check for support.
-      // Then load the best source.
-      // A few assumptions here:
-      //   All playback technologies respect preload false.
-      player.src(options.playerOptions.sources);
-    }
-
-    return _this;
-  }
-
-  return MediaLoader;
-}(Component);
-
-Component.registerComponent('MediaLoader', MediaLoader);
-
-/**
- * Component which is clickable or keyboard actionable, but is not a
- * native HTML button.
- *
- * @extends Component
- */
-
-var ClickableComponent =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ClickableComponent, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param  {Player} player
-   *         The `Player` that this class should be attached to.
-   *
-   * @param  {Object} [options]
-   *         The key/value store of player options.
-   *
-   * @param  {function} [options.clickHandler]
-   *         The function to call when the button is clicked / activated
-   */
-  function ClickableComponent(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-
-    _this.emitTapEvents();
-
-    _this.enable();
-
-    return _this;
-  }
-  /**
-   * Create the `ClickableComponent`s DOM element.
-   *
-   * @param {string} [tag=div]
-   *        The element's node type.
-   *
-   * @param {Object} [props={}]
-   *        An object of properties that should be set on the element.
-   *
-   * @param {Object} [attributes={}]
-   *        An object of attributes that should be set on the element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  var _proto = ClickableComponent.prototype;
-
-  _proto.createEl = function createEl(tag, props, attributes) {
-    if (tag === void 0) {
-      tag = 'div';
-    }
-
-    if (props === void 0) {
-      props = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    props = assign({
-      innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-      className: this.buildCSSClass(),
-      tabIndex: 0
-    }, props);
-
-    if (tag === 'button') {
-      log.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
-    } // Add ARIA attributes for clickable element which is not a native HTML button
-
-
-    attributes = assign({
-      role: 'button'
-    }, attributes);
-    this.tabIndex_ = props.tabIndex;
-
-    var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-    this.createControlTextEl(el);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    // remove controlTextEl_ on dispose
-    this.controlTextEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Create a control text element on this `ClickableComponent`
-   *
-   * @param {Element} [el]
-   *        Parent element for the control text.
-   *
-   * @return {Element}
-   *         The control text element that gets created.
-   */
-  ;
-
-  _proto.createControlTextEl = function createControlTextEl(el) {
-    this.controlTextEl_ = createEl('span', {
-      className: 'vjs-control-text'
-    }, {
-      // let the screen reader user know that the text of the element may change
-      'aria-live': 'polite'
-    });
-
-    if (el) {
-      el.appendChild(this.controlTextEl_);
-    }
-
-    this.controlText(this.controlText_, el);
-    return this.controlTextEl_;
-  }
-  /**
-   * Get or set the localize text to use for the controls on the `ClickableComponent`.
-   *
-   * @param {string} [text]
-   *        Control text for element.
-   *
-   * @param {Element} [el=this.el()]
-   *        Element to set the title on.
-   *
-   * @return {string}
-   *         - The control text when getting
-   */
-  ;
-
-  _proto.controlText = function controlText(text, el) {
-    if (el === void 0) {
-      el = this.el();
-    }
-
-    if (text === undefined) {
-      return this.controlText_ || 'Need Text';
-    }
-
-    var localizedText = this.localize(text);
-    this.controlText_ = text;
-    textContent(this.controlTextEl_, localizedText);
-
-    if (!this.nonIconControl) {
-      // Set title attribute if only an icon is shown
-      el.setAttribute('title', localizedText);
-    }
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-control vjs-button " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Enable this `ClickableComponent`
-   */
-  ;
-
-  _proto.enable = function enable() {
-    if (!this.enabled_) {
-      this.enabled_ = true;
-      this.removeClass('vjs-disabled');
-      this.el_.setAttribute('aria-disabled', 'false');
-
-      if (typeof this.tabIndex_ !== 'undefined') {
-        this.el_.setAttribute('tabIndex', this.tabIndex_);
-      }
-
-      this.on(['tap', 'click'], this.handleClick);
-      this.on('keydown', this.handleKeyDown);
-    }
-  }
-  /**
-   * Disable this `ClickableComponent`
-   */
-  ;
-
-  _proto.disable = function disable() {
-    this.enabled_ = false;
-    this.addClass('vjs-disabled');
-    this.el_.setAttribute('aria-disabled', 'true');
-
-    if (typeof this.tabIndex_ !== 'undefined') {
-      this.el_.removeAttribute('tabIndex');
-    }
-
-    this.off('mouseover', this.handleMouseOver);
-    this.off('mouseout', this.handleMouseOut);
-    this.off(['tap', 'click'], this.handleClick);
-    this.off('keydown', this.handleKeyDown);
-  }
-  /**
-   * Event handler that is called when a `ClickableComponent` receives a
-   * `click` or `tap` event.
-   *
-   * @param {EventTarget~Event} event
-   *        The `tap` or `click` event that caused this function to be called.
-   *
-   * @listens tap
-   * @listens click
-   * @abstract
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (this.options_.clickHandler) {
-      this.options_.clickHandler.call(this, arguments);
-    }
-  }
-  /**
-   * Event handler that is called when a `ClickableComponent` receives a
-   * `keydown` event.
-   *
-   * By default, if the key is Space or Enter, it will trigger a `click` event.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Support Space or Enter key operation to fire a click event. Also,
-    // prevent the event from propagating through the DOM and triggering
-    // Player hotkeys.
-    if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.trigger('click');
-    } else {
-      // Pass keypress handling up for unsupported keys
-      _Component.prototype.handleKeyDown.call(this, event);
-    }
-  };
-
-  return ClickableComponent;
-}(Component);
-
-Component.registerComponent('ClickableComponent', ClickableComponent);
-
-/**
- * A `ClickableComponent` that handles showing the poster image for the player.
- *
- * @extends ClickableComponent
- */
-
-var PosterImage =
-/*#__PURE__*/
-function (_ClickableComponent) {
-  _inheritsLoose(PosterImage, _ClickableComponent);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should attach to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function PosterImage(player, options) {
-    var _this;
-
-    _this = _ClickableComponent.call(this, player, options) || this;
-
-    _this.update();
-
-    player.on('posterchange', bind(_assertThisInitialized(_this), _this.update));
-    return _this;
-  }
-  /**
-   * Clean up and dispose of the `PosterImage`.
-   */
-
-
-  var _proto = PosterImage.prototype;
-
-  _proto.dispose = function dispose() {
-    this.player().off('posterchange', this.update);
-
-    _ClickableComponent.prototype.dispose.call(this);
-  }
-  /**
-   * Create the `PosterImage`s DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl$1() {
-    var el = createEl('div', {
-      className: 'vjs-poster',
-      // Don't want poster to be tabbable.
-      tabIndex: -1
-    });
-    return el;
-  }
-  /**
-   * An {@link EventTarget~EventListener} for {@link Player#posterchange} events.
-   *
-   * @listens Player#posterchange
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `Player#posterchange` event that triggered this function.
-   */
-  ;
-
-  _proto.update = function update(event) {
-    var url = this.player().poster();
-    this.setSrc(url); // If there's no poster source we should display:none on this component
-    // so it's not still clickable or right-clickable
-
-    if (url) {
-      this.show();
-    } else {
-      this.hide();
-    }
-  }
-  /**
-   * Set the source of the `PosterImage` depending on the display method.
-   *
-   * @param {string} url
-   *        The URL to the source for the `PosterImage`.
-   */
-  ;
-
-  _proto.setSrc = function setSrc(url) {
-    var backgroundImage = ''; // Any falsy value should stay as an empty string, otherwise
-    // this will throw an extra error
-
-    if (url) {
-      backgroundImage = "url(\"" + url + "\")";
-    }
-
-    this.el_.style.backgroundImage = backgroundImage;
-  }
-  /**
-   * An {@link EventTarget~EventListener} for clicks on the `PosterImage`. See
-   * {@link ClickableComponent#handleClick} for instances where this will be triggered.
-   *
-   * @listens tap
-   * @listens click
-   * @listens keydown
-   *
-   * @param {EventTarget~Event} event
-   +        The `click`, `tap` or `keydown` event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    // We don't want a click to trigger playback when controls are disabled
-    if (!this.player_.controls()) {
-      return;
-    }
-
-    if (this.player_.tech(true)) {
-      this.player_.tech(true).focus();
-    }
-
-    if (this.player_.paused()) {
-      silencePromise(this.player_.play());
-    } else {
-      this.player_.pause();
-    }
-  };
-
-  return PosterImage;
-}(ClickableComponent);
-
-Component.registerComponent('PosterImage', PosterImage);
-
-var darkGray = '#222';
-var lightGray = '#ccc';
-var fontMap = {
-  monospace: 'monospace',
-  sansSerif: 'sans-serif',
-  serif: 'serif',
-  monospaceSansSerif: '"Andale Mono", "Lucida Console", monospace',
-  monospaceSerif: '"Courier New", monospace',
-  proportionalSansSerif: 'sans-serif',
-  proportionalSerif: 'serif',
-  casual: '"Comic Sans MS", Impact, fantasy',
-  script: '"Monotype Corsiva", cursive',
-  smallcaps: '"Andale Mono", "Lucida Console", monospace, sans-serif'
-};
-/**
- * Construct an rgba color from a given hex color code.
- *
- * @param {number} color
- *        Hex number for color, like #f0e or #f604e2.
- *
- * @param {number} opacity
- *        Value for opacity, 0.0 - 1.0.
- *
- * @return {string}
- *         The rgba color that was created, like 'rgba(255, 0, 0, 0.3)'.
- */
-
-function constructColor(color, opacity) {
-  var hex;
-
-  if (color.length === 4) {
-    // color looks like "#f0e"
-    hex = color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
-  } else if (color.length === 7) {
-    // color looks like "#f604e2"
-    hex = color.slice(1);
-  } else {
-    throw new Error('Invalid color code provided, ' + color + '; must be formatted as e.g. #f0e or #f604e2.');
-  }
-
-  return 'rgba(' + parseInt(hex.slice(0, 2), 16) + ',' + parseInt(hex.slice(2, 4), 16) + ',' + parseInt(hex.slice(4, 6), 16) + ',' + opacity + ')';
-}
-/**
- * Try to update the style of a DOM element. Some style changes will throw an error,
- * particularly in IE8. Those should be noops.
- *
- * @param {Element} el
- *        The DOM element to be styled.
- *
- * @param {string} style
- *        The CSS property on the element that should be styled.
- *
- * @param {string} rule
- *        The style rule that should be applied to the property.
- *
- * @private
- */
-
-function tryUpdateStyle(el, style, rule) {
-  try {
-    el.style[style] = rule;
-  } catch (e) {
-    // Satisfies linter.
-    return;
-  }
-}
-/**
- * The component for displaying text track cues.
- *
- * @extends Component
- */
-
-
-var TextTrackDisplay =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(TextTrackDisplay, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when `TextTrackDisplay` is ready.
-   */
-  function TextTrackDisplay(player, options, ready) {
-    var _this;
-
-    _this = _Component.call(this, player, options, ready) || this;
-    var updateDisplayHandler = bind(_assertThisInitialized(_this), _this.updateDisplay);
-    player.on('loadstart', bind(_assertThisInitialized(_this), _this.toggleDisplay));
-    player.on('texttrackchange', updateDisplayHandler);
-    player.on('loadedmetadata', bind(_assertThisInitialized(_this), _this.preselectTrack)); // This used to be called during player init, but was causing an error
-    // if a track should show by default and the display hadn't loaded yet.
-    // Should probably be moved to an external track loader when we support
-    // tracks that don't need a display.
-
-    player.ready(bind(_assertThisInitialized(_this), function () {
-      if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-        this.hide();
-        return;
-      }
-
-      player.on('fullscreenchange', updateDisplayHandler);
-      player.on('playerresize', updateDisplayHandler);
-      window$1.addEventListener('orientationchange', updateDisplayHandler);
-      player.on('dispose', function () {
-        return window$1.removeEventListener('orientationchange', updateDisplayHandler);
-      });
-      var tracks = this.options_.playerOptions.tracks || [];
-
-      for (var i = 0; i < tracks.length; i++) {
-        this.player_.addRemoteTextTrack(tracks[i], true);
-      }
-
-      this.preselectTrack();
-    }));
-    return _this;
-  }
-  /**
-  * Preselect a track following this precedence:
-  * - matches the previously selected {@link TextTrack}'s language and kind
-  * - matches the previously selected {@link TextTrack}'s language only
-  * - is the first default captions track
-  * - is the first default descriptions track
-  *
-  * @listens Player#loadstart
-  */
-
-
-  var _proto = TextTrackDisplay.prototype;
-
-  _proto.preselectTrack = function preselectTrack() {
-    var modes = {
-      captions: 1,
-      subtitles: 1
-    };
-    var trackList = this.player_.textTracks();
-    var userPref = this.player_.cache_.selectedLanguage;
-    var firstDesc;
-    var firstCaptions;
-    var preferredTrack;
-
-    for (var i = 0; i < trackList.length; i++) {
-      var track = trackList[i];
-
-      if (userPref && userPref.enabled && userPref.language && userPref.language === track.language && track.kind in modes) {
-        // Always choose the track that matches both language and kind
-        if (track.kind === userPref.kind) {
-          preferredTrack = track; // or choose the first track that matches language
-        } else if (!preferredTrack) {
-          preferredTrack = track;
-        } // clear everything if offTextTrackMenuItem was clicked
-
-      } else if (userPref && !userPref.enabled) {
-        preferredTrack = null;
-        firstDesc = null;
-        firstCaptions = null;
-      } else if (track["default"]) {
-        if (track.kind === 'descriptions' && !firstDesc) {
-          firstDesc = track;
-        } else if (track.kind in modes && !firstCaptions) {
-          firstCaptions = track;
-        }
-      }
-    } // The preferredTrack matches the user preference and takes
-    // precedence over all the other tracks.
-    // So, display the preferredTrack before the first default track
-    // and the subtitles/captions track before the descriptions track
-
-
-    if (preferredTrack) {
-      preferredTrack.mode = 'showing';
-    } else if (firstCaptions) {
-      firstCaptions.mode = 'showing';
-    } else if (firstDesc) {
-      firstDesc.mode = 'showing';
-    }
-  }
-  /**
-   * Turn display of {@link TextTrack}'s from the current state into the other state.
-   * There are only two states:
-   * - 'shown'
-   * - 'hidden'
-   *
-   * @listens Player#loadstart
-   */
-  ;
-
-  _proto.toggleDisplay = function toggleDisplay() {
-    if (this.player_.tech_ && this.player_.tech_.featuresNativeTextTracks) {
-      this.hide();
-    } else {
-      this.show();
-    }
-  }
-  /**
-   * Create the {@link Component}'s DOM element.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-text-track-display'
-    }, {
-      'aria-live': 'off',
-      'aria-atomic': 'true'
-    });
-  }
-  /**
-   * Clear all displayed {@link TextTrack}s.
-   */
-  ;
-
-  _proto.clearDisplay = function clearDisplay() {
-    if (typeof window$1.WebVTT === 'function') {
-      window$1.WebVTT.processCues(window$1, [], this.el_);
-    }
-  }
-  /**
-   * Update the displayed TextTrack when a either a {@link Player#texttrackchange} or
-   * a {@link Player#fullscreenchange} is fired.
-   *
-   * @listens Player#texttrackchange
-   * @listens Player#fullscreenchange
-   */
-  ;
-
-  _proto.updateDisplay = function updateDisplay() {
-    var tracks = this.player_.textTracks();
-    var allowMultipleShowingTracks = this.options_.allowMultipleShowingTracks;
-    this.clearDisplay();
-
-    if (allowMultipleShowingTracks) {
-      var showingTracks = [];
-
-      for (var _i = 0; _i < tracks.length; ++_i) {
-        var track = tracks[_i];
-
-        if (track.mode !== 'showing') {
-          continue;
-        }
-
-        showingTracks.push(track);
-      }
-
-      this.updateForTrack(showingTracks);
-      return;
-    } //  Track display prioritization model: if multiple tracks are 'showing',
-    //  display the first 'subtitles' or 'captions' track which is 'showing',
-    //  otherwise display the first 'descriptions' track which is 'showing'
-
-
-    var descriptionsTrack = null;
-    var captionsSubtitlesTrack = null;
-    var i = tracks.length;
-
-    while (i--) {
-      var _track = tracks[i];
-
-      if (_track.mode === 'showing') {
-        if (_track.kind === 'descriptions') {
-          descriptionsTrack = _track;
-        } else {
-          captionsSubtitlesTrack = _track;
-        }
-      }
-    }
-
-    if (captionsSubtitlesTrack) {
-      if (this.getAttribute('aria-live') !== 'off') {
-        this.setAttribute('aria-live', 'off');
-      }
-
-      this.updateForTrack(captionsSubtitlesTrack);
-    } else if (descriptionsTrack) {
-      if (this.getAttribute('aria-live') !== 'assertive') {
-        this.setAttribute('aria-live', 'assertive');
-      }
-
-      this.updateForTrack(descriptionsTrack);
-    }
-  }
-  /**
-   * Style {@Link TextTrack} activeCues according to {@Link TextTrackSettings}.
-   *
-   * @param {TextTrack} track
-   *        Text track object containing active cues to style.
-   */
-  ;
-
-  _proto.updateDisplayState = function updateDisplayState(track) {
-    var overrides = this.player_.textTrackSettings.getValues();
-    var cues = track.activeCues;
-    var i = cues.length;
-
-    while (i--) {
-      var cue = cues[i];
-
-      if (!cue) {
-        continue;
-      }
-
-      var cueDiv = cue.displayState;
-
-      if (overrides.color) {
-        cueDiv.firstChild.style.color = overrides.color;
-      }
-
-      if (overrides.textOpacity) {
-        tryUpdateStyle(cueDiv.firstChild, 'color', constructColor(overrides.color || '#fff', overrides.textOpacity));
-      }
-
-      if (overrides.backgroundColor) {
-        cueDiv.firstChild.style.backgroundColor = overrides.backgroundColor;
-      }
-
-      if (overrides.backgroundOpacity) {
-        tryUpdateStyle(cueDiv.firstChild, 'backgroundColor', constructColor(overrides.backgroundColor || '#000', overrides.backgroundOpacity));
-      }
-
-      if (overrides.windowColor) {
-        if (overrides.windowOpacity) {
-          tryUpdateStyle(cueDiv, 'backgroundColor', constructColor(overrides.windowColor, overrides.windowOpacity));
-        } else {
-          cueDiv.style.backgroundColor = overrides.windowColor;
-        }
-      }
-
-      if (overrides.edgeStyle) {
-        if (overrides.edgeStyle === 'dropshadow') {
-          cueDiv.firstChild.style.textShadow = "2px 2px 3px " + darkGray + ", 2px 2px 4px " + darkGray + ", 2px 2px 5px " + darkGray;
-        } else if (overrides.edgeStyle === 'raised') {
-          cueDiv.firstChild.style.textShadow = "1px 1px " + darkGray + ", 2px 2px " + darkGray + ", 3px 3px " + darkGray;
-        } else if (overrides.edgeStyle === 'depressed') {
-          cueDiv.firstChild.style.textShadow = "1px 1px " + lightGray + ", 0 1px " + lightGray + ", -1px -1px " + darkGray + ", 0 -1px " + darkGray;
-        } else if (overrides.edgeStyle === 'uniform') {
-          cueDiv.firstChild.style.textShadow = "0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray;
-        }
-      }
-
-      if (overrides.fontPercent && overrides.fontPercent !== 1) {
-        var fontSize = window$1.parseFloat(cueDiv.style.fontSize);
-        cueDiv.style.fontSize = fontSize * overrides.fontPercent + 'px';
-        cueDiv.style.height = 'auto';
-        cueDiv.style.top = 'auto';
-        cueDiv.style.bottom = '2px';
-      }
-
-      if (overrides.fontFamily && overrides.fontFamily !== 'default') {
-        if (overrides.fontFamily === 'small-caps') {
-          cueDiv.firstChild.style.fontVariant = 'small-caps';
-        } else {
-          cueDiv.firstChild.style.fontFamily = fontMap[overrides.fontFamily];
-        }
-      }
-    }
-  }
-  /**
-   * Add an {@link TextTrack} to to the {@link Tech}s {@link TextTrackList}.
-   *
-   * @param {TextTrack|TextTrack[]} tracks
-   *        Text track object or text track array to be added to the list.
-   */
-  ;
-
-  _proto.updateForTrack = function updateForTrack(tracks) {
-    if (!Array.isArray(tracks)) {
-      tracks = [tracks];
-    }
-
-    if (typeof window$1.WebVTT !== 'function' || tracks.every(function (track) {
-      return !track.activeCues;
-    })) {
-      return;
-    }
-
-    var cues = []; // push all active track cues
-
-    for (var i = 0; i < tracks.length; ++i) {
-      var track = tracks[i];
-
-      for (var j = 0; j < track.activeCues.length; ++j) {
-        cues.push(track.activeCues[j]);
-      }
-    } // removes all cues before it processes new ones
-
-
-    window$1.WebVTT.processCues(window$1, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
-
-    for (var _i2 = 0; _i2 < tracks.length; ++_i2) {
-      var _track2 = tracks[_i2];
-
-      for (var _j = 0; _j < _track2.activeCues.length; ++_j) {
-        var cueEl = _track2.activeCues[_j].displayState;
-        addClass(cueEl, 'vjs-text-track-cue');
-        addClass(cueEl, 'vjs-text-track-cue-' + (_track2.language ? _track2.language : _i2));
-      }
-
-      if (this.player_.textTrackSettings) {
-        this.updateDisplayState(_track2);
-      }
-    }
-  };
-
-  return TextTrackDisplay;
-}(Component);
-
-Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-/**
- * A loading spinner for use during waiting/loading events.
- *
- * @extends Component
- */
-
-var LoadingSpinner =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(LoadingSpinner, _Component);
-
-  function LoadingSpinner() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = LoadingSpinner.prototype;
-
-  /**
-   * Create the `LoadingSpinner`s DOM element.
-   *
-   * @return {Element}
-   *         The dom element that gets created.
-   */
-  _proto.createEl = function createEl$1() {
-    var isAudio = this.player_.isAudio();
-    var playerType = this.localize(isAudio ? 'Audio Player' : 'Video Player');
-    var controlText = createEl('span', {
-      className: 'vjs-control-text',
-      innerHTML: this.localize('{1} is loading.', [playerType])
-    });
-
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-loading-spinner',
-      dir: 'ltr'
-    });
-
-    el.appendChild(controlText);
-    return el;
-  };
-
-  return LoadingSpinner;
-}(Component);
-
-Component.registerComponent('LoadingSpinner', LoadingSpinner);
-
-/**
- * Base class for all buttons.
- *
- * @extends ClickableComponent
- */
-
-var Button =
-/*#__PURE__*/
-function (_ClickableComponent) {
-  _inheritsLoose(Button, _ClickableComponent);
-
-  function Button() {
-    return _ClickableComponent.apply(this, arguments) || this;
-  }
-
-  var _proto = Button.prototype;
-
-  /**
-   * Create the `Button`s DOM element.
-   *
-   * @param {string} [tag="button"]
-   *        The element's node type. This argument is IGNORED: no matter what
-   *        is passed, it will always create a `button` element.
-   *
-   * @param {Object} [props={}]
-   *        An object of properties that should be set on the element.
-   *
-   * @param {Object} [attributes={}]
-   *        An object of attributes that should be set on the element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  _proto.createEl = function createEl(tag, props, attributes) {
-    if (props === void 0) {
-      props = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    tag = 'button';
-    props = assign({
-      innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-      className: this.buildCSSClass()
-    }, props); // Add attributes for button element
-
-    attributes = assign({
-      // Necessary since the default button type is "submit"
-      type: 'button'
-    }, attributes);
-    var el = Component.prototype.createEl.call(this, tag, props, attributes);
-    this.createControlTextEl(el);
-    return el;
-  }
-  /**
-   * Add a child `Component` inside of this `Button`.
-   *
-   * @param {string|Component} child
-   *        The name or instance of a child to add.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of options that will get passed to children of
-   *        the child.
-   *
-   * @return {Component}
-   *         The `Component` that gets added as a child. When using a string the
-   *         `Component` will get created by this process.
-   *
-   * @deprecated since version 5
-   */
-  ;
-
-  _proto.addChild = function addChild(child, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var className = this.constructor.name;
-    log.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
-
-    return Component.prototype.addChild.call(this, child, options);
-  }
-  /**
-   * Enable the `Button` element so that it can be activated or clicked. Use this with
-   * {@link Button#disable}.
-   */
-  ;
-
-  _proto.enable = function enable() {
-    _ClickableComponent.prototype.enable.call(this);
-
-    this.el_.removeAttribute('disabled');
-  }
-  /**
-   * Disable the `Button` element so that it cannot be activated or clicked. Use this with
-   * {@link Button#enable}.
-   */
-  ;
-
-  _proto.disable = function disable() {
-    _ClickableComponent.prototype.disable.call(this);
-
-    this.el_.setAttribute('disabled', 'disabled');
-  }
-  /**
-   * This gets called when a `Button` has focus and `keydown` is triggered via a key
-   * press.
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to get called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Ignore Space or Enter key operation, which is handled by the browser for
-    // a button - though not for its super class, ClickableComponent. Also,
-    // prevent the event from propagating through the DOM and triggering Player
-    // hotkeys. We do not preventDefault here because we _want_ the browser to
-    // handle it.
-    if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-      event.stopPropagation();
-      return;
-    } // Pass keypress handling up for unsupported keys
-
-
-    _ClickableComponent.prototype.handleKeyDown.call(this, event);
-  };
-
-  return Button;
-}(ClickableComponent);
-
-Component.registerComponent('Button', Button);
-
-/**
- * The initial play button that shows before the video has played. The hiding of the
- * `BigPlayButton` get done via CSS and `Player` states.
- *
- * @extends Button
- */
-
-var BigPlayButton =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(BigPlayButton, _Button);
-
-  function BigPlayButton(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-    _this.mouseused_ = false;
-
-    _this.on('mousedown', _this.handleMouseDown);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object. Always returns 'vjs-big-play-button'.
-   */
-
-
-  var _proto = BigPlayButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return 'vjs-big-play-button';
-  }
-  /**
-   * This gets called when a `BigPlayButton` "clicked". See {@link ClickableComponent}
-   * for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    var playPromise = this.player_.play(); // exit early if clicked via the mouse
-
-    if (this.mouseused_ && event.clientX && event.clientY) {
-      var sourceIsEncrypted = this.player_.usingPlugin('eme') && this.player_.eme.sessions && this.player_.eme.sessions.length > 0;
-      silencePromise(playPromise);
-
-      if (this.player_.tech(true) && // We've observed a bug in IE and Edge when playing back DRM content where
-      // calling .focus() on the video element causes the video to go black,
-      // so we avoid it in that specific case
-      !((IE_VERSION || IS_EDGE) && sourceIsEncrypted)) {
-        this.player_.tech(true).focus();
-      }
-
-      return;
-    }
-
-    var cb = this.player_.getChild('controlBar');
-    var playToggle = cb && cb.getChild('playToggle');
-
-    if (!playToggle) {
-      this.player_.tech(true).focus();
-      return;
-    }
-
-    var playFocus = function playFocus() {
-      return playToggle.focus();
-    };
-
-    if (isPromise(playPromise)) {
-      playPromise.then(playFocus, function () {});
-    } else {
-      this.setTimeout(playFocus, 1);
-    }
-  };
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    this.mouseused_ = false;
-
-    _Button.prototype.handleKeyDown.call(this, event);
-  };
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    this.mouseused_ = true;
-  };
-
-  return BigPlayButton;
-}(Button);
-/**
- * The text that should display over the `BigPlayButton`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-BigPlayButton.prototype.controlText_ = 'Play Video';
-Component.registerComponent('BigPlayButton', BigPlayButton);
-
-/**
- * The `CloseButton` is a `{@link Button}` that fires a `close` event when
- * it gets clicked.
- *
- * @extends Button
- */
-
-var CloseButton =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(CloseButton, _Button);
-
-  /**
-  * Creates an instance of the this class.
-  *
-  * @param  {Player} player
-  *         The `Player` that this class should be attached to.
-  *
-  * @param  {Object} [options]
-  *         The key/value store of player options.
-  */
-  function CloseButton(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-
-    _this.controlText(options && options.controlText || _this.localize('Close'));
-
-    return _this;
-  }
-  /**
-  * Builds the default DOM `className`.
-  *
-  * @return {string}
-  *         The DOM `className` for this object.
-  */
-
-
-  var _proto = CloseButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-close-button " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * This gets called when a `CloseButton` gets clicked. See
-   * {@link ClickableComponent#handleClick} for more information on when
-   * this will be triggered
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   * @fires CloseButton#close
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    /**
-     * Triggered when the a `CloseButton` is clicked.
-     *
-     * @event CloseButton#close
-     * @type {EventTarget~Event}
-     *
-     * @property {boolean} [bubbles=false]
-     *           set to false so that the close event does not
-     *           bubble up to parents if there is no listener
-     */
-    this.trigger({
-      type: 'close',
-      bubbles: false
-    });
-  }
-  /**
-   * Event handler that is called when a `CloseButton` receives a
-   * `keydown` event.
-   *
-   * By default, if the key is Esc, it will trigger a `click` event.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Esc button will trigger `click` event
-    if (keycode.isEventKey(event, 'Esc')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.trigger('click');
-    } else {
-      // Pass keypress handling up for unsupported keys
-      _Button.prototype.handleKeyDown.call(this, event);
-    }
-  };
-
-  return CloseButton;
-}(Button);
-
-Component.registerComponent('CloseButton', CloseButton);
-
-/**
- * Button to toggle between play and pause.
- *
- * @extends Button
- */
-
-var PlayToggle =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(PlayToggle, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function PlayToggle(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _Button.call(this, player, options) || this; // show or hide replay icon
-
-    options.replay = options.replay === undefined || options.replay;
-
-    _this.on(player, 'play', _this.handlePlay);
-
-    _this.on(player, 'pause', _this.handlePause);
-
-    if (options.replay) {
-      _this.on(player, 'ended', _this.handleEnded);
-    }
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = PlayToggle.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-play-control " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * This gets called when an `PlayToggle` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (this.player_.paused()) {
-      this.player_.play();
-    } else {
-      this.player_.pause();
-    }
-  }
-  /**
-   * This gets called once after the video has ended and the user seeks so that
-   * we can change the replay button back to a play button.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#seeked
-   */
-  ;
-
-  _proto.handleSeeked = function handleSeeked(event) {
-    this.removeClass('vjs-ended');
-
-    if (this.player_.paused()) {
-      this.handlePause(event);
-    } else {
-      this.handlePlay(event);
-    }
-  }
-  /**
-   * Add the vjs-playing class to the element so it can change appearance.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#play
-   */
-  ;
-
-  _proto.handlePlay = function handlePlay(event) {
-    this.removeClass('vjs-ended');
-    this.removeClass('vjs-paused');
-    this.addClass('vjs-playing'); // change the button text to "Pause"
-
-    this.controlText('Pause');
-  }
-  /**
-   * Add the vjs-paused class to the element so it can change appearance.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#pause
-   */
-  ;
-
-  _proto.handlePause = function handlePause(event) {
-    this.removeClass('vjs-playing');
-    this.addClass('vjs-paused'); // change the button text to "Play"
-
-    this.controlText('Play');
-  }
-  /**
-   * Add the vjs-ended class to the element so it can change appearance
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#ended
-   */
-  ;
-
-  _proto.handleEnded = function handleEnded(event) {
-    this.removeClass('vjs-playing');
-    this.addClass('vjs-ended'); // change the button text to "Replay"
-
-    this.controlText('Replay'); // on the next seek remove the replay button
-
-    this.one(this.player_, 'seeked', this.handleSeeked);
-  };
-
-  return PlayToggle;
-}(Button);
-/**
- * The text that should display over the `PlayToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-PlayToggle.prototype.controlText_ = 'Play';
-Component.registerComponent('PlayToggle', PlayToggle);
-
-/**
- * @file format-time.js
- * @module format-time
- */
-
-/**
- * Format seconds as a time string, H:MM:SS or M:SS. Supplying a guide (in
- * seconds) will force a number of leading zeros to cover the length of the
- * guide.
- *
- * @private
- * @param  {number} seconds
- *         Number of seconds to be turned into a string
- *
- * @param  {number} guide
- *         Number (in seconds) to model the string after
- *
- * @return {string}
- *         Time formatted as H:MM:SS or M:SS
- */
-var defaultImplementation = function defaultImplementation(seconds, guide) {
-  seconds = seconds < 0 ? 0 : seconds;
-  var s = Math.floor(seconds % 60);
-  var m = Math.floor(seconds / 60 % 60);
-  var h = Math.floor(seconds / 3600);
-  var gm = Math.floor(guide / 60 % 60);
-  var gh = Math.floor(guide / 3600); // handle invalid times
-
-  if (isNaN(seconds) || seconds === Infinity) {
-    // '-' is false for all relational operators (e.g. <, >=) so this setting
-    // will add the minimum number of fields specified by the guide
-    h = m = s = '-';
-  } // Check if we need to show hours
-
-
-  h = h > 0 || gh > 0 ? h + ':' : ''; // If hours are showing, we may need to add a leading zero.
-  // Always show at least one digit of minutes.
-
-  m = ((h || gm >= 10) && m < 10 ? '0' + m : m) + ':'; // Check if leading zero is need for seconds
-
-  s = s < 10 ? '0' + s : s;
-  return h + m + s;
-}; // Internal pointer to the current implementation.
-
-
-var implementation = defaultImplementation;
-/**
- * Replaces the default formatTime implementation with a custom implementation.
- *
- * @param {Function} customImplementation
- *        A function which will be used in place of the default formatTime
- *        implementation. Will receive the current time in seconds and the
- *        guide (in seconds) as arguments.
- */
-
-function setFormatTime(customImplementation) {
-  implementation = customImplementation;
-}
-/**
- * Resets formatTime to the default implementation.
- */
-
-function resetFormatTime() {
-  implementation = defaultImplementation;
-}
-/**
- * Delegates to either the default time formatting function or a custom
- * function supplied via `setFormatTime`.
- *
- * Formats seconds as a time string (H:MM:SS or M:SS). Supplying a
- * guide (in seconds) will force a number of leading zeros to cover the
- * length of the guide.
- *
- * @static
- * @example  formatTime(125, 600) === "02:05"
- * @param    {number} seconds
- *           Number of seconds to be turned into a string
- *
- * @param    {number} guide
- *           Number (in seconds) to model the string after
- *
- * @return   {string}
- *           Time formatted as H:MM:SS or M:SS
- */
-
-function formatTime(seconds, guide) {
-  if (guide === void 0) {
-    guide = seconds;
-  }
-
-  return implementation(seconds, guide);
-}
-
-/**
- * Displays time information about the video
- *
- * @extends Component
- */
-
-var TimeDisplay =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(TimeDisplay, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function TimeDisplay(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-
-    _this.on(player, ['timeupdate', 'ended'], _this.updateContent);
-
-    _this.updateTextNode_();
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = TimeDisplay.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var className = this.buildCSSClass();
-
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: className + " vjs-time-control vjs-control",
-      innerHTML: "<span class=\"vjs-control-text\" role=\"presentation\">" + this.localize(this.labelText_) + "\xA0</span>"
-    });
-
-    this.contentEl_ = createEl('span', {
-      className: className + "-display"
-    }, {
-      // tell screen readers not to automatically read the time as it changes
-      'aria-live': 'off',
-      // span elements have no implicit role, but some screen readers (notably VoiceOver)
-      // treat them as a break between items in the DOM when using arrow keys
-      // (or left-to-right swipes on iOS) to read contents of a page. Using
-      // role='presentation' causes VoiceOver to NOT treat this span as a break.
-      'role': 'presentation'
-    });
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.textNode_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Updates the time display text node with a new time
-   *
-   * @param {number} [time=0] the time to update to
-   *
-   * @private
-   */
-  ;
-
-  _proto.updateTextNode_ = function updateTextNode_(time) {
-    var _this2 = this;
-
-    if (time === void 0) {
-      time = 0;
-    }
-
-    time = formatTime(time);
-
-    if (this.formattedTime_ === time) {
-      return;
-    }
-
-    this.formattedTime_ = time;
-    this.requestAnimationFrame(function () {
-      if (!_this2.contentEl_) {
-        return;
-      }
-
-      var oldNode = _this2.textNode_;
-      _this2.textNode_ = document.createTextNode(_this2.formattedTime_);
-
-      if (!_this2.textNode_) {
-        return;
-      }
-
-      if (oldNode) {
-        _this2.contentEl_.replaceChild(_this2.textNode_, oldNode);
-      } else {
-        _this2.contentEl_.appendChild(_this2.textNode_);
-      }
-    });
-  }
-  /**
-   * To be filled out in the child class, should update the displayed time
-   * in accordance with the fact that the current time has changed.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate`  event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   */
-  ;
-
-  _proto.updateContent = function updateContent(event) {};
-
-  return TimeDisplay;
-}(Component);
-/**
- * The text that is added to the `TimeDisplay` for screen reader users.
- *
- * @type {string}
- * @private
- */
-
-
-TimeDisplay.prototype.labelText_ = 'Time';
-/**
- * The text that should display over the `TimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- *
- * @deprecated in v7; controlText_ is not used in non-active display Components
- */
-
-TimeDisplay.prototype.controlText_ = 'Time';
-Component.registerComponent('TimeDisplay', TimeDisplay);
-
-/**
- * Displays the current time
- *
- * @extends Component
- */
-
-var CurrentTimeDisplay =
-/*#__PURE__*/
-function (_TimeDisplay) {
-  _inheritsLoose(CurrentTimeDisplay, _TimeDisplay);
-
-  function CurrentTimeDisplay() {
-    return _TimeDisplay.apply(this, arguments) || this;
-  }
-
-  var _proto = CurrentTimeDisplay.prototype;
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  _proto.buildCSSClass = function buildCSSClass() {
-    return 'vjs-current-time';
-  }
-  /**
-   * Update current time display
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` event that caused this function to run.
-   *
-   * @listens Player#timeupdate
-   */
-  ;
-
-  _proto.updateContent = function updateContent(event) {
-    // Allows for smooth scrubbing, when player can't keep up.
-    var time;
-
-    if (this.player_.ended()) {
-      time = this.player_.duration();
-    } else {
-      time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-    }
-
-    this.updateTextNode_(time);
-  };
-
-  return CurrentTimeDisplay;
-}(TimeDisplay);
-/**
- * The text that is added to the `CurrentTimeDisplay` for screen reader users.
- *
- * @type {string}
- * @private
- */
-
-
-CurrentTimeDisplay.prototype.labelText_ = 'Current Time';
-/**
- * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- *
- * @deprecated in v7; controlText_ is not used in non-active display Components
- */
-
-CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-/**
- * Displays the duration
- *
- * @extends Component
- */
-
-var DurationDisplay =
-/*#__PURE__*/
-function (_TimeDisplay) {
-  _inheritsLoose(DurationDisplay, _TimeDisplay);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function DurationDisplay(player, options) {
-    var _this;
-
-    _this = _TimeDisplay.call(this, player, options) || this; // we do not want to/need to throttle duration changes,
-    // as they should always display the changed duration as
-    // it has changed
-
-    _this.on(player, 'durationchange', _this.updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
-    // but the durationchange on the user agent will not fire.
-    // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-
-    _this.on(player, 'loadstart', _this.updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
-    // listeners could have broken dependent applications/libraries. These
-    // can likely be removed for 7.0.
-
-
-    _this.on(player, 'loadedmetadata', _this.updateContent);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = DurationDisplay.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return 'vjs-duration';
-  }
-  /**
-   * Update duration time display.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused
-   *        this function to be called.
-   *
-   * @listens Player#durationchange
-   * @listens Player#timeupdate
-   * @listens Player#loadedmetadata
-   */
-  ;
-
-  _proto.updateContent = function updateContent(event) {
-    var duration = this.player_.duration();
-    this.updateTextNode_(duration);
-  };
-
-  return DurationDisplay;
-}(TimeDisplay);
-/**
- * The text that is added to the `DurationDisplay` for screen reader users.
- *
- * @type {string}
- * @private
- */
-
-
-DurationDisplay.prototype.labelText_ = 'Duration';
-/**
- * The text that should display over the `DurationDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- *
- * @deprecated in v7; controlText_ is not used in non-active display Components
- */
-
-DurationDisplay.prototype.controlText_ = 'Duration';
-Component.registerComponent('DurationDisplay', DurationDisplay);
-
-/**
- * The separator between the current time and duration.
- * Can be hidden if it's not needed in the design.
- *
- * @extends Component
- */
-
-var TimeDivider =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(TimeDivider, _Component);
-
-  function TimeDivider() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = TimeDivider.prototype;
-
-  /**
-   * Create the component's DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-control vjs-time-divider',
-      innerHTML: '<div><span>/</span></div>'
-    }, {
-      // this element and its contents can be hidden from assistive techs since
-      // it is made extraneous by the announcement of the control text
-      // for the current time and duration displays
-      'aria-hidden': true
-    });
-  };
-
-  return TimeDivider;
-}(Component);
-
-Component.registerComponent('TimeDivider', TimeDivider);
-
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var RemainingTimeDisplay =
-/*#__PURE__*/
-function (_TimeDisplay) {
-  _inheritsLoose(RemainingTimeDisplay, _TimeDisplay);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function RemainingTimeDisplay(player, options) {
-    var _this;
-
-    _this = _TimeDisplay.call(this, player, options) || this;
-
-    _this.on(player, 'durationchange', _this.updateContent);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = RemainingTimeDisplay.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return 'vjs-remaining-time';
-  }
-  /**
-   * Create the `Component`'s DOM element with the "minus" characted prepend to the time
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl$1() {
-    var el = _TimeDisplay.prototype.createEl.call(this);
-
-    el.insertBefore(createEl('span', {}, {
-      'aria-hidden': true
-    }, '-'), this.contentEl_);
-    return el;
-  }
-  /**
-   * Update remaining time display.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `durationchange` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   * @listens Player#durationchange
-   */
-  ;
-
-  _proto.updateContent = function updateContent(event) {
-    if (typeof this.player_.duration() !== 'number') {
-      return;
-    }
-
-    var time; // @deprecated We should only use remainingTimeDisplay
-    // as of video.js 7
-
-    if (this.player_.ended()) {
-      time = 0;
-    } else if (this.player_.remainingTimeDisplay) {
-      time = this.player_.remainingTimeDisplay();
-    } else {
-      time = this.player_.remainingTime();
-    }
-
-    this.updateTextNode_(time);
-  };
-
-  return RemainingTimeDisplay;
-}(TimeDisplay);
-/**
- * The text that is added to the `RemainingTimeDisplay` for screen reader users.
- *
- * @type {string}
- * @private
- */
-
-
-RemainingTimeDisplay.prototype.labelText_ = 'Remaining Time';
-/**
- * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- *
- * @deprecated in v7; controlText_ is not used in non-active display Components
- */
-
-RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-/**
- * Displays the live indicator when duration is Infinity.
- *
- * @extends Component
- */
-
-var LiveDisplay =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(LiveDisplay, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function LiveDisplay(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-
-    _this.updateShowing();
-
-    _this.on(_this.player(), 'durationchange', _this.updateShowing);
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = LiveDisplay.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-live-control vjs-control'
-    });
-
-    this.contentEl_ = createEl('div', {
-      className: 'vjs-live-display',
-      innerHTML: "<span class=\"vjs-control-text\">" + this.localize('Stream Type') + "\xA0</span>" + this.localize('LIVE')
-    }, {
-      'aria-live': 'off'
-    });
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.contentEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Check the duration to see if the LiveDisplay should be showing or not. Then show/hide
-   * it accordingly
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link Player#durationchange} event that caused this function to run.
-   *
-   * @listens Player#durationchange
-   */
-  ;
-
-  _proto.updateShowing = function updateShowing(event) {
-    if (this.player().duration() === Infinity) {
-      this.show();
-    } else {
-      this.hide();
-    }
-  };
-
-  return LiveDisplay;
-}(Component);
-
-Component.registerComponent('LiveDisplay', LiveDisplay);
-
-/**
- * Displays the live indicator when duration is Infinity.
- *
- * @extends Component
- */
-
-var SeekToLive =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(SeekToLive, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function SeekToLive(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-
-    _this.updateLiveEdgeStatus();
-
-    if (_this.player_.liveTracker) {
-      _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatus);
-    }
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = SeekToLive.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var el = _Button.prototype.createEl.call(this, 'button', {
-      className: 'vjs-seek-to-live-control vjs-control'
-    });
-
-    this.textEl_ = createEl('span', {
-      className: 'vjs-seek-to-live-text',
-      innerHTML: this.localize('LIVE')
-    }, {
-      'aria-hidden': 'true'
-    });
-    el.appendChild(this.textEl_);
-    return el;
-  }
-  /**
-   * Update the state of this button if we are at the live edge
-   * or not
-   */
-  ;
-
-  _proto.updateLiveEdgeStatus = function updateLiveEdgeStatus(e) {
-    // default to live edge
-    if (!this.player_.liveTracker || this.player_.liveTracker.atLiveEdge()) {
-      this.setAttribute('aria-disabled', true);
-      this.addClass('vjs-at-live-edge');
-      this.controlText('Seek to live, currently playing live');
-    } else {
-      this.setAttribute('aria-disabled', false);
-      this.removeClass('vjs-at-live-edge');
-      this.controlText('Seek to live, currently behind live');
-    }
-  }
-  /**
-   * On click bring us as near to the live point as possible.
-   * This requires that we wait for the next `live-seekable-change`
-   * event which will happen every segment length seconds.
-   */
-  ;
-
-  _proto.handleClick = function handleClick() {
-    this.player_.liveTracker.seekToLiveEdge();
-  }
-  /**
-   * Dispose of the element and stop tracking
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    if (this.player_.liveTracker) {
-      this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatus);
-    }
-
-    this.textEl_ = null;
-
-    _Button.prototype.dispose.call(this);
-  };
-
-  return SeekToLive;
-}(Button);
-
-SeekToLive.prototype.controlText_ = 'Seek to live, currently playing live';
-Component.registerComponent('SeekToLive', SeekToLive);
-
-/**
- * Keep a number between a min and a max value
- *
- * @param {number} number
- *        The number to clamp
- *
- * @param {number} min
- *        The minimum value
- * @param {number} max
- *        The maximum value
- *
- * @return {number}
- *         the clamped number
- */
-var clamp = function clamp(number, min, max) {
-  number = Number(number);
-  return Math.min(max, Math.max(min, isNaN(number) ? min : number));
-};
-
-/**
- * The base functionality for a slider. Can be vertical or horizontal.
- * For instance the volume bar or the seek bar on a video is a slider.
- *
- * @extends Component
- */
-
-var Slider =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Slider, _Component);
-
-  /**
-  * Create an instance of this class
-  *
-  * @param {Player} player
-  *        The `Player` that this class should be attached to.
-  *
-  * @param {Object} [options]
-  *        The key/value store of player options.
-  */
-  function Slider(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this; // Set property names to bar to match with the child Slider class is looking for
-
-    _this.bar = _this.getChild(_this.options_.barName); // Set a horizontal or vertical class on the slider depending on the slider type
-
-    _this.vertical(!!_this.options_.vertical);
-
-    _this.enable();
-
-    return _this;
-  }
-  /**
-   * Are controls are currently enabled for this slider or not.
-   *
-   * @return {boolean}
-   *         true if controls are enabled, false otherwise
-   */
-
-
-  var _proto = Slider.prototype;
-
-  _proto.enabled = function enabled() {
-    return this.enabled_;
-  }
-  /**
-   * Enable controls for this slider if they are disabled
-   */
-  ;
-
-  _proto.enable = function enable() {
-    if (this.enabled()) {
-      return;
-    }
-
-    this.on('mousedown', this.handleMouseDown);
-    this.on('touchstart', this.handleMouseDown);
-    this.on('keydown', this.handleKeyDown);
-    this.on('click', this.handleClick); // TODO: deprecated, controlsvisible does not seem to be fired
-
-    this.on(this.player_, 'controlsvisible', this.update);
-
-    if (this.playerEvent) {
-      this.on(this.player_, this.playerEvent, this.update);
-    }
-
-    this.removeClass('disabled');
-    this.setAttribute('tabindex', 0);
-    this.enabled_ = true;
-  }
-  /**
-   * Disable controls for this slider if they are enabled
-   */
-  ;
-
-  _proto.disable = function disable() {
-    if (!this.enabled()) {
-      return;
-    }
-
-    var doc = this.bar.el_.ownerDocument;
-    this.off('mousedown', this.handleMouseDown);
-    this.off('touchstart', this.handleMouseDown);
-    this.off('keydown', this.handleKeyDown);
-    this.off('click', this.handleClick);
-    this.off(this.player_, 'controlsvisible', this.update);
-    this.off(doc, 'mousemove', this.handleMouseMove);
-    this.off(doc, 'mouseup', this.handleMouseUp);
-    this.off(doc, 'touchmove', this.handleMouseMove);
-    this.off(doc, 'touchend', this.handleMouseUp);
-    this.removeAttribute('tabindex');
-    this.addClass('disabled');
-
-    if (this.playerEvent) {
-      this.off(this.player_, this.playerEvent, this.update);
-    }
-
-    this.enabled_ = false;
-  }
-  /**
-   * Create the `Slider`s DOM element.
-   *
-   * @param {string} type
-   *        Type of element to create.
-   *
-   * @param {Object} [props={}]
-   *        List of properties in Object form.
-   *
-   * @param {Object} [attributes={}]
-   *        list of attributes in Object form.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl(type, props, attributes) {
-    if (props === void 0) {
-      props = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    // Add the slider element class to all sub classes
-    props.className = props.className + ' vjs-slider';
-    props = assign({
-      tabIndex: 0
-    }, props);
-    attributes = assign({
-      'role': 'slider',
-      'aria-valuenow': 0,
-      'aria-valuemin': 0,
-      'aria-valuemax': 100,
-      'tabIndex': 0
-    }, attributes);
-    return _Component.prototype.createEl.call(this, type, props, attributes);
-  }
-  /**
-   * Handle `mousedown` or `touchstart` events on the `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousedown
-   * @listens touchstart
-   * @fires Slider#slideractive
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.bar.el_.ownerDocument;
-
-    if (event.type === 'mousedown') {
-      event.preventDefault();
-    } // Do not call preventDefault() on touchstart in Chrome
-    // to avoid console warnings. Use a 'touch-action: none' style
-    // instead to prevent unintented scrolling.
-    // https://developers.google.com/web/updates/2017/01/scrolling-intervention
-
-
-    if (event.type === 'touchstart' && !IS_CHROME) {
-      event.preventDefault();
-    }
-
-    blockTextSelection();
-    this.addClass('vjs-sliding');
-    /**
-     * Triggered when the slider is in an active state
-     *
-     * @event Slider#slideractive
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('slideractive');
-    this.on(doc, 'mousemove', this.handleMouseMove);
-    this.on(doc, 'mouseup', this.handleMouseUp);
-    this.on(doc, 'touchmove', this.handleMouseMove);
-    this.on(doc, 'touchend', this.handleMouseUp);
-    this.handleMouseMove(event);
-  }
-  /**
-   * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.
-   * The `mousemove` and `touchmove` events will only only trigger this function during
-   * `mousedown` and `touchstart`. This is due to {@link Slider#handleMouseDown} and
-   * {@link Slider#handleMouseUp}.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered
-   *        this function
-   *
-   * @listens mousemove
-   * @listens touchmove
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {}
-  /**
-   * Handle `mouseup` or `touchend` events on the `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mouseup` or `touchend` event that triggered this function.
-   *
-   * @listens touchend
-   * @listens mouseup
-   * @fires Slider#sliderinactive
-   */
-  ;
-
-  _proto.handleMouseUp = function handleMouseUp() {
-    var doc = this.bar.el_.ownerDocument;
-    unblockTextSelection();
-    this.removeClass('vjs-sliding');
-    /**
-     * Triggered when the slider is no longer in an active state.
-     *
-     * @event Slider#sliderinactive
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('sliderinactive');
-    this.off(doc, 'mousemove', this.handleMouseMove);
-    this.off(doc, 'mouseup', this.handleMouseUp);
-    this.off(doc, 'touchmove', this.handleMouseMove);
-    this.off(doc, 'touchend', this.handleMouseUp);
-    this.update();
-  }
-  /**
-   * Update the progress bar of the `Slider`.
-   *
-   * @return {number}
-   *          The percentage of progress the progress bar represents as a
-   *          number from 0 to 1.
-   */
-  ;
-
-  _proto.update = function update() {
-    var _this2 = this;
-
-    // In VolumeBar init we have a setTimeout for update that pops and update
-    // to the end of the execution stack. The player is destroyed before then
-    // update will cause an error
-    // If there's no bar...
-    if (!this.el_ || !this.bar) {
-      return;
-    } // clamp progress between 0 and 1
-    // and only round to four decimal places, as we round to two below
-
-
-    var progress = this.getProgress();
-
-    if (progress === this.progress_) {
-      return;
-    }
-
-    this.progress_ = progress;
-    this.requestAnimationFrame(function () {
-      // Set the new bar width or height
-      var sizeKey = _this2.vertical() ? 'height' : 'width'; // Convert to a percentage for css value
-
-      _this2.bar.el().style[sizeKey] = (progress * 100).toFixed(2) + '%';
-    });
-    return progress;
-  }
-  /**
-   * Get the percentage of the bar that should be filled
-   * but clamped and rounded.
-   *
-   * @return {number}
-   *         percentage filled that the slider is
-   */
-  ;
-
-  _proto.getProgress = function getProgress() {
-    return clamp(this.getPercent(), 0, 1).toFixed(4);
-  }
-  /**
-   * Calculate distance for slider
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run.
-   *
-   * @return {number}
-   *         The current position of the Slider.
-   *         - position.x for vertical `Slider`s
-   *         - position.y for horizontal `Slider`s
-   */
-  ;
-
-  _proto.calculateDistance = function calculateDistance(event) {
-    var position = getPointerPosition(this.el_, event);
-
-    if (this.vertical()) {
-      return position.y;
-    }
-
-    return position.x;
-  }
-  /**
-   * Handle a `keydown` event on the `Slider`. Watches for left, rigth, up, and down
-   * arrow keys. This function will only be called when the slider has focus. See
-   * {@link Slider#handleFocus} and {@link Slider#handleBlur}.
-   *
-   * @param {EventTarget~Event} event
-   *        the `keydown` event that caused this function to run.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Left and Down Arrows
-    if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.stepBack(); // Up and Right Arrows
-    } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.stepForward();
-    } else {
-      // Pass keydown handling up for unsupported keys
-      _Component.prototype.handleKeyDown.call(this, event);
-    }
-  }
-  /**
-   * Listener for click events on slider, used to prevent clicks
-   *   from bubbling up to parent elements like button menus.
-   *
-   * @param {Object} event
-   *        Event that caused this object to run
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    event.stopPropagation();
-    event.preventDefault();
-  }
-  /**
-   * Get/set if slider is horizontal for vertical
-   *
-   * @param {boolean} [bool]
-   *        - true if slider is vertical,
-   *        - false is horizontal
-   *
-   * @return {boolean}
-   *         - true if slider is vertical, and getting
-   *         - false if the slider is horizontal, and getting
-   */
-  ;
-
-  _proto.vertical = function vertical(bool) {
-    if (bool === undefined) {
-      return this.vertical_ || false;
-    }
-
-    this.vertical_ = !!bool;
-
-    if (this.vertical_) {
-      this.addClass('vjs-slider-vertical');
-    } else {
-      this.addClass('vjs-slider-horizontal');
-    }
-  };
-
-  return Slider;
-}(Component);
-
-Component.registerComponent('Slider', Slider);
-
-var percentify = function percentify(time, end) {
-  return clamp(time / end * 100, 0, 100).toFixed(2) + '%';
-};
-/**
- * Shows loading progress
- *
- * @extends Component
- */
-
-
-var LoadProgressBar =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(LoadProgressBar, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function LoadProgressBar(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.partEls_ = [];
-
-    _this.on(player, 'progress', _this.update);
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = LoadProgressBar.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-load-progress'
-    });
-
-    var wrapper = createEl('span', {
-      className: 'vjs-control-text'
-    });
-    var loadedText = createEl('span', {
-      textContent: this.localize('Loaded')
-    });
-    var separator = document.createTextNode(': ');
-    this.percentageEl_ = createEl('span', {
-      className: 'vjs-control-text-loaded-percentage',
-      textContent: '0%'
-    });
-    el.appendChild(wrapper);
-    wrapper.appendChild(loadedText);
-    wrapper.appendChild(separator);
-    wrapper.appendChild(this.percentageEl_);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.partEls_ = null;
-    this.percentageEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Update progress bar
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `progress` event that caused this function to run.
-   *
-   * @listens Player#progress
-   */
-  ;
-
-  _proto.update = function update(event) {
-    var _this2 = this;
-
-    this.requestAnimationFrame(function () {
-      var liveTracker = _this2.player_.liveTracker;
-
-      var buffered = _this2.player_.buffered();
-
-      var duration = liveTracker && liveTracker.isLive() ? liveTracker.seekableEnd() : _this2.player_.duration();
-
-      var bufferedEnd = _this2.player_.bufferedEnd();
-
-      var children = _this2.partEls_;
-      var percent = percentify(bufferedEnd, duration);
-
-      if (_this2.percent_ !== percent) {
-        // update the width of the progress bar
-        _this2.el_.style.width = percent; // update the control-text
-
-        textContent(_this2.percentageEl_, percent);
-        _this2.percent_ = percent;
-      } // add child elements to represent the individual buffered time ranges
-
-
-      for (var i = 0; i < buffered.length; i++) {
-        var start = buffered.start(i);
-        var end = buffered.end(i);
-        var part = children[i];
-
-        if (!part) {
-          part = _this2.el_.appendChild(createEl());
-          children[i] = part;
-        } //  only update if changed
-
-
-        if (part.dataset.start === start && part.dataset.end === end) {
-          continue;
-        }
-
-        part.dataset.start = start;
-        part.dataset.end = end; // set the percent based on the width of the progress bar (bufferedEnd)
-
-        part.style.left = percentify(start, bufferedEnd);
-        part.style.width = percentify(end - start, bufferedEnd);
-      } // remove unused buffered range elements
-
-
-      for (var _i = children.length; _i > buffered.length; _i--) {
-        _this2.el_.removeChild(children[_i - 1]);
-      }
-
-      children.length = buffered.length;
-    });
-  };
-
-  return LoadProgressBar;
-}(Component);
-
-Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-/**
- * Time tooltips display a time above the progress bar.
- *
- * @extends Component
- */
-
-var TimeTooltip =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(TimeTooltip, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The {@link Player} that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function TimeTooltip(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.update = throttle(bind(_assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-    return _this;
-  }
-  /**
-   * Create the time tooltip DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = TimeTooltip.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-tooltip'
-    }, {
-      'aria-hidden': 'true'
-    });
-  }
-  /**
-   * Updates the position of the time tooltip relative to the `SeekBar`.
-   *
-   * @param {Object} seekBarRect
-   *        The `ClientRect` for the {@link SeekBar} element.
-   *
-   * @param {number} seekBarPoint
-   *        A number from 0 to 1, representing a horizontal reference point
-   *        from the left edge of the {@link SeekBar}
-   */
-  ;
-
-  _proto.update = function update(seekBarRect, seekBarPoint, content) {
-    var tooltipRect = getBoundingClientRect(this.el_);
-    var playerRect = getBoundingClientRect(this.player_.el());
-    var seekBarPointPx = seekBarRect.width * seekBarPoint; // do nothing if either rect isn't available
-    // for example, if the player isn't in the DOM for testing
-
-    if (!playerRect || !tooltipRect) {
-      return;
-    } // This is the space left of the `seekBarPoint` available within the bounds
-    // of the player. We calculate any gap between the left edge of the player
-    // and the left edge of the `SeekBar` and add the number of pixels in the
-    // `SeekBar` before hitting the `seekBarPoint`
-
-
-    var spaceLeftOfPoint = seekBarRect.left - playerRect.left + seekBarPointPx; // This is the space right of the `seekBarPoint` available within the bounds
-    // of the player. We calculate the number of pixels from the `seekBarPoint`
-    // to the right edge of the `SeekBar` and add to that any gap between the
-    // right edge of the `SeekBar` and the player.
-
-    var spaceRightOfPoint = seekBarRect.width - seekBarPointPx + (playerRect.right - seekBarRect.right); // This is the number of pixels by which the tooltip will need to be pulled
-    // further to the right to center it over the `seekBarPoint`.
-
-    var pullTooltipBy = tooltipRect.width / 2; // Adjust the `pullTooltipBy` distance to the left or right depending on
-    // the results of the space calculations above.
-
-    if (spaceLeftOfPoint < pullTooltipBy) {
-      pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
-    } else if (spaceRightOfPoint < pullTooltipBy) {
-      pullTooltipBy = spaceRightOfPoint;
-    } // Due to the imprecision of decimal/ratio based calculations and varying
-    // rounding behaviors, there are cases where the spacing adjustment is off
-    // by a pixel or two. This adds insurance to these calculations.
-
-
-    if (pullTooltipBy < 0) {
-      pullTooltipBy = 0;
-    } else if (pullTooltipBy > tooltipRect.width) {
-      pullTooltipBy = tooltipRect.width;
-    }
-
-    this.el_.style.right = "-" + pullTooltipBy + "px";
-    this.write(content);
-  }
-  /**
-   * Write the time to the tooltip DOM element.
-   *
-   * @param {string} content
-   *        The formatted time for the tooltip.
-   */
-  ;
-
-  _proto.write = function write(content) {
-    textContent(this.el_, content);
-  }
-  /**
-   * Updates the position of the time tooltip relative to the `SeekBar`.
-   *
-   * @param {Object} seekBarRect
-   *        The `ClientRect` for the {@link SeekBar} element.
-   *
-   * @param {number} seekBarPoint
-   *        A number from 0 to 1, representing a horizontal reference point
-   *        from the left edge of the {@link SeekBar}
-   *
-   * @param {number} time
-   *        The time to update the tooltip to, not used during live playback
-   *
-   * @param {Function} cb
-   *        A function that will be called during the request animation frame
-   *        for tooltips that need to do additional animations from the default
-   */
-  ;
-
-  _proto.updateTime = function updateTime(seekBarRect, seekBarPoint, time, cb) {
-    var _this2 = this;
-
-    // If there is an existing rAF ID, cancel it so we don't over-queue.
-    if (this.rafId_) {
-      this.cancelAnimationFrame(this.rafId_);
-    }
-
-    this.rafId_ = this.requestAnimationFrame(function () {
-      var content;
-
-      var duration = _this2.player_.duration();
-
-      if (_this2.player_.liveTracker && _this2.player_.liveTracker.isLive()) {
-        var liveWindow = _this2.player_.liveTracker.liveWindow();
-
-        var secondsBehind = liveWindow - seekBarPoint * liveWindow;
-        content = (secondsBehind < 1 ? '' : '-') + formatTime(secondsBehind, liveWindow);
-      } else {
-        content = formatTime(time, duration);
-      }
-
-      _this2.update(seekBarRect, seekBarPoint, content);
-
-      if (cb) {
-        cb();
-      }
-    });
-  };
-
-  return TimeTooltip;
-}(Component);
-
-Component.registerComponent('TimeTooltip', TimeTooltip);
-
-/**
- * Used by {@link SeekBar} to display media playback progress as part of the
- * {@link ProgressControl}.
- *
- * @extends Component
- */
-
-var PlayProgressBar =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(PlayProgressBar, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The {@link Player} that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function PlayProgressBar(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.update = throttle(bind(_assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-    return _this;
-  }
-  /**
-   * Create the the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = PlayProgressBar.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-play-progress vjs-slider-bar'
-    }, {
-      'aria-hidden': 'true'
-    });
-  }
-  /**
-   * Enqueues updates to its own DOM as well as the DOM of its
-   * {@link TimeTooltip} child.
-   *
-   * @param {Object} seekBarRect
-   *        The `ClientRect` for the {@link SeekBar} element.
-   *
-   * @param {number} seekBarPoint
-   *        A number from 0 to 1, representing a horizontal reference point
-   *        from the left edge of the {@link SeekBar}
-   */
-  ;
-
-  _proto.update = function update(seekBarRect, seekBarPoint) {
-    var timeTooltip = this.getChild('timeTooltip');
-
-    if (!timeTooltip) {
-      return;
-    }
-
-    var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-    timeTooltip.updateTime(seekBarRect, seekBarPoint, time);
-  };
-
-  return PlayProgressBar;
-}(Component);
-/**
- * Default options for {@link PlayProgressBar}.
- *
- * @type {Object}
- * @private
- */
-
-
-PlayProgressBar.prototype.options_ = {
-  children: []
-}; // Time tooltips should not be added to a player on mobile devices
-
-if (!IS_IOS && !IS_ANDROID) {
-  PlayProgressBar.prototype.options_.children.push('timeTooltip');
-}
-
-Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-/**
- * The {@link MouseTimeDisplay} component tracks mouse movement over the
- * {@link ProgressControl}. It displays an indicator and a {@link TimeTooltip}
- * indicating the time which is represented by a given point in the
- * {@link ProgressControl}.
- *
- * @extends Component
- */
-
-var MouseTimeDisplay =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(MouseTimeDisplay, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The {@link Player} that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function MouseTimeDisplay(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.update = throttle(bind(_assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-    return _this;
-  }
-  /**
-   * Create the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = MouseTimeDisplay.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-mouse-display'
-    });
-  }
-  /**
-   * Enqueues updates to its own DOM as well as the DOM of its
-   * {@link TimeTooltip} child.
-   *
-   * @param {Object} seekBarRect
-   *        The `ClientRect` for the {@link SeekBar} element.
-   *
-   * @param {number} seekBarPoint
-   *        A number from 0 to 1, representing a horizontal reference point
-   *        from the left edge of the {@link SeekBar}
-   */
-  ;
-
-  _proto.update = function update(seekBarRect, seekBarPoint) {
-    var _this2 = this;
-
-    var time = seekBarPoint * this.player_.duration();
-    this.getChild('timeTooltip').updateTime(seekBarRect, seekBarPoint, time, function () {
-      _this2.el_.style.left = seekBarRect.width * seekBarPoint + "px";
-    });
-  };
-
-  return MouseTimeDisplay;
-}(Component);
-/**
- * Default options for `MouseTimeDisplay`
- *
- * @type {Object}
- * @private
- */
-
-
-MouseTimeDisplay.prototype.options_ = {
-  children: ['timeTooltip']
-};
-Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-var STEP_SECONDS = 5; // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
-
-var PAGE_KEY_MULTIPLIER = 12; // The interval at which the bar should update as it progresses.
-
-var UPDATE_REFRESH_INTERVAL$1 = 30;
-/**
- * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
- * as its `bar`.
- *
- * @extends Slider
- */
-
-var SeekBar =
-/*#__PURE__*/
-function (_Slider) {
-  _inheritsLoose(SeekBar, _Slider);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function SeekBar(player, options) {
-    var _this;
-
-    _this = _Slider.call(this, player, options) || this;
-
-    _this.setEventHandlers_();
-
-    return _this;
-  }
-  /**
-   * Sets the event handlers
-   *
-   * @private
-   */
-
-
-  var _proto = SeekBar.prototype;
-
-  _proto.setEventHandlers_ = function setEventHandlers_() {
-    this.update_ = bind(this, this.update);
-    this.update = throttle(this.update_, UPDATE_REFRESH_INTERVAL$1);
-    this.on(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
-
-    if (this.player_.liveTracker) {
-      this.on(this.player_.liveTracker, 'liveedgechange', this.update);
-    } // when playing, let's ensure we smoothly update the play progress bar
-    // via an interval
-
-
-    this.updateInterval = null;
-    this.on(this.player_, ['playing'], this.enableInterval_);
-    this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableInterval_); // we don't need to update the play progress if the document is hidden,
-    // also, this causes the CPU to spike and eventually crash the page on IE11.
-
-    if ('hidden' in document && 'visibilityState' in document) {
-      this.on(document, 'visibilitychange', this.toggleVisibility_);
-    }
-  };
-
-  _proto.toggleVisibility_ = function toggleVisibility_(e) {
-    if (document.hidden) {
-      this.disableInterval_(e);
-    } else {
-      this.enableInterval_(); // we just switched back to the page and someone may be looking, so, update ASAP
-
-      this.update();
-    }
-  };
-
-  _proto.enableInterval_ = function enableInterval_() {
-    if (this.updateInterval) {
-      return;
-    }
-
-    this.updateInterval = this.setInterval(this.update, UPDATE_REFRESH_INTERVAL$1);
-  };
-
-  _proto.disableInterval_ = function disableInterval_(e) {
-    if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e.type !== 'ended') {
-      return;
-    }
-
-    if (!this.updateInterval) {
-      return;
-    }
-
-    this.clearInterval(this.updateInterval);
-    this.updateInterval = null;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    return _Slider.prototype.createEl.call(this, 'div', {
-      className: 'vjs-progress-holder'
-    }, {
-      'aria-label': this.localize('Progress Bar')
-    });
-  }
-  /**
-   * This function updates the play progress bar and accessibility
-   * attributes to whatever is passed in.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   *
-   * @return {number}
-   *          The current percent at a number from 0-1
-   */
-  ;
-
-  _proto.update = function update(event) {
-    var _this2 = this;
-
-    var percent = _Slider.prototype.update.call(this);
-
-    this.requestAnimationFrame(function () {
-      var currentTime = _this2.player_.ended() ? _this2.player_.duration() : _this2.getCurrentTime_();
-      var liveTracker = _this2.player_.liveTracker;
-
-      var duration = _this2.player_.duration();
-
-      if (liveTracker && liveTracker.isLive()) {
-        duration = _this2.player_.liveTracker.liveCurrentTime();
-      }
-
-      if (_this2.percent_ !== percent) {
-        // machine readable value of progress bar (percentage complete)
-        _this2.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-        _this2.percent_ = percent;
-      }
-
-      if (_this2.currentTime_ !== currentTime || _this2.duration_ !== duration) {
-        // human readable value of progress bar (time complete)
-        _this2.el_.setAttribute('aria-valuetext', _this2.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-        _this2.currentTime_ = currentTime;
-        _this2.duration_ = duration;
-      }
-    });
-    return percent;
-  }
-  /**
-   * Get the value of current time but allows for smooth scrubbing,
-   * when player can't keep up.
-   *
-   * @return {number}
-   *         The current time value to display
-   *
-   * @private
-   */
-  ;
-
-  _proto.getCurrentTime_ = function getCurrentTime_() {
-    return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-  }
-  /**
-   * Get the percentage of media played so far.
-   *
-   * @return {number}
-   *         The percentage of media played so far (0 to 1).
-   */
-  ;
-
-  _proto.getPercent = function getPercent() {
-    var currentTime = this.getCurrentTime_();
-    var percent;
-    var liveTracker = this.player_.liveTracker;
-
-    if (liveTracker && liveTracker.isLive()) {
-      percent = (currentTime - liveTracker.seekableStart()) / liveTracker.liveWindow(); // prevent the percent from changing at the live edge
-
-      if (liveTracker.atLiveEdge()) {
-        percent = 1;
-      }
-    } else {
-      percent = currentTime / this.player_.duration();
-    }
-
-    return percent;
-  }
-  /**
-   * Handle mouse down on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousedown` event that caused this to run.
-   *
-   * @listens mousedown
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    } // Stop event propagation to prevent double fire in progress-control.js
-
-
-    event.stopPropagation();
-    this.player_.scrubbing(true);
-    this.videoWasPlaying = !this.player_.paused();
-    this.player_.pause();
-
-    _Slider.prototype.handleMouseDown.call(this, event);
-  }
-  /**
-   * Handle mouse move on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousemove` event that caused this to run.
-   *
-   * @listens mousemove
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    var newTime;
-    var distance = this.calculateDistance(event);
-    var liveTracker = this.player_.liveTracker;
-
-    if (!liveTracker || !liveTracker.isLive()) {
-      newTime = distance * this.player_.duration(); // Don't let video end while scrubbing.
-
-      if (newTime === this.player_.duration()) {
-        newTime = newTime - 0.1;
-      }
-    } else {
-      var seekableStart = liveTracker.seekableStart();
-      var seekableEnd = liveTracker.liveCurrentTime();
-      newTime = seekableStart + distance * liveTracker.liveWindow(); // Don't let video end while scrubbing.
-
-      if (newTime >= seekableEnd) {
-        newTime = seekableEnd;
-      } // Compensate for precision differences so that currentTime is not less
-      // than seekable start
-
-
-      if (newTime <= seekableStart) {
-        newTime = seekableStart + 0.1;
-      } // On android seekableEnd can be Infinity sometimes,
-      // this will cause newTime to be Infinity, which is
-      // not a valid currentTime.
-
-
-      if (newTime === Infinity) {
-        return;
-      }
-    } // Set new time (tell player to seek to new time)
-
-
-    this.player_.currentTime(newTime);
-  };
-
-  _proto.enable = function enable() {
-    _Slider.prototype.enable.call(this);
-
-    var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-    if (!mouseTimeDisplay) {
-      return;
-    }
-
-    mouseTimeDisplay.show();
-  };
-
-  _proto.disable = function disable() {
-    _Slider.prototype.disable.call(this);
-
-    var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-    if (!mouseTimeDisplay) {
-      return;
-    }
-
-    mouseTimeDisplay.hide();
-  }
-  /**
-   * Handle mouse up on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mouseup` event that caused this to run.
-   *
-   * @listens mouseup
-   */
-  ;
-
-  _proto.handleMouseUp = function handleMouseUp(event) {
-    _Slider.prototype.handleMouseUp.call(this, event); // Stop event propagation to prevent double fire in progress-control.js
-
-
-    if (event) {
-      event.stopPropagation();
-    }
-
-    this.player_.scrubbing(false);
-    /**
-     * Trigger timeupdate because we're done seeking and the time has changed.
-     * This is particularly useful for if the player is paused to time the time displays.
-     *
-     * @event Tech#timeupdate
-     * @type {EventTarget~Event}
-     */
-
-    this.player_.trigger({
-      type: 'timeupdate',
-      target: this,
-      manuallyTriggered: true
-    });
-
-    if (this.videoWasPlaying) {
-      silencePromise(this.player_.play());
-    } else {
-      // We're done seeking and the time has changed.
-      // If the player is paused, make sure we display the correct time on the seek bar.
-      this.update_();
-    }
-  }
-  /**
-   * Move more quickly fast forward for keyboard-only users
-   */
-  ;
-
-  _proto.stepForward = function stepForward() {
-    this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-  }
-  /**
-   * Move more quickly rewind for keyboard-only users
-   */
-  ;
-
-  _proto.stepBack = function stepBack() {
-    this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS);
-  }
-  /**
-   * Toggles the playback state of the player
-   * This gets called when enter or space is used on the seekbar
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called
-   *
-   */
-  ;
-
-  _proto.handleAction = function handleAction(event) {
-    if (this.player_.paused()) {
-      this.player_.play();
-    } else {
-      this.player_.pause();
-    }
-  }
-  /**
-   * Called when this SeekBar has focus and a key gets pressed down.
-   * Supports the following keys:
-   *
-   *   Space or Enter key fire a click event
-   *   Home key moves to start of the timeline
-   *   End key moves to end of the timeline
-   *   Digit "0" through "9" keys move to 0%, 10% ... 80%, 90% of the timeline
-   *   PageDown key moves back a larger step than ArrowDown
-   *   PageUp key moves forward a large step
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.handleAction(event);
-    } else if (keycode.isEventKey(event, 'Home')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.player_.currentTime(0);
-    } else if (keycode.isEventKey(event, 'End')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.player_.currentTime(this.player_.duration());
-    } else if (/^[0-9]$/.test(keycode(event))) {
-      event.preventDefault();
-      event.stopPropagation();
-      var gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;
-      this.player_.currentTime(this.player_.duration() * gotoFraction);
-    } else if (keycode.isEventKey(event, 'PgDn')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-    } else if (keycode.isEventKey(event, 'PgUp')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-    } else {
-      // Pass keydown handling up for unsupported keys
-      _Slider.prototype.handleKeyDown.call(this, event);
-    }
-  };
-
-  return SeekBar;
-}(Slider);
-/**
- * Default options for the `SeekBar`
- *
- * @type {Object}
- * @private
- */
-
-
-SeekBar.prototype.options_ = {
-  children: ['loadProgressBar', 'playProgressBar'],
-  barName: 'playProgressBar'
-}; // MouseTimeDisplay tooltips should not be added to a player on mobile devices
-
-if (!IS_IOS && !IS_ANDROID) {
-  SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-}
-
-Component.registerComponent('SeekBar', SeekBar);
-
-/**
- * The Progress Control component contains the seek bar, load progress,
- * and play progress.
- *
- * @extends Component
- */
-
-var ProgressControl =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ProgressControl, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function ProgressControl(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.handleMouseMove = throttle(bind(_assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-    _this.throttledHandleMouseSeek = throttle(bind(_assertThisInitialized(_this), _this.handleMouseSeek), UPDATE_REFRESH_INTERVAL);
-
-    _this.enable();
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = ProgressControl.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-progress-control vjs-control'
-    });
-  }
-  /**
-   * When the mouse moves over the `ProgressControl`, the pointer position
-   * gets passed down to the `MouseTimeDisplay` component.
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousemove` event that caused this function to run.
-   *
-   * @listen mousemove
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {
-    var seekBar = this.getChild('seekBar');
-
-    if (!seekBar) {
-      return;
-    }
-
-    var playProgressBar = seekBar.getChild('playProgressBar');
-    var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-
-    if (!playProgressBar && !mouseTimeDisplay) {
-      return;
-    }
-
-    var seekBarEl = seekBar.el();
-    var seekBarRect = getBoundingClientRect(seekBarEl);
-    var seekBarPoint = getPointerPosition(seekBarEl, event).x; // The default skin has a gap on either side of the `SeekBar`. This means
-    // that it's possible to trigger this behavior outside the boundaries of
-    // the `SeekBar`. This ensures we stay within it at all times.
-
-    seekBarPoint = clamp(0, 1, seekBarPoint);
-
-    if (mouseTimeDisplay) {
-      mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-    }
-
-    if (playProgressBar) {
-      playProgressBar.update(seekBarRect, seekBar.getProgress());
-    }
-  }
-  /**
-   * A throttled version of the {@link ProgressControl#handleMouseSeek} listener.
-   *
-   * @method ProgressControl#throttledHandleMouseSeek
-   * @param {EventTarget~Event} event
-   *        The `mousemove` event that caused this function to run.
-   *
-   * @listen mousemove
-   * @listen touchmove
-   */
-
-  /**
-   * Handle `mousemove` or `touchmove` events on the `ProgressControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousemove
-   * @listens touchmove
-   */
-  ;
-
-  _proto.handleMouseSeek = function handleMouseSeek(event) {
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      seekBar.handleMouseMove(event);
-    }
-  }
-  /**
-   * Are controls are currently enabled for this progress control.
-   *
-   * @return {boolean}
-   *         true if controls are enabled, false otherwise
-   */
-  ;
-
-  _proto.enabled = function enabled() {
-    return this.enabled_;
-  }
-  /**
-   * Disable all controls on the progress control and its children
-   */
-  ;
-
-  _proto.disable = function disable() {
-    this.children().forEach(function (child) {
-      return child.disable && child.disable();
-    });
-
-    if (!this.enabled()) {
-      return;
-    }
-
-    this.off(['mousedown', 'touchstart'], this.handleMouseDown);
-    this.off(this.el_, 'mousemove', this.handleMouseMove);
-    this.handleMouseUp();
-    this.addClass('disabled');
-    this.enabled_ = false;
-  }
-  /**
-   * Enable all controls on the progress control and its children
-   */
-  ;
-
-  _proto.enable = function enable() {
-    this.children().forEach(function (child) {
-      return child.enable && child.enable();
-    });
-
-    if (this.enabled()) {
-      return;
-    }
-
-    this.on(['mousedown', 'touchstart'], this.handleMouseDown);
-    this.on(this.el_, 'mousemove', this.handleMouseMove);
-    this.removeClass('disabled');
-    this.enabled_ = true;
-  }
-  /**
-   * Handle `mousedown` or `touchstart` events on the `ProgressControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousedown
-   * @listens touchstart
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.el_.ownerDocument;
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      seekBar.handleMouseDown(event);
-    }
-
-    this.on(doc, 'mousemove', this.throttledHandleMouseSeek);
-    this.on(doc, 'touchmove', this.throttledHandleMouseSeek);
-    this.on(doc, 'mouseup', this.handleMouseUp);
-    this.on(doc, 'touchend', this.handleMouseUp);
-  }
-  /**
-   * Handle `mouseup` or `touchend` events on the `ProgressControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mouseup` or `touchend` event that triggered this function.
-   *
-   * @listens touchend
-   * @listens mouseup
-   */
-  ;
-
-  _proto.handleMouseUp = function handleMouseUp(event) {
-    var doc = this.el_.ownerDocument;
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      seekBar.handleMouseUp(event);
-    }
-
-    this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
-    this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
-    this.off(doc, 'mouseup', this.handleMouseUp);
-    this.off(doc, 'touchend', this.handleMouseUp);
-  };
-
-  return ProgressControl;
-}(Component);
-/**
- * Default options for `ProgressControl`
- *
- * @type {Object}
- * @private
- */
-
-
-ProgressControl.prototype.options_ = {
-  children: ['seekBar']
-};
-Component.registerComponent('ProgressControl', ProgressControl);
-
-/**
- * Toggle Picture-in-Picture mode
- *
- * @extends Button
- */
-
-var PictureInPictureToggle =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(PictureInPictureToggle, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @listens Player#enterpictureinpicture
-   * @listens Player#leavepictureinpicture
-   */
-  function PictureInPictureToggle(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-
-    _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], _this.handlePictureInPictureChange); // TODO: Activate button on player loadedmetadata event.
-    // TODO: Deactivate button on player emptied event.
-    // TODO: Deactivate button if disablepictureinpicture attribute is present.
-
-
-    if (!document.pictureInPictureEnabled) {
-      _this.disable();
-    }
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = PictureInPictureToggle.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-picture-in-picture-control " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Handles enterpictureinpicture and leavepictureinpicture on the player and change control text accordingly.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link Player#enterpictureinpicture} or {@link Player#leavepictureinpicture} event that caused this function to be
-   *        called.
-   *
-   * @listens Player#enterpictureinpicture
-   * @listens Player#leavepictureinpicture
-   */
-  ;
-
-  _proto.handlePictureInPictureChange = function handlePictureInPictureChange(event) {
-    if (this.player_.isInPictureInPicture()) {
-      this.controlText('Exit Picture-in-Picture');
-    } else {
-      this.controlText('Picture-in-Picture');
-    }
-  }
-  /**
-   * This gets called when an `PictureInPictureToggle` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (!this.player_.isInPictureInPicture()) {
-      this.player_.requestPictureInPicture();
-    } else {
-      this.player_.exitPictureInPicture();
-    }
-  };
-
-  return PictureInPictureToggle;
-}(Button);
-/**
- * The text that should display over the `PictureInPictureToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-PictureInPictureToggle.prototype.controlText_ = 'Picture-in-Picture';
-Component.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
-
-/**
- * Toggle fullscreen video
- *
- * @extends Button
- */
-
-var FullscreenToggle =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(FullscreenToggle, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function FullscreenToggle(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-
-    _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-
-    if (document[player.fsApi_.fullscreenEnabled] === false) {
-      _this.disable();
-    }
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = FullscreenToggle.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-fullscreen-control " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Handles fullscreenchange on the player and change control text accordingly.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link Player#fullscreenchange} event that caused this function to be
-   *        called.
-   *
-   * @listens Player#fullscreenchange
-   */
-  ;
-
-  _proto.handleFullscreenChange = function handleFullscreenChange(event) {
-    if (this.player_.isFullscreen()) {
-      this.controlText('Non-Fullscreen');
-    } else {
-      this.controlText('Fullscreen');
-    }
-  }
-  /**
-   * This gets called when an `FullscreenToggle` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (!this.player_.isFullscreen()) {
-      this.player_.requestFullscreen();
-    } else {
-      this.player_.exitFullscreen();
-    }
-  };
-
-  return FullscreenToggle;
-}(Button);
-/**
- * The text that should display over the `FullscreenToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-FullscreenToggle.prototype.controlText_ = 'Fullscreen';
-Component.registerComponent('FullscreenToggle', FullscreenToggle);
-
-/**
- * Check if volume control is supported and if it isn't hide the
- * `Component` that was passed  using the `vjs-hidden` class.
- *
- * @param {Component} self
- *        The component that should be hidden if volume is unsupported
- *
- * @param {Player} player
- *        A reference to the player
- *
- * @private
- */
-var checkVolumeSupport = function checkVolumeSupport(self, player) {
-  // hide volume controls when they're not supported by the current tech
-  if (player.tech_ && !player.tech_.featuresVolumeControl) {
-    self.addClass('vjs-hidden');
-  }
-
-  self.on(player, 'loadstart', function () {
-    if (!player.tech_.featuresVolumeControl) {
-      self.addClass('vjs-hidden');
-    } else {
-      self.removeClass('vjs-hidden');
-    }
-  });
-};
-
-/**
- * Shows volume level
- *
- * @extends Component
- */
-
-var VolumeLevel =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(VolumeLevel, _Component);
-
-  function VolumeLevel() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = VolumeLevel.prototype;
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-volume-level',
-      innerHTML: '<span class="vjs-control-text"></span>'
-    });
-  };
-
-  return VolumeLevel;
-}(Component);
-
-Component.registerComponent('VolumeLevel', VolumeLevel);
-
-/**
- * The bar that contains the volume level and can be clicked on to adjust the level
- *
- * @extends Slider
- */
-
-var VolumeBar =
-/*#__PURE__*/
-function (_Slider) {
-  _inheritsLoose(VolumeBar, _Slider);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function VolumeBar(player, options) {
-    var _this;
-
-    _this = _Slider.call(this, player, options) || this;
-
-    _this.on('slideractive', _this.updateLastVolume_);
-
-    _this.on(player, 'volumechange', _this.updateARIAAttributes);
-
-    player.ready(function () {
-      return _this.updateARIAAttributes();
-    });
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = VolumeBar.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Slider.prototype.createEl.call(this, 'div', {
-      className: 'vjs-volume-bar vjs-slider-bar'
-    }, {
-      'aria-label': this.localize('Volume Level'),
-      'aria-live': 'polite'
-    });
-  }
-  /**
-   * Handle mouse down on volume bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousedown` event that caused this to run.
-   *
-   * @listens mousedown
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    _Slider.prototype.handleMouseDown.call(this, event);
-  }
-  /**
-   * Handle movement events on the {@link VolumeMenuButton}.
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run.
-   *
-   * @listens mousemove
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    this.checkMuted();
-    this.player_.volume(this.calculateDistance(event));
-  }
-  /**
-   * If the player is muted unmute it.
-   */
-  ;
-
-  _proto.checkMuted = function checkMuted() {
-    if (this.player_.muted()) {
-      this.player_.muted(false);
-    }
-  }
-  /**
-   * Get percent of volume level
-   *
-   * @return {number}
-   *         Volume level percent as a decimal number.
-   */
-  ;
-
-  _proto.getPercent = function getPercent() {
-    if (this.player_.muted()) {
-      return 0;
-    }
-
-    return this.player_.volume();
-  }
-  /**
-   * Increase volume level for keyboard users
-   */
-  ;
-
-  _proto.stepForward = function stepForward() {
-    this.checkMuted();
-    this.player_.volume(this.player_.volume() + 0.1);
-  }
-  /**
-   * Decrease volume level for keyboard users
-   */
-  ;
-
-  _proto.stepBack = function stepBack() {
-    this.checkMuted();
-    this.player_.volume(this.player_.volume() - 0.1);
-  }
-  /**
-   * Update ARIA accessibility attributes
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `volumechange` event that caused this function to run.
-   *
-   * @listens Player#volumechange
-   */
-  ;
-
-  _proto.updateARIAAttributes = function updateARIAAttributes(event) {
-    var ariaValue = this.player_.muted() ? 0 : this.volumeAsPercentage_();
-    this.el_.setAttribute('aria-valuenow', ariaValue);
-    this.el_.setAttribute('aria-valuetext', ariaValue + '%');
-  }
-  /**
-   * Returns the current value of the player volume as a percentage
-   *
-   * @private
-   */
-  ;
-
-  _proto.volumeAsPercentage_ = function volumeAsPercentage_() {
-    return Math.round(this.player_.volume() * 100);
-  }
-  /**
-   * When user starts dragging the VolumeBar, store the volume and listen for
-   * the end of the drag. When the drag ends, if the volume was set to zero,
-   * set lastVolume to the stored volume.
-   *
-   * @listens slideractive
-   * @private
-   */
-  ;
-
-  _proto.updateLastVolume_ = function updateLastVolume_() {
-    var _this2 = this;
-
-    var volumeBeforeDrag = this.player_.volume();
-    this.one('sliderinactive', function () {
-      if (_this2.player_.volume() === 0) {
-        _this2.player_.lastVolume_(volumeBeforeDrag);
-      }
-    });
-  };
-
-  return VolumeBar;
-}(Slider);
-/**
- * Default options for the `VolumeBar`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumeBar.prototype.options_ = {
-  children: ['volumeLevel'],
-  barName: 'volumeLevel'
-};
-/**
- * Call the update event for this Slider when this event happens on the player.
- *
- * @type {string}
- */
-
-VolumeBar.prototype.playerEvent = 'volumechange';
-Component.registerComponent('VolumeBar', VolumeBar);
-
-/**
- * The component for controlling the volume level
- *
- * @extends Component
- */
-
-var VolumeControl =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(VolumeControl, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function VolumeControl(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    options.vertical = options.vertical || false; // Pass the vertical option down to the VolumeBar if
-    // the VolumeBar is turned on.
-
-    if (typeof options.volumeBar === 'undefined' || isPlain(options.volumeBar)) {
-      options.volumeBar = options.volumeBar || {};
-      options.volumeBar.vertical = options.vertical;
-    }
-
-    _this = _Component.call(this, player, options) || this; // hide this control if volume support is missing
-
-    checkVolumeSupport(_assertThisInitialized(_this), player);
-    _this.throttledHandleMouseMove = throttle(bind(_assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-
-    _this.on('mousedown', _this.handleMouseDown);
-
-    _this.on('touchstart', _this.handleMouseDown); // while the slider is active (the mouse has been pressed down and
-    // is dragging) or in focus we do not want to hide the VolumeBar
-
-
-    _this.on(_this.volumeBar, ['focus', 'slideractive'], function () {
-      _this.volumeBar.addClass('vjs-slider-active');
-
-      _this.addClass('vjs-slider-active');
-
-      _this.trigger('slideractive');
-    });
-
-    _this.on(_this.volumeBar, ['blur', 'sliderinactive'], function () {
-      _this.volumeBar.removeClass('vjs-slider-active');
-
-      _this.removeClass('vjs-slider-active');
-
-      _this.trigger('sliderinactive');
-    });
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = VolumeControl.prototype;
-
-  _proto.createEl = function createEl() {
-    var orientationClass = 'vjs-volume-horizontal';
-
-    if (this.options_.vertical) {
-      orientationClass = 'vjs-volume-vertical';
-    }
-
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: "vjs-volume-control vjs-control " + orientationClass
-    });
-  }
-  /**
-   * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousedown
-   * @listens touchstart
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.el_.ownerDocument;
-    this.on(doc, 'mousemove', this.throttledHandleMouseMove);
-    this.on(doc, 'touchmove', this.throttledHandleMouseMove);
-    this.on(doc, 'mouseup', this.handleMouseUp);
-    this.on(doc, 'touchend', this.handleMouseUp);
-  }
-  /**
-   * Handle `mouseup` or `touchend` events on the `VolumeControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mouseup` or `touchend` event that triggered this function.
-   *
-   * @listens touchend
-   * @listens mouseup
-   */
-  ;
-
-  _proto.handleMouseUp = function handleMouseUp(event) {
-    var doc = this.el_.ownerDocument;
-    this.off(doc, 'mousemove', this.throttledHandleMouseMove);
-    this.off(doc, 'touchmove', this.throttledHandleMouseMove);
-    this.off(doc, 'mouseup', this.handleMouseUp);
-    this.off(doc, 'touchend', this.handleMouseUp);
-  }
-  /**
-   * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousedown
-   * @listens touchstart
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {
-    this.volumeBar.handleMouseMove(event);
-  };
-
-  return VolumeControl;
-}(Component);
-/**
- * Default options for the `VolumeControl`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumeControl.prototype.options_ = {
-  children: ['volumeBar']
-};
-Component.registerComponent('VolumeControl', VolumeControl);
-
-/**
- * Check if muting volume is supported and if it isn't hide the mute toggle
- * button.
- *
- * @param {Component} self
- *        A reference to the mute toggle button
- *
- * @param {Player} player
- *        A reference to the player
- *
- * @private
- */
-var checkMuteSupport = function checkMuteSupport(self, player) {
-  // hide mute toggle button if it's not supported by the current tech
-  if (player.tech_ && !player.tech_.featuresMuteControl) {
-    self.addClass('vjs-hidden');
-  }
-
-  self.on(player, 'loadstart', function () {
-    if (!player.tech_.featuresMuteControl) {
-      self.addClass('vjs-hidden');
-    } else {
-      self.removeClass('vjs-hidden');
-    }
-  });
-};
-
-/**
- * A button component for muting the audio.
- *
- * @extends Button
- */
-
-var MuteToggle =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(MuteToggle, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function MuteToggle(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this; // hide this control if volume support is missing
-
-    checkMuteSupport(_assertThisInitialized(_this), player);
-
-    _this.on(player, ['loadstart', 'volumechange'], _this.update);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = MuteToggle.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-mute-control " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * This gets called when an `MuteToggle` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    var vol = this.player_.volume();
-    var lastVolume = this.player_.lastVolume_();
-
-    if (vol === 0) {
-      var volumeToSet = lastVolume < 0.1 ? 0.1 : lastVolume;
-      this.player_.volume(volumeToSet);
-      this.player_.muted(false);
-    } else {
-      this.player_.muted(this.player_.muted() ? false : true);
-    }
-  }
-  /**
-   * Update the `MuteToggle` button based on the state of `volume` and `muted`
-   * on the player.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link Player#loadstart} event if this function was called
-   *        through an event.
-   *
-   * @listens Player#loadstart
-   * @listens Player#volumechange
-   */
-  ;
-
-  _proto.update = function update(event) {
-    this.updateIcon_();
-    this.updateControlText_();
-  }
-  /**
-   * Update the appearance of the `MuteToggle` icon.
-   *
-   * Possible states (given `level` variable below):
-   * - 0: crossed out
-   * - 1: zero bars of volume
-   * - 2: one bar of volume
-   * - 3: two bars of volume
-   *
-   * @private
-   */
-  ;
-
-  _proto.updateIcon_ = function updateIcon_() {
-    var vol = this.player_.volume();
-    var level = 3; // in iOS when a player is loaded with muted attribute
-    // and volume is changed with a native mute button
-    // we want to make sure muted state is updated
-
-    if (IS_IOS && this.player_.tech_ && this.player_.tech_.el_) {
-      this.player_.muted(this.player_.tech_.el_.muted);
-    }
-
-    if (vol === 0 || this.player_.muted()) {
-      level = 0;
-    } else if (vol < 0.33) {
-      level = 1;
-    } else if (vol < 0.67) {
-      level = 2;
-    } // TODO improve muted icon classes
-
-
-    for (var i = 0; i < 4; i++) {
-      removeClass(this.el_, "vjs-vol-" + i);
-    }
-
-    addClass(this.el_, "vjs-vol-" + level);
-  }
-  /**
-   * If `muted` has changed on the player, update the control text
-   * (`title` attribute on `vjs-mute-control` element and content of
-   * `vjs-control-text` element).
-   *
-   * @private
-   */
-  ;
-
-  _proto.updateControlText_ = function updateControlText_() {
-    var soundOff = this.player_.muted() || this.player_.volume() === 0;
-    var text = soundOff ? 'Unmute' : 'Mute';
-
-    if (this.controlText() !== text) {
-      this.controlText(text);
-    }
-  };
-
-  return MuteToggle;
-}(Button);
-/**
- * The text that should display over the `MuteToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-MuteToggle.prototype.controlText_ = 'Mute';
-Component.registerComponent('MuteToggle', MuteToggle);
-
-/**
- * A Component to contain the MuteToggle and VolumeControl so that
- * they can work together.
- *
- * @extends Component
- */
-
-var VolumePanel =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(VolumePanel, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function VolumePanel(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    if (typeof options.inline !== 'undefined') {
-      options.inline = options.inline;
-    } else {
-      options.inline = true;
-    } // pass the inline option down to the VolumeControl as vertical if
-    // the VolumeControl is on.
-
-
-    if (typeof options.volumeControl === 'undefined' || isPlain(options.volumeControl)) {
-      options.volumeControl = options.volumeControl || {};
-      options.volumeControl.vertical = !options.inline;
-    }
-
-    _this = _Component.call(this, player, options) || this;
-
-    _this.on(player, ['loadstart'], _this.volumePanelState_);
-
-    _this.on(_this.muteToggle, 'keyup', _this.handleKeyPress);
-
-    _this.on(_this.volumeControl, 'keyup', _this.handleVolumeControlKeyUp);
-
-    _this.on('keydown', _this.handleKeyPress);
-
-    _this.on('mouseover', _this.handleMouseOver);
-
-    _this.on('mouseout', _this.handleMouseOut); // while the slider is active (the mouse has been pressed down and
-    // is dragging) we do not want to hide the VolumeBar
-
-
-    _this.on(_this.volumeControl, ['slideractive'], _this.sliderActive_);
-
-    _this.on(_this.volumeControl, ['sliderinactive'], _this.sliderInactive_);
-
-    return _this;
-  }
-  /**
-   * Add vjs-slider-active class to the VolumePanel
-   *
-   * @listens VolumeControl#slideractive
-   * @private
-   */
-
-
-  var _proto = VolumePanel.prototype;
-
-  _proto.sliderActive_ = function sliderActive_() {
-    this.addClass('vjs-slider-active');
-  }
-  /**
-   * Removes vjs-slider-active class to the VolumePanel
-   *
-   * @listens VolumeControl#sliderinactive
-   * @private
-   */
-  ;
-
-  _proto.sliderInactive_ = function sliderInactive_() {
-    this.removeClass('vjs-slider-active');
-  }
-  /**
-   * Adds vjs-hidden or vjs-mute-toggle-only to the VolumePanel
-   * depending on MuteToggle and VolumeControl state
-   *
-   * @listens Player#loadstart
-   * @private
-   */
-  ;
-
-  _proto.volumePanelState_ = function volumePanelState_() {
-    // hide volume panel if neither volume control or mute toggle
-    // are displayed
-    if (this.volumeControl.hasClass('vjs-hidden') && this.muteToggle.hasClass('vjs-hidden')) {
-      this.addClass('vjs-hidden');
-    } // if only mute toggle is visible we don't want
-    // volume panel expanding when hovered or active
-
-
-    if (this.volumeControl.hasClass('vjs-hidden') && !this.muteToggle.hasClass('vjs-hidden')) {
-      this.addClass('vjs-mute-toggle-only');
-    }
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    var orientationClass = 'vjs-volume-panel-horizontal';
-
-    if (!this.options_.inline) {
-      orientationClass = 'vjs-volume-panel-vertical';
-    }
-
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: "vjs-volume-panel vjs-control " + orientationClass
-    });
-  }
-  /**
-   * Dispose of the `volume-panel` and all child components.
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    this.handleMouseOut();
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Handles `keyup` events on the `VolumeControl`, looking for ESC, which closes
-   * the volume panel and sets focus on `MuteToggle`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keyup` event that caused this function to be called.
-   *
-   * @listens keyup
-   */
-  ;
-
-  _proto.handleVolumeControlKeyUp = function handleVolumeControlKeyUp(event) {
-    if (keycode.isEventKey(event, 'Esc')) {
-      this.muteToggle.focus();
-    }
-  }
-  /**
-   * This gets called when a `VolumePanel` gains hover via a `mouseover` event.
-   * Turns on listening for `mouseover` event. When they happen it
-   * calls `this.handleMouseOver`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `mouseover` event that caused this function to be called.
-   *
-   * @listens mouseover
-   */
-  ;
-
-  _proto.handleMouseOver = function handleMouseOver(event) {
-    this.addClass('vjs-hover');
-    on(document, 'keyup', bind(this, this.handleKeyPress));
-  }
-  /**
-   * This gets called when a `VolumePanel` gains hover via a `mouseout` event.
-   * Turns on listening for `mouseout` event. When they happen it
-   * calls `this.handleMouseOut`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `mouseout` event that caused this function to be called.
-   *
-   * @listens mouseout
-   */
-  ;
-
-  _proto.handleMouseOut = function handleMouseOut(event) {
-    this.removeClass('vjs-hover');
-    off(document, 'keyup', bind(this, this.handleKeyPress));
-  }
-  /**
-   * Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
-   * looking for ESC, which hides the `VolumeControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        The keypress that triggered this event.
-   *
-   * @listens keydown | keyup
-   */
-  ;
-
-  _proto.handleKeyPress = function handleKeyPress(event) {
-    if (keycode.isEventKey(event, 'Esc')) {
-      this.handleMouseOut();
-    }
-  };
-
-  return VolumePanel;
-}(Component);
-/**
- * Default options for the `VolumeControl`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumePanel.prototype.options_ = {
-  children: ['muteToggle', 'volumeControl']
-};
-Component.registerComponent('VolumePanel', VolumePanel);
-
-/**
- * The Menu component is used to build popup menus, including subtitle and
- * captions selection menus.
- *
- * @extends Component
- */
-
-var Menu =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Menu, _Component);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Player} player
-   *        the player that this component should attach to
-   *
-   * @param {Object} [options]
-   *        Object of option names and values
-   *
-   */
-  function Menu(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-
-    if (options) {
-      _this.menuButton_ = options.menuButton;
-    }
-
-    _this.focusedChild_ = -1;
-
-    _this.on('keydown', _this.handleKeyDown); // All the menu item instances share the same blur handler provided by the menu container.
-
-
-    _this.boundHandleBlur_ = bind(_assertThisInitialized(_this), _this.handleBlur);
-    _this.boundHandleTapClick_ = bind(_assertThisInitialized(_this), _this.handleTapClick);
-    return _this;
-  }
-  /**
-   * Add event listeners to the {@link MenuItem}.
-   *
-   * @param {Object} component
-   *        The instance of the `MenuItem` to add listeners to.
-   *
-   */
-
-
-  var _proto = Menu.prototype;
-
-  _proto.addEventListenerForItem = function addEventListenerForItem(component) {
-    if (!(component instanceof Component)) {
-      return;
-    }
-
-    this.on(component, 'blur', this.boundHandleBlur_);
-    this.on(component, ['tap', 'click'], this.boundHandleTapClick_);
-  }
-  /**
-   * Remove event listeners from the {@link MenuItem}.
-   *
-   * @param {Object} component
-   *        The instance of the `MenuItem` to remove listeners.
-   *
-   */
-  ;
-
-  _proto.removeEventListenerForItem = function removeEventListenerForItem(component) {
-    if (!(component instanceof Component)) {
-      return;
-    }
-
-    this.off(component, 'blur', this.boundHandleBlur_);
-    this.off(component, ['tap', 'click'], this.boundHandleTapClick_);
-  }
-  /**
-   * This method will be called indirectly when the component has been added
-   * before the component adds to the new menu instance by `addItem`.
-   * In this case, the original menu instance will remove the component
-   * by calling `removeChild`.
-   *
-   * @param {Object} component
-   *        The instance of the `MenuItem`
-   */
-  ;
-
-  _proto.removeChild = function removeChild(component) {
-    if (typeof component === 'string') {
-      component = this.getChild(component);
-    }
-
-    this.removeEventListenerForItem(component);
-
-    _Component.prototype.removeChild.call(this, component);
-  }
-  /**
-   * Add a {@link MenuItem} to the menu.
-   *
-   * @param {Object|string} component
-   *        The name or instance of the `MenuItem` to add.
-   *
-   */
-  ;
-
-  _proto.addItem = function addItem(component) {
-    var childComponent = this.addChild(component);
-
-    if (childComponent) {
-      this.addEventListenerForItem(childComponent);
-    }
-  }
-  /**
-   * Create the `Menu`s DOM element.
-   *
-   * @return {Element}
-   *         the element that was created
-   */
-  ;
-
-  _proto.createEl = function createEl$1() {
-    var contentElType = this.options_.contentElType || 'ul';
-    this.contentEl_ = createEl(contentElType, {
-      className: 'vjs-menu-content'
-    });
-    this.contentEl_.setAttribute('role', 'menu');
-
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      append: this.contentEl_,
-      className: 'vjs-menu'
-    });
-
-    el.appendChild(this.contentEl_); // Prevent clicks from bubbling up. Needed for Menu Buttons,
-    // where a click on the parent is significant
-
-    on(el, 'click', function (event) {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-    });
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.boundHandleBlur_ = null;
-    this.boundHandleTapClick_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Called when a `MenuItem` loses focus.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-  ;
-
-  _proto.handleBlur = function handleBlur(event) {
-    var relatedTarget = event.relatedTarget || document.activeElement; // Close menu popup when a user clicks outside the menu
-
-    if (!this.children().some(function (element) {
-      return element.el() === relatedTarget;
-    })) {
-      var btn = this.menuButton_;
-
-      if (btn && btn.buttonPressed_ && relatedTarget !== btn.el().firstChild) {
-        btn.unpressButton();
-      }
-    }
-  }
-  /**
-   * Called when a `MenuItem` gets clicked or tapped.
-   *
-   * @param {EventTarget~Event} event
-   *        The `click` or `tap` event that caused this function to be called.
-   *
-   * @listens click,tap
-   */
-  ;
-
-  _proto.handleTapClick = function handleTapClick(event) {
-    // Unpress the associated MenuButton, and move focus back to it
-    if (this.menuButton_) {
-      this.menuButton_.unpressButton();
-      var childComponents = this.children();
-
-      if (!Array.isArray(childComponents)) {
-        return;
-      }
-
-      var foundComponent = childComponents.filter(function (component) {
-        return component.el() === event.target;
-      })[0];
-
-      if (!foundComponent) {
-        return;
-      } // don't focus menu button if item is a caption settings item
-      // because focus will move elsewhere
-
-
-      if (foundComponent.name() !== 'CaptionSettingsMenuItem') {
-        this.menuButton_.focus();
-      }
-    }
-  }
-  /**
-   * Handle a `keydown` event on this menu. This listener is added in the constructor.
-   *
-   * @param {EventTarget~Event} event
-   *        A `keydown` event that happened on the menu.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Left and Down Arrows
-    if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.stepForward(); // Up and Right Arrows
-    } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.stepBack();
-    }
-  }
-  /**
-   * Move to next (lower) menu item for keyboard users.
-   */
-  ;
-
-  _proto.stepForward = function stepForward() {
-    var stepChild = 0;
-
-    if (this.focusedChild_ !== undefined) {
-      stepChild = this.focusedChild_ + 1;
-    }
-
-    this.focus(stepChild);
-  }
-  /**
-   * Move to previous (higher) menu item for keyboard users.
-   */
-  ;
-
-  _proto.stepBack = function stepBack() {
-    var stepChild = 0;
-
-    if (this.focusedChild_ !== undefined) {
-      stepChild = this.focusedChild_ - 1;
-    }
-
-    this.focus(stepChild);
-  }
-  /**
-   * Set focus on a {@link MenuItem} in the `Menu`.
-   *
-   * @param {Object|string} [item=0]
-   *        Index of child item set focus on.
-   */
-  ;
-
-  _proto.focus = function focus(item) {
-    if (item === void 0) {
-      item = 0;
-    }
-
-    var children = this.children().slice();
-    var haveTitle = children.length && children[0].className && /vjs-menu-title/.test(children[0].className);
-
-    if (haveTitle) {
-      children.shift();
-    }
-
-    if (children.length > 0) {
-      if (item < 0) {
-        item = 0;
-      } else if (item >= children.length) {
-        item = children.length - 1;
-      }
-
-      this.focusedChild_ = item;
-      children[item].el_.focus();
-    }
-  };
-
-  return Menu;
-}(Component);
-
-Component.registerComponent('Menu', Menu);
-
-/**
- * A `MenuButton` class for any popup {@link Menu}.
- *
- * @extends Component
- */
-
-var MenuButton =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(MenuButton, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function MenuButton(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _Component.call(this, player, options) || this;
-    _this.menuButton_ = new Button(player, options);
-
-    _this.menuButton_.controlText(_this.controlText_);
-
-    _this.menuButton_.el_.setAttribute('aria-haspopup', 'true'); // Add buildCSSClass values to the button, not the wrapper
-
-
-    var buttonClass = Button.prototype.buildCSSClass();
-    _this.menuButton_.el_.className = _this.buildCSSClass() + ' ' + buttonClass;
-
-    _this.menuButton_.removeClass('vjs-control');
-
-    _this.addChild(_this.menuButton_);
-
-    _this.update();
-
-    _this.enabled_ = true;
-
-    _this.on(_this.menuButton_, 'tap', _this.handleClick);
-
-    _this.on(_this.menuButton_, 'click', _this.handleClick);
-
-    _this.on(_this.menuButton_, 'keydown', _this.handleKeyDown);
-
-    _this.on(_this.menuButton_, 'mouseenter', function () {
-      _this.addClass('vjs-hover');
-
-      _this.menu.show();
-
-      on(document, 'keyup', bind(_assertThisInitialized(_this), _this.handleMenuKeyUp));
-    });
-
-    _this.on('mouseleave', _this.handleMouseLeave);
-
-    _this.on('keydown', _this.handleSubmenuKeyDown);
-
-    return _this;
-  }
-  /**
-   * Update the menu based on the current state of its items.
-   */
-
-
-  var _proto = MenuButton.prototype;
-
-  _proto.update = function update() {
-    var menu = this.createMenu();
-
-    if (this.menu) {
-      this.menu.dispose();
-      this.removeChild(this.menu);
-    }
-
-    this.menu = menu;
-    this.addChild(menu);
-    /**
-     * Track the state of the menu button
-     *
-     * @type {Boolean}
-     * @private
-     */
-
-    this.buttonPressed_ = false;
-    this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-
-    if (this.items && this.items.length <= this.hideThreshold_) {
-      this.hide();
-    } else {
-      this.show();
-    }
-  }
-  /**
-   * Create the menu and add all items to it.
-   *
-   * @return {Menu}
-   *         The constructed menu
-   */
-  ;
-
-  _proto.createMenu = function createMenu() {
-    var menu = new Menu(this.player_, {
-      menuButton: this
-    });
-    /**
-     * Hide the menu if the number of items is less than or equal to this threshold. This defaults
-     * to 0 and whenever we add items which can be hidden to the menu we'll increment it. We list
-     * it here because every time we run `createMenu` we need to reset the value.
-     *
-     * @protected
-     * @type {Number}
-     */
-
-    this.hideThreshold_ = 0; // Add a title list item to the top
-
-    if (this.options_.title) {
-      var titleEl = createEl('li', {
-        className: 'vjs-menu-title',
-        innerHTML: toTitleCase(this.options_.title),
-        tabIndex: -1
-      });
-      this.hideThreshold_ += 1;
-      var titleComponent = new Component(this.player_, {
-        el: titleEl
-      });
-      menu.addItem(titleComponent);
-    }
-
-    this.items = this.createItems();
-
-    if (this.items) {
-      // Add menu items to the menu
-      for (var i = 0; i < this.items.length; i++) {
-        menu.addItem(this.items[i]);
-      }
-    }
-
-    return menu;
-  }
-  /**
-   * Create the list of menu items. Specific to each subclass.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.createItems = function createItems() {}
-  /**
-   * Create the `MenuButtons`s DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildWrapperCSSClass()
-    }, {});
-  }
-  /**
-   * Allow sub components to stack CSS class names for the wrapper element
-   *
-   * @return {string}
-   *         The constructed wrapper DOM `className`
-   */
-  ;
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-    if (this.options_.inline === true) {
-      menuButtonClass += '-inline';
-    } else {
-      menuButtonClass += '-popup';
-    } // TODO: Fix the CSS so that this isn't necessary
-
-
-    var buttonClass = Button.prototype.buildCSSClass();
-    return "vjs-menu-button " + menuButtonClass + " " + buttonClass + " " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-    if (this.options_.inline === true) {
-      menuButtonClass += '-inline';
-    } else {
-      menuButtonClass += '-popup';
-    }
-
-    return "vjs-menu-button " + menuButtonClass + " " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Get or set the localized control text that will be used for accessibility.
-   *
-   * > NOTE: This will come from the internal `menuButton_` element.
-   *
-   * @param {string} [text]
-   *        Control text for element.
-   *
-   * @param {Element} [el=this.menuButton_.el()]
-   *        Element to set the title on.
-   *
-   * @return {string}
-   *         - The control text when getting
-   */
-  ;
-
-  _proto.controlText = function controlText(text, el) {
-    if (el === void 0) {
-      el = this.menuButton_.el();
-    }
-
-    return this.menuButton_.controlText(text, el);
-  }
-  /**
-   * Dispose of the `menu-button` and all child components.
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    this.handleMouseLeave();
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Handle a click on a `MenuButton`.
-   * See {@link ClickableComponent#handleClick} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (this.buttonPressed_) {
-      this.unpressButton();
-    } else {
-      this.pressButton();
-    }
-  }
-  /**
-   * Handle `mouseleave` for `MenuButton`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `mouseleave` event that caused this function to be called.
-   *
-   * @listens mouseleave
-   */
-  ;
-
-  _proto.handleMouseLeave = function handleMouseLeave(event) {
-    this.removeClass('vjs-hover');
-    off(document, 'keyup', bind(this, this.handleMenuKeyUp));
-  }
-  /**
-   * Set the focus to the actual button, not to this element
-   */
-  ;
-
-  _proto.focus = function focus() {
-    this.menuButton_.focus();
-  }
-  /**
-   * Remove the focus from the actual button, not this element
-   */
-  ;
-
-  _proto.blur = function blur() {
-    this.menuButton_.blur();
-  }
-  /**
-   * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-   * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Escape or Tab unpress the 'button'
-    if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-      if (!keycode.isEventKey(event, 'Tab')) {
-        event.preventDefault(); // Set focus back to the menu button's button
-
-        this.menuButton_.focus();
-      } // Up Arrow or Down Arrow also 'press' the button to open the menu
-
-    } else if (keycode.isEventKey(event, 'Up') || keycode.isEventKey(event, 'Down')) {
-      if (!this.buttonPressed_) {
-        event.preventDefault();
-        this.pressButton();
-      }
-    }
-  }
-  /**
-   * Handle a `keyup` event on a `MenuButton`. The listener for this is added in
-   * the constructor.
-   *
-   * @param {EventTarget~Event} event
-   *        Key press event
-   *
-   * @listens keyup
-   */
-  ;
-
-  _proto.handleMenuKeyUp = function handleMenuKeyUp(event) {
-    // Escape hides popup menu
-    if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-      this.removeClass('vjs-hover');
-    }
-  }
-  /**
-   * This method name now delegates to `handleSubmenuKeyDown`. This means
-   * anyone calling `handleSubmenuKeyPress` will not see their method calls
-   * stop working.
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-    this.handleSubmenuKeyDown(event);
-  }
-  /**
-   * Handle a `keydown` event on a sub-menu. The listener for this is added in
-   * the constructor.
-   *
-   * @param {EventTarget~Event} event
-   *        Key press event
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleSubmenuKeyDown = function handleSubmenuKeyDown(event) {
-    // Escape or Tab unpress the 'button'
-    if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-      if (!keycode.isEventKey(event, 'Tab')) {
-        event.preventDefault(); // Set focus back to the menu button's button
-
-        this.menuButton_.focus();
-      }
-    }
-  }
-  /**
-   * Put the current `MenuButton` into a pressed state.
-   */
-  ;
-
-  _proto.pressButton = function pressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = true;
-      this.menu.show();
-      this.menu.lockShowing();
-      this.menuButton_.el_.setAttribute('aria-expanded', 'true'); // set the focus into the submenu, except on iOS where it is resulting in
-      // undesired scrolling behavior when the player is in an iframe
-
-      if (IS_IOS && isInFrame()) {
-        // Return early so that the menu isn't focused
-        return;
-      }
-
-      this.menu.focus();
-    }
-  }
-  /**
-   * Take the current `MenuButton` out of a pressed state.
-   */
-  ;
-
-  _proto.unpressButton = function unpressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = false;
-      this.menu.unlockShowing();
-      this.menu.hide();
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-    }
-  }
-  /**
-   * Disable the `MenuButton`. Don't allow it to be clicked.
-   */
-  ;
-
-  _proto.disable = function disable() {
-    this.unpressButton();
-    this.enabled_ = false;
-    this.addClass('vjs-disabled');
-    this.menuButton_.disable();
-  }
-  /**
-   * Enable the `MenuButton`. Allow it to be clicked.
-   */
-  ;
-
-  _proto.enable = function enable() {
-    this.enabled_ = true;
-    this.removeClass('vjs-disabled');
-    this.menuButton_.enable();
-  };
-
-  return MenuButton;
-}(Component);
-
-Component.registerComponent('MenuButton', MenuButton);
-
-/**
- * The base class for buttons that toggle specific  track types (e.g. subtitles).
- *
- * @extends MenuButton
- */
-
-var TrackButton =
-/*#__PURE__*/
-function (_MenuButton) {
-  _inheritsLoose(TrackButton, _MenuButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function TrackButton(player, options) {
-    var _this;
-
-    var tracks = options.tracks;
-    _this = _MenuButton.call(this, player, options) || this;
-
-    if (_this.items.length <= 1) {
-      _this.hide();
-    }
-
-    if (!tracks) {
-      return _assertThisInitialized(_this);
-    }
-
-    var updateHandler = bind(_assertThisInitialized(_this), _this.update);
-    tracks.addEventListener('removetrack', updateHandler);
-    tracks.addEventListener('addtrack', updateHandler);
-
-    _this.player_.on('ready', updateHandler);
-
-    _this.player_.on('dispose', function () {
-      tracks.removeEventListener('removetrack', updateHandler);
-      tracks.removeEventListener('addtrack', updateHandler);
-    });
-
-    return _this;
-  }
-
-  return TrackButton;
-}(MenuButton);
-
-Component.registerComponent('TrackButton', TrackButton);
-
-/**
- * @file menu-keys.js
- */
-
-/**
-  * All keys used for operation of a menu (`MenuButton`, `Menu`, and `MenuItem`)
-  * Note that 'Enter' and 'Space' are not included here (otherwise they would
-  * prevent the `MenuButton` and `MenuItem` from being keyboard-clickable)
-  * @typedef MenuKeys
-  * @array
-  */
-var MenuKeys = ['Tab', 'Esc', 'Up', 'Down', 'Right', 'Left'];
-
-/**
- * The component for a menu item. `<li>`
- *
- * @extends ClickableComponent
- */
-
-var MenuItem =
-/*#__PURE__*/
-function (_ClickableComponent) {
-  _inheritsLoose(MenuItem, _ClickableComponent);
-
-  /**
-   * Creates an instance of the this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   *
-   */
-  function MenuItem(player, options) {
-    var _this;
-
-    _this = _ClickableComponent.call(this, player, options) || this;
-    _this.selectable = options.selectable;
-    _this.isSelected_ = options.selected || false;
-    _this.multiSelectable = options.multiSelectable;
-
-    _this.selected(_this.isSelected_);
-
-    if (_this.selectable) {
-      if (_this.multiSelectable) {
-        _this.el_.setAttribute('role', 'menuitemcheckbox');
-      } else {
-        _this.el_.setAttribute('role', 'menuitemradio');
-      }
-    } else {
-      _this.el_.setAttribute('role', 'menuitem');
-    }
-
-    return _this;
-  }
-  /**
-   * Create the `MenuItem's DOM element
-   *
-   * @param {string} [type=li]
-   *        Element's node type, not actually used, always set to `li`.
-   *
-   * @param {Object} [props={}]
-   *        An object of properties that should be set on the element
-   *
-   * @param {Object} [attrs={}]
-   *        An object of attributes that should be set on the element
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  var _proto = MenuItem.prototype;
-
-  _proto.createEl = function createEl(type, props, attrs) {
-    // The control is textual, not just an icon
-    this.nonIconControl = true;
-    return _ClickableComponent.prototype.createEl.call(this, 'li', assign({
-      className: 'vjs-menu-item',
-      innerHTML: "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label) + "</span>",
-      tabIndex: -1
-    }, props), attrs);
-  }
-  /**
-   * Ignore keys which are used by the menu, but pass any other ones up. See
-   * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    if (!MenuKeys.some(function (key) {
-      return keycode.isEventKey(event, key);
-    })) {
-      // Pass keydown handling up for unused keys
-      _ClickableComponent.prototype.handleKeyDown.call(this, event);
-    }
-  }
-  /**
-   * Any click on a `MenuItem` puts it into the selected state.
-   * See {@link ClickableComponent#handleClick} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    this.selected(true);
-  }
-  /**
-   * Set the state for this menu item as selected or not.
-   *
-   * @param {boolean} selected
-   *        if the menu item is selected or not
-   */
-  ;
-
-  _proto.selected = function selected(_selected) {
-    if (this.selectable) {
-      if (_selected) {
-        this.addClass('vjs-selected');
-        this.el_.setAttribute('aria-checked', 'true'); // aria-checked isn't fully supported by browsers/screen readers,
-        // so indicate selected state to screen reader in the control text.
-
-        this.controlText(', selected');
-        this.isSelected_ = true;
-      } else {
-        this.removeClass('vjs-selected');
-        this.el_.setAttribute('aria-checked', 'false'); // Indicate un-selected state to screen reader
-
-        this.controlText('');
-        this.isSelected_ = false;
-      }
-    }
-  };
-
-  return MenuItem;
-}(ClickableComponent);
-
-Component.registerComponent('MenuItem', MenuItem);
-
-/**
- * The specific menu item type for selecting a language within a text track kind
- *
- * @extends MenuItem
- */
-
-var TextTrackMenuItem =
-/*#__PURE__*/
-function (_MenuItem) {
-  _inheritsLoose(TextTrackMenuItem, _MenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function TextTrackMenuItem(player, options) {
-    var _this;
-
-    var track = options.track;
-    var tracks = player.textTracks(); // Modify options for parent MenuItem class's init.
-
-    options.label = track.label || track.language || 'Unknown';
-    options.selected = track.mode === 'showing';
-    _this = _MenuItem.call(this, player, options) || this;
-    _this.track = track; // Determine the relevant kind(s) of tracks for this component and filter
-    // out empty kinds.
-
-    _this.kinds = (options.kinds || [options.kind || _this.track.kind]).filter(Boolean);
-
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_assertThisInitialized(_this), args);
-    };
-
-    var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      _this.handleSelectedLanguageChange.apply(_assertThisInitialized(_this), args);
-    };
-
-    player.on(['loadstart', 'texttrackchange'], changeHandler);
-    tracks.addEventListener('change', changeHandler);
-    tracks.addEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-
-    _this.on('dispose', function () {
-      player.off(['loadstart', 'texttrackchange'], changeHandler);
-      tracks.removeEventListener('change', changeHandler);
-      tracks.removeEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-    }); // iOS7 doesn't dispatch change events to TextTrackLists when an
-    // associated track's mode changes. Without something like
-    // Object.observe() (also not present on iOS7), it's not
-    // possible to detect changes to the mode attribute and polyfill
-    // the change event. As a poor substitute, we manually dispatch
-    // change events whenever the controls modify the mode.
-
-
-    if (tracks.onchange === undefined) {
-      var event;
-
-      _this.on(['tap', 'click'], function () {
-        if (typeof window$1.Event !== 'object') {
-          // Android 2.3 throws an Illegal Constructor error for window.Event
-          try {
-            event = new window$1.Event('change');
-          } catch (err) {// continue regardless of error
-          }
-        }
-
-        if (!event) {
-          event = document.createEvent('Event');
-          event.initEvent('change', true, true);
-        }
-
-        tracks.dispatchEvent(event);
-      });
-    } // set the default state based on current tracks
-
-
-    _this.handleTracksChange();
-
-    return _this;
-  }
-  /**
-   * This gets called when an `TextTrackMenuItem` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-
-
-  var _proto = TextTrackMenuItem.prototype;
-
-  _proto.handleClick = function handleClick(event) {
-    var referenceTrack = this.track;
-    var tracks = this.player_.textTracks();
-
-    _MenuItem.prototype.handleClick.call(this, event);
-
-    if (!tracks) {
-      return;
-    }
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i]; // If the track from the text tracks list is not of the right kind,
-      // skip it. We do not want to affect tracks of incompatible kind(s).
-
-      if (this.kinds.indexOf(track.kind) === -1) {
-        continue;
-      } // If this text track is the component's track and it is not showing,
-      // set it to showing.
-
-
-      if (track === referenceTrack) {
-        if (track.mode !== 'showing') {
-          track.mode = 'showing';
-        } // If this text track is not the component's track and it is not
-        // disabled, set it to disabled.
-
-      } else if (track.mode !== 'disabled') {
-        track.mode = 'disabled';
-      }
-    }
-  }
-  /**
-   * Handle text track list change
-   *
-   * @param {EventTarget~Event} event
-   *        The `change` event that caused this function to be called.
-   *
-   * @listens TextTrackList#change
-   */
-  ;
-
-  _proto.handleTracksChange = function handleTracksChange(event) {
-    var shouldBeSelected = this.track.mode === 'showing'; // Prevent redundant selected() calls because they may cause
-    // screen readers to read the appended control text unnecessarily
-
-    if (shouldBeSelected !== this.isSelected_) {
-      this.selected(shouldBeSelected);
-    }
-  };
-
-  _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-    if (this.track.mode === 'showing') {
-      var selectedLanguage = this.player_.cache_.selectedLanguage; // Don't replace the kind of track across the same language
-
-      if (selectedLanguage && selectedLanguage.enabled && selectedLanguage.language === this.track.language && selectedLanguage.kind !== this.track.kind) {
-        return;
-      }
-
-      this.player_.cache_.selectedLanguage = {
-        enabled: true,
-        language: this.track.language,
-        kind: this.track.kind
-      };
-    }
-  };
-
-  _proto.dispose = function dispose() {
-    // remove reference to track object on dispose
-    this.track = null;
-
-    _MenuItem.prototype.dispose.call(this);
-  };
-
-  return TextTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
-
-/**
- * A special menu item for turning of a specific type of text track
- *
- * @extends TextTrackMenuItem
- */
-
-var OffTextTrackMenuItem =
-/*#__PURE__*/
-function (_TextTrackMenuItem) {
-  _inheritsLoose(OffTextTrackMenuItem, _TextTrackMenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function OffTextTrackMenuItem(player, options) {
-    // Create pseudo track info
-    // Requires options['kind']
-    options.track = {
-      player: player,
-      // it is no longer necessary to store `kind` or `kinds` on the track itself
-      // since they are now stored in the `kinds` property of all instances of
-      // TextTrackMenuItem, but this will remain for backwards compatibility
-      kind: options.kind,
-      kinds: options.kinds,
-      "default": false,
-      mode: 'disabled'
-    };
-
-    if (!options.kinds) {
-      options.kinds = [options.kind];
-    }
-
-    if (options.label) {
-      options.track.label = options.label;
-    } else {
-      options.track.label = options.kinds.join(' and ') + ' off';
-    } // MenuItem is selectable
-
-
-    options.selectable = true; // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-
-    options.multiSelectable = false;
-    return _TextTrackMenuItem.call(this, player, options) || this;
-  }
-  /**
-   * Handle text track change
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run
-   */
-
-
-  var _proto = OffTextTrackMenuItem.prototype;
-
-  _proto.handleTracksChange = function handleTracksChange(event) {
-    var tracks = this.player().textTracks();
-    var shouldBeSelected = true;
-
-    for (var i = 0, l = tracks.length; i < l; i++) {
-      var track = tracks[i];
-
-      if (this.options_.kinds.indexOf(track.kind) > -1 && track.mode === 'showing') {
-        shouldBeSelected = false;
-        break;
-      }
-    } // Prevent redundant selected() calls because they may cause
-    // screen readers to read the appended control text unnecessarily
-
-
-    if (shouldBeSelected !== this.isSelected_) {
-      this.selected(shouldBeSelected);
-    }
-  };
-
-  _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-    var tracks = this.player().textTracks();
-    var allHidden = true;
-
-    for (var i = 0, l = tracks.length; i < l; i++) {
-      var track = tracks[i];
-
-      if (['captions', 'descriptions', 'subtitles'].indexOf(track.kind) > -1 && track.mode === 'showing') {
-        allHidden = false;
-        break;
-      }
-    }
-
-    if (allHidden) {
-      this.player_.cache_.selectedLanguage = {
-        enabled: false
-      };
-    }
-  };
-
-  return OffTextTrackMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
-
-/**
- * The base class for buttons that toggle specific text track types (e.g. subtitles)
- *
- * @extends MenuButton
- */
-
-var TextTrackButton =
-/*#__PURE__*/
-function (_TrackButton) {
-  _inheritsLoose(TextTrackButton, _TrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function TextTrackButton(player, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    options.tracks = player.textTracks();
-    return _TrackButton.call(this, player, options) || this;
-  }
-  /**
-   * Create a menu item for each text track
-   *
-   * @param {TextTrackMenuItem[]} [items=[]]
-   *        Existing array of items to use during creation
-   *
-   * @return {TextTrackMenuItem[]}
-   *         Array of menu items that were created
-   */
-
-
-  var _proto = TextTrackButton.prototype;
-
-  _proto.createItems = function createItems(items, TrackMenuItem) {
-    if (items === void 0) {
-      items = [];
-    }
-
-    if (TrackMenuItem === void 0) {
-      TrackMenuItem = TextTrackMenuItem;
-    }
-
-    // Label is an override for the [track] off label
-    // USed to localise captions/subtitles
-    var label;
-
-    if (this.label_) {
-      label = this.label_ + " off";
-    } // Add an OFF menu item to turn all tracks off
-
-
-    items.push(new OffTextTrackMenuItem(this.player_, {
-      kinds: this.kinds_,
-      kind: this.kind_,
-      label: label
-    }));
-    this.hideThreshold_ += 1;
-    var tracks = this.player_.textTracks();
-
-    if (!Array.isArray(this.kinds_)) {
-      this.kinds_ = [this.kind_];
-    }
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i]; // only add tracks that are of an appropriate kind and have a label
-
-      if (this.kinds_.indexOf(track.kind) > -1) {
-        var item = new TrackMenuItem(this.player_, {
-          track: track,
-          kinds: this.kinds_,
-          kind: this.kind_,
-          // MenuItem is selectable
-          selectable: true,
-          // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-          multiSelectable: false
-        });
-        item.addClass("vjs-" + track.kind + "-menu-item");
-        items.push(item);
-      }
-    }
-
-    return items;
-  };
-
-  return TextTrackButton;
-}(TrackButton);
-
-Component.registerComponent('TextTrackButton', TextTrackButton);
-
-/**
- * The chapter track menu item
- *
- * @extends MenuItem
- */
-
-var ChaptersTrackMenuItem =
-/*#__PURE__*/
-function (_MenuItem) {
-  _inheritsLoose(ChaptersTrackMenuItem, _MenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function ChaptersTrackMenuItem(player, options) {
-    var _this;
-
-    var track = options.track;
-    var cue = options.cue;
-    var currentTime = player.currentTime(); // Modify options for parent MenuItem class's init.
-
-    options.selectable = true;
-    options.multiSelectable = false;
-    options.label = cue.text;
-    options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-    _this = _MenuItem.call(this, player, options) || this;
-    _this.track = track;
-    _this.cue = cue;
-    track.addEventListener('cuechange', bind(_assertThisInitialized(_this), _this.update));
-    return _this;
-  }
-  /**
-   * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-
-
-  var _proto = ChaptersTrackMenuItem.prototype;
-
-  _proto.handleClick = function handleClick(event) {
-    _MenuItem.prototype.handleClick.call(this);
-
-    this.player_.currentTime(this.cue.startTime);
-    this.update(this.cue.startTime);
-  }
-  /**
-   * Update chapter menu item
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `cuechange` event that caused this function to run.
-   *
-   * @listens TextTrack#cuechange
-   */
-  ;
-
-  _proto.update = function update(event) {
-    var cue = this.cue;
-    var currentTime = this.player_.currentTime(); // vjs.log(currentTime, cue.startTime);
-
-    this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
-  };
-
-  return ChaptersTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
-
-/**
- * The button component for toggling and selecting chapters
- * Chapters act much differently than other text tracks
- * Cues are navigation vs. other tracks of alternative languages
- *
- * @extends TextTrackButton
- */
-
-var ChaptersButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(ChaptersButton, _TextTrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when this function is ready.
-   */
-  function ChaptersButton(player, options, ready) {
-    return _TextTrackButton.call(this, player, options, ready) || this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = ChaptersButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-chapters-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-chapters-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Update the menu based on the current state of its items.
-   *
-   * @param {EventTarget~Event} [event]
-   *        An event that triggered this function to run.
-   *
-   * @listens TextTrackList#addtrack
-   * @listens TextTrackList#removetrack
-   * @listens TextTrackList#change
-   */
-  ;
-
-  _proto.update = function update(event) {
-    if (!this.track_ || event && (event.type === 'addtrack' || event.type === 'removetrack')) {
-      this.setTrack(this.findChaptersTrack());
-    }
-
-    _TextTrackButton.prototype.update.call(this);
-  }
-  /**
-   * Set the currently selected track for the chapters button.
-   *
-   * @param {TextTrack} track
-   *        The new track to select. Nothing will change if this is the currently selected
-   *        track.
-   */
-  ;
-
-  _proto.setTrack = function setTrack(track) {
-    if (this.track_ === track) {
-      return;
-    }
-
-    if (!this.updateHandler_) {
-      this.updateHandler_ = this.update.bind(this);
-    } // here this.track_ refers to the old track instance
-
-
-    if (this.track_) {
-      var remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-      if (remoteTextTrackEl) {
-        remoteTextTrackEl.removeEventListener('load', this.updateHandler_);
-      }
-
-      this.track_ = null;
-    }
-
-    this.track_ = track; // here this.track_ refers to the new track instance
-
-    if (this.track_) {
-      this.track_.mode = 'hidden';
-
-      var _remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-      if (_remoteTextTrackEl) {
-        _remoteTextTrackEl.addEventListener('load', this.updateHandler_);
-      }
-    }
-  }
-  /**
-   * Find the track object that is currently in use by this ChaptersButton
-   *
-   * @return {TextTrack|undefined}
-   *         The current track or undefined if none was found.
-   */
-  ;
-
-  _proto.findChaptersTrack = function findChaptersTrack() {
-    var tracks = this.player_.textTracks() || [];
-
-    for (var i = tracks.length - 1; i >= 0; i--) {
-      // We will always choose the last track as our chaptersTrack
-      var track = tracks[i];
-
-      if (track.kind === this.kind_) {
-        return track;
-      }
-    }
-  }
-  /**
-   * Get the caption for the ChaptersButton based on the track label. This will also
-   * use the current tracks localized kind as a fallback if a label does not exist.
-   *
-   * @return {string}
-   *         The tracks current label or the localized track kind.
-   */
-  ;
-
-  _proto.getMenuCaption = function getMenuCaption() {
-    if (this.track_ && this.track_.label) {
-      return this.track_.label;
-    }
-
-    return this.localize(toTitleCase(this.kind_));
-  }
-  /**
-   * Create menu from chapter track
-   *
-   * @return {Menu}
-   *         New menu for the chapter buttons
-   */
-  ;
-
-  _proto.createMenu = function createMenu() {
-    this.options_.title = this.getMenuCaption();
-    return _TextTrackButton.prototype.createMenu.call(this);
-  }
-  /**
-   * Create a menu item for each text track
-   *
-   * @return {TextTrackMenuItem[]}
-   *         Array of menu items
-   */
-  ;
-
-  _proto.createItems = function createItems() {
-    var items = [];
-
-    if (!this.track_) {
-      return items;
-    }
-
-    var cues = this.track_.cues;
-
-    if (!cues) {
-      return items;
-    }
-
-    for (var i = 0, l = cues.length; i < l; i++) {
-      var cue = cues[i];
-      var mi = new ChaptersTrackMenuItem(this.player_, {
-        track: this.track_,
-        cue: cue
-      });
-      items.push(mi);
-    }
-
-    return items;
-  };
-
-  return ChaptersButton;
-}(TextTrackButton);
-/**
- * `kind` of TextTrack to look for to associate it with this menu.
- *
- * @type {string}
- * @private
- */
-
-
-ChaptersButton.prototype.kind_ = 'chapters';
-/**
- * The text that should display over the `ChaptersButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-ChaptersButton.prototype.controlText_ = 'Chapters';
-Component.registerComponent('ChaptersButton', ChaptersButton);
-
-/**
- * The button component for toggling and selecting descriptions
- *
- * @extends TextTrackButton
- */
-
-var DescriptionsButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(DescriptionsButton, _TextTrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when this component is ready.
-   */
-  function DescriptionsButton(player, options, ready) {
-    var _this;
-
-    _this = _TextTrackButton.call(this, player, options, ready) || this;
-    var tracks = player.textTracks();
-    var changeHandler = bind(_assertThisInitialized(_this), _this.handleTracksChange);
-    tracks.addEventListener('change', changeHandler);
-
-    _this.on('dispose', function () {
-      tracks.removeEventListener('change', changeHandler);
-    });
-
-    return _this;
-  }
-  /**
-   * Handle text track change
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run
-   *
-   * @listens TextTrackList#change
-   */
-
-
-  var _proto = DescriptionsButton.prototype;
-
-  _proto.handleTracksChange = function handleTracksChange(event) {
-    var tracks = this.player().textTracks();
-    var disabled = false; // Check whether a track of a different kind is showing
-
-    for (var i = 0, l = tracks.length; i < l; i++) {
-      var track = tracks[i];
-
-      if (track.kind !== this.kind_ && track.mode === 'showing') {
-        disabled = true;
-        break;
-      }
-    } // If another track is showing, disable this menu button
-
-
-    if (disabled) {
-      this.disable();
-    } else {
-      this.enable();
-    }
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-descriptions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-descriptions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  };
-
-  return DescriptionsButton;
-}(TextTrackButton);
-/**
- * `kind` of TextTrack to look for to associate it with this menu.
- *
- * @type {string}
- * @private
- */
-
-
-DescriptionsButton.prototype.kind_ = 'descriptions';
-/**
- * The text that should display over the `DescriptionsButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-DescriptionsButton.prototype.controlText_ = 'Descriptions';
-Component.registerComponent('DescriptionsButton', DescriptionsButton);
-
-/**
- * The button component for toggling and selecting subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubtitlesButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(SubtitlesButton, _TextTrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when this component is ready.
-   */
-  function SubtitlesButton(player, options, ready) {
-    return _TextTrackButton.call(this, player, options, ready) || this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = SubtitlesButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-subtitles-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-subtitles-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  };
-
-  return SubtitlesButton;
-}(TextTrackButton);
-/**
- * `kind` of TextTrack to look for to associate it with this menu.
- *
- * @type {string}
- * @private
- */
-
-
-SubtitlesButton.prototype.kind_ = 'subtitles';
-/**
- * The text that should display over the `SubtitlesButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-SubtitlesButton.prototype.controlText_ = 'Subtitles';
-Component.registerComponent('SubtitlesButton', SubtitlesButton);
-
-/**
- * The menu item for caption track settings menu
- *
- * @extends TextTrackMenuItem
- */
-
-var CaptionSettingsMenuItem =
-/*#__PURE__*/
-function (_TextTrackMenuItem) {
-  _inheritsLoose(CaptionSettingsMenuItem, _TextTrackMenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function CaptionSettingsMenuItem(player, options) {
-    var _this;
-
-    options.track = {
-      player: player,
-      kind: options.kind,
-      label: options.kind + ' settings',
-      selectable: false,
-      "default": false,
-      mode: 'disabled'
-    }; // CaptionSettingsMenuItem has no concept of 'selected'
-
-    options.selectable = false;
-    options.name = 'CaptionSettingsMenuItem';
-    _this = _TextTrackMenuItem.call(this, player, options) || this;
-
-    _this.addClass('vjs-texttrack-settings');
-
-    _this.controlText(', opens ' + options.kind + ' settings dialog');
-
-    return _this;
-  }
-  /**
-   * This gets called when an `CaptionSettingsMenuItem` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-
-
-  var _proto = CaptionSettingsMenuItem.prototype;
-
-  _proto.handleClick = function handleClick(event) {
-    this.player().getChild('textTrackSettings').open();
-  };
-
-  return CaptionSettingsMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-/**
- * The button component for toggling and selecting captions
- *
- * @extends TextTrackButton
- */
-
-var CaptionsButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(CaptionsButton, _TextTrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when this component is ready.
-   */
-  function CaptionsButton(player, options, ready) {
-    return _TextTrackButton.call(this, player, options, ready) || this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = CaptionsButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-captions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-captions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Create caption menu items
-   *
-   * @return {CaptionSettingsMenuItem[]}
-   *         The array of current menu items.
-   */
-  ;
-
-  _proto.createItems = function createItems() {
-    var items = [];
-
-    if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-      items.push(new CaptionSettingsMenuItem(this.player_, {
-        kind: this.kind_
-      }));
-      this.hideThreshold_ += 1;
-    }
-
-    return _TextTrackButton.prototype.createItems.call(this, items);
-  };
-
-  return CaptionsButton;
-}(TextTrackButton);
-/**
- * `kind` of TextTrack to look for to associate it with this menu.
- *
- * @type {string}
- * @private
- */
-
-
-CaptionsButton.prototype.kind_ = 'captions';
-/**
- * The text that should display over the `CaptionsButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-CaptionsButton.prototype.controlText_ = 'Captions';
-Component.registerComponent('CaptionsButton', CaptionsButton);
-
-/**
- * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
- * in the SubsCapsMenu.
- *
- * @extends TextTrackMenuItem
- */
-
-var SubsCapsMenuItem =
-/*#__PURE__*/
-function (_TextTrackMenuItem) {
-  _inheritsLoose(SubsCapsMenuItem, _TextTrackMenuItem);
-
-  function SubsCapsMenuItem() {
-    return _TextTrackMenuItem.apply(this, arguments) || this;
-  }
-
-  var _proto = SubsCapsMenuItem.prototype;
-
-  _proto.createEl = function createEl(type, props, attrs) {
-    var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-    if (this.options_.track.kind === 'captions') {
-      innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Captions') + "</span>\n      ";
-    }
-
-    innerHTML += '</span>';
-
-    var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({
-      innerHTML: innerHTML
-    }, props), attrs);
-
-    return el;
-  };
-
-  return SubsCapsMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
-
-/**
- * The button component for toggling and selecting captions and/or subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubsCapsButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(SubsCapsButton, _TextTrackButton);
-
-  function SubsCapsButton(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _TextTrackButton.call(this, player, options) || this; // Although North America uses "captions" in most cases for
-    // "captions and subtitles" other locales use "subtitles"
-
-    _this.label_ = 'subtitles';
-
-    if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(_this.player_.language_) > -1) {
-      _this.label_ = 'captions';
-    }
-
-    _this.menuButton_.controlText(toTitleCase(_this.label_));
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = SubsCapsButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Create caption/subtitles menu items
-   *
-   * @return {CaptionSettingsMenuItem[]}
-   *         The array of current menu items.
-   */
-  ;
-
-  _proto.createItems = function createItems() {
-    var items = [];
-
-    if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-      items.push(new CaptionSettingsMenuItem(this.player_, {
-        kind: this.label_
-      }));
-      this.hideThreshold_ += 1;
-    }
-
-    items = _TextTrackButton.prototype.createItems.call(this, items, SubsCapsMenuItem);
-    return items;
-  };
-
-  return SubsCapsButton;
-}(TextTrackButton);
-/**
- * `kind`s of TextTrack to look for to associate it with this menu.
- *
- * @type {array}
- * @private
- */
-
-
-SubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'];
-/**
- * The text that should display over the `SubsCapsButton`s controls.
- *
- *
- * @type {string}
- * @private
- */
-
-SubsCapsButton.prototype.controlText_ = 'Subtitles';
-Component.registerComponent('SubsCapsButton', SubsCapsButton);
-
-/**
- * An {@link AudioTrack} {@link MenuItem}
- *
- * @extends MenuItem
- */
-
-var AudioTrackMenuItem =
-/*#__PURE__*/
-function (_MenuItem) {
-  _inheritsLoose(AudioTrackMenuItem, _MenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function AudioTrackMenuItem(player, options) {
-    var _this;
-
-    var track = options.track;
-    var tracks = player.audioTracks(); // Modify options for parent MenuItem class's init.
-
-    options.label = track.label || track.language || 'Unknown';
-    options.selected = track.enabled;
-    _this = _MenuItem.call(this, player, options) || this;
-    _this.track = track;
-
-    _this.addClass("vjs-" + track.kind + "-menu-item");
-
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_assertThisInitialized(_this), args);
-    };
-
-    tracks.addEventListener('change', changeHandler);
-
-    _this.on('dispose', function () {
-      tracks.removeEventListener('change', changeHandler);
-    });
-
-    return _this;
-  }
-
-  var _proto = AudioTrackMenuItem.prototype;
-
-  _proto.createEl = function createEl(type, props, attrs) {
-    var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-    if (this.options_.track.kind === 'main-desc') {
-      innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Descriptions') + "</span>\n      ";
-    }
-
-    innerHTML += '</span>';
-
-    var el = _MenuItem.prototype.createEl.call(this, type, assign({
-      innerHTML: innerHTML
-    }, props), attrs);
-
-    return el;
-  }
-  /**
-   * This gets called when an `AudioTrackMenuItem is "clicked". See {@link ClickableComponent}
-   * for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    var tracks = this.player_.audioTracks();
-
-    _MenuItem.prototype.handleClick.call(this, event);
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i];
-      track.enabled = track === this.track;
-    }
-  }
-  /**
-   * Handle any {@link AudioTrack} change.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link AudioTrackList#change} event that caused this to run.
-   *
-   * @listens AudioTrackList#change
-   */
-  ;
-
-  _proto.handleTracksChange = function handleTracksChange(event) {
-    this.selected(this.track.enabled);
-  };
-
-  return AudioTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-/**
- * The base class for buttons that toggle specific {@link AudioTrack} types.
- *
- * @extends TrackButton
- */
-
-var AudioTrackButton =
-/*#__PURE__*/
-function (_TrackButton) {
-  _inheritsLoose(AudioTrackButton, _TrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function AudioTrackButton(player, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    options.tracks = player.audioTracks();
-    return _TrackButton.call(this, player, options) || this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = AudioTrackButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-audio-button " + _TrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-audio-button " + _TrackButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Create a menu item for each audio track
-   *
-   * @param {AudioTrackMenuItem[]} [items=[]]
-   *        An array of existing menu items to use.
-   *
-   * @return {AudioTrackMenuItem[]}
-   *         An array of menu items
-   */
-  ;
-
-  _proto.createItems = function createItems(items) {
-    if (items === void 0) {
-      items = [];
-    }
-
-    // if there's only one audio track, there no point in showing it
-    this.hideThreshold_ = 1;
-    var tracks = this.player_.audioTracks();
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i];
-      items.push(new AudioTrackMenuItem(this.player_, {
-        track: track,
-        // MenuItem is selectable
-        selectable: true,
-        // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-        multiSelectable: false
-      }));
-    }
-
-    return items;
-  };
-
-  return AudioTrackButton;
-}(TrackButton);
-/**
- * The text that should display over the `AudioTrackButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-AudioTrackButton.prototype.controlText_ = 'Audio Track';
-Component.registerComponent('AudioTrackButton', AudioTrackButton);
-
-/**
- * The specific menu item type for selecting a playback rate.
- *
- * @extends MenuItem
- */
-
-var PlaybackRateMenuItem =
-/*#__PURE__*/
-function (_MenuItem) {
-  _inheritsLoose(PlaybackRateMenuItem, _MenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function PlaybackRateMenuItem(player, options) {
-    var _this;
-
-    var label = options.rate;
-    var rate = parseFloat(label, 10); // Modify options for parent MenuItem class's init.
-
-    options.label = label;
-    options.selected = rate === 1;
-    options.selectable = true;
-    options.multiSelectable = false;
-    _this = _MenuItem.call(this, player, options) || this;
-    _this.label = label;
-    _this.rate = rate;
-
-    _this.on(player, 'ratechange', _this.update);
-
-    return _this;
-  }
-  /**
-   * This gets called when an `PlaybackRateMenuItem` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-
-
-  var _proto = PlaybackRateMenuItem.prototype;
-
-  _proto.handleClick = function handleClick(event) {
-    _MenuItem.prototype.handleClick.call(this);
-
-    this.player().playbackRate(this.rate);
-  }
-  /**
-   * Update the PlaybackRateMenuItem when the playbackrate changes.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ratechange` event that caused this function to run.
-   *
-   * @listens Player#ratechange
-   */
-  ;
-
-  _proto.update = function update(event) {
-    this.selected(this.player().playbackRate() === this.rate);
-  };
-
-  return PlaybackRateMenuItem;
-}(MenuItem);
-/**
- * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-PlaybackRateMenuItem.prototype.contentElType = 'button';
-Component.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
-
-/**
- * The component for controlling the playback rate.
- *
- * @extends MenuButton
- */
-
-var PlaybackRateMenuButton =
-/*#__PURE__*/
-function (_MenuButton) {
-  _inheritsLoose(PlaybackRateMenuButton, _MenuButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function PlaybackRateMenuButton(player, options) {
-    var _this;
-
-    _this = _MenuButton.call(this, player, options) || this;
-
-    _this.updateVisibility();
-
-    _this.updateLabel();
-
-    _this.on(player, 'loadstart', _this.updateVisibility);
-
-    _this.on(player, 'ratechange', _this.updateLabel);
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = PlaybackRateMenuButton.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var el = _MenuButton.prototype.createEl.call(this);
-
-    this.labelEl_ = createEl('div', {
-      className: 'vjs-playback-rate-value',
-      innerHTML: '1x'
-    });
-    el.appendChild(this.labelEl_);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.labelEl_ = null;
-
-    _MenuButton.prototype.dispose.call(this);
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-playback-rate " + _MenuButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-playback-rate " + _MenuButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Create the playback rate menu
-   *
-   * @return {Menu}
-   *         Menu object populated with {@link PlaybackRateMenuItem}s
-   */
-  ;
-
-  _proto.createMenu = function createMenu() {
-    var menu = new Menu(this.player());
-    var rates = this.playbackRates();
-
-    if (rates) {
-      for (var i = rates.length - 1; i >= 0; i--) {
-        menu.addChild(new PlaybackRateMenuItem(this.player(), {
-          rate: rates[i] + 'x'
-        }));
-      }
-    }
-
-    return menu;
-  }
-  /**
-   * Updates ARIA accessibility attributes
-   */
-  ;
-
-  _proto.updateARIAAttributes = function updateARIAAttributes() {
-    // Current playback rate
-    this.el().setAttribute('aria-valuenow', this.player().playbackRate());
-  }
-  /**
-   * This gets called when an `PlaybackRateMenuButton` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    // select next rate option
-    var currentRate = this.player().playbackRate();
-    var rates = this.playbackRates(); // this will select first one if the last one currently selected
-
-    var newRate = rates[0];
-
-    for (var i = 0; i < rates.length; i++) {
-      if (rates[i] > currentRate) {
-        newRate = rates[i];
-        break;
-      }
-    }
-
-    this.player().playbackRate(newRate);
-  }
-  /**
-   * Get possible playback rates
-   *
-   * @return {Array}
-   *         All possible playback rates
-   */
-  ;
-
-  _proto.playbackRates = function playbackRates() {
-    return this.options_.playbackRates || this.options_.playerOptions && this.options_.playerOptions.playbackRates;
-  }
-  /**
-   * Get whether playback rates is supported by the tech
-   * and an array of playback rates exists
-   *
-   * @return {boolean}
-   *         Whether changing playback rate is supported
-   */
-  ;
-
-  _proto.playbackRateSupported = function playbackRateSupported() {
-    return this.player().tech_ && this.player().tech_.featuresPlaybackRate && this.playbackRates() && this.playbackRates().length > 0;
-  }
-  /**
-   * Hide playback rate controls when they're no playback rate options to select
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#loadstart
-   */
-  ;
-
-  _proto.updateVisibility = function updateVisibility(event) {
-    if (this.playbackRateSupported()) {
-      this.removeClass('vjs-hidden');
-    } else {
-      this.addClass('vjs-hidden');
-    }
-  }
-  /**
-   * Update button label when rate changed
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#ratechange
-   */
-  ;
-
-  _proto.updateLabel = function updateLabel(event) {
-    if (this.playbackRateSupported()) {
-      this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
-    }
-  };
-
-  return PlaybackRateMenuButton;
-}(MenuButton);
-/**
- * The text that should display over the `FullscreenToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-PlaybackRateMenuButton.prototype.controlText_ = 'Playback Rate';
-Component.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
-
-/**
- * Just an empty spacer element that can be used as an append point for plugins, etc.
- * Also can be used to create space between elements when necessary.
- *
- * @extends Component
- */
-
-var Spacer =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Spacer, _Component);
-
-  function Spacer() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = Spacer.prototype;
-
-  /**
-  * Builds the default DOM `className`.
-  *
-  * @return {string}
-  *         The DOM `className` for this object.
-  */
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-spacer " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildCSSClass()
-    });
-  };
-
-  return Spacer;
-}(Component);
-
-Component.registerComponent('Spacer', Spacer);
-
-/**
- * Spacer specifically meant to be used as an insertion point for new plugins, etc.
- *
- * @extends Spacer
- */
-
-var CustomControlSpacer =
-/*#__PURE__*/
-function (_Spacer) {
-  _inheritsLoose(CustomControlSpacer, _Spacer);
-
-  function CustomControlSpacer() {
-    return _Spacer.apply(this, arguments) || this;
-  }
-
-  var _proto = CustomControlSpacer.prototype;
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-custom-control-spacer " + _Spacer.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    var el = _Spacer.prototype.createEl.call(this, {
-      className: this.buildCSSClass()
-    }); // No-flex/table-cell mode requires there be some content
-    // in the cell to fill the remaining space of the table.
-
-
-    el.innerHTML = "\xA0";
-    return el;
-  };
-
-  return CustomControlSpacer;
-}(Spacer);
-
-Component.registerComponent('CustomControlSpacer', CustomControlSpacer);
-
-/**
- * Container of main controls.
- *
- * @extends Component
- */
-
-var ControlBar =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ControlBar, _Component);
-
-  function ControlBar() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = ControlBar.prototype;
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-control-bar',
-      dir: 'ltr'
-    });
-  };
-
-  return ControlBar;
-}(Component);
-/**
- * Default options for `ControlBar`
- *
- * @type {Object}
- * @private
- */
-
-
-ControlBar.prototype.options_ = {
-  children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'seekToLive', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-};
-
-if ('exitPictureInPicture' in document) {
-  ControlBar.prototype.options_.children.splice(ControlBar.prototype.options_.children.length - 1, 0, 'pictureInPictureToggle');
-}
-
-Component.registerComponent('ControlBar', ControlBar);
-
-/**
- * A display that indicates an error has occurred. This means that the video
- * is unplayable.
- *
- * @extends ModalDialog
- */
-
-var ErrorDisplay =
-/*#__PURE__*/
-function (_ModalDialog) {
-  _inheritsLoose(ErrorDisplay, _ModalDialog);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param  {Player} player
-   *         The `Player` that this class should be attached to.
-   *
-   * @param  {Object} [options]
-   *         The key/value store of player options.
-   */
-  function ErrorDisplay(player, options) {
-    var _this;
-
-    _this = _ModalDialog.call(this, player, options) || this;
-
-    _this.on(player, 'error', _this.open);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   *
-   * @deprecated Since version 5.
-   */
-
-
-  var _proto = ErrorDisplay.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-error-display " + _ModalDialog.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Gets the localized error message based on the `Player`s error.
-   *
-   * @return {string}
-   *         The `Player`s error message localized or an empty string.
-   */
-  ;
-
-  _proto.content = function content() {
-    var error = this.player().error();
-    return error ? this.localize(error.message) : '';
-  };
-
-  return ErrorDisplay;
-}(ModalDialog);
-/**
- * The default options for an `ErrorDisplay`.
- *
- * @private
- */
-
-
-ErrorDisplay.prototype.options_ = _extends({}, ModalDialog.prototype.options_, {
-  pauseOnOpen: false,
-  fillAlways: true,
-  temporary: false,
-  uncloseable: true
-});
-Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-var LOCAL_STORAGE_KEY = 'vjs-text-track-settings';
-var COLOR_BLACK = ['#000', 'Black'];
-var COLOR_BLUE = ['#00F', 'Blue'];
-var COLOR_CYAN = ['#0FF', 'Cyan'];
-var COLOR_GREEN = ['#0F0', 'Green'];
-var COLOR_MAGENTA = ['#F0F', 'Magenta'];
-var COLOR_RED = ['#F00', 'Red'];
-var COLOR_WHITE = ['#FFF', 'White'];
-var COLOR_YELLOW = ['#FF0', 'Yellow'];
-var OPACITY_OPAQUE = ['1', 'Opaque'];
-var OPACITY_SEMI = ['0.5', 'Semi-Transparent'];
-var OPACITY_TRANS = ['0', 'Transparent']; // Configuration for the various <select> elements in the DOM of this component.
-//
-// Possible keys include:
-//
-// `default`:
-//   The default option index. Only needs to be provided if not zero.
-// `parser`:
-//   A function which is used to parse the value from the selected option in
-//   a customized way.
-// `selector`:
-//   The selector used to find the associated <select> element.
-
-var selectConfigs = {
-  backgroundColor: {
-    selector: '.vjs-bg-color > select',
-    id: 'captions-background-color-%s',
-    label: 'Color',
-    options: [COLOR_BLACK, COLOR_WHITE, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-  },
-  backgroundOpacity: {
-    selector: '.vjs-bg-opacity > select',
-    id: 'captions-background-opacity-%s',
-    label: 'Transparency',
-    options: [OPACITY_OPAQUE, OPACITY_SEMI, OPACITY_TRANS]
-  },
-  color: {
-    selector: '.vjs-fg-color > select',
-    id: 'captions-foreground-color-%s',
-    label: 'Color',
-    options: [COLOR_WHITE, COLOR_BLACK, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-  },
-  edgeStyle: {
-    selector: '.vjs-edge-style > select',
-    id: '%s',
-    label: 'Text Edge Style',
-    options: [['none', 'None'], ['raised', 'Raised'], ['depressed', 'Depressed'], ['uniform', 'Uniform'], ['dropshadow', 'Dropshadow']]
-  },
-  fontFamily: {
-    selector: '.vjs-font-family > select',
-    id: 'captions-font-family-%s',
-    label: 'Font Family',
-    options: [['proportionalSansSerif', 'Proportional Sans-Serif'], ['monospaceSansSerif', 'Monospace Sans-Serif'], ['proportionalSerif', 'Proportional Serif'], ['monospaceSerif', 'Monospace Serif'], ['casual', 'Casual'], ['script', 'Script'], ['small-caps', 'Small Caps']]
-  },
-  fontPercent: {
-    selector: '.vjs-font-percent > select',
-    id: 'captions-font-size-%s',
-    label: 'Font Size',
-    options: [['0.50', '50%'], ['0.75', '75%'], ['1.00', '100%'], ['1.25', '125%'], ['1.50', '150%'], ['1.75', '175%'], ['2.00', '200%'], ['3.00', '300%'], ['4.00', '400%']],
-    "default": 2,
-    parser: function parser(v) {
-      return v === '1.00' ? null : Number(v);
-    }
-  },
-  textOpacity: {
-    selector: '.vjs-text-opacity > select',
-    id: 'captions-foreground-opacity-%s',
-    label: 'Transparency',
-    options: [OPACITY_OPAQUE, OPACITY_SEMI]
-  },
-  // Options for this object are defined below.
-  windowColor: {
-    selector: '.vjs-window-color > select',
-    id: 'captions-window-color-%s',
-    label: 'Color'
-  },
-  // Options for this object are defined below.
-  windowOpacity: {
-    selector: '.vjs-window-opacity > select',
-    id: 'captions-window-opacity-%s',
-    label: 'Transparency',
-    options: [OPACITY_TRANS, OPACITY_SEMI, OPACITY_OPAQUE]
-  }
-};
-selectConfigs.windowColor.options = selectConfigs.backgroundColor.options;
-/**
- * Get the actual value of an option.
- *
- * @param  {string} value
- *         The value to get
- *
- * @param  {Function} [parser]
- *         Optional function to adjust the value.
- *
- * @return {Mixed}
- *         - Will be `undefined` if no value exists
- *         - Will be `undefined` if the given value is "none".
- *         - Will be the actual value otherwise.
- *
- * @private
- */
-
-function parseOptionValue(value, parser) {
-  if (parser) {
-    value = parser(value);
-  }
-
-  if (value && value !== 'none') {
-    return value;
-  }
-}
-/**
- * Gets the value of the selected <option> element within a <select> element.
- *
- * @param  {Element} el
- *         the element to look in
- *
- * @param  {Function} [parser]
- *         Optional function to adjust the value.
- *
- * @return {Mixed}
- *         - Will be `undefined` if no value exists
- *         - Will be `undefined` if the given value is "none".
- *         - Will be the actual value otherwise.
- *
- * @private
- */
-
-
-function getSelectedOptionValue(el, parser) {
-  var value = el.options[el.options.selectedIndex].value;
-  return parseOptionValue(value, parser);
-}
-/**
- * Sets the selected <option> element within a <select> element based on a
- * given value.
- *
- * @param {Element} el
- *        The element to look in.
- *
- * @param {string} value
- *        the property to look on.
- *
- * @param {Function} [parser]
- *        Optional function to adjust the value before comparing.
- *
- * @private
- */
-
-
-function setSelectedOption(el, value, parser) {
-  if (!value) {
-    return;
-  }
-
-  for (var i = 0; i < el.options.length; i++) {
-    if (parseOptionValue(el.options[i].value, parser) === value) {
-      el.selectedIndex = i;
-      break;
-    }
-  }
-}
-/**
- * Manipulate Text Tracks settings.
- *
- * @extends ModalDialog
- */
-
-
-var TextTrackSettings =
-/*#__PURE__*/
-function (_ModalDialog) {
-  _inheritsLoose(TextTrackSettings, _ModalDialog);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *         The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *         The key/value store of player options.
-   */
-  function TextTrackSettings(player, options) {
-    var _this;
-
-    options.temporary = false;
-    _this = _ModalDialog.call(this, player, options) || this;
-    _this.updateDisplay = bind(_assertThisInitialized(_this), _this.updateDisplay); // fill the modal and pretend we have opened it
-
-    _this.fill();
-
-    _this.hasBeenOpened_ = _this.hasBeenFilled_ = true;
-    _this.endDialog = createEl('p', {
-      className: 'vjs-control-text',
-      textContent: _this.localize('End of dialog window.')
-    });
-
-    _this.el().appendChild(_this.endDialog);
-
-    _this.setDefaults(); // Grab `persistTextTrackSettings` from the player options if not passed in child options
-
-
-    if (options.persistTextTrackSettings === undefined) {
-      _this.options_.persistTextTrackSettings = _this.options_.playerOptions.persistTextTrackSettings;
-    }
-
-    _this.on(_this.$('.vjs-done-button'), 'click', function () {
-      _this.saveSettings();
-
-      _this.close();
-    });
-
-    _this.on(_this.$('.vjs-default-button'), 'click', function () {
-      _this.setDefaults();
-
-      _this.updateDisplay();
-    });
-
-    each(selectConfigs, function (config) {
-      _this.on(_this.$(config.selector), 'change', _this.updateDisplay);
-    });
-
-    if (_this.options_.persistTextTrackSettings) {
-      _this.restoreSettings();
-    }
-
-    return _this;
-  }
-
-  var _proto = TextTrackSettings.prototype;
-
-  _proto.dispose = function dispose() {
-    this.endDialog = null;
-
-    _ModalDialog.prototype.dispose.call(this);
-  }
-  /**
-   * Create a <select> element with configured options.
-   *
-   * @param {string} key
-   *        Configuration key to use during creation.
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElSelect_ = function createElSelect_(key, legendId, type) {
-    var _this2 = this;
-
-    if (legendId === void 0) {
-      legendId = '';
-    }
-
-    if (type === void 0) {
-      type = 'label';
-    }
-
-    var config = selectConfigs[key];
-    var id = config.id.replace('%s', this.id_);
-    var selectLabelledbyIds = [legendId, id].join(' ').trim();
-    return ["<" + type + " id=\"" + id + "\" class=\"" + (type === 'label' ? 'vjs-label' : '') + "\">", this.localize(config.label), "</" + type + ">", "<select aria-labelledby=\"" + selectLabelledbyIds + "\">"].concat(config.options.map(function (o) {
-      var optionId = id + '-' + o[1].replace(/\W+/g, '');
-      return ["<option id=\"" + optionId + "\" value=\"" + o[0] + "\" ", "aria-labelledby=\"" + selectLabelledbyIds + " " + optionId + "\">", _this2.localize(o[1]), '</option>'].join('');
-    })).concat('</select>').join('');
-  }
-  /**
-   * Create foreground color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElFgColor_ = function createElFgColor_() {
-    var legendId = "captions-text-legend-" + this.id_;
-    return ['<fieldset class="vjs-fg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Text'), '</legend>', this.createElSelect_('color', legendId), '<span class="vjs-text-opacity vjs-opacity">', this.createElSelect_('textOpacity', legendId), '</span>', '</fieldset>'].join('');
-  }
-  /**
-   * Create background color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElBgColor_ = function createElBgColor_() {
-    var legendId = "captions-background-" + this.id_;
-    return ['<fieldset class="vjs-bg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Background'), '</legend>', this.createElSelect_('backgroundColor', legendId), '<span class="vjs-bg-opacity vjs-opacity">', this.createElSelect_('backgroundOpacity', legendId), '</span>', '</fieldset>'].join('');
-  }
-  /**
-   * Create window color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElWinColor_ = function createElWinColor_() {
-    var legendId = "captions-window-" + this.id_;
-    return ['<fieldset class="vjs-window-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Window'), '</legend>', this.createElSelect_('windowColor', legendId), '<span class="vjs-window-opacity vjs-opacity">', this.createElSelect_('windowOpacity', legendId), '</span>', '</fieldset>'].join('');
-  }
-  /**
-   * Create color elements for the component
-   *
-   * @return {Element}
-   *         The element that was created
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElColors_ = function createElColors_() {
-    return createEl('div', {
-      className: 'vjs-track-settings-colors',
-      innerHTML: [this.createElFgColor_(), this.createElBgColor_(), this.createElWinColor_()].join('')
-    });
-  }
-  /**
-   * Create font elements for the component
-   *
-   * @return {Element}
-   *         The element that was created.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElFont_ = function createElFont_() {
-    return createEl('div', {
-      className: 'vjs-track-settings-font',
-      innerHTML: ['<fieldset class="vjs-font-percent vjs-track-setting">', this.createElSelect_('fontPercent', '', 'legend'), '</fieldset>', '<fieldset class="vjs-edge-style vjs-track-setting">', this.createElSelect_('edgeStyle', '', 'legend'), '</fieldset>', '<fieldset class="vjs-font-family vjs-track-setting">', this.createElSelect_('fontFamily', '', 'legend'), '</fieldset>'].join('')
-    });
-  }
-  /**
-   * Create controls for the component
-   *
-   * @return {Element}
-   *         The element that was created.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElControls_ = function createElControls_() {
-    var defaultsDescription = this.localize('restore all settings to the default values');
-    return createEl('div', {
-      className: 'vjs-track-settings-controls',
-      innerHTML: ["<button type=\"button\" class=\"vjs-default-button\" title=\"" + defaultsDescription + "\">", this.localize('Reset'), "<span class=\"vjs-control-text\"> " + defaultsDescription + "</span>", '</button>', "<button type=\"button\" class=\"vjs-done-button\">" + this.localize('Done') + "</button>"].join('')
-    });
-  };
-
-  _proto.content = function content() {
-    return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-  };
-
-  _proto.label = function label() {
-    return this.localize('Caption Settings Dialog');
-  };
-
-  _proto.description = function description() {
-    return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-  };
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return _ModalDialog.prototype.buildCSSClass.call(this) + ' vjs-text-track-settings';
-  }
-  /**
-   * Gets an object of text track settings (or null).
-   *
-   * @return {Object}
-   *         An object with config values parsed from the DOM or localStorage.
-   */
-  ;
-
-  _proto.getValues = function getValues() {
-    var _this3 = this;
-
-    return reduce(selectConfigs, function (accum, config, key) {
-      var value = getSelectedOptionValue(_this3.$(config.selector), config.parser);
-
-      if (value !== undefined) {
-        accum[key] = value;
-      }
-
-      return accum;
-    }, {});
-  }
-  /**
-   * Sets text track settings from an object of values.
-   *
-   * @param {Object} values
-   *        An object with config values parsed from the DOM or localStorage.
-   */
-  ;
-
-  _proto.setValues = function setValues(values) {
-    var _this4 = this;
-
-    each(selectConfigs, function (config, key) {
-      setSelectedOption(_this4.$(config.selector), values[key], config.parser);
-    });
-  }
-  /**
-   * Sets all `<select>` elements to their default values.
-   */
-  ;
-
-  _proto.setDefaults = function setDefaults() {
-    var _this5 = this;
-
-    each(selectConfigs, function (config) {
-      var index = config.hasOwnProperty('default') ? config["default"] : 0;
-      _this5.$(config.selector).selectedIndex = index;
-    });
-  }
-  /**
-   * Restore texttrack settings from localStorage
-   */
-  ;
-
-  _proto.restoreSettings = function restoreSettings() {
-    var values;
-
-    try {
-      values = JSON.parse(window$1.localStorage.getItem(LOCAL_STORAGE_KEY));
-    } catch (err) {
-      log.warn(err);
-    }
-
-    if (values) {
-      this.setValues(values);
-    }
-  }
-  /**
-   * Save text track settings to localStorage
-   */
-  ;
-
-  _proto.saveSettings = function saveSettings() {
-    if (!this.options_.persistTextTrackSettings) {
-      return;
-    }
-
-    var values = this.getValues();
-
-    try {
-      if (Object.keys(values).length) {
-        window$1.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
-      } else {
-        window$1.localStorage.removeItem(LOCAL_STORAGE_KEY);
-      }
-    } catch (err) {
-      log.warn(err);
-    }
-  }
-  /**
-   * Update display of text track settings
-   */
-  ;
-
-  _proto.updateDisplay = function updateDisplay() {
-    var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-    if (ttDisplay) {
-      ttDisplay.updateDisplay();
-    }
-  }
-  /**
-   * conditionally blur the element and refocus the captions button
-   *
-   * @private
-   */
-  ;
-
-  _proto.conditionalBlur_ = function conditionalBlur_() {
-    this.previouslyActiveEl_ = null;
-    var cb = this.player_.controlBar;
-    var subsCapsBtn = cb && cb.subsCapsButton;
-    var ccBtn = cb && cb.captionsButton;
-
-    if (subsCapsBtn) {
-      subsCapsBtn.focus();
-    } else if (ccBtn) {
-      ccBtn.focus();
-    }
-  };
-
-  return TextTrackSettings;
-}(ModalDialog);
-
-Component.registerComponent('TextTrackSettings', TextTrackSettings);
-
-/**
- * A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.
- *
- * It'll either create an iframe and use a debounced resize handler on it or use the new {@link https://wicg.github.io/ResizeObserver/|ResizeObserver}.
- *
- * If the ResizeObserver is available natively, it will be used. A polyfill can be passed in as an option.
- * If a `playerresize` event is not needed, the ResizeManager component can be removed from the player, see the example below.
- * @example <caption>How to disable the resize manager</caption>
- * const player = videojs('#vid', {
- *   resizeManager: false
- * });
- *
- * @see {@link https://wicg.github.io/ResizeObserver/|ResizeObserver specification}
- *
- * @extends Component
- */
-
-var ResizeManager =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ResizeManager, _Component);
-
-  /**
-   * Create the ResizeManager.
-   *
-   * @param {Object} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of ResizeManager options.
-   *
-   * @param {Object} [options.ResizeObserver]
-   *        A polyfill for ResizeObserver can be passed in here.
-   *        If this is set to null it will ignore the native ResizeObserver and fall back to the iframe fallback.
-   */
-  function ResizeManager(player, options) {
-    var _this;
-
-    var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window$1.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
-
-    if (options.ResizeObserver === null) {
-      RESIZE_OBSERVER_AVAILABLE = false;
-    } // Only create an element when ResizeObserver isn't available
-
-
-    var options_ = mergeOptions({
-      createEl: !RESIZE_OBSERVER_AVAILABLE,
-      reportTouchActivity: false
-    }, options);
-    _this = _Component.call(this, player, options_) || this;
-    _this.ResizeObserver = options.ResizeObserver || window$1.ResizeObserver;
-    _this.loadListener_ = null;
-    _this.resizeObserver_ = null;
-    _this.debouncedHandler_ = debounce(function () {
-      _this.resizeHandler();
-    }, 100, false, _assertThisInitialized(_this));
-
-    if (RESIZE_OBSERVER_AVAILABLE) {
-      _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-
-      _this.resizeObserver_.observe(player.el());
-    } else {
-      _this.loadListener_ = function () {
-        if (!_this.el_ || !_this.el_.contentWindow) {
-          return;
-        }
-
-        var debouncedHandler_ = _this.debouncedHandler_;
-
-        var unloadListener_ = _this.unloadListener_ = function () {
-          off(this, 'resize', debouncedHandler_);
-          off(this, 'unload', unloadListener_);
-          unloadListener_ = null;
-        }; // safari and edge can unload the iframe before resizemanager dispose
-        // we have to dispose of event handlers correctly before that happens
-
-
-        on(_this.el_.contentWindow, 'unload', unloadListener_);
-        on(_this.el_.contentWindow, 'resize', debouncedHandler_);
-      };
-
-      _this.one('load', _this.loadListener_);
-    }
-
-    return _this;
-  }
-
-  var _proto = ResizeManager.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'iframe', {
-      className: 'vjs-resize-manager',
-      tabIndex: -1
-    }, {
-      'aria-hidden': 'true'
-    });
-  }
-  /**
-   * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-   *
-   * @fires Player#playerresize
-   */
-  ;
-
-  _proto.resizeHandler = function resizeHandler() {
-    /**
-     * Called when the player size has changed
-     *
-     * @event Player#playerresize
-     * @type {EventTarget~Event}
-     */
-    // make sure player is still around to trigger
-    // prevents this from causing an error after dispose
-    if (!this.player_ || !this.player_.trigger) {
-      return;
-    }
-
-    this.player_.trigger('playerresize');
-  };
-
-  _proto.dispose = function dispose() {
-    if (this.debouncedHandler_) {
-      this.debouncedHandler_.cancel();
-    }
-
-    if (this.resizeObserver_) {
-      if (this.player_.el()) {
-        this.resizeObserver_.unobserve(this.player_.el());
-      }
-
-      this.resizeObserver_.disconnect();
-    }
-
-    if (this.loadListener_) {
-      this.off('load', this.loadListener_);
-    }
-
-    if (this.el_ && this.el_.contentWindow && this.unloadListener_) {
-      this.unloadListener_.call(this.el_.contentWindow);
-    }
-
-    this.ResizeObserver = null;
-    this.resizeObserver = null;
-    this.debouncedHandler_ = null;
-    this.loadListener_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  return ResizeManager;
-}(Component);
-
-Component.registerComponent('ResizeManager', ResizeManager);
-
-/**
- * Computes the median of an array.
- *
- * @param {number[]} arr
- *        Input array of numbers.
- *
- * @return {number}
- *        Median value.
- */
-var median = function median(arr) {
-  var mid = Math.floor(arr.length / 2);
-  var sortedList = [].concat(arr).sort(function (a, b) {
-    return a - b;
-  });
-  return arr.length % 2 !== 0 ? sortedList[mid] : (sortedList[mid - 1] + sortedList[mid]) / 2;
-};
-
-/* track when we are at the live edge, and other helpers for live playback */
-
-var LiveTracker =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(LiveTracker, _Component);
-
-  function LiveTracker(player, options) {
-    var _this;
-
-    // LiveTracker does not need an element
-    var options_ = mergeOptions({
-      createEl: false
-    }, options);
-    _this = _Component.call(this, player, options_) || this;
-
-    _this.reset_();
-
-    _this.on(_this.player_, 'durationchange', _this.handleDurationchange); // we don't need to track live playback if the document is hidden,
-    // also, tracking when the document is hidden can
-    // cause the CPU to spike and eventually crash the page on IE11.
-
-
-    if (IE_VERSION && 'hidden' in document && 'visibilityState' in document) {
-      _this.on(document, 'visibilitychange', _this.handleVisibilityChange);
-    }
-
-    return _this;
-  }
-
-  var _proto = LiveTracker.prototype;
-
-  _proto.handleVisibilityChange = function handleVisibilityChange() {
-    if (this.player_.duration() !== Infinity) {
-      return;
-    }
-
-    if (document.hidden) {
-      this.stopTracking();
-    } else {
-      this.startTracking();
-    }
-  };
-
-  _proto.isBehind_ = function isBehind_() {
-    // don't report that we are behind until a timeupdate has been seen
-    if (!this.timeupdateSeen_) {
-      return false;
-    }
-
-    var liveCurrentTime = this.liveCurrentTime();
-    var currentTime = this.player_.currentTime(); // the live edge window is the amount of seconds away from live
-    // that a player can be, but still be considered live.
-    // we add 0.07 because the live tracking happens every 30ms
-    // and we want some wiggle room for short segment live playback
-
-    var liveEdgeWindow = this.seekableIncrement_ * 2 + 0.07; // on Android liveCurrentTime can bee Infinity, because seekableEnd
-    // can be Infinity, so we handle that case.
-
-    return liveCurrentTime !== Infinity && liveCurrentTime - liveEdgeWindow >= currentTime;
-  } // all the functionality for tracking when seek end changes
-  // and for tracking how far past seek end we should be
-  ;
-
-  _proto.trackLive_ = function trackLive_() {
-    this.pastSeekEnd_ = this.pastSeekEnd_;
-    var seekable = this.player_.seekable(); // skip undefined seekable
-
-    if (!seekable || !seekable.length) {
-      return;
-    }
-
-    var newSeekEnd = this.seekableEnd(); // we can only tell if we are behind live, when seekable changes
-    // once we detect that seekable has changed we check the new seek
-    // end against current time, with a fudge value of half a second.
-
-    if (newSeekEnd !== this.lastSeekEnd_) {
-      if (this.lastSeekEnd_) {
-        // we try to get the best fit value for the seeking increment
-        // variable from the last 12 values.
-        this.seekableIncrementList_ = this.seekableIncrementList_.slice(-11);
-        this.seekableIncrementList_.push(Math.abs(newSeekEnd - this.lastSeekEnd_));
-
-        if (this.seekableIncrementList_.length > 3) {
-          this.seekableIncrement_ = median(this.seekableIncrementList_);
-        }
-      }
-
-      this.pastSeekEnd_ = 0;
-      this.lastSeekEnd_ = newSeekEnd;
-      this.trigger('seekableendchange');
-    } // we should reset pastSeekEnd when the value
-    // is much higher than seeking increment.
-
-
-    if (this.pastSeekEnd() > this.seekableIncrement_ * 1.5) {
-      this.pastSeekEnd_ = 0;
-    } else {
-      this.pastSeekEnd_ = this.pastSeekEnd() + 0.03;
-    }
-
-    if (this.isBehind_() !== this.behindLiveEdge()) {
-      this.behindLiveEdge_ = this.isBehind_();
-      this.trigger('liveedgechange');
-    }
-  }
-  /**
-   * handle a durationchange event on the player
-   * and start/stop tracking accordingly.
-   */
-  ;
-
-  _proto.handleDurationchange = function handleDurationchange() {
-    if (this.player_.duration() === Infinity) {
-      this.startTracking();
-    } else {
-      this.stopTracking();
-    }
-  }
-  /**
-   * start tracking live playback
-   */
-  ;
-
-  _proto.startTracking = function startTracking() {
-    var _this2 = this;
-
-    if (this.isTracking()) {
-      return;
-    } // If we haven't seen a timeupdate, we need to check whether playback
-    // began before this component started tracking. This can happen commonly
-    // when using autoplay.
-
-
-    if (!this.timeupdateSeen_) {
-      this.timeupdateSeen_ = this.player_.hasStarted();
-    }
-
-    this.trackingInterval_ = this.setInterval(this.trackLive_, 30);
-    this.trackLive_();
-    this.on(this.player_, 'play', this.trackLive_);
-    this.on(this.player_, 'pause', this.trackLive_); // this is to prevent showing that we are not live
-    // before a video starts to play
-
-    if (!this.timeupdateSeen_) {
-      this.one(this.player_, 'play', this.handlePlay);
-
-      this.handleTimeupdate = function () {
-        _this2.timeupdateSeen_ = true;
-        _this2.handleTimeupdate = null;
-      };
-
-      this.one(this.player_, 'timeupdate', this.handleTimeupdate);
-    }
-  };
-
-  _proto.handlePlay = function handlePlay() {
-    this.one(this.player_, 'timeupdate', this.seekToLiveEdge);
-  }
-  /**
-   * Stop tracking, and set all internal variables to
-   * their initial value.
-   */
-  ;
-
-  _proto.reset_ = function reset_() {
-    this.pastSeekEnd_ = 0;
-    this.lastSeekEnd_ = null;
-    this.behindLiveEdge_ = null;
-    this.timeupdateSeen_ = false;
-    this.clearInterval(this.trackingInterval_);
-    this.trackingInterval_ = null;
-    this.seekableIncrement_ = 12;
-    this.seekableIncrementList_ = [];
-    this.off(this.player_, 'play', this.trackLive_);
-    this.off(this.player_, 'pause', this.trackLive_);
-    this.off(this.player_, 'play', this.handlePlay);
-    this.off(this.player_, 'timeupdate', this.seekToLiveEdge);
-
-    if (this.handleTimeupdate) {
-      this.off(this.player_, 'timeupdate', this.handleTimeupdate);
-      this.handleTimeupdate = null;
-    }
-  }
-  /**
-   * stop tracking live playback
-   */
-  ;
-
-  _proto.stopTracking = function stopTracking() {
-    if (!this.isTracking()) {
-      return;
-    }
-
-    this.reset_();
-  }
-  /**
-   * A helper to get the player seekable end
-   * so that we don't have to null check everywhere
-   */
-  ;
-
-  _proto.seekableEnd = function seekableEnd() {
-    var seekable = this.player_.seekable();
-    var seekableEnds = [];
-    var i = seekable ? seekable.length : 0;
-
-    while (i--) {
-      seekableEnds.push(seekable.end(i));
-    } // grab the furthest seekable end after sorting, or if there are none
-    // default to Infinity
-
-
-    return seekableEnds.length ? seekableEnds.sort()[seekableEnds.length - 1] : Infinity;
-  }
-  /**
-   * A helper to get the player seekable start
-   * so that we don't have to null check everywhere
-   */
-  ;
-
-  _proto.seekableStart = function seekableStart() {
-    var seekable = this.player_.seekable();
-    var seekableStarts = [];
-    var i = seekable ? seekable.length : 0;
-
-    while (i--) {
-      seekableStarts.push(seekable.start(i));
-    } // grab the first seekable start after sorting, or if there are none
-    // default to 0
-
-
-    return seekableStarts.length ? seekableStarts.sort()[0] : 0;
-  }
-  /**
-   * Get the live time window
-   */
-  ;
-
-  _proto.liveWindow = function liveWindow() {
-    var liveCurrentTime = this.liveCurrentTime();
-
-    if (liveCurrentTime === Infinity) {
-      return Infinity;
-    }
-
-    return liveCurrentTime - this.seekableStart();
-  }
-  /**
-   * Determines if the player is live, only checks if this component
-   * is tracking live playback or not
-   */
-  ;
-
-  _proto.isLive = function isLive() {
-    return this.isTracking();
-  }
-  /**
-   * Determines if currentTime is at the live edge and won't fall behind
-   * on each seekableendchange
-   */
-  ;
-
-  _proto.atLiveEdge = function atLiveEdge() {
-    return !this.behindLiveEdge();
-  }
-  /**
-   * get what we expect the live current time to be
-   */
-  ;
-
-  _proto.liveCurrentTime = function liveCurrentTime() {
-    return this.pastSeekEnd() + this.seekableEnd();
-  }
-  /**
-   * Returns how far past seek end we expect current time to be
-   */
-  ;
-
-  _proto.pastSeekEnd = function pastSeekEnd() {
-    return this.pastSeekEnd_;
-  }
-  /**
-   * If we are currently behind the live edge, aka currentTime will be
-   * behind on a seekableendchange
-   */
-  ;
-
-  _proto.behindLiveEdge = function behindLiveEdge() {
-    return this.behindLiveEdge_;
-  };
-
-  _proto.isTracking = function isTracking() {
-    return typeof this.trackingInterval_ === 'number';
-  }
-  /**
-   * Seek to the live edge if we are behind the live edge
-   */
-  ;
-
-  _proto.seekToLiveEdge = function seekToLiveEdge() {
-    if (this.atLiveEdge()) {
-      return;
-    }
-
-    this.player_.currentTime(this.liveCurrentTime());
-
-    if (this.player_.paused()) {
-      this.player_.play();
-    }
-  };
-
-  _proto.dispose = function dispose() {
-    this.stopTracking();
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  return LiveTracker;
-}(Component);
-
-Component.registerComponent('LiveTracker', LiveTracker);
-
-/**
- * This function is used to fire a sourceset when there is something
- * similar to `mediaEl.load()` being called. It will try to find the source via
- * the `src` attribute and then the `<source>` elements. It will then fire `sourceset`
- * with the source that was found or empty string if we cannot know. If it cannot
- * find a source then `sourceset` will not be fired.
- *
- * @param {Html5} tech
- *        The tech object that sourceset was setup on
- *
- * @return {boolean}
- *         returns false if the sourceset was not fired and true otherwise.
- */
-
-var sourcesetLoad = function sourcesetLoad(tech) {
-  var el = tech.el(); // if `el.src` is set, that source will be loaded.
-
-  if (el.hasAttribute('src')) {
-    tech.triggerSourceset(el.src);
-    return true;
-  }
-  /**
-   * Since there isn't a src property on the media element, source elements will be used for
-   * implementing the source selection algorithm. This happens asynchronously and
-   * for most cases were there is more than one source we cannot tell what source will
-   * be loaded, without re-implementing the source selection algorithm. At this time we are not
-   * going to do that. There are three special cases that we do handle here though:
-   *
-   * 1. If there are no sources, do not fire `sourceset`.
-   * 2. If there is only one `<source>` with a `src` property/attribute that is our `src`
-   * 3. If there is more than one `<source>` but all of them have the same `src` url.
-   *    That will be our src.
-   */
-
-
-  var sources = tech.$$('source');
-  var srcUrls = [];
-  var src = ''; // if there are no sources, do not fire sourceset
-
-  if (!sources.length) {
-    return false;
-  } // only count valid/non-duplicate source elements
-
-
-  for (var i = 0; i < sources.length; i++) {
-    var url = sources[i].src;
-
-    if (url && srcUrls.indexOf(url) === -1) {
-      srcUrls.push(url);
-    }
-  } // there were no valid sources
-
-
-  if (!srcUrls.length) {
-    return false;
-  } // there is only one valid source element url
-  // use that
-
-
-  if (srcUrls.length === 1) {
-    src = srcUrls[0];
-  }
-
-  tech.triggerSourceset(src);
-  return true;
-};
-/**
- * our implementation of an `innerHTML` descriptor for browsers
- * that do not have one.
- */
-
-
-var innerHTMLDescriptorPolyfill = Object.defineProperty({}, 'innerHTML', {
-  get: function get() {
-    return this.cloneNode(true).innerHTML;
-  },
-  set: function set(v) {
-    // make a dummy node to use innerHTML on
-    var dummy = document.createElement(this.nodeName.toLowerCase()); // set innerHTML to the value provided
-
-    dummy.innerHTML = v; // make a document fragment to hold the nodes from dummy
-
-    var docFrag = document.createDocumentFragment(); // copy all of the nodes created by the innerHTML on dummy
-    // to the document fragment
-
-    while (dummy.childNodes.length) {
-      docFrag.appendChild(dummy.childNodes[0]);
-    } // remove content
-
-
-    this.innerText = ''; // now we add all of that html in one by appending the
-    // document fragment. This is how innerHTML does it.
-
-    window$1.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
-
-    return this.innerHTML;
-  }
-});
-/**
- * Get a property descriptor given a list of priorities and the
- * property to get.
- */
-
-var getDescriptor = function getDescriptor(priority, prop) {
-  var descriptor = {};
-
-  for (var i = 0; i < priority.length; i++) {
-    descriptor = Object.getOwnPropertyDescriptor(priority[i], prop);
-
-    if (descriptor && descriptor.set && descriptor.get) {
-      break;
-    }
-  }
-
-  descriptor.enumerable = true;
-  descriptor.configurable = true;
-  return descriptor;
-};
-
-var getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {
-  return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, window$1.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
-};
-/**
- * Patches browser internal functions so that we can tell synchronously
- * if a `<source>` was appended to the media element. For some reason this
- * causes a `sourceset` if the the media element is ready and has no source.
- * This happens when:
- * - The page has just loaded and the media element does not have a source.
- * - The media element was emptied of all sources, then `load()` was called.
- *
- * It does this by patching the following functions/properties when they are supported:
- *
- * - `append()` - can be used to add a `<source>` element to the media element
- * - `appendChild()` - can be used to add a `<source>` element to the media element
- * - `insertAdjacentHTML()` -  can be used to add a `<source>` element to the media element
- * - `innerHTML` -  can be used to add a `<source>` element to the media element
- *
- * @param {Html5} tech
- *        The tech object that sourceset is being setup on.
- */
-
-
-var firstSourceWatch = function firstSourceWatch(tech) {
-  var el = tech.el(); // make sure firstSourceWatch isn't setup twice.
-
-  if (el.resetSourceWatch_) {
-    return;
-  }
-
-  var old = {};
-  var innerDescriptor = getInnerHTMLDescriptor(tech);
-
-  var appendWrapper = function appendWrapper(appendFn) {
-    return function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var retval = appendFn.apply(el, args);
-      sourcesetLoad(tech);
-      return retval;
-    };
-  };
-
-  ['append', 'appendChild', 'insertAdjacentHTML'].forEach(function (k) {
-    if (!el[k]) {
-      return;
-    } // store the old function
-
-
-    old[k] = el[k]; // call the old function with a sourceset if a source
-    // was loaded
-
-    el[k] = appendWrapper(old[k]);
-  });
-  Object.defineProperty(el, 'innerHTML', mergeOptions(innerDescriptor, {
-    set: appendWrapper(innerDescriptor.set)
-  }));
-
-  el.resetSourceWatch_ = function () {
-    el.resetSourceWatch_ = null;
-    Object.keys(old).forEach(function (k) {
-      el[k] = old[k];
-    });
-    Object.defineProperty(el, 'innerHTML', innerDescriptor);
-  }; // on the first sourceset, we need to revert our changes
-
-
-  tech.one('sourceset', el.resetSourceWatch_);
-};
-/**
- * our implementation of a `src` descriptor for browsers
- * that do not have one.
- */
-
-
-var srcDescriptorPolyfill = Object.defineProperty({}, 'src', {
-  get: function get() {
-    if (this.hasAttribute('src')) {
-      return getAbsoluteURL(window$1.Element.prototype.getAttribute.call(this, 'src'));
-    }
-
-    return '';
-  },
-  set: function set(v) {
-    window$1.Element.prototype.setAttribute.call(this, 'src', v);
-    return v;
-  }
-});
-
-var getSrcDescriptor = function getSrcDescriptor(tech) {
-  return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
-};
-/**
- * setup `sourceset` handling on the `Html5` tech. This function
- * patches the following element properties/functions:
- *
- * - `src` - to determine when `src` is set
- * - `setAttribute()` - to determine when `src` is set
- * - `load()` - this re-triggers the source selection algorithm, and can
- *              cause a sourceset.
- *
- * If there is no source when we are adding `sourceset` support or during a `load()`
- * we also patch the functions listed in `firstSourceWatch`.
- *
- * @param {Html5} tech
- *        The tech to patch
- */
-
-
-var setupSourceset = function setupSourceset(tech) {
-  if (!tech.featuresSourceset) {
-    return;
-  }
-
-  var el = tech.el(); // make sure sourceset isn't setup twice.
-
-  if (el.resetSourceset_) {
-    return;
-  }
-
-  var srcDescriptor = getSrcDescriptor(tech);
-  var oldSetAttribute = el.setAttribute;
-  var oldLoad = el.load;
-  Object.defineProperty(el, 'src', mergeOptions(srcDescriptor, {
-    set: function set(v) {
-      var retval = srcDescriptor.set.call(el, v); // we use the getter here to get the actual value set on src
-
-      tech.triggerSourceset(el.src);
-      return retval;
-    }
-  }));
-
-  el.setAttribute = function (n, v) {
-    var retval = oldSetAttribute.call(el, n, v);
-
-    if (/src/i.test(n)) {
-      tech.triggerSourceset(el.src);
-    }
-
-    return retval;
-  };
-
-  el.load = function () {
-    var retval = oldLoad.call(el); // if load was called, but there was no source to fire
-    // sourceset on. We have to watch for a source append
-    // as that can trigger a `sourceset` when the media element
-    // has no source
-
-    if (!sourcesetLoad(tech)) {
-      tech.triggerSourceset('');
-      firstSourceWatch(tech);
-    }
-
-    return retval;
-  };
-
-  if (el.currentSrc) {
-    tech.triggerSourceset(el.currentSrc);
-  } else if (!sourcesetLoad(tech)) {
-    firstSourceWatch(tech);
-  }
-
-  el.resetSourceset_ = function () {
-    el.resetSourceset_ = null;
-    el.load = oldLoad;
-    el.setAttribute = oldSetAttribute;
-    Object.defineProperty(el, 'src', srcDescriptor);
-
-    if (el.resetSourceWatch_) {
-      el.resetSourceWatch_();
-    }
-  };
-};
-
-/**
- * Object.defineProperty but "lazy", which means that the value is only set after
- * it retrieved the first time, rather than being set right away.
- *
- * @param {Object} obj the object to set the property on
- * @param {string} key the key for the property to set
- * @param {Function} getValue the function used to get the value when it is needed.
- * @param {boolean} setter wether a setter shoould be allowed or not
- */
-var defineLazyProperty = function defineLazyProperty(obj, key, getValue, setter) {
-  if (setter === void 0) {
-    setter = true;
-  }
-
-  var set = function set(value) {
-    return Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      writable: true
-    });
-  };
-
-  var options = {
-    configurable: true,
-    enumerable: true,
-    get: function get() {
-      var value = getValue();
-      set(value);
-      return value;
-    }
-  };
-
-  if (setter) {
-    options.set = set;
-  }
-
-  return Object.defineProperty(obj, key, options);
-};
-
-/**
- * HTML5 Media Controller - Wrapper for HTML5 Media API
- *
- * @mixes Tech~SourceHandlerAdditions
- * @extends Tech
- */
-
-var Html5 =
-/*#__PURE__*/
-function (_Tech) {
-  _inheritsLoose(Html5, _Tech);
-
-  /**
-  * Create an instance of this Tech.
-  *
-  * @param {Object} [options]
-  *        The key/value store of player options.
-  *
-  * @param {Component~ReadyCallback} ready
-  *        Callback function to call when the `HTML5` Tech is ready.
-  */
-  function Html5(options, ready) {
-    var _this;
-
-    _this = _Tech.call(this, options, ready) || this;
-    var source = options.source;
-    var crossoriginTracks = false; // Set the source if one is provided
-    // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)
-    // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source
-    // anyway so the error gets fired.
-
-    if (source && (_this.el_.currentSrc !== source.src || options.tag && options.tag.initNetworkState_ === 3)) {
-      _this.setSource(source);
-    } else {
-      _this.handleLateInit_(_this.el_);
-    } // setup sourceset after late sourceset/init
-
-
-    if (options.enableSourceset) {
-      _this.setupSourcesetHandling_();
-    }
-
-    if (_this.el_.hasChildNodes()) {
-      var nodes = _this.el_.childNodes;
-      var nodesLength = nodes.length;
-      var removeNodes = [];
-
-      while (nodesLength--) {
-        var node = nodes[nodesLength];
-        var nodeName = node.nodeName.toLowerCase();
-
-        if (nodeName === 'track') {
-          if (!_this.featuresNativeTextTracks) {
-            // Empty video tag tracks so the built-in player doesn't use them also.
-            // This may not be fast enough to stop HTML5 browsers from reading the tags
-            // so we'll need to turn off any default tracks if we're manually doing
-            // captions and subtitles. videoElement.textTracks
-            removeNodes.push(node);
-          } else {
-            // store HTMLTrackElement and TextTrack to remote list
-            _this.remoteTextTrackEls().addTrackElement_(node);
-
-            _this.remoteTextTracks().addTrack(node.track);
-
-            _this.textTracks().addTrack(node.track);
-
-            if (!crossoriginTracks && !_this.el_.hasAttribute('crossorigin') && isCrossOrigin(node.src)) {
-              crossoriginTracks = true;
-            }
-          }
-        }
-      }
-
-      for (var i = 0; i < removeNodes.length; i++) {
-        _this.el_.removeChild(removeNodes[i]);
-      }
-    }
-
-    _this.proxyNativeTracks_();
-
-    if (_this.featuresNativeTextTracks && crossoriginTracks) {
-      log.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
-    } // prevent iOS Safari from disabling metadata text tracks during native playback
-
-
-    _this.restoreMetadataTracksInIOSNativePlayer_(); // Determine if native controls should be used
-    // Our goal should be to get the custom controls on mobile solid everywhere
-    // so we can remove this all together. Right now this will block custom
-    // controls on touch enabled laptops like the Chrome Pixel
-
-
-    if ((TOUCH_ENABLED || IS_IPHONE || IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true) {
-      _this.setControls(true);
-    } // on iOS, we want to proxy `webkitbeginfullscreen` and `webkitendfullscreen`
-    // into a `fullscreenchange` event
-
-
-    _this.proxyWebkitFullscreen_();
-
-    _this.triggerReady();
-
-    return _this;
-  }
-  /**
-   * Dispose of `HTML5` media element and remove all tracks.
-   */
-
-
-  var _proto = Html5.prototype;
-
-  _proto.dispose = function dispose() {
-    if (this.el_ && this.el_.resetSourceset_) {
-      this.el_.resetSourceset_();
-    }
-
-    Html5.disposeMediaElement(this.el_);
-    this.options_ = null; // tech will handle clearing of the emulated track list
-
-    _Tech.prototype.dispose.call(this);
-  }
-  /**
-   * Modify the media element so that we can detect when
-   * the source is changed. Fires `sourceset` just after the source has changed
-   */
-  ;
-
-  _proto.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-    setupSourceset(this);
-  }
-  /**
-   * When a captions track is enabled in the iOS Safari native player, all other
-   * tracks are disabled (including metadata tracks), which nulls all of their
-   * associated cue points. This will restore metadata tracks to their pre-fullscreen
-   * state in those cases so that cue points are not needlessly lost.
-   *
-   * @private
-   */
-  ;
-
-  _proto.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-    var textTracks = this.textTracks();
-    var metadataTracksPreFullscreenState; // captures a snapshot of every metadata track's current state
-
-    var takeMetadataTrackSnapshot = function takeMetadataTrackSnapshot() {
-      metadataTracksPreFullscreenState = [];
-
-      for (var i = 0; i < textTracks.length; i++) {
-        var track = textTracks[i];
-
-        if (track.kind === 'metadata') {
-          metadataTracksPreFullscreenState.push({
-            track: track,
-            storedMode: track.mode
-          });
-        }
-      }
-    }; // snapshot each metadata track's initial state, and update the snapshot
-    // each time there is a track 'change' event
-
-
-    takeMetadataTrackSnapshot();
-    textTracks.addEventListener('change', takeMetadataTrackSnapshot);
-    this.on('dispose', function () {
-      return textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-    });
-
-    var restoreTrackMode = function restoreTrackMode() {
-      for (var i = 0; i < metadataTracksPreFullscreenState.length; i++) {
-        var storedTrack = metadataTracksPreFullscreenState[i];
-
-        if (storedTrack.track.mode === 'disabled' && storedTrack.track.mode !== storedTrack.storedMode) {
-          storedTrack.track.mode = storedTrack.storedMode;
-        }
-      } // we only want this handler to be executed on the first 'change' event
-
-
-      textTracks.removeEventListener('change', restoreTrackMode);
-    }; // when we enter fullscreen playback, stop updating the snapshot and
-    // restore all track modes to their pre-fullscreen state
-
-
-    this.on('webkitbeginfullscreen', function () {
-      textTracks.removeEventListener('change', takeMetadataTrackSnapshot); // remove the listener before adding it just in case it wasn't previously removed
-
-      textTracks.removeEventListener('change', restoreTrackMode);
-      textTracks.addEventListener('change', restoreTrackMode);
-    }); // start updating the snapshot again after leaving fullscreen
-
-    this.on('webkitendfullscreen', function () {
-      // remove the listener before adding it just in case it wasn't previously removed
-      textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-      textTracks.addEventListener('change', takeMetadataTrackSnapshot); // remove the restoreTrackMode handler in case it wasn't triggered during fullscreen playback
-
-      textTracks.removeEventListener('change', restoreTrackMode);
-    });
-  }
-  /**
-   * Attempt to force override of tracks for the given type
-   *
-   * @param {string} type - Track type to override, possible values include 'Audio',
-   * 'Video', and 'Text'.
-   * @param {boolean} override - If set to true native audio/video will be overridden,
-   * otherwise native audio/video will potentially be used.
-   * @private
-   */
-  ;
-
-  _proto.overrideNative_ = function overrideNative_(type, override) {
-    var _this2 = this;
-
-    // If there is no behavioral change don't add/remove listeners
-    if (override !== this["featuresNative" + type + "Tracks"]) {
-      return;
-    }
-
-    var lowerCaseType = type.toLowerCase();
-
-    if (this[lowerCaseType + "TracksListeners_"]) {
-      Object.keys(this[lowerCaseType + "TracksListeners_"]).forEach(function (eventName) {
-        var elTracks = _this2.el()[lowerCaseType + "Tracks"];
-
-        elTracks.removeEventListener(eventName, _this2[lowerCaseType + "TracksListeners_"][eventName]);
-      });
-    }
-
-    this["featuresNative" + type + "Tracks"] = !override;
-    this[lowerCaseType + "TracksListeners_"] = null;
-    this.proxyNativeTracksForType_(lowerCaseType);
-  }
-  /**
-   * Attempt to force override of native audio tracks.
-   *
-   * @param {boolean} override - If set to true native audio will be overridden,
-   * otherwise native audio will potentially be used.
-   */
-  ;
-
-  _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks(override) {
-    this.overrideNative_('Audio', override);
-  }
-  /**
-   * Attempt to force override of native video tracks.
-   *
-   * @param {boolean} override - If set to true native video will be overridden,
-   * otherwise native video will potentially be used.
-   */
-  ;
-
-  _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks(override) {
-    this.overrideNative_('Video', override);
-  }
-  /**
-   * Proxy native track list events for the given type to our track
-   * lists if the browser we are playing in supports that type of track list.
-   *
-   * @param {string} name - Track type; values include 'audio', 'video', and 'text'
-   * @private
-   */
-  ;
-
-  _proto.proxyNativeTracksForType_ = function proxyNativeTracksForType_(name) {
-    var _this3 = this;
-
-    var props = NORMAL[name];
-    var elTracks = this.el()[props.getterName];
-    var techTracks = this[props.getterName]();
-
-    if (!this["featuresNative" + props.capitalName + "Tracks"] || !elTracks || !elTracks.addEventListener) {
-      return;
-    }
-
-    var listeners = {
-      change: function change(e) {
-        techTracks.trigger({
-          type: 'change',
-          target: techTracks,
-          currentTarget: techTracks,
-          srcElement: techTracks
-        });
-      },
-      addtrack: function addtrack(e) {
-        techTracks.addTrack(e.track);
-      },
-      removetrack: function removetrack(e) {
-        techTracks.removeTrack(e.track);
-      }
-    };
-
-    var removeOldTracks = function removeOldTracks() {
-      var removeTracks = [];
-
-      for (var i = 0; i < techTracks.length; i++) {
-        var found = false;
-
-        for (var j = 0; j < elTracks.length; j++) {
-          if (elTracks[j] === techTracks[i]) {
-            found = true;
-            break;
-          }
-        }
-
-        if (!found) {
-          removeTracks.push(techTracks[i]);
-        }
-      }
-
-      while (removeTracks.length) {
-        techTracks.removeTrack(removeTracks.shift());
-      }
-    };
-
-    this[props.getterName + 'Listeners_'] = listeners;
-    Object.keys(listeners).forEach(function (eventName) {
-      var listener = listeners[eventName];
-      elTracks.addEventListener(eventName, listener);
-
-      _this3.on('dispose', function (e) {
-        return elTracks.removeEventListener(eventName, listener);
-      });
-    }); // Remove (native) tracks that are not used anymore
-
-    this.on('loadstart', removeOldTracks);
-    this.on('dispose', function (e) {
-      return _this3.off('loadstart', removeOldTracks);
-    });
-  }
-  /**
-   * Proxy all native track list events to our track lists if the browser we are playing
-   * in supports that type of track list.
-   *
-   * @private
-   */
-  ;
-
-  _proto.proxyNativeTracks_ = function proxyNativeTracks_() {
-    var _this4 = this;
-
-    NORMAL.names.forEach(function (name) {
-      _this4.proxyNativeTracksForType_(name);
-    });
-  }
-  /**
-   * Create the `Html5` Tech's DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    var el = this.options_.tag; // Check if this browser supports moving the element into the box.
-    // On the iPhone video will break if you move the element,
-    // So we have to create a brand new element.
-    // If we ingested the player div, we do not need to move the media element.
-
-    if (!el || !(this.options_.playerElIngest || this.movingMediaElementInDOM)) {
-      // If the original tag is still there, clone and remove it.
-      if (el) {
-        var clone = el.cloneNode(true);
-
-        if (el.parentNode) {
-          el.parentNode.insertBefore(clone, el);
-        }
-
-        Html5.disposeMediaElement(el);
-        el = clone;
-      } else {
-        el = document.createElement('video'); // determine if native controls should be used
-
-        var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);
-        var attributes = mergeOptions({}, tagAttributes);
-
-        if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {
-          delete attributes.controls;
-        }
-
-        setAttributes(el, assign(attributes, {
-          id: this.options_.techId,
-          "class": 'vjs-tech'
-        }));
-      }
-
-      el.playerId = this.options_.playerId;
-    }
-
-    if (typeof this.options_.preload !== 'undefined') {
-      setAttribute(el, 'preload', this.options_.preload);
-    } // Update specific tag settings, in case they were overridden
-    // `autoplay` has to be *last* so that `muted` and `playsinline` are present
-    // when iOS/Safari or other browsers attempt to autoplay.
-
-
-    var settingsAttrs = ['loop', 'muted', 'playsinline', 'autoplay'];
-
-    for (var i = 0; i < settingsAttrs.length; i++) {
-      var attr = settingsAttrs[i];
-      var value = this.options_[attr];
-
-      if (typeof value !== 'undefined') {
-        if (value) {
-          setAttribute(el, attr, attr);
-        } else {
-          removeAttribute(el, attr);
-        }
-
-        el[attr] = value;
-      }
-    }
-
-    return el;
-  }
-  /**
-   * This will be triggered if the loadstart event has already fired, before videojs was
-   * ready. Two known examples of when this can happen are:
-   * 1. If we're loading the playback object after it has started loading
-   * 2. The media is already playing the (often with autoplay on) then
-   *
-   * This function will fire another loadstart so that videojs can catchup.
-   *
-   * @fires Tech#loadstart
-   *
-   * @return {undefined}
-   *         returns nothing.
-   */
-  ;
-
-  _proto.handleLateInit_ = function handleLateInit_(el) {
-    if (el.networkState === 0 || el.networkState === 3) {
-      // The video element hasn't started loading the source yet
-      // or didn't find a source
-      return;
-    }
-
-    if (el.readyState === 0) {
-      // NetworkState is set synchronously BUT loadstart is fired at the
-      // end of the current stack, usually before setInterval(fn, 0).
-      // So at this point we know loadstart may have already fired or is
-      // about to fire, and either way the player hasn't seen it yet.
-      // We don't want to fire loadstart prematurely here and cause a
-      // double loadstart so we'll wait and see if it happens between now
-      // and the next loop, and fire it if not.
-      // HOWEVER, we also want to make sure it fires before loadedmetadata
-      // which could also happen between now and the next loop, so we'll
-      // watch for that also.
-      var loadstartFired = false;
-
-      var setLoadstartFired = function setLoadstartFired() {
-        loadstartFired = true;
-      };
-
-      this.on('loadstart', setLoadstartFired);
-
-      var triggerLoadstart = function triggerLoadstart() {
-        // We did miss the original loadstart. Make sure the player
-        // sees loadstart before loadedmetadata
-        if (!loadstartFired) {
-          this.trigger('loadstart');
-        }
-      };
-
-      this.on('loadedmetadata', triggerLoadstart);
-      this.ready(function () {
-        this.off('loadstart', setLoadstartFired);
-        this.off('loadedmetadata', triggerLoadstart);
-
-        if (!loadstartFired) {
-          // We did miss the original native loadstart. Fire it now.
-          this.trigger('loadstart');
-        }
-      });
-      return;
-    } // From here on we know that loadstart already fired and we missed it.
-    // The other readyState events aren't as much of a problem if we double
-    // them, so not going to go to as much trouble as loadstart to prevent
-    // that unless we find reason to.
-
-
-    var eventsToTrigger = ['loadstart']; // loadedmetadata: newly equal to HAVE_METADATA (1) or greater
-
-    eventsToTrigger.push('loadedmetadata'); // loadeddata: newly increased to HAVE_CURRENT_DATA (2) or greater
-
-    if (el.readyState >= 2) {
-      eventsToTrigger.push('loadeddata');
-    } // canplay: newly increased to HAVE_FUTURE_DATA (3) or greater
-
-
-    if (el.readyState >= 3) {
-      eventsToTrigger.push('canplay');
-    } // canplaythrough: newly equal to HAVE_ENOUGH_DATA (4)
-
-
-    if (el.readyState >= 4) {
-      eventsToTrigger.push('canplaythrough');
-    } // We still need to give the player time to add event listeners
-
-
-    this.ready(function () {
-      eventsToTrigger.forEach(function (type) {
-        this.trigger(type);
-      }, this);
-    });
-  }
-  /**
-   * Set current time for the `HTML5` tech.
-   *
-   * @param {number} seconds
-   *        Set the current time of the media to this.
-   */
-  ;
-
-  _proto.setCurrentTime = function setCurrentTime(seconds) {
-    try {
-      this.el_.currentTime = seconds;
-    } catch (e) {
-      log(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
-    }
-  }
-  /**
-   * Get the current duration of the HTML5 media element.
-   *
-   * @return {number}
-   *         The duration of the media or 0 if there is no duration.
-   */
-  ;
-
-  _proto.duration = function duration() {
-    var _this5 = this;
-
-    // Android Chrome will report duration as Infinity for VOD HLS until after
-    // playback has started, which triggers the live display erroneously.
-    // Return NaN if playback has not started and trigger a durationupdate once
-    // the duration can be reliably known.
-    if (this.el_.duration === Infinity && IS_ANDROID && IS_CHROME && this.el_.currentTime === 0) {
-      // Wait for the first `timeupdate` with currentTime > 0 - there may be
-      // several with 0
-      var checkProgress = function checkProgress() {
-        if (_this5.el_.currentTime > 0) {
-          // Trigger durationchange for genuinely live video
-          if (_this5.el_.duration === Infinity) {
-            _this5.trigger('durationchange');
-          }
-
-          _this5.off('timeupdate', checkProgress);
-        }
-      };
-
-      this.on('timeupdate', checkProgress);
-      return NaN;
-    }
-
-    return this.el_.duration || NaN;
-  }
-  /**
-   * Get the current width of the HTML5 media element.
-   *
-   * @return {number}
-   *         The width of the HTML5 media element.
-   */
-  ;
-
-  _proto.width = function width() {
-    return this.el_.offsetWidth;
-  }
-  /**
-   * Get the current height of the HTML5 media element.
-   *
-   * @return {number}
-   *         The height of the HTML5 media element.
-   */
-  ;
-
-  _proto.height = function height() {
-    return this.el_.offsetHeight;
-  }
-  /**
-   * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-   * `fullscreenchange` event.
-   *
-   * @private
-   * @fires fullscreenchange
-   * @listens webkitendfullscreen
-   * @listens webkitbeginfullscreen
-   * @listens webkitbeginfullscreen
-   */
-  ;
-
-  _proto.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-    var _this6 = this;
-
-    if (!('webkitDisplayingFullscreen' in this.el_)) {
-      return;
-    }
-
-    var endFn = function endFn() {
-      this.trigger('fullscreenchange', {
-        isFullscreen: false
-      });
-    };
-
-    var beginFn = function beginFn() {
-      if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {
-        this.one('webkitendfullscreen', endFn);
-        this.trigger('fullscreenchange', {
-          isFullscreen: true
-        });
-      }
-    };
-
-    this.on('webkitbeginfullscreen', beginFn);
-    this.on('dispose', function () {
-      _this6.off('webkitbeginfullscreen', beginFn);
-
-      _this6.off('webkitendfullscreen', endFn);
-    });
-  }
-  /**
-   * Check if fullscreen is supported on the current playback device.
-   *
-   * @return {boolean}
-   *         - True if fullscreen is supported.
-   *         - False if fullscreen is not supported.
-   */
-  ;
-
-  _proto.supportsFullScreen = function supportsFullScreen() {
-    if (typeof this.el_.webkitEnterFullScreen === 'function') {
-      var userAgent = window$1.navigator && window$1.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
-
-      if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-  /**
-   * Request that the `HTML5` Tech enter fullscreen.
-   */
-  ;
-
-  _proto.enterFullScreen = function enterFullScreen() {
-    var video = this.el_;
-
-    if (video.paused && video.networkState <= video.HAVE_METADATA) {
-      // attempt to prime the video element for programmatic access
-      // this isn't necessary on the desktop but shouldn't hurt
-      this.el_.play(); // playing and pausing synchronously during the transition to fullscreen
-      // can get iOS ~6.1 devices into a play/pause loop
-
-      this.setTimeout(function () {
-        video.pause();
-        video.webkitEnterFullScreen();
-      }, 0);
-    } else {
-      video.webkitEnterFullScreen();
-    }
-  }
-  /**
-   * Request that the `HTML5` Tech exit fullscreen.
-   */
-  ;
-
-  _proto.exitFullScreen = function exitFullScreen() {
-    this.el_.webkitExitFullScreen();
-  }
-  /**
-   * Create a floating video window always on top of other windows so that users may
-   * continue consuming media while they interact with other content sites, or
-   * applications on their device.
-   *
-   * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-   *
-   * @return {Promise}
-   *         A promise with a Picture-in-Picture window.
-   */
-  ;
-
-  _proto.requestPictureInPicture = function requestPictureInPicture() {
-    return this.el_.requestPictureInPicture();
-  }
-  /**
-   * A getter/setter for the `Html5` Tech's source object.
-   * > Note: Please use {@link Html5#setSource}
-   *
-   * @param {Tech~SourceObject} [src]
-   *        The source object you want to set on the `HTML5` techs element.
-   *
-   * @return {Tech~SourceObject|undefined}
-   *         - The current source object when a source is not passed in.
-   *         - undefined when setting
-   *
-   * @deprecated Since version 5.
-   */
-  ;
-
-  _proto.src = function src(_src) {
-    if (_src === undefined) {
-      return this.el_.src;
-    } // Setting src through `src` instead of `setSrc` will be deprecated
-
-
-    this.setSrc(_src);
-  }
-  /**
-   * Reset the tech by removing all sources and then calling
-   * {@link Html5.resetMediaElement}.
-   */
-  ;
-
-  _proto.reset = function reset() {
-    Html5.resetMediaElement(this.el_);
-  }
-  /**
-   * Get the current source on the `HTML5` Tech. Falls back to returning the source from
-   * the HTML5 media element.
-   *
-   * @return {Tech~SourceObject}
-   *         The current source object from the HTML5 tech. With a fallback to the
-   *         elements source.
-   */
-  ;
-
-  _proto.currentSrc = function currentSrc() {
-    if (this.currentSource_) {
-      return this.currentSource_.src;
-    }
-
-    return this.el_.currentSrc;
-  }
-  /**
-   * Set controls attribute for the HTML5 media Element.
-   *
-   * @param {string} val
-   *        Value to set the controls attribute to
-   */
-  ;
-
-  _proto.setControls = function setControls(val) {
-    this.el_.controls = !!val;
-  }
-  /**
-   * Create and returns a remote {@link TextTrack} object.
-   *
-   * @param {string} kind
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-   *
-   * @param {string} [label]
-   *        Label to identify the text track
-   *
-   * @param {string} [language]
-   *        Two letter language abbreviation
-   *
-   * @return {TextTrack}
-   *         The TextTrack that gets created.
-   */
-  ;
-
-  _proto.addTextTrack = function addTextTrack(kind, label, language) {
-    if (!this.featuresNativeTextTracks) {
-      return _Tech.prototype.addTextTrack.call(this, kind, label, language);
-    }
-
-    return this.el_.addTextTrack(kind, label, language);
-  }
-  /**
-   * Creates either native TextTrack or an emulated TextTrack depending
-   * on the value of `featuresNativeTextTracks`
-   *
-   * @param {Object} options
-   *        The object should contain the options to initialize the TextTrack with.
-   *
-   * @param {string} [options.kind]
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-   *
-   * @param {string} [options.label]
-   *        Label to identify the text track
-   *
-   * @param {string} [options.language]
-   *        Two letter language abbreviation.
-   *
-   * @param {boolean} [options.default]
-   *        Default this track to on.
-   *
-   * @param {string} [options.id]
-   *        The internal id to assign this track.
-   *
-   * @param {string} [options.src]
-   *        A source url for the track.
-   *
-   * @return {HTMLTrackElement}
-   *         The track element that gets created.
-   */
-  ;
-
-  _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-    if (!this.featuresNativeTextTracks) {
-      return _Tech.prototype.createRemoteTextTrack.call(this, options);
-    }
-
-    var htmlTrackElement = document.createElement('track');
-
-    if (options.kind) {
-      htmlTrackElement.kind = options.kind;
-    }
-
-    if (options.label) {
-      htmlTrackElement.label = options.label;
-    }
-
-    if (options.language || options.srclang) {
-      htmlTrackElement.srclang = options.language || options.srclang;
-    }
-
-    if (options["default"]) {
-      htmlTrackElement["default"] = options["default"];
-    }
-
-    if (options.id) {
-      htmlTrackElement.id = options.id;
-    }
-
-    if (options.src) {
-      htmlTrackElement.src = options.src;
-    }
-
-    return htmlTrackElement;
-  }
-  /**
-   * Creates a remote text track object and returns an html track element.
-   *
-   * @param {Object} options The object should contain values for
-   * kind, language, label, and src (location of the WebVTT file)
-   * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-   * automatically removed from the video element whenever the source changes
-   * @return {HTMLTrackElement} An Html Track Element.
-   * This can be an emulated {@link HTMLTrackElement} or a native one.
-   * @deprecated The default value of the "manualCleanup" parameter will default
-   * to "false" in upcoming versions of Video.js
-   */
-  ;
-
-  _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-    var htmlTrackElement = _Tech.prototype.addRemoteTextTrack.call(this, options, manualCleanup);
-
-    if (this.featuresNativeTextTracks) {
-      this.el().appendChild(htmlTrackElement);
-    }
-
-    return htmlTrackElement;
-  }
-  /**
-   * Remove remote `TextTrack` from `TextTrackList` object
-   *
-   * @param {TextTrack} track
-   *        `TextTrack` object to remove
-   */
-  ;
-
-  _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-    _Tech.prototype.removeRemoteTextTrack.call(this, track);
-
-    if (this.featuresNativeTextTracks) {
-      var tracks = this.$$('track');
-      var i = tracks.length;
-
-      while (i--) {
-        if (track === tracks[i] || track === tracks[i].track) {
-          this.el().removeChild(tracks[i]);
-        }
-      }
-    }
-  }
-  /**
-   * Gets available media playback quality metrics as specified by the W3C's Media
-   * Playback Quality API.
-   *
-   * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-   *
-   * @return {Object}
-   *         An object with supported media playback quality metrics
-   */
-  ;
-
-  _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    if (typeof this.el().getVideoPlaybackQuality === 'function') {
-      return this.el().getVideoPlaybackQuality();
-    }
-
-    var videoPlaybackQuality = {};
-
-    if (typeof this.el().webkitDroppedFrameCount !== 'undefined' && typeof this.el().webkitDecodedFrameCount !== 'undefined') {
-      videoPlaybackQuality.droppedVideoFrames = this.el().webkitDroppedFrameCount;
-      videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;
-    }
-
-    if (window$1.performance && typeof window$1.performance.now === 'function') {
-      videoPlaybackQuality.creationTime = window$1.performance.now();
-    } else if (window$1.performance && window$1.performance.timing && typeof window$1.performance.timing.navigationStart === 'number') {
-      videoPlaybackQuality.creationTime = window$1.Date.now() - window$1.performance.timing.navigationStart;
-    }
-
-    return videoPlaybackQuality;
-  };
-
-  return Html5;
-}(Tech);
-/* HTML5 Support Testing ---------------------------------------------------- */
-
-/**
- * Element for testing browser HTML5 media capabilities
- *
- * @type {Element}
- * @constant
- * @private
- */
-
-
-defineLazyProperty(Html5, 'TEST_VID', function () {
-  if (!isReal()) {
-    return;
-  }
-
-  var video = document.createElement('video');
-  var track = document.createElement('track');
-  track.kind = 'captions';
-  track.srclang = 'en';
-  track.label = 'English';
-  video.appendChild(track);
-  return video;
-});
-/**
- * Check if HTML5 media is supported by this browser/device.
- *
- * @return {boolean}
- *         - True if HTML5 media is supported.
- *         - False if HTML5 media is not supported.
- */
-
-Html5.isSupported = function () {
-  // IE with no Media Player is a LIAR! (#984)
-  try {
-    Html5.TEST_VID.volume = 0.5;
-  } catch (e) {
-    return false;
-  }
-
-  return !!(Html5.TEST_VID && Html5.TEST_VID.canPlayType);
-};
-/**
- * Check if the tech can support the given type
- *
- * @param {string} type
- *        The mimetype to check
- * @return {string} 'probably', 'maybe', or '' (empty string)
- */
-
-
-Html5.canPlayType = function (type) {
-  return Html5.TEST_VID.canPlayType(type);
-};
-/**
- * Check if the tech can support the given source
- *
- * @param {Object} srcObj
- *        The source object
- * @param {Object} options
- *        The options passed to the tech
- * @return {string} 'probably', 'maybe', or '' (empty string)
- */
-
-
-Html5.canPlaySource = function (srcObj, options) {
-  return Html5.canPlayType(srcObj.type);
-};
-/**
- * Check if the volume can be changed in this browser/device.
- * Volume cannot be changed in a lot of mobile devices.
- * Specifically, it can't be changed from 1 on iOS.
- *
- * @return {boolean}
- *         - True if volume can be controlled
- *         - False otherwise
- */
-
-
-Html5.canControlVolume = function () {
-  // IE will error if Windows Media Player not installed #3315
-  try {
-    var volume = Html5.TEST_VID.volume;
-    Html5.TEST_VID.volume = volume / 2 + 0.1;
-    return volume !== Html5.TEST_VID.volume;
-  } catch (e) {
-    return false;
-  }
-};
-/**
- * Check if the volume can be muted in this browser/device.
- * Some devices, e.g. iOS, don't allow changing volume
- * but permits muting/unmuting.
- *
- * @return {bolean}
- *      - True if volume can be muted
- *      - False otherwise
- */
-
-
-Html5.canMuteVolume = function () {
-  try {
-    var muted = Html5.TEST_VID.muted; // in some versions of iOS muted property doesn't always
-    // work, so we want to set both property and attribute
-
-    Html5.TEST_VID.muted = !muted;
-
-    if (Html5.TEST_VID.muted) {
-      setAttribute(Html5.TEST_VID, 'muted', 'muted');
-    } else {
-      removeAttribute(Html5.TEST_VID, 'muted', 'muted');
-    }
-
-    return muted !== Html5.TEST_VID.muted;
-  } catch (e) {
-    return false;
-  }
-};
-/**
- * Check if the playback rate can be changed in this browser/device.
- *
- * @return {boolean}
- *         - True if playback rate can be controlled
- *         - False otherwise
- */
-
-
-Html5.canControlPlaybackRate = function () {
-  // Playback rate API is implemented in Android Chrome, but doesn't do anything
-  // https://github.com/videojs/video.js/issues/3180
-  if (IS_ANDROID && IS_CHROME && CHROME_VERSION < 58) {
-    return false;
-  } // IE will error if Windows Media Player not installed #3315
-
-
-  try {
-    var playbackRate = Html5.TEST_VID.playbackRate;
-    Html5.TEST_VID.playbackRate = playbackRate / 2 + 0.1;
-    return playbackRate !== Html5.TEST_VID.playbackRate;
-  } catch (e) {
-    return false;
-  }
-};
-/**
- * Check if we can override a video/audio elements attributes, with
- * Object.defineProperty.
- *
- * @return {boolean}
- *         - True if builtin attributes can be overridden
- *         - False otherwise
- */
-
-
-Html5.canOverrideAttributes = function () {
-  // if we cannot overwrite the src/innerHTML property, there is no support
-  // iOS 7 safari for instance cannot do this.
-  try {
-    var noop = function noop() {};
-
-    Object.defineProperty(document.createElement('video'), 'src', {
-      get: noop,
-      set: noop
-    });
-    Object.defineProperty(document.createElement('audio'), 'src', {
-      get: noop,
-      set: noop
-    });
-    Object.defineProperty(document.createElement('video'), 'innerHTML', {
-      get: noop,
-      set: noop
-    });
-    Object.defineProperty(document.createElement('audio'), 'innerHTML', {
-      get: noop,
-      set: noop
-    });
-  } catch (e) {
-    return false;
-  }
-
-  return true;
-};
-/**
- * Check to see if native `TextTrack`s are supported by this browser/device.
- *
- * @return {boolean}
- *         - True if native `TextTrack`s are supported.
- *         - False otherwise
- */
-
-
-Html5.supportsNativeTextTracks = function () {
-  return IS_ANY_SAFARI || IS_IOS && IS_CHROME;
-};
-/**
- * Check to see if native `VideoTrack`s are supported by this browser/device
- *
- * @return {boolean}
- *        - True if native `VideoTrack`s are supported.
- *        - False otherwise
- */
-
-
-Html5.supportsNativeVideoTracks = function () {
-  return !!(Html5.TEST_VID && Html5.TEST_VID.videoTracks);
-};
-/**
- * Check to see if native `AudioTrack`s are supported by this browser/device
- *
- * @return {boolean}
- *        - True if native `AudioTrack`s are supported.
- *        - False otherwise
- */
-
-
-Html5.supportsNativeAudioTracks = function () {
-  return !!(Html5.TEST_VID && Html5.TEST_VID.audioTracks);
-};
-/**
- * An array of events available on the Html5 tech.
- *
- * @private
- * @type {Array}
- */
-
-
-Html5.Events = ['loadstart', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'seeking', 'seeked', 'ended', 'durationchange', 'timeupdate', 'progress', 'play', 'pause', 'ratechange', 'resize', 'volumechange'];
-/**
- * Boolean indicating whether the `Tech` supports volume control.
- *
- * @type {boolean}
- * @default {@link Html5.canControlVolume}
- */
-
-/**
- * Boolean indicating whether the `Tech` supports muting volume.
- *
- * @type {bolean}
- * @default {@link Html5.canMuteVolume}
- */
-
-/**
- * Boolean indicating whether the `Tech` supports changing the speed at which the media
- * plays. Examples:
- *   - Set player to play 2x (twice) as fast
- *   - Set player to play 0.5x (half) as fast
- *
- * @type {boolean}
- * @default {@link Html5.canControlPlaybackRate}
- */
-
-/**
- * Boolean indicating whether the `Tech` supports the `sourceset` event.
- *
- * @type {boolean}
- * @default
- */
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeTextTracks}
- */
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeVideoTracks}
- */
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeAudioTracks}
- */
-
-[['featuresVolumeControl', 'canControlVolume'], ['featuresMuteControl', 'canMuteVolume'], ['featuresPlaybackRate', 'canControlPlaybackRate'], ['featuresSourceset', 'canOverrideAttributes'], ['featuresNativeTextTracks', 'supportsNativeTextTracks'], ['featuresNativeVideoTracks', 'supportsNativeVideoTracks'], ['featuresNativeAudioTracks', 'supportsNativeAudioTracks']].forEach(function (_ref) {
-  var key = _ref[0],
-      fn = _ref[1];
-  defineLazyProperty(Html5.prototype, key, function () {
-    return Html5[fn]();
-  }, true);
-});
-/**
- * Boolean indicating whether the `HTML5` tech currently supports the media element
- * moving in the DOM. iOS breaks if you move the media element, so this is set this to
- * false there. Everywhere else this should be true.
- *
- * @type {boolean}
- * @default
- */
-
-Html5.prototype.movingMediaElementInDOM = !IS_IOS; // TODO: Previous comment: No longer appears to be used. Can probably be removed.
-//       Is this true?
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports automatic media resize
- * when going into fullscreen.
- *
- * @type {boolean}
- * @default
- */
-
-Html5.prototype.featuresFullscreenResize = true;
-/**
- * Boolean indicating whether the `HTML5` tech currently supports the progress event.
- * If this is false, manual `progress` events will be triggered instead.
- *
- * @type {boolean}
- * @default
- */
-
-Html5.prototype.featuresProgressEvents = true;
-/**
- * Boolean indicating whether the `HTML5` tech currently supports the timeupdate event.
- * If this is false, manual `timeupdate` events will be triggered instead.
- *
- * @default
- */
-
-Html5.prototype.featuresTimeupdateEvents = true; // HTML5 Feature detection and Device Fixes --------------------------------- //
-
-var canPlayType;
-
-Html5.patchCanPlayType = function () {
-  // Android 4.0 and above can play HLS to some extent but it reports being unable to do so
-  // Firefox and Chrome report correctly
-  if (ANDROID_VERSION >= 4.0 && !IS_FIREFOX && !IS_CHROME) {
-    canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-
-      if (type && mpegurlRE.test(type)) {
-        return 'maybe';
-      }
-
-      return canPlayType.call(this, type);
-    };
-  }
-};
-
-Html5.unpatchCanPlayType = function () {
-  var r = Html5.TEST_VID.constructor.prototype.canPlayType;
-
-  if (canPlayType) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = canPlayType;
-  }
-
-  return r;
-}; // by default, patch the media element
-
-
-Html5.patchCanPlayType();
-
-Html5.disposeMediaElement = function (el) {
-  if (!el) {
-    return;
-  }
-
-  if (el.parentNode) {
-    el.parentNode.removeChild(el);
-  } // remove any child track or source nodes to prevent their loading
-
-
-  while (el.hasChildNodes()) {
-    el.removeChild(el.firstChild);
-  } // remove any src reference. not setting `src=''` because that causes a warning
-  // in firefox
-
-
-  el.removeAttribute('src'); // force the media element to update its loading state by calling load()
-  // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)
-
-  if (typeof el.load === 'function') {
-    // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-    (function () {
-      try {
-        el.load();
-      } catch (e) {// not supported
-      }
-    })();
-  }
-};
-
-Html5.resetMediaElement = function (el) {
-  if (!el) {
-    return;
-  }
-
-  var sources = el.querySelectorAll('source');
-  var i = sources.length;
-
-  while (i--) {
-    el.removeChild(sources[i]);
-  } // remove any src reference.
-  // not setting `src=''` because that throws an error
-
-
-  el.removeAttribute('src');
-
-  if (typeof el.load === 'function') {
-    // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-    (function () {
-      try {
-        el.load();
-      } catch (e) {// satisfy linter
-      }
-    })();
-  }
-};
-/* Native HTML5 element property wrapping ----------------------------------- */
-// Wrap native boolean attributes with getters that check both property and attribute
-// The list is as followed:
-// muted, defaultMuted, autoplay, controls, loop, playsinline
-
-
-[
-/**
- * Get the value of `muted` from the media element. `muted` indicates
- * that the volume for the media should be set to silent. This does not actually change
- * the `volume` attribute.
- *
- * @method Html5#muted
- * @return {boolean}
- *         - True if the value of `volume` should be ignored and the audio set to silent.
- *         - False if the value of `volume` should be used.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
- */
-'muted',
-/**
- * Get the value of `defaultMuted` from the media element. `defaultMuted` indicates
- * whether the media should start muted or not. Only changes the default state of the
- * media. `muted` and `defaultMuted` can have different values. {@link Html5#muted} indicates the
- * current state.
- *
- * @method Html5#defaultMuted
- * @return {boolean}
- *         - The value of `defaultMuted` from the media element.
- *         - True indicates that the media should start muted.
- *         - False indicates that the media should not start muted
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
- */
-'defaultMuted',
-/**
- * Get the value of `autoplay` from the media element. `autoplay` indicates
- * that the media should start to play as soon as the page is ready.
- *
- * @method Html5#autoplay
- * @return {boolean}
- *         - The value of `autoplay` from the media element.
- *         - True indicates that the media should start as soon as the page loads.
- *         - False indicates that the media should not start as soon as the page loads.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
- */
-'autoplay',
-/**
- * Get the value of `controls` from the media element. `controls` indicates
- * whether the native media controls should be shown or hidden.
- *
- * @method Html5#controls
- * @return {boolean}
- *         - The value of `controls` from the media element.
- *         - True indicates that native controls should be showing.
- *         - False indicates that native controls should be hidden.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-controls}
- */
-'controls',
-/**
- * Get the value of `loop` from the media element. `loop` indicates
- * that the media should return to the start of the media and continue playing once
- * it reaches the end.
- *
- * @method Html5#loop
- * @return {boolean}
- *         - The value of `loop` from the media element.
- *         - True indicates that playback should seek back to start once
- *           the end of a media is reached.
- *         - False indicates that playback should not loop back to the start when the
- *           end of the media is reached.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
- */
-'loop',
-/**
- * Get the value of `playsinline` from the media element. `playsinline` indicates
- * to the browser that non-fullscreen playback is preferred when fullscreen
- * playback is the native default, such as in iOS Safari.
- *
- * @method Html5#playsinline
- * @return {boolean}
- *         - The value of `playsinline` from the media element.
- *         - True indicates that the media should play inline.
- *         - False indicates that the media should not play inline.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
- */
-'playsinline'].forEach(function (prop) {
-  Html5.prototype[prop] = function () {
-    return this.el_[prop] || this.el_.hasAttribute(prop);
-  };
-}); // Wrap native boolean attributes with setters that set both property and attribute
-// The list is as followed:
-// setMuted, setDefaultMuted, setAutoplay, setLoop, setPlaysinline
-// setControls is special-cased above
-
-[
-/**
- * Set the value of `muted` on the media element. `muted` indicates that the current
- * audio level should be silent.
- *
- * @method Html5#setMuted
- * @param {boolean} muted
- *        - True if the audio should be set to silent
- *        - False otherwise
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
- */
-'muted',
-/**
- * Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current
- * audio level should be silent, but will only effect the muted level on intial playback..
- *
- * @method Html5.prototype.setDefaultMuted
- * @param {boolean} defaultMuted
- *        - True if the audio should be set to silent
- *        - False otherwise
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
- */
-'defaultMuted',
-/**
- * Set the value of `autoplay` on the media element. `autoplay` indicates
- * that the media should start to play as soon as the page is ready.
- *
- * @method Html5#setAutoplay
- * @param {boolean} autoplay
- *         - True indicates that the media should start as soon as the page loads.
- *         - False indicates that the media should not start as soon as the page loads.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
- */
-'autoplay',
-/**
- * Set the value of `loop` on the media element. `loop` indicates
- * that the media should return to the start of the media and continue playing once
- * it reaches the end.
- *
- * @method Html5#setLoop
- * @param {boolean} loop
- *         - True indicates that playback should seek back to start once
- *           the end of a media is reached.
- *         - False indicates that playback should not loop back to the start when the
- *           end of the media is reached.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
- */
-'loop',
-/**
- * Set the value of `playsinline` from the media element. `playsinline` indicates
- * to the browser that non-fullscreen playback is preferred when fullscreen
- * playback is the native default, such as in iOS Safari.
- *
- * @method Html5#setPlaysinline
- * @param {boolean} playsinline
- *         - True indicates that the media should play inline.
- *         - False indicates that the media should not play inline.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
- */
-'playsinline'].forEach(function (prop) {
-  Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-    this.el_[prop] = v;
-
-    if (v) {
-      this.el_.setAttribute(prop, prop);
-    } else {
-      this.el_.removeAttribute(prop);
-    }
-  };
-}); // Wrap native properties with a getter
-// The list is as followed
-// paused, currentTime, buffered, volume, poster, preload, error, seeking
-// seekable, ended, playbackRate, defaultPlaybackRate, played, networkState
-// readyState, videoWidth, videoHeight
-
-[
-/**
- * Get the value of `paused` from the media element. `paused` indicates whether the media element
- * is currently paused or not.
- *
- * @method Html5#paused
- * @return {boolean}
- *         The value of `paused` from the media element.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-paused}
- */
-'paused',
-/**
- * Get the value of `currentTime` from the media element. `currentTime` indicates
- * the current second that the media is at in playback.
- *
- * @method Html5#currentTime
- * @return {number}
- *         The value of `currentTime` from the media element.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-currenttime}
- */
-'currentTime',
-/**
- * Get the value of `buffered` from the media element. `buffered` is a `TimeRange`
- * object that represents the parts of the media that are already downloaded and
- * available for playback.
- *
- * @method Html5#buffered
- * @return {TimeRange}
- *         The value of `buffered` from the media element.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-buffered}
- */
-'buffered',
-/**
- * Get the value of `volume` from the media element. `volume` indicates
- * the current playback volume of audio for a media. `volume` will be a value from 0
- * (silent) to 1 (loudest and default).
- *
- * @method Html5#volume
- * @return {number}
- *         The value of `volume` from the media element. Value will be between 0-1.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
- */
-'volume',
-/**
- * Get the value of `poster` from the media element. `poster` indicates
- * that the url of an image file that can/will be shown when no media data is available.
- *
- * @method Html5#poster
- * @return {string}
- *         The value of `poster` from the media element. Value will be a url to an
- *         image.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster}
- */
-'poster',
-/**
- * Get the value of `preload` from the media element. `preload` indicates
- * what should download before the media is interacted with. It can have the following
- * values:
- * - none: nothing should be downloaded
- * - metadata: poster and the first few frames of the media may be downloaded to get
- *   media dimensions and other metadata
- * - auto: allow the media and metadata for the media to be downloaded before
- *    interaction
- *
- * @method Html5#preload
- * @return {string}
- *         The value of `preload` from the media element. Will be 'none', 'metadata',
- *         or 'auto'.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
- */
-'preload',
-/**
- * Get the value of the `error` from the media element. `error` indicates any
- * MediaError that may have occurred during playback. If error returns null there is no
- * current error.
- *
- * @method Html5#error
- * @return {MediaError|null}
- *         The value of `error` from the media element. Will be `MediaError` if there
- *         is a current error and null otherwise.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-error}
- */
-'error',
-/**
- * Get the value of `seeking` from the media element. `seeking` indicates whether the
- * media is currently seeking to a new position or not.
- *
- * @method Html5#seeking
- * @return {boolean}
- *         - The value of `seeking` from the media element.
- *         - True indicates that the media is currently seeking to a new position.
- *         - False indicates that the media is not seeking to a new position at this time.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seeking}
- */
-'seeking',
-/**
- * Get the value of `seekable` from the media element. `seekable` returns a
- * `TimeRange` object indicating ranges of time that can currently be `seeked` to.
- *
- * @method Html5#seekable
- * @return {TimeRange}
- *         The value of `seekable` from the media element. A `TimeRange` object
- *         indicating the current ranges of time that can be seeked to.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seekable}
- */
-'seekable',
-/**
- * Get the value of `ended` from the media element. `ended` indicates whether
- * the media has reached the end or not.
- *
- * @method Html5#ended
- * @return {boolean}
- *         - The value of `ended` from the media element.
- *         - True indicates that the media has ended.
- *         - False indicates that the media has not ended.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-ended}
- */
-'ended',
-/**
- * Get the value of `playbackRate` from the media element. `playbackRate` indicates
- * the rate at which the media is currently playing back. Examples:
- *   - if playbackRate is set to 2, media will play twice as fast.
- *   - if playbackRate is set to 0.5, media will play half as fast.
- *
- * @method Html5#playbackRate
- * @return {number}
- *         The value of `playbackRate` from the media element. A number indicating
- *         the current playback speed of the media, where 1 is normal speed.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
- */
-'playbackRate',
-/**
- * Get the value of `defaultPlaybackRate` from the media element. `defaultPlaybackRate` indicates
- * the rate at which the media is currently playing back. This value will not indicate the current
- * `playbackRate` after playback has started, use {@link Html5#playbackRate} for that.
- *
- * Examples:
- *   - if defaultPlaybackRate is set to 2, media will play twice as fast.
- *   - if defaultPlaybackRate is set to 0.5, media will play half as fast.
- *
- * @method Html5.prototype.defaultPlaybackRate
- * @return {number}
- *         The value of `defaultPlaybackRate` from the media element. A number indicating
- *         the current playback speed of the media, where 1 is normal speed.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
- */
-'defaultPlaybackRate',
-/**
- * Get the value of `played` from the media element. `played` returns a `TimeRange`
- * object representing points in the media timeline that have been played.
- *
- * @method Html5#played
- * @return {TimeRange}
- *         The value of `played` from the media element. A `TimeRange` object indicating
- *         the ranges of time that have been played.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-played}
- */
-'played',
-/**
- * Get the value of `networkState` from the media element. `networkState` indicates
- * the current network state. It returns an enumeration from the following list:
- * - 0: NETWORK_EMPTY
- * - 1: NETWORK_IDLE
- * - 2: NETWORK_LOADING
- * - 3: NETWORK_NO_SOURCE
- *
- * @method Html5#networkState
- * @return {number}
- *         The value of `networkState` from the media element. This will be a number
- *         from the list in the description.
- *
- * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate}
- */
-'networkState',
-/**
- * Get the value of `readyState` from the media element. `readyState` indicates
- * the current state of the media element. It returns an enumeration from the
- * following list:
- * - 0: HAVE_NOTHING
- * - 1: HAVE_METADATA
- * - 2: HAVE_CURRENT_DATA
- * - 3: HAVE_FUTURE_DATA
- * - 4: HAVE_ENOUGH_DATA
- *
- * @method Html5#readyState
- * @return {number}
- *         The value of `readyState` from the media element. This will be a number
- *         from the list in the description.
- *
- * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#ready-states}
- */
-'readyState',
-/**
- * Get the value of `videoWidth` from the video element. `videoWidth` indicates
- * the current width of the video in css pixels.
- *
- * @method Html5#videoWidth
- * @return {number}
- *         The value of `videoWidth` from the video element. This will be a number
- *         in css pixels.
- *
- * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
- */
-'videoWidth',
-/**
- * Get the value of `videoHeight` from the video element. `videoHeight` indicates
- * the current height of the video in css pixels.
- *
- * @method Html5#videoHeight
- * @return {number}
- *         The value of `videoHeight` from the video element. This will be a number
- *         in css pixels.
- *
- * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
- */
-'videoHeight'].forEach(function (prop) {
-  Html5.prototype[prop] = function () {
-    return this.el_[prop];
-  };
-}); // Wrap native properties with a setter in this format:
-// set + toTitleCase(name)
-// The list is as follows:
-// setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate
-
-[
-/**
- * Set the value of `volume` on the media element. `volume` indicates the current
- * audio level as a percentage in decimal form. This means that 1 is 100%, 0.5 is 50%, and
- * so on.
- *
- * @method Html5#setVolume
- * @param {number} percentAsDecimal
- *        The volume percent as a decimal. Valid range is from 0-1.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
- */
-'volume',
-/**
- * Set the value of `src` on the media element. `src` indicates the current
- * {@link Tech~SourceObject} for the media.
- *
- * @method Html5#setSrc
- * @param {Tech~SourceObject} src
- *        The source object to set as the current source.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-src}
- */
-'src',
-/**
- * Set the value of `poster` on the media element. `poster` is the url to
- * an image file that can/will be shown when no media data is available.
- *
- * @method Html5#setPoster
- * @param {string} poster
- *        The url to an image that should be used as the `poster` for the media
- *        element.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-poster}
- */
-'poster',
-/**
- * Set the value of `preload` on the media element. `preload` indicates
- * what should download before the media is interacted with. It can have the following
- * values:
- * - none: nothing should be downloaded
- * - metadata: poster and the first few frames of the media may be downloaded to get
- *   media dimensions and other metadata
- * - auto: allow the media and metadata for the media to be downloaded before
- *    interaction
- *
- * @method Html5#setPreload
- * @param {string} preload
- *         The value of `preload` to set on the media element. Must be 'none', 'metadata',
- *         or 'auto'.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
- */
-'preload',
-/**
- * Set the value of `playbackRate` on the media element. `playbackRate` indicates
- * the rate at which the media should play back. Examples:
- *   - if playbackRate is set to 2, media will play twice as fast.
- *   - if playbackRate is set to 0.5, media will play half as fast.
- *
- * @method Html5#setPlaybackRate
- * @return {number}
- *         The value of `playbackRate` from the media element. A number indicating
- *         the current playback speed of the media, where 1 is normal speed.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
- */
-'playbackRate',
-/**
- * Set the value of `defaultPlaybackRate` on the media element. `defaultPlaybackRate` indicates
- * the rate at which the media should play back upon initial startup. Changing this value
- * after a video has started will do nothing. Instead you should used {@link Html5#setPlaybackRate}.
- *
- * Example Values:
- *   - if playbackRate is set to 2, media will play twice as fast.
- *   - if playbackRate is set to 0.5, media will play half as fast.
- *
- * @method Html5.prototype.setDefaultPlaybackRate
- * @return {number}
- *         The value of `defaultPlaybackRate` from the media element. A number indicating
- *         the current playback speed of the media, where 1 is normal speed.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}
- */
-'defaultPlaybackRate'].forEach(function (prop) {
-  Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-    this.el_[prop] = v;
-  };
-}); // wrap native functions with a function
-// The list is as follows:
-// pause, load, play
-
-[
-/**
- * A wrapper around the media elements `pause` function. This will call the `HTML5`
- * media elements `pause` function.
- *
- * @method Html5#pause
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-pause}
- */
-'pause',
-/**
- * A wrapper around the media elements `load` function. This will call the `HTML5`s
- * media element `load` function.
- *
- * @method Html5#load
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-load}
- */
-'load',
-/**
- * A wrapper around the media elements `play` function. This will call the `HTML5`s
- * media element `play` function.
- *
- * @method Html5#play
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-play}
- */
-'play'].forEach(function (prop) {
-  Html5.prototype[prop] = function () {
-    return this.el_[prop]();
-  };
-});
-Tech.withSourceHandlers(Html5);
-/**
- * Native source handler for Html5, simply passes the source to the media element.
- *
- * @property {Tech~SourceObject} source
- *        The source object
- *
- * @property {Html5} tech
- *        The instance of the HTML5 tech.
- */
-
-Html5.nativeSourceHandler = {};
-/**
- * Check if the media element can play the given mime type.
- *
- * @param {string} type
- *        The mimetype to check
- *
- * @return {string}
- *         'probably', 'maybe', or '' (empty string)
- */
-
-Html5.nativeSourceHandler.canPlayType = function (type) {
-  // IE without MediaPlayer throws an error (#519)
-  try {
-    return Html5.TEST_VID.canPlayType(type);
-  } catch (e) {
-    return '';
-  }
-};
-/**
- * Check if the media element can handle a source natively.
- *
- * @param {Tech~SourceObject} source
- *         The source object
- *
- * @param {Object} [options]
- *         Options to be passed to the tech.
- *
- * @return {string}
- *         'probably', 'maybe', or '' (empty string).
- */
-
-
-Html5.nativeSourceHandler.canHandleSource = function (source, options) {
-  // If a type was provided we should rely on that
-  if (source.type) {
-    return Html5.nativeSourceHandler.canPlayType(source.type); // If no type, fall back to checking 'video/[EXTENSION]'
-  } else if (source.src) {
-    var ext = getFileExtension(source.src);
-    return Html5.nativeSourceHandler.canPlayType("video/" + ext);
-  }
-
-  return '';
-};
-/**
- * Pass the source to the native media element.
- *
- * @param {Tech~SourceObject} source
- *        The source object
- *
- * @param {Html5} tech
- *        The instance of the Html5 tech
- *
- * @param {Object} [options]
- *        The options to pass to the source
- */
-
-
-Html5.nativeSourceHandler.handleSource = function (source, tech, options) {
-  tech.setSrc(source.src);
-};
-/**
- * A noop for the native dispose function, as cleanup is not needed.
- */
-
-
-Html5.nativeSourceHandler.dispose = function () {}; // Register the native source handler
-
-
-Html5.registerSourceHandler(Html5.nativeSourceHandler);
-Tech.registerTech('Html5', Html5);
-
-// on the player when they happen
-
-var TECH_EVENTS_RETRIGGER = [
-/**
- * Fired while the user agent is downloading media data.
- *
- * @event Player#progress
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `progress` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechProgress_
- * @fires Player#progress
- * @listens Tech#progress
- */
-'progress',
-/**
- * Fires when the loading of an audio/video is aborted.
- *
- * @event Player#abort
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `abort` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechAbort_
- * @fires Player#abort
- * @listens Tech#abort
- */
-'abort',
-/**
- * Fires when the browser is intentionally not getting media data.
- *
- * @event Player#suspend
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `suspend` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechSuspend_
- * @fires Player#suspend
- * @listens Tech#suspend
- */
-'suspend',
-/**
- * Fires when the current playlist is empty.
- *
- * @event Player#emptied
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `emptied` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechEmptied_
- * @fires Player#emptied
- * @listens Tech#emptied
- */
-'emptied',
-/**
- * Fires when the browser is trying to get media data, but data is not available.
- *
- * @event Player#stalled
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `stalled` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechStalled_
- * @fires Player#stalled
- * @listens Tech#stalled
- */
-'stalled',
-/**
- * Fires when the browser has loaded meta data for the audio/video.
- *
- * @event Player#loadedmetadata
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `stalled` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechLoadedmetadata_
- * @fires Player#loadedmetadata
- * @listens Tech#loadedmetadata
- */
-'loadedmetadata',
-/**
- * Fires when the browser has loaded the current frame of the audio/video.
- *
- * @event Player#loadeddata
- * @type {event}
- */
-
-/**
- * Retrigger the `loadeddata` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechLoaddeddata_
- * @fires Player#loadeddata
- * @listens Tech#loadeddata
- */
-'loadeddata',
-/**
- * Fires when the current playback position has changed.
- *
- * @event Player#timeupdate
- * @type {event}
- */
-
-/**
- * Retrigger the `timeupdate` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechTimeUpdate_
- * @fires Player#timeupdate
- * @listens Tech#timeupdate
- */
-'timeupdate',
-/**
- * Fires when the video's intrinsic dimensions change
- *
- * @event Player#resize
- * @type {event}
- */
-
-/**
- * Retrigger the `resize` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechResize_
- * @fires Player#resize
- * @listens Tech#resize
- */
-'resize',
-/**
- * Fires when the volume has been changed
- *
- * @event Player#volumechange
- * @type {event}
- */
-
-/**
- * Retrigger the `volumechange` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechVolumechange_
- * @fires Player#volumechange
- * @listens Tech#volumechange
- */
-'volumechange',
-/**
- * Fires when the text track has been changed
- *
- * @event Player#texttrackchange
- * @type {event}
- */
-
-/**
- * Retrigger the `texttrackchange` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechTexttrackchange_
- * @fires Player#texttrackchange
- * @listens Tech#texttrackchange
- */
-'texttrackchange']; // events to queue when playback rate is zero
-// this is a hash for the sole purpose of mapping non-camel-cased event names
-// to camel-cased function names
-
-var TECH_EVENTS_QUEUE = {
-  canplay: 'CanPlay',
-  canplaythrough: 'CanPlayThrough',
-  playing: 'Playing',
-  seeked: 'Seeked'
-};
-var BREAKPOINT_ORDER = ['tiny', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'huge'];
-var BREAKPOINT_CLASSES = {}; // grep: vjs-layout-tiny
-// grep: vjs-layout-x-small
-// grep: vjs-layout-small
-// grep: vjs-layout-medium
-// grep: vjs-layout-large
-// grep: vjs-layout-x-large
-// grep: vjs-layout-huge
-
-BREAKPOINT_ORDER.forEach(function (k) {
-  var v = k.charAt(0) === 'x' ? "x-" + k.substring(1) : k;
-  BREAKPOINT_CLASSES[k] = "vjs-layout-" + v;
-});
-var DEFAULT_BREAKPOINTS = {
-  tiny: 210,
-  xsmall: 320,
-  small: 425,
-  medium: 768,
-  large: 1440,
-  xlarge: 2560,
-  huge: Infinity
-};
-/**
- * An instance of the `Player` class is created when any of the Video.js setup methods
- * are used to initialize a video.
- *
- * After an instance has been created it can be accessed globally in two ways:
- * 1. By calling `videojs('example_video_1');`
- * 2. By using it directly via  `videojs.players.example_video_1;`
- *
- * @extends Component
- */
-
-var Player =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Player, _Component);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Element} tag
-   *        The original video DOM element used for configuring options.
-   *
-   * @param {Object} [options]
-   *        Object of option names and values.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        Ready callback function.
-   */
-  function Player(tag, options, ready) {
-    var _this;
-
-    // Make sure tag ID exists
-    tag.id = tag.id || options.id || "vjs_video_" + newGUID(); // Set Options
-    // The options argument overrides options set in the video tag
-    // which overrides globally set options.
-    // This latter part coincides with the load order
-    // (tag must exist before Player)
-
-    options = assign(Player.getTagSettings(tag), options); // Delay the initialization of children because we need to set up
-    // player properties first, and can't use `this` before `super()`
-
-    options.initChildren = false; // Same with creating the element
-
-    options.createEl = false; // don't auto mixin the evented mixin
-
-    options.evented = false; // we don't want the player to report touch activity on itself
-    // see enableTouchActivity in Component
-
-    options.reportTouchActivity = false; // If language is not set, get the closest lang attribute
-
-    if (!options.language) {
-      if (typeof tag.closest === 'function') {
-        var closest = tag.closest('[lang]');
-
-        if (closest && closest.getAttribute) {
-          options.language = closest.getAttribute('lang');
-        }
-      } else {
-        var element = tag;
-
-        while (element && element.nodeType === 1) {
-          if (getAttributes(element).hasOwnProperty('lang')) {
-            options.language = element.getAttribute('lang');
-            break;
-          }
-
-          element = element.parentNode;
-        }
-      }
-    } // Run base component initializing with new options
-
-
-    _this = _Component.call(this, null, options, ready) || this; // Create bound methods for document listeners.
-
-    _this.boundDocumentFullscreenChange_ = bind(_assertThisInitialized(_this), _this.documentFullscreenChange_);
-    _this.boundFullWindowOnEscKey_ = bind(_assertThisInitialized(_this), _this.fullWindowOnEscKey); // create logger
-
-    _this.log = createLogger$1(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
-
-    _this.fsApi_ = FullscreenApi; // Tracks when a tech changes the poster
-
-    _this.isPosterFromTech_ = false; // Holds callback info that gets queued when playback rate is zero
-    // and a seek is happening
-
-    _this.queuedCallbacks_ = []; // Turn off API access because we're loading a new tech that might load asynchronously
-
-    _this.isReady_ = false; // Init state hasStarted_
-
-    _this.hasStarted_ = false; // Init state userActive_
-
-    _this.userActive_ = false; // if the global option object was accidentally blown away by
-    // someone, bail early with an informative error
-
-    if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {
-      throw new Error('No techOrder specified. Did you overwrite ' + 'videojs.options instead of just changing the ' + 'properties you want to override?');
-    } // Store the original tag used to set options
-
-
-    _this.tag = tag; // Store the tag attributes used to restore html5 element
-
-    _this.tagAttributes = tag && getAttributes(tag); // Update current language
-
-    _this.language(_this.options_.language); // Update Supported Languages
-
-
-    if (options.languages) {
-      // Normalise player option languages to lowercase
-      var languagesToLower = {};
-      Object.getOwnPropertyNames(options.languages).forEach(function (name) {
-        languagesToLower[name.toLowerCase()] = options.languages[name];
-      });
-      _this.languages_ = languagesToLower;
-    } else {
-      _this.languages_ = Player.prototype.options_.languages;
-    }
-
-    _this.resetCache_(); // Set poster
-
-
-    _this.poster_ = options.poster || ''; // Set controls
-
-    _this.controls_ = !!options.controls; // Original tag settings stored in options
-    // now remove immediately so native controls don't flash.
-    // May be turned back on by HTML5 tech if nativeControlsForTouch is true
-
-    tag.controls = false;
-    tag.removeAttribute('controls');
-    _this.changingSrc_ = false;
-    _this.playCallbacks_ = [];
-    _this.playTerminatedQueue_ = []; // the attribute overrides the option
-
-    if (tag.hasAttribute('autoplay')) {
-      _this.autoplay(true);
-    } else {
-      // otherwise use the setter to validate and
-      // set the correct value.
-      _this.autoplay(_this.options_.autoplay);
-    } // check plugins
-
-
-    if (options.plugins) {
-      Object.keys(options.plugins).forEach(function (name) {
-        if (typeof _this[name] !== 'function') {
-          throw new Error("plugin \"" + name + "\" does not exist");
-        }
-      });
-    }
-    /*
-     * Store the internal state of scrubbing
-     *
-     * @private
-     * @return {Boolean} True if the user is scrubbing
-     */
-
-
-    _this.scrubbing_ = false;
-    _this.el_ = _this.createEl(); // Make this an evented object and use `el_` as its event bus.
-
-    evented(_assertThisInitialized(_this), {
-      eventBusKey: 'el_'
-    });
-
-    if (_this.fluid_) {
-      _this.on('playerreset', _this.updateStyleEl_);
-    } // We also want to pass the original player options to each component and plugin
-    // as well so they don't need to reach back into the player for options later.
-    // We also need to do another copy of this.options_ so we don't end up with
-    // an infinite loop.
-
-
-    var playerOptionsCopy = mergeOptions(_this.options_); // Load plugins
-
-    if (options.plugins) {
-      Object.keys(options.plugins).forEach(function (name) {
-        _this[name](options.plugins[name]);
-      });
-    }
-
-    _this.options_.playerOptions = playerOptionsCopy;
-    _this.middleware_ = [];
-
-    _this.initChildren(); // Set isAudio based on whether or not an audio tag was used
-
-
-    _this.isAudio(tag.nodeName.toLowerCase() === 'audio'); // Update controls className. Can't do this when the controls are initially
-    // set because the element doesn't exist yet.
-
-
-    if (_this.controls()) {
-      _this.addClass('vjs-controls-enabled');
-    } else {
-      _this.addClass('vjs-controls-disabled');
-    } // Set ARIA label and region role depending on player type
-
-
-    _this.el_.setAttribute('role', 'region');
-
-    if (_this.isAudio()) {
-      _this.el_.setAttribute('aria-label', _this.localize('Audio Player'));
-    } else {
-      _this.el_.setAttribute('aria-label', _this.localize('Video Player'));
-    }
-
-    if (_this.isAudio()) {
-      _this.addClass('vjs-audio');
-    }
-
-    if (_this.flexNotSupported_()) {
-      _this.addClass('vjs-no-flex');
-    } // TODO: Make this smarter. Toggle user state between touching/mousing
-    // using events, since devices can have both touch and mouse events.
-    // TODO: Make this check be performed again when the window switches between monitors
-    // (See https://github.com/videojs/video.js/issues/5683)
-
-
-    if (TOUCH_ENABLED) {
-      _this.addClass('vjs-touch-enabled');
-    } // iOS Safari has broken hover handling
-
-
-    if (!IS_IOS) {
-      _this.addClass('vjs-workinghover');
-    } // Make player easily findable by ID
-
-
-    Player.players[_this.id_] = _assertThisInitialized(_this); // Add a major version class to aid css in plugins
-
-    var majorVersion = version.split('.')[0];
-
-    _this.addClass("vjs-v" + majorVersion); // When the player is first initialized, trigger activity so components
-    // like the control bar show themselves if needed
-
-
-    _this.userActive(true);
-
-    _this.reportUserActivity();
-
-    _this.one('play', _this.listenForUserActivity_);
-
-    _this.on('stageclick', _this.handleStageClick_);
-
-    _this.on('keydown', _this.handleKeyDown);
-
-    _this.breakpoints(_this.options_.breakpoints);
-
-    _this.responsive(_this.options_.responsive);
-
-    return _this;
-  }
-  /**
-   * 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.
-   *
-   * @fires Player#dispose
-   */
-
-
-  var _proto = Player.prototype;
-
-  _proto.dispose = function dispose() {
-    var _this2 = this;
-
-    /**
-     * Called when the player is being disposed of.
-     *
-     * @event Player#dispose
-     * @type {EventTarget~Event}
-     */
-    this.trigger('dispose'); // prevent dispose from being called twice
-
-    this.off('dispose'); // Make sure all player-specific document listeners are unbound. This is
-
-    off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-    off(document, 'keydown', this.boundFullWindowOnEscKey_);
-
-    if (this.styleEl_ && this.styleEl_.parentNode) {
-      this.styleEl_.parentNode.removeChild(this.styleEl_);
-      this.styleEl_ = null;
-    } // Kill reference to this player
-
-
-    Player.players[this.id_] = null;
-
-    if (this.tag && this.tag.player) {
-      this.tag.player = null;
-    }
-
-    if (this.el_ && this.el_.player) {
-      this.el_.player = null;
-    }
-
-    if (this.tech_) {
-      this.tech_.dispose();
-      this.isPosterFromTech_ = false;
-      this.poster_ = '';
-    }
-
-    if (this.playerElIngest_) {
-      this.playerElIngest_ = null;
-    }
-
-    if (this.tag) {
-      this.tag = null;
-    }
-
-    clearCacheForPlayer(this); // remove all event handlers for track lists
-    // all tracks and track listeners are removed on
-    // tech dispose
-
-    ALL.names.forEach(function (name) {
-      var props = ALL[name];
-
-      var list = _this2[props.getterName](); // if it is not a native list
-      // we have to manually remove event listeners
-
-
-      if (list && list.off) {
-        list.off();
-      }
-    }); // the actual .el_ is removed here
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Create the `Player`'s DOM element.
-   *
-   * @return {Element}
-   *         The DOM element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    var tag = this.tag;
-    var el;
-    var playerElIngest = this.playerElIngest_ = tag.parentNode && tag.parentNode.hasAttribute && tag.parentNode.hasAttribute('data-vjs-player');
-    var divEmbed = this.tag.tagName.toLowerCase() === 'video-js';
-
-    if (playerElIngest) {
-      el = this.el_ = tag.parentNode;
-    } else if (!divEmbed) {
-      el = this.el_ = _Component.prototype.createEl.call(this, 'div');
-    } // Copy over all the attributes from the tag, including ID and class
-    // ID will now reference player box, not the video tag
-
-
-    var attrs = getAttributes(tag);
-
-    if (divEmbed) {
-      el = this.el_ = tag;
-      tag = this.tag = document.createElement('video');
-
-      while (el.children.length) {
-        tag.appendChild(el.firstChild);
-      }
-
-      if (!hasClass(el, 'video-js')) {
-        addClass(el, 'video-js');
-      }
-
-      el.appendChild(tag);
-      playerElIngest = this.playerElIngest_ = el; // move properties over from our custom `video-js` element
-      // to our new `video` element. This will move things like
-      // `src` or `controls` that were set via js before the player
-      // was initialized.
-
-      Object.keys(el).forEach(function (k) {
-        try {
-          tag[k] = el[k];
-        } catch (e) {// we got a a property like outerHTML which we can't actually copy, ignore it
-        }
-      });
-    } // set tabindex to -1 to remove the video element from the focus order
-
-
-    tag.setAttribute('tabindex', '-1');
-    attrs.tabindex = '-1'; // Workaround for #4583 (JAWS+IE doesn't announce BPB or play button), and
-    // for the same issue with Chrome (on Windows) with JAWS.
-    // See https://github.com/FreedomScientific/VFO-standards-support/issues/78
-    // Note that we can't detect if JAWS is being used, but this ARIA attribute
-    //  doesn't change behavior of IE11 or Chrome if JAWS is not being used
-
-    if (IE_VERSION || IS_CHROME && IS_WINDOWS) {
-      tag.setAttribute('role', 'application');
-      attrs.role = 'application';
-    } // Remove width/height attrs from tag so CSS can make it 100% width/height
-
-
-    tag.removeAttribute('width');
-    tag.removeAttribute('height');
-
-    if ('width' in attrs) {
-      delete attrs.width;
-    }
-
-    if ('height' in attrs) {
-      delete attrs.height;
-    }
-
-    Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-      // don't copy over the class attribute to the player element when we're in a div embed
-      // the class is already set up properly in the divEmbed case
-      // and we want to make sure that the `video-js` class doesn't get lost
-      if (!(divEmbed && attr === 'class')) {
-        el.setAttribute(attr, attrs[attr]);
-      }
-
-      if (divEmbed) {
-        tag.setAttribute(attr, attrs[attr]);
-      }
-    }); // Update tag id/class for use as HTML5 playback tech
-    // Might think we should do this after embedding in container so .vjs-tech class
-    // doesn't flash 100% width/height, but class only applies with .video-js parent
-
-    tag.playerId = tag.id;
-    tag.id += '_html5_api';
-    tag.className = 'vjs-tech'; // Make player findable on elements
-
-    tag.player = el.player = this; // Default state of video is paused
-
-    this.addClass('vjs-paused'); // Add a style element in the player that we'll use to set the width/height
-    // of the player in a way that's still overrideable by CSS, just like the
-    // video element
-
-    if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
-      this.styleEl_ = createStyleElement('vjs-styles-dimensions');
-      var defaultsStyleEl = $('.vjs-styles-defaults');
-      var head = $('head');
-      head.insertBefore(this.styleEl_, defaultsStyleEl ? defaultsStyleEl.nextSibling : head.firstChild);
-    }
-
-    this.fill_ = false;
-    this.fluid_ = false; // Pass in the width/height/aspectRatio options which will update the style el
-
-    this.width(this.options_.width);
-    this.height(this.options_.height);
-    this.fill(this.options_.fill);
-    this.fluid(this.options_.fluid);
-    this.aspectRatio(this.options_.aspectRatio); // Hide any links within the video/audio tag,
-    // because IE doesn't hide them completely from screen readers.
-
-    var links = tag.getElementsByTagName('a');
-
-    for (var i = 0; i < links.length; i++) {
-      var linkEl = links.item(i);
-      addClass(linkEl, 'vjs-hidden');
-      linkEl.setAttribute('hidden', 'hidden');
-    } // insertElFirst seems to cause the networkState to flicker from 3 to 2, so
-    // keep track of the original for later so we can know if the source originally failed
-
-
-    tag.initNetworkState_ = tag.networkState; // Wrap video tag in div (el/box) container
-
-    if (tag.parentNode && !playerElIngest) {
-      tag.parentNode.insertBefore(el, tag);
-    } // insert the tag as the first child of the player element
-    // then manually add it to the children array so that this.addChild
-    // will work properly for other components
-    //
-    // Breaks iPhone, fixed in HTML5 setup.
-
-
-    prependTo(tag, el);
-    this.children_.unshift(tag); // Set lang attr on player to ensure CSS :lang() in consistent with player
-    // if it's been set to something different to the doc
-
-    this.el_.setAttribute('lang', this.language_);
-    this.el_ = el;
-    return el;
-  }
-  /**
-   * A getter/setter for the `Player`'s width. Returns the player's configured value.
-   * To get the current width use `currentWidth()`.
-   *
-   * @param {number} [value]
-   *        The value to set the `Player`'s width to.
-   *
-   * @return {number}
-   *         The current width of the `Player` when getting.
-   */
-  ;
-
-  _proto.width = function width(value) {
-    return this.dimension('width', value);
-  }
-  /**
-   * A getter/setter for the `Player`'s height. Returns the player's configured value.
-   * To get the current height use `currentheight()`.
-   *
-   * @param {number} [value]
-   *        The value to set the `Player`'s heigth to.
-   *
-   * @return {number}
-   *         The current height of the `Player` when getting.
-   */
-  ;
-
-  _proto.height = function height(value) {
-    return this.dimension('height', value);
-  }
-  /**
-   * A getter/setter for the `Player`'s width & height.
-   *
-   * @param {string} dimension
-   *        This string can be:
-   *        - 'width'
-   *        - 'height'
-   *
-   * @param {number} [value]
-   *        Value for dimension specified in the first argument.
-   *
-   * @return {number}
-   *         The dimension arguments value when getting (width/height).
-   */
-  ;
-
-  _proto.dimension = function dimension(_dimension, value) {
-    var privDimension = _dimension + '_';
-
-    if (value === undefined) {
-      return this[privDimension] || 0;
-    }
-
-    if (value === '' || value === 'auto') {
-      // If an empty string is given, reset the dimension to be automatic
-      this[privDimension] = undefined;
-      this.updateStyleEl_();
-      return;
-    }
-
-    var parsedVal = parseFloat(value);
-
-    if (isNaN(parsedVal)) {
-      log.error("Improper value \"" + value + "\" supplied for for " + _dimension);
-      return;
-    }
-
-    this[privDimension] = parsedVal;
-    this.updateStyleEl_();
-  }
-  /**
-   * A getter/setter/toggler for the vjs-fluid `className` on the `Player`.
-   *
-   * Turning this on will turn off fill mode.
-   *
-   * @param {boolean} [bool]
-   *        - A value of true adds the class.
-   *        - A value of false removes the class.
-   *        - No value will be a getter.
-   *
-   * @return {boolean|undefined}
-   *         - The value of fluid when getting.
-   *         - `undefined` when setting.
-   */
-  ;
-
-  _proto.fluid = function fluid(bool) {
-    if (bool === undefined) {
-      return !!this.fluid_;
-    }
-
-    this.fluid_ = !!bool;
-
-    if (isEvented(this)) {
-      this.off('playerreset', this.updateStyleEl_);
-    }
-
-    if (bool) {
-      this.addClass('vjs-fluid');
-      this.fill(false);
-      addEventedCallback(function () {
-        this.on('playerreset', this.updateStyleEl_);
-      });
-    } else {
-      this.removeClass('vjs-fluid');
-    }
-
-    this.updateStyleEl_();
-  }
-  /**
-   * A getter/setter/toggler for the vjs-fill `className` on the `Player`.
-   *
-   * Turning this on will turn off fluid mode.
-   *
-   * @param {boolean} [bool]
-   *        - A value of true adds the class.
-   *        - A value of false removes the class.
-   *        - No value will be a getter.
-   *
-   * @return {boolean|undefined}
-   *         - The value of fluid when getting.
-   *         - `undefined` when setting.
-   */
-  ;
-
-  _proto.fill = function fill(bool) {
-    if (bool === undefined) {
-      return !!this.fill_;
-    }
-
-    this.fill_ = !!bool;
-
-    if (bool) {
-      this.addClass('vjs-fill');
-      this.fluid(false);
-    } else {
-      this.removeClass('vjs-fill');
-    }
-  }
-  /**
-   * Get/Set the aspect ratio
-   *
-   * @param {string} [ratio]
-   *        Aspect ratio for player
-   *
-   * @return {string|undefined}
-   *         returns the current aspect ratio when getting
-   */
-
-  /**
-   * A getter/setter for the `Player`'s aspect ratio.
-   *
-   * @param {string} [ratio]
-   *        The value to set the `Player's aspect ratio to.
-   *
-   * @return {string|undefined}
-   *         - The current aspect ratio of the `Player` when getting.
-   *         - undefined when setting
-   */
-  ;
-
-  _proto.aspectRatio = function aspectRatio(ratio) {
-    if (ratio === undefined) {
-      return this.aspectRatio_;
-    } // Check for width:height format
-
-
-    if (!/^\d+\:\d+$/.test(ratio)) {
-      throw new Error('Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.');
-    }
-
-    this.aspectRatio_ = ratio; // We're assuming if you set an aspect ratio you want fluid mode,
-    // because in fixed mode you could calculate width and height yourself.
-
-    this.fluid(true);
-    this.updateStyleEl_();
-  }
-  /**
-   * Update styles of the `Player` element (height, width and aspect ratio).
-   *
-   * @private
-   * @listens Tech#loadedmetadata
-   */
-  ;
-
-  _proto.updateStyleEl_ = function updateStyleEl_() {
-    if (window$1.VIDEOJS_NO_DYNAMIC_STYLE === true) {
-      var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;
-
-      var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;
-
-      var techEl = this.tech_ && this.tech_.el();
-
-      if (techEl) {
-        if (_width >= 0) {
-          techEl.width = _width;
-        }
-
-        if (_height >= 0) {
-          techEl.height = _height;
-        }
-      }
-
-      return;
-    }
-
-    var width;
-    var height;
-    var aspectRatio;
-    var idClass; // The aspect ratio is either used directly or to calculate width and height.
-
-    if (this.aspectRatio_ !== undefined && this.aspectRatio_ !== 'auto') {
-      // Use any aspectRatio that's been specifically set
-      aspectRatio = this.aspectRatio_;
-    } else if (this.videoWidth() > 0) {
-      // Otherwise try to get the aspect ratio from the video metadata
-      aspectRatio = this.videoWidth() + ':' + this.videoHeight();
-    } else {
-      // Or use a default. The video element's is 2:1, but 16:9 is more common.
-      aspectRatio = '16:9';
-    } // Get the ratio as a decimal we can use to calculate dimensions
-
-
-    var ratioParts = aspectRatio.split(':');
-    var ratioMultiplier = ratioParts[1] / ratioParts[0];
-
-    if (this.width_ !== undefined) {
-      // Use any width that's been specifically set
-      width = this.width_;
-    } else if (this.height_ !== undefined) {
-      // Or calulate the width from the aspect ratio if a height has been set
-      width = this.height_ / ratioMultiplier;
-    } else {
-      // Or use the video's metadata, or use the video el's default of 300
-      width = this.videoWidth() || 300;
-    }
-
-    if (this.height_ !== undefined) {
-      // Use any height that's been specifically set
-      height = this.height_;
-    } else {
-      // Otherwise calculate the height from the ratio and the width
-      height = width * ratioMultiplier;
-    } // Ensure the CSS class is valid by starting with an alpha character
-
-
-    if (/^[^a-zA-Z]/.test(this.id())) {
-      idClass = 'dimensions-' + this.id();
-    } else {
-      idClass = this.id() + '-dimensions';
-    } // Ensure the right class is still on the player for the style element
-
-
-    this.addClass(idClass);
-    setTextContent(this.styleEl_, "\n      ." + idClass + " {\n        width: " + width + "px;\n        height: " + height + "px;\n      }\n\n      ." + idClass + ".vjs-fluid {\n        padding-top: " + ratioMultiplier * 100 + "%;\n      }\n    ");
-  }
-  /**
-   * Load/Create an instance of playback {@link Tech} including element
-   * and API methods. Then append the `Tech` element in `Player` as a child.
-   *
-   * @param {string} techName
-   *        name of the playback technology
-   *
-   * @param {string} source
-   *        video source
-   *
-   * @private
-   */
-  ;
-
-  _proto.loadTech_ = function loadTech_(techName, source) {
-    var _this3 = this;
-
-    // Pause and remove current playback technology
-    if (this.tech_) {
-      this.unloadTech_();
-    }
-
-    var titleTechName = toTitleCase(techName);
-    var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1); // get rid of the HTML5 video tag as soon as we are using another tech
-
-    if (titleTechName !== 'Html5' && this.tag) {
-      Tech.getTech('Html5').disposeMediaElement(this.tag);
-      this.tag.player = null;
-      this.tag = null;
-    }
-
-    this.techName_ = titleTechName; // Turn off API access because we're loading a new tech that might load asynchronously
-
-    this.isReady_ = false; // if autoplay is a string we pass false to the tech
-    // because the player is going to handle autoplay on `loadstart`
-
-    var autoplay = typeof this.autoplay() === 'string' ? false : this.autoplay(); // Grab tech-specific options from player options and add source and parent element to use.
-
-    var techOptions = {
-      source: source,
-      autoplay: autoplay,
-      'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-      'playerId': this.id(),
-      'techId': this.id() + "_" + camelTechName + "_api",
-      'playsinline': this.options_.playsinline,
-      'preload': this.options_.preload,
-      'loop': this.options_.loop,
-      'muted': this.options_.muted,
-      'poster': this.poster(),
-      'language': this.language(),
-      'playerElIngest': this.playerElIngest_ || false,
-      'vtt.js': this.options_['vtt.js'],
-      'canOverridePoster': !!this.options_.techCanOverridePoster,
-      'enableSourceset': this.options_.enableSourceset,
-      'Promise': this.options_.Promise
-    };
-    ALL.names.forEach(function (name) {
-      var props = ALL[name];
-      techOptions[props.getterName] = _this3[props.privateName];
-    });
-    assign(techOptions, this.options_[titleTechName]);
-    assign(techOptions, this.options_[camelTechName]);
-    assign(techOptions, this.options_[techName.toLowerCase()]);
-
-    if (this.tag) {
-      techOptions.tag = this.tag;
-    }
-
-    if (source && source.src === this.cache_.src && this.cache_.currentTime > 0) {
-      techOptions.startTime = this.cache_.currentTime;
-    } // Initialize tech instance
-
-
-    var TechClass = Tech.getTech(techName);
-
-    if (!TechClass) {
-      throw new Error("No Tech named '" + titleTechName + "' exists! '" + titleTechName + "' should be registered using videojs.registerTech()'");
-    }
-
-    this.tech_ = new TechClass(techOptions); // player.triggerReady is always async, so don't need this to be async
-
-    this.tech_.ready(bind(this, this.handleTechReady_), true);
-    textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_); // Listen to all HTML5-defined events and trigger them on the player
-
-    TECH_EVENTS_RETRIGGER.forEach(function (event) {
-      _this3.on(_this3.tech_, event, _this3["handleTech" + toTitleCase(event) + "_"]);
-    });
-    Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {
-      _this3.on(_this3.tech_, event, function (eventObj) {
-        if (_this3.tech_.playbackRate() === 0 && _this3.tech_.seeking()) {
-          _this3.queuedCallbacks_.push({
-            callback: _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this3),
-            event: eventObj
-          });
-
-          return;
-        }
-
-        _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
-      });
-    });
-    this.on(this.tech_, 'loadstart', this.handleTechLoadStart_);
-    this.on(this.tech_, 'sourceset', this.handleTechSourceset_);
-    this.on(this.tech_, 'waiting', this.handleTechWaiting_);
-    this.on(this.tech_, 'ended', this.handleTechEnded_);
-    this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-    this.on(this.tech_, 'play', this.handleTechPlay_);
-    this.on(this.tech_, 'firstplay', this.handleTechFirstPlay_);
-    this.on(this.tech_, 'pause', this.handleTechPause_);
-    this.on(this.tech_, 'durationchange', this.handleTechDurationChange_);
-    this.on(this.tech_, 'fullscreenchange', this.handleTechFullscreenChange_);
-    this.on(this.tech_, 'enterpictureinpicture', this.handleTechEnterPictureInPicture_);
-    this.on(this.tech_, 'leavepictureinpicture', this.handleTechLeavePictureInPicture_);
-    this.on(this.tech_, 'error', this.handleTechError_);
-    this.on(this.tech_, 'loadedmetadata', this.updateStyleEl_);
-    this.on(this.tech_, 'posterchange', this.handleTechPosterChange_);
-    this.on(this.tech_, 'textdata', this.handleTechTextData_);
-    this.on(this.tech_, 'ratechange', this.handleTechRateChange_);
-    this.usingNativeControls(this.techGet_('controls'));
-
-    if (this.controls() && !this.usingNativeControls()) {
-      this.addTechControlsListeners_();
-    } // Add the tech element in the DOM if it was not already there
-    // Make sure to not insert the original video element if using Html5
-
-
-    if (this.tech_.el().parentNode !== this.el() && (titleTechName !== 'Html5' || !this.tag)) {
-      prependTo(this.tech_.el(), this.el());
-    } // Get rid of the original video tag reference after the first tech is loaded
-
-
-    if (this.tag) {
-      this.tag.player = null;
-      this.tag = null;
-    }
-  }
-  /**
-   * Unload and dispose of the current playback {@link Tech}.
-   *
-   * @private
-   */
-  ;
-
-  _proto.unloadTech_ = function unloadTech_() {
-    var _this4 = this;
-
-    // Save the current text tracks so that we can reuse the same text tracks with the next tech
-    ALL.names.forEach(function (name) {
-      var props = ALL[name];
-      _this4[props.privateName] = _this4[props.getterName]();
-    });
-    this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);
-    this.isReady_ = false;
-    this.tech_.dispose();
-    this.tech_ = false;
-
-    if (this.isPosterFromTech_) {
-      this.poster_ = '';
-      this.trigger('posterchange');
-    }
-
-    this.isPosterFromTech_ = false;
-  }
-  /**
-   * Return a reference to the current {@link Tech}.
-   * It will print a warning by default about the danger of using the tech directly
-   * but any argument that is passed in will silence the warning.
-   *
-   * @param {*} [safety]
-   *        Anything passed in to silence the warning
-   *
-   * @return {Tech}
-   *         The Tech
-   */
-  ;
-
-  _proto.tech = function tech(safety) {
-    if (safety === undefined) {
-      log.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
-    }
-
-    return this.tech_;
-  }
-  /**
-   * Set up click and touch listeners for the playback element
-   *
-   * - On desktops: a click on the video itself will toggle playback
-   * - On mobile devices: a click on the video toggles controls
-   *   which 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
-   *
-   * @private
-   */
-  ;
-
-  _proto.addTechControlsListeners_ = function addTechControlsListeners_() {
-    // Make sure to remove all the previous listeners in case we are called multiple times.
-    this.removeTechControlsListeners_(); // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
-    // trigger mousedown/up.
-    // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
-    // Any touch events are set to block the mousedown event from happening
-
-    this.on(this.tech_, 'mouseup', this.handleTechClick_);
-    this.on(this.tech_, 'dblclick', this.handleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
-    // so we'll check if the controls were already showing before reporting user
-    // activity
-
-    this.on(this.tech_, 'touchstart', this.handleTechTouchStart_);
-    this.on(this.tech_, 'touchmove', this.handleTechTouchMove_);
-    this.on(this.tech_, 'touchend', this.handleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
-    // listener cancels out any reportedUserActivity when setting userActive(false)
-
-    this.on(this.tech_, 'tap', this.handleTechTap_);
-  }
-  /**
-   * Remove the listeners used for click and tap controls. This is needed for
-   * toggling to controls disabled, where a tap/touch should do nothing.
-   *
-   * @private
-   */
-  ;
-
-  _proto.removeTechControlsListeners_ = function removeTechControlsListeners_() {
-    // We don't want to just use `this.off()` because there might be other needed
-    // listeners added by techs that extend this.
-    this.off(this.tech_, 'tap', this.handleTechTap_);
-    this.off(this.tech_, 'touchstart', this.handleTechTouchStart_);
-    this.off(this.tech_, 'touchmove', this.handleTechTouchMove_);
-    this.off(this.tech_, 'touchend', this.handleTechTouchEnd_);
-    this.off(this.tech_, 'mouseup', this.handleTechClick_);
-    this.off(this.tech_, 'dblclick', this.handleTechDoubleClick_);
-  }
-  /**
-   * Player waits for the tech to be ready
-   *
-   * @private
-   */
-  ;
-
-  _proto.handleTechReady_ = function handleTechReady_() {
-    this.triggerReady(); // Keep the same volume as before
-
-    if (this.cache_.volume) {
-      this.techCall_('setVolume', this.cache_.volume);
-    } // Look if the tech found a higher resolution poster while loading
-
-
-    this.handleTechPosterChange_(); // Update the duration if available
-
-    this.handleTechDurationChange_();
-  }
-  /**
-   * Retrigger the `loadstart` event that was triggered by the {@link Tech}. This
-   * function will also trigger {@link Player#firstplay} if it is the first loadstart
-   * for a video.
-   *
-   * @fires Player#loadstart
-   * @fires Player#firstplay
-   * @listens Tech#loadstart
-   * @private
-   */
-  ;
-
-  _proto.handleTechLoadStart_ = function handleTechLoadStart_() {
-    // TODO: Update to use `emptied` event instead. See #1277.
-    this.removeClass('vjs-ended');
-    this.removeClass('vjs-seeking'); // reset the error state
-
-    this.error(null); // Update the duration
-
-    this.handleTechDurationChange_(); // If it's already playing we want to trigger a firstplay event now.
-    // The firstplay event relies on both the play and loadstart events
-    // which can happen in any order for a new source
-
-    if (!this.paused()) {
-      /**
-       * Fired when the user agent begins looking for media data
-       *
-       * @event Player#loadstart
-       * @type {EventTarget~Event}
-       */
-      this.trigger('loadstart');
-      this.trigger('firstplay');
-    } else {
-      // reset the hasStarted state
-      this.hasStarted(false);
-      this.trigger('loadstart');
-    } // autoplay happens after loadstart for the browser,
-    // so we mimic that behavior
-
-
-    this.manualAutoplay_(this.autoplay());
-  }
-  /**
-   * Handle autoplay string values, rather than the typical boolean
-   * values that should be handled by the tech. Note that this is not
-   * part of any specification. Valid values and what they do can be
-   * found on the autoplay getter at Player#autoplay()
-   */
-  ;
-
-  _proto.manualAutoplay_ = function manualAutoplay_(type) {
-    var _this5 = this;
-
-    if (!this.tech_ || typeof type !== 'string') {
-      return;
-    }
-
-    var muted = function muted() {
-      var previouslyMuted = _this5.muted();
-
-      _this5.muted(true);
-
-      var restoreMuted = function restoreMuted() {
-        _this5.muted(previouslyMuted);
-      }; // restore muted on play terminatation
-
-
-      _this5.playTerminatedQueue_.push(restoreMuted);
-
-      var mutedPromise = _this5.play();
-
-      if (!isPromise(mutedPromise)) {
-        return;
-      }
-
-      return mutedPromise["catch"](restoreMuted);
-    };
-
-    var promise; // if muted defaults to true
-    // the only thing we can do is call play
-
-    if (type === 'any' && this.muted() !== true) {
-      promise = this.play();
-
-      if (isPromise(promise)) {
-        promise = promise["catch"](muted);
-      }
-    } else if (type === 'muted' && this.muted() !== true) {
-      promise = muted();
-    } else {
-      promise = this.play();
-    }
-
-    if (!isPromise(promise)) {
-      return;
-    }
-
-    return promise.then(function () {
-      _this5.trigger({
-        type: 'autoplay-success',
-        autoplay: type
-      });
-    })["catch"](function (e) {
-      _this5.trigger({
-        type: 'autoplay-failure',
-        autoplay: type
-      });
-    });
-  }
-  /**
-   * Update the internal source caches so that we return the correct source from
-   * `src()`, `currentSource()`, and `currentSources()`.
-   *
-   * > Note: `currentSources` will not be updated if the source that is passed in exists
-   *         in the current `currentSources` cache.
-   *
-   *
-   * @param {Tech~SourceObject} srcObj
-   *        A string or object source to update our caches to.
-   */
-  ;
-
-  _proto.updateSourceCaches_ = function updateSourceCaches_(srcObj) {
-    if (srcObj === void 0) {
-      srcObj = '';
-    }
-
-    var src = srcObj;
-    var type = '';
-
-    if (typeof src !== 'string') {
-      src = srcObj.src;
-      type = srcObj.type;
-    } // make sure all the caches are set to default values
-    // to prevent null checking
-
-
-    this.cache_.source = this.cache_.source || {};
-    this.cache_.sources = this.cache_.sources || []; // try to get the type of the src that was passed in
-
-    if (src && !type) {
-      type = findMimetype(this, src);
-    } // update `currentSource` cache always
-
-
-    this.cache_.source = mergeOptions({}, srcObj, {
-      src: src,
-      type: type
-    });
-    var matchingSources = this.cache_.sources.filter(function (s) {
-      return s.src && s.src === src;
-    });
-    var sourceElSources = [];
-    var sourceEls = this.$$('source');
-    var matchingSourceEls = [];
-
-    for (var i = 0; i < sourceEls.length; i++) {
-      var sourceObj = getAttributes(sourceEls[i]);
-      sourceElSources.push(sourceObj);
-
-      if (sourceObj.src && sourceObj.src === src) {
-        matchingSourceEls.push(sourceObj.src);
-      }
-    } // if we have matching source els but not matching sources
-    // the current source cache is not up to date
-
-
-    if (matchingSourceEls.length && !matchingSources.length) {
-      this.cache_.sources = sourceElSources; // if we don't have matching source or source els set the
-      // sources cache to the `currentSource` cache
-    } else if (!matchingSources.length) {
-      this.cache_.sources = [this.cache_.source];
-    } // update the tech `src` cache
-
-
-    this.cache_.src = src;
-  }
-  /**
-   * *EXPERIMENTAL* Fired when the source is set or changed on the {@link Tech}
-   * causing the media element to reload.
-   *
-   * It will fire for the initial source and each subsequent source.
-   * This event is a custom event from Video.js and is triggered by the {@link Tech}.
-   *
-   * The event object for this event contains a `src` property that will contain the source
-   * that was available when the event was triggered. This is generally only necessary if Video.js
-   * is switching techs while the source was being changed.
-   *
-   * It is also fired when `load` is called on the player (or media element)
-   * because the {@link https://html.spec.whatwg.org/multipage/media.html#dom-media-load|specification for `load`}
-   * says that the resource selection algorithm needs to be aborted and restarted.
-   * In this case, it is very likely that the `src` property will be set to the
-   * empty string `""` to indicate we do not know what the source will be but
-   * that it is changing.
-   *
-   * *This event is currently still experimental and may change in minor releases.*
-   * __To use this, pass `enableSourceset` option to the player.__
-   *
-   * @event Player#sourceset
-   * @type {EventTarget~Event}
-   * @prop {string} src
-   *                The source url available when the `sourceset` was triggered.
-   *                It will be an empty string if we cannot know what the source is
-   *                but know that the source will change.
-   */
-
-  /**
-   * Retrigger the `sourceset` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#sourceset
-   * @listens Tech#sourceset
-   * @private
-   */
-  ;
-
-  _proto.handleTechSourceset_ = function handleTechSourceset_(event) {
-    var _this6 = this;
-
-    // only update the source cache when the source
-    // was not updated using the player api
-    if (!this.changingSrc_) {
-      var updateSourceCaches = function updateSourceCaches(src) {
-        return _this6.updateSourceCaches_(src);
-      };
-
-      var playerSrc = this.currentSource().src;
-      var eventSrc = event.src; // if we have a playerSrc that is not a blob, and a tech src that is a blob
-
-      if (playerSrc && !/^blob:/.test(playerSrc) && /^blob:/.test(eventSrc)) {
-        // if both the tech source and the player source were updated we assume
-        // something like @videojs/http-streaming did the sourceset and skip updating the source cache.
-        if (!this.lastSource_ || this.lastSource_.tech !== eventSrc && this.lastSource_.player !== playerSrc) {
-          updateSourceCaches = function updateSourceCaches() {};
-        }
-      } // update the source to the intial source right away
-      // in some cases this will be empty string
-
-
-      updateSourceCaches(eventSrc); // if the `sourceset` `src` was an empty string
-      // wait for a `loadstart` to update the cache to `currentSrc`.
-      // If a sourceset happens before a `loadstart`, we reset the state
-
-      if (!event.src) {
-        this.tech_.any(['sourceset', 'loadstart'], function (e) {
-          // if a sourceset happens before a `loadstart` there
-          // is nothing to do as this `handleTechSourceset_`
-          // will be called again and this will be handled there.
-          if (e.type === 'sourceset') {
-            return;
-          }
-
-          var techSrc = _this6.techGet('currentSrc');
-
-          _this6.lastSource_.tech = techSrc;
-
-          _this6.updateSourceCaches_(techSrc);
-        });
-      }
-    }
-
-    this.lastSource_ = {
-      player: this.currentSource().src,
-      tech: event.src
-    };
-    this.trigger({
-      src: event.src,
-      type: 'sourceset'
-    });
-  }
-  /**
-   * Add/remove the vjs-has-started class
-   *
-   * @fires Player#firstplay
-   *
-   * @param {boolean} request
-   *        - true: adds the class
-   *        - false: remove the class
-   *
-   * @return {boolean}
-   *         the boolean value of hasStarted_
-   */
-  ;
-
-  _proto.hasStarted = function hasStarted(request) {
-    if (request === undefined) {
-      // act as getter, if we have no request to change
-      return this.hasStarted_;
-    }
-
-    if (request === this.hasStarted_) {
-      return;
-    }
-
-    this.hasStarted_ = request;
-
-    if (this.hasStarted_) {
-      this.addClass('vjs-has-started');
-      this.trigger('firstplay');
-    } else {
-      this.removeClass('vjs-has-started');
-    }
-  }
-  /**
-   * Fired whenever the media begins or resumes playback
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-play}
-   * @fires Player#play
-   * @listens Tech#play
-   * @private
-   */
-  ;
-
-  _proto.handleTechPlay_ = function handleTechPlay_() {
-    this.removeClass('vjs-ended');
-    this.removeClass('vjs-paused');
-    this.addClass('vjs-playing'); // hide the poster when the user hits play
-
-    this.hasStarted(true);
-    /**
-     * Triggered whenever an {@link Tech#play} event happens. Indicates that
-     * playback has started or resumed.
-     *
-     * @event Player#play
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('play');
-  }
-  /**
-   * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
-   *
-   * If there were any events queued while the playback rate was zero, fire
-   * those events now.
-   *
-   * @private
-   * @method Player#handleTechRateChange_
-   * @fires Player#ratechange
-   * @listens Tech#ratechange
-   */
-  ;
-
-  _proto.handleTechRateChange_ = function handleTechRateChange_() {
-    if (this.tech_.playbackRate() > 0 && this.cache_.lastPlaybackRate === 0) {
-      this.queuedCallbacks_.forEach(function (queued) {
-        return queued.callback(queued.event);
-      });
-      this.queuedCallbacks_ = [];
-    }
-
-    this.cache_.lastPlaybackRate = this.tech_.playbackRate();
-    /**
-     * Fires when the playing speed of the audio/video is changed
-     *
-     * @event Player#ratechange
-     * @type {event}
-     */
-
-    this.trigger('ratechange');
-  }
-  /**
-   * Retrigger the `waiting` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#waiting
-   * @listens Tech#waiting
-   * @private
-   */
-  ;
-
-  _proto.handleTechWaiting_ = function handleTechWaiting_() {
-    var _this7 = this;
-
-    this.addClass('vjs-waiting');
-    /**
-     * A readyState change on the DOM element has caused playback to stop.
-     *
-     * @event Player#waiting
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('waiting'); // Browsers may emit a timeupdate event after a waiting event. In order to prevent
-    // premature removal of the waiting class, wait for the time to change.
-
-    var timeWhenWaiting = this.currentTime();
-
-    var timeUpdateListener = function timeUpdateListener() {
-      if (timeWhenWaiting !== _this7.currentTime()) {
-        _this7.removeClass('vjs-waiting');
-
-        _this7.off('timeupdate', timeUpdateListener);
-      }
-    };
-
-    this.on('timeupdate', timeUpdateListener);
-  }
-  /**
-   * Retrigger the `canplay` event that was triggered by the {@link Tech}.
-   * > Note: This is not consistent between browsers. See #1351
-   *
-   * @fires Player#canplay
-   * @listens Tech#canplay
-   * @private
-   */
-  ;
-
-  _proto.handleTechCanPlay_ = function handleTechCanPlay_() {
-    this.removeClass('vjs-waiting');
-    /**
-     * The media has a readyState of HAVE_FUTURE_DATA or greater.
-     *
-     * @event Player#canplay
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('canplay');
-  }
-  /**
-   * Retrigger the `canplaythrough` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#canplaythrough
-   * @listens Tech#canplaythrough
-   * @private
-   */
-  ;
-
-  _proto.handleTechCanPlayThrough_ = function handleTechCanPlayThrough_() {
-    this.removeClass('vjs-waiting');
-    /**
-     * The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the
-     * entire media file can be played without buffering.
-     *
-     * @event Player#canplaythrough
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('canplaythrough');
-  }
-  /**
-   * Retrigger the `playing` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#playing
-   * @listens Tech#playing
-   * @private
-   */
-  ;
-
-  _proto.handleTechPlaying_ = function handleTechPlaying_() {
-    this.removeClass('vjs-waiting');
-    /**
-     * The media is no longer blocked from playback, and has started playing.
-     *
-     * @event Player#playing
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('playing');
-  }
-  /**
-   * Retrigger the `seeking` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#seeking
-   * @listens Tech#seeking
-   * @private
-   */
-  ;
-
-  _proto.handleTechSeeking_ = function handleTechSeeking_() {
-    this.addClass('vjs-seeking');
-    /**
-     * Fired whenever the player is jumping to a new time
-     *
-     * @event Player#seeking
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('seeking');
-  }
-  /**
-   * Retrigger the `seeked` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#seeked
-   * @listens Tech#seeked
-   * @private
-   */
-  ;
-
-  _proto.handleTechSeeked_ = function handleTechSeeked_() {
-    this.removeClass('vjs-seeking');
-    this.removeClass('vjs-ended');
-    /**
-     * Fired when the player has finished jumping to a new time
-     *
-     * @event Player#seeked
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('seeked');
-  }
-  /**
-   * Retrigger the `firstplay` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#firstplay
-   * @listens Tech#firstplay
-   * @deprecated As of 6.0 firstplay event is deprecated.
-   *             As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-   * @private
-   */
-  ;
-
-  _proto.handleTechFirstPlay_ = function handleTechFirstPlay_() {
-    // If the first starttime attribute is specified
-    // then we will start at the given offset in seconds
-    if (this.options_.starttime) {
-      log.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
-      this.currentTime(this.options_.starttime);
-    }
-
-    this.addClass('vjs-has-started');
-    /**
-     * Fired the first time a video is played. Not part of the HLS spec, and this is
-     * probably not the best implementation yet, so use sparingly. If you don't have a
-     * reason to prevent playback, use `myPlayer.one('play');` instead.
-     *
-     * @event Player#firstplay
-     * @deprecated As of 6.0 firstplay event is deprecated.
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('firstplay');
-  }
-  /**
-   * Retrigger the `pause` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#pause
-   * @listens Tech#pause
-   * @private
-   */
-  ;
-
-  _proto.handleTechPause_ = function handleTechPause_() {
-    this.removeClass('vjs-playing');
-    this.addClass('vjs-paused');
-    /**
-     * Fired whenever the media has been paused
-     *
-     * @event Player#pause
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('pause');
-  }
-  /**
-   * Retrigger the `ended` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#ended
-   * @listens Tech#ended
-   * @private
-   */
-  ;
-
-  _proto.handleTechEnded_ = function handleTechEnded_() {
-    this.addClass('vjs-ended');
-
-    if (this.options_.loop) {
-      this.currentTime(0);
-      this.play();
-    } else if (!this.paused()) {
-      this.pause();
-    }
-    /**
-     * Fired when the end of the media resource is reached (currentTime == duration)
-     *
-     * @event Player#ended
-     * @type {EventTarget~Event}
-     */
-
-
-    this.trigger('ended');
-  }
-  /**
-   * Fired when the duration of the media resource is first known or changed
-   *
-   * @listens Tech#durationchange
-   * @private
-   */
-  ;
-
-  _proto.handleTechDurationChange_ = function handleTechDurationChange_() {
-    this.duration(this.techGet_('duration'));
-  }
-  /**
-   * Handle a click on the media element to play/pause
-   *
-   * @param {EventTarget~Event} event
-   *        the event that caused this function to trigger
-   *
-   * @listens Tech#mouseup
-   * @private
-   */
-  ;
-
-  _proto.handleTechClick_ = function handleTechClick_(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    } // When controls are disabled a click should not toggle playback because
-    // the click is considered a control
-
-
-    if (!this.controls_) {
-      return;
-    }
-
-    if (this.paused()) {
-      silencePromise(this.play());
-    } else {
-      this.pause();
-    }
-  }
-  /**
-   * Handle a double-click on the media element to enter/exit fullscreen
-   *
-   * @param {EventTarget~Event} event
-   *        the event that caused this function to trigger
-   *
-   * @listens Tech#dblclick
-   * @private
-   */
-  ;
-
-  _proto.handleTechDoubleClick_ = function handleTechDoubleClick_(event) {
-    if (!this.controls_) {
-      return;
-    } // we do not want to toggle fullscreen state
-    // when double-clicking inside a control bar or a modal
-
-
-    var inAllowedEls = Array.prototype.some.call(this.$$('.vjs-control-bar, .vjs-modal-dialog'), function (el) {
-      return el.contains(event.target);
-    });
-
-    if (!inAllowedEls) {
-      /*
-       * options.userActions.doubleClick
-       *
-       * If `undefined` or `true`, double-click toggles fullscreen if controls are present
-       * Set to `false` to disable double-click handling
-       * Set to a function to substitute an external double-click handler
-       */
-      if (this.options_ === undefined || this.options_.userActions === undefined || this.options_.userActions.doubleClick === undefined || this.options_.userActions.doubleClick !== false) {
-        if (this.options_ !== undefined && this.options_.userActions !== undefined && typeof this.options_.userActions.doubleClick === 'function') {
-          this.options_.userActions.doubleClick.call(this, event);
-        } else if (this.isFullscreen()) {
-          this.exitFullscreen();
-        } else {
-          this.requestFullscreen();
-        }
-      }
-    }
-  }
-  /**
-   * Handle a tap on the media element. It will toggle the user
-   * activity state, which hides and shows the controls.
-   *
-   * @listens Tech#tap
-   * @private
-   */
-  ;
-
-  _proto.handleTechTap_ = function handleTechTap_() {
-    this.userActive(!this.userActive());
-  }
-  /**
-   * Handle touch to start
-   *
-   * @listens Tech#touchstart
-   * @private
-   */
-  ;
-
-  _proto.handleTechTouchStart_ = function handleTechTouchStart_() {
-    this.userWasActive = this.userActive();
-  }
-  /**
-   * Handle touch to move
-   *
-   * @listens Tech#touchmove
-   * @private
-   */
-  ;
-
-  _proto.handleTechTouchMove_ = function handleTechTouchMove_() {
-    if (this.userWasActive) {
-      this.reportUserActivity();
-    }
-  }
-  /**
-   * Handle touch to end
-   *
-   * @param {EventTarget~Event} event
-   *        the touchend event that triggered
-   *        this function
-   *
-   * @listens Tech#touchend
-   * @private
-   */
-  ;
-
-  _proto.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-    // Stop the mouse events from also happening
-    event.preventDefault();
-  }
-  /**
-   * native click events on the SWF aren't triggered on IE11, Win8.1RT
-   * use stageclick events triggered from inside the SWF instead
-   *
-   * @private
-   * @listens stageclick
-   */
-  ;
-
-  _proto.handleStageClick_ = function handleStageClick_() {
-    this.reportUserActivity();
-  }
-  /**
-   * @private
-   */
-  ;
-
-  _proto.toggleFullscreenClass_ = function toggleFullscreenClass_() {
-    if (this.isFullscreen()) {
-      this.addClass('vjs-fullscreen');
-    } else {
-      this.removeClass('vjs-fullscreen');
-    }
-  }
-  /**
-   * when the document fschange event triggers it calls this
-   */
-  ;
-
-  _proto.documentFullscreenChange_ = function documentFullscreenChange_(e) {
-    var el = this.el();
-    var isFs = document[this.fsApi_.fullscreenElement] === el;
-
-    if (!isFs && el.matches) {
-      isFs = el.matches(':' + this.fsApi_.fullscreen);
-    } else if (!isFs && el.msMatchesSelector) {
-      isFs = el.msMatchesSelector(':' + this.fsApi_.fullscreen);
-    }
-
-    this.isFullscreen(isFs); // If cancelling fullscreen, remove event listener.
-
-    if (this.isFullscreen() === false) {
-      off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-    }
-
-    if (this.fsApi_.prefixed) {
-      /**
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-      this.trigger('fullscreenchange');
-    }
-  }
-  /**
-   * Handle Tech Fullscreen Change
-   *
-   * @param {EventTarget~Event} event
-   *        the fullscreenchange event that triggered this function
-   *
-   * @param {Object} data
-   *        the data that was sent with the event
-   *
-   * @private
-   * @listens Tech#fullscreenchange
-   * @fires Player#fullscreenchange
-   */
-  ;
-
-  _proto.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {
-    if (data) {
-      this.isFullscreen(data.isFullscreen);
-    }
-    /**
-     * Fired when going in and out of fullscreen.
-     *
-     * @event Player#fullscreenchange
-     * @type {EventTarget~Event}
-     */
-
-
-    this.trigger('fullscreenchange');
-  }
-  /**
-   * @private
-   */
-  ;
-
-  _proto.togglePictureInPictureClass_ = function togglePictureInPictureClass_() {
-    if (this.isInPictureInPicture()) {
-      this.addClass('vjs-picture-in-picture');
-    } else {
-      this.removeClass('vjs-picture-in-picture');
-    }
-  }
-  /**
-   * Handle Tech Enter Picture-in-Picture.
-   *
-   * @param {EventTarget~Event} event
-   *        the enterpictureinpicture event that triggered this function
-   *
-   * @private
-   * @listens Tech#enterpictureinpicture
-   */
-  ;
-
-  _proto.handleTechEnterPictureInPicture_ = function handleTechEnterPictureInPicture_(event) {
-    this.isInPictureInPicture(true);
-  }
-  /**
-   * Handle Tech Leave Picture-in-Picture.
-   *
-   * @param {EventTarget~Event} event
-   *        the leavepictureinpicture event that triggered this function
-   *
-   * @private
-   * @listens Tech#leavepictureinpicture
-   */
-  ;
-
-  _proto.handleTechLeavePictureInPicture_ = function handleTechLeavePictureInPicture_(event) {
-    this.isInPictureInPicture(false);
-  }
-  /**
-   * Fires when an error occurred during the loading of an audio/video.
-   *
-   * @private
-   * @listens Tech#error
-   */
-  ;
-
-  _proto.handleTechError_ = function handleTechError_() {
-    var error = this.tech_.error();
-    this.error(error);
-  }
-  /**
-   * Retrigger the `textdata` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#textdata
-   * @listens Tech#textdata
-   * @private
-   */
-  ;
-
-  _proto.handleTechTextData_ = function handleTechTextData_() {
-    var data = null;
-
-    if (arguments.length > 1) {
-      data = arguments[1];
-    }
-    /**
-     * Fires when we get a textdata event from tech
-     *
-     * @event Player#textdata
-     * @type {EventTarget~Event}
-     */
-
-
-    this.trigger('textdata', data);
-  }
-  /**
-   * Get object for cached values.
-   *
-   * @return {Object}
-   *         get the current object cache
-   */
-  ;
-
-  _proto.getCache = function getCache() {
-    return this.cache_;
-  }
-  /**
-   * Resets the internal cache object.
-   *
-   * Using this function outside the player constructor or reset method may
-   * have unintended side-effects.
-   *
-   * @private
-   */
-  ;
-
-  _proto.resetCache_ = function resetCache_() {
-    this.cache_ = {
-      // Right now, the currentTime is not _really_ cached because it is always
-      // retrieved from the tech (see: currentTime). However, for completeness,
-      // we set it to zero here to ensure that if we do start actually caching
-      // it, we reset it along with everything else.
-      currentTime: 0,
-      inactivityTimeout: this.options_.inactivityTimeout,
-      duration: NaN,
-      lastVolume: 1,
-      lastPlaybackRate: this.defaultPlaybackRate(),
-      media: null,
-      src: '',
-      source: {},
-      sources: [],
-      volume: 1
-    };
-  }
-  /**
-   * Pass values to the playback tech
-   *
-   * @param {string} [method]
-   *        the method to call
-   *
-   * @param {Object} arg
-   *        the argument to pass
-   *
-   * @private
-   */
-  ;
-
-  _proto.techCall_ = function techCall_(method, arg) {
-    // If it's not ready yet, call method when it is
-    this.ready(function () {
-      if (method in allowedSetters) {
-        return set(this.middleware_, this.tech_, method, arg);
-      } else if (method in allowedMediators) {
-        return mediate(this.middleware_, this.tech_, method, arg);
-      }
-
-      try {
-        if (this.tech_) {
-          this.tech_[method](arg);
-        }
-      } catch (e) {
-        log(e);
-        throw e;
-      }
-    }, true);
-  }
-  /**
-   * Get calls can't wait for the tech, and sometimes don't need to.
-   *
-   * @param {string} method
-   *        Tech method
-   *
-   * @return {Function|undefined}
-   *         the method or undefined
-   *
-   * @private
-   */
-  ;
-
-  _proto.techGet_ = function techGet_(method) {
-    if (!this.tech_ || !this.tech_.isReady_) {
-      return;
-    }
-
-    if (method in allowedGetters) {
-      return get(this.middleware_, this.tech_, method);
-    } else if (method in allowedMediators) {
-      return mediate(this.middleware_, this.tech_, method);
-    } // Flash likes to die and reload when you hide or reposition it.
-    // In these cases the object methods go away and we get errors.
-    // When that happens we'll catch the errors and inform tech that it's not ready any more.
-
-
-    try {
-      return this.tech_[method]();
-    } catch (e) {
-      // When building additional tech libs, an expected method may not be defined yet
-      if (this.tech_[method] === undefined) {
-        log("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
-        throw e;
-      } // When a method isn't available on the object it throws a TypeError
-
-
-      if (e.name === 'TypeError') {
-        log("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
-        this.tech_.isReady_ = false;
-        throw e;
-      } // If error unknown, just log and throw
-
-
-      log(e);
-      throw e;
-    }
-  }
-  /**
-   * Attempt to begin playback at the first opportunity.
-   *
-   * @return {Promise|undefined}
-   *         Returns a promise if the browser supports Promises (or one
-   *         was passed in as an option). This promise will be resolved on
-   *         the return value of play. If this is undefined it will fulfill the
-   *         promise chain otherwise the promise chain will be fulfilled when
-   *         the promise from play is fulfilled.
-   */
-  ;
-
-  _proto.play = function play() {
-    var _this8 = this;
-
-    var PromiseClass = this.options_.Promise || window$1.Promise;
-
-    if (PromiseClass) {
-      return new PromiseClass(function (resolve) {
-        _this8.play_(resolve);
-      });
-    }
-
-    return this.play_();
-  }
-  /**
-   * The actual logic for play, takes a callback that will be resolved on the
-   * return value of play. This allows us to resolve to the play promise if there
-   * is one on modern browsers.
-   *
-   * @private
-   * @param {Function} [callback]
-   *        The callback that should be called when the techs play is actually called
-   */
-  ;
-
-  _proto.play_ = function play_(callback) {
-    var _this9 = this;
-
-    if (callback === void 0) {
-      callback = silencePromise;
-    }
-
-    this.playCallbacks_.push(callback);
-    var isSrcReady = Boolean(!this.changingSrc_ && (this.src() || this.currentSrc())); // treat calls to play_ somewhat like the `one` event function
-
-    if (this.waitToPlay_) {
-      this.off(['ready', 'loadstart'], this.waitToPlay_);
-      this.waitToPlay_ = null;
-    } // if the player/tech is not ready or the src itself is not ready
-    // queue up a call to play on `ready` or `loadstart`
-
-
-    if (!this.isReady_ || !isSrcReady) {
-      this.waitToPlay_ = function (e) {
-        _this9.play_();
-      };
-
-      this.one(['ready', 'loadstart'], this.waitToPlay_); // if we are in Safari, there is a high chance that loadstart will trigger after the gesture timeperiod
-      // in that case, we need to prime the video element by calling load so it'll be ready in time
-
-      if (!isSrcReady && (IS_ANY_SAFARI || IS_IOS)) {
-        this.load();
-      }
-
-      return;
-    } // If the player/tech is ready and we have a source, we can attempt playback.
-
-
-    var val = this.techGet_('play'); // play was terminated if the returned value is null
-
-    if (val === null) {
-      this.runPlayTerminatedQueue_();
-    } else {
-      this.runPlayCallbacks_(val);
-    }
-  }
-  /**
-   * These functions will be run when if play is terminated. If play
-   * runPlayCallbacks_ is run these function will not be run. This allows us
-   * to differenciate between a terminated play and an actual call to play.
-   */
-  ;
-
-  _proto.runPlayTerminatedQueue_ = function runPlayTerminatedQueue_() {
-    var queue = this.playTerminatedQueue_.slice(0);
-    this.playTerminatedQueue_ = [];
-    queue.forEach(function (q) {
-      q();
-    });
-  }
-  /**
-   * When a callback to play is delayed we have to run these
-   * callbacks when play is actually called on the tech. This function
-   * runs the callbacks that were delayed and accepts the return value
-   * from the tech.
-   *
-   * @param {undefined|Promise} val
-   *        The return value from the tech.
-   */
-  ;
-
-  _proto.runPlayCallbacks_ = function runPlayCallbacks_(val) {
-    var callbacks = this.playCallbacks_.slice(0);
-    this.playCallbacks_ = []; // clear play terminatedQueue since we finished a real play
-
-    this.playTerminatedQueue_ = [];
-    callbacks.forEach(function (cb) {
-      cb(val);
-    });
-  }
-  /**
-   * Pause the video playback
-   *
-   * @return {Player}
-   *         A reference to the player object this function was called on
-   */
-  ;
-
-  _proto.pause = function pause() {
-    this.techCall_('pause');
-  }
-  /**
-   * Check if the player is paused or has yet to play
-   *
-   * @return {boolean}
-   *         - false: if the media is currently playing
-   *         - true: if media is not currently playing
-   */
-  ;
-
-  _proto.paused = function paused() {
-    // The initial state of paused should be true (in Safari it's actually false)
-    return this.techGet_('paused') === false ? false : true;
-  }
-  /**
-   * Get a TimeRange object representing the current ranges of time that the user
-   * has played.
-   *
-   * @return {TimeRange}
-   *         A time range object that represents all the increments of time that have
-   *         been played.
-   */
-  ;
-
-  _proto.played = function played() {
-    return this.techGet_('played') || createTimeRanges(0, 0);
-  }
-  /**
-   * Returns whether or not the user is "scrubbing". Scrubbing is
-   * when the user has clicked the progress bar handle and is
-   * dragging it along the progress bar.
-   *
-   * @param {boolean} [isScrubbing]
-   *        whether the user is or is not scrubbing
-   *
-   * @return {boolean}
-   *         The value of scrubbing when getting
-   */
-  ;
-
-  _proto.scrubbing = function scrubbing(isScrubbing) {
-    if (typeof isScrubbing === 'undefined') {
-      return this.scrubbing_;
-    }
-
-    this.scrubbing_ = !!isScrubbing;
-
-    if (isScrubbing) {
-      this.addClass('vjs-scrubbing');
-    } else {
-      this.removeClass('vjs-scrubbing');
-    }
-  }
-  /**
-   * Get or set the current time (in seconds)
-   *
-   * @param {number|string} [seconds]
-   *        The time to seek to in seconds
-   *
-   * @return {number}
-   *         - the current time in seconds when getting
-   */
-  ;
-
-  _proto.currentTime = function currentTime(seconds) {
-    if (typeof seconds !== 'undefined') {
-      if (seconds < 0) {
-        seconds = 0;
-      }
-
-      this.techCall_('setCurrentTime', seconds);
-      return;
-    } // cache last currentTime and return. default to 0 seconds
-    //
-    // Caching the currentTime is meant to prevent a massive amount of reads on the tech's
-    // currentTime when scrubbing, but may not provide much performance benefit afterall.
-    // Should be tested. Also something has to read the actual current time or the cache will
-    // never get updated.
-
-
-    this.cache_.currentTime = this.techGet_('currentTime') || 0;
-    return this.cache_.currentTime;
-  }
-  /**
-   * Normally gets the length in time of the video in seconds;
-   * in all but the rarest use cases an argument will NOT be passed to the method
-   *
-   * > **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.
-   *
-   * @fires Player#durationchange
-   *
-   * @param {number} [seconds]
-   *        The duration of the video to set in seconds
-   *
-   * @return {number}
-   *         - The duration of the video in seconds when getting
-   */
-  ;
-
-  _proto.duration = function duration(seconds) {
-    if (seconds === undefined) {
-      // return NaN if the duration is not known
-      return this.cache_.duration !== undefined ? this.cache_.duration : NaN;
-    }
-
-    seconds = parseFloat(seconds); // Standardize on Infinity for signaling video is live
-
-    if (seconds < 0) {
-      seconds = Infinity;
-    }
-
-    if (seconds !== this.cache_.duration) {
-      // Cache the last set value for optimized scrubbing (esp. Flash)
-      this.cache_.duration = seconds;
-
-      if (seconds === Infinity) {
-        this.addClass('vjs-live');
-
-        if (this.options_.liveui && this.player_.liveTracker) {
-          this.addClass('vjs-liveui');
-        }
-      } else {
-        this.removeClass('vjs-live');
-        this.removeClass('vjs-liveui');
-      }
-
-      if (!isNaN(seconds)) {
-        // Do not fire durationchange unless the duration value is known.
-        // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-        /**
-         * @event Player#durationchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('durationchange');
-      }
-    }
-  }
-  /**
-   * Calculates how much time is left in the video. Not part
-   * of the native video API.
-   *
-   * @return {number}
-   *         The time remaining in seconds
-   */
-  ;
-
-  _proto.remainingTime = function remainingTime() {
-    return this.duration() - this.currentTime();
-  }
-  /**
-   * A remaining time function that is intented to be used when
-   * the time is to be displayed directly to the user.
-   *
-   * @return {number}
-   *         The rounded time remaining in seconds
-   */
-  ;
-
-  _proto.remainingTimeDisplay = function remainingTimeDisplay() {
-    return Math.floor(this.duration()) - Math.floor(this.currentTime());
-  } //
-  // Kind of like an array of portions of the video that have been downloaded.
-
-  /**
-   * Get a TimeRange object with an array of the times of the video
-   * that have been downloaded. If you just want the percent of the
-   * video that's been downloaded, use bufferedPercent.
-   *
-   * @see [Buffered Spec]{@link http://dev.w3.org/html5/spec/video.html#dom-media-buffered}
-   *
-   * @return {TimeRange}
-   *         A mock TimeRange object (following HTML spec)
-   */
-  ;
-
-  _proto.buffered = function buffered() {
-    var buffered = this.techGet_('buffered');
-
-    if (!buffered || !buffered.length) {
-      buffered = createTimeRanges(0, 0);
-    }
-
-    return buffered;
-  }
-  /**
-   * Get the percent (as a decimal) of the video that's been downloaded.
-   * This method is not a part of the native HTML video API.
-   *
-   * @return {number}
-   *         A decimal between 0 and 1 representing the percent
-   *         that is buffered 0 being 0% and 1 being 100%
-   */
-  ;
-
-  _proto.bufferedPercent = function bufferedPercent$1() {
-    return bufferedPercent(this.buffered(), this.duration());
-  }
-  /**
-   * Get the ending time of the last buffered time range
-   * This is used in the progress bar to encapsulate all time ranges.
-   *
-   * @return {number}
-   *         The end of the last buffered time range
-   */
-  ;
-
-  _proto.bufferedEnd = function bufferedEnd() {
-    var buffered = this.buffered();
-    var duration = this.duration();
-    var end = buffered.end(buffered.length - 1);
-
-    if (end > duration) {
-      end = duration;
-    }
-
-    return end;
-  }
-  /**
-   * Get or set the current volume of the media
-   *
-   * @param  {number} [percentAsDecimal]
-   *         The new volume as a decimal percent:
-   *         - 0 is muted/0%/off
-   *         - 1.0 is 100%/full
-   *         - 0.5 is half volume or 50%
-   *
-   * @return {number}
-   *         The current volume as a percent when getting
-   */
-  ;
-
-  _proto.volume = function volume(percentAsDecimal) {
-    var vol;
-
-    if (percentAsDecimal !== undefined) {
-      // Force value to between 0 and 1
-      vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal)));
-      this.cache_.volume = vol;
-      this.techCall_('setVolume', vol);
-
-      if (vol > 0) {
-        this.lastVolume_(vol);
-      }
-
-      return;
-    } // Default to 1 when returning current volume.
-
-
-    vol = parseFloat(this.techGet_('volume'));
-    return isNaN(vol) ? 1 : vol;
-  }
-  /**
-   * Get the current muted state, or turn mute on or off
-   *
-   * @param {boolean} [muted]
-   *        - true to mute
-   *        - false to unmute
-   *
-   * @return {boolean}
-   *         - true if mute is on and getting
-   *         - false if mute is off and getting
-   */
-  ;
-
-  _proto.muted = function muted(_muted) {
-    if (_muted !== undefined) {
-      this.techCall_('setMuted', _muted);
-      return;
-    }
-
-    return this.techGet_('muted') || false;
-  }
-  /**
-   * Get the current defaultMuted state, or turn defaultMuted on or off. defaultMuted
-   * indicates the state of muted on initial playback.
-   *
-   * ```js
-   *   var myPlayer = videojs('some-player-id');
-   *
-   *   myPlayer.src("http://www.example.com/path/to/video.mp4");
-   *
-   *   // get, should be false
-   *   console.log(myPlayer.defaultMuted());
-   *   // set to true
-   *   myPlayer.defaultMuted(true);
-   *   // get should be true
-   *   console.log(myPlayer.defaultMuted());
-   * ```
-   *
-   * @param {boolean} [defaultMuted]
-   *        - true to mute
-   *        - false to unmute
-   *
-   * @return {boolean|Player}
-   *         - true if defaultMuted is on and getting
-   *         - false if defaultMuted is off and getting
-   *         - A reference to the current player when setting
-   */
-  ;
-
-  _proto.defaultMuted = function defaultMuted(_defaultMuted) {
-    if (_defaultMuted !== undefined) {
-      return this.techCall_('setDefaultMuted', _defaultMuted);
-    }
-
-    return this.techGet_('defaultMuted') || false;
-  }
-  /**
-   * Get the last volume, or set it
-   *
-   * @param  {number} [percentAsDecimal]
-   *         The new last volume as a decimal percent:
-   *         - 0 is muted/0%/off
-   *         - 1.0 is 100%/full
-   *         - 0.5 is half volume or 50%
-   *
-   * @return {number}
-   *         the current value of lastVolume as a percent when getting
-   *
-   * @private
-   */
-  ;
-
-  _proto.lastVolume_ = function lastVolume_(percentAsDecimal) {
-    if (percentAsDecimal !== undefined && percentAsDecimal !== 0) {
-      this.cache_.lastVolume = percentAsDecimal;
-      return;
-    }
-
-    return this.cache_.lastVolume;
-  }
-  /**
-   * Check if current tech can support native fullscreen
-   * (e.g. with built in controls like iOS, so not our flash swf)
-   *
-   * @return {boolean}
-   *         if native fullscreen is supported
-   */
-  ;
-
-  _proto.supportsFullScreen = function supportsFullScreen() {
-    return this.techGet_('supportsFullScreen') || false;
-  }
-  /**
-   * Check if the player is in fullscreen mode or tell the player that it
-   * is or is not in fullscreen mode.
-   *
-   * > 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.
-   *
-   * @param  {boolean} [isFS]
-   *         Set the players current fullscreen state
-   *
-   * @return {boolean}
-   *         - true if fullscreen is on and getting
-   *         - false if fullscreen is off and getting
-   */
-  ;
-
-  _proto.isFullscreen = function isFullscreen(isFS) {
-    if (isFS !== undefined) {
-      this.isFullscreen_ = !!isFS;
-      this.toggleFullscreenClass_();
-      return;
-    }
-
-    return !!this.isFullscreen_;
-  }
-  /**
-   * 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.
-   *
-   * @param  {Object} [fullscreenOptions]
-   *         Override the player fullscreen options
-   *
-   * @fires Player#fullscreenchange
-   */
-  ;
-
-  _proto.requestFullscreen = function requestFullscreen(fullscreenOptions) {
-    var fsOptions;
-    this.isFullscreen(true);
-
-    if (this.fsApi_.requestFullscreen) {
-      // the browser supports going fullscreen at the element level so we can
-      // take the controls fullscreen as well as the video
-      // Trigger fullscreenchange event after change
-      // We have to specifically add this each time, and remove
-      // when canceling fullscreen. Otherwise if there's multiple
-      // players on a page, they would all be reacting to the same fullscreen
-      // events
-      on(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_); // only pass FullscreenOptions to requestFullscreen if it isn't prefixed
-
-      if (!this.fsApi_.prefixed) {
-        fsOptions = this.options_.fullscreen && this.options_.fullscreen.options || {};
-
-        if (fullscreenOptions !== undefined) {
-          fsOptions = fullscreenOptions;
-        }
-      }
-
-      silencePromise(this.el_[this.fsApi_.requestFullscreen](fsOptions));
-    } else if (this.tech_.supportsFullScreen()) {
-      // we can't take the video.js controls fullscreen but we can go fullscreen
-      // with native controls
-      this.techCall_('enterFullScreen');
-    } else {
-      // fullscreen isn't supported so we'll just stretch the video element to
-      // fill the viewport
-      this.enterFullWindow();
-      /**
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('fullscreenchange');
-    }
-  }
-  /**
-   * Return the video to its normal size after having been in full screen mode
-   *
-   * @fires Player#fullscreenchange
-   */
-  ;
-
-  _proto.exitFullscreen = function exitFullscreen() {
-    this.isFullscreen(false); // Check for browser element fullscreen support
-
-    if (this.fsApi_.requestFullscreen) {
-      silencePromise(document[this.fsApi_.exitFullscreen]());
-    } else if (this.tech_.supportsFullScreen()) {
-      this.techCall_('exitFullScreen');
-    } else {
-      this.exitFullWindow();
-      /**
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('fullscreenchange');
-    }
-  }
-  /**
-   * When fullscreen isn't supported we can stretch the
-   * video container to as wide as the browser will let us.
-   *
-   * @fires Player#enterFullWindow
-   */
-  ;
-
-  _proto.enterFullWindow = function enterFullWindow() {
-    this.isFullWindow = true; // Storing original doc overflow value to return to when fullscreen is off
-
-    this.docOrigOverflow = document.documentElement.style.overflow; // Add listener for esc key to exit fullscreen
-
-    on(document, 'keydown', this.boundFullWindowOnEscKey_); // Hide any scroll bars
-
-    document.documentElement.style.overflow = 'hidden'; // Apply fullscreen styles
-
-    addClass(document.body, 'vjs-full-window');
-    /**
-     * @event Player#enterFullWindow
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('enterFullWindow');
-  }
-  /**
-   * Check for call to either exit full window or
-   * full screen on ESC key
-   *
-   * @param {string} event
-   *        Event to check for key press
-   */
-  ;
-
-  _proto.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-    if (keycode.isEventKey(event, 'Esc')) {
-      if (this.isFullscreen() === true) {
-        this.exitFullscreen();
-      } else {
-        this.exitFullWindow();
-      }
-    }
-  }
-  /**
-   * Exit full window
-   *
-   * @fires Player#exitFullWindow
-   */
-  ;
-
-  _proto.exitFullWindow = function exitFullWindow() {
-    this.isFullWindow = false;
-    off(document, 'keydown', this.boundFullWindowOnEscKey_); // Unhide scroll bars.
-
-    document.documentElement.style.overflow = this.docOrigOverflow; // Remove fullscreen styles
-
-    removeClass(document.body, 'vjs-full-window'); // Resize the box, controller, and poster to original sizes
-    // this.positionAll();
-
-    /**
-     * @event Player#exitFullWindow
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('exitFullWindow');
-  }
-  /**
-   * Check if the player is in Picture-in-Picture mode or tell the player that it
-   * is or is not in Picture-in-Picture mode.
-   *
-   * @param  {boolean} [isPiP]
-   *         Set the players current Picture-in-Picture state
-   *
-   * @return {boolean}
-   *         - true if Picture-in-Picture is on and getting
-   *         - false if Picture-in-Picture is off and getting
-   */
-  ;
-
-  _proto.isInPictureInPicture = function isInPictureInPicture(isPiP) {
-    if (isPiP !== undefined) {
-      this.isInPictureInPicture_ = !!isPiP;
-      this.togglePictureInPictureClass_();
-      return;
-    }
-
-    return !!this.isInPictureInPicture_;
-  }
-  /**
-   * Create a floating video window always on top of other windows so that users may
-   * continue consuming media while they interact with other content sites, or
-   * applications on their device.
-   *
-   * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-   *
-   * @fires Player#enterpictureinpicture
-   *
-   * @return {Promise}
-   *         A promise with a Picture-in-Picture window.
-   */
-  ;
-
-  _proto.requestPictureInPicture = function requestPictureInPicture() {
-    if ('pictureInPictureEnabled' in document) {
-      /**
-       * This event fires when the player enters picture in picture mode
-       *
-       * @event Player#enterpictureinpicture
-       * @type {EventTarget~Event}
-       */
-      return this.techGet_('requestPictureInPicture');
-    }
-  }
-  /**
-   * Exit Picture-in-Picture mode.
-   *
-   * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-   *
-   * @fires Player#leavepictureinpicture
-   *
-   * @return {Promise}
-   *         A promise.
-   */
-  ;
-
-  _proto.exitPictureInPicture = function exitPictureInPicture() {
-    if ('pictureInPictureEnabled' in document) {
-      /**
-       * This event fires when the player leaves picture in picture mode
-       *
-       * @event Player#leavepictureinpicture
-       * @type {EventTarget~Event}
-       */
-      return document.exitPictureInPicture();
-    }
-  }
-  /**
-   * Called when this Player has focus and a key gets pressed down, or when
-   * any Component of this player receives a key press that it doesn't handle.
-   * This allows player-wide hotkeys (either as defined below, or optionally
-   * by an external function).
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    var userActions = this.options_.userActions; // Bail out if hotkeys are not configured.
-
-    if (!userActions || !userActions.hotkeys) {
-      return;
-    } // Function that determines whether or not to exclude an element from
-    // hotkeys handling.
-
-
-    var excludeElement = function excludeElement(el) {
-      var tagName = el.tagName.toLowerCase(); // The first and easiest test is for `contenteditable` elements.
-
-      if (el.isContentEditable) {
-        return true;
-      } // Inputs matching these types will still trigger hotkey handling as
-      // they are not text inputs.
-
-
-      var allowedInputTypes = ['button', 'checkbox', 'hidden', 'radio', 'reset', 'submit'];
-
-      if (tagName === 'input') {
-        return allowedInputTypes.indexOf(el.type) === -1;
-      } // The final test is by tag name. These tags will be excluded entirely.
-
-
-      var excludedTags = ['textarea'];
-      return excludedTags.indexOf(tagName) !== -1;
-    }; // Bail out if the user is focused on an interactive form element.
-
-
-    if (excludeElement(this.el_.ownerDocument.activeElement)) {
-      return;
-    }
-
-    if (typeof userActions.hotkeys === 'function') {
-      userActions.hotkeys.call(this, event);
-    } else {
-      this.handleHotkeys(event);
-    }
-  }
-  /**
-   * Called when this Player receives a hotkey keydown event.
-   * Supported player-wide hotkeys are:
-   *
-   *   f          - toggle fullscreen
-   *   m          - toggle mute
-   *   k or Space - toggle play/pause
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleHotkeys = function handleHotkeys(event) {
-    var hotkeys = this.options_.userActions ? this.options_.userActions.hotkeys : {}; // set fullscreenKey, muteKey, playPauseKey from `hotkeys`, use defaults if not set
-
-    var _hotkeys$fullscreenKe = hotkeys.fullscreenKey,
-        fullscreenKey = _hotkeys$fullscreenKe === void 0 ? function (keydownEvent) {
-      return keycode.isEventKey(keydownEvent, 'f');
-    } : _hotkeys$fullscreenKe,
-        _hotkeys$muteKey = hotkeys.muteKey,
-        muteKey = _hotkeys$muteKey === void 0 ? function (keydownEvent) {
-      return keycode.isEventKey(keydownEvent, 'm');
-    } : _hotkeys$muteKey,
-        _hotkeys$playPauseKey = hotkeys.playPauseKey,
-        playPauseKey = _hotkeys$playPauseKey === void 0 ? function (keydownEvent) {
-      return keycode.isEventKey(keydownEvent, 'k') || keycode.isEventKey(keydownEvent, 'Space');
-    } : _hotkeys$playPauseKey;
-
-    if (fullscreenKey.call(this, event)) {
-      event.preventDefault();
-      event.stopPropagation();
-      var FSToggle = Component.getComponent('FullscreenToggle');
-
-      if (document[this.fsApi_.fullscreenEnabled] !== false) {
-        FSToggle.prototype.handleClick.call(this, event);
-      }
-    } else if (muteKey.call(this, event)) {
-      event.preventDefault();
-      event.stopPropagation();
-      var MuteToggle = Component.getComponent('MuteToggle');
-      MuteToggle.prototype.handleClick.call(this, event);
-    } else if (playPauseKey.call(this, event)) {
-      event.preventDefault();
-      event.stopPropagation();
-      var PlayToggle = Component.getComponent('PlayToggle');
-      PlayToggle.prototype.handleClick.call(this, event);
-    }
-  }
-  /**
-   * Check whether the player can play a given mimetype
-   *
-   * @see https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-navigator-canplaytype
-   *
-   * @param {string} type
-   *        The mimetype to check
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-  ;
-
-  _proto.canPlayType = function canPlayType(type) {
-    var can; // Loop through each playback technology in the options order
-
-    for (var i = 0, j = this.options_.techOrder; i < j.length; i++) {
-      var techName = j[i];
-      var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-      // Remove once that deprecated behavior is removed.
-
-      if (!tech) {
-        tech = Component.getComponent(techName);
-      } // Check if the current tech is defined before continuing
-
-
-      if (!tech) {
-        log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-        continue;
-      } // Check if the browser supports this technology
-
-
-      if (tech.isSupported()) {
-        can = tech.canPlayType(type);
-
-        if (can) {
-          return can;
-        }
-      }
-    }
-
-    return '';
-  }
-  /**
-   * Select source based on tech-order or source-order
-   * Uses source-order selection if `options.sourceOrder` is truthy. Otherwise,
-   * defaults to tech-order selection
-   *
-   * @param {Array} sources
-   *        The sources for a media asset
-   *
-   * @return {Object|boolean}
-   *         Object of source and tech order or false
-   */
-  ;
-
-  _proto.selectSource = function selectSource(sources) {
-    var _this10 = this;
-
-    // Get only the techs specified in `techOrder` that exist and are supported by the
-    // current platform
-    var techs = this.options_.techOrder.map(function (techName) {
-      return [techName, Tech.getTech(techName)];
-    }).filter(function (_ref) {
-      var techName = _ref[0],
-          tech = _ref[1];
-
-      // Check if the current tech is defined before continuing
-      if (tech) {
-        // Check if the browser supports this technology
-        return tech.isSupported();
-      }
-
-      log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-      return false;
-    }); // Iterate over each `innerArray` element once per `outerArray` element and execute
-    // `tester` with both. If `tester` returns a non-falsy value, exit early and return
-    // that value.
-
-    var findFirstPassingTechSourcePair = function findFirstPassingTechSourcePair(outerArray, innerArray, tester) {
-      var found;
-      outerArray.some(function (outerChoice) {
-        return innerArray.some(function (innerChoice) {
-          found = tester(outerChoice, innerChoice);
-
-          if (found) {
-            return true;
-          }
-        });
-      });
-      return found;
-    };
-
-    var foundSourceAndTech;
-
-    var flip = function flip(fn) {
-      return function (a, b) {
-        return fn(b, a);
-      };
-    };
-
-    var finder = function finder(_ref2, source) {
-      var techName = _ref2[0],
-          tech = _ref2[1];
-
-      if (tech.canPlaySource(source, _this10.options_[techName.toLowerCase()])) {
-        return {
-          source: source,
-          tech: techName
-        };
-      }
-    }; // Depending on the truthiness of `options.sourceOrder`, we swap the order of techs and sources
-    // to select from them based on their priority.
-
-
-    if (this.options_.sourceOrder) {
-      // Source-first ordering
-      foundSourceAndTech = findFirstPassingTechSourcePair(sources, techs, flip(finder));
-    } else {
-      // Tech-first ordering
-      foundSourceAndTech = findFirstPassingTechSourcePair(techs, sources, finder);
-    }
-
-    return foundSourceAndTech || false;
-  }
-  /**
-   * Get or set the video source.
-   *
-   * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
-   *        A SourceObject, an array of SourceObjects, or a string referencing
-   *        a URL to a media source. It is _highly recommended_ that an object
-   *        or array of objects is used here, so that source selection
-   *        algorithms can take the `type` into account.
-   *
-   *        If not provided, this method acts as a getter.
-   *
-   * @return {string|undefined}
-   *         If the `source` argument is missing, returns the current source
-   *         URL. Otherwise, returns nothing/undefined.
-   */
-  ;
-
-  _proto.src = function src(source) {
-    var _this11 = this;
-
-    // getter usage
-    if (typeof source === 'undefined') {
-      return this.cache_.src || '';
-    } // filter out invalid sources and turn our source into
-    // an array of source objects
-
-
-    var sources = filterSource(source); // if a source was passed in then it is invalid because
-    // it was filtered to a zero length Array. So we have to
-    // show an error
-
-    if (!sources.length) {
-      this.setTimeout(function () {
-        this.error({
-          code: 4,
-          message: this.localize(this.options_.notSupportedMessage)
-        });
-      }, 0);
-      return;
-    } // intial sources
-
-
-    this.changingSrc_ = true;
-    this.cache_.sources = sources;
-    this.updateSourceCaches_(sources[0]); // middlewareSource is the source after it has been changed by middleware
-
-    setSource(this, sources[0], function (middlewareSource, mws) {
-      _this11.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
-      // the source that is selected could be out of order from the cache update above this callback.
-
-      _this11.cache_.sources = sources;
-
-      _this11.updateSourceCaches_(middlewareSource);
-
-      var err = _this11.src_(middlewareSource);
-
-      if (err) {
-        if (sources.length > 1) {
-          return _this11.src(sources.slice(1));
-        }
-
-        _this11.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
-
-        _this11.setTimeout(function () {
-          this.error({
-            code: 4,
-            message: this.localize(this.options_.notSupportedMessage)
-          });
-        }, 0); // we could not find an appropriate tech, but let's still notify the delegate that this is it
-        // this needs a better comment about why this is needed
-
-
-        _this11.triggerReady();
-
-        return;
-      }
-
-      setTech(mws, _this11.tech_);
-    });
-  }
-  /**
-   * Set the source object on the tech, returns a boolean that indicates whether
-   * there is a tech that can play the source or not
-   *
-   * @param {Tech~SourceObject} source
-   *        The source object to set on the Tech
-   *
-   * @return {boolean}
-   *         - True if there is no Tech to playback this source
-   *         - False otherwise
-   *
-   * @private
-   */
-  ;
-
-  _proto.src_ = function src_(source) {
-    var _this12 = this;
-
-    var sourceTech = this.selectSource([source]);
-
-    if (!sourceTech) {
-      return true;
-    }
-
-    if (!titleCaseEquals(sourceTech.tech, this.techName_)) {
-      this.changingSrc_ = true; // load this technology with the chosen source
-
-      this.loadTech_(sourceTech.tech, sourceTech.source);
-      this.tech_.ready(function () {
-        _this12.changingSrc_ = false;
-      });
-      return false;
-    } // wait until the tech is ready to set the source
-    // and set it synchronously if possible (#2326)
-
-
-    this.ready(function () {
-      // The setSource tech method was added with source handlers
-      // so older techs won't support it
-      // We need to check the direct prototype for the case where subclasses
-      // of the tech do not support source handlers
-      if (this.tech_.constructor.prototype.hasOwnProperty('setSource')) {
-        this.techCall_('setSource', source);
-      } else {
-        this.techCall_('src', source.src);
-      }
-
-      this.changingSrc_ = false;
-    }, true);
-    return false;
-  }
-  /**
-   * Begin loading the src data.
-   */
-  ;
-
-  _proto.load = function load() {
-    this.techCall_('load');
-  }
-  /**
-   * Reset the player. Loads the first tech in the techOrder,
-   * removes all the text tracks in the existing `tech`,
-   * and calls `reset` on the `tech`.
-   */
-  ;
-
-  _proto.reset = function reset() {
-    var _this13 = this;
-
-    var PromiseClass = this.options_.Promise || window$1.Promise;
-
-    if (this.paused() || !PromiseClass) {
-      this.doReset_();
-    } else {
-      var playPromise = this.play();
-      silencePromise(playPromise.then(function () {
-        return _this13.doReset_();
-      }));
-    }
-  };
-
-  _proto.doReset_ = function doReset_() {
-    if (this.tech_) {
-      this.tech_.clearTracks('text');
-    }
-
-    this.resetCache_();
-    this.poster('');
-    this.loadTech_(this.options_.techOrder[0], null);
-    this.techCall_('reset');
-    this.resetControlBarUI_();
-
-    if (isEvented(this)) {
-      this.trigger('playerreset');
-    }
-  }
-  /**
-   * Reset Control Bar's UI by calling sub-methods that reset
-   * all of Control Bar's components
-   */
-  ;
-
-  _proto.resetControlBarUI_ = function resetControlBarUI_() {
-    this.resetProgressBar_();
-    this.resetPlaybackRate_();
-    this.resetVolumeBar_();
-  }
-  /**
-   * Reset tech's progress so progress bar is reset in the UI
-   */
-  ;
-
-  _proto.resetProgressBar_ = function resetProgressBar_() {
-    this.currentTime(0);
-    var _this$controlBar = this.controlBar,
-        durationDisplay = _this$controlBar.durationDisplay,
-        remainingTimeDisplay = _this$controlBar.remainingTimeDisplay;
-
-    if (durationDisplay) {
-      durationDisplay.updateContent();
-    }
-
-    if (remainingTimeDisplay) {
-      remainingTimeDisplay.updateContent();
-    }
-  }
-  /**
-   * Reset Playback ratio
-   */
-  ;
-
-  _proto.resetPlaybackRate_ = function resetPlaybackRate_() {
-    this.playbackRate(this.defaultPlaybackRate());
-    this.handleTechRateChange_();
-  }
-  /**
-   * Reset Volume bar
-   */
-  ;
-
-  _proto.resetVolumeBar_ = function resetVolumeBar_() {
-    this.volume(1.0);
-    this.trigger('volumechange');
-  }
-  /**
-   * Returns all of the current source objects.
-   *
-   * @return {Tech~SourceObject[]}
-   *         The current source objects
-   */
-  ;
-
-  _proto.currentSources = function currentSources() {
-    var source = this.currentSource();
-    var sources = []; // assume `{}` or `{ src }`
-
-    if (Object.keys(source).length !== 0) {
-      sources.push(source);
-    }
-
-    return this.cache_.sources || sources;
-  }
-  /**
-   * Returns the current source object.
-   *
-   * @return {Tech~SourceObject}
-   *         The current source object
-   */
-  ;
-
-  _proto.currentSource = function currentSource() {
-    return this.cache_.source || {};
-  }
-  /**
-   * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4
-   * Can be used in conjunction with `currentType` to assist in rebuilding the current source object.
-   *
-   * @return {string}
-   *         The current source
-   */
-  ;
-
-  _proto.currentSrc = function currentSrc() {
-    return this.currentSource() && this.currentSource().src || '';
-  }
-  /**
-   * Get the current source type e.g. video/mp4
-   * This can allow you rebuild the current source object so that you could load the same
-   * source and tech later
-   *
-   * @return {string}
-   *         The source MIME type
-   */
-  ;
-
-  _proto.currentType = function currentType() {
-    return this.currentSource() && this.currentSource().type || '';
-  }
-  /**
-   * Get or set the preload attribute
-   *
-   * @param {boolean} [value]
-   *        - true means that we should preload
-   *        - false means that we should not preload
-   *
-   * @return {string}
-   *         The preload attribute value when getting
-   */
-  ;
-
-  _proto.preload = function preload(value) {
-    if (value !== undefined) {
-      this.techCall_('setPreload', value);
-      this.options_.preload = value;
-      return;
-    }
-
-    return this.techGet_('preload');
-  }
-  /**
-   * Get or set the autoplay option. When this is a boolean it will
-   * modify the attribute on the tech. When this is a string the attribute on
-   * the tech will be removed and `Player` will handle autoplay on loadstarts.
-   *
-   * @param {boolean|string} [value]
-   *        - true: autoplay using the browser behavior
-   *        - false: do not autoplay
-   *        - 'play': call play() on every loadstart
-   *        - 'muted': call muted() then play() on every loadstart
-   *        - 'any': call play() on every loadstart. if that fails call muted() then play().
-   *        - *: values other than those listed here will be set `autoplay` to true
-   *
-   * @return {boolean|string}
-   *         The current value of autoplay when getting
-   */
-  ;
-
-  _proto.autoplay = function autoplay(value) {
-    // getter usage
-    if (value === undefined) {
-      return this.options_.autoplay || false;
-    }
-
-    var techAutoplay; // if the value is a valid string set it to that
-
-    if (typeof value === 'string' && /(any|play|muted)/.test(value)) {
-      this.options_.autoplay = value;
-      this.manualAutoplay_(value);
-      techAutoplay = false; // any falsy value sets autoplay to false in the browser,
-      // lets do the same
-    } else if (!value) {
-      this.options_.autoplay = false; // any other value (ie truthy) sets autoplay to true
-    } else {
-      this.options_.autoplay = true;
-    }
-
-    techAutoplay = typeof techAutoplay === 'undefined' ? this.options_.autoplay : techAutoplay; // if we don't have a tech then we do not queue up
-    // a setAutoplay call on tech ready. We do this because the
-    // autoplay option will be passed in the constructor and we
-    // do not need to set it twice
-
-    if (this.tech_) {
-      this.techCall_('setAutoplay', techAutoplay);
-    }
-  }
-  /**
-   * Set or unset the playsinline attribute.
-   * Playsinline tells the browser that non-fullscreen playback is preferred.
-   *
-   * @param {boolean} [value]
-   *        - true means that we should try to play inline by default
-   *        - false means that we should use the browser's default playback mode,
-   *          which in most cases is inline. iOS Safari is a notable exception
-   *          and plays fullscreen by default.
-   *
-   * @return {string|Player}
-   *         - the current value of playsinline
-   *         - the player when setting
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  ;
-
-  _proto.playsinline = function playsinline(value) {
-    if (value !== undefined) {
-      this.techCall_('setPlaysinline', value);
-      this.options_.playsinline = value;
-      return this;
-    }
-
-    return this.techGet_('playsinline');
-  }
-  /**
-   * Get or set the loop attribute on the video element.
-   *
-   * @param {boolean} [value]
-   *        - true means that we should loop the video
-   *        - false means that we should not loop the video
-   *
-   * @return {boolean}
-   *         The current value of loop when getting
-   */
-  ;
-
-  _proto.loop = function loop(value) {
-    if (value !== undefined) {
-      this.techCall_('setLoop', value);
-      this.options_.loop = value;
-      return;
-    }
-
-    return this.techGet_('loop');
-  }
-  /**
-   * Get or set the poster image source url
-   *
-   * @fires Player#posterchange
-   *
-   * @param {string} [src]
-   *        Poster image source URL
-   *
-   * @return {string}
-   *         The current value of poster when getting
-   */
-  ;
-
-  _proto.poster = function poster(src) {
-    if (src === undefined) {
-      return this.poster_;
-    } // The correct way to remove a poster is to set as an empty string
-    // other falsey values will throw errors
-
-
-    if (!src) {
-      src = '';
-    }
-
-    if (src === this.poster_) {
-      return;
-    } // update the internal poster variable
-
-
-    this.poster_ = src; // update the tech's poster
-
-    this.techCall_('setPoster', src);
-    this.isPosterFromTech_ = false; // alert components that the poster has been set
-
-    /**
-     * This event fires when the poster image is changed on the player.
-     *
-     * @event Player#posterchange
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('posterchange');
-  }
-  /**
-   * Some techs (e.g. YouTube) can provide a poster source in an
-   * asynchronous way. We want the poster component to use this
-   * poster source so that it covers up the tech's controls.
-   * (YouTube's play button). However we only want to use this
-   * source if the player user hasn't set a poster through
-   * the normal APIs.
-   *
-   * @fires Player#posterchange
-   * @listens Tech#posterchange
-   * @private
-   */
-  ;
-
-  _proto.handleTechPosterChange_ = function handleTechPosterChange_() {
-    if ((!this.poster_ || this.options_.techCanOverridePoster) && this.tech_ && this.tech_.poster) {
-      var newPoster = this.tech_.poster() || '';
-
-      if (newPoster !== this.poster_) {
-        this.poster_ = newPoster;
-        this.isPosterFromTech_ = true; // Let components know the poster has changed
-
-        this.trigger('posterchange');
-      }
-    }
-  }
-  /**
-   * Get or set whether or not the controls are showing.
-   *
-   * @fires Player#controlsenabled
-   *
-   * @param {boolean} [bool]
-   *        - true to turn controls on
-   *        - false to turn controls off
-   *
-   * @return {boolean}
-   *         The current value of controls when getting
-   */
-  ;
-
-  _proto.controls = function controls(bool) {
-    if (bool === undefined) {
-      return !!this.controls_;
-    }
-
-    bool = !!bool; // Don't trigger a change event unless it actually changed
-
-    if (this.controls_ === bool) {
-      return;
-    }
-
-    this.controls_ = bool;
-
-    if (this.usingNativeControls()) {
-      this.techCall_('setControls', bool);
-    }
-
-    if (this.controls_) {
-      this.removeClass('vjs-controls-disabled');
-      this.addClass('vjs-controls-enabled');
-      /**
-       * @event Player#controlsenabled
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('controlsenabled');
-
-      if (!this.usingNativeControls()) {
-        this.addTechControlsListeners_();
-      }
-    } else {
-      this.removeClass('vjs-controls-enabled');
-      this.addClass('vjs-controls-disabled');
-      /**
-       * @event Player#controlsdisabled
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('controlsdisabled');
-
-      if (!this.usingNativeControls()) {
-        this.removeTechControlsListeners_();
-      }
-    }
-  }
-  /**
-   * Toggle native controls on/off. Native controls are the controls built into
-   * devices (e.g. default iPhone controls), Flash, or other techs
-   * (e.g. Vimeo Controls)
-   * **This should only be set by the current tech, because only the tech knows
-   * if it can support native controls**
-   *
-   * @fires Player#usingnativecontrols
-   * @fires Player#usingcustomcontrols
-   *
-   * @param {boolean} [bool]
-   *        - true to turn native controls on
-   *        - false to turn native controls off
-   *
-   * @return {boolean}
-   *         The current value of native controls when getting
-   */
-  ;
-
-  _proto.usingNativeControls = function usingNativeControls(bool) {
-    if (bool === undefined) {
-      return !!this.usingNativeControls_;
-    }
-
-    bool = !!bool; // Don't trigger a change event unless it actually changed
-
-    if (this.usingNativeControls_ === bool) {
-      return;
-    }
-
-    this.usingNativeControls_ = bool;
-
-    if (this.usingNativeControls_) {
-      this.addClass('vjs-using-native-controls');
-      /**
-       * player is using the native device controls
-       *
-       * @event Player#usingnativecontrols
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('usingnativecontrols');
-    } else {
-      this.removeClass('vjs-using-native-controls');
-      /**
-       * player is using the custom HTML controls
-       *
-       * @event Player#usingcustomcontrols
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('usingcustomcontrols');
-    }
-  }
-  /**
-   * Set or get the current MediaError
-   *
-   * @fires Player#error
-   *
-   * @param  {MediaError|string|number} [err]
-   *         A MediaError or a string/number to be turned
-   *         into a MediaError
-   *
-   * @return {MediaError|null}
-   *         The current MediaError when getting (or null)
-   */
-  ;
-
-  _proto.error = function error(err) {
-    if (err === undefined) {
-      return this.error_ || null;
-    } // Suppress the first error message for no compatible source until
-    // user interaction
-
-
-    if (this.options_.suppressNotSupportedError && err && err.code === 4) {
-      var triggerSuppressedError = function triggerSuppressedError() {
-        this.error(err);
-      };
-
-      this.options_.suppressNotSupportedError = false;
-      this.any(['click', 'touchstart'], triggerSuppressedError);
-      this.one('loadstart', function () {
-        this.off(['click', 'touchstart'], triggerSuppressedError);
-      });
-      return;
-    } // restoring to default
-
-
-    if (err === null) {
-      this.error_ = err;
-      this.removeClass('vjs-error');
-
-      if (this.errorDisplay) {
-        this.errorDisplay.close();
-      }
-
-      return;
-    }
-
-    this.error_ = new MediaError(err); // add the vjs-error classname to the player
-
-    this.addClass('vjs-error'); // log the name of the error type and any message
-    // IE11 logs "[object object]" and required you to expand message to see error object
-
-    log.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
-    /**
-     * @event Player#error
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('error');
-    return;
-  }
-  /**
-   * Report user activity
-   *
-   * @param {Object} event
-   *        Event object
-   */
-  ;
-
-  _proto.reportUserActivity = function reportUserActivity(event) {
-    this.userActivity_ = true;
-  }
-  /**
-   * Get/set if user is active
-   *
-   * @fires Player#useractive
-   * @fires Player#userinactive
-   *
-   * @param {boolean} [bool]
-   *        - true if the user is active
-   *        - false if the user is inactive
-   *
-   * @return {boolean}
-   *         The current value of userActive when getting
-   */
-  ;
-
-  _proto.userActive = function userActive(bool) {
-    if (bool === undefined) {
-      return this.userActive_;
-    }
-
-    bool = !!bool;
-
-    if (bool === this.userActive_) {
-      return;
-    }
-
-    this.userActive_ = bool;
-
-    if (this.userActive_) {
-      this.userActivity_ = true;
-      this.removeClass('vjs-user-inactive');
-      this.addClass('vjs-user-active');
-      /**
-       * @event Player#useractive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('useractive');
-      return;
-    } // Chrome/Safari/IE have bugs where when you change the cursor it can
-    // trigger a mousemove event. This causes an issue when you're hiding
-    // the cursor when the user is inactive, and a mousemove signals user
-    // activity. Making it impossible to go into inactive mode. Specifically
-    // this happens in fullscreen when we really need to hide the cursor.
-    //
-    // When this gets resolved in ALL browsers it can be removed
-    // https://code.google.com/p/chromium/issues/detail?id=103041
-
-
-    if (this.tech_) {
-      this.tech_.one('mousemove', function (e) {
-        e.stopPropagation();
-        e.preventDefault();
-      });
-    }
-
-    this.userActivity_ = false;
-    this.removeClass('vjs-user-active');
-    this.addClass('vjs-user-inactive');
-    /**
-     * @event Player#userinactive
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('userinactive');
-  }
-  /**
-   * Listen for user activity based on timeout value
-   *
-   * @private
-   */
-  ;
-
-  _proto.listenForUserActivity_ = function listenForUserActivity_() {
-    var mouseInProgress;
-    var lastMoveX;
-    var lastMoveY;
-    var handleActivity = bind(this, this.reportUserActivity);
-
-    var handleMouseMove = function handleMouseMove(e) {
-      // #1068 - Prevent mousemove spamming
-      // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970
-      if (e.screenX !== lastMoveX || e.screenY !== lastMoveY) {
-        lastMoveX = e.screenX;
-        lastMoveY = e.screenY;
-        handleActivity();
-      }
-    };
-
-    var handleMouseDown = function handleMouseDown() {
-      handleActivity(); // 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
-
-      this.clearInterval(mouseInProgress); // Setting userActivity=true now and setting the interval to the same time
-      // as the activityCheck interval (250) should ensure we never miss the
-      // next activityCheck
-
-      mouseInProgress = this.setInterval(handleActivity, 250);
-    };
-
-    var handleMouseUp = function handleMouseUp(event) {
-      handleActivity(); // Stop the interval that maintains activity if the mouse/touch is down
-
-      this.clearInterval(mouseInProgress);
-    }; // Any mouse movement will be considered user activity
-
-
-    this.on('mousedown', handleMouseDown);
-    this.on('mousemove', handleMouseMove);
-    this.on('mouseup', handleMouseUp);
-    var controlBar = this.getChild('controlBar'); // Fixes bug on Android & iOS where when tapping progressBar (when control bar is displayed)
-    // controlBar would no longer be hidden by default timeout.
-
-    if (controlBar && !IS_IOS && !IS_ANDROID) {
-      controlBar.on('mouseenter', function (event) {
-        this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
-        this.player().options_.inactivityTimeout = 0;
-      });
-      controlBar.on('mouseleave', function (event) {
-        this.player().options_.inactivityTimeout = this.player().cache_.inactivityTimeout;
-      });
-    } // Listen for keyboard navigation
-    // Shouldn't need to use inProgress interval because of key repeat
-
-
-    this.on('keydown', handleActivity);
-    this.on('keyup', handleActivity); // Run an interval every 250 milliseconds instead of stuffing everything into
-    // the mousemove/touchmove function itself, to prevent performance degradation.
-    // `this.reportUserActivity` simply sets this.userActivity_ to true, which
-    // then gets picked up by this loop
-    // http://ejohn.org/blog/learning-from-twitter/
-
-    var inactivityTimeout;
-    this.setInterval(function () {
-      // Check to see if mouse/touch activity has happened
-      if (!this.userActivity_) {
-        return;
-      } // Reset the activity tracker
-
-
-      this.userActivity_ = false; // If the user state was inactive, set the state to active
-
-      this.userActive(true); // Clear any existing inactivity timeout to start the timer over
-
-      this.clearTimeout(inactivityTimeout);
-      var timeout = this.options_.inactivityTimeout;
-
-      if (timeout <= 0) {
-        return;
-      } // In <timeout> milliseconds, if no more activity has occurred the
-      // user will be considered inactive
-
-
-      inactivityTimeout = this.setTimeout(function () {
-        // Protect against the case where the inactivityTimeout can trigger just
-        // before the next user activity is picked up by the activity check loop
-        // causing a flicker
-        if (!this.userActivity_) {
-          this.userActive(false);
-        }
-      }, timeout);
-    }, 250);
-  }
-  /**
-   * Gets or sets the current playback rate. A playback rate of
-   * 1.0 represents normal speed and 0.5 would indicate half-speed
-   * playback, for instance.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-playbackrate
-   *
-   * @param {number} [rate]
-   *       New playback rate to set.
-   *
-   * @return {number}
-   *         The current playback rate when getting or 1.0
-   */
-  ;
-
-  _proto.playbackRate = function playbackRate(rate) {
-    if (rate !== undefined) {
-      // NOTE: this.cache_.lastPlaybackRate is set from the tech handler
-      // that is registered above
-      this.techCall_('setPlaybackRate', rate);
-      return;
-    }
-
-    if (this.tech_ && this.tech_.featuresPlaybackRate) {
-      return this.cache_.lastPlaybackRate || this.techGet_('playbackRate');
-    }
-
-    return 1.0;
-  }
-  /**
-   * Gets or sets the current default playback rate. A default playback rate of
-   * 1.0 represents normal speed and 0.5 would indicate half-speed playback, for instance.
-   * defaultPlaybackRate will only represent what the initial playbackRate of a video was, not
-   * not the current playbackRate.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate
-   *
-   * @param {number} [rate]
-   *       New default playback rate to set.
-   *
-   * @return {number|Player}
-   *         - The default playback rate when getting or 1.0
-   *         - the player when setting
-   */
-  ;
-
-  _proto.defaultPlaybackRate = function defaultPlaybackRate(rate) {
-    if (rate !== undefined) {
-      return this.techCall_('setDefaultPlaybackRate', rate);
-    }
-
-    if (this.tech_ && this.tech_.featuresPlaybackRate) {
-      return this.techGet_('defaultPlaybackRate');
-    }
-
-    return 1.0;
-  }
-  /**
-   * Gets or sets the audio flag
-   *
-   * @param {boolean} bool
-   *        - true signals that this is an audio player
-   *        - false signals that this is not an audio player
-   *
-   * @return {boolean}
-   *         The current value of isAudio when getting
-   */
-  ;
-
-  _proto.isAudio = function isAudio(bool) {
-    if (bool !== undefined) {
-      this.isAudio_ = !!bool;
-      return;
-    }
-
-    return !!this.isAudio_;
-  }
-  /**
-   * A helper method for adding a {@link TextTrack} to our
-   * {@link TextTrackList}.
-   *
-   * In addition to the W3C settings we allow adding additional info through options.
-   *
-   * @see http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
-   *
-   * @param {string} [kind]
-   *        the kind of TextTrack you are adding
-   *
-   * @param {string} [label]
-   *        the label to give the TextTrack label
-   *
-   * @param {string} [language]
-   *        the language to set on the TextTrack
-   *
-   * @return {TextTrack|undefined}
-   *         the TextTrack that was added or undefined
-   *         if there is no tech
-   */
-  ;
-
-  _proto.addTextTrack = function addTextTrack(kind, label, language) {
-    if (this.tech_) {
-      return this.tech_.addTextTrack(kind, label, language);
-    }
-  }
-  /**
-   * Create a remote {@link TextTrack} and an {@link HTMLTrackElement}. It will
-   * automatically removed from the video element whenever the source changes, unless
-   * manualCleanup is set to false.
-   *
-   * @param {Object} options
-   *        Options to pass to {@link HTMLTrackElement} during creation. See
-   *        {@link HTMLTrackElement} for object properties that you should use.
-   *
-   * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-   *
-   * @return {HtmlTrackElement}
-   *         the HTMLTrackElement that was created and added
-   *         to the HtmlTrackElementList and the remote
-   *         TextTrackList
-   *
-   * @deprecated The default value of the "manualCleanup" parameter will default
-   *             to "false" in upcoming versions of Video.js
-   */
-  ;
-
-  _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-    if (this.tech_) {
-      return this.tech_.addRemoteTextTrack(options, manualCleanup);
-    }
-  }
-  /**
-   * Remove a remote {@link TextTrack} from the respective
-   * {@link TextTrackList} and {@link HtmlTrackElementList}.
-   *
-   * @param {Object} track
-   *        Remote {@link TextTrack} to remove
-   *
-   * @return {undefined}
-   *         does not return anything
-   */
-  ;
-
-  _proto.removeRemoteTextTrack = function removeRemoteTextTrack(obj) {
-    if (obj === void 0) {
-      obj = {};
-    }
-
-    var _obj = obj,
-        track = _obj.track;
-
-    if (!track) {
-      track = obj;
-    } // destructure the input into an object with a track argument, defaulting to arguments[0]
-    // default the whole argument to an empty object if nothing was passed in
-
-
-    if (this.tech_) {
-      return this.tech_.removeRemoteTextTrack(track);
-    }
-  }
-  /**
-   * Gets available media playback quality metrics as specified by the W3C's Media
-   * Playback Quality API.
-   *
-   * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-   *
-   * @return {Object|undefined}
-   *         An object with supported media playback quality metrics or undefined if there
-   *         is no tech or the tech does not support it.
-   */
-  ;
-
-  _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return this.techGet_('getVideoPlaybackQuality');
-  }
-  /**
-   * Get video width
-   *
-   * @return {number}
-   *         current video width
-   */
-  ;
-
-  _proto.videoWidth = function videoWidth() {
-    return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-  }
-  /**
-   * Get video height
-   *
-   * @return {number}
-   *         current video height
-   */
-  ;
-
-  _proto.videoHeight = function videoHeight() {
-    return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;
-  }
-  /**
-   * The player's language code
-   * NOTE: The language should be set in the player options if you want the
-   * the controls to be built with a specific language. Changing the language
-   * later will not update controls text.
-   *
-   * @param {string} [code]
-   *        the language code to set the player to
-   *
-   * @return {string}
-   *         The current language code when getting
-   */
-  ;
-
-  _proto.language = function language(code) {
-    if (code === undefined) {
-      return this.language_;
-    }
-
-    this.language_ = String(code).toLowerCase();
-  }
-  /**
-   * Get the player's language dictionary
-   * Merge every time, because a newly added plugin might call videojs.addLanguage() at any time
-   * Languages specified directly in the player options have precedence
-   *
-   * @return {Array}
-   *         An array of of supported languages
-   */
-  ;
-
-  _proto.languages = function languages() {
-    return mergeOptions(Player.prototype.options_.languages, this.languages_);
-  }
-  /**
-   * returns a JavaScript object reperesenting the current track
-   * information. **DOES not return it as JSON**
-   *
-   * @return {Object}
-   *         Object representing the current of track info
-   */
-  ;
-
-  _proto.toJSON = function toJSON() {
-    var options = mergeOptions(this.options_);
-    var tracks = options.tracks;
-    options.tracks = [];
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i]; // deep merge tracks and null out player so no circular references
-
-      track = mergeOptions(track);
-      track.player = undefined;
-      options.tracks[i] = track;
-    }
-
-    return options;
-  }
-  /**
-   * Creates a simple modal dialog (an instance of the {@link ModalDialog}
-   * component) that immediately overlays the player with arbitrary
-   * content and removes itself when closed.
-   *
-   * @param {string|Function|Element|Array|null} content
-   *        Same as {@link ModalDialog#content}'s param of the same name.
-   *        The most straight-forward usage is to provide a string or DOM
-   *        element.
-   *
-   * @param {Object} [options]
-   *        Extra options which will be passed on to the {@link ModalDialog}.
-   *
-   * @return {ModalDialog}
-   *         the {@link ModalDialog} that was created
-   */
-  ;
-
-  _proto.createModal = function createModal(content, options) {
-    var _this14 = this;
-
-    options = options || {};
-    options.content = content || '';
-    var modal = new ModalDialog(this, options);
-    this.addChild(modal);
-    modal.on('dispose', function () {
-      _this14.removeChild(modal);
-    });
-    modal.open();
-    return modal;
-  }
-  /**
-   * Change breakpoint classes when the player resizes.
-   *
-   * @private
-   */
-  ;
-
-  _proto.updateCurrentBreakpoint_ = function updateCurrentBreakpoint_() {
-    if (!this.responsive()) {
-      return;
-    }
-
-    var currentBreakpoint = this.currentBreakpoint();
-    var currentWidth = this.currentWidth();
-
-    for (var i = 0; i < BREAKPOINT_ORDER.length; i++) {
-      var candidateBreakpoint = BREAKPOINT_ORDER[i];
-      var maxWidth = this.breakpoints_[candidateBreakpoint];
-
-      if (currentWidth <= maxWidth) {
-        // The current breakpoint did not change, nothing to do.
-        if (currentBreakpoint === candidateBreakpoint) {
-          return;
-        } // Only remove a class if there is a current breakpoint.
-
-
-        if (currentBreakpoint) {
-          this.removeClass(BREAKPOINT_CLASSES[currentBreakpoint]);
-        }
-
-        this.addClass(BREAKPOINT_CLASSES[candidateBreakpoint]);
-        this.breakpoint_ = candidateBreakpoint;
-        break;
-      }
-    }
-  }
-  /**
-   * Removes the current breakpoint.
-   *
-   * @private
-   */
-  ;
-
-  _proto.removeCurrentBreakpoint_ = function removeCurrentBreakpoint_() {
-    var className = this.currentBreakpointClass();
-    this.breakpoint_ = '';
-
-    if (className) {
-      this.removeClass(className);
-    }
-  }
-  /**
-   * Get or set breakpoints on the player.
-   *
-   * Calling this method with an object or `true` will remove any previous
-   * custom breakpoints and start from the defaults again.
-   *
-   * @param  {Object|boolean} [breakpoints]
-   *         If an object is given, it can be used to provide custom
-   *         breakpoints. If `true` is given, will set default breakpoints.
-   *         If this argument is not given, will simply return the current
-   *         breakpoints.
-   *
-   * @param  {number} [breakpoints.tiny]
-   *         The maximum width for the "vjs-layout-tiny" class.
-   *
-   * @param  {number} [breakpoints.xsmall]
-   *         The maximum width for the "vjs-layout-x-small" class.
-   *
-   * @param  {number} [breakpoints.small]
-   *         The maximum width for the "vjs-layout-small" class.
-   *
-   * @param  {number} [breakpoints.medium]
-   *         The maximum width for the "vjs-layout-medium" class.
-   *
-   * @param  {number} [breakpoints.large]
-   *         The maximum width for the "vjs-layout-large" class.
-   *
-   * @param  {number} [breakpoints.xlarge]
-   *         The maximum width for the "vjs-layout-x-large" class.
-   *
-   * @param  {number} [breakpoints.huge]
-   *         The maximum width for the "vjs-layout-huge" class.
-   *
-   * @return {Object}
-   *         An object mapping breakpoint names to maximum width values.
-   */
-  ;
-
-  _proto.breakpoints = function breakpoints(_breakpoints) {
-    // Used as a getter.
-    if (_breakpoints === undefined) {
-      return assign(this.breakpoints_);
-    }
-
-    this.breakpoint_ = '';
-    this.breakpoints_ = assign({}, DEFAULT_BREAKPOINTS, _breakpoints); // When breakpoint definitions change, we need to update the currently
-    // selected breakpoint.
-
-    this.updateCurrentBreakpoint_(); // Clone the breakpoints before returning.
-
-    return assign(this.breakpoints_);
-  }
-  /**
-   * Get or set a flag indicating whether or not this player should adjust
-   * its UI based on its dimensions.
-   *
-   * @param  {boolean} value
-   *         Should be `true` if the player should adjust its UI based on its
-   *         dimensions; otherwise, should be `false`.
-   *
-   * @return {boolean}
-   *         Will be `true` if this player should adjust its UI based on its
-   *         dimensions; otherwise, will be `false`.
-   */
-  ;
-
-  _proto.responsive = function responsive(value) {
-    // Used as a getter.
-    if (value === undefined) {
-      return this.responsive_;
-    }
-
-    value = Boolean(value);
-    var current = this.responsive_; // Nothing changed.
-
-    if (value === current) {
-      return;
-    } // The value actually changed, set it.
-
-
-    this.responsive_ = value; // Start listening for breakpoints and set the initial breakpoint if the
-    // player is now responsive.
-
-    if (value) {
-      this.on('playerresize', this.updateCurrentBreakpoint_);
-      this.updateCurrentBreakpoint_(); // Stop listening for breakpoints if the player is no longer responsive.
-    } else {
-      this.off('playerresize', this.updateCurrentBreakpoint_);
-      this.removeCurrentBreakpoint_();
-    }
-
-    return value;
-  }
-  /**
-   * Get current breakpoint name, if any.
-   *
-   * @return {string}
-   *         If there is currently a breakpoint set, returns a the key from the
-   *         breakpoints object matching it. Otherwise, returns an empty string.
-   */
-  ;
-
-  _proto.currentBreakpoint = function currentBreakpoint() {
-    return this.breakpoint_;
-  }
-  /**
-   * Get the current breakpoint class name.
-   *
-   * @return {string}
-   *         The matching class name (e.g. `"vjs-layout-tiny"` or
-   *         `"vjs-layout-large"`) for the current breakpoint. Empty string if
-   *         there is no current breakpoint.
-   */
-  ;
-
-  _proto.currentBreakpointClass = function currentBreakpointClass() {
-    return BREAKPOINT_CLASSES[this.breakpoint_] || '';
-  }
-  /**
-   * An object that describes a single piece of media.
-   *
-   * Properties that are not part of this type description will be retained; so,
-   * this can be viewed as a generic metadata storage mechanism as well.
-   *
-   * @see      {@link https://wicg.github.io/mediasession/#the-mediametadata-interface}
-   * @typedef  {Object} Player~MediaObject
-   *
-   * @property {string} [album]
-   *           Unused, except if this object is passed to the `MediaSession`
-   *           API.
-   *
-   * @property {string} [artist]
-   *           Unused, except if this object is passed to the `MediaSession`
-   *           API.
-   *
-   * @property {Object[]} [artwork]
-   *           Unused, except if this object is passed to the `MediaSession`
-   *           API. If not specified, will be populated via the `poster`, if
-   *           available.
-   *
-   * @property {string} [poster]
-   *           URL to an image that will display before playback.
-   *
-   * @property {Tech~SourceObject|Tech~SourceObject[]|string} [src]
-   *           A single source object, an array of source objects, or a string
-   *           referencing a URL to a media source. It is _highly recommended_
-   *           that an object or array of objects is used here, so that source
-   *           selection algorithms can take the `type` into account.
-   *
-   * @property {string} [title]
-   *           Unused, except if this object is passed to the `MediaSession`
-   *           API.
-   *
-   * @property {Object[]} [textTracks]
-   *           An array of objects to be used to create text tracks, following
-   *           the {@link https://www.w3.org/TR/html50/embedded-content-0.html#the-track-element|native track element format}.
-   *           For ease of removal, these will be created as "remote" text
-   *           tracks and set to automatically clean up on source changes.
-   *
-   *           These objects may have properties like `src`, `kind`, `label`,
-   *           and `language`, see {@link Tech#createRemoteTextTrack}.
-   */
-
-  /**
-   * Populate the player using a {@link Player~MediaObject|MediaObject}.
-   *
-   * @param  {Player~MediaObject} media
-   *         A media object.
-   *
-   * @param  {Function} ready
-   *         A callback to be called when the player is ready.
-   */
-  ;
-
-  _proto.loadMedia = function loadMedia(media, ready) {
-    var _this15 = this;
-
-    if (!media || typeof media !== 'object') {
-      return;
-    }
-
-    this.reset(); // Clone the media object so it cannot be mutated from outside.
-
-    this.cache_.media = mergeOptions(media);
-    var _this$cache_$media = this.cache_.media,
-        artwork = _this$cache_$media.artwork,
-        poster = _this$cache_$media.poster,
-        src = _this$cache_$media.src,
-        textTracks = _this$cache_$media.textTracks; // If `artwork` is not given, create it using `poster`.
-
-    if (!artwork && poster) {
-      this.cache_.media.artwork = [{
-        src: poster,
-        type: getMimetype(poster)
-      }];
-    }
-
-    if (src) {
-      this.src(src);
-    }
-
-    if (poster) {
-      this.poster(poster);
-    }
-
-    if (Array.isArray(textTracks)) {
-      textTracks.forEach(function (tt) {
-        return _this15.addRemoteTextTrack(tt, false);
-      });
-    }
-
-    this.ready(ready);
-  }
-  /**
-   * Get a clone of the current {@link Player~MediaObject} for this player.
-   *
-   * If the `loadMedia` method has not been used, will attempt to return a
-   * {@link Player~MediaObject} based on the current state of the player.
-   *
-   * @return {Player~MediaObject}
-   */
-  ;
-
-  _proto.getMedia = function getMedia() {
-    if (!this.cache_.media) {
-      var poster = this.poster();
-      var src = this.currentSources();
-      var textTracks = Array.prototype.map.call(this.remoteTextTracks(), function (tt) {
-        return {
-          kind: tt.kind,
-          label: tt.label,
-          language: tt.language,
-          src: tt.src
-        };
-      });
-      var media = {
-        src: src,
-        textTracks: textTracks
-      };
-
-      if (poster) {
-        media.poster = poster;
-        media.artwork = [{
-          src: media.poster,
-          type: getMimetype(media.poster)
-        }];
-      }
-
-      return media;
-    }
-
-    return mergeOptions(this.cache_.media);
-  }
-  /**
-   * Gets tag settings
-   *
-   * @param {Element} tag
-   *        The player tag
-   *
-   * @return {Object}
-   *         An object containing all of the settings
-   *         for a player tag
-   */
-  ;
-
-  Player.getTagSettings = function getTagSettings(tag) {
-    var baseOptions = {
-      sources: [],
-      tracks: []
-    };
-    var tagOptions = getAttributes(tag);
-    var dataSetup = tagOptions['data-setup'];
-
-    if (hasClass(tag, 'vjs-fill')) {
-      tagOptions.fill = true;
-    }
-
-    if (hasClass(tag, 'vjs-fluid')) {
-      tagOptions.fluid = true;
-    } // Check if data-setup attr exists.
-
-
-    if (dataSetup !== null) {
-      // Parse options JSON
-      // If empty string, make it a parsable json object.
-      var _safeParseTuple = safeParseTuple(dataSetup || '{}'),
-          err = _safeParseTuple[0],
-          data = _safeParseTuple[1];
-
-      if (err) {
-        log.error(err);
-      }
-
-      assign(tagOptions, data);
-    }
-
-    assign(baseOptions, tagOptions); // Get tag children settings
-
-    if (tag.hasChildNodes()) {
-      var children = tag.childNodes;
-
-      for (var i = 0, j = children.length; i < j; i++) {
-        var child = children[i]; // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
-
-        var childName = child.nodeName.toLowerCase();
-
-        if (childName === 'source') {
-          baseOptions.sources.push(getAttributes(child));
-        } else if (childName === 'track') {
-          baseOptions.tracks.push(getAttributes(child));
-        }
-      }
-    }
-
-    return baseOptions;
-  }
-  /**
-   * Determine whether or not flexbox is supported
-   *
-   * @return {boolean}
-   *         - true if flexbox is supported
-   *         - false if flexbox is not supported
-   */
-  ;
-
-  _proto.flexNotSupported_ = function flexNotSupported_() {
-    var elem = document.createElement('i'); // Note: We don't actually use flexBasis (or flexOrder), but it's one of the more
-    // common flex features that we can rely on when checking for flex support.
-
-    return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style || // IE10-specific (2012 flex spec), available for completeness
-    'msFlexOrder' in elem.style);
-  };
-
-  return Player;
-}(Component);
-/**
- * Get the {@link VideoTrackList}
- * @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist
- *
- * @return {VideoTrackList}
- *         the current video track list
- *
- * @method Player.prototype.videoTracks
- */
-
-/**
- * Get the {@link AudioTrackList}
- * @link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist
- *
- * @return {AudioTrackList}
- *         the current audio track list
- *
- * @method Player.prototype.audioTracks
- */
-
-/**
- * Get the {@link TextTrackList}
- *
- * @link http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
- *
- * @return {TextTrackList}
- *         the current text track list
- *
- * @method Player.prototype.textTracks
- */
-
-/**
- * Get the remote {@link TextTrackList}
- *
- * @return {TextTrackList}
- *         The current remote text track list
- *
- * @method Player.prototype.remoteTextTracks
- */
-
-/**
- * Get the remote {@link HtmlTrackElementList} tracks.
- *
- * @return {HtmlTrackElementList}
- *         The current remote text track element list
- *
- * @method Player.prototype.remoteTextTrackEls
- */
-
-
-ALL.names.forEach(function (name) {
-  var props = ALL[name];
-
-  Player.prototype[props.getterName] = function () {
-    if (this.tech_) {
-      return this.tech_[props.getterName]();
-    } // if we have not yet loadTech_, we create {video,audio,text}Tracks_
-    // these will be passed to the tech during loading
-
-
-    this[props.privateName] = this[props.privateName] || new props.ListClass();
-    return this[props.privateName];
-  };
-});
-/**
- * Global enumeration of players.
- *
- * The keys are the player IDs and the values are either the {@link Player}
- * instance or `null` for disposed players.
- *
- * @type {Object}
- */
-
-Player.players = {};
-var navigator = window$1.navigator;
-/*
- * Player instance options, surfaced using options
- * options = Player.prototype.options_
- * Make changes in options, not here.
- *
- * @type {Object}
- * @private
- */
-
-Player.prototype.options_ = {
-  // Default order of fallback technology
-  techOrder: Tech.defaultTechOrder_,
-  html5: {},
-  flash: {},
-  // default inactivity timeout
-  inactivityTimeout: 2000,
-  // default playback rates
-  playbackRates: [],
-  // Add playback rate selection by adding rates
-  // 'playbackRates': [0.5, 1, 1.5, 2],
-  liveui: false,
-  // Included control sets
-  children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'liveTracker', 'controlBar', 'errorDisplay', 'textTrackSettings', 'resizeManager'],
-  language: navigator && (navigator.languages && navigator.languages[0] || navigator.userLanguage || navigator.language) || 'en',
-  // locales and their language translations
-  languages: {},
-  // Default message to show when a video cannot be played.
-  notSupportedMessage: 'No compatible source was found for this media.',
-  fullscreen: {
-    options: {
-      navigationUI: 'hide'
-    }
-  },
-  breakpoints: {},
-  responsive: false
-};
-[
-/**
- * Returns whether or not the player is in the "ended" state.
- *
- * @return {Boolean} True if the player is in the ended state, false if not.
- * @method Player#ended
- */
-'ended',
-/**
- * Returns whether or not the player is in the "seeking" state.
- *
- * @return {Boolean} True if the player is in the seeking state, false if not.
- * @method Player#seeking
- */
-'seeking',
-/**
- * Returns the TimeRanges of the media that are currently available
- * for seeking to.
- *
- * @return {TimeRanges} the seekable intervals of the media timeline
- * @method Player#seekable
- */
-'seekable',
-/**
- * Returns the current state of network activity for the element, from
- * the codes in the list below.
- * - NETWORK_EMPTY (numeric value 0)
- *   The element has not yet been initialised. All attributes are in
- *   their initial states.
- * - NETWORK_IDLE (numeric value 1)
- *   The element's resource selection algorithm is active and has
- *   selected a resource, but it is not actually using the network at
- *   this time.
- * - NETWORK_LOADING (numeric value 2)
- *   The user agent is actively trying to download data.
- * - NETWORK_NO_SOURCE (numeric value 3)
- *   The element's resource selection algorithm is active, but it has
- *   not yet found a resource to use.
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#network-states
- * @return {number} the current network activity state
- * @method Player#networkState
- */
-'networkState',
-/**
- * Returns a value that expresses the current state of the element
- * with respect to rendering the current playback position, from the
- * codes in the list below.
- * - HAVE_NOTHING (numeric value 0)
- *   No information regarding the media resource is available.
- * - HAVE_METADATA (numeric value 1)
- *   Enough of the resource has been obtained that the duration of the
- *   resource is available.
- * - HAVE_CURRENT_DATA (numeric value 2)
- *   Data for the immediate current playback position is available.
- * - HAVE_FUTURE_DATA (numeric value 3)
- *   Data for the immediate current playback position is available, as
- *   well as enough data for the user agent to advance the current
- *   playback position in the direction of playback.
- * - HAVE_ENOUGH_DATA (numeric value 4)
- *   The user agent estimates that enough data is available for
- *   playback to proceed uninterrupted.
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-readystate
- * @return {number} the current playback rendering state
- * @method Player#readyState
- */
-'readyState'].forEach(function (fn) {
-  Player.prototype[fn] = function () {
-    return this.techGet_(fn);
-  };
-});
-TECH_EVENTS_RETRIGGER.forEach(function (event) {
-  Player.prototype["handleTech" + toTitleCase(event) + "_"] = function () {
-    return this.trigger(event);
-  };
-});
-/**
- * Fired when the player has initial duration and dimension information
- *
- * @event Player#loadedmetadata
- * @type {EventTarget~Event}
- */
-
-/**
- * Fired when the player has downloaded data at the current playback position
- *
- * @event Player#loadeddata
- * @type {EventTarget~Event}
- */
-
-/**
- * Fired when the current playback position has changed *
- * During playback this is fired every 15-250 milliseconds, depending on the
- * playback technology in use.
- *
- * @event Player#timeupdate
- * @type {EventTarget~Event}
- */
-
-/**
- * Fired when the volume changes
- *
- * @event Player#volumechange
- * @type {EventTarget~Event}
- */
-
-/**
- * Reports whether or not a player has a plugin available.
- *
- * This does not report whether or not the plugin has ever been initialized
- * on this player. For that, [usingPlugin]{@link Player#usingPlugin}.
- *
- * @method Player#hasPlugin
- * @param  {string}  name
- *         The name of a plugin.
- *
- * @return {boolean}
- *         Whether or not this player has the requested plugin available.
- */
-
-/**
- * Reports whether or not a player is using a plugin by name.
- *
- * For basic plugins, this only reports whether the plugin has _ever_ been
- * initialized on this player.
- *
- * @method Player#usingPlugin
- * @param  {string} name
- *         The name of a plugin.
- *
- * @return {boolean}
- *         Whether or not this player is using the requested plugin.
- */
-
-Component.registerComponent('Player', Player);
-
-/**
- * The base plugin name.
- *
- * @private
- * @constant
- * @type {string}
- */
-
-var BASE_PLUGIN_NAME = 'plugin';
-/**
- * The key on which a player's active plugins cache is stored.
- *
- * @private
- * @constant
- * @type     {string}
- */
-
-var PLUGIN_CACHE_KEY = 'activePlugins_';
-/**
- * Stores registered plugins in a private space.
- *
- * @private
- * @type    {Object}
- */
-
-var pluginStorage = {};
-/**
- * Reports whether or not a plugin has been registered.
- *
- * @private
- * @param   {string} name
- *          The name of a plugin.
- *
- * @return {boolean}
- *          Whether or not the plugin has been registered.
- */
-
-var pluginExists = function pluginExists(name) {
-  return pluginStorage.hasOwnProperty(name);
-};
-/**
- * Get a single registered plugin by name.
- *
- * @private
- * @param   {string} name
- *          The name of a plugin.
- *
- * @return {Function|undefined}
- *          The plugin (or undefined).
- */
-
-
-var getPlugin = function getPlugin(name) {
-  return pluginExists(name) ? pluginStorage[name] : undefined;
-};
-/**
- * Marks a plugin as "active" on a player.
- *
- * Also, ensures that the player has an object for tracking active plugins.
- *
- * @private
- * @param   {Player} player
- *          A Video.js player instance.
- *
- * @param   {string} name
- *          The name of a plugin.
- */
-
-
-var markPluginAsActive = function markPluginAsActive(player, name) {
-  player[PLUGIN_CACHE_KEY] = player[PLUGIN_CACHE_KEY] || {};
-  player[PLUGIN_CACHE_KEY][name] = true;
-};
-/**
- * Triggers a pair of plugin setup events.
- *
- * @private
- * @param  {Player} player
- *         A Video.js player instance.
- *
- * @param  {Plugin~PluginEventHash} hash
- *         A plugin event hash.
- *
- * @param  {boolean} [before]
- *         If true, prefixes the event name with "before". In other words,
- *         use this to trigger "beforepluginsetup" instead of "pluginsetup".
- */
-
-
-var triggerSetupEvent = function triggerSetupEvent(player, hash, before) {
-  var eventName = (before ? 'before' : '') + 'pluginsetup';
-  player.trigger(eventName, hash);
-  player.trigger(eventName + ':' + hash.name, hash);
-};
-/**
- * Takes a basic plugin function and returns a wrapper function which marks
- * on the player that the plugin has been activated.
- *
- * @private
- * @param   {string} name
- *          The name of the plugin.
- *
- * @param   {Function} plugin
- *          The basic plugin.
- *
- * @return {Function}
- *          A wrapper function for the given plugin.
- */
-
-
-var createBasicPlugin = function createBasicPlugin(name, plugin) {
-  var basicPluginWrapper = function basicPluginWrapper() {
-    // We trigger the "beforepluginsetup" and "pluginsetup" events on the player
-    // regardless, but we want the hash to be consistent with the hash provided
-    // for advanced plugins.
-    //
-    // The only potentially counter-intuitive thing here is the `instance` in
-    // the "pluginsetup" event is the value returned by the `plugin` function.
-    triggerSetupEvent(this, {
-      name: name,
-      plugin: plugin,
-      instance: null
-    }, true);
-    var instance = plugin.apply(this, arguments);
-    markPluginAsActive(this, name);
-    triggerSetupEvent(this, {
-      name: name,
-      plugin: plugin,
-      instance: instance
-    });
-    return instance;
-  };
-
-  Object.keys(plugin).forEach(function (prop) {
-    basicPluginWrapper[prop] = plugin[prop];
-  });
-  return basicPluginWrapper;
-};
-/**
- * Takes a plugin sub-class and returns a factory function for generating
- * instances of it.
- *
- * This factory function will replace itself with an instance of the requested
- * sub-class of Plugin.
- *
- * @private
- * @param   {string} name
- *          The name of the plugin.
- *
- * @param   {Plugin} PluginSubClass
- *          The advanced plugin.
- *
- * @return {Function}
- */
-
-
-var createPluginFactory = function createPluginFactory(name, PluginSubClass) {
-  // Add a `name` property to the plugin prototype so that each plugin can
-  // refer to itself by name.
-  PluginSubClass.prototype.name = name;
-  return function () {
-    triggerSetupEvent(this, {
-      name: name,
-      plugin: PluginSubClass,
-      instance: null
-    }, true);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var instance = _construct(PluginSubClass, [this].concat(args)); // The plugin is replaced by a function that returns the current instance.
-
-
-    this[name] = function () {
-      return instance;
-    };
-
-    triggerSetupEvent(this, instance.getEventHash());
-    return instance;
-  };
-};
-/**
- * Parent class for all advanced plugins.
- *
- * @mixes   module:evented~EventedMixin
- * @mixes   module:stateful~StatefulMixin
- * @fires   Player#beforepluginsetup
- * @fires   Player#beforepluginsetup:$name
- * @fires   Player#pluginsetup
- * @fires   Player#pluginsetup:$name
- * @listens Player#dispose
- * @throws  {Error}
- *          If attempting to instantiate the base {@link Plugin} class
- *          directly instead of via a sub-class.
- */
-
-
-var Plugin =
-/*#__PURE__*/
-function () {
-  /**
-   * Creates an instance of this class.
-   *
-   * Sub-classes should call `super` to ensure plugins are properly initialized.
-   *
-   * @param {Player} player
-   *        A Video.js player instance.
-   */
-  function Plugin(player) {
-    if (this.constructor === Plugin) {
-      throw new Error('Plugin must be sub-classed; not directly instantiated.');
-    }
-
-    this.player = player; // Make this object evented, but remove the added `trigger` method so we
-    // use the prototype version instead.
-
-    evented(this);
-    delete this.trigger;
-    stateful(this, this.constructor.defaultState);
-    markPluginAsActive(player, this.name); // Auto-bind the dispose method so we can use it as a listener and unbind
-    // it later easily.
-
-    this.dispose = bind(this, this.dispose); // If the player is disposed, dispose the plugin.
-
-    player.on('dispose', this.dispose);
-  }
-  /**
-   * Get the version of the plugin that was set on <pluginName>.VERSION
-   */
-
-
-  var _proto = Plugin.prototype;
-
-  _proto.version = function version() {
-    return this.constructor.VERSION;
-  }
-  /**
-   * Each event triggered by plugins includes a hash of additional data with
-   * conventional properties.
-   *
-   * This returns that object or mutates an existing hash.
-   *
-   * @param   {Object} [hash={}]
-   *          An object to be used as event an event hash.
-   *
-   * @return {Plugin~PluginEventHash}
-   *          An event hash object with provided properties mixed-in.
-   */
-  ;
-
-  _proto.getEventHash = function getEventHash(hash) {
-    if (hash === void 0) {
-      hash = {};
-    }
-
-    hash.name = this.name;
-    hash.plugin = this.constructor;
-    hash.instance = this;
-    return hash;
-  }
-  /**
-   * Triggers an event on the plugin object and overrides
-   * {@link module:evented~EventedMixin.trigger|EventedMixin.trigger}.
-   *
-   * @param   {string|Object} event
-   *          An event type or an object with a type property.
-   *
-   * @param   {Object} [hash={}]
-   *          Additional data hash to merge with a
-   *          {@link Plugin~PluginEventHash|PluginEventHash}.
-   *
-   * @return {boolean}
-   *          Whether or not default was prevented.
-   */
-  ;
-
-  _proto.trigger = function trigger$1(event, hash) {
-    if (hash === void 0) {
-      hash = {};
-    }
-
-    return trigger(this.eventBusEl_, event, this.getEventHash(hash));
-  }
-  /**
-   * Handles "statechanged" events on the plugin. No-op by default, override by
-   * subclassing.
-   *
-   * @abstract
-   * @param    {Event} e
-   *           An event object provided by a "statechanged" event.
-   *
-   * @param    {Object} e.changes
-   *           An object describing changes that occurred with the "statechanged"
-   *           event.
-   */
-  ;
-
-  _proto.handleStateChanged = function handleStateChanged(e) {}
-  /**
-   * Disposes a plugin.
-   *
-   * Subclasses can override this if they want, but for the sake of safety,
-   * it's probably best to subscribe the "dispose" event.
-   *
-   * @fires Plugin#dispose
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    var name = this.name,
-        player = this.player;
-    /**
-     * Signals that a advanced plugin is about to be disposed.
-     *
-     * @event Plugin#dispose
-     * @type  {EventTarget~Event}
-     */
-
-    this.trigger('dispose');
-    this.off();
-    player.off('dispose', this.dispose); // Eliminate any possible sources of leaking memory by clearing up
-    // references between the player and the plugin instance and nulling out
-    // the plugin's state and replacing methods with a function that throws.
-
-    player[PLUGIN_CACHE_KEY][name] = false;
-    this.player = this.state = null; // Finally, replace the plugin name on the player with a new factory
-    // function, so that the plugin is ready to be set up again.
-
-    player[name] = createPluginFactory(name, pluginStorage[name]);
-  }
-  /**
-   * Determines if a plugin is a basic plugin (i.e. not a sub-class of `Plugin`).
-   *
-   * @param   {string|Function} plugin
-   *          If a string, matches the name of a plugin. If a function, will be
-   *          tested directly.
-   *
-   * @return {boolean}
-   *          Whether or not a plugin is a basic plugin.
-   */
-  ;
-
-  Plugin.isBasic = function isBasic(plugin) {
-    var p = typeof plugin === 'string' ? getPlugin(plugin) : plugin;
-    return typeof p === 'function' && !Plugin.prototype.isPrototypeOf(p.prototype);
-  }
-  /**
-   * Register a Video.js plugin.
-   *
-   * @param   {string} name
-   *          The name of the plugin to be registered. Must be a string and
-   *          must not match an existing plugin or a method on the `Player`
-   *          prototype.
-   *
-   * @param   {Function} plugin
-   *          A sub-class of `Plugin` or a function for basic plugins.
-   *
-   * @return {Function}
-   *          For advanced plugins, a factory function for that plugin. For
-   *          basic plugins, a wrapper function that initializes the plugin.
-   */
-  ;
-
-  Plugin.registerPlugin = function registerPlugin(name, plugin) {
-    if (typeof name !== 'string') {
-      throw new Error("Illegal plugin name, \"" + name + "\", must be a string, was " + typeof name + ".");
-    }
-
-    if (pluginExists(name)) {
-      log.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
-    } else if (Player.prototype.hasOwnProperty(name)) {
-      throw new Error("Illegal plugin name, \"" + name + "\", cannot share a name with an existing player method!");
-    }
-
-    if (typeof plugin !== 'function') {
-      throw new Error("Illegal plugin for \"" + name + "\", must be a function, was " + typeof plugin + ".");
-    }
-
-    pluginStorage[name] = plugin; // Add a player prototype method for all sub-classed plugins (but not for
-    // the base Plugin class).
-
-    if (name !== BASE_PLUGIN_NAME) {
-      if (Plugin.isBasic(plugin)) {
-        Player.prototype[name] = createBasicPlugin(name, plugin);
-      } else {
-        Player.prototype[name] = createPluginFactory(name, plugin);
-      }
-    }
-
-    return plugin;
-  }
-  /**
-   * De-register a Video.js plugin.
-   *
-   * @param  {string} name
-   *         The name of the plugin to be de-registered. Must be a string that
-   *         matches an existing plugin.
-   *
-   * @throws {Error}
-   *         If an attempt is made to de-register the base plugin.
-   */
-  ;
-
-  Plugin.deregisterPlugin = function deregisterPlugin(name) {
-    if (name === BASE_PLUGIN_NAME) {
-      throw new Error('Cannot de-register base plugin.');
-    }
-
-    if (pluginExists(name)) {
-      delete pluginStorage[name];
-      delete Player.prototype[name];
-    }
-  }
-  /**
-   * Gets an object containing multiple Video.js plugins.
-   *
-   * @param   {Array} [names]
-   *          If provided, should be an array of plugin names. Defaults to _all_
-   *          plugin names.
-   *
-   * @return {Object|undefined}
-   *          An object containing plugin(s) associated with their name(s) or
-   *          `undefined` if no matching plugins exist).
-   */
-  ;
-
-  Plugin.getPlugins = function getPlugins(names) {
-    if (names === void 0) {
-      names = Object.keys(pluginStorage);
-    }
-
-    var result;
-    names.forEach(function (name) {
-      var plugin = getPlugin(name);
-
-      if (plugin) {
-        result = result || {};
-        result[name] = plugin;
-      }
-    });
-    return result;
-  }
-  /**
-   * Gets a plugin's version, if available
-   *
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {string}
-   *          The plugin's version or an empty string.
-   */
-  ;
-
-  Plugin.getPluginVersion = function getPluginVersion(name) {
-    var plugin = getPlugin(name);
-    return plugin && plugin.VERSION || '';
-  };
-
-  return Plugin;
-}();
-/**
- * Gets a plugin by name if it exists.
- *
- * @static
- * @method   getPlugin
- * @memberOf Plugin
- * @param    {string} name
- *           The name of a plugin.
- *
- * @returns  {Function|undefined}
- *           The plugin (or `undefined`).
- */
-
-
-Plugin.getPlugin = getPlugin;
-/**
- * The name of the base plugin class as it is registered.
- *
- * @type {string}
- */
-
-Plugin.BASE_PLUGIN_NAME = BASE_PLUGIN_NAME;
-Plugin.registerPlugin(BASE_PLUGIN_NAME, Plugin);
-/**
- * Documented in player.js
- *
- * @ignore
- */
-
-Player.prototype.usingPlugin = function (name) {
-  return !!this[PLUGIN_CACHE_KEY] && this[PLUGIN_CACHE_KEY][name] === true;
-};
-/**
- * Documented in player.js
- *
- * @ignore
- */
-
-
-Player.prototype.hasPlugin = function (name) {
-  return !!pluginExists(name);
-};
-/**
- * Signals that a plugin is about to be set up on a player.
- *
- * @event    Player#beforepluginsetup
- * @type     {Plugin~PluginEventHash}
- */
-
-/**
- * Signals that a plugin is about to be set up on a player - by name. The name
- * is the name of the plugin.
- *
- * @event    Player#beforepluginsetup:$name
- * @type     {Plugin~PluginEventHash}
- */
-
-/**
- * Signals that a plugin has just been set up on a player.
- *
- * @event    Player#pluginsetup
- * @type     {Plugin~PluginEventHash}
- */
-
-/**
- * Signals that a plugin has just been set up on a player - by name. The name
- * is the name of the plugin.
- *
- * @event    Player#pluginsetup:$name
- * @type     {Plugin~PluginEventHash}
- */
-
-/**
- * @typedef  {Object} Plugin~PluginEventHash
- *
- * @property {string} instance
- *           For basic plugins, the return value of the plugin function. For
- *           advanced plugins, the plugin instance on which the event is fired.
- *
- * @property {string} name
- *           The name of the plugin.
- *
- * @property {string} plugin
- *           For basic plugins, the plugin function. For advanced plugins, the
- *           plugin class/constructor.
- */
-
-/**
- * @file extend.js
- * @module extend
- */
-/**
- * Used to subclass an existing class by emulating ES subclassing using the
- * `extends` keyword.
- *
- * @function
- * @example
- * var MyComponent = videojs.extend(videojs.getComponent('Component'), {
- *   myCustomMethod: function() {
- *     // Do things in my method.
- *   }
- * });
- *
- * @param    {Function} superClass
- *           The class to inherit from
- *
- * @param    {Object}   [subClassMethods={}]
- *           Methods of the new class
- *
- * @return   {Function}
- *           The new class with subClassMethods that inherited superClass.
- */
-
-var extend = function extend(superClass, subClassMethods) {
-  if (subClassMethods === void 0) {
-    subClassMethods = {};
-  }
-
-  var subClass = function subClass() {
-    superClass.apply(this, arguments);
-  };
-
-  var methods = {};
-
-  if (typeof subClassMethods === 'object') {
-    if (subClassMethods.constructor !== Object.prototype.constructor) {
-      subClass = subClassMethods.constructor;
-    }
-
-    methods = subClassMethods;
-  } else if (typeof subClassMethods === 'function') {
-    subClass = subClassMethods;
-  }
-
-  _inherits(subClass, superClass); // this is needed for backward-compatibility and node compatibility.
-
-
-  if (superClass) {
-    subClass.super_ = superClass;
-  } // Extend subObj's prototype with functions and other properties from props
-
-
-  for (var name in methods) {
-    if (methods.hasOwnProperty(name)) {
-      subClass.prototype[name] = methods[name];
-    }
-  }
-
-  return subClass;
-};
-
-/**
- * @file video.js
- * @module videojs
- */
-/**
- * Normalize an `id` value by trimming off a leading `#`
- *
- * @private
- * @param   {string} id
- *          A string, maybe with a leading `#`.
- *
- * @return {string}
- *          The string, without any leading `#`.
- */
-
-var normalizeId = function normalizeId(id) {
-  return id.indexOf('#') === 0 ? id.slice(1) : id;
-};
-/**
- * The `videojs()` function doubles as the main function for users to create a
- * {@link Player} instance as well as the main library namespace.
- *
- * It can also be used as a getter for a pre-existing {@link Player} instance.
- * However, we _strongly_ recommend using `videojs.getPlayer()` for this
- * purpose because it avoids any potential for unintended initialization.
- *
- * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
- * of our JSDoc template, we cannot properly document this as both a function
- * and a namespace, so its function signature is documented here.
- *
- * #### Arguments
- * ##### id
- * string|Element, **required**
- *
- * Video element or video element ID.
- *
- * ##### options
- * Object, optional
- *
- * Options object for providing settings.
- * See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
- *
- * ##### ready
- * {@link Component~ReadyCallback}, optional
- *
- * A function to be called when the {@link Player} and {@link Tech} are ready.
- *
- * #### Return Value
- *
- * The `videojs()` function returns a {@link Player} instance.
- *
- * @namespace
- *
- * @borrows AudioTrack as AudioTrack
- * @borrows Component.getComponent as getComponent
- * @borrows module:computed-style~computedStyle as computedStyle
- * @borrows module:events.on as on
- * @borrows module:events.one as one
- * @borrows module:events.off as off
- * @borrows module:events.trigger as trigger
- * @borrows EventTarget as EventTarget
- * @borrows module:extend~extend as extend
- * @borrows module:fn.bind as bind
- * @borrows module:format-time.formatTime as formatTime
- * @borrows module:format-time.resetFormatTime as resetFormatTime
- * @borrows module:format-time.setFormatTime as setFormatTime
- * @borrows module:merge-options.mergeOptions as mergeOptions
- * @borrows module:middleware.use as use
- * @borrows Player.players as players
- * @borrows Plugin.registerPlugin as registerPlugin
- * @borrows Plugin.deregisterPlugin as deregisterPlugin
- * @borrows Plugin.getPlugins as getPlugins
- * @borrows Plugin.getPlugin as getPlugin
- * @borrows Plugin.getPluginVersion as getPluginVersion
- * @borrows Tech.getTech as getTech
- * @borrows Tech.registerTech as registerTech
- * @borrows TextTrack as TextTrack
- * @borrows module:time-ranges.createTimeRanges as createTimeRange
- * @borrows module:time-ranges.createTimeRanges as createTimeRanges
- * @borrows module:url.isCrossOrigin as isCrossOrigin
- * @borrows module:url.parseUrl as parseUrl
- * @borrows VideoTrack as VideoTrack
- *
- * @param  {string|Element} id
- *         Video element or video element ID.
- *
- * @param  {Object} [options]
- *         Options object for providing settings.
- *         See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
- *
- * @param  {Component~ReadyCallback} [ready]
- *         A function to be called when the {@link Player} and {@link Tech} are
- *         ready.
- *
- * @return {Player}
- *         The `videojs()` function returns a {@link Player|Player} instance.
- */
-
-
-function videojs$1(id, options, ready) {
-  var player = videojs$1.getPlayer(id);
-
-  if (player) {
-    if (options) {
-      log.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
-    }
-
-    if (ready) {
-      player.ready(ready);
-    }
-
-    return player;
-  }
-
-  var el = typeof id === 'string' ? $('#' + normalizeId(id)) : id;
-
-  if (!isEl(el)) {
-    throw new TypeError('The element or ID supplied is not valid. (videojs)');
-  } // document.body.contains(el) will only check if el is contained within that one document.
-  // This causes problems for elements in iframes.
-  // Instead, use the element's ownerDocument instead of the global document.
-  // This will make sure that the element is indeed in the dom of that document.
-  // Additionally, check that the document in question has a default view.
-  // If the document is no longer attached to the dom, the defaultView of the document will be null.
-
-
-  if (!el.ownerDocument.defaultView || !el.ownerDocument.body.contains(el)) {
-    log.warn('The element supplied is not included in the DOM');
-  }
-
-  options = options || {};
-  videojs$1.hooks('beforesetup').forEach(function (hookFunction) {
-    var opts = hookFunction(el, mergeOptions(options));
-
-    if (!isObject(opts) || Array.isArray(opts)) {
-      log.error('please return an object in beforesetup hooks');
-      return;
-    }
-
-    options = mergeOptions(options, opts);
-  }); // We get the current "Player" component here in case an integration has
-  // replaced it with a custom player.
-
-  var PlayerComponent = Component.getComponent('Player');
-  player = new PlayerComponent(el, options, ready);
-  videojs$1.hooks('setup').forEach(function (hookFunction) {
-    return hookFunction(player);
-  });
-  return player;
-}
-/**
- * An Object that contains lifecycle hooks as keys which point to an array
- * of functions that are run when a lifecycle is triggered
- *
- * @private
- */
-
-
-videojs$1.hooks_ = {};
-/**
- * Get a list of hooks for a specific lifecycle
- *
- * @param  {string} type
- *         the lifecyle to get hooks from
- *
- * @param  {Function|Function[]} [fn]
- *         Optionally add a hook (or hooks) to the lifecycle that your are getting.
- *
- * @return {Array}
- *         an array of hooks, or an empty array if there are none.
- */
-
-videojs$1.hooks = function (type, fn) {
-  videojs$1.hooks_[type] = videojs$1.hooks_[type] || [];
-
-  if (fn) {
-    videojs$1.hooks_[type] = videojs$1.hooks_[type].concat(fn);
-  }
-
-  return videojs$1.hooks_[type];
-};
-/**
- * Add a function hook to a specific videojs lifecycle.
- *
- * @param {string} type
- *        the lifecycle to hook the function to.
- *
- * @param {Function|Function[]}
- *        The function or array of functions to attach.
- */
-
-
-videojs$1.hook = function (type, fn) {
-  videojs$1.hooks(type, fn);
-};
-/**
- * Add a function hook that will only run once to a specific videojs lifecycle.
- *
- * @param {string} type
- *        the lifecycle to hook the function to.
- *
- * @param {Function|Function[]}
- *        The function or array of functions to attach.
- */
-
-
-videojs$1.hookOnce = function (type, fn) {
-  videojs$1.hooks(type, [].concat(fn).map(function (original) {
-    var wrapper = function wrapper() {
-      videojs$1.removeHook(type, wrapper);
-      return original.apply(void 0, arguments);
-    };
-
-    return wrapper;
-  }));
-};
-/**
- * Remove a hook from a specific videojs lifecycle.
- *
- * @param  {string} type
- *         the lifecycle that the function hooked to
- *
- * @param  {Function} fn
- *         The hooked function to remove
- *
- * @return {boolean}
- *         The function that was removed or undef
- */
-
-
-videojs$1.removeHook = function (type, fn) {
-  var index = videojs$1.hooks(type).indexOf(fn);
-
-  if (index <= -1) {
-    return false;
-  }
-
-  videojs$1.hooks_[type] = videojs$1.hooks_[type].slice();
-  videojs$1.hooks_[type].splice(index, 1);
-  return true;
-}; // Add default styles
-
-
-if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
-  var style = $('.vjs-styles-defaults');
-
-  if (!style) {
-    style = createStyleElement('vjs-styles-defaults');
-    var head = $('head');
-
-    if (head) {
-      head.insertBefore(style, head.firstChild);
-    }
-
-    setTextContent(style, "\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ");
-  }
-} // Run Auto-load players
-// You have to wait at least once in case this script is loaded after your
-// video in the DOM (weird behavior only with minified version)
-
-
-autoSetupTimeout(1, videojs$1);
-/**
- * Current Video.js version. Follows [semantic versioning](https://semver.org/).
- *
- * @type {string}
- */
-
-videojs$1.VERSION = version;
-/**
- * The global options object. These are the settings that take effect
- * if no overrides are specified when the player is created.
- *
- * @type {Object}
- */
-
-videojs$1.options = Player.prototype.options_;
-/**
- * Get an object with the currently created players, keyed by player ID
- *
- * @return {Object}
- *         The created players
- */
-
-videojs$1.getPlayers = function () {
-  return Player.players;
-};
-/**
- * Get a single player based on an ID or DOM element.
- *
- * This is useful if you want to check if an element or ID has an associated
- * Video.js player, but not create one if it doesn't.
- *
- * @param   {string|Element} id
- *          An HTML element - `<video>`, `<audio>`, or `<video-js>` -
- *          or a string matching the `id` of such an element.
- *
- * @return {Player|undefined}
- *          A player instance or `undefined` if there is no player instance
- *          matching the argument.
- */
-
-
-videojs$1.getPlayer = function (id) {
-  var players = Player.players;
-  var tag;
-
-  if (typeof id === 'string') {
-    var nId = normalizeId(id);
-    var player = players[nId];
-
-    if (player) {
-      return player;
-    }
-
-    tag = $('#' + nId);
-  } else {
-    tag = id;
-  }
-
-  if (isEl(tag)) {
-    var _tag = tag,
-        _player = _tag.player,
-        playerId = _tag.playerId; // Element may have a `player` property referring to an already created
-    // player instance. If so, return that.
-
-    if (_player || players[playerId]) {
-      return _player || players[playerId];
-    }
-  }
-};
-/**
- * Returns an array of all current players.
- *
- * @return {Array}
- *         An array of all players. The array will be in the order that
- *         `Object.keys` provides, which could potentially vary between
- *         JavaScript engines.
- *
- */
-
-
-videojs$1.getAllPlayers = function () {
-  return (// Disposed players leave a key with a `null` value, so we need to make sure
-    // we filter those out.
-    Object.keys(Player.players).map(function (k) {
-      return Player.players[k];
-    }).filter(Boolean)
-  );
-};
-
-videojs$1.players = Player.players;
-videojs$1.getComponent = Component.getComponent;
-/**
- * Register a component so it can referred to by name. Used when adding to other
- * components, either through addChild `component.addChild('myComponent')` or through
- * default children options  `{ children: ['myComponent'] }`.
- *
- * > NOTE: You could also just initialize the component before adding.
- * `component.addChild(new MyComponent());`
- *
- * @param {string} name
- *        The class name of the component
- *
- * @param {Component} comp
- *        The component class
- *
- * @return {Component}
- *         The newly registered component
- */
-
-videojs$1.registerComponent = function (name, comp) {
-  if (Tech.isTech(comp)) {
-    log.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
-  }
-
-  Component.registerComponent.call(Component, name, comp);
-};
-
-videojs$1.getTech = Tech.getTech;
-videojs$1.registerTech = Tech.registerTech;
-videojs$1.use = use;
-/**
- * An object that can be returned by a middleware to signify
- * that the middleware is being terminated.
- *
- * @type {object}
- * @property {object} middleware.TERMINATOR
- */
-
-Object.defineProperty(videojs$1, 'middleware', {
-  value: {},
-  writeable: false,
-  enumerable: true
-});
-Object.defineProperty(videojs$1.middleware, 'TERMINATOR', {
-  value: TERMINATOR,
-  writeable: false,
-  enumerable: true
-});
-/**
- * A reference to the {@link module:browser|browser utility module} as an object.
- *
- * @type {Object}
- * @see  {@link module:browser|browser}
- */
-
-videojs$1.browser = browser;
-/**
- * Use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED} instead; only
- * included for backward-compatibility with 4.x.
- *
- * @deprecated Since version 5.0, use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED instead.
- * @type {boolean}
- */
-
-videojs$1.TOUCH_ENABLED = TOUCH_ENABLED;
-videojs$1.extend = extend;
-videojs$1.mergeOptions = mergeOptions;
-videojs$1.bind = bind;
-videojs$1.registerPlugin = Plugin.registerPlugin;
-videojs$1.deregisterPlugin = Plugin.deregisterPlugin;
-/**
- * Deprecated method to register a plugin with Video.js
- *
- * @deprecated videojs.plugin() is deprecated; use videojs.registerPlugin() instead
- *
- * @param {string} name
- *        The plugin name
- *
- * @param {Plugin|Function} plugin
- *         The plugin sub-class or function
- */
-
-videojs$1.plugin = function (name, plugin) {
-  log.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-  return Plugin.registerPlugin(name, plugin);
-};
-
-videojs$1.getPlugins = Plugin.getPlugins;
-videojs$1.getPlugin = Plugin.getPlugin;
-videojs$1.getPluginVersion = Plugin.getPluginVersion;
-/**
- * Adding languages so that they're available to all players.
- * Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`
- *
- * @param {string} code
- *        The language code or dictionary property
- *
- * @param {Object} data
- *        The data values to be translated
- *
- * @return {Object}
- *         The resulting language dictionary object
- */
-
-videojs$1.addLanguage = function (code, data) {
-  var _mergeOptions;
-
-  code = ('' + code).toLowerCase();
-  videojs$1.options.languages = mergeOptions(videojs$1.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-  return videojs$1.options.languages[code];
-};
-/**
- * A reference to the {@link module:log|log utility module} as an object.
- *
- * @type {Function}
- * @see  {@link module:log|log}
- */
-
-
-videojs$1.log = log;
-videojs$1.createLogger = createLogger$1;
-videojs$1.createTimeRange = videojs$1.createTimeRanges = createTimeRanges;
-videojs$1.formatTime = formatTime;
-videojs$1.setFormatTime = setFormatTime;
-videojs$1.resetFormatTime = resetFormatTime;
-videojs$1.parseUrl = parseUrl;
-videojs$1.isCrossOrigin = isCrossOrigin;
-videojs$1.EventTarget = EventTarget;
-videojs$1.on = on;
-videojs$1.one = one;
-videojs$1.off = off;
-videojs$1.trigger = trigger;
-/**
- * A cross-browser XMLHttpRequest wrapper.
- *
- * @function
- * @param    {Object} options
- *           Settings for the request.
- *
- * @return   {XMLHttpRequest|XDomainRequest}
- *           The request object.
- *
- * @see      https://github.com/Raynos/xhr
- */
-
-videojs$1.xhr = XHR;
-videojs$1.TextTrack = TextTrack;
-videojs$1.AudioTrack = AudioTrack;
-videojs$1.VideoTrack = VideoTrack;
-['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-  videojs$1[k] = function () {
-    log.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
-    return Dom[k].apply(null, arguments);
-  };
-});
-videojs$1.computedStyle = computedStyle;
-/**
- * A reference to the {@link module:dom|DOM utility module} as an object.
- *
- * @type {Object}
- * @see  {@link module:dom|dom}
- */
-
-videojs$1.dom = Dom;
-/**
- * A reference to the {@link module:url|URL utility module} as an object.
- *
- * @type {Object}
- * @see  {@link module:url|url}
- */
-
-videojs$1.url = Url;
-videojs$1.defineLazyProperty = defineLazyProperty;
-
-/**
- * @videojs/http-streaming
- * @version 1.11.2
- * @copyright 2019 Brightcove, Inc
- * @license Apache-2.0
- */
-/**
- * @file resolve-url.js - Handling how URLs are resolved and manipulated
- */
-
-var resolveUrl = function resolveUrl(baseURL, relativeURL) {
-  // return early if we don't need to resolve
-  if (/^[a-z]+:/i.test(relativeURL)) {
-    return relativeURL;
-  } // if the base URL is relative then combine with the current location
-
-
-  if (!/\/\//i.test(baseURL)) {
-    baseURL = URLToolkit.buildAbsoluteURL(window$1.location.href, baseURL);
-  }
-
-  return URLToolkit.buildAbsoluteURL(baseURL, relativeURL);
-};
-/**
- * Checks whether xhr request was redirected and returns correct url depending
- * on `handleManifestRedirects` option
- *
- * @api private
- *
- * @param  {String} url - an url being requested
- * @param  {XMLHttpRequest} req - xhr request result
- *
- * @return {String}
- */
-
-
-var resolveManifestRedirect = function resolveManifestRedirect(handleManifestRedirect, url, req) {
-  // To understand how the responseURL below is set and generated:
-  // - https://fetch.spec.whatwg.org/#concept-response-url
-  // - https://fetch.spec.whatwg.org/#atomic-http-redirect-handling
-  if (handleManifestRedirect && req.responseURL && url !== req.responseURL) {
-    return req.responseURL;
-  }
-
-  return url;
-};
-
-var classCallCheck = function classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-var createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-}();
-
-var get$1 = function get(object, property, receiver) {
-  if (object === null) object = Function.prototype;
-  var desc = Object.getOwnPropertyDescriptor(object, property);
-
-  if (desc === undefined) {
-    var parent = Object.getPrototypeOf(object);
-
-    if (parent === null) {
-      return undefined;
-    } else {
-      return get(parent, property, receiver);
-    }
-  } else if ("value" in desc) {
-    return desc.value;
-  } else {
-    var getter = desc.get;
-
-    if (getter === undefined) {
-      return undefined;
-    }
-
-    return getter.call(receiver);
-  }
-};
-
-var inherits = function inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-
-var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
-
-var slicedToArray = function () {
-  function sliceIterator(arr, i) {
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
-
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"]) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  return function (arr, i) {
-    if (Array.isArray(arr)) {
-      return arr;
-    } else if (Symbol.iterator in Object(arr)) {
-      return sliceIterator(arr, i);
-    } else {
-      throw new TypeError("Invalid attempt to destructure non-iterable instance");
-    }
-  };
-}();
-/**
- * @file playlist-loader.js
- *
- * A state machine that manages the loading, caching, and updating of
- * M3U8 playlists.
- *
- */
-
-
-var mergeOptions$1 = videojs$1.mergeOptions,
-    EventTarget$1 = videojs$1.EventTarget,
-    log$1 = videojs$1.log;
-/**
- * Loops through all supported media groups in master and calls the provided
- * callback for each group
- *
- * @param {Object} master
- *        The parsed master manifest object
- * @param {Function} callback
- *        Callback to call for each media group
- */
-
-var forEachMediaGroup = function forEachMediaGroup(master, callback) {
-  ['AUDIO', 'SUBTITLES'].forEach(function (mediaType) {
-    for (var groupKey in master.mediaGroups[mediaType]) {
-      for (var labelKey in master.mediaGroups[mediaType][groupKey]) {
-        var mediaProperties = master.mediaGroups[mediaType][groupKey][labelKey];
-        callback(mediaProperties, mediaType, groupKey, labelKey);
-      }
-    }
-  });
-};
-/**
-  * Returns a new array of segments that is the result of merging
-  * properties from an older list of segments onto an updated
-  * list. No properties on the updated playlist will be overridden.
-  *
-  * @param {Array} original the outdated list of segments
-  * @param {Array} update the updated list of segments
-  * @param {Number=} offset the index of the first update
-  * segment in the original segment list. For non-live playlists,
-  * this should always be zero and does not need to be
-  * specified. For live playlists, it should be the difference
-  * between the media sequence numbers in the original and updated
-  * playlists.
-  * @return a list of merged segment objects
-  */
-
-
-var updateSegments = function updateSegments(original, update, offset) {
-  var result = update.slice();
-  offset = offset || 0;
-  var length = Math.min(original.length, update.length + offset);
-
-  for (var i = offset; i < length; i++) {
-    result[i - offset] = mergeOptions$1(original[i], result[i - offset]);
-  }
-
-  return result;
-};
-
-var resolveSegmentUris = function resolveSegmentUris(segment, baseUri) {
-  if (!segment.resolvedUri) {
-    segment.resolvedUri = resolveUrl(baseUri, segment.uri);
-  }
-
-  if (segment.key && !segment.key.resolvedUri) {
-    segment.key.resolvedUri = resolveUrl(baseUri, segment.key.uri);
-  }
-
-  if (segment.map && !segment.map.resolvedUri) {
-    segment.map.resolvedUri = resolveUrl(baseUri, segment.map.uri);
-  }
-};
-/**
-  * Returns a new master playlist that is the result of merging an
-  * updated media playlist into the original version. If the
-  * updated media playlist does not match any of the playlist
-  * entries in the original master playlist, null is returned.
-  *
-  * @param {Object} master a parsed master M3U8 object
-  * @param {Object} media a parsed media M3U8 object
-  * @return {Object} a new object that represents the original
-  * master playlist with the updated media playlist merged in, or
-  * null if the merge produced no change.
-  */
-
-
-var updateMaster = function updateMaster(master, media) {
-  var result = mergeOptions$1(master, {});
-  var playlist = result.playlists[media.uri];
-
-  if (!playlist) {
-    return null;
-  } // consider the playlist unchanged if the number of segments is equal, the media
-  // sequence number is unchanged, and this playlist hasn't become the end of the playlist
-
-
-  if (playlist.segments && media.segments && playlist.segments.length === media.segments.length && playlist.endList === media.endList && playlist.mediaSequence === media.mediaSequence) {
-    return null;
-  }
-
-  var mergedPlaylist = mergeOptions$1(playlist, media); // if the update could overlap existing segment information, merge the two segment lists
-
-  if (playlist.segments) {
-    mergedPlaylist.segments = updateSegments(playlist.segments, media.segments, media.mediaSequence - playlist.mediaSequence);
-  } // resolve any segment URIs to prevent us from having to do it later
-
-
-  mergedPlaylist.segments.forEach(function (segment) {
-    resolveSegmentUris(segment, mergedPlaylist.resolvedUri);
-  }); // TODO Right now in the playlists array there are two references to each playlist, one
-  // that is referenced by index, and one by URI. The index reference may no longer be
-  // necessary.
-
-  for (var i = 0; i < result.playlists.length; i++) {
-    if (result.playlists[i].uri === media.uri) {
-      result.playlists[i] = mergedPlaylist;
-    }
-  }
-
-  result.playlists[media.uri] = mergedPlaylist;
-  return result;
-};
-
-var setupMediaPlaylists = function setupMediaPlaylists(master) {
-  // setup by-URI lookups and resolve media playlist URIs
-  var i = master.playlists.length;
-
-  while (i--) {
-    var playlist = master.playlists[i];
-    master.playlists[playlist.uri] = playlist;
-    playlist.resolvedUri = resolveUrl(master.uri, playlist.uri);
-    playlist.id = i;
-
-    if (!playlist.attributes) {
-      // Although the spec states an #EXT-X-STREAM-INF tag MUST have a
-      // BANDWIDTH attribute, we can play the stream without it. This means a poorly
-      // formatted master playlist may not have an attribute list. An attributes
-      // property is added here to prevent undefined references when we encounter
-      // this scenario.
-      playlist.attributes = {};
-      log$1.warn('Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.');
-    }
-  }
-};
-
-var resolveMediaGroupUris = function resolveMediaGroupUris(master) {
-  forEachMediaGroup(master, function (properties) {
-    if (properties.uri) {
-      properties.resolvedUri = resolveUrl(master.uri, properties.uri);
-    }
-  });
-};
-/**
- * Calculates the time to wait before refreshing a live playlist
- *
- * @param {Object} media
- *        The current media
- * @param {Boolean} update
- *        True if there were any updates from the last refresh, false otherwise
- * @return {Number}
- *         The time in ms to wait before refreshing the live playlist
- */
-
-
-var refreshDelay = function refreshDelay(media, update) {
-  var lastSegment = media.segments[media.segments.length - 1];
-  var delay = void 0;
-
-  if (update && lastSegment && lastSegment.duration) {
-    delay = lastSegment.duration * 1000;
-  } else {
-    // if the playlist is unchanged since the last reload or last segment duration
-    // cannot be determined, try again after half the target duration
-    delay = (media.targetDuration || 10) * 500;
-  }
-
-  return delay;
-};
-/**
- * Load a playlist from a remote location
- *
- * @class PlaylistLoader
- * @extends Stream
- * @param {String} srcUrl the url to start with
- * @param {Boolean} withCredentials the withCredentials xhr option
- * @constructor
- */
-
-
-var PlaylistLoader = function (_EventTarget) {
-  inherits(PlaylistLoader, _EventTarget);
-
-  function PlaylistLoader(srcUrl, hls) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    classCallCheck(this, PlaylistLoader);
-
-    var _this = possibleConstructorReturn(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this));
-
-    var _options$withCredenti = options.withCredentials,
-        withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
-        _options$handleManife = options.handleManifestRedirects,
-        handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
-    _this.srcUrl = srcUrl;
-    _this.hls_ = hls;
-    _this.withCredentials = withCredentials;
-    _this.handleManifestRedirects = handleManifestRedirects;
-    var hlsOptions = hls.options_;
-    _this.customTagParsers = hlsOptions && hlsOptions.customTagParsers || [];
-    _this.customTagMappers = hlsOptions && hlsOptions.customTagMappers || [];
-
-    if (!_this.srcUrl) {
-      throw new Error('A non-empty playlist URL is required');
-    } // initialize the loader state
-
-
-    _this.state = 'HAVE_NOTHING'; // live playlist staleness timeout
-
-    _this.on('mediaupdatetimeout', function () {
-      if (_this.state !== 'HAVE_METADATA') {
-        // only refresh the media playlist if no other activity is going on
-        return;
-      }
-
-      _this.state = 'HAVE_CURRENT_METADATA';
-      _this.request = _this.hls_.xhr({
-        uri: resolveUrl(_this.master.uri, _this.media().uri),
-        withCredentials: _this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this.request) {
-          return;
-        }
-
-        if (error) {
-          return _this.playlistRequestError(_this.request, _this.media().uri, 'HAVE_METADATA');
-        }
-
-        _this.haveMetadata(_this.request, _this.media().uri);
-      });
-    });
-
-    return _this;
-  }
-
-  createClass(PlaylistLoader, [{
-    key: 'playlistRequestError',
-    value: function playlistRequestError(xhr, url, startingState) {
-      // any in-flight request is now finished
-      this.request = null;
-
-      if (startingState) {
-        this.state = startingState;
-      }
-
-      this.error = {
-        playlist: this.master.playlists[url],
-        status: xhr.status,
-        message: 'HLS playlist request error at URL: ' + url + '.',
-        responseText: xhr.responseText,
-        code: xhr.status >= 500 ? 4 : 2
-      };
-      this.trigger('error');
-    } // update the playlist loader's state in response to a new or
-    // updated playlist.
-
-  }, {
-    key: 'haveMetadata',
-    value: function haveMetadata(xhr, url) {
-      var _this2 = this; // any in-flight request is now finished
-
-
-      this.request = null;
-      this.state = 'HAVE_METADATA';
-      var parser = new m3u8Parser.Parser(); // adding custom tag parsers
-
-      this.customTagParsers.forEach(function (customParser) {
-        return parser.addParser(customParser);
-      }); // adding custom tag mappers
-
-      this.customTagMappers.forEach(function (mapper) {
-        return parser.addTagMapper(mapper);
-      });
-      parser.push(xhr.responseText);
-      parser.end();
-      parser.manifest.uri = url; // m3u8-parser does not attach an attributes property to media playlists so make
-      // sure that the property is attached to avoid undefined reference errors
-
-      parser.manifest.attributes = parser.manifest.attributes || {}; // merge this playlist into the master
-
-      var update = updateMaster(this.master, parser.manifest);
-      this.targetDuration = parser.manifest.targetDuration;
-
-      if (update) {
-        this.master = update;
-        this.media_ = this.master.playlists[parser.manifest.uri];
-      } else {
-        this.trigger('playlistunchanged');
-      } // refresh live playlists after a target duration passes
-
-
-      if (!this.media().endList) {
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        this.mediaUpdateTimeout = window$1.setTimeout(function () {
-          _this2.trigger('mediaupdatetimeout');
-        }, refreshDelay(this.media(), !!update));
-      }
-
-      this.trigger('loadedplaylist');
-    }
-    /**
-     * Abort any outstanding work and clean up.
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      this.stopRequest();
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-      window$1.clearTimeout(this.finalRenditionTimeout);
-    }
-  }, {
-    key: 'stopRequest',
-    value: function stopRequest() {
-      if (this.request) {
-        var oldRequest = this.request;
-        this.request = null;
-        oldRequest.onreadystatechange = null;
-        oldRequest.abort();
-      }
-    }
-    /**
-     * When called without any arguments, returns the currently
-     * active media playlist. When called with a single argument,
-     * triggers the playlist loader to asynchronously switch to the
-     * specified media playlist. Calling this method while the
-     * loader is in the HAVE_NOTHING causes an error to be emitted
-     * but otherwise has no effect.
-     *
-     * @param {Object=} playlist the parsed media playlist
-     * object to switch to
-     * @param {Boolean=} is this the last available playlist
-     *
-     * @return {Playlist} the current loaded media
-     */
-
-  }, {
-    key: 'media',
-    value: function media(playlist, isFinalRendition) {
-      var _this3 = this; // getter
-
-
-      if (!playlist) {
-        return this.media_;
-      } // setter
-
-
-      if (this.state === 'HAVE_NOTHING') {
-        throw new Error('Cannot switch media playlist from ' + this.state);
-      } // find the playlist object if the target playlist has been
-      // specified by URI
-
-
-      if (typeof playlist === 'string') {
-        if (!this.master.playlists[playlist]) {
-          throw new Error('Unknown playlist URI: ' + playlist);
-        }
-
-        playlist = this.master.playlists[playlist];
-      }
-
-      window$1.clearTimeout(this.finalRenditionTimeout);
-
-      if (isFinalRendition) {
-        var delay = playlist.targetDuration / 2 * 1000 || 5 * 1000;
-        this.finalRenditionTimeout = window$1.setTimeout(this.media.bind(this, playlist, false), delay);
-        return;
-      }
-
-      var startingState = this.state;
-      var mediaChange = !this.media_ || playlist.uri !== this.media_.uri; // switch to fully loaded playlists immediately
-
-      if (this.master.playlists[playlist.uri].endList) {
-        // abort outstanding playlist requests
-        if (this.request) {
-          this.request.onreadystatechange = null;
-          this.request.abort();
-          this.request = null;
-        }
-
-        this.state = 'HAVE_METADATA';
-        this.media_ = playlist; // trigger media change if the active media has been updated
-
-        if (mediaChange) {
-          this.trigger('mediachanging');
-          this.trigger('mediachange');
-        }
-
-        return;
-      } // switching to the active playlist is a no-op
-
-
-      if (!mediaChange) {
-        return;
-      }
-
-      this.state = 'SWITCHING_MEDIA'; // there is already an outstanding playlist request
-
-      if (this.request) {
-        if (playlist.resolvedUri === this.request.url) {
-          // requesting to switch to the same playlist multiple times
-          // has no effect after the first
-          return;
-        }
-
-        this.request.onreadystatechange = null;
-        this.request.abort();
-        this.request = null;
-      } // request the new playlist
-
-
-      if (this.media_) {
-        this.trigger('mediachanging');
-      }
-
-      this.request = this.hls_.xhr({
-        uri: playlist.resolvedUri,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this3.request) {
-          return;
-        }
-
-        playlist.resolvedUri = resolveManifestRedirect(_this3.handleManifestRedirects, playlist.resolvedUri, req);
-
-        if (error) {
-          return _this3.playlistRequestError(_this3.request, playlist.uri, startingState);
-        }
-
-        _this3.haveMetadata(req, playlist.uri); // fire loadedmetadata the first time a media playlist is loaded
-
-
-        if (startingState === 'HAVE_MASTER') {
-          _this3.trigger('loadedmetadata');
-        } else {
-          _this3.trigger('mediachange');
-        }
-      });
-    }
-    /**
-     * pause loading of the playlist
-     */
-
-  }, {
-    key: 'pause',
-    value: function pause() {
-      this.stopRequest();
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-
-      if (this.state === 'HAVE_NOTHING') {
-        // If we pause the loader before any data has been retrieved, its as if we never
-        // started, so reset to an unstarted state.
-        this.started = false;
-      } // Need to restore state now that no activity is happening
-
-
-      if (this.state === 'SWITCHING_MEDIA') {
-        // if the loader was in the process of switching media, it should either return to
-        // HAVE_MASTER or HAVE_METADATA depending on if the loader has loaded a media
-        // playlist yet. This is determined by the existence of loader.media_
-        if (this.media_) {
-          this.state = 'HAVE_METADATA';
-        } else {
-          this.state = 'HAVE_MASTER';
-        }
-      } else if (this.state === 'HAVE_CURRENT_METADATA') {
-        this.state = 'HAVE_METADATA';
-      }
-    }
-    /**
-     * start loading of the playlist
-     */
-
-  }, {
-    key: 'load',
-    value: function load(isFinalRendition) {
-      var _this4 = this;
-
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-      var media = this.media();
-
-      if (isFinalRendition) {
-        var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
-        this.mediaUpdateTimeout = window$1.setTimeout(function () {
-          return _this4.load();
-        }, delay);
-        return;
-      }
-
-      if (!this.started) {
-        this.start();
-        return;
-      }
-
-      if (media && !media.endList) {
-        this.trigger('mediaupdatetimeout');
-      } else {
-        this.trigger('loadedplaylist');
-      }
-    }
-    /**
-     * start loading of the playlist
-     */
-
-  }, {
-    key: 'start',
-    value: function start() {
-      var _this5 = this;
-
-      this.started = true; // request the specified URL
-
-      this.request = this.hls_.xhr({
-        uri: this.srcUrl,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this5.request) {
-          return;
-        } // clear the loader's request reference
-
-
-        _this5.request = null;
-
-        if (error) {
-          _this5.error = {
-            status: req.status,
-            message: 'HLS playlist request error at URL: ' + _this5.srcUrl + '.',
-            responseText: req.responseText,
-            // MEDIA_ERR_NETWORK
-            code: 2
-          };
-
-          if (_this5.state === 'HAVE_NOTHING') {
-            _this5.started = false;
-          }
-
-          return _this5.trigger('error');
-        }
-
-        var parser = new m3u8Parser.Parser(); // adding custom tag parsers
-
-        _this5.customTagParsers.forEach(function (customParser) {
-          return parser.addParser(customParser);
-        }); // adding custom tag mappers
-
-
-        _this5.customTagMappers.forEach(function (mapper) {
-          return parser.addTagMapper(mapper);
-        });
-
-        parser.push(req.responseText);
-        parser.end();
-        _this5.state = 'HAVE_MASTER';
-        _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
-        parser.manifest.uri = _this5.srcUrl; // loaded a master playlist
-
-        if (parser.manifest.playlists) {
-          _this5.master = parser.manifest;
-          setupMediaPlaylists(_this5.master);
-          resolveMediaGroupUris(_this5.master);
-
-          _this5.trigger('loadedplaylist');
-
-          if (!_this5.request) {
-            // no media playlist was specifically selected so start
-            // from the first listed one
-            _this5.media(parser.manifest.playlists[0]);
-          }
-
-          return;
-        } // loaded a media playlist
-        // infer a master playlist if none was previously requested
-
-
-        _this5.master = {
-          mediaGroups: {
-            'AUDIO': {},
-            'VIDEO': {},
-            'CLOSED-CAPTIONS': {},
-            'SUBTITLES': {}
-          },
-          uri: window$1.location.href,
-          playlists: [{
-            uri: _this5.srcUrl,
-            id: 0,
-            resolvedUri: _this5.srcUrl,
-            // m3u8-parser does not attach an attributes property to media playlists so make
-            // sure that the property is attached to avoid undefined reference errors
-            attributes: {}
-          }]
-        };
-        _this5.master.playlists[_this5.srcUrl] = _this5.master.playlists[0];
-
-        _this5.haveMetadata(req, _this5.srcUrl);
-
-        return _this5.trigger('loadedmetadata');
-      });
-    }
-  }]);
-  return PlaylistLoader;
-}(EventTarget$1);
-/**
- * @file playlist.js
- *
- * Playlist related utilities.
- */
-
-
-var createTimeRange = videojs$1.createTimeRange;
-/**
- * walk backward until we find a duration we can use
- * or return a failure
- *
- * @param {Playlist} playlist the playlist to walk through
- * @param {Number} endSequence the mediaSequence to stop walking on
- */
-
-var backwardDuration = function backwardDuration(playlist, endSequence) {
-  var result = 0;
-  var i = endSequence - playlist.mediaSequence; // if a start time is available for segment immediately following
-  // the interval, use it
-
-  var segment = playlist.segments[i]; // Walk backward until we find the latest segment with timeline
-  // information that is earlier than endSequence
-
-  if (segment) {
-    if (typeof segment.start !== 'undefined') {
-      return {
-        result: segment.start,
-        precise: true
-      };
-    }
-
-    if (typeof segment.end !== 'undefined') {
-      return {
-        result: segment.end - segment.duration,
-        precise: true
-      };
-    }
-  }
-
-  while (i--) {
-    segment = playlist.segments[i];
-
-    if (typeof segment.end !== 'undefined') {
-      return {
-        result: result + segment.end,
-        precise: true
-      };
-    }
-
-    result += segment.duration;
-
-    if (typeof segment.start !== 'undefined') {
-      return {
-        result: result + segment.start,
-        precise: true
-      };
-    }
-  }
-
-  return {
-    result: result,
-    precise: false
-  };
-};
-/**
- * walk forward until we find a duration we can use
- * or return a failure
- *
- * @param {Playlist} playlist the playlist to walk through
- * @param {Number} endSequence the mediaSequence to stop walking on
- */
-
-
-var forwardDuration = function forwardDuration(playlist, endSequence) {
-  var result = 0;
-  var segment = void 0;
-  var i = endSequence - playlist.mediaSequence; // Walk forward until we find the earliest segment with timeline
-  // information
-
-  for (; i < playlist.segments.length; i++) {
-    segment = playlist.segments[i];
-
-    if (typeof segment.start !== 'undefined') {
-      return {
-        result: segment.start - result,
-        precise: true
-      };
-    }
-
-    result += segment.duration;
-
-    if (typeof segment.end !== 'undefined') {
-      return {
-        result: segment.end - result,
-        precise: true
-      };
-    }
-  } // indicate we didn't find a useful duration estimate
-
-
-  return {
-    result: -1,
-    precise: false
-  };
-};
-/**
-  * Calculate the media duration from the segments associated with a
-  * playlist. The duration of a subinterval of the available segments
-  * may be calculated by specifying an end index.
-  *
-  * @param {Object} playlist a media playlist object
-  * @param {Number=} endSequence an exclusive upper boundary
-  * for the playlist.  Defaults to playlist length.
-  * @param {Number} expired the amount of time that has dropped
-  * off the front of the playlist in a live scenario
-  * @return {Number} the duration between the first available segment
-  * and end index.
-  */
-
-
-var intervalDuration = function intervalDuration(playlist, endSequence, expired) {
-  var backward = void 0;
-  var forward = void 0;
-
-  if (typeof endSequence === 'undefined') {
-    endSequence = playlist.mediaSequence + playlist.segments.length;
-  }
-
-  if (endSequence < playlist.mediaSequence) {
-    return 0;
-  } // do a backward walk to estimate the duration
-
-
-  backward = backwardDuration(playlist, endSequence);
-
-  if (backward.precise) {
-    // if we were able to base our duration estimate on timing
-    // information provided directly from the Media Source, return
-    // it
-    return backward.result;
-  } // walk forward to see if a precise duration estimate can be made
-  // that way
-
-
-  forward = forwardDuration(playlist, endSequence);
-
-  if (forward.precise) {
-    // we found a segment that has been buffered and so it's
-    // position is known precisely
-    return forward.result;
-  } // return the less-precise, playlist-based duration estimate
-
-
-  return backward.result + expired;
-};
-/**
-  * Calculates the duration of a playlist. If a start and end index
-  * are specified, the duration will be for the subset of the media
-  * timeline between those two indices. The total duration for live
-  * playlists is always Infinity.
-  *
-  * @param {Object} playlist a media playlist object
-  * @param {Number=} endSequence an exclusive upper
-  * boundary for the playlist. Defaults to the playlist media
-  * sequence number plus its length.
-  * @param {Number=} expired the amount of time that has
-  * dropped off the front of the playlist in a live scenario
-  * @return {Number} the duration between the start index and end
-  * index.
-  */
-
-
-var duration = function duration(playlist, endSequence, expired) {
-  if (!playlist) {
-    return 0;
-  }
-
-  if (typeof expired !== 'number') {
-    expired = 0;
-  } // if a slice of the total duration is not requested, use
-  // playlist-level duration indicators when they're present
-
-
-  if (typeof endSequence === 'undefined') {
-    // if present, use the duration specified in the playlist
-    if (playlist.totalDuration) {
-      return playlist.totalDuration;
-    } // duration should be Infinity for live playlists
-
-
-    if (!playlist.endList) {
-      return window$1.Infinity;
-    }
-  } // calculate the total duration based on the segment durations
-
-
-  return intervalDuration(playlist, endSequence, expired);
-};
-/**
-  * Calculate the time between two indexes in the current playlist
-  * neight the start- nor the end-index need to be within the current
-  * playlist in which case, the targetDuration of the playlist is used
-  * to approximate the durations of the segments
-  *
-  * @param {Object} playlist a media playlist object
-  * @param {Number} startIndex
-  * @param {Number} endIndex
-  * @return {Number} the number of seconds between startIndex and endIndex
-  */
-
-
-var sumDurations = function sumDurations(playlist, startIndex, endIndex) {
-  var durations = 0;
-
-  if (startIndex > endIndex) {
-    var _ref = [endIndex, startIndex];
-    startIndex = _ref[0];
-    endIndex = _ref[1];
-  }
-
-  if (startIndex < 0) {
-    for (var i = startIndex; i < Math.min(0, endIndex); i++) {
-      durations += playlist.targetDuration;
-    }
-
-    startIndex = 0;
-  }
-
-  for (var _i = startIndex; _i < endIndex; _i++) {
-    durations += playlist.segments[_i].duration;
-  }
-
-  return durations;
-};
-/**
- * Determines the media index of the segment corresponding to the safe edge of the live
- * window which is the duration of the last segment plus 2 target durations from the end
- * of the playlist.
- *
- * @param {Object} playlist
- *        a media playlist object
- * @return {Number}
- *         The media index of the segment at the safe live point. 0 if there is no "safe"
- *         point.
- * @function safeLiveIndex
- */
-
-
-var safeLiveIndex = function safeLiveIndex(playlist) {
-  if (!playlist.segments.length) {
-    return 0;
-  }
-
-  var i = playlist.segments.length - 1;
-  var distanceFromEnd = playlist.segments[i].duration || playlist.targetDuration;
-  var safeDistance = distanceFromEnd + playlist.targetDuration * 2;
-
-  while (i--) {
-    distanceFromEnd += playlist.segments[i].duration;
-
-    if (distanceFromEnd >= safeDistance) {
-      break;
-    }
-  }
-
-  return Math.max(0, i);
-};
-/**
- * Calculates the playlist end time
- *
- * @param {Object} playlist a media playlist object
- * @param {Number=} expired the amount of time that has
- *                  dropped off the front of the playlist in a live scenario
- * @param {Boolean|false} useSafeLiveEnd a boolean value indicating whether or not the
- *                        playlist end calculation should consider the safe live end
- *                        (truncate the playlist end by three segments). This is normally
- *                        used for calculating the end of the playlist's seekable range.
- * @returns {Number} the end time of playlist
- * @function playlistEnd
- */
-
-
-var playlistEnd = function playlistEnd(playlist, expired, useSafeLiveEnd) {
-  if (!playlist || !playlist.segments) {
-    return null;
-  }
-
-  if (playlist.endList) {
-    return duration(playlist);
-  }
-
-  if (expired === null) {
-    return null;
-  }
-
-  expired = expired || 0;
-  var endSequence = useSafeLiveEnd ? safeLiveIndex(playlist) : playlist.segments.length;
-  return intervalDuration(playlist, playlist.mediaSequence + endSequence, expired);
-};
-/**
-  * Calculates the interval of time that is currently seekable in a
-  * playlist. The returned time ranges are relative to the earliest
-  * moment in the specified playlist that is still available. A full
-  * seekable implementation for live streams would need to offset
-  * these values by the duration of content that has expired from the
-  * stream.
-  *
-  * @param {Object} playlist a media playlist object
-  * dropped off the front of the playlist in a live scenario
-  * @param {Number=} expired the amount of time that has
-  * dropped off the front of the playlist in a live scenario
-  * @return {TimeRanges} the periods of time that are valid targets
-  * for seeking
-  */
-
-
-var seekable = function seekable(playlist, expired) {
-  var useSafeLiveEnd = true;
-  var seekableStart = expired || 0;
-  var seekableEnd = playlistEnd(playlist, expired, useSafeLiveEnd);
-
-  if (seekableEnd === null) {
-    return createTimeRange();
-  }
-
-  return createTimeRange(seekableStart, seekableEnd);
-};
-
-var isWholeNumber = function isWholeNumber(num) {
-  return num - Math.floor(num) === 0;
-};
-
-var roundSignificantDigit = function roundSignificantDigit(increment, num) {
-  // If we have a whole number, just add 1 to it
-  if (isWholeNumber(num)) {
-    return num + increment * 0.1;
-  }
-
-  var numDecimalDigits = num.toString().split('.')[1].length;
-
-  for (var i = 1; i <= numDecimalDigits; i++) {
-    var scale = Math.pow(10, i);
-    var temp = num * scale;
-
-    if (isWholeNumber(temp) || i === numDecimalDigits) {
-      return (temp + increment) / scale;
-    }
-  }
-};
-
-var ceilLeastSignificantDigit = roundSignificantDigit.bind(null, 1);
-var floorLeastSignificantDigit = roundSignificantDigit.bind(null, -1);
-/**
- * Determine the index and estimated starting time of the segment that
- * contains a specified playback position in a media playlist.
- *
- * @param {Object} playlist the media playlist to query
- * @param {Number} currentTime The number of seconds since the earliest
- * possible position to determine the containing segment for
- * @param {Number} startIndex
- * @param {Number} startTime
- * @return {Object}
- */
-
-var getMediaInfoForTime = function getMediaInfoForTime(playlist, currentTime, startIndex, startTime) {
-  var i = void 0;
-  var segment = void 0;
-  var numSegments = playlist.segments.length;
-  var time = currentTime - startTime;
-
-  if (time < 0) {
-    // Walk backward from startIndex in the playlist, adding durations
-    // until we find a segment that contains `time` and return it
-    if (startIndex > 0) {
-      for (i = startIndex - 1; i >= 0; i--) {
-        segment = playlist.segments[i];
-        time += floorLeastSignificantDigit(segment.duration);
-
-        if (time > 0) {
-          return {
-            mediaIndex: i,
-            startTime: startTime - sumDurations(playlist, startIndex, i)
-          };
-        }
-      }
-    } // We were unable to find a good segment within the playlist
-    // so select the first segment
-
-
-    return {
-      mediaIndex: 0,
-      startTime: currentTime
-    };
-  } // When startIndex is negative, we first walk forward to first segment
-  // adding target durations. If we "run out of time" before getting to
-  // the first segment, return the first segment
-
-
-  if (startIndex < 0) {
-    for (i = startIndex; i < 0; i++) {
-      time -= playlist.targetDuration;
-
-      if (time < 0) {
-        return {
-          mediaIndex: 0,
-          startTime: currentTime
-        };
-      }
-    }
-
-    startIndex = 0;
-  } // Walk forward from startIndex in the playlist, subtracting durations
-  // until we find a segment that contains `time` and return it
-
-
-  for (i = startIndex; i < numSegments; i++) {
-    segment = playlist.segments[i];
-    time -= ceilLeastSignificantDigit(segment.duration);
-
-    if (time < 0) {
-      return {
-        mediaIndex: i,
-        startTime: startTime + sumDurations(playlist, startIndex, i)
-      };
-    }
-  } // We are out of possible candidates so load the last one...
-
-
-  return {
-    mediaIndex: numSegments - 1,
-    startTime: currentTime
-  };
-};
-/**
- * Check whether the playlist is blacklisted or not.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is blacklisted or not
- * @function isBlacklisted
- */
-
-
-var isBlacklisted = function isBlacklisted(playlist) {
-  return playlist.excludeUntil && playlist.excludeUntil > Date.now();
-};
-/**
- * Check whether the playlist is compatible with current playback configuration or has
- * been blacklisted permanently for being incompatible.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is incompatible or not
- * @function isIncompatible
- */
-
-
-var isIncompatible = function isIncompatible(playlist) {
-  return playlist.excludeUntil && playlist.excludeUntil === Infinity;
-};
-/**
- * Check whether the playlist is enabled or not.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is enabled or not
- * @function isEnabled
- */
-
-
-var isEnabled = function isEnabled(playlist) {
-  var blacklisted = isBlacklisted(playlist);
-  return !playlist.disabled && !blacklisted;
-};
-/**
- * Check whether the playlist has been manually disabled through the representations api.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is disabled manually or not
- * @function isDisabled
- */
-
-
-var isDisabled = function isDisabled(playlist) {
-  return playlist.disabled;
-};
-/**
- * Returns whether the current playlist is an AES encrypted HLS stream
- *
- * @return {Boolean} true if it's an AES encrypted HLS stream
- */
-
-
-var isAes = function isAes(media) {
-  for (var i = 0; i < media.segments.length; i++) {
-    if (media.segments[i].key) {
-      return true;
-    }
-  }
-
-  return false;
-};
-/**
- * Returns whether the current playlist contains fMP4
- *
- * @return {Boolean} true if the playlist contains fMP4
- */
-
-
-var isFmp4 = function isFmp4(media) {
-  for (var i = 0; i < media.segments.length; i++) {
-    if (media.segments[i].map) {
-      return true;
-    }
-  }
-
-  return false;
-};
-/**
- * Checks if the playlist has a value for the specified attribute
- *
- * @param {String} attr
- *        Attribute to check for
- * @param {Object} playlist
- *        The media playlist object
- * @return {Boolean}
- *         Whether the playlist contains a value for the attribute or not
- * @function hasAttribute
- */
-
-
-var hasAttribute = function hasAttribute(attr, playlist) {
-  return playlist.attributes && playlist.attributes[attr];
-};
-/**
- * Estimates the time required to complete a segment download from the specified playlist
- *
- * @param {Number} segmentDuration
- *        Duration of requested segment
- * @param {Number} bandwidth
- *        Current measured bandwidth of the player
- * @param {Object} playlist
- *        The media playlist object
- * @param {Number=} bytesReceived
- *        Number of bytes already received for the request. Defaults to 0
- * @return {Number|NaN}
- *         The estimated time to request the segment. NaN if bandwidth information for
- *         the given playlist is unavailable
- * @function estimateSegmentRequestTime
- */
-
-
-var estimateSegmentRequestTime = function estimateSegmentRequestTime(segmentDuration, bandwidth, playlist) {
-  var bytesReceived = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-
-  if (!hasAttribute('BANDWIDTH', playlist)) {
-    return NaN;
-  }
-
-  var size = segmentDuration * playlist.attributes.BANDWIDTH;
-  return (size - bytesReceived * 8) / bandwidth;
-};
-/*
- * Returns whether the current playlist is the lowest rendition
- *
- * @return {Boolean} true if on lowest rendition
- */
-
-
-var isLowestEnabledRendition = function isLowestEnabledRendition(master, media) {
-  if (master.playlists.length === 1) {
-    return true;
-  }
-
-  var currentBandwidth = media.attributes.BANDWIDTH || Number.MAX_VALUE;
-  return master.playlists.filter(function (playlist) {
-    if (!isEnabled(playlist)) {
-      return false;
-    }
-
-    return (playlist.attributes.BANDWIDTH || 0) < currentBandwidth;
-  }).length === 0;
-}; // exports
-
-
-var Playlist = {
-  duration: duration,
-  seekable: seekable,
-  safeLiveIndex: safeLiveIndex,
-  getMediaInfoForTime: getMediaInfoForTime,
-  isEnabled: isEnabled,
-  isDisabled: isDisabled,
-  isBlacklisted: isBlacklisted,
-  isIncompatible: isIncompatible,
-  playlistEnd: playlistEnd,
-  isAes: isAes,
-  isFmp4: isFmp4,
-  hasAttribute: hasAttribute,
-  estimateSegmentRequestTime: estimateSegmentRequestTime,
-  isLowestEnabledRendition: isLowestEnabledRendition
-};
-/**
- * @file xhr.js
- */
-
-var videojsXHR = videojs$1.xhr,
-    mergeOptions$1$1 = videojs$1.mergeOptions;
-
-var xhrFactory = function xhrFactory() {
-  var xhr = function XhrFunction(options, callback) {
-    // Add a default timeout for all hls requests
-    options = mergeOptions$1$1({
-      timeout: 45e3
-    }, options); // Allow an optional user-specified function to modify the option
-    // object before we construct the xhr request
-
-    var beforeRequest = XhrFunction.beforeRequest || videojs$1.Hls.xhr.beforeRequest;
-
-    if (beforeRequest && typeof beforeRequest === 'function') {
-      var newOptions = beforeRequest(options);
-
-      if (newOptions) {
-        options = newOptions;
-      }
-    }
-
-    var request = videojsXHR(options, function (error, response) {
-      var reqResponse = request.response;
-
-      if (!error && reqResponse) {
-        request.responseTime = Date.now();
-        request.roundTripTime = request.responseTime - request.requestTime;
-        request.bytesReceived = reqResponse.byteLength || reqResponse.length;
-
-        if (!request.bandwidth) {
-          request.bandwidth = Math.floor(request.bytesReceived / request.roundTripTime * 8 * 1000);
-        }
-      }
-
-      if (response.headers) {
-        request.responseHeaders = response.headers;
-      } // videojs.xhr now uses a specific code on the error
-      // object to signal that a request has timed out instead
-      // of setting a boolean on the request object
-
-
-      if (error && error.code === 'ETIMEDOUT') {
-        request.timedout = true;
-      } // videojs.xhr no longer considers status codes outside of 200 and 0
-      // (for file uris) to be errors, but the old XHR did, so emulate that
-      // behavior. Status 206 may be used in response to byterange requests.
-
-
-      if (!error && !request.aborted && response.statusCode !== 200 && response.statusCode !== 206 && response.statusCode !== 0) {
-        error = new Error('XHR Failed with a response of: ' + (request && (reqResponse || request.responseText)));
-      }
-
-      callback(error, request);
-    });
-    var originalAbort = request.abort;
-
-    request.abort = function () {
-      request.aborted = true;
-      return originalAbort.apply(request, arguments);
-    };
-
-    request.uri = options.uri;
-    request.requestTime = Date.now();
-    return request;
-  };
-
-  return xhr;
-};
-/**
- * Turns segment byterange into a string suitable for use in
- * HTTP Range requests
- *
- * @param {Object} byterange - an object with two values defining the start and end
- *                             of a byte-range
- */
-
-
-var byterangeStr = function byterangeStr(byterange) {
-  var byterangeStart = void 0;
-  var byterangeEnd = void 0; // `byterangeEnd` is one less than `offset + length` because the HTTP range
-  // header uses inclusive ranges
-
-  byterangeEnd = byterange.offset + byterange.length - 1;
-  byterangeStart = byterange.offset;
-  return 'bytes=' + byterangeStart + '-' + byterangeEnd;
-};
-/**
- * Defines headers for use in the xhr request for a particular segment.
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- */
-
-
-var segmentXhrHeaders = function segmentXhrHeaders(segment) {
-  var headers = {};
-
-  if (segment.byterange) {
-    headers.Range = byterangeStr(segment.byterange);
-  }
-
-  return headers;
-};
-/**
- * @file bin-utils.js
- */
-
-/**
- * convert a TimeRange to text
- *
- * @param {TimeRange} range the timerange to use for conversion
- * @param {Number} i the iterator on the range to convert
- */
-
-
-var textRange = function textRange(range, i) {
-  return range.start(i) + '-' + range.end(i);
-};
-/**
- * format a number as hex string
- *
- * @param {Number} e The number
- * @param {Number} i the iterator
- */
-
-
-var formatHexString = function formatHexString(e, i) {
-  var value = e.toString(16);
-  return '00'.substring(0, 2 - value.length) + value + (i % 2 ? ' ' : '');
-};
-
-var formatAsciiString = function formatAsciiString(e) {
-  if (e >= 0x20 && e < 0x7e) {
-    return String.fromCharCode(e);
-  }
-
-  return '.';
-};
-/**
- * Creates an object for sending to a web worker modifying properties that are TypedArrays
- * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
- *
- * @param {Object} message
- *        Object of properties and values to send to the web worker
- * @return {Object}
- *         Modified message with TypedArray values expanded
- * @function createTransferableMessage
- */
-
-
-var createTransferableMessage = function createTransferableMessage(message) {
-  var transferable = {};
-  Object.keys(message).forEach(function (key) {
-    var value = message[key];
-
-    if (ArrayBuffer.isView(value)) {
-      transferable[key] = {
-        bytes: value.buffer,
-        byteOffset: value.byteOffset,
-        byteLength: value.byteLength
-      };
-    } else {
-      transferable[key] = value;
-    }
-  });
-  return transferable;
-};
-/**
- * Returns a unique string identifier for a media initialization
- * segment.
- */
-
-
-var initSegmentId = function initSegmentId(initSegment) {
-  var byterange = initSegment.byterange || {
-    length: Infinity,
-    offset: 0
-  };
-  return [byterange.length, byterange.offset, initSegment.resolvedUri].join(',');
-};
-/**
- * Returns a unique string identifier for a media segment key.
- */
-
-
-var segmentKeyId = function segmentKeyId(key) {
-  return key.resolvedUri;
-};
-/**
- * utils to help dump binary data to the console
- */
-
-
-var hexDump = function hexDump(data) {
-  var bytes = Array.prototype.slice.call(data);
-  var step = 16;
-  var result = '';
-  var hex = void 0;
-  var ascii = void 0;
-
-  for (var j = 0; j < bytes.length / step; j++) {
-    hex = bytes.slice(j * step, j * step + step).map(formatHexString).join('');
-    ascii = bytes.slice(j * step, j * step + step).map(formatAsciiString).join('');
-    result += hex + ' ' + ascii + '\n';
-  }
-
-  return result;
-};
-
-var tagDump = function tagDump(_ref) {
-  var bytes = _ref.bytes;
-  return hexDump(bytes);
-};
-
-var textRanges = function textRanges(ranges) {
-  var result = '';
-  var i = void 0;
-
-  for (i = 0; i < ranges.length; i++) {
-    result += textRange(ranges, i) + ' ';
-  }
-
-  return result;
-};
-
-var utils =
-/*#__PURE__*/
-Object.freeze({
-  createTransferableMessage: createTransferableMessage,
-  initSegmentId: initSegmentId,
-  segmentKeyId: segmentKeyId,
-  hexDump: hexDump,
-  tagDump: tagDump,
-  textRanges: textRanges
-}); // TODO handle fmp4 case where the timing info is accurate and doesn't involve transmux
-// Add 25% to the segment duration to account for small discrepencies in segment timing.
-// 25% was arbitrarily chosen, and may need to be refined over time.
-
-var SEGMENT_END_FUDGE_PERCENT = 0.25;
-/**
- * Converts a player time (any time that can be gotten/set from player.currentTime(),
- * e.g., any time within player.seekable().start(0) to player.seekable().end(0)) to a
- * program time (any time referencing the real world (e.g., EXT-X-PROGRAM-DATE-TIME)).
- *
- * The containing segment is required as the EXT-X-PROGRAM-DATE-TIME serves as an "anchor
- * point" (a point where we have a mapping from program time to player time, with player
- * time being the post transmux start of the segment).
- *
- * For more details, see [this doc](../../docs/program-time-from-player-time.md).
- *
- * @param {Number} playerTime the player time
- * @param {Object} segment the segment which contains the player time
- * @return {Date} program time
- */
-
-var playerTimeToProgramTime = function playerTimeToProgramTime(playerTime, segment) {
-  if (!segment.dateTimeObject) {
-    // Can't convert without an "anchor point" for the program time (i.e., a time that can
-    // be used to map the start of a segment with a real world time).
-    return null;
-  }
-
-  var transmuxerPrependedSeconds = segment.videoTimingInfo.transmuxerPrependedSeconds;
-  var transmuxedStart = segment.videoTimingInfo.transmuxedPresentationStart; // get the start of the content from before old content is prepended
-
-  var startOfSegment = transmuxedStart + transmuxerPrependedSeconds;
-  var offsetFromSegmentStart = playerTime - startOfSegment;
-  return new Date(segment.dateTimeObject.getTime() + offsetFromSegmentStart * 1000);
-};
-
-var originalSegmentVideoDuration = function originalSegmentVideoDuration(videoTimingInfo) {
-  return videoTimingInfo.transmuxedPresentationEnd - videoTimingInfo.transmuxedPresentationStart - videoTimingInfo.transmuxerPrependedSeconds;
-};
-/**
- * Finds a segment that contains the time requested given as an ISO-8601 string. The
- * returned segment might be an estimate or an accurate match.
- *
- * @param {String} programTime The ISO-8601 programTime to find a match for
- * @param {Object} playlist A playlist object to search within
- */
-
-
-var findSegmentForProgramTime = function findSegmentForProgramTime(programTime, playlist) {
-  // Assumptions:
-  //  - verifyProgramDateTimeTags has already been run
-  //  - live streams have been started
-  var dateTimeObject = void 0;
-
-  try {
-    dateTimeObject = new Date(programTime);
-  } catch (e) {
-    return null;
-  }
-
-  if (!playlist || !playlist.segments || playlist.segments.length === 0) {
-    return null;
-  }
-
-  var segment = playlist.segments[0];
-
-  if (dateTimeObject < segment.dateTimeObject) {
-    // Requested time is before stream start.
-    return null;
-  }
-
-  for (var i = 0; i < playlist.segments.length - 1; i++) {
-    segment = playlist.segments[i];
-    var nextSegmentStart = playlist.segments[i + 1].dateTimeObject;
-
-    if (dateTimeObject < nextSegmentStart) {
-      break;
-    }
-  }
-
-  var lastSegment = playlist.segments[playlist.segments.length - 1];
-  var lastSegmentStart = lastSegment.dateTimeObject;
-  var lastSegmentDuration = lastSegment.videoTimingInfo ? originalSegmentVideoDuration(lastSegment.videoTimingInfo) : lastSegment.duration + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT;
-  var lastSegmentEnd = new Date(lastSegmentStart.getTime() + lastSegmentDuration * 1000);
-
-  if (dateTimeObject > lastSegmentEnd) {
-    // Beyond the end of the stream, or our best guess of the end of the stream.
-    return null;
-  }
-
-  if (dateTimeObject > lastSegmentStart) {
-    segment = lastSegment;
-  }
-
-  return {
-    segment: segment,
-    estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : Playlist.duration(playlist, playlist.mediaSequence + playlist.segments.indexOf(segment)),
-    // Although, given that all segments have accurate date time objects, the segment
-    // selected should be accurate, unless the video has been transmuxed at some point
-    // (determined by the presence of the videoTimingInfo object), the segment's "player
-    // time" (the start time in the player) can't be considered accurate.
-    type: segment.videoTimingInfo ? 'accurate' : 'estimate'
-  };
-};
-/**
- * Finds a segment that contains the given player time(in seconds).
- *
- * @param {Number} time The player time to find a match for
- * @param {Object} playlist A playlist object to search within
- */
-
-
-var findSegmentForPlayerTime = function findSegmentForPlayerTime(time, playlist) {
-  // Assumptions:
-  // - there will always be a segment.duration
-  // - we can start from zero
-  // - segments are in time order
-  if (!playlist || !playlist.segments || playlist.segments.length === 0) {
-    return null;
-  }
-
-  var segmentEnd = 0;
-  var segment = void 0;
-
-  for (var i = 0; i < playlist.segments.length; i++) {
-    segment = playlist.segments[i]; // videoTimingInfo is set after the segment is downloaded and transmuxed, and
-    // should contain the most accurate values we have for the segment's player times.
-    //
-    // Use the accurate transmuxedPresentationEnd value if it is available, otherwise fall
-    // back to an estimate based on the manifest derived (inaccurate) segment.duration, to
-    // calculate an end value.
-
-    segmentEnd = segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationEnd : segmentEnd + segment.duration;
-
-    if (time <= segmentEnd) {
-      break;
-    }
-  }
-
-  var lastSegment = playlist.segments[playlist.segments.length - 1];
-
-  if (lastSegment.videoTimingInfo && lastSegment.videoTimingInfo.transmuxedPresentationEnd < time) {
-    // The time requested is beyond the stream end.
-    return null;
-  }
-
-  if (time > segmentEnd) {
-    // The time is within or beyond the last segment.
-    //
-    // Check to see if the time is beyond a reasonable guess of the end of the stream.
-    if (time > segmentEnd + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT) {
-      // Technically, because the duration value is only an estimate, the time may still
-      // exist in the last segment, however, there isn't enough information to make even
-      // a reasonable estimate.
-      return null;
-    }
-
-    segment = lastSegment;
-  }
-
-  return {
-    segment: segment,
-    estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : segmentEnd - segment.duration,
-    // Because videoTimingInfo is only set after transmux, it is the only way to get
-    // accurate timing values.
-    type: segment.videoTimingInfo ? 'accurate' : 'estimate'
-  };
-};
-/**
- * Gives the offset of the comparisonTimestamp from the programTime timestamp in seconds.
- * If the offset returned is positive, the programTime occurs after the
- * comparisonTimestamp.
- * If the offset is negative, the programTime occurs before the comparisonTimestamp.
- *
- * @param {String} comparisonTimeStamp An ISO-8601 timestamp to compare against
- * @param {String} programTime The programTime as an ISO-8601 string
- * @return {Number} offset
- */
-
-
-var getOffsetFromTimestamp = function getOffsetFromTimestamp(comparisonTimeStamp, programTime) {
-  var segmentDateTime = void 0;
-  var programDateTime = void 0;
-
-  try {
-    segmentDateTime = new Date(comparisonTimeStamp);
-    programDateTime = new Date(programTime);
-  } catch (e) {// TODO handle error
-  }
-
-  var segmentTimeEpoch = segmentDateTime.getTime();
-  var programTimeEpoch = programDateTime.getTime();
-  return (programTimeEpoch - segmentTimeEpoch) / 1000;
-};
-/**
- * Checks that all segments in this playlist have programDateTime tags.
- *
- * @param {Object} playlist A playlist object
- */
-
-
-var verifyProgramDateTimeTags = function verifyProgramDateTimeTags(playlist) {
-  if (!playlist.segments || playlist.segments.length === 0) {
-    return false;
-  }
-
-  for (var i = 0; i < playlist.segments.length; i++) {
-    var segment = playlist.segments[i];
-
-    if (!segment.dateTimeObject) {
-      return false;
-    }
-  }
-
-  return true;
-};
-/**
- * Returns the programTime of the media given a playlist and a playerTime.
- * The playlist must have programDateTime tags for a programDateTime tag to be returned.
- * If the segments containing the time requested have not been buffered yet, an estimate
- * may be returned to the callback.
- *
- * @param {Object} args
- * @param {Object} args.playlist A playlist object to search within
- * @param {Number} time A playerTime in seconds
- * @param {Function} callback(err, programTime)
- * @returns {String} err.message A detailed error message
- * @returns {Object} programTime
- * @returns {Number} programTime.mediaSeconds The streamTime in seconds
- * @returns {String} programTime.programDateTime The programTime as an ISO-8601 String
- */
-
-
-var getProgramTime = function getProgramTime(_ref) {
-  var playlist = _ref.playlist,
-      _ref$time = _ref.time,
-      time = _ref$time === undefined ? undefined : _ref$time,
-      callback = _ref.callback;
-
-  if (!callback) {
-    throw new Error('getProgramTime: callback must be provided');
-  }
-
-  if (!playlist || time === undefined) {
-    return callback({
-      message: 'getProgramTime: playlist and time must be provided'
-    });
-  }
-
-  var matchedSegment = findSegmentForPlayerTime(time, playlist);
-
-  if (!matchedSegment) {
-    return callback({
-      message: 'valid programTime was not found'
-    });
-  }
-
-  if (matchedSegment.type === 'estimate') {
-    return callback({
-      message: 'Accurate programTime could not be determined.' + ' Please seek to e.seekTime and try again',
-      seekTime: matchedSegment.estimatedStart
-    });
-  }
-
-  var programTimeObject = {
-    mediaSeconds: time
-  };
-  var programTime = playerTimeToProgramTime(time, matchedSegment.segment);
-
-  if (programTime) {
-    programTimeObject.programDateTime = programTime.toISOString();
-  }
-
-  return callback(null, programTimeObject);
-};
-/**
- * Seeks in the player to a time that matches the given programTime ISO-8601 string.
- *
- * @param {Object} args
- * @param {String} args.programTime A programTime to seek to as an ISO-8601 String
- * @param {Object} args.playlist A playlist to look within
- * @param {Number} args.retryCount The number of times to try for an accurate seek. Default is 2.
- * @param {Function} args.seekTo A method to perform a seek
- * @param {Boolean} args.pauseAfterSeek Whether to end in a paused state after seeking. Default is true.
- * @param {Object} args.tech The tech to seek on
- * @param {Function} args.callback(err, newTime) A callback to return the new time to
- * @returns {String} err.message A detailed error message
- * @returns {Number} newTime The exact time that was seeked to in seconds
- */
-
-
-var seekToProgramTime = function seekToProgramTime(_ref2) {
-  var programTime = _ref2.programTime,
-      playlist = _ref2.playlist,
-      _ref2$retryCount = _ref2.retryCount,
-      retryCount = _ref2$retryCount === undefined ? 2 : _ref2$retryCount,
-      seekTo = _ref2.seekTo,
-      _ref2$pauseAfterSeek = _ref2.pauseAfterSeek,
-      pauseAfterSeek = _ref2$pauseAfterSeek === undefined ? true : _ref2$pauseAfterSeek,
-      tech = _ref2.tech,
-      callback = _ref2.callback;
-
-  if (!callback) {
-    throw new Error('seekToProgramTime: callback must be provided');
-  }
-
-  if (typeof programTime === 'undefined' || !playlist || !seekTo) {
-    return callback({
-      message: 'seekToProgramTime: programTime, seekTo and playlist must be provided'
-    });
-  }
-
-  if (!playlist.endList && !tech.hasStarted_) {
-    return callback({
-      message: 'player must be playing a live stream to start buffering'
-    });
-  }
-
-  if (!verifyProgramDateTimeTags(playlist)) {
-    return callback({
-      message: 'programDateTime tags must be provided in the manifest ' + playlist.resolvedUri
-    });
-  }
-
-  var matchedSegment = findSegmentForProgramTime(programTime, playlist); // no match
-
-  if (!matchedSegment) {
-    return callback({
-      message: programTime + ' was not found in the stream'
-    });
-  }
-
-  var segment = matchedSegment.segment;
-  var mediaOffset = getOffsetFromTimestamp(segment.dateTimeObject, programTime);
-
-  if (matchedSegment.type === 'estimate') {
-    // we've run out of retries
-    if (retryCount === 0) {
-      return callback({
-        message: programTime + ' is not buffered yet. Try again'
-      });
-    }
-
-    seekTo(matchedSegment.estimatedStart + mediaOffset);
-    tech.one('seeked', function () {
-      seekToProgramTime({
-        programTime: programTime,
-        playlist: playlist,
-        retryCount: retryCount - 1,
-        seekTo: seekTo,
-        pauseAfterSeek: pauseAfterSeek,
-        tech: tech,
-        callback: callback
-      });
-    });
-    return;
-  } // Since the segment.start value is determined from the buffered end or ending time
-  // of the prior segment, the seekToTime doesn't need to account for any transmuxer
-  // modifications.
-
-
-  var seekToTime = segment.start + mediaOffset;
-
-  var seekedCallback = function seekedCallback() {
-    return callback(null, tech.currentTime());
-  }; // listen for seeked event
-
-
-  tech.one('seeked', seekedCallback); // pause before seeking as video.js will restore this state
-
-  if (pauseAfterSeek) {
-    tech.pause();
-  }
-
-  seekTo(seekToTime);
-};
-/**
- * ranges
- *
- * Utilities for working with TimeRanges.
- *
- */
-// Fudge factor to account for TimeRanges rounding
-
-
-var TIME_FUDGE_FACTOR = 1 / 30; // Comparisons between time values such as current time and the end of the buffered range
-// can be misleading because of precision differences or when the current media has poorly
-// aligned audio and video, which can cause values to be slightly off from what you would
-// expect. This value is what we consider to be safe to use in such comparisons to account
-// for these scenarios.
-
-var SAFE_TIME_DELTA = TIME_FUDGE_FACTOR * 3;
-
-var filterRanges = function filterRanges(timeRanges, predicate) {
-  var results = [];
-  var i = void 0;
-
-  if (timeRanges && timeRanges.length) {
-    // Search for ranges that match the predicate
-    for (i = 0; i < timeRanges.length; i++) {
-      if (predicate(timeRanges.start(i), timeRanges.end(i))) {
-        results.push([timeRanges.start(i), timeRanges.end(i)]);
-      }
-    }
-  }
-
-  return videojs$1.createTimeRanges(results);
-};
-/**
- * Attempts to find the buffered TimeRange that contains the specified
- * time.
- * @param {TimeRanges} buffered - the TimeRanges object to query
- * @param {number} time  - the time to filter on.
- * @returns {TimeRanges} a new TimeRanges object
- */
-
-
-var findRange = function findRange(buffered, time) {
-  return filterRanges(buffered, function (start, end) {
-    return start - SAFE_TIME_DELTA <= time && end + SAFE_TIME_DELTA >= time;
-  });
-};
-/**
- * Returns the TimeRanges that begin later than the specified time.
- * @param {TimeRanges} timeRanges - the TimeRanges object to query
- * @param {number} time - the time to filter on.
- * @returns {TimeRanges} a new TimeRanges object.
- */
-
-
-var findNextRange = function findNextRange(timeRanges, time) {
-  return filterRanges(timeRanges, function (start) {
-    return start - TIME_FUDGE_FACTOR >= time;
-  });
-};
-/**
- * Returns gaps within a list of TimeRanges
- * @param {TimeRanges} buffered - the TimeRanges object
- * @return {TimeRanges} a TimeRanges object of gaps
- */
-
-
-var findGaps = function findGaps(buffered) {
-  if (buffered.length < 2) {
-    return videojs$1.createTimeRanges();
-  }
-
-  var ranges = [];
-
-  for (var i = 1; i < buffered.length; i++) {
-    var start = buffered.end(i - 1);
-    var end = buffered.start(i);
-    ranges.push([start, end]);
-  }
-
-  return videojs$1.createTimeRanges(ranges);
-};
-/**
- * Gets a human readable string for a TimeRange
- *
- * @param {TimeRange} range
- * @returns {String} a human readable string
- */
-
-
-var printableRange = function printableRange(range) {
-  var strArr = [];
-
-  if (!range || !range.length) {
-    return '';
-  }
-
-  for (var i = 0; i < range.length; i++) {
-    strArr.push(range.start(i) + ' => ' + range.end(i));
-  }
-
-  return strArr.join(', ');
-};
-/**
- * Calculates the amount of time left in seconds until the player hits the end of the
- * buffer and causes a rebuffer
- *
- * @param {TimeRange} buffered
- *        The state of the buffer
- * @param {Numnber} currentTime
- *        The current time of the player
- * @param {Number} playbackRate
- *        The current playback rate of the player. Defaults to 1.
- * @return {Number}
- *         Time until the player has to start rebuffering in seconds.
- * @function timeUntilRebuffer
- */
-
-
-var timeUntilRebuffer = function timeUntilRebuffer(buffered, currentTime) {
-  var playbackRate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var bufferedEnd = buffered.length ? buffered.end(buffered.length - 1) : 0;
-  return (bufferedEnd - currentTime) / playbackRate;
-};
-/**
- * Converts a TimeRanges object into an array representation
- * @param {TimeRanges} timeRanges
- * @returns {Array}
- */
-
-
-var timeRangesToArray = function timeRangesToArray(timeRanges) {
-  var timeRangesList = [];
-
-  for (var i = 0; i < timeRanges.length; i++) {
-    timeRangesList.push({
-      start: timeRanges.start(i),
-      end: timeRanges.end(i)
-    });
-  }
-
-  return timeRangesList;
-};
-/**
- * @file create-text-tracks-if-necessary.js
- */
-
-/**
- * Create text tracks on video.js if they exist on a segment.
- *
- * @param {Object} sourceBuffer the VSB or FSB
- * @param {Object} mediaSource the HTML media source
- * @param {Object} segment the segment that may contain the text track
- * @private
- */
-
-
-var createTextTracksIfNecessary = function createTextTracksIfNecessary(sourceBuffer, mediaSource, segment) {
-  var player = mediaSource.player_; // create an in-band caption track if one is present in the segment
-
-  if (segment.captions && segment.captions.length) {
-    if (!sourceBuffer.inbandTextTracks_) {
-      sourceBuffer.inbandTextTracks_ = {};
-    }
-
-    for (var trackId in segment.captionStreams) {
-      if (!sourceBuffer.inbandTextTracks_[trackId]) {
-        player.tech_.trigger({
-          type: 'usage',
-          name: 'hls-608'
-        });
-        var track = player.textTracks().getTrackById(trackId);
-
-        if (track) {
-          // Resuse an existing track with a CC# id because this was
-          // very likely created by videojs-contrib-hls from information
-          // in the m3u8 for us to use
-          sourceBuffer.inbandTextTracks_[trackId] = track;
-        } else {
-          // Otherwise, create a track with the default `CC#` label and
-          // without a language
-          sourceBuffer.inbandTextTracks_[trackId] = player.addRemoteTextTrack({
-            kind: 'captions',
-            id: trackId,
-            label: trackId
-          }, false).track;
-        }
-      }
-    }
-  }
-
-  if (segment.metadata && segment.metadata.length && !sourceBuffer.metadataTrack_) {
-    sourceBuffer.metadataTrack_ = player.addRemoteTextTrack({
-      kind: 'metadata',
-      label: 'Timed Metadata'
-    }, false).track;
-    sourceBuffer.metadataTrack_.inBandMetadataTrackDispatchType = segment.metadata.dispatchType;
-  }
-};
-/**
- * @file remove-cues-from-track.js
- */
-
-/**
- * Remove cues from a track on video.js.
- *
- * @param {Double} start start of where we should remove the cue
- * @param {Double} end end of where the we should remove the cue
- * @param {Object} track the text track to remove the cues from
- * @private
- */
-
-
-var removeCuesFromTrack = function removeCuesFromTrack(start, end, track) {
-  var i = void 0;
-  var cue = void 0;
-
-  if (!track) {
-    return;
-  }
-
-  if (!track.cues) {
-    return;
-  }
-
-  i = track.cues.length;
-
-  while (i--) {
-    cue = track.cues[i]; // Remove any overlapping cue
-
-    if (cue.startTime <= end && cue.endTime >= start) {
-      track.removeCue(cue);
-    }
-  }
-};
-/**
- * @file add-text-track-data.js
- */
-
-/**
- * Define properties on a cue for backwards compatability,
- * but warn the user that the way that they are using it
- * is depricated and will be removed at a later date.
- *
- * @param {Cue} cue the cue to add the properties on
- * @private
- */
-
-
-var deprecateOldCue = function deprecateOldCue(cue) {
-  Object.defineProperties(cue.frame, {
-    id: {
-      get: function get() {
-        videojs$1.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');
-        return cue.value.key;
-      }
-    },
-    value: {
-      get: function get() {
-        videojs$1.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');
-        return cue.value.data;
-      }
-    },
-    privateData: {
-      get: function get() {
-        videojs$1.log.warn('cue.frame.privateData is deprecated. Use cue.value.data instead.');
-        return cue.value.data;
-      }
-    }
-  });
-};
-
-var durationOfVideo = function durationOfVideo(duration) {
-  var dur = void 0;
-
-  if (isNaN(duration) || Math.abs(duration) === Infinity) {
-    dur = Number.MAX_VALUE;
-  } else {
-    dur = duration;
-  }
-
-  return dur;
-};
-/**
- * Add text track data to a source handler given the captions and
- * metadata from the buffer.
- *
- * @param {Object} sourceHandler the virtual source buffer
- * @param {Array} captionArray an array of caption data
- * @param {Array} metadataArray an array of meta data
- * @private
- */
-
-
-var addTextTrackData = function addTextTrackData(sourceHandler, captionArray, metadataArray) {
-  var Cue = window$1.WebKitDataCue || window$1.VTTCue;
-
-  if (captionArray) {
-    captionArray.forEach(function (caption) {
-      var track = caption.stream;
-      this.inbandTextTracks_[track].addCue(new Cue(caption.startTime + this.timestampOffset, caption.endTime + this.timestampOffset, caption.text));
-    }, sourceHandler);
-  }
-
-  if (metadataArray) {
-    var videoDuration = durationOfVideo(sourceHandler.mediaSource_.duration);
-    metadataArray.forEach(function (metadata) {
-      var time = metadata.cueTime + this.timestampOffset; // if time isn't a finite number between 0 and Infinity, like NaN,
-      // ignore this bit of metadata.
-      // This likely occurs when you have an non-timed ID3 tag like TIT2,
-      // which is the "Title/Songname/Content description" frame
-
-      if (typeof time !== 'number' || window$1.isNaN(time) || time < 0 || !(time < Infinity)) {
-        return;
-      }
-
-      metadata.frames.forEach(function (frame) {
-        var cue = new Cue(time, time, frame.value || frame.url || frame.data || '');
-        cue.frame = frame;
-        cue.value = frame;
-        deprecateOldCue(cue);
-        this.metadataTrack_.addCue(cue);
-      }, this);
-    }, sourceHandler); // Updating the metadeta cues so that
-    // the endTime of each cue is the startTime of the next cue
-    // the endTime of last cue is the duration of the video
-
-    if (sourceHandler.metadataTrack_ && sourceHandler.metadataTrack_.cues && sourceHandler.metadataTrack_.cues.length) {
-      var cues = sourceHandler.metadataTrack_.cues;
-      var cuesArray = []; // Create a copy of the TextTrackCueList...
-      // ...disregarding cues with a falsey value
-
-      for (var i = 0; i < cues.length; i++) {
-        if (cues[i]) {
-          cuesArray.push(cues[i]);
-        }
-      } // Group cues by their startTime value
-
-
-      var cuesGroupedByStartTime = cuesArray.reduce(function (obj, cue) {
-        var timeSlot = obj[cue.startTime] || [];
-        timeSlot.push(cue);
-        obj[cue.startTime] = timeSlot;
-        return obj;
-      }, {}); // Sort startTimes by ascending order
-
-      var sortedStartTimes = Object.keys(cuesGroupedByStartTime).sort(function (a, b) {
-        return Number(a) - Number(b);
-      }); // Map each cue group's endTime to the next group's startTime
-
-      sortedStartTimes.forEach(function (startTime, idx) {
-        var cueGroup = cuesGroupedByStartTime[startTime];
-        var nextTime = Number(sortedStartTimes[idx + 1]) || videoDuration; // Map each cue's endTime the next group's startTime
-
-        cueGroup.forEach(function (cue) {
-          cue.endTime = nextTime;
-        });
-      });
-    }
-  }
-};
-
-var win = typeof window !== 'undefined' ? window : {},
-    TARGET = typeof Symbol === 'undefined' ? '__target' : Symbol(),
-    SCRIPT_TYPE = 'application/javascript',
-    BlobBuilder = win.BlobBuilder || win.WebKitBlobBuilder || win.MozBlobBuilder || win.MSBlobBuilder,
-    URL = win.URL || win.webkitURL || URL && URL.msURL,
-    Worker = win.Worker;
-/**
- * Returns a wrapper around Web Worker code that is constructible.
- *
- * @function shimWorker
- *
- * @param { String }    filename    The name of the file
- * @param { Function }  fn          Function wrapping the code of the worker
- */
-
-function shimWorker(filename, fn) {
-  return function ShimWorker(forceFallback) {
-    var o = this;
-
-    if (!fn) {
-      return new Worker(filename);
-    } else if (Worker && !forceFallback) {
-      // Convert the function's inner code to a string to construct the worker
-      var source = fn.toString().replace(/^function.+?{/, '').slice(0, -1),
-          objURL = createSourceObject(source);
-      this[TARGET] = new Worker(objURL);
-      wrapTerminate(this[TARGET], objURL);
-      return this[TARGET];
-    } else {
-      var selfShim = {
-        postMessage: function postMessage(m) {
-          if (o.onmessage) {
-            setTimeout(function () {
-              o.onmessage({
-                data: m,
-                target: selfShim
-              });
-            });
-          }
-        }
-      };
-      fn.call(selfShim);
-
-      this.postMessage = function (m) {
-        setTimeout(function () {
-          selfShim.onmessage({
-            data: m,
-            target: o
-          });
-        });
-      };
-
-      this.isThisThread = true;
-    }
-  };
-} // Test Worker capabilities
-
-
-if (Worker) {
-  var testWorker,
-      objURL = createSourceObject('self.onmessage = function () {}'),
-      testArray = new Uint8Array(1);
-
-  try {
-    testWorker = new Worker(objURL); // Native browser on some Samsung devices throws for transferables, let's detect it
-
-    testWorker.postMessage(testArray, [testArray.buffer]);
-  } catch (e) {
-    Worker = null;
-  } finally {
-    URL.revokeObjectURL(objURL);
-
-    if (testWorker) {
-      testWorker.terminate();
-    }
-  }
-}
-
-function createSourceObject(str) {
-  try {
-    return URL.createObjectURL(new Blob([str], {
-      type: SCRIPT_TYPE
-    }));
-  } catch (e) {
-    var blob = new BlobBuilder();
-    blob.append(str);
-    return URL.createObjectURL(blob.getBlob(type));
-  }
-}
-
-function wrapTerminate(worker, objURL) {
-  if (!worker || !objURL) return;
-  var term = worker.terminate;
-  worker.objURL = objURL;
-
-  worker.terminate = function () {
-    if (worker.objURL) URL.revokeObjectURL(worker.objURL);
-    term.call(worker);
-  };
-}
-
-var TransmuxWorker = new shimWorker("./transmuxer-worker.worker.js", function (window, document$$1) {
-  var self = this;
-
-  var transmuxerWorker = function () {
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     *
-     * A lightweight readable stream implemention that handles event dispatching.
-     * Objects that inherit from streams should call init in their constructors.
-     */
-    var Stream = function Stream() {
-      this.init = function () {
-        var listeners = {};
-        /**
-         * Add a listener for a specified event type.
-         * @param type {string} the event name
-         * @param listener {function} the callback to be invoked when an event of
-         * the specified type occurs
-         */
-
-        this.on = function (type, listener) {
-          if (!listeners[type]) {
-            listeners[type] = [];
-          }
-
-          listeners[type] = listeners[type].concat(listener);
-        };
-        /**
-         * Remove a listener for a specified event type.
-         * @param type {string} the event name
-         * @param listener {function} a function previously registered for this
-         * type of event through `on`
-         */
-
-
-        this.off = function (type, listener) {
-          var index;
-
-          if (!listeners[type]) {
-            return false;
-          }
-
-          index = listeners[type].indexOf(listener);
-          listeners[type] = listeners[type].slice();
-          listeners[type].splice(index, 1);
-          return index > -1;
-        };
-        /**
-         * Trigger an event of the specified type on this stream. Any additional
-         * arguments to this function are passed as parameters to event listeners.
-         * @param type {string} the event name
-         */
-
-
-        this.trigger = function (type) {
-          var callbacks, i, length, args;
-          callbacks = listeners[type];
-
-          if (!callbacks) {
-            return;
-          } // Slicing the arguments on every invocation of this method
-          // can add a significant amount of overhead. Avoid the
-          // intermediate object creation for the common case of a
-          // single callback argument
-
-
-          if (arguments.length === 2) {
-            length = callbacks.length;
-
-            for (i = 0; i < length; ++i) {
-              callbacks[i].call(this, arguments[1]);
-            }
-          } else {
-            args = [];
-            i = arguments.length;
-
-            for (i = 1; i < arguments.length; ++i) {
-              args.push(arguments[i]);
-            }
-
-            length = callbacks.length;
-
-            for (i = 0; i < length; ++i) {
-              callbacks[i].apply(this, args);
-            }
-          }
-        };
-        /**
-         * Destroys the stream and cleans up.
-         */
-
-
-        this.dispose = function () {
-          listeners = {};
-        };
-      };
-    };
-    /**
-     * Forwards all `data` events on this stream to the destination stream. The
-     * destination stream should provide a method `push` to receive the data
-     * events as they arrive.
-     * @param destination {stream} the stream that will receive all `data` events
-     * @param autoFlush {boolean} if false, we will not call `flush` on the destination
-     *                            when the current stream emits a 'done' event
-     * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-     */
-
-
-    Stream.prototype.pipe = function (destination) {
-      this.on('data', function (data) {
-        destination.push(data);
-      });
-      this.on('done', function (flushSource) {
-        destination.flush(flushSource);
-      });
-      this.on('partialdone', function (flushSource) {
-        destination.partialFlush(flushSource);
-      });
-      this.on('endedtimeline', function (flushSource) {
-        destination.endTimeline(flushSource);
-      });
-      this.on('reset', function (flushSource) {
-        destination.reset(flushSource);
-      });
-      return destination;
-    }; // Default stream functions that are expected to be overridden to perform
-    // actual work. These are provided by the prototype as a sort of no-op
-    // implementation so that we don't have to check for their existence in the
-    // `pipe` function above.
-
-
-    Stream.prototype.push = function (data) {
-      this.trigger('data', data);
-    };
-
-    Stream.prototype.flush = function (flushSource) {
-      this.trigger('done', flushSource);
-    };
-
-    Stream.prototype.partialFlush = function (flushSource) {
-      this.trigger('partialdone', flushSource);
-    };
-
-    Stream.prototype.endTimeline = function (flushSource) {
-      this.trigger('endedtimeline', flushSource);
-    };
-
-    Stream.prototype.reset = function (flushSource) {
-      this.trigger('reset', flushSource);
-    };
-
-    var stream = Stream;
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     *
-     * Functions that generate fragmented MP4s suitable for use with Media
-     * Source Extensions.
-     */
-
-    var UINT32_MAX = Math.pow(2, 32) - 1;
-    var box, dinf, esds, ftyp, mdat, mfhd, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, sdtp, stbl, stsd, traf, trex, trun, types, MAJOR_BRAND, MINOR_VERSION, AVC1_BRAND, VIDEO_HDLR, AUDIO_HDLR, HDLR_TYPES, VMHD, SMHD, DREF, STCO, STSC, STSZ, STTS; // pre-calculate constants
-
-    (function () {
-      var i;
-      types = {
-        avc1: [],
-        // codingname
-        avcC: [],
-        btrt: [],
-        dinf: [],
-        dref: [],
-        esds: [],
-        ftyp: [],
-        hdlr: [],
-        mdat: [],
-        mdhd: [],
-        mdia: [],
-        mfhd: [],
-        minf: [],
-        moof: [],
-        moov: [],
-        mp4a: [],
-        // codingname
-        mvex: [],
-        mvhd: [],
-        pasp: [],
-        sdtp: [],
-        smhd: [],
-        stbl: [],
-        stco: [],
-        stsc: [],
-        stsd: [],
-        stsz: [],
-        stts: [],
-        styp: [],
-        tfdt: [],
-        tfhd: [],
-        traf: [],
-        trak: [],
-        trun: [],
-        trex: [],
-        tkhd: [],
-        vmhd: []
-      }; // In environments where Uint8Array is undefined (e.g., IE8), skip set up so that we
-      // don't throw an error
-
-      if (typeof Uint8Array === 'undefined') {
-        return;
-      }
-
-      for (i in types) {
-        if (types.hasOwnProperty(i)) {
-          types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)];
-        }
-      }
-
-      MAJOR_BRAND = new Uint8Array(['i'.charCodeAt(0), 's'.charCodeAt(0), 'o'.charCodeAt(0), 'm'.charCodeAt(0)]);
-      AVC1_BRAND = new Uint8Array(['a'.charCodeAt(0), 'v'.charCodeAt(0), 'c'.charCodeAt(0), '1'.charCodeAt(0)]);
-      MINOR_VERSION = new Uint8Array([0, 0, 0, 1]);
-      VIDEO_HDLR = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x00, // pre_defined
-      0x76, 0x69, 0x64, 0x65, // handler_type: 'vide'
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x56, 0x69, 0x64, 0x65, 0x6f, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'VideoHandler'
-      ]);
-      AUDIO_HDLR = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x00, // pre_defined
-      0x73, 0x6f, 0x75, 0x6e, // handler_type: 'soun'
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x53, 0x6f, 0x75, 0x6e, 0x64, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'SoundHandler'
-      ]);
-      HDLR_TYPES = {
-        video: VIDEO_HDLR,
-        audio: AUDIO_HDLR
-      };
-      DREF = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x01, // entry_count
-      0x00, 0x00, 0x00, 0x0c, // entry_size
-      0x75, 0x72, 0x6c, 0x20, // 'url' type
-      0x00, // version 0
-      0x00, 0x00, 0x01 // entry_flags
-      ]);
-      SMHD = new Uint8Array([0x00, // version
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, // balance, 0 means centered
-      0x00, 0x00 // reserved
-      ]);
-      STCO = new Uint8Array([0x00, // version
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x00 // entry_count
-      ]);
-      STSC = STCO;
-      STSZ = new Uint8Array([0x00, // version
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x00, // sample_size
-      0x00, 0x00, 0x00, 0x00 // sample_count
-      ]);
-      STTS = STCO;
-      VMHD = new Uint8Array([0x00, // version
-      0x00, 0x00, 0x01, // flags
-      0x00, 0x00, // graphicsmode
-      0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor
-      ]);
-    })();
-
-    box = function box(type) {
-      var payload = [],
-          size = 0,
-          i,
-          result,
-          view;
-
-      for (i = 1; i < arguments.length; i++) {
-        payload.push(arguments[i]);
-      }
-
-      i = payload.length; // calculate the total size we need to allocate
-
-      while (i--) {
-        size += payload[i].byteLength;
-      }
-
-      result = new Uint8Array(size + 8);
-      view = new DataView(result.buffer, result.byteOffset, result.byteLength);
-      view.setUint32(0, result.byteLength);
-      result.set(type, 4); // copy the payload into the result
-
-      for (i = 0, size = 8; i < payload.length; i++) {
-        result.set(payload[i], size);
-        size += payload[i].byteLength;
-      }
-
-      return result;
-    };
-
-    dinf = function dinf() {
-      return box(types.dinf, box(types.dref, DREF));
-    };
-
-    esds = function esds(track) {
-      return box(types.esds, new Uint8Array([0x00, // version
-      0x00, 0x00, 0x00, // flags
-      // ES_Descriptor
-      0x03, // tag, ES_DescrTag
-      0x19, // length
-      0x00, 0x00, // ES_ID
-      0x00, // streamDependenceFlag, URL_flag, reserved, streamPriority
-      // DecoderConfigDescriptor
-      0x04, // tag, DecoderConfigDescrTag
-      0x11, // length
-      0x40, // object type
-      0x15, // streamType
-      0x00, 0x06, 0x00, // bufferSizeDB
-      0x00, 0x00, 0xda, 0xc0, // maxBitrate
-      0x00, 0x00, 0xda, 0xc0, // avgBitrate
-      // DecoderSpecificInfo
-      0x05, // tag, DecoderSpecificInfoTag
-      0x02, // length
-      // ISO/IEC 14496-3, AudioSpecificConfig
-      // for samplingFrequencyIndex see ISO/IEC 13818-7:2006, 8.1.3.2.2, Table 35
-      track.audioobjecttype << 3 | track.samplingfrequencyindex >>> 1, track.samplingfrequencyindex << 7 | track.channelcount << 3, 0x06, 0x01, 0x02 // GASpecificConfig
-      ]));
-    };
-
-    ftyp = function ftyp() {
-      return box(types.ftyp, MAJOR_BRAND, MINOR_VERSION, MAJOR_BRAND, AVC1_BRAND);
-    };
-
-    hdlr = function hdlr(type) {
-      return box(types.hdlr, HDLR_TYPES[type]);
-    };
-
-    mdat = function mdat(data) {
-      return box(types.mdat, data);
-    };
-
-    mdhd = function mdhd(track) {
-      var result = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x02, // creation_time
-      0x00, 0x00, 0x00, 0x03, // modification_time
-      0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
-      track.duration >>> 24 & 0xFF, track.duration >>> 16 & 0xFF, track.duration >>> 8 & 0xFF, track.duration & 0xFF, // duration
-      0x55, 0xc4, // 'und' language (undetermined)
-      0x00, 0x00]); // Use the sample rate from the track metadata, when it is
-      // defined. The sample rate can be parsed out of an ADTS header, for
-      // instance.
-
-      if (track.samplerate) {
-        result[12] = track.samplerate >>> 24 & 0xFF;
-        result[13] = track.samplerate >>> 16 & 0xFF;
-        result[14] = track.samplerate >>> 8 & 0xFF;
-        result[15] = track.samplerate & 0xFF;
-      }
-
-      return box(types.mdhd, result);
-    };
-
-    mdia = function mdia(track) {
-      return box(types.mdia, mdhd(track), hdlr(track.type), minf(track));
-    };
-
-    mfhd = function mfhd(sequenceNumber) {
-      return box(types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags
-      (sequenceNumber & 0xFF000000) >> 24, (sequenceNumber & 0xFF0000) >> 16, (sequenceNumber & 0xFF00) >> 8, sequenceNumber & 0xFF // sequence_number
-      ]));
-    };
-
-    minf = function minf(track) {
-      return box(types.minf, track.type === 'video' ? box(types.vmhd, VMHD) : box(types.smhd, SMHD), dinf(), stbl(track));
-    };
-
-    moof = function moof(sequenceNumber, tracks) {
-      var trackFragments = [],
-          i = tracks.length; // build traf boxes for each track fragment
-
-      while (i--) {
-        trackFragments[i] = traf(tracks[i]);
-      }
-
-      return box.apply(null, [types.moof, mfhd(sequenceNumber)].concat(trackFragments));
-    };
-    /**
-     * Returns a movie box.
-     * @param tracks {array} the tracks associated with this movie
-     * @see ISO/IEC 14496-12:2012(E), section 8.2.1
-     */
-
-
-    moov = function moov(tracks) {
-      var i = tracks.length,
-          boxes = [];
-
-      while (i--) {
-        boxes[i] = trak(tracks[i]);
-      }
-
-      return box.apply(null, [types.moov, mvhd(0xffffffff)].concat(boxes).concat(mvex(tracks)));
-    };
-
-    mvex = function mvex(tracks) {
-      var i = tracks.length,
-          boxes = [];
-
-      while (i--) {
-        boxes[i] = trex(tracks[i]);
-      }
-
-      return box.apply(null, [types.mvex].concat(boxes));
-    };
-
-    mvhd = function mvhd(duration) {
-      var bytes = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x01, // creation_time
-      0x00, 0x00, 0x00, 0x02, // modification_time
-      0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
-      (duration & 0xFF000000) >> 24, (duration & 0xFF0000) >> 16, (duration & 0xFF00) >> 8, duration & 0xFF, // duration
-      0x00, 0x01, 0x00, 0x00, // 1.0 rate
-      0x01, 0x00, // 1.0 volume
-      0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
-      0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
-      0xff, 0xff, 0xff, 0xff // next_track_ID
-      ]);
-      return box(types.mvhd, bytes);
-    };
-
-    sdtp = function sdtp(track) {
-      var samples = track.samples || [],
-          bytes = new Uint8Array(4 + samples.length),
-          flags,
-          i; // leave the full box header (4 bytes) all zero
-      // write the sample table
-
-      for (i = 0; i < samples.length; i++) {
-        flags = samples[i].flags;
-        bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy;
-      }
-
-      return box(types.sdtp, bytes);
-    };
-
-    stbl = function stbl(track) {
-      return box(types.stbl, stsd(track), box(types.stts, STTS), box(types.stsc, STSC), box(types.stsz, STSZ), box(types.stco, STCO));
-    };
-
-    (function () {
-      var videoSample, audioSample;
-
-      stsd = function stsd(track) {
-        return box(types.stsd, new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x01]), track.type === 'video' ? videoSample(track) : audioSample(track));
-      };
-
-      videoSample = function videoSample(track) {
-        var sps = track.sps || [],
-            pps = track.pps || [],
-            sequenceParameterSets = [],
-            pictureParameterSets = [],
-            i,
-            avc1Box; // assemble the SPSs
-
-        for (i = 0; i < sps.length; i++) {
-          sequenceParameterSets.push((sps[i].byteLength & 0xFF00) >>> 8);
-          sequenceParameterSets.push(sps[i].byteLength & 0xFF); // sequenceParameterSetLength
-
-          sequenceParameterSets = sequenceParameterSets.concat(Array.prototype.slice.call(sps[i])); // SPS
-        } // assemble the PPSs
-
-
-        for (i = 0; i < pps.length; i++) {
-          pictureParameterSets.push((pps[i].byteLength & 0xFF00) >>> 8);
-          pictureParameterSets.push(pps[i].byteLength & 0xFF);
-          pictureParameterSets = pictureParameterSets.concat(Array.prototype.slice.call(pps[i]));
-        }
-
-        avc1Box = [types.avc1, new Uint8Array([0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x01, // data_reference_index
-        0x00, 0x00, // pre_defined
-        0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
-        (track.width & 0xff00) >> 8, track.width & 0xff, // width
-        (track.height & 0xff00) >> 8, track.height & 0xff, // height
-        0x00, 0x48, 0x00, 0x00, // horizresolution
-        0x00, 0x48, 0x00, 0x00, // vertresolution
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x01, // frame_count
-        0x13, 0x76, 0x69, 0x64, 0x65, 0x6f, 0x6a, 0x73, 0x2d, 0x63, 0x6f, 0x6e, 0x74, 0x72, 0x69, 0x62, 0x2d, 0x68, 0x6c, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname
-        0x00, 0x18, // depth = 24
-        0x11, 0x11 // pre_defined = -1
-        ]), box(types.avcC, new Uint8Array([0x01, // configurationVersion
-        track.profileIdc, // AVCProfileIndication
-        track.profileCompatibility, // profile_compatibility
-        track.levelIdc, // AVCLevelIndication
-        0xff // lengthSizeMinusOne, hard-coded to 4 bytes
-        ].concat([sps.length], // numOfSequenceParameterSets
-        sequenceParameterSets, // "SPS"
-        [pps.length], // numOfPictureParameterSets
-        pictureParameterSets // "PPS"
-        ))), box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB
-        0x00, 0x2d, 0xc6, 0xc0, // maxBitrate
-        0x00, 0x2d, 0xc6, 0xc0 // avgBitrate
-        ]))];
-
-        if (track.sarRatio) {
-          var hSpacing = track.sarRatio[0],
-              vSpacing = track.sarRatio[1];
-          avc1Box.push(box(types.pasp, new Uint8Array([(hSpacing & 0xFF000000) >> 24, (hSpacing & 0xFF0000) >> 16, (hSpacing & 0xFF00) >> 8, hSpacing & 0xFF, (vSpacing & 0xFF000000) >> 24, (vSpacing & 0xFF0000) >> 16, (vSpacing & 0xFF00) >> 8, vSpacing & 0xFF])));
-        }
-
-        return box.apply(null, avc1Box);
-      };
-
-      audioSample = function audioSample(track) {
-        return box(types.mp4a, new Uint8Array([// SampleEntry, ISO/IEC 14496-12
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x01, // data_reference_index
-        // AudioSampleEntry, ISO/IEC 14496-12
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        (track.channelcount & 0xff00) >> 8, track.channelcount & 0xff, // channelcount
-        (track.samplesize & 0xff00) >> 8, track.samplesize & 0xff, // samplesize
-        0x00, 0x00, // pre_defined
-        0x00, 0x00, // reserved
-        (track.samplerate & 0xff00) >> 8, track.samplerate & 0xff, 0x00, 0x00 // samplerate, 16.16
-        // MP4AudioSampleEntry, ISO/IEC 14496-14
-        ]), esds(track));
-      };
-    })();
-
-    tkhd = function tkhd(track) {
-      var result = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x07, // flags
-      0x00, 0x00, 0x00, 0x00, // creation_time
-      0x00, 0x00, 0x00, 0x00, // modification_time
-      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-      0x00, 0x00, 0x00, 0x00, // reserved
-      (track.duration & 0xFF000000) >> 24, (track.duration & 0xFF0000) >> 16, (track.duration & 0xFF00) >> 8, track.duration & 0xFF, // duration
-      0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, // layer
-      0x00, 0x00, // alternate_group
-      0x01, 0x00, // non-audio track volume
-      0x00, 0x00, // reserved
-      0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
-      (track.width & 0xFF00) >> 8, track.width & 0xFF, 0x00, 0x00, // width
-      (track.height & 0xFF00) >> 8, track.height & 0xFF, 0x00, 0x00 // height
-      ]);
-      return box(types.tkhd, result);
-    };
-    /**
-     * Generate a track fragment (traf) box. A traf box collects metadata
-     * about tracks in a movie fragment (moof) box.
-     */
-
-
-    traf = function traf(track) {
-      var trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable, dataOffset, upperWordBaseMediaDecodeTime, lowerWordBaseMediaDecodeTime;
-      trackFragmentHeader = box(types.tfhd, new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x3a, // flags
-      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-      0x00, 0x00, 0x00, 0x01, // sample_description_index
-      0x00, 0x00, 0x00, 0x00, // default_sample_duration
-      0x00, 0x00, 0x00, 0x00, // default_sample_size
-      0x00, 0x00, 0x00, 0x00 // default_sample_flags
-      ]));
-      upperWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime / (UINT32_MAX + 1));
-      lowerWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime % (UINT32_MAX + 1));
-      trackFragmentDecodeTime = box(types.tfdt, new Uint8Array([0x01, // version 1
-      0x00, 0x00, 0x00, // flags
-      // baseMediaDecodeTime
-      upperWordBaseMediaDecodeTime >>> 24 & 0xFF, upperWordBaseMediaDecodeTime >>> 16 & 0xFF, upperWordBaseMediaDecodeTime >>> 8 & 0xFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >>> 24 & 0xFF, lowerWordBaseMediaDecodeTime >>> 16 & 0xFF, lowerWordBaseMediaDecodeTime >>> 8 & 0xFF, lowerWordBaseMediaDecodeTime & 0xFF])); // the data offset specifies the number of bytes from the start of
-      // the containing moof to the first payload byte of the associated
-      // mdat
-
-      dataOffset = 32 + // tfhd
-      20 + // tfdt
-      8 + // traf header
-      16 + // mfhd
-      8 + // moof header
-      8; // mdat header
-      // audio tracks require less metadata
-
-      if (track.type === 'audio') {
-        trackFragmentRun = trun(track, dataOffset);
-        return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun);
-      } // video tracks should contain an independent and disposable samples
-      // box (sdtp)
-      // generate one and adjust offsets to match
-
-
-      sampleDependencyTable = sdtp(track);
-      trackFragmentRun = trun(track, sampleDependencyTable.length + dataOffset);
-      return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable);
-    };
-    /**
-     * Generate a track box.
-     * @param track {object} a track definition
-     * @return {Uint8Array} the track box
-     */
-
-
-    trak = function trak(track) {
-      track.duration = track.duration || 0xffffffff;
-      return box(types.trak, tkhd(track), mdia(track));
-    };
-
-    trex = function trex(track) {
-      var result = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-      0x00, 0x00, 0x00, 0x01, // default_sample_description_index
-      0x00, 0x00, 0x00, 0x00, // default_sample_duration
-      0x00, 0x00, 0x00, 0x00, // default_sample_size
-      0x00, 0x01, 0x00, 0x01 // default_sample_flags
-      ]); // the last two bytes of default_sample_flags is the sample
-      // degradation priority, a hint about the importance of this sample
-      // relative to others. Lower the degradation priority for all sample
-      // types other than video.
-
-      if (track.type !== 'video') {
-        result[result.length - 1] = 0x00;
-      }
-
-      return box(types.trex, result);
-    };
-
-    (function () {
-      var audioTrun, videoTrun, trunHeader; // This method assumes all samples are uniform. That is, if a
-      // duration is present for the first sample, it will be present for
-      // all subsequent samples.
-      // see ISO/IEC 14496-12:2012, Section 8.8.8.1
-
-      trunHeader = function trunHeader(samples, offset) {
-        var durationPresent = 0,
-            sizePresent = 0,
-            flagsPresent = 0,
-            compositionTimeOffset = 0; // trun flag constants
-
-        if (samples.length) {
-          if (samples[0].duration !== undefined) {
-            durationPresent = 0x1;
-          }
-
-          if (samples[0].size !== undefined) {
-            sizePresent = 0x2;
-          }
-
-          if (samples[0].flags !== undefined) {
-            flagsPresent = 0x4;
-          }
-
-          if (samples[0].compositionTimeOffset !== undefined) {
-            compositionTimeOffset = 0x8;
-          }
-        }
-
-        return [0x00, // version 0
-        0x00, durationPresent | sizePresent | flagsPresent | compositionTimeOffset, 0x01, // flags
-        (samples.length & 0xFF000000) >>> 24, (samples.length & 0xFF0000) >>> 16, (samples.length & 0xFF00) >>> 8, samples.length & 0xFF, // sample_count
-        (offset & 0xFF000000) >>> 24, (offset & 0xFF0000) >>> 16, (offset & 0xFF00) >>> 8, offset & 0xFF // data_offset
-        ];
-      };
-
-      videoTrun = function videoTrun(track, offset) {
-        var bytes, samples, sample, i;
-        samples = track.samples || [];
-        offset += 8 + 12 + 16 * samples.length;
-        bytes = trunHeader(samples, offset);
-
-        for (i = 0; i < samples.length; i++) {
-          sample = samples[i];
-          bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
-          (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF, // sample_size
-          sample.flags.isLeading << 2 | sample.flags.dependsOn, sample.flags.isDependedOn << 6 | sample.flags.hasRedundancy << 4 | sample.flags.paddingValue << 1 | sample.flags.isNonSyncSample, sample.flags.degradationPriority & 0xF0 << 8, sample.flags.degradationPriority & 0x0F, // sample_flags
-          (sample.compositionTimeOffset & 0xFF000000) >>> 24, (sample.compositionTimeOffset & 0xFF0000) >>> 16, (sample.compositionTimeOffset & 0xFF00) >>> 8, sample.compositionTimeOffset & 0xFF // sample_composition_time_offset
-          ]);
-        }
-
-        return box(types.trun, new Uint8Array(bytes));
-      };
-
-      audioTrun = function audioTrun(track, offset) {
-        var bytes, samples, sample, i;
-        samples = track.samples || [];
-        offset += 8 + 12 + 8 * samples.length;
-        bytes = trunHeader(samples, offset);
-
-        for (i = 0; i < samples.length; i++) {
-          sample = samples[i];
-          bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
-          (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF]); // sample_size
-        }
-
-        return box(types.trun, new Uint8Array(bytes));
-      };
-
-      trun = function trun(track, offset) {
-        if (track.type === 'audio') {
-          return audioTrun(track, offset);
-        }
-
-        return videoTrun(track, offset);
-      };
-    })();
-
-    var mp4Generator = {
-      ftyp: ftyp,
-      mdat: mdat,
-      moof: moof,
-      moov: moov,
-      initSegment: function initSegment(tracks) {
-        var fileType = ftyp(),
-            movie = moov(tracks),
-            result;
-        result = new Uint8Array(fileType.byteLength + movie.byteLength);
-        result.set(fileType);
-        result.set(movie, fileType.byteLength);
-        return result;
-      }
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-    // Convert an array of nal units into an array of frames with each frame being
-    // composed of the nal units that make up that frame
-    // Also keep track of cummulative data about the frame from the nal units such
-    // as the frame duration, starting pts, etc.
-
-    var groupNalsIntoFrames = function groupNalsIntoFrames(nalUnits) {
-      var i,
-          currentNal,
-          currentFrame = [],
-          frames = []; // TODO added for LHLS, make sure this is OK
-
-      frames.byteLength = 0;
-      frames.nalCount = 0;
-      frames.duration = 0;
-      currentFrame.byteLength = 0;
-
-      for (i = 0; i < nalUnits.length; i++) {
-        currentNal = nalUnits[i]; // Split on 'aud'-type nal units
-
-        if (currentNal.nalUnitType === 'access_unit_delimiter_rbsp') {
-          // Since the very first nal unit is expected to be an AUD
-          // only push to the frames array when currentFrame is not empty
-          if (currentFrame.length) {
-            currentFrame.duration = currentNal.dts - currentFrame.dts; // TODO added for LHLS, make sure this is OK
-
-            frames.byteLength += currentFrame.byteLength;
-            frames.nalCount += currentFrame.length;
-            frames.duration += currentFrame.duration;
-            frames.push(currentFrame);
-          }
-
-          currentFrame = [currentNal];
-          currentFrame.byteLength = currentNal.data.byteLength;
-          currentFrame.pts = currentNal.pts;
-          currentFrame.dts = currentNal.dts;
-        } else {
-          // Specifically flag key frames for ease of use later
-          if (currentNal.nalUnitType === 'slice_layer_without_partitioning_rbsp_idr') {
-            currentFrame.keyFrame = true;
-          }
-
-          currentFrame.duration = currentNal.dts - currentFrame.dts;
-          currentFrame.byteLength += currentNal.data.byteLength;
-          currentFrame.push(currentNal);
-        }
-      } // For the last frame, use the duration of the previous frame if we
-      // have nothing better to go on
-
-
-      if (frames.length && (!currentFrame.duration || currentFrame.duration <= 0)) {
-        currentFrame.duration = frames[frames.length - 1].duration;
-      } // Push the final frame
-      // TODO added for LHLS, make sure this is OK
-
-
-      frames.byteLength += currentFrame.byteLength;
-      frames.nalCount += currentFrame.length;
-      frames.duration += currentFrame.duration;
-      frames.push(currentFrame);
-      return frames;
-    }; // Convert an array of frames into an array of Gop with each Gop being composed
-    // of the frames that make up that Gop
-    // Also keep track of cummulative data about the Gop from the frames such as the
-    // Gop duration, starting pts, etc.
-
-
-    var groupFramesIntoGops = function groupFramesIntoGops(frames) {
-      var i,
-          currentFrame,
-          currentGop = [],
-          gops = []; // We must pre-set some of the values on the Gop since we
-      // keep running totals of these values
-
-      currentGop.byteLength = 0;
-      currentGop.nalCount = 0;
-      currentGop.duration = 0;
-      currentGop.pts = frames[0].pts;
-      currentGop.dts = frames[0].dts; // store some metadata about all the Gops
-
-      gops.byteLength = 0;
-      gops.nalCount = 0;
-      gops.duration = 0;
-      gops.pts = frames[0].pts;
-      gops.dts = frames[0].dts;
-
-      for (i = 0; i < frames.length; i++) {
-        currentFrame = frames[i];
-
-        if (currentFrame.keyFrame) {
-          // Since the very first frame is expected to be an keyframe
-          // only push to the gops array when currentGop is not empty
-          if (currentGop.length) {
-            gops.push(currentGop);
-            gops.byteLength += currentGop.byteLength;
-            gops.nalCount += currentGop.nalCount;
-            gops.duration += currentGop.duration;
-          }
-
-          currentGop = [currentFrame];
-          currentGop.nalCount = currentFrame.length;
-          currentGop.byteLength = currentFrame.byteLength;
-          currentGop.pts = currentFrame.pts;
-          currentGop.dts = currentFrame.dts;
-          currentGop.duration = currentFrame.duration;
-        } else {
-          currentGop.duration += currentFrame.duration;
-          currentGop.nalCount += currentFrame.length;
-          currentGop.byteLength += currentFrame.byteLength;
-          currentGop.push(currentFrame);
-        }
-      }
-
-      if (gops.length && currentGop.duration <= 0) {
-        currentGop.duration = gops[gops.length - 1].duration;
-      }
-
-      gops.byteLength += currentGop.byteLength;
-      gops.nalCount += currentGop.nalCount;
-      gops.duration += currentGop.duration; // push the final Gop
-
-      gops.push(currentGop);
-      return gops;
-    };
-    /*
-     * Search for the first keyframe in the GOPs and throw away all frames
-     * until that keyframe. Then extend the duration of the pulled keyframe
-     * and pull the PTS and DTS of the keyframe so that it covers the time
-     * range of the frames that were disposed.
-     *
-     * @param {Array} gops video GOPs
-     * @returns {Array} modified video GOPs
-     */
-
-
-    var extendFirstKeyFrame = function extendFirstKeyFrame(gops) {
-      var currentGop;
-
-      if (!gops[0][0].keyFrame && gops.length > 1) {
-        // Remove the first GOP
-        currentGop = gops.shift();
-        gops.byteLength -= currentGop.byteLength;
-        gops.nalCount -= currentGop.nalCount; // Extend the first frame of what is now the
-        // first gop to cover the time period of the
-        // frames we just removed
-
-        gops[0][0].dts = currentGop.dts;
-        gops[0][0].pts = currentGop.pts;
-        gops[0][0].duration += currentGop.duration;
-      }
-
-      return gops;
-    };
-    /**
-     * Default sample object
-     * see ISO/IEC 14496-12:2012, section 8.6.4.3
-     */
-
-
-    var createDefaultSample = function createDefaultSample() {
-      return {
-        size: 0,
-        flags: {
-          isLeading: 0,
-          dependsOn: 1,
-          isDependedOn: 0,
-          hasRedundancy: 0,
-          degradationPriority: 0,
-          isNonSyncSample: 1
-        }
-      };
-    };
-    /*
-     * Collates information from a video frame into an object for eventual
-     * entry into an MP4 sample table.
-     *
-     * @param {Object} frame the video frame
-     * @param {Number} dataOffset the byte offset to position the sample
-     * @return {Object} object containing sample table info for a frame
-     */
-
-
-    var sampleForFrame = function sampleForFrame(frame, dataOffset) {
-      var sample = createDefaultSample();
-      sample.dataOffset = dataOffset;
-      sample.compositionTimeOffset = frame.pts - frame.dts;
-      sample.duration = frame.duration;
-      sample.size = 4 * frame.length; // Space for nal unit size
-
-      sample.size += frame.byteLength;
-
-      if (frame.keyFrame) {
-        sample.flags.dependsOn = 2;
-        sample.flags.isNonSyncSample = 0;
-      }
-
-      return sample;
-    }; // generate the track's sample table from an array of gops
-
-
-    var generateSampleTable = function generateSampleTable(gops, baseDataOffset) {
-      var h,
-          i,
-          sample,
-          currentGop,
-          currentFrame,
-          dataOffset = baseDataOffset || 0,
-          samples = [];
-
-      for (h = 0; h < gops.length; h++) {
-        currentGop = gops[h];
-
-        for (i = 0; i < currentGop.length; i++) {
-          currentFrame = currentGop[i];
-          sample = sampleForFrame(currentFrame, dataOffset);
-          dataOffset += sample.size;
-          samples.push(sample);
-        }
-      }
-
-      return samples;
-    }; // generate the track's raw mdat data from an array of gops
-
-
-    var concatenateNalData = function concatenateNalData(gops) {
-      var h,
-          i,
-          j,
-          currentGop,
-          currentFrame,
-          currentNal,
-          dataOffset = 0,
-          nalsByteLength = gops.byteLength,
-          numberOfNals = gops.nalCount,
-          totalByteLength = nalsByteLength + 4 * numberOfNals,
-          data = new Uint8Array(totalByteLength),
-          view = new DataView(data.buffer); // For each Gop..
-
-      for (h = 0; h < gops.length; h++) {
-        currentGop = gops[h]; // For each Frame..
-
-        for (i = 0; i < currentGop.length; i++) {
-          currentFrame = currentGop[i]; // For each NAL..
-
-          for (j = 0; j < currentFrame.length; j++) {
-            currentNal = currentFrame[j];
-            view.setUint32(dataOffset, currentNal.data.byteLength);
-            dataOffset += 4;
-            data.set(currentNal.data, dataOffset);
-            dataOffset += currentNal.data.byteLength;
-          }
-        }
-      }
-
-      return data;
-    }; // generate the track's sample table from a frame
-
-
-    var generateSampleTableForFrame = function generateSampleTableForFrame(frame, baseDataOffset) {
-      var sample,
-          dataOffset = baseDataOffset || 0,
-          samples = [];
-      sample = sampleForFrame(frame, dataOffset);
-      samples.push(sample);
-      return samples;
-    }; // generate the track's raw mdat data from a frame
-
-
-    var concatenateNalDataForFrame = function concatenateNalDataForFrame(frame) {
-      var i,
-          currentNal,
-          dataOffset = 0,
-          nalsByteLength = frame.byteLength,
-          numberOfNals = frame.length,
-          totalByteLength = nalsByteLength + 4 * numberOfNals,
-          data = new Uint8Array(totalByteLength),
-          view = new DataView(data.buffer); // For each NAL..
-
-      for (i = 0; i < frame.length; i++) {
-        currentNal = frame[i];
-        view.setUint32(dataOffset, currentNal.data.byteLength);
-        dataOffset += 4;
-        data.set(currentNal.data, dataOffset);
-        dataOffset += currentNal.data.byteLength;
-      }
-
-      return data;
-    };
-
-    var frameUtils = {
-      groupNalsIntoFrames: groupNalsIntoFrames,
-      groupFramesIntoGops: groupFramesIntoGops,
-      extendFirstKeyFrame: extendFirstKeyFrame,
-      generateSampleTable: generateSampleTable,
-      concatenateNalData: concatenateNalData,
-      generateSampleTableForFrame: generateSampleTableForFrame,
-      concatenateNalDataForFrame: concatenateNalDataForFrame
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var highPrefix = [33, 16, 5, 32, 164, 27];
-    var lowPrefix = [33, 65, 108, 84, 1, 2, 4, 8, 168, 2, 4, 8, 17, 191, 252];
-
-    var zeroFill = function zeroFill(count) {
-      var a = [];
-
-      while (count--) {
-        a.push(0);
-      }
-
-      return a;
-    };
-
-    var makeTable = function makeTable(metaTable) {
-      return Object.keys(metaTable).reduce(function (obj, key) {
-        obj[key] = new Uint8Array(metaTable[key].reduce(function (arr, part) {
-          return arr.concat(part);
-        }, []));
-        return obj;
-      }, {});
-    }; // Frames-of-silence to use for filling in missing AAC frames
-
-
-    var coneOfSilence = {
-      96000: [highPrefix, [227, 64], zeroFill(154), [56]],
-      88200: [highPrefix, [231], zeroFill(170), [56]],
-      64000: [highPrefix, [248, 192], zeroFill(240), [56]],
-      48000: [highPrefix, [255, 192], zeroFill(268), [55, 148, 128], zeroFill(54), [112]],
-      44100: [highPrefix, [255, 192], zeroFill(268), [55, 163, 128], zeroFill(84), [112]],
-      32000: [highPrefix, [255, 192], zeroFill(268), [55, 234], zeroFill(226), [112]],
-      24000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 112], zeroFill(126), [224]],
-      16000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 255], zeroFill(269), [223, 108], zeroFill(195), [1, 192]],
-      12000: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 253, 128], zeroFill(259), [56]],
-      11025: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 255, 192], zeroFill(268), [55, 175, 128], zeroFill(108), [112]],
-      8000: [lowPrefix, zeroFill(268), [3, 121, 16], zeroFill(47), [7]]
-    };
-    var silence = makeTable(coneOfSilence);
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var ONE_SECOND_IN_TS = 90000,
-        // 90kHz clock
-    secondsToVideoTs,
-        secondsToAudioTs,
-        videoTsToSeconds,
-        audioTsToSeconds,
-        audioTsToVideoTs,
-        videoTsToAudioTs,
-        metadataTsToSeconds;
-
-    secondsToVideoTs = function secondsToVideoTs(seconds) {
-      return seconds * ONE_SECOND_IN_TS;
-    };
-
-    secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
-      return seconds * sampleRate;
-    };
-
-    videoTsToSeconds = function videoTsToSeconds(timestamp) {
-      return timestamp / ONE_SECOND_IN_TS;
-    };
-
-    audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
-      return timestamp / sampleRate;
-    };
-
-    audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
-      return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
-    };
-
-    videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
-      return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
-    };
-    /**
-     * Adjust ID3 tag or caption timing information by the timeline pts values
-     * (if keepOriginalTimestamps is false) and convert to seconds
-     */
-
-
-    metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
-      return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
-    };
-
-    var clock = {
-      ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
-      secondsToVideoTs: secondsToVideoTs,
-      secondsToAudioTs: secondsToAudioTs,
-      videoTsToSeconds: videoTsToSeconds,
-      audioTsToSeconds: audioTsToSeconds,
-      audioTsToVideoTs: audioTsToVideoTs,
-      videoTsToAudioTs: videoTsToAudioTs,
-      metadataTsToSeconds: metadataTsToSeconds
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    /**
-     * Sum the `byteLength` properties of the data in each AAC frame
-     */
-
-    var sumFrameByteLengths = function sumFrameByteLengths(array) {
-      var i,
-          currentObj,
-          sum = 0; // sum the byteLength's all each nal unit in the frame
-
-      for (i = 0; i < array.length; i++) {
-        currentObj = array[i];
-        sum += currentObj.data.byteLength;
-      }
-
-      return sum;
-    }; // Possibly pad (prefix) the audio track with silence if appending this track
-    // would lead to the introduction of a gap in the audio buffer
-
-
-    var prefixWithSilence = function prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime) {
-      var baseMediaDecodeTimeTs,
-          frameDuration = 0,
-          audioGapDuration = 0,
-          audioFillFrameCount = 0,
-          audioFillDuration = 0,
-          silentFrame,
-          i,
-          firstFrame;
-
-      if (!frames.length) {
-        return;
-      }
-
-      baseMediaDecodeTimeTs = clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate); // determine frame clock duration based on sample rate, round up to avoid overfills
-
-      frameDuration = Math.ceil(clock.ONE_SECOND_IN_TS / (track.samplerate / 1024));
-
-      if (audioAppendStartTs && videoBaseMediaDecodeTime) {
-        // insert the shortest possible amount (audio gap or audio to video gap)
-        audioGapDuration = baseMediaDecodeTimeTs - Math.max(audioAppendStartTs, videoBaseMediaDecodeTime); // number of full frames in the audio gap
-
-        audioFillFrameCount = Math.floor(audioGapDuration / frameDuration);
-        audioFillDuration = audioFillFrameCount * frameDuration;
-      } // don't attempt to fill gaps smaller than a single frame or larger
-      // than a half second
-
-
-      if (audioFillFrameCount < 1 || audioFillDuration > clock.ONE_SECOND_IN_TS / 2) {
-        return;
-      }
-
-      silentFrame = silence[track.samplerate];
-
-      if (!silentFrame) {
-        // we don't have a silent frame pregenerated for the sample rate, so use a frame
-        // from the content instead
-        silentFrame = frames[0].data;
-      }
-
-      for (i = 0; i < audioFillFrameCount; i++) {
-        firstFrame = frames[0];
-        frames.splice(0, 0, {
-          data: silentFrame,
-          dts: firstFrame.dts - frameDuration,
-          pts: firstFrame.pts - frameDuration
-        });
-      }
-
-      track.baseMediaDecodeTime -= Math.floor(clock.videoTsToAudioTs(audioFillDuration, track.samplerate));
-    }; // If the audio segment extends before the earliest allowed dts
-    // value, remove AAC frames until starts at or after the earliest
-    // allowed DTS so that we don't end up with a negative baseMedia-
-    // DecodeTime for the audio track
-
-
-    var trimAdtsFramesByEarliestDts = function trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts) {
-      if (track.minSegmentDts >= earliestAllowedDts) {
-        return adtsFrames;
-      } // We will need to recalculate the earliest segment Dts
-
-
-      track.minSegmentDts = Infinity;
-      return adtsFrames.filter(function (currentFrame) {
-        // If this is an allowed frame, keep it and record it's Dts
-        if (currentFrame.dts >= earliestAllowedDts) {
-          track.minSegmentDts = Math.min(track.minSegmentDts, currentFrame.dts);
-          track.minSegmentPts = track.minSegmentDts;
-          return true;
-        } // Otherwise, discard it
-
-
-        return false;
-      });
-    }; // generate the track's raw mdat data from an array of frames
-
-
-    var generateSampleTable$1 = function generateSampleTable(frames) {
-      var i,
-          currentFrame,
-          samples = [];
-
-      for (i = 0; i < frames.length; i++) {
-        currentFrame = frames[i];
-        samples.push({
-          size: currentFrame.data.byteLength,
-          duration: 1024 // For AAC audio, all samples contain 1024 samples
-
-        });
-      }
-
-      return samples;
-    }; // generate the track's sample table from an array of frames
-
-
-    var concatenateFrameData = function concatenateFrameData(frames) {
-      var i,
-          currentFrame,
-          dataOffset = 0,
-          data = new Uint8Array(sumFrameByteLengths(frames));
-
-      for (i = 0; i < frames.length; i++) {
-        currentFrame = frames[i];
-        data.set(currentFrame.data, dataOffset);
-        dataOffset += currentFrame.data.byteLength;
-      }
-
-      return data;
-    };
-
-    var audioFrameUtils = {
-      prefixWithSilence: prefixWithSilence,
-      trimAdtsFramesByEarliestDts: trimAdtsFramesByEarliestDts,
-      generateSampleTable: generateSampleTable$1,
-      concatenateFrameData: concatenateFrameData
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS;
-    /**
-     * Store information about the start and end of the track and the
-     * duration for each frame/sample we process in order to calculate
-     * the baseMediaDecodeTime
-     */
-
-    var collectDtsInfo = function collectDtsInfo(track, data) {
-      if (typeof data.pts === 'number') {
-        if (track.timelineStartInfo.pts === undefined) {
-          track.timelineStartInfo.pts = data.pts;
-        }
-
-        if (track.minSegmentPts === undefined) {
-          track.minSegmentPts = data.pts;
-        } else {
-          track.minSegmentPts = Math.min(track.minSegmentPts, data.pts);
-        }
-
-        if (track.maxSegmentPts === undefined) {
-          track.maxSegmentPts = data.pts;
-        } else {
-          track.maxSegmentPts = Math.max(track.maxSegmentPts, data.pts);
-        }
-      }
-
-      if (typeof data.dts === 'number') {
-        if (track.timelineStartInfo.dts === undefined) {
-          track.timelineStartInfo.dts = data.dts;
-        }
-
-        if (track.minSegmentDts === undefined) {
-          track.minSegmentDts = data.dts;
-        } else {
-          track.minSegmentDts = Math.min(track.minSegmentDts, data.dts);
-        }
-
-        if (track.maxSegmentDts === undefined) {
-          track.maxSegmentDts = data.dts;
-        } else {
-          track.maxSegmentDts = Math.max(track.maxSegmentDts, data.dts);
-        }
-      }
-    };
-    /**
-     * Clear values used to calculate the baseMediaDecodeTime between
-     * tracks
-     */
-
-
-    var clearDtsInfo = function clearDtsInfo(track) {
-      delete track.minSegmentDts;
-      delete track.maxSegmentDts;
-      delete track.minSegmentPts;
-      delete track.maxSegmentPts;
-    };
-    /**
-     * Calculate the track's baseMediaDecodeTime based on the earliest
-     * DTS the transmuxer has ever seen and the minimum DTS for the
-     * current track
-     * @param track {object} track metadata configuration
-     * @param keepOriginalTimestamps {boolean} If true, keep the timestamps
-     *        in the source; false to adjust the first segment to start at 0.
-     */
-
-
-    var calculateTrackBaseMediaDecodeTime = function calculateTrackBaseMediaDecodeTime(track, keepOriginalTimestamps) {
-      var baseMediaDecodeTime,
-          scale,
-          minSegmentDts = track.minSegmentDts; // Optionally adjust the time so the first segment starts at zero.
-
-      if (!keepOriginalTimestamps) {
-        minSegmentDts -= track.timelineStartInfo.dts;
-      } // track.timelineStartInfo.baseMediaDecodeTime is the location, in time, where
-      // we want the start of the first segment to be placed
-
-
-      baseMediaDecodeTime = track.timelineStartInfo.baseMediaDecodeTime; // Add to that the distance this segment is from the very first
-
-      baseMediaDecodeTime += minSegmentDts; // baseMediaDecodeTime must not become negative
-
-      baseMediaDecodeTime = Math.max(0, baseMediaDecodeTime);
-
-      if (track.type === 'audio') {
-        // Audio has a different clock equal to the sampling_rate so we need to
-        // scale the PTS values into the clock rate of the track
-        scale = track.samplerate / ONE_SECOND_IN_TS$1;
-        baseMediaDecodeTime *= scale;
-        baseMediaDecodeTime = Math.floor(baseMediaDecodeTime);
-      }
-
-      return baseMediaDecodeTime;
-    };
-
-    var trackDecodeInfo = {
-      clearDtsInfo: clearDtsInfo,
-      calculateTrackBaseMediaDecodeTime: calculateTrackBaseMediaDecodeTime,
-      collectDtsInfo: collectDtsInfo
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     *
-     * Reads in-band caption information from a video elementary
-     * stream. Captions must follow the CEA-708 standard for injection
-     * into an MPEG-2 transport streams.
-     * @see https://en.wikipedia.org/wiki/CEA-708
-     * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
-     */
-    // Supplemental enhancement information (SEI) NAL units have a
-    // payload type field to indicate how they are to be
-    // interpreted. CEAS-708 caption content is always transmitted with
-    // payload type 0x04.
-
-    var USER_DATA_REGISTERED_ITU_T_T35 = 4,
-        RBSP_TRAILING_BITS = 128;
-    /**
-      * Parse a supplemental enhancement information (SEI) NAL unit.
-      * Stops parsing once a message of type ITU T T35 has been found.
-      *
-      * @param bytes {Uint8Array} the bytes of a SEI NAL unit
-      * @return {object} the parsed SEI payload
-      * @see Rec. ITU-T H.264, 7.3.2.3.1
-      */
-
-    var parseSei = function parseSei(bytes) {
-      var i = 0,
-          result = {
-        payloadType: -1,
-        payloadSize: 0
-      },
-          payloadType = 0,
-          payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
-
-      while (i < bytes.byteLength) {
-        // stop once we have hit the end of the sei_rbsp
-        if (bytes[i] === RBSP_TRAILING_BITS) {
-          break;
-        } // Parse payload type
-
-
-        while (bytes[i] === 0xFF) {
-          payloadType += 255;
-          i++;
-        }
-
-        payloadType += bytes[i++]; // Parse payload size
-
-        while (bytes[i] === 0xFF) {
-          payloadSize += 255;
-          i++;
-        }
-
-        payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
-        // there can only ever be one caption message in a frame's sei
-
-        if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
-          result.payloadType = payloadType;
-          result.payloadSize = payloadSize;
-          result.payload = bytes.subarray(i, i + payloadSize);
-          break;
-        } // skip the payload and parse the next message
-
-
-        i += payloadSize;
-        payloadType = 0;
-        payloadSize = 0;
-      }
-
-      return result;
-    }; // see ANSI/SCTE 128-1 (2013), section 8.1
-
-
-    var parseUserData = function parseUserData(sei) {
-      // itu_t_t35_contry_code must be 181 (United States) for
-      // captions
-      if (sei.payload[0] !== 181) {
-        return null;
-      } // itu_t_t35_provider_code should be 49 (ATSC) for captions
-
-
-      if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
-        return null;
-      } // the user_identifier should be "GA94" to indicate ATSC1 data
-
-
-      if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
-        return null;
-      } // finally, user_data_type_code should be 0x03 for caption data
-
-
-      if (sei.payload[7] !== 0x03) {
-        return null;
-      } // return the user_data_type_structure and strip the trailing
-      // marker bits
-
-
-      return sei.payload.subarray(8, sei.payload.length - 1);
-    }; // see CEA-708-D, section 4.4
-
-
-    var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
-      var results = [],
-          i,
-          count,
-          offset,
-          data; // if this is just filler, return immediately
-
-      if (!(userData[0] & 0x40)) {
-        return results;
-      } // parse out the cc_data_1 and cc_data_2 fields
-
-
-      count = userData[0] & 0x1f;
-
-      for (i = 0; i < count; i++) {
-        offset = i * 3;
-        data = {
-          type: userData[offset + 2] & 0x03,
-          pts: pts
-        }; // capture cc data when cc_valid is 1
-
-        if (userData[offset + 2] & 0x04) {
-          data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
-          results.push(data);
-        }
-      }
-
-      return results;
-    };
-
-    var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-      var length = data.byteLength,
-          emulationPreventionBytesPositions = [],
-          i = 1,
-          newLength,
-          newData; // Find all `Emulation Prevention Bytes`
-
-      while (i < length - 2) {
-        if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-          emulationPreventionBytesPositions.push(i + 2);
-          i += 2;
-        } else {
-          i++;
-        }
-      } // If no Emulation Prevention Bytes were found just return the original
-      // array
-
-
-      if (emulationPreventionBytesPositions.length === 0) {
-        return data;
-      } // Create a new array to hold the NAL unit data
-
-
-      newLength = length - emulationPreventionBytesPositions.length;
-      newData = new Uint8Array(newLength);
-      var sourceIndex = 0;
-
-      for (i = 0; i < newLength; sourceIndex++, i++) {
-        if (sourceIndex === emulationPreventionBytesPositions[0]) {
-          // Skip this byte
-          sourceIndex++; // Remove this position index
-
-          emulationPreventionBytesPositions.shift();
-        }
-
-        newData[i] = data[sourceIndex];
-      }
-
-      return newData;
-    }; // exports
-
-
-    var captionPacketParser = {
-      parseSei: parseSei,
-      parseUserData: parseUserData,
-      parseCaptionPackets: parseCaptionPackets,
-      discardEmulationPreventionBytes: discardEmulationPreventionBytes,
-      USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
-    }; // -----------------
-    // Link To Transport
-    // -----------------
-
-    var CaptionStream = function CaptionStream() {
-      CaptionStream.prototype.init.call(this);
-      this.captionPackets_ = [];
-      this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
-      new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
-      new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
-      new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
-      ];
-      this.reset(); // forward data and done events from CCs to this CaptionStream
-
-      this.ccStreams_.forEach(function (cc) {
-        cc.on('data', this.trigger.bind(this, 'data'));
-        cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
-        cc.on('done', this.trigger.bind(this, 'done'));
-      }, this);
-    };
-
-    CaptionStream.prototype = new stream();
-
-    CaptionStream.prototype.push = function (event) {
-      var sei, userData, newCaptionPackets; // only examine SEI NALs
-
-      if (event.nalUnitType !== 'sei_rbsp') {
-        return;
-      } // parse the sei
-
-
-      sei = captionPacketParser.parseSei(event.escapedRBSP); // ignore everything but user_data_registered_itu_t_t35
-
-      if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
-        return;
-      } // parse out the user data payload
-
-
-      userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
-
-      if (!userData) {
-        return;
-      } // Sometimes, the same segment # will be downloaded twice. To stop the
-      // caption data from being processed twice, we track the latest dts we've
-      // received and ignore everything with a dts before that. However, since
-      // data for a specific dts can be split across packets on either side of
-      // a segment boundary, we need to make sure we *don't* ignore the packets
-      // from the *next* segment that have dts === this.latestDts_. By constantly
-      // tracking the number of packets received with dts === this.latestDts_, we
-      // know how many should be ignored once we start receiving duplicates.
-
-
-      if (event.dts < this.latestDts_) {
-        // We've started getting older data, so set the flag.
-        this.ignoreNextEqualDts_ = true;
-        return;
-      } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
-        this.numSameDts_--;
-
-        if (!this.numSameDts_) {
-          // We've received the last duplicate packet, time to start processing again
-          this.ignoreNextEqualDts_ = false;
-        }
-
-        return;
-      } // parse out CC data packets and save them for later
-
-
-      newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
-      this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
-
-      if (this.latestDts_ !== event.dts) {
-        this.numSameDts_ = 0;
-      }
-
-      this.numSameDts_++;
-      this.latestDts_ = event.dts;
-    };
-
-    CaptionStream.prototype.flushCCStreams = function (flushType) {
-      this.ccStreams_.forEach(function (cc) {
-        return flushType === 'flush' ? cc.flush() : cc.partialFlush();
-      }, this);
-    };
-
-    CaptionStream.prototype.flushStream = function (flushType) {
-      // make sure we actually parsed captions before proceeding
-      if (!this.captionPackets_.length) {
-        this.flushCCStreams(flushType);
-        return;
-      } // In Chrome, the Array#sort function is not stable so add a
-      // presortIndex that we can use to ensure we get a stable-sort
-
-
-      this.captionPackets_.forEach(function (elem, idx) {
-        elem.presortIndex = idx;
-      }); // sort caption byte-pairs based on their PTS values
-
-      this.captionPackets_.sort(function (a, b) {
-        if (a.pts === b.pts) {
-          return a.presortIndex - b.presortIndex;
-        }
-
-        return a.pts - b.pts;
-      });
-      this.captionPackets_.forEach(function (packet) {
-        if (packet.type < 2) {
-          // Dispatch packet to the right Cea608Stream
-          this.dispatchCea608Packet(packet);
-        } // this is where an 'else' would go for a dispatching packets
-        // to a theoretical Cea708Stream that handles SERVICEn data
-
-      }, this);
-      this.captionPackets_.length = 0;
-      this.flushCCStreams(flushType);
-    };
-
-    CaptionStream.prototype.flush = function () {
-      return this.flushStream('flush');
-    }; // Only called if handling partial data
-
-
-    CaptionStream.prototype.partialFlush = function () {
-      return this.flushStream('partialFlush');
-    };
-
-    CaptionStream.prototype.reset = function () {
-      this.latestDts_ = null;
-      this.ignoreNextEqualDts_ = false;
-      this.numSameDts_ = 0;
-      this.activeCea608Channel_ = [null, null];
-      this.ccStreams_.forEach(function (ccStream) {
-        ccStream.reset();
-      });
-    }; // From the CEA-608 spec:
-
-    /*
-     * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
-     * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
-     * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
-     * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
-     * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
-     * to switch to captioning or Text.
-    */
-    // With that in mind, we ignore any data between an XDS control code and a
-    // subsequent closed-captioning control code.
-
-
-    CaptionStream.prototype.dispatchCea608Packet = function (packet) {
-      // NOTE: packet.type is the CEA608 field
-      if (this.setsTextOrXDSActive(packet)) {
-        this.activeCea608Channel_[packet.type] = null;
-      } else if (this.setsChannel1Active(packet)) {
-        this.activeCea608Channel_[packet.type] = 0;
-      } else if (this.setsChannel2Active(packet)) {
-        this.activeCea608Channel_[packet.type] = 1;
-      }
-
-      if (this.activeCea608Channel_[packet.type] === null) {
-        // If we haven't received anything to set the active channel, or the
-        // packets are Text/XDS data, discard the data; we don't want jumbled
-        // captions
-        return;
-      }
-
-      this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
-    };
-
-    CaptionStream.prototype.setsChannel1Active = function (packet) {
-      return (packet.ccData & 0x7800) === 0x1000;
-    };
-
-    CaptionStream.prototype.setsChannel2Active = function (packet) {
-      return (packet.ccData & 0x7800) === 0x1800;
-    };
-
-    CaptionStream.prototype.setsTextOrXDSActive = function (packet) {
-      return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
-    }; // ----------------------
-    // Session to Application
-    // ----------------------
-    // This hash maps non-ASCII, special, and extended character codes to their
-    // proper Unicode equivalent. The first keys that are only a single byte
-    // are the non-standard ASCII characters, which simply map the CEA608 byte
-    // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
-    // character codes, but have their MSB bitmasked with 0x03 so that a lookup
-    // can be performed regardless of the field and data channel on which the
-    // character code was received.
-
-
-    var CHARACTER_TRANSLATION = {
-      0x2a: 0xe1,
-      // á
-      0x5c: 0xe9,
-      // é
-      0x5e: 0xed,
-      // í
-      0x5f: 0xf3,
-      // ó
-      0x60: 0xfa,
-      // ú
-      0x7b: 0xe7,
-      // ç
-      0x7c: 0xf7,
-      // ÷
-      0x7d: 0xd1,
-      // Ñ
-      0x7e: 0xf1,
-      // ñ
-      0x7f: 0x2588,
-      // █
-      0x0130: 0xae,
-      // ®
-      0x0131: 0xb0,
-      // °
-      0x0132: 0xbd,
-      // ½
-      0x0133: 0xbf,
-      // ¿
-      0x0134: 0x2122,
-      // ™
-      0x0135: 0xa2,
-      // ¢
-      0x0136: 0xa3,
-      // £
-      0x0137: 0x266a,
-      // ♪
-      0x0138: 0xe0,
-      // à
-      0x0139: 0xa0,
-      //
-      0x013a: 0xe8,
-      // è
-      0x013b: 0xe2,
-      // â
-      0x013c: 0xea,
-      // ê
-      0x013d: 0xee,
-      // î
-      0x013e: 0xf4,
-      // ô
-      0x013f: 0xfb,
-      // û
-      0x0220: 0xc1,
-      // Á
-      0x0221: 0xc9,
-      // É
-      0x0222: 0xd3,
-      // Ó
-      0x0223: 0xda,
-      // Ú
-      0x0224: 0xdc,
-      // Ü
-      0x0225: 0xfc,
-      // ü
-      0x0226: 0x2018,
-      // ‘
-      0x0227: 0xa1,
-      // ¡
-      0x0228: 0x2a,
-      // *
-      0x0229: 0x27,
-      // '
-      0x022a: 0x2014,
-      // —
-      0x022b: 0xa9,
-      // ©
-      0x022c: 0x2120,
-      // ℠
-      0x022d: 0x2022,
-      // •
-      0x022e: 0x201c,
-      // “
-      0x022f: 0x201d,
-      // ”
-      0x0230: 0xc0,
-      // À
-      0x0231: 0xc2,
-      // Â
-      0x0232: 0xc7,
-      // Ç
-      0x0233: 0xc8,
-      // È
-      0x0234: 0xca,
-      // Ê
-      0x0235: 0xcb,
-      // Ë
-      0x0236: 0xeb,
-      // ë
-      0x0237: 0xce,
-      // Î
-      0x0238: 0xcf,
-      // Ï
-      0x0239: 0xef,
-      // ï
-      0x023a: 0xd4,
-      // Ô
-      0x023b: 0xd9,
-      // Ù
-      0x023c: 0xf9,
-      // ù
-      0x023d: 0xdb,
-      // Û
-      0x023e: 0xab,
-      // «
-      0x023f: 0xbb,
-      // »
-      0x0320: 0xc3,
-      // Ã
-      0x0321: 0xe3,
-      // ã
-      0x0322: 0xcd,
-      // Í
-      0x0323: 0xcc,
-      // Ì
-      0x0324: 0xec,
-      // ì
-      0x0325: 0xd2,
-      // Ò
-      0x0326: 0xf2,
-      // ò
-      0x0327: 0xd5,
-      // Õ
-      0x0328: 0xf5,
-      // õ
-      0x0329: 0x7b,
-      // {
-      0x032a: 0x7d,
-      // }
-      0x032b: 0x5c,
-      // \
-      0x032c: 0x5e,
-      // ^
-      0x032d: 0x5f,
-      // _
-      0x032e: 0x7c,
-      // |
-      0x032f: 0x7e,
-      // ~
-      0x0330: 0xc4,
-      // Ä
-      0x0331: 0xe4,
-      // ä
-      0x0332: 0xd6,
-      // Ö
-      0x0333: 0xf6,
-      // ö
-      0x0334: 0xdf,
-      // ß
-      0x0335: 0xa5,
-      // ¥
-      0x0336: 0xa4,
-      // ¤
-      0x0337: 0x2502,
-      // │
-      0x0338: 0xc5,
-      // Å
-      0x0339: 0xe5,
-      // å
-      0x033a: 0xd8,
-      // Ø
-      0x033b: 0xf8,
-      // ø
-      0x033c: 0x250c,
-      // ┌
-      0x033d: 0x2510,
-      // ┐
-      0x033e: 0x2514,
-      // └
-      0x033f: 0x2518 // ┘
-
-    };
-
-    var getCharFromCode = function getCharFromCode(code) {
-      if (code === null) {
-        return '';
-      }
-
-      code = CHARACTER_TRANSLATION[code] || code;
-      return String.fromCharCode(code);
-    }; // the index of the last row in a CEA-608 display buffer
-
-
-    var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
-    // getting it through bit logic.
-
-    var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
-    // cells. The "bottom" row is the last element in the outer array.
-
-    var createDisplayBuffer = function createDisplayBuffer() {
-      var result = [],
-          i = BOTTOM_ROW + 1;
-
-      while (i--) {
-        result.push('');
-      }
-
-      return result;
-    };
-
-    var Cea608Stream = function Cea608Stream(field, dataChannel) {
-      Cea608Stream.prototype.init.call(this);
-      this.field_ = field || 0;
-      this.dataChannel_ = dataChannel || 0;
-      this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
-      this.setConstants();
-      this.reset();
-
-      this.push = function (packet) {
-        var data, swap, char0, char1, text; // remove the parity bits
-
-        data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
-
-        if (data === this.lastControlCode_) {
-          this.lastControlCode_ = null;
-          return;
-        } // Store control codes
-
-
-        if ((data & 0xf000) === 0x1000) {
-          this.lastControlCode_ = data;
-        } else if (data !== this.PADDING_) {
-          this.lastControlCode_ = null;
-        }
-
-        char0 = data >>> 8;
-        char1 = data & 0xff;
-
-        if (data === this.PADDING_) {
-          return;
-        } else if (data === this.RESUME_CAPTION_LOADING_) {
-          this.mode_ = 'popOn';
-        } else if (data === this.END_OF_CAPTION_) {
-          // If an EOC is received while in paint-on mode, the displayed caption
-          // text should be swapped to non-displayed memory as if it was a pop-on
-          // caption. Because of that, we should explicitly switch back to pop-on
-          // mode
-          this.mode_ = 'popOn';
-          this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
-
-          this.flushDisplayed(packet.pts); // flip memory
-
-          swap = this.displayed_;
-          this.displayed_ = this.nonDisplayed_;
-          this.nonDisplayed_ = swap; // start measuring the time to display the caption
-
-          this.startPts_ = packet.pts;
-        } else if (data === this.ROLL_UP_2_ROWS_) {
-          this.rollUpRows_ = 2;
-          this.setRollUp(packet.pts);
-        } else if (data === this.ROLL_UP_3_ROWS_) {
-          this.rollUpRows_ = 3;
-          this.setRollUp(packet.pts);
-        } else if (data === this.ROLL_UP_4_ROWS_) {
-          this.rollUpRows_ = 4;
-          this.setRollUp(packet.pts);
-        } else if (data === this.CARRIAGE_RETURN_) {
-          this.clearFormatting(packet.pts);
-          this.flushDisplayed(packet.pts);
-          this.shiftRowsUp_();
-          this.startPts_ = packet.pts;
-        } else if (data === this.BACKSPACE_) {
-          if (this.mode_ === 'popOn') {
-            this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-          } else {
-            this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-          }
-        } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
-          this.flushDisplayed(packet.pts);
-          this.displayed_ = createDisplayBuffer();
-        } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
-          this.nonDisplayed_ = createDisplayBuffer();
-        } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
-          if (this.mode_ !== 'paintOn') {
-            // NOTE: This should be removed when proper caption positioning is
-            // implemented
-            this.flushDisplayed(packet.pts);
-            this.displayed_ = createDisplayBuffer();
-          }
-
-          this.mode_ = 'paintOn';
-          this.startPts_ = packet.pts; // Append special characters to caption text
-        } else if (this.isSpecialCharacter(char0, char1)) {
-          // Bitmask char0 so that we can apply character transformations
-          // regardless of field and data channel.
-          // Then byte-shift to the left and OR with char1 so we can pass the
-          // entire character code to `getCharFromCode`.
-          char0 = (char0 & 0x03) << 8;
-          text = getCharFromCode(char0 | char1);
-          this[this.mode_](packet.pts, text);
-          this.column_++; // Append extended characters to caption text
-        } else if (this.isExtCharacter(char0, char1)) {
-          // Extended characters always follow their "non-extended" equivalents.
-          // IE if a "è" is desired, you'll always receive "eè"; non-compliant
-          // decoders are supposed to drop the "è", while compliant decoders
-          // backspace the "e" and insert "è".
-          // Delete the previous character
-          if (this.mode_ === 'popOn') {
-            this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-          } else {
-            this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-          } // Bitmask char0 so that we can apply character transformations
-          // regardless of field and data channel.
-          // Then byte-shift to the left and OR with char1 so we can pass the
-          // entire character code to `getCharFromCode`.
-
-
-          char0 = (char0 & 0x03) << 8;
-          text = getCharFromCode(char0 | char1);
-          this[this.mode_](packet.pts, text);
-          this.column_++; // Process mid-row codes
-        } else if (this.isMidRowCode(char0, char1)) {
-          // Attributes are not additive, so clear all formatting
-          this.clearFormatting(packet.pts); // According to the standard, mid-row codes
-          // should be replaced with spaces, so add one now
-
-          this[this.mode_](packet.pts, ' ');
-          this.column_++;
-
-          if ((char1 & 0xe) === 0xe) {
-            this.addFormatting(packet.pts, ['i']);
-          }
-
-          if ((char1 & 0x1) === 0x1) {
-            this.addFormatting(packet.pts, ['u']);
-          } // Detect offset control codes and adjust cursor
-
-        } else if (this.isOffsetControlCode(char0, char1)) {
-          // Cursor position is set by indent PAC (see below) in 4-column
-          // increments, with an additional offset code of 1-3 to reach any
-          // of the 32 columns specified by CEA-608. So all we need to do
-          // here is increment the column cursor by the given offset.
-          this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
-        } else if (this.isPAC(char0, char1)) {
-          // There's no logic for PAC -> row mapping, so we have to just
-          // find the row code in an array and use its index :(
-          var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
-
-          if (this.mode_ === 'rollUp') {
-            // This implies that the base row is incorrectly set.
-            // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
-            // of roll-up rows set.
-            if (row - this.rollUpRows_ + 1 < 0) {
-              row = this.rollUpRows_ - 1;
-            }
-
-            this.setRollUp(packet.pts, row);
-          }
-
-          if (row !== this.row_) {
-            // formatting is only persistent for current row
-            this.clearFormatting(packet.pts);
-            this.row_ = row;
-          } // All PACs can apply underline, so detect and apply
-          // (All odd-numbered second bytes set underline)
-
-
-          if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
-            this.addFormatting(packet.pts, ['u']);
-          }
-
-          if ((data & 0x10) === 0x10) {
-            // We've got an indent level code. Each successive even number
-            // increments the column cursor by 4, so we can get the desired
-            // column position by bit-shifting to the right (to get n/2)
-            // and multiplying by 4.
-            this.column_ = ((data & 0xe) >> 1) * 4;
-          }
-
-          if (this.isColorPAC(char1)) {
-            // it's a color code, though we only support white, which
-            // can be either normal or italicized. white italics can be
-            // either 0x4e or 0x6e depending on the row, so we just
-            // bitwise-and with 0xe to see if italics should be turned on
-            if ((char1 & 0xe) === 0xe) {
-              this.addFormatting(packet.pts, ['i']);
-            }
-          } // We have a normal character in char0, and possibly one in char1
-
-        } else if (this.isNormalChar(char0)) {
-          if (char1 === 0x00) {
-            char1 = null;
-          }
-
-          text = getCharFromCode(char0);
-          text += getCharFromCode(char1);
-          this[this.mode_](packet.pts, text);
-          this.column_ += text.length;
-        } // finish data processing
-
-      };
-    };
-
-    Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
-    // display buffer
-
-    Cea608Stream.prototype.flushDisplayed = function (pts) {
-      var content = this.displayed_ // remove spaces from the start and end of the string
-      .map(function (row) {
-        try {
-          return row.trim();
-        } catch (e) {
-          // Ordinarily, this shouldn't happen. However, caption
-          // parsing errors should not throw exceptions and
-          // break playback.
-          // eslint-disable-next-line no-console
-          console.error('Skipping malformed caption.');
-          return '';
-        }
-      }) // combine all text rows to display in one cue
-      .join('\n') // and remove blank rows from the start and end, but not the middle
-      .replace(/^\n+|\n+$/g, '');
-
-      if (content.length) {
-        this.trigger('data', {
-          startPts: this.startPts_,
-          endPts: pts,
-          text: content,
-          stream: this.name_
-        });
-      }
-    };
-    /**
-     * Zero out the data, used for startup and on seek
-     */
-
-
-    Cea608Stream.prototype.reset = function () {
-      this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
-      // actually display captions. If a caption is shifted to a row
-      // with a lower index than this, it is cleared from the display
-      // buffer
-
-      this.topRow_ = 0;
-      this.startPts_ = 0;
-      this.displayed_ = createDisplayBuffer();
-      this.nonDisplayed_ = createDisplayBuffer();
-      this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
-
-      this.column_ = 0;
-      this.row_ = BOTTOM_ROW;
-      this.rollUpRows_ = 2; // This variable holds currently-applied formatting
-
-      this.formatting_ = [];
-    };
-    /**
-     * Sets up control code and related constants for this instance
-     */
-
-
-    Cea608Stream.prototype.setConstants = function () {
-      // The following attributes have these uses:
-      // ext_ :    char0 for mid-row codes, and the base for extended
-      //           chars (ext_+0, ext_+1, and ext_+2 are char0s for
-      //           extended codes)
-      // control_: char0 for control codes, except byte-shifted to the
-      //           left so that we can do this.control_ | CONTROL_CODE
-      // offset_:  char0 for tab offset codes
-      //
-      // It's also worth noting that control codes, and _only_ control codes,
-      // differ between field 1 and field2. Field 2 control codes are always
-      // their field 1 value plus 1. That's why there's the "| field" on the
-      // control value.
-      if (this.dataChannel_ === 0) {
-        this.BASE_ = 0x10;
-        this.EXT_ = 0x11;
-        this.CONTROL_ = (0x14 | this.field_) << 8;
-        this.OFFSET_ = 0x17;
-      } else if (this.dataChannel_ === 1) {
-        this.BASE_ = 0x18;
-        this.EXT_ = 0x19;
-        this.CONTROL_ = (0x1c | this.field_) << 8;
-        this.OFFSET_ = 0x1f;
-      } // Constants for the LSByte command codes recognized by Cea608Stream. This
-      // list is not exhaustive. For a more comprehensive listing and semantics see
-      // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
-      // Padding
-
-
-      this.PADDING_ = 0x0000; // Pop-on Mode
-
-      this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
-      this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
-
-      this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
-      this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
-      this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
-      this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
-
-      this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
-
-      this.BACKSPACE_ = this.CONTROL_ | 0x21;
-      this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
-      this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
-    };
-    /**
-     * Detects if the 2-byte packet data is a special character
-     *
-     * Special characters have a second byte in the range 0x30 to 0x3f,
-     * with the first byte being 0x11 (for data channel 1) or 0x19 (for
-     * data channel 2).
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are an special character
-     */
-
-
-    Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
-      return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
-    };
-    /**
-     * Detects if the 2-byte packet data is an extended character
-     *
-     * Extended characters have a second byte in the range 0x20 to 0x3f,
-     * with the first byte being 0x12 or 0x13 (for data channel 1) or
-     * 0x1a or 0x1b (for data channel 2).
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are an extended character
-     */
-
-
-    Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
-      return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
-    };
-    /**
-     * Detects if the 2-byte packet is a mid-row code
-     *
-     * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
-     * the first byte being 0x11 (for data channel 1) or 0x19 (for data
-     * channel 2).
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are a mid-row code
-     */
-
-
-    Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
-      return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
-    };
-    /**
-     * Detects if the 2-byte packet is an offset control code
-     *
-     * Offset control codes have a second byte in the range 0x21 to 0x23,
-     * with the first byte being 0x17 (for data channel 1) or 0x1f (for
-     * data channel 2).
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are an offset control code
-     */
-
-
-    Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
-      return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
-    };
-    /**
-     * Detects if the 2-byte packet is a Preamble Address Code
-     *
-     * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
-     * or 0x18 to 0x1f (for data channel 2), with the second byte in the
-     * range 0x40 to 0x7f.
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are a PAC
-     */
-
-
-    Cea608Stream.prototype.isPAC = function (char0, char1) {
-      return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
-    };
-    /**
-     * Detects if a packet's second byte is in the range of a PAC color code
-     *
-     * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
-     * 0x60 to 0x6f.
-     *
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the byte is a color PAC
-     */
-
-
-    Cea608Stream.prototype.isColorPAC = function (char1) {
-      return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
-    };
-    /**
-     * Detects if a single byte is in the range of a normal character
-     *
-     * Normal text bytes are in the range 0x20 to 0x7f.
-     *
-     * @param  {Integer} char  The byte
-     * @return {Boolean}       Whether the byte is a normal character
-     */
-
-
-    Cea608Stream.prototype.isNormalChar = function (_char) {
-      return _char >= 0x20 && _char <= 0x7f;
-    };
-    /**
-     * Configures roll-up
-     *
-     * @param  {Integer} pts         Current PTS
-     * @param  {Integer} newBaseRow  Used by PACs to slide the current window to
-     *                               a new position
-     */
-
-
-    Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
-      // Reset the base row to the bottom row when switching modes
-      if (this.mode_ !== 'rollUp') {
-        this.row_ = BOTTOM_ROW;
-        this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
-
-        this.flushDisplayed(pts);
-        this.nonDisplayed_ = createDisplayBuffer();
-        this.displayed_ = createDisplayBuffer();
-      }
-
-      if (newBaseRow !== undefined && newBaseRow !== this.row_) {
-        // move currently displayed captions (up or down) to the new base row
-        for (var i = 0; i < this.rollUpRows_; i++) {
-          this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
-          this.displayed_[this.row_ - i] = '';
-        }
-      }
-
-      if (newBaseRow === undefined) {
-        newBaseRow = this.row_;
-      }
-
-      this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
-    }; // Adds the opening HTML tag for the passed character to the caption text,
-    // and keeps track of it for later closing
-
-
-    Cea608Stream.prototype.addFormatting = function (pts, format) {
-      this.formatting_ = this.formatting_.concat(format);
-      var text = format.reduce(function (text, format) {
-        return text + '<' + format + '>';
-      }, '');
-      this[this.mode_](pts, text);
-    }; // Adds HTML closing tags for current formatting to caption text and
-    // clears remembered formatting
-
-
-    Cea608Stream.prototype.clearFormatting = function (pts) {
-      if (!this.formatting_.length) {
-        return;
-      }
-
-      var text = this.formatting_.reverse().reduce(function (text, format) {
-        return text + '</' + format + '>';
-      }, '');
-      this.formatting_ = [];
-      this[this.mode_](pts, text);
-    }; // Mode Implementations
-
-
-    Cea608Stream.prototype.popOn = function (pts, text) {
-      var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
-
-      baseRow += text;
-      this.nonDisplayed_[this.row_] = baseRow;
-    };
-
-    Cea608Stream.prototype.rollUp = function (pts, text) {
-      var baseRow = this.displayed_[this.row_];
-      baseRow += text;
-      this.displayed_[this.row_] = baseRow;
-    };
-
-    Cea608Stream.prototype.shiftRowsUp_ = function () {
-      var i; // clear out inactive rows
-
-      for (i = 0; i < this.topRow_; i++) {
-        this.displayed_[i] = '';
-      }
-
-      for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
-        this.displayed_[i] = '';
-      } // shift displayed rows up
-
-
-      for (i = this.topRow_; i < this.row_; i++) {
-        this.displayed_[i] = this.displayed_[i + 1];
-      } // clear out the bottom row
-
-
-      this.displayed_[this.row_] = '';
-    };
-
-    Cea608Stream.prototype.paintOn = function (pts, text) {
-      var baseRow = this.displayed_[this.row_];
-      baseRow += text;
-      this.displayed_[this.row_] = baseRow;
-    }; // exports
-
-
-    var captionStream = {
-      CaptionStream: CaptionStream,
-      Cea608Stream: Cea608Stream
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var streamTypes = {
-      H264_STREAM_TYPE: 0x1B,
-      ADTS_STREAM_TYPE: 0x0F,
-      METADATA_STREAM_TYPE: 0x15
-    };
-    var MAX_TS = 8589934592;
-    var RO_THRESH = 4294967296;
-    var TYPE_SHARED = 'shared';
-
-    var handleRollover = function handleRollover(value, reference) {
-      var direction = 1;
-
-      if (value > reference) {
-        // If the current timestamp value is greater than our reference timestamp and we detect a
-        // timestamp rollover, this means the roll over is happening in the opposite direction.
-        // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
-        // point will be set to a small number, e.g. 1. The user then seeks backwards over the
-        // rollover point. In loading this segment, the timestamp values will be very large,
-        // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
-        // the time stamp to be `value - 2^33`.
-        direction = -1;
-      } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
-      // cause an incorrect adjustment.
-
-
-      while (Math.abs(reference - value) > RO_THRESH) {
-        value += direction * MAX_TS;
-      }
-
-      return value;
-    };
-
-    var TimestampRolloverStream = function TimestampRolloverStream(type) {
-      var lastDTS, referenceDTS;
-      TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
-      // video and audio. We could use `undefined` here, but having a string
-      // makes debugging a little clearer.
-
-      this.type_ = type || TYPE_SHARED;
-
-      this.push = function (data) {
-        // Any "shared" rollover streams will accept _all_ data. Otherwise,
-        // streams will only accept data that matches their type.
-        if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
-          return;
-        }
-
-        if (referenceDTS === undefined) {
-          referenceDTS = data.dts;
-        }
-
-        data.dts = handleRollover(data.dts, referenceDTS);
-        data.pts = handleRollover(data.pts, referenceDTS);
-        lastDTS = data.dts;
-        this.trigger('data', data);
-      };
-
-      this.flush = function () {
-        referenceDTS = lastDTS;
-        this.trigger('done');
-      };
-
-      this.endTimeline = function () {
-        this.flush();
-        this.trigger('endedtimeline');
-      };
-
-      this.discontinuity = function () {
-        referenceDTS = void 0;
-        lastDTS = void 0;
-      };
-
-      this.reset = function () {
-        this.discontinuity();
-        this.trigger('reset');
-      };
-    };
-
-    TimestampRolloverStream.prototype = new stream();
-    var timestampRolloverStream = {
-      TimestampRolloverStream: TimestampRolloverStream,
-      handleRollover: handleRollover
-    };
-
-    var percentEncode = function percentEncode(bytes, start, end) {
-      var i,
-          result = '';
-
-      for (i = start; i < end; i++) {
-        result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-      }
-
-      return result;
-    },
-        // return the string representation of the specified byte range,
-    // interpreted as UTf-8.
-    parseUtf8 = function parseUtf8(bytes, start, end) {
-      return decodeURIComponent(percentEncode(bytes, start, end));
-    },
-        // return the string representation of the specified byte range,
-    // interpreted as ISO-8859-1.
-    parseIso88591 = function parseIso88591(bytes, start, end) {
-      return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
-    },
-        parseSyncSafeInteger = function parseSyncSafeInteger(data) {
-      return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-    },
-        tagParsers = {
-      TXXX: function TXXX(tag) {
-        var i;
-
-        if (tag.data[0] !== 3) {
-          // ignore frames with unrecognized character encodings
-          return;
-        }
-
-        for (i = 1; i < tag.data.length; i++) {
-          if (tag.data[i] === 0) {
-            // parse the text fields
-            tag.description = parseUtf8(tag.data, 1, i); // do not include the null terminator in the tag value
-
-            tag.value = parseUtf8(tag.data, i + 1, tag.data.length).replace(/\0*$/, '');
-            break;
-          }
-        }
-
-        tag.data = tag.value;
-      },
-      WXXX: function WXXX(tag) {
-        var i;
-
-        if (tag.data[0] !== 3) {
-          // ignore frames with unrecognized character encodings
-          return;
-        }
-
-        for (i = 1; i < tag.data.length; i++) {
-          if (tag.data[i] === 0) {
-            // parse the description and URL fields
-            tag.description = parseUtf8(tag.data, 1, i);
-            tag.url = parseUtf8(tag.data, i + 1, tag.data.length);
-            break;
-          }
-        }
-      },
-      PRIV: function PRIV(tag) {
-        var i;
-
-        for (i = 0; i < tag.data.length; i++) {
-          if (tag.data[i] === 0) {
-            // parse the description and URL fields
-            tag.owner = parseIso88591(tag.data, 0, i);
-            break;
-          }
-        }
-
-        tag.privateData = tag.data.subarray(i + 1);
-        tag.data = tag.privateData;
-      }
-    },
-        _MetadataStream;
-
-    _MetadataStream = function MetadataStream(options) {
-      var settings = {
-        debug: !!(options && options.debug),
-        // the bytes of the program-level descriptor field in MP2T
-        // see ISO/IEC 13818-1:2013 (E), section 2.6 "Program and
-        // program element descriptors"
-        descriptor: options && options.descriptor
-      },
-          // the total size in bytes of the ID3 tag being parsed
-      tagSize = 0,
-          // tag data that is not complete enough to be parsed
-      buffer = [],
-          // the total number of bytes currently in the buffer
-      bufferSize = 0,
-          i;
-
-      _MetadataStream.prototype.init.call(this); // calculate the text track in-band metadata track dispatch type
-      // https://html.spec.whatwg.org/multipage/embedded-content.html#steps-to-expose-a-media-resource-specific-text-track
-
-
-      this.dispatchType = streamTypes.METADATA_STREAM_TYPE.toString(16);
-
-      if (settings.descriptor) {
-        for (i = 0; i < settings.descriptor.length; i++) {
-          this.dispatchType += ('00' + settings.descriptor[i].toString(16)).slice(-2);
-        }
-      }
-
-      this.push = function (chunk) {
-        var tag, frameStart, frameSize, frame, i, frameHeader;
-
-        if (chunk.type !== 'timed-metadata') {
-          return;
-        } // if data_alignment_indicator is set in the PES header,
-        // we must have the start of a new ID3 tag. Assume anything
-        // remaining in the buffer was malformed and throw it out
-
-
-        if (chunk.dataAlignmentIndicator) {
-          bufferSize = 0;
-          buffer.length = 0;
-        } // ignore events that don't look like ID3 data
-
-
-        if (buffer.length === 0 && (chunk.data.length < 10 || chunk.data[0] !== 'I'.charCodeAt(0) || chunk.data[1] !== 'D'.charCodeAt(0) || chunk.data[2] !== '3'.charCodeAt(0))) {
-          if (settings.debug) {
-            // eslint-disable-next-line no-console
-            console.log('Skipping unrecognized metadata packet');
-          }
-
-          return;
-        } // add this chunk to the data we've collected so far
-
-
-        buffer.push(chunk);
-        bufferSize += chunk.data.byteLength; // grab the size of the entire frame from the ID3 header
-
-        if (buffer.length === 1) {
-          // the frame size is transmitted as a 28-bit integer in the
-          // last four bytes of the ID3 header.
-          // The most significant bit of each byte is dropped and the
-          // results concatenated to recover the actual value.
-          tagSize = parseSyncSafeInteger(chunk.data.subarray(6, 10)); // ID3 reports the tag size excluding the header but it's more
-          // convenient for our comparisons to include it
-
-          tagSize += 10;
-        } // if the entire frame has not arrived, wait for more data
-
-
-        if (bufferSize < tagSize) {
-          return;
-        } // collect the entire frame so it can be parsed
-
-
-        tag = {
-          data: new Uint8Array(tagSize),
-          frames: [],
-          pts: buffer[0].pts,
-          dts: buffer[0].dts
-        };
-
-        for (i = 0; i < tagSize;) {
-          tag.data.set(buffer[0].data.subarray(0, tagSize - i), i);
-          i += buffer[0].data.byteLength;
-          bufferSize -= buffer[0].data.byteLength;
-          buffer.shift();
-        } // find the start of the first frame and the end of the tag
-
-
-        frameStart = 10;
-
-        if (tag.data[5] & 0x40) {
-          // advance the frame start past the extended header
-          frameStart += 4; // header size field
-
-          frameStart += parseSyncSafeInteger(tag.data.subarray(10, 14)); // clip any padding off the end
-
-          tagSize -= parseSyncSafeInteger(tag.data.subarray(16, 20));
-        } // parse one or more ID3 frames
-        // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-        do {
-          // determine the number of bytes in this frame
-          frameSize = parseSyncSafeInteger(tag.data.subarray(frameStart + 4, frameStart + 8));
-
-          if (frameSize < 1) {
-            // eslint-disable-next-line no-console
-            return console.log('Malformed ID3 frame encountered. Skipping metadata parsing.');
-          }
-
-          frameHeader = String.fromCharCode(tag.data[frameStart], tag.data[frameStart + 1], tag.data[frameStart + 2], tag.data[frameStart + 3]);
-          frame = {
-            id: frameHeader,
-            data: tag.data.subarray(frameStart + 10, frameStart + frameSize + 10)
-          };
-          frame.key = frame.id;
-
-          if (tagParsers[frame.id]) {
-            tagParsers[frame.id](frame); // handle the special PRIV frame used to indicate the start
-            // time for raw AAC data
-
-            if (frame.owner === 'com.apple.streaming.transportStreamTimestamp') {
-              var d = frame.data,
-                  size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-              size *= 4;
-              size += d[7] & 0x03;
-              frame.timeStamp = size; // in raw AAC, all subsequent data will be timestamped based
-              // on the value of this frame
-              // we couldn't have known the appropriate pts and dts before
-              // parsing this ID3 tag so set those values now
-
-              if (tag.pts === undefined && tag.dts === undefined) {
-                tag.pts = frame.timeStamp;
-                tag.dts = frame.timeStamp;
-              }
-
-              this.trigger('timestamp', frame);
-            }
-          }
-
-          tag.frames.push(frame);
-          frameStart += 10; // advance past the frame header
-
-          frameStart += frameSize; // advance past the frame body
-        } while (frameStart < tagSize);
-
-        this.trigger('data', tag);
-      };
-    };
-
-    _MetadataStream.prototype = new stream();
-    var metadataStream = _MetadataStream;
-    var TimestampRolloverStream$1 = timestampRolloverStream.TimestampRolloverStream; // object types
-
-    var _TransportPacketStream, _TransportParseStream, _ElementaryStream; // constants
-
-
-    var MP2T_PACKET_LENGTH = 188,
-        // bytes
-    SYNC_BYTE = 0x47;
-    /**
-     * Splits an incoming stream of binary data into MPEG-2 Transport
-     * Stream packets.
-     */
-
-    _TransportPacketStream = function TransportPacketStream() {
-      var buffer = new Uint8Array(MP2T_PACKET_LENGTH),
-          bytesInBuffer = 0;
-
-      _TransportPacketStream.prototype.init.call(this); // Deliver new bytes to the stream.
-
-      /**
-       * Split a stream of data into M2TS packets
-      **/
-
-
-      this.push = function (bytes) {
-        var startIndex = 0,
-            endIndex = MP2T_PACKET_LENGTH,
-            everything; // If there are bytes remaining from the last segment, prepend them to the
-        // bytes that were pushed in
-
-        if (bytesInBuffer) {
-          everything = new Uint8Array(bytes.byteLength + bytesInBuffer);
-          everything.set(buffer.subarray(0, bytesInBuffer));
-          everything.set(bytes, bytesInBuffer);
-          bytesInBuffer = 0;
-        } else {
-          everything = bytes;
-        } // While we have enough data for a packet
-
-
-        while (endIndex < everything.byteLength) {
-          // Look for a pair of start and end sync bytes in the data..
-          if (everything[startIndex] === SYNC_BYTE && everything[endIndex] === SYNC_BYTE) {
-            // We found a packet so emit it and jump one whole packet forward in
-            // the stream
-            this.trigger('data', everything.subarray(startIndex, endIndex));
-            startIndex += MP2T_PACKET_LENGTH;
-            endIndex += MP2T_PACKET_LENGTH;
-            continue;
-          } // If we get here, we have somehow become de-synchronized and we need to step
-          // forward one byte at a time until we find a pair of sync bytes that denote
-          // a packet
-
-
-          startIndex++;
-          endIndex++;
-        } // If there was some data left over at the end of the segment that couldn't
-        // possibly be a whole packet, keep it because it might be the start of a packet
-        // that continues in the next segment
-
-
-        if (startIndex < everything.byteLength) {
-          buffer.set(everything.subarray(startIndex), 0);
-          bytesInBuffer = everything.byteLength - startIndex;
-        }
-      };
-      /**
-       * Passes identified M2TS packets to the TransportParseStream to be parsed
-      **/
-
-
-      this.flush = function () {
-        // If the buffer contains a whole packet when we are being flushed, emit it
-        // and empty the buffer. Otherwise hold onto the data because it may be
-        // important for decoding the next segment
-        if (bytesInBuffer === MP2T_PACKET_LENGTH && buffer[0] === SYNC_BYTE) {
-          this.trigger('data', buffer);
-          bytesInBuffer = 0;
-        }
-
-        this.trigger('done');
-      };
-
-      this.endTimeline = function () {
-        this.flush();
-        this.trigger('endedtimeline');
-      };
-
-      this.reset = function () {
-        bytesInBuffer = 0;
-        this.trigger('reset');
-      };
-    };
-
-    _TransportPacketStream.prototype = new stream();
-    /**
-     * Accepts an MP2T TransportPacketStream and emits data events with parsed
-     * forms of the individual transport stream packets.
-     */
-
-    _TransportParseStream = function TransportParseStream() {
-      var parsePsi, parsePat, parsePmt, self;
-
-      _TransportParseStream.prototype.init.call(this);
-
-      self = this;
-      this.packetsWaitingForPmt = [];
-      this.programMapTable = undefined;
-
-      parsePsi = function parsePsi(payload, psi) {
-        var offset = 0; // PSI packets may be split into multiple sections and those
-        // sections may be split into multiple packets. If a PSI
-        // section starts in this packet, the payload_unit_start_indicator
-        // will be true and the first byte of the payload will indicate
-        // the offset from the current position to the start of the
-        // section.
-
-        if (psi.payloadUnitStartIndicator) {
-          offset += payload[offset] + 1;
-        }
-
-        if (psi.type === 'pat') {
-          parsePat(payload.subarray(offset), psi);
-        } else {
-          parsePmt(payload.subarray(offset), psi);
-        }
-      };
-
-      parsePat = function parsePat(payload, pat) {
-        pat.section_number = payload[7]; // eslint-disable-line camelcase
-
-        pat.last_section_number = payload[8]; // eslint-disable-line camelcase
-        // skip the PSI header and parse the first PMT entry
-
-        self.pmtPid = (payload[10] & 0x1F) << 8 | payload[11];
-        pat.pmtPid = self.pmtPid;
-      };
-      /**
-       * Parse out the relevant fields of a Program Map Table (PMT).
-       * @param payload {Uint8Array} the PMT-specific portion of an MP2T
-       * packet. The first byte in this array should be the table_id
-       * field.
-       * @param pmt {object} the object that should be decorated with
-       * fields parsed from the PMT.
-       */
-
-
-      parsePmt = function parsePmt(payload, pmt) {
-        var sectionLength, tableEnd, programInfoLength, offset; // PMTs can be sent ahead of the time when they should actually
-        // take effect. We don't believe this should ever be the case
-        // for HLS but we'll ignore "forward" PMT declarations if we see
-        // them. Future PMT declarations have the current_next_indicator
-        // set to zero.
-
-        if (!(payload[5] & 0x01)) {
-          return;
-        } // overwrite any existing program map table
-
-
-        self.programMapTable = {
-          video: null,
-          audio: null,
-          'timed-metadata': {}
-        }; // the mapping table ends at the end of the current section
-
-        sectionLength = (payload[1] & 0x0f) << 8 | payload[2];
-        tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
-        // long the program info descriptors are
-
-        programInfoLength = (payload[10] & 0x0f) << 8 | payload[11]; // advance the offset to the first entry in the mapping table
-
-        offset = 12 + programInfoLength;
-
-        while (offset < tableEnd) {
-          var streamType = payload[offset];
-          var pid = (payload[offset + 1] & 0x1F) << 8 | payload[offset + 2]; // only map a single elementary_pid for audio and video stream types
-          // TODO: should this be done for metadata too? for now maintain behavior of
-          //       multiple metadata streams
-
-          if (streamType === streamTypes.H264_STREAM_TYPE && self.programMapTable.video === null) {
-            self.programMapTable.video = pid;
-          } else if (streamType === streamTypes.ADTS_STREAM_TYPE && self.programMapTable.audio === null) {
-            self.programMapTable.audio = pid;
-          } else if (streamType === streamTypes.METADATA_STREAM_TYPE) {
-            // map pid to stream type for metadata streams
-            self.programMapTable['timed-metadata'][pid] = streamType;
-          } // move to the next table entry
-          // skip past the elementary stream descriptors, if present
-
-
-          offset += ((payload[offset + 3] & 0x0F) << 8 | payload[offset + 4]) + 5;
-        } // record the map on the packet as well
-
-
-        pmt.programMapTable = self.programMapTable;
-      };
-      /**
-       * Deliver a new MP2T packet to the next stream in the pipeline.
-       */
-
-
-      this.push = function (packet) {
-        var result = {},
-            offset = 4;
-        result.payloadUnitStartIndicator = !!(packet[1] & 0x40); // pid is a 13-bit field starting at the last bit of packet[1]
-
-        result.pid = packet[1] & 0x1f;
-        result.pid <<= 8;
-        result.pid |= packet[2]; // if an adaption field is present, its length is specified by the
-        // fifth byte of the TS packet header. The adaptation field is
-        // used to add stuffing to PES packets that don't fill a complete
-        // TS packet, and to specify some forms of timing and control data
-        // that we do not currently use.
-
-        if ((packet[3] & 0x30) >>> 4 > 0x01) {
-          offset += packet[offset] + 1;
-        } // parse the rest of the packet based on the type
-
-
-        if (result.pid === 0) {
-          result.type = 'pat';
-          parsePsi(packet.subarray(offset), result);
-          this.trigger('data', result);
-        } else if (result.pid === this.pmtPid) {
-          result.type = 'pmt';
-          parsePsi(packet.subarray(offset), result);
-          this.trigger('data', result); // if there are any packets waiting for a PMT to be found, process them now
-
-          while (this.packetsWaitingForPmt.length) {
-            this.processPes_.apply(this, this.packetsWaitingForPmt.shift());
-          }
-        } else if (this.programMapTable === undefined) {
-          // When we have not seen a PMT yet, defer further processing of
-          // PES packets until one has been parsed
-          this.packetsWaitingForPmt.push([packet, offset, result]);
-        } else {
-          this.processPes_(packet, offset, result);
-        }
-      };
-
-      this.processPes_ = function (packet, offset, result) {
-        // set the appropriate stream type
-        if (result.pid === this.programMapTable.video) {
-          result.streamType = streamTypes.H264_STREAM_TYPE;
-        } else if (result.pid === this.programMapTable.audio) {
-          result.streamType = streamTypes.ADTS_STREAM_TYPE;
-        } else {
-          // if not video or audio, it is timed-metadata or unknown
-          // if unknown, streamType will be undefined
-          result.streamType = this.programMapTable['timed-metadata'][result.pid];
-        }
-
-        result.type = 'pes';
-        result.data = packet.subarray(offset);
-        this.trigger('data', result);
-      };
-    };
-
-    _TransportParseStream.prototype = new stream();
-    _TransportParseStream.STREAM_TYPES = {
-      h264: 0x1b,
-      adts: 0x0f
-    };
-    /**
-     * Reconsistutes program elementary stream (PES) packets from parsed
-     * transport stream packets. That is, if you pipe an
-     * mp2t.TransportParseStream into a mp2t.ElementaryStream, the output
-     * events will be events which capture the bytes for individual PES
-     * packets plus relevant metadata that has been extracted from the
-     * container.
-     */
-
-    _ElementaryStream = function ElementaryStream() {
-      var self = this,
-          // PES packet fragments
-      video = {
-        data: [],
-        size: 0
-      },
-          audio = {
-        data: [],
-        size: 0
-      },
-          timedMetadata = {
-        data: [],
-        size: 0
-      },
-          programMapTable,
-          parsePes = function parsePes(payload, pes) {
-        var ptsDtsFlags; // get the packet length, this will be 0 for video
-
-        pes.packetLength = 6 + (payload[4] << 8 | payload[5]); // find out if this packets starts a new keyframe
-
-        pes.dataAlignmentIndicator = (payload[6] & 0x04) !== 0; // PES packets may be annotated with a PTS value, or a PTS value
-        // and a DTS value. Determine what combination of values is
-        // available to work with.
-
-        ptsDtsFlags = payload[7]; // PTS and DTS are normally stored as a 33-bit number.  Javascript
-        // performs all bitwise operations on 32-bit integers but javascript
-        // supports a much greater range (52-bits) of integer using standard
-        // mathematical operations.
-        // We construct a 31-bit value using bitwise operators over the 31
-        // most significant bits and then multiply by 4 (equal to a left-shift
-        // of 2) before we add the final 2 least significant bits of the
-        // timestamp (equal to an OR.)
-
-        if (ptsDtsFlags & 0xC0) {
-          // the PTS and DTS are not written out directly. For information
-          // on how they are encoded, see
-          // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
-          pes.pts = (payload[9] & 0x0E) << 27 | (payload[10] & 0xFF) << 20 | (payload[11] & 0xFE) << 12 | (payload[12] & 0xFF) << 5 | (payload[13] & 0xFE) >>> 3;
-          pes.pts *= 4; // Left shift by 2
-
-          pes.pts += (payload[13] & 0x06) >>> 1; // OR by the two LSBs
-
-          pes.dts = pes.pts;
-
-          if (ptsDtsFlags & 0x40) {
-            pes.dts = (payload[14] & 0x0E) << 27 | (payload[15] & 0xFF) << 20 | (payload[16] & 0xFE) << 12 | (payload[17] & 0xFF) << 5 | (payload[18] & 0xFE) >>> 3;
-            pes.dts *= 4; // Left shift by 2
-
-            pes.dts += (payload[18] & 0x06) >>> 1; // OR by the two LSBs
-          }
-        } // the data section starts immediately after the PES header.
-        // pes_header_data_length specifies the number of header bytes
-        // that follow the last byte of the field.
-
-
-        pes.data = payload.subarray(9 + payload[8]);
-      },
-
-      /**
-        * Pass completely parsed PES packets to the next stream in the pipeline
-       **/
-      flushStream = function flushStream(stream$$1, type, forceFlush) {
-        var packetData = new Uint8Array(stream$$1.size),
-            event = {
-          type: type
-        },
-            i = 0,
-            offset = 0,
-            packetFlushable = false,
-            fragment; // do nothing if there is not enough buffered data for a complete
-        // PES header
-
-        if (!stream$$1.data.length || stream$$1.size < 9) {
-          return;
-        }
-
-        event.trackId = stream$$1.data[0].pid; // reassemble the packet
-
-        for (i = 0; i < stream$$1.data.length; i++) {
-          fragment = stream$$1.data[i];
-          packetData.set(fragment.data, offset);
-          offset += fragment.data.byteLength;
-        } // parse assembled packet's PES header
-
-
-        parsePes(packetData, event); // non-video PES packets MUST have a non-zero PES_packet_length
-        // check that there is enough stream data to fill the packet
-
-        packetFlushable = type === 'video' || event.packetLength <= stream$$1.size; // flush pending packets if the conditions are right
-
-        if (forceFlush || packetFlushable) {
-          stream$$1.size = 0;
-          stream$$1.data.length = 0;
-        } // only emit packets that are complete. this is to avoid assembling
-        // incomplete PES packets due to poor segmentation
-
-
-        if (packetFlushable) {
-          self.trigger('data', event);
-        }
-      };
-
-      _ElementaryStream.prototype.init.call(this);
-      /**
-       * Identifies M2TS packet types and parses PES packets using metadata
-       * parsed from the PMT
-       **/
-
-
-      this.push = function (data) {
-        ({
-          pat: function pat() {// we have to wait for the PMT to arrive as well before we
-            // have any meaningful metadata
-          },
-          pes: function pes() {
-            var stream$$1, streamType;
-
-            switch (data.streamType) {
-              case streamTypes.H264_STREAM_TYPE:
-              case streamTypes.H264_STREAM_TYPE:
-                stream$$1 = video;
-                streamType = 'video';
-                break;
-
-              case streamTypes.ADTS_STREAM_TYPE:
-                stream$$1 = audio;
-                streamType = 'audio';
-                break;
-
-              case streamTypes.METADATA_STREAM_TYPE:
-                stream$$1 = timedMetadata;
-                streamType = 'timed-metadata';
-                break;
-
-              default:
-                // ignore unknown stream types
-                return;
-            } // if a new packet is starting, we can flush the completed
-            // packet
-
-
-            if (data.payloadUnitStartIndicator) {
-              flushStream(stream$$1, streamType, true);
-            } // buffer this fragment until we are sure we've received the
-            // complete payload
-
-
-            stream$$1.data.push(data);
-            stream$$1.size += data.data.byteLength;
-          },
-          pmt: function pmt() {
-            var event = {
-              type: 'metadata',
-              tracks: []
-            };
-            programMapTable = data.programMapTable; // translate audio and video streams to tracks
-
-            if (programMapTable.video !== null) {
-              event.tracks.push({
-                timelineStartInfo: {
-                  baseMediaDecodeTime: 0
-                },
-                id: +programMapTable.video,
-                codec: 'avc',
-                type: 'video'
-              });
-            }
-
-            if (programMapTable.audio !== null) {
-              event.tracks.push({
-                timelineStartInfo: {
-                  baseMediaDecodeTime: 0
-                },
-                id: +programMapTable.audio,
-                codec: 'adts',
-                type: 'audio'
-              });
-            }
-
-            self.trigger('data', event);
-          }
-        })[data.type]();
-      };
-
-      this.reset = function () {
-        video.size = 0;
-        video.data.length = 0;
-        audio.size = 0;
-        audio.data.length = 0;
-        this.trigger('reset');
-      };
-      /**
-       * Flush any remaining input. Video PES packets may be of variable
-       * length. Normally, the start of a new video packet can trigger the
-       * finalization of the previous packet. That is not possible if no
-       * more video is forthcoming, however. In that case, some other
-       * mechanism (like the end of the file) has to be employed. When it is
-       * clear that no additional data is forthcoming, calling this method
-       * will flush the buffered packets.
-       */
-
-
-      this.flushStreams_ = function () {
-        // !!THIS ORDER IS IMPORTANT!!
-        // video first then audio
-        flushStream(video, 'video');
-        flushStream(audio, 'audio');
-        flushStream(timedMetadata, 'timed-metadata');
-      };
-
-      this.flush = function () {
-        this.flushStreams_();
-        this.trigger('done');
-      };
-    };
-
-    _ElementaryStream.prototype = new stream();
-    var m2ts = {
-      PAT_PID: 0x0000,
-      MP2T_PACKET_LENGTH: MP2T_PACKET_LENGTH,
-      TransportPacketStream: _TransportPacketStream,
-      TransportParseStream: _TransportParseStream,
-      ElementaryStream: _ElementaryStream,
-      TimestampRolloverStream: TimestampRolloverStream$1,
-      CaptionStream: captionStream.CaptionStream,
-      Cea608Stream: captionStream.Cea608Stream,
-      MetadataStream: metadataStream
-    };
-
-    for (var type in streamTypes) {
-      if (streamTypes.hasOwnProperty(type)) {
-        m2ts[type] = streamTypes[type];
-      }
-    }
-
-    var m2ts_1 = m2ts;
-    var ONE_SECOND_IN_TS$2 = clock.ONE_SECOND_IN_TS;
-
-    var _AdtsStream;
-
-    var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-    /*
-     * Accepts a ElementaryStream and emits data events with parsed
-     * AAC Audio Frames of the individual packets. Input audio in ADTS
-     * format is unpacked and re-emitted as AAC frames.
-     *
-     * @see http://wiki.multimedia.cx/index.php?title=ADTS
-     * @see http://wiki.multimedia.cx/?title=Understanding_AAC
-     */
-
-    _AdtsStream = function AdtsStream(handlePartialSegments) {
-      var buffer,
-          frameNum = 0;
-
-      _AdtsStream.prototype.init.call(this);
-
-      this.push = function (packet) {
-        var i = 0,
-            frameLength,
-            protectionSkipBytes,
-            frameEnd,
-            oldBuffer,
-            sampleCount,
-            adtsFrameDuration;
-
-        if (!handlePartialSegments) {
-          frameNum = 0;
-        }
-
-        if (packet.type !== 'audio') {
-          // ignore non-audio data
-          return;
-        } // Prepend any data in the buffer to the input data so that we can parse
-        // aac frames the cross a PES packet boundary
-
-
-        if (buffer) {
-          oldBuffer = buffer;
-          buffer = new Uint8Array(oldBuffer.byteLength + packet.data.byteLength);
-          buffer.set(oldBuffer);
-          buffer.set(packet.data, oldBuffer.byteLength);
-        } else {
-          buffer = packet.data;
-        } // unpack any ADTS frames which have been fully received
-        // for details on the ADTS header, see http://wiki.multimedia.cx/index.php?title=ADTS
-
-
-        while (i + 5 < buffer.length) {
-          // Look for the start of an ADTS header..
-          if (buffer[i] !== 0xFF || (buffer[i + 1] & 0xF6) !== 0xF0) {
-            // If a valid header was not found,  jump one forward and attempt to
-            // find a valid ADTS header starting at the next byte
-            i++;
-            continue;
-          } // The protection skip bit tells us if we have 2 bytes of CRC data at the
-          // end of the ADTS header
-
-
-          protectionSkipBytes = (~buffer[i + 1] & 0x01) * 2; // Frame length is a 13 bit integer starting 16 bits from the
-          // end of the sync sequence
-
-          frameLength = (buffer[i + 3] & 0x03) << 11 | buffer[i + 4] << 3 | (buffer[i + 5] & 0xe0) >> 5;
-          sampleCount = ((buffer[i + 6] & 0x03) + 1) * 1024;
-          adtsFrameDuration = sampleCount * ONE_SECOND_IN_TS$2 / ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2];
-          frameEnd = i + frameLength; // If we don't have enough data to actually finish this ADTS frame, return
-          // and wait for more data
-
-          if (buffer.byteLength < frameEnd) {
-            return;
-          } // Otherwise, deliver the complete AAC frame
-
-
-          this.trigger('data', {
-            pts: packet.pts + frameNum * adtsFrameDuration,
-            dts: packet.dts + frameNum * adtsFrameDuration,
-            sampleCount: sampleCount,
-            audioobjecttype: (buffer[i + 2] >>> 6 & 0x03) + 1,
-            channelcount: (buffer[i + 2] & 1) << 2 | (buffer[i + 3] & 0xc0) >>> 6,
-            samplerate: ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2],
-            samplingfrequencyindex: (buffer[i + 2] & 0x3c) >>> 2,
-            // assume ISO/IEC 14496-12 AudioSampleEntry default of 16
-            samplesize: 16,
-            data: buffer.subarray(i + 7 + protectionSkipBytes, frameEnd)
-          });
-          frameNum++; // If the buffer is empty, clear it and return
-
-          if (buffer.byteLength === frameEnd) {
-            buffer = undefined;
-            return;
-          } // Remove the finished frame from the buffer and start the process again
-
-
-          buffer = buffer.subarray(frameEnd);
-        }
-      };
-
-      this.flush = function () {
-        frameNum = 0;
-        this.trigger('done');
-      };
-
-      this.reset = function () {
-        buffer = void 0;
-        this.trigger('reset');
-      };
-
-      this.endTimeline = function () {
-        buffer = void 0;
-        this.trigger('endedtimeline');
-      };
-    };
-
-    _AdtsStream.prototype = new stream();
-    var adts = _AdtsStream;
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var ExpGolomb;
-    /**
-     * Parser for exponential Golomb codes, a variable-bitwidth number encoding
-     * scheme used by h264.
-     */
-
-    ExpGolomb = function ExpGolomb(workingData) {
-      var // the number of bytes left to examine in workingData
-      workingBytesAvailable = workingData.byteLength,
-          // the current word being examined
-      workingWord = 0,
-          // :uint
-      // the number of bits left to examine in the current word
-      workingBitsAvailable = 0; // :uint;
-      // ():uint
-
-      this.length = function () {
-        return 8 * workingBytesAvailable;
-      }; // ():uint
-
-
-      this.bitsAvailable = function () {
-        return 8 * workingBytesAvailable + workingBitsAvailable;
-      }; // ():void
-
-
-      this.loadWord = function () {
-        var position = workingData.byteLength - workingBytesAvailable,
-            workingBytes = new Uint8Array(4),
-            availableBytes = Math.min(4, workingBytesAvailable);
-
-        if (availableBytes === 0) {
-          throw new Error('no bytes available');
-        }
-
-        workingBytes.set(workingData.subarray(position, position + availableBytes));
-        workingWord = new DataView(workingBytes.buffer).getUint32(0); // track the amount of workingData that has been processed
-
-        workingBitsAvailable = availableBytes * 8;
-        workingBytesAvailable -= availableBytes;
-      }; // (count:int):void
-
-
-      this.skipBits = function (count) {
-        var skipBytes; // :int
-
-        if (workingBitsAvailable > count) {
-          workingWord <<= count;
-          workingBitsAvailable -= count;
-        } else {
-          count -= workingBitsAvailable;
-          skipBytes = Math.floor(count / 8);
-          count -= skipBytes * 8;
-          workingBytesAvailable -= skipBytes;
-          this.loadWord();
-          workingWord <<= count;
-          workingBitsAvailable -= count;
-        }
-      }; // (size:int):uint
-
-
-      this.readBits = function (size) {
-        var bits = Math.min(workingBitsAvailable, size),
-            // :uint
-        valu = workingWord >>> 32 - bits; // :uint
-        // if size > 31, handle error
-
-        workingBitsAvailable -= bits;
-
-        if (workingBitsAvailable > 0) {
-          workingWord <<= bits;
-        } else if (workingBytesAvailable > 0) {
-          this.loadWord();
-        }
-
-        bits = size - bits;
-
-        if (bits > 0) {
-          return valu << bits | this.readBits(bits);
-        }
-
-        return valu;
-      }; // ():uint
-
-
-      this.skipLeadingZeros = function () {
-        var leadingZeroCount; // :uint
-
-        for (leadingZeroCount = 0; leadingZeroCount < workingBitsAvailable; ++leadingZeroCount) {
-          if ((workingWord & 0x80000000 >>> leadingZeroCount) !== 0) {
-            // the first bit of working word is 1
-            workingWord <<= leadingZeroCount;
-            workingBitsAvailable -= leadingZeroCount;
-            return leadingZeroCount;
-          }
-        } // we exhausted workingWord and still have not found a 1
-
-
-        this.loadWord();
-        return leadingZeroCount + this.skipLeadingZeros();
-      }; // ():void
-
-
-      this.skipUnsignedExpGolomb = function () {
-        this.skipBits(1 + this.skipLeadingZeros());
-      }; // ():void
-
-
-      this.skipExpGolomb = function () {
-        this.skipBits(1 + this.skipLeadingZeros());
-      }; // ():uint
-
-
-      this.readUnsignedExpGolomb = function () {
-        var clz = this.skipLeadingZeros(); // :uint
-
-        return this.readBits(clz + 1) - 1;
-      }; // ():int
-
-
-      this.readExpGolomb = function () {
-        var valu = this.readUnsignedExpGolomb(); // :int
-
-        if (0x01 & valu) {
-          // the number is odd if the low order bit is set
-          return 1 + valu >>> 1; // add 1 to make it even, and divide by 2
-        }
-
-        return -1 * (valu >>> 1); // divide by two then make it negative
-      }; // Some convenience functions
-      // :Boolean
-
-
-      this.readBoolean = function () {
-        return this.readBits(1) === 1;
-      }; // ():int
-
-
-      this.readUnsignedByte = function () {
-        return this.readBits(8);
-      };
-
-      this.loadWord();
-    };
-
-    var expGolomb = ExpGolomb;
-
-    var _H264Stream, _NalByteStream;
-
-    var PROFILES_WITH_OPTIONAL_SPS_DATA;
-    /**
-     * Accepts a NAL unit byte stream and unpacks the embedded NAL units.
-     */
-
-    _NalByteStream = function NalByteStream() {
-      var syncPoint = 0,
-          i,
-          buffer;
-
-      _NalByteStream.prototype.init.call(this);
-      /*
-       * Scans a byte stream and triggers a data event with the NAL units found.
-       * @param {Object} data Event received from H264Stream
-       * @param {Uint8Array} data.data The h264 byte stream to be scanned
-       *
-       * @see H264Stream.push
-       */
-
-
-      this.push = function (data) {
-        var swapBuffer;
-
-        if (!buffer) {
-          buffer = data.data;
-        } else {
-          swapBuffer = new Uint8Array(buffer.byteLength + data.data.byteLength);
-          swapBuffer.set(buffer);
-          swapBuffer.set(data.data, buffer.byteLength);
-          buffer = swapBuffer;
-        }
-
-        var len = buffer.byteLength; // Rec. ITU-T H.264, Annex B
-        // scan for NAL unit boundaries
-        // a match looks like this:
-        // 0 0 1 .. NAL .. 0 0 1
-        // ^ sync point        ^ i
-        // or this:
-        // 0 0 1 .. NAL .. 0 0 0
-        // ^ sync point        ^ i
-        // advance the sync point to a NAL start, if necessary
-
-        for (; syncPoint < len - 3; syncPoint++) {
-          if (buffer[syncPoint + 2] === 1) {
-            // the sync point is properly aligned
-            i = syncPoint + 5;
-            break;
-          }
-        }
-
-        while (i < len) {
-          // look at the current byte to determine if we've hit the end of
-          // a NAL unit boundary
-          switch (buffer[i]) {
-            case 0:
-              // skip past non-sync sequences
-              if (buffer[i - 1] !== 0) {
-                i += 2;
-                break;
-              } else if (buffer[i - 2] !== 0) {
-                i++;
-                break;
-              } // deliver the NAL unit if it isn't empty
-
-
-              if (syncPoint + 3 !== i - 2) {
-                this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
-              } // drop trailing zeroes
-
-
-              do {
-                i++;
-              } while (buffer[i] !== 1 && i < len);
-
-              syncPoint = i - 2;
-              i += 3;
-              break;
-
-            case 1:
-              // skip past non-sync sequences
-              if (buffer[i - 1] !== 0 || buffer[i - 2] !== 0) {
-                i += 3;
-                break;
-              } // deliver the NAL unit
-
-
-              this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
-              syncPoint = i - 2;
-              i += 3;
-              break;
-
-            default:
-              // the current byte isn't a one or zero, so it cannot be part
-              // of a sync sequence
-              i += 3;
-              break;
-          }
-        } // filter out the NAL units that were delivered
-
-
-        buffer = buffer.subarray(syncPoint);
-        i -= syncPoint;
-        syncPoint = 0;
-      };
-
-      this.reset = function () {
-        buffer = null;
-        syncPoint = 0;
-        this.trigger('reset');
-      };
-
-      this.flush = function () {
-        // deliver the last buffered NAL unit
-        if (buffer && buffer.byteLength > 3) {
-          this.trigger('data', buffer.subarray(syncPoint + 3));
-        } // reset the stream state
-
-
-        buffer = null;
-        syncPoint = 0;
-        this.trigger('done');
-      };
-
-      this.endTimeline = function () {
-        this.flush();
-        this.trigger('endedtimeline');
-      };
-    };
-
-    _NalByteStream.prototype = new stream(); // values of profile_idc that indicate additional fields are included in the SPS
-    // see Recommendation ITU-T H.264 (4/2013),
-    // 7.3.2.1.1 Sequence parameter set data syntax
-
-    PROFILES_WITH_OPTIONAL_SPS_DATA = {
-      100: true,
-      110: true,
-      122: true,
-      244: true,
-      44: true,
-      83: true,
-      86: true,
-      118: true,
-      128: true,
-      138: true,
-      139: true,
-      134: true
-    };
-    /**
-     * Accepts input from a ElementaryStream and produces H.264 NAL unit data
-     * events.
-     */
-
-    _H264Stream = function H264Stream() {
-      var nalByteStream = new _NalByteStream(),
-          self,
-          trackId,
-          currentPts,
-          currentDts,
-          discardEmulationPreventionBytes,
-          readSequenceParameterSet,
-          skipScalingList;
-
-      _H264Stream.prototype.init.call(this);
-
-      self = this;
-      /*
-       * Pushes a packet from a stream onto the NalByteStream
-       *
-       * @param {Object} packet - A packet received from a stream
-       * @param {Uint8Array} packet.data - The raw bytes of the packet
-       * @param {Number} packet.dts - Decode timestamp of the packet
-       * @param {Number} packet.pts - Presentation timestamp of the packet
-       * @param {Number} packet.trackId - The id of the h264 track this packet came from
-       * @param {('video'|'audio')} packet.type - The type of packet
-       *
-       */
-
-      this.push = function (packet) {
-        if (packet.type !== 'video') {
-          return;
-        }
-
-        trackId = packet.trackId;
-        currentPts = packet.pts;
-        currentDts = packet.dts;
-        nalByteStream.push(packet);
-      };
-      /*
-       * Identify NAL unit types and pass on the NALU, trackId, presentation and decode timestamps
-       * for the NALUs to the next stream component.
-       * Also, preprocess caption and sequence parameter NALUs.
-       *
-       * @param {Uint8Array} data - A NAL unit identified by `NalByteStream.push`
-       * @see NalByteStream.push
-       */
-
-
-      nalByteStream.on('data', function (data) {
-        var event = {
-          trackId: trackId,
-          pts: currentPts,
-          dts: currentDts,
-          data: data
-        };
-
-        switch (data[0] & 0x1f) {
-          case 0x05:
-            event.nalUnitType = 'slice_layer_without_partitioning_rbsp_idr';
-            break;
-
-          case 0x06:
-            event.nalUnitType = 'sei_rbsp';
-            event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
-            break;
-
-          case 0x07:
-            event.nalUnitType = 'seq_parameter_set_rbsp';
-            event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
-            event.config = readSequenceParameterSet(event.escapedRBSP);
-            break;
-
-          case 0x08:
-            event.nalUnitType = 'pic_parameter_set_rbsp';
-            break;
-
-          case 0x09:
-            event.nalUnitType = 'access_unit_delimiter_rbsp';
-            break;
-
-          default:
-            break;
-        } // This triggers data on the H264Stream
-
-
-        self.trigger('data', event);
-      });
-      nalByteStream.on('done', function () {
-        self.trigger('done');
-      });
-      nalByteStream.on('partialdone', function () {
-        self.trigger('partialdone');
-      });
-      nalByteStream.on('reset', function () {
-        self.trigger('reset');
-      });
-      nalByteStream.on('endedtimeline', function () {
-        self.trigger('endedtimeline');
-      });
-
-      this.flush = function () {
-        nalByteStream.flush();
-      };
-
-      this.partialFlush = function () {
-        nalByteStream.partialFlush();
-      };
-
-      this.reset = function () {
-        nalByteStream.reset();
-      };
-
-      this.endTimeline = function () {
-        nalByteStream.endTimeline();
-      };
-      /**
-       * Advance the ExpGolomb decoder past a scaling list. The scaling
-       * list is optionally transmitted as part of a sequence parameter
-       * set and is not relevant to transmuxing.
-       * @param count {number} the number of entries in this scaling list
-       * @param expGolombDecoder {object} an ExpGolomb pointed to the
-       * start of a scaling list
-       * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1
-       */
-
-
-      skipScalingList = function skipScalingList(count, expGolombDecoder) {
-        var lastScale = 8,
-            nextScale = 8,
-            j,
-            deltaScale;
-
-        for (j = 0; j < count; j++) {
-          if (nextScale !== 0) {
-            deltaScale = expGolombDecoder.readExpGolomb();
-            nextScale = (lastScale + deltaScale + 256) % 256;
-          }
-
-          lastScale = nextScale === 0 ? lastScale : nextScale;
-        }
-      };
-      /**
-       * Expunge any "Emulation Prevention" bytes from a "Raw Byte
-       * Sequence Payload"
-       * @param data {Uint8Array} the bytes of a RBSP from a NAL
-       * unit
-       * @return {Uint8Array} the RBSP without any Emulation
-       * Prevention Bytes
-       */
-
-
-      discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-        var length = data.byteLength,
-            emulationPreventionBytesPositions = [],
-            i = 1,
-            newLength,
-            newData; // Find all `Emulation Prevention Bytes`
-
-        while (i < length - 2) {
-          if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-            emulationPreventionBytesPositions.push(i + 2);
-            i += 2;
-          } else {
-            i++;
-          }
-        } // If no Emulation Prevention Bytes were found just return the original
-        // array
-
-
-        if (emulationPreventionBytesPositions.length === 0) {
-          return data;
-        } // Create a new array to hold the NAL unit data
-
-
-        newLength = length - emulationPreventionBytesPositions.length;
-        newData = new Uint8Array(newLength);
-        var sourceIndex = 0;
-
-        for (i = 0; i < newLength; sourceIndex++, i++) {
-          if (sourceIndex === emulationPreventionBytesPositions[0]) {
-            // Skip this byte
-            sourceIndex++; // Remove this position index
-
-            emulationPreventionBytesPositions.shift();
-          }
-
-          newData[i] = data[sourceIndex];
-        }
-
-        return newData;
-      };
-      /**
-       * Read a sequence parameter set and return some interesting video
-       * properties. A sequence parameter set is the H264 metadata that
-       * describes the properties of upcoming video frames.
-       * @param data {Uint8Array} the bytes of a sequence parameter set
-       * @return {object} an object with configuration parsed from the
-       * sequence parameter set, including the dimensions of the
-       * associated video frames.
-       */
-
-
-      readSequenceParameterSet = function readSequenceParameterSet(data) {
-        var frameCropLeftOffset = 0,
-            frameCropRightOffset = 0,
-            frameCropTopOffset = 0,
-            frameCropBottomOffset = 0,
-            sarScale = 1,
-            expGolombDecoder,
-            profileIdc,
-            levelIdc,
-            profileCompatibility,
-            chromaFormatIdc,
-            picOrderCntType,
-            numRefFramesInPicOrderCntCycle,
-            picWidthInMbsMinus1,
-            picHeightInMapUnitsMinus1,
-            frameMbsOnlyFlag,
-            scalingListCount,
-            sarRatio,
-            aspectRatioIdc,
-            i;
-        expGolombDecoder = new expGolomb(data);
-        profileIdc = expGolombDecoder.readUnsignedByte(); // profile_idc
-
-        profileCompatibility = expGolombDecoder.readUnsignedByte(); // constraint_set[0-5]_flag
-
-        levelIdc = expGolombDecoder.readUnsignedByte(); // level_idc u(8)
-
-        expGolombDecoder.skipUnsignedExpGolomb(); // seq_parameter_set_id
-        // some profiles have more optional data we don't need
-
-        if (PROFILES_WITH_OPTIONAL_SPS_DATA[profileIdc]) {
-          chromaFormatIdc = expGolombDecoder.readUnsignedExpGolomb();
-
-          if (chromaFormatIdc === 3) {
-            expGolombDecoder.skipBits(1); // separate_colour_plane_flag
-          }
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_luma_minus8
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_chroma_minus8
-
-          expGolombDecoder.skipBits(1); // qpprime_y_zero_transform_bypass_flag
-
-          if (expGolombDecoder.readBoolean()) {
-            // seq_scaling_matrix_present_flag
-            scalingListCount = chromaFormatIdc !== 3 ? 8 : 12;
-
-            for (i = 0; i < scalingListCount; i++) {
-              if (expGolombDecoder.readBoolean()) {
-                // seq_scaling_list_present_flag[ i ]
-                if (i < 6) {
-                  skipScalingList(16, expGolombDecoder);
-                } else {
-                  skipScalingList(64, expGolombDecoder);
-                }
-              }
-            }
-          }
-        }
-
-        expGolombDecoder.skipUnsignedExpGolomb(); // log2_max_frame_num_minus4
-
-        picOrderCntType = expGolombDecoder.readUnsignedExpGolomb();
-
-        if (picOrderCntType === 0) {
-          expGolombDecoder.readUnsignedExpGolomb(); // log2_max_pic_order_cnt_lsb_minus4
-        } else if (picOrderCntType === 1) {
-          expGolombDecoder.skipBits(1); // delta_pic_order_always_zero_flag
-
-          expGolombDecoder.skipExpGolomb(); // offset_for_non_ref_pic
-
-          expGolombDecoder.skipExpGolomb(); // offset_for_top_to_bottom_field
-
-          numRefFramesInPicOrderCntCycle = expGolombDecoder.readUnsignedExpGolomb();
-
-          for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) {
-            expGolombDecoder.skipExpGolomb(); // offset_for_ref_frame[ i ]
-          }
-        }
-
-        expGolombDecoder.skipUnsignedExpGolomb(); // max_num_ref_frames
-
-        expGolombDecoder.skipBits(1); // gaps_in_frame_num_value_allowed_flag
-
-        picWidthInMbsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
-        picHeightInMapUnitsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
-        frameMbsOnlyFlag = expGolombDecoder.readBits(1);
-
-        if (frameMbsOnlyFlag === 0) {
-          expGolombDecoder.skipBits(1); // mb_adaptive_frame_field_flag
-        }
-
-        expGolombDecoder.skipBits(1); // direct_8x8_inference_flag
-
-        if (expGolombDecoder.readBoolean()) {
-          // frame_cropping_flag
-          frameCropLeftOffset = expGolombDecoder.readUnsignedExpGolomb();
-          frameCropRightOffset = expGolombDecoder.readUnsignedExpGolomb();
-          frameCropTopOffset = expGolombDecoder.readUnsignedExpGolomb();
-          frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();
-        }
-
-        if (expGolombDecoder.readBoolean()) {
-          // vui_parameters_present_flag
-          if (expGolombDecoder.readBoolean()) {
-            // aspect_ratio_info_present_flag
-            aspectRatioIdc = expGolombDecoder.readUnsignedByte();
-
-            switch (aspectRatioIdc) {
-              case 1:
-                sarRatio = [1, 1];
-                break;
-
-              case 2:
-                sarRatio = [12, 11];
-                break;
-
-              case 3:
-                sarRatio = [10, 11];
-                break;
-
-              case 4:
-                sarRatio = [16, 11];
-                break;
-
-              case 5:
-                sarRatio = [40, 33];
-                break;
-
-              case 6:
-                sarRatio = [24, 11];
-                break;
-
-              case 7:
-                sarRatio = [20, 11];
-                break;
-
-              case 8:
-                sarRatio = [32, 11];
-                break;
-
-              case 9:
-                sarRatio = [80, 33];
-                break;
-
-              case 10:
-                sarRatio = [18, 11];
-                break;
-
-              case 11:
-                sarRatio = [15, 11];
-                break;
-
-              case 12:
-                sarRatio = [64, 33];
-                break;
-
-              case 13:
-                sarRatio = [160, 99];
-                break;
-
-              case 14:
-                sarRatio = [4, 3];
-                break;
-
-              case 15:
-                sarRatio = [3, 2];
-                break;
-
-              case 16:
-                sarRatio = [2, 1];
-                break;
-
-              case 255:
-                {
-                  sarRatio = [expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte(), expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte()];
-                  break;
-                }
-            }
-
-            if (sarRatio) {
-              sarScale = sarRatio[0] / sarRatio[1];
-            }
-          }
-        }
-
-        return {
-          profileIdc: profileIdc,
-          levelIdc: levelIdc,
-          profileCompatibility: profileCompatibility,
-          width: Math.ceil(((picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2) * sarScale),
-          height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - frameCropTopOffset * 2 - frameCropBottomOffset * 2,
-          sarRatio: sarRatio
-        };
-      };
-    };
-
-    _H264Stream.prototype = new stream();
-    var h264 = {
-      H264Stream: _H264Stream,
-      NalByteStream: _NalByteStream
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     *
-     * Utilities to detect basic properties and metadata about Aac data.
-     */
-
-    var ADTS_SAMPLING_FREQUENCIES$1 = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-
-    var isLikelyAacData = function isLikelyAacData(data) {
-      if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
-        return true;
-      }
-
-      return false;
-    };
-
-    var parseSyncSafeInteger$1 = function parseSyncSafeInteger(data) {
-      return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-    }; // return a percent-encoded representation of the specified byte range
-    // @see http://en.wikipedia.org/wiki/Percent-encoding
-
-
-    var percentEncode$1 = function percentEncode(bytes, start, end) {
-      var i,
-          result = '';
-
-      for (i = start; i < end; i++) {
-        result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-      }
-
-      return result;
-    }; // return the string representation of the specified byte range,
-    // interpreted as ISO-8859-1.
-
-
-    var parseIso88591$1 = function parseIso88591(bytes, start, end) {
-      return unescape(percentEncode$1(bytes, start, end)); // jshint ignore:line
-    };
-
-    var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
-      var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
-          flags = header[byteIndex + 5],
-          footerPresent = (flags & 16) >> 4;
-
-      if (footerPresent) {
-        return returnSize + 20;
-      }
-
-      return returnSize + 10;
-    };
-
-    var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
-      var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
-          middle = header[byteIndex + 4] << 3,
-          highTwo = header[byteIndex + 3] & 0x3 << 11;
-      return highTwo | middle | lowThree;
-    };
-
-    var parseType = function parseType(header, byteIndex) {
-      if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
-        return 'timed-metadata';
-      } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
-        return 'audio';
-      }
-
-      return null;
-    };
-
-    var parseSampleRate = function parseSampleRate(packet) {
-      var i = 0;
-
-      while (i + 5 < packet.length) {
-        if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
-          // If a valid header was not found,  jump one forward and attempt to
-          // find a valid ADTS header starting at the next byte
-          i++;
-          continue;
-        }
-
-        return ADTS_SAMPLING_FREQUENCIES$1[(packet[i + 2] & 0x3c) >>> 2];
-      }
-
-      return null;
-    };
-
-    var parseAacTimestamp = function parseAacTimestamp(packet) {
-      var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
-
-      frameStart = 10;
-
-      if (packet[5] & 0x40) {
-        // advance the frame start past the extended header
-        frameStart += 4; // header size field
-
-        frameStart += parseSyncSafeInteger$1(packet.subarray(10, 14));
-      } // parse one or more ID3 frames
-      // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-      do {
-        // determine the number of bytes in this frame
-        frameSize = parseSyncSafeInteger$1(packet.subarray(frameStart + 4, frameStart + 8));
-
-        if (frameSize < 1) {
-          return null;
-        }
-
-        frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
-
-        if (frameHeader === 'PRIV') {
-          frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
-
-          for (var i = 0; i < frame.byteLength; i++) {
-            if (frame[i] === 0) {
-              var owner = parseIso88591$1(frame, 0, i);
-
-              if (owner === 'com.apple.streaming.transportStreamTimestamp') {
-                var d = frame.subarray(i + 1);
-                var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-                size *= 4;
-                size += d[7] & 0x03;
-                return size;
-              }
-
-              break;
-            }
-          }
-        }
-
-        frameStart += 10; // advance past the frame header
-
-        frameStart += frameSize; // advance past the frame body
-      } while (frameStart < packet.byteLength);
-
-      return null;
-    };
-
-    var utils = {
-      isLikelyAacData: isLikelyAacData,
-      parseId3TagSize: parseId3TagSize,
-      parseAdtsSize: parseAdtsSize,
-      parseType: parseType,
-      parseSampleRate: parseSampleRate,
-      parseAacTimestamp: parseAacTimestamp
-    }; // Constants
-
-    var _AacStream;
-    /**
-     * Splits an incoming stream of binary data into ADTS and ID3 Frames.
-     */
-
-
-    _AacStream = function AacStream() {
-      var everything = new Uint8Array(),
-          timeStamp = 0;
-
-      _AacStream.prototype.init.call(this);
-
-      this.setTimestamp = function (timestamp) {
-        timeStamp = timestamp;
-      };
-
-      this.push = function (bytes) {
-        var frameSize = 0,
-            byteIndex = 0,
-            bytesLeft,
-            chunk,
-            packet,
-            tempLength; // If there are bytes remaining from the last segment, prepend them to the
-        // bytes that were pushed in
-
-        if (everything.length) {
-          tempLength = everything.length;
-          everything = new Uint8Array(bytes.byteLength + tempLength);
-          everything.set(everything.subarray(0, tempLength));
-          everything.set(bytes, tempLength);
-        } else {
-          everything = bytes;
-        }
-
-        while (everything.length - byteIndex >= 3) {
-          if (everything[byteIndex] === 'I'.charCodeAt(0) && everything[byteIndex + 1] === 'D'.charCodeAt(0) && everything[byteIndex + 2] === '3'.charCodeAt(0)) {
-            // Exit early because we don't have enough to parse
-            // the ID3 tag header
-            if (everything.length - byteIndex < 10) {
-              break;
-            } // check framesize
-
-
-            frameSize = utils.parseId3TagSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
-            // to emit a full packet
-            // Add to byteIndex to support multiple ID3 tags in sequence
-
-            if (byteIndex + frameSize > everything.length) {
-              break;
-            }
-
-            chunk = {
-              type: 'timed-metadata',
-              data: everything.subarray(byteIndex, byteIndex + frameSize)
-            };
-            this.trigger('data', chunk);
-            byteIndex += frameSize;
-            continue;
-          } else if ((everything[byteIndex] & 0xff) === 0xff && (everything[byteIndex + 1] & 0xf0) === 0xf0) {
-            // Exit early because we don't have enough to parse
-            // the ADTS frame header
-            if (everything.length - byteIndex < 7) {
-              break;
-            }
-
-            frameSize = utils.parseAdtsSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
-            // to emit a full packet
-
-            if (byteIndex + frameSize > everything.length) {
-              break;
-            }
-
-            packet = {
-              type: 'audio',
-              data: everything.subarray(byteIndex, byteIndex + frameSize),
-              pts: timeStamp,
-              dts: timeStamp
-            };
-            this.trigger('data', packet);
-            byteIndex += frameSize;
-            continue;
-          }
-
-          byteIndex++;
-        }
-
-        bytesLeft = everything.length - byteIndex;
-
-        if (bytesLeft > 0) {
-          everything = everything.subarray(byteIndex);
-        } else {
-          everything = new Uint8Array();
-        }
-      };
-
-      this.reset = function () {
-        everything = new Uint8Array();
-        this.trigger('reset');
-      };
-
-      this.endTimeline = function () {
-        everything = new Uint8Array();
-        this.trigger('endedtimeline');
-      };
-    };
-
-    _AacStream.prototype = new stream();
-    var aac = _AacStream;
-    var H264Stream = h264.H264Stream;
-    var isLikelyAacData$1 = utils.isLikelyAacData;
-    var ONE_SECOND_IN_TS$3 = clock.ONE_SECOND_IN_TS; // constants
-
-    var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];
-    var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility', 'sarRatio']; // object types
-
-    var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;
-    /**
-     * Compare two arrays (even typed) for same-ness
-     */
-
-
-    var arrayEquals = function arrayEquals(a, b) {
-      var i;
-
-      if (a.length !== b.length) {
-        return false;
-      } // compare the value of each element in the array
-
-
-      for (i = 0; i < a.length; i++) {
-        if (a[i] !== b[i]) {
-          return false;
-        }
-      }
-
-      return true;
-    };
-
-    var generateVideoSegmentTimingInfo = function generateVideoSegmentTimingInfo(baseMediaDecodeTime, startDts, startPts, endDts, endPts, prependedContentDuration) {
-      var ptsOffsetFromDts = startPts - startDts,
-          decodeDuration = endDts - startDts,
-          presentationDuration = endPts - startPts; // The PTS and DTS values are based on the actual stream times from the segment,
-      // however, the player time values will reflect a start from the baseMediaDecodeTime.
-      // In order to provide relevant values for the player times, base timing info on the
-      // baseMediaDecodeTime and the DTS and PTS durations of the segment.
-
-      return {
-        start: {
-          dts: baseMediaDecodeTime,
-          pts: baseMediaDecodeTime + ptsOffsetFromDts
-        },
-        end: {
-          dts: baseMediaDecodeTime + decodeDuration,
-          pts: baseMediaDecodeTime + presentationDuration
-        },
-        prependedContentDuration: prependedContentDuration,
-        baseMediaDecodeTime: baseMediaDecodeTime
-      };
-    };
-    /**
-     * Constructs a single-track, ISO BMFF media segment from AAC data
-     * events. The output of this stream can be fed to a SourceBuffer
-     * configured with a suitable initialization segment.
-     * @param track {object} track metadata configuration
-     * @param options {object} transmuxer options object
-     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-     *        in the source; false to adjust the first segment to start at 0.
-     */
-
-
-    _AudioSegmentStream = function AudioSegmentStream(track, options) {
-      var adtsFrames = [],
-          sequenceNumber = 0,
-          earliestAllowedDts = 0,
-          audioAppendStartTs = 0,
-          videoBaseMediaDecodeTime = Infinity;
-      options = options || {};
-
-      _AudioSegmentStream.prototype.init.call(this);
-
-      this.push = function (data) {
-        trackDecodeInfo.collectDtsInfo(track, data);
-
-        if (track) {
-          AUDIO_PROPERTIES.forEach(function (prop) {
-            track[prop] = data[prop];
-          });
-        } // buffer audio data until end() is called
-
-
-        adtsFrames.push(data);
-      };
-
-      this.setEarliestDts = function (earliestDts) {
-        earliestAllowedDts = earliestDts - track.timelineStartInfo.baseMediaDecodeTime;
-      };
-
-      this.setVideoBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-        videoBaseMediaDecodeTime = baseMediaDecodeTime;
-      };
-
-      this.setAudioAppendStart = function (timestamp) {
-        audioAppendStartTs = timestamp;
-      };
-
-      this.flush = function () {
-        var frames, moof, mdat, boxes, frameDuration; // return early if no audio data has been observed
-
-        if (adtsFrames.length === 0) {
-          this.trigger('done', 'AudioSegmentStream');
-          return;
-        }
-
-        frames = audioFrameUtils.trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts);
-        track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-        audioFrameUtils.prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime); // we have to build the index from byte locations to
-        // samples (that is, adts frames) in the audio data
-
-        track.samples = audioFrameUtils.generateSampleTable(frames); // concatenate the audio data to constuct the mdat
-
-        mdat = mp4Generator.mdat(audioFrameUtils.concatenateFrameData(frames));
-        adtsFrames = [];
-        moof = mp4Generator.moof(sequenceNumber, [track]);
-        boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // bump the sequence number for next time
-
-        sequenceNumber++;
-        boxes.set(moof);
-        boxes.set(mdat, moof.byteLength);
-        trackDecodeInfo.clearDtsInfo(track);
-        frameDuration = Math.ceil(ONE_SECOND_IN_TS$3 * 1024 / track.samplerate); // TODO this check was added to maintain backwards compatibility (particularly with
-        // tests) on adding the timingInfo event. However, it seems unlikely that there's a
-        // valid use-case where an init segment/data should be triggered without associated
-        // frames. Leaving for now, but should be looked into.
-
-        if (frames.length) {
-          this.trigger('timingInfo', {
-            start: frames[0].dts,
-            end: frames[0].dts + frames.length * frameDuration
-          });
-        }
-
-        this.trigger('data', {
-          track: track,
-          boxes: boxes
-        });
-        this.trigger('done', 'AudioSegmentStream');
-      };
-
-      this.reset = function () {
-        trackDecodeInfo.clearDtsInfo(track);
-        adtsFrames = [];
-        this.trigger('reset');
-      };
-    };
-
-    _AudioSegmentStream.prototype = new stream();
-    /**
-     * Constructs a single-track, ISO BMFF media segment from H264 data
-     * events. The output of this stream can be fed to a SourceBuffer
-     * configured with a suitable initialization segment.
-     * @param track {object} track metadata configuration
-     * @param options {object} transmuxer options object
-     * @param options.alignGopsAtEnd {boolean} If true, start from the end of the
-     *        gopsToAlignWith list when attempting to align gop pts
-     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-     *        in the source; false to adjust the first segment to start at 0.
-     */
-
-    _VideoSegmentStream = function VideoSegmentStream(track, options) {
-      var sequenceNumber = 0,
-          nalUnits = [],
-          gopsToAlignWith = [],
-          config,
-          pps;
-      options = options || {};
-
-      _VideoSegmentStream.prototype.init.call(this);
-
-      delete track.minPTS;
-      this.gopCache_ = [];
-      /**
-        * Constructs a ISO BMFF segment given H264 nalUnits
-        * @param {Object} nalUnit A data event representing a nalUnit
-        * @param {String} nalUnit.nalUnitType
-        * @param {Object} nalUnit.config Properties for a mp4 track
-        * @param {Uint8Array} nalUnit.data The nalUnit bytes
-        * @see lib/codecs/h264.js
-       **/
-
-      this.push = function (nalUnit) {
-        trackDecodeInfo.collectDtsInfo(track, nalUnit); // record the track config
-
-        if (nalUnit.nalUnitType === 'seq_parameter_set_rbsp' && !config) {
-          config = nalUnit.config;
-          track.sps = [nalUnit.data];
-          VIDEO_PROPERTIES.forEach(function (prop) {
-            track[prop] = config[prop];
-          }, this);
-        }
-
-        if (nalUnit.nalUnitType === 'pic_parameter_set_rbsp' && !pps) {
-          pps = nalUnit.data;
-          track.pps = [nalUnit.data];
-        } // buffer video until flush() is called
-
-
-        nalUnits.push(nalUnit);
-      };
-      /**
-        * Pass constructed ISO BMFF track and boxes on to the
-        * next stream in the pipeline
-       **/
-
-
-      this.flush = function () {
-        var frames,
-            gopForFusion,
-            gops,
-            moof,
-            mdat,
-            boxes,
-            prependedContentDuration = 0,
-            firstGop,
-            lastGop; // Throw away nalUnits at the start of the byte stream until
-        // we find the first AUD
-
-        while (nalUnits.length) {
-          if (nalUnits[0].nalUnitType === 'access_unit_delimiter_rbsp') {
-            break;
-          }
-
-          nalUnits.shift();
-        } // Return early if no video data has been observed
-
-
-        if (nalUnits.length === 0) {
-          this.resetStream_();
-          this.trigger('done', 'VideoSegmentStream');
-          return;
-        } // Organize the raw nal-units into arrays that represent
-        // higher-level constructs such as frames and gops
-        // (group-of-pictures)
-
-
-        frames = frameUtils.groupNalsIntoFrames(nalUnits);
-        gops = frameUtils.groupFramesIntoGops(frames); // If the first frame of this fragment is not a keyframe we have
-        // a problem since MSE (on Chrome) requires a leading keyframe.
-        //
-        // We have two approaches to repairing this situation:
-        // 1) GOP-FUSION:
-        //    This is where we keep track of the GOPS (group-of-pictures)
-        //    from previous fragments and attempt to find one that we can
-        //    prepend to the current fragment in order to create a valid
-        //    fragment.
-        // 2) KEYFRAME-PULLING:
-        //    Here we search for the first keyframe in the fragment and
-        //    throw away all the frames between the start of the fragment
-        //    and that keyframe. We then extend the duration and pull the
-        //    PTS of the keyframe forward so that it covers the time range
-        //    of the frames that were disposed of.
-        //
-        // #1 is far prefereable over #2 which can cause "stuttering" but
-        // requires more things to be just right.
-
-        if (!gops[0][0].keyFrame) {
-          // Search for a gop for fusion from our gopCache
-          gopForFusion = this.getGopForFusion_(nalUnits[0], track);
-
-          if (gopForFusion) {
-            // in order to provide more accurate timing information about the segment, save
-            // the number of seconds prepended to the original segment due to GOP fusion
-            prependedContentDuration = gopForFusion.duration;
-            gops.unshift(gopForFusion); // Adjust Gops' metadata to account for the inclusion of the
-            // new gop at the beginning
-
-            gops.byteLength += gopForFusion.byteLength;
-            gops.nalCount += gopForFusion.nalCount;
-            gops.pts = gopForFusion.pts;
-            gops.dts = gopForFusion.dts;
-            gops.duration += gopForFusion.duration;
-          } else {
-            // If we didn't find a candidate gop fall back to keyframe-pulling
-            gops = frameUtils.extendFirstKeyFrame(gops);
-          }
-        } // Trim gops to align with gopsToAlignWith
-
-
-        if (gopsToAlignWith.length) {
-          var alignedGops;
-
-          if (options.alignGopsAtEnd) {
-            alignedGops = this.alignGopsAtEnd_(gops);
-          } else {
-            alignedGops = this.alignGopsAtStart_(gops);
-          }
-
-          if (!alignedGops) {
-            // save all the nals in the last GOP into the gop cache
-            this.gopCache_.unshift({
-              gop: gops.pop(),
-              pps: track.pps,
-              sps: track.sps
-            }); // Keep a maximum of 6 GOPs in the cache
-
-            this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
-
-            nalUnits = []; // return early no gops can be aligned with desired gopsToAlignWith
-
-            this.resetStream_();
-            this.trigger('done', 'VideoSegmentStream');
-            return;
-          } // Some gops were trimmed. clear dts info so minSegmentDts and pts are correct
-          // when recalculated before sending off to CoalesceStream
-
-
-          trackDecodeInfo.clearDtsInfo(track);
-          gops = alignedGops;
-        }
-
-        trackDecodeInfo.collectDtsInfo(track, gops); // First, we have to build the index from byte locations to
-        // samples (that is, frames) in the video data
-
-        track.samples = frameUtils.generateSampleTable(gops); // Concatenate the video data and construct the mdat
-
-        mdat = mp4Generator.mdat(frameUtils.concatenateNalData(gops));
-        track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-        this.trigger('processedGopsInfo', gops.map(function (gop) {
-          return {
-            pts: gop.pts,
-            dts: gop.dts,
-            byteLength: gop.byteLength
-          };
-        }));
-        firstGop = gops[0];
-        lastGop = gops[gops.length - 1];
-        this.trigger('segmentTimingInfo', generateVideoSegmentTimingInfo(track.baseMediaDecodeTime, firstGop.dts, firstGop.pts, lastGop.dts + lastGop.duration, lastGop.pts + lastGop.duration, prependedContentDuration));
-        this.trigger('timingInfo', {
-          start: gops[0].dts,
-          end: gops[gops.length - 1].dts + gops[gops.length - 1].duration
-        }); // save all the nals in the last GOP into the gop cache
-
-        this.gopCache_.unshift({
-          gop: gops.pop(),
-          pps: track.pps,
-          sps: track.sps
-        }); // Keep a maximum of 6 GOPs in the cache
-
-        this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
-
-        nalUnits = [];
-        this.trigger('baseMediaDecodeTime', track.baseMediaDecodeTime);
-        this.trigger('timelineStartInfo', track.timelineStartInfo);
-        moof = mp4Generator.moof(sequenceNumber, [track]); // it would be great to allocate this array up front instead of
-        // throwing away hundreds of media segment fragments
-
-        boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // Bump the sequence number for next time
-
-        sequenceNumber++;
-        boxes.set(moof);
-        boxes.set(mdat, moof.byteLength);
-        this.trigger('data', {
-          track: track,
-          boxes: boxes
-        });
-        this.resetStream_(); // Continue with the flush process now
-
-        this.trigger('done', 'VideoSegmentStream');
-      };
-
-      this.reset = function () {
-        this.resetStream_();
-        nalUnits = [];
-        this.gopCache_.length = 0;
-        gopsToAlignWith.length = 0;
-        this.trigger('reset');
-      };
-
-      this.resetStream_ = function () {
-        trackDecodeInfo.clearDtsInfo(track); // reset config and pps because they may differ across segments
-        // for instance, when we are rendition switching
-
-        config = undefined;
-        pps = undefined;
-      }; // Search for a candidate Gop for gop-fusion from the gop cache and
-      // return it or return null if no good candidate was found
-
-
-      this.getGopForFusion_ = function (nalUnit) {
-        var halfSecond = 45000,
-            // Half-a-second in a 90khz clock
-        allowableOverlap = 10000,
-            // About 3 frames @ 30fps
-        nearestDistance = Infinity,
-            dtsDistance,
-            nearestGopObj,
-            currentGop,
-            currentGopObj,
-            i; // Search for the GOP nearest to the beginning of this nal unit
-
-        for (i = 0; i < this.gopCache_.length; i++) {
-          currentGopObj = this.gopCache_[i];
-          currentGop = currentGopObj.gop; // Reject Gops with different SPS or PPS
-
-          if (!(track.pps && arrayEquals(track.pps[0], currentGopObj.pps[0])) || !(track.sps && arrayEquals(track.sps[0], currentGopObj.sps[0]))) {
-            continue;
-          } // Reject Gops that would require a negative baseMediaDecodeTime
-
-
-          if (currentGop.dts < track.timelineStartInfo.dts) {
-            continue;
-          } // The distance between the end of the gop and the start of the nalUnit
-
-
-          dtsDistance = nalUnit.dts - currentGop.dts - currentGop.duration; // Only consider GOPS that start before the nal unit and end within
-          // a half-second of the nal unit
-
-          if (dtsDistance >= -allowableOverlap && dtsDistance <= halfSecond) {
-            // Always use the closest GOP we found if there is more than
-            // one candidate
-            if (!nearestGopObj || nearestDistance > dtsDistance) {
-              nearestGopObj = currentGopObj;
-              nearestDistance = dtsDistance;
-            }
-          }
-        }
-
-        if (nearestGopObj) {
-          return nearestGopObj.gop;
-        }
-
-        return null;
-      }; // trim gop list to the first gop found that has a matching pts with a gop in the list
-      // of gopsToAlignWith starting from the START of the list
-
-
-      this.alignGopsAtStart_ = function (gops) {
-        var alignIndex, gopIndex, align, gop, byteLength, nalCount, duration, alignedGops;
-        byteLength = gops.byteLength;
-        nalCount = gops.nalCount;
-        duration = gops.duration;
-        alignIndex = gopIndex = 0;
-
-        while (alignIndex < gopsToAlignWith.length && gopIndex < gops.length) {
-          align = gopsToAlignWith[alignIndex];
-          gop = gops[gopIndex];
-
-          if (align.pts === gop.pts) {
-            break;
-          }
-
-          if (gop.pts > align.pts) {
-            // this current gop starts after the current gop we want to align on, so increment
-            // align index
-            alignIndex++;
-            continue;
-          } // current gop starts before the current gop we want to align on. so increment gop
-          // index
-
-
-          gopIndex++;
-          byteLength -= gop.byteLength;
-          nalCount -= gop.nalCount;
-          duration -= gop.duration;
-        }
-
-        if (gopIndex === 0) {
-          // no gops to trim
-          return gops;
-        }
-
-        if (gopIndex === gops.length) {
-          // all gops trimmed, skip appending all gops
-          return null;
-        }
-
-        alignedGops = gops.slice(gopIndex);
-        alignedGops.byteLength = byteLength;
-        alignedGops.duration = duration;
-        alignedGops.nalCount = nalCount;
-        alignedGops.pts = alignedGops[0].pts;
-        alignedGops.dts = alignedGops[0].dts;
-        return alignedGops;
-      }; // trim gop list to the first gop found that has a matching pts with a gop in the list
-      // of gopsToAlignWith starting from the END of the list
-
-
-      this.alignGopsAtEnd_ = function (gops) {
-        var alignIndex, gopIndex, align, gop, alignEndIndex, matchFound;
-        alignIndex = gopsToAlignWith.length - 1;
-        gopIndex = gops.length - 1;
-        alignEndIndex = null;
-        matchFound = false;
-
-        while (alignIndex >= 0 && gopIndex >= 0) {
-          align = gopsToAlignWith[alignIndex];
-          gop = gops[gopIndex];
-
-          if (align.pts === gop.pts) {
-            matchFound = true;
-            break;
-          }
-
-          if (align.pts > gop.pts) {
-            alignIndex--;
-            continue;
-          }
-
-          if (alignIndex === gopsToAlignWith.length - 1) {
-            // gop.pts is greater than the last alignment candidate. If no match is found
-            // by the end of this loop, we still want to append gops that come after this
-            // point
-            alignEndIndex = gopIndex;
-          }
-
-          gopIndex--;
-        }
-
-        if (!matchFound && alignEndIndex === null) {
-          return null;
-        }
-
-        var trimIndex;
-
-        if (matchFound) {
-          trimIndex = gopIndex;
-        } else {
-          trimIndex = alignEndIndex;
-        }
-
-        if (trimIndex === 0) {
-          return gops;
-        }
-
-        var alignedGops = gops.slice(trimIndex);
-        var metadata = alignedGops.reduce(function (total, gop) {
-          total.byteLength += gop.byteLength;
-          total.duration += gop.duration;
-          total.nalCount += gop.nalCount;
-          return total;
-        }, {
-          byteLength: 0,
-          duration: 0,
-          nalCount: 0
-        });
-        alignedGops.byteLength = metadata.byteLength;
-        alignedGops.duration = metadata.duration;
-        alignedGops.nalCount = metadata.nalCount;
-        alignedGops.pts = alignedGops[0].pts;
-        alignedGops.dts = alignedGops[0].dts;
-        return alignedGops;
-      };
-
-      this.alignGopsWith = function (newGopsToAlignWith) {
-        gopsToAlignWith = newGopsToAlignWith;
-      };
-    };
-
-    _VideoSegmentStream.prototype = new stream();
-    /**
-     * A Stream that can combine multiple streams (ie. audio & video)
-     * into a single output segment for MSE. Also supports audio-only
-     * and video-only streams.
-     * @param options {object} transmuxer options object
-     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-     *        in the source; false to adjust the first segment to start at media timeline start.
-     */
-
-    _CoalesceStream = function CoalesceStream(options, metadataStream) {
-      // Number of Tracks per output segment
-      // If greater than 1, we combine multiple
-      // tracks into a single segment
-      this.numberOfTracks = 0;
-      this.metadataStream = metadataStream;
-      options = options || {};
-
-      if (typeof options.remux !== 'undefined') {
-        this.remuxTracks = !!options.remux;
-      } else {
-        this.remuxTracks = true;
-      }
-
-      if (typeof options.keepOriginalTimestamps === 'boolean') {
-        this.keepOriginalTimestamps = options.keepOriginalTimestamps;
-      } else {
-        this.keepOriginalTimestamps = false;
-      }
-
-      this.pendingTracks = [];
-      this.videoTrack = null;
-      this.pendingBoxes = [];
-      this.pendingCaptions = [];
-      this.pendingMetadata = [];
-      this.pendingBytes = 0;
-      this.emittedTracks = 0;
-
-      _CoalesceStream.prototype.init.call(this); // Take output from multiple
-
-
-      this.push = function (output) {
-        // buffer incoming captions until the associated video segment
-        // finishes
-        if (output.text) {
-          return this.pendingCaptions.push(output);
-        } // buffer incoming id3 tags until the final flush
-
-
-        if (output.frames) {
-          return this.pendingMetadata.push(output);
-        } // Add this track to the list of pending tracks and store
-        // important information required for the construction of
-        // the final segment
-
-
-        this.pendingTracks.push(output.track);
-        this.pendingBytes += output.boxes.byteLength; // TODO: is there an issue for this against chrome?
-        // We unshift audio and push video because
-        // as of Chrome 75 when switching from
-        // one init segment to another if the video
-        // mdat does not appear after the audio mdat
-        // only audio will play for the duration of our transmux.
-
-        if (output.track.type === 'video') {
-          this.videoTrack = output.track;
-          this.pendingBoxes.push(output.boxes);
-        }
-
-        if (output.track.type === 'audio') {
-          this.audioTrack = output.track;
-          this.pendingBoxes.unshift(output.boxes);
-        }
-      };
-    };
-
-    _CoalesceStream.prototype = new stream();
-
-    _CoalesceStream.prototype.flush = function (flushSource) {
-      var offset = 0,
-          event = {
-        captions: [],
-        captionStreams: {},
-        metadata: [],
-        info: {}
-      },
-          caption,
-          id3,
-          initSegment,
-          timelineStartPts = 0,
-          i;
-
-      if (this.pendingTracks.length < this.numberOfTracks) {
-        if (flushSource !== 'VideoSegmentStream' && flushSource !== 'AudioSegmentStream') {
-          // Return because we haven't received a flush from a data-generating
-          // portion of the segment (meaning that we have only recieved meta-data
-          // or captions.)
-          return;
-        } else if (this.remuxTracks) {
-          // Return until we have enough tracks from the pipeline to remux (if we
-          // are remuxing audio and video into a single MP4)
-          return;
-        } else if (this.pendingTracks.length === 0) {
-          // In the case where we receive a flush without any data having been
-          // received we consider it an emitted track for the purposes of coalescing
-          // `done` events.
-          // We do this for the case where there is an audio and video track in the
-          // segment but no audio data. (seen in several playlists with alternate
-          // audio tracks and no audio present in the main TS segments.)
-          this.emittedTracks++;
-
-          if (this.emittedTracks >= this.numberOfTracks) {
-            this.trigger('done');
-            this.emittedTracks = 0;
-          }
-
-          return;
-        }
-      }
-
-      if (this.videoTrack) {
-        timelineStartPts = this.videoTrack.timelineStartInfo.pts;
-        VIDEO_PROPERTIES.forEach(function (prop) {
-          event.info[prop] = this.videoTrack[prop];
-        }, this);
-      } else if (this.audioTrack) {
-        timelineStartPts = this.audioTrack.timelineStartInfo.pts;
-        AUDIO_PROPERTIES.forEach(function (prop) {
-          event.info[prop] = this.audioTrack[prop];
-        }, this);
-      }
-
-      if (this.videoTrack || this.audioTrack) {
-        if (this.pendingTracks.length === 1) {
-          event.type = this.pendingTracks[0].type;
-        } else {
-          event.type = 'combined';
-        }
-
-        this.emittedTracks += this.pendingTracks.length;
-        initSegment = mp4Generator.initSegment(this.pendingTracks); // Create a new typed array to hold the init segment
-
-        event.initSegment = new Uint8Array(initSegment.byteLength); // Create an init segment containing a moov
-        // and track definitions
-
-        event.initSegment.set(initSegment); // Create a new typed array to hold the moof+mdats
-
-        event.data = new Uint8Array(this.pendingBytes); // Append each moof+mdat (one per track) together
-
-        for (i = 0; i < this.pendingBoxes.length; i++) {
-          event.data.set(this.pendingBoxes[i], offset);
-          offset += this.pendingBoxes[i].byteLength;
-        } // Translate caption PTS times into second offsets to match the
-        // video timeline for the segment, and add track info
-
-
-        for (i = 0; i < this.pendingCaptions.length; i++) {
-          caption = this.pendingCaptions[i];
-          caption.startTime = clock.metadataTsToSeconds(caption.startPts, timelineStartPts, this.keepOriginalTimestamps);
-          caption.endTime = clock.metadataTsToSeconds(caption.endPts, timelineStartPts, this.keepOriginalTimestamps);
-          event.captionStreams[caption.stream] = true;
-          event.captions.push(caption);
-        } // Translate ID3 frame PTS times into second offsets to match the
-        // video timeline for the segment
-
-
-        for (i = 0; i < this.pendingMetadata.length; i++) {
-          id3 = this.pendingMetadata[i];
-          id3.cueTime = clock.metadataTsToSeconds(id3.pts, timelineStartPts, this.keepOriginalTimestamps);
-          event.metadata.push(id3);
-        } // We add this to every single emitted segment even though we only need
-        // it for the first
-
-
-        event.metadata.dispatchType = this.metadataStream.dispatchType; // Reset stream state
-
-        this.pendingTracks.length = 0;
-        this.videoTrack = null;
-        this.pendingBoxes.length = 0;
-        this.pendingCaptions.length = 0;
-        this.pendingBytes = 0;
-        this.pendingMetadata.length = 0; // Emit the built segment
-        // We include captions and ID3 tags for backwards compatibility,
-        // ideally we should send only video and audio in the data event
-
-        this.trigger('data', event); // Emit each caption to the outside world
-        // Ideally, this would happen immediately on parsing captions,
-        // but we need to ensure that video data is sent back first
-        // so that caption timing can be adjusted to match video timing
-
-        for (i = 0; i < event.captions.length; i++) {
-          caption = event.captions[i];
-          this.trigger('caption', caption);
-        } // Emit each id3 tag to the outside world
-        // Ideally, this would happen immediately on parsing the tag,
-        // but we need to ensure that video data is sent back first
-        // so that ID3 frame timing can be adjusted to match video timing
-
-
-        for (i = 0; i < event.metadata.length; i++) {
-          id3 = event.metadata[i];
-          this.trigger('id3Frame', id3);
-        }
-      } // Only emit `done` if all tracks have been flushed and emitted
-
-
-      if (this.emittedTracks >= this.numberOfTracks) {
-        this.trigger('done');
-        this.emittedTracks = 0;
-      }
-    };
-
-    _CoalesceStream.prototype.setRemux = function (val) {
-      this.remuxTracks = val;
-    };
-    /**
-     * A Stream that expects MP2T binary data as input and produces
-     * corresponding media segments, suitable for use with Media Source
-     * Extension (MSE) implementations that support the ISO BMFF byte
-     * stream format, like Chrome.
-     */
-
-
-    _Transmuxer = function Transmuxer(options) {
-      var self = this,
-          hasFlushed = true,
-          videoTrack,
-          audioTrack;
-
-      _Transmuxer.prototype.init.call(this);
-
-      options = options || {};
-      this.baseMediaDecodeTime = options.baseMediaDecodeTime || 0;
-      this.transmuxPipeline_ = {};
-
-      this.setupAacPipeline = function () {
-        var pipeline = {};
-        this.transmuxPipeline_ = pipeline;
-        pipeline.type = 'aac';
-        pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
-        pipeline.aacStream = new aac();
-        pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');
-        pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');
-        pipeline.adtsStream = new adts();
-        pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
-        pipeline.headOfPipeline = pipeline.aacStream;
-        pipeline.aacStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);
-        pipeline.aacStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);
-        pipeline.metadataStream.on('timestamp', function (frame) {
-          pipeline.aacStream.setTimestamp(frame.timeStamp);
-        });
-        pipeline.aacStream.on('data', function (data) {
-          if (data.type === 'timed-metadata' && !pipeline.audioSegmentStream) {
-            audioTrack = audioTrack || {
-              timelineStartInfo: {
-                baseMediaDecodeTime: self.baseMediaDecodeTime
-              },
-              codec: 'adts',
-              type: 'audio'
-            }; // hook up the audio segment stream to the first track with aac data
-
-            pipeline.coalesceStream.numberOfTracks++;
-            pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
-            pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
-
-            pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-          } // emit pmt info
-
-
-          self.trigger('trackinfo', {
-            hasAudio: !!audioTrack,
-            hasVideo: !!videoTrack
-          });
-        }); // Re-emit any data coming from the coalesce stream to the outside world
-
-        pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data')); // Let the consumer know we have finished flushing the entire pipeline
-
-        pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
-      };
-
-      this.setupTsPipeline = function () {
-        var pipeline = {};
-        this.transmuxPipeline_ = pipeline;
-        pipeline.type = 'ts';
-        pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
-        pipeline.packetStream = new m2ts_1.TransportPacketStream();
-        pipeline.parseStream = new m2ts_1.TransportParseStream();
-        pipeline.elementaryStream = new m2ts_1.ElementaryStream();
-        pipeline.timestampRolloverStream = new m2ts_1.TimestampRolloverStream();
-        pipeline.adtsStream = new adts();
-        pipeline.h264Stream = new H264Stream();
-        pipeline.captionStream = new m2ts_1.CaptionStream();
-        pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
-        pipeline.headOfPipeline = pipeline.packetStream; // disassemble MPEG2-TS packets into elementary streams
-
-        pipeline.packetStream.pipe(pipeline.parseStream).pipe(pipeline.elementaryStream).pipe(pipeline.timestampRolloverStream); // !!THIS ORDER IS IMPORTANT!!
-        // demux the streams
-
-        pipeline.timestampRolloverStream.pipe(pipeline.h264Stream);
-        pipeline.timestampRolloverStream.pipe(pipeline.adtsStream);
-        pipeline.timestampRolloverStream.pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream); // Hook up CEA-608/708 caption stream
-
-        pipeline.h264Stream.pipe(pipeline.captionStream).pipe(pipeline.coalesceStream);
-        pipeline.elementaryStream.on('data', function (data) {
-          var i;
-
-          if (data.type === 'metadata') {
-            i = data.tracks.length; // scan the tracks listed in the metadata
-
-            while (i--) {
-              if (!videoTrack && data.tracks[i].type === 'video') {
-                videoTrack = data.tracks[i];
-                videoTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
-              } else if (!audioTrack && data.tracks[i].type === 'audio') {
-                audioTrack = data.tracks[i];
-                audioTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
-              }
-            } // hook up the video segment stream to the first track with h264 data
-
-
-            if (videoTrack && !pipeline.videoSegmentStream) {
-              pipeline.coalesceStream.numberOfTracks++;
-              pipeline.videoSegmentStream = new _VideoSegmentStream(videoTrack, options);
-              pipeline.videoSegmentStream.on('timelineStartInfo', function (timelineStartInfo) {
-                // When video emits timelineStartInfo data after a flush, we forward that
-                // info to the AudioSegmentStream, if it exists, because video timeline
-                // data takes precedence.
-                if (audioTrack) {
-                  audioTrack.timelineStartInfo = timelineStartInfo; // On the first segment we trim AAC frames that exist before the
-                  // very earliest DTS we have seen in video because Chrome will
-                  // interpret any video track with a baseMediaDecodeTime that is
-                  // non-zero as a gap.
-
-                  pipeline.audioSegmentStream.setEarliestDts(timelineStartInfo.dts);
-                }
-              });
-              pipeline.videoSegmentStream.on('processedGopsInfo', self.trigger.bind(self, 'gopInfo'));
-              pipeline.videoSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'videoSegmentTimingInfo'));
-              pipeline.videoSegmentStream.on('baseMediaDecodeTime', function (baseMediaDecodeTime) {
-                if (audioTrack) {
-                  pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);
-                }
-              });
-              pipeline.videoSegmentStream.on('timingInfo', self.trigger.bind(self, 'videoTimingInfo')); // Set up the final part of the video pipeline
-
-              pipeline.h264Stream.pipe(pipeline.videoSegmentStream).pipe(pipeline.coalesceStream);
-            }
-
-            if (audioTrack && !pipeline.audioSegmentStream) {
-              // hook up the audio segment stream to the first track with aac data
-              pipeline.coalesceStream.numberOfTracks++;
-              pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
-              pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
-
-              pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-            } // emit pmt info
-
-
-            self.trigger('trackinfo', {
-              hasAudio: !!audioTrack,
-              hasVideo: !!videoTrack
-            });
-          }
-        }); // Re-emit any data coming from the coalesce stream to the outside world
-
-        pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));
-        pipeline.coalesceStream.on('id3Frame', function (id3Frame) {
-          id3Frame.dispatchType = pipeline.metadataStream.dispatchType;
-          self.trigger('id3Frame', id3Frame);
-        });
-        pipeline.coalesceStream.on('caption', this.trigger.bind(this, 'caption')); // Let the consumer know we have finished flushing the entire pipeline
-
-        pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
-      }; // hook up the segment streams once track metadata is delivered
-
-
-      this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-        var pipeline = this.transmuxPipeline_;
-
-        if (!options.keepOriginalTimestamps) {
-          this.baseMediaDecodeTime = baseMediaDecodeTime;
-        }
-
-        if (audioTrack) {
-          audioTrack.timelineStartInfo.dts = undefined;
-          audioTrack.timelineStartInfo.pts = undefined;
-          trackDecodeInfo.clearDtsInfo(audioTrack);
-
-          if (!options.keepOriginalTimestamps) {
-            audioTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-          }
-
-          if (pipeline.audioTimestampRolloverStream) {
-            pipeline.audioTimestampRolloverStream.discontinuity();
-          }
-        }
-
-        if (videoTrack) {
-          if (pipeline.videoSegmentStream) {
-            pipeline.videoSegmentStream.gopCache_ = [];
-          }
-
-          videoTrack.timelineStartInfo.dts = undefined;
-          videoTrack.timelineStartInfo.pts = undefined;
-          trackDecodeInfo.clearDtsInfo(videoTrack);
-          pipeline.captionStream.reset();
-
-          if (!options.keepOriginalTimestamps) {
-            videoTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-          }
-        }
-
-        if (pipeline.timestampRolloverStream) {
-          pipeline.timestampRolloverStream.discontinuity();
-        }
-      };
-
-      this.setAudioAppendStart = function (timestamp) {
-        if (audioTrack) {
-          this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);
-        }
-      };
-
-      this.setRemux = function (val) {
-        var pipeline = this.transmuxPipeline_;
-        options.remux = val;
-
-        if (pipeline && pipeline.coalesceStream) {
-          pipeline.coalesceStream.setRemux(val);
-        }
-      };
-
-      this.alignGopsWith = function (gopsToAlignWith) {
-        if (videoTrack && this.transmuxPipeline_.videoSegmentStream) {
-          this.transmuxPipeline_.videoSegmentStream.alignGopsWith(gopsToAlignWith);
-        }
-      }; // feed incoming data to the front of the parsing pipeline
-
-
-      this.push = function (data) {
-        if (hasFlushed) {
-          var isAac = isLikelyAacData$1(data);
-
-          if (isAac && this.transmuxPipeline_.type !== 'aac') {
-            this.setupAacPipeline();
-          } else if (!isAac && this.transmuxPipeline_.type !== 'ts') {
-            this.setupTsPipeline();
-          }
-
-          hasFlushed = false;
-        }
-
-        this.transmuxPipeline_.headOfPipeline.push(data);
-      }; // flush any buffered data
-
-
-      this.flush = function () {
-        hasFlushed = true; // Start at the top of the pipeline and flush all pending work
-
-        this.transmuxPipeline_.headOfPipeline.flush();
-      };
-
-      this.endTimeline = function () {
-        this.transmuxPipeline_.headOfPipeline.endTimeline();
-      };
-
-      this.reset = function () {
-        if (this.transmuxPipeline_.headOfPipeline) {
-          this.transmuxPipeline_.headOfPipeline.reset();
-        }
-      }; // Caption data has to be reset when seeking outside buffered range
-
-
-      this.resetCaptions = function () {
-        if (this.transmuxPipeline_.captionStream) {
-          this.transmuxPipeline_.captionStream.reset();
-        }
-      };
-    };
-
-    _Transmuxer.prototype = new stream();
-    var transmuxer = {
-      Transmuxer: _Transmuxer,
-      VideoSegmentStream: _VideoSegmentStream,
-      AudioSegmentStream: _AudioSegmentStream,
-      AUDIO_PROPERTIES: AUDIO_PROPERTIES,
-      VIDEO_PROPERTIES: VIDEO_PROPERTIES,
-      // exported for testing
-      generateVideoSegmentTimingInfo: generateVideoSegmentTimingInfo
-    };
-
-    var classCallCheck = function classCallCheck(instance, Constructor) {
-      if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-      }
-    };
-
-    var createClass = function () {
-      function defineProperties(target, props) {
-        for (var i = 0; i < props.length; i++) {
-          var descriptor = props[i];
-          descriptor.enumerable = descriptor.enumerable || false;
-          descriptor.configurable = true;
-          if ("value" in descriptor) descriptor.writable = true;
-          Object.defineProperty(target, descriptor.key, descriptor);
-        }
-      }
-
-      return function (Constructor, protoProps, staticProps) {
-        if (protoProps) defineProperties(Constructor.prototype, protoProps);
-        if (staticProps) defineProperties(Constructor, staticProps);
-        return Constructor;
-      };
-    }();
-    /**
-     * @file transmuxer-worker.js
-     */
-
-    /**
-     * Re-emits transmuxer events by converting them into messages to the
-     * world outside the worker.
-     *
-     * @param {Object} transmuxer the transmuxer to wire events on
-     * @private
-     */
-
-
-    var wireTransmuxerEvents = function wireTransmuxerEvents(self, transmuxer$$1) {
-      transmuxer$$1.on('data', function (segment) {
-        // transfer ownership of the underlying ArrayBuffer
-        // instead of doing a copy to save memory
-        // ArrayBuffers are transferable but generic TypedArrays are not
-        // @link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Passing_data_by_transferring_ownership_(transferable_objects)
-        var initArray = segment.initSegment;
-        segment.initSegment = {
-          data: initArray.buffer,
-          byteOffset: initArray.byteOffset,
-          byteLength: initArray.byteLength
-        };
-        var typedArray = segment.data;
-        segment.data = typedArray.buffer;
-        self.postMessage({
-          action: 'data',
-          segment: segment,
-          byteOffset: typedArray.byteOffset,
-          byteLength: typedArray.byteLength
-        }, [segment.data]);
-      });
-
-      if (transmuxer$$1.captionStream) {
-        transmuxer$$1.captionStream.on('data', function (caption) {
-          self.postMessage({
-            action: 'caption',
-            data: caption
-          });
-        });
-      }
-
-      transmuxer$$1.on('done', function (data) {
-        self.postMessage({
-          action: 'done'
-        });
-      });
-      transmuxer$$1.on('gopInfo', function (gopInfo) {
-        self.postMessage({
-          action: 'gopInfo',
-          gopInfo: gopInfo
-        });
-      });
-      transmuxer$$1.on('videoSegmentTimingInfo', function (videoSegmentTimingInfo) {
-        self.postMessage({
-          action: 'videoSegmentTimingInfo',
-          videoSegmentTimingInfo: videoSegmentTimingInfo
-        });
-      });
-    };
-    /**
-     * All incoming messages route through this hash. If no function exists
-     * to handle an incoming message, then we ignore the message.
-     *
-     * @class MessageHandlers
-     * @param {Object} options the options to initialize with
-     */
-
-
-    var MessageHandlers = function () {
-      function MessageHandlers(self, options) {
-        classCallCheck(this, MessageHandlers);
-        this.options = options || {};
-        this.self = self;
-        this.init();
-      }
-      /**
-       * initialize our web worker and wire all the events.
-       */
-
-
-      createClass(MessageHandlers, [{
-        key: 'init',
-        value: function init() {
-          if (this.transmuxer) {
-            this.transmuxer.dispose();
-          }
-
-          this.transmuxer = new transmuxer.Transmuxer(this.options);
-          wireTransmuxerEvents(this.self, this.transmuxer);
-        }
-        /**
-         * Adds data (a ts segment) to the start of the transmuxer pipeline for
-         * processing.
-         *
-         * @param {ArrayBuffer} data data to push into the muxer
-         */
-
-      }, {
-        key: 'push',
-        value: function push(data) {
-          // Cast array buffer to correct type for transmuxer
-          var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
-          this.transmuxer.push(segment);
-        }
-        /**
-         * Recreate the transmuxer so that the next segment added via `push`
-         * start with a fresh transmuxer.
-         */
-
-      }, {
-        key: 'reset',
-        value: function reset() {
-          this.init();
-        }
-        /**
-         * Set the value that will be used as the `baseMediaDecodeTime` time for the
-         * next segment pushed in. Subsequent segments will have their `baseMediaDecodeTime`
-         * set relative to the first based on the PTS values.
-         *
-         * @param {Object} data used to set the timestamp offset in the muxer
-         */
-
-      }, {
-        key: 'setTimestampOffset',
-        value: function setTimestampOffset(data) {
-          var timestampOffset = data.timestampOffset || 0;
-          this.transmuxer.setBaseMediaDecodeTime(Math.round(timestampOffset * 90000));
-        }
-      }, {
-        key: 'setAudioAppendStart',
-        value: function setAudioAppendStart(data) {
-          this.transmuxer.setAudioAppendStart(Math.ceil(data.appendStart * 90000));
-        }
-        /**
-         * Forces the pipeline to finish processing the last segment and emit it's
-         * results.
-         *
-         * @param {Object} data event data, not really used
-         */
-
-      }, {
-        key: 'flush',
-        value: function flush(data) {
-          this.transmuxer.flush();
-        }
-      }, {
-        key: 'resetCaptions',
-        value: function resetCaptions() {
-          this.transmuxer.resetCaptions();
-        }
-      }, {
-        key: 'alignGopsWith',
-        value: function alignGopsWith(data) {
-          this.transmuxer.alignGopsWith(data.gopsToAlignWith.slice());
-        }
-      }]);
-      return MessageHandlers;
-    }();
-    /**
-     * Our web wroker interface so that things can talk to mux.js
-     * that will be running in a web worker. the scope is passed to this by
-     * webworkify.
-     *
-     * @param {Object} self the scope for the web worker
-     */
-
-
-    var TransmuxerWorker = function TransmuxerWorker(self) {
-      self.onmessage = function (event) {
-        if (event.data.action === 'init' && event.data.options) {
-          this.messageHandlers = new MessageHandlers(self, event.data.options);
-          return;
-        }
-
-        if (!this.messageHandlers) {
-          this.messageHandlers = new MessageHandlers(self);
-        }
-
-        if (event.data && event.data.action && event.data.action !== 'init') {
-          if (this.messageHandlers[event.data.action]) {
-            this.messageHandlers[event.data.action](event.data);
-          }
-        }
-      };
-    };
-
-    var transmuxerWorker = new TransmuxerWorker(self);
-    return transmuxerWorker;
-  }();
-});
-/**
- * @file - codecs.js - Handles tasks regarding codec strings such as translating them to
- * codec strings, or translating codec strings into objects that can be examined.
- */
-// Default codec parameters if none were provided for video and/or audio
-
-var defaultCodecs = {
-  videoCodec: 'avc1',
-  videoObjectTypeIndicator: '.4d400d',
-  // AAC-LC
-  audioProfile: '2'
-};
-/**
- * Replace the old apple-style `avc1.<dd>.<dd>` codec string with the standard
- * `avc1.<hhhhhh>`
- *
- * @param {Array} codecs an array of codec strings to fix
- * @return {Array} the translated codec array
- * @private
- */
-
-var translateLegacyCodecs = function translateLegacyCodecs(codecs) {
-  return codecs.map(function (codec) {
-    return codec.replace(/avc1\.(\d+)\.(\d+)/i, function (orig, profile, avcLevel) {
-      var profileHex = ('00' + Number(profile).toString(16)).slice(-2);
-      var avcLevelHex = ('00' + Number(avcLevel).toString(16)).slice(-2);
-      return 'avc1.' + profileHex + '00' + avcLevelHex;
-    });
-  });
-};
-/**
- * Parses a codec string to retrieve the number of codecs specified,
- * the video codec and object type indicator, and the audio profile.
- */
-
-
-var parseCodecs = function parseCodecs() {
-  var codecs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var result = {
-    codecCount: 0
-  };
-  var parsed = void 0;
-  result.codecCount = codecs.split(',').length;
-  result.codecCount = result.codecCount || 2; // parse the video codec
-
-  parsed = /(^|\s|,)+(avc[13])([^ ,]*)/i.exec(codecs);
-
-  if (parsed) {
-    result.videoCodec = parsed[2];
-    result.videoObjectTypeIndicator = parsed[3];
-  } // parse the last field of the audio codec
-
-
-  result.audioProfile = /(^|\s|,)+mp4a.[0-9A-Fa-f]+\.([0-9A-Fa-f]+)/i.exec(codecs);
-  result.audioProfile = result.audioProfile && result.audioProfile[2];
-  return result;
-};
-/**
- * Replace codecs in the codec string with the old apple-style `avc1.<dd>.<dd>` to the
- * standard `avc1.<hhhhhh>`.
- *
- * @param codecString {String} the codec string
- * @return {String} the codec string with old apple-style codecs replaced
- *
- * @private
- */
-
-
-var mapLegacyAvcCodecs = function mapLegacyAvcCodecs(codecString) {
-  return codecString.replace(/avc1\.(\d+)\.(\d+)/i, function (match) {
-    return translateLegacyCodecs([match])[0];
-  });
-};
-/**
- * Build a media mime-type string from a set of parameters
- * @param {String} type either 'audio' or 'video'
- * @param {String} container either 'mp2t' or 'mp4'
- * @param {Array} codecs an array of codec strings to add
- * @return {String} a valid media mime-type
- */
-
-
-var makeMimeTypeString = function makeMimeTypeString(type, container, codecs) {
-  // The codecs array is filtered so that falsey values are
-  // dropped and don't cause Array#join to create spurious
-  // commas
-  return type + '/' + container + '; codecs="' + codecs.filter(function (c) {
-    return !!c;
-  }).join(', ') + '"';
-};
-/**
- * Returns the type container based on information in the playlist
- * @param {Playlist} media the current media playlist
- * @return {String} a valid media container type
- */
-
-
-var getContainerType = function getContainerType(media) {
-  // An initialization segment means the media playlist is an iframe
-  // playlist or is using the mp4 container. We don't currently
-  // support iframe playlists, so assume this is signalling mp4
-  // fragments.
-  if (media.segments && media.segments.length && media.segments[0].map) {
-    return 'mp4';
-  }
-
-  return 'mp2t';
-};
-/**
- * Returns a set of codec strings parsed from the playlist or the default
- * codec strings if no codecs were specified in the playlist
- * @param {Playlist} media the current media playlist
- * @return {Object} an object with the video and audio codecs
- */
-
-
-var getCodecs = function getCodecs(media) {
-  // if the codecs were explicitly specified, use them instead of the
-  // defaults
-  var mediaAttributes = media.attributes || {};
-
-  if (mediaAttributes.CODECS) {
-    return parseCodecs(mediaAttributes.CODECS);
-  }
-
-  return defaultCodecs;
-};
-
-var audioProfileFromDefault = function audioProfileFromDefault(master, audioGroupId) {
-  if (!master.mediaGroups.AUDIO || !audioGroupId) {
-    return null;
-  }
-
-  var audioGroup = master.mediaGroups.AUDIO[audioGroupId];
-
-  if (!audioGroup) {
-    return null;
-  }
-
-  for (var name in audioGroup) {
-    var audioType = audioGroup[name];
-
-    if (audioType["default"] && audioType.playlists) {
-      // codec should be the same for all playlists within the audio type
-      return parseCodecs(audioType.playlists[0].attributes.CODECS).audioProfile;
-    }
-  }
-
-  return null;
-};
-/**
- * Calculates the MIME type strings for a working configuration of
- * SourceBuffers to play variant streams in a master playlist. If
- * there is no possible working configuration, an empty array will be
- * returned.
- *
- * @param master {Object} the m3u8 object for the master playlist
- * @param media {Object} the m3u8 object for the variant playlist
- * @return {Array} the MIME type strings. If the array has more than
- * one entry, the first element should be applied to the video
- * SourceBuffer and the second to the audio SourceBuffer.
- *
- * @private
- */
-
-
-var mimeTypesForPlaylist = function mimeTypesForPlaylist(master, media) {
-  var containerType = getContainerType(media);
-  var codecInfo = getCodecs(media);
-  var mediaAttributes = media.attributes || {}; // Default condition for a traditional HLS (no demuxed audio/video)
-
-  var isMuxed = true;
-  var isMaat = false;
-
-  if (!media) {
-    // Not enough information
-    return [];
-  }
-
-  if (master.mediaGroups.AUDIO && mediaAttributes.AUDIO) {
-    var audioGroup = master.mediaGroups.AUDIO[mediaAttributes.AUDIO]; // Handle the case where we are in a multiple-audio track scenario
-
-    if (audioGroup) {
-      isMaat = true; // Start with the everything demuxed then...
-
-      isMuxed = false; // ...check to see if any audio group tracks are muxed (ie. lacking a uri)
-
-      for (var groupId in audioGroup) {
-        // either a uri is present (if the case of HLS and an external playlist), or
-        // playlists is present (in the case of DASH where we don't have external audio
-        // playlists)
-        if (!audioGroup[groupId].uri && !audioGroup[groupId].playlists) {
-          isMuxed = true;
-          break;
-        }
-      }
-    }
-  } // HLS with multiple-audio tracks must always get an audio codec.
-  // Put another way, there is no way to have a video-only multiple-audio HLS!
-
-
-  if (isMaat && !codecInfo.audioProfile) {
-    if (!isMuxed) {
-      // It is possible for codecs to be specified on the audio media group playlist but
-      // not on the rendition playlist. This is mostly the case for DASH, where audio and
-      // video are always separate (and separately specified).
-      codecInfo.audioProfile = audioProfileFromDefault(master, mediaAttributes.AUDIO);
-    }
-
-    if (!codecInfo.audioProfile) {
-      videojs$1.log.warn('Multiple audio tracks present but no audio codec string is specified. ' + 'Attempting to use the default audio codec (mp4a.40.2)');
-      codecInfo.audioProfile = defaultCodecs.audioProfile;
-    }
-  } // Generate the final codec strings from the codec object generated above
-
-
-  var codecStrings = {};
-
-  if (codecInfo.videoCodec) {
-    codecStrings.video = '' + codecInfo.videoCodec + codecInfo.videoObjectTypeIndicator;
-  }
-
-  if (codecInfo.audioProfile) {
-    codecStrings.audio = 'mp4a.40.' + codecInfo.audioProfile;
-  } // Finally, make and return an array with proper mime-types depending on
-  // the configuration
-
-
-  var justAudio = makeMimeTypeString('audio', containerType, [codecStrings.audio]);
-  var justVideo = makeMimeTypeString('video', containerType, [codecStrings.video]);
-  var bothVideoAudio = makeMimeTypeString('video', containerType, [codecStrings.video, codecStrings.audio]);
-
-  if (isMaat) {
-    if (!isMuxed && codecStrings.video) {
-      return [justVideo, justAudio];
-    }
-
-    if (!isMuxed && !codecStrings.video) {
-      // There is no muxed content and no video codec string, so this is an audio only
-      // stream with alternate audio.
-      return [justAudio, justAudio];
-    } // There exists the possiblity that this will return a `video/container`
-    // mime-type for the first entry in the array even when there is only audio.
-    // This doesn't appear to be a problem and simplifies the code.
-
-
-    return [bothVideoAudio, justAudio];
-  } // If there is no video codec at all, always just return a single
-  // audio/<container> mime-type
-
-
-  if (!codecStrings.video) {
-    return [justAudio];
-  } // When not using separate audio media groups, audio and video is
-  // *always* muxed
-
-
-  return [bothVideoAudio];
-};
-/**
- * Parse a content type header into a type and parameters
- * object
- *
- * @param {String} type the content type header
- * @return {Object} the parsed content-type
- * @private
- */
-
-
-var parseContentType = function parseContentType(type) {
-  var object = {
-    type: '',
-    parameters: {}
-  };
-  var parameters = type.trim().split(';'); // first parameter should always be content-type
-
-  object.type = parameters.shift().trim();
-  parameters.forEach(function (parameter) {
-    var pair = parameter.trim().split('=');
-
-    if (pair.length > 1) {
-      var name = pair[0].replace(/"/g, '').trim();
-      var value = pair[1].replace(/"/g, '').trim();
-      object.parameters[name] = value;
-    }
-  });
-  return object;
-};
-/**
- * Check if a codec string refers to an audio codec.
- *
- * @param {String} codec codec string to check
- * @return {Boolean} if this is an audio codec
- * @private
- */
-
-
-var isAudioCodec = function isAudioCodec(codec) {
-  return /mp4a\.\d+.\d+/i.test(codec);
-};
-/**
- * Check if a codec string refers to a video codec.
- *
- * @param {String} codec codec string to check
- * @return {Boolean} if this is a video codec
- * @private
- */
-
-
-var isVideoCodec = function isVideoCodec(codec) {
-  return /avc1\.[\da-f]+/i.test(codec);
-};
-/**
- * Returns a list of gops in the buffer that have a pts value of 3 seconds or more in
- * front of current time.
- *
- * @param {Array} buffer
- *        The current buffer of gop information
- * @param {Number} currentTime
- *        The current time
- * @param {Double} mapping
- *        Offset to map display time to stream presentation time
- * @return {Array}
- *         List of gops considered safe to append over
- */
-
-
-var gopsSafeToAlignWith = function gopsSafeToAlignWith(buffer, currentTime, mapping) {
-  if (typeof currentTime === 'undefined' || currentTime === null || !buffer.length) {
-    return [];
-  } // pts value for current time + 3 seconds to give a bit more wiggle room
-
-
-  var currentTimePts = Math.ceil((currentTime - mapping + 3) * 90000);
-  var i = void 0;
-
-  for (i = 0; i < buffer.length; i++) {
-    if (buffer[i].pts > currentTimePts) {
-      break;
-    }
-  }
-
-  return buffer.slice(i);
-};
-/**
- * Appends gop information (timing and byteLength) received by the transmuxer for the
- * gops appended in the last call to appendBuffer
- *
- * @param {Array} buffer
- *        The current buffer of gop information
- * @param {Array} gops
- *        List of new gop information
- * @param {boolean} replace
- *        If true, replace the buffer with the new gop information. If false, append the
- *        new gop information to the buffer in the right location of time.
- * @return {Array}
- *         Updated list of gop information
- */
-
-
-var updateGopBuffer = function updateGopBuffer(buffer, gops, replace) {
-  if (!gops.length) {
-    return buffer;
-  }
-
-  if (replace) {
-    // If we are in safe append mode, then completely overwrite the gop buffer
-    // with the most recent appeneded data. This will make sure that when appending
-    // future segments, we only try to align with gops that are both ahead of current
-    // time and in the last segment appended.
-    return gops.slice();
-  }
-
-  var start = gops[0].pts;
-  var i = 0;
-
-  for (i; i < buffer.length; i++) {
-    if (buffer[i].pts >= start) {
-      break;
-    }
-  }
-
-  return buffer.slice(0, i).concat(gops);
-};
-/**
- * Removes gop information in buffer that overlaps with provided start and end
- *
- * @param {Array} buffer
- *        The current buffer of gop information
- * @param {Double} start
- *        position to start the remove at
- * @param {Double} end
- *        position to end the remove at
- * @param {Double} mapping
- *        Offset to map display time to stream presentation time
- */
-
-
-var removeGopBuffer = function removeGopBuffer(buffer, start, end, mapping) {
-  var startPts = Math.ceil((start - mapping) * 90000);
-  var endPts = Math.ceil((end - mapping) * 90000);
-  var updatedBuffer = buffer.slice();
-  var i = buffer.length;
-
-  while (i--) {
-    if (buffer[i].pts <= endPts) {
-      break;
-    }
-  }
-
-  if (i === -1) {
-    // no removal because end of remove range is before start of buffer
-    return updatedBuffer;
-  }
-
-  var j = i + 1;
-
-  while (j--) {
-    if (buffer[j].pts <= startPts) {
-      break;
-    }
-  } // clamp remove range start to 0 index
-
-
-  j = Math.max(j, 0);
-  updatedBuffer.splice(j, i - j + 1);
-  return updatedBuffer;
-};
-
-var buffered = function buffered(videoBuffer, audioBuffer, audioDisabled) {
-  var start = null;
-  var end = null;
-  var arity = 0;
-  var extents = [];
-  var ranges = []; // neither buffer has been created yet
-
-  if (!videoBuffer && !audioBuffer) {
-    return videojs$1.createTimeRange();
-  } // only one buffer is configured
-
-
-  if (!videoBuffer) {
-    return audioBuffer.buffered;
-  }
-
-  if (!audioBuffer) {
-    return videoBuffer.buffered;
-  } // both buffers are configured
-
-
-  if (audioDisabled) {
-    return videoBuffer.buffered;
-  } // both buffers are empty
-
-
-  if (videoBuffer.buffered.length === 0 && audioBuffer.buffered.length === 0) {
-    return videojs$1.createTimeRange();
-  } // Handle the case where we have both buffers and create an
-  // intersection of the two
-
-
-  var videoBuffered = videoBuffer.buffered;
-  var audioBuffered = audioBuffer.buffered;
-  var count = videoBuffered.length; // A) Gather up all start and end times
-
-  while (count--) {
-    extents.push({
-      time: videoBuffered.start(count),
-      type: 'start'
-    });
-    extents.push({
-      time: videoBuffered.end(count),
-      type: 'end'
-    });
-  }
-
-  count = audioBuffered.length;
-
-  while (count--) {
-    extents.push({
-      time: audioBuffered.start(count),
-      type: 'start'
-    });
-    extents.push({
-      time: audioBuffered.end(count),
-      type: 'end'
-    });
-  } // B) Sort them by time
-
-
-  extents.sort(function (a, b) {
-    return a.time - b.time;
-  }); // C) Go along one by one incrementing arity for start and decrementing
-  //    arity for ends
-
-  for (count = 0; count < extents.length; count++) {
-    if (extents[count].type === 'start') {
-      arity++; // D) If arity is ever incremented to 2 we are entering an
-      //    overlapping range
-
-      if (arity === 2) {
-        start = extents[count].time;
-      }
-    } else if (extents[count].type === 'end') {
-      arity--; // E) If arity is ever decremented to 1 we leaving an
-      //    overlapping range
-
-      if (arity === 1) {
-        end = extents[count].time;
-      }
-    } // F) Record overlapping ranges
-
-
-    if (start !== null && end !== null) {
-      ranges.push([start, end]);
-      start = null;
-      end = null;
-    }
-  }
-
-  return videojs$1.createTimeRanges(ranges);
-};
-/**
- * @file virtual-source-buffer.js
- */
-
-
-var ONE_SECOND_IN_TS = 90000; // We create a wrapper around the SourceBuffer so that we can manage the
-// state of the `updating` property manually. We have to do this because
-// Firefox changes `updating` to false long before triggering `updateend`
-// events and that was causing strange problems in videojs-contrib-hls
-
-var makeWrappedSourceBuffer = function makeWrappedSourceBuffer(mediaSource, mimeType) {
-  var sourceBuffer = mediaSource.addSourceBuffer(mimeType);
-  var wrapper = Object.create(null);
-  wrapper.updating = false;
-  wrapper.realBuffer_ = sourceBuffer;
-
-  var _loop = function _loop(key) {
-    if (typeof sourceBuffer[key] === 'function') {
-      wrapper[key] = function () {
-        return sourceBuffer[key].apply(sourceBuffer, arguments);
-      };
-    } else if (typeof wrapper[key] === 'undefined') {
-      Object.defineProperty(wrapper, key, {
-        get: function get$$1() {
-          return sourceBuffer[key];
-        },
-        set: function set$$1(v) {
-          return sourceBuffer[key] = v;
-        }
-      });
-    }
-  };
-
-  for (var key in sourceBuffer) {
-    _loop(key);
-  }
-
-  return wrapper;
-};
-/**
- * VirtualSourceBuffers exist so that we can transmux non native formats
- * into a native format, but keep the same api as a native source buffer.
- * It creates a transmuxer, that works in its own thread (a web worker) and
- * that transmuxer muxes the data into a native format. VirtualSourceBuffer will
- * then send all of that data to the naive sourcebuffer so that it is
- * indestinguishable from a natively supported format.
- *
- * @param {HtmlMediaSource} mediaSource the parent mediaSource
- * @param {Array} codecs array of codecs that we will be dealing with
- * @class VirtualSourceBuffer
- * @extends video.js.EventTarget
- */
-
-
-var VirtualSourceBuffer = function (_videojs$EventTarget) {
-  inherits(VirtualSourceBuffer, _videojs$EventTarget);
-
-  function VirtualSourceBuffer(mediaSource, codecs) {
-    classCallCheck(this, VirtualSourceBuffer);
-
-    var _this = possibleConstructorReturn(this, (VirtualSourceBuffer.__proto__ || Object.getPrototypeOf(VirtualSourceBuffer)).call(this, videojs$1.EventTarget));
-
-    _this.timestampOffset_ = 0;
-    _this.pendingBuffers_ = [];
-    _this.bufferUpdating_ = false;
-    _this.mediaSource_ = mediaSource;
-    _this.codecs_ = codecs;
-    _this.audioCodec_ = null;
-    _this.videoCodec_ = null;
-    _this.audioDisabled_ = false;
-    _this.appendAudioInitSegment_ = true;
-    _this.gopBuffer_ = [];
-    _this.timeMapping_ = 0;
-    _this.safeAppend_ = videojs$1.browser.IE_VERSION >= 11;
-    var options = {
-      remux: false,
-      alignGopsAtEnd: _this.safeAppend_
-    };
-
-    _this.codecs_.forEach(function (codec) {
-      if (isAudioCodec(codec)) {
-        _this.audioCodec_ = codec;
-      } else if (isVideoCodec(codec)) {
-        _this.videoCodec_ = codec;
-      }
-    }); // append muxed segments to their respective native buffers as
-    // soon as they are available
-
-
-    _this.transmuxer_ = new TransmuxWorker();
-
-    _this.transmuxer_.postMessage({
-      action: 'init',
-      options: options
-    });
-
-    _this.transmuxer_.onmessage = function (event) {
-      if (event.data.action === 'data') {
-        return _this.data_(event);
-      }
-
-      if (event.data.action === 'done') {
-        return _this.done_(event);
-      }
-
-      if (event.data.action === 'gopInfo') {
-        return _this.appendGopInfo_(event);
-      }
-
-      if (event.data.action === 'videoSegmentTimingInfo') {
-        return _this.videoSegmentTimingInfo_(event.data.videoSegmentTimingInfo);
-      }
-    }; // this timestampOffset is a property with the side-effect of resetting
-    // baseMediaDecodeTime in the transmuxer on the setter
-
-
-    Object.defineProperty(_this, 'timestampOffset', {
-      get: function get$$1() {
-        return this.timestampOffset_;
-      },
-      set: function set$$1(val) {
-        if (typeof val === 'number' && val >= 0) {
-          this.timestampOffset_ = val;
-          this.appendAudioInitSegment_ = true; // reset gop buffer on timestampoffset as this signals a change in timeline
-
-          this.gopBuffer_.length = 0;
-          this.timeMapping_ = 0; // We have to tell the transmuxer to set the baseMediaDecodeTime to
-          // the desired timestampOffset for the next segment
-
-          this.transmuxer_.postMessage({
-            action: 'setTimestampOffset',
-            timestampOffset: val
-          });
-        }
-      }
-    }); // setting the append window affects both source buffers
-
-    Object.defineProperty(_this, 'appendWindowStart', {
-      get: function get$$1() {
-        return (this.videoBuffer_ || this.audioBuffer_).appendWindowStart;
-      },
-      set: function set$$1(start) {
-        if (this.videoBuffer_) {
-          this.videoBuffer_.appendWindowStart = start;
-        }
-
-        if (this.audioBuffer_) {
-          this.audioBuffer_.appendWindowStart = start;
-        }
-      }
-    }); // this buffer is "updating" if either of its native buffers are
-
-    Object.defineProperty(_this, 'updating', {
-      get: function get$$1() {
-        return !!(this.bufferUpdating_ || !this.audioDisabled_ && this.audioBuffer_ && this.audioBuffer_.updating || this.videoBuffer_ && this.videoBuffer_.updating);
-      }
-    }); // the buffered property is the intersection of the buffered
-    // ranges of the native source buffers
-
-    Object.defineProperty(_this, 'buffered', {
-      get: function get$$1() {
-        return buffered(this.videoBuffer_, this.audioBuffer_, this.audioDisabled_);
-      }
-    });
-    return _this;
-  }
-  /**
-   * When we get a data event from the transmuxer
-   * we call this function and handle the data that
-   * was sent to us
-   *
-   * @private
-   * @param {Event} event the data event from the transmuxer
-   */
-
-
-  createClass(VirtualSourceBuffer, [{
-    key: 'data_',
-    value: function data_(event) {
-      var segment = event.data.segment; // Cast ArrayBuffer to TypedArray
-
-      segment.data = new Uint8Array(segment.data, event.data.byteOffset, event.data.byteLength);
-      segment.initSegment = new Uint8Array(segment.initSegment.data, segment.initSegment.byteOffset, segment.initSegment.byteLength);
-      createTextTracksIfNecessary(this, this.mediaSource_, segment); // Add the segments to the pendingBuffers array
-
-      this.pendingBuffers_.push(segment);
-      return;
-    }
-    /**
-     * When we get a done event from the transmuxer
-     * we call this function and we process all
-     * of the pending data that we have been saving in the
-     * data_ function
-     *
-     * @private
-     * @param {Event} event the done event from the transmuxer
-     */
-
-  }, {
-    key: 'done_',
-    value: function done_(event) {
-      // Don't process and append data if the mediaSource is closed
-      if (this.mediaSource_.readyState === 'closed') {
-        this.pendingBuffers_.length = 0;
-        return;
-      } // All buffers should have been flushed from the muxer
-      // start processing anything we have received
-
-
-      this.processPendingSegments_();
-      return;
-    }
-  }, {
-    key: 'videoSegmentTimingInfo_',
-    value: function videoSegmentTimingInfo_(timingInfo) {
-      var timingInfoInSeconds = {
-        start: {
-          decode: timingInfo.start.dts / ONE_SECOND_IN_TS,
-          presentation: timingInfo.start.pts / ONE_SECOND_IN_TS
-        },
-        end: {
-          decode: timingInfo.end.dts / ONE_SECOND_IN_TS,
-          presentation: timingInfo.end.pts / ONE_SECOND_IN_TS
-        },
-        baseMediaDecodeTime: timingInfo.baseMediaDecodeTime / ONE_SECOND_IN_TS
-      };
-
-      if (timingInfo.prependedContentDuration) {
-        timingInfoInSeconds.prependedContentDuration = timingInfo.prependedContentDuration / ONE_SECOND_IN_TS;
-      }
-
-      this.trigger({
-        type: 'videoSegmentTimingInfo',
-        videoSegmentTimingInfo: timingInfoInSeconds
-      });
-    }
-    /**
-     * Create our internal native audio/video source buffers and add
-     * event handlers to them with the following conditions:
-     * 1. they do not already exist on the mediaSource
-     * 2. this VSB has a codec for them
-     *
-     * @private
-     */
-
-  }, {
-    key: 'createRealSourceBuffers_',
-    value: function createRealSourceBuffers_() {
-      var _this2 = this;
-
-      var types = ['audio', 'video'];
-      types.forEach(function (type) {
-        // Don't create a SourceBuffer of this type if we don't have a
-        // codec for it
-        if (!_this2[type + 'Codec_']) {
-          return;
-        } // Do nothing if a SourceBuffer of this type already exists
-
-
-        if (_this2[type + 'Buffer_']) {
-          return;
-        }
-
-        var buffer = null; // If the mediasource already has a SourceBuffer for the codec
-        // use that
-
-        if (_this2.mediaSource_[type + 'Buffer_']) {
-          buffer = _this2.mediaSource_[type + 'Buffer_']; // In multiple audio track cases, the audio source buffer is disabled
-          // on the main VirtualSourceBuffer by the HTMLMediaSource much earlier
-          // than createRealSourceBuffers_ is called to create the second
-          // VirtualSourceBuffer because that happens as a side-effect of
-          // videojs-contrib-hls starting the audioSegmentLoader. As a result,
-          // the audioBuffer is essentially "ownerless" and no one will toggle
-          // the `updating` state back to false once the `updateend` event is received
-          //
-          // Setting `updating` to false manually will work around this
-          // situation and allow work to continue
-
-          buffer.updating = false;
-        } else {
-          var codecProperty = type + 'Codec_';
-          var mimeType = type + '/mp4;codecs="' + _this2[codecProperty] + '"';
-          buffer = makeWrappedSourceBuffer(_this2.mediaSource_.nativeMediaSource_, mimeType);
-          _this2.mediaSource_[type + 'Buffer_'] = buffer;
-        }
-
-        _this2[type + 'Buffer_'] = buffer; // Wire up the events to the SourceBuffer
-
-        ['update', 'updatestart', 'updateend'].forEach(function (event) {
-          buffer.addEventListener(event, function () {
-            // if audio is disabled
-            if (type === 'audio' && _this2.audioDisabled_) {
-              return;
-            }
-
-            if (event === 'updateend') {
-              _this2[type + 'Buffer_'].updating = false;
-            }
-
-            var shouldTrigger = types.every(function (t) {
-              // skip checking audio's updating status if audio
-              // is not enabled
-              if (t === 'audio' && _this2.audioDisabled_) {
-                return true;
-              } // if the other type is updating we don't trigger
-
-
-              if (type !== t && _this2[t + 'Buffer_'] && _this2[t + 'Buffer_'].updating) {
-                return false;
-              }
-
-              return true;
-            });
-
-            if (shouldTrigger) {
-              return _this2.trigger(event);
-            }
-          });
-        });
-      });
-    }
-    /**
-     * Emulate the native mediasource function, but our function will
-     * send all of the proposed segments to the transmuxer so that we
-     * can transmux them before we append them to our internal
-     * native source buffers in the correct format.
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/appendBuffer
-     * @param {Uint8Array} segment the segment to append to the buffer
-     */
-
-  }, {
-    key: 'appendBuffer',
-    value: function appendBuffer(segment) {
-      // Start the internal "updating" state
-      this.bufferUpdating_ = true;
-
-      if (this.audioBuffer_ && this.audioBuffer_.buffered.length) {
-        var audioBuffered = this.audioBuffer_.buffered;
-        this.transmuxer_.postMessage({
-          action: 'setAudioAppendStart',
-          appendStart: audioBuffered.end(audioBuffered.length - 1)
-        });
-      }
-
-      if (this.videoBuffer_) {
-        this.transmuxer_.postMessage({
-          action: 'alignGopsWith',
-          gopsToAlignWith: gopsSafeToAlignWith(this.gopBuffer_, this.mediaSource_.player_ ? this.mediaSource_.player_.currentTime() : null, this.timeMapping_)
-        });
-      }
-
-      this.transmuxer_.postMessage({
-        action: 'push',
-        // Send the typed-array of data as an ArrayBuffer so that
-        // it can be sent as a "Transferable" and avoid the costly
-        // memory copy
-        data: segment.buffer,
-        // To recreate the original typed-array, we need information
-        // about what portion of the ArrayBuffer it was a view into
-        byteOffset: segment.byteOffset,
-        byteLength: segment.byteLength
-      }, [segment.buffer]);
-      this.transmuxer_.postMessage({
-        action: 'flush'
-      });
-    }
-    /**
-     * Appends gop information (timing and byteLength) received by the transmuxer for the
-     * gops appended in the last call to appendBuffer
-     *
-     * @param {Event} event
-     *        The gopInfo event from the transmuxer
-     * @param {Array} event.data.gopInfo
-     *        List of gop info to append
-     */
-
-  }, {
-    key: 'appendGopInfo_',
-    value: function appendGopInfo_(event) {
-      this.gopBuffer_ = updateGopBuffer(this.gopBuffer_, event.data.gopInfo, this.safeAppend_);
-    }
-    /**
-     * Emulate the native mediasource function and remove parts
-     * of the buffer from any of our internal buffers that exist
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/remove
-     * @param {Double} start position to start the remove at
-     * @param {Double} end position to end the remove at
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove(start, end) {
-      if (this.videoBuffer_) {
-        this.videoBuffer_.updating = true;
-        this.videoBuffer_.remove(start, end);
-        this.gopBuffer_ = removeGopBuffer(this.gopBuffer_, start, end, this.timeMapping_);
-      }
-
-      if (!this.audioDisabled_ && this.audioBuffer_) {
-        this.audioBuffer_.updating = true;
-        this.audioBuffer_.remove(start, end);
-      } // Remove Metadata Cues (id3)
-
-
-      removeCuesFromTrack(start, end, this.metadataTrack_); // Remove Any Captions
-
-      if (this.inbandTextTracks_) {
-        for (var track in this.inbandTextTracks_) {
-          removeCuesFromTrack(start, end, this.inbandTextTracks_[track]);
-        }
-      }
-    }
-    /**
-     * Process any segments that the muxer has output
-     * Concatenate segments together based on type and append them into
-     * their respective sourceBuffers
-     *
-     * @private
-     */
-
-  }, {
-    key: 'processPendingSegments_',
-    value: function processPendingSegments_() {
-      var sortedSegments = {
-        video: {
-          segments: [],
-          bytes: 0
-        },
-        audio: {
-          segments: [],
-          bytes: 0
-        },
-        captions: [],
-        metadata: []
-      };
-
-      if (!this.pendingBuffers_.length) {
-        // We are no longer in the internal "updating" state
-        this.trigger('updateend');
-        this.bufferUpdating_ = false;
-        return;
-      } // Sort segments into separate video/audio arrays and
-      // keep track of their total byte lengths
-
-
-      sortedSegments = this.pendingBuffers_.reduce(function (segmentObj, segment) {
-        var type = segment.type;
-        var data = segment.data;
-        var initSegment = segment.initSegment;
-        segmentObj[type].segments.push(data);
-        segmentObj[type].bytes += data.byteLength;
-        segmentObj[type].initSegment = initSegment; // Gather any captions into a single array
-
-        if (segment.captions) {
-          segmentObj.captions = segmentObj.captions.concat(segment.captions);
-        }
-
-        if (segment.info) {
-          segmentObj[type].info = segment.info;
-        } // Gather any metadata into a single array
-
-
-        if (segment.metadata) {
-          segmentObj.metadata = segmentObj.metadata.concat(segment.metadata);
-        }
-
-        return segmentObj;
-      }, sortedSegments); // Create the real source buffers if they don't exist by now since we
-      // finally are sure what tracks are contained in the source
-
-      if (!this.videoBuffer_ && !this.audioBuffer_) {
-        // Remove any codecs that may have been specified by default but
-        // are no longer applicable now
-        if (sortedSegments.video.bytes === 0) {
-          this.videoCodec_ = null;
-        }
-
-        if (sortedSegments.audio.bytes === 0) {
-          this.audioCodec_ = null;
-        }
-
-        this.createRealSourceBuffers_();
-      }
-
-      if (sortedSegments.audio.info) {
-        this.mediaSource_.trigger({
-          type: 'audioinfo',
-          info: sortedSegments.audio.info
-        });
-      }
-
-      if (sortedSegments.video.info) {
-        this.mediaSource_.trigger({
-          type: 'videoinfo',
-          info: sortedSegments.video.info
-        });
-      }
-
-      if (this.appendAudioInitSegment_) {
-        if (!this.audioDisabled_ && this.audioBuffer_) {
-          sortedSegments.audio.segments.unshift(sortedSegments.audio.initSegment);
-          sortedSegments.audio.bytes += sortedSegments.audio.initSegment.byteLength;
-        }
-
-        this.appendAudioInitSegment_ = false;
-      }
-
-      var triggerUpdateend = false; // Merge multiple video and audio segments into one and append
-
-      if (this.videoBuffer_ && sortedSegments.video.bytes) {
-        sortedSegments.video.segments.unshift(sortedSegments.video.initSegment);
-        sortedSegments.video.bytes += sortedSegments.video.initSegment.byteLength;
-        this.concatAndAppendSegments_(sortedSegments.video, this.videoBuffer_);
-      } else if (this.videoBuffer_ && (this.audioDisabled_ || !this.audioBuffer_)) {
-        // The transmuxer did not return any bytes of video, meaning it was all trimmed
-        // for gop alignment. Since we have a video buffer and audio is disabled, updateend
-        // will never be triggered by this source buffer, which will cause contrib-hls
-        // to be stuck forever waiting for updateend. If audio is not disabled, updateend
-        // will be triggered by the audio buffer, which will be sent upwards since the video
-        // buffer will not be in an updating state.
-        triggerUpdateend = true;
-      } // Add text-track data for all
-
-
-      addTextTrackData(this, sortedSegments.captions, sortedSegments.metadata);
-
-      if (!this.audioDisabled_ && this.audioBuffer_) {
-        this.concatAndAppendSegments_(sortedSegments.audio, this.audioBuffer_);
-      }
-
-      this.pendingBuffers_.length = 0;
-
-      if (triggerUpdateend) {
-        this.trigger('updateend');
-      } // We are no longer in the internal "updating" state
-
-
-      this.bufferUpdating_ = false;
-    }
-    /**
-     * Combine all segments into a single Uint8Array and then append them
-     * to the destination buffer
-     *
-     * @param {Object} segmentObj
-     * @param {SourceBuffer} destinationBuffer native source buffer to append data to
-     * @private
-     */
-
-  }, {
-    key: 'concatAndAppendSegments_',
-    value: function concatAndAppendSegments_(segmentObj, destinationBuffer) {
-      var offset = 0;
-      var tempBuffer = void 0;
-
-      if (segmentObj.bytes) {
-        tempBuffer = new Uint8Array(segmentObj.bytes); // Combine the individual segments into one large typed-array
-
-        segmentObj.segments.forEach(function (segment) {
-          tempBuffer.set(segment, offset);
-          offset += segment.byteLength;
-        });
-
-        try {
-          destinationBuffer.updating = true;
-          destinationBuffer.appendBuffer(tempBuffer);
-        } catch (error) {
-          if (this.mediaSource_.player_) {
-            this.mediaSource_.player_.error({
-              code: -3,
-              type: 'APPEND_BUFFER_ERR',
-              message: error.message,
-              originalError: error
-            });
-          }
-        }
-      }
-    }
-    /**
-     * Emulate the native mediasource function. abort any soureBuffer
-     * actions and throw out any un-appended data.
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/abort
-     */
-
-  }, {
-    key: 'abort',
-    value: function abort() {
-      if (this.videoBuffer_) {
-        this.videoBuffer_.abort();
-      }
-
-      if (!this.audioDisabled_ && this.audioBuffer_) {
-        this.audioBuffer_.abort();
-      }
-
-      if (this.transmuxer_) {
-        this.transmuxer_.postMessage({
-          action: 'reset'
-        });
-      }
-
-      this.pendingBuffers_.length = 0;
-      this.bufferUpdating_ = false;
-    }
-  }]);
-  return VirtualSourceBuffer;
-}(videojs$1.EventTarget);
-/**
- * @file html-media-source.js
- */
-
-/**
- * Our MediaSource implementation in HTML, mimics native
- * MediaSource where/if possible.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource
- * @class HtmlMediaSource
- * @extends videojs.EventTarget
- */
-
-
-var HtmlMediaSource = function (_videojs$EventTarget) {
-  inherits(HtmlMediaSource, _videojs$EventTarget);
-
-  function HtmlMediaSource() {
-    classCallCheck(this, HtmlMediaSource);
-
-    var _this = possibleConstructorReturn(this, (HtmlMediaSource.__proto__ || Object.getPrototypeOf(HtmlMediaSource)).call(this));
-
-    var property = void 0;
-    _this.nativeMediaSource_ = new window$1.MediaSource(); // delegate to the native MediaSource's methods by default
-
-    for (property in _this.nativeMediaSource_) {
-      if (!(property in HtmlMediaSource.prototype) && typeof _this.nativeMediaSource_[property] === 'function') {
-        _this[property] = _this.nativeMediaSource_[property].bind(_this.nativeMediaSource_);
-      }
-    } // emulate `duration` and `seekable` until seeking can be
-    // handled uniformly for live streams
-    // see https://github.com/w3c/media-source/issues/5
-
-
-    _this.duration_ = NaN;
-    Object.defineProperty(_this, 'duration', {
-      get: function get$$1() {
-        if (this.duration_ === Infinity) {
-          return this.duration_;
-        }
-
-        return this.nativeMediaSource_.duration;
-      },
-      set: function set$$1(duration) {
-        this.duration_ = duration;
-
-        if (duration !== Infinity) {
-          this.nativeMediaSource_.duration = duration;
-          return;
-        }
-      }
-    });
-    Object.defineProperty(_this, 'seekable', {
-      get: function get$$1() {
-        if (this.duration_ === Infinity) {
-          return videojs$1.createTimeRanges([[0, this.nativeMediaSource_.duration]]);
-        }
-
-        return this.nativeMediaSource_.seekable;
-      }
-    });
-    Object.defineProperty(_this, 'readyState', {
-      get: function get$$1() {
-        return this.nativeMediaSource_.readyState;
-      }
-    });
-    Object.defineProperty(_this, 'activeSourceBuffers', {
-      get: function get$$1() {
-        return this.activeSourceBuffers_;
-      }
-    }); // the list of virtual and native SourceBuffers created by this
-    // MediaSource
-
-    _this.sourceBuffers = [];
-    _this.activeSourceBuffers_ = [];
-    /**
-     * update the list of active source buffers based upon various
-     * imformation from HLS and video.js
-     *
-     * @private
-     */
-
-    _this.updateActiveSourceBuffers_ = function () {
-      // Retain the reference but empty the array
-      _this.activeSourceBuffers_.length = 0; // If there is only one source buffer, then it will always be active and audio will
-      // be disabled based on the codec of the source buffer
-
-      if (_this.sourceBuffers.length === 1) {
-        var sourceBuffer = _this.sourceBuffers[0];
-        sourceBuffer.appendAudioInitSegment_ = true;
-        sourceBuffer.audioDisabled_ = !sourceBuffer.audioCodec_;
-
-        _this.activeSourceBuffers_.push(sourceBuffer);
-
-        return;
-      } // There are 2 source buffers, a combined (possibly video only) source buffer and
-      // and an audio only source buffer.
-      // By default, the audio in the combined virtual source buffer is enabled
-      // and the audio-only source buffer (if it exists) is disabled.
-
-
-      var disableCombined = false;
-      var disableAudioOnly = true; // TODO: maybe we can store the sourcebuffers on the track objects?
-      // safari may do something like this
-
-      for (var i = 0; i < _this.player_.audioTracks().length; i++) {
-        var track = _this.player_.audioTracks()[i];
-
-        if (track.enabled && track.kind !== 'main') {
-          // The enabled track is an alternate audio track so disable the audio in
-          // the combined source buffer and enable the audio-only source buffer.
-          disableCombined = true;
-          disableAudioOnly = false;
-          break;
-        }
-      }
-
-      _this.sourceBuffers.forEach(function (sourceBuffer, index) {
-        /* eslinst-disable */
-        // TODO once codecs are required, we can switch to using the codecs to determine
-        //      what stream is the video stream, rather than relying on videoTracks
-
-        /* eslinst-enable */
-        sourceBuffer.appendAudioInitSegment_ = true;
-
-        if (sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
-          // combined
-          sourceBuffer.audioDisabled_ = disableCombined;
-        } else if (sourceBuffer.videoCodec_ && !sourceBuffer.audioCodec_) {
-          // If the "combined" source buffer is video only, then we do not want
-          // disable the audio-only source buffer (this is mostly for demuxed
-          // audio and video hls)
-          sourceBuffer.audioDisabled_ = true;
-          disableAudioOnly = false;
-        } else if (!sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
-          // audio only
-          // In the case of audio only with alternate audio and disableAudioOnly is true
-          // this means we want to disable the audio on the alternate audio sourcebuffer
-          // but not the main "combined" source buffer. The "combined" source buffer is
-          // always at index 0, so this ensures audio won't be disabled in both source
-          // buffers.
-          sourceBuffer.audioDisabled_ = index ? disableAudioOnly : !disableAudioOnly;
-
-          if (sourceBuffer.audioDisabled_) {
-            return;
-          }
-        }
-
-        _this.activeSourceBuffers_.push(sourceBuffer);
-      });
-    };
-
-    _this.onPlayerMediachange_ = function () {
-      _this.sourceBuffers.forEach(function (sourceBuffer) {
-        sourceBuffer.appendAudioInitSegment_ = true;
-      });
-    };
-
-    _this.onHlsReset_ = function () {
-      _this.sourceBuffers.forEach(function (sourceBuffer) {
-        if (sourceBuffer.transmuxer_) {
-          sourceBuffer.transmuxer_.postMessage({
-            action: 'resetCaptions'
-          });
-        }
-      });
-    };
-
-    _this.onHlsSegmentTimeMapping_ = function (event) {
-      _this.sourceBuffers.forEach(function (buffer) {
-        return buffer.timeMapping_ = event.mapping;
-      });
-    }; // Re-emit MediaSource events on the polyfill
-
-
-    ['sourceopen', 'sourceclose', 'sourceended'].forEach(function (eventName) {
-      this.nativeMediaSource_.addEventListener(eventName, this.trigger.bind(this));
-    }, _this); // capture the associated player when the MediaSource is
-    // successfully attached
-
-    _this.on('sourceopen', function (event) {
-      // Get the player this MediaSource is attached to
-      var video = document.querySelector('[src="' + _this.url_ + '"]');
-
-      if (!video) {
-        return;
-      }
-
-      _this.player_ = videojs$1(video.parentNode);
-
-      if (!_this.player_) {
-        return;
-      } // hls-reset is fired by videojs.Hls on to the tech after the main SegmentLoader
-      // resets its state and flushes the buffer
-
-
-      _this.player_.tech_.on('hls-reset', _this.onHlsReset_); // hls-segment-time-mapping is fired by videojs.Hls on to the tech after the main
-      // SegmentLoader inspects an MTS segment and has an accurate stream to display
-      // time mapping
-
-
-      _this.player_.tech_.on('hls-segment-time-mapping', _this.onHlsSegmentTimeMapping_);
-
-      if (_this.player_.audioTracks && _this.player_.audioTracks()) {
-        _this.player_.audioTracks().on('change', _this.updateActiveSourceBuffers_);
-
-        _this.player_.audioTracks().on('addtrack', _this.updateActiveSourceBuffers_);
-
-        _this.player_.audioTracks().on('removetrack', _this.updateActiveSourceBuffers_);
-      }
-
-      _this.player_.on('mediachange', _this.onPlayerMediachange_);
-    });
-
-    _this.on('sourceended', function (event) {
-      var duration = durationOfVideo(_this.duration);
-
-      for (var i = 0; i < _this.sourceBuffers.length; i++) {
-        var sourcebuffer = _this.sourceBuffers[i];
-        var cues = sourcebuffer.metadataTrack_ && sourcebuffer.metadataTrack_.cues;
-
-        if (cues && cues.length) {
-          cues[cues.length - 1].endTime = duration;
-        }
-      }
-    }); // explicitly terminate any WebWorkers that were created
-    // by SourceHandlers
-
-
-    _this.on('sourceclose', function (event) {
-      this.sourceBuffers.forEach(function (sourceBuffer) {
-        if (sourceBuffer.transmuxer_) {
-          sourceBuffer.transmuxer_.terminate();
-        }
-      });
-      this.sourceBuffers.length = 0;
-
-      if (!this.player_) {
-        return;
-      }
-
-      if (this.player_.audioTracks && this.player_.audioTracks()) {
-        this.player_.audioTracks().off('change', this.updateActiveSourceBuffers_);
-        this.player_.audioTracks().off('addtrack', this.updateActiveSourceBuffers_);
-        this.player_.audioTracks().off('removetrack', this.updateActiveSourceBuffers_);
-      } // We can only change this if the player hasn't been disposed of yet
-      // because `off` eventually tries to use the el_ property. If it has
-      // been disposed of, then don't worry about it because there are no
-      // event handlers left to unbind anyway
-
-
-      if (this.player_.el_) {
-        this.player_.off('mediachange', this.onPlayerMediachange_);
-      }
-
-      if (this.player_.tech_ && this.player_.tech_.el_) {
-        this.player_.tech_.off('hls-reset', this.onHlsReset_);
-        this.player_.tech_.off('hls-segment-time-mapping', this.onHlsSegmentTimeMapping_);
-      }
-    });
-
-    return _this;
-  }
-  /**
-   * Add a range that that can now be seeked to.
-   *
-   * @param {Double} start where to start the addition
-   * @param {Double} end where to end the addition
-   * @private
-   */
-
-
-  createClass(HtmlMediaSource, [{
-    key: 'addSeekableRange_',
-    value: function addSeekableRange_(start, end) {
-      var error = void 0;
-
-      if (this.duration !== Infinity) {
-        error = new Error('MediaSource.addSeekableRange() can only be invoked ' + 'when the duration is Infinity');
-        error.name = 'InvalidStateError';
-        error.code = 11;
-        throw error;
-      }
-
-      if (end > this.nativeMediaSource_.duration || isNaN(this.nativeMediaSource_.duration)) {
-        this.nativeMediaSource_.duration = end;
-      }
-    }
-    /**
-     * Add a source buffer to the media source.
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/addSourceBuffer
-     * @param {String} type the content-type of the content
-     * @return {Object} the created source buffer
-     */
-
-  }, {
-    key: 'addSourceBuffer',
-    value: function addSourceBuffer(type) {
-      var buffer = void 0;
-      var parsedType = parseContentType(type); // Create a VirtualSourceBuffer to transmux MPEG-2 transport
-      // stream segments into fragmented MP4s
-
-      if (/^(video|audio)\/mp2t$/i.test(parsedType.type)) {
-        var codecs = [];
-
-        if (parsedType.parameters && parsedType.parameters.codecs) {
-          codecs = parsedType.parameters.codecs.split(',');
-          codecs = translateLegacyCodecs(codecs);
-          codecs = codecs.filter(function (codec) {
-            return isAudioCodec(codec) || isVideoCodec(codec);
-          });
-        }
-
-        if (codecs.length === 0) {
-          codecs = ['avc1.4d400d', 'mp4a.40.2'];
-        }
-
-        buffer = new VirtualSourceBuffer(this, codecs);
-
-        if (this.sourceBuffers.length !== 0) {
-          // If another VirtualSourceBuffer already exists, then we are creating a
-          // SourceBuffer for an alternate audio track and therefore we know that
-          // the source has both an audio and video track.
-          // That means we should trigger the manual creation of the real
-          // SourceBuffers instead of waiting for the transmuxer to return data
-          this.sourceBuffers[0].createRealSourceBuffers_();
-          buffer.createRealSourceBuffers_(); // Automatically disable the audio on the first source buffer if
-          // a second source buffer is ever created
-
-          this.sourceBuffers[0].audioDisabled_ = true;
-        }
-      } else {
-        // delegate to the native implementation
-        buffer = this.nativeMediaSource_.addSourceBuffer(type);
-      }
-
-      this.sourceBuffers.push(buffer);
-      return buffer;
-    }
-  }]);
-  return HtmlMediaSource;
-}(videojs$1.EventTarget);
-/**
- * @file videojs-contrib-media-sources.js
- */
-
-
-var urlCount = 0; // ------------
-// Media Source
-// ------------
-// store references to the media sources so they can be connected
-// to a video element (a swf object)
-// TODO: can we store this somewhere local to this module?
-
-videojs$1.mediaSources = {};
-/**
- * Provide a method for a swf object to notify JS that a
- * media source is now open.
- *
- * @param {String} msObjectURL string referencing the MSE Object URL
- * @param {String} swfId the swf id
- */
-
-var open = function open(msObjectURL, swfId) {
-  var mediaSource = videojs$1.mediaSources[msObjectURL];
-
-  if (mediaSource) {
-    mediaSource.trigger({
-      type: 'sourceopen',
-      swfId: swfId
-    });
-  } else {
-    throw new Error('Media Source not found (Video.js)');
-  }
-};
-/**
- * Check to see if the native MediaSource object exists and supports
- * an MP4 container with both H.264 video and AAC-LC audio.
- *
- * @return {Boolean} if  native media sources are supported
- */
-
-
-var supportsNativeMediaSources = function supportsNativeMediaSources() {
-  return !!window$1.MediaSource && !!window$1.MediaSource.isTypeSupported && window$1.MediaSource.isTypeSupported('video/mp4;codecs="avc1.4d400d,mp4a.40.2"');
-};
-/**
- * An emulation of the MediaSource API so that we can support
- * native and non-native functionality. returns an instance of
- * HtmlMediaSource.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/MediaSource
- */
-
-
-var MediaSource = function MediaSource() {
-  this.MediaSource = {
-    open: open,
-    supportsNativeMediaSources: supportsNativeMediaSources
-  };
-
-  if (supportsNativeMediaSources()) {
-    return new HtmlMediaSource();
-  }
-
-  throw new Error('Cannot use create a virtual MediaSource for this video');
-};
-
-MediaSource.open = open;
-MediaSource.supportsNativeMediaSources = supportsNativeMediaSources;
-/**
- * A wrapper around the native URL for our MSE object
- * implementation, this object is exposed under videojs.URL
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
- */
-
-var URL$1 = {
-  /**
-   * A wrapper around the native createObjectURL for our objects.
-   * This function maps a native or emulated mediaSource to a blob
-   * url so that it can be loaded into video.js
-   *
-   * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
-   * @param {MediaSource} object the object to create a blob url to
-   */
-  createObjectURL: function createObjectURL(object) {
-    var objectUrlPrefix = 'blob:vjs-media-source/';
-    var url = void 0; // use the native MediaSource to generate an object URL
-
-    if (object instanceof HtmlMediaSource) {
-      url = window$1.URL.createObjectURL(object.nativeMediaSource_);
-      object.url_ = url;
-      return url;
-    } // if the object isn't an emulated MediaSource, delegate to the
-    // native implementation
-
-
-    if (!(object instanceof HtmlMediaSource)) {
-      url = window$1.URL.createObjectURL(object);
-      object.url_ = url;
-      return url;
-    } // build a URL that can be used to map back to the emulated
-    // MediaSource
-
-
-    url = objectUrlPrefix + urlCount;
-    urlCount++; // setup the mapping back to object
-
-    videojs$1.mediaSources[url] = object;
-    return url;
-  }
-};
-videojs$1.MediaSource = MediaSource;
-videojs$1.URL = URL$1;
-var EventTarget$1$1 = videojs$1.EventTarget,
-    mergeOptions$2 = videojs$1.mergeOptions;
-/**
- * Returns a new master manifest that is the result of merging an updated master manifest
- * into the original version.
- *
- * @param {Object} oldMaster
- *        The old parsed mpd object
- * @param {Object} newMaster
- *        The updated parsed mpd object
- * @return {Object}
- *         A new object representing the original master manifest with the updated media
- *         playlists merged in
- */
-
-var updateMaster$1 = function updateMaster$$1(oldMaster, newMaster) {
-  var noChanges = void 0;
-  var update = mergeOptions$2(oldMaster, {
-    // These are top level properties that can be updated
-    duration: newMaster.duration,
-    minimumUpdatePeriod: newMaster.minimumUpdatePeriod
-  }); // First update the playlists in playlist list
-
-  for (var i = 0; i < newMaster.playlists.length; i++) {
-    var playlistUpdate = updateMaster(update, newMaster.playlists[i]);
-
-    if (playlistUpdate) {
-      update = playlistUpdate;
-    } else {
-      noChanges = true;
-    }
-  } // Then update media group playlists
-
-
-  forEachMediaGroup(newMaster, function (properties, type, group, label) {
-    if (properties.playlists && properties.playlists.length) {
-      var uri = properties.playlists[0].uri;
-
-      var _playlistUpdate = updateMaster(update, properties.playlists[0]);
-
-      if (_playlistUpdate) {
-        update = _playlistUpdate; // update the playlist reference within media groups
-
-        update.mediaGroups[type][group][label].playlists[0] = update.playlists[uri];
-        noChanges = false;
-      }
-    }
-  });
-
-  if (noChanges) {
-    return null;
-  }
-
-  return update;
-};
-
-var generateSidxKey = function generateSidxKey(sidxInfo) {
-  // should be non-inclusive
-  var sidxByteRangeEnd = sidxInfo.byterange.offset + sidxInfo.byterange.length - 1;
-  return sidxInfo.uri + '-' + sidxInfo.byterange.offset + '-' + sidxByteRangeEnd;
-}; // SIDX should be equivalent if the URI and byteranges of the SIDX match.
-// If the SIDXs have maps, the two maps should match,
-// both `a` and `b` missing SIDXs is considered matching.
-// If `a` or `b` but not both have a map, they aren't matching.
-
-
-var equivalentSidx = function equivalentSidx(a, b) {
-  var neitherMap = Boolean(!a.map && !b.map);
-  var equivalentMap = neitherMap || Boolean(a.map && b.map && a.map.byterange.offset === b.map.byterange.offset && a.map.byterange.length === b.map.byterange.length);
-  return equivalentMap && a.uri === b.uri && a.byterange.offset === b.byterange.offset && a.byterange.length === b.byterange.length;
-}; // exported for testing
-
-
-var compareSidxEntry = function compareSidxEntry(playlists, oldSidxMapping) {
-  var newSidxMapping = {};
-
-  for (var uri in playlists) {
-    var playlist = playlists[uri];
-    var currentSidxInfo = playlist.sidx;
-
-    if (currentSidxInfo) {
-      var key = generateSidxKey(currentSidxInfo);
-
-      if (!oldSidxMapping[key]) {
-        break;
-      }
-
-      var savedSidxInfo = oldSidxMapping[key].sidxInfo;
-
-      if (equivalentSidx(savedSidxInfo, currentSidxInfo)) {
-        newSidxMapping[key] = oldSidxMapping[key];
-      }
-    }
-  }
-
-  return newSidxMapping;
-};
-/**
- *  A function that filters out changed items as they need to be requested separately.
- *
- *  The method is exported for testing
- *
- *  @param {Object} masterXml the mpd XML
- *  @param {string} srcUrl the mpd url
- *  @param {Date} clientOffset a time difference between server and client (passed through and not used)
- *  @param {Object} oldSidxMapping the SIDX to compare against
- */
-
-
-var filterChangedSidxMappings = function filterChangedSidxMappings(masterXml, srcUrl, clientOffset, oldSidxMapping) {
-  // Don't pass current sidx mapping
-  var master = mpdParser.parse(masterXml, {
-    manifestUri: srcUrl,
-    clientOffset: clientOffset
-  });
-  var videoSidx = compareSidxEntry(master.playlists, oldSidxMapping);
-  var mediaGroupSidx = videoSidx;
-  forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
-    if (properties.playlists && properties.playlists.length) {
-      var playlists = properties.playlists;
-      mediaGroupSidx = mergeOptions$2(mediaGroupSidx, compareSidxEntry(playlists, oldSidxMapping));
-    }
-  });
-  return mediaGroupSidx;
-}; // exported for testing
-
-
-var requestSidx_ = function requestSidx_(sidxRange, playlist, xhr, options, finishProcessingFn) {
-  var sidxInfo = {
-    // resolve the segment URL relative to the playlist
-    uri: resolveManifestRedirect(options.handleManifestRedirects, sidxRange.resolvedUri),
-    // resolvedUri: sidxRange.resolvedUri,
-    byterange: sidxRange.byterange,
-    // the segment's playlist
-    playlist: playlist
-  };
-  var sidxRequestOptions = videojs$1.mergeOptions(sidxInfo, {
-    responseType: 'arraybuffer',
-    headers: segmentXhrHeaders(sidxInfo)
-  });
-  return xhr(sidxRequestOptions, finishProcessingFn);
-};
-
-var DashPlaylistLoader = function (_EventTarget) {
-  inherits(DashPlaylistLoader, _EventTarget); // DashPlaylistLoader must accept either a src url or a playlist because subsequent
-  // playlist loader setups from media groups will expect to be able to pass a playlist
-  // (since there aren't external URLs to media playlists with DASH)
-
-  function DashPlaylistLoader(srcUrlOrPlaylist, hls) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var masterPlaylistLoader = arguments[3];
-    classCallCheck(this, DashPlaylistLoader);
-
-    var _this = possibleConstructorReturn(this, (DashPlaylistLoader.__proto__ || Object.getPrototypeOf(DashPlaylistLoader)).call(this));
-
-    var _options$withCredenti = options.withCredentials,
-        withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
-        _options$handleManife = options.handleManifestRedirects,
-        handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
-    _this.hls_ = hls;
-    _this.withCredentials = withCredentials;
-    _this.handleManifestRedirects = handleManifestRedirects;
-
-    if (!srcUrlOrPlaylist) {
-      throw new Error('A non-empty playlist URL or playlist is required');
-    } // event naming?
-
-
-    _this.on('minimumUpdatePeriod', function () {
-      _this.refreshXml_();
-    }); // live playlist staleness timeout
-
-
-    _this.on('mediaupdatetimeout', function () {
-      _this.refreshMedia_(_this.media().uri);
-    });
-
-    _this.state = 'HAVE_NOTHING';
-    _this.loadedPlaylists_ = {}; // initialize the loader state
-    // The masterPlaylistLoader will be created with a string
-
-    if (typeof srcUrlOrPlaylist === 'string') {
-      _this.srcUrl = srcUrlOrPlaylist; // TODO: reset sidxMapping between period changes
-      // once multi-period is refactored
-
-      _this.sidxMapping_ = {};
-      return possibleConstructorReturn(_this);
-    }
-
-    _this.setupChildLoader(masterPlaylistLoader, srcUrlOrPlaylist);
-
-    return _this;
-  }
-
-  createClass(DashPlaylistLoader, [{
-    key: 'setupChildLoader',
-    value: function setupChildLoader(masterPlaylistLoader, playlist) {
-      this.masterPlaylistLoader_ = masterPlaylistLoader;
-      this.childPlaylist_ = playlist;
-    }
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      this.stopRequest();
-      this.loadedPlaylists_ = {};
-      window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-      window$1.clearTimeout(this.mediaRequest_);
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-    }
-  }, {
-    key: 'hasPendingRequest',
-    value: function hasPendingRequest() {
-      return this.request || this.mediaRequest_;
-    }
-  }, {
-    key: 'stopRequest',
-    value: function stopRequest() {
-      if (this.request) {
-        var oldRequest = this.request;
-        this.request = null;
-        oldRequest.onreadystatechange = null;
-        oldRequest.abort();
-      }
-    }
-  }, {
-    key: 'sidxRequestFinished_',
-    value: function sidxRequestFinished_(playlist, master, startingState, doneFn) {
-      var _this2 = this;
-
-      return function (err, request) {
-        // disposed
-        if (!_this2.request) {
-          return;
-        } // pending request is cleared
-
-
-        _this2.request = null;
-
-        if (err) {
-          _this2.error = {
-            status: request.status,
-            message: 'DASH playlist request error at URL: ' + playlist.uri,
-            response: request.response,
-            // MEDIA_ERR_NETWORK
-            code: 2
-          };
-
-          if (startingState) {
-            _this2.state = startingState;
-          }
-
-          _this2.trigger('error');
-
-          return doneFn(master, null);
-        }
-
-        var bytes = new Uint8Array(request.response);
-        var sidx = mp4Inspector.parseSidx(bytes.subarray(8));
-        return doneFn(master, sidx);
-      };
-    }
-  }, {
-    key: 'media',
-    value: function media(playlist) {
-      var _this3 = this; // getter
-
-
-      if (!playlist) {
-        return this.media_;
-      } // setter
-
-
-      if (this.state === 'HAVE_NOTHING') {
-        throw new Error('Cannot switch media playlist from ' + this.state);
-      }
-
-      var startingState = this.state; // find the playlist object if the target playlist has been specified by URI
-
-      if (typeof playlist === 'string') {
-        if (!this.master.playlists[playlist]) {
-          throw new Error('Unknown playlist URI: ' + playlist);
-        }
-
-        playlist = this.master.playlists[playlist];
-      }
-
-      var mediaChange = !this.media_ || playlist.uri !== this.media_.uri; // switch to previously loaded playlists immediately
-
-      if (mediaChange && this.loadedPlaylists_[playlist.uri] && this.loadedPlaylists_[playlist.uri].endList) {
-        this.state = 'HAVE_METADATA';
-        this.media_ = playlist; // trigger media change if the active media has been updated
-
-        if (mediaChange) {
-          this.trigger('mediachanging');
-          this.trigger('mediachange');
-        }
-
-        return;
-      } // switching to the active playlist is a no-op
-
-
-      if (!mediaChange) {
-        return;
-      } // switching from an already loaded playlist
-
-
-      if (this.media_) {
-        this.trigger('mediachanging');
-      }
-
-      if (!playlist.sidx) {
-        // Continue asynchronously if there is no sidx
-        // wait one tick to allow haveMaster to run first on a child loader
-        this.mediaRequest_ = window$1.setTimeout(this.haveMetadata.bind(this, {
-          startingState: startingState,
-          playlist: playlist
-        }), 0); // exit early and don't do sidx work
-
-        return;
-      } // we have sidx mappings
-
-
-      var oldMaster = void 0;
-      var sidxMapping = void 0; // sidxMapping is used when parsing the masterXml, so store
-      // it on the masterPlaylistLoader
-
-      if (this.masterPlaylistLoader_) {
-        oldMaster = this.masterPlaylistLoader_.master;
-        sidxMapping = this.masterPlaylistLoader_.sidxMapping_;
-      } else {
-        oldMaster = this.master;
-        sidxMapping = this.sidxMapping_;
-      }
-
-      var sidxKey = generateSidxKey(playlist.sidx);
-      sidxMapping[sidxKey] = {
-        sidxInfo: playlist.sidx
-      };
-      this.request = requestSidx_(playlist.sidx, playlist, this.hls_.xhr, {
-        handleManifestRedirects: this.handleManifestRedirects
-      }, this.sidxRequestFinished_(playlist, oldMaster, startingState, function (newMaster, sidx) {
-        if (!newMaster || !sidx) {
-          throw new Error('failed to request sidx');
-        } // update loader's sidxMapping with parsed sidx box
-
-
-        sidxMapping[sidxKey].sidx = sidx; // everything is ready just continue to haveMetadata
-
-        _this3.haveMetadata({
-          startingState: startingState,
-          playlist: newMaster.playlists[playlist.uri]
-        });
-      }));
-    }
-  }, {
-    key: 'haveMetadata',
-    value: function haveMetadata(_ref) {
-      var startingState = _ref.startingState,
-          playlist = _ref.playlist;
-      this.state = 'HAVE_METADATA';
-      this.loadedPlaylists_[playlist.uri] = playlist;
-      this.mediaRequest_ = null; // This will trigger loadedplaylist
-
-      this.refreshMedia_(playlist.uri); // fire loadedmetadata the first time a media playlist is loaded
-      // to resolve setup of media groups
-
-      if (startingState === 'HAVE_MASTER') {
-        this.trigger('loadedmetadata');
-      } else {
-        // trigger media change if the active media has been updated
-        this.trigger('mediachange');
-      }
-    }
-  }, {
-    key: 'pause',
-    value: function pause() {
-      this.stopRequest();
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-      window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-
-      if (this.state === 'HAVE_NOTHING') {
-        // If we pause the loader before any data has been retrieved, its as if we never
-        // started, so reset to an unstarted state.
-        this.started = false;
-      }
-    }
-  }, {
-    key: 'load',
-    value: function load(isFinalRendition) {
-      var _this4 = this;
-
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-      window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-      var media = this.media();
-
-      if (isFinalRendition) {
-        var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
-        this.mediaUpdateTimeout = window$1.setTimeout(function () {
-          return _this4.load();
-        }, delay);
-        return;
-      } // because the playlists are internal to the manifest, load should either load the
-      // main manifest, or do nothing but trigger an event
-
-
-      if (!this.started) {
-        this.start();
-        return;
-      }
-
-      this.trigger('loadedplaylist');
-    }
-    /**
-     * Parses the master xml string and updates playlist uri references
-     *
-     * @return {Object}
-     *         The parsed mpd manifest object
-     */
-
-  }, {
-    key: 'parseMasterXml',
-    value: function parseMasterXml() {
-      var master = mpdParser.parse(this.masterXml_, {
-        manifestUri: this.srcUrl,
-        clientOffset: this.clientOffset_,
-        sidxMapping: this.sidxMapping_
-      });
-      master.uri = this.srcUrl; // Set up phony URIs for the playlists since we won't have external URIs for DASH
-      // but reference playlists by their URI throughout the project
-      // TODO: Should we create the dummy uris in mpd-parser as well (leaning towards yes).
-
-      for (var i = 0; i < master.playlists.length; i++) {
-        var phonyUri = 'placeholder-uri-' + i;
-        master.playlists[i].uri = phonyUri; // set up by URI references
-
-        master.playlists[phonyUri] = master.playlists[i];
-      } // set up phony URIs for the media group playlists since we won't have external
-      // URIs for DASH but reference playlists by their URI throughout the project
-
-
-      forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
-        if (properties.playlists && properties.playlists.length) {
-          var _phonyUri = 'placeholder-uri-' + mediaType + '-' + groupKey + '-' + labelKey;
-
-          properties.playlists[0].uri = _phonyUri; // setup URI references
-
-          master.playlists[_phonyUri] = properties.playlists[0];
-        }
-      });
-      setupMediaPlaylists(master);
-      resolveMediaGroupUris(master);
-      return master;
-    }
-  }, {
-    key: 'start',
-    value: function start() {
-      var _this5 = this;
-
-      this.started = true; // We don't need to request the master manifest again
-      // Call this asynchronously to match the xhr request behavior below
-
-      if (this.masterPlaylistLoader_) {
-        this.mediaRequest_ = window$1.setTimeout(this.haveMaster_.bind(this), 0);
-        return;
-      } // request the specified URL
-
-
-      this.request = this.hls_.xhr({
-        uri: this.srcUrl,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this5.request) {
-          return;
-        } // clear the loader's request reference
-
-
-        _this5.request = null;
-
-        if (error) {
-          _this5.error = {
-            status: req.status,
-            message: 'DASH playlist request error at URL: ' + _this5.srcUrl,
-            responseText: req.responseText,
-            // MEDIA_ERR_NETWORK
-            code: 2
-          };
-
-          if (_this5.state === 'HAVE_NOTHING') {
-            _this5.started = false;
-          }
-
-          return _this5.trigger('error');
-        }
-
-        _this5.masterXml_ = req.responseText;
-
-        if (req.responseHeaders && req.responseHeaders.date) {
-          _this5.masterLoaded_ = Date.parse(req.responseHeaders.date);
-        } else {
-          _this5.masterLoaded_ = Date.now();
-        }
-
-        _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
-
-        _this5.syncClientServerClock_(_this5.onClientServerClockSync_.bind(_this5));
-      });
-    }
-    /**
-     * Parses the master xml for UTCTiming node to sync the client clock to the server
-     * clock. If the UTCTiming node requires a HEAD or GET request, that request is made.
-     *
-     * @param {Function} done
-     *        Function to call when clock sync has completed
-     */
-
-  }, {
-    key: 'syncClientServerClock_',
-    value: function syncClientServerClock_(done) {
-      var _this6 = this;
-
-      var utcTiming = mpdParser.parseUTCTiming(this.masterXml_); // No UTCTiming element found in the mpd. Use Date header from mpd request as the
-      // server clock
-
-      if (utcTiming === null) {
-        this.clientOffset_ = this.masterLoaded_ - Date.now();
-        return done();
-      }
-
-      if (utcTiming.method === 'DIRECT') {
-        this.clientOffset_ = utcTiming.value - Date.now();
-        return done();
-      }
-
-      this.request = this.hls_.xhr({
-        uri: resolveUrl(this.srcUrl, utcTiming.value),
-        method: utcTiming.method,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this6.request) {
-          return;
-        }
-
-        if (error) {
-          // sync request failed, fall back to using date header from mpd
-          // TODO: log warning
-          _this6.clientOffset_ = _this6.masterLoaded_ - Date.now();
-          return done();
-        }
-
-        var serverTime = void 0;
-
-        if (utcTiming.method === 'HEAD') {
-          if (!req.responseHeaders || !req.responseHeaders.date) {
-            // expected date header not preset, fall back to using date header from mpd
-            // TODO: log warning
-            serverTime = _this6.masterLoaded_;
-          } else {
-            serverTime = Date.parse(req.responseHeaders.date);
-          }
-        } else {
-          serverTime = Date.parse(req.responseText);
-        }
-
-        _this6.clientOffset_ = serverTime - Date.now();
-        done();
-      });
-    }
-  }, {
-    key: 'haveMaster_',
-    value: function haveMaster_() {
-      this.state = 'HAVE_MASTER'; // clear media request
-
-      this.mediaRequest_ = null;
-
-      if (!this.masterPlaylistLoader_) {
-        this.master = this.parseMasterXml(); // We have the master playlist at this point, so
-        // trigger this to allow MasterPlaylistController
-        // to make an initial playlist selection
-
-        this.trigger('loadedplaylist');
-      } else if (!this.media_) {
-        // no media playlist was specifically selected so select
-        // the one the child playlist loader was created with
-        this.media(this.childPlaylist_);
-      }
-    }
-    /**
-     * Handler for after client/server clock synchronization has happened. Sets up
-     * xml refresh timer if specificed by the manifest.
-     */
-
-  }, {
-    key: 'onClientServerClockSync_',
-    value: function onClientServerClockSync_() {
-      var _this7 = this;
-
-      this.haveMaster_();
-
-      if (!this.hasPendingRequest() && !this.media_) {
-        this.media(this.master.playlists[0]);
-      } // TODO: minimumUpdatePeriod can have a value of 0. Currently the manifest will not
-      // be refreshed when this is the case. The inter-op guide says that when the
-      // minimumUpdatePeriod is 0, the manifest should outline all currently available
-      // segments, but future segments may require an update. I think a good solution
-      // would be to update the manifest at the same rate that the media playlists
-      // are "refreshed", i.e. every targetDuration.
-
-
-      if (this.master && this.master.minimumUpdatePeriod) {
-        this.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-          _this7.trigger('minimumUpdatePeriod');
-        }, this.master.minimumUpdatePeriod);
-      }
-    }
-    /**
-     * Sends request to refresh the master xml and updates the parsed master manifest
-     * TODO: Does the client offset need to be recalculated when the xml is refreshed?
-     */
-
-  }, {
-    key: 'refreshXml_',
-    value: function refreshXml_() {
-      var _this8 = this; // The srcUrl here *may* need to pass through handleManifestsRedirects when
-      // sidx is implemented
-
-
-      this.request = this.hls_.xhr({
-        uri: this.srcUrl,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this8.request) {
-          return;
-        } // clear the loader's request reference
-
-
-        _this8.request = null;
-
-        if (error) {
-          _this8.error = {
-            status: req.status,
-            message: 'DASH playlist request error at URL: ' + _this8.srcUrl,
-            responseText: req.responseText,
-            // MEDIA_ERR_NETWORK
-            code: 2
-          };
-
-          if (_this8.state === 'HAVE_NOTHING') {
-            _this8.started = false;
-          }
-
-          return _this8.trigger('error');
-        }
-
-        _this8.masterXml_ = req.responseText; // This will filter out updated sidx info from the mapping
-
-        _this8.sidxMapping_ = filterChangedSidxMappings(_this8.masterXml_, _this8.srcUrl, _this8.clientOffset_, _this8.sidxMapping_);
-
-        var master = _this8.parseMasterXml();
-
-        var updatedMaster = updateMaster$1(_this8.master, master);
-
-        var currentSidxInfo = _this8.media().sidx;
-
-        if (updatedMaster) {
-          if (currentSidxInfo) {
-            var sidxKey = generateSidxKey(currentSidxInfo); // the sidx was updated, so the previous mapping was removed
-
-            if (!_this8.sidxMapping_[sidxKey]) {
-              var playlist = _this8.media();
-
-              _this8.request = requestSidx_(playlist.sidx, playlist, _this8.hls_.xhr, {
-                handleManifestRedirects: _this8.handleManifestRedirects
-              }, _this8.sidxRequestFinished_(playlist, master, _this8.state, function (newMaster, sidx) {
-                if (!newMaster || !sidx) {
-                  throw new Error('failed to request sidx on minimumUpdatePeriod');
-                } // update loader's sidxMapping with parsed sidx box
-
-
-                _this8.sidxMapping_[sidxKey].sidx = sidx;
-                _this8.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-                  _this8.trigger('minimumUpdatePeriod');
-                }, _this8.master.minimumUpdatePeriod); // TODO: do we need to reload the current playlist?
-
-                _this8.refreshMedia_(_this8.media().uri);
-
-                return;
-              }));
-            }
-          } else {
-            _this8.master = updatedMaster;
-          }
-        }
-
-        _this8.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-          _this8.trigger('minimumUpdatePeriod');
-        }, _this8.master.minimumUpdatePeriod);
-      });
-    }
-    /**
-     * Refreshes the media playlist by re-parsing the master xml and updating playlist
-     * references. If this is an alternate loader, the updated parsed manifest is retrieved
-     * from the master loader.
-     */
-
-  }, {
-    key: 'refreshMedia_',
-    value: function refreshMedia_(mediaUri) {
-      var _this9 = this;
-
-      if (!mediaUri) {
-        throw new Error('refreshMedia_ must take a media uri');
-      }
-
-      var oldMaster = void 0;
-      var newMaster = void 0;
-
-      if (this.masterPlaylistLoader_) {
-        oldMaster = this.masterPlaylistLoader_.master;
-        newMaster = this.masterPlaylistLoader_.parseMasterXml();
-      } else {
-        oldMaster = this.master;
-        newMaster = this.parseMasterXml();
-      }
-
-      var updatedMaster = updateMaster$1(oldMaster, newMaster);
-
-      if (updatedMaster) {
-        if (this.masterPlaylistLoader_) {
-          this.masterPlaylistLoader_.master = updatedMaster;
-        } else {
-          this.master = updatedMaster;
-        }
-
-        this.media_ = updatedMaster.playlists[mediaUri];
-      } else {
-        this.media_ = newMaster.playlists[mediaUri];
-        this.trigger('playlistunchanged');
-      }
-
-      if (!this.media().endList) {
-        this.mediaUpdateTimeout = window$1.setTimeout(function () {
-          _this9.trigger('mediaupdatetimeout');
-        }, refreshDelay(this.media(), !!updatedMaster));
-      }
-
-      this.trigger('loadedplaylist');
-    }
-  }]);
-  return DashPlaylistLoader;
-}(EventTarget$1$1);
-
-var logger = function logger(source) {
-  if (videojs$1.log.debug) {
-    return videojs$1.log.debug.bind(videojs$1, 'VHS:', source + ' >');
-  }
-
-  return function () {};
-};
-
-function noop() {}
-/**
- * @file source-updater.js
- */
-
-/**
- * A queue of callbacks to be serialized and applied when a
- * MediaSource and its associated SourceBuffers are not in the
- * updating state. It is used by the segment loader to update the
- * underlying SourceBuffers when new data is loaded, for instance.
- *
- * @class SourceUpdater
- * @param {MediaSource} mediaSource the MediaSource to create the
- * SourceBuffer from
- * @param {String} mimeType the desired MIME type of the underlying
- * SourceBuffer
- * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer is
- * added to the media source
- */
-
-
-var SourceUpdater = function () {
-  function SourceUpdater(mediaSource, mimeType, type, sourceBufferEmitter) {
-    classCallCheck(this, SourceUpdater);
-    this.callbacks_ = [];
-    this.pendingCallback_ = null;
-    this.timestampOffset_ = 0;
-    this.mediaSource = mediaSource;
-    this.processedAppend_ = false;
-    this.type_ = type;
-    this.mimeType_ = mimeType;
-    this.logger_ = logger('SourceUpdater[' + type + '][' + mimeType + ']');
-
-    if (mediaSource.readyState === 'closed') {
-      mediaSource.addEventListener('sourceopen', this.createSourceBuffer_.bind(this, mimeType, sourceBufferEmitter));
-    } else {
-      this.createSourceBuffer_(mimeType, sourceBufferEmitter);
-    }
-  }
-
-  createClass(SourceUpdater, [{
-    key: 'createSourceBuffer_',
-    value: function createSourceBuffer_(mimeType, sourceBufferEmitter) {
-      var _this = this;
-
-      this.sourceBuffer_ = this.mediaSource.addSourceBuffer(mimeType);
-      this.logger_('created SourceBuffer');
-
-      if (sourceBufferEmitter) {
-        sourceBufferEmitter.trigger('sourcebufferadded');
-
-        if (this.mediaSource.sourceBuffers.length < 2) {
-          // There's another source buffer we must wait for before we can start updating
-          // our own (or else we can get into a bad state, i.e., appending video/audio data
-          // before the other video/audio source buffer is available and leading to a video
-          // or audio only buffer).
-          sourceBufferEmitter.on('sourcebufferadded', function () {
-            _this.start_();
-          });
-          return;
-        }
-      }
-
-      this.start_();
-    }
-  }, {
-    key: 'start_',
-    value: function start_() {
-      var _this2 = this;
-
-      this.started_ = true; // run completion handlers and process callbacks as updateend
-      // events fire
-
-      this.onUpdateendCallback_ = function () {
-        var pendingCallback = _this2.pendingCallback_;
-        _this2.pendingCallback_ = null;
-        _this2.sourceBuffer_.removing = false;
-
-        _this2.logger_('buffered [' + printableRange(_this2.buffered()) + ']');
-
-        if (pendingCallback) {
-          pendingCallback();
-        }
-
-        _this2.runCallback_();
-      };
-
-      this.sourceBuffer_.addEventListener('updateend', this.onUpdateendCallback_);
-      this.runCallback_();
-    }
-    /**
-     * Aborts the current segment and resets the segment parser.
-     *
-     * @param {Function} done function to call when done
-     * @see http://w3c.github.io/media-source/#widl-SourceBuffer-abort-void
-     */
-
-  }, {
-    key: 'abort',
-    value: function abort(done) {
-      var _this3 = this;
-
-      if (this.processedAppend_) {
-        this.queueCallback_(function () {
-          _this3.sourceBuffer_.abort();
-        }, done);
-      }
-    }
-    /**
-     * Queue an update to append an ArrayBuffer.
-     *
-     * @param {ArrayBuffer} bytes
-     * @param {Function} done the function to call when done
-     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-appendBuffer-void-ArrayBuffer-data
-     */
-
-  }, {
-    key: 'appendBuffer',
-    value: function appendBuffer(config, done) {
-      var _this4 = this;
-
-      this.processedAppend_ = true;
-      this.queueCallback_(function () {
-        if (config.videoSegmentTimingInfoCallback) {
-          _this4.sourceBuffer_.addEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
-        }
-
-        _this4.sourceBuffer_.appendBuffer(config.bytes);
-      }, function () {
-        if (config.videoSegmentTimingInfoCallback) {
-          _this4.sourceBuffer_.removeEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
-        }
-
-        done();
-      });
-    }
-    /**
-     * Indicates what TimeRanges are buffered in the managed SourceBuffer.
-     *
-     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-buffered
-     */
-
-  }, {
-    key: 'buffered',
-    value: function buffered() {
-      if (!this.sourceBuffer_) {
-        return videojs$1.createTimeRanges();
-      }
-
-      return this.sourceBuffer_.buffered;
-    }
-    /**
-     * Queue an update to remove a time range from the buffer.
-     *
-     * @param {Number} start where to start the removal
-     * @param {Number} end where to end the removal
-     * @param {Function} [done=noop] optional callback to be executed when the remove
-     * operation is complete
-     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove(start, end) {
-      var _this5 = this;
-
-      var done = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
-
-      if (this.processedAppend_) {
-        this.queueCallback_(function () {
-          _this5.logger_('remove [' + start + ' => ' + end + ']');
-
-          _this5.sourceBuffer_.removing = true;
-
-          _this5.sourceBuffer_.remove(start, end);
-        }, done);
-      }
-    }
-    /**
-     * Whether the underlying sourceBuffer is updating or not
-     *
-     * @return {Boolean} the updating status of the SourceBuffer
-     */
-
-  }, {
-    key: 'updating',
-    value: function updating() {
-      // we are updating if the sourcebuffer is updating or
-      return !this.sourceBuffer_ || this.sourceBuffer_.updating || // if we have a pending callback that is not our internal noop
-      !!this.pendingCallback_ && this.pendingCallback_ !== noop;
-    }
-    /**
-     * Set/get the timestampoffset on the SourceBuffer
-     *
-     * @return {Number} the timestamp offset
-     */
-
-  }, {
-    key: 'timestampOffset',
-    value: function timestampOffset(offset) {
-      var _this6 = this;
-
-      if (typeof offset !== 'undefined') {
-        this.queueCallback_(function () {
-          _this6.sourceBuffer_.timestampOffset = offset;
-
-          _this6.runCallback_();
-        });
-        this.timestampOffset_ = offset;
-      }
-
-      return this.timestampOffset_;
-    }
-    /**
-     * Queue a callback to run
-     */
-
-  }, {
-    key: 'queueCallback_',
-    value: function queueCallback_(callback, done) {
-      this.callbacks_.push([callback.bind(this), done]);
-      this.runCallback_();
-    }
-    /**
-     * Run a queued callback
-     */
-
-  }, {
-    key: 'runCallback_',
-    value: function runCallback_() {
-      var callbacks = void 0;
-
-      if (!this.updating() && this.callbacks_.length && this.started_) {
-        callbacks = this.callbacks_.shift();
-        this.pendingCallback_ = callbacks[1];
-        callbacks[0]();
-      }
-    }
-    /**
-     * dispose of the source updater and the underlying sourceBuffer
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      var _this7 = this;
-
-      var disposeFn = function disposeFn() {
-        if (_this7.sourceBuffer_ && _this7.mediaSource.readyState === 'open') {
-          _this7.sourceBuffer_.abort();
-        }
-
-        _this7.sourceBuffer_.removeEventListener('updateend', disposeFn);
-      };
-
-      this.sourceBuffer_.removeEventListener('updateend', this.onUpdateendCallback_);
-
-      if (this.sourceBuffer_.removing) {
-        this.sourceBuffer_.addEventListener('updateend', disposeFn);
-      } else {
-        disposeFn();
-      }
-    }
-  }]);
-  return SourceUpdater;
-}();
-
-var Config = {
-  GOAL_BUFFER_LENGTH: 30,
-  MAX_GOAL_BUFFER_LENGTH: 60,
-  GOAL_BUFFER_LENGTH_RATE: 1,
-  // 0.5 MB/s
-  INITIAL_BANDWIDTH: 4194304,
-  // A fudge factor to apply to advertised playlist bitrates to account for
-  // temporary flucations in client bandwidth
-  BANDWIDTH_VARIANCE: 1.2,
-  // How much of the buffer must be filled before we consider upswitching
-  BUFFER_LOW_WATER_LINE: 0,
-  MAX_BUFFER_LOW_WATER_LINE: 30,
-  BUFFER_LOW_WATER_LINE_RATE: 1
-};
-var REQUEST_ERRORS = {
-  FAILURE: 2,
-  TIMEOUT: -101,
-  ABORTED: -102
-};
-/**
- * Abort all requests
- *
- * @param {Object} activeXhrs - an object that tracks all XHR requests
- */
-
-var abortAll = function abortAll(activeXhrs) {
-  activeXhrs.forEach(function (xhr) {
-    xhr.abort();
-  });
-};
-/**
- * Gather important bandwidth stats once a request has completed
- *
- * @param {Object} request - the XHR request from which to gather stats
- */
-
-
-var getRequestStats = function getRequestStats(request) {
-  return {
-    bandwidth: request.bandwidth,
-    bytesReceived: request.bytesReceived || 0,
-    roundTripTime: request.roundTripTime || 0
-  };
-};
-/**
- * If possible gather bandwidth stats as a request is in
- * progress
- *
- * @param {Event} progressEvent - an event object from an XHR's progress event
- */
-
-
-var getProgressStats = function getProgressStats(progressEvent) {
-  var request = progressEvent.target;
-  var roundTripTime = Date.now() - request.requestTime;
-  var stats = {
-    bandwidth: Infinity,
-    bytesReceived: 0,
-    roundTripTime: roundTripTime || 0
-  };
-  stats.bytesReceived = progressEvent.loaded; // This can result in Infinity if stats.roundTripTime is 0 but that is ok
-  // because we should only use bandwidth stats on progress to determine when
-  // abort a request early due to insufficient bandwidth
-
-  stats.bandwidth = Math.floor(stats.bytesReceived / stats.roundTripTime * 8 * 1000);
-  return stats;
-};
-/**
- * Handle all error conditions in one place and return an object
- * with all the information
- *
- * @param {Error|null} error - if non-null signals an error occured with the XHR
- * @param {Object} request -  the XHR request that possibly generated the error
- */
-
-
-var handleErrors = function handleErrors(error, request) {
-  if (request.timedout) {
-    return {
-      status: request.status,
-      message: 'HLS request timed-out at URL: ' + request.uri,
-      code: REQUEST_ERRORS.TIMEOUT,
-      xhr: request
-    };
-  }
-
-  if (request.aborted) {
-    return {
-      status: request.status,
-      message: 'HLS request aborted at URL: ' + request.uri,
-      code: REQUEST_ERRORS.ABORTED,
-      xhr: request
-    };
-  }
-
-  if (error) {
-    return {
-      status: request.status,
-      message: 'HLS request errored at URL: ' + request.uri,
-      code: REQUEST_ERRORS.FAILURE,
-      xhr: request
-    };
-  }
-
-  return null;
-};
-/**
- * Handle responses for key data and convert the key data to the correct format
- * for the decryption step later
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- *                                        this request
- */
-
-
-var handleKeyResponse = function handleKeyResponse(segment, finishProcessingFn) {
-  return function (error, request) {
-    var response = request.response;
-    var errorObj = handleErrors(error, request);
-
-    if (errorObj) {
-      return finishProcessingFn(errorObj, segment);
-    }
-
-    if (response.byteLength !== 16) {
-      return finishProcessingFn({
-        status: request.status,
-        message: 'Invalid HLS key at URL: ' + request.uri,
-        code: REQUEST_ERRORS.FAILURE,
-        xhr: request
-      }, segment);
-    }
-
-    var view = new DataView(response);
-    segment.key.bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);
-    return finishProcessingFn(null, segment);
-  };
-};
-/**
- * Handle init-segment responses
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- *                                        this request
- */
-
-
-var handleInitSegmentResponse = function handleInitSegmentResponse(segment, captionParser, finishProcessingFn) {
-  return function (error, request) {
-    var response = request.response;
-    var errorObj = handleErrors(error, request);
-
-    if (errorObj) {
-      return finishProcessingFn(errorObj, segment);
-    } // stop processing if received empty content
-
-
-    if (response.byteLength === 0) {
-      return finishProcessingFn({
-        status: request.status,
-        message: 'Empty HLS segment content at URL: ' + request.uri,
-        code: REQUEST_ERRORS.FAILURE,
-        xhr: request
-      }, segment);
-    }
-
-    segment.map.bytes = new Uint8Array(request.response); // Initialize CaptionParser if it hasn't been yet
-
-    if (captionParser && !captionParser.isInitialized()) {
-      captionParser.init();
-    }
-
-    segment.map.timescales = mp4probe.timescale(segment.map.bytes);
-    segment.map.videoTrackIds = mp4probe.videoTrackIds(segment.map.bytes);
-    return finishProcessingFn(null, segment);
-  };
-};
-/**
- * Response handler for segment-requests being sure to set the correct
- * property depending on whether the segment is encryped or not
- * Also records and keeps track of stats that are used for ABR purposes
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- *                                        this request
- */
-
-
-var handleSegmentResponse = function handleSegmentResponse(segment, captionParser, finishProcessingFn) {
-  return function (error, request) {
-    var response = request.response;
-    var errorObj = handleErrors(error, request);
-    var parsed = void 0;
-
-    if (errorObj) {
-      return finishProcessingFn(errorObj, segment);
-    } // stop processing if received empty content
-
-
-    if (response.byteLength === 0) {
-      return finishProcessingFn({
-        status: request.status,
-        message: 'Empty HLS segment content at URL: ' + request.uri,
-        code: REQUEST_ERRORS.FAILURE,
-        xhr: request
-      }, segment);
-    }
-
-    segment.stats = getRequestStats(request);
-
-    if (segment.key) {
-      segment.encryptedBytes = new Uint8Array(request.response);
-    } else {
-      segment.bytes = new Uint8Array(request.response);
-    } // This is likely an FMP4 and has the init segment.
-    // Run through the CaptionParser in case there are captions.
-
-
-    if (captionParser && segment.map && segment.map.bytes) {
-      // Initialize CaptionParser if it hasn't been yet
-      if (!captionParser.isInitialized()) {
-        captionParser.init();
-      }
-
-      parsed = captionParser.parse(segment.bytes, segment.map.videoTrackIds, segment.map.timescales);
-
-      if (parsed && parsed.captions) {
-        segment.captionStreams = parsed.captionStreams;
-        segment.fmp4Captions = parsed.captions;
-      }
-    }
-
-    return finishProcessingFn(null, segment);
-  };
-};
-/**
- * Decrypt the segment via the decryption web worker
- *
- * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} doneFn - a callback that is executed after decryption has completed
- */
-
-
-var decryptSegment = function decryptSegment(decrypter, segment, doneFn) {
-  var decryptionHandler = function decryptionHandler(event) {
-    if (event.data.source === segment.requestId) {
-      decrypter.removeEventListener('message', decryptionHandler);
-      var decrypted = event.data.decrypted;
-      segment.bytes = new Uint8Array(decrypted.bytes, decrypted.byteOffset, decrypted.byteLength);
-      return doneFn(null, segment);
-    }
-  };
-
-  decrypter.addEventListener('message', decryptionHandler);
-  var keyBytes = void 0;
-
-  if (segment.key.bytes.slice) {
-    keyBytes = segment.key.bytes.slice();
-  } else {
-    keyBytes = new Uint32Array(Array.prototype.slice.call(segment.key.bytes));
-  } // this is an encrypted segment
-  // incrementally decrypt the segment
-
-
-  decrypter.postMessage(createTransferableMessage({
-    source: segment.requestId,
-    encrypted: segment.encryptedBytes,
-    key: keyBytes,
-    iv: segment.key.iv
-  }), [segment.encryptedBytes.buffer, keyBytes.buffer]);
-};
-/**
- * This function waits for all XHRs to finish (with either success or failure)
- * before continueing processing via it's callback. The function gathers errors
- * from each request into a single errors array so that the error status for
- * each request can be examined later.
- *
- * @param {Object} activeXhrs - an object that tracks all XHR requests
- * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
- * @param {Function} doneFn - a callback that is executed after all resources have been
- *                            downloaded and any decryption completed
- */
-
-
-var waitForCompletion = function waitForCompletion(activeXhrs, decrypter, doneFn) {
-  var count = 0;
-  var didError = false;
-  return function (error, segment) {
-    if (didError) {
-      return;
-    }
-
-    if (error) {
-      didError = true; // If there are errors, we have to abort any outstanding requests
-
-      abortAll(activeXhrs); // Even though the requests above are aborted, and in theory we could wait until we
-      // handle the aborted events from those requests, there are some cases where we may
-      // never get an aborted event. For instance, if the network connection is lost and
-      // there were two requests, the first may have triggered an error immediately, while
-      // the second request remains unsent. In that case, the aborted algorithm will not
-      // trigger an abort: see https://xhr.spec.whatwg.org/#the-abort()-method
-      //
-      // We also can't rely on the ready state of the XHR, since the request that
-      // triggered the connection error may also show as a ready state of 0 (unsent).
-      // Therefore, we have to finish this group of requests immediately after the first
-      // seen error.
-
-      return doneFn(error, segment);
-    }
-
-    count += 1;
-
-    if (count === activeXhrs.length) {
-      // Keep track of when *all* of the requests have completed
-      segment.endOfAllRequests = Date.now();
-
-      if (segment.encryptedBytes) {
-        return decryptSegment(decrypter, segment, doneFn);
-      } // Otherwise, everything is ready just continue
-
-
-      return doneFn(null, segment);
-    }
-  };
-};
-/**
- * Simple progress event callback handler that gathers some stats before
- * executing a provided callback with the `segment` object
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} progressFn - a callback that is executed each time a progress event
- *                                is received
- * @param {Event} event - the progress event object from XMLHttpRequest
- */
-
-
-var handleProgress = function handleProgress(segment, progressFn) {
-  return function (event) {
-    segment.stats = videojs$1.mergeOptions(segment.stats, getProgressStats(event)); // record the time that we receive the first byte of data
-
-    if (!segment.stats.firstBytesReceivedAt && segment.stats.bytesReceived) {
-      segment.stats.firstBytesReceivedAt = Date.now();
-    }
-
-    return progressFn(event, segment);
-  };
-};
-/**
- * Load all resources and does any processing necessary for a media-segment
- *
- * Features:
- *   decrypts the media-segment if it has a key uri and an iv
- *   aborts *all* requests if *any* one request fails
- *
- * The segment object, at minimum, has the following format:
- * {
- *   resolvedUri: String,
- *   [byterange]: {
- *     offset: Number,
- *     length: Number
- *   },
- *   [key]: {
- *     resolvedUri: String
- *     [byterange]: {
- *       offset: Number,
- *       length: Number
- *     },
- *     iv: {
- *       bytes: Uint32Array
- *     }
- *   },
- *   [map]: {
- *     resolvedUri: String,
- *     [byterange]: {
- *       offset: Number,
- *       length: Number
- *     },
- *     [bytes]: Uint8Array
- *   }
- * }
- * ...where [name] denotes optional properties
- *
- * @param {Function} xhr - an instance of the xhr wrapper in xhr.js
- * @param {Object} xhrOptions - the base options to provide to all xhr requests
- * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128
- *                                       decryption routines
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} progressFn - a callback that receives progress events from the main
- *                                segment's xhr request
- * @param {Function} doneFn - a callback that is executed only once all requests have
- *                            succeeded or failed
- * @returns {Function} a function that, when invoked, immediately aborts all
- *                     outstanding requests
- */
-
-
-var mediaSegmentRequest = function mediaSegmentRequest(xhr, xhrOptions, decryptionWorker, captionParser, segment, progressFn, doneFn) {
-  var activeXhrs = [];
-  var finishProcessingFn = waitForCompletion(activeXhrs, decryptionWorker, doneFn); // optionally, request the decryption key
-
-  if (segment.key && !segment.key.bytes) {
-    var keyRequestOptions = videojs$1.mergeOptions(xhrOptions, {
-      uri: segment.key.resolvedUri,
-      responseType: 'arraybuffer'
-    });
-    var keyRequestCallback = handleKeyResponse(segment, finishProcessingFn);
-    var keyXhr = xhr(keyRequestOptions, keyRequestCallback);
-    activeXhrs.push(keyXhr);
-  } // optionally, request the associated media init segment
-
-
-  if (segment.map && !segment.map.bytes) {
-    var initSegmentOptions = videojs$1.mergeOptions(xhrOptions, {
-      uri: segment.map.resolvedUri,
-      responseType: 'arraybuffer',
-      headers: segmentXhrHeaders(segment.map)
-    });
-    var initSegmentRequestCallback = handleInitSegmentResponse(segment, captionParser, finishProcessingFn);
-    var initSegmentXhr = xhr(initSegmentOptions, initSegmentRequestCallback);
-    activeXhrs.push(initSegmentXhr);
-  }
-
-  var segmentRequestOptions = videojs$1.mergeOptions(xhrOptions, {
-    uri: segment.resolvedUri,
-    responseType: 'arraybuffer',
-    headers: segmentXhrHeaders(segment)
-  });
-  var segmentRequestCallback = handleSegmentResponse(segment, captionParser, finishProcessingFn);
-  var segmentXhr = xhr(segmentRequestOptions, segmentRequestCallback);
-  segmentXhr.addEventListener('progress', handleProgress(segment, progressFn));
-  activeXhrs.push(segmentXhr);
-  return function () {
-    return abortAll(activeXhrs);
-  };
-}; // Utilities
-
-/**
- * Returns the CSS value for the specified property on an element
- * using `getComputedStyle`. Firefox has a long-standing issue where
- * getComputedStyle() may return null when running in an iframe with
- * `display: none`.
- *
- * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397
- * @param {HTMLElement} el the htmlelement to work on
- * @param {string} the proprety to get the style for
- */
-
-
-var safeGetComputedStyle = function safeGetComputedStyle(el, property) {
-  var result = void 0;
-
-  if (!el) {
-    return '';
-  }
-
-  result = window$1.getComputedStyle(el);
-
-  if (!result) {
-    return '';
-  }
-
-  return result[property];
-};
-/**
- * Resuable stable sort function
- *
- * @param {Playlists} array
- * @param {Function} sortFn Different comparators
- * @function stableSort
- */
-
-
-var stableSort = function stableSort(array, sortFn) {
-  var newArray = array.slice();
-  array.sort(function (left, right) {
-    var cmp = sortFn(left, right);
-
-    if (cmp === 0) {
-      return newArray.indexOf(left) - newArray.indexOf(right);
-    }
-
-    return cmp;
-  });
-};
-/**
- * A comparator function to sort two playlist object by bandwidth.
- *
- * @param {Object} left a media playlist object
- * @param {Object} right a media playlist object
- * @return {Number} Greater than zero if the bandwidth attribute of
- * left is greater than the corresponding attribute of right. Less
- * than zero if the bandwidth of right is greater than left and
- * exactly zero if the two are equal.
- */
-
-
-var comparePlaylistBandwidth = function comparePlaylistBandwidth(left, right) {
-  var leftBandwidth = void 0;
-  var rightBandwidth = void 0;
-
-  if (left.attributes.BANDWIDTH) {
-    leftBandwidth = left.attributes.BANDWIDTH;
-  }
-
-  leftBandwidth = leftBandwidth || window$1.Number.MAX_VALUE;
-
-  if (right.attributes.BANDWIDTH) {
-    rightBandwidth = right.attributes.BANDWIDTH;
-  }
-
-  rightBandwidth = rightBandwidth || window$1.Number.MAX_VALUE;
-  return leftBandwidth - rightBandwidth;
-};
-/**
- * A comparator function to sort two playlist object by resolution (width).
- * @param {Object} left a media playlist object
- * @param {Object} right a media playlist object
- * @return {Number} Greater than zero if the resolution.width attribute of
- * left is greater than the corresponding attribute of right. Less
- * than zero if the resolution.width of right is greater than left and
- * exactly zero if the two are equal.
- */
-
-
-var comparePlaylistResolution = function comparePlaylistResolution(left, right) {
-  var leftWidth = void 0;
-  var rightWidth = void 0;
-
-  if (left.attributes.RESOLUTION && left.attributes.RESOLUTION.width) {
-    leftWidth = left.attributes.RESOLUTION.width;
-  }
-
-  leftWidth = leftWidth || window$1.Number.MAX_VALUE;
-
-  if (right.attributes.RESOLUTION && right.attributes.RESOLUTION.width) {
-    rightWidth = right.attributes.RESOLUTION.width;
-  }
-
-  rightWidth = rightWidth || window$1.Number.MAX_VALUE; // NOTE - Fallback to bandwidth sort as appropriate in cases where multiple renditions
-  // have the same media dimensions/ resolution
-
-  if (leftWidth === rightWidth && left.attributes.BANDWIDTH && right.attributes.BANDWIDTH) {
-    return left.attributes.BANDWIDTH - right.attributes.BANDWIDTH;
-  }
-
-  return leftWidth - rightWidth;
-};
-/**
- * Chooses the appropriate media playlist based on bandwidth and player size
- *
- * @param {Object} master
- *        Object representation of the master manifest
- * @param {Number} playerBandwidth
- *        Current calculated bandwidth of the player
- * @param {Number} playerWidth
- *        Current width of the player element
- * @param {Number} playerHeight
- *        Current height of the player element
- * @param {Boolean} limitRenditionByPlayerDimensions
- *        True if the player width and height should be used during the selection, false otherwise
- * @return {Playlist} the highest bitrate playlist less than the
- * currently detected bandwidth, accounting for some amount of
- * bandwidth variance
- */
-
-
-var simpleSelector = function simpleSelector(master, playerBandwidth, playerWidth, playerHeight, limitRenditionByPlayerDimensions) {
-  // convert the playlists to an intermediary representation to make comparisons easier
-  var sortedPlaylistReps = master.playlists.map(function (playlist) {
-    var width = void 0;
-    var height = void 0;
-    var bandwidth = void 0;
-    width = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.width;
-    height = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.height;
-    bandwidth = playlist.attributes.BANDWIDTH;
-    bandwidth = bandwidth || window$1.Number.MAX_VALUE;
-    return {
-      bandwidth: bandwidth,
-      width: width,
-      height: height,
-      playlist: playlist
-    };
-  });
-  stableSort(sortedPlaylistReps, function (left, right) {
-    return left.bandwidth - right.bandwidth;
-  }); // filter out any playlists that have been excluded due to
-  // incompatible configurations
-
-  sortedPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-    return !Playlist.isIncompatible(rep.playlist);
-  }); // filter out any playlists that have been disabled manually through the representations
-  // api or blacklisted temporarily due to playback errors.
-
-  var enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-    return Playlist.isEnabled(rep.playlist);
-  });
-
-  if (!enabledPlaylistReps.length) {
-    // if there are no enabled playlists, then they have all been blacklisted or disabled
-    // by the user through the representations api. In this case, ignore blacklisting and
-    // fallback to what the user wants by using playlists the user has not disabled.
-    enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-      return !Playlist.isDisabled(rep.playlist);
-    });
-  } // filter out any variant that has greater effective bitrate
-  // than the current estimated bandwidth
-
-
-  var bandwidthPlaylistReps = enabledPlaylistReps.filter(function (rep) {
-    return rep.bandwidth * Config.BANDWIDTH_VARIANCE < playerBandwidth;
-  });
-  var highestRemainingBandwidthRep = bandwidthPlaylistReps[bandwidthPlaylistReps.length - 1]; // get all of the renditions with the same (highest) bandwidth
-  // and then taking the very first element
-
-  var bandwidthBestRep = bandwidthPlaylistReps.filter(function (rep) {
-    return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-  })[0]; // if we're not going to limit renditions by player size, make an early decision.
-
-  if (limitRenditionByPlayerDimensions === false) {
-    var _chosenRep = bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
-
-    return _chosenRep ? _chosenRep.playlist : null;
-  } // filter out playlists without resolution information
-
-
-  var haveResolution = bandwidthPlaylistReps.filter(function (rep) {
-    return rep.width && rep.height;
-  }); // sort variants by resolution
-
-  stableSort(haveResolution, function (left, right) {
-    return left.width - right.width;
-  }); // if we have the exact resolution as the player use it
-
-  var resolutionBestRepList = haveResolution.filter(function (rep) {
-    return rep.width === playerWidth && rep.height === playerHeight;
-  });
-  highestRemainingBandwidthRep = resolutionBestRepList[resolutionBestRepList.length - 1]; // ensure that we pick the highest bandwidth variant that have exact resolution
-
-  var resolutionBestRep = resolutionBestRepList.filter(function (rep) {
-    return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-  })[0];
-  var resolutionPlusOneList = void 0;
-  var resolutionPlusOneSmallest = void 0;
-  var resolutionPlusOneRep = void 0; // find the smallest variant that is larger than the player
-  // if there is no match of exact resolution
-
-  if (!resolutionBestRep) {
-    resolutionPlusOneList = haveResolution.filter(function (rep) {
-      return rep.width > playerWidth || rep.height > playerHeight;
-    }); // find all the variants have the same smallest resolution
-
-    resolutionPlusOneSmallest = resolutionPlusOneList.filter(function (rep) {
-      return rep.width === resolutionPlusOneList[0].width && rep.height === resolutionPlusOneList[0].height;
-    }); // ensure that we also pick the highest bandwidth variant that
-    // is just-larger-than the video player
-
-    highestRemainingBandwidthRep = resolutionPlusOneSmallest[resolutionPlusOneSmallest.length - 1];
-    resolutionPlusOneRep = resolutionPlusOneSmallest.filter(function (rep) {
-      return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-    })[0];
-  } // fallback chain of variants
-
-
-  var chosenRep = resolutionPlusOneRep || resolutionBestRep || bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
-  return chosenRep ? chosenRep.playlist : null;
-}; // Playlist Selectors
-
-/**
- * Chooses the appropriate media playlist based on the most recent
- * bandwidth estimate and the player size.
- *
- * Expects to be called within the context of an instance of HlsHandler
- *
- * @return {Playlist} the highest bitrate playlist less than the
- * currently detected bandwidth, accounting for some amount of
- * bandwidth variance
- */
-
-
-var lastBandwidthSelector = function lastBandwidthSelector() {
-  return simpleSelector(this.playlists.master, this.systemBandwidth, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10), parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10), this.limitRenditionByPlayerDimensions);
-};
-/**
- * Chooses the appropriate media playlist based on the potential to rebuffer
- *
- * @param {Object} settings
- *        Object of information required to use this selector
- * @param {Object} settings.master
- *        Object representation of the master manifest
- * @param {Number} settings.currentTime
- *        The current time of the player
- * @param {Number} settings.bandwidth
- *        Current measured bandwidth
- * @param {Number} settings.duration
- *        Duration of the media
- * @param {Number} settings.segmentDuration
- *        Segment duration to be used in round trip time calculations
- * @param {Number} settings.timeUntilRebuffer
- *        Time left in seconds until the player has to rebuffer
- * @param {Number} settings.currentTimeline
- *        The current timeline segments are being loaded from
- * @param {SyncController} settings.syncController
- *        SyncController for determining if we have a sync point for a given playlist
- * @return {Object|null}
- *         {Object} return.playlist
- *         The highest bandwidth playlist with the least amount of rebuffering
- *         {Number} return.rebufferingImpact
- *         The amount of time in seconds switching to this playlist will rebuffer. A
- *         negative value means that switching will cause zero rebuffering.
- */
-
-
-var minRebufferMaxBandwidthSelector = function minRebufferMaxBandwidthSelector(settings) {
-  var master = settings.master,
-      currentTime = settings.currentTime,
-      bandwidth = settings.bandwidth,
-      duration$$1 = settings.duration,
-      segmentDuration = settings.segmentDuration,
-      timeUntilRebuffer = settings.timeUntilRebuffer,
-      currentTimeline = settings.currentTimeline,
-      syncController = settings.syncController; // filter out any playlists that have been excluded due to
-  // incompatible configurations
-
-  var compatiblePlaylists = master.playlists.filter(function (playlist) {
-    return !Playlist.isIncompatible(playlist);
-  }); // filter out any playlists that have been disabled manually through the representations
-  // api or blacklisted temporarily due to playback errors.
-
-  var enabledPlaylists = compatiblePlaylists.filter(Playlist.isEnabled);
-
-  if (!enabledPlaylists.length) {
-    // if there are no enabled playlists, then they have all been blacklisted or disabled
-    // by the user through the representations api. In this case, ignore blacklisting and
-    // fallback to what the user wants by using playlists the user has not disabled.
-    enabledPlaylists = compatiblePlaylists.filter(function (playlist) {
-      return !Playlist.isDisabled(playlist);
-    });
-  }
-
-  var bandwidthPlaylists = enabledPlaylists.filter(Playlist.hasAttribute.bind(null, 'BANDWIDTH'));
-  var rebufferingEstimates = bandwidthPlaylists.map(function (playlist) {
-    var syncPoint = syncController.getSyncPoint(playlist, duration$$1, currentTimeline, currentTime); // If there is no sync point for this playlist, switching to it will require a
-    // sync request first. This will double the request time
-
-    var numRequests = syncPoint ? 1 : 2;
-    var requestTimeEstimate = Playlist.estimateSegmentRequestTime(segmentDuration, bandwidth, playlist);
-    var rebufferingImpact = requestTimeEstimate * numRequests - timeUntilRebuffer;
-    return {
-      playlist: playlist,
-      rebufferingImpact: rebufferingImpact
-    };
-  });
-  var noRebufferingPlaylists = rebufferingEstimates.filter(function (estimate) {
-    return estimate.rebufferingImpact <= 0;
-  }); // Sort by bandwidth DESC
-
-  stableSort(noRebufferingPlaylists, function (a, b) {
-    return comparePlaylistBandwidth(b.playlist, a.playlist);
-  });
-
-  if (noRebufferingPlaylists.length) {
-    return noRebufferingPlaylists[0];
-  }
-
-  stableSort(rebufferingEstimates, function (a, b) {
-    return a.rebufferingImpact - b.rebufferingImpact;
-  });
-  return rebufferingEstimates[0] || null;
-};
-/**
- * Chooses the appropriate media playlist, which in this case is the lowest bitrate
- * one with video.  If no renditions with video exist, return the lowest audio rendition.
- *
- * Expects to be called within the context of an instance of HlsHandler
- *
- * @return {Object|null}
- *         {Object} return.playlist
- *         The lowest bitrate playlist that contains a video codec.  If no such rendition
- *         exists pick the lowest audio rendition.
- */
-
-
-var lowestBitrateCompatibleVariantSelector = function lowestBitrateCompatibleVariantSelector() {
-  // filter out any playlists that have been excluded due to
-  // incompatible configurations or playback errors
-  var playlists = this.playlists.master.playlists.filter(Playlist.isEnabled); // Sort ascending by bitrate
-
-  stableSort(playlists, function (a, b) {
-    return comparePlaylistBandwidth(a, b);
-  }); // Parse and assume that playlists with no video codec have no video
-  // (this is not necessarily true, although it is generally true).
-  //
-  // If an entire manifest has no valid videos everything will get filtered
-  // out.
-
-  var playlistsWithVideo = playlists.filter(function (playlist) {
-    return parseCodecs(playlist.attributes.CODECS).videoCodec;
-  });
-  return playlistsWithVideo[0] || null;
-};
-/**
- * Create captions text tracks on video.js if they do not exist
- *
- * @param {Object} inbandTextTracks a reference to current inbandTextTracks
- * @param {Object} tech the video.js tech
- * @param {Object} captionStreams the caption streams to create
- * @private
- */
-
-
-var createCaptionsTrackIfNotExists = function createCaptionsTrackIfNotExists(inbandTextTracks, tech, captionStreams) {
-  for (var trackId in captionStreams) {
-    if (!inbandTextTracks[trackId]) {
-      tech.trigger({
-        type: 'usage',
-        name: 'hls-608'
-      });
-      var track = tech.textTracks().getTrackById(trackId);
-
-      if (track) {
-        // Resuse an existing track with a CC# id because this was
-        // very likely created by videojs-contrib-hls from information
-        // in the m3u8 for us to use
-        inbandTextTracks[trackId] = track;
-      } else {
-        // Otherwise, create a track with the default `CC#` label and
-        // without a language
-        inbandTextTracks[trackId] = tech.addRemoteTextTrack({
-          kind: 'captions',
-          id: trackId,
-          label: trackId
-        }, false).track;
-      }
-    }
-  }
-};
-
-var addCaptionData = function addCaptionData(_ref) {
-  var inbandTextTracks = _ref.inbandTextTracks,
-      captionArray = _ref.captionArray,
-      timestampOffset = _ref.timestampOffset;
-
-  if (!captionArray) {
-    return;
-  }
-
-  var Cue = window.WebKitDataCue || window.VTTCue;
-  captionArray.forEach(function (caption) {
-    var track = caption.stream;
-    var startTime = caption.startTime;
-    var endTime = caption.endTime;
-
-    if (!inbandTextTracks[track]) {
-      return;
-    }
-
-    startTime += timestampOffset;
-    endTime += timestampOffset;
-    inbandTextTracks[track].addCue(new Cue(startTime, endTime, caption.text));
-  });
-};
-/**
- * @file segment-loader.js
- */
-// in ms
-
-
-var CHECK_BUFFER_DELAY = 500;
-/**
- * Determines if we should call endOfStream on the media source based
- * on the state of the buffer or if appened segment was the final
- * segment in the playlist.
- *
- * @param {Object} playlist a media playlist object
- * @param {Object} mediaSource the MediaSource object
- * @param {Number} segmentIndex the index of segment we last appended
- * @returns {Boolean} do we need to call endOfStream on the MediaSource
- */
-
-var detectEndOfStream = function detectEndOfStream(playlist, mediaSource, segmentIndex) {
-  if (!playlist || !mediaSource) {
-    return false;
-  }
-
-  var segments = playlist.segments; // determine a few boolean values to help make the branch below easier
-  // to read
-
-  var appendedLastSegment = segmentIndex === segments.length; // if we've buffered to the end of the video, we need to call endOfStream
-  // so that MediaSources can trigger the `ended` event when it runs out of
-  // buffered data instead of waiting for me
-
-  return playlist.endList && mediaSource.readyState === 'open' && appendedLastSegment;
-};
-
-var finite = function finite(num) {
-  return typeof num === 'number' && isFinite(num);
-};
-
-var illegalMediaSwitch = function illegalMediaSwitch(loaderType, startingMedia, newSegmentMedia) {
-  // Although these checks should most likely cover non 'main' types, for now it narrows
-  // the scope of our checks.
-  if (loaderType !== 'main' || !startingMedia || !newSegmentMedia) {
-    return null;
-  }
-
-  if (!newSegmentMedia.containsAudio && !newSegmentMedia.containsVideo) {
-    return 'Neither audio nor video found in segment.';
-  }
-
-  if (startingMedia.containsVideo && !newSegmentMedia.containsVideo) {
-    return 'Only audio found in segment when we expected video.' + ' We can\'t switch to audio only from a stream that had video.' + ' To get rid of this message, please add codec information to the manifest.';
-  }
-
-  if (!startingMedia.containsVideo && newSegmentMedia.containsVideo) {
-    return 'Video found in segment when we expected only audio.' + ' We can\'t switch to a stream with video from an audio only stream.' + ' To get rid of this message, please add codec information to the manifest.';
-  }
-
-  return null;
-};
-/**
- * Calculates a time value that is safe to remove from the back buffer without interupting
- * playback.
- *
- * @param {TimeRange} seekable
- *        The current seekable range
- * @param {Number} currentTime
- *        The current time of the player
- * @param {Number} targetDuration
- *        The target duration of the current playlist
- * @return {Number}
- *         Time that is safe to remove from the back buffer without interupting playback
- */
-
-
-var safeBackBufferTrimTime = function safeBackBufferTrimTime(seekable$$1, currentTime, targetDuration) {
-  var removeToTime = void 0;
-
-  if (seekable$$1.length && seekable$$1.start(0) > 0 && seekable$$1.start(0) < currentTime) {
-    // If we have a seekable range use that as the limit for what can be removed safely
-    removeToTime = seekable$$1.start(0);
-  } else {
-    // otherwise remove anything older than 30 seconds before the current play head
-    removeToTime = currentTime - 30;
-  } // Don't allow removing from the buffer within target duration of current time
-  // to avoid the possibility of removing the GOP currently being played which could
-  // cause playback stalls.
-
-
-  return Math.min(removeToTime, currentTime - targetDuration);
-};
-
-var segmentInfoString = function segmentInfoString(segmentInfo) {
-  var _segmentInfo$segment = segmentInfo.segment,
-      start = _segmentInfo$segment.start,
-      end = _segmentInfo$segment.end,
-      _segmentInfo$playlist = segmentInfo.playlist,
-      seq = _segmentInfo$playlist.mediaSequence,
-      id = _segmentInfo$playlist.id,
-      _segmentInfo$playlist2 = _segmentInfo$playlist.segments,
-      segments = _segmentInfo$playlist2 === undefined ? [] : _segmentInfo$playlist2,
-      index = segmentInfo.mediaIndex,
-      timeline = segmentInfo.timeline;
-  return ['appending [' + index + '] of [' + seq + ', ' + (seq + segments.length) + '] from playlist [' + id + ']', '[' + start + ' => ' + end + '] in timeline [' + timeline + ']'].join(' ');
-};
-/**
- * An object that manages segment loading and appending.
- *
- * @class SegmentLoader
- * @param {Object} options required and optional options
- * @extends videojs.EventTarget
- */
-
-
-var SegmentLoader = function (_videojs$EventTarget) {
-  inherits(SegmentLoader, _videojs$EventTarget);
-
-  function SegmentLoader(settings) {
-    classCallCheck(this, SegmentLoader); // check pre-conditions
-
-    var _this = possibleConstructorReturn(this, (SegmentLoader.__proto__ || Object.getPrototypeOf(SegmentLoader)).call(this));
-
-    if (!settings) {
-      throw new TypeError('Initialization settings are required');
-    }
-
-    if (typeof settings.currentTime !== 'function') {
-      throw new TypeError('No currentTime getter specified');
-    }
-
-    if (!settings.mediaSource) {
-      throw new TypeError('No MediaSource specified');
-    } // public properties
-
-
-    _this.bandwidth = settings.bandwidth;
-    _this.throughput = {
-      rate: 0,
-      count: 0
-    };
-    _this.roundTrip = NaN;
-
-    _this.resetStats_();
-
-    _this.mediaIndex = null; // private settings
-
-    _this.hasPlayed_ = settings.hasPlayed;
-    _this.currentTime_ = settings.currentTime;
-    _this.seekable_ = settings.seekable;
-    _this.seeking_ = settings.seeking;
-    _this.duration_ = settings.duration;
-    _this.mediaSource_ = settings.mediaSource;
-    _this.hls_ = settings.hls;
-    _this.loaderType_ = settings.loaderType;
-    _this.startingMedia_ = void 0;
-    _this.segmentMetadataTrack_ = settings.segmentMetadataTrack;
-    _this.goalBufferLength_ = settings.goalBufferLength;
-    _this.sourceType_ = settings.sourceType;
-    _this.inbandTextTracks_ = settings.inbandTextTracks;
-    _this.state_ = 'INIT'; // private instance variables
-
-    _this.checkBufferTimeout_ = null;
-    _this.error_ = void 0;
-    _this.currentTimeline_ = -1;
-    _this.pendingSegment_ = null;
-    _this.mimeType_ = null;
-    _this.sourceUpdater_ = null;
-    _this.xhrOptions_ = null; // Fragmented mp4 playback
-
-    _this.activeInitSegmentId_ = null;
-    _this.initSegments_ = {}; // HLSe playback
-
-    _this.cacheEncryptionKeys_ = settings.cacheEncryptionKeys;
-    _this.keyCache_ = {}; // Fmp4 CaptionParser
-
-    if (_this.loaderType_ === 'main') {
-      _this.captionParser_ = new CaptionParser();
-    } else {
-      _this.captionParser_ = null;
-    }
-
-    _this.decrypter_ = settings.decrypter; // Manages the tracking and generation of sync-points, mappings
-    // between a time in the display time and a segment index within
-    // a playlist
-
-    _this.syncController_ = settings.syncController;
-    _this.syncPoint_ = {
-      segmentIndex: 0,
-      time: 0
-    };
-
-    _this.syncController_.on('syncinfoupdate', function () {
-      return _this.trigger('syncinfoupdate');
-    });
-
-    _this.mediaSource_.addEventListener('sourceopen', function () {
-      return _this.ended_ = false;
-    }); // ...for determining the fetch location
-
-
-    _this.fetchAtBuffer_ = false;
-    _this.logger_ = logger('SegmentLoader[' + _this.loaderType_ + ']');
-    Object.defineProperty(_this, 'state', {
-      get: function get$$1() {
-        return this.state_;
-      },
-      set: function set$$1(newState) {
-        if (newState !== this.state_) {
-          this.logger_(this.state_ + ' -> ' + newState);
-          this.state_ = newState;
-        }
-      }
-    });
-    return _this;
-  }
-  /**
-   * reset all of our media stats
-   *
-   * @private
-   */
-
-
-  createClass(SegmentLoader, [{
-    key: 'resetStats_',
-    value: function resetStats_() {
-      this.mediaBytesTransferred = 0;
-      this.mediaRequests = 0;
-      this.mediaRequestsAborted = 0;
-      this.mediaRequestsTimedout = 0;
-      this.mediaRequestsErrored = 0;
-      this.mediaTransferDuration = 0;
-      this.mediaSecondsLoaded = 0;
-    }
-    /**
-     * dispose of the SegmentLoader and reset to the default state
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      this.state = 'DISPOSED';
-      this.pause();
-      this.abort_();
-
-      if (this.sourceUpdater_) {
-        this.sourceUpdater_.dispose();
-      }
-
-      this.resetStats_();
-
-      if (this.captionParser_) {
-        this.captionParser_.reset();
-      }
-    }
-    /**
-     * abort anything that is currently doing on with the SegmentLoader
-     * and reset to a default state
-     */
-
-  }, {
-    key: 'abort',
-    value: function abort() {
-      if (this.state !== 'WAITING') {
-        if (this.pendingSegment_) {
-          this.pendingSegment_ = null;
-        }
-
-        return;
-      }
-
-      this.abort_(); // We aborted the requests we were waiting on, so reset the loader's state to READY
-      // since we are no longer "waiting" on any requests. XHR callback is not always run
-      // when the request is aborted. This will prevent the loader from being stuck in the
-      // WAITING state indefinitely.
-
-      this.state = 'READY'; // don't wait for buffer check timeouts to begin fetching the
-      // next segment
-
-      if (!this.paused()) {
-        this.monitorBuffer_();
-      }
-    }
-    /**
-     * abort all pending xhr requests and null any pending segements
-     *
-     * @private
-     */
-
-  }, {
-    key: 'abort_',
-    value: function abort_() {
-      if (this.pendingSegment_) {
-        this.pendingSegment_.abortRequests();
-      } // clear out the segment being processed
-
-
-      this.pendingSegment_ = null;
-    }
-    /**
-     * set an error on the segment loader and null out any pending segements
-     *
-     * @param {Error} error the error to set on the SegmentLoader
-     * @return {Error} the error that was set or that is currently set
-     */
-
-  }, {
-    key: 'error',
-    value: function error(_error) {
-      if (typeof _error !== 'undefined') {
-        this.error_ = _error;
-      }
-
-      this.pendingSegment_ = null;
-      return this.error_;
-    }
-  }, {
-    key: 'endOfStream',
-    value: function endOfStream() {
-      this.ended_ = true;
-      this.pause();
-      this.trigger('ended');
-    }
-    /**
-     * Indicates which time ranges are buffered
-     *
-     * @return {TimeRange}
-     *         TimeRange object representing the current buffered ranges
-     */
-
-  }, {
-    key: 'buffered_',
-    value: function buffered_() {
-      if (!this.sourceUpdater_) {
-        return videojs$1.createTimeRanges();
-      }
-
-      return this.sourceUpdater_.buffered();
-    }
-    /**
-     * Gets and sets init segment for the provided map
-     *
-     * @param {Object} map
-     *        The map object representing the init segment to get or set
-     * @param {Boolean=} set
-     *        If true, the init segment for the provided map should be saved
-     * @return {Object}
-     *         map object for desired init segment
-     */
-
-  }, {
-    key: 'initSegment',
-    value: function initSegment(map) {
-      var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      if (!map) {
-        return null;
-      }
-
-      var id = initSegmentId(map);
-      var storedMap = this.initSegments_[id];
-
-      if (set$$1 && !storedMap && map.bytes) {
-        this.initSegments_[id] = storedMap = {
-          resolvedUri: map.resolvedUri,
-          byterange: map.byterange,
-          bytes: map.bytes,
-          timescales: map.timescales,
-          videoTrackIds: map.videoTrackIds
-        };
-      }
-
-      return storedMap || map;
-    }
-    /**
-     * Gets and sets key for the provided key
-     *
-     * @param {Object} key
-     *        The key object representing the key to get or set
-     * @param {Boolean=} set
-     *        If true, the key for the provided key should be saved
-     * @return {Object}
-     *         Key object for desired key
-     */
-
-  }, {
-    key: 'segmentKey',
-    value: function segmentKey(key) {
-      var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      if (!key) {
-        return null;
-      }
-
-      var id = segmentKeyId(key);
-      var storedKey = this.keyCache_[id]; // TODO: We should use the HTTP Expires header to invalidate our cache per
-      // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-6.2.3
-
-      if (this.cacheEncryptionKeys_ && set$$1 && !storedKey && key.bytes) {
-        this.keyCache_[id] = storedKey = {
-          resolvedUri: key.resolvedUri,
-          bytes: key.bytes
-        };
-      }
-
-      var result = {
-        resolvedUri: (storedKey || key).resolvedUri
-      };
-
-      if (storedKey) {
-        result.bytes = storedKey.bytes;
-      }
-
-      return result;
-    }
-    /**
-     * Returns true if all configuration required for loading is present, otherwise false.
-     *
-     * @return {Boolean} True if the all configuration is ready for loading
-     * @private
-     */
-
-  }, {
-    key: 'couldBeginLoading_',
-    value: function couldBeginLoading_() {
-      return this.playlist_ && ( // the source updater is created when init_ is called, so either having a
-      // source updater or being in the INIT state with a mimeType is enough
-      // to say we have all the needed configuration to start loading.
-      this.sourceUpdater_ || this.mimeType_ && this.state === 'INIT') && !this.paused();
-    }
-    /**
-     * load a playlist and start to fill the buffer
-     */
-
-  }, {
-    key: 'load',
-    value: function load() {
-      // un-pause
-      this.monitorBuffer_(); // if we don't have a playlist yet, keep waiting for one to be
-      // specified
-
-      if (!this.playlist_) {
-        return;
-      } // not sure if this is the best place for this
-
-
-      this.syncController_.setDateTimeMapping(this.playlist_); // if all the configuration is ready, initialize and begin loading
-
-      if (this.state === 'INIT' && this.couldBeginLoading_()) {
-        return this.init_();
-      } // if we're in the middle of processing a segment already, don't
-      // kick off an additional segment request
-
-
-      if (!this.couldBeginLoading_() || this.state !== 'READY' && this.state !== 'INIT') {
-        return;
-      }
-
-      this.state = 'READY';
-    }
-    /**
-     * Once all the starting parameters have been specified, begin
-     * operation. This method should only be invoked from the INIT
-     * state.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'init_',
-    value: function init_() {
-      this.state = 'READY';
-      this.sourceUpdater_ = new SourceUpdater(this.mediaSource_, this.mimeType_, this.loaderType_, this.sourceBufferEmitter_);
-      this.resetEverything();
-      return this.monitorBuffer_();
-    }
-    /**
-     * set a playlist on the segment loader
-     *
-     * @param {PlaylistLoader} media the playlist to set on the segment loader
-     */
-
-  }, {
-    key: 'playlist',
-    value: function playlist(newPlaylist) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      if (!newPlaylist) {
-        return;
-      }
-
-      var oldPlaylist = this.playlist_;
-      var segmentInfo = this.pendingSegment_;
-      this.playlist_ = newPlaylist;
-      this.xhrOptions_ = options; // when we haven't started playing yet, the start of a live playlist
-      // is always our zero-time so force a sync update each time the playlist
-      // is refreshed from the server
-
-      if (!this.hasPlayed_()) {
-        newPlaylist.syncInfo = {
-          mediaSequence: newPlaylist.mediaSequence,
-          time: 0
-        };
-      }
-
-      var oldId = null;
-
-      if (oldPlaylist) {
-        if (oldPlaylist.id) {
-          oldId = oldPlaylist.id;
-        } else if (oldPlaylist.uri) {
-          oldId = oldPlaylist.uri;
-        }
-      }
-
-      this.logger_('playlist update [' + oldId + ' => ' + (newPlaylist.id || newPlaylist.uri) + ']'); // in VOD, this is always a rendition switch (or we updated our syncInfo above)
-      // in LIVE, we always want to update with new playlists (including refreshes)
-
-      this.trigger('syncinfoupdate'); // if we were unpaused but waiting for a playlist, start
-      // buffering now
-
-      if (this.state === 'INIT' && this.couldBeginLoading_()) {
-        return this.init_();
-      }
-
-      if (!oldPlaylist || oldPlaylist.uri !== newPlaylist.uri) {
-        if (this.mediaIndex !== null) {
-          // we must "resync" the segment loader when we switch renditions and
-          // the segment loader is already synced to the previous rendition
-          this.resyncLoader();
-        } // the rest of this function depends on `oldPlaylist` being defined
-
-
-        return;
-      } // we reloaded the same playlist so we are in a live scenario
-      // and we will likely need to adjust the mediaIndex
-
-
-      var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;
-      this.logger_('live window shift [' + mediaSequenceDiff + ']'); // update the mediaIndex on the SegmentLoader
-      // this is important because we can abort a request and this value must be
-      // equal to the last appended mediaIndex
-
-      if (this.mediaIndex !== null) {
-        this.mediaIndex -= mediaSequenceDiff;
-      } // update the mediaIndex on the SegmentInfo object
-      // this is important because we will update this.mediaIndex with this value
-      // in `handleUpdateEnd_` after the segment has been successfully appended
-
-
-      if (segmentInfo) {
-        segmentInfo.mediaIndex -= mediaSequenceDiff; // we need to update the referenced segment so that timing information is
-        // saved for the new playlist's segment, however, if the segment fell off the
-        // playlist, we can leave the old reference and just lose the timing info
-
-        if (segmentInfo.mediaIndex >= 0) {
-          segmentInfo.segment = newPlaylist.segments[segmentInfo.mediaIndex];
-        }
-      }
-
-      this.syncController_.saveExpiredSegmentInfo(oldPlaylist, newPlaylist);
-    }
-    /**
-     * Prevent the loader from fetching additional segments. If there
-     * is a segment request outstanding, it will finish processing
-     * before the loader halts. A segment loader can be unpaused by
-     * calling load().
-     */
-
-  }, {
-    key: 'pause',
-    value: function pause() {
-      if (this.checkBufferTimeout_) {
-        window$1.clearTimeout(this.checkBufferTimeout_);
-        this.checkBufferTimeout_ = null;
-      }
-    }
-    /**
-     * Returns whether the segment loader is fetching additional
-     * segments when given the opportunity. This property can be
-     * modified through calls to pause() and load().
-     */
-
-  }, {
-    key: 'paused',
-    value: function paused() {
-      return this.checkBufferTimeout_ === null;
-    }
-    /**
-     * create/set the following mimetype on the SourceBuffer through a
-     * SourceUpdater
-     *
-     * @param {String} mimeType the mime type string to use
-     * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer
-     * is added to the media source
-     */
-
-  }, {
-    key: 'mimeType',
-    value: function mimeType(_mimeType, sourceBufferEmitter) {
-      if (this.mimeType_) {
-        return;
-      }
-
-      this.mimeType_ = _mimeType;
-      this.sourceBufferEmitter_ = sourceBufferEmitter; // if we were unpaused but waiting for a sourceUpdater, start
-      // buffering now
-
-      if (this.state === 'INIT' && this.couldBeginLoading_()) {
-        this.init_();
-      }
-    }
-    /**
-     * Delete all the buffered data and reset the SegmentLoader
-     * @param {Function} [done] an optional callback to be executed when the remove
-     * operation is complete
-     */
-
-  }, {
-    key: 'resetEverything',
-    value: function resetEverything(done) {
-      this.ended_ = false;
-      this.resetLoader();
-      this.remove(0, this.duration_(), done); // clears fmp4 captions
-
-      if (this.captionParser_) {
-        this.captionParser_.clearAllCaptions();
-      }
-
-      this.trigger('reseteverything');
-    }
-    /**
-     * Force the SegmentLoader to resync and start loading around the currentTime instead
-     * of starting at the end of the buffer
-     *
-     * Useful for fast quality changes
-     */
-
-  }, {
-    key: 'resetLoader',
-    value: function resetLoader() {
-      this.fetchAtBuffer_ = false;
-      this.resyncLoader();
-    }
-    /**
-     * Force the SegmentLoader to restart synchronization and make a conservative guess
-     * before returning to the simple walk-forward method
-     */
-
-  }, {
-    key: 'resyncLoader',
-    value: function resyncLoader() {
-      this.mediaIndex = null;
-      this.syncPoint_ = null;
-      this.abort();
-    }
-    /**
-     * Remove any data in the source buffer between start and end times
-     * @param {Number} start - the start time of the region to remove from the buffer
-     * @param {Number} end - the end time of the region to remove from the buffer
-     * @param {Function} [done] - an optional callback to be executed when the remove
-     * operation is complete
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove(start, end, done) {
-      if (this.sourceUpdater_) {
-        this.sourceUpdater_.remove(start, end, done);
-      }
-
-      removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-
-      if (this.inbandTextTracks_) {
-        for (var id in this.inbandTextTracks_) {
-          removeCuesFromTrack(start, end, this.inbandTextTracks_[id]);
-        }
-      }
-    }
-    /**
-     * (re-)schedule monitorBufferTick_ to run as soon as possible
-     *
-     * @private
-     */
-
-  }, {
-    key: 'monitorBuffer_',
-    value: function monitorBuffer_() {
-      if (this.checkBufferTimeout_) {
-        window$1.clearTimeout(this.checkBufferTimeout_);
-      }
-
-      this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), 1);
-    }
-    /**
-     * As long as the SegmentLoader is in the READY state, periodically
-     * invoke fillBuffer_().
-     *
-     * @private
-     */
-
-  }, {
-    key: 'monitorBufferTick_',
-    value: function monitorBufferTick_() {
-      if (this.state === 'READY') {
-        this.fillBuffer_();
-      }
-
-      if (this.checkBufferTimeout_) {
-        window$1.clearTimeout(this.checkBufferTimeout_);
-      }
-
-      this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), CHECK_BUFFER_DELAY);
-    }
-    /**
-     * fill the buffer with segements unless the sourceBuffers are
-     * currently updating
-     *
-     * Note: this function should only ever be called by monitorBuffer_
-     * and never directly
-     *
-     * @private
-     */
-
-  }, {
-    key: 'fillBuffer_',
-    value: function fillBuffer_() {
-      if (this.sourceUpdater_.updating()) {
-        return;
-      }
-
-      if (!this.syncPoint_) {
-        this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
-      } // see if we need to begin loading immediately
-
-
-      var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
-
-      if (!segmentInfo) {
-        return;
-      }
-
-      if (this.isEndOfStream_(segmentInfo.mediaIndex)) {
-        this.endOfStream();
-        return;
-      }
-
-      if (segmentInfo.mediaIndex === this.playlist_.segments.length - 1 && this.mediaSource_.readyState === 'ended' && !this.seeking_()) {
-        return;
-      } // We will need to change timestampOffset of the sourceBuffer if:
-      // - The segment.timeline !== this.currentTimeline
-      //   (we are crossing a discontinuity somehow)
-      // - The "timestampOffset" for the start of this segment is less than
-      //   the currently set timestampOffset
-      // Also, clear captions if we are crossing a discontinuity boundary
-      // Previously, we changed the timestampOffset if the start of this segment
-      // is less than the currently set timestampOffset but this isn't wanted
-      // as it can produce bad behavior, especially around long running
-      // live streams
-
-
-      if (segmentInfo.timeline !== this.currentTimeline_) {
-        this.syncController_.reset();
-        segmentInfo.timestampOffset = segmentInfo.startOfSegment;
-
-        if (this.captionParser_) {
-          this.captionParser_.clearAllCaptions();
-        }
-      }
-
-      this.loadSegment_(segmentInfo);
-    }
-    /**
-     * Determines if this segment loader is at the end of it's stream.
-     *
-     * @param {Number} mediaIndex the index of segment we last appended
-     * @param {Object} [playlist=this.playlist_] a media playlist object
-     * @returns {Boolean} true if at end of stream, false otherwise.
-     */
-
-  }, {
-    key: 'isEndOfStream_',
-    value: function isEndOfStream_(mediaIndex) {
-      var playlist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.playlist_;
-      return detectEndOfStream(playlist, this.mediaSource_, mediaIndex) && !this.sourceUpdater_.updating();
-    }
-    /**
-     * Determines what segment request should be made, given current playback
-     * state.
-     *
-     * @param {TimeRanges} buffered - the state of the buffer
-     * @param {Object} playlist - the playlist object to fetch segments from
-     * @param {Number} mediaIndex - the previous mediaIndex fetched or null
-     * @param {Boolean} hasPlayed - a flag indicating whether we have played or not
-     * @param {Number} currentTime - the playback position in seconds
-     * @param {Object} syncPoint - a segment info object that describes the
-     * @returns {Object} a segment request object that describes the segment to load
-     */
-
-  }, {
-    key: 'checkBuffer_',
-    value: function checkBuffer_(buffered, playlist, mediaIndex, hasPlayed, currentTime, syncPoint) {
-      var lastBufferedEnd = 0;
-      var startOfSegment = void 0;
-
-      if (buffered.length) {
-        lastBufferedEnd = buffered.end(buffered.length - 1);
-      }
-
-      var bufferedTime = Math.max(0, lastBufferedEnd - currentTime);
-
-      if (!playlist.segments.length) {
-        return null;
-      } // if there is plenty of content buffered, and the video has
-      // been played before relax for awhile
-
-
-      if (bufferedTime >= this.goalBufferLength_()) {
-        return null;
-      } // if the video has not yet played once, and we already have
-      // one segment downloaded do nothing
-
-
-      if (!hasPlayed && bufferedTime >= 1) {
-        return null;
-      } // When the syncPoint is null, there is no way of determining a good
-      // conservative segment index to fetch from
-      // The best thing to do here is to get the kind of sync-point data by
-      // making a request
-
-
-      if (syncPoint === null) {
-        mediaIndex = this.getSyncSegmentCandidate_(playlist);
-        return this.generateSegmentInfo_(playlist, mediaIndex, null, true);
-      } // Under normal playback conditions fetching is a simple walk forward
-
-
-      if (mediaIndex !== null) {
-        var segment = playlist.segments[mediaIndex];
-        startOfSegment = lastBufferedEnd;
-        return this.generateSegmentInfo_(playlist, mediaIndex + 1, startOfSegment, false);
-      } // There is a sync-point but the lack of a mediaIndex indicates that
-      // we need to make a good conservative guess about which segment to
-      // fetch
-
-
-      if (this.fetchAtBuffer_) {
-        // Find the segment containing the end of the buffer
-        var mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, lastBufferedEnd, syncPoint.segmentIndex, syncPoint.time);
-        mediaIndex = mediaSourceInfo.mediaIndex;
-        startOfSegment = mediaSourceInfo.startTime;
-      } else {
-        // Find the segment containing currentTime
-        var _mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, currentTime, syncPoint.segmentIndex, syncPoint.time);
-
-        mediaIndex = _mediaSourceInfo.mediaIndex;
-        startOfSegment = _mediaSourceInfo.startTime;
-      }
-
-      return this.generateSegmentInfo_(playlist, mediaIndex, startOfSegment, false);
-    }
-    /**
-     * The segment loader has no recourse except to fetch a segment in the
-     * current playlist and use the internal timestamps in that segment to
-     * generate a syncPoint. This function returns a good candidate index
-     * for that process.
-     *
-     * @param {Object} playlist - the playlist object to look for a
-     * @returns {Number} An index of a segment from the playlist to load
-     */
-
-  }, {
-    key: 'getSyncSegmentCandidate_',
-    value: function getSyncSegmentCandidate_(playlist) {
-      var _this2 = this;
-
-      if (this.currentTimeline_ === -1) {
-        return 0;
-      }
-
-      var segmentIndexArray = playlist.segments.map(function (s, i) {
-        return {
-          timeline: s.timeline,
-          segmentIndex: i
-        };
-      }).filter(function (s) {
-        return s.timeline === _this2.currentTimeline_;
-      });
-
-      if (segmentIndexArray.length) {
-        return segmentIndexArray[Math.min(segmentIndexArray.length - 1, 1)].segmentIndex;
-      }
-
-      return Math.max(playlist.segments.length - 1, 0);
-    }
-  }, {
-    key: 'generateSegmentInfo_',
-    value: function generateSegmentInfo_(playlist, mediaIndex, startOfSegment, isSyncRequest) {
-      if (mediaIndex < 0 || mediaIndex >= playlist.segments.length) {
-        return null;
-      }
-
-      var segment = playlist.segments[mediaIndex];
-      return {
-        requestId: 'segment-loader-' + Math.random(),
-        // resolve the segment URL relative to the playlist
-        uri: segment.resolvedUri,
-        // the segment's mediaIndex at the time it was requested
-        mediaIndex: mediaIndex,
-        // whether or not to update the SegmentLoader's state with this
-        // segment's mediaIndex
-        isSyncRequest: isSyncRequest,
-        startOfSegment: startOfSegment,
-        // the segment's playlist
-        playlist: playlist,
-        // unencrypted bytes of the segment
-        bytes: null,
-        // when a key is defined for this segment, the encrypted bytes
-        encryptedBytes: null,
-        // The target timestampOffset for this segment when we append it
-        // to the source buffer
-        timestampOffset: null,
-        // The timeline that the segment is in
-        timeline: segment.timeline,
-        // The expected duration of the segment in seconds
-        duration: segment.duration,
-        // retain the segment in case the playlist updates while doing an async process
-        segment: segment
-      };
-    }
-    /**
-     * Determines if the network has enough bandwidth to complete the current segment
-     * request in a timely manner. If not, the request will be aborted early and bandwidth
-     * updated to trigger a playlist switch.
-     *
-     * @param {Object} stats
-     *        Object containing stats about the request timing and size
-     * @return {Boolean} True if the request was aborted, false otherwise
-     * @private
-     */
-
-  }, {
-    key: 'abortRequestEarly_',
-    value: function abortRequestEarly_(stats) {
-      if (this.hls_.tech_.paused() || // Don't abort if the current playlist is on the lowestEnabledRendition
-      // TODO: Replace using timeout with a boolean indicating whether this playlist is
-      //       the lowestEnabledRendition.
-      !this.xhrOptions_.timeout || // Don't abort if we have no bandwidth information to estimate segment sizes
-      !this.playlist_.attributes.BANDWIDTH) {
-        return false;
-      } // Wait at least 1 second since the first byte of data has been received before
-      // using the calculated bandwidth from the progress event to allow the bitrate
-      // to stabilize
-
-
-      if (Date.now() - (stats.firstBytesReceivedAt || Date.now()) < 1000) {
-        return false;
-      }
-
-      var currentTime = this.currentTime_();
-      var measuredBandwidth = stats.bandwidth;
-      var segmentDuration = this.pendingSegment_.duration;
-      var requestTimeRemaining = Playlist.estimateSegmentRequestTime(segmentDuration, measuredBandwidth, this.playlist_, stats.bytesReceived); // Subtract 1 from the timeUntilRebuffer so we still consider an early abort
-      // if we are only left with less than 1 second when the request completes.
-      // A negative timeUntilRebuffering indicates we are already rebuffering
-
-      var timeUntilRebuffer$$1 = timeUntilRebuffer(this.buffered_(), currentTime, this.hls_.tech_.playbackRate()) - 1; // Only consider aborting early if the estimated time to finish the download
-      // is larger than the estimated time until the player runs out of forward buffer
-
-      if (requestTimeRemaining <= timeUntilRebuffer$$1) {
-        return false;
-      }
-
-      var switchCandidate = minRebufferMaxBandwidthSelector({
-        master: this.hls_.playlists.master,
-        currentTime: currentTime,
-        bandwidth: measuredBandwidth,
-        duration: this.duration_(),
-        segmentDuration: segmentDuration,
-        timeUntilRebuffer: timeUntilRebuffer$$1,
-        currentTimeline: this.currentTimeline_,
-        syncController: this.syncController_
-      });
-
-      if (!switchCandidate) {
-        return;
-      }
-
-      var rebufferingImpact = requestTimeRemaining - timeUntilRebuffer$$1;
-      var timeSavedBySwitching = rebufferingImpact - switchCandidate.rebufferingImpact;
-      var minimumTimeSaving = 0.5; // If we are already rebuffering, increase the amount of variance we add to the
-      // potential round trip time of the new request so that we are not too aggressive
-      // with switching to a playlist that might save us a fraction of a second.
-
-      if (timeUntilRebuffer$$1 <= TIME_FUDGE_FACTOR) {
-        minimumTimeSaving = 1;
-      }
-
-      if (!switchCandidate.playlist || switchCandidate.playlist.uri === this.playlist_.uri || timeSavedBySwitching < minimumTimeSaving) {
-        return false;
-      } // set the bandwidth to that of the desired playlist being sure to scale by
-      // BANDWIDTH_VARIANCE and add one so the playlist selector does not exclude it
-      // don't trigger a bandwidthupdate as the bandwidth is artifial
-
-
-      this.bandwidth = switchCandidate.playlist.attributes.BANDWIDTH * Config.BANDWIDTH_VARIANCE + 1;
-      this.abort();
-      this.trigger('earlyabort');
-      return true;
-    }
-    /**
-     * XHR `progress` event handler
-     *
-     * @param {Event}
-     *        The XHR `progress` event
-     * @param {Object} simpleSegment
-     *        A simplified segment object copy
-     * @private
-     */
-
-  }, {
-    key: 'handleProgress_',
-    value: function handleProgress_(event, simpleSegment) {
-      if (!this.pendingSegment_ || simpleSegment.requestId !== this.pendingSegment_.requestId || this.abortRequestEarly_(simpleSegment.stats)) {
-        return;
-      }
-
-      this.trigger('progress');
-    }
-    /**
-     * load a specific segment from a request into the buffer
-     *
-     * @private
-     */
-
-  }, {
-    key: 'loadSegment_',
-    value: function loadSegment_(segmentInfo) {
-      this.state = 'WAITING';
-      this.pendingSegment_ = segmentInfo;
-      this.trimBackBuffer_(segmentInfo);
-      segmentInfo.abortRequests = mediaSegmentRequest(this.hls_.xhr, this.xhrOptions_, this.decrypter_, this.captionParser_, this.createSimplifiedSegmentObj_(segmentInfo), // progress callback
-      this.handleProgress_.bind(this), this.segmentRequestFinished_.bind(this));
-    }
-    /**
-     * trim the back buffer so that we don't have too much data
-     * in the source buffer
-     *
-     * @private
-     *
-     * @param {Object} segmentInfo - the current segment
-     */
-
-  }, {
-    key: 'trimBackBuffer_',
-    value: function trimBackBuffer_(segmentInfo) {
-      var removeToTime = safeBackBufferTrimTime(this.seekable_(), this.currentTime_(), this.playlist_.targetDuration || 10); // Chrome has a hard limit of 150MB of
-      // buffer and a very conservative "garbage collector"
-      // We manually clear out the old buffer to ensure
-      // we don't trigger the QuotaExceeded error
-      // on the source buffer during subsequent appends
-
-      if (removeToTime > 0) {
-        this.remove(0, removeToTime);
-      }
-    }
-    /**
-     * created a simplified copy of the segment object with just the
-     * information necessary to perform the XHR and decryption
-     *
-     * @private
-     *
-     * @param {Object} segmentInfo - the current segment
-     * @returns {Object} a simplified segment object copy
-     */
-
-  }, {
-    key: 'createSimplifiedSegmentObj_',
-    value: function createSimplifiedSegmentObj_(segmentInfo) {
-      var segment = segmentInfo.segment;
-      var simpleSegment = {
-        resolvedUri: segment.resolvedUri,
-        byterange: segment.byterange,
-        requestId: segmentInfo.requestId
-      };
-
-      if (segment.key) {
-        // if the media sequence is greater than 2^32, the IV will be incorrect
-        // assuming 10s segments, that would be about 1300 years
-        var iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);
-        simpleSegment.key = this.segmentKey(segment.key);
-        simpleSegment.key.iv = iv;
-      }
-
-      if (segment.map) {
-        simpleSegment.map = this.initSegment(segment.map);
-      }
-
-      return simpleSegment;
-    }
-    /**
-     * Handle the callback from the segmentRequest function and set the
-     * associated SegmentLoader state and errors if necessary
-     *
-     * @private
-     */
-
-  }, {
-    key: 'segmentRequestFinished_',
-    value: function segmentRequestFinished_(error, simpleSegment) {
-      // every request counts as a media request even if it has been aborted
-      // or canceled due to a timeout
-      this.mediaRequests += 1;
-
-      if (simpleSegment.stats) {
-        this.mediaBytesTransferred += simpleSegment.stats.bytesReceived;
-        this.mediaTransferDuration += simpleSegment.stats.roundTripTime;
-      } // The request was aborted and the SegmentLoader has already been reset
-
-
-      if (!this.pendingSegment_) {
-        this.mediaRequestsAborted += 1;
-        return;
-      } // the request was aborted and the SegmentLoader has already started
-      // another request. this can happen when the timeout for an aborted
-      // request triggers due to a limitation in the XHR library
-      // do not count this as any sort of request or we risk double-counting
-
-
-      if (simpleSegment.requestId !== this.pendingSegment_.requestId) {
-        return;
-      } // an error occurred from the active pendingSegment_ so reset everything
-
-
-      if (error) {
-        this.pendingSegment_ = null;
-        this.state = 'READY'; // the requests were aborted just record the aborted stat and exit
-        // this is not a true error condition and nothing corrective needs
-        // to be done
-
-        if (error.code === REQUEST_ERRORS.ABORTED) {
-          this.mediaRequestsAborted += 1;
-          return;
-        }
-
-        this.pause(); // the error is really just that at least one of the requests timed-out
-        // set the bandwidth to a very low value and trigger an ABR switch to
-        // take emergency action
-
-        if (error.code === REQUEST_ERRORS.TIMEOUT) {
-          this.mediaRequestsTimedout += 1;
-          this.bandwidth = 1;
-          this.roundTrip = NaN;
-          this.trigger('bandwidthupdate');
-          return;
-        } // if control-flow has arrived here, then the error is real
-        // emit an error event to blacklist the current playlist
-
-
-        this.mediaRequestsErrored += 1;
-        this.error(error);
-        this.trigger('error');
-        return;
-      } // the response was a success so set any bandwidth stats the request
-      // generated for ABR purposes
-
-
-      this.bandwidth = simpleSegment.stats.bandwidth;
-      this.roundTrip = simpleSegment.stats.roundTripTime; // if this request included an initialization segment, save that data
-      // to the initSegment cache
-
-      if (simpleSegment.map) {
-        simpleSegment.map = this.initSegment(simpleSegment.map, true);
-      } // if this request included a segment key, save that data in the cache
-
-
-      if (simpleSegment.key) {
-        this.segmentKey(simpleSegment.key, true);
-      }
-
-      this.processSegmentResponse_(simpleSegment);
-    }
-    /**
-     * Move any important data from the simplified segment object
-     * back to the real segment object for future phases
-     *
-     * @private
-     */
-
-  }, {
-    key: 'processSegmentResponse_',
-    value: function processSegmentResponse_(simpleSegment) {
-      var segmentInfo = this.pendingSegment_;
-      segmentInfo.bytes = simpleSegment.bytes;
-
-      if (simpleSegment.map) {
-        segmentInfo.segment.map.bytes = simpleSegment.map.bytes;
-      }
-
-      segmentInfo.endOfAllRequests = simpleSegment.endOfAllRequests; // This has fmp4 captions, add them to text tracks
-
-      if (simpleSegment.fmp4Captions) {
-        createCaptionsTrackIfNotExists(this.inbandTextTracks_, this.hls_.tech_, simpleSegment.captionStreams);
-        addCaptionData({
-          inbandTextTracks: this.inbandTextTracks_,
-          captionArray: simpleSegment.fmp4Captions,
-          // fmp4s will not have a timestamp offset
-          timestampOffset: 0
-        }); // Reset stored captions since we added parsed
-        // captions to a text track at this point
-
-        if (this.captionParser_) {
-          this.captionParser_.clearParsedCaptions();
-        }
-      }
-
-      this.handleSegment_();
-    }
-    /**
-     * append a decrypted segement to the SourceBuffer through a SourceUpdater
-     *
-     * @private
-     */
-
-  }, {
-    key: 'handleSegment_',
-    value: function handleSegment_() {
-      var _this3 = this;
-
-      if (!this.pendingSegment_) {
-        this.state = 'READY';
-        return;
-      }
-
-      var segmentInfo = this.pendingSegment_;
-      var segment = segmentInfo.segment;
-      var timingInfo = this.syncController_.probeSegmentInfo(segmentInfo); // When we have our first timing info, determine what media types this loader is
-      // dealing with. Although we're maintaining extra state, it helps to preserve the
-      // separation of segment loader from the actual source buffers.
-
-      if (typeof this.startingMedia_ === 'undefined' && timingInfo && ( // Guard against cases where we're not getting timing info at all until we are
-      // certain that all streams will provide it.
-      timingInfo.containsAudio || timingInfo.containsVideo)) {
-        this.startingMedia_ = {
-          containsAudio: timingInfo.containsAudio,
-          containsVideo: timingInfo.containsVideo
-        };
-      }
-
-      var illegalMediaSwitchError = illegalMediaSwitch(this.loaderType_, this.startingMedia_, timingInfo);
-
-      if (illegalMediaSwitchError) {
-        this.error({
-          message: illegalMediaSwitchError,
-          blacklistDuration: Infinity
-        });
-        this.trigger('error');
-        return;
-      }
-
-      if (segmentInfo.isSyncRequest) {
-        this.trigger('syncinfoupdate');
-        this.pendingSegment_ = null;
-        this.state = 'READY';
-        return;
-      }
-
-      if (segmentInfo.timestampOffset !== null && segmentInfo.timestampOffset !== this.sourceUpdater_.timestampOffset()) {
-        // Subtract any difference between the PTS and DTS times of the first frame
-        // from the timeStampOffset (which currently equals the buffered.end) to prevent
-        // creating any gaps in the buffer
-        if (timingInfo && timingInfo.segmentTimestampInfo) {
-          var ptsStartTime = timingInfo.segmentTimestampInfo[0].ptsTime;
-          var dtsStartTime = timingInfo.segmentTimestampInfo[0].dtsTime;
-          segmentInfo.timestampOffset -= ptsStartTime - dtsStartTime;
-        }
-
-        this.sourceUpdater_.timestampOffset(segmentInfo.timestampOffset); // fired when a timestamp offset is set in HLS (can also identify discontinuities)
-
-        this.trigger('timestampoffset');
-      }
-
-      var timelineMapping = this.syncController_.mappingForTimeline(segmentInfo.timeline);
-
-      if (timelineMapping !== null) {
-        this.trigger({
-          type: 'segmenttimemapping',
-          mapping: timelineMapping
-        });
-      }
-
-      this.state = 'APPENDING'; // if the media initialization segment is changing, append it
-      // before the content segment
-
-      if (segment.map) {
-        var initId = initSegmentId(segment.map);
-
-        if (!this.activeInitSegmentId_ || this.activeInitSegmentId_ !== initId) {
-          var initSegment = this.initSegment(segment.map);
-          this.sourceUpdater_.appendBuffer({
-            bytes: initSegment.bytes
-          }, function () {
-            _this3.activeInitSegmentId_ = initId;
-          });
-        }
-      }
-
-      segmentInfo.byteLength = segmentInfo.bytes.byteLength;
-
-      if (typeof segment.start === 'number' && typeof segment.end === 'number') {
-        this.mediaSecondsLoaded += segment.end - segment.start;
-      } else {
-        this.mediaSecondsLoaded += segment.duration;
-      }
-
-      this.logger_(segmentInfoString(segmentInfo));
-      this.sourceUpdater_.appendBuffer({
-        bytes: segmentInfo.bytes,
-        videoSegmentTimingInfoCallback: this.handleVideoSegmentTimingInfo_.bind(this, segmentInfo.requestId)
-      }, this.handleUpdateEnd_.bind(this));
-    }
-  }, {
-    key: 'handleVideoSegmentTimingInfo_',
-    value: function handleVideoSegmentTimingInfo_(requestId, event) {
-      if (!this.pendingSegment_ || requestId !== this.pendingSegment_.requestId) {
-        return;
-      }
-
-      var segment = this.pendingSegment_.segment;
-
-      if (!segment.videoTimingInfo) {
-        segment.videoTimingInfo = {};
-      }
-
-      segment.videoTimingInfo.transmuxerPrependedSeconds = event.videoSegmentTimingInfo.prependedContentDuration || 0;
-      segment.videoTimingInfo.transmuxedPresentationStart = event.videoSegmentTimingInfo.start.presentation;
-      segment.videoTimingInfo.transmuxedPresentationEnd = event.videoSegmentTimingInfo.end.presentation; // mainly used as a reference for debugging
-
-      segment.videoTimingInfo.baseMediaDecodeTime = event.videoSegmentTimingInfo.baseMediaDecodeTime;
-    }
-    /**
-     * callback to run when appendBuffer is finished. detects if we are
-     * in a good state to do things with the data we got, or if we need
-     * to wait for more
-     *
-     * @private
-     */
-
-  }, {
-    key: 'handleUpdateEnd_',
-    value: function handleUpdateEnd_() {
-      if (!this.pendingSegment_) {
-        this.state = 'READY';
-
-        if (!this.paused()) {
-          this.monitorBuffer_();
-        }
-
-        return;
-      }
-
-      var segmentInfo = this.pendingSegment_;
-      var segment = segmentInfo.segment;
-      var isWalkingForward = this.mediaIndex !== null;
-      this.pendingSegment_ = null;
-      this.recordThroughput_(segmentInfo);
-      this.addSegmentMetadataCue_(segmentInfo);
-      this.state = 'READY';
-      this.mediaIndex = segmentInfo.mediaIndex;
-      this.fetchAtBuffer_ = true;
-      this.currentTimeline_ = segmentInfo.timeline; // We must update the syncinfo to recalculate the seekable range before
-      // the following conditional otherwise it may consider this a bad "guess"
-      // and attempt to resync when the post-update seekable window and live
-      // point would mean that this was the perfect segment to fetch
-
-      this.trigger('syncinfoupdate'); // If we previously appended a segment that ends more than 3 targetDurations before
-      // the currentTime_ that means that our conservative guess was too conservative.
-      // In that case, reset the loader state so that we try to use any information gained
-      // from the previous request to create a new, more accurate, sync-point.
-
-      if (segment.end && this.currentTime_() - segment.end > segmentInfo.playlist.targetDuration * 3) {
-        this.resetEverything();
-        return;
-      } // Don't do a rendition switch unless we have enough time to get a sync segment
-      // and conservatively guess
-
-
-      if (isWalkingForward) {
-        this.trigger('bandwidthupdate');
-      }
-
-      this.trigger('progress'); // any time an update finishes and the last segment is in the
-      // buffer, end the stream. this ensures the "ended" event will
-      // fire if playback reaches that point.
-
-      if (this.isEndOfStream_(segmentInfo.mediaIndex + 1, segmentInfo.playlist)) {
-        this.endOfStream();
-      }
-
-      if (!this.paused()) {
-        this.monitorBuffer_();
-      }
-    }
-    /**
-     * Records the current throughput of the decrypt, transmux, and append
-     * portion of the semgment pipeline. `throughput.rate` is a the cumulative
-     * moving average of the throughput. `throughput.count` is the number of
-     * data points in the average.
-     *
-     * @private
-     * @param {Object} segmentInfo the object returned by loadSegment
-     */
-
-  }, {
-    key: 'recordThroughput_',
-    value: function recordThroughput_(segmentInfo) {
-      var rate = this.throughput.rate; // Add one to the time to ensure that we don't accidentally attempt to divide
-      // by zero in the case where the throughput is ridiculously high
-
-      var segmentProcessingTime = Date.now() - segmentInfo.endOfAllRequests + 1; // Multiply by 8000 to convert from bytes/millisecond to bits/second
-
-      var segmentProcessingThroughput = Math.floor(segmentInfo.byteLength / segmentProcessingTime * 8 * 1000); // This is just a cumulative moving average calculation:
-      //   newAvg = oldAvg + (sample - oldAvg) / (sampleCount + 1)
-
-      this.throughput.rate += (segmentProcessingThroughput - rate) / ++this.throughput.count;
-    }
-    /**
-     * Adds a cue to the segment-metadata track with some metadata information about the
-     * segment
-     *
-     * @private
-     * @param {Object} segmentInfo
-     *        the object returned by loadSegment
-     * @method addSegmentMetadataCue_
-     */
-
-  }, {
-    key: 'addSegmentMetadataCue_',
-    value: function addSegmentMetadataCue_(segmentInfo) {
-      if (!this.segmentMetadataTrack_) {
-        return;
-      }
-
-      var segment = segmentInfo.segment;
-      var start = segment.start;
-      var end = segment.end; // Do not try adding the cue if the start and end times are invalid.
-
-      if (!finite(start) || !finite(end)) {
-        return;
-      }
-
-      removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-      var Cue = window$1.WebKitDataCue || window$1.VTTCue;
-      var value = {
-        custom: segment.custom,
-        dateTimeObject: segment.dateTimeObject,
-        dateTimeString: segment.dateTimeString,
-        bandwidth: segmentInfo.playlist.attributes.BANDWIDTH,
-        resolution: segmentInfo.playlist.attributes.RESOLUTION,
-        codecs: segmentInfo.playlist.attributes.CODECS,
-        byteLength: segmentInfo.byteLength,
-        uri: segmentInfo.uri,
-        timeline: segmentInfo.timeline,
-        playlist: segmentInfo.playlist.uri,
-        start: start,
-        end: end
-      };
-      var data = JSON.stringify(value);
-      var cue = new Cue(start, end, data); // Attach the metadata to the value property of the cue to keep consistency between
-      // the differences of WebKitDataCue in safari and VTTCue in other browsers
-
-      cue.value = value;
-      this.segmentMetadataTrack_.addCue(cue);
-    }
-  }]);
-  return SegmentLoader;
-}(videojs$1.EventTarget);
-
-var uint8ToUtf8 = function uint8ToUtf8(uintArray) {
-  return decodeURIComponent(escape(String.fromCharCode.apply(null, uintArray)));
-};
-/**
- * @file vtt-segment-loader.js
- */
-
-
-var VTT_LINE_TERMINATORS = new Uint8Array('\n\n'.split('').map(function (_char2) {
-  return _char2.charCodeAt(0);
-}));
-/**
- * An object that manages segment loading and appending.
- *
- * @class VTTSegmentLoader
- * @param {Object} options required and optional options
- * @extends videojs.EventTarget
- */
-
-var VTTSegmentLoader = function (_SegmentLoader) {
-  inherits(VTTSegmentLoader, _SegmentLoader);
-
-  function VTTSegmentLoader(settings) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VTTSegmentLoader); // SegmentLoader requires a MediaSource be specified or it will throw an error;
-    // however, VTTSegmentLoader has no need of a media source, so delete the reference
-
-    var _this = possibleConstructorReturn(this, (VTTSegmentLoader.__proto__ || Object.getPrototypeOf(VTTSegmentLoader)).call(this, settings, options));
-
-    _this.mediaSource_ = null;
-    _this.subtitlesTrack_ = null;
-    return _this;
-  }
-  /**
-   * Indicates which time ranges are buffered
-   *
-   * @return {TimeRange}
-   *         TimeRange object representing the current buffered ranges
-   */
-
-
-  createClass(VTTSegmentLoader, [{
-    key: 'buffered_',
-    value: function buffered_() {
-      if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues.length) {
-        return videojs$1.createTimeRanges();
-      }
-
-      var cues = this.subtitlesTrack_.cues;
-      var start = cues[0].startTime;
-      var end = cues[cues.length - 1].startTime;
-      return videojs$1.createTimeRanges([[start, end]]);
-    }
-    /**
-     * Gets and sets init segment for the provided map
-     *
-     * @param {Object} map
-     *        The map object representing the init segment to get or set
-     * @param {Boolean=} set
-     *        If true, the init segment for the provided map should be saved
-     * @return {Object}
-     *         map object for desired init segment
-     */
-
-  }, {
-    key: 'initSegment',
-    value: function initSegment(map) {
-      var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      if (!map) {
-        return null;
-      }
-
-      var id = initSegmentId(map);
-      var storedMap = this.initSegments_[id];
-
-      if (set$$1 && !storedMap && map.bytes) {
-        // append WebVTT line terminators to the media initialization segment if it exists
-        // to follow the WebVTT spec (https://w3c.github.io/webvtt/#file-structure) that
-        // requires two or more WebVTT line terminators between the WebVTT header and the
-        // rest of the file
-        var combinedByteLength = VTT_LINE_TERMINATORS.byteLength + map.bytes.byteLength;
-        var combinedSegment = new Uint8Array(combinedByteLength);
-        combinedSegment.set(map.bytes);
-        combinedSegment.set(VTT_LINE_TERMINATORS, map.bytes.byteLength);
-        this.initSegments_[id] = storedMap = {
-          resolvedUri: map.resolvedUri,
-          byterange: map.byterange,
-          bytes: combinedSegment
-        };
-      }
-
-      return storedMap || map;
-    }
-    /**
-     * Returns true if all configuration required for loading is present, otherwise false.
-     *
-     * @return {Boolean} True if the all configuration is ready for loading
-     * @private
-     */
-
-  }, {
-    key: 'couldBeginLoading_',
-    value: function couldBeginLoading_() {
-      return this.playlist_ && this.subtitlesTrack_ && !this.paused();
-    }
-    /**
-     * Once all the starting parameters have been specified, begin
-     * operation. This method should only be invoked from the INIT
-     * state.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'init_',
-    value: function init_() {
-      this.state = 'READY';
-      this.resetEverything();
-      return this.monitorBuffer_();
-    }
-    /**
-     * Set a subtitle track on the segment loader to add subtitles to
-     *
-     * @param {TextTrack=} track
-     *        The text track to add loaded subtitles to
-     * @return {TextTrack}
-     *        Returns the subtitles track
-     */
-
-  }, {
-    key: 'track',
-    value: function track(_track) {
-      if (typeof _track === 'undefined') {
-        return this.subtitlesTrack_;
-      }
-
-      this.subtitlesTrack_ = _track; // if we were unpaused but waiting for a sourceUpdater, start
-      // buffering now
-
-      if (this.state === 'INIT' && this.couldBeginLoading_()) {
-        this.init_();
-      }
-
-      return this.subtitlesTrack_;
-    }
-    /**
-     * Remove any data in the source buffer between start and end times
-     * @param {Number} start - the start time of the region to remove from the buffer
-     * @param {Number} end - the end time of the region to remove from the buffer
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove(start, end) {
-      removeCuesFromTrack(start, end, this.subtitlesTrack_);
-    }
-    /**
-     * fill the buffer with segements unless the sourceBuffers are
-     * currently updating
-     *
-     * Note: this function should only ever be called by monitorBuffer_
-     * and never directly
-     *
-     * @private
-     */
-
-  }, {
-    key: 'fillBuffer_',
-    value: function fillBuffer_() {
-      var _this2 = this;
-
-      if (!this.syncPoint_) {
-        this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
-      } // see if we need to begin loading immediately
-
-
-      var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
-      segmentInfo = this.skipEmptySegments_(segmentInfo);
-
-      if (!segmentInfo) {
-        return;
-      }
-
-      if (this.syncController_.timestampOffsetForTimeline(segmentInfo.timeline) === null) {
-        // We don't have the timestamp offset that we need to sync subtitles.
-        // Rerun on a timestamp offset or user interaction.
-        var checkTimestampOffset = function checkTimestampOffset() {
-          _this2.state = 'READY';
-
-          if (!_this2.paused()) {
-            // if not paused, queue a buffer check as soon as possible
-            _this2.monitorBuffer_();
-          }
-        };
-
-        this.syncController_.one('timestampoffset', checkTimestampOffset);
-        this.state = 'WAITING_ON_TIMELINE';
-        return;
-      }
-
-      this.loadSegment_(segmentInfo);
-    }
-    /**
-     * Prevents the segment loader from requesting segments we know contain no subtitles
-     * by walking forward until we find the next segment that we don't know whether it is
-     * empty or not.
-     *
-     * @param {Object} segmentInfo
-     *        a segment info object that describes the current segment
-     * @return {Object}
-     *         a segment info object that describes the current segment
-     */
-
-  }, {
-    key: 'skipEmptySegments_',
-    value: function skipEmptySegments_(segmentInfo) {
-      while (segmentInfo && segmentInfo.segment.empty) {
-        segmentInfo = this.generateSegmentInfo_(segmentInfo.playlist, segmentInfo.mediaIndex + 1, segmentInfo.startOfSegment + segmentInfo.duration, segmentInfo.isSyncRequest);
-      }
-
-      return segmentInfo;
-    }
-    /**
-     * append a decrypted segement to the SourceBuffer through a SourceUpdater
-     *
-     * @private
-     */
-
-  }, {
-    key: 'handleSegment_',
-    value: function handleSegment_() {
-      var _this3 = this;
-
-      if (!this.pendingSegment_ || !this.subtitlesTrack_) {
-        this.state = 'READY';
-        return;
-      }
-
-      this.state = 'APPENDING';
-      var segmentInfo = this.pendingSegment_;
-      var segment = segmentInfo.segment; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-
-      if (typeof window$1.WebVTT !== 'function' && this.subtitlesTrack_ && this.subtitlesTrack_.tech_) {
-        var loadHandler = void 0;
-
-        var errorHandler = function errorHandler() {
-          _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);
-
-          _this3.error({
-            message: 'Error loading vtt.js'
-          });
-
-          _this3.state = 'READY';
-
-          _this3.pause();
-
-          _this3.trigger('error');
-        };
-
-        loadHandler = function loadHandler() {
-          _this3.subtitlesTrack_.tech_.off('vttjserror', errorHandler);
-
-          _this3.handleSegment_();
-        };
-
-        this.state = 'WAITING_ON_VTTJS';
-        this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);
-        this.subtitlesTrack_.tech_.one('vttjserror', errorHandler);
-        return;
-      }
-
-      segment.requested = true;
-
-      try {
-        this.parseVTTCues_(segmentInfo);
-      } catch (e) {
-        this.error({
-          message: e.message
-        });
-        this.state = 'READY';
-        this.pause();
-        return this.trigger('error');
-      }
-
-      this.updateTimeMapping_(segmentInfo, this.syncController_.timelines[segmentInfo.timeline], this.playlist_);
-
-      if (segmentInfo.isSyncRequest) {
-        this.trigger('syncinfoupdate');
-        this.pendingSegment_ = null;
-        this.state = 'READY';
-        return;
-      }
-
-      segmentInfo.byteLength = segmentInfo.bytes.byteLength;
-      this.mediaSecondsLoaded += segment.duration;
-
-      if (segmentInfo.cues.length) {
-        // remove any overlapping cues to prevent doubling
-        this.remove(segmentInfo.cues[0].endTime, segmentInfo.cues[segmentInfo.cues.length - 1].endTime);
-      }
-
-      segmentInfo.cues.forEach(function (cue) {
-        _this3.subtitlesTrack_.addCue(cue);
-      });
-      this.handleUpdateEnd_();
-    }
-    /**
-     * Uses the WebVTT parser to parse the segment response
-     *
-     * @param {Object} segmentInfo
-     *        a segment info object that describes the current segment
-     * @private
-     */
-
-  }, {
-    key: 'parseVTTCues_',
-    value: function parseVTTCues_(segmentInfo) {
-      var decoder = void 0;
-      var decodeBytesToString = false;
-
-      if (typeof window$1.TextDecoder === 'function') {
-        decoder = new window$1.TextDecoder('utf8');
-      } else {
-        decoder = window$1.WebVTT.StringDecoder();
-        decodeBytesToString = true;
-      }
-
-      var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, decoder);
-      segmentInfo.cues = [];
-      segmentInfo.timestampmap = {
-        MPEGTS: 0,
-        LOCAL: 0
-      };
-      parser.oncue = segmentInfo.cues.push.bind(segmentInfo.cues);
-
-      parser.ontimestampmap = function (map) {
-        return segmentInfo.timestampmap = map;
-      };
-
-      parser.onparsingerror = function (error) {
-        videojs$1.log.warn('Error encountered when parsing cues: ' + error.message);
-      };
-
-      if (segmentInfo.segment.map) {
-        var mapData = segmentInfo.segment.map.bytes;
-
-        if (decodeBytesToString) {
-          mapData = uint8ToUtf8(mapData);
-        }
-
-        parser.parse(mapData);
-      }
-
-      var segmentData = segmentInfo.bytes;
-
-      if (decodeBytesToString) {
-        segmentData = uint8ToUtf8(segmentData);
-      }
-
-      parser.parse(segmentData);
-      parser.flush();
-    }
-    /**
-     * Updates the start and end times of any cues parsed by the WebVTT parser using
-     * the information parsed from the X-TIMESTAMP-MAP header and a TS to media time mapping
-     * from the SyncController
-     *
-     * @param {Object} segmentInfo
-     *        a segment info object that describes the current segment
-     * @param {Object} mappingObj
-     *        object containing a mapping from TS to media time
-     * @param {Object} playlist
-     *        the playlist object containing the segment
-     * @private
-     */
-
-  }, {
-    key: 'updateTimeMapping_',
-    value: function updateTimeMapping_(segmentInfo, mappingObj, playlist) {
-      var segment = segmentInfo.segment;
-
-      if (!mappingObj) {
-        // If the sync controller does not have a mapping of TS to Media Time for the
-        // timeline, then we don't have enough information to update the cue
-        // start/end times
-        return;
-      }
-
-      if (!segmentInfo.cues.length) {
-        // If there are no cues, we also do not have enough information to figure out
-        // segment timing. Mark that the segment contains no cues so we don't re-request
-        // an empty segment.
-        segment.empty = true;
-        return;
-      }
-
-      var timestampmap = segmentInfo.timestampmap;
-      var diff = timestampmap.MPEGTS / 90000 - timestampmap.LOCAL + mappingObj.mapping;
-      segmentInfo.cues.forEach(function (cue) {
-        // First convert cue time to TS time using the timestamp-map provided within the vtt
-        cue.startTime += diff;
-        cue.endTime += diff;
-      });
-
-      if (!playlist.syncInfo) {
-        var firstStart = segmentInfo.cues[0].startTime;
-        var lastStart = segmentInfo.cues[segmentInfo.cues.length - 1].startTime;
-        playlist.syncInfo = {
-          mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
-          time: Math.min(firstStart, lastStart - segment.duration)
-        };
-      }
-    }
-  }]);
-  return VTTSegmentLoader;
-}(SegmentLoader);
-/**
- * @file ad-cue-tags.js
- */
-
-/**
- * Searches for an ad cue that overlaps with the given mediaTime
- */
-
-
-var findAdCue = function findAdCue(track, mediaTime) {
-  var cues = track.cues;
-
-  for (var i = 0; i < cues.length; i++) {
-    var cue = cues[i];
-
-    if (mediaTime >= cue.adStartTime && mediaTime <= cue.adEndTime) {
-      return cue;
-    }
-  }
-
-  return null;
-};
-
-var updateAdCues = function updateAdCues(media, track) {
-  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
-  if (!media.segments) {
-    return;
-  }
-
-  var mediaTime = offset;
-  var cue = void 0;
-
-  for (var i = 0; i < media.segments.length; i++) {
-    var segment = media.segments[i];
-
-    if (!cue) {
-      // Since the cues will span for at least the segment duration, adding a fudge
-      // factor of half segment duration will prevent duplicate cues from being
-      // created when timing info is not exact (e.g. cue start time initialized
-      // at 10.006677, but next call mediaTime is 10.003332 )
-      cue = findAdCue(track, mediaTime + segment.duration / 2);
-    }
-
-    if (cue) {
-      if ('cueIn' in segment) {
-        // Found a CUE-IN so end the cue
-        cue.endTime = mediaTime;
-        cue.adEndTime = mediaTime;
-        mediaTime += segment.duration;
-        cue = null;
-        continue;
-      }
-
-      if (mediaTime < cue.endTime) {
-        // Already processed this mediaTime for this cue
-        mediaTime += segment.duration;
-        continue;
-      } // otherwise extend cue until a CUE-IN is found
-
-
-      cue.endTime += segment.duration;
-    } else {
-      if ('cueOut' in segment) {
-        cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, segment.cueOut);
-        cue.adStartTime = mediaTime; // Assumes tag format to be
-        // #EXT-X-CUE-OUT:30
-
-        cue.adEndTime = mediaTime + parseFloat(segment.cueOut);
-        track.addCue(cue);
-      }
-
-      if ('cueOutCont' in segment) {
-        // Entered into the middle of an ad cue
-        var adOffset = void 0;
-        var adTotal = void 0; // Assumes tag formate to be
-        // #EXT-X-CUE-OUT-CONT:10/30
-
-        var _segment$cueOutCont$s = segment.cueOutCont.split('/').map(parseFloat);
-
-        var _segment$cueOutCont$s2 = slicedToArray(_segment$cueOutCont$s, 2);
-
-        adOffset = _segment$cueOutCont$s2[0];
-        adTotal = _segment$cueOutCont$s2[1];
-        cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, '');
-        cue.adStartTime = mediaTime - adOffset;
-        cue.adEndTime = cue.adStartTime + adTotal;
-        track.addCue(cue);
-      }
-    }
-
-    mediaTime += segment.duration;
-  }
-};
-/**
- * @file sync-controller.js
- */
-
-
-var tsprobe = tsInspector.inspect;
-var syncPointStrategies = [// Stategy "VOD": Handle the VOD-case where the sync-point is *always*
-//                the equivalence display-time 0 === segment-index 0
-{
-  name: 'VOD',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    if (duration$$1 !== Infinity) {
-      var syncPoint = {
-        time: 0,
-        segmentIndex: 0
-      };
-      return syncPoint;
-    }
-
-    return null;
-  }
-}, // Stategy "ProgramDateTime": We have a program-date-time tag in this playlist
-{
-  name: 'ProgramDateTime',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    if (!syncController.datetimeToDisplayTime) {
-      return null;
-    }
-
-    var segments = playlist.segments || [];
-    var syncPoint = null;
-    var lastDistance = null;
-    currentTime = currentTime || 0;
-
-    for (var i = 0; i < segments.length; i++) {
-      var segment = segments[i];
-
-      if (segment.dateTimeObject) {
-        var segmentTime = segment.dateTimeObject.getTime() / 1000;
-        var segmentStart = segmentTime + syncController.datetimeToDisplayTime;
-        var distance = Math.abs(currentTime - segmentStart); // Once the distance begins to increase, or if distance is 0, we have passed
-        // currentTime and can stop looking for better candidates
-
-        if (lastDistance !== null && (distance === 0 || lastDistance < distance)) {
-          break;
-        }
-
-        lastDistance = distance;
-        syncPoint = {
-          time: segmentStart,
-          segmentIndex: i
-        };
-      }
-    }
-
-    return syncPoint;
-  }
-}, // Stategy "Segment": We have a known time mapping for a timeline and a
-//                    segment in the current timeline with timing data
-{
-  name: 'Segment',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    var segments = playlist.segments || [];
-    var syncPoint = null;
-    var lastDistance = null;
-    currentTime = currentTime || 0;
-
-    for (var i = 0; i < segments.length; i++) {
-      var segment = segments[i];
-
-      if (segment.timeline === currentTimeline && typeof segment.start !== 'undefined') {
-        var distance = Math.abs(currentTime - segment.start); // Once the distance begins to increase, we have passed
-        // currentTime and can stop looking for better candidates
-
-        if (lastDistance !== null && lastDistance < distance) {
-          break;
-        }
-
-        if (!syncPoint || lastDistance === null || lastDistance >= distance) {
-          lastDistance = distance;
-          syncPoint = {
-            time: segment.start,
-            segmentIndex: i
-          };
-        }
-      }
-    }
-
-    return syncPoint;
-  }
-}, // Stategy "Discontinuity": We have a discontinuity with a known
-//                          display-time
-{
-  name: 'Discontinuity',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    var syncPoint = null;
-    currentTime = currentTime || 0;
-
-    if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
-      var lastDistance = null;
-
-      for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
-        var segmentIndex = playlist.discontinuityStarts[i];
-        var discontinuity = playlist.discontinuitySequence + i + 1;
-        var discontinuitySync = syncController.discontinuities[discontinuity];
-
-        if (discontinuitySync) {
-          var distance = Math.abs(currentTime - discontinuitySync.time); // Once the distance begins to increase, we have passed
-          // currentTime and can stop looking for better candidates
-
-          if (lastDistance !== null && lastDistance < distance) {
-            break;
-          }
-
-          if (!syncPoint || lastDistance === null || lastDistance >= distance) {
-            lastDistance = distance;
-            syncPoint = {
-              time: discontinuitySync.time,
-              segmentIndex: segmentIndex
-            };
-          }
-        }
-      }
-    }
-
-    return syncPoint;
-  }
-}, // Stategy "Playlist": We have a playlist with a known mapping of
-//                     segment index to display time
-{
-  name: 'Playlist',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    if (playlist.syncInfo) {
-      var syncPoint = {
-        time: playlist.syncInfo.time,
-        segmentIndex: playlist.syncInfo.mediaSequence - playlist.mediaSequence
-      };
-      return syncPoint;
-    }
-
-    return null;
-  }
-}];
-
-var SyncController = function (_videojs$EventTarget) {
-  inherits(SyncController, _videojs$EventTarget);
-
-  function SyncController() {
-    classCallCheck(this, SyncController); // Segment Loader state variables...
-    // ...for synching across variants
-
-    var _this = possibleConstructorReturn(this, (SyncController.__proto__ || Object.getPrototypeOf(SyncController)).call(this));
-
-    _this.inspectCache_ = undefined; // ...for synching across variants
-
-    _this.timelines = [];
-    _this.discontinuities = [];
-    _this.datetimeToDisplayTime = null;
-    _this.logger_ = logger('SyncController');
-    return _this;
-  }
-  /**
-   * Find a sync-point for the playlist specified
-   *
-   * A sync-point is defined as a known mapping from display-time to
-   * a segment-index in the current playlist.
-   *
-   * @param {Playlist} playlist
-   *        The playlist that needs a sync-point
-   * @param {Number} duration
-   *        Duration of the MediaSource (Infinite if playing a live source)
-   * @param {Number} currentTimeline
-   *        The last timeline from which a segment was loaded
-   * @returns {Object}
-   *          A sync-point object
-   */
-
-
-  createClass(SyncController, [{
-    key: 'getSyncPoint',
-    value: function getSyncPoint(playlist, duration$$1, currentTimeline, currentTime) {
-      var syncPoints = this.runStrategies_(playlist, duration$$1, currentTimeline, currentTime);
-
-      if (!syncPoints.length) {
-        // Signal that we need to attempt to get a sync-point manually
-        // by fetching a segment in the playlist and constructing
-        // a sync-point from that information
-        return null;
-      } // Now find the sync-point that is closest to the currentTime because
-      // that should result in the most accurate guess about which segment
-      // to fetch
-
-
-      return this.selectSyncPoint_(syncPoints, {
-        key: 'time',
-        value: currentTime
-      });
-    }
-    /**
-     * Calculate the amount of time that has expired off the playlist during playback
-     *
-     * @param {Playlist} playlist
-     *        Playlist object to calculate expired from
-     * @param {Number} duration
-     *        Duration of the MediaSource (Infinity if playling a live source)
-     * @returns {Number|null}
-     *          The amount of time that has expired off the playlist during playback. Null
-     *          if no sync-points for the playlist can be found.
-     */
-
-  }, {
-    key: 'getExpiredTime',
-    value: function getExpiredTime(playlist, duration$$1) {
-      if (!playlist || !playlist.segments) {
-        return null;
-      }
-
-      var syncPoints = this.runStrategies_(playlist, duration$$1, playlist.discontinuitySequence, 0); // Without sync-points, there is not enough information to determine the expired time
-
-      if (!syncPoints.length) {
-        return null;
-      }
-
-      var syncPoint = this.selectSyncPoint_(syncPoints, {
-        key: 'segmentIndex',
-        value: 0
-      }); // If the sync-point is beyond the start of the playlist, we want to subtract the
-      // duration from index 0 to syncPoint.segmentIndex instead of adding.
-
-      if (syncPoint.segmentIndex > 0) {
-        syncPoint.time *= -1;
-      }
-
-      return Math.abs(syncPoint.time + sumDurations(playlist, syncPoint.segmentIndex, 0));
-    }
-    /**
-     * Runs each sync-point strategy and returns a list of sync-points returned by the
-     * strategies
-     *
-     * @private
-     * @param {Playlist} playlist
-     *        The playlist that needs a sync-point
-     * @param {Number} duration
-     *        Duration of the MediaSource (Infinity if playing a live source)
-     * @param {Number} currentTimeline
-     *        The last timeline from which a segment was loaded
-     * @returns {Array}
-     *          A list of sync-point objects
-     */
-
-  }, {
-    key: 'runStrategies_',
-    value: function runStrategies_(playlist, duration$$1, currentTimeline, currentTime) {
-      var syncPoints = []; // Try to find a sync-point in by utilizing various strategies...
-
-      for (var i = 0; i < syncPointStrategies.length; i++) {
-        var strategy = syncPointStrategies[i];
-        var syncPoint = strategy.run(this, playlist, duration$$1, currentTimeline, currentTime);
-
-        if (syncPoint) {
-          syncPoint.strategy = strategy.name;
-          syncPoints.push({
-            strategy: strategy.name,
-            syncPoint: syncPoint
-          });
-        }
-      }
-
-      return syncPoints;
-    }
-    /**
-     * Selects the sync-point nearest the specified target
-     *
-     * @private
-     * @param {Array} syncPoints
-     *        List of sync-points to select from
-     * @param {Object} target
-     *        Object specifying the property and value we are targeting
-     * @param {String} target.key
-     *        Specifies the property to target. Must be either 'time' or 'segmentIndex'
-     * @param {Number} target.value
-     *        The value to target for the specified key.
-     * @returns {Object}
-     *          The sync-point nearest the target
-     */
-
-  }, {
-    key: 'selectSyncPoint_',
-    value: function selectSyncPoint_(syncPoints, target) {
-      var bestSyncPoint = syncPoints[0].syncPoint;
-      var bestDistance = Math.abs(syncPoints[0].syncPoint[target.key] - target.value);
-      var bestStrategy = syncPoints[0].strategy;
-
-      for (var i = 1; i < syncPoints.length; i++) {
-        var newDistance = Math.abs(syncPoints[i].syncPoint[target.key] - target.value);
-
-        if (newDistance < bestDistance) {
-          bestDistance = newDistance;
-          bestSyncPoint = syncPoints[i].syncPoint;
-          bestStrategy = syncPoints[i].strategy;
-        }
-      }
-
-      this.logger_('syncPoint for [' + target.key + ': ' + target.value + '] chosen with strategy' + (' [' + bestStrategy + ']: [time:' + bestSyncPoint.time + ',') + (' segmentIndex:' + bestSyncPoint.segmentIndex + ']'));
-      return bestSyncPoint;
-    }
-    /**
-     * Save any meta-data present on the segments when segments leave
-     * the live window to the playlist to allow for synchronization at the
-     * playlist level later.
-     *
-     * @param {Playlist} oldPlaylist - The previous active playlist
-     * @param {Playlist} newPlaylist - The updated and most current playlist
-     */
-
-  }, {
-    key: 'saveExpiredSegmentInfo',
-    value: function saveExpiredSegmentInfo(oldPlaylist, newPlaylist) {
-      var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence; // When a segment expires from the playlist and it has a start time
-      // save that information as a possible sync-point reference in future
-
-      for (var i = mediaSequenceDiff - 1; i >= 0; i--) {
-        var lastRemovedSegment = oldPlaylist.segments[i];
-
-        if (lastRemovedSegment && typeof lastRemovedSegment.start !== 'undefined') {
-          newPlaylist.syncInfo = {
-            mediaSequence: oldPlaylist.mediaSequence + i,
-            time: lastRemovedSegment.start
-          };
-          this.logger_('playlist refresh sync: [time:' + newPlaylist.syncInfo.time + ',' + (' mediaSequence: ' + newPlaylist.syncInfo.mediaSequence + ']'));
-          this.trigger('syncinfoupdate');
-          break;
-        }
-      }
-    }
-    /**
-     * Save the mapping from playlist's ProgramDateTime to display. This should
-     * only ever happen once at the start of playback.
-     *
-     * @param {Playlist} playlist - The currently active playlist
-     */
-
-  }, {
-    key: 'setDateTimeMapping',
-    value: function setDateTimeMapping(playlist) {
-      if (!this.datetimeToDisplayTime && playlist.segments && playlist.segments.length && playlist.segments[0].dateTimeObject) {
-        var playlistTimestamp = playlist.segments[0].dateTimeObject.getTime() / 1000;
-        this.datetimeToDisplayTime = -playlistTimestamp;
-      }
-    }
-    /**
-     * Reset the state of the inspection cache when we do a rendition
-     * switch
-     */
-
-  }, {
-    key: 'reset',
-    value: function reset() {
-      this.inspectCache_ = undefined;
-    }
-    /**
-     * Probe or inspect a fmp4 or an mpeg2-ts segment to determine the start
-     * and end of the segment in it's internal "media time". Used to generate
-     * mappings from that internal "media time" to the display time that is
-     * shown on the player.
-     *
-     * @param {SegmentInfo} segmentInfo - The current active request information
-     */
-
-  }, {
-    key: 'probeSegmentInfo',
-    value: function probeSegmentInfo(segmentInfo) {
-      var segment = segmentInfo.segment;
-      var playlist = segmentInfo.playlist;
-      var timingInfo = void 0;
-
-      if (segment.map) {
-        timingInfo = this.probeMp4Segment_(segmentInfo);
-      } else {
-        timingInfo = this.probeTsSegment_(segmentInfo);
-      }
-
-      if (timingInfo) {
-        if (this.calculateSegmentTimeMapping_(segmentInfo, timingInfo)) {
-          this.saveDiscontinuitySyncInfo_(segmentInfo); // If the playlist does not have sync information yet, record that information
-          // now with segment timing information
-
-          if (!playlist.syncInfo) {
-            playlist.syncInfo = {
-              mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
-              time: segment.start
-            };
-          }
-        }
-      }
-
-      return timingInfo;
-    }
-    /**
-     * Probe an fmp4 segment to determine the start of the segment
-     * in it's internal "composition time", which is equal to the base
-     * media decode time plus the composition time offset value
-     *
-     * @private
-     * @param {SegmentInfo} segmentInfo - The current active request information
-     * @return {object} The start and end time of the current segment in "composition time"
-     */
-
-  }, {
-    key: 'probeMp4Segment_',
-    value: function probeMp4Segment_(segmentInfo) {
-      var segment = segmentInfo.segment; // get timescales from init segment
-
-      var timescales = mp4probe.timescale(segment.map.bytes); // calculate composition start time using the timescales and information
-      // contained within the media segment
-
-      var compositionStartTime = mp4probe.compositionStartTime(timescales, segmentInfo.bytes);
-
-      if (segmentInfo.timestampOffset !== null) {
-        segmentInfo.timestampOffset -= compositionStartTime;
-      }
-
-      return {
-        start: compositionStartTime,
-        end: compositionStartTime + segment.duration
-      };
-    }
-    /**
-     * Probe an mpeg2-ts segment to determine the start and end of the segment
-     * in it's internal "media time".
-     *
-     * @private
-     * @param {SegmentInfo} segmentInfo - The current active request information
-     * @return {object} The start and end time of the current segment in "media time"
-     */
-
-  }, {
-    key: 'probeTsSegment_',
-    value: function probeTsSegment_(segmentInfo) {
-      var timeInfo = tsprobe(segmentInfo.bytes, this.inspectCache_);
-      var segmentStartTime = void 0;
-      var segmentEndTime = void 0;
-      var segmentTimestampInfo = void 0;
-
-      if (!timeInfo) {
-        return null;
-      }
-
-      if (timeInfo.video && timeInfo.video.length === 2) {
-        this.inspectCache_ = timeInfo.video[1].dts;
-        segmentStartTime = timeInfo.video[0].dtsTime;
-        segmentEndTime = timeInfo.video[1].dtsTime;
-        segmentTimestampInfo = timeInfo.video;
-      } else if (timeInfo.audio && timeInfo.audio.length === 2) {
-        this.inspectCache_ = timeInfo.audio[1].dts;
-        segmentStartTime = timeInfo.audio[0].dtsTime;
-        segmentEndTime = timeInfo.audio[1].dtsTime;
-        segmentTimestampInfo = timeInfo.audio;
-      }
-
-      var probedInfo = {
-        segmentTimestampInfo: segmentTimestampInfo,
-        start: segmentStartTime,
-        end: segmentEndTime,
-        containsVideo: timeInfo.video && timeInfo.video.length === 2,
-        containsAudio: timeInfo.audio && timeInfo.audio.length === 2
-      };
-      return probedInfo;
-    }
-  }, {
-    key: 'timestampOffsetForTimeline',
-    value: function timestampOffsetForTimeline(timeline) {
-      if (typeof this.timelines[timeline] === 'undefined') {
-        return null;
-      }
-
-      return this.timelines[timeline].time;
-    }
-  }, {
-    key: 'mappingForTimeline',
-    value: function mappingForTimeline(timeline) {
-      if (typeof this.timelines[timeline] === 'undefined') {
-        return null;
-      }
-
-      return this.timelines[timeline].mapping;
-    }
-    /**
-     * Use the "media time" for a segment to generate a mapping to "display time" and
-     * save that display time to the segment.
-     *
-     * @private
-     * @param {SegmentInfo} segmentInfo
-     *        The current active request information
-     * @param {object} timingInfo
-     *        The start and end time of the current segment in "media time"
-     * @returns {Boolean}
-     *          Returns false if segment time mapping could not be calculated
-     */
-
-  }, {
-    key: 'calculateSegmentTimeMapping_',
-    value: function calculateSegmentTimeMapping_(segmentInfo, timingInfo) {
-      var segment = segmentInfo.segment;
-      var mappingObj = this.timelines[segmentInfo.timeline];
-
-      if (segmentInfo.timestampOffset !== null) {
-        mappingObj = {
-          time: segmentInfo.startOfSegment,
-          mapping: segmentInfo.startOfSegment - timingInfo.start
-        };
-        this.timelines[segmentInfo.timeline] = mappingObj;
-        this.trigger('timestampoffset');
-        this.logger_('time mapping for timeline ' + segmentInfo.timeline + ': ' + ('[time: ' + mappingObj.time + '] [mapping: ' + mappingObj.mapping + ']'));
-        segment.start = segmentInfo.startOfSegment;
-        segment.end = timingInfo.end + mappingObj.mapping;
-      } else if (mappingObj) {
-        segment.start = timingInfo.start + mappingObj.mapping;
-        segment.end = timingInfo.end + mappingObj.mapping;
-      } else {
-        return false;
-      }
-
-      return true;
-    }
-    /**
-     * Each time we have discontinuity in the playlist, attempt to calculate the location
-     * in display of the start of the discontinuity and save that. We also save an accuracy
-     * value so that we save values with the most accuracy (closest to 0.)
-     *
-     * @private
-     * @param {SegmentInfo} segmentInfo - The current active request information
-     */
-
-  }, {
-    key: 'saveDiscontinuitySyncInfo_',
-    value: function saveDiscontinuitySyncInfo_(segmentInfo) {
-      var playlist = segmentInfo.playlist;
-      var segment = segmentInfo.segment; // If the current segment is a discontinuity then we know exactly where
-      // the start of the range and it's accuracy is 0 (greater accuracy values
-      // mean more approximation)
-
-      if (segment.discontinuity) {
-        this.discontinuities[segment.timeline] = {
-          time: segment.start,
-          accuracy: 0
-        };
-      } else if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
-        // Search for future discontinuities that we can provide better timing
-        // information for and save that information for sync purposes
-        for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
-          var segmentIndex = playlist.discontinuityStarts[i];
-          var discontinuity = playlist.discontinuitySequence + i + 1;
-          var mediaIndexDiff = segmentIndex - segmentInfo.mediaIndex;
-          var accuracy = Math.abs(mediaIndexDiff);
-
-          if (!this.discontinuities[discontinuity] || this.discontinuities[discontinuity].accuracy > accuracy) {
-            var time = void 0;
-
-            if (mediaIndexDiff < 0) {
-              time = segment.start - sumDurations(playlist, segmentInfo.mediaIndex, segmentIndex);
-            } else {
-              time = segment.end + sumDurations(playlist, segmentInfo.mediaIndex + 1, segmentIndex);
-            }
-
-            this.discontinuities[discontinuity] = {
-              time: time,
-              accuracy: accuracy
-            };
-          }
-        }
-      }
-    }
-  }]);
-  return SyncController;
-}(videojs$1.EventTarget);
-
-var Decrypter$1 = new shimWorker("./decrypter-worker.worker.js", function (window, document$$1) {
-  var self = this;
-
-  var decrypterWorker = function () {
-    /*
-     * pkcs7.pad
-     * https://github.com/brightcove/pkcs7
-     *
-     * Copyright (c) 2014 Brightcove
-     * Licensed under the apache2 license.
-     */
-
-    /**
-     * Returns the subarray of a Uint8Array without PKCS#7 padding.
-     * @param padded {Uint8Array} unencrypted bytes that have been padded
-     * @return {Uint8Array} the unpadded bytes
-     * @see http://tools.ietf.org/html/rfc5652
-     */
-    function unpad(padded) {
-      return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
-    }
-
-    var classCallCheck = function classCallCheck(instance, Constructor) {
-      if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-      }
-    };
-
-    var createClass = function () {
-      function defineProperties(target, props) {
-        for (var i = 0; i < props.length; i++) {
-          var descriptor = props[i];
-          descriptor.enumerable = descriptor.enumerable || false;
-          descriptor.configurable = true;
-          if ("value" in descriptor) descriptor.writable = true;
-          Object.defineProperty(target, descriptor.key, descriptor);
-        }
-      }
-
-      return function (Constructor, protoProps, staticProps) {
-        if (protoProps) defineProperties(Constructor.prototype, protoProps);
-        if (staticProps) defineProperties(Constructor, staticProps);
-        return Constructor;
-      };
-    }();
-
-    var inherits = function inherits(subClass, superClass) {
-      if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-      }
-
-      subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-          value: subClass,
-          enumerable: false,
-          writable: true,
-          configurable: true
-        }
-      });
-      if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-    };
-
-    var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
-      if (!self) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      }
-
-      return call && (typeof call === "object" || typeof call === "function") ? call : self;
-    };
-    /**
-     * @file aes.js
-     *
-     * This file contains an adaptation of the AES decryption algorithm
-     * from the Standford Javascript Cryptography Library. That work is
-     * covered by the following copyright and permissions notice:
-     *
-     * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
-     * All rights reserved.
-     *
-     * Redistribution and use in source and binary forms, with or without
-     * modification, are permitted provided that the following conditions are
-     * met:
-     *
-     * 1. Redistributions of source code must retain the above copyright
-     *    notice, this list of conditions and the following disclaimer.
-     *
-     * 2. Redistributions in binary form must reproduce the above
-     *    copyright notice, this list of conditions and the following
-     *    disclaimer in the documentation and/or other materials provided
-     *    with the distribution.
-     *
-     * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``AS IS'' AND ANY EXPRESS OR
-     * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-     * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-     * DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR CONTRIBUTORS BE
-     * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-     * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-     * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
-     * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
-     * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
-     * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
-     * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-     *
-     * The views and conclusions contained in the software and documentation
-     * are those of the authors and should not be interpreted as representing
-     * official policies, either expressed or implied, of the authors.
-     */
-
-    /**
-     * Expand the S-box tables.
-     *
-     * @private
-     */
-
-
-    var precompute = function precompute() {
-      var tables = [[[], [], [], [], []], [[], [], [], [], []]];
-      var encTable = tables[0];
-      var decTable = tables[1];
-      var sbox = encTable[4];
-      var sboxInv = decTable[4];
-      var i = void 0;
-      var x = void 0;
-      var xInv = void 0;
-      var d = [];
-      var th = [];
-      var x2 = void 0;
-      var x4 = void 0;
-      var x8 = void 0;
-      var s = void 0;
-      var tEnc = void 0;
-      var tDec = void 0; // Compute double and third tables
-
-      for (i = 0; i < 256; i++) {
-        th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
-      }
-
-      for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
-        // Compute sbox
-        s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
-        s = s >> 8 ^ s & 255 ^ 99;
-        sbox[x] = s;
-        sboxInv[s] = x; // Compute MixColumns
-
-        x8 = d[x4 = d[x2 = d[x]]];
-        tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
-        tEnc = d[s] * 0x101 ^ s * 0x1010100;
-
-        for (i = 0; i < 4; i++) {
-          encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
-          decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
-        }
-      } // Compactify. Considerable speedup on Firefox.
-
-
-      for (i = 0; i < 5; i++) {
-        encTable[i] = encTable[i].slice(0);
-        decTable[i] = decTable[i].slice(0);
-      }
-
-      return tables;
-    };
-
-    var aesTables = null;
-    /**
-     * Schedule out an AES key for both encryption and decryption. This
-     * is a low-level class. Use a cipher mode to do bulk encryption.
-     *
-     * @class AES
-     * @param key {Array} The key as an array of 4, 6 or 8 words.
-     */
-
-    var AES = function () {
-      function AES(key) {
-        classCallCheck(this, AES);
-        /**
-         * The expanded S-box and inverse S-box tables. These will be computed
-         * on the client so that we don't have to send them down the wire.
-         *
-         * There are two tables, _tables[0] is for encryption and
-         * _tables[1] is for decryption.
-         *
-         * The first 4 sub-tables are the expanded S-box with MixColumns. The
-         * last (_tables[01][4]) is the S-box itself.
-         *
-         * @private
-         */
-        // if we have yet to precompute the S-box tables
-        // do so now
-
-        if (!aesTables) {
-          aesTables = precompute();
-        } // then make a copy of that object for use
-
-
-        this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
-        var i = void 0;
-        var j = void 0;
-        var tmp = void 0;
-        var encKey = void 0;
-        var decKey = void 0;
-        var sbox = this._tables[0][4];
-        var decTable = this._tables[1];
-        var keyLen = key.length;
-        var rcon = 1;
-
-        if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
-          throw new Error('Invalid aes key size');
-        }
-
-        encKey = key.slice(0);
-        decKey = [];
-        this._key = [encKey, decKey]; // schedule encryption keys
-
-        for (i = keyLen; i < 4 * keyLen + 28; i++) {
-          tmp = encKey[i - 1]; // apply sbox
-
-          if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
-            tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
-
-            if (i % keyLen === 0) {
-              tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
-              rcon = rcon << 1 ^ (rcon >> 7) * 283;
-            }
-          }
-
-          encKey[i] = encKey[i - keyLen] ^ tmp;
-        } // schedule decryption keys
-
-
-        for (j = 0; i; j++, i--) {
-          tmp = encKey[j & 3 ? i : i - 4];
-
-          if (i <= 4 || j < 4) {
-            decKey[j] = tmp;
-          } else {
-            decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
-          }
-        }
-      }
-      /**
-       * Decrypt 16 bytes, specified as four 32-bit words.
-       *
-       * @param {Number} encrypted0 the first word to decrypt
-       * @param {Number} encrypted1 the second word to decrypt
-       * @param {Number} encrypted2 the third word to decrypt
-       * @param {Number} encrypted3 the fourth word to decrypt
-       * @param {Int32Array} out the array to write the decrypted words
-       * into
-       * @param {Number} offset the offset into the output array to start
-       * writing results
-       * @return {Array} The plaintext.
-       */
-
-
-      AES.prototype.decrypt = function decrypt$$1(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
-        var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
-
-        var a = encrypted0 ^ key[0];
-        var b = encrypted3 ^ key[1];
-        var c = encrypted2 ^ key[2];
-        var d = encrypted1 ^ key[3];
-        var a2 = void 0;
-        var b2 = void 0;
-        var c2 = void 0; // key.length === 2 ?
-
-        var nInnerRounds = key.length / 4 - 2;
-        var i = void 0;
-        var kIndex = 4;
-        var table = this._tables[1]; // load up the tables
-
-        var table0 = table[0];
-        var table1 = table[1];
-        var table2 = table[2];
-        var table3 = table[3];
-        var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
-
-        for (i = 0; i < nInnerRounds; i++) {
-          a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
-          b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
-          c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
-          d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
-          kIndex += 4;
-          a = a2;
-          b = b2;
-          c = c2;
-        } // Last round.
-
-
-        for (i = 0; i < 4; i++) {
-          out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
-          a2 = a;
-          a = b;
-          b = c;
-          c = d;
-          d = a2;
-        }
-      };
-
-      return AES;
-    }();
-    /**
-     * @file stream.js
-     */
-
-    /**
-     * A lightweight readable stream implemention that handles event dispatching.
-     *
-     * @class Stream
-     */
-
-
-    var Stream = function () {
-      function Stream() {
-        classCallCheck(this, Stream);
-        this.listeners = {};
-      }
-      /**
-       * Add a listener for a specified event type.
-       *
-       * @param {String} type the event name
-       * @param {Function} listener the callback to be invoked when an event of
-       * the specified type occurs
-       */
-
-
-      Stream.prototype.on = function on(type, listener) {
-        if (!this.listeners[type]) {
-          this.listeners[type] = [];
-        }
-
-        this.listeners[type].push(listener);
-      };
-      /**
-       * Remove a listener for a specified event type.
-       *
-       * @param {String} type the event name
-       * @param {Function} listener  a function previously registered for this
-       * type of event through `on`
-       * @return {Boolean} if we could turn it off or not
-       */
-
-
-      Stream.prototype.off = function off(type, listener) {
-        if (!this.listeners[type]) {
-          return false;
-        }
-
-        var index = this.listeners[type].indexOf(listener);
-        this.listeners[type].splice(index, 1);
-        return index > -1;
-      };
-      /**
-       * Trigger an event of the specified type on this stream. Any additional
-       * arguments to this function are passed as parameters to event listeners.
-       *
-       * @param {String} type the event name
-       */
-
-
-      Stream.prototype.trigger = function trigger(type) {
-        var callbacks = this.listeners[type];
-
-        if (!callbacks) {
-          return;
-        } // Slicing the arguments on every invocation of this method
-        // can add a significant amount of overhead. Avoid the
-        // intermediate object creation for the common case of a
-        // single callback argument
-
-
-        if (arguments.length === 2) {
-          var length = callbacks.length;
-
-          for (var i = 0; i < length; ++i) {
-            callbacks[i].call(this, arguments[1]);
-          }
-        } else {
-          var args = Array.prototype.slice.call(arguments, 1);
-          var _length = callbacks.length;
-
-          for (var _i = 0; _i < _length; ++_i) {
-            callbacks[_i].apply(this, args);
-          }
-        }
-      };
-      /**
-       * Destroys the stream and cleans up.
-       */
-
-
-      Stream.prototype.dispose = function dispose() {
-        this.listeners = {};
-      };
-      /**
-       * Forwards all `data` events on this stream to the destination stream. The
-       * destination stream should provide a method `push` to receive the data
-       * events as they arrive.
-       *
-       * @param {Stream} destination the stream that will receive all `data` events
-       * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-       */
-
-
-      Stream.prototype.pipe = function pipe(destination) {
-        this.on('data', function (data) {
-          destination.push(data);
-        });
-      };
-
-      return Stream;
-    }();
-    /**
-     * @file async-stream.js
-     */
-
-    /**
-     * A wrapper around the Stream class to use setTiemout
-     * and run stream "jobs" Asynchronously
-     *
-     * @class AsyncStream
-     * @extends Stream
-     */
-
-
-    var AsyncStream$$1 = function (_Stream) {
-      inherits(AsyncStream$$1, _Stream);
-
-      function AsyncStream$$1() {
-        classCallCheck(this, AsyncStream$$1);
-
-        var _this = possibleConstructorReturn(this, _Stream.call(this, Stream));
-
-        _this.jobs = [];
-        _this.delay = 1;
-        _this.timeout_ = null;
-        return _this;
-      }
-      /**
-       * process an async job
-       *
-       * @private
-       */
-
-
-      AsyncStream$$1.prototype.processJob_ = function processJob_() {
-        this.jobs.shift()();
-
-        if (this.jobs.length) {
-          this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-        } else {
-          this.timeout_ = null;
-        }
-      };
-      /**
-       * push a job into the stream
-       *
-       * @param {Function} job the job to push into the stream
-       */
-
-
-      AsyncStream$$1.prototype.push = function push(job) {
-        this.jobs.push(job);
-
-        if (!this.timeout_) {
-          this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-        }
-      };
-
-      return AsyncStream$$1;
-    }(Stream);
-    /**
-     * @file decrypter.js
-     *
-     * An asynchronous implementation of AES-128 CBC decryption with
-     * PKCS#7 padding.
-     */
-
-    /**
-     * Convert network-order (big-endian) bytes into their little-endian
-     * representation.
-     */
-
-
-    var ntoh = function ntoh(word) {
-      return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
-    };
-    /**
-     * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
-     *
-     * @param {Uint8Array} encrypted the encrypted bytes
-     * @param {Uint32Array} key the bytes of the decryption key
-     * @param {Uint32Array} initVector the initialization vector (IV) to
-     * use for the first round of CBC.
-     * @return {Uint8Array} the decrypted bytes
-     *
-     * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
-     * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
-     * @see https://tools.ietf.org/html/rfc2315
-     */
-
-
-    var decrypt$$1 = function decrypt$$1(encrypted, key, initVector) {
-      // word-level access to the encrypted bytes
-      var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
-      var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
-
-      var decrypted = new Uint8Array(encrypted.byteLength);
-      var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
-      // decrypted data
-
-      var init0 = void 0;
-      var init1 = void 0;
-      var init2 = void 0;
-      var init3 = void 0;
-      var encrypted0 = void 0;
-      var encrypted1 = void 0;
-      var encrypted2 = void 0;
-      var encrypted3 = void 0; // iteration variable
-
-      var wordIx = void 0; // pull out the words of the IV to ensure we don't modify the
-      // passed-in reference and easier access
-
-      init0 = initVector[0];
-      init1 = initVector[1];
-      init2 = initVector[2];
-      init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
-      // to each decrypted block
-
-      for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
-        // convert big-endian (network order) words into little-endian
-        // (javascript order)
-        encrypted0 = ntoh(encrypted32[wordIx]);
-        encrypted1 = ntoh(encrypted32[wordIx + 1]);
-        encrypted2 = ntoh(encrypted32[wordIx + 2]);
-        encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
-
-        decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
-        // plaintext
-
-        decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
-        decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
-        decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
-        decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
-
-        init0 = encrypted0;
-        init1 = encrypted1;
-        init2 = encrypted2;
-        init3 = encrypted3;
-      }
-
-      return decrypted;
-    };
-    /**
-     * The `Decrypter` class that manages decryption of AES
-     * data through `AsyncStream` objects and the `decrypt`
-     * function
-     *
-     * @param {Uint8Array} encrypted the encrypted bytes
-     * @param {Uint32Array} key the bytes of the decryption key
-     * @param {Uint32Array} initVector the initialization vector (IV) to
-     * @param {Function} done the function to run when done
-     * @class Decrypter
-     */
-
-
-    var Decrypter$$1 = function () {
-      function Decrypter$$1(encrypted, key, initVector, done) {
-        classCallCheck(this, Decrypter$$1);
-        var step = Decrypter$$1.STEP;
-        var encrypted32 = new Int32Array(encrypted.buffer);
-        var decrypted = new Uint8Array(encrypted.byteLength);
-        var i = 0;
-        this.asyncStream_ = new AsyncStream$$1(); // split up the encryption job and do the individual chunks asynchronously
-
-        this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-
-        for (i = step; i < encrypted32.length; i += step) {
-          initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
-          this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-        } // invoke the done() callback when everything is finished
-
-
-        this.asyncStream_.push(function () {
-          // remove pkcs#7 padding from the decrypted bytes
-          done(null, unpad(decrypted));
-        });
-      }
-      /**
-       * a getter for step the maximum number of bytes to process at one time
-       *
-       * @return {Number} the value of step 32000
-       */
-
-      /**
-       * @private
-       */
-
-
-      Decrypter$$1.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
-        return function () {
-          var bytes = decrypt$$1(encrypted, key, initVector);
-          decrypted.set(bytes, encrypted.byteOffset);
-        };
-      };
-
-      createClass(Decrypter$$1, null, [{
-        key: 'STEP',
-        get: function get$$1() {
-          // 4 * 8000;
-          return 32000;
-        }
-      }]);
-      return Decrypter$$1;
-    }();
-    /**
-     * @file bin-utils.js
-     */
-
-    /**
-     * Creates an object for sending to a web worker modifying properties that are TypedArrays
-     * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
-     *
-     * @param {Object} message
-     *        Object of properties and values to send to the web worker
-     * @return {Object}
-     *         Modified message with TypedArray values expanded
-     * @function createTransferableMessage
-     */
-
-
-    var createTransferableMessage = function createTransferableMessage(message) {
-      var transferable = {};
-      Object.keys(message).forEach(function (key) {
-        var value = message[key];
-
-        if (ArrayBuffer.isView(value)) {
-          transferable[key] = {
-            bytes: value.buffer,
-            byteOffset: value.byteOffset,
-            byteLength: value.byteLength
-          };
-        } else {
-          transferable[key] = value;
-        }
-      });
-      return transferable;
-    };
-    /**
-     * Our web worker interface so that things can talk to aes-decrypter
-     * that will be running in a web worker. the scope is passed to this by
-     * webworkify.
-     *
-     * @param {Object} self
-     *        the scope for the web worker
-     */
-
-
-    var DecrypterWorker = function DecrypterWorker(self) {
-      self.onmessage = function (event) {
-        var data = event.data;
-        var encrypted = new Uint8Array(data.encrypted.bytes, data.encrypted.byteOffset, data.encrypted.byteLength);
-        var key = new Uint32Array(data.key.bytes, data.key.byteOffset, data.key.byteLength / 4);
-        var iv = new Uint32Array(data.iv.bytes, data.iv.byteOffset, data.iv.byteLength / 4);
-        /* eslint-disable no-new, handle-callback-err */
-
-        new Decrypter$$1(encrypted, key, iv, function (err, bytes) {
-          self.postMessage(createTransferableMessage({
-            source: data.source,
-            decrypted: bytes
-          }), [bytes.buffer]);
-        });
-        /* eslint-enable */
-      };
-    };
-
-    var decrypterWorker = new DecrypterWorker(self);
-    return decrypterWorker;
-  }();
-});
-/**
- * Convert the properties of an HLS track into an audioTrackKind.
- *
- * @private
- */
-
-var audioTrackKind_ = function audioTrackKind_(properties) {
-  var kind = properties["default"] ? 'main' : 'alternative';
-
-  if (properties.characteristics && properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {
-    kind = 'main-desc';
-  }
-
-  return kind;
-};
-/**
- * Pause provided segment loader and playlist loader if active
- *
- * @param {SegmentLoader} segmentLoader
- *        SegmentLoader to pause
- * @param {Object} mediaType
- *        Active media type
- * @function stopLoaders
- */
-
-
-var stopLoaders = function stopLoaders(segmentLoader, mediaType) {
-  segmentLoader.abort();
-  segmentLoader.pause();
-
-  if (mediaType && mediaType.activePlaylistLoader) {
-    mediaType.activePlaylistLoader.pause();
-    mediaType.activePlaylistLoader = null;
-  }
-};
-/**
- * Start loading provided segment loader and playlist loader
- *
- * @param {PlaylistLoader} playlistLoader
- *        PlaylistLoader to start loading
- * @param {Object} mediaType
- *        Active media type
- * @function startLoaders
- */
-
-
-var startLoaders = function startLoaders(playlistLoader, mediaType) {
-  // Segment loader will be started after `loadedmetadata` or `loadedplaylist` from the
-  // playlist loader
-  mediaType.activePlaylistLoader = playlistLoader;
-  playlistLoader.load();
-};
-/**
- * Returns a function to be called when the media group changes. It performs a
- * non-destructive (preserve the buffer) resync of the SegmentLoader. This is because a
- * change of group is merely a rendition switch of the same content at another encoding,
- * rather than a change of content, such as switching audio from English to Spanish.
- *
- * @param {String} type
- *        MediaGroup type
- * @param {Object} settings
- *        Object containing required information for media groups
- * @return {Function}
- *         Handler for a non-destructive resync of SegmentLoader when the active media
- *         group changes.
- * @function onGroupChanged
- */
-
-
-var onGroupChanged = function onGroupChanged(type, settings) {
-  return function () {
-    var _settings$segmentLoad = settings.segmentLoaders,
-        segmentLoader = _settings$segmentLoad[type],
-        mainSegmentLoader = _settings$segmentLoad.main,
-        mediaType = settings.mediaTypes[type];
-    var activeTrack = mediaType.activeTrack();
-    var activeGroup = mediaType.activeGroup(activeTrack);
-    var previousActiveLoader = mediaType.activePlaylistLoader;
-    stopLoaders(segmentLoader, mediaType);
-
-    if (!activeGroup) {
-      // there is no group active
-      return;
-    }
-
-    if (!activeGroup.playlistLoader) {
-      if (previousActiveLoader) {
-        // The previous group had a playlist loader but the new active group does not
-        // this means we are switching from demuxed to muxed audio. In this case we want to
-        // do a destructive reset of the main segment loader and not restart the audio
-        // loaders.
-        mainSegmentLoader.resetEverything();
-      }
-
-      return;
-    } // Non-destructive resync
-
-
-    segmentLoader.resyncLoader();
-    startLoaders(activeGroup.playlistLoader, mediaType);
-  };
-};
-/**
- * Returns a function to be called when the media track changes. It performs a
- * destructive reset of the SegmentLoader to ensure we start loading as close to
- * currentTime as possible.
- *
- * @param {String} type
- *        MediaGroup type
- * @param {Object} settings
- *        Object containing required information for media groups
- * @return {Function}
- *         Handler for a destructive reset of SegmentLoader when the active media
- *         track changes.
- * @function onTrackChanged
- */
-
-
-var onTrackChanged = function onTrackChanged(type, settings) {
-  return function () {
-    var _settings$segmentLoad2 = settings.segmentLoaders,
-        segmentLoader = _settings$segmentLoad2[type],
-        mainSegmentLoader = _settings$segmentLoad2.main,
-        mediaType = settings.mediaTypes[type];
-    var activeTrack = mediaType.activeTrack();
-    var activeGroup = mediaType.activeGroup(activeTrack);
-    var previousActiveLoader = mediaType.activePlaylistLoader;
-    stopLoaders(segmentLoader, mediaType);
-
-    if (!activeGroup) {
-      // there is no group active so we do not want to restart loaders
-      return;
-    }
-
-    if (!activeGroup.playlistLoader) {
-      // when switching from demuxed audio/video to muxed audio/video (noted by no playlist
-      // loader for the audio group), we want to do a destructive reset of the main segment
-      // loader and not restart the audio loaders
-      mainSegmentLoader.resetEverything();
-      return;
-    }
-
-    if (previousActiveLoader === activeGroup.playlistLoader) {
-      // Nothing has actually changed. This can happen because track change events can fire
-      // multiple times for a "single" change. One for enabling the new active track, and
-      // one for disabling the track that was active
-      startLoaders(activeGroup.playlistLoader, mediaType);
-      return;
-    }
-
-    if (segmentLoader.track) {
-      // For WebVTT, set the new text track in the segmentloader
-      segmentLoader.track(activeTrack);
-    } // destructive reset
-
-
-    segmentLoader.resetEverything();
-    startLoaders(activeGroup.playlistLoader, mediaType);
-  };
-};
-
-var onError = {
-  /**
-   * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
-   * an error.
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Error handler. Logs warning (or error if the playlist is blacklisted) to
-   *         console and switches back to default audio track.
-   * @function onError.AUDIO
-   */
-  AUDIO: function AUDIO(type, settings) {
-    return function () {
-      var segmentLoader = settings.segmentLoaders[type],
-          mediaType = settings.mediaTypes[type],
-          blacklistCurrentPlaylist = settings.blacklistCurrentPlaylist;
-      stopLoaders(segmentLoader, mediaType); // switch back to default audio track
-
-      var activeTrack = mediaType.activeTrack();
-      var activeGroup = mediaType.activeGroup();
-      var id = (activeGroup.filter(function (group) {
-        return group["default"];
-      })[0] || activeGroup[0]).id;
-      var defaultTrack = mediaType.tracks[id];
-
-      if (activeTrack === defaultTrack) {
-        // Default track encountered an error. All we can do now is blacklist the current
-        // rendition and hope another will switch audio groups
-        blacklistCurrentPlaylist({
-          message: 'Problem encountered loading the default audio track.'
-        });
-        return;
-      }
-
-      videojs$1.log.warn('Problem encountered loading the alternate audio track.' + 'Switching back to default.');
-
-      for (var trackId in mediaType.tracks) {
-        mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;
-      }
-
-      mediaType.onTrackChanged();
-    };
-  },
-
-  /**
-   * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
-   * an error.
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Error handler. Logs warning to console and disables the active subtitle track
-   * @function onError.SUBTITLES
-   */
-  SUBTITLES: function SUBTITLES(type, settings) {
-    return function () {
-      var segmentLoader = settings.segmentLoaders[type],
-          mediaType = settings.mediaTypes[type];
-      videojs$1.log.warn('Problem encountered loading the subtitle track.' + 'Disabling subtitle track.');
-      stopLoaders(segmentLoader, mediaType);
-      var track = mediaType.activeTrack();
-
-      if (track) {
-        track.mode = 'disabled';
-      }
-
-      mediaType.onTrackChanged();
-    };
-  }
-};
-var setupListeners = {
-  /**
-   * Setup event listeners for audio playlist loader
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {PlaylistLoader|null} playlistLoader
-   *        PlaylistLoader to register listeners on
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function setupListeners.AUDIO
-   */
-  AUDIO: function AUDIO(type, playlistLoader, settings) {
-    if (!playlistLoader) {
-      // no playlist loader means audio will be muxed with the video
-      return;
-    }
-
-    var tech = settings.tech,
-        requestOptions = settings.requestOptions,
-        segmentLoader = settings.segmentLoaders[type];
-    playlistLoader.on('loadedmetadata', function () {
-      var media = playlistLoader.media();
-      segmentLoader.playlist(media, requestOptions); // if the video is already playing, or if this isn't a live video and preload
-      // permits, start downloading segments
-
-      if (!tech.paused() || media.endList && tech.preload() !== 'none') {
-        segmentLoader.load();
-      }
-    });
-    playlistLoader.on('loadedplaylist', function () {
-      segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
-      if (!tech.paused()) {
-        segmentLoader.load();
-      }
-    });
-    playlistLoader.on('error', onError[type](type, settings));
-  },
-
-  /**
-   * Setup event listeners for subtitle playlist loader
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {PlaylistLoader|null} playlistLoader
-   *        PlaylistLoader to register listeners on
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function setupListeners.SUBTITLES
-   */
-  SUBTITLES: function SUBTITLES(type, playlistLoader, settings) {
-    var tech = settings.tech,
-        requestOptions = settings.requestOptions,
-        segmentLoader = settings.segmentLoaders[type],
-        mediaType = settings.mediaTypes[type];
-    playlistLoader.on('loadedmetadata', function () {
-      var media = playlistLoader.media();
-      segmentLoader.playlist(media, requestOptions);
-      segmentLoader.track(mediaType.activeTrack()); // if the video is already playing, or if this isn't a live video and preload
-      // permits, start downloading segments
-
-      if (!tech.paused() || media.endList && tech.preload() !== 'none') {
-        segmentLoader.load();
-      }
-    });
-    playlistLoader.on('loadedplaylist', function () {
-      segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
-      if (!tech.paused()) {
-        segmentLoader.load();
-      }
-    });
-    playlistLoader.on('error', onError[type](type, settings));
-  }
-};
-var initialize = {
-  /**
-   * Setup PlaylistLoaders and AudioTracks for the audio groups
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function initialize.AUDIO
-   */
-  'AUDIO': function AUDIO(type, settings) {
-    var hls = settings.hls,
-        sourceType = settings.sourceType,
-        segmentLoader = settings.segmentLoaders[type],
-        requestOptions = settings.requestOptions,
-        mediaGroups = settings.master.mediaGroups,
-        _settings$mediaTypes$ = settings.mediaTypes[type],
-        groups = _settings$mediaTypes$.groups,
-        tracks = _settings$mediaTypes$.tracks,
-        masterPlaylistLoader = settings.masterPlaylistLoader; // force a default if we have none
-
-    if (!mediaGroups[type] || Object.keys(mediaGroups[type]).length === 0) {
-      mediaGroups[type] = {
-        main: {
-          "default": {
-            "default": true
-          }
-        }
-      };
-    }
-
-    for (var groupId in mediaGroups[type]) {
-      if (!groups[groupId]) {
-        groups[groupId] = [];
-      } // List of playlists that have an AUDIO attribute value matching the current
-      // group ID
-
-
-      for (var variantLabel in mediaGroups[type][groupId]) {
-        var properties = mediaGroups[type][groupId][variantLabel];
-        var playlistLoader = void 0;
-
-        if (properties.resolvedUri) {
-          playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
-        } else if (properties.playlists && sourceType === 'dash') {
-          playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
-        } else {
-          // no resolvedUri means the audio is muxed with the video when using this
-          // audio track
-          playlistLoader = null;
-        }
-
-        properties = videojs$1.mergeOptions({
-          id: variantLabel,
-          playlistLoader: playlistLoader
-        }, properties);
-        setupListeners[type](type, properties.playlistLoader, settings);
-        groups[groupId].push(properties);
-
-        if (typeof tracks[variantLabel] === 'undefined') {
-          var track = new videojs$1.AudioTrack({
-            id: variantLabel,
-            kind: audioTrackKind_(properties),
-            enabled: false,
-            language: properties.language,
-            "default": properties["default"],
-            label: variantLabel
-          });
-          tracks[variantLabel] = track;
-        }
-      }
-    } // setup single error event handler for the segment loader
-
-
-    segmentLoader.on('error', onError[type](type, settings));
-  },
-
-  /**
-   * Setup PlaylistLoaders and TextTracks for the subtitle groups
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function initialize.SUBTITLES
-   */
-  'SUBTITLES': function SUBTITLES(type, settings) {
-    var tech = settings.tech,
-        hls = settings.hls,
-        sourceType = settings.sourceType,
-        segmentLoader = settings.segmentLoaders[type],
-        requestOptions = settings.requestOptions,
-        mediaGroups = settings.master.mediaGroups,
-        _settings$mediaTypes$2 = settings.mediaTypes[type],
-        groups = _settings$mediaTypes$2.groups,
-        tracks = _settings$mediaTypes$2.tracks,
-        masterPlaylistLoader = settings.masterPlaylistLoader;
-
-    for (var groupId in mediaGroups[type]) {
-      if (!groups[groupId]) {
-        groups[groupId] = [];
-      }
-
-      for (var variantLabel in mediaGroups[type][groupId]) {
-        if (mediaGroups[type][groupId][variantLabel].forced) {
-          // Subtitle playlists with the forced attribute are not selectable in Safari.
-          // According to Apple's HLS Authoring Specification:
-          //   If content has forced subtitles and regular subtitles in a given language,
-          //   the regular subtitles track in that language MUST contain both the forced
-          //   subtitles and the regular subtitles for that language.
-          // Because of this requirement and that Safari does not add forced subtitles,
-          // forced subtitles are skipped here to maintain consistent experience across
-          // all platforms
-          continue;
-        }
-
-        var properties = mediaGroups[type][groupId][variantLabel];
-        var playlistLoader = void 0;
-
-        if (sourceType === 'hls') {
-          playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
-        } else if (sourceType === 'dash') {
-          playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
-        }
-
-        properties = videojs$1.mergeOptions({
-          id: variantLabel,
-          playlistLoader: playlistLoader
-        }, properties);
-        setupListeners[type](type, properties.playlistLoader, settings);
-        groups[groupId].push(properties);
-
-        if (typeof tracks[variantLabel] === 'undefined') {
-          var track = tech.addRemoteTextTrack({
-            id: variantLabel,
-            kind: 'subtitles',
-            "default": properties["default"] && properties.autoselect,
-            language: properties.language,
-            label: variantLabel
-          }, false).track;
-          tracks[variantLabel] = track;
-        }
-      }
-    } // setup single error event handler for the segment loader
-
-
-    segmentLoader.on('error', onError[type](type, settings));
-  },
-
-  /**
-   * Setup TextTracks for the closed-caption groups
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function initialize['CLOSED-CAPTIONS']
-   */
-  'CLOSED-CAPTIONS': function CLOSEDCAPTIONS(type, settings) {
-    var tech = settings.tech,
-        mediaGroups = settings.master.mediaGroups,
-        _settings$mediaTypes$3 = settings.mediaTypes[type],
-        groups = _settings$mediaTypes$3.groups,
-        tracks = _settings$mediaTypes$3.tracks;
-
-    for (var groupId in mediaGroups[type]) {
-      if (!groups[groupId]) {
-        groups[groupId] = [];
-      }
-
-      for (var variantLabel in mediaGroups[type][groupId]) {
-        var properties = mediaGroups[type][groupId][variantLabel]; // We only support CEA608 captions for now, so ignore anything that
-        // doesn't use a CCx INSTREAM-ID
-
-        if (!properties.instreamId.match(/CC\d/)) {
-          continue;
-        } // No PlaylistLoader is required for Closed-Captions because the captions are
-        // embedded within the video stream
-
-
-        groups[groupId].push(videojs$1.mergeOptions({
-          id: variantLabel
-        }, properties));
-
-        if (typeof tracks[variantLabel] === 'undefined') {
-          var track = tech.addRemoteTextTrack({
-            id: properties.instreamId,
-            kind: 'captions',
-            "default": properties["default"] && properties.autoselect,
-            language: properties.language,
-            label: variantLabel
-          }, false).track;
-          tracks[variantLabel] = track;
-        }
-      }
-    }
-  }
-};
-/**
- * Returns a function used to get the active group of the provided type
- *
- * @param {String} type
- *        MediaGroup type
- * @param {Object} settings
- *        Object containing required information for media groups
- * @return {Function}
- *         Function that returns the active media group for the provided type. Takes an
- *         optional parameter {TextTrack} track. If no track is provided, a list of all
- *         variants in the group, otherwise the variant corresponding to the provided
- *         track is returned.
- * @function activeGroup
- */
-
-var activeGroup = function activeGroup(type, settings) {
-  return function (track) {
-    var masterPlaylistLoader = settings.masterPlaylistLoader,
-        groups = settings.mediaTypes[type].groups;
-    var media = masterPlaylistLoader.media();
-
-    if (!media) {
-      return null;
-    }
-
-    var variants = null;
-
-    if (media.attributes[type]) {
-      variants = groups[media.attributes[type]];
-    }
-
-    variants = variants || groups.main;
-
-    if (typeof track === 'undefined') {
-      return variants;
-    }
-
-    if (track === null) {
-      // An active track was specified so a corresponding group is expected. track === null
-      // means no track is currently active so there is no corresponding group
-      return null;
-    }
-
-    return variants.filter(function (props) {
-      return props.id === track.id;
-    })[0] || null;
-  };
-};
-
-var activeTrack = {
-  /**
-   * Returns a function used to get the active track of type provided
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Function that returns the active media track for the provided type. Returns
-   *         null if no track is active
-   * @function activeTrack.AUDIO
-   */
-  AUDIO: function AUDIO(type, settings) {
-    return function () {
-      var tracks = settings.mediaTypes[type].tracks;
-
-      for (var id in tracks) {
-        if (tracks[id].enabled) {
-          return tracks[id];
-        }
-      }
-
-      return null;
-    };
-  },
-
-  /**
-   * Returns a function used to get the active track of type provided
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Function that returns the active media track for the provided type. Returns
-   *         null if no track is active
-   * @function activeTrack.SUBTITLES
-   */
-  SUBTITLES: function SUBTITLES(type, settings) {
-    return function () {
-      var tracks = settings.mediaTypes[type].tracks;
-
-      for (var id in tracks) {
-        if (tracks[id].mode === 'showing') {
-          return tracks[id];
-        }
-      }
-
-      return null;
-    };
-  }
-};
-/**
- * Setup PlaylistLoaders and Tracks for media groups (Audio, Subtitles,
- * Closed-Captions) specified in the master manifest.
- *
- * @param {Object} settings
- *        Object containing required information for setting up the media groups
- * @param {SegmentLoader} settings.segmentLoaders.AUDIO
- *        Audio segment loader
- * @param {SegmentLoader} settings.segmentLoaders.SUBTITLES
- *        Subtitle segment loader
- * @param {SegmentLoader} settings.segmentLoaders.main
- *        Main segment loader
- * @param {Tech} settings.tech
- *        The tech of the player
- * @param {Object} settings.requestOptions
- *        XHR request options used by the segment loaders
- * @param {PlaylistLoader} settings.masterPlaylistLoader
- *        PlaylistLoader for the master source
- * @param {HlsHandler} settings.hls
- *        HLS SourceHandler
- * @param {Object} settings.master
- *        The parsed master manifest
- * @param {Object} settings.mediaTypes
- *        Object to store the loaders, tracks, and utility methods for each media type
- * @param {Function} settings.blacklistCurrentPlaylist
- *        Blacklists the current rendition and forces a rendition switch.
- * @function setupMediaGroups
- */
-
-var setupMediaGroups = function setupMediaGroups(settings) {
-  ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
-    initialize[type](type, settings);
-  });
-  var mediaTypes = settings.mediaTypes,
-      masterPlaylistLoader = settings.masterPlaylistLoader,
-      tech = settings.tech,
-      hls = settings.hls; // setup active group and track getters and change event handlers
-
-  ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-    mediaTypes[type].activeGroup = activeGroup(type, settings);
-    mediaTypes[type].activeTrack = activeTrack[type](type, settings);
-    mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);
-    mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);
-  }); // DO NOT enable the default subtitle or caption track.
-  // DO enable the default audio track
-
-  var audioGroup = mediaTypes.AUDIO.activeGroup();
-  var groupId = (audioGroup.filter(function (group) {
-    return group["default"];
-  })[0] || audioGroup[0]).id;
-  mediaTypes.AUDIO.tracks[groupId].enabled = true;
-  mediaTypes.AUDIO.onTrackChanged();
-  masterPlaylistLoader.on('mediachange', function () {
-    ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-      return mediaTypes[type].onGroupChanged();
-    });
-  }); // custom audio track change event handler for usage event
-
-  var onAudioTrackChanged = function onAudioTrackChanged() {
-    mediaTypes.AUDIO.onTrackChanged();
-    tech.trigger({
-      type: 'usage',
-      name: 'hls-audio-change'
-    });
-  };
-
-  tech.audioTracks().addEventListener('change', onAudioTrackChanged);
-  tech.remoteTextTracks().addEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
-  hls.on('dispose', function () {
-    tech.audioTracks().removeEventListener('change', onAudioTrackChanged);
-    tech.remoteTextTracks().removeEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
-  }); // clear existing audio tracks and add the ones we just created
-
-  tech.clearTracks('audio');
-
-  for (var id in mediaTypes.AUDIO.tracks) {
-    tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);
-  }
-};
-/**
- * Creates skeleton object used to store the loaders, tracks, and utility methods for each
- * media type
- *
- * @return {Object}
- *         Object to store the loaders, tracks, and utility methods for each media type
- * @function createMediaTypes
- */
-
-
-var createMediaTypes = function createMediaTypes() {
-  var mediaTypes = {};
-  ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
-    mediaTypes[type] = {
-      groups: {},
-      tracks: {},
-      activePlaylistLoader: null,
-      activeGroup: noop,
-      activeTrack: noop,
-      onGroupChanged: noop,
-      onTrackChanged: noop
-    };
-  });
-  return mediaTypes;
-};
-/**
- * @file master-playlist-controller.js
- */
-
-
-var ABORT_EARLY_BLACKLIST_SECONDS = 60 * 2;
-var Hls = void 0; // SegmentLoader stats that need to have each loader's
-// values summed to calculate the final value
-
-var loaderStats = ['mediaRequests', 'mediaRequestsAborted', 'mediaRequestsTimedout', 'mediaRequestsErrored', 'mediaTransferDuration', 'mediaBytesTransferred'];
-
-var sumLoaderStat = function sumLoaderStat(stat) {
-  return this.audioSegmentLoader_[stat] + this.mainSegmentLoader_[stat];
-};
-/**
- * the master playlist controller controller all interactons
- * between playlists and segmentloaders. At this time this mainly
- * involves a master playlist and a series of audio playlists
- * if they are available
- *
- * @class MasterPlaylistController
- * @extends videojs.EventTarget
- */
-
-
-var MasterPlaylistController = function (_videojs$EventTarget) {
-  inherits(MasterPlaylistController, _videojs$EventTarget);
-
-  function MasterPlaylistController(options) {
-    classCallCheck(this, MasterPlaylistController);
-
-    var _this = possibleConstructorReturn(this, (MasterPlaylistController.__proto__ || Object.getPrototypeOf(MasterPlaylistController)).call(this));
-
-    var url = options.url,
-        handleManifestRedirects = options.handleManifestRedirects,
-        withCredentials = options.withCredentials,
-        tech = options.tech,
-        bandwidth = options.bandwidth,
-        externHls = options.externHls,
-        useCueTags = options.useCueTags,
-        blacklistDuration = options.blacklistDuration,
-        enableLowInitialPlaylist = options.enableLowInitialPlaylist,
-        sourceType = options.sourceType,
-        seekTo = options.seekTo,
-        cacheEncryptionKeys = options.cacheEncryptionKeys;
-
-    if (!url) {
-      throw new Error('A non-empty playlist URL is required');
-    }
-
-    Hls = externHls;
-    _this.withCredentials = withCredentials;
-    _this.tech_ = tech;
-    _this.hls_ = tech.hls;
-    _this.seekTo_ = seekTo;
-    _this.sourceType_ = sourceType;
-    _this.useCueTags_ = useCueTags;
-    _this.blacklistDuration = blacklistDuration;
-    _this.enableLowInitialPlaylist = enableLowInitialPlaylist;
-
-    if (_this.useCueTags_) {
-      _this.cueTagsTrack_ = _this.tech_.addTextTrack('metadata', 'ad-cues');
-      _this.cueTagsTrack_.inBandMetadataTrackDispatchType = '';
-    }
-
-    _this.requestOptions_ = {
-      withCredentials: withCredentials,
-      handleManifestRedirects: handleManifestRedirects,
-      timeout: null
-    };
-    _this.mediaTypes_ = createMediaTypes();
-    _this.mediaSource = new videojs$1.MediaSource(); // load the media source into the player
-
-    _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_.bind(_this));
-
-    _this.seekable_ = videojs$1.createTimeRanges();
-
-    _this.hasPlayed_ = function () {
-      return false;
-    };
-
-    _this.syncController_ = new SyncController(options);
-    _this.segmentMetadataTrack_ = tech.addRemoteTextTrack({
-      kind: 'metadata',
-      label: 'segment-metadata'
-    }, false).track;
-    _this.decrypter_ = new Decrypter$1();
-    _this.inbandTextTracks_ = {};
-    var segmentLoaderSettings = {
-      hls: _this.hls_,
-      mediaSource: _this.mediaSource,
-      currentTime: _this.tech_.currentTime.bind(_this.tech_),
-      seekable: function seekable$$1() {
-        return _this.seekable();
-      },
-      seeking: function seeking() {
-        return _this.tech_.seeking();
-      },
-      duration: function duration$$1() {
-        return _this.mediaSource.duration;
-      },
-      hasPlayed: function hasPlayed() {
-        return _this.hasPlayed_();
-      },
-      goalBufferLength: function goalBufferLength() {
-        return _this.goalBufferLength();
-      },
-      bandwidth: bandwidth,
-      syncController: _this.syncController_,
-      decrypter: _this.decrypter_,
-      sourceType: _this.sourceType_,
-      inbandTextTracks: _this.inbandTextTracks_,
-      cacheEncryptionKeys: cacheEncryptionKeys
-    };
-    _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(url, _this.hls_, _this.requestOptions_) : new PlaylistLoader(url, _this.hls_, _this.requestOptions_);
-
-    _this.setupMasterPlaylistLoaderListeners_(); // setup segment loaders
-    // combined audio/video or just video when alternate audio track is selected
-
-
-    _this.mainSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-      segmentMetadataTrack: _this.segmentMetadataTrack_,
-      loaderType: 'main'
-    }), options); // alternate audio track
-
-    _this.audioSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-      loaderType: 'audio'
-    }), options);
-    _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-      loaderType: 'vtt'
-    }), options);
-
-    _this.setupSegmentLoaderListeners_(); // Create SegmentLoader stat-getters
-
-
-    loaderStats.forEach(function (stat) {
-      _this[stat + '_'] = sumLoaderStat.bind(_this, stat);
-    });
-    _this.logger_ = logger('MPC');
-
-    _this.masterPlaylistLoader_.load();
-
-    return _this;
-  }
-  /**
-   * Register event handlers on the master playlist loader. A helper
-   * function for construction time.
-   *
-   * @private
-   */
-
-
-  createClass(MasterPlaylistController, [{
-    key: 'setupMasterPlaylistLoaderListeners_',
-    value: function setupMasterPlaylistLoaderListeners_() {
-      var _this2 = this;
-
-      this.masterPlaylistLoader_.on('loadedmetadata', function () {
-        var media = _this2.masterPlaylistLoader_.media();
-
-        var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
-        // timeout the request.
-
-        if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
-          _this2.requestOptions_.timeout = 0;
-        } else {
-          _this2.requestOptions_.timeout = requestTimeout;
-        } // if this isn't a live video and preload permits, start
-        // downloading segments
-
-
-        if (media.endList && _this2.tech_.preload() !== 'none') {
-          _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
-
-          _this2.mainSegmentLoader_.load();
-        }
-
-        setupMediaGroups({
-          sourceType: _this2.sourceType_,
-          segmentLoaders: {
-            AUDIO: _this2.audioSegmentLoader_,
-            SUBTITLES: _this2.subtitleSegmentLoader_,
-            main: _this2.mainSegmentLoader_
-          },
-          tech: _this2.tech_,
-          requestOptions: _this2.requestOptions_,
-          masterPlaylistLoader: _this2.masterPlaylistLoader_,
-          hls: _this2.hls_,
-          master: _this2.master(),
-          mediaTypes: _this2.mediaTypes_,
-          blacklistCurrentPlaylist: _this2.blacklistCurrentPlaylist.bind(_this2)
-        });
-
-        _this2.triggerPresenceUsage_(_this2.master(), media);
-
-        try {
-          _this2.setupSourceBuffers_();
-        } catch (e) {
-          videojs$1.log.warn('Failed to create SourceBuffers', e);
-          return _this2.mediaSource.endOfStream('decode');
-        }
-
-        _this2.setupFirstPlay();
-
-        if (!_this2.mediaTypes_.AUDIO.activePlaylistLoader || _this2.mediaTypes_.AUDIO.activePlaylistLoader.media()) {
-          _this2.trigger('selectedinitialmedia');
-        } else {
-          // We must wait for the active audio playlist loader to
-          // finish setting up before triggering this event so the
-          // representations API and EME setup is correct
-          _this2.mediaTypes_.AUDIO.activePlaylistLoader.one('loadedmetadata', function () {
-            _this2.trigger('selectedinitialmedia');
-          });
-        }
-      });
-      this.masterPlaylistLoader_.on('loadedplaylist', function () {
-        var updatedPlaylist = _this2.masterPlaylistLoader_.media();
-
-        if (!updatedPlaylist) {
-          // blacklist any variants that are not supported by the browser before selecting
-          // an initial media as the playlist selectors do not consider browser support
-          _this2.excludeUnsupportedVariants_();
-
-          var selectedMedia = void 0;
-
-          if (_this2.enableLowInitialPlaylist) {
-            selectedMedia = _this2.selectInitialPlaylist();
-          }
-
-          if (!selectedMedia) {
-            selectedMedia = _this2.selectPlaylist();
-          }
-
-          _this2.initialMedia_ = selectedMedia;
-
-          _this2.masterPlaylistLoader_.media(_this2.initialMedia_);
-
-          return;
-        }
-
-        if (_this2.useCueTags_) {
-          _this2.updateAdCues_(updatedPlaylist);
-        } // TODO: Create a new event on the PlaylistLoader that signals
-        // that the segments have changed in some way and use that to
-        // update the SegmentLoader instead of doing it twice here and
-        // on `mediachange`
-
-
-        _this2.mainSegmentLoader_.playlist(updatedPlaylist, _this2.requestOptions_);
-
-        _this2.updateDuration(); // If the player isn't paused, ensure that the segment loader is running,
-        // as it is possible that it was temporarily stopped while waiting for
-        // a playlist (e.g., in case the playlist errored and we re-requested it).
-
-
-        if (!_this2.tech_.paused()) {
-          _this2.mainSegmentLoader_.load();
-
-          if (_this2.audioSegmentLoader_) {
-            _this2.audioSegmentLoader_.load();
-          }
-        }
-
-        if (!updatedPlaylist.endList) {
-          var addSeekableRange = function addSeekableRange() {
-            var seekable$$1 = _this2.seekable();
-
-            if (seekable$$1.length !== 0) {
-              _this2.mediaSource.addSeekableRange_(seekable$$1.start(0), seekable$$1.end(0));
-            }
-          };
-
-          if (_this2.duration() !== Infinity) {
-            var onDurationchange = function onDurationchange() {
-              if (_this2.duration() === Infinity) {
-                addSeekableRange();
-              } else {
-                _this2.tech_.one('durationchange', onDurationchange);
-              }
-            };
-
-            _this2.tech_.one('durationchange', onDurationchange);
-          } else {
-            addSeekableRange();
-          }
-        }
-      });
-      this.masterPlaylistLoader_.on('error', function () {
-        _this2.blacklistCurrentPlaylist(_this2.masterPlaylistLoader_.error);
-      });
-      this.masterPlaylistLoader_.on('mediachanging', function () {
-        _this2.mainSegmentLoader_.abort();
-
-        _this2.mainSegmentLoader_.pause();
-      });
-      this.masterPlaylistLoader_.on('mediachange', function () {
-        var media = _this2.masterPlaylistLoader_.media();
-
-        var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
-        // timeout the request.
-
-        if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
-          _this2.requestOptions_.timeout = 0;
-        } else {
-          _this2.requestOptions_.timeout = requestTimeout;
-        } // TODO: Create a new event on the PlaylistLoader that signals
-        // that the segments have changed in some way and use that to
-        // update the SegmentLoader instead of doing it twice here and
-        // on `loadedplaylist`
-
-
-        _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
-
-        _this2.mainSegmentLoader_.load();
-
-        _this2.tech_.trigger({
-          type: 'mediachange',
-          bubbles: true
-        });
-      });
-      this.masterPlaylistLoader_.on('playlistunchanged', function () {
-        var updatedPlaylist = _this2.masterPlaylistLoader_.media();
-
-        var playlistOutdated = _this2.stuckAtPlaylistEnd_(updatedPlaylist);
-
-        if (playlistOutdated) {
-          // Playlist has stopped updating and we're stuck at its end. Try to
-          // blacklist it and switch to another playlist in the hope that that
-          // one is updating (and give the player a chance to re-adjust to the
-          // safe live point).
-          _this2.blacklistCurrentPlaylist({
-            message: 'Playlist no longer updating.'
-          }); // useful for monitoring QoS
-
-
-          _this2.tech_.trigger('playliststuck');
-        }
-      });
-      this.masterPlaylistLoader_.on('renditiondisabled', function () {
-        _this2.tech_.trigger({
-          type: 'usage',
-          name: 'hls-rendition-disabled'
-        });
-      });
-      this.masterPlaylistLoader_.on('renditionenabled', function () {
-        _this2.tech_.trigger({
-          type: 'usage',
-          name: 'hls-rendition-enabled'
-        });
-      });
-    }
-    /**
-     * A helper function for triggerring presence usage events once per source
-     *
-     * @private
-     */
-
-  }, {
-    key: 'triggerPresenceUsage_',
-    value: function triggerPresenceUsage_(master, media) {
-      var mediaGroups = master.mediaGroups || {};
-      var defaultDemuxed = true;
-      var audioGroupKeys = Object.keys(mediaGroups.AUDIO);
-
-      for (var mediaGroup in mediaGroups.AUDIO) {
-        for (var label in mediaGroups.AUDIO[mediaGroup]) {
-          var properties = mediaGroups.AUDIO[mediaGroup][label];
-
-          if (!properties.uri) {
-            defaultDemuxed = false;
-          }
-        }
-      }
-
-      if (defaultDemuxed) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-demuxed'
-        });
-      }
-
-      if (Object.keys(mediaGroups.SUBTITLES).length) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-webvtt'
-        });
-      }
-
-      if (Hls.Playlist.isAes(media)) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-aes'
-        });
-      }
-
-      if (Hls.Playlist.isFmp4(media)) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-fmp4'
-        });
-      }
-
-      if (audioGroupKeys.length && Object.keys(mediaGroups.AUDIO[audioGroupKeys[0]]).length > 1) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-alternate-audio'
-        });
-      }
-
-      if (this.useCueTags_) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-playlist-cue-tags'
-        });
-      }
-    }
-    /**
-     * Register event handlers on the segment loaders. A helper function
-     * for construction time.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'setupSegmentLoaderListeners_',
-    value: function setupSegmentLoaderListeners_() {
-      var _this3 = this;
-
-      this.mainSegmentLoader_.on('bandwidthupdate', function () {
-        var nextPlaylist = _this3.selectPlaylist();
-
-        var currentPlaylist = _this3.masterPlaylistLoader_.media();
-
-        var buffered = _this3.tech_.buffered();
-
-        var forwardBuffer = buffered.length ? buffered.end(buffered.length - 1) - _this3.tech_.currentTime() : 0;
-
-        var bufferLowWaterLine = _this3.bufferLowWaterLine(); // If the playlist is live, then we want to not take low water line into account.
-        // This is because in LIVE, the player plays 3 segments from the end of the
-        // playlist, and if `BUFFER_LOW_WATER_LINE` is greater than the duration availble
-        // in those segments, a viewer will never experience a rendition upswitch.
-
-
-        if (!currentPlaylist.endList || // For the same reason as LIVE, we ignore the low water line when the VOD
-        // duration is below the max potential low water line
-        _this3.duration() < Config.MAX_BUFFER_LOW_WATER_LINE || // we want to switch down to lower resolutions quickly to continue playback, but
-        nextPlaylist.attributes.BANDWIDTH < currentPlaylist.attributes.BANDWIDTH || // ensure we have some buffer before we switch up to prevent us running out of
-        // buffer while loading a higher rendition.
-        forwardBuffer >= bufferLowWaterLine) {
-          _this3.masterPlaylistLoader_.media(nextPlaylist);
-        }
-
-        _this3.tech_.trigger('bandwidthupdate');
-      });
-      this.mainSegmentLoader_.on('progress', function () {
-        _this3.trigger('progress');
-      });
-      this.mainSegmentLoader_.on('error', function () {
-        _this3.blacklistCurrentPlaylist(_this3.mainSegmentLoader_.error());
-      });
-      this.mainSegmentLoader_.on('syncinfoupdate', function () {
-        _this3.onSyncInfoUpdate_();
-      });
-      this.mainSegmentLoader_.on('timestampoffset', function () {
-        _this3.tech_.trigger({
-          type: 'usage',
-          name: 'hls-timestamp-offset'
-        });
-      });
-      this.audioSegmentLoader_.on('syncinfoupdate', function () {
-        _this3.onSyncInfoUpdate_();
-      });
-      this.mainSegmentLoader_.on('ended', function () {
-        _this3.onEndOfStream();
-      });
-      this.mainSegmentLoader_.on('earlyabort', function () {
-        _this3.blacklistCurrentPlaylist({
-          message: 'Aborted early because there isn\'t enough bandwidth to complete the ' + 'request without rebuffering.'
-        }, ABORT_EARLY_BLACKLIST_SECONDS);
-      });
-      this.mainSegmentLoader_.on('reseteverything', function () {
-        // If playing an MTS stream, a videojs.MediaSource is listening for
-        // hls-reset to reset caption parsing state in the transmuxer
-        _this3.tech_.trigger('hls-reset');
-      });
-      this.mainSegmentLoader_.on('segmenttimemapping', function (event) {
-        // If playing an MTS stream in html, a videojs.MediaSource is listening for
-        // hls-segment-time-mapping update its internal mapping of stream to display time
-        _this3.tech_.trigger({
-          type: 'hls-segment-time-mapping',
-          mapping: event.mapping
-        });
-      });
-      this.audioSegmentLoader_.on('ended', function () {
-        _this3.onEndOfStream();
-      });
-    }
-  }, {
-    key: 'mediaSecondsLoaded_',
-    value: function mediaSecondsLoaded_() {
-      return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded + this.mainSegmentLoader_.mediaSecondsLoaded);
-    }
-    /**
-     * Call load on our SegmentLoaders
-     */
-
-  }, {
-    key: 'load',
-    value: function load() {
-      this.mainSegmentLoader_.load();
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        this.audioSegmentLoader_.load();
-      }
-
-      if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-        this.subtitleSegmentLoader_.load();
-      }
-    }
-    /**
-     * Re-tune playback quality level for the current player
-     * conditions without performing destructive actions, like
-     * removing already buffered content
-     *
-     * @private
-     */
-
-  }, {
-    key: 'smoothQualityChange_',
-    value: function smoothQualityChange_() {
-      var media = this.selectPlaylist();
-
-      if (media !== this.masterPlaylistLoader_.media()) {
-        this.masterPlaylistLoader_.media(media);
-        this.mainSegmentLoader_.resetLoader(); // don't need to reset audio as it is reset when media changes
-      }
-    }
-    /**
-     * Re-tune playback quality level for the current player
-     * conditions. This method will perform destructive actions like removing
-     * already buffered content in order to readjust the currently active
-     * playlist quickly. This is good for manual quality changes
-     *
-     * @private
-     */
-
-  }, {
-    key: 'fastQualityChange_',
-    value: function fastQualityChange_() {
-      var _this4 = this;
-
-      var media = this.selectPlaylist();
-
-      if (media === this.masterPlaylistLoader_.media()) {
-        return;
-      }
-
-      this.masterPlaylistLoader_.media(media); // Delete all buffered data to allow an immediate quality switch, then seek to give
-      // the browser a kick to remove any cached frames from the previous rendtion (.04 seconds
-      // ahead is roughly the minimum that will accomplish this across a variety of content
-      // in IE and Edge, but seeking in place is sufficient on all other browsers)
-      // Edge/IE bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14600375/
-      // Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=651904
-
-      this.mainSegmentLoader_.resetEverything(function () {
-        // Since this is not a typical seek, we avoid the seekTo method which can cause segments
-        // from the previously enabled rendition to load before the new playlist has finished loading
-        if (videojs$1.browser.IE_VERSION || videojs$1.browser.IS_EDGE) {
-          _this4.tech_.setCurrentTime(_this4.tech_.currentTime() + 0.04);
-        } else {
-          _this4.tech_.setCurrentTime(_this4.tech_.currentTime());
-        }
-      }); // don't need to reset audio as it is reset when media changes
-    }
-    /**
-     * Begin playback.
-     */
-
-  }, {
-    key: 'play',
-    value: function play() {
-      if (this.setupFirstPlay()) {
-        return;
-      }
-
-      if (this.tech_.ended()) {
-        this.seekTo_(0);
-      }
-
-      if (this.hasPlayed_()) {
-        this.load();
-      }
-
-      var seekable$$1 = this.tech_.seekable(); // if the viewer has paused and we fell out of the live window,
-      // seek forward to the live point
-
-      if (this.tech_.duration() === Infinity) {
-        if (this.tech_.currentTime() < seekable$$1.start(0)) {
-          return this.seekTo_(seekable$$1.end(seekable$$1.length - 1));
-        }
-      }
-    }
-    /**
-     * Seek to the latest media position if this is a live video and the
-     * player and video are loaded and initialized.
-     */
-
-  }, {
-    key: 'setupFirstPlay',
-    value: function setupFirstPlay() {
-      var _this5 = this;
-
-      var media = this.masterPlaylistLoader_.media(); // Check that everything is ready to begin buffering for the first call to play
-      //  If 1) there is no active media
-      //     2) the player is paused
-      //     3) the first play has already been setup
-      // then exit early
-
-      if (!media || this.tech_.paused() || this.hasPlayed_()) {
-        return false;
-      } // when the video is a live stream
-
-
-      if (!media.endList) {
-        var seekable$$1 = this.seekable();
-
-        if (!seekable$$1.length) {
-          // without a seekable range, the player cannot seek to begin buffering at the live
-          // point
-          return false;
-        }
-
-        if (videojs$1.browser.IE_VERSION && this.tech_.readyState() === 0) {
-          // IE11 throws an InvalidStateError if you try to set currentTime while the
-          // readyState is 0, so it must be delayed until the tech fires loadedmetadata.
-          this.tech_.one('loadedmetadata', function () {
-            _this5.trigger('firstplay');
-
-            _this5.seekTo_(seekable$$1.end(0));
-
-            _this5.hasPlayed_ = function () {
-              return true;
-            };
-          });
-          return false;
-        } // trigger firstplay to inform the source handler to ignore the next seek event
-
-
-        this.trigger('firstplay'); // seek to the live point
-
-        this.seekTo_(seekable$$1.end(0));
-      }
-
-      this.hasPlayed_ = function () {
-        return true;
-      }; // we can begin loading now that everything is ready
-
-
-      this.load();
-      return true;
-    }
-    /**
-     * handle the sourceopen event on the MediaSource
-     *
-     * @private
-     */
-
-  }, {
-    key: 'handleSourceOpen_',
-    value: function handleSourceOpen_() {
-      // Only attempt to create the source buffer if none already exist.
-      // handleSourceOpen is also called when we are "re-opening" a source buffer
-      // after `endOfStream` has been called (in response to a seek for instance)
-      try {
-        this.setupSourceBuffers_();
-      } catch (e) {
-        videojs$1.log.warn('Failed to create Source Buffers', e);
-        return this.mediaSource.endOfStream('decode');
-      } // if autoplay is enabled, begin playback. This is duplicative of
-      // code in video.js but is required because play() must be invoked
-      // *after* the media source has opened.
-
-
-      if (this.tech_.autoplay()) {
-        var playPromise = this.tech_.play(); // Catch/silence error when a pause interrupts a play request
-        // on browsers which return a promise
-
-        if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-          playPromise.then(null, function (e) {});
-        }
-      }
-
-      this.trigger('sourceopen');
-    }
-    /**
-     * Calls endOfStream on the media source when all active stream types have called
-     * endOfStream
-     *
-     * @param {string} streamType
-     *        Stream type of the segment loader that called endOfStream
-     * @private
-     */
-
-  }, {
-    key: 'onEndOfStream',
-    value: function onEndOfStream() {
-      var isEndOfStream = this.mainSegmentLoader_.ended_;
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        // if the audio playlist loader exists, then alternate audio is active
-        if (!this.mainSegmentLoader_.startingMedia_ || this.mainSegmentLoader_.startingMedia_.containsVideo) {
-          // if we do not know if the main segment loader contains video yet or if we
-          // definitively know the main segment loader contains video, then we need to wait
-          // for both main and audio segment loaders to call endOfStream
-          isEndOfStream = isEndOfStream && this.audioSegmentLoader_.ended_;
-        } else {
-          // otherwise just rely on the audio loader
-          isEndOfStream = this.audioSegmentLoader_.ended_;
-        }
-      }
-
-      if (!isEndOfStream) {
-        return;
-      }
-
-      this.logger_('calling mediaSource.endOfStream()'); // on chrome calling endOfStream can sometimes cause an exception,
-      // even when the media source is in a valid state.
-
-      try {
-        this.mediaSource.endOfStream();
-      } catch (e) {
-        videojs$1.log.warn('Failed to call media source endOfStream', e);
-      }
-    }
-    /**
-     * Check if a playlist has stopped being updated
-     * @param {Object} playlist the media playlist object
-     * @return {boolean} whether the playlist has stopped being updated or not
-     */
-
-  }, {
-    key: 'stuckAtPlaylistEnd_',
-    value: function stuckAtPlaylistEnd_(playlist) {
-      var seekable$$1 = this.seekable();
-
-      if (!seekable$$1.length) {
-        // playlist doesn't have enough information to determine whether we are stuck
-        return false;
-      }
-
-      var expired = this.syncController_.getExpiredTime(playlist, this.mediaSource.duration);
-
-      if (expired === null) {
-        return false;
-      } // does not use the safe live end to calculate playlist end, since we
-      // don't want to say we are stuck while there is still content
-
-
-      var absolutePlaylistEnd = Hls.Playlist.playlistEnd(playlist, expired);
-      var currentTime = this.tech_.currentTime();
-      var buffered = this.tech_.buffered();
-
-      if (!buffered.length) {
-        // return true if the playhead reached the absolute end of the playlist
-        return absolutePlaylistEnd - currentTime <= SAFE_TIME_DELTA;
-      }
-
-      var bufferedEnd = buffered.end(buffered.length - 1); // return true if there is too little buffer left and buffer has reached absolute
-      // end of playlist
-
-      return bufferedEnd - currentTime <= SAFE_TIME_DELTA && absolutePlaylistEnd - bufferedEnd <= SAFE_TIME_DELTA;
-    }
-    /**
-     * Blacklists a playlist when an error occurs for a set amount of time
-     * making it unavailable for selection by the rendition selection algorithm
-     * and then forces a new playlist (rendition) selection.
-     *
-     * @param {Object=} error an optional error that may include the playlist
-     * to blacklist
-     * @param {Number=} blacklistDuration an optional number of seconds to blacklist the
-     * playlist
-     */
-
-  }, {
-    key: 'blacklistCurrentPlaylist',
-    value: function blacklistCurrentPlaylist() {
-      var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var blacklistDuration = arguments[1];
-      var currentPlaylist = void 0;
-      var nextPlaylist = void 0; // If the `error` was generated by the playlist loader, it will contain
-      // the playlist we were trying to load (but failed) and that should be
-      // blacklisted instead of the currently selected playlist which is likely
-      // out-of-date in this scenario
-
-      currentPlaylist = error.playlist || this.masterPlaylistLoader_.media();
-      blacklistDuration = blacklistDuration || error.blacklistDuration || this.blacklistDuration; // If there is no current playlist, then an error occurred while we were
-      // trying to load the master OR while we were disposing of the tech
-
-      if (!currentPlaylist) {
-        this.error = error;
-
-        try {
-          return this.mediaSource.endOfStream('network');
-        } catch (e) {
-          return this.trigger('error');
-        }
-      }
-
-      var isFinalRendition = this.masterPlaylistLoader_.master.playlists.filter(isEnabled).length === 1;
-      var playlists = this.masterPlaylistLoader_.master.playlists;
-
-      if (playlists.length === 1) {
-        // Never blacklisting this playlist because it's the only playlist
-        videojs$1.log.warn('Problem encountered with the current ' + 'HLS playlist. Trying again since it is the only playlist.');
-        this.tech_.trigger('retryplaylist');
-        return this.masterPlaylistLoader_.load(isFinalRendition);
-      }
-
-      if (isFinalRendition) {
-        // Since we're on the final non-blacklisted playlist, and we're about to blacklist
-        // it, instead of erring the player or retrying this playlist, clear out the current
-        // blacklist. This allows other playlists to be attempted in case any have been
-        // fixed.
-        videojs$1.log.warn('Removing all playlists from the blacklist because the last ' + 'rendition is about to be blacklisted.');
-        playlists.forEach(function (playlist) {
-          if (playlist.excludeUntil !== Infinity) {
-            delete playlist.excludeUntil;
-          }
-        }); // Technically we are retrying a playlist, in that we are simply retrying a previous
-        // playlist. This is needed for users relying on the retryplaylist event to catch a
-        // case where the player might be stuck and looping through "dead" playlists.
-
-        this.tech_.trigger('retryplaylist');
-      } // Blacklist this playlist
-
-
-      currentPlaylist.excludeUntil = Date.now() + blacklistDuration * 1000;
-      this.tech_.trigger('blacklistplaylist');
-      this.tech_.trigger({
-        type: 'usage',
-        name: 'hls-rendition-blacklisted'
-      }); // Select a new playlist
-
-      nextPlaylist = this.selectPlaylist();
-      videojs$1.log.warn('Problem encountered with the current HLS playlist.' + (error.message ? ' ' + error.message : '') + ' Switching to another playlist.');
-      return this.masterPlaylistLoader_.media(nextPlaylist, isFinalRendition);
-    }
-    /**
-     * Pause all segment loaders
-     */
-
-  }, {
-    key: 'pauseLoading',
-    value: function pauseLoading() {
-      this.mainSegmentLoader_.pause();
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        this.audioSegmentLoader_.pause();
-      }
-
-      if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-        this.subtitleSegmentLoader_.pause();
-      }
-    }
-    /**
-     * set the current time on all segment loaders
-     *
-     * @param {TimeRange} currentTime the current time to set
-     * @return {TimeRange} the current time
-     */
-
-  }, {
-    key: 'setCurrentTime',
-    value: function setCurrentTime(currentTime) {
-      var buffered = findRange(this.tech_.buffered(), currentTime);
-
-      if (!(this.masterPlaylistLoader_ && this.masterPlaylistLoader_.media())) {
-        // return immediately if the metadata is not ready yet
-        return 0;
-      } // it's clearly an edge-case but don't thrown an error if asked to
-      // seek within an empty playlist
-
-
-      if (!this.masterPlaylistLoader_.media().segments) {
-        return 0;
-      } // In flash playback, the segment loaders should be reset on every seek, even
-      // in buffer seeks. If the seek location is already buffered, continue buffering as
-      // usual
-      // TODO: redo this comment
-
-
-      if (buffered && buffered.length) {
-        return currentTime;
-      } // cancel outstanding requests so we begin buffering at the new
-      // location
-
-
-      this.mainSegmentLoader_.resetEverything();
-      this.mainSegmentLoader_.abort();
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        this.audioSegmentLoader_.resetEverything();
-        this.audioSegmentLoader_.abort();
-      }
-
-      if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-        this.subtitleSegmentLoader_.resetEverything();
-        this.subtitleSegmentLoader_.abort();
-      } // start segment loader loading in case they are paused
-
-
-      this.load();
-    }
-    /**
-     * get the current duration
-     *
-     * @return {TimeRange} the duration
-     */
-
-  }, {
-    key: 'duration',
-    value: function duration$$1() {
-      if (!this.masterPlaylistLoader_) {
-        return 0;
-      }
-
-      if (this.mediaSource) {
-        return this.mediaSource.duration;
-      }
-
-      return Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-    }
-    /**
-     * check the seekable range
-     *
-     * @return {TimeRange} the seekable range
-     */
-
-  }, {
-    key: 'seekable',
-    value: function seekable$$1() {
-      return this.seekable_;
-    }
-  }, {
-    key: 'onSyncInfoUpdate_',
-    value: function onSyncInfoUpdate_() {
-      var mainSeekable = void 0;
-      var audioSeekable = void 0;
-
-      if (!this.masterPlaylistLoader_) {
-        return;
-      }
-
-      var media = this.masterPlaylistLoader_.media();
-
-      if (!media) {
-        return;
-      }
-
-      var expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
-
-      if (expired === null) {
-        // not enough information to update seekable
-        return;
-      }
-
-      mainSeekable = Hls.Playlist.seekable(media, expired);
-
-      if (mainSeekable.length === 0) {
-        return;
-      }
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        media = this.mediaTypes_.AUDIO.activePlaylistLoader.media();
-        expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
-
-        if (expired === null) {
-          return;
-        }
-
-        audioSeekable = Hls.Playlist.seekable(media, expired);
-
-        if (audioSeekable.length === 0) {
-          return;
-        }
-      }
-
-      var oldEnd = void 0;
-      var oldStart = void 0;
-
-      if (this.seekable_ && this.seekable_.length) {
-        oldEnd = this.seekable_.end(0);
-        oldStart = this.seekable_.start(0);
-      }
-
-      if (!audioSeekable) {
-        // seekable has been calculated based on buffering video data so it
-        // can be returned directly
-        this.seekable_ = mainSeekable;
-      } else if (audioSeekable.start(0) > mainSeekable.end(0) || mainSeekable.start(0) > audioSeekable.end(0)) {
-        // seekables are pretty far off, rely on main
-        this.seekable_ = mainSeekable;
-      } else {
-        this.seekable_ = videojs$1.createTimeRanges([[audioSeekable.start(0) > mainSeekable.start(0) ? audioSeekable.start(0) : mainSeekable.start(0), audioSeekable.end(0) < mainSeekable.end(0) ? audioSeekable.end(0) : mainSeekable.end(0)]]);
-      } // seekable is the same as last time
-
-
-      if (this.seekable_ && this.seekable_.length) {
-        if (this.seekable_.end(0) === oldEnd && this.seekable_.start(0) === oldStart) {
-          return;
-        }
-      }
-
-      this.logger_('seekable updated [' + printableRange(this.seekable_) + ']');
-      this.tech_.trigger('seekablechanged');
-    }
-    /**
-     * Update the player duration
-     */
-
-  }, {
-    key: 'updateDuration',
-    value: function updateDuration() {
-      var _this6 = this;
-
-      var oldDuration = this.mediaSource.duration;
-      var newDuration = Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-      var buffered = this.tech_.buffered();
-
-      var setDuration = function setDuration() {
-        // on firefox setting the duration may sometimes cause an exception
-        // even if the media source is open and source buffers are not
-        // updating, something about the media source being in an invalid state.
-        _this6.logger_('Setting duration from ' + _this6.mediaSource.duration + ' => ' + newDuration);
-
-        try {
-          _this6.mediaSource.duration = newDuration;
-        } catch (e) {
-          videojs$1.log.warn('Failed to set media source duration', e);
-        }
-
-        _this6.tech_.trigger('durationchange');
-
-        _this6.mediaSource.removeEventListener('sourceopen', setDuration);
-      };
-
-      if (buffered.length > 0) {
-        newDuration = Math.max(newDuration, buffered.end(buffered.length - 1));
-      } // if the duration has changed, invalidate the cached value
-
-
-      if (oldDuration !== newDuration) {
-        // update the duration
-        if (this.mediaSource.readyState !== 'open') {
-          this.mediaSource.addEventListener('sourceopen', setDuration);
-        } else {
-          setDuration();
-        }
-      }
-    }
-    /**
-     * dispose of the MasterPlaylistController and everything
-     * that it controls
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      var _this7 = this;
-
-      this.decrypter_.terminate();
-      this.masterPlaylistLoader_.dispose();
-      this.mainSegmentLoader_.dispose();
-      ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-        var groups = _this7.mediaTypes_[type].groups;
-
-        for (var id in groups) {
-          groups[id].forEach(function (group) {
-            if (group.playlistLoader) {
-              group.playlistLoader.dispose();
-            }
-          });
-        }
-      });
-      this.audioSegmentLoader_.dispose();
-      this.subtitleSegmentLoader_.dispose();
-    }
-    /**
-     * return the master playlist object if we have one
-     *
-     * @return {Object} the master playlist object that we parsed
-     */
-
-  }, {
-    key: 'master',
-    value: function master() {
-      return this.masterPlaylistLoader_.master;
-    }
-    /**
-     * return the currently selected playlist
-     *
-     * @return {Object} the currently selected playlist object that we parsed
-     */
-
-  }, {
-    key: 'media',
-    value: function media() {
-      // playlist loader will not return media if it has not been fully loaded
-      return this.masterPlaylistLoader_.media() || this.initialMedia_;
-    }
-    /**
-     * setup our internal source buffers on our segment Loaders
-     *
-     * @private
-     */
-
-  }, {
-    key: 'setupSourceBuffers_',
-    value: function setupSourceBuffers_() {
-      var media = this.masterPlaylistLoader_.media();
-      var mimeTypes = void 0; // wait until a media playlist is available and the Media Source is
-      // attached
-
-      if (!media || this.mediaSource.readyState !== 'open') {
-        return;
-      }
-
-      mimeTypes = mimeTypesForPlaylist(this.masterPlaylistLoader_.master, media);
-
-      if (mimeTypes.length < 1) {
-        this.error = 'No compatible SourceBuffer configuration for the variant stream:' + media.resolvedUri;
-        return this.mediaSource.endOfStream('decode');
-      }
-
-      this.configureLoaderMimeTypes_(mimeTypes); // exclude any incompatible variant streams from future playlist
-      // selection
-
-      this.excludeIncompatibleVariants_(media);
-    }
-  }, {
-    key: 'configureLoaderMimeTypes_',
-    value: function configureLoaderMimeTypes_(mimeTypes) {
-      // If the content is demuxed, we can't start appending segments to a source buffer
-      // until both source buffers are set up, or else the browser may not let us add the
-      // second source buffer (it will assume we are playing either audio only or video
-      // only).
-      var sourceBufferEmitter = // If there is more than one mime type
-      mimeTypes.length > 1 && // and the first mime type does not have muxed video and audio
-      mimeTypes[0].indexOf(',') === -1 && // and the two mime types are different (they can be the same in the case of audio
-      // only with alternate audio)
-      mimeTypes[0] !== mimeTypes[1] ? // then we want to wait on the second source buffer
-      new videojs$1.EventTarget() : // otherwise there is no need to wait as the content is either audio only,
-      // video only, or muxed content.
-      null;
-      this.mainSegmentLoader_.mimeType(mimeTypes[0], sourceBufferEmitter);
-
-      if (mimeTypes[1]) {
-        this.audioSegmentLoader_.mimeType(mimeTypes[1], sourceBufferEmitter);
-      }
-    }
-    /**
-     * Blacklists playlists with codecs that are unsupported by the browser.
-     */
-
-  }, {
-    key: 'excludeUnsupportedVariants_',
-    value: function excludeUnsupportedVariants_() {
-      this.master().playlists.forEach(function (variant) {
-        if (variant.attributes.CODECS && window$1.MediaSource && window$1.MediaSource.isTypeSupported && !window$1.MediaSource.isTypeSupported('video/mp4; codecs="' + mapLegacyAvcCodecs(variant.attributes.CODECS) + '"')) {
-          variant.excludeUntil = Infinity;
-        }
-      });
-    }
-    /**
-     * Blacklist playlists that are known to be codec or
-     * stream-incompatible with the SourceBuffer configuration. For
-     * instance, Media Source Extensions would cause the video element to
-     * stall waiting for video data if you switched from a variant with
-     * video and audio to an audio-only one.
-     *
-     * @param {Object} media a media playlist compatible with the current
-     * set of SourceBuffers. Variants in the current master playlist that
-     * do not appear to have compatible codec or stream configurations
-     * will be excluded from the default playlist selection algorithm
-     * indefinitely.
-     * @private
-     */
-
-  }, {
-    key: 'excludeIncompatibleVariants_',
-    value: function excludeIncompatibleVariants_(media) {
-      var codecCount = 2;
-      var videoCodec = null;
-      var codecs = void 0;
-
-      if (media.attributes.CODECS) {
-        codecs = parseCodecs(media.attributes.CODECS);
-        videoCodec = codecs.videoCodec;
-        codecCount = codecs.codecCount;
-      }
-
-      this.master().playlists.forEach(function (variant) {
-        var variantCodecs = {
-          codecCount: 2,
-          videoCodec: null
-        };
-
-        if (variant.attributes.CODECS) {
-          variantCodecs = parseCodecs(variant.attributes.CODECS);
-        } // if the streams differ in the presence or absence of audio or
-        // video, they are incompatible
-
-
-        if (variantCodecs.codecCount !== codecCount) {
-          variant.excludeUntil = Infinity;
-        } // if h.264 is specified on the current playlist, some flavor of
-        // it must be specified on all compatible variants
-
-
-        if (variantCodecs.videoCodec !== videoCodec) {
-          variant.excludeUntil = Infinity;
-        }
-      });
-    }
-  }, {
-    key: 'updateAdCues_',
-    value: function updateAdCues_(media) {
-      var offset = 0;
-      var seekable$$1 = this.seekable();
-
-      if (seekable$$1.length) {
-        offset = seekable$$1.start(0);
-      }
-
-      updateAdCues(media, this.cueTagsTrack_, offset);
-    }
-    /**
-     * Calculates the desired forward buffer length based on current time
-     *
-     * @return {Number} Desired forward buffer length in seconds
-     */
-
-  }, {
-    key: 'goalBufferLength',
-    value: function goalBufferLength() {
-      var currentTime = this.tech_.currentTime();
-      var initial = Config.GOAL_BUFFER_LENGTH;
-      var rate = Config.GOAL_BUFFER_LENGTH_RATE;
-      var max = Math.max(initial, Config.MAX_GOAL_BUFFER_LENGTH);
-      return Math.min(initial + currentTime * rate, max);
-    }
-    /**
-     * Calculates the desired buffer low water line based on current time
-     *
-     * @return {Number} Desired buffer low water line in seconds
-     */
-
-  }, {
-    key: 'bufferLowWaterLine',
-    value: function bufferLowWaterLine() {
-      var currentTime = this.tech_.currentTime();
-      var initial = Config.BUFFER_LOW_WATER_LINE;
-      var rate = Config.BUFFER_LOW_WATER_LINE_RATE;
-      var max = Math.max(initial, Config.MAX_BUFFER_LOW_WATER_LINE);
-      return Math.min(initial + currentTime * rate, max);
-    }
-  }]);
-  return MasterPlaylistController;
-}(videojs$1.EventTarget);
-/**
- * Returns a function that acts as the Enable/disable playlist function.
- *
- * @param {PlaylistLoader} loader - The master playlist loader
- * @param {String} playlistUri - uri of the playlist
- * @param {Function} changePlaylistFn - A function to be called after a
- * playlist's enabled-state has been changed. Will NOT be called if a
- * playlist's enabled-state is unchanged
- * @param {Boolean=} enable - Value to set the playlist enabled-state to
- * or if undefined returns the current enabled-state for the playlist
- * @return {Function} Function for setting/getting enabled
- */
-
-
-var enableFunction = function enableFunction(loader, playlistUri, changePlaylistFn) {
-  return function (enable) {
-    var playlist = loader.master.playlists[playlistUri];
-    var incompatible = isIncompatible(playlist);
-    var currentlyEnabled = isEnabled(playlist);
-
-    if (typeof enable === 'undefined') {
-      return currentlyEnabled;
-    }
-
-    if (enable) {
-      delete playlist.disabled;
-    } else {
-      playlist.disabled = true;
-    }
-
-    if (enable !== currentlyEnabled && !incompatible) {
-      // Ensure the outside world knows about our changes
-      changePlaylistFn();
-
-      if (enable) {
-        loader.trigger('renditionenabled');
-      } else {
-        loader.trigger('renditiondisabled');
-      }
-    }
-
-    return enable;
-  };
-};
-/**
- * The representation object encapsulates the publicly visible information
- * in a media playlist along with a setter/getter-type function (enabled)
- * for changing the enabled-state of a particular playlist entry
- *
- * @class Representation
- */
-
-
-var Representation = function Representation(hlsHandler, playlist, id) {
-  classCallCheck(this, Representation);
-  var mpc = hlsHandler.masterPlaylistController_,
-      smoothQualityChange = hlsHandler.options_.smoothQualityChange; // Get a reference to a bound version of the quality change function
-
-  var changeType = smoothQualityChange ? 'smooth' : 'fast';
-  var qualityChangeFunction = mpc[changeType + 'QualityChange_'].bind(mpc); // some playlist attributes are optional
-
-  if (playlist.attributes.RESOLUTION) {
-    var resolution = playlist.attributes.RESOLUTION;
-    this.width = resolution.width;
-    this.height = resolution.height;
-  }
-
-  this.bandwidth = playlist.attributes.BANDWIDTH; // The id is simply the ordinality of the media playlist
-  // within the master playlist
-
-  this.id = id; // Partially-apply the enableFunction to create a playlist-
-  // specific variant
-
-  this.enabled = enableFunction(hlsHandler.playlists, playlist.uri, qualityChangeFunction);
-};
-/**
- * A mixin function that adds the `representations` api to an instance
- * of the HlsHandler class
- * @param {HlsHandler} hlsHandler - An instance of HlsHandler to add the
- * representation API into
- */
-
-
-var renditionSelectionMixin = function renditionSelectionMixin(hlsHandler) {
-  var playlists = hlsHandler.playlists; // Add a single API-specific function to the HlsHandler instance
-
-  hlsHandler.representations = function () {
-    return playlists.master.playlists.filter(function (media) {
-      return !isIncompatible(media);
-    }).map(function (e, i) {
-      return new Representation(hlsHandler, e, e.uri);
-    });
-  };
-};
-/**
- * @file playback-watcher.js
- *
- * Playback starts, and now my watch begins. It shall not end until my death. I shall
- * take no wait, hold no uncleared timeouts, father no bad seeks. I shall wear no crowns
- * and win no glory. I shall live and die at my post. I am the corrector of the underflow.
- * I am the watcher of gaps. I am the shield that guards the realms of seekable. I pledge
- * my life and honor to the Playback Watch, for this Player and all the Players to come.
- */
-// Set of events that reset the playback-watcher time check logic and clear the timeout
-
-
-var timerCancelEvents = ['seeking', 'seeked', 'pause', 'playing', 'error'];
-/**
- * @class PlaybackWatcher
- */
-
-var PlaybackWatcher = function () {
-  /**
-   * Represents an PlaybackWatcher object.
-   * @constructor
-   * @param {object} options an object that includes the tech and settings
-   */
-  function PlaybackWatcher(options) {
-    var _this = this;
-
-    classCallCheck(this, PlaybackWatcher);
-    this.tech_ = options.tech;
-    this.seekable = options.seekable;
-    this.seekTo = options.seekTo;
-    this.allowSeeksWithinUnsafeLiveWindow = options.allowSeeksWithinUnsafeLiveWindow;
-    this.media = options.media;
-    this.consecutiveUpdates = 0;
-    this.lastRecordedTime = null;
-    this.timer_ = null;
-    this.checkCurrentTimeTimeout_ = null;
-    this.logger_ = logger('PlaybackWatcher');
-    this.logger_('initialize');
-
-    var canPlayHandler = function canPlayHandler() {
-      return _this.monitorCurrentTime_();
-    };
-
-    var waitingHandler = function waitingHandler() {
-      return _this.techWaiting_();
-    };
-
-    var cancelTimerHandler = function cancelTimerHandler() {
-      return _this.cancelTimer_();
-    };
-
-    var fixesBadSeeksHandler = function fixesBadSeeksHandler() {
-      return _this.fixesBadSeeks_();
-    };
-
-    this.tech_.on('seekablechanged', fixesBadSeeksHandler);
-    this.tech_.on('waiting', waitingHandler);
-    this.tech_.on(timerCancelEvents, cancelTimerHandler);
-    this.tech_.on('canplay', canPlayHandler); // Define the dispose function to clean up our events
-
-    this.dispose = function () {
-      _this.logger_('dispose');
-
-      _this.tech_.off('seekablechanged', fixesBadSeeksHandler);
-
-      _this.tech_.off('waiting', waitingHandler);
-
-      _this.tech_.off(timerCancelEvents, cancelTimerHandler);
-
-      _this.tech_.off('canplay', canPlayHandler);
-
-      if (_this.checkCurrentTimeTimeout_) {
-        window$1.clearTimeout(_this.checkCurrentTimeTimeout_);
-      }
-
-      _this.cancelTimer_();
-    };
-  }
-  /**
-   * Periodically check current time to see if playback stopped
-   *
-   * @private
-   */
-
-
-  createClass(PlaybackWatcher, [{
-    key: 'monitorCurrentTime_',
-    value: function monitorCurrentTime_() {
-      this.checkCurrentTime_();
-
-      if (this.checkCurrentTimeTimeout_) {
-        window$1.clearTimeout(this.checkCurrentTimeTimeout_);
-      } // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-
-
-      this.checkCurrentTimeTimeout_ = window$1.setTimeout(this.monitorCurrentTime_.bind(this), 250);
-    }
-    /**
-     * The purpose of this function is to emulate the "waiting" event on
-     * browsers that do not emit it when they are waiting for more
-     * data to continue playback
-     *
-     * @private
-     */
-
-  }, {
-    key: 'checkCurrentTime_',
-    value: function checkCurrentTime_() {
-      if (this.tech_.seeking() && this.fixesBadSeeks_()) {
-        this.consecutiveUpdates = 0;
-        this.lastRecordedTime = this.tech_.currentTime();
-        return;
-      }
-
-      if (this.tech_.paused() || this.tech_.seeking()) {
-        return;
-      }
-
-      var currentTime = this.tech_.currentTime();
-      var buffered = this.tech_.buffered();
-
-      if (this.lastRecordedTime === currentTime && (!buffered.length || currentTime + SAFE_TIME_DELTA >= buffered.end(buffered.length - 1))) {
-        // If current time is at the end of the final buffered region, then any playback
-        // stall is most likely caused by buffering in a low bandwidth environment. The tech
-        // should fire a `waiting` event in this scenario, but due to browser and tech
-        // inconsistencies. Calling `techWaiting_` here allows us to simulate
-        // responding to a native `waiting` event when the tech fails to emit one.
-        return this.techWaiting_();
-      }
-
-      if (this.consecutiveUpdates >= 5 && currentTime === this.lastRecordedTime) {
-        this.consecutiveUpdates++;
-        this.waiting_();
-      } else if (currentTime === this.lastRecordedTime) {
-        this.consecutiveUpdates++;
-      } else {
-        this.consecutiveUpdates = 0;
-        this.lastRecordedTime = currentTime;
-      }
-    }
-    /**
-     * Cancels any pending timers and resets the 'timeupdate' mechanism
-     * designed to detect that we are stalled
-     *
-     * @private
-     */
-
-  }, {
-    key: 'cancelTimer_',
-    value: function cancelTimer_() {
-      this.consecutiveUpdates = 0;
-
-      if (this.timer_) {
-        this.logger_('cancelTimer_');
-        clearTimeout(this.timer_);
-      }
-
-      this.timer_ = null;
-    }
-    /**
-     * Fixes situations where there's a bad seek
-     *
-     * @return {Boolean} whether an action was taken to fix the seek
-     * @private
-     */
-
-  }, {
-    key: 'fixesBadSeeks_',
-    value: function fixesBadSeeks_() {
-      var seeking = this.tech_.seeking();
-
-      if (!seeking) {
-        return false;
-      }
-
-      var seekable = this.seekable();
-      var currentTime = this.tech_.currentTime();
-      var isAfterSeekableRange = this.afterSeekableWindow_(seekable, currentTime, this.media(), this.allowSeeksWithinUnsafeLiveWindow);
-      var seekTo = void 0;
-
-      if (isAfterSeekableRange) {
-        var seekableEnd = seekable.end(seekable.length - 1); // sync to live point (if VOD, our seekable was updated and we're simply adjusting)
-
-        seekTo = seekableEnd;
-      }
-
-      if (this.beforeSeekableWindow_(seekable, currentTime)) {
-        var seekableStart = seekable.start(0); // sync to the beginning of the live window
-        // provide a buffer of .1 seconds to handle rounding/imprecise numbers
-
-        seekTo = seekableStart + SAFE_TIME_DELTA;
-      }
-
-      if (typeof seekTo !== 'undefined') {
-        this.logger_('Trying to seek outside of seekable at time ' + currentTime + ' with ' + ('seekable range ' + printableRange(seekable) + '. Seeking to ') + (seekTo + '.'));
-        this.seekTo(seekTo);
-        return true;
-      }
-
-      return false;
-    }
-    /**
-     * Handler for situations when we determine the player is waiting.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'waiting_',
-    value: function waiting_() {
-      if (this.techWaiting_()) {
-        return;
-      } // All tech waiting checks failed. Use last resort correction
-
-
-      var currentTime = this.tech_.currentTime();
-      var buffered = this.tech_.buffered();
-      var currentRange = findRange(buffered, currentTime); // Sometimes the player can stall for unknown reasons within a contiguous buffered
-      // region with no indication that anything is amiss (seen in Firefox). Seeking to
-      // currentTime is usually enough to kickstart the player. This checks that the player
-      // is currently within a buffered region before attempting a corrective seek.
-      // Chrome does not appear to continue `timeupdate` events after a `waiting` event
-      // until there is ~ 3 seconds of forward buffer available. PlaybackWatcher should also
-      // make sure there is ~3 seconds of forward buffer before taking any corrective action
-      // to avoid triggering an `unknownwaiting` event when the network is slow.
-
-      if (currentRange.length && currentTime + 3 <= currentRange.end(0)) {
-        this.cancelTimer_();
-        this.seekTo(currentTime);
-        this.logger_('Stopped at ' + currentTime + ' while inside a buffered region ' + ('[' + currentRange.start(0) + ' -> ' + currentRange.end(0) + ']. Attempting to resume ') + 'playback by seeking to the current time.'); // unknown waiting corrections may be useful for monitoring QoS
-
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-unknown-waiting'
-        });
-        return;
-      }
-    }
-    /**
-     * Handler for situations when the tech fires a `waiting` event
-     *
-     * @return {Boolean}
-     *         True if an action (or none) was needed to correct the waiting. False if no
-     *         checks passed
-     * @private
-     */
-
-  }, {
-    key: 'techWaiting_',
-    value: function techWaiting_() {
-      var seekable = this.seekable();
-      var currentTime = this.tech_.currentTime();
-
-      if (this.tech_.seeking() && this.fixesBadSeeks_()) {
-        // Tech is seeking or bad seek fixed, no action needed
-        return true;
-      }
-
-      if (this.tech_.seeking() || this.timer_ !== null) {
-        // Tech is seeking or already waiting on another action, no action needed
-        return true;
-      }
-
-      if (this.beforeSeekableWindow_(seekable, currentTime)) {
-        var livePoint = seekable.end(seekable.length - 1);
-        this.logger_('Fell out of live window at time ' + currentTime + '. Seeking to ' + ('live point (seekable end) ' + livePoint));
-        this.cancelTimer_();
-        this.seekTo(livePoint); // live window resyncs may be useful for monitoring QoS
-
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-live-resync'
-        });
-        return true;
-      }
-
-      var buffered = this.tech_.buffered();
-      var nextRange = findNextRange(buffered, currentTime);
-
-      if (this.videoUnderflow_(nextRange, buffered, currentTime)) {
-        // Even though the video underflowed and was stuck in a gap, the audio overplayed
-        // the gap, leading currentTime into a buffered range. Seeking to currentTime
-        // allows the video to catch up to the audio position without losing any audio
-        // (only suffering ~3 seconds of frozen video and a pause in audio playback).
-        this.cancelTimer_();
-        this.seekTo(currentTime); // video underflow may be useful for monitoring QoS
-
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-video-underflow'
-        });
-        return true;
-      } // check for gap
-
-
-      if (nextRange.length > 0) {
-        var difference = nextRange.start(0) - currentTime;
-        this.logger_('Stopped at ' + currentTime + ', setting timer for ' + difference + ', seeking ' + ('to ' + nextRange.start(0)));
-        this.timer_ = setTimeout(this.skipTheGap_.bind(this), difference * 1000, currentTime);
-        return true;
-      } // All checks failed. Returning false to indicate failure to correct waiting
-
-
-      return false;
-    }
-  }, {
-    key: 'afterSeekableWindow_',
-    value: function afterSeekableWindow_(seekable, currentTime, playlist) {
-      var allowSeeksWithinUnsafeLiveWindow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
-      if (!seekable.length) {
-        // we can't make a solid case if there's no seekable, default to false
-        return false;
-      }
-
-      var allowedEnd = seekable.end(seekable.length - 1) + SAFE_TIME_DELTA;
-      var isLive = !playlist.endList;
-
-      if (isLive && allowSeeksWithinUnsafeLiveWindow) {
-        allowedEnd = seekable.end(seekable.length - 1) + playlist.targetDuration * 3;
-      }
-
-      if (currentTime > allowedEnd) {
-        return true;
-      }
-
-      return false;
-    }
-  }, {
-    key: 'beforeSeekableWindow_',
-    value: function beforeSeekableWindow_(seekable, currentTime) {
-      if (seekable.length && // can't fall before 0 and 0 seekable start identifies VOD stream
-      seekable.start(0) > 0 && currentTime < seekable.start(0) - SAFE_TIME_DELTA) {
-        return true;
-      }
-
-      return false;
-    }
-  }, {
-    key: 'videoUnderflow_',
-    value: function videoUnderflow_(nextRange, buffered, currentTime) {
-      if (nextRange.length === 0) {
-        // Even if there is no available next range, there is still a possibility we are
-        // stuck in a gap due to video underflow.
-        var gap = this.gapFromVideoUnderflow_(buffered, currentTime);
-
-        if (gap) {
-          this.logger_('Encountered a gap in video from ' + gap.start + ' to ' + gap.end + '. ' + ('Seeking to current time ' + currentTime));
-          return true;
-        }
-      }
-
-      return false;
-    }
-    /**
-     * Timer callback. If playback still has not proceeded, then we seek
-     * to the start of the next buffered region.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'skipTheGap_',
-    value: function skipTheGap_(scheduledCurrentTime) {
-      var buffered = this.tech_.buffered();
-      var currentTime = this.tech_.currentTime();
-      var nextRange = findNextRange(buffered, currentTime);
-      this.cancelTimer_();
-
-      if (nextRange.length === 0 || currentTime !== scheduledCurrentTime) {
-        return;
-      }
-
-      this.logger_('skipTheGap_:', 'currentTime:', currentTime, 'scheduled currentTime:', scheduledCurrentTime, 'nextRange start:', nextRange.start(0)); // only seek if we still have not played
-
-      this.seekTo(nextRange.start(0) + TIME_FUDGE_FACTOR);
-      this.tech_.trigger({
-        type: 'usage',
-        name: 'hls-gap-skip'
-      });
-    }
-  }, {
-    key: 'gapFromVideoUnderflow_',
-    value: function gapFromVideoUnderflow_(buffered, currentTime) {
-      // At least in Chrome, if there is a gap in the video buffer, the audio will continue
-      // playing for ~3 seconds after the video gap starts. This is done to account for
-      // video buffer underflow/underrun (note that this is not done when there is audio
-      // buffer underflow/underrun -- in that case the video will stop as soon as it
-      // encounters the gap, as audio stalls are more noticeable/jarring to a user than
-      // video stalls). The player's time will reflect the playthrough of audio, so the
-      // time will appear as if we are in a buffered region, even if we are stuck in a
-      // "gap."
-      //
-      // Example:
-      // video buffer:   0 => 10.1, 10.2 => 20
-      // audio buffer:   0 => 20
-      // overall buffer: 0 => 10.1, 10.2 => 20
-      // current time: 13
-      //
-      // Chrome's video froze at 10 seconds, where the video buffer encountered the gap,
-      // however, the audio continued playing until it reached ~3 seconds past the gap
-      // (13 seconds), at which point it stops as well. Since current time is past the
-      // gap, findNextRange will return no ranges.
-      //
-      // To check for this issue, we see if there is a gap that starts somewhere within
-      // a 3 second range (3 seconds +/- 1 second) back from our current time.
-      var gaps = findGaps(buffered);
-
-      for (var i = 0; i < gaps.length; i++) {
-        var start = gaps.start(i);
-        var end = gaps.end(i); // gap is starts no more than 4 seconds back
-
-        if (currentTime - start < 4 && currentTime - start > 2) {
-          return {
-            start: start,
-            end: end
-          };
-        }
-      }
-
-      return null;
-    }
-  }]);
-  return PlaybackWatcher;
-}();
-
-var defaultOptions = {
-  errorInterval: 30,
-  getSource: function getSource(next) {
-    var tech = this.tech({
-      IWillNotUseThisInPlugins: true
-    });
-    var sourceObj = tech.currentSource_;
-    return next(sourceObj);
-  }
-};
-/**
- * Main entry point for the plugin
- *
- * @param {Player} player a reference to a videojs Player instance
- * @param {Object} [options] an object with plugin options
- * @private
- */
-
-var initPlugin = function initPlugin(player, options) {
-  var lastCalled = 0;
-  var seekTo = 0;
-  var localOptions = videojs$1.mergeOptions(defaultOptions, options);
-  player.ready(function () {
-    player.trigger({
-      type: 'usage',
-      name: 'hls-error-reload-initialized'
-    });
-  });
-  /**
-   * Player modifications to perform that must wait until `loadedmetadata`
-   * has been triggered
-   *
-   * @private
-   */
-
-  var loadedMetadataHandler = function loadedMetadataHandler() {
-    if (seekTo) {
-      player.currentTime(seekTo);
-    }
-  };
-  /**
-   * Set the source on the player element, play, and seek if necessary
-   *
-   * @param {Object} sourceObj An object specifying the source url and mime-type to play
-   * @private
-   */
-
-
-  var setSource = function setSource(sourceObj) {
-    if (sourceObj === null || sourceObj === undefined) {
-      return;
-    }
-
-    seekTo = player.duration() !== Infinity && player.currentTime() || 0;
-    player.one('loadedmetadata', loadedMetadataHandler);
-    player.src(sourceObj);
-    player.trigger({
-      type: 'usage',
-      name: 'hls-error-reload'
-    });
-    player.play();
-  };
-  /**
-   * Attempt to get a source from either the built-in getSource function
-   * or a custom function provided via the options
-   *
-   * @private
-   */
-
-
-  var errorHandler = function errorHandler() {
-    // Do not attempt to reload the source if a source-reload occurred before
-    // 'errorInterval' time has elapsed since the last source-reload
-    if (Date.now() - lastCalled < localOptions.errorInterval * 1000) {
-      player.trigger({
-        type: 'usage',
-        name: 'hls-error-reload-canceled'
-      });
-      return;
-    }
-
-    if (!localOptions.getSource || typeof localOptions.getSource !== 'function') {
-      videojs$1.log.error('ERROR: reloadSourceOnError - The option getSource must be a function!');
-      return;
-    }
-
-    lastCalled = Date.now();
-    return localOptions.getSource.call(player, setSource);
-  };
-  /**
-   * Unbind any event handlers that were bound by the plugin
-   *
-   * @private
-   */
-
-
-  var cleanupEvents = function cleanupEvents() {
-    player.off('loadedmetadata', loadedMetadataHandler);
-    player.off('error', errorHandler);
-    player.off('dispose', cleanupEvents);
-  };
-  /**
-   * Cleanup before re-initializing the plugin
-   *
-   * @param {Object} [newOptions] an object with plugin options
-   * @private
-   */
-
-
-  var reinitPlugin = function reinitPlugin(newOptions) {
-    cleanupEvents();
-    initPlugin(player, newOptions);
-  };
-
-  player.on('error', errorHandler);
-  player.on('dispose', cleanupEvents); // Overwrite the plugin function so that we can correctly cleanup before
-  // initializing the plugin
-
-  player.reloadSourceOnError = reinitPlugin;
-};
-/**
- * Reload the source when an error is detected as long as there
- * wasn't an error previously within the last 30 seconds
- *
- * @param {Object} [options] an object with plugin options
- */
-
-
-var reloadSourceOnError = function reloadSourceOnError(options) {
-  initPlugin(this, options);
-};
-
-var version$1 = "1.11.2"; // since VHS handles HLS and DASH (and in the future, more types), use * to capture all
-
-videojs$1.use('*', function (player) {
-  return {
-    setSource: function setSource(srcObj, next) {
-      // pass null as the first argument to indicate that the source is not rejected
-      next(null, srcObj);
-    },
-    // VHS needs to know when seeks happen. For external seeks (generated at the player
-    // level), this middleware will capture the action. For internal seeks (generated at
-    // the tech level), we use a wrapped function so that we can handle it on our own
-    // (specified elsewhere).
-    setCurrentTime: function setCurrentTime(time) {
-      if (player.vhs && player.currentSource().src === player.vhs.source_.src) {
-        player.vhs.setCurrentTime(time);
-      }
-
-      return time;
-    },
-    // Sync VHS after play requests.
-    // This specifically handles replay where the order of actions is
-    // play, video element will seek to 0 (skipping the setCurrentTime middleware)
-    // then triggers a play event.
-    play: function play() {
-      if (player.vhs && player.currentSource().src === player.vhs.source_.src) {
-        player.vhs.setCurrentTime(player.tech_.currentTime());
-      }
-    }
-  };
-});
-/**
- * @file videojs-http-streaming.js
- *
- * The main file for the HLS project.
- * License: https://github.com/videojs/videojs-http-streaming/blob/master/LICENSE
- */
-
-var Hls$1 = {
-  PlaylistLoader: PlaylistLoader,
-  Playlist: Playlist,
-  Decrypter: aesDecrypter.Decrypter,
-  AsyncStream: aesDecrypter.AsyncStream,
-  decrypt: aesDecrypter.decrypt,
-  utils: utils,
-  STANDARD_PLAYLIST_SELECTOR: lastBandwidthSelector,
-  INITIAL_PLAYLIST_SELECTOR: lowestBitrateCompatibleVariantSelector,
-  comparePlaylistBandwidth: comparePlaylistBandwidth,
-  comparePlaylistResolution: comparePlaylistResolution,
-  xhr: xhrFactory()
-}; // Define getter/setters for config properites
-
-['GOAL_BUFFER_LENGTH', 'MAX_GOAL_BUFFER_LENGTH', 'GOAL_BUFFER_LENGTH_RATE', 'BUFFER_LOW_WATER_LINE', 'MAX_BUFFER_LOW_WATER_LINE', 'BUFFER_LOW_WATER_LINE_RATE', 'BANDWIDTH_VARIANCE'].forEach(function (prop) {
-  Object.defineProperty(Hls$1, prop, {
-    get: function get$$1() {
-      videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-      return Config[prop];
-    },
-    set: function set$$1(value) {
-      videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-
-      if (typeof value !== 'number' || value < 0) {
-        videojs$1.log.warn('value of Hls.' + prop + ' must be greater than or equal to 0');
-        return;
-      }
-
-      Config[prop] = value;
-    }
-  });
-});
-var LOCAL_STORAGE_KEY$1 = 'videojs-vhs';
-
-var simpleTypeFromSourceType = function simpleTypeFromSourceType(type) {
-  var mpegurlRE = /^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i;
-
-  if (mpegurlRE.test(type)) {
-    return 'hls';
-  }
-
-  var dashRE = /^application\/dash\+xml/i;
-
-  if (dashRE.test(type)) {
-    return 'dash';
-  }
-
-  return null;
-};
-/**
- * Updates the selectedIndex of the QualityLevelList when a mediachange happens in hls.
- *
- * @param {QualityLevelList} qualityLevels The QualityLevelList to update.
- * @param {PlaylistLoader} playlistLoader PlaylistLoader containing the new media info.
- * @function handleHlsMediaChange
- */
-
-
-var handleHlsMediaChange = function handleHlsMediaChange(qualityLevels, playlistLoader) {
-  var newPlaylist = playlistLoader.media();
-  var selectedIndex = -1;
-
-  for (var i = 0; i < qualityLevels.length; i++) {
-    if (qualityLevels[i].id === newPlaylist.uri) {
-      selectedIndex = i;
-      break;
-    }
-  }
-
-  qualityLevels.selectedIndex_ = selectedIndex;
-  qualityLevels.trigger({
-    selectedIndex: selectedIndex,
-    type: 'change'
-  });
-};
-/**
- * Adds quality levels to list once playlist metadata is available
- *
- * @param {QualityLevelList} qualityLevels The QualityLevelList to attach events to.
- * @param {Object} hls Hls object to listen to for media events.
- * @function handleHlsLoadedMetadata
- */
-
-
-var handleHlsLoadedMetadata = function handleHlsLoadedMetadata(qualityLevels, hls) {
-  hls.representations().forEach(function (rep) {
-    qualityLevels.addQualityLevel(rep);
-  });
-  handleHlsMediaChange(qualityLevels, hls.playlists);
-}; // HLS is a source handler, not a tech. Make sure attempts to use it
-// as one do not cause exceptions.
-
-
-Hls$1.canPlaySource = function () {
-  return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-};
-
-var emeKeySystems = function emeKeySystems(keySystemOptions, mainSegmentLoader, audioSegmentLoader) {
-  if (!keySystemOptions) {
-    return keySystemOptions;
-  }
-
-  var videoMimeType = void 0;
-  var audioMimeType = void 0; // if there is a mimeType associated with the audioSegmentLoader, then the audio
-  // and video mimeType and codec strings are already in the format we need to
-  // pass with the other key systems
-
-  if (audioSegmentLoader.mimeType_) {
-    videoMimeType = mainSegmentLoader.mimeType_;
-    audioMimeType = audioSegmentLoader.mimeType_; // if there is no audioSegmentLoader mimeType, then we have to create the
-    // the audio and video mimeType/codec strings from information extrapolated
-    // from the mainSegmentLoader mimeType (ex. 'video/mp4; codecs="mp4, avc1"' -->
-    // 'video/mp4; codecs="avc1"' and 'audio/mp4; codecs="mp4"')
-  } else {
-    var parsedMimeType = parseContentType(mainSegmentLoader.mimeType_);
-    var codecs = parsedMimeType.parameters.codecs.split(',');
-    var audioCodec = void 0;
-    var videoCodec = void 0;
-    codecs.forEach(function (codec) {
-      codec = codec.trim();
-
-      if (isAudioCodec(codec)) {
-        audioCodec = codec;
-      } else if (isVideoCodec(codec)) {
-        videoCodec = codec;
-      }
-    });
-    videoMimeType = parsedMimeType.type + '; codecs="' + videoCodec + '"';
-    audioMimeType = parsedMimeType.type.replace('video', 'audio') + '; codecs="' + audioCodec + '"';
-  } // upsert the content types based on the selected playlist
-
-
-  var keySystemContentTypes = {};
-  var videoPlaylist = mainSegmentLoader.playlist_;
-
-  for (var keySystem in keySystemOptions) {
-    keySystemContentTypes[keySystem] = {
-      audioContentType: audioMimeType,
-      videoContentType: videoMimeType
-    };
-
-    if (videoPlaylist.contentProtection && videoPlaylist.contentProtection[keySystem] && videoPlaylist.contentProtection[keySystem].pssh) {
-      keySystemContentTypes[keySystem].pssh = videoPlaylist.contentProtection[keySystem].pssh;
-    } // videojs-contrib-eme accepts the option of specifying: 'com.some.cdm': 'url'
-    // so we need to prevent overwriting the URL entirely
-
-
-    if (typeof keySystemOptions[keySystem] === 'string') {
-      keySystemContentTypes[keySystem].url = keySystemOptions[keySystem];
-    }
-  }
-
-  return videojs$1.mergeOptions(keySystemOptions, keySystemContentTypes);
-};
-
-var setupEmeOptions = function setupEmeOptions(hlsHandler) {
-  var mainSegmentLoader = hlsHandler.masterPlaylistController_.mainSegmentLoader_;
-  var audioSegmentLoader = hlsHandler.masterPlaylistController_.audioSegmentLoader_;
-  var player = videojs$1.players[hlsHandler.tech_.options_.playerId];
-
-  if (player.eme) {
-    var sourceOptions = emeKeySystems(hlsHandler.source_.keySystems, mainSegmentLoader, audioSegmentLoader);
-
-    if (sourceOptions) {
-      player.currentSource().keySystems = sourceOptions; // Works around https://bugs.chromium.org/p/chromium/issues/detail?id=895449
-      // in non-IE11 browsers. In IE11 this is too early to initialize media keys
-
-      if (!(videojs$1.browser.IE_VERSION === 11) && player.eme.initializeMediaKeys) {
-        player.eme.initializeMediaKeys();
-      }
-    }
-  }
-};
-
-var getVhsLocalStorage = function getVhsLocalStorage() {
-  if (!window.localStorage) {
-    return null;
-  }
-
-  var storedObject = window.localStorage.getItem(LOCAL_STORAGE_KEY$1);
-
-  if (!storedObject) {
-    return null;
-  }
-
-  try {
-    return JSON.parse(storedObject);
-  } catch (e) {
-    // someone may have tampered with the value
-    return null;
-  }
-};
-
-var updateVhsLocalStorage = function updateVhsLocalStorage(options) {
-  if (!window.localStorage) {
-    return false;
-  }
-
-  var objectToStore = getVhsLocalStorage();
-  objectToStore = objectToStore ? videojs$1.mergeOptions(objectToStore, options) : options;
-
-  try {
-    window.localStorage.setItem(LOCAL_STORAGE_KEY$1, JSON.stringify(objectToStore));
-  } catch (e) {
-    // Throws if storage is full (e.g., always on iOS 5+ Safari private mode, where
-    // storage is set to 0).
-    // https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem#Exceptions
-    // No need to perform any operation.
-    return false;
-  }
-
-  return objectToStore;
-};
-/**
- * Whether the browser has built-in HLS support.
- */
-
-
-Hls$1.supportsNativeHls = function () {
-  var video = document.createElement('video'); // native HLS is definitely not supported if HTML5 video isn't
-
-  if (!videojs$1.getTech('Html5').isSupported()) {
-    return false;
-  } // HLS manifests can go by many mime-types
-
-
-  var canPlay = [// Apple santioned
-  'application/vnd.apple.mpegurl', // Apple sanctioned for backwards compatibility
-  'audio/mpegurl', // Very common
-  'audio/x-mpegurl', // Very common
-  'application/x-mpegurl', // Included for completeness
-  'video/x-mpegurl', 'video/mpegurl', 'application/mpegurl'];
-  return canPlay.some(function (canItPlay) {
-    return /maybe|probably/i.test(video.canPlayType(canItPlay));
-  });
-}();
-
-Hls$1.supportsNativeDash = function () {
-  if (!videojs$1.getTech('Html5').isSupported()) {
-    return false;
-  }
-
-  return /maybe|probably/i.test(document.createElement('video').canPlayType('application/dash+xml'));
-}();
-
-Hls$1.supportsTypeNatively = function (type) {
-  if (type === 'hls') {
-    return Hls$1.supportsNativeHls;
-  }
-
-  if (type === 'dash') {
-    return Hls$1.supportsNativeDash;
-  }
-
-  return false;
-};
-/**
- * HLS is a source handler, not a tech. Make sure attempts to use it
- * as one do not cause exceptions.
- */
-
-
-Hls$1.isSupported = function () {
-  return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-};
-
-var Component$1 = videojs$1.getComponent('Component');
-/**
- * The Hls Handler object, where we orchestrate all of the parts
- * of HLS to interact with video.js
- *
- * @class HlsHandler
- * @extends videojs.Component
- * @param {Object} source the soruce object
- * @param {Tech} tech the parent tech object
- * @param {Object} options optional and required options
- */
-
-var HlsHandler = function (_Component) {
-  inherits(HlsHandler, _Component);
-
-  function HlsHandler(source, tech, options) {
-    classCallCheck(this, HlsHandler); // tech.player() is deprecated but setup a reference to HLS for
-    // backwards-compatibility
-
-    var _this = possibleConstructorReturn(this, (HlsHandler.__proto__ || Object.getPrototypeOf(HlsHandler)).call(this, tech, options.hls));
-
-    if (tech.options_ && tech.options_.playerId) {
-      var _player = videojs$1(tech.options_.playerId);
-
-      if (!_player.hasOwnProperty('hls')) {
-        Object.defineProperty(_player, 'hls', {
-          get: function get$$1() {
-            videojs$1.log.warn('player.hls is deprecated. Use player.tech().hls instead.');
-            tech.trigger({
-              type: 'usage',
-              name: 'hls-player-access'
-            });
-            return _this;
-          },
-          configurable: true
-        });
-      } // Set up a reference to the HlsHandler from player.vhs. This allows users to start
-      // migrating from player.tech_.hls... to player.vhs... for API access. Although this
-      // isn't the most appropriate form of reference for video.js (since all APIs should
-      // be provided through core video.js), it is a common pattern for plugins, and vhs
-      // will act accordingly.
-
-
-      _player.vhs = _this; // deprecated, for backwards compatibility
-
-      _player.dash = _this;
-      _this.player_ = _player;
-    }
-
-    _this.tech_ = tech;
-    _this.source_ = source;
-    _this.stats = {};
-
-    _this.setOptions_();
-
-    if (_this.options_.overrideNative && tech.overrideNativeAudioTracks && tech.overrideNativeVideoTracks) {
-      tech.overrideNativeAudioTracks(true);
-      tech.overrideNativeVideoTracks(true);
-    } else if (_this.options_.overrideNative && (tech.featuresNativeVideoTracks || tech.featuresNativeAudioTracks)) {
-      // overriding native HLS only works if audio tracks have been emulated
-      // error early if we're misconfigured
-      throw new Error('Overriding native HLS requires emulated tracks. ' + 'See https://git.io/vMpjB');
-    } // listen for fullscreenchange events for this player so that we
-    // can adjust our quality selection quickly
-
-
-    _this.on(document, ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange'], function (event) {
-      var fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
-
-      if (fullscreenElement && fullscreenElement.contains(_this.tech_.el())) {
-        _this.masterPlaylistController_.smoothQualityChange_();
-      }
-    }); // Handle seeking when looping - middleware doesn't handle this seek event from the tech
-
-
-    _this.on(_this.tech_, 'seeking', function () {
-      if (this.tech_.currentTime() === 0 && this.tech_.player_.loop()) {
-        this.setCurrentTime(0);
-      }
-    });
-
-    _this.on(_this.tech_, 'error', function () {
-      if (this.masterPlaylistController_) {
-        this.masterPlaylistController_.pauseLoading();
-      }
-    });
-
-    _this.on(_this.tech_, 'play', _this.play);
-
-    return _this;
-  }
-
-  createClass(HlsHandler, [{
-    key: 'setOptions_',
-    value: function setOptions_() {
-      var _this2 = this; // defaults
-
-
-      this.options_.withCredentials = this.options_.withCredentials || false;
-      this.options_.handleManifestRedirects = this.options_.handleManifestRedirects || false;
-      this.options_.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions === false ? false : true;
-      this.options_.smoothQualityChange = this.options_.smoothQualityChange || false;
-      this.options_.useBandwidthFromLocalStorage = typeof this.source_.useBandwidthFromLocalStorage !== 'undefined' ? this.source_.useBandwidthFromLocalStorage : this.options_.useBandwidthFromLocalStorage || false;
-      this.options_.customTagParsers = this.options_.customTagParsers || [];
-      this.options_.customTagMappers = this.options_.customTagMappers || [];
-      this.options_.cacheEncryptionKeys = this.options_.cacheEncryptionKeys || false;
-
-      if (typeof this.options_.blacklistDuration !== 'number') {
-        this.options_.blacklistDuration = 5 * 60;
-      }
-
-      if (typeof this.options_.bandwidth !== 'number') {
-        if (this.options_.useBandwidthFromLocalStorage) {
-          var storedObject = getVhsLocalStorage();
-
-          if (storedObject && storedObject.bandwidth) {
-            this.options_.bandwidth = storedObject.bandwidth;
-            this.tech_.trigger({
-              type: 'usage',
-              name: 'hls-bandwidth-from-local-storage'
-            });
-          }
-
-          if (storedObject && storedObject.throughput) {
-            this.options_.throughput = storedObject.throughput;
-            this.tech_.trigger({
-              type: 'usage',
-              name: 'hls-throughput-from-local-storage'
-            });
-          }
-        }
-      } // if bandwidth was not set by options or pulled from local storage, start playlist
-      // selection at a reasonable bandwidth
-
-
-      if (typeof this.options_.bandwidth !== 'number') {
-        this.options_.bandwidth = Config.INITIAL_BANDWIDTH;
-      } // If the bandwidth number is unchanged from the initial setting
-      // then this takes precedence over the enableLowInitialPlaylist option
-
-
-      this.options_.enableLowInitialPlaylist = this.options_.enableLowInitialPlaylist && this.options_.bandwidth === Config.INITIAL_BANDWIDTH; // grab options passed to player.src
-
-      ['withCredentials', 'limitRenditionByPlayerDimensions', 'bandwidth', 'smoothQualityChange', 'customTagParsers', 'customTagMappers', 'handleManifestRedirects', 'cacheEncryptionKeys'].forEach(function (option) {
-        if (typeof _this2.source_[option] !== 'undefined') {
-          _this2.options_[option] = _this2.source_[option];
-        }
-      });
-      this.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions;
-    }
-    /**
-     * called when player.src gets called, handle a new source
-     *
-     * @param {Object} src the source object to handle
-     */
-
-  }, {
-    key: 'src',
-    value: function src(_src, type) {
-      var _this3 = this; // do nothing if the src is falsey
-
-
-      if (!_src) {
-        return;
-      }
-
-      this.setOptions_(); // add master playlist controller options
-
-      this.options_.url = this.source_.src;
-      this.options_.tech = this.tech_;
-      this.options_.externHls = Hls$1;
-      this.options_.sourceType = simpleTypeFromSourceType(type); // Whenever we seek internally, we should update both the tech and call our own
-      // setCurrentTime function. This is needed because "seeking" events aren't always
-      // reliable. External seeks (via the player object) are handled via middleware.
-
-      this.options_.seekTo = function (time) {
-        _this3.tech_.setCurrentTime(time);
-
-        _this3.setCurrentTime(time);
-      };
-
-      this.masterPlaylistController_ = new MasterPlaylistController(this.options_);
-      this.playbackWatcher_ = new PlaybackWatcher(videojs$1.mergeOptions(this.options_, {
-        seekable: function seekable$$1() {
-          return _this3.seekable();
-        },
-        media: function media() {
-          return _this3.masterPlaylistController_.media();
-        }
-      }));
-      this.masterPlaylistController_.on('error', function () {
-        var player = videojs$1.players[_this3.tech_.options_.playerId];
-        player.error(_this3.masterPlaylistController_.error);
-      }); // `this` in selectPlaylist should be the HlsHandler for backwards
-      // compatibility with < v2
-
-      this.masterPlaylistController_.selectPlaylist = this.selectPlaylist ? this.selectPlaylist.bind(this) : Hls$1.STANDARD_PLAYLIST_SELECTOR.bind(this);
-      this.masterPlaylistController_.selectInitialPlaylist = Hls$1.INITIAL_PLAYLIST_SELECTOR.bind(this); // re-expose some internal objects for backwards compatibility with < v2
-
-      this.playlists = this.masterPlaylistController_.masterPlaylistLoader_;
-      this.mediaSource = this.masterPlaylistController_.mediaSource; // Proxy assignment of some properties to the master playlist
-      // controller. Using a custom property for backwards compatibility
-      // with < v2
-
-      Object.defineProperties(this, {
-        selectPlaylist: {
-          get: function get$$1() {
-            return this.masterPlaylistController_.selectPlaylist;
-          },
-          set: function set$$1(selectPlaylist) {
-            this.masterPlaylistController_.selectPlaylist = selectPlaylist.bind(this);
-          }
-        },
-        throughput: {
-          get: function get$$1() {
-            return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate;
-          },
-          set: function set$$1(throughput) {
-            this.masterPlaylistController_.mainSegmentLoader_.throughput.rate = throughput; // By setting `count` to 1 the throughput value becomes the starting value
-            // for the cumulative average
-
-            this.masterPlaylistController_.mainSegmentLoader_.throughput.count = 1;
-          }
-        },
-        bandwidth: {
-          get: function get$$1() {
-            return this.masterPlaylistController_.mainSegmentLoader_.bandwidth;
-          },
-          set: function set$$1(bandwidth) {
-            this.masterPlaylistController_.mainSegmentLoader_.bandwidth = bandwidth; // setting the bandwidth manually resets the throughput counter
-            // `count` is set to zero that current value of `rate` isn't included
-            // in the cumulative average
-
-            this.masterPlaylistController_.mainSegmentLoader_.throughput = {
-              rate: 0,
-              count: 0
-            };
-          }
-        },
-
-        /**
-         * `systemBandwidth` is a combination of two serial processes bit-rates. The first
-         * is the network bitrate provided by `bandwidth` and the second is the bitrate of
-         * the entire process after that - decryption, transmuxing, and appending - provided
-         * by `throughput`.
-         *
-         * Since the two process are serial, the overall system bandwidth is given by:
-         *   sysBandwidth = 1 / (1 / bandwidth + 1 / throughput)
-         */
-        systemBandwidth: {
-          get: function get$$1() {
-            var invBandwidth = 1 / (this.bandwidth || 1);
-            var invThroughput = void 0;
-
-            if (this.throughput > 0) {
-              invThroughput = 1 / this.throughput;
-            } else {
-              invThroughput = 0;
-            }
-
-            var systemBitrate = Math.floor(1 / (invBandwidth + invThroughput));
-            return systemBitrate;
-          },
-          set: function set$$1() {
-            videojs$1.log.error('The "systemBandwidth" property is read-only');
-          }
-        }
-      });
-
-      if (this.options_.bandwidth) {
-        this.bandwidth = this.options_.bandwidth;
-      }
-
-      if (this.options_.throughput) {
-        this.throughput = this.options_.throughput;
-      }
-
-      Object.defineProperties(this.stats, {
-        bandwidth: {
-          get: function get$$1() {
-            return _this3.bandwidth || 0;
-          },
-          enumerable: true
-        },
-        mediaRequests: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaRequests_() || 0;
-          },
-          enumerable: true
-        },
-        mediaRequestsAborted: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaRequestsAborted_() || 0;
-          },
-          enumerable: true
-        },
-        mediaRequestsTimedout: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaRequestsTimedout_() || 0;
-          },
-          enumerable: true
-        },
-        mediaRequestsErrored: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaRequestsErrored_() || 0;
-          },
-          enumerable: true
-        },
-        mediaTransferDuration: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaTransferDuration_() || 0;
-          },
-          enumerable: true
-        },
-        mediaBytesTransferred: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaBytesTransferred_() || 0;
-          },
-          enumerable: true
-        },
-        mediaSecondsLoaded: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaSecondsLoaded_() || 0;
-          },
-          enumerable: true
-        },
-        buffered: {
-          get: function get$$1() {
-            return timeRangesToArray(_this3.tech_.buffered());
-          },
-          enumerable: true
-        },
-        currentTime: {
-          get: function get$$1() {
-            return _this3.tech_.currentTime();
-          },
-          enumerable: true
-        },
-        currentSource: {
-          get: function get$$1() {
-            return _this3.tech_.currentSource_;
-          },
-          enumerable: true
-        },
-        currentTech: {
-          get: function get$$1() {
-            return _this3.tech_.name_;
-          },
-          enumerable: true
-        },
-        duration: {
-          get: function get$$1() {
-            return _this3.tech_.duration();
-          },
-          enumerable: true
-        },
-        master: {
-          get: function get$$1() {
-            return _this3.playlists.master;
-          },
-          enumerable: true
-        },
-        playerDimensions: {
-          get: function get$$1() {
-            return _this3.tech_.currentDimensions();
-          },
-          enumerable: true
-        },
-        seekable: {
-          get: function get$$1() {
-            return timeRangesToArray(_this3.tech_.seekable());
-          },
-          enumerable: true
-        },
-        timestamp: {
-          get: function get$$1() {
-            return Date.now();
-          },
-          enumerable: true
-        },
-        videoPlaybackQuality: {
-          get: function get$$1() {
-            return _this3.tech_.getVideoPlaybackQuality();
-          },
-          enumerable: true
-        }
-      });
-      this.tech_.one('canplay', this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_));
-      this.tech_.on('bandwidthupdate', function () {
-        if (_this3.options_.useBandwidthFromLocalStorage) {
-          updateVhsLocalStorage({
-            bandwidth: _this3.bandwidth,
-            throughput: Math.round(_this3.throughput)
-          });
-        }
-      });
-      this.masterPlaylistController_.on('selectedinitialmedia', function () {
-        // Add the manual rendition mix-in to HlsHandler
-        renditionSelectionMixin(_this3);
-        setupEmeOptions(_this3);
-      }); // the bandwidth of the primary segment loader is our best
-      // estimate of overall bandwidth
-
-      this.on(this.masterPlaylistController_, 'progress', function () {
-        this.tech_.trigger('progress');
-      });
-      this.tech_.ready(function () {
-        return _this3.setupQualityLevels_();
-      }); // do nothing if the tech has been disposed already
-      // this can occur if someone sets the src in player.ready(), for instance
-
-      if (!this.tech_.el()) {
-        return;
-      }
-
-      this.tech_.src(videojs$1.URL.createObjectURL(this.masterPlaylistController_.mediaSource));
-    }
-    /**
-     * Initializes the quality levels and sets listeners to update them.
-     *
-     * @method setupQualityLevels_
-     * @private
-     */
-
-  }, {
-    key: 'setupQualityLevels_',
-    value: function setupQualityLevels_() {
-      var _this4 = this;
-
-      var player = videojs$1.players[this.tech_.options_.playerId];
-
-      if (player && player.qualityLevels) {
-        this.qualityLevels_ = player.qualityLevels();
-        this.masterPlaylistController_.on('selectedinitialmedia', function () {
-          handleHlsLoadedMetadata(_this4.qualityLevels_, _this4);
-        });
-        this.playlists.on('mediachange', function () {
-          handleHlsMediaChange(_this4.qualityLevels_, _this4.playlists);
-        });
-      }
-    }
-    /**
-     * Begin playing the video.
-     */
-
-  }, {
-    key: 'play',
-    value: function play() {
-      this.masterPlaylistController_.play();
-    }
-    /**
-     * a wrapper around the function in MasterPlaylistController
-     */
-
-  }, {
-    key: 'setCurrentTime',
-    value: function setCurrentTime(currentTime) {
-      this.masterPlaylistController_.setCurrentTime(currentTime);
-    }
-    /**
-     * a wrapper around the function in MasterPlaylistController
-     */
-
-  }, {
-    key: 'duration',
-    value: function duration$$1() {
-      return this.masterPlaylistController_.duration();
-    }
-    /**
-     * a wrapper around the function in MasterPlaylistController
-     */
-
-  }, {
-    key: 'seekable',
-    value: function seekable$$1() {
-      return this.masterPlaylistController_.seekable();
-    }
-    /**
-     * Abort all outstanding work and cleanup.
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      if (this.playbackWatcher_) {
-        this.playbackWatcher_.dispose();
-      }
-
-      if (this.masterPlaylistController_) {
-        this.masterPlaylistController_.dispose();
-      }
-
-      if (this.qualityLevels_) {
-        this.qualityLevels_.dispose();
-      }
-
-      if (this.player_) {
-        delete this.player_.vhs;
-        delete this.player_.dash;
-        delete this.player_.hls;
-      }
-
-      if (this.tech_ && this.tech_.hls) {
-        delete this.tech_.hls;
-      }
-
-      get$1(HlsHandler.prototype.__proto__ || Object.getPrototypeOf(HlsHandler.prototype), 'dispose', this).call(this);
-    }
-  }, {
-    key: 'convertToProgramTime',
-    value: function convertToProgramTime(time, callback) {
-      return getProgramTime({
-        playlist: this.masterPlaylistController_.media(),
-        time: time,
-        callback: callback
-      });
-    } // the player must be playing before calling this
-
-  }, {
-    key: 'seekToProgramTime',
-    value: function seekToProgramTime$$1(programTime, callback) {
-      var pauseAfterSeek = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      var retryCount = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
-      return seekToProgramTime({
-        programTime: programTime,
-        playlist: this.masterPlaylistController_.media(),
-        retryCount: retryCount,
-        pauseAfterSeek: pauseAfterSeek,
-        seekTo: this.options_.seekTo,
-        tech: this.options_.tech,
-        callback: callback
-      });
-    }
-  }]);
-  return HlsHandler;
-}(Component$1);
-/**
- * The Source Handler object, which informs video.js what additional
- * MIME types are supported and sets up playback. It is registered
- * automatically to the appropriate tech based on the capabilities of
- * the browser it is running in. It is not necessary to use or modify
- * this object in normal usage.
- */
-
-
-var HlsSourceHandler = {
-  name: 'videojs-http-streaming',
-  VERSION: version$1,
-  canHandleSource: function canHandleSource(srcObj) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
-    return HlsSourceHandler.canPlayType(srcObj.type, localOptions);
-  },
-  handleSource: function handleSource(source, tech) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
-    tech.hls = new HlsHandler(source, tech, localOptions);
-    tech.hls.xhr = xhrFactory();
-    tech.hls.src(source.src, source.type);
-    return tech.hls;
-  },
-  canPlayType: function canPlayType(type) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    var _videojs$mergeOptions = videojs$1.mergeOptions(videojs$1.options, options),
-        overrideNative = _videojs$mergeOptions.hls.overrideNative;
-
-    var supportedType = simpleTypeFromSourceType(type);
-    var canUseMsePlayback = supportedType && (!Hls$1.supportsTypeNatively(supportedType) || overrideNative);
-    return canUseMsePlayback ? 'maybe' : '';
-  }
-};
-
-if (typeof videojs$1.MediaSource === 'undefined' || typeof videojs$1.URL === 'undefined') {
-  videojs$1.MediaSource = MediaSource;
-  videojs$1.URL = URL$1;
-} // register source handlers with the appropriate techs
-
-
-if (MediaSource.supportsNativeMediaSources()) {
-  videojs$1.getTech('Html5').registerSourceHandler(HlsSourceHandler, 0);
-}
-
-videojs$1.HlsHandler = HlsHandler;
-videojs$1.HlsSourceHandler = HlsSourceHandler;
-videojs$1.Hls = Hls$1;
-
-if (!videojs$1.use) {
-  videojs$1.registerComponent('Hls', Hls$1);
-}
-
-videojs$1.options.hls = videojs$1.options.hls || {};
-
-if (videojs$1.registerPlugin) {
-  videojs$1.registerPlugin('reloadSourceOnError', reloadSourceOnError);
-} else {
-  videojs$1.plugin('reloadSourceOnError', reloadSourceOnError);
-}
-
-module.exports = videojs$1;
diff --git a/negromate/web/static/js/videojs/video.es.js b/negromate/web/static/js/videojs/video.es.js
deleted file mode 100644
index 70cfd76..0000000
--- a/negromate/web/static/js/videojs/video.es.js
+++ /dev/null
@@ -1,45022 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-
-import window$1 from 'global/window';
-import document from 'global/document';
-import _extends from '@babel/runtime/helpers/extends';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _inheritsLoose from '@babel/runtime/helpers/inheritsLoose';
-import safeParseTuple from 'safe-json-parse/tuple';
-import keycode from 'keycode';
-import XHR from '@videojs/xhr';
-import vtt from 'videojs-vtt.js';
-import _construct from '@babel/runtime/helpers/construct';
-import _inherits from '@babel/runtime/helpers/inherits';
-import URLToolkit from 'url-toolkit';
-import { Parser } from 'm3u8-parser';
-import { parse, parseUTCTiming } from 'mpd-parser';
-import mp4Inspector from 'mux.js/lib/tools/mp4-inspector';
-import mp4probe from 'mux.js/lib/mp4/probe';
-import CaptionParser from 'mux.js/lib/mp4/caption-parser';
-import tsInspector from 'mux.js/lib/tools/ts-inspector.js';
-import { Decrypter, AsyncStream, decrypt } from 'aes-decrypter';
-
-var version = "7.7.4";
-
-/**
- * @file create-logger.js
- * @module create-logger
- */
-
-var history = [];
-/**
- * Log messages to the console and history based on the type of message
- *
- * @private
- * @param  {string} type
- *         The name of the console method to use.
- *
- * @param  {Array} args
- *         The arguments to be passed to the matching console method.
- */
-
-var LogByTypeFactory = function LogByTypeFactory(name, log) {
-  return function (type, level, args) {
-    var lvl = log.levels[level];
-    var lvlRegExp = new RegExp("^(" + lvl + ")$");
-
-    if (type !== 'log') {
-      // Add the type to the front of the message when it's not "log".
-      args.unshift(type.toUpperCase() + ':');
-    } // Add console prefix after adding to history.
-
-
-    args.unshift(name + ':'); // Add a clone of the args at this point to history.
-
-    if (history) {
-      history.push([].concat(args)); // only store 1000 history entries
-
-      var splice = history.length - 1000;
-      history.splice(0, splice > 0 ? splice : 0);
-    } // If there's no console then don't try to output messages, but they will
-    // still be stored in history.
-
-
-    if (!window$1.console) {
-      return;
-    } // Was setting these once outside of this function, but containing them
-    // in the function makes it easier to test cases where console doesn't exist
-    // when the module is executed.
-
-
-    var fn = window$1.console[type];
-
-    if (!fn && type === 'debug') {
-      // Certain browsers don't have support for console.debug. For those, we
-      // should default to the closest comparable log.
-      fn = window$1.console.info || window$1.console.log;
-    } // Bail out if there's no console or if this type is not allowed by the
-    // current logging level.
-
-
-    if (!fn || !lvl || !lvlRegExp.test(type)) {
-      return;
-    }
-
-    fn[Array.isArray(args) ? 'apply' : 'call'](window$1.console, args);
-  };
-};
-
-function createLogger(name) {
-  // This is the private tracking variable for logging level.
-  var level = 'info'; // the curried logByType bound to the specific log and history
-
-  var logByType;
-  /**
-   * Logs plain debug messages. Similar to `console.log`.
-   *
-   * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-   * of our JSDoc template, we cannot properly document this as both a function
-   * and a namespace, so its function signature is documented here.
-   *
-   * #### Arguments
-   * ##### *args
-   * Mixed[]
-   *
-   * Any combination of values that could be passed to `console.log()`.
-   *
-   * #### Return Value
-   *
-   * `undefined`
-   *
-   * @namespace
-   * @param    {Mixed[]} args
-   *           One or more messages or objects that should be logged.
-   */
-
-  var log = function log() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    logByType('log', level, args);
-  }; // This is the logByType helper that the logging methods below use
-
-
-  logByType = LogByTypeFactory(name, log);
-  /**
-   * Create a new sublogger which chains the old name to the new name.
-   *
-   * For example, doing `videojs.log.createLogger('player')` and then using that logger will log the following:
-   * ```js
-   *  mylogger('foo');
-   *  // > VIDEOJS: player: foo
-   * ```
-   *
-   * @param {string} name
-   *        The name to add call the new logger
-   * @return {Object}
-   */
-
-  log.createLogger = function (subname) {
-    return createLogger(name + ': ' + subname);
-  };
-  /**
-   * Enumeration of available logging levels, where the keys are the level names
-   * and the values are `|`-separated strings containing logging methods allowed
-   * in that logging level. These strings are used to create a regular expression
-   * matching the function name being called.
-   *
-   * Levels provided by Video.js are:
-   *
-   * - `off`: Matches no calls. Any value that can be cast to `false` will have
-   *   this effect. The most restrictive.
-   * - `all`: Matches only Video.js-provided functions (`debug`, `log`,
-   *   `log.warn`, and `log.error`).
-   * - `debug`: Matches `log.debug`, `log`, `log.warn`, and `log.error` calls.
-   * - `info` (default): Matches `log`, `log.warn`, and `log.error` calls.
-   * - `warn`: Matches `log.warn` and `log.error` calls.
-   * - `error`: Matches only `log.error` calls.
-   *
-   * @type {Object}
-   */
-
-
-  log.levels = {
-    all: 'debug|log|warn|error',
-    off: '',
-    debug: 'debug|log|warn|error',
-    info: 'log|warn|error',
-    warn: 'warn|error',
-    error: 'error',
-    DEFAULT: level
-  };
-  /**
-   * Get or set the current logging level.
-   *
-   * If a string matching a key from {@link module:log.levels} is provided, acts
-   * as a setter.
-   *
-   * @param  {string} [lvl]
-   *         Pass a valid level to set a new logging level.
-   *
-   * @return {string}
-   *         The current logging level.
-   */
-
-  log.level = function (lvl) {
-    if (typeof lvl === 'string') {
-      if (!log.levels.hasOwnProperty(lvl)) {
-        throw new Error("\"" + lvl + "\" in not a valid log level");
-      }
-
-      level = lvl;
-    }
-
-    return level;
-  };
-  /**
-   * Returns an array containing everything that has been logged to the history.
-   *
-   * This array is a shallow clone of the internal history record. However, its
-   * contents are _not_ cloned; so, mutating objects inside this array will
-   * mutate them in history.
-   *
-   * @return {Array}
-   */
-
-
-  log.history = function () {
-    return history ? [].concat(history) : [];
-  };
-  /**
-   * Allows you to filter the history by the given logger name
-   *
-   * @param {string} fname
-   *        The name to filter by
-   *
-   * @return {Array}
-   *         The filtered list to return
-   */
-
-
-  log.history.filter = function (fname) {
-    return (history || []).filter(function (historyItem) {
-      // if the first item in each historyItem includes `fname`, then it's a match
-      return new RegExp(".*" + fname + ".*").test(historyItem[0]);
-    });
-  };
-  /**
-   * Clears the internal history tracking, but does not prevent further history
-   * tracking.
-   */
-
-
-  log.history.clear = function () {
-    if (history) {
-      history.length = 0;
-    }
-  };
-  /**
-   * Disable history tracking if it is currently enabled.
-   */
-
-
-  log.history.disable = function () {
-    if (history !== null) {
-      history.length = 0;
-      history = null;
-    }
-  };
-  /**
-   * Enable history tracking if it is currently disabled.
-   */
-
-
-  log.history.enable = function () {
-    if (history === null) {
-      history = [];
-    }
-  };
-  /**
-   * Logs error messages. Similar to `console.error`.
-   *
-   * @param {Mixed[]} args
-   *        One or more messages or objects that should be logged as an error
-   */
-
-
-  log.error = function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    return logByType('error', level, args);
-  };
-  /**
-   * Logs warning messages. Similar to `console.warn`.
-   *
-   * @param {Mixed[]} args
-   *        One or more messages or objects that should be logged as a warning.
-   */
-
-
-  log.warn = function () {
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-
-    return logByType('warn', level, args);
-  };
-  /**
-   * Logs debug messages. Similar to `console.debug`, but may also act as a comparable
-   * log if `console.debug` is not available
-   *
-   * @param {Mixed[]} args
-   *        One or more messages or objects that should be logged as debug.
-   */
-
-
-  log.debug = function () {
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-
-    return logByType('debug', level, args);
-  };
-
-  return log;
-}
-
-/**
- * @file log.js
- * @module log
- */
-var log = createLogger('VIDEOJS');
-var createLogger$1 = log.createLogger;
-
-/**
- * @file obj.js
- * @module obj
- */
-
-/**
- * @callback obj:EachCallback
- *
- * @param {Mixed} value
- *        The current key for the object that is being iterated over.
- *
- * @param {string} key
- *        The current key-value for object that is being iterated over
- */
-
-/**
- * @callback obj:ReduceCallback
- *
- * @param {Mixed} accum
- *        The value that is accumulating over the reduce loop.
- *
- * @param {Mixed} value
- *        The current key for the object that is being iterated over.
- *
- * @param {string} key
- *        The current key-value for object that is being iterated over
- *
- * @return {Mixed}
- *         The new accumulated value.
- */
-var toString = Object.prototype.toString;
-/**
- * Get the keys of an Object
- *
- * @param {Object}
- *        The Object to get the keys from
- *
- * @return {string[]}
- *         An array of the keys from the object. Returns an empty array if the
- *         object passed in was invalid or had no keys.
- *
- * @private
- */
-
-var keys = function keys(object) {
-  return isObject(object) ? Object.keys(object) : [];
-};
-/**
- * Array-like iteration for objects.
- *
- * @param {Object} object
- *        The object to iterate over
- *
- * @param {obj:EachCallback} fn
- *        The callback function which is called for each key in the object.
- */
-
-
-function each(object, fn) {
-  keys(object).forEach(function (key) {
-    return fn(object[key], key);
-  });
-}
-/**
- * Array-like reduce for objects.
- *
- * @param {Object} object
- *        The Object that you want to reduce.
- *
- * @param {Function} fn
- *         A callback function which is called for each key in the object. It
- *         receives the accumulated value and the per-iteration value and key
- *         as arguments.
- *
- * @param {Mixed} [initial = 0]
- *        Starting value
- *
- * @return {Mixed}
- *         The final accumulated value.
- */
-
-function reduce(object, fn, initial) {
-  if (initial === void 0) {
-    initial = 0;
-  }
-
-  return keys(object).reduce(function (accum, key) {
-    return fn(accum, object[key], key);
-  }, initial);
-}
-/**
- * Object.assign-style object shallow merge/extend.
- *
- * @param  {Object} target
- * @param  {Object} ...sources
- * @return {Object}
- */
-
-function assign(target) {
-  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
-
-  if (Object.assign) {
-    return _extends.apply(void 0, [target].concat(sources));
-  }
-
-  sources.forEach(function (source) {
-    if (!source) {
-      return;
-    }
-
-    each(source, function (value, key) {
-      target[key] = value;
-    });
-  });
-  return target;
-}
-/**
- * Returns whether a value is an object of any kind - including DOM nodes,
- * arrays, regular expressions, etc. Not functions, though.
- *
- * This avoids the gotcha where using `typeof` on a `null` value
- * results in `'object'`.
- *
- * @param  {Object} value
- * @return {boolean}
- */
-
-function isObject(value) {
-  return !!value && typeof value === 'object';
-}
-/**
- * Returns whether an object appears to be a "plain" object - that is, a
- * direct instance of `Object`.
- *
- * @param  {Object} value
- * @return {boolean}
- */
-
-function isPlain(value) {
-  return isObject(value) && toString.call(value) === '[object Object]' && value.constructor === Object;
-}
-
-/**
- * @file computed-style.js
- * @module computed-style
- */
-/**
- * A safe getComputedStyle.
- *
- * This is needed because in Firefox, if the player is loaded in an iframe with
- * `display:none`, then `getComputedStyle` returns `null`, so, we do a
- * null-check to make sure that the player doesn't break in these cases.
- *
- * @function
- * @param    {Element} el
- *           The element you want the computed style of
- *
- * @param    {string} prop
- *           The property name you want
- *
- * @see      https://bugzilla.mozilla.org/show_bug.cgi?id=548397
- */
-
-function computedStyle(el, prop) {
-  if (!el || !prop) {
-    return '';
-  }
-
-  if (typeof window$1.getComputedStyle === 'function') {
-    var computedStyleValue = window$1.getComputedStyle(el);
-    return computedStyleValue ? computedStyleValue.getPropertyValue(prop) || computedStyleValue[prop] : '';
-  }
-
-  return '';
-}
-
-/**
- * @file dom.js
- * @module dom
- */
-/**
- * Detect if a value is a string with any non-whitespace characters.
- *
- * @private
- * @param  {string} str
- *         The string to check
- *
- * @return {boolean}
- *         Will be `true` if the string is non-blank, `false` otherwise.
- *
- */
-
-function isNonBlankString(str) {
-  // we use str.trim as it will trim any whitespace characters
-  // from the front or back of non-whitespace characters. aka
-  // Any string that contains non-whitespace characters will
-  // still contain them after `trim` but whitespace only strings
-  // will have a length of 0, failing this check.
-  return typeof str === 'string' && Boolean(str.trim());
-}
-/**
- * Throws an error if the passed string has whitespace. This is used by
- * class methods to be relatively consistent with the classList API.
- *
- * @private
- * @param  {string} str
- *         The string to check for whitespace.
- *
- * @throws {Error}
- *         Throws an error if there is whitespace in the string.
- */
-
-
-function throwIfWhitespace(str) {
-  // str.indexOf instead of regex because str.indexOf is faster performance wise.
-  if (str.indexOf(' ') >= 0) {
-    throw new Error('class has illegal whitespace characters');
-  }
-}
-/**
- * Produce a regular expression for matching a className within an elements className.
- *
- * @private
- * @param  {string} className
- *         The className to generate the RegExp for.
- *
- * @return {RegExp}
- *         The RegExp that will check for a specific `className` in an elements
- *         className.
- */
-
-
-function classRegExp(className) {
-  return new RegExp('(^|\\s)' + className + '($|\\s)');
-}
-/**
- * Whether the current DOM interface appears to be real (i.e. not simulated).
- *
- * @return {boolean}
- *         Will be `true` if the DOM appears to be real, `false` otherwise.
- */
-
-
-function isReal() {
-  // Both document and window will never be undefined thanks to `global`.
-  return document === window$1.document;
-}
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @param  {Mixed} value
- *         The value to check.
- *
- * @return {boolean}
- *         Will be `true` if the value is a DOM element, `false` otherwise.
- */
-
-function isEl(value) {
-  return isObject(value) && value.nodeType === 1;
-}
-/**
- * Determines if the current DOM is embedded in an iframe.
- *
- * @return {boolean}
- *         Will be `true` if the DOM is embedded in an iframe, `false`
- *         otherwise.
- */
-
-function isInFrame() {
-  // We need a try/catch here because Safari will throw errors when attempting
-  // to get either `parent` or `self`
-  try {
-    return window$1.parent !== window$1.self;
-  } catch (x) {
-    return true;
-  }
-}
-/**
- * Creates functions to query the DOM using a given method.
- *
- * @private
- * @param   {string} method
- *          The method to create the query with.
- *
- * @return  {Function}
- *          The query method
- */
-
-function createQuerier(method) {
-  return function (selector, context) {
-    if (!isNonBlankString(selector)) {
-      return document[method](null);
-    }
-
-    if (isNonBlankString(context)) {
-      context = document.querySelector(context);
-    }
-
-    var ctx = isEl(context) ? context : document;
-    return ctx[method] && ctx[method](selector);
-  };
-}
-/**
- * Creates an element and applies properties, attributes, and inserts content.
- *
- * @param  {string} [tagName='div']
- *         Name of tag to be created.
- *
- * @param  {Object} [properties={}]
- *         Element properties to be applied.
- *
- * @param  {Object} [attributes={}]
- *         Element attributes to be applied.
- *
- * @param {module:dom~ContentDescriptor} content
- *        A content descriptor object.
- *
- * @return {Element}
- *         The element that was created.
- */
-
-
-function createEl(tagName, properties, attributes, content) {
-  if (tagName === void 0) {
-    tagName = 'div';
-  }
-
-  if (properties === void 0) {
-    properties = {};
-  }
-
-  if (attributes === void 0) {
-    attributes = {};
-  }
-
-  var el = document.createElement(tagName);
-  Object.getOwnPropertyNames(properties).forEach(function (propName) {
-    var val = properties[propName]; // See #2176
-    // We originally were accepting both properties and attributes in the
-    // same object, but that doesn't work so well.
-
-    if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {
-      log.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
-      el.setAttribute(propName, val); // Handle textContent since it's not supported everywhere and we have a
-      // method for it.
-    } else if (propName === 'textContent') {
-      textContent(el, val);
-    } else if (el[propName] !== val) {
-      el[propName] = val;
-    }
-  });
-  Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-    el.setAttribute(attrName, attributes[attrName]);
-  });
-
-  if (content) {
-    appendContent(el, content);
-  }
-
-  return el;
-}
-/**
- * Injects text into an element, replacing any existing contents entirely.
- *
- * @param  {Element} el
- *         The element to add text content into
- *
- * @param  {string} text
- *         The text content to add.
- *
- * @return {Element}
- *         The element with added text content.
- */
-
-function textContent(el, text) {
-  if (typeof el.textContent === 'undefined') {
-    el.innerText = text;
-  } else {
-    el.textContent = text;
-  }
-
-  return el;
-}
-/**
- * Insert an element as the first child node of another
- *
- * @param {Element} child
- *        Element to insert
- *
- * @param {Element} parent
- *        Element to insert child into
- */
-
-function prependTo(child, parent) {
-  if (parent.firstChild) {
-    parent.insertBefore(child, parent.firstChild);
-  } else {
-    parent.appendChild(child);
-  }
-}
-/**
- * Check if an element has a class name.
- *
- * @param  {Element} element
- *         Element to check
- *
- * @param  {string} classToCheck
- *         Class name to check for
- *
- * @return {boolean}
- *         Will be `true` if the element has a class, `false` otherwise.
- *
- * @throws {Error}
- *         Throws an error if `classToCheck` has white space.
- */
-
-function hasClass(element, classToCheck) {
-  throwIfWhitespace(classToCheck);
-
-  if (element.classList) {
-    return element.classList.contains(classToCheck);
-  }
-
-  return classRegExp(classToCheck).test(element.className);
-}
-/**
- * Add a class name to an element.
- *
- * @param  {Element} element
- *         Element to add class name to.
- *
- * @param  {string} classToAdd
- *         Class name to add.
- *
- * @return {Element}
- *         The DOM element with the added class name.
- */
-
-function addClass(element, classToAdd) {
-  if (element.classList) {
-    element.classList.add(classToAdd); // Don't need to `throwIfWhitespace` here because `hasElClass` will do it
-    // in the case of classList not being supported.
-  } else if (!hasClass(element, classToAdd)) {
-    element.className = (element.className + ' ' + classToAdd).trim();
-  }
-
-  return element;
-}
-/**
- * Remove a class name from an element.
- *
- * @param  {Element} element
- *         Element to remove a class name from.
- *
- * @param  {string} classToRemove
- *         Class name to remove
- *
- * @return {Element}
- *         The DOM element with class name removed.
- */
-
-function removeClass(element, classToRemove) {
-  if (element.classList) {
-    element.classList.remove(classToRemove);
-  } else {
-    throwIfWhitespace(classToRemove);
-    element.className = element.className.split(/\s+/).filter(function (c) {
-      return c !== classToRemove;
-    }).join(' ');
-  }
-
-  return element;
-}
-/**
- * The callback definition for toggleClass.
- *
- * @callback module:dom~PredicateCallback
- * @param    {Element} element
- *           The DOM element of the Component.
- *
- * @param    {string} classToToggle
- *           The `className` that wants to be toggled
- *
- * @return   {boolean|undefined}
- *           If `true` is returned, the `classToToggle` will be added to the
- *           `element`. If `false`, the `classToToggle` will be removed from
- *           the `element`. If `undefined`, the callback will be ignored.
- */
-
-/**
- * Adds or removes a class name to/from an element depending on an optional
- * condition or the presence/absence of the class name.
- *
- * @param  {Element} element
- *         The element to toggle a class name on.
- *
- * @param  {string} classToToggle
- *         The class that should be toggled.
- *
- * @param  {boolean|module:dom~PredicateCallback} [predicate]
- *         See the return value for {@link module:dom~PredicateCallback}
- *
- * @return {Element}
- *         The element with a class that has been toggled.
- */
-
-function toggleClass(element, classToToggle, predicate) {
-  // This CANNOT use `classList` internally because IE11 does not support the
-  // second parameter to the `classList.toggle()` method! Which is fine because
-  // `classList` will be used by the add/remove functions.
-  var has = hasClass(element, classToToggle);
-
-  if (typeof predicate === 'function') {
-    predicate = predicate(element, classToToggle);
-  }
-
-  if (typeof predicate !== 'boolean') {
-    predicate = !has;
-  } // If the necessary class operation matches the current state of the
-  // element, no action is required.
-
-
-  if (predicate === has) {
-    return;
-  }
-
-  if (predicate) {
-    addClass(element, classToToggle);
-  } else {
-    removeClass(element, classToToggle);
-  }
-
-  return element;
-}
-/**
- * Apply attributes to an HTML element.
- *
- * @param {Element} el
- *        Element to add attributes to.
- *
- * @param {Object} [attributes]
- *        Attributes to be applied.
- */
-
-function setAttributes(el, attributes) {
-  Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-    var attrValue = attributes[attrName];
-
-    if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {
-      el.removeAttribute(attrName);
-    } else {
-      el.setAttribute(attrName, attrValue === true ? '' : attrValue);
-    }
-  });
-}
-/**
- * Get an element's attribute values, as defined on the HTML tag.
- *
- * Attributes are not the same as properties. They're defined on the tag
- * or with setAttribute.
- *
- * @param  {Element} tag
- *         Element from which to get tag attributes.
- *
- * @return {Object}
- *         All attributes of the element. Boolean attributes will be `true` or
- *         `false`, others will be strings.
- */
-
-function getAttributes(tag) {
-  var obj = {}; // known boolean attributes
-  // we can check for matching boolean properties, but not all browsers
-  // and not all tags know about these attributes, so, we still want to check them manually
-
-  var knownBooleans = ',' + 'autoplay,controls,playsinline,loop,muted,default,defaultMuted' + ',';
-
-  if (tag && tag.attributes && tag.attributes.length > 0) {
-    var attrs = tag.attributes;
-
-    for (var i = attrs.length - 1; i >= 0; i--) {
-      var attrName = attrs[i].name;
-      var attrVal = attrs[i].value; // check for known booleans
-      // the matching element property will return a value for typeof
-
-      if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(',' + attrName + ',') !== -1) {
-        // the value of an included boolean attribute is typically an empty
-        // string ('') which would equal false if we just check for a false value.
-        // we also don't want support bad code like autoplay='false'
-        attrVal = attrVal !== null ? true : false;
-      }
-
-      obj[attrName] = attrVal;
-    }
-  }
-
-  return obj;
-}
-/**
- * Get the value of an element's attribute.
- *
- * @param {Element} el
- *        A DOM element.
- *
- * @param {string} attribute
- *        Attribute to get the value of.
- *
- * @return {string}
- *         The value of the attribute.
- */
-
-function getAttribute(el, attribute) {
-  return el.getAttribute(attribute);
-}
-/**
- * Set the value of an element's attribute.
- *
- * @param {Element} el
- *        A DOM element.
- *
- * @param {string} attribute
- *        Attribute to set.
- *
- * @param {string} value
- *        Value to set the attribute to.
- */
-
-function setAttribute(el, attribute, value) {
-  el.setAttribute(attribute, value);
-}
-/**
- * Remove an element's attribute.
- *
- * @param {Element} el
- *        A DOM element.
- *
- * @param {string} attribute
- *        Attribute to remove.
- */
-
-function removeAttribute(el, attribute) {
-  el.removeAttribute(attribute);
-}
-/**
- * Attempt to block the ability to select text.
- */
-
-function blockTextSelection() {
-  document.body.focus();
-
-  document.onselectstart = function () {
-    return false;
-  };
-}
-/**
- * Turn off text selection blocking.
- */
-
-function unblockTextSelection() {
-  document.onselectstart = function () {
-    return true;
-  };
-}
-/**
- * Identical to the native `getBoundingClientRect` function, but ensures that
- * the method is supported at all (it is in all browsers we claim to support)
- * and that the element is in the DOM before continuing.
- *
- * This wrapper function also shims properties which are not provided by some
- * older browsers (namely, IE8).
- *
- * Additionally, some browsers do not support adding properties to a
- * `ClientRect`/`DOMRect` object; so, we shallow-copy it with the standard
- * properties (except `x` and `y` which are not widely supported). This helps
- * avoid implementations where keys are non-enumerable.
- *
- * @param  {Element} el
- *         Element whose `ClientRect` we want to calculate.
- *
- * @return {Object|undefined}
- *         Always returns a plain object - or `undefined` if it cannot.
- */
-
-function getBoundingClientRect(el) {
-  if (el && el.getBoundingClientRect && el.parentNode) {
-    var rect = el.getBoundingClientRect();
-    var result = {};
-    ['bottom', 'height', 'left', 'right', 'top', 'width'].forEach(function (k) {
-      if (rect[k] !== undefined) {
-        result[k] = rect[k];
-      }
-    });
-
-    if (!result.height) {
-      result.height = parseFloat(computedStyle(el, 'height'));
-    }
-
-    if (!result.width) {
-      result.width = parseFloat(computedStyle(el, 'width'));
-    }
-
-    return result;
-  }
-}
-/**
- * Represents the position of a DOM element on the page.
- *
- * @typedef  {Object} module:dom~Position
- *
- * @property {number} left
- *           Pixels to the left.
- *
- * @property {number} top
- *           Pixels from the top.
- */
-
-/**
- * Get the position of an element in the DOM.
- *
- * Uses `getBoundingClientRect` technique from John Resig.
- *
- * @see http://ejohn.org/blog/getboundingclientrect-is-awesome/
- *
- * @param  {Element} el
- *         Element from which to get offset.
- *
- * @return {module:dom~Position}
- *         The position of the element that was passed in.
- */
-
-function findPosition(el) {
-  var box;
-
-  if (el.getBoundingClientRect && el.parentNode) {
-    box = el.getBoundingClientRect();
-  }
-
-  if (!box) {
-    return {
-      left: 0,
-      top: 0
-    };
-  }
-
-  var docEl = document.documentElement;
-  var body = document.body;
-  var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-  var scrollLeft = window$1.pageXOffset || body.scrollLeft;
-  var left = box.left + scrollLeft - clientLeft;
-  var clientTop = docEl.clientTop || body.clientTop || 0;
-  var scrollTop = window$1.pageYOffset || body.scrollTop;
-  var top = box.top + scrollTop - clientTop; // Android sometimes returns slightly off decimal values, so need to round
-
-  return {
-    left: Math.round(left),
-    top: Math.round(top)
-  };
-}
-/**
- * Represents x and y coordinates for a DOM element or mouse pointer.
- *
- * @typedef  {Object} module:dom~Coordinates
- *
- * @property {number} x
- *           x coordinate in pixels
- *
- * @property {number} y
- *           y coordinate in pixels
- */
-
-/**
- * Get the pointer position within an element.
- *
- * The base on the coordinates are the bottom left of the element.
- *
- * @param  {Element} el
- *         Element on which to get the pointer position on.
- *
- * @param  {EventTarget~Event} event
- *         Event object.
- *
- * @return {module:dom~Coordinates}
- *         A coordinates object corresponding to the mouse position.
- *
- */
-
-function getPointerPosition(el, event) {
-  var position = {};
-  var box = findPosition(el);
-  var boxW = el.offsetWidth;
-  var boxH = el.offsetHeight;
-  var boxY = box.top;
-  var boxX = box.left;
-  var pageY = event.pageY;
-  var pageX = event.pageX;
-
-  if (event.changedTouches) {
-    pageX = event.changedTouches[0].pageX;
-    pageY = event.changedTouches[0].pageY;
-  }
-
-  position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));
-  position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));
-  return position;
-}
-/**
- * Determines, via duck typing, whether or not a value is a text node.
- *
- * @param  {Mixed} value
- *         Check if this value is a text node.
- *
- * @return {boolean}
- *         Will be `true` if the value is a text node, `false` otherwise.
- */
-
-function isTextNode(value) {
-  return isObject(value) && value.nodeType === 3;
-}
-/**
- * Empties the contents of an element.
- *
- * @param  {Element} el
- *         The element to empty children from
- *
- * @return {Element}
- *         The element with no children
- */
-
-function emptyEl(el) {
-  while (el.firstChild) {
-    el.removeChild(el.firstChild);
-  }
-
-  return el;
-}
-/**
- * This is a mixed value that describes content to be injected into the DOM
- * via some method. It can be of the following types:
- *
- * Type       | Description
- * -----------|-------------
- * `string`   | The value will be normalized into a text node.
- * `Element`  | The value will be accepted as-is.
- * `TextNode` | The value will be accepted as-is.
- * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
- * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
- *
- * @typedef {string|Element|TextNode|Array|Function} module:dom~ContentDescriptor
- */
-
-/**
- * Normalizes content for eventual insertion into the DOM.
- *
- * This allows a wide range of content definition methods, but helps protect
- * from falling into the trap of simply writing to `innerHTML`, which could
- * be an XSS concern.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * @param {module:dom~ContentDescriptor} content
- *        A content descriptor value.
- *
- * @return {Array}
- *         All of the content that was passed in, normalized to an array of
- *         elements or text nodes.
- */
-
-function normalizeContent(content) {
-  // First, invoke content if it is a function. If it produces an array,
-  // that needs to happen before normalization.
-  if (typeof content === 'function') {
-    content = content();
-  } // Next up, normalize to an array, so one or many items can be normalized,
-  // filtered, and returned.
-
-
-  return (Array.isArray(content) ? content : [content]).map(function (value) {
-    // First, invoke value if it is a function to produce a new value,
-    // which will be subsequently normalized to a Node of some kind.
-    if (typeof value === 'function') {
-      value = value();
-    }
-
-    if (isEl(value) || isTextNode(value)) {
-      return value;
-    }
-
-    if (typeof value === 'string' && /\S/.test(value)) {
-      return document.createTextNode(value);
-    }
-  }).filter(function (value) {
-    return value;
-  });
-}
-/**
- * Normalizes and appends content to an element.
- *
- * @param  {Element} el
- *         Element to append normalized content to.
- *
- * @param {module:dom~ContentDescriptor} content
- *        A content descriptor value.
- *
- * @return {Element}
- *         The element with appended normalized content.
- */
-
-function appendContent(el, content) {
-  normalizeContent(content).forEach(function (node) {
-    return el.appendChild(node);
-  });
-  return el;
-}
-/**
- * Normalizes and inserts content into an element; this is identical to
- * `appendContent()`, except it empties the element first.
- *
- * @param {Element} el
- *        Element to insert normalized content into.
- *
- * @param {module:dom~ContentDescriptor} content
- *        A content descriptor value.
- *
- * @return {Element}
- *         The element with inserted normalized content.
- */
-
-function insertContent(el, content) {
-  return appendContent(emptyEl(el), content);
-}
-/**
- * Check if an event was a single left click.
- *
- * @param  {EventTarget~Event} event
- *         Event object.
- *
- * @return {boolean}
- *         Will be `true` if a single left click, `false` otherwise.
- */
-
-function isSingleLeftClick(event) {
-  // Note: if you create something draggable, be sure to
-  // call it on both `mousedown` and `mousemove` event,
-  // otherwise `mousedown` should be enough for a button
-  if (event.button === undefined && event.buttons === undefined) {
-    // Why do we need `buttons` ?
-    // Because, middle mouse sometimes have this:
-    // e.button === 0 and e.buttons === 4
-    // Furthermore, we want to prevent combination click, something like
-    // HOLD middlemouse then left click, that would be
-    // e.button === 0, e.buttons === 5
-    // just `button` is not gonna work
-    // Alright, then what this block does ?
-    // this is for chrome `simulate mobile devices`
-    // I want to support this as well
-    return true;
-  }
-
-  if (event.button === 0 && event.buttons === undefined) {
-    // Touch screen, sometimes on some specific device, `buttons`
-    // doesn't have anything (safari on ios, blackberry...)
-    return true;
-  } // `mouseup` event on a single left click has
-  // `button` and `buttons` equal to 0
-
-
-  if (event.type === 'mouseup' && event.button === 0 && event.buttons === 0) {
-    return true;
-  }
-
-  if (event.button !== 0 || event.buttons !== 1) {
-    // This is the reason we have those if else block above
-    // if any special case we can catch and let it slide
-    // we do it above, when get to here, this definitely
-    // is-not-left-click
-    return false;
-  }
-
-  return true;
-}
-/**
- * Finds a single DOM element matching `selector` within the optional
- * `context` of another DOM element (defaulting to `document`).
- *
- * @param  {string} selector
- *         A valid CSS selector, which will be passed to `querySelector`.
- *
- * @param  {Element|String} [context=document]
- *         A DOM element within which to query. Can also be a selector
- *         string in which case the first matching element will be used
- *         as context. If missing (or no element matches selector), falls
- *         back to `document`.
- *
- * @return {Element|null}
- *         The element that was found or null.
- */
-
-var $ = createQuerier('querySelector');
-/**
- * Finds a all DOM elements matching `selector` within the optional
- * `context` of another DOM element (defaulting to `document`).
- *
- * @param  {string} selector
- *         A valid CSS selector, which will be passed to `querySelectorAll`.
- *
- * @param  {Element|String} [context=document]
- *         A DOM element within which to query. Can also be a selector
- *         string in which case the first matching element will be used
- *         as context. If missing (or no element matches selector), falls
- *         back to `document`.
- *
- * @return {NodeList}
- *         A element list of elements that were found. Will be empty if none
- *         were found.
- *
- */
-
-var $$ = createQuerier('querySelectorAll');
-
-var Dom = /*#__PURE__*/Object.freeze({
-  isReal: isReal,
-  isEl: isEl,
-  isInFrame: isInFrame,
-  createEl: createEl,
-  textContent: textContent,
-  prependTo: prependTo,
-  hasClass: hasClass,
-  addClass: addClass,
-  removeClass: removeClass,
-  toggleClass: toggleClass,
-  setAttributes: setAttributes,
-  getAttributes: getAttributes,
-  getAttribute: getAttribute,
-  setAttribute: setAttribute,
-  removeAttribute: removeAttribute,
-  blockTextSelection: blockTextSelection,
-  unblockTextSelection: unblockTextSelection,
-  getBoundingClientRect: getBoundingClientRect,
-  findPosition: findPosition,
-  getPointerPosition: getPointerPosition,
-  isTextNode: isTextNode,
-  emptyEl: emptyEl,
-  normalizeContent: normalizeContent,
-  appendContent: appendContent,
-  insertContent: insertContent,
-  isSingleLeftClick: isSingleLeftClick,
-  $: $,
-  $$: $$
-});
-
-/**
- * @file setup.js - Functions for setting up a player without
- * user interaction based on the data-setup `attribute` of the video tag.
- *
- * @module setup
- */
-var _windowLoaded = false;
-var videojs;
-/**
- * Set up any tags that have a data-setup `attribute` when the player is started.
- */
-
-var autoSetup = function autoSetup() {
-  // Protect against breakage in non-browser environments and check global autoSetup option.
-  if (!isReal() || videojs.options.autoSetup === false) {
-    return;
-  }
-
-  var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-  var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-  var divs = Array.prototype.slice.call(document.getElementsByTagName('video-js'));
-  var mediaEls = vids.concat(audios, divs); // Check if any media elements exist
-
-  if (mediaEls && mediaEls.length > 0) {
-    for (var i = 0, e = mediaEls.length; i < e; i++) {
-      var mediaEl = mediaEls[i]; // Check if element exists, has getAttribute func.
-
-      if (mediaEl && mediaEl.getAttribute) {
-        // Make sure this player hasn't already been set up.
-        if (mediaEl.player === undefined) {
-          var options = mediaEl.getAttribute('data-setup'); // Check if data-setup attr exists.
-          // We only auto-setup if they've added the data-setup attr.
-
-          if (options !== null) {
-            // Create new video.js instance.
-            videojs(mediaEl);
-          }
-        } // If getAttribute isn't defined, we need to wait for the DOM.
-
-      } else {
-        autoSetupTimeout(1);
-        break;
-      }
-    } // No videos were found, so keep looping unless page is finished loading.
-
-  } else if (!_windowLoaded) {
-    autoSetupTimeout(1);
-  }
-};
-/**
- * Wait until the page is loaded before running autoSetup. This will be called in
- * autoSetup if `hasLoaded` returns false.
- *
- * @param {number} wait
- *        How long to wait in ms
- *
- * @param {module:videojs} [vjs]
- *        The videojs library function
- */
-
-
-function autoSetupTimeout(wait, vjs) {
-  if (vjs) {
-    videojs = vjs;
-  }
-
-  window$1.setTimeout(autoSetup, wait);
-}
-/**
- * Used to set the internal tracking of window loaded state to true.
- *
- * @private
- */
-
-
-function setWindowLoaded() {
-  _windowLoaded = true;
-  window$1.removeEventListener('load', setWindowLoaded);
-}
-
-if (isReal()) {
-  if (document.readyState === 'complete') {
-    setWindowLoaded();
-  } else {
-    /**
-     * Listen for the load event on window, and set _windowLoaded to true.
-     *
-     * We use a standard event listener here to avoid incrementing the GUID
-     * before any players are created.
-     *
-     * @listens load
-     */
-    window$1.addEventListener('load', setWindowLoaded);
-  }
-}
-
-/**
- * @file stylesheet.js
- * @module stylesheet
- */
-/**
- * Create a DOM syle element given a className for it.
- *
- * @param {string} className
- *        The className to add to the created style element.
- *
- * @return {Element}
- *         The element that was created.
- */
-
-var createStyleElement = function createStyleElement(className) {
-  var style = document.createElement('style');
-  style.className = className;
-  return style;
-};
-/**
- * Add text to a DOM element.
- *
- * @param {Element} el
- *        The Element to add text content to.
- *
- * @param {string} content
- *        The text to add to the element.
- */
-
-var setTextContent = function setTextContent(el, content) {
-  if (el.styleSheet) {
-    el.styleSheet.cssText = content;
-  } else {
-    el.textContent = content;
-  }
-};
-
-/**
- * @file guid.js
- * @module guid
- */
-// Default value for GUIDs. This allows us to reset the GUID counter in tests.
-//
-// The initial GUID is 3 because some users have come to rely on the first
-// default player ID ending up as `vjs_video_3`.
-//
-// See: https://github.com/videojs/video.js/pull/6216
-var _initialGuid = 3;
-/**
- * Unique ID for an element or function
- *
- * @type {Number}
- */
-
-var _guid = _initialGuid;
-/**
- * Get a unique auto-incrementing ID by number that has not been returned before.
- *
- * @return {number}
- *         A new unique ID.
- */
-
-function newGUID() {
-  return _guid++;
-}
-
-/**
- * @file dom-data.js
- * @module dom-data
- */
-var FakeWeakMap;
-
-if (!window$1.WeakMap) {
-  FakeWeakMap =
-  /*#__PURE__*/
-  function () {
-    function FakeWeakMap() {
-      this.vdata = 'vdata' + Math.floor(window$1.performance && window$1.performance.now() || Date.now());
-      this.data = {};
-    }
-
-    var _proto = FakeWeakMap.prototype;
-
-    _proto.set = function set(key, value) {
-      var access = key[this.vdata] || newGUID();
-
-      if (!key[this.vdata]) {
-        key[this.vdata] = access;
-      }
-
-      this.data[access] = value;
-      return this;
-    };
-
-    _proto.get = function get(key) {
-      var access = key[this.vdata]; // we have data, return it
-
-      if (access) {
-        return this.data[access];
-      } // we don't have data, return nothing.
-      // return undefined explicitly as that's the contract for this method
-
-
-      log('We have no data for this element', key);
-      return undefined;
-    };
-
-    _proto.has = function has(key) {
-      var access = key[this.vdata];
-      return access in this.data;
-    };
-
-    _proto["delete"] = function _delete(key) {
-      var access = key[this.vdata];
-
-      if (access) {
-        delete this.data[access];
-        delete key[this.vdata];
-      }
-    };
-
-    return FakeWeakMap;
-  }();
-}
-/**
- * Element Data Store.
- *
- * Allows for binding data to an element without putting it directly on the
- * element. Ex. Event listeners are stored here.
- * (also from jsninja.com, slightly modified and updated for closure compiler)
- *
- * @type {Object}
- * @private
- */
-
-
-var DomData = window$1.WeakMap ? new WeakMap() : new FakeWeakMap();
-
-/**
- * @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
- * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
- * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
- * robust as jquery's, so there's probably some differences.
- *
- * @file events.js
- * @module events
- */
-/**
- * Clean up the listener cache and dispatchers
- *
- * @param {Element|Object} elem
- *        Element to clean up
- *
- * @param {string} type
- *        Type of event to clean up
- */
-
-function _cleanUpEvents(elem, type) {
-  if (!DomData.has(elem)) {
-    return;
-  }
-
-  var data = DomData.get(elem); // Remove the events of a particular type if there are none left
-
-  if (data.handlers[type].length === 0) {
-    delete data.handlers[type]; // data.handlers[type] = null;
-    // Setting to null was causing an error with data.handlers
-    // Remove the meta-handler from the element
-
-    if (elem.removeEventListener) {
-      elem.removeEventListener(type, data.dispatcher, false);
-    } else if (elem.detachEvent) {
-      elem.detachEvent('on' + type, data.dispatcher);
-    }
-  } // Remove the events object if there are no types left
-
-
-  if (Object.getOwnPropertyNames(data.handlers).length <= 0) {
-    delete data.handlers;
-    delete data.dispatcher;
-    delete data.disabled;
-  } // Finally remove the element data if there is no data left
-
-
-  if (Object.getOwnPropertyNames(data).length === 0) {
-    DomData["delete"](elem);
-  }
-}
-/**
- * Loops through an array of event types and calls the requested method for each type.
- *
- * @param {Function} fn
- *        The event method we want to use.
- *
- * @param {Element|Object} elem
- *        Element or object to bind listeners to
- *
- * @param {string} type
- *        Type of event to bind to.
- *
- * @param {EventTarget~EventListener} callback
- *        Event listener.
- */
-
-
-function _handleMultipleEvents(fn, elem, types, callback) {
-  types.forEach(function (type) {
-    // Call the event method for each one of the types
-    fn(elem, type, callback);
-  });
-}
-/**
- * Fix a native event to have standard property values
- *
- * @param {Object} event
- *        Event object to fix.
- *
- * @return {Object}
- *         Fixed event object.
- */
-
-
-function fixEvent(event) {
-  if (event.fixed_) {
-    return event;
-  }
-
-  function returnTrue() {
-    return true;
-  }
-
-  function returnFalse() {
-    return false;
-  } // Test if fixing up is needed
-  // Used to check if !event.stopPropagation instead of isPropagationStopped
-  // But native events return true for stopPropagation, but don't have
-  // other expected methods like isPropagationStopped. Seems to be a problem
-  // with the Javascript Ninja code. So we're just overriding all events now.
-
-
-  if (!event || !event.isPropagationStopped) {
-    var old = event || window$1.event;
-    event = {}; // Clone the old object so that we can modify the values event = {};
-    // IE8 Doesn't like when you mess with native event properties
-    // Firefox returns false for event.hasOwnProperty('type') and other props
-    //  which makes copying more difficult.
-    // TODO: Probably best to create a whitelist of event props
-
-    for (var key in old) {
-      // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
-      // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation
-      // and webkitMovementX/Y
-      if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation' && key !== 'webkitMovementX' && key !== 'webkitMovementY') {
-        // Chrome 32+ warns if you try to copy deprecated returnValue, but
-        // we still want to if preventDefault isn't supported (IE8).
-        if (!(key === 'returnValue' && old.preventDefault)) {
-          event[key] = old[key];
-        }
-      }
-    } // The event occurred on this element
-
-
-    if (!event.target) {
-      event.target = event.srcElement || document;
-    } // Handle which other element the event is related to
-
-
-    if (!event.relatedTarget) {
-      event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
-    } // Stop the default browser action
-
-
-    event.preventDefault = function () {
-      if (old.preventDefault) {
-        old.preventDefault();
-      }
-
-      event.returnValue = false;
-      old.returnValue = false;
-      event.defaultPrevented = true;
-    };
-
-    event.defaultPrevented = false; // Stop the event from bubbling
-
-    event.stopPropagation = function () {
-      if (old.stopPropagation) {
-        old.stopPropagation();
-      }
-
-      event.cancelBubble = true;
-      old.cancelBubble = true;
-      event.isPropagationStopped = returnTrue;
-    };
-
-    event.isPropagationStopped = returnFalse; // Stop the event from bubbling and executing other handlers
-
-    event.stopImmediatePropagation = function () {
-      if (old.stopImmediatePropagation) {
-        old.stopImmediatePropagation();
-      }
-
-      event.isImmediatePropagationStopped = returnTrue;
-      event.stopPropagation();
-    };
-
-    event.isImmediatePropagationStopped = returnFalse; // Handle mouse position
-
-    if (event.clientX !== null && event.clientX !== undefined) {
-      var doc = document.documentElement;
-      var body = document.body;
-      event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
-      event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
-    } // Handle key presses
-
-
-    event.which = event.charCode || event.keyCode; // Fix button for mouse clicks:
-    // 0 == left; 1 == middle; 2 == right
-
-    if (event.button !== null && event.button !== undefined) {
-      // The following is disabled because it does not pass videojs-standard
-      // and... yikes.
-
-      /* eslint-disable */
-      event.button = event.button & 1 ? 0 : event.button & 4 ? 1 : event.button & 2 ? 2 : 0;
-      /* eslint-enable */
-    }
-  }
-
-  event.fixed_ = true; // Returns fixed-up instance
-
-  return event;
-}
-/**
- * Whether passive event listeners are supported
- */
-
-var _supportsPassive;
-
-var supportsPassive = function supportsPassive() {
-  if (typeof _supportsPassive !== 'boolean') {
-    _supportsPassive = false;
-
-    try {
-      var opts = Object.defineProperty({}, 'passive', {
-        get: function get() {
-          _supportsPassive = true;
-        }
-      });
-      window$1.addEventListener('test', null, opts);
-      window$1.removeEventListener('test', null, opts);
-    } catch (e) {// disregard
-    }
-  }
-
-  return _supportsPassive;
-};
-/**
- * Touch events Chrome expects to be passive
- */
-
-
-var passiveEvents = ['touchstart', 'touchmove'];
-/**
- * Add an event listener to element
- * It stores the handler function in a separate cache object
- * and adds a generic handler to the element's event,
- * along with a unique id (guid) to the element.
- *
- * @param {Element|Object} elem
- *        Element or object to bind listeners to
- *
- * @param {string|string[]} type
- *        Type of event to bind to.
- *
- * @param {EventTarget~EventListener} fn
- *        Event listener.
- */
-
-function on(elem, type, fn) {
-  if (Array.isArray(type)) {
-    return _handleMultipleEvents(on, elem, type, fn);
-  }
-
-  if (!DomData.has(elem)) {
-    DomData.set(elem, {});
-  }
-
-  var data = DomData.get(elem); // We need a place to store all our handler data
-
-  if (!data.handlers) {
-    data.handlers = {};
-  }
-
-  if (!data.handlers[type]) {
-    data.handlers[type] = [];
-  }
-
-  if (!fn.guid) {
-    fn.guid = newGUID();
-  }
-
-  data.handlers[type].push(fn);
-
-  if (!data.dispatcher) {
-    data.disabled = false;
-
-    data.dispatcher = function (event, hash) {
-      if (data.disabled) {
-        return;
-      }
-
-      event = fixEvent(event);
-      var handlers = data.handlers[event.type];
-
-      if (handlers) {
-        // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
-        var handlersCopy = handlers.slice(0);
-
-        for (var m = 0, n = handlersCopy.length; m < n; m++) {
-          if (event.isImmediatePropagationStopped()) {
-            break;
-          } else {
-            try {
-              handlersCopy[m].call(elem, event, hash);
-            } catch (e) {
-              log.error(e);
-            }
-          }
-        }
-      }
-    };
-  }
-
-  if (data.handlers[type].length === 1) {
-    if (elem.addEventListener) {
-      var options = false;
-
-      if (supportsPassive() && passiveEvents.indexOf(type) > -1) {
-        options = {
-          passive: true
-        };
-      }
-
-      elem.addEventListener(type, data.dispatcher, options);
-    } else if (elem.attachEvent) {
-      elem.attachEvent('on' + type, data.dispatcher);
-    }
-  }
-}
-/**
- * Removes event listeners from an element
- *
- * @param {Element|Object} elem
- *        Object to remove listeners from.
- *
- * @param {string|string[]} [type]
- *        Type of listener to remove. Don't include to remove all events from element.
- *
- * @param {EventTarget~EventListener} [fn]
- *        Specific listener to remove. Don't include to remove listeners for an event
- *        type.
- */
-
-function off(elem, type, fn) {
-  // Don't want to add a cache object through getElData if not needed
-  if (!DomData.has(elem)) {
-    return;
-  }
-
-  var data = DomData.get(elem); // If no events exist, nothing to unbind
-
-  if (!data.handlers) {
-    return;
-  }
-
-  if (Array.isArray(type)) {
-    return _handleMultipleEvents(off, elem, type, fn);
-  } // Utility function
-
-
-  var removeType = function removeType(el, t) {
-    data.handlers[t] = [];
-
-    _cleanUpEvents(el, t);
-  }; // Are we removing all bound events?
-
-
-  if (type === undefined) {
-    for (var t in data.handlers) {
-      if (Object.prototype.hasOwnProperty.call(data.handlers || {}, t)) {
-        removeType(elem, t);
-      }
-    }
-
-    return;
-  }
-
-  var handlers = data.handlers[type]; // If no handlers exist, nothing to unbind
-
-  if (!handlers) {
-    return;
-  } // If no listener was provided, remove all listeners for type
-
-
-  if (!fn) {
-    removeType(elem, type);
-    return;
-  } // We're only removing a single handler
-
-
-  if (fn.guid) {
-    for (var n = 0; n < handlers.length; n++) {
-      if (handlers[n].guid === fn.guid) {
-        handlers.splice(n--, 1);
-      }
-    }
-  }
-
-  _cleanUpEvents(elem, type);
-}
-/**
- * Trigger an event for an element
- *
- * @param {Element|Object} elem
- *        Element to trigger an event on
- *
- * @param {EventTarget~Event|string} event
- *        A string (the type) or an event object with a type attribute
- *
- * @param {Object} [hash]
- *        data hash to pass along with the event
- *
- * @return {boolean|undefined}
- *         Returns the opposite of `defaultPrevented` if default was
- *         prevented. Otherwise, returns `undefined`
- */
-
-function trigger(elem, event, hash) {
-  // Fetches element data and a reference to the parent (for bubbling).
-  // Don't want to add a data object to cache for every parent,
-  // so checking hasElData first.
-  var elemData = DomData.has(elem) ? DomData.get(elem) : {};
-  var parent = elem.parentNode || elem.ownerDocument; // type = event.type || event,
-  // handler;
-  // If an event name was passed as a string, creates an event out of it
-
-  if (typeof event === 'string') {
-    event = {
-      type: event,
-      target: elem
-    };
-  } else if (!event.target) {
-    event.target = elem;
-  } // Normalizes the event properties.
-
-
-  event = fixEvent(event); // If the passed element has a dispatcher, executes the established handlers.
-
-  if (elemData.dispatcher) {
-    elemData.dispatcher.call(elem, event, hash);
-  } // Unless explicitly stopped or the event does not bubble (e.g. media events)
-  // recursively calls this function to bubble the event up the DOM.
-
-
-  if (parent && !event.isPropagationStopped() && event.bubbles === true) {
-    trigger.call(null, parent, event, hash); // If at the top of the DOM, triggers the default action unless disabled.
-  } else if (!parent && !event.defaultPrevented && event.target && event.target[event.type]) {
-    if (!DomData.has(event.target)) {
-      DomData.set(event.target, {});
-    }
-
-    var targetData = DomData.get(event.target); // Checks if the target has a default action for this event.
-
-    if (event.target[event.type]) {
-      // Temporarily disables event dispatching on the target as we have already executed the handler.
-      targetData.disabled = true; // Executes the default action.
-
-      if (typeof event.target[event.type] === 'function') {
-        event.target[event.type]();
-      } // Re-enables event dispatching.
-
-
-      targetData.disabled = false;
-    }
-  } // Inform the triggerer if the default was prevented by returning false
-
-
-  return !event.defaultPrevented;
-}
-/**
- * Trigger a listener only once for an event.
- *
- * @param {Element|Object} elem
- *        Element or object to bind to.
- *
- * @param {string|string[]} type
- *        Name/type of event
- *
- * @param {Event~EventListener} fn
- *        Event listener function
- */
-
-function one(elem, type, fn) {
-  if (Array.isArray(type)) {
-    return _handleMultipleEvents(one, elem, type, fn);
-  }
-
-  var func = function func() {
-    off(elem, type, func);
-    fn.apply(this, arguments);
-  }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-  func.guid = fn.guid = fn.guid || newGUID();
-  on(elem, type, func);
-}
-/**
- * Trigger a listener only once and then turn if off for all
- * configured events
- *
- * @param {Element|Object} elem
- *        Element or object to bind to.
- *
- * @param {string|string[]} type
- *        Name/type of event
- *
- * @param {Event~EventListener} fn
- *        Event listener function
- */
-
-function any(elem, type, fn) {
-  var func = function func() {
-    off(elem, type, func);
-    fn.apply(this, arguments);
-  }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-  func.guid = fn.guid = fn.guid || newGUID(); // multiple ons, but one off for everything
-
-  on(elem, type, func);
-}
-
-var Events = /*#__PURE__*/Object.freeze({
-  fixEvent: fixEvent,
-  on: on,
-  off: off,
-  trigger: trigger,
-  one: one,
-  any: any
-});
-
-/**
- * @file fn.js
- * @module fn
- */
-var UPDATE_REFRESH_INTERVAL = 30;
-/**
- * Bind (a.k.a proxy or context). A simple method for changing the context of
- * a function.
- *
- * It also stores a unique id on the function so it can be easily removed from
- * events.
- *
- * @function
- * @param    {Mixed} context
- *           The object to bind as scope.
- *
- * @param    {Function} fn
- *           The function to be bound to a scope.
- *
- * @param    {number} [uid]
- *           An optional unique ID for the function to be set
- *
- * @return   {Function}
- *           The new function that will be bound into the context given
- */
-
-var bind = function bind(context, fn, uid) {
-  // Make sure the function has a unique ID
-  if (!fn.guid) {
-    fn.guid = newGUID();
-  } // Create the new function that changes the context
-
-
-  var bound = fn.bind(context); // Allow for the ability to individualize this function
-  // Needed in the case where multiple objects might share the same prototype
-  // IF both items add an event listener with the same function, then you try to remove just one
-  // it will remove both because they both have the same guid.
-  // when using this, you need to use the bind method when you remove the listener as well.
-  // currently used in text tracks
-
-  bound.guid = uid ? uid + '_' + fn.guid : fn.guid;
-  return bound;
-};
-/**
- * Wraps the given function, `fn`, with a new function that only invokes `fn`
- * at most once per every `wait` milliseconds.
- *
- * @function
- * @param    {Function} fn
- *           The function to be throttled.
- *
- * @param    {number}   wait
- *           The number of milliseconds by which to throttle.
- *
- * @return   {Function}
- */
-
-var throttle = function throttle(fn, wait) {
-  var last = window$1.performance.now();
-
-  var throttled = function throttled() {
-    var now = window$1.performance.now();
-
-    if (now - last >= wait) {
-      fn.apply(void 0, arguments);
-      last = now;
-    }
-  };
-
-  return throttled;
-};
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked.
- *
- * Inspired by lodash and underscore implementations.
- *
- * @function
- * @param    {Function} func
- *           The function to wrap with debounce behavior.
- *
- * @param    {number} wait
- *           The number of milliseconds to wait after the last invocation.
- *
- * @param    {boolean} [immediate]
- *           Whether or not to invoke the function immediately upon creation.
- *
- * @param    {Object} [context=window]
- *           The "context" in which the debounced function should debounce. For
- *           example, if this function should be tied to a Video.js player,
- *           the player can be passed here. Alternatively, defaults to the
- *           global `window` object.
- *
- * @return   {Function}
- *           A debounced function.
- */
-
-var debounce = function debounce(func, wait, immediate, context) {
-  if (context === void 0) {
-    context = window$1;
-  }
-
-  var timeout;
-
-  var cancel = function cancel() {
-    context.clearTimeout(timeout);
-    timeout = null;
-  };
-  /* eslint-disable consistent-this */
-
-
-  var debounced = function debounced() {
-    var self = this;
-    var args = arguments;
-
-    var _later = function later() {
-      timeout = null;
-      _later = null;
-
-      if (!immediate) {
-        func.apply(self, args);
-      }
-    };
-
-    if (!timeout && immediate) {
-      func.apply(self, args);
-    }
-
-    context.clearTimeout(timeout);
-    timeout = context.setTimeout(_later, wait);
-  };
-  /* eslint-enable consistent-this */
-
-
-  debounced.cancel = cancel;
-  return debounced;
-};
-
-/**
- * @file src/js/event-target.js
- */
-/**
- * `EventTarget` is a class that can have the same API as the DOM `EventTarget`. It
- * adds shorthand functions that wrap around lengthy functions. For example:
- * the `on` function is a wrapper around `addEventListener`.
- *
- * @see [EventTarget Spec]{@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget}
- * @class EventTarget
- */
-
-var EventTarget = function EventTarget() {};
-/**
- * A Custom DOM event.
- *
- * @typedef {Object} EventTarget~Event
- * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}
- */
-
-/**
- * All event listeners should follow the following format.
- *
- * @callback EventTarget~EventListener
- * @this {EventTarget}
- *
- * @param {EventTarget~Event} event
- *        the event that triggered this function
- *
- * @param {Object} [hash]
- *        hash of data sent during the event
- */
-
-/**
- * An object containing event names as keys and booleans as values.
- *
- * > NOTE: If an event name is set to a true value here {@link EventTarget#trigger}
- *         will have extra functionality. See that function for more information.
- *
- * @property EventTarget.prototype.allowedEvents_
- * @private
- */
-
-
-EventTarget.prototype.allowedEvents_ = {};
-/**
- * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
- * function that will get called when an event with a certain name gets triggered.
- *
- * @param {string|string[]} type
- *        An event name or an array of event names.
- *
- * @param {EventTarget~EventListener} fn
- *        The function to call with `EventTarget`s
- */
-
-EventTarget.prototype.on = function (type, fn) {
-  // Remove the addEventListener alias before calling Events.on
-  // so we don't get into an infinite type loop
-  var ael = this.addEventListener;
-
-  this.addEventListener = function () {};
-
-  on(this, type, fn);
-  this.addEventListener = ael;
-};
-/**
- * An alias of {@link EventTarget#on}. Allows `EventTarget` to mimic
- * the standard DOM API.
- *
- * @function
- * @see {@link EventTarget#on}
- */
-
-
-EventTarget.prototype.addEventListener = EventTarget.prototype.on;
-/**
- * Removes an `event listener` for a specific event from an instance of `EventTarget`.
- * This makes it so that the `event listener` will no longer get called when the
- * named event happens.
- *
- * @param {string|string[]} type
- *        An event name or an array of event names.
- *
- * @param {EventTarget~EventListener} fn
- *        The function to remove.
- */
-
-EventTarget.prototype.off = function (type, fn) {
-  off(this, type, fn);
-};
-/**
- * An alias of {@link EventTarget#off}. Allows `EventTarget` to mimic
- * the standard DOM API.
- *
- * @function
- * @see {@link EventTarget#off}
- */
-
-
-EventTarget.prototype.removeEventListener = EventTarget.prototype.off;
-/**
- * This function will add an `event listener` that gets triggered only once. After the
- * first trigger it will get removed. This is like adding an `event listener`
- * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.
- *
- * @param {string|string[]} type
- *        An event name or an array of event names.
- *
- * @param {EventTarget~EventListener} fn
- *        The function to be called once for each event name.
- */
-
-EventTarget.prototype.one = function (type, fn) {
-  // Remove the addEventListener aliasing Events.on
-  // so we don't get into an infinite type loop
-  var ael = this.addEventListener;
-
-  this.addEventListener = function () {};
-
-  one(this, type, fn);
-  this.addEventListener = ael;
-};
-
-EventTarget.prototype.any = function (type, fn) {
-  // Remove the addEventListener aliasing Events.on
-  // so we don't get into an infinite type loop
-  var ael = this.addEventListener;
-
-  this.addEventListener = function () {};
-
-  any(this, type, fn);
-  this.addEventListener = ael;
-};
-/**
- * This function causes an event to happen. This will then cause any `event listeners`
- * that are waiting for that event, to get called. If there are no `event listeners`
- * for an event then nothing will happen.
- *
- * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.
- * Trigger will also call the `on` + `uppercaseEventName` function.
- *
- * Example:
- * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call
- * `onClick` if it exists.
- *
- * @param {string|EventTarget~Event|Object} event
- *        The name of the event, an `Event`, or an object with a key of type set to
- *        an event name.
- */
-
-
-EventTarget.prototype.trigger = function (event) {
-  var type = event.type || event; // deprecation
-  // In a future version we should default target to `this`
-  // similar to how we default the target to `elem` in
-  // `Events.trigger`. Right now the default `target` will be
-  // `document` due to the `Event.fixEvent` call.
-
-  if (typeof event === 'string') {
-    event = {
-      type: type
-    };
-  }
-
-  event = fixEvent(event);
-
-  if (this.allowedEvents_[type] && this['on' + type]) {
-    this['on' + type](event);
-  }
-
-  trigger(this, event);
-};
-/**
- * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic
- * the standard DOM API.
- *
- * @function
- * @see {@link EventTarget#trigger}
- */
-
-
-EventTarget.prototype.dispatchEvent = EventTarget.prototype.trigger;
-var EVENT_MAP;
-
-EventTarget.prototype.queueTrigger = function (event) {
-  var _this = this;
-
-  // only set up EVENT_MAP if it'll be used
-  if (!EVENT_MAP) {
-    EVENT_MAP = new Map();
-  }
-
-  var type = event.type || event;
-  var map = EVENT_MAP.get(this);
-
-  if (!map) {
-    map = new Map();
-    EVENT_MAP.set(this, map);
-  }
-
-  var oldTimeout = map.get(type);
-  map["delete"](type);
-  window$1.clearTimeout(oldTimeout);
-  var timeout = window$1.setTimeout(function () {
-    // if we cleared out all timeouts for the current target, delete its map
-    if (map.size === 0) {
-      map = null;
-      EVENT_MAP["delete"](_this);
-    }
-
-    _this.trigger(event);
-  }, 0);
-  map.set(type, timeout);
-};
-
-/**
- * @file mixins/evented.js
- * @module evented
- */
-/**
- * Returns whether or not an object has had the evented mixin applied.
- *
- * @param  {Object} object
- *         An object to test.
- *
- * @return {boolean}
- *         Whether or not the object appears to be evented.
- */
-
-var isEvented = function isEvented(object) {
-  return object instanceof EventTarget || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
-    return typeof object[k] === 'function';
-  });
-};
-/**
- * Adds a callback to run after the evented mixin applied.
- *
- * @param  {Object} object
- *         An object to Add
- * @param  {Function} callback
- *         The callback to run.
- */
-
-
-var addEventedCallback = function addEventedCallback(target, callback) {
-  if (isEvented(target)) {
-    callback();
-  } else {
-    if (!target.eventedCallbacks) {
-      target.eventedCallbacks = [];
-    }
-
-    target.eventedCallbacks.push(callback);
-  }
-};
-/**
- * Whether a value is a valid event type - non-empty string or array.
- *
- * @private
- * @param  {string|Array} type
- *         The type value to test.
- *
- * @return {boolean}
- *         Whether or not the type is a valid event type.
- */
-
-
-var isValidEventType = function isValidEventType(type) {
-  return (// The regex here verifies that the `type` contains at least one non-
-    // whitespace character.
-    typeof type === 'string' && /\S/.test(type) || Array.isArray(type) && !!type.length
-  );
-};
-/**
- * Validates a value to determine if it is a valid event target. Throws if not.
- *
- * @private
- * @throws {Error}
- *         If the target does not appear to be a valid event target.
- *
- * @param  {Object} target
- *         The object to test.
- */
-
-
-var validateTarget = function validateTarget(target) {
-  if (!target.nodeName && !isEvented(target)) {
-    throw new Error('Invalid target; must be a DOM node or evented object.');
-  }
-};
-/**
- * Validates a value to determine if it is a valid event target. Throws if not.
- *
- * @private
- * @throws {Error}
- *         If the type does not appear to be a valid event type.
- *
- * @param  {string|Array} type
- *         The type to test.
- */
-
-
-var validateEventType = function validateEventType(type) {
-  if (!isValidEventType(type)) {
-    throw new Error('Invalid event type; must be a non-empty string or array.');
-  }
-};
-/**
- * Validates a value to determine if it is a valid listener. Throws if not.
- *
- * @private
- * @throws {Error}
- *         If the listener is not a function.
- *
- * @param  {Function} listener
- *         The listener to test.
- */
-
-
-var validateListener = function validateListener(listener) {
-  if (typeof listener !== 'function') {
-    throw new Error('Invalid listener; must be a function.');
-  }
-};
-/**
- * Takes an array of arguments given to `on()` or `one()`, validates them, and
- * normalizes them into an object.
- *
- * @private
- * @param  {Object} self
- *         The evented object on which `on()` or `one()` was called. This
- *         object will be bound as the `this` value for the listener.
- *
- * @param  {Array} args
- *         An array of arguments passed to `on()` or `one()`.
- *
- * @return {Object}
- *         An object containing useful values for `on()` or `one()` calls.
- */
-
-
-var normalizeListenArgs = function normalizeListenArgs(self, args) {
-  // If the number of arguments is less than 3, the target is always the
-  // evented object itself.
-  var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;
-  var target;
-  var type;
-  var listener;
-
-  if (isTargetingSelf) {
-    target = self.eventBusEl_; // Deal with cases where we got 3 arguments, but we are still listening to
-    // the evented object itself.
-
-    if (args.length >= 3) {
-      args.shift();
-    }
-
-    type = args[0];
-    listener = args[1];
-  } else {
-    target = args[0];
-    type = args[1];
-    listener = args[2];
-  }
-
-  validateTarget(target);
-  validateEventType(type);
-  validateListener(listener);
-  listener = bind(self, listener);
-  return {
-    isTargetingSelf: isTargetingSelf,
-    target: target,
-    type: type,
-    listener: listener
-  };
-};
-/**
- * Adds the listener to the event type(s) on the target, normalizing for
- * the type of target.
- *
- * @private
- * @param  {Element|Object} target
- *         A DOM node or evented object.
- *
- * @param  {string} method
- *         The event binding method to use ("on" or "one").
- *
- * @param  {string|Array} type
- *         One or more event type(s).
- *
- * @param  {Function} listener
- *         A listener function.
- */
-
-
-var listen = function listen(target, method, type, listener) {
-  validateTarget(target);
-
-  if (target.nodeName) {
-    Events[method](target, type, listener);
-  } else {
-    target[method](type, listener);
-  }
-};
-/**
- * Contains methods that provide event capabilities to an object which is passed
- * to {@link module:evented|evented}.
- *
- * @mixin EventedMixin
- */
-
-
-var EventedMixin = {
-  /**
-   * Add a listener to an event (or events) on this object or another evented
-   * object.
-   *
-   * @param  {string|Array|Element|Object} targetOrType
-   *         If this is a string or array, it represents the event type(s)
-   *         that will trigger the listener.
-   *
-   *         Another evented object can be passed here instead, which will
-   *         cause the listener to listen for events on _that_ object.
-   *
-   *         In either case, the listener's `this` value will be bound to
-   *         this object.
-   *
-   * @param  {string|Array|Function} typeOrListener
-   *         If the first argument was a string or array, this should be the
-   *         listener function. Otherwise, this is a string or array of event
-   *         type(s).
-   *
-   * @param  {Function} [listener]
-   *         If the first argument was another evented object, this will be
-   *         the listener function.
-   */
-  on: function on() {
-    var _this = this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var _normalizeListenArgs = normalizeListenArgs(this, args),
-        isTargetingSelf = _normalizeListenArgs.isTargetingSelf,
-        target = _normalizeListenArgs.target,
-        type = _normalizeListenArgs.type,
-        listener = _normalizeListenArgs.listener;
-
-    listen(target, 'on', type, listener); // If this object is listening to another evented object.
-
-    if (!isTargetingSelf) {
-      // If this object is disposed, remove the listener.
-      var removeListenerOnDispose = function removeListenerOnDispose() {
-        return _this.off(target, type, listener);
-      }; // Use the same function ID as the listener so we can remove it later it
-      // using the ID of the original listener.
-
-
-      removeListenerOnDispose.guid = listener.guid; // Add a listener to the target's dispose event as well. This ensures
-      // that if the target is disposed BEFORE this object, we remove the
-      // removal listener that was just added. Otherwise, we create a memory leak.
-
-      var removeRemoverOnTargetDispose = function removeRemoverOnTargetDispose() {
-        return _this.off('dispose', removeListenerOnDispose);
-      }; // Use the same function ID as the listener so we can remove it later
-      // it using the ID of the original listener.
-
-
-      removeRemoverOnTargetDispose.guid = listener.guid;
-      listen(this, 'on', 'dispose', removeListenerOnDispose);
-      listen(target, 'on', 'dispose', removeRemoverOnTargetDispose);
-    }
-  },
-
-  /**
-   * Add a listener to an event (or events) on this object or another evented
-   * object. The listener will be called once per event and then removed.
-   *
-   * @param  {string|Array|Element|Object} targetOrType
-   *         If this is a string or array, it represents the event type(s)
-   *         that will trigger the listener.
-   *
-   *         Another evented object can be passed here instead, which will
-   *         cause the listener to listen for events on _that_ object.
-   *
-   *         In either case, the listener's `this` value will be bound to
-   *         this object.
-   *
-   * @param  {string|Array|Function} typeOrListener
-   *         If the first argument was a string or array, this should be the
-   *         listener function. Otherwise, this is a string or array of event
-   *         type(s).
-   *
-   * @param  {Function} [listener]
-   *         If the first argument was another evented object, this will be
-   *         the listener function.
-   */
-  one: function one() {
-    var _this2 = this;
-
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    var _normalizeListenArgs2 = normalizeListenArgs(this, args),
-        isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,
-        target = _normalizeListenArgs2.target,
-        type = _normalizeListenArgs2.type,
-        listener = _normalizeListenArgs2.listener; // Targeting this evented object.
-
-
-    if (isTargetingSelf) {
-      listen(target, 'one', type, listener); // Targeting another evented object.
-    } else {
-      // TODO: This wrapper is incorrect! It should only
-      //       remove the wrapper for the event type that called it.
-      //       Instead all listners are removed on the first trigger!
-      //       see https://github.com/videojs/video.js/issues/5962
-      var wrapper = function wrapper() {
-        _this2.off(target, type, wrapper);
-
-        for (var _len3 = arguments.length, largs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          largs[_key3] = arguments[_key3];
-        }
-
-        listener.apply(null, largs);
-      }; // Use the same function ID as the listener so we can remove it later
-      // it using the ID of the original listener.
-
-
-      wrapper.guid = listener.guid;
-      listen(target, 'one', type, wrapper);
-    }
-  },
-
-  /**
-   * Add a listener to an event (or events) on this object or another evented
-   * object. The listener will only be called once for the first event that is triggered
-   * then removed.
-   *
-   * @param  {string|Array|Element|Object} targetOrType
-   *         If this is a string or array, it represents the event type(s)
-   *         that will trigger the listener.
-   *
-   *         Another evented object can be passed here instead, which will
-   *         cause the listener to listen for events on _that_ object.
-   *
-   *         In either case, the listener's `this` value will be bound to
-   *         this object.
-   *
-   * @param  {string|Array|Function} typeOrListener
-   *         If the first argument was a string or array, this should be the
-   *         listener function. Otherwise, this is a string or array of event
-   *         type(s).
-   *
-   * @param  {Function} [listener]
-   *         If the first argument was another evented object, this will be
-   *         the listener function.
-   */
-  any: function any() {
-    var _this3 = this;
-
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-
-    var _normalizeListenArgs3 = normalizeListenArgs(this, args),
-        isTargetingSelf = _normalizeListenArgs3.isTargetingSelf,
-        target = _normalizeListenArgs3.target,
-        type = _normalizeListenArgs3.type,
-        listener = _normalizeListenArgs3.listener; // Targeting this evented object.
-
-
-    if (isTargetingSelf) {
-      listen(target, 'any', type, listener); // Targeting another evented object.
-    } else {
-      var wrapper = function wrapper() {
-        _this3.off(target, type, wrapper);
-
-        for (var _len5 = arguments.length, largs = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-          largs[_key5] = arguments[_key5];
-        }
-
-        listener.apply(null, largs);
-      }; // Use the same function ID as the listener so we can remove it later
-      // it using the ID of the original listener.
-
-
-      wrapper.guid = listener.guid;
-      listen(target, 'any', type, wrapper);
-    }
-  },
-
-  /**
-   * Removes listener(s) from event(s) on an evented object.
-   *
-   * @param  {string|Array|Element|Object} [targetOrType]
-   *         If this is a string or array, it represents the event type(s).
-   *
-   *         Another evented object can be passed here instead, in which case
-   *         ALL 3 arguments are _required_.
-   *
-   * @param  {string|Array|Function} [typeOrListener]
-   *         If the first argument was a string or array, this may be the
-   *         listener function. Otherwise, this is a string or array of event
-   *         type(s).
-   *
-   * @param  {Function} [listener]
-   *         If the first argument was another evented object, this will be
-   *         the listener function; otherwise, _all_ listeners bound to the
-   *         event type(s) will be removed.
-   */
-  off: function off$1(targetOrType, typeOrListener, listener) {
-    // Targeting this evented object.
-    if (!targetOrType || isValidEventType(targetOrType)) {
-      off(this.eventBusEl_, targetOrType, typeOrListener); // Targeting another evented object.
-    } else {
-      var target = targetOrType;
-      var type = typeOrListener; // Fail fast and in a meaningful way!
-
-      validateTarget(target);
-      validateEventType(type);
-      validateListener(listener); // Ensure there's at least a guid, even if the function hasn't been used
-
-      listener = bind(this, listener); // Remove the dispose listener on this evented object, which was given
-      // the same guid as the event listener in on().
-
-      this.off('dispose', listener);
-
-      if (target.nodeName) {
-        off(target, type, listener);
-        off(target, 'dispose', listener);
-      } else if (isEvented(target)) {
-        target.off(type, listener);
-        target.off('dispose', listener);
-      }
-    }
-  },
-
-  /**
-   * Fire an event on this evented object, causing its listeners to be called.
-   *
-   * @param   {string|Object} event
-   *          An event type or an object with a type property.
-   *
-   * @param   {Object} [hash]
-   *          An additional object to pass along to listeners.
-   *
-   * @return {boolean}
-   *          Whether or not the default behavior was prevented.
-   */
-  trigger: function trigger$1(event, hash) {
-    return trigger(this.eventBusEl_, event, hash);
-  }
-};
-/**
- * Applies {@link module:evented~EventedMixin|EventedMixin} to a target object.
- *
- * @param  {Object} target
- *         The object to which to add event methods.
- *
- * @param  {Object} [options={}]
- *         Options for customizing the mixin behavior.
- *
- * @param  {string} [options.eventBusKey]
- *         By default, adds a `eventBusEl_` DOM element to the target object,
- *         which is used as an event bus. If the target object already has a
- *         DOM element that should be used, pass its key here.
- *
- * @return {Object}
- *         The target object.
- */
-
-function evented(target, options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var _options = options,
-      eventBusKey = _options.eventBusKey; // Set or create the eventBusEl_.
-
-  if (eventBusKey) {
-    if (!target[eventBusKey].nodeName) {
-      throw new Error("The eventBusKey \"" + eventBusKey + "\" does not refer to an element.");
-    }
-
-    target.eventBusEl_ = target[eventBusKey];
-  } else {
-    target.eventBusEl_ = createEl('span', {
-      className: 'vjs-event-bus'
-    });
-  }
-
-  assign(target, EventedMixin);
-
-  if (target.eventedCallbacks) {
-    target.eventedCallbacks.forEach(function (callback) {
-      callback();
-    });
-  } // When any evented object is disposed, it removes all its listeners.
-
-
-  target.on('dispose', function () {
-    target.off();
-    window$1.setTimeout(function () {
-      target.eventBusEl_ = null;
-    }, 0);
-  });
-  return target;
-}
-
-/**
- * @file mixins/stateful.js
- * @module stateful
- */
-/**
- * Contains methods that provide statefulness to an object which is passed
- * to {@link module:stateful}.
- *
- * @mixin StatefulMixin
- */
-
-var StatefulMixin = {
-  /**
-   * A hash containing arbitrary keys and values representing the state of
-   * the object.
-   *
-   * @type {Object}
-   */
-  state: {},
-
-  /**
-   * Set the state of an object by mutating its
-   * {@link module:stateful~StatefulMixin.state|state} object in place.
-   *
-   * @fires   module:stateful~StatefulMixin#statechanged
-   * @param   {Object|Function} stateUpdates
-   *          A new set of properties to shallow-merge into the plugin state.
-   *          Can be a plain object or a function returning a plain object.
-   *
-   * @return {Object|undefined}
-   *          An object containing changes that occurred. If no changes
-   *          occurred, returns `undefined`.
-   */
-  setState: function setState(stateUpdates) {
-    var _this = this;
-
-    // Support providing the `stateUpdates` state as a function.
-    if (typeof stateUpdates === 'function') {
-      stateUpdates = stateUpdates();
-    }
-
-    var changes;
-    each(stateUpdates, function (value, key) {
-      // Record the change if the value is different from what's in the
-      // current state.
-      if (_this.state[key] !== value) {
-        changes = changes || {};
-        changes[key] = {
-          from: _this.state[key],
-          to: value
-        };
-      }
-
-      _this.state[key] = value;
-    }); // Only trigger "statechange" if there were changes AND we have a trigger
-    // function. This allows us to not require that the target object be an
-    // evented object.
-
-    if (changes && isEvented(this)) {
-      /**
-       * An event triggered on an object that is both
-       * {@link module:stateful|stateful} and {@link module:evented|evented}
-       * indicating that its state has changed.
-       *
-       * @event    module:stateful~StatefulMixin#statechanged
-       * @type     {Object}
-       * @property {Object} changes
-       *           A hash containing the properties that were changed and
-       *           the values they were changed `from` and `to`.
-       */
-      this.trigger({
-        changes: changes,
-        type: 'statechanged'
-      });
-    }
-
-    return changes;
-  }
-};
-/**
- * Applies {@link module:stateful~StatefulMixin|StatefulMixin} to a target
- * object.
- *
- * If the target object is {@link module:evented|evented} and has a
- * `handleStateChanged` method, that method will be automatically bound to the
- * `statechanged` event on itself.
- *
- * @param   {Object} target
- *          The object to be made stateful.
- *
- * @param   {Object} [defaultState]
- *          A default set of properties to populate the newly-stateful object's
- *          `state` property.
- *
- * @return {Object}
- *          Returns the `target`.
- */
-
-function stateful(target, defaultState) {
-  assign(target, StatefulMixin); // This happens after the mixing-in because we need to replace the `state`
-  // added in that step.
-
-  target.state = assign({}, target.state, defaultState); // Auto-bind the `handleStateChanged` method of the target object if it exists.
-
-  if (typeof target.handleStateChanged === 'function' && isEvented(target)) {
-    target.on('statechanged', target.handleStateChanged);
-  }
-
-  return target;
-}
-
-/**
- * @file string-cases.js
- * @module to-lower-case
- */
-
-/**
- * Lowercase the first letter of a string.
- *
- * @param {string} string
- *        String to be lowercased
- *
- * @return {string}
- *         The string with a lowercased first letter
- */
-var toLowerCase = function toLowerCase(string) {
-  if (typeof string !== 'string') {
-    return string;
-  }
-
-  return string.replace(/./, function (w) {
-    return w.toLowerCase();
-  });
-};
-/**
- * Uppercase the first letter of a string.
- *
- * @param {string} string
- *        String to be uppercased
- *
- * @return {string}
- *         The string with an uppercased first letter
- */
-
-var toTitleCase = function toTitleCase(string) {
-  if (typeof string !== 'string') {
-    return string;
-  }
-
-  return string.replace(/./, function (w) {
-    return w.toUpperCase();
-  });
-};
-/**
- * Compares the TitleCase versions of the two strings for equality.
- *
- * @param {string} str1
- *        The first string to compare
- *
- * @param {string} str2
- *        The second string to compare
- *
- * @return {boolean}
- *         Whether the TitleCase versions of the strings are equal
- */
-
-var titleCaseEquals = function titleCaseEquals(str1, str2) {
-  return toTitleCase(str1) === toTitleCase(str2);
-};
-
-/**
- * @file merge-options.js
- * @module merge-options
- */
-/**
- * Merge two objects recursively.
- *
- * Performs a deep merge like
- * {@link https://lodash.com/docs/4.17.10#merge|lodash.merge}, but only merges
- * plain objects (not arrays, elements, or anything else).
- *
- * Non-plain object values will be copied directly from the right-most
- * argument.
- *
- * @static
- * @param   {Object[]} sources
- *          One or more objects to merge into a new object.
- *
- * @return {Object}
- *          A new object that is the merged result of all sources.
- */
-
-function mergeOptions() {
-  var result = {};
-
-  for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-    sources[_key] = arguments[_key];
-  }
-
-  sources.forEach(function (source) {
-    if (!source) {
-      return;
-    }
-
-    each(source, function (value, key) {
-      if (!isPlain(value)) {
-        result[key] = value;
-        return;
-      }
-
-      if (!isPlain(result[key])) {
-        result[key] = {};
-      }
-
-      result[key] = mergeOptions(result[key], value);
-    });
-  });
-  return result;
-}
-
-/**
- * Player Component - Base class for all UI objects
- *
- * @file component.js
- */
-/**
- * Base class for all UI Components.
- * Components are UI objects which represent both a javascript object and an element
- * in the DOM. They can be children of other components, and can have
- * children themselves.
- *
- * Components can also use methods from {@link EventTarget}
- */
-
-var Component =
-/*#__PURE__*/
-function () {
-  /**
-   * A callback that is called when a component is ready. Does not have any
-   * paramters and any callback value will be ignored.
-   *
-   * @callback Component~ReadyCallback
-   * @this Component
-   */
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Object[]} [options.children]
-   *        An array of children objects to intialize this component with. Children objects have
-   *        a name property that will be used if more than one component of the same type needs to be
-   *        added.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        Function that gets called when the `Component` is ready.
-   */
-  function Component(player, options, ready) {
-    // The component might be the player itself and we can't pass `this` to super
-    if (!player && this.play) {
-      this.player_ = player = this; // eslint-disable-line
-    } else {
-      this.player_ = player;
-    }
-
-    this.isDisposed_ = false; // Hold the reference to the parent component via `addChild` method
-
-    this.parentComponent_ = null; // Make a copy of prototype.options_ to protect against overriding defaults
-
-    this.options_ = mergeOptions({}, this.options_); // Updated options with supplied options
-
-    options = this.options_ = mergeOptions(this.options_, options); // Get ID from options or options element if one is supplied
-
-    this.id_ = options.id || options.el && options.el.id; // If there was no ID from the options, generate one
-
-    if (!this.id_) {
-      // Don't require the player ID function in the case of mock players
-      var id = player && player.id && player.id() || 'no_player';
-      this.id_ = id + "_component_" + newGUID();
-    }
-
-    this.name_ = options.name || null; // Create element if one wasn't provided in options
-
-    if (options.el) {
-      this.el_ = options.el;
-    } else if (options.createEl !== false) {
-      this.el_ = this.createEl();
-    } // if evented is anything except false, we want to mixin in evented
-
-
-    if (options.evented !== false) {
-      // Make this an evented object and use `el_`, if available, as its event bus
-      evented(this, {
-        eventBusKey: this.el_ ? 'el_' : null
-      });
-    }
-
-    stateful(this, this.constructor.defaultState);
-    this.children_ = [];
-    this.childIndex_ = {};
-    this.childNameIndex_ = {};
-    var SetSham;
-
-    if (!window$1.Set) {
-      SetSham =
-      /*#__PURE__*/
-      function () {
-        function SetSham() {
-          this.set_ = {};
-        }
-
-        var _proto2 = SetSham.prototype;
-
-        _proto2.has = function has(key) {
-          return key in this.set_;
-        };
-
-        _proto2["delete"] = function _delete(key) {
-          var has = this.has(key);
-          delete this.set_[key];
-          return has;
-        };
-
-        _proto2.add = function add(key) {
-          this.set_[key] = 1;
-          return this;
-        };
-
-        _proto2.forEach = function forEach(callback, thisArg) {
-          for (var key in this.set_) {
-            callback.call(thisArg, key, key, this);
-          }
-        };
-
-        return SetSham;
-      }();
-    }
-
-    this.setTimeoutIds_ = window$1.Set ? new Set() : new SetSham();
-    this.setIntervalIds_ = window$1.Set ? new Set() : new SetSham();
-    this.rafIds_ = window$1.Set ? new Set() : new SetSham();
-    this.clearingTimersOnDispose_ = false; // Add any child components in options
-
-    if (options.initChildren !== false) {
-      this.initChildren();
-    }
-
-    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.
-   *
-   * @fires Component#dispose
-   */
-
-
-  var _proto = Component.prototype;
-
-  _proto.dispose = function dispose() {
-    // Bail out if the component has already been disposed.
-    if (this.isDisposed_) {
-      return;
-    }
-    /**
-     * Triggered when a `Component` is disposed.
-     *
-     * @event Component#dispose
-     * @type {EventTarget~Event}
-     *
-     * @property {boolean} [bubbles=false]
-     *           set to false so that the dispose event does not
-     *           bubble up
-     */
-
-
-    this.trigger({
-      type: 'dispose',
-      bubbles: false
-    });
-    this.isDisposed_ = true; // Dispose all children.
-
-    if (this.children_) {
-      for (var i = this.children_.length - 1; i >= 0; i--) {
-        if (this.children_[i].dispose) {
-          this.children_[i].dispose();
-        }
-      }
-    } // Delete child references
-
-
-    this.children_ = null;
-    this.childIndex_ = null;
-    this.childNameIndex_ = null;
-    this.parentComponent_ = null;
-
-    if (this.el_) {
-      // Remove element from DOM
-      if (this.el_.parentNode) {
-        this.el_.parentNode.removeChild(this.el_);
-      }
-
-      if (DomData.has(this.el_)) {
-        DomData["delete"](this.el_);
-      }
-
-      this.el_ = null;
-    } // remove reference to the player after disposing of the element
-
-
-    this.player_ = null;
-  }
-  /**
-   * Determine whether or not this component has been disposed.
-   *
-   * @return {boolean}
-   *         If the component has been disposed, will be `true`. Otherwise, `false`.
-   */
-  ;
-
-  _proto.isDisposed = function isDisposed() {
-    return Boolean(this.isDisposed_);
-  }
-  /**
-   * Return the {@link Player} that the `Component` has attached to.
-   *
-   * @return {Player}
-   *         The player that this `Component` has attached to.
-   */
-  ;
-
-  _proto.player = function player() {
-    return this.player_;
-  }
-  /**
-   * Deep merge of options objects with new options.
-   * > Note: When both `obj` and `options` contain properties whose values are objects.
-   *         The two properties get merged using {@link module:mergeOptions}
-   *
-   * @param {Object} obj
-   *        The object that contains new options.
-   *
-   * @return {Object}
-   *         A new object of `this.options_` and `obj` merged together.
-   */
-  ;
-
-  _proto.options = function options(obj) {
-    if (!obj) {
-      return this.options_;
-    }
-
-    this.options_ = mergeOptions(this.options_, obj);
-    return this.options_;
-  }
-  /**
-   * Get the `Component`s DOM element
-   *
-   * @return {Element}
-   *         The DOM element for this `Component`.
-   */
-  ;
-
-  _proto.el = function el() {
-    return this.el_;
-  }
-  /**
-   * Create the `Component`s DOM element.
-   *
-   * @param {string} [tagName]
-   *        Element's DOM node type. e.g. 'div'
-   *
-   * @param {Object} [properties]
-   *        An object of properties that should be set.
-   *
-   * @param {Object} [attributes]
-   *        An object of attributes that should be set.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl$1(tagName, properties, attributes) {
-    return createEl(tagName, properties, attributes);
-  }
-  /**
-   * Localize a string given the string in english.
-   *
-   * If tokens are provided, it'll try and run a simple token replacement on the provided string.
-   * The tokens it looks for look like `{1}` with the index being 1-indexed into the tokens array.
-   *
-   * If a `defaultValue` is provided, it'll use that over `string`,
-   * if a value isn't found in provided language files.
-   * This is useful if you want to have a descriptive key for token replacement
-   * but have a succinct localized string and not require `en.json` to be included.
-   *
-   * Currently, it is used for the progress bar timing.
-   * ```js
-   * {
-   *   "progress bar timing: currentTime={1} duration={2}": "{1} of {2}"
-   * }
-   * ```
-   * It is then used like so:
-   * ```js
-   * this.localize('progress bar timing: currentTime={1} duration{2}',
-   *               [this.player_.currentTime(), this.player_.duration()],
-   *               '{1} of {2}');
-   * ```
-   *
-   * Which outputs something like: `01:23 of 24:56`.
-   *
-   *
-   * @param {string} string
-   *        The string to localize and the key to lookup in the language files.
-   * @param {string[]} [tokens]
-   *        If the current item has token replacements, provide the tokens here.
-   * @param {string} [defaultValue]
-   *        Defaults to `string`. Can be a default value to use for token replacement
-   *        if the lookup key is needed to be separate.
-   *
-   * @return {string}
-   *         The localized string or if no localization exists the english string.
-   */
-  ;
-
-  _proto.localize = function localize(string, tokens, defaultValue) {
-    if (defaultValue === void 0) {
-      defaultValue = string;
-    }
-
-    var code = this.player_.language && this.player_.language();
-    var languages = this.player_.languages && this.player_.languages();
-    var language = languages && languages[code];
-    var primaryCode = code && code.split('-')[0];
-    var primaryLang = languages && languages[primaryCode];
-    var localizedString = defaultValue;
-
-    if (language && language[string]) {
-      localizedString = language[string];
-    } else if (primaryLang && primaryLang[string]) {
-      localizedString = primaryLang[string];
-    }
-
-    if (tokens) {
-      localizedString = localizedString.replace(/\{(\d+)\}/g, function (match, index) {
-        var value = tokens[index - 1];
-        var ret = value;
-
-        if (typeof value === 'undefined') {
-          ret = match;
-        }
-
-        return ret;
-      });
-    }
-
-    return localizedString;
-  }
-  /**
-   * Return the `Component`s DOM element. This is where children get inserted.
-   * This will usually be the the same as the element returned in {@link Component#el}.
-   *
-   * @return {Element}
-   *         The content element for this `Component`.
-   */
-  ;
-
-  _proto.contentEl = function contentEl() {
-    return this.contentEl_ || this.el_;
-  }
-  /**
-   * Get this `Component`s ID
-   *
-   * @return {string}
-   *         The id of this `Component`
-   */
-  ;
-
-  _proto.id = function id() {
-    return this.id_;
-  }
-  /**
-   * Get the `Component`s name. The name gets used to reference the `Component`
-   * and is set during registration.
-   *
-   * @return {string}
-   *         The name of this `Component`.
-   */
-  ;
-
-  _proto.name = function name() {
-    return this.name_;
-  }
-  /**
-   * Get an array of all child components
-   *
-   * @return {Array}
-   *         The children
-   */
-  ;
-
-  _proto.children = function children() {
-    return this.children_;
-  }
-  /**
-   * Returns the child `Component` with the given `id`.
-   *
-   * @param {string} id
-   *        The id of the child `Component` to get.
-   *
-   * @return {Component|undefined}
-   *         The child `Component` with the given `id` or undefined.
-   */
-  ;
-
-  _proto.getChildById = function getChildById(id) {
-    return this.childIndex_[id];
-  }
-  /**
-   * Returns the child `Component` with the given `name`.
-   *
-   * @param {string} name
-   *        The name of the child `Component` to get.
-   *
-   * @return {Component|undefined}
-   *         The child `Component` with the given `name` or undefined.
-   */
-  ;
-
-  _proto.getChild = function getChild(name) {
-    if (!name) {
-      return;
-    }
-
-    return this.childNameIndex_[name];
-  }
-  /**
-   * Add a child `Component` inside the current `Component`.
-   *
-   *
-   * @param {string|Component} child
-   *        The name or instance of a child to add.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of options that will get passed to children of
-   *        the child.
-   *
-   * @param {number} [index=this.children_.length]
-   *        The index to attempt to add a child into.
-   *
-   * @return {Component}
-   *         The `Component` that gets added as a child. When using a string the
-   *         `Component` will get created by this process.
-   */
-  ;
-
-  _proto.addChild = function addChild(child, options, index) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    if (index === void 0) {
-      index = this.children_.length;
-    }
-
-    var component;
-    var componentName; // If child is a string, create component with options
-
-    if (typeof child === 'string') {
-      componentName = toTitleCase(child);
-      var componentClassName = options.componentClass || componentName; // Set name through options
-
-      options.name = componentName; // Create a new object & element for this controls set
-      // If there's no .player_, this is a player
-
-      var ComponentClass = Component.getComponent(componentClassName);
-
-      if (!ComponentClass) {
-        throw new Error("Component " + componentClassName + " does not exist");
-      } // data stored directly on the videojs object may be
-      // misidentified as a component to retain
-      // backwards-compatibility with 4.x. check to make sure the
-      // component class can be instantiated.
-
-
-      if (typeof ComponentClass !== 'function') {
-        return null;
-      }
-
-      component = new ComponentClass(this.player_ || this, options); // child is a component instance
-    } else {
-      component = child;
-    }
-
-    if (component.parentComponent_) {
-      component.parentComponent_.removeChild(component);
-    }
-
-    this.children_.splice(index, 0, component);
-    component.parentComponent_ = this;
-
-    if (typeof component.id === 'function') {
-      this.childIndex_[component.id()] = component;
-    } // If a name wasn't used to create the component, check if we can use the
-    // name function of the component
-
-
-    componentName = componentName || component.name && toTitleCase(component.name());
-
-    if (componentName) {
-      this.childNameIndex_[componentName] = component;
-      this.childNameIndex_[toLowerCase(componentName)] = component;
-    } // Add the UI object's element to the container div (box)
-    // Having an element is not required
-
-
-    if (typeof component.el === 'function' && component.el()) {
-      // If inserting before a component, insert before that component's element
-      var refNode = null;
-
-      if (this.children_[index + 1] && this.children_[index + 1].el_) {
-        refNode = this.children_[index + 1].el_;
-      }
-
-      this.contentEl().insertBefore(component.el(), refNode);
-    } // Return so it can stored on parent object if desired.
-
-
-    return component;
-  }
-  /**
-   * Remove a child `Component` from this `Component`s list of children. Also removes
-   * the child `Component`s element from this `Component`s element.
-   *
-   * @param {Component} component
-   *        The child `Component` to remove.
-   */
-  ;
-
-  _proto.removeChild = function removeChild(component) {
-    if (typeof component === 'string') {
-      component = this.getChild(component);
-    }
-
-    if (!component || !this.children_) {
-      return;
-    }
-
-    var childFound = false;
-
-    for (var i = this.children_.length - 1; i >= 0; i--) {
-      if (this.children_[i] === component) {
-        childFound = true;
-        this.children_.splice(i, 1);
-        break;
-      }
-    }
-
-    if (!childFound) {
-      return;
-    }
-
-    component.parentComponent_ = null;
-    this.childIndex_[component.id()] = null;
-    this.childNameIndex_[toTitleCase(component.name())] = null;
-    this.childNameIndex_[toLowerCase(component.name())] = null;
-    var compEl = component.el();
-
-    if (compEl && compEl.parentNode === this.contentEl()) {
-      this.contentEl().removeChild(component.el());
-    }
-  }
-  /**
-   * Add and initialize default child `Component`s based upon options.
-   */
-  ;
-
-  _proto.initChildren = function initChildren() {
-    var _this = this;
-
-    var children = this.options_.children;
-
-    if (children) {
-      // `this` is `parent`
-      var parentOptions = this.options_;
-
-      var handleAdd = function handleAdd(child) {
-        var name = child.name;
-        var opts = child.opts; // Allow options for children to be set at the parent options
-        // e.g. videojs(id, { controlBar: false });
-        // instead of videojs(id, { children: { controlBar: false });
-
-        if (parentOptions[name] !== undefined) {
-          opts = parentOptions[name];
-        } // Allow for disabling default components
-        // e.g. options['children']['posterImage'] = false
-
-
-        if (opts === false) {
-          return;
-        } // Allow options to be passed as a simple boolean if no configuration
-        // is necessary.
-
-
-        if (opts === true) {
-          opts = {};
-        } // We also want to pass the original player options
-        // to each component as well so they don't need to
-        // reach back into the player for options later.
-
-
-        opts.playerOptions = _this.options_.playerOptions; // Create and add the child component.
-        // Add a direct reference to the child by name on the parent instance.
-        // If two of the same component are used, different names should be supplied
-        // for each
-
-        var newChild = _this.addChild(name, opts);
-
-        if (newChild) {
-          _this[name] = newChild;
-        }
-      }; // Allow for an array of children details to passed in the options
-
-
-      var workingChildren;
-      var Tech = Component.getComponent('Tech');
-
-      if (Array.isArray(children)) {
-        workingChildren = children;
-      } else {
-        workingChildren = Object.keys(children);
-      }
-
-      workingChildren // children that are in this.options_ but also in workingChildren  would
-      // give us extra children we do not want. So, we want to filter them out.
-      .concat(Object.keys(this.options_).filter(function (child) {
-        return !workingChildren.some(function (wchild) {
-          if (typeof wchild === 'string') {
-            return child === wchild;
-          }
-
-          return child === wchild.name;
-        });
-      })).map(function (child) {
-        var name;
-        var opts;
-
-        if (typeof child === 'string') {
-          name = child;
-          opts = children[name] || _this.options_[name] || {};
-        } else {
-          name = child.name;
-          opts = child;
-        }
-
-        return {
-          name: name,
-          opts: opts
-        };
-      }).filter(function (child) {
-        // we have to make sure that child.name isn't in the techOrder since
-        // techs are registerd as Components but can't aren't compatible
-        // See https://github.com/videojs/video.js/issues/2772
-        var c = Component.getComponent(child.opts.componentClass || toTitleCase(child.name));
-        return c && !Tech.isTech(c);
-      }).forEach(handleAdd);
-    }
-  }
-  /**
-   * Builds the default DOM class name. Should be overriden by sub-components.
-   *
-   * @return {string}
-   *         The DOM class name for this object.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    // Child classes can include a function that does:
-    // return 'CLASS NAME' + this._super();
-    return '';
-  }
-  /**
-   * Bind a listener to the component's ready state.
-   * Different from event listeners in that if the ready event has already happened
-   * it will trigger the function immediately.
-   *
-   * @return {Component}
-   *         Returns itself; method can be chained.
-   */
-  ;
-
-  _proto.ready = function ready(fn, sync) {
-    if (sync === void 0) {
-      sync = false;
-    }
-
-    if (!fn) {
-      return;
-    }
-
-    if (!this.isReady_) {
-      this.readyQueue_ = this.readyQueue_ || [];
-      this.readyQueue_.push(fn);
-      return;
-    }
-
-    if (sync) {
-      fn.call(this);
-    } else {
-      // Call the function asynchronously by default for consistency
-      this.setTimeout(fn, 1);
-    }
-  }
-  /**
-   * Trigger all the ready listeners for this `Component`.
-   *
-   * @fires Component#ready
-   */
-  ;
-
-  _proto.triggerReady = function triggerReady() {
-    this.isReady_ = true; // Ensure ready is triggered asynchronously
-
-    this.setTimeout(function () {
-      var readyQueue = this.readyQueue_; // Reset Ready Queue
-
-      this.readyQueue_ = [];
-
-      if (readyQueue && readyQueue.length > 0) {
-        readyQueue.forEach(function (fn) {
-          fn.call(this);
-        }, this);
-      } // Allow for using event listeners also
-
-      /**
-       * Triggered when a `Component` is ready.
-       *
-       * @event Component#ready
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('ready');
-    }, 1);
-  }
-  /**
-   * Find a single DOM element matching a `selector`. This can be within the `Component`s
-   * `contentEl()` or another custom context.
-   *
-   * @param {string} selector
-   *        A valid CSS selector, which will be passed to `querySelector`.
-   *
-   * @param {Element|string} [context=this.contentEl()]
-   *        A DOM element within which to query. Can also be a selector string in
-   *        which case the first matching element will get used as context. If
-   *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-   *        nothing it falls back to `document`.
-   *
-   * @return {Element|null}
-   *         the dom element that was found, or null
-   *
-   * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-   */
-  ;
-
-  _proto.$ = function $$1(selector, context) {
-    return $(selector, context || this.contentEl());
-  }
-  /**
-   * Finds all DOM element matching a `selector`. This can be within the `Component`s
-   * `contentEl()` or another custom context.
-   *
-   * @param {string} selector
-   *        A valid CSS selector, which will be passed to `querySelectorAll`.
-   *
-   * @param {Element|string} [context=this.contentEl()]
-   *        A DOM element within which to query. Can also be a selector string in
-   *        which case the first matching element will get used as context. If
-   *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-   *        nothing it falls back to `document`.
-   *
-   * @return {NodeList}
-   *         a list of dom elements that were found
-   *
-   * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-   */
-  ;
-
-  _proto.$$ = function $$$1(selector, context) {
-    return $$(selector, context || this.contentEl());
-  }
-  /**
-   * Check if a component's element has a CSS class name.
-   *
-   * @param {string} classToCheck
-   *        CSS class name to check.
-   *
-   * @return {boolean}
-   *         - True if the `Component` has the class.
-   *         - False if the `Component` does not have the class`
-   */
-  ;
-
-  _proto.hasClass = function hasClass$1(classToCheck) {
-    return hasClass(this.el_, classToCheck);
-  }
-  /**
-   * Add a CSS class name to the `Component`s element.
-   *
-   * @param {string} classToAdd
-   *        CSS class name to add
-   */
-  ;
-
-  _proto.addClass = function addClass$1(classToAdd) {
-    addClass(this.el_, classToAdd);
-  }
-  /**
-   * Remove a CSS class name from the `Component`s element.
-   *
-   * @param {string} classToRemove
-   *        CSS class name to remove
-   */
-  ;
-
-  _proto.removeClass = function removeClass$1(classToRemove) {
-    removeClass(this.el_, classToRemove);
-  }
-  /**
-   * Add or remove a CSS class name from the component's element.
-   * - `classToToggle` gets added when {@link Component#hasClass} would return false.
-   * - `classToToggle` gets removed when {@link Component#hasClass} would return true.
-   *
-   * @param  {string} classToToggle
-   *         The class to add or remove based on (@link Component#hasClass}
-   *
-   * @param  {boolean|Dom~predicate} [predicate]
-   *         An {@link Dom~predicate} function or a boolean
-   */
-  ;
-
-  _proto.toggleClass = function toggleClass$1(classToToggle, predicate) {
-    toggleClass(this.el_, classToToggle, predicate);
-  }
-  /**
-   * Show the `Component`s element if it is hidden by removing the
-   * 'vjs-hidden' class name from it.
-   */
-  ;
-
-  _proto.show = function show() {
-    this.removeClass('vjs-hidden');
-  }
-  /**
-   * Hide the `Component`s element if it is currently showing by adding the
-   * 'vjs-hidden` class name to it.
-   */
-  ;
-
-  _proto.hide = function hide() {
-    this.addClass('vjs-hidden');
-  }
-  /**
-   * Lock a `Component`s element in its visible state by adding the 'vjs-lock-showing'
-   * class name to it. Used during fadeIn/fadeOut.
-   *
-   * @private
-   */
-  ;
-
-  _proto.lockShowing = function lockShowing() {
-    this.addClass('vjs-lock-showing');
-  }
-  /**
-   * Unlock a `Component`s element from its visible state by removing the 'vjs-lock-showing'
-   * class name from it. Used during fadeIn/fadeOut.
-   *
-   * @private
-   */
-  ;
-
-  _proto.unlockShowing = function unlockShowing() {
-    this.removeClass('vjs-lock-showing');
-  }
-  /**
-   * Get the value of an attribute on the `Component`s element.
-   *
-   * @param {string} attribute
-   *        Name of the attribute to get the value from.
-   *
-   * @return {string|null}
-   *         - The value of the attribute that was asked for.
-   *         - Can be an empty string on some browsers if the attribute does not exist
-   *           or has no value
-   *         - Most browsers will return null if the attibute does not exist or has
-   *           no value.
-   *
-   * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute}
-   */
-  ;
-
-  _proto.getAttribute = function getAttribute$1(attribute) {
-    return getAttribute(this.el_, attribute);
-  }
-  /**
-   * Set the value of an attribute on the `Component`'s element
-   *
-   * @param {string} attribute
-   *        Name of the attribute to set.
-   *
-   * @param {string} value
-   *        Value to set the attribute to.
-   *
-   * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute}
-   */
-  ;
-
-  _proto.setAttribute = function setAttribute$1(attribute, value) {
-    setAttribute(this.el_, attribute, value);
-  }
-  /**
-   * Remove an attribute from the `Component`s element.
-   *
-   * @param {string} attribute
-   *        Name of the attribute to remove.
-   *
-   * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute}
-   */
-  ;
-
-  _proto.removeAttribute = function removeAttribute$1(attribute) {
-    removeAttribute(this.el_, attribute);
-  }
-  /**
-   * Get or set the width of the component based upon the CSS styles.
-   * See {@link Component#dimension} for more detailed information.
-   *
-   * @param {number|string} [num]
-   *        The width that you want to set postfixed with '%', 'px' or nothing.
-   *
-   * @param {boolean} [skipListeners]
-   *        Skip the componentresize event trigger
-   *
-   * @return {number|string}
-   *         The width when getting, zero if there is no width. Can be a string
-   *           postpixed with '%' or 'px'.
-   */
-  ;
-
-  _proto.width = function width(num, skipListeners) {
-    return this.dimension('width', num, skipListeners);
-  }
-  /**
-   * Get or set the height of the component based upon the CSS styles.
-   * See {@link Component#dimension} for more detailed information.
-   *
-   * @param {number|string} [num]
-   *        The height that you want to set postfixed with '%', 'px' or nothing.
-   *
-   * @param {boolean} [skipListeners]
-   *        Skip the componentresize event trigger
-   *
-   * @return {number|string}
-   *         The width when getting, zero if there is no width. Can be a string
-   *         postpixed with '%' or 'px'.
-   */
-  ;
-
-  _proto.height = function height(num, skipListeners) {
-    return this.dimension('height', num, skipListeners);
-  }
-  /**
-   * Set both the width and height of the `Component` element at the same time.
-   *
-   * @param  {number|string} width
-   *         Width to set the `Component`s element to.
-   *
-   * @param  {number|string} height
-   *         Height to set the `Component`s element to.
-   */
-  ;
-
-  _proto.dimensions = function dimensions(width, height) {
-    // Skip componentresize listeners on width for optimization
-    this.width(width, true);
-    this.height(height);
-  }
-  /**
-   * Get or set width or height of the `Component` element. This is the shared code
-   * for the {@link Component#width} and {@link Component#height}.
-   *
-   * Things to know:
-   * - If the width or height in an number this will return the number postfixed with 'px'.
-   * - If the width/height is a percent this will return the percent postfixed with '%'
-   * - Hidden elements have a width of 0 with `window.getComputedStyle`. This function
-   *   defaults to the `Component`s `style.width` and falls back to `window.getComputedStyle`.
-   *   See [this]{@link http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/}
-   *   for more information
-   * - If you want the computed style of the component, use {@link Component#currentWidth}
-   *   and {@link {Component#currentHeight}
-   *
-   * @fires Component#componentresize
-   *
-   * @param {string} widthOrHeight
-   8        'width' or 'height'
-   *
-   * @param  {number|string} [num]
-   8         New dimension
-   *
-   * @param  {boolean} [skipListeners]
-   *         Skip componentresize event trigger
-   *
-   * @return {number}
-   *         The dimension when getting or 0 if unset
-   */
-  ;
-
-  _proto.dimension = function dimension(widthOrHeight, num, skipListeners) {
-    if (num !== undefined) {
-      // Set to zero if null or literally NaN (NaN !== NaN)
-      if (num === null || num !== num) {
-        num = 0;
-      } // Check if using css width/height (% or px) and adjust
-
-
-      if (('' + num).indexOf('%') !== -1 || ('' + num).indexOf('px') !== -1) {
-        this.el_.style[widthOrHeight] = num;
-      } else if (num === 'auto') {
-        this.el_.style[widthOrHeight] = '';
-      } else {
-        this.el_.style[widthOrHeight] = num + 'px';
-      } // skipListeners allows us to avoid triggering the resize event when setting both width and height
-
-
-      if (!skipListeners) {
-        /**
-         * Triggered when a component is resized.
-         *
-         * @event Component#componentresize
-         * @type {EventTarget~Event}
-         */
-        this.trigger('componentresize');
-      }
-
-      return;
-    } // Not setting a value, so getting it
-    // Make sure element exists
-
-
-    if (!this.el_) {
-      return 0;
-    } // Get dimension value from style
-
-
-    var val = this.el_.style[widthOrHeight];
-    var pxIndex = val.indexOf('px');
-
-    if (pxIndex !== -1) {
-      // Return the pixel value with no 'px'
-      return parseInt(val.slice(0, pxIndex), 10);
-    } // No px so using % or no style was set, so falling back to offsetWidth/height
-    // If component has display:none, offset will return 0
-    // TODO: handle display:none and no dimension style using px
-
-
-    return parseInt(this.el_['offset' + toTitleCase(widthOrHeight)], 10);
-  }
-  /**
-   * Get the computed width or the height of the component's element.
-   *
-   * Uses `window.getComputedStyle`.
-   *
-   * @param {string} widthOrHeight
-   *        A string containing 'width' or 'height'. Whichever one you want to get.
-   *
-   * @return {number}
-   *         The dimension that gets asked for or 0 if nothing was set
-   *         for that dimension.
-   */
-  ;
-
-  _proto.currentDimension = function currentDimension(widthOrHeight) {
-    var computedWidthOrHeight = 0;
-
-    if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-      throw new Error('currentDimension only accepts width or height value');
-    }
-
-    computedWidthOrHeight = computedStyle(this.el_, widthOrHeight); // remove 'px' from variable and parse as integer
-
-    computedWidthOrHeight = parseFloat(computedWidthOrHeight); // if the computed value is still 0, it's possible that the browser is lying
-    // and we want to check the offset values.
-    // This code also runs wherever getComputedStyle doesn't exist.
-
-    if (computedWidthOrHeight === 0 || isNaN(computedWidthOrHeight)) {
-      var rule = "offset" + toTitleCase(widthOrHeight);
-      computedWidthOrHeight = this.el_[rule];
-    }
-
-    return computedWidthOrHeight;
-  }
-  /**
-   * An object that contains width and height values of the `Component`s
-   * computed style. Uses `window.getComputedStyle`.
-   *
-   * @typedef {Object} Component~DimensionObject
-   *
-   * @property {number} width
-   *           The width of the `Component`s computed style.
-   *
-   * @property {number} height
-   *           The height of the `Component`s computed style.
-   */
-
-  /**
-   * Get an object that contains computed width and height values of the
-   * component's element.
-   *
-   * Uses `window.getComputedStyle`.
-   *
-   * @return {Component~DimensionObject}
-   *         The computed dimensions of the component's element.
-   */
-  ;
-
-  _proto.currentDimensions = function currentDimensions() {
-    return {
-      width: this.currentDimension('width'),
-      height: this.currentDimension('height')
-    };
-  }
-  /**
-   * Get the computed width of the component's element.
-   *
-   * Uses `window.getComputedStyle`.
-   *
-   * @return {number}
-   *         The computed width of the component's element.
-   */
-  ;
-
-  _proto.currentWidth = function currentWidth() {
-    return this.currentDimension('width');
-  }
-  /**
-   * Get the computed height of the component's element.
-   *
-   * Uses `window.getComputedStyle`.
-   *
-   * @return {number}
-   *         The computed height of the component's element.
-   */
-  ;
-
-  _proto.currentHeight = function currentHeight() {
-    return this.currentDimension('height');
-  }
-  /**
-   * Set the focus to this component
-   */
-  ;
-
-  _proto.focus = function focus() {
-    this.el_.focus();
-  }
-  /**
-   * Remove the focus from this component
-   */
-  ;
-
-  _proto.blur = function blur() {
-    this.el_.blur();
-  }
-  /**
-   * When this Component receives a `keydown` event which it does not process,
-   *  it passes the event to the Player for handling.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    if (this.player_) {
-      // We only stop propagation here because we want unhandled events to fall
-      // back to the browser.
-      event.stopPropagation();
-      this.player_.handleKeyDown(event);
-    }
-  }
-  /**
-   * Many components used to have a `handleKeyPress` method, which was poorly
-   * named because it listened to a `keydown` event. This method name now
-   * delegates to `handleKeyDown`. This means anyone calling `handleKeyPress`
-   * will not see their method calls stop working.
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleKeyPress = function handleKeyPress(event) {
-    this.handleKeyDown(event);
-  }
-  /**
-   * Emit a 'tap' events when touch event support gets detected. This gets used to
-   * support toggling the controls through a tap on the video. They get enabled
-   * because every sub-component would have extra overhead otherwise.
-   *
-   * @private
-   * @fires Component#tap
-   * @listens Component#touchstart
-   * @listens Component#touchmove
-   * @listens Component#touchleave
-   * @listens Component#touchcancel
-   * @listens Component#touchend
-    */
-  ;
-
-  _proto.emitTapEvents = function emitTapEvents() {
-    // Track the start time so we can determine how long the touch lasted
-    var touchStart = 0;
-    var firstTouch = null; // Maximum movement allowed during a touch event to still be considered a tap
-    // Other popular libs use anywhere from 2 (hammer.js) to 15,
-    // so 10 seems like a nice, round number.
-
-    var tapMovementThreshold = 10; // The maximum length a touch can be while still being considered a tap
-
-    var touchTimeThreshold = 200;
-    var couldBeTap;
-    this.on('touchstart', function (event) {
-      // If more than one finger, don't consider treating this as a click
-      if (event.touches.length === 1) {
-        // Copy pageX/pageY from the object
-        firstTouch = {
-          pageX: event.touches[0].pageX,
-          pageY: event.touches[0].pageY
-        }; // Record start time so we can detect a tap vs. "touch and hold"
-
-        touchStart = window$1.performance.now(); // Reset couldBeTap tracking
-
-        couldBeTap = true;
-      }
-    });
-    this.on('touchmove', function (event) {
-      // If more than one finger, don't consider treating this as a click
-      if (event.touches.length > 1) {
-        couldBeTap = false;
-      } else if (firstTouch) {
-        // Some devices will throw touchmoves for all but the slightest of taps.
-        // So, if we moved only a small distance, this could still be a tap
-        var xdiff = event.touches[0].pageX - firstTouch.pageX;
-        var ydiff = event.touches[0].pageY - firstTouch.pageY;
-        var touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
-
-        if (touchDistance > tapMovementThreshold) {
-          couldBeTap = false;
-        }
-      }
-    });
-
-    var noTap = function noTap() {
-      couldBeTap = false;
-    }; // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
-
-
-    this.on('touchleave', noTap);
-    this.on('touchcancel', noTap); // When the touch ends, measure how long it took and trigger the appropriate
-    // event
-
-    this.on('touchend', function (event) {
-      firstTouch = null; // Proceed only if the touchmove/leave/cancel event didn't happen
-
-      if (couldBeTap === true) {
-        // Measure how long the touch lasted
-        var touchTime = window$1.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
-
-        if (touchTime < touchTimeThreshold) {
-          // Don't let browser turn this into a click
-          event.preventDefault();
-          /**
-           * Triggered when a `Component` is tapped.
-           *
-           * @event Component#tap
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('tap'); // It may be good to copy the touchend event object and change the
-          // type to tap, if the other event properties aren't exact after
-          // Events.fixEvent runs (e.g. event.target)
-        }
-      }
-    });
-  }
-  /**
-   * This function reports user activity whenever touch events happen. This can get
-   * turned off by any sub-components that wants touch events to act another way.
-   *
-   * Report user touch activity when touch events occur. User activity gets used to
-   * determine when controls should show/hide. It is 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 as `touchstart` and `touchend` toggle player
-   * controls. So touch events can't help us at the player level either.
-   *
-   * User activity gets 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.
-   * Furthermore a `touchmove` event and anything other than a tap, should not turn
-   * controls back on.
-   *
-   * @listens Component#touchstart
-   * @listens Component#touchmove
-   * @listens Component#touchend
-   * @listens Component#touchcancel
-   */
-  ;
-
-  _proto.enableTouchActivity = function enableTouchActivity() {
-    // Don't continue if the root player doesn't support reporting user activity
-    if (!this.player() || !this.player().reportUserActivity) {
-      return;
-    } // listener for reporting that the user is active
-
-
-    var report = bind(this.player(), this.player().reportUserActivity);
-    var touchHolding;
-    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
-
-      this.clearInterval(touchHolding); // report at the same interval as activityCheck
-
-      touchHolding = this.setInterval(report, 250);
-    });
-
-    var touchEnd = function touchEnd(event) {
-      report(); // stop the interval that maintains activity if the touch is holding
-
-      this.clearInterval(touchHolding);
-    };
-
-    this.on('touchmove', report);
-    this.on('touchend', touchEnd);
-    this.on('touchcancel', touchEnd);
-  }
-  /**
-   * A callback that has no parameters and is bound into `Component`s context.
-   *
-   * @callback Component~GenericCallback
-   * @this Component
-   */
-
-  /**
-   * Creates a function that runs after an `x` millisecond timeout. This function is a
-   * wrapper around `window.setTimeout`. There are a few reasons to use this one
-   * instead though:
-   * 1. It gets cleared via  {@link Component#clearTimeout} when
-   *    {@link Component#dispose} gets called.
-   * 2. The function callback will gets turned into a {@link Component~GenericCallback}
-   *
-   * > Note: You can't use `window.clearTimeout` on the id returned by this function. This
-   *         will cause its dispose listener not to get cleaned up! Please use
-   *         {@link Component#clearTimeout} or {@link Component#dispose} instead.
-   *
-   * @param {Component~GenericCallback} fn
-   *        The function that will be run after `timeout`.
-   *
-   * @param {number} timeout
-   *        Timeout in milliseconds to delay before executing the specified function.
-   *
-   * @return {number}
-   *         Returns a timeout ID that gets used to identify the timeout. It can also
-   *         get used in {@link Component#clearTimeout} to clear the timeout that
-   *         was set.
-   *
-   * @listens Component#dispose
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout}
-   */
-  ;
-
-  _proto.setTimeout = function setTimeout(fn, timeout) {
-    var _this2 = this;
-
-    // declare as variables so they are properly available in timeout function
-    // eslint-disable-next-line
-    var timeoutId;
-    fn = bind(this, fn);
-    this.clearTimersOnDispose_();
-    timeoutId = window$1.setTimeout(function () {
-      if (_this2.setTimeoutIds_.has(timeoutId)) {
-        _this2.setTimeoutIds_["delete"](timeoutId);
-      }
-
-      fn();
-    }, timeout);
-    this.setTimeoutIds_.add(timeoutId);
-    return timeoutId;
-  }
-  /**
-   * Clears a timeout that gets created via `window.setTimeout` or
-   * {@link Component#setTimeout}. If you set a timeout via {@link Component#setTimeout}
-   * use this function instead of `window.clearTimout`. If you don't your dispose
-   * listener will not get cleaned up until {@link Component#dispose}!
-   *
-   * @param {number} timeoutId
-   *        The id of the timeout to clear. The return value of
-   *        {@link Component#setTimeout} or `window.setTimeout`.
-   *
-   * @return {number}
-   *         Returns the timeout id that was cleared.
-   *
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout}
-   */
-  ;
-
-  _proto.clearTimeout = function clearTimeout(timeoutId) {
-    if (this.setTimeoutIds_.has(timeoutId)) {
-      this.setTimeoutIds_["delete"](timeoutId);
-      window$1.clearTimeout(timeoutId);
-    }
-
-    return timeoutId;
-  }
-  /**
-   * Creates a function that gets run every `x` milliseconds. This function is a wrapper
-   * around `window.setInterval`. There are a few reasons to use this one instead though.
-   * 1. It gets cleared via  {@link Component#clearInterval} when
-   *    {@link Component#dispose} gets called.
-   * 2. The function callback will be a {@link Component~GenericCallback}
-   *
-   * @param {Component~GenericCallback} fn
-   *        The function to run every `x` seconds.
-   *
-   * @param {number} interval
-   *        Execute the specified function every `x` milliseconds.
-   *
-   * @return {number}
-   *         Returns an id that can be used to identify the interval. It can also be be used in
-   *         {@link Component#clearInterval} to clear the interval.
-   *
-   * @listens Component#dispose
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval}
-   */
-  ;
-
-  _proto.setInterval = function setInterval(fn, interval) {
-    fn = bind(this, fn);
-    this.clearTimersOnDispose_();
-    var intervalId = window$1.setInterval(fn, interval);
-    this.setIntervalIds_.add(intervalId);
-    return intervalId;
-  }
-  /**
-   * Clears an interval that gets created via `window.setInterval` or
-   * {@link Component#setInterval}. If you set an inteval via {@link Component#setInterval}
-   * use this function instead of `window.clearInterval`. If you don't your dispose
-   * listener will not get cleaned up until {@link Component#dispose}!
-   *
-   * @param {number} intervalId
-   *        The id of the interval to clear. The return value of
-   *        {@link Component#setInterval} or `window.setInterval`.
-   *
-   * @return {number}
-   *         Returns the interval id that was cleared.
-   *
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval}
-   */
-  ;
-
-  _proto.clearInterval = function clearInterval(intervalId) {
-    if (this.setIntervalIds_.has(intervalId)) {
-      this.setIntervalIds_["delete"](intervalId);
-      window$1.clearInterval(intervalId);
-    }
-
-    return intervalId;
-  }
-  /**
-   * Queues up a callback to be passed to requestAnimationFrame (rAF), but
-   * with a few extra bonuses:
-   *
-   * - Supports browsers that do not support rAF by falling back to
-   *   {@link Component#setTimeout}.
-   *
-   * - The callback is turned into a {@link Component~GenericCallback} (i.e.
-   *   bound to the component).
-   *
-   * - Automatic cancellation of the rAF callback is handled if the component
-   *   is disposed before it is called.
-   *
-   * @param  {Component~GenericCallback} fn
-   *         A function that will be bound to this component and executed just
-   *         before the browser's next repaint.
-   *
-   * @return {number}
-   *         Returns an rAF ID that gets used to identify the timeout. It can
-   *         also be used in {@link Component#cancelAnimationFrame} to cancel
-   *         the animation frame callback.
-   *
-   * @listens Component#dispose
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame}
-   */
-  ;
-
-  _proto.requestAnimationFrame = function requestAnimationFrame(fn) {
-    var _this3 = this;
-
-    // Fall back to using a timer.
-    if (!this.supportsRaf_) {
-      return this.setTimeout(fn, 1000 / 60);
-    }
-
-    this.clearTimersOnDispose_(); // declare as variables so they are properly available in rAF function
-    // eslint-disable-next-line
-
-    var id;
-    fn = bind(this, fn);
-    id = window$1.requestAnimationFrame(function () {
-      if (_this3.rafIds_.has(id)) {
-        _this3.rafIds_["delete"](id);
-      }
-
-      fn();
-    });
-    this.rafIds_.add(id);
-    return id;
-  }
-  /**
-   * Cancels a queued callback passed to {@link Component#requestAnimationFrame}
-   * (rAF).
-   *
-   * If you queue an rAF callback via {@link Component#requestAnimationFrame},
-   * use this function instead of `window.cancelAnimationFrame`. If you don't,
-   * your dispose listener will not get cleaned up until {@link Component#dispose}!
-   *
-   * @param {number} id
-   *        The rAF ID to clear. The return value of {@link Component#requestAnimationFrame}.
-   *
-   * @return {number}
-   *         Returns the rAF ID that was cleared.
-   *
-   * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/cancelAnimationFrame}
-   */
-  ;
-
-  _proto.cancelAnimationFrame = function cancelAnimationFrame(id) {
-    // Fall back to using a timer.
-    if (!this.supportsRaf_) {
-      return this.clearTimeout(id);
-    }
-
-    if (this.rafIds_.has(id)) {
-      this.rafIds_["delete"](id);
-      window$1.cancelAnimationFrame(id);
-    }
-
-    return id;
-  }
-  /**
-   * A function to setup `requestAnimationFrame`, `setTimeout`,
-   * and `setInterval`, clearing on dispose.
-   *
-   * > Previously each timer added and removed dispose listeners on it's own.
-   * For better performance it was decided to batch them all, and use `Set`s
-   * to track outstanding timer ids.
-   *
-   * @private
-   */
-  ;
-
-  _proto.clearTimersOnDispose_ = function clearTimersOnDispose_() {
-    var _this4 = this;
-
-    if (this.clearingTimersOnDispose_) {
-      return;
-    }
-
-    this.clearingTimersOnDispose_ = true;
-    this.one('dispose', function () {
-      [['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
-        var idName = _ref[0],
-            cancelName = _ref[1];
-
-        _this4[idName].forEach(_this4[cancelName], _this4);
-      });
-      _this4.clearingTimersOnDispose_ = false;
-    });
-  }
-  /**
-   * Register a `Component` with `videojs` given the name and the component.
-   *
-   * > NOTE: {@link Tech}s should not be registered as a `Component`. {@link Tech}s
-   *         should be registered using {@link Tech.registerTech} or
-   *         {@link videojs:videojs.registerTech}.
-   *
-   * > NOTE: This function can also be seen on videojs as
-   *         {@link videojs:videojs.registerComponent}.
-   *
-   * @param {string} name
-   *        The name of the `Component` to register.
-   *
-   * @param {Component} ComponentToRegister
-   *        The `Component` class to register.
-   *
-   * @return {Component}
-   *         The `Component` that was registered.
-   */
-  ;
-
-  Component.registerComponent = function registerComponent(name, ComponentToRegister) {
-    if (typeof name !== 'string' || !name) {
-      throw new Error("Illegal component name, \"" + name + "\"; must be a non-empty string.");
-    }
-
-    var Tech = Component.getComponent('Tech'); // We need to make sure this check is only done if Tech has been registered.
-
-    var isTech = Tech && Tech.isTech(ComponentToRegister);
-    var isComp = Component === ComponentToRegister || Component.prototype.isPrototypeOf(ComponentToRegister.prototype);
-
-    if (isTech || !isComp) {
-      var reason;
-
-      if (isTech) {
-        reason = 'techs must be registered using Tech.registerTech()';
-      } else {
-        reason = 'must be a Component subclass';
-      }
-
-      throw new Error("Illegal component, \"" + name + "\"; " + reason + ".");
-    }
-
-    name = toTitleCase(name);
-
-    if (!Component.components_) {
-      Component.components_ = {};
-    }
-
-    var Player = Component.getComponent('Player');
-
-    if (name === 'Player' && Player && Player.players) {
-      var players = Player.players;
-      var playerNames = Object.keys(players); // If we have players that were disposed, then their name will still be
-      // in Players.players. So, we must loop through and verify that the value
-      // for each item is not null. This allows registration of the Player component
-      // after all players have been disposed or before any were created.
-
-      if (players && playerNames.length > 0 && playerNames.map(function (pname) {
-        return players[pname];
-      }).every(Boolean)) {
-        throw new Error('Can not register Player component after player has been created.');
-      }
-    }
-
-    Component.components_[name] = ComponentToRegister;
-    Component.components_[toLowerCase(name)] = ComponentToRegister;
-    return ComponentToRegister;
-  }
-  /**
-   * Get a `Component` based on the name it was registered with.
-   *
-   * @param {string} name
-   *        The Name of the component to get.
-   *
-   * @return {Component}
-   *         The `Component` that got registered under the given name.
-   *
-   * @deprecated In `videojs` 6 this will not return `Component`s that were not
-   *             registered using {@link Component.registerComponent}. Currently we
-   *             check the global `videojs` object for a `Component` name and
-   *             return that if it exists.
-   */
-  ;
-
-  Component.getComponent = function getComponent(name) {
-    if (!name || !Component.components_) {
-      return;
-    }
-
-    return Component.components_[name];
-  };
-
-  return Component;
-}();
-/**
- * Whether or not this component supports `requestAnimationFrame`.
- *
- * This is exposed primarily for testing purposes.
- *
- * @private
- * @type {Boolean}
- */
-
-
-Component.prototype.supportsRaf_ = typeof window$1.requestAnimationFrame === 'function' && typeof window$1.cancelAnimationFrame === 'function';
-Component.registerComponent('Component', Component);
-
-/**
- * @file browser.js
- * @module browser
- */
-var USER_AGENT = window$1.navigator && window$1.navigator.userAgent || '';
-var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
-var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
-/**
- * Whether or not this device is an iPod.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_IPOD = /iPod/i.test(USER_AGENT);
-/**
- * The detected iOS version - or `null`.
- *
- * @static
- * @const
- * @type {string|null}
- */
-
-var IOS_VERSION = function () {
-  var match = USER_AGENT.match(/OS (\d+)_/i);
-
-  if (match && match[1]) {
-    return match[1];
-  }
-
-  return null;
-}();
-/**
- * Whether or not this is an Android device.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_ANDROID = /Android/i.test(USER_AGENT);
-/**
- * The detected Android version - or `null`.
- *
- * @static
- * @const
- * @type {number|string|null}
- */
-
-var ANDROID_VERSION = function () {
-  // This matches Android Major.Minor.Patch versions
-  // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
-  var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
-
-  if (!match) {
-    return null;
-  }
-
-  var major = match[1] && parseFloat(match[1]);
-  var minor = match[2] && parseFloat(match[2]);
-
-  if (major && minor) {
-    return parseFloat(match[1] + '.' + match[2]);
-  } else if (major) {
-    return major;
-  }
-
-  return null;
-}();
-/**
- * Whether or not this is a native Android browser.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-/**
- * Whether or not this is Mozilla Firefox.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-/**
- * Whether or not this is Microsoft Edge.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_EDGE = /Edge/i.test(USER_AGENT);
-/**
- * Whether or not this is Google Chrome.
- *
- * This will also be `true` for Chrome on iOS, which will have different support
- * as it is actually Safari under the hood.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
-/**
- * The detected Google Chrome version - or `null`.
- *
- * @static
- * @const
- * @type {number|null}
- */
-
-var CHROME_VERSION = function () {
-  var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
-
-  if (match && match[2]) {
-    return parseFloat(match[2]);
-  }
-
-  return null;
-}();
-/**
- * The detected Internet Explorer version - or `null`.
- *
- * @static
- * @const
- * @type {number|null}
- */
-
-var IE_VERSION = function () {
-  var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
-  var version = result && parseFloat(result[1]);
-
-  if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
-    // IE 11 has a different user agent string than other IE versions
-    version = 11.0;
-  }
-
-  return version;
-}();
-/**
- * Whether or not this is desktop Safari.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-/**
- * Whether or not this is a Windows machine.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_WINDOWS = /Windows/i.test(USER_AGENT);
-/**
- * Whether or not this device is touch-enabled.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var TOUCH_ENABLED = isReal() && ('ontouchstart' in window$1 || window$1.navigator.maxTouchPoints || window$1.DocumentTouch && window$1.document instanceof window$1.DocumentTouch);
-/**
- * Whether or not this device is an iPad.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
-/**
- * Whether or not this device is an iPhone.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-// The Facebook app's UIWebView identifies as both an iPhone and iPad, so
-// to identify iPhones, we need to exclude iPads.
-// http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
-
-var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
-/**
- * Whether or not this is an iOS device.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-/**
- * Whether or not this is any flavor of Safari - including iOS.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
-var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
-
-var browser = /*#__PURE__*/Object.freeze({
-  IS_IPOD: IS_IPOD,
-  IOS_VERSION: IOS_VERSION,
-  IS_ANDROID: IS_ANDROID,
-  ANDROID_VERSION: ANDROID_VERSION,
-  IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-  IS_FIREFOX: IS_FIREFOX,
-  IS_EDGE: IS_EDGE,
-  IS_CHROME: IS_CHROME,
-  CHROME_VERSION: CHROME_VERSION,
-  IE_VERSION: IE_VERSION,
-  IS_SAFARI: IS_SAFARI,
-  IS_WINDOWS: IS_WINDOWS,
-  TOUCH_ENABLED: TOUCH_ENABLED,
-  IS_IPAD: IS_IPAD,
-  IS_IPHONE: IS_IPHONE,
-  IS_IOS: IS_IOS,
-  IS_ANY_SAFARI: IS_ANY_SAFARI
-});
-
-/**
- * @file time-ranges.js
- * @module time-ranges
- */
-
-/**
- * Returns the time for the specified index at the start or end
- * of a TimeRange object.
- *
- * @typedef    {Function} TimeRangeIndex
- *
- * @param      {number} [index=0]
- *             The range number to return the time for.
- *
- * @return     {number}
- *             The time offset at the specified index.
- *
- * @deprecated The index argument must be provided.
- *             In the future, leaving it out will throw an error.
- */
-
-/**
- * An object that contains ranges of time.
- *
- * @typedef  {Object} TimeRange
- *
- * @property {number} length
- *           The number of time ranges represented by this object.
- *
- * @property {module:time-ranges~TimeRangeIndex} start
- *           Returns the time offset at which a specified time range begins.
- *
- * @property {module:time-ranges~TimeRangeIndex} end
- *           Returns the time offset at which a specified time range ends.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges
- */
-
-/**
- * Check if any of the time ranges are over the maximum index.
- *
- * @private
- * @param   {string} fnName
- *          The function name to use for logging
- *
- * @param   {number} index
- *          The index to check
- *
- * @param   {number} maxIndex
- *          The maximum possible index
- *
- * @throws  {Error} if the timeRanges provided are over the maxIndex
- */
-function rangeCheck(fnName, index, maxIndex) {
-  if (typeof index !== 'number' || index < 0 || index > maxIndex) {
-    throw new Error("Failed to execute '" + fnName + "' on 'TimeRanges': The index provided (" + index + ") is non-numeric or out of bounds (0-" + maxIndex + ").");
-  }
-}
-/**
- * Get the time for the specified index at the start or end
- * of a TimeRange object.
- *
- * @private
- * @param      {string} fnName
- *             The function name to use for logging
- *
- * @param      {string} valueIndex
- *             The property that should be used to get the time. should be
- *             'start' or 'end'
- *
- * @param      {Array} ranges
- *             An array of time ranges
- *
- * @param      {Array} [rangeIndex=0]
- *             The index to start the search at
- *
- * @return     {number}
- *             The time that offset at the specified index.
- *
- * @deprecated rangeIndex must be set to a value, in the future this will throw an error.
- * @throws     {Error} if rangeIndex is more than the length of ranges
- */
-
-
-function getRange(fnName, valueIndex, ranges, rangeIndex) {
-  rangeCheck(fnName, rangeIndex, ranges.length - 1);
-  return ranges[rangeIndex][valueIndex];
-}
-/**
- * Create a time range object given ranges of time.
- *
- * @private
- * @param   {Array} [ranges]
- *          An array of time ranges.
- */
-
-
-function createTimeRangesObj(ranges) {
-  if (ranges === undefined || ranges.length === 0) {
-    return {
-      length: 0,
-      start: function start() {
-        throw new Error('This TimeRanges object is empty');
-      },
-      end: function end() {
-        throw new Error('This TimeRanges object is empty');
-      }
-    };
-  }
-
-  return {
-    length: ranges.length,
-    start: getRange.bind(null, 'start', 0, ranges),
-    end: getRange.bind(null, 'end', 1, ranges)
-  };
-}
-/**
- * Create a `TimeRange` object which mimics an
- * {@link https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges|HTML5 TimeRanges instance}.
- *
- * @param {number|Array[]} start
- *        The start of a single range (a number) or an array of ranges (an
- *        array of arrays of two numbers each).
- *
- * @param {number} end
- *        The end of a single range. Cannot be used with the array form of
- *        the `start` argument.
- */
-
-
-function createTimeRanges(start, end) {
-  if (Array.isArray(start)) {
-    return createTimeRangesObj(start);
-  } else if (start === undefined || end === undefined) {
-    return createTimeRangesObj();
-  }
-
-  return createTimeRangesObj([[start, end]]);
-}
-
-/**
- * @file buffer.js
- * @module buffer
- */
-/**
- * Compute the percentage of the media that has been buffered.
- *
- * @param {TimeRange} buffered
- *        The current `TimeRange` object representing buffered time ranges
- *
- * @param {number} duration
- *        Total duration of the media
- *
- * @return {number}
- *         Percent buffered of the total duration in decimal form.
- */
-
-function bufferedPercent(buffered, duration) {
-  var bufferedDuration = 0;
-  var start;
-  var end;
-
-  if (!duration) {
-    return 0;
-  }
-
-  if (!buffered || !buffered.length) {
-    buffered = createTimeRanges(0, 0);
-  }
-
-  for (var i = 0; i < buffered.length; i++) {
-    start = buffered.start(i);
-    end = buffered.end(i); // buffered end can be bigger than duration by a very small fraction
-
-    if (end > duration) {
-      end = duration;
-    }
-
-    bufferedDuration += end - start;
-  }
-
-  return bufferedDuration / duration;
-}
-
-/**
- * @file fullscreen-api.js
- * @module fullscreen-api
- * @private
- */
-/**
- * Store the browser-specific methods for the fullscreen API.
- *
- * @type {Object}
- * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
- * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
- */
-
-var FullscreenApi = {
-  prefixed: true
-}; // browser API methods
-
-var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
-['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
-['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
-['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
-var specApi = apiMap[0];
-var browserApi; // determine the supported set of functions
-
-for (var i = 0; i < apiMap.length; i++) {
-  // check for exitFullscreen function
-  if (apiMap[i][1] in document) {
-    browserApi = apiMap[i];
-    break;
-  }
-} // map the browser API names to the spec API names
-
-
-if (browserApi) {
-  for (var _i = 0; _i < browserApi.length; _i++) {
-    FullscreenApi[specApi[_i]] = browserApi[_i];
-  }
-
-  FullscreenApi.prefixed = browserApi[0] !== specApi[0];
-}
-
-/**
- * @file media-error.js
- */
-/**
- * A Custom `MediaError` class which mimics the standard HTML5 `MediaError` class.
- *
- * @param {number|string|Object|MediaError} value
- *        This can be of multiple types:
- *        - number: should be a standard error code
- *        - string: an error message (the code will be 0)
- *        - Object: arbitrary properties
- *        - `MediaError` (native): used to populate a video.js `MediaError` object
- *        - `MediaError` (video.js): will return itself if it's already a
- *          video.js `MediaError` object.
- *
- * @see [MediaError Spec]{@link https://dev.w3.org/html5/spec-author-view/video.html#mediaerror}
- * @see [Encrypted MediaError Spec]{@link https://www.w3.org/TR/2013/WD-encrypted-media-20130510/#error-codes}
- *
- * @class MediaError
- */
-
-function MediaError(value) {
-  // Allow redundant calls to this constructor to avoid having `instanceof`
-  // checks peppered around the code.
-  if (value instanceof MediaError) {
-    return value;
-  }
-
-  if (typeof value === 'number') {
-    this.code = value;
-  } else if (typeof value === 'string') {
-    // default code is zero, so this is a custom error
-    this.message = value;
-  } else if (isObject(value)) {
-    // We assign the `code` property manually because native `MediaError` objects
-    // do not expose it as an own/enumerable property of the object.
-    if (typeof value.code === 'number') {
-      this.code = value.code;
-    }
-
-    assign(this, value);
-  }
-
-  if (!this.message) {
-    this.message = MediaError.defaultMessages[this.code] || '';
-  }
-}
-/**
- * The error code that refers two one of the defined `MediaError` types
- *
- * @type {Number}
- */
-
-
-MediaError.prototype.code = 0;
-/**
- * An optional message that to show with the error. Message is not part of the HTML5
- * video spec but allows for more informative custom errors.
- *
- * @type {String}
- */
-
-MediaError.prototype.message = '';
-/**
- * An optional status code that can be set by plugins to allow even more detail about
- * the error. For example a plugin might provide a specific HTTP status code and an
- * error message for that code. Then when the plugin gets that error this class will
- * know how to display an error message for it. This allows a custom message to show
- * up on the `Player` error overlay.
- *
- * @type {Array}
- */
-
-MediaError.prototype.status = null;
-/**
- * Errors indexed by the W3C standard. The order **CANNOT CHANGE**! See the
- * specification listed under {@link MediaError} for more information.
- *
- * @enum {array}
- * @readonly
- * @property {string} 0 - MEDIA_ERR_CUSTOM
- * @property {string} 1 - MEDIA_ERR_ABORTED
- * @property {string} 2 - MEDIA_ERR_NETWORK
- * @property {string} 3 - MEDIA_ERR_DECODE
- * @property {string} 4 - MEDIA_ERR_SRC_NOT_SUPPORTED
- * @property {string} 5 - MEDIA_ERR_ENCRYPTED
- */
-
-MediaError.errorTypes = ['MEDIA_ERR_CUSTOM', 'MEDIA_ERR_ABORTED', 'MEDIA_ERR_NETWORK', 'MEDIA_ERR_DECODE', 'MEDIA_ERR_SRC_NOT_SUPPORTED', 'MEDIA_ERR_ENCRYPTED'];
-/**
- * The default `MediaError` messages based on the {@link MediaError.errorTypes}.
- *
- * @type {Array}
- * @constant
- */
-
-MediaError.defaultMessages = {
-  1: 'You aborted the media playback',
-  2: 'A network error caused the media download to fail part-way.',
-  3: 'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.',
-  4: 'The media could not be loaded, either because the server or network failed or because the format is not supported.',
-  5: 'The media is encrypted and we do not have the keys to decrypt it.'
-}; // Add types as properties on MediaError
-// e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
-
-for (var errNum = 0; errNum < MediaError.errorTypes.length; errNum++) {
-  MediaError[MediaError.errorTypes[errNum]] = errNum; // values should be accessible on both the class and instance
-
-  MediaError.prototype[MediaError.errorTypes[errNum]] = errNum;
-} // jsdocs for instance/static members added above
-
-/**
- * Returns whether an object is `Promise`-like (i.e. has a `then` method).
- *
- * @param  {Object}  value
- *         An object that may or may not be `Promise`-like.
- *
- * @return {boolean}
- *         Whether or not the object is `Promise`-like.
- */
-function isPromise(value) {
-  return value !== undefined && value !== null && typeof value.then === 'function';
-}
-/**
- * Silence a Promise-like object.
- *
- * This is useful for avoiding non-harmful, but potentially confusing "uncaught
- * play promise" rejection error messages.
- *
- * @param  {Object} value
- *         An object that may or may not be `Promise`-like.
- */
-
-function silencePromise(value) {
-  if (isPromise(value)) {
-    value.then(null, function (e) {});
-  }
-}
-
-/**
- * @file text-track-list-converter.js Utilities for capturing text track state and
- * re-creating tracks based on a capture.
- *
- * @module text-track-list-converter
- */
-
-/**
- * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that
- * represents the {@link TextTrack}'s state.
- *
- * @param {TextTrack} track
- *        The text track to query.
- *
- * @return {Object}
- *         A serializable javascript representation of the TextTrack.
- * @private
- */
-var trackToJson_ = function trackToJson_(track) {
-  var ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce(function (acc, prop, i) {
-    if (track[prop]) {
-      acc[prop] = track[prop];
-    }
-
-    return acc;
-  }, {
-    cues: track.cues && Array.prototype.map.call(track.cues, function (cue) {
-      return {
-        startTime: cue.startTime,
-        endTime: cue.endTime,
-        text: cue.text,
-        id: cue.id
-      };
-    })
-  });
-  return ret;
-};
-/**
- * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the
- * state of all {@link TextTrack}s currently configured. The return array is compatible with
- * {@link text-track-list-converter:jsonToTextTracks}.
- *
- * @param {Tech} tech
- *        The tech object to query
- *
- * @return {Array}
- *         A serializable javascript representation of the {@link Tech}s
- *         {@link TextTrackList}.
- */
-
-
-var textTracksToJson = function textTracksToJson(tech) {
-  var trackEls = tech.$$('track');
-  var trackObjs = Array.prototype.map.call(trackEls, function (t) {
-    return t.track;
-  });
-  var tracks = Array.prototype.map.call(trackEls, function (trackEl) {
-    var json = trackToJson_(trackEl.track);
-
-    if (trackEl.src) {
-      json.src = trackEl.src;
-    }
-
-    return json;
-  });
-  return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {
-    return trackObjs.indexOf(track) === -1;
-  }).map(trackToJson_));
-};
-/**
- * Create a set of remote {@link TextTrack}s on a {@link Tech} based on an array of javascript
- * object {@link TextTrack} representations.
- *
- * @param {Array} json
- *        An array of `TextTrack` representation objects, like those that would be
- *        produced by `textTracksToJson`.
- *
- * @param {Tech} tech
- *        The `Tech` to create the `TextTrack`s on.
- */
-
-
-var jsonToTextTracks = function jsonToTextTracks(json, tech) {
-  json.forEach(function (track) {
-    var addedTrack = tech.addRemoteTextTrack(track).track;
-
-    if (!track.src && track.cues) {
-      track.cues.forEach(function (cue) {
-        return addedTrack.addCue(cue);
-      });
-    }
-  });
-  return tech.textTracks();
-};
-
-var textTrackConverter = {
-  textTracksToJson: textTracksToJson,
-  jsonToTextTracks: jsonToTextTracks,
-  trackToJson_: trackToJson_
-};
-
-var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-/**
- * The `ModalDialog` displays over the video and its controls, which blocks
- * interaction with the player until it is closed.
- *
- * Modal dialogs include a "Close" button and will close when that button
- * is activated - or when ESC is pressed anywhere.
- *
- * @extends Component
- */
-
-var ModalDialog =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ModalDialog, _Component);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Mixed} [options.content=undefined]
-   *        Provide customized content for this modal.
-   *
-   * @param {string} [options.description]
-   *        A text description for the modal, primarily for accessibility.
-   *
-   * @param {boolean} [options.fillAlways=false]
-   *        Normally, modals are automatically filled only the first time
-   *        they open. This tells the modal to refresh its content
-   *        every time it opens.
-   *
-   * @param {string} [options.label]
-   *        A text label for the modal, primarily for accessibility.
-   *
-   * @param {boolean} [options.pauseOnOpen=true]
-   *        If `true`, playback will will be paused if playing when
-   *        the modal opens, and resumed when it closes.
-   *
-   * @param {boolean} [options.temporary=true]
-   *        If `true`, the modal can only be opened once; it will be
-   *        disposed as soon as it's closed.
-   *
-   * @param {boolean} [options.uncloseable=false]
-   *        If `true`, the user will not be able to close the modal
-   *        through the UI in the normal ways. Programmatic closing is
-   *        still possible.
-   */
-  function ModalDialog(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;
-
-    _this.closeable(!_this.options_.uncloseable);
-
-    _this.content(_this.options_.content); // Make sure the contentEl is defined AFTER any children are initialized
-    // because we only want the contents of the modal in the contentEl
-    // (not the UI elements like the close button).
-
-
-    _this.contentEl_ = createEl('div', {
-      className: MODAL_CLASS_NAME + "-content"
-    }, {
-      role: 'document'
-    });
-    _this.descEl_ = createEl('p', {
-      className: MODAL_CLASS_NAME + "-description vjs-control-text",
-      id: _this.el().getAttribute('aria-describedby')
-    });
-    textContent(_this.descEl_, _this.description());
-
-    _this.el_.appendChild(_this.descEl_);
-
-    _this.el_.appendChild(_this.contentEl_);
-
-    return _this;
-  }
-  /**
-   * Create the `ModalDialog`'s DOM element
-   *
-   * @return {Element}
-   *         The DOM element that gets created.
-   */
-
-
-  var _proto = ModalDialog.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildCSSClass(),
-      tabIndex: -1
-    }, {
-      'aria-describedby': this.id() + "_description",
-      'aria-hidden': 'true',
-      'aria-label': this.label(),
-      'role': 'dialog'
-    });
-  };
-
-  _proto.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.descEl_ = null;
-    this.previouslyActiveEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return MODAL_CLASS_NAME + " vjs-hidden " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Returns the label string for this modal. Primarily used for accessibility.
-   *
-   * @return {string}
-   *         the localized or raw label of this modal.
-   */
-  ;
-
-  _proto.label = function label() {
-    return this.localize(this.options_.label || 'Modal Window');
-  }
-  /**
-   * Returns the description string for this modal. Primarily used for
-   * accessibility.
-   *
-   * @return {string}
-   *         The localized or raw description of this modal.
-   */
-  ;
-
-  _proto.description = function description() {
-    var desc = this.options_.description || this.localize('This is a modal window.'); // Append a universal closeability message if the modal is closeable.
-
-    if (this.closeable()) {
-      desc += ' ' + this.localize('This modal can be closed by pressing the Escape key or activating the close button.');
-    }
-
-    return desc;
-  }
-  /**
-   * Opens the modal.
-   *
-   * @fires ModalDialog#beforemodalopen
-   * @fires ModalDialog#modalopen
-   */
-  ;
-
-  _proto.open = function open() {
-    if (!this.opened_) {
-      var player = this.player();
-      /**
-        * Fired just before a `ModalDialog` is opened.
-        *
-        * @event ModalDialog#beforemodalopen
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalopen');
-      this.opened_ = true; // Fill content if the modal has never opened before and
-      // never been filled.
-
-      if (this.options_.fillAlways || !this.hasBeenOpened_ && !this.hasBeenFilled_) {
-        this.fill();
-      } // If the player was playing, pause it and take note of its previously
-      // playing state.
-
-
-      this.wasPlaying_ = !player.paused();
-
-      if (this.options_.pauseOnOpen && this.wasPlaying_) {
-        player.pause();
-      }
-
-      this.on('keydown', this.handleKeyDown); // Hide controls and note if they were enabled.
-
-      this.hadControls_ = player.controls();
-      player.controls(false);
-      this.show();
-      this.conditionalFocus_();
-      this.el().setAttribute('aria-hidden', 'false');
-      /**
-        * Fired just after a `ModalDialog` is opened.
-        *
-        * @event ModalDialog#modalopen
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('modalopen');
-      this.hasBeenOpened_ = true;
-    }
-  }
-  /**
-   * If the `ModalDialog` is currently open or closed.
-   *
-   * @param  {boolean} [value]
-   *         If given, it will open (`true`) or close (`false`) the modal.
-   *
-   * @return {boolean}
-   *         the current open state of the modaldialog
-   */
-  ;
-
-  _proto.opened = function opened(value) {
-    if (typeof value === 'boolean') {
-      this[value ? 'open' : 'close']();
-    }
-
-    return this.opened_;
-  }
-  /**
-   * Closes the modal, does nothing if the `ModalDialog` is
-   * not open.
-   *
-   * @fires ModalDialog#beforemodalclose
-   * @fires ModalDialog#modalclose
-   */
-  ;
-
-  _proto.close = function close() {
-    if (!this.opened_) {
-      return;
-    }
-
-    var player = this.player();
-    /**
-      * Fired just before a `ModalDialog` is closed.
-      *
-      * @event ModalDialog#beforemodalclose
-      * @type {EventTarget~Event}
-      */
-
-    this.trigger('beforemodalclose');
-    this.opened_ = false;
-
-    if (this.wasPlaying_ && this.options_.pauseOnOpen) {
-      player.play();
-    }
-
-    this.off('keydown', this.handleKeyDown);
-
-    if (this.hadControls_) {
-      player.controls(true);
-    }
-
-    this.hide();
-    this.el().setAttribute('aria-hidden', 'true');
-    /**
-      * Fired just after a `ModalDialog` is closed.
-      *
-      * @event ModalDialog#modalclose
-      * @type {EventTarget~Event}
-      */
-
-    this.trigger('modalclose');
-    this.conditionalBlur_();
-
-    if (this.options_.temporary) {
-      this.dispose();
-    }
-  }
-  /**
-   * Check to see if the `ModalDialog` is closeable via the UI.
-   *
-   * @param  {boolean} [value]
-   *         If given as a boolean, it will set the `closeable` option.
-   *
-   * @return {boolean}
-   *         Returns the final value of the closable option.
-   */
-  ;
-
-  _proto.closeable = function closeable(value) {
-    if (typeof value === 'boolean') {
-      var closeable = this.closeable_ = !!value;
-      var close = this.getChild('closeButton'); // If this is being made closeable and has no close button, add one.
-
-      if (closeable && !close) {
-        // The close button should be a child of the modal - not its
-        // content element, so temporarily change the content element.
-        var temp = this.contentEl_;
-        this.contentEl_ = this.el_;
-        close = this.addChild('closeButton', {
-          controlText: 'Close Modal Dialog'
-        });
-        this.contentEl_ = temp;
-        this.on(close, 'close', this.close);
-      } // If this is being made uncloseable and has a close button, remove it.
-
-
-      if (!closeable && close) {
-        this.off(close, 'close', this.close);
-        this.removeChild(close);
-        close.dispose();
-      }
-    }
-
-    return this.closeable_;
-  }
-  /**
-   * Fill the modal's content element with the modal's "content" option.
-   * The content element will be emptied before this change takes place.
-   */
-  ;
-
-  _proto.fill = function fill() {
-    this.fillWith(this.content());
-  }
-  /**
-   * Fill the modal's content element with arbitrary content.
-   * The content element will be emptied before this change takes place.
-   *
-   * @fires ModalDialog#beforemodalfill
-   * @fires ModalDialog#modalfill
-   *
-   * @param {Mixed} [content]
-   *        The same rules apply to this as apply to the `content` option.
-   */
-  ;
-
-  _proto.fillWith = function fillWith(content) {
-    var contentEl = this.contentEl();
-    var parentEl = contentEl.parentNode;
-    var nextSiblingEl = contentEl.nextSibling;
-    /**
-      * Fired just before a `ModalDialog` is filled with content.
-      *
-      * @event ModalDialog#beforemodalfill
-      * @type {EventTarget~Event}
-      */
-
-    this.trigger('beforemodalfill');
-    this.hasBeenFilled_ = true; // Detach the content element from the DOM before performing
-    // manipulation to avoid modifying the live DOM multiple times.
-
-    parentEl.removeChild(contentEl);
-    this.empty();
-    insertContent(contentEl, content);
-    /**
-     * Fired just after a `ModalDialog` is filled with content.
-     *
-     * @event ModalDialog#modalfill
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('modalfill'); // Re-inject the re-filled content element.
-
-    if (nextSiblingEl) {
-      parentEl.insertBefore(contentEl, nextSiblingEl);
-    } else {
-      parentEl.appendChild(contentEl);
-    } // make sure that the close button is last in the dialog DOM
-
-
-    var closeButton = this.getChild('closeButton');
-
-    if (closeButton) {
-      parentEl.appendChild(closeButton.el_);
-    }
-  }
-  /**
-   * Empties the content element. This happens anytime the modal is filled.
-   *
-   * @fires ModalDialog#beforemodalempty
-   * @fires ModalDialog#modalempty
-   */
-  ;
-
-  _proto.empty = function empty() {
-    /**
-    * Fired just before a `ModalDialog` is emptied.
-    *
-    * @event ModalDialog#beforemodalempty
-    * @type {EventTarget~Event}
-    */
-    this.trigger('beforemodalempty');
-    emptyEl(this.contentEl());
-    /**
-    * Fired just after a `ModalDialog` is emptied.
-    *
-    * @event ModalDialog#modalempty
-    * @type {EventTarget~Event}
-    */
-
-    this.trigger('modalempty');
-  }
-  /**
-   * Gets or sets the modal content, which gets normalized before being
-   * rendered into the DOM.
-   *
-   * This does not update the DOM or fill the modal, but it is called during
-   * that process.
-   *
-   * @param  {Mixed} [value]
-   *         If defined, sets the internal content value to be used on the
-   *         next call(s) to `fill`. This value is normalized before being
-   *         inserted. To "clear" the internal content value, pass `null`.
-   *
-   * @return {Mixed}
-   *         The current content of the modal dialog
-   */
-  ;
-
-  _proto.content = function content(value) {
-    if (typeof value !== 'undefined') {
-      this.content_ = value;
-    }
-
-    return this.content_;
-  }
-  /**
-   * conditionally focus the modal dialog if focus was previously on the player.
-   *
-   * @private
-   */
-  ;
-
-  _proto.conditionalFocus_ = function conditionalFocus_() {
-    var activeEl = document.activeElement;
-    var playerEl = this.player_.el_;
-    this.previouslyActiveEl_ = null;
-
-    if (playerEl.contains(activeEl) || playerEl === activeEl) {
-      this.previouslyActiveEl_ = activeEl;
-      this.focus();
-    }
-  }
-  /**
-   * conditionally blur the element and refocus the last focused element
-   *
-   * @private
-   */
-  ;
-
-  _proto.conditionalBlur_ = function conditionalBlur_() {
-    if (this.previouslyActiveEl_) {
-      this.previouslyActiveEl_.focus();
-      this.previouslyActiveEl_ = null;
-    }
-  }
-  /**
-   * Keydown handler. Attached when modal is focused.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Do not allow keydowns to reach out of the modal dialog.
-    event.stopPropagation();
-
-    if (keycode.isEventKey(event, 'Escape') && this.closeable()) {
-      event.preventDefault();
-      this.close();
-      return;
-    } // exit early if it isn't a tab key
-
-
-    if (!keycode.isEventKey(event, 'Tab')) {
-      return;
-    }
-
-    var focusableEls = this.focusableEls_();
-    var activeEl = this.el_.querySelector(':focus');
-    var focusIndex;
-
-    for (var i = 0; i < focusableEls.length; i++) {
-      if (activeEl === focusableEls[i]) {
-        focusIndex = i;
-        break;
-      }
-    }
-
-    if (document.activeElement === this.el_) {
-      focusIndex = 0;
-    }
-
-    if (event.shiftKey && focusIndex === 0) {
-      focusableEls[focusableEls.length - 1].focus();
-      event.preventDefault();
-    } else if (!event.shiftKey && focusIndex === focusableEls.length - 1) {
-      focusableEls[0].focus();
-      event.preventDefault();
-    }
-  }
-  /**
-   * get all focusable elements
-   *
-   * @private
-   */
-  ;
-
-  _proto.focusableEls_ = function focusableEls_() {
-    var allChildren = this.el_.querySelectorAll('*');
-    return Array.prototype.filter.call(allChildren, function (child) {
-      return (child instanceof window$1.HTMLAnchorElement || child instanceof window$1.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window$1.HTMLInputElement || child instanceof window$1.HTMLSelectElement || child instanceof window$1.HTMLTextAreaElement || child instanceof window$1.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window$1.HTMLIFrameElement || child instanceof window$1.HTMLObjectElement || child instanceof window$1.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
-    });
-  };
-
-  return ModalDialog;
-}(Component);
-/**
- * Default options for `ModalDialog` default options.
- *
- * @type {Object}
- * @private
- */
-
-
-ModalDialog.prototype.options_ = {
-  pauseOnOpen: true,
-  temporary: true
-};
-Component.registerComponent('ModalDialog', ModalDialog);
-
-/**
- * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
- * {@link VideoTrackList}
- *
- * @extends EventTarget
- */
-
-var TrackList =
-/*#__PURE__*/
-function (_EventTarget) {
-  _inheritsLoose(TrackList, _EventTarget);
-
-  /**
-   * Create an instance of this class
-   *
-   * @param {Track[]} tracks
-   *        A list of tracks to initialize the list with.
-   *
-   * @abstract
-   */
-  function TrackList(tracks) {
-    var _this;
-
-    if (tracks === void 0) {
-      tracks = [];
-    }
-
-    _this = _EventTarget.call(this) || this;
-    _this.tracks_ = [];
-    /**
-     * @memberof TrackList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-
-    Object.defineProperty(_assertThisInitialized(_this), 'length', {
-      get: function get() {
-        return this.tracks_.length;
-      }
-    });
-
-    for (var i = 0; i < tracks.length; i++) {
-      _this.addTrack(tracks[i]);
-    }
-
-    return _this;
-  }
-  /**
-   * Add a {@link Track} to the `TrackList`
-   *
-   * @param {Track} track
-   *        The audio, video, or text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  var _proto = TrackList.prototype;
-
-  _proto.addTrack = function addTrack(track) {
-    var index = this.tracks_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get() {
-          return this.tracks_[index];
-        }
-      });
-    } // Do not add duplicate tracks
-
-
-    if (this.tracks_.indexOf(track) === -1) {
-      this.tracks_.push(track);
-      /**
-       * Triggered when a track is added to a track list.
-       *
-       * @event TrackList#addtrack
-       * @type {EventTarget~Event}
-       * @property {Track} track
-       *           A reference to track that was added.
-       */
-
-      this.trigger({
-        track: track,
-        type: 'addtrack',
-        target: this
-      });
-    }
-  }
-  /**
-   * Remove a {@link Track} from the `TrackList`
-   *
-   * @param {Track} rtrack
-   *        The audio, video, or text track to remove from the list.
-   *
-   * @fires TrackList#removetrack
-   */
-  ;
-
-  _proto.removeTrack = function removeTrack(rtrack) {
-    var track;
-
-    for (var i = 0, l = this.length; i < l; i++) {
-      if (this[i] === rtrack) {
-        track = this[i];
-
-        if (track.off) {
-          track.off();
-        }
-
-        this.tracks_.splice(i, 1);
-        break;
-      }
-    }
-
-    if (!track) {
-      return;
-    }
-    /**
-     * Triggered when a track is removed from track list.
-     *
-     * @event TrackList#removetrack
-     * @type {EventTarget~Event}
-     * @property {Track} track
-     *           A reference to track that was removed.
-     */
-
-
-    this.trigger({
-      track: track,
-      type: 'removetrack',
-      target: this
-    });
-  }
-  /**
-   * Get a Track from the TrackList by a tracks id
-   *
-   * @param {string} id - the id of the track to get
-   * @method getTrackById
-   * @return {Track}
-   * @private
-   */
-  ;
-
-  _proto.getTrackById = function getTrackById(id) {
-    var result = null;
-
-    for (var i = 0, l = this.length; i < l; i++) {
-      var track = this[i];
-
-      if (track.id === id) {
-        result = track;
-        break;
-      }
-    }
-
-    return result;
-  };
-
-  return TrackList;
-}(EventTarget);
-/**
- * Triggered when a different track is selected/enabled.
- *
- * @event TrackList#change
- * @type {EventTarget~Event}
- */
-
-/**
- * Events that can be called with on + eventName. See {@link EventHandler}.
- *
- * @property {Object} TrackList#allowedEvents_
- * @private
- */
-
-
-TrackList.prototype.allowedEvents_ = {
-  change: 'change',
-  addtrack: 'addtrack',
-  removetrack: 'removetrack'
-}; // emulate attribute EventHandler support to allow for feature detection
-
-for (var event in TrackList.prototype.allowedEvents_) {
-  TrackList.prototype['on' + event] = null;
-}
-
-/**
- * Anywhere we call this function we diverge from the spec
- * as we only support one enabled audiotrack at a time
- *
- * @param {AudioTrackList} list
- *        list to work on
- *
- * @param {AudioTrack} track
- *        The track to skip
- *
- * @private
- */
-
-var disableOthers = function disableOthers(list, track) {
-  for (var i = 0; i < list.length; i++) {
-    if (!Object.keys(list[i]).length || track.id === list[i].id) {
-      continue;
-    } // another audio track is enabled, disable it
-
-
-    list[i].enabled = false;
-  }
-};
-/**
- * The current list of {@link AudioTrack} for a media file.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist}
- * @extends TrackList
- */
-
-
-var AudioTrackList =
-/*#__PURE__*/
-function (_TrackList) {
-  _inheritsLoose(AudioTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {AudioTrack[]} [tracks=[]]
-   *        A list of `AudioTrack` to instantiate the list with.
-   */
-  function AudioTrackList(tracks) {
-    var _this;
-
-    if (tracks === void 0) {
-      tracks = [];
-    }
-
-    // make sure only 1 track is enabled
-    // sorted from last index to first index
-    for (var i = tracks.length - 1; i >= 0; i--) {
-      if (tracks[i].enabled) {
-        disableOthers(tracks, tracks[i]);
-        break;
-      }
-    }
-
-    _this = _TrackList.call(this, tracks) || this;
-    _this.changing_ = false;
-    return _this;
-  }
-  /**
-   * Add an {@link AudioTrack} to the `AudioTrackList`.
-   *
-   * @param {AudioTrack} track
-   *        The AudioTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  var _proto = AudioTrackList.prototype;
-
-  _proto.addTrack = function addTrack(track) {
-    var _this2 = this;
-
-    if (track.enabled) {
-      disableOthers(this, track);
-    }
-
-    _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-    if (!track.addEventListener) {
-      return;
-    }
-
-    track.enabledChange_ = function () {
-      // when we are disabling other tracks (since we don't support
-      // more than one track at a time) we will set changing_
-      // to true so that we don't trigger additional change events
-      if (_this2.changing_) {
-        return;
-      }
-
-      _this2.changing_ = true;
-      disableOthers(_this2, track);
-      _this2.changing_ = false;
-
-      _this2.trigger('change');
-    };
-    /**
-     * @listens AudioTrack#enabledchange
-     * @fires TrackList#change
-     */
-
-
-    track.addEventListener('enabledchange', track.enabledChange_);
-  };
-
-  _proto.removeTrack = function removeTrack(rtrack) {
-    _TrackList.prototype.removeTrack.call(this, rtrack);
-
-    if (rtrack.removeEventListener && rtrack.enabledChange_) {
-      rtrack.removeEventListener('enabledchange', rtrack.enabledChange_);
-      rtrack.enabledChange_ = null;
-    }
-  };
-
-  return AudioTrackList;
-}(TrackList);
-
-/**
- * Un-select all other {@link VideoTrack}s that are selected.
- *
- * @param {VideoTrackList} list
- *        list to work on
- *
- * @param {VideoTrack} track
- *        The track to skip
- *
- * @private
- */
-
-var disableOthers$1 = function disableOthers(list, track) {
-  for (var i = 0; i < list.length; i++) {
-    if (!Object.keys(list[i]).length || track.id === list[i].id) {
-      continue;
-    } // another video track is enabled, disable it
-
-
-    list[i].selected = false;
-  }
-};
-/**
- * The current list of {@link VideoTrack} for a video.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist}
- * @extends TrackList
- */
-
-
-var VideoTrackList =
-/*#__PURE__*/
-function (_TrackList) {
-  _inheritsLoose(VideoTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {VideoTrack[]} [tracks=[]]
-   *        A list of `VideoTrack` to instantiate the list with.
-   */
-  function VideoTrackList(tracks) {
-    var _this;
-
-    if (tracks === void 0) {
-      tracks = [];
-    }
-
-    // make sure only 1 track is enabled
-    // sorted from last index to first index
-    for (var i = tracks.length - 1; i >= 0; i--) {
-      if (tracks[i].selected) {
-        disableOthers$1(tracks, tracks[i]);
-        break;
-      }
-    }
-
-    _this = _TrackList.call(this, tracks) || this;
-    _this.changing_ = false;
-    /**
-     * @member {number} VideoTrackList#selectedIndex
-     *         The current index of the selected {@link VideoTrack`}.
-     */
-
-    Object.defineProperty(_assertThisInitialized(_this), 'selectedIndex', {
-      get: function get() {
-        for (var _i = 0; _i < this.length; _i++) {
-          if (this[_i].selected) {
-            return _i;
-          }
-        }
-
-        return -1;
-      },
-      set: function set() {}
-    });
-    return _this;
-  }
-  /**
-   * Add a {@link VideoTrack} to the `VideoTrackList`.
-   *
-   * @param {VideoTrack} track
-   *        The VideoTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  var _proto = VideoTrackList.prototype;
-
-  _proto.addTrack = function addTrack(track) {
-    var _this2 = this;
-
-    if (track.selected) {
-      disableOthers$1(this, track);
-    }
-
-    _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-    if (!track.addEventListener) {
-      return;
-    }
-
-    track.selectedChange_ = function () {
-      if (_this2.changing_) {
-        return;
-      }
-
-      _this2.changing_ = true;
-      disableOthers$1(_this2, track);
-      _this2.changing_ = false;
-
-      _this2.trigger('change');
-    };
-    /**
-     * @listens VideoTrack#selectedchange
-     * @fires TrackList#change
-     */
-
-
-    track.addEventListener('selectedchange', track.selectedChange_);
-  };
-
-  _proto.removeTrack = function removeTrack(rtrack) {
-    _TrackList.prototype.removeTrack.call(this, rtrack);
-
-    if (rtrack.removeEventListener && rtrack.selectedChange_) {
-      rtrack.removeEventListener('selectedchange', rtrack.selectedChange_);
-      rtrack.selectedChange_ = null;
-    }
-  };
-
-  return VideoTrackList;
-}(TrackList);
-
-/**
- * The current list of {@link TextTrack} for a media file.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttracklist}
- * @extends TrackList
- */
-
-var TextTrackList =
-/*#__PURE__*/
-function (_TrackList) {
-  _inheritsLoose(TextTrackList, _TrackList);
-
-  function TextTrackList() {
-    return _TrackList.apply(this, arguments) || this;
-  }
-
-  var _proto = TextTrackList.prototype;
-
-  /**
-   * Add a {@link TextTrack} to the `TextTrackList`
-   *
-   * @param {TextTrack} track
-   *        The text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-  _proto.addTrack = function addTrack(track) {
-    var _this = this;
-
-    _TrackList.prototype.addTrack.call(this, track);
-
-    if (!this.queueChange_) {
-      this.queueChange_ = function () {
-        return _this.queueTrigger('change');
-      };
-    }
-
-    if (!this.triggerSelectedlanguagechange) {
-      this.triggerSelectedlanguagechange_ = function () {
-        return _this.trigger('selectedlanguagechange');
-      };
-    }
-    /**
-     * @listens TextTrack#modechange
-     * @fires TrackList#change
-     */
-
-
-    track.addEventListener('modechange', this.queueChange_);
-    var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-    if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-      track.addEventListener('modechange', this.triggerSelectedlanguagechange_);
-    }
-  };
-
-  _proto.removeTrack = function removeTrack(rtrack) {
-    _TrackList.prototype.removeTrack.call(this, rtrack); // manually remove the event handlers we added
-
-
-    if (rtrack.removeEventListener) {
-      if (this.queueChange_) {
-        rtrack.removeEventListener('modechange', this.queueChange_);
-      }
-
-      if (this.selectedlanguagechange_) {
-        rtrack.removeEventListener('modechange', this.triggerSelectedlanguagechange_);
-      }
-    }
-  };
-
-  return TextTrackList;
-}(TrackList);
-
-/**
- * @file html-track-element-list.js
- */
-
-/**
- * The current list of {@link HtmlTrackElement}s.
- */
-var HtmlTrackElementList =
-/*#__PURE__*/
-function () {
-  /**
-   * Create an instance of this class.
-   *
-   * @param {HtmlTrackElement[]} [tracks=[]]
-   *        A list of `HtmlTrackElement` to instantiate the list with.
-   */
-  function HtmlTrackElementList(trackElements) {
-    if (trackElements === void 0) {
-      trackElements = [];
-    }
-
-    this.trackElements_ = [];
-    /**
-     * @memberof HtmlTrackElementList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-
-    Object.defineProperty(this, 'length', {
-      get: function get() {
-        return this.trackElements_.length;
-      }
-    });
-
-    for (var i = 0, length = trackElements.length; i < length; i++) {
-      this.addTrackElement_(trackElements[i]);
-    }
-  }
-  /**
-   * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-   *
-   * @param {HtmlTrackElement} trackElement
-   *        The track element to add to the list.
-   *
-   * @private
-   */
-
-
-  var _proto = HtmlTrackElementList.prototype;
-
-  _proto.addTrackElement_ = function addTrackElement_(trackElement) {
-    var index = this.trackElements_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get() {
-          return this.trackElements_[index];
-        }
-      });
-    } // Do not add duplicate elements
-
-
-    if (this.trackElements_.indexOf(trackElement) === -1) {
-      this.trackElements_.push(trackElement);
-    }
-  }
-  /**
-   * Get an {@link HtmlTrackElement} from the `HtmlTrackElementList` given an
-   * {@link TextTrack}.
-   *
-   * @param {TextTrack} track
-   *        The track associated with a track element.
-   *
-   * @return {HtmlTrackElement|undefined}
-   *         The track element that was found or undefined.
-   *
-   * @private
-   */
-  ;
-
-  _proto.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-    var trackElement_;
-
-    for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-      if (track === this.trackElements_[i].track) {
-        trackElement_ = this.trackElements_[i];
-        break;
-      }
-    }
-
-    return trackElement_;
-  }
-  /**
-   * Remove a {@link HtmlTrackElement} from the `HtmlTrackElementList`
-   *
-   * @param {HtmlTrackElement} trackElement
-   *        The track element to remove from the list.
-   *
-   * @private
-   */
-  ;
-
-  _proto.removeTrackElement_ = function removeTrackElement_(trackElement) {
-    for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-      if (trackElement === this.trackElements_[i]) {
-        if (this.trackElements_[i].track && typeof this.trackElements_[i].track.off === 'function') {
-          this.trackElements_[i].track.off();
-        }
-
-        if (typeof this.trackElements_[i].off === 'function') {
-          this.trackElements_[i].off();
-        }
-
-        this.trackElements_.splice(i, 1);
-        break;
-      }
-    }
-  };
-
-  return HtmlTrackElementList;
-}();
-
-/**
- * @file text-track-cue-list.js
- */
-
-/**
- * @typedef {Object} TextTrackCueList~TextTrackCue
- *
- * @property {string} id
- *           The unique id for this text track cue
- *
- * @property {number} startTime
- *           The start time for this text track cue
- *
- * @property {number} endTime
- *           The end time for this text track cue
- *
- * @property {boolean} pauseOnExit
- *           Pause when the end time is reached if true.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue}
- */
-
-/**
- * A List of TextTrackCues.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcuelist}
- */
-var TextTrackCueList =
-/*#__PURE__*/
-function () {
-  /**
-   * Create an instance of this class..
-   *
-   * @param {Array} cues
-   *        A list of cues to be initialized with
-   */
-  function TextTrackCueList(cues) {
-    TextTrackCueList.prototype.setCues_.call(this, cues);
-    /**
-     * @memberof TextTrackCueList
-     * @member {number} length
-     *         The current number of `TextTrackCue`s in the TextTrackCueList.
-     * @instance
-     */
-
-    Object.defineProperty(this, 'length', {
-      get: function get() {
-        return this.length_;
-      }
-    });
-  }
-  /**
-   * A setter for cues in this list. Creates getters
-   * an an index for the cues.
-   *
-   * @param {Array} cues
-   *        An array of cues to set
-   *
-   * @private
-   */
-
-
-  var _proto = TextTrackCueList.prototype;
-
-  _proto.setCues_ = function setCues_(cues) {
-    var oldLength = this.length || 0;
-    var i = 0;
-    var l = cues.length;
-    this.cues_ = cues;
-    this.length_ = cues.length;
-
-    var defineProp = function defineProp(index) {
-      if (!('' + index in this)) {
-        Object.defineProperty(this, '' + index, {
-          get: function get() {
-            return this.cues_[index];
-          }
-        });
-      }
-    };
-
-    if (oldLength < l) {
-      i = oldLength;
-
-      for (; i < l; i++) {
-        defineProp.call(this, i);
-      }
-    }
-  }
-  /**
-   * Get a `TextTrackCue` that is currently in the `TextTrackCueList` by id.
-   *
-   * @param {string} id
-   *        The id of the cue that should be searched for.
-   *
-   * @return {TextTrackCueList~TextTrackCue|null}
-   *         A single cue or null if none was found.
-   */
-  ;
-
-  _proto.getCueById = function getCueById(id) {
-    var result = null;
-
-    for (var i = 0, l = this.length; i < l; i++) {
-      var cue = this[i];
-
-      if (cue.id === id) {
-        result = cue;
-        break;
-      }
-    }
-
-    return result;
-  };
-
-  return TextTrackCueList;
-}();
-
-/**
- * @file track-kinds.js
- */
-
-/**
- * All possible `VideoTrackKind`s
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-videotrack-kind
- * @typedef VideoTrack~Kind
- * @enum
- */
-var VideoTrackKind = {
-  alternative: 'alternative',
-  captions: 'captions',
-  main: 'main',
-  sign: 'sign',
-  subtitles: 'subtitles',
-  commentary: 'commentary'
-};
-/**
- * All possible `AudioTrackKind`s
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-audiotrack-kind
- * @typedef AudioTrack~Kind
- * @enum
- */
-
-var AudioTrackKind = {
-  'alternative': 'alternative',
-  'descriptions': 'descriptions',
-  'main': 'main',
-  'main-desc': 'main-desc',
-  'translation': 'translation',
-  'commentary': 'commentary'
-};
-/**
- * All possible `TextTrackKind`s
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-kind
- * @typedef TextTrack~Kind
- * @enum
- */
-
-var TextTrackKind = {
-  subtitles: 'subtitles',
-  captions: 'captions',
-  descriptions: 'descriptions',
-  chapters: 'chapters',
-  metadata: 'metadata'
-};
-/**
- * All possible `TextTrackMode`s
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackmode
- * @typedef TextTrack~Mode
- * @enum
- */
-
-var TextTrackMode = {
-  disabled: 'disabled',
-  hidden: 'hidden',
-  showing: 'showing'
-};
-
-/**
- * A Track class that contains all of the common functionality for {@link AudioTrack},
- * {@link VideoTrack}, and {@link TextTrack}.
- *
- * > Note: This class should not be used directly
- *
- * @see {@link https://html.spec.whatwg.org/multipage/embedded-content.html}
- * @extends EventTarget
- * @abstract
- */
-
-var Track =
-/*#__PURE__*/
-function (_EventTarget) {
-  _inheritsLoose(Track, _EventTarget);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} [options={}]
-   *        Object of option names and values
-   *
-   * @param {string} [options.kind='']
-   *        A valid kind for the track type you are creating.
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this AudioTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @abstract
-   */
-  function Track(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _EventTarget.call(this) || this;
-    var trackProps = {
-      id: options.id || 'vjs_track_' + newGUID(),
-      kind: options.kind || '',
-      label: options.label || '',
-      language: options.language || ''
-    };
-    /**
-     * @memberof Track
-     * @member {string} id
-     *         The id of this track. Cannot be changed after creation.
-     * @instance
-     *
-     * @readonly
-     */
-
-    /**
-     * @memberof Track
-     * @member {string} kind
-     *         The kind of track that this is. Cannot be changed after creation.
-     * @instance
-     *
-     * @readonly
-     */
-
-    /**
-     * @memberof Track
-     * @member {string} label
-     *         The label of this track. Cannot be changed after creation.
-     * @instance
-     *
-     * @readonly
-     */
-
-    /**
-     * @memberof Track
-     * @member {string} language
-     *         The two letter language code for this track. Cannot be changed after
-     *         creation.
-     * @instance
-     *
-     * @readonly
-     */
-
-    var _loop = function _loop(key) {
-      Object.defineProperty(_assertThisInitialized(_this), key, {
-        get: function get() {
-          return trackProps[key];
-        },
-        set: function set() {}
-      });
-    };
-
-    for (var key in trackProps) {
-      _loop(key);
-    }
-
-    return _this;
-  }
-
-  return Track;
-}(EventTarget);
-
-/**
- * @file url.js
- * @module url
- */
-/**
- * @typedef {Object} url:URLObject
- *
- * @property {string} protocol
- *           The protocol of the url that was parsed.
- *
- * @property {string} hostname
- *           The hostname of the url that was parsed.
- *
- * @property {string} port
- *           The port of the url that was parsed.
- *
- * @property {string} pathname
- *           The pathname of the url that was parsed.
- *
- * @property {string} search
- *           The search query of the url that was parsed.
- *
- * @property {string} hash
- *           The hash of the url that was parsed.
- *
- * @property {string} host
- *           The host of the url that was parsed.
- */
-
-/**
- * Resolve and parse the elements of a URL.
- *
- * @function
- * @param    {String} url
- *           The url to parse
- *
- * @return   {url:URLObject}
- *           An object of url details
- */
-
-var parseUrl = function parseUrl(url) {
-  var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host']; // add the url to an anchor and let the browser parse the URL
-
-  var a = document.createElement('a');
-  a.href = url; // IE8 (and 9?) Fix
-  // ie8 doesn't parse the URL correctly until the anchor is actually
-  // added to the body, and an innerHTML is needed to trigger the parsing
-
-  var addToBody = a.host === '' && a.protocol !== 'file:';
-  var div;
-
-  if (addToBody) {
-    div = document.createElement('div');
-    div.innerHTML = "<a href=\"" + url + "\"></a>";
-    a = div.firstChild; // prevent the div from affecting layout
-
-    div.setAttribute('style', 'display:none; position:absolute;');
-    document.body.appendChild(div);
-  } // Copy the specific URL properties to a new object
-  // This is also needed for IE8 because the anchor loses its
-  // properties when it's removed from the dom
-
-
-  var details = {};
-
-  for (var i = 0; i < props.length; i++) {
-    details[props[i]] = a[props[i]];
-  } // IE9 adds the port to the host property unlike everyone else. If
-  // a port identifier is added for standard ports, strip it.
-
-
-  if (details.protocol === 'http:') {
-    details.host = details.host.replace(/:80$/, '');
-  }
-
-  if (details.protocol === 'https:') {
-    details.host = details.host.replace(/:443$/, '');
-  }
-
-  if (!details.protocol) {
-    details.protocol = window$1.location.protocol;
-  }
-
-  if (addToBody) {
-    document.body.removeChild(div);
-  }
-
-  return details;
-};
-/**
- * Get absolute version of relative URL. Used to tell Flash the correct URL.
- *
- * @function
- * @param    {string} url
- *           URL to make absolute
- *
- * @return   {string}
- *           Absolute URL
- *
- * @see      http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
- */
-
-var getAbsoluteURL = function getAbsoluteURL(url) {
-  // Check if absolute URL
-  if (!url.match(/^https?:\/\//)) {
-    // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
-    var div = document.createElement('div');
-    div.innerHTML = "<a href=\"" + url + "\">x</a>";
-    url = div.firstChild.href;
-  }
-
-  return url;
-};
-/**
- * Returns the extension of the passed file name. It will return an empty string
- * if passed an invalid path.
- *
- * @function
- * @param    {string} path
- *           The fileName path like '/path/to/file.mp4'
- *
- * @return  {string}
- *           The extension in lower case or an empty string if no
- *           extension could be found.
- */
-
-var getFileExtension = function getFileExtension(path) {
-  if (typeof path === 'string') {
-    var splitPathRe = /^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/;
-    var pathParts = splitPathRe.exec(path);
-
-    if (pathParts) {
-      return pathParts.pop().toLowerCase();
-    }
-  }
-
-  return '';
-};
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @function
- * @param    {string} url
- *           The url to check.
- *
- * @param    {Object} [winLoc]
- *           the domain to check the url against, defaults to window.location
- *
- * @param    {string} [winLoc.protocol]
- *           The window location protocol defaults to window.location.protocol
- *
- * @param    {string} [winLoc.host]
- *           The window location host defaults to window.location.host
- *
- * @return   {boolean}
- *           Whether it is a cross domain request or not.
- */
-
-var isCrossOrigin = function isCrossOrigin(url, winLoc) {
-  if (winLoc === void 0) {
-    winLoc = window$1.location;
-  }
-
-  var urlInfo = parseUrl(url); // IE8 protocol relative urls will return ':' for protocol
-
-  var srcProtocol = urlInfo.protocol === ':' ? winLoc.protocol : urlInfo.protocol; // Check if url is for another domain/origin
-  // IE8 doesn't know location.origin, so we won't rely on it here
-
-  var crossOrigin = srcProtocol + urlInfo.host !== winLoc.protocol + winLoc.host;
-  return crossOrigin;
-};
-
-var Url = /*#__PURE__*/Object.freeze({
-  parseUrl: parseUrl,
-  getAbsoluteURL: getAbsoluteURL,
-  getFileExtension: getFileExtension,
-  isCrossOrigin: isCrossOrigin
-});
-
-/**
- * Takes a webvtt file contents and parses it into cues
- *
- * @param {string} srcContent
- *        webVTT file contents
- *
- * @param {TextTrack} track
- *        TextTrack to add cues to. Cues come from the srcContent.
- *
- * @private
- */
-
-var parseCues = function parseCues(srcContent, track) {
-  var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, window$1.WebVTT.StringDecoder());
-  var errors = [];
-
-  parser.oncue = function (cue) {
-    track.addCue(cue);
-  };
-
-  parser.onparsingerror = function (error) {
-    errors.push(error);
-  };
-
-  parser.onflush = function () {
-    track.trigger({
-      type: 'loadeddata',
-      target: track
-    });
-  };
-
-  parser.parse(srcContent);
-
-  if (errors.length > 0) {
-    if (window$1.console && window$1.console.groupCollapsed) {
-      window$1.console.groupCollapsed("Text Track parsing errors for " + track.src);
-    }
-
-    errors.forEach(function (error) {
-      return log.error(error);
-    });
-
-    if (window$1.console && window$1.console.groupEnd) {
-      window$1.console.groupEnd();
-    }
-  }
-
-  parser.flush();
-};
-/**
- * Load a `TextTrack` from a specified url.
- *
- * @param {string} src
- *        Url to load track from.
- *
- * @param {TextTrack} track
- *        Track to add cues to. Comes from the content at the end of `url`.
- *
- * @private
- */
-
-
-var loadTrack = function loadTrack(src, track) {
-  var opts = {
-    uri: src
-  };
-  var crossOrigin = isCrossOrigin(src);
-
-  if (crossOrigin) {
-    opts.cors = crossOrigin;
-  }
-
-  XHR(opts, bind(this, function (err, response, responseBody) {
-    if (err) {
-      return log.error(err, response);
-    }
-
-    track.loaded_ = true; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-    // NOTE: this is only used for the alt/video.novtt.js build
-
-    if (typeof window$1.WebVTT !== 'function') {
-      if (track.tech_) {
-        // to prevent use before define eslint error, we define loadHandler
-        // as a let here
-        track.tech_.any(['vttjsloaded', 'vttjserror'], function (event) {
-          if (event.type === 'vttjserror') {
-            log.error("vttjs failed to load, stopping trying to process " + track.src);
-            return;
-          }
-
-          return parseCues(responseBody, track);
-        });
-      }
-    } else {
-      parseCues(responseBody, track);
-    }
-  }));
-};
-/**
- * A representation of a single `TextTrack`.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrack}
- * @extends Track
- */
-
-
-var TextTrack =
-/*#__PURE__*/
-function (_Track) {
-  _inheritsLoose(TextTrack, _Track);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} options={}
-   *        Object of option names and values
-   *
-   * @param {Tech} options.tech
-   *        A reference to the tech that owns this TextTrack.
-   *
-   * @param {TextTrack~Kind} [options.kind='subtitles']
-   *        A valid text track kind.
-   *
-   * @param {TextTrack~Mode} [options.mode='disabled']
-   *        A valid text track mode.
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this TextTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @param {string} [options.srclang='']
-   *        A valid two character language code. An alternative, but deprioritized
-   *        version of `options.language`
-   *
-   * @param {string} [options.src]
-   *        A url to TextTrack cues.
-   *
-   * @param {boolean} [options.default]
-   *        If this track should default to on or off.
-   */
-  function TextTrack(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    if (!options.tech) {
-      throw new Error('A tech was not provided.');
-    }
-
-    var settings = mergeOptions(options, {
-      kind: TextTrackKind[options.kind] || 'subtitles',
-      language: options.language || options.srclang || ''
-    });
-    var mode = TextTrackMode[settings.mode] || 'disabled';
-    var default_ = settings["default"];
-
-    if (settings.kind === 'metadata' || settings.kind === 'chapters') {
-      mode = 'hidden';
-    }
-
-    _this = _Track.call(this, settings) || this;
-    _this.tech_ = settings.tech;
-    _this.cues_ = [];
-    _this.activeCues_ = [];
-    _this.preload_ = _this.tech_.preloadTextTracks !== false;
-    var cues = new TextTrackCueList(_this.cues_);
-    var activeCues = new TextTrackCueList(_this.activeCues_);
-    var changed = false;
-    var timeupdateHandler = bind(_assertThisInitialized(_this), function () {
-      // Accessing this.activeCues for the side-effects of updating itself
-      // due to its nature as a getter function. Do not remove or cues will
-      // stop updating!
-      // Use the setter to prevent deletion from uglify (pure_getters rule)
-      this.activeCues = this.activeCues;
-
-      if (changed) {
-        this.trigger('cuechange');
-        changed = false;
-      }
-    });
-
-    if (mode !== 'disabled') {
-      _this.tech_.ready(function () {
-        _this.tech_.on('timeupdate', timeupdateHandler);
-      }, true);
-    }
-
-    Object.defineProperties(_assertThisInitialized(_this), {
-      /**
-       * @memberof TextTrack
-       * @member {boolean} default
-       *         If this track was set to be on or off by default. Cannot be changed after
-       *         creation.
-       * @instance
-       *
-       * @readonly
-       */
-      "default": {
-        get: function get() {
-          return default_;
-        },
-        set: function set() {}
-      },
-
-      /**
-       * @memberof TextTrack
-       * @member {string} mode
-       *         Set the mode of this TextTrack to a valid {@link TextTrack~Mode}. Will
-       *         not be set if setting to an invalid mode.
-       * @instance
-       *
-       * @fires TextTrack#modechange
-       */
-      mode: {
-        get: function get() {
-          return mode;
-        },
-        set: function set(newMode) {
-          var _this2 = this;
-
-          if (!TextTrackMode[newMode]) {
-            return;
-          }
-
-          mode = newMode;
-
-          if (!this.preload_ && mode !== 'disabled' && this.cues.length === 0) {
-            // On-demand load.
-            loadTrack(this.src, this);
-          }
-
-          if (mode !== 'disabled') {
-            this.tech_.ready(function () {
-              _this2.tech_.on('timeupdate', timeupdateHandler);
-            }, true);
-          } else {
-            this.tech_.off('timeupdate', timeupdateHandler);
-          }
-          /**
-           * An event that fires when mode changes on this track. This allows
-           * the TextTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec!
-           *
-           * @event TextTrack#modechange
-           * @type {EventTarget~Event}
-           */
-
-
-          this.trigger('modechange');
-        }
-      },
-
-      /**
-       * @memberof TextTrack
-       * @member {TextTrackCueList} cues
-       *         The text track cue list for this TextTrack.
-       * @instance
-       */
-      cues: {
-        get: function get() {
-          if (!this.loaded_) {
-            return null;
-          }
-
-          return cues;
-        },
-        set: function set() {}
-      },
-
-      /**
-       * @memberof TextTrack
-       * @member {TextTrackCueList} activeCues
-       *         The list text track cues that are currently active for this TextTrack.
-       * @instance
-       */
-      activeCues: {
-        get: function get() {
-          if (!this.loaded_) {
-            return null;
-          } // nothing to do
-
-
-          if (this.cues.length === 0) {
-            return activeCues;
-          }
-
-          var ct = this.tech_.currentTime();
-          var active = [];
-
-          for (var i = 0, l = this.cues.length; i < l; i++) {
-            var cue = this.cues[i];
-
-            if (cue.startTime <= ct && cue.endTime >= ct) {
-              active.push(cue);
-            } else if (cue.startTime === cue.endTime && cue.startTime <= ct && cue.startTime + 0.5 >= ct) {
-              active.push(cue);
-            }
-          }
-
-          changed = false;
-
-          if (active.length !== this.activeCues_.length) {
-            changed = true;
-          } else {
-            for (var _i = 0; _i < active.length; _i++) {
-              if (this.activeCues_.indexOf(active[_i]) === -1) {
-                changed = true;
-              }
-            }
-          }
-
-          this.activeCues_ = active;
-          activeCues.setCues_(this.activeCues_);
-          return activeCues;
-        },
-        // /!\ Keep this setter empty (see the timeupdate handler above)
-        set: function set() {}
-      }
-    });
-
-    if (settings.src) {
-      _this.src = settings.src;
-
-      if (!_this.preload_) {
-        // Tracks will load on-demand.
-        // Act like we're loaded for other purposes.
-        _this.loaded_ = true;
-      }
-
-      if (_this.preload_ || default_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
-        loadTrack(_this.src, _assertThisInitialized(_this));
-      }
-    } else {
-      _this.loaded_ = true;
-    }
-
-    return _this;
-  }
-  /**
-   * Add a cue to the internal list of cues.
-   *
-   * @param {TextTrack~Cue} cue
-   *        The cue to add to our internal list
-   */
-
-
-  var _proto = TextTrack.prototype;
-
-  _proto.addCue = function addCue(originalCue) {
-    var cue = originalCue;
-
-    if (window$1.vttjs && !(originalCue instanceof window$1.vttjs.VTTCue)) {
-      cue = new window$1.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
-
-      for (var prop in originalCue) {
-        if (!(prop in cue)) {
-          cue[prop] = originalCue[prop];
-        }
-      } // make sure that `id` is copied over
-
-
-      cue.id = originalCue.id;
-      cue.originalCue_ = originalCue;
-    }
-
-    var tracks = this.tech_.textTracks();
-
-    for (var i = 0; i < tracks.length; i++) {
-      if (tracks[i] !== this) {
-        tracks[i].removeCue(cue);
-      }
-    }
-
-    this.cues_.push(cue);
-    this.cues.setCues_(this.cues_);
-  }
-  /**
-   * Remove a cue from our internal list
-   *
-   * @param {TextTrack~Cue} removeCue
-   *        The cue to remove from our internal list
-   */
-  ;
-
-  _proto.removeCue = function removeCue(_removeCue) {
-    var i = this.cues_.length;
-
-    while (i--) {
-      var cue = this.cues_[i];
-
-      if (cue === _removeCue || cue.originalCue_ && cue.originalCue_ === _removeCue) {
-        this.cues_.splice(i, 1);
-        this.cues.setCues_(this.cues_);
-        break;
-      }
-    }
-  };
-
-  return TextTrack;
-}(Track);
-/**
- * cuechange - One or more cues in the track have become active or stopped being active.
- */
-
-
-TextTrack.prototype.allowedEvents_ = {
-  cuechange: 'cuechange'
-};
-
-/**
- * A representation of a single `AudioTrack`. If it is part of an {@link AudioTrackList}
- * only one `AudioTrack` in the list will be enabled at a time.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotrack}
- * @extends Track
- */
-
-var AudioTrack =
-/*#__PURE__*/
-function (_Track) {
-  _inheritsLoose(AudioTrack, _Track);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} [options={}]
-   *        Object of option names and values
-   *
-   * @param {AudioTrack~Kind} [options.kind='']
-   *        A valid audio track kind
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this AudioTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @param {boolean} [options.enabled]
-   *        If this track is the one that is currently playing. If this track is part of
-   *        an {@link AudioTrackList}, only one {@link AudioTrack} will be enabled.
-   */
-  function AudioTrack(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    var settings = mergeOptions(options, {
-      kind: AudioTrackKind[options.kind] || ''
-    });
-    _this = _Track.call(this, settings) || this;
-    var enabled = false;
-    /**
-     * @memberof AudioTrack
-     * @member {boolean} enabled
-     *         If this `AudioTrack` is enabled or not. When setting this will
-     *         fire {@link AudioTrack#enabledchange} if the state of enabled is changed.
-     * @instance
-     *
-     * @fires VideoTrack#selectedchange
-     */
-
-    Object.defineProperty(_assertThisInitialized(_this), 'enabled', {
-      get: function get() {
-        return enabled;
-      },
-      set: function set(newEnabled) {
-        // an invalid or unchanged value
-        if (typeof newEnabled !== 'boolean' || newEnabled === enabled) {
-          return;
-        }
-
-        enabled = newEnabled;
-        /**
-         * An event that fires when enabled changes on this track. This allows
-         * the AudioTrackList that holds this track to act accordingly.
-         *
-         * > Note: This is not part of the spec! Native tracks will do
-         *         this internally without an event.
-         *
-         * @event AudioTrack#enabledchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('enabledchange');
-      }
-    }); // if the user sets this track to selected then
-    // set selected to that true value otherwise
-    // we keep it false
-
-    if (settings.enabled) {
-      _this.enabled = settings.enabled;
-    }
-
-    _this.loaded_ = true;
-    return _this;
-  }
-
-  return AudioTrack;
-}(Track);
-
-/**
- * A representation of a single `VideoTrack`.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotrack}
- * @extends Track
- */
-
-var VideoTrack =
-/*#__PURE__*/
-function (_Track) {
-  _inheritsLoose(VideoTrack, _Track);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} [options={}]
-   *        Object of option names and values
-   *
-   * @param {string} [options.kind='']
-   *        A valid {@link VideoTrack~Kind}
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this AudioTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @param {boolean} [options.selected]
-   *        If this track is the one that is currently playing.
-   */
-  function VideoTrack(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    var settings = mergeOptions(options, {
-      kind: VideoTrackKind[options.kind] || ''
-    });
-    _this = _Track.call(this, settings) || this;
-    var selected = false;
-    /**
-     * @memberof VideoTrack
-     * @member {boolean} selected
-     *         If this `VideoTrack` is selected or not. When setting this will
-     *         fire {@link VideoTrack#selectedchange} if the state of selected changed.
-     * @instance
-     *
-     * @fires VideoTrack#selectedchange
-     */
-
-    Object.defineProperty(_assertThisInitialized(_this), 'selected', {
-      get: function get() {
-        return selected;
-      },
-      set: function set(newSelected) {
-        // an invalid or unchanged value
-        if (typeof newSelected !== 'boolean' || newSelected === selected) {
-          return;
-        }
-
-        selected = newSelected;
-        /**
-         * An event that fires when selected changes on this track. This allows
-         * the VideoTrackList that holds this track to act accordingly.
-         *
-         * > Note: This is not part of the spec! Native tracks will do
-         *         this internally without an event.
-         *
-         * @event VideoTrack#selectedchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('selectedchange');
-      }
-    }); // if the user sets this track to selected then
-    // set selected to that true value otherwise
-    // we keep it false
-
-    if (settings.selected) {
-      _this.selected = settings.selected;
-    }
-
-    return _this;
-  }
-
-  return VideoTrack;
-}(Track);
-
-/**
- * @memberof HTMLTrackElement
- * @typedef {HTMLTrackElement~ReadyState}
- * @enum {number}
- */
-
-var NONE = 0;
-var LOADING = 1;
-var LOADED = 2;
-var ERROR = 3;
-/**
- * A single track represented in the DOM.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement}
- * @extends EventTarget
- */
-
-var HTMLTrackElement =
-/*#__PURE__*/
-function (_EventTarget) {
-  _inheritsLoose(HTMLTrackElement, _EventTarget);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Object} options={}
-   *        Object of option names and values
-   *
-   * @param {Tech} options.tech
-   *        A reference to the tech that owns this HTMLTrackElement.
-   *
-   * @param {TextTrack~Kind} [options.kind='subtitles']
-   *        A valid text track kind.
-   *
-   * @param {TextTrack~Mode} [options.mode='disabled']
-   *        A valid text track mode.
-   *
-   * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-   *        A unique id for this TextTrack.
-   *
-   * @param {string} [options.label='']
-   *        The menu label for this track.
-   *
-   * @param {string} [options.language='']
-   *        A valid two character language code.
-   *
-   * @param {string} [options.srclang='']
-   *        A valid two character language code. An alternative, but deprioritized
-   *        vesion of `options.language`
-   *
-   * @param {string} [options.src]
-   *        A url to TextTrack cues.
-   *
-   * @param {boolean} [options.default]
-   *        If this track should default to on or off.
-   */
-  function HTMLTrackElement(options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _EventTarget.call(this) || this;
-    var readyState;
-    var track = new TextTrack(options);
-    _this.kind = track.kind;
-    _this.src = track.src;
-    _this.srclang = track.language;
-    _this.label = track.label;
-    _this["default"] = track["default"];
-    Object.defineProperties(_assertThisInitialized(_this), {
-      /**
-       * @memberof HTMLTrackElement
-       * @member {HTMLTrackElement~ReadyState} readyState
-       *         The current ready state of the track element.
-       * @instance
-       */
-      readyState: {
-        get: function get() {
-          return readyState;
-        }
-      },
-
-      /**
-       * @memberof HTMLTrackElement
-       * @member {TextTrack} track
-       *         The underlying TextTrack object.
-       * @instance
-       *
-       */
-      track: {
-        get: function get() {
-          return track;
-        }
-      }
-    });
-    readyState = NONE;
-    /**
-     * @listens TextTrack#loadeddata
-     * @fires HTMLTrackElement#load
-     */
-
-    track.addEventListener('loadeddata', function () {
-      readyState = LOADED;
-
-      _this.trigger({
-        type: 'load',
-        target: _assertThisInitialized(_this)
-      });
-    });
-    return _this;
-  }
-
-  return HTMLTrackElement;
-}(EventTarget);
-
-HTMLTrackElement.prototype.allowedEvents_ = {
-  load: 'load'
-};
-HTMLTrackElement.NONE = NONE;
-HTMLTrackElement.LOADING = LOADING;
-HTMLTrackElement.LOADED = LOADED;
-HTMLTrackElement.ERROR = ERROR;
-
-/*
- * This file contains all track properties that are used in
- * player.js, tech.js, html5.js and possibly other techs in the future.
- */
-
-var NORMAL = {
-  audio: {
-    ListClass: AudioTrackList,
-    TrackClass: AudioTrack,
-    capitalName: 'Audio'
-  },
-  video: {
-    ListClass: VideoTrackList,
-    TrackClass: VideoTrack,
-    capitalName: 'Video'
-  },
-  text: {
-    ListClass: TextTrackList,
-    TrackClass: TextTrack,
-    capitalName: 'Text'
-  }
-};
-Object.keys(NORMAL).forEach(function (type) {
-  NORMAL[type].getterName = type + "Tracks";
-  NORMAL[type].privateName = type + "Tracks_";
-});
-var REMOTE = {
-  remoteText: {
-    ListClass: TextTrackList,
-    TrackClass: TextTrack,
-    capitalName: 'RemoteText',
-    getterName: 'remoteTextTracks',
-    privateName: 'remoteTextTracks_'
-  },
-  remoteTextEl: {
-    ListClass: HtmlTrackElementList,
-    TrackClass: HTMLTrackElement,
-    capitalName: 'RemoteTextTrackEls',
-    getterName: 'remoteTextTrackEls',
-    privateName: 'remoteTextTrackEls_'
-  }
-};
-
-var ALL = _extends({}, NORMAL, REMOTE);
-
-REMOTE.names = Object.keys(REMOTE);
-NORMAL.names = Object.keys(NORMAL);
-ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-/**
- * An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string
- * that just contains the src url alone.
- * * `var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};`
-   * `var SourceString = 'http://example.com/some-video.mp4';`
- *
- * @typedef {Object|string} Tech~SourceObject
- *
- * @property {string} src
- *           The url to the source
- *
- * @property {string} type
- *           The mime type of the source
- */
-
-/**
- * A function used by {@link Tech} to create a new {@link TextTrack}.
- *
- * @private
- *
- * @param {Tech} self
- *        An instance of the Tech class.
- *
- * @param {string} kind
- *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
- *
- * @param {string} [label]
- *        Label to identify the text track
- *
- * @param {string} [language]
- *        Two letter language abbreviation
- *
- * @param {Object} [options={}]
- *        An object with additional text track options
- *
- * @return {TextTrack}
- *          The text track that was created.
- */
-
-function createTrackHelper(self, kind, label, language, options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var tracks = self.textTracks();
-  options.kind = kind;
-
-  if (label) {
-    options.label = label;
-  }
-
-  if (language) {
-    options.language = language;
-  }
-
-  options.tech = self;
-  var track = new ALL.text.TrackClass(options);
-  tracks.addTrack(track);
-  return track;
-}
-/**
- * This is the base class for media playback technology controllers, such as
- * {@link Flash} and {@link HTML5}
- *
- * @extends Component
- */
-
-
-var Tech =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Tech, _Component);
-
-  /**
-  * Create an instance of this Tech.
-  *
-  * @param {Object} [options]
-  *        The key/value store of player options.
-  *
-  * @param {Component~ReadyCallback} ready
-  *        Callback function to call when the `HTML5` Tech is ready.
-  */
-  function Tech(options, ready) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    if (ready === void 0) {
-      ready = function ready() {};
-    }
-
-    // we don't want the tech to report user activity automatically.
-    // This is done manually in addControlsListeners
-    options.reportTouchActivity = false;
-    _this = _Component.call(this, null, options, ready) || this; // keep track of whether the current source has played at all to
-    // implement a very limited played()
-
-    _this.hasStarted_ = false;
-
-    _this.on('playing', function () {
-      this.hasStarted_ = true;
-    });
-
-    _this.on('loadstart', function () {
-      this.hasStarted_ = false;
-    });
-
-    ALL.names.forEach(function (name) {
-      var props = ALL[name];
-
-      if (options && options[props.getterName]) {
-        _this[props.privateName] = options[props.getterName];
-      }
-    }); // Manually track progress in cases where the browser/flash player doesn't report it.
-
-    if (!_this.featuresProgressEvents) {
-      _this.manualProgressOn();
-    } // Manually track timeupdates in cases where the browser/flash player doesn't report it.
-
-
-    if (!_this.featuresTimeupdateEvents) {
-      _this.manualTimeUpdatesOn();
-    }
-
-    ['Text', 'Audio', 'Video'].forEach(function (track) {
-      if (options["native" + track + "Tracks"] === false) {
-        _this["featuresNative" + track + "Tracks"] = false;
-      }
-    });
-
-    if (options.nativeCaptions === false || options.nativeTextTracks === false) {
-      _this.featuresNativeTextTracks = false;
-    } else if (options.nativeCaptions === true || options.nativeTextTracks === true) {
-      _this.featuresNativeTextTracks = true;
-    }
-
-    if (!_this.featuresNativeTextTracks) {
-      _this.emulateTextTracks();
-    }
-
-    _this.preloadTextTracks = options.preloadTextTracks !== false;
-    _this.autoRemoteTextTracks_ = new ALL.text.ListClass();
-
-    _this.initTrackListeners(); // Turn on component tap events only if not using native controls
-
-
-    if (!options.nativeControlsForTouch) {
-      _this.emitTapEvents();
-    }
-
-    if (_this.constructor) {
-      _this.name_ = _this.constructor.name || 'Unknown Tech';
-    }
-
-    return _this;
-  }
-  /**
-   * A special function to trigger source set in a way that will allow player
-   * to re-trigger if the player or tech are not ready yet.
-   *
-   * @fires Tech#sourceset
-   * @param {string} src The source string at the time of the source changing.
-   */
-
-
-  var _proto = Tech.prototype;
-
-  _proto.triggerSourceset = function triggerSourceset(src) {
-    var _this2 = this;
-
-    if (!this.isReady_) {
-      // on initial ready we have to trigger source set
-      // 1ms after ready so that player can watch for it.
-      this.one('ready', function () {
-        return _this2.setTimeout(function () {
-          return _this2.triggerSourceset(src);
-        }, 1);
-      });
-    }
-    /**
-     * Fired when the source is set on the tech causing the media element
-     * to reload.
-     *
-     * @see {@link Player#event:sourceset}
-     * @event Tech#sourceset
-     * @type {EventTarget~Event}
-     */
-
-
-    this.trigger({
-      src: src,
-      type: 'sourceset'
-    });
-  }
-  /* Fallbacks for unsupported event types
-  ================================================================================ */
-
-  /**
-   * Polyfill the `progress` event for browsers that don't support it natively.
-   *
-   * @see {@link Tech#trackProgress}
-   */
-  ;
-
-  _proto.manualProgressOn = function manualProgressOn() {
-    this.on('durationchange', this.onDurationChange);
-    this.manualProgress = true; // Trigger progress watching when a source begins loading
-
-    this.one('ready', this.trackProgress);
-  }
-  /**
-   * Turn off the polyfill for `progress` events that was created in
-   * {@link Tech#manualProgressOn}
-   */
-  ;
-
-  _proto.manualProgressOff = function manualProgressOff() {
-    this.manualProgress = false;
-    this.stopTrackingProgress();
-    this.off('durationchange', this.onDurationChange);
-  }
-  /**
-   * This is used to trigger a `progress` event when the buffered percent changes. It
-   * sets an interval function that will be called every 500 milliseconds to check if the
-   * buffer end percent has changed.
-   *
-   * > This function is called by {@link Tech#manualProgressOn}
-   *
-   * @param {EventTarget~Event} event
-   *        The `ready` event that caused this to run.
-   *
-   * @listens Tech#ready
-   * @fires Tech#progress
-   */
-  ;
-
-  _proto.trackProgress = function trackProgress(event) {
-    this.stopTrackingProgress();
-    this.progressInterval = this.setInterval(bind(this, function () {
-      // Don't trigger unless buffered amount is greater than last time
-      var numBufferedPercent = this.bufferedPercent();
-
-      if (this.bufferedPercent_ !== numBufferedPercent) {
-        /**
-         * See {@link Player#progress}
-         *
-         * @event Tech#progress
-         * @type {EventTarget~Event}
-         */
-        this.trigger('progress');
-      }
-
-      this.bufferedPercent_ = numBufferedPercent;
-
-      if (numBufferedPercent === 1) {
-        this.stopTrackingProgress();
-      }
-    }), 500);
-  }
-  /**
-   * Update our internal duration on a `durationchange` event by calling
-   * {@link Tech#duration}.
-   *
-   * @param {EventTarget~Event} event
-   *        The `durationchange` event that caused this to run.
-   *
-   * @listens Tech#durationchange
-   */
-  ;
-
-  _proto.onDurationChange = function onDurationChange(event) {
-    this.duration_ = this.duration();
-  }
-  /**
-   * Get and create a `TimeRange` object for buffering.
-   *
-   * @return {TimeRange}
-   *         The time range object that was created.
-   */
-  ;
-
-  _proto.buffered = function buffered() {
-    return createTimeRanges(0, 0);
-  }
-  /**
-   * Get the percentage of the current video that is currently buffered.
-   *
-   * @return {number}
-   *         A number from 0 to 1 that represents the decimal percentage of the
-   *         video that is buffered.
-   *
-   */
-  ;
-
-  _proto.bufferedPercent = function bufferedPercent$1() {
-    return bufferedPercent(this.buffered(), this.duration_);
-  }
-  /**
-   * Turn off the polyfill for `progress` events that was created in
-   * {@link Tech#manualProgressOn}
-   * Stop manually tracking progress events by clearing the interval that was set in
-   * {@link Tech#trackProgress}.
-   */
-  ;
-
-  _proto.stopTrackingProgress = function stopTrackingProgress() {
-    this.clearInterval(this.progressInterval);
-  }
-  /**
-   * Polyfill the `timeupdate` event for browsers that don't support it.
-   *
-   * @see {@link Tech#trackCurrentTime}
-   */
-  ;
-
-  _proto.manualTimeUpdatesOn = function manualTimeUpdatesOn() {
-    this.manualTimeUpdates = true;
-    this.on('play', this.trackCurrentTime);
-    this.on('pause', this.stopTrackingCurrentTime);
-  }
-  /**
-   * Turn off the polyfill for `timeupdate` events that was created in
-   * {@link Tech#manualTimeUpdatesOn}
-   */
-  ;
-
-  _proto.manualTimeUpdatesOff = function manualTimeUpdatesOff() {
-    this.manualTimeUpdates = false;
-    this.stopTrackingCurrentTime();
-    this.off('play', this.trackCurrentTime);
-    this.off('pause', this.stopTrackingCurrentTime);
-  }
-  /**
-   * Sets up an interval function to track current time and trigger `timeupdate` every
-   * 250 milliseconds.
-   *
-   * @listens Tech#play
-   * @triggers Tech#timeupdate
-   */
-  ;
-
-  _proto.trackCurrentTime = function trackCurrentTime() {
-    if (this.currentTimeInterval) {
-      this.stopTrackingCurrentTime();
-    }
-
-    this.currentTimeInterval = this.setInterval(function () {
-      /**
-       * Triggered at an interval of 250ms to indicated that time is passing in the video.
-       *
-       * @event Tech#timeupdate
-       * @type {EventTarget~Event}
-       */
-      this.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      }); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-    }, 250);
-  }
-  /**
-   * Stop the interval function created in {@link Tech#trackCurrentTime} so that the
-   * `timeupdate` event is no longer triggered.
-   *
-   * @listens {Tech#pause}
-   */
-  ;
-
-  _proto.stopTrackingCurrentTime = function stopTrackingCurrentTime() {
-    this.clearInterval(this.currentTimeInterval); // #1002 - if the video ends right before the next timeupdate would happen,
-    // the progress bar won't make it all the way to the end
-
-    this.trigger({
-      type: 'timeupdate',
-      target: this,
-      manuallyTriggered: true
-    });
-  }
-  /**
-   * Turn off all event polyfills, clear the `Tech`s {@link AudioTrackList},
-   * {@link VideoTrackList}, and {@link TextTrackList}, and dispose of this Tech.
-   *
-   * @fires Component#dispose
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    // clear out all tracks because we can't reuse them between techs
-    this.clearTracks(NORMAL.names); // Turn off any manual progress or timeupdate tracking
-
-    if (this.manualProgress) {
-      this.manualProgressOff();
-    }
-
-    if (this.manualTimeUpdates) {
-      this.manualTimeUpdatesOff();
-    }
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Clear out a single `TrackList` or an array of `TrackLists` given their names.
-   *
-   * > Note: Techs without source handlers should call this between sources for `video`
-   *         & `audio` tracks. You don't want to use them between tracks!
-   *
-   * @param {string[]|string} types
-   *        TrackList names to clear, valid names are `video`, `audio`, and
-   *        `text`.
-   */
-  ;
-
-  _proto.clearTracks = function clearTracks(types) {
-    var _this3 = this;
-
-    types = [].concat(types); // clear out all tracks because we can't reuse them between techs
-
-    types.forEach(function (type) {
-      var list = _this3[type + "Tracks"]() || [];
-      var i = list.length;
-
-      while (i--) {
-        var track = list[i];
-
-        if (type === 'text') {
-          _this3.removeRemoteTextTrack(track);
-        }
-
-        list.removeTrack(track);
-      }
-    });
-  }
-  /**
-   * Remove any TextTracks added via addRemoteTextTrack that are
-   * flagged for automatic garbage collection
-   */
-  ;
-
-  _proto.cleanupAutoTextTracks = function cleanupAutoTextTracks() {
-    var list = this.autoRemoteTextTracks_ || [];
-    var i = list.length;
-
-    while (i--) {
-      var track = list[i];
-      this.removeRemoteTextTrack(track);
-    }
-  }
-  /**
-   * Reset the tech, which will removes all sources and reset the internal readyState.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.reset = function reset() {}
-  /**
-   * Get or set an error on the Tech.
-   *
-   * @param {MediaError} [err]
-   *        Error to set on the Tech
-   *
-   * @return {MediaError|null}
-   *         The current error object on the tech, or null if there isn't one.
-   */
-  ;
-
-  _proto.error = function error(err) {
-    if (err !== undefined) {
-      this.error_ = new MediaError(err);
-      this.trigger('error');
-    }
-
-    return this.error_;
-  }
-  /**
-   * Returns the `TimeRange`s that have been played through for the current source.
-   *
-   * > NOTE: This implementation is incomplete. It does not track the played `TimeRange`.
-   *         It only checks whether the source has played at all or not.
-   *
-   * @return {TimeRange}
-   *         - A single time range if this video has played
-   *         - An empty set of ranges if not.
-   */
-  ;
-
-  _proto.played = function played() {
-    if (this.hasStarted_) {
-      return createTimeRanges(0, 0);
-    }
-
-    return createTimeRanges();
-  }
-  /**
-   * Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was
-   * previously called.
-   *
-   * @fires Tech#timeupdate
-   */
-  ;
-
-  _proto.setCurrentTime = function setCurrentTime() {
-    // improve the accuracy of manual timeupdates
-    if (this.manualTimeUpdates) {
-      /**
-       * A manual `timeupdate` event.
-       *
-       * @event Tech#timeupdate
-       * @type {EventTarget~Event}
-       */
-      this.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-    }
-  }
-  /**
-   * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and
-   * {@link TextTrackList} events.
-   *
-   * This adds {@link EventTarget~EventListeners} for `addtrack`, and  `removetrack`.
-   *
-   * @fires Tech#audiotrackchange
-   * @fires Tech#videotrackchange
-   * @fires Tech#texttrackchange
-   */
-  ;
-
-  _proto.initTrackListeners = function initTrackListeners() {
-    var _this4 = this;
-
-    /**
-      * Triggered when tracks are added or removed on the Tech {@link AudioTrackList}
-      *
-      * @event Tech#audiotrackchange
-      * @type {EventTarget~Event}
-      */
-
-    /**
-      * Triggered when tracks are added or removed on the Tech {@link VideoTrackList}
-      *
-      * @event Tech#videotrackchange
-      * @type {EventTarget~Event}
-      */
-
-    /**
-      * Triggered when tracks are added or removed on the Tech {@link TextTrackList}
-      *
-      * @event Tech#texttrackchange
-      * @type {EventTarget~Event}
-      */
-    NORMAL.names.forEach(function (name) {
-      var props = NORMAL[name];
-
-      var trackListChanges = function trackListChanges() {
-        _this4.trigger(name + "trackchange");
-      };
-
-      var tracks = _this4[props.getterName]();
-
-      tracks.addEventListener('removetrack', trackListChanges);
-      tracks.addEventListener('addtrack', trackListChanges);
-
-      _this4.on('dispose', function () {
-        tracks.removeEventListener('removetrack', trackListChanges);
-        tracks.removeEventListener('addtrack', trackListChanges);
-      });
-    });
-  }
-  /**
-   * Emulate TextTracks using vtt.js if necessary
-   *
-   * @fires Tech#vttjsloaded
-   * @fires Tech#vttjserror
-   */
-  ;
-
-  _proto.addWebVttScript_ = function addWebVttScript_() {
-    var _this5 = this;
-
-    if (window$1.WebVTT) {
-      return;
-    } // Initially, Tech.el_ is a child of a dummy-div wait until the Component system
-    // signals that the Tech is ready at which point Tech.el_ is part of the DOM
-    // before inserting the WebVTT script
-
-
-    if (document.body.contains(this.el())) {
-      // load via require if available and vtt.js script location was not passed in
-      // as an option. novtt builds will turn the above require call into an empty object
-      // which will cause this if check to always fail.
-      if (!this.options_['vtt.js'] && isPlain(vtt) && Object.keys(vtt).length > 0) {
-        this.trigger('vttjsloaded');
-        return;
-      } // load vtt.js via the script location option or the cdn of no location was
-      // passed in
-
-
-      var script = document.createElement('script');
-      script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js';
-
-      script.onload = function () {
-        /**
-         * Fired when vtt.js is loaded.
-         *
-         * @event Tech#vttjsloaded
-         * @type {EventTarget~Event}
-         */
-        _this5.trigger('vttjsloaded');
-      };
-
-      script.onerror = function () {
-        /**
-         * Fired when vtt.js was not loaded due to an error
-         *
-         * @event Tech#vttjsloaded
-         * @type {EventTarget~Event}
-         */
-        _this5.trigger('vttjserror');
-      };
-
-      this.on('dispose', function () {
-        script.onload = null;
-        script.onerror = null;
-      }); // but have not loaded yet and we set it to true before the inject so that
-      // we don't overwrite the injected window.WebVTT if it loads right away
-
-      window$1.WebVTT = true;
-      this.el().parentNode.appendChild(script);
-    } else {
-      this.ready(this.addWebVttScript_);
-    }
-  }
-  /**
-   * Emulate texttracks
-   *
-   */
-  ;
-
-  _proto.emulateTextTracks = function emulateTextTracks() {
-    var _this6 = this;
-
-    var tracks = this.textTracks();
-    var remoteTracks = this.remoteTextTracks();
-
-    var handleAddTrack = function handleAddTrack(e) {
-      return tracks.addTrack(e.track);
-    };
-
-    var handleRemoveTrack = function handleRemoveTrack(e) {
-      return tracks.removeTrack(e.track);
-    };
-
-    remoteTracks.on('addtrack', handleAddTrack);
-    remoteTracks.on('removetrack', handleRemoveTrack);
-    this.addWebVttScript_();
-
-    var updateDisplay = function updateDisplay() {
-      return _this6.trigger('texttrackchange');
-    };
-
-    var textTracksChanges = function textTracksChanges() {
-      updateDisplay();
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        track.removeEventListener('cuechange', updateDisplay);
-
-        if (track.mode === 'showing') {
-          track.addEventListener('cuechange', updateDisplay);
-        }
-      }
-    };
-
-    textTracksChanges();
-    tracks.addEventListener('change', textTracksChanges);
-    tracks.addEventListener('addtrack', textTracksChanges);
-    tracks.addEventListener('removetrack', textTracksChanges);
-    this.on('dispose', function () {
-      remoteTracks.off('addtrack', handleAddTrack);
-      remoteTracks.off('removetrack', handleRemoveTrack);
-      tracks.removeEventListener('change', textTracksChanges);
-      tracks.removeEventListener('addtrack', textTracksChanges);
-      tracks.removeEventListener('removetrack', textTracksChanges);
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        track.removeEventListener('cuechange', updateDisplay);
-      }
-    });
-  }
-  /**
-   * Create and returns a remote {@link TextTrack} object.
-   *
-   * @param {string} kind
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-   *
-   * @param {string} [label]
-   *        Label to identify the text track
-   *
-   * @param {string} [language]
-   *        Two letter language abbreviation
-   *
-   * @return {TextTrack}
-   *         The TextTrack that gets created.
-   */
-  ;
-
-  _proto.addTextTrack = function addTextTrack(kind, label, language) {
-    if (!kind) {
-      throw new Error('TextTrack kind is required but was not provided');
-    }
-
-    return createTrackHelper(this, kind, label, language);
-  }
-  /**
-   * Create an emulated TextTrack for use by addRemoteTextTrack
-   *
-   * This is intended to be overridden by classes that inherit from
-   * Tech in order to create native or custom TextTracks.
-   *
-   * @param {Object} options
-   *        The object should contain the options to initialize the TextTrack with.
-   *
-   * @param {string} [options.kind]
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-   *
-   * @param {string} [options.label].
-   *        Label to identify the text track
-   *
-   * @param {string} [options.language]
-   *        Two letter language abbreviation.
-   *
-   * @return {HTMLTrackElement}
-   *         The track element that gets created.
-   */
-  ;
-
-  _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-    var track = mergeOptions(options, {
-      tech: this
-    });
-    return new REMOTE.remoteTextEl.TrackClass(track);
-  }
-  /**
-   * Creates a remote text track object and returns an html track element.
-   *
-   * > Note: This can be an emulated {@link HTMLTrackElement} or a native one.
-   *
-   * @param {Object} options
-   *        See {@link Tech#createRemoteTextTrack} for more detailed properties.
-   *
-   * @param {boolean} [manualCleanup=true]
-   *        - When false: the TextTrack will be automatically removed from the video
-   *          element whenever the source changes
-   *        - When True: The TextTrack will have to be cleaned up manually
-   *
-   * @return {HTMLTrackElement}
-   *         An Html Track Element.
-   *
-   * @deprecated The default functionality for this function will be equivalent
-   *             to "manualCleanup=false" in the future. The manualCleanup parameter will
-   *             also be removed.
-   */
-  ;
-
-  _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-    var _this7 = this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    var htmlTrackElement = this.createRemoteTextTrack(options);
-
-    if (manualCleanup !== true && manualCleanup !== false) {
-      // deprecation warning
-      log.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
-      manualCleanup = true;
-    } // store HTMLTrackElement and TextTrack to remote list
-
-
-    this.remoteTextTrackEls().addTrackElement_(htmlTrackElement);
-    this.remoteTextTracks().addTrack(htmlTrackElement.track);
-
-    if (manualCleanup !== true) {
-      // create the TextTrackList if it doesn't exist
-      this.ready(function () {
-        return _this7.autoRemoteTextTracks_.addTrack(htmlTrackElement.track);
-      });
-    }
-
-    return htmlTrackElement;
-  }
-  /**
-   * Remove a remote text track from the remote `TextTrackList`.
-   *
-   * @param {TextTrack} track
-   *        `TextTrack` to remove from the `TextTrackList`
-   */
-  ;
-
-  _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-    var trackElement = this.remoteTextTrackEls().getTrackElementByTrack_(track); // remove HTMLTrackElement and TextTrack from remote list
-
-    this.remoteTextTrackEls().removeTrackElement_(trackElement);
-    this.remoteTextTracks().removeTrack(track);
-    this.autoRemoteTextTracks_.removeTrack(track);
-  }
-  /**
-   * Gets available media playback quality metrics as specified by the W3C's Media
-   * Playback Quality API.
-   *
-   * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-   *
-   * @return {Object}
-   *         An object with supported media playback quality metrics
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return {};
-  }
-  /**
-   * Attempt to create a floating video window always on top of other windows
-   * so that users may continue consuming media while they interact with other
-   * content sites, or applications on their device.
-   *
-   * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-   *
-   * @return {Promise|undefined}
-   *         A promise with a Picture-in-Picture window if the browser supports
-   *         Promises (or one was passed in as an option). It returns undefined
-   *         otherwise.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.requestPictureInPicture = function requestPictureInPicture() {
-    var PromiseClass = this.options_.Promise || window$1.Promise;
-
-    if (PromiseClass) {
-      return PromiseClass.reject();
-    }
-  }
-  /**
-   * A method to set a poster from a `Tech`.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.setPoster = function setPoster() {}
-  /**
-   * A method to check for the presence of the 'playsinline' <video> attribute.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.playsinline = function playsinline() {}
-  /**
-   * A method to set or unset the 'playsinline' <video> attribute.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.setPlaysinline = function setPlaysinline() {}
-  /**
-   * Attempt to force override of native audio tracks.
-   *
-   * @param {boolean} override - If set to true native audio will be overridden,
-   * otherwise native audio will potentially be used.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks() {}
-  /**
-   * Attempt to force override of native video tracks.
-   *
-   * @param {boolean} override - If set to true native video will be overridden,
-   * otherwise native video will potentially be used.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks() {}
-  /*
-   * Check if the tech can support the given mime-type.
-   *
-   * The base tech does not support any type, but source handlers might
-   * overwrite this.
-   *
-   * @param  {string} type
-   *         The mimetype to check for support
-   *
-   * @return {string}
-   *         'probably', 'maybe', or empty string
-   *
-   * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.canPlayType = function canPlayType() {
-    return '';
-  }
-  /**
-   * Check if the type is supported by this tech.
-   *
-   * The base tech does not support any type, but source handlers might
-   * overwrite this.
-   *
-   * @param {string} type
-   *        The media type to check
-   * @return {string} Returns the native video element's response
-   */
-  ;
-
-  Tech.canPlayType = function canPlayType() {
-    return '';
-  }
-  /**
-   * Check if the tech can support the given source
-   *
-   * @param {Object} srcObj
-   *        The source object
-   * @param {Object} options
-   *        The options passed to the tech
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-  ;
-
-  Tech.canPlaySource = function canPlaySource(srcObj, options) {
-    return Tech.canPlayType(srcObj.type);
-  }
-  /*
-   * Return whether the argument is a Tech or not.
-   * Can be passed either a Class like `Html5` or a instance like `player.tech_`
-   *
-   * @param {Object} component
-   *        The item to check
-   *
-   * @return {boolean}
-   *         Whether it is a tech or not
-   *         - True if it is a tech
-   *         - False if it is not
-   */
-  ;
-
-  Tech.isTech = function isTech(component) {
-    return component.prototype instanceof Tech || component instanceof Tech || component === Tech;
-  }
-  /**
-   * Registers a `Tech` into a shared list for videojs.
-   *
-   * @param {string} name
-   *        Name of the `Tech` to register.
-   *
-   * @param {Object} tech
-   *        The `Tech` class to register.
-   */
-  ;
-
-  Tech.registerTech = function registerTech(name, tech) {
-    if (!Tech.techs_) {
-      Tech.techs_ = {};
-    }
-
-    if (!Tech.isTech(tech)) {
-      throw new Error("Tech " + name + " must be a Tech");
-    }
-
-    if (!Tech.canPlayType) {
-      throw new Error('Techs must have a static canPlayType method on them');
-    }
-
-    if (!Tech.canPlaySource) {
-      throw new Error('Techs must have a static canPlaySource method on them');
-    }
-
-    name = toTitleCase(name);
-    Tech.techs_[name] = tech;
-    Tech.techs_[toLowerCase(name)] = tech;
-
-    if (name !== 'Tech') {
-      // camel case the techName for use in techOrder
-      Tech.defaultTechOrder_.push(name);
-    }
-
-    return tech;
-  }
-  /**
-   * Get a `Tech` from the shared list by name.
-   *
-   * @param {string} name
-   *        `camelCase` or `TitleCase` name of the Tech to get
-   *
-   * @return {Tech|undefined}
-   *         The `Tech` or undefined if there was no tech with the name requested.
-   */
-  ;
-
-  Tech.getTech = function getTech(name) {
-    if (!name) {
-      return;
-    }
-
-    if (Tech.techs_ && Tech.techs_[name]) {
-      return Tech.techs_[name];
-    }
-
-    name = toTitleCase(name);
-
-    if (window$1 && window$1.videojs && window$1.videojs[name]) {
-      log.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
-      return window$1.videojs[name];
-    }
-  };
-
-  return Tech;
-}(Component);
-/**
- * Get the {@link VideoTrackList}
- *
- * @returns {VideoTrackList}
- * @method Tech.prototype.videoTracks
- */
-
-/**
- * Get the {@link AudioTrackList}
- *
- * @returns {AudioTrackList}
- * @method Tech.prototype.audioTracks
- */
-
-/**
- * Get the {@link TextTrackList}
- *
- * @returns {TextTrackList}
- * @method Tech.prototype.textTracks
- */
-
-/**
- * Get the remote element {@link TextTrackList}
- *
- * @returns {TextTrackList}
- * @method Tech.prototype.remoteTextTracks
- */
-
-/**
- * Get the remote element {@link HtmlTrackElementList}
- *
- * @returns {HtmlTrackElementList}
- * @method Tech.prototype.remoteTextTrackEls
- */
-
-
-ALL.names.forEach(function (name) {
-  var props = ALL[name];
-
-  Tech.prototype[props.getterName] = function () {
-    this[props.privateName] = this[props.privateName] || new props.ListClass();
-    return this[props.privateName];
-  };
-});
-/**
- * List of associated text tracks
- *
- * @type {TextTrackList}
- * @private
- * @property Tech#textTracks_
- */
-
-/**
- * List of associated audio tracks.
- *
- * @type {AudioTrackList}
- * @private
- * @property Tech#audioTracks_
- */
-
-/**
- * List of associated video tracks.
- *
- * @type {VideoTrackList}
- * @private
- * @property Tech#videoTracks_
- */
-
-/**
- * Boolean indicating whether the `Tech` supports volume control.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresVolumeControl = true;
-/**
- * Boolean indicating whether the `Tech` supports muting volume.
- *
- * @type {bolean}
- * @default
- */
-
-Tech.prototype.featuresMuteControl = true;
-/**
- * Boolean indicating whether the `Tech` supports fullscreen resize control.
- * Resizing plugins using request fullscreen reloads the plugin
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresFullscreenResize = false;
-/**
- * Boolean indicating whether the `Tech` supports changing the speed at which the video
- * plays. Examples:
- *   - Set player to play 2x (twice) as fast
- *   - Set player to play 0.5x (half) as fast
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresPlaybackRate = false;
-/**
- * Boolean indicating whether the `Tech` supports the `progress` event. This is currently
- * not triggered by video-js-swf. This will be used to determine if
- * {@link Tech#manualProgressOn} should be called.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresProgressEvents = false;
-/**
- * Boolean indicating whether the `Tech` supports the `sourceset` event.
- *
- * A tech should set this to `true` and then use {@link Tech#triggerSourceset}
- * to trigger a {@link Tech#event:sourceset} at the earliest time after getting
- * a new source.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresSourceset = false;
-/**
- * Boolean indicating whether the `Tech` supports the `timeupdate` event. This is currently
- * not triggered by video-js-swf. This will be used to determine if
- * {@link Tech#manualTimeUpdates} should be called.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresTimeupdateEvents = false;
-/**
- * Boolean indicating whether the `Tech` supports the native `TextTrack`s.
- * This will help us integrate with native `TextTrack`s if the browser supports them.
- *
- * @type {boolean}
- * @default
- */
-
-Tech.prototype.featuresNativeTextTracks = false;
-/**
- * A functional mixin for techs that want to use the Source Handler pattern.
- * Source handlers are scripts for handling specific formats.
- * The source handler pattern is used for adaptive formats (HLS, DASH) that
- * manually load video data and feed it into a Source Buffer (Media Source Extensions)
- * Example: `Tech.withSourceHandlers.call(MyTech);`
- *
- * @param {Tech} _Tech
- *        The tech to add source handler functions to.
- *
- * @mixes Tech~SourceHandlerAdditions
- */
-
-Tech.withSourceHandlers = function (_Tech) {
-  /**
-   * Register a source handler
-   *
-   * @param {Function} handler
-   *        The source handler class
-   *
-   * @param {number} [index]
-   *        Register it at the following index
-   */
-  _Tech.registerSourceHandler = function (handler, index) {
-    var handlers = _Tech.sourceHandlers;
-
-    if (!handlers) {
-      handlers = _Tech.sourceHandlers = [];
-    }
-
-    if (index === undefined) {
-      // add to the end of the list
-      index = handlers.length;
-    }
-
-    handlers.splice(index, 0, handler);
-  };
-  /**
-   * Check if the tech can support the given type. Also checks the
-   * Techs sourceHandlers.
-   *
-   * @param {string} type
-   *         The mimetype to check.
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-
-
-  _Tech.canPlayType = function (type) {
-    var handlers = _Tech.sourceHandlers || [];
-    var can;
-
-    for (var i = 0; i < handlers.length; i++) {
-      can = handlers[i].canPlayType(type);
-
-      if (can) {
-        return can;
-      }
-    }
-
-    return '';
-  };
-  /**
-   * Returns the first source handler that supports the source.
-   *
-   * TODO: Answer question: should 'probably' be prioritized over 'maybe'
-   *
-   * @param {Tech~SourceObject} source
-   *        The source object
-   *
-   * @param {Object} options
-   *        The options passed to the tech
-   *
-   * @return {SourceHandler|null}
-   *          The first source handler that supports the source or null if
-   *          no SourceHandler supports the source
-   */
-
-
-  _Tech.selectSourceHandler = function (source, options) {
-    var handlers = _Tech.sourceHandlers || [];
-    var can;
-
-    for (var i = 0; i < handlers.length; i++) {
-      can = handlers[i].canHandleSource(source, options);
-
-      if (can) {
-        return handlers[i];
-      }
-    }
-
-    return null;
-  };
-  /**
-   * Check if the tech can support the given source.
-   *
-   * @param {Tech~SourceObject} srcObj
-   *        The source object
-   *
-   * @param {Object} options
-   *        The options passed to the tech
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-
-
-  _Tech.canPlaySource = function (srcObj, options) {
-    var sh = _Tech.selectSourceHandler(srcObj, options);
-
-    if (sh) {
-      return sh.canHandleSource(srcObj, options);
-    }
-
-    return '';
-  };
-  /**
-   * When using a source handler, prefer its implementation of
-   * any function normally provided by the tech.
-   */
-
-
-  var deferrable = ['seekable', 'seeking', 'duration'];
-  /**
-   * A wrapper around {@link Tech#seekable} that will call a `SourceHandler`s seekable
-   * function if it exists, with a fallback to the Techs seekable function.
-   *
-   * @method _Tech.seekable
-   */
-
-  /**
-   * A wrapper around {@link Tech#duration} that will call a `SourceHandler`s duration
-   * function if it exists, otherwise it will fallback to the techs duration function.
-   *
-   * @method _Tech.duration
-   */
-
-  deferrable.forEach(function (fnName) {
-    var originalFn = this[fnName];
-
-    if (typeof originalFn !== 'function') {
-      return;
-    }
-
-    this[fnName] = function () {
-      if (this.sourceHandler_ && this.sourceHandler_[fnName]) {
-        return this.sourceHandler_[fnName].apply(this.sourceHandler_, arguments);
-      }
-
-      return originalFn.apply(this, arguments);
-    };
-  }, _Tech.prototype);
-  /**
-   * Create a function for setting the source using a source object
-   * and source handlers.
-   * Should never be called unless a source handler was found.
-   *
-   * @param {Tech~SourceObject} source
-   *        A source object with src and type keys
-   */
-
-  _Tech.prototype.setSource = function (source) {
-    var sh = _Tech.selectSourceHandler(source, this.options_);
-
-    if (!sh) {
-      // Fall back to a native source hander when unsupported sources are
-      // deliberately set
-      if (_Tech.nativeSourceHandler) {
-        sh = _Tech.nativeSourceHandler;
-      } else {
-        log.error('No source handler found for the current source.');
-      }
-    } // Dispose any existing source handler
-
-
-    this.disposeSourceHandler();
-    this.off('dispose', this.disposeSourceHandler);
-
-    if (sh !== _Tech.nativeSourceHandler) {
-      this.currentSource_ = source;
-    }
-
-    this.sourceHandler_ = sh.handleSource(source, this, this.options_);
-    this.one('dispose', this.disposeSourceHandler);
-  };
-  /**
-   * Clean up any existing SourceHandlers and listeners when the Tech is disposed.
-   *
-   * @listens Tech#dispose
-   */
-
-
-  _Tech.prototype.disposeSourceHandler = function () {
-    // if we have a source and get another one
-    // then we are loading something new
-    // than clear all of our current tracks
-    if (this.currentSource_) {
-      this.clearTracks(['audio', 'video']);
-      this.currentSource_ = null;
-    } // always clean up auto-text tracks
-
-
-    this.cleanupAutoTextTracks();
-
-    if (this.sourceHandler_) {
-      if (this.sourceHandler_.dispose) {
-        this.sourceHandler_.dispose();
-      }
-
-      this.sourceHandler_ = null;
-    }
-  };
-}; // The base Tech class needs to be registered as a Component. It is the only
-// Tech that can be registered as a Component.
-
-
-Component.registerComponent('Tech', Tech);
-Tech.registerTech('Tech', Tech);
-/**
- * A list of techs that should be added to techOrder on Players
- *
- * @private
- */
-
-Tech.defaultTechOrder_ = [];
-
-/**
- * @file middleware.js
- * @module middleware
- */
-var middlewares = {};
-var middlewareInstances = {};
-var TERMINATOR = {};
-/**
- * A middleware object is a plain JavaScript object that has methods that
- * match the {@link Tech} methods found in the lists of allowed
- * {@link module:middleware.allowedGetters|getters},
- * {@link module:middleware.allowedSetters|setters}, and
- * {@link module:middleware.allowedMediators|mediators}.
- *
- * @typedef {Object} MiddlewareObject
- */
-
-/**
- * A middleware factory function that should return a
- * {@link module:middleware~MiddlewareObject|MiddlewareObject}.
- *
- * This factory will be called for each player when needed, with the player
- * passed in as an argument.
- *
- * @callback MiddlewareFactory
- * @param {Player} player
- *        A Video.js player.
- */
-
-/**
- * Define a middleware that the player should use by way of a factory function
- * that returns a middleware object.
- *
- * @param  {string} type
- *         The MIME type to match or `"*"` for all MIME types.
- *
- * @param  {MiddlewareFactory} middleware
- *         A middleware factory function that will be executed for
- *         matching types.
- */
-
-function use(type, middleware) {
-  middlewares[type] = middlewares[type] || [];
-  middlewares[type].push(middleware);
-}
-/**
- * Asynchronously sets a source using middleware by recursing through any
- * matching middlewares and calling `setSource` on each, passing along the
- * previous returned value each time.
- *
- * @param  {Player} player
- *         A {@link Player} instance.
- *
- * @param  {Tech~SourceObject} src
- *         A source object.
- *
- * @param  {Function}
- *         The next middleware to run.
- */
-
-function setSource(player, src, next) {
-  player.setTimeout(function () {
-    return setSourceHelper(src, middlewares[src.type], next, player);
-  }, 1);
-}
-/**
- * When the tech is set, passes the tech to each middleware's `setTech` method.
- *
- * @param {Object[]} middleware
- *        An array of middleware instances.
- *
- * @param {Tech} tech
- *        A Video.js tech.
- */
-
-function setTech(middleware, tech) {
-  middleware.forEach(function (mw) {
-    return mw.setTech && mw.setTech(tech);
-  });
-}
-/**
- * Calls a getter on the tech first, through each middleware
- * from right to left to the player.
- *
- * @param  {Object[]} middleware
- *         An array of middleware instances.
- *
- * @param  {Tech} tech
- *         The current tech.
- *
- * @param  {string} method
- *         A method name.
- *
- * @return {Mixed}
- *         The final value from the tech after middleware has intercepted it.
- */
-
-function get(middleware, tech, method) {
-  return middleware.reduceRight(middlewareIterator(method), tech[method]());
-}
-/**
- * Takes the argument given to the player and calls the setter method on each
- * middleware from left to right to the tech.
- *
- * @param  {Object[]} middleware
- *         An array of middleware instances.
- *
- * @param  {Tech} tech
- *         The current tech.
- *
- * @param  {string} method
- *         A method name.
- *
- * @param  {Mixed} arg
- *         The value to set on the tech.
- *
- * @return {Mixed}
- *         The return value of the `method` of the `tech`.
- */
-
-function set(middleware, tech, method, arg) {
-  return tech[method](middleware.reduce(middlewareIterator(method), arg));
-}
-/**
- * Takes the argument given to the player and calls the `call` version of the
- * method on each middleware from left to right.
- *
- * Then, call the passed in method on the tech and return the result unchanged
- * back to the player, through middleware, this time from right to left.
- *
- * @param  {Object[]} middleware
- *         An array of middleware instances.
- *
- * @param  {Tech} tech
- *         The current tech.
- *
- * @param  {string} method
- *         A method name.
- *
- * @param  {Mixed} arg
- *         The value to set on the tech.
- *
- * @return {Mixed}
- *         The return value of the `method` of the `tech`, regardless of the
- *         return values of middlewares.
- */
-
-function mediate(middleware, tech, method, arg) {
-  if (arg === void 0) {
-    arg = null;
-  }
-
-  var callMethod = 'call' + toTitleCase(method);
-  var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-  var terminated = middlewareValue === TERMINATOR; // deprecated. The `null` return value should instead return TERMINATOR to
-  // prevent confusion if a techs method actually returns null.
-
-  var returnValue = terminated ? null : tech[method](middlewareValue);
-  executeRight(middleware, method, returnValue, terminated);
-  return returnValue;
-}
-/**
- * Enumeration of allowed getters where the keys are method names.
- *
- * @type {Object}
- */
-
-var allowedGetters = {
-  buffered: 1,
-  currentTime: 1,
-  duration: 1,
-  muted: 1,
-  played: 1,
-  paused: 1,
-  seekable: 1,
-  volume: 1
-};
-/**
- * Enumeration of allowed setters where the keys are method names.
- *
- * @type {Object}
- */
-
-var allowedSetters = {
-  setCurrentTime: 1,
-  setMuted: 1,
-  setVolume: 1
-};
-/**
- * Enumeration of allowed mediators where the keys are method names.
- *
- * @type {Object}
- */
-
-var allowedMediators = {
-  play: 1,
-  pause: 1
-};
-
-function middlewareIterator(method) {
-  return function (value, mw) {
-    // if the previous middleware terminated, pass along the termination
-    if (value === TERMINATOR) {
-      return TERMINATOR;
-    }
-
-    if (mw[method]) {
-      return mw[method](value);
-    }
-
-    return value;
-  };
-}
-
-function executeRight(mws, method, value, terminated) {
-  for (var i = mws.length - 1; i >= 0; i--) {
-    var mw = mws[i];
-
-    if (mw[method]) {
-      mw[method](terminated, value);
-    }
-  }
-}
-/**
- * Clear the middleware cache for a player.
- *
- * @param  {Player} player
- *         A {@link Player} instance.
- */
-
-
-function clearCacheForPlayer(player) {
-  middlewareInstances[player.id()] = null;
-}
-/**
- * {
- *  [playerId]: [[mwFactory, mwInstance], ...]
- * }
- *
- * @private
- */
-
-function getOrCreateFactory(player, mwFactory) {
-  var mws = middlewareInstances[player.id()];
-  var mw = null;
-
-  if (mws === undefined || mws === null) {
-    mw = mwFactory(player);
-    middlewareInstances[player.id()] = [[mwFactory, mw]];
-    return mw;
-  }
-
-  for (var i = 0; i < mws.length; i++) {
-    var _mws$i = mws[i],
-        mwf = _mws$i[0],
-        mwi = _mws$i[1];
-
-    if (mwf !== mwFactory) {
-      continue;
-    }
-
-    mw = mwi;
-  }
-
-  if (mw === null) {
-    mw = mwFactory(player);
-    mws.push([mwFactory, mw]);
-  }
-
-  return mw;
-}
-
-function setSourceHelper(src, middleware, next, player, acc, lastRun) {
-  if (src === void 0) {
-    src = {};
-  }
-
-  if (middleware === void 0) {
-    middleware = [];
-  }
-
-  if (acc === void 0) {
-    acc = [];
-  }
-
-  if (lastRun === void 0) {
-    lastRun = false;
-  }
-
-  var _middleware = middleware,
-      mwFactory = _middleware[0],
-      mwrest = _middleware.slice(1); // if mwFactory is a string, then we're at a fork in the road
-
-
-  if (typeof mwFactory === 'string') {
-    setSourceHelper(src, middlewares[mwFactory], next, player, acc, lastRun); // if we have an mwFactory, call it with the player to get the mw,
-    // then call the mw's setSource method
-  } else if (mwFactory) {
-    var mw = getOrCreateFactory(player, mwFactory); // if setSource isn't present, implicitly select this middleware
-
-    if (!mw.setSource) {
-      acc.push(mw);
-      return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-    }
-
-    mw.setSource(assign({}, src), function (err, _src) {
-      // something happened, try the next middleware on the current level
-      // make sure to use the old src
-      if (err) {
-        return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-      } // we've succeeded, now we need to go deeper
-
-
-      acc.push(mw); // if it's the same type, continue down the current chain
-      // otherwise, we want to go down the new chain
-
-      setSourceHelper(_src, src.type === _src.type ? mwrest : middlewares[_src.type], next, player, acc, lastRun);
-    });
-  } else if (mwrest.length) {
-    setSourceHelper(src, mwrest, next, player, acc, lastRun);
-  } else if (lastRun) {
-    next(src, acc);
-  } else {
-    setSourceHelper(src, middlewares['*'], next, player, acc, true);
-  }
-}
-
-/**
- * Mimetypes
- *
- * @see http://hul.harvard.edu/ois/////systems/wax/wax-public-help/mimetypes.htm
- * @typedef Mimetypes~Kind
- * @enum
- */
-
-var MimetypesKind = {
-  opus: 'video/ogg',
-  ogv: 'video/ogg',
-  mp4: 'video/mp4',
-  mov: 'video/mp4',
-  m4v: 'video/mp4',
-  mkv: 'video/x-matroska',
-  m4a: 'audio/mp4',
-  mp3: 'audio/mpeg',
-  aac: 'audio/aac',
-  oga: 'audio/ogg',
-  m3u8: 'application/x-mpegURL',
-  jpg: 'image/jpeg',
-  jpeg: 'image/jpeg',
-  gif: 'image/gif',
-  png: 'image/png',
-  svg: 'image/svg+xml',
-  webp: 'image/webp'
-};
-/**
- * Get the mimetype of a given src url if possible
- *
- * @param {string} src
- *        The url to the src
- *
- * @return {string}
- *         return the mimetype if it was known or empty string otherwise
- */
-
-var getMimetype = function getMimetype(src) {
-  if (src === void 0) {
-    src = '';
-  }
-
-  var ext = getFileExtension(src);
-  var mimetype = MimetypesKind[ext.toLowerCase()];
-  return mimetype || '';
-};
-/**
- * Find the mime type of a given source string if possible. Uses the player
- * source cache.
- *
- * @param {Player} player
- *        The player object
- *
- * @param {string} src
- *        The source string
- *
- * @return {string}
- *         The type that was found
- */
-
-var findMimetype = function findMimetype(player, src) {
-  if (!src) {
-    return '';
-  } // 1. check for the type in the `source` cache
-
-
-  if (player.cache_.source.src === src && player.cache_.source.type) {
-    return player.cache_.source.type;
-  } // 2. see if we have this source in our `currentSources` cache
-
-
-  var matchingSources = player.cache_.sources.filter(function (s) {
-    return s.src === src;
-  });
-
-  if (matchingSources.length) {
-    return matchingSources[0].type;
-  } // 3. look for the src url in source elements and use the type there
-
-
-  var sources = player.$$('source');
-
-  for (var i = 0; i < sources.length; i++) {
-    var s = sources[i];
-
-    if (s.type && s.src && s.src === src) {
-      return s.type;
-    }
-  } // 4. finally fallback to our list of mime types based on src url extension
-
-
-  return getMimetype(src);
-};
-
-/**
- * @module filter-source
- */
-/**
- * Filter out single bad source objects or multiple source objects in an
- * array. Also flattens nested source object arrays into a 1 dimensional
- * array of source objects.
- *
- * @param {Tech~SourceObject|Tech~SourceObject[]} src
- *        The src object to filter
- *
- * @return {Tech~SourceObject[]}
- *         An array of sourceobjects containing only valid sources
- *
- * @private
- */
-
-var filterSource = function filterSource(src) {
-  // traverse array
-  if (Array.isArray(src)) {
-    var newsrc = [];
-    src.forEach(function (srcobj) {
-      srcobj = filterSource(srcobj);
-
-      if (Array.isArray(srcobj)) {
-        newsrc = newsrc.concat(srcobj);
-      } else if (isObject(srcobj)) {
-        newsrc.push(srcobj);
-      }
-    });
-    src = newsrc;
-  } else if (typeof src === 'string' && src.trim()) {
-    // convert string into object
-    src = [fixSource({
-      src: src
-    })];
-  } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-    // src is already valid
-    src = [fixSource(src)];
-  } else {
-    // invalid source, turn it into an empty array
-    src = [];
-  }
-
-  return src;
-};
-/**
- * Checks src mimetype, adding it when possible
- *
- * @param {Tech~SourceObject} src
- *        The src object to check
- * @return {Tech~SourceObject}
- *        src Object with known type
- */
-
-
-function fixSource(src) {
-  if (!src.type) {
-    var mimetype = getMimetype(src.src);
-
-    if (mimetype) {
-      src.type = mimetype;
-    }
-  }
-
-  return src;
-}
-
-/**
- * The `MediaLoader` is the `Component` that decides which playback technology to load
- * when a player is initialized.
- *
- * @extends Component
- */
-
-var MediaLoader =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(MediaLoader, _Component);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should attach to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function that is run when this component is ready.
-   */
-  function MediaLoader(player, options, ready) {
-    var _this;
-
-    // MediaLoader has no element
-    var options_ = mergeOptions({
-      createEl: false
-    }, options);
-    _this = _Component.call(this, player, options_, ready) || this; // If there are no sources when the player is initialized,
-    // load the first supported playback technology.
-
-    if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {
-      for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {
-        var techName = toTitleCase(j[i]);
-        var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-        // Remove once that deprecated behavior is removed.
-
-        if (!techName) {
-          tech = Component.getComponent(techName);
-        } // Check if the browser supports this technology
-
-
-        if (tech && tech.isSupported()) {
-          player.loadTech_(techName);
-          break;
-        }
-      }
-    } else {
-      // Loop through playback technologies (HTML5, Flash) and check for support.
-      // Then load the best source.
-      // A few assumptions here:
-      //   All playback technologies respect preload false.
-      player.src(options.playerOptions.sources);
-    }
-
-    return _this;
-  }
-
-  return MediaLoader;
-}(Component);
-
-Component.registerComponent('MediaLoader', MediaLoader);
-
-/**
- * Component which is clickable or keyboard actionable, but is not a
- * native HTML button.
- *
- * @extends Component
- */
-
-var ClickableComponent =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ClickableComponent, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param  {Player} player
-   *         The `Player` that this class should be attached to.
-   *
-   * @param  {Object} [options]
-   *         The key/value store of player options.
-   *
-   * @param  {function} [options.clickHandler]
-   *         The function to call when the button is clicked / activated
-   */
-  function ClickableComponent(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-
-    _this.emitTapEvents();
-
-    _this.enable();
-
-    return _this;
-  }
-  /**
-   * Create the `ClickableComponent`s DOM element.
-   *
-   * @param {string} [tag=div]
-   *        The element's node type.
-   *
-   * @param {Object} [props={}]
-   *        An object of properties that should be set on the element.
-   *
-   * @param {Object} [attributes={}]
-   *        An object of attributes that should be set on the element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  var _proto = ClickableComponent.prototype;
-
-  _proto.createEl = function createEl(tag, props, attributes) {
-    if (tag === void 0) {
-      tag = 'div';
-    }
-
-    if (props === void 0) {
-      props = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    props = assign({
-      innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-      className: this.buildCSSClass(),
-      tabIndex: 0
-    }, props);
-
-    if (tag === 'button') {
-      log.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
-    } // Add ARIA attributes for clickable element which is not a native HTML button
-
-
-    attributes = assign({
-      role: 'button'
-    }, attributes);
-    this.tabIndex_ = props.tabIndex;
-
-    var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-    this.createControlTextEl(el);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    // remove controlTextEl_ on dispose
-    this.controlTextEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Create a control text element on this `ClickableComponent`
-   *
-   * @param {Element} [el]
-   *        Parent element for the control text.
-   *
-   * @return {Element}
-   *         The control text element that gets created.
-   */
-  ;
-
-  _proto.createControlTextEl = function createControlTextEl(el) {
-    this.controlTextEl_ = createEl('span', {
-      className: 'vjs-control-text'
-    }, {
-      // let the screen reader user know that the text of the element may change
-      'aria-live': 'polite'
-    });
-
-    if (el) {
-      el.appendChild(this.controlTextEl_);
-    }
-
-    this.controlText(this.controlText_, el);
-    return this.controlTextEl_;
-  }
-  /**
-   * Get or set the localize text to use for the controls on the `ClickableComponent`.
-   *
-   * @param {string} [text]
-   *        Control text for element.
-   *
-   * @param {Element} [el=this.el()]
-   *        Element to set the title on.
-   *
-   * @return {string}
-   *         - The control text when getting
-   */
-  ;
-
-  _proto.controlText = function controlText(text, el) {
-    if (el === void 0) {
-      el = this.el();
-    }
-
-    if (text === undefined) {
-      return this.controlText_ || 'Need Text';
-    }
-
-    var localizedText = this.localize(text);
-    this.controlText_ = text;
-    textContent(this.controlTextEl_, localizedText);
-
-    if (!this.nonIconControl) {
-      // Set title attribute if only an icon is shown
-      el.setAttribute('title', localizedText);
-    }
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-control vjs-button " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Enable this `ClickableComponent`
-   */
-  ;
-
-  _proto.enable = function enable() {
-    if (!this.enabled_) {
-      this.enabled_ = true;
-      this.removeClass('vjs-disabled');
-      this.el_.setAttribute('aria-disabled', 'false');
-
-      if (typeof this.tabIndex_ !== 'undefined') {
-        this.el_.setAttribute('tabIndex', this.tabIndex_);
-      }
-
-      this.on(['tap', 'click'], this.handleClick);
-      this.on('keydown', this.handleKeyDown);
-    }
-  }
-  /**
-   * Disable this `ClickableComponent`
-   */
-  ;
-
-  _proto.disable = function disable() {
-    this.enabled_ = false;
-    this.addClass('vjs-disabled');
-    this.el_.setAttribute('aria-disabled', 'true');
-
-    if (typeof this.tabIndex_ !== 'undefined') {
-      this.el_.removeAttribute('tabIndex');
-    }
-
-    this.off('mouseover', this.handleMouseOver);
-    this.off('mouseout', this.handleMouseOut);
-    this.off(['tap', 'click'], this.handleClick);
-    this.off('keydown', this.handleKeyDown);
-  }
-  /**
-   * Event handler that is called when a `ClickableComponent` receives a
-   * `click` or `tap` event.
-   *
-   * @param {EventTarget~Event} event
-   *        The `tap` or `click` event that caused this function to be called.
-   *
-   * @listens tap
-   * @listens click
-   * @abstract
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (this.options_.clickHandler) {
-      this.options_.clickHandler.call(this, arguments);
-    }
-  }
-  /**
-   * Event handler that is called when a `ClickableComponent` receives a
-   * `keydown` event.
-   *
-   * By default, if the key is Space or Enter, it will trigger a `click` event.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Support Space or Enter key operation to fire a click event. Also,
-    // prevent the event from propagating through the DOM and triggering
-    // Player hotkeys.
-    if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.trigger('click');
-    } else {
-      // Pass keypress handling up for unsupported keys
-      _Component.prototype.handleKeyDown.call(this, event);
-    }
-  };
-
-  return ClickableComponent;
-}(Component);
-
-Component.registerComponent('ClickableComponent', ClickableComponent);
-
-/**
- * A `ClickableComponent` that handles showing the poster image for the player.
- *
- * @extends ClickableComponent
- */
-
-var PosterImage =
-/*#__PURE__*/
-function (_ClickableComponent) {
-  _inheritsLoose(PosterImage, _ClickableComponent);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should attach to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function PosterImage(player, options) {
-    var _this;
-
-    _this = _ClickableComponent.call(this, player, options) || this;
-
-    _this.update();
-
-    player.on('posterchange', bind(_assertThisInitialized(_this), _this.update));
-    return _this;
-  }
-  /**
-   * Clean up and dispose of the `PosterImage`.
-   */
-
-
-  var _proto = PosterImage.prototype;
-
-  _proto.dispose = function dispose() {
-    this.player().off('posterchange', this.update);
-
-    _ClickableComponent.prototype.dispose.call(this);
-  }
-  /**
-   * Create the `PosterImage`s DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl$1() {
-    var el = createEl('div', {
-      className: 'vjs-poster',
-      // Don't want poster to be tabbable.
-      tabIndex: -1
-    });
-    return el;
-  }
-  /**
-   * An {@link EventTarget~EventListener} for {@link Player#posterchange} events.
-   *
-   * @listens Player#posterchange
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `Player#posterchange` event that triggered this function.
-   */
-  ;
-
-  _proto.update = function update(event) {
-    var url = this.player().poster();
-    this.setSrc(url); // If there's no poster source we should display:none on this component
-    // so it's not still clickable or right-clickable
-
-    if (url) {
-      this.show();
-    } else {
-      this.hide();
-    }
-  }
-  /**
-   * Set the source of the `PosterImage` depending on the display method.
-   *
-   * @param {string} url
-   *        The URL to the source for the `PosterImage`.
-   */
-  ;
-
-  _proto.setSrc = function setSrc(url) {
-    var backgroundImage = ''; // Any falsy value should stay as an empty string, otherwise
-    // this will throw an extra error
-
-    if (url) {
-      backgroundImage = "url(\"" + url + "\")";
-    }
-
-    this.el_.style.backgroundImage = backgroundImage;
-  }
-  /**
-   * An {@link EventTarget~EventListener} for clicks on the `PosterImage`. See
-   * {@link ClickableComponent#handleClick} for instances where this will be triggered.
-   *
-   * @listens tap
-   * @listens click
-   * @listens keydown
-   *
-   * @param {EventTarget~Event} event
-   +        The `click`, `tap` or `keydown` event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    // We don't want a click to trigger playback when controls are disabled
-    if (!this.player_.controls()) {
-      return;
-    }
-
-    if (this.player_.tech(true)) {
-      this.player_.tech(true).focus();
-    }
-
-    if (this.player_.paused()) {
-      silencePromise(this.player_.play());
-    } else {
-      this.player_.pause();
-    }
-  };
-
-  return PosterImage;
-}(ClickableComponent);
-
-Component.registerComponent('PosterImage', PosterImage);
-
-var darkGray = '#222';
-var lightGray = '#ccc';
-var fontMap = {
-  monospace: 'monospace',
-  sansSerif: 'sans-serif',
-  serif: 'serif',
-  monospaceSansSerif: '"Andale Mono", "Lucida Console", monospace',
-  monospaceSerif: '"Courier New", monospace',
-  proportionalSansSerif: 'sans-serif',
-  proportionalSerif: 'serif',
-  casual: '"Comic Sans MS", Impact, fantasy',
-  script: '"Monotype Corsiva", cursive',
-  smallcaps: '"Andale Mono", "Lucida Console", monospace, sans-serif'
-};
-/**
- * Construct an rgba color from a given hex color code.
- *
- * @param {number} color
- *        Hex number for color, like #f0e or #f604e2.
- *
- * @param {number} opacity
- *        Value for opacity, 0.0 - 1.0.
- *
- * @return {string}
- *         The rgba color that was created, like 'rgba(255, 0, 0, 0.3)'.
- */
-
-function constructColor(color, opacity) {
-  var hex;
-
-  if (color.length === 4) {
-    // color looks like "#f0e"
-    hex = color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
-  } else if (color.length === 7) {
-    // color looks like "#f604e2"
-    hex = color.slice(1);
-  } else {
-    throw new Error('Invalid color code provided, ' + color + '; must be formatted as e.g. #f0e or #f604e2.');
-  }
-
-  return 'rgba(' + parseInt(hex.slice(0, 2), 16) + ',' + parseInt(hex.slice(2, 4), 16) + ',' + parseInt(hex.slice(4, 6), 16) + ',' + opacity + ')';
-}
-/**
- * Try to update the style of a DOM element. Some style changes will throw an error,
- * particularly in IE8. Those should be noops.
- *
- * @param {Element} el
- *        The DOM element to be styled.
- *
- * @param {string} style
- *        The CSS property on the element that should be styled.
- *
- * @param {string} rule
- *        The style rule that should be applied to the property.
- *
- * @private
- */
-
-function tryUpdateStyle(el, style, rule) {
-  try {
-    el.style[style] = rule;
-  } catch (e) {
-    // Satisfies linter.
-    return;
-  }
-}
-/**
- * The component for displaying text track cues.
- *
- * @extends Component
- */
-
-
-var TextTrackDisplay =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(TextTrackDisplay, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when `TextTrackDisplay` is ready.
-   */
-  function TextTrackDisplay(player, options, ready) {
-    var _this;
-
-    _this = _Component.call(this, player, options, ready) || this;
-    var updateDisplayHandler = bind(_assertThisInitialized(_this), _this.updateDisplay);
-    player.on('loadstart', bind(_assertThisInitialized(_this), _this.toggleDisplay));
-    player.on('texttrackchange', updateDisplayHandler);
-    player.on('loadedmetadata', bind(_assertThisInitialized(_this), _this.preselectTrack)); // This used to be called during player init, but was causing an error
-    // if a track should show by default and the display hadn't loaded yet.
-    // Should probably be moved to an external track loader when we support
-    // tracks that don't need a display.
-
-    player.ready(bind(_assertThisInitialized(_this), function () {
-      if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-        this.hide();
-        return;
-      }
-
-      player.on('fullscreenchange', updateDisplayHandler);
-      player.on('playerresize', updateDisplayHandler);
-      window$1.addEventListener('orientationchange', updateDisplayHandler);
-      player.on('dispose', function () {
-        return window$1.removeEventListener('orientationchange', updateDisplayHandler);
-      });
-      var tracks = this.options_.playerOptions.tracks || [];
-
-      for (var i = 0; i < tracks.length; i++) {
-        this.player_.addRemoteTextTrack(tracks[i], true);
-      }
-
-      this.preselectTrack();
-    }));
-    return _this;
-  }
-  /**
-  * Preselect a track following this precedence:
-  * - matches the previously selected {@link TextTrack}'s language and kind
-  * - matches the previously selected {@link TextTrack}'s language only
-  * - is the first default captions track
-  * - is the first default descriptions track
-  *
-  * @listens Player#loadstart
-  */
-
-
-  var _proto = TextTrackDisplay.prototype;
-
-  _proto.preselectTrack = function preselectTrack() {
-    var modes = {
-      captions: 1,
-      subtitles: 1
-    };
-    var trackList = this.player_.textTracks();
-    var userPref = this.player_.cache_.selectedLanguage;
-    var firstDesc;
-    var firstCaptions;
-    var preferredTrack;
-
-    for (var i = 0; i < trackList.length; i++) {
-      var track = trackList[i];
-
-      if (userPref && userPref.enabled && userPref.language && userPref.language === track.language && track.kind in modes) {
-        // Always choose the track that matches both language and kind
-        if (track.kind === userPref.kind) {
-          preferredTrack = track; // or choose the first track that matches language
-        } else if (!preferredTrack) {
-          preferredTrack = track;
-        } // clear everything if offTextTrackMenuItem was clicked
-
-      } else if (userPref && !userPref.enabled) {
-        preferredTrack = null;
-        firstDesc = null;
-        firstCaptions = null;
-      } else if (track["default"]) {
-        if (track.kind === 'descriptions' && !firstDesc) {
-          firstDesc = track;
-        } else if (track.kind in modes && !firstCaptions) {
-          firstCaptions = track;
-        }
-      }
-    } // The preferredTrack matches the user preference and takes
-    // precedence over all the other tracks.
-    // So, display the preferredTrack before the first default track
-    // and the subtitles/captions track before the descriptions track
-
-
-    if (preferredTrack) {
-      preferredTrack.mode = 'showing';
-    } else if (firstCaptions) {
-      firstCaptions.mode = 'showing';
-    } else if (firstDesc) {
-      firstDesc.mode = 'showing';
-    }
-  }
-  /**
-   * Turn display of {@link TextTrack}'s from the current state into the other state.
-   * There are only two states:
-   * - 'shown'
-   * - 'hidden'
-   *
-   * @listens Player#loadstart
-   */
-  ;
-
-  _proto.toggleDisplay = function toggleDisplay() {
-    if (this.player_.tech_ && this.player_.tech_.featuresNativeTextTracks) {
-      this.hide();
-    } else {
-      this.show();
-    }
-  }
-  /**
-   * Create the {@link Component}'s DOM element.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-text-track-display'
-    }, {
-      'aria-live': 'off',
-      'aria-atomic': 'true'
-    });
-  }
-  /**
-   * Clear all displayed {@link TextTrack}s.
-   */
-  ;
-
-  _proto.clearDisplay = function clearDisplay() {
-    if (typeof window$1.WebVTT === 'function') {
-      window$1.WebVTT.processCues(window$1, [], this.el_);
-    }
-  }
-  /**
-   * Update the displayed TextTrack when a either a {@link Player#texttrackchange} or
-   * a {@link Player#fullscreenchange} is fired.
-   *
-   * @listens Player#texttrackchange
-   * @listens Player#fullscreenchange
-   */
-  ;
-
-  _proto.updateDisplay = function updateDisplay() {
-    var tracks = this.player_.textTracks();
-    var allowMultipleShowingTracks = this.options_.allowMultipleShowingTracks;
-    this.clearDisplay();
-
-    if (allowMultipleShowingTracks) {
-      var showingTracks = [];
-
-      for (var _i = 0; _i < tracks.length; ++_i) {
-        var track = tracks[_i];
-
-        if (track.mode !== 'showing') {
-          continue;
-        }
-
-        showingTracks.push(track);
-      }
-
-      this.updateForTrack(showingTracks);
-      return;
-    } //  Track display prioritization model: if multiple tracks are 'showing',
-    //  display the first 'subtitles' or 'captions' track which is 'showing',
-    //  otherwise display the first 'descriptions' track which is 'showing'
-
-
-    var descriptionsTrack = null;
-    var captionsSubtitlesTrack = null;
-    var i = tracks.length;
-
-    while (i--) {
-      var _track = tracks[i];
-
-      if (_track.mode === 'showing') {
-        if (_track.kind === 'descriptions') {
-          descriptionsTrack = _track;
-        } else {
-          captionsSubtitlesTrack = _track;
-        }
-      }
-    }
-
-    if (captionsSubtitlesTrack) {
-      if (this.getAttribute('aria-live') !== 'off') {
-        this.setAttribute('aria-live', 'off');
-      }
-
-      this.updateForTrack(captionsSubtitlesTrack);
-    } else if (descriptionsTrack) {
-      if (this.getAttribute('aria-live') !== 'assertive') {
-        this.setAttribute('aria-live', 'assertive');
-      }
-
-      this.updateForTrack(descriptionsTrack);
-    }
-  }
-  /**
-   * Style {@Link TextTrack} activeCues according to {@Link TextTrackSettings}.
-   *
-   * @param {TextTrack} track
-   *        Text track object containing active cues to style.
-   */
-  ;
-
-  _proto.updateDisplayState = function updateDisplayState(track) {
-    var overrides = this.player_.textTrackSettings.getValues();
-    var cues = track.activeCues;
-    var i = cues.length;
-
-    while (i--) {
-      var cue = cues[i];
-
-      if (!cue) {
-        continue;
-      }
-
-      var cueDiv = cue.displayState;
-
-      if (overrides.color) {
-        cueDiv.firstChild.style.color = overrides.color;
-      }
-
-      if (overrides.textOpacity) {
-        tryUpdateStyle(cueDiv.firstChild, 'color', constructColor(overrides.color || '#fff', overrides.textOpacity));
-      }
-
-      if (overrides.backgroundColor) {
-        cueDiv.firstChild.style.backgroundColor = overrides.backgroundColor;
-      }
-
-      if (overrides.backgroundOpacity) {
-        tryUpdateStyle(cueDiv.firstChild, 'backgroundColor', constructColor(overrides.backgroundColor || '#000', overrides.backgroundOpacity));
-      }
-
-      if (overrides.windowColor) {
-        if (overrides.windowOpacity) {
-          tryUpdateStyle(cueDiv, 'backgroundColor', constructColor(overrides.windowColor, overrides.windowOpacity));
-        } else {
-          cueDiv.style.backgroundColor = overrides.windowColor;
-        }
-      }
-
-      if (overrides.edgeStyle) {
-        if (overrides.edgeStyle === 'dropshadow') {
-          cueDiv.firstChild.style.textShadow = "2px 2px 3px " + darkGray + ", 2px 2px 4px " + darkGray + ", 2px 2px 5px " + darkGray;
-        } else if (overrides.edgeStyle === 'raised') {
-          cueDiv.firstChild.style.textShadow = "1px 1px " + darkGray + ", 2px 2px " + darkGray + ", 3px 3px " + darkGray;
-        } else if (overrides.edgeStyle === 'depressed') {
-          cueDiv.firstChild.style.textShadow = "1px 1px " + lightGray + ", 0 1px " + lightGray + ", -1px -1px " + darkGray + ", 0 -1px " + darkGray;
-        } else if (overrides.edgeStyle === 'uniform') {
-          cueDiv.firstChild.style.textShadow = "0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray;
-        }
-      }
-
-      if (overrides.fontPercent && overrides.fontPercent !== 1) {
-        var fontSize = window$1.parseFloat(cueDiv.style.fontSize);
-        cueDiv.style.fontSize = fontSize * overrides.fontPercent + 'px';
-        cueDiv.style.height = 'auto';
-        cueDiv.style.top = 'auto';
-        cueDiv.style.bottom = '2px';
-      }
-
-      if (overrides.fontFamily && overrides.fontFamily !== 'default') {
-        if (overrides.fontFamily === 'small-caps') {
-          cueDiv.firstChild.style.fontVariant = 'small-caps';
-        } else {
-          cueDiv.firstChild.style.fontFamily = fontMap[overrides.fontFamily];
-        }
-      }
-    }
-  }
-  /**
-   * Add an {@link TextTrack} to to the {@link Tech}s {@link TextTrackList}.
-   *
-   * @param {TextTrack|TextTrack[]} tracks
-   *        Text track object or text track array to be added to the list.
-   */
-  ;
-
-  _proto.updateForTrack = function updateForTrack(tracks) {
-    if (!Array.isArray(tracks)) {
-      tracks = [tracks];
-    }
-
-    if (typeof window$1.WebVTT !== 'function' || tracks.every(function (track) {
-      return !track.activeCues;
-    })) {
-      return;
-    }
-
-    var cues = []; // push all active track cues
-
-    for (var i = 0; i < tracks.length; ++i) {
-      var track = tracks[i];
-
-      for (var j = 0; j < track.activeCues.length; ++j) {
-        cues.push(track.activeCues[j]);
-      }
-    } // removes all cues before it processes new ones
-
-
-    window$1.WebVTT.processCues(window$1, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
-
-    for (var _i2 = 0; _i2 < tracks.length; ++_i2) {
-      var _track2 = tracks[_i2];
-
-      for (var _j = 0; _j < _track2.activeCues.length; ++_j) {
-        var cueEl = _track2.activeCues[_j].displayState;
-        addClass(cueEl, 'vjs-text-track-cue');
-        addClass(cueEl, 'vjs-text-track-cue-' + (_track2.language ? _track2.language : _i2));
-      }
-
-      if (this.player_.textTrackSettings) {
-        this.updateDisplayState(_track2);
-      }
-    }
-  };
-
-  return TextTrackDisplay;
-}(Component);
-
-Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-/**
- * A loading spinner for use during waiting/loading events.
- *
- * @extends Component
- */
-
-var LoadingSpinner =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(LoadingSpinner, _Component);
-
-  function LoadingSpinner() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = LoadingSpinner.prototype;
-
-  /**
-   * Create the `LoadingSpinner`s DOM element.
-   *
-   * @return {Element}
-   *         The dom element that gets created.
-   */
-  _proto.createEl = function createEl$1() {
-    var isAudio = this.player_.isAudio();
-    var playerType = this.localize(isAudio ? 'Audio Player' : 'Video Player');
-    var controlText = createEl('span', {
-      className: 'vjs-control-text',
-      innerHTML: this.localize('{1} is loading.', [playerType])
-    });
-
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-loading-spinner',
-      dir: 'ltr'
-    });
-
-    el.appendChild(controlText);
-    return el;
-  };
-
-  return LoadingSpinner;
-}(Component);
-
-Component.registerComponent('LoadingSpinner', LoadingSpinner);
-
-/**
- * Base class for all buttons.
- *
- * @extends ClickableComponent
- */
-
-var Button =
-/*#__PURE__*/
-function (_ClickableComponent) {
-  _inheritsLoose(Button, _ClickableComponent);
-
-  function Button() {
-    return _ClickableComponent.apply(this, arguments) || this;
-  }
-
-  var _proto = Button.prototype;
-
-  /**
-   * Create the `Button`s DOM element.
-   *
-   * @param {string} [tag="button"]
-   *        The element's node type. This argument is IGNORED: no matter what
-   *        is passed, it will always create a `button` element.
-   *
-   * @param {Object} [props={}]
-   *        An object of properties that should be set on the element.
-   *
-   * @param {Object} [attributes={}]
-   *        An object of attributes that should be set on the element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  _proto.createEl = function createEl(tag, props, attributes) {
-    if (props === void 0) {
-      props = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    tag = 'button';
-    props = assign({
-      innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-      className: this.buildCSSClass()
-    }, props); // Add attributes for button element
-
-    attributes = assign({
-      // Necessary since the default button type is "submit"
-      type: 'button'
-    }, attributes);
-    var el = Component.prototype.createEl.call(this, tag, props, attributes);
-    this.createControlTextEl(el);
-    return el;
-  }
-  /**
-   * Add a child `Component` inside of this `Button`.
-   *
-   * @param {string|Component} child
-   *        The name or instance of a child to add.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of options that will get passed to children of
-   *        the child.
-   *
-   * @return {Component}
-   *         The `Component` that gets added as a child. When using a string the
-   *         `Component` will get created by this process.
-   *
-   * @deprecated since version 5
-   */
-  ;
-
-  _proto.addChild = function addChild(child, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var className = this.constructor.name;
-    log.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
-
-    return Component.prototype.addChild.call(this, child, options);
-  }
-  /**
-   * Enable the `Button` element so that it can be activated or clicked. Use this with
-   * {@link Button#disable}.
-   */
-  ;
-
-  _proto.enable = function enable() {
-    _ClickableComponent.prototype.enable.call(this);
-
-    this.el_.removeAttribute('disabled');
-  }
-  /**
-   * Disable the `Button` element so that it cannot be activated or clicked. Use this with
-   * {@link Button#enable}.
-   */
-  ;
-
-  _proto.disable = function disable() {
-    _ClickableComponent.prototype.disable.call(this);
-
-    this.el_.setAttribute('disabled', 'disabled');
-  }
-  /**
-   * This gets called when a `Button` has focus and `keydown` is triggered via a key
-   * press.
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to get called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Ignore Space or Enter key operation, which is handled by the browser for
-    // a button - though not for its super class, ClickableComponent. Also,
-    // prevent the event from propagating through the DOM and triggering Player
-    // hotkeys. We do not preventDefault here because we _want_ the browser to
-    // handle it.
-    if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-      event.stopPropagation();
-      return;
-    } // Pass keypress handling up for unsupported keys
-
-
-    _ClickableComponent.prototype.handleKeyDown.call(this, event);
-  };
-
-  return Button;
-}(ClickableComponent);
-
-Component.registerComponent('Button', Button);
-
-/**
- * The initial play button that shows before the video has played. The hiding of the
- * `BigPlayButton` get done via CSS and `Player` states.
- *
- * @extends Button
- */
-
-var BigPlayButton =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(BigPlayButton, _Button);
-
-  function BigPlayButton(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-    _this.mouseused_ = false;
-
-    _this.on('mousedown', _this.handleMouseDown);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object. Always returns 'vjs-big-play-button'.
-   */
-
-
-  var _proto = BigPlayButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return 'vjs-big-play-button';
-  }
-  /**
-   * This gets called when a `BigPlayButton` "clicked". See {@link ClickableComponent}
-   * for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    var playPromise = this.player_.play(); // exit early if clicked via the mouse
-
-    if (this.mouseused_ && event.clientX && event.clientY) {
-      var sourceIsEncrypted = this.player_.usingPlugin('eme') && this.player_.eme.sessions && this.player_.eme.sessions.length > 0;
-      silencePromise(playPromise);
-
-      if (this.player_.tech(true) && // We've observed a bug in IE and Edge when playing back DRM content where
-      // calling .focus() on the video element causes the video to go black,
-      // so we avoid it in that specific case
-      !((IE_VERSION || IS_EDGE) && sourceIsEncrypted)) {
-        this.player_.tech(true).focus();
-      }
-
-      return;
-    }
-
-    var cb = this.player_.getChild('controlBar');
-    var playToggle = cb && cb.getChild('playToggle');
-
-    if (!playToggle) {
-      this.player_.tech(true).focus();
-      return;
-    }
-
-    var playFocus = function playFocus() {
-      return playToggle.focus();
-    };
-
-    if (isPromise(playPromise)) {
-      playPromise.then(playFocus, function () {});
-    } else {
-      this.setTimeout(playFocus, 1);
-    }
-  };
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    this.mouseused_ = false;
-
-    _Button.prototype.handleKeyDown.call(this, event);
-  };
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    this.mouseused_ = true;
-  };
-
-  return BigPlayButton;
-}(Button);
-/**
- * The text that should display over the `BigPlayButton`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-BigPlayButton.prototype.controlText_ = 'Play Video';
-Component.registerComponent('BigPlayButton', BigPlayButton);
-
-/**
- * The `CloseButton` is a `{@link Button}` that fires a `close` event when
- * it gets clicked.
- *
- * @extends Button
- */
-
-var CloseButton =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(CloseButton, _Button);
-
-  /**
-  * Creates an instance of the this class.
-  *
-  * @param  {Player} player
-  *         The `Player` that this class should be attached to.
-  *
-  * @param  {Object} [options]
-  *         The key/value store of player options.
-  */
-  function CloseButton(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-
-    _this.controlText(options && options.controlText || _this.localize('Close'));
-
-    return _this;
-  }
-  /**
-  * Builds the default DOM `className`.
-  *
-  * @return {string}
-  *         The DOM `className` for this object.
-  */
-
-
-  var _proto = CloseButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-close-button " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * This gets called when a `CloseButton` gets clicked. See
-   * {@link ClickableComponent#handleClick} for more information on when
-   * this will be triggered
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   * @fires CloseButton#close
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    /**
-     * Triggered when the a `CloseButton` is clicked.
-     *
-     * @event CloseButton#close
-     * @type {EventTarget~Event}
-     *
-     * @property {boolean} [bubbles=false]
-     *           set to false so that the close event does not
-     *           bubble up to parents if there is no listener
-     */
-    this.trigger({
-      type: 'close',
-      bubbles: false
-    });
-  }
-  /**
-   * Event handler that is called when a `CloseButton` receives a
-   * `keydown` event.
-   *
-   * By default, if the key is Esc, it will trigger a `click` event.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Esc button will trigger `click` event
-    if (keycode.isEventKey(event, 'Esc')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.trigger('click');
-    } else {
-      // Pass keypress handling up for unsupported keys
-      _Button.prototype.handleKeyDown.call(this, event);
-    }
-  };
-
-  return CloseButton;
-}(Button);
-
-Component.registerComponent('CloseButton', CloseButton);
-
-/**
- * Button to toggle between play and pause.
- *
- * @extends Button
- */
-
-var PlayToggle =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(PlayToggle, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function PlayToggle(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _Button.call(this, player, options) || this; // show or hide replay icon
-
-    options.replay = options.replay === undefined || options.replay;
-
-    _this.on(player, 'play', _this.handlePlay);
-
-    _this.on(player, 'pause', _this.handlePause);
-
-    if (options.replay) {
-      _this.on(player, 'ended', _this.handleEnded);
-    }
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = PlayToggle.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-play-control " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * This gets called when an `PlayToggle` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (this.player_.paused()) {
-      this.player_.play();
-    } else {
-      this.player_.pause();
-    }
-  }
-  /**
-   * This gets called once after the video has ended and the user seeks so that
-   * we can change the replay button back to a play button.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#seeked
-   */
-  ;
-
-  _proto.handleSeeked = function handleSeeked(event) {
-    this.removeClass('vjs-ended');
-
-    if (this.player_.paused()) {
-      this.handlePause(event);
-    } else {
-      this.handlePlay(event);
-    }
-  }
-  /**
-   * Add the vjs-playing class to the element so it can change appearance.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#play
-   */
-  ;
-
-  _proto.handlePlay = function handlePlay(event) {
-    this.removeClass('vjs-ended');
-    this.removeClass('vjs-paused');
-    this.addClass('vjs-playing'); // change the button text to "Pause"
-
-    this.controlText('Pause');
-  }
-  /**
-   * Add the vjs-paused class to the element so it can change appearance.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#pause
-   */
-  ;
-
-  _proto.handlePause = function handlePause(event) {
-    this.removeClass('vjs-playing');
-    this.addClass('vjs-paused'); // change the button text to "Play"
-
-    this.controlText('Play');
-  }
-  /**
-   * Add the vjs-ended class to the element so it can change appearance
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#ended
-   */
-  ;
-
-  _proto.handleEnded = function handleEnded(event) {
-    this.removeClass('vjs-playing');
-    this.addClass('vjs-ended'); // change the button text to "Replay"
-
-    this.controlText('Replay'); // on the next seek remove the replay button
-
-    this.one(this.player_, 'seeked', this.handleSeeked);
-  };
-
-  return PlayToggle;
-}(Button);
-/**
- * The text that should display over the `PlayToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-PlayToggle.prototype.controlText_ = 'Play';
-Component.registerComponent('PlayToggle', PlayToggle);
-
-/**
- * @file format-time.js
- * @module format-time
- */
-
-/**
- * Format seconds as a time string, H:MM:SS or M:SS. Supplying a guide (in
- * seconds) will force a number of leading zeros to cover the length of the
- * guide.
- *
- * @private
- * @param  {number} seconds
- *         Number of seconds to be turned into a string
- *
- * @param  {number} guide
- *         Number (in seconds) to model the string after
- *
- * @return {string}
- *         Time formatted as H:MM:SS or M:SS
- */
-var defaultImplementation = function defaultImplementation(seconds, guide) {
-  seconds = seconds < 0 ? 0 : seconds;
-  var s = Math.floor(seconds % 60);
-  var m = Math.floor(seconds / 60 % 60);
-  var h = Math.floor(seconds / 3600);
-  var gm = Math.floor(guide / 60 % 60);
-  var gh = Math.floor(guide / 3600); // handle invalid times
-
-  if (isNaN(seconds) || seconds === Infinity) {
-    // '-' is false for all relational operators (e.g. <, >=) so this setting
-    // will add the minimum number of fields specified by the guide
-    h = m = s = '-';
-  } // Check if we need to show hours
-
-
-  h = h > 0 || gh > 0 ? h + ':' : ''; // If hours are showing, we may need to add a leading zero.
-  // Always show at least one digit of minutes.
-
-  m = ((h || gm >= 10) && m < 10 ? '0' + m : m) + ':'; // Check if leading zero is need for seconds
-
-  s = s < 10 ? '0' + s : s;
-  return h + m + s;
-}; // Internal pointer to the current implementation.
-
-
-var implementation = defaultImplementation;
-/**
- * Replaces the default formatTime implementation with a custom implementation.
- *
- * @param {Function} customImplementation
- *        A function which will be used in place of the default formatTime
- *        implementation. Will receive the current time in seconds and the
- *        guide (in seconds) as arguments.
- */
-
-function setFormatTime(customImplementation) {
-  implementation = customImplementation;
-}
-/**
- * Resets formatTime to the default implementation.
- */
-
-function resetFormatTime() {
-  implementation = defaultImplementation;
-}
-/**
- * Delegates to either the default time formatting function or a custom
- * function supplied via `setFormatTime`.
- *
- * Formats seconds as a time string (H:MM:SS or M:SS). Supplying a
- * guide (in seconds) will force a number of leading zeros to cover the
- * length of the guide.
- *
- * @static
- * @example  formatTime(125, 600) === "02:05"
- * @param    {number} seconds
- *           Number of seconds to be turned into a string
- *
- * @param    {number} guide
- *           Number (in seconds) to model the string after
- *
- * @return   {string}
- *           Time formatted as H:MM:SS or M:SS
- */
-
-function formatTime(seconds, guide) {
-  if (guide === void 0) {
-    guide = seconds;
-  }
-
-  return implementation(seconds, guide);
-}
-
-/**
- * Displays time information about the video
- *
- * @extends Component
- */
-
-var TimeDisplay =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(TimeDisplay, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function TimeDisplay(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-
-    _this.on(player, ['timeupdate', 'ended'], _this.updateContent);
-
-    _this.updateTextNode_();
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = TimeDisplay.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var className = this.buildCSSClass();
-
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: className + " vjs-time-control vjs-control",
-      innerHTML: "<span class=\"vjs-control-text\" role=\"presentation\">" + this.localize(this.labelText_) + "\xA0</span>"
-    });
-
-    this.contentEl_ = createEl('span', {
-      className: className + "-display"
-    }, {
-      // tell screen readers not to automatically read the time as it changes
-      'aria-live': 'off',
-      // span elements have no implicit role, but some screen readers (notably VoiceOver)
-      // treat them as a break between items in the DOM when using arrow keys
-      // (or left-to-right swipes on iOS) to read contents of a page. Using
-      // role='presentation' causes VoiceOver to NOT treat this span as a break.
-      'role': 'presentation'
-    });
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.textNode_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Updates the time display text node with a new time
-   *
-   * @param {number} [time=0] the time to update to
-   *
-   * @private
-   */
-  ;
-
-  _proto.updateTextNode_ = function updateTextNode_(time) {
-    var _this2 = this;
-
-    if (time === void 0) {
-      time = 0;
-    }
-
-    time = formatTime(time);
-
-    if (this.formattedTime_ === time) {
-      return;
-    }
-
-    this.formattedTime_ = time;
-    this.requestAnimationFrame(function () {
-      if (!_this2.contentEl_) {
-        return;
-      }
-
-      var oldNode = _this2.textNode_;
-      _this2.textNode_ = document.createTextNode(_this2.formattedTime_);
-
-      if (!_this2.textNode_) {
-        return;
-      }
-
-      if (oldNode) {
-        _this2.contentEl_.replaceChild(_this2.textNode_, oldNode);
-      } else {
-        _this2.contentEl_.appendChild(_this2.textNode_);
-      }
-    });
-  }
-  /**
-   * To be filled out in the child class, should update the displayed time
-   * in accordance with the fact that the current time has changed.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate`  event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   */
-  ;
-
-  _proto.updateContent = function updateContent(event) {};
-
-  return TimeDisplay;
-}(Component);
-/**
- * The text that is added to the `TimeDisplay` for screen reader users.
- *
- * @type {string}
- * @private
- */
-
-
-TimeDisplay.prototype.labelText_ = 'Time';
-/**
- * The text that should display over the `TimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- *
- * @deprecated in v7; controlText_ is not used in non-active display Components
- */
-
-TimeDisplay.prototype.controlText_ = 'Time';
-Component.registerComponent('TimeDisplay', TimeDisplay);
-
-/**
- * Displays the current time
- *
- * @extends Component
- */
-
-var CurrentTimeDisplay =
-/*#__PURE__*/
-function (_TimeDisplay) {
-  _inheritsLoose(CurrentTimeDisplay, _TimeDisplay);
-
-  function CurrentTimeDisplay() {
-    return _TimeDisplay.apply(this, arguments) || this;
-  }
-
-  var _proto = CurrentTimeDisplay.prototype;
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  _proto.buildCSSClass = function buildCSSClass() {
-    return 'vjs-current-time';
-  }
-  /**
-   * Update current time display
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` event that caused this function to run.
-   *
-   * @listens Player#timeupdate
-   */
-  ;
-
-  _proto.updateContent = function updateContent(event) {
-    // Allows for smooth scrubbing, when player can't keep up.
-    var time;
-
-    if (this.player_.ended()) {
-      time = this.player_.duration();
-    } else {
-      time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-    }
-
-    this.updateTextNode_(time);
-  };
-
-  return CurrentTimeDisplay;
-}(TimeDisplay);
-/**
- * The text that is added to the `CurrentTimeDisplay` for screen reader users.
- *
- * @type {string}
- * @private
- */
-
-
-CurrentTimeDisplay.prototype.labelText_ = 'Current Time';
-/**
- * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- *
- * @deprecated in v7; controlText_ is not used in non-active display Components
- */
-
-CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-/**
- * Displays the duration
- *
- * @extends Component
- */
-
-var DurationDisplay =
-/*#__PURE__*/
-function (_TimeDisplay) {
-  _inheritsLoose(DurationDisplay, _TimeDisplay);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function DurationDisplay(player, options) {
-    var _this;
-
-    _this = _TimeDisplay.call(this, player, options) || this; // we do not want to/need to throttle duration changes,
-    // as they should always display the changed duration as
-    // it has changed
-
-    _this.on(player, 'durationchange', _this.updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
-    // but the durationchange on the user agent will not fire.
-    // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-
-    _this.on(player, 'loadstart', _this.updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
-    // listeners could have broken dependent applications/libraries. These
-    // can likely be removed for 7.0.
-
-
-    _this.on(player, 'loadedmetadata', _this.updateContent);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = DurationDisplay.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return 'vjs-duration';
-  }
-  /**
-   * Update duration time display.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused
-   *        this function to be called.
-   *
-   * @listens Player#durationchange
-   * @listens Player#timeupdate
-   * @listens Player#loadedmetadata
-   */
-  ;
-
-  _proto.updateContent = function updateContent(event) {
-    var duration = this.player_.duration();
-    this.updateTextNode_(duration);
-  };
-
-  return DurationDisplay;
-}(TimeDisplay);
-/**
- * The text that is added to the `DurationDisplay` for screen reader users.
- *
- * @type {string}
- * @private
- */
-
-
-DurationDisplay.prototype.labelText_ = 'Duration';
-/**
- * The text that should display over the `DurationDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- *
- * @deprecated in v7; controlText_ is not used in non-active display Components
- */
-
-DurationDisplay.prototype.controlText_ = 'Duration';
-Component.registerComponent('DurationDisplay', DurationDisplay);
-
-/**
- * The separator between the current time and duration.
- * Can be hidden if it's not needed in the design.
- *
- * @extends Component
- */
-
-var TimeDivider =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(TimeDivider, _Component);
-
-  function TimeDivider() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = TimeDivider.prototype;
-
-  /**
-   * Create the component's DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-control vjs-time-divider',
-      innerHTML: '<div><span>/</span></div>'
-    }, {
-      // this element and its contents can be hidden from assistive techs since
-      // it is made extraneous by the announcement of the control text
-      // for the current time and duration displays
-      'aria-hidden': true
-    });
-  };
-
-  return TimeDivider;
-}(Component);
-
-Component.registerComponent('TimeDivider', TimeDivider);
-
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var RemainingTimeDisplay =
-/*#__PURE__*/
-function (_TimeDisplay) {
-  _inheritsLoose(RemainingTimeDisplay, _TimeDisplay);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function RemainingTimeDisplay(player, options) {
-    var _this;
-
-    _this = _TimeDisplay.call(this, player, options) || this;
-
-    _this.on(player, 'durationchange', _this.updateContent);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = RemainingTimeDisplay.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return 'vjs-remaining-time';
-  }
-  /**
-   * Create the `Component`'s DOM element with the "minus" characted prepend to the time
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl$1() {
-    var el = _TimeDisplay.prototype.createEl.call(this);
-
-    el.insertBefore(createEl('span', {}, {
-      'aria-hidden': true
-    }, '-'), this.contentEl_);
-    return el;
-  }
-  /**
-   * Update remaining time display.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `durationchange` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   * @listens Player#durationchange
-   */
-  ;
-
-  _proto.updateContent = function updateContent(event) {
-    if (typeof this.player_.duration() !== 'number') {
-      return;
-    }
-
-    var time; // @deprecated We should only use remainingTimeDisplay
-    // as of video.js 7
-
-    if (this.player_.ended()) {
-      time = 0;
-    } else if (this.player_.remainingTimeDisplay) {
-      time = this.player_.remainingTimeDisplay();
-    } else {
-      time = this.player_.remainingTime();
-    }
-
-    this.updateTextNode_(time);
-  };
-
-  return RemainingTimeDisplay;
-}(TimeDisplay);
-/**
- * The text that is added to the `RemainingTimeDisplay` for screen reader users.
- *
- * @type {string}
- * @private
- */
-
-
-RemainingTimeDisplay.prototype.labelText_ = 'Remaining Time';
-/**
- * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- *
- * @deprecated in v7; controlText_ is not used in non-active display Components
- */
-
-RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-/**
- * Displays the live indicator when duration is Infinity.
- *
- * @extends Component
- */
-
-var LiveDisplay =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(LiveDisplay, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function LiveDisplay(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-
-    _this.updateShowing();
-
-    _this.on(_this.player(), 'durationchange', _this.updateShowing);
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = LiveDisplay.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-live-control vjs-control'
-    });
-
-    this.contentEl_ = createEl('div', {
-      className: 'vjs-live-display',
-      innerHTML: "<span class=\"vjs-control-text\">" + this.localize('Stream Type') + "\xA0</span>" + this.localize('LIVE')
-    }, {
-      'aria-live': 'off'
-    });
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.contentEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Check the duration to see if the LiveDisplay should be showing or not. Then show/hide
-   * it accordingly
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link Player#durationchange} event that caused this function to run.
-   *
-   * @listens Player#durationchange
-   */
-  ;
-
-  _proto.updateShowing = function updateShowing(event) {
-    if (this.player().duration() === Infinity) {
-      this.show();
-    } else {
-      this.hide();
-    }
-  };
-
-  return LiveDisplay;
-}(Component);
-
-Component.registerComponent('LiveDisplay', LiveDisplay);
-
-/**
- * Displays the live indicator when duration is Infinity.
- *
- * @extends Component
- */
-
-var SeekToLive =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(SeekToLive, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function SeekToLive(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-
-    _this.updateLiveEdgeStatus();
-
-    if (_this.player_.liveTracker) {
-      _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatus);
-    }
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = SeekToLive.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var el = _Button.prototype.createEl.call(this, 'button', {
-      className: 'vjs-seek-to-live-control vjs-control'
-    });
-
-    this.textEl_ = createEl('span', {
-      className: 'vjs-seek-to-live-text',
-      innerHTML: this.localize('LIVE')
-    }, {
-      'aria-hidden': 'true'
-    });
-    el.appendChild(this.textEl_);
-    return el;
-  }
-  /**
-   * Update the state of this button if we are at the live edge
-   * or not
-   */
-  ;
-
-  _proto.updateLiveEdgeStatus = function updateLiveEdgeStatus(e) {
-    // default to live edge
-    if (!this.player_.liveTracker || this.player_.liveTracker.atLiveEdge()) {
-      this.setAttribute('aria-disabled', true);
-      this.addClass('vjs-at-live-edge');
-      this.controlText('Seek to live, currently playing live');
-    } else {
-      this.setAttribute('aria-disabled', false);
-      this.removeClass('vjs-at-live-edge');
-      this.controlText('Seek to live, currently behind live');
-    }
-  }
-  /**
-   * On click bring us as near to the live point as possible.
-   * This requires that we wait for the next `live-seekable-change`
-   * event which will happen every segment length seconds.
-   */
-  ;
-
-  _proto.handleClick = function handleClick() {
-    this.player_.liveTracker.seekToLiveEdge();
-  }
-  /**
-   * Dispose of the element and stop tracking
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    if (this.player_.liveTracker) {
-      this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatus);
-    }
-
-    this.textEl_ = null;
-
-    _Button.prototype.dispose.call(this);
-  };
-
-  return SeekToLive;
-}(Button);
-
-SeekToLive.prototype.controlText_ = 'Seek to live, currently playing live';
-Component.registerComponent('SeekToLive', SeekToLive);
-
-/**
- * Keep a number between a min and a max value
- *
- * @param {number} number
- *        The number to clamp
- *
- * @param {number} min
- *        The minimum value
- * @param {number} max
- *        The maximum value
- *
- * @return {number}
- *         the clamped number
- */
-var clamp = function clamp(number, min, max) {
-  number = Number(number);
-  return Math.min(max, Math.max(min, isNaN(number) ? min : number));
-};
-
-/**
- * The base functionality for a slider. Can be vertical or horizontal.
- * For instance the volume bar or the seek bar on a video is a slider.
- *
- * @extends Component
- */
-
-var Slider =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Slider, _Component);
-
-  /**
-  * Create an instance of this class
-  *
-  * @param {Player} player
-  *        The `Player` that this class should be attached to.
-  *
-  * @param {Object} [options]
-  *        The key/value store of player options.
-  */
-  function Slider(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this; // Set property names to bar to match with the child Slider class is looking for
-
-    _this.bar = _this.getChild(_this.options_.barName); // Set a horizontal or vertical class on the slider depending on the slider type
-
-    _this.vertical(!!_this.options_.vertical);
-
-    _this.enable();
-
-    return _this;
-  }
-  /**
-   * Are controls are currently enabled for this slider or not.
-   *
-   * @return {boolean}
-   *         true if controls are enabled, false otherwise
-   */
-
-
-  var _proto = Slider.prototype;
-
-  _proto.enabled = function enabled() {
-    return this.enabled_;
-  }
-  /**
-   * Enable controls for this slider if they are disabled
-   */
-  ;
-
-  _proto.enable = function enable() {
-    if (this.enabled()) {
-      return;
-    }
-
-    this.on('mousedown', this.handleMouseDown);
-    this.on('touchstart', this.handleMouseDown);
-    this.on('keydown', this.handleKeyDown);
-    this.on('click', this.handleClick); // TODO: deprecated, controlsvisible does not seem to be fired
-
-    this.on(this.player_, 'controlsvisible', this.update);
-
-    if (this.playerEvent) {
-      this.on(this.player_, this.playerEvent, this.update);
-    }
-
-    this.removeClass('disabled');
-    this.setAttribute('tabindex', 0);
-    this.enabled_ = true;
-  }
-  /**
-   * Disable controls for this slider if they are enabled
-   */
-  ;
-
-  _proto.disable = function disable() {
-    if (!this.enabled()) {
-      return;
-    }
-
-    var doc = this.bar.el_.ownerDocument;
-    this.off('mousedown', this.handleMouseDown);
-    this.off('touchstart', this.handleMouseDown);
-    this.off('keydown', this.handleKeyDown);
-    this.off('click', this.handleClick);
-    this.off(this.player_, 'controlsvisible', this.update);
-    this.off(doc, 'mousemove', this.handleMouseMove);
-    this.off(doc, 'mouseup', this.handleMouseUp);
-    this.off(doc, 'touchmove', this.handleMouseMove);
-    this.off(doc, 'touchend', this.handleMouseUp);
-    this.removeAttribute('tabindex');
-    this.addClass('disabled');
-
-    if (this.playerEvent) {
-      this.off(this.player_, this.playerEvent, this.update);
-    }
-
-    this.enabled_ = false;
-  }
-  /**
-   * Create the `Slider`s DOM element.
-   *
-   * @param {string} type
-   *        Type of element to create.
-   *
-   * @param {Object} [props={}]
-   *        List of properties in Object form.
-   *
-   * @param {Object} [attributes={}]
-   *        list of attributes in Object form.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl(type, props, attributes) {
-    if (props === void 0) {
-      props = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    // Add the slider element class to all sub classes
-    props.className = props.className + ' vjs-slider';
-    props = assign({
-      tabIndex: 0
-    }, props);
-    attributes = assign({
-      'role': 'slider',
-      'aria-valuenow': 0,
-      'aria-valuemin': 0,
-      'aria-valuemax': 100,
-      'tabIndex': 0
-    }, attributes);
-    return _Component.prototype.createEl.call(this, type, props, attributes);
-  }
-  /**
-   * Handle `mousedown` or `touchstart` events on the `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousedown
-   * @listens touchstart
-   * @fires Slider#slideractive
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.bar.el_.ownerDocument;
-
-    if (event.type === 'mousedown') {
-      event.preventDefault();
-    } // Do not call preventDefault() on touchstart in Chrome
-    // to avoid console warnings. Use a 'touch-action: none' style
-    // instead to prevent unintented scrolling.
-    // https://developers.google.com/web/updates/2017/01/scrolling-intervention
-
-
-    if (event.type === 'touchstart' && !IS_CHROME) {
-      event.preventDefault();
-    }
-
-    blockTextSelection();
-    this.addClass('vjs-sliding');
-    /**
-     * Triggered when the slider is in an active state
-     *
-     * @event Slider#slideractive
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('slideractive');
-    this.on(doc, 'mousemove', this.handleMouseMove);
-    this.on(doc, 'mouseup', this.handleMouseUp);
-    this.on(doc, 'touchmove', this.handleMouseMove);
-    this.on(doc, 'touchend', this.handleMouseUp);
-    this.handleMouseMove(event);
-  }
-  /**
-   * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.
-   * The `mousemove` and `touchmove` events will only only trigger this function during
-   * `mousedown` and `touchstart`. This is due to {@link Slider#handleMouseDown} and
-   * {@link Slider#handleMouseUp}.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered
-   *        this function
-   *
-   * @listens mousemove
-   * @listens touchmove
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {}
-  /**
-   * Handle `mouseup` or `touchend` events on the `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mouseup` or `touchend` event that triggered this function.
-   *
-   * @listens touchend
-   * @listens mouseup
-   * @fires Slider#sliderinactive
-   */
-  ;
-
-  _proto.handleMouseUp = function handleMouseUp() {
-    var doc = this.bar.el_.ownerDocument;
-    unblockTextSelection();
-    this.removeClass('vjs-sliding');
-    /**
-     * Triggered when the slider is no longer in an active state.
-     *
-     * @event Slider#sliderinactive
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('sliderinactive');
-    this.off(doc, 'mousemove', this.handleMouseMove);
-    this.off(doc, 'mouseup', this.handleMouseUp);
-    this.off(doc, 'touchmove', this.handleMouseMove);
-    this.off(doc, 'touchend', this.handleMouseUp);
-    this.update();
-  }
-  /**
-   * Update the progress bar of the `Slider`.
-   *
-   * @return {number}
-   *          The percentage of progress the progress bar represents as a
-   *          number from 0 to 1.
-   */
-  ;
-
-  _proto.update = function update() {
-    var _this2 = this;
-
-    // In VolumeBar init we have a setTimeout for update that pops and update
-    // to the end of the execution stack. The player is destroyed before then
-    // update will cause an error
-    // If there's no bar...
-    if (!this.el_ || !this.bar) {
-      return;
-    } // clamp progress between 0 and 1
-    // and only round to four decimal places, as we round to two below
-
-
-    var progress = this.getProgress();
-
-    if (progress === this.progress_) {
-      return;
-    }
-
-    this.progress_ = progress;
-    this.requestAnimationFrame(function () {
-      // Set the new bar width or height
-      var sizeKey = _this2.vertical() ? 'height' : 'width'; // Convert to a percentage for css value
-
-      _this2.bar.el().style[sizeKey] = (progress * 100).toFixed(2) + '%';
-    });
-    return progress;
-  }
-  /**
-   * Get the percentage of the bar that should be filled
-   * but clamped and rounded.
-   *
-   * @return {number}
-   *         percentage filled that the slider is
-   */
-  ;
-
-  _proto.getProgress = function getProgress() {
-    return clamp(this.getPercent(), 0, 1).toFixed(4);
-  }
-  /**
-   * Calculate distance for slider
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run.
-   *
-   * @return {number}
-   *         The current position of the Slider.
-   *         - position.x for vertical `Slider`s
-   *         - position.y for horizontal `Slider`s
-   */
-  ;
-
-  _proto.calculateDistance = function calculateDistance(event) {
-    var position = getPointerPosition(this.el_, event);
-
-    if (this.vertical()) {
-      return position.y;
-    }
-
-    return position.x;
-  }
-  /**
-   * Handle a `keydown` event on the `Slider`. Watches for left, rigth, up, and down
-   * arrow keys. This function will only be called when the slider has focus. See
-   * {@link Slider#handleFocus} and {@link Slider#handleBlur}.
-   *
-   * @param {EventTarget~Event} event
-   *        the `keydown` event that caused this function to run.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Left and Down Arrows
-    if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.stepBack(); // Up and Right Arrows
-    } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.stepForward();
-    } else {
-      // Pass keydown handling up for unsupported keys
-      _Component.prototype.handleKeyDown.call(this, event);
-    }
-  }
-  /**
-   * Listener for click events on slider, used to prevent clicks
-   *   from bubbling up to parent elements like button menus.
-   *
-   * @param {Object} event
-   *        Event that caused this object to run
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    event.stopPropagation();
-    event.preventDefault();
-  }
-  /**
-   * Get/set if slider is horizontal for vertical
-   *
-   * @param {boolean} [bool]
-   *        - true if slider is vertical,
-   *        - false is horizontal
-   *
-   * @return {boolean}
-   *         - true if slider is vertical, and getting
-   *         - false if the slider is horizontal, and getting
-   */
-  ;
-
-  _proto.vertical = function vertical(bool) {
-    if (bool === undefined) {
-      return this.vertical_ || false;
-    }
-
-    this.vertical_ = !!bool;
-
-    if (this.vertical_) {
-      this.addClass('vjs-slider-vertical');
-    } else {
-      this.addClass('vjs-slider-horizontal');
-    }
-  };
-
-  return Slider;
-}(Component);
-
-Component.registerComponent('Slider', Slider);
-
-var percentify = function percentify(time, end) {
-  return clamp(time / end * 100, 0, 100).toFixed(2) + '%';
-};
-/**
- * Shows loading progress
- *
- * @extends Component
- */
-
-
-var LoadProgressBar =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(LoadProgressBar, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function LoadProgressBar(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.partEls_ = [];
-
-    _this.on(player, 'progress', _this.update);
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = LoadProgressBar.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-load-progress'
-    });
-
-    var wrapper = createEl('span', {
-      className: 'vjs-control-text'
-    });
-    var loadedText = createEl('span', {
-      textContent: this.localize('Loaded')
-    });
-    var separator = document.createTextNode(': ');
-    this.percentageEl_ = createEl('span', {
-      className: 'vjs-control-text-loaded-percentage',
-      textContent: '0%'
-    });
-    el.appendChild(wrapper);
-    wrapper.appendChild(loadedText);
-    wrapper.appendChild(separator);
-    wrapper.appendChild(this.percentageEl_);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.partEls_ = null;
-    this.percentageEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Update progress bar
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `progress` event that caused this function to run.
-   *
-   * @listens Player#progress
-   */
-  ;
-
-  _proto.update = function update(event) {
-    var _this2 = this;
-
-    this.requestAnimationFrame(function () {
-      var liveTracker = _this2.player_.liveTracker;
-
-      var buffered = _this2.player_.buffered();
-
-      var duration = liveTracker && liveTracker.isLive() ? liveTracker.seekableEnd() : _this2.player_.duration();
-
-      var bufferedEnd = _this2.player_.bufferedEnd();
-
-      var children = _this2.partEls_;
-      var percent = percentify(bufferedEnd, duration);
-
-      if (_this2.percent_ !== percent) {
-        // update the width of the progress bar
-        _this2.el_.style.width = percent; // update the control-text
-
-        textContent(_this2.percentageEl_, percent);
-        _this2.percent_ = percent;
-      } // add child elements to represent the individual buffered time ranges
-
-
-      for (var i = 0; i < buffered.length; i++) {
-        var start = buffered.start(i);
-        var end = buffered.end(i);
-        var part = children[i];
-
-        if (!part) {
-          part = _this2.el_.appendChild(createEl());
-          children[i] = part;
-        } //  only update if changed
-
-
-        if (part.dataset.start === start && part.dataset.end === end) {
-          continue;
-        }
-
-        part.dataset.start = start;
-        part.dataset.end = end; // set the percent based on the width of the progress bar (bufferedEnd)
-
-        part.style.left = percentify(start, bufferedEnd);
-        part.style.width = percentify(end - start, bufferedEnd);
-      } // remove unused buffered range elements
-
-
-      for (var _i = children.length; _i > buffered.length; _i--) {
-        _this2.el_.removeChild(children[_i - 1]);
-      }
-
-      children.length = buffered.length;
-    });
-  };
-
-  return LoadProgressBar;
-}(Component);
-
-Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-/**
- * Time tooltips display a time above the progress bar.
- *
- * @extends Component
- */
-
-var TimeTooltip =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(TimeTooltip, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The {@link Player} that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function TimeTooltip(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.update = throttle(bind(_assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-    return _this;
-  }
-  /**
-   * Create the time tooltip DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = TimeTooltip.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-tooltip'
-    }, {
-      'aria-hidden': 'true'
-    });
-  }
-  /**
-   * Updates the position of the time tooltip relative to the `SeekBar`.
-   *
-   * @param {Object} seekBarRect
-   *        The `ClientRect` for the {@link SeekBar} element.
-   *
-   * @param {number} seekBarPoint
-   *        A number from 0 to 1, representing a horizontal reference point
-   *        from the left edge of the {@link SeekBar}
-   */
-  ;
-
-  _proto.update = function update(seekBarRect, seekBarPoint, content) {
-    var tooltipRect = getBoundingClientRect(this.el_);
-    var playerRect = getBoundingClientRect(this.player_.el());
-    var seekBarPointPx = seekBarRect.width * seekBarPoint; // do nothing if either rect isn't available
-    // for example, if the player isn't in the DOM for testing
-
-    if (!playerRect || !tooltipRect) {
-      return;
-    } // This is the space left of the `seekBarPoint` available within the bounds
-    // of the player. We calculate any gap between the left edge of the player
-    // and the left edge of the `SeekBar` and add the number of pixels in the
-    // `SeekBar` before hitting the `seekBarPoint`
-
-
-    var spaceLeftOfPoint = seekBarRect.left - playerRect.left + seekBarPointPx; // This is the space right of the `seekBarPoint` available within the bounds
-    // of the player. We calculate the number of pixels from the `seekBarPoint`
-    // to the right edge of the `SeekBar` and add to that any gap between the
-    // right edge of the `SeekBar` and the player.
-
-    var spaceRightOfPoint = seekBarRect.width - seekBarPointPx + (playerRect.right - seekBarRect.right); // This is the number of pixels by which the tooltip will need to be pulled
-    // further to the right to center it over the `seekBarPoint`.
-
-    var pullTooltipBy = tooltipRect.width / 2; // Adjust the `pullTooltipBy` distance to the left or right depending on
-    // the results of the space calculations above.
-
-    if (spaceLeftOfPoint < pullTooltipBy) {
-      pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
-    } else if (spaceRightOfPoint < pullTooltipBy) {
-      pullTooltipBy = spaceRightOfPoint;
-    } // Due to the imprecision of decimal/ratio based calculations and varying
-    // rounding behaviors, there are cases where the spacing adjustment is off
-    // by a pixel or two. This adds insurance to these calculations.
-
-
-    if (pullTooltipBy < 0) {
-      pullTooltipBy = 0;
-    } else if (pullTooltipBy > tooltipRect.width) {
-      pullTooltipBy = tooltipRect.width;
-    }
-
-    this.el_.style.right = "-" + pullTooltipBy + "px";
-    this.write(content);
-  }
-  /**
-   * Write the time to the tooltip DOM element.
-   *
-   * @param {string} content
-   *        The formatted time for the tooltip.
-   */
-  ;
-
-  _proto.write = function write(content) {
-    textContent(this.el_, content);
-  }
-  /**
-   * Updates the position of the time tooltip relative to the `SeekBar`.
-   *
-   * @param {Object} seekBarRect
-   *        The `ClientRect` for the {@link SeekBar} element.
-   *
-   * @param {number} seekBarPoint
-   *        A number from 0 to 1, representing a horizontal reference point
-   *        from the left edge of the {@link SeekBar}
-   *
-   * @param {number} time
-   *        The time to update the tooltip to, not used during live playback
-   *
-   * @param {Function} cb
-   *        A function that will be called during the request animation frame
-   *        for tooltips that need to do additional animations from the default
-   */
-  ;
-
-  _proto.updateTime = function updateTime(seekBarRect, seekBarPoint, time, cb) {
-    var _this2 = this;
-
-    // If there is an existing rAF ID, cancel it so we don't over-queue.
-    if (this.rafId_) {
-      this.cancelAnimationFrame(this.rafId_);
-    }
-
-    this.rafId_ = this.requestAnimationFrame(function () {
-      var content;
-
-      var duration = _this2.player_.duration();
-
-      if (_this2.player_.liveTracker && _this2.player_.liveTracker.isLive()) {
-        var liveWindow = _this2.player_.liveTracker.liveWindow();
-
-        var secondsBehind = liveWindow - seekBarPoint * liveWindow;
-        content = (secondsBehind < 1 ? '' : '-') + formatTime(secondsBehind, liveWindow);
-      } else {
-        content = formatTime(time, duration);
-      }
-
-      _this2.update(seekBarRect, seekBarPoint, content);
-
-      if (cb) {
-        cb();
-      }
-    });
-  };
-
-  return TimeTooltip;
-}(Component);
-
-Component.registerComponent('TimeTooltip', TimeTooltip);
-
-/**
- * Used by {@link SeekBar} to display media playback progress as part of the
- * {@link ProgressControl}.
- *
- * @extends Component
- */
-
-var PlayProgressBar =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(PlayProgressBar, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The {@link Player} that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function PlayProgressBar(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.update = throttle(bind(_assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-    return _this;
-  }
-  /**
-   * Create the the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = PlayProgressBar.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-play-progress vjs-slider-bar'
-    }, {
-      'aria-hidden': 'true'
-    });
-  }
-  /**
-   * Enqueues updates to its own DOM as well as the DOM of its
-   * {@link TimeTooltip} child.
-   *
-   * @param {Object} seekBarRect
-   *        The `ClientRect` for the {@link SeekBar} element.
-   *
-   * @param {number} seekBarPoint
-   *        A number from 0 to 1, representing a horizontal reference point
-   *        from the left edge of the {@link SeekBar}
-   */
-  ;
-
-  _proto.update = function update(seekBarRect, seekBarPoint) {
-    var timeTooltip = this.getChild('timeTooltip');
-
-    if (!timeTooltip) {
-      return;
-    }
-
-    var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-    timeTooltip.updateTime(seekBarRect, seekBarPoint, time);
-  };
-
-  return PlayProgressBar;
-}(Component);
-/**
- * Default options for {@link PlayProgressBar}.
- *
- * @type {Object}
- * @private
- */
-
-
-PlayProgressBar.prototype.options_ = {
-  children: []
-}; // Time tooltips should not be added to a player on mobile devices
-
-if (!IS_IOS && !IS_ANDROID) {
-  PlayProgressBar.prototype.options_.children.push('timeTooltip');
-}
-
-Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-/**
- * The {@link MouseTimeDisplay} component tracks mouse movement over the
- * {@link ProgressControl}. It displays an indicator and a {@link TimeTooltip}
- * indicating the time which is represented by a given point in the
- * {@link ProgressControl}.
- *
- * @extends Component
- */
-
-var MouseTimeDisplay =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(MouseTimeDisplay, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The {@link Player} that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function MouseTimeDisplay(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.update = throttle(bind(_assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-    return _this;
-  }
-  /**
-   * Create the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = MouseTimeDisplay.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-mouse-display'
-    });
-  }
-  /**
-   * Enqueues updates to its own DOM as well as the DOM of its
-   * {@link TimeTooltip} child.
-   *
-   * @param {Object} seekBarRect
-   *        The `ClientRect` for the {@link SeekBar} element.
-   *
-   * @param {number} seekBarPoint
-   *        A number from 0 to 1, representing a horizontal reference point
-   *        from the left edge of the {@link SeekBar}
-   */
-  ;
-
-  _proto.update = function update(seekBarRect, seekBarPoint) {
-    var _this2 = this;
-
-    var time = seekBarPoint * this.player_.duration();
-    this.getChild('timeTooltip').updateTime(seekBarRect, seekBarPoint, time, function () {
-      _this2.el_.style.left = seekBarRect.width * seekBarPoint + "px";
-    });
-  };
-
-  return MouseTimeDisplay;
-}(Component);
-/**
- * Default options for `MouseTimeDisplay`
- *
- * @type {Object}
- * @private
- */
-
-
-MouseTimeDisplay.prototype.options_ = {
-  children: ['timeTooltip']
-};
-Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-var STEP_SECONDS = 5; // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
-
-var PAGE_KEY_MULTIPLIER = 12; // The interval at which the bar should update as it progresses.
-
-var UPDATE_REFRESH_INTERVAL$1 = 30;
-/**
- * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
- * as its `bar`.
- *
- * @extends Slider
- */
-
-var SeekBar =
-/*#__PURE__*/
-function (_Slider) {
-  _inheritsLoose(SeekBar, _Slider);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function SeekBar(player, options) {
-    var _this;
-
-    _this = _Slider.call(this, player, options) || this;
-
-    _this.setEventHandlers_();
-
-    return _this;
-  }
-  /**
-   * Sets the event handlers
-   *
-   * @private
-   */
-
-
-  var _proto = SeekBar.prototype;
-
-  _proto.setEventHandlers_ = function setEventHandlers_() {
-    this.update_ = bind(this, this.update);
-    this.update = throttle(this.update_, UPDATE_REFRESH_INTERVAL$1);
-    this.on(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
-
-    if (this.player_.liveTracker) {
-      this.on(this.player_.liveTracker, 'liveedgechange', this.update);
-    } // when playing, let's ensure we smoothly update the play progress bar
-    // via an interval
-
-
-    this.updateInterval = null;
-    this.on(this.player_, ['playing'], this.enableInterval_);
-    this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableInterval_); // we don't need to update the play progress if the document is hidden,
-    // also, this causes the CPU to spike and eventually crash the page on IE11.
-
-    if ('hidden' in document && 'visibilityState' in document) {
-      this.on(document, 'visibilitychange', this.toggleVisibility_);
-    }
-  };
-
-  _proto.toggleVisibility_ = function toggleVisibility_(e) {
-    if (document.hidden) {
-      this.disableInterval_(e);
-    } else {
-      this.enableInterval_(); // we just switched back to the page and someone may be looking, so, update ASAP
-
-      this.update();
-    }
-  };
-
-  _proto.enableInterval_ = function enableInterval_() {
-    if (this.updateInterval) {
-      return;
-    }
-
-    this.updateInterval = this.setInterval(this.update, UPDATE_REFRESH_INTERVAL$1);
-  };
-
-  _proto.disableInterval_ = function disableInterval_(e) {
-    if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e.type !== 'ended') {
-      return;
-    }
-
-    if (!this.updateInterval) {
-      return;
-    }
-
-    this.clearInterval(this.updateInterval);
-    this.updateInterval = null;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    return _Slider.prototype.createEl.call(this, 'div', {
-      className: 'vjs-progress-holder'
-    }, {
-      'aria-label': this.localize('Progress Bar')
-    });
-  }
-  /**
-   * This function updates the play progress bar and accessibility
-   * attributes to whatever is passed in.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   *
-   * @return {number}
-   *          The current percent at a number from 0-1
-   */
-  ;
-
-  _proto.update = function update(event) {
-    var _this2 = this;
-
-    var percent = _Slider.prototype.update.call(this);
-
-    this.requestAnimationFrame(function () {
-      var currentTime = _this2.player_.ended() ? _this2.player_.duration() : _this2.getCurrentTime_();
-      var liveTracker = _this2.player_.liveTracker;
-
-      var duration = _this2.player_.duration();
-
-      if (liveTracker && liveTracker.isLive()) {
-        duration = _this2.player_.liveTracker.liveCurrentTime();
-      }
-
-      if (_this2.percent_ !== percent) {
-        // machine readable value of progress bar (percentage complete)
-        _this2.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-        _this2.percent_ = percent;
-      }
-
-      if (_this2.currentTime_ !== currentTime || _this2.duration_ !== duration) {
-        // human readable value of progress bar (time complete)
-        _this2.el_.setAttribute('aria-valuetext', _this2.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-        _this2.currentTime_ = currentTime;
-        _this2.duration_ = duration;
-      }
-    });
-    return percent;
-  }
-  /**
-   * Get the value of current time but allows for smooth scrubbing,
-   * when player can't keep up.
-   *
-   * @return {number}
-   *         The current time value to display
-   *
-   * @private
-   */
-  ;
-
-  _proto.getCurrentTime_ = function getCurrentTime_() {
-    return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-  }
-  /**
-   * Get the percentage of media played so far.
-   *
-   * @return {number}
-   *         The percentage of media played so far (0 to 1).
-   */
-  ;
-
-  _proto.getPercent = function getPercent() {
-    var currentTime = this.getCurrentTime_();
-    var percent;
-    var liveTracker = this.player_.liveTracker;
-
-    if (liveTracker && liveTracker.isLive()) {
-      percent = (currentTime - liveTracker.seekableStart()) / liveTracker.liveWindow(); // prevent the percent from changing at the live edge
-
-      if (liveTracker.atLiveEdge()) {
-        percent = 1;
-      }
-    } else {
-      percent = currentTime / this.player_.duration();
-    }
-
-    return percent;
-  }
-  /**
-   * Handle mouse down on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousedown` event that caused this to run.
-   *
-   * @listens mousedown
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    } // Stop event propagation to prevent double fire in progress-control.js
-
-
-    event.stopPropagation();
-    this.player_.scrubbing(true);
-    this.videoWasPlaying = !this.player_.paused();
-    this.player_.pause();
-
-    _Slider.prototype.handleMouseDown.call(this, event);
-  }
-  /**
-   * Handle mouse move on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousemove` event that caused this to run.
-   *
-   * @listens mousemove
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    var newTime;
-    var distance = this.calculateDistance(event);
-    var liveTracker = this.player_.liveTracker;
-
-    if (!liveTracker || !liveTracker.isLive()) {
-      newTime = distance * this.player_.duration(); // Don't let video end while scrubbing.
-
-      if (newTime === this.player_.duration()) {
-        newTime = newTime - 0.1;
-      }
-    } else {
-      var seekableStart = liveTracker.seekableStart();
-      var seekableEnd = liveTracker.liveCurrentTime();
-      newTime = seekableStart + distance * liveTracker.liveWindow(); // Don't let video end while scrubbing.
-
-      if (newTime >= seekableEnd) {
-        newTime = seekableEnd;
-      } // Compensate for precision differences so that currentTime is not less
-      // than seekable start
-
-
-      if (newTime <= seekableStart) {
-        newTime = seekableStart + 0.1;
-      } // On android seekableEnd can be Infinity sometimes,
-      // this will cause newTime to be Infinity, which is
-      // not a valid currentTime.
-
-
-      if (newTime === Infinity) {
-        return;
-      }
-    } // Set new time (tell player to seek to new time)
-
-
-    this.player_.currentTime(newTime);
-  };
-
-  _proto.enable = function enable() {
-    _Slider.prototype.enable.call(this);
-
-    var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-    if (!mouseTimeDisplay) {
-      return;
-    }
-
-    mouseTimeDisplay.show();
-  };
-
-  _proto.disable = function disable() {
-    _Slider.prototype.disable.call(this);
-
-    var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-    if (!mouseTimeDisplay) {
-      return;
-    }
-
-    mouseTimeDisplay.hide();
-  }
-  /**
-   * Handle mouse up on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mouseup` event that caused this to run.
-   *
-   * @listens mouseup
-   */
-  ;
-
-  _proto.handleMouseUp = function handleMouseUp(event) {
-    _Slider.prototype.handleMouseUp.call(this, event); // Stop event propagation to prevent double fire in progress-control.js
-
-
-    if (event) {
-      event.stopPropagation();
-    }
-
-    this.player_.scrubbing(false);
-    /**
-     * Trigger timeupdate because we're done seeking and the time has changed.
-     * This is particularly useful for if the player is paused to time the time displays.
-     *
-     * @event Tech#timeupdate
-     * @type {EventTarget~Event}
-     */
-
-    this.player_.trigger({
-      type: 'timeupdate',
-      target: this,
-      manuallyTriggered: true
-    });
-
-    if (this.videoWasPlaying) {
-      silencePromise(this.player_.play());
-    } else {
-      // We're done seeking and the time has changed.
-      // If the player is paused, make sure we display the correct time on the seek bar.
-      this.update_();
-    }
-  }
-  /**
-   * Move more quickly fast forward for keyboard-only users
-   */
-  ;
-
-  _proto.stepForward = function stepForward() {
-    this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-  }
-  /**
-   * Move more quickly rewind for keyboard-only users
-   */
-  ;
-
-  _proto.stepBack = function stepBack() {
-    this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS);
-  }
-  /**
-   * Toggles the playback state of the player
-   * This gets called when enter or space is used on the seekbar
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called
-   *
-   */
-  ;
-
-  _proto.handleAction = function handleAction(event) {
-    if (this.player_.paused()) {
-      this.player_.play();
-    } else {
-      this.player_.pause();
-    }
-  }
-  /**
-   * Called when this SeekBar has focus and a key gets pressed down.
-   * Supports the following keys:
-   *
-   *   Space or Enter key fire a click event
-   *   Home key moves to start of the timeline
-   *   End key moves to end of the timeline
-   *   Digit "0" through "9" keys move to 0%, 10% ... 80%, 90% of the timeline
-   *   PageDown key moves back a larger step than ArrowDown
-   *   PageUp key moves forward a large step
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.handleAction(event);
-    } else if (keycode.isEventKey(event, 'Home')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.player_.currentTime(0);
-    } else if (keycode.isEventKey(event, 'End')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.player_.currentTime(this.player_.duration());
-    } else if (/^[0-9]$/.test(keycode(event))) {
-      event.preventDefault();
-      event.stopPropagation();
-      var gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;
-      this.player_.currentTime(this.player_.duration() * gotoFraction);
-    } else if (keycode.isEventKey(event, 'PgDn')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-    } else if (keycode.isEventKey(event, 'PgUp')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-    } else {
-      // Pass keydown handling up for unsupported keys
-      _Slider.prototype.handleKeyDown.call(this, event);
-    }
-  };
-
-  return SeekBar;
-}(Slider);
-/**
- * Default options for the `SeekBar`
- *
- * @type {Object}
- * @private
- */
-
-
-SeekBar.prototype.options_ = {
-  children: ['loadProgressBar', 'playProgressBar'],
-  barName: 'playProgressBar'
-}; // MouseTimeDisplay tooltips should not be added to a player on mobile devices
-
-if (!IS_IOS && !IS_ANDROID) {
-  SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-}
-
-Component.registerComponent('SeekBar', SeekBar);
-
-/**
- * The Progress Control component contains the seek bar, load progress,
- * and play progress.
- *
- * @extends Component
- */
-
-var ProgressControl =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ProgressControl, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function ProgressControl(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-    _this.handleMouseMove = throttle(bind(_assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-    _this.throttledHandleMouseSeek = throttle(bind(_assertThisInitialized(_this), _this.handleMouseSeek), UPDATE_REFRESH_INTERVAL);
-
-    _this.enable();
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = ProgressControl.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-progress-control vjs-control'
-    });
-  }
-  /**
-   * When the mouse moves over the `ProgressControl`, the pointer position
-   * gets passed down to the `MouseTimeDisplay` component.
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousemove` event that caused this function to run.
-   *
-   * @listen mousemove
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {
-    var seekBar = this.getChild('seekBar');
-
-    if (!seekBar) {
-      return;
-    }
-
-    var playProgressBar = seekBar.getChild('playProgressBar');
-    var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-
-    if (!playProgressBar && !mouseTimeDisplay) {
-      return;
-    }
-
-    var seekBarEl = seekBar.el();
-    var seekBarRect = getBoundingClientRect(seekBarEl);
-    var seekBarPoint = getPointerPosition(seekBarEl, event).x; // The default skin has a gap on either side of the `SeekBar`. This means
-    // that it's possible to trigger this behavior outside the boundaries of
-    // the `SeekBar`. This ensures we stay within it at all times.
-
-    seekBarPoint = clamp(0, 1, seekBarPoint);
-
-    if (mouseTimeDisplay) {
-      mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-    }
-
-    if (playProgressBar) {
-      playProgressBar.update(seekBarRect, seekBar.getProgress());
-    }
-  }
-  /**
-   * A throttled version of the {@link ProgressControl#handleMouseSeek} listener.
-   *
-   * @method ProgressControl#throttledHandleMouseSeek
-   * @param {EventTarget~Event} event
-   *        The `mousemove` event that caused this function to run.
-   *
-   * @listen mousemove
-   * @listen touchmove
-   */
-
-  /**
-   * Handle `mousemove` or `touchmove` events on the `ProgressControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousemove
-   * @listens touchmove
-   */
-  ;
-
-  _proto.handleMouseSeek = function handleMouseSeek(event) {
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      seekBar.handleMouseMove(event);
-    }
-  }
-  /**
-   * Are controls are currently enabled for this progress control.
-   *
-   * @return {boolean}
-   *         true if controls are enabled, false otherwise
-   */
-  ;
-
-  _proto.enabled = function enabled() {
-    return this.enabled_;
-  }
-  /**
-   * Disable all controls on the progress control and its children
-   */
-  ;
-
-  _proto.disable = function disable() {
-    this.children().forEach(function (child) {
-      return child.disable && child.disable();
-    });
-
-    if (!this.enabled()) {
-      return;
-    }
-
-    this.off(['mousedown', 'touchstart'], this.handleMouseDown);
-    this.off(this.el_, 'mousemove', this.handleMouseMove);
-    this.handleMouseUp();
-    this.addClass('disabled');
-    this.enabled_ = false;
-  }
-  /**
-   * Enable all controls on the progress control and its children
-   */
-  ;
-
-  _proto.enable = function enable() {
-    this.children().forEach(function (child) {
-      return child.enable && child.enable();
-    });
-
-    if (this.enabled()) {
-      return;
-    }
-
-    this.on(['mousedown', 'touchstart'], this.handleMouseDown);
-    this.on(this.el_, 'mousemove', this.handleMouseMove);
-    this.removeClass('disabled');
-    this.enabled_ = true;
-  }
-  /**
-   * Handle `mousedown` or `touchstart` events on the `ProgressControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousedown
-   * @listens touchstart
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.el_.ownerDocument;
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      seekBar.handleMouseDown(event);
-    }
-
-    this.on(doc, 'mousemove', this.throttledHandleMouseSeek);
-    this.on(doc, 'touchmove', this.throttledHandleMouseSeek);
-    this.on(doc, 'mouseup', this.handleMouseUp);
-    this.on(doc, 'touchend', this.handleMouseUp);
-  }
-  /**
-   * Handle `mouseup` or `touchend` events on the `ProgressControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mouseup` or `touchend` event that triggered this function.
-   *
-   * @listens touchend
-   * @listens mouseup
-   */
-  ;
-
-  _proto.handleMouseUp = function handleMouseUp(event) {
-    var doc = this.el_.ownerDocument;
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      seekBar.handleMouseUp(event);
-    }
-
-    this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
-    this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
-    this.off(doc, 'mouseup', this.handleMouseUp);
-    this.off(doc, 'touchend', this.handleMouseUp);
-  };
-
-  return ProgressControl;
-}(Component);
-/**
- * Default options for `ProgressControl`
- *
- * @type {Object}
- * @private
- */
-
-
-ProgressControl.prototype.options_ = {
-  children: ['seekBar']
-};
-Component.registerComponent('ProgressControl', ProgressControl);
-
-/**
- * Toggle Picture-in-Picture mode
- *
- * @extends Button
- */
-
-var PictureInPictureToggle =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(PictureInPictureToggle, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @listens Player#enterpictureinpicture
-   * @listens Player#leavepictureinpicture
-   */
-  function PictureInPictureToggle(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-
-    _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], _this.handlePictureInPictureChange); // TODO: Activate button on player loadedmetadata event.
-    // TODO: Deactivate button on player emptied event.
-    // TODO: Deactivate button if disablepictureinpicture attribute is present.
-
-
-    if (!document.pictureInPictureEnabled) {
-      _this.disable();
-    }
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = PictureInPictureToggle.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-picture-in-picture-control " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Handles enterpictureinpicture and leavepictureinpicture on the player and change control text accordingly.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link Player#enterpictureinpicture} or {@link Player#leavepictureinpicture} event that caused this function to be
-   *        called.
-   *
-   * @listens Player#enterpictureinpicture
-   * @listens Player#leavepictureinpicture
-   */
-  ;
-
-  _proto.handlePictureInPictureChange = function handlePictureInPictureChange(event) {
-    if (this.player_.isInPictureInPicture()) {
-      this.controlText('Exit Picture-in-Picture');
-    } else {
-      this.controlText('Picture-in-Picture');
-    }
-  }
-  /**
-   * This gets called when an `PictureInPictureToggle` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (!this.player_.isInPictureInPicture()) {
-      this.player_.requestPictureInPicture();
-    } else {
-      this.player_.exitPictureInPicture();
-    }
-  };
-
-  return PictureInPictureToggle;
-}(Button);
-/**
- * The text that should display over the `PictureInPictureToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-PictureInPictureToggle.prototype.controlText_ = 'Picture-in-Picture';
-Component.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
-
-/**
- * Toggle fullscreen video
- *
- * @extends Button
- */
-
-var FullscreenToggle =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(FullscreenToggle, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function FullscreenToggle(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this;
-
-    _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-
-    if (document[player.fsApi_.fullscreenEnabled] === false) {
-      _this.disable();
-    }
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = FullscreenToggle.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-fullscreen-control " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Handles fullscreenchange on the player and change control text accordingly.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link Player#fullscreenchange} event that caused this function to be
-   *        called.
-   *
-   * @listens Player#fullscreenchange
-   */
-  ;
-
-  _proto.handleFullscreenChange = function handleFullscreenChange(event) {
-    if (this.player_.isFullscreen()) {
-      this.controlText('Non-Fullscreen');
-    } else {
-      this.controlText('Fullscreen');
-    }
-  }
-  /**
-   * This gets called when an `FullscreenToggle` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (!this.player_.isFullscreen()) {
-      this.player_.requestFullscreen();
-    } else {
-      this.player_.exitFullscreen();
-    }
-  };
-
-  return FullscreenToggle;
-}(Button);
-/**
- * The text that should display over the `FullscreenToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-FullscreenToggle.prototype.controlText_ = 'Fullscreen';
-Component.registerComponent('FullscreenToggle', FullscreenToggle);
-
-/**
- * Check if volume control is supported and if it isn't hide the
- * `Component` that was passed  using the `vjs-hidden` class.
- *
- * @param {Component} self
- *        The component that should be hidden if volume is unsupported
- *
- * @param {Player} player
- *        A reference to the player
- *
- * @private
- */
-var checkVolumeSupport = function checkVolumeSupport(self, player) {
-  // hide volume controls when they're not supported by the current tech
-  if (player.tech_ && !player.tech_.featuresVolumeControl) {
-    self.addClass('vjs-hidden');
-  }
-
-  self.on(player, 'loadstart', function () {
-    if (!player.tech_.featuresVolumeControl) {
-      self.addClass('vjs-hidden');
-    } else {
-      self.removeClass('vjs-hidden');
-    }
-  });
-};
-
-/**
- * Shows volume level
- *
- * @extends Component
- */
-
-var VolumeLevel =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(VolumeLevel, _Component);
-
-  function VolumeLevel() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = VolumeLevel.prototype;
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-volume-level',
-      innerHTML: '<span class="vjs-control-text"></span>'
-    });
-  };
-
-  return VolumeLevel;
-}(Component);
-
-Component.registerComponent('VolumeLevel', VolumeLevel);
-
-/**
- * The bar that contains the volume level and can be clicked on to adjust the level
- *
- * @extends Slider
- */
-
-var VolumeBar =
-/*#__PURE__*/
-function (_Slider) {
-  _inheritsLoose(VolumeBar, _Slider);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function VolumeBar(player, options) {
-    var _this;
-
-    _this = _Slider.call(this, player, options) || this;
-
-    _this.on('slideractive', _this.updateLastVolume_);
-
-    _this.on(player, 'volumechange', _this.updateARIAAttributes);
-
-    player.ready(function () {
-      return _this.updateARIAAttributes();
-    });
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = VolumeBar.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Slider.prototype.createEl.call(this, 'div', {
-      className: 'vjs-volume-bar vjs-slider-bar'
-    }, {
-      'aria-label': this.localize('Volume Level'),
-      'aria-live': 'polite'
-    });
-  }
-  /**
-   * Handle mouse down on volume bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousedown` event that caused this to run.
-   *
-   * @listens mousedown
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    _Slider.prototype.handleMouseDown.call(this, event);
-  }
-  /**
-   * Handle movement events on the {@link VolumeMenuButton}.
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run.
-   *
-   * @listens mousemove
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    this.checkMuted();
-    this.player_.volume(this.calculateDistance(event));
-  }
-  /**
-   * If the player is muted unmute it.
-   */
-  ;
-
-  _proto.checkMuted = function checkMuted() {
-    if (this.player_.muted()) {
-      this.player_.muted(false);
-    }
-  }
-  /**
-   * Get percent of volume level
-   *
-   * @return {number}
-   *         Volume level percent as a decimal number.
-   */
-  ;
-
-  _proto.getPercent = function getPercent() {
-    if (this.player_.muted()) {
-      return 0;
-    }
-
-    return this.player_.volume();
-  }
-  /**
-   * Increase volume level for keyboard users
-   */
-  ;
-
-  _proto.stepForward = function stepForward() {
-    this.checkMuted();
-    this.player_.volume(this.player_.volume() + 0.1);
-  }
-  /**
-   * Decrease volume level for keyboard users
-   */
-  ;
-
-  _proto.stepBack = function stepBack() {
-    this.checkMuted();
-    this.player_.volume(this.player_.volume() - 0.1);
-  }
-  /**
-   * Update ARIA accessibility attributes
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `volumechange` event that caused this function to run.
-   *
-   * @listens Player#volumechange
-   */
-  ;
-
-  _proto.updateARIAAttributes = function updateARIAAttributes(event) {
-    var ariaValue = this.player_.muted() ? 0 : this.volumeAsPercentage_();
-    this.el_.setAttribute('aria-valuenow', ariaValue);
-    this.el_.setAttribute('aria-valuetext', ariaValue + '%');
-  }
-  /**
-   * Returns the current value of the player volume as a percentage
-   *
-   * @private
-   */
-  ;
-
-  _proto.volumeAsPercentage_ = function volumeAsPercentage_() {
-    return Math.round(this.player_.volume() * 100);
-  }
-  /**
-   * When user starts dragging the VolumeBar, store the volume and listen for
-   * the end of the drag. When the drag ends, if the volume was set to zero,
-   * set lastVolume to the stored volume.
-   *
-   * @listens slideractive
-   * @private
-   */
-  ;
-
-  _proto.updateLastVolume_ = function updateLastVolume_() {
-    var _this2 = this;
-
-    var volumeBeforeDrag = this.player_.volume();
-    this.one('sliderinactive', function () {
-      if (_this2.player_.volume() === 0) {
-        _this2.player_.lastVolume_(volumeBeforeDrag);
-      }
-    });
-  };
-
-  return VolumeBar;
-}(Slider);
-/**
- * Default options for the `VolumeBar`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumeBar.prototype.options_ = {
-  children: ['volumeLevel'],
-  barName: 'volumeLevel'
-};
-/**
- * Call the update event for this Slider when this event happens on the player.
- *
- * @type {string}
- */
-
-VolumeBar.prototype.playerEvent = 'volumechange';
-Component.registerComponent('VolumeBar', VolumeBar);
-
-/**
- * The component for controlling the volume level
- *
- * @extends Component
- */
-
-var VolumeControl =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(VolumeControl, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function VolumeControl(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    options.vertical = options.vertical || false; // Pass the vertical option down to the VolumeBar if
-    // the VolumeBar is turned on.
-
-    if (typeof options.volumeBar === 'undefined' || isPlain(options.volumeBar)) {
-      options.volumeBar = options.volumeBar || {};
-      options.volumeBar.vertical = options.vertical;
-    }
-
-    _this = _Component.call(this, player, options) || this; // hide this control if volume support is missing
-
-    checkVolumeSupport(_assertThisInitialized(_this), player);
-    _this.throttledHandleMouseMove = throttle(bind(_assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-
-    _this.on('mousedown', _this.handleMouseDown);
-
-    _this.on('touchstart', _this.handleMouseDown); // while the slider is active (the mouse has been pressed down and
-    // is dragging) or in focus we do not want to hide the VolumeBar
-
-
-    _this.on(_this.volumeBar, ['focus', 'slideractive'], function () {
-      _this.volumeBar.addClass('vjs-slider-active');
-
-      _this.addClass('vjs-slider-active');
-
-      _this.trigger('slideractive');
-    });
-
-    _this.on(_this.volumeBar, ['blur', 'sliderinactive'], function () {
-      _this.volumeBar.removeClass('vjs-slider-active');
-
-      _this.removeClass('vjs-slider-active');
-
-      _this.trigger('sliderinactive');
-    });
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = VolumeControl.prototype;
-
-  _proto.createEl = function createEl() {
-    var orientationClass = 'vjs-volume-horizontal';
-
-    if (this.options_.vertical) {
-      orientationClass = 'vjs-volume-vertical';
-    }
-
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: "vjs-volume-control vjs-control " + orientationClass
-    });
-  }
-  /**
-   * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousedown
-   * @listens touchstart
-   */
-  ;
-
-  _proto.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.el_.ownerDocument;
-    this.on(doc, 'mousemove', this.throttledHandleMouseMove);
-    this.on(doc, 'touchmove', this.throttledHandleMouseMove);
-    this.on(doc, 'mouseup', this.handleMouseUp);
-    this.on(doc, 'touchend', this.handleMouseUp);
-  }
-  /**
-   * Handle `mouseup` or `touchend` events on the `VolumeControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mouseup` or `touchend` event that triggered this function.
-   *
-   * @listens touchend
-   * @listens mouseup
-   */
-  ;
-
-  _proto.handleMouseUp = function handleMouseUp(event) {
-    var doc = this.el_.ownerDocument;
-    this.off(doc, 'mousemove', this.throttledHandleMouseMove);
-    this.off(doc, 'touchmove', this.throttledHandleMouseMove);
-    this.off(doc, 'mouseup', this.handleMouseUp);
-    this.off(doc, 'touchend', this.handleMouseUp);
-  }
-  /**
-   * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        `mousedown` or `touchstart` event that triggered this function
-   *
-   * @listens mousedown
-   * @listens touchstart
-   */
-  ;
-
-  _proto.handleMouseMove = function handleMouseMove(event) {
-    this.volumeBar.handleMouseMove(event);
-  };
-
-  return VolumeControl;
-}(Component);
-/**
- * Default options for the `VolumeControl`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumeControl.prototype.options_ = {
-  children: ['volumeBar']
-};
-Component.registerComponent('VolumeControl', VolumeControl);
-
-/**
- * Check if muting volume is supported and if it isn't hide the mute toggle
- * button.
- *
- * @param {Component} self
- *        A reference to the mute toggle button
- *
- * @param {Player} player
- *        A reference to the player
- *
- * @private
- */
-var checkMuteSupport = function checkMuteSupport(self, player) {
-  // hide mute toggle button if it's not supported by the current tech
-  if (player.tech_ && !player.tech_.featuresMuteControl) {
-    self.addClass('vjs-hidden');
-  }
-
-  self.on(player, 'loadstart', function () {
-    if (!player.tech_.featuresMuteControl) {
-      self.addClass('vjs-hidden');
-    } else {
-      self.removeClass('vjs-hidden');
-    }
-  });
-};
-
-/**
- * A button component for muting the audio.
- *
- * @extends Button
- */
-
-var MuteToggle =
-/*#__PURE__*/
-function (_Button) {
-  _inheritsLoose(MuteToggle, _Button);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function MuteToggle(player, options) {
-    var _this;
-
-    _this = _Button.call(this, player, options) || this; // hide this control if volume support is missing
-
-    checkMuteSupport(_assertThisInitialized(_this), player);
-
-    _this.on(player, ['loadstart', 'volumechange'], _this.update);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = MuteToggle.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-mute-control " + _Button.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * This gets called when an `MuteToggle` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    var vol = this.player_.volume();
-    var lastVolume = this.player_.lastVolume_();
-
-    if (vol === 0) {
-      var volumeToSet = lastVolume < 0.1 ? 0.1 : lastVolume;
-      this.player_.volume(volumeToSet);
-      this.player_.muted(false);
-    } else {
-      this.player_.muted(this.player_.muted() ? false : true);
-    }
-  }
-  /**
-   * Update the `MuteToggle` button based on the state of `volume` and `muted`
-   * on the player.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link Player#loadstart} event if this function was called
-   *        through an event.
-   *
-   * @listens Player#loadstart
-   * @listens Player#volumechange
-   */
-  ;
-
-  _proto.update = function update(event) {
-    this.updateIcon_();
-    this.updateControlText_();
-  }
-  /**
-   * Update the appearance of the `MuteToggle` icon.
-   *
-   * Possible states (given `level` variable below):
-   * - 0: crossed out
-   * - 1: zero bars of volume
-   * - 2: one bar of volume
-   * - 3: two bars of volume
-   *
-   * @private
-   */
-  ;
-
-  _proto.updateIcon_ = function updateIcon_() {
-    var vol = this.player_.volume();
-    var level = 3; // in iOS when a player is loaded with muted attribute
-    // and volume is changed with a native mute button
-    // we want to make sure muted state is updated
-
-    if (IS_IOS && this.player_.tech_ && this.player_.tech_.el_) {
-      this.player_.muted(this.player_.tech_.el_.muted);
-    }
-
-    if (vol === 0 || this.player_.muted()) {
-      level = 0;
-    } else if (vol < 0.33) {
-      level = 1;
-    } else if (vol < 0.67) {
-      level = 2;
-    } // TODO improve muted icon classes
-
-
-    for (var i = 0; i < 4; i++) {
-      removeClass(this.el_, "vjs-vol-" + i);
-    }
-
-    addClass(this.el_, "vjs-vol-" + level);
-  }
-  /**
-   * If `muted` has changed on the player, update the control text
-   * (`title` attribute on `vjs-mute-control` element and content of
-   * `vjs-control-text` element).
-   *
-   * @private
-   */
-  ;
-
-  _proto.updateControlText_ = function updateControlText_() {
-    var soundOff = this.player_.muted() || this.player_.volume() === 0;
-    var text = soundOff ? 'Unmute' : 'Mute';
-
-    if (this.controlText() !== text) {
-      this.controlText(text);
-    }
-  };
-
-  return MuteToggle;
-}(Button);
-/**
- * The text that should display over the `MuteToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-MuteToggle.prototype.controlText_ = 'Mute';
-Component.registerComponent('MuteToggle', MuteToggle);
-
-/**
- * A Component to contain the MuteToggle and VolumeControl so that
- * they can work together.
- *
- * @extends Component
- */
-
-var VolumePanel =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(VolumePanel, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function VolumePanel(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    if (typeof options.inline !== 'undefined') {
-      options.inline = options.inline;
-    } else {
-      options.inline = true;
-    } // pass the inline option down to the VolumeControl as vertical if
-    // the VolumeControl is on.
-
-
-    if (typeof options.volumeControl === 'undefined' || isPlain(options.volumeControl)) {
-      options.volumeControl = options.volumeControl || {};
-      options.volumeControl.vertical = !options.inline;
-    }
-
-    _this = _Component.call(this, player, options) || this;
-
-    _this.on(player, ['loadstart'], _this.volumePanelState_);
-
-    _this.on(_this.muteToggle, 'keyup', _this.handleKeyPress);
-
-    _this.on(_this.volumeControl, 'keyup', _this.handleVolumeControlKeyUp);
-
-    _this.on('keydown', _this.handleKeyPress);
-
-    _this.on('mouseover', _this.handleMouseOver);
-
-    _this.on('mouseout', _this.handleMouseOut); // while the slider is active (the mouse has been pressed down and
-    // is dragging) we do not want to hide the VolumeBar
-
-
-    _this.on(_this.volumeControl, ['slideractive'], _this.sliderActive_);
-
-    _this.on(_this.volumeControl, ['sliderinactive'], _this.sliderInactive_);
-
-    return _this;
-  }
-  /**
-   * Add vjs-slider-active class to the VolumePanel
-   *
-   * @listens VolumeControl#slideractive
-   * @private
-   */
-
-
-  var _proto = VolumePanel.prototype;
-
-  _proto.sliderActive_ = function sliderActive_() {
-    this.addClass('vjs-slider-active');
-  }
-  /**
-   * Removes vjs-slider-active class to the VolumePanel
-   *
-   * @listens VolumeControl#sliderinactive
-   * @private
-   */
-  ;
-
-  _proto.sliderInactive_ = function sliderInactive_() {
-    this.removeClass('vjs-slider-active');
-  }
-  /**
-   * Adds vjs-hidden or vjs-mute-toggle-only to the VolumePanel
-   * depending on MuteToggle and VolumeControl state
-   *
-   * @listens Player#loadstart
-   * @private
-   */
-  ;
-
-  _proto.volumePanelState_ = function volumePanelState_() {
-    // hide volume panel if neither volume control or mute toggle
-    // are displayed
-    if (this.volumeControl.hasClass('vjs-hidden') && this.muteToggle.hasClass('vjs-hidden')) {
-      this.addClass('vjs-hidden');
-    } // if only mute toggle is visible we don't want
-    // volume panel expanding when hovered or active
-
-
-    if (this.volumeControl.hasClass('vjs-hidden') && !this.muteToggle.hasClass('vjs-hidden')) {
-      this.addClass('vjs-mute-toggle-only');
-    }
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    var orientationClass = 'vjs-volume-panel-horizontal';
-
-    if (!this.options_.inline) {
-      orientationClass = 'vjs-volume-panel-vertical';
-    }
-
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: "vjs-volume-panel vjs-control " + orientationClass
-    });
-  }
-  /**
-   * Dispose of the `volume-panel` and all child components.
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    this.handleMouseOut();
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Handles `keyup` events on the `VolumeControl`, looking for ESC, which closes
-   * the volume panel and sets focus on `MuteToggle`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keyup` event that caused this function to be called.
-   *
-   * @listens keyup
-   */
-  ;
-
-  _proto.handleVolumeControlKeyUp = function handleVolumeControlKeyUp(event) {
-    if (keycode.isEventKey(event, 'Esc')) {
-      this.muteToggle.focus();
-    }
-  }
-  /**
-   * This gets called when a `VolumePanel` gains hover via a `mouseover` event.
-   * Turns on listening for `mouseover` event. When they happen it
-   * calls `this.handleMouseOver`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `mouseover` event that caused this function to be called.
-   *
-   * @listens mouseover
-   */
-  ;
-
-  _proto.handleMouseOver = function handleMouseOver(event) {
-    this.addClass('vjs-hover');
-    on(document, 'keyup', bind(this, this.handleKeyPress));
-  }
-  /**
-   * This gets called when a `VolumePanel` gains hover via a `mouseout` event.
-   * Turns on listening for `mouseout` event. When they happen it
-   * calls `this.handleMouseOut`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `mouseout` event that caused this function to be called.
-   *
-   * @listens mouseout
-   */
-  ;
-
-  _proto.handleMouseOut = function handleMouseOut(event) {
-    this.removeClass('vjs-hover');
-    off(document, 'keyup', bind(this, this.handleKeyPress));
-  }
-  /**
-   * Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
-   * looking for ESC, which hides the `VolumeControl`.
-   *
-   * @param {EventTarget~Event} event
-   *        The keypress that triggered this event.
-   *
-   * @listens keydown | keyup
-   */
-  ;
-
-  _proto.handleKeyPress = function handleKeyPress(event) {
-    if (keycode.isEventKey(event, 'Esc')) {
-      this.handleMouseOut();
-    }
-  };
-
-  return VolumePanel;
-}(Component);
-/**
- * Default options for the `VolumeControl`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumePanel.prototype.options_ = {
-  children: ['muteToggle', 'volumeControl']
-};
-Component.registerComponent('VolumePanel', VolumePanel);
-
-/**
- * The Menu component is used to build popup menus, including subtitle and
- * captions selection menus.
- *
- * @extends Component
- */
-
-var Menu =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Menu, _Component);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Player} player
-   *        the player that this component should attach to
-   *
-   * @param {Object} [options]
-   *        Object of option names and values
-   *
-   */
-  function Menu(player, options) {
-    var _this;
-
-    _this = _Component.call(this, player, options) || this;
-
-    if (options) {
-      _this.menuButton_ = options.menuButton;
-    }
-
-    _this.focusedChild_ = -1;
-
-    _this.on('keydown', _this.handleKeyDown); // All the menu item instances share the same blur handler provided by the menu container.
-
-
-    _this.boundHandleBlur_ = bind(_assertThisInitialized(_this), _this.handleBlur);
-    _this.boundHandleTapClick_ = bind(_assertThisInitialized(_this), _this.handleTapClick);
-    return _this;
-  }
-  /**
-   * Add event listeners to the {@link MenuItem}.
-   *
-   * @param {Object} component
-   *        The instance of the `MenuItem` to add listeners to.
-   *
-   */
-
-
-  var _proto = Menu.prototype;
-
-  _proto.addEventListenerForItem = function addEventListenerForItem(component) {
-    if (!(component instanceof Component)) {
-      return;
-    }
-
-    this.on(component, 'blur', this.boundHandleBlur_);
-    this.on(component, ['tap', 'click'], this.boundHandleTapClick_);
-  }
-  /**
-   * Remove event listeners from the {@link MenuItem}.
-   *
-   * @param {Object} component
-   *        The instance of the `MenuItem` to remove listeners.
-   *
-   */
-  ;
-
-  _proto.removeEventListenerForItem = function removeEventListenerForItem(component) {
-    if (!(component instanceof Component)) {
-      return;
-    }
-
-    this.off(component, 'blur', this.boundHandleBlur_);
-    this.off(component, ['tap', 'click'], this.boundHandleTapClick_);
-  }
-  /**
-   * This method will be called indirectly when the component has been added
-   * before the component adds to the new menu instance by `addItem`.
-   * In this case, the original menu instance will remove the component
-   * by calling `removeChild`.
-   *
-   * @param {Object} component
-   *        The instance of the `MenuItem`
-   */
-  ;
-
-  _proto.removeChild = function removeChild(component) {
-    if (typeof component === 'string') {
-      component = this.getChild(component);
-    }
-
-    this.removeEventListenerForItem(component);
-
-    _Component.prototype.removeChild.call(this, component);
-  }
-  /**
-   * Add a {@link MenuItem} to the menu.
-   *
-   * @param {Object|string} component
-   *        The name or instance of the `MenuItem` to add.
-   *
-   */
-  ;
-
-  _proto.addItem = function addItem(component) {
-    var childComponent = this.addChild(component);
-
-    if (childComponent) {
-      this.addEventListenerForItem(childComponent);
-    }
-  }
-  /**
-   * Create the `Menu`s DOM element.
-   *
-   * @return {Element}
-   *         the element that was created
-   */
-  ;
-
-  _proto.createEl = function createEl$1() {
-    var contentElType = this.options_.contentElType || 'ul';
-    this.contentEl_ = createEl(contentElType, {
-      className: 'vjs-menu-content'
-    });
-    this.contentEl_.setAttribute('role', 'menu');
-
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      append: this.contentEl_,
-      className: 'vjs-menu'
-    });
-
-    el.appendChild(this.contentEl_); // Prevent clicks from bubbling up. Needed for Menu Buttons,
-    // where a click on the parent is significant
-
-    on(el, 'click', function (event) {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-    });
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.boundHandleBlur_ = null;
-    this.boundHandleTapClick_ = null;
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Called when a `MenuItem` loses focus.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-  ;
-
-  _proto.handleBlur = function handleBlur(event) {
-    var relatedTarget = event.relatedTarget || document.activeElement; // Close menu popup when a user clicks outside the menu
-
-    if (!this.children().some(function (element) {
-      return element.el() === relatedTarget;
-    })) {
-      var btn = this.menuButton_;
-
-      if (btn && btn.buttonPressed_ && relatedTarget !== btn.el().firstChild) {
-        btn.unpressButton();
-      }
-    }
-  }
-  /**
-   * Called when a `MenuItem` gets clicked or tapped.
-   *
-   * @param {EventTarget~Event} event
-   *        The `click` or `tap` event that caused this function to be called.
-   *
-   * @listens click,tap
-   */
-  ;
-
-  _proto.handleTapClick = function handleTapClick(event) {
-    // Unpress the associated MenuButton, and move focus back to it
-    if (this.menuButton_) {
-      this.menuButton_.unpressButton();
-      var childComponents = this.children();
-
-      if (!Array.isArray(childComponents)) {
-        return;
-      }
-
-      var foundComponent = childComponents.filter(function (component) {
-        return component.el() === event.target;
-      })[0];
-
-      if (!foundComponent) {
-        return;
-      } // don't focus menu button if item is a caption settings item
-      // because focus will move elsewhere
-
-
-      if (foundComponent.name() !== 'CaptionSettingsMenuItem') {
-        this.menuButton_.focus();
-      }
-    }
-  }
-  /**
-   * Handle a `keydown` event on this menu. This listener is added in the constructor.
-   *
-   * @param {EventTarget~Event} event
-   *        A `keydown` event that happened on the menu.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Left and Down Arrows
-    if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.stepForward(); // Up and Right Arrows
-    } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.stepBack();
-    }
-  }
-  /**
-   * Move to next (lower) menu item for keyboard users.
-   */
-  ;
-
-  _proto.stepForward = function stepForward() {
-    var stepChild = 0;
-
-    if (this.focusedChild_ !== undefined) {
-      stepChild = this.focusedChild_ + 1;
-    }
-
-    this.focus(stepChild);
-  }
-  /**
-   * Move to previous (higher) menu item for keyboard users.
-   */
-  ;
-
-  _proto.stepBack = function stepBack() {
-    var stepChild = 0;
-
-    if (this.focusedChild_ !== undefined) {
-      stepChild = this.focusedChild_ - 1;
-    }
-
-    this.focus(stepChild);
-  }
-  /**
-   * Set focus on a {@link MenuItem} in the `Menu`.
-   *
-   * @param {Object|string} [item=0]
-   *        Index of child item set focus on.
-   */
-  ;
-
-  _proto.focus = function focus(item) {
-    if (item === void 0) {
-      item = 0;
-    }
-
-    var children = this.children().slice();
-    var haveTitle = children.length && children[0].className && /vjs-menu-title/.test(children[0].className);
-
-    if (haveTitle) {
-      children.shift();
-    }
-
-    if (children.length > 0) {
-      if (item < 0) {
-        item = 0;
-      } else if (item >= children.length) {
-        item = children.length - 1;
-      }
-
-      this.focusedChild_ = item;
-      children[item].el_.focus();
-    }
-  };
-
-  return Menu;
-}(Component);
-
-Component.registerComponent('Menu', Menu);
-
-/**
- * A `MenuButton` class for any popup {@link Menu}.
- *
- * @extends Component
- */
-
-var MenuButton =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(MenuButton, _Component);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function MenuButton(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _Component.call(this, player, options) || this;
-    _this.menuButton_ = new Button(player, options);
-
-    _this.menuButton_.controlText(_this.controlText_);
-
-    _this.menuButton_.el_.setAttribute('aria-haspopup', 'true'); // Add buildCSSClass values to the button, not the wrapper
-
-
-    var buttonClass = Button.prototype.buildCSSClass();
-    _this.menuButton_.el_.className = _this.buildCSSClass() + ' ' + buttonClass;
-
-    _this.menuButton_.removeClass('vjs-control');
-
-    _this.addChild(_this.menuButton_);
-
-    _this.update();
-
-    _this.enabled_ = true;
-
-    _this.on(_this.menuButton_, 'tap', _this.handleClick);
-
-    _this.on(_this.menuButton_, 'click', _this.handleClick);
-
-    _this.on(_this.menuButton_, 'keydown', _this.handleKeyDown);
-
-    _this.on(_this.menuButton_, 'mouseenter', function () {
-      _this.addClass('vjs-hover');
-
-      _this.menu.show();
-
-      on(document, 'keyup', bind(_assertThisInitialized(_this), _this.handleMenuKeyUp));
-    });
-
-    _this.on('mouseleave', _this.handleMouseLeave);
-
-    _this.on('keydown', _this.handleSubmenuKeyDown);
-
-    return _this;
-  }
-  /**
-   * Update the menu based on the current state of its items.
-   */
-
-
-  var _proto = MenuButton.prototype;
-
-  _proto.update = function update() {
-    var menu = this.createMenu();
-
-    if (this.menu) {
-      this.menu.dispose();
-      this.removeChild(this.menu);
-    }
-
-    this.menu = menu;
-    this.addChild(menu);
-    /**
-     * Track the state of the menu button
-     *
-     * @type {Boolean}
-     * @private
-     */
-
-    this.buttonPressed_ = false;
-    this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-
-    if (this.items && this.items.length <= this.hideThreshold_) {
-      this.hide();
-    } else {
-      this.show();
-    }
-  }
-  /**
-   * Create the menu and add all items to it.
-   *
-   * @return {Menu}
-   *         The constructed menu
-   */
-  ;
-
-  _proto.createMenu = function createMenu() {
-    var menu = new Menu(this.player_, {
-      menuButton: this
-    });
-    /**
-     * Hide the menu if the number of items is less than or equal to this threshold. This defaults
-     * to 0 and whenever we add items which can be hidden to the menu we'll increment it. We list
-     * it here because every time we run `createMenu` we need to reset the value.
-     *
-     * @protected
-     * @type {Number}
-     */
-
-    this.hideThreshold_ = 0; // Add a title list item to the top
-
-    if (this.options_.title) {
-      var titleEl = createEl('li', {
-        className: 'vjs-menu-title',
-        innerHTML: toTitleCase(this.options_.title),
-        tabIndex: -1
-      });
-      this.hideThreshold_ += 1;
-      var titleComponent = new Component(this.player_, {
-        el: titleEl
-      });
-      menu.addItem(titleComponent);
-    }
-
-    this.items = this.createItems();
-
-    if (this.items) {
-      // Add menu items to the menu
-      for (var i = 0; i < this.items.length; i++) {
-        menu.addItem(this.items[i]);
-      }
-    }
-
-    return menu;
-  }
-  /**
-   * Create the list of menu items. Specific to each subclass.
-   *
-   * @abstract
-   */
-  ;
-
-  _proto.createItems = function createItems() {}
-  /**
-   * Create the `MenuButtons`s DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildWrapperCSSClass()
-    }, {});
-  }
-  /**
-   * Allow sub components to stack CSS class names for the wrapper element
-   *
-   * @return {string}
-   *         The constructed wrapper DOM `className`
-   */
-  ;
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-    if (this.options_.inline === true) {
-      menuButtonClass += '-inline';
-    } else {
-      menuButtonClass += '-popup';
-    } // TODO: Fix the CSS so that this isn't necessary
-
-
-    var buttonClass = Button.prototype.buildCSSClass();
-    return "vjs-menu-button " + menuButtonClass + " " + buttonClass + " " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-    if (this.options_.inline === true) {
-      menuButtonClass += '-inline';
-    } else {
-      menuButtonClass += '-popup';
-    }
-
-    return "vjs-menu-button " + menuButtonClass + " " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Get or set the localized control text that will be used for accessibility.
-   *
-   * > NOTE: This will come from the internal `menuButton_` element.
-   *
-   * @param {string} [text]
-   *        Control text for element.
-   *
-   * @param {Element} [el=this.menuButton_.el()]
-   *        Element to set the title on.
-   *
-   * @return {string}
-   *         - The control text when getting
-   */
-  ;
-
-  _proto.controlText = function controlText(text, el) {
-    if (el === void 0) {
-      el = this.menuButton_.el();
-    }
-
-    return this.menuButton_.controlText(text, el);
-  }
-  /**
-   * Dispose of the `menu-button` and all child components.
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    this.handleMouseLeave();
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Handle a click on a `MenuButton`.
-   * See {@link ClickableComponent#handleClick} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    if (this.buttonPressed_) {
-      this.unpressButton();
-    } else {
-      this.pressButton();
-    }
-  }
-  /**
-   * Handle `mouseleave` for `MenuButton`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `mouseleave` event that caused this function to be called.
-   *
-   * @listens mouseleave
-   */
-  ;
-
-  _proto.handleMouseLeave = function handleMouseLeave(event) {
-    this.removeClass('vjs-hover');
-    off(document, 'keyup', bind(this, this.handleMenuKeyUp));
-  }
-  /**
-   * Set the focus to the actual button, not to this element
-   */
-  ;
-
-  _proto.focus = function focus() {
-    this.menuButton_.focus();
-  }
-  /**
-   * Remove the focus from the actual button, not this element
-   */
-  ;
-
-  _proto.blur = function blur() {
-    this.menuButton_.blur();
-  }
-  /**
-   * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-   * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    // Escape or Tab unpress the 'button'
-    if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-      if (!keycode.isEventKey(event, 'Tab')) {
-        event.preventDefault(); // Set focus back to the menu button's button
-
-        this.menuButton_.focus();
-      } // Up Arrow or Down Arrow also 'press' the button to open the menu
-
-    } else if (keycode.isEventKey(event, 'Up') || keycode.isEventKey(event, 'Down')) {
-      if (!this.buttonPressed_) {
-        event.preventDefault();
-        this.pressButton();
-      }
-    }
-  }
-  /**
-   * Handle a `keyup` event on a `MenuButton`. The listener for this is added in
-   * the constructor.
-   *
-   * @param {EventTarget~Event} event
-   *        Key press event
-   *
-   * @listens keyup
-   */
-  ;
-
-  _proto.handleMenuKeyUp = function handleMenuKeyUp(event) {
-    // Escape hides popup menu
-    if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-      this.removeClass('vjs-hover');
-    }
-  }
-  /**
-   * This method name now delegates to `handleSubmenuKeyDown`. This means
-   * anyone calling `handleSubmenuKeyPress` will not see their method calls
-   * stop working.
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-    this.handleSubmenuKeyDown(event);
-  }
-  /**
-   * Handle a `keydown` event on a sub-menu. The listener for this is added in
-   * the constructor.
-   *
-   * @param {EventTarget~Event} event
-   *        Key press event
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleSubmenuKeyDown = function handleSubmenuKeyDown(event) {
-    // Escape or Tab unpress the 'button'
-    if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-      if (!keycode.isEventKey(event, 'Tab')) {
-        event.preventDefault(); // Set focus back to the menu button's button
-
-        this.menuButton_.focus();
-      }
-    }
-  }
-  /**
-   * Put the current `MenuButton` into a pressed state.
-   */
-  ;
-
-  _proto.pressButton = function pressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = true;
-      this.menu.show();
-      this.menu.lockShowing();
-      this.menuButton_.el_.setAttribute('aria-expanded', 'true'); // set the focus into the submenu, except on iOS where it is resulting in
-      // undesired scrolling behavior when the player is in an iframe
-
-      if (IS_IOS && isInFrame()) {
-        // Return early so that the menu isn't focused
-        return;
-      }
-
-      this.menu.focus();
-    }
-  }
-  /**
-   * Take the current `MenuButton` out of a pressed state.
-   */
-  ;
-
-  _proto.unpressButton = function unpressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = false;
-      this.menu.unlockShowing();
-      this.menu.hide();
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-    }
-  }
-  /**
-   * Disable the `MenuButton`. Don't allow it to be clicked.
-   */
-  ;
-
-  _proto.disable = function disable() {
-    this.unpressButton();
-    this.enabled_ = false;
-    this.addClass('vjs-disabled');
-    this.menuButton_.disable();
-  }
-  /**
-   * Enable the `MenuButton`. Allow it to be clicked.
-   */
-  ;
-
-  _proto.enable = function enable() {
-    this.enabled_ = true;
-    this.removeClass('vjs-disabled');
-    this.menuButton_.enable();
-  };
-
-  return MenuButton;
-}(Component);
-
-Component.registerComponent('MenuButton', MenuButton);
-
-/**
- * The base class for buttons that toggle specific  track types (e.g. subtitles).
- *
- * @extends MenuButton
- */
-
-var TrackButton =
-/*#__PURE__*/
-function (_MenuButton) {
-  _inheritsLoose(TrackButton, _MenuButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function TrackButton(player, options) {
-    var _this;
-
-    var tracks = options.tracks;
-    _this = _MenuButton.call(this, player, options) || this;
-
-    if (_this.items.length <= 1) {
-      _this.hide();
-    }
-
-    if (!tracks) {
-      return _assertThisInitialized(_this);
-    }
-
-    var updateHandler = bind(_assertThisInitialized(_this), _this.update);
-    tracks.addEventListener('removetrack', updateHandler);
-    tracks.addEventListener('addtrack', updateHandler);
-
-    _this.player_.on('ready', updateHandler);
-
-    _this.player_.on('dispose', function () {
-      tracks.removeEventListener('removetrack', updateHandler);
-      tracks.removeEventListener('addtrack', updateHandler);
-    });
-
-    return _this;
-  }
-
-  return TrackButton;
-}(MenuButton);
-
-Component.registerComponent('TrackButton', TrackButton);
-
-/**
- * @file menu-keys.js
- */
-
-/**
-  * All keys used for operation of a menu (`MenuButton`, `Menu`, and `MenuItem`)
-  * Note that 'Enter' and 'Space' are not included here (otherwise they would
-  * prevent the `MenuButton` and `MenuItem` from being keyboard-clickable)
-  * @typedef MenuKeys
-  * @array
-  */
-var MenuKeys = ['Tab', 'Esc', 'Up', 'Down', 'Right', 'Left'];
-
-/**
- * The component for a menu item. `<li>`
- *
- * @extends ClickableComponent
- */
-
-var MenuItem =
-/*#__PURE__*/
-function (_ClickableComponent) {
-  _inheritsLoose(MenuItem, _ClickableComponent);
-
-  /**
-   * Creates an instance of the this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   *
-   */
-  function MenuItem(player, options) {
-    var _this;
-
-    _this = _ClickableComponent.call(this, player, options) || this;
-    _this.selectable = options.selectable;
-    _this.isSelected_ = options.selected || false;
-    _this.multiSelectable = options.multiSelectable;
-
-    _this.selected(_this.isSelected_);
-
-    if (_this.selectable) {
-      if (_this.multiSelectable) {
-        _this.el_.setAttribute('role', 'menuitemcheckbox');
-      } else {
-        _this.el_.setAttribute('role', 'menuitemradio');
-      }
-    } else {
-      _this.el_.setAttribute('role', 'menuitem');
-    }
-
-    return _this;
-  }
-  /**
-   * Create the `MenuItem's DOM element
-   *
-   * @param {string} [type=li]
-   *        Element's node type, not actually used, always set to `li`.
-   *
-   * @param {Object} [props={}]
-   *        An object of properties that should be set on the element
-   *
-   * @param {Object} [attrs={}]
-   *        An object of attributes that should be set on the element
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  var _proto = MenuItem.prototype;
-
-  _proto.createEl = function createEl(type, props, attrs) {
-    // The control is textual, not just an icon
-    this.nonIconControl = true;
-    return _ClickableComponent.prototype.createEl.call(this, 'li', assign({
-      className: 'vjs-menu-item',
-      innerHTML: "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label) + "</span>",
-      tabIndex: -1
-    }, props), attrs);
-  }
-  /**
-   * Ignore keys which are used by the menu, but pass any other ones up. See
-   * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    if (!MenuKeys.some(function (key) {
-      return keycode.isEventKey(event, key);
-    })) {
-      // Pass keydown handling up for unused keys
-      _ClickableComponent.prototype.handleKeyDown.call(this, event);
-    }
-  }
-  /**
-   * Any click on a `MenuItem` puts it into the selected state.
-   * See {@link ClickableComponent#handleClick} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    this.selected(true);
-  }
-  /**
-   * Set the state for this menu item as selected or not.
-   *
-   * @param {boolean} selected
-   *        if the menu item is selected or not
-   */
-  ;
-
-  _proto.selected = function selected(_selected) {
-    if (this.selectable) {
-      if (_selected) {
-        this.addClass('vjs-selected');
-        this.el_.setAttribute('aria-checked', 'true'); // aria-checked isn't fully supported by browsers/screen readers,
-        // so indicate selected state to screen reader in the control text.
-
-        this.controlText(', selected');
-        this.isSelected_ = true;
-      } else {
-        this.removeClass('vjs-selected');
-        this.el_.setAttribute('aria-checked', 'false'); // Indicate un-selected state to screen reader
-
-        this.controlText('');
-        this.isSelected_ = false;
-      }
-    }
-  };
-
-  return MenuItem;
-}(ClickableComponent);
-
-Component.registerComponent('MenuItem', MenuItem);
-
-/**
- * The specific menu item type for selecting a language within a text track kind
- *
- * @extends MenuItem
- */
-
-var TextTrackMenuItem =
-/*#__PURE__*/
-function (_MenuItem) {
-  _inheritsLoose(TextTrackMenuItem, _MenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function TextTrackMenuItem(player, options) {
-    var _this;
-
-    var track = options.track;
-    var tracks = player.textTracks(); // Modify options for parent MenuItem class's init.
-
-    options.label = track.label || track.language || 'Unknown';
-    options.selected = track.mode === 'showing';
-    _this = _MenuItem.call(this, player, options) || this;
-    _this.track = track; // Determine the relevant kind(s) of tracks for this component and filter
-    // out empty kinds.
-
-    _this.kinds = (options.kinds || [options.kind || _this.track.kind]).filter(Boolean);
-
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_assertThisInitialized(_this), args);
-    };
-
-    var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      _this.handleSelectedLanguageChange.apply(_assertThisInitialized(_this), args);
-    };
-
-    player.on(['loadstart', 'texttrackchange'], changeHandler);
-    tracks.addEventListener('change', changeHandler);
-    tracks.addEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-
-    _this.on('dispose', function () {
-      player.off(['loadstart', 'texttrackchange'], changeHandler);
-      tracks.removeEventListener('change', changeHandler);
-      tracks.removeEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-    }); // iOS7 doesn't dispatch change events to TextTrackLists when an
-    // associated track's mode changes. Without something like
-    // Object.observe() (also not present on iOS7), it's not
-    // possible to detect changes to the mode attribute and polyfill
-    // the change event. As a poor substitute, we manually dispatch
-    // change events whenever the controls modify the mode.
-
-
-    if (tracks.onchange === undefined) {
-      var event;
-
-      _this.on(['tap', 'click'], function () {
-        if (typeof window$1.Event !== 'object') {
-          // Android 2.3 throws an Illegal Constructor error for window.Event
-          try {
-            event = new window$1.Event('change');
-          } catch (err) {// continue regardless of error
-          }
-        }
-
-        if (!event) {
-          event = document.createEvent('Event');
-          event.initEvent('change', true, true);
-        }
-
-        tracks.dispatchEvent(event);
-      });
-    } // set the default state based on current tracks
-
-
-    _this.handleTracksChange();
-
-    return _this;
-  }
-  /**
-   * This gets called when an `TextTrackMenuItem` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-
-
-  var _proto = TextTrackMenuItem.prototype;
-
-  _proto.handleClick = function handleClick(event) {
-    var referenceTrack = this.track;
-    var tracks = this.player_.textTracks();
-
-    _MenuItem.prototype.handleClick.call(this, event);
-
-    if (!tracks) {
-      return;
-    }
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i]; // If the track from the text tracks list is not of the right kind,
-      // skip it. We do not want to affect tracks of incompatible kind(s).
-
-      if (this.kinds.indexOf(track.kind) === -1) {
-        continue;
-      } // If this text track is the component's track and it is not showing,
-      // set it to showing.
-
-
-      if (track === referenceTrack) {
-        if (track.mode !== 'showing') {
-          track.mode = 'showing';
-        } // If this text track is not the component's track and it is not
-        // disabled, set it to disabled.
-
-      } else if (track.mode !== 'disabled') {
-        track.mode = 'disabled';
-      }
-    }
-  }
-  /**
-   * Handle text track list change
-   *
-   * @param {EventTarget~Event} event
-   *        The `change` event that caused this function to be called.
-   *
-   * @listens TextTrackList#change
-   */
-  ;
-
-  _proto.handleTracksChange = function handleTracksChange(event) {
-    var shouldBeSelected = this.track.mode === 'showing'; // Prevent redundant selected() calls because they may cause
-    // screen readers to read the appended control text unnecessarily
-
-    if (shouldBeSelected !== this.isSelected_) {
-      this.selected(shouldBeSelected);
-    }
-  };
-
-  _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-    if (this.track.mode === 'showing') {
-      var selectedLanguage = this.player_.cache_.selectedLanguage; // Don't replace the kind of track across the same language
-
-      if (selectedLanguage && selectedLanguage.enabled && selectedLanguage.language === this.track.language && selectedLanguage.kind !== this.track.kind) {
-        return;
-      }
-
-      this.player_.cache_.selectedLanguage = {
-        enabled: true,
-        language: this.track.language,
-        kind: this.track.kind
-      };
-    }
-  };
-
-  _proto.dispose = function dispose() {
-    // remove reference to track object on dispose
-    this.track = null;
-
-    _MenuItem.prototype.dispose.call(this);
-  };
-
-  return TextTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
-
-/**
- * A special menu item for turning of a specific type of text track
- *
- * @extends TextTrackMenuItem
- */
-
-var OffTextTrackMenuItem =
-/*#__PURE__*/
-function (_TextTrackMenuItem) {
-  _inheritsLoose(OffTextTrackMenuItem, _TextTrackMenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function OffTextTrackMenuItem(player, options) {
-    // Create pseudo track info
-    // Requires options['kind']
-    options.track = {
-      player: player,
-      // it is no longer necessary to store `kind` or `kinds` on the track itself
-      // since they are now stored in the `kinds` property of all instances of
-      // TextTrackMenuItem, but this will remain for backwards compatibility
-      kind: options.kind,
-      kinds: options.kinds,
-      "default": false,
-      mode: 'disabled'
-    };
-
-    if (!options.kinds) {
-      options.kinds = [options.kind];
-    }
-
-    if (options.label) {
-      options.track.label = options.label;
-    } else {
-      options.track.label = options.kinds.join(' and ') + ' off';
-    } // MenuItem is selectable
-
-
-    options.selectable = true; // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-
-    options.multiSelectable = false;
-    return _TextTrackMenuItem.call(this, player, options) || this;
-  }
-  /**
-   * Handle text track change
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run
-   */
-
-
-  var _proto = OffTextTrackMenuItem.prototype;
-
-  _proto.handleTracksChange = function handleTracksChange(event) {
-    var tracks = this.player().textTracks();
-    var shouldBeSelected = true;
-
-    for (var i = 0, l = tracks.length; i < l; i++) {
-      var track = tracks[i];
-
-      if (this.options_.kinds.indexOf(track.kind) > -1 && track.mode === 'showing') {
-        shouldBeSelected = false;
-        break;
-      }
-    } // Prevent redundant selected() calls because they may cause
-    // screen readers to read the appended control text unnecessarily
-
-
-    if (shouldBeSelected !== this.isSelected_) {
-      this.selected(shouldBeSelected);
-    }
-  };
-
-  _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-    var tracks = this.player().textTracks();
-    var allHidden = true;
-
-    for (var i = 0, l = tracks.length; i < l; i++) {
-      var track = tracks[i];
-
-      if (['captions', 'descriptions', 'subtitles'].indexOf(track.kind) > -1 && track.mode === 'showing') {
-        allHidden = false;
-        break;
-      }
-    }
-
-    if (allHidden) {
-      this.player_.cache_.selectedLanguage = {
-        enabled: false
-      };
-    }
-  };
-
-  return OffTextTrackMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
-
-/**
- * The base class for buttons that toggle specific text track types (e.g. subtitles)
- *
- * @extends MenuButton
- */
-
-var TextTrackButton =
-/*#__PURE__*/
-function (_TrackButton) {
-  _inheritsLoose(TextTrackButton, _TrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function TextTrackButton(player, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    options.tracks = player.textTracks();
-    return _TrackButton.call(this, player, options) || this;
-  }
-  /**
-   * Create a menu item for each text track
-   *
-   * @param {TextTrackMenuItem[]} [items=[]]
-   *        Existing array of items to use during creation
-   *
-   * @return {TextTrackMenuItem[]}
-   *         Array of menu items that were created
-   */
-
-
-  var _proto = TextTrackButton.prototype;
-
-  _proto.createItems = function createItems(items, TrackMenuItem) {
-    if (items === void 0) {
-      items = [];
-    }
-
-    if (TrackMenuItem === void 0) {
-      TrackMenuItem = TextTrackMenuItem;
-    }
-
-    // Label is an override for the [track] off label
-    // USed to localise captions/subtitles
-    var label;
-
-    if (this.label_) {
-      label = this.label_ + " off";
-    } // Add an OFF menu item to turn all tracks off
-
-
-    items.push(new OffTextTrackMenuItem(this.player_, {
-      kinds: this.kinds_,
-      kind: this.kind_,
-      label: label
-    }));
-    this.hideThreshold_ += 1;
-    var tracks = this.player_.textTracks();
-
-    if (!Array.isArray(this.kinds_)) {
-      this.kinds_ = [this.kind_];
-    }
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i]; // only add tracks that are of an appropriate kind and have a label
-
-      if (this.kinds_.indexOf(track.kind) > -1) {
-        var item = new TrackMenuItem(this.player_, {
-          track: track,
-          kinds: this.kinds_,
-          kind: this.kind_,
-          // MenuItem is selectable
-          selectable: true,
-          // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-          multiSelectable: false
-        });
-        item.addClass("vjs-" + track.kind + "-menu-item");
-        items.push(item);
-      }
-    }
-
-    return items;
-  };
-
-  return TextTrackButton;
-}(TrackButton);
-
-Component.registerComponent('TextTrackButton', TextTrackButton);
-
-/**
- * The chapter track menu item
- *
- * @extends MenuItem
- */
-
-var ChaptersTrackMenuItem =
-/*#__PURE__*/
-function (_MenuItem) {
-  _inheritsLoose(ChaptersTrackMenuItem, _MenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function ChaptersTrackMenuItem(player, options) {
-    var _this;
-
-    var track = options.track;
-    var cue = options.cue;
-    var currentTime = player.currentTime(); // Modify options for parent MenuItem class's init.
-
-    options.selectable = true;
-    options.multiSelectable = false;
-    options.label = cue.text;
-    options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-    _this = _MenuItem.call(this, player, options) || this;
-    _this.track = track;
-    _this.cue = cue;
-    track.addEventListener('cuechange', bind(_assertThisInitialized(_this), _this.update));
-    return _this;
-  }
-  /**
-   * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-
-
-  var _proto = ChaptersTrackMenuItem.prototype;
-
-  _proto.handleClick = function handleClick(event) {
-    _MenuItem.prototype.handleClick.call(this);
-
-    this.player_.currentTime(this.cue.startTime);
-    this.update(this.cue.startTime);
-  }
-  /**
-   * Update chapter menu item
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `cuechange` event that caused this function to run.
-   *
-   * @listens TextTrack#cuechange
-   */
-  ;
-
-  _proto.update = function update(event) {
-    var cue = this.cue;
-    var currentTime = this.player_.currentTime(); // vjs.log(currentTime, cue.startTime);
-
-    this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
-  };
-
-  return ChaptersTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
-
-/**
- * The button component for toggling and selecting chapters
- * Chapters act much differently than other text tracks
- * Cues are navigation vs. other tracks of alternative languages
- *
- * @extends TextTrackButton
- */
-
-var ChaptersButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(ChaptersButton, _TextTrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when this function is ready.
-   */
-  function ChaptersButton(player, options, ready) {
-    return _TextTrackButton.call(this, player, options, ready) || this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = ChaptersButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-chapters-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-chapters-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Update the menu based on the current state of its items.
-   *
-   * @param {EventTarget~Event} [event]
-   *        An event that triggered this function to run.
-   *
-   * @listens TextTrackList#addtrack
-   * @listens TextTrackList#removetrack
-   * @listens TextTrackList#change
-   */
-  ;
-
-  _proto.update = function update(event) {
-    if (!this.track_ || event && (event.type === 'addtrack' || event.type === 'removetrack')) {
-      this.setTrack(this.findChaptersTrack());
-    }
-
-    _TextTrackButton.prototype.update.call(this);
-  }
-  /**
-   * Set the currently selected track for the chapters button.
-   *
-   * @param {TextTrack} track
-   *        The new track to select. Nothing will change if this is the currently selected
-   *        track.
-   */
-  ;
-
-  _proto.setTrack = function setTrack(track) {
-    if (this.track_ === track) {
-      return;
-    }
-
-    if (!this.updateHandler_) {
-      this.updateHandler_ = this.update.bind(this);
-    } // here this.track_ refers to the old track instance
-
-
-    if (this.track_) {
-      var remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-      if (remoteTextTrackEl) {
-        remoteTextTrackEl.removeEventListener('load', this.updateHandler_);
-      }
-
-      this.track_ = null;
-    }
-
-    this.track_ = track; // here this.track_ refers to the new track instance
-
-    if (this.track_) {
-      this.track_.mode = 'hidden';
-
-      var _remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-      if (_remoteTextTrackEl) {
-        _remoteTextTrackEl.addEventListener('load', this.updateHandler_);
-      }
-    }
-  }
-  /**
-   * Find the track object that is currently in use by this ChaptersButton
-   *
-   * @return {TextTrack|undefined}
-   *         The current track or undefined if none was found.
-   */
-  ;
-
-  _proto.findChaptersTrack = function findChaptersTrack() {
-    var tracks = this.player_.textTracks() || [];
-
-    for (var i = tracks.length - 1; i >= 0; i--) {
-      // We will always choose the last track as our chaptersTrack
-      var track = tracks[i];
-
-      if (track.kind === this.kind_) {
-        return track;
-      }
-    }
-  }
-  /**
-   * Get the caption for the ChaptersButton based on the track label. This will also
-   * use the current tracks localized kind as a fallback if a label does not exist.
-   *
-   * @return {string}
-   *         The tracks current label or the localized track kind.
-   */
-  ;
-
-  _proto.getMenuCaption = function getMenuCaption() {
-    if (this.track_ && this.track_.label) {
-      return this.track_.label;
-    }
-
-    return this.localize(toTitleCase(this.kind_));
-  }
-  /**
-   * Create menu from chapter track
-   *
-   * @return {Menu}
-   *         New menu for the chapter buttons
-   */
-  ;
-
-  _proto.createMenu = function createMenu() {
-    this.options_.title = this.getMenuCaption();
-    return _TextTrackButton.prototype.createMenu.call(this);
-  }
-  /**
-   * Create a menu item for each text track
-   *
-   * @return {TextTrackMenuItem[]}
-   *         Array of menu items
-   */
-  ;
-
-  _proto.createItems = function createItems() {
-    var items = [];
-
-    if (!this.track_) {
-      return items;
-    }
-
-    var cues = this.track_.cues;
-
-    if (!cues) {
-      return items;
-    }
-
-    for (var i = 0, l = cues.length; i < l; i++) {
-      var cue = cues[i];
-      var mi = new ChaptersTrackMenuItem(this.player_, {
-        track: this.track_,
-        cue: cue
-      });
-      items.push(mi);
-    }
-
-    return items;
-  };
-
-  return ChaptersButton;
-}(TextTrackButton);
-/**
- * `kind` of TextTrack to look for to associate it with this menu.
- *
- * @type {string}
- * @private
- */
-
-
-ChaptersButton.prototype.kind_ = 'chapters';
-/**
- * The text that should display over the `ChaptersButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-ChaptersButton.prototype.controlText_ = 'Chapters';
-Component.registerComponent('ChaptersButton', ChaptersButton);
-
-/**
- * The button component for toggling and selecting descriptions
- *
- * @extends TextTrackButton
- */
-
-var DescriptionsButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(DescriptionsButton, _TextTrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when this component is ready.
-   */
-  function DescriptionsButton(player, options, ready) {
-    var _this;
-
-    _this = _TextTrackButton.call(this, player, options, ready) || this;
-    var tracks = player.textTracks();
-    var changeHandler = bind(_assertThisInitialized(_this), _this.handleTracksChange);
-    tracks.addEventListener('change', changeHandler);
-
-    _this.on('dispose', function () {
-      tracks.removeEventListener('change', changeHandler);
-    });
-
-    return _this;
-  }
-  /**
-   * Handle text track change
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run
-   *
-   * @listens TextTrackList#change
-   */
-
-
-  var _proto = DescriptionsButton.prototype;
-
-  _proto.handleTracksChange = function handleTracksChange(event) {
-    var tracks = this.player().textTracks();
-    var disabled = false; // Check whether a track of a different kind is showing
-
-    for (var i = 0, l = tracks.length; i < l; i++) {
-      var track = tracks[i];
-
-      if (track.kind !== this.kind_ && track.mode === 'showing') {
-        disabled = true;
-        break;
-      }
-    } // If another track is showing, disable this menu button
-
-
-    if (disabled) {
-      this.disable();
-    } else {
-      this.enable();
-    }
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-descriptions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-descriptions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  };
-
-  return DescriptionsButton;
-}(TextTrackButton);
-/**
- * `kind` of TextTrack to look for to associate it with this menu.
- *
- * @type {string}
- * @private
- */
-
-
-DescriptionsButton.prototype.kind_ = 'descriptions';
-/**
- * The text that should display over the `DescriptionsButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-DescriptionsButton.prototype.controlText_ = 'Descriptions';
-Component.registerComponent('DescriptionsButton', DescriptionsButton);
-
-/**
- * The button component for toggling and selecting subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubtitlesButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(SubtitlesButton, _TextTrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when this component is ready.
-   */
-  function SubtitlesButton(player, options, ready) {
-    return _TextTrackButton.call(this, player, options, ready) || this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = SubtitlesButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-subtitles-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-subtitles-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  };
-
-  return SubtitlesButton;
-}(TextTrackButton);
-/**
- * `kind` of TextTrack to look for to associate it with this menu.
- *
- * @type {string}
- * @private
- */
-
-
-SubtitlesButton.prototype.kind_ = 'subtitles';
-/**
- * The text that should display over the `SubtitlesButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-SubtitlesButton.prototype.controlText_ = 'Subtitles';
-Component.registerComponent('SubtitlesButton', SubtitlesButton);
-
-/**
- * The menu item for caption track settings menu
- *
- * @extends TextTrackMenuItem
- */
-
-var CaptionSettingsMenuItem =
-/*#__PURE__*/
-function (_TextTrackMenuItem) {
-  _inheritsLoose(CaptionSettingsMenuItem, _TextTrackMenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function CaptionSettingsMenuItem(player, options) {
-    var _this;
-
-    options.track = {
-      player: player,
-      kind: options.kind,
-      label: options.kind + ' settings',
-      selectable: false,
-      "default": false,
-      mode: 'disabled'
-    }; // CaptionSettingsMenuItem has no concept of 'selected'
-
-    options.selectable = false;
-    options.name = 'CaptionSettingsMenuItem';
-    _this = _TextTrackMenuItem.call(this, player, options) || this;
-
-    _this.addClass('vjs-texttrack-settings');
-
-    _this.controlText(', opens ' + options.kind + ' settings dialog');
-
-    return _this;
-  }
-  /**
-   * This gets called when an `CaptionSettingsMenuItem` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-
-
-  var _proto = CaptionSettingsMenuItem.prototype;
-
-  _proto.handleClick = function handleClick(event) {
-    this.player().getChild('textTrackSettings').open();
-  };
-
-  return CaptionSettingsMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-/**
- * The button component for toggling and selecting captions
- *
- * @extends TextTrackButton
- */
-
-var CaptionsButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(CaptionsButton, _TextTrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function to call when this component is ready.
-   */
-  function CaptionsButton(player, options, ready) {
-    return _TextTrackButton.call(this, player, options, ready) || this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = CaptionsButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-captions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-captions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Create caption menu items
-   *
-   * @return {CaptionSettingsMenuItem[]}
-   *         The array of current menu items.
-   */
-  ;
-
-  _proto.createItems = function createItems() {
-    var items = [];
-
-    if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-      items.push(new CaptionSettingsMenuItem(this.player_, {
-        kind: this.kind_
-      }));
-      this.hideThreshold_ += 1;
-    }
-
-    return _TextTrackButton.prototype.createItems.call(this, items);
-  };
-
-  return CaptionsButton;
-}(TextTrackButton);
-/**
- * `kind` of TextTrack to look for to associate it with this menu.
- *
- * @type {string}
- * @private
- */
-
-
-CaptionsButton.prototype.kind_ = 'captions';
-/**
- * The text that should display over the `CaptionsButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-CaptionsButton.prototype.controlText_ = 'Captions';
-Component.registerComponent('CaptionsButton', CaptionsButton);
-
-/**
- * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
- * in the SubsCapsMenu.
- *
- * @extends TextTrackMenuItem
- */
-
-var SubsCapsMenuItem =
-/*#__PURE__*/
-function (_TextTrackMenuItem) {
-  _inheritsLoose(SubsCapsMenuItem, _TextTrackMenuItem);
-
-  function SubsCapsMenuItem() {
-    return _TextTrackMenuItem.apply(this, arguments) || this;
-  }
-
-  var _proto = SubsCapsMenuItem.prototype;
-
-  _proto.createEl = function createEl(type, props, attrs) {
-    var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-    if (this.options_.track.kind === 'captions') {
-      innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Captions') + "</span>\n      ";
-    }
-
-    innerHTML += '</span>';
-
-    var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({
-      innerHTML: innerHTML
-    }, props), attrs);
-
-    return el;
-  };
-
-  return SubsCapsMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
-
-/**
- * The button component for toggling and selecting captions and/or subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubsCapsButton =
-/*#__PURE__*/
-function (_TextTrackButton) {
-  _inheritsLoose(SubsCapsButton, _TextTrackButton);
-
-  function SubsCapsButton(player, options) {
-    var _this;
-
-    if (options === void 0) {
-      options = {};
-    }
-
-    _this = _TextTrackButton.call(this, player, options) || this; // Although North America uses "captions" in most cases for
-    // "captions and subtitles" other locales use "subtitles"
-
-    _this.label_ = 'subtitles';
-
-    if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(_this.player_.language_) > -1) {
-      _this.label_ = 'captions';
-    }
-
-    _this.menuButton_.controlText(toTitleCase(_this.label_));
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = SubsCapsButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Create caption/subtitles menu items
-   *
-   * @return {CaptionSettingsMenuItem[]}
-   *         The array of current menu items.
-   */
-  ;
-
-  _proto.createItems = function createItems() {
-    var items = [];
-
-    if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-      items.push(new CaptionSettingsMenuItem(this.player_, {
-        kind: this.label_
-      }));
-      this.hideThreshold_ += 1;
-    }
-
-    items = _TextTrackButton.prototype.createItems.call(this, items, SubsCapsMenuItem);
-    return items;
-  };
-
-  return SubsCapsButton;
-}(TextTrackButton);
-/**
- * `kind`s of TextTrack to look for to associate it with this menu.
- *
- * @type {array}
- * @private
- */
-
-
-SubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'];
-/**
- * The text that should display over the `SubsCapsButton`s controls.
- *
- *
- * @type {string}
- * @private
- */
-
-SubsCapsButton.prototype.controlText_ = 'Subtitles';
-Component.registerComponent('SubsCapsButton', SubsCapsButton);
-
-/**
- * An {@link AudioTrack} {@link MenuItem}
- *
- * @extends MenuItem
- */
-
-var AudioTrackMenuItem =
-/*#__PURE__*/
-function (_MenuItem) {
-  _inheritsLoose(AudioTrackMenuItem, _MenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function AudioTrackMenuItem(player, options) {
-    var _this;
-
-    var track = options.track;
-    var tracks = player.audioTracks(); // Modify options for parent MenuItem class's init.
-
-    options.label = track.label || track.language || 'Unknown';
-    options.selected = track.enabled;
-    _this = _MenuItem.call(this, player, options) || this;
-    _this.track = track;
-
-    _this.addClass("vjs-" + track.kind + "-menu-item");
-
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_assertThisInitialized(_this), args);
-    };
-
-    tracks.addEventListener('change', changeHandler);
-
-    _this.on('dispose', function () {
-      tracks.removeEventListener('change', changeHandler);
-    });
-
-    return _this;
-  }
-
-  var _proto = AudioTrackMenuItem.prototype;
-
-  _proto.createEl = function createEl(type, props, attrs) {
-    var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-    if (this.options_.track.kind === 'main-desc') {
-      innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Descriptions') + "</span>\n      ";
-    }
-
-    innerHTML += '</span>';
-
-    var el = _MenuItem.prototype.createEl.call(this, type, assign({
-      innerHTML: innerHTML
-    }, props), attrs);
-
-    return el;
-  }
-  /**
-   * This gets called when an `AudioTrackMenuItem is "clicked". See {@link ClickableComponent}
-   * for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    var tracks = this.player_.audioTracks();
-
-    _MenuItem.prototype.handleClick.call(this, event);
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i];
-      track.enabled = track === this.track;
-    }
-  }
-  /**
-   * Handle any {@link AudioTrack} change.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The {@link AudioTrackList#change} event that caused this to run.
-   *
-   * @listens AudioTrackList#change
-   */
-  ;
-
-  _proto.handleTracksChange = function handleTracksChange(event) {
-    this.selected(this.track.enabled);
-  };
-
-  return AudioTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-/**
- * The base class for buttons that toggle specific {@link AudioTrack} types.
- *
- * @extends TrackButton
- */
-
-var AudioTrackButton =
-/*#__PURE__*/
-function (_TrackButton) {
-  _inheritsLoose(AudioTrackButton, _TrackButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options={}]
-   *        The key/value store of player options.
-   */
-  function AudioTrackButton(player, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    options.tracks = player.audioTracks();
-    return _TrackButton.call(this, player, options) || this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  var _proto = AudioTrackButton.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-audio-button " + _TrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-audio-button " + _TrackButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Create a menu item for each audio track
-   *
-   * @param {AudioTrackMenuItem[]} [items=[]]
-   *        An array of existing menu items to use.
-   *
-   * @return {AudioTrackMenuItem[]}
-   *         An array of menu items
-   */
-  ;
-
-  _proto.createItems = function createItems(items) {
-    if (items === void 0) {
-      items = [];
-    }
-
-    // if there's only one audio track, there no point in showing it
-    this.hideThreshold_ = 1;
-    var tracks = this.player_.audioTracks();
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i];
-      items.push(new AudioTrackMenuItem(this.player_, {
-        track: track,
-        // MenuItem is selectable
-        selectable: true,
-        // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-        multiSelectable: false
-      }));
-    }
-
-    return items;
-  };
-
-  return AudioTrackButton;
-}(TrackButton);
-/**
- * The text that should display over the `AudioTrackButton`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-AudioTrackButton.prototype.controlText_ = 'Audio Track';
-Component.registerComponent('AudioTrackButton', AudioTrackButton);
-
-/**
- * The specific menu item type for selecting a playback rate.
- *
- * @extends MenuItem
- */
-
-var PlaybackRateMenuItem =
-/*#__PURE__*/
-function (_MenuItem) {
-  _inheritsLoose(PlaybackRateMenuItem, _MenuItem);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function PlaybackRateMenuItem(player, options) {
-    var _this;
-
-    var label = options.rate;
-    var rate = parseFloat(label, 10); // Modify options for parent MenuItem class's init.
-
-    options.label = label;
-    options.selected = rate === 1;
-    options.selectable = true;
-    options.multiSelectable = false;
-    _this = _MenuItem.call(this, player, options) || this;
-    _this.label = label;
-    _this.rate = rate;
-
-    _this.on(player, 'ratechange', _this.update);
-
-    return _this;
-  }
-  /**
-   * This gets called when an `PlaybackRateMenuItem` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-
-
-  var _proto = PlaybackRateMenuItem.prototype;
-
-  _proto.handleClick = function handleClick(event) {
-    _MenuItem.prototype.handleClick.call(this);
-
-    this.player().playbackRate(this.rate);
-  }
-  /**
-   * Update the PlaybackRateMenuItem when the playbackrate changes.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ratechange` event that caused this function to run.
-   *
-   * @listens Player#ratechange
-   */
-  ;
-
-  _proto.update = function update(event) {
-    this.selected(this.player().playbackRate() === this.rate);
-  };
-
-  return PlaybackRateMenuItem;
-}(MenuItem);
-/**
- * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-PlaybackRateMenuItem.prototype.contentElType = 'button';
-Component.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
-
-/**
- * The component for controlling the playback rate.
- *
- * @extends MenuButton
- */
-
-var PlaybackRateMenuButton =
-/*#__PURE__*/
-function (_MenuButton) {
-  _inheritsLoose(PlaybackRateMenuButton, _MenuButton);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   */
-  function PlaybackRateMenuButton(player, options) {
-    var _this;
-
-    _this = _MenuButton.call(this, player, options) || this;
-
-    _this.updateVisibility();
-
-    _this.updateLabel();
-
-    _this.on(player, 'loadstart', _this.updateVisibility);
-
-    _this.on(player, 'ratechange', _this.updateLabel);
-
-    return _this;
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  var _proto = PlaybackRateMenuButton.prototype;
-
-  _proto.createEl = function createEl$1() {
-    var el = _MenuButton.prototype.createEl.call(this);
-
-    this.labelEl_ = createEl('div', {
-      className: 'vjs-playback-rate-value',
-      innerHTML: '1x'
-    });
-    el.appendChild(this.labelEl_);
-    return el;
-  };
-
-  _proto.dispose = function dispose() {
-    this.labelEl_ = null;
-
-    _MenuButton.prototype.dispose.call(this);
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  ;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-playback-rate " + _MenuButton.prototype.buildCSSClass.call(this);
-  };
-
-  _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return "vjs-playback-rate " + _MenuButton.prototype.buildWrapperCSSClass.call(this);
-  }
-  /**
-   * Create the playback rate menu
-   *
-   * @return {Menu}
-   *         Menu object populated with {@link PlaybackRateMenuItem}s
-   */
-  ;
-
-  _proto.createMenu = function createMenu() {
-    var menu = new Menu(this.player());
-    var rates = this.playbackRates();
-
-    if (rates) {
-      for (var i = rates.length - 1; i >= 0; i--) {
-        menu.addChild(new PlaybackRateMenuItem(this.player(), {
-          rate: rates[i] + 'x'
-        }));
-      }
-    }
-
-    return menu;
-  }
-  /**
-   * Updates ARIA accessibility attributes
-   */
-  ;
-
-  _proto.updateARIAAttributes = function updateARIAAttributes() {
-    // Current playback rate
-    this.el().setAttribute('aria-valuenow', this.player().playbackRate());
-  }
-  /**
-   * This gets called when an `PlaybackRateMenuButton` is "clicked". See
-   * {@link ClickableComponent} for more detailed information on what a click can be.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   */
-  ;
-
-  _proto.handleClick = function handleClick(event) {
-    // select next rate option
-    var currentRate = this.player().playbackRate();
-    var rates = this.playbackRates(); // this will select first one if the last one currently selected
-
-    var newRate = rates[0];
-
-    for (var i = 0; i < rates.length; i++) {
-      if (rates[i] > currentRate) {
-        newRate = rates[i];
-        break;
-      }
-    }
-
-    this.player().playbackRate(newRate);
-  }
-  /**
-   * Get possible playback rates
-   *
-   * @return {Array}
-   *         All possible playback rates
-   */
-  ;
-
-  _proto.playbackRates = function playbackRates() {
-    return this.options_.playbackRates || this.options_.playerOptions && this.options_.playerOptions.playbackRates;
-  }
-  /**
-   * Get whether playback rates is supported by the tech
-   * and an array of playback rates exists
-   *
-   * @return {boolean}
-   *         Whether changing playback rate is supported
-   */
-  ;
-
-  _proto.playbackRateSupported = function playbackRateSupported() {
-    return this.player().tech_ && this.player().tech_.featuresPlaybackRate && this.playbackRates() && this.playbackRates().length > 0;
-  }
-  /**
-   * Hide playback rate controls when they're no playback rate options to select
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#loadstart
-   */
-  ;
-
-  _proto.updateVisibility = function updateVisibility(event) {
-    if (this.playbackRateSupported()) {
-      this.removeClass('vjs-hidden');
-    } else {
-      this.addClass('vjs-hidden');
-    }
-  }
-  /**
-   * Update button label when rate changed
-   *
-   * @param {EventTarget~Event} [event]
-   *        The event that caused this function to run.
-   *
-   * @listens Player#ratechange
-   */
-  ;
-
-  _proto.updateLabel = function updateLabel(event) {
-    if (this.playbackRateSupported()) {
-      this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
-    }
-  };
-
-  return PlaybackRateMenuButton;
-}(MenuButton);
-/**
- * The text that should display over the `FullscreenToggle`s controls. Added for localization.
- *
- * @type {string}
- * @private
- */
-
-
-PlaybackRateMenuButton.prototype.controlText_ = 'Playback Rate';
-Component.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
-
-/**
- * Just an empty spacer element that can be used as an append point for plugins, etc.
- * Also can be used to create space between elements when necessary.
- *
- * @extends Component
- */
-
-var Spacer =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Spacer, _Component);
-
-  function Spacer() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = Spacer.prototype;
-
-  /**
-  * Builds the default DOM `className`.
-  *
-  * @return {string}
-  *         The DOM `className` for this object.
-  */
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-spacer " + _Component.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildCSSClass()
-    });
-  };
-
-  return Spacer;
-}(Component);
-
-Component.registerComponent('Spacer', Spacer);
-
-/**
- * Spacer specifically meant to be used as an insertion point for new plugins, etc.
- *
- * @extends Spacer
- */
-
-var CustomControlSpacer =
-/*#__PURE__*/
-function (_Spacer) {
-  _inheritsLoose(CustomControlSpacer, _Spacer);
-
-  function CustomControlSpacer() {
-    return _Spacer.apply(this, arguments) || this;
-  }
-
-  var _proto = CustomControlSpacer.prototype;
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-custom-control-spacer " + _Spacer.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    var el = _Spacer.prototype.createEl.call(this, {
-      className: this.buildCSSClass()
-    }); // No-flex/table-cell mode requires there be some content
-    // in the cell to fill the remaining space of the table.
-
-
-    el.innerHTML = "\xA0";
-    return el;
-  };
-
-  return CustomControlSpacer;
-}(Spacer);
-
-Component.registerComponent('CustomControlSpacer', CustomControlSpacer);
-
-/**
- * Container of main controls.
- *
- * @extends Component
- */
-
-var ControlBar =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ControlBar, _Component);
-
-  function ControlBar() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = ControlBar.prototype;
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-control-bar',
-      dir: 'ltr'
-    });
-  };
-
-  return ControlBar;
-}(Component);
-/**
- * Default options for `ControlBar`
- *
- * @type {Object}
- * @private
- */
-
-
-ControlBar.prototype.options_ = {
-  children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'seekToLive', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-};
-
-if ('exitPictureInPicture' in document) {
-  ControlBar.prototype.options_.children.splice(ControlBar.prototype.options_.children.length - 1, 0, 'pictureInPictureToggle');
-}
-
-Component.registerComponent('ControlBar', ControlBar);
-
-/**
- * A display that indicates an error has occurred. This means that the video
- * is unplayable.
- *
- * @extends ModalDialog
- */
-
-var ErrorDisplay =
-/*#__PURE__*/
-function (_ModalDialog) {
-  _inheritsLoose(ErrorDisplay, _ModalDialog);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param  {Player} player
-   *         The `Player` that this class should be attached to.
-   *
-   * @param  {Object} [options]
-   *         The key/value store of player options.
-   */
-  function ErrorDisplay(player, options) {
-    var _this;
-
-    _this = _ModalDialog.call(this, player, options) || this;
-
-    _this.on(player, 'error', _this.open);
-
-    return _this;
-  }
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   *
-   * @deprecated Since version 5.
-   */
-
-
-  var _proto = ErrorDisplay.prototype;
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return "vjs-error-display " + _ModalDialog.prototype.buildCSSClass.call(this);
-  }
-  /**
-   * Gets the localized error message based on the `Player`s error.
-   *
-   * @return {string}
-   *         The `Player`s error message localized or an empty string.
-   */
-  ;
-
-  _proto.content = function content() {
-    var error = this.player().error();
-    return error ? this.localize(error.message) : '';
-  };
-
-  return ErrorDisplay;
-}(ModalDialog);
-/**
- * The default options for an `ErrorDisplay`.
- *
- * @private
- */
-
-
-ErrorDisplay.prototype.options_ = _extends({}, ModalDialog.prototype.options_, {
-  pauseOnOpen: false,
-  fillAlways: true,
-  temporary: false,
-  uncloseable: true
-});
-Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-var LOCAL_STORAGE_KEY = 'vjs-text-track-settings';
-var COLOR_BLACK = ['#000', 'Black'];
-var COLOR_BLUE = ['#00F', 'Blue'];
-var COLOR_CYAN = ['#0FF', 'Cyan'];
-var COLOR_GREEN = ['#0F0', 'Green'];
-var COLOR_MAGENTA = ['#F0F', 'Magenta'];
-var COLOR_RED = ['#F00', 'Red'];
-var COLOR_WHITE = ['#FFF', 'White'];
-var COLOR_YELLOW = ['#FF0', 'Yellow'];
-var OPACITY_OPAQUE = ['1', 'Opaque'];
-var OPACITY_SEMI = ['0.5', 'Semi-Transparent'];
-var OPACITY_TRANS = ['0', 'Transparent']; // Configuration for the various <select> elements in the DOM of this component.
-//
-// Possible keys include:
-//
-// `default`:
-//   The default option index. Only needs to be provided if not zero.
-// `parser`:
-//   A function which is used to parse the value from the selected option in
-//   a customized way.
-// `selector`:
-//   The selector used to find the associated <select> element.
-
-var selectConfigs = {
-  backgroundColor: {
-    selector: '.vjs-bg-color > select',
-    id: 'captions-background-color-%s',
-    label: 'Color',
-    options: [COLOR_BLACK, COLOR_WHITE, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-  },
-  backgroundOpacity: {
-    selector: '.vjs-bg-opacity > select',
-    id: 'captions-background-opacity-%s',
-    label: 'Transparency',
-    options: [OPACITY_OPAQUE, OPACITY_SEMI, OPACITY_TRANS]
-  },
-  color: {
-    selector: '.vjs-fg-color > select',
-    id: 'captions-foreground-color-%s',
-    label: 'Color',
-    options: [COLOR_WHITE, COLOR_BLACK, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-  },
-  edgeStyle: {
-    selector: '.vjs-edge-style > select',
-    id: '%s',
-    label: 'Text Edge Style',
-    options: [['none', 'None'], ['raised', 'Raised'], ['depressed', 'Depressed'], ['uniform', 'Uniform'], ['dropshadow', 'Dropshadow']]
-  },
-  fontFamily: {
-    selector: '.vjs-font-family > select',
-    id: 'captions-font-family-%s',
-    label: 'Font Family',
-    options: [['proportionalSansSerif', 'Proportional Sans-Serif'], ['monospaceSansSerif', 'Monospace Sans-Serif'], ['proportionalSerif', 'Proportional Serif'], ['monospaceSerif', 'Monospace Serif'], ['casual', 'Casual'], ['script', 'Script'], ['small-caps', 'Small Caps']]
-  },
-  fontPercent: {
-    selector: '.vjs-font-percent > select',
-    id: 'captions-font-size-%s',
-    label: 'Font Size',
-    options: [['0.50', '50%'], ['0.75', '75%'], ['1.00', '100%'], ['1.25', '125%'], ['1.50', '150%'], ['1.75', '175%'], ['2.00', '200%'], ['3.00', '300%'], ['4.00', '400%']],
-    "default": 2,
-    parser: function parser(v) {
-      return v === '1.00' ? null : Number(v);
-    }
-  },
-  textOpacity: {
-    selector: '.vjs-text-opacity > select',
-    id: 'captions-foreground-opacity-%s',
-    label: 'Transparency',
-    options: [OPACITY_OPAQUE, OPACITY_SEMI]
-  },
-  // Options for this object are defined below.
-  windowColor: {
-    selector: '.vjs-window-color > select',
-    id: 'captions-window-color-%s',
-    label: 'Color'
-  },
-  // Options for this object are defined below.
-  windowOpacity: {
-    selector: '.vjs-window-opacity > select',
-    id: 'captions-window-opacity-%s',
-    label: 'Transparency',
-    options: [OPACITY_TRANS, OPACITY_SEMI, OPACITY_OPAQUE]
-  }
-};
-selectConfigs.windowColor.options = selectConfigs.backgroundColor.options;
-/**
- * Get the actual value of an option.
- *
- * @param  {string} value
- *         The value to get
- *
- * @param  {Function} [parser]
- *         Optional function to adjust the value.
- *
- * @return {Mixed}
- *         - Will be `undefined` if no value exists
- *         - Will be `undefined` if the given value is "none".
- *         - Will be the actual value otherwise.
- *
- * @private
- */
-
-function parseOptionValue(value, parser) {
-  if (parser) {
-    value = parser(value);
-  }
-
-  if (value && value !== 'none') {
-    return value;
-  }
-}
-/**
- * Gets the value of the selected <option> element within a <select> element.
- *
- * @param  {Element} el
- *         the element to look in
- *
- * @param  {Function} [parser]
- *         Optional function to adjust the value.
- *
- * @return {Mixed}
- *         - Will be `undefined` if no value exists
- *         - Will be `undefined` if the given value is "none".
- *         - Will be the actual value otherwise.
- *
- * @private
- */
-
-
-function getSelectedOptionValue(el, parser) {
-  var value = el.options[el.options.selectedIndex].value;
-  return parseOptionValue(value, parser);
-}
-/**
- * Sets the selected <option> element within a <select> element based on a
- * given value.
- *
- * @param {Element} el
- *        The element to look in.
- *
- * @param {string} value
- *        the property to look on.
- *
- * @param {Function} [parser]
- *        Optional function to adjust the value before comparing.
- *
- * @private
- */
-
-
-function setSelectedOption(el, value, parser) {
-  if (!value) {
-    return;
-  }
-
-  for (var i = 0; i < el.options.length; i++) {
-    if (parseOptionValue(el.options[i].value, parser) === value) {
-      el.selectedIndex = i;
-      break;
-    }
-  }
-}
-/**
- * Manipulate Text Tracks settings.
- *
- * @extends ModalDialog
- */
-
-
-var TextTrackSettings =
-/*#__PURE__*/
-function (_ModalDialog) {
-  _inheritsLoose(TextTrackSettings, _ModalDialog);
-
-  /**
-   * Creates an instance of this class.
-   *
-   * @param {Player} player
-   *         The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *         The key/value store of player options.
-   */
-  function TextTrackSettings(player, options) {
-    var _this;
-
-    options.temporary = false;
-    _this = _ModalDialog.call(this, player, options) || this;
-    _this.updateDisplay = bind(_assertThisInitialized(_this), _this.updateDisplay); // fill the modal and pretend we have opened it
-
-    _this.fill();
-
-    _this.hasBeenOpened_ = _this.hasBeenFilled_ = true;
-    _this.endDialog = createEl('p', {
-      className: 'vjs-control-text',
-      textContent: _this.localize('End of dialog window.')
-    });
-
-    _this.el().appendChild(_this.endDialog);
-
-    _this.setDefaults(); // Grab `persistTextTrackSettings` from the player options if not passed in child options
-
-
-    if (options.persistTextTrackSettings === undefined) {
-      _this.options_.persistTextTrackSettings = _this.options_.playerOptions.persistTextTrackSettings;
-    }
-
-    _this.on(_this.$('.vjs-done-button'), 'click', function () {
-      _this.saveSettings();
-
-      _this.close();
-    });
-
-    _this.on(_this.$('.vjs-default-button'), 'click', function () {
-      _this.setDefaults();
-
-      _this.updateDisplay();
-    });
-
-    each(selectConfigs, function (config) {
-      _this.on(_this.$(config.selector), 'change', _this.updateDisplay);
-    });
-
-    if (_this.options_.persistTextTrackSettings) {
-      _this.restoreSettings();
-    }
-
-    return _this;
-  }
-
-  var _proto = TextTrackSettings.prototype;
-
-  _proto.dispose = function dispose() {
-    this.endDialog = null;
-
-    _ModalDialog.prototype.dispose.call(this);
-  }
-  /**
-   * Create a <select> element with configured options.
-   *
-   * @param {string} key
-   *        Configuration key to use during creation.
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElSelect_ = function createElSelect_(key, legendId, type) {
-    var _this2 = this;
-
-    if (legendId === void 0) {
-      legendId = '';
-    }
-
-    if (type === void 0) {
-      type = 'label';
-    }
-
-    var config = selectConfigs[key];
-    var id = config.id.replace('%s', this.id_);
-    var selectLabelledbyIds = [legendId, id].join(' ').trim();
-    return ["<" + type + " id=\"" + id + "\" class=\"" + (type === 'label' ? 'vjs-label' : '') + "\">", this.localize(config.label), "</" + type + ">", "<select aria-labelledby=\"" + selectLabelledbyIds + "\">"].concat(config.options.map(function (o) {
-      var optionId = id + '-' + o[1].replace(/\W+/g, '');
-      return ["<option id=\"" + optionId + "\" value=\"" + o[0] + "\" ", "aria-labelledby=\"" + selectLabelledbyIds + " " + optionId + "\">", _this2.localize(o[1]), '</option>'].join('');
-    })).concat('</select>').join('');
-  }
-  /**
-   * Create foreground color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElFgColor_ = function createElFgColor_() {
-    var legendId = "captions-text-legend-" + this.id_;
-    return ['<fieldset class="vjs-fg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Text'), '</legend>', this.createElSelect_('color', legendId), '<span class="vjs-text-opacity vjs-opacity">', this.createElSelect_('textOpacity', legendId), '</span>', '</fieldset>'].join('');
-  }
-  /**
-   * Create background color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElBgColor_ = function createElBgColor_() {
-    var legendId = "captions-background-" + this.id_;
-    return ['<fieldset class="vjs-bg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Background'), '</legend>', this.createElSelect_('backgroundColor', legendId), '<span class="vjs-bg-opacity vjs-opacity">', this.createElSelect_('backgroundOpacity', legendId), '</span>', '</fieldset>'].join('');
-  }
-  /**
-   * Create window color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElWinColor_ = function createElWinColor_() {
-    var legendId = "captions-window-" + this.id_;
-    return ['<fieldset class="vjs-window-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Window'), '</legend>', this.createElSelect_('windowColor', legendId), '<span class="vjs-window-opacity vjs-opacity">', this.createElSelect_('windowOpacity', legendId), '</span>', '</fieldset>'].join('');
-  }
-  /**
-   * Create color elements for the component
-   *
-   * @return {Element}
-   *         The element that was created
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElColors_ = function createElColors_() {
-    return createEl('div', {
-      className: 'vjs-track-settings-colors',
-      innerHTML: [this.createElFgColor_(), this.createElBgColor_(), this.createElWinColor_()].join('')
-    });
-  }
-  /**
-   * Create font elements for the component
-   *
-   * @return {Element}
-   *         The element that was created.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElFont_ = function createElFont_() {
-    return createEl('div', {
-      className: 'vjs-track-settings-font',
-      innerHTML: ['<fieldset class="vjs-font-percent vjs-track-setting">', this.createElSelect_('fontPercent', '', 'legend'), '</fieldset>', '<fieldset class="vjs-edge-style vjs-track-setting">', this.createElSelect_('edgeStyle', '', 'legend'), '</fieldset>', '<fieldset class="vjs-font-family vjs-track-setting">', this.createElSelect_('fontFamily', '', 'legend'), '</fieldset>'].join('')
-    });
-  }
-  /**
-   * Create controls for the component
-   *
-   * @return {Element}
-   *         The element that was created.
-   *
-   * @private
-   */
-  ;
-
-  _proto.createElControls_ = function createElControls_() {
-    var defaultsDescription = this.localize('restore all settings to the default values');
-    return createEl('div', {
-      className: 'vjs-track-settings-controls',
-      innerHTML: ["<button type=\"button\" class=\"vjs-default-button\" title=\"" + defaultsDescription + "\">", this.localize('Reset'), "<span class=\"vjs-control-text\"> " + defaultsDescription + "</span>", '</button>', "<button type=\"button\" class=\"vjs-done-button\">" + this.localize('Done') + "</button>"].join('')
-    });
-  };
-
-  _proto.content = function content() {
-    return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-  };
-
-  _proto.label = function label() {
-    return this.localize('Caption Settings Dialog');
-  };
-
-  _proto.description = function description() {
-    return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-  };
-
-  _proto.buildCSSClass = function buildCSSClass() {
-    return _ModalDialog.prototype.buildCSSClass.call(this) + ' vjs-text-track-settings';
-  }
-  /**
-   * Gets an object of text track settings (or null).
-   *
-   * @return {Object}
-   *         An object with config values parsed from the DOM or localStorage.
-   */
-  ;
-
-  _proto.getValues = function getValues() {
-    var _this3 = this;
-
-    return reduce(selectConfigs, function (accum, config, key) {
-      var value = getSelectedOptionValue(_this3.$(config.selector), config.parser);
-
-      if (value !== undefined) {
-        accum[key] = value;
-      }
-
-      return accum;
-    }, {});
-  }
-  /**
-   * Sets text track settings from an object of values.
-   *
-   * @param {Object} values
-   *        An object with config values parsed from the DOM or localStorage.
-   */
-  ;
-
-  _proto.setValues = function setValues(values) {
-    var _this4 = this;
-
-    each(selectConfigs, function (config, key) {
-      setSelectedOption(_this4.$(config.selector), values[key], config.parser);
-    });
-  }
-  /**
-   * Sets all `<select>` elements to their default values.
-   */
-  ;
-
-  _proto.setDefaults = function setDefaults() {
-    var _this5 = this;
-
-    each(selectConfigs, function (config) {
-      var index = config.hasOwnProperty('default') ? config["default"] : 0;
-      _this5.$(config.selector).selectedIndex = index;
-    });
-  }
-  /**
-   * Restore texttrack settings from localStorage
-   */
-  ;
-
-  _proto.restoreSettings = function restoreSettings() {
-    var values;
-
-    try {
-      values = JSON.parse(window$1.localStorage.getItem(LOCAL_STORAGE_KEY));
-    } catch (err) {
-      log.warn(err);
-    }
-
-    if (values) {
-      this.setValues(values);
-    }
-  }
-  /**
-   * Save text track settings to localStorage
-   */
-  ;
-
-  _proto.saveSettings = function saveSettings() {
-    if (!this.options_.persistTextTrackSettings) {
-      return;
-    }
-
-    var values = this.getValues();
-
-    try {
-      if (Object.keys(values).length) {
-        window$1.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
-      } else {
-        window$1.localStorage.removeItem(LOCAL_STORAGE_KEY);
-      }
-    } catch (err) {
-      log.warn(err);
-    }
-  }
-  /**
-   * Update display of text track settings
-   */
-  ;
-
-  _proto.updateDisplay = function updateDisplay() {
-    var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-    if (ttDisplay) {
-      ttDisplay.updateDisplay();
-    }
-  }
-  /**
-   * conditionally blur the element and refocus the captions button
-   *
-   * @private
-   */
-  ;
-
-  _proto.conditionalBlur_ = function conditionalBlur_() {
-    this.previouslyActiveEl_ = null;
-    var cb = this.player_.controlBar;
-    var subsCapsBtn = cb && cb.subsCapsButton;
-    var ccBtn = cb && cb.captionsButton;
-
-    if (subsCapsBtn) {
-      subsCapsBtn.focus();
-    } else if (ccBtn) {
-      ccBtn.focus();
-    }
-  };
-
-  return TextTrackSettings;
-}(ModalDialog);
-
-Component.registerComponent('TextTrackSettings', TextTrackSettings);
-
-/**
- * A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.
- *
- * It'll either create an iframe and use a debounced resize handler on it or use the new {@link https://wicg.github.io/ResizeObserver/|ResizeObserver}.
- *
- * If the ResizeObserver is available natively, it will be used. A polyfill can be passed in as an option.
- * If a `playerresize` event is not needed, the ResizeManager component can be removed from the player, see the example below.
- * @example <caption>How to disable the resize manager</caption>
- * const player = videojs('#vid', {
- *   resizeManager: false
- * });
- *
- * @see {@link https://wicg.github.io/ResizeObserver/|ResizeObserver specification}
- *
- * @extends Component
- */
-
-var ResizeManager =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(ResizeManager, _Component);
-
-  /**
-   * Create the ResizeManager.
-   *
-   * @param {Object} player
-   *        The `Player` that this class should be attached to.
-   *
-   * @param {Object} [options]
-   *        The key/value store of ResizeManager options.
-   *
-   * @param {Object} [options.ResizeObserver]
-   *        A polyfill for ResizeObserver can be passed in here.
-   *        If this is set to null it will ignore the native ResizeObserver and fall back to the iframe fallback.
-   */
-  function ResizeManager(player, options) {
-    var _this;
-
-    var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window$1.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
-
-    if (options.ResizeObserver === null) {
-      RESIZE_OBSERVER_AVAILABLE = false;
-    } // Only create an element when ResizeObserver isn't available
-
-
-    var options_ = mergeOptions({
-      createEl: !RESIZE_OBSERVER_AVAILABLE,
-      reportTouchActivity: false
-    }, options);
-    _this = _Component.call(this, player, options_) || this;
-    _this.ResizeObserver = options.ResizeObserver || window$1.ResizeObserver;
-    _this.loadListener_ = null;
-    _this.resizeObserver_ = null;
-    _this.debouncedHandler_ = debounce(function () {
-      _this.resizeHandler();
-    }, 100, false, _assertThisInitialized(_this));
-
-    if (RESIZE_OBSERVER_AVAILABLE) {
-      _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-
-      _this.resizeObserver_.observe(player.el());
-    } else {
-      _this.loadListener_ = function () {
-        if (!_this.el_ || !_this.el_.contentWindow) {
-          return;
-        }
-
-        var debouncedHandler_ = _this.debouncedHandler_;
-
-        var unloadListener_ = _this.unloadListener_ = function () {
-          off(this, 'resize', debouncedHandler_);
-          off(this, 'unload', unloadListener_);
-          unloadListener_ = null;
-        }; // safari and edge can unload the iframe before resizemanager dispose
-        // we have to dispose of event handlers correctly before that happens
-
-
-        on(_this.el_.contentWindow, 'unload', unloadListener_);
-        on(_this.el_.contentWindow, 'resize', debouncedHandler_);
-      };
-
-      _this.one('load', _this.loadListener_);
-    }
-
-    return _this;
-  }
-
-  var _proto = ResizeManager.prototype;
-
-  _proto.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'iframe', {
-      className: 'vjs-resize-manager',
-      tabIndex: -1
-    }, {
-      'aria-hidden': 'true'
-    });
-  }
-  /**
-   * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-   *
-   * @fires Player#playerresize
-   */
-  ;
-
-  _proto.resizeHandler = function resizeHandler() {
-    /**
-     * Called when the player size has changed
-     *
-     * @event Player#playerresize
-     * @type {EventTarget~Event}
-     */
-    // make sure player is still around to trigger
-    // prevents this from causing an error after dispose
-    if (!this.player_ || !this.player_.trigger) {
-      return;
-    }
-
-    this.player_.trigger('playerresize');
-  };
-
-  _proto.dispose = function dispose() {
-    if (this.debouncedHandler_) {
-      this.debouncedHandler_.cancel();
-    }
-
-    if (this.resizeObserver_) {
-      if (this.player_.el()) {
-        this.resizeObserver_.unobserve(this.player_.el());
-      }
-
-      this.resizeObserver_.disconnect();
-    }
-
-    if (this.loadListener_) {
-      this.off('load', this.loadListener_);
-    }
-
-    if (this.el_ && this.el_.contentWindow && this.unloadListener_) {
-      this.unloadListener_.call(this.el_.contentWindow);
-    }
-
-    this.ResizeObserver = null;
-    this.resizeObserver = null;
-    this.debouncedHandler_ = null;
-    this.loadListener_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  return ResizeManager;
-}(Component);
-
-Component.registerComponent('ResizeManager', ResizeManager);
-
-/**
- * Computes the median of an array.
- *
- * @param {number[]} arr
- *        Input array of numbers.
- *
- * @return {number}
- *        Median value.
- */
-var median = function median(arr) {
-  var mid = Math.floor(arr.length / 2);
-  var sortedList = [].concat(arr).sort(function (a, b) {
-    return a - b;
-  });
-  return arr.length % 2 !== 0 ? sortedList[mid] : (sortedList[mid - 1] + sortedList[mid]) / 2;
-};
-
-/* track when we are at the live edge, and other helpers for live playback */
-
-var LiveTracker =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(LiveTracker, _Component);
-
-  function LiveTracker(player, options) {
-    var _this;
-
-    // LiveTracker does not need an element
-    var options_ = mergeOptions({
-      createEl: false
-    }, options);
-    _this = _Component.call(this, player, options_) || this;
-
-    _this.reset_();
-
-    _this.on(_this.player_, 'durationchange', _this.handleDurationchange); // we don't need to track live playback if the document is hidden,
-    // also, tracking when the document is hidden can
-    // cause the CPU to spike and eventually crash the page on IE11.
-
-
-    if (IE_VERSION && 'hidden' in document && 'visibilityState' in document) {
-      _this.on(document, 'visibilitychange', _this.handleVisibilityChange);
-    }
-
-    return _this;
-  }
-
-  var _proto = LiveTracker.prototype;
-
-  _proto.handleVisibilityChange = function handleVisibilityChange() {
-    if (this.player_.duration() !== Infinity) {
-      return;
-    }
-
-    if (document.hidden) {
-      this.stopTracking();
-    } else {
-      this.startTracking();
-    }
-  };
-
-  _proto.isBehind_ = function isBehind_() {
-    // don't report that we are behind until a timeupdate has been seen
-    if (!this.timeupdateSeen_) {
-      return false;
-    }
-
-    var liveCurrentTime = this.liveCurrentTime();
-    var currentTime = this.player_.currentTime(); // the live edge window is the amount of seconds away from live
-    // that a player can be, but still be considered live.
-    // we add 0.07 because the live tracking happens every 30ms
-    // and we want some wiggle room for short segment live playback
-
-    var liveEdgeWindow = this.seekableIncrement_ * 2 + 0.07; // on Android liveCurrentTime can bee Infinity, because seekableEnd
-    // can be Infinity, so we handle that case.
-
-    return liveCurrentTime !== Infinity && liveCurrentTime - liveEdgeWindow >= currentTime;
-  } // all the functionality for tracking when seek end changes
-  // and for tracking how far past seek end we should be
-  ;
-
-  _proto.trackLive_ = function trackLive_() {
-    this.pastSeekEnd_ = this.pastSeekEnd_;
-    var seekable = this.player_.seekable(); // skip undefined seekable
-
-    if (!seekable || !seekable.length) {
-      return;
-    }
-
-    var newSeekEnd = this.seekableEnd(); // we can only tell if we are behind live, when seekable changes
-    // once we detect that seekable has changed we check the new seek
-    // end against current time, with a fudge value of half a second.
-
-    if (newSeekEnd !== this.lastSeekEnd_) {
-      if (this.lastSeekEnd_) {
-        // we try to get the best fit value for the seeking increment
-        // variable from the last 12 values.
-        this.seekableIncrementList_ = this.seekableIncrementList_.slice(-11);
-        this.seekableIncrementList_.push(Math.abs(newSeekEnd - this.lastSeekEnd_));
-
-        if (this.seekableIncrementList_.length > 3) {
-          this.seekableIncrement_ = median(this.seekableIncrementList_);
-        }
-      }
-
-      this.pastSeekEnd_ = 0;
-      this.lastSeekEnd_ = newSeekEnd;
-      this.trigger('seekableendchange');
-    } // we should reset pastSeekEnd when the value
-    // is much higher than seeking increment.
-
-
-    if (this.pastSeekEnd() > this.seekableIncrement_ * 1.5) {
-      this.pastSeekEnd_ = 0;
-    } else {
-      this.pastSeekEnd_ = this.pastSeekEnd() + 0.03;
-    }
-
-    if (this.isBehind_() !== this.behindLiveEdge()) {
-      this.behindLiveEdge_ = this.isBehind_();
-      this.trigger('liveedgechange');
-    }
-  }
-  /**
-   * handle a durationchange event on the player
-   * and start/stop tracking accordingly.
-   */
-  ;
-
-  _proto.handleDurationchange = function handleDurationchange() {
-    if (this.player_.duration() === Infinity) {
-      this.startTracking();
-    } else {
-      this.stopTracking();
-    }
-  }
-  /**
-   * start tracking live playback
-   */
-  ;
-
-  _proto.startTracking = function startTracking() {
-    var _this2 = this;
-
-    if (this.isTracking()) {
-      return;
-    } // If we haven't seen a timeupdate, we need to check whether playback
-    // began before this component started tracking. This can happen commonly
-    // when using autoplay.
-
-
-    if (!this.timeupdateSeen_) {
-      this.timeupdateSeen_ = this.player_.hasStarted();
-    }
-
-    this.trackingInterval_ = this.setInterval(this.trackLive_, 30);
-    this.trackLive_();
-    this.on(this.player_, 'play', this.trackLive_);
-    this.on(this.player_, 'pause', this.trackLive_); // this is to prevent showing that we are not live
-    // before a video starts to play
-
-    if (!this.timeupdateSeen_) {
-      this.one(this.player_, 'play', this.handlePlay);
-
-      this.handleTimeupdate = function () {
-        _this2.timeupdateSeen_ = true;
-        _this2.handleTimeupdate = null;
-      };
-
-      this.one(this.player_, 'timeupdate', this.handleTimeupdate);
-    }
-  };
-
-  _proto.handlePlay = function handlePlay() {
-    this.one(this.player_, 'timeupdate', this.seekToLiveEdge);
-  }
-  /**
-   * Stop tracking, and set all internal variables to
-   * their initial value.
-   */
-  ;
-
-  _proto.reset_ = function reset_() {
-    this.pastSeekEnd_ = 0;
-    this.lastSeekEnd_ = null;
-    this.behindLiveEdge_ = null;
-    this.timeupdateSeen_ = false;
-    this.clearInterval(this.trackingInterval_);
-    this.trackingInterval_ = null;
-    this.seekableIncrement_ = 12;
-    this.seekableIncrementList_ = [];
-    this.off(this.player_, 'play', this.trackLive_);
-    this.off(this.player_, 'pause', this.trackLive_);
-    this.off(this.player_, 'play', this.handlePlay);
-    this.off(this.player_, 'timeupdate', this.seekToLiveEdge);
-
-    if (this.handleTimeupdate) {
-      this.off(this.player_, 'timeupdate', this.handleTimeupdate);
-      this.handleTimeupdate = null;
-    }
-  }
-  /**
-   * stop tracking live playback
-   */
-  ;
-
-  _proto.stopTracking = function stopTracking() {
-    if (!this.isTracking()) {
-      return;
-    }
-
-    this.reset_();
-  }
-  /**
-   * A helper to get the player seekable end
-   * so that we don't have to null check everywhere
-   */
-  ;
-
-  _proto.seekableEnd = function seekableEnd() {
-    var seekable = this.player_.seekable();
-    var seekableEnds = [];
-    var i = seekable ? seekable.length : 0;
-
-    while (i--) {
-      seekableEnds.push(seekable.end(i));
-    } // grab the furthest seekable end after sorting, or if there are none
-    // default to Infinity
-
-
-    return seekableEnds.length ? seekableEnds.sort()[seekableEnds.length - 1] : Infinity;
-  }
-  /**
-   * A helper to get the player seekable start
-   * so that we don't have to null check everywhere
-   */
-  ;
-
-  _proto.seekableStart = function seekableStart() {
-    var seekable = this.player_.seekable();
-    var seekableStarts = [];
-    var i = seekable ? seekable.length : 0;
-
-    while (i--) {
-      seekableStarts.push(seekable.start(i));
-    } // grab the first seekable start after sorting, or if there are none
-    // default to 0
-
-
-    return seekableStarts.length ? seekableStarts.sort()[0] : 0;
-  }
-  /**
-   * Get the live time window
-   */
-  ;
-
-  _proto.liveWindow = function liveWindow() {
-    var liveCurrentTime = this.liveCurrentTime();
-
-    if (liveCurrentTime === Infinity) {
-      return Infinity;
-    }
-
-    return liveCurrentTime - this.seekableStart();
-  }
-  /**
-   * Determines if the player is live, only checks if this component
-   * is tracking live playback or not
-   */
-  ;
-
-  _proto.isLive = function isLive() {
-    return this.isTracking();
-  }
-  /**
-   * Determines if currentTime is at the live edge and won't fall behind
-   * on each seekableendchange
-   */
-  ;
-
-  _proto.atLiveEdge = function atLiveEdge() {
-    return !this.behindLiveEdge();
-  }
-  /**
-   * get what we expect the live current time to be
-   */
-  ;
-
-  _proto.liveCurrentTime = function liveCurrentTime() {
-    return this.pastSeekEnd() + this.seekableEnd();
-  }
-  /**
-   * Returns how far past seek end we expect current time to be
-   */
-  ;
-
-  _proto.pastSeekEnd = function pastSeekEnd() {
-    return this.pastSeekEnd_;
-  }
-  /**
-   * If we are currently behind the live edge, aka currentTime will be
-   * behind on a seekableendchange
-   */
-  ;
-
-  _proto.behindLiveEdge = function behindLiveEdge() {
-    return this.behindLiveEdge_;
-  };
-
-  _proto.isTracking = function isTracking() {
-    return typeof this.trackingInterval_ === 'number';
-  }
-  /**
-   * Seek to the live edge if we are behind the live edge
-   */
-  ;
-
-  _proto.seekToLiveEdge = function seekToLiveEdge() {
-    if (this.atLiveEdge()) {
-      return;
-    }
-
-    this.player_.currentTime(this.liveCurrentTime());
-
-    if (this.player_.paused()) {
-      this.player_.play();
-    }
-  };
-
-  _proto.dispose = function dispose() {
-    this.stopTracking();
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  return LiveTracker;
-}(Component);
-
-Component.registerComponent('LiveTracker', LiveTracker);
-
-/**
- * This function is used to fire a sourceset when there is something
- * similar to `mediaEl.load()` being called. It will try to find the source via
- * the `src` attribute and then the `<source>` elements. It will then fire `sourceset`
- * with the source that was found or empty string if we cannot know. If it cannot
- * find a source then `sourceset` will not be fired.
- *
- * @param {Html5} tech
- *        The tech object that sourceset was setup on
- *
- * @return {boolean}
- *         returns false if the sourceset was not fired and true otherwise.
- */
-
-var sourcesetLoad = function sourcesetLoad(tech) {
-  var el = tech.el(); // if `el.src` is set, that source will be loaded.
-
-  if (el.hasAttribute('src')) {
-    tech.triggerSourceset(el.src);
-    return true;
-  }
-  /**
-   * Since there isn't a src property on the media element, source elements will be used for
-   * implementing the source selection algorithm. This happens asynchronously and
-   * for most cases were there is more than one source we cannot tell what source will
-   * be loaded, without re-implementing the source selection algorithm. At this time we are not
-   * going to do that. There are three special cases that we do handle here though:
-   *
-   * 1. If there are no sources, do not fire `sourceset`.
-   * 2. If there is only one `<source>` with a `src` property/attribute that is our `src`
-   * 3. If there is more than one `<source>` but all of them have the same `src` url.
-   *    That will be our src.
-   */
-
-
-  var sources = tech.$$('source');
-  var srcUrls = [];
-  var src = ''; // if there are no sources, do not fire sourceset
-
-  if (!sources.length) {
-    return false;
-  } // only count valid/non-duplicate source elements
-
-
-  for (var i = 0; i < sources.length; i++) {
-    var url = sources[i].src;
-
-    if (url && srcUrls.indexOf(url) === -1) {
-      srcUrls.push(url);
-    }
-  } // there were no valid sources
-
-
-  if (!srcUrls.length) {
-    return false;
-  } // there is only one valid source element url
-  // use that
-
-
-  if (srcUrls.length === 1) {
-    src = srcUrls[0];
-  }
-
-  tech.triggerSourceset(src);
-  return true;
-};
-/**
- * our implementation of an `innerHTML` descriptor for browsers
- * that do not have one.
- */
-
-
-var innerHTMLDescriptorPolyfill = Object.defineProperty({}, 'innerHTML', {
-  get: function get() {
-    return this.cloneNode(true).innerHTML;
-  },
-  set: function set(v) {
-    // make a dummy node to use innerHTML on
-    var dummy = document.createElement(this.nodeName.toLowerCase()); // set innerHTML to the value provided
-
-    dummy.innerHTML = v; // make a document fragment to hold the nodes from dummy
-
-    var docFrag = document.createDocumentFragment(); // copy all of the nodes created by the innerHTML on dummy
-    // to the document fragment
-
-    while (dummy.childNodes.length) {
-      docFrag.appendChild(dummy.childNodes[0]);
-    } // remove content
-
-
-    this.innerText = ''; // now we add all of that html in one by appending the
-    // document fragment. This is how innerHTML does it.
-
-    window$1.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
-
-    return this.innerHTML;
-  }
-});
-/**
- * Get a property descriptor given a list of priorities and the
- * property to get.
- */
-
-var getDescriptor = function getDescriptor(priority, prop) {
-  var descriptor = {};
-
-  for (var i = 0; i < priority.length; i++) {
-    descriptor = Object.getOwnPropertyDescriptor(priority[i], prop);
-
-    if (descriptor && descriptor.set && descriptor.get) {
-      break;
-    }
-  }
-
-  descriptor.enumerable = true;
-  descriptor.configurable = true;
-  return descriptor;
-};
-
-var getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {
-  return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, window$1.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
-};
-/**
- * Patches browser internal functions so that we can tell synchronously
- * if a `<source>` was appended to the media element. For some reason this
- * causes a `sourceset` if the the media element is ready and has no source.
- * This happens when:
- * - The page has just loaded and the media element does not have a source.
- * - The media element was emptied of all sources, then `load()` was called.
- *
- * It does this by patching the following functions/properties when they are supported:
- *
- * - `append()` - can be used to add a `<source>` element to the media element
- * - `appendChild()` - can be used to add a `<source>` element to the media element
- * - `insertAdjacentHTML()` -  can be used to add a `<source>` element to the media element
- * - `innerHTML` -  can be used to add a `<source>` element to the media element
- *
- * @param {Html5} tech
- *        The tech object that sourceset is being setup on.
- */
-
-
-var firstSourceWatch = function firstSourceWatch(tech) {
-  var el = tech.el(); // make sure firstSourceWatch isn't setup twice.
-
-  if (el.resetSourceWatch_) {
-    return;
-  }
-
-  var old = {};
-  var innerDescriptor = getInnerHTMLDescriptor(tech);
-
-  var appendWrapper = function appendWrapper(appendFn) {
-    return function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var retval = appendFn.apply(el, args);
-      sourcesetLoad(tech);
-      return retval;
-    };
-  };
-
-  ['append', 'appendChild', 'insertAdjacentHTML'].forEach(function (k) {
-    if (!el[k]) {
-      return;
-    } // store the old function
-
-
-    old[k] = el[k]; // call the old function with a sourceset if a source
-    // was loaded
-
-    el[k] = appendWrapper(old[k]);
-  });
-  Object.defineProperty(el, 'innerHTML', mergeOptions(innerDescriptor, {
-    set: appendWrapper(innerDescriptor.set)
-  }));
-
-  el.resetSourceWatch_ = function () {
-    el.resetSourceWatch_ = null;
-    Object.keys(old).forEach(function (k) {
-      el[k] = old[k];
-    });
-    Object.defineProperty(el, 'innerHTML', innerDescriptor);
-  }; // on the first sourceset, we need to revert our changes
-
-
-  tech.one('sourceset', el.resetSourceWatch_);
-};
-/**
- * our implementation of a `src` descriptor for browsers
- * that do not have one.
- */
-
-
-var srcDescriptorPolyfill = Object.defineProperty({}, 'src', {
-  get: function get() {
-    if (this.hasAttribute('src')) {
-      return getAbsoluteURL(window$1.Element.prototype.getAttribute.call(this, 'src'));
-    }
-
-    return '';
-  },
-  set: function set(v) {
-    window$1.Element.prototype.setAttribute.call(this, 'src', v);
-    return v;
-  }
-});
-
-var getSrcDescriptor = function getSrcDescriptor(tech) {
-  return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
-};
-/**
- * setup `sourceset` handling on the `Html5` tech. This function
- * patches the following element properties/functions:
- *
- * - `src` - to determine when `src` is set
- * - `setAttribute()` - to determine when `src` is set
- * - `load()` - this re-triggers the source selection algorithm, and can
- *              cause a sourceset.
- *
- * If there is no source when we are adding `sourceset` support or during a `load()`
- * we also patch the functions listed in `firstSourceWatch`.
- *
- * @param {Html5} tech
- *        The tech to patch
- */
-
-
-var setupSourceset = function setupSourceset(tech) {
-  if (!tech.featuresSourceset) {
-    return;
-  }
-
-  var el = tech.el(); // make sure sourceset isn't setup twice.
-
-  if (el.resetSourceset_) {
-    return;
-  }
-
-  var srcDescriptor = getSrcDescriptor(tech);
-  var oldSetAttribute = el.setAttribute;
-  var oldLoad = el.load;
-  Object.defineProperty(el, 'src', mergeOptions(srcDescriptor, {
-    set: function set(v) {
-      var retval = srcDescriptor.set.call(el, v); // we use the getter here to get the actual value set on src
-
-      tech.triggerSourceset(el.src);
-      return retval;
-    }
-  }));
-
-  el.setAttribute = function (n, v) {
-    var retval = oldSetAttribute.call(el, n, v);
-
-    if (/src/i.test(n)) {
-      tech.triggerSourceset(el.src);
-    }
-
-    return retval;
-  };
-
-  el.load = function () {
-    var retval = oldLoad.call(el); // if load was called, but there was no source to fire
-    // sourceset on. We have to watch for a source append
-    // as that can trigger a `sourceset` when the media element
-    // has no source
-
-    if (!sourcesetLoad(tech)) {
-      tech.triggerSourceset('');
-      firstSourceWatch(tech);
-    }
-
-    return retval;
-  };
-
-  if (el.currentSrc) {
-    tech.triggerSourceset(el.currentSrc);
-  } else if (!sourcesetLoad(tech)) {
-    firstSourceWatch(tech);
-  }
-
-  el.resetSourceset_ = function () {
-    el.resetSourceset_ = null;
-    el.load = oldLoad;
-    el.setAttribute = oldSetAttribute;
-    Object.defineProperty(el, 'src', srcDescriptor);
-
-    if (el.resetSourceWatch_) {
-      el.resetSourceWatch_();
-    }
-  };
-};
-
-/**
- * Object.defineProperty but "lazy", which means that the value is only set after
- * it retrieved the first time, rather than being set right away.
- *
- * @param {Object} obj the object to set the property on
- * @param {string} key the key for the property to set
- * @param {Function} getValue the function used to get the value when it is needed.
- * @param {boolean} setter wether a setter shoould be allowed or not
- */
-var defineLazyProperty = function defineLazyProperty(obj, key, getValue, setter) {
-  if (setter === void 0) {
-    setter = true;
-  }
-
-  var set = function set(value) {
-    return Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      writable: true
-    });
-  };
-
-  var options = {
-    configurable: true,
-    enumerable: true,
-    get: function get() {
-      var value = getValue();
-      set(value);
-      return value;
-    }
-  };
-
-  if (setter) {
-    options.set = set;
-  }
-
-  return Object.defineProperty(obj, key, options);
-};
-
-/**
- * HTML5 Media Controller - Wrapper for HTML5 Media API
- *
- * @mixes Tech~SourceHandlerAdditions
- * @extends Tech
- */
-
-var Html5 =
-/*#__PURE__*/
-function (_Tech) {
-  _inheritsLoose(Html5, _Tech);
-
-  /**
-  * Create an instance of this Tech.
-  *
-  * @param {Object} [options]
-  *        The key/value store of player options.
-  *
-  * @param {Component~ReadyCallback} ready
-  *        Callback function to call when the `HTML5` Tech is ready.
-  */
-  function Html5(options, ready) {
-    var _this;
-
-    _this = _Tech.call(this, options, ready) || this;
-    var source = options.source;
-    var crossoriginTracks = false; // Set the source if one is provided
-    // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)
-    // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source
-    // anyway so the error gets fired.
-
-    if (source && (_this.el_.currentSrc !== source.src || options.tag && options.tag.initNetworkState_ === 3)) {
-      _this.setSource(source);
-    } else {
-      _this.handleLateInit_(_this.el_);
-    } // setup sourceset after late sourceset/init
-
-
-    if (options.enableSourceset) {
-      _this.setupSourcesetHandling_();
-    }
-
-    if (_this.el_.hasChildNodes()) {
-      var nodes = _this.el_.childNodes;
-      var nodesLength = nodes.length;
-      var removeNodes = [];
-
-      while (nodesLength--) {
-        var node = nodes[nodesLength];
-        var nodeName = node.nodeName.toLowerCase();
-
-        if (nodeName === 'track') {
-          if (!_this.featuresNativeTextTracks) {
-            // Empty video tag tracks so the built-in player doesn't use them also.
-            // This may not be fast enough to stop HTML5 browsers from reading the tags
-            // so we'll need to turn off any default tracks if we're manually doing
-            // captions and subtitles. videoElement.textTracks
-            removeNodes.push(node);
-          } else {
-            // store HTMLTrackElement and TextTrack to remote list
-            _this.remoteTextTrackEls().addTrackElement_(node);
-
-            _this.remoteTextTracks().addTrack(node.track);
-
-            _this.textTracks().addTrack(node.track);
-
-            if (!crossoriginTracks && !_this.el_.hasAttribute('crossorigin') && isCrossOrigin(node.src)) {
-              crossoriginTracks = true;
-            }
-          }
-        }
-      }
-
-      for (var i = 0; i < removeNodes.length; i++) {
-        _this.el_.removeChild(removeNodes[i]);
-      }
-    }
-
-    _this.proxyNativeTracks_();
-
-    if (_this.featuresNativeTextTracks && crossoriginTracks) {
-      log.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
-    } // prevent iOS Safari from disabling metadata text tracks during native playback
-
-
-    _this.restoreMetadataTracksInIOSNativePlayer_(); // Determine if native controls should be used
-    // Our goal should be to get the custom controls on mobile solid everywhere
-    // so we can remove this all together. Right now this will block custom
-    // controls on touch enabled laptops like the Chrome Pixel
-
-
-    if ((TOUCH_ENABLED || IS_IPHONE || IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true) {
-      _this.setControls(true);
-    } // on iOS, we want to proxy `webkitbeginfullscreen` and `webkitendfullscreen`
-    // into a `fullscreenchange` event
-
-
-    _this.proxyWebkitFullscreen_();
-
-    _this.triggerReady();
-
-    return _this;
-  }
-  /**
-   * Dispose of `HTML5` media element and remove all tracks.
-   */
-
-
-  var _proto = Html5.prototype;
-
-  _proto.dispose = function dispose() {
-    if (this.el_ && this.el_.resetSourceset_) {
-      this.el_.resetSourceset_();
-    }
-
-    Html5.disposeMediaElement(this.el_);
-    this.options_ = null; // tech will handle clearing of the emulated track list
-
-    _Tech.prototype.dispose.call(this);
-  }
-  /**
-   * Modify the media element so that we can detect when
-   * the source is changed. Fires `sourceset` just after the source has changed
-   */
-  ;
-
-  _proto.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-    setupSourceset(this);
-  }
-  /**
-   * When a captions track is enabled in the iOS Safari native player, all other
-   * tracks are disabled (including metadata tracks), which nulls all of their
-   * associated cue points. This will restore metadata tracks to their pre-fullscreen
-   * state in those cases so that cue points are not needlessly lost.
-   *
-   * @private
-   */
-  ;
-
-  _proto.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-    var textTracks = this.textTracks();
-    var metadataTracksPreFullscreenState; // captures a snapshot of every metadata track's current state
-
-    var takeMetadataTrackSnapshot = function takeMetadataTrackSnapshot() {
-      metadataTracksPreFullscreenState = [];
-
-      for (var i = 0; i < textTracks.length; i++) {
-        var track = textTracks[i];
-
-        if (track.kind === 'metadata') {
-          metadataTracksPreFullscreenState.push({
-            track: track,
-            storedMode: track.mode
-          });
-        }
-      }
-    }; // snapshot each metadata track's initial state, and update the snapshot
-    // each time there is a track 'change' event
-
-
-    takeMetadataTrackSnapshot();
-    textTracks.addEventListener('change', takeMetadataTrackSnapshot);
-    this.on('dispose', function () {
-      return textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-    });
-
-    var restoreTrackMode = function restoreTrackMode() {
-      for (var i = 0; i < metadataTracksPreFullscreenState.length; i++) {
-        var storedTrack = metadataTracksPreFullscreenState[i];
-
-        if (storedTrack.track.mode === 'disabled' && storedTrack.track.mode !== storedTrack.storedMode) {
-          storedTrack.track.mode = storedTrack.storedMode;
-        }
-      } // we only want this handler to be executed on the first 'change' event
-
-
-      textTracks.removeEventListener('change', restoreTrackMode);
-    }; // when we enter fullscreen playback, stop updating the snapshot and
-    // restore all track modes to their pre-fullscreen state
-
-
-    this.on('webkitbeginfullscreen', function () {
-      textTracks.removeEventListener('change', takeMetadataTrackSnapshot); // remove the listener before adding it just in case it wasn't previously removed
-
-      textTracks.removeEventListener('change', restoreTrackMode);
-      textTracks.addEventListener('change', restoreTrackMode);
-    }); // start updating the snapshot again after leaving fullscreen
-
-    this.on('webkitendfullscreen', function () {
-      // remove the listener before adding it just in case it wasn't previously removed
-      textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-      textTracks.addEventListener('change', takeMetadataTrackSnapshot); // remove the restoreTrackMode handler in case it wasn't triggered during fullscreen playback
-
-      textTracks.removeEventListener('change', restoreTrackMode);
-    });
-  }
-  /**
-   * Attempt to force override of tracks for the given type
-   *
-   * @param {string} type - Track type to override, possible values include 'Audio',
-   * 'Video', and 'Text'.
-   * @param {boolean} override - If set to true native audio/video will be overridden,
-   * otherwise native audio/video will potentially be used.
-   * @private
-   */
-  ;
-
-  _proto.overrideNative_ = function overrideNative_(type, override) {
-    var _this2 = this;
-
-    // If there is no behavioral change don't add/remove listeners
-    if (override !== this["featuresNative" + type + "Tracks"]) {
-      return;
-    }
-
-    var lowerCaseType = type.toLowerCase();
-
-    if (this[lowerCaseType + "TracksListeners_"]) {
-      Object.keys(this[lowerCaseType + "TracksListeners_"]).forEach(function (eventName) {
-        var elTracks = _this2.el()[lowerCaseType + "Tracks"];
-
-        elTracks.removeEventListener(eventName, _this2[lowerCaseType + "TracksListeners_"][eventName]);
-      });
-    }
-
-    this["featuresNative" + type + "Tracks"] = !override;
-    this[lowerCaseType + "TracksListeners_"] = null;
-    this.proxyNativeTracksForType_(lowerCaseType);
-  }
-  /**
-   * Attempt to force override of native audio tracks.
-   *
-   * @param {boolean} override - If set to true native audio will be overridden,
-   * otherwise native audio will potentially be used.
-   */
-  ;
-
-  _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks(override) {
-    this.overrideNative_('Audio', override);
-  }
-  /**
-   * Attempt to force override of native video tracks.
-   *
-   * @param {boolean} override - If set to true native video will be overridden,
-   * otherwise native video will potentially be used.
-   */
-  ;
-
-  _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks(override) {
-    this.overrideNative_('Video', override);
-  }
-  /**
-   * Proxy native track list events for the given type to our track
-   * lists if the browser we are playing in supports that type of track list.
-   *
-   * @param {string} name - Track type; values include 'audio', 'video', and 'text'
-   * @private
-   */
-  ;
-
-  _proto.proxyNativeTracksForType_ = function proxyNativeTracksForType_(name) {
-    var _this3 = this;
-
-    var props = NORMAL[name];
-    var elTracks = this.el()[props.getterName];
-    var techTracks = this[props.getterName]();
-
-    if (!this["featuresNative" + props.capitalName + "Tracks"] || !elTracks || !elTracks.addEventListener) {
-      return;
-    }
-
-    var listeners = {
-      change: function change(e) {
-        techTracks.trigger({
-          type: 'change',
-          target: techTracks,
-          currentTarget: techTracks,
-          srcElement: techTracks
-        });
-      },
-      addtrack: function addtrack(e) {
-        techTracks.addTrack(e.track);
-      },
-      removetrack: function removetrack(e) {
-        techTracks.removeTrack(e.track);
-      }
-    };
-
-    var removeOldTracks = function removeOldTracks() {
-      var removeTracks = [];
-
-      for (var i = 0; i < techTracks.length; i++) {
-        var found = false;
-
-        for (var j = 0; j < elTracks.length; j++) {
-          if (elTracks[j] === techTracks[i]) {
-            found = true;
-            break;
-          }
-        }
-
-        if (!found) {
-          removeTracks.push(techTracks[i]);
-        }
-      }
-
-      while (removeTracks.length) {
-        techTracks.removeTrack(removeTracks.shift());
-      }
-    };
-
-    this[props.getterName + 'Listeners_'] = listeners;
-    Object.keys(listeners).forEach(function (eventName) {
-      var listener = listeners[eventName];
-      elTracks.addEventListener(eventName, listener);
-
-      _this3.on('dispose', function (e) {
-        return elTracks.removeEventListener(eventName, listener);
-      });
-    }); // Remove (native) tracks that are not used anymore
-
-    this.on('loadstart', removeOldTracks);
-    this.on('dispose', function (e) {
-      return _this3.off('loadstart', removeOldTracks);
-    });
-  }
-  /**
-   * Proxy all native track list events to our track lists if the browser we are playing
-   * in supports that type of track list.
-   *
-   * @private
-   */
-  ;
-
-  _proto.proxyNativeTracks_ = function proxyNativeTracks_() {
-    var _this4 = this;
-
-    NORMAL.names.forEach(function (name) {
-      _this4.proxyNativeTracksForType_(name);
-    });
-  }
-  /**
-   * Create the `Html5` Tech's DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    var el = this.options_.tag; // Check if this browser supports moving the element into the box.
-    // On the iPhone video will break if you move the element,
-    // So we have to create a brand new element.
-    // If we ingested the player div, we do not need to move the media element.
-
-    if (!el || !(this.options_.playerElIngest || this.movingMediaElementInDOM)) {
-      // If the original tag is still there, clone and remove it.
-      if (el) {
-        var clone = el.cloneNode(true);
-
-        if (el.parentNode) {
-          el.parentNode.insertBefore(clone, el);
-        }
-
-        Html5.disposeMediaElement(el);
-        el = clone;
-      } else {
-        el = document.createElement('video'); // determine if native controls should be used
-
-        var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);
-        var attributes = mergeOptions({}, tagAttributes);
-
-        if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {
-          delete attributes.controls;
-        }
-
-        setAttributes(el, assign(attributes, {
-          id: this.options_.techId,
-          "class": 'vjs-tech'
-        }));
-      }
-
-      el.playerId = this.options_.playerId;
-    }
-
-    if (typeof this.options_.preload !== 'undefined') {
-      setAttribute(el, 'preload', this.options_.preload);
-    } // Update specific tag settings, in case they were overridden
-    // `autoplay` has to be *last* so that `muted` and `playsinline` are present
-    // when iOS/Safari or other browsers attempt to autoplay.
-
-
-    var settingsAttrs = ['loop', 'muted', 'playsinline', 'autoplay'];
-
-    for (var i = 0; i < settingsAttrs.length; i++) {
-      var attr = settingsAttrs[i];
-      var value = this.options_[attr];
-
-      if (typeof value !== 'undefined') {
-        if (value) {
-          setAttribute(el, attr, attr);
-        } else {
-          removeAttribute(el, attr);
-        }
-
-        el[attr] = value;
-      }
-    }
-
-    return el;
-  }
-  /**
-   * This will be triggered if the loadstart event has already fired, before videojs was
-   * ready. Two known examples of when this can happen are:
-   * 1. If we're loading the playback object after it has started loading
-   * 2. The media is already playing the (often with autoplay on) then
-   *
-   * This function will fire another loadstart so that videojs can catchup.
-   *
-   * @fires Tech#loadstart
-   *
-   * @return {undefined}
-   *         returns nothing.
-   */
-  ;
-
-  _proto.handleLateInit_ = function handleLateInit_(el) {
-    if (el.networkState === 0 || el.networkState === 3) {
-      // The video element hasn't started loading the source yet
-      // or didn't find a source
-      return;
-    }
-
-    if (el.readyState === 0) {
-      // NetworkState is set synchronously BUT loadstart is fired at the
-      // end of the current stack, usually before setInterval(fn, 0).
-      // So at this point we know loadstart may have already fired or is
-      // about to fire, and either way the player hasn't seen it yet.
-      // We don't want to fire loadstart prematurely here and cause a
-      // double loadstart so we'll wait and see if it happens between now
-      // and the next loop, and fire it if not.
-      // HOWEVER, we also want to make sure it fires before loadedmetadata
-      // which could also happen between now and the next loop, so we'll
-      // watch for that also.
-      var loadstartFired = false;
-
-      var setLoadstartFired = function setLoadstartFired() {
-        loadstartFired = true;
-      };
-
-      this.on('loadstart', setLoadstartFired);
-
-      var triggerLoadstart = function triggerLoadstart() {
-        // We did miss the original loadstart. Make sure the player
-        // sees loadstart before loadedmetadata
-        if (!loadstartFired) {
-          this.trigger('loadstart');
-        }
-      };
-
-      this.on('loadedmetadata', triggerLoadstart);
-      this.ready(function () {
-        this.off('loadstart', setLoadstartFired);
-        this.off('loadedmetadata', triggerLoadstart);
-
-        if (!loadstartFired) {
-          // We did miss the original native loadstart. Fire it now.
-          this.trigger('loadstart');
-        }
-      });
-      return;
-    } // From here on we know that loadstart already fired and we missed it.
-    // The other readyState events aren't as much of a problem if we double
-    // them, so not going to go to as much trouble as loadstart to prevent
-    // that unless we find reason to.
-
-
-    var eventsToTrigger = ['loadstart']; // loadedmetadata: newly equal to HAVE_METADATA (1) or greater
-
-    eventsToTrigger.push('loadedmetadata'); // loadeddata: newly increased to HAVE_CURRENT_DATA (2) or greater
-
-    if (el.readyState >= 2) {
-      eventsToTrigger.push('loadeddata');
-    } // canplay: newly increased to HAVE_FUTURE_DATA (3) or greater
-
-
-    if (el.readyState >= 3) {
-      eventsToTrigger.push('canplay');
-    } // canplaythrough: newly equal to HAVE_ENOUGH_DATA (4)
-
-
-    if (el.readyState >= 4) {
-      eventsToTrigger.push('canplaythrough');
-    } // We still need to give the player time to add event listeners
-
-
-    this.ready(function () {
-      eventsToTrigger.forEach(function (type) {
-        this.trigger(type);
-      }, this);
-    });
-  }
-  /**
-   * Set current time for the `HTML5` tech.
-   *
-   * @param {number} seconds
-   *        Set the current time of the media to this.
-   */
-  ;
-
-  _proto.setCurrentTime = function setCurrentTime(seconds) {
-    try {
-      this.el_.currentTime = seconds;
-    } catch (e) {
-      log(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
-    }
-  }
-  /**
-   * Get the current duration of the HTML5 media element.
-   *
-   * @return {number}
-   *         The duration of the media or 0 if there is no duration.
-   */
-  ;
-
-  _proto.duration = function duration() {
-    var _this5 = this;
-
-    // Android Chrome will report duration as Infinity for VOD HLS until after
-    // playback has started, which triggers the live display erroneously.
-    // Return NaN if playback has not started and trigger a durationupdate once
-    // the duration can be reliably known.
-    if (this.el_.duration === Infinity && IS_ANDROID && IS_CHROME && this.el_.currentTime === 0) {
-      // Wait for the first `timeupdate` with currentTime > 0 - there may be
-      // several with 0
-      var checkProgress = function checkProgress() {
-        if (_this5.el_.currentTime > 0) {
-          // Trigger durationchange for genuinely live video
-          if (_this5.el_.duration === Infinity) {
-            _this5.trigger('durationchange');
-          }
-
-          _this5.off('timeupdate', checkProgress);
-        }
-      };
-
-      this.on('timeupdate', checkProgress);
-      return NaN;
-    }
-
-    return this.el_.duration || NaN;
-  }
-  /**
-   * Get the current width of the HTML5 media element.
-   *
-   * @return {number}
-   *         The width of the HTML5 media element.
-   */
-  ;
-
-  _proto.width = function width() {
-    return this.el_.offsetWidth;
-  }
-  /**
-   * Get the current height of the HTML5 media element.
-   *
-   * @return {number}
-   *         The height of the HTML5 media element.
-   */
-  ;
-
-  _proto.height = function height() {
-    return this.el_.offsetHeight;
-  }
-  /**
-   * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-   * `fullscreenchange` event.
-   *
-   * @private
-   * @fires fullscreenchange
-   * @listens webkitendfullscreen
-   * @listens webkitbeginfullscreen
-   * @listens webkitbeginfullscreen
-   */
-  ;
-
-  _proto.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-    var _this6 = this;
-
-    if (!('webkitDisplayingFullscreen' in this.el_)) {
-      return;
-    }
-
-    var endFn = function endFn() {
-      this.trigger('fullscreenchange', {
-        isFullscreen: false
-      });
-    };
-
-    var beginFn = function beginFn() {
-      if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {
-        this.one('webkitendfullscreen', endFn);
-        this.trigger('fullscreenchange', {
-          isFullscreen: true
-        });
-      }
-    };
-
-    this.on('webkitbeginfullscreen', beginFn);
-    this.on('dispose', function () {
-      _this6.off('webkitbeginfullscreen', beginFn);
-
-      _this6.off('webkitendfullscreen', endFn);
-    });
-  }
-  /**
-   * Check if fullscreen is supported on the current playback device.
-   *
-   * @return {boolean}
-   *         - True if fullscreen is supported.
-   *         - False if fullscreen is not supported.
-   */
-  ;
-
-  _proto.supportsFullScreen = function supportsFullScreen() {
-    if (typeof this.el_.webkitEnterFullScreen === 'function') {
-      var userAgent = window$1.navigator && window$1.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
-
-      if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-  /**
-   * Request that the `HTML5` Tech enter fullscreen.
-   */
-  ;
-
-  _proto.enterFullScreen = function enterFullScreen() {
-    var video = this.el_;
-
-    if (video.paused && video.networkState <= video.HAVE_METADATA) {
-      // attempt to prime the video element for programmatic access
-      // this isn't necessary on the desktop but shouldn't hurt
-      this.el_.play(); // playing and pausing synchronously during the transition to fullscreen
-      // can get iOS ~6.1 devices into a play/pause loop
-
-      this.setTimeout(function () {
-        video.pause();
-        video.webkitEnterFullScreen();
-      }, 0);
-    } else {
-      video.webkitEnterFullScreen();
-    }
-  }
-  /**
-   * Request that the `HTML5` Tech exit fullscreen.
-   */
-  ;
-
-  _proto.exitFullScreen = function exitFullScreen() {
-    this.el_.webkitExitFullScreen();
-  }
-  /**
-   * Create a floating video window always on top of other windows so that users may
-   * continue consuming media while they interact with other content sites, or
-   * applications on their device.
-   *
-   * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-   *
-   * @return {Promise}
-   *         A promise with a Picture-in-Picture window.
-   */
-  ;
-
-  _proto.requestPictureInPicture = function requestPictureInPicture() {
-    return this.el_.requestPictureInPicture();
-  }
-  /**
-   * A getter/setter for the `Html5` Tech's source object.
-   * > Note: Please use {@link Html5#setSource}
-   *
-   * @param {Tech~SourceObject} [src]
-   *        The source object you want to set on the `HTML5` techs element.
-   *
-   * @return {Tech~SourceObject|undefined}
-   *         - The current source object when a source is not passed in.
-   *         - undefined when setting
-   *
-   * @deprecated Since version 5.
-   */
-  ;
-
-  _proto.src = function src(_src) {
-    if (_src === undefined) {
-      return this.el_.src;
-    } // Setting src through `src` instead of `setSrc` will be deprecated
-
-
-    this.setSrc(_src);
-  }
-  /**
-   * Reset the tech by removing all sources and then calling
-   * {@link Html5.resetMediaElement}.
-   */
-  ;
-
-  _proto.reset = function reset() {
-    Html5.resetMediaElement(this.el_);
-  }
-  /**
-   * Get the current source on the `HTML5` Tech. Falls back to returning the source from
-   * the HTML5 media element.
-   *
-   * @return {Tech~SourceObject}
-   *         The current source object from the HTML5 tech. With a fallback to the
-   *         elements source.
-   */
-  ;
-
-  _proto.currentSrc = function currentSrc() {
-    if (this.currentSource_) {
-      return this.currentSource_.src;
-    }
-
-    return this.el_.currentSrc;
-  }
-  /**
-   * Set controls attribute for the HTML5 media Element.
-   *
-   * @param {string} val
-   *        Value to set the controls attribute to
-   */
-  ;
-
-  _proto.setControls = function setControls(val) {
-    this.el_.controls = !!val;
-  }
-  /**
-   * Create and returns a remote {@link TextTrack} object.
-   *
-   * @param {string} kind
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-   *
-   * @param {string} [label]
-   *        Label to identify the text track
-   *
-   * @param {string} [language]
-   *        Two letter language abbreviation
-   *
-   * @return {TextTrack}
-   *         The TextTrack that gets created.
-   */
-  ;
-
-  _proto.addTextTrack = function addTextTrack(kind, label, language) {
-    if (!this.featuresNativeTextTracks) {
-      return _Tech.prototype.addTextTrack.call(this, kind, label, language);
-    }
-
-    return this.el_.addTextTrack(kind, label, language);
-  }
-  /**
-   * Creates either native TextTrack or an emulated TextTrack depending
-   * on the value of `featuresNativeTextTracks`
-   *
-   * @param {Object} options
-   *        The object should contain the options to initialize the TextTrack with.
-   *
-   * @param {string} [options.kind]
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-   *
-   * @param {string} [options.label]
-   *        Label to identify the text track
-   *
-   * @param {string} [options.language]
-   *        Two letter language abbreviation.
-   *
-   * @param {boolean} [options.default]
-   *        Default this track to on.
-   *
-   * @param {string} [options.id]
-   *        The internal id to assign this track.
-   *
-   * @param {string} [options.src]
-   *        A source url for the track.
-   *
-   * @return {HTMLTrackElement}
-   *         The track element that gets created.
-   */
-  ;
-
-  _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-    if (!this.featuresNativeTextTracks) {
-      return _Tech.prototype.createRemoteTextTrack.call(this, options);
-    }
-
-    var htmlTrackElement = document.createElement('track');
-
-    if (options.kind) {
-      htmlTrackElement.kind = options.kind;
-    }
-
-    if (options.label) {
-      htmlTrackElement.label = options.label;
-    }
-
-    if (options.language || options.srclang) {
-      htmlTrackElement.srclang = options.language || options.srclang;
-    }
-
-    if (options["default"]) {
-      htmlTrackElement["default"] = options["default"];
-    }
-
-    if (options.id) {
-      htmlTrackElement.id = options.id;
-    }
-
-    if (options.src) {
-      htmlTrackElement.src = options.src;
-    }
-
-    return htmlTrackElement;
-  }
-  /**
-   * Creates a remote text track object and returns an html track element.
-   *
-   * @param {Object} options The object should contain values for
-   * kind, language, label, and src (location of the WebVTT file)
-   * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-   * automatically removed from the video element whenever the source changes
-   * @return {HTMLTrackElement} An Html Track Element.
-   * This can be an emulated {@link HTMLTrackElement} or a native one.
-   * @deprecated The default value of the "manualCleanup" parameter will default
-   * to "false" in upcoming versions of Video.js
-   */
-  ;
-
-  _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-    var htmlTrackElement = _Tech.prototype.addRemoteTextTrack.call(this, options, manualCleanup);
-
-    if (this.featuresNativeTextTracks) {
-      this.el().appendChild(htmlTrackElement);
-    }
-
-    return htmlTrackElement;
-  }
-  /**
-   * Remove remote `TextTrack` from `TextTrackList` object
-   *
-   * @param {TextTrack} track
-   *        `TextTrack` object to remove
-   */
-  ;
-
-  _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-    _Tech.prototype.removeRemoteTextTrack.call(this, track);
-
-    if (this.featuresNativeTextTracks) {
-      var tracks = this.$$('track');
-      var i = tracks.length;
-
-      while (i--) {
-        if (track === tracks[i] || track === tracks[i].track) {
-          this.el().removeChild(tracks[i]);
-        }
-      }
-    }
-  }
-  /**
-   * Gets available media playback quality metrics as specified by the W3C's Media
-   * Playback Quality API.
-   *
-   * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-   *
-   * @return {Object}
-   *         An object with supported media playback quality metrics
-   */
-  ;
-
-  _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    if (typeof this.el().getVideoPlaybackQuality === 'function') {
-      return this.el().getVideoPlaybackQuality();
-    }
-
-    var videoPlaybackQuality = {};
-
-    if (typeof this.el().webkitDroppedFrameCount !== 'undefined' && typeof this.el().webkitDecodedFrameCount !== 'undefined') {
-      videoPlaybackQuality.droppedVideoFrames = this.el().webkitDroppedFrameCount;
-      videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;
-    }
-
-    if (window$1.performance && typeof window$1.performance.now === 'function') {
-      videoPlaybackQuality.creationTime = window$1.performance.now();
-    } else if (window$1.performance && window$1.performance.timing && typeof window$1.performance.timing.navigationStart === 'number') {
-      videoPlaybackQuality.creationTime = window$1.Date.now() - window$1.performance.timing.navigationStart;
-    }
-
-    return videoPlaybackQuality;
-  };
-
-  return Html5;
-}(Tech);
-/* HTML5 Support Testing ---------------------------------------------------- */
-
-/**
- * Element for testing browser HTML5 media capabilities
- *
- * @type {Element}
- * @constant
- * @private
- */
-
-
-defineLazyProperty(Html5, 'TEST_VID', function () {
-  if (!isReal()) {
-    return;
-  }
-
-  var video = document.createElement('video');
-  var track = document.createElement('track');
-  track.kind = 'captions';
-  track.srclang = 'en';
-  track.label = 'English';
-  video.appendChild(track);
-  return video;
-});
-/**
- * Check if HTML5 media is supported by this browser/device.
- *
- * @return {boolean}
- *         - True if HTML5 media is supported.
- *         - False if HTML5 media is not supported.
- */
-
-Html5.isSupported = function () {
-  // IE with no Media Player is a LIAR! (#984)
-  try {
-    Html5.TEST_VID.volume = 0.5;
-  } catch (e) {
-    return false;
-  }
-
-  return !!(Html5.TEST_VID && Html5.TEST_VID.canPlayType);
-};
-/**
- * Check if the tech can support the given type
- *
- * @param {string} type
- *        The mimetype to check
- * @return {string} 'probably', 'maybe', or '' (empty string)
- */
-
-
-Html5.canPlayType = function (type) {
-  return Html5.TEST_VID.canPlayType(type);
-};
-/**
- * Check if the tech can support the given source
- *
- * @param {Object} srcObj
- *        The source object
- * @param {Object} options
- *        The options passed to the tech
- * @return {string} 'probably', 'maybe', or '' (empty string)
- */
-
-
-Html5.canPlaySource = function (srcObj, options) {
-  return Html5.canPlayType(srcObj.type);
-};
-/**
- * Check if the volume can be changed in this browser/device.
- * Volume cannot be changed in a lot of mobile devices.
- * Specifically, it can't be changed from 1 on iOS.
- *
- * @return {boolean}
- *         - True if volume can be controlled
- *         - False otherwise
- */
-
-
-Html5.canControlVolume = function () {
-  // IE will error if Windows Media Player not installed #3315
-  try {
-    var volume = Html5.TEST_VID.volume;
-    Html5.TEST_VID.volume = volume / 2 + 0.1;
-    return volume !== Html5.TEST_VID.volume;
-  } catch (e) {
-    return false;
-  }
-};
-/**
- * Check if the volume can be muted in this browser/device.
- * Some devices, e.g. iOS, don't allow changing volume
- * but permits muting/unmuting.
- *
- * @return {bolean}
- *      - True if volume can be muted
- *      - False otherwise
- */
-
-
-Html5.canMuteVolume = function () {
-  try {
-    var muted = Html5.TEST_VID.muted; // in some versions of iOS muted property doesn't always
-    // work, so we want to set both property and attribute
-
-    Html5.TEST_VID.muted = !muted;
-
-    if (Html5.TEST_VID.muted) {
-      setAttribute(Html5.TEST_VID, 'muted', 'muted');
-    } else {
-      removeAttribute(Html5.TEST_VID, 'muted', 'muted');
-    }
-
-    return muted !== Html5.TEST_VID.muted;
-  } catch (e) {
-    return false;
-  }
-};
-/**
- * Check if the playback rate can be changed in this browser/device.
- *
- * @return {boolean}
- *         - True if playback rate can be controlled
- *         - False otherwise
- */
-
-
-Html5.canControlPlaybackRate = function () {
-  // Playback rate API is implemented in Android Chrome, but doesn't do anything
-  // https://github.com/videojs/video.js/issues/3180
-  if (IS_ANDROID && IS_CHROME && CHROME_VERSION < 58) {
-    return false;
-  } // IE will error if Windows Media Player not installed #3315
-
-
-  try {
-    var playbackRate = Html5.TEST_VID.playbackRate;
-    Html5.TEST_VID.playbackRate = playbackRate / 2 + 0.1;
-    return playbackRate !== Html5.TEST_VID.playbackRate;
-  } catch (e) {
-    return false;
-  }
-};
-/**
- * Check if we can override a video/audio elements attributes, with
- * Object.defineProperty.
- *
- * @return {boolean}
- *         - True if builtin attributes can be overridden
- *         - False otherwise
- */
-
-
-Html5.canOverrideAttributes = function () {
-  // if we cannot overwrite the src/innerHTML property, there is no support
-  // iOS 7 safari for instance cannot do this.
-  try {
-    var noop = function noop() {};
-
-    Object.defineProperty(document.createElement('video'), 'src', {
-      get: noop,
-      set: noop
-    });
-    Object.defineProperty(document.createElement('audio'), 'src', {
-      get: noop,
-      set: noop
-    });
-    Object.defineProperty(document.createElement('video'), 'innerHTML', {
-      get: noop,
-      set: noop
-    });
-    Object.defineProperty(document.createElement('audio'), 'innerHTML', {
-      get: noop,
-      set: noop
-    });
-  } catch (e) {
-    return false;
-  }
-
-  return true;
-};
-/**
- * Check to see if native `TextTrack`s are supported by this browser/device.
- *
- * @return {boolean}
- *         - True if native `TextTrack`s are supported.
- *         - False otherwise
- */
-
-
-Html5.supportsNativeTextTracks = function () {
-  return IS_ANY_SAFARI || IS_IOS && IS_CHROME;
-};
-/**
- * Check to see if native `VideoTrack`s are supported by this browser/device
- *
- * @return {boolean}
- *        - True if native `VideoTrack`s are supported.
- *        - False otherwise
- */
-
-
-Html5.supportsNativeVideoTracks = function () {
-  return !!(Html5.TEST_VID && Html5.TEST_VID.videoTracks);
-};
-/**
- * Check to see if native `AudioTrack`s are supported by this browser/device
- *
- * @return {boolean}
- *        - True if native `AudioTrack`s are supported.
- *        - False otherwise
- */
-
-
-Html5.supportsNativeAudioTracks = function () {
-  return !!(Html5.TEST_VID && Html5.TEST_VID.audioTracks);
-};
-/**
- * An array of events available on the Html5 tech.
- *
- * @private
- * @type {Array}
- */
-
-
-Html5.Events = ['loadstart', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'seeking', 'seeked', 'ended', 'durationchange', 'timeupdate', 'progress', 'play', 'pause', 'ratechange', 'resize', 'volumechange'];
-/**
- * Boolean indicating whether the `Tech` supports volume control.
- *
- * @type {boolean}
- * @default {@link Html5.canControlVolume}
- */
-
-/**
- * Boolean indicating whether the `Tech` supports muting volume.
- *
- * @type {bolean}
- * @default {@link Html5.canMuteVolume}
- */
-
-/**
- * Boolean indicating whether the `Tech` supports changing the speed at which the media
- * plays. Examples:
- *   - Set player to play 2x (twice) as fast
- *   - Set player to play 0.5x (half) as fast
- *
- * @type {boolean}
- * @default {@link Html5.canControlPlaybackRate}
- */
-
-/**
- * Boolean indicating whether the `Tech` supports the `sourceset` event.
- *
- * @type {boolean}
- * @default
- */
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeTextTracks}
- */
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeVideoTracks}
- */
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeAudioTracks}
- */
-
-[['featuresVolumeControl', 'canControlVolume'], ['featuresMuteControl', 'canMuteVolume'], ['featuresPlaybackRate', 'canControlPlaybackRate'], ['featuresSourceset', 'canOverrideAttributes'], ['featuresNativeTextTracks', 'supportsNativeTextTracks'], ['featuresNativeVideoTracks', 'supportsNativeVideoTracks'], ['featuresNativeAudioTracks', 'supportsNativeAudioTracks']].forEach(function (_ref) {
-  var key = _ref[0],
-      fn = _ref[1];
-  defineLazyProperty(Html5.prototype, key, function () {
-    return Html5[fn]();
-  }, true);
-});
-/**
- * Boolean indicating whether the `HTML5` tech currently supports the media element
- * moving in the DOM. iOS breaks if you move the media element, so this is set this to
- * false there. Everywhere else this should be true.
- *
- * @type {boolean}
- * @default
- */
-
-Html5.prototype.movingMediaElementInDOM = !IS_IOS; // TODO: Previous comment: No longer appears to be used. Can probably be removed.
-//       Is this true?
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports automatic media resize
- * when going into fullscreen.
- *
- * @type {boolean}
- * @default
- */
-
-Html5.prototype.featuresFullscreenResize = true;
-/**
- * Boolean indicating whether the `HTML5` tech currently supports the progress event.
- * If this is false, manual `progress` events will be triggered instead.
- *
- * @type {boolean}
- * @default
- */
-
-Html5.prototype.featuresProgressEvents = true;
-/**
- * Boolean indicating whether the `HTML5` tech currently supports the timeupdate event.
- * If this is false, manual `timeupdate` events will be triggered instead.
- *
- * @default
- */
-
-Html5.prototype.featuresTimeupdateEvents = true; // HTML5 Feature detection and Device Fixes --------------------------------- //
-
-var canPlayType;
-
-Html5.patchCanPlayType = function () {
-  // Android 4.0 and above can play HLS to some extent but it reports being unable to do so
-  // Firefox and Chrome report correctly
-  if (ANDROID_VERSION >= 4.0 && !IS_FIREFOX && !IS_CHROME) {
-    canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-
-      if (type && mpegurlRE.test(type)) {
-        return 'maybe';
-      }
-
-      return canPlayType.call(this, type);
-    };
-  }
-};
-
-Html5.unpatchCanPlayType = function () {
-  var r = Html5.TEST_VID.constructor.prototype.canPlayType;
-
-  if (canPlayType) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = canPlayType;
-  }
-
-  return r;
-}; // by default, patch the media element
-
-
-Html5.patchCanPlayType();
-
-Html5.disposeMediaElement = function (el) {
-  if (!el) {
-    return;
-  }
-
-  if (el.parentNode) {
-    el.parentNode.removeChild(el);
-  } // remove any child track or source nodes to prevent their loading
-
-
-  while (el.hasChildNodes()) {
-    el.removeChild(el.firstChild);
-  } // remove any src reference. not setting `src=''` because that causes a warning
-  // in firefox
-
-
-  el.removeAttribute('src'); // force the media element to update its loading state by calling load()
-  // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)
-
-  if (typeof el.load === 'function') {
-    // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-    (function () {
-      try {
-        el.load();
-      } catch (e) {// not supported
-      }
-    })();
-  }
-};
-
-Html5.resetMediaElement = function (el) {
-  if (!el) {
-    return;
-  }
-
-  var sources = el.querySelectorAll('source');
-  var i = sources.length;
-
-  while (i--) {
-    el.removeChild(sources[i]);
-  } // remove any src reference.
-  // not setting `src=''` because that throws an error
-
-
-  el.removeAttribute('src');
-
-  if (typeof el.load === 'function') {
-    // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-    (function () {
-      try {
-        el.load();
-      } catch (e) {// satisfy linter
-      }
-    })();
-  }
-};
-/* Native HTML5 element property wrapping ----------------------------------- */
-// Wrap native boolean attributes with getters that check both property and attribute
-// The list is as followed:
-// muted, defaultMuted, autoplay, controls, loop, playsinline
-
-
-[
-/**
- * Get the value of `muted` from the media element. `muted` indicates
- * that the volume for the media should be set to silent. This does not actually change
- * the `volume` attribute.
- *
- * @method Html5#muted
- * @return {boolean}
- *         - True if the value of `volume` should be ignored and the audio set to silent.
- *         - False if the value of `volume` should be used.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
- */
-'muted',
-/**
- * Get the value of `defaultMuted` from the media element. `defaultMuted` indicates
- * whether the media should start muted or not. Only changes the default state of the
- * media. `muted` and `defaultMuted` can have different values. {@link Html5#muted} indicates the
- * current state.
- *
- * @method Html5#defaultMuted
- * @return {boolean}
- *         - The value of `defaultMuted` from the media element.
- *         - True indicates that the media should start muted.
- *         - False indicates that the media should not start muted
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
- */
-'defaultMuted',
-/**
- * Get the value of `autoplay` from the media element. `autoplay` indicates
- * that the media should start to play as soon as the page is ready.
- *
- * @method Html5#autoplay
- * @return {boolean}
- *         - The value of `autoplay` from the media element.
- *         - True indicates that the media should start as soon as the page loads.
- *         - False indicates that the media should not start as soon as the page loads.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
- */
-'autoplay',
-/**
- * Get the value of `controls` from the media element. `controls` indicates
- * whether the native media controls should be shown or hidden.
- *
- * @method Html5#controls
- * @return {boolean}
- *         - The value of `controls` from the media element.
- *         - True indicates that native controls should be showing.
- *         - False indicates that native controls should be hidden.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-controls}
- */
-'controls',
-/**
- * Get the value of `loop` from the media element. `loop` indicates
- * that the media should return to the start of the media and continue playing once
- * it reaches the end.
- *
- * @method Html5#loop
- * @return {boolean}
- *         - The value of `loop` from the media element.
- *         - True indicates that playback should seek back to start once
- *           the end of a media is reached.
- *         - False indicates that playback should not loop back to the start when the
- *           end of the media is reached.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
- */
-'loop',
-/**
- * Get the value of `playsinline` from the media element. `playsinline` indicates
- * to the browser that non-fullscreen playback is preferred when fullscreen
- * playback is the native default, such as in iOS Safari.
- *
- * @method Html5#playsinline
- * @return {boolean}
- *         - The value of `playsinline` from the media element.
- *         - True indicates that the media should play inline.
- *         - False indicates that the media should not play inline.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
- */
-'playsinline'].forEach(function (prop) {
-  Html5.prototype[prop] = function () {
-    return this.el_[prop] || this.el_.hasAttribute(prop);
-  };
-}); // Wrap native boolean attributes with setters that set both property and attribute
-// The list is as followed:
-// setMuted, setDefaultMuted, setAutoplay, setLoop, setPlaysinline
-// setControls is special-cased above
-
-[
-/**
- * Set the value of `muted` on the media element. `muted` indicates that the current
- * audio level should be silent.
- *
- * @method Html5#setMuted
- * @param {boolean} muted
- *        - True if the audio should be set to silent
- *        - False otherwise
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
- */
-'muted',
-/**
- * Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current
- * audio level should be silent, but will only effect the muted level on intial playback..
- *
- * @method Html5.prototype.setDefaultMuted
- * @param {boolean} defaultMuted
- *        - True if the audio should be set to silent
- *        - False otherwise
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
- */
-'defaultMuted',
-/**
- * Set the value of `autoplay` on the media element. `autoplay` indicates
- * that the media should start to play as soon as the page is ready.
- *
- * @method Html5#setAutoplay
- * @param {boolean} autoplay
- *         - True indicates that the media should start as soon as the page loads.
- *         - False indicates that the media should not start as soon as the page loads.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
- */
-'autoplay',
-/**
- * Set the value of `loop` on the media element. `loop` indicates
- * that the media should return to the start of the media and continue playing once
- * it reaches the end.
- *
- * @method Html5#setLoop
- * @param {boolean} loop
- *         - True indicates that playback should seek back to start once
- *           the end of a media is reached.
- *         - False indicates that playback should not loop back to the start when the
- *           end of the media is reached.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
- */
-'loop',
-/**
- * Set the value of `playsinline` from the media element. `playsinline` indicates
- * to the browser that non-fullscreen playback is preferred when fullscreen
- * playback is the native default, such as in iOS Safari.
- *
- * @method Html5#setPlaysinline
- * @param {boolean} playsinline
- *         - True indicates that the media should play inline.
- *         - False indicates that the media should not play inline.
- *
- * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
- */
-'playsinline'].forEach(function (prop) {
-  Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-    this.el_[prop] = v;
-
-    if (v) {
-      this.el_.setAttribute(prop, prop);
-    } else {
-      this.el_.removeAttribute(prop);
-    }
-  };
-}); // Wrap native properties with a getter
-// The list is as followed
-// paused, currentTime, buffered, volume, poster, preload, error, seeking
-// seekable, ended, playbackRate, defaultPlaybackRate, played, networkState
-// readyState, videoWidth, videoHeight
-
-[
-/**
- * Get the value of `paused` from the media element. `paused` indicates whether the media element
- * is currently paused or not.
- *
- * @method Html5#paused
- * @return {boolean}
- *         The value of `paused` from the media element.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-paused}
- */
-'paused',
-/**
- * Get the value of `currentTime` from the media element. `currentTime` indicates
- * the current second that the media is at in playback.
- *
- * @method Html5#currentTime
- * @return {number}
- *         The value of `currentTime` from the media element.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-currenttime}
- */
-'currentTime',
-/**
- * Get the value of `buffered` from the media element. `buffered` is a `TimeRange`
- * object that represents the parts of the media that are already downloaded and
- * available for playback.
- *
- * @method Html5#buffered
- * @return {TimeRange}
- *         The value of `buffered` from the media element.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-buffered}
- */
-'buffered',
-/**
- * Get the value of `volume` from the media element. `volume` indicates
- * the current playback volume of audio for a media. `volume` will be a value from 0
- * (silent) to 1 (loudest and default).
- *
- * @method Html5#volume
- * @return {number}
- *         The value of `volume` from the media element. Value will be between 0-1.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
- */
-'volume',
-/**
- * Get the value of `poster` from the media element. `poster` indicates
- * that the url of an image file that can/will be shown when no media data is available.
- *
- * @method Html5#poster
- * @return {string}
- *         The value of `poster` from the media element. Value will be a url to an
- *         image.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster}
- */
-'poster',
-/**
- * Get the value of `preload` from the media element. `preload` indicates
- * what should download before the media is interacted with. It can have the following
- * values:
- * - none: nothing should be downloaded
- * - metadata: poster and the first few frames of the media may be downloaded to get
- *   media dimensions and other metadata
- * - auto: allow the media and metadata for the media to be downloaded before
- *    interaction
- *
- * @method Html5#preload
- * @return {string}
- *         The value of `preload` from the media element. Will be 'none', 'metadata',
- *         or 'auto'.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
- */
-'preload',
-/**
- * Get the value of the `error` from the media element. `error` indicates any
- * MediaError that may have occurred during playback. If error returns null there is no
- * current error.
- *
- * @method Html5#error
- * @return {MediaError|null}
- *         The value of `error` from the media element. Will be `MediaError` if there
- *         is a current error and null otherwise.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-error}
- */
-'error',
-/**
- * Get the value of `seeking` from the media element. `seeking` indicates whether the
- * media is currently seeking to a new position or not.
- *
- * @method Html5#seeking
- * @return {boolean}
- *         - The value of `seeking` from the media element.
- *         - True indicates that the media is currently seeking to a new position.
- *         - False indicates that the media is not seeking to a new position at this time.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seeking}
- */
-'seeking',
-/**
- * Get the value of `seekable` from the media element. `seekable` returns a
- * `TimeRange` object indicating ranges of time that can currently be `seeked` to.
- *
- * @method Html5#seekable
- * @return {TimeRange}
- *         The value of `seekable` from the media element. A `TimeRange` object
- *         indicating the current ranges of time that can be seeked to.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seekable}
- */
-'seekable',
-/**
- * Get the value of `ended` from the media element. `ended` indicates whether
- * the media has reached the end or not.
- *
- * @method Html5#ended
- * @return {boolean}
- *         - The value of `ended` from the media element.
- *         - True indicates that the media has ended.
- *         - False indicates that the media has not ended.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-ended}
- */
-'ended',
-/**
- * Get the value of `playbackRate` from the media element. `playbackRate` indicates
- * the rate at which the media is currently playing back. Examples:
- *   - if playbackRate is set to 2, media will play twice as fast.
- *   - if playbackRate is set to 0.5, media will play half as fast.
- *
- * @method Html5#playbackRate
- * @return {number}
- *         The value of `playbackRate` from the media element. A number indicating
- *         the current playback speed of the media, where 1 is normal speed.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
- */
-'playbackRate',
-/**
- * Get the value of `defaultPlaybackRate` from the media element. `defaultPlaybackRate` indicates
- * the rate at which the media is currently playing back. This value will not indicate the current
- * `playbackRate` after playback has started, use {@link Html5#playbackRate} for that.
- *
- * Examples:
- *   - if defaultPlaybackRate is set to 2, media will play twice as fast.
- *   - if defaultPlaybackRate is set to 0.5, media will play half as fast.
- *
- * @method Html5.prototype.defaultPlaybackRate
- * @return {number}
- *         The value of `defaultPlaybackRate` from the media element. A number indicating
- *         the current playback speed of the media, where 1 is normal speed.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
- */
-'defaultPlaybackRate',
-/**
- * Get the value of `played` from the media element. `played` returns a `TimeRange`
- * object representing points in the media timeline that have been played.
- *
- * @method Html5#played
- * @return {TimeRange}
- *         The value of `played` from the media element. A `TimeRange` object indicating
- *         the ranges of time that have been played.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-played}
- */
-'played',
-/**
- * Get the value of `networkState` from the media element. `networkState` indicates
- * the current network state. It returns an enumeration from the following list:
- * - 0: NETWORK_EMPTY
- * - 1: NETWORK_IDLE
- * - 2: NETWORK_LOADING
- * - 3: NETWORK_NO_SOURCE
- *
- * @method Html5#networkState
- * @return {number}
- *         The value of `networkState` from the media element. This will be a number
- *         from the list in the description.
- *
- * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate}
- */
-'networkState',
-/**
- * Get the value of `readyState` from the media element. `readyState` indicates
- * the current state of the media element. It returns an enumeration from the
- * following list:
- * - 0: HAVE_NOTHING
- * - 1: HAVE_METADATA
- * - 2: HAVE_CURRENT_DATA
- * - 3: HAVE_FUTURE_DATA
- * - 4: HAVE_ENOUGH_DATA
- *
- * @method Html5#readyState
- * @return {number}
- *         The value of `readyState` from the media element. This will be a number
- *         from the list in the description.
- *
- * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#ready-states}
- */
-'readyState',
-/**
- * Get the value of `videoWidth` from the video element. `videoWidth` indicates
- * the current width of the video in css pixels.
- *
- * @method Html5#videoWidth
- * @return {number}
- *         The value of `videoWidth` from the video element. This will be a number
- *         in css pixels.
- *
- * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
- */
-'videoWidth',
-/**
- * Get the value of `videoHeight` from the video element. `videoHeight` indicates
- * the current height of the video in css pixels.
- *
- * @method Html5#videoHeight
- * @return {number}
- *         The value of `videoHeight` from the video element. This will be a number
- *         in css pixels.
- *
- * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
- */
-'videoHeight'].forEach(function (prop) {
-  Html5.prototype[prop] = function () {
-    return this.el_[prop];
-  };
-}); // Wrap native properties with a setter in this format:
-// set + toTitleCase(name)
-// The list is as follows:
-// setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate
-
-[
-/**
- * Set the value of `volume` on the media element. `volume` indicates the current
- * audio level as a percentage in decimal form. This means that 1 is 100%, 0.5 is 50%, and
- * so on.
- *
- * @method Html5#setVolume
- * @param {number} percentAsDecimal
- *        The volume percent as a decimal. Valid range is from 0-1.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
- */
-'volume',
-/**
- * Set the value of `src` on the media element. `src` indicates the current
- * {@link Tech~SourceObject} for the media.
- *
- * @method Html5#setSrc
- * @param {Tech~SourceObject} src
- *        The source object to set as the current source.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-src}
- */
-'src',
-/**
- * Set the value of `poster` on the media element. `poster` is the url to
- * an image file that can/will be shown when no media data is available.
- *
- * @method Html5#setPoster
- * @param {string} poster
- *        The url to an image that should be used as the `poster` for the media
- *        element.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-poster}
- */
-'poster',
-/**
- * Set the value of `preload` on the media element. `preload` indicates
- * what should download before the media is interacted with. It can have the following
- * values:
- * - none: nothing should be downloaded
- * - metadata: poster and the first few frames of the media may be downloaded to get
- *   media dimensions and other metadata
- * - auto: allow the media and metadata for the media to be downloaded before
- *    interaction
- *
- * @method Html5#setPreload
- * @param {string} preload
- *         The value of `preload` to set on the media element. Must be 'none', 'metadata',
- *         or 'auto'.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
- */
-'preload',
-/**
- * Set the value of `playbackRate` on the media element. `playbackRate` indicates
- * the rate at which the media should play back. Examples:
- *   - if playbackRate is set to 2, media will play twice as fast.
- *   - if playbackRate is set to 0.5, media will play half as fast.
- *
- * @method Html5#setPlaybackRate
- * @return {number}
- *         The value of `playbackRate` from the media element. A number indicating
- *         the current playback speed of the media, where 1 is normal speed.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
- */
-'playbackRate',
-/**
- * Set the value of `defaultPlaybackRate` on the media element. `defaultPlaybackRate` indicates
- * the rate at which the media should play back upon initial startup. Changing this value
- * after a video has started will do nothing. Instead you should used {@link Html5#setPlaybackRate}.
- *
- * Example Values:
- *   - if playbackRate is set to 2, media will play twice as fast.
- *   - if playbackRate is set to 0.5, media will play half as fast.
- *
- * @method Html5.prototype.setDefaultPlaybackRate
- * @return {number}
- *         The value of `defaultPlaybackRate` from the media element. A number indicating
- *         the current playback speed of the media, where 1 is normal speed.
- *
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}
- */
-'defaultPlaybackRate'].forEach(function (prop) {
-  Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-    this.el_[prop] = v;
-  };
-}); // wrap native functions with a function
-// The list is as follows:
-// pause, load, play
-
-[
-/**
- * A wrapper around the media elements `pause` function. This will call the `HTML5`
- * media elements `pause` function.
- *
- * @method Html5#pause
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-pause}
- */
-'pause',
-/**
- * A wrapper around the media elements `load` function. This will call the `HTML5`s
- * media element `load` function.
- *
- * @method Html5#load
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-load}
- */
-'load',
-/**
- * A wrapper around the media elements `play` function. This will call the `HTML5`s
- * media element `play` function.
- *
- * @method Html5#play
- * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-play}
- */
-'play'].forEach(function (prop) {
-  Html5.prototype[prop] = function () {
-    return this.el_[prop]();
-  };
-});
-Tech.withSourceHandlers(Html5);
-/**
- * Native source handler for Html5, simply passes the source to the media element.
- *
- * @property {Tech~SourceObject} source
- *        The source object
- *
- * @property {Html5} tech
- *        The instance of the HTML5 tech.
- */
-
-Html5.nativeSourceHandler = {};
-/**
- * Check if the media element can play the given mime type.
- *
- * @param {string} type
- *        The mimetype to check
- *
- * @return {string}
- *         'probably', 'maybe', or '' (empty string)
- */
-
-Html5.nativeSourceHandler.canPlayType = function (type) {
-  // IE without MediaPlayer throws an error (#519)
-  try {
-    return Html5.TEST_VID.canPlayType(type);
-  } catch (e) {
-    return '';
-  }
-};
-/**
- * Check if the media element can handle a source natively.
- *
- * @param {Tech~SourceObject} source
- *         The source object
- *
- * @param {Object} [options]
- *         Options to be passed to the tech.
- *
- * @return {string}
- *         'probably', 'maybe', or '' (empty string).
- */
-
-
-Html5.nativeSourceHandler.canHandleSource = function (source, options) {
-  // If a type was provided we should rely on that
-  if (source.type) {
-    return Html5.nativeSourceHandler.canPlayType(source.type); // If no type, fall back to checking 'video/[EXTENSION]'
-  } else if (source.src) {
-    var ext = getFileExtension(source.src);
-    return Html5.nativeSourceHandler.canPlayType("video/" + ext);
-  }
-
-  return '';
-};
-/**
- * Pass the source to the native media element.
- *
- * @param {Tech~SourceObject} source
- *        The source object
- *
- * @param {Html5} tech
- *        The instance of the Html5 tech
- *
- * @param {Object} [options]
- *        The options to pass to the source
- */
-
-
-Html5.nativeSourceHandler.handleSource = function (source, tech, options) {
-  tech.setSrc(source.src);
-};
-/**
- * A noop for the native dispose function, as cleanup is not needed.
- */
-
-
-Html5.nativeSourceHandler.dispose = function () {}; // Register the native source handler
-
-
-Html5.registerSourceHandler(Html5.nativeSourceHandler);
-Tech.registerTech('Html5', Html5);
-
-// on the player when they happen
-
-var TECH_EVENTS_RETRIGGER = [
-/**
- * Fired while the user agent is downloading media data.
- *
- * @event Player#progress
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `progress` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechProgress_
- * @fires Player#progress
- * @listens Tech#progress
- */
-'progress',
-/**
- * Fires when the loading of an audio/video is aborted.
- *
- * @event Player#abort
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `abort` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechAbort_
- * @fires Player#abort
- * @listens Tech#abort
- */
-'abort',
-/**
- * Fires when the browser is intentionally not getting media data.
- *
- * @event Player#suspend
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `suspend` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechSuspend_
- * @fires Player#suspend
- * @listens Tech#suspend
- */
-'suspend',
-/**
- * Fires when the current playlist is empty.
- *
- * @event Player#emptied
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `emptied` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechEmptied_
- * @fires Player#emptied
- * @listens Tech#emptied
- */
-'emptied',
-/**
- * Fires when the browser is trying to get media data, but data is not available.
- *
- * @event Player#stalled
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `stalled` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechStalled_
- * @fires Player#stalled
- * @listens Tech#stalled
- */
-'stalled',
-/**
- * Fires when the browser has loaded meta data for the audio/video.
- *
- * @event Player#loadedmetadata
- * @type {EventTarget~Event}
- */
-
-/**
- * Retrigger the `stalled` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechLoadedmetadata_
- * @fires Player#loadedmetadata
- * @listens Tech#loadedmetadata
- */
-'loadedmetadata',
-/**
- * Fires when the browser has loaded the current frame of the audio/video.
- *
- * @event Player#loadeddata
- * @type {event}
- */
-
-/**
- * Retrigger the `loadeddata` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechLoaddeddata_
- * @fires Player#loadeddata
- * @listens Tech#loadeddata
- */
-'loadeddata',
-/**
- * Fires when the current playback position has changed.
- *
- * @event Player#timeupdate
- * @type {event}
- */
-
-/**
- * Retrigger the `timeupdate` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechTimeUpdate_
- * @fires Player#timeupdate
- * @listens Tech#timeupdate
- */
-'timeupdate',
-/**
- * Fires when the video's intrinsic dimensions change
- *
- * @event Player#resize
- * @type {event}
- */
-
-/**
- * Retrigger the `resize` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechResize_
- * @fires Player#resize
- * @listens Tech#resize
- */
-'resize',
-/**
- * Fires when the volume has been changed
- *
- * @event Player#volumechange
- * @type {event}
- */
-
-/**
- * Retrigger the `volumechange` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechVolumechange_
- * @fires Player#volumechange
- * @listens Tech#volumechange
- */
-'volumechange',
-/**
- * Fires when the text track has been changed
- *
- * @event Player#texttrackchange
- * @type {event}
- */
-
-/**
- * Retrigger the `texttrackchange` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechTexttrackchange_
- * @fires Player#texttrackchange
- * @listens Tech#texttrackchange
- */
-'texttrackchange']; // events to queue when playback rate is zero
-// this is a hash for the sole purpose of mapping non-camel-cased event names
-// to camel-cased function names
-
-var TECH_EVENTS_QUEUE = {
-  canplay: 'CanPlay',
-  canplaythrough: 'CanPlayThrough',
-  playing: 'Playing',
-  seeked: 'Seeked'
-};
-var BREAKPOINT_ORDER = ['tiny', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'huge'];
-var BREAKPOINT_CLASSES = {}; // grep: vjs-layout-tiny
-// grep: vjs-layout-x-small
-// grep: vjs-layout-small
-// grep: vjs-layout-medium
-// grep: vjs-layout-large
-// grep: vjs-layout-x-large
-// grep: vjs-layout-huge
-
-BREAKPOINT_ORDER.forEach(function (k) {
-  var v = k.charAt(0) === 'x' ? "x-" + k.substring(1) : k;
-  BREAKPOINT_CLASSES[k] = "vjs-layout-" + v;
-});
-var DEFAULT_BREAKPOINTS = {
-  tiny: 210,
-  xsmall: 320,
-  small: 425,
-  medium: 768,
-  large: 1440,
-  xlarge: 2560,
-  huge: Infinity
-};
-/**
- * An instance of the `Player` class is created when any of the Video.js setup methods
- * are used to initialize a video.
- *
- * After an instance has been created it can be accessed globally in two ways:
- * 1. By calling `videojs('example_video_1');`
- * 2. By using it directly via  `videojs.players.example_video_1;`
- *
- * @extends Component
- */
-
-var Player =
-/*#__PURE__*/
-function (_Component) {
-  _inheritsLoose(Player, _Component);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {Element} tag
-   *        The original video DOM element used for configuring options.
-   *
-   * @param {Object} [options]
-   *        Object of option names and values.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        Ready callback function.
-   */
-  function Player(tag, options, ready) {
-    var _this;
-
-    // Make sure tag ID exists
-    tag.id = tag.id || options.id || "vjs_video_" + newGUID(); // Set Options
-    // The options argument overrides options set in the video tag
-    // which overrides globally set options.
-    // This latter part coincides with the load order
-    // (tag must exist before Player)
-
-    options = assign(Player.getTagSettings(tag), options); // Delay the initialization of children because we need to set up
-    // player properties first, and can't use `this` before `super()`
-
-    options.initChildren = false; // Same with creating the element
-
-    options.createEl = false; // don't auto mixin the evented mixin
-
-    options.evented = false; // we don't want the player to report touch activity on itself
-    // see enableTouchActivity in Component
-
-    options.reportTouchActivity = false; // If language is not set, get the closest lang attribute
-
-    if (!options.language) {
-      if (typeof tag.closest === 'function') {
-        var closest = tag.closest('[lang]');
-
-        if (closest && closest.getAttribute) {
-          options.language = closest.getAttribute('lang');
-        }
-      } else {
-        var element = tag;
-
-        while (element && element.nodeType === 1) {
-          if (getAttributes(element).hasOwnProperty('lang')) {
-            options.language = element.getAttribute('lang');
-            break;
-          }
-
-          element = element.parentNode;
-        }
-      }
-    } // Run base component initializing with new options
-
-
-    _this = _Component.call(this, null, options, ready) || this; // Create bound methods for document listeners.
-
-    _this.boundDocumentFullscreenChange_ = bind(_assertThisInitialized(_this), _this.documentFullscreenChange_);
-    _this.boundFullWindowOnEscKey_ = bind(_assertThisInitialized(_this), _this.fullWindowOnEscKey); // create logger
-
-    _this.log = createLogger$1(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
-
-    _this.fsApi_ = FullscreenApi; // Tracks when a tech changes the poster
-
-    _this.isPosterFromTech_ = false; // Holds callback info that gets queued when playback rate is zero
-    // and a seek is happening
-
-    _this.queuedCallbacks_ = []; // Turn off API access because we're loading a new tech that might load asynchronously
-
-    _this.isReady_ = false; // Init state hasStarted_
-
-    _this.hasStarted_ = false; // Init state userActive_
-
-    _this.userActive_ = false; // if the global option object was accidentally blown away by
-    // someone, bail early with an informative error
-
-    if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {
-      throw new Error('No techOrder specified. Did you overwrite ' + 'videojs.options instead of just changing the ' + 'properties you want to override?');
-    } // Store the original tag used to set options
-
-
-    _this.tag = tag; // Store the tag attributes used to restore html5 element
-
-    _this.tagAttributes = tag && getAttributes(tag); // Update current language
-
-    _this.language(_this.options_.language); // Update Supported Languages
-
-
-    if (options.languages) {
-      // Normalise player option languages to lowercase
-      var languagesToLower = {};
-      Object.getOwnPropertyNames(options.languages).forEach(function (name) {
-        languagesToLower[name.toLowerCase()] = options.languages[name];
-      });
-      _this.languages_ = languagesToLower;
-    } else {
-      _this.languages_ = Player.prototype.options_.languages;
-    }
-
-    _this.resetCache_(); // Set poster
-
-
-    _this.poster_ = options.poster || ''; // Set controls
-
-    _this.controls_ = !!options.controls; // Original tag settings stored in options
-    // now remove immediately so native controls don't flash.
-    // May be turned back on by HTML5 tech if nativeControlsForTouch is true
-
-    tag.controls = false;
-    tag.removeAttribute('controls');
-    _this.changingSrc_ = false;
-    _this.playCallbacks_ = [];
-    _this.playTerminatedQueue_ = []; // the attribute overrides the option
-
-    if (tag.hasAttribute('autoplay')) {
-      _this.autoplay(true);
-    } else {
-      // otherwise use the setter to validate and
-      // set the correct value.
-      _this.autoplay(_this.options_.autoplay);
-    } // check plugins
-
-
-    if (options.plugins) {
-      Object.keys(options.plugins).forEach(function (name) {
-        if (typeof _this[name] !== 'function') {
-          throw new Error("plugin \"" + name + "\" does not exist");
-        }
-      });
-    }
-    /*
-     * Store the internal state of scrubbing
-     *
-     * @private
-     * @return {Boolean} True if the user is scrubbing
-     */
-
-
-    _this.scrubbing_ = false;
-    _this.el_ = _this.createEl(); // Make this an evented object and use `el_` as its event bus.
-
-    evented(_assertThisInitialized(_this), {
-      eventBusKey: 'el_'
-    });
-
-    if (_this.fluid_) {
-      _this.on('playerreset', _this.updateStyleEl_);
-    } // We also want to pass the original player options to each component and plugin
-    // as well so they don't need to reach back into the player for options later.
-    // We also need to do another copy of this.options_ so we don't end up with
-    // an infinite loop.
-
-
-    var playerOptionsCopy = mergeOptions(_this.options_); // Load plugins
-
-    if (options.plugins) {
-      Object.keys(options.plugins).forEach(function (name) {
-        _this[name](options.plugins[name]);
-      });
-    }
-
-    _this.options_.playerOptions = playerOptionsCopy;
-    _this.middleware_ = [];
-
-    _this.initChildren(); // Set isAudio based on whether or not an audio tag was used
-
-
-    _this.isAudio(tag.nodeName.toLowerCase() === 'audio'); // Update controls className. Can't do this when the controls are initially
-    // set because the element doesn't exist yet.
-
-
-    if (_this.controls()) {
-      _this.addClass('vjs-controls-enabled');
-    } else {
-      _this.addClass('vjs-controls-disabled');
-    } // Set ARIA label and region role depending on player type
-
-
-    _this.el_.setAttribute('role', 'region');
-
-    if (_this.isAudio()) {
-      _this.el_.setAttribute('aria-label', _this.localize('Audio Player'));
-    } else {
-      _this.el_.setAttribute('aria-label', _this.localize('Video Player'));
-    }
-
-    if (_this.isAudio()) {
-      _this.addClass('vjs-audio');
-    }
-
-    if (_this.flexNotSupported_()) {
-      _this.addClass('vjs-no-flex');
-    } // TODO: Make this smarter. Toggle user state between touching/mousing
-    // using events, since devices can have both touch and mouse events.
-    // TODO: Make this check be performed again when the window switches between monitors
-    // (See https://github.com/videojs/video.js/issues/5683)
-
-
-    if (TOUCH_ENABLED) {
-      _this.addClass('vjs-touch-enabled');
-    } // iOS Safari has broken hover handling
-
-
-    if (!IS_IOS) {
-      _this.addClass('vjs-workinghover');
-    } // Make player easily findable by ID
-
-
-    Player.players[_this.id_] = _assertThisInitialized(_this); // Add a major version class to aid css in plugins
-
-    var majorVersion = version.split('.')[0];
-
-    _this.addClass("vjs-v" + majorVersion); // When the player is first initialized, trigger activity so components
-    // like the control bar show themselves if needed
-
-
-    _this.userActive(true);
-
-    _this.reportUserActivity();
-
-    _this.one('play', _this.listenForUserActivity_);
-
-    _this.on('stageclick', _this.handleStageClick_);
-
-    _this.on('keydown', _this.handleKeyDown);
-
-    _this.breakpoints(_this.options_.breakpoints);
-
-    _this.responsive(_this.options_.responsive);
-
-    return _this;
-  }
-  /**
-   * 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.
-   *
-   * @fires Player#dispose
-   */
-
-
-  var _proto = Player.prototype;
-
-  _proto.dispose = function dispose() {
-    var _this2 = this;
-
-    /**
-     * Called when the player is being disposed of.
-     *
-     * @event Player#dispose
-     * @type {EventTarget~Event}
-     */
-    this.trigger('dispose'); // prevent dispose from being called twice
-
-    this.off('dispose'); // Make sure all player-specific document listeners are unbound. This is
-
-    off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-    off(document, 'keydown', this.boundFullWindowOnEscKey_);
-
-    if (this.styleEl_ && this.styleEl_.parentNode) {
-      this.styleEl_.parentNode.removeChild(this.styleEl_);
-      this.styleEl_ = null;
-    } // Kill reference to this player
-
-
-    Player.players[this.id_] = null;
-
-    if (this.tag && this.tag.player) {
-      this.tag.player = null;
-    }
-
-    if (this.el_ && this.el_.player) {
-      this.el_.player = null;
-    }
-
-    if (this.tech_) {
-      this.tech_.dispose();
-      this.isPosterFromTech_ = false;
-      this.poster_ = '';
-    }
-
-    if (this.playerElIngest_) {
-      this.playerElIngest_ = null;
-    }
-
-    if (this.tag) {
-      this.tag = null;
-    }
-
-    clearCacheForPlayer(this); // remove all event handlers for track lists
-    // all tracks and track listeners are removed on
-    // tech dispose
-
-    ALL.names.forEach(function (name) {
-      var props = ALL[name];
-
-      var list = _this2[props.getterName](); // if it is not a native list
-      // we have to manually remove event listeners
-
-
-      if (list && list.off) {
-        list.off();
-      }
-    }); // the actual .el_ is removed here
-
-    _Component.prototype.dispose.call(this);
-  }
-  /**
-   * Create the `Player`'s DOM element.
-   *
-   * @return {Element}
-   *         The DOM element that gets created.
-   */
-  ;
-
-  _proto.createEl = function createEl() {
-    var tag = this.tag;
-    var el;
-    var playerElIngest = this.playerElIngest_ = tag.parentNode && tag.parentNode.hasAttribute && tag.parentNode.hasAttribute('data-vjs-player');
-    var divEmbed = this.tag.tagName.toLowerCase() === 'video-js';
-
-    if (playerElIngest) {
-      el = this.el_ = tag.parentNode;
-    } else if (!divEmbed) {
-      el = this.el_ = _Component.prototype.createEl.call(this, 'div');
-    } // Copy over all the attributes from the tag, including ID and class
-    // ID will now reference player box, not the video tag
-
-
-    var attrs = getAttributes(tag);
-
-    if (divEmbed) {
-      el = this.el_ = tag;
-      tag = this.tag = document.createElement('video');
-
-      while (el.children.length) {
-        tag.appendChild(el.firstChild);
-      }
-
-      if (!hasClass(el, 'video-js')) {
-        addClass(el, 'video-js');
-      }
-
-      el.appendChild(tag);
-      playerElIngest = this.playerElIngest_ = el; // move properties over from our custom `video-js` element
-      // to our new `video` element. This will move things like
-      // `src` or `controls` that were set via js before the player
-      // was initialized.
-
-      Object.keys(el).forEach(function (k) {
-        try {
-          tag[k] = el[k];
-        } catch (e) {// we got a a property like outerHTML which we can't actually copy, ignore it
-        }
-      });
-    } // set tabindex to -1 to remove the video element from the focus order
-
-
-    tag.setAttribute('tabindex', '-1');
-    attrs.tabindex = '-1'; // Workaround for #4583 (JAWS+IE doesn't announce BPB or play button), and
-    // for the same issue with Chrome (on Windows) with JAWS.
-    // See https://github.com/FreedomScientific/VFO-standards-support/issues/78
-    // Note that we can't detect if JAWS is being used, but this ARIA attribute
-    //  doesn't change behavior of IE11 or Chrome if JAWS is not being used
-
-    if (IE_VERSION || IS_CHROME && IS_WINDOWS) {
-      tag.setAttribute('role', 'application');
-      attrs.role = 'application';
-    } // Remove width/height attrs from tag so CSS can make it 100% width/height
-
-
-    tag.removeAttribute('width');
-    tag.removeAttribute('height');
-
-    if ('width' in attrs) {
-      delete attrs.width;
-    }
-
-    if ('height' in attrs) {
-      delete attrs.height;
-    }
-
-    Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-      // don't copy over the class attribute to the player element when we're in a div embed
-      // the class is already set up properly in the divEmbed case
-      // and we want to make sure that the `video-js` class doesn't get lost
-      if (!(divEmbed && attr === 'class')) {
-        el.setAttribute(attr, attrs[attr]);
-      }
-
-      if (divEmbed) {
-        tag.setAttribute(attr, attrs[attr]);
-      }
-    }); // Update tag id/class for use as HTML5 playback tech
-    // Might think we should do this after embedding in container so .vjs-tech class
-    // doesn't flash 100% width/height, but class only applies with .video-js parent
-
-    tag.playerId = tag.id;
-    tag.id += '_html5_api';
-    tag.className = 'vjs-tech'; // Make player findable on elements
-
-    tag.player = el.player = this; // Default state of video is paused
-
-    this.addClass('vjs-paused'); // Add a style element in the player that we'll use to set the width/height
-    // of the player in a way that's still overrideable by CSS, just like the
-    // video element
-
-    if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
-      this.styleEl_ = createStyleElement('vjs-styles-dimensions');
-      var defaultsStyleEl = $('.vjs-styles-defaults');
-      var head = $('head');
-      head.insertBefore(this.styleEl_, defaultsStyleEl ? defaultsStyleEl.nextSibling : head.firstChild);
-    }
-
-    this.fill_ = false;
-    this.fluid_ = false; // Pass in the width/height/aspectRatio options which will update the style el
-
-    this.width(this.options_.width);
-    this.height(this.options_.height);
-    this.fill(this.options_.fill);
-    this.fluid(this.options_.fluid);
-    this.aspectRatio(this.options_.aspectRatio); // Hide any links within the video/audio tag,
-    // because IE doesn't hide them completely from screen readers.
-
-    var links = tag.getElementsByTagName('a');
-
-    for (var i = 0; i < links.length; i++) {
-      var linkEl = links.item(i);
-      addClass(linkEl, 'vjs-hidden');
-      linkEl.setAttribute('hidden', 'hidden');
-    } // insertElFirst seems to cause the networkState to flicker from 3 to 2, so
-    // keep track of the original for later so we can know if the source originally failed
-
-
-    tag.initNetworkState_ = tag.networkState; // Wrap video tag in div (el/box) container
-
-    if (tag.parentNode && !playerElIngest) {
-      tag.parentNode.insertBefore(el, tag);
-    } // insert the tag as the first child of the player element
-    // then manually add it to the children array so that this.addChild
-    // will work properly for other components
-    //
-    // Breaks iPhone, fixed in HTML5 setup.
-
-
-    prependTo(tag, el);
-    this.children_.unshift(tag); // Set lang attr on player to ensure CSS :lang() in consistent with player
-    // if it's been set to something different to the doc
-
-    this.el_.setAttribute('lang', this.language_);
-    this.el_ = el;
-    return el;
-  }
-  /**
-   * A getter/setter for the `Player`'s width. Returns the player's configured value.
-   * To get the current width use `currentWidth()`.
-   *
-   * @param {number} [value]
-   *        The value to set the `Player`'s width to.
-   *
-   * @return {number}
-   *         The current width of the `Player` when getting.
-   */
-  ;
-
-  _proto.width = function width(value) {
-    return this.dimension('width', value);
-  }
-  /**
-   * A getter/setter for the `Player`'s height. Returns the player's configured value.
-   * To get the current height use `currentheight()`.
-   *
-   * @param {number} [value]
-   *        The value to set the `Player`'s heigth to.
-   *
-   * @return {number}
-   *         The current height of the `Player` when getting.
-   */
-  ;
-
-  _proto.height = function height(value) {
-    return this.dimension('height', value);
-  }
-  /**
-   * A getter/setter for the `Player`'s width & height.
-   *
-   * @param {string} dimension
-   *        This string can be:
-   *        - 'width'
-   *        - 'height'
-   *
-   * @param {number} [value]
-   *        Value for dimension specified in the first argument.
-   *
-   * @return {number}
-   *         The dimension arguments value when getting (width/height).
-   */
-  ;
-
-  _proto.dimension = function dimension(_dimension, value) {
-    var privDimension = _dimension + '_';
-
-    if (value === undefined) {
-      return this[privDimension] || 0;
-    }
-
-    if (value === '' || value === 'auto') {
-      // If an empty string is given, reset the dimension to be automatic
-      this[privDimension] = undefined;
-      this.updateStyleEl_();
-      return;
-    }
-
-    var parsedVal = parseFloat(value);
-
-    if (isNaN(parsedVal)) {
-      log.error("Improper value \"" + value + "\" supplied for for " + _dimension);
-      return;
-    }
-
-    this[privDimension] = parsedVal;
-    this.updateStyleEl_();
-  }
-  /**
-   * A getter/setter/toggler for the vjs-fluid `className` on the `Player`.
-   *
-   * Turning this on will turn off fill mode.
-   *
-   * @param {boolean} [bool]
-   *        - A value of true adds the class.
-   *        - A value of false removes the class.
-   *        - No value will be a getter.
-   *
-   * @return {boolean|undefined}
-   *         - The value of fluid when getting.
-   *         - `undefined` when setting.
-   */
-  ;
-
-  _proto.fluid = function fluid(bool) {
-    if (bool === undefined) {
-      return !!this.fluid_;
-    }
-
-    this.fluid_ = !!bool;
-
-    if (isEvented(this)) {
-      this.off('playerreset', this.updateStyleEl_);
-    }
-
-    if (bool) {
-      this.addClass('vjs-fluid');
-      this.fill(false);
-      addEventedCallback(function () {
-        this.on('playerreset', this.updateStyleEl_);
-      });
-    } else {
-      this.removeClass('vjs-fluid');
-    }
-
-    this.updateStyleEl_();
-  }
-  /**
-   * A getter/setter/toggler for the vjs-fill `className` on the `Player`.
-   *
-   * Turning this on will turn off fluid mode.
-   *
-   * @param {boolean} [bool]
-   *        - A value of true adds the class.
-   *        - A value of false removes the class.
-   *        - No value will be a getter.
-   *
-   * @return {boolean|undefined}
-   *         - The value of fluid when getting.
-   *         - `undefined` when setting.
-   */
-  ;
-
-  _proto.fill = function fill(bool) {
-    if (bool === undefined) {
-      return !!this.fill_;
-    }
-
-    this.fill_ = !!bool;
-
-    if (bool) {
-      this.addClass('vjs-fill');
-      this.fluid(false);
-    } else {
-      this.removeClass('vjs-fill');
-    }
-  }
-  /**
-   * Get/Set the aspect ratio
-   *
-   * @param {string} [ratio]
-   *        Aspect ratio for player
-   *
-   * @return {string|undefined}
-   *         returns the current aspect ratio when getting
-   */
-
-  /**
-   * A getter/setter for the `Player`'s aspect ratio.
-   *
-   * @param {string} [ratio]
-   *        The value to set the `Player's aspect ratio to.
-   *
-   * @return {string|undefined}
-   *         - The current aspect ratio of the `Player` when getting.
-   *         - undefined when setting
-   */
-  ;
-
-  _proto.aspectRatio = function aspectRatio(ratio) {
-    if (ratio === undefined) {
-      return this.aspectRatio_;
-    } // Check for width:height format
-
-
-    if (!/^\d+\:\d+$/.test(ratio)) {
-      throw new Error('Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.');
-    }
-
-    this.aspectRatio_ = ratio; // We're assuming if you set an aspect ratio you want fluid mode,
-    // because in fixed mode you could calculate width and height yourself.
-
-    this.fluid(true);
-    this.updateStyleEl_();
-  }
-  /**
-   * Update styles of the `Player` element (height, width and aspect ratio).
-   *
-   * @private
-   * @listens Tech#loadedmetadata
-   */
-  ;
-
-  _proto.updateStyleEl_ = function updateStyleEl_() {
-    if (window$1.VIDEOJS_NO_DYNAMIC_STYLE === true) {
-      var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;
-
-      var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;
-
-      var techEl = this.tech_ && this.tech_.el();
-
-      if (techEl) {
-        if (_width >= 0) {
-          techEl.width = _width;
-        }
-
-        if (_height >= 0) {
-          techEl.height = _height;
-        }
-      }
-
-      return;
-    }
-
-    var width;
-    var height;
-    var aspectRatio;
-    var idClass; // The aspect ratio is either used directly or to calculate width and height.
-
-    if (this.aspectRatio_ !== undefined && this.aspectRatio_ !== 'auto') {
-      // Use any aspectRatio that's been specifically set
-      aspectRatio = this.aspectRatio_;
-    } else if (this.videoWidth() > 0) {
-      // Otherwise try to get the aspect ratio from the video metadata
-      aspectRatio = this.videoWidth() + ':' + this.videoHeight();
-    } else {
-      // Or use a default. The video element's is 2:1, but 16:9 is more common.
-      aspectRatio = '16:9';
-    } // Get the ratio as a decimal we can use to calculate dimensions
-
-
-    var ratioParts = aspectRatio.split(':');
-    var ratioMultiplier = ratioParts[1] / ratioParts[0];
-
-    if (this.width_ !== undefined) {
-      // Use any width that's been specifically set
-      width = this.width_;
-    } else if (this.height_ !== undefined) {
-      // Or calulate the width from the aspect ratio if a height has been set
-      width = this.height_ / ratioMultiplier;
-    } else {
-      // Or use the video's metadata, or use the video el's default of 300
-      width = this.videoWidth() || 300;
-    }
-
-    if (this.height_ !== undefined) {
-      // Use any height that's been specifically set
-      height = this.height_;
-    } else {
-      // Otherwise calculate the height from the ratio and the width
-      height = width * ratioMultiplier;
-    } // Ensure the CSS class is valid by starting with an alpha character
-
-
-    if (/^[^a-zA-Z]/.test(this.id())) {
-      idClass = 'dimensions-' + this.id();
-    } else {
-      idClass = this.id() + '-dimensions';
-    } // Ensure the right class is still on the player for the style element
-
-
-    this.addClass(idClass);
-    setTextContent(this.styleEl_, "\n      ." + idClass + " {\n        width: " + width + "px;\n        height: " + height + "px;\n      }\n\n      ." + idClass + ".vjs-fluid {\n        padding-top: " + ratioMultiplier * 100 + "%;\n      }\n    ");
-  }
-  /**
-   * Load/Create an instance of playback {@link Tech} including element
-   * and API methods. Then append the `Tech` element in `Player` as a child.
-   *
-   * @param {string} techName
-   *        name of the playback technology
-   *
-   * @param {string} source
-   *        video source
-   *
-   * @private
-   */
-  ;
-
-  _proto.loadTech_ = function loadTech_(techName, source) {
-    var _this3 = this;
-
-    // Pause and remove current playback technology
-    if (this.tech_) {
-      this.unloadTech_();
-    }
-
-    var titleTechName = toTitleCase(techName);
-    var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1); // get rid of the HTML5 video tag as soon as we are using another tech
-
-    if (titleTechName !== 'Html5' && this.tag) {
-      Tech.getTech('Html5').disposeMediaElement(this.tag);
-      this.tag.player = null;
-      this.tag = null;
-    }
-
-    this.techName_ = titleTechName; // Turn off API access because we're loading a new tech that might load asynchronously
-
-    this.isReady_ = false; // if autoplay is a string we pass false to the tech
-    // because the player is going to handle autoplay on `loadstart`
-
-    var autoplay = typeof this.autoplay() === 'string' ? false : this.autoplay(); // Grab tech-specific options from player options and add source and parent element to use.
-
-    var techOptions = {
-      source: source,
-      autoplay: autoplay,
-      'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-      'playerId': this.id(),
-      'techId': this.id() + "_" + camelTechName + "_api",
-      'playsinline': this.options_.playsinline,
-      'preload': this.options_.preload,
-      'loop': this.options_.loop,
-      'muted': this.options_.muted,
-      'poster': this.poster(),
-      'language': this.language(),
-      'playerElIngest': this.playerElIngest_ || false,
-      'vtt.js': this.options_['vtt.js'],
-      'canOverridePoster': !!this.options_.techCanOverridePoster,
-      'enableSourceset': this.options_.enableSourceset,
-      'Promise': this.options_.Promise
-    };
-    ALL.names.forEach(function (name) {
-      var props = ALL[name];
-      techOptions[props.getterName] = _this3[props.privateName];
-    });
-    assign(techOptions, this.options_[titleTechName]);
-    assign(techOptions, this.options_[camelTechName]);
-    assign(techOptions, this.options_[techName.toLowerCase()]);
-
-    if (this.tag) {
-      techOptions.tag = this.tag;
-    }
-
-    if (source && source.src === this.cache_.src && this.cache_.currentTime > 0) {
-      techOptions.startTime = this.cache_.currentTime;
-    } // Initialize tech instance
-
-
-    var TechClass = Tech.getTech(techName);
-
-    if (!TechClass) {
-      throw new Error("No Tech named '" + titleTechName + "' exists! '" + titleTechName + "' should be registered using videojs.registerTech()'");
-    }
-
-    this.tech_ = new TechClass(techOptions); // player.triggerReady is always async, so don't need this to be async
-
-    this.tech_.ready(bind(this, this.handleTechReady_), true);
-    textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_); // Listen to all HTML5-defined events and trigger them on the player
-
-    TECH_EVENTS_RETRIGGER.forEach(function (event) {
-      _this3.on(_this3.tech_, event, _this3["handleTech" + toTitleCase(event) + "_"]);
-    });
-    Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {
-      _this3.on(_this3.tech_, event, function (eventObj) {
-        if (_this3.tech_.playbackRate() === 0 && _this3.tech_.seeking()) {
-          _this3.queuedCallbacks_.push({
-            callback: _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this3),
-            event: eventObj
-          });
-
-          return;
-        }
-
-        _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
-      });
-    });
-    this.on(this.tech_, 'loadstart', this.handleTechLoadStart_);
-    this.on(this.tech_, 'sourceset', this.handleTechSourceset_);
-    this.on(this.tech_, 'waiting', this.handleTechWaiting_);
-    this.on(this.tech_, 'ended', this.handleTechEnded_);
-    this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-    this.on(this.tech_, 'play', this.handleTechPlay_);
-    this.on(this.tech_, 'firstplay', this.handleTechFirstPlay_);
-    this.on(this.tech_, 'pause', this.handleTechPause_);
-    this.on(this.tech_, 'durationchange', this.handleTechDurationChange_);
-    this.on(this.tech_, 'fullscreenchange', this.handleTechFullscreenChange_);
-    this.on(this.tech_, 'enterpictureinpicture', this.handleTechEnterPictureInPicture_);
-    this.on(this.tech_, 'leavepictureinpicture', this.handleTechLeavePictureInPicture_);
-    this.on(this.tech_, 'error', this.handleTechError_);
-    this.on(this.tech_, 'loadedmetadata', this.updateStyleEl_);
-    this.on(this.tech_, 'posterchange', this.handleTechPosterChange_);
-    this.on(this.tech_, 'textdata', this.handleTechTextData_);
-    this.on(this.tech_, 'ratechange', this.handleTechRateChange_);
-    this.usingNativeControls(this.techGet_('controls'));
-
-    if (this.controls() && !this.usingNativeControls()) {
-      this.addTechControlsListeners_();
-    } // Add the tech element in the DOM if it was not already there
-    // Make sure to not insert the original video element if using Html5
-
-
-    if (this.tech_.el().parentNode !== this.el() && (titleTechName !== 'Html5' || !this.tag)) {
-      prependTo(this.tech_.el(), this.el());
-    } // Get rid of the original video tag reference after the first tech is loaded
-
-
-    if (this.tag) {
-      this.tag.player = null;
-      this.tag = null;
-    }
-  }
-  /**
-   * Unload and dispose of the current playback {@link Tech}.
-   *
-   * @private
-   */
-  ;
-
-  _proto.unloadTech_ = function unloadTech_() {
-    var _this4 = this;
-
-    // Save the current text tracks so that we can reuse the same text tracks with the next tech
-    ALL.names.forEach(function (name) {
-      var props = ALL[name];
-      _this4[props.privateName] = _this4[props.getterName]();
-    });
-    this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);
-    this.isReady_ = false;
-    this.tech_.dispose();
-    this.tech_ = false;
-
-    if (this.isPosterFromTech_) {
-      this.poster_ = '';
-      this.trigger('posterchange');
-    }
-
-    this.isPosterFromTech_ = false;
-  }
-  /**
-   * Return a reference to the current {@link Tech}.
-   * It will print a warning by default about the danger of using the tech directly
-   * but any argument that is passed in will silence the warning.
-   *
-   * @param {*} [safety]
-   *        Anything passed in to silence the warning
-   *
-   * @return {Tech}
-   *         The Tech
-   */
-  ;
-
-  _proto.tech = function tech(safety) {
-    if (safety === undefined) {
-      log.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
-    }
-
-    return this.tech_;
-  }
-  /**
-   * Set up click and touch listeners for the playback element
-   *
-   * - On desktops: a click on the video itself will toggle playback
-   * - On mobile devices: a click on the video toggles controls
-   *   which 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
-   *
-   * @private
-   */
-  ;
-
-  _proto.addTechControlsListeners_ = function addTechControlsListeners_() {
-    // Make sure to remove all the previous listeners in case we are called multiple times.
-    this.removeTechControlsListeners_(); // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
-    // trigger mousedown/up.
-    // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
-    // Any touch events are set to block the mousedown event from happening
-
-    this.on(this.tech_, 'mouseup', this.handleTechClick_);
-    this.on(this.tech_, 'dblclick', this.handleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
-    // so we'll check if the controls were already showing before reporting user
-    // activity
-
-    this.on(this.tech_, 'touchstart', this.handleTechTouchStart_);
-    this.on(this.tech_, 'touchmove', this.handleTechTouchMove_);
-    this.on(this.tech_, 'touchend', this.handleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
-    // listener cancels out any reportedUserActivity when setting userActive(false)
-
-    this.on(this.tech_, 'tap', this.handleTechTap_);
-  }
-  /**
-   * Remove the listeners used for click and tap controls. This is needed for
-   * toggling to controls disabled, where a tap/touch should do nothing.
-   *
-   * @private
-   */
-  ;
-
-  _proto.removeTechControlsListeners_ = function removeTechControlsListeners_() {
-    // We don't want to just use `this.off()` because there might be other needed
-    // listeners added by techs that extend this.
-    this.off(this.tech_, 'tap', this.handleTechTap_);
-    this.off(this.tech_, 'touchstart', this.handleTechTouchStart_);
-    this.off(this.tech_, 'touchmove', this.handleTechTouchMove_);
-    this.off(this.tech_, 'touchend', this.handleTechTouchEnd_);
-    this.off(this.tech_, 'mouseup', this.handleTechClick_);
-    this.off(this.tech_, 'dblclick', this.handleTechDoubleClick_);
-  }
-  /**
-   * Player waits for the tech to be ready
-   *
-   * @private
-   */
-  ;
-
-  _proto.handleTechReady_ = function handleTechReady_() {
-    this.triggerReady(); // Keep the same volume as before
-
-    if (this.cache_.volume) {
-      this.techCall_('setVolume', this.cache_.volume);
-    } // Look if the tech found a higher resolution poster while loading
-
-
-    this.handleTechPosterChange_(); // Update the duration if available
-
-    this.handleTechDurationChange_();
-  }
-  /**
-   * Retrigger the `loadstart` event that was triggered by the {@link Tech}. This
-   * function will also trigger {@link Player#firstplay} if it is the first loadstart
-   * for a video.
-   *
-   * @fires Player#loadstart
-   * @fires Player#firstplay
-   * @listens Tech#loadstart
-   * @private
-   */
-  ;
-
-  _proto.handleTechLoadStart_ = function handleTechLoadStart_() {
-    // TODO: Update to use `emptied` event instead. See #1277.
-    this.removeClass('vjs-ended');
-    this.removeClass('vjs-seeking'); // reset the error state
-
-    this.error(null); // Update the duration
-
-    this.handleTechDurationChange_(); // If it's already playing we want to trigger a firstplay event now.
-    // The firstplay event relies on both the play and loadstart events
-    // which can happen in any order for a new source
-
-    if (!this.paused()) {
-      /**
-       * Fired when the user agent begins looking for media data
-       *
-       * @event Player#loadstart
-       * @type {EventTarget~Event}
-       */
-      this.trigger('loadstart');
-      this.trigger('firstplay');
-    } else {
-      // reset the hasStarted state
-      this.hasStarted(false);
-      this.trigger('loadstart');
-    } // autoplay happens after loadstart for the browser,
-    // so we mimic that behavior
-
-
-    this.manualAutoplay_(this.autoplay());
-  }
-  /**
-   * Handle autoplay string values, rather than the typical boolean
-   * values that should be handled by the tech. Note that this is not
-   * part of any specification. Valid values and what they do can be
-   * found on the autoplay getter at Player#autoplay()
-   */
-  ;
-
-  _proto.manualAutoplay_ = function manualAutoplay_(type) {
-    var _this5 = this;
-
-    if (!this.tech_ || typeof type !== 'string') {
-      return;
-    }
-
-    var muted = function muted() {
-      var previouslyMuted = _this5.muted();
-
-      _this5.muted(true);
-
-      var restoreMuted = function restoreMuted() {
-        _this5.muted(previouslyMuted);
-      }; // restore muted on play terminatation
-
-
-      _this5.playTerminatedQueue_.push(restoreMuted);
-
-      var mutedPromise = _this5.play();
-
-      if (!isPromise(mutedPromise)) {
-        return;
-      }
-
-      return mutedPromise["catch"](restoreMuted);
-    };
-
-    var promise; // if muted defaults to true
-    // the only thing we can do is call play
-
-    if (type === 'any' && this.muted() !== true) {
-      promise = this.play();
-
-      if (isPromise(promise)) {
-        promise = promise["catch"](muted);
-      }
-    } else if (type === 'muted' && this.muted() !== true) {
-      promise = muted();
-    } else {
-      promise = this.play();
-    }
-
-    if (!isPromise(promise)) {
-      return;
-    }
-
-    return promise.then(function () {
-      _this5.trigger({
-        type: 'autoplay-success',
-        autoplay: type
-      });
-    })["catch"](function (e) {
-      _this5.trigger({
-        type: 'autoplay-failure',
-        autoplay: type
-      });
-    });
-  }
-  /**
-   * Update the internal source caches so that we return the correct source from
-   * `src()`, `currentSource()`, and `currentSources()`.
-   *
-   * > Note: `currentSources` will not be updated if the source that is passed in exists
-   *         in the current `currentSources` cache.
-   *
-   *
-   * @param {Tech~SourceObject} srcObj
-   *        A string or object source to update our caches to.
-   */
-  ;
-
-  _proto.updateSourceCaches_ = function updateSourceCaches_(srcObj) {
-    if (srcObj === void 0) {
-      srcObj = '';
-    }
-
-    var src = srcObj;
-    var type = '';
-
-    if (typeof src !== 'string') {
-      src = srcObj.src;
-      type = srcObj.type;
-    } // make sure all the caches are set to default values
-    // to prevent null checking
-
-
-    this.cache_.source = this.cache_.source || {};
-    this.cache_.sources = this.cache_.sources || []; // try to get the type of the src that was passed in
-
-    if (src && !type) {
-      type = findMimetype(this, src);
-    } // update `currentSource` cache always
-
-
-    this.cache_.source = mergeOptions({}, srcObj, {
-      src: src,
-      type: type
-    });
-    var matchingSources = this.cache_.sources.filter(function (s) {
-      return s.src && s.src === src;
-    });
-    var sourceElSources = [];
-    var sourceEls = this.$$('source');
-    var matchingSourceEls = [];
-
-    for (var i = 0; i < sourceEls.length; i++) {
-      var sourceObj = getAttributes(sourceEls[i]);
-      sourceElSources.push(sourceObj);
-
-      if (sourceObj.src && sourceObj.src === src) {
-        matchingSourceEls.push(sourceObj.src);
-      }
-    } // if we have matching source els but not matching sources
-    // the current source cache is not up to date
-
-
-    if (matchingSourceEls.length && !matchingSources.length) {
-      this.cache_.sources = sourceElSources; // if we don't have matching source or source els set the
-      // sources cache to the `currentSource` cache
-    } else if (!matchingSources.length) {
-      this.cache_.sources = [this.cache_.source];
-    } // update the tech `src` cache
-
-
-    this.cache_.src = src;
-  }
-  /**
-   * *EXPERIMENTAL* Fired when the source is set or changed on the {@link Tech}
-   * causing the media element to reload.
-   *
-   * It will fire for the initial source and each subsequent source.
-   * This event is a custom event from Video.js and is triggered by the {@link Tech}.
-   *
-   * The event object for this event contains a `src` property that will contain the source
-   * that was available when the event was triggered. This is generally only necessary if Video.js
-   * is switching techs while the source was being changed.
-   *
-   * It is also fired when `load` is called on the player (or media element)
-   * because the {@link https://html.spec.whatwg.org/multipage/media.html#dom-media-load|specification for `load`}
-   * says that the resource selection algorithm needs to be aborted and restarted.
-   * In this case, it is very likely that the `src` property will be set to the
-   * empty string `""` to indicate we do not know what the source will be but
-   * that it is changing.
-   *
-   * *This event is currently still experimental and may change in minor releases.*
-   * __To use this, pass `enableSourceset` option to the player.__
-   *
-   * @event Player#sourceset
-   * @type {EventTarget~Event}
-   * @prop {string} src
-   *                The source url available when the `sourceset` was triggered.
-   *                It will be an empty string if we cannot know what the source is
-   *                but know that the source will change.
-   */
-
-  /**
-   * Retrigger the `sourceset` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#sourceset
-   * @listens Tech#sourceset
-   * @private
-   */
-  ;
-
-  _proto.handleTechSourceset_ = function handleTechSourceset_(event) {
-    var _this6 = this;
-
-    // only update the source cache when the source
-    // was not updated using the player api
-    if (!this.changingSrc_) {
-      var updateSourceCaches = function updateSourceCaches(src) {
-        return _this6.updateSourceCaches_(src);
-      };
-
-      var playerSrc = this.currentSource().src;
-      var eventSrc = event.src; // if we have a playerSrc that is not a blob, and a tech src that is a blob
-
-      if (playerSrc && !/^blob:/.test(playerSrc) && /^blob:/.test(eventSrc)) {
-        // if both the tech source and the player source were updated we assume
-        // something like @videojs/http-streaming did the sourceset and skip updating the source cache.
-        if (!this.lastSource_ || this.lastSource_.tech !== eventSrc && this.lastSource_.player !== playerSrc) {
-          updateSourceCaches = function updateSourceCaches() {};
-        }
-      } // update the source to the intial source right away
-      // in some cases this will be empty string
-
-
-      updateSourceCaches(eventSrc); // if the `sourceset` `src` was an empty string
-      // wait for a `loadstart` to update the cache to `currentSrc`.
-      // If a sourceset happens before a `loadstart`, we reset the state
-
-      if (!event.src) {
-        this.tech_.any(['sourceset', 'loadstart'], function (e) {
-          // if a sourceset happens before a `loadstart` there
-          // is nothing to do as this `handleTechSourceset_`
-          // will be called again and this will be handled there.
-          if (e.type === 'sourceset') {
-            return;
-          }
-
-          var techSrc = _this6.techGet('currentSrc');
-
-          _this6.lastSource_.tech = techSrc;
-
-          _this6.updateSourceCaches_(techSrc);
-        });
-      }
-    }
-
-    this.lastSource_ = {
-      player: this.currentSource().src,
-      tech: event.src
-    };
-    this.trigger({
-      src: event.src,
-      type: 'sourceset'
-    });
-  }
-  /**
-   * Add/remove the vjs-has-started class
-   *
-   * @fires Player#firstplay
-   *
-   * @param {boolean} request
-   *        - true: adds the class
-   *        - false: remove the class
-   *
-   * @return {boolean}
-   *         the boolean value of hasStarted_
-   */
-  ;
-
-  _proto.hasStarted = function hasStarted(request) {
-    if (request === undefined) {
-      // act as getter, if we have no request to change
-      return this.hasStarted_;
-    }
-
-    if (request === this.hasStarted_) {
-      return;
-    }
-
-    this.hasStarted_ = request;
-
-    if (this.hasStarted_) {
-      this.addClass('vjs-has-started');
-      this.trigger('firstplay');
-    } else {
-      this.removeClass('vjs-has-started');
-    }
-  }
-  /**
-   * Fired whenever the media begins or resumes playback
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-play}
-   * @fires Player#play
-   * @listens Tech#play
-   * @private
-   */
-  ;
-
-  _proto.handleTechPlay_ = function handleTechPlay_() {
-    this.removeClass('vjs-ended');
-    this.removeClass('vjs-paused');
-    this.addClass('vjs-playing'); // hide the poster when the user hits play
-
-    this.hasStarted(true);
-    /**
-     * Triggered whenever an {@link Tech#play} event happens. Indicates that
-     * playback has started or resumed.
-     *
-     * @event Player#play
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('play');
-  }
-  /**
-   * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
-   *
-   * If there were any events queued while the playback rate was zero, fire
-   * those events now.
-   *
-   * @private
-   * @method Player#handleTechRateChange_
-   * @fires Player#ratechange
-   * @listens Tech#ratechange
-   */
-  ;
-
-  _proto.handleTechRateChange_ = function handleTechRateChange_() {
-    if (this.tech_.playbackRate() > 0 && this.cache_.lastPlaybackRate === 0) {
-      this.queuedCallbacks_.forEach(function (queued) {
-        return queued.callback(queued.event);
-      });
-      this.queuedCallbacks_ = [];
-    }
-
-    this.cache_.lastPlaybackRate = this.tech_.playbackRate();
-    /**
-     * Fires when the playing speed of the audio/video is changed
-     *
-     * @event Player#ratechange
-     * @type {event}
-     */
-
-    this.trigger('ratechange');
-  }
-  /**
-   * Retrigger the `waiting` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#waiting
-   * @listens Tech#waiting
-   * @private
-   */
-  ;
-
-  _proto.handleTechWaiting_ = function handleTechWaiting_() {
-    var _this7 = this;
-
-    this.addClass('vjs-waiting');
-    /**
-     * A readyState change on the DOM element has caused playback to stop.
-     *
-     * @event Player#waiting
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('waiting'); // Browsers may emit a timeupdate event after a waiting event. In order to prevent
-    // premature removal of the waiting class, wait for the time to change.
-
-    var timeWhenWaiting = this.currentTime();
-
-    var timeUpdateListener = function timeUpdateListener() {
-      if (timeWhenWaiting !== _this7.currentTime()) {
-        _this7.removeClass('vjs-waiting');
-
-        _this7.off('timeupdate', timeUpdateListener);
-      }
-    };
-
-    this.on('timeupdate', timeUpdateListener);
-  }
-  /**
-   * Retrigger the `canplay` event that was triggered by the {@link Tech}.
-   * > Note: This is not consistent between browsers. See #1351
-   *
-   * @fires Player#canplay
-   * @listens Tech#canplay
-   * @private
-   */
-  ;
-
-  _proto.handleTechCanPlay_ = function handleTechCanPlay_() {
-    this.removeClass('vjs-waiting');
-    /**
-     * The media has a readyState of HAVE_FUTURE_DATA or greater.
-     *
-     * @event Player#canplay
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('canplay');
-  }
-  /**
-   * Retrigger the `canplaythrough` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#canplaythrough
-   * @listens Tech#canplaythrough
-   * @private
-   */
-  ;
-
-  _proto.handleTechCanPlayThrough_ = function handleTechCanPlayThrough_() {
-    this.removeClass('vjs-waiting');
-    /**
-     * The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the
-     * entire media file can be played without buffering.
-     *
-     * @event Player#canplaythrough
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('canplaythrough');
-  }
-  /**
-   * Retrigger the `playing` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#playing
-   * @listens Tech#playing
-   * @private
-   */
-  ;
-
-  _proto.handleTechPlaying_ = function handleTechPlaying_() {
-    this.removeClass('vjs-waiting');
-    /**
-     * The media is no longer blocked from playback, and has started playing.
-     *
-     * @event Player#playing
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('playing');
-  }
-  /**
-   * Retrigger the `seeking` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#seeking
-   * @listens Tech#seeking
-   * @private
-   */
-  ;
-
-  _proto.handleTechSeeking_ = function handleTechSeeking_() {
-    this.addClass('vjs-seeking');
-    /**
-     * Fired whenever the player is jumping to a new time
-     *
-     * @event Player#seeking
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('seeking');
-  }
-  /**
-   * Retrigger the `seeked` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#seeked
-   * @listens Tech#seeked
-   * @private
-   */
-  ;
-
-  _proto.handleTechSeeked_ = function handleTechSeeked_() {
-    this.removeClass('vjs-seeking');
-    this.removeClass('vjs-ended');
-    /**
-     * Fired when the player has finished jumping to a new time
-     *
-     * @event Player#seeked
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('seeked');
-  }
-  /**
-   * Retrigger the `firstplay` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#firstplay
-   * @listens Tech#firstplay
-   * @deprecated As of 6.0 firstplay event is deprecated.
-   *             As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-   * @private
-   */
-  ;
-
-  _proto.handleTechFirstPlay_ = function handleTechFirstPlay_() {
-    // If the first starttime attribute is specified
-    // then we will start at the given offset in seconds
-    if (this.options_.starttime) {
-      log.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
-      this.currentTime(this.options_.starttime);
-    }
-
-    this.addClass('vjs-has-started');
-    /**
-     * Fired the first time a video is played. Not part of the HLS spec, and this is
-     * probably not the best implementation yet, so use sparingly. If you don't have a
-     * reason to prevent playback, use `myPlayer.one('play');` instead.
-     *
-     * @event Player#firstplay
-     * @deprecated As of 6.0 firstplay event is deprecated.
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('firstplay');
-  }
-  /**
-   * Retrigger the `pause` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#pause
-   * @listens Tech#pause
-   * @private
-   */
-  ;
-
-  _proto.handleTechPause_ = function handleTechPause_() {
-    this.removeClass('vjs-playing');
-    this.addClass('vjs-paused');
-    /**
-     * Fired whenever the media has been paused
-     *
-     * @event Player#pause
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('pause');
-  }
-  /**
-   * Retrigger the `ended` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#ended
-   * @listens Tech#ended
-   * @private
-   */
-  ;
-
-  _proto.handleTechEnded_ = function handleTechEnded_() {
-    this.addClass('vjs-ended');
-
-    if (this.options_.loop) {
-      this.currentTime(0);
-      this.play();
-    } else if (!this.paused()) {
-      this.pause();
-    }
-    /**
-     * Fired when the end of the media resource is reached (currentTime == duration)
-     *
-     * @event Player#ended
-     * @type {EventTarget~Event}
-     */
-
-
-    this.trigger('ended');
-  }
-  /**
-   * Fired when the duration of the media resource is first known or changed
-   *
-   * @listens Tech#durationchange
-   * @private
-   */
-  ;
-
-  _proto.handleTechDurationChange_ = function handleTechDurationChange_() {
-    this.duration(this.techGet_('duration'));
-  }
-  /**
-   * Handle a click on the media element to play/pause
-   *
-   * @param {EventTarget~Event} event
-   *        the event that caused this function to trigger
-   *
-   * @listens Tech#mouseup
-   * @private
-   */
-  ;
-
-  _proto.handleTechClick_ = function handleTechClick_(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    } // When controls are disabled a click should not toggle playback because
-    // the click is considered a control
-
-
-    if (!this.controls_) {
-      return;
-    }
-
-    if (this.paused()) {
-      silencePromise(this.play());
-    } else {
-      this.pause();
-    }
-  }
-  /**
-   * Handle a double-click on the media element to enter/exit fullscreen
-   *
-   * @param {EventTarget~Event} event
-   *        the event that caused this function to trigger
-   *
-   * @listens Tech#dblclick
-   * @private
-   */
-  ;
-
-  _proto.handleTechDoubleClick_ = function handleTechDoubleClick_(event) {
-    if (!this.controls_) {
-      return;
-    } // we do not want to toggle fullscreen state
-    // when double-clicking inside a control bar or a modal
-
-
-    var inAllowedEls = Array.prototype.some.call(this.$$('.vjs-control-bar, .vjs-modal-dialog'), function (el) {
-      return el.contains(event.target);
-    });
-
-    if (!inAllowedEls) {
-      /*
-       * options.userActions.doubleClick
-       *
-       * If `undefined` or `true`, double-click toggles fullscreen if controls are present
-       * Set to `false` to disable double-click handling
-       * Set to a function to substitute an external double-click handler
-       */
-      if (this.options_ === undefined || this.options_.userActions === undefined || this.options_.userActions.doubleClick === undefined || this.options_.userActions.doubleClick !== false) {
-        if (this.options_ !== undefined && this.options_.userActions !== undefined && typeof this.options_.userActions.doubleClick === 'function') {
-          this.options_.userActions.doubleClick.call(this, event);
-        } else if (this.isFullscreen()) {
-          this.exitFullscreen();
-        } else {
-          this.requestFullscreen();
-        }
-      }
-    }
-  }
-  /**
-   * Handle a tap on the media element. It will toggle the user
-   * activity state, which hides and shows the controls.
-   *
-   * @listens Tech#tap
-   * @private
-   */
-  ;
-
-  _proto.handleTechTap_ = function handleTechTap_() {
-    this.userActive(!this.userActive());
-  }
-  /**
-   * Handle touch to start
-   *
-   * @listens Tech#touchstart
-   * @private
-   */
-  ;
-
-  _proto.handleTechTouchStart_ = function handleTechTouchStart_() {
-    this.userWasActive = this.userActive();
-  }
-  /**
-   * Handle touch to move
-   *
-   * @listens Tech#touchmove
-   * @private
-   */
-  ;
-
-  _proto.handleTechTouchMove_ = function handleTechTouchMove_() {
-    if (this.userWasActive) {
-      this.reportUserActivity();
-    }
-  }
-  /**
-   * Handle touch to end
-   *
-   * @param {EventTarget~Event} event
-   *        the touchend event that triggered
-   *        this function
-   *
-   * @listens Tech#touchend
-   * @private
-   */
-  ;
-
-  _proto.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-    // Stop the mouse events from also happening
-    event.preventDefault();
-  }
-  /**
-   * native click events on the SWF aren't triggered on IE11, Win8.1RT
-   * use stageclick events triggered from inside the SWF instead
-   *
-   * @private
-   * @listens stageclick
-   */
-  ;
-
-  _proto.handleStageClick_ = function handleStageClick_() {
-    this.reportUserActivity();
-  }
-  /**
-   * @private
-   */
-  ;
-
-  _proto.toggleFullscreenClass_ = function toggleFullscreenClass_() {
-    if (this.isFullscreen()) {
-      this.addClass('vjs-fullscreen');
-    } else {
-      this.removeClass('vjs-fullscreen');
-    }
-  }
-  /**
-   * when the document fschange event triggers it calls this
-   */
-  ;
-
-  _proto.documentFullscreenChange_ = function documentFullscreenChange_(e) {
-    var el = this.el();
-    var isFs = document[this.fsApi_.fullscreenElement] === el;
-
-    if (!isFs && el.matches) {
-      isFs = el.matches(':' + this.fsApi_.fullscreen);
-    } else if (!isFs && el.msMatchesSelector) {
-      isFs = el.msMatchesSelector(':' + this.fsApi_.fullscreen);
-    }
-
-    this.isFullscreen(isFs); // If cancelling fullscreen, remove event listener.
-
-    if (this.isFullscreen() === false) {
-      off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-    }
-
-    if (this.fsApi_.prefixed) {
-      /**
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-      this.trigger('fullscreenchange');
-    }
-  }
-  /**
-   * Handle Tech Fullscreen Change
-   *
-   * @param {EventTarget~Event} event
-   *        the fullscreenchange event that triggered this function
-   *
-   * @param {Object} data
-   *        the data that was sent with the event
-   *
-   * @private
-   * @listens Tech#fullscreenchange
-   * @fires Player#fullscreenchange
-   */
-  ;
-
-  _proto.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {
-    if (data) {
-      this.isFullscreen(data.isFullscreen);
-    }
-    /**
-     * Fired when going in and out of fullscreen.
-     *
-     * @event Player#fullscreenchange
-     * @type {EventTarget~Event}
-     */
-
-
-    this.trigger('fullscreenchange');
-  }
-  /**
-   * @private
-   */
-  ;
-
-  _proto.togglePictureInPictureClass_ = function togglePictureInPictureClass_() {
-    if (this.isInPictureInPicture()) {
-      this.addClass('vjs-picture-in-picture');
-    } else {
-      this.removeClass('vjs-picture-in-picture');
-    }
-  }
-  /**
-   * Handle Tech Enter Picture-in-Picture.
-   *
-   * @param {EventTarget~Event} event
-   *        the enterpictureinpicture event that triggered this function
-   *
-   * @private
-   * @listens Tech#enterpictureinpicture
-   */
-  ;
-
-  _proto.handleTechEnterPictureInPicture_ = function handleTechEnterPictureInPicture_(event) {
-    this.isInPictureInPicture(true);
-  }
-  /**
-   * Handle Tech Leave Picture-in-Picture.
-   *
-   * @param {EventTarget~Event} event
-   *        the leavepictureinpicture event that triggered this function
-   *
-   * @private
-   * @listens Tech#leavepictureinpicture
-   */
-  ;
-
-  _proto.handleTechLeavePictureInPicture_ = function handleTechLeavePictureInPicture_(event) {
-    this.isInPictureInPicture(false);
-  }
-  /**
-   * Fires when an error occurred during the loading of an audio/video.
-   *
-   * @private
-   * @listens Tech#error
-   */
-  ;
-
-  _proto.handleTechError_ = function handleTechError_() {
-    var error = this.tech_.error();
-    this.error(error);
-  }
-  /**
-   * Retrigger the `textdata` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#textdata
-   * @listens Tech#textdata
-   * @private
-   */
-  ;
-
-  _proto.handleTechTextData_ = function handleTechTextData_() {
-    var data = null;
-
-    if (arguments.length > 1) {
-      data = arguments[1];
-    }
-    /**
-     * Fires when we get a textdata event from tech
-     *
-     * @event Player#textdata
-     * @type {EventTarget~Event}
-     */
-
-
-    this.trigger('textdata', data);
-  }
-  /**
-   * Get object for cached values.
-   *
-   * @return {Object}
-   *         get the current object cache
-   */
-  ;
-
-  _proto.getCache = function getCache() {
-    return this.cache_;
-  }
-  /**
-   * Resets the internal cache object.
-   *
-   * Using this function outside the player constructor or reset method may
-   * have unintended side-effects.
-   *
-   * @private
-   */
-  ;
-
-  _proto.resetCache_ = function resetCache_() {
-    this.cache_ = {
-      // Right now, the currentTime is not _really_ cached because it is always
-      // retrieved from the tech (see: currentTime). However, for completeness,
-      // we set it to zero here to ensure that if we do start actually caching
-      // it, we reset it along with everything else.
-      currentTime: 0,
-      inactivityTimeout: this.options_.inactivityTimeout,
-      duration: NaN,
-      lastVolume: 1,
-      lastPlaybackRate: this.defaultPlaybackRate(),
-      media: null,
-      src: '',
-      source: {},
-      sources: [],
-      volume: 1
-    };
-  }
-  /**
-   * Pass values to the playback tech
-   *
-   * @param {string} [method]
-   *        the method to call
-   *
-   * @param {Object} arg
-   *        the argument to pass
-   *
-   * @private
-   */
-  ;
-
-  _proto.techCall_ = function techCall_(method, arg) {
-    // If it's not ready yet, call method when it is
-    this.ready(function () {
-      if (method in allowedSetters) {
-        return set(this.middleware_, this.tech_, method, arg);
-      } else if (method in allowedMediators) {
-        return mediate(this.middleware_, this.tech_, method, arg);
-      }
-
-      try {
-        if (this.tech_) {
-          this.tech_[method](arg);
-        }
-      } catch (e) {
-        log(e);
-        throw e;
-      }
-    }, true);
-  }
-  /**
-   * Get calls can't wait for the tech, and sometimes don't need to.
-   *
-   * @param {string} method
-   *        Tech method
-   *
-   * @return {Function|undefined}
-   *         the method or undefined
-   *
-   * @private
-   */
-  ;
-
-  _proto.techGet_ = function techGet_(method) {
-    if (!this.tech_ || !this.tech_.isReady_) {
-      return;
-    }
-
-    if (method in allowedGetters) {
-      return get(this.middleware_, this.tech_, method);
-    } else if (method in allowedMediators) {
-      return mediate(this.middleware_, this.tech_, method);
-    } // Flash likes to die and reload when you hide or reposition it.
-    // In these cases the object methods go away and we get errors.
-    // When that happens we'll catch the errors and inform tech that it's not ready any more.
-
-
-    try {
-      return this.tech_[method]();
-    } catch (e) {
-      // When building additional tech libs, an expected method may not be defined yet
-      if (this.tech_[method] === undefined) {
-        log("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
-        throw e;
-      } // When a method isn't available on the object it throws a TypeError
-
-
-      if (e.name === 'TypeError') {
-        log("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
-        this.tech_.isReady_ = false;
-        throw e;
-      } // If error unknown, just log and throw
-
-
-      log(e);
-      throw e;
-    }
-  }
-  /**
-   * Attempt to begin playback at the first opportunity.
-   *
-   * @return {Promise|undefined}
-   *         Returns a promise if the browser supports Promises (or one
-   *         was passed in as an option). This promise will be resolved on
-   *         the return value of play. If this is undefined it will fulfill the
-   *         promise chain otherwise the promise chain will be fulfilled when
-   *         the promise from play is fulfilled.
-   */
-  ;
-
-  _proto.play = function play() {
-    var _this8 = this;
-
-    var PromiseClass = this.options_.Promise || window$1.Promise;
-
-    if (PromiseClass) {
-      return new PromiseClass(function (resolve) {
-        _this8.play_(resolve);
-      });
-    }
-
-    return this.play_();
-  }
-  /**
-   * The actual logic for play, takes a callback that will be resolved on the
-   * return value of play. This allows us to resolve to the play promise if there
-   * is one on modern browsers.
-   *
-   * @private
-   * @param {Function} [callback]
-   *        The callback that should be called when the techs play is actually called
-   */
-  ;
-
-  _proto.play_ = function play_(callback) {
-    var _this9 = this;
-
-    if (callback === void 0) {
-      callback = silencePromise;
-    }
-
-    this.playCallbacks_.push(callback);
-    var isSrcReady = Boolean(!this.changingSrc_ && (this.src() || this.currentSrc())); // treat calls to play_ somewhat like the `one` event function
-
-    if (this.waitToPlay_) {
-      this.off(['ready', 'loadstart'], this.waitToPlay_);
-      this.waitToPlay_ = null;
-    } // if the player/tech is not ready or the src itself is not ready
-    // queue up a call to play on `ready` or `loadstart`
-
-
-    if (!this.isReady_ || !isSrcReady) {
-      this.waitToPlay_ = function (e) {
-        _this9.play_();
-      };
-
-      this.one(['ready', 'loadstart'], this.waitToPlay_); // if we are in Safari, there is a high chance that loadstart will trigger after the gesture timeperiod
-      // in that case, we need to prime the video element by calling load so it'll be ready in time
-
-      if (!isSrcReady && (IS_ANY_SAFARI || IS_IOS)) {
-        this.load();
-      }
-
-      return;
-    } // If the player/tech is ready and we have a source, we can attempt playback.
-
-
-    var val = this.techGet_('play'); // play was terminated if the returned value is null
-
-    if (val === null) {
-      this.runPlayTerminatedQueue_();
-    } else {
-      this.runPlayCallbacks_(val);
-    }
-  }
-  /**
-   * These functions will be run when if play is terminated. If play
-   * runPlayCallbacks_ is run these function will not be run. This allows us
-   * to differenciate between a terminated play and an actual call to play.
-   */
-  ;
-
-  _proto.runPlayTerminatedQueue_ = function runPlayTerminatedQueue_() {
-    var queue = this.playTerminatedQueue_.slice(0);
-    this.playTerminatedQueue_ = [];
-    queue.forEach(function (q) {
-      q();
-    });
-  }
-  /**
-   * When a callback to play is delayed we have to run these
-   * callbacks when play is actually called on the tech. This function
-   * runs the callbacks that were delayed and accepts the return value
-   * from the tech.
-   *
-   * @param {undefined|Promise} val
-   *        The return value from the tech.
-   */
-  ;
-
-  _proto.runPlayCallbacks_ = function runPlayCallbacks_(val) {
-    var callbacks = this.playCallbacks_.slice(0);
-    this.playCallbacks_ = []; // clear play terminatedQueue since we finished a real play
-
-    this.playTerminatedQueue_ = [];
-    callbacks.forEach(function (cb) {
-      cb(val);
-    });
-  }
-  /**
-   * Pause the video playback
-   *
-   * @return {Player}
-   *         A reference to the player object this function was called on
-   */
-  ;
-
-  _proto.pause = function pause() {
-    this.techCall_('pause');
-  }
-  /**
-   * Check if the player is paused or has yet to play
-   *
-   * @return {boolean}
-   *         - false: if the media is currently playing
-   *         - true: if media is not currently playing
-   */
-  ;
-
-  _proto.paused = function paused() {
-    // The initial state of paused should be true (in Safari it's actually false)
-    return this.techGet_('paused') === false ? false : true;
-  }
-  /**
-   * Get a TimeRange object representing the current ranges of time that the user
-   * has played.
-   *
-   * @return {TimeRange}
-   *         A time range object that represents all the increments of time that have
-   *         been played.
-   */
-  ;
-
-  _proto.played = function played() {
-    return this.techGet_('played') || createTimeRanges(0, 0);
-  }
-  /**
-   * Returns whether or not the user is "scrubbing". Scrubbing is
-   * when the user has clicked the progress bar handle and is
-   * dragging it along the progress bar.
-   *
-   * @param {boolean} [isScrubbing]
-   *        whether the user is or is not scrubbing
-   *
-   * @return {boolean}
-   *         The value of scrubbing when getting
-   */
-  ;
-
-  _proto.scrubbing = function scrubbing(isScrubbing) {
-    if (typeof isScrubbing === 'undefined') {
-      return this.scrubbing_;
-    }
-
-    this.scrubbing_ = !!isScrubbing;
-
-    if (isScrubbing) {
-      this.addClass('vjs-scrubbing');
-    } else {
-      this.removeClass('vjs-scrubbing');
-    }
-  }
-  /**
-   * Get or set the current time (in seconds)
-   *
-   * @param {number|string} [seconds]
-   *        The time to seek to in seconds
-   *
-   * @return {number}
-   *         - the current time in seconds when getting
-   */
-  ;
-
-  _proto.currentTime = function currentTime(seconds) {
-    if (typeof seconds !== 'undefined') {
-      if (seconds < 0) {
-        seconds = 0;
-      }
-
-      this.techCall_('setCurrentTime', seconds);
-      return;
-    } // cache last currentTime and return. default to 0 seconds
-    //
-    // Caching the currentTime is meant to prevent a massive amount of reads on the tech's
-    // currentTime when scrubbing, but may not provide much performance benefit afterall.
-    // Should be tested. Also something has to read the actual current time or the cache will
-    // never get updated.
-
-
-    this.cache_.currentTime = this.techGet_('currentTime') || 0;
-    return this.cache_.currentTime;
-  }
-  /**
-   * Normally gets the length in time of the video in seconds;
-   * in all but the rarest use cases an argument will NOT be passed to the method
-   *
-   * > **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.
-   *
-   * @fires Player#durationchange
-   *
-   * @param {number} [seconds]
-   *        The duration of the video to set in seconds
-   *
-   * @return {number}
-   *         - The duration of the video in seconds when getting
-   */
-  ;
-
-  _proto.duration = function duration(seconds) {
-    if (seconds === undefined) {
-      // return NaN if the duration is not known
-      return this.cache_.duration !== undefined ? this.cache_.duration : NaN;
-    }
-
-    seconds = parseFloat(seconds); // Standardize on Infinity for signaling video is live
-
-    if (seconds < 0) {
-      seconds = Infinity;
-    }
-
-    if (seconds !== this.cache_.duration) {
-      // Cache the last set value for optimized scrubbing (esp. Flash)
-      this.cache_.duration = seconds;
-
-      if (seconds === Infinity) {
-        this.addClass('vjs-live');
-
-        if (this.options_.liveui && this.player_.liveTracker) {
-          this.addClass('vjs-liveui');
-        }
-      } else {
-        this.removeClass('vjs-live');
-        this.removeClass('vjs-liveui');
-      }
-
-      if (!isNaN(seconds)) {
-        // Do not fire durationchange unless the duration value is known.
-        // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-        /**
-         * @event Player#durationchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('durationchange');
-      }
-    }
-  }
-  /**
-   * Calculates how much time is left in the video. Not part
-   * of the native video API.
-   *
-   * @return {number}
-   *         The time remaining in seconds
-   */
-  ;
-
-  _proto.remainingTime = function remainingTime() {
-    return this.duration() - this.currentTime();
-  }
-  /**
-   * A remaining time function that is intented to be used when
-   * the time is to be displayed directly to the user.
-   *
-   * @return {number}
-   *         The rounded time remaining in seconds
-   */
-  ;
-
-  _proto.remainingTimeDisplay = function remainingTimeDisplay() {
-    return Math.floor(this.duration()) - Math.floor(this.currentTime());
-  } //
-  // Kind of like an array of portions of the video that have been downloaded.
-
-  /**
-   * Get a TimeRange object with an array of the times of the video
-   * that have been downloaded. If you just want the percent of the
-   * video that's been downloaded, use bufferedPercent.
-   *
-   * @see [Buffered Spec]{@link http://dev.w3.org/html5/spec/video.html#dom-media-buffered}
-   *
-   * @return {TimeRange}
-   *         A mock TimeRange object (following HTML spec)
-   */
-  ;
-
-  _proto.buffered = function buffered() {
-    var buffered = this.techGet_('buffered');
-
-    if (!buffered || !buffered.length) {
-      buffered = createTimeRanges(0, 0);
-    }
-
-    return buffered;
-  }
-  /**
-   * Get the percent (as a decimal) of the video that's been downloaded.
-   * This method is not a part of the native HTML video API.
-   *
-   * @return {number}
-   *         A decimal between 0 and 1 representing the percent
-   *         that is buffered 0 being 0% and 1 being 100%
-   */
-  ;
-
-  _proto.bufferedPercent = function bufferedPercent$1() {
-    return bufferedPercent(this.buffered(), this.duration());
-  }
-  /**
-   * Get the ending time of the last buffered time range
-   * This is used in the progress bar to encapsulate all time ranges.
-   *
-   * @return {number}
-   *         The end of the last buffered time range
-   */
-  ;
-
-  _proto.bufferedEnd = function bufferedEnd() {
-    var buffered = this.buffered();
-    var duration = this.duration();
-    var end = buffered.end(buffered.length - 1);
-
-    if (end > duration) {
-      end = duration;
-    }
-
-    return end;
-  }
-  /**
-   * Get or set the current volume of the media
-   *
-   * @param  {number} [percentAsDecimal]
-   *         The new volume as a decimal percent:
-   *         - 0 is muted/0%/off
-   *         - 1.0 is 100%/full
-   *         - 0.5 is half volume or 50%
-   *
-   * @return {number}
-   *         The current volume as a percent when getting
-   */
-  ;
-
-  _proto.volume = function volume(percentAsDecimal) {
-    var vol;
-
-    if (percentAsDecimal !== undefined) {
-      // Force value to between 0 and 1
-      vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal)));
-      this.cache_.volume = vol;
-      this.techCall_('setVolume', vol);
-
-      if (vol > 0) {
-        this.lastVolume_(vol);
-      }
-
-      return;
-    } // Default to 1 when returning current volume.
-
-
-    vol = parseFloat(this.techGet_('volume'));
-    return isNaN(vol) ? 1 : vol;
-  }
-  /**
-   * Get the current muted state, or turn mute on or off
-   *
-   * @param {boolean} [muted]
-   *        - true to mute
-   *        - false to unmute
-   *
-   * @return {boolean}
-   *         - true if mute is on and getting
-   *         - false if mute is off and getting
-   */
-  ;
-
-  _proto.muted = function muted(_muted) {
-    if (_muted !== undefined) {
-      this.techCall_('setMuted', _muted);
-      return;
-    }
-
-    return this.techGet_('muted') || false;
-  }
-  /**
-   * Get the current defaultMuted state, or turn defaultMuted on or off. defaultMuted
-   * indicates the state of muted on initial playback.
-   *
-   * ```js
-   *   var myPlayer = videojs('some-player-id');
-   *
-   *   myPlayer.src("http://www.example.com/path/to/video.mp4");
-   *
-   *   // get, should be false
-   *   console.log(myPlayer.defaultMuted());
-   *   // set to true
-   *   myPlayer.defaultMuted(true);
-   *   // get should be true
-   *   console.log(myPlayer.defaultMuted());
-   * ```
-   *
-   * @param {boolean} [defaultMuted]
-   *        - true to mute
-   *        - false to unmute
-   *
-   * @return {boolean|Player}
-   *         - true if defaultMuted is on and getting
-   *         - false if defaultMuted is off and getting
-   *         - A reference to the current player when setting
-   */
-  ;
-
-  _proto.defaultMuted = function defaultMuted(_defaultMuted) {
-    if (_defaultMuted !== undefined) {
-      return this.techCall_('setDefaultMuted', _defaultMuted);
-    }
-
-    return this.techGet_('defaultMuted') || false;
-  }
-  /**
-   * Get the last volume, or set it
-   *
-   * @param  {number} [percentAsDecimal]
-   *         The new last volume as a decimal percent:
-   *         - 0 is muted/0%/off
-   *         - 1.0 is 100%/full
-   *         - 0.5 is half volume or 50%
-   *
-   * @return {number}
-   *         the current value of lastVolume as a percent when getting
-   *
-   * @private
-   */
-  ;
-
-  _proto.lastVolume_ = function lastVolume_(percentAsDecimal) {
-    if (percentAsDecimal !== undefined && percentAsDecimal !== 0) {
-      this.cache_.lastVolume = percentAsDecimal;
-      return;
-    }
-
-    return this.cache_.lastVolume;
-  }
-  /**
-   * Check if current tech can support native fullscreen
-   * (e.g. with built in controls like iOS, so not our flash swf)
-   *
-   * @return {boolean}
-   *         if native fullscreen is supported
-   */
-  ;
-
-  _proto.supportsFullScreen = function supportsFullScreen() {
-    return this.techGet_('supportsFullScreen') || false;
-  }
-  /**
-   * Check if the player is in fullscreen mode or tell the player that it
-   * is or is not in fullscreen mode.
-   *
-   * > 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.
-   *
-   * @param  {boolean} [isFS]
-   *         Set the players current fullscreen state
-   *
-   * @return {boolean}
-   *         - true if fullscreen is on and getting
-   *         - false if fullscreen is off and getting
-   */
-  ;
-
-  _proto.isFullscreen = function isFullscreen(isFS) {
-    if (isFS !== undefined) {
-      this.isFullscreen_ = !!isFS;
-      this.toggleFullscreenClass_();
-      return;
-    }
-
-    return !!this.isFullscreen_;
-  }
-  /**
-   * 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.
-   *
-   * @param  {Object} [fullscreenOptions]
-   *         Override the player fullscreen options
-   *
-   * @fires Player#fullscreenchange
-   */
-  ;
-
-  _proto.requestFullscreen = function requestFullscreen(fullscreenOptions) {
-    var fsOptions;
-    this.isFullscreen(true);
-
-    if (this.fsApi_.requestFullscreen) {
-      // the browser supports going fullscreen at the element level so we can
-      // take the controls fullscreen as well as the video
-      // Trigger fullscreenchange event after change
-      // We have to specifically add this each time, and remove
-      // when canceling fullscreen. Otherwise if there's multiple
-      // players on a page, they would all be reacting to the same fullscreen
-      // events
-      on(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_); // only pass FullscreenOptions to requestFullscreen if it isn't prefixed
-
-      if (!this.fsApi_.prefixed) {
-        fsOptions = this.options_.fullscreen && this.options_.fullscreen.options || {};
-
-        if (fullscreenOptions !== undefined) {
-          fsOptions = fullscreenOptions;
-        }
-      }
-
-      silencePromise(this.el_[this.fsApi_.requestFullscreen](fsOptions));
-    } else if (this.tech_.supportsFullScreen()) {
-      // we can't take the video.js controls fullscreen but we can go fullscreen
-      // with native controls
-      this.techCall_('enterFullScreen');
-    } else {
-      // fullscreen isn't supported so we'll just stretch the video element to
-      // fill the viewport
-      this.enterFullWindow();
-      /**
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('fullscreenchange');
-    }
-  }
-  /**
-   * Return the video to its normal size after having been in full screen mode
-   *
-   * @fires Player#fullscreenchange
-   */
-  ;
-
-  _proto.exitFullscreen = function exitFullscreen() {
-    this.isFullscreen(false); // Check for browser element fullscreen support
-
-    if (this.fsApi_.requestFullscreen) {
-      silencePromise(document[this.fsApi_.exitFullscreen]());
-    } else if (this.tech_.supportsFullScreen()) {
-      this.techCall_('exitFullScreen');
-    } else {
-      this.exitFullWindow();
-      /**
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('fullscreenchange');
-    }
-  }
-  /**
-   * When fullscreen isn't supported we can stretch the
-   * video container to as wide as the browser will let us.
-   *
-   * @fires Player#enterFullWindow
-   */
-  ;
-
-  _proto.enterFullWindow = function enterFullWindow() {
-    this.isFullWindow = true; // Storing original doc overflow value to return to when fullscreen is off
-
-    this.docOrigOverflow = document.documentElement.style.overflow; // Add listener for esc key to exit fullscreen
-
-    on(document, 'keydown', this.boundFullWindowOnEscKey_); // Hide any scroll bars
-
-    document.documentElement.style.overflow = 'hidden'; // Apply fullscreen styles
-
-    addClass(document.body, 'vjs-full-window');
-    /**
-     * @event Player#enterFullWindow
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('enterFullWindow');
-  }
-  /**
-   * Check for call to either exit full window or
-   * full screen on ESC key
-   *
-   * @param {string} event
-   *        Event to check for key press
-   */
-  ;
-
-  _proto.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-    if (keycode.isEventKey(event, 'Esc')) {
-      if (this.isFullscreen() === true) {
-        this.exitFullscreen();
-      } else {
-        this.exitFullWindow();
-      }
-    }
-  }
-  /**
-   * Exit full window
-   *
-   * @fires Player#exitFullWindow
-   */
-  ;
-
-  _proto.exitFullWindow = function exitFullWindow() {
-    this.isFullWindow = false;
-    off(document, 'keydown', this.boundFullWindowOnEscKey_); // Unhide scroll bars.
-
-    document.documentElement.style.overflow = this.docOrigOverflow; // Remove fullscreen styles
-
-    removeClass(document.body, 'vjs-full-window'); // Resize the box, controller, and poster to original sizes
-    // this.positionAll();
-
-    /**
-     * @event Player#exitFullWindow
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('exitFullWindow');
-  }
-  /**
-   * Check if the player is in Picture-in-Picture mode or tell the player that it
-   * is or is not in Picture-in-Picture mode.
-   *
-   * @param  {boolean} [isPiP]
-   *         Set the players current Picture-in-Picture state
-   *
-   * @return {boolean}
-   *         - true if Picture-in-Picture is on and getting
-   *         - false if Picture-in-Picture is off and getting
-   */
-  ;
-
-  _proto.isInPictureInPicture = function isInPictureInPicture(isPiP) {
-    if (isPiP !== undefined) {
-      this.isInPictureInPicture_ = !!isPiP;
-      this.togglePictureInPictureClass_();
-      return;
-    }
-
-    return !!this.isInPictureInPicture_;
-  }
-  /**
-   * Create a floating video window always on top of other windows so that users may
-   * continue consuming media while they interact with other content sites, or
-   * applications on their device.
-   *
-   * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-   *
-   * @fires Player#enterpictureinpicture
-   *
-   * @return {Promise}
-   *         A promise with a Picture-in-Picture window.
-   */
-  ;
-
-  _proto.requestPictureInPicture = function requestPictureInPicture() {
-    if ('pictureInPictureEnabled' in document) {
-      /**
-       * This event fires when the player enters picture in picture mode
-       *
-       * @event Player#enterpictureinpicture
-       * @type {EventTarget~Event}
-       */
-      return this.techGet_('requestPictureInPicture');
-    }
-  }
-  /**
-   * Exit Picture-in-Picture mode.
-   *
-   * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-   *
-   * @fires Player#leavepictureinpicture
-   *
-   * @return {Promise}
-   *         A promise.
-   */
-  ;
-
-  _proto.exitPictureInPicture = function exitPictureInPicture() {
-    if ('pictureInPictureEnabled' in document) {
-      /**
-       * This event fires when the player leaves picture in picture mode
-       *
-       * @event Player#leavepictureinpicture
-       * @type {EventTarget~Event}
-       */
-      return document.exitPictureInPicture();
-    }
-  }
-  /**
-   * Called when this Player has focus and a key gets pressed down, or when
-   * any Component of this player receives a key press that it doesn't handle.
-   * This allows player-wide hotkeys (either as defined below, or optionally
-   * by an external function).
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-  ;
-
-  _proto.handleKeyDown = function handleKeyDown(event) {
-    var userActions = this.options_.userActions; // Bail out if hotkeys are not configured.
-
-    if (!userActions || !userActions.hotkeys) {
-      return;
-    } // Function that determines whether or not to exclude an element from
-    // hotkeys handling.
-
-
-    var excludeElement = function excludeElement(el) {
-      var tagName = el.tagName.toLowerCase(); // The first and easiest test is for `contenteditable` elements.
-
-      if (el.isContentEditable) {
-        return true;
-      } // Inputs matching these types will still trigger hotkey handling as
-      // they are not text inputs.
-
-
-      var allowedInputTypes = ['button', 'checkbox', 'hidden', 'radio', 'reset', 'submit'];
-
-      if (tagName === 'input') {
-        return allowedInputTypes.indexOf(el.type) === -1;
-      } // The final test is by tag name. These tags will be excluded entirely.
-
-
-      var excludedTags = ['textarea'];
-      return excludedTags.indexOf(tagName) !== -1;
-    }; // Bail out if the user is focused on an interactive form element.
-
-
-    if (excludeElement(this.el_.ownerDocument.activeElement)) {
-      return;
-    }
-
-    if (typeof userActions.hotkeys === 'function') {
-      userActions.hotkeys.call(this, event);
-    } else {
-      this.handleHotkeys(event);
-    }
-  }
-  /**
-   * Called when this Player receives a hotkey keydown event.
-   * Supported player-wide hotkeys are:
-   *
-   *   f          - toggle fullscreen
-   *   m          - toggle mute
-   *   k or Space - toggle play/pause
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   */
-  ;
-
-  _proto.handleHotkeys = function handleHotkeys(event) {
-    var hotkeys = this.options_.userActions ? this.options_.userActions.hotkeys : {}; // set fullscreenKey, muteKey, playPauseKey from `hotkeys`, use defaults if not set
-
-    var _hotkeys$fullscreenKe = hotkeys.fullscreenKey,
-        fullscreenKey = _hotkeys$fullscreenKe === void 0 ? function (keydownEvent) {
-      return keycode.isEventKey(keydownEvent, 'f');
-    } : _hotkeys$fullscreenKe,
-        _hotkeys$muteKey = hotkeys.muteKey,
-        muteKey = _hotkeys$muteKey === void 0 ? function (keydownEvent) {
-      return keycode.isEventKey(keydownEvent, 'm');
-    } : _hotkeys$muteKey,
-        _hotkeys$playPauseKey = hotkeys.playPauseKey,
-        playPauseKey = _hotkeys$playPauseKey === void 0 ? function (keydownEvent) {
-      return keycode.isEventKey(keydownEvent, 'k') || keycode.isEventKey(keydownEvent, 'Space');
-    } : _hotkeys$playPauseKey;
-
-    if (fullscreenKey.call(this, event)) {
-      event.preventDefault();
-      event.stopPropagation();
-      var FSToggle = Component.getComponent('FullscreenToggle');
-
-      if (document[this.fsApi_.fullscreenEnabled] !== false) {
-        FSToggle.prototype.handleClick.call(this, event);
-      }
-    } else if (muteKey.call(this, event)) {
-      event.preventDefault();
-      event.stopPropagation();
-      var MuteToggle = Component.getComponent('MuteToggle');
-      MuteToggle.prototype.handleClick.call(this, event);
-    } else if (playPauseKey.call(this, event)) {
-      event.preventDefault();
-      event.stopPropagation();
-      var PlayToggle = Component.getComponent('PlayToggle');
-      PlayToggle.prototype.handleClick.call(this, event);
-    }
-  }
-  /**
-   * Check whether the player can play a given mimetype
-   *
-   * @see https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-navigator-canplaytype
-   *
-   * @param {string} type
-   *        The mimetype to check
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-  ;
-
-  _proto.canPlayType = function canPlayType(type) {
-    var can; // Loop through each playback technology in the options order
-
-    for (var i = 0, j = this.options_.techOrder; i < j.length; i++) {
-      var techName = j[i];
-      var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-      // Remove once that deprecated behavior is removed.
-
-      if (!tech) {
-        tech = Component.getComponent(techName);
-      } // Check if the current tech is defined before continuing
-
-
-      if (!tech) {
-        log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-        continue;
-      } // Check if the browser supports this technology
-
-
-      if (tech.isSupported()) {
-        can = tech.canPlayType(type);
-
-        if (can) {
-          return can;
-        }
-      }
-    }
-
-    return '';
-  }
-  /**
-   * Select source based on tech-order or source-order
-   * Uses source-order selection if `options.sourceOrder` is truthy. Otherwise,
-   * defaults to tech-order selection
-   *
-   * @param {Array} sources
-   *        The sources for a media asset
-   *
-   * @return {Object|boolean}
-   *         Object of source and tech order or false
-   */
-  ;
-
-  _proto.selectSource = function selectSource(sources) {
-    var _this10 = this;
-
-    // Get only the techs specified in `techOrder` that exist and are supported by the
-    // current platform
-    var techs = this.options_.techOrder.map(function (techName) {
-      return [techName, Tech.getTech(techName)];
-    }).filter(function (_ref) {
-      var techName = _ref[0],
-          tech = _ref[1];
-
-      // Check if the current tech is defined before continuing
-      if (tech) {
-        // Check if the browser supports this technology
-        return tech.isSupported();
-      }
-
-      log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-      return false;
-    }); // Iterate over each `innerArray` element once per `outerArray` element and execute
-    // `tester` with both. If `tester` returns a non-falsy value, exit early and return
-    // that value.
-
-    var findFirstPassingTechSourcePair = function findFirstPassingTechSourcePair(outerArray, innerArray, tester) {
-      var found;
-      outerArray.some(function (outerChoice) {
-        return innerArray.some(function (innerChoice) {
-          found = tester(outerChoice, innerChoice);
-
-          if (found) {
-            return true;
-          }
-        });
-      });
-      return found;
-    };
-
-    var foundSourceAndTech;
-
-    var flip = function flip(fn) {
-      return function (a, b) {
-        return fn(b, a);
-      };
-    };
-
-    var finder = function finder(_ref2, source) {
-      var techName = _ref2[0],
-          tech = _ref2[1];
-
-      if (tech.canPlaySource(source, _this10.options_[techName.toLowerCase()])) {
-        return {
-          source: source,
-          tech: techName
-        };
-      }
-    }; // Depending on the truthiness of `options.sourceOrder`, we swap the order of techs and sources
-    // to select from them based on their priority.
-
-
-    if (this.options_.sourceOrder) {
-      // Source-first ordering
-      foundSourceAndTech = findFirstPassingTechSourcePair(sources, techs, flip(finder));
-    } else {
-      // Tech-first ordering
-      foundSourceAndTech = findFirstPassingTechSourcePair(techs, sources, finder);
-    }
-
-    return foundSourceAndTech || false;
-  }
-  /**
-   * Get or set the video source.
-   *
-   * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
-   *        A SourceObject, an array of SourceObjects, or a string referencing
-   *        a URL to a media source. It is _highly recommended_ that an object
-   *        or array of objects is used here, so that source selection
-   *        algorithms can take the `type` into account.
-   *
-   *        If not provided, this method acts as a getter.
-   *
-   * @return {string|undefined}
-   *         If the `source` argument is missing, returns the current source
-   *         URL. Otherwise, returns nothing/undefined.
-   */
-  ;
-
-  _proto.src = function src(source) {
-    var _this11 = this;
-
-    // getter usage
-    if (typeof source === 'undefined') {
-      return this.cache_.src || '';
-    } // filter out invalid sources and turn our source into
-    // an array of source objects
-
-
-    var sources = filterSource(source); // if a source was passed in then it is invalid because
-    // it was filtered to a zero length Array. So we have to
-    // show an error
-
-    if (!sources.length) {
-      this.setTimeout(function () {
-        this.error({
-          code: 4,
-          message: this.localize(this.options_.notSupportedMessage)
-        });
-      }, 0);
-      return;
-    } // intial sources
-
-
-    this.changingSrc_ = true;
-    this.cache_.sources = sources;
-    this.updateSourceCaches_(sources[0]); // middlewareSource is the source after it has been changed by middleware
-
-    setSource(this, sources[0], function (middlewareSource, mws) {
-      _this11.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
-      // the source that is selected could be out of order from the cache update above this callback.
-
-      _this11.cache_.sources = sources;
-
-      _this11.updateSourceCaches_(middlewareSource);
-
-      var err = _this11.src_(middlewareSource);
-
-      if (err) {
-        if (sources.length > 1) {
-          return _this11.src(sources.slice(1));
-        }
-
-        _this11.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
-
-        _this11.setTimeout(function () {
-          this.error({
-            code: 4,
-            message: this.localize(this.options_.notSupportedMessage)
-          });
-        }, 0); // we could not find an appropriate tech, but let's still notify the delegate that this is it
-        // this needs a better comment about why this is needed
-
-
-        _this11.triggerReady();
-
-        return;
-      }
-
-      setTech(mws, _this11.tech_);
-    });
-  }
-  /**
-   * Set the source object on the tech, returns a boolean that indicates whether
-   * there is a tech that can play the source or not
-   *
-   * @param {Tech~SourceObject} source
-   *        The source object to set on the Tech
-   *
-   * @return {boolean}
-   *         - True if there is no Tech to playback this source
-   *         - False otherwise
-   *
-   * @private
-   */
-  ;
-
-  _proto.src_ = function src_(source) {
-    var _this12 = this;
-
-    var sourceTech = this.selectSource([source]);
-
-    if (!sourceTech) {
-      return true;
-    }
-
-    if (!titleCaseEquals(sourceTech.tech, this.techName_)) {
-      this.changingSrc_ = true; // load this technology with the chosen source
-
-      this.loadTech_(sourceTech.tech, sourceTech.source);
-      this.tech_.ready(function () {
-        _this12.changingSrc_ = false;
-      });
-      return false;
-    } // wait until the tech is ready to set the source
-    // and set it synchronously if possible (#2326)
-
-
-    this.ready(function () {
-      // The setSource tech method was added with source handlers
-      // so older techs won't support it
-      // We need to check the direct prototype for the case where subclasses
-      // of the tech do not support source handlers
-      if (this.tech_.constructor.prototype.hasOwnProperty('setSource')) {
-        this.techCall_('setSource', source);
-      } else {
-        this.techCall_('src', source.src);
-      }
-
-      this.changingSrc_ = false;
-    }, true);
-    return false;
-  }
-  /**
-   * Begin loading the src data.
-   */
-  ;
-
-  _proto.load = function load() {
-    this.techCall_('load');
-  }
-  /**
-   * Reset the player. Loads the first tech in the techOrder,
-   * removes all the text tracks in the existing `tech`,
-   * and calls `reset` on the `tech`.
-   */
-  ;
-
-  _proto.reset = function reset() {
-    var _this13 = this;
-
-    var PromiseClass = this.options_.Promise || window$1.Promise;
-
-    if (this.paused() || !PromiseClass) {
-      this.doReset_();
-    } else {
-      var playPromise = this.play();
-      silencePromise(playPromise.then(function () {
-        return _this13.doReset_();
-      }));
-    }
-  };
-
-  _proto.doReset_ = function doReset_() {
-    if (this.tech_) {
-      this.tech_.clearTracks('text');
-    }
-
-    this.resetCache_();
-    this.poster('');
-    this.loadTech_(this.options_.techOrder[0], null);
-    this.techCall_('reset');
-    this.resetControlBarUI_();
-
-    if (isEvented(this)) {
-      this.trigger('playerreset');
-    }
-  }
-  /**
-   * Reset Control Bar's UI by calling sub-methods that reset
-   * all of Control Bar's components
-   */
-  ;
-
-  _proto.resetControlBarUI_ = function resetControlBarUI_() {
-    this.resetProgressBar_();
-    this.resetPlaybackRate_();
-    this.resetVolumeBar_();
-  }
-  /**
-   * Reset tech's progress so progress bar is reset in the UI
-   */
-  ;
-
-  _proto.resetProgressBar_ = function resetProgressBar_() {
-    this.currentTime(0);
-    var _this$controlBar = this.controlBar,
-        durationDisplay = _this$controlBar.durationDisplay,
-        remainingTimeDisplay = _this$controlBar.remainingTimeDisplay;
-
-    if (durationDisplay) {
-      durationDisplay.updateContent();
-    }
-
-    if (remainingTimeDisplay) {
-      remainingTimeDisplay.updateContent();
-    }
-  }
-  /**
-   * Reset Playback ratio
-   */
-  ;
-
-  _proto.resetPlaybackRate_ = function resetPlaybackRate_() {
-    this.playbackRate(this.defaultPlaybackRate());
-    this.handleTechRateChange_();
-  }
-  /**
-   * Reset Volume bar
-   */
-  ;
-
-  _proto.resetVolumeBar_ = function resetVolumeBar_() {
-    this.volume(1.0);
-    this.trigger('volumechange');
-  }
-  /**
-   * Returns all of the current source objects.
-   *
-   * @return {Tech~SourceObject[]}
-   *         The current source objects
-   */
-  ;
-
-  _proto.currentSources = function currentSources() {
-    var source = this.currentSource();
-    var sources = []; // assume `{}` or `{ src }`
-
-    if (Object.keys(source).length !== 0) {
-      sources.push(source);
-    }
-
-    return this.cache_.sources || sources;
-  }
-  /**
-   * Returns the current source object.
-   *
-   * @return {Tech~SourceObject}
-   *         The current source object
-   */
-  ;
-
-  _proto.currentSource = function currentSource() {
-    return this.cache_.source || {};
-  }
-  /**
-   * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4
-   * Can be used in conjunction with `currentType` to assist in rebuilding the current source object.
-   *
-   * @return {string}
-   *         The current source
-   */
-  ;
-
-  _proto.currentSrc = function currentSrc() {
-    return this.currentSource() && this.currentSource().src || '';
-  }
-  /**
-   * Get the current source type e.g. video/mp4
-   * This can allow you rebuild the current source object so that you could load the same
-   * source and tech later
-   *
-   * @return {string}
-   *         The source MIME type
-   */
-  ;
-
-  _proto.currentType = function currentType() {
-    return this.currentSource() && this.currentSource().type || '';
-  }
-  /**
-   * Get or set the preload attribute
-   *
-   * @param {boolean} [value]
-   *        - true means that we should preload
-   *        - false means that we should not preload
-   *
-   * @return {string}
-   *         The preload attribute value when getting
-   */
-  ;
-
-  _proto.preload = function preload(value) {
-    if (value !== undefined) {
-      this.techCall_('setPreload', value);
-      this.options_.preload = value;
-      return;
-    }
-
-    return this.techGet_('preload');
-  }
-  /**
-   * Get or set the autoplay option. When this is a boolean it will
-   * modify the attribute on the tech. When this is a string the attribute on
-   * the tech will be removed and `Player` will handle autoplay on loadstarts.
-   *
-   * @param {boolean|string} [value]
-   *        - true: autoplay using the browser behavior
-   *        - false: do not autoplay
-   *        - 'play': call play() on every loadstart
-   *        - 'muted': call muted() then play() on every loadstart
-   *        - 'any': call play() on every loadstart. if that fails call muted() then play().
-   *        - *: values other than those listed here will be set `autoplay` to true
-   *
-   * @return {boolean|string}
-   *         The current value of autoplay when getting
-   */
-  ;
-
-  _proto.autoplay = function autoplay(value) {
-    // getter usage
-    if (value === undefined) {
-      return this.options_.autoplay || false;
-    }
-
-    var techAutoplay; // if the value is a valid string set it to that
-
-    if (typeof value === 'string' && /(any|play|muted)/.test(value)) {
-      this.options_.autoplay = value;
-      this.manualAutoplay_(value);
-      techAutoplay = false; // any falsy value sets autoplay to false in the browser,
-      // lets do the same
-    } else if (!value) {
-      this.options_.autoplay = false; // any other value (ie truthy) sets autoplay to true
-    } else {
-      this.options_.autoplay = true;
-    }
-
-    techAutoplay = typeof techAutoplay === 'undefined' ? this.options_.autoplay : techAutoplay; // if we don't have a tech then we do not queue up
-    // a setAutoplay call on tech ready. We do this because the
-    // autoplay option will be passed in the constructor and we
-    // do not need to set it twice
-
-    if (this.tech_) {
-      this.techCall_('setAutoplay', techAutoplay);
-    }
-  }
-  /**
-   * Set or unset the playsinline attribute.
-   * Playsinline tells the browser that non-fullscreen playback is preferred.
-   *
-   * @param {boolean} [value]
-   *        - true means that we should try to play inline by default
-   *        - false means that we should use the browser's default playback mode,
-   *          which in most cases is inline. iOS Safari is a notable exception
-   *          and plays fullscreen by default.
-   *
-   * @return {string|Player}
-   *         - the current value of playsinline
-   *         - the player when setting
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  ;
-
-  _proto.playsinline = function playsinline(value) {
-    if (value !== undefined) {
-      this.techCall_('setPlaysinline', value);
-      this.options_.playsinline = value;
-      return this;
-    }
-
-    return this.techGet_('playsinline');
-  }
-  /**
-   * Get or set the loop attribute on the video element.
-   *
-   * @param {boolean} [value]
-   *        - true means that we should loop the video
-   *        - false means that we should not loop the video
-   *
-   * @return {boolean}
-   *         The current value of loop when getting
-   */
-  ;
-
-  _proto.loop = function loop(value) {
-    if (value !== undefined) {
-      this.techCall_('setLoop', value);
-      this.options_.loop = value;
-      return;
-    }
-
-    return this.techGet_('loop');
-  }
-  /**
-   * Get or set the poster image source url
-   *
-   * @fires Player#posterchange
-   *
-   * @param {string} [src]
-   *        Poster image source URL
-   *
-   * @return {string}
-   *         The current value of poster when getting
-   */
-  ;
-
-  _proto.poster = function poster(src) {
-    if (src === undefined) {
-      return this.poster_;
-    } // The correct way to remove a poster is to set as an empty string
-    // other falsey values will throw errors
-
-
-    if (!src) {
-      src = '';
-    }
-
-    if (src === this.poster_) {
-      return;
-    } // update the internal poster variable
-
-
-    this.poster_ = src; // update the tech's poster
-
-    this.techCall_('setPoster', src);
-    this.isPosterFromTech_ = false; // alert components that the poster has been set
-
-    /**
-     * This event fires when the poster image is changed on the player.
-     *
-     * @event Player#posterchange
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('posterchange');
-  }
-  /**
-   * Some techs (e.g. YouTube) can provide a poster source in an
-   * asynchronous way. We want the poster component to use this
-   * poster source so that it covers up the tech's controls.
-   * (YouTube's play button). However we only want to use this
-   * source if the player user hasn't set a poster through
-   * the normal APIs.
-   *
-   * @fires Player#posterchange
-   * @listens Tech#posterchange
-   * @private
-   */
-  ;
-
-  _proto.handleTechPosterChange_ = function handleTechPosterChange_() {
-    if ((!this.poster_ || this.options_.techCanOverridePoster) && this.tech_ && this.tech_.poster) {
-      var newPoster = this.tech_.poster() || '';
-
-      if (newPoster !== this.poster_) {
-        this.poster_ = newPoster;
-        this.isPosterFromTech_ = true; // Let components know the poster has changed
-
-        this.trigger('posterchange');
-      }
-    }
-  }
-  /**
-   * Get or set whether or not the controls are showing.
-   *
-   * @fires Player#controlsenabled
-   *
-   * @param {boolean} [bool]
-   *        - true to turn controls on
-   *        - false to turn controls off
-   *
-   * @return {boolean}
-   *         The current value of controls when getting
-   */
-  ;
-
-  _proto.controls = function controls(bool) {
-    if (bool === undefined) {
-      return !!this.controls_;
-    }
-
-    bool = !!bool; // Don't trigger a change event unless it actually changed
-
-    if (this.controls_ === bool) {
-      return;
-    }
-
-    this.controls_ = bool;
-
-    if (this.usingNativeControls()) {
-      this.techCall_('setControls', bool);
-    }
-
-    if (this.controls_) {
-      this.removeClass('vjs-controls-disabled');
-      this.addClass('vjs-controls-enabled');
-      /**
-       * @event Player#controlsenabled
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('controlsenabled');
-
-      if (!this.usingNativeControls()) {
-        this.addTechControlsListeners_();
-      }
-    } else {
-      this.removeClass('vjs-controls-enabled');
-      this.addClass('vjs-controls-disabled');
-      /**
-       * @event Player#controlsdisabled
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('controlsdisabled');
-
-      if (!this.usingNativeControls()) {
-        this.removeTechControlsListeners_();
-      }
-    }
-  }
-  /**
-   * Toggle native controls on/off. Native controls are the controls built into
-   * devices (e.g. default iPhone controls), Flash, or other techs
-   * (e.g. Vimeo Controls)
-   * **This should only be set by the current tech, because only the tech knows
-   * if it can support native controls**
-   *
-   * @fires Player#usingnativecontrols
-   * @fires Player#usingcustomcontrols
-   *
-   * @param {boolean} [bool]
-   *        - true to turn native controls on
-   *        - false to turn native controls off
-   *
-   * @return {boolean}
-   *         The current value of native controls when getting
-   */
-  ;
-
-  _proto.usingNativeControls = function usingNativeControls(bool) {
-    if (bool === undefined) {
-      return !!this.usingNativeControls_;
-    }
-
-    bool = !!bool; // Don't trigger a change event unless it actually changed
-
-    if (this.usingNativeControls_ === bool) {
-      return;
-    }
-
-    this.usingNativeControls_ = bool;
-
-    if (this.usingNativeControls_) {
-      this.addClass('vjs-using-native-controls');
-      /**
-       * player is using the native device controls
-       *
-       * @event Player#usingnativecontrols
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('usingnativecontrols');
-    } else {
-      this.removeClass('vjs-using-native-controls');
-      /**
-       * player is using the custom HTML controls
-       *
-       * @event Player#usingcustomcontrols
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('usingcustomcontrols');
-    }
-  }
-  /**
-   * Set or get the current MediaError
-   *
-   * @fires Player#error
-   *
-   * @param  {MediaError|string|number} [err]
-   *         A MediaError or a string/number to be turned
-   *         into a MediaError
-   *
-   * @return {MediaError|null}
-   *         The current MediaError when getting (or null)
-   */
-  ;
-
-  _proto.error = function error(err) {
-    if (err === undefined) {
-      return this.error_ || null;
-    } // Suppress the first error message for no compatible source until
-    // user interaction
-
-
-    if (this.options_.suppressNotSupportedError && err && err.code === 4) {
-      var triggerSuppressedError = function triggerSuppressedError() {
-        this.error(err);
-      };
-
-      this.options_.suppressNotSupportedError = false;
-      this.any(['click', 'touchstart'], triggerSuppressedError);
-      this.one('loadstart', function () {
-        this.off(['click', 'touchstart'], triggerSuppressedError);
-      });
-      return;
-    } // restoring to default
-
-
-    if (err === null) {
-      this.error_ = err;
-      this.removeClass('vjs-error');
-
-      if (this.errorDisplay) {
-        this.errorDisplay.close();
-      }
-
-      return;
-    }
-
-    this.error_ = new MediaError(err); // add the vjs-error classname to the player
-
-    this.addClass('vjs-error'); // log the name of the error type and any message
-    // IE11 logs "[object object]" and required you to expand message to see error object
-
-    log.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
-    /**
-     * @event Player#error
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('error');
-    return;
-  }
-  /**
-   * Report user activity
-   *
-   * @param {Object} event
-   *        Event object
-   */
-  ;
-
-  _proto.reportUserActivity = function reportUserActivity(event) {
-    this.userActivity_ = true;
-  }
-  /**
-   * Get/set if user is active
-   *
-   * @fires Player#useractive
-   * @fires Player#userinactive
-   *
-   * @param {boolean} [bool]
-   *        - true if the user is active
-   *        - false if the user is inactive
-   *
-   * @return {boolean}
-   *         The current value of userActive when getting
-   */
-  ;
-
-  _proto.userActive = function userActive(bool) {
-    if (bool === undefined) {
-      return this.userActive_;
-    }
-
-    bool = !!bool;
-
-    if (bool === this.userActive_) {
-      return;
-    }
-
-    this.userActive_ = bool;
-
-    if (this.userActive_) {
-      this.userActivity_ = true;
-      this.removeClass('vjs-user-inactive');
-      this.addClass('vjs-user-active');
-      /**
-       * @event Player#useractive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('useractive');
-      return;
-    } // Chrome/Safari/IE have bugs where when you change the cursor it can
-    // trigger a mousemove event. This causes an issue when you're hiding
-    // the cursor when the user is inactive, and a mousemove signals user
-    // activity. Making it impossible to go into inactive mode. Specifically
-    // this happens in fullscreen when we really need to hide the cursor.
-    //
-    // When this gets resolved in ALL browsers it can be removed
-    // https://code.google.com/p/chromium/issues/detail?id=103041
-
-
-    if (this.tech_) {
-      this.tech_.one('mousemove', function (e) {
-        e.stopPropagation();
-        e.preventDefault();
-      });
-    }
-
-    this.userActivity_ = false;
-    this.removeClass('vjs-user-active');
-    this.addClass('vjs-user-inactive');
-    /**
-     * @event Player#userinactive
-     * @type {EventTarget~Event}
-     */
-
-    this.trigger('userinactive');
-  }
-  /**
-   * Listen for user activity based on timeout value
-   *
-   * @private
-   */
-  ;
-
-  _proto.listenForUserActivity_ = function listenForUserActivity_() {
-    var mouseInProgress;
-    var lastMoveX;
-    var lastMoveY;
-    var handleActivity = bind(this, this.reportUserActivity);
-
-    var handleMouseMove = function handleMouseMove(e) {
-      // #1068 - Prevent mousemove spamming
-      // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970
-      if (e.screenX !== lastMoveX || e.screenY !== lastMoveY) {
-        lastMoveX = e.screenX;
-        lastMoveY = e.screenY;
-        handleActivity();
-      }
-    };
-
-    var handleMouseDown = function handleMouseDown() {
-      handleActivity(); // 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
-
-      this.clearInterval(mouseInProgress); // Setting userActivity=true now and setting the interval to the same time
-      // as the activityCheck interval (250) should ensure we never miss the
-      // next activityCheck
-
-      mouseInProgress = this.setInterval(handleActivity, 250);
-    };
-
-    var handleMouseUp = function handleMouseUp(event) {
-      handleActivity(); // Stop the interval that maintains activity if the mouse/touch is down
-
-      this.clearInterval(mouseInProgress);
-    }; // Any mouse movement will be considered user activity
-
-
-    this.on('mousedown', handleMouseDown);
-    this.on('mousemove', handleMouseMove);
-    this.on('mouseup', handleMouseUp);
-    var controlBar = this.getChild('controlBar'); // Fixes bug on Android & iOS where when tapping progressBar (when control bar is displayed)
-    // controlBar would no longer be hidden by default timeout.
-
-    if (controlBar && !IS_IOS && !IS_ANDROID) {
-      controlBar.on('mouseenter', function (event) {
-        this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
-        this.player().options_.inactivityTimeout = 0;
-      });
-      controlBar.on('mouseleave', function (event) {
-        this.player().options_.inactivityTimeout = this.player().cache_.inactivityTimeout;
-      });
-    } // Listen for keyboard navigation
-    // Shouldn't need to use inProgress interval because of key repeat
-
-
-    this.on('keydown', handleActivity);
-    this.on('keyup', handleActivity); // Run an interval every 250 milliseconds instead of stuffing everything into
-    // the mousemove/touchmove function itself, to prevent performance degradation.
-    // `this.reportUserActivity` simply sets this.userActivity_ to true, which
-    // then gets picked up by this loop
-    // http://ejohn.org/blog/learning-from-twitter/
-
-    var inactivityTimeout;
-    this.setInterval(function () {
-      // Check to see if mouse/touch activity has happened
-      if (!this.userActivity_) {
-        return;
-      } // Reset the activity tracker
-
-
-      this.userActivity_ = false; // If the user state was inactive, set the state to active
-
-      this.userActive(true); // Clear any existing inactivity timeout to start the timer over
-
-      this.clearTimeout(inactivityTimeout);
-      var timeout = this.options_.inactivityTimeout;
-
-      if (timeout <= 0) {
-        return;
-      } // In <timeout> milliseconds, if no more activity has occurred the
-      // user will be considered inactive
-
-
-      inactivityTimeout = this.setTimeout(function () {
-        // Protect against the case where the inactivityTimeout can trigger just
-        // before the next user activity is picked up by the activity check loop
-        // causing a flicker
-        if (!this.userActivity_) {
-          this.userActive(false);
-        }
-      }, timeout);
-    }, 250);
-  }
-  /**
-   * Gets or sets the current playback rate. A playback rate of
-   * 1.0 represents normal speed and 0.5 would indicate half-speed
-   * playback, for instance.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-playbackrate
-   *
-   * @param {number} [rate]
-   *       New playback rate to set.
-   *
-   * @return {number}
-   *         The current playback rate when getting or 1.0
-   */
-  ;
-
-  _proto.playbackRate = function playbackRate(rate) {
-    if (rate !== undefined) {
-      // NOTE: this.cache_.lastPlaybackRate is set from the tech handler
-      // that is registered above
-      this.techCall_('setPlaybackRate', rate);
-      return;
-    }
-
-    if (this.tech_ && this.tech_.featuresPlaybackRate) {
-      return this.cache_.lastPlaybackRate || this.techGet_('playbackRate');
-    }
-
-    return 1.0;
-  }
-  /**
-   * Gets or sets the current default playback rate. A default playback rate of
-   * 1.0 represents normal speed and 0.5 would indicate half-speed playback, for instance.
-   * defaultPlaybackRate will only represent what the initial playbackRate of a video was, not
-   * not the current playbackRate.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate
-   *
-   * @param {number} [rate]
-   *       New default playback rate to set.
-   *
-   * @return {number|Player}
-   *         - The default playback rate when getting or 1.0
-   *         - the player when setting
-   */
-  ;
-
-  _proto.defaultPlaybackRate = function defaultPlaybackRate(rate) {
-    if (rate !== undefined) {
-      return this.techCall_('setDefaultPlaybackRate', rate);
-    }
-
-    if (this.tech_ && this.tech_.featuresPlaybackRate) {
-      return this.techGet_('defaultPlaybackRate');
-    }
-
-    return 1.0;
-  }
-  /**
-   * Gets or sets the audio flag
-   *
-   * @param {boolean} bool
-   *        - true signals that this is an audio player
-   *        - false signals that this is not an audio player
-   *
-   * @return {boolean}
-   *         The current value of isAudio when getting
-   */
-  ;
-
-  _proto.isAudio = function isAudio(bool) {
-    if (bool !== undefined) {
-      this.isAudio_ = !!bool;
-      return;
-    }
-
-    return !!this.isAudio_;
-  }
-  /**
-   * A helper method for adding a {@link TextTrack} to our
-   * {@link TextTrackList}.
-   *
-   * In addition to the W3C settings we allow adding additional info through options.
-   *
-   * @see http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
-   *
-   * @param {string} [kind]
-   *        the kind of TextTrack you are adding
-   *
-   * @param {string} [label]
-   *        the label to give the TextTrack label
-   *
-   * @param {string} [language]
-   *        the language to set on the TextTrack
-   *
-   * @return {TextTrack|undefined}
-   *         the TextTrack that was added or undefined
-   *         if there is no tech
-   */
-  ;
-
-  _proto.addTextTrack = function addTextTrack(kind, label, language) {
-    if (this.tech_) {
-      return this.tech_.addTextTrack(kind, label, language);
-    }
-  }
-  /**
-   * Create a remote {@link TextTrack} and an {@link HTMLTrackElement}. It will
-   * automatically removed from the video element whenever the source changes, unless
-   * manualCleanup is set to false.
-   *
-   * @param {Object} options
-   *        Options to pass to {@link HTMLTrackElement} during creation. See
-   *        {@link HTMLTrackElement} for object properties that you should use.
-   *
-   * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-   *
-   * @return {HtmlTrackElement}
-   *         the HTMLTrackElement that was created and added
-   *         to the HtmlTrackElementList and the remote
-   *         TextTrackList
-   *
-   * @deprecated The default value of the "manualCleanup" parameter will default
-   *             to "false" in upcoming versions of Video.js
-   */
-  ;
-
-  _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-    if (this.tech_) {
-      return this.tech_.addRemoteTextTrack(options, manualCleanup);
-    }
-  }
-  /**
-   * Remove a remote {@link TextTrack} from the respective
-   * {@link TextTrackList} and {@link HtmlTrackElementList}.
-   *
-   * @param {Object} track
-   *        Remote {@link TextTrack} to remove
-   *
-   * @return {undefined}
-   *         does not return anything
-   */
-  ;
-
-  _proto.removeRemoteTextTrack = function removeRemoteTextTrack(obj) {
-    if (obj === void 0) {
-      obj = {};
-    }
-
-    var _obj = obj,
-        track = _obj.track;
-
-    if (!track) {
-      track = obj;
-    } // destructure the input into an object with a track argument, defaulting to arguments[0]
-    // default the whole argument to an empty object if nothing was passed in
-
-
-    if (this.tech_) {
-      return this.tech_.removeRemoteTextTrack(track);
-    }
-  }
-  /**
-   * Gets available media playback quality metrics as specified by the W3C's Media
-   * Playback Quality API.
-   *
-   * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-   *
-   * @return {Object|undefined}
-   *         An object with supported media playback quality metrics or undefined if there
-   *         is no tech or the tech does not support it.
-   */
-  ;
-
-  _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return this.techGet_('getVideoPlaybackQuality');
-  }
-  /**
-   * Get video width
-   *
-   * @return {number}
-   *         current video width
-   */
-  ;
-
-  _proto.videoWidth = function videoWidth() {
-    return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-  }
-  /**
-   * Get video height
-   *
-   * @return {number}
-   *         current video height
-   */
-  ;
-
-  _proto.videoHeight = function videoHeight() {
-    return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;
-  }
-  /**
-   * The player's language code
-   * NOTE: The language should be set in the player options if you want the
-   * the controls to be built with a specific language. Changing the language
-   * later will not update controls text.
-   *
-   * @param {string} [code]
-   *        the language code to set the player to
-   *
-   * @return {string}
-   *         The current language code when getting
-   */
-  ;
-
-  _proto.language = function language(code) {
-    if (code === undefined) {
-      return this.language_;
-    }
-
-    this.language_ = String(code).toLowerCase();
-  }
-  /**
-   * Get the player's language dictionary
-   * Merge every time, because a newly added plugin might call videojs.addLanguage() at any time
-   * Languages specified directly in the player options have precedence
-   *
-   * @return {Array}
-   *         An array of of supported languages
-   */
-  ;
-
-  _proto.languages = function languages() {
-    return mergeOptions(Player.prototype.options_.languages, this.languages_);
-  }
-  /**
-   * returns a JavaScript object reperesenting the current track
-   * information. **DOES not return it as JSON**
-   *
-   * @return {Object}
-   *         Object representing the current of track info
-   */
-  ;
-
-  _proto.toJSON = function toJSON() {
-    var options = mergeOptions(this.options_);
-    var tracks = options.tracks;
-    options.tracks = [];
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i]; // deep merge tracks and null out player so no circular references
-
-      track = mergeOptions(track);
-      track.player = undefined;
-      options.tracks[i] = track;
-    }
-
-    return options;
-  }
-  /**
-   * Creates a simple modal dialog (an instance of the {@link ModalDialog}
-   * component) that immediately overlays the player with arbitrary
-   * content and removes itself when closed.
-   *
-   * @param {string|Function|Element|Array|null} content
-   *        Same as {@link ModalDialog#content}'s param of the same name.
-   *        The most straight-forward usage is to provide a string or DOM
-   *        element.
-   *
-   * @param {Object} [options]
-   *        Extra options which will be passed on to the {@link ModalDialog}.
-   *
-   * @return {ModalDialog}
-   *         the {@link ModalDialog} that was created
-   */
-  ;
-
-  _proto.createModal = function createModal(content, options) {
-    var _this14 = this;
-
-    options = options || {};
-    options.content = content || '';
-    var modal = new ModalDialog(this, options);
-    this.addChild(modal);
-    modal.on('dispose', function () {
-      _this14.removeChild(modal);
-    });
-    modal.open();
-    return modal;
-  }
-  /**
-   * Change breakpoint classes when the player resizes.
-   *
-   * @private
-   */
-  ;
-
-  _proto.updateCurrentBreakpoint_ = function updateCurrentBreakpoint_() {
-    if (!this.responsive()) {
-      return;
-    }
-
-    var currentBreakpoint = this.currentBreakpoint();
-    var currentWidth = this.currentWidth();
-
-    for (var i = 0; i < BREAKPOINT_ORDER.length; i++) {
-      var candidateBreakpoint = BREAKPOINT_ORDER[i];
-      var maxWidth = this.breakpoints_[candidateBreakpoint];
-
-      if (currentWidth <= maxWidth) {
-        // The current breakpoint did not change, nothing to do.
-        if (currentBreakpoint === candidateBreakpoint) {
-          return;
-        } // Only remove a class if there is a current breakpoint.
-
-
-        if (currentBreakpoint) {
-          this.removeClass(BREAKPOINT_CLASSES[currentBreakpoint]);
-        }
-
-        this.addClass(BREAKPOINT_CLASSES[candidateBreakpoint]);
-        this.breakpoint_ = candidateBreakpoint;
-        break;
-      }
-    }
-  }
-  /**
-   * Removes the current breakpoint.
-   *
-   * @private
-   */
-  ;
-
-  _proto.removeCurrentBreakpoint_ = function removeCurrentBreakpoint_() {
-    var className = this.currentBreakpointClass();
-    this.breakpoint_ = '';
-
-    if (className) {
-      this.removeClass(className);
-    }
-  }
-  /**
-   * Get or set breakpoints on the player.
-   *
-   * Calling this method with an object or `true` will remove any previous
-   * custom breakpoints and start from the defaults again.
-   *
-   * @param  {Object|boolean} [breakpoints]
-   *         If an object is given, it can be used to provide custom
-   *         breakpoints. If `true` is given, will set default breakpoints.
-   *         If this argument is not given, will simply return the current
-   *         breakpoints.
-   *
-   * @param  {number} [breakpoints.tiny]
-   *         The maximum width for the "vjs-layout-tiny" class.
-   *
-   * @param  {number} [breakpoints.xsmall]
-   *         The maximum width for the "vjs-layout-x-small" class.
-   *
-   * @param  {number} [breakpoints.small]
-   *         The maximum width for the "vjs-layout-small" class.
-   *
-   * @param  {number} [breakpoints.medium]
-   *         The maximum width for the "vjs-layout-medium" class.
-   *
-   * @param  {number} [breakpoints.large]
-   *         The maximum width for the "vjs-layout-large" class.
-   *
-   * @param  {number} [breakpoints.xlarge]
-   *         The maximum width for the "vjs-layout-x-large" class.
-   *
-   * @param  {number} [breakpoints.huge]
-   *         The maximum width for the "vjs-layout-huge" class.
-   *
-   * @return {Object}
-   *         An object mapping breakpoint names to maximum width values.
-   */
-  ;
-
-  _proto.breakpoints = function breakpoints(_breakpoints) {
-    // Used as a getter.
-    if (_breakpoints === undefined) {
-      return assign(this.breakpoints_);
-    }
-
-    this.breakpoint_ = '';
-    this.breakpoints_ = assign({}, DEFAULT_BREAKPOINTS, _breakpoints); // When breakpoint definitions change, we need to update the currently
-    // selected breakpoint.
-
-    this.updateCurrentBreakpoint_(); // Clone the breakpoints before returning.
-
-    return assign(this.breakpoints_);
-  }
-  /**
-   * Get or set a flag indicating whether or not this player should adjust
-   * its UI based on its dimensions.
-   *
-   * @param  {boolean} value
-   *         Should be `true` if the player should adjust its UI based on its
-   *         dimensions; otherwise, should be `false`.
-   *
-   * @return {boolean}
-   *         Will be `true` if this player should adjust its UI based on its
-   *         dimensions; otherwise, will be `false`.
-   */
-  ;
-
-  _proto.responsive = function responsive(value) {
-    // Used as a getter.
-    if (value === undefined) {
-      return this.responsive_;
-    }
-
-    value = Boolean(value);
-    var current = this.responsive_; // Nothing changed.
-
-    if (value === current) {
-      return;
-    } // The value actually changed, set it.
-
-
-    this.responsive_ = value; // Start listening for breakpoints and set the initial breakpoint if the
-    // player is now responsive.
-
-    if (value) {
-      this.on('playerresize', this.updateCurrentBreakpoint_);
-      this.updateCurrentBreakpoint_(); // Stop listening for breakpoints if the player is no longer responsive.
-    } else {
-      this.off('playerresize', this.updateCurrentBreakpoint_);
-      this.removeCurrentBreakpoint_();
-    }
-
-    return value;
-  }
-  /**
-   * Get current breakpoint name, if any.
-   *
-   * @return {string}
-   *         If there is currently a breakpoint set, returns a the key from the
-   *         breakpoints object matching it. Otherwise, returns an empty string.
-   */
-  ;
-
-  _proto.currentBreakpoint = function currentBreakpoint() {
-    return this.breakpoint_;
-  }
-  /**
-   * Get the current breakpoint class name.
-   *
-   * @return {string}
-   *         The matching class name (e.g. `"vjs-layout-tiny"` or
-   *         `"vjs-layout-large"`) for the current breakpoint. Empty string if
-   *         there is no current breakpoint.
-   */
-  ;
-
-  _proto.currentBreakpointClass = function currentBreakpointClass() {
-    return BREAKPOINT_CLASSES[this.breakpoint_] || '';
-  }
-  /**
-   * An object that describes a single piece of media.
-   *
-   * Properties that are not part of this type description will be retained; so,
-   * this can be viewed as a generic metadata storage mechanism as well.
-   *
-   * @see      {@link https://wicg.github.io/mediasession/#the-mediametadata-interface}
-   * @typedef  {Object} Player~MediaObject
-   *
-   * @property {string} [album]
-   *           Unused, except if this object is passed to the `MediaSession`
-   *           API.
-   *
-   * @property {string} [artist]
-   *           Unused, except if this object is passed to the `MediaSession`
-   *           API.
-   *
-   * @property {Object[]} [artwork]
-   *           Unused, except if this object is passed to the `MediaSession`
-   *           API. If not specified, will be populated via the `poster`, if
-   *           available.
-   *
-   * @property {string} [poster]
-   *           URL to an image that will display before playback.
-   *
-   * @property {Tech~SourceObject|Tech~SourceObject[]|string} [src]
-   *           A single source object, an array of source objects, or a string
-   *           referencing a URL to a media source. It is _highly recommended_
-   *           that an object or array of objects is used here, so that source
-   *           selection algorithms can take the `type` into account.
-   *
-   * @property {string} [title]
-   *           Unused, except if this object is passed to the `MediaSession`
-   *           API.
-   *
-   * @property {Object[]} [textTracks]
-   *           An array of objects to be used to create text tracks, following
-   *           the {@link https://www.w3.org/TR/html50/embedded-content-0.html#the-track-element|native track element format}.
-   *           For ease of removal, these will be created as "remote" text
-   *           tracks and set to automatically clean up on source changes.
-   *
-   *           These objects may have properties like `src`, `kind`, `label`,
-   *           and `language`, see {@link Tech#createRemoteTextTrack}.
-   */
-
-  /**
-   * Populate the player using a {@link Player~MediaObject|MediaObject}.
-   *
-   * @param  {Player~MediaObject} media
-   *         A media object.
-   *
-   * @param  {Function} ready
-   *         A callback to be called when the player is ready.
-   */
-  ;
-
-  _proto.loadMedia = function loadMedia(media, ready) {
-    var _this15 = this;
-
-    if (!media || typeof media !== 'object') {
-      return;
-    }
-
-    this.reset(); // Clone the media object so it cannot be mutated from outside.
-
-    this.cache_.media = mergeOptions(media);
-    var _this$cache_$media = this.cache_.media,
-        artwork = _this$cache_$media.artwork,
-        poster = _this$cache_$media.poster,
-        src = _this$cache_$media.src,
-        textTracks = _this$cache_$media.textTracks; // If `artwork` is not given, create it using `poster`.
-
-    if (!artwork && poster) {
-      this.cache_.media.artwork = [{
-        src: poster,
-        type: getMimetype(poster)
-      }];
-    }
-
-    if (src) {
-      this.src(src);
-    }
-
-    if (poster) {
-      this.poster(poster);
-    }
-
-    if (Array.isArray(textTracks)) {
-      textTracks.forEach(function (tt) {
-        return _this15.addRemoteTextTrack(tt, false);
-      });
-    }
-
-    this.ready(ready);
-  }
-  /**
-   * Get a clone of the current {@link Player~MediaObject} for this player.
-   *
-   * If the `loadMedia` method has not been used, will attempt to return a
-   * {@link Player~MediaObject} based on the current state of the player.
-   *
-   * @return {Player~MediaObject}
-   */
-  ;
-
-  _proto.getMedia = function getMedia() {
-    if (!this.cache_.media) {
-      var poster = this.poster();
-      var src = this.currentSources();
-      var textTracks = Array.prototype.map.call(this.remoteTextTracks(), function (tt) {
-        return {
-          kind: tt.kind,
-          label: tt.label,
-          language: tt.language,
-          src: tt.src
-        };
-      });
-      var media = {
-        src: src,
-        textTracks: textTracks
-      };
-
-      if (poster) {
-        media.poster = poster;
-        media.artwork = [{
-          src: media.poster,
-          type: getMimetype(media.poster)
-        }];
-      }
-
-      return media;
-    }
-
-    return mergeOptions(this.cache_.media);
-  }
-  /**
-   * Gets tag settings
-   *
-   * @param {Element} tag
-   *        The player tag
-   *
-   * @return {Object}
-   *         An object containing all of the settings
-   *         for a player tag
-   */
-  ;
-
-  Player.getTagSettings = function getTagSettings(tag) {
-    var baseOptions = {
-      sources: [],
-      tracks: []
-    };
-    var tagOptions = getAttributes(tag);
-    var dataSetup = tagOptions['data-setup'];
-
-    if (hasClass(tag, 'vjs-fill')) {
-      tagOptions.fill = true;
-    }
-
-    if (hasClass(tag, 'vjs-fluid')) {
-      tagOptions.fluid = true;
-    } // Check if data-setup attr exists.
-
-
-    if (dataSetup !== null) {
-      // Parse options JSON
-      // If empty string, make it a parsable json object.
-      var _safeParseTuple = safeParseTuple(dataSetup || '{}'),
-          err = _safeParseTuple[0],
-          data = _safeParseTuple[1];
-
-      if (err) {
-        log.error(err);
-      }
-
-      assign(tagOptions, data);
-    }
-
-    assign(baseOptions, tagOptions); // Get tag children settings
-
-    if (tag.hasChildNodes()) {
-      var children = tag.childNodes;
-
-      for (var i = 0, j = children.length; i < j; i++) {
-        var child = children[i]; // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
-
-        var childName = child.nodeName.toLowerCase();
-
-        if (childName === 'source') {
-          baseOptions.sources.push(getAttributes(child));
-        } else if (childName === 'track') {
-          baseOptions.tracks.push(getAttributes(child));
-        }
-      }
-    }
-
-    return baseOptions;
-  }
-  /**
-   * Determine whether or not flexbox is supported
-   *
-   * @return {boolean}
-   *         - true if flexbox is supported
-   *         - false if flexbox is not supported
-   */
-  ;
-
-  _proto.flexNotSupported_ = function flexNotSupported_() {
-    var elem = document.createElement('i'); // Note: We don't actually use flexBasis (or flexOrder), but it's one of the more
-    // common flex features that we can rely on when checking for flex support.
-
-    return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style || // IE10-specific (2012 flex spec), available for completeness
-    'msFlexOrder' in elem.style);
-  };
-
-  return Player;
-}(Component);
-/**
- * Get the {@link VideoTrackList}
- * @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist
- *
- * @return {VideoTrackList}
- *         the current video track list
- *
- * @method Player.prototype.videoTracks
- */
-
-/**
- * Get the {@link AudioTrackList}
- * @link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist
- *
- * @return {AudioTrackList}
- *         the current audio track list
- *
- * @method Player.prototype.audioTracks
- */
-
-/**
- * Get the {@link TextTrackList}
- *
- * @link http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
- *
- * @return {TextTrackList}
- *         the current text track list
- *
- * @method Player.prototype.textTracks
- */
-
-/**
- * Get the remote {@link TextTrackList}
- *
- * @return {TextTrackList}
- *         The current remote text track list
- *
- * @method Player.prototype.remoteTextTracks
- */
-
-/**
- * Get the remote {@link HtmlTrackElementList} tracks.
- *
- * @return {HtmlTrackElementList}
- *         The current remote text track element list
- *
- * @method Player.prototype.remoteTextTrackEls
- */
-
-
-ALL.names.forEach(function (name) {
-  var props = ALL[name];
-
-  Player.prototype[props.getterName] = function () {
-    if (this.tech_) {
-      return this.tech_[props.getterName]();
-    } // if we have not yet loadTech_, we create {video,audio,text}Tracks_
-    // these will be passed to the tech during loading
-
-
-    this[props.privateName] = this[props.privateName] || new props.ListClass();
-    return this[props.privateName];
-  };
-});
-/**
- * Global enumeration of players.
- *
- * The keys are the player IDs and the values are either the {@link Player}
- * instance or `null` for disposed players.
- *
- * @type {Object}
- */
-
-Player.players = {};
-var navigator = window$1.navigator;
-/*
- * Player instance options, surfaced using options
- * options = Player.prototype.options_
- * Make changes in options, not here.
- *
- * @type {Object}
- * @private
- */
-
-Player.prototype.options_ = {
-  // Default order of fallback technology
-  techOrder: Tech.defaultTechOrder_,
-  html5: {},
-  flash: {},
-  // default inactivity timeout
-  inactivityTimeout: 2000,
-  // default playback rates
-  playbackRates: [],
-  // Add playback rate selection by adding rates
-  // 'playbackRates': [0.5, 1, 1.5, 2],
-  liveui: false,
-  // Included control sets
-  children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'liveTracker', 'controlBar', 'errorDisplay', 'textTrackSettings', 'resizeManager'],
-  language: navigator && (navigator.languages && navigator.languages[0] || navigator.userLanguage || navigator.language) || 'en',
-  // locales and their language translations
-  languages: {},
-  // Default message to show when a video cannot be played.
-  notSupportedMessage: 'No compatible source was found for this media.',
-  fullscreen: {
-    options: {
-      navigationUI: 'hide'
-    }
-  },
-  breakpoints: {},
-  responsive: false
-};
-[
-/**
- * Returns whether or not the player is in the "ended" state.
- *
- * @return {Boolean} True if the player is in the ended state, false if not.
- * @method Player#ended
- */
-'ended',
-/**
- * Returns whether or not the player is in the "seeking" state.
- *
- * @return {Boolean} True if the player is in the seeking state, false if not.
- * @method Player#seeking
- */
-'seeking',
-/**
- * Returns the TimeRanges of the media that are currently available
- * for seeking to.
- *
- * @return {TimeRanges} the seekable intervals of the media timeline
- * @method Player#seekable
- */
-'seekable',
-/**
- * Returns the current state of network activity for the element, from
- * the codes in the list below.
- * - NETWORK_EMPTY (numeric value 0)
- *   The element has not yet been initialised. All attributes are in
- *   their initial states.
- * - NETWORK_IDLE (numeric value 1)
- *   The element's resource selection algorithm is active and has
- *   selected a resource, but it is not actually using the network at
- *   this time.
- * - NETWORK_LOADING (numeric value 2)
- *   The user agent is actively trying to download data.
- * - NETWORK_NO_SOURCE (numeric value 3)
- *   The element's resource selection algorithm is active, but it has
- *   not yet found a resource to use.
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#network-states
- * @return {number} the current network activity state
- * @method Player#networkState
- */
-'networkState',
-/**
- * Returns a value that expresses the current state of the element
- * with respect to rendering the current playback position, from the
- * codes in the list below.
- * - HAVE_NOTHING (numeric value 0)
- *   No information regarding the media resource is available.
- * - HAVE_METADATA (numeric value 1)
- *   Enough of the resource has been obtained that the duration of the
- *   resource is available.
- * - HAVE_CURRENT_DATA (numeric value 2)
- *   Data for the immediate current playback position is available.
- * - HAVE_FUTURE_DATA (numeric value 3)
- *   Data for the immediate current playback position is available, as
- *   well as enough data for the user agent to advance the current
- *   playback position in the direction of playback.
- * - HAVE_ENOUGH_DATA (numeric value 4)
- *   The user agent estimates that enough data is available for
- *   playback to proceed uninterrupted.
- *
- * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-readystate
- * @return {number} the current playback rendering state
- * @method Player#readyState
- */
-'readyState'].forEach(function (fn) {
-  Player.prototype[fn] = function () {
-    return this.techGet_(fn);
-  };
-});
-TECH_EVENTS_RETRIGGER.forEach(function (event) {
-  Player.prototype["handleTech" + toTitleCase(event) + "_"] = function () {
-    return this.trigger(event);
-  };
-});
-/**
- * Fired when the player has initial duration and dimension information
- *
- * @event Player#loadedmetadata
- * @type {EventTarget~Event}
- */
-
-/**
- * Fired when the player has downloaded data at the current playback position
- *
- * @event Player#loadeddata
- * @type {EventTarget~Event}
- */
-
-/**
- * Fired when the current playback position has changed *
- * During playback this is fired every 15-250 milliseconds, depending on the
- * playback technology in use.
- *
- * @event Player#timeupdate
- * @type {EventTarget~Event}
- */
-
-/**
- * Fired when the volume changes
- *
- * @event Player#volumechange
- * @type {EventTarget~Event}
- */
-
-/**
- * Reports whether or not a player has a plugin available.
- *
- * This does not report whether or not the plugin has ever been initialized
- * on this player. For that, [usingPlugin]{@link Player#usingPlugin}.
- *
- * @method Player#hasPlugin
- * @param  {string}  name
- *         The name of a plugin.
- *
- * @return {boolean}
- *         Whether or not this player has the requested plugin available.
- */
-
-/**
- * Reports whether or not a player is using a plugin by name.
- *
- * For basic plugins, this only reports whether the plugin has _ever_ been
- * initialized on this player.
- *
- * @method Player#usingPlugin
- * @param  {string} name
- *         The name of a plugin.
- *
- * @return {boolean}
- *         Whether or not this player is using the requested plugin.
- */
-
-Component.registerComponent('Player', Player);
-
-/**
- * The base plugin name.
- *
- * @private
- * @constant
- * @type {string}
- */
-
-var BASE_PLUGIN_NAME = 'plugin';
-/**
- * The key on which a player's active plugins cache is stored.
- *
- * @private
- * @constant
- * @type     {string}
- */
-
-var PLUGIN_CACHE_KEY = 'activePlugins_';
-/**
- * Stores registered plugins in a private space.
- *
- * @private
- * @type    {Object}
- */
-
-var pluginStorage = {};
-/**
- * Reports whether or not a plugin has been registered.
- *
- * @private
- * @param   {string} name
- *          The name of a plugin.
- *
- * @return {boolean}
- *          Whether or not the plugin has been registered.
- */
-
-var pluginExists = function pluginExists(name) {
-  return pluginStorage.hasOwnProperty(name);
-};
-/**
- * Get a single registered plugin by name.
- *
- * @private
- * @param   {string} name
- *          The name of a plugin.
- *
- * @return {Function|undefined}
- *          The plugin (or undefined).
- */
-
-
-var getPlugin = function getPlugin(name) {
-  return pluginExists(name) ? pluginStorage[name] : undefined;
-};
-/**
- * Marks a plugin as "active" on a player.
- *
- * Also, ensures that the player has an object for tracking active plugins.
- *
- * @private
- * @param   {Player} player
- *          A Video.js player instance.
- *
- * @param   {string} name
- *          The name of a plugin.
- */
-
-
-var markPluginAsActive = function markPluginAsActive(player, name) {
-  player[PLUGIN_CACHE_KEY] = player[PLUGIN_CACHE_KEY] || {};
-  player[PLUGIN_CACHE_KEY][name] = true;
-};
-/**
- * Triggers a pair of plugin setup events.
- *
- * @private
- * @param  {Player} player
- *         A Video.js player instance.
- *
- * @param  {Plugin~PluginEventHash} hash
- *         A plugin event hash.
- *
- * @param  {boolean} [before]
- *         If true, prefixes the event name with "before". In other words,
- *         use this to trigger "beforepluginsetup" instead of "pluginsetup".
- */
-
-
-var triggerSetupEvent = function triggerSetupEvent(player, hash, before) {
-  var eventName = (before ? 'before' : '') + 'pluginsetup';
-  player.trigger(eventName, hash);
-  player.trigger(eventName + ':' + hash.name, hash);
-};
-/**
- * Takes a basic plugin function and returns a wrapper function which marks
- * on the player that the plugin has been activated.
- *
- * @private
- * @param   {string} name
- *          The name of the plugin.
- *
- * @param   {Function} plugin
- *          The basic plugin.
- *
- * @return {Function}
- *          A wrapper function for the given plugin.
- */
-
-
-var createBasicPlugin = function createBasicPlugin(name, plugin) {
-  var basicPluginWrapper = function basicPluginWrapper() {
-    // We trigger the "beforepluginsetup" and "pluginsetup" events on the player
-    // regardless, but we want the hash to be consistent with the hash provided
-    // for advanced plugins.
-    //
-    // The only potentially counter-intuitive thing here is the `instance` in
-    // the "pluginsetup" event is the value returned by the `plugin` function.
-    triggerSetupEvent(this, {
-      name: name,
-      plugin: plugin,
-      instance: null
-    }, true);
-    var instance = plugin.apply(this, arguments);
-    markPluginAsActive(this, name);
-    triggerSetupEvent(this, {
-      name: name,
-      plugin: plugin,
-      instance: instance
-    });
-    return instance;
-  };
-
-  Object.keys(plugin).forEach(function (prop) {
-    basicPluginWrapper[prop] = plugin[prop];
-  });
-  return basicPluginWrapper;
-};
-/**
- * Takes a plugin sub-class and returns a factory function for generating
- * instances of it.
- *
- * This factory function will replace itself with an instance of the requested
- * sub-class of Plugin.
- *
- * @private
- * @param   {string} name
- *          The name of the plugin.
- *
- * @param   {Plugin} PluginSubClass
- *          The advanced plugin.
- *
- * @return {Function}
- */
-
-
-var createPluginFactory = function createPluginFactory(name, PluginSubClass) {
-  // Add a `name` property to the plugin prototype so that each plugin can
-  // refer to itself by name.
-  PluginSubClass.prototype.name = name;
-  return function () {
-    triggerSetupEvent(this, {
-      name: name,
-      plugin: PluginSubClass,
-      instance: null
-    }, true);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var instance = _construct(PluginSubClass, [this].concat(args)); // The plugin is replaced by a function that returns the current instance.
-
-
-    this[name] = function () {
-      return instance;
-    };
-
-    triggerSetupEvent(this, instance.getEventHash());
-    return instance;
-  };
-};
-/**
- * Parent class for all advanced plugins.
- *
- * @mixes   module:evented~EventedMixin
- * @mixes   module:stateful~StatefulMixin
- * @fires   Player#beforepluginsetup
- * @fires   Player#beforepluginsetup:$name
- * @fires   Player#pluginsetup
- * @fires   Player#pluginsetup:$name
- * @listens Player#dispose
- * @throws  {Error}
- *          If attempting to instantiate the base {@link Plugin} class
- *          directly instead of via a sub-class.
- */
-
-
-var Plugin =
-/*#__PURE__*/
-function () {
-  /**
-   * Creates an instance of this class.
-   *
-   * Sub-classes should call `super` to ensure plugins are properly initialized.
-   *
-   * @param {Player} player
-   *        A Video.js player instance.
-   */
-  function Plugin(player) {
-    if (this.constructor === Plugin) {
-      throw new Error('Plugin must be sub-classed; not directly instantiated.');
-    }
-
-    this.player = player; // Make this object evented, but remove the added `trigger` method so we
-    // use the prototype version instead.
-
-    evented(this);
-    delete this.trigger;
-    stateful(this, this.constructor.defaultState);
-    markPluginAsActive(player, this.name); // Auto-bind the dispose method so we can use it as a listener and unbind
-    // it later easily.
-
-    this.dispose = bind(this, this.dispose); // If the player is disposed, dispose the plugin.
-
-    player.on('dispose', this.dispose);
-  }
-  /**
-   * Get the version of the plugin that was set on <pluginName>.VERSION
-   */
-
-
-  var _proto = Plugin.prototype;
-
-  _proto.version = function version() {
-    return this.constructor.VERSION;
-  }
-  /**
-   * Each event triggered by plugins includes a hash of additional data with
-   * conventional properties.
-   *
-   * This returns that object or mutates an existing hash.
-   *
-   * @param   {Object} [hash={}]
-   *          An object to be used as event an event hash.
-   *
-   * @return {Plugin~PluginEventHash}
-   *          An event hash object with provided properties mixed-in.
-   */
-  ;
-
-  _proto.getEventHash = function getEventHash(hash) {
-    if (hash === void 0) {
-      hash = {};
-    }
-
-    hash.name = this.name;
-    hash.plugin = this.constructor;
-    hash.instance = this;
-    return hash;
-  }
-  /**
-   * Triggers an event on the plugin object and overrides
-   * {@link module:evented~EventedMixin.trigger|EventedMixin.trigger}.
-   *
-   * @param   {string|Object} event
-   *          An event type or an object with a type property.
-   *
-   * @param   {Object} [hash={}]
-   *          Additional data hash to merge with a
-   *          {@link Plugin~PluginEventHash|PluginEventHash}.
-   *
-   * @return {boolean}
-   *          Whether or not default was prevented.
-   */
-  ;
-
-  _proto.trigger = function trigger$1(event, hash) {
-    if (hash === void 0) {
-      hash = {};
-    }
-
-    return trigger(this.eventBusEl_, event, this.getEventHash(hash));
-  }
-  /**
-   * Handles "statechanged" events on the plugin. No-op by default, override by
-   * subclassing.
-   *
-   * @abstract
-   * @param    {Event} e
-   *           An event object provided by a "statechanged" event.
-   *
-   * @param    {Object} e.changes
-   *           An object describing changes that occurred with the "statechanged"
-   *           event.
-   */
-  ;
-
-  _proto.handleStateChanged = function handleStateChanged(e) {}
-  /**
-   * Disposes a plugin.
-   *
-   * Subclasses can override this if they want, but for the sake of safety,
-   * it's probably best to subscribe the "dispose" event.
-   *
-   * @fires Plugin#dispose
-   */
-  ;
-
-  _proto.dispose = function dispose() {
-    var name = this.name,
-        player = this.player;
-    /**
-     * Signals that a advanced plugin is about to be disposed.
-     *
-     * @event Plugin#dispose
-     * @type  {EventTarget~Event}
-     */
-
-    this.trigger('dispose');
-    this.off();
-    player.off('dispose', this.dispose); // Eliminate any possible sources of leaking memory by clearing up
-    // references between the player and the plugin instance and nulling out
-    // the plugin's state and replacing methods with a function that throws.
-
-    player[PLUGIN_CACHE_KEY][name] = false;
-    this.player = this.state = null; // Finally, replace the plugin name on the player with a new factory
-    // function, so that the plugin is ready to be set up again.
-
-    player[name] = createPluginFactory(name, pluginStorage[name]);
-  }
-  /**
-   * Determines if a plugin is a basic plugin (i.e. not a sub-class of `Plugin`).
-   *
-   * @param   {string|Function} plugin
-   *          If a string, matches the name of a plugin. If a function, will be
-   *          tested directly.
-   *
-   * @return {boolean}
-   *          Whether or not a plugin is a basic plugin.
-   */
-  ;
-
-  Plugin.isBasic = function isBasic(plugin) {
-    var p = typeof plugin === 'string' ? getPlugin(plugin) : plugin;
-    return typeof p === 'function' && !Plugin.prototype.isPrototypeOf(p.prototype);
-  }
-  /**
-   * Register a Video.js plugin.
-   *
-   * @param   {string} name
-   *          The name of the plugin to be registered. Must be a string and
-   *          must not match an existing plugin or a method on the `Player`
-   *          prototype.
-   *
-   * @param   {Function} plugin
-   *          A sub-class of `Plugin` or a function for basic plugins.
-   *
-   * @return {Function}
-   *          For advanced plugins, a factory function for that plugin. For
-   *          basic plugins, a wrapper function that initializes the plugin.
-   */
-  ;
-
-  Plugin.registerPlugin = function registerPlugin(name, plugin) {
-    if (typeof name !== 'string') {
-      throw new Error("Illegal plugin name, \"" + name + "\", must be a string, was " + typeof name + ".");
-    }
-
-    if (pluginExists(name)) {
-      log.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
-    } else if (Player.prototype.hasOwnProperty(name)) {
-      throw new Error("Illegal plugin name, \"" + name + "\", cannot share a name with an existing player method!");
-    }
-
-    if (typeof plugin !== 'function') {
-      throw new Error("Illegal plugin for \"" + name + "\", must be a function, was " + typeof plugin + ".");
-    }
-
-    pluginStorage[name] = plugin; // Add a player prototype method for all sub-classed plugins (but not for
-    // the base Plugin class).
-
-    if (name !== BASE_PLUGIN_NAME) {
-      if (Plugin.isBasic(plugin)) {
-        Player.prototype[name] = createBasicPlugin(name, plugin);
-      } else {
-        Player.prototype[name] = createPluginFactory(name, plugin);
-      }
-    }
-
-    return plugin;
-  }
-  /**
-   * De-register a Video.js plugin.
-   *
-   * @param  {string} name
-   *         The name of the plugin to be de-registered. Must be a string that
-   *         matches an existing plugin.
-   *
-   * @throws {Error}
-   *         If an attempt is made to de-register the base plugin.
-   */
-  ;
-
-  Plugin.deregisterPlugin = function deregisterPlugin(name) {
-    if (name === BASE_PLUGIN_NAME) {
-      throw new Error('Cannot de-register base plugin.');
-    }
-
-    if (pluginExists(name)) {
-      delete pluginStorage[name];
-      delete Player.prototype[name];
-    }
-  }
-  /**
-   * Gets an object containing multiple Video.js plugins.
-   *
-   * @param   {Array} [names]
-   *          If provided, should be an array of plugin names. Defaults to _all_
-   *          plugin names.
-   *
-   * @return {Object|undefined}
-   *          An object containing plugin(s) associated with their name(s) or
-   *          `undefined` if no matching plugins exist).
-   */
-  ;
-
-  Plugin.getPlugins = function getPlugins(names) {
-    if (names === void 0) {
-      names = Object.keys(pluginStorage);
-    }
-
-    var result;
-    names.forEach(function (name) {
-      var plugin = getPlugin(name);
-
-      if (plugin) {
-        result = result || {};
-        result[name] = plugin;
-      }
-    });
-    return result;
-  }
-  /**
-   * Gets a plugin's version, if available
-   *
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {string}
-   *          The plugin's version or an empty string.
-   */
-  ;
-
-  Plugin.getPluginVersion = function getPluginVersion(name) {
-    var plugin = getPlugin(name);
-    return plugin && plugin.VERSION || '';
-  };
-
-  return Plugin;
-}();
-/**
- * Gets a plugin by name if it exists.
- *
- * @static
- * @method   getPlugin
- * @memberOf Plugin
- * @param    {string} name
- *           The name of a plugin.
- *
- * @returns  {Function|undefined}
- *           The plugin (or `undefined`).
- */
-
-
-Plugin.getPlugin = getPlugin;
-/**
- * The name of the base plugin class as it is registered.
- *
- * @type {string}
- */
-
-Plugin.BASE_PLUGIN_NAME = BASE_PLUGIN_NAME;
-Plugin.registerPlugin(BASE_PLUGIN_NAME, Plugin);
-/**
- * Documented in player.js
- *
- * @ignore
- */
-
-Player.prototype.usingPlugin = function (name) {
-  return !!this[PLUGIN_CACHE_KEY] && this[PLUGIN_CACHE_KEY][name] === true;
-};
-/**
- * Documented in player.js
- *
- * @ignore
- */
-
-
-Player.prototype.hasPlugin = function (name) {
-  return !!pluginExists(name);
-};
-/**
- * Signals that a plugin is about to be set up on a player.
- *
- * @event    Player#beforepluginsetup
- * @type     {Plugin~PluginEventHash}
- */
-
-/**
- * Signals that a plugin is about to be set up on a player - by name. The name
- * is the name of the plugin.
- *
- * @event    Player#beforepluginsetup:$name
- * @type     {Plugin~PluginEventHash}
- */
-
-/**
- * Signals that a plugin has just been set up on a player.
- *
- * @event    Player#pluginsetup
- * @type     {Plugin~PluginEventHash}
- */
-
-/**
- * Signals that a plugin has just been set up on a player - by name. The name
- * is the name of the plugin.
- *
- * @event    Player#pluginsetup:$name
- * @type     {Plugin~PluginEventHash}
- */
-
-/**
- * @typedef  {Object} Plugin~PluginEventHash
- *
- * @property {string} instance
- *           For basic plugins, the return value of the plugin function. For
- *           advanced plugins, the plugin instance on which the event is fired.
- *
- * @property {string} name
- *           The name of the plugin.
- *
- * @property {string} plugin
- *           For basic plugins, the plugin function. For advanced plugins, the
- *           plugin class/constructor.
- */
-
-/**
- * @file extend.js
- * @module extend
- */
-/**
- * Used to subclass an existing class by emulating ES subclassing using the
- * `extends` keyword.
- *
- * @function
- * @example
- * var MyComponent = videojs.extend(videojs.getComponent('Component'), {
- *   myCustomMethod: function() {
- *     // Do things in my method.
- *   }
- * });
- *
- * @param    {Function} superClass
- *           The class to inherit from
- *
- * @param    {Object}   [subClassMethods={}]
- *           Methods of the new class
- *
- * @return   {Function}
- *           The new class with subClassMethods that inherited superClass.
- */
-
-var extend = function extend(superClass, subClassMethods) {
-  if (subClassMethods === void 0) {
-    subClassMethods = {};
-  }
-
-  var subClass = function subClass() {
-    superClass.apply(this, arguments);
-  };
-
-  var methods = {};
-
-  if (typeof subClassMethods === 'object') {
-    if (subClassMethods.constructor !== Object.prototype.constructor) {
-      subClass = subClassMethods.constructor;
-    }
-
-    methods = subClassMethods;
-  } else if (typeof subClassMethods === 'function') {
-    subClass = subClassMethods;
-  }
-
-  _inherits(subClass, superClass); // this is needed for backward-compatibility and node compatibility.
-
-
-  if (superClass) {
-    subClass.super_ = superClass;
-  } // Extend subObj's prototype with functions and other properties from props
-
-
-  for (var name in methods) {
-    if (methods.hasOwnProperty(name)) {
-      subClass.prototype[name] = methods[name];
-    }
-  }
-
-  return subClass;
-};
-
-/**
- * @file video.js
- * @module videojs
- */
-/**
- * Normalize an `id` value by trimming off a leading `#`
- *
- * @private
- * @param   {string} id
- *          A string, maybe with a leading `#`.
- *
- * @return {string}
- *          The string, without any leading `#`.
- */
-
-var normalizeId = function normalizeId(id) {
-  return id.indexOf('#') === 0 ? id.slice(1) : id;
-};
-/**
- * The `videojs()` function doubles as the main function for users to create a
- * {@link Player} instance as well as the main library namespace.
- *
- * It can also be used as a getter for a pre-existing {@link Player} instance.
- * However, we _strongly_ recommend using `videojs.getPlayer()` for this
- * purpose because it avoids any potential for unintended initialization.
- *
- * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
- * of our JSDoc template, we cannot properly document this as both a function
- * and a namespace, so its function signature is documented here.
- *
- * #### Arguments
- * ##### id
- * string|Element, **required**
- *
- * Video element or video element ID.
- *
- * ##### options
- * Object, optional
- *
- * Options object for providing settings.
- * See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
- *
- * ##### ready
- * {@link Component~ReadyCallback}, optional
- *
- * A function to be called when the {@link Player} and {@link Tech} are ready.
- *
- * #### Return Value
- *
- * The `videojs()` function returns a {@link Player} instance.
- *
- * @namespace
- *
- * @borrows AudioTrack as AudioTrack
- * @borrows Component.getComponent as getComponent
- * @borrows module:computed-style~computedStyle as computedStyle
- * @borrows module:events.on as on
- * @borrows module:events.one as one
- * @borrows module:events.off as off
- * @borrows module:events.trigger as trigger
- * @borrows EventTarget as EventTarget
- * @borrows module:extend~extend as extend
- * @borrows module:fn.bind as bind
- * @borrows module:format-time.formatTime as formatTime
- * @borrows module:format-time.resetFormatTime as resetFormatTime
- * @borrows module:format-time.setFormatTime as setFormatTime
- * @borrows module:merge-options.mergeOptions as mergeOptions
- * @borrows module:middleware.use as use
- * @borrows Player.players as players
- * @borrows Plugin.registerPlugin as registerPlugin
- * @borrows Plugin.deregisterPlugin as deregisterPlugin
- * @borrows Plugin.getPlugins as getPlugins
- * @borrows Plugin.getPlugin as getPlugin
- * @borrows Plugin.getPluginVersion as getPluginVersion
- * @borrows Tech.getTech as getTech
- * @borrows Tech.registerTech as registerTech
- * @borrows TextTrack as TextTrack
- * @borrows module:time-ranges.createTimeRanges as createTimeRange
- * @borrows module:time-ranges.createTimeRanges as createTimeRanges
- * @borrows module:url.isCrossOrigin as isCrossOrigin
- * @borrows module:url.parseUrl as parseUrl
- * @borrows VideoTrack as VideoTrack
- *
- * @param  {string|Element} id
- *         Video element or video element ID.
- *
- * @param  {Object} [options]
- *         Options object for providing settings.
- *         See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
- *
- * @param  {Component~ReadyCallback} [ready]
- *         A function to be called when the {@link Player} and {@link Tech} are
- *         ready.
- *
- * @return {Player}
- *         The `videojs()` function returns a {@link Player|Player} instance.
- */
-
-
-function videojs$1(id, options, ready) {
-  var player = videojs$1.getPlayer(id);
-
-  if (player) {
-    if (options) {
-      log.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
-    }
-
-    if (ready) {
-      player.ready(ready);
-    }
-
-    return player;
-  }
-
-  var el = typeof id === 'string' ? $('#' + normalizeId(id)) : id;
-
-  if (!isEl(el)) {
-    throw new TypeError('The element or ID supplied is not valid. (videojs)');
-  } // document.body.contains(el) will only check if el is contained within that one document.
-  // This causes problems for elements in iframes.
-  // Instead, use the element's ownerDocument instead of the global document.
-  // This will make sure that the element is indeed in the dom of that document.
-  // Additionally, check that the document in question has a default view.
-  // If the document is no longer attached to the dom, the defaultView of the document will be null.
-
-
-  if (!el.ownerDocument.defaultView || !el.ownerDocument.body.contains(el)) {
-    log.warn('The element supplied is not included in the DOM');
-  }
-
-  options = options || {};
-  videojs$1.hooks('beforesetup').forEach(function (hookFunction) {
-    var opts = hookFunction(el, mergeOptions(options));
-
-    if (!isObject(opts) || Array.isArray(opts)) {
-      log.error('please return an object in beforesetup hooks');
-      return;
-    }
-
-    options = mergeOptions(options, opts);
-  }); // We get the current "Player" component here in case an integration has
-  // replaced it with a custom player.
-
-  var PlayerComponent = Component.getComponent('Player');
-  player = new PlayerComponent(el, options, ready);
-  videojs$1.hooks('setup').forEach(function (hookFunction) {
-    return hookFunction(player);
-  });
-  return player;
-}
-/**
- * An Object that contains lifecycle hooks as keys which point to an array
- * of functions that are run when a lifecycle is triggered
- *
- * @private
- */
-
-
-videojs$1.hooks_ = {};
-/**
- * Get a list of hooks for a specific lifecycle
- *
- * @param  {string} type
- *         the lifecyle to get hooks from
- *
- * @param  {Function|Function[]} [fn]
- *         Optionally add a hook (or hooks) to the lifecycle that your are getting.
- *
- * @return {Array}
- *         an array of hooks, or an empty array if there are none.
- */
-
-videojs$1.hooks = function (type, fn) {
-  videojs$1.hooks_[type] = videojs$1.hooks_[type] || [];
-
-  if (fn) {
-    videojs$1.hooks_[type] = videojs$1.hooks_[type].concat(fn);
-  }
-
-  return videojs$1.hooks_[type];
-};
-/**
- * Add a function hook to a specific videojs lifecycle.
- *
- * @param {string} type
- *        the lifecycle to hook the function to.
- *
- * @param {Function|Function[]}
- *        The function or array of functions to attach.
- */
-
-
-videojs$1.hook = function (type, fn) {
-  videojs$1.hooks(type, fn);
-};
-/**
- * Add a function hook that will only run once to a specific videojs lifecycle.
- *
- * @param {string} type
- *        the lifecycle to hook the function to.
- *
- * @param {Function|Function[]}
- *        The function or array of functions to attach.
- */
-
-
-videojs$1.hookOnce = function (type, fn) {
-  videojs$1.hooks(type, [].concat(fn).map(function (original) {
-    var wrapper = function wrapper() {
-      videojs$1.removeHook(type, wrapper);
-      return original.apply(void 0, arguments);
-    };
-
-    return wrapper;
-  }));
-};
-/**
- * Remove a hook from a specific videojs lifecycle.
- *
- * @param  {string} type
- *         the lifecycle that the function hooked to
- *
- * @param  {Function} fn
- *         The hooked function to remove
- *
- * @return {boolean}
- *         The function that was removed or undef
- */
-
-
-videojs$1.removeHook = function (type, fn) {
-  var index = videojs$1.hooks(type).indexOf(fn);
-
-  if (index <= -1) {
-    return false;
-  }
-
-  videojs$1.hooks_[type] = videojs$1.hooks_[type].slice();
-  videojs$1.hooks_[type].splice(index, 1);
-  return true;
-}; // Add default styles
-
-
-if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
-  var style = $('.vjs-styles-defaults');
-
-  if (!style) {
-    style = createStyleElement('vjs-styles-defaults');
-    var head = $('head');
-
-    if (head) {
-      head.insertBefore(style, head.firstChild);
-    }
-
-    setTextContent(style, "\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ");
-  }
-} // Run Auto-load players
-// You have to wait at least once in case this script is loaded after your
-// video in the DOM (weird behavior only with minified version)
-
-
-autoSetupTimeout(1, videojs$1);
-/**
- * Current Video.js version. Follows [semantic versioning](https://semver.org/).
- *
- * @type {string}
- */
-
-videojs$1.VERSION = version;
-/**
- * The global options object. These are the settings that take effect
- * if no overrides are specified when the player is created.
- *
- * @type {Object}
- */
-
-videojs$1.options = Player.prototype.options_;
-/**
- * Get an object with the currently created players, keyed by player ID
- *
- * @return {Object}
- *         The created players
- */
-
-videojs$1.getPlayers = function () {
-  return Player.players;
-};
-/**
- * Get a single player based on an ID or DOM element.
- *
- * This is useful if you want to check if an element or ID has an associated
- * Video.js player, but not create one if it doesn't.
- *
- * @param   {string|Element} id
- *          An HTML element - `<video>`, `<audio>`, or `<video-js>` -
- *          or a string matching the `id` of such an element.
- *
- * @return {Player|undefined}
- *          A player instance or `undefined` if there is no player instance
- *          matching the argument.
- */
-
-
-videojs$1.getPlayer = function (id) {
-  var players = Player.players;
-  var tag;
-
-  if (typeof id === 'string') {
-    var nId = normalizeId(id);
-    var player = players[nId];
-
-    if (player) {
-      return player;
-    }
-
-    tag = $('#' + nId);
-  } else {
-    tag = id;
-  }
-
-  if (isEl(tag)) {
-    var _tag = tag,
-        _player = _tag.player,
-        playerId = _tag.playerId; // Element may have a `player` property referring to an already created
-    // player instance. If so, return that.
-
-    if (_player || players[playerId]) {
-      return _player || players[playerId];
-    }
-  }
-};
-/**
- * Returns an array of all current players.
- *
- * @return {Array}
- *         An array of all players. The array will be in the order that
- *         `Object.keys` provides, which could potentially vary between
- *         JavaScript engines.
- *
- */
-
-
-videojs$1.getAllPlayers = function () {
-  return (// Disposed players leave a key with a `null` value, so we need to make sure
-    // we filter those out.
-    Object.keys(Player.players).map(function (k) {
-      return Player.players[k];
-    }).filter(Boolean)
-  );
-};
-
-videojs$1.players = Player.players;
-videojs$1.getComponent = Component.getComponent;
-/**
- * Register a component so it can referred to by name. Used when adding to other
- * components, either through addChild `component.addChild('myComponent')` or through
- * default children options  `{ children: ['myComponent'] }`.
- *
- * > NOTE: You could also just initialize the component before adding.
- * `component.addChild(new MyComponent());`
- *
- * @param {string} name
- *        The class name of the component
- *
- * @param {Component} comp
- *        The component class
- *
- * @return {Component}
- *         The newly registered component
- */
-
-videojs$1.registerComponent = function (name, comp) {
-  if (Tech.isTech(comp)) {
-    log.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
-  }
-
-  Component.registerComponent.call(Component, name, comp);
-};
-
-videojs$1.getTech = Tech.getTech;
-videojs$1.registerTech = Tech.registerTech;
-videojs$1.use = use;
-/**
- * An object that can be returned by a middleware to signify
- * that the middleware is being terminated.
- *
- * @type {object}
- * @property {object} middleware.TERMINATOR
- */
-
-Object.defineProperty(videojs$1, 'middleware', {
-  value: {},
-  writeable: false,
-  enumerable: true
-});
-Object.defineProperty(videojs$1.middleware, 'TERMINATOR', {
-  value: TERMINATOR,
-  writeable: false,
-  enumerable: true
-});
-/**
- * A reference to the {@link module:browser|browser utility module} as an object.
- *
- * @type {Object}
- * @see  {@link module:browser|browser}
- */
-
-videojs$1.browser = browser;
-/**
- * Use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED} instead; only
- * included for backward-compatibility with 4.x.
- *
- * @deprecated Since version 5.0, use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED instead.
- * @type {boolean}
- */
-
-videojs$1.TOUCH_ENABLED = TOUCH_ENABLED;
-videojs$1.extend = extend;
-videojs$1.mergeOptions = mergeOptions;
-videojs$1.bind = bind;
-videojs$1.registerPlugin = Plugin.registerPlugin;
-videojs$1.deregisterPlugin = Plugin.deregisterPlugin;
-/**
- * Deprecated method to register a plugin with Video.js
- *
- * @deprecated videojs.plugin() is deprecated; use videojs.registerPlugin() instead
- *
- * @param {string} name
- *        The plugin name
- *
- * @param {Plugin|Function} plugin
- *         The plugin sub-class or function
- */
-
-videojs$1.plugin = function (name, plugin) {
-  log.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-  return Plugin.registerPlugin(name, plugin);
-};
-
-videojs$1.getPlugins = Plugin.getPlugins;
-videojs$1.getPlugin = Plugin.getPlugin;
-videojs$1.getPluginVersion = Plugin.getPluginVersion;
-/**
- * Adding languages so that they're available to all players.
- * Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`
- *
- * @param {string} code
- *        The language code or dictionary property
- *
- * @param {Object} data
- *        The data values to be translated
- *
- * @return {Object}
- *         The resulting language dictionary object
- */
-
-videojs$1.addLanguage = function (code, data) {
-  var _mergeOptions;
-
-  code = ('' + code).toLowerCase();
-  videojs$1.options.languages = mergeOptions(videojs$1.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-  return videojs$1.options.languages[code];
-};
-/**
- * A reference to the {@link module:log|log utility module} as an object.
- *
- * @type {Function}
- * @see  {@link module:log|log}
- */
-
-
-videojs$1.log = log;
-videojs$1.createLogger = createLogger$1;
-videojs$1.createTimeRange = videojs$1.createTimeRanges = createTimeRanges;
-videojs$1.formatTime = formatTime;
-videojs$1.setFormatTime = setFormatTime;
-videojs$1.resetFormatTime = resetFormatTime;
-videojs$1.parseUrl = parseUrl;
-videojs$1.isCrossOrigin = isCrossOrigin;
-videojs$1.EventTarget = EventTarget;
-videojs$1.on = on;
-videojs$1.one = one;
-videojs$1.off = off;
-videojs$1.trigger = trigger;
-/**
- * A cross-browser XMLHttpRequest wrapper.
- *
- * @function
- * @param    {Object} options
- *           Settings for the request.
- *
- * @return   {XMLHttpRequest|XDomainRequest}
- *           The request object.
- *
- * @see      https://github.com/Raynos/xhr
- */
-
-videojs$1.xhr = XHR;
-videojs$1.TextTrack = TextTrack;
-videojs$1.AudioTrack = AudioTrack;
-videojs$1.VideoTrack = VideoTrack;
-['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-  videojs$1[k] = function () {
-    log.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
-    return Dom[k].apply(null, arguments);
-  };
-});
-videojs$1.computedStyle = computedStyle;
-/**
- * A reference to the {@link module:dom|DOM utility module} as an object.
- *
- * @type {Object}
- * @see  {@link module:dom|dom}
- */
-
-videojs$1.dom = Dom;
-/**
- * A reference to the {@link module:url|URL utility module} as an object.
- *
- * @type {Object}
- * @see  {@link module:url|url}
- */
-
-videojs$1.url = Url;
-videojs$1.defineLazyProperty = defineLazyProperty;
-
-/**
- * @videojs/http-streaming
- * @version 1.11.2
- * @copyright 2019 Brightcove, Inc
- * @license Apache-2.0
- */
-/**
- * @file resolve-url.js - Handling how URLs are resolved and manipulated
- */
-
-var resolveUrl = function resolveUrl(baseURL, relativeURL) {
-  // return early if we don't need to resolve
-  if (/^[a-z]+:/i.test(relativeURL)) {
-    return relativeURL;
-  } // if the base URL is relative then combine with the current location
-
-
-  if (!/\/\//i.test(baseURL)) {
-    baseURL = URLToolkit.buildAbsoluteURL(window$1.location.href, baseURL);
-  }
-
-  return URLToolkit.buildAbsoluteURL(baseURL, relativeURL);
-};
-/**
- * Checks whether xhr request was redirected and returns correct url depending
- * on `handleManifestRedirects` option
- *
- * @api private
- *
- * @param  {String} url - an url being requested
- * @param  {XMLHttpRequest} req - xhr request result
- *
- * @return {String}
- */
-
-
-var resolveManifestRedirect = function resolveManifestRedirect(handleManifestRedirect, url, req) {
-  // To understand how the responseURL below is set and generated:
-  // - https://fetch.spec.whatwg.org/#concept-response-url
-  // - https://fetch.spec.whatwg.org/#atomic-http-redirect-handling
-  if (handleManifestRedirect && req.responseURL && url !== req.responseURL) {
-    return req.responseURL;
-  }
-
-  return url;
-};
-
-var classCallCheck = function classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-var createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-}();
-
-var get$1 = function get(object, property, receiver) {
-  if (object === null) object = Function.prototype;
-  var desc = Object.getOwnPropertyDescriptor(object, property);
-
-  if (desc === undefined) {
-    var parent = Object.getPrototypeOf(object);
-
-    if (parent === null) {
-      return undefined;
-    } else {
-      return get(parent, property, receiver);
-    }
-  } else if ("value" in desc) {
-    return desc.value;
-  } else {
-    var getter = desc.get;
-
-    if (getter === undefined) {
-      return undefined;
-    }
-
-    return getter.call(receiver);
-  }
-};
-
-var inherits = function inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-
-var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
-
-var slicedToArray = function () {
-  function sliceIterator(arr, i) {
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
-
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"]) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  return function (arr, i) {
-    if (Array.isArray(arr)) {
-      return arr;
-    } else if (Symbol.iterator in Object(arr)) {
-      return sliceIterator(arr, i);
-    } else {
-      throw new TypeError("Invalid attempt to destructure non-iterable instance");
-    }
-  };
-}();
-/**
- * @file playlist-loader.js
- *
- * A state machine that manages the loading, caching, and updating of
- * M3U8 playlists.
- *
- */
-
-
-var mergeOptions$1 = videojs$1.mergeOptions,
-    EventTarget$1 = videojs$1.EventTarget,
-    log$1 = videojs$1.log;
-/**
- * Loops through all supported media groups in master and calls the provided
- * callback for each group
- *
- * @param {Object} master
- *        The parsed master manifest object
- * @param {Function} callback
- *        Callback to call for each media group
- */
-
-var forEachMediaGroup = function forEachMediaGroup(master, callback) {
-  ['AUDIO', 'SUBTITLES'].forEach(function (mediaType) {
-    for (var groupKey in master.mediaGroups[mediaType]) {
-      for (var labelKey in master.mediaGroups[mediaType][groupKey]) {
-        var mediaProperties = master.mediaGroups[mediaType][groupKey][labelKey];
-        callback(mediaProperties, mediaType, groupKey, labelKey);
-      }
-    }
-  });
-};
-/**
-  * Returns a new array of segments that is the result of merging
-  * properties from an older list of segments onto an updated
-  * list. No properties on the updated playlist will be overridden.
-  *
-  * @param {Array} original the outdated list of segments
-  * @param {Array} update the updated list of segments
-  * @param {Number=} offset the index of the first update
-  * segment in the original segment list. For non-live playlists,
-  * this should always be zero and does not need to be
-  * specified. For live playlists, it should be the difference
-  * between the media sequence numbers in the original and updated
-  * playlists.
-  * @return a list of merged segment objects
-  */
-
-
-var updateSegments = function updateSegments(original, update, offset) {
-  var result = update.slice();
-  offset = offset || 0;
-  var length = Math.min(original.length, update.length + offset);
-
-  for (var i = offset; i < length; i++) {
-    result[i - offset] = mergeOptions$1(original[i], result[i - offset]);
-  }
-
-  return result;
-};
-
-var resolveSegmentUris = function resolveSegmentUris(segment, baseUri) {
-  if (!segment.resolvedUri) {
-    segment.resolvedUri = resolveUrl(baseUri, segment.uri);
-  }
-
-  if (segment.key && !segment.key.resolvedUri) {
-    segment.key.resolvedUri = resolveUrl(baseUri, segment.key.uri);
-  }
-
-  if (segment.map && !segment.map.resolvedUri) {
-    segment.map.resolvedUri = resolveUrl(baseUri, segment.map.uri);
-  }
-};
-/**
-  * Returns a new master playlist that is the result of merging an
-  * updated media playlist into the original version. If the
-  * updated media playlist does not match any of the playlist
-  * entries in the original master playlist, null is returned.
-  *
-  * @param {Object} master a parsed master M3U8 object
-  * @param {Object} media a parsed media M3U8 object
-  * @return {Object} a new object that represents the original
-  * master playlist with the updated media playlist merged in, or
-  * null if the merge produced no change.
-  */
-
-
-var updateMaster = function updateMaster(master, media) {
-  var result = mergeOptions$1(master, {});
-  var playlist = result.playlists[media.uri];
-
-  if (!playlist) {
-    return null;
-  } // consider the playlist unchanged if the number of segments is equal, the media
-  // sequence number is unchanged, and this playlist hasn't become the end of the playlist
-
-
-  if (playlist.segments && media.segments && playlist.segments.length === media.segments.length && playlist.endList === media.endList && playlist.mediaSequence === media.mediaSequence) {
-    return null;
-  }
-
-  var mergedPlaylist = mergeOptions$1(playlist, media); // if the update could overlap existing segment information, merge the two segment lists
-
-  if (playlist.segments) {
-    mergedPlaylist.segments = updateSegments(playlist.segments, media.segments, media.mediaSequence - playlist.mediaSequence);
-  } // resolve any segment URIs to prevent us from having to do it later
-
-
-  mergedPlaylist.segments.forEach(function (segment) {
-    resolveSegmentUris(segment, mergedPlaylist.resolvedUri);
-  }); // TODO Right now in the playlists array there are two references to each playlist, one
-  // that is referenced by index, and one by URI. The index reference may no longer be
-  // necessary.
-
-  for (var i = 0; i < result.playlists.length; i++) {
-    if (result.playlists[i].uri === media.uri) {
-      result.playlists[i] = mergedPlaylist;
-    }
-  }
-
-  result.playlists[media.uri] = mergedPlaylist;
-  return result;
-};
-
-var setupMediaPlaylists = function setupMediaPlaylists(master) {
-  // setup by-URI lookups and resolve media playlist URIs
-  var i = master.playlists.length;
-
-  while (i--) {
-    var playlist = master.playlists[i];
-    master.playlists[playlist.uri] = playlist;
-    playlist.resolvedUri = resolveUrl(master.uri, playlist.uri);
-    playlist.id = i;
-
-    if (!playlist.attributes) {
-      // Although the spec states an #EXT-X-STREAM-INF tag MUST have a
-      // BANDWIDTH attribute, we can play the stream without it. This means a poorly
-      // formatted master playlist may not have an attribute list. An attributes
-      // property is added here to prevent undefined references when we encounter
-      // this scenario.
-      playlist.attributes = {};
-      log$1.warn('Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.');
-    }
-  }
-};
-
-var resolveMediaGroupUris = function resolveMediaGroupUris(master) {
-  forEachMediaGroup(master, function (properties) {
-    if (properties.uri) {
-      properties.resolvedUri = resolveUrl(master.uri, properties.uri);
-    }
-  });
-};
-/**
- * Calculates the time to wait before refreshing a live playlist
- *
- * @param {Object} media
- *        The current media
- * @param {Boolean} update
- *        True if there were any updates from the last refresh, false otherwise
- * @return {Number}
- *         The time in ms to wait before refreshing the live playlist
- */
-
-
-var refreshDelay = function refreshDelay(media, update) {
-  var lastSegment = media.segments[media.segments.length - 1];
-  var delay = void 0;
-
-  if (update && lastSegment && lastSegment.duration) {
-    delay = lastSegment.duration * 1000;
-  } else {
-    // if the playlist is unchanged since the last reload or last segment duration
-    // cannot be determined, try again after half the target duration
-    delay = (media.targetDuration || 10) * 500;
-  }
-
-  return delay;
-};
-/**
- * Load a playlist from a remote location
- *
- * @class PlaylistLoader
- * @extends Stream
- * @param {String} srcUrl the url to start with
- * @param {Boolean} withCredentials the withCredentials xhr option
- * @constructor
- */
-
-
-var PlaylistLoader = function (_EventTarget) {
-  inherits(PlaylistLoader, _EventTarget);
-
-  function PlaylistLoader(srcUrl, hls) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    classCallCheck(this, PlaylistLoader);
-
-    var _this = possibleConstructorReturn(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this));
-
-    var _options$withCredenti = options.withCredentials,
-        withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
-        _options$handleManife = options.handleManifestRedirects,
-        handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
-    _this.srcUrl = srcUrl;
-    _this.hls_ = hls;
-    _this.withCredentials = withCredentials;
-    _this.handleManifestRedirects = handleManifestRedirects;
-    var hlsOptions = hls.options_;
-    _this.customTagParsers = hlsOptions && hlsOptions.customTagParsers || [];
-    _this.customTagMappers = hlsOptions && hlsOptions.customTagMappers || [];
-
-    if (!_this.srcUrl) {
-      throw new Error('A non-empty playlist URL is required');
-    } // initialize the loader state
-
-
-    _this.state = 'HAVE_NOTHING'; // live playlist staleness timeout
-
-    _this.on('mediaupdatetimeout', function () {
-      if (_this.state !== 'HAVE_METADATA') {
-        // only refresh the media playlist if no other activity is going on
-        return;
-      }
-
-      _this.state = 'HAVE_CURRENT_METADATA';
-      _this.request = _this.hls_.xhr({
-        uri: resolveUrl(_this.master.uri, _this.media().uri),
-        withCredentials: _this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this.request) {
-          return;
-        }
-
-        if (error) {
-          return _this.playlistRequestError(_this.request, _this.media().uri, 'HAVE_METADATA');
-        }
-
-        _this.haveMetadata(_this.request, _this.media().uri);
-      });
-    });
-
-    return _this;
-  }
-
-  createClass(PlaylistLoader, [{
-    key: 'playlistRequestError',
-    value: function playlistRequestError(xhr, url, startingState) {
-      // any in-flight request is now finished
-      this.request = null;
-
-      if (startingState) {
-        this.state = startingState;
-      }
-
-      this.error = {
-        playlist: this.master.playlists[url],
-        status: xhr.status,
-        message: 'HLS playlist request error at URL: ' + url + '.',
-        responseText: xhr.responseText,
-        code: xhr.status >= 500 ? 4 : 2
-      };
-      this.trigger('error');
-    } // update the playlist loader's state in response to a new or
-    // updated playlist.
-
-  }, {
-    key: 'haveMetadata',
-    value: function haveMetadata(xhr, url) {
-      var _this2 = this; // any in-flight request is now finished
-
-
-      this.request = null;
-      this.state = 'HAVE_METADATA';
-      var parser = new Parser(); // adding custom tag parsers
-
-      this.customTagParsers.forEach(function (customParser) {
-        return parser.addParser(customParser);
-      }); // adding custom tag mappers
-
-      this.customTagMappers.forEach(function (mapper) {
-        return parser.addTagMapper(mapper);
-      });
-      parser.push(xhr.responseText);
-      parser.end();
-      parser.manifest.uri = url; // m3u8-parser does not attach an attributes property to media playlists so make
-      // sure that the property is attached to avoid undefined reference errors
-
-      parser.manifest.attributes = parser.manifest.attributes || {}; // merge this playlist into the master
-
-      var update = updateMaster(this.master, parser.manifest);
-      this.targetDuration = parser.manifest.targetDuration;
-
-      if (update) {
-        this.master = update;
-        this.media_ = this.master.playlists[parser.manifest.uri];
-      } else {
-        this.trigger('playlistunchanged');
-      } // refresh live playlists after a target duration passes
-
-
-      if (!this.media().endList) {
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        this.mediaUpdateTimeout = window$1.setTimeout(function () {
-          _this2.trigger('mediaupdatetimeout');
-        }, refreshDelay(this.media(), !!update));
-      }
-
-      this.trigger('loadedplaylist');
-    }
-    /**
-     * Abort any outstanding work and clean up.
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      this.stopRequest();
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-      window$1.clearTimeout(this.finalRenditionTimeout);
-    }
-  }, {
-    key: 'stopRequest',
-    value: function stopRequest() {
-      if (this.request) {
-        var oldRequest = this.request;
-        this.request = null;
-        oldRequest.onreadystatechange = null;
-        oldRequest.abort();
-      }
-    }
-    /**
-     * When called without any arguments, returns the currently
-     * active media playlist. When called with a single argument,
-     * triggers the playlist loader to asynchronously switch to the
-     * specified media playlist. Calling this method while the
-     * loader is in the HAVE_NOTHING causes an error to be emitted
-     * but otherwise has no effect.
-     *
-     * @param {Object=} playlist the parsed media playlist
-     * object to switch to
-     * @param {Boolean=} is this the last available playlist
-     *
-     * @return {Playlist} the current loaded media
-     */
-
-  }, {
-    key: 'media',
-    value: function media(playlist, isFinalRendition) {
-      var _this3 = this; // getter
-
-
-      if (!playlist) {
-        return this.media_;
-      } // setter
-
-
-      if (this.state === 'HAVE_NOTHING') {
-        throw new Error('Cannot switch media playlist from ' + this.state);
-      } // find the playlist object if the target playlist has been
-      // specified by URI
-
-
-      if (typeof playlist === 'string') {
-        if (!this.master.playlists[playlist]) {
-          throw new Error('Unknown playlist URI: ' + playlist);
-        }
-
-        playlist = this.master.playlists[playlist];
-      }
-
-      window$1.clearTimeout(this.finalRenditionTimeout);
-
-      if (isFinalRendition) {
-        var delay = playlist.targetDuration / 2 * 1000 || 5 * 1000;
-        this.finalRenditionTimeout = window$1.setTimeout(this.media.bind(this, playlist, false), delay);
-        return;
-      }
-
-      var startingState = this.state;
-      var mediaChange = !this.media_ || playlist.uri !== this.media_.uri; // switch to fully loaded playlists immediately
-
-      if (this.master.playlists[playlist.uri].endList) {
-        // abort outstanding playlist requests
-        if (this.request) {
-          this.request.onreadystatechange = null;
-          this.request.abort();
-          this.request = null;
-        }
-
-        this.state = 'HAVE_METADATA';
-        this.media_ = playlist; // trigger media change if the active media has been updated
-
-        if (mediaChange) {
-          this.trigger('mediachanging');
-          this.trigger('mediachange');
-        }
-
-        return;
-      } // switching to the active playlist is a no-op
-
-
-      if (!mediaChange) {
-        return;
-      }
-
-      this.state = 'SWITCHING_MEDIA'; // there is already an outstanding playlist request
-
-      if (this.request) {
-        if (playlist.resolvedUri === this.request.url) {
-          // requesting to switch to the same playlist multiple times
-          // has no effect after the first
-          return;
-        }
-
-        this.request.onreadystatechange = null;
-        this.request.abort();
-        this.request = null;
-      } // request the new playlist
-
-
-      if (this.media_) {
-        this.trigger('mediachanging');
-      }
-
-      this.request = this.hls_.xhr({
-        uri: playlist.resolvedUri,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this3.request) {
-          return;
-        }
-
-        playlist.resolvedUri = resolveManifestRedirect(_this3.handleManifestRedirects, playlist.resolvedUri, req);
-
-        if (error) {
-          return _this3.playlistRequestError(_this3.request, playlist.uri, startingState);
-        }
-
-        _this3.haveMetadata(req, playlist.uri); // fire loadedmetadata the first time a media playlist is loaded
-
-
-        if (startingState === 'HAVE_MASTER') {
-          _this3.trigger('loadedmetadata');
-        } else {
-          _this3.trigger('mediachange');
-        }
-      });
-    }
-    /**
-     * pause loading of the playlist
-     */
-
-  }, {
-    key: 'pause',
-    value: function pause() {
-      this.stopRequest();
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-
-      if (this.state === 'HAVE_NOTHING') {
-        // If we pause the loader before any data has been retrieved, its as if we never
-        // started, so reset to an unstarted state.
-        this.started = false;
-      } // Need to restore state now that no activity is happening
-
-
-      if (this.state === 'SWITCHING_MEDIA') {
-        // if the loader was in the process of switching media, it should either return to
-        // HAVE_MASTER or HAVE_METADATA depending on if the loader has loaded a media
-        // playlist yet. This is determined by the existence of loader.media_
-        if (this.media_) {
-          this.state = 'HAVE_METADATA';
-        } else {
-          this.state = 'HAVE_MASTER';
-        }
-      } else if (this.state === 'HAVE_CURRENT_METADATA') {
-        this.state = 'HAVE_METADATA';
-      }
-    }
-    /**
-     * start loading of the playlist
-     */
-
-  }, {
-    key: 'load',
-    value: function load(isFinalRendition) {
-      var _this4 = this;
-
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-      var media = this.media();
-
-      if (isFinalRendition) {
-        var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
-        this.mediaUpdateTimeout = window$1.setTimeout(function () {
-          return _this4.load();
-        }, delay);
-        return;
-      }
-
-      if (!this.started) {
-        this.start();
-        return;
-      }
-
-      if (media && !media.endList) {
-        this.trigger('mediaupdatetimeout');
-      } else {
-        this.trigger('loadedplaylist');
-      }
-    }
-    /**
-     * start loading of the playlist
-     */
-
-  }, {
-    key: 'start',
-    value: function start() {
-      var _this5 = this;
-
-      this.started = true; // request the specified URL
-
-      this.request = this.hls_.xhr({
-        uri: this.srcUrl,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this5.request) {
-          return;
-        } // clear the loader's request reference
-
-
-        _this5.request = null;
-
-        if (error) {
-          _this5.error = {
-            status: req.status,
-            message: 'HLS playlist request error at URL: ' + _this5.srcUrl + '.',
-            responseText: req.responseText,
-            // MEDIA_ERR_NETWORK
-            code: 2
-          };
-
-          if (_this5.state === 'HAVE_NOTHING') {
-            _this5.started = false;
-          }
-
-          return _this5.trigger('error');
-        }
-
-        var parser = new Parser(); // adding custom tag parsers
-
-        _this5.customTagParsers.forEach(function (customParser) {
-          return parser.addParser(customParser);
-        }); // adding custom tag mappers
-
-
-        _this5.customTagMappers.forEach(function (mapper) {
-          return parser.addTagMapper(mapper);
-        });
-
-        parser.push(req.responseText);
-        parser.end();
-        _this5.state = 'HAVE_MASTER';
-        _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
-        parser.manifest.uri = _this5.srcUrl; // loaded a master playlist
-
-        if (parser.manifest.playlists) {
-          _this5.master = parser.manifest;
-          setupMediaPlaylists(_this5.master);
-          resolveMediaGroupUris(_this5.master);
-
-          _this5.trigger('loadedplaylist');
-
-          if (!_this5.request) {
-            // no media playlist was specifically selected so start
-            // from the first listed one
-            _this5.media(parser.manifest.playlists[0]);
-          }
-
-          return;
-        } // loaded a media playlist
-        // infer a master playlist if none was previously requested
-
-
-        _this5.master = {
-          mediaGroups: {
-            'AUDIO': {},
-            'VIDEO': {},
-            'CLOSED-CAPTIONS': {},
-            'SUBTITLES': {}
-          },
-          uri: window$1.location.href,
-          playlists: [{
-            uri: _this5.srcUrl,
-            id: 0,
-            resolvedUri: _this5.srcUrl,
-            // m3u8-parser does not attach an attributes property to media playlists so make
-            // sure that the property is attached to avoid undefined reference errors
-            attributes: {}
-          }]
-        };
-        _this5.master.playlists[_this5.srcUrl] = _this5.master.playlists[0];
-
-        _this5.haveMetadata(req, _this5.srcUrl);
-
-        return _this5.trigger('loadedmetadata');
-      });
-    }
-  }]);
-  return PlaylistLoader;
-}(EventTarget$1);
-/**
- * @file playlist.js
- *
- * Playlist related utilities.
- */
-
-
-var createTimeRange = videojs$1.createTimeRange;
-/**
- * walk backward until we find a duration we can use
- * or return a failure
- *
- * @param {Playlist} playlist the playlist to walk through
- * @param {Number} endSequence the mediaSequence to stop walking on
- */
-
-var backwardDuration = function backwardDuration(playlist, endSequence) {
-  var result = 0;
-  var i = endSequence - playlist.mediaSequence; // if a start time is available for segment immediately following
-  // the interval, use it
-
-  var segment = playlist.segments[i]; // Walk backward until we find the latest segment with timeline
-  // information that is earlier than endSequence
-
-  if (segment) {
-    if (typeof segment.start !== 'undefined') {
-      return {
-        result: segment.start,
-        precise: true
-      };
-    }
-
-    if (typeof segment.end !== 'undefined') {
-      return {
-        result: segment.end - segment.duration,
-        precise: true
-      };
-    }
-  }
-
-  while (i--) {
-    segment = playlist.segments[i];
-
-    if (typeof segment.end !== 'undefined') {
-      return {
-        result: result + segment.end,
-        precise: true
-      };
-    }
-
-    result += segment.duration;
-
-    if (typeof segment.start !== 'undefined') {
-      return {
-        result: result + segment.start,
-        precise: true
-      };
-    }
-  }
-
-  return {
-    result: result,
-    precise: false
-  };
-};
-/**
- * walk forward until we find a duration we can use
- * or return a failure
- *
- * @param {Playlist} playlist the playlist to walk through
- * @param {Number} endSequence the mediaSequence to stop walking on
- */
-
-
-var forwardDuration = function forwardDuration(playlist, endSequence) {
-  var result = 0;
-  var segment = void 0;
-  var i = endSequence - playlist.mediaSequence; // Walk forward until we find the earliest segment with timeline
-  // information
-
-  for (; i < playlist.segments.length; i++) {
-    segment = playlist.segments[i];
-
-    if (typeof segment.start !== 'undefined') {
-      return {
-        result: segment.start - result,
-        precise: true
-      };
-    }
-
-    result += segment.duration;
-
-    if (typeof segment.end !== 'undefined') {
-      return {
-        result: segment.end - result,
-        precise: true
-      };
-    }
-  } // indicate we didn't find a useful duration estimate
-
-
-  return {
-    result: -1,
-    precise: false
-  };
-};
-/**
-  * Calculate the media duration from the segments associated with a
-  * playlist. The duration of a subinterval of the available segments
-  * may be calculated by specifying an end index.
-  *
-  * @param {Object} playlist a media playlist object
-  * @param {Number=} endSequence an exclusive upper boundary
-  * for the playlist.  Defaults to playlist length.
-  * @param {Number} expired the amount of time that has dropped
-  * off the front of the playlist in a live scenario
-  * @return {Number} the duration between the first available segment
-  * and end index.
-  */
-
-
-var intervalDuration = function intervalDuration(playlist, endSequence, expired) {
-  var backward = void 0;
-  var forward = void 0;
-
-  if (typeof endSequence === 'undefined') {
-    endSequence = playlist.mediaSequence + playlist.segments.length;
-  }
-
-  if (endSequence < playlist.mediaSequence) {
-    return 0;
-  } // do a backward walk to estimate the duration
-
-
-  backward = backwardDuration(playlist, endSequence);
-
-  if (backward.precise) {
-    // if we were able to base our duration estimate on timing
-    // information provided directly from the Media Source, return
-    // it
-    return backward.result;
-  } // walk forward to see if a precise duration estimate can be made
-  // that way
-
-
-  forward = forwardDuration(playlist, endSequence);
-
-  if (forward.precise) {
-    // we found a segment that has been buffered and so it's
-    // position is known precisely
-    return forward.result;
-  } // return the less-precise, playlist-based duration estimate
-
-
-  return backward.result + expired;
-};
-/**
-  * Calculates the duration of a playlist. If a start and end index
-  * are specified, the duration will be for the subset of the media
-  * timeline between those two indices. The total duration for live
-  * playlists is always Infinity.
-  *
-  * @param {Object} playlist a media playlist object
-  * @param {Number=} endSequence an exclusive upper
-  * boundary for the playlist. Defaults to the playlist media
-  * sequence number plus its length.
-  * @param {Number=} expired the amount of time that has
-  * dropped off the front of the playlist in a live scenario
-  * @return {Number} the duration between the start index and end
-  * index.
-  */
-
-
-var duration = function duration(playlist, endSequence, expired) {
-  if (!playlist) {
-    return 0;
-  }
-
-  if (typeof expired !== 'number') {
-    expired = 0;
-  } // if a slice of the total duration is not requested, use
-  // playlist-level duration indicators when they're present
-
-
-  if (typeof endSequence === 'undefined') {
-    // if present, use the duration specified in the playlist
-    if (playlist.totalDuration) {
-      return playlist.totalDuration;
-    } // duration should be Infinity for live playlists
-
-
-    if (!playlist.endList) {
-      return window$1.Infinity;
-    }
-  } // calculate the total duration based on the segment durations
-
-
-  return intervalDuration(playlist, endSequence, expired);
-};
-/**
-  * Calculate the time between two indexes in the current playlist
-  * neight the start- nor the end-index need to be within the current
-  * playlist in which case, the targetDuration of the playlist is used
-  * to approximate the durations of the segments
-  *
-  * @param {Object} playlist a media playlist object
-  * @param {Number} startIndex
-  * @param {Number} endIndex
-  * @return {Number} the number of seconds between startIndex and endIndex
-  */
-
-
-var sumDurations = function sumDurations(playlist, startIndex, endIndex) {
-  var durations = 0;
-
-  if (startIndex > endIndex) {
-    var _ref = [endIndex, startIndex];
-    startIndex = _ref[0];
-    endIndex = _ref[1];
-  }
-
-  if (startIndex < 0) {
-    for (var i = startIndex; i < Math.min(0, endIndex); i++) {
-      durations += playlist.targetDuration;
-    }
-
-    startIndex = 0;
-  }
-
-  for (var _i = startIndex; _i < endIndex; _i++) {
-    durations += playlist.segments[_i].duration;
-  }
-
-  return durations;
-};
-/**
- * Determines the media index of the segment corresponding to the safe edge of the live
- * window which is the duration of the last segment plus 2 target durations from the end
- * of the playlist.
- *
- * @param {Object} playlist
- *        a media playlist object
- * @return {Number}
- *         The media index of the segment at the safe live point. 0 if there is no "safe"
- *         point.
- * @function safeLiveIndex
- */
-
-
-var safeLiveIndex = function safeLiveIndex(playlist) {
-  if (!playlist.segments.length) {
-    return 0;
-  }
-
-  var i = playlist.segments.length - 1;
-  var distanceFromEnd = playlist.segments[i].duration || playlist.targetDuration;
-  var safeDistance = distanceFromEnd + playlist.targetDuration * 2;
-
-  while (i--) {
-    distanceFromEnd += playlist.segments[i].duration;
-
-    if (distanceFromEnd >= safeDistance) {
-      break;
-    }
-  }
-
-  return Math.max(0, i);
-};
-/**
- * Calculates the playlist end time
- *
- * @param {Object} playlist a media playlist object
- * @param {Number=} expired the amount of time that has
- *                  dropped off the front of the playlist in a live scenario
- * @param {Boolean|false} useSafeLiveEnd a boolean value indicating whether or not the
- *                        playlist end calculation should consider the safe live end
- *                        (truncate the playlist end by three segments). This is normally
- *                        used for calculating the end of the playlist's seekable range.
- * @returns {Number} the end time of playlist
- * @function playlistEnd
- */
-
-
-var playlistEnd = function playlistEnd(playlist, expired, useSafeLiveEnd) {
-  if (!playlist || !playlist.segments) {
-    return null;
-  }
-
-  if (playlist.endList) {
-    return duration(playlist);
-  }
-
-  if (expired === null) {
-    return null;
-  }
-
-  expired = expired || 0;
-  var endSequence = useSafeLiveEnd ? safeLiveIndex(playlist) : playlist.segments.length;
-  return intervalDuration(playlist, playlist.mediaSequence + endSequence, expired);
-};
-/**
-  * Calculates the interval of time that is currently seekable in a
-  * playlist. The returned time ranges are relative to the earliest
-  * moment in the specified playlist that is still available. A full
-  * seekable implementation for live streams would need to offset
-  * these values by the duration of content that has expired from the
-  * stream.
-  *
-  * @param {Object} playlist a media playlist object
-  * dropped off the front of the playlist in a live scenario
-  * @param {Number=} expired the amount of time that has
-  * dropped off the front of the playlist in a live scenario
-  * @return {TimeRanges} the periods of time that are valid targets
-  * for seeking
-  */
-
-
-var seekable = function seekable(playlist, expired) {
-  var useSafeLiveEnd = true;
-  var seekableStart = expired || 0;
-  var seekableEnd = playlistEnd(playlist, expired, useSafeLiveEnd);
-
-  if (seekableEnd === null) {
-    return createTimeRange();
-  }
-
-  return createTimeRange(seekableStart, seekableEnd);
-};
-
-var isWholeNumber = function isWholeNumber(num) {
-  return num - Math.floor(num) === 0;
-};
-
-var roundSignificantDigit = function roundSignificantDigit(increment, num) {
-  // If we have a whole number, just add 1 to it
-  if (isWholeNumber(num)) {
-    return num + increment * 0.1;
-  }
-
-  var numDecimalDigits = num.toString().split('.')[1].length;
-
-  for (var i = 1; i <= numDecimalDigits; i++) {
-    var scale = Math.pow(10, i);
-    var temp = num * scale;
-
-    if (isWholeNumber(temp) || i === numDecimalDigits) {
-      return (temp + increment) / scale;
-    }
-  }
-};
-
-var ceilLeastSignificantDigit = roundSignificantDigit.bind(null, 1);
-var floorLeastSignificantDigit = roundSignificantDigit.bind(null, -1);
-/**
- * Determine the index and estimated starting time of the segment that
- * contains a specified playback position in a media playlist.
- *
- * @param {Object} playlist the media playlist to query
- * @param {Number} currentTime The number of seconds since the earliest
- * possible position to determine the containing segment for
- * @param {Number} startIndex
- * @param {Number} startTime
- * @return {Object}
- */
-
-var getMediaInfoForTime = function getMediaInfoForTime(playlist, currentTime, startIndex, startTime) {
-  var i = void 0;
-  var segment = void 0;
-  var numSegments = playlist.segments.length;
-  var time = currentTime - startTime;
-
-  if (time < 0) {
-    // Walk backward from startIndex in the playlist, adding durations
-    // until we find a segment that contains `time` and return it
-    if (startIndex > 0) {
-      for (i = startIndex - 1; i >= 0; i--) {
-        segment = playlist.segments[i];
-        time += floorLeastSignificantDigit(segment.duration);
-
-        if (time > 0) {
-          return {
-            mediaIndex: i,
-            startTime: startTime - sumDurations(playlist, startIndex, i)
-          };
-        }
-      }
-    } // We were unable to find a good segment within the playlist
-    // so select the first segment
-
-
-    return {
-      mediaIndex: 0,
-      startTime: currentTime
-    };
-  } // When startIndex is negative, we first walk forward to first segment
-  // adding target durations. If we "run out of time" before getting to
-  // the first segment, return the first segment
-
-
-  if (startIndex < 0) {
-    for (i = startIndex; i < 0; i++) {
-      time -= playlist.targetDuration;
-
-      if (time < 0) {
-        return {
-          mediaIndex: 0,
-          startTime: currentTime
-        };
-      }
-    }
-
-    startIndex = 0;
-  } // Walk forward from startIndex in the playlist, subtracting durations
-  // until we find a segment that contains `time` and return it
-
-
-  for (i = startIndex; i < numSegments; i++) {
-    segment = playlist.segments[i];
-    time -= ceilLeastSignificantDigit(segment.duration);
-
-    if (time < 0) {
-      return {
-        mediaIndex: i,
-        startTime: startTime + sumDurations(playlist, startIndex, i)
-      };
-    }
-  } // We are out of possible candidates so load the last one...
-
-
-  return {
-    mediaIndex: numSegments - 1,
-    startTime: currentTime
-  };
-};
-/**
- * Check whether the playlist is blacklisted or not.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is blacklisted or not
- * @function isBlacklisted
- */
-
-
-var isBlacklisted = function isBlacklisted(playlist) {
-  return playlist.excludeUntil && playlist.excludeUntil > Date.now();
-};
-/**
- * Check whether the playlist is compatible with current playback configuration or has
- * been blacklisted permanently for being incompatible.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is incompatible or not
- * @function isIncompatible
- */
-
-
-var isIncompatible = function isIncompatible(playlist) {
-  return playlist.excludeUntil && playlist.excludeUntil === Infinity;
-};
-/**
- * Check whether the playlist is enabled or not.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is enabled or not
- * @function isEnabled
- */
-
-
-var isEnabled = function isEnabled(playlist) {
-  var blacklisted = isBlacklisted(playlist);
-  return !playlist.disabled && !blacklisted;
-};
-/**
- * Check whether the playlist has been manually disabled through the representations api.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is disabled manually or not
- * @function isDisabled
- */
-
-
-var isDisabled = function isDisabled(playlist) {
-  return playlist.disabled;
-};
-/**
- * Returns whether the current playlist is an AES encrypted HLS stream
- *
- * @return {Boolean} true if it's an AES encrypted HLS stream
- */
-
-
-var isAes = function isAes(media) {
-  for (var i = 0; i < media.segments.length; i++) {
-    if (media.segments[i].key) {
-      return true;
-    }
-  }
-
-  return false;
-};
-/**
- * Returns whether the current playlist contains fMP4
- *
- * @return {Boolean} true if the playlist contains fMP4
- */
-
-
-var isFmp4 = function isFmp4(media) {
-  for (var i = 0; i < media.segments.length; i++) {
-    if (media.segments[i].map) {
-      return true;
-    }
-  }
-
-  return false;
-};
-/**
- * Checks if the playlist has a value for the specified attribute
- *
- * @param {String} attr
- *        Attribute to check for
- * @param {Object} playlist
- *        The media playlist object
- * @return {Boolean}
- *         Whether the playlist contains a value for the attribute or not
- * @function hasAttribute
- */
-
-
-var hasAttribute = function hasAttribute(attr, playlist) {
-  return playlist.attributes && playlist.attributes[attr];
-};
-/**
- * Estimates the time required to complete a segment download from the specified playlist
- *
- * @param {Number} segmentDuration
- *        Duration of requested segment
- * @param {Number} bandwidth
- *        Current measured bandwidth of the player
- * @param {Object} playlist
- *        The media playlist object
- * @param {Number=} bytesReceived
- *        Number of bytes already received for the request. Defaults to 0
- * @return {Number|NaN}
- *         The estimated time to request the segment. NaN if bandwidth information for
- *         the given playlist is unavailable
- * @function estimateSegmentRequestTime
- */
-
-
-var estimateSegmentRequestTime = function estimateSegmentRequestTime(segmentDuration, bandwidth, playlist) {
-  var bytesReceived = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-
-  if (!hasAttribute('BANDWIDTH', playlist)) {
-    return NaN;
-  }
-
-  var size = segmentDuration * playlist.attributes.BANDWIDTH;
-  return (size - bytesReceived * 8) / bandwidth;
-};
-/*
- * Returns whether the current playlist is the lowest rendition
- *
- * @return {Boolean} true if on lowest rendition
- */
-
-
-var isLowestEnabledRendition = function isLowestEnabledRendition(master, media) {
-  if (master.playlists.length === 1) {
-    return true;
-  }
-
-  var currentBandwidth = media.attributes.BANDWIDTH || Number.MAX_VALUE;
-  return master.playlists.filter(function (playlist) {
-    if (!isEnabled(playlist)) {
-      return false;
-    }
-
-    return (playlist.attributes.BANDWIDTH || 0) < currentBandwidth;
-  }).length === 0;
-}; // exports
-
-
-var Playlist = {
-  duration: duration,
-  seekable: seekable,
-  safeLiveIndex: safeLiveIndex,
-  getMediaInfoForTime: getMediaInfoForTime,
-  isEnabled: isEnabled,
-  isDisabled: isDisabled,
-  isBlacklisted: isBlacklisted,
-  isIncompatible: isIncompatible,
-  playlistEnd: playlistEnd,
-  isAes: isAes,
-  isFmp4: isFmp4,
-  hasAttribute: hasAttribute,
-  estimateSegmentRequestTime: estimateSegmentRequestTime,
-  isLowestEnabledRendition: isLowestEnabledRendition
-};
-/**
- * @file xhr.js
- */
-
-var videojsXHR = videojs$1.xhr,
-    mergeOptions$1$1 = videojs$1.mergeOptions;
-
-var xhrFactory = function xhrFactory() {
-  var xhr = function XhrFunction(options, callback) {
-    // Add a default timeout for all hls requests
-    options = mergeOptions$1$1({
-      timeout: 45e3
-    }, options); // Allow an optional user-specified function to modify the option
-    // object before we construct the xhr request
-
-    var beforeRequest = XhrFunction.beforeRequest || videojs$1.Hls.xhr.beforeRequest;
-
-    if (beforeRequest && typeof beforeRequest === 'function') {
-      var newOptions = beforeRequest(options);
-
-      if (newOptions) {
-        options = newOptions;
-      }
-    }
-
-    var request = videojsXHR(options, function (error, response) {
-      var reqResponse = request.response;
-
-      if (!error && reqResponse) {
-        request.responseTime = Date.now();
-        request.roundTripTime = request.responseTime - request.requestTime;
-        request.bytesReceived = reqResponse.byteLength || reqResponse.length;
-
-        if (!request.bandwidth) {
-          request.bandwidth = Math.floor(request.bytesReceived / request.roundTripTime * 8 * 1000);
-        }
-      }
-
-      if (response.headers) {
-        request.responseHeaders = response.headers;
-      } // videojs.xhr now uses a specific code on the error
-      // object to signal that a request has timed out instead
-      // of setting a boolean on the request object
-
-
-      if (error && error.code === 'ETIMEDOUT') {
-        request.timedout = true;
-      } // videojs.xhr no longer considers status codes outside of 200 and 0
-      // (for file uris) to be errors, but the old XHR did, so emulate that
-      // behavior. Status 206 may be used in response to byterange requests.
-
-
-      if (!error && !request.aborted && response.statusCode !== 200 && response.statusCode !== 206 && response.statusCode !== 0) {
-        error = new Error('XHR Failed with a response of: ' + (request && (reqResponse || request.responseText)));
-      }
-
-      callback(error, request);
-    });
-    var originalAbort = request.abort;
-
-    request.abort = function () {
-      request.aborted = true;
-      return originalAbort.apply(request, arguments);
-    };
-
-    request.uri = options.uri;
-    request.requestTime = Date.now();
-    return request;
-  };
-
-  return xhr;
-};
-/**
- * Turns segment byterange into a string suitable for use in
- * HTTP Range requests
- *
- * @param {Object} byterange - an object with two values defining the start and end
- *                             of a byte-range
- */
-
-
-var byterangeStr = function byterangeStr(byterange) {
-  var byterangeStart = void 0;
-  var byterangeEnd = void 0; // `byterangeEnd` is one less than `offset + length` because the HTTP range
-  // header uses inclusive ranges
-
-  byterangeEnd = byterange.offset + byterange.length - 1;
-  byterangeStart = byterange.offset;
-  return 'bytes=' + byterangeStart + '-' + byterangeEnd;
-};
-/**
- * Defines headers for use in the xhr request for a particular segment.
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- */
-
-
-var segmentXhrHeaders = function segmentXhrHeaders(segment) {
-  var headers = {};
-
-  if (segment.byterange) {
-    headers.Range = byterangeStr(segment.byterange);
-  }
-
-  return headers;
-};
-/**
- * @file bin-utils.js
- */
-
-/**
- * convert a TimeRange to text
- *
- * @param {TimeRange} range the timerange to use for conversion
- * @param {Number} i the iterator on the range to convert
- */
-
-
-var textRange = function textRange(range, i) {
-  return range.start(i) + '-' + range.end(i);
-};
-/**
- * format a number as hex string
- *
- * @param {Number} e The number
- * @param {Number} i the iterator
- */
-
-
-var formatHexString = function formatHexString(e, i) {
-  var value = e.toString(16);
-  return '00'.substring(0, 2 - value.length) + value + (i % 2 ? ' ' : '');
-};
-
-var formatAsciiString = function formatAsciiString(e) {
-  if (e >= 0x20 && e < 0x7e) {
-    return String.fromCharCode(e);
-  }
-
-  return '.';
-};
-/**
- * Creates an object for sending to a web worker modifying properties that are TypedArrays
- * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
- *
- * @param {Object} message
- *        Object of properties and values to send to the web worker
- * @return {Object}
- *         Modified message with TypedArray values expanded
- * @function createTransferableMessage
- */
-
-
-var createTransferableMessage = function createTransferableMessage(message) {
-  var transferable = {};
-  Object.keys(message).forEach(function (key) {
-    var value = message[key];
-
-    if (ArrayBuffer.isView(value)) {
-      transferable[key] = {
-        bytes: value.buffer,
-        byteOffset: value.byteOffset,
-        byteLength: value.byteLength
-      };
-    } else {
-      transferable[key] = value;
-    }
-  });
-  return transferable;
-};
-/**
- * Returns a unique string identifier for a media initialization
- * segment.
- */
-
-
-var initSegmentId = function initSegmentId(initSegment) {
-  var byterange = initSegment.byterange || {
-    length: Infinity,
-    offset: 0
-  };
-  return [byterange.length, byterange.offset, initSegment.resolvedUri].join(',');
-};
-/**
- * Returns a unique string identifier for a media segment key.
- */
-
-
-var segmentKeyId = function segmentKeyId(key) {
-  return key.resolvedUri;
-};
-/**
- * utils to help dump binary data to the console
- */
-
-
-var hexDump = function hexDump(data) {
-  var bytes = Array.prototype.slice.call(data);
-  var step = 16;
-  var result = '';
-  var hex = void 0;
-  var ascii = void 0;
-
-  for (var j = 0; j < bytes.length / step; j++) {
-    hex = bytes.slice(j * step, j * step + step).map(formatHexString).join('');
-    ascii = bytes.slice(j * step, j * step + step).map(formatAsciiString).join('');
-    result += hex + ' ' + ascii + '\n';
-  }
-
-  return result;
-};
-
-var tagDump = function tagDump(_ref) {
-  var bytes = _ref.bytes;
-  return hexDump(bytes);
-};
-
-var textRanges = function textRanges(ranges) {
-  var result = '';
-  var i = void 0;
-
-  for (i = 0; i < ranges.length; i++) {
-    result += textRange(ranges, i) + ' ';
-  }
-
-  return result;
-};
-
-var utils =
-/*#__PURE__*/
-Object.freeze({
-  createTransferableMessage: createTransferableMessage,
-  initSegmentId: initSegmentId,
-  segmentKeyId: segmentKeyId,
-  hexDump: hexDump,
-  tagDump: tagDump,
-  textRanges: textRanges
-}); // TODO handle fmp4 case where the timing info is accurate and doesn't involve transmux
-// Add 25% to the segment duration to account for small discrepencies in segment timing.
-// 25% was arbitrarily chosen, and may need to be refined over time.
-
-var SEGMENT_END_FUDGE_PERCENT = 0.25;
-/**
- * Converts a player time (any time that can be gotten/set from player.currentTime(),
- * e.g., any time within player.seekable().start(0) to player.seekable().end(0)) to a
- * program time (any time referencing the real world (e.g., EXT-X-PROGRAM-DATE-TIME)).
- *
- * The containing segment is required as the EXT-X-PROGRAM-DATE-TIME serves as an "anchor
- * point" (a point where we have a mapping from program time to player time, with player
- * time being the post transmux start of the segment).
- *
- * For more details, see [this doc](../../docs/program-time-from-player-time.md).
- *
- * @param {Number} playerTime the player time
- * @param {Object} segment the segment which contains the player time
- * @return {Date} program time
- */
-
-var playerTimeToProgramTime = function playerTimeToProgramTime(playerTime, segment) {
-  if (!segment.dateTimeObject) {
-    // Can't convert without an "anchor point" for the program time (i.e., a time that can
-    // be used to map the start of a segment with a real world time).
-    return null;
-  }
-
-  var transmuxerPrependedSeconds = segment.videoTimingInfo.transmuxerPrependedSeconds;
-  var transmuxedStart = segment.videoTimingInfo.transmuxedPresentationStart; // get the start of the content from before old content is prepended
-
-  var startOfSegment = transmuxedStart + transmuxerPrependedSeconds;
-  var offsetFromSegmentStart = playerTime - startOfSegment;
-  return new Date(segment.dateTimeObject.getTime() + offsetFromSegmentStart * 1000);
-};
-
-var originalSegmentVideoDuration = function originalSegmentVideoDuration(videoTimingInfo) {
-  return videoTimingInfo.transmuxedPresentationEnd - videoTimingInfo.transmuxedPresentationStart - videoTimingInfo.transmuxerPrependedSeconds;
-};
-/**
- * Finds a segment that contains the time requested given as an ISO-8601 string. The
- * returned segment might be an estimate or an accurate match.
- *
- * @param {String} programTime The ISO-8601 programTime to find a match for
- * @param {Object} playlist A playlist object to search within
- */
-
-
-var findSegmentForProgramTime = function findSegmentForProgramTime(programTime, playlist) {
-  // Assumptions:
-  //  - verifyProgramDateTimeTags has already been run
-  //  - live streams have been started
-  var dateTimeObject = void 0;
-
-  try {
-    dateTimeObject = new Date(programTime);
-  } catch (e) {
-    return null;
-  }
-
-  if (!playlist || !playlist.segments || playlist.segments.length === 0) {
-    return null;
-  }
-
-  var segment = playlist.segments[0];
-
-  if (dateTimeObject < segment.dateTimeObject) {
-    // Requested time is before stream start.
-    return null;
-  }
-
-  for (var i = 0; i < playlist.segments.length - 1; i++) {
-    segment = playlist.segments[i];
-    var nextSegmentStart = playlist.segments[i + 1].dateTimeObject;
-
-    if (dateTimeObject < nextSegmentStart) {
-      break;
-    }
-  }
-
-  var lastSegment = playlist.segments[playlist.segments.length - 1];
-  var lastSegmentStart = lastSegment.dateTimeObject;
-  var lastSegmentDuration = lastSegment.videoTimingInfo ? originalSegmentVideoDuration(lastSegment.videoTimingInfo) : lastSegment.duration + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT;
-  var lastSegmentEnd = new Date(lastSegmentStart.getTime() + lastSegmentDuration * 1000);
-
-  if (dateTimeObject > lastSegmentEnd) {
-    // Beyond the end of the stream, or our best guess of the end of the stream.
-    return null;
-  }
-
-  if (dateTimeObject > lastSegmentStart) {
-    segment = lastSegment;
-  }
-
-  return {
-    segment: segment,
-    estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : Playlist.duration(playlist, playlist.mediaSequence + playlist.segments.indexOf(segment)),
-    // Although, given that all segments have accurate date time objects, the segment
-    // selected should be accurate, unless the video has been transmuxed at some point
-    // (determined by the presence of the videoTimingInfo object), the segment's "player
-    // time" (the start time in the player) can't be considered accurate.
-    type: segment.videoTimingInfo ? 'accurate' : 'estimate'
-  };
-};
-/**
- * Finds a segment that contains the given player time(in seconds).
- *
- * @param {Number} time The player time to find a match for
- * @param {Object} playlist A playlist object to search within
- */
-
-
-var findSegmentForPlayerTime = function findSegmentForPlayerTime(time, playlist) {
-  // Assumptions:
-  // - there will always be a segment.duration
-  // - we can start from zero
-  // - segments are in time order
-  if (!playlist || !playlist.segments || playlist.segments.length === 0) {
-    return null;
-  }
-
-  var segmentEnd = 0;
-  var segment = void 0;
-
-  for (var i = 0; i < playlist.segments.length; i++) {
-    segment = playlist.segments[i]; // videoTimingInfo is set after the segment is downloaded and transmuxed, and
-    // should contain the most accurate values we have for the segment's player times.
-    //
-    // Use the accurate transmuxedPresentationEnd value if it is available, otherwise fall
-    // back to an estimate based on the manifest derived (inaccurate) segment.duration, to
-    // calculate an end value.
-
-    segmentEnd = segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationEnd : segmentEnd + segment.duration;
-
-    if (time <= segmentEnd) {
-      break;
-    }
-  }
-
-  var lastSegment = playlist.segments[playlist.segments.length - 1];
-
-  if (lastSegment.videoTimingInfo && lastSegment.videoTimingInfo.transmuxedPresentationEnd < time) {
-    // The time requested is beyond the stream end.
-    return null;
-  }
-
-  if (time > segmentEnd) {
-    // The time is within or beyond the last segment.
-    //
-    // Check to see if the time is beyond a reasonable guess of the end of the stream.
-    if (time > segmentEnd + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT) {
-      // Technically, because the duration value is only an estimate, the time may still
-      // exist in the last segment, however, there isn't enough information to make even
-      // a reasonable estimate.
-      return null;
-    }
-
-    segment = lastSegment;
-  }
-
-  return {
-    segment: segment,
-    estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : segmentEnd - segment.duration,
-    // Because videoTimingInfo is only set after transmux, it is the only way to get
-    // accurate timing values.
-    type: segment.videoTimingInfo ? 'accurate' : 'estimate'
-  };
-};
-/**
- * Gives the offset of the comparisonTimestamp from the programTime timestamp in seconds.
- * If the offset returned is positive, the programTime occurs after the
- * comparisonTimestamp.
- * If the offset is negative, the programTime occurs before the comparisonTimestamp.
- *
- * @param {String} comparisonTimeStamp An ISO-8601 timestamp to compare against
- * @param {String} programTime The programTime as an ISO-8601 string
- * @return {Number} offset
- */
-
-
-var getOffsetFromTimestamp = function getOffsetFromTimestamp(comparisonTimeStamp, programTime) {
-  var segmentDateTime = void 0;
-  var programDateTime = void 0;
-
-  try {
-    segmentDateTime = new Date(comparisonTimeStamp);
-    programDateTime = new Date(programTime);
-  } catch (e) {// TODO handle error
-  }
-
-  var segmentTimeEpoch = segmentDateTime.getTime();
-  var programTimeEpoch = programDateTime.getTime();
-  return (programTimeEpoch - segmentTimeEpoch) / 1000;
-};
-/**
- * Checks that all segments in this playlist have programDateTime tags.
- *
- * @param {Object} playlist A playlist object
- */
-
-
-var verifyProgramDateTimeTags = function verifyProgramDateTimeTags(playlist) {
-  if (!playlist.segments || playlist.segments.length === 0) {
-    return false;
-  }
-
-  for (var i = 0; i < playlist.segments.length; i++) {
-    var segment = playlist.segments[i];
-
-    if (!segment.dateTimeObject) {
-      return false;
-    }
-  }
-
-  return true;
-};
-/**
- * Returns the programTime of the media given a playlist and a playerTime.
- * The playlist must have programDateTime tags for a programDateTime tag to be returned.
- * If the segments containing the time requested have not been buffered yet, an estimate
- * may be returned to the callback.
- *
- * @param {Object} args
- * @param {Object} args.playlist A playlist object to search within
- * @param {Number} time A playerTime in seconds
- * @param {Function} callback(err, programTime)
- * @returns {String} err.message A detailed error message
- * @returns {Object} programTime
- * @returns {Number} programTime.mediaSeconds The streamTime in seconds
- * @returns {String} programTime.programDateTime The programTime as an ISO-8601 String
- */
-
-
-var getProgramTime = function getProgramTime(_ref) {
-  var playlist = _ref.playlist,
-      _ref$time = _ref.time,
-      time = _ref$time === undefined ? undefined : _ref$time,
-      callback = _ref.callback;
-
-  if (!callback) {
-    throw new Error('getProgramTime: callback must be provided');
-  }
-
-  if (!playlist || time === undefined) {
-    return callback({
-      message: 'getProgramTime: playlist and time must be provided'
-    });
-  }
-
-  var matchedSegment = findSegmentForPlayerTime(time, playlist);
-
-  if (!matchedSegment) {
-    return callback({
-      message: 'valid programTime was not found'
-    });
-  }
-
-  if (matchedSegment.type === 'estimate') {
-    return callback({
-      message: 'Accurate programTime could not be determined.' + ' Please seek to e.seekTime and try again',
-      seekTime: matchedSegment.estimatedStart
-    });
-  }
-
-  var programTimeObject = {
-    mediaSeconds: time
-  };
-  var programTime = playerTimeToProgramTime(time, matchedSegment.segment);
-
-  if (programTime) {
-    programTimeObject.programDateTime = programTime.toISOString();
-  }
-
-  return callback(null, programTimeObject);
-};
-/**
- * Seeks in the player to a time that matches the given programTime ISO-8601 string.
- *
- * @param {Object} args
- * @param {String} args.programTime A programTime to seek to as an ISO-8601 String
- * @param {Object} args.playlist A playlist to look within
- * @param {Number} args.retryCount The number of times to try for an accurate seek. Default is 2.
- * @param {Function} args.seekTo A method to perform a seek
- * @param {Boolean} args.pauseAfterSeek Whether to end in a paused state after seeking. Default is true.
- * @param {Object} args.tech The tech to seek on
- * @param {Function} args.callback(err, newTime) A callback to return the new time to
- * @returns {String} err.message A detailed error message
- * @returns {Number} newTime The exact time that was seeked to in seconds
- */
-
-
-var seekToProgramTime = function seekToProgramTime(_ref2) {
-  var programTime = _ref2.programTime,
-      playlist = _ref2.playlist,
-      _ref2$retryCount = _ref2.retryCount,
-      retryCount = _ref2$retryCount === undefined ? 2 : _ref2$retryCount,
-      seekTo = _ref2.seekTo,
-      _ref2$pauseAfterSeek = _ref2.pauseAfterSeek,
-      pauseAfterSeek = _ref2$pauseAfterSeek === undefined ? true : _ref2$pauseAfterSeek,
-      tech = _ref2.tech,
-      callback = _ref2.callback;
-
-  if (!callback) {
-    throw new Error('seekToProgramTime: callback must be provided');
-  }
-
-  if (typeof programTime === 'undefined' || !playlist || !seekTo) {
-    return callback({
-      message: 'seekToProgramTime: programTime, seekTo and playlist must be provided'
-    });
-  }
-
-  if (!playlist.endList && !tech.hasStarted_) {
-    return callback({
-      message: 'player must be playing a live stream to start buffering'
-    });
-  }
-
-  if (!verifyProgramDateTimeTags(playlist)) {
-    return callback({
-      message: 'programDateTime tags must be provided in the manifest ' + playlist.resolvedUri
-    });
-  }
-
-  var matchedSegment = findSegmentForProgramTime(programTime, playlist); // no match
-
-  if (!matchedSegment) {
-    return callback({
-      message: programTime + ' was not found in the stream'
-    });
-  }
-
-  var segment = matchedSegment.segment;
-  var mediaOffset = getOffsetFromTimestamp(segment.dateTimeObject, programTime);
-
-  if (matchedSegment.type === 'estimate') {
-    // we've run out of retries
-    if (retryCount === 0) {
-      return callback({
-        message: programTime + ' is not buffered yet. Try again'
-      });
-    }
-
-    seekTo(matchedSegment.estimatedStart + mediaOffset);
-    tech.one('seeked', function () {
-      seekToProgramTime({
-        programTime: programTime,
-        playlist: playlist,
-        retryCount: retryCount - 1,
-        seekTo: seekTo,
-        pauseAfterSeek: pauseAfterSeek,
-        tech: tech,
-        callback: callback
-      });
-    });
-    return;
-  } // Since the segment.start value is determined from the buffered end or ending time
-  // of the prior segment, the seekToTime doesn't need to account for any transmuxer
-  // modifications.
-
-
-  var seekToTime = segment.start + mediaOffset;
-
-  var seekedCallback = function seekedCallback() {
-    return callback(null, tech.currentTime());
-  }; // listen for seeked event
-
-
-  tech.one('seeked', seekedCallback); // pause before seeking as video.js will restore this state
-
-  if (pauseAfterSeek) {
-    tech.pause();
-  }
-
-  seekTo(seekToTime);
-};
-/**
- * ranges
- *
- * Utilities for working with TimeRanges.
- *
- */
-// Fudge factor to account for TimeRanges rounding
-
-
-var TIME_FUDGE_FACTOR = 1 / 30; // Comparisons between time values such as current time and the end of the buffered range
-// can be misleading because of precision differences or when the current media has poorly
-// aligned audio and video, which can cause values to be slightly off from what you would
-// expect. This value is what we consider to be safe to use in such comparisons to account
-// for these scenarios.
-
-var SAFE_TIME_DELTA = TIME_FUDGE_FACTOR * 3;
-
-var filterRanges = function filterRanges(timeRanges, predicate) {
-  var results = [];
-  var i = void 0;
-
-  if (timeRanges && timeRanges.length) {
-    // Search for ranges that match the predicate
-    for (i = 0; i < timeRanges.length; i++) {
-      if (predicate(timeRanges.start(i), timeRanges.end(i))) {
-        results.push([timeRanges.start(i), timeRanges.end(i)]);
-      }
-    }
-  }
-
-  return videojs$1.createTimeRanges(results);
-};
-/**
- * Attempts to find the buffered TimeRange that contains the specified
- * time.
- * @param {TimeRanges} buffered - the TimeRanges object to query
- * @param {number} time  - the time to filter on.
- * @returns {TimeRanges} a new TimeRanges object
- */
-
-
-var findRange = function findRange(buffered, time) {
-  return filterRanges(buffered, function (start, end) {
-    return start - SAFE_TIME_DELTA <= time && end + SAFE_TIME_DELTA >= time;
-  });
-};
-/**
- * Returns the TimeRanges that begin later than the specified time.
- * @param {TimeRanges} timeRanges - the TimeRanges object to query
- * @param {number} time - the time to filter on.
- * @returns {TimeRanges} a new TimeRanges object.
- */
-
-
-var findNextRange = function findNextRange(timeRanges, time) {
-  return filterRanges(timeRanges, function (start) {
-    return start - TIME_FUDGE_FACTOR >= time;
-  });
-};
-/**
- * Returns gaps within a list of TimeRanges
- * @param {TimeRanges} buffered - the TimeRanges object
- * @return {TimeRanges} a TimeRanges object of gaps
- */
-
-
-var findGaps = function findGaps(buffered) {
-  if (buffered.length < 2) {
-    return videojs$1.createTimeRanges();
-  }
-
-  var ranges = [];
-
-  for (var i = 1; i < buffered.length; i++) {
-    var start = buffered.end(i - 1);
-    var end = buffered.start(i);
-    ranges.push([start, end]);
-  }
-
-  return videojs$1.createTimeRanges(ranges);
-};
-/**
- * Gets a human readable string for a TimeRange
- *
- * @param {TimeRange} range
- * @returns {String} a human readable string
- */
-
-
-var printableRange = function printableRange(range) {
-  var strArr = [];
-
-  if (!range || !range.length) {
-    return '';
-  }
-
-  for (var i = 0; i < range.length; i++) {
-    strArr.push(range.start(i) + ' => ' + range.end(i));
-  }
-
-  return strArr.join(', ');
-};
-/**
- * Calculates the amount of time left in seconds until the player hits the end of the
- * buffer and causes a rebuffer
- *
- * @param {TimeRange} buffered
- *        The state of the buffer
- * @param {Numnber} currentTime
- *        The current time of the player
- * @param {Number} playbackRate
- *        The current playback rate of the player. Defaults to 1.
- * @return {Number}
- *         Time until the player has to start rebuffering in seconds.
- * @function timeUntilRebuffer
- */
-
-
-var timeUntilRebuffer = function timeUntilRebuffer(buffered, currentTime) {
-  var playbackRate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var bufferedEnd = buffered.length ? buffered.end(buffered.length - 1) : 0;
-  return (bufferedEnd - currentTime) / playbackRate;
-};
-/**
- * Converts a TimeRanges object into an array representation
- * @param {TimeRanges} timeRanges
- * @returns {Array}
- */
-
-
-var timeRangesToArray = function timeRangesToArray(timeRanges) {
-  var timeRangesList = [];
-
-  for (var i = 0; i < timeRanges.length; i++) {
-    timeRangesList.push({
-      start: timeRanges.start(i),
-      end: timeRanges.end(i)
-    });
-  }
-
-  return timeRangesList;
-};
-/**
- * @file create-text-tracks-if-necessary.js
- */
-
-/**
- * Create text tracks on video.js if they exist on a segment.
- *
- * @param {Object} sourceBuffer the VSB or FSB
- * @param {Object} mediaSource the HTML media source
- * @param {Object} segment the segment that may contain the text track
- * @private
- */
-
-
-var createTextTracksIfNecessary = function createTextTracksIfNecessary(sourceBuffer, mediaSource, segment) {
-  var player = mediaSource.player_; // create an in-band caption track if one is present in the segment
-
-  if (segment.captions && segment.captions.length) {
-    if (!sourceBuffer.inbandTextTracks_) {
-      sourceBuffer.inbandTextTracks_ = {};
-    }
-
-    for (var trackId in segment.captionStreams) {
-      if (!sourceBuffer.inbandTextTracks_[trackId]) {
-        player.tech_.trigger({
-          type: 'usage',
-          name: 'hls-608'
-        });
-        var track = player.textTracks().getTrackById(trackId);
-
-        if (track) {
-          // Resuse an existing track with a CC# id because this was
-          // very likely created by videojs-contrib-hls from information
-          // in the m3u8 for us to use
-          sourceBuffer.inbandTextTracks_[trackId] = track;
-        } else {
-          // Otherwise, create a track with the default `CC#` label and
-          // without a language
-          sourceBuffer.inbandTextTracks_[trackId] = player.addRemoteTextTrack({
-            kind: 'captions',
-            id: trackId,
-            label: trackId
-          }, false).track;
-        }
-      }
-    }
-  }
-
-  if (segment.metadata && segment.metadata.length && !sourceBuffer.metadataTrack_) {
-    sourceBuffer.metadataTrack_ = player.addRemoteTextTrack({
-      kind: 'metadata',
-      label: 'Timed Metadata'
-    }, false).track;
-    sourceBuffer.metadataTrack_.inBandMetadataTrackDispatchType = segment.metadata.dispatchType;
-  }
-};
-/**
- * @file remove-cues-from-track.js
- */
-
-/**
- * Remove cues from a track on video.js.
- *
- * @param {Double} start start of where we should remove the cue
- * @param {Double} end end of where the we should remove the cue
- * @param {Object} track the text track to remove the cues from
- * @private
- */
-
-
-var removeCuesFromTrack = function removeCuesFromTrack(start, end, track) {
-  var i = void 0;
-  var cue = void 0;
-
-  if (!track) {
-    return;
-  }
-
-  if (!track.cues) {
-    return;
-  }
-
-  i = track.cues.length;
-
-  while (i--) {
-    cue = track.cues[i]; // Remove any overlapping cue
-
-    if (cue.startTime <= end && cue.endTime >= start) {
-      track.removeCue(cue);
-    }
-  }
-};
-/**
- * @file add-text-track-data.js
- */
-
-/**
- * Define properties on a cue for backwards compatability,
- * but warn the user that the way that they are using it
- * is depricated and will be removed at a later date.
- *
- * @param {Cue} cue the cue to add the properties on
- * @private
- */
-
-
-var deprecateOldCue = function deprecateOldCue(cue) {
-  Object.defineProperties(cue.frame, {
-    id: {
-      get: function get() {
-        videojs$1.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');
-        return cue.value.key;
-      }
-    },
-    value: {
-      get: function get() {
-        videojs$1.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');
-        return cue.value.data;
-      }
-    },
-    privateData: {
-      get: function get() {
-        videojs$1.log.warn('cue.frame.privateData is deprecated. Use cue.value.data instead.');
-        return cue.value.data;
-      }
-    }
-  });
-};
-
-var durationOfVideo = function durationOfVideo(duration) {
-  var dur = void 0;
-
-  if (isNaN(duration) || Math.abs(duration) === Infinity) {
-    dur = Number.MAX_VALUE;
-  } else {
-    dur = duration;
-  }
-
-  return dur;
-};
-/**
- * Add text track data to a source handler given the captions and
- * metadata from the buffer.
- *
- * @param {Object} sourceHandler the virtual source buffer
- * @param {Array} captionArray an array of caption data
- * @param {Array} metadataArray an array of meta data
- * @private
- */
-
-
-var addTextTrackData = function addTextTrackData(sourceHandler, captionArray, metadataArray) {
-  var Cue = window$1.WebKitDataCue || window$1.VTTCue;
-
-  if (captionArray) {
-    captionArray.forEach(function (caption) {
-      var track = caption.stream;
-      this.inbandTextTracks_[track].addCue(new Cue(caption.startTime + this.timestampOffset, caption.endTime + this.timestampOffset, caption.text));
-    }, sourceHandler);
-  }
-
-  if (metadataArray) {
-    var videoDuration = durationOfVideo(sourceHandler.mediaSource_.duration);
-    metadataArray.forEach(function (metadata) {
-      var time = metadata.cueTime + this.timestampOffset; // if time isn't a finite number between 0 and Infinity, like NaN,
-      // ignore this bit of metadata.
-      // This likely occurs when you have an non-timed ID3 tag like TIT2,
-      // which is the "Title/Songname/Content description" frame
-
-      if (typeof time !== 'number' || window$1.isNaN(time) || time < 0 || !(time < Infinity)) {
-        return;
-      }
-
-      metadata.frames.forEach(function (frame) {
-        var cue = new Cue(time, time, frame.value || frame.url || frame.data || '');
-        cue.frame = frame;
-        cue.value = frame;
-        deprecateOldCue(cue);
-        this.metadataTrack_.addCue(cue);
-      }, this);
-    }, sourceHandler); // Updating the metadeta cues so that
-    // the endTime of each cue is the startTime of the next cue
-    // the endTime of last cue is the duration of the video
-
-    if (sourceHandler.metadataTrack_ && sourceHandler.metadataTrack_.cues && sourceHandler.metadataTrack_.cues.length) {
-      var cues = sourceHandler.metadataTrack_.cues;
-      var cuesArray = []; // Create a copy of the TextTrackCueList...
-      // ...disregarding cues with a falsey value
-
-      for (var i = 0; i < cues.length; i++) {
-        if (cues[i]) {
-          cuesArray.push(cues[i]);
-        }
-      } // Group cues by their startTime value
-
-
-      var cuesGroupedByStartTime = cuesArray.reduce(function (obj, cue) {
-        var timeSlot = obj[cue.startTime] || [];
-        timeSlot.push(cue);
-        obj[cue.startTime] = timeSlot;
-        return obj;
-      }, {}); // Sort startTimes by ascending order
-
-      var sortedStartTimes = Object.keys(cuesGroupedByStartTime).sort(function (a, b) {
-        return Number(a) - Number(b);
-      }); // Map each cue group's endTime to the next group's startTime
-
-      sortedStartTimes.forEach(function (startTime, idx) {
-        var cueGroup = cuesGroupedByStartTime[startTime];
-        var nextTime = Number(sortedStartTimes[idx + 1]) || videoDuration; // Map each cue's endTime the next group's startTime
-
-        cueGroup.forEach(function (cue) {
-          cue.endTime = nextTime;
-        });
-      });
-    }
-  }
-};
-
-var win = typeof window !== 'undefined' ? window : {},
-    TARGET = typeof Symbol === 'undefined' ? '__target' : Symbol(),
-    SCRIPT_TYPE = 'application/javascript',
-    BlobBuilder = win.BlobBuilder || win.WebKitBlobBuilder || win.MozBlobBuilder || win.MSBlobBuilder,
-    URL = win.URL || win.webkitURL || URL && URL.msURL,
-    Worker = win.Worker;
-/**
- * Returns a wrapper around Web Worker code that is constructible.
- *
- * @function shimWorker
- *
- * @param { String }    filename    The name of the file
- * @param { Function }  fn          Function wrapping the code of the worker
- */
-
-function shimWorker(filename, fn) {
-  return function ShimWorker(forceFallback) {
-    var o = this;
-
-    if (!fn) {
-      return new Worker(filename);
-    } else if (Worker && !forceFallback) {
-      // Convert the function's inner code to a string to construct the worker
-      var source = fn.toString().replace(/^function.+?{/, '').slice(0, -1),
-          objURL = createSourceObject(source);
-      this[TARGET] = new Worker(objURL);
-      wrapTerminate(this[TARGET], objURL);
-      return this[TARGET];
-    } else {
-      var selfShim = {
-        postMessage: function postMessage(m) {
-          if (o.onmessage) {
-            setTimeout(function () {
-              o.onmessage({
-                data: m,
-                target: selfShim
-              });
-            });
-          }
-        }
-      };
-      fn.call(selfShim);
-
-      this.postMessage = function (m) {
-        setTimeout(function () {
-          selfShim.onmessage({
-            data: m,
-            target: o
-          });
-        });
-      };
-
-      this.isThisThread = true;
-    }
-  };
-} // Test Worker capabilities
-
-
-if (Worker) {
-  var testWorker,
-      objURL = createSourceObject('self.onmessage = function () {}'),
-      testArray = new Uint8Array(1);
-
-  try {
-    testWorker = new Worker(objURL); // Native browser on some Samsung devices throws for transferables, let's detect it
-
-    testWorker.postMessage(testArray, [testArray.buffer]);
-  } catch (e) {
-    Worker = null;
-  } finally {
-    URL.revokeObjectURL(objURL);
-
-    if (testWorker) {
-      testWorker.terminate();
-    }
-  }
-}
-
-function createSourceObject(str) {
-  try {
-    return URL.createObjectURL(new Blob([str], {
-      type: SCRIPT_TYPE
-    }));
-  } catch (e) {
-    var blob = new BlobBuilder();
-    blob.append(str);
-    return URL.createObjectURL(blob.getBlob(type));
-  }
-}
-
-function wrapTerminate(worker, objURL) {
-  if (!worker || !objURL) return;
-  var term = worker.terminate;
-  worker.objURL = objURL;
-
-  worker.terminate = function () {
-    if (worker.objURL) URL.revokeObjectURL(worker.objURL);
-    term.call(worker);
-  };
-}
-
-var TransmuxWorker = new shimWorker("./transmuxer-worker.worker.js", function (window, document$$1) {
-  var self = this;
-
-  var transmuxerWorker = function () {
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     *
-     * A lightweight readable stream implemention that handles event dispatching.
-     * Objects that inherit from streams should call init in their constructors.
-     */
-    var Stream = function Stream() {
-      this.init = function () {
-        var listeners = {};
-        /**
-         * Add a listener for a specified event type.
-         * @param type {string} the event name
-         * @param listener {function} the callback to be invoked when an event of
-         * the specified type occurs
-         */
-
-        this.on = function (type, listener) {
-          if (!listeners[type]) {
-            listeners[type] = [];
-          }
-
-          listeners[type] = listeners[type].concat(listener);
-        };
-        /**
-         * Remove a listener for a specified event type.
-         * @param type {string} the event name
-         * @param listener {function} a function previously registered for this
-         * type of event through `on`
-         */
-
-
-        this.off = function (type, listener) {
-          var index;
-
-          if (!listeners[type]) {
-            return false;
-          }
-
-          index = listeners[type].indexOf(listener);
-          listeners[type] = listeners[type].slice();
-          listeners[type].splice(index, 1);
-          return index > -1;
-        };
-        /**
-         * Trigger an event of the specified type on this stream. Any additional
-         * arguments to this function are passed as parameters to event listeners.
-         * @param type {string} the event name
-         */
-
-
-        this.trigger = function (type) {
-          var callbacks, i, length, args;
-          callbacks = listeners[type];
-
-          if (!callbacks) {
-            return;
-          } // Slicing the arguments on every invocation of this method
-          // can add a significant amount of overhead. Avoid the
-          // intermediate object creation for the common case of a
-          // single callback argument
-
-
-          if (arguments.length === 2) {
-            length = callbacks.length;
-
-            for (i = 0; i < length; ++i) {
-              callbacks[i].call(this, arguments[1]);
-            }
-          } else {
-            args = [];
-            i = arguments.length;
-
-            for (i = 1; i < arguments.length; ++i) {
-              args.push(arguments[i]);
-            }
-
-            length = callbacks.length;
-
-            for (i = 0; i < length; ++i) {
-              callbacks[i].apply(this, args);
-            }
-          }
-        };
-        /**
-         * Destroys the stream and cleans up.
-         */
-
-
-        this.dispose = function () {
-          listeners = {};
-        };
-      };
-    };
-    /**
-     * Forwards all `data` events on this stream to the destination stream. The
-     * destination stream should provide a method `push` to receive the data
-     * events as they arrive.
-     * @param destination {stream} the stream that will receive all `data` events
-     * @param autoFlush {boolean} if false, we will not call `flush` on the destination
-     *                            when the current stream emits a 'done' event
-     * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-     */
-
-
-    Stream.prototype.pipe = function (destination) {
-      this.on('data', function (data) {
-        destination.push(data);
-      });
-      this.on('done', function (flushSource) {
-        destination.flush(flushSource);
-      });
-      this.on('partialdone', function (flushSource) {
-        destination.partialFlush(flushSource);
-      });
-      this.on('endedtimeline', function (flushSource) {
-        destination.endTimeline(flushSource);
-      });
-      this.on('reset', function (flushSource) {
-        destination.reset(flushSource);
-      });
-      return destination;
-    }; // Default stream functions that are expected to be overridden to perform
-    // actual work. These are provided by the prototype as a sort of no-op
-    // implementation so that we don't have to check for their existence in the
-    // `pipe` function above.
-
-
-    Stream.prototype.push = function (data) {
-      this.trigger('data', data);
-    };
-
-    Stream.prototype.flush = function (flushSource) {
-      this.trigger('done', flushSource);
-    };
-
-    Stream.prototype.partialFlush = function (flushSource) {
-      this.trigger('partialdone', flushSource);
-    };
-
-    Stream.prototype.endTimeline = function (flushSource) {
-      this.trigger('endedtimeline', flushSource);
-    };
-
-    Stream.prototype.reset = function (flushSource) {
-      this.trigger('reset', flushSource);
-    };
-
-    var stream = Stream;
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     *
-     * Functions that generate fragmented MP4s suitable for use with Media
-     * Source Extensions.
-     */
-
-    var UINT32_MAX = Math.pow(2, 32) - 1;
-    var box, dinf, esds, ftyp, mdat, mfhd, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, sdtp, stbl, stsd, traf, trex, trun, types, MAJOR_BRAND, MINOR_VERSION, AVC1_BRAND, VIDEO_HDLR, AUDIO_HDLR, HDLR_TYPES, VMHD, SMHD, DREF, STCO, STSC, STSZ, STTS; // pre-calculate constants
-
-    (function () {
-      var i;
-      types = {
-        avc1: [],
-        // codingname
-        avcC: [],
-        btrt: [],
-        dinf: [],
-        dref: [],
-        esds: [],
-        ftyp: [],
-        hdlr: [],
-        mdat: [],
-        mdhd: [],
-        mdia: [],
-        mfhd: [],
-        minf: [],
-        moof: [],
-        moov: [],
-        mp4a: [],
-        // codingname
-        mvex: [],
-        mvhd: [],
-        pasp: [],
-        sdtp: [],
-        smhd: [],
-        stbl: [],
-        stco: [],
-        stsc: [],
-        stsd: [],
-        stsz: [],
-        stts: [],
-        styp: [],
-        tfdt: [],
-        tfhd: [],
-        traf: [],
-        trak: [],
-        trun: [],
-        trex: [],
-        tkhd: [],
-        vmhd: []
-      }; // In environments where Uint8Array is undefined (e.g., IE8), skip set up so that we
-      // don't throw an error
-
-      if (typeof Uint8Array === 'undefined') {
-        return;
-      }
-
-      for (i in types) {
-        if (types.hasOwnProperty(i)) {
-          types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)];
-        }
-      }
-
-      MAJOR_BRAND = new Uint8Array(['i'.charCodeAt(0), 's'.charCodeAt(0), 'o'.charCodeAt(0), 'm'.charCodeAt(0)]);
-      AVC1_BRAND = new Uint8Array(['a'.charCodeAt(0), 'v'.charCodeAt(0), 'c'.charCodeAt(0), '1'.charCodeAt(0)]);
-      MINOR_VERSION = new Uint8Array([0, 0, 0, 1]);
-      VIDEO_HDLR = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x00, // pre_defined
-      0x76, 0x69, 0x64, 0x65, // handler_type: 'vide'
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x56, 0x69, 0x64, 0x65, 0x6f, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'VideoHandler'
-      ]);
-      AUDIO_HDLR = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x00, // pre_defined
-      0x73, 0x6f, 0x75, 0x6e, // handler_type: 'soun'
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x53, 0x6f, 0x75, 0x6e, 0x64, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'SoundHandler'
-      ]);
-      HDLR_TYPES = {
-        video: VIDEO_HDLR,
-        audio: AUDIO_HDLR
-      };
-      DREF = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x01, // entry_count
-      0x00, 0x00, 0x00, 0x0c, // entry_size
-      0x75, 0x72, 0x6c, 0x20, // 'url' type
-      0x00, // version 0
-      0x00, 0x00, 0x01 // entry_flags
-      ]);
-      SMHD = new Uint8Array([0x00, // version
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, // balance, 0 means centered
-      0x00, 0x00 // reserved
-      ]);
-      STCO = new Uint8Array([0x00, // version
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x00 // entry_count
-      ]);
-      STSC = STCO;
-      STSZ = new Uint8Array([0x00, // version
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x00, // sample_size
-      0x00, 0x00, 0x00, 0x00 // sample_count
-      ]);
-      STTS = STCO;
-      VMHD = new Uint8Array([0x00, // version
-      0x00, 0x00, 0x01, // flags
-      0x00, 0x00, // graphicsmode
-      0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor
-      ]);
-    })();
-
-    box = function box(type) {
-      var payload = [],
-          size = 0,
-          i,
-          result,
-          view;
-
-      for (i = 1; i < arguments.length; i++) {
-        payload.push(arguments[i]);
-      }
-
-      i = payload.length; // calculate the total size we need to allocate
-
-      while (i--) {
-        size += payload[i].byteLength;
-      }
-
-      result = new Uint8Array(size + 8);
-      view = new DataView(result.buffer, result.byteOffset, result.byteLength);
-      view.setUint32(0, result.byteLength);
-      result.set(type, 4); // copy the payload into the result
-
-      for (i = 0, size = 8; i < payload.length; i++) {
-        result.set(payload[i], size);
-        size += payload[i].byteLength;
-      }
-
-      return result;
-    };
-
-    dinf = function dinf() {
-      return box(types.dinf, box(types.dref, DREF));
-    };
-
-    esds = function esds(track) {
-      return box(types.esds, new Uint8Array([0x00, // version
-      0x00, 0x00, 0x00, // flags
-      // ES_Descriptor
-      0x03, // tag, ES_DescrTag
-      0x19, // length
-      0x00, 0x00, // ES_ID
-      0x00, // streamDependenceFlag, URL_flag, reserved, streamPriority
-      // DecoderConfigDescriptor
-      0x04, // tag, DecoderConfigDescrTag
-      0x11, // length
-      0x40, // object type
-      0x15, // streamType
-      0x00, 0x06, 0x00, // bufferSizeDB
-      0x00, 0x00, 0xda, 0xc0, // maxBitrate
-      0x00, 0x00, 0xda, 0xc0, // avgBitrate
-      // DecoderSpecificInfo
-      0x05, // tag, DecoderSpecificInfoTag
-      0x02, // length
-      // ISO/IEC 14496-3, AudioSpecificConfig
-      // for samplingFrequencyIndex see ISO/IEC 13818-7:2006, 8.1.3.2.2, Table 35
-      track.audioobjecttype << 3 | track.samplingfrequencyindex >>> 1, track.samplingfrequencyindex << 7 | track.channelcount << 3, 0x06, 0x01, 0x02 // GASpecificConfig
-      ]));
-    };
-
-    ftyp = function ftyp() {
-      return box(types.ftyp, MAJOR_BRAND, MINOR_VERSION, MAJOR_BRAND, AVC1_BRAND);
-    };
-
-    hdlr = function hdlr(type) {
-      return box(types.hdlr, HDLR_TYPES[type]);
-    };
-
-    mdat = function mdat(data) {
-      return box(types.mdat, data);
-    };
-
-    mdhd = function mdhd(track) {
-      var result = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x02, // creation_time
-      0x00, 0x00, 0x00, 0x03, // modification_time
-      0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
-      track.duration >>> 24 & 0xFF, track.duration >>> 16 & 0xFF, track.duration >>> 8 & 0xFF, track.duration & 0xFF, // duration
-      0x55, 0xc4, // 'und' language (undetermined)
-      0x00, 0x00]); // Use the sample rate from the track metadata, when it is
-      // defined. The sample rate can be parsed out of an ADTS header, for
-      // instance.
-
-      if (track.samplerate) {
-        result[12] = track.samplerate >>> 24 & 0xFF;
-        result[13] = track.samplerate >>> 16 & 0xFF;
-        result[14] = track.samplerate >>> 8 & 0xFF;
-        result[15] = track.samplerate & 0xFF;
-      }
-
-      return box(types.mdhd, result);
-    };
-
-    mdia = function mdia(track) {
-      return box(types.mdia, mdhd(track), hdlr(track.type), minf(track));
-    };
-
-    mfhd = function mfhd(sequenceNumber) {
-      return box(types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags
-      (sequenceNumber & 0xFF000000) >> 24, (sequenceNumber & 0xFF0000) >> 16, (sequenceNumber & 0xFF00) >> 8, sequenceNumber & 0xFF // sequence_number
-      ]));
-    };
-
-    minf = function minf(track) {
-      return box(types.minf, track.type === 'video' ? box(types.vmhd, VMHD) : box(types.smhd, SMHD), dinf(), stbl(track));
-    };
-
-    moof = function moof(sequenceNumber, tracks) {
-      var trackFragments = [],
-          i = tracks.length; // build traf boxes for each track fragment
-
-      while (i--) {
-        trackFragments[i] = traf(tracks[i]);
-      }
-
-      return box.apply(null, [types.moof, mfhd(sequenceNumber)].concat(trackFragments));
-    };
-    /**
-     * Returns a movie box.
-     * @param tracks {array} the tracks associated with this movie
-     * @see ISO/IEC 14496-12:2012(E), section 8.2.1
-     */
-
-
-    moov = function moov(tracks) {
-      var i = tracks.length,
-          boxes = [];
-
-      while (i--) {
-        boxes[i] = trak(tracks[i]);
-      }
-
-      return box.apply(null, [types.moov, mvhd(0xffffffff)].concat(boxes).concat(mvex(tracks)));
-    };
-
-    mvex = function mvex(tracks) {
-      var i = tracks.length,
-          boxes = [];
-
-      while (i--) {
-        boxes[i] = trex(tracks[i]);
-      }
-
-      return box.apply(null, [types.mvex].concat(boxes));
-    };
-
-    mvhd = function mvhd(duration) {
-      var bytes = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      0x00, 0x00, 0x00, 0x01, // creation_time
-      0x00, 0x00, 0x00, 0x02, // modification_time
-      0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
-      (duration & 0xFF000000) >> 24, (duration & 0xFF0000) >> 16, (duration & 0xFF00) >> 8, duration & 0xFF, // duration
-      0x00, 0x01, 0x00, 0x00, // 1.0 rate
-      0x01, 0x00, // 1.0 volume
-      0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
-      0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
-      0xff, 0xff, 0xff, 0xff // next_track_ID
-      ]);
-      return box(types.mvhd, bytes);
-    };
-
-    sdtp = function sdtp(track) {
-      var samples = track.samples || [],
-          bytes = new Uint8Array(4 + samples.length),
-          flags,
-          i; // leave the full box header (4 bytes) all zero
-      // write the sample table
-
-      for (i = 0; i < samples.length; i++) {
-        flags = samples[i].flags;
-        bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy;
-      }
-
-      return box(types.sdtp, bytes);
-    };
-
-    stbl = function stbl(track) {
-      return box(types.stbl, stsd(track), box(types.stts, STTS), box(types.stsc, STSC), box(types.stsz, STSZ), box(types.stco, STCO));
-    };
-
-    (function () {
-      var videoSample, audioSample;
-
-      stsd = function stsd(track) {
-        return box(types.stsd, new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x01]), track.type === 'video' ? videoSample(track) : audioSample(track));
-      };
-
-      videoSample = function videoSample(track) {
-        var sps = track.sps || [],
-            pps = track.pps || [],
-            sequenceParameterSets = [],
-            pictureParameterSets = [],
-            i,
-            avc1Box; // assemble the SPSs
-
-        for (i = 0; i < sps.length; i++) {
-          sequenceParameterSets.push((sps[i].byteLength & 0xFF00) >>> 8);
-          sequenceParameterSets.push(sps[i].byteLength & 0xFF); // sequenceParameterSetLength
-
-          sequenceParameterSets = sequenceParameterSets.concat(Array.prototype.slice.call(sps[i])); // SPS
-        } // assemble the PPSs
-
-
-        for (i = 0; i < pps.length; i++) {
-          pictureParameterSets.push((pps[i].byteLength & 0xFF00) >>> 8);
-          pictureParameterSets.push(pps[i].byteLength & 0xFF);
-          pictureParameterSets = pictureParameterSets.concat(Array.prototype.slice.call(pps[i]));
-        }
-
-        avc1Box = [types.avc1, new Uint8Array([0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x01, // data_reference_index
-        0x00, 0x00, // pre_defined
-        0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
-        (track.width & 0xff00) >> 8, track.width & 0xff, // width
-        (track.height & 0xff00) >> 8, track.height & 0xff, // height
-        0x00, 0x48, 0x00, 0x00, // horizresolution
-        0x00, 0x48, 0x00, 0x00, // vertresolution
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x01, // frame_count
-        0x13, 0x76, 0x69, 0x64, 0x65, 0x6f, 0x6a, 0x73, 0x2d, 0x63, 0x6f, 0x6e, 0x74, 0x72, 0x69, 0x62, 0x2d, 0x68, 0x6c, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname
-        0x00, 0x18, // depth = 24
-        0x11, 0x11 // pre_defined = -1
-        ]), box(types.avcC, new Uint8Array([0x01, // configurationVersion
-        track.profileIdc, // AVCProfileIndication
-        track.profileCompatibility, // profile_compatibility
-        track.levelIdc, // AVCLevelIndication
-        0xff // lengthSizeMinusOne, hard-coded to 4 bytes
-        ].concat([sps.length], // numOfSequenceParameterSets
-        sequenceParameterSets, // "SPS"
-        [pps.length], // numOfPictureParameterSets
-        pictureParameterSets // "PPS"
-        ))), box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB
-        0x00, 0x2d, 0xc6, 0xc0, // maxBitrate
-        0x00, 0x2d, 0xc6, 0xc0 // avgBitrate
-        ]))];
-
-        if (track.sarRatio) {
-          var hSpacing = track.sarRatio[0],
-              vSpacing = track.sarRatio[1];
-          avc1Box.push(box(types.pasp, new Uint8Array([(hSpacing & 0xFF000000) >> 24, (hSpacing & 0xFF0000) >> 16, (hSpacing & 0xFF00) >> 8, hSpacing & 0xFF, (vSpacing & 0xFF000000) >> 24, (vSpacing & 0xFF0000) >> 16, (vSpacing & 0xFF00) >> 8, vSpacing & 0xFF])));
-        }
-
-        return box.apply(null, avc1Box);
-      };
-
-      audioSample = function audioSample(track) {
-        return box(types.mp4a, new Uint8Array([// SampleEntry, ISO/IEC 14496-12
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x01, // data_reference_index
-        // AudioSampleEntry, ISO/IEC 14496-12
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        (track.channelcount & 0xff00) >> 8, track.channelcount & 0xff, // channelcount
-        (track.samplesize & 0xff00) >> 8, track.samplesize & 0xff, // samplesize
-        0x00, 0x00, // pre_defined
-        0x00, 0x00, // reserved
-        (track.samplerate & 0xff00) >> 8, track.samplerate & 0xff, 0x00, 0x00 // samplerate, 16.16
-        // MP4AudioSampleEntry, ISO/IEC 14496-14
-        ]), esds(track));
-      };
-    })();
-
-    tkhd = function tkhd(track) {
-      var result = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x07, // flags
-      0x00, 0x00, 0x00, 0x00, // creation_time
-      0x00, 0x00, 0x00, 0x00, // modification_time
-      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-      0x00, 0x00, 0x00, 0x00, // reserved
-      (track.duration & 0xFF000000) >> 24, (track.duration & 0xFF0000) >> 16, (track.duration & 0xFF00) >> 8, track.duration & 0xFF, // duration
-      0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-      0x00, 0x00, // layer
-      0x00, 0x00, // alternate_group
-      0x01, 0x00, // non-audio track volume
-      0x00, 0x00, // reserved
-      0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
-      (track.width & 0xFF00) >> 8, track.width & 0xFF, 0x00, 0x00, // width
-      (track.height & 0xFF00) >> 8, track.height & 0xFF, 0x00, 0x00 // height
-      ]);
-      return box(types.tkhd, result);
-    };
-    /**
-     * Generate a track fragment (traf) box. A traf box collects metadata
-     * about tracks in a movie fragment (moof) box.
-     */
-
-
-    traf = function traf(track) {
-      var trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable, dataOffset, upperWordBaseMediaDecodeTime, lowerWordBaseMediaDecodeTime;
-      trackFragmentHeader = box(types.tfhd, new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x3a, // flags
-      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-      0x00, 0x00, 0x00, 0x01, // sample_description_index
-      0x00, 0x00, 0x00, 0x00, // default_sample_duration
-      0x00, 0x00, 0x00, 0x00, // default_sample_size
-      0x00, 0x00, 0x00, 0x00 // default_sample_flags
-      ]));
-      upperWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime / (UINT32_MAX + 1));
-      lowerWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime % (UINT32_MAX + 1));
-      trackFragmentDecodeTime = box(types.tfdt, new Uint8Array([0x01, // version 1
-      0x00, 0x00, 0x00, // flags
-      // baseMediaDecodeTime
-      upperWordBaseMediaDecodeTime >>> 24 & 0xFF, upperWordBaseMediaDecodeTime >>> 16 & 0xFF, upperWordBaseMediaDecodeTime >>> 8 & 0xFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >>> 24 & 0xFF, lowerWordBaseMediaDecodeTime >>> 16 & 0xFF, lowerWordBaseMediaDecodeTime >>> 8 & 0xFF, lowerWordBaseMediaDecodeTime & 0xFF])); // the data offset specifies the number of bytes from the start of
-      // the containing moof to the first payload byte of the associated
-      // mdat
-
-      dataOffset = 32 + // tfhd
-      20 + // tfdt
-      8 + // traf header
-      16 + // mfhd
-      8 + // moof header
-      8; // mdat header
-      // audio tracks require less metadata
-
-      if (track.type === 'audio') {
-        trackFragmentRun = trun(track, dataOffset);
-        return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun);
-      } // video tracks should contain an independent and disposable samples
-      // box (sdtp)
-      // generate one and adjust offsets to match
-
-
-      sampleDependencyTable = sdtp(track);
-      trackFragmentRun = trun(track, sampleDependencyTable.length + dataOffset);
-      return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable);
-    };
-    /**
-     * Generate a track box.
-     * @param track {object} a track definition
-     * @return {Uint8Array} the track box
-     */
-
-
-    trak = function trak(track) {
-      track.duration = track.duration || 0xffffffff;
-      return box(types.trak, tkhd(track), mdia(track));
-    };
-
-    trex = function trex(track) {
-      var result = new Uint8Array([0x00, // version 0
-      0x00, 0x00, 0x00, // flags
-      (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-      0x00, 0x00, 0x00, 0x01, // default_sample_description_index
-      0x00, 0x00, 0x00, 0x00, // default_sample_duration
-      0x00, 0x00, 0x00, 0x00, // default_sample_size
-      0x00, 0x01, 0x00, 0x01 // default_sample_flags
-      ]); // the last two bytes of default_sample_flags is the sample
-      // degradation priority, a hint about the importance of this sample
-      // relative to others. Lower the degradation priority for all sample
-      // types other than video.
-
-      if (track.type !== 'video') {
-        result[result.length - 1] = 0x00;
-      }
-
-      return box(types.trex, result);
-    };
-
-    (function () {
-      var audioTrun, videoTrun, trunHeader; // This method assumes all samples are uniform. That is, if a
-      // duration is present for the first sample, it will be present for
-      // all subsequent samples.
-      // see ISO/IEC 14496-12:2012, Section 8.8.8.1
-
-      trunHeader = function trunHeader(samples, offset) {
-        var durationPresent = 0,
-            sizePresent = 0,
-            flagsPresent = 0,
-            compositionTimeOffset = 0; // trun flag constants
-
-        if (samples.length) {
-          if (samples[0].duration !== undefined) {
-            durationPresent = 0x1;
-          }
-
-          if (samples[0].size !== undefined) {
-            sizePresent = 0x2;
-          }
-
-          if (samples[0].flags !== undefined) {
-            flagsPresent = 0x4;
-          }
-
-          if (samples[0].compositionTimeOffset !== undefined) {
-            compositionTimeOffset = 0x8;
-          }
-        }
-
-        return [0x00, // version 0
-        0x00, durationPresent | sizePresent | flagsPresent | compositionTimeOffset, 0x01, // flags
-        (samples.length & 0xFF000000) >>> 24, (samples.length & 0xFF0000) >>> 16, (samples.length & 0xFF00) >>> 8, samples.length & 0xFF, // sample_count
-        (offset & 0xFF000000) >>> 24, (offset & 0xFF0000) >>> 16, (offset & 0xFF00) >>> 8, offset & 0xFF // data_offset
-        ];
-      };
-
-      videoTrun = function videoTrun(track, offset) {
-        var bytes, samples, sample, i;
-        samples = track.samples || [];
-        offset += 8 + 12 + 16 * samples.length;
-        bytes = trunHeader(samples, offset);
-
-        for (i = 0; i < samples.length; i++) {
-          sample = samples[i];
-          bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
-          (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF, // sample_size
-          sample.flags.isLeading << 2 | sample.flags.dependsOn, sample.flags.isDependedOn << 6 | sample.flags.hasRedundancy << 4 | sample.flags.paddingValue << 1 | sample.flags.isNonSyncSample, sample.flags.degradationPriority & 0xF0 << 8, sample.flags.degradationPriority & 0x0F, // sample_flags
-          (sample.compositionTimeOffset & 0xFF000000) >>> 24, (sample.compositionTimeOffset & 0xFF0000) >>> 16, (sample.compositionTimeOffset & 0xFF00) >>> 8, sample.compositionTimeOffset & 0xFF // sample_composition_time_offset
-          ]);
-        }
-
-        return box(types.trun, new Uint8Array(bytes));
-      };
-
-      audioTrun = function audioTrun(track, offset) {
-        var bytes, samples, sample, i;
-        samples = track.samples || [];
-        offset += 8 + 12 + 8 * samples.length;
-        bytes = trunHeader(samples, offset);
-
-        for (i = 0; i < samples.length; i++) {
-          sample = samples[i];
-          bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
-          (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF]); // sample_size
-        }
-
-        return box(types.trun, new Uint8Array(bytes));
-      };
-
-      trun = function trun(track, offset) {
-        if (track.type === 'audio') {
-          return audioTrun(track, offset);
-        }
-
-        return videoTrun(track, offset);
-      };
-    })();
-
-    var mp4Generator = {
-      ftyp: ftyp,
-      mdat: mdat,
-      moof: moof,
-      moov: moov,
-      initSegment: function initSegment(tracks) {
-        var fileType = ftyp(),
-            movie = moov(tracks),
-            result;
-        result = new Uint8Array(fileType.byteLength + movie.byteLength);
-        result.set(fileType);
-        result.set(movie, fileType.byteLength);
-        return result;
-      }
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-    // Convert an array of nal units into an array of frames with each frame being
-    // composed of the nal units that make up that frame
-    // Also keep track of cummulative data about the frame from the nal units such
-    // as the frame duration, starting pts, etc.
-
-    var groupNalsIntoFrames = function groupNalsIntoFrames(nalUnits) {
-      var i,
-          currentNal,
-          currentFrame = [],
-          frames = []; // TODO added for LHLS, make sure this is OK
-
-      frames.byteLength = 0;
-      frames.nalCount = 0;
-      frames.duration = 0;
-      currentFrame.byteLength = 0;
-
-      for (i = 0; i < nalUnits.length; i++) {
-        currentNal = nalUnits[i]; // Split on 'aud'-type nal units
-
-        if (currentNal.nalUnitType === 'access_unit_delimiter_rbsp') {
-          // Since the very first nal unit is expected to be an AUD
-          // only push to the frames array when currentFrame is not empty
-          if (currentFrame.length) {
-            currentFrame.duration = currentNal.dts - currentFrame.dts; // TODO added for LHLS, make sure this is OK
-
-            frames.byteLength += currentFrame.byteLength;
-            frames.nalCount += currentFrame.length;
-            frames.duration += currentFrame.duration;
-            frames.push(currentFrame);
-          }
-
-          currentFrame = [currentNal];
-          currentFrame.byteLength = currentNal.data.byteLength;
-          currentFrame.pts = currentNal.pts;
-          currentFrame.dts = currentNal.dts;
-        } else {
-          // Specifically flag key frames for ease of use later
-          if (currentNal.nalUnitType === 'slice_layer_without_partitioning_rbsp_idr') {
-            currentFrame.keyFrame = true;
-          }
-
-          currentFrame.duration = currentNal.dts - currentFrame.dts;
-          currentFrame.byteLength += currentNal.data.byteLength;
-          currentFrame.push(currentNal);
-        }
-      } // For the last frame, use the duration of the previous frame if we
-      // have nothing better to go on
-
-
-      if (frames.length && (!currentFrame.duration || currentFrame.duration <= 0)) {
-        currentFrame.duration = frames[frames.length - 1].duration;
-      } // Push the final frame
-      // TODO added for LHLS, make sure this is OK
-
-
-      frames.byteLength += currentFrame.byteLength;
-      frames.nalCount += currentFrame.length;
-      frames.duration += currentFrame.duration;
-      frames.push(currentFrame);
-      return frames;
-    }; // Convert an array of frames into an array of Gop with each Gop being composed
-    // of the frames that make up that Gop
-    // Also keep track of cummulative data about the Gop from the frames such as the
-    // Gop duration, starting pts, etc.
-
-
-    var groupFramesIntoGops = function groupFramesIntoGops(frames) {
-      var i,
-          currentFrame,
-          currentGop = [],
-          gops = []; // We must pre-set some of the values on the Gop since we
-      // keep running totals of these values
-
-      currentGop.byteLength = 0;
-      currentGop.nalCount = 0;
-      currentGop.duration = 0;
-      currentGop.pts = frames[0].pts;
-      currentGop.dts = frames[0].dts; // store some metadata about all the Gops
-
-      gops.byteLength = 0;
-      gops.nalCount = 0;
-      gops.duration = 0;
-      gops.pts = frames[0].pts;
-      gops.dts = frames[0].dts;
-
-      for (i = 0; i < frames.length; i++) {
-        currentFrame = frames[i];
-
-        if (currentFrame.keyFrame) {
-          // Since the very first frame is expected to be an keyframe
-          // only push to the gops array when currentGop is not empty
-          if (currentGop.length) {
-            gops.push(currentGop);
-            gops.byteLength += currentGop.byteLength;
-            gops.nalCount += currentGop.nalCount;
-            gops.duration += currentGop.duration;
-          }
-
-          currentGop = [currentFrame];
-          currentGop.nalCount = currentFrame.length;
-          currentGop.byteLength = currentFrame.byteLength;
-          currentGop.pts = currentFrame.pts;
-          currentGop.dts = currentFrame.dts;
-          currentGop.duration = currentFrame.duration;
-        } else {
-          currentGop.duration += currentFrame.duration;
-          currentGop.nalCount += currentFrame.length;
-          currentGop.byteLength += currentFrame.byteLength;
-          currentGop.push(currentFrame);
-        }
-      }
-
-      if (gops.length && currentGop.duration <= 0) {
-        currentGop.duration = gops[gops.length - 1].duration;
-      }
-
-      gops.byteLength += currentGop.byteLength;
-      gops.nalCount += currentGop.nalCount;
-      gops.duration += currentGop.duration; // push the final Gop
-
-      gops.push(currentGop);
-      return gops;
-    };
-    /*
-     * Search for the first keyframe in the GOPs and throw away all frames
-     * until that keyframe. Then extend the duration of the pulled keyframe
-     * and pull the PTS and DTS of the keyframe so that it covers the time
-     * range of the frames that were disposed.
-     *
-     * @param {Array} gops video GOPs
-     * @returns {Array} modified video GOPs
-     */
-
-
-    var extendFirstKeyFrame = function extendFirstKeyFrame(gops) {
-      var currentGop;
-
-      if (!gops[0][0].keyFrame && gops.length > 1) {
-        // Remove the first GOP
-        currentGop = gops.shift();
-        gops.byteLength -= currentGop.byteLength;
-        gops.nalCount -= currentGop.nalCount; // Extend the first frame of what is now the
-        // first gop to cover the time period of the
-        // frames we just removed
-
-        gops[0][0].dts = currentGop.dts;
-        gops[0][0].pts = currentGop.pts;
-        gops[0][0].duration += currentGop.duration;
-      }
-
-      return gops;
-    };
-    /**
-     * Default sample object
-     * see ISO/IEC 14496-12:2012, section 8.6.4.3
-     */
-
-
-    var createDefaultSample = function createDefaultSample() {
-      return {
-        size: 0,
-        flags: {
-          isLeading: 0,
-          dependsOn: 1,
-          isDependedOn: 0,
-          hasRedundancy: 0,
-          degradationPriority: 0,
-          isNonSyncSample: 1
-        }
-      };
-    };
-    /*
-     * Collates information from a video frame into an object for eventual
-     * entry into an MP4 sample table.
-     *
-     * @param {Object} frame the video frame
-     * @param {Number} dataOffset the byte offset to position the sample
-     * @return {Object} object containing sample table info for a frame
-     */
-
-
-    var sampleForFrame = function sampleForFrame(frame, dataOffset) {
-      var sample = createDefaultSample();
-      sample.dataOffset = dataOffset;
-      sample.compositionTimeOffset = frame.pts - frame.dts;
-      sample.duration = frame.duration;
-      sample.size = 4 * frame.length; // Space for nal unit size
-
-      sample.size += frame.byteLength;
-
-      if (frame.keyFrame) {
-        sample.flags.dependsOn = 2;
-        sample.flags.isNonSyncSample = 0;
-      }
-
-      return sample;
-    }; // generate the track's sample table from an array of gops
-
-
-    var generateSampleTable = function generateSampleTable(gops, baseDataOffset) {
-      var h,
-          i,
-          sample,
-          currentGop,
-          currentFrame,
-          dataOffset = baseDataOffset || 0,
-          samples = [];
-
-      for (h = 0; h < gops.length; h++) {
-        currentGop = gops[h];
-
-        for (i = 0; i < currentGop.length; i++) {
-          currentFrame = currentGop[i];
-          sample = sampleForFrame(currentFrame, dataOffset);
-          dataOffset += sample.size;
-          samples.push(sample);
-        }
-      }
-
-      return samples;
-    }; // generate the track's raw mdat data from an array of gops
-
-
-    var concatenateNalData = function concatenateNalData(gops) {
-      var h,
-          i,
-          j,
-          currentGop,
-          currentFrame,
-          currentNal,
-          dataOffset = 0,
-          nalsByteLength = gops.byteLength,
-          numberOfNals = gops.nalCount,
-          totalByteLength = nalsByteLength + 4 * numberOfNals,
-          data = new Uint8Array(totalByteLength),
-          view = new DataView(data.buffer); // For each Gop..
-
-      for (h = 0; h < gops.length; h++) {
-        currentGop = gops[h]; // For each Frame..
-
-        for (i = 0; i < currentGop.length; i++) {
-          currentFrame = currentGop[i]; // For each NAL..
-
-          for (j = 0; j < currentFrame.length; j++) {
-            currentNal = currentFrame[j];
-            view.setUint32(dataOffset, currentNal.data.byteLength);
-            dataOffset += 4;
-            data.set(currentNal.data, dataOffset);
-            dataOffset += currentNal.data.byteLength;
-          }
-        }
-      }
-
-      return data;
-    }; // generate the track's sample table from a frame
-
-
-    var generateSampleTableForFrame = function generateSampleTableForFrame(frame, baseDataOffset) {
-      var sample,
-          dataOffset = baseDataOffset || 0,
-          samples = [];
-      sample = sampleForFrame(frame, dataOffset);
-      samples.push(sample);
-      return samples;
-    }; // generate the track's raw mdat data from a frame
-
-
-    var concatenateNalDataForFrame = function concatenateNalDataForFrame(frame) {
-      var i,
-          currentNal,
-          dataOffset = 0,
-          nalsByteLength = frame.byteLength,
-          numberOfNals = frame.length,
-          totalByteLength = nalsByteLength + 4 * numberOfNals,
-          data = new Uint8Array(totalByteLength),
-          view = new DataView(data.buffer); // For each NAL..
-
-      for (i = 0; i < frame.length; i++) {
-        currentNal = frame[i];
-        view.setUint32(dataOffset, currentNal.data.byteLength);
-        dataOffset += 4;
-        data.set(currentNal.data, dataOffset);
-        dataOffset += currentNal.data.byteLength;
-      }
-
-      return data;
-    };
-
-    var frameUtils = {
-      groupNalsIntoFrames: groupNalsIntoFrames,
-      groupFramesIntoGops: groupFramesIntoGops,
-      extendFirstKeyFrame: extendFirstKeyFrame,
-      generateSampleTable: generateSampleTable,
-      concatenateNalData: concatenateNalData,
-      generateSampleTableForFrame: generateSampleTableForFrame,
-      concatenateNalDataForFrame: concatenateNalDataForFrame
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var highPrefix = [33, 16, 5, 32, 164, 27];
-    var lowPrefix = [33, 65, 108, 84, 1, 2, 4, 8, 168, 2, 4, 8, 17, 191, 252];
-
-    var zeroFill = function zeroFill(count) {
-      var a = [];
-
-      while (count--) {
-        a.push(0);
-      }
-
-      return a;
-    };
-
-    var makeTable = function makeTable(metaTable) {
-      return Object.keys(metaTable).reduce(function (obj, key) {
-        obj[key] = new Uint8Array(metaTable[key].reduce(function (arr, part) {
-          return arr.concat(part);
-        }, []));
-        return obj;
-      }, {});
-    }; // Frames-of-silence to use for filling in missing AAC frames
-
-
-    var coneOfSilence = {
-      96000: [highPrefix, [227, 64], zeroFill(154), [56]],
-      88200: [highPrefix, [231], zeroFill(170), [56]],
-      64000: [highPrefix, [248, 192], zeroFill(240), [56]],
-      48000: [highPrefix, [255, 192], zeroFill(268), [55, 148, 128], zeroFill(54), [112]],
-      44100: [highPrefix, [255, 192], zeroFill(268), [55, 163, 128], zeroFill(84), [112]],
-      32000: [highPrefix, [255, 192], zeroFill(268), [55, 234], zeroFill(226), [112]],
-      24000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 112], zeroFill(126), [224]],
-      16000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 255], zeroFill(269), [223, 108], zeroFill(195), [1, 192]],
-      12000: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 253, 128], zeroFill(259), [56]],
-      11025: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 255, 192], zeroFill(268), [55, 175, 128], zeroFill(108), [112]],
-      8000: [lowPrefix, zeroFill(268), [3, 121, 16], zeroFill(47), [7]]
-    };
-    var silence = makeTable(coneOfSilence);
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var ONE_SECOND_IN_TS = 90000,
-        // 90kHz clock
-    secondsToVideoTs,
-        secondsToAudioTs,
-        videoTsToSeconds,
-        audioTsToSeconds,
-        audioTsToVideoTs,
-        videoTsToAudioTs,
-        metadataTsToSeconds;
-
-    secondsToVideoTs = function secondsToVideoTs(seconds) {
-      return seconds * ONE_SECOND_IN_TS;
-    };
-
-    secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
-      return seconds * sampleRate;
-    };
-
-    videoTsToSeconds = function videoTsToSeconds(timestamp) {
-      return timestamp / ONE_SECOND_IN_TS;
-    };
-
-    audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
-      return timestamp / sampleRate;
-    };
-
-    audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
-      return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
-    };
-
-    videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
-      return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
-    };
-    /**
-     * Adjust ID3 tag or caption timing information by the timeline pts values
-     * (if keepOriginalTimestamps is false) and convert to seconds
-     */
-
-
-    metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
-      return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
-    };
-
-    var clock = {
-      ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
-      secondsToVideoTs: secondsToVideoTs,
-      secondsToAudioTs: secondsToAudioTs,
-      videoTsToSeconds: videoTsToSeconds,
-      audioTsToSeconds: audioTsToSeconds,
-      audioTsToVideoTs: audioTsToVideoTs,
-      videoTsToAudioTs: videoTsToAudioTs,
-      metadataTsToSeconds: metadataTsToSeconds
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    /**
-     * Sum the `byteLength` properties of the data in each AAC frame
-     */
-
-    var sumFrameByteLengths = function sumFrameByteLengths(array) {
-      var i,
-          currentObj,
-          sum = 0; // sum the byteLength's all each nal unit in the frame
-
-      for (i = 0; i < array.length; i++) {
-        currentObj = array[i];
-        sum += currentObj.data.byteLength;
-      }
-
-      return sum;
-    }; // Possibly pad (prefix) the audio track with silence if appending this track
-    // would lead to the introduction of a gap in the audio buffer
-
-
-    var prefixWithSilence = function prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime) {
-      var baseMediaDecodeTimeTs,
-          frameDuration = 0,
-          audioGapDuration = 0,
-          audioFillFrameCount = 0,
-          audioFillDuration = 0,
-          silentFrame,
-          i,
-          firstFrame;
-
-      if (!frames.length) {
-        return;
-      }
-
-      baseMediaDecodeTimeTs = clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate); // determine frame clock duration based on sample rate, round up to avoid overfills
-
-      frameDuration = Math.ceil(clock.ONE_SECOND_IN_TS / (track.samplerate / 1024));
-
-      if (audioAppendStartTs && videoBaseMediaDecodeTime) {
-        // insert the shortest possible amount (audio gap or audio to video gap)
-        audioGapDuration = baseMediaDecodeTimeTs - Math.max(audioAppendStartTs, videoBaseMediaDecodeTime); // number of full frames in the audio gap
-
-        audioFillFrameCount = Math.floor(audioGapDuration / frameDuration);
-        audioFillDuration = audioFillFrameCount * frameDuration;
-      } // don't attempt to fill gaps smaller than a single frame or larger
-      // than a half second
-
-
-      if (audioFillFrameCount < 1 || audioFillDuration > clock.ONE_SECOND_IN_TS / 2) {
-        return;
-      }
-
-      silentFrame = silence[track.samplerate];
-
-      if (!silentFrame) {
-        // we don't have a silent frame pregenerated for the sample rate, so use a frame
-        // from the content instead
-        silentFrame = frames[0].data;
-      }
-
-      for (i = 0; i < audioFillFrameCount; i++) {
-        firstFrame = frames[0];
-        frames.splice(0, 0, {
-          data: silentFrame,
-          dts: firstFrame.dts - frameDuration,
-          pts: firstFrame.pts - frameDuration
-        });
-      }
-
-      track.baseMediaDecodeTime -= Math.floor(clock.videoTsToAudioTs(audioFillDuration, track.samplerate));
-    }; // If the audio segment extends before the earliest allowed dts
-    // value, remove AAC frames until starts at or after the earliest
-    // allowed DTS so that we don't end up with a negative baseMedia-
-    // DecodeTime for the audio track
-
-
-    var trimAdtsFramesByEarliestDts = function trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts) {
-      if (track.minSegmentDts >= earliestAllowedDts) {
-        return adtsFrames;
-      } // We will need to recalculate the earliest segment Dts
-
-
-      track.minSegmentDts = Infinity;
-      return adtsFrames.filter(function (currentFrame) {
-        // If this is an allowed frame, keep it and record it's Dts
-        if (currentFrame.dts >= earliestAllowedDts) {
-          track.minSegmentDts = Math.min(track.minSegmentDts, currentFrame.dts);
-          track.minSegmentPts = track.minSegmentDts;
-          return true;
-        } // Otherwise, discard it
-
-
-        return false;
-      });
-    }; // generate the track's raw mdat data from an array of frames
-
-
-    var generateSampleTable$1 = function generateSampleTable(frames) {
-      var i,
-          currentFrame,
-          samples = [];
-
-      for (i = 0; i < frames.length; i++) {
-        currentFrame = frames[i];
-        samples.push({
-          size: currentFrame.data.byteLength,
-          duration: 1024 // For AAC audio, all samples contain 1024 samples
-
-        });
-      }
-
-      return samples;
-    }; // generate the track's sample table from an array of frames
-
-
-    var concatenateFrameData = function concatenateFrameData(frames) {
-      var i,
-          currentFrame,
-          dataOffset = 0,
-          data = new Uint8Array(sumFrameByteLengths(frames));
-
-      for (i = 0; i < frames.length; i++) {
-        currentFrame = frames[i];
-        data.set(currentFrame.data, dataOffset);
-        dataOffset += currentFrame.data.byteLength;
-      }
-
-      return data;
-    };
-
-    var audioFrameUtils = {
-      prefixWithSilence: prefixWithSilence,
-      trimAdtsFramesByEarliestDts: trimAdtsFramesByEarliestDts,
-      generateSampleTable: generateSampleTable$1,
-      concatenateFrameData: concatenateFrameData
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS;
-    /**
-     * Store information about the start and end of the track and the
-     * duration for each frame/sample we process in order to calculate
-     * the baseMediaDecodeTime
-     */
-
-    var collectDtsInfo = function collectDtsInfo(track, data) {
-      if (typeof data.pts === 'number') {
-        if (track.timelineStartInfo.pts === undefined) {
-          track.timelineStartInfo.pts = data.pts;
-        }
-
-        if (track.minSegmentPts === undefined) {
-          track.minSegmentPts = data.pts;
-        } else {
-          track.minSegmentPts = Math.min(track.minSegmentPts, data.pts);
-        }
-
-        if (track.maxSegmentPts === undefined) {
-          track.maxSegmentPts = data.pts;
-        } else {
-          track.maxSegmentPts = Math.max(track.maxSegmentPts, data.pts);
-        }
-      }
-
-      if (typeof data.dts === 'number') {
-        if (track.timelineStartInfo.dts === undefined) {
-          track.timelineStartInfo.dts = data.dts;
-        }
-
-        if (track.minSegmentDts === undefined) {
-          track.minSegmentDts = data.dts;
-        } else {
-          track.minSegmentDts = Math.min(track.minSegmentDts, data.dts);
-        }
-
-        if (track.maxSegmentDts === undefined) {
-          track.maxSegmentDts = data.dts;
-        } else {
-          track.maxSegmentDts = Math.max(track.maxSegmentDts, data.dts);
-        }
-      }
-    };
-    /**
-     * Clear values used to calculate the baseMediaDecodeTime between
-     * tracks
-     */
-
-
-    var clearDtsInfo = function clearDtsInfo(track) {
-      delete track.minSegmentDts;
-      delete track.maxSegmentDts;
-      delete track.minSegmentPts;
-      delete track.maxSegmentPts;
-    };
-    /**
-     * Calculate the track's baseMediaDecodeTime based on the earliest
-     * DTS the transmuxer has ever seen and the minimum DTS for the
-     * current track
-     * @param track {object} track metadata configuration
-     * @param keepOriginalTimestamps {boolean} If true, keep the timestamps
-     *        in the source; false to adjust the first segment to start at 0.
-     */
-
-
-    var calculateTrackBaseMediaDecodeTime = function calculateTrackBaseMediaDecodeTime(track, keepOriginalTimestamps) {
-      var baseMediaDecodeTime,
-          scale,
-          minSegmentDts = track.minSegmentDts; // Optionally adjust the time so the first segment starts at zero.
-
-      if (!keepOriginalTimestamps) {
-        minSegmentDts -= track.timelineStartInfo.dts;
-      } // track.timelineStartInfo.baseMediaDecodeTime is the location, in time, where
-      // we want the start of the first segment to be placed
-
-
-      baseMediaDecodeTime = track.timelineStartInfo.baseMediaDecodeTime; // Add to that the distance this segment is from the very first
-
-      baseMediaDecodeTime += minSegmentDts; // baseMediaDecodeTime must not become negative
-
-      baseMediaDecodeTime = Math.max(0, baseMediaDecodeTime);
-
-      if (track.type === 'audio') {
-        // Audio has a different clock equal to the sampling_rate so we need to
-        // scale the PTS values into the clock rate of the track
-        scale = track.samplerate / ONE_SECOND_IN_TS$1;
-        baseMediaDecodeTime *= scale;
-        baseMediaDecodeTime = Math.floor(baseMediaDecodeTime);
-      }
-
-      return baseMediaDecodeTime;
-    };
-
-    var trackDecodeInfo = {
-      clearDtsInfo: clearDtsInfo,
-      calculateTrackBaseMediaDecodeTime: calculateTrackBaseMediaDecodeTime,
-      collectDtsInfo: collectDtsInfo
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     *
-     * Reads in-band caption information from a video elementary
-     * stream. Captions must follow the CEA-708 standard for injection
-     * into an MPEG-2 transport streams.
-     * @see https://en.wikipedia.org/wiki/CEA-708
-     * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
-     */
-    // Supplemental enhancement information (SEI) NAL units have a
-    // payload type field to indicate how they are to be
-    // interpreted. CEAS-708 caption content is always transmitted with
-    // payload type 0x04.
-
-    var USER_DATA_REGISTERED_ITU_T_T35 = 4,
-        RBSP_TRAILING_BITS = 128;
-    /**
-      * Parse a supplemental enhancement information (SEI) NAL unit.
-      * Stops parsing once a message of type ITU T T35 has been found.
-      *
-      * @param bytes {Uint8Array} the bytes of a SEI NAL unit
-      * @return {object} the parsed SEI payload
-      * @see Rec. ITU-T H.264, 7.3.2.3.1
-      */
-
-    var parseSei = function parseSei(bytes) {
-      var i = 0,
-          result = {
-        payloadType: -1,
-        payloadSize: 0
-      },
-          payloadType = 0,
-          payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
-
-      while (i < bytes.byteLength) {
-        // stop once we have hit the end of the sei_rbsp
-        if (bytes[i] === RBSP_TRAILING_BITS) {
-          break;
-        } // Parse payload type
-
-
-        while (bytes[i] === 0xFF) {
-          payloadType += 255;
-          i++;
-        }
-
-        payloadType += bytes[i++]; // Parse payload size
-
-        while (bytes[i] === 0xFF) {
-          payloadSize += 255;
-          i++;
-        }
-
-        payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
-        // there can only ever be one caption message in a frame's sei
-
-        if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
-          result.payloadType = payloadType;
-          result.payloadSize = payloadSize;
-          result.payload = bytes.subarray(i, i + payloadSize);
-          break;
-        } // skip the payload and parse the next message
-
-
-        i += payloadSize;
-        payloadType = 0;
-        payloadSize = 0;
-      }
-
-      return result;
-    }; // see ANSI/SCTE 128-1 (2013), section 8.1
-
-
-    var parseUserData = function parseUserData(sei) {
-      // itu_t_t35_contry_code must be 181 (United States) for
-      // captions
-      if (sei.payload[0] !== 181) {
-        return null;
-      } // itu_t_t35_provider_code should be 49 (ATSC) for captions
-
-
-      if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
-        return null;
-      } // the user_identifier should be "GA94" to indicate ATSC1 data
-
-
-      if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
-        return null;
-      } // finally, user_data_type_code should be 0x03 for caption data
-
-
-      if (sei.payload[7] !== 0x03) {
-        return null;
-      } // return the user_data_type_structure and strip the trailing
-      // marker bits
-
-
-      return sei.payload.subarray(8, sei.payload.length - 1);
-    }; // see CEA-708-D, section 4.4
-
-
-    var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
-      var results = [],
-          i,
-          count,
-          offset,
-          data; // if this is just filler, return immediately
-
-      if (!(userData[0] & 0x40)) {
-        return results;
-      } // parse out the cc_data_1 and cc_data_2 fields
-
-
-      count = userData[0] & 0x1f;
-
-      for (i = 0; i < count; i++) {
-        offset = i * 3;
-        data = {
-          type: userData[offset + 2] & 0x03,
-          pts: pts
-        }; // capture cc data when cc_valid is 1
-
-        if (userData[offset + 2] & 0x04) {
-          data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
-          results.push(data);
-        }
-      }
-
-      return results;
-    };
-
-    var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-      var length = data.byteLength,
-          emulationPreventionBytesPositions = [],
-          i = 1,
-          newLength,
-          newData; // Find all `Emulation Prevention Bytes`
-
-      while (i < length - 2) {
-        if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-          emulationPreventionBytesPositions.push(i + 2);
-          i += 2;
-        } else {
-          i++;
-        }
-      } // If no Emulation Prevention Bytes were found just return the original
-      // array
-
-
-      if (emulationPreventionBytesPositions.length === 0) {
-        return data;
-      } // Create a new array to hold the NAL unit data
-
-
-      newLength = length - emulationPreventionBytesPositions.length;
-      newData = new Uint8Array(newLength);
-      var sourceIndex = 0;
-
-      for (i = 0; i < newLength; sourceIndex++, i++) {
-        if (sourceIndex === emulationPreventionBytesPositions[0]) {
-          // Skip this byte
-          sourceIndex++; // Remove this position index
-
-          emulationPreventionBytesPositions.shift();
-        }
-
-        newData[i] = data[sourceIndex];
-      }
-
-      return newData;
-    }; // exports
-
-
-    var captionPacketParser = {
-      parseSei: parseSei,
-      parseUserData: parseUserData,
-      parseCaptionPackets: parseCaptionPackets,
-      discardEmulationPreventionBytes: discardEmulationPreventionBytes,
-      USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
-    }; // -----------------
-    // Link To Transport
-    // -----------------
-
-    var CaptionStream = function CaptionStream() {
-      CaptionStream.prototype.init.call(this);
-      this.captionPackets_ = [];
-      this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
-      new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
-      new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
-      new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
-      ];
-      this.reset(); // forward data and done events from CCs to this CaptionStream
-
-      this.ccStreams_.forEach(function (cc) {
-        cc.on('data', this.trigger.bind(this, 'data'));
-        cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
-        cc.on('done', this.trigger.bind(this, 'done'));
-      }, this);
-    };
-
-    CaptionStream.prototype = new stream();
-
-    CaptionStream.prototype.push = function (event) {
-      var sei, userData, newCaptionPackets; // only examine SEI NALs
-
-      if (event.nalUnitType !== 'sei_rbsp') {
-        return;
-      } // parse the sei
-
-
-      sei = captionPacketParser.parseSei(event.escapedRBSP); // ignore everything but user_data_registered_itu_t_t35
-
-      if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
-        return;
-      } // parse out the user data payload
-
-
-      userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
-
-      if (!userData) {
-        return;
-      } // Sometimes, the same segment # will be downloaded twice. To stop the
-      // caption data from being processed twice, we track the latest dts we've
-      // received and ignore everything with a dts before that. However, since
-      // data for a specific dts can be split across packets on either side of
-      // a segment boundary, we need to make sure we *don't* ignore the packets
-      // from the *next* segment that have dts === this.latestDts_. By constantly
-      // tracking the number of packets received with dts === this.latestDts_, we
-      // know how many should be ignored once we start receiving duplicates.
-
-
-      if (event.dts < this.latestDts_) {
-        // We've started getting older data, so set the flag.
-        this.ignoreNextEqualDts_ = true;
-        return;
-      } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
-        this.numSameDts_--;
-
-        if (!this.numSameDts_) {
-          // We've received the last duplicate packet, time to start processing again
-          this.ignoreNextEqualDts_ = false;
-        }
-
-        return;
-      } // parse out CC data packets and save them for later
-
-
-      newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
-      this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
-
-      if (this.latestDts_ !== event.dts) {
-        this.numSameDts_ = 0;
-      }
-
-      this.numSameDts_++;
-      this.latestDts_ = event.dts;
-    };
-
-    CaptionStream.prototype.flushCCStreams = function (flushType) {
-      this.ccStreams_.forEach(function (cc) {
-        return flushType === 'flush' ? cc.flush() : cc.partialFlush();
-      }, this);
-    };
-
-    CaptionStream.prototype.flushStream = function (flushType) {
-      // make sure we actually parsed captions before proceeding
-      if (!this.captionPackets_.length) {
-        this.flushCCStreams(flushType);
-        return;
-      } // In Chrome, the Array#sort function is not stable so add a
-      // presortIndex that we can use to ensure we get a stable-sort
-
-
-      this.captionPackets_.forEach(function (elem, idx) {
-        elem.presortIndex = idx;
-      }); // sort caption byte-pairs based on their PTS values
-
-      this.captionPackets_.sort(function (a, b) {
-        if (a.pts === b.pts) {
-          return a.presortIndex - b.presortIndex;
-        }
-
-        return a.pts - b.pts;
-      });
-      this.captionPackets_.forEach(function (packet) {
-        if (packet.type < 2) {
-          // Dispatch packet to the right Cea608Stream
-          this.dispatchCea608Packet(packet);
-        } // this is where an 'else' would go for a dispatching packets
-        // to a theoretical Cea708Stream that handles SERVICEn data
-
-      }, this);
-      this.captionPackets_.length = 0;
-      this.flushCCStreams(flushType);
-    };
-
-    CaptionStream.prototype.flush = function () {
-      return this.flushStream('flush');
-    }; // Only called if handling partial data
-
-
-    CaptionStream.prototype.partialFlush = function () {
-      return this.flushStream('partialFlush');
-    };
-
-    CaptionStream.prototype.reset = function () {
-      this.latestDts_ = null;
-      this.ignoreNextEqualDts_ = false;
-      this.numSameDts_ = 0;
-      this.activeCea608Channel_ = [null, null];
-      this.ccStreams_.forEach(function (ccStream) {
-        ccStream.reset();
-      });
-    }; // From the CEA-608 spec:
-
-    /*
-     * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
-     * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
-     * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
-     * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
-     * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
-     * to switch to captioning or Text.
-    */
-    // With that in mind, we ignore any data between an XDS control code and a
-    // subsequent closed-captioning control code.
-
-
-    CaptionStream.prototype.dispatchCea608Packet = function (packet) {
-      // NOTE: packet.type is the CEA608 field
-      if (this.setsTextOrXDSActive(packet)) {
-        this.activeCea608Channel_[packet.type] = null;
-      } else if (this.setsChannel1Active(packet)) {
-        this.activeCea608Channel_[packet.type] = 0;
-      } else if (this.setsChannel2Active(packet)) {
-        this.activeCea608Channel_[packet.type] = 1;
-      }
-
-      if (this.activeCea608Channel_[packet.type] === null) {
-        // If we haven't received anything to set the active channel, or the
-        // packets are Text/XDS data, discard the data; we don't want jumbled
-        // captions
-        return;
-      }
-
-      this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
-    };
-
-    CaptionStream.prototype.setsChannel1Active = function (packet) {
-      return (packet.ccData & 0x7800) === 0x1000;
-    };
-
-    CaptionStream.prototype.setsChannel2Active = function (packet) {
-      return (packet.ccData & 0x7800) === 0x1800;
-    };
-
-    CaptionStream.prototype.setsTextOrXDSActive = function (packet) {
-      return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
-    }; // ----------------------
-    // Session to Application
-    // ----------------------
-    // This hash maps non-ASCII, special, and extended character codes to their
-    // proper Unicode equivalent. The first keys that are only a single byte
-    // are the non-standard ASCII characters, which simply map the CEA608 byte
-    // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
-    // character codes, but have their MSB bitmasked with 0x03 so that a lookup
-    // can be performed regardless of the field and data channel on which the
-    // character code was received.
-
-
-    var CHARACTER_TRANSLATION = {
-      0x2a: 0xe1,
-      // á
-      0x5c: 0xe9,
-      // é
-      0x5e: 0xed,
-      // í
-      0x5f: 0xf3,
-      // ó
-      0x60: 0xfa,
-      // ú
-      0x7b: 0xe7,
-      // ç
-      0x7c: 0xf7,
-      // ÷
-      0x7d: 0xd1,
-      // Ñ
-      0x7e: 0xf1,
-      // ñ
-      0x7f: 0x2588,
-      // █
-      0x0130: 0xae,
-      // ®
-      0x0131: 0xb0,
-      // °
-      0x0132: 0xbd,
-      // ½
-      0x0133: 0xbf,
-      // ¿
-      0x0134: 0x2122,
-      // ™
-      0x0135: 0xa2,
-      // ¢
-      0x0136: 0xa3,
-      // £
-      0x0137: 0x266a,
-      // ♪
-      0x0138: 0xe0,
-      // à
-      0x0139: 0xa0,
-      //
-      0x013a: 0xe8,
-      // è
-      0x013b: 0xe2,
-      // â
-      0x013c: 0xea,
-      // ê
-      0x013d: 0xee,
-      // î
-      0x013e: 0xf4,
-      // ô
-      0x013f: 0xfb,
-      // û
-      0x0220: 0xc1,
-      // Á
-      0x0221: 0xc9,
-      // É
-      0x0222: 0xd3,
-      // Ó
-      0x0223: 0xda,
-      // Ú
-      0x0224: 0xdc,
-      // Ü
-      0x0225: 0xfc,
-      // ü
-      0x0226: 0x2018,
-      // ‘
-      0x0227: 0xa1,
-      // ¡
-      0x0228: 0x2a,
-      // *
-      0x0229: 0x27,
-      // '
-      0x022a: 0x2014,
-      // —
-      0x022b: 0xa9,
-      // ©
-      0x022c: 0x2120,
-      // ℠
-      0x022d: 0x2022,
-      // •
-      0x022e: 0x201c,
-      // “
-      0x022f: 0x201d,
-      // ”
-      0x0230: 0xc0,
-      // À
-      0x0231: 0xc2,
-      // Â
-      0x0232: 0xc7,
-      // Ç
-      0x0233: 0xc8,
-      // È
-      0x0234: 0xca,
-      // Ê
-      0x0235: 0xcb,
-      // Ë
-      0x0236: 0xeb,
-      // ë
-      0x0237: 0xce,
-      // Î
-      0x0238: 0xcf,
-      // Ï
-      0x0239: 0xef,
-      // ï
-      0x023a: 0xd4,
-      // Ô
-      0x023b: 0xd9,
-      // Ù
-      0x023c: 0xf9,
-      // ù
-      0x023d: 0xdb,
-      // Û
-      0x023e: 0xab,
-      // «
-      0x023f: 0xbb,
-      // »
-      0x0320: 0xc3,
-      // Ã
-      0x0321: 0xe3,
-      // ã
-      0x0322: 0xcd,
-      // Í
-      0x0323: 0xcc,
-      // Ì
-      0x0324: 0xec,
-      // ì
-      0x0325: 0xd2,
-      // Ò
-      0x0326: 0xf2,
-      // ò
-      0x0327: 0xd5,
-      // Õ
-      0x0328: 0xf5,
-      // õ
-      0x0329: 0x7b,
-      // {
-      0x032a: 0x7d,
-      // }
-      0x032b: 0x5c,
-      // \
-      0x032c: 0x5e,
-      // ^
-      0x032d: 0x5f,
-      // _
-      0x032e: 0x7c,
-      // |
-      0x032f: 0x7e,
-      // ~
-      0x0330: 0xc4,
-      // Ä
-      0x0331: 0xe4,
-      // ä
-      0x0332: 0xd6,
-      // Ö
-      0x0333: 0xf6,
-      // ö
-      0x0334: 0xdf,
-      // ß
-      0x0335: 0xa5,
-      // ¥
-      0x0336: 0xa4,
-      // ¤
-      0x0337: 0x2502,
-      // │
-      0x0338: 0xc5,
-      // Å
-      0x0339: 0xe5,
-      // å
-      0x033a: 0xd8,
-      // Ø
-      0x033b: 0xf8,
-      // ø
-      0x033c: 0x250c,
-      // ┌
-      0x033d: 0x2510,
-      // ┐
-      0x033e: 0x2514,
-      // └
-      0x033f: 0x2518 // ┘
-
-    };
-
-    var getCharFromCode = function getCharFromCode(code) {
-      if (code === null) {
-        return '';
-      }
-
-      code = CHARACTER_TRANSLATION[code] || code;
-      return String.fromCharCode(code);
-    }; // the index of the last row in a CEA-608 display buffer
-
-
-    var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
-    // getting it through bit logic.
-
-    var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
-    // cells. The "bottom" row is the last element in the outer array.
-
-    var createDisplayBuffer = function createDisplayBuffer() {
-      var result = [],
-          i = BOTTOM_ROW + 1;
-
-      while (i--) {
-        result.push('');
-      }
-
-      return result;
-    };
-
-    var Cea608Stream = function Cea608Stream(field, dataChannel) {
-      Cea608Stream.prototype.init.call(this);
-      this.field_ = field || 0;
-      this.dataChannel_ = dataChannel || 0;
-      this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
-      this.setConstants();
-      this.reset();
-
-      this.push = function (packet) {
-        var data, swap, char0, char1, text; // remove the parity bits
-
-        data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
-
-        if (data === this.lastControlCode_) {
-          this.lastControlCode_ = null;
-          return;
-        } // Store control codes
-
-
-        if ((data & 0xf000) === 0x1000) {
-          this.lastControlCode_ = data;
-        } else if (data !== this.PADDING_) {
-          this.lastControlCode_ = null;
-        }
-
-        char0 = data >>> 8;
-        char1 = data & 0xff;
-
-        if (data === this.PADDING_) {
-          return;
-        } else if (data === this.RESUME_CAPTION_LOADING_) {
-          this.mode_ = 'popOn';
-        } else if (data === this.END_OF_CAPTION_) {
-          // If an EOC is received while in paint-on mode, the displayed caption
-          // text should be swapped to non-displayed memory as if it was a pop-on
-          // caption. Because of that, we should explicitly switch back to pop-on
-          // mode
-          this.mode_ = 'popOn';
-          this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
-
-          this.flushDisplayed(packet.pts); // flip memory
-
-          swap = this.displayed_;
-          this.displayed_ = this.nonDisplayed_;
-          this.nonDisplayed_ = swap; // start measuring the time to display the caption
-
-          this.startPts_ = packet.pts;
-        } else if (data === this.ROLL_UP_2_ROWS_) {
-          this.rollUpRows_ = 2;
-          this.setRollUp(packet.pts);
-        } else if (data === this.ROLL_UP_3_ROWS_) {
-          this.rollUpRows_ = 3;
-          this.setRollUp(packet.pts);
-        } else if (data === this.ROLL_UP_4_ROWS_) {
-          this.rollUpRows_ = 4;
-          this.setRollUp(packet.pts);
-        } else if (data === this.CARRIAGE_RETURN_) {
-          this.clearFormatting(packet.pts);
-          this.flushDisplayed(packet.pts);
-          this.shiftRowsUp_();
-          this.startPts_ = packet.pts;
-        } else if (data === this.BACKSPACE_) {
-          if (this.mode_ === 'popOn') {
-            this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-          } else {
-            this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-          }
-        } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
-          this.flushDisplayed(packet.pts);
-          this.displayed_ = createDisplayBuffer();
-        } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
-          this.nonDisplayed_ = createDisplayBuffer();
-        } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
-          if (this.mode_ !== 'paintOn') {
-            // NOTE: This should be removed when proper caption positioning is
-            // implemented
-            this.flushDisplayed(packet.pts);
-            this.displayed_ = createDisplayBuffer();
-          }
-
-          this.mode_ = 'paintOn';
-          this.startPts_ = packet.pts; // Append special characters to caption text
-        } else if (this.isSpecialCharacter(char0, char1)) {
-          // Bitmask char0 so that we can apply character transformations
-          // regardless of field and data channel.
-          // Then byte-shift to the left and OR with char1 so we can pass the
-          // entire character code to `getCharFromCode`.
-          char0 = (char0 & 0x03) << 8;
-          text = getCharFromCode(char0 | char1);
-          this[this.mode_](packet.pts, text);
-          this.column_++; // Append extended characters to caption text
-        } else if (this.isExtCharacter(char0, char1)) {
-          // Extended characters always follow their "non-extended" equivalents.
-          // IE if a "è" is desired, you'll always receive "eè"; non-compliant
-          // decoders are supposed to drop the "è", while compliant decoders
-          // backspace the "e" and insert "è".
-          // Delete the previous character
-          if (this.mode_ === 'popOn') {
-            this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-          } else {
-            this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-          } // Bitmask char0 so that we can apply character transformations
-          // regardless of field and data channel.
-          // Then byte-shift to the left and OR with char1 so we can pass the
-          // entire character code to `getCharFromCode`.
-
-
-          char0 = (char0 & 0x03) << 8;
-          text = getCharFromCode(char0 | char1);
-          this[this.mode_](packet.pts, text);
-          this.column_++; // Process mid-row codes
-        } else if (this.isMidRowCode(char0, char1)) {
-          // Attributes are not additive, so clear all formatting
-          this.clearFormatting(packet.pts); // According to the standard, mid-row codes
-          // should be replaced with spaces, so add one now
-
-          this[this.mode_](packet.pts, ' ');
-          this.column_++;
-
-          if ((char1 & 0xe) === 0xe) {
-            this.addFormatting(packet.pts, ['i']);
-          }
-
-          if ((char1 & 0x1) === 0x1) {
-            this.addFormatting(packet.pts, ['u']);
-          } // Detect offset control codes and adjust cursor
-
-        } else if (this.isOffsetControlCode(char0, char1)) {
-          // Cursor position is set by indent PAC (see below) in 4-column
-          // increments, with an additional offset code of 1-3 to reach any
-          // of the 32 columns specified by CEA-608. So all we need to do
-          // here is increment the column cursor by the given offset.
-          this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
-        } else if (this.isPAC(char0, char1)) {
-          // There's no logic for PAC -> row mapping, so we have to just
-          // find the row code in an array and use its index :(
-          var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
-
-          if (this.mode_ === 'rollUp') {
-            // This implies that the base row is incorrectly set.
-            // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
-            // of roll-up rows set.
-            if (row - this.rollUpRows_ + 1 < 0) {
-              row = this.rollUpRows_ - 1;
-            }
-
-            this.setRollUp(packet.pts, row);
-          }
-
-          if (row !== this.row_) {
-            // formatting is only persistent for current row
-            this.clearFormatting(packet.pts);
-            this.row_ = row;
-          } // All PACs can apply underline, so detect and apply
-          // (All odd-numbered second bytes set underline)
-
-
-          if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
-            this.addFormatting(packet.pts, ['u']);
-          }
-
-          if ((data & 0x10) === 0x10) {
-            // We've got an indent level code. Each successive even number
-            // increments the column cursor by 4, so we can get the desired
-            // column position by bit-shifting to the right (to get n/2)
-            // and multiplying by 4.
-            this.column_ = ((data & 0xe) >> 1) * 4;
-          }
-
-          if (this.isColorPAC(char1)) {
-            // it's a color code, though we only support white, which
-            // can be either normal or italicized. white italics can be
-            // either 0x4e or 0x6e depending on the row, so we just
-            // bitwise-and with 0xe to see if italics should be turned on
-            if ((char1 & 0xe) === 0xe) {
-              this.addFormatting(packet.pts, ['i']);
-            }
-          } // We have a normal character in char0, and possibly one in char1
-
-        } else if (this.isNormalChar(char0)) {
-          if (char1 === 0x00) {
-            char1 = null;
-          }
-
-          text = getCharFromCode(char0);
-          text += getCharFromCode(char1);
-          this[this.mode_](packet.pts, text);
-          this.column_ += text.length;
-        } // finish data processing
-
-      };
-    };
-
-    Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
-    // display buffer
-
-    Cea608Stream.prototype.flushDisplayed = function (pts) {
-      var content = this.displayed_ // remove spaces from the start and end of the string
-      .map(function (row) {
-        try {
-          return row.trim();
-        } catch (e) {
-          // Ordinarily, this shouldn't happen. However, caption
-          // parsing errors should not throw exceptions and
-          // break playback.
-          // eslint-disable-next-line no-console
-          console.error('Skipping malformed caption.');
-          return '';
-        }
-      }) // combine all text rows to display in one cue
-      .join('\n') // and remove blank rows from the start and end, but not the middle
-      .replace(/^\n+|\n+$/g, '');
-
-      if (content.length) {
-        this.trigger('data', {
-          startPts: this.startPts_,
-          endPts: pts,
-          text: content,
-          stream: this.name_
-        });
-      }
-    };
-    /**
-     * Zero out the data, used for startup and on seek
-     */
-
-
-    Cea608Stream.prototype.reset = function () {
-      this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
-      // actually display captions. If a caption is shifted to a row
-      // with a lower index than this, it is cleared from the display
-      // buffer
-
-      this.topRow_ = 0;
-      this.startPts_ = 0;
-      this.displayed_ = createDisplayBuffer();
-      this.nonDisplayed_ = createDisplayBuffer();
-      this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
-
-      this.column_ = 0;
-      this.row_ = BOTTOM_ROW;
-      this.rollUpRows_ = 2; // This variable holds currently-applied formatting
-
-      this.formatting_ = [];
-    };
-    /**
-     * Sets up control code and related constants for this instance
-     */
-
-
-    Cea608Stream.prototype.setConstants = function () {
-      // The following attributes have these uses:
-      // ext_ :    char0 for mid-row codes, and the base for extended
-      //           chars (ext_+0, ext_+1, and ext_+2 are char0s for
-      //           extended codes)
-      // control_: char0 for control codes, except byte-shifted to the
-      //           left so that we can do this.control_ | CONTROL_CODE
-      // offset_:  char0 for tab offset codes
-      //
-      // It's also worth noting that control codes, and _only_ control codes,
-      // differ between field 1 and field2. Field 2 control codes are always
-      // their field 1 value plus 1. That's why there's the "| field" on the
-      // control value.
-      if (this.dataChannel_ === 0) {
-        this.BASE_ = 0x10;
-        this.EXT_ = 0x11;
-        this.CONTROL_ = (0x14 | this.field_) << 8;
-        this.OFFSET_ = 0x17;
-      } else if (this.dataChannel_ === 1) {
-        this.BASE_ = 0x18;
-        this.EXT_ = 0x19;
-        this.CONTROL_ = (0x1c | this.field_) << 8;
-        this.OFFSET_ = 0x1f;
-      } // Constants for the LSByte command codes recognized by Cea608Stream. This
-      // list is not exhaustive. For a more comprehensive listing and semantics see
-      // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
-      // Padding
-
-
-      this.PADDING_ = 0x0000; // Pop-on Mode
-
-      this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
-      this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
-
-      this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
-      this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
-      this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
-      this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
-
-      this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
-
-      this.BACKSPACE_ = this.CONTROL_ | 0x21;
-      this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
-      this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
-    };
-    /**
-     * Detects if the 2-byte packet data is a special character
-     *
-     * Special characters have a second byte in the range 0x30 to 0x3f,
-     * with the first byte being 0x11 (for data channel 1) or 0x19 (for
-     * data channel 2).
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are an special character
-     */
-
-
-    Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
-      return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
-    };
-    /**
-     * Detects if the 2-byte packet data is an extended character
-     *
-     * Extended characters have a second byte in the range 0x20 to 0x3f,
-     * with the first byte being 0x12 or 0x13 (for data channel 1) or
-     * 0x1a or 0x1b (for data channel 2).
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are an extended character
-     */
-
-
-    Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
-      return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
-    };
-    /**
-     * Detects if the 2-byte packet is a mid-row code
-     *
-     * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
-     * the first byte being 0x11 (for data channel 1) or 0x19 (for data
-     * channel 2).
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are a mid-row code
-     */
-
-
-    Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
-      return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
-    };
-    /**
-     * Detects if the 2-byte packet is an offset control code
-     *
-     * Offset control codes have a second byte in the range 0x21 to 0x23,
-     * with the first byte being 0x17 (for data channel 1) or 0x1f (for
-     * data channel 2).
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are an offset control code
-     */
-
-
-    Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
-      return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
-    };
-    /**
-     * Detects if the 2-byte packet is a Preamble Address Code
-     *
-     * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
-     * or 0x18 to 0x1f (for data channel 2), with the second byte in the
-     * range 0x40 to 0x7f.
-     *
-     * @param  {Integer} char0 The first byte
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the 2 bytes are a PAC
-     */
-
-
-    Cea608Stream.prototype.isPAC = function (char0, char1) {
-      return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
-    };
-    /**
-     * Detects if a packet's second byte is in the range of a PAC color code
-     *
-     * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
-     * 0x60 to 0x6f.
-     *
-     * @param  {Integer} char1 The second byte
-     * @return {Boolean}       Whether the byte is a color PAC
-     */
-
-
-    Cea608Stream.prototype.isColorPAC = function (char1) {
-      return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
-    };
-    /**
-     * Detects if a single byte is in the range of a normal character
-     *
-     * Normal text bytes are in the range 0x20 to 0x7f.
-     *
-     * @param  {Integer} char  The byte
-     * @return {Boolean}       Whether the byte is a normal character
-     */
-
-
-    Cea608Stream.prototype.isNormalChar = function (_char) {
-      return _char >= 0x20 && _char <= 0x7f;
-    };
-    /**
-     * Configures roll-up
-     *
-     * @param  {Integer} pts         Current PTS
-     * @param  {Integer} newBaseRow  Used by PACs to slide the current window to
-     *                               a new position
-     */
-
-
-    Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
-      // Reset the base row to the bottom row when switching modes
-      if (this.mode_ !== 'rollUp') {
-        this.row_ = BOTTOM_ROW;
-        this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
-
-        this.flushDisplayed(pts);
-        this.nonDisplayed_ = createDisplayBuffer();
-        this.displayed_ = createDisplayBuffer();
-      }
-
-      if (newBaseRow !== undefined && newBaseRow !== this.row_) {
-        // move currently displayed captions (up or down) to the new base row
-        for (var i = 0; i < this.rollUpRows_; i++) {
-          this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
-          this.displayed_[this.row_ - i] = '';
-        }
-      }
-
-      if (newBaseRow === undefined) {
-        newBaseRow = this.row_;
-      }
-
-      this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
-    }; // Adds the opening HTML tag for the passed character to the caption text,
-    // and keeps track of it for later closing
-
-
-    Cea608Stream.prototype.addFormatting = function (pts, format) {
-      this.formatting_ = this.formatting_.concat(format);
-      var text = format.reduce(function (text, format) {
-        return text + '<' + format + '>';
-      }, '');
-      this[this.mode_](pts, text);
-    }; // Adds HTML closing tags for current formatting to caption text and
-    // clears remembered formatting
-
-
-    Cea608Stream.prototype.clearFormatting = function (pts) {
-      if (!this.formatting_.length) {
-        return;
-      }
-
-      var text = this.formatting_.reverse().reduce(function (text, format) {
-        return text + '</' + format + '>';
-      }, '');
-      this.formatting_ = [];
-      this[this.mode_](pts, text);
-    }; // Mode Implementations
-
-
-    Cea608Stream.prototype.popOn = function (pts, text) {
-      var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
-
-      baseRow += text;
-      this.nonDisplayed_[this.row_] = baseRow;
-    };
-
-    Cea608Stream.prototype.rollUp = function (pts, text) {
-      var baseRow = this.displayed_[this.row_];
-      baseRow += text;
-      this.displayed_[this.row_] = baseRow;
-    };
-
-    Cea608Stream.prototype.shiftRowsUp_ = function () {
-      var i; // clear out inactive rows
-
-      for (i = 0; i < this.topRow_; i++) {
-        this.displayed_[i] = '';
-      }
-
-      for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
-        this.displayed_[i] = '';
-      } // shift displayed rows up
-
-
-      for (i = this.topRow_; i < this.row_; i++) {
-        this.displayed_[i] = this.displayed_[i + 1];
-      } // clear out the bottom row
-
-
-      this.displayed_[this.row_] = '';
-    };
-
-    Cea608Stream.prototype.paintOn = function (pts, text) {
-      var baseRow = this.displayed_[this.row_];
-      baseRow += text;
-      this.displayed_[this.row_] = baseRow;
-    }; // exports
-
-
-    var captionStream = {
-      CaptionStream: CaptionStream,
-      Cea608Stream: Cea608Stream
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var streamTypes = {
-      H264_STREAM_TYPE: 0x1B,
-      ADTS_STREAM_TYPE: 0x0F,
-      METADATA_STREAM_TYPE: 0x15
-    };
-    var MAX_TS = 8589934592;
-    var RO_THRESH = 4294967296;
-    var TYPE_SHARED = 'shared';
-
-    var handleRollover = function handleRollover(value, reference) {
-      var direction = 1;
-
-      if (value > reference) {
-        // If the current timestamp value is greater than our reference timestamp and we detect a
-        // timestamp rollover, this means the roll over is happening in the opposite direction.
-        // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
-        // point will be set to a small number, e.g. 1. The user then seeks backwards over the
-        // rollover point. In loading this segment, the timestamp values will be very large,
-        // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
-        // the time stamp to be `value - 2^33`.
-        direction = -1;
-      } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
-      // cause an incorrect adjustment.
-
-
-      while (Math.abs(reference - value) > RO_THRESH) {
-        value += direction * MAX_TS;
-      }
-
-      return value;
-    };
-
-    var TimestampRolloverStream = function TimestampRolloverStream(type) {
-      var lastDTS, referenceDTS;
-      TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
-      // video and audio. We could use `undefined` here, but having a string
-      // makes debugging a little clearer.
-
-      this.type_ = type || TYPE_SHARED;
-
-      this.push = function (data) {
-        // Any "shared" rollover streams will accept _all_ data. Otherwise,
-        // streams will only accept data that matches their type.
-        if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
-          return;
-        }
-
-        if (referenceDTS === undefined) {
-          referenceDTS = data.dts;
-        }
-
-        data.dts = handleRollover(data.dts, referenceDTS);
-        data.pts = handleRollover(data.pts, referenceDTS);
-        lastDTS = data.dts;
-        this.trigger('data', data);
-      };
-
-      this.flush = function () {
-        referenceDTS = lastDTS;
-        this.trigger('done');
-      };
-
-      this.endTimeline = function () {
-        this.flush();
-        this.trigger('endedtimeline');
-      };
-
-      this.discontinuity = function () {
-        referenceDTS = void 0;
-        lastDTS = void 0;
-      };
-
-      this.reset = function () {
-        this.discontinuity();
-        this.trigger('reset');
-      };
-    };
-
-    TimestampRolloverStream.prototype = new stream();
-    var timestampRolloverStream = {
-      TimestampRolloverStream: TimestampRolloverStream,
-      handleRollover: handleRollover
-    };
-
-    var percentEncode = function percentEncode(bytes, start, end) {
-      var i,
-          result = '';
-
-      for (i = start; i < end; i++) {
-        result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-      }
-
-      return result;
-    },
-        // return the string representation of the specified byte range,
-    // interpreted as UTf-8.
-    parseUtf8 = function parseUtf8(bytes, start, end) {
-      return decodeURIComponent(percentEncode(bytes, start, end));
-    },
-        // return the string representation of the specified byte range,
-    // interpreted as ISO-8859-1.
-    parseIso88591 = function parseIso88591(bytes, start, end) {
-      return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
-    },
-        parseSyncSafeInteger = function parseSyncSafeInteger(data) {
-      return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-    },
-        tagParsers = {
-      TXXX: function TXXX(tag) {
-        var i;
-
-        if (tag.data[0] !== 3) {
-          // ignore frames with unrecognized character encodings
-          return;
-        }
-
-        for (i = 1; i < tag.data.length; i++) {
-          if (tag.data[i] === 0) {
-            // parse the text fields
-            tag.description = parseUtf8(tag.data, 1, i); // do not include the null terminator in the tag value
-
-            tag.value = parseUtf8(tag.data, i + 1, tag.data.length).replace(/\0*$/, '');
-            break;
-          }
-        }
-
-        tag.data = tag.value;
-      },
-      WXXX: function WXXX(tag) {
-        var i;
-
-        if (tag.data[0] !== 3) {
-          // ignore frames with unrecognized character encodings
-          return;
-        }
-
-        for (i = 1; i < tag.data.length; i++) {
-          if (tag.data[i] === 0) {
-            // parse the description and URL fields
-            tag.description = parseUtf8(tag.data, 1, i);
-            tag.url = parseUtf8(tag.data, i + 1, tag.data.length);
-            break;
-          }
-        }
-      },
-      PRIV: function PRIV(tag) {
-        var i;
-
-        for (i = 0; i < tag.data.length; i++) {
-          if (tag.data[i] === 0) {
-            // parse the description and URL fields
-            tag.owner = parseIso88591(tag.data, 0, i);
-            break;
-          }
-        }
-
-        tag.privateData = tag.data.subarray(i + 1);
-        tag.data = tag.privateData;
-      }
-    },
-        _MetadataStream;
-
-    _MetadataStream = function MetadataStream(options) {
-      var settings = {
-        debug: !!(options && options.debug),
-        // the bytes of the program-level descriptor field in MP2T
-        // see ISO/IEC 13818-1:2013 (E), section 2.6 "Program and
-        // program element descriptors"
-        descriptor: options && options.descriptor
-      },
-          // the total size in bytes of the ID3 tag being parsed
-      tagSize = 0,
-          // tag data that is not complete enough to be parsed
-      buffer = [],
-          // the total number of bytes currently in the buffer
-      bufferSize = 0,
-          i;
-
-      _MetadataStream.prototype.init.call(this); // calculate the text track in-band metadata track dispatch type
-      // https://html.spec.whatwg.org/multipage/embedded-content.html#steps-to-expose-a-media-resource-specific-text-track
-
-
-      this.dispatchType = streamTypes.METADATA_STREAM_TYPE.toString(16);
-
-      if (settings.descriptor) {
-        for (i = 0; i < settings.descriptor.length; i++) {
-          this.dispatchType += ('00' + settings.descriptor[i].toString(16)).slice(-2);
-        }
-      }
-
-      this.push = function (chunk) {
-        var tag, frameStart, frameSize, frame, i, frameHeader;
-
-        if (chunk.type !== 'timed-metadata') {
-          return;
-        } // if data_alignment_indicator is set in the PES header,
-        // we must have the start of a new ID3 tag. Assume anything
-        // remaining in the buffer was malformed and throw it out
-
-
-        if (chunk.dataAlignmentIndicator) {
-          bufferSize = 0;
-          buffer.length = 0;
-        } // ignore events that don't look like ID3 data
-
-
-        if (buffer.length === 0 && (chunk.data.length < 10 || chunk.data[0] !== 'I'.charCodeAt(0) || chunk.data[1] !== 'D'.charCodeAt(0) || chunk.data[2] !== '3'.charCodeAt(0))) {
-          if (settings.debug) {
-            // eslint-disable-next-line no-console
-            console.log('Skipping unrecognized metadata packet');
-          }
-
-          return;
-        } // add this chunk to the data we've collected so far
-
-
-        buffer.push(chunk);
-        bufferSize += chunk.data.byteLength; // grab the size of the entire frame from the ID3 header
-
-        if (buffer.length === 1) {
-          // the frame size is transmitted as a 28-bit integer in the
-          // last four bytes of the ID3 header.
-          // The most significant bit of each byte is dropped and the
-          // results concatenated to recover the actual value.
-          tagSize = parseSyncSafeInteger(chunk.data.subarray(6, 10)); // ID3 reports the tag size excluding the header but it's more
-          // convenient for our comparisons to include it
-
-          tagSize += 10;
-        } // if the entire frame has not arrived, wait for more data
-
-
-        if (bufferSize < tagSize) {
-          return;
-        } // collect the entire frame so it can be parsed
-
-
-        tag = {
-          data: new Uint8Array(tagSize),
-          frames: [],
-          pts: buffer[0].pts,
-          dts: buffer[0].dts
-        };
-
-        for (i = 0; i < tagSize;) {
-          tag.data.set(buffer[0].data.subarray(0, tagSize - i), i);
-          i += buffer[0].data.byteLength;
-          bufferSize -= buffer[0].data.byteLength;
-          buffer.shift();
-        } // find the start of the first frame and the end of the tag
-
-
-        frameStart = 10;
-
-        if (tag.data[5] & 0x40) {
-          // advance the frame start past the extended header
-          frameStart += 4; // header size field
-
-          frameStart += parseSyncSafeInteger(tag.data.subarray(10, 14)); // clip any padding off the end
-
-          tagSize -= parseSyncSafeInteger(tag.data.subarray(16, 20));
-        } // parse one or more ID3 frames
-        // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-        do {
-          // determine the number of bytes in this frame
-          frameSize = parseSyncSafeInteger(tag.data.subarray(frameStart + 4, frameStart + 8));
-
-          if (frameSize < 1) {
-            // eslint-disable-next-line no-console
-            return console.log('Malformed ID3 frame encountered. Skipping metadata parsing.');
-          }
-
-          frameHeader = String.fromCharCode(tag.data[frameStart], tag.data[frameStart + 1], tag.data[frameStart + 2], tag.data[frameStart + 3]);
-          frame = {
-            id: frameHeader,
-            data: tag.data.subarray(frameStart + 10, frameStart + frameSize + 10)
-          };
-          frame.key = frame.id;
-
-          if (tagParsers[frame.id]) {
-            tagParsers[frame.id](frame); // handle the special PRIV frame used to indicate the start
-            // time for raw AAC data
-
-            if (frame.owner === 'com.apple.streaming.transportStreamTimestamp') {
-              var d = frame.data,
-                  size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-              size *= 4;
-              size += d[7] & 0x03;
-              frame.timeStamp = size; // in raw AAC, all subsequent data will be timestamped based
-              // on the value of this frame
-              // we couldn't have known the appropriate pts and dts before
-              // parsing this ID3 tag so set those values now
-
-              if (tag.pts === undefined && tag.dts === undefined) {
-                tag.pts = frame.timeStamp;
-                tag.dts = frame.timeStamp;
-              }
-
-              this.trigger('timestamp', frame);
-            }
-          }
-
-          tag.frames.push(frame);
-          frameStart += 10; // advance past the frame header
-
-          frameStart += frameSize; // advance past the frame body
-        } while (frameStart < tagSize);
-
-        this.trigger('data', tag);
-      };
-    };
-
-    _MetadataStream.prototype = new stream();
-    var metadataStream = _MetadataStream;
-    var TimestampRolloverStream$1 = timestampRolloverStream.TimestampRolloverStream; // object types
-
-    var _TransportPacketStream, _TransportParseStream, _ElementaryStream; // constants
-
-
-    var MP2T_PACKET_LENGTH = 188,
-        // bytes
-    SYNC_BYTE = 0x47;
-    /**
-     * Splits an incoming stream of binary data into MPEG-2 Transport
-     * Stream packets.
-     */
-
-    _TransportPacketStream = function TransportPacketStream() {
-      var buffer = new Uint8Array(MP2T_PACKET_LENGTH),
-          bytesInBuffer = 0;
-
-      _TransportPacketStream.prototype.init.call(this); // Deliver new bytes to the stream.
-
-      /**
-       * Split a stream of data into M2TS packets
-      **/
-
-
-      this.push = function (bytes) {
-        var startIndex = 0,
-            endIndex = MP2T_PACKET_LENGTH,
-            everything; // If there are bytes remaining from the last segment, prepend them to the
-        // bytes that were pushed in
-
-        if (bytesInBuffer) {
-          everything = new Uint8Array(bytes.byteLength + bytesInBuffer);
-          everything.set(buffer.subarray(0, bytesInBuffer));
-          everything.set(bytes, bytesInBuffer);
-          bytesInBuffer = 0;
-        } else {
-          everything = bytes;
-        } // While we have enough data for a packet
-
-
-        while (endIndex < everything.byteLength) {
-          // Look for a pair of start and end sync bytes in the data..
-          if (everything[startIndex] === SYNC_BYTE && everything[endIndex] === SYNC_BYTE) {
-            // We found a packet so emit it and jump one whole packet forward in
-            // the stream
-            this.trigger('data', everything.subarray(startIndex, endIndex));
-            startIndex += MP2T_PACKET_LENGTH;
-            endIndex += MP2T_PACKET_LENGTH;
-            continue;
-          } // If we get here, we have somehow become de-synchronized and we need to step
-          // forward one byte at a time until we find a pair of sync bytes that denote
-          // a packet
-
-
-          startIndex++;
-          endIndex++;
-        } // If there was some data left over at the end of the segment that couldn't
-        // possibly be a whole packet, keep it because it might be the start of a packet
-        // that continues in the next segment
-
-
-        if (startIndex < everything.byteLength) {
-          buffer.set(everything.subarray(startIndex), 0);
-          bytesInBuffer = everything.byteLength - startIndex;
-        }
-      };
-      /**
-       * Passes identified M2TS packets to the TransportParseStream to be parsed
-      **/
-
-
-      this.flush = function () {
-        // If the buffer contains a whole packet when we are being flushed, emit it
-        // and empty the buffer. Otherwise hold onto the data because it may be
-        // important for decoding the next segment
-        if (bytesInBuffer === MP2T_PACKET_LENGTH && buffer[0] === SYNC_BYTE) {
-          this.trigger('data', buffer);
-          bytesInBuffer = 0;
-        }
-
-        this.trigger('done');
-      };
-
-      this.endTimeline = function () {
-        this.flush();
-        this.trigger('endedtimeline');
-      };
-
-      this.reset = function () {
-        bytesInBuffer = 0;
-        this.trigger('reset');
-      };
-    };
-
-    _TransportPacketStream.prototype = new stream();
-    /**
-     * Accepts an MP2T TransportPacketStream and emits data events with parsed
-     * forms of the individual transport stream packets.
-     */
-
-    _TransportParseStream = function TransportParseStream() {
-      var parsePsi, parsePat, parsePmt, self;
-
-      _TransportParseStream.prototype.init.call(this);
-
-      self = this;
-      this.packetsWaitingForPmt = [];
-      this.programMapTable = undefined;
-
-      parsePsi = function parsePsi(payload, psi) {
-        var offset = 0; // PSI packets may be split into multiple sections and those
-        // sections may be split into multiple packets. If a PSI
-        // section starts in this packet, the payload_unit_start_indicator
-        // will be true and the first byte of the payload will indicate
-        // the offset from the current position to the start of the
-        // section.
-
-        if (psi.payloadUnitStartIndicator) {
-          offset += payload[offset] + 1;
-        }
-
-        if (psi.type === 'pat') {
-          parsePat(payload.subarray(offset), psi);
-        } else {
-          parsePmt(payload.subarray(offset), psi);
-        }
-      };
-
-      parsePat = function parsePat(payload, pat) {
-        pat.section_number = payload[7]; // eslint-disable-line camelcase
-
-        pat.last_section_number = payload[8]; // eslint-disable-line camelcase
-        // skip the PSI header and parse the first PMT entry
-
-        self.pmtPid = (payload[10] & 0x1F) << 8 | payload[11];
-        pat.pmtPid = self.pmtPid;
-      };
-      /**
-       * Parse out the relevant fields of a Program Map Table (PMT).
-       * @param payload {Uint8Array} the PMT-specific portion of an MP2T
-       * packet. The first byte in this array should be the table_id
-       * field.
-       * @param pmt {object} the object that should be decorated with
-       * fields parsed from the PMT.
-       */
-
-
-      parsePmt = function parsePmt(payload, pmt) {
-        var sectionLength, tableEnd, programInfoLength, offset; // PMTs can be sent ahead of the time when they should actually
-        // take effect. We don't believe this should ever be the case
-        // for HLS but we'll ignore "forward" PMT declarations if we see
-        // them. Future PMT declarations have the current_next_indicator
-        // set to zero.
-
-        if (!(payload[5] & 0x01)) {
-          return;
-        } // overwrite any existing program map table
-
-
-        self.programMapTable = {
-          video: null,
-          audio: null,
-          'timed-metadata': {}
-        }; // the mapping table ends at the end of the current section
-
-        sectionLength = (payload[1] & 0x0f) << 8 | payload[2];
-        tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
-        // long the program info descriptors are
-
-        programInfoLength = (payload[10] & 0x0f) << 8 | payload[11]; // advance the offset to the first entry in the mapping table
-
-        offset = 12 + programInfoLength;
-
-        while (offset < tableEnd) {
-          var streamType = payload[offset];
-          var pid = (payload[offset + 1] & 0x1F) << 8 | payload[offset + 2]; // only map a single elementary_pid for audio and video stream types
-          // TODO: should this be done for metadata too? for now maintain behavior of
-          //       multiple metadata streams
-
-          if (streamType === streamTypes.H264_STREAM_TYPE && self.programMapTable.video === null) {
-            self.programMapTable.video = pid;
-          } else if (streamType === streamTypes.ADTS_STREAM_TYPE && self.programMapTable.audio === null) {
-            self.programMapTable.audio = pid;
-          } else if (streamType === streamTypes.METADATA_STREAM_TYPE) {
-            // map pid to stream type for metadata streams
-            self.programMapTable['timed-metadata'][pid] = streamType;
-          } // move to the next table entry
-          // skip past the elementary stream descriptors, if present
-
-
-          offset += ((payload[offset + 3] & 0x0F) << 8 | payload[offset + 4]) + 5;
-        } // record the map on the packet as well
-
-
-        pmt.programMapTable = self.programMapTable;
-      };
-      /**
-       * Deliver a new MP2T packet to the next stream in the pipeline.
-       */
-
-
-      this.push = function (packet) {
-        var result = {},
-            offset = 4;
-        result.payloadUnitStartIndicator = !!(packet[1] & 0x40); // pid is a 13-bit field starting at the last bit of packet[1]
-
-        result.pid = packet[1] & 0x1f;
-        result.pid <<= 8;
-        result.pid |= packet[2]; // if an adaption field is present, its length is specified by the
-        // fifth byte of the TS packet header. The adaptation field is
-        // used to add stuffing to PES packets that don't fill a complete
-        // TS packet, and to specify some forms of timing and control data
-        // that we do not currently use.
-
-        if ((packet[3] & 0x30) >>> 4 > 0x01) {
-          offset += packet[offset] + 1;
-        } // parse the rest of the packet based on the type
-
-
-        if (result.pid === 0) {
-          result.type = 'pat';
-          parsePsi(packet.subarray(offset), result);
-          this.trigger('data', result);
-        } else if (result.pid === this.pmtPid) {
-          result.type = 'pmt';
-          parsePsi(packet.subarray(offset), result);
-          this.trigger('data', result); // if there are any packets waiting for a PMT to be found, process them now
-
-          while (this.packetsWaitingForPmt.length) {
-            this.processPes_.apply(this, this.packetsWaitingForPmt.shift());
-          }
-        } else if (this.programMapTable === undefined) {
-          // When we have not seen a PMT yet, defer further processing of
-          // PES packets until one has been parsed
-          this.packetsWaitingForPmt.push([packet, offset, result]);
-        } else {
-          this.processPes_(packet, offset, result);
-        }
-      };
-
-      this.processPes_ = function (packet, offset, result) {
-        // set the appropriate stream type
-        if (result.pid === this.programMapTable.video) {
-          result.streamType = streamTypes.H264_STREAM_TYPE;
-        } else if (result.pid === this.programMapTable.audio) {
-          result.streamType = streamTypes.ADTS_STREAM_TYPE;
-        } else {
-          // if not video or audio, it is timed-metadata or unknown
-          // if unknown, streamType will be undefined
-          result.streamType = this.programMapTable['timed-metadata'][result.pid];
-        }
-
-        result.type = 'pes';
-        result.data = packet.subarray(offset);
-        this.trigger('data', result);
-      };
-    };
-
-    _TransportParseStream.prototype = new stream();
-    _TransportParseStream.STREAM_TYPES = {
-      h264: 0x1b,
-      adts: 0x0f
-    };
-    /**
-     * Reconsistutes program elementary stream (PES) packets from parsed
-     * transport stream packets. That is, if you pipe an
-     * mp2t.TransportParseStream into a mp2t.ElementaryStream, the output
-     * events will be events which capture the bytes for individual PES
-     * packets plus relevant metadata that has been extracted from the
-     * container.
-     */
-
-    _ElementaryStream = function ElementaryStream() {
-      var self = this,
-          // PES packet fragments
-      video = {
-        data: [],
-        size: 0
-      },
-          audio = {
-        data: [],
-        size: 0
-      },
-          timedMetadata = {
-        data: [],
-        size: 0
-      },
-          programMapTable,
-          parsePes = function parsePes(payload, pes) {
-        var ptsDtsFlags; // get the packet length, this will be 0 for video
-
-        pes.packetLength = 6 + (payload[4] << 8 | payload[5]); // find out if this packets starts a new keyframe
-
-        pes.dataAlignmentIndicator = (payload[6] & 0x04) !== 0; // PES packets may be annotated with a PTS value, or a PTS value
-        // and a DTS value. Determine what combination of values is
-        // available to work with.
-
-        ptsDtsFlags = payload[7]; // PTS and DTS are normally stored as a 33-bit number.  Javascript
-        // performs all bitwise operations on 32-bit integers but javascript
-        // supports a much greater range (52-bits) of integer using standard
-        // mathematical operations.
-        // We construct a 31-bit value using bitwise operators over the 31
-        // most significant bits and then multiply by 4 (equal to a left-shift
-        // of 2) before we add the final 2 least significant bits of the
-        // timestamp (equal to an OR.)
-
-        if (ptsDtsFlags & 0xC0) {
-          // the PTS and DTS are not written out directly. For information
-          // on how they are encoded, see
-          // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
-          pes.pts = (payload[9] & 0x0E) << 27 | (payload[10] & 0xFF) << 20 | (payload[11] & 0xFE) << 12 | (payload[12] & 0xFF) << 5 | (payload[13] & 0xFE) >>> 3;
-          pes.pts *= 4; // Left shift by 2
-
-          pes.pts += (payload[13] & 0x06) >>> 1; // OR by the two LSBs
-
-          pes.dts = pes.pts;
-
-          if (ptsDtsFlags & 0x40) {
-            pes.dts = (payload[14] & 0x0E) << 27 | (payload[15] & 0xFF) << 20 | (payload[16] & 0xFE) << 12 | (payload[17] & 0xFF) << 5 | (payload[18] & 0xFE) >>> 3;
-            pes.dts *= 4; // Left shift by 2
-
-            pes.dts += (payload[18] & 0x06) >>> 1; // OR by the two LSBs
-          }
-        } // the data section starts immediately after the PES header.
-        // pes_header_data_length specifies the number of header bytes
-        // that follow the last byte of the field.
-
-
-        pes.data = payload.subarray(9 + payload[8]);
-      },
-
-      /**
-        * Pass completely parsed PES packets to the next stream in the pipeline
-       **/
-      flushStream = function flushStream(stream$$1, type, forceFlush) {
-        var packetData = new Uint8Array(stream$$1.size),
-            event = {
-          type: type
-        },
-            i = 0,
-            offset = 0,
-            packetFlushable = false,
-            fragment; // do nothing if there is not enough buffered data for a complete
-        // PES header
-
-        if (!stream$$1.data.length || stream$$1.size < 9) {
-          return;
-        }
-
-        event.trackId = stream$$1.data[0].pid; // reassemble the packet
-
-        for (i = 0; i < stream$$1.data.length; i++) {
-          fragment = stream$$1.data[i];
-          packetData.set(fragment.data, offset);
-          offset += fragment.data.byteLength;
-        } // parse assembled packet's PES header
-
-
-        parsePes(packetData, event); // non-video PES packets MUST have a non-zero PES_packet_length
-        // check that there is enough stream data to fill the packet
-
-        packetFlushable = type === 'video' || event.packetLength <= stream$$1.size; // flush pending packets if the conditions are right
-
-        if (forceFlush || packetFlushable) {
-          stream$$1.size = 0;
-          stream$$1.data.length = 0;
-        } // only emit packets that are complete. this is to avoid assembling
-        // incomplete PES packets due to poor segmentation
-
-
-        if (packetFlushable) {
-          self.trigger('data', event);
-        }
-      };
-
-      _ElementaryStream.prototype.init.call(this);
-      /**
-       * Identifies M2TS packet types and parses PES packets using metadata
-       * parsed from the PMT
-       **/
-
-
-      this.push = function (data) {
-        ({
-          pat: function pat() {// we have to wait for the PMT to arrive as well before we
-            // have any meaningful metadata
-          },
-          pes: function pes() {
-            var stream$$1, streamType;
-
-            switch (data.streamType) {
-              case streamTypes.H264_STREAM_TYPE:
-              case streamTypes.H264_STREAM_TYPE:
-                stream$$1 = video;
-                streamType = 'video';
-                break;
-
-              case streamTypes.ADTS_STREAM_TYPE:
-                stream$$1 = audio;
-                streamType = 'audio';
-                break;
-
-              case streamTypes.METADATA_STREAM_TYPE:
-                stream$$1 = timedMetadata;
-                streamType = 'timed-metadata';
-                break;
-
-              default:
-                // ignore unknown stream types
-                return;
-            } // if a new packet is starting, we can flush the completed
-            // packet
-
-
-            if (data.payloadUnitStartIndicator) {
-              flushStream(stream$$1, streamType, true);
-            } // buffer this fragment until we are sure we've received the
-            // complete payload
-
-
-            stream$$1.data.push(data);
-            stream$$1.size += data.data.byteLength;
-          },
-          pmt: function pmt() {
-            var event = {
-              type: 'metadata',
-              tracks: []
-            };
-            programMapTable = data.programMapTable; // translate audio and video streams to tracks
-
-            if (programMapTable.video !== null) {
-              event.tracks.push({
-                timelineStartInfo: {
-                  baseMediaDecodeTime: 0
-                },
-                id: +programMapTable.video,
-                codec: 'avc',
-                type: 'video'
-              });
-            }
-
-            if (programMapTable.audio !== null) {
-              event.tracks.push({
-                timelineStartInfo: {
-                  baseMediaDecodeTime: 0
-                },
-                id: +programMapTable.audio,
-                codec: 'adts',
-                type: 'audio'
-              });
-            }
-
-            self.trigger('data', event);
-          }
-        })[data.type]();
-      };
-
-      this.reset = function () {
-        video.size = 0;
-        video.data.length = 0;
-        audio.size = 0;
-        audio.data.length = 0;
-        this.trigger('reset');
-      };
-      /**
-       * Flush any remaining input. Video PES packets may be of variable
-       * length. Normally, the start of a new video packet can trigger the
-       * finalization of the previous packet. That is not possible if no
-       * more video is forthcoming, however. In that case, some other
-       * mechanism (like the end of the file) has to be employed. When it is
-       * clear that no additional data is forthcoming, calling this method
-       * will flush the buffered packets.
-       */
-
-
-      this.flushStreams_ = function () {
-        // !!THIS ORDER IS IMPORTANT!!
-        // video first then audio
-        flushStream(video, 'video');
-        flushStream(audio, 'audio');
-        flushStream(timedMetadata, 'timed-metadata');
-      };
-
-      this.flush = function () {
-        this.flushStreams_();
-        this.trigger('done');
-      };
-    };
-
-    _ElementaryStream.prototype = new stream();
-    var m2ts = {
-      PAT_PID: 0x0000,
-      MP2T_PACKET_LENGTH: MP2T_PACKET_LENGTH,
-      TransportPacketStream: _TransportPacketStream,
-      TransportParseStream: _TransportParseStream,
-      ElementaryStream: _ElementaryStream,
-      TimestampRolloverStream: TimestampRolloverStream$1,
-      CaptionStream: captionStream.CaptionStream,
-      Cea608Stream: captionStream.Cea608Stream,
-      MetadataStream: metadataStream
-    };
-
-    for (var type in streamTypes) {
-      if (streamTypes.hasOwnProperty(type)) {
-        m2ts[type] = streamTypes[type];
-      }
-    }
-
-    var m2ts_1 = m2ts;
-    var ONE_SECOND_IN_TS$2 = clock.ONE_SECOND_IN_TS;
-
-    var _AdtsStream;
-
-    var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-    /*
-     * Accepts a ElementaryStream and emits data events with parsed
-     * AAC Audio Frames of the individual packets. Input audio in ADTS
-     * format is unpacked and re-emitted as AAC frames.
-     *
-     * @see http://wiki.multimedia.cx/index.php?title=ADTS
-     * @see http://wiki.multimedia.cx/?title=Understanding_AAC
-     */
-
-    _AdtsStream = function AdtsStream(handlePartialSegments) {
-      var buffer,
-          frameNum = 0;
-
-      _AdtsStream.prototype.init.call(this);
-
-      this.push = function (packet) {
-        var i = 0,
-            frameLength,
-            protectionSkipBytes,
-            frameEnd,
-            oldBuffer,
-            sampleCount,
-            adtsFrameDuration;
-
-        if (!handlePartialSegments) {
-          frameNum = 0;
-        }
-
-        if (packet.type !== 'audio') {
-          // ignore non-audio data
-          return;
-        } // Prepend any data in the buffer to the input data so that we can parse
-        // aac frames the cross a PES packet boundary
-
-
-        if (buffer) {
-          oldBuffer = buffer;
-          buffer = new Uint8Array(oldBuffer.byteLength + packet.data.byteLength);
-          buffer.set(oldBuffer);
-          buffer.set(packet.data, oldBuffer.byteLength);
-        } else {
-          buffer = packet.data;
-        } // unpack any ADTS frames which have been fully received
-        // for details on the ADTS header, see http://wiki.multimedia.cx/index.php?title=ADTS
-
-
-        while (i + 5 < buffer.length) {
-          // Look for the start of an ADTS header..
-          if (buffer[i] !== 0xFF || (buffer[i + 1] & 0xF6) !== 0xF0) {
-            // If a valid header was not found,  jump one forward and attempt to
-            // find a valid ADTS header starting at the next byte
-            i++;
-            continue;
-          } // The protection skip bit tells us if we have 2 bytes of CRC data at the
-          // end of the ADTS header
-
-
-          protectionSkipBytes = (~buffer[i + 1] & 0x01) * 2; // Frame length is a 13 bit integer starting 16 bits from the
-          // end of the sync sequence
-
-          frameLength = (buffer[i + 3] & 0x03) << 11 | buffer[i + 4] << 3 | (buffer[i + 5] & 0xe0) >> 5;
-          sampleCount = ((buffer[i + 6] & 0x03) + 1) * 1024;
-          adtsFrameDuration = sampleCount * ONE_SECOND_IN_TS$2 / ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2];
-          frameEnd = i + frameLength; // If we don't have enough data to actually finish this ADTS frame, return
-          // and wait for more data
-
-          if (buffer.byteLength < frameEnd) {
-            return;
-          } // Otherwise, deliver the complete AAC frame
-
-
-          this.trigger('data', {
-            pts: packet.pts + frameNum * adtsFrameDuration,
-            dts: packet.dts + frameNum * adtsFrameDuration,
-            sampleCount: sampleCount,
-            audioobjecttype: (buffer[i + 2] >>> 6 & 0x03) + 1,
-            channelcount: (buffer[i + 2] & 1) << 2 | (buffer[i + 3] & 0xc0) >>> 6,
-            samplerate: ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2],
-            samplingfrequencyindex: (buffer[i + 2] & 0x3c) >>> 2,
-            // assume ISO/IEC 14496-12 AudioSampleEntry default of 16
-            samplesize: 16,
-            data: buffer.subarray(i + 7 + protectionSkipBytes, frameEnd)
-          });
-          frameNum++; // If the buffer is empty, clear it and return
-
-          if (buffer.byteLength === frameEnd) {
-            buffer = undefined;
-            return;
-          } // Remove the finished frame from the buffer and start the process again
-
-
-          buffer = buffer.subarray(frameEnd);
-        }
-      };
-
-      this.flush = function () {
-        frameNum = 0;
-        this.trigger('done');
-      };
-
-      this.reset = function () {
-        buffer = void 0;
-        this.trigger('reset');
-      };
-
-      this.endTimeline = function () {
-        buffer = void 0;
-        this.trigger('endedtimeline');
-      };
-    };
-
-    _AdtsStream.prototype = new stream();
-    var adts = _AdtsStream;
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     */
-
-    var ExpGolomb;
-    /**
-     * Parser for exponential Golomb codes, a variable-bitwidth number encoding
-     * scheme used by h264.
-     */
-
-    ExpGolomb = function ExpGolomb(workingData) {
-      var // the number of bytes left to examine in workingData
-      workingBytesAvailable = workingData.byteLength,
-          // the current word being examined
-      workingWord = 0,
-          // :uint
-      // the number of bits left to examine in the current word
-      workingBitsAvailable = 0; // :uint;
-      // ():uint
-
-      this.length = function () {
-        return 8 * workingBytesAvailable;
-      }; // ():uint
-
-
-      this.bitsAvailable = function () {
-        return 8 * workingBytesAvailable + workingBitsAvailable;
-      }; // ():void
-
-
-      this.loadWord = function () {
-        var position = workingData.byteLength - workingBytesAvailable,
-            workingBytes = new Uint8Array(4),
-            availableBytes = Math.min(4, workingBytesAvailable);
-
-        if (availableBytes === 0) {
-          throw new Error('no bytes available');
-        }
-
-        workingBytes.set(workingData.subarray(position, position + availableBytes));
-        workingWord = new DataView(workingBytes.buffer).getUint32(0); // track the amount of workingData that has been processed
-
-        workingBitsAvailable = availableBytes * 8;
-        workingBytesAvailable -= availableBytes;
-      }; // (count:int):void
-
-
-      this.skipBits = function (count) {
-        var skipBytes; // :int
-
-        if (workingBitsAvailable > count) {
-          workingWord <<= count;
-          workingBitsAvailable -= count;
-        } else {
-          count -= workingBitsAvailable;
-          skipBytes = Math.floor(count / 8);
-          count -= skipBytes * 8;
-          workingBytesAvailable -= skipBytes;
-          this.loadWord();
-          workingWord <<= count;
-          workingBitsAvailable -= count;
-        }
-      }; // (size:int):uint
-
-
-      this.readBits = function (size) {
-        var bits = Math.min(workingBitsAvailable, size),
-            // :uint
-        valu = workingWord >>> 32 - bits; // :uint
-        // if size > 31, handle error
-
-        workingBitsAvailable -= bits;
-
-        if (workingBitsAvailable > 0) {
-          workingWord <<= bits;
-        } else if (workingBytesAvailable > 0) {
-          this.loadWord();
-        }
-
-        bits = size - bits;
-
-        if (bits > 0) {
-          return valu << bits | this.readBits(bits);
-        }
-
-        return valu;
-      }; // ():uint
-
-
-      this.skipLeadingZeros = function () {
-        var leadingZeroCount; // :uint
-
-        for (leadingZeroCount = 0; leadingZeroCount < workingBitsAvailable; ++leadingZeroCount) {
-          if ((workingWord & 0x80000000 >>> leadingZeroCount) !== 0) {
-            // the first bit of working word is 1
-            workingWord <<= leadingZeroCount;
-            workingBitsAvailable -= leadingZeroCount;
-            return leadingZeroCount;
-          }
-        } // we exhausted workingWord and still have not found a 1
-
-
-        this.loadWord();
-        return leadingZeroCount + this.skipLeadingZeros();
-      }; // ():void
-
-
-      this.skipUnsignedExpGolomb = function () {
-        this.skipBits(1 + this.skipLeadingZeros());
-      }; // ():void
-
-
-      this.skipExpGolomb = function () {
-        this.skipBits(1 + this.skipLeadingZeros());
-      }; // ():uint
-
-
-      this.readUnsignedExpGolomb = function () {
-        var clz = this.skipLeadingZeros(); // :uint
-
-        return this.readBits(clz + 1) - 1;
-      }; // ():int
-
-
-      this.readExpGolomb = function () {
-        var valu = this.readUnsignedExpGolomb(); // :int
-
-        if (0x01 & valu) {
-          // the number is odd if the low order bit is set
-          return 1 + valu >>> 1; // add 1 to make it even, and divide by 2
-        }
-
-        return -1 * (valu >>> 1); // divide by two then make it negative
-      }; // Some convenience functions
-      // :Boolean
-
-
-      this.readBoolean = function () {
-        return this.readBits(1) === 1;
-      }; // ():int
-
-
-      this.readUnsignedByte = function () {
-        return this.readBits(8);
-      };
-
-      this.loadWord();
-    };
-
-    var expGolomb = ExpGolomb;
-
-    var _H264Stream, _NalByteStream;
-
-    var PROFILES_WITH_OPTIONAL_SPS_DATA;
-    /**
-     * Accepts a NAL unit byte stream and unpacks the embedded NAL units.
-     */
-
-    _NalByteStream = function NalByteStream() {
-      var syncPoint = 0,
-          i,
-          buffer;
-
-      _NalByteStream.prototype.init.call(this);
-      /*
-       * Scans a byte stream and triggers a data event with the NAL units found.
-       * @param {Object} data Event received from H264Stream
-       * @param {Uint8Array} data.data The h264 byte stream to be scanned
-       *
-       * @see H264Stream.push
-       */
-
-
-      this.push = function (data) {
-        var swapBuffer;
-
-        if (!buffer) {
-          buffer = data.data;
-        } else {
-          swapBuffer = new Uint8Array(buffer.byteLength + data.data.byteLength);
-          swapBuffer.set(buffer);
-          swapBuffer.set(data.data, buffer.byteLength);
-          buffer = swapBuffer;
-        }
-
-        var len = buffer.byteLength; // Rec. ITU-T H.264, Annex B
-        // scan for NAL unit boundaries
-        // a match looks like this:
-        // 0 0 1 .. NAL .. 0 0 1
-        // ^ sync point        ^ i
-        // or this:
-        // 0 0 1 .. NAL .. 0 0 0
-        // ^ sync point        ^ i
-        // advance the sync point to a NAL start, if necessary
-
-        for (; syncPoint < len - 3; syncPoint++) {
-          if (buffer[syncPoint + 2] === 1) {
-            // the sync point is properly aligned
-            i = syncPoint + 5;
-            break;
-          }
-        }
-
-        while (i < len) {
-          // look at the current byte to determine if we've hit the end of
-          // a NAL unit boundary
-          switch (buffer[i]) {
-            case 0:
-              // skip past non-sync sequences
-              if (buffer[i - 1] !== 0) {
-                i += 2;
-                break;
-              } else if (buffer[i - 2] !== 0) {
-                i++;
-                break;
-              } // deliver the NAL unit if it isn't empty
-
-
-              if (syncPoint + 3 !== i - 2) {
-                this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
-              } // drop trailing zeroes
-
-
-              do {
-                i++;
-              } while (buffer[i] !== 1 && i < len);
-
-              syncPoint = i - 2;
-              i += 3;
-              break;
-
-            case 1:
-              // skip past non-sync sequences
-              if (buffer[i - 1] !== 0 || buffer[i - 2] !== 0) {
-                i += 3;
-                break;
-              } // deliver the NAL unit
-
-
-              this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
-              syncPoint = i - 2;
-              i += 3;
-              break;
-
-            default:
-              // the current byte isn't a one or zero, so it cannot be part
-              // of a sync sequence
-              i += 3;
-              break;
-          }
-        } // filter out the NAL units that were delivered
-
-
-        buffer = buffer.subarray(syncPoint);
-        i -= syncPoint;
-        syncPoint = 0;
-      };
-
-      this.reset = function () {
-        buffer = null;
-        syncPoint = 0;
-        this.trigger('reset');
-      };
-
-      this.flush = function () {
-        // deliver the last buffered NAL unit
-        if (buffer && buffer.byteLength > 3) {
-          this.trigger('data', buffer.subarray(syncPoint + 3));
-        } // reset the stream state
-
-
-        buffer = null;
-        syncPoint = 0;
-        this.trigger('done');
-      };
-
-      this.endTimeline = function () {
-        this.flush();
-        this.trigger('endedtimeline');
-      };
-    };
-
-    _NalByteStream.prototype = new stream(); // values of profile_idc that indicate additional fields are included in the SPS
-    // see Recommendation ITU-T H.264 (4/2013),
-    // 7.3.2.1.1 Sequence parameter set data syntax
-
-    PROFILES_WITH_OPTIONAL_SPS_DATA = {
-      100: true,
-      110: true,
-      122: true,
-      244: true,
-      44: true,
-      83: true,
-      86: true,
-      118: true,
-      128: true,
-      138: true,
-      139: true,
-      134: true
-    };
-    /**
-     * Accepts input from a ElementaryStream and produces H.264 NAL unit data
-     * events.
-     */
-
-    _H264Stream = function H264Stream() {
-      var nalByteStream = new _NalByteStream(),
-          self,
-          trackId,
-          currentPts,
-          currentDts,
-          discardEmulationPreventionBytes,
-          readSequenceParameterSet,
-          skipScalingList;
-
-      _H264Stream.prototype.init.call(this);
-
-      self = this;
-      /*
-       * Pushes a packet from a stream onto the NalByteStream
-       *
-       * @param {Object} packet - A packet received from a stream
-       * @param {Uint8Array} packet.data - The raw bytes of the packet
-       * @param {Number} packet.dts - Decode timestamp of the packet
-       * @param {Number} packet.pts - Presentation timestamp of the packet
-       * @param {Number} packet.trackId - The id of the h264 track this packet came from
-       * @param {('video'|'audio')} packet.type - The type of packet
-       *
-       */
-
-      this.push = function (packet) {
-        if (packet.type !== 'video') {
-          return;
-        }
-
-        trackId = packet.trackId;
-        currentPts = packet.pts;
-        currentDts = packet.dts;
-        nalByteStream.push(packet);
-      };
-      /*
-       * Identify NAL unit types and pass on the NALU, trackId, presentation and decode timestamps
-       * for the NALUs to the next stream component.
-       * Also, preprocess caption and sequence parameter NALUs.
-       *
-       * @param {Uint8Array} data - A NAL unit identified by `NalByteStream.push`
-       * @see NalByteStream.push
-       */
-
-
-      nalByteStream.on('data', function (data) {
-        var event = {
-          trackId: trackId,
-          pts: currentPts,
-          dts: currentDts,
-          data: data
-        };
-
-        switch (data[0] & 0x1f) {
-          case 0x05:
-            event.nalUnitType = 'slice_layer_without_partitioning_rbsp_idr';
-            break;
-
-          case 0x06:
-            event.nalUnitType = 'sei_rbsp';
-            event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
-            break;
-
-          case 0x07:
-            event.nalUnitType = 'seq_parameter_set_rbsp';
-            event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
-            event.config = readSequenceParameterSet(event.escapedRBSP);
-            break;
-
-          case 0x08:
-            event.nalUnitType = 'pic_parameter_set_rbsp';
-            break;
-
-          case 0x09:
-            event.nalUnitType = 'access_unit_delimiter_rbsp';
-            break;
-
-          default:
-            break;
-        } // This triggers data on the H264Stream
-
-
-        self.trigger('data', event);
-      });
-      nalByteStream.on('done', function () {
-        self.trigger('done');
-      });
-      nalByteStream.on('partialdone', function () {
-        self.trigger('partialdone');
-      });
-      nalByteStream.on('reset', function () {
-        self.trigger('reset');
-      });
-      nalByteStream.on('endedtimeline', function () {
-        self.trigger('endedtimeline');
-      });
-
-      this.flush = function () {
-        nalByteStream.flush();
-      };
-
-      this.partialFlush = function () {
-        nalByteStream.partialFlush();
-      };
-
-      this.reset = function () {
-        nalByteStream.reset();
-      };
-
-      this.endTimeline = function () {
-        nalByteStream.endTimeline();
-      };
-      /**
-       * Advance the ExpGolomb decoder past a scaling list. The scaling
-       * list is optionally transmitted as part of a sequence parameter
-       * set and is not relevant to transmuxing.
-       * @param count {number} the number of entries in this scaling list
-       * @param expGolombDecoder {object} an ExpGolomb pointed to the
-       * start of a scaling list
-       * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1
-       */
-
-
-      skipScalingList = function skipScalingList(count, expGolombDecoder) {
-        var lastScale = 8,
-            nextScale = 8,
-            j,
-            deltaScale;
-
-        for (j = 0; j < count; j++) {
-          if (nextScale !== 0) {
-            deltaScale = expGolombDecoder.readExpGolomb();
-            nextScale = (lastScale + deltaScale + 256) % 256;
-          }
-
-          lastScale = nextScale === 0 ? lastScale : nextScale;
-        }
-      };
-      /**
-       * Expunge any "Emulation Prevention" bytes from a "Raw Byte
-       * Sequence Payload"
-       * @param data {Uint8Array} the bytes of a RBSP from a NAL
-       * unit
-       * @return {Uint8Array} the RBSP without any Emulation
-       * Prevention Bytes
-       */
-
-
-      discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-        var length = data.byteLength,
-            emulationPreventionBytesPositions = [],
-            i = 1,
-            newLength,
-            newData; // Find all `Emulation Prevention Bytes`
-
-        while (i < length - 2) {
-          if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-            emulationPreventionBytesPositions.push(i + 2);
-            i += 2;
-          } else {
-            i++;
-          }
-        } // If no Emulation Prevention Bytes were found just return the original
-        // array
-
-
-        if (emulationPreventionBytesPositions.length === 0) {
-          return data;
-        } // Create a new array to hold the NAL unit data
-
-
-        newLength = length - emulationPreventionBytesPositions.length;
-        newData = new Uint8Array(newLength);
-        var sourceIndex = 0;
-
-        for (i = 0; i < newLength; sourceIndex++, i++) {
-          if (sourceIndex === emulationPreventionBytesPositions[0]) {
-            // Skip this byte
-            sourceIndex++; // Remove this position index
-
-            emulationPreventionBytesPositions.shift();
-          }
-
-          newData[i] = data[sourceIndex];
-        }
-
-        return newData;
-      };
-      /**
-       * Read a sequence parameter set and return some interesting video
-       * properties. A sequence parameter set is the H264 metadata that
-       * describes the properties of upcoming video frames.
-       * @param data {Uint8Array} the bytes of a sequence parameter set
-       * @return {object} an object with configuration parsed from the
-       * sequence parameter set, including the dimensions of the
-       * associated video frames.
-       */
-
-
-      readSequenceParameterSet = function readSequenceParameterSet(data) {
-        var frameCropLeftOffset = 0,
-            frameCropRightOffset = 0,
-            frameCropTopOffset = 0,
-            frameCropBottomOffset = 0,
-            sarScale = 1,
-            expGolombDecoder,
-            profileIdc,
-            levelIdc,
-            profileCompatibility,
-            chromaFormatIdc,
-            picOrderCntType,
-            numRefFramesInPicOrderCntCycle,
-            picWidthInMbsMinus1,
-            picHeightInMapUnitsMinus1,
-            frameMbsOnlyFlag,
-            scalingListCount,
-            sarRatio,
-            aspectRatioIdc,
-            i;
-        expGolombDecoder = new expGolomb(data);
-        profileIdc = expGolombDecoder.readUnsignedByte(); // profile_idc
-
-        profileCompatibility = expGolombDecoder.readUnsignedByte(); // constraint_set[0-5]_flag
-
-        levelIdc = expGolombDecoder.readUnsignedByte(); // level_idc u(8)
-
-        expGolombDecoder.skipUnsignedExpGolomb(); // seq_parameter_set_id
-        // some profiles have more optional data we don't need
-
-        if (PROFILES_WITH_OPTIONAL_SPS_DATA[profileIdc]) {
-          chromaFormatIdc = expGolombDecoder.readUnsignedExpGolomb();
-
-          if (chromaFormatIdc === 3) {
-            expGolombDecoder.skipBits(1); // separate_colour_plane_flag
-          }
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_luma_minus8
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_chroma_minus8
-
-          expGolombDecoder.skipBits(1); // qpprime_y_zero_transform_bypass_flag
-
-          if (expGolombDecoder.readBoolean()) {
-            // seq_scaling_matrix_present_flag
-            scalingListCount = chromaFormatIdc !== 3 ? 8 : 12;
-
-            for (i = 0; i < scalingListCount; i++) {
-              if (expGolombDecoder.readBoolean()) {
-                // seq_scaling_list_present_flag[ i ]
-                if (i < 6) {
-                  skipScalingList(16, expGolombDecoder);
-                } else {
-                  skipScalingList(64, expGolombDecoder);
-                }
-              }
-            }
-          }
-        }
-
-        expGolombDecoder.skipUnsignedExpGolomb(); // log2_max_frame_num_minus4
-
-        picOrderCntType = expGolombDecoder.readUnsignedExpGolomb();
-
-        if (picOrderCntType === 0) {
-          expGolombDecoder.readUnsignedExpGolomb(); // log2_max_pic_order_cnt_lsb_minus4
-        } else if (picOrderCntType === 1) {
-          expGolombDecoder.skipBits(1); // delta_pic_order_always_zero_flag
-
-          expGolombDecoder.skipExpGolomb(); // offset_for_non_ref_pic
-
-          expGolombDecoder.skipExpGolomb(); // offset_for_top_to_bottom_field
-
-          numRefFramesInPicOrderCntCycle = expGolombDecoder.readUnsignedExpGolomb();
-
-          for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) {
-            expGolombDecoder.skipExpGolomb(); // offset_for_ref_frame[ i ]
-          }
-        }
-
-        expGolombDecoder.skipUnsignedExpGolomb(); // max_num_ref_frames
-
-        expGolombDecoder.skipBits(1); // gaps_in_frame_num_value_allowed_flag
-
-        picWidthInMbsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
-        picHeightInMapUnitsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
-        frameMbsOnlyFlag = expGolombDecoder.readBits(1);
-
-        if (frameMbsOnlyFlag === 0) {
-          expGolombDecoder.skipBits(1); // mb_adaptive_frame_field_flag
-        }
-
-        expGolombDecoder.skipBits(1); // direct_8x8_inference_flag
-
-        if (expGolombDecoder.readBoolean()) {
-          // frame_cropping_flag
-          frameCropLeftOffset = expGolombDecoder.readUnsignedExpGolomb();
-          frameCropRightOffset = expGolombDecoder.readUnsignedExpGolomb();
-          frameCropTopOffset = expGolombDecoder.readUnsignedExpGolomb();
-          frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();
-        }
-
-        if (expGolombDecoder.readBoolean()) {
-          // vui_parameters_present_flag
-          if (expGolombDecoder.readBoolean()) {
-            // aspect_ratio_info_present_flag
-            aspectRatioIdc = expGolombDecoder.readUnsignedByte();
-
-            switch (aspectRatioIdc) {
-              case 1:
-                sarRatio = [1, 1];
-                break;
-
-              case 2:
-                sarRatio = [12, 11];
-                break;
-
-              case 3:
-                sarRatio = [10, 11];
-                break;
-
-              case 4:
-                sarRatio = [16, 11];
-                break;
-
-              case 5:
-                sarRatio = [40, 33];
-                break;
-
-              case 6:
-                sarRatio = [24, 11];
-                break;
-
-              case 7:
-                sarRatio = [20, 11];
-                break;
-
-              case 8:
-                sarRatio = [32, 11];
-                break;
-
-              case 9:
-                sarRatio = [80, 33];
-                break;
-
-              case 10:
-                sarRatio = [18, 11];
-                break;
-
-              case 11:
-                sarRatio = [15, 11];
-                break;
-
-              case 12:
-                sarRatio = [64, 33];
-                break;
-
-              case 13:
-                sarRatio = [160, 99];
-                break;
-
-              case 14:
-                sarRatio = [4, 3];
-                break;
-
-              case 15:
-                sarRatio = [3, 2];
-                break;
-
-              case 16:
-                sarRatio = [2, 1];
-                break;
-
-              case 255:
-                {
-                  sarRatio = [expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte(), expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte()];
-                  break;
-                }
-            }
-
-            if (sarRatio) {
-              sarScale = sarRatio[0] / sarRatio[1];
-            }
-          }
-        }
-
-        return {
-          profileIdc: profileIdc,
-          levelIdc: levelIdc,
-          profileCompatibility: profileCompatibility,
-          width: Math.ceil(((picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2) * sarScale),
-          height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - frameCropTopOffset * 2 - frameCropBottomOffset * 2,
-          sarRatio: sarRatio
-        };
-      };
-    };
-
-    _H264Stream.prototype = new stream();
-    var h264 = {
-      H264Stream: _H264Stream,
-      NalByteStream: _NalByteStream
-    };
-    /**
-     * mux.js
-     *
-     * Copyright (c) Brightcove
-     * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-     *
-     * Utilities to detect basic properties and metadata about Aac data.
-     */
-
-    var ADTS_SAMPLING_FREQUENCIES$1 = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-
-    var isLikelyAacData = function isLikelyAacData(data) {
-      if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
-        return true;
-      }
-
-      return false;
-    };
-
-    var parseSyncSafeInteger$1 = function parseSyncSafeInteger(data) {
-      return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-    }; // return a percent-encoded representation of the specified byte range
-    // @see http://en.wikipedia.org/wiki/Percent-encoding
-
-
-    var percentEncode$1 = function percentEncode(bytes, start, end) {
-      var i,
-          result = '';
-
-      for (i = start; i < end; i++) {
-        result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-      }
-
-      return result;
-    }; // return the string representation of the specified byte range,
-    // interpreted as ISO-8859-1.
-
-
-    var parseIso88591$1 = function parseIso88591(bytes, start, end) {
-      return unescape(percentEncode$1(bytes, start, end)); // jshint ignore:line
-    };
-
-    var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
-      var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
-          flags = header[byteIndex + 5],
-          footerPresent = (flags & 16) >> 4;
-
-      if (footerPresent) {
-        return returnSize + 20;
-      }
-
-      return returnSize + 10;
-    };
-
-    var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
-      var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
-          middle = header[byteIndex + 4] << 3,
-          highTwo = header[byteIndex + 3] & 0x3 << 11;
-      return highTwo | middle | lowThree;
-    };
-
-    var parseType = function parseType(header, byteIndex) {
-      if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
-        return 'timed-metadata';
-      } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
-        return 'audio';
-      }
-
-      return null;
-    };
-
-    var parseSampleRate = function parseSampleRate(packet) {
-      var i = 0;
-
-      while (i + 5 < packet.length) {
-        if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
-          // If a valid header was not found,  jump one forward and attempt to
-          // find a valid ADTS header starting at the next byte
-          i++;
-          continue;
-        }
-
-        return ADTS_SAMPLING_FREQUENCIES$1[(packet[i + 2] & 0x3c) >>> 2];
-      }
-
-      return null;
-    };
-
-    var parseAacTimestamp = function parseAacTimestamp(packet) {
-      var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
-
-      frameStart = 10;
-
-      if (packet[5] & 0x40) {
-        // advance the frame start past the extended header
-        frameStart += 4; // header size field
-
-        frameStart += parseSyncSafeInteger$1(packet.subarray(10, 14));
-      } // parse one or more ID3 frames
-      // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-      do {
-        // determine the number of bytes in this frame
-        frameSize = parseSyncSafeInteger$1(packet.subarray(frameStart + 4, frameStart + 8));
-
-        if (frameSize < 1) {
-          return null;
-        }
-
-        frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
-
-        if (frameHeader === 'PRIV') {
-          frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
-
-          for (var i = 0; i < frame.byteLength; i++) {
-            if (frame[i] === 0) {
-              var owner = parseIso88591$1(frame, 0, i);
-
-              if (owner === 'com.apple.streaming.transportStreamTimestamp') {
-                var d = frame.subarray(i + 1);
-                var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-                size *= 4;
-                size += d[7] & 0x03;
-                return size;
-              }
-
-              break;
-            }
-          }
-        }
-
-        frameStart += 10; // advance past the frame header
-
-        frameStart += frameSize; // advance past the frame body
-      } while (frameStart < packet.byteLength);
-
-      return null;
-    };
-
-    var utils = {
-      isLikelyAacData: isLikelyAacData,
-      parseId3TagSize: parseId3TagSize,
-      parseAdtsSize: parseAdtsSize,
-      parseType: parseType,
-      parseSampleRate: parseSampleRate,
-      parseAacTimestamp: parseAacTimestamp
-    }; // Constants
-
-    var _AacStream;
-    /**
-     * Splits an incoming stream of binary data into ADTS and ID3 Frames.
-     */
-
-
-    _AacStream = function AacStream() {
-      var everything = new Uint8Array(),
-          timeStamp = 0;
-
-      _AacStream.prototype.init.call(this);
-
-      this.setTimestamp = function (timestamp) {
-        timeStamp = timestamp;
-      };
-
-      this.push = function (bytes) {
-        var frameSize = 0,
-            byteIndex = 0,
-            bytesLeft,
-            chunk,
-            packet,
-            tempLength; // If there are bytes remaining from the last segment, prepend them to the
-        // bytes that were pushed in
-
-        if (everything.length) {
-          tempLength = everything.length;
-          everything = new Uint8Array(bytes.byteLength + tempLength);
-          everything.set(everything.subarray(0, tempLength));
-          everything.set(bytes, tempLength);
-        } else {
-          everything = bytes;
-        }
-
-        while (everything.length - byteIndex >= 3) {
-          if (everything[byteIndex] === 'I'.charCodeAt(0) && everything[byteIndex + 1] === 'D'.charCodeAt(0) && everything[byteIndex + 2] === '3'.charCodeAt(0)) {
-            // Exit early because we don't have enough to parse
-            // the ID3 tag header
-            if (everything.length - byteIndex < 10) {
-              break;
-            } // check framesize
-
-
-            frameSize = utils.parseId3TagSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
-            // to emit a full packet
-            // Add to byteIndex to support multiple ID3 tags in sequence
-
-            if (byteIndex + frameSize > everything.length) {
-              break;
-            }
-
-            chunk = {
-              type: 'timed-metadata',
-              data: everything.subarray(byteIndex, byteIndex + frameSize)
-            };
-            this.trigger('data', chunk);
-            byteIndex += frameSize;
-            continue;
-          } else if ((everything[byteIndex] & 0xff) === 0xff && (everything[byteIndex + 1] & 0xf0) === 0xf0) {
-            // Exit early because we don't have enough to parse
-            // the ADTS frame header
-            if (everything.length - byteIndex < 7) {
-              break;
-            }
-
-            frameSize = utils.parseAdtsSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
-            // to emit a full packet
-
-            if (byteIndex + frameSize > everything.length) {
-              break;
-            }
-
-            packet = {
-              type: 'audio',
-              data: everything.subarray(byteIndex, byteIndex + frameSize),
-              pts: timeStamp,
-              dts: timeStamp
-            };
-            this.trigger('data', packet);
-            byteIndex += frameSize;
-            continue;
-          }
-
-          byteIndex++;
-        }
-
-        bytesLeft = everything.length - byteIndex;
-
-        if (bytesLeft > 0) {
-          everything = everything.subarray(byteIndex);
-        } else {
-          everything = new Uint8Array();
-        }
-      };
-
-      this.reset = function () {
-        everything = new Uint8Array();
-        this.trigger('reset');
-      };
-
-      this.endTimeline = function () {
-        everything = new Uint8Array();
-        this.trigger('endedtimeline');
-      };
-    };
-
-    _AacStream.prototype = new stream();
-    var aac = _AacStream;
-    var H264Stream = h264.H264Stream;
-    var isLikelyAacData$1 = utils.isLikelyAacData;
-    var ONE_SECOND_IN_TS$3 = clock.ONE_SECOND_IN_TS; // constants
-
-    var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];
-    var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility', 'sarRatio']; // object types
-
-    var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;
-    /**
-     * Compare two arrays (even typed) for same-ness
-     */
-
-
-    var arrayEquals = function arrayEquals(a, b) {
-      var i;
-
-      if (a.length !== b.length) {
-        return false;
-      } // compare the value of each element in the array
-
-
-      for (i = 0; i < a.length; i++) {
-        if (a[i] !== b[i]) {
-          return false;
-        }
-      }
-
-      return true;
-    };
-
-    var generateVideoSegmentTimingInfo = function generateVideoSegmentTimingInfo(baseMediaDecodeTime, startDts, startPts, endDts, endPts, prependedContentDuration) {
-      var ptsOffsetFromDts = startPts - startDts,
-          decodeDuration = endDts - startDts,
-          presentationDuration = endPts - startPts; // The PTS and DTS values are based on the actual stream times from the segment,
-      // however, the player time values will reflect a start from the baseMediaDecodeTime.
-      // In order to provide relevant values for the player times, base timing info on the
-      // baseMediaDecodeTime and the DTS and PTS durations of the segment.
-
-      return {
-        start: {
-          dts: baseMediaDecodeTime,
-          pts: baseMediaDecodeTime + ptsOffsetFromDts
-        },
-        end: {
-          dts: baseMediaDecodeTime + decodeDuration,
-          pts: baseMediaDecodeTime + presentationDuration
-        },
-        prependedContentDuration: prependedContentDuration,
-        baseMediaDecodeTime: baseMediaDecodeTime
-      };
-    };
-    /**
-     * Constructs a single-track, ISO BMFF media segment from AAC data
-     * events. The output of this stream can be fed to a SourceBuffer
-     * configured with a suitable initialization segment.
-     * @param track {object} track metadata configuration
-     * @param options {object} transmuxer options object
-     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-     *        in the source; false to adjust the first segment to start at 0.
-     */
-
-
-    _AudioSegmentStream = function AudioSegmentStream(track, options) {
-      var adtsFrames = [],
-          sequenceNumber = 0,
-          earliestAllowedDts = 0,
-          audioAppendStartTs = 0,
-          videoBaseMediaDecodeTime = Infinity;
-      options = options || {};
-
-      _AudioSegmentStream.prototype.init.call(this);
-
-      this.push = function (data) {
-        trackDecodeInfo.collectDtsInfo(track, data);
-
-        if (track) {
-          AUDIO_PROPERTIES.forEach(function (prop) {
-            track[prop] = data[prop];
-          });
-        } // buffer audio data until end() is called
-
-
-        adtsFrames.push(data);
-      };
-
-      this.setEarliestDts = function (earliestDts) {
-        earliestAllowedDts = earliestDts - track.timelineStartInfo.baseMediaDecodeTime;
-      };
-
-      this.setVideoBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-        videoBaseMediaDecodeTime = baseMediaDecodeTime;
-      };
-
-      this.setAudioAppendStart = function (timestamp) {
-        audioAppendStartTs = timestamp;
-      };
-
-      this.flush = function () {
-        var frames, moof, mdat, boxes, frameDuration; // return early if no audio data has been observed
-
-        if (adtsFrames.length === 0) {
-          this.trigger('done', 'AudioSegmentStream');
-          return;
-        }
-
-        frames = audioFrameUtils.trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts);
-        track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-        audioFrameUtils.prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime); // we have to build the index from byte locations to
-        // samples (that is, adts frames) in the audio data
-
-        track.samples = audioFrameUtils.generateSampleTable(frames); // concatenate the audio data to constuct the mdat
-
-        mdat = mp4Generator.mdat(audioFrameUtils.concatenateFrameData(frames));
-        adtsFrames = [];
-        moof = mp4Generator.moof(sequenceNumber, [track]);
-        boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // bump the sequence number for next time
-
-        sequenceNumber++;
-        boxes.set(moof);
-        boxes.set(mdat, moof.byteLength);
-        trackDecodeInfo.clearDtsInfo(track);
-        frameDuration = Math.ceil(ONE_SECOND_IN_TS$3 * 1024 / track.samplerate); // TODO this check was added to maintain backwards compatibility (particularly with
-        // tests) on adding the timingInfo event. However, it seems unlikely that there's a
-        // valid use-case where an init segment/data should be triggered without associated
-        // frames. Leaving for now, but should be looked into.
-
-        if (frames.length) {
-          this.trigger('timingInfo', {
-            start: frames[0].dts,
-            end: frames[0].dts + frames.length * frameDuration
-          });
-        }
-
-        this.trigger('data', {
-          track: track,
-          boxes: boxes
-        });
-        this.trigger('done', 'AudioSegmentStream');
-      };
-
-      this.reset = function () {
-        trackDecodeInfo.clearDtsInfo(track);
-        adtsFrames = [];
-        this.trigger('reset');
-      };
-    };
-
-    _AudioSegmentStream.prototype = new stream();
-    /**
-     * Constructs a single-track, ISO BMFF media segment from H264 data
-     * events. The output of this stream can be fed to a SourceBuffer
-     * configured with a suitable initialization segment.
-     * @param track {object} track metadata configuration
-     * @param options {object} transmuxer options object
-     * @param options.alignGopsAtEnd {boolean} If true, start from the end of the
-     *        gopsToAlignWith list when attempting to align gop pts
-     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-     *        in the source; false to adjust the first segment to start at 0.
-     */
-
-    _VideoSegmentStream = function VideoSegmentStream(track, options) {
-      var sequenceNumber = 0,
-          nalUnits = [],
-          gopsToAlignWith = [],
-          config,
-          pps;
-      options = options || {};
-
-      _VideoSegmentStream.prototype.init.call(this);
-
-      delete track.minPTS;
-      this.gopCache_ = [];
-      /**
-        * Constructs a ISO BMFF segment given H264 nalUnits
-        * @param {Object} nalUnit A data event representing a nalUnit
-        * @param {String} nalUnit.nalUnitType
-        * @param {Object} nalUnit.config Properties for a mp4 track
-        * @param {Uint8Array} nalUnit.data The nalUnit bytes
-        * @see lib/codecs/h264.js
-       **/
-
-      this.push = function (nalUnit) {
-        trackDecodeInfo.collectDtsInfo(track, nalUnit); // record the track config
-
-        if (nalUnit.nalUnitType === 'seq_parameter_set_rbsp' && !config) {
-          config = nalUnit.config;
-          track.sps = [nalUnit.data];
-          VIDEO_PROPERTIES.forEach(function (prop) {
-            track[prop] = config[prop];
-          }, this);
-        }
-
-        if (nalUnit.nalUnitType === 'pic_parameter_set_rbsp' && !pps) {
-          pps = nalUnit.data;
-          track.pps = [nalUnit.data];
-        } // buffer video until flush() is called
-
-
-        nalUnits.push(nalUnit);
-      };
-      /**
-        * Pass constructed ISO BMFF track and boxes on to the
-        * next stream in the pipeline
-       **/
-
-
-      this.flush = function () {
-        var frames,
-            gopForFusion,
-            gops,
-            moof,
-            mdat,
-            boxes,
-            prependedContentDuration = 0,
-            firstGop,
-            lastGop; // Throw away nalUnits at the start of the byte stream until
-        // we find the first AUD
-
-        while (nalUnits.length) {
-          if (nalUnits[0].nalUnitType === 'access_unit_delimiter_rbsp') {
-            break;
-          }
-
-          nalUnits.shift();
-        } // Return early if no video data has been observed
-
-
-        if (nalUnits.length === 0) {
-          this.resetStream_();
-          this.trigger('done', 'VideoSegmentStream');
-          return;
-        } // Organize the raw nal-units into arrays that represent
-        // higher-level constructs such as frames and gops
-        // (group-of-pictures)
-
-
-        frames = frameUtils.groupNalsIntoFrames(nalUnits);
-        gops = frameUtils.groupFramesIntoGops(frames); // If the first frame of this fragment is not a keyframe we have
-        // a problem since MSE (on Chrome) requires a leading keyframe.
-        //
-        // We have two approaches to repairing this situation:
-        // 1) GOP-FUSION:
-        //    This is where we keep track of the GOPS (group-of-pictures)
-        //    from previous fragments and attempt to find one that we can
-        //    prepend to the current fragment in order to create a valid
-        //    fragment.
-        // 2) KEYFRAME-PULLING:
-        //    Here we search for the first keyframe in the fragment and
-        //    throw away all the frames between the start of the fragment
-        //    and that keyframe. We then extend the duration and pull the
-        //    PTS of the keyframe forward so that it covers the time range
-        //    of the frames that were disposed of.
-        //
-        // #1 is far prefereable over #2 which can cause "stuttering" but
-        // requires more things to be just right.
-
-        if (!gops[0][0].keyFrame) {
-          // Search for a gop for fusion from our gopCache
-          gopForFusion = this.getGopForFusion_(nalUnits[0], track);
-
-          if (gopForFusion) {
-            // in order to provide more accurate timing information about the segment, save
-            // the number of seconds prepended to the original segment due to GOP fusion
-            prependedContentDuration = gopForFusion.duration;
-            gops.unshift(gopForFusion); // Adjust Gops' metadata to account for the inclusion of the
-            // new gop at the beginning
-
-            gops.byteLength += gopForFusion.byteLength;
-            gops.nalCount += gopForFusion.nalCount;
-            gops.pts = gopForFusion.pts;
-            gops.dts = gopForFusion.dts;
-            gops.duration += gopForFusion.duration;
-          } else {
-            // If we didn't find a candidate gop fall back to keyframe-pulling
-            gops = frameUtils.extendFirstKeyFrame(gops);
-          }
-        } // Trim gops to align with gopsToAlignWith
-
-
-        if (gopsToAlignWith.length) {
-          var alignedGops;
-
-          if (options.alignGopsAtEnd) {
-            alignedGops = this.alignGopsAtEnd_(gops);
-          } else {
-            alignedGops = this.alignGopsAtStart_(gops);
-          }
-
-          if (!alignedGops) {
-            // save all the nals in the last GOP into the gop cache
-            this.gopCache_.unshift({
-              gop: gops.pop(),
-              pps: track.pps,
-              sps: track.sps
-            }); // Keep a maximum of 6 GOPs in the cache
-
-            this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
-
-            nalUnits = []; // return early no gops can be aligned with desired gopsToAlignWith
-
-            this.resetStream_();
-            this.trigger('done', 'VideoSegmentStream');
-            return;
-          } // Some gops were trimmed. clear dts info so minSegmentDts and pts are correct
-          // when recalculated before sending off to CoalesceStream
-
-
-          trackDecodeInfo.clearDtsInfo(track);
-          gops = alignedGops;
-        }
-
-        trackDecodeInfo.collectDtsInfo(track, gops); // First, we have to build the index from byte locations to
-        // samples (that is, frames) in the video data
-
-        track.samples = frameUtils.generateSampleTable(gops); // Concatenate the video data and construct the mdat
-
-        mdat = mp4Generator.mdat(frameUtils.concatenateNalData(gops));
-        track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-        this.trigger('processedGopsInfo', gops.map(function (gop) {
-          return {
-            pts: gop.pts,
-            dts: gop.dts,
-            byteLength: gop.byteLength
-          };
-        }));
-        firstGop = gops[0];
-        lastGop = gops[gops.length - 1];
-        this.trigger('segmentTimingInfo', generateVideoSegmentTimingInfo(track.baseMediaDecodeTime, firstGop.dts, firstGop.pts, lastGop.dts + lastGop.duration, lastGop.pts + lastGop.duration, prependedContentDuration));
-        this.trigger('timingInfo', {
-          start: gops[0].dts,
-          end: gops[gops.length - 1].dts + gops[gops.length - 1].duration
-        }); // save all the nals in the last GOP into the gop cache
-
-        this.gopCache_.unshift({
-          gop: gops.pop(),
-          pps: track.pps,
-          sps: track.sps
-        }); // Keep a maximum of 6 GOPs in the cache
-
-        this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
-
-        nalUnits = [];
-        this.trigger('baseMediaDecodeTime', track.baseMediaDecodeTime);
-        this.trigger('timelineStartInfo', track.timelineStartInfo);
-        moof = mp4Generator.moof(sequenceNumber, [track]); // it would be great to allocate this array up front instead of
-        // throwing away hundreds of media segment fragments
-
-        boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // Bump the sequence number for next time
-
-        sequenceNumber++;
-        boxes.set(moof);
-        boxes.set(mdat, moof.byteLength);
-        this.trigger('data', {
-          track: track,
-          boxes: boxes
-        });
-        this.resetStream_(); // Continue with the flush process now
-
-        this.trigger('done', 'VideoSegmentStream');
-      };
-
-      this.reset = function () {
-        this.resetStream_();
-        nalUnits = [];
-        this.gopCache_.length = 0;
-        gopsToAlignWith.length = 0;
-        this.trigger('reset');
-      };
-
-      this.resetStream_ = function () {
-        trackDecodeInfo.clearDtsInfo(track); // reset config and pps because they may differ across segments
-        // for instance, when we are rendition switching
-
-        config = undefined;
-        pps = undefined;
-      }; // Search for a candidate Gop for gop-fusion from the gop cache and
-      // return it or return null if no good candidate was found
-
-
-      this.getGopForFusion_ = function (nalUnit) {
-        var halfSecond = 45000,
-            // Half-a-second in a 90khz clock
-        allowableOverlap = 10000,
-            // About 3 frames @ 30fps
-        nearestDistance = Infinity,
-            dtsDistance,
-            nearestGopObj,
-            currentGop,
-            currentGopObj,
-            i; // Search for the GOP nearest to the beginning of this nal unit
-
-        for (i = 0; i < this.gopCache_.length; i++) {
-          currentGopObj = this.gopCache_[i];
-          currentGop = currentGopObj.gop; // Reject Gops with different SPS or PPS
-
-          if (!(track.pps && arrayEquals(track.pps[0], currentGopObj.pps[0])) || !(track.sps && arrayEquals(track.sps[0], currentGopObj.sps[0]))) {
-            continue;
-          } // Reject Gops that would require a negative baseMediaDecodeTime
-
-
-          if (currentGop.dts < track.timelineStartInfo.dts) {
-            continue;
-          } // The distance between the end of the gop and the start of the nalUnit
-
-
-          dtsDistance = nalUnit.dts - currentGop.dts - currentGop.duration; // Only consider GOPS that start before the nal unit and end within
-          // a half-second of the nal unit
-
-          if (dtsDistance >= -allowableOverlap && dtsDistance <= halfSecond) {
-            // Always use the closest GOP we found if there is more than
-            // one candidate
-            if (!nearestGopObj || nearestDistance > dtsDistance) {
-              nearestGopObj = currentGopObj;
-              nearestDistance = dtsDistance;
-            }
-          }
-        }
-
-        if (nearestGopObj) {
-          return nearestGopObj.gop;
-        }
-
-        return null;
-      }; // trim gop list to the first gop found that has a matching pts with a gop in the list
-      // of gopsToAlignWith starting from the START of the list
-
-
-      this.alignGopsAtStart_ = function (gops) {
-        var alignIndex, gopIndex, align, gop, byteLength, nalCount, duration, alignedGops;
-        byteLength = gops.byteLength;
-        nalCount = gops.nalCount;
-        duration = gops.duration;
-        alignIndex = gopIndex = 0;
-
-        while (alignIndex < gopsToAlignWith.length && gopIndex < gops.length) {
-          align = gopsToAlignWith[alignIndex];
-          gop = gops[gopIndex];
-
-          if (align.pts === gop.pts) {
-            break;
-          }
-
-          if (gop.pts > align.pts) {
-            // this current gop starts after the current gop we want to align on, so increment
-            // align index
-            alignIndex++;
-            continue;
-          } // current gop starts before the current gop we want to align on. so increment gop
-          // index
-
-
-          gopIndex++;
-          byteLength -= gop.byteLength;
-          nalCount -= gop.nalCount;
-          duration -= gop.duration;
-        }
-
-        if (gopIndex === 0) {
-          // no gops to trim
-          return gops;
-        }
-
-        if (gopIndex === gops.length) {
-          // all gops trimmed, skip appending all gops
-          return null;
-        }
-
-        alignedGops = gops.slice(gopIndex);
-        alignedGops.byteLength = byteLength;
-        alignedGops.duration = duration;
-        alignedGops.nalCount = nalCount;
-        alignedGops.pts = alignedGops[0].pts;
-        alignedGops.dts = alignedGops[0].dts;
-        return alignedGops;
-      }; // trim gop list to the first gop found that has a matching pts with a gop in the list
-      // of gopsToAlignWith starting from the END of the list
-
-
-      this.alignGopsAtEnd_ = function (gops) {
-        var alignIndex, gopIndex, align, gop, alignEndIndex, matchFound;
-        alignIndex = gopsToAlignWith.length - 1;
-        gopIndex = gops.length - 1;
-        alignEndIndex = null;
-        matchFound = false;
-
-        while (alignIndex >= 0 && gopIndex >= 0) {
-          align = gopsToAlignWith[alignIndex];
-          gop = gops[gopIndex];
-
-          if (align.pts === gop.pts) {
-            matchFound = true;
-            break;
-          }
-
-          if (align.pts > gop.pts) {
-            alignIndex--;
-            continue;
-          }
-
-          if (alignIndex === gopsToAlignWith.length - 1) {
-            // gop.pts is greater than the last alignment candidate. If no match is found
-            // by the end of this loop, we still want to append gops that come after this
-            // point
-            alignEndIndex = gopIndex;
-          }
-
-          gopIndex--;
-        }
-
-        if (!matchFound && alignEndIndex === null) {
-          return null;
-        }
-
-        var trimIndex;
-
-        if (matchFound) {
-          trimIndex = gopIndex;
-        } else {
-          trimIndex = alignEndIndex;
-        }
-
-        if (trimIndex === 0) {
-          return gops;
-        }
-
-        var alignedGops = gops.slice(trimIndex);
-        var metadata = alignedGops.reduce(function (total, gop) {
-          total.byteLength += gop.byteLength;
-          total.duration += gop.duration;
-          total.nalCount += gop.nalCount;
-          return total;
-        }, {
-          byteLength: 0,
-          duration: 0,
-          nalCount: 0
-        });
-        alignedGops.byteLength = metadata.byteLength;
-        alignedGops.duration = metadata.duration;
-        alignedGops.nalCount = metadata.nalCount;
-        alignedGops.pts = alignedGops[0].pts;
-        alignedGops.dts = alignedGops[0].dts;
-        return alignedGops;
-      };
-
-      this.alignGopsWith = function (newGopsToAlignWith) {
-        gopsToAlignWith = newGopsToAlignWith;
-      };
-    };
-
-    _VideoSegmentStream.prototype = new stream();
-    /**
-     * A Stream that can combine multiple streams (ie. audio & video)
-     * into a single output segment for MSE. Also supports audio-only
-     * and video-only streams.
-     * @param options {object} transmuxer options object
-     * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-     *        in the source; false to adjust the first segment to start at media timeline start.
-     */
-
-    _CoalesceStream = function CoalesceStream(options, metadataStream) {
-      // Number of Tracks per output segment
-      // If greater than 1, we combine multiple
-      // tracks into a single segment
-      this.numberOfTracks = 0;
-      this.metadataStream = metadataStream;
-      options = options || {};
-
-      if (typeof options.remux !== 'undefined') {
-        this.remuxTracks = !!options.remux;
-      } else {
-        this.remuxTracks = true;
-      }
-
-      if (typeof options.keepOriginalTimestamps === 'boolean') {
-        this.keepOriginalTimestamps = options.keepOriginalTimestamps;
-      } else {
-        this.keepOriginalTimestamps = false;
-      }
-
-      this.pendingTracks = [];
-      this.videoTrack = null;
-      this.pendingBoxes = [];
-      this.pendingCaptions = [];
-      this.pendingMetadata = [];
-      this.pendingBytes = 0;
-      this.emittedTracks = 0;
-
-      _CoalesceStream.prototype.init.call(this); // Take output from multiple
-
-
-      this.push = function (output) {
-        // buffer incoming captions until the associated video segment
-        // finishes
-        if (output.text) {
-          return this.pendingCaptions.push(output);
-        } // buffer incoming id3 tags until the final flush
-
-
-        if (output.frames) {
-          return this.pendingMetadata.push(output);
-        } // Add this track to the list of pending tracks and store
-        // important information required for the construction of
-        // the final segment
-
-
-        this.pendingTracks.push(output.track);
-        this.pendingBytes += output.boxes.byteLength; // TODO: is there an issue for this against chrome?
-        // We unshift audio and push video because
-        // as of Chrome 75 when switching from
-        // one init segment to another if the video
-        // mdat does not appear after the audio mdat
-        // only audio will play for the duration of our transmux.
-
-        if (output.track.type === 'video') {
-          this.videoTrack = output.track;
-          this.pendingBoxes.push(output.boxes);
-        }
-
-        if (output.track.type === 'audio') {
-          this.audioTrack = output.track;
-          this.pendingBoxes.unshift(output.boxes);
-        }
-      };
-    };
-
-    _CoalesceStream.prototype = new stream();
-
-    _CoalesceStream.prototype.flush = function (flushSource) {
-      var offset = 0,
-          event = {
-        captions: [],
-        captionStreams: {},
-        metadata: [],
-        info: {}
-      },
-          caption,
-          id3,
-          initSegment,
-          timelineStartPts = 0,
-          i;
-
-      if (this.pendingTracks.length < this.numberOfTracks) {
-        if (flushSource !== 'VideoSegmentStream' && flushSource !== 'AudioSegmentStream') {
-          // Return because we haven't received a flush from a data-generating
-          // portion of the segment (meaning that we have only recieved meta-data
-          // or captions.)
-          return;
-        } else if (this.remuxTracks) {
-          // Return until we have enough tracks from the pipeline to remux (if we
-          // are remuxing audio and video into a single MP4)
-          return;
-        } else if (this.pendingTracks.length === 0) {
-          // In the case where we receive a flush without any data having been
-          // received we consider it an emitted track for the purposes of coalescing
-          // `done` events.
-          // We do this for the case where there is an audio and video track in the
-          // segment but no audio data. (seen in several playlists with alternate
-          // audio tracks and no audio present in the main TS segments.)
-          this.emittedTracks++;
-
-          if (this.emittedTracks >= this.numberOfTracks) {
-            this.trigger('done');
-            this.emittedTracks = 0;
-          }
-
-          return;
-        }
-      }
-
-      if (this.videoTrack) {
-        timelineStartPts = this.videoTrack.timelineStartInfo.pts;
-        VIDEO_PROPERTIES.forEach(function (prop) {
-          event.info[prop] = this.videoTrack[prop];
-        }, this);
-      } else if (this.audioTrack) {
-        timelineStartPts = this.audioTrack.timelineStartInfo.pts;
-        AUDIO_PROPERTIES.forEach(function (prop) {
-          event.info[prop] = this.audioTrack[prop];
-        }, this);
-      }
-
-      if (this.videoTrack || this.audioTrack) {
-        if (this.pendingTracks.length === 1) {
-          event.type = this.pendingTracks[0].type;
-        } else {
-          event.type = 'combined';
-        }
-
-        this.emittedTracks += this.pendingTracks.length;
-        initSegment = mp4Generator.initSegment(this.pendingTracks); // Create a new typed array to hold the init segment
-
-        event.initSegment = new Uint8Array(initSegment.byteLength); // Create an init segment containing a moov
-        // and track definitions
-
-        event.initSegment.set(initSegment); // Create a new typed array to hold the moof+mdats
-
-        event.data = new Uint8Array(this.pendingBytes); // Append each moof+mdat (one per track) together
-
-        for (i = 0; i < this.pendingBoxes.length; i++) {
-          event.data.set(this.pendingBoxes[i], offset);
-          offset += this.pendingBoxes[i].byteLength;
-        } // Translate caption PTS times into second offsets to match the
-        // video timeline for the segment, and add track info
-
-
-        for (i = 0; i < this.pendingCaptions.length; i++) {
-          caption = this.pendingCaptions[i];
-          caption.startTime = clock.metadataTsToSeconds(caption.startPts, timelineStartPts, this.keepOriginalTimestamps);
-          caption.endTime = clock.metadataTsToSeconds(caption.endPts, timelineStartPts, this.keepOriginalTimestamps);
-          event.captionStreams[caption.stream] = true;
-          event.captions.push(caption);
-        } // Translate ID3 frame PTS times into second offsets to match the
-        // video timeline for the segment
-
-
-        for (i = 0; i < this.pendingMetadata.length; i++) {
-          id3 = this.pendingMetadata[i];
-          id3.cueTime = clock.metadataTsToSeconds(id3.pts, timelineStartPts, this.keepOriginalTimestamps);
-          event.metadata.push(id3);
-        } // We add this to every single emitted segment even though we only need
-        // it for the first
-
-
-        event.metadata.dispatchType = this.metadataStream.dispatchType; // Reset stream state
-
-        this.pendingTracks.length = 0;
-        this.videoTrack = null;
-        this.pendingBoxes.length = 0;
-        this.pendingCaptions.length = 0;
-        this.pendingBytes = 0;
-        this.pendingMetadata.length = 0; // Emit the built segment
-        // We include captions and ID3 tags for backwards compatibility,
-        // ideally we should send only video and audio in the data event
-
-        this.trigger('data', event); // Emit each caption to the outside world
-        // Ideally, this would happen immediately on parsing captions,
-        // but we need to ensure that video data is sent back first
-        // so that caption timing can be adjusted to match video timing
-
-        for (i = 0; i < event.captions.length; i++) {
-          caption = event.captions[i];
-          this.trigger('caption', caption);
-        } // Emit each id3 tag to the outside world
-        // Ideally, this would happen immediately on parsing the tag,
-        // but we need to ensure that video data is sent back first
-        // so that ID3 frame timing can be adjusted to match video timing
-
-
-        for (i = 0; i < event.metadata.length; i++) {
-          id3 = event.metadata[i];
-          this.trigger('id3Frame', id3);
-        }
-      } // Only emit `done` if all tracks have been flushed and emitted
-
-
-      if (this.emittedTracks >= this.numberOfTracks) {
-        this.trigger('done');
-        this.emittedTracks = 0;
-      }
-    };
-
-    _CoalesceStream.prototype.setRemux = function (val) {
-      this.remuxTracks = val;
-    };
-    /**
-     * A Stream that expects MP2T binary data as input and produces
-     * corresponding media segments, suitable for use with Media Source
-     * Extension (MSE) implementations that support the ISO BMFF byte
-     * stream format, like Chrome.
-     */
-
-
-    _Transmuxer = function Transmuxer(options) {
-      var self = this,
-          hasFlushed = true,
-          videoTrack,
-          audioTrack;
-
-      _Transmuxer.prototype.init.call(this);
-
-      options = options || {};
-      this.baseMediaDecodeTime = options.baseMediaDecodeTime || 0;
-      this.transmuxPipeline_ = {};
-
-      this.setupAacPipeline = function () {
-        var pipeline = {};
-        this.transmuxPipeline_ = pipeline;
-        pipeline.type = 'aac';
-        pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
-        pipeline.aacStream = new aac();
-        pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');
-        pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');
-        pipeline.adtsStream = new adts();
-        pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
-        pipeline.headOfPipeline = pipeline.aacStream;
-        pipeline.aacStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);
-        pipeline.aacStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);
-        pipeline.metadataStream.on('timestamp', function (frame) {
-          pipeline.aacStream.setTimestamp(frame.timeStamp);
-        });
-        pipeline.aacStream.on('data', function (data) {
-          if (data.type === 'timed-metadata' && !pipeline.audioSegmentStream) {
-            audioTrack = audioTrack || {
-              timelineStartInfo: {
-                baseMediaDecodeTime: self.baseMediaDecodeTime
-              },
-              codec: 'adts',
-              type: 'audio'
-            }; // hook up the audio segment stream to the first track with aac data
-
-            pipeline.coalesceStream.numberOfTracks++;
-            pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
-            pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
-
-            pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-          } // emit pmt info
-
-
-          self.trigger('trackinfo', {
-            hasAudio: !!audioTrack,
-            hasVideo: !!videoTrack
-          });
-        }); // Re-emit any data coming from the coalesce stream to the outside world
-
-        pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data')); // Let the consumer know we have finished flushing the entire pipeline
-
-        pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
-      };
-
-      this.setupTsPipeline = function () {
-        var pipeline = {};
-        this.transmuxPipeline_ = pipeline;
-        pipeline.type = 'ts';
-        pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
-        pipeline.packetStream = new m2ts_1.TransportPacketStream();
-        pipeline.parseStream = new m2ts_1.TransportParseStream();
-        pipeline.elementaryStream = new m2ts_1.ElementaryStream();
-        pipeline.timestampRolloverStream = new m2ts_1.TimestampRolloverStream();
-        pipeline.adtsStream = new adts();
-        pipeline.h264Stream = new H264Stream();
-        pipeline.captionStream = new m2ts_1.CaptionStream();
-        pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
-        pipeline.headOfPipeline = pipeline.packetStream; // disassemble MPEG2-TS packets into elementary streams
-
-        pipeline.packetStream.pipe(pipeline.parseStream).pipe(pipeline.elementaryStream).pipe(pipeline.timestampRolloverStream); // !!THIS ORDER IS IMPORTANT!!
-        // demux the streams
-
-        pipeline.timestampRolloverStream.pipe(pipeline.h264Stream);
-        pipeline.timestampRolloverStream.pipe(pipeline.adtsStream);
-        pipeline.timestampRolloverStream.pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream); // Hook up CEA-608/708 caption stream
-
-        pipeline.h264Stream.pipe(pipeline.captionStream).pipe(pipeline.coalesceStream);
-        pipeline.elementaryStream.on('data', function (data) {
-          var i;
-
-          if (data.type === 'metadata') {
-            i = data.tracks.length; // scan the tracks listed in the metadata
-
-            while (i--) {
-              if (!videoTrack && data.tracks[i].type === 'video') {
-                videoTrack = data.tracks[i];
-                videoTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
-              } else if (!audioTrack && data.tracks[i].type === 'audio') {
-                audioTrack = data.tracks[i];
-                audioTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
-              }
-            } // hook up the video segment stream to the first track with h264 data
-
-
-            if (videoTrack && !pipeline.videoSegmentStream) {
-              pipeline.coalesceStream.numberOfTracks++;
-              pipeline.videoSegmentStream = new _VideoSegmentStream(videoTrack, options);
-              pipeline.videoSegmentStream.on('timelineStartInfo', function (timelineStartInfo) {
-                // When video emits timelineStartInfo data after a flush, we forward that
-                // info to the AudioSegmentStream, if it exists, because video timeline
-                // data takes precedence.
-                if (audioTrack) {
-                  audioTrack.timelineStartInfo = timelineStartInfo; // On the first segment we trim AAC frames that exist before the
-                  // very earliest DTS we have seen in video because Chrome will
-                  // interpret any video track with a baseMediaDecodeTime that is
-                  // non-zero as a gap.
-
-                  pipeline.audioSegmentStream.setEarliestDts(timelineStartInfo.dts);
-                }
-              });
-              pipeline.videoSegmentStream.on('processedGopsInfo', self.trigger.bind(self, 'gopInfo'));
-              pipeline.videoSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'videoSegmentTimingInfo'));
-              pipeline.videoSegmentStream.on('baseMediaDecodeTime', function (baseMediaDecodeTime) {
-                if (audioTrack) {
-                  pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);
-                }
-              });
-              pipeline.videoSegmentStream.on('timingInfo', self.trigger.bind(self, 'videoTimingInfo')); // Set up the final part of the video pipeline
-
-              pipeline.h264Stream.pipe(pipeline.videoSegmentStream).pipe(pipeline.coalesceStream);
-            }
-
-            if (audioTrack && !pipeline.audioSegmentStream) {
-              // hook up the audio segment stream to the first track with aac data
-              pipeline.coalesceStream.numberOfTracks++;
-              pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
-              pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
-
-              pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-            } // emit pmt info
-
-
-            self.trigger('trackinfo', {
-              hasAudio: !!audioTrack,
-              hasVideo: !!videoTrack
-            });
-          }
-        }); // Re-emit any data coming from the coalesce stream to the outside world
-
-        pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));
-        pipeline.coalesceStream.on('id3Frame', function (id3Frame) {
-          id3Frame.dispatchType = pipeline.metadataStream.dispatchType;
-          self.trigger('id3Frame', id3Frame);
-        });
-        pipeline.coalesceStream.on('caption', this.trigger.bind(this, 'caption')); // Let the consumer know we have finished flushing the entire pipeline
-
-        pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
-      }; // hook up the segment streams once track metadata is delivered
-
-
-      this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-        var pipeline = this.transmuxPipeline_;
-
-        if (!options.keepOriginalTimestamps) {
-          this.baseMediaDecodeTime = baseMediaDecodeTime;
-        }
-
-        if (audioTrack) {
-          audioTrack.timelineStartInfo.dts = undefined;
-          audioTrack.timelineStartInfo.pts = undefined;
-          trackDecodeInfo.clearDtsInfo(audioTrack);
-
-          if (!options.keepOriginalTimestamps) {
-            audioTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-          }
-
-          if (pipeline.audioTimestampRolloverStream) {
-            pipeline.audioTimestampRolloverStream.discontinuity();
-          }
-        }
-
-        if (videoTrack) {
-          if (pipeline.videoSegmentStream) {
-            pipeline.videoSegmentStream.gopCache_ = [];
-          }
-
-          videoTrack.timelineStartInfo.dts = undefined;
-          videoTrack.timelineStartInfo.pts = undefined;
-          trackDecodeInfo.clearDtsInfo(videoTrack);
-          pipeline.captionStream.reset();
-
-          if (!options.keepOriginalTimestamps) {
-            videoTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-          }
-        }
-
-        if (pipeline.timestampRolloverStream) {
-          pipeline.timestampRolloverStream.discontinuity();
-        }
-      };
-
-      this.setAudioAppendStart = function (timestamp) {
-        if (audioTrack) {
-          this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);
-        }
-      };
-
-      this.setRemux = function (val) {
-        var pipeline = this.transmuxPipeline_;
-        options.remux = val;
-
-        if (pipeline && pipeline.coalesceStream) {
-          pipeline.coalesceStream.setRemux(val);
-        }
-      };
-
-      this.alignGopsWith = function (gopsToAlignWith) {
-        if (videoTrack && this.transmuxPipeline_.videoSegmentStream) {
-          this.transmuxPipeline_.videoSegmentStream.alignGopsWith(gopsToAlignWith);
-        }
-      }; // feed incoming data to the front of the parsing pipeline
-
-
-      this.push = function (data) {
-        if (hasFlushed) {
-          var isAac = isLikelyAacData$1(data);
-
-          if (isAac && this.transmuxPipeline_.type !== 'aac') {
-            this.setupAacPipeline();
-          } else if (!isAac && this.transmuxPipeline_.type !== 'ts') {
-            this.setupTsPipeline();
-          }
-
-          hasFlushed = false;
-        }
-
-        this.transmuxPipeline_.headOfPipeline.push(data);
-      }; // flush any buffered data
-
-
-      this.flush = function () {
-        hasFlushed = true; // Start at the top of the pipeline and flush all pending work
-
-        this.transmuxPipeline_.headOfPipeline.flush();
-      };
-
-      this.endTimeline = function () {
-        this.transmuxPipeline_.headOfPipeline.endTimeline();
-      };
-
-      this.reset = function () {
-        if (this.transmuxPipeline_.headOfPipeline) {
-          this.transmuxPipeline_.headOfPipeline.reset();
-        }
-      }; // Caption data has to be reset when seeking outside buffered range
-
-
-      this.resetCaptions = function () {
-        if (this.transmuxPipeline_.captionStream) {
-          this.transmuxPipeline_.captionStream.reset();
-        }
-      };
-    };
-
-    _Transmuxer.prototype = new stream();
-    var transmuxer = {
-      Transmuxer: _Transmuxer,
-      VideoSegmentStream: _VideoSegmentStream,
-      AudioSegmentStream: _AudioSegmentStream,
-      AUDIO_PROPERTIES: AUDIO_PROPERTIES,
-      VIDEO_PROPERTIES: VIDEO_PROPERTIES,
-      // exported for testing
-      generateVideoSegmentTimingInfo: generateVideoSegmentTimingInfo
-    };
-
-    var classCallCheck = function classCallCheck(instance, Constructor) {
-      if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-      }
-    };
-
-    var createClass = function () {
-      function defineProperties(target, props) {
-        for (var i = 0; i < props.length; i++) {
-          var descriptor = props[i];
-          descriptor.enumerable = descriptor.enumerable || false;
-          descriptor.configurable = true;
-          if ("value" in descriptor) descriptor.writable = true;
-          Object.defineProperty(target, descriptor.key, descriptor);
-        }
-      }
-
-      return function (Constructor, protoProps, staticProps) {
-        if (protoProps) defineProperties(Constructor.prototype, protoProps);
-        if (staticProps) defineProperties(Constructor, staticProps);
-        return Constructor;
-      };
-    }();
-    /**
-     * @file transmuxer-worker.js
-     */
-
-    /**
-     * Re-emits transmuxer events by converting them into messages to the
-     * world outside the worker.
-     *
-     * @param {Object} transmuxer the transmuxer to wire events on
-     * @private
-     */
-
-
-    var wireTransmuxerEvents = function wireTransmuxerEvents(self, transmuxer$$1) {
-      transmuxer$$1.on('data', function (segment) {
-        // transfer ownership of the underlying ArrayBuffer
-        // instead of doing a copy to save memory
-        // ArrayBuffers are transferable but generic TypedArrays are not
-        // @link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Passing_data_by_transferring_ownership_(transferable_objects)
-        var initArray = segment.initSegment;
-        segment.initSegment = {
-          data: initArray.buffer,
-          byteOffset: initArray.byteOffset,
-          byteLength: initArray.byteLength
-        };
-        var typedArray = segment.data;
-        segment.data = typedArray.buffer;
-        self.postMessage({
-          action: 'data',
-          segment: segment,
-          byteOffset: typedArray.byteOffset,
-          byteLength: typedArray.byteLength
-        }, [segment.data]);
-      });
-
-      if (transmuxer$$1.captionStream) {
-        transmuxer$$1.captionStream.on('data', function (caption) {
-          self.postMessage({
-            action: 'caption',
-            data: caption
-          });
-        });
-      }
-
-      transmuxer$$1.on('done', function (data) {
-        self.postMessage({
-          action: 'done'
-        });
-      });
-      transmuxer$$1.on('gopInfo', function (gopInfo) {
-        self.postMessage({
-          action: 'gopInfo',
-          gopInfo: gopInfo
-        });
-      });
-      transmuxer$$1.on('videoSegmentTimingInfo', function (videoSegmentTimingInfo) {
-        self.postMessage({
-          action: 'videoSegmentTimingInfo',
-          videoSegmentTimingInfo: videoSegmentTimingInfo
-        });
-      });
-    };
-    /**
-     * All incoming messages route through this hash. If no function exists
-     * to handle an incoming message, then we ignore the message.
-     *
-     * @class MessageHandlers
-     * @param {Object} options the options to initialize with
-     */
-
-
-    var MessageHandlers = function () {
-      function MessageHandlers(self, options) {
-        classCallCheck(this, MessageHandlers);
-        this.options = options || {};
-        this.self = self;
-        this.init();
-      }
-      /**
-       * initialize our web worker and wire all the events.
-       */
-
-
-      createClass(MessageHandlers, [{
-        key: 'init',
-        value: function init() {
-          if (this.transmuxer) {
-            this.transmuxer.dispose();
-          }
-
-          this.transmuxer = new transmuxer.Transmuxer(this.options);
-          wireTransmuxerEvents(this.self, this.transmuxer);
-        }
-        /**
-         * Adds data (a ts segment) to the start of the transmuxer pipeline for
-         * processing.
-         *
-         * @param {ArrayBuffer} data data to push into the muxer
-         */
-
-      }, {
-        key: 'push',
-        value: function push(data) {
-          // Cast array buffer to correct type for transmuxer
-          var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
-          this.transmuxer.push(segment);
-        }
-        /**
-         * Recreate the transmuxer so that the next segment added via `push`
-         * start with a fresh transmuxer.
-         */
-
-      }, {
-        key: 'reset',
-        value: function reset() {
-          this.init();
-        }
-        /**
-         * Set the value that will be used as the `baseMediaDecodeTime` time for the
-         * next segment pushed in. Subsequent segments will have their `baseMediaDecodeTime`
-         * set relative to the first based on the PTS values.
-         *
-         * @param {Object} data used to set the timestamp offset in the muxer
-         */
-
-      }, {
-        key: 'setTimestampOffset',
-        value: function setTimestampOffset(data) {
-          var timestampOffset = data.timestampOffset || 0;
-          this.transmuxer.setBaseMediaDecodeTime(Math.round(timestampOffset * 90000));
-        }
-      }, {
-        key: 'setAudioAppendStart',
-        value: function setAudioAppendStart(data) {
-          this.transmuxer.setAudioAppendStart(Math.ceil(data.appendStart * 90000));
-        }
-        /**
-         * Forces the pipeline to finish processing the last segment and emit it's
-         * results.
-         *
-         * @param {Object} data event data, not really used
-         */
-
-      }, {
-        key: 'flush',
-        value: function flush(data) {
-          this.transmuxer.flush();
-        }
-      }, {
-        key: 'resetCaptions',
-        value: function resetCaptions() {
-          this.transmuxer.resetCaptions();
-        }
-      }, {
-        key: 'alignGopsWith',
-        value: function alignGopsWith(data) {
-          this.transmuxer.alignGopsWith(data.gopsToAlignWith.slice());
-        }
-      }]);
-      return MessageHandlers;
-    }();
-    /**
-     * Our web wroker interface so that things can talk to mux.js
-     * that will be running in a web worker. the scope is passed to this by
-     * webworkify.
-     *
-     * @param {Object} self the scope for the web worker
-     */
-
-
-    var TransmuxerWorker = function TransmuxerWorker(self) {
-      self.onmessage = function (event) {
-        if (event.data.action === 'init' && event.data.options) {
-          this.messageHandlers = new MessageHandlers(self, event.data.options);
-          return;
-        }
-
-        if (!this.messageHandlers) {
-          this.messageHandlers = new MessageHandlers(self);
-        }
-
-        if (event.data && event.data.action && event.data.action !== 'init') {
-          if (this.messageHandlers[event.data.action]) {
-            this.messageHandlers[event.data.action](event.data);
-          }
-        }
-      };
-    };
-
-    var transmuxerWorker = new TransmuxerWorker(self);
-    return transmuxerWorker;
-  }();
-});
-/**
- * @file - codecs.js - Handles tasks regarding codec strings such as translating them to
- * codec strings, or translating codec strings into objects that can be examined.
- */
-// Default codec parameters if none were provided for video and/or audio
-
-var defaultCodecs = {
-  videoCodec: 'avc1',
-  videoObjectTypeIndicator: '.4d400d',
-  // AAC-LC
-  audioProfile: '2'
-};
-/**
- * Replace the old apple-style `avc1.<dd>.<dd>` codec string with the standard
- * `avc1.<hhhhhh>`
- *
- * @param {Array} codecs an array of codec strings to fix
- * @return {Array} the translated codec array
- * @private
- */
-
-var translateLegacyCodecs = function translateLegacyCodecs(codecs) {
-  return codecs.map(function (codec) {
-    return codec.replace(/avc1\.(\d+)\.(\d+)/i, function (orig, profile, avcLevel) {
-      var profileHex = ('00' + Number(profile).toString(16)).slice(-2);
-      var avcLevelHex = ('00' + Number(avcLevel).toString(16)).slice(-2);
-      return 'avc1.' + profileHex + '00' + avcLevelHex;
-    });
-  });
-};
-/**
- * Parses a codec string to retrieve the number of codecs specified,
- * the video codec and object type indicator, and the audio profile.
- */
-
-
-var parseCodecs = function parseCodecs() {
-  var codecs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var result = {
-    codecCount: 0
-  };
-  var parsed = void 0;
-  result.codecCount = codecs.split(',').length;
-  result.codecCount = result.codecCount || 2; // parse the video codec
-
-  parsed = /(^|\s|,)+(avc[13])([^ ,]*)/i.exec(codecs);
-
-  if (parsed) {
-    result.videoCodec = parsed[2];
-    result.videoObjectTypeIndicator = parsed[3];
-  } // parse the last field of the audio codec
-
-
-  result.audioProfile = /(^|\s|,)+mp4a.[0-9A-Fa-f]+\.([0-9A-Fa-f]+)/i.exec(codecs);
-  result.audioProfile = result.audioProfile && result.audioProfile[2];
-  return result;
-};
-/**
- * Replace codecs in the codec string with the old apple-style `avc1.<dd>.<dd>` to the
- * standard `avc1.<hhhhhh>`.
- *
- * @param codecString {String} the codec string
- * @return {String} the codec string with old apple-style codecs replaced
- *
- * @private
- */
-
-
-var mapLegacyAvcCodecs = function mapLegacyAvcCodecs(codecString) {
-  return codecString.replace(/avc1\.(\d+)\.(\d+)/i, function (match) {
-    return translateLegacyCodecs([match])[0];
-  });
-};
-/**
- * Build a media mime-type string from a set of parameters
- * @param {String} type either 'audio' or 'video'
- * @param {String} container either 'mp2t' or 'mp4'
- * @param {Array} codecs an array of codec strings to add
- * @return {String} a valid media mime-type
- */
-
-
-var makeMimeTypeString = function makeMimeTypeString(type, container, codecs) {
-  // The codecs array is filtered so that falsey values are
-  // dropped and don't cause Array#join to create spurious
-  // commas
-  return type + '/' + container + '; codecs="' + codecs.filter(function (c) {
-    return !!c;
-  }).join(', ') + '"';
-};
-/**
- * Returns the type container based on information in the playlist
- * @param {Playlist} media the current media playlist
- * @return {String} a valid media container type
- */
-
-
-var getContainerType = function getContainerType(media) {
-  // An initialization segment means the media playlist is an iframe
-  // playlist or is using the mp4 container. We don't currently
-  // support iframe playlists, so assume this is signalling mp4
-  // fragments.
-  if (media.segments && media.segments.length && media.segments[0].map) {
-    return 'mp4';
-  }
-
-  return 'mp2t';
-};
-/**
- * Returns a set of codec strings parsed from the playlist or the default
- * codec strings if no codecs were specified in the playlist
- * @param {Playlist} media the current media playlist
- * @return {Object} an object with the video and audio codecs
- */
-
-
-var getCodecs = function getCodecs(media) {
-  // if the codecs were explicitly specified, use them instead of the
-  // defaults
-  var mediaAttributes = media.attributes || {};
-
-  if (mediaAttributes.CODECS) {
-    return parseCodecs(mediaAttributes.CODECS);
-  }
-
-  return defaultCodecs;
-};
-
-var audioProfileFromDefault = function audioProfileFromDefault(master, audioGroupId) {
-  if (!master.mediaGroups.AUDIO || !audioGroupId) {
-    return null;
-  }
-
-  var audioGroup = master.mediaGroups.AUDIO[audioGroupId];
-
-  if (!audioGroup) {
-    return null;
-  }
-
-  for (var name in audioGroup) {
-    var audioType = audioGroup[name];
-
-    if (audioType["default"] && audioType.playlists) {
-      // codec should be the same for all playlists within the audio type
-      return parseCodecs(audioType.playlists[0].attributes.CODECS).audioProfile;
-    }
-  }
-
-  return null;
-};
-/**
- * Calculates the MIME type strings for a working configuration of
- * SourceBuffers to play variant streams in a master playlist. If
- * there is no possible working configuration, an empty array will be
- * returned.
- *
- * @param master {Object} the m3u8 object for the master playlist
- * @param media {Object} the m3u8 object for the variant playlist
- * @return {Array} the MIME type strings. If the array has more than
- * one entry, the first element should be applied to the video
- * SourceBuffer and the second to the audio SourceBuffer.
- *
- * @private
- */
-
-
-var mimeTypesForPlaylist = function mimeTypesForPlaylist(master, media) {
-  var containerType = getContainerType(media);
-  var codecInfo = getCodecs(media);
-  var mediaAttributes = media.attributes || {}; // Default condition for a traditional HLS (no demuxed audio/video)
-
-  var isMuxed = true;
-  var isMaat = false;
-
-  if (!media) {
-    // Not enough information
-    return [];
-  }
-
-  if (master.mediaGroups.AUDIO && mediaAttributes.AUDIO) {
-    var audioGroup = master.mediaGroups.AUDIO[mediaAttributes.AUDIO]; // Handle the case where we are in a multiple-audio track scenario
-
-    if (audioGroup) {
-      isMaat = true; // Start with the everything demuxed then...
-
-      isMuxed = false; // ...check to see if any audio group tracks are muxed (ie. lacking a uri)
-
-      for (var groupId in audioGroup) {
-        // either a uri is present (if the case of HLS and an external playlist), or
-        // playlists is present (in the case of DASH where we don't have external audio
-        // playlists)
-        if (!audioGroup[groupId].uri && !audioGroup[groupId].playlists) {
-          isMuxed = true;
-          break;
-        }
-      }
-    }
-  } // HLS with multiple-audio tracks must always get an audio codec.
-  // Put another way, there is no way to have a video-only multiple-audio HLS!
-
-
-  if (isMaat && !codecInfo.audioProfile) {
-    if (!isMuxed) {
-      // It is possible for codecs to be specified on the audio media group playlist but
-      // not on the rendition playlist. This is mostly the case for DASH, where audio and
-      // video are always separate (and separately specified).
-      codecInfo.audioProfile = audioProfileFromDefault(master, mediaAttributes.AUDIO);
-    }
-
-    if (!codecInfo.audioProfile) {
-      videojs$1.log.warn('Multiple audio tracks present but no audio codec string is specified. ' + 'Attempting to use the default audio codec (mp4a.40.2)');
-      codecInfo.audioProfile = defaultCodecs.audioProfile;
-    }
-  } // Generate the final codec strings from the codec object generated above
-
-
-  var codecStrings = {};
-
-  if (codecInfo.videoCodec) {
-    codecStrings.video = '' + codecInfo.videoCodec + codecInfo.videoObjectTypeIndicator;
-  }
-
-  if (codecInfo.audioProfile) {
-    codecStrings.audio = 'mp4a.40.' + codecInfo.audioProfile;
-  } // Finally, make and return an array with proper mime-types depending on
-  // the configuration
-
-
-  var justAudio = makeMimeTypeString('audio', containerType, [codecStrings.audio]);
-  var justVideo = makeMimeTypeString('video', containerType, [codecStrings.video]);
-  var bothVideoAudio = makeMimeTypeString('video', containerType, [codecStrings.video, codecStrings.audio]);
-
-  if (isMaat) {
-    if (!isMuxed && codecStrings.video) {
-      return [justVideo, justAudio];
-    }
-
-    if (!isMuxed && !codecStrings.video) {
-      // There is no muxed content and no video codec string, so this is an audio only
-      // stream with alternate audio.
-      return [justAudio, justAudio];
-    } // There exists the possiblity that this will return a `video/container`
-    // mime-type for the first entry in the array even when there is only audio.
-    // This doesn't appear to be a problem and simplifies the code.
-
-
-    return [bothVideoAudio, justAudio];
-  } // If there is no video codec at all, always just return a single
-  // audio/<container> mime-type
-
-
-  if (!codecStrings.video) {
-    return [justAudio];
-  } // When not using separate audio media groups, audio and video is
-  // *always* muxed
-
-
-  return [bothVideoAudio];
-};
-/**
- * Parse a content type header into a type and parameters
- * object
- *
- * @param {String} type the content type header
- * @return {Object} the parsed content-type
- * @private
- */
-
-
-var parseContentType = function parseContentType(type) {
-  var object = {
-    type: '',
-    parameters: {}
-  };
-  var parameters = type.trim().split(';'); // first parameter should always be content-type
-
-  object.type = parameters.shift().trim();
-  parameters.forEach(function (parameter) {
-    var pair = parameter.trim().split('=');
-
-    if (pair.length > 1) {
-      var name = pair[0].replace(/"/g, '').trim();
-      var value = pair[1].replace(/"/g, '').trim();
-      object.parameters[name] = value;
-    }
-  });
-  return object;
-};
-/**
- * Check if a codec string refers to an audio codec.
- *
- * @param {String} codec codec string to check
- * @return {Boolean} if this is an audio codec
- * @private
- */
-
-
-var isAudioCodec = function isAudioCodec(codec) {
-  return /mp4a\.\d+.\d+/i.test(codec);
-};
-/**
- * Check if a codec string refers to a video codec.
- *
- * @param {String} codec codec string to check
- * @return {Boolean} if this is a video codec
- * @private
- */
-
-
-var isVideoCodec = function isVideoCodec(codec) {
-  return /avc1\.[\da-f]+/i.test(codec);
-};
-/**
- * Returns a list of gops in the buffer that have a pts value of 3 seconds or more in
- * front of current time.
- *
- * @param {Array} buffer
- *        The current buffer of gop information
- * @param {Number} currentTime
- *        The current time
- * @param {Double} mapping
- *        Offset to map display time to stream presentation time
- * @return {Array}
- *         List of gops considered safe to append over
- */
-
-
-var gopsSafeToAlignWith = function gopsSafeToAlignWith(buffer, currentTime, mapping) {
-  if (typeof currentTime === 'undefined' || currentTime === null || !buffer.length) {
-    return [];
-  } // pts value for current time + 3 seconds to give a bit more wiggle room
-
-
-  var currentTimePts = Math.ceil((currentTime - mapping + 3) * 90000);
-  var i = void 0;
-
-  for (i = 0; i < buffer.length; i++) {
-    if (buffer[i].pts > currentTimePts) {
-      break;
-    }
-  }
-
-  return buffer.slice(i);
-};
-/**
- * Appends gop information (timing and byteLength) received by the transmuxer for the
- * gops appended in the last call to appendBuffer
- *
- * @param {Array} buffer
- *        The current buffer of gop information
- * @param {Array} gops
- *        List of new gop information
- * @param {boolean} replace
- *        If true, replace the buffer with the new gop information. If false, append the
- *        new gop information to the buffer in the right location of time.
- * @return {Array}
- *         Updated list of gop information
- */
-
-
-var updateGopBuffer = function updateGopBuffer(buffer, gops, replace) {
-  if (!gops.length) {
-    return buffer;
-  }
-
-  if (replace) {
-    // If we are in safe append mode, then completely overwrite the gop buffer
-    // with the most recent appeneded data. This will make sure that when appending
-    // future segments, we only try to align with gops that are both ahead of current
-    // time and in the last segment appended.
-    return gops.slice();
-  }
-
-  var start = gops[0].pts;
-  var i = 0;
-
-  for (i; i < buffer.length; i++) {
-    if (buffer[i].pts >= start) {
-      break;
-    }
-  }
-
-  return buffer.slice(0, i).concat(gops);
-};
-/**
- * Removes gop information in buffer that overlaps with provided start and end
- *
- * @param {Array} buffer
- *        The current buffer of gop information
- * @param {Double} start
- *        position to start the remove at
- * @param {Double} end
- *        position to end the remove at
- * @param {Double} mapping
- *        Offset to map display time to stream presentation time
- */
-
-
-var removeGopBuffer = function removeGopBuffer(buffer, start, end, mapping) {
-  var startPts = Math.ceil((start - mapping) * 90000);
-  var endPts = Math.ceil((end - mapping) * 90000);
-  var updatedBuffer = buffer.slice();
-  var i = buffer.length;
-
-  while (i--) {
-    if (buffer[i].pts <= endPts) {
-      break;
-    }
-  }
-
-  if (i === -1) {
-    // no removal because end of remove range is before start of buffer
-    return updatedBuffer;
-  }
-
-  var j = i + 1;
-
-  while (j--) {
-    if (buffer[j].pts <= startPts) {
-      break;
-    }
-  } // clamp remove range start to 0 index
-
-
-  j = Math.max(j, 0);
-  updatedBuffer.splice(j, i - j + 1);
-  return updatedBuffer;
-};
-
-var buffered = function buffered(videoBuffer, audioBuffer, audioDisabled) {
-  var start = null;
-  var end = null;
-  var arity = 0;
-  var extents = [];
-  var ranges = []; // neither buffer has been created yet
-
-  if (!videoBuffer && !audioBuffer) {
-    return videojs$1.createTimeRange();
-  } // only one buffer is configured
-
-
-  if (!videoBuffer) {
-    return audioBuffer.buffered;
-  }
-
-  if (!audioBuffer) {
-    return videoBuffer.buffered;
-  } // both buffers are configured
-
-
-  if (audioDisabled) {
-    return videoBuffer.buffered;
-  } // both buffers are empty
-
-
-  if (videoBuffer.buffered.length === 0 && audioBuffer.buffered.length === 0) {
-    return videojs$1.createTimeRange();
-  } // Handle the case where we have both buffers and create an
-  // intersection of the two
-
-
-  var videoBuffered = videoBuffer.buffered;
-  var audioBuffered = audioBuffer.buffered;
-  var count = videoBuffered.length; // A) Gather up all start and end times
-
-  while (count--) {
-    extents.push({
-      time: videoBuffered.start(count),
-      type: 'start'
-    });
-    extents.push({
-      time: videoBuffered.end(count),
-      type: 'end'
-    });
-  }
-
-  count = audioBuffered.length;
-
-  while (count--) {
-    extents.push({
-      time: audioBuffered.start(count),
-      type: 'start'
-    });
-    extents.push({
-      time: audioBuffered.end(count),
-      type: 'end'
-    });
-  } // B) Sort them by time
-
-
-  extents.sort(function (a, b) {
-    return a.time - b.time;
-  }); // C) Go along one by one incrementing arity for start and decrementing
-  //    arity for ends
-
-  for (count = 0; count < extents.length; count++) {
-    if (extents[count].type === 'start') {
-      arity++; // D) If arity is ever incremented to 2 we are entering an
-      //    overlapping range
-
-      if (arity === 2) {
-        start = extents[count].time;
-      }
-    } else if (extents[count].type === 'end') {
-      arity--; // E) If arity is ever decremented to 1 we leaving an
-      //    overlapping range
-
-      if (arity === 1) {
-        end = extents[count].time;
-      }
-    } // F) Record overlapping ranges
-
-
-    if (start !== null && end !== null) {
-      ranges.push([start, end]);
-      start = null;
-      end = null;
-    }
-  }
-
-  return videojs$1.createTimeRanges(ranges);
-};
-/**
- * @file virtual-source-buffer.js
- */
-
-
-var ONE_SECOND_IN_TS = 90000; // We create a wrapper around the SourceBuffer so that we can manage the
-// state of the `updating` property manually. We have to do this because
-// Firefox changes `updating` to false long before triggering `updateend`
-// events and that was causing strange problems in videojs-contrib-hls
-
-var makeWrappedSourceBuffer = function makeWrappedSourceBuffer(mediaSource, mimeType) {
-  var sourceBuffer = mediaSource.addSourceBuffer(mimeType);
-  var wrapper = Object.create(null);
-  wrapper.updating = false;
-  wrapper.realBuffer_ = sourceBuffer;
-
-  var _loop = function _loop(key) {
-    if (typeof sourceBuffer[key] === 'function') {
-      wrapper[key] = function () {
-        return sourceBuffer[key].apply(sourceBuffer, arguments);
-      };
-    } else if (typeof wrapper[key] === 'undefined') {
-      Object.defineProperty(wrapper, key, {
-        get: function get$$1() {
-          return sourceBuffer[key];
-        },
-        set: function set$$1(v) {
-          return sourceBuffer[key] = v;
-        }
-      });
-    }
-  };
-
-  for (var key in sourceBuffer) {
-    _loop(key);
-  }
-
-  return wrapper;
-};
-/**
- * VirtualSourceBuffers exist so that we can transmux non native formats
- * into a native format, but keep the same api as a native source buffer.
- * It creates a transmuxer, that works in its own thread (a web worker) and
- * that transmuxer muxes the data into a native format. VirtualSourceBuffer will
- * then send all of that data to the naive sourcebuffer so that it is
- * indestinguishable from a natively supported format.
- *
- * @param {HtmlMediaSource} mediaSource the parent mediaSource
- * @param {Array} codecs array of codecs that we will be dealing with
- * @class VirtualSourceBuffer
- * @extends video.js.EventTarget
- */
-
-
-var VirtualSourceBuffer = function (_videojs$EventTarget) {
-  inherits(VirtualSourceBuffer, _videojs$EventTarget);
-
-  function VirtualSourceBuffer(mediaSource, codecs) {
-    classCallCheck(this, VirtualSourceBuffer);
-
-    var _this = possibleConstructorReturn(this, (VirtualSourceBuffer.__proto__ || Object.getPrototypeOf(VirtualSourceBuffer)).call(this, videojs$1.EventTarget));
-
-    _this.timestampOffset_ = 0;
-    _this.pendingBuffers_ = [];
-    _this.bufferUpdating_ = false;
-    _this.mediaSource_ = mediaSource;
-    _this.codecs_ = codecs;
-    _this.audioCodec_ = null;
-    _this.videoCodec_ = null;
-    _this.audioDisabled_ = false;
-    _this.appendAudioInitSegment_ = true;
-    _this.gopBuffer_ = [];
-    _this.timeMapping_ = 0;
-    _this.safeAppend_ = videojs$1.browser.IE_VERSION >= 11;
-    var options = {
-      remux: false,
-      alignGopsAtEnd: _this.safeAppend_
-    };
-
-    _this.codecs_.forEach(function (codec) {
-      if (isAudioCodec(codec)) {
-        _this.audioCodec_ = codec;
-      } else if (isVideoCodec(codec)) {
-        _this.videoCodec_ = codec;
-      }
-    }); // append muxed segments to their respective native buffers as
-    // soon as they are available
-
-
-    _this.transmuxer_ = new TransmuxWorker();
-
-    _this.transmuxer_.postMessage({
-      action: 'init',
-      options: options
-    });
-
-    _this.transmuxer_.onmessage = function (event) {
-      if (event.data.action === 'data') {
-        return _this.data_(event);
-      }
-
-      if (event.data.action === 'done') {
-        return _this.done_(event);
-      }
-
-      if (event.data.action === 'gopInfo') {
-        return _this.appendGopInfo_(event);
-      }
-
-      if (event.data.action === 'videoSegmentTimingInfo') {
-        return _this.videoSegmentTimingInfo_(event.data.videoSegmentTimingInfo);
-      }
-    }; // this timestampOffset is a property with the side-effect of resetting
-    // baseMediaDecodeTime in the transmuxer on the setter
-
-
-    Object.defineProperty(_this, 'timestampOffset', {
-      get: function get$$1() {
-        return this.timestampOffset_;
-      },
-      set: function set$$1(val) {
-        if (typeof val === 'number' && val >= 0) {
-          this.timestampOffset_ = val;
-          this.appendAudioInitSegment_ = true; // reset gop buffer on timestampoffset as this signals a change in timeline
-
-          this.gopBuffer_.length = 0;
-          this.timeMapping_ = 0; // We have to tell the transmuxer to set the baseMediaDecodeTime to
-          // the desired timestampOffset for the next segment
-
-          this.transmuxer_.postMessage({
-            action: 'setTimestampOffset',
-            timestampOffset: val
-          });
-        }
-      }
-    }); // setting the append window affects both source buffers
-
-    Object.defineProperty(_this, 'appendWindowStart', {
-      get: function get$$1() {
-        return (this.videoBuffer_ || this.audioBuffer_).appendWindowStart;
-      },
-      set: function set$$1(start) {
-        if (this.videoBuffer_) {
-          this.videoBuffer_.appendWindowStart = start;
-        }
-
-        if (this.audioBuffer_) {
-          this.audioBuffer_.appendWindowStart = start;
-        }
-      }
-    }); // this buffer is "updating" if either of its native buffers are
-
-    Object.defineProperty(_this, 'updating', {
-      get: function get$$1() {
-        return !!(this.bufferUpdating_ || !this.audioDisabled_ && this.audioBuffer_ && this.audioBuffer_.updating || this.videoBuffer_ && this.videoBuffer_.updating);
-      }
-    }); // the buffered property is the intersection of the buffered
-    // ranges of the native source buffers
-
-    Object.defineProperty(_this, 'buffered', {
-      get: function get$$1() {
-        return buffered(this.videoBuffer_, this.audioBuffer_, this.audioDisabled_);
-      }
-    });
-    return _this;
-  }
-  /**
-   * When we get a data event from the transmuxer
-   * we call this function and handle the data that
-   * was sent to us
-   *
-   * @private
-   * @param {Event} event the data event from the transmuxer
-   */
-
-
-  createClass(VirtualSourceBuffer, [{
-    key: 'data_',
-    value: function data_(event) {
-      var segment = event.data.segment; // Cast ArrayBuffer to TypedArray
-
-      segment.data = new Uint8Array(segment.data, event.data.byteOffset, event.data.byteLength);
-      segment.initSegment = new Uint8Array(segment.initSegment.data, segment.initSegment.byteOffset, segment.initSegment.byteLength);
-      createTextTracksIfNecessary(this, this.mediaSource_, segment); // Add the segments to the pendingBuffers array
-
-      this.pendingBuffers_.push(segment);
-      return;
-    }
-    /**
-     * When we get a done event from the transmuxer
-     * we call this function and we process all
-     * of the pending data that we have been saving in the
-     * data_ function
-     *
-     * @private
-     * @param {Event} event the done event from the transmuxer
-     */
-
-  }, {
-    key: 'done_',
-    value: function done_(event) {
-      // Don't process and append data if the mediaSource is closed
-      if (this.mediaSource_.readyState === 'closed') {
-        this.pendingBuffers_.length = 0;
-        return;
-      } // All buffers should have been flushed from the muxer
-      // start processing anything we have received
-
-
-      this.processPendingSegments_();
-      return;
-    }
-  }, {
-    key: 'videoSegmentTimingInfo_',
-    value: function videoSegmentTimingInfo_(timingInfo) {
-      var timingInfoInSeconds = {
-        start: {
-          decode: timingInfo.start.dts / ONE_SECOND_IN_TS,
-          presentation: timingInfo.start.pts / ONE_SECOND_IN_TS
-        },
-        end: {
-          decode: timingInfo.end.dts / ONE_SECOND_IN_TS,
-          presentation: timingInfo.end.pts / ONE_SECOND_IN_TS
-        },
-        baseMediaDecodeTime: timingInfo.baseMediaDecodeTime / ONE_SECOND_IN_TS
-      };
-
-      if (timingInfo.prependedContentDuration) {
-        timingInfoInSeconds.prependedContentDuration = timingInfo.prependedContentDuration / ONE_SECOND_IN_TS;
-      }
-
-      this.trigger({
-        type: 'videoSegmentTimingInfo',
-        videoSegmentTimingInfo: timingInfoInSeconds
-      });
-    }
-    /**
-     * Create our internal native audio/video source buffers and add
-     * event handlers to them with the following conditions:
-     * 1. they do not already exist on the mediaSource
-     * 2. this VSB has a codec for them
-     *
-     * @private
-     */
-
-  }, {
-    key: 'createRealSourceBuffers_',
-    value: function createRealSourceBuffers_() {
-      var _this2 = this;
-
-      var types = ['audio', 'video'];
-      types.forEach(function (type) {
-        // Don't create a SourceBuffer of this type if we don't have a
-        // codec for it
-        if (!_this2[type + 'Codec_']) {
-          return;
-        } // Do nothing if a SourceBuffer of this type already exists
-
-
-        if (_this2[type + 'Buffer_']) {
-          return;
-        }
-
-        var buffer = null; // If the mediasource already has a SourceBuffer for the codec
-        // use that
-
-        if (_this2.mediaSource_[type + 'Buffer_']) {
-          buffer = _this2.mediaSource_[type + 'Buffer_']; // In multiple audio track cases, the audio source buffer is disabled
-          // on the main VirtualSourceBuffer by the HTMLMediaSource much earlier
-          // than createRealSourceBuffers_ is called to create the second
-          // VirtualSourceBuffer because that happens as a side-effect of
-          // videojs-contrib-hls starting the audioSegmentLoader. As a result,
-          // the audioBuffer is essentially "ownerless" and no one will toggle
-          // the `updating` state back to false once the `updateend` event is received
-          //
-          // Setting `updating` to false manually will work around this
-          // situation and allow work to continue
-
-          buffer.updating = false;
-        } else {
-          var codecProperty = type + 'Codec_';
-          var mimeType = type + '/mp4;codecs="' + _this2[codecProperty] + '"';
-          buffer = makeWrappedSourceBuffer(_this2.mediaSource_.nativeMediaSource_, mimeType);
-          _this2.mediaSource_[type + 'Buffer_'] = buffer;
-        }
-
-        _this2[type + 'Buffer_'] = buffer; // Wire up the events to the SourceBuffer
-
-        ['update', 'updatestart', 'updateend'].forEach(function (event) {
-          buffer.addEventListener(event, function () {
-            // if audio is disabled
-            if (type === 'audio' && _this2.audioDisabled_) {
-              return;
-            }
-
-            if (event === 'updateend') {
-              _this2[type + 'Buffer_'].updating = false;
-            }
-
-            var shouldTrigger = types.every(function (t) {
-              // skip checking audio's updating status if audio
-              // is not enabled
-              if (t === 'audio' && _this2.audioDisabled_) {
-                return true;
-              } // if the other type is updating we don't trigger
-
-
-              if (type !== t && _this2[t + 'Buffer_'] && _this2[t + 'Buffer_'].updating) {
-                return false;
-              }
-
-              return true;
-            });
-
-            if (shouldTrigger) {
-              return _this2.trigger(event);
-            }
-          });
-        });
-      });
-    }
-    /**
-     * Emulate the native mediasource function, but our function will
-     * send all of the proposed segments to the transmuxer so that we
-     * can transmux them before we append them to our internal
-     * native source buffers in the correct format.
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/appendBuffer
-     * @param {Uint8Array} segment the segment to append to the buffer
-     */
-
-  }, {
-    key: 'appendBuffer',
-    value: function appendBuffer(segment) {
-      // Start the internal "updating" state
-      this.bufferUpdating_ = true;
-
-      if (this.audioBuffer_ && this.audioBuffer_.buffered.length) {
-        var audioBuffered = this.audioBuffer_.buffered;
-        this.transmuxer_.postMessage({
-          action: 'setAudioAppendStart',
-          appendStart: audioBuffered.end(audioBuffered.length - 1)
-        });
-      }
-
-      if (this.videoBuffer_) {
-        this.transmuxer_.postMessage({
-          action: 'alignGopsWith',
-          gopsToAlignWith: gopsSafeToAlignWith(this.gopBuffer_, this.mediaSource_.player_ ? this.mediaSource_.player_.currentTime() : null, this.timeMapping_)
-        });
-      }
-
-      this.transmuxer_.postMessage({
-        action: 'push',
-        // Send the typed-array of data as an ArrayBuffer so that
-        // it can be sent as a "Transferable" and avoid the costly
-        // memory copy
-        data: segment.buffer,
-        // To recreate the original typed-array, we need information
-        // about what portion of the ArrayBuffer it was a view into
-        byteOffset: segment.byteOffset,
-        byteLength: segment.byteLength
-      }, [segment.buffer]);
-      this.transmuxer_.postMessage({
-        action: 'flush'
-      });
-    }
-    /**
-     * Appends gop information (timing and byteLength) received by the transmuxer for the
-     * gops appended in the last call to appendBuffer
-     *
-     * @param {Event} event
-     *        The gopInfo event from the transmuxer
-     * @param {Array} event.data.gopInfo
-     *        List of gop info to append
-     */
-
-  }, {
-    key: 'appendGopInfo_',
-    value: function appendGopInfo_(event) {
-      this.gopBuffer_ = updateGopBuffer(this.gopBuffer_, event.data.gopInfo, this.safeAppend_);
-    }
-    /**
-     * Emulate the native mediasource function and remove parts
-     * of the buffer from any of our internal buffers that exist
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/remove
-     * @param {Double} start position to start the remove at
-     * @param {Double} end position to end the remove at
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove(start, end) {
-      if (this.videoBuffer_) {
-        this.videoBuffer_.updating = true;
-        this.videoBuffer_.remove(start, end);
-        this.gopBuffer_ = removeGopBuffer(this.gopBuffer_, start, end, this.timeMapping_);
-      }
-
-      if (!this.audioDisabled_ && this.audioBuffer_) {
-        this.audioBuffer_.updating = true;
-        this.audioBuffer_.remove(start, end);
-      } // Remove Metadata Cues (id3)
-
-
-      removeCuesFromTrack(start, end, this.metadataTrack_); // Remove Any Captions
-
-      if (this.inbandTextTracks_) {
-        for (var track in this.inbandTextTracks_) {
-          removeCuesFromTrack(start, end, this.inbandTextTracks_[track]);
-        }
-      }
-    }
-    /**
-     * Process any segments that the muxer has output
-     * Concatenate segments together based on type and append them into
-     * their respective sourceBuffers
-     *
-     * @private
-     */
-
-  }, {
-    key: 'processPendingSegments_',
-    value: function processPendingSegments_() {
-      var sortedSegments = {
-        video: {
-          segments: [],
-          bytes: 0
-        },
-        audio: {
-          segments: [],
-          bytes: 0
-        },
-        captions: [],
-        metadata: []
-      };
-
-      if (!this.pendingBuffers_.length) {
-        // We are no longer in the internal "updating" state
-        this.trigger('updateend');
-        this.bufferUpdating_ = false;
-        return;
-      } // Sort segments into separate video/audio arrays and
-      // keep track of their total byte lengths
-
-
-      sortedSegments = this.pendingBuffers_.reduce(function (segmentObj, segment) {
-        var type = segment.type;
-        var data = segment.data;
-        var initSegment = segment.initSegment;
-        segmentObj[type].segments.push(data);
-        segmentObj[type].bytes += data.byteLength;
-        segmentObj[type].initSegment = initSegment; // Gather any captions into a single array
-
-        if (segment.captions) {
-          segmentObj.captions = segmentObj.captions.concat(segment.captions);
-        }
-
-        if (segment.info) {
-          segmentObj[type].info = segment.info;
-        } // Gather any metadata into a single array
-
-
-        if (segment.metadata) {
-          segmentObj.metadata = segmentObj.metadata.concat(segment.metadata);
-        }
-
-        return segmentObj;
-      }, sortedSegments); // Create the real source buffers if they don't exist by now since we
-      // finally are sure what tracks are contained in the source
-
-      if (!this.videoBuffer_ && !this.audioBuffer_) {
-        // Remove any codecs that may have been specified by default but
-        // are no longer applicable now
-        if (sortedSegments.video.bytes === 0) {
-          this.videoCodec_ = null;
-        }
-
-        if (sortedSegments.audio.bytes === 0) {
-          this.audioCodec_ = null;
-        }
-
-        this.createRealSourceBuffers_();
-      }
-
-      if (sortedSegments.audio.info) {
-        this.mediaSource_.trigger({
-          type: 'audioinfo',
-          info: sortedSegments.audio.info
-        });
-      }
-
-      if (sortedSegments.video.info) {
-        this.mediaSource_.trigger({
-          type: 'videoinfo',
-          info: sortedSegments.video.info
-        });
-      }
-
-      if (this.appendAudioInitSegment_) {
-        if (!this.audioDisabled_ && this.audioBuffer_) {
-          sortedSegments.audio.segments.unshift(sortedSegments.audio.initSegment);
-          sortedSegments.audio.bytes += sortedSegments.audio.initSegment.byteLength;
-        }
-
-        this.appendAudioInitSegment_ = false;
-      }
-
-      var triggerUpdateend = false; // Merge multiple video and audio segments into one and append
-
-      if (this.videoBuffer_ && sortedSegments.video.bytes) {
-        sortedSegments.video.segments.unshift(sortedSegments.video.initSegment);
-        sortedSegments.video.bytes += sortedSegments.video.initSegment.byteLength;
-        this.concatAndAppendSegments_(sortedSegments.video, this.videoBuffer_);
-      } else if (this.videoBuffer_ && (this.audioDisabled_ || !this.audioBuffer_)) {
-        // The transmuxer did not return any bytes of video, meaning it was all trimmed
-        // for gop alignment. Since we have a video buffer and audio is disabled, updateend
-        // will never be triggered by this source buffer, which will cause contrib-hls
-        // to be stuck forever waiting for updateend. If audio is not disabled, updateend
-        // will be triggered by the audio buffer, which will be sent upwards since the video
-        // buffer will not be in an updating state.
-        triggerUpdateend = true;
-      } // Add text-track data for all
-
-
-      addTextTrackData(this, sortedSegments.captions, sortedSegments.metadata);
-
-      if (!this.audioDisabled_ && this.audioBuffer_) {
-        this.concatAndAppendSegments_(sortedSegments.audio, this.audioBuffer_);
-      }
-
-      this.pendingBuffers_.length = 0;
-
-      if (triggerUpdateend) {
-        this.trigger('updateend');
-      } // We are no longer in the internal "updating" state
-
-
-      this.bufferUpdating_ = false;
-    }
-    /**
-     * Combine all segments into a single Uint8Array and then append them
-     * to the destination buffer
-     *
-     * @param {Object} segmentObj
-     * @param {SourceBuffer} destinationBuffer native source buffer to append data to
-     * @private
-     */
-
-  }, {
-    key: 'concatAndAppendSegments_',
-    value: function concatAndAppendSegments_(segmentObj, destinationBuffer) {
-      var offset = 0;
-      var tempBuffer = void 0;
-
-      if (segmentObj.bytes) {
-        tempBuffer = new Uint8Array(segmentObj.bytes); // Combine the individual segments into one large typed-array
-
-        segmentObj.segments.forEach(function (segment) {
-          tempBuffer.set(segment, offset);
-          offset += segment.byteLength;
-        });
-
-        try {
-          destinationBuffer.updating = true;
-          destinationBuffer.appendBuffer(tempBuffer);
-        } catch (error) {
-          if (this.mediaSource_.player_) {
-            this.mediaSource_.player_.error({
-              code: -3,
-              type: 'APPEND_BUFFER_ERR',
-              message: error.message,
-              originalError: error
-            });
-          }
-        }
-      }
-    }
-    /**
-     * Emulate the native mediasource function. abort any soureBuffer
-     * actions and throw out any un-appended data.
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/abort
-     */
-
-  }, {
-    key: 'abort',
-    value: function abort() {
-      if (this.videoBuffer_) {
-        this.videoBuffer_.abort();
-      }
-
-      if (!this.audioDisabled_ && this.audioBuffer_) {
-        this.audioBuffer_.abort();
-      }
-
-      if (this.transmuxer_) {
-        this.transmuxer_.postMessage({
-          action: 'reset'
-        });
-      }
-
-      this.pendingBuffers_.length = 0;
-      this.bufferUpdating_ = false;
-    }
-  }]);
-  return VirtualSourceBuffer;
-}(videojs$1.EventTarget);
-/**
- * @file html-media-source.js
- */
-
-/**
- * Our MediaSource implementation in HTML, mimics native
- * MediaSource where/if possible.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource
- * @class HtmlMediaSource
- * @extends videojs.EventTarget
- */
-
-
-var HtmlMediaSource = function (_videojs$EventTarget) {
-  inherits(HtmlMediaSource, _videojs$EventTarget);
-
-  function HtmlMediaSource() {
-    classCallCheck(this, HtmlMediaSource);
-
-    var _this = possibleConstructorReturn(this, (HtmlMediaSource.__proto__ || Object.getPrototypeOf(HtmlMediaSource)).call(this));
-
-    var property = void 0;
-    _this.nativeMediaSource_ = new window$1.MediaSource(); // delegate to the native MediaSource's methods by default
-
-    for (property in _this.nativeMediaSource_) {
-      if (!(property in HtmlMediaSource.prototype) && typeof _this.nativeMediaSource_[property] === 'function') {
-        _this[property] = _this.nativeMediaSource_[property].bind(_this.nativeMediaSource_);
-      }
-    } // emulate `duration` and `seekable` until seeking can be
-    // handled uniformly for live streams
-    // see https://github.com/w3c/media-source/issues/5
-
-
-    _this.duration_ = NaN;
-    Object.defineProperty(_this, 'duration', {
-      get: function get$$1() {
-        if (this.duration_ === Infinity) {
-          return this.duration_;
-        }
-
-        return this.nativeMediaSource_.duration;
-      },
-      set: function set$$1(duration) {
-        this.duration_ = duration;
-
-        if (duration !== Infinity) {
-          this.nativeMediaSource_.duration = duration;
-          return;
-        }
-      }
-    });
-    Object.defineProperty(_this, 'seekable', {
-      get: function get$$1() {
-        if (this.duration_ === Infinity) {
-          return videojs$1.createTimeRanges([[0, this.nativeMediaSource_.duration]]);
-        }
-
-        return this.nativeMediaSource_.seekable;
-      }
-    });
-    Object.defineProperty(_this, 'readyState', {
-      get: function get$$1() {
-        return this.nativeMediaSource_.readyState;
-      }
-    });
-    Object.defineProperty(_this, 'activeSourceBuffers', {
-      get: function get$$1() {
-        return this.activeSourceBuffers_;
-      }
-    }); // the list of virtual and native SourceBuffers created by this
-    // MediaSource
-
-    _this.sourceBuffers = [];
-    _this.activeSourceBuffers_ = [];
-    /**
-     * update the list of active source buffers based upon various
-     * imformation from HLS and video.js
-     *
-     * @private
-     */
-
-    _this.updateActiveSourceBuffers_ = function () {
-      // Retain the reference but empty the array
-      _this.activeSourceBuffers_.length = 0; // If there is only one source buffer, then it will always be active and audio will
-      // be disabled based on the codec of the source buffer
-
-      if (_this.sourceBuffers.length === 1) {
-        var sourceBuffer = _this.sourceBuffers[0];
-        sourceBuffer.appendAudioInitSegment_ = true;
-        sourceBuffer.audioDisabled_ = !sourceBuffer.audioCodec_;
-
-        _this.activeSourceBuffers_.push(sourceBuffer);
-
-        return;
-      } // There are 2 source buffers, a combined (possibly video only) source buffer and
-      // and an audio only source buffer.
-      // By default, the audio in the combined virtual source buffer is enabled
-      // and the audio-only source buffer (if it exists) is disabled.
-
-
-      var disableCombined = false;
-      var disableAudioOnly = true; // TODO: maybe we can store the sourcebuffers on the track objects?
-      // safari may do something like this
-
-      for (var i = 0; i < _this.player_.audioTracks().length; i++) {
-        var track = _this.player_.audioTracks()[i];
-
-        if (track.enabled && track.kind !== 'main') {
-          // The enabled track is an alternate audio track so disable the audio in
-          // the combined source buffer and enable the audio-only source buffer.
-          disableCombined = true;
-          disableAudioOnly = false;
-          break;
-        }
-      }
-
-      _this.sourceBuffers.forEach(function (sourceBuffer, index) {
-        /* eslinst-disable */
-        // TODO once codecs are required, we can switch to using the codecs to determine
-        //      what stream is the video stream, rather than relying on videoTracks
-
-        /* eslinst-enable */
-        sourceBuffer.appendAudioInitSegment_ = true;
-
-        if (sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
-          // combined
-          sourceBuffer.audioDisabled_ = disableCombined;
-        } else if (sourceBuffer.videoCodec_ && !sourceBuffer.audioCodec_) {
-          // If the "combined" source buffer is video only, then we do not want
-          // disable the audio-only source buffer (this is mostly for demuxed
-          // audio and video hls)
-          sourceBuffer.audioDisabled_ = true;
-          disableAudioOnly = false;
-        } else if (!sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
-          // audio only
-          // In the case of audio only with alternate audio and disableAudioOnly is true
-          // this means we want to disable the audio on the alternate audio sourcebuffer
-          // but not the main "combined" source buffer. The "combined" source buffer is
-          // always at index 0, so this ensures audio won't be disabled in both source
-          // buffers.
-          sourceBuffer.audioDisabled_ = index ? disableAudioOnly : !disableAudioOnly;
-
-          if (sourceBuffer.audioDisabled_) {
-            return;
-          }
-        }
-
-        _this.activeSourceBuffers_.push(sourceBuffer);
-      });
-    };
-
-    _this.onPlayerMediachange_ = function () {
-      _this.sourceBuffers.forEach(function (sourceBuffer) {
-        sourceBuffer.appendAudioInitSegment_ = true;
-      });
-    };
-
-    _this.onHlsReset_ = function () {
-      _this.sourceBuffers.forEach(function (sourceBuffer) {
-        if (sourceBuffer.transmuxer_) {
-          sourceBuffer.transmuxer_.postMessage({
-            action: 'resetCaptions'
-          });
-        }
-      });
-    };
-
-    _this.onHlsSegmentTimeMapping_ = function (event) {
-      _this.sourceBuffers.forEach(function (buffer) {
-        return buffer.timeMapping_ = event.mapping;
-      });
-    }; // Re-emit MediaSource events on the polyfill
-
-
-    ['sourceopen', 'sourceclose', 'sourceended'].forEach(function (eventName) {
-      this.nativeMediaSource_.addEventListener(eventName, this.trigger.bind(this));
-    }, _this); // capture the associated player when the MediaSource is
-    // successfully attached
-
-    _this.on('sourceopen', function (event) {
-      // Get the player this MediaSource is attached to
-      var video = document.querySelector('[src="' + _this.url_ + '"]');
-
-      if (!video) {
-        return;
-      }
-
-      _this.player_ = videojs$1(video.parentNode);
-
-      if (!_this.player_) {
-        return;
-      } // hls-reset is fired by videojs.Hls on to the tech after the main SegmentLoader
-      // resets its state and flushes the buffer
-
-
-      _this.player_.tech_.on('hls-reset', _this.onHlsReset_); // hls-segment-time-mapping is fired by videojs.Hls on to the tech after the main
-      // SegmentLoader inspects an MTS segment and has an accurate stream to display
-      // time mapping
-
-
-      _this.player_.tech_.on('hls-segment-time-mapping', _this.onHlsSegmentTimeMapping_);
-
-      if (_this.player_.audioTracks && _this.player_.audioTracks()) {
-        _this.player_.audioTracks().on('change', _this.updateActiveSourceBuffers_);
-
-        _this.player_.audioTracks().on('addtrack', _this.updateActiveSourceBuffers_);
-
-        _this.player_.audioTracks().on('removetrack', _this.updateActiveSourceBuffers_);
-      }
-
-      _this.player_.on('mediachange', _this.onPlayerMediachange_);
-    });
-
-    _this.on('sourceended', function (event) {
-      var duration = durationOfVideo(_this.duration);
-
-      for (var i = 0; i < _this.sourceBuffers.length; i++) {
-        var sourcebuffer = _this.sourceBuffers[i];
-        var cues = sourcebuffer.metadataTrack_ && sourcebuffer.metadataTrack_.cues;
-
-        if (cues && cues.length) {
-          cues[cues.length - 1].endTime = duration;
-        }
-      }
-    }); // explicitly terminate any WebWorkers that were created
-    // by SourceHandlers
-
-
-    _this.on('sourceclose', function (event) {
-      this.sourceBuffers.forEach(function (sourceBuffer) {
-        if (sourceBuffer.transmuxer_) {
-          sourceBuffer.transmuxer_.terminate();
-        }
-      });
-      this.sourceBuffers.length = 0;
-
-      if (!this.player_) {
-        return;
-      }
-
-      if (this.player_.audioTracks && this.player_.audioTracks()) {
-        this.player_.audioTracks().off('change', this.updateActiveSourceBuffers_);
-        this.player_.audioTracks().off('addtrack', this.updateActiveSourceBuffers_);
-        this.player_.audioTracks().off('removetrack', this.updateActiveSourceBuffers_);
-      } // We can only change this if the player hasn't been disposed of yet
-      // because `off` eventually tries to use the el_ property. If it has
-      // been disposed of, then don't worry about it because there are no
-      // event handlers left to unbind anyway
-
-
-      if (this.player_.el_) {
-        this.player_.off('mediachange', this.onPlayerMediachange_);
-      }
-
-      if (this.player_.tech_ && this.player_.tech_.el_) {
-        this.player_.tech_.off('hls-reset', this.onHlsReset_);
-        this.player_.tech_.off('hls-segment-time-mapping', this.onHlsSegmentTimeMapping_);
-      }
-    });
-
-    return _this;
-  }
-  /**
-   * Add a range that that can now be seeked to.
-   *
-   * @param {Double} start where to start the addition
-   * @param {Double} end where to end the addition
-   * @private
-   */
-
-
-  createClass(HtmlMediaSource, [{
-    key: 'addSeekableRange_',
-    value: function addSeekableRange_(start, end) {
-      var error = void 0;
-
-      if (this.duration !== Infinity) {
-        error = new Error('MediaSource.addSeekableRange() can only be invoked ' + 'when the duration is Infinity');
-        error.name = 'InvalidStateError';
-        error.code = 11;
-        throw error;
-      }
-
-      if (end > this.nativeMediaSource_.duration || isNaN(this.nativeMediaSource_.duration)) {
-        this.nativeMediaSource_.duration = end;
-      }
-    }
-    /**
-     * Add a source buffer to the media source.
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/addSourceBuffer
-     * @param {String} type the content-type of the content
-     * @return {Object} the created source buffer
-     */
-
-  }, {
-    key: 'addSourceBuffer',
-    value: function addSourceBuffer(type) {
-      var buffer = void 0;
-      var parsedType = parseContentType(type); // Create a VirtualSourceBuffer to transmux MPEG-2 transport
-      // stream segments into fragmented MP4s
-
-      if (/^(video|audio)\/mp2t$/i.test(parsedType.type)) {
-        var codecs = [];
-
-        if (parsedType.parameters && parsedType.parameters.codecs) {
-          codecs = parsedType.parameters.codecs.split(',');
-          codecs = translateLegacyCodecs(codecs);
-          codecs = codecs.filter(function (codec) {
-            return isAudioCodec(codec) || isVideoCodec(codec);
-          });
-        }
-
-        if (codecs.length === 0) {
-          codecs = ['avc1.4d400d', 'mp4a.40.2'];
-        }
-
-        buffer = new VirtualSourceBuffer(this, codecs);
-
-        if (this.sourceBuffers.length !== 0) {
-          // If another VirtualSourceBuffer already exists, then we are creating a
-          // SourceBuffer for an alternate audio track and therefore we know that
-          // the source has both an audio and video track.
-          // That means we should trigger the manual creation of the real
-          // SourceBuffers instead of waiting for the transmuxer to return data
-          this.sourceBuffers[0].createRealSourceBuffers_();
-          buffer.createRealSourceBuffers_(); // Automatically disable the audio on the first source buffer if
-          // a second source buffer is ever created
-
-          this.sourceBuffers[0].audioDisabled_ = true;
-        }
-      } else {
-        // delegate to the native implementation
-        buffer = this.nativeMediaSource_.addSourceBuffer(type);
-      }
-
-      this.sourceBuffers.push(buffer);
-      return buffer;
-    }
-  }]);
-  return HtmlMediaSource;
-}(videojs$1.EventTarget);
-/**
- * @file videojs-contrib-media-sources.js
- */
-
-
-var urlCount = 0; // ------------
-// Media Source
-// ------------
-// store references to the media sources so they can be connected
-// to a video element (a swf object)
-// TODO: can we store this somewhere local to this module?
-
-videojs$1.mediaSources = {};
-/**
- * Provide a method for a swf object to notify JS that a
- * media source is now open.
- *
- * @param {String} msObjectURL string referencing the MSE Object URL
- * @param {String} swfId the swf id
- */
-
-var open = function open(msObjectURL, swfId) {
-  var mediaSource = videojs$1.mediaSources[msObjectURL];
-
-  if (mediaSource) {
-    mediaSource.trigger({
-      type: 'sourceopen',
-      swfId: swfId
-    });
-  } else {
-    throw new Error('Media Source not found (Video.js)');
-  }
-};
-/**
- * Check to see if the native MediaSource object exists and supports
- * an MP4 container with both H.264 video and AAC-LC audio.
- *
- * @return {Boolean} if  native media sources are supported
- */
-
-
-var supportsNativeMediaSources = function supportsNativeMediaSources() {
-  return !!window$1.MediaSource && !!window$1.MediaSource.isTypeSupported && window$1.MediaSource.isTypeSupported('video/mp4;codecs="avc1.4d400d,mp4a.40.2"');
-};
-/**
- * An emulation of the MediaSource API so that we can support
- * native and non-native functionality. returns an instance of
- * HtmlMediaSource.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/MediaSource
- */
-
-
-var MediaSource = function MediaSource() {
-  this.MediaSource = {
-    open: open,
-    supportsNativeMediaSources: supportsNativeMediaSources
-  };
-
-  if (supportsNativeMediaSources()) {
-    return new HtmlMediaSource();
-  }
-
-  throw new Error('Cannot use create a virtual MediaSource for this video');
-};
-
-MediaSource.open = open;
-MediaSource.supportsNativeMediaSources = supportsNativeMediaSources;
-/**
- * A wrapper around the native URL for our MSE object
- * implementation, this object is exposed under videojs.URL
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
- */
-
-var URL$1 = {
-  /**
-   * A wrapper around the native createObjectURL for our objects.
-   * This function maps a native or emulated mediaSource to a blob
-   * url so that it can be loaded into video.js
-   *
-   * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
-   * @param {MediaSource} object the object to create a blob url to
-   */
-  createObjectURL: function createObjectURL(object) {
-    var objectUrlPrefix = 'blob:vjs-media-source/';
-    var url = void 0; // use the native MediaSource to generate an object URL
-
-    if (object instanceof HtmlMediaSource) {
-      url = window$1.URL.createObjectURL(object.nativeMediaSource_);
-      object.url_ = url;
-      return url;
-    } // if the object isn't an emulated MediaSource, delegate to the
-    // native implementation
-
-
-    if (!(object instanceof HtmlMediaSource)) {
-      url = window$1.URL.createObjectURL(object);
-      object.url_ = url;
-      return url;
-    } // build a URL that can be used to map back to the emulated
-    // MediaSource
-
-
-    url = objectUrlPrefix + urlCount;
-    urlCount++; // setup the mapping back to object
-
-    videojs$1.mediaSources[url] = object;
-    return url;
-  }
-};
-videojs$1.MediaSource = MediaSource;
-videojs$1.URL = URL$1;
-var EventTarget$1$1 = videojs$1.EventTarget,
-    mergeOptions$2 = videojs$1.mergeOptions;
-/**
- * Returns a new master manifest that is the result of merging an updated master manifest
- * into the original version.
- *
- * @param {Object} oldMaster
- *        The old parsed mpd object
- * @param {Object} newMaster
- *        The updated parsed mpd object
- * @return {Object}
- *         A new object representing the original master manifest with the updated media
- *         playlists merged in
- */
-
-var updateMaster$1 = function updateMaster$$1(oldMaster, newMaster) {
-  var noChanges = void 0;
-  var update = mergeOptions$2(oldMaster, {
-    // These are top level properties that can be updated
-    duration: newMaster.duration,
-    minimumUpdatePeriod: newMaster.minimumUpdatePeriod
-  }); // First update the playlists in playlist list
-
-  for (var i = 0; i < newMaster.playlists.length; i++) {
-    var playlistUpdate = updateMaster(update, newMaster.playlists[i]);
-
-    if (playlistUpdate) {
-      update = playlistUpdate;
-    } else {
-      noChanges = true;
-    }
-  } // Then update media group playlists
-
-
-  forEachMediaGroup(newMaster, function (properties, type, group, label) {
-    if (properties.playlists && properties.playlists.length) {
-      var uri = properties.playlists[0].uri;
-
-      var _playlistUpdate = updateMaster(update, properties.playlists[0]);
-
-      if (_playlistUpdate) {
-        update = _playlistUpdate; // update the playlist reference within media groups
-
-        update.mediaGroups[type][group][label].playlists[0] = update.playlists[uri];
-        noChanges = false;
-      }
-    }
-  });
-
-  if (noChanges) {
-    return null;
-  }
-
-  return update;
-};
-
-var generateSidxKey = function generateSidxKey(sidxInfo) {
-  // should be non-inclusive
-  var sidxByteRangeEnd = sidxInfo.byterange.offset + sidxInfo.byterange.length - 1;
-  return sidxInfo.uri + '-' + sidxInfo.byterange.offset + '-' + sidxByteRangeEnd;
-}; // SIDX should be equivalent if the URI and byteranges of the SIDX match.
-// If the SIDXs have maps, the two maps should match,
-// both `a` and `b` missing SIDXs is considered matching.
-// If `a` or `b` but not both have a map, they aren't matching.
-
-
-var equivalentSidx = function equivalentSidx(a, b) {
-  var neitherMap = Boolean(!a.map && !b.map);
-  var equivalentMap = neitherMap || Boolean(a.map && b.map && a.map.byterange.offset === b.map.byterange.offset && a.map.byterange.length === b.map.byterange.length);
-  return equivalentMap && a.uri === b.uri && a.byterange.offset === b.byterange.offset && a.byterange.length === b.byterange.length;
-}; // exported for testing
-
-
-var compareSidxEntry = function compareSidxEntry(playlists, oldSidxMapping) {
-  var newSidxMapping = {};
-
-  for (var uri in playlists) {
-    var playlist = playlists[uri];
-    var currentSidxInfo = playlist.sidx;
-
-    if (currentSidxInfo) {
-      var key = generateSidxKey(currentSidxInfo);
-
-      if (!oldSidxMapping[key]) {
-        break;
-      }
-
-      var savedSidxInfo = oldSidxMapping[key].sidxInfo;
-
-      if (equivalentSidx(savedSidxInfo, currentSidxInfo)) {
-        newSidxMapping[key] = oldSidxMapping[key];
-      }
-    }
-  }
-
-  return newSidxMapping;
-};
-/**
- *  A function that filters out changed items as they need to be requested separately.
- *
- *  The method is exported for testing
- *
- *  @param {Object} masterXml the mpd XML
- *  @param {string} srcUrl the mpd url
- *  @param {Date} clientOffset a time difference between server and client (passed through and not used)
- *  @param {Object} oldSidxMapping the SIDX to compare against
- */
-
-
-var filterChangedSidxMappings = function filterChangedSidxMappings(masterXml, srcUrl, clientOffset, oldSidxMapping) {
-  // Don't pass current sidx mapping
-  var master = parse(masterXml, {
-    manifestUri: srcUrl,
-    clientOffset: clientOffset
-  });
-  var videoSidx = compareSidxEntry(master.playlists, oldSidxMapping);
-  var mediaGroupSidx = videoSidx;
-  forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
-    if (properties.playlists && properties.playlists.length) {
-      var playlists = properties.playlists;
-      mediaGroupSidx = mergeOptions$2(mediaGroupSidx, compareSidxEntry(playlists, oldSidxMapping));
-    }
-  });
-  return mediaGroupSidx;
-}; // exported for testing
-
-
-var requestSidx_ = function requestSidx_(sidxRange, playlist, xhr, options, finishProcessingFn) {
-  var sidxInfo = {
-    // resolve the segment URL relative to the playlist
-    uri: resolveManifestRedirect(options.handleManifestRedirects, sidxRange.resolvedUri),
-    // resolvedUri: sidxRange.resolvedUri,
-    byterange: sidxRange.byterange,
-    // the segment's playlist
-    playlist: playlist
-  };
-  var sidxRequestOptions = videojs$1.mergeOptions(sidxInfo, {
-    responseType: 'arraybuffer',
-    headers: segmentXhrHeaders(sidxInfo)
-  });
-  return xhr(sidxRequestOptions, finishProcessingFn);
-};
-
-var DashPlaylistLoader = function (_EventTarget) {
-  inherits(DashPlaylistLoader, _EventTarget); // DashPlaylistLoader must accept either a src url or a playlist because subsequent
-  // playlist loader setups from media groups will expect to be able to pass a playlist
-  // (since there aren't external URLs to media playlists with DASH)
-
-  function DashPlaylistLoader(srcUrlOrPlaylist, hls) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var masterPlaylistLoader = arguments[3];
-    classCallCheck(this, DashPlaylistLoader);
-
-    var _this = possibleConstructorReturn(this, (DashPlaylistLoader.__proto__ || Object.getPrototypeOf(DashPlaylistLoader)).call(this));
-
-    var _options$withCredenti = options.withCredentials,
-        withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
-        _options$handleManife = options.handleManifestRedirects,
-        handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
-    _this.hls_ = hls;
-    _this.withCredentials = withCredentials;
-    _this.handleManifestRedirects = handleManifestRedirects;
-
-    if (!srcUrlOrPlaylist) {
-      throw new Error('A non-empty playlist URL or playlist is required');
-    } // event naming?
-
-
-    _this.on('minimumUpdatePeriod', function () {
-      _this.refreshXml_();
-    }); // live playlist staleness timeout
-
-
-    _this.on('mediaupdatetimeout', function () {
-      _this.refreshMedia_(_this.media().uri);
-    });
-
-    _this.state = 'HAVE_NOTHING';
-    _this.loadedPlaylists_ = {}; // initialize the loader state
-    // The masterPlaylistLoader will be created with a string
-
-    if (typeof srcUrlOrPlaylist === 'string') {
-      _this.srcUrl = srcUrlOrPlaylist; // TODO: reset sidxMapping between period changes
-      // once multi-period is refactored
-
-      _this.sidxMapping_ = {};
-      return possibleConstructorReturn(_this);
-    }
-
-    _this.setupChildLoader(masterPlaylistLoader, srcUrlOrPlaylist);
-
-    return _this;
-  }
-
-  createClass(DashPlaylistLoader, [{
-    key: 'setupChildLoader',
-    value: function setupChildLoader(masterPlaylistLoader, playlist) {
-      this.masterPlaylistLoader_ = masterPlaylistLoader;
-      this.childPlaylist_ = playlist;
-    }
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      this.stopRequest();
-      this.loadedPlaylists_ = {};
-      window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-      window$1.clearTimeout(this.mediaRequest_);
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-    }
-  }, {
-    key: 'hasPendingRequest',
-    value: function hasPendingRequest() {
-      return this.request || this.mediaRequest_;
-    }
-  }, {
-    key: 'stopRequest',
-    value: function stopRequest() {
-      if (this.request) {
-        var oldRequest = this.request;
-        this.request = null;
-        oldRequest.onreadystatechange = null;
-        oldRequest.abort();
-      }
-    }
-  }, {
-    key: 'sidxRequestFinished_',
-    value: function sidxRequestFinished_(playlist, master, startingState, doneFn) {
-      var _this2 = this;
-
-      return function (err, request) {
-        // disposed
-        if (!_this2.request) {
-          return;
-        } // pending request is cleared
-
-
-        _this2.request = null;
-
-        if (err) {
-          _this2.error = {
-            status: request.status,
-            message: 'DASH playlist request error at URL: ' + playlist.uri,
-            response: request.response,
-            // MEDIA_ERR_NETWORK
-            code: 2
-          };
-
-          if (startingState) {
-            _this2.state = startingState;
-          }
-
-          _this2.trigger('error');
-
-          return doneFn(master, null);
-        }
-
-        var bytes = new Uint8Array(request.response);
-        var sidx = mp4Inspector.parseSidx(bytes.subarray(8));
-        return doneFn(master, sidx);
-      };
-    }
-  }, {
-    key: 'media',
-    value: function media(playlist) {
-      var _this3 = this; // getter
-
-
-      if (!playlist) {
-        return this.media_;
-      } // setter
-
-
-      if (this.state === 'HAVE_NOTHING') {
-        throw new Error('Cannot switch media playlist from ' + this.state);
-      }
-
-      var startingState = this.state; // find the playlist object if the target playlist has been specified by URI
-
-      if (typeof playlist === 'string') {
-        if (!this.master.playlists[playlist]) {
-          throw new Error('Unknown playlist URI: ' + playlist);
-        }
-
-        playlist = this.master.playlists[playlist];
-      }
-
-      var mediaChange = !this.media_ || playlist.uri !== this.media_.uri; // switch to previously loaded playlists immediately
-
-      if (mediaChange && this.loadedPlaylists_[playlist.uri] && this.loadedPlaylists_[playlist.uri].endList) {
-        this.state = 'HAVE_METADATA';
-        this.media_ = playlist; // trigger media change if the active media has been updated
-
-        if (mediaChange) {
-          this.trigger('mediachanging');
-          this.trigger('mediachange');
-        }
-
-        return;
-      } // switching to the active playlist is a no-op
-
-
-      if (!mediaChange) {
-        return;
-      } // switching from an already loaded playlist
-
-
-      if (this.media_) {
-        this.trigger('mediachanging');
-      }
-
-      if (!playlist.sidx) {
-        // Continue asynchronously if there is no sidx
-        // wait one tick to allow haveMaster to run first on a child loader
-        this.mediaRequest_ = window$1.setTimeout(this.haveMetadata.bind(this, {
-          startingState: startingState,
-          playlist: playlist
-        }), 0); // exit early and don't do sidx work
-
-        return;
-      } // we have sidx mappings
-
-
-      var oldMaster = void 0;
-      var sidxMapping = void 0; // sidxMapping is used when parsing the masterXml, so store
-      // it on the masterPlaylistLoader
-
-      if (this.masterPlaylistLoader_) {
-        oldMaster = this.masterPlaylistLoader_.master;
-        sidxMapping = this.masterPlaylistLoader_.sidxMapping_;
-      } else {
-        oldMaster = this.master;
-        sidxMapping = this.sidxMapping_;
-      }
-
-      var sidxKey = generateSidxKey(playlist.sidx);
-      sidxMapping[sidxKey] = {
-        sidxInfo: playlist.sidx
-      };
-      this.request = requestSidx_(playlist.sidx, playlist, this.hls_.xhr, {
-        handleManifestRedirects: this.handleManifestRedirects
-      }, this.sidxRequestFinished_(playlist, oldMaster, startingState, function (newMaster, sidx) {
-        if (!newMaster || !sidx) {
-          throw new Error('failed to request sidx');
-        } // update loader's sidxMapping with parsed sidx box
-
-
-        sidxMapping[sidxKey].sidx = sidx; // everything is ready just continue to haveMetadata
-
-        _this3.haveMetadata({
-          startingState: startingState,
-          playlist: newMaster.playlists[playlist.uri]
-        });
-      }));
-    }
-  }, {
-    key: 'haveMetadata',
-    value: function haveMetadata(_ref) {
-      var startingState = _ref.startingState,
-          playlist = _ref.playlist;
-      this.state = 'HAVE_METADATA';
-      this.loadedPlaylists_[playlist.uri] = playlist;
-      this.mediaRequest_ = null; // This will trigger loadedplaylist
-
-      this.refreshMedia_(playlist.uri); // fire loadedmetadata the first time a media playlist is loaded
-      // to resolve setup of media groups
-
-      if (startingState === 'HAVE_MASTER') {
-        this.trigger('loadedmetadata');
-      } else {
-        // trigger media change if the active media has been updated
-        this.trigger('mediachange');
-      }
-    }
-  }, {
-    key: 'pause',
-    value: function pause() {
-      this.stopRequest();
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-      window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-
-      if (this.state === 'HAVE_NOTHING') {
-        // If we pause the loader before any data has been retrieved, its as if we never
-        // started, so reset to an unstarted state.
-        this.started = false;
-      }
-    }
-  }, {
-    key: 'load',
-    value: function load(isFinalRendition) {
-      var _this4 = this;
-
-      window$1.clearTimeout(this.mediaUpdateTimeout);
-      window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-      var media = this.media();
-
-      if (isFinalRendition) {
-        var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
-        this.mediaUpdateTimeout = window$1.setTimeout(function () {
-          return _this4.load();
-        }, delay);
-        return;
-      } // because the playlists are internal to the manifest, load should either load the
-      // main manifest, or do nothing but trigger an event
-
-
-      if (!this.started) {
-        this.start();
-        return;
-      }
-
-      this.trigger('loadedplaylist');
-    }
-    /**
-     * Parses the master xml string and updates playlist uri references
-     *
-     * @return {Object}
-     *         The parsed mpd manifest object
-     */
-
-  }, {
-    key: 'parseMasterXml',
-    value: function parseMasterXml() {
-      var master = parse(this.masterXml_, {
-        manifestUri: this.srcUrl,
-        clientOffset: this.clientOffset_,
-        sidxMapping: this.sidxMapping_
-      });
-      master.uri = this.srcUrl; // Set up phony URIs for the playlists since we won't have external URIs for DASH
-      // but reference playlists by their URI throughout the project
-      // TODO: Should we create the dummy uris in mpd-parser as well (leaning towards yes).
-
-      for (var i = 0; i < master.playlists.length; i++) {
-        var phonyUri = 'placeholder-uri-' + i;
-        master.playlists[i].uri = phonyUri; // set up by URI references
-
-        master.playlists[phonyUri] = master.playlists[i];
-      } // set up phony URIs for the media group playlists since we won't have external
-      // URIs for DASH but reference playlists by their URI throughout the project
-
-
-      forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
-        if (properties.playlists && properties.playlists.length) {
-          var _phonyUri = 'placeholder-uri-' + mediaType + '-' + groupKey + '-' + labelKey;
-
-          properties.playlists[0].uri = _phonyUri; // setup URI references
-
-          master.playlists[_phonyUri] = properties.playlists[0];
-        }
-      });
-      setupMediaPlaylists(master);
-      resolveMediaGroupUris(master);
-      return master;
-    }
-  }, {
-    key: 'start',
-    value: function start() {
-      var _this5 = this;
-
-      this.started = true; // We don't need to request the master manifest again
-      // Call this asynchronously to match the xhr request behavior below
-
-      if (this.masterPlaylistLoader_) {
-        this.mediaRequest_ = window$1.setTimeout(this.haveMaster_.bind(this), 0);
-        return;
-      } // request the specified URL
-
-
-      this.request = this.hls_.xhr({
-        uri: this.srcUrl,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this5.request) {
-          return;
-        } // clear the loader's request reference
-
-
-        _this5.request = null;
-
-        if (error) {
-          _this5.error = {
-            status: req.status,
-            message: 'DASH playlist request error at URL: ' + _this5.srcUrl,
-            responseText: req.responseText,
-            // MEDIA_ERR_NETWORK
-            code: 2
-          };
-
-          if (_this5.state === 'HAVE_NOTHING') {
-            _this5.started = false;
-          }
-
-          return _this5.trigger('error');
-        }
-
-        _this5.masterXml_ = req.responseText;
-
-        if (req.responseHeaders && req.responseHeaders.date) {
-          _this5.masterLoaded_ = Date.parse(req.responseHeaders.date);
-        } else {
-          _this5.masterLoaded_ = Date.now();
-        }
-
-        _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
-
-        _this5.syncClientServerClock_(_this5.onClientServerClockSync_.bind(_this5));
-      });
-    }
-    /**
-     * Parses the master xml for UTCTiming node to sync the client clock to the server
-     * clock. If the UTCTiming node requires a HEAD or GET request, that request is made.
-     *
-     * @param {Function} done
-     *        Function to call when clock sync has completed
-     */
-
-  }, {
-    key: 'syncClientServerClock_',
-    value: function syncClientServerClock_(done) {
-      var _this6 = this;
-
-      var utcTiming = parseUTCTiming(this.masterXml_); // No UTCTiming element found in the mpd. Use Date header from mpd request as the
-      // server clock
-
-      if (utcTiming === null) {
-        this.clientOffset_ = this.masterLoaded_ - Date.now();
-        return done();
-      }
-
-      if (utcTiming.method === 'DIRECT') {
-        this.clientOffset_ = utcTiming.value - Date.now();
-        return done();
-      }
-
-      this.request = this.hls_.xhr({
-        uri: resolveUrl(this.srcUrl, utcTiming.value),
-        method: utcTiming.method,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this6.request) {
-          return;
-        }
-
-        if (error) {
-          // sync request failed, fall back to using date header from mpd
-          // TODO: log warning
-          _this6.clientOffset_ = _this6.masterLoaded_ - Date.now();
-          return done();
-        }
-
-        var serverTime = void 0;
-
-        if (utcTiming.method === 'HEAD') {
-          if (!req.responseHeaders || !req.responseHeaders.date) {
-            // expected date header not preset, fall back to using date header from mpd
-            // TODO: log warning
-            serverTime = _this6.masterLoaded_;
-          } else {
-            serverTime = Date.parse(req.responseHeaders.date);
-          }
-        } else {
-          serverTime = Date.parse(req.responseText);
-        }
-
-        _this6.clientOffset_ = serverTime - Date.now();
-        done();
-      });
-    }
-  }, {
-    key: 'haveMaster_',
-    value: function haveMaster_() {
-      this.state = 'HAVE_MASTER'; // clear media request
-
-      this.mediaRequest_ = null;
-
-      if (!this.masterPlaylistLoader_) {
-        this.master = this.parseMasterXml(); // We have the master playlist at this point, so
-        // trigger this to allow MasterPlaylistController
-        // to make an initial playlist selection
-
-        this.trigger('loadedplaylist');
-      } else if (!this.media_) {
-        // no media playlist was specifically selected so select
-        // the one the child playlist loader was created with
-        this.media(this.childPlaylist_);
-      }
-    }
-    /**
-     * Handler for after client/server clock synchronization has happened. Sets up
-     * xml refresh timer if specificed by the manifest.
-     */
-
-  }, {
-    key: 'onClientServerClockSync_',
-    value: function onClientServerClockSync_() {
-      var _this7 = this;
-
-      this.haveMaster_();
-
-      if (!this.hasPendingRequest() && !this.media_) {
-        this.media(this.master.playlists[0]);
-      } // TODO: minimumUpdatePeriod can have a value of 0. Currently the manifest will not
-      // be refreshed when this is the case. The inter-op guide says that when the
-      // minimumUpdatePeriod is 0, the manifest should outline all currently available
-      // segments, but future segments may require an update. I think a good solution
-      // would be to update the manifest at the same rate that the media playlists
-      // are "refreshed", i.e. every targetDuration.
-
-
-      if (this.master && this.master.minimumUpdatePeriod) {
-        this.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-          _this7.trigger('minimumUpdatePeriod');
-        }, this.master.minimumUpdatePeriod);
-      }
-    }
-    /**
-     * Sends request to refresh the master xml and updates the parsed master manifest
-     * TODO: Does the client offset need to be recalculated when the xml is refreshed?
-     */
-
-  }, {
-    key: 'refreshXml_',
-    value: function refreshXml_() {
-      var _this8 = this; // The srcUrl here *may* need to pass through handleManifestsRedirects when
-      // sidx is implemented
-
-
-      this.request = this.hls_.xhr({
-        uri: this.srcUrl,
-        withCredentials: this.withCredentials
-      }, function (error, req) {
-        // disposed
-        if (!_this8.request) {
-          return;
-        } // clear the loader's request reference
-
-
-        _this8.request = null;
-
-        if (error) {
-          _this8.error = {
-            status: req.status,
-            message: 'DASH playlist request error at URL: ' + _this8.srcUrl,
-            responseText: req.responseText,
-            // MEDIA_ERR_NETWORK
-            code: 2
-          };
-
-          if (_this8.state === 'HAVE_NOTHING') {
-            _this8.started = false;
-          }
-
-          return _this8.trigger('error');
-        }
-
-        _this8.masterXml_ = req.responseText; // This will filter out updated sidx info from the mapping
-
-        _this8.sidxMapping_ = filterChangedSidxMappings(_this8.masterXml_, _this8.srcUrl, _this8.clientOffset_, _this8.sidxMapping_);
-
-        var master = _this8.parseMasterXml();
-
-        var updatedMaster = updateMaster$1(_this8.master, master);
-
-        var currentSidxInfo = _this8.media().sidx;
-
-        if (updatedMaster) {
-          if (currentSidxInfo) {
-            var sidxKey = generateSidxKey(currentSidxInfo); // the sidx was updated, so the previous mapping was removed
-
-            if (!_this8.sidxMapping_[sidxKey]) {
-              var playlist = _this8.media();
-
-              _this8.request = requestSidx_(playlist.sidx, playlist, _this8.hls_.xhr, {
-                handleManifestRedirects: _this8.handleManifestRedirects
-              }, _this8.sidxRequestFinished_(playlist, master, _this8.state, function (newMaster, sidx) {
-                if (!newMaster || !sidx) {
-                  throw new Error('failed to request sidx on minimumUpdatePeriod');
-                } // update loader's sidxMapping with parsed sidx box
-
-
-                _this8.sidxMapping_[sidxKey].sidx = sidx;
-                _this8.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-                  _this8.trigger('minimumUpdatePeriod');
-                }, _this8.master.minimumUpdatePeriod); // TODO: do we need to reload the current playlist?
-
-                _this8.refreshMedia_(_this8.media().uri);
-
-                return;
-              }));
-            }
-          } else {
-            _this8.master = updatedMaster;
-          }
-        }
-
-        _this8.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-          _this8.trigger('minimumUpdatePeriod');
-        }, _this8.master.minimumUpdatePeriod);
-      });
-    }
-    /**
-     * Refreshes the media playlist by re-parsing the master xml and updating playlist
-     * references. If this is an alternate loader, the updated parsed manifest is retrieved
-     * from the master loader.
-     */
-
-  }, {
-    key: 'refreshMedia_',
-    value: function refreshMedia_(mediaUri) {
-      var _this9 = this;
-
-      if (!mediaUri) {
-        throw new Error('refreshMedia_ must take a media uri');
-      }
-
-      var oldMaster = void 0;
-      var newMaster = void 0;
-
-      if (this.masterPlaylistLoader_) {
-        oldMaster = this.masterPlaylistLoader_.master;
-        newMaster = this.masterPlaylistLoader_.parseMasterXml();
-      } else {
-        oldMaster = this.master;
-        newMaster = this.parseMasterXml();
-      }
-
-      var updatedMaster = updateMaster$1(oldMaster, newMaster);
-
-      if (updatedMaster) {
-        if (this.masterPlaylistLoader_) {
-          this.masterPlaylistLoader_.master = updatedMaster;
-        } else {
-          this.master = updatedMaster;
-        }
-
-        this.media_ = updatedMaster.playlists[mediaUri];
-      } else {
-        this.media_ = newMaster.playlists[mediaUri];
-        this.trigger('playlistunchanged');
-      }
-
-      if (!this.media().endList) {
-        this.mediaUpdateTimeout = window$1.setTimeout(function () {
-          _this9.trigger('mediaupdatetimeout');
-        }, refreshDelay(this.media(), !!updatedMaster));
-      }
-
-      this.trigger('loadedplaylist');
-    }
-  }]);
-  return DashPlaylistLoader;
-}(EventTarget$1$1);
-
-var logger = function logger(source) {
-  if (videojs$1.log.debug) {
-    return videojs$1.log.debug.bind(videojs$1, 'VHS:', source + ' >');
-  }
-
-  return function () {};
-};
-
-function noop() {}
-/**
- * @file source-updater.js
- */
-
-/**
- * A queue of callbacks to be serialized and applied when a
- * MediaSource and its associated SourceBuffers are not in the
- * updating state. It is used by the segment loader to update the
- * underlying SourceBuffers when new data is loaded, for instance.
- *
- * @class SourceUpdater
- * @param {MediaSource} mediaSource the MediaSource to create the
- * SourceBuffer from
- * @param {String} mimeType the desired MIME type of the underlying
- * SourceBuffer
- * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer is
- * added to the media source
- */
-
-
-var SourceUpdater = function () {
-  function SourceUpdater(mediaSource, mimeType, type, sourceBufferEmitter) {
-    classCallCheck(this, SourceUpdater);
-    this.callbacks_ = [];
-    this.pendingCallback_ = null;
-    this.timestampOffset_ = 0;
-    this.mediaSource = mediaSource;
-    this.processedAppend_ = false;
-    this.type_ = type;
-    this.mimeType_ = mimeType;
-    this.logger_ = logger('SourceUpdater[' + type + '][' + mimeType + ']');
-
-    if (mediaSource.readyState === 'closed') {
-      mediaSource.addEventListener('sourceopen', this.createSourceBuffer_.bind(this, mimeType, sourceBufferEmitter));
-    } else {
-      this.createSourceBuffer_(mimeType, sourceBufferEmitter);
-    }
-  }
-
-  createClass(SourceUpdater, [{
-    key: 'createSourceBuffer_',
-    value: function createSourceBuffer_(mimeType, sourceBufferEmitter) {
-      var _this = this;
-
-      this.sourceBuffer_ = this.mediaSource.addSourceBuffer(mimeType);
-      this.logger_('created SourceBuffer');
-
-      if (sourceBufferEmitter) {
-        sourceBufferEmitter.trigger('sourcebufferadded');
-
-        if (this.mediaSource.sourceBuffers.length < 2) {
-          // There's another source buffer we must wait for before we can start updating
-          // our own (or else we can get into a bad state, i.e., appending video/audio data
-          // before the other video/audio source buffer is available and leading to a video
-          // or audio only buffer).
-          sourceBufferEmitter.on('sourcebufferadded', function () {
-            _this.start_();
-          });
-          return;
-        }
-      }
-
-      this.start_();
-    }
-  }, {
-    key: 'start_',
-    value: function start_() {
-      var _this2 = this;
-
-      this.started_ = true; // run completion handlers and process callbacks as updateend
-      // events fire
-
-      this.onUpdateendCallback_ = function () {
-        var pendingCallback = _this2.pendingCallback_;
-        _this2.pendingCallback_ = null;
-        _this2.sourceBuffer_.removing = false;
-
-        _this2.logger_('buffered [' + printableRange(_this2.buffered()) + ']');
-
-        if (pendingCallback) {
-          pendingCallback();
-        }
-
-        _this2.runCallback_();
-      };
-
-      this.sourceBuffer_.addEventListener('updateend', this.onUpdateendCallback_);
-      this.runCallback_();
-    }
-    /**
-     * Aborts the current segment and resets the segment parser.
-     *
-     * @param {Function} done function to call when done
-     * @see http://w3c.github.io/media-source/#widl-SourceBuffer-abort-void
-     */
-
-  }, {
-    key: 'abort',
-    value: function abort(done) {
-      var _this3 = this;
-
-      if (this.processedAppend_) {
-        this.queueCallback_(function () {
-          _this3.sourceBuffer_.abort();
-        }, done);
-      }
-    }
-    /**
-     * Queue an update to append an ArrayBuffer.
-     *
-     * @param {ArrayBuffer} bytes
-     * @param {Function} done the function to call when done
-     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-appendBuffer-void-ArrayBuffer-data
-     */
-
-  }, {
-    key: 'appendBuffer',
-    value: function appendBuffer(config, done) {
-      var _this4 = this;
-
-      this.processedAppend_ = true;
-      this.queueCallback_(function () {
-        if (config.videoSegmentTimingInfoCallback) {
-          _this4.sourceBuffer_.addEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
-        }
-
-        _this4.sourceBuffer_.appendBuffer(config.bytes);
-      }, function () {
-        if (config.videoSegmentTimingInfoCallback) {
-          _this4.sourceBuffer_.removeEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
-        }
-
-        done();
-      });
-    }
-    /**
-     * Indicates what TimeRanges are buffered in the managed SourceBuffer.
-     *
-     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-buffered
-     */
-
-  }, {
-    key: 'buffered',
-    value: function buffered() {
-      if (!this.sourceBuffer_) {
-        return videojs$1.createTimeRanges();
-      }
-
-      return this.sourceBuffer_.buffered;
-    }
-    /**
-     * Queue an update to remove a time range from the buffer.
-     *
-     * @param {Number} start where to start the removal
-     * @param {Number} end where to end the removal
-     * @param {Function} [done=noop] optional callback to be executed when the remove
-     * operation is complete
-     * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove(start, end) {
-      var _this5 = this;
-
-      var done = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
-
-      if (this.processedAppend_) {
-        this.queueCallback_(function () {
-          _this5.logger_('remove [' + start + ' => ' + end + ']');
-
-          _this5.sourceBuffer_.removing = true;
-
-          _this5.sourceBuffer_.remove(start, end);
-        }, done);
-      }
-    }
-    /**
-     * Whether the underlying sourceBuffer is updating or not
-     *
-     * @return {Boolean} the updating status of the SourceBuffer
-     */
-
-  }, {
-    key: 'updating',
-    value: function updating() {
-      // we are updating if the sourcebuffer is updating or
-      return !this.sourceBuffer_ || this.sourceBuffer_.updating || // if we have a pending callback that is not our internal noop
-      !!this.pendingCallback_ && this.pendingCallback_ !== noop;
-    }
-    /**
-     * Set/get the timestampoffset on the SourceBuffer
-     *
-     * @return {Number} the timestamp offset
-     */
-
-  }, {
-    key: 'timestampOffset',
-    value: function timestampOffset(offset) {
-      var _this6 = this;
-
-      if (typeof offset !== 'undefined') {
-        this.queueCallback_(function () {
-          _this6.sourceBuffer_.timestampOffset = offset;
-
-          _this6.runCallback_();
-        });
-        this.timestampOffset_ = offset;
-      }
-
-      return this.timestampOffset_;
-    }
-    /**
-     * Queue a callback to run
-     */
-
-  }, {
-    key: 'queueCallback_',
-    value: function queueCallback_(callback, done) {
-      this.callbacks_.push([callback.bind(this), done]);
-      this.runCallback_();
-    }
-    /**
-     * Run a queued callback
-     */
-
-  }, {
-    key: 'runCallback_',
-    value: function runCallback_() {
-      var callbacks = void 0;
-
-      if (!this.updating() && this.callbacks_.length && this.started_) {
-        callbacks = this.callbacks_.shift();
-        this.pendingCallback_ = callbacks[1];
-        callbacks[0]();
-      }
-    }
-    /**
-     * dispose of the source updater and the underlying sourceBuffer
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      var _this7 = this;
-
-      var disposeFn = function disposeFn() {
-        if (_this7.sourceBuffer_ && _this7.mediaSource.readyState === 'open') {
-          _this7.sourceBuffer_.abort();
-        }
-
-        _this7.sourceBuffer_.removeEventListener('updateend', disposeFn);
-      };
-
-      this.sourceBuffer_.removeEventListener('updateend', this.onUpdateendCallback_);
-
-      if (this.sourceBuffer_.removing) {
-        this.sourceBuffer_.addEventListener('updateend', disposeFn);
-      } else {
-        disposeFn();
-      }
-    }
-  }]);
-  return SourceUpdater;
-}();
-
-var Config = {
-  GOAL_BUFFER_LENGTH: 30,
-  MAX_GOAL_BUFFER_LENGTH: 60,
-  GOAL_BUFFER_LENGTH_RATE: 1,
-  // 0.5 MB/s
-  INITIAL_BANDWIDTH: 4194304,
-  // A fudge factor to apply to advertised playlist bitrates to account for
-  // temporary flucations in client bandwidth
-  BANDWIDTH_VARIANCE: 1.2,
-  // How much of the buffer must be filled before we consider upswitching
-  BUFFER_LOW_WATER_LINE: 0,
-  MAX_BUFFER_LOW_WATER_LINE: 30,
-  BUFFER_LOW_WATER_LINE_RATE: 1
-};
-var REQUEST_ERRORS = {
-  FAILURE: 2,
-  TIMEOUT: -101,
-  ABORTED: -102
-};
-/**
- * Abort all requests
- *
- * @param {Object} activeXhrs - an object that tracks all XHR requests
- */
-
-var abortAll = function abortAll(activeXhrs) {
-  activeXhrs.forEach(function (xhr) {
-    xhr.abort();
-  });
-};
-/**
- * Gather important bandwidth stats once a request has completed
- *
- * @param {Object} request - the XHR request from which to gather stats
- */
-
-
-var getRequestStats = function getRequestStats(request) {
-  return {
-    bandwidth: request.bandwidth,
-    bytesReceived: request.bytesReceived || 0,
-    roundTripTime: request.roundTripTime || 0
-  };
-};
-/**
- * If possible gather bandwidth stats as a request is in
- * progress
- *
- * @param {Event} progressEvent - an event object from an XHR's progress event
- */
-
-
-var getProgressStats = function getProgressStats(progressEvent) {
-  var request = progressEvent.target;
-  var roundTripTime = Date.now() - request.requestTime;
-  var stats = {
-    bandwidth: Infinity,
-    bytesReceived: 0,
-    roundTripTime: roundTripTime || 0
-  };
-  stats.bytesReceived = progressEvent.loaded; // This can result in Infinity if stats.roundTripTime is 0 but that is ok
-  // because we should only use bandwidth stats on progress to determine when
-  // abort a request early due to insufficient bandwidth
-
-  stats.bandwidth = Math.floor(stats.bytesReceived / stats.roundTripTime * 8 * 1000);
-  return stats;
-};
-/**
- * Handle all error conditions in one place and return an object
- * with all the information
- *
- * @param {Error|null} error - if non-null signals an error occured with the XHR
- * @param {Object} request -  the XHR request that possibly generated the error
- */
-
-
-var handleErrors = function handleErrors(error, request) {
-  if (request.timedout) {
-    return {
-      status: request.status,
-      message: 'HLS request timed-out at URL: ' + request.uri,
-      code: REQUEST_ERRORS.TIMEOUT,
-      xhr: request
-    };
-  }
-
-  if (request.aborted) {
-    return {
-      status: request.status,
-      message: 'HLS request aborted at URL: ' + request.uri,
-      code: REQUEST_ERRORS.ABORTED,
-      xhr: request
-    };
-  }
-
-  if (error) {
-    return {
-      status: request.status,
-      message: 'HLS request errored at URL: ' + request.uri,
-      code: REQUEST_ERRORS.FAILURE,
-      xhr: request
-    };
-  }
-
-  return null;
-};
-/**
- * Handle responses for key data and convert the key data to the correct format
- * for the decryption step later
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- *                                        this request
- */
-
-
-var handleKeyResponse = function handleKeyResponse(segment, finishProcessingFn) {
-  return function (error, request) {
-    var response = request.response;
-    var errorObj = handleErrors(error, request);
-
-    if (errorObj) {
-      return finishProcessingFn(errorObj, segment);
-    }
-
-    if (response.byteLength !== 16) {
-      return finishProcessingFn({
-        status: request.status,
-        message: 'Invalid HLS key at URL: ' + request.uri,
-        code: REQUEST_ERRORS.FAILURE,
-        xhr: request
-      }, segment);
-    }
-
-    var view = new DataView(response);
-    segment.key.bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);
-    return finishProcessingFn(null, segment);
-  };
-};
-/**
- * Handle init-segment responses
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- *                                        this request
- */
-
-
-var handleInitSegmentResponse = function handleInitSegmentResponse(segment, captionParser, finishProcessingFn) {
-  return function (error, request) {
-    var response = request.response;
-    var errorObj = handleErrors(error, request);
-
-    if (errorObj) {
-      return finishProcessingFn(errorObj, segment);
-    } // stop processing if received empty content
-
-
-    if (response.byteLength === 0) {
-      return finishProcessingFn({
-        status: request.status,
-        message: 'Empty HLS segment content at URL: ' + request.uri,
-        code: REQUEST_ERRORS.FAILURE,
-        xhr: request
-      }, segment);
-    }
-
-    segment.map.bytes = new Uint8Array(request.response); // Initialize CaptionParser if it hasn't been yet
-
-    if (captionParser && !captionParser.isInitialized()) {
-      captionParser.init();
-    }
-
-    segment.map.timescales = mp4probe.timescale(segment.map.bytes);
-    segment.map.videoTrackIds = mp4probe.videoTrackIds(segment.map.bytes);
-    return finishProcessingFn(null, segment);
-  };
-};
-/**
- * Response handler for segment-requests being sure to set the correct
- * property depending on whether the segment is encryped or not
- * Also records and keeps track of stats that are used for ABR purposes
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- *                                        this request
- */
-
-
-var handleSegmentResponse = function handleSegmentResponse(segment, captionParser, finishProcessingFn) {
-  return function (error, request) {
-    var response = request.response;
-    var errorObj = handleErrors(error, request);
-    var parsed = void 0;
-
-    if (errorObj) {
-      return finishProcessingFn(errorObj, segment);
-    } // stop processing if received empty content
-
-
-    if (response.byteLength === 0) {
-      return finishProcessingFn({
-        status: request.status,
-        message: 'Empty HLS segment content at URL: ' + request.uri,
-        code: REQUEST_ERRORS.FAILURE,
-        xhr: request
-      }, segment);
-    }
-
-    segment.stats = getRequestStats(request);
-
-    if (segment.key) {
-      segment.encryptedBytes = new Uint8Array(request.response);
-    } else {
-      segment.bytes = new Uint8Array(request.response);
-    } // This is likely an FMP4 and has the init segment.
-    // Run through the CaptionParser in case there are captions.
-
-
-    if (captionParser && segment.map && segment.map.bytes) {
-      // Initialize CaptionParser if it hasn't been yet
-      if (!captionParser.isInitialized()) {
-        captionParser.init();
-      }
-
-      parsed = captionParser.parse(segment.bytes, segment.map.videoTrackIds, segment.map.timescales);
-
-      if (parsed && parsed.captions) {
-        segment.captionStreams = parsed.captionStreams;
-        segment.fmp4Captions = parsed.captions;
-      }
-    }
-
-    return finishProcessingFn(null, segment);
-  };
-};
-/**
- * Decrypt the segment via the decryption web worker
- *
- * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} doneFn - a callback that is executed after decryption has completed
- */
-
-
-var decryptSegment = function decryptSegment(decrypter, segment, doneFn) {
-  var decryptionHandler = function decryptionHandler(event) {
-    if (event.data.source === segment.requestId) {
-      decrypter.removeEventListener('message', decryptionHandler);
-      var decrypted = event.data.decrypted;
-      segment.bytes = new Uint8Array(decrypted.bytes, decrypted.byteOffset, decrypted.byteLength);
-      return doneFn(null, segment);
-    }
-  };
-
-  decrypter.addEventListener('message', decryptionHandler);
-  var keyBytes = void 0;
-
-  if (segment.key.bytes.slice) {
-    keyBytes = segment.key.bytes.slice();
-  } else {
-    keyBytes = new Uint32Array(Array.prototype.slice.call(segment.key.bytes));
-  } // this is an encrypted segment
-  // incrementally decrypt the segment
-
-
-  decrypter.postMessage(createTransferableMessage({
-    source: segment.requestId,
-    encrypted: segment.encryptedBytes,
-    key: keyBytes,
-    iv: segment.key.iv
-  }), [segment.encryptedBytes.buffer, keyBytes.buffer]);
-};
-/**
- * This function waits for all XHRs to finish (with either success or failure)
- * before continueing processing via it's callback. The function gathers errors
- * from each request into a single errors array so that the error status for
- * each request can be examined later.
- *
- * @param {Object} activeXhrs - an object that tracks all XHR requests
- * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
- * @param {Function} doneFn - a callback that is executed after all resources have been
- *                            downloaded and any decryption completed
- */
-
-
-var waitForCompletion = function waitForCompletion(activeXhrs, decrypter, doneFn) {
-  var count = 0;
-  var didError = false;
-  return function (error, segment) {
-    if (didError) {
-      return;
-    }
-
-    if (error) {
-      didError = true; // If there are errors, we have to abort any outstanding requests
-
-      abortAll(activeXhrs); // Even though the requests above are aborted, and in theory we could wait until we
-      // handle the aborted events from those requests, there are some cases where we may
-      // never get an aborted event. For instance, if the network connection is lost and
-      // there were two requests, the first may have triggered an error immediately, while
-      // the second request remains unsent. In that case, the aborted algorithm will not
-      // trigger an abort: see https://xhr.spec.whatwg.org/#the-abort()-method
-      //
-      // We also can't rely on the ready state of the XHR, since the request that
-      // triggered the connection error may also show as a ready state of 0 (unsent).
-      // Therefore, we have to finish this group of requests immediately after the first
-      // seen error.
-
-      return doneFn(error, segment);
-    }
-
-    count += 1;
-
-    if (count === activeXhrs.length) {
-      // Keep track of when *all* of the requests have completed
-      segment.endOfAllRequests = Date.now();
-
-      if (segment.encryptedBytes) {
-        return decryptSegment(decrypter, segment, doneFn);
-      } // Otherwise, everything is ready just continue
-
-
-      return doneFn(null, segment);
-    }
-  };
-};
-/**
- * Simple progress event callback handler that gathers some stats before
- * executing a provided callback with the `segment` object
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} progressFn - a callback that is executed each time a progress event
- *                                is received
- * @param {Event} event - the progress event object from XMLHttpRequest
- */
-
-
-var handleProgress = function handleProgress(segment, progressFn) {
-  return function (event) {
-    segment.stats = videojs$1.mergeOptions(segment.stats, getProgressStats(event)); // record the time that we receive the first byte of data
-
-    if (!segment.stats.firstBytesReceivedAt && segment.stats.bytesReceived) {
-      segment.stats.firstBytesReceivedAt = Date.now();
-    }
-
-    return progressFn(event, segment);
-  };
-};
-/**
- * Load all resources and does any processing necessary for a media-segment
- *
- * Features:
- *   decrypts the media-segment if it has a key uri and an iv
- *   aborts *all* requests if *any* one request fails
- *
- * The segment object, at minimum, has the following format:
- * {
- *   resolvedUri: String,
- *   [byterange]: {
- *     offset: Number,
- *     length: Number
- *   },
- *   [key]: {
- *     resolvedUri: String
- *     [byterange]: {
- *       offset: Number,
- *       length: Number
- *     },
- *     iv: {
- *       bytes: Uint32Array
- *     }
- *   },
- *   [map]: {
- *     resolvedUri: String,
- *     [byterange]: {
- *       offset: Number,
- *       length: Number
- *     },
- *     [bytes]: Uint8Array
- *   }
- * }
- * ...where [name] denotes optional properties
- *
- * @param {Function} xhr - an instance of the xhr wrapper in xhr.js
- * @param {Object} xhrOptions - the base options to provide to all xhr requests
- * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128
- *                                       decryption routines
- * @param {Object} segment - a simplified copy of the segmentInfo object
- *                           from SegmentLoader
- * @param {Function} progressFn - a callback that receives progress events from the main
- *                                segment's xhr request
- * @param {Function} doneFn - a callback that is executed only once all requests have
- *                            succeeded or failed
- * @returns {Function} a function that, when invoked, immediately aborts all
- *                     outstanding requests
- */
-
-
-var mediaSegmentRequest = function mediaSegmentRequest(xhr, xhrOptions, decryptionWorker, captionParser, segment, progressFn, doneFn) {
-  var activeXhrs = [];
-  var finishProcessingFn = waitForCompletion(activeXhrs, decryptionWorker, doneFn); // optionally, request the decryption key
-
-  if (segment.key && !segment.key.bytes) {
-    var keyRequestOptions = videojs$1.mergeOptions(xhrOptions, {
-      uri: segment.key.resolvedUri,
-      responseType: 'arraybuffer'
-    });
-    var keyRequestCallback = handleKeyResponse(segment, finishProcessingFn);
-    var keyXhr = xhr(keyRequestOptions, keyRequestCallback);
-    activeXhrs.push(keyXhr);
-  } // optionally, request the associated media init segment
-
-
-  if (segment.map && !segment.map.bytes) {
-    var initSegmentOptions = videojs$1.mergeOptions(xhrOptions, {
-      uri: segment.map.resolvedUri,
-      responseType: 'arraybuffer',
-      headers: segmentXhrHeaders(segment.map)
-    });
-    var initSegmentRequestCallback = handleInitSegmentResponse(segment, captionParser, finishProcessingFn);
-    var initSegmentXhr = xhr(initSegmentOptions, initSegmentRequestCallback);
-    activeXhrs.push(initSegmentXhr);
-  }
-
-  var segmentRequestOptions = videojs$1.mergeOptions(xhrOptions, {
-    uri: segment.resolvedUri,
-    responseType: 'arraybuffer',
-    headers: segmentXhrHeaders(segment)
-  });
-  var segmentRequestCallback = handleSegmentResponse(segment, captionParser, finishProcessingFn);
-  var segmentXhr = xhr(segmentRequestOptions, segmentRequestCallback);
-  segmentXhr.addEventListener('progress', handleProgress(segment, progressFn));
-  activeXhrs.push(segmentXhr);
-  return function () {
-    return abortAll(activeXhrs);
-  };
-}; // Utilities
-
-/**
- * Returns the CSS value for the specified property on an element
- * using `getComputedStyle`. Firefox has a long-standing issue where
- * getComputedStyle() may return null when running in an iframe with
- * `display: none`.
- *
- * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397
- * @param {HTMLElement} el the htmlelement to work on
- * @param {string} the proprety to get the style for
- */
-
-
-var safeGetComputedStyle = function safeGetComputedStyle(el, property) {
-  var result = void 0;
-
-  if (!el) {
-    return '';
-  }
-
-  result = window$1.getComputedStyle(el);
-
-  if (!result) {
-    return '';
-  }
-
-  return result[property];
-};
-/**
- * Resuable stable sort function
- *
- * @param {Playlists} array
- * @param {Function} sortFn Different comparators
- * @function stableSort
- */
-
-
-var stableSort = function stableSort(array, sortFn) {
-  var newArray = array.slice();
-  array.sort(function (left, right) {
-    var cmp = sortFn(left, right);
-
-    if (cmp === 0) {
-      return newArray.indexOf(left) - newArray.indexOf(right);
-    }
-
-    return cmp;
-  });
-};
-/**
- * A comparator function to sort two playlist object by bandwidth.
- *
- * @param {Object} left a media playlist object
- * @param {Object} right a media playlist object
- * @return {Number} Greater than zero if the bandwidth attribute of
- * left is greater than the corresponding attribute of right. Less
- * than zero if the bandwidth of right is greater than left and
- * exactly zero if the two are equal.
- */
-
-
-var comparePlaylistBandwidth = function comparePlaylistBandwidth(left, right) {
-  var leftBandwidth = void 0;
-  var rightBandwidth = void 0;
-
-  if (left.attributes.BANDWIDTH) {
-    leftBandwidth = left.attributes.BANDWIDTH;
-  }
-
-  leftBandwidth = leftBandwidth || window$1.Number.MAX_VALUE;
-
-  if (right.attributes.BANDWIDTH) {
-    rightBandwidth = right.attributes.BANDWIDTH;
-  }
-
-  rightBandwidth = rightBandwidth || window$1.Number.MAX_VALUE;
-  return leftBandwidth - rightBandwidth;
-};
-/**
- * A comparator function to sort two playlist object by resolution (width).
- * @param {Object} left a media playlist object
- * @param {Object} right a media playlist object
- * @return {Number} Greater than zero if the resolution.width attribute of
- * left is greater than the corresponding attribute of right. Less
- * than zero if the resolution.width of right is greater than left and
- * exactly zero if the two are equal.
- */
-
-
-var comparePlaylistResolution = function comparePlaylistResolution(left, right) {
-  var leftWidth = void 0;
-  var rightWidth = void 0;
-
-  if (left.attributes.RESOLUTION && left.attributes.RESOLUTION.width) {
-    leftWidth = left.attributes.RESOLUTION.width;
-  }
-
-  leftWidth = leftWidth || window$1.Number.MAX_VALUE;
-
-  if (right.attributes.RESOLUTION && right.attributes.RESOLUTION.width) {
-    rightWidth = right.attributes.RESOLUTION.width;
-  }
-
-  rightWidth = rightWidth || window$1.Number.MAX_VALUE; // NOTE - Fallback to bandwidth sort as appropriate in cases where multiple renditions
-  // have the same media dimensions/ resolution
-
-  if (leftWidth === rightWidth && left.attributes.BANDWIDTH && right.attributes.BANDWIDTH) {
-    return left.attributes.BANDWIDTH - right.attributes.BANDWIDTH;
-  }
-
-  return leftWidth - rightWidth;
-};
-/**
- * Chooses the appropriate media playlist based on bandwidth and player size
- *
- * @param {Object} master
- *        Object representation of the master manifest
- * @param {Number} playerBandwidth
- *        Current calculated bandwidth of the player
- * @param {Number} playerWidth
- *        Current width of the player element
- * @param {Number} playerHeight
- *        Current height of the player element
- * @param {Boolean} limitRenditionByPlayerDimensions
- *        True if the player width and height should be used during the selection, false otherwise
- * @return {Playlist} the highest bitrate playlist less than the
- * currently detected bandwidth, accounting for some amount of
- * bandwidth variance
- */
-
-
-var simpleSelector = function simpleSelector(master, playerBandwidth, playerWidth, playerHeight, limitRenditionByPlayerDimensions) {
-  // convert the playlists to an intermediary representation to make comparisons easier
-  var sortedPlaylistReps = master.playlists.map(function (playlist) {
-    var width = void 0;
-    var height = void 0;
-    var bandwidth = void 0;
-    width = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.width;
-    height = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.height;
-    bandwidth = playlist.attributes.BANDWIDTH;
-    bandwidth = bandwidth || window$1.Number.MAX_VALUE;
-    return {
-      bandwidth: bandwidth,
-      width: width,
-      height: height,
-      playlist: playlist
-    };
-  });
-  stableSort(sortedPlaylistReps, function (left, right) {
-    return left.bandwidth - right.bandwidth;
-  }); // filter out any playlists that have been excluded due to
-  // incompatible configurations
-
-  sortedPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-    return !Playlist.isIncompatible(rep.playlist);
-  }); // filter out any playlists that have been disabled manually through the representations
-  // api or blacklisted temporarily due to playback errors.
-
-  var enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-    return Playlist.isEnabled(rep.playlist);
-  });
-
-  if (!enabledPlaylistReps.length) {
-    // if there are no enabled playlists, then they have all been blacklisted or disabled
-    // by the user through the representations api. In this case, ignore blacklisting and
-    // fallback to what the user wants by using playlists the user has not disabled.
-    enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-      return !Playlist.isDisabled(rep.playlist);
-    });
-  } // filter out any variant that has greater effective bitrate
-  // than the current estimated bandwidth
-
-
-  var bandwidthPlaylistReps = enabledPlaylistReps.filter(function (rep) {
-    return rep.bandwidth * Config.BANDWIDTH_VARIANCE < playerBandwidth;
-  });
-  var highestRemainingBandwidthRep = bandwidthPlaylistReps[bandwidthPlaylistReps.length - 1]; // get all of the renditions with the same (highest) bandwidth
-  // and then taking the very first element
-
-  var bandwidthBestRep = bandwidthPlaylistReps.filter(function (rep) {
-    return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-  })[0]; // if we're not going to limit renditions by player size, make an early decision.
-
-  if (limitRenditionByPlayerDimensions === false) {
-    var _chosenRep = bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
-
-    return _chosenRep ? _chosenRep.playlist : null;
-  } // filter out playlists without resolution information
-
-
-  var haveResolution = bandwidthPlaylistReps.filter(function (rep) {
-    return rep.width && rep.height;
-  }); // sort variants by resolution
-
-  stableSort(haveResolution, function (left, right) {
-    return left.width - right.width;
-  }); // if we have the exact resolution as the player use it
-
-  var resolutionBestRepList = haveResolution.filter(function (rep) {
-    return rep.width === playerWidth && rep.height === playerHeight;
-  });
-  highestRemainingBandwidthRep = resolutionBestRepList[resolutionBestRepList.length - 1]; // ensure that we pick the highest bandwidth variant that have exact resolution
-
-  var resolutionBestRep = resolutionBestRepList.filter(function (rep) {
-    return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-  })[0];
-  var resolutionPlusOneList = void 0;
-  var resolutionPlusOneSmallest = void 0;
-  var resolutionPlusOneRep = void 0; // find the smallest variant that is larger than the player
-  // if there is no match of exact resolution
-
-  if (!resolutionBestRep) {
-    resolutionPlusOneList = haveResolution.filter(function (rep) {
-      return rep.width > playerWidth || rep.height > playerHeight;
-    }); // find all the variants have the same smallest resolution
-
-    resolutionPlusOneSmallest = resolutionPlusOneList.filter(function (rep) {
-      return rep.width === resolutionPlusOneList[0].width && rep.height === resolutionPlusOneList[0].height;
-    }); // ensure that we also pick the highest bandwidth variant that
-    // is just-larger-than the video player
-
-    highestRemainingBandwidthRep = resolutionPlusOneSmallest[resolutionPlusOneSmallest.length - 1];
-    resolutionPlusOneRep = resolutionPlusOneSmallest.filter(function (rep) {
-      return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-    })[0];
-  } // fallback chain of variants
-
-
-  var chosenRep = resolutionPlusOneRep || resolutionBestRep || bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
-  return chosenRep ? chosenRep.playlist : null;
-}; // Playlist Selectors
-
-/**
- * Chooses the appropriate media playlist based on the most recent
- * bandwidth estimate and the player size.
- *
- * Expects to be called within the context of an instance of HlsHandler
- *
- * @return {Playlist} the highest bitrate playlist less than the
- * currently detected bandwidth, accounting for some amount of
- * bandwidth variance
- */
-
-
-var lastBandwidthSelector = function lastBandwidthSelector() {
-  return simpleSelector(this.playlists.master, this.systemBandwidth, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10), parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10), this.limitRenditionByPlayerDimensions);
-};
-/**
- * Chooses the appropriate media playlist based on the potential to rebuffer
- *
- * @param {Object} settings
- *        Object of information required to use this selector
- * @param {Object} settings.master
- *        Object representation of the master manifest
- * @param {Number} settings.currentTime
- *        The current time of the player
- * @param {Number} settings.bandwidth
- *        Current measured bandwidth
- * @param {Number} settings.duration
- *        Duration of the media
- * @param {Number} settings.segmentDuration
- *        Segment duration to be used in round trip time calculations
- * @param {Number} settings.timeUntilRebuffer
- *        Time left in seconds until the player has to rebuffer
- * @param {Number} settings.currentTimeline
- *        The current timeline segments are being loaded from
- * @param {SyncController} settings.syncController
- *        SyncController for determining if we have a sync point for a given playlist
- * @return {Object|null}
- *         {Object} return.playlist
- *         The highest bandwidth playlist with the least amount of rebuffering
- *         {Number} return.rebufferingImpact
- *         The amount of time in seconds switching to this playlist will rebuffer. A
- *         negative value means that switching will cause zero rebuffering.
- */
-
-
-var minRebufferMaxBandwidthSelector = function minRebufferMaxBandwidthSelector(settings) {
-  var master = settings.master,
-      currentTime = settings.currentTime,
-      bandwidth = settings.bandwidth,
-      duration$$1 = settings.duration,
-      segmentDuration = settings.segmentDuration,
-      timeUntilRebuffer = settings.timeUntilRebuffer,
-      currentTimeline = settings.currentTimeline,
-      syncController = settings.syncController; // filter out any playlists that have been excluded due to
-  // incompatible configurations
-
-  var compatiblePlaylists = master.playlists.filter(function (playlist) {
-    return !Playlist.isIncompatible(playlist);
-  }); // filter out any playlists that have been disabled manually through the representations
-  // api or blacklisted temporarily due to playback errors.
-
-  var enabledPlaylists = compatiblePlaylists.filter(Playlist.isEnabled);
-
-  if (!enabledPlaylists.length) {
-    // if there are no enabled playlists, then they have all been blacklisted or disabled
-    // by the user through the representations api. In this case, ignore blacklisting and
-    // fallback to what the user wants by using playlists the user has not disabled.
-    enabledPlaylists = compatiblePlaylists.filter(function (playlist) {
-      return !Playlist.isDisabled(playlist);
-    });
-  }
-
-  var bandwidthPlaylists = enabledPlaylists.filter(Playlist.hasAttribute.bind(null, 'BANDWIDTH'));
-  var rebufferingEstimates = bandwidthPlaylists.map(function (playlist) {
-    var syncPoint = syncController.getSyncPoint(playlist, duration$$1, currentTimeline, currentTime); // If there is no sync point for this playlist, switching to it will require a
-    // sync request first. This will double the request time
-
-    var numRequests = syncPoint ? 1 : 2;
-    var requestTimeEstimate = Playlist.estimateSegmentRequestTime(segmentDuration, bandwidth, playlist);
-    var rebufferingImpact = requestTimeEstimate * numRequests - timeUntilRebuffer;
-    return {
-      playlist: playlist,
-      rebufferingImpact: rebufferingImpact
-    };
-  });
-  var noRebufferingPlaylists = rebufferingEstimates.filter(function (estimate) {
-    return estimate.rebufferingImpact <= 0;
-  }); // Sort by bandwidth DESC
-
-  stableSort(noRebufferingPlaylists, function (a, b) {
-    return comparePlaylistBandwidth(b.playlist, a.playlist);
-  });
-
-  if (noRebufferingPlaylists.length) {
-    return noRebufferingPlaylists[0];
-  }
-
-  stableSort(rebufferingEstimates, function (a, b) {
-    return a.rebufferingImpact - b.rebufferingImpact;
-  });
-  return rebufferingEstimates[0] || null;
-};
-/**
- * Chooses the appropriate media playlist, which in this case is the lowest bitrate
- * one with video.  If no renditions with video exist, return the lowest audio rendition.
- *
- * Expects to be called within the context of an instance of HlsHandler
- *
- * @return {Object|null}
- *         {Object} return.playlist
- *         The lowest bitrate playlist that contains a video codec.  If no such rendition
- *         exists pick the lowest audio rendition.
- */
-
-
-var lowestBitrateCompatibleVariantSelector = function lowestBitrateCompatibleVariantSelector() {
-  // filter out any playlists that have been excluded due to
-  // incompatible configurations or playback errors
-  var playlists = this.playlists.master.playlists.filter(Playlist.isEnabled); // Sort ascending by bitrate
-
-  stableSort(playlists, function (a, b) {
-    return comparePlaylistBandwidth(a, b);
-  }); // Parse and assume that playlists with no video codec have no video
-  // (this is not necessarily true, although it is generally true).
-  //
-  // If an entire manifest has no valid videos everything will get filtered
-  // out.
-
-  var playlistsWithVideo = playlists.filter(function (playlist) {
-    return parseCodecs(playlist.attributes.CODECS).videoCodec;
-  });
-  return playlistsWithVideo[0] || null;
-};
-/**
- * Create captions text tracks on video.js if they do not exist
- *
- * @param {Object} inbandTextTracks a reference to current inbandTextTracks
- * @param {Object} tech the video.js tech
- * @param {Object} captionStreams the caption streams to create
- * @private
- */
-
-
-var createCaptionsTrackIfNotExists = function createCaptionsTrackIfNotExists(inbandTextTracks, tech, captionStreams) {
-  for (var trackId in captionStreams) {
-    if (!inbandTextTracks[trackId]) {
-      tech.trigger({
-        type: 'usage',
-        name: 'hls-608'
-      });
-      var track = tech.textTracks().getTrackById(trackId);
-
-      if (track) {
-        // Resuse an existing track with a CC# id because this was
-        // very likely created by videojs-contrib-hls from information
-        // in the m3u8 for us to use
-        inbandTextTracks[trackId] = track;
-      } else {
-        // Otherwise, create a track with the default `CC#` label and
-        // without a language
-        inbandTextTracks[trackId] = tech.addRemoteTextTrack({
-          kind: 'captions',
-          id: trackId,
-          label: trackId
-        }, false).track;
-      }
-    }
-  }
-};
-
-var addCaptionData = function addCaptionData(_ref) {
-  var inbandTextTracks = _ref.inbandTextTracks,
-      captionArray = _ref.captionArray,
-      timestampOffset = _ref.timestampOffset;
-
-  if (!captionArray) {
-    return;
-  }
-
-  var Cue = window.WebKitDataCue || window.VTTCue;
-  captionArray.forEach(function (caption) {
-    var track = caption.stream;
-    var startTime = caption.startTime;
-    var endTime = caption.endTime;
-
-    if (!inbandTextTracks[track]) {
-      return;
-    }
-
-    startTime += timestampOffset;
-    endTime += timestampOffset;
-    inbandTextTracks[track].addCue(new Cue(startTime, endTime, caption.text));
-  });
-};
-/**
- * @file segment-loader.js
- */
-// in ms
-
-
-var CHECK_BUFFER_DELAY = 500;
-/**
- * Determines if we should call endOfStream on the media source based
- * on the state of the buffer or if appened segment was the final
- * segment in the playlist.
- *
- * @param {Object} playlist a media playlist object
- * @param {Object} mediaSource the MediaSource object
- * @param {Number} segmentIndex the index of segment we last appended
- * @returns {Boolean} do we need to call endOfStream on the MediaSource
- */
-
-var detectEndOfStream = function detectEndOfStream(playlist, mediaSource, segmentIndex) {
-  if (!playlist || !mediaSource) {
-    return false;
-  }
-
-  var segments = playlist.segments; // determine a few boolean values to help make the branch below easier
-  // to read
-
-  var appendedLastSegment = segmentIndex === segments.length; // if we've buffered to the end of the video, we need to call endOfStream
-  // so that MediaSources can trigger the `ended` event when it runs out of
-  // buffered data instead of waiting for me
-
-  return playlist.endList && mediaSource.readyState === 'open' && appendedLastSegment;
-};
-
-var finite = function finite(num) {
-  return typeof num === 'number' && isFinite(num);
-};
-
-var illegalMediaSwitch = function illegalMediaSwitch(loaderType, startingMedia, newSegmentMedia) {
-  // Although these checks should most likely cover non 'main' types, for now it narrows
-  // the scope of our checks.
-  if (loaderType !== 'main' || !startingMedia || !newSegmentMedia) {
-    return null;
-  }
-
-  if (!newSegmentMedia.containsAudio && !newSegmentMedia.containsVideo) {
-    return 'Neither audio nor video found in segment.';
-  }
-
-  if (startingMedia.containsVideo && !newSegmentMedia.containsVideo) {
-    return 'Only audio found in segment when we expected video.' + ' We can\'t switch to audio only from a stream that had video.' + ' To get rid of this message, please add codec information to the manifest.';
-  }
-
-  if (!startingMedia.containsVideo && newSegmentMedia.containsVideo) {
-    return 'Video found in segment when we expected only audio.' + ' We can\'t switch to a stream with video from an audio only stream.' + ' To get rid of this message, please add codec information to the manifest.';
-  }
-
-  return null;
-};
-/**
- * Calculates a time value that is safe to remove from the back buffer without interupting
- * playback.
- *
- * @param {TimeRange} seekable
- *        The current seekable range
- * @param {Number} currentTime
- *        The current time of the player
- * @param {Number} targetDuration
- *        The target duration of the current playlist
- * @return {Number}
- *         Time that is safe to remove from the back buffer without interupting playback
- */
-
-
-var safeBackBufferTrimTime = function safeBackBufferTrimTime(seekable$$1, currentTime, targetDuration) {
-  var removeToTime = void 0;
-
-  if (seekable$$1.length && seekable$$1.start(0) > 0 && seekable$$1.start(0) < currentTime) {
-    // If we have a seekable range use that as the limit for what can be removed safely
-    removeToTime = seekable$$1.start(0);
-  } else {
-    // otherwise remove anything older than 30 seconds before the current play head
-    removeToTime = currentTime - 30;
-  } // Don't allow removing from the buffer within target duration of current time
-  // to avoid the possibility of removing the GOP currently being played which could
-  // cause playback stalls.
-
-
-  return Math.min(removeToTime, currentTime - targetDuration);
-};
-
-var segmentInfoString = function segmentInfoString(segmentInfo) {
-  var _segmentInfo$segment = segmentInfo.segment,
-      start = _segmentInfo$segment.start,
-      end = _segmentInfo$segment.end,
-      _segmentInfo$playlist = segmentInfo.playlist,
-      seq = _segmentInfo$playlist.mediaSequence,
-      id = _segmentInfo$playlist.id,
-      _segmentInfo$playlist2 = _segmentInfo$playlist.segments,
-      segments = _segmentInfo$playlist2 === undefined ? [] : _segmentInfo$playlist2,
-      index = segmentInfo.mediaIndex,
-      timeline = segmentInfo.timeline;
-  return ['appending [' + index + '] of [' + seq + ', ' + (seq + segments.length) + '] from playlist [' + id + ']', '[' + start + ' => ' + end + '] in timeline [' + timeline + ']'].join(' ');
-};
-/**
- * An object that manages segment loading and appending.
- *
- * @class SegmentLoader
- * @param {Object} options required and optional options
- * @extends videojs.EventTarget
- */
-
-
-var SegmentLoader = function (_videojs$EventTarget) {
-  inherits(SegmentLoader, _videojs$EventTarget);
-
-  function SegmentLoader(settings) {
-    classCallCheck(this, SegmentLoader); // check pre-conditions
-
-    var _this = possibleConstructorReturn(this, (SegmentLoader.__proto__ || Object.getPrototypeOf(SegmentLoader)).call(this));
-
-    if (!settings) {
-      throw new TypeError('Initialization settings are required');
-    }
-
-    if (typeof settings.currentTime !== 'function') {
-      throw new TypeError('No currentTime getter specified');
-    }
-
-    if (!settings.mediaSource) {
-      throw new TypeError('No MediaSource specified');
-    } // public properties
-
-
-    _this.bandwidth = settings.bandwidth;
-    _this.throughput = {
-      rate: 0,
-      count: 0
-    };
-    _this.roundTrip = NaN;
-
-    _this.resetStats_();
-
-    _this.mediaIndex = null; // private settings
-
-    _this.hasPlayed_ = settings.hasPlayed;
-    _this.currentTime_ = settings.currentTime;
-    _this.seekable_ = settings.seekable;
-    _this.seeking_ = settings.seeking;
-    _this.duration_ = settings.duration;
-    _this.mediaSource_ = settings.mediaSource;
-    _this.hls_ = settings.hls;
-    _this.loaderType_ = settings.loaderType;
-    _this.startingMedia_ = void 0;
-    _this.segmentMetadataTrack_ = settings.segmentMetadataTrack;
-    _this.goalBufferLength_ = settings.goalBufferLength;
-    _this.sourceType_ = settings.sourceType;
-    _this.inbandTextTracks_ = settings.inbandTextTracks;
-    _this.state_ = 'INIT'; // private instance variables
-
-    _this.checkBufferTimeout_ = null;
-    _this.error_ = void 0;
-    _this.currentTimeline_ = -1;
-    _this.pendingSegment_ = null;
-    _this.mimeType_ = null;
-    _this.sourceUpdater_ = null;
-    _this.xhrOptions_ = null; // Fragmented mp4 playback
-
-    _this.activeInitSegmentId_ = null;
-    _this.initSegments_ = {}; // HLSe playback
-
-    _this.cacheEncryptionKeys_ = settings.cacheEncryptionKeys;
-    _this.keyCache_ = {}; // Fmp4 CaptionParser
-
-    if (_this.loaderType_ === 'main') {
-      _this.captionParser_ = new CaptionParser();
-    } else {
-      _this.captionParser_ = null;
-    }
-
-    _this.decrypter_ = settings.decrypter; // Manages the tracking and generation of sync-points, mappings
-    // between a time in the display time and a segment index within
-    // a playlist
-
-    _this.syncController_ = settings.syncController;
-    _this.syncPoint_ = {
-      segmentIndex: 0,
-      time: 0
-    };
-
-    _this.syncController_.on('syncinfoupdate', function () {
-      return _this.trigger('syncinfoupdate');
-    });
-
-    _this.mediaSource_.addEventListener('sourceopen', function () {
-      return _this.ended_ = false;
-    }); // ...for determining the fetch location
-
-
-    _this.fetchAtBuffer_ = false;
-    _this.logger_ = logger('SegmentLoader[' + _this.loaderType_ + ']');
-    Object.defineProperty(_this, 'state', {
-      get: function get$$1() {
-        return this.state_;
-      },
-      set: function set$$1(newState) {
-        if (newState !== this.state_) {
-          this.logger_(this.state_ + ' -> ' + newState);
-          this.state_ = newState;
-        }
-      }
-    });
-    return _this;
-  }
-  /**
-   * reset all of our media stats
-   *
-   * @private
-   */
-
-
-  createClass(SegmentLoader, [{
-    key: 'resetStats_',
-    value: function resetStats_() {
-      this.mediaBytesTransferred = 0;
-      this.mediaRequests = 0;
-      this.mediaRequestsAborted = 0;
-      this.mediaRequestsTimedout = 0;
-      this.mediaRequestsErrored = 0;
-      this.mediaTransferDuration = 0;
-      this.mediaSecondsLoaded = 0;
-    }
-    /**
-     * dispose of the SegmentLoader and reset to the default state
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      this.state = 'DISPOSED';
-      this.pause();
-      this.abort_();
-
-      if (this.sourceUpdater_) {
-        this.sourceUpdater_.dispose();
-      }
-
-      this.resetStats_();
-
-      if (this.captionParser_) {
-        this.captionParser_.reset();
-      }
-    }
-    /**
-     * abort anything that is currently doing on with the SegmentLoader
-     * and reset to a default state
-     */
-
-  }, {
-    key: 'abort',
-    value: function abort() {
-      if (this.state !== 'WAITING') {
-        if (this.pendingSegment_) {
-          this.pendingSegment_ = null;
-        }
-
-        return;
-      }
-
-      this.abort_(); // We aborted the requests we were waiting on, so reset the loader's state to READY
-      // since we are no longer "waiting" on any requests. XHR callback is not always run
-      // when the request is aborted. This will prevent the loader from being stuck in the
-      // WAITING state indefinitely.
-
-      this.state = 'READY'; // don't wait for buffer check timeouts to begin fetching the
-      // next segment
-
-      if (!this.paused()) {
-        this.monitorBuffer_();
-      }
-    }
-    /**
-     * abort all pending xhr requests and null any pending segements
-     *
-     * @private
-     */
-
-  }, {
-    key: 'abort_',
-    value: function abort_() {
-      if (this.pendingSegment_) {
-        this.pendingSegment_.abortRequests();
-      } // clear out the segment being processed
-
-
-      this.pendingSegment_ = null;
-    }
-    /**
-     * set an error on the segment loader and null out any pending segements
-     *
-     * @param {Error} error the error to set on the SegmentLoader
-     * @return {Error} the error that was set or that is currently set
-     */
-
-  }, {
-    key: 'error',
-    value: function error(_error) {
-      if (typeof _error !== 'undefined') {
-        this.error_ = _error;
-      }
-
-      this.pendingSegment_ = null;
-      return this.error_;
-    }
-  }, {
-    key: 'endOfStream',
-    value: function endOfStream() {
-      this.ended_ = true;
-      this.pause();
-      this.trigger('ended');
-    }
-    /**
-     * Indicates which time ranges are buffered
-     *
-     * @return {TimeRange}
-     *         TimeRange object representing the current buffered ranges
-     */
-
-  }, {
-    key: 'buffered_',
-    value: function buffered_() {
-      if (!this.sourceUpdater_) {
-        return videojs$1.createTimeRanges();
-      }
-
-      return this.sourceUpdater_.buffered();
-    }
-    /**
-     * Gets and sets init segment for the provided map
-     *
-     * @param {Object} map
-     *        The map object representing the init segment to get or set
-     * @param {Boolean=} set
-     *        If true, the init segment for the provided map should be saved
-     * @return {Object}
-     *         map object for desired init segment
-     */
-
-  }, {
-    key: 'initSegment',
-    value: function initSegment(map) {
-      var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      if (!map) {
-        return null;
-      }
-
-      var id = initSegmentId(map);
-      var storedMap = this.initSegments_[id];
-
-      if (set$$1 && !storedMap && map.bytes) {
-        this.initSegments_[id] = storedMap = {
-          resolvedUri: map.resolvedUri,
-          byterange: map.byterange,
-          bytes: map.bytes,
-          timescales: map.timescales,
-          videoTrackIds: map.videoTrackIds
-        };
-      }
-
-      return storedMap || map;
-    }
-    /**
-     * Gets and sets key for the provided key
-     *
-     * @param {Object} key
-     *        The key object representing the key to get or set
-     * @param {Boolean=} set
-     *        If true, the key for the provided key should be saved
-     * @return {Object}
-     *         Key object for desired key
-     */
-
-  }, {
-    key: 'segmentKey',
-    value: function segmentKey(key) {
-      var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      if (!key) {
-        return null;
-      }
-
-      var id = segmentKeyId(key);
-      var storedKey = this.keyCache_[id]; // TODO: We should use the HTTP Expires header to invalidate our cache per
-      // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-6.2.3
-
-      if (this.cacheEncryptionKeys_ && set$$1 && !storedKey && key.bytes) {
-        this.keyCache_[id] = storedKey = {
-          resolvedUri: key.resolvedUri,
-          bytes: key.bytes
-        };
-      }
-
-      var result = {
-        resolvedUri: (storedKey || key).resolvedUri
-      };
-
-      if (storedKey) {
-        result.bytes = storedKey.bytes;
-      }
-
-      return result;
-    }
-    /**
-     * Returns true if all configuration required for loading is present, otherwise false.
-     *
-     * @return {Boolean} True if the all configuration is ready for loading
-     * @private
-     */
-
-  }, {
-    key: 'couldBeginLoading_',
-    value: function couldBeginLoading_() {
-      return this.playlist_ && ( // the source updater is created when init_ is called, so either having a
-      // source updater or being in the INIT state with a mimeType is enough
-      // to say we have all the needed configuration to start loading.
-      this.sourceUpdater_ || this.mimeType_ && this.state === 'INIT') && !this.paused();
-    }
-    /**
-     * load a playlist and start to fill the buffer
-     */
-
-  }, {
-    key: 'load',
-    value: function load() {
-      // un-pause
-      this.monitorBuffer_(); // if we don't have a playlist yet, keep waiting for one to be
-      // specified
-
-      if (!this.playlist_) {
-        return;
-      } // not sure if this is the best place for this
-
-
-      this.syncController_.setDateTimeMapping(this.playlist_); // if all the configuration is ready, initialize and begin loading
-
-      if (this.state === 'INIT' && this.couldBeginLoading_()) {
-        return this.init_();
-      } // if we're in the middle of processing a segment already, don't
-      // kick off an additional segment request
-
-
-      if (!this.couldBeginLoading_() || this.state !== 'READY' && this.state !== 'INIT') {
-        return;
-      }
-
-      this.state = 'READY';
-    }
-    /**
-     * Once all the starting parameters have been specified, begin
-     * operation. This method should only be invoked from the INIT
-     * state.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'init_',
-    value: function init_() {
-      this.state = 'READY';
-      this.sourceUpdater_ = new SourceUpdater(this.mediaSource_, this.mimeType_, this.loaderType_, this.sourceBufferEmitter_);
-      this.resetEverything();
-      return this.monitorBuffer_();
-    }
-    /**
-     * set a playlist on the segment loader
-     *
-     * @param {PlaylistLoader} media the playlist to set on the segment loader
-     */
-
-  }, {
-    key: 'playlist',
-    value: function playlist(newPlaylist) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      if (!newPlaylist) {
-        return;
-      }
-
-      var oldPlaylist = this.playlist_;
-      var segmentInfo = this.pendingSegment_;
-      this.playlist_ = newPlaylist;
-      this.xhrOptions_ = options; // when we haven't started playing yet, the start of a live playlist
-      // is always our zero-time so force a sync update each time the playlist
-      // is refreshed from the server
-
-      if (!this.hasPlayed_()) {
-        newPlaylist.syncInfo = {
-          mediaSequence: newPlaylist.mediaSequence,
-          time: 0
-        };
-      }
-
-      var oldId = null;
-
-      if (oldPlaylist) {
-        if (oldPlaylist.id) {
-          oldId = oldPlaylist.id;
-        } else if (oldPlaylist.uri) {
-          oldId = oldPlaylist.uri;
-        }
-      }
-
-      this.logger_('playlist update [' + oldId + ' => ' + (newPlaylist.id || newPlaylist.uri) + ']'); // in VOD, this is always a rendition switch (or we updated our syncInfo above)
-      // in LIVE, we always want to update with new playlists (including refreshes)
-
-      this.trigger('syncinfoupdate'); // if we were unpaused but waiting for a playlist, start
-      // buffering now
-
-      if (this.state === 'INIT' && this.couldBeginLoading_()) {
-        return this.init_();
-      }
-
-      if (!oldPlaylist || oldPlaylist.uri !== newPlaylist.uri) {
-        if (this.mediaIndex !== null) {
-          // we must "resync" the segment loader when we switch renditions and
-          // the segment loader is already synced to the previous rendition
-          this.resyncLoader();
-        } // the rest of this function depends on `oldPlaylist` being defined
-
-
-        return;
-      } // we reloaded the same playlist so we are in a live scenario
-      // and we will likely need to adjust the mediaIndex
-
-
-      var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;
-      this.logger_('live window shift [' + mediaSequenceDiff + ']'); // update the mediaIndex on the SegmentLoader
-      // this is important because we can abort a request and this value must be
-      // equal to the last appended mediaIndex
-
-      if (this.mediaIndex !== null) {
-        this.mediaIndex -= mediaSequenceDiff;
-      } // update the mediaIndex on the SegmentInfo object
-      // this is important because we will update this.mediaIndex with this value
-      // in `handleUpdateEnd_` after the segment has been successfully appended
-
-
-      if (segmentInfo) {
-        segmentInfo.mediaIndex -= mediaSequenceDiff; // we need to update the referenced segment so that timing information is
-        // saved for the new playlist's segment, however, if the segment fell off the
-        // playlist, we can leave the old reference and just lose the timing info
-
-        if (segmentInfo.mediaIndex >= 0) {
-          segmentInfo.segment = newPlaylist.segments[segmentInfo.mediaIndex];
-        }
-      }
-
-      this.syncController_.saveExpiredSegmentInfo(oldPlaylist, newPlaylist);
-    }
-    /**
-     * Prevent the loader from fetching additional segments. If there
-     * is a segment request outstanding, it will finish processing
-     * before the loader halts. A segment loader can be unpaused by
-     * calling load().
-     */
-
-  }, {
-    key: 'pause',
-    value: function pause() {
-      if (this.checkBufferTimeout_) {
-        window$1.clearTimeout(this.checkBufferTimeout_);
-        this.checkBufferTimeout_ = null;
-      }
-    }
-    /**
-     * Returns whether the segment loader is fetching additional
-     * segments when given the opportunity. This property can be
-     * modified through calls to pause() and load().
-     */
-
-  }, {
-    key: 'paused',
-    value: function paused() {
-      return this.checkBufferTimeout_ === null;
-    }
-    /**
-     * create/set the following mimetype on the SourceBuffer through a
-     * SourceUpdater
-     *
-     * @param {String} mimeType the mime type string to use
-     * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer
-     * is added to the media source
-     */
-
-  }, {
-    key: 'mimeType',
-    value: function mimeType(_mimeType, sourceBufferEmitter) {
-      if (this.mimeType_) {
-        return;
-      }
-
-      this.mimeType_ = _mimeType;
-      this.sourceBufferEmitter_ = sourceBufferEmitter; // if we were unpaused but waiting for a sourceUpdater, start
-      // buffering now
-
-      if (this.state === 'INIT' && this.couldBeginLoading_()) {
-        this.init_();
-      }
-    }
-    /**
-     * Delete all the buffered data and reset the SegmentLoader
-     * @param {Function} [done] an optional callback to be executed when the remove
-     * operation is complete
-     */
-
-  }, {
-    key: 'resetEverything',
-    value: function resetEverything(done) {
-      this.ended_ = false;
-      this.resetLoader();
-      this.remove(0, this.duration_(), done); // clears fmp4 captions
-
-      if (this.captionParser_) {
-        this.captionParser_.clearAllCaptions();
-      }
-
-      this.trigger('reseteverything');
-    }
-    /**
-     * Force the SegmentLoader to resync and start loading around the currentTime instead
-     * of starting at the end of the buffer
-     *
-     * Useful for fast quality changes
-     */
-
-  }, {
-    key: 'resetLoader',
-    value: function resetLoader() {
-      this.fetchAtBuffer_ = false;
-      this.resyncLoader();
-    }
-    /**
-     * Force the SegmentLoader to restart synchronization and make a conservative guess
-     * before returning to the simple walk-forward method
-     */
-
-  }, {
-    key: 'resyncLoader',
-    value: function resyncLoader() {
-      this.mediaIndex = null;
-      this.syncPoint_ = null;
-      this.abort();
-    }
-    /**
-     * Remove any data in the source buffer between start and end times
-     * @param {Number} start - the start time of the region to remove from the buffer
-     * @param {Number} end - the end time of the region to remove from the buffer
-     * @param {Function} [done] - an optional callback to be executed when the remove
-     * operation is complete
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove(start, end, done) {
-      if (this.sourceUpdater_) {
-        this.sourceUpdater_.remove(start, end, done);
-      }
-
-      removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-
-      if (this.inbandTextTracks_) {
-        for (var id in this.inbandTextTracks_) {
-          removeCuesFromTrack(start, end, this.inbandTextTracks_[id]);
-        }
-      }
-    }
-    /**
-     * (re-)schedule monitorBufferTick_ to run as soon as possible
-     *
-     * @private
-     */
-
-  }, {
-    key: 'monitorBuffer_',
-    value: function monitorBuffer_() {
-      if (this.checkBufferTimeout_) {
-        window$1.clearTimeout(this.checkBufferTimeout_);
-      }
-
-      this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), 1);
-    }
-    /**
-     * As long as the SegmentLoader is in the READY state, periodically
-     * invoke fillBuffer_().
-     *
-     * @private
-     */
-
-  }, {
-    key: 'monitorBufferTick_',
-    value: function monitorBufferTick_() {
-      if (this.state === 'READY') {
-        this.fillBuffer_();
-      }
-
-      if (this.checkBufferTimeout_) {
-        window$1.clearTimeout(this.checkBufferTimeout_);
-      }
-
-      this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), CHECK_BUFFER_DELAY);
-    }
-    /**
-     * fill the buffer with segements unless the sourceBuffers are
-     * currently updating
-     *
-     * Note: this function should only ever be called by monitorBuffer_
-     * and never directly
-     *
-     * @private
-     */
-
-  }, {
-    key: 'fillBuffer_',
-    value: function fillBuffer_() {
-      if (this.sourceUpdater_.updating()) {
-        return;
-      }
-
-      if (!this.syncPoint_) {
-        this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
-      } // see if we need to begin loading immediately
-
-
-      var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
-
-      if (!segmentInfo) {
-        return;
-      }
-
-      if (this.isEndOfStream_(segmentInfo.mediaIndex)) {
-        this.endOfStream();
-        return;
-      }
-
-      if (segmentInfo.mediaIndex === this.playlist_.segments.length - 1 && this.mediaSource_.readyState === 'ended' && !this.seeking_()) {
-        return;
-      } // We will need to change timestampOffset of the sourceBuffer if:
-      // - The segment.timeline !== this.currentTimeline
-      //   (we are crossing a discontinuity somehow)
-      // - The "timestampOffset" for the start of this segment is less than
-      //   the currently set timestampOffset
-      // Also, clear captions if we are crossing a discontinuity boundary
-      // Previously, we changed the timestampOffset if the start of this segment
-      // is less than the currently set timestampOffset but this isn't wanted
-      // as it can produce bad behavior, especially around long running
-      // live streams
-
-
-      if (segmentInfo.timeline !== this.currentTimeline_) {
-        this.syncController_.reset();
-        segmentInfo.timestampOffset = segmentInfo.startOfSegment;
-
-        if (this.captionParser_) {
-          this.captionParser_.clearAllCaptions();
-        }
-      }
-
-      this.loadSegment_(segmentInfo);
-    }
-    /**
-     * Determines if this segment loader is at the end of it's stream.
-     *
-     * @param {Number} mediaIndex the index of segment we last appended
-     * @param {Object} [playlist=this.playlist_] a media playlist object
-     * @returns {Boolean} true if at end of stream, false otherwise.
-     */
-
-  }, {
-    key: 'isEndOfStream_',
-    value: function isEndOfStream_(mediaIndex) {
-      var playlist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.playlist_;
-      return detectEndOfStream(playlist, this.mediaSource_, mediaIndex) && !this.sourceUpdater_.updating();
-    }
-    /**
-     * Determines what segment request should be made, given current playback
-     * state.
-     *
-     * @param {TimeRanges} buffered - the state of the buffer
-     * @param {Object} playlist - the playlist object to fetch segments from
-     * @param {Number} mediaIndex - the previous mediaIndex fetched or null
-     * @param {Boolean} hasPlayed - a flag indicating whether we have played or not
-     * @param {Number} currentTime - the playback position in seconds
-     * @param {Object} syncPoint - a segment info object that describes the
-     * @returns {Object} a segment request object that describes the segment to load
-     */
-
-  }, {
-    key: 'checkBuffer_',
-    value: function checkBuffer_(buffered, playlist, mediaIndex, hasPlayed, currentTime, syncPoint) {
-      var lastBufferedEnd = 0;
-      var startOfSegment = void 0;
-
-      if (buffered.length) {
-        lastBufferedEnd = buffered.end(buffered.length - 1);
-      }
-
-      var bufferedTime = Math.max(0, lastBufferedEnd - currentTime);
-
-      if (!playlist.segments.length) {
-        return null;
-      } // if there is plenty of content buffered, and the video has
-      // been played before relax for awhile
-
-
-      if (bufferedTime >= this.goalBufferLength_()) {
-        return null;
-      } // if the video has not yet played once, and we already have
-      // one segment downloaded do nothing
-
-
-      if (!hasPlayed && bufferedTime >= 1) {
-        return null;
-      } // When the syncPoint is null, there is no way of determining a good
-      // conservative segment index to fetch from
-      // The best thing to do here is to get the kind of sync-point data by
-      // making a request
-
-
-      if (syncPoint === null) {
-        mediaIndex = this.getSyncSegmentCandidate_(playlist);
-        return this.generateSegmentInfo_(playlist, mediaIndex, null, true);
-      } // Under normal playback conditions fetching is a simple walk forward
-
-
-      if (mediaIndex !== null) {
-        var segment = playlist.segments[mediaIndex];
-        startOfSegment = lastBufferedEnd;
-        return this.generateSegmentInfo_(playlist, mediaIndex + 1, startOfSegment, false);
-      } // There is a sync-point but the lack of a mediaIndex indicates that
-      // we need to make a good conservative guess about which segment to
-      // fetch
-
-
-      if (this.fetchAtBuffer_) {
-        // Find the segment containing the end of the buffer
-        var mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, lastBufferedEnd, syncPoint.segmentIndex, syncPoint.time);
-        mediaIndex = mediaSourceInfo.mediaIndex;
-        startOfSegment = mediaSourceInfo.startTime;
-      } else {
-        // Find the segment containing currentTime
-        var _mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, currentTime, syncPoint.segmentIndex, syncPoint.time);
-
-        mediaIndex = _mediaSourceInfo.mediaIndex;
-        startOfSegment = _mediaSourceInfo.startTime;
-      }
-
-      return this.generateSegmentInfo_(playlist, mediaIndex, startOfSegment, false);
-    }
-    /**
-     * The segment loader has no recourse except to fetch a segment in the
-     * current playlist and use the internal timestamps in that segment to
-     * generate a syncPoint. This function returns a good candidate index
-     * for that process.
-     *
-     * @param {Object} playlist - the playlist object to look for a
-     * @returns {Number} An index of a segment from the playlist to load
-     */
-
-  }, {
-    key: 'getSyncSegmentCandidate_',
-    value: function getSyncSegmentCandidate_(playlist) {
-      var _this2 = this;
-
-      if (this.currentTimeline_ === -1) {
-        return 0;
-      }
-
-      var segmentIndexArray = playlist.segments.map(function (s, i) {
-        return {
-          timeline: s.timeline,
-          segmentIndex: i
-        };
-      }).filter(function (s) {
-        return s.timeline === _this2.currentTimeline_;
-      });
-
-      if (segmentIndexArray.length) {
-        return segmentIndexArray[Math.min(segmentIndexArray.length - 1, 1)].segmentIndex;
-      }
-
-      return Math.max(playlist.segments.length - 1, 0);
-    }
-  }, {
-    key: 'generateSegmentInfo_',
-    value: function generateSegmentInfo_(playlist, mediaIndex, startOfSegment, isSyncRequest) {
-      if (mediaIndex < 0 || mediaIndex >= playlist.segments.length) {
-        return null;
-      }
-
-      var segment = playlist.segments[mediaIndex];
-      return {
-        requestId: 'segment-loader-' + Math.random(),
-        // resolve the segment URL relative to the playlist
-        uri: segment.resolvedUri,
-        // the segment's mediaIndex at the time it was requested
-        mediaIndex: mediaIndex,
-        // whether or not to update the SegmentLoader's state with this
-        // segment's mediaIndex
-        isSyncRequest: isSyncRequest,
-        startOfSegment: startOfSegment,
-        // the segment's playlist
-        playlist: playlist,
-        // unencrypted bytes of the segment
-        bytes: null,
-        // when a key is defined for this segment, the encrypted bytes
-        encryptedBytes: null,
-        // The target timestampOffset for this segment when we append it
-        // to the source buffer
-        timestampOffset: null,
-        // The timeline that the segment is in
-        timeline: segment.timeline,
-        // The expected duration of the segment in seconds
-        duration: segment.duration,
-        // retain the segment in case the playlist updates while doing an async process
-        segment: segment
-      };
-    }
-    /**
-     * Determines if the network has enough bandwidth to complete the current segment
-     * request in a timely manner. If not, the request will be aborted early and bandwidth
-     * updated to trigger a playlist switch.
-     *
-     * @param {Object} stats
-     *        Object containing stats about the request timing and size
-     * @return {Boolean} True if the request was aborted, false otherwise
-     * @private
-     */
-
-  }, {
-    key: 'abortRequestEarly_',
-    value: function abortRequestEarly_(stats) {
-      if (this.hls_.tech_.paused() || // Don't abort if the current playlist is on the lowestEnabledRendition
-      // TODO: Replace using timeout with a boolean indicating whether this playlist is
-      //       the lowestEnabledRendition.
-      !this.xhrOptions_.timeout || // Don't abort if we have no bandwidth information to estimate segment sizes
-      !this.playlist_.attributes.BANDWIDTH) {
-        return false;
-      } // Wait at least 1 second since the first byte of data has been received before
-      // using the calculated bandwidth from the progress event to allow the bitrate
-      // to stabilize
-
-
-      if (Date.now() - (stats.firstBytesReceivedAt || Date.now()) < 1000) {
-        return false;
-      }
-
-      var currentTime = this.currentTime_();
-      var measuredBandwidth = stats.bandwidth;
-      var segmentDuration = this.pendingSegment_.duration;
-      var requestTimeRemaining = Playlist.estimateSegmentRequestTime(segmentDuration, measuredBandwidth, this.playlist_, stats.bytesReceived); // Subtract 1 from the timeUntilRebuffer so we still consider an early abort
-      // if we are only left with less than 1 second when the request completes.
-      // A negative timeUntilRebuffering indicates we are already rebuffering
-
-      var timeUntilRebuffer$$1 = timeUntilRebuffer(this.buffered_(), currentTime, this.hls_.tech_.playbackRate()) - 1; // Only consider aborting early if the estimated time to finish the download
-      // is larger than the estimated time until the player runs out of forward buffer
-
-      if (requestTimeRemaining <= timeUntilRebuffer$$1) {
-        return false;
-      }
-
-      var switchCandidate = minRebufferMaxBandwidthSelector({
-        master: this.hls_.playlists.master,
-        currentTime: currentTime,
-        bandwidth: measuredBandwidth,
-        duration: this.duration_(),
-        segmentDuration: segmentDuration,
-        timeUntilRebuffer: timeUntilRebuffer$$1,
-        currentTimeline: this.currentTimeline_,
-        syncController: this.syncController_
-      });
-
-      if (!switchCandidate) {
-        return;
-      }
-
-      var rebufferingImpact = requestTimeRemaining - timeUntilRebuffer$$1;
-      var timeSavedBySwitching = rebufferingImpact - switchCandidate.rebufferingImpact;
-      var minimumTimeSaving = 0.5; // If we are already rebuffering, increase the amount of variance we add to the
-      // potential round trip time of the new request so that we are not too aggressive
-      // with switching to a playlist that might save us a fraction of a second.
-
-      if (timeUntilRebuffer$$1 <= TIME_FUDGE_FACTOR) {
-        minimumTimeSaving = 1;
-      }
-
-      if (!switchCandidate.playlist || switchCandidate.playlist.uri === this.playlist_.uri || timeSavedBySwitching < minimumTimeSaving) {
-        return false;
-      } // set the bandwidth to that of the desired playlist being sure to scale by
-      // BANDWIDTH_VARIANCE and add one so the playlist selector does not exclude it
-      // don't trigger a bandwidthupdate as the bandwidth is artifial
-
-
-      this.bandwidth = switchCandidate.playlist.attributes.BANDWIDTH * Config.BANDWIDTH_VARIANCE + 1;
-      this.abort();
-      this.trigger('earlyabort');
-      return true;
-    }
-    /**
-     * XHR `progress` event handler
-     *
-     * @param {Event}
-     *        The XHR `progress` event
-     * @param {Object} simpleSegment
-     *        A simplified segment object copy
-     * @private
-     */
-
-  }, {
-    key: 'handleProgress_',
-    value: function handleProgress_(event, simpleSegment) {
-      if (!this.pendingSegment_ || simpleSegment.requestId !== this.pendingSegment_.requestId || this.abortRequestEarly_(simpleSegment.stats)) {
-        return;
-      }
-
-      this.trigger('progress');
-    }
-    /**
-     * load a specific segment from a request into the buffer
-     *
-     * @private
-     */
-
-  }, {
-    key: 'loadSegment_',
-    value: function loadSegment_(segmentInfo) {
-      this.state = 'WAITING';
-      this.pendingSegment_ = segmentInfo;
-      this.trimBackBuffer_(segmentInfo);
-      segmentInfo.abortRequests = mediaSegmentRequest(this.hls_.xhr, this.xhrOptions_, this.decrypter_, this.captionParser_, this.createSimplifiedSegmentObj_(segmentInfo), // progress callback
-      this.handleProgress_.bind(this), this.segmentRequestFinished_.bind(this));
-    }
-    /**
-     * trim the back buffer so that we don't have too much data
-     * in the source buffer
-     *
-     * @private
-     *
-     * @param {Object} segmentInfo - the current segment
-     */
-
-  }, {
-    key: 'trimBackBuffer_',
-    value: function trimBackBuffer_(segmentInfo) {
-      var removeToTime = safeBackBufferTrimTime(this.seekable_(), this.currentTime_(), this.playlist_.targetDuration || 10); // Chrome has a hard limit of 150MB of
-      // buffer and a very conservative "garbage collector"
-      // We manually clear out the old buffer to ensure
-      // we don't trigger the QuotaExceeded error
-      // on the source buffer during subsequent appends
-
-      if (removeToTime > 0) {
-        this.remove(0, removeToTime);
-      }
-    }
-    /**
-     * created a simplified copy of the segment object with just the
-     * information necessary to perform the XHR and decryption
-     *
-     * @private
-     *
-     * @param {Object} segmentInfo - the current segment
-     * @returns {Object} a simplified segment object copy
-     */
-
-  }, {
-    key: 'createSimplifiedSegmentObj_',
-    value: function createSimplifiedSegmentObj_(segmentInfo) {
-      var segment = segmentInfo.segment;
-      var simpleSegment = {
-        resolvedUri: segment.resolvedUri,
-        byterange: segment.byterange,
-        requestId: segmentInfo.requestId
-      };
-
-      if (segment.key) {
-        // if the media sequence is greater than 2^32, the IV will be incorrect
-        // assuming 10s segments, that would be about 1300 years
-        var iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);
-        simpleSegment.key = this.segmentKey(segment.key);
-        simpleSegment.key.iv = iv;
-      }
-
-      if (segment.map) {
-        simpleSegment.map = this.initSegment(segment.map);
-      }
-
-      return simpleSegment;
-    }
-    /**
-     * Handle the callback from the segmentRequest function and set the
-     * associated SegmentLoader state and errors if necessary
-     *
-     * @private
-     */
-
-  }, {
-    key: 'segmentRequestFinished_',
-    value: function segmentRequestFinished_(error, simpleSegment) {
-      // every request counts as a media request even if it has been aborted
-      // or canceled due to a timeout
-      this.mediaRequests += 1;
-
-      if (simpleSegment.stats) {
-        this.mediaBytesTransferred += simpleSegment.stats.bytesReceived;
-        this.mediaTransferDuration += simpleSegment.stats.roundTripTime;
-      } // The request was aborted and the SegmentLoader has already been reset
-
-
-      if (!this.pendingSegment_) {
-        this.mediaRequestsAborted += 1;
-        return;
-      } // the request was aborted and the SegmentLoader has already started
-      // another request. this can happen when the timeout for an aborted
-      // request triggers due to a limitation in the XHR library
-      // do not count this as any sort of request or we risk double-counting
-
-
-      if (simpleSegment.requestId !== this.pendingSegment_.requestId) {
-        return;
-      } // an error occurred from the active pendingSegment_ so reset everything
-
-
-      if (error) {
-        this.pendingSegment_ = null;
-        this.state = 'READY'; // the requests were aborted just record the aborted stat and exit
-        // this is not a true error condition and nothing corrective needs
-        // to be done
-
-        if (error.code === REQUEST_ERRORS.ABORTED) {
-          this.mediaRequestsAborted += 1;
-          return;
-        }
-
-        this.pause(); // the error is really just that at least one of the requests timed-out
-        // set the bandwidth to a very low value and trigger an ABR switch to
-        // take emergency action
-
-        if (error.code === REQUEST_ERRORS.TIMEOUT) {
-          this.mediaRequestsTimedout += 1;
-          this.bandwidth = 1;
-          this.roundTrip = NaN;
-          this.trigger('bandwidthupdate');
-          return;
-        } // if control-flow has arrived here, then the error is real
-        // emit an error event to blacklist the current playlist
-
-
-        this.mediaRequestsErrored += 1;
-        this.error(error);
-        this.trigger('error');
-        return;
-      } // the response was a success so set any bandwidth stats the request
-      // generated for ABR purposes
-
-
-      this.bandwidth = simpleSegment.stats.bandwidth;
-      this.roundTrip = simpleSegment.stats.roundTripTime; // if this request included an initialization segment, save that data
-      // to the initSegment cache
-
-      if (simpleSegment.map) {
-        simpleSegment.map = this.initSegment(simpleSegment.map, true);
-      } // if this request included a segment key, save that data in the cache
-
-
-      if (simpleSegment.key) {
-        this.segmentKey(simpleSegment.key, true);
-      }
-
-      this.processSegmentResponse_(simpleSegment);
-    }
-    /**
-     * Move any important data from the simplified segment object
-     * back to the real segment object for future phases
-     *
-     * @private
-     */
-
-  }, {
-    key: 'processSegmentResponse_',
-    value: function processSegmentResponse_(simpleSegment) {
-      var segmentInfo = this.pendingSegment_;
-      segmentInfo.bytes = simpleSegment.bytes;
-
-      if (simpleSegment.map) {
-        segmentInfo.segment.map.bytes = simpleSegment.map.bytes;
-      }
-
-      segmentInfo.endOfAllRequests = simpleSegment.endOfAllRequests; // This has fmp4 captions, add them to text tracks
-
-      if (simpleSegment.fmp4Captions) {
-        createCaptionsTrackIfNotExists(this.inbandTextTracks_, this.hls_.tech_, simpleSegment.captionStreams);
-        addCaptionData({
-          inbandTextTracks: this.inbandTextTracks_,
-          captionArray: simpleSegment.fmp4Captions,
-          // fmp4s will not have a timestamp offset
-          timestampOffset: 0
-        }); // Reset stored captions since we added parsed
-        // captions to a text track at this point
-
-        if (this.captionParser_) {
-          this.captionParser_.clearParsedCaptions();
-        }
-      }
-
-      this.handleSegment_();
-    }
-    /**
-     * append a decrypted segement to the SourceBuffer through a SourceUpdater
-     *
-     * @private
-     */
-
-  }, {
-    key: 'handleSegment_',
-    value: function handleSegment_() {
-      var _this3 = this;
-
-      if (!this.pendingSegment_) {
-        this.state = 'READY';
-        return;
-      }
-
-      var segmentInfo = this.pendingSegment_;
-      var segment = segmentInfo.segment;
-      var timingInfo = this.syncController_.probeSegmentInfo(segmentInfo); // When we have our first timing info, determine what media types this loader is
-      // dealing with. Although we're maintaining extra state, it helps to preserve the
-      // separation of segment loader from the actual source buffers.
-
-      if (typeof this.startingMedia_ === 'undefined' && timingInfo && ( // Guard against cases where we're not getting timing info at all until we are
-      // certain that all streams will provide it.
-      timingInfo.containsAudio || timingInfo.containsVideo)) {
-        this.startingMedia_ = {
-          containsAudio: timingInfo.containsAudio,
-          containsVideo: timingInfo.containsVideo
-        };
-      }
-
-      var illegalMediaSwitchError = illegalMediaSwitch(this.loaderType_, this.startingMedia_, timingInfo);
-
-      if (illegalMediaSwitchError) {
-        this.error({
-          message: illegalMediaSwitchError,
-          blacklistDuration: Infinity
-        });
-        this.trigger('error');
-        return;
-      }
-
-      if (segmentInfo.isSyncRequest) {
-        this.trigger('syncinfoupdate');
-        this.pendingSegment_ = null;
-        this.state = 'READY';
-        return;
-      }
-
-      if (segmentInfo.timestampOffset !== null && segmentInfo.timestampOffset !== this.sourceUpdater_.timestampOffset()) {
-        // Subtract any difference between the PTS and DTS times of the first frame
-        // from the timeStampOffset (which currently equals the buffered.end) to prevent
-        // creating any gaps in the buffer
-        if (timingInfo && timingInfo.segmentTimestampInfo) {
-          var ptsStartTime = timingInfo.segmentTimestampInfo[0].ptsTime;
-          var dtsStartTime = timingInfo.segmentTimestampInfo[0].dtsTime;
-          segmentInfo.timestampOffset -= ptsStartTime - dtsStartTime;
-        }
-
-        this.sourceUpdater_.timestampOffset(segmentInfo.timestampOffset); // fired when a timestamp offset is set in HLS (can also identify discontinuities)
-
-        this.trigger('timestampoffset');
-      }
-
-      var timelineMapping = this.syncController_.mappingForTimeline(segmentInfo.timeline);
-
-      if (timelineMapping !== null) {
-        this.trigger({
-          type: 'segmenttimemapping',
-          mapping: timelineMapping
-        });
-      }
-
-      this.state = 'APPENDING'; // if the media initialization segment is changing, append it
-      // before the content segment
-
-      if (segment.map) {
-        var initId = initSegmentId(segment.map);
-
-        if (!this.activeInitSegmentId_ || this.activeInitSegmentId_ !== initId) {
-          var initSegment = this.initSegment(segment.map);
-          this.sourceUpdater_.appendBuffer({
-            bytes: initSegment.bytes
-          }, function () {
-            _this3.activeInitSegmentId_ = initId;
-          });
-        }
-      }
-
-      segmentInfo.byteLength = segmentInfo.bytes.byteLength;
-
-      if (typeof segment.start === 'number' && typeof segment.end === 'number') {
-        this.mediaSecondsLoaded += segment.end - segment.start;
-      } else {
-        this.mediaSecondsLoaded += segment.duration;
-      }
-
-      this.logger_(segmentInfoString(segmentInfo));
-      this.sourceUpdater_.appendBuffer({
-        bytes: segmentInfo.bytes,
-        videoSegmentTimingInfoCallback: this.handleVideoSegmentTimingInfo_.bind(this, segmentInfo.requestId)
-      }, this.handleUpdateEnd_.bind(this));
-    }
-  }, {
-    key: 'handleVideoSegmentTimingInfo_',
-    value: function handleVideoSegmentTimingInfo_(requestId, event) {
-      if (!this.pendingSegment_ || requestId !== this.pendingSegment_.requestId) {
-        return;
-      }
-
-      var segment = this.pendingSegment_.segment;
-
-      if (!segment.videoTimingInfo) {
-        segment.videoTimingInfo = {};
-      }
-
-      segment.videoTimingInfo.transmuxerPrependedSeconds = event.videoSegmentTimingInfo.prependedContentDuration || 0;
-      segment.videoTimingInfo.transmuxedPresentationStart = event.videoSegmentTimingInfo.start.presentation;
-      segment.videoTimingInfo.transmuxedPresentationEnd = event.videoSegmentTimingInfo.end.presentation; // mainly used as a reference for debugging
-
-      segment.videoTimingInfo.baseMediaDecodeTime = event.videoSegmentTimingInfo.baseMediaDecodeTime;
-    }
-    /**
-     * callback to run when appendBuffer is finished. detects if we are
-     * in a good state to do things with the data we got, or if we need
-     * to wait for more
-     *
-     * @private
-     */
-
-  }, {
-    key: 'handleUpdateEnd_',
-    value: function handleUpdateEnd_() {
-      if (!this.pendingSegment_) {
-        this.state = 'READY';
-
-        if (!this.paused()) {
-          this.monitorBuffer_();
-        }
-
-        return;
-      }
-
-      var segmentInfo = this.pendingSegment_;
-      var segment = segmentInfo.segment;
-      var isWalkingForward = this.mediaIndex !== null;
-      this.pendingSegment_ = null;
-      this.recordThroughput_(segmentInfo);
-      this.addSegmentMetadataCue_(segmentInfo);
-      this.state = 'READY';
-      this.mediaIndex = segmentInfo.mediaIndex;
-      this.fetchAtBuffer_ = true;
-      this.currentTimeline_ = segmentInfo.timeline; // We must update the syncinfo to recalculate the seekable range before
-      // the following conditional otherwise it may consider this a bad "guess"
-      // and attempt to resync when the post-update seekable window and live
-      // point would mean that this was the perfect segment to fetch
-
-      this.trigger('syncinfoupdate'); // If we previously appended a segment that ends more than 3 targetDurations before
-      // the currentTime_ that means that our conservative guess was too conservative.
-      // In that case, reset the loader state so that we try to use any information gained
-      // from the previous request to create a new, more accurate, sync-point.
-
-      if (segment.end && this.currentTime_() - segment.end > segmentInfo.playlist.targetDuration * 3) {
-        this.resetEverything();
-        return;
-      } // Don't do a rendition switch unless we have enough time to get a sync segment
-      // and conservatively guess
-
-
-      if (isWalkingForward) {
-        this.trigger('bandwidthupdate');
-      }
-
-      this.trigger('progress'); // any time an update finishes and the last segment is in the
-      // buffer, end the stream. this ensures the "ended" event will
-      // fire if playback reaches that point.
-
-      if (this.isEndOfStream_(segmentInfo.mediaIndex + 1, segmentInfo.playlist)) {
-        this.endOfStream();
-      }
-
-      if (!this.paused()) {
-        this.monitorBuffer_();
-      }
-    }
-    /**
-     * Records the current throughput of the decrypt, transmux, and append
-     * portion of the semgment pipeline. `throughput.rate` is a the cumulative
-     * moving average of the throughput. `throughput.count` is the number of
-     * data points in the average.
-     *
-     * @private
-     * @param {Object} segmentInfo the object returned by loadSegment
-     */
-
-  }, {
-    key: 'recordThroughput_',
-    value: function recordThroughput_(segmentInfo) {
-      var rate = this.throughput.rate; // Add one to the time to ensure that we don't accidentally attempt to divide
-      // by zero in the case where the throughput is ridiculously high
-
-      var segmentProcessingTime = Date.now() - segmentInfo.endOfAllRequests + 1; // Multiply by 8000 to convert from bytes/millisecond to bits/second
-
-      var segmentProcessingThroughput = Math.floor(segmentInfo.byteLength / segmentProcessingTime * 8 * 1000); // This is just a cumulative moving average calculation:
-      //   newAvg = oldAvg + (sample - oldAvg) / (sampleCount + 1)
-
-      this.throughput.rate += (segmentProcessingThroughput - rate) / ++this.throughput.count;
-    }
-    /**
-     * Adds a cue to the segment-metadata track with some metadata information about the
-     * segment
-     *
-     * @private
-     * @param {Object} segmentInfo
-     *        the object returned by loadSegment
-     * @method addSegmentMetadataCue_
-     */
-
-  }, {
-    key: 'addSegmentMetadataCue_',
-    value: function addSegmentMetadataCue_(segmentInfo) {
-      if (!this.segmentMetadataTrack_) {
-        return;
-      }
-
-      var segment = segmentInfo.segment;
-      var start = segment.start;
-      var end = segment.end; // Do not try adding the cue if the start and end times are invalid.
-
-      if (!finite(start) || !finite(end)) {
-        return;
-      }
-
-      removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-      var Cue = window$1.WebKitDataCue || window$1.VTTCue;
-      var value = {
-        custom: segment.custom,
-        dateTimeObject: segment.dateTimeObject,
-        dateTimeString: segment.dateTimeString,
-        bandwidth: segmentInfo.playlist.attributes.BANDWIDTH,
-        resolution: segmentInfo.playlist.attributes.RESOLUTION,
-        codecs: segmentInfo.playlist.attributes.CODECS,
-        byteLength: segmentInfo.byteLength,
-        uri: segmentInfo.uri,
-        timeline: segmentInfo.timeline,
-        playlist: segmentInfo.playlist.uri,
-        start: start,
-        end: end
-      };
-      var data = JSON.stringify(value);
-      var cue = new Cue(start, end, data); // Attach the metadata to the value property of the cue to keep consistency between
-      // the differences of WebKitDataCue in safari and VTTCue in other browsers
-
-      cue.value = value;
-      this.segmentMetadataTrack_.addCue(cue);
-    }
-  }]);
-  return SegmentLoader;
-}(videojs$1.EventTarget);
-
-var uint8ToUtf8 = function uint8ToUtf8(uintArray) {
-  return decodeURIComponent(escape(String.fromCharCode.apply(null, uintArray)));
-};
-/**
- * @file vtt-segment-loader.js
- */
-
-
-var VTT_LINE_TERMINATORS = new Uint8Array('\n\n'.split('').map(function (_char2) {
-  return _char2.charCodeAt(0);
-}));
-/**
- * An object that manages segment loading and appending.
- *
- * @class VTTSegmentLoader
- * @param {Object} options required and optional options
- * @extends videojs.EventTarget
- */
-
-var VTTSegmentLoader = function (_SegmentLoader) {
-  inherits(VTTSegmentLoader, _SegmentLoader);
-
-  function VTTSegmentLoader(settings) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VTTSegmentLoader); // SegmentLoader requires a MediaSource be specified or it will throw an error;
-    // however, VTTSegmentLoader has no need of a media source, so delete the reference
-
-    var _this = possibleConstructorReturn(this, (VTTSegmentLoader.__proto__ || Object.getPrototypeOf(VTTSegmentLoader)).call(this, settings, options));
-
-    _this.mediaSource_ = null;
-    _this.subtitlesTrack_ = null;
-    return _this;
-  }
-  /**
-   * Indicates which time ranges are buffered
-   *
-   * @return {TimeRange}
-   *         TimeRange object representing the current buffered ranges
-   */
-
-
-  createClass(VTTSegmentLoader, [{
-    key: 'buffered_',
-    value: function buffered_() {
-      if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues.length) {
-        return videojs$1.createTimeRanges();
-      }
-
-      var cues = this.subtitlesTrack_.cues;
-      var start = cues[0].startTime;
-      var end = cues[cues.length - 1].startTime;
-      return videojs$1.createTimeRanges([[start, end]]);
-    }
-    /**
-     * Gets and sets init segment for the provided map
-     *
-     * @param {Object} map
-     *        The map object representing the init segment to get or set
-     * @param {Boolean=} set
-     *        If true, the init segment for the provided map should be saved
-     * @return {Object}
-     *         map object for desired init segment
-     */
-
-  }, {
-    key: 'initSegment',
-    value: function initSegment(map) {
-      var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      if (!map) {
-        return null;
-      }
-
-      var id = initSegmentId(map);
-      var storedMap = this.initSegments_[id];
-
-      if (set$$1 && !storedMap && map.bytes) {
-        // append WebVTT line terminators to the media initialization segment if it exists
-        // to follow the WebVTT spec (https://w3c.github.io/webvtt/#file-structure) that
-        // requires two or more WebVTT line terminators between the WebVTT header and the
-        // rest of the file
-        var combinedByteLength = VTT_LINE_TERMINATORS.byteLength + map.bytes.byteLength;
-        var combinedSegment = new Uint8Array(combinedByteLength);
-        combinedSegment.set(map.bytes);
-        combinedSegment.set(VTT_LINE_TERMINATORS, map.bytes.byteLength);
-        this.initSegments_[id] = storedMap = {
-          resolvedUri: map.resolvedUri,
-          byterange: map.byterange,
-          bytes: combinedSegment
-        };
-      }
-
-      return storedMap || map;
-    }
-    /**
-     * Returns true if all configuration required for loading is present, otherwise false.
-     *
-     * @return {Boolean} True if the all configuration is ready for loading
-     * @private
-     */
-
-  }, {
-    key: 'couldBeginLoading_',
-    value: function couldBeginLoading_() {
-      return this.playlist_ && this.subtitlesTrack_ && !this.paused();
-    }
-    /**
-     * Once all the starting parameters have been specified, begin
-     * operation. This method should only be invoked from the INIT
-     * state.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'init_',
-    value: function init_() {
-      this.state = 'READY';
-      this.resetEverything();
-      return this.monitorBuffer_();
-    }
-    /**
-     * Set a subtitle track on the segment loader to add subtitles to
-     *
-     * @param {TextTrack=} track
-     *        The text track to add loaded subtitles to
-     * @return {TextTrack}
-     *        Returns the subtitles track
-     */
-
-  }, {
-    key: 'track',
-    value: function track(_track) {
-      if (typeof _track === 'undefined') {
-        return this.subtitlesTrack_;
-      }
-
-      this.subtitlesTrack_ = _track; // if we were unpaused but waiting for a sourceUpdater, start
-      // buffering now
-
-      if (this.state === 'INIT' && this.couldBeginLoading_()) {
-        this.init_();
-      }
-
-      return this.subtitlesTrack_;
-    }
-    /**
-     * Remove any data in the source buffer between start and end times
-     * @param {Number} start - the start time of the region to remove from the buffer
-     * @param {Number} end - the end time of the region to remove from the buffer
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove(start, end) {
-      removeCuesFromTrack(start, end, this.subtitlesTrack_);
-    }
-    /**
-     * fill the buffer with segements unless the sourceBuffers are
-     * currently updating
-     *
-     * Note: this function should only ever be called by monitorBuffer_
-     * and never directly
-     *
-     * @private
-     */
-
-  }, {
-    key: 'fillBuffer_',
-    value: function fillBuffer_() {
-      var _this2 = this;
-
-      if (!this.syncPoint_) {
-        this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
-      } // see if we need to begin loading immediately
-
-
-      var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
-      segmentInfo = this.skipEmptySegments_(segmentInfo);
-
-      if (!segmentInfo) {
-        return;
-      }
-
-      if (this.syncController_.timestampOffsetForTimeline(segmentInfo.timeline) === null) {
-        // We don't have the timestamp offset that we need to sync subtitles.
-        // Rerun on a timestamp offset or user interaction.
-        var checkTimestampOffset = function checkTimestampOffset() {
-          _this2.state = 'READY';
-
-          if (!_this2.paused()) {
-            // if not paused, queue a buffer check as soon as possible
-            _this2.monitorBuffer_();
-          }
-        };
-
-        this.syncController_.one('timestampoffset', checkTimestampOffset);
-        this.state = 'WAITING_ON_TIMELINE';
-        return;
-      }
-
-      this.loadSegment_(segmentInfo);
-    }
-    /**
-     * Prevents the segment loader from requesting segments we know contain no subtitles
-     * by walking forward until we find the next segment that we don't know whether it is
-     * empty or not.
-     *
-     * @param {Object} segmentInfo
-     *        a segment info object that describes the current segment
-     * @return {Object}
-     *         a segment info object that describes the current segment
-     */
-
-  }, {
-    key: 'skipEmptySegments_',
-    value: function skipEmptySegments_(segmentInfo) {
-      while (segmentInfo && segmentInfo.segment.empty) {
-        segmentInfo = this.generateSegmentInfo_(segmentInfo.playlist, segmentInfo.mediaIndex + 1, segmentInfo.startOfSegment + segmentInfo.duration, segmentInfo.isSyncRequest);
-      }
-
-      return segmentInfo;
-    }
-    /**
-     * append a decrypted segement to the SourceBuffer through a SourceUpdater
-     *
-     * @private
-     */
-
-  }, {
-    key: 'handleSegment_',
-    value: function handleSegment_() {
-      var _this3 = this;
-
-      if (!this.pendingSegment_ || !this.subtitlesTrack_) {
-        this.state = 'READY';
-        return;
-      }
-
-      this.state = 'APPENDING';
-      var segmentInfo = this.pendingSegment_;
-      var segment = segmentInfo.segment; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-
-      if (typeof window$1.WebVTT !== 'function' && this.subtitlesTrack_ && this.subtitlesTrack_.tech_) {
-        var loadHandler = void 0;
-
-        var errorHandler = function errorHandler() {
-          _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);
-
-          _this3.error({
-            message: 'Error loading vtt.js'
-          });
-
-          _this3.state = 'READY';
-
-          _this3.pause();
-
-          _this3.trigger('error');
-        };
-
-        loadHandler = function loadHandler() {
-          _this3.subtitlesTrack_.tech_.off('vttjserror', errorHandler);
-
-          _this3.handleSegment_();
-        };
-
-        this.state = 'WAITING_ON_VTTJS';
-        this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);
-        this.subtitlesTrack_.tech_.one('vttjserror', errorHandler);
-        return;
-      }
-
-      segment.requested = true;
-
-      try {
-        this.parseVTTCues_(segmentInfo);
-      } catch (e) {
-        this.error({
-          message: e.message
-        });
-        this.state = 'READY';
-        this.pause();
-        return this.trigger('error');
-      }
-
-      this.updateTimeMapping_(segmentInfo, this.syncController_.timelines[segmentInfo.timeline], this.playlist_);
-
-      if (segmentInfo.isSyncRequest) {
-        this.trigger('syncinfoupdate');
-        this.pendingSegment_ = null;
-        this.state = 'READY';
-        return;
-      }
-
-      segmentInfo.byteLength = segmentInfo.bytes.byteLength;
-      this.mediaSecondsLoaded += segment.duration;
-
-      if (segmentInfo.cues.length) {
-        // remove any overlapping cues to prevent doubling
-        this.remove(segmentInfo.cues[0].endTime, segmentInfo.cues[segmentInfo.cues.length - 1].endTime);
-      }
-
-      segmentInfo.cues.forEach(function (cue) {
-        _this3.subtitlesTrack_.addCue(cue);
-      });
-      this.handleUpdateEnd_();
-    }
-    /**
-     * Uses the WebVTT parser to parse the segment response
-     *
-     * @param {Object} segmentInfo
-     *        a segment info object that describes the current segment
-     * @private
-     */
-
-  }, {
-    key: 'parseVTTCues_',
-    value: function parseVTTCues_(segmentInfo) {
-      var decoder = void 0;
-      var decodeBytesToString = false;
-
-      if (typeof window$1.TextDecoder === 'function') {
-        decoder = new window$1.TextDecoder('utf8');
-      } else {
-        decoder = window$1.WebVTT.StringDecoder();
-        decodeBytesToString = true;
-      }
-
-      var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, decoder);
-      segmentInfo.cues = [];
-      segmentInfo.timestampmap = {
-        MPEGTS: 0,
-        LOCAL: 0
-      };
-      parser.oncue = segmentInfo.cues.push.bind(segmentInfo.cues);
-
-      parser.ontimestampmap = function (map) {
-        return segmentInfo.timestampmap = map;
-      };
-
-      parser.onparsingerror = function (error) {
-        videojs$1.log.warn('Error encountered when parsing cues: ' + error.message);
-      };
-
-      if (segmentInfo.segment.map) {
-        var mapData = segmentInfo.segment.map.bytes;
-
-        if (decodeBytesToString) {
-          mapData = uint8ToUtf8(mapData);
-        }
-
-        parser.parse(mapData);
-      }
-
-      var segmentData = segmentInfo.bytes;
-
-      if (decodeBytesToString) {
-        segmentData = uint8ToUtf8(segmentData);
-      }
-
-      parser.parse(segmentData);
-      parser.flush();
-    }
-    /**
-     * Updates the start and end times of any cues parsed by the WebVTT parser using
-     * the information parsed from the X-TIMESTAMP-MAP header and a TS to media time mapping
-     * from the SyncController
-     *
-     * @param {Object} segmentInfo
-     *        a segment info object that describes the current segment
-     * @param {Object} mappingObj
-     *        object containing a mapping from TS to media time
-     * @param {Object} playlist
-     *        the playlist object containing the segment
-     * @private
-     */
-
-  }, {
-    key: 'updateTimeMapping_',
-    value: function updateTimeMapping_(segmentInfo, mappingObj, playlist) {
-      var segment = segmentInfo.segment;
-
-      if (!mappingObj) {
-        // If the sync controller does not have a mapping of TS to Media Time for the
-        // timeline, then we don't have enough information to update the cue
-        // start/end times
-        return;
-      }
-
-      if (!segmentInfo.cues.length) {
-        // If there are no cues, we also do not have enough information to figure out
-        // segment timing. Mark that the segment contains no cues so we don't re-request
-        // an empty segment.
-        segment.empty = true;
-        return;
-      }
-
-      var timestampmap = segmentInfo.timestampmap;
-      var diff = timestampmap.MPEGTS / 90000 - timestampmap.LOCAL + mappingObj.mapping;
-      segmentInfo.cues.forEach(function (cue) {
-        // First convert cue time to TS time using the timestamp-map provided within the vtt
-        cue.startTime += diff;
-        cue.endTime += diff;
-      });
-
-      if (!playlist.syncInfo) {
-        var firstStart = segmentInfo.cues[0].startTime;
-        var lastStart = segmentInfo.cues[segmentInfo.cues.length - 1].startTime;
-        playlist.syncInfo = {
-          mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
-          time: Math.min(firstStart, lastStart - segment.duration)
-        };
-      }
-    }
-  }]);
-  return VTTSegmentLoader;
-}(SegmentLoader);
-/**
- * @file ad-cue-tags.js
- */
-
-/**
- * Searches for an ad cue that overlaps with the given mediaTime
- */
-
-
-var findAdCue = function findAdCue(track, mediaTime) {
-  var cues = track.cues;
-
-  for (var i = 0; i < cues.length; i++) {
-    var cue = cues[i];
-
-    if (mediaTime >= cue.adStartTime && mediaTime <= cue.adEndTime) {
-      return cue;
-    }
-  }
-
-  return null;
-};
-
-var updateAdCues = function updateAdCues(media, track) {
-  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
-  if (!media.segments) {
-    return;
-  }
-
-  var mediaTime = offset;
-  var cue = void 0;
-
-  for (var i = 0; i < media.segments.length; i++) {
-    var segment = media.segments[i];
-
-    if (!cue) {
-      // Since the cues will span for at least the segment duration, adding a fudge
-      // factor of half segment duration will prevent duplicate cues from being
-      // created when timing info is not exact (e.g. cue start time initialized
-      // at 10.006677, but next call mediaTime is 10.003332 )
-      cue = findAdCue(track, mediaTime + segment.duration / 2);
-    }
-
-    if (cue) {
-      if ('cueIn' in segment) {
-        // Found a CUE-IN so end the cue
-        cue.endTime = mediaTime;
-        cue.adEndTime = mediaTime;
-        mediaTime += segment.duration;
-        cue = null;
-        continue;
-      }
-
-      if (mediaTime < cue.endTime) {
-        // Already processed this mediaTime for this cue
-        mediaTime += segment.duration;
-        continue;
-      } // otherwise extend cue until a CUE-IN is found
-
-
-      cue.endTime += segment.duration;
-    } else {
-      if ('cueOut' in segment) {
-        cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, segment.cueOut);
-        cue.adStartTime = mediaTime; // Assumes tag format to be
-        // #EXT-X-CUE-OUT:30
-
-        cue.adEndTime = mediaTime + parseFloat(segment.cueOut);
-        track.addCue(cue);
-      }
-
-      if ('cueOutCont' in segment) {
-        // Entered into the middle of an ad cue
-        var adOffset = void 0;
-        var adTotal = void 0; // Assumes tag formate to be
-        // #EXT-X-CUE-OUT-CONT:10/30
-
-        var _segment$cueOutCont$s = segment.cueOutCont.split('/').map(parseFloat);
-
-        var _segment$cueOutCont$s2 = slicedToArray(_segment$cueOutCont$s, 2);
-
-        adOffset = _segment$cueOutCont$s2[0];
-        adTotal = _segment$cueOutCont$s2[1];
-        cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, '');
-        cue.adStartTime = mediaTime - adOffset;
-        cue.adEndTime = cue.adStartTime + adTotal;
-        track.addCue(cue);
-      }
-    }
-
-    mediaTime += segment.duration;
-  }
-};
-/**
- * @file sync-controller.js
- */
-
-
-var tsprobe = tsInspector.inspect;
-var syncPointStrategies = [// Stategy "VOD": Handle the VOD-case where the sync-point is *always*
-//                the equivalence display-time 0 === segment-index 0
-{
-  name: 'VOD',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    if (duration$$1 !== Infinity) {
-      var syncPoint = {
-        time: 0,
-        segmentIndex: 0
-      };
-      return syncPoint;
-    }
-
-    return null;
-  }
-}, // Stategy "ProgramDateTime": We have a program-date-time tag in this playlist
-{
-  name: 'ProgramDateTime',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    if (!syncController.datetimeToDisplayTime) {
-      return null;
-    }
-
-    var segments = playlist.segments || [];
-    var syncPoint = null;
-    var lastDistance = null;
-    currentTime = currentTime || 0;
-
-    for (var i = 0; i < segments.length; i++) {
-      var segment = segments[i];
-
-      if (segment.dateTimeObject) {
-        var segmentTime = segment.dateTimeObject.getTime() / 1000;
-        var segmentStart = segmentTime + syncController.datetimeToDisplayTime;
-        var distance = Math.abs(currentTime - segmentStart); // Once the distance begins to increase, or if distance is 0, we have passed
-        // currentTime and can stop looking for better candidates
-
-        if (lastDistance !== null && (distance === 0 || lastDistance < distance)) {
-          break;
-        }
-
-        lastDistance = distance;
-        syncPoint = {
-          time: segmentStart,
-          segmentIndex: i
-        };
-      }
-    }
-
-    return syncPoint;
-  }
-}, // Stategy "Segment": We have a known time mapping for a timeline and a
-//                    segment in the current timeline with timing data
-{
-  name: 'Segment',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    var segments = playlist.segments || [];
-    var syncPoint = null;
-    var lastDistance = null;
-    currentTime = currentTime || 0;
-
-    for (var i = 0; i < segments.length; i++) {
-      var segment = segments[i];
-
-      if (segment.timeline === currentTimeline && typeof segment.start !== 'undefined') {
-        var distance = Math.abs(currentTime - segment.start); // Once the distance begins to increase, we have passed
-        // currentTime and can stop looking for better candidates
-
-        if (lastDistance !== null && lastDistance < distance) {
-          break;
-        }
-
-        if (!syncPoint || lastDistance === null || lastDistance >= distance) {
-          lastDistance = distance;
-          syncPoint = {
-            time: segment.start,
-            segmentIndex: i
-          };
-        }
-      }
-    }
-
-    return syncPoint;
-  }
-}, // Stategy "Discontinuity": We have a discontinuity with a known
-//                          display-time
-{
-  name: 'Discontinuity',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    var syncPoint = null;
-    currentTime = currentTime || 0;
-
-    if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
-      var lastDistance = null;
-
-      for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
-        var segmentIndex = playlist.discontinuityStarts[i];
-        var discontinuity = playlist.discontinuitySequence + i + 1;
-        var discontinuitySync = syncController.discontinuities[discontinuity];
-
-        if (discontinuitySync) {
-          var distance = Math.abs(currentTime - discontinuitySync.time); // Once the distance begins to increase, we have passed
-          // currentTime and can stop looking for better candidates
-
-          if (lastDistance !== null && lastDistance < distance) {
-            break;
-          }
-
-          if (!syncPoint || lastDistance === null || lastDistance >= distance) {
-            lastDistance = distance;
-            syncPoint = {
-              time: discontinuitySync.time,
-              segmentIndex: segmentIndex
-            };
-          }
-        }
-      }
-    }
-
-    return syncPoint;
-  }
-}, // Stategy "Playlist": We have a playlist with a known mapping of
-//                     segment index to display time
-{
-  name: 'Playlist',
-  run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-    if (playlist.syncInfo) {
-      var syncPoint = {
-        time: playlist.syncInfo.time,
-        segmentIndex: playlist.syncInfo.mediaSequence - playlist.mediaSequence
-      };
-      return syncPoint;
-    }
-
-    return null;
-  }
-}];
-
-var SyncController = function (_videojs$EventTarget) {
-  inherits(SyncController, _videojs$EventTarget);
-
-  function SyncController() {
-    classCallCheck(this, SyncController); // Segment Loader state variables...
-    // ...for synching across variants
-
-    var _this = possibleConstructorReturn(this, (SyncController.__proto__ || Object.getPrototypeOf(SyncController)).call(this));
-
-    _this.inspectCache_ = undefined; // ...for synching across variants
-
-    _this.timelines = [];
-    _this.discontinuities = [];
-    _this.datetimeToDisplayTime = null;
-    _this.logger_ = logger('SyncController');
-    return _this;
-  }
-  /**
-   * Find a sync-point for the playlist specified
-   *
-   * A sync-point is defined as a known mapping from display-time to
-   * a segment-index in the current playlist.
-   *
-   * @param {Playlist} playlist
-   *        The playlist that needs a sync-point
-   * @param {Number} duration
-   *        Duration of the MediaSource (Infinite if playing a live source)
-   * @param {Number} currentTimeline
-   *        The last timeline from which a segment was loaded
-   * @returns {Object}
-   *          A sync-point object
-   */
-
-
-  createClass(SyncController, [{
-    key: 'getSyncPoint',
-    value: function getSyncPoint(playlist, duration$$1, currentTimeline, currentTime) {
-      var syncPoints = this.runStrategies_(playlist, duration$$1, currentTimeline, currentTime);
-
-      if (!syncPoints.length) {
-        // Signal that we need to attempt to get a sync-point manually
-        // by fetching a segment in the playlist and constructing
-        // a sync-point from that information
-        return null;
-      } // Now find the sync-point that is closest to the currentTime because
-      // that should result in the most accurate guess about which segment
-      // to fetch
-
-
-      return this.selectSyncPoint_(syncPoints, {
-        key: 'time',
-        value: currentTime
-      });
-    }
-    /**
-     * Calculate the amount of time that has expired off the playlist during playback
-     *
-     * @param {Playlist} playlist
-     *        Playlist object to calculate expired from
-     * @param {Number} duration
-     *        Duration of the MediaSource (Infinity if playling a live source)
-     * @returns {Number|null}
-     *          The amount of time that has expired off the playlist during playback. Null
-     *          if no sync-points for the playlist can be found.
-     */
-
-  }, {
-    key: 'getExpiredTime',
-    value: function getExpiredTime(playlist, duration$$1) {
-      if (!playlist || !playlist.segments) {
-        return null;
-      }
-
-      var syncPoints = this.runStrategies_(playlist, duration$$1, playlist.discontinuitySequence, 0); // Without sync-points, there is not enough information to determine the expired time
-
-      if (!syncPoints.length) {
-        return null;
-      }
-
-      var syncPoint = this.selectSyncPoint_(syncPoints, {
-        key: 'segmentIndex',
-        value: 0
-      }); // If the sync-point is beyond the start of the playlist, we want to subtract the
-      // duration from index 0 to syncPoint.segmentIndex instead of adding.
-
-      if (syncPoint.segmentIndex > 0) {
-        syncPoint.time *= -1;
-      }
-
-      return Math.abs(syncPoint.time + sumDurations(playlist, syncPoint.segmentIndex, 0));
-    }
-    /**
-     * Runs each sync-point strategy and returns a list of sync-points returned by the
-     * strategies
-     *
-     * @private
-     * @param {Playlist} playlist
-     *        The playlist that needs a sync-point
-     * @param {Number} duration
-     *        Duration of the MediaSource (Infinity if playing a live source)
-     * @param {Number} currentTimeline
-     *        The last timeline from which a segment was loaded
-     * @returns {Array}
-     *          A list of sync-point objects
-     */
-
-  }, {
-    key: 'runStrategies_',
-    value: function runStrategies_(playlist, duration$$1, currentTimeline, currentTime) {
-      var syncPoints = []; // Try to find a sync-point in by utilizing various strategies...
-
-      for (var i = 0; i < syncPointStrategies.length; i++) {
-        var strategy = syncPointStrategies[i];
-        var syncPoint = strategy.run(this, playlist, duration$$1, currentTimeline, currentTime);
-
-        if (syncPoint) {
-          syncPoint.strategy = strategy.name;
-          syncPoints.push({
-            strategy: strategy.name,
-            syncPoint: syncPoint
-          });
-        }
-      }
-
-      return syncPoints;
-    }
-    /**
-     * Selects the sync-point nearest the specified target
-     *
-     * @private
-     * @param {Array} syncPoints
-     *        List of sync-points to select from
-     * @param {Object} target
-     *        Object specifying the property and value we are targeting
-     * @param {String} target.key
-     *        Specifies the property to target. Must be either 'time' or 'segmentIndex'
-     * @param {Number} target.value
-     *        The value to target for the specified key.
-     * @returns {Object}
-     *          The sync-point nearest the target
-     */
-
-  }, {
-    key: 'selectSyncPoint_',
-    value: function selectSyncPoint_(syncPoints, target) {
-      var bestSyncPoint = syncPoints[0].syncPoint;
-      var bestDistance = Math.abs(syncPoints[0].syncPoint[target.key] - target.value);
-      var bestStrategy = syncPoints[0].strategy;
-
-      for (var i = 1; i < syncPoints.length; i++) {
-        var newDistance = Math.abs(syncPoints[i].syncPoint[target.key] - target.value);
-
-        if (newDistance < bestDistance) {
-          bestDistance = newDistance;
-          bestSyncPoint = syncPoints[i].syncPoint;
-          bestStrategy = syncPoints[i].strategy;
-        }
-      }
-
-      this.logger_('syncPoint for [' + target.key + ': ' + target.value + '] chosen with strategy' + (' [' + bestStrategy + ']: [time:' + bestSyncPoint.time + ',') + (' segmentIndex:' + bestSyncPoint.segmentIndex + ']'));
-      return bestSyncPoint;
-    }
-    /**
-     * Save any meta-data present on the segments when segments leave
-     * the live window to the playlist to allow for synchronization at the
-     * playlist level later.
-     *
-     * @param {Playlist} oldPlaylist - The previous active playlist
-     * @param {Playlist} newPlaylist - The updated and most current playlist
-     */
-
-  }, {
-    key: 'saveExpiredSegmentInfo',
-    value: function saveExpiredSegmentInfo(oldPlaylist, newPlaylist) {
-      var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence; // When a segment expires from the playlist and it has a start time
-      // save that information as a possible sync-point reference in future
-
-      for (var i = mediaSequenceDiff - 1; i >= 0; i--) {
-        var lastRemovedSegment = oldPlaylist.segments[i];
-
-        if (lastRemovedSegment && typeof lastRemovedSegment.start !== 'undefined') {
-          newPlaylist.syncInfo = {
-            mediaSequence: oldPlaylist.mediaSequence + i,
-            time: lastRemovedSegment.start
-          };
-          this.logger_('playlist refresh sync: [time:' + newPlaylist.syncInfo.time + ',' + (' mediaSequence: ' + newPlaylist.syncInfo.mediaSequence + ']'));
-          this.trigger('syncinfoupdate');
-          break;
-        }
-      }
-    }
-    /**
-     * Save the mapping from playlist's ProgramDateTime to display. This should
-     * only ever happen once at the start of playback.
-     *
-     * @param {Playlist} playlist - The currently active playlist
-     */
-
-  }, {
-    key: 'setDateTimeMapping',
-    value: function setDateTimeMapping(playlist) {
-      if (!this.datetimeToDisplayTime && playlist.segments && playlist.segments.length && playlist.segments[0].dateTimeObject) {
-        var playlistTimestamp = playlist.segments[0].dateTimeObject.getTime() / 1000;
-        this.datetimeToDisplayTime = -playlistTimestamp;
-      }
-    }
-    /**
-     * Reset the state of the inspection cache when we do a rendition
-     * switch
-     */
-
-  }, {
-    key: 'reset',
-    value: function reset() {
-      this.inspectCache_ = undefined;
-    }
-    /**
-     * Probe or inspect a fmp4 or an mpeg2-ts segment to determine the start
-     * and end of the segment in it's internal "media time". Used to generate
-     * mappings from that internal "media time" to the display time that is
-     * shown on the player.
-     *
-     * @param {SegmentInfo} segmentInfo - The current active request information
-     */
-
-  }, {
-    key: 'probeSegmentInfo',
-    value: function probeSegmentInfo(segmentInfo) {
-      var segment = segmentInfo.segment;
-      var playlist = segmentInfo.playlist;
-      var timingInfo = void 0;
-
-      if (segment.map) {
-        timingInfo = this.probeMp4Segment_(segmentInfo);
-      } else {
-        timingInfo = this.probeTsSegment_(segmentInfo);
-      }
-
-      if (timingInfo) {
-        if (this.calculateSegmentTimeMapping_(segmentInfo, timingInfo)) {
-          this.saveDiscontinuitySyncInfo_(segmentInfo); // If the playlist does not have sync information yet, record that information
-          // now with segment timing information
-
-          if (!playlist.syncInfo) {
-            playlist.syncInfo = {
-              mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
-              time: segment.start
-            };
-          }
-        }
-      }
-
-      return timingInfo;
-    }
-    /**
-     * Probe an fmp4 segment to determine the start of the segment
-     * in it's internal "composition time", which is equal to the base
-     * media decode time plus the composition time offset value
-     *
-     * @private
-     * @param {SegmentInfo} segmentInfo - The current active request information
-     * @return {object} The start and end time of the current segment in "composition time"
-     */
-
-  }, {
-    key: 'probeMp4Segment_',
-    value: function probeMp4Segment_(segmentInfo) {
-      var segment = segmentInfo.segment; // get timescales from init segment
-
-      var timescales = mp4probe.timescale(segment.map.bytes); // calculate composition start time using the timescales and information
-      // contained within the media segment
-
-      var compositionStartTime = mp4probe.compositionStartTime(timescales, segmentInfo.bytes);
-
-      if (segmentInfo.timestampOffset !== null) {
-        segmentInfo.timestampOffset -= compositionStartTime;
-      }
-
-      return {
-        start: compositionStartTime,
-        end: compositionStartTime + segment.duration
-      };
-    }
-    /**
-     * Probe an mpeg2-ts segment to determine the start and end of the segment
-     * in it's internal "media time".
-     *
-     * @private
-     * @param {SegmentInfo} segmentInfo - The current active request information
-     * @return {object} The start and end time of the current segment in "media time"
-     */
-
-  }, {
-    key: 'probeTsSegment_',
-    value: function probeTsSegment_(segmentInfo) {
-      var timeInfo = tsprobe(segmentInfo.bytes, this.inspectCache_);
-      var segmentStartTime = void 0;
-      var segmentEndTime = void 0;
-      var segmentTimestampInfo = void 0;
-
-      if (!timeInfo) {
-        return null;
-      }
-
-      if (timeInfo.video && timeInfo.video.length === 2) {
-        this.inspectCache_ = timeInfo.video[1].dts;
-        segmentStartTime = timeInfo.video[0].dtsTime;
-        segmentEndTime = timeInfo.video[1].dtsTime;
-        segmentTimestampInfo = timeInfo.video;
-      } else if (timeInfo.audio && timeInfo.audio.length === 2) {
-        this.inspectCache_ = timeInfo.audio[1].dts;
-        segmentStartTime = timeInfo.audio[0].dtsTime;
-        segmentEndTime = timeInfo.audio[1].dtsTime;
-        segmentTimestampInfo = timeInfo.audio;
-      }
-
-      var probedInfo = {
-        segmentTimestampInfo: segmentTimestampInfo,
-        start: segmentStartTime,
-        end: segmentEndTime,
-        containsVideo: timeInfo.video && timeInfo.video.length === 2,
-        containsAudio: timeInfo.audio && timeInfo.audio.length === 2
-      };
-      return probedInfo;
-    }
-  }, {
-    key: 'timestampOffsetForTimeline',
-    value: function timestampOffsetForTimeline(timeline) {
-      if (typeof this.timelines[timeline] === 'undefined') {
-        return null;
-      }
-
-      return this.timelines[timeline].time;
-    }
-  }, {
-    key: 'mappingForTimeline',
-    value: function mappingForTimeline(timeline) {
-      if (typeof this.timelines[timeline] === 'undefined') {
-        return null;
-      }
-
-      return this.timelines[timeline].mapping;
-    }
-    /**
-     * Use the "media time" for a segment to generate a mapping to "display time" and
-     * save that display time to the segment.
-     *
-     * @private
-     * @param {SegmentInfo} segmentInfo
-     *        The current active request information
-     * @param {object} timingInfo
-     *        The start and end time of the current segment in "media time"
-     * @returns {Boolean}
-     *          Returns false if segment time mapping could not be calculated
-     */
-
-  }, {
-    key: 'calculateSegmentTimeMapping_',
-    value: function calculateSegmentTimeMapping_(segmentInfo, timingInfo) {
-      var segment = segmentInfo.segment;
-      var mappingObj = this.timelines[segmentInfo.timeline];
-
-      if (segmentInfo.timestampOffset !== null) {
-        mappingObj = {
-          time: segmentInfo.startOfSegment,
-          mapping: segmentInfo.startOfSegment - timingInfo.start
-        };
-        this.timelines[segmentInfo.timeline] = mappingObj;
-        this.trigger('timestampoffset');
-        this.logger_('time mapping for timeline ' + segmentInfo.timeline + ': ' + ('[time: ' + mappingObj.time + '] [mapping: ' + mappingObj.mapping + ']'));
-        segment.start = segmentInfo.startOfSegment;
-        segment.end = timingInfo.end + mappingObj.mapping;
-      } else if (mappingObj) {
-        segment.start = timingInfo.start + mappingObj.mapping;
-        segment.end = timingInfo.end + mappingObj.mapping;
-      } else {
-        return false;
-      }
-
-      return true;
-    }
-    /**
-     * Each time we have discontinuity in the playlist, attempt to calculate the location
-     * in display of the start of the discontinuity and save that. We also save an accuracy
-     * value so that we save values with the most accuracy (closest to 0.)
-     *
-     * @private
-     * @param {SegmentInfo} segmentInfo - The current active request information
-     */
-
-  }, {
-    key: 'saveDiscontinuitySyncInfo_',
-    value: function saveDiscontinuitySyncInfo_(segmentInfo) {
-      var playlist = segmentInfo.playlist;
-      var segment = segmentInfo.segment; // If the current segment is a discontinuity then we know exactly where
-      // the start of the range and it's accuracy is 0 (greater accuracy values
-      // mean more approximation)
-
-      if (segment.discontinuity) {
-        this.discontinuities[segment.timeline] = {
-          time: segment.start,
-          accuracy: 0
-        };
-      } else if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
-        // Search for future discontinuities that we can provide better timing
-        // information for and save that information for sync purposes
-        for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
-          var segmentIndex = playlist.discontinuityStarts[i];
-          var discontinuity = playlist.discontinuitySequence + i + 1;
-          var mediaIndexDiff = segmentIndex - segmentInfo.mediaIndex;
-          var accuracy = Math.abs(mediaIndexDiff);
-
-          if (!this.discontinuities[discontinuity] || this.discontinuities[discontinuity].accuracy > accuracy) {
-            var time = void 0;
-
-            if (mediaIndexDiff < 0) {
-              time = segment.start - sumDurations(playlist, segmentInfo.mediaIndex, segmentIndex);
-            } else {
-              time = segment.end + sumDurations(playlist, segmentInfo.mediaIndex + 1, segmentIndex);
-            }
-
-            this.discontinuities[discontinuity] = {
-              time: time,
-              accuracy: accuracy
-            };
-          }
-        }
-      }
-    }
-  }]);
-  return SyncController;
-}(videojs$1.EventTarget);
-
-var Decrypter$1 = new shimWorker("./decrypter-worker.worker.js", function (window, document$$1) {
-  var self = this;
-
-  var decrypterWorker = function () {
-    /*
-     * pkcs7.pad
-     * https://github.com/brightcove/pkcs7
-     *
-     * Copyright (c) 2014 Brightcove
-     * Licensed under the apache2 license.
-     */
-
-    /**
-     * Returns the subarray of a Uint8Array without PKCS#7 padding.
-     * @param padded {Uint8Array} unencrypted bytes that have been padded
-     * @return {Uint8Array} the unpadded bytes
-     * @see http://tools.ietf.org/html/rfc5652
-     */
-    function unpad(padded) {
-      return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
-    }
-
-    var classCallCheck = function classCallCheck(instance, Constructor) {
-      if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-      }
-    };
-
-    var createClass = function () {
-      function defineProperties(target, props) {
-        for (var i = 0; i < props.length; i++) {
-          var descriptor = props[i];
-          descriptor.enumerable = descriptor.enumerable || false;
-          descriptor.configurable = true;
-          if ("value" in descriptor) descriptor.writable = true;
-          Object.defineProperty(target, descriptor.key, descriptor);
-        }
-      }
-
-      return function (Constructor, protoProps, staticProps) {
-        if (protoProps) defineProperties(Constructor.prototype, protoProps);
-        if (staticProps) defineProperties(Constructor, staticProps);
-        return Constructor;
-      };
-    }();
-
-    var inherits = function inherits(subClass, superClass) {
-      if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-      }
-
-      subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-          value: subClass,
-          enumerable: false,
-          writable: true,
-          configurable: true
-        }
-      });
-      if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-    };
-
-    var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
-      if (!self) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      }
-
-      return call && (typeof call === "object" || typeof call === "function") ? call : self;
-    };
-    /**
-     * @file aes.js
-     *
-     * This file contains an adaptation of the AES decryption algorithm
-     * from the Standford Javascript Cryptography Library. That work is
-     * covered by the following copyright and permissions notice:
-     *
-     * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
-     * All rights reserved.
-     *
-     * Redistribution and use in source and binary forms, with or without
-     * modification, are permitted provided that the following conditions are
-     * met:
-     *
-     * 1. Redistributions of source code must retain the above copyright
-     *    notice, this list of conditions and the following disclaimer.
-     *
-     * 2. Redistributions in binary form must reproduce the above
-     *    copyright notice, this list of conditions and the following
-     *    disclaimer in the documentation and/or other materials provided
-     *    with the distribution.
-     *
-     * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``AS IS'' AND ANY EXPRESS OR
-     * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-     * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-     * DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR CONTRIBUTORS BE
-     * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-     * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-     * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
-     * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
-     * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
-     * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
-     * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-     *
-     * The views and conclusions contained in the software and documentation
-     * are those of the authors and should not be interpreted as representing
-     * official policies, either expressed or implied, of the authors.
-     */
-
-    /**
-     * Expand the S-box tables.
-     *
-     * @private
-     */
-
-
-    var precompute = function precompute() {
-      var tables = [[[], [], [], [], []], [[], [], [], [], []]];
-      var encTable = tables[0];
-      var decTable = tables[1];
-      var sbox = encTable[4];
-      var sboxInv = decTable[4];
-      var i = void 0;
-      var x = void 0;
-      var xInv = void 0;
-      var d = [];
-      var th = [];
-      var x2 = void 0;
-      var x4 = void 0;
-      var x8 = void 0;
-      var s = void 0;
-      var tEnc = void 0;
-      var tDec = void 0; // Compute double and third tables
-
-      for (i = 0; i < 256; i++) {
-        th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
-      }
-
-      for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
-        // Compute sbox
-        s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
-        s = s >> 8 ^ s & 255 ^ 99;
-        sbox[x] = s;
-        sboxInv[s] = x; // Compute MixColumns
-
-        x8 = d[x4 = d[x2 = d[x]]];
-        tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
-        tEnc = d[s] * 0x101 ^ s * 0x1010100;
-
-        for (i = 0; i < 4; i++) {
-          encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
-          decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
-        }
-      } // Compactify. Considerable speedup on Firefox.
-
-
-      for (i = 0; i < 5; i++) {
-        encTable[i] = encTable[i].slice(0);
-        decTable[i] = decTable[i].slice(0);
-      }
-
-      return tables;
-    };
-
-    var aesTables = null;
-    /**
-     * Schedule out an AES key for both encryption and decryption. This
-     * is a low-level class. Use a cipher mode to do bulk encryption.
-     *
-     * @class AES
-     * @param key {Array} The key as an array of 4, 6 or 8 words.
-     */
-
-    var AES = function () {
-      function AES(key) {
-        classCallCheck(this, AES);
-        /**
-         * The expanded S-box and inverse S-box tables. These will be computed
-         * on the client so that we don't have to send them down the wire.
-         *
-         * There are two tables, _tables[0] is for encryption and
-         * _tables[1] is for decryption.
-         *
-         * The first 4 sub-tables are the expanded S-box with MixColumns. The
-         * last (_tables[01][4]) is the S-box itself.
-         *
-         * @private
-         */
-        // if we have yet to precompute the S-box tables
-        // do so now
-
-        if (!aesTables) {
-          aesTables = precompute();
-        } // then make a copy of that object for use
-
-
-        this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
-        var i = void 0;
-        var j = void 0;
-        var tmp = void 0;
-        var encKey = void 0;
-        var decKey = void 0;
-        var sbox = this._tables[0][4];
-        var decTable = this._tables[1];
-        var keyLen = key.length;
-        var rcon = 1;
-
-        if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
-          throw new Error('Invalid aes key size');
-        }
-
-        encKey = key.slice(0);
-        decKey = [];
-        this._key = [encKey, decKey]; // schedule encryption keys
-
-        for (i = keyLen; i < 4 * keyLen + 28; i++) {
-          tmp = encKey[i - 1]; // apply sbox
-
-          if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
-            tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
-
-            if (i % keyLen === 0) {
-              tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
-              rcon = rcon << 1 ^ (rcon >> 7) * 283;
-            }
-          }
-
-          encKey[i] = encKey[i - keyLen] ^ tmp;
-        } // schedule decryption keys
-
-
-        for (j = 0; i; j++, i--) {
-          tmp = encKey[j & 3 ? i : i - 4];
-
-          if (i <= 4 || j < 4) {
-            decKey[j] = tmp;
-          } else {
-            decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
-          }
-        }
-      }
-      /**
-       * Decrypt 16 bytes, specified as four 32-bit words.
-       *
-       * @param {Number} encrypted0 the first word to decrypt
-       * @param {Number} encrypted1 the second word to decrypt
-       * @param {Number} encrypted2 the third word to decrypt
-       * @param {Number} encrypted3 the fourth word to decrypt
-       * @param {Int32Array} out the array to write the decrypted words
-       * into
-       * @param {Number} offset the offset into the output array to start
-       * writing results
-       * @return {Array} The plaintext.
-       */
-
-
-      AES.prototype.decrypt = function decrypt$$1(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
-        var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
-
-        var a = encrypted0 ^ key[0];
-        var b = encrypted3 ^ key[1];
-        var c = encrypted2 ^ key[2];
-        var d = encrypted1 ^ key[3];
-        var a2 = void 0;
-        var b2 = void 0;
-        var c2 = void 0; // key.length === 2 ?
-
-        var nInnerRounds = key.length / 4 - 2;
-        var i = void 0;
-        var kIndex = 4;
-        var table = this._tables[1]; // load up the tables
-
-        var table0 = table[0];
-        var table1 = table[1];
-        var table2 = table[2];
-        var table3 = table[3];
-        var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
-
-        for (i = 0; i < nInnerRounds; i++) {
-          a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
-          b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
-          c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
-          d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
-          kIndex += 4;
-          a = a2;
-          b = b2;
-          c = c2;
-        } // Last round.
-
-
-        for (i = 0; i < 4; i++) {
-          out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
-          a2 = a;
-          a = b;
-          b = c;
-          c = d;
-          d = a2;
-        }
-      };
-
-      return AES;
-    }();
-    /**
-     * @file stream.js
-     */
-
-    /**
-     * A lightweight readable stream implemention that handles event dispatching.
-     *
-     * @class Stream
-     */
-
-
-    var Stream = function () {
-      function Stream() {
-        classCallCheck(this, Stream);
-        this.listeners = {};
-      }
-      /**
-       * Add a listener for a specified event type.
-       *
-       * @param {String} type the event name
-       * @param {Function} listener the callback to be invoked when an event of
-       * the specified type occurs
-       */
-
-
-      Stream.prototype.on = function on(type, listener) {
-        if (!this.listeners[type]) {
-          this.listeners[type] = [];
-        }
-
-        this.listeners[type].push(listener);
-      };
-      /**
-       * Remove a listener for a specified event type.
-       *
-       * @param {String} type the event name
-       * @param {Function} listener  a function previously registered for this
-       * type of event through `on`
-       * @return {Boolean} if we could turn it off or not
-       */
-
-
-      Stream.prototype.off = function off(type, listener) {
-        if (!this.listeners[type]) {
-          return false;
-        }
-
-        var index = this.listeners[type].indexOf(listener);
-        this.listeners[type].splice(index, 1);
-        return index > -1;
-      };
-      /**
-       * Trigger an event of the specified type on this stream. Any additional
-       * arguments to this function are passed as parameters to event listeners.
-       *
-       * @param {String} type the event name
-       */
-
-
-      Stream.prototype.trigger = function trigger(type) {
-        var callbacks = this.listeners[type];
-
-        if (!callbacks) {
-          return;
-        } // Slicing the arguments on every invocation of this method
-        // can add a significant amount of overhead. Avoid the
-        // intermediate object creation for the common case of a
-        // single callback argument
-
-
-        if (arguments.length === 2) {
-          var length = callbacks.length;
-
-          for (var i = 0; i < length; ++i) {
-            callbacks[i].call(this, arguments[1]);
-          }
-        } else {
-          var args = Array.prototype.slice.call(arguments, 1);
-          var _length = callbacks.length;
-
-          for (var _i = 0; _i < _length; ++_i) {
-            callbacks[_i].apply(this, args);
-          }
-        }
-      };
-      /**
-       * Destroys the stream and cleans up.
-       */
-
-
-      Stream.prototype.dispose = function dispose() {
-        this.listeners = {};
-      };
-      /**
-       * Forwards all `data` events on this stream to the destination stream. The
-       * destination stream should provide a method `push` to receive the data
-       * events as they arrive.
-       *
-       * @param {Stream} destination the stream that will receive all `data` events
-       * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-       */
-
-
-      Stream.prototype.pipe = function pipe(destination) {
-        this.on('data', function (data) {
-          destination.push(data);
-        });
-      };
-
-      return Stream;
-    }();
-    /**
-     * @file async-stream.js
-     */
-
-    /**
-     * A wrapper around the Stream class to use setTiemout
-     * and run stream "jobs" Asynchronously
-     *
-     * @class AsyncStream
-     * @extends Stream
-     */
-
-
-    var AsyncStream$$1 = function (_Stream) {
-      inherits(AsyncStream$$1, _Stream);
-
-      function AsyncStream$$1() {
-        classCallCheck(this, AsyncStream$$1);
-
-        var _this = possibleConstructorReturn(this, _Stream.call(this, Stream));
-
-        _this.jobs = [];
-        _this.delay = 1;
-        _this.timeout_ = null;
-        return _this;
-      }
-      /**
-       * process an async job
-       *
-       * @private
-       */
-
-
-      AsyncStream$$1.prototype.processJob_ = function processJob_() {
-        this.jobs.shift()();
-
-        if (this.jobs.length) {
-          this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-        } else {
-          this.timeout_ = null;
-        }
-      };
-      /**
-       * push a job into the stream
-       *
-       * @param {Function} job the job to push into the stream
-       */
-
-
-      AsyncStream$$1.prototype.push = function push(job) {
-        this.jobs.push(job);
-
-        if (!this.timeout_) {
-          this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-        }
-      };
-
-      return AsyncStream$$1;
-    }(Stream);
-    /**
-     * @file decrypter.js
-     *
-     * An asynchronous implementation of AES-128 CBC decryption with
-     * PKCS#7 padding.
-     */
-
-    /**
-     * Convert network-order (big-endian) bytes into their little-endian
-     * representation.
-     */
-
-
-    var ntoh = function ntoh(word) {
-      return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
-    };
-    /**
-     * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
-     *
-     * @param {Uint8Array} encrypted the encrypted bytes
-     * @param {Uint32Array} key the bytes of the decryption key
-     * @param {Uint32Array} initVector the initialization vector (IV) to
-     * use for the first round of CBC.
-     * @return {Uint8Array} the decrypted bytes
-     *
-     * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
-     * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
-     * @see https://tools.ietf.org/html/rfc2315
-     */
-
-
-    var decrypt$$1 = function decrypt$$1(encrypted, key, initVector) {
-      // word-level access to the encrypted bytes
-      var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
-      var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
-
-      var decrypted = new Uint8Array(encrypted.byteLength);
-      var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
-      // decrypted data
-
-      var init0 = void 0;
-      var init1 = void 0;
-      var init2 = void 0;
-      var init3 = void 0;
-      var encrypted0 = void 0;
-      var encrypted1 = void 0;
-      var encrypted2 = void 0;
-      var encrypted3 = void 0; // iteration variable
-
-      var wordIx = void 0; // pull out the words of the IV to ensure we don't modify the
-      // passed-in reference and easier access
-
-      init0 = initVector[0];
-      init1 = initVector[1];
-      init2 = initVector[2];
-      init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
-      // to each decrypted block
-
-      for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
-        // convert big-endian (network order) words into little-endian
-        // (javascript order)
-        encrypted0 = ntoh(encrypted32[wordIx]);
-        encrypted1 = ntoh(encrypted32[wordIx + 1]);
-        encrypted2 = ntoh(encrypted32[wordIx + 2]);
-        encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
-
-        decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
-        // plaintext
-
-        decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
-        decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
-        decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
-        decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
-
-        init0 = encrypted0;
-        init1 = encrypted1;
-        init2 = encrypted2;
-        init3 = encrypted3;
-      }
-
-      return decrypted;
-    };
-    /**
-     * The `Decrypter` class that manages decryption of AES
-     * data through `AsyncStream` objects and the `decrypt`
-     * function
-     *
-     * @param {Uint8Array} encrypted the encrypted bytes
-     * @param {Uint32Array} key the bytes of the decryption key
-     * @param {Uint32Array} initVector the initialization vector (IV) to
-     * @param {Function} done the function to run when done
-     * @class Decrypter
-     */
-
-
-    var Decrypter$$1 = function () {
-      function Decrypter$$1(encrypted, key, initVector, done) {
-        classCallCheck(this, Decrypter$$1);
-        var step = Decrypter$$1.STEP;
-        var encrypted32 = new Int32Array(encrypted.buffer);
-        var decrypted = new Uint8Array(encrypted.byteLength);
-        var i = 0;
-        this.asyncStream_ = new AsyncStream$$1(); // split up the encryption job and do the individual chunks asynchronously
-
-        this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-
-        for (i = step; i < encrypted32.length; i += step) {
-          initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
-          this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-        } // invoke the done() callback when everything is finished
-
-
-        this.asyncStream_.push(function () {
-          // remove pkcs#7 padding from the decrypted bytes
-          done(null, unpad(decrypted));
-        });
-      }
-      /**
-       * a getter for step the maximum number of bytes to process at one time
-       *
-       * @return {Number} the value of step 32000
-       */
-
-      /**
-       * @private
-       */
-
-
-      Decrypter$$1.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
-        return function () {
-          var bytes = decrypt$$1(encrypted, key, initVector);
-          decrypted.set(bytes, encrypted.byteOffset);
-        };
-      };
-
-      createClass(Decrypter$$1, null, [{
-        key: 'STEP',
-        get: function get$$1() {
-          // 4 * 8000;
-          return 32000;
-        }
-      }]);
-      return Decrypter$$1;
-    }();
-    /**
-     * @file bin-utils.js
-     */
-
-    /**
-     * Creates an object for sending to a web worker modifying properties that are TypedArrays
-     * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
-     *
-     * @param {Object} message
-     *        Object of properties and values to send to the web worker
-     * @return {Object}
-     *         Modified message with TypedArray values expanded
-     * @function createTransferableMessage
-     */
-
-
-    var createTransferableMessage = function createTransferableMessage(message) {
-      var transferable = {};
-      Object.keys(message).forEach(function (key) {
-        var value = message[key];
-
-        if (ArrayBuffer.isView(value)) {
-          transferable[key] = {
-            bytes: value.buffer,
-            byteOffset: value.byteOffset,
-            byteLength: value.byteLength
-          };
-        } else {
-          transferable[key] = value;
-        }
-      });
-      return transferable;
-    };
-    /**
-     * Our web worker interface so that things can talk to aes-decrypter
-     * that will be running in a web worker. the scope is passed to this by
-     * webworkify.
-     *
-     * @param {Object} self
-     *        the scope for the web worker
-     */
-
-
-    var DecrypterWorker = function DecrypterWorker(self) {
-      self.onmessage = function (event) {
-        var data = event.data;
-        var encrypted = new Uint8Array(data.encrypted.bytes, data.encrypted.byteOffset, data.encrypted.byteLength);
-        var key = new Uint32Array(data.key.bytes, data.key.byteOffset, data.key.byteLength / 4);
-        var iv = new Uint32Array(data.iv.bytes, data.iv.byteOffset, data.iv.byteLength / 4);
-        /* eslint-disable no-new, handle-callback-err */
-
-        new Decrypter$$1(encrypted, key, iv, function (err, bytes) {
-          self.postMessage(createTransferableMessage({
-            source: data.source,
-            decrypted: bytes
-          }), [bytes.buffer]);
-        });
-        /* eslint-enable */
-      };
-    };
-
-    var decrypterWorker = new DecrypterWorker(self);
-    return decrypterWorker;
-  }();
-});
-/**
- * Convert the properties of an HLS track into an audioTrackKind.
- *
- * @private
- */
-
-var audioTrackKind_ = function audioTrackKind_(properties) {
-  var kind = properties["default"] ? 'main' : 'alternative';
-
-  if (properties.characteristics && properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {
-    kind = 'main-desc';
-  }
-
-  return kind;
-};
-/**
- * Pause provided segment loader and playlist loader if active
- *
- * @param {SegmentLoader} segmentLoader
- *        SegmentLoader to pause
- * @param {Object} mediaType
- *        Active media type
- * @function stopLoaders
- */
-
-
-var stopLoaders = function stopLoaders(segmentLoader, mediaType) {
-  segmentLoader.abort();
-  segmentLoader.pause();
-
-  if (mediaType && mediaType.activePlaylistLoader) {
-    mediaType.activePlaylistLoader.pause();
-    mediaType.activePlaylistLoader = null;
-  }
-};
-/**
- * Start loading provided segment loader and playlist loader
- *
- * @param {PlaylistLoader} playlistLoader
- *        PlaylistLoader to start loading
- * @param {Object} mediaType
- *        Active media type
- * @function startLoaders
- */
-
-
-var startLoaders = function startLoaders(playlistLoader, mediaType) {
-  // Segment loader will be started after `loadedmetadata` or `loadedplaylist` from the
-  // playlist loader
-  mediaType.activePlaylistLoader = playlistLoader;
-  playlistLoader.load();
-};
-/**
- * Returns a function to be called when the media group changes. It performs a
- * non-destructive (preserve the buffer) resync of the SegmentLoader. This is because a
- * change of group is merely a rendition switch of the same content at another encoding,
- * rather than a change of content, such as switching audio from English to Spanish.
- *
- * @param {String} type
- *        MediaGroup type
- * @param {Object} settings
- *        Object containing required information for media groups
- * @return {Function}
- *         Handler for a non-destructive resync of SegmentLoader when the active media
- *         group changes.
- * @function onGroupChanged
- */
-
-
-var onGroupChanged = function onGroupChanged(type, settings) {
-  return function () {
-    var _settings$segmentLoad = settings.segmentLoaders,
-        segmentLoader = _settings$segmentLoad[type],
-        mainSegmentLoader = _settings$segmentLoad.main,
-        mediaType = settings.mediaTypes[type];
-    var activeTrack = mediaType.activeTrack();
-    var activeGroup = mediaType.activeGroup(activeTrack);
-    var previousActiveLoader = mediaType.activePlaylistLoader;
-    stopLoaders(segmentLoader, mediaType);
-
-    if (!activeGroup) {
-      // there is no group active
-      return;
-    }
-
-    if (!activeGroup.playlistLoader) {
-      if (previousActiveLoader) {
-        // The previous group had a playlist loader but the new active group does not
-        // this means we are switching from demuxed to muxed audio. In this case we want to
-        // do a destructive reset of the main segment loader and not restart the audio
-        // loaders.
-        mainSegmentLoader.resetEverything();
-      }
-
-      return;
-    } // Non-destructive resync
-
-
-    segmentLoader.resyncLoader();
-    startLoaders(activeGroup.playlistLoader, mediaType);
-  };
-};
-/**
- * Returns a function to be called when the media track changes. It performs a
- * destructive reset of the SegmentLoader to ensure we start loading as close to
- * currentTime as possible.
- *
- * @param {String} type
- *        MediaGroup type
- * @param {Object} settings
- *        Object containing required information for media groups
- * @return {Function}
- *         Handler for a destructive reset of SegmentLoader when the active media
- *         track changes.
- * @function onTrackChanged
- */
-
-
-var onTrackChanged = function onTrackChanged(type, settings) {
-  return function () {
-    var _settings$segmentLoad2 = settings.segmentLoaders,
-        segmentLoader = _settings$segmentLoad2[type],
-        mainSegmentLoader = _settings$segmentLoad2.main,
-        mediaType = settings.mediaTypes[type];
-    var activeTrack = mediaType.activeTrack();
-    var activeGroup = mediaType.activeGroup(activeTrack);
-    var previousActiveLoader = mediaType.activePlaylistLoader;
-    stopLoaders(segmentLoader, mediaType);
-
-    if (!activeGroup) {
-      // there is no group active so we do not want to restart loaders
-      return;
-    }
-
-    if (!activeGroup.playlistLoader) {
-      // when switching from demuxed audio/video to muxed audio/video (noted by no playlist
-      // loader for the audio group), we want to do a destructive reset of the main segment
-      // loader and not restart the audio loaders
-      mainSegmentLoader.resetEverything();
-      return;
-    }
-
-    if (previousActiveLoader === activeGroup.playlistLoader) {
-      // Nothing has actually changed. This can happen because track change events can fire
-      // multiple times for a "single" change. One for enabling the new active track, and
-      // one for disabling the track that was active
-      startLoaders(activeGroup.playlistLoader, mediaType);
-      return;
-    }
-
-    if (segmentLoader.track) {
-      // For WebVTT, set the new text track in the segmentloader
-      segmentLoader.track(activeTrack);
-    } // destructive reset
-
-
-    segmentLoader.resetEverything();
-    startLoaders(activeGroup.playlistLoader, mediaType);
-  };
-};
-
-var onError = {
-  /**
-   * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
-   * an error.
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Error handler. Logs warning (or error if the playlist is blacklisted) to
-   *         console and switches back to default audio track.
-   * @function onError.AUDIO
-   */
-  AUDIO: function AUDIO(type, settings) {
-    return function () {
-      var segmentLoader = settings.segmentLoaders[type],
-          mediaType = settings.mediaTypes[type],
-          blacklistCurrentPlaylist = settings.blacklistCurrentPlaylist;
-      stopLoaders(segmentLoader, mediaType); // switch back to default audio track
-
-      var activeTrack = mediaType.activeTrack();
-      var activeGroup = mediaType.activeGroup();
-      var id = (activeGroup.filter(function (group) {
-        return group["default"];
-      })[0] || activeGroup[0]).id;
-      var defaultTrack = mediaType.tracks[id];
-
-      if (activeTrack === defaultTrack) {
-        // Default track encountered an error. All we can do now is blacklist the current
-        // rendition and hope another will switch audio groups
-        blacklistCurrentPlaylist({
-          message: 'Problem encountered loading the default audio track.'
-        });
-        return;
-      }
-
-      videojs$1.log.warn('Problem encountered loading the alternate audio track.' + 'Switching back to default.');
-
-      for (var trackId in mediaType.tracks) {
-        mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;
-      }
-
-      mediaType.onTrackChanged();
-    };
-  },
-
-  /**
-   * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
-   * an error.
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Error handler. Logs warning to console and disables the active subtitle track
-   * @function onError.SUBTITLES
-   */
-  SUBTITLES: function SUBTITLES(type, settings) {
-    return function () {
-      var segmentLoader = settings.segmentLoaders[type],
-          mediaType = settings.mediaTypes[type];
-      videojs$1.log.warn('Problem encountered loading the subtitle track.' + 'Disabling subtitle track.');
-      stopLoaders(segmentLoader, mediaType);
-      var track = mediaType.activeTrack();
-
-      if (track) {
-        track.mode = 'disabled';
-      }
-
-      mediaType.onTrackChanged();
-    };
-  }
-};
-var setupListeners = {
-  /**
-   * Setup event listeners for audio playlist loader
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {PlaylistLoader|null} playlistLoader
-   *        PlaylistLoader to register listeners on
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function setupListeners.AUDIO
-   */
-  AUDIO: function AUDIO(type, playlistLoader, settings) {
-    if (!playlistLoader) {
-      // no playlist loader means audio will be muxed with the video
-      return;
-    }
-
-    var tech = settings.tech,
-        requestOptions = settings.requestOptions,
-        segmentLoader = settings.segmentLoaders[type];
-    playlistLoader.on('loadedmetadata', function () {
-      var media = playlistLoader.media();
-      segmentLoader.playlist(media, requestOptions); // if the video is already playing, or if this isn't a live video and preload
-      // permits, start downloading segments
-
-      if (!tech.paused() || media.endList && tech.preload() !== 'none') {
-        segmentLoader.load();
-      }
-    });
-    playlistLoader.on('loadedplaylist', function () {
-      segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
-      if (!tech.paused()) {
-        segmentLoader.load();
-      }
-    });
-    playlistLoader.on('error', onError[type](type, settings));
-  },
-
-  /**
-   * Setup event listeners for subtitle playlist loader
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {PlaylistLoader|null} playlistLoader
-   *        PlaylistLoader to register listeners on
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function setupListeners.SUBTITLES
-   */
-  SUBTITLES: function SUBTITLES(type, playlistLoader, settings) {
-    var tech = settings.tech,
-        requestOptions = settings.requestOptions,
-        segmentLoader = settings.segmentLoaders[type],
-        mediaType = settings.mediaTypes[type];
-    playlistLoader.on('loadedmetadata', function () {
-      var media = playlistLoader.media();
-      segmentLoader.playlist(media, requestOptions);
-      segmentLoader.track(mediaType.activeTrack()); // if the video is already playing, or if this isn't a live video and preload
-      // permits, start downloading segments
-
-      if (!tech.paused() || media.endList && tech.preload() !== 'none') {
-        segmentLoader.load();
-      }
-    });
-    playlistLoader.on('loadedplaylist', function () {
-      segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
-      if (!tech.paused()) {
-        segmentLoader.load();
-      }
-    });
-    playlistLoader.on('error', onError[type](type, settings));
-  }
-};
-var initialize = {
-  /**
-   * Setup PlaylistLoaders and AudioTracks for the audio groups
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function initialize.AUDIO
-   */
-  'AUDIO': function AUDIO(type, settings) {
-    var hls = settings.hls,
-        sourceType = settings.sourceType,
-        segmentLoader = settings.segmentLoaders[type],
-        requestOptions = settings.requestOptions,
-        mediaGroups = settings.master.mediaGroups,
-        _settings$mediaTypes$ = settings.mediaTypes[type],
-        groups = _settings$mediaTypes$.groups,
-        tracks = _settings$mediaTypes$.tracks,
-        masterPlaylistLoader = settings.masterPlaylistLoader; // force a default if we have none
-
-    if (!mediaGroups[type] || Object.keys(mediaGroups[type]).length === 0) {
-      mediaGroups[type] = {
-        main: {
-          "default": {
-            "default": true
-          }
-        }
-      };
-    }
-
-    for (var groupId in mediaGroups[type]) {
-      if (!groups[groupId]) {
-        groups[groupId] = [];
-      } // List of playlists that have an AUDIO attribute value matching the current
-      // group ID
-
-
-      for (var variantLabel in mediaGroups[type][groupId]) {
-        var properties = mediaGroups[type][groupId][variantLabel];
-        var playlistLoader = void 0;
-
-        if (properties.resolvedUri) {
-          playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
-        } else if (properties.playlists && sourceType === 'dash') {
-          playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
-        } else {
-          // no resolvedUri means the audio is muxed with the video when using this
-          // audio track
-          playlistLoader = null;
-        }
-
-        properties = videojs$1.mergeOptions({
-          id: variantLabel,
-          playlistLoader: playlistLoader
-        }, properties);
-        setupListeners[type](type, properties.playlistLoader, settings);
-        groups[groupId].push(properties);
-
-        if (typeof tracks[variantLabel] === 'undefined') {
-          var track = new videojs$1.AudioTrack({
-            id: variantLabel,
-            kind: audioTrackKind_(properties),
-            enabled: false,
-            language: properties.language,
-            "default": properties["default"],
-            label: variantLabel
-          });
-          tracks[variantLabel] = track;
-        }
-      }
-    } // setup single error event handler for the segment loader
-
-
-    segmentLoader.on('error', onError[type](type, settings));
-  },
-
-  /**
-   * Setup PlaylistLoaders and TextTracks for the subtitle groups
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function initialize.SUBTITLES
-   */
-  'SUBTITLES': function SUBTITLES(type, settings) {
-    var tech = settings.tech,
-        hls = settings.hls,
-        sourceType = settings.sourceType,
-        segmentLoader = settings.segmentLoaders[type],
-        requestOptions = settings.requestOptions,
-        mediaGroups = settings.master.mediaGroups,
-        _settings$mediaTypes$2 = settings.mediaTypes[type],
-        groups = _settings$mediaTypes$2.groups,
-        tracks = _settings$mediaTypes$2.tracks,
-        masterPlaylistLoader = settings.masterPlaylistLoader;
-
-    for (var groupId in mediaGroups[type]) {
-      if (!groups[groupId]) {
-        groups[groupId] = [];
-      }
-
-      for (var variantLabel in mediaGroups[type][groupId]) {
-        if (mediaGroups[type][groupId][variantLabel].forced) {
-          // Subtitle playlists with the forced attribute are not selectable in Safari.
-          // According to Apple's HLS Authoring Specification:
-          //   If content has forced subtitles and regular subtitles in a given language,
-          //   the regular subtitles track in that language MUST contain both the forced
-          //   subtitles and the regular subtitles for that language.
-          // Because of this requirement and that Safari does not add forced subtitles,
-          // forced subtitles are skipped here to maintain consistent experience across
-          // all platforms
-          continue;
-        }
-
-        var properties = mediaGroups[type][groupId][variantLabel];
-        var playlistLoader = void 0;
-
-        if (sourceType === 'hls') {
-          playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
-        } else if (sourceType === 'dash') {
-          playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
-        }
-
-        properties = videojs$1.mergeOptions({
-          id: variantLabel,
-          playlistLoader: playlistLoader
-        }, properties);
-        setupListeners[type](type, properties.playlistLoader, settings);
-        groups[groupId].push(properties);
-
-        if (typeof tracks[variantLabel] === 'undefined') {
-          var track = tech.addRemoteTextTrack({
-            id: variantLabel,
-            kind: 'subtitles',
-            "default": properties["default"] && properties.autoselect,
-            language: properties.language,
-            label: variantLabel
-          }, false).track;
-          tracks[variantLabel] = track;
-        }
-      }
-    } // setup single error event handler for the segment loader
-
-
-    segmentLoader.on('error', onError[type](type, settings));
-  },
-
-  /**
-   * Setup TextTracks for the closed-caption groups
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @function initialize['CLOSED-CAPTIONS']
-   */
-  'CLOSED-CAPTIONS': function CLOSEDCAPTIONS(type, settings) {
-    var tech = settings.tech,
-        mediaGroups = settings.master.mediaGroups,
-        _settings$mediaTypes$3 = settings.mediaTypes[type],
-        groups = _settings$mediaTypes$3.groups,
-        tracks = _settings$mediaTypes$3.tracks;
-
-    for (var groupId in mediaGroups[type]) {
-      if (!groups[groupId]) {
-        groups[groupId] = [];
-      }
-
-      for (var variantLabel in mediaGroups[type][groupId]) {
-        var properties = mediaGroups[type][groupId][variantLabel]; // We only support CEA608 captions for now, so ignore anything that
-        // doesn't use a CCx INSTREAM-ID
-
-        if (!properties.instreamId.match(/CC\d/)) {
-          continue;
-        } // No PlaylistLoader is required for Closed-Captions because the captions are
-        // embedded within the video stream
-
-
-        groups[groupId].push(videojs$1.mergeOptions({
-          id: variantLabel
-        }, properties));
-
-        if (typeof tracks[variantLabel] === 'undefined') {
-          var track = tech.addRemoteTextTrack({
-            id: properties.instreamId,
-            kind: 'captions',
-            "default": properties["default"] && properties.autoselect,
-            language: properties.language,
-            label: variantLabel
-          }, false).track;
-          tracks[variantLabel] = track;
-        }
-      }
-    }
-  }
-};
-/**
- * Returns a function used to get the active group of the provided type
- *
- * @param {String} type
- *        MediaGroup type
- * @param {Object} settings
- *        Object containing required information for media groups
- * @return {Function}
- *         Function that returns the active media group for the provided type. Takes an
- *         optional parameter {TextTrack} track. If no track is provided, a list of all
- *         variants in the group, otherwise the variant corresponding to the provided
- *         track is returned.
- * @function activeGroup
- */
-
-var activeGroup = function activeGroup(type, settings) {
-  return function (track) {
-    var masterPlaylistLoader = settings.masterPlaylistLoader,
-        groups = settings.mediaTypes[type].groups;
-    var media = masterPlaylistLoader.media();
-
-    if (!media) {
-      return null;
-    }
-
-    var variants = null;
-
-    if (media.attributes[type]) {
-      variants = groups[media.attributes[type]];
-    }
-
-    variants = variants || groups.main;
-
-    if (typeof track === 'undefined') {
-      return variants;
-    }
-
-    if (track === null) {
-      // An active track was specified so a corresponding group is expected. track === null
-      // means no track is currently active so there is no corresponding group
-      return null;
-    }
-
-    return variants.filter(function (props) {
-      return props.id === track.id;
-    })[0] || null;
-  };
-};
-
-var activeTrack = {
-  /**
-   * Returns a function used to get the active track of type provided
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Function that returns the active media track for the provided type. Returns
-   *         null if no track is active
-   * @function activeTrack.AUDIO
-   */
-  AUDIO: function AUDIO(type, settings) {
-    return function () {
-      var tracks = settings.mediaTypes[type].tracks;
-
-      for (var id in tracks) {
-        if (tracks[id].enabled) {
-          return tracks[id];
-        }
-      }
-
-      return null;
-    };
-  },
-
-  /**
-   * Returns a function used to get the active track of type provided
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Function that returns the active media track for the provided type. Returns
-   *         null if no track is active
-   * @function activeTrack.SUBTITLES
-   */
-  SUBTITLES: function SUBTITLES(type, settings) {
-    return function () {
-      var tracks = settings.mediaTypes[type].tracks;
-
-      for (var id in tracks) {
-        if (tracks[id].mode === 'showing') {
-          return tracks[id];
-        }
-      }
-
-      return null;
-    };
-  }
-};
-/**
- * Setup PlaylistLoaders and Tracks for media groups (Audio, Subtitles,
- * Closed-Captions) specified in the master manifest.
- *
- * @param {Object} settings
- *        Object containing required information for setting up the media groups
- * @param {SegmentLoader} settings.segmentLoaders.AUDIO
- *        Audio segment loader
- * @param {SegmentLoader} settings.segmentLoaders.SUBTITLES
- *        Subtitle segment loader
- * @param {SegmentLoader} settings.segmentLoaders.main
- *        Main segment loader
- * @param {Tech} settings.tech
- *        The tech of the player
- * @param {Object} settings.requestOptions
- *        XHR request options used by the segment loaders
- * @param {PlaylistLoader} settings.masterPlaylistLoader
- *        PlaylistLoader for the master source
- * @param {HlsHandler} settings.hls
- *        HLS SourceHandler
- * @param {Object} settings.master
- *        The parsed master manifest
- * @param {Object} settings.mediaTypes
- *        Object to store the loaders, tracks, and utility methods for each media type
- * @param {Function} settings.blacklistCurrentPlaylist
- *        Blacklists the current rendition and forces a rendition switch.
- * @function setupMediaGroups
- */
-
-var setupMediaGroups = function setupMediaGroups(settings) {
-  ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
-    initialize[type](type, settings);
-  });
-  var mediaTypes = settings.mediaTypes,
-      masterPlaylistLoader = settings.masterPlaylistLoader,
-      tech = settings.tech,
-      hls = settings.hls; // setup active group and track getters and change event handlers
-
-  ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-    mediaTypes[type].activeGroup = activeGroup(type, settings);
-    mediaTypes[type].activeTrack = activeTrack[type](type, settings);
-    mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);
-    mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);
-  }); // DO NOT enable the default subtitle or caption track.
-  // DO enable the default audio track
-
-  var audioGroup = mediaTypes.AUDIO.activeGroup();
-  var groupId = (audioGroup.filter(function (group) {
-    return group["default"];
-  })[0] || audioGroup[0]).id;
-  mediaTypes.AUDIO.tracks[groupId].enabled = true;
-  mediaTypes.AUDIO.onTrackChanged();
-  masterPlaylistLoader.on('mediachange', function () {
-    ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-      return mediaTypes[type].onGroupChanged();
-    });
-  }); // custom audio track change event handler for usage event
-
-  var onAudioTrackChanged = function onAudioTrackChanged() {
-    mediaTypes.AUDIO.onTrackChanged();
-    tech.trigger({
-      type: 'usage',
-      name: 'hls-audio-change'
-    });
-  };
-
-  tech.audioTracks().addEventListener('change', onAudioTrackChanged);
-  tech.remoteTextTracks().addEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
-  hls.on('dispose', function () {
-    tech.audioTracks().removeEventListener('change', onAudioTrackChanged);
-    tech.remoteTextTracks().removeEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
-  }); // clear existing audio tracks and add the ones we just created
-
-  tech.clearTracks('audio');
-
-  for (var id in mediaTypes.AUDIO.tracks) {
-    tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);
-  }
-};
-/**
- * Creates skeleton object used to store the loaders, tracks, and utility methods for each
- * media type
- *
- * @return {Object}
- *         Object to store the loaders, tracks, and utility methods for each media type
- * @function createMediaTypes
- */
-
-
-var createMediaTypes = function createMediaTypes() {
-  var mediaTypes = {};
-  ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
-    mediaTypes[type] = {
-      groups: {},
-      tracks: {},
-      activePlaylistLoader: null,
-      activeGroup: noop,
-      activeTrack: noop,
-      onGroupChanged: noop,
-      onTrackChanged: noop
-    };
-  });
-  return mediaTypes;
-};
-/**
- * @file master-playlist-controller.js
- */
-
-
-var ABORT_EARLY_BLACKLIST_SECONDS = 60 * 2;
-var Hls = void 0; // SegmentLoader stats that need to have each loader's
-// values summed to calculate the final value
-
-var loaderStats = ['mediaRequests', 'mediaRequestsAborted', 'mediaRequestsTimedout', 'mediaRequestsErrored', 'mediaTransferDuration', 'mediaBytesTransferred'];
-
-var sumLoaderStat = function sumLoaderStat(stat) {
-  return this.audioSegmentLoader_[stat] + this.mainSegmentLoader_[stat];
-};
-/**
- * the master playlist controller controller all interactons
- * between playlists and segmentloaders. At this time this mainly
- * involves a master playlist and a series of audio playlists
- * if they are available
- *
- * @class MasterPlaylistController
- * @extends videojs.EventTarget
- */
-
-
-var MasterPlaylistController = function (_videojs$EventTarget) {
-  inherits(MasterPlaylistController, _videojs$EventTarget);
-
-  function MasterPlaylistController(options) {
-    classCallCheck(this, MasterPlaylistController);
-
-    var _this = possibleConstructorReturn(this, (MasterPlaylistController.__proto__ || Object.getPrototypeOf(MasterPlaylistController)).call(this));
-
-    var url = options.url,
-        handleManifestRedirects = options.handleManifestRedirects,
-        withCredentials = options.withCredentials,
-        tech = options.tech,
-        bandwidth = options.bandwidth,
-        externHls = options.externHls,
-        useCueTags = options.useCueTags,
-        blacklistDuration = options.blacklistDuration,
-        enableLowInitialPlaylist = options.enableLowInitialPlaylist,
-        sourceType = options.sourceType,
-        seekTo = options.seekTo,
-        cacheEncryptionKeys = options.cacheEncryptionKeys;
-
-    if (!url) {
-      throw new Error('A non-empty playlist URL is required');
-    }
-
-    Hls = externHls;
-    _this.withCredentials = withCredentials;
-    _this.tech_ = tech;
-    _this.hls_ = tech.hls;
-    _this.seekTo_ = seekTo;
-    _this.sourceType_ = sourceType;
-    _this.useCueTags_ = useCueTags;
-    _this.blacklistDuration = blacklistDuration;
-    _this.enableLowInitialPlaylist = enableLowInitialPlaylist;
-
-    if (_this.useCueTags_) {
-      _this.cueTagsTrack_ = _this.tech_.addTextTrack('metadata', 'ad-cues');
-      _this.cueTagsTrack_.inBandMetadataTrackDispatchType = '';
-    }
-
-    _this.requestOptions_ = {
-      withCredentials: withCredentials,
-      handleManifestRedirects: handleManifestRedirects,
-      timeout: null
-    };
-    _this.mediaTypes_ = createMediaTypes();
-    _this.mediaSource = new videojs$1.MediaSource(); // load the media source into the player
-
-    _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_.bind(_this));
-
-    _this.seekable_ = videojs$1.createTimeRanges();
-
-    _this.hasPlayed_ = function () {
-      return false;
-    };
-
-    _this.syncController_ = new SyncController(options);
-    _this.segmentMetadataTrack_ = tech.addRemoteTextTrack({
-      kind: 'metadata',
-      label: 'segment-metadata'
-    }, false).track;
-    _this.decrypter_ = new Decrypter$1();
-    _this.inbandTextTracks_ = {};
-    var segmentLoaderSettings = {
-      hls: _this.hls_,
-      mediaSource: _this.mediaSource,
-      currentTime: _this.tech_.currentTime.bind(_this.tech_),
-      seekable: function seekable$$1() {
-        return _this.seekable();
-      },
-      seeking: function seeking() {
-        return _this.tech_.seeking();
-      },
-      duration: function duration$$1() {
-        return _this.mediaSource.duration;
-      },
-      hasPlayed: function hasPlayed() {
-        return _this.hasPlayed_();
-      },
-      goalBufferLength: function goalBufferLength() {
-        return _this.goalBufferLength();
-      },
-      bandwidth: bandwidth,
-      syncController: _this.syncController_,
-      decrypter: _this.decrypter_,
-      sourceType: _this.sourceType_,
-      inbandTextTracks: _this.inbandTextTracks_,
-      cacheEncryptionKeys: cacheEncryptionKeys
-    };
-    _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(url, _this.hls_, _this.requestOptions_) : new PlaylistLoader(url, _this.hls_, _this.requestOptions_);
-
-    _this.setupMasterPlaylistLoaderListeners_(); // setup segment loaders
-    // combined audio/video or just video when alternate audio track is selected
-
-
-    _this.mainSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-      segmentMetadataTrack: _this.segmentMetadataTrack_,
-      loaderType: 'main'
-    }), options); // alternate audio track
-
-    _this.audioSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-      loaderType: 'audio'
-    }), options);
-    _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-      loaderType: 'vtt'
-    }), options);
-
-    _this.setupSegmentLoaderListeners_(); // Create SegmentLoader stat-getters
-
-
-    loaderStats.forEach(function (stat) {
-      _this[stat + '_'] = sumLoaderStat.bind(_this, stat);
-    });
-    _this.logger_ = logger('MPC');
-
-    _this.masterPlaylistLoader_.load();
-
-    return _this;
-  }
-  /**
-   * Register event handlers on the master playlist loader. A helper
-   * function for construction time.
-   *
-   * @private
-   */
-
-
-  createClass(MasterPlaylistController, [{
-    key: 'setupMasterPlaylistLoaderListeners_',
-    value: function setupMasterPlaylistLoaderListeners_() {
-      var _this2 = this;
-
-      this.masterPlaylistLoader_.on('loadedmetadata', function () {
-        var media = _this2.masterPlaylistLoader_.media();
-
-        var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
-        // timeout the request.
-
-        if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
-          _this2.requestOptions_.timeout = 0;
-        } else {
-          _this2.requestOptions_.timeout = requestTimeout;
-        } // if this isn't a live video and preload permits, start
-        // downloading segments
-
-
-        if (media.endList && _this2.tech_.preload() !== 'none') {
-          _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
-
-          _this2.mainSegmentLoader_.load();
-        }
-
-        setupMediaGroups({
-          sourceType: _this2.sourceType_,
-          segmentLoaders: {
-            AUDIO: _this2.audioSegmentLoader_,
-            SUBTITLES: _this2.subtitleSegmentLoader_,
-            main: _this2.mainSegmentLoader_
-          },
-          tech: _this2.tech_,
-          requestOptions: _this2.requestOptions_,
-          masterPlaylistLoader: _this2.masterPlaylistLoader_,
-          hls: _this2.hls_,
-          master: _this2.master(),
-          mediaTypes: _this2.mediaTypes_,
-          blacklistCurrentPlaylist: _this2.blacklistCurrentPlaylist.bind(_this2)
-        });
-
-        _this2.triggerPresenceUsage_(_this2.master(), media);
-
-        try {
-          _this2.setupSourceBuffers_();
-        } catch (e) {
-          videojs$1.log.warn('Failed to create SourceBuffers', e);
-          return _this2.mediaSource.endOfStream('decode');
-        }
-
-        _this2.setupFirstPlay();
-
-        if (!_this2.mediaTypes_.AUDIO.activePlaylistLoader || _this2.mediaTypes_.AUDIO.activePlaylistLoader.media()) {
-          _this2.trigger('selectedinitialmedia');
-        } else {
-          // We must wait for the active audio playlist loader to
-          // finish setting up before triggering this event so the
-          // representations API and EME setup is correct
-          _this2.mediaTypes_.AUDIO.activePlaylistLoader.one('loadedmetadata', function () {
-            _this2.trigger('selectedinitialmedia');
-          });
-        }
-      });
-      this.masterPlaylistLoader_.on('loadedplaylist', function () {
-        var updatedPlaylist = _this2.masterPlaylistLoader_.media();
-
-        if (!updatedPlaylist) {
-          // blacklist any variants that are not supported by the browser before selecting
-          // an initial media as the playlist selectors do not consider browser support
-          _this2.excludeUnsupportedVariants_();
-
-          var selectedMedia = void 0;
-
-          if (_this2.enableLowInitialPlaylist) {
-            selectedMedia = _this2.selectInitialPlaylist();
-          }
-
-          if (!selectedMedia) {
-            selectedMedia = _this2.selectPlaylist();
-          }
-
-          _this2.initialMedia_ = selectedMedia;
-
-          _this2.masterPlaylistLoader_.media(_this2.initialMedia_);
-
-          return;
-        }
-
-        if (_this2.useCueTags_) {
-          _this2.updateAdCues_(updatedPlaylist);
-        } // TODO: Create a new event on the PlaylistLoader that signals
-        // that the segments have changed in some way and use that to
-        // update the SegmentLoader instead of doing it twice here and
-        // on `mediachange`
-
-
-        _this2.mainSegmentLoader_.playlist(updatedPlaylist, _this2.requestOptions_);
-
-        _this2.updateDuration(); // If the player isn't paused, ensure that the segment loader is running,
-        // as it is possible that it was temporarily stopped while waiting for
-        // a playlist (e.g., in case the playlist errored and we re-requested it).
-
-
-        if (!_this2.tech_.paused()) {
-          _this2.mainSegmentLoader_.load();
-
-          if (_this2.audioSegmentLoader_) {
-            _this2.audioSegmentLoader_.load();
-          }
-        }
-
-        if (!updatedPlaylist.endList) {
-          var addSeekableRange = function addSeekableRange() {
-            var seekable$$1 = _this2.seekable();
-
-            if (seekable$$1.length !== 0) {
-              _this2.mediaSource.addSeekableRange_(seekable$$1.start(0), seekable$$1.end(0));
-            }
-          };
-
-          if (_this2.duration() !== Infinity) {
-            var onDurationchange = function onDurationchange() {
-              if (_this2.duration() === Infinity) {
-                addSeekableRange();
-              } else {
-                _this2.tech_.one('durationchange', onDurationchange);
-              }
-            };
-
-            _this2.tech_.one('durationchange', onDurationchange);
-          } else {
-            addSeekableRange();
-          }
-        }
-      });
-      this.masterPlaylistLoader_.on('error', function () {
-        _this2.blacklistCurrentPlaylist(_this2.masterPlaylistLoader_.error);
-      });
-      this.masterPlaylistLoader_.on('mediachanging', function () {
-        _this2.mainSegmentLoader_.abort();
-
-        _this2.mainSegmentLoader_.pause();
-      });
-      this.masterPlaylistLoader_.on('mediachange', function () {
-        var media = _this2.masterPlaylistLoader_.media();
-
-        var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
-        // timeout the request.
-
-        if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
-          _this2.requestOptions_.timeout = 0;
-        } else {
-          _this2.requestOptions_.timeout = requestTimeout;
-        } // TODO: Create a new event on the PlaylistLoader that signals
-        // that the segments have changed in some way and use that to
-        // update the SegmentLoader instead of doing it twice here and
-        // on `loadedplaylist`
-
-
-        _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
-
-        _this2.mainSegmentLoader_.load();
-
-        _this2.tech_.trigger({
-          type: 'mediachange',
-          bubbles: true
-        });
-      });
-      this.masterPlaylistLoader_.on('playlistunchanged', function () {
-        var updatedPlaylist = _this2.masterPlaylistLoader_.media();
-
-        var playlistOutdated = _this2.stuckAtPlaylistEnd_(updatedPlaylist);
-
-        if (playlistOutdated) {
-          // Playlist has stopped updating and we're stuck at its end. Try to
-          // blacklist it and switch to another playlist in the hope that that
-          // one is updating (and give the player a chance to re-adjust to the
-          // safe live point).
-          _this2.blacklistCurrentPlaylist({
-            message: 'Playlist no longer updating.'
-          }); // useful for monitoring QoS
-
-
-          _this2.tech_.trigger('playliststuck');
-        }
-      });
-      this.masterPlaylistLoader_.on('renditiondisabled', function () {
-        _this2.tech_.trigger({
-          type: 'usage',
-          name: 'hls-rendition-disabled'
-        });
-      });
-      this.masterPlaylistLoader_.on('renditionenabled', function () {
-        _this2.tech_.trigger({
-          type: 'usage',
-          name: 'hls-rendition-enabled'
-        });
-      });
-    }
-    /**
-     * A helper function for triggerring presence usage events once per source
-     *
-     * @private
-     */
-
-  }, {
-    key: 'triggerPresenceUsage_',
-    value: function triggerPresenceUsage_(master, media) {
-      var mediaGroups = master.mediaGroups || {};
-      var defaultDemuxed = true;
-      var audioGroupKeys = Object.keys(mediaGroups.AUDIO);
-
-      for (var mediaGroup in mediaGroups.AUDIO) {
-        for (var label in mediaGroups.AUDIO[mediaGroup]) {
-          var properties = mediaGroups.AUDIO[mediaGroup][label];
-
-          if (!properties.uri) {
-            defaultDemuxed = false;
-          }
-        }
-      }
-
-      if (defaultDemuxed) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-demuxed'
-        });
-      }
-
-      if (Object.keys(mediaGroups.SUBTITLES).length) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-webvtt'
-        });
-      }
-
-      if (Hls.Playlist.isAes(media)) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-aes'
-        });
-      }
-
-      if (Hls.Playlist.isFmp4(media)) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-fmp4'
-        });
-      }
-
-      if (audioGroupKeys.length && Object.keys(mediaGroups.AUDIO[audioGroupKeys[0]]).length > 1) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-alternate-audio'
-        });
-      }
-
-      if (this.useCueTags_) {
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-playlist-cue-tags'
-        });
-      }
-    }
-    /**
-     * Register event handlers on the segment loaders. A helper function
-     * for construction time.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'setupSegmentLoaderListeners_',
-    value: function setupSegmentLoaderListeners_() {
-      var _this3 = this;
-
-      this.mainSegmentLoader_.on('bandwidthupdate', function () {
-        var nextPlaylist = _this3.selectPlaylist();
-
-        var currentPlaylist = _this3.masterPlaylistLoader_.media();
-
-        var buffered = _this3.tech_.buffered();
-
-        var forwardBuffer = buffered.length ? buffered.end(buffered.length - 1) - _this3.tech_.currentTime() : 0;
-
-        var bufferLowWaterLine = _this3.bufferLowWaterLine(); // If the playlist is live, then we want to not take low water line into account.
-        // This is because in LIVE, the player plays 3 segments from the end of the
-        // playlist, and if `BUFFER_LOW_WATER_LINE` is greater than the duration availble
-        // in those segments, a viewer will never experience a rendition upswitch.
-
-
-        if (!currentPlaylist.endList || // For the same reason as LIVE, we ignore the low water line when the VOD
-        // duration is below the max potential low water line
-        _this3.duration() < Config.MAX_BUFFER_LOW_WATER_LINE || // we want to switch down to lower resolutions quickly to continue playback, but
-        nextPlaylist.attributes.BANDWIDTH < currentPlaylist.attributes.BANDWIDTH || // ensure we have some buffer before we switch up to prevent us running out of
-        // buffer while loading a higher rendition.
-        forwardBuffer >= bufferLowWaterLine) {
-          _this3.masterPlaylistLoader_.media(nextPlaylist);
-        }
-
-        _this3.tech_.trigger('bandwidthupdate');
-      });
-      this.mainSegmentLoader_.on('progress', function () {
-        _this3.trigger('progress');
-      });
-      this.mainSegmentLoader_.on('error', function () {
-        _this3.blacklistCurrentPlaylist(_this3.mainSegmentLoader_.error());
-      });
-      this.mainSegmentLoader_.on('syncinfoupdate', function () {
-        _this3.onSyncInfoUpdate_();
-      });
-      this.mainSegmentLoader_.on('timestampoffset', function () {
-        _this3.tech_.trigger({
-          type: 'usage',
-          name: 'hls-timestamp-offset'
-        });
-      });
-      this.audioSegmentLoader_.on('syncinfoupdate', function () {
-        _this3.onSyncInfoUpdate_();
-      });
-      this.mainSegmentLoader_.on('ended', function () {
-        _this3.onEndOfStream();
-      });
-      this.mainSegmentLoader_.on('earlyabort', function () {
-        _this3.blacklistCurrentPlaylist({
-          message: 'Aborted early because there isn\'t enough bandwidth to complete the ' + 'request without rebuffering.'
-        }, ABORT_EARLY_BLACKLIST_SECONDS);
-      });
-      this.mainSegmentLoader_.on('reseteverything', function () {
-        // If playing an MTS stream, a videojs.MediaSource is listening for
-        // hls-reset to reset caption parsing state in the transmuxer
-        _this3.tech_.trigger('hls-reset');
-      });
-      this.mainSegmentLoader_.on('segmenttimemapping', function (event) {
-        // If playing an MTS stream in html, a videojs.MediaSource is listening for
-        // hls-segment-time-mapping update its internal mapping of stream to display time
-        _this3.tech_.trigger({
-          type: 'hls-segment-time-mapping',
-          mapping: event.mapping
-        });
-      });
-      this.audioSegmentLoader_.on('ended', function () {
-        _this3.onEndOfStream();
-      });
-    }
-  }, {
-    key: 'mediaSecondsLoaded_',
-    value: function mediaSecondsLoaded_() {
-      return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded + this.mainSegmentLoader_.mediaSecondsLoaded);
-    }
-    /**
-     * Call load on our SegmentLoaders
-     */
-
-  }, {
-    key: 'load',
-    value: function load() {
-      this.mainSegmentLoader_.load();
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        this.audioSegmentLoader_.load();
-      }
-
-      if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-        this.subtitleSegmentLoader_.load();
-      }
-    }
-    /**
-     * Re-tune playback quality level for the current player
-     * conditions without performing destructive actions, like
-     * removing already buffered content
-     *
-     * @private
-     */
-
-  }, {
-    key: 'smoothQualityChange_',
-    value: function smoothQualityChange_() {
-      var media = this.selectPlaylist();
-
-      if (media !== this.masterPlaylistLoader_.media()) {
-        this.masterPlaylistLoader_.media(media);
-        this.mainSegmentLoader_.resetLoader(); // don't need to reset audio as it is reset when media changes
-      }
-    }
-    /**
-     * Re-tune playback quality level for the current player
-     * conditions. This method will perform destructive actions like removing
-     * already buffered content in order to readjust the currently active
-     * playlist quickly. This is good for manual quality changes
-     *
-     * @private
-     */
-
-  }, {
-    key: 'fastQualityChange_',
-    value: function fastQualityChange_() {
-      var _this4 = this;
-
-      var media = this.selectPlaylist();
-
-      if (media === this.masterPlaylistLoader_.media()) {
-        return;
-      }
-
-      this.masterPlaylistLoader_.media(media); // Delete all buffered data to allow an immediate quality switch, then seek to give
-      // the browser a kick to remove any cached frames from the previous rendtion (.04 seconds
-      // ahead is roughly the minimum that will accomplish this across a variety of content
-      // in IE and Edge, but seeking in place is sufficient on all other browsers)
-      // Edge/IE bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14600375/
-      // Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=651904
-
-      this.mainSegmentLoader_.resetEverything(function () {
-        // Since this is not a typical seek, we avoid the seekTo method which can cause segments
-        // from the previously enabled rendition to load before the new playlist has finished loading
-        if (videojs$1.browser.IE_VERSION || videojs$1.browser.IS_EDGE) {
-          _this4.tech_.setCurrentTime(_this4.tech_.currentTime() + 0.04);
-        } else {
-          _this4.tech_.setCurrentTime(_this4.tech_.currentTime());
-        }
-      }); // don't need to reset audio as it is reset when media changes
-    }
-    /**
-     * Begin playback.
-     */
-
-  }, {
-    key: 'play',
-    value: function play() {
-      if (this.setupFirstPlay()) {
-        return;
-      }
-
-      if (this.tech_.ended()) {
-        this.seekTo_(0);
-      }
-
-      if (this.hasPlayed_()) {
-        this.load();
-      }
-
-      var seekable$$1 = this.tech_.seekable(); // if the viewer has paused and we fell out of the live window,
-      // seek forward to the live point
-
-      if (this.tech_.duration() === Infinity) {
-        if (this.tech_.currentTime() < seekable$$1.start(0)) {
-          return this.seekTo_(seekable$$1.end(seekable$$1.length - 1));
-        }
-      }
-    }
-    /**
-     * Seek to the latest media position if this is a live video and the
-     * player and video are loaded and initialized.
-     */
-
-  }, {
-    key: 'setupFirstPlay',
-    value: function setupFirstPlay() {
-      var _this5 = this;
-
-      var media = this.masterPlaylistLoader_.media(); // Check that everything is ready to begin buffering for the first call to play
-      //  If 1) there is no active media
-      //     2) the player is paused
-      //     3) the first play has already been setup
-      // then exit early
-
-      if (!media || this.tech_.paused() || this.hasPlayed_()) {
-        return false;
-      } // when the video is a live stream
-
-
-      if (!media.endList) {
-        var seekable$$1 = this.seekable();
-
-        if (!seekable$$1.length) {
-          // without a seekable range, the player cannot seek to begin buffering at the live
-          // point
-          return false;
-        }
-
-        if (videojs$1.browser.IE_VERSION && this.tech_.readyState() === 0) {
-          // IE11 throws an InvalidStateError if you try to set currentTime while the
-          // readyState is 0, so it must be delayed until the tech fires loadedmetadata.
-          this.tech_.one('loadedmetadata', function () {
-            _this5.trigger('firstplay');
-
-            _this5.seekTo_(seekable$$1.end(0));
-
-            _this5.hasPlayed_ = function () {
-              return true;
-            };
-          });
-          return false;
-        } // trigger firstplay to inform the source handler to ignore the next seek event
-
-
-        this.trigger('firstplay'); // seek to the live point
-
-        this.seekTo_(seekable$$1.end(0));
-      }
-
-      this.hasPlayed_ = function () {
-        return true;
-      }; // we can begin loading now that everything is ready
-
-
-      this.load();
-      return true;
-    }
-    /**
-     * handle the sourceopen event on the MediaSource
-     *
-     * @private
-     */
-
-  }, {
-    key: 'handleSourceOpen_',
-    value: function handleSourceOpen_() {
-      // Only attempt to create the source buffer if none already exist.
-      // handleSourceOpen is also called when we are "re-opening" a source buffer
-      // after `endOfStream` has been called (in response to a seek for instance)
-      try {
-        this.setupSourceBuffers_();
-      } catch (e) {
-        videojs$1.log.warn('Failed to create Source Buffers', e);
-        return this.mediaSource.endOfStream('decode');
-      } // if autoplay is enabled, begin playback. This is duplicative of
-      // code in video.js but is required because play() must be invoked
-      // *after* the media source has opened.
-
-
-      if (this.tech_.autoplay()) {
-        var playPromise = this.tech_.play(); // Catch/silence error when a pause interrupts a play request
-        // on browsers which return a promise
-
-        if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-          playPromise.then(null, function (e) {});
-        }
-      }
-
-      this.trigger('sourceopen');
-    }
-    /**
-     * Calls endOfStream on the media source when all active stream types have called
-     * endOfStream
-     *
-     * @param {string} streamType
-     *        Stream type of the segment loader that called endOfStream
-     * @private
-     */
-
-  }, {
-    key: 'onEndOfStream',
-    value: function onEndOfStream() {
-      var isEndOfStream = this.mainSegmentLoader_.ended_;
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        // if the audio playlist loader exists, then alternate audio is active
-        if (!this.mainSegmentLoader_.startingMedia_ || this.mainSegmentLoader_.startingMedia_.containsVideo) {
-          // if we do not know if the main segment loader contains video yet or if we
-          // definitively know the main segment loader contains video, then we need to wait
-          // for both main and audio segment loaders to call endOfStream
-          isEndOfStream = isEndOfStream && this.audioSegmentLoader_.ended_;
-        } else {
-          // otherwise just rely on the audio loader
-          isEndOfStream = this.audioSegmentLoader_.ended_;
-        }
-      }
-
-      if (!isEndOfStream) {
-        return;
-      }
-
-      this.logger_('calling mediaSource.endOfStream()'); // on chrome calling endOfStream can sometimes cause an exception,
-      // even when the media source is in a valid state.
-
-      try {
-        this.mediaSource.endOfStream();
-      } catch (e) {
-        videojs$1.log.warn('Failed to call media source endOfStream', e);
-      }
-    }
-    /**
-     * Check if a playlist has stopped being updated
-     * @param {Object} playlist the media playlist object
-     * @return {boolean} whether the playlist has stopped being updated or not
-     */
-
-  }, {
-    key: 'stuckAtPlaylistEnd_',
-    value: function stuckAtPlaylistEnd_(playlist) {
-      var seekable$$1 = this.seekable();
-
-      if (!seekable$$1.length) {
-        // playlist doesn't have enough information to determine whether we are stuck
-        return false;
-      }
-
-      var expired = this.syncController_.getExpiredTime(playlist, this.mediaSource.duration);
-
-      if (expired === null) {
-        return false;
-      } // does not use the safe live end to calculate playlist end, since we
-      // don't want to say we are stuck while there is still content
-
-
-      var absolutePlaylistEnd = Hls.Playlist.playlistEnd(playlist, expired);
-      var currentTime = this.tech_.currentTime();
-      var buffered = this.tech_.buffered();
-
-      if (!buffered.length) {
-        // return true if the playhead reached the absolute end of the playlist
-        return absolutePlaylistEnd - currentTime <= SAFE_TIME_DELTA;
-      }
-
-      var bufferedEnd = buffered.end(buffered.length - 1); // return true if there is too little buffer left and buffer has reached absolute
-      // end of playlist
-
-      return bufferedEnd - currentTime <= SAFE_TIME_DELTA && absolutePlaylistEnd - bufferedEnd <= SAFE_TIME_DELTA;
-    }
-    /**
-     * Blacklists a playlist when an error occurs for a set amount of time
-     * making it unavailable for selection by the rendition selection algorithm
-     * and then forces a new playlist (rendition) selection.
-     *
-     * @param {Object=} error an optional error that may include the playlist
-     * to blacklist
-     * @param {Number=} blacklistDuration an optional number of seconds to blacklist the
-     * playlist
-     */
-
-  }, {
-    key: 'blacklistCurrentPlaylist',
-    value: function blacklistCurrentPlaylist() {
-      var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var blacklistDuration = arguments[1];
-      var currentPlaylist = void 0;
-      var nextPlaylist = void 0; // If the `error` was generated by the playlist loader, it will contain
-      // the playlist we were trying to load (but failed) and that should be
-      // blacklisted instead of the currently selected playlist which is likely
-      // out-of-date in this scenario
-
-      currentPlaylist = error.playlist || this.masterPlaylistLoader_.media();
-      blacklistDuration = blacklistDuration || error.blacklistDuration || this.blacklistDuration; // If there is no current playlist, then an error occurred while we were
-      // trying to load the master OR while we were disposing of the tech
-
-      if (!currentPlaylist) {
-        this.error = error;
-
-        try {
-          return this.mediaSource.endOfStream('network');
-        } catch (e) {
-          return this.trigger('error');
-        }
-      }
-
-      var isFinalRendition = this.masterPlaylistLoader_.master.playlists.filter(isEnabled).length === 1;
-      var playlists = this.masterPlaylistLoader_.master.playlists;
-
-      if (playlists.length === 1) {
-        // Never blacklisting this playlist because it's the only playlist
-        videojs$1.log.warn('Problem encountered with the current ' + 'HLS playlist. Trying again since it is the only playlist.');
-        this.tech_.trigger('retryplaylist');
-        return this.masterPlaylistLoader_.load(isFinalRendition);
-      }
-
-      if (isFinalRendition) {
-        // Since we're on the final non-blacklisted playlist, and we're about to blacklist
-        // it, instead of erring the player or retrying this playlist, clear out the current
-        // blacklist. This allows other playlists to be attempted in case any have been
-        // fixed.
-        videojs$1.log.warn('Removing all playlists from the blacklist because the last ' + 'rendition is about to be blacklisted.');
-        playlists.forEach(function (playlist) {
-          if (playlist.excludeUntil !== Infinity) {
-            delete playlist.excludeUntil;
-          }
-        }); // Technically we are retrying a playlist, in that we are simply retrying a previous
-        // playlist. This is needed for users relying on the retryplaylist event to catch a
-        // case where the player might be stuck and looping through "dead" playlists.
-
-        this.tech_.trigger('retryplaylist');
-      } // Blacklist this playlist
-
-
-      currentPlaylist.excludeUntil = Date.now() + blacklistDuration * 1000;
-      this.tech_.trigger('blacklistplaylist');
-      this.tech_.trigger({
-        type: 'usage',
-        name: 'hls-rendition-blacklisted'
-      }); // Select a new playlist
-
-      nextPlaylist = this.selectPlaylist();
-      videojs$1.log.warn('Problem encountered with the current HLS playlist.' + (error.message ? ' ' + error.message : '') + ' Switching to another playlist.');
-      return this.masterPlaylistLoader_.media(nextPlaylist, isFinalRendition);
-    }
-    /**
-     * Pause all segment loaders
-     */
-
-  }, {
-    key: 'pauseLoading',
-    value: function pauseLoading() {
-      this.mainSegmentLoader_.pause();
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        this.audioSegmentLoader_.pause();
-      }
-
-      if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-        this.subtitleSegmentLoader_.pause();
-      }
-    }
-    /**
-     * set the current time on all segment loaders
-     *
-     * @param {TimeRange} currentTime the current time to set
-     * @return {TimeRange} the current time
-     */
-
-  }, {
-    key: 'setCurrentTime',
-    value: function setCurrentTime(currentTime) {
-      var buffered = findRange(this.tech_.buffered(), currentTime);
-
-      if (!(this.masterPlaylistLoader_ && this.masterPlaylistLoader_.media())) {
-        // return immediately if the metadata is not ready yet
-        return 0;
-      } // it's clearly an edge-case but don't thrown an error if asked to
-      // seek within an empty playlist
-
-
-      if (!this.masterPlaylistLoader_.media().segments) {
-        return 0;
-      } // In flash playback, the segment loaders should be reset on every seek, even
-      // in buffer seeks. If the seek location is already buffered, continue buffering as
-      // usual
-      // TODO: redo this comment
-
-
-      if (buffered && buffered.length) {
-        return currentTime;
-      } // cancel outstanding requests so we begin buffering at the new
-      // location
-
-
-      this.mainSegmentLoader_.resetEverything();
-      this.mainSegmentLoader_.abort();
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        this.audioSegmentLoader_.resetEverything();
-        this.audioSegmentLoader_.abort();
-      }
-
-      if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-        this.subtitleSegmentLoader_.resetEverything();
-        this.subtitleSegmentLoader_.abort();
-      } // start segment loader loading in case they are paused
-
-
-      this.load();
-    }
-    /**
-     * get the current duration
-     *
-     * @return {TimeRange} the duration
-     */
-
-  }, {
-    key: 'duration',
-    value: function duration$$1() {
-      if (!this.masterPlaylistLoader_) {
-        return 0;
-      }
-
-      if (this.mediaSource) {
-        return this.mediaSource.duration;
-      }
-
-      return Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-    }
-    /**
-     * check the seekable range
-     *
-     * @return {TimeRange} the seekable range
-     */
-
-  }, {
-    key: 'seekable',
-    value: function seekable$$1() {
-      return this.seekable_;
-    }
-  }, {
-    key: 'onSyncInfoUpdate_',
-    value: function onSyncInfoUpdate_() {
-      var mainSeekable = void 0;
-      var audioSeekable = void 0;
-
-      if (!this.masterPlaylistLoader_) {
-        return;
-      }
-
-      var media = this.masterPlaylistLoader_.media();
-
-      if (!media) {
-        return;
-      }
-
-      var expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
-
-      if (expired === null) {
-        // not enough information to update seekable
-        return;
-      }
-
-      mainSeekable = Hls.Playlist.seekable(media, expired);
-
-      if (mainSeekable.length === 0) {
-        return;
-      }
-
-      if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-        media = this.mediaTypes_.AUDIO.activePlaylistLoader.media();
-        expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
-
-        if (expired === null) {
-          return;
-        }
-
-        audioSeekable = Hls.Playlist.seekable(media, expired);
-
-        if (audioSeekable.length === 0) {
-          return;
-        }
-      }
-
-      var oldEnd = void 0;
-      var oldStart = void 0;
-
-      if (this.seekable_ && this.seekable_.length) {
-        oldEnd = this.seekable_.end(0);
-        oldStart = this.seekable_.start(0);
-      }
-
-      if (!audioSeekable) {
-        // seekable has been calculated based on buffering video data so it
-        // can be returned directly
-        this.seekable_ = mainSeekable;
-      } else if (audioSeekable.start(0) > mainSeekable.end(0) || mainSeekable.start(0) > audioSeekable.end(0)) {
-        // seekables are pretty far off, rely on main
-        this.seekable_ = mainSeekable;
-      } else {
-        this.seekable_ = videojs$1.createTimeRanges([[audioSeekable.start(0) > mainSeekable.start(0) ? audioSeekable.start(0) : mainSeekable.start(0), audioSeekable.end(0) < mainSeekable.end(0) ? audioSeekable.end(0) : mainSeekable.end(0)]]);
-      } // seekable is the same as last time
-
-
-      if (this.seekable_ && this.seekable_.length) {
-        if (this.seekable_.end(0) === oldEnd && this.seekable_.start(0) === oldStart) {
-          return;
-        }
-      }
-
-      this.logger_('seekable updated [' + printableRange(this.seekable_) + ']');
-      this.tech_.trigger('seekablechanged');
-    }
-    /**
-     * Update the player duration
-     */
-
-  }, {
-    key: 'updateDuration',
-    value: function updateDuration() {
-      var _this6 = this;
-
-      var oldDuration = this.mediaSource.duration;
-      var newDuration = Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-      var buffered = this.tech_.buffered();
-
-      var setDuration = function setDuration() {
-        // on firefox setting the duration may sometimes cause an exception
-        // even if the media source is open and source buffers are not
-        // updating, something about the media source being in an invalid state.
-        _this6.logger_('Setting duration from ' + _this6.mediaSource.duration + ' => ' + newDuration);
-
-        try {
-          _this6.mediaSource.duration = newDuration;
-        } catch (e) {
-          videojs$1.log.warn('Failed to set media source duration', e);
-        }
-
-        _this6.tech_.trigger('durationchange');
-
-        _this6.mediaSource.removeEventListener('sourceopen', setDuration);
-      };
-
-      if (buffered.length > 0) {
-        newDuration = Math.max(newDuration, buffered.end(buffered.length - 1));
-      } // if the duration has changed, invalidate the cached value
-
-
-      if (oldDuration !== newDuration) {
-        // update the duration
-        if (this.mediaSource.readyState !== 'open') {
-          this.mediaSource.addEventListener('sourceopen', setDuration);
-        } else {
-          setDuration();
-        }
-      }
-    }
-    /**
-     * dispose of the MasterPlaylistController and everything
-     * that it controls
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      var _this7 = this;
-
-      this.decrypter_.terminate();
-      this.masterPlaylistLoader_.dispose();
-      this.mainSegmentLoader_.dispose();
-      ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-        var groups = _this7.mediaTypes_[type].groups;
-
-        for (var id in groups) {
-          groups[id].forEach(function (group) {
-            if (group.playlistLoader) {
-              group.playlistLoader.dispose();
-            }
-          });
-        }
-      });
-      this.audioSegmentLoader_.dispose();
-      this.subtitleSegmentLoader_.dispose();
-    }
-    /**
-     * return the master playlist object if we have one
-     *
-     * @return {Object} the master playlist object that we parsed
-     */
-
-  }, {
-    key: 'master',
-    value: function master() {
-      return this.masterPlaylistLoader_.master;
-    }
-    /**
-     * return the currently selected playlist
-     *
-     * @return {Object} the currently selected playlist object that we parsed
-     */
-
-  }, {
-    key: 'media',
-    value: function media() {
-      // playlist loader will not return media if it has not been fully loaded
-      return this.masterPlaylistLoader_.media() || this.initialMedia_;
-    }
-    /**
-     * setup our internal source buffers on our segment Loaders
-     *
-     * @private
-     */
-
-  }, {
-    key: 'setupSourceBuffers_',
-    value: function setupSourceBuffers_() {
-      var media = this.masterPlaylistLoader_.media();
-      var mimeTypes = void 0; // wait until a media playlist is available and the Media Source is
-      // attached
-
-      if (!media || this.mediaSource.readyState !== 'open') {
-        return;
-      }
-
-      mimeTypes = mimeTypesForPlaylist(this.masterPlaylistLoader_.master, media);
-
-      if (mimeTypes.length < 1) {
-        this.error = 'No compatible SourceBuffer configuration for the variant stream:' + media.resolvedUri;
-        return this.mediaSource.endOfStream('decode');
-      }
-
-      this.configureLoaderMimeTypes_(mimeTypes); // exclude any incompatible variant streams from future playlist
-      // selection
-
-      this.excludeIncompatibleVariants_(media);
-    }
-  }, {
-    key: 'configureLoaderMimeTypes_',
-    value: function configureLoaderMimeTypes_(mimeTypes) {
-      // If the content is demuxed, we can't start appending segments to a source buffer
-      // until both source buffers are set up, or else the browser may not let us add the
-      // second source buffer (it will assume we are playing either audio only or video
-      // only).
-      var sourceBufferEmitter = // If there is more than one mime type
-      mimeTypes.length > 1 && // and the first mime type does not have muxed video and audio
-      mimeTypes[0].indexOf(',') === -1 && // and the two mime types are different (they can be the same in the case of audio
-      // only with alternate audio)
-      mimeTypes[0] !== mimeTypes[1] ? // then we want to wait on the second source buffer
-      new videojs$1.EventTarget() : // otherwise there is no need to wait as the content is either audio only,
-      // video only, or muxed content.
-      null;
-      this.mainSegmentLoader_.mimeType(mimeTypes[0], sourceBufferEmitter);
-
-      if (mimeTypes[1]) {
-        this.audioSegmentLoader_.mimeType(mimeTypes[1], sourceBufferEmitter);
-      }
-    }
-    /**
-     * Blacklists playlists with codecs that are unsupported by the browser.
-     */
-
-  }, {
-    key: 'excludeUnsupportedVariants_',
-    value: function excludeUnsupportedVariants_() {
-      this.master().playlists.forEach(function (variant) {
-        if (variant.attributes.CODECS && window$1.MediaSource && window$1.MediaSource.isTypeSupported && !window$1.MediaSource.isTypeSupported('video/mp4; codecs="' + mapLegacyAvcCodecs(variant.attributes.CODECS) + '"')) {
-          variant.excludeUntil = Infinity;
-        }
-      });
-    }
-    /**
-     * Blacklist playlists that are known to be codec or
-     * stream-incompatible with the SourceBuffer configuration. For
-     * instance, Media Source Extensions would cause the video element to
-     * stall waiting for video data if you switched from a variant with
-     * video and audio to an audio-only one.
-     *
-     * @param {Object} media a media playlist compatible with the current
-     * set of SourceBuffers. Variants in the current master playlist that
-     * do not appear to have compatible codec or stream configurations
-     * will be excluded from the default playlist selection algorithm
-     * indefinitely.
-     * @private
-     */
-
-  }, {
-    key: 'excludeIncompatibleVariants_',
-    value: function excludeIncompatibleVariants_(media) {
-      var codecCount = 2;
-      var videoCodec = null;
-      var codecs = void 0;
-
-      if (media.attributes.CODECS) {
-        codecs = parseCodecs(media.attributes.CODECS);
-        videoCodec = codecs.videoCodec;
-        codecCount = codecs.codecCount;
-      }
-
-      this.master().playlists.forEach(function (variant) {
-        var variantCodecs = {
-          codecCount: 2,
-          videoCodec: null
-        };
-
-        if (variant.attributes.CODECS) {
-          variantCodecs = parseCodecs(variant.attributes.CODECS);
-        } // if the streams differ in the presence or absence of audio or
-        // video, they are incompatible
-
-
-        if (variantCodecs.codecCount !== codecCount) {
-          variant.excludeUntil = Infinity;
-        } // if h.264 is specified on the current playlist, some flavor of
-        // it must be specified on all compatible variants
-
-
-        if (variantCodecs.videoCodec !== videoCodec) {
-          variant.excludeUntil = Infinity;
-        }
-      });
-    }
-  }, {
-    key: 'updateAdCues_',
-    value: function updateAdCues_(media) {
-      var offset = 0;
-      var seekable$$1 = this.seekable();
-
-      if (seekable$$1.length) {
-        offset = seekable$$1.start(0);
-      }
-
-      updateAdCues(media, this.cueTagsTrack_, offset);
-    }
-    /**
-     * Calculates the desired forward buffer length based on current time
-     *
-     * @return {Number} Desired forward buffer length in seconds
-     */
-
-  }, {
-    key: 'goalBufferLength',
-    value: function goalBufferLength() {
-      var currentTime = this.tech_.currentTime();
-      var initial = Config.GOAL_BUFFER_LENGTH;
-      var rate = Config.GOAL_BUFFER_LENGTH_RATE;
-      var max = Math.max(initial, Config.MAX_GOAL_BUFFER_LENGTH);
-      return Math.min(initial + currentTime * rate, max);
-    }
-    /**
-     * Calculates the desired buffer low water line based on current time
-     *
-     * @return {Number} Desired buffer low water line in seconds
-     */
-
-  }, {
-    key: 'bufferLowWaterLine',
-    value: function bufferLowWaterLine() {
-      var currentTime = this.tech_.currentTime();
-      var initial = Config.BUFFER_LOW_WATER_LINE;
-      var rate = Config.BUFFER_LOW_WATER_LINE_RATE;
-      var max = Math.max(initial, Config.MAX_BUFFER_LOW_WATER_LINE);
-      return Math.min(initial + currentTime * rate, max);
-    }
-  }]);
-  return MasterPlaylistController;
-}(videojs$1.EventTarget);
-/**
- * Returns a function that acts as the Enable/disable playlist function.
- *
- * @param {PlaylistLoader} loader - The master playlist loader
- * @param {String} playlistUri - uri of the playlist
- * @param {Function} changePlaylistFn - A function to be called after a
- * playlist's enabled-state has been changed. Will NOT be called if a
- * playlist's enabled-state is unchanged
- * @param {Boolean=} enable - Value to set the playlist enabled-state to
- * or if undefined returns the current enabled-state for the playlist
- * @return {Function} Function for setting/getting enabled
- */
-
-
-var enableFunction = function enableFunction(loader, playlistUri, changePlaylistFn) {
-  return function (enable) {
-    var playlist = loader.master.playlists[playlistUri];
-    var incompatible = isIncompatible(playlist);
-    var currentlyEnabled = isEnabled(playlist);
-
-    if (typeof enable === 'undefined') {
-      return currentlyEnabled;
-    }
-
-    if (enable) {
-      delete playlist.disabled;
-    } else {
-      playlist.disabled = true;
-    }
-
-    if (enable !== currentlyEnabled && !incompatible) {
-      // Ensure the outside world knows about our changes
-      changePlaylistFn();
-
-      if (enable) {
-        loader.trigger('renditionenabled');
-      } else {
-        loader.trigger('renditiondisabled');
-      }
-    }
-
-    return enable;
-  };
-};
-/**
- * The representation object encapsulates the publicly visible information
- * in a media playlist along with a setter/getter-type function (enabled)
- * for changing the enabled-state of a particular playlist entry
- *
- * @class Representation
- */
-
-
-var Representation = function Representation(hlsHandler, playlist, id) {
-  classCallCheck(this, Representation);
-  var mpc = hlsHandler.masterPlaylistController_,
-      smoothQualityChange = hlsHandler.options_.smoothQualityChange; // Get a reference to a bound version of the quality change function
-
-  var changeType = smoothQualityChange ? 'smooth' : 'fast';
-  var qualityChangeFunction = mpc[changeType + 'QualityChange_'].bind(mpc); // some playlist attributes are optional
-
-  if (playlist.attributes.RESOLUTION) {
-    var resolution = playlist.attributes.RESOLUTION;
-    this.width = resolution.width;
-    this.height = resolution.height;
-  }
-
-  this.bandwidth = playlist.attributes.BANDWIDTH; // The id is simply the ordinality of the media playlist
-  // within the master playlist
-
-  this.id = id; // Partially-apply the enableFunction to create a playlist-
-  // specific variant
-
-  this.enabled = enableFunction(hlsHandler.playlists, playlist.uri, qualityChangeFunction);
-};
-/**
- * A mixin function that adds the `representations` api to an instance
- * of the HlsHandler class
- * @param {HlsHandler} hlsHandler - An instance of HlsHandler to add the
- * representation API into
- */
-
-
-var renditionSelectionMixin = function renditionSelectionMixin(hlsHandler) {
-  var playlists = hlsHandler.playlists; // Add a single API-specific function to the HlsHandler instance
-
-  hlsHandler.representations = function () {
-    return playlists.master.playlists.filter(function (media) {
-      return !isIncompatible(media);
-    }).map(function (e, i) {
-      return new Representation(hlsHandler, e, e.uri);
-    });
-  };
-};
-/**
- * @file playback-watcher.js
- *
- * Playback starts, and now my watch begins. It shall not end until my death. I shall
- * take no wait, hold no uncleared timeouts, father no bad seeks. I shall wear no crowns
- * and win no glory. I shall live and die at my post. I am the corrector of the underflow.
- * I am the watcher of gaps. I am the shield that guards the realms of seekable. I pledge
- * my life and honor to the Playback Watch, for this Player and all the Players to come.
- */
-// Set of events that reset the playback-watcher time check logic and clear the timeout
-
-
-var timerCancelEvents = ['seeking', 'seeked', 'pause', 'playing', 'error'];
-/**
- * @class PlaybackWatcher
- */
-
-var PlaybackWatcher = function () {
-  /**
-   * Represents an PlaybackWatcher object.
-   * @constructor
-   * @param {object} options an object that includes the tech and settings
-   */
-  function PlaybackWatcher(options) {
-    var _this = this;
-
-    classCallCheck(this, PlaybackWatcher);
-    this.tech_ = options.tech;
-    this.seekable = options.seekable;
-    this.seekTo = options.seekTo;
-    this.allowSeeksWithinUnsafeLiveWindow = options.allowSeeksWithinUnsafeLiveWindow;
-    this.media = options.media;
-    this.consecutiveUpdates = 0;
-    this.lastRecordedTime = null;
-    this.timer_ = null;
-    this.checkCurrentTimeTimeout_ = null;
-    this.logger_ = logger('PlaybackWatcher');
-    this.logger_('initialize');
-
-    var canPlayHandler = function canPlayHandler() {
-      return _this.monitorCurrentTime_();
-    };
-
-    var waitingHandler = function waitingHandler() {
-      return _this.techWaiting_();
-    };
-
-    var cancelTimerHandler = function cancelTimerHandler() {
-      return _this.cancelTimer_();
-    };
-
-    var fixesBadSeeksHandler = function fixesBadSeeksHandler() {
-      return _this.fixesBadSeeks_();
-    };
-
-    this.tech_.on('seekablechanged', fixesBadSeeksHandler);
-    this.tech_.on('waiting', waitingHandler);
-    this.tech_.on(timerCancelEvents, cancelTimerHandler);
-    this.tech_.on('canplay', canPlayHandler); // Define the dispose function to clean up our events
-
-    this.dispose = function () {
-      _this.logger_('dispose');
-
-      _this.tech_.off('seekablechanged', fixesBadSeeksHandler);
-
-      _this.tech_.off('waiting', waitingHandler);
-
-      _this.tech_.off(timerCancelEvents, cancelTimerHandler);
-
-      _this.tech_.off('canplay', canPlayHandler);
-
-      if (_this.checkCurrentTimeTimeout_) {
-        window$1.clearTimeout(_this.checkCurrentTimeTimeout_);
-      }
-
-      _this.cancelTimer_();
-    };
-  }
-  /**
-   * Periodically check current time to see if playback stopped
-   *
-   * @private
-   */
-
-
-  createClass(PlaybackWatcher, [{
-    key: 'monitorCurrentTime_',
-    value: function monitorCurrentTime_() {
-      this.checkCurrentTime_();
-
-      if (this.checkCurrentTimeTimeout_) {
-        window$1.clearTimeout(this.checkCurrentTimeTimeout_);
-      } // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-
-
-      this.checkCurrentTimeTimeout_ = window$1.setTimeout(this.monitorCurrentTime_.bind(this), 250);
-    }
-    /**
-     * The purpose of this function is to emulate the "waiting" event on
-     * browsers that do not emit it when they are waiting for more
-     * data to continue playback
-     *
-     * @private
-     */
-
-  }, {
-    key: 'checkCurrentTime_',
-    value: function checkCurrentTime_() {
-      if (this.tech_.seeking() && this.fixesBadSeeks_()) {
-        this.consecutiveUpdates = 0;
-        this.lastRecordedTime = this.tech_.currentTime();
-        return;
-      }
-
-      if (this.tech_.paused() || this.tech_.seeking()) {
-        return;
-      }
-
-      var currentTime = this.tech_.currentTime();
-      var buffered = this.tech_.buffered();
-
-      if (this.lastRecordedTime === currentTime && (!buffered.length || currentTime + SAFE_TIME_DELTA >= buffered.end(buffered.length - 1))) {
-        // If current time is at the end of the final buffered region, then any playback
-        // stall is most likely caused by buffering in a low bandwidth environment. The tech
-        // should fire a `waiting` event in this scenario, but due to browser and tech
-        // inconsistencies. Calling `techWaiting_` here allows us to simulate
-        // responding to a native `waiting` event when the tech fails to emit one.
-        return this.techWaiting_();
-      }
-
-      if (this.consecutiveUpdates >= 5 && currentTime === this.lastRecordedTime) {
-        this.consecutiveUpdates++;
-        this.waiting_();
-      } else if (currentTime === this.lastRecordedTime) {
-        this.consecutiveUpdates++;
-      } else {
-        this.consecutiveUpdates = 0;
-        this.lastRecordedTime = currentTime;
-      }
-    }
-    /**
-     * Cancels any pending timers and resets the 'timeupdate' mechanism
-     * designed to detect that we are stalled
-     *
-     * @private
-     */
-
-  }, {
-    key: 'cancelTimer_',
-    value: function cancelTimer_() {
-      this.consecutiveUpdates = 0;
-
-      if (this.timer_) {
-        this.logger_('cancelTimer_');
-        clearTimeout(this.timer_);
-      }
-
-      this.timer_ = null;
-    }
-    /**
-     * Fixes situations where there's a bad seek
-     *
-     * @return {Boolean} whether an action was taken to fix the seek
-     * @private
-     */
-
-  }, {
-    key: 'fixesBadSeeks_',
-    value: function fixesBadSeeks_() {
-      var seeking = this.tech_.seeking();
-
-      if (!seeking) {
-        return false;
-      }
-
-      var seekable = this.seekable();
-      var currentTime = this.tech_.currentTime();
-      var isAfterSeekableRange = this.afterSeekableWindow_(seekable, currentTime, this.media(), this.allowSeeksWithinUnsafeLiveWindow);
-      var seekTo = void 0;
-
-      if (isAfterSeekableRange) {
-        var seekableEnd = seekable.end(seekable.length - 1); // sync to live point (if VOD, our seekable was updated and we're simply adjusting)
-
-        seekTo = seekableEnd;
-      }
-
-      if (this.beforeSeekableWindow_(seekable, currentTime)) {
-        var seekableStart = seekable.start(0); // sync to the beginning of the live window
-        // provide a buffer of .1 seconds to handle rounding/imprecise numbers
-
-        seekTo = seekableStart + SAFE_TIME_DELTA;
-      }
-
-      if (typeof seekTo !== 'undefined') {
-        this.logger_('Trying to seek outside of seekable at time ' + currentTime + ' with ' + ('seekable range ' + printableRange(seekable) + '. Seeking to ') + (seekTo + '.'));
-        this.seekTo(seekTo);
-        return true;
-      }
-
-      return false;
-    }
-    /**
-     * Handler for situations when we determine the player is waiting.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'waiting_',
-    value: function waiting_() {
-      if (this.techWaiting_()) {
-        return;
-      } // All tech waiting checks failed. Use last resort correction
-
-
-      var currentTime = this.tech_.currentTime();
-      var buffered = this.tech_.buffered();
-      var currentRange = findRange(buffered, currentTime); // Sometimes the player can stall for unknown reasons within a contiguous buffered
-      // region with no indication that anything is amiss (seen in Firefox). Seeking to
-      // currentTime is usually enough to kickstart the player. This checks that the player
-      // is currently within a buffered region before attempting a corrective seek.
-      // Chrome does not appear to continue `timeupdate` events after a `waiting` event
-      // until there is ~ 3 seconds of forward buffer available. PlaybackWatcher should also
-      // make sure there is ~3 seconds of forward buffer before taking any corrective action
-      // to avoid triggering an `unknownwaiting` event when the network is slow.
-
-      if (currentRange.length && currentTime + 3 <= currentRange.end(0)) {
-        this.cancelTimer_();
-        this.seekTo(currentTime);
-        this.logger_('Stopped at ' + currentTime + ' while inside a buffered region ' + ('[' + currentRange.start(0) + ' -> ' + currentRange.end(0) + ']. Attempting to resume ') + 'playback by seeking to the current time.'); // unknown waiting corrections may be useful for monitoring QoS
-
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-unknown-waiting'
-        });
-        return;
-      }
-    }
-    /**
-     * Handler for situations when the tech fires a `waiting` event
-     *
-     * @return {Boolean}
-     *         True if an action (or none) was needed to correct the waiting. False if no
-     *         checks passed
-     * @private
-     */
-
-  }, {
-    key: 'techWaiting_',
-    value: function techWaiting_() {
-      var seekable = this.seekable();
-      var currentTime = this.tech_.currentTime();
-
-      if (this.tech_.seeking() && this.fixesBadSeeks_()) {
-        // Tech is seeking or bad seek fixed, no action needed
-        return true;
-      }
-
-      if (this.tech_.seeking() || this.timer_ !== null) {
-        // Tech is seeking or already waiting on another action, no action needed
-        return true;
-      }
-
-      if (this.beforeSeekableWindow_(seekable, currentTime)) {
-        var livePoint = seekable.end(seekable.length - 1);
-        this.logger_('Fell out of live window at time ' + currentTime + '. Seeking to ' + ('live point (seekable end) ' + livePoint));
-        this.cancelTimer_();
-        this.seekTo(livePoint); // live window resyncs may be useful for monitoring QoS
-
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-live-resync'
-        });
-        return true;
-      }
-
-      var buffered = this.tech_.buffered();
-      var nextRange = findNextRange(buffered, currentTime);
-
-      if (this.videoUnderflow_(nextRange, buffered, currentTime)) {
-        // Even though the video underflowed and was stuck in a gap, the audio overplayed
-        // the gap, leading currentTime into a buffered range. Seeking to currentTime
-        // allows the video to catch up to the audio position without losing any audio
-        // (only suffering ~3 seconds of frozen video and a pause in audio playback).
-        this.cancelTimer_();
-        this.seekTo(currentTime); // video underflow may be useful for monitoring QoS
-
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-video-underflow'
-        });
-        return true;
-      } // check for gap
-
-
-      if (nextRange.length > 0) {
-        var difference = nextRange.start(0) - currentTime;
-        this.logger_('Stopped at ' + currentTime + ', setting timer for ' + difference + ', seeking ' + ('to ' + nextRange.start(0)));
-        this.timer_ = setTimeout(this.skipTheGap_.bind(this), difference * 1000, currentTime);
-        return true;
-      } // All checks failed. Returning false to indicate failure to correct waiting
-
-
-      return false;
-    }
-  }, {
-    key: 'afterSeekableWindow_',
-    value: function afterSeekableWindow_(seekable, currentTime, playlist) {
-      var allowSeeksWithinUnsafeLiveWindow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
-      if (!seekable.length) {
-        // we can't make a solid case if there's no seekable, default to false
-        return false;
-      }
-
-      var allowedEnd = seekable.end(seekable.length - 1) + SAFE_TIME_DELTA;
-      var isLive = !playlist.endList;
-
-      if (isLive && allowSeeksWithinUnsafeLiveWindow) {
-        allowedEnd = seekable.end(seekable.length - 1) + playlist.targetDuration * 3;
-      }
-
-      if (currentTime > allowedEnd) {
-        return true;
-      }
-
-      return false;
-    }
-  }, {
-    key: 'beforeSeekableWindow_',
-    value: function beforeSeekableWindow_(seekable, currentTime) {
-      if (seekable.length && // can't fall before 0 and 0 seekable start identifies VOD stream
-      seekable.start(0) > 0 && currentTime < seekable.start(0) - SAFE_TIME_DELTA) {
-        return true;
-      }
-
-      return false;
-    }
-  }, {
-    key: 'videoUnderflow_',
-    value: function videoUnderflow_(nextRange, buffered, currentTime) {
-      if (nextRange.length === 0) {
-        // Even if there is no available next range, there is still a possibility we are
-        // stuck in a gap due to video underflow.
-        var gap = this.gapFromVideoUnderflow_(buffered, currentTime);
-
-        if (gap) {
-          this.logger_('Encountered a gap in video from ' + gap.start + ' to ' + gap.end + '. ' + ('Seeking to current time ' + currentTime));
-          return true;
-        }
-      }
-
-      return false;
-    }
-    /**
-     * Timer callback. If playback still has not proceeded, then we seek
-     * to the start of the next buffered region.
-     *
-     * @private
-     */
-
-  }, {
-    key: 'skipTheGap_',
-    value: function skipTheGap_(scheduledCurrentTime) {
-      var buffered = this.tech_.buffered();
-      var currentTime = this.tech_.currentTime();
-      var nextRange = findNextRange(buffered, currentTime);
-      this.cancelTimer_();
-
-      if (nextRange.length === 0 || currentTime !== scheduledCurrentTime) {
-        return;
-      }
-
-      this.logger_('skipTheGap_:', 'currentTime:', currentTime, 'scheduled currentTime:', scheduledCurrentTime, 'nextRange start:', nextRange.start(0)); // only seek if we still have not played
-
-      this.seekTo(nextRange.start(0) + TIME_FUDGE_FACTOR);
-      this.tech_.trigger({
-        type: 'usage',
-        name: 'hls-gap-skip'
-      });
-    }
-  }, {
-    key: 'gapFromVideoUnderflow_',
-    value: function gapFromVideoUnderflow_(buffered, currentTime) {
-      // At least in Chrome, if there is a gap in the video buffer, the audio will continue
-      // playing for ~3 seconds after the video gap starts. This is done to account for
-      // video buffer underflow/underrun (note that this is not done when there is audio
-      // buffer underflow/underrun -- in that case the video will stop as soon as it
-      // encounters the gap, as audio stalls are more noticeable/jarring to a user than
-      // video stalls). The player's time will reflect the playthrough of audio, so the
-      // time will appear as if we are in a buffered region, even if we are stuck in a
-      // "gap."
-      //
-      // Example:
-      // video buffer:   0 => 10.1, 10.2 => 20
-      // audio buffer:   0 => 20
-      // overall buffer: 0 => 10.1, 10.2 => 20
-      // current time: 13
-      //
-      // Chrome's video froze at 10 seconds, where the video buffer encountered the gap,
-      // however, the audio continued playing until it reached ~3 seconds past the gap
-      // (13 seconds), at which point it stops as well. Since current time is past the
-      // gap, findNextRange will return no ranges.
-      //
-      // To check for this issue, we see if there is a gap that starts somewhere within
-      // a 3 second range (3 seconds +/- 1 second) back from our current time.
-      var gaps = findGaps(buffered);
-
-      for (var i = 0; i < gaps.length; i++) {
-        var start = gaps.start(i);
-        var end = gaps.end(i); // gap is starts no more than 4 seconds back
-
-        if (currentTime - start < 4 && currentTime - start > 2) {
-          return {
-            start: start,
-            end: end
-          };
-        }
-      }
-
-      return null;
-    }
-  }]);
-  return PlaybackWatcher;
-}();
-
-var defaultOptions = {
-  errorInterval: 30,
-  getSource: function getSource(next) {
-    var tech = this.tech({
-      IWillNotUseThisInPlugins: true
-    });
-    var sourceObj = tech.currentSource_;
-    return next(sourceObj);
-  }
-};
-/**
- * Main entry point for the plugin
- *
- * @param {Player} player a reference to a videojs Player instance
- * @param {Object} [options] an object with plugin options
- * @private
- */
-
-var initPlugin = function initPlugin(player, options) {
-  var lastCalled = 0;
-  var seekTo = 0;
-  var localOptions = videojs$1.mergeOptions(defaultOptions, options);
-  player.ready(function () {
-    player.trigger({
-      type: 'usage',
-      name: 'hls-error-reload-initialized'
-    });
-  });
-  /**
-   * Player modifications to perform that must wait until `loadedmetadata`
-   * has been triggered
-   *
-   * @private
-   */
-
-  var loadedMetadataHandler = function loadedMetadataHandler() {
-    if (seekTo) {
-      player.currentTime(seekTo);
-    }
-  };
-  /**
-   * Set the source on the player element, play, and seek if necessary
-   *
-   * @param {Object} sourceObj An object specifying the source url and mime-type to play
-   * @private
-   */
-
-
-  var setSource = function setSource(sourceObj) {
-    if (sourceObj === null || sourceObj === undefined) {
-      return;
-    }
-
-    seekTo = player.duration() !== Infinity && player.currentTime() || 0;
-    player.one('loadedmetadata', loadedMetadataHandler);
-    player.src(sourceObj);
-    player.trigger({
-      type: 'usage',
-      name: 'hls-error-reload'
-    });
-    player.play();
-  };
-  /**
-   * Attempt to get a source from either the built-in getSource function
-   * or a custom function provided via the options
-   *
-   * @private
-   */
-
-
-  var errorHandler = function errorHandler() {
-    // Do not attempt to reload the source if a source-reload occurred before
-    // 'errorInterval' time has elapsed since the last source-reload
-    if (Date.now() - lastCalled < localOptions.errorInterval * 1000) {
-      player.trigger({
-        type: 'usage',
-        name: 'hls-error-reload-canceled'
-      });
-      return;
-    }
-
-    if (!localOptions.getSource || typeof localOptions.getSource !== 'function') {
-      videojs$1.log.error('ERROR: reloadSourceOnError - The option getSource must be a function!');
-      return;
-    }
-
-    lastCalled = Date.now();
-    return localOptions.getSource.call(player, setSource);
-  };
-  /**
-   * Unbind any event handlers that were bound by the plugin
-   *
-   * @private
-   */
-
-
-  var cleanupEvents = function cleanupEvents() {
-    player.off('loadedmetadata', loadedMetadataHandler);
-    player.off('error', errorHandler);
-    player.off('dispose', cleanupEvents);
-  };
-  /**
-   * Cleanup before re-initializing the plugin
-   *
-   * @param {Object} [newOptions] an object with plugin options
-   * @private
-   */
-
-
-  var reinitPlugin = function reinitPlugin(newOptions) {
-    cleanupEvents();
-    initPlugin(player, newOptions);
-  };
-
-  player.on('error', errorHandler);
-  player.on('dispose', cleanupEvents); // Overwrite the plugin function so that we can correctly cleanup before
-  // initializing the plugin
-
-  player.reloadSourceOnError = reinitPlugin;
-};
-/**
- * Reload the source when an error is detected as long as there
- * wasn't an error previously within the last 30 seconds
- *
- * @param {Object} [options] an object with plugin options
- */
-
-
-var reloadSourceOnError = function reloadSourceOnError(options) {
-  initPlugin(this, options);
-};
-
-var version$1 = "1.11.2"; // since VHS handles HLS and DASH (and in the future, more types), use * to capture all
-
-videojs$1.use('*', function (player) {
-  return {
-    setSource: function setSource(srcObj, next) {
-      // pass null as the first argument to indicate that the source is not rejected
-      next(null, srcObj);
-    },
-    // VHS needs to know when seeks happen. For external seeks (generated at the player
-    // level), this middleware will capture the action. For internal seeks (generated at
-    // the tech level), we use a wrapped function so that we can handle it on our own
-    // (specified elsewhere).
-    setCurrentTime: function setCurrentTime(time) {
-      if (player.vhs && player.currentSource().src === player.vhs.source_.src) {
-        player.vhs.setCurrentTime(time);
-      }
-
-      return time;
-    },
-    // Sync VHS after play requests.
-    // This specifically handles replay where the order of actions is
-    // play, video element will seek to 0 (skipping the setCurrentTime middleware)
-    // then triggers a play event.
-    play: function play() {
-      if (player.vhs && player.currentSource().src === player.vhs.source_.src) {
-        player.vhs.setCurrentTime(player.tech_.currentTime());
-      }
-    }
-  };
-});
-/**
- * @file videojs-http-streaming.js
- *
- * The main file for the HLS project.
- * License: https://github.com/videojs/videojs-http-streaming/blob/master/LICENSE
- */
-
-var Hls$1 = {
-  PlaylistLoader: PlaylistLoader,
-  Playlist: Playlist,
-  Decrypter: Decrypter,
-  AsyncStream: AsyncStream,
-  decrypt: decrypt,
-  utils: utils,
-  STANDARD_PLAYLIST_SELECTOR: lastBandwidthSelector,
-  INITIAL_PLAYLIST_SELECTOR: lowestBitrateCompatibleVariantSelector,
-  comparePlaylistBandwidth: comparePlaylistBandwidth,
-  comparePlaylistResolution: comparePlaylistResolution,
-  xhr: xhrFactory()
-}; // Define getter/setters for config properites
-
-['GOAL_BUFFER_LENGTH', 'MAX_GOAL_BUFFER_LENGTH', 'GOAL_BUFFER_LENGTH_RATE', 'BUFFER_LOW_WATER_LINE', 'MAX_BUFFER_LOW_WATER_LINE', 'BUFFER_LOW_WATER_LINE_RATE', 'BANDWIDTH_VARIANCE'].forEach(function (prop) {
-  Object.defineProperty(Hls$1, prop, {
-    get: function get$$1() {
-      videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-      return Config[prop];
-    },
-    set: function set$$1(value) {
-      videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-
-      if (typeof value !== 'number' || value < 0) {
-        videojs$1.log.warn('value of Hls.' + prop + ' must be greater than or equal to 0');
-        return;
-      }
-
-      Config[prop] = value;
-    }
-  });
-});
-var LOCAL_STORAGE_KEY$1 = 'videojs-vhs';
-
-var simpleTypeFromSourceType = function simpleTypeFromSourceType(type) {
-  var mpegurlRE = /^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i;
-
-  if (mpegurlRE.test(type)) {
-    return 'hls';
-  }
-
-  var dashRE = /^application\/dash\+xml/i;
-
-  if (dashRE.test(type)) {
-    return 'dash';
-  }
-
-  return null;
-};
-/**
- * Updates the selectedIndex of the QualityLevelList when a mediachange happens in hls.
- *
- * @param {QualityLevelList} qualityLevels The QualityLevelList to update.
- * @param {PlaylistLoader} playlistLoader PlaylistLoader containing the new media info.
- * @function handleHlsMediaChange
- */
-
-
-var handleHlsMediaChange = function handleHlsMediaChange(qualityLevels, playlistLoader) {
-  var newPlaylist = playlistLoader.media();
-  var selectedIndex = -1;
-
-  for (var i = 0; i < qualityLevels.length; i++) {
-    if (qualityLevels[i].id === newPlaylist.uri) {
-      selectedIndex = i;
-      break;
-    }
-  }
-
-  qualityLevels.selectedIndex_ = selectedIndex;
-  qualityLevels.trigger({
-    selectedIndex: selectedIndex,
-    type: 'change'
-  });
-};
-/**
- * Adds quality levels to list once playlist metadata is available
- *
- * @param {QualityLevelList} qualityLevels The QualityLevelList to attach events to.
- * @param {Object} hls Hls object to listen to for media events.
- * @function handleHlsLoadedMetadata
- */
-
-
-var handleHlsLoadedMetadata = function handleHlsLoadedMetadata(qualityLevels, hls) {
-  hls.representations().forEach(function (rep) {
-    qualityLevels.addQualityLevel(rep);
-  });
-  handleHlsMediaChange(qualityLevels, hls.playlists);
-}; // HLS is a source handler, not a tech. Make sure attempts to use it
-// as one do not cause exceptions.
-
-
-Hls$1.canPlaySource = function () {
-  return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-};
-
-var emeKeySystems = function emeKeySystems(keySystemOptions, mainSegmentLoader, audioSegmentLoader) {
-  if (!keySystemOptions) {
-    return keySystemOptions;
-  }
-
-  var videoMimeType = void 0;
-  var audioMimeType = void 0; // if there is a mimeType associated with the audioSegmentLoader, then the audio
-  // and video mimeType and codec strings are already in the format we need to
-  // pass with the other key systems
-
-  if (audioSegmentLoader.mimeType_) {
-    videoMimeType = mainSegmentLoader.mimeType_;
-    audioMimeType = audioSegmentLoader.mimeType_; // if there is no audioSegmentLoader mimeType, then we have to create the
-    // the audio and video mimeType/codec strings from information extrapolated
-    // from the mainSegmentLoader mimeType (ex. 'video/mp4; codecs="mp4, avc1"' -->
-    // 'video/mp4; codecs="avc1"' and 'audio/mp4; codecs="mp4"')
-  } else {
-    var parsedMimeType = parseContentType(mainSegmentLoader.mimeType_);
-    var codecs = parsedMimeType.parameters.codecs.split(',');
-    var audioCodec = void 0;
-    var videoCodec = void 0;
-    codecs.forEach(function (codec) {
-      codec = codec.trim();
-
-      if (isAudioCodec(codec)) {
-        audioCodec = codec;
-      } else if (isVideoCodec(codec)) {
-        videoCodec = codec;
-      }
-    });
-    videoMimeType = parsedMimeType.type + '; codecs="' + videoCodec + '"';
-    audioMimeType = parsedMimeType.type.replace('video', 'audio') + '; codecs="' + audioCodec + '"';
-  } // upsert the content types based on the selected playlist
-
-
-  var keySystemContentTypes = {};
-  var videoPlaylist = mainSegmentLoader.playlist_;
-
-  for (var keySystem in keySystemOptions) {
-    keySystemContentTypes[keySystem] = {
-      audioContentType: audioMimeType,
-      videoContentType: videoMimeType
-    };
-
-    if (videoPlaylist.contentProtection && videoPlaylist.contentProtection[keySystem] && videoPlaylist.contentProtection[keySystem].pssh) {
-      keySystemContentTypes[keySystem].pssh = videoPlaylist.contentProtection[keySystem].pssh;
-    } // videojs-contrib-eme accepts the option of specifying: 'com.some.cdm': 'url'
-    // so we need to prevent overwriting the URL entirely
-
-
-    if (typeof keySystemOptions[keySystem] === 'string') {
-      keySystemContentTypes[keySystem].url = keySystemOptions[keySystem];
-    }
-  }
-
-  return videojs$1.mergeOptions(keySystemOptions, keySystemContentTypes);
-};
-
-var setupEmeOptions = function setupEmeOptions(hlsHandler) {
-  var mainSegmentLoader = hlsHandler.masterPlaylistController_.mainSegmentLoader_;
-  var audioSegmentLoader = hlsHandler.masterPlaylistController_.audioSegmentLoader_;
-  var player = videojs$1.players[hlsHandler.tech_.options_.playerId];
-
-  if (player.eme) {
-    var sourceOptions = emeKeySystems(hlsHandler.source_.keySystems, mainSegmentLoader, audioSegmentLoader);
-
-    if (sourceOptions) {
-      player.currentSource().keySystems = sourceOptions; // Works around https://bugs.chromium.org/p/chromium/issues/detail?id=895449
-      // in non-IE11 browsers. In IE11 this is too early to initialize media keys
-
-      if (!(videojs$1.browser.IE_VERSION === 11) && player.eme.initializeMediaKeys) {
-        player.eme.initializeMediaKeys();
-      }
-    }
-  }
-};
-
-var getVhsLocalStorage = function getVhsLocalStorage() {
-  if (!window.localStorage) {
-    return null;
-  }
-
-  var storedObject = window.localStorage.getItem(LOCAL_STORAGE_KEY$1);
-
-  if (!storedObject) {
-    return null;
-  }
-
-  try {
-    return JSON.parse(storedObject);
-  } catch (e) {
-    // someone may have tampered with the value
-    return null;
-  }
-};
-
-var updateVhsLocalStorage = function updateVhsLocalStorage(options) {
-  if (!window.localStorage) {
-    return false;
-  }
-
-  var objectToStore = getVhsLocalStorage();
-  objectToStore = objectToStore ? videojs$1.mergeOptions(objectToStore, options) : options;
-
-  try {
-    window.localStorage.setItem(LOCAL_STORAGE_KEY$1, JSON.stringify(objectToStore));
-  } catch (e) {
-    // Throws if storage is full (e.g., always on iOS 5+ Safari private mode, where
-    // storage is set to 0).
-    // https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem#Exceptions
-    // No need to perform any operation.
-    return false;
-  }
-
-  return objectToStore;
-};
-/**
- * Whether the browser has built-in HLS support.
- */
-
-
-Hls$1.supportsNativeHls = function () {
-  var video = document.createElement('video'); // native HLS is definitely not supported if HTML5 video isn't
-
-  if (!videojs$1.getTech('Html5').isSupported()) {
-    return false;
-  } // HLS manifests can go by many mime-types
-
-
-  var canPlay = [// Apple santioned
-  'application/vnd.apple.mpegurl', // Apple sanctioned for backwards compatibility
-  'audio/mpegurl', // Very common
-  'audio/x-mpegurl', // Very common
-  'application/x-mpegurl', // Included for completeness
-  'video/x-mpegurl', 'video/mpegurl', 'application/mpegurl'];
-  return canPlay.some(function (canItPlay) {
-    return /maybe|probably/i.test(video.canPlayType(canItPlay));
-  });
-}();
-
-Hls$1.supportsNativeDash = function () {
-  if (!videojs$1.getTech('Html5').isSupported()) {
-    return false;
-  }
-
-  return /maybe|probably/i.test(document.createElement('video').canPlayType('application/dash+xml'));
-}();
-
-Hls$1.supportsTypeNatively = function (type) {
-  if (type === 'hls') {
-    return Hls$1.supportsNativeHls;
-  }
-
-  if (type === 'dash') {
-    return Hls$1.supportsNativeDash;
-  }
-
-  return false;
-};
-/**
- * HLS is a source handler, not a tech. Make sure attempts to use it
- * as one do not cause exceptions.
- */
-
-
-Hls$1.isSupported = function () {
-  return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-};
-
-var Component$1 = videojs$1.getComponent('Component');
-/**
- * The Hls Handler object, where we orchestrate all of the parts
- * of HLS to interact with video.js
- *
- * @class HlsHandler
- * @extends videojs.Component
- * @param {Object} source the soruce object
- * @param {Tech} tech the parent tech object
- * @param {Object} options optional and required options
- */
-
-var HlsHandler = function (_Component) {
-  inherits(HlsHandler, _Component);
-
-  function HlsHandler(source, tech, options) {
-    classCallCheck(this, HlsHandler); // tech.player() is deprecated but setup a reference to HLS for
-    // backwards-compatibility
-
-    var _this = possibleConstructorReturn(this, (HlsHandler.__proto__ || Object.getPrototypeOf(HlsHandler)).call(this, tech, options.hls));
-
-    if (tech.options_ && tech.options_.playerId) {
-      var _player = videojs$1(tech.options_.playerId);
-
-      if (!_player.hasOwnProperty('hls')) {
-        Object.defineProperty(_player, 'hls', {
-          get: function get$$1() {
-            videojs$1.log.warn('player.hls is deprecated. Use player.tech().hls instead.');
-            tech.trigger({
-              type: 'usage',
-              name: 'hls-player-access'
-            });
-            return _this;
-          },
-          configurable: true
-        });
-      } // Set up a reference to the HlsHandler from player.vhs. This allows users to start
-      // migrating from player.tech_.hls... to player.vhs... for API access. Although this
-      // isn't the most appropriate form of reference for video.js (since all APIs should
-      // be provided through core video.js), it is a common pattern for plugins, and vhs
-      // will act accordingly.
-
-
-      _player.vhs = _this; // deprecated, for backwards compatibility
-
-      _player.dash = _this;
-      _this.player_ = _player;
-    }
-
-    _this.tech_ = tech;
-    _this.source_ = source;
-    _this.stats = {};
-
-    _this.setOptions_();
-
-    if (_this.options_.overrideNative && tech.overrideNativeAudioTracks && tech.overrideNativeVideoTracks) {
-      tech.overrideNativeAudioTracks(true);
-      tech.overrideNativeVideoTracks(true);
-    } else if (_this.options_.overrideNative && (tech.featuresNativeVideoTracks || tech.featuresNativeAudioTracks)) {
-      // overriding native HLS only works if audio tracks have been emulated
-      // error early if we're misconfigured
-      throw new Error('Overriding native HLS requires emulated tracks. ' + 'See https://git.io/vMpjB');
-    } // listen for fullscreenchange events for this player so that we
-    // can adjust our quality selection quickly
-
-
-    _this.on(document, ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange'], function (event) {
-      var fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
-
-      if (fullscreenElement && fullscreenElement.contains(_this.tech_.el())) {
-        _this.masterPlaylistController_.smoothQualityChange_();
-      }
-    }); // Handle seeking when looping - middleware doesn't handle this seek event from the tech
-
-
-    _this.on(_this.tech_, 'seeking', function () {
-      if (this.tech_.currentTime() === 0 && this.tech_.player_.loop()) {
-        this.setCurrentTime(0);
-      }
-    });
-
-    _this.on(_this.tech_, 'error', function () {
-      if (this.masterPlaylistController_) {
-        this.masterPlaylistController_.pauseLoading();
-      }
-    });
-
-    _this.on(_this.tech_, 'play', _this.play);
-
-    return _this;
-  }
-
-  createClass(HlsHandler, [{
-    key: 'setOptions_',
-    value: function setOptions_() {
-      var _this2 = this; // defaults
-
-
-      this.options_.withCredentials = this.options_.withCredentials || false;
-      this.options_.handleManifestRedirects = this.options_.handleManifestRedirects || false;
-      this.options_.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions === false ? false : true;
-      this.options_.smoothQualityChange = this.options_.smoothQualityChange || false;
-      this.options_.useBandwidthFromLocalStorage = typeof this.source_.useBandwidthFromLocalStorage !== 'undefined' ? this.source_.useBandwidthFromLocalStorage : this.options_.useBandwidthFromLocalStorage || false;
-      this.options_.customTagParsers = this.options_.customTagParsers || [];
-      this.options_.customTagMappers = this.options_.customTagMappers || [];
-      this.options_.cacheEncryptionKeys = this.options_.cacheEncryptionKeys || false;
-
-      if (typeof this.options_.blacklistDuration !== 'number') {
-        this.options_.blacklistDuration = 5 * 60;
-      }
-
-      if (typeof this.options_.bandwidth !== 'number') {
-        if (this.options_.useBandwidthFromLocalStorage) {
-          var storedObject = getVhsLocalStorage();
-
-          if (storedObject && storedObject.bandwidth) {
-            this.options_.bandwidth = storedObject.bandwidth;
-            this.tech_.trigger({
-              type: 'usage',
-              name: 'hls-bandwidth-from-local-storage'
-            });
-          }
-
-          if (storedObject && storedObject.throughput) {
-            this.options_.throughput = storedObject.throughput;
-            this.tech_.trigger({
-              type: 'usage',
-              name: 'hls-throughput-from-local-storage'
-            });
-          }
-        }
-      } // if bandwidth was not set by options or pulled from local storage, start playlist
-      // selection at a reasonable bandwidth
-
-
-      if (typeof this.options_.bandwidth !== 'number') {
-        this.options_.bandwidth = Config.INITIAL_BANDWIDTH;
-      } // If the bandwidth number is unchanged from the initial setting
-      // then this takes precedence over the enableLowInitialPlaylist option
-
-
-      this.options_.enableLowInitialPlaylist = this.options_.enableLowInitialPlaylist && this.options_.bandwidth === Config.INITIAL_BANDWIDTH; // grab options passed to player.src
-
-      ['withCredentials', 'limitRenditionByPlayerDimensions', 'bandwidth', 'smoothQualityChange', 'customTagParsers', 'customTagMappers', 'handleManifestRedirects', 'cacheEncryptionKeys'].forEach(function (option) {
-        if (typeof _this2.source_[option] !== 'undefined') {
-          _this2.options_[option] = _this2.source_[option];
-        }
-      });
-      this.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions;
-    }
-    /**
-     * called when player.src gets called, handle a new source
-     *
-     * @param {Object} src the source object to handle
-     */
-
-  }, {
-    key: 'src',
-    value: function src(_src, type) {
-      var _this3 = this; // do nothing if the src is falsey
-
-
-      if (!_src) {
-        return;
-      }
-
-      this.setOptions_(); // add master playlist controller options
-
-      this.options_.url = this.source_.src;
-      this.options_.tech = this.tech_;
-      this.options_.externHls = Hls$1;
-      this.options_.sourceType = simpleTypeFromSourceType(type); // Whenever we seek internally, we should update both the tech and call our own
-      // setCurrentTime function. This is needed because "seeking" events aren't always
-      // reliable. External seeks (via the player object) are handled via middleware.
-
-      this.options_.seekTo = function (time) {
-        _this3.tech_.setCurrentTime(time);
-
-        _this3.setCurrentTime(time);
-      };
-
-      this.masterPlaylistController_ = new MasterPlaylistController(this.options_);
-      this.playbackWatcher_ = new PlaybackWatcher(videojs$1.mergeOptions(this.options_, {
-        seekable: function seekable$$1() {
-          return _this3.seekable();
-        },
-        media: function media() {
-          return _this3.masterPlaylistController_.media();
-        }
-      }));
-      this.masterPlaylistController_.on('error', function () {
-        var player = videojs$1.players[_this3.tech_.options_.playerId];
-        player.error(_this3.masterPlaylistController_.error);
-      }); // `this` in selectPlaylist should be the HlsHandler for backwards
-      // compatibility with < v2
-
-      this.masterPlaylistController_.selectPlaylist = this.selectPlaylist ? this.selectPlaylist.bind(this) : Hls$1.STANDARD_PLAYLIST_SELECTOR.bind(this);
-      this.masterPlaylistController_.selectInitialPlaylist = Hls$1.INITIAL_PLAYLIST_SELECTOR.bind(this); // re-expose some internal objects for backwards compatibility with < v2
-
-      this.playlists = this.masterPlaylistController_.masterPlaylistLoader_;
-      this.mediaSource = this.masterPlaylistController_.mediaSource; // Proxy assignment of some properties to the master playlist
-      // controller. Using a custom property for backwards compatibility
-      // with < v2
-
-      Object.defineProperties(this, {
-        selectPlaylist: {
-          get: function get$$1() {
-            return this.masterPlaylistController_.selectPlaylist;
-          },
-          set: function set$$1(selectPlaylist) {
-            this.masterPlaylistController_.selectPlaylist = selectPlaylist.bind(this);
-          }
-        },
-        throughput: {
-          get: function get$$1() {
-            return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate;
-          },
-          set: function set$$1(throughput) {
-            this.masterPlaylistController_.mainSegmentLoader_.throughput.rate = throughput; // By setting `count` to 1 the throughput value becomes the starting value
-            // for the cumulative average
-
-            this.masterPlaylistController_.mainSegmentLoader_.throughput.count = 1;
-          }
-        },
-        bandwidth: {
-          get: function get$$1() {
-            return this.masterPlaylistController_.mainSegmentLoader_.bandwidth;
-          },
-          set: function set$$1(bandwidth) {
-            this.masterPlaylistController_.mainSegmentLoader_.bandwidth = bandwidth; // setting the bandwidth manually resets the throughput counter
-            // `count` is set to zero that current value of `rate` isn't included
-            // in the cumulative average
-
-            this.masterPlaylistController_.mainSegmentLoader_.throughput = {
-              rate: 0,
-              count: 0
-            };
-          }
-        },
-
-        /**
-         * `systemBandwidth` is a combination of two serial processes bit-rates. The first
-         * is the network bitrate provided by `bandwidth` and the second is the bitrate of
-         * the entire process after that - decryption, transmuxing, and appending - provided
-         * by `throughput`.
-         *
-         * Since the two process are serial, the overall system bandwidth is given by:
-         *   sysBandwidth = 1 / (1 / bandwidth + 1 / throughput)
-         */
-        systemBandwidth: {
-          get: function get$$1() {
-            var invBandwidth = 1 / (this.bandwidth || 1);
-            var invThroughput = void 0;
-
-            if (this.throughput > 0) {
-              invThroughput = 1 / this.throughput;
-            } else {
-              invThroughput = 0;
-            }
-
-            var systemBitrate = Math.floor(1 / (invBandwidth + invThroughput));
-            return systemBitrate;
-          },
-          set: function set$$1() {
-            videojs$1.log.error('The "systemBandwidth" property is read-only');
-          }
-        }
-      });
-
-      if (this.options_.bandwidth) {
-        this.bandwidth = this.options_.bandwidth;
-      }
-
-      if (this.options_.throughput) {
-        this.throughput = this.options_.throughput;
-      }
-
-      Object.defineProperties(this.stats, {
-        bandwidth: {
-          get: function get$$1() {
-            return _this3.bandwidth || 0;
-          },
-          enumerable: true
-        },
-        mediaRequests: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaRequests_() || 0;
-          },
-          enumerable: true
-        },
-        mediaRequestsAborted: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaRequestsAborted_() || 0;
-          },
-          enumerable: true
-        },
-        mediaRequestsTimedout: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaRequestsTimedout_() || 0;
-          },
-          enumerable: true
-        },
-        mediaRequestsErrored: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaRequestsErrored_() || 0;
-          },
-          enumerable: true
-        },
-        mediaTransferDuration: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaTransferDuration_() || 0;
-          },
-          enumerable: true
-        },
-        mediaBytesTransferred: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaBytesTransferred_() || 0;
-          },
-          enumerable: true
-        },
-        mediaSecondsLoaded: {
-          get: function get$$1() {
-            return _this3.masterPlaylistController_.mediaSecondsLoaded_() || 0;
-          },
-          enumerable: true
-        },
-        buffered: {
-          get: function get$$1() {
-            return timeRangesToArray(_this3.tech_.buffered());
-          },
-          enumerable: true
-        },
-        currentTime: {
-          get: function get$$1() {
-            return _this3.tech_.currentTime();
-          },
-          enumerable: true
-        },
-        currentSource: {
-          get: function get$$1() {
-            return _this3.tech_.currentSource_;
-          },
-          enumerable: true
-        },
-        currentTech: {
-          get: function get$$1() {
-            return _this3.tech_.name_;
-          },
-          enumerable: true
-        },
-        duration: {
-          get: function get$$1() {
-            return _this3.tech_.duration();
-          },
-          enumerable: true
-        },
-        master: {
-          get: function get$$1() {
-            return _this3.playlists.master;
-          },
-          enumerable: true
-        },
-        playerDimensions: {
-          get: function get$$1() {
-            return _this3.tech_.currentDimensions();
-          },
-          enumerable: true
-        },
-        seekable: {
-          get: function get$$1() {
-            return timeRangesToArray(_this3.tech_.seekable());
-          },
-          enumerable: true
-        },
-        timestamp: {
-          get: function get$$1() {
-            return Date.now();
-          },
-          enumerable: true
-        },
-        videoPlaybackQuality: {
-          get: function get$$1() {
-            return _this3.tech_.getVideoPlaybackQuality();
-          },
-          enumerable: true
-        }
-      });
-      this.tech_.one('canplay', this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_));
-      this.tech_.on('bandwidthupdate', function () {
-        if (_this3.options_.useBandwidthFromLocalStorage) {
-          updateVhsLocalStorage({
-            bandwidth: _this3.bandwidth,
-            throughput: Math.round(_this3.throughput)
-          });
-        }
-      });
-      this.masterPlaylistController_.on('selectedinitialmedia', function () {
-        // Add the manual rendition mix-in to HlsHandler
-        renditionSelectionMixin(_this3);
-        setupEmeOptions(_this3);
-      }); // the bandwidth of the primary segment loader is our best
-      // estimate of overall bandwidth
-
-      this.on(this.masterPlaylistController_, 'progress', function () {
-        this.tech_.trigger('progress');
-      });
-      this.tech_.ready(function () {
-        return _this3.setupQualityLevels_();
-      }); // do nothing if the tech has been disposed already
-      // this can occur if someone sets the src in player.ready(), for instance
-
-      if (!this.tech_.el()) {
-        return;
-      }
-
-      this.tech_.src(videojs$1.URL.createObjectURL(this.masterPlaylistController_.mediaSource));
-    }
-    /**
-     * Initializes the quality levels and sets listeners to update them.
-     *
-     * @method setupQualityLevels_
-     * @private
-     */
-
-  }, {
-    key: 'setupQualityLevels_',
-    value: function setupQualityLevels_() {
-      var _this4 = this;
-
-      var player = videojs$1.players[this.tech_.options_.playerId];
-
-      if (player && player.qualityLevels) {
-        this.qualityLevels_ = player.qualityLevels();
-        this.masterPlaylistController_.on('selectedinitialmedia', function () {
-          handleHlsLoadedMetadata(_this4.qualityLevels_, _this4);
-        });
-        this.playlists.on('mediachange', function () {
-          handleHlsMediaChange(_this4.qualityLevels_, _this4.playlists);
-        });
-      }
-    }
-    /**
-     * Begin playing the video.
-     */
-
-  }, {
-    key: 'play',
-    value: function play() {
-      this.masterPlaylistController_.play();
-    }
-    /**
-     * a wrapper around the function in MasterPlaylistController
-     */
-
-  }, {
-    key: 'setCurrentTime',
-    value: function setCurrentTime(currentTime) {
-      this.masterPlaylistController_.setCurrentTime(currentTime);
-    }
-    /**
-     * a wrapper around the function in MasterPlaylistController
-     */
-
-  }, {
-    key: 'duration',
-    value: function duration$$1() {
-      return this.masterPlaylistController_.duration();
-    }
-    /**
-     * a wrapper around the function in MasterPlaylistController
-     */
-
-  }, {
-    key: 'seekable',
-    value: function seekable$$1() {
-      return this.masterPlaylistController_.seekable();
-    }
-    /**
-     * Abort all outstanding work and cleanup.
-     */
-
-  }, {
-    key: 'dispose',
-    value: function dispose() {
-      if (this.playbackWatcher_) {
-        this.playbackWatcher_.dispose();
-      }
-
-      if (this.masterPlaylistController_) {
-        this.masterPlaylistController_.dispose();
-      }
-
-      if (this.qualityLevels_) {
-        this.qualityLevels_.dispose();
-      }
-
-      if (this.player_) {
-        delete this.player_.vhs;
-        delete this.player_.dash;
-        delete this.player_.hls;
-      }
-
-      if (this.tech_ && this.tech_.hls) {
-        delete this.tech_.hls;
-      }
-
-      get$1(HlsHandler.prototype.__proto__ || Object.getPrototypeOf(HlsHandler.prototype), 'dispose', this).call(this);
-    }
-  }, {
-    key: 'convertToProgramTime',
-    value: function convertToProgramTime(time, callback) {
-      return getProgramTime({
-        playlist: this.masterPlaylistController_.media(),
-        time: time,
-        callback: callback
-      });
-    } // the player must be playing before calling this
-
-  }, {
-    key: 'seekToProgramTime',
-    value: function seekToProgramTime$$1(programTime, callback) {
-      var pauseAfterSeek = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      var retryCount = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
-      return seekToProgramTime({
-        programTime: programTime,
-        playlist: this.masterPlaylistController_.media(),
-        retryCount: retryCount,
-        pauseAfterSeek: pauseAfterSeek,
-        seekTo: this.options_.seekTo,
-        tech: this.options_.tech,
-        callback: callback
-      });
-    }
-  }]);
-  return HlsHandler;
-}(Component$1);
-/**
- * The Source Handler object, which informs video.js what additional
- * MIME types are supported and sets up playback. It is registered
- * automatically to the appropriate tech based on the capabilities of
- * the browser it is running in. It is not necessary to use or modify
- * this object in normal usage.
- */
-
-
-var HlsSourceHandler = {
-  name: 'videojs-http-streaming',
-  VERSION: version$1,
-  canHandleSource: function canHandleSource(srcObj) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
-    return HlsSourceHandler.canPlayType(srcObj.type, localOptions);
-  },
-  handleSource: function handleSource(source, tech) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
-    tech.hls = new HlsHandler(source, tech, localOptions);
-    tech.hls.xhr = xhrFactory();
-    tech.hls.src(source.src, source.type);
-    return tech.hls;
-  },
-  canPlayType: function canPlayType(type) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    var _videojs$mergeOptions = videojs$1.mergeOptions(videojs$1.options, options),
-        overrideNative = _videojs$mergeOptions.hls.overrideNative;
-
-    var supportedType = simpleTypeFromSourceType(type);
-    var canUseMsePlayback = supportedType && (!Hls$1.supportsTypeNatively(supportedType) || overrideNative);
-    return canUseMsePlayback ? 'maybe' : '';
-  }
-};
-
-if (typeof videojs$1.MediaSource === 'undefined' || typeof videojs$1.URL === 'undefined') {
-  videojs$1.MediaSource = MediaSource;
-  videojs$1.URL = URL$1;
-} // register source handlers with the appropriate techs
-
-
-if (MediaSource.supportsNativeMediaSources()) {
-  videojs$1.getTech('Html5').registerSourceHandler(HlsSourceHandler, 0);
-}
-
-videojs$1.HlsHandler = HlsHandler;
-videojs$1.HlsSourceHandler = HlsSourceHandler;
-videojs$1.Hls = Hls$1;
-
-if (!videojs$1.use) {
-  videojs$1.registerComponent('Hls', Hls$1);
-}
-
-videojs$1.options.hls = videojs$1.options.hls || {};
-
-if (videojs$1.registerPlugin) {
-  videojs$1.registerPlugin('reloadSourceOnError', reloadSourceOnError);
-} else {
-  videojs$1.plugin('reloadSourceOnError', reloadSourceOnError);
-}
-
-export default videojs$1;
diff --git a/negromate/web/static/js/videojs/video.js b/negromate/web/static/js/videojs/video.js
deleted file mode 100644
index e4fed55..0000000
--- a/negromate/web/static/js/videojs/video.js
+++ /dev/null
@@ -1,55669 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('global/window'), require('global/document')) :
-  typeof define === 'function' && define.amd ? define(['global/window', 'global/document'], factory) :
-  (global = global || self, global.videojs = factory(global.window, global.document));
-}(this, function (window$1, document) { 'use strict';
-
-  window$1 = window$1 && window$1.hasOwnProperty('default') ? window$1['default'] : window$1;
-  document = document && document.hasOwnProperty('default') ? document['default'] : document;
-
-  var version = "7.7.4";
-
-  /**
-   * @file create-logger.js
-   * @module create-logger
-   */
-
-  var history = [];
-  /**
-   * Log messages to the console and history based on the type of message
-   *
-   * @private
-   * @param  {string} type
-   *         The name of the console method to use.
-   *
-   * @param  {Array} args
-   *         The arguments to be passed to the matching console method.
-   */
-
-  var LogByTypeFactory = function LogByTypeFactory(name, log) {
-    return function (type, level, args) {
-      var lvl = log.levels[level];
-      var lvlRegExp = new RegExp("^(" + lvl + ")$");
-
-      if (type !== 'log') {
-        // Add the type to the front of the message when it's not "log".
-        args.unshift(type.toUpperCase() + ':');
-      } // Add console prefix after adding to history.
-
-
-      args.unshift(name + ':'); // Add a clone of the args at this point to history.
-
-      if (history) {
-        history.push([].concat(args)); // only store 1000 history entries
-
-        var splice = history.length - 1000;
-        history.splice(0, splice > 0 ? splice : 0);
-      } // If there's no console then don't try to output messages, but they will
-      // still be stored in history.
-
-
-      if (!window$1.console) {
-        return;
-      } // Was setting these once outside of this function, but containing them
-      // in the function makes it easier to test cases where console doesn't exist
-      // when the module is executed.
-
-
-      var fn = window$1.console[type];
-
-      if (!fn && type === 'debug') {
-        // Certain browsers don't have support for console.debug. For those, we
-        // should default to the closest comparable log.
-        fn = window$1.console.info || window$1.console.log;
-      } // Bail out if there's no console or if this type is not allowed by the
-      // current logging level.
-
-
-      if (!fn || !lvl || !lvlRegExp.test(type)) {
-        return;
-      }
-
-      fn[Array.isArray(args) ? 'apply' : 'call'](window$1.console, args);
-    };
-  };
-
-  function createLogger(name) {
-    // This is the private tracking variable for logging level.
-    var level = 'info'; // the curried logByType bound to the specific log and history
-
-    var logByType;
-    /**
-     * Logs plain debug messages. Similar to `console.log`.
-     *
-     * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-     * of our JSDoc template, we cannot properly document this as both a function
-     * and a namespace, so its function signature is documented here.
-     *
-     * #### Arguments
-     * ##### *args
-     * Mixed[]
-     *
-     * Any combination of values that could be passed to `console.log()`.
-     *
-     * #### Return Value
-     *
-     * `undefined`
-     *
-     * @namespace
-     * @param    {Mixed[]} args
-     *           One or more messages or objects that should be logged.
-     */
-
-    var log = function log() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      logByType('log', level, args);
-    }; // This is the logByType helper that the logging methods below use
-
-
-    logByType = LogByTypeFactory(name, log);
-    /**
-     * Create a new sublogger which chains the old name to the new name.
-     *
-     * For example, doing `videojs.log.createLogger('player')` and then using that logger will log the following:
-     * ```js
-     *  mylogger('foo');
-     *  // > VIDEOJS: player: foo
-     * ```
-     *
-     * @param {string} name
-     *        The name to add call the new logger
-     * @return {Object}
-     */
-
-    log.createLogger = function (subname) {
-      return createLogger(name + ': ' + subname);
-    };
-    /**
-     * Enumeration of available logging levels, where the keys are the level names
-     * and the values are `|`-separated strings containing logging methods allowed
-     * in that logging level. These strings are used to create a regular expression
-     * matching the function name being called.
-     *
-     * Levels provided by Video.js are:
-     *
-     * - `off`: Matches no calls. Any value that can be cast to `false` will have
-     *   this effect. The most restrictive.
-     * - `all`: Matches only Video.js-provided functions (`debug`, `log`,
-     *   `log.warn`, and `log.error`).
-     * - `debug`: Matches `log.debug`, `log`, `log.warn`, and `log.error` calls.
-     * - `info` (default): Matches `log`, `log.warn`, and `log.error` calls.
-     * - `warn`: Matches `log.warn` and `log.error` calls.
-     * - `error`: Matches only `log.error` calls.
-     *
-     * @type {Object}
-     */
-
-
-    log.levels = {
-      all: 'debug|log|warn|error',
-      off: '',
-      debug: 'debug|log|warn|error',
-      info: 'log|warn|error',
-      warn: 'warn|error',
-      error: 'error',
-      DEFAULT: level
-    };
-    /**
-     * Get or set the current logging level.
-     *
-     * If a string matching a key from {@link module:log.levels} is provided, acts
-     * as a setter.
-     *
-     * @param  {string} [lvl]
-     *         Pass a valid level to set a new logging level.
-     *
-     * @return {string}
-     *         The current logging level.
-     */
-
-    log.level = function (lvl) {
-      if (typeof lvl === 'string') {
-        if (!log.levels.hasOwnProperty(lvl)) {
-          throw new Error("\"" + lvl + "\" in not a valid log level");
-        }
-
-        level = lvl;
-      }
-
-      return level;
-    };
-    /**
-     * Returns an array containing everything that has been logged to the history.
-     *
-     * This array is a shallow clone of the internal history record. However, its
-     * contents are _not_ cloned; so, mutating objects inside this array will
-     * mutate them in history.
-     *
-     * @return {Array}
-     */
-
-
-    log.history = function () {
-      return history ? [].concat(history) : [];
-    };
-    /**
-     * Allows you to filter the history by the given logger name
-     *
-     * @param {string} fname
-     *        The name to filter by
-     *
-     * @return {Array}
-     *         The filtered list to return
-     */
-
-
-    log.history.filter = function (fname) {
-      return (history || []).filter(function (historyItem) {
-        // if the first item in each historyItem includes `fname`, then it's a match
-        return new RegExp(".*" + fname + ".*").test(historyItem[0]);
-      });
-    };
-    /**
-     * Clears the internal history tracking, but does not prevent further history
-     * tracking.
-     */
-
-
-    log.history.clear = function () {
-      if (history) {
-        history.length = 0;
-      }
-    };
-    /**
-     * Disable history tracking if it is currently enabled.
-     */
-
-
-    log.history.disable = function () {
-      if (history !== null) {
-        history.length = 0;
-        history = null;
-      }
-    };
-    /**
-     * Enable history tracking if it is currently disabled.
-     */
-
-
-    log.history.enable = function () {
-      if (history === null) {
-        history = [];
-      }
-    };
-    /**
-     * Logs error messages. Similar to `console.error`.
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as an error
-     */
-
-
-    log.error = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      return logByType('error', level, args);
-    };
-    /**
-     * Logs warning messages. Similar to `console.warn`.
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as a warning.
-     */
-
-
-    log.warn = function () {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-
-      return logByType('warn', level, args);
-    };
-    /**
-     * Logs debug messages. Similar to `console.debug`, but may also act as a comparable
-     * log if `console.debug` is not available
-     *
-     * @param {Mixed[]} args
-     *        One or more messages or objects that should be logged as debug.
-     */
-
-
-    log.debug = function () {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      return logByType('debug', level, args);
-    };
-
-    return log;
-  }
-
-  /**
-   * @file log.js
-   * @module log
-   */
-  var log = createLogger('VIDEOJS');
-  var createLogger$1 = log.createLogger;
-
-  function createCommonjsModule(fn, module) {
-  	return module = { exports: {} }, fn(module, module.exports), module.exports;
-  }
-
-  var _extends_1 = createCommonjsModule(function (module) {
-    function _extends() {
-      module.exports = _extends = Object.assign || function (target) {
-        for (var i = 1; i < arguments.length; i++) {
-          var source = arguments[i];
-
-          for (var key in source) {
-            if (Object.prototype.hasOwnProperty.call(source, key)) {
-              target[key] = source[key];
-            }
-          }
-        }
-
-        return target;
-      };
-
-      return _extends.apply(this, arguments);
-    }
-
-    module.exports = _extends;
-  });
-
-  /**
-   * @file obj.js
-   * @module obj
-   */
-
-  /**
-   * @callback obj:EachCallback
-   *
-   * @param {Mixed} value
-   *        The current key for the object that is being iterated over.
-   *
-   * @param {string} key
-   *        The current key-value for object that is being iterated over
-   */
-
-  /**
-   * @callback obj:ReduceCallback
-   *
-   * @param {Mixed} accum
-   *        The value that is accumulating over the reduce loop.
-   *
-   * @param {Mixed} value
-   *        The current key for the object that is being iterated over.
-   *
-   * @param {string} key
-   *        The current key-value for object that is being iterated over
-   *
-   * @return {Mixed}
-   *         The new accumulated value.
-   */
-  var toString = Object.prototype.toString;
-  /**
-   * Get the keys of an Object
-   *
-   * @param {Object}
-   *        The Object to get the keys from
-   *
-   * @return {string[]}
-   *         An array of the keys from the object. Returns an empty array if the
-   *         object passed in was invalid or had no keys.
-   *
-   * @private
-   */
-
-  var keys = function keys(object) {
-    return isObject(object) ? Object.keys(object) : [];
-  };
-  /**
-   * Array-like iteration for objects.
-   *
-   * @param {Object} object
-   *        The object to iterate over
-   *
-   * @param {obj:EachCallback} fn
-   *        The callback function which is called for each key in the object.
-   */
-
-
-  function each(object, fn) {
-    keys(object).forEach(function (key) {
-      return fn(object[key], key);
-    });
-  }
-  /**
-   * Array-like reduce for objects.
-   *
-   * @param {Object} object
-   *        The Object that you want to reduce.
-   *
-   * @param {Function} fn
-   *         A callback function which is called for each key in the object. It
-   *         receives the accumulated value and the per-iteration value and key
-   *         as arguments.
-   *
-   * @param {Mixed} [initial = 0]
-   *        Starting value
-   *
-   * @return {Mixed}
-   *         The final accumulated value.
-   */
-
-  function reduce(object, fn, initial) {
-    if (initial === void 0) {
-      initial = 0;
-    }
-
-    return keys(object).reduce(function (accum, key) {
-      return fn(accum, object[key], key);
-    }, initial);
-  }
-  /**
-   * Object.assign-style object shallow merge/extend.
-   *
-   * @param  {Object} target
-   * @param  {Object} ...sources
-   * @return {Object}
-   */
-
-  function assign(target) {
-    for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      sources[_key - 1] = arguments[_key];
-    }
-
-    if (Object.assign) {
-      return _extends_1.apply(void 0, [target].concat(sources));
-    }
-
-    sources.forEach(function (source) {
-      if (!source) {
-        return;
-      }
-
-      each(source, function (value, key) {
-        target[key] = value;
-      });
-    });
-    return target;
-  }
-  /**
-   * Returns whether a value is an object of any kind - including DOM nodes,
-   * arrays, regular expressions, etc. Not functions, though.
-   *
-   * This avoids the gotcha where using `typeof` on a `null` value
-   * results in `'object'`.
-   *
-   * @param  {Object} value
-   * @return {boolean}
-   */
-
-  function isObject(value) {
-    return !!value && typeof value === 'object';
-  }
-  /**
-   * Returns whether an object appears to be a "plain" object - that is, a
-   * direct instance of `Object`.
-   *
-   * @param  {Object} value
-   * @return {boolean}
-   */
-
-  function isPlain(value) {
-    return isObject(value) && toString.call(value) === '[object Object]' && value.constructor === Object;
-  }
-
-  /**
-   * @file computed-style.js
-   * @module computed-style
-   */
-  /**
-   * A safe getComputedStyle.
-   *
-   * This is needed because in Firefox, if the player is loaded in an iframe with
-   * `display:none`, then `getComputedStyle` returns `null`, so, we do a
-   * null-check to make sure that the player doesn't break in these cases.
-   *
-   * @function
-   * @param    {Element} el
-   *           The element you want the computed style of
-   *
-   * @param    {string} prop
-   *           The property name you want
-   *
-   * @see      https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-   */
-
-  function computedStyle(el, prop) {
-    if (!el || !prop) {
-      return '';
-    }
-
-    if (typeof window$1.getComputedStyle === 'function') {
-      var computedStyleValue = window$1.getComputedStyle(el);
-      return computedStyleValue ? computedStyleValue.getPropertyValue(prop) || computedStyleValue[prop] : '';
-    }
-
-    return '';
-  }
-
-  /**
-   * @file dom.js
-   * @module dom
-   */
-  /**
-   * Detect if a value is a string with any non-whitespace characters.
-   *
-   * @private
-   * @param  {string} str
-   *         The string to check
-   *
-   * @return {boolean}
-   *         Will be `true` if the string is non-blank, `false` otherwise.
-   *
-   */
-
-  function isNonBlankString(str) {
-    // we use str.trim as it will trim any whitespace characters
-    // from the front or back of non-whitespace characters. aka
-    // Any string that contains non-whitespace characters will
-    // still contain them after `trim` but whitespace only strings
-    // will have a length of 0, failing this check.
-    return typeof str === 'string' && Boolean(str.trim());
-  }
-  /**
-   * Throws an error if the passed string has whitespace. This is used by
-   * class methods to be relatively consistent with the classList API.
-   *
-   * @private
-   * @param  {string} str
-   *         The string to check for whitespace.
-   *
-   * @throws {Error}
-   *         Throws an error if there is whitespace in the string.
-   */
-
-
-  function throwIfWhitespace(str) {
-    // str.indexOf instead of regex because str.indexOf is faster performance wise.
-    if (str.indexOf(' ') >= 0) {
-      throw new Error('class has illegal whitespace characters');
-    }
-  }
-  /**
-   * Produce a regular expression for matching a className within an elements className.
-   *
-   * @private
-   * @param  {string} className
-   *         The className to generate the RegExp for.
-   *
-   * @return {RegExp}
-   *         The RegExp that will check for a specific `className` in an elements
-   *         className.
-   */
-
-
-  function classRegExp(className) {
-    return new RegExp('(^|\\s)' + className + '($|\\s)');
-  }
-  /**
-   * Whether the current DOM interface appears to be real (i.e. not simulated).
-   *
-   * @return {boolean}
-   *         Will be `true` if the DOM appears to be real, `false` otherwise.
-   */
-
-
-  function isReal() {
-    // Both document and window will never be undefined thanks to `global`.
-    return document === window$1.document;
-  }
-  /**
-   * Determines, via duck typing, whether or not a value is a DOM element.
-   *
-   * @param  {Mixed} value
-   *         The value to check.
-   *
-   * @return {boolean}
-   *         Will be `true` if the value is a DOM element, `false` otherwise.
-   */
-
-  function isEl(value) {
-    return isObject(value) && value.nodeType === 1;
-  }
-  /**
-   * Determines if the current DOM is embedded in an iframe.
-   *
-   * @return {boolean}
-   *         Will be `true` if the DOM is embedded in an iframe, `false`
-   *         otherwise.
-   */
-
-  function isInFrame() {
-    // We need a try/catch here because Safari will throw errors when attempting
-    // to get either `parent` or `self`
-    try {
-      return window$1.parent !== window$1.self;
-    } catch (x) {
-      return true;
-    }
-  }
-  /**
-   * Creates functions to query the DOM using a given method.
-   *
-   * @private
-   * @param   {string} method
-   *          The method to create the query with.
-   *
-   * @return  {Function}
-   *          The query method
-   */
-
-  function createQuerier(method) {
-    return function (selector, context) {
-      if (!isNonBlankString(selector)) {
-        return document[method](null);
-      }
-
-      if (isNonBlankString(context)) {
-        context = document.querySelector(context);
-      }
-
-      var ctx = isEl(context) ? context : document;
-      return ctx[method] && ctx[method](selector);
-    };
-  }
-  /**
-   * Creates an element and applies properties, attributes, and inserts content.
-   *
-   * @param  {string} [tagName='div']
-   *         Name of tag to be created.
-   *
-   * @param  {Object} [properties={}]
-   *         Element properties to be applied.
-   *
-   * @param  {Object} [attributes={}]
-   *         Element attributes to be applied.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor object.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  function createEl(tagName, properties, attributes, content) {
-    if (tagName === void 0) {
-      tagName = 'div';
-    }
-
-    if (properties === void 0) {
-      properties = {};
-    }
-
-    if (attributes === void 0) {
-      attributes = {};
-    }
-
-    var el = document.createElement(tagName);
-    Object.getOwnPropertyNames(properties).forEach(function (propName) {
-      var val = properties[propName]; // See #2176
-      // We originally were accepting both properties and attributes in the
-      // same object, but that doesn't work so well.
-
-      if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {
-        log.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
-        el.setAttribute(propName, val); // Handle textContent since it's not supported everywhere and we have a
-        // method for it.
-      } else if (propName === 'textContent') {
-        textContent(el, val);
-      } else if (el[propName] !== val) {
-        el[propName] = val;
-      }
-    });
-    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-      el.setAttribute(attrName, attributes[attrName]);
-    });
-
-    if (content) {
-      appendContent(el, content);
-    }
-
-    return el;
-  }
-  /**
-   * Injects text into an element, replacing any existing contents entirely.
-   *
-   * @param  {Element} el
-   *         The element to add text content into
-   *
-   * @param  {string} text
-   *         The text content to add.
-   *
-   * @return {Element}
-   *         The element with added text content.
-   */
-
-  function textContent(el, text) {
-    if (typeof el.textContent === 'undefined') {
-      el.innerText = text;
-    } else {
-      el.textContent = text;
-    }
-
-    return el;
-  }
-  /**
-   * Insert an element as the first child node of another
-   *
-   * @param {Element} child
-   *        Element to insert
-   *
-   * @param {Element} parent
-   *        Element to insert child into
-   */
-
-  function prependTo(child, parent) {
-    if (parent.firstChild) {
-      parent.insertBefore(child, parent.firstChild);
-    } else {
-      parent.appendChild(child);
-    }
-  }
-  /**
-   * Check if an element has a class name.
-   *
-   * @param  {Element} element
-   *         Element to check
-   *
-   * @param  {string} classToCheck
-   *         Class name to check for
-   *
-   * @return {boolean}
-   *         Will be `true` if the element has a class, `false` otherwise.
-   *
-   * @throws {Error}
-   *         Throws an error if `classToCheck` has white space.
-   */
-
-  function hasClass(element, classToCheck) {
-    throwIfWhitespace(classToCheck);
-
-    if (element.classList) {
-      return element.classList.contains(classToCheck);
-    }
-
-    return classRegExp(classToCheck).test(element.className);
-  }
-  /**
-   * Add a class name to an element.
-   *
-   * @param  {Element} element
-   *         Element to add class name to.
-   *
-   * @param  {string} classToAdd
-   *         Class name to add.
-   *
-   * @return {Element}
-   *         The DOM element with the added class name.
-   */
-
-  function addClass(element, classToAdd) {
-    if (element.classList) {
-      element.classList.add(classToAdd); // Don't need to `throwIfWhitespace` here because `hasElClass` will do it
-      // in the case of classList not being supported.
-    } else if (!hasClass(element, classToAdd)) {
-      element.className = (element.className + ' ' + classToAdd).trim();
-    }
-
-    return element;
-  }
-  /**
-   * Remove a class name from an element.
-   *
-   * @param  {Element} element
-   *         Element to remove a class name from.
-   *
-   * @param  {string} classToRemove
-   *         Class name to remove
-   *
-   * @return {Element}
-   *         The DOM element with class name removed.
-   */
-
-  function removeClass(element, classToRemove) {
-    if (element.classList) {
-      element.classList.remove(classToRemove);
-    } else {
-      throwIfWhitespace(classToRemove);
-      element.className = element.className.split(/\s+/).filter(function (c) {
-        return c !== classToRemove;
-      }).join(' ');
-    }
-
-    return element;
-  }
-  /**
-   * The callback definition for toggleClass.
-   *
-   * @callback module:dom~PredicateCallback
-   * @param    {Element} element
-   *           The DOM element of the Component.
-   *
-   * @param    {string} classToToggle
-   *           The `className` that wants to be toggled
-   *
-   * @return   {boolean|undefined}
-   *           If `true` is returned, the `classToToggle` will be added to the
-   *           `element`. If `false`, the `classToToggle` will be removed from
-   *           the `element`. If `undefined`, the callback will be ignored.
-   */
-
-  /**
-   * Adds or removes a class name to/from an element depending on an optional
-   * condition or the presence/absence of the class name.
-   *
-   * @param  {Element} element
-   *         The element to toggle a class name on.
-   *
-   * @param  {string} classToToggle
-   *         The class that should be toggled.
-   *
-   * @param  {boolean|module:dom~PredicateCallback} [predicate]
-   *         See the return value for {@link module:dom~PredicateCallback}
-   *
-   * @return {Element}
-   *         The element with a class that has been toggled.
-   */
-
-  function toggleClass(element, classToToggle, predicate) {
-    // This CANNOT use `classList` internally because IE11 does not support the
-    // second parameter to the `classList.toggle()` method! Which is fine because
-    // `classList` will be used by the add/remove functions.
-    var has = hasClass(element, classToToggle);
-
-    if (typeof predicate === 'function') {
-      predicate = predicate(element, classToToggle);
-    }
-
-    if (typeof predicate !== 'boolean') {
-      predicate = !has;
-    } // If the necessary class operation matches the current state of the
-    // element, no action is required.
-
-
-    if (predicate === has) {
-      return;
-    }
-
-    if (predicate) {
-      addClass(element, classToToggle);
-    } else {
-      removeClass(element, classToToggle);
-    }
-
-    return element;
-  }
-  /**
-   * Apply attributes to an HTML element.
-   *
-   * @param {Element} el
-   *        Element to add attributes to.
-   *
-   * @param {Object} [attributes]
-   *        Attributes to be applied.
-   */
-
-  function setAttributes(el, attributes) {
-    Object.getOwnPropertyNames(attributes).forEach(function (attrName) {
-      var attrValue = attributes[attrName];
-
-      if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {
-        el.removeAttribute(attrName);
-      } else {
-        el.setAttribute(attrName, attrValue === true ? '' : attrValue);
-      }
-    });
-  }
-  /**
-   * Get an element's attribute values, as defined on the HTML tag.
-   *
-   * Attributes are not the same as properties. They're defined on the tag
-   * or with setAttribute.
-   *
-   * @param  {Element} tag
-   *         Element from which to get tag attributes.
-   *
-   * @return {Object}
-   *         All attributes of the element. Boolean attributes will be `true` or
-   *         `false`, others will be strings.
-   */
-
-  function getAttributes(tag) {
-    var obj = {}; // known boolean attributes
-    // we can check for matching boolean properties, but not all browsers
-    // and not all tags know about these attributes, so, we still want to check them manually
-
-    var knownBooleans = ',' + 'autoplay,controls,playsinline,loop,muted,default,defaultMuted' + ',';
-
-    if (tag && tag.attributes && tag.attributes.length > 0) {
-      var attrs = tag.attributes;
-
-      for (var i = attrs.length - 1; i >= 0; i--) {
-        var attrName = attrs[i].name;
-        var attrVal = attrs[i].value; // check for known booleans
-        // the matching element property will return a value for typeof
-
-        if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(',' + attrName + ',') !== -1) {
-          // the value of an included boolean attribute is typically an empty
-          // string ('') which would equal false if we just check for a false value.
-          // we also don't want support bad code like autoplay='false'
-          attrVal = attrVal !== null ? true : false;
-        }
-
-        obj[attrName] = attrVal;
-      }
-    }
-
-    return obj;
-  }
-  /**
-   * Get the value of an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to get the value of.
-   *
-   * @return {string}
-   *         The value of the attribute.
-   */
-
-  function getAttribute(el, attribute) {
-    return el.getAttribute(attribute);
-  }
-  /**
-   * Set the value of an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to set.
-   *
-   * @param {string} value
-   *        Value to set the attribute to.
-   */
-
-  function setAttribute(el, attribute, value) {
-    el.setAttribute(attribute, value);
-  }
-  /**
-   * Remove an element's attribute.
-   *
-   * @param {Element} el
-   *        A DOM element.
-   *
-   * @param {string} attribute
-   *        Attribute to remove.
-   */
-
-  function removeAttribute(el, attribute) {
-    el.removeAttribute(attribute);
-  }
-  /**
-   * Attempt to block the ability to select text.
-   */
-
-  function blockTextSelection() {
-    document.body.focus();
-
-    document.onselectstart = function () {
-      return false;
-    };
-  }
-  /**
-   * Turn off text selection blocking.
-   */
-
-  function unblockTextSelection() {
-    document.onselectstart = function () {
-      return true;
-    };
-  }
-  /**
-   * Identical to the native `getBoundingClientRect` function, but ensures that
-   * the method is supported at all (it is in all browsers we claim to support)
-   * and that the element is in the DOM before continuing.
-   *
-   * This wrapper function also shims properties which are not provided by some
-   * older browsers (namely, IE8).
-   *
-   * Additionally, some browsers do not support adding properties to a
-   * `ClientRect`/`DOMRect` object; so, we shallow-copy it with the standard
-   * properties (except `x` and `y` which are not widely supported). This helps
-   * avoid implementations where keys are non-enumerable.
-   *
-   * @param  {Element} el
-   *         Element whose `ClientRect` we want to calculate.
-   *
-   * @return {Object|undefined}
-   *         Always returns a plain object - or `undefined` if it cannot.
-   */
-
-  function getBoundingClientRect(el) {
-    if (el && el.getBoundingClientRect && el.parentNode) {
-      var rect = el.getBoundingClientRect();
-      var result = {};
-      ['bottom', 'height', 'left', 'right', 'top', 'width'].forEach(function (k) {
-        if (rect[k] !== undefined) {
-          result[k] = rect[k];
-        }
-      });
-
-      if (!result.height) {
-        result.height = parseFloat(computedStyle(el, 'height'));
-      }
-
-      if (!result.width) {
-        result.width = parseFloat(computedStyle(el, 'width'));
-      }
-
-      return result;
-    }
-  }
-  /**
-   * Represents the position of a DOM element on the page.
-   *
-   * @typedef  {Object} module:dom~Position
-   *
-   * @property {number} left
-   *           Pixels to the left.
-   *
-   * @property {number} top
-   *           Pixels from the top.
-   */
-
-  /**
-   * Get the position of an element in the DOM.
-   *
-   * Uses `getBoundingClientRect` technique from John Resig.
-   *
-   * @see http://ejohn.org/blog/getboundingclientrect-is-awesome/
-   *
-   * @param  {Element} el
-   *         Element from which to get offset.
-   *
-   * @return {module:dom~Position}
-   *         The position of the element that was passed in.
-   */
-
-  function findPosition(el) {
-    var box;
-
-    if (el.getBoundingClientRect && el.parentNode) {
-      box = el.getBoundingClientRect();
-    }
-
-    if (!box) {
-      return {
-        left: 0,
-        top: 0
-      };
-    }
-
-    var docEl = document.documentElement;
-    var body = document.body;
-    var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-    var scrollLeft = window$1.pageXOffset || body.scrollLeft;
-    var left = box.left + scrollLeft - clientLeft;
-    var clientTop = docEl.clientTop || body.clientTop || 0;
-    var scrollTop = window$1.pageYOffset || body.scrollTop;
-    var top = box.top + scrollTop - clientTop; // Android sometimes returns slightly off decimal values, so need to round
-
-    return {
-      left: Math.round(left),
-      top: Math.round(top)
-    };
-  }
-  /**
-   * Represents x and y coordinates for a DOM element or mouse pointer.
-   *
-   * @typedef  {Object} module:dom~Coordinates
-   *
-   * @property {number} x
-   *           x coordinate in pixels
-   *
-   * @property {number} y
-   *           y coordinate in pixels
-   */
-
-  /**
-   * Get the pointer position within an element.
-   *
-   * The base on the coordinates are the bottom left of the element.
-   *
-   * @param  {Element} el
-   *         Element on which to get the pointer position on.
-   *
-   * @param  {EventTarget~Event} event
-   *         Event object.
-   *
-   * @return {module:dom~Coordinates}
-   *         A coordinates object corresponding to the mouse position.
-   *
-   */
-
-  function getPointerPosition(el, event) {
-    var position = {};
-    var box = findPosition(el);
-    var boxW = el.offsetWidth;
-    var boxH = el.offsetHeight;
-    var boxY = box.top;
-    var boxX = box.left;
-    var pageY = event.pageY;
-    var pageX = event.pageX;
-
-    if (event.changedTouches) {
-      pageX = event.changedTouches[0].pageX;
-      pageY = event.changedTouches[0].pageY;
-    }
-
-    position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));
-    position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));
-    return position;
-  }
-  /**
-   * Determines, via duck typing, whether or not a value is a text node.
-   *
-   * @param  {Mixed} value
-   *         Check if this value is a text node.
-   *
-   * @return {boolean}
-   *         Will be `true` if the value is a text node, `false` otherwise.
-   */
-
-  function isTextNode(value) {
-    return isObject(value) && value.nodeType === 3;
-  }
-  /**
-   * Empties the contents of an element.
-   *
-   * @param  {Element} el
-   *         The element to empty children from
-   *
-   * @return {Element}
-   *         The element with no children
-   */
-
-  function emptyEl(el) {
-    while (el.firstChild) {
-      el.removeChild(el.firstChild);
-    }
-
-    return el;
-  }
-  /**
-   * This is a mixed value that describes content to be injected into the DOM
-   * via some method. It can be of the following types:
-   *
-   * Type       | Description
-   * -----------|-------------
-   * `string`   | The value will be normalized into a text node.
-   * `Element`  | The value will be accepted as-is.
-   * `TextNode` | The value will be accepted as-is.
-   * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
-   * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
-   *
-   * @typedef {string|Element|TextNode|Array|Function} module:dom~ContentDescriptor
-   */
-
-  /**
-   * Normalizes content for eventual insertion into the DOM.
-   *
-   * This allows a wide range of content definition methods, but helps protect
-   * from falling into the trap of simply writing to `innerHTML`, which could
-   * be an XSS concern.
-   *
-   * The content for an element can be passed in multiple types and
-   * combinations, whose behavior is as follows:
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Array}
-   *         All of the content that was passed in, normalized to an array of
-   *         elements or text nodes.
-   */
-
-  function normalizeContent(content) {
-    // First, invoke content if it is a function. If it produces an array,
-    // that needs to happen before normalization.
-    if (typeof content === 'function') {
-      content = content();
-    } // Next up, normalize to an array, so one or many items can be normalized,
-    // filtered, and returned.
-
-
-    return (Array.isArray(content) ? content : [content]).map(function (value) {
-      // First, invoke value if it is a function to produce a new value,
-      // which will be subsequently normalized to a Node of some kind.
-      if (typeof value === 'function') {
-        value = value();
-      }
-
-      if (isEl(value) || isTextNode(value)) {
-        return value;
-      }
-
-      if (typeof value === 'string' && /\S/.test(value)) {
-        return document.createTextNode(value);
-      }
-    }).filter(function (value) {
-      return value;
-    });
-  }
-  /**
-   * Normalizes and appends content to an element.
-   *
-   * @param  {Element} el
-   *         Element to append normalized content to.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Element}
-   *         The element with appended normalized content.
-   */
-
-  function appendContent(el, content) {
-    normalizeContent(content).forEach(function (node) {
-      return el.appendChild(node);
-    });
-    return el;
-  }
-  /**
-   * Normalizes and inserts content into an element; this is identical to
-   * `appendContent()`, except it empties the element first.
-   *
-   * @param {Element} el
-   *        Element to insert normalized content into.
-   *
-   * @param {module:dom~ContentDescriptor} content
-   *        A content descriptor value.
-   *
-   * @return {Element}
-   *         The element with inserted normalized content.
-   */
-
-  function insertContent(el, content) {
-    return appendContent(emptyEl(el), content);
-  }
-  /**
-   * Check if an event was a single left click.
-   *
-   * @param  {EventTarget~Event} event
-   *         Event object.
-   *
-   * @return {boolean}
-   *         Will be `true` if a single left click, `false` otherwise.
-   */
-
-  function isSingleLeftClick(event) {
-    // Note: if you create something draggable, be sure to
-    // call it on both `mousedown` and `mousemove` event,
-    // otherwise `mousedown` should be enough for a button
-    if (event.button === undefined && event.buttons === undefined) {
-      // Why do we need `buttons` ?
-      // Because, middle mouse sometimes have this:
-      // e.button === 0 and e.buttons === 4
-      // Furthermore, we want to prevent combination click, something like
-      // HOLD middlemouse then left click, that would be
-      // e.button === 0, e.buttons === 5
-      // just `button` is not gonna work
-      // Alright, then what this block does ?
-      // this is for chrome `simulate mobile devices`
-      // I want to support this as well
-      return true;
-    }
-
-    if (event.button === 0 && event.buttons === undefined) {
-      // Touch screen, sometimes on some specific device, `buttons`
-      // doesn't have anything (safari on ios, blackberry...)
-      return true;
-    } // `mouseup` event on a single left click has
-    // `button` and `buttons` equal to 0
-
-
-    if (event.type === 'mouseup' && event.button === 0 && event.buttons === 0) {
-      return true;
-    }
-
-    if (event.button !== 0 || event.buttons !== 1) {
-      // This is the reason we have those if else block above
-      // if any special case we can catch and let it slide
-      // we do it above, when get to here, this definitely
-      // is-not-left-click
-      return false;
-    }
-
-    return true;
-  }
-  /**
-   * Finds a single DOM element matching `selector` within the optional
-   * `context` of another DOM element (defaulting to `document`).
-   *
-   * @param  {string} selector
-   *         A valid CSS selector, which will be passed to `querySelector`.
-   *
-   * @param  {Element|String} [context=document]
-   *         A DOM element within which to query. Can also be a selector
-   *         string in which case the first matching element will be used
-   *         as context. If missing (or no element matches selector), falls
-   *         back to `document`.
-   *
-   * @return {Element|null}
-   *         The element that was found or null.
-   */
-
-  var $ = createQuerier('querySelector');
-  /**
-   * Finds a all DOM elements matching `selector` within the optional
-   * `context` of another DOM element (defaulting to `document`).
-   *
-   * @param  {string} selector
-   *         A valid CSS selector, which will be passed to `querySelectorAll`.
-   *
-   * @param  {Element|String} [context=document]
-   *         A DOM element within which to query. Can also be a selector
-   *         string in which case the first matching element will be used
-   *         as context. If missing (or no element matches selector), falls
-   *         back to `document`.
-   *
-   * @return {NodeList}
-   *         A element list of elements that were found. Will be empty if none
-   *         were found.
-   *
-   */
-
-  var $$ = createQuerier('querySelectorAll');
-
-  var Dom = /*#__PURE__*/Object.freeze({
-    isReal: isReal,
-    isEl: isEl,
-    isInFrame: isInFrame,
-    createEl: createEl,
-    textContent: textContent,
-    prependTo: prependTo,
-    hasClass: hasClass,
-    addClass: addClass,
-    removeClass: removeClass,
-    toggleClass: toggleClass,
-    setAttributes: setAttributes,
-    getAttributes: getAttributes,
-    getAttribute: getAttribute,
-    setAttribute: setAttribute,
-    removeAttribute: removeAttribute,
-    blockTextSelection: blockTextSelection,
-    unblockTextSelection: unblockTextSelection,
-    getBoundingClientRect: getBoundingClientRect,
-    findPosition: findPosition,
-    getPointerPosition: getPointerPosition,
-    isTextNode: isTextNode,
-    emptyEl: emptyEl,
-    normalizeContent: normalizeContent,
-    appendContent: appendContent,
-    insertContent: insertContent,
-    isSingleLeftClick: isSingleLeftClick,
-    $: $,
-    $$: $$
-  });
-
-  /**
-   * @file setup.js - Functions for setting up a player without
-   * user interaction based on the data-setup `attribute` of the video tag.
-   *
-   * @module setup
-   */
-  var _windowLoaded = false;
-  var videojs;
-  /**
-   * Set up any tags that have a data-setup `attribute` when the player is started.
-   */
-
-  var autoSetup = function autoSetup() {
-    // Protect against breakage in non-browser environments and check global autoSetup option.
-    if (!isReal() || videojs.options.autoSetup === false) {
-      return;
-    }
-
-    var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-    var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-    var divs = Array.prototype.slice.call(document.getElementsByTagName('video-js'));
-    var mediaEls = vids.concat(audios, divs); // Check if any media elements exist
-
-    if (mediaEls && mediaEls.length > 0) {
-      for (var i = 0, e = mediaEls.length; i < e; i++) {
-        var mediaEl = mediaEls[i]; // Check if element exists, has getAttribute func.
-
-        if (mediaEl && mediaEl.getAttribute) {
-          // Make sure this player hasn't already been set up.
-          if (mediaEl.player === undefined) {
-            var options = mediaEl.getAttribute('data-setup'); // Check if data-setup attr exists.
-            // We only auto-setup if they've added the data-setup attr.
-
-            if (options !== null) {
-              // Create new video.js instance.
-              videojs(mediaEl);
-            }
-          } // If getAttribute isn't defined, we need to wait for the DOM.
-
-        } else {
-          autoSetupTimeout(1);
-          break;
-        }
-      } // No videos were found, so keep looping unless page is finished loading.
-
-    } else if (!_windowLoaded) {
-      autoSetupTimeout(1);
-    }
-  };
-  /**
-   * Wait until the page is loaded before running autoSetup. This will be called in
-   * autoSetup if `hasLoaded` returns false.
-   *
-   * @param {number} wait
-   *        How long to wait in ms
-   *
-   * @param {module:videojs} [vjs]
-   *        The videojs library function
-   */
-
-
-  function autoSetupTimeout(wait, vjs) {
-    if (vjs) {
-      videojs = vjs;
-    }
-
-    window$1.setTimeout(autoSetup, wait);
-  }
-  /**
-   * Used to set the internal tracking of window loaded state to true.
-   *
-   * @private
-   */
-
-
-  function setWindowLoaded() {
-    _windowLoaded = true;
-    window$1.removeEventListener('load', setWindowLoaded);
-  }
-
-  if (isReal()) {
-    if (document.readyState === 'complete') {
-      setWindowLoaded();
-    } else {
-      /**
-       * Listen for the load event on window, and set _windowLoaded to true.
-       *
-       * We use a standard event listener here to avoid incrementing the GUID
-       * before any players are created.
-       *
-       * @listens load
-       */
-      window$1.addEventListener('load', setWindowLoaded);
-    }
-  }
-
-  /**
-   * @file stylesheet.js
-   * @module stylesheet
-   */
-  /**
-   * Create a DOM syle element given a className for it.
-   *
-   * @param {string} className
-   *        The className to add to the created style element.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-  var createStyleElement = function createStyleElement(className) {
-    var style = document.createElement('style');
-    style.className = className;
-    return style;
-  };
-  /**
-   * Add text to a DOM element.
-   *
-   * @param {Element} el
-   *        The Element to add text content to.
-   *
-   * @param {string} content
-   *        The text to add to the element.
-   */
-
-  var setTextContent = function setTextContent(el, content) {
-    if (el.styleSheet) {
-      el.styleSheet.cssText = content;
-    } else {
-      el.textContent = content;
-    }
-  };
-
-  /**
-   * @file guid.js
-   * @module guid
-   */
-  // Default value for GUIDs. This allows us to reset the GUID counter in tests.
-  //
-  // The initial GUID is 3 because some users have come to rely on the first
-  // default player ID ending up as `vjs_video_3`.
-  //
-  // See: https://github.com/videojs/video.js/pull/6216
-  var _initialGuid = 3;
-  /**
-   * Unique ID for an element or function
-   *
-   * @type {Number}
-   */
-
-  var _guid = _initialGuid;
-  /**
-   * Get a unique auto-incrementing ID by number that has not been returned before.
-   *
-   * @return {number}
-   *         A new unique ID.
-   */
-
-  function newGUID() {
-    return _guid++;
-  }
-
-  /**
-   * @file dom-data.js
-   * @module dom-data
-   */
-  var FakeWeakMap;
-
-  if (!window$1.WeakMap) {
-    FakeWeakMap =
-    /*#__PURE__*/
-    function () {
-      function FakeWeakMap() {
-        this.vdata = 'vdata' + Math.floor(window$1.performance && window$1.performance.now() || Date.now());
-        this.data = {};
-      }
-
-      var _proto = FakeWeakMap.prototype;
-
-      _proto.set = function set(key, value) {
-        var access = key[this.vdata] || newGUID();
-
-        if (!key[this.vdata]) {
-          key[this.vdata] = access;
-        }
-
-        this.data[access] = value;
-        return this;
-      };
-
-      _proto.get = function get(key) {
-        var access = key[this.vdata]; // we have data, return it
-
-        if (access) {
-          return this.data[access];
-        } // we don't have data, return nothing.
-        // return undefined explicitly as that's the contract for this method
-
-
-        log('We have no data for this element', key);
-        return undefined;
-      };
-
-      _proto.has = function has(key) {
-        var access = key[this.vdata];
-        return access in this.data;
-      };
-
-      _proto["delete"] = function _delete(key) {
-        var access = key[this.vdata];
-
-        if (access) {
-          delete this.data[access];
-          delete key[this.vdata];
-        }
-      };
-
-      return FakeWeakMap;
-    }();
-  }
-  /**
-   * Element Data Store.
-   *
-   * Allows for binding data to an element without putting it directly on the
-   * element. Ex. Event listeners are stored here.
-   * (also from jsninja.com, slightly modified and updated for closure compiler)
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  var DomData = window$1.WeakMap ? new WeakMap() : new FakeWeakMap();
-
-  /**
-   * @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
-   * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
-   * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
-   * robust as jquery's, so there's probably some differences.
-   *
-   * @file events.js
-   * @module events
-   */
-  /**
-   * Clean up the listener cache and dispatchers
-   *
-   * @param {Element|Object} elem
-   *        Element to clean up
-   *
-   * @param {string} type
-   *        Type of event to clean up
-   */
-
-  function _cleanUpEvents(elem, type) {
-    if (!DomData.has(elem)) {
-      return;
-    }
-
-    var data = DomData.get(elem); // Remove the events of a particular type if there are none left
-
-    if (data.handlers[type].length === 0) {
-      delete data.handlers[type]; // data.handlers[type] = null;
-      // Setting to null was causing an error with data.handlers
-      // Remove the meta-handler from the element
-
-      if (elem.removeEventListener) {
-        elem.removeEventListener(type, data.dispatcher, false);
-      } else if (elem.detachEvent) {
-        elem.detachEvent('on' + type, data.dispatcher);
-      }
-    } // Remove the events object if there are no types left
-
-
-    if (Object.getOwnPropertyNames(data.handlers).length <= 0) {
-      delete data.handlers;
-      delete data.dispatcher;
-      delete data.disabled;
-    } // Finally remove the element data if there is no data left
-
-
-    if (Object.getOwnPropertyNames(data).length === 0) {
-      DomData["delete"](elem);
-    }
-  }
-  /**
-   * Loops through an array of event types and calls the requested method for each type.
-   *
-   * @param {Function} fn
-   *        The event method we want to use.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind listeners to
-   *
-   * @param {string} type
-   *        Type of event to bind to.
-   *
-   * @param {EventTarget~EventListener} callback
-   *        Event listener.
-   */
-
-
-  function _handleMultipleEvents(fn, elem, types, callback) {
-    types.forEach(function (type) {
-      // Call the event method for each one of the types
-      fn(elem, type, callback);
-    });
-  }
-  /**
-   * Fix a native event to have standard property values
-   *
-   * @param {Object} event
-   *        Event object to fix.
-   *
-   * @return {Object}
-   *         Fixed event object.
-   */
-
-
-  function fixEvent(event) {
-    if (event.fixed_) {
-      return event;
-    }
-
-    function returnTrue() {
-      return true;
-    }
-
-    function returnFalse() {
-      return false;
-    } // Test if fixing up is needed
-    // Used to check if !event.stopPropagation instead of isPropagationStopped
-    // But native events return true for stopPropagation, but don't have
-    // other expected methods like isPropagationStopped. Seems to be a problem
-    // with the Javascript Ninja code. So we're just overriding all events now.
-
-
-    if (!event || !event.isPropagationStopped) {
-      var old = event || window$1.event;
-      event = {}; // Clone the old object so that we can modify the values event = {};
-      // IE8 Doesn't like when you mess with native event properties
-      // Firefox returns false for event.hasOwnProperty('type') and other props
-      //  which makes copying more difficult.
-      // TODO: Probably best to create a whitelist of event props
-
-      for (var key in old) {
-        // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
-        // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation
-        // and webkitMovementX/Y
-        if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation' && key !== 'webkitMovementX' && key !== 'webkitMovementY') {
-          // Chrome 32+ warns if you try to copy deprecated returnValue, but
-          // we still want to if preventDefault isn't supported (IE8).
-          if (!(key === 'returnValue' && old.preventDefault)) {
-            event[key] = old[key];
-          }
-        }
-      } // The event occurred on this element
-
-
-      if (!event.target) {
-        event.target = event.srcElement || document;
-      } // Handle which other element the event is related to
-
-
-      if (!event.relatedTarget) {
-        event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
-      } // Stop the default browser action
-
-
-      event.preventDefault = function () {
-        if (old.preventDefault) {
-          old.preventDefault();
-        }
-
-        event.returnValue = false;
-        old.returnValue = false;
-        event.defaultPrevented = true;
-      };
-
-      event.defaultPrevented = false; // Stop the event from bubbling
-
-      event.stopPropagation = function () {
-        if (old.stopPropagation) {
-          old.stopPropagation();
-        }
-
-        event.cancelBubble = true;
-        old.cancelBubble = true;
-        event.isPropagationStopped = returnTrue;
-      };
-
-      event.isPropagationStopped = returnFalse; // Stop the event from bubbling and executing other handlers
-
-      event.stopImmediatePropagation = function () {
-        if (old.stopImmediatePropagation) {
-          old.stopImmediatePropagation();
-        }
-
-        event.isImmediatePropagationStopped = returnTrue;
-        event.stopPropagation();
-      };
-
-      event.isImmediatePropagationStopped = returnFalse; // Handle mouse position
-
-      if (event.clientX !== null && event.clientX !== undefined) {
-        var doc = document.documentElement;
-        var body = document.body;
-        event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
-        event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
-      } // Handle key presses
-
-
-      event.which = event.charCode || event.keyCode; // Fix button for mouse clicks:
-      // 0 == left; 1 == middle; 2 == right
-
-      if (event.button !== null && event.button !== undefined) {
-        // The following is disabled because it does not pass videojs-standard
-        // and... yikes.
-
-        /* eslint-disable */
-        event.button = event.button & 1 ? 0 : event.button & 4 ? 1 : event.button & 2 ? 2 : 0;
-        /* eslint-enable */
-      }
-    }
-
-    event.fixed_ = true; // Returns fixed-up instance
-
-    return event;
-  }
-  /**
-   * Whether passive event listeners are supported
-   */
-
-  var _supportsPassive;
-
-  var supportsPassive = function supportsPassive() {
-    if (typeof _supportsPassive !== 'boolean') {
-      _supportsPassive = false;
-
-      try {
-        var opts = Object.defineProperty({}, 'passive', {
-          get: function get() {
-            _supportsPassive = true;
-          }
-        });
-        window$1.addEventListener('test', null, opts);
-        window$1.removeEventListener('test', null, opts);
-      } catch (e) {// disregard
-      }
-    }
-
-    return _supportsPassive;
-  };
-  /**
-   * Touch events Chrome expects to be passive
-   */
-
-
-  var passiveEvents = ['touchstart', 'touchmove'];
-  /**
-   * Add an event listener to element
-   * It stores the handler function in a separate cache object
-   * and adds a generic handler to the element's event,
-   * along with a unique id (guid) to the element.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind listeners to
-   *
-   * @param {string|string[]} type
-   *        Type of event to bind to.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        Event listener.
-   */
-
-  function on(elem, type, fn) {
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(on, elem, type, fn);
-    }
-
-    if (!DomData.has(elem)) {
-      DomData.set(elem, {});
-    }
-
-    var data = DomData.get(elem); // We need a place to store all our handler data
-
-    if (!data.handlers) {
-      data.handlers = {};
-    }
-
-    if (!data.handlers[type]) {
-      data.handlers[type] = [];
-    }
-
-    if (!fn.guid) {
-      fn.guid = newGUID();
-    }
-
-    data.handlers[type].push(fn);
-
-    if (!data.dispatcher) {
-      data.disabled = false;
-
-      data.dispatcher = function (event, hash) {
-        if (data.disabled) {
-          return;
-        }
-
-        event = fixEvent(event);
-        var handlers = data.handlers[event.type];
-
-        if (handlers) {
-          // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
-          var handlersCopy = handlers.slice(0);
-
-          for (var m = 0, n = handlersCopy.length; m < n; m++) {
-            if (event.isImmediatePropagationStopped()) {
-              break;
-            } else {
-              try {
-                handlersCopy[m].call(elem, event, hash);
-              } catch (e) {
-                log.error(e);
-              }
-            }
-          }
-        }
-      };
-    }
-
-    if (data.handlers[type].length === 1) {
-      if (elem.addEventListener) {
-        var options = false;
-
-        if (supportsPassive() && passiveEvents.indexOf(type) > -1) {
-          options = {
-            passive: true
-          };
-        }
-
-        elem.addEventListener(type, data.dispatcher, options);
-      } else if (elem.attachEvent) {
-        elem.attachEvent('on' + type, data.dispatcher);
-      }
-    }
-  }
-  /**
-   * Removes event listeners from an element
-   *
-   * @param {Element|Object} elem
-   *        Object to remove listeners from.
-   *
-   * @param {string|string[]} [type]
-   *        Type of listener to remove. Don't include to remove all events from element.
-   *
-   * @param {EventTarget~EventListener} [fn]
-   *        Specific listener to remove. Don't include to remove listeners for an event
-   *        type.
-   */
-
-  function off(elem, type, fn) {
-    // Don't want to add a cache object through getElData if not needed
-    if (!DomData.has(elem)) {
-      return;
-    }
-
-    var data = DomData.get(elem); // If no events exist, nothing to unbind
-
-    if (!data.handlers) {
-      return;
-    }
-
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(off, elem, type, fn);
-    } // Utility function
-
-
-    var removeType = function removeType(el, t) {
-      data.handlers[t] = [];
-
-      _cleanUpEvents(el, t);
-    }; // Are we removing all bound events?
-
-
-    if (type === undefined) {
-      for (var t in data.handlers) {
-        if (Object.prototype.hasOwnProperty.call(data.handlers || {}, t)) {
-          removeType(elem, t);
-        }
-      }
-
-      return;
-    }
-
-    var handlers = data.handlers[type]; // If no handlers exist, nothing to unbind
-
-    if (!handlers) {
-      return;
-    } // If no listener was provided, remove all listeners for type
-
-
-    if (!fn) {
-      removeType(elem, type);
-      return;
-    } // We're only removing a single handler
-
-
-    if (fn.guid) {
-      for (var n = 0; n < handlers.length; n++) {
-        if (handlers[n].guid === fn.guid) {
-          handlers.splice(n--, 1);
-        }
-      }
-    }
-
-    _cleanUpEvents(elem, type);
-  }
-  /**
-   * Trigger an event for an element
-   *
-   * @param {Element|Object} elem
-   *        Element to trigger an event on
-   *
-   * @param {EventTarget~Event|string} event
-   *        A string (the type) or an event object with a type attribute
-   *
-   * @param {Object} [hash]
-   *        data hash to pass along with the event
-   *
-   * @return {boolean|undefined}
-   *         Returns the opposite of `defaultPrevented` if default was
-   *         prevented. Otherwise, returns `undefined`
-   */
-
-  function trigger(elem, event, hash) {
-    // Fetches element data and a reference to the parent (for bubbling).
-    // Don't want to add a data object to cache for every parent,
-    // so checking hasElData first.
-    var elemData = DomData.has(elem) ? DomData.get(elem) : {};
-    var parent = elem.parentNode || elem.ownerDocument; // type = event.type || event,
-    // handler;
-    // If an event name was passed as a string, creates an event out of it
-
-    if (typeof event === 'string') {
-      event = {
-        type: event,
-        target: elem
-      };
-    } else if (!event.target) {
-      event.target = elem;
-    } // Normalizes the event properties.
-
-
-    event = fixEvent(event); // If the passed element has a dispatcher, executes the established handlers.
-
-    if (elemData.dispatcher) {
-      elemData.dispatcher.call(elem, event, hash);
-    } // Unless explicitly stopped or the event does not bubble (e.g. media events)
-    // recursively calls this function to bubble the event up the DOM.
-
-
-    if (parent && !event.isPropagationStopped() && event.bubbles === true) {
-      trigger.call(null, parent, event, hash); // If at the top of the DOM, triggers the default action unless disabled.
-    } else if (!parent && !event.defaultPrevented && event.target && event.target[event.type]) {
-      if (!DomData.has(event.target)) {
-        DomData.set(event.target, {});
-      }
-
-      var targetData = DomData.get(event.target); // Checks if the target has a default action for this event.
-
-      if (event.target[event.type]) {
-        // Temporarily disables event dispatching on the target as we have already executed the handler.
-        targetData.disabled = true; // Executes the default action.
-
-        if (typeof event.target[event.type] === 'function') {
-          event.target[event.type]();
-        } // Re-enables event dispatching.
-
-
-        targetData.disabled = false;
-      }
-    } // Inform the triggerer if the default was prevented by returning false
-
-
-    return !event.defaultPrevented;
-  }
-  /**
-   * Trigger a listener only once for an event.
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind to.
-   *
-   * @param {string|string[]} type
-   *        Name/type of event
-   *
-   * @param {Event~EventListener} fn
-   *        Event listener function
-   */
-
-  function one(elem, type, fn) {
-    if (Array.isArray(type)) {
-      return _handleMultipleEvents(one, elem, type, fn);
-    }
-
-    var func = function func() {
-      off(elem, type, func);
-      fn.apply(this, arguments);
-    }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-    func.guid = fn.guid = fn.guid || newGUID();
-    on(elem, type, func);
-  }
-  /**
-   * Trigger a listener only once and then turn if off for all
-   * configured events
-   *
-   * @param {Element|Object} elem
-   *        Element or object to bind to.
-   *
-   * @param {string|string[]} type
-   *        Name/type of event
-   *
-   * @param {Event~EventListener} fn
-   *        Event listener function
-   */
-
-  function any(elem, type, fn) {
-    var func = function func() {
-      off(elem, type, func);
-      fn.apply(this, arguments);
-    }; // copy the guid to the new function so it can removed using the original function's ID
-
-
-    func.guid = fn.guid = fn.guid || newGUID(); // multiple ons, but one off for everything
-
-    on(elem, type, func);
-  }
-
-  var Events = /*#__PURE__*/Object.freeze({
-    fixEvent: fixEvent,
-    on: on,
-    off: off,
-    trigger: trigger,
-    one: one,
-    any: any
-  });
-
-  /**
-   * @file fn.js
-   * @module fn
-   */
-  var UPDATE_REFRESH_INTERVAL = 30;
-  /**
-   * Bind (a.k.a proxy or context). A simple method for changing the context of
-   * a function.
-   *
-   * It also stores a unique id on the function so it can be easily removed from
-   * events.
-   *
-   * @function
-   * @param    {Mixed} context
-   *           The object to bind as scope.
-   *
-   * @param    {Function} fn
-   *           The function to be bound to a scope.
-   *
-   * @param    {number} [uid]
-   *           An optional unique ID for the function to be set
-   *
-   * @return   {Function}
-   *           The new function that will be bound into the context given
-   */
-
-  var bind = function bind(context, fn, uid) {
-    // Make sure the function has a unique ID
-    if (!fn.guid) {
-      fn.guid = newGUID();
-    } // Create the new function that changes the context
-
-
-    var bound = fn.bind(context); // Allow for the ability to individualize this function
-    // Needed in the case where multiple objects might share the same prototype
-    // IF both items add an event listener with the same function, then you try to remove just one
-    // it will remove both because they both have the same guid.
-    // when using this, you need to use the bind method when you remove the listener as well.
-    // currently used in text tracks
-
-    bound.guid = uid ? uid + '_' + fn.guid : fn.guid;
-    return bound;
-  };
-  /**
-   * Wraps the given function, `fn`, with a new function that only invokes `fn`
-   * at most once per every `wait` milliseconds.
-   *
-   * @function
-   * @param    {Function} fn
-   *           The function to be throttled.
-   *
-   * @param    {number}   wait
-   *           The number of milliseconds by which to throttle.
-   *
-   * @return   {Function}
-   */
-
-  var throttle = function throttle(fn, wait) {
-    var last = window$1.performance.now();
-
-    var throttled = function throttled() {
-      var now = window$1.performance.now();
-
-      if (now - last >= wait) {
-        fn.apply(void 0, arguments);
-        last = now;
-      }
-    };
-
-    return throttled;
-  };
-  /**
-   * Creates a debounced function that delays invoking `func` until after `wait`
-   * milliseconds have elapsed since the last time the debounced function was
-   * invoked.
-   *
-   * Inspired by lodash and underscore implementations.
-   *
-   * @function
-   * @param    {Function} func
-   *           The function to wrap with debounce behavior.
-   *
-   * @param    {number} wait
-   *           The number of milliseconds to wait after the last invocation.
-   *
-   * @param    {boolean} [immediate]
-   *           Whether or not to invoke the function immediately upon creation.
-   *
-   * @param    {Object} [context=window]
-   *           The "context" in which the debounced function should debounce. For
-   *           example, if this function should be tied to a Video.js player,
-   *           the player can be passed here. Alternatively, defaults to the
-   *           global `window` object.
-   *
-   * @return   {Function}
-   *           A debounced function.
-   */
-
-  var debounce = function debounce(func, wait, immediate, context) {
-    if (context === void 0) {
-      context = window$1;
-    }
-
-    var timeout;
-
-    var cancel = function cancel() {
-      context.clearTimeout(timeout);
-      timeout = null;
-    };
-    /* eslint-disable consistent-this */
-
-
-    var debounced = function debounced() {
-      var self = this;
-      var args = arguments;
-
-      var _later = function later() {
-        timeout = null;
-        _later = null;
-
-        if (!immediate) {
-          func.apply(self, args);
-        }
-      };
-
-      if (!timeout && immediate) {
-        func.apply(self, args);
-      }
-
-      context.clearTimeout(timeout);
-      timeout = context.setTimeout(_later, wait);
-    };
-    /* eslint-enable consistent-this */
-
-
-    debounced.cancel = cancel;
-    return debounced;
-  };
-
-  /**
-   * @file src/js/event-target.js
-   */
-  /**
-   * `EventTarget` is a class that can have the same API as the DOM `EventTarget`. It
-   * adds shorthand functions that wrap around lengthy functions. For example:
-   * the `on` function is a wrapper around `addEventListener`.
-   *
-   * @see [EventTarget Spec]{@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget}
-   * @class EventTarget
-   */
-
-  var EventTarget = function EventTarget() {};
-  /**
-   * A Custom DOM event.
-   *
-   * @typedef {Object} EventTarget~Event
-   * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}
-   */
-
-  /**
-   * All event listeners should follow the following format.
-   *
-   * @callback EventTarget~EventListener
-   * @this {EventTarget}
-   *
-   * @param {EventTarget~Event} event
-   *        the event that triggered this function
-   *
-   * @param {Object} [hash]
-   *        hash of data sent during the event
-   */
-
-  /**
-   * An object containing event names as keys and booleans as values.
-   *
-   * > NOTE: If an event name is set to a true value here {@link EventTarget#trigger}
-   *         will have extra functionality. See that function for more information.
-   *
-   * @property EventTarget.prototype.allowedEvents_
-   * @private
-   */
-
-
-  EventTarget.prototype.allowedEvents_ = {};
-  /**
-   * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
-   * function that will get called when an event with a certain name gets triggered.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to call with `EventTarget`s
-   */
-
-  EventTarget.prototype.on = function (type, fn) {
-    // Remove the addEventListener alias before calling Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    on(this, type, fn);
-    this.addEventListener = ael;
-  };
-  /**
-   * An alias of {@link EventTarget#on}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#on}
-   */
-
-
-  EventTarget.prototype.addEventListener = EventTarget.prototype.on;
-  /**
-   * Removes an `event listener` for a specific event from an instance of `EventTarget`.
-   * This makes it so that the `event listener` will no longer get called when the
-   * named event happens.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to remove.
-   */
-
-  EventTarget.prototype.off = function (type, fn) {
-    off(this, type, fn);
-  };
-  /**
-   * An alias of {@link EventTarget#off}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#off}
-   */
-
-
-  EventTarget.prototype.removeEventListener = EventTarget.prototype.off;
-  /**
-   * This function will add an `event listener` that gets triggered only once. After the
-   * first trigger it will get removed. This is like adding an `event listener`
-   * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.
-   *
-   * @param {string|string[]} type
-   *        An event name or an array of event names.
-   *
-   * @param {EventTarget~EventListener} fn
-   *        The function to be called once for each event name.
-   */
-
-  EventTarget.prototype.one = function (type, fn) {
-    // Remove the addEventListener aliasing Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    one(this, type, fn);
-    this.addEventListener = ael;
-  };
-
-  EventTarget.prototype.any = function (type, fn) {
-    // Remove the addEventListener aliasing Events.on
-    // so we don't get into an infinite type loop
-    var ael = this.addEventListener;
-
-    this.addEventListener = function () {};
-
-    any(this, type, fn);
-    this.addEventListener = ael;
-  };
-  /**
-   * This function causes an event to happen. This will then cause any `event listeners`
-   * that are waiting for that event, to get called. If there are no `event listeners`
-   * for an event then nothing will happen.
-   *
-   * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.
-   * Trigger will also call the `on` + `uppercaseEventName` function.
-   *
-   * Example:
-   * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call
-   * `onClick` if it exists.
-   *
-   * @param {string|EventTarget~Event|Object} event
-   *        The name of the event, an `Event`, or an object with a key of type set to
-   *        an event name.
-   */
-
-
-  EventTarget.prototype.trigger = function (event) {
-    var type = event.type || event; // deprecation
-    // In a future version we should default target to `this`
-    // similar to how we default the target to `elem` in
-    // `Events.trigger`. Right now the default `target` will be
-    // `document` due to the `Event.fixEvent` call.
-
-    if (typeof event === 'string') {
-      event = {
-        type: type
-      };
-    }
-
-    event = fixEvent(event);
-
-    if (this.allowedEvents_[type] && this['on' + type]) {
-      this['on' + type](event);
-    }
-
-    trigger(this, event);
-  };
-  /**
-   * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic
-   * the standard DOM API.
-   *
-   * @function
-   * @see {@link EventTarget#trigger}
-   */
-
-
-  EventTarget.prototype.dispatchEvent = EventTarget.prototype.trigger;
-  var EVENT_MAP;
-
-  EventTarget.prototype.queueTrigger = function (event) {
-    var _this = this;
-
-    // only set up EVENT_MAP if it'll be used
-    if (!EVENT_MAP) {
-      EVENT_MAP = new Map();
-    }
-
-    var type = event.type || event;
-    var map = EVENT_MAP.get(this);
-
-    if (!map) {
-      map = new Map();
-      EVENT_MAP.set(this, map);
-    }
-
-    var oldTimeout = map.get(type);
-    map["delete"](type);
-    window$1.clearTimeout(oldTimeout);
-    var timeout = window$1.setTimeout(function () {
-      // if we cleared out all timeouts for the current target, delete its map
-      if (map.size === 0) {
-        map = null;
-        EVENT_MAP["delete"](_this);
-      }
-
-      _this.trigger(event);
-    }, 0);
-    map.set(type, timeout);
-  };
-
-  /**
-   * @file mixins/evented.js
-   * @module evented
-   */
-  /**
-   * Returns whether or not an object has had the evented mixin applied.
-   *
-   * @param  {Object} object
-   *         An object to test.
-   *
-   * @return {boolean}
-   *         Whether or not the object appears to be evented.
-   */
-
-  var isEvented = function isEvented(object) {
-    return object instanceof EventTarget || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
-      return typeof object[k] === 'function';
-    });
-  };
-  /**
-   * Adds a callback to run after the evented mixin applied.
-   *
-   * @param  {Object} object
-   *         An object to Add
-   * @param  {Function} callback
-   *         The callback to run.
-   */
-
-
-  var addEventedCallback = function addEventedCallback(target, callback) {
-    if (isEvented(target)) {
-      callback();
-    } else {
-      if (!target.eventedCallbacks) {
-        target.eventedCallbacks = [];
-      }
-
-      target.eventedCallbacks.push(callback);
-    }
-  };
-  /**
-   * Whether a value is a valid event type - non-empty string or array.
-   *
-   * @private
-   * @param  {string|Array} type
-   *         The type value to test.
-   *
-   * @return {boolean}
-   *         Whether or not the type is a valid event type.
-   */
-
-
-  var isValidEventType = function isValidEventType(type) {
-    return (// The regex here verifies that the `type` contains at least one non-
-      // whitespace character.
-      typeof type === 'string' && /\S/.test(type) || Array.isArray(type) && !!type.length
-    );
-  };
-  /**
-   * Validates a value to determine if it is a valid event target. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the target does not appear to be a valid event target.
-   *
-   * @param  {Object} target
-   *         The object to test.
-   */
-
-
-  var validateTarget = function validateTarget(target) {
-    if (!target.nodeName && !isEvented(target)) {
-      throw new Error('Invalid target; must be a DOM node or evented object.');
-    }
-  };
-  /**
-   * Validates a value to determine if it is a valid event target. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the type does not appear to be a valid event type.
-   *
-   * @param  {string|Array} type
-   *         The type to test.
-   */
-
-
-  var validateEventType = function validateEventType(type) {
-    if (!isValidEventType(type)) {
-      throw new Error('Invalid event type; must be a non-empty string or array.');
-    }
-  };
-  /**
-   * Validates a value to determine if it is a valid listener. Throws if not.
-   *
-   * @private
-   * @throws {Error}
-   *         If the listener is not a function.
-   *
-   * @param  {Function} listener
-   *         The listener to test.
-   */
-
-
-  var validateListener = function validateListener(listener) {
-    if (typeof listener !== 'function') {
-      throw new Error('Invalid listener; must be a function.');
-    }
-  };
-  /**
-   * Takes an array of arguments given to `on()` or `one()`, validates them, and
-   * normalizes them into an object.
-   *
-   * @private
-   * @param  {Object} self
-   *         The evented object on which `on()` or `one()` was called. This
-   *         object will be bound as the `this` value for the listener.
-   *
-   * @param  {Array} args
-   *         An array of arguments passed to `on()` or `one()`.
-   *
-   * @return {Object}
-   *         An object containing useful values for `on()` or `one()` calls.
-   */
-
-
-  var normalizeListenArgs = function normalizeListenArgs(self, args) {
-    // If the number of arguments is less than 3, the target is always the
-    // evented object itself.
-    var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;
-    var target;
-    var type;
-    var listener;
-
-    if (isTargetingSelf) {
-      target = self.eventBusEl_; // Deal with cases where we got 3 arguments, but we are still listening to
-      // the evented object itself.
-
-      if (args.length >= 3) {
-        args.shift();
-      }
-
-      type = args[0];
-      listener = args[1];
-    } else {
-      target = args[0];
-      type = args[1];
-      listener = args[2];
-    }
-
-    validateTarget(target);
-    validateEventType(type);
-    validateListener(listener);
-    listener = bind(self, listener);
-    return {
-      isTargetingSelf: isTargetingSelf,
-      target: target,
-      type: type,
-      listener: listener
-    };
-  };
-  /**
-   * Adds the listener to the event type(s) on the target, normalizing for
-   * the type of target.
-   *
-   * @private
-   * @param  {Element|Object} target
-   *         A DOM node or evented object.
-   *
-   * @param  {string} method
-   *         The event binding method to use ("on" or "one").
-   *
-   * @param  {string|Array} type
-   *         One or more event type(s).
-   *
-   * @param  {Function} listener
-   *         A listener function.
-   */
-
-
-  var listen = function listen(target, method, type, listener) {
-    validateTarget(target);
-
-    if (target.nodeName) {
-      Events[method](target, type, listener);
-    } else {
-      target[method](type, listener);
-    }
-  };
-  /**
-   * Contains methods that provide event capabilities to an object which is passed
-   * to {@link module:evented|evented}.
-   *
-   * @mixin EventedMixin
-   */
-
-
-  var EventedMixin = {
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    on: function on() {
-      var _this = this;
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var _normalizeListenArgs = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs.isTargetingSelf,
-          target = _normalizeListenArgs.target,
-          type = _normalizeListenArgs.type,
-          listener = _normalizeListenArgs.listener;
-
-      listen(target, 'on', type, listener); // If this object is listening to another evented object.
-
-      if (!isTargetingSelf) {
-        // If this object is disposed, remove the listener.
-        var removeListenerOnDispose = function removeListenerOnDispose() {
-          return _this.off(target, type, listener);
-        }; // Use the same function ID as the listener so we can remove it later it
-        // using the ID of the original listener.
-
-
-        removeListenerOnDispose.guid = listener.guid; // Add a listener to the target's dispose event as well. This ensures
-        // that if the target is disposed BEFORE this object, we remove the
-        // removal listener that was just added. Otherwise, we create a memory leak.
-
-        var removeRemoverOnTargetDispose = function removeRemoverOnTargetDispose() {
-          return _this.off('dispose', removeListenerOnDispose);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        removeRemoverOnTargetDispose.guid = listener.guid;
-        listen(this, 'on', 'dispose', removeListenerOnDispose);
-        listen(target, 'on', 'dispose', removeRemoverOnTargetDispose);
-      }
-    },
-
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object. The listener will be called once per event and then removed.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    one: function one() {
-      var _this2 = this;
-
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      var _normalizeListenArgs2 = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,
-          target = _normalizeListenArgs2.target,
-          type = _normalizeListenArgs2.type,
-          listener = _normalizeListenArgs2.listener; // Targeting this evented object.
-
-
-      if (isTargetingSelf) {
-        listen(target, 'one', type, listener); // Targeting another evented object.
-      } else {
-        // TODO: This wrapper is incorrect! It should only
-        //       remove the wrapper for the event type that called it.
-        //       Instead all listners are removed on the first trigger!
-        //       see https://github.com/videojs/video.js/issues/5962
-        var wrapper = function wrapper() {
-          _this2.off(target, type, wrapper);
-
-          for (var _len3 = arguments.length, largs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            largs[_key3] = arguments[_key3];
-          }
-
-          listener.apply(null, largs);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        wrapper.guid = listener.guid;
-        listen(target, 'one', type, wrapper);
-      }
-    },
-
-    /**
-     * Add a listener to an event (or events) on this object or another evented
-     * object. The listener will only be called once for the first event that is triggered
-     * then removed.
-     *
-     * @param  {string|Array|Element|Object} targetOrType
-     *         If this is a string or array, it represents the event type(s)
-     *         that will trigger the listener.
-     *
-     *         Another evented object can be passed here instead, which will
-     *         cause the listener to listen for events on _that_ object.
-     *
-     *         In either case, the listener's `this` value will be bound to
-     *         this object.
-     *
-     * @param  {string|Array|Function} typeOrListener
-     *         If the first argument was a string or array, this should be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function.
-     */
-    any: function any() {
-      var _this3 = this;
-
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-
-      var _normalizeListenArgs3 = normalizeListenArgs(this, args),
-          isTargetingSelf = _normalizeListenArgs3.isTargetingSelf,
-          target = _normalizeListenArgs3.target,
-          type = _normalizeListenArgs3.type,
-          listener = _normalizeListenArgs3.listener; // Targeting this evented object.
-
-
-      if (isTargetingSelf) {
-        listen(target, 'any', type, listener); // Targeting another evented object.
-      } else {
-        var wrapper = function wrapper() {
-          _this3.off(target, type, wrapper);
-
-          for (var _len5 = arguments.length, largs = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-            largs[_key5] = arguments[_key5];
-          }
-
-          listener.apply(null, largs);
-        }; // Use the same function ID as the listener so we can remove it later
-        // it using the ID of the original listener.
-
-
-        wrapper.guid = listener.guid;
-        listen(target, 'any', type, wrapper);
-      }
-    },
-
-    /**
-     * Removes listener(s) from event(s) on an evented object.
-     *
-     * @param  {string|Array|Element|Object} [targetOrType]
-     *         If this is a string or array, it represents the event type(s).
-     *
-     *         Another evented object can be passed here instead, in which case
-     *         ALL 3 arguments are _required_.
-     *
-     * @param  {string|Array|Function} [typeOrListener]
-     *         If the first argument was a string or array, this may be the
-     *         listener function. Otherwise, this is a string or array of event
-     *         type(s).
-     *
-     * @param  {Function} [listener]
-     *         If the first argument was another evented object, this will be
-     *         the listener function; otherwise, _all_ listeners bound to the
-     *         event type(s) will be removed.
-     */
-    off: function off$1(targetOrType, typeOrListener, listener) {
-      // Targeting this evented object.
-      if (!targetOrType || isValidEventType(targetOrType)) {
-        off(this.eventBusEl_, targetOrType, typeOrListener); // Targeting another evented object.
-      } else {
-        var target = targetOrType;
-        var type = typeOrListener; // Fail fast and in a meaningful way!
-
-        validateTarget(target);
-        validateEventType(type);
-        validateListener(listener); // Ensure there's at least a guid, even if the function hasn't been used
-
-        listener = bind(this, listener); // Remove the dispose listener on this evented object, which was given
-        // the same guid as the event listener in on().
-
-        this.off('dispose', listener);
-
-        if (target.nodeName) {
-          off(target, type, listener);
-          off(target, 'dispose', listener);
-        } else if (isEvented(target)) {
-          target.off(type, listener);
-          target.off('dispose', listener);
-        }
-      }
-    },
-
-    /**
-     * Fire an event on this evented object, causing its listeners to be called.
-     *
-     * @param   {string|Object} event
-     *          An event type or an object with a type property.
-     *
-     * @param   {Object} [hash]
-     *          An additional object to pass along to listeners.
-     *
-     * @return {boolean}
-     *          Whether or not the default behavior was prevented.
-     */
-    trigger: function trigger$1(event, hash) {
-      return trigger(this.eventBusEl_, event, hash);
-    }
-  };
-  /**
-   * Applies {@link module:evented~EventedMixin|EventedMixin} to a target object.
-   *
-   * @param  {Object} target
-   *         The object to which to add event methods.
-   *
-   * @param  {Object} [options={}]
-   *         Options for customizing the mixin behavior.
-   *
-   * @param  {string} [options.eventBusKey]
-   *         By default, adds a `eventBusEl_` DOM element to the target object,
-   *         which is used as an event bus. If the target object already has a
-   *         DOM element that should be used, pass its key here.
-   *
-   * @return {Object}
-   *         The target object.
-   */
-
-  function evented(target, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options = options,
-        eventBusKey = _options.eventBusKey; // Set or create the eventBusEl_.
-
-    if (eventBusKey) {
-      if (!target[eventBusKey].nodeName) {
-        throw new Error("The eventBusKey \"" + eventBusKey + "\" does not refer to an element.");
-      }
-
-      target.eventBusEl_ = target[eventBusKey];
-    } else {
-      target.eventBusEl_ = createEl('span', {
-        className: 'vjs-event-bus'
-      });
-    }
-
-    assign(target, EventedMixin);
-
-    if (target.eventedCallbacks) {
-      target.eventedCallbacks.forEach(function (callback) {
-        callback();
-      });
-    } // When any evented object is disposed, it removes all its listeners.
-
-
-    target.on('dispose', function () {
-      target.off();
-      window$1.setTimeout(function () {
-        target.eventBusEl_ = null;
-      }, 0);
-    });
-    return target;
-  }
-
-  /**
-   * @file mixins/stateful.js
-   * @module stateful
-   */
-  /**
-   * Contains methods that provide statefulness to an object which is passed
-   * to {@link module:stateful}.
-   *
-   * @mixin StatefulMixin
-   */
-
-  var StatefulMixin = {
-    /**
-     * A hash containing arbitrary keys and values representing the state of
-     * the object.
-     *
-     * @type {Object}
-     */
-    state: {},
-
-    /**
-     * Set the state of an object by mutating its
-     * {@link module:stateful~StatefulMixin.state|state} object in place.
-     *
-     * @fires   module:stateful~StatefulMixin#statechanged
-     * @param   {Object|Function} stateUpdates
-     *          A new set of properties to shallow-merge into the plugin state.
-     *          Can be a plain object or a function returning a plain object.
-     *
-     * @return {Object|undefined}
-     *          An object containing changes that occurred. If no changes
-     *          occurred, returns `undefined`.
-     */
-    setState: function setState(stateUpdates) {
-      var _this = this;
-
-      // Support providing the `stateUpdates` state as a function.
-      if (typeof stateUpdates === 'function') {
-        stateUpdates = stateUpdates();
-      }
-
-      var changes;
-      each(stateUpdates, function (value, key) {
-        // Record the change if the value is different from what's in the
-        // current state.
-        if (_this.state[key] !== value) {
-          changes = changes || {};
-          changes[key] = {
-            from: _this.state[key],
-            to: value
-          };
-        }
-
-        _this.state[key] = value;
-      }); // Only trigger "statechange" if there were changes AND we have a trigger
-      // function. This allows us to not require that the target object be an
-      // evented object.
-
-      if (changes && isEvented(this)) {
-        /**
-         * An event triggered on an object that is both
-         * {@link module:stateful|stateful} and {@link module:evented|evented}
-         * indicating that its state has changed.
-         *
-         * @event    module:stateful~StatefulMixin#statechanged
-         * @type     {Object}
-         * @property {Object} changes
-         *           A hash containing the properties that were changed and
-         *           the values they were changed `from` and `to`.
-         */
-        this.trigger({
-          changes: changes,
-          type: 'statechanged'
-        });
-      }
-
-      return changes;
-    }
-  };
-  /**
-   * Applies {@link module:stateful~StatefulMixin|StatefulMixin} to a target
-   * object.
-   *
-   * If the target object is {@link module:evented|evented} and has a
-   * `handleStateChanged` method, that method will be automatically bound to the
-   * `statechanged` event on itself.
-   *
-   * @param   {Object} target
-   *          The object to be made stateful.
-   *
-   * @param   {Object} [defaultState]
-   *          A default set of properties to populate the newly-stateful object's
-   *          `state` property.
-   *
-   * @return {Object}
-   *          Returns the `target`.
-   */
-
-  function stateful(target, defaultState) {
-    assign(target, StatefulMixin); // This happens after the mixing-in because we need to replace the `state`
-    // added in that step.
-
-    target.state = assign({}, target.state, defaultState); // Auto-bind the `handleStateChanged` method of the target object if it exists.
-
-    if (typeof target.handleStateChanged === 'function' && isEvented(target)) {
-      target.on('statechanged', target.handleStateChanged);
-    }
-
-    return target;
-  }
-
-  /**
-   * @file string-cases.js
-   * @module to-lower-case
-   */
-
-  /**
-   * Lowercase the first letter of a string.
-   *
-   * @param {string} string
-   *        String to be lowercased
-   *
-   * @return {string}
-   *         The string with a lowercased first letter
-   */
-  var toLowerCase = function toLowerCase(string) {
-    if (typeof string !== 'string') {
-      return string;
-    }
-
-    return string.replace(/./, function (w) {
-      return w.toLowerCase();
-    });
-  };
-  /**
-   * Uppercase the first letter of a string.
-   *
-   * @param {string} string
-   *        String to be uppercased
-   *
-   * @return {string}
-   *         The string with an uppercased first letter
-   */
-
-  var toTitleCase = function toTitleCase(string) {
-    if (typeof string !== 'string') {
-      return string;
-    }
-
-    return string.replace(/./, function (w) {
-      return w.toUpperCase();
-    });
-  };
-  /**
-   * Compares the TitleCase versions of the two strings for equality.
-   *
-   * @param {string} str1
-   *        The first string to compare
-   *
-   * @param {string} str2
-   *        The second string to compare
-   *
-   * @return {boolean}
-   *         Whether the TitleCase versions of the strings are equal
-   */
-
-  var titleCaseEquals = function titleCaseEquals(str1, str2) {
-    return toTitleCase(str1) === toTitleCase(str2);
-  };
-
-  /**
-   * @file merge-options.js
-   * @module merge-options
-   */
-  /**
-   * Merge two objects recursively.
-   *
-   * Performs a deep merge like
-   * {@link https://lodash.com/docs/4.17.10#merge|lodash.merge}, but only merges
-   * plain objects (not arrays, elements, or anything else).
-   *
-   * Non-plain object values will be copied directly from the right-most
-   * argument.
-   *
-   * @static
-   * @param   {Object[]} sources
-   *          One or more objects to merge into a new object.
-   *
-   * @return {Object}
-   *          A new object that is the merged result of all sources.
-   */
-
-  function mergeOptions() {
-    var result = {};
-
-    for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-      sources[_key] = arguments[_key];
-    }
-
-    sources.forEach(function (source) {
-      if (!source) {
-        return;
-      }
-
-      each(source, function (value, key) {
-        if (!isPlain(value)) {
-          result[key] = value;
-          return;
-        }
-
-        if (!isPlain(result[key])) {
-          result[key] = {};
-        }
-
-        result[key] = mergeOptions(result[key], value);
-      });
-    });
-    return result;
-  }
-
-  /**
-   * Player Component - Base class for all UI objects
-   *
-   * @file component.js
-   */
-  /**
-   * Base class for all UI Components.
-   * Components are UI objects which represent both a javascript object and an element
-   * in the DOM. They can be children of other components, and can have
-   * children themselves.
-   *
-   * Components can also use methods from {@link EventTarget}
-   */
-
-  var Component =
-  /*#__PURE__*/
-  function () {
-    /**
-     * A callback that is called when a component is ready. Does not have any
-     * paramters and any callback value will be ignored.
-     *
-     * @callback Component~ReadyCallback
-     * @this Component
-     */
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Object[]} [options.children]
-     *        An array of children objects to intialize this component with. Children objects have
-     *        a name property that will be used if more than one component of the same type needs to be
-     *        added.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        Function that gets called when the `Component` is ready.
-     */
-    function Component(player, options, ready) {
-      // The component might be the player itself and we can't pass `this` to super
-      if (!player && this.play) {
-        this.player_ = player = this; // eslint-disable-line
-      } else {
-        this.player_ = player;
-      }
-
-      this.isDisposed_ = false; // Hold the reference to the parent component via `addChild` method
-
-      this.parentComponent_ = null; // Make a copy of prototype.options_ to protect against overriding defaults
-
-      this.options_ = mergeOptions({}, this.options_); // Updated options with supplied options
-
-      options = this.options_ = mergeOptions(this.options_, options); // Get ID from options or options element if one is supplied
-
-      this.id_ = options.id || options.el && options.el.id; // If there was no ID from the options, generate one
-
-      if (!this.id_) {
-        // Don't require the player ID function in the case of mock players
-        var id = player && player.id && player.id() || 'no_player';
-        this.id_ = id + "_component_" + newGUID();
-      }
-
-      this.name_ = options.name || null; // Create element if one wasn't provided in options
-
-      if (options.el) {
-        this.el_ = options.el;
-      } else if (options.createEl !== false) {
-        this.el_ = this.createEl();
-      } // if evented is anything except false, we want to mixin in evented
-
-
-      if (options.evented !== false) {
-        // Make this an evented object and use `el_`, if available, as its event bus
-        evented(this, {
-          eventBusKey: this.el_ ? 'el_' : null
-        });
-      }
-
-      stateful(this, this.constructor.defaultState);
-      this.children_ = [];
-      this.childIndex_ = {};
-      this.childNameIndex_ = {};
-      var SetSham;
-
-      if (!window$1.Set) {
-        SetSham =
-        /*#__PURE__*/
-        function () {
-          function SetSham() {
-            this.set_ = {};
-          }
-
-          var _proto2 = SetSham.prototype;
-
-          _proto2.has = function has(key) {
-            return key in this.set_;
-          };
-
-          _proto2["delete"] = function _delete(key) {
-            var has = this.has(key);
-            delete this.set_[key];
-            return has;
-          };
-
-          _proto2.add = function add(key) {
-            this.set_[key] = 1;
-            return this;
-          };
-
-          _proto2.forEach = function forEach(callback, thisArg) {
-            for (var key in this.set_) {
-              callback.call(thisArg, key, key, this);
-            }
-          };
-
-          return SetSham;
-        }();
-      }
-
-      this.setTimeoutIds_ = window$1.Set ? new Set() : new SetSham();
-      this.setIntervalIds_ = window$1.Set ? new Set() : new SetSham();
-      this.rafIds_ = window$1.Set ? new Set() : new SetSham();
-      this.clearingTimersOnDispose_ = false; // Add any child components in options
-
-      if (options.initChildren !== false) {
-        this.initChildren();
-      }
-
-      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.
-     *
-     * @fires Component#dispose
-     */
-
-
-    var _proto = Component.prototype;
-
-    _proto.dispose = function dispose() {
-      // Bail out if the component has already been disposed.
-      if (this.isDisposed_) {
-        return;
-      }
-      /**
-       * Triggered when a `Component` is disposed.
-       *
-       * @event Component#dispose
-       * @type {EventTarget~Event}
-       *
-       * @property {boolean} [bubbles=false]
-       *           set to false so that the dispose event does not
-       *           bubble up
-       */
-
-
-      this.trigger({
-        type: 'dispose',
-        bubbles: false
-      });
-      this.isDisposed_ = true; // Dispose all children.
-
-      if (this.children_) {
-        for (var i = this.children_.length - 1; i >= 0; i--) {
-          if (this.children_[i].dispose) {
-            this.children_[i].dispose();
-          }
-        }
-      } // Delete child references
-
-
-      this.children_ = null;
-      this.childIndex_ = null;
-      this.childNameIndex_ = null;
-      this.parentComponent_ = null;
-
-      if (this.el_) {
-        // Remove element from DOM
-        if (this.el_.parentNode) {
-          this.el_.parentNode.removeChild(this.el_);
-        }
-
-        if (DomData.has(this.el_)) {
-          DomData["delete"](this.el_);
-        }
-
-        this.el_ = null;
-      } // remove reference to the player after disposing of the element
-
-
-      this.player_ = null;
-    }
-    /**
-     * Determine whether or not this component has been disposed.
-     *
-     * @return {boolean}
-     *         If the component has been disposed, will be `true`. Otherwise, `false`.
-     */
-    ;
-
-    _proto.isDisposed = function isDisposed() {
-      return Boolean(this.isDisposed_);
-    }
-    /**
-     * Return the {@link Player} that the `Component` has attached to.
-     *
-     * @return {Player}
-     *         The player that this `Component` has attached to.
-     */
-    ;
-
-    _proto.player = function player() {
-      return this.player_;
-    }
-    /**
-     * Deep merge of options objects with new options.
-     * > Note: When both `obj` and `options` contain properties whose values are objects.
-     *         The two properties get merged using {@link module:mergeOptions}
-     *
-     * @param {Object} obj
-     *        The object that contains new options.
-     *
-     * @return {Object}
-     *         A new object of `this.options_` and `obj` merged together.
-     */
-    ;
-
-    _proto.options = function options(obj) {
-      if (!obj) {
-        return this.options_;
-      }
-
-      this.options_ = mergeOptions(this.options_, obj);
-      return this.options_;
-    }
-    /**
-     * Get the `Component`s DOM element
-     *
-     * @return {Element}
-     *         The DOM element for this `Component`.
-     */
-    ;
-
-    _proto.el = function el() {
-      return this.el_;
-    }
-    /**
-     * Create the `Component`s DOM element.
-     *
-     * @param {string} [tagName]
-     *        Element's DOM node type. e.g. 'div'
-     *
-     * @param {Object} [properties]
-     *        An object of properties that should be set.
-     *
-     * @param {Object} [attributes]
-     *        An object of attributes that should be set.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1(tagName, properties, attributes) {
-      return createEl(tagName, properties, attributes);
-    }
-    /**
-     * Localize a string given the string in english.
-     *
-     * If tokens are provided, it'll try and run a simple token replacement on the provided string.
-     * The tokens it looks for look like `{1}` with the index being 1-indexed into the tokens array.
-     *
-     * If a `defaultValue` is provided, it'll use that over `string`,
-     * if a value isn't found in provided language files.
-     * This is useful if you want to have a descriptive key for token replacement
-     * but have a succinct localized string and not require `en.json` to be included.
-     *
-     * Currently, it is used for the progress bar timing.
-     * ```js
-     * {
-     *   "progress bar timing: currentTime={1} duration={2}": "{1} of {2}"
-     * }
-     * ```
-     * It is then used like so:
-     * ```js
-     * this.localize('progress bar timing: currentTime={1} duration{2}',
-     *               [this.player_.currentTime(), this.player_.duration()],
-     *               '{1} of {2}');
-     * ```
-     *
-     * Which outputs something like: `01:23 of 24:56`.
-     *
-     *
-     * @param {string} string
-     *        The string to localize and the key to lookup in the language files.
-     * @param {string[]} [tokens]
-     *        If the current item has token replacements, provide the tokens here.
-     * @param {string} [defaultValue]
-     *        Defaults to `string`. Can be a default value to use for token replacement
-     *        if the lookup key is needed to be separate.
-     *
-     * @return {string}
-     *         The localized string or if no localization exists the english string.
-     */
-    ;
-
-    _proto.localize = function localize(string, tokens, defaultValue) {
-      if (defaultValue === void 0) {
-        defaultValue = string;
-      }
-
-      var code = this.player_.language && this.player_.language();
-      var languages = this.player_.languages && this.player_.languages();
-      var language = languages && languages[code];
-      var primaryCode = code && code.split('-')[0];
-      var primaryLang = languages && languages[primaryCode];
-      var localizedString = defaultValue;
-
-      if (language && language[string]) {
-        localizedString = language[string];
-      } else if (primaryLang && primaryLang[string]) {
-        localizedString = primaryLang[string];
-      }
-
-      if (tokens) {
-        localizedString = localizedString.replace(/\{(\d+)\}/g, function (match, index) {
-          var value = tokens[index - 1];
-          var ret = value;
-
-          if (typeof value === 'undefined') {
-            ret = match;
-          }
-
-          return ret;
-        });
-      }
-
-      return localizedString;
-    }
-    /**
-     * Return the `Component`s DOM element. This is where children get inserted.
-     * This will usually be the the same as the element returned in {@link Component#el}.
-     *
-     * @return {Element}
-     *         The content element for this `Component`.
-     */
-    ;
-
-    _proto.contentEl = function contentEl() {
-      return this.contentEl_ || this.el_;
-    }
-    /**
-     * Get this `Component`s ID
-     *
-     * @return {string}
-     *         The id of this `Component`
-     */
-    ;
-
-    _proto.id = function id() {
-      return this.id_;
-    }
-    /**
-     * Get the `Component`s name. The name gets used to reference the `Component`
-     * and is set during registration.
-     *
-     * @return {string}
-     *         The name of this `Component`.
-     */
-    ;
-
-    _proto.name = function name() {
-      return this.name_;
-    }
-    /**
-     * Get an array of all child components
-     *
-     * @return {Array}
-     *         The children
-     */
-    ;
-
-    _proto.children = function children() {
-      return this.children_;
-    }
-    /**
-     * Returns the child `Component` with the given `id`.
-     *
-     * @param {string} id
-     *        The id of the child `Component` to get.
-     *
-     * @return {Component|undefined}
-     *         The child `Component` with the given `id` or undefined.
-     */
-    ;
-
-    _proto.getChildById = function getChildById(id) {
-      return this.childIndex_[id];
-    }
-    /**
-     * Returns the child `Component` with the given `name`.
-     *
-     * @param {string} name
-     *        The name of the child `Component` to get.
-     *
-     * @return {Component|undefined}
-     *         The child `Component` with the given `name` or undefined.
-     */
-    ;
-
-    _proto.getChild = function getChild(name) {
-      if (!name) {
-        return;
-      }
-
-      return this.childNameIndex_[name];
-    }
-    /**
-     * Add a child `Component` inside the current `Component`.
-     *
-     *
-     * @param {string|Component} child
-     *        The name or instance of a child to add.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of options that will get passed to children of
-     *        the child.
-     *
-     * @param {number} [index=this.children_.length]
-     *        The index to attempt to add a child into.
-     *
-     * @return {Component}
-     *         The `Component` that gets added as a child. When using a string the
-     *         `Component` will get created by this process.
-     */
-    ;
-
-    _proto.addChild = function addChild(child, options, index) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (index === void 0) {
-        index = this.children_.length;
-      }
-
-      var component;
-      var componentName; // If child is a string, create component with options
-
-      if (typeof child === 'string') {
-        componentName = toTitleCase(child);
-        var componentClassName = options.componentClass || componentName; // Set name through options
-
-        options.name = componentName; // Create a new object & element for this controls set
-        // If there's no .player_, this is a player
-
-        var ComponentClass = Component.getComponent(componentClassName);
-
-        if (!ComponentClass) {
-          throw new Error("Component " + componentClassName + " does not exist");
-        } // data stored directly on the videojs object may be
-        // misidentified as a component to retain
-        // backwards-compatibility with 4.x. check to make sure the
-        // component class can be instantiated.
-
-
-        if (typeof ComponentClass !== 'function') {
-          return null;
-        }
-
-        component = new ComponentClass(this.player_ || this, options); // child is a component instance
-      } else {
-        component = child;
-      }
-
-      if (component.parentComponent_) {
-        component.parentComponent_.removeChild(component);
-      }
-
-      this.children_.splice(index, 0, component);
-      component.parentComponent_ = this;
-
-      if (typeof component.id === 'function') {
-        this.childIndex_[component.id()] = component;
-      } // If a name wasn't used to create the component, check if we can use the
-      // name function of the component
-
-
-      componentName = componentName || component.name && toTitleCase(component.name());
-
-      if (componentName) {
-        this.childNameIndex_[componentName] = component;
-        this.childNameIndex_[toLowerCase(componentName)] = component;
-      } // Add the UI object's element to the container div (box)
-      // Having an element is not required
-
-
-      if (typeof component.el === 'function' && component.el()) {
-        // If inserting before a component, insert before that component's element
-        var refNode = null;
-
-        if (this.children_[index + 1] && this.children_[index + 1].el_) {
-          refNode = this.children_[index + 1].el_;
-        }
-
-        this.contentEl().insertBefore(component.el(), refNode);
-      } // Return so it can stored on parent object if desired.
-
-
-      return component;
-    }
-    /**
-     * Remove a child `Component` from this `Component`s list of children. Also removes
-     * the child `Component`s element from this `Component`s element.
-     *
-     * @param {Component} component
-     *        The child `Component` to remove.
-     */
-    ;
-
-    _proto.removeChild = function removeChild(component) {
-      if (typeof component === 'string') {
-        component = this.getChild(component);
-      }
-
-      if (!component || !this.children_) {
-        return;
-      }
-
-      var childFound = false;
-
-      for (var i = this.children_.length - 1; i >= 0; i--) {
-        if (this.children_[i] === component) {
-          childFound = true;
-          this.children_.splice(i, 1);
-          break;
-        }
-      }
-
-      if (!childFound) {
-        return;
-      }
-
-      component.parentComponent_ = null;
-      this.childIndex_[component.id()] = null;
-      this.childNameIndex_[toTitleCase(component.name())] = null;
-      this.childNameIndex_[toLowerCase(component.name())] = null;
-      var compEl = component.el();
-
-      if (compEl && compEl.parentNode === this.contentEl()) {
-        this.contentEl().removeChild(component.el());
-      }
-    }
-    /**
-     * Add and initialize default child `Component`s based upon options.
-     */
-    ;
-
-    _proto.initChildren = function initChildren() {
-      var _this = this;
-
-      var children = this.options_.children;
-
-      if (children) {
-        // `this` is `parent`
-        var parentOptions = this.options_;
-
-        var handleAdd = function handleAdd(child) {
-          var name = child.name;
-          var opts = child.opts; // Allow options for children to be set at the parent options
-          // e.g. videojs(id, { controlBar: false });
-          // instead of videojs(id, { children: { controlBar: false });
-
-          if (parentOptions[name] !== undefined) {
-            opts = parentOptions[name];
-          } // Allow for disabling default components
-          // e.g. options['children']['posterImage'] = false
-
-
-          if (opts === false) {
-            return;
-          } // Allow options to be passed as a simple boolean if no configuration
-          // is necessary.
-
-
-          if (opts === true) {
-            opts = {};
-          } // We also want to pass the original player options
-          // to each component as well so they don't need to
-          // reach back into the player for options later.
-
-
-          opts.playerOptions = _this.options_.playerOptions; // Create and add the child component.
-          // Add a direct reference to the child by name on the parent instance.
-          // If two of the same component are used, different names should be supplied
-          // for each
-
-          var newChild = _this.addChild(name, opts);
-
-          if (newChild) {
-            _this[name] = newChild;
-          }
-        }; // Allow for an array of children details to passed in the options
-
-
-        var workingChildren;
-        var Tech = Component.getComponent('Tech');
-
-        if (Array.isArray(children)) {
-          workingChildren = children;
-        } else {
-          workingChildren = Object.keys(children);
-        }
-
-        workingChildren // children that are in this.options_ but also in workingChildren  would
-        // give us extra children we do not want. So, we want to filter them out.
-        .concat(Object.keys(this.options_).filter(function (child) {
-          return !workingChildren.some(function (wchild) {
-            if (typeof wchild === 'string') {
-              return child === wchild;
-            }
-
-            return child === wchild.name;
-          });
-        })).map(function (child) {
-          var name;
-          var opts;
-
-          if (typeof child === 'string') {
-            name = child;
-            opts = children[name] || _this.options_[name] || {};
-          } else {
-            name = child.name;
-            opts = child;
-          }
-
-          return {
-            name: name,
-            opts: opts
-          };
-        }).filter(function (child) {
-          // we have to make sure that child.name isn't in the techOrder since
-          // techs are registerd as Components but can't aren't compatible
-          // See https://github.com/videojs/video.js/issues/2772
-          var c = Component.getComponent(child.opts.componentClass || toTitleCase(child.name));
-          return c && !Tech.isTech(c);
-        }).forEach(handleAdd);
-      }
-    }
-    /**
-     * Builds the default DOM class name. Should be overriden by sub-components.
-     *
-     * @return {string}
-     *         The DOM class name for this object.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      // Child classes can include a function that does:
-      // return 'CLASS NAME' + this._super();
-      return '';
-    }
-    /**
-     * Bind a listener to the component's ready state.
-     * Different from event listeners in that if the ready event has already happened
-     * it will trigger the function immediately.
-     *
-     * @return {Component}
-     *         Returns itself; method can be chained.
-     */
-    ;
-
-    _proto.ready = function ready(fn, sync) {
-      if (sync === void 0) {
-        sync = false;
-      }
-
-      if (!fn) {
-        return;
-      }
-
-      if (!this.isReady_) {
-        this.readyQueue_ = this.readyQueue_ || [];
-        this.readyQueue_.push(fn);
-        return;
-      }
-
-      if (sync) {
-        fn.call(this);
-      } else {
-        // Call the function asynchronously by default for consistency
-        this.setTimeout(fn, 1);
-      }
-    }
-    /**
-     * Trigger all the ready listeners for this `Component`.
-     *
-     * @fires Component#ready
-     */
-    ;
-
-    _proto.triggerReady = function triggerReady() {
-      this.isReady_ = true; // Ensure ready is triggered asynchronously
-
-      this.setTimeout(function () {
-        var readyQueue = this.readyQueue_; // Reset Ready Queue
-
-        this.readyQueue_ = [];
-
-        if (readyQueue && readyQueue.length > 0) {
-          readyQueue.forEach(function (fn) {
-            fn.call(this);
-          }, this);
-        } // Allow for using event listeners also
-
-        /**
-         * Triggered when a `Component` is ready.
-         *
-         * @event Component#ready
-         * @type {EventTarget~Event}
-         */
-
-
-        this.trigger('ready');
-      }, 1);
-    }
-    /**
-     * Find a single DOM element matching a `selector`. This can be within the `Component`s
-     * `contentEl()` or another custom context.
-     *
-     * @param {string} selector
-     *        A valid CSS selector, which will be passed to `querySelector`.
-     *
-     * @param {Element|string} [context=this.contentEl()]
-     *        A DOM element within which to query. Can also be a selector string in
-     *        which case the first matching element will get used as context. If
-     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-     *        nothing it falls back to `document`.
-     *
-     * @return {Element|null}
-     *         the dom element that was found, or null
-     *
-     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-     */
-    ;
-
-    _proto.$ = function $$1(selector, context) {
-      return $(selector, context || this.contentEl());
-    }
-    /**
-     * Finds all DOM element matching a `selector`. This can be within the `Component`s
-     * `contentEl()` or another custom context.
-     *
-     * @param {string} selector
-     *        A valid CSS selector, which will be passed to `querySelectorAll`.
-     *
-     * @param {Element|string} [context=this.contentEl()]
-     *        A DOM element within which to query. Can also be a selector string in
-     *        which case the first matching element will get used as context. If
-     *        missing `this.contentEl()` gets used. If  `this.contentEl()` returns
-     *        nothing it falls back to `document`.
-     *
-     * @return {NodeList}
-     *         a list of dom elements that were found
-     *
-     * @see [Information on CSS Selectors](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors)
-     */
-    ;
-
-    _proto.$$ = function $$$1(selector, context) {
-      return $$(selector, context || this.contentEl());
-    }
-    /**
-     * Check if a component's element has a CSS class name.
-     *
-     * @param {string} classToCheck
-     *        CSS class name to check.
-     *
-     * @return {boolean}
-     *         - True if the `Component` has the class.
-     *         - False if the `Component` does not have the class`
-     */
-    ;
-
-    _proto.hasClass = function hasClass$1(classToCheck) {
-      return hasClass(this.el_, classToCheck);
-    }
-    /**
-     * Add a CSS class name to the `Component`s element.
-     *
-     * @param {string} classToAdd
-     *        CSS class name to add
-     */
-    ;
-
-    _proto.addClass = function addClass$1(classToAdd) {
-      addClass(this.el_, classToAdd);
-    }
-    /**
-     * Remove a CSS class name from the `Component`s element.
-     *
-     * @param {string} classToRemove
-     *        CSS class name to remove
-     */
-    ;
-
-    _proto.removeClass = function removeClass$1(classToRemove) {
-      removeClass(this.el_, classToRemove);
-    }
-    /**
-     * Add or remove a CSS class name from the component's element.
-     * - `classToToggle` gets added when {@link Component#hasClass} would return false.
-     * - `classToToggle` gets removed when {@link Component#hasClass} would return true.
-     *
-     * @param  {string} classToToggle
-     *         The class to add or remove based on (@link Component#hasClass}
-     *
-     * @param  {boolean|Dom~predicate} [predicate]
-     *         An {@link Dom~predicate} function or a boolean
-     */
-    ;
-
-    _proto.toggleClass = function toggleClass$1(classToToggle, predicate) {
-      toggleClass(this.el_, classToToggle, predicate);
-    }
-    /**
-     * Show the `Component`s element if it is hidden by removing the
-     * 'vjs-hidden' class name from it.
-     */
-    ;
-
-    _proto.show = function show() {
-      this.removeClass('vjs-hidden');
-    }
-    /**
-     * Hide the `Component`s element if it is currently showing by adding the
-     * 'vjs-hidden` class name to it.
-     */
-    ;
-
-    _proto.hide = function hide() {
-      this.addClass('vjs-hidden');
-    }
-    /**
-     * Lock a `Component`s element in its visible state by adding the 'vjs-lock-showing'
-     * class name to it. Used during fadeIn/fadeOut.
-     *
-     * @private
-     */
-    ;
-
-    _proto.lockShowing = function lockShowing() {
-      this.addClass('vjs-lock-showing');
-    }
-    /**
-     * Unlock a `Component`s element from its visible state by removing the 'vjs-lock-showing'
-     * class name from it. Used during fadeIn/fadeOut.
-     *
-     * @private
-     */
-    ;
-
-    _proto.unlockShowing = function unlockShowing() {
-      this.removeClass('vjs-lock-showing');
-    }
-    /**
-     * Get the value of an attribute on the `Component`s element.
-     *
-     * @param {string} attribute
-     *        Name of the attribute to get the value from.
-     *
-     * @return {string|null}
-     *         - The value of the attribute that was asked for.
-     *         - Can be an empty string on some browsers if the attribute does not exist
-     *           or has no value
-     *         - Most browsers will return null if the attibute does not exist or has
-     *           no value.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute}
-     */
-    ;
-
-    _proto.getAttribute = function getAttribute$1(attribute) {
-      return getAttribute(this.el_, attribute);
-    }
-    /**
-     * Set the value of an attribute on the `Component`'s element
-     *
-     * @param {string} attribute
-     *        Name of the attribute to set.
-     *
-     * @param {string} value
-     *        Value to set the attribute to.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute}
-     */
-    ;
-
-    _proto.setAttribute = function setAttribute$1(attribute, value) {
-      setAttribute(this.el_, attribute, value);
-    }
-    /**
-     * Remove an attribute from the `Component`s element.
-     *
-     * @param {string} attribute
-     *        Name of the attribute to remove.
-     *
-     * @see [DOM API]{@link https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute}
-     */
-    ;
-
-    _proto.removeAttribute = function removeAttribute$1(attribute) {
-      removeAttribute(this.el_, attribute);
-    }
-    /**
-     * Get or set the width of the component based upon the CSS styles.
-     * See {@link Component#dimension} for more detailed information.
-     *
-     * @param {number|string} [num]
-     *        The width that you want to set postfixed with '%', 'px' or nothing.
-     *
-     * @param {boolean} [skipListeners]
-     *        Skip the componentresize event trigger
-     *
-     * @return {number|string}
-     *         The width when getting, zero if there is no width. Can be a string
-     *           postpixed with '%' or 'px'.
-     */
-    ;
-
-    _proto.width = function width(num, skipListeners) {
-      return this.dimension('width', num, skipListeners);
-    }
-    /**
-     * Get or set the height of the component based upon the CSS styles.
-     * See {@link Component#dimension} for more detailed information.
-     *
-     * @param {number|string} [num]
-     *        The height that you want to set postfixed with '%', 'px' or nothing.
-     *
-     * @param {boolean} [skipListeners]
-     *        Skip the componentresize event trigger
-     *
-     * @return {number|string}
-     *         The width when getting, zero if there is no width. Can be a string
-     *         postpixed with '%' or 'px'.
-     */
-    ;
-
-    _proto.height = function height(num, skipListeners) {
-      return this.dimension('height', num, skipListeners);
-    }
-    /**
-     * Set both the width and height of the `Component` element at the same time.
-     *
-     * @param  {number|string} width
-     *         Width to set the `Component`s element to.
-     *
-     * @param  {number|string} height
-     *         Height to set the `Component`s element to.
-     */
-    ;
-
-    _proto.dimensions = function dimensions(width, height) {
-      // Skip componentresize listeners on width for optimization
-      this.width(width, true);
-      this.height(height);
-    }
-    /**
-     * Get or set width or height of the `Component` element. This is the shared code
-     * for the {@link Component#width} and {@link Component#height}.
-     *
-     * Things to know:
-     * - If the width or height in an number this will return the number postfixed with 'px'.
-     * - If the width/height is a percent this will return the percent postfixed with '%'
-     * - Hidden elements have a width of 0 with `window.getComputedStyle`. This function
-     *   defaults to the `Component`s `style.width` and falls back to `window.getComputedStyle`.
-     *   See [this]{@link http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/}
-     *   for more information
-     * - If you want the computed style of the component, use {@link Component#currentWidth}
-     *   and {@link {Component#currentHeight}
-     *
-     * @fires Component#componentresize
-     *
-     * @param {string} widthOrHeight
-     8        'width' or 'height'
-     *
-     * @param  {number|string} [num]
-     8         New dimension
-     *
-     * @param  {boolean} [skipListeners]
-     *         Skip componentresize event trigger
-     *
-     * @return {number}
-     *         The dimension when getting or 0 if unset
-     */
-    ;
-
-    _proto.dimension = function dimension(widthOrHeight, num, skipListeners) {
-      if (num !== undefined) {
-        // Set to zero if null or literally NaN (NaN !== NaN)
-        if (num === null || num !== num) {
-          num = 0;
-        } // Check if using css width/height (% or px) and adjust
-
-
-        if (('' + num).indexOf('%') !== -1 || ('' + num).indexOf('px') !== -1) {
-          this.el_.style[widthOrHeight] = num;
-        } else if (num === 'auto') {
-          this.el_.style[widthOrHeight] = '';
-        } else {
-          this.el_.style[widthOrHeight] = num + 'px';
-        } // skipListeners allows us to avoid triggering the resize event when setting both width and height
-
-
-        if (!skipListeners) {
-          /**
-           * Triggered when a component is resized.
-           *
-           * @event Component#componentresize
-           * @type {EventTarget~Event}
-           */
-          this.trigger('componentresize');
-        }
-
-        return;
-      } // Not setting a value, so getting it
-      // Make sure element exists
-
-
-      if (!this.el_) {
-        return 0;
-      } // Get dimension value from style
-
-
-      var val = this.el_.style[widthOrHeight];
-      var pxIndex = val.indexOf('px');
-
-      if (pxIndex !== -1) {
-        // Return the pixel value with no 'px'
-        return parseInt(val.slice(0, pxIndex), 10);
-      } // No px so using % or no style was set, so falling back to offsetWidth/height
-      // If component has display:none, offset will return 0
-      // TODO: handle display:none and no dimension style using px
-
-
-      return parseInt(this.el_['offset' + toTitleCase(widthOrHeight)], 10);
-    }
-    /**
-     * Get the computed width or the height of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @param {string} widthOrHeight
-     *        A string containing 'width' or 'height'. Whichever one you want to get.
-     *
-     * @return {number}
-     *         The dimension that gets asked for or 0 if nothing was set
-     *         for that dimension.
-     */
-    ;
-
-    _proto.currentDimension = function currentDimension(widthOrHeight) {
-      var computedWidthOrHeight = 0;
-
-      if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-        throw new Error('currentDimension only accepts width or height value');
-      }
-
-      computedWidthOrHeight = computedStyle(this.el_, widthOrHeight); // remove 'px' from variable and parse as integer
-
-      computedWidthOrHeight = parseFloat(computedWidthOrHeight); // if the computed value is still 0, it's possible that the browser is lying
-      // and we want to check the offset values.
-      // This code also runs wherever getComputedStyle doesn't exist.
-
-      if (computedWidthOrHeight === 0 || isNaN(computedWidthOrHeight)) {
-        var rule = "offset" + toTitleCase(widthOrHeight);
-        computedWidthOrHeight = this.el_[rule];
-      }
-
-      return computedWidthOrHeight;
-    }
-    /**
-     * An object that contains width and height values of the `Component`s
-     * computed style. Uses `window.getComputedStyle`.
-     *
-     * @typedef {Object} Component~DimensionObject
-     *
-     * @property {number} width
-     *           The width of the `Component`s computed style.
-     *
-     * @property {number} height
-     *           The height of the `Component`s computed style.
-     */
-
-    /**
-     * Get an object that contains computed width and height values of the
-     * component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {Component~DimensionObject}
-     *         The computed dimensions of the component's element.
-     */
-    ;
-
-    _proto.currentDimensions = function currentDimensions() {
-      return {
-        width: this.currentDimension('width'),
-        height: this.currentDimension('height')
-      };
-    }
-    /**
-     * Get the computed width of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {number}
-     *         The computed width of the component's element.
-     */
-    ;
-
-    _proto.currentWidth = function currentWidth() {
-      return this.currentDimension('width');
-    }
-    /**
-     * Get the computed height of the component's element.
-     *
-     * Uses `window.getComputedStyle`.
-     *
-     * @return {number}
-     *         The computed height of the component's element.
-     */
-    ;
-
-    _proto.currentHeight = function currentHeight() {
-      return this.currentDimension('height');
-    }
-    /**
-     * Set the focus to this component
-     */
-    ;
-
-    _proto.focus = function focus() {
-      this.el_.focus();
-    }
-    /**
-     * Remove the focus from this component
-     */
-    ;
-
-    _proto.blur = function blur() {
-      this.el_.blur();
-    }
-    /**
-     * When this Component receives a `keydown` event which it does not process,
-     *  it passes the event to the Player for handling.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (this.player_) {
-        // We only stop propagation here because we want unhandled events to fall
-        // back to the browser.
-        event.stopPropagation();
-        this.player_.handleKeyDown(event);
-      }
-    }
-    /**
-     * Many components used to have a `handleKeyPress` method, which was poorly
-     * named because it listened to a `keydown` event. This method name now
-     * delegates to `handleKeyDown`. This means anyone calling `handleKeyPress`
-     * will not see their method calls stop working.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleKeyPress = function handleKeyPress(event) {
-      this.handleKeyDown(event);
-    }
-    /**
-     * Emit a 'tap' events when touch event support gets detected. This gets used to
-     * support toggling the controls through a tap on the video. They get enabled
-     * because every sub-component would have extra overhead otherwise.
-     *
-     * @private
-     * @fires Component#tap
-     * @listens Component#touchstart
-     * @listens Component#touchmove
-     * @listens Component#touchleave
-     * @listens Component#touchcancel
-     * @listens Component#touchend
-      */
-    ;
-
-    _proto.emitTapEvents = function emitTapEvents() {
-      // Track the start time so we can determine how long the touch lasted
-      var touchStart = 0;
-      var firstTouch = null; // Maximum movement allowed during a touch event to still be considered a tap
-      // Other popular libs use anywhere from 2 (hammer.js) to 15,
-      // so 10 seems like a nice, round number.
-
-      var tapMovementThreshold = 10; // The maximum length a touch can be while still being considered a tap
-
-      var touchTimeThreshold = 200;
-      var couldBeTap;
-      this.on('touchstart', function (event) {
-        // If more than one finger, don't consider treating this as a click
-        if (event.touches.length === 1) {
-          // Copy pageX/pageY from the object
-          firstTouch = {
-            pageX: event.touches[0].pageX,
-            pageY: event.touches[0].pageY
-          }; // Record start time so we can detect a tap vs. "touch and hold"
-
-          touchStart = window$1.performance.now(); // Reset couldBeTap tracking
-
-          couldBeTap = true;
-        }
-      });
-      this.on('touchmove', function (event) {
-        // If more than one finger, don't consider treating this as a click
-        if (event.touches.length > 1) {
-          couldBeTap = false;
-        } else if (firstTouch) {
-          // Some devices will throw touchmoves for all but the slightest of taps.
-          // So, if we moved only a small distance, this could still be a tap
-          var xdiff = event.touches[0].pageX - firstTouch.pageX;
-          var ydiff = event.touches[0].pageY - firstTouch.pageY;
-          var touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
-
-          if (touchDistance > tapMovementThreshold) {
-            couldBeTap = false;
-          }
-        }
-      });
-
-      var noTap = function noTap() {
-        couldBeTap = false;
-      }; // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
-
-
-      this.on('touchleave', noTap);
-      this.on('touchcancel', noTap); // When the touch ends, measure how long it took and trigger the appropriate
-      // event
-
-      this.on('touchend', function (event) {
-        firstTouch = null; // Proceed only if the touchmove/leave/cancel event didn't happen
-
-        if (couldBeTap === true) {
-          // Measure how long the touch lasted
-          var touchTime = window$1.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
-
-          if (touchTime < touchTimeThreshold) {
-            // Don't let browser turn this into a click
-            event.preventDefault();
-            /**
-             * Triggered when a `Component` is tapped.
-             *
-             * @event Component#tap
-             * @type {EventTarget~Event}
-             */
-
-            this.trigger('tap'); // It may be good to copy the touchend event object and change the
-            // type to tap, if the other event properties aren't exact after
-            // Events.fixEvent runs (e.g. event.target)
-          }
-        }
-      });
-    }
-    /**
-     * This function reports user activity whenever touch events happen. This can get
-     * turned off by any sub-components that wants touch events to act another way.
-     *
-     * Report user touch activity when touch events occur. User activity gets used to
-     * determine when controls should show/hide. It is 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 as `touchstart` and `touchend` toggle player
-     * controls. So touch events can't help us at the player level either.
-     *
-     * User activity gets 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.
-     * Furthermore a `touchmove` event and anything other than a tap, should not turn
-     * controls back on.
-     *
-     * @listens Component#touchstart
-     * @listens Component#touchmove
-     * @listens Component#touchend
-     * @listens Component#touchcancel
-     */
-    ;
-
-    _proto.enableTouchActivity = function enableTouchActivity() {
-      // Don't continue if the root player doesn't support reporting user activity
-      if (!this.player() || !this.player().reportUserActivity) {
-        return;
-      } // listener for reporting that the user is active
-
-
-      var report = bind(this.player(), this.player().reportUserActivity);
-      var touchHolding;
-      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
-
-        this.clearInterval(touchHolding); // report at the same interval as activityCheck
-
-        touchHolding = this.setInterval(report, 250);
-      });
-
-      var touchEnd = function touchEnd(event) {
-        report(); // stop the interval that maintains activity if the touch is holding
-
-        this.clearInterval(touchHolding);
-      };
-
-      this.on('touchmove', report);
-      this.on('touchend', touchEnd);
-      this.on('touchcancel', touchEnd);
-    }
-    /**
-     * A callback that has no parameters and is bound into `Component`s context.
-     *
-     * @callback Component~GenericCallback
-     * @this Component
-     */
-
-    /**
-     * Creates a function that runs after an `x` millisecond timeout. This function is a
-     * wrapper around `window.setTimeout`. There are a few reasons to use this one
-     * instead though:
-     * 1. It gets cleared via  {@link Component#clearTimeout} when
-     *    {@link Component#dispose} gets called.
-     * 2. The function callback will gets turned into a {@link Component~GenericCallback}
-     *
-     * > Note: You can't use `window.clearTimeout` on the id returned by this function. This
-     *         will cause its dispose listener not to get cleaned up! Please use
-     *         {@link Component#clearTimeout} or {@link Component#dispose} instead.
-     *
-     * @param {Component~GenericCallback} fn
-     *        The function that will be run after `timeout`.
-     *
-     * @param {number} timeout
-     *        Timeout in milliseconds to delay before executing the specified function.
-     *
-     * @return {number}
-     *         Returns a timeout ID that gets used to identify the timeout. It can also
-     *         get used in {@link Component#clearTimeout} to clear the timeout that
-     *         was set.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout}
-     */
-    ;
-
-    _proto.setTimeout = function setTimeout(fn, timeout) {
-      var _this2 = this;
-
-      // declare as variables so they are properly available in timeout function
-      // eslint-disable-next-line
-      var timeoutId;
-      fn = bind(this, fn);
-      this.clearTimersOnDispose_();
-      timeoutId = window$1.setTimeout(function () {
-        if (_this2.setTimeoutIds_.has(timeoutId)) {
-          _this2.setTimeoutIds_["delete"](timeoutId);
-        }
-
-        fn();
-      }, timeout);
-      this.setTimeoutIds_.add(timeoutId);
-      return timeoutId;
-    }
-    /**
-     * Clears a timeout that gets created via `window.setTimeout` or
-     * {@link Component#setTimeout}. If you set a timeout via {@link Component#setTimeout}
-     * use this function instead of `window.clearTimout`. If you don't your dispose
-     * listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} timeoutId
-     *        The id of the timeout to clear. The return value of
-     *        {@link Component#setTimeout} or `window.setTimeout`.
-     *
-     * @return {number}
-     *         Returns the timeout id that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout}
-     */
-    ;
-
-    _proto.clearTimeout = function clearTimeout(timeoutId) {
-      if (this.setTimeoutIds_.has(timeoutId)) {
-        this.setTimeoutIds_["delete"](timeoutId);
-        window$1.clearTimeout(timeoutId);
-      }
-
-      return timeoutId;
-    }
-    /**
-     * Creates a function that gets run every `x` milliseconds. This function is a wrapper
-     * around `window.setInterval`. There are a few reasons to use this one instead though.
-     * 1. It gets cleared via  {@link Component#clearInterval} when
-     *    {@link Component#dispose} gets called.
-     * 2. The function callback will be a {@link Component~GenericCallback}
-     *
-     * @param {Component~GenericCallback} fn
-     *        The function to run every `x` seconds.
-     *
-     * @param {number} interval
-     *        Execute the specified function every `x` milliseconds.
-     *
-     * @return {number}
-     *         Returns an id that can be used to identify the interval. It can also be be used in
-     *         {@link Component#clearInterval} to clear the interval.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval}
-     */
-    ;
-
-    _proto.setInterval = function setInterval(fn, interval) {
-      fn = bind(this, fn);
-      this.clearTimersOnDispose_();
-      var intervalId = window$1.setInterval(fn, interval);
-      this.setIntervalIds_.add(intervalId);
-      return intervalId;
-    }
-    /**
-     * Clears an interval that gets created via `window.setInterval` or
-     * {@link Component#setInterval}. If you set an inteval via {@link Component#setInterval}
-     * use this function instead of `window.clearInterval`. If you don't your dispose
-     * listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} intervalId
-     *        The id of the interval to clear. The return value of
-     *        {@link Component#setInterval} or `window.setInterval`.
-     *
-     * @return {number}
-     *         Returns the interval id that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval}
-     */
-    ;
-
-    _proto.clearInterval = function clearInterval(intervalId) {
-      if (this.setIntervalIds_.has(intervalId)) {
-        this.setIntervalIds_["delete"](intervalId);
-        window$1.clearInterval(intervalId);
-      }
-
-      return intervalId;
-    }
-    /**
-     * Queues up a callback to be passed to requestAnimationFrame (rAF), but
-     * with a few extra bonuses:
-     *
-     * - Supports browsers that do not support rAF by falling back to
-     *   {@link Component#setTimeout}.
-     *
-     * - The callback is turned into a {@link Component~GenericCallback} (i.e.
-     *   bound to the component).
-     *
-     * - Automatic cancellation of the rAF callback is handled if the component
-     *   is disposed before it is called.
-     *
-     * @param  {Component~GenericCallback} fn
-     *         A function that will be bound to this component and executed just
-     *         before the browser's next repaint.
-     *
-     * @return {number}
-     *         Returns an rAF ID that gets used to identify the timeout. It can
-     *         also be used in {@link Component#cancelAnimationFrame} to cancel
-     *         the animation frame callback.
-     *
-     * @listens Component#dispose
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame}
-     */
-    ;
-
-    _proto.requestAnimationFrame = function requestAnimationFrame(fn) {
-      var _this3 = this;
-
-      // Fall back to using a timer.
-      if (!this.supportsRaf_) {
-        return this.setTimeout(fn, 1000 / 60);
-      }
-
-      this.clearTimersOnDispose_(); // declare as variables so they are properly available in rAF function
-      // eslint-disable-next-line
-
-      var id;
-      fn = bind(this, fn);
-      id = window$1.requestAnimationFrame(function () {
-        if (_this3.rafIds_.has(id)) {
-          _this3.rafIds_["delete"](id);
-        }
-
-        fn();
-      });
-      this.rafIds_.add(id);
-      return id;
-    }
-    /**
-     * Cancels a queued callback passed to {@link Component#requestAnimationFrame}
-     * (rAF).
-     *
-     * If you queue an rAF callback via {@link Component#requestAnimationFrame},
-     * use this function instead of `window.cancelAnimationFrame`. If you don't,
-     * your dispose listener will not get cleaned up until {@link Component#dispose}!
-     *
-     * @param {number} id
-     *        The rAF ID to clear. The return value of {@link Component#requestAnimationFrame}.
-     *
-     * @return {number}
-     *         Returns the rAF ID that was cleared.
-     *
-     * @see [Similar to]{@link https://developer.mozilla.org/en-US/docs/Web/API/window/cancelAnimationFrame}
-     */
-    ;
-
-    _proto.cancelAnimationFrame = function cancelAnimationFrame(id) {
-      // Fall back to using a timer.
-      if (!this.supportsRaf_) {
-        return this.clearTimeout(id);
-      }
-
-      if (this.rafIds_.has(id)) {
-        this.rafIds_["delete"](id);
-        window$1.cancelAnimationFrame(id);
-      }
-
-      return id;
-    }
-    /**
-     * A function to setup `requestAnimationFrame`, `setTimeout`,
-     * and `setInterval`, clearing on dispose.
-     *
-     * > Previously each timer added and removed dispose listeners on it's own.
-     * For better performance it was decided to batch them all, and use `Set`s
-     * to track outstanding timer ids.
-     *
-     * @private
-     */
-    ;
-
-    _proto.clearTimersOnDispose_ = function clearTimersOnDispose_() {
-      var _this4 = this;
-
-      if (this.clearingTimersOnDispose_) {
-        return;
-      }
-
-      this.clearingTimersOnDispose_ = true;
-      this.one('dispose', function () {
-        [['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
-          var idName = _ref[0],
-              cancelName = _ref[1];
-
-          _this4[idName].forEach(_this4[cancelName], _this4);
-        });
-        _this4.clearingTimersOnDispose_ = false;
-      });
-    }
-    /**
-     * Register a `Component` with `videojs` given the name and the component.
-     *
-     * > NOTE: {@link Tech}s should not be registered as a `Component`. {@link Tech}s
-     *         should be registered using {@link Tech.registerTech} or
-     *         {@link videojs:videojs.registerTech}.
-     *
-     * > NOTE: This function can also be seen on videojs as
-     *         {@link videojs:videojs.registerComponent}.
-     *
-     * @param {string} name
-     *        The name of the `Component` to register.
-     *
-     * @param {Component} ComponentToRegister
-     *        The `Component` class to register.
-     *
-     * @return {Component}
-     *         The `Component` that was registered.
-     */
-    ;
-
-    Component.registerComponent = function registerComponent(name, ComponentToRegister) {
-      if (typeof name !== 'string' || !name) {
-        throw new Error("Illegal component name, \"" + name + "\"; must be a non-empty string.");
-      }
-
-      var Tech = Component.getComponent('Tech'); // We need to make sure this check is only done if Tech has been registered.
-
-      var isTech = Tech && Tech.isTech(ComponentToRegister);
-      var isComp = Component === ComponentToRegister || Component.prototype.isPrototypeOf(ComponentToRegister.prototype);
-
-      if (isTech || !isComp) {
-        var reason;
-
-        if (isTech) {
-          reason = 'techs must be registered using Tech.registerTech()';
-        } else {
-          reason = 'must be a Component subclass';
-        }
-
-        throw new Error("Illegal component, \"" + name + "\"; " + reason + ".");
-      }
-
-      name = toTitleCase(name);
-
-      if (!Component.components_) {
-        Component.components_ = {};
-      }
-
-      var Player = Component.getComponent('Player');
-
-      if (name === 'Player' && Player && Player.players) {
-        var players = Player.players;
-        var playerNames = Object.keys(players); // If we have players that were disposed, then their name will still be
-        // in Players.players. So, we must loop through and verify that the value
-        // for each item is not null. This allows registration of the Player component
-        // after all players have been disposed or before any were created.
-
-        if (players && playerNames.length > 0 && playerNames.map(function (pname) {
-          return players[pname];
-        }).every(Boolean)) {
-          throw new Error('Can not register Player component after player has been created.');
-        }
-      }
-
-      Component.components_[name] = ComponentToRegister;
-      Component.components_[toLowerCase(name)] = ComponentToRegister;
-      return ComponentToRegister;
-    }
-    /**
-     * Get a `Component` based on the name it was registered with.
-     *
-     * @param {string} name
-     *        The Name of the component to get.
-     *
-     * @return {Component}
-     *         The `Component` that got registered under the given name.
-     *
-     * @deprecated In `videojs` 6 this will not return `Component`s that were not
-     *             registered using {@link Component.registerComponent}. Currently we
-     *             check the global `videojs` object for a `Component` name and
-     *             return that if it exists.
-     */
-    ;
-
-    Component.getComponent = function getComponent(name) {
-      if (!name || !Component.components_) {
-        return;
-      }
-
-      return Component.components_[name];
-    };
-
-    return Component;
-  }();
-  /**
-   * Whether or not this component supports `requestAnimationFrame`.
-   *
-   * This is exposed primarily for testing purposes.
-   *
-   * @private
-   * @type {Boolean}
-   */
-
-
-  Component.prototype.supportsRaf_ = typeof window$1.requestAnimationFrame === 'function' && typeof window$1.cancelAnimationFrame === 'function';
-  Component.registerComponent('Component', Component);
-
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
-  }
-
-  var assertThisInitialized = _assertThisInitialized;
-
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  var inheritsLoose = _inheritsLoose;
-
-  /**
-   * @file browser.js
-   * @module browser
-   */
-  var USER_AGENT = window$1.navigator && window$1.navigator.userAgent || '';
-  var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
-  var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
-  /**
-   * Whether or not this device is an iPod.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IPOD = /iPod/i.test(USER_AGENT);
-  /**
-   * The detected iOS version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {string|null}
-   */
-
-  var IOS_VERSION = function () {
-    var match = USER_AGENT.match(/OS (\d+)_/i);
-
-    if (match && match[1]) {
-      return match[1];
-    }
-
-    return null;
-  }();
-  /**
-   * Whether or not this is an Android device.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_ANDROID = /Android/i.test(USER_AGENT);
-  /**
-   * The detected Android version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|string|null}
-   */
-
-  var ANDROID_VERSION = function () {
-    // This matches Android Major.Minor.Patch versions
-    // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
-    var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
-
-    if (!match) {
-      return null;
-    }
-
-    var major = match[1] && parseFloat(match[1]);
-    var minor = match[2] && parseFloat(match[2]);
-
-    if (major && minor) {
-      return parseFloat(match[1] + '.' + match[2]);
-    } else if (major) {
-      return major;
-    }
-
-    return null;
-  }();
-  /**
-   * Whether or not this is a native Android browser.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-  /**
-   * Whether or not this is Mozilla Firefox.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-  /**
-   * Whether or not this is Microsoft Edge.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_EDGE = /Edge/i.test(USER_AGENT);
-  /**
-   * Whether or not this is Google Chrome.
-   *
-   * This will also be `true` for Chrome on iOS, which will have different support
-   * as it is actually Safari under the hood.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
-  /**
-   * The detected Google Chrome version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|null}
-   */
-
-  var CHROME_VERSION = function () {
-    var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
-
-    if (match && match[2]) {
-      return parseFloat(match[2]);
-    }
-
-    return null;
-  }();
-  /**
-   * The detected Internet Explorer version - or `null`.
-   *
-   * @static
-   * @const
-   * @type {number|null}
-   */
-
-  var IE_VERSION = function () {
-    var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
-    var version = result && parseFloat(result[1]);
-
-    if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
-      // IE 11 has a different user agent string than other IE versions
-      version = 11.0;
-    }
-
-    return version;
-  }();
-  /**
-   * Whether or not this is desktop Safari.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-  /**
-   * Whether or not this is a Windows machine.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_WINDOWS = /Windows/i.test(USER_AGENT);
-  /**
-   * Whether or not this device is touch-enabled.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var TOUCH_ENABLED = isReal() && ('ontouchstart' in window$1 || window$1.navigator.maxTouchPoints || window$1.DocumentTouch && window$1.document instanceof window$1.DocumentTouch);
-  /**
-   * Whether or not this device is an iPad.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
-  /**
-   * Whether or not this device is an iPhone.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-  // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
-  // to identify iPhones, we need to exclude iPads.
-  // http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
-
-  var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
-  /**
-   * Whether or not this is an iOS device.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-  /**
-   * Whether or not this is any flavor of Safari - including iOS.
-   *
-   * @static
-   * @const
-   * @type {Boolean}
-   */
-
-  var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
-
-  var browser = /*#__PURE__*/Object.freeze({
-    IS_IPOD: IS_IPOD,
-    IOS_VERSION: IOS_VERSION,
-    IS_ANDROID: IS_ANDROID,
-    ANDROID_VERSION: ANDROID_VERSION,
-    IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-    IS_FIREFOX: IS_FIREFOX,
-    IS_EDGE: IS_EDGE,
-    IS_CHROME: IS_CHROME,
-    CHROME_VERSION: CHROME_VERSION,
-    IE_VERSION: IE_VERSION,
-    IS_SAFARI: IS_SAFARI,
-    IS_WINDOWS: IS_WINDOWS,
-    TOUCH_ENABLED: TOUCH_ENABLED,
-    IS_IPAD: IS_IPAD,
-    IS_IPHONE: IS_IPHONE,
-    IS_IOS: IS_IOS,
-    IS_ANY_SAFARI: IS_ANY_SAFARI
-  });
-
-  /**
-   * @file time-ranges.js
-   * @module time-ranges
-   */
-
-  /**
-   * Returns the time for the specified index at the start or end
-   * of a TimeRange object.
-   *
-   * @typedef    {Function} TimeRangeIndex
-   *
-   * @param      {number} [index=0]
-   *             The range number to return the time for.
-   *
-   * @return     {number}
-   *             The time offset at the specified index.
-   *
-   * @deprecated The index argument must be provided.
-   *             In the future, leaving it out will throw an error.
-   */
-
-  /**
-   * An object that contains ranges of time.
-   *
-   * @typedef  {Object} TimeRange
-   *
-   * @property {number} length
-   *           The number of time ranges represented by this object.
-   *
-   * @property {module:time-ranges~TimeRangeIndex} start
-   *           Returns the time offset at which a specified time range begins.
-   *
-   * @property {module:time-ranges~TimeRangeIndex} end
-   *           Returns the time offset at which a specified time range ends.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges
-   */
-
-  /**
-   * Check if any of the time ranges are over the maximum index.
-   *
-   * @private
-   * @param   {string} fnName
-   *          The function name to use for logging
-   *
-   * @param   {number} index
-   *          The index to check
-   *
-   * @param   {number} maxIndex
-   *          The maximum possible index
-   *
-   * @throws  {Error} if the timeRanges provided are over the maxIndex
-   */
-  function rangeCheck(fnName, index, maxIndex) {
-    if (typeof index !== 'number' || index < 0 || index > maxIndex) {
-      throw new Error("Failed to execute '" + fnName + "' on 'TimeRanges': The index provided (" + index + ") is non-numeric or out of bounds (0-" + maxIndex + ").");
-    }
-  }
-  /**
-   * Get the time for the specified index at the start or end
-   * of a TimeRange object.
-   *
-   * @private
-   * @param      {string} fnName
-   *             The function name to use for logging
-   *
-   * @param      {string} valueIndex
-   *             The property that should be used to get the time. should be
-   *             'start' or 'end'
-   *
-   * @param      {Array} ranges
-   *             An array of time ranges
-   *
-   * @param      {Array} [rangeIndex=0]
-   *             The index to start the search at
-   *
-   * @return     {number}
-   *             The time that offset at the specified index.
-   *
-   * @deprecated rangeIndex must be set to a value, in the future this will throw an error.
-   * @throws     {Error} if rangeIndex is more than the length of ranges
-   */
-
-
-  function getRange(fnName, valueIndex, ranges, rangeIndex) {
-    rangeCheck(fnName, rangeIndex, ranges.length - 1);
-    return ranges[rangeIndex][valueIndex];
-  }
-  /**
-   * Create a time range object given ranges of time.
-   *
-   * @private
-   * @param   {Array} [ranges]
-   *          An array of time ranges.
-   */
-
-
-  function createTimeRangesObj(ranges) {
-    if (ranges === undefined || ranges.length === 0) {
-      return {
-        length: 0,
-        start: function start() {
-          throw new Error('This TimeRanges object is empty');
-        },
-        end: function end() {
-          throw new Error('This TimeRanges object is empty');
-        }
-      };
-    }
-
-    return {
-      length: ranges.length,
-      start: getRange.bind(null, 'start', 0, ranges),
-      end: getRange.bind(null, 'end', 1, ranges)
-    };
-  }
-  /**
-   * Create a `TimeRange` object which mimics an
-   * {@link https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges|HTML5 TimeRanges instance}.
-   *
-   * @param {number|Array[]} start
-   *        The start of a single range (a number) or an array of ranges (an
-   *        array of arrays of two numbers each).
-   *
-   * @param {number} end
-   *        The end of a single range. Cannot be used with the array form of
-   *        the `start` argument.
-   */
-
-
-  function createTimeRanges(start, end) {
-    if (Array.isArray(start)) {
-      return createTimeRangesObj(start);
-    } else if (start === undefined || end === undefined) {
-      return createTimeRangesObj();
-    }
-
-    return createTimeRangesObj([[start, end]]);
-  }
-
-  /**
-   * @file buffer.js
-   * @module buffer
-   */
-  /**
-   * Compute the percentage of the media that has been buffered.
-   *
-   * @param {TimeRange} buffered
-   *        The current `TimeRange` object representing buffered time ranges
-   *
-   * @param {number} duration
-   *        Total duration of the media
-   *
-   * @return {number}
-   *         Percent buffered of the total duration in decimal form.
-   */
-
-  function bufferedPercent(buffered, duration) {
-    var bufferedDuration = 0;
-    var start;
-    var end;
-
-    if (!duration) {
-      return 0;
-    }
-
-    if (!buffered || !buffered.length) {
-      buffered = createTimeRanges(0, 0);
-    }
-
-    for (var i = 0; i < buffered.length; i++) {
-      start = buffered.start(i);
-      end = buffered.end(i); // buffered end can be bigger than duration by a very small fraction
-
-      if (end > duration) {
-        end = duration;
-      }
-
-      bufferedDuration += end - start;
-    }
-
-    return bufferedDuration / duration;
-  }
-
-  /**
-   * @file fullscreen-api.js
-   * @module fullscreen-api
-   * @private
-   */
-  /**
-   * Store the browser-specific methods for the fullscreen API.
-   *
-   * @type {Object}
-   * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
-   * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
-   */
-
-  var FullscreenApi = {
-    prefixed: true
-  }; // browser API methods
-
-  var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
-  ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
-  ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
-  ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
-  var specApi = apiMap[0];
-  var browserApi; // determine the supported set of functions
-
-  for (var i = 0; i < apiMap.length; i++) {
-    // check for exitFullscreen function
-    if (apiMap[i][1] in document) {
-      browserApi = apiMap[i];
-      break;
-    }
-  } // map the browser API names to the spec API names
-
-
-  if (browserApi) {
-    for (var _i = 0; _i < browserApi.length; _i++) {
-      FullscreenApi[specApi[_i]] = browserApi[_i];
-    }
-
-    FullscreenApi.prefixed = browserApi[0] !== specApi[0];
-  }
-
-  /**
-   * @file media-error.js
-   */
-  /**
-   * A Custom `MediaError` class which mimics the standard HTML5 `MediaError` class.
-   *
-   * @param {number|string|Object|MediaError} value
-   *        This can be of multiple types:
-   *        - number: should be a standard error code
-   *        - string: an error message (the code will be 0)
-   *        - Object: arbitrary properties
-   *        - `MediaError` (native): used to populate a video.js `MediaError` object
-   *        - `MediaError` (video.js): will return itself if it's already a
-   *          video.js `MediaError` object.
-   *
-   * @see [MediaError Spec]{@link https://dev.w3.org/html5/spec-author-view/video.html#mediaerror}
-   * @see [Encrypted MediaError Spec]{@link https://www.w3.org/TR/2013/WD-encrypted-media-20130510/#error-codes}
-   *
-   * @class MediaError
-   */
-
-  function MediaError(value) {
-    // Allow redundant calls to this constructor to avoid having `instanceof`
-    // checks peppered around the code.
-    if (value instanceof MediaError) {
-      return value;
-    }
-
-    if (typeof value === 'number') {
-      this.code = value;
-    } else if (typeof value === 'string') {
-      // default code is zero, so this is a custom error
-      this.message = value;
-    } else if (isObject(value)) {
-      // We assign the `code` property manually because native `MediaError` objects
-      // do not expose it as an own/enumerable property of the object.
-      if (typeof value.code === 'number') {
-        this.code = value.code;
-      }
-
-      assign(this, value);
-    }
-
-    if (!this.message) {
-      this.message = MediaError.defaultMessages[this.code] || '';
-    }
-  }
-  /**
-   * The error code that refers two one of the defined `MediaError` types
-   *
-   * @type {Number}
-   */
-
-
-  MediaError.prototype.code = 0;
-  /**
-   * An optional message that to show with the error. Message is not part of the HTML5
-   * video spec but allows for more informative custom errors.
-   *
-   * @type {String}
-   */
-
-  MediaError.prototype.message = '';
-  /**
-   * An optional status code that can be set by plugins to allow even more detail about
-   * the error. For example a plugin might provide a specific HTTP status code and an
-   * error message for that code. Then when the plugin gets that error this class will
-   * know how to display an error message for it. This allows a custom message to show
-   * up on the `Player` error overlay.
-   *
-   * @type {Array}
-   */
-
-  MediaError.prototype.status = null;
-  /**
-   * Errors indexed by the W3C standard. The order **CANNOT CHANGE**! See the
-   * specification listed under {@link MediaError} for more information.
-   *
-   * @enum {array}
-   * @readonly
-   * @property {string} 0 - MEDIA_ERR_CUSTOM
-   * @property {string} 1 - MEDIA_ERR_ABORTED
-   * @property {string} 2 - MEDIA_ERR_NETWORK
-   * @property {string} 3 - MEDIA_ERR_DECODE
-   * @property {string} 4 - MEDIA_ERR_SRC_NOT_SUPPORTED
-   * @property {string} 5 - MEDIA_ERR_ENCRYPTED
-   */
-
-  MediaError.errorTypes = ['MEDIA_ERR_CUSTOM', 'MEDIA_ERR_ABORTED', 'MEDIA_ERR_NETWORK', 'MEDIA_ERR_DECODE', 'MEDIA_ERR_SRC_NOT_SUPPORTED', 'MEDIA_ERR_ENCRYPTED'];
-  /**
-   * The default `MediaError` messages based on the {@link MediaError.errorTypes}.
-   *
-   * @type {Array}
-   * @constant
-   */
-
-  MediaError.defaultMessages = {
-    1: 'You aborted the media playback',
-    2: 'A network error caused the media download to fail part-way.',
-    3: 'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.',
-    4: 'The media could not be loaded, either because the server or network failed or because the format is not supported.',
-    5: 'The media is encrypted and we do not have the keys to decrypt it.'
-  }; // Add types as properties on MediaError
-  // e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
-
-  for (var errNum = 0; errNum < MediaError.errorTypes.length; errNum++) {
-    MediaError[MediaError.errorTypes[errNum]] = errNum; // values should be accessible on both the class and instance
-
-    MediaError.prototype[MediaError.errorTypes[errNum]] = errNum;
-  } // jsdocs for instance/static members added above
-
-  var tuple = SafeParseTuple;
-
-  function SafeParseTuple(obj, reviver) {
-    var json;
-    var error = null;
-
-    try {
-      json = JSON.parse(obj, reviver);
-    } catch (err) {
-      error = err;
-    }
-
-    return [error, json];
-  }
-
-  /**
-   * Returns whether an object is `Promise`-like (i.e. has a `then` method).
-   *
-   * @param  {Object}  value
-   *         An object that may or may not be `Promise`-like.
-   *
-   * @return {boolean}
-   *         Whether or not the object is `Promise`-like.
-   */
-  function isPromise(value) {
-    return value !== undefined && value !== null && typeof value.then === 'function';
-  }
-  /**
-   * Silence a Promise-like object.
-   *
-   * This is useful for avoiding non-harmful, but potentially confusing "uncaught
-   * play promise" rejection error messages.
-   *
-   * @param  {Object} value
-   *         An object that may or may not be `Promise`-like.
-   */
-
-  function silencePromise(value) {
-    if (isPromise(value)) {
-      value.then(null, function (e) {});
-    }
-  }
-
-  /**
-   * @file text-track-list-converter.js Utilities for capturing text track state and
-   * re-creating tracks based on a capture.
-   *
-   * @module text-track-list-converter
-   */
-
-  /**
-   * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that
-   * represents the {@link TextTrack}'s state.
-   *
-   * @param {TextTrack} track
-   *        The text track to query.
-   *
-   * @return {Object}
-   *         A serializable javascript representation of the TextTrack.
-   * @private
-   */
-  var trackToJson_ = function trackToJson_(track) {
-    var ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce(function (acc, prop, i) {
-      if (track[prop]) {
-        acc[prop] = track[prop];
-      }
-
-      return acc;
-    }, {
-      cues: track.cues && Array.prototype.map.call(track.cues, function (cue) {
-        return {
-          startTime: cue.startTime,
-          endTime: cue.endTime,
-          text: cue.text,
-          id: cue.id
-        };
-      })
-    });
-    return ret;
-  };
-  /**
-   * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the
-   * state of all {@link TextTrack}s currently configured. The return array is compatible with
-   * {@link text-track-list-converter:jsonToTextTracks}.
-   *
-   * @param {Tech} tech
-   *        The tech object to query
-   *
-   * @return {Array}
-   *         A serializable javascript representation of the {@link Tech}s
-   *         {@link TextTrackList}.
-   */
-
-
-  var textTracksToJson = function textTracksToJson(tech) {
-    var trackEls = tech.$$('track');
-    var trackObjs = Array.prototype.map.call(trackEls, function (t) {
-      return t.track;
-    });
-    var tracks = Array.prototype.map.call(trackEls, function (trackEl) {
-      var json = trackToJson_(trackEl.track);
-
-      if (trackEl.src) {
-        json.src = trackEl.src;
-      }
-
-      return json;
-    });
-    return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {
-      return trackObjs.indexOf(track) === -1;
-    }).map(trackToJson_));
-  };
-  /**
-   * Create a set of remote {@link TextTrack}s on a {@link Tech} based on an array of javascript
-   * object {@link TextTrack} representations.
-   *
-   * @param {Array} json
-   *        An array of `TextTrack` representation objects, like those that would be
-   *        produced by `textTracksToJson`.
-   *
-   * @param {Tech} tech
-   *        The `Tech` to create the `TextTrack`s on.
-   */
-
-
-  var jsonToTextTracks = function jsonToTextTracks(json, tech) {
-    json.forEach(function (track) {
-      var addedTrack = tech.addRemoteTextTrack(track).track;
-
-      if (!track.src && track.cues) {
-        track.cues.forEach(function (cue) {
-          return addedTrack.addCue(cue);
-        });
-      }
-    });
-    return tech.textTracks();
-  };
-
-  var textTrackConverter = {
-    textTracksToJson: textTracksToJson,
-    jsonToTextTracks: jsonToTextTracks,
-    trackToJson_: trackToJson_
-  };
-
-  var keycode = createCommonjsModule(function (module, exports) {
-    // Source: http://jsfiddle.net/vWx8V/
-    // http://stackoverflow.com/questions/5603195/full-list-of-javascript-keycodes
-
-    /**
-     * Conenience method returns corresponding value for given keyName or keyCode.
-     *
-     * @param {Mixed} keyCode {Number} or keyName {String}
-     * @return {Mixed}
-     * @api public
-     */
-    function keyCode(searchInput) {
-      // Keyboard Events
-      if (searchInput && 'object' === typeof searchInput) {
-        var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode;
-        if (hasKeyCode) searchInput = hasKeyCode;
-      } // Numbers
-
-
-      if ('number' === typeof searchInput) return names[searchInput]; // Everything else (cast to string)
-
-      var search = String(searchInput); // check codes
-
-      var foundNamedKey = codes[search.toLowerCase()];
-      if (foundNamedKey) return foundNamedKey; // check aliases
-
-      var foundNamedKey = aliases[search.toLowerCase()];
-      if (foundNamedKey) return foundNamedKey; // weird character?
-
-      if (search.length === 1) return search.charCodeAt(0);
-      return undefined;
-    }
-    /**
-     * Compares a keyboard event with a given keyCode or keyName.
-     *
-     * @param {Event} event Keyboard event that should be tested
-     * @param {Mixed} keyCode {Number} or keyName {String}
-     * @return {Boolean}
-     * @api public
-     */
-
-
-    keyCode.isEventKey = function isEventKey(event, nameOrCode) {
-      if (event && 'object' === typeof event) {
-        var keyCode = event.which || event.keyCode || event.charCode;
-
-        if (keyCode === null || keyCode === undefined) {
-          return false;
-        }
-
-        if (typeof nameOrCode === 'string') {
-          // check codes
-          var foundNamedKey = codes[nameOrCode.toLowerCase()];
-
-          if (foundNamedKey) {
-            return foundNamedKey === keyCode;
-          } // check aliases
-
-
-          var foundNamedKey = aliases[nameOrCode.toLowerCase()];
-
-          if (foundNamedKey) {
-            return foundNamedKey === keyCode;
-          }
-        } else if (typeof nameOrCode === 'number') {
-          return nameOrCode === keyCode;
-        }
-
-        return false;
-      }
-    };
-
-    exports = module.exports = keyCode;
-    /**
-     * Get by name
-     *
-     *   exports.code['enter'] // => 13
-     */
-
-    var codes = exports.code = exports.codes = {
-      'backspace': 8,
-      'tab': 9,
-      'enter': 13,
-      'shift': 16,
-      'ctrl': 17,
-      'alt': 18,
-      'pause/break': 19,
-      'caps lock': 20,
-      'esc': 27,
-      'space': 32,
-      'page up': 33,
-      'page down': 34,
-      'end': 35,
-      'home': 36,
-      'left': 37,
-      'up': 38,
-      'right': 39,
-      'down': 40,
-      'insert': 45,
-      'delete': 46,
-      'command': 91,
-      'left command': 91,
-      'right command': 93,
-      'numpad *': 106,
-      'numpad +': 107,
-      'numpad -': 109,
-      'numpad .': 110,
-      'numpad /': 111,
-      'num lock': 144,
-      'scroll lock': 145,
-      'my computer': 182,
-      'my calculator': 183,
-      ';': 186,
-      '=': 187,
-      ',': 188,
-      '-': 189,
-      '.': 190,
-      '/': 191,
-      '`': 192,
-      '[': 219,
-      '\\': 220,
-      ']': 221,
-      "'": 222 // Helper aliases
-
-    };
-    var aliases = exports.aliases = {
-      'windows': 91,
-      '⇧': 16,
-      '⌥': 18,
-      '⌃': 17,
-      '⌘': 91,
-      'ctl': 17,
-      'control': 17,
-      'option': 18,
-      'pause': 19,
-      'break': 19,
-      'caps': 20,
-      'return': 13,
-      'escape': 27,
-      'spc': 32,
-      'spacebar': 32,
-      'pgup': 33,
-      'pgdn': 34,
-      'ins': 45,
-      'del': 46,
-      'cmd': 91
-      /*!
-       * Programatically add the following
-       */
-      // lower case chars
-
-    };
-
-    for (i = 97; i < 123; i++) {
-      codes[String.fromCharCode(i)] = i - 32;
-    } // numbers
-
-
-    for (var i = 48; i < 58; i++) {
-      codes[i - 48] = i;
-    } // function keys
-
-
-    for (i = 1; i < 13; i++) {
-      codes['f' + i] = i + 111;
-    } // numpad keys
-
-
-    for (i = 0; i < 10; i++) {
-      codes['numpad ' + i] = i + 96;
-    }
-    /**
-     * Get by code
-     *
-     *   exports.name[13] // => 'Enter'
-     */
-
-
-    var names = exports.names = exports.title = {}; // title for backward compat
-    // Create reverse mapping
-
-    for (i in codes) {
-      names[codes[i]] = i;
-    } // Add aliases
-
-
-    for (var alias in aliases) {
-      codes[alias] = aliases[alias];
-    }
-  });
-  var keycode_1 = keycode.code;
-  var keycode_2 = keycode.codes;
-  var keycode_3 = keycode.aliases;
-  var keycode_4 = keycode.names;
-  var keycode_5 = keycode.title;
-
-  var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-  /**
-   * The `ModalDialog` displays over the video and its controls, which blocks
-   * interaction with the player until it is closed.
-   *
-   * Modal dialogs include a "Close" button and will close when that button
-   * is activated - or when ESC is pressed anywhere.
-   *
-   * @extends Component
-   */
-
-  var ModalDialog =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ModalDialog, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Mixed} [options.content=undefined]
-     *        Provide customized content for this modal.
-     *
-     * @param {string} [options.description]
-     *        A text description for the modal, primarily for accessibility.
-     *
-     * @param {boolean} [options.fillAlways=false]
-     *        Normally, modals are automatically filled only the first time
-     *        they open. This tells the modal to refresh its content
-     *        every time it opens.
-     *
-     * @param {string} [options.label]
-     *        A text label for the modal, primarily for accessibility.
-     *
-     * @param {boolean} [options.pauseOnOpen=true]
-     *        If `true`, playback will will be paused if playing when
-     *        the modal opens, and resumed when it closes.
-     *
-     * @param {boolean} [options.temporary=true]
-     *        If `true`, the modal can only be opened once; it will be
-     *        disposed as soon as it's closed.
-     *
-     * @param {boolean} [options.uncloseable=false]
-     *        If `true`, the user will not be able to close the modal
-     *        through the UI in the normal ways. Programmatic closing is
-     *        still possible.
-     */
-    function ModalDialog(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;
-
-      _this.closeable(!_this.options_.uncloseable);
-
-      _this.content(_this.options_.content); // Make sure the contentEl is defined AFTER any children are initialized
-      // because we only want the contents of the modal in the contentEl
-      // (not the UI elements like the close button).
-
-
-      _this.contentEl_ = createEl('div', {
-        className: MODAL_CLASS_NAME + "-content"
-      }, {
-        role: 'document'
-      });
-      _this.descEl_ = createEl('p', {
-        className: MODAL_CLASS_NAME + "-description vjs-control-text",
-        id: _this.el().getAttribute('aria-describedby')
-      });
-      textContent(_this.descEl_, _this.description());
-
-      _this.el_.appendChild(_this.descEl_);
-
-      _this.el_.appendChild(_this.contentEl_);
-
-      return _this;
-    }
-    /**
-     * Create the `ModalDialog`'s DOM element
-     *
-     * @return {Element}
-     *         The DOM element that gets created.
-     */
-
-
-    var _proto = ModalDialog.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildCSSClass(),
-        tabIndex: -1
-      }, {
-        'aria-describedby': this.id() + "_description",
-        'aria-hidden': 'true',
-        'aria-label': this.label(),
-        'role': 'dialog'
-      });
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.descEl_ = null;
-      this.previouslyActiveEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return MODAL_CLASS_NAME + " vjs-hidden " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Returns the label string for this modal. Primarily used for accessibility.
-     *
-     * @return {string}
-     *         the localized or raw label of this modal.
-     */
-    ;
-
-    _proto.label = function label() {
-      return this.localize(this.options_.label || 'Modal Window');
-    }
-    /**
-     * Returns the description string for this modal. Primarily used for
-     * accessibility.
-     *
-     * @return {string}
-     *         The localized or raw description of this modal.
-     */
-    ;
-
-    _proto.description = function description() {
-      var desc = this.options_.description || this.localize('This is a modal window.'); // Append a universal closeability message if the modal is closeable.
-
-      if (this.closeable()) {
-        desc += ' ' + this.localize('This modal can be closed by pressing the Escape key or activating the close button.');
-      }
-
-      return desc;
-    }
-    /**
-     * Opens the modal.
-     *
-     * @fires ModalDialog#beforemodalopen
-     * @fires ModalDialog#modalopen
-     */
-    ;
-
-    _proto.open = function open() {
-      if (!this.opened_) {
-        var player = this.player();
-        /**
-          * Fired just before a `ModalDialog` is opened.
-          *
-          * @event ModalDialog#beforemodalopen
-          * @type {EventTarget~Event}
-          */
-
-        this.trigger('beforemodalopen');
-        this.opened_ = true; // Fill content if the modal has never opened before and
-        // never been filled.
-
-        if (this.options_.fillAlways || !this.hasBeenOpened_ && !this.hasBeenFilled_) {
-          this.fill();
-        } // If the player was playing, pause it and take note of its previously
-        // playing state.
-
-
-        this.wasPlaying_ = !player.paused();
-
-        if (this.options_.pauseOnOpen && this.wasPlaying_) {
-          player.pause();
-        }
-
-        this.on('keydown', this.handleKeyDown); // Hide controls and note if they were enabled.
-
-        this.hadControls_ = player.controls();
-        player.controls(false);
-        this.show();
-        this.conditionalFocus_();
-        this.el().setAttribute('aria-hidden', 'false');
-        /**
-          * Fired just after a `ModalDialog` is opened.
-          *
-          * @event ModalDialog#modalopen
-          * @type {EventTarget~Event}
-          */
-
-        this.trigger('modalopen');
-        this.hasBeenOpened_ = true;
-      }
-    }
-    /**
-     * If the `ModalDialog` is currently open or closed.
-     *
-     * @param  {boolean} [value]
-     *         If given, it will open (`true`) or close (`false`) the modal.
-     *
-     * @return {boolean}
-     *         the current open state of the modaldialog
-     */
-    ;
-
-    _proto.opened = function opened(value) {
-      if (typeof value === 'boolean') {
-        this[value ? 'open' : 'close']();
-      }
-
-      return this.opened_;
-    }
-    /**
-     * Closes the modal, does nothing if the `ModalDialog` is
-     * not open.
-     *
-     * @fires ModalDialog#beforemodalclose
-     * @fires ModalDialog#modalclose
-     */
-    ;
-
-    _proto.close = function close() {
-      if (!this.opened_) {
-        return;
-      }
-
-      var player = this.player();
-      /**
-        * Fired just before a `ModalDialog` is closed.
-        *
-        * @event ModalDialog#beforemodalclose
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalclose');
-      this.opened_ = false;
-
-      if (this.wasPlaying_ && this.options_.pauseOnOpen) {
-        player.play();
-      }
-
-      this.off('keydown', this.handleKeyDown);
-
-      if (this.hadControls_) {
-        player.controls(true);
-      }
-
-      this.hide();
-      this.el().setAttribute('aria-hidden', 'true');
-      /**
-        * Fired just after a `ModalDialog` is closed.
-        *
-        * @event ModalDialog#modalclose
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('modalclose');
-      this.conditionalBlur_();
-
-      if (this.options_.temporary) {
-        this.dispose();
-      }
-    }
-    /**
-     * Check to see if the `ModalDialog` is closeable via the UI.
-     *
-     * @param  {boolean} [value]
-     *         If given as a boolean, it will set the `closeable` option.
-     *
-     * @return {boolean}
-     *         Returns the final value of the closable option.
-     */
-    ;
-
-    _proto.closeable = function closeable(value) {
-      if (typeof value === 'boolean') {
-        var closeable = this.closeable_ = !!value;
-        var close = this.getChild('closeButton'); // If this is being made closeable and has no close button, add one.
-
-        if (closeable && !close) {
-          // The close button should be a child of the modal - not its
-          // content element, so temporarily change the content element.
-          var temp = this.contentEl_;
-          this.contentEl_ = this.el_;
-          close = this.addChild('closeButton', {
-            controlText: 'Close Modal Dialog'
-          });
-          this.contentEl_ = temp;
-          this.on(close, 'close', this.close);
-        } // If this is being made uncloseable and has a close button, remove it.
-
-
-        if (!closeable && close) {
-          this.off(close, 'close', this.close);
-          this.removeChild(close);
-          close.dispose();
-        }
-      }
-
-      return this.closeable_;
-    }
-    /**
-     * Fill the modal's content element with the modal's "content" option.
-     * The content element will be emptied before this change takes place.
-     */
-    ;
-
-    _proto.fill = function fill() {
-      this.fillWith(this.content());
-    }
-    /**
-     * Fill the modal's content element with arbitrary content.
-     * The content element will be emptied before this change takes place.
-     *
-     * @fires ModalDialog#beforemodalfill
-     * @fires ModalDialog#modalfill
-     *
-     * @param {Mixed} [content]
-     *        The same rules apply to this as apply to the `content` option.
-     */
-    ;
-
-    _proto.fillWith = function fillWith(content) {
-      var contentEl = this.contentEl();
-      var parentEl = contentEl.parentNode;
-      var nextSiblingEl = contentEl.nextSibling;
-      /**
-        * Fired just before a `ModalDialog` is filled with content.
-        *
-        * @event ModalDialog#beforemodalfill
-        * @type {EventTarget~Event}
-        */
-
-      this.trigger('beforemodalfill');
-      this.hasBeenFilled_ = true; // Detach the content element from the DOM before performing
-      // manipulation to avoid modifying the live DOM multiple times.
-
-      parentEl.removeChild(contentEl);
-      this.empty();
-      insertContent(contentEl, content);
-      /**
-       * Fired just after a `ModalDialog` is filled with content.
-       *
-       * @event ModalDialog#modalfill
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('modalfill'); // Re-inject the re-filled content element.
-
-      if (nextSiblingEl) {
-        parentEl.insertBefore(contentEl, nextSiblingEl);
-      } else {
-        parentEl.appendChild(contentEl);
-      } // make sure that the close button is last in the dialog DOM
-
-
-      var closeButton = this.getChild('closeButton');
-
-      if (closeButton) {
-        parentEl.appendChild(closeButton.el_);
-      }
-    }
-    /**
-     * Empties the content element. This happens anytime the modal is filled.
-     *
-     * @fires ModalDialog#beforemodalempty
-     * @fires ModalDialog#modalempty
-     */
-    ;
-
-    _proto.empty = function empty() {
-      /**
-      * Fired just before a `ModalDialog` is emptied.
-      *
-      * @event ModalDialog#beforemodalempty
-      * @type {EventTarget~Event}
-      */
-      this.trigger('beforemodalempty');
-      emptyEl(this.contentEl());
-      /**
-      * Fired just after a `ModalDialog` is emptied.
-      *
-      * @event ModalDialog#modalempty
-      * @type {EventTarget~Event}
-      */
-
-      this.trigger('modalempty');
-    }
-    /**
-     * Gets or sets the modal content, which gets normalized before being
-     * rendered into the DOM.
-     *
-     * This does not update the DOM or fill the modal, but it is called during
-     * that process.
-     *
-     * @param  {Mixed} [value]
-     *         If defined, sets the internal content value to be used on the
-     *         next call(s) to `fill`. This value is normalized before being
-     *         inserted. To "clear" the internal content value, pass `null`.
-     *
-     * @return {Mixed}
-     *         The current content of the modal dialog
-     */
-    ;
-
-    _proto.content = function content(value) {
-      if (typeof value !== 'undefined') {
-        this.content_ = value;
-      }
-
-      return this.content_;
-    }
-    /**
-     * conditionally focus the modal dialog if focus was previously on the player.
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalFocus_ = function conditionalFocus_() {
-      var activeEl = document.activeElement;
-      var playerEl = this.player_.el_;
-      this.previouslyActiveEl_ = null;
-
-      if (playerEl.contains(activeEl) || playerEl === activeEl) {
-        this.previouslyActiveEl_ = activeEl;
-        this.focus();
-      }
-    }
-    /**
-     * conditionally blur the element and refocus the last focused element
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalBlur_ = function conditionalBlur_() {
-      if (this.previouslyActiveEl_) {
-        this.previouslyActiveEl_.focus();
-        this.previouslyActiveEl_ = null;
-      }
-    }
-    /**
-     * Keydown handler. Attached when modal is focused.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Do not allow keydowns to reach out of the modal dialog.
-      event.stopPropagation();
-
-      if (keycode.isEventKey(event, 'Escape') && this.closeable()) {
-        event.preventDefault();
-        this.close();
-        return;
-      } // exit early if it isn't a tab key
-
-
-      if (!keycode.isEventKey(event, 'Tab')) {
-        return;
-      }
-
-      var focusableEls = this.focusableEls_();
-      var activeEl = this.el_.querySelector(':focus');
-      var focusIndex;
-
-      for (var i = 0; i < focusableEls.length; i++) {
-        if (activeEl === focusableEls[i]) {
-          focusIndex = i;
-          break;
-        }
-      }
-
-      if (document.activeElement === this.el_) {
-        focusIndex = 0;
-      }
-
-      if (event.shiftKey && focusIndex === 0) {
-        focusableEls[focusableEls.length - 1].focus();
-        event.preventDefault();
-      } else if (!event.shiftKey && focusIndex === focusableEls.length - 1) {
-        focusableEls[0].focus();
-        event.preventDefault();
-      }
-    }
-    /**
-     * get all focusable elements
-     *
-     * @private
-     */
-    ;
-
-    _proto.focusableEls_ = function focusableEls_() {
-      var allChildren = this.el_.querySelectorAll('*');
-      return Array.prototype.filter.call(allChildren, function (child) {
-        return (child instanceof window$1.HTMLAnchorElement || child instanceof window$1.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window$1.HTMLInputElement || child instanceof window$1.HTMLSelectElement || child instanceof window$1.HTMLTextAreaElement || child instanceof window$1.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window$1.HTMLIFrameElement || child instanceof window$1.HTMLObjectElement || child instanceof window$1.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
-      });
-    };
-
-    return ModalDialog;
-  }(Component);
-  /**
-   * Default options for `ModalDialog` default options.
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ModalDialog.prototype.options_ = {
-    pauseOnOpen: true,
-    temporary: true
-  };
-  Component.registerComponent('ModalDialog', ModalDialog);
-
-  /**
-   * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
-   * {@link VideoTrackList}
-   *
-   * @extends EventTarget
-   */
-
-  var TrackList =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(TrackList, _EventTarget);
-
-    /**
-     * Create an instance of this class
-     *
-     * @param {Track[]} tracks
-     *        A list of tracks to initialize the list with.
-     *
-     * @abstract
-     */
-    function TrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      _this = _EventTarget.call(this) || this;
-      _this.tracks_ = [];
-      /**
-       * @memberof TrackList
-       * @member {number} length
-       *         The current number of `Track`s in the this Trackist.
-       * @instance
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'length', {
-        get: function get() {
-          return this.tracks_.length;
-        }
-      });
-
-      for (var i = 0; i < tracks.length; i++) {
-        _this.addTrack(tracks[i]);
-      }
-
-      return _this;
-    }
-    /**
-     * Add a {@link Track} to the `TrackList`
-     *
-     * @param {Track} track
-     *        The audio, video, or text track to add to the list.
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = TrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var index = this.tracks_.length;
-
-      if (!('' + index in this)) {
-        Object.defineProperty(this, index, {
-          get: function get() {
-            return this.tracks_[index];
-          }
-        });
-      } // Do not add duplicate tracks
-
-
-      if (this.tracks_.indexOf(track) === -1) {
-        this.tracks_.push(track);
-        /**
-         * Triggered when a track is added to a track list.
-         *
-         * @event TrackList#addtrack
-         * @type {EventTarget~Event}
-         * @property {Track} track
-         *           A reference to track that was added.
-         */
-
-        this.trigger({
-          track: track,
-          type: 'addtrack',
-          target: this
-        });
-      }
-    }
-    /**
-     * Remove a {@link Track} from the `TrackList`
-     *
-     * @param {Track} rtrack
-     *        The audio, video, or text track to remove from the list.
-     *
-     * @fires TrackList#removetrack
-     */
-    ;
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      var track;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        if (this[i] === rtrack) {
-          track = this[i];
-
-          if (track.off) {
-            track.off();
-          }
-
-          this.tracks_.splice(i, 1);
-          break;
-        }
-      }
-
-      if (!track) {
-        return;
-      }
-      /**
-       * Triggered when a track is removed from track list.
-       *
-       * @event TrackList#removetrack
-       * @type {EventTarget~Event}
-       * @property {Track} track
-       *           A reference to track that was removed.
-       */
-
-
-      this.trigger({
-        track: track,
-        type: 'removetrack',
-        target: this
-      });
-    }
-    /**
-     * Get a Track from the TrackList by a tracks id
-     *
-     * @param {string} id - the id of the track to get
-     * @method getTrackById
-     * @return {Track}
-     * @private
-     */
-    ;
-
-    _proto.getTrackById = function getTrackById(id) {
-      var result = null;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        var track = this[i];
-
-        if (track.id === id) {
-          result = track;
-          break;
-        }
-      }
-
-      return result;
-    };
-
-    return TrackList;
-  }(EventTarget);
-  /**
-   * Triggered when a different track is selected/enabled.
-   *
-   * @event TrackList#change
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Events that can be called with on + eventName. See {@link EventHandler}.
-   *
-   * @property {Object} TrackList#allowedEvents_
-   * @private
-   */
-
-
-  TrackList.prototype.allowedEvents_ = {
-    change: 'change',
-    addtrack: 'addtrack',
-    removetrack: 'removetrack'
-  }; // emulate attribute EventHandler support to allow for feature detection
-
-  for (var event in TrackList.prototype.allowedEvents_) {
-    TrackList.prototype['on' + event] = null;
-  }
-
-  /**
-   * Anywhere we call this function we diverge from the spec
-   * as we only support one enabled audiotrack at a time
-   *
-   * @param {AudioTrackList} list
-   *        list to work on
-   *
-   * @param {AudioTrack} track
-   *        The track to skip
-   *
-   * @private
-   */
-
-  var disableOthers = function disableOthers(list, track) {
-    for (var i = 0; i < list.length; i++) {
-      if (!Object.keys(list[i]).length || track.id === list[i].id) {
-        continue;
-      } // another audio track is enabled, disable it
-
-
-      list[i].enabled = false;
-    }
-  };
-  /**
-   * The current list of {@link AudioTrack} for a media file.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist}
-   * @extends TrackList
-   */
-
-
-  var AudioTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(AudioTrackList, _TrackList);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {AudioTrack[]} [tracks=[]]
-     *        A list of `AudioTrack` to instantiate the list with.
-     */
-    function AudioTrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      // make sure only 1 track is enabled
-      // sorted from last index to first index
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        if (tracks[i].enabled) {
-          disableOthers(tracks, tracks[i]);
-          break;
-        }
-      }
-
-      _this = _TrackList.call(this, tracks) || this;
-      _this.changing_ = false;
-      return _this;
-    }
-    /**
-     * Add an {@link AudioTrack} to the `AudioTrackList`.
-     *
-     * @param {AudioTrack} track
-     *        The AudioTrack to add to the list
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = AudioTrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var _this2 = this;
-
-      if (track.enabled) {
-        disableOthers(this, track);
-      }
-
-      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-      if (!track.addEventListener) {
-        return;
-      }
-
-      track.enabledChange_ = function () {
-        // when we are disabling other tracks (since we don't support
-        // more than one track at a time) we will set changing_
-        // to true so that we don't trigger additional change events
-        if (_this2.changing_) {
-          return;
-        }
-
-        _this2.changing_ = true;
-        disableOthers(_this2, track);
-        _this2.changing_ = false;
-
-        _this2.trigger('change');
-      };
-      /**
-       * @listens AudioTrack#enabledchange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('enabledchange', track.enabledChange_);
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack);
-
-      if (rtrack.removeEventListener && rtrack.enabledChange_) {
-        rtrack.removeEventListener('enabledchange', rtrack.enabledChange_);
-        rtrack.enabledChange_ = null;
-      }
-    };
-
-    return AudioTrackList;
-  }(TrackList);
-
-  /**
-   * Un-select all other {@link VideoTrack}s that are selected.
-   *
-   * @param {VideoTrackList} list
-   *        list to work on
-   *
-   * @param {VideoTrack} track
-   *        The track to skip
-   *
-   * @private
-   */
-
-  var disableOthers$1 = function disableOthers(list, track) {
-    for (var i = 0; i < list.length; i++) {
-      if (!Object.keys(list[i]).length || track.id === list[i].id) {
-        continue;
-      } // another video track is enabled, disable it
-
-
-      list[i].selected = false;
-    }
-  };
-  /**
-   * The current list of {@link VideoTrack} for a video.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist}
-   * @extends TrackList
-   */
-
-
-  var VideoTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(VideoTrackList, _TrackList);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {VideoTrack[]} [tracks=[]]
-     *        A list of `VideoTrack` to instantiate the list with.
-     */
-    function VideoTrackList(tracks) {
-      var _this;
-
-      if (tracks === void 0) {
-        tracks = [];
-      }
-
-      // make sure only 1 track is enabled
-      // sorted from last index to first index
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        if (tracks[i].selected) {
-          disableOthers$1(tracks, tracks[i]);
-          break;
-        }
-      }
-
-      _this = _TrackList.call(this, tracks) || this;
-      _this.changing_ = false;
-      /**
-       * @member {number} VideoTrackList#selectedIndex
-       *         The current index of the selected {@link VideoTrack`}.
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'selectedIndex', {
-        get: function get() {
-          for (var _i = 0; _i < this.length; _i++) {
-            if (this[_i].selected) {
-              return _i;
-            }
-          }
-
-          return -1;
-        },
-        set: function set() {}
-      });
-      return _this;
-    }
-    /**
-     * Add a {@link VideoTrack} to the `VideoTrackList`.
-     *
-     * @param {VideoTrack} track
-     *        The VideoTrack to add to the list
-     *
-     * @fires TrackList#addtrack
-     */
-
-
-    var _proto = VideoTrackList.prototype;
-
-    _proto.addTrack = function addTrack(track) {
-      var _this2 = this;
-
-      if (track.selected) {
-        disableOthers$1(this, track);
-      }
-
-      _TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
-
-
-      if (!track.addEventListener) {
-        return;
-      }
-
-      track.selectedChange_ = function () {
-        if (_this2.changing_) {
-          return;
-        }
-
-        _this2.changing_ = true;
-        disableOthers$1(_this2, track);
-        _this2.changing_ = false;
-
-        _this2.trigger('change');
-      };
-      /**
-       * @listens VideoTrack#selectedchange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('selectedchange', track.selectedChange_);
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack);
-
-      if (rtrack.removeEventListener && rtrack.selectedChange_) {
-        rtrack.removeEventListener('selectedchange', rtrack.selectedChange_);
-        rtrack.selectedChange_ = null;
-      }
-    };
-
-    return VideoTrackList;
-  }(TrackList);
-
-  /**
-   * The current list of {@link TextTrack} for a media file.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttracklist}
-   * @extends TrackList
-   */
-
-  var TextTrackList =
-  /*#__PURE__*/
-  function (_TrackList) {
-    inheritsLoose(TextTrackList, _TrackList);
-
-    function TextTrackList() {
-      return _TrackList.apply(this, arguments) || this;
-    }
-
-    var _proto = TextTrackList.prototype;
-
-    /**
-     * Add a {@link TextTrack} to the `TextTrackList`
-     *
-     * @param {TextTrack} track
-     *        The text track to add to the list.
-     *
-     * @fires TrackList#addtrack
-     */
-    _proto.addTrack = function addTrack(track) {
-      var _this = this;
-
-      _TrackList.prototype.addTrack.call(this, track);
-
-      if (!this.queueChange_) {
-        this.queueChange_ = function () {
-          return _this.queueTrigger('change');
-        };
-      }
-
-      if (!this.triggerSelectedlanguagechange) {
-        this.triggerSelectedlanguagechange_ = function () {
-          return _this.trigger('selectedlanguagechange');
-        };
-      }
-      /**
-       * @listens TextTrack#modechange
-       * @fires TrackList#change
-       */
-
-
-      track.addEventListener('modechange', this.queueChange_);
-      var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-      if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-        track.addEventListener('modechange', this.triggerSelectedlanguagechange_);
-      }
-    };
-
-    _proto.removeTrack = function removeTrack(rtrack) {
-      _TrackList.prototype.removeTrack.call(this, rtrack); // manually remove the event handlers we added
-
-
-      if (rtrack.removeEventListener) {
-        if (this.queueChange_) {
-          rtrack.removeEventListener('modechange', this.queueChange_);
-        }
-
-        if (this.selectedlanguagechange_) {
-          rtrack.removeEventListener('modechange', this.triggerSelectedlanguagechange_);
-        }
-      }
-    };
-
-    return TextTrackList;
-  }(TrackList);
-
-  /**
-   * @file html-track-element-list.js
-   */
-
-  /**
-   * The current list of {@link HtmlTrackElement}s.
-   */
-  var HtmlTrackElementList =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Create an instance of this class.
-     *
-     * @param {HtmlTrackElement[]} [tracks=[]]
-     *        A list of `HtmlTrackElement` to instantiate the list with.
-     */
-    function HtmlTrackElementList(trackElements) {
-      if (trackElements === void 0) {
-        trackElements = [];
-      }
-
-      this.trackElements_ = [];
-      /**
-       * @memberof HtmlTrackElementList
-       * @member {number} length
-       *         The current number of `Track`s in the this Trackist.
-       * @instance
-       */
-
-      Object.defineProperty(this, 'length', {
-        get: function get() {
-          return this.trackElements_.length;
-        }
-      });
-
-      for (var i = 0, length = trackElements.length; i < length; i++) {
-        this.addTrackElement_(trackElements[i]);
-      }
-    }
-    /**
-     * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-     *
-     * @param {HtmlTrackElement} trackElement
-     *        The track element to add to the list.
-     *
-     * @private
-     */
-
-
-    var _proto = HtmlTrackElementList.prototype;
-
-    _proto.addTrackElement_ = function addTrackElement_(trackElement) {
-      var index = this.trackElements_.length;
-
-      if (!('' + index in this)) {
-        Object.defineProperty(this, index, {
-          get: function get() {
-            return this.trackElements_[index];
-          }
-        });
-      } // Do not add duplicate elements
-
-
-      if (this.trackElements_.indexOf(trackElement) === -1) {
-        this.trackElements_.push(trackElement);
-      }
-    }
-    /**
-     * Get an {@link HtmlTrackElement} from the `HtmlTrackElementList` given an
-     * {@link TextTrack}.
-     *
-     * @param {TextTrack} track
-     *        The track associated with a track element.
-     *
-     * @return {HtmlTrackElement|undefined}
-     *         The track element that was found or undefined.
-     *
-     * @private
-     */
-    ;
-
-    _proto.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-      var trackElement_;
-
-      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-        if (track === this.trackElements_[i].track) {
-          trackElement_ = this.trackElements_[i];
-          break;
-        }
-      }
-
-      return trackElement_;
-    }
-    /**
-     * Remove a {@link HtmlTrackElement} from the `HtmlTrackElementList`
-     *
-     * @param {HtmlTrackElement} trackElement
-     *        The track element to remove from the list.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeTrackElement_ = function removeTrackElement_(trackElement) {
-      for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-        if (trackElement === this.trackElements_[i]) {
-          if (this.trackElements_[i].track && typeof this.trackElements_[i].track.off === 'function') {
-            this.trackElements_[i].track.off();
-          }
-
-          if (typeof this.trackElements_[i].off === 'function') {
-            this.trackElements_[i].off();
-          }
-
-          this.trackElements_.splice(i, 1);
-          break;
-        }
-      }
-    };
-
-    return HtmlTrackElementList;
-  }();
-
-  /**
-   * @file text-track-cue-list.js
-   */
-
-  /**
-   * @typedef {Object} TextTrackCueList~TextTrackCue
-   *
-   * @property {string} id
-   *           The unique id for this text track cue
-   *
-   * @property {number} startTime
-   *           The start time for this text track cue
-   *
-   * @property {number} endTime
-   *           The end time for this text track cue
-   *
-   * @property {boolean} pauseOnExit
-   *           Pause when the end time is reached if true.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcue}
-   */
-
-  /**
-   * A List of TextTrackCues.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackcuelist}
-   */
-  var TextTrackCueList =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Create an instance of this class..
-     *
-     * @param {Array} cues
-     *        A list of cues to be initialized with
-     */
-    function TextTrackCueList(cues) {
-      TextTrackCueList.prototype.setCues_.call(this, cues);
-      /**
-       * @memberof TextTrackCueList
-       * @member {number} length
-       *         The current number of `TextTrackCue`s in the TextTrackCueList.
-       * @instance
-       */
-
-      Object.defineProperty(this, 'length', {
-        get: function get() {
-          return this.length_;
-        }
-      });
-    }
-    /**
-     * A setter for cues in this list. Creates getters
-     * an an index for the cues.
-     *
-     * @param {Array} cues
-     *        An array of cues to set
-     *
-     * @private
-     */
-
-
-    var _proto = TextTrackCueList.prototype;
-
-    _proto.setCues_ = function setCues_(cues) {
-      var oldLength = this.length || 0;
-      var i = 0;
-      var l = cues.length;
-      this.cues_ = cues;
-      this.length_ = cues.length;
-
-      var defineProp = function defineProp(index) {
-        if (!('' + index in this)) {
-          Object.defineProperty(this, '' + index, {
-            get: function get() {
-              return this.cues_[index];
-            }
-          });
-        }
-      };
-
-      if (oldLength < l) {
-        i = oldLength;
-
-        for (; i < l; i++) {
-          defineProp.call(this, i);
-        }
-      }
-    }
-    /**
-     * Get a `TextTrackCue` that is currently in the `TextTrackCueList` by id.
-     *
-     * @param {string} id
-     *        The id of the cue that should be searched for.
-     *
-     * @return {TextTrackCueList~TextTrackCue|null}
-     *         A single cue or null if none was found.
-     */
-    ;
-
-    _proto.getCueById = function getCueById(id) {
-      var result = null;
-
-      for (var i = 0, l = this.length; i < l; i++) {
-        var cue = this[i];
-
-        if (cue.id === id) {
-          result = cue;
-          break;
-        }
-      }
-
-      return result;
-    };
-
-    return TextTrackCueList;
-  }();
-
-  /**
-   * @file track-kinds.js
-   */
-
-  /**
-   * All possible `VideoTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-videotrack-kind
-   * @typedef VideoTrack~Kind
-   * @enum
-   */
-  var VideoTrackKind = {
-    alternative: 'alternative',
-    captions: 'captions',
-    main: 'main',
-    sign: 'sign',
-    subtitles: 'subtitles',
-    commentary: 'commentary'
-  };
-  /**
-   * All possible `AudioTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-audiotrack-kind
-   * @typedef AudioTrack~Kind
-   * @enum
-   */
-
-  var AudioTrackKind = {
-    'alternative': 'alternative',
-    'descriptions': 'descriptions',
-    'main': 'main',
-    'main-desc': 'main-desc',
-    'translation': 'translation',
-    'commentary': 'commentary'
-  };
-  /**
-   * All possible `TextTrackKind`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-texttrack-kind
-   * @typedef TextTrack~Kind
-   * @enum
-   */
-
-  var TextTrackKind = {
-    subtitles: 'subtitles',
-    captions: 'captions',
-    descriptions: 'descriptions',
-    chapters: 'chapters',
-    metadata: 'metadata'
-  };
-  /**
-   * All possible `TextTrackMode`s
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#texttrackmode
-   * @typedef TextTrack~Mode
-   * @enum
-   */
-
-  var TextTrackMode = {
-    disabled: 'disabled',
-    hidden: 'hidden',
-    showing: 'showing'
-  };
-
-  /**
-   * A Track class that contains all of the common functionality for {@link AudioTrack},
-   * {@link VideoTrack}, and {@link TextTrack}.
-   *
-   * > Note: This class should not be used directly
-   *
-   * @see {@link https://html.spec.whatwg.org/multipage/embedded-content.html}
-   * @extends EventTarget
-   * @abstract
-   */
-
-  var Track =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(Track, _EventTarget);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {string} [options.kind='']
-     *        A valid kind for the track type you are creating.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @abstract
-     */
-    function Track(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _EventTarget.call(this) || this;
-      var trackProps = {
-        id: options.id || 'vjs_track_' + newGUID(),
-        kind: options.kind || '',
-        label: options.label || '',
-        language: options.language || ''
-      };
-      /**
-       * @memberof Track
-       * @member {string} id
-       *         The id of this track. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} kind
-       *         The kind of track that this is. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} label
-       *         The label of this track. Cannot be changed after creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      /**
-       * @memberof Track
-       * @member {string} language
-       *         The two letter language code for this track. Cannot be changed after
-       *         creation.
-       * @instance
-       *
-       * @readonly
-       */
-
-      var _loop = function _loop(key) {
-        Object.defineProperty(assertThisInitialized(_this), key, {
-          get: function get() {
-            return trackProps[key];
-          },
-          set: function set() {}
-        });
-      };
-
-      for (var key in trackProps) {
-        _loop(key);
-      }
-
-      return _this;
-    }
-
-    return Track;
-  }(EventTarget);
-
-  /**
-   * @file url.js
-   * @module url
-   */
-  /**
-   * @typedef {Object} url:URLObject
-   *
-   * @property {string} protocol
-   *           The protocol of the url that was parsed.
-   *
-   * @property {string} hostname
-   *           The hostname of the url that was parsed.
-   *
-   * @property {string} port
-   *           The port of the url that was parsed.
-   *
-   * @property {string} pathname
-   *           The pathname of the url that was parsed.
-   *
-   * @property {string} search
-   *           The search query of the url that was parsed.
-   *
-   * @property {string} hash
-   *           The hash of the url that was parsed.
-   *
-   * @property {string} host
-   *           The host of the url that was parsed.
-   */
-
-  /**
-   * Resolve and parse the elements of a URL.
-   *
-   * @function
-   * @param    {String} url
-   *           The url to parse
-   *
-   * @return   {url:URLObject}
-   *           An object of url details
-   */
-
-  var parseUrl = function parseUrl(url) {
-    var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host']; // add the url to an anchor and let the browser parse the URL
-
-    var a = document.createElement('a');
-    a.href = url; // IE8 (and 9?) Fix
-    // ie8 doesn't parse the URL correctly until the anchor is actually
-    // added to the body, and an innerHTML is needed to trigger the parsing
-
-    var addToBody = a.host === '' && a.protocol !== 'file:';
-    var div;
-
-    if (addToBody) {
-      div = document.createElement('div');
-      div.innerHTML = "<a href=\"" + url + "\"></a>";
-      a = div.firstChild; // prevent the div from affecting layout
-
-      div.setAttribute('style', 'display:none; position:absolute;');
-      document.body.appendChild(div);
-    } // Copy the specific URL properties to a new object
-    // This is also needed for IE8 because the anchor loses its
-    // properties when it's removed from the dom
-
-
-    var details = {};
-
-    for (var i = 0; i < props.length; i++) {
-      details[props[i]] = a[props[i]];
-    } // IE9 adds the port to the host property unlike everyone else. If
-    // a port identifier is added for standard ports, strip it.
-
-
-    if (details.protocol === 'http:') {
-      details.host = details.host.replace(/:80$/, '');
-    }
-
-    if (details.protocol === 'https:') {
-      details.host = details.host.replace(/:443$/, '');
-    }
-
-    if (!details.protocol) {
-      details.protocol = window$1.location.protocol;
-    }
-
-    if (addToBody) {
-      document.body.removeChild(div);
-    }
-
-    return details;
-  };
-  /**
-   * Get absolute version of relative URL. Used to tell Flash the correct URL.
-   *
-   * @function
-   * @param    {string} url
-   *           URL to make absolute
-   *
-   * @return   {string}
-   *           Absolute URL
-   *
-   * @see      http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
-   */
-
-  var getAbsoluteURL = function getAbsoluteURL(url) {
-    // Check if absolute URL
-    if (!url.match(/^https?:\/\//)) {
-      // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
-      var div = document.createElement('div');
-      div.innerHTML = "<a href=\"" + url + "\">x</a>";
-      url = div.firstChild.href;
-    }
-
-    return url;
-  };
-  /**
-   * Returns the extension of the passed file name. It will return an empty string
-   * if passed an invalid path.
-   *
-   * @function
-   * @param    {string} path
-   *           The fileName path like '/path/to/file.mp4'
-   *
-   * @return  {string}
-   *           The extension in lower case or an empty string if no
-   *           extension could be found.
-   */
-
-  var getFileExtension = function getFileExtension(path) {
-    if (typeof path === 'string') {
-      var splitPathRe = /^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/;
-      var pathParts = splitPathRe.exec(path);
-
-      if (pathParts) {
-        return pathParts.pop().toLowerCase();
-      }
-    }
-
-    return '';
-  };
-  /**
-   * Returns whether the url passed is a cross domain request or not.
-   *
-   * @function
-   * @param    {string} url
-   *           The url to check.
-   *
-   * @param    {Object} [winLoc]
-   *           the domain to check the url against, defaults to window.location
-   *
-   * @param    {string} [winLoc.protocol]
-   *           The window location protocol defaults to window.location.protocol
-   *
-   * @param    {string} [winLoc.host]
-   *           The window location host defaults to window.location.host
-   *
-   * @return   {boolean}
-   *           Whether it is a cross domain request or not.
-   */
-
-  var isCrossOrigin = function isCrossOrigin(url, winLoc) {
-    if (winLoc === void 0) {
-      winLoc = window$1.location;
-    }
-
-    var urlInfo = parseUrl(url); // IE8 protocol relative urls will return ':' for protocol
-
-    var srcProtocol = urlInfo.protocol === ':' ? winLoc.protocol : urlInfo.protocol; // Check if url is for another domain/origin
-    // IE8 doesn't know location.origin, so we won't rely on it here
-
-    var crossOrigin = srcProtocol + urlInfo.host !== winLoc.protocol + winLoc.host;
-    return crossOrigin;
-  };
-
-  var Url = /*#__PURE__*/Object.freeze({
-    parseUrl: parseUrl,
-    getAbsoluteURL: getAbsoluteURL,
-    getFileExtension: getFileExtension,
-    isCrossOrigin: isCrossOrigin
-  });
-
-  var isFunction_1 = isFunction;
-  var toString$1 = Object.prototype.toString;
-
-  function isFunction(fn) {
-    var string = toString$1.call(fn);
-    return string === '[object Function]' || typeof fn === 'function' && string !== '[object RegExp]' || typeof window !== 'undefined' && ( // IE8 and below
-    fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt);
-  }
-
-  /**
-   * @license
-   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
-   * Copyright (c) 2014 David Björklund
-   * Available under the MIT license
-   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
-   */
-
-
-  var parseHeaders = function parseHeaders(headers) {
-    var result = {};
-
-    if (!headers) {
-      return result;
-    }
-
-    headers.trim().split('\n').forEach(function (row) {
-      var index = row.indexOf(':');
-      var key = row.slice(0, index).trim().toLowerCase();
-      var value = row.slice(index + 1).trim();
-
-      if (typeof result[key] === 'undefined') {
-        result[key] = value;
-      } else if (Array.isArray(result[key])) {
-        result[key].push(value);
-      } else {
-        result[key] = [result[key], value];
-      }
-    });
-    return result;
-  };
-
-  var xhr = createXHR; // Allow use of default import syntax in TypeScript
-
-  var default_1 = createXHR;
-  createXHR.XMLHttpRequest = window$1.XMLHttpRequest || noop;
-  createXHR.XDomainRequest = "withCredentials" in new createXHR.XMLHttpRequest() ? createXHR.XMLHttpRequest : window$1.XDomainRequest;
-  forEachArray(["get", "put", "post", "patch", "head", "delete"], function (method) {
-    createXHR[method === "delete" ? "del" : method] = function (uri, options, callback) {
-      options = initParams(uri, options, callback);
-      options.method = method.toUpperCase();
-      return _createXHR(options);
-    };
-  });
-
-  function forEachArray(array, iterator) {
-    for (var i = 0; i < array.length; i++) {
-      iterator(array[i]);
-    }
-  }
-
-  function isEmpty(obj) {
-    for (var i in obj) {
-      if (obj.hasOwnProperty(i)) return false;
-    }
-
-    return true;
-  }
-
-  function initParams(uri, options, callback) {
-    var params = uri;
-
-    if (isFunction_1(options)) {
-      callback = options;
-
-      if (typeof uri === "string") {
-        params = {
-          uri: uri
-        };
-      }
-    } else {
-      params = _extends_1({}, options, {
-        uri: uri
-      });
-    }
-
-    params.callback = callback;
-    return params;
-  }
-
-  function createXHR(uri, options, callback) {
-    options = initParams(uri, options, callback);
-    return _createXHR(options);
-  }
-
-  function _createXHR(options) {
-    if (typeof options.callback === "undefined") {
-      throw new Error("callback argument missing");
-    }
-
-    var called = false;
-
-    var callback = function cbOnce(err, response, body) {
-      if (!called) {
-        called = true;
-        options.callback(err, response, body);
-      }
-    };
-
-    function readystatechange() {
-      if (xhr.readyState === 4) {
-        setTimeout(loadFunc, 0);
-      }
-    }
-
-    function getBody() {
-      // Chrome with requestType=blob throws errors arround when even testing access to responseText
-      var body = undefined;
-
-      if (xhr.response) {
-        body = xhr.response;
-      } else {
-        body = xhr.responseText || getXml(xhr);
-      }
-
-      if (isJson) {
-        try {
-          body = JSON.parse(body);
-        } catch (e) {}
-      }
-
-      return body;
-    }
-
-    function errorFunc(evt) {
-      clearTimeout(timeoutTimer);
-
-      if (!(evt instanceof Error)) {
-        evt = new Error("" + (evt || "Unknown XMLHttpRequest Error"));
-      }
-
-      evt.statusCode = 0;
-      return callback(evt, failureResponse);
-    } // will load the data & process the response in a special response object
-
-
-    function loadFunc() {
-      if (aborted) return;
-      var status;
-      clearTimeout(timeoutTimer);
-
-      if (options.useXDR && xhr.status === undefined) {
-        //IE8 CORS GET successful response doesn't have a status field, but body is fine
-        status = 200;
-      } else {
-        status = xhr.status === 1223 ? 204 : xhr.status;
-      }
-
-      var response = failureResponse;
-      var err = null;
-
-      if (status !== 0) {
-        response = {
-          body: getBody(),
-          statusCode: status,
-          method: method,
-          headers: {},
-          url: uri,
-          rawRequest: xhr
-        };
-
-        if (xhr.getAllResponseHeaders) {
-          //remember xhr can in fact be XDR for CORS in IE
-          response.headers = parseHeaders(xhr.getAllResponseHeaders());
-        }
-      } else {
-        err = new Error("Internal XMLHttpRequest Error");
-      }
-
-      return callback(err, response, response.body);
-    }
-
-    var xhr = options.xhr || null;
-
-    if (!xhr) {
-      if (options.cors || options.useXDR) {
-        xhr = new createXHR.XDomainRequest();
-      } else {
-        xhr = new createXHR.XMLHttpRequest();
-      }
-    }
-
-    var key;
-    var aborted;
-    var uri = xhr.url = options.uri || options.url;
-    var method = xhr.method = options.method || "GET";
-    var body = options.body || options.data;
-    var headers = xhr.headers = options.headers || {};
-    var sync = !!options.sync;
-    var isJson = false;
-    var timeoutTimer;
-    var failureResponse = {
-      body: undefined,
-      headers: {},
-      statusCode: 0,
-      method: method,
-      url: uri,
-      rawRequest: xhr
-    };
-
-    if ("json" in options && options.json !== false) {
-      isJson = true;
-      headers["accept"] || headers["Accept"] || (headers["Accept"] = "application/json"); //Don't override existing accept header declared by user
-
-      if (method !== "GET" && method !== "HEAD") {
-        headers["content-type"] || headers["Content-Type"] || (headers["Content-Type"] = "application/json"); //Don't override existing accept header declared by user
-
-        body = JSON.stringify(options.json === true ? body : options.json);
-      }
-    }
-
-    xhr.onreadystatechange = readystatechange;
-    xhr.onload = loadFunc;
-    xhr.onerror = errorFunc; // IE9 must have onprogress be set to a unique function.
-
-    xhr.onprogress = function () {// IE must die
-    };
-
-    xhr.onabort = function () {
-      aborted = true;
-    };
-
-    xhr.ontimeout = errorFunc;
-    xhr.open(method, uri, !sync, options.username, options.password); //has to be after open
-
-    if (!sync) {
-      xhr.withCredentials = !!options.withCredentials;
-    } // Cannot set timeout with sync request
-    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly
-    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent
-
-
-    if (!sync && options.timeout > 0) {
-      timeoutTimer = setTimeout(function () {
-        if (aborted) return;
-        aborted = true; //IE9 may still call readystatechange
-
-        xhr.abort("timeout");
-        var e = new Error("XMLHttpRequest timeout");
-        e.code = "ETIMEDOUT";
-        errorFunc(e);
-      }, options.timeout);
-    }
-
-    if (xhr.setRequestHeader) {
-      for (key in headers) {
-        if (headers.hasOwnProperty(key)) {
-          xhr.setRequestHeader(key, headers[key]);
-        }
-      }
-    } else if (options.headers && !isEmpty(options.headers)) {
-      throw new Error("Headers cannot be set on an XDomainRequest object");
-    }
-
-    if ("responseType" in options) {
-      xhr.responseType = options.responseType;
-    }
-
-    if ("beforeSend" in options && typeof options.beforeSend === "function") {
-      options.beforeSend(xhr);
-    } // Microsoft Edge browser sends "undefined" when send is called with undefined value.
-    // XMLHttpRequest spec says to pass null as body to indicate no body
-    // See https://github.com/naugtur/xhr/issues/100.
-
-
-    xhr.send(body || null);
-    return xhr;
-  }
-
-  function getXml(xhr) {
-    // xhr.responseXML will throw Exception "InvalidStateError" or "DOMException"
-    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.
-    try {
-      if (xhr.responseType === "document") {
-        return xhr.responseXML;
-      }
-
-      var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === "parsererror";
-
-      if (xhr.responseType === "" && !firefoxBugTakenEffect) {
-        return xhr.responseXML;
-      }
-    } catch (e) {}
-
-    return null;
-  }
-
-  function noop() {}
-  xhr["default"] = default_1;
-
-  /**
-   * Takes a webvtt file contents and parses it into cues
-   *
-   * @param {string} srcContent
-   *        webVTT file contents
-   *
-   * @param {TextTrack} track
-   *        TextTrack to add cues to. Cues come from the srcContent.
-   *
-   * @private
-   */
-
-  var parseCues = function parseCues(srcContent, track) {
-    var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, window$1.WebVTT.StringDecoder());
-    var errors = [];
-
-    parser.oncue = function (cue) {
-      track.addCue(cue);
-    };
-
-    parser.onparsingerror = function (error) {
-      errors.push(error);
-    };
-
-    parser.onflush = function () {
-      track.trigger({
-        type: 'loadeddata',
-        target: track
-      });
-    };
-
-    parser.parse(srcContent);
-
-    if (errors.length > 0) {
-      if (window$1.console && window$1.console.groupCollapsed) {
-        window$1.console.groupCollapsed("Text Track parsing errors for " + track.src);
-      }
-
-      errors.forEach(function (error) {
-        return log.error(error);
-      });
-
-      if (window$1.console && window$1.console.groupEnd) {
-        window$1.console.groupEnd();
-      }
-    }
-
-    parser.flush();
-  };
-  /**
-   * Load a `TextTrack` from a specified url.
-   *
-   * @param {string} src
-   *        Url to load track from.
-   *
-   * @param {TextTrack} track
-   *        Track to add cues to. Comes from the content at the end of `url`.
-   *
-   * @private
-   */
-
-
-  var loadTrack = function loadTrack(src, track) {
-    var opts = {
-      uri: src
-    };
-    var crossOrigin = isCrossOrigin(src);
-
-    if (crossOrigin) {
-      opts.cors = crossOrigin;
-    }
-
-    xhr(opts, bind(this, function (err, response, responseBody) {
-      if (err) {
-        return log.error(err, response);
-      }
-
-      track.loaded_ = true; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-      // NOTE: this is only used for the alt/video.novtt.js build
-
-      if (typeof window$1.WebVTT !== 'function') {
-        if (track.tech_) {
-          // to prevent use before define eslint error, we define loadHandler
-          // as a let here
-          track.tech_.any(['vttjsloaded', 'vttjserror'], function (event) {
-            if (event.type === 'vttjserror') {
-              log.error("vttjs failed to load, stopping trying to process " + track.src);
-              return;
-            }
-
-            return parseCues(responseBody, track);
-          });
-        }
-      } else {
-        parseCues(responseBody, track);
-      }
-    }));
-  };
-  /**
-   * A representation of a single `TextTrack`.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#texttrack}
-   * @extends Track
-   */
-
-
-  var TextTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(TextTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} options={}
-     *        Object of option names and values
-     *
-     * @param {Tech} options.tech
-     *        A reference to the tech that owns this TextTrack.
-     *
-     * @param {TextTrack~Kind} [options.kind='subtitles']
-     *        A valid text track kind.
-     *
-     * @param {TextTrack~Mode} [options.mode='disabled']
-     *        A valid text track mode.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this TextTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {string} [options.srclang='']
-     *        A valid two character language code. An alternative, but deprioritized
-     *        version of `options.language`
-     *
-     * @param {string} [options.src]
-     *        A url to TextTrack cues.
-     *
-     * @param {boolean} [options.default]
-     *        If this track should default to on or off.
-     */
-    function TextTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (!options.tech) {
-        throw new Error('A tech was not provided.');
-      }
-
-      var settings = mergeOptions(options, {
-        kind: TextTrackKind[options.kind] || 'subtitles',
-        language: options.language || options.srclang || ''
-      });
-      var mode = TextTrackMode[settings.mode] || 'disabled';
-      var default_ = settings["default"];
-
-      if (settings.kind === 'metadata' || settings.kind === 'chapters') {
-        mode = 'hidden';
-      }
-
-      _this = _Track.call(this, settings) || this;
-      _this.tech_ = settings.tech;
-      _this.cues_ = [];
-      _this.activeCues_ = [];
-      _this.preload_ = _this.tech_.preloadTextTracks !== false;
-      var cues = new TextTrackCueList(_this.cues_);
-      var activeCues = new TextTrackCueList(_this.activeCues_);
-      var changed = false;
-      var timeupdateHandler = bind(assertThisInitialized(_this), function () {
-        // Accessing this.activeCues for the side-effects of updating itself
-        // due to its nature as a getter function. Do not remove or cues will
-        // stop updating!
-        // Use the setter to prevent deletion from uglify (pure_getters rule)
-        this.activeCues = this.activeCues;
-
-        if (changed) {
-          this.trigger('cuechange');
-          changed = false;
-        }
-      });
-
-      if (mode !== 'disabled') {
-        _this.tech_.ready(function () {
-          _this.tech_.on('timeupdate', timeupdateHandler);
-        }, true);
-      }
-
-      Object.defineProperties(assertThisInitialized(_this), {
-        /**
-         * @memberof TextTrack
-         * @member {boolean} default
-         *         If this track was set to be on or off by default. Cannot be changed after
-         *         creation.
-         * @instance
-         *
-         * @readonly
-         */
-        "default": {
-          get: function get() {
-            return default_;
-          },
-          set: function set() {}
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {string} mode
-         *         Set the mode of this TextTrack to a valid {@link TextTrack~Mode}. Will
-         *         not be set if setting to an invalid mode.
-         * @instance
-         *
-         * @fires TextTrack#modechange
-         */
-        mode: {
-          get: function get() {
-            return mode;
-          },
-          set: function set(newMode) {
-            var _this2 = this;
-
-            if (!TextTrackMode[newMode]) {
-              return;
-            }
-
-            mode = newMode;
-
-            if (!this.preload_ && mode !== 'disabled' && this.cues.length === 0) {
-              // On-demand load.
-              loadTrack(this.src, this);
-            }
-
-            if (mode !== 'disabled') {
-              this.tech_.ready(function () {
-                _this2.tech_.on('timeupdate', timeupdateHandler);
-              }, true);
-            } else {
-              this.tech_.off('timeupdate', timeupdateHandler);
-            }
-            /**
-             * An event that fires when mode changes on this track. This allows
-             * the TextTrackList that holds this track to act accordingly.
-             *
-             * > Note: This is not part of the spec!
-             *
-             * @event TextTrack#modechange
-             * @type {EventTarget~Event}
-             */
-
-
-            this.trigger('modechange');
-          }
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {TextTrackCueList} cues
-         *         The text track cue list for this TextTrack.
-         * @instance
-         */
-        cues: {
-          get: function get() {
-            if (!this.loaded_) {
-              return null;
-            }
-
-            return cues;
-          },
-          set: function set() {}
-        },
-
-        /**
-         * @memberof TextTrack
-         * @member {TextTrackCueList} activeCues
-         *         The list text track cues that are currently active for this TextTrack.
-         * @instance
-         */
-        activeCues: {
-          get: function get() {
-            if (!this.loaded_) {
-              return null;
-            } // nothing to do
-
-
-            if (this.cues.length === 0) {
-              return activeCues;
-            }
-
-            var ct = this.tech_.currentTime();
-            var active = [];
-
-            for (var i = 0, l = this.cues.length; i < l; i++) {
-              var cue = this.cues[i];
-
-              if (cue.startTime <= ct && cue.endTime >= ct) {
-                active.push(cue);
-              } else if (cue.startTime === cue.endTime && cue.startTime <= ct && cue.startTime + 0.5 >= ct) {
-                active.push(cue);
-              }
-            }
-
-            changed = false;
-
-            if (active.length !== this.activeCues_.length) {
-              changed = true;
-            } else {
-              for (var _i = 0; _i < active.length; _i++) {
-                if (this.activeCues_.indexOf(active[_i]) === -1) {
-                  changed = true;
-                }
-              }
-            }
-
-            this.activeCues_ = active;
-            activeCues.setCues_(this.activeCues_);
-            return activeCues;
-          },
-          // /!\ Keep this setter empty (see the timeupdate handler above)
-          set: function set() {}
-        }
-      });
-
-      if (settings.src) {
-        _this.src = settings.src;
-
-        if (!_this.preload_) {
-          // Tracks will load on-demand.
-          // Act like we're loaded for other purposes.
-          _this.loaded_ = true;
-        }
-
-        if (_this.preload_ || default_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
-          loadTrack(_this.src, assertThisInitialized(_this));
-        }
-      } else {
-        _this.loaded_ = true;
-      }
-
-      return _this;
-    }
-    /**
-     * Add a cue to the internal list of cues.
-     *
-     * @param {TextTrack~Cue} cue
-     *        The cue to add to our internal list
-     */
-
-
-    var _proto = TextTrack.prototype;
-
-    _proto.addCue = function addCue(originalCue) {
-      var cue = originalCue;
-
-      if (window$1.vttjs && !(originalCue instanceof window$1.vttjs.VTTCue)) {
-        cue = new window$1.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
-
-        for (var prop in originalCue) {
-          if (!(prop in cue)) {
-            cue[prop] = originalCue[prop];
-          }
-        } // make sure that `id` is copied over
-
-
-        cue.id = originalCue.id;
-        cue.originalCue_ = originalCue;
-      }
-
-      var tracks = this.tech_.textTracks();
-
-      for (var i = 0; i < tracks.length; i++) {
-        if (tracks[i] !== this) {
-          tracks[i].removeCue(cue);
-        }
-      }
-
-      this.cues_.push(cue);
-      this.cues.setCues_(this.cues_);
-    }
-    /**
-     * Remove a cue from our internal list
-     *
-     * @param {TextTrack~Cue} removeCue
-     *        The cue to remove from our internal list
-     */
-    ;
-
-    _proto.removeCue = function removeCue(_removeCue) {
-      var i = this.cues_.length;
-
-      while (i--) {
-        var cue = this.cues_[i];
-
-        if (cue === _removeCue || cue.originalCue_ && cue.originalCue_ === _removeCue) {
-          this.cues_.splice(i, 1);
-          this.cues.setCues_(this.cues_);
-          break;
-        }
-      }
-    };
-
-    return TextTrack;
-  }(Track);
-  /**
-   * cuechange - One or more cues in the track have become active or stopped being active.
-   */
-
-
-  TextTrack.prototype.allowedEvents_ = {
-    cuechange: 'cuechange'
-  };
-
-  /**
-   * A representation of a single `AudioTrack`. If it is part of an {@link AudioTrackList}
-   * only one `AudioTrack` in the list will be enabled at a time.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotrack}
-   * @extends Track
-   */
-
-  var AudioTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(AudioTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {AudioTrack~Kind} [options.kind='']
-     *        A valid audio track kind
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {boolean} [options.enabled]
-     *        If this track is the one that is currently playing. If this track is part of
-     *        an {@link AudioTrackList}, only one {@link AudioTrack} will be enabled.
-     */
-    function AudioTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var settings = mergeOptions(options, {
-        kind: AudioTrackKind[options.kind] || ''
-      });
-      _this = _Track.call(this, settings) || this;
-      var enabled = false;
-      /**
-       * @memberof AudioTrack
-       * @member {boolean} enabled
-       *         If this `AudioTrack` is enabled or not. When setting this will
-       *         fire {@link AudioTrack#enabledchange} if the state of enabled is changed.
-       * @instance
-       *
-       * @fires VideoTrack#selectedchange
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'enabled', {
-        get: function get() {
-          return enabled;
-        },
-        set: function set(newEnabled) {
-          // an invalid or unchanged value
-          if (typeof newEnabled !== 'boolean' || newEnabled === enabled) {
-            return;
-          }
-
-          enabled = newEnabled;
-          /**
-           * An event that fires when enabled changes on this track. This allows
-           * the AudioTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec! Native tracks will do
-           *         this internally without an event.
-           *
-           * @event AudioTrack#enabledchange
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('enabledchange');
-        }
-      }); // if the user sets this track to selected then
-      // set selected to that true value otherwise
-      // we keep it false
-
-      if (settings.enabled) {
-        _this.enabled = settings.enabled;
-      }
-
-      _this.loaded_ = true;
-      return _this;
-    }
-
-    return AudioTrack;
-  }(Track);
-
-  /**
-   * A representation of a single `VideoTrack`.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#videotrack}
-   * @extends Track
-   */
-
-  var VideoTrack =
-  /*#__PURE__*/
-  function (_Track) {
-    inheritsLoose(VideoTrack, _Track);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} [options={}]
-     *        Object of option names and values
-     *
-     * @param {string} [options.kind='']
-     *        A valid {@link VideoTrack~Kind}
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this AudioTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {boolean} [options.selected]
-     *        If this track is the one that is currently playing.
-     */
-    function VideoTrack(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var settings = mergeOptions(options, {
-        kind: VideoTrackKind[options.kind] || ''
-      });
-      _this = _Track.call(this, settings) || this;
-      var selected = false;
-      /**
-       * @memberof VideoTrack
-       * @member {boolean} selected
-       *         If this `VideoTrack` is selected or not. When setting this will
-       *         fire {@link VideoTrack#selectedchange} if the state of selected changed.
-       * @instance
-       *
-       * @fires VideoTrack#selectedchange
-       */
-
-      Object.defineProperty(assertThisInitialized(_this), 'selected', {
-        get: function get() {
-          return selected;
-        },
-        set: function set(newSelected) {
-          // an invalid or unchanged value
-          if (typeof newSelected !== 'boolean' || newSelected === selected) {
-            return;
-          }
-
-          selected = newSelected;
-          /**
-           * An event that fires when selected changes on this track. This allows
-           * the VideoTrackList that holds this track to act accordingly.
-           *
-           * > Note: This is not part of the spec! Native tracks will do
-           *         this internally without an event.
-           *
-           * @event VideoTrack#selectedchange
-           * @type {EventTarget~Event}
-           */
-
-          this.trigger('selectedchange');
-        }
-      }); // if the user sets this track to selected then
-      // set selected to that true value otherwise
-      // we keep it false
-
-      if (settings.selected) {
-        _this.selected = settings.selected;
-      }
-
-      return _this;
-    }
-
-    return VideoTrack;
-  }(Track);
-
-  /**
-   * @memberof HTMLTrackElement
-   * @typedef {HTMLTrackElement~ReadyState}
-   * @enum {number}
-   */
-
-  var NONE = 0;
-  var LOADING = 1;
-  var LOADED = 2;
-  var ERROR = 3;
-  /**
-   * A single track represented in the DOM.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement}
-   * @extends EventTarget
-   */
-
-  var HTMLTrackElement =
-  /*#__PURE__*/
-  function (_EventTarget) {
-    inheritsLoose(HTMLTrackElement, _EventTarget);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Object} options={}
-     *        Object of option names and values
-     *
-     * @param {Tech} options.tech
-     *        A reference to the tech that owns this HTMLTrackElement.
-     *
-     * @param {TextTrack~Kind} [options.kind='subtitles']
-     *        A valid text track kind.
-     *
-     * @param {TextTrack~Mode} [options.mode='disabled']
-     *        A valid text track mode.
-     *
-     * @param {string} [options.id='vjs_track_' + Guid.newGUID()]
-     *        A unique id for this TextTrack.
-     *
-     * @param {string} [options.label='']
-     *        The menu label for this track.
-     *
-     * @param {string} [options.language='']
-     *        A valid two character language code.
-     *
-     * @param {string} [options.srclang='']
-     *        A valid two character language code. An alternative, but deprioritized
-     *        vesion of `options.language`
-     *
-     * @param {string} [options.src]
-     *        A url to TextTrack cues.
-     *
-     * @param {boolean} [options.default]
-     *        If this track should default to on or off.
-     */
-    function HTMLTrackElement(options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _EventTarget.call(this) || this;
-      var readyState;
-      var track = new TextTrack(options);
-      _this.kind = track.kind;
-      _this.src = track.src;
-      _this.srclang = track.language;
-      _this.label = track.label;
-      _this["default"] = track["default"];
-      Object.defineProperties(assertThisInitialized(_this), {
-        /**
-         * @memberof HTMLTrackElement
-         * @member {HTMLTrackElement~ReadyState} readyState
-         *         The current ready state of the track element.
-         * @instance
-         */
-        readyState: {
-          get: function get() {
-            return readyState;
-          }
-        },
-
-        /**
-         * @memberof HTMLTrackElement
-         * @member {TextTrack} track
-         *         The underlying TextTrack object.
-         * @instance
-         *
-         */
-        track: {
-          get: function get() {
-            return track;
-          }
-        }
-      });
-      readyState = NONE;
-      /**
-       * @listens TextTrack#loadeddata
-       * @fires HTMLTrackElement#load
-       */
-
-      track.addEventListener('loadeddata', function () {
-        readyState = LOADED;
-
-        _this.trigger({
-          type: 'load',
-          target: assertThisInitialized(_this)
-        });
-      });
-      return _this;
-    }
-
-    return HTMLTrackElement;
-  }(EventTarget);
-
-  HTMLTrackElement.prototype.allowedEvents_ = {
-    load: 'load'
-  };
-  HTMLTrackElement.NONE = NONE;
-  HTMLTrackElement.LOADING = LOADING;
-  HTMLTrackElement.LOADED = LOADED;
-  HTMLTrackElement.ERROR = ERROR;
-
-  /*
-   * This file contains all track properties that are used in
-   * player.js, tech.js, html5.js and possibly other techs in the future.
-   */
-
-  var NORMAL = {
-    audio: {
-      ListClass: AudioTrackList,
-      TrackClass: AudioTrack,
-      capitalName: 'Audio'
-    },
-    video: {
-      ListClass: VideoTrackList,
-      TrackClass: VideoTrack,
-      capitalName: 'Video'
-    },
-    text: {
-      ListClass: TextTrackList,
-      TrackClass: TextTrack,
-      capitalName: 'Text'
-    }
-  };
-  Object.keys(NORMAL).forEach(function (type) {
-    NORMAL[type].getterName = type + "Tracks";
-    NORMAL[type].privateName = type + "Tracks_";
-  });
-  var REMOTE = {
-    remoteText: {
-      ListClass: TextTrackList,
-      TrackClass: TextTrack,
-      capitalName: 'RemoteText',
-      getterName: 'remoteTextTracks',
-      privateName: 'remoteTextTracks_'
-    },
-    remoteTextEl: {
-      ListClass: HtmlTrackElementList,
-      TrackClass: HTMLTrackElement,
-      capitalName: 'RemoteTextTrackEls',
-      getterName: 'remoteTextTrackEls',
-      privateName: 'remoteTextTrackEls_'
-    }
-  };
-
-  var ALL = _extends_1({}, NORMAL, REMOTE);
-
-  REMOTE.names = Object.keys(REMOTE);
-  NORMAL.names = Object.keys(NORMAL);
-  ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-  /**
-   * Copyright 2013 vtt.js Contributors
-   *
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   *   http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-
-  /* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
-
-  /* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */
-
-  var _objCreate = Object.create || function () {
-    function F() {}
-
-    return function (o) {
-      if (arguments.length !== 1) {
-        throw new Error('Object.create shim only accepts one parameter.');
-      }
-
-      F.prototype = o;
-      return new F();
-    };
-  }(); // Creates a new ParserError object from an errorData object. The errorData
-  // object should have default code and message properties. The default message
-  // property can be overriden by passing in a message parameter.
-  // See ParsingError.Errors below for acceptable errors.
-
-
-  function ParsingError(errorData, message) {
-    this.name = "ParsingError";
-    this.code = errorData.code;
-    this.message = message || errorData.message;
-  }
-
-  ParsingError.prototype = _objCreate(Error.prototype);
-  ParsingError.prototype.constructor = ParsingError; // ParsingError metadata for acceptable ParsingErrors.
-
-  ParsingError.Errors = {
-    BadSignature: {
-      code: 0,
-      message: "Malformed WebVTT signature."
-    },
-    BadTimeStamp: {
-      code: 1,
-      message: "Malformed time stamp."
-    }
-  }; // Try to parse input as a time stamp.
-
-  function parseTimeStamp(input) {
-    function computeSeconds(h, m, s, f) {
-      return (h | 0) * 3600 + (m | 0) * 60 + (s | 0) + (f | 0) / 1000;
-    }
-
-    var m = input.match(/^(\d+):(\d{1,2})(:\d{1,2})?\.(\d{3})/);
-
-    if (!m) {
-      return null;
-    }
-
-    if (m[3]) {
-      // Timestamp takes the form of [hours]:[minutes]:[seconds].[milliseconds]
-      return computeSeconds(m[1], m[2], m[3].replace(":", ""), m[4]);
-    } else if (m[1] > 59) {
-      // Timestamp takes the form of [hours]:[minutes].[milliseconds]
-      // First position is hours as it's over 59.
-      return computeSeconds(m[1], m[2], 0, m[4]);
-    } else {
-      // Timestamp takes the form of [minutes]:[seconds].[milliseconds]
-      return computeSeconds(0, m[1], m[2], m[4]);
-    }
-  } // A settings object holds key/value pairs and will ignore anything but the first
-  // assignment to a specific key.
-
-
-  function Settings() {
-    this.values = _objCreate(null);
-  }
-
-  Settings.prototype = {
-    // Only accept the first assignment to any key.
-    set: function set(k, v) {
-      if (!this.get(k) && v !== "") {
-        this.values[k] = v;
-      }
-    },
-    // Return the value for a key, or a default value.
-    // If 'defaultKey' is passed then 'dflt' is assumed to be an object with
-    // a number of possible default values as properties where 'defaultKey' is
-    // the key of the property that will be chosen; otherwise it's assumed to be
-    // a single value.
-    get: function get(k, dflt, defaultKey) {
-      if (defaultKey) {
-        return this.has(k) ? this.values[k] : dflt[defaultKey];
-      }
-
-      return this.has(k) ? this.values[k] : dflt;
-    },
-    // Check whether we have a value for a key.
-    has: function has(k) {
-      return k in this.values;
-    },
-    // Accept a setting if its one of the given alternatives.
-    alt: function alt(k, v, a) {
-      for (var n = 0; n < a.length; ++n) {
-        if (v === a[n]) {
-          this.set(k, v);
-          break;
-        }
-      }
-    },
-    // Accept a setting if its a valid (signed) integer.
-    integer: function integer(k, v) {
-      if (/^-?\d+$/.test(v)) {
-        // integer
-        this.set(k, parseInt(v, 10));
-      }
-    },
-    // Accept a setting if its a valid percentage.
-    percent: function percent(k, v) {
-      var m;
-
-      if (m = v.match(/^([\d]{1,3})(\.[\d]*)?%$/)) {
-        v = parseFloat(v);
-
-        if (v >= 0 && v <= 100) {
-          this.set(k, v);
-          return true;
-        }
-      }
-
-      return false;
-    }
-  }; // Helper function to parse input into groups separated by 'groupDelim', and
-  // interprete each group as a key/value pair separated by 'keyValueDelim'.
-
-  function parseOptions(input, callback, keyValueDelim, groupDelim) {
-    var groups = groupDelim ? input.split(groupDelim) : [input];
-
-    for (var i in groups) {
-      if (typeof groups[i] !== "string") {
-        continue;
-      }
-
-      var kv = groups[i].split(keyValueDelim);
-
-      if (kv.length !== 2) {
-        continue;
-      }
-
-      var k = kv[0];
-      var v = kv[1];
-      callback(k, v);
-    }
-  }
-
-  function parseCue(input, cue, regionList) {
-    // Remember the original input if we need to throw an error.
-    var oInput = input; // 4.1 WebVTT timestamp
-
-    function consumeTimeStamp() {
-      var ts = parseTimeStamp(input);
-
-      if (ts === null) {
-        throw new ParsingError(ParsingError.Errors.BadTimeStamp, "Malformed timestamp: " + oInput);
-      } // Remove time stamp from input.
-
-
-      input = input.replace(/^[^\sa-zA-Z-]+/, "");
-      return ts;
-    } // 4.4.2 WebVTT cue settings
-
-
-    function consumeCueSettings(input, cue) {
-      var settings = new Settings();
-      parseOptions(input, function (k, v) {
-        switch (k) {
-          case "region":
-            // Find the last region we parsed with the same region id.
-            for (var i = regionList.length - 1; i >= 0; i--) {
-              if (regionList[i].id === v) {
-                settings.set(k, regionList[i].region);
-                break;
-              }
-            }
-
-            break;
-
-          case "vertical":
-            settings.alt(k, v, ["rl", "lr"]);
-            break;
-
-          case "line":
-            var vals = v.split(","),
-                vals0 = vals[0];
-            settings.integer(k, vals0);
-            settings.percent(k, vals0) ? settings.set("snapToLines", false) : null;
-            settings.alt(k, vals0, ["auto"]);
-
-            if (vals.length === 2) {
-              settings.alt("lineAlign", vals[1], ["start", "center", "end"]);
-            }
-
-            break;
-
-          case "position":
-            vals = v.split(",");
-            settings.percent(k, vals[0]);
-
-            if (vals.length === 2) {
-              settings.alt("positionAlign", vals[1], ["start", "center", "end"]);
-            }
-
-            break;
-
-          case "size":
-            settings.percent(k, v);
-            break;
-
-          case "align":
-            settings.alt(k, v, ["start", "center", "end", "left", "right"]);
-            break;
-        }
-      }, /:/, /\s/); // Apply default values for any missing fields.
-
-      cue.region = settings.get("region", null);
-      cue.vertical = settings.get("vertical", "");
-
-      try {
-        cue.line = settings.get("line", "auto");
-      } catch (e) {}
-
-      cue.lineAlign = settings.get("lineAlign", "start");
-      cue.snapToLines = settings.get("snapToLines", true);
-      cue.size = settings.get("size", 100); // Safari still uses the old middle value and won't accept center
-
-      try {
-        cue.align = settings.get("align", "center");
-      } catch (e) {
-        cue.align = settings.get("align", "middle");
-      }
-
-      try {
-        cue.position = settings.get("position", "auto");
-      } catch (e) {
-        cue.position = settings.get("position", {
-          start: 0,
-          left: 0,
-          center: 50,
-          middle: 50,
-          end: 100,
-          right: 100
-        }, cue.align);
-      }
-
-      cue.positionAlign = settings.get("positionAlign", {
-        start: "start",
-        left: "start",
-        center: "center",
-        middle: "center",
-        end: "end",
-        right: "end"
-      }, cue.align);
-    }
-
-    function skipWhitespace() {
-      input = input.replace(/^\s+/, "");
-    } // 4.1 WebVTT cue timings.
-
-
-    skipWhitespace();
-    cue.startTime = consumeTimeStamp(); // (1) collect cue start time
-
-    skipWhitespace();
-
-    if (input.substr(0, 3) !== "-->") {
-      // (3) next characters must match "-->"
-      throw new ParsingError(ParsingError.Errors.BadTimeStamp, "Malformed time stamp (time stamps must be separated by '-->'): " + oInput);
-    }
-
-    input = input.substr(3);
-    skipWhitespace();
-    cue.endTime = consumeTimeStamp(); // (5) collect cue end time
-    // 4.1 WebVTT cue settings list.
-
-    skipWhitespace();
-    consumeCueSettings(input, cue);
-  }
-
-  var TEXTAREA_ELEMENT = document.createElement("textarea");
-  var TAG_NAME = {
-    c: "span",
-    i: "i",
-    b: "b",
-    u: "u",
-    ruby: "ruby",
-    rt: "rt",
-    v: "span",
-    lang: "span"
-  }; // 5.1 default text color
-  // 5.2 default text background color is equivalent to text color with bg_ prefix
-
-  var DEFAULT_COLOR_CLASS = {
-    white: 'rgba(255,255,255,1)',
-    lime: 'rgba(0,255,0,1)',
-    cyan: 'rgba(0,255,255,1)',
-    red: 'rgba(255,0,0,1)',
-    yellow: 'rgba(255,255,0,1)',
-    magenta: 'rgba(255,0,255,1)',
-    blue: 'rgba(0,0,255,1)',
-    black: 'rgba(0,0,0,1)'
-  };
-  var TAG_ANNOTATION = {
-    v: "title",
-    lang: "lang"
-  };
-  var NEEDS_PARENT = {
-    rt: "ruby"
-  }; // Parse content into a document fragment.
-
-  function parseContent(window, input) {
-    function nextToken() {
-      // Check for end-of-string.
-      if (!input) {
-        return null;
-      } // Consume 'n' characters from the input.
-
-
-      function consume(result) {
-        input = input.substr(result.length);
-        return result;
-      }
-
-      var m = input.match(/^([^<]*)(<[^>]*>?)?/); // If there is some text before the next tag, return it, otherwise return
-      // the tag.
-
-      return consume(m[1] ? m[1] : m[2]);
-    }
-
-    function unescape(s) {
-      TEXTAREA_ELEMENT.innerHTML = s;
-      s = TEXTAREA_ELEMENT.textContent;
-      TEXTAREA_ELEMENT.textContent = "";
-      return s;
-    }
-
-    function shouldAdd(current, element) {
-      return !NEEDS_PARENT[element.localName] || NEEDS_PARENT[element.localName] === current.localName;
-    } // Create an element for this tag.
-
-
-    function createElement(type, annotation) {
-      var tagName = TAG_NAME[type];
-
-      if (!tagName) {
-        return null;
-      }
-
-      var element = window.document.createElement(tagName);
-      var name = TAG_ANNOTATION[type];
-
-      if (name && annotation) {
-        element[name] = annotation.trim();
-      }
-
-      return element;
-    }
-
-    var rootDiv = window.document.createElement("div"),
-        current = rootDiv,
-        t,
-        tagStack = [];
-
-    while ((t = nextToken()) !== null) {
-      if (t[0] === '<') {
-        if (t[1] === "/") {
-          // If the closing tag matches, move back up to the parent node.
-          if (tagStack.length && tagStack[tagStack.length - 1] === t.substr(2).replace(">", "")) {
-            tagStack.pop();
-            current = current.parentNode;
-          } // Otherwise just ignore the end tag.
-
-
-          continue;
-        }
-
-        var ts = parseTimeStamp(t.substr(1, t.length - 2));
-        var node;
-
-        if (ts) {
-          // Timestamps are lead nodes as well.
-          node = window.document.createProcessingInstruction("timestamp", ts);
-          current.appendChild(node);
-          continue;
-        }
-
-        var m = t.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/); // If we can't parse the tag, skip to the next tag.
-
-        if (!m) {
-          continue;
-        } // Try to construct an element, and ignore the tag if we couldn't.
-
-
-        node = createElement(m[1], m[3]);
-
-        if (!node) {
-          continue;
-        } // Determine if the tag should be added based on the context of where it
-        // is placed in the cuetext.
-
-
-        if (!shouldAdd(current, node)) {
-          continue;
-        } // Set the class list (as a list of classes, separated by space).
-
-
-        if (m[2]) {
-          var classes = m[2].split('.');
-          classes.forEach(function (cl) {
-            var bgColor = /^bg_/.test(cl); // slice out `bg_` if it's a background color
-
-            var colorName = bgColor ? cl.slice(3) : cl;
-
-            if (DEFAULT_COLOR_CLASS.hasOwnProperty(colorName)) {
-              var propName = bgColor ? 'background-color' : 'color';
-              var propValue = DEFAULT_COLOR_CLASS[colorName];
-              node.style[propName] = propValue;
-            }
-          });
-          node.className = classes.join(' ');
-        } // Append the node to the current node, and enter the scope of the new
-        // node.
-
-
-        tagStack.push(m[1]);
-        current.appendChild(node);
-        current = node;
-        continue;
-      } // Text nodes are leaf nodes.
-
-
-      current.appendChild(window.document.createTextNode(unescape(t)));
-    }
-
-    return rootDiv;
-  } // This is a list of all the Unicode characters that have a strong
-  // right-to-left category. What this means is that these characters are
-  // written right-to-left for sure. It was generated by pulling all the strong
-  // right-to-left characters out of the Unicode data table. That table can
-  // found at: http://www.unicode.org/Public/UNIDATA/UnicodeData.txt
-
-
-  var strongRTLRanges = [[0x5be, 0x5be], [0x5c0, 0x5c0], [0x5c3, 0x5c3], [0x5c6, 0x5c6], [0x5d0, 0x5ea], [0x5f0, 0x5f4], [0x608, 0x608], [0x60b, 0x60b], [0x60d, 0x60d], [0x61b, 0x61b], [0x61e, 0x64a], [0x66d, 0x66f], [0x671, 0x6d5], [0x6e5, 0x6e6], [0x6ee, 0x6ef], [0x6fa, 0x70d], [0x70f, 0x710], [0x712, 0x72f], [0x74d, 0x7a5], [0x7b1, 0x7b1], [0x7c0, 0x7ea], [0x7f4, 0x7f5], [0x7fa, 0x7fa], [0x800, 0x815], [0x81a, 0x81a], [0x824, 0x824], [0x828, 0x828], [0x830, 0x83e], [0x840, 0x858], [0x85e, 0x85e], [0x8a0, 0x8a0], [0x8a2, 0x8ac], [0x200f, 0x200f], [0xfb1d, 0xfb1d], [0xfb1f, 0xfb28], [0xfb2a, 0xfb36], [0xfb38, 0xfb3c], [0xfb3e, 0xfb3e], [0xfb40, 0xfb41], [0xfb43, 0xfb44], [0xfb46, 0xfbc1], [0xfbd3, 0xfd3d], [0xfd50, 0xfd8f], [0xfd92, 0xfdc7], [0xfdf0, 0xfdfc], [0xfe70, 0xfe74], [0xfe76, 0xfefc], [0x10800, 0x10805], [0x10808, 0x10808], [0x1080a, 0x10835], [0x10837, 0x10838], [0x1083c, 0x1083c], [0x1083f, 0x10855], [0x10857, 0x1085f], [0x10900, 0x1091b], [0x10920, 0x10939], [0x1093f, 0x1093f], [0x10980, 0x109b7], [0x109be, 0x109bf], [0x10a00, 0x10a00], [0x10a10, 0x10a13], [0x10a15, 0x10a17], [0x10a19, 0x10a33], [0x10a40, 0x10a47], [0x10a50, 0x10a58], [0x10a60, 0x10a7f], [0x10b00, 0x10b35], [0x10b40, 0x10b55], [0x10b58, 0x10b72], [0x10b78, 0x10b7f], [0x10c00, 0x10c48], [0x1ee00, 0x1ee03], [0x1ee05, 0x1ee1f], [0x1ee21, 0x1ee22], [0x1ee24, 0x1ee24], [0x1ee27, 0x1ee27], [0x1ee29, 0x1ee32], [0x1ee34, 0x1ee37], [0x1ee39, 0x1ee39], [0x1ee3b, 0x1ee3b], [0x1ee42, 0x1ee42], [0x1ee47, 0x1ee47], [0x1ee49, 0x1ee49], [0x1ee4b, 0x1ee4b], [0x1ee4d, 0x1ee4f], [0x1ee51, 0x1ee52], [0x1ee54, 0x1ee54], [0x1ee57, 0x1ee57], [0x1ee59, 0x1ee59], [0x1ee5b, 0x1ee5b], [0x1ee5d, 0x1ee5d], [0x1ee5f, 0x1ee5f], [0x1ee61, 0x1ee62], [0x1ee64, 0x1ee64], [0x1ee67, 0x1ee6a], [0x1ee6c, 0x1ee72], [0x1ee74, 0x1ee77], [0x1ee79, 0x1ee7c], [0x1ee7e, 0x1ee7e], [0x1ee80, 0x1ee89], [0x1ee8b, 0x1ee9b], [0x1eea1, 0x1eea3], [0x1eea5, 0x1eea9], [0x1eeab, 0x1eebb], [0x10fffd, 0x10fffd]];
-
-  function isStrongRTLChar(charCode) {
-    for (var i = 0; i < strongRTLRanges.length; i++) {
-      var currentRange = strongRTLRanges[i];
-
-      if (charCode >= currentRange[0] && charCode <= currentRange[1]) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  function determineBidi(cueDiv) {
-    var nodeStack = [],
-        text = "",
-        charCode;
-
-    if (!cueDiv || !cueDiv.childNodes) {
-      return "ltr";
-    }
-
-    function pushNodes(nodeStack, node) {
-      for (var i = node.childNodes.length - 1; i >= 0; i--) {
-        nodeStack.push(node.childNodes[i]);
-      }
-    }
-
-    function nextTextNode(nodeStack) {
-      if (!nodeStack || !nodeStack.length) {
-        return null;
-      }
-
-      var node = nodeStack.pop(),
-          text = node.textContent || node.innerText;
-
-      if (text) {
-        // TODO: This should match all unicode type B characters (paragraph
-        // separator characters). See issue #115.
-        var m = text.match(/^.*(\n|\r)/);
-
-        if (m) {
-          nodeStack.length = 0;
-          return m[0];
-        }
-
-        return text;
-      }
-
-      if (node.tagName === "ruby") {
-        return nextTextNode(nodeStack);
-      }
-
-      if (node.childNodes) {
-        pushNodes(nodeStack, node);
-        return nextTextNode(nodeStack);
-      }
-    }
-
-    pushNodes(nodeStack, cueDiv);
-
-    while (text = nextTextNode(nodeStack)) {
-      for (var i = 0; i < text.length; i++) {
-        charCode = text.charCodeAt(i);
-
-        if (isStrongRTLChar(charCode)) {
-          return "rtl";
-        }
-      }
-    }
-
-    return "ltr";
-  }
-
-  function computeLinePos(cue) {
-    if (typeof cue.line === "number" && (cue.snapToLines || cue.line >= 0 && cue.line <= 100)) {
-      return cue.line;
-    }
-
-    if (!cue.track || !cue.track.textTrackList || !cue.track.textTrackList.mediaElement) {
-      return -1;
-    }
-
-    var track = cue.track,
-        trackList = track.textTrackList,
-        count = 0;
-
-    for (var i = 0; i < trackList.length && trackList[i] !== track; i++) {
-      if (trackList[i].mode === "showing") {
-        count++;
-      }
-    }
-
-    return ++count * -1;
-  }
-
-  function StyleBox() {} // Apply styles to a div. If there is no div passed then it defaults to the
-  // div on 'this'.
-
-
-  StyleBox.prototype.applyStyles = function (styles, div) {
-    div = div || this.div;
-
-    for (var prop in styles) {
-      if (styles.hasOwnProperty(prop)) {
-        div.style[prop] = styles[prop];
-      }
-    }
-  };
-
-  StyleBox.prototype.formatStyle = function (val, unit) {
-    return val === 0 ? 0 : val + unit;
-  }; // Constructs the computed display state of the cue (a div). Places the div
-  // into the overlay which should be a block level element (usually a div).
-
-
-  function CueStyleBox(window, cue, styleOptions) {
-    StyleBox.call(this);
-    this.cue = cue; // Parse our cue's text into a DOM tree rooted at 'cueDiv'. This div will
-    // have inline positioning and will function as the cue background box.
-
-    this.cueDiv = parseContent(window, cue.text);
-    var styles = {
-      color: "rgba(255, 255, 255, 1)",
-      backgroundColor: "rgba(0, 0, 0, 0.8)",
-      position: "relative",
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      display: "inline",
-      writingMode: cue.vertical === "" ? "horizontal-tb" : cue.vertical === "lr" ? "vertical-lr" : "vertical-rl",
-      unicodeBidi: "plaintext"
-    };
-    this.applyStyles(styles, this.cueDiv); // Create an absolutely positioned div that will be used to position the cue
-    // div. Note, all WebVTT cue-setting alignments are equivalent to the CSS
-    // mirrors of them except middle instead of center on Safari.
-
-    this.div = window.document.createElement("div");
-    styles = {
-      direction: determineBidi(this.cueDiv),
-      writingMode: cue.vertical === "" ? "horizontal-tb" : cue.vertical === "lr" ? "vertical-lr" : "vertical-rl",
-      unicodeBidi: "plaintext",
-      textAlign: cue.align === "middle" ? "center" : cue.align,
-      font: styleOptions.font,
-      whiteSpace: "pre-line",
-      position: "absolute"
-    };
-    this.applyStyles(styles);
-    this.div.appendChild(this.cueDiv); // Calculate the distance from the reference edge of the viewport to the text
-    // position of the cue box. The reference edge will be resolved later when
-    // the box orientation styles are applied.
-
-    var textPos = 0;
-
-    switch (cue.positionAlign) {
-      case "start":
-        textPos = cue.position;
-        break;
-
-      case "center":
-        textPos = cue.position - cue.size / 2;
-        break;
-
-      case "end":
-        textPos = cue.position - cue.size;
-        break;
-    } // Horizontal box orientation; textPos is the distance from the left edge of the
-    // area to the left edge of the box and cue.size is the distance extending to
-    // the right from there.
-
-
-    if (cue.vertical === "") {
-      this.applyStyles({
-        left: this.formatStyle(textPos, "%"),
-        width: this.formatStyle(cue.size, "%")
-      }); // Vertical box orientation; textPos is the distance from the top edge of the
-      // area to the top edge of the box and cue.size is the height extending
-      // downwards from there.
-    } else {
-      this.applyStyles({
-        top: this.formatStyle(textPos, "%"),
-        height: this.formatStyle(cue.size, "%")
-      });
-    }
-
-    this.move = function (box) {
-      this.applyStyles({
-        top: this.formatStyle(box.top, "px"),
-        bottom: this.formatStyle(box.bottom, "px"),
-        left: this.formatStyle(box.left, "px"),
-        right: this.formatStyle(box.right, "px"),
-        height: this.formatStyle(box.height, "px"),
-        width: this.formatStyle(box.width, "px")
-      });
-    };
-  }
-
-  CueStyleBox.prototype = _objCreate(StyleBox.prototype);
-  CueStyleBox.prototype.constructor = CueStyleBox; // Represents the co-ordinates of an Element in a way that we can easily
-  // compute things with such as if it overlaps or intersects with another Element.
-  // Can initialize it with either a StyleBox or another BoxPosition.
-
-  function BoxPosition(obj) {
-    // Either a BoxPosition was passed in and we need to copy it, or a StyleBox
-    // was passed in and we need to copy the results of 'getBoundingClientRect'
-    // as the object returned is readonly. All co-ordinate values are in reference
-    // to the viewport origin (top left).
-    var lh, height, width, top;
-
-    if (obj.div) {
-      height = obj.div.offsetHeight;
-      width = obj.div.offsetWidth;
-      top = obj.div.offsetTop;
-      var rects = (rects = obj.div.childNodes) && (rects = rects[0]) && rects.getClientRects && rects.getClientRects();
-      obj = obj.div.getBoundingClientRect(); // In certain cases the outter div will be slightly larger then the sum of
-      // the inner div's lines. This could be due to bold text, etc, on some platforms.
-      // In this case we should get the average line height and use that. This will
-      // result in the desired behaviour.
-
-      lh = rects ? Math.max(rects[0] && rects[0].height || 0, obj.height / rects.length) : 0;
-    }
-
-    this.left = obj.left;
-    this.right = obj.right;
-    this.top = obj.top || top;
-    this.height = obj.height || height;
-    this.bottom = obj.bottom || top + (obj.height || height);
-    this.width = obj.width || width;
-    this.lineHeight = lh !== undefined ? lh : obj.lineHeight;
-  } // Move the box along a particular axis. Optionally pass in an amount to move
-  // the box. If no amount is passed then the default is the line height of the
-  // box.
-
-
-  BoxPosition.prototype.move = function (axis, toMove) {
-    toMove = toMove !== undefined ? toMove : this.lineHeight;
-
-    switch (axis) {
-      case "+x":
-        this.left += toMove;
-        this.right += toMove;
-        break;
-
-      case "-x":
-        this.left -= toMove;
-        this.right -= toMove;
-        break;
-
-      case "+y":
-        this.top += toMove;
-        this.bottom += toMove;
-        break;
-
-      case "-y":
-        this.top -= toMove;
-        this.bottom -= toMove;
-        break;
-    }
-  }; // Check if this box overlaps another box, b2.
-
-
-  BoxPosition.prototype.overlaps = function (b2) {
-    return this.left < b2.right && this.right > b2.left && this.top < b2.bottom && this.bottom > b2.top;
-  }; // Check if this box overlaps any other boxes in boxes.
-
-
-  BoxPosition.prototype.overlapsAny = function (boxes) {
-    for (var i = 0; i < boxes.length; i++) {
-      if (this.overlaps(boxes[i])) {
-        return true;
-      }
-    }
-
-    return false;
-  }; // Check if this box is within another box.
-
-
-  BoxPosition.prototype.within = function (container) {
-    return this.top >= container.top && this.bottom <= container.bottom && this.left >= container.left && this.right <= container.right;
-  }; // Check if this box is entirely within the container or it is overlapping
-  // on the edge opposite of the axis direction passed. For example, if "+x" is
-  // passed and the box is overlapping on the left edge of the container, then
-  // return true.
-
-
-  BoxPosition.prototype.overlapsOppositeAxis = function (container, axis) {
-    switch (axis) {
-      case "+x":
-        return this.left < container.left;
-
-      case "-x":
-        return this.right > container.right;
-
-      case "+y":
-        return this.top < container.top;
-
-      case "-y":
-        return this.bottom > container.bottom;
-    }
-  }; // Find the percentage of the area that this box is overlapping with another
-  // box.
-
-
-  BoxPosition.prototype.intersectPercentage = function (b2) {
-    var x = Math.max(0, Math.min(this.right, b2.right) - Math.max(this.left, b2.left)),
-        y = Math.max(0, Math.min(this.bottom, b2.bottom) - Math.max(this.top, b2.top)),
-        intersectArea = x * y;
-    return intersectArea / (this.height * this.width);
-  }; // Convert the positions from this box to CSS compatible positions using
-  // the reference container's positions. This has to be done because this
-  // box's positions are in reference to the viewport origin, whereas, CSS
-  // values are in referecne to their respective edges.
-
-
-  BoxPosition.prototype.toCSSCompatValues = function (reference) {
-    return {
-      top: this.top - reference.top,
-      bottom: reference.bottom - this.bottom,
-      left: this.left - reference.left,
-      right: reference.right - this.right,
-      height: this.height,
-      width: this.width
-    };
-  }; // Get an object that represents the box's position without anything extra.
-  // Can pass a StyleBox, HTMLElement, or another BoxPositon.
-
-
-  BoxPosition.getSimpleBoxPosition = function (obj) {
-    var height = obj.div ? obj.div.offsetHeight : obj.tagName ? obj.offsetHeight : 0;
-    var width = obj.div ? obj.div.offsetWidth : obj.tagName ? obj.offsetWidth : 0;
-    var top = obj.div ? obj.div.offsetTop : obj.tagName ? obj.offsetTop : 0;
-    obj = obj.div ? obj.div.getBoundingClientRect() : obj.tagName ? obj.getBoundingClientRect() : obj;
-    var ret = {
-      left: obj.left,
-      right: obj.right,
-      top: obj.top || top,
-      height: obj.height || height,
-      bottom: obj.bottom || top + (obj.height || height),
-      width: obj.width || width
-    };
-    return ret;
-  }; // Move a StyleBox to its specified, or next best, position. The containerBox
-  // is the box that contains the StyleBox, such as a div. boxPositions are
-  // a list of other boxes that the styleBox can't overlap with.
-
-
-  function moveBoxToLinePosition(window, styleBox, containerBox, boxPositions) {
-    // Find the best position for a cue box, b, on the video. The axis parameter
-    // is a list of axis, the order of which, it will move the box along. For example:
-    // Passing ["+x", "-x"] will move the box first along the x axis in the positive
-    // direction. If it doesn't find a good position for it there it will then move
-    // it along the x axis in the negative direction.
-    function findBestPosition(b, axis) {
-      var bestPosition,
-          specifiedPosition = new BoxPosition(b),
-          percentage = 1; // Highest possible so the first thing we get is better.
-
-      for (var i = 0; i < axis.length; i++) {
-        while (b.overlapsOppositeAxis(containerBox, axis[i]) || b.within(containerBox) && b.overlapsAny(boxPositions)) {
-          b.move(axis[i]);
-        } // We found a spot where we aren't overlapping anything. This is our
-        // best position.
-
-
-        if (b.within(containerBox)) {
-          return b;
-        }
-
-        var p = b.intersectPercentage(containerBox); // If we're outside the container box less then we were on our last try
-        // then remember this position as the best position.
-
-        if (percentage > p) {
-          bestPosition = new BoxPosition(b);
-          percentage = p;
-        } // Reset the box position to the specified position.
-
-
-        b = new BoxPosition(specifiedPosition);
-      }
-
-      return bestPosition || specifiedPosition;
-    }
-
-    var boxPosition = new BoxPosition(styleBox),
-        cue = styleBox.cue,
-        linePos = computeLinePos(cue),
-        axis = []; // If we have a line number to align the cue to.
-
-    if (cue.snapToLines) {
-      var size;
-
-      switch (cue.vertical) {
-        case "":
-          axis = ["+y", "-y"];
-          size = "height";
-          break;
-
-        case "rl":
-          axis = ["+x", "-x"];
-          size = "width";
-          break;
-
-        case "lr":
-          axis = ["-x", "+x"];
-          size = "width";
-          break;
-      }
-
-      var step = boxPosition.lineHeight,
-          position = step * Math.round(linePos),
-          maxPosition = containerBox[size] + step,
-          initialAxis = axis[0]; // If the specified intial position is greater then the max position then
-      // clamp the box to the amount of steps it would take for the box to
-      // reach the max position.
-
-      if (Math.abs(position) > maxPosition) {
-        position = position < 0 ? -1 : 1;
-        position *= Math.ceil(maxPosition / step) * step;
-      } // If computed line position returns negative then line numbers are
-      // relative to the bottom of the video instead of the top. Therefore, we
-      // need to increase our initial position by the length or width of the
-      // video, depending on the writing direction, and reverse our axis directions.
-
-
-      if (linePos < 0) {
-        position += cue.vertical === "" ? containerBox.height : containerBox.width;
-        axis = axis.reverse();
-      } // Move the box to the specified position. This may not be its best
-      // position.
-
-
-      boxPosition.move(initialAxis, position);
-    } else {
-      // If we have a percentage line value for the cue.
-      var calculatedPercentage = boxPosition.lineHeight / containerBox.height * 100;
-
-      switch (cue.lineAlign) {
-        case "center":
-          linePos -= calculatedPercentage / 2;
-          break;
-
-        case "end":
-          linePos -= calculatedPercentage;
-          break;
-      } // Apply initial line position to the cue box.
-
-
-      switch (cue.vertical) {
-        case "":
-          styleBox.applyStyles({
-            top: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-
-        case "rl":
-          styleBox.applyStyles({
-            left: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-
-        case "lr":
-          styleBox.applyStyles({
-            right: styleBox.formatStyle(linePos, "%")
-          });
-          break;
-      }
-
-      axis = ["+y", "-x", "+x", "-y"]; // Get the box position again after we've applied the specified positioning
-      // to it.
-
-      boxPosition = new BoxPosition(styleBox);
-    }
-
-    var bestPosition = findBestPosition(boxPosition, axis);
-    styleBox.move(bestPosition.toCSSCompatValues(containerBox));
-  }
-
-  function WebVTT$1() {} // Nothing
-  // Helper to allow strings to be decoded instead of the default binary utf8 data.
-
-
-  WebVTT$1.StringDecoder = function () {
-    return {
-      decode: function decode(data) {
-        if (!data) {
-          return "";
-        }
-
-        if (typeof data !== "string") {
-          throw new Error("Error - expected string data.");
-        }
-
-        return decodeURIComponent(encodeURIComponent(data));
-      }
-    };
-  };
-
-  WebVTT$1.convertCueToDOMTree = function (window, cuetext) {
-    if (!window || !cuetext) {
-      return null;
-    }
-
-    return parseContent(window, cuetext);
-  };
-
-  var FONT_SIZE_PERCENT = 0.05;
-  var FONT_STYLE = "sans-serif";
-  var CUE_BACKGROUND_PADDING = "1.5%"; // Runs the processing model over the cues and regions passed to it.
-  // @param overlay A block level element (usually a div) that the computed cues
-  //                and regions will be placed into.
-
-  WebVTT$1.processCues = function (window, cues, overlay) {
-    if (!window || !cues || !overlay) {
-      return null;
-    } // Remove all previous children.
-
-
-    while (overlay.firstChild) {
-      overlay.removeChild(overlay.firstChild);
-    }
-
-    var paddedOverlay = window.document.createElement("div");
-    paddedOverlay.style.position = "absolute";
-    paddedOverlay.style.left = "0";
-    paddedOverlay.style.right = "0";
-    paddedOverlay.style.top = "0";
-    paddedOverlay.style.bottom = "0";
-    paddedOverlay.style.margin = CUE_BACKGROUND_PADDING;
-    overlay.appendChild(paddedOverlay); // Determine if we need to compute the display states of the cues. This could
-    // be the case if a cue's state has been changed since the last computation or
-    // if it has not been computed yet.
-
-    function shouldCompute(cues) {
-      for (var i = 0; i < cues.length; i++) {
-        if (cues[i].hasBeenReset || !cues[i].displayState) {
-          return true;
-        }
-      }
-
-      return false;
-    } // We don't need to recompute the cues' display states. Just reuse them.
-
-
-    if (!shouldCompute(cues)) {
-      for (var i = 0; i < cues.length; i++) {
-        paddedOverlay.appendChild(cues[i].displayState);
-      }
-
-      return;
-    }
-
-    var boxPositions = [],
-        containerBox = BoxPosition.getSimpleBoxPosition(paddedOverlay),
-        fontSize = Math.round(containerBox.height * FONT_SIZE_PERCENT * 100) / 100;
-    var styleOptions = {
-      font: fontSize + "px " + FONT_STYLE
-    };
-
-    (function () {
-      var styleBox, cue;
-
-      for (var i = 0; i < cues.length; i++) {
-        cue = cues[i]; // Compute the intial position and styles of the cue div.
-
-        styleBox = new CueStyleBox(window, cue, styleOptions);
-        paddedOverlay.appendChild(styleBox.div); // Move the cue div to it's correct line position.
-
-        moveBoxToLinePosition(window, styleBox, containerBox, boxPositions); // Remember the computed div so that we don't have to recompute it later
-        // if we don't have too.
-
-        cue.displayState = styleBox.div;
-        boxPositions.push(BoxPosition.getSimpleBoxPosition(styleBox));
-      }
-    })();
-  };
-
-  WebVTT$1.Parser = function (window, vttjs, decoder) {
-    if (!decoder) {
-      decoder = vttjs;
-      vttjs = {};
-    }
-
-    if (!vttjs) {
-      vttjs = {};
-    }
-
-    this.window = window;
-    this.vttjs = vttjs;
-    this.state = "INITIAL";
-    this.buffer = "";
-    this.decoder = decoder || new TextDecoder("utf8");
-    this.regionList = [];
-  };
-
-  WebVTT$1.Parser.prototype = {
-    // If the error is a ParsingError then report it to the consumer if
-    // possible. If it's not a ParsingError then throw it like normal.
-    reportOrThrowError: function reportOrThrowError(e) {
-      if (e instanceof ParsingError) {
-        this.onparsingerror && this.onparsingerror(e);
-      } else {
-        throw e;
-      }
-    },
-    parse: function parse(data) {
-      var self = this; // If there is no data then we won't decode it, but will just try to parse
-      // whatever is in buffer already. This may occur in circumstances, for
-      // example when flush() is called.
-
-      if (data) {
-        // Try to decode the data that we received.
-        self.buffer += self.decoder.decode(data, {
-          stream: true
-        });
-      }
-
-      function collectNextLine() {
-        var buffer = self.buffer;
-        var pos = 0;
-
-        while (pos < buffer.length && buffer[pos] !== '\r' && buffer[pos] !== '\n') {
-          ++pos;
-        }
-
-        var line = buffer.substr(0, pos); // Advance the buffer early in case we fail below.
-
-        if (buffer[pos] === '\r') {
-          ++pos;
-        }
-
-        if (buffer[pos] === '\n') {
-          ++pos;
-        }
-
-        self.buffer = buffer.substr(pos);
-        return line;
-      } // 3.4 WebVTT region and WebVTT region settings syntax
-
-
-      function parseRegion(input) {
-        var settings = new Settings();
-        parseOptions(input, function (k, v) {
-          switch (k) {
-            case "id":
-              settings.set(k, v);
-              break;
-
-            case "width":
-              settings.percent(k, v);
-              break;
-
-            case "lines":
-              settings.integer(k, v);
-              break;
-
-            case "regionanchor":
-            case "viewportanchor":
-              var xy = v.split(',');
-
-              if (xy.length !== 2) {
-                break;
-              } // We have to make sure both x and y parse, so use a temporary
-              // settings object here.
-
-
-              var anchor = new Settings();
-              anchor.percent("x", xy[0]);
-              anchor.percent("y", xy[1]);
-
-              if (!anchor.has("x") || !anchor.has("y")) {
-                break;
-              }
-
-              settings.set(k + "X", anchor.get("x"));
-              settings.set(k + "Y", anchor.get("y"));
-              break;
-
-            case "scroll":
-              settings.alt(k, v, ["up"]);
-              break;
-          }
-        }, /=/, /\s/); // Create the region, using default values for any values that were not
-        // specified.
-
-        if (settings.has("id")) {
-          var region = new (self.vttjs.VTTRegion || self.window.VTTRegion)();
-          region.width = settings.get("width", 100);
-          region.lines = settings.get("lines", 3);
-          region.regionAnchorX = settings.get("regionanchorX", 0);
-          region.regionAnchorY = settings.get("regionanchorY", 100);
-          region.viewportAnchorX = settings.get("viewportanchorX", 0);
-          region.viewportAnchorY = settings.get("viewportanchorY", 100);
-          region.scroll = settings.get("scroll", ""); // Register the region.
-
-          self.onregion && self.onregion(region); // Remember the VTTRegion for later in case we parse any VTTCues that
-          // reference it.
-
-          self.regionList.push({
-            id: settings.get("id"),
-            region: region
-          });
-        }
-      } // draft-pantos-http-live-streaming-20
-      // https://tools.ietf.org/html/draft-pantos-http-live-streaming-20#section-3.5
-      // 3.5 WebVTT
-
-
-      function parseTimestampMap(input) {
-        var settings = new Settings();
-        parseOptions(input, function (k, v) {
-          switch (k) {
-            case "MPEGT":
-              settings.integer(k + 'S', v);
-              break;
-
-            case "LOCA":
-              settings.set(k + 'L', parseTimeStamp(v));
-              break;
-          }
-        }, /[^\d]:/, /,/);
-        self.ontimestampmap && self.ontimestampmap({
-          "MPEGTS": settings.get("MPEGTS"),
-          "LOCAL": settings.get("LOCAL")
-        });
-      } // 3.2 WebVTT metadata header syntax
-
-
-      function parseHeader(input) {
-        if (input.match(/X-TIMESTAMP-MAP/)) {
-          // This line contains HLS X-TIMESTAMP-MAP metadata
-          parseOptions(input, function (k, v) {
-            switch (k) {
-              case "X-TIMESTAMP-MAP":
-                parseTimestampMap(v);
-                break;
-            }
-          }, /=/);
-        } else {
-          parseOptions(input, function (k, v) {
-            switch (k) {
-              case "Region":
-                // 3.3 WebVTT region metadata header syntax
-                parseRegion(v);
-                break;
-            }
-          }, /:/);
-        }
-      } // 5.1 WebVTT file parsing.
-
-
-      try {
-        var line;
-
-        if (self.state === "INITIAL") {
-          // We can't start parsing until we have the first line.
-          if (!/\r\n|\n/.test(self.buffer)) {
-            return this;
-          }
-
-          line = collectNextLine();
-          var m = line.match(/^WEBVTT([ \t].*)?$/);
-
-          if (!m || !m[0]) {
-            throw new ParsingError(ParsingError.Errors.BadSignature);
-          }
-
-          self.state = "HEADER";
-        }
-
-        var alreadyCollectedLine = false;
-
-        while (self.buffer) {
-          // We can't parse a line until we have the full line.
-          if (!/\r\n|\n/.test(self.buffer)) {
-            return this;
-          }
-
-          if (!alreadyCollectedLine) {
-            line = collectNextLine();
-          } else {
-            alreadyCollectedLine = false;
-          }
-
-          switch (self.state) {
-            case "HEADER":
-              // 13-18 - Allow a header (metadata) under the WEBVTT line.
-              if (/:/.test(line)) {
-                parseHeader(line);
-              } else if (!line) {
-                // An empty line terminates the header and starts the body (cues).
-                self.state = "ID";
-              }
-
-              continue;
-
-            case "NOTE":
-              // Ignore NOTE blocks.
-              if (!line) {
-                self.state = "ID";
-              }
-
-              continue;
-
-            case "ID":
-              // Check for the start of NOTE blocks.
-              if (/^NOTE($|[ \t])/.test(line)) {
-                self.state = "NOTE";
-                break;
-              } // 19-29 - Allow any number of line terminators, then initialize new cue values.
-
-
-              if (!line) {
-                continue;
-              }
-
-              self.cue = new (self.vttjs.VTTCue || self.window.VTTCue)(0, 0, ""); // Safari still uses the old middle value and won't accept center
-
-              try {
-                self.cue.align = "center";
-              } catch (e) {
-                self.cue.align = "middle";
-              }
-
-              self.state = "CUE"; // 30-39 - Check if self line contains an optional identifier or timing data.
-
-              if (line.indexOf("-->") === -1) {
-                self.cue.id = line;
-                continue;
-              }
-
-            // Process line as start of a cue.
-
-            /*falls through*/
-
-            case "CUE":
-              // 40 - Collect cue timings and settings.
-              try {
-                parseCue(line, self.cue, self.regionList);
-              } catch (e) {
-                self.reportOrThrowError(e); // In case of an error ignore rest of the cue.
-
-                self.cue = null;
-                self.state = "BADCUE";
-                continue;
-              }
-
-              self.state = "CUETEXT";
-              continue;
-
-            case "CUETEXT":
-              var hasSubstring = line.indexOf("-->") !== -1; // 34 - If we have an empty line then report the cue.
-              // 35 - If we have the special substring '-->' then report the cue,
-              // but do not collect the line as we need to process the current
-              // one as a new cue.
-
-              if (!line || hasSubstring && (alreadyCollectedLine = true)) {
-                // We are done parsing self cue.
-                self.oncue && self.oncue(self.cue);
-                self.cue = null;
-                self.state = "ID";
-                continue;
-              }
-
-              if (self.cue.text) {
-                self.cue.text += "\n";
-              }
-
-              self.cue.text += line.replace(/\u2028/g, '\n').replace(/u2029/g, '\n');
-              continue;
-
-            case "BADCUE":
-              // BADCUE
-              // 54-62 - Collect and discard the remaining cue.
-              if (!line) {
-                self.state = "ID";
-              }
-
-              continue;
-          }
-        }
-      } catch (e) {
-        self.reportOrThrowError(e); // If we are currently parsing a cue, report what we have.
-
-        if (self.state === "CUETEXT" && self.cue && self.oncue) {
-          self.oncue(self.cue);
-        }
-
-        self.cue = null; // Enter BADWEBVTT state if header was not parsed correctly otherwise
-        // another exception occurred so enter BADCUE state.
-
-        self.state = self.state === "INITIAL" ? "BADWEBVTT" : "BADCUE";
-      }
-
-      return this;
-    },
-    flush: function flush() {
-      var self = this;
-
-      try {
-        // Finish decoding the stream.
-        self.buffer += self.decoder.decode(); // Synthesize the end of the current cue or region.
-
-        if (self.cue || self.state === "HEADER") {
-          self.buffer += "\n\n";
-          self.parse();
-        } // If we've flushed, parsed, and we're still on the INITIAL state then
-        // that means we don't have enough of the stream to parse the first
-        // line.
-
-
-        if (self.state === "INITIAL") {
-          throw new ParsingError(ParsingError.Errors.BadSignature);
-        }
-      } catch (e) {
-        self.reportOrThrowError(e);
-      }
-
-      self.onflush && self.onflush();
-      return this;
-    }
-  };
-  var vtt = WebVTT$1;
-
-  /**
-   * Copyright 2013 vtt.js Contributors
-   *
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   *   http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  var autoKeyword = "auto";
-  var directionSetting = {
-    "": 1,
-    "lr": 1,
-    "rl": 1
-  };
-  var alignSetting = {
-    "start": 1,
-    "center": 1,
-    "end": 1,
-    "left": 1,
-    "right": 1,
-    "auto": 1,
-    "line-left": 1,
-    "line-right": 1
-  };
-
-  function findDirectionSetting(value) {
-    if (typeof value !== "string") {
-      return false;
-    }
-
-    var dir = directionSetting[value.toLowerCase()];
-    return dir ? value.toLowerCase() : false;
-  }
-
-  function findAlignSetting(value) {
-    if (typeof value !== "string") {
-      return false;
-    }
-
-    var align = alignSetting[value.toLowerCase()];
-    return align ? value.toLowerCase() : false;
-  }
-
-  function VTTCue(startTime, endTime, text) {
-    /**
-     * Shim implementation specific properties. These properties are not in
-     * the spec.
-     */
-    // Lets us know when the VTTCue's data has changed in such a way that we need
-    // to recompute its display state. This lets us compute its display state
-    // lazily.
-    this.hasBeenReset = false;
-    /**
-     * VTTCue and TextTrackCue properties
-     * http://dev.w3.org/html5/webvtt/#vttcue-interface
-     */
-
-    var _id = "";
-    var _pauseOnExit = false;
-    var _startTime = startTime;
-    var _endTime = endTime;
-    var _text = text;
-    var _region = null;
-    var _vertical = "";
-    var _snapToLines = true;
-    var _line = "auto";
-    var _lineAlign = "start";
-    var _position = "auto";
-    var _positionAlign = "auto";
-    var _size = 100;
-    var _align = "center";
-    Object.defineProperties(this, {
-      "id": {
-        enumerable: true,
-        get: function get() {
-          return _id;
-        },
-        set: function set(value) {
-          _id = "" + value;
-        }
-      },
-      "pauseOnExit": {
-        enumerable: true,
-        get: function get() {
-          return _pauseOnExit;
-        },
-        set: function set(value) {
-          _pauseOnExit = !!value;
-        }
-      },
-      "startTime": {
-        enumerable: true,
-        get: function get() {
-          return _startTime;
-        },
-        set: function set(value) {
-          if (typeof value !== "number") {
-            throw new TypeError("Start time must be set to a number.");
-          }
-
-          _startTime = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "endTime": {
-        enumerable: true,
-        get: function get() {
-          return _endTime;
-        },
-        set: function set(value) {
-          if (typeof value !== "number") {
-            throw new TypeError("End time must be set to a number.");
-          }
-
-          _endTime = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "text": {
-        enumerable: true,
-        get: function get() {
-          return _text;
-        },
-        set: function set(value) {
-          _text = "" + value;
-          this.hasBeenReset = true;
-        }
-      },
-      "region": {
-        enumerable: true,
-        get: function get() {
-          return _region;
-        },
-        set: function set(value) {
-          _region = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "vertical": {
-        enumerable: true,
-        get: function get() {
-          return _vertical;
-        },
-        set: function set(value) {
-          var setting = findDirectionSetting(value); // Have to check for false because the setting an be an empty string.
-
-          if (setting === false) {
-            throw new SyntaxError("Vertical: an invalid or illegal direction string was specified.");
-          }
-
-          _vertical = setting;
-          this.hasBeenReset = true;
-        }
-      },
-      "snapToLines": {
-        enumerable: true,
-        get: function get() {
-          return _snapToLines;
-        },
-        set: function set(value) {
-          _snapToLines = !!value;
-          this.hasBeenReset = true;
-        }
-      },
-      "line": {
-        enumerable: true,
-        get: function get() {
-          return _line;
-        },
-        set: function set(value) {
-          if (typeof value !== "number" && value !== autoKeyword) {
-            throw new SyntaxError("Line: an invalid number or illegal string was specified.");
-          }
-
-          _line = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "lineAlign": {
-        enumerable: true,
-        get: function get() {
-          return _lineAlign;
-        },
-        set: function set(value) {
-          var setting = findAlignSetting(value);
-
-          if (!setting) {
-            console.warn("lineAlign: an invalid or illegal string was specified.");
-          } else {
-            _lineAlign = setting;
-            this.hasBeenReset = true;
-          }
-        }
-      },
-      "position": {
-        enumerable: true,
-        get: function get() {
-          return _position;
-        },
-        set: function set(value) {
-          if (value < 0 || value > 100) {
-            throw new Error("Position must be between 0 and 100.");
-          }
-
-          _position = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "positionAlign": {
-        enumerable: true,
-        get: function get() {
-          return _positionAlign;
-        },
-        set: function set(value) {
-          var setting = findAlignSetting(value);
-
-          if (!setting) {
-            console.warn("positionAlign: an invalid or illegal string was specified.");
-          } else {
-            _positionAlign = setting;
-            this.hasBeenReset = true;
-          }
-        }
-      },
-      "size": {
-        enumerable: true,
-        get: function get() {
-          return _size;
-        },
-        set: function set(value) {
-          if (value < 0 || value > 100) {
-            throw new Error("Size must be between 0 and 100.");
-          }
-
-          _size = value;
-          this.hasBeenReset = true;
-        }
-      },
-      "align": {
-        enumerable: true,
-        get: function get() {
-          return _align;
-        },
-        set: function set(value) {
-          var setting = findAlignSetting(value);
-
-          if (!setting) {
-            throw new SyntaxError("align: an invalid or illegal alignment string was specified.");
-          }
-
-          _align = setting;
-          this.hasBeenReset = true;
-        }
-      }
-    });
-    /**
-     * Other <track> spec defined properties
-     */
-    // http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#text-track-cue-display-state
-
-    this.displayState = undefined;
-  }
-  /**
-   * VTTCue methods
-   */
-
-
-  VTTCue.prototype.getCueAsHTML = function () {
-    // Assume WebVTT.convertCueToDOMTree is on the global.
-    return WebVTT.convertCueToDOMTree(window, this.text);
-  };
-
-  var vttcue = VTTCue;
-
-  /**
-   * Copyright 2013 vtt.js Contributors
-   *
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   *   http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  var scrollSetting = {
-    "": true,
-    "up": true
-  };
-
-  function findScrollSetting(value) {
-    if (typeof value !== "string") {
-      return false;
-    }
-
-    var scroll = scrollSetting[value.toLowerCase()];
-    return scroll ? value.toLowerCase() : false;
-  }
-
-  function isValidPercentValue(value) {
-    return typeof value === "number" && value >= 0 && value <= 100;
-  } // VTTRegion shim http://dev.w3.org/html5/webvtt/#vttregion-interface
-
-
-  function VTTRegion() {
-    var _width = 100;
-    var _lines = 3;
-    var _regionAnchorX = 0;
-    var _regionAnchorY = 100;
-    var _viewportAnchorX = 0;
-    var _viewportAnchorY = 100;
-    var _scroll = "";
-    Object.defineProperties(this, {
-      "width": {
-        enumerable: true,
-        get: function get() {
-          return _width;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("Width must be between 0 and 100.");
-          }
-
-          _width = value;
-        }
-      },
-      "lines": {
-        enumerable: true,
-        get: function get() {
-          return _lines;
-        },
-        set: function set(value) {
-          if (typeof value !== "number") {
-            throw new TypeError("Lines must be set to a number.");
-          }
-
-          _lines = value;
-        }
-      },
-      "regionAnchorY": {
-        enumerable: true,
-        get: function get() {
-          return _regionAnchorY;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("RegionAnchorX must be between 0 and 100.");
-          }
-
-          _regionAnchorY = value;
-        }
-      },
-      "regionAnchorX": {
-        enumerable: true,
-        get: function get() {
-          return _regionAnchorX;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("RegionAnchorY must be between 0 and 100.");
-          }
-
-          _regionAnchorX = value;
-        }
-      },
-      "viewportAnchorY": {
-        enumerable: true,
-        get: function get() {
-          return _viewportAnchorY;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("ViewportAnchorY must be between 0 and 100.");
-          }
-
-          _viewportAnchorY = value;
-        }
-      },
-      "viewportAnchorX": {
-        enumerable: true,
-        get: function get() {
-          return _viewportAnchorX;
-        },
-        set: function set(value) {
-          if (!isValidPercentValue(value)) {
-            throw new Error("ViewportAnchorX must be between 0 and 100.");
-          }
-
-          _viewportAnchorX = value;
-        }
-      },
-      "scroll": {
-        enumerable: true,
-        get: function get() {
-          return _scroll;
-        },
-        set: function set(value) {
-          var setting = findScrollSetting(value); // Have to check for false as an empty string is a legal value.
-
-          if (setting === false) {
-            console.warn("Scroll: an invalid or illegal string was specified.");
-          } else {
-            _scroll = setting;
-          }
-        }
-      }
-    });
-  }
-
-  var vttregion = VTTRegion;
-
-  var browserIndex = createCommonjsModule(function (module) {
-    /**
-     * Copyright 2013 vtt.js Contributors
-     *
-     * Licensed under the Apache License, Version 2.0 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     *   http://www.apache.org/licenses/LICENSE-2.0
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" BASIS,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    // Default exports for Node. Export the extended versions of VTTCue and
-    // VTTRegion in Node since we likely want the capability to convert back and
-    // forth between JSON. If we don't then it's not that big of a deal since we're
-    // off browser.
-    var vttjs = module.exports = {
-      WebVTT: vtt,
-      VTTCue: vttcue,
-      VTTRegion: vttregion
-    };
-    window$1.vttjs = vttjs;
-    window$1.WebVTT = vttjs.WebVTT;
-    var cueShim = vttjs.VTTCue;
-    var regionShim = vttjs.VTTRegion;
-    var nativeVTTCue = window$1.VTTCue;
-    var nativeVTTRegion = window$1.VTTRegion;
-
-    vttjs.shim = function () {
-      window$1.VTTCue = cueShim;
-      window$1.VTTRegion = regionShim;
-    };
-
-    vttjs.restore = function () {
-      window$1.VTTCue = nativeVTTCue;
-      window$1.VTTRegion = nativeVTTRegion;
-    };
-
-    if (!window$1.VTTCue) {
-      vttjs.shim();
-    }
-  });
-  var browserIndex_1 = browserIndex.WebVTT;
-  var browserIndex_2 = browserIndex.VTTCue;
-  var browserIndex_3 = browserIndex.VTTRegion;
-
-  /**
-   * An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string
-   * that just contains the src url alone.
-   * * `var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};`
-     * `var SourceString = 'http://example.com/some-video.mp4';`
-   *
-   * @typedef {Object|string} Tech~SourceObject
-   *
-   * @property {string} src
-   *           The url to the source
-   *
-   * @property {string} type
-   *           The mime type of the source
-   */
-
-  /**
-   * A function used by {@link Tech} to create a new {@link TextTrack}.
-   *
-   * @private
-   *
-   * @param {Tech} self
-   *        An instance of the Tech class.
-   *
-   * @param {string} kind
-   *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-   *
-   * @param {string} [label]
-   *        Label to identify the text track
-   *
-   * @param {string} [language]
-   *        Two letter language abbreviation
-   *
-   * @param {Object} [options={}]
-   *        An object with additional text track options
-   *
-   * @return {TextTrack}
-   *          The text track that was created.
-   */
-
-  function createTrackHelper(self, kind, label, language, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var tracks = self.textTracks();
-    options.kind = kind;
-
-    if (label) {
-      options.label = label;
-    }
-
-    if (language) {
-      options.language = language;
-    }
-
-    options.tech = self;
-    var track = new ALL.text.TrackClass(options);
-    tracks.addTrack(track);
-    return track;
-  }
-  /**
-   * This is the base class for media playback technology controllers, such as
-   * {@link Flash} and {@link HTML5}
-   *
-   * @extends Component
-   */
-
-
-  var Tech =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Tech, _Component);
-
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} ready
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    function Tech(options, ready) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (ready === void 0) {
-        ready = function ready() {};
-      }
-
-      // we don't want the tech to report user activity automatically.
-      // This is done manually in addControlsListeners
-      options.reportTouchActivity = false;
-      _this = _Component.call(this, null, options, ready) || this; // keep track of whether the current source has played at all to
-      // implement a very limited played()
-
-      _this.hasStarted_ = false;
-
-      _this.on('playing', function () {
-        this.hasStarted_ = true;
-      });
-
-      _this.on('loadstart', function () {
-        this.hasStarted_ = false;
-      });
-
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-
-        if (options && options[props.getterName]) {
-          _this[props.privateName] = options[props.getterName];
-        }
-      }); // Manually track progress in cases where the browser/flash player doesn't report it.
-
-      if (!_this.featuresProgressEvents) {
-        _this.manualProgressOn();
-      } // Manually track timeupdates in cases where the browser/flash player doesn't report it.
-
-
-      if (!_this.featuresTimeupdateEvents) {
-        _this.manualTimeUpdatesOn();
-      }
-
-      ['Text', 'Audio', 'Video'].forEach(function (track) {
-        if (options["native" + track + "Tracks"] === false) {
-          _this["featuresNative" + track + "Tracks"] = false;
-        }
-      });
-
-      if (options.nativeCaptions === false || options.nativeTextTracks === false) {
-        _this.featuresNativeTextTracks = false;
-      } else if (options.nativeCaptions === true || options.nativeTextTracks === true) {
-        _this.featuresNativeTextTracks = true;
-      }
-
-      if (!_this.featuresNativeTextTracks) {
-        _this.emulateTextTracks();
-      }
-
-      _this.preloadTextTracks = options.preloadTextTracks !== false;
-      _this.autoRemoteTextTracks_ = new ALL.text.ListClass();
-
-      _this.initTrackListeners(); // Turn on component tap events only if not using native controls
-
-
-      if (!options.nativeControlsForTouch) {
-        _this.emitTapEvents();
-      }
-
-      if (_this.constructor) {
-        _this.name_ = _this.constructor.name || 'Unknown Tech';
-      }
-
-      return _this;
-    }
-    /**
-     * A special function to trigger source set in a way that will allow player
-     * to re-trigger if the player or tech are not ready yet.
-     *
-     * @fires Tech#sourceset
-     * @param {string} src The source string at the time of the source changing.
-     */
-
-
-    var _proto = Tech.prototype;
-
-    _proto.triggerSourceset = function triggerSourceset(src) {
-      var _this2 = this;
-
-      if (!this.isReady_) {
-        // on initial ready we have to trigger source set
-        // 1ms after ready so that player can watch for it.
-        this.one('ready', function () {
-          return _this2.setTimeout(function () {
-            return _this2.triggerSourceset(src);
-          }, 1);
-        });
-      }
-      /**
-       * Fired when the source is set on the tech causing the media element
-       * to reload.
-       *
-       * @see {@link Player#event:sourceset}
-       * @event Tech#sourceset
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger({
-        src: src,
-        type: 'sourceset'
-      });
-    }
-    /* Fallbacks for unsupported event types
-    ================================================================================ */
-
-    /**
-     * Polyfill the `progress` event for browsers that don't support it natively.
-     *
-     * @see {@link Tech#trackProgress}
-     */
-    ;
-
-    _proto.manualProgressOn = function manualProgressOn() {
-      this.on('durationchange', this.onDurationChange);
-      this.manualProgress = true; // Trigger progress watching when a source begins loading
-
-      this.one('ready', this.trackProgress);
-    }
-    /**
-     * Turn off the polyfill for `progress` events that was created in
-     * {@link Tech#manualProgressOn}
-     */
-    ;
-
-    _proto.manualProgressOff = function manualProgressOff() {
-      this.manualProgress = false;
-      this.stopTrackingProgress();
-      this.off('durationchange', this.onDurationChange);
-    }
-    /**
-     * This is used to trigger a `progress` event when the buffered percent changes. It
-     * sets an interval function that will be called every 500 milliseconds to check if the
-     * buffer end percent has changed.
-     *
-     * > This function is called by {@link Tech#manualProgressOn}
-     *
-     * @param {EventTarget~Event} event
-     *        The `ready` event that caused this to run.
-     *
-     * @listens Tech#ready
-     * @fires Tech#progress
-     */
-    ;
-
-    _proto.trackProgress = function trackProgress(event) {
-      this.stopTrackingProgress();
-      this.progressInterval = this.setInterval(bind(this, function () {
-        // Don't trigger unless buffered amount is greater than last time
-        var numBufferedPercent = this.bufferedPercent();
-
-        if (this.bufferedPercent_ !== numBufferedPercent) {
-          /**
-           * See {@link Player#progress}
-           *
-           * @event Tech#progress
-           * @type {EventTarget~Event}
-           */
-          this.trigger('progress');
-        }
-
-        this.bufferedPercent_ = numBufferedPercent;
-
-        if (numBufferedPercent === 1) {
-          this.stopTrackingProgress();
-        }
-      }), 500);
-    }
-    /**
-     * Update our internal duration on a `durationchange` event by calling
-     * {@link Tech#duration}.
-     *
-     * @param {EventTarget~Event} event
-     *        The `durationchange` event that caused this to run.
-     *
-     * @listens Tech#durationchange
-     */
-    ;
-
-    _proto.onDurationChange = function onDurationChange(event) {
-      this.duration_ = this.duration();
-    }
-    /**
-     * Get and create a `TimeRange` object for buffering.
-     *
-     * @return {TimeRange}
-     *         The time range object that was created.
-     */
-    ;
-
-    _proto.buffered = function buffered() {
-      return createTimeRanges(0, 0);
-    }
-    /**
-     * Get the percentage of the current video that is currently buffered.
-     *
-     * @return {number}
-     *         A number from 0 to 1 that represents the decimal percentage of the
-     *         video that is buffered.
-     *
-     */
-    ;
-
-    _proto.bufferedPercent = function bufferedPercent$1() {
-      return bufferedPercent(this.buffered(), this.duration_);
-    }
-    /**
-     * Turn off the polyfill for `progress` events that was created in
-     * {@link Tech#manualProgressOn}
-     * Stop manually tracking progress events by clearing the interval that was set in
-     * {@link Tech#trackProgress}.
-     */
-    ;
-
-    _proto.stopTrackingProgress = function stopTrackingProgress() {
-      this.clearInterval(this.progressInterval);
-    }
-    /**
-     * Polyfill the `timeupdate` event for browsers that don't support it.
-     *
-     * @see {@link Tech#trackCurrentTime}
-     */
-    ;
-
-    _proto.manualTimeUpdatesOn = function manualTimeUpdatesOn() {
-      this.manualTimeUpdates = true;
-      this.on('play', this.trackCurrentTime);
-      this.on('pause', this.stopTrackingCurrentTime);
-    }
-    /**
-     * Turn off the polyfill for `timeupdate` events that was created in
-     * {@link Tech#manualTimeUpdatesOn}
-     */
-    ;
-
-    _proto.manualTimeUpdatesOff = function manualTimeUpdatesOff() {
-      this.manualTimeUpdates = false;
-      this.stopTrackingCurrentTime();
-      this.off('play', this.trackCurrentTime);
-      this.off('pause', this.stopTrackingCurrentTime);
-    }
-    /**
-     * Sets up an interval function to track current time and trigger `timeupdate` every
-     * 250 milliseconds.
-     *
-     * @listens Tech#play
-     * @triggers Tech#timeupdate
-     */
-    ;
-
-    _proto.trackCurrentTime = function trackCurrentTime() {
-      if (this.currentTimeInterval) {
-        this.stopTrackingCurrentTime();
-      }
-
-      this.currentTimeInterval = this.setInterval(function () {
-        /**
-         * Triggered at an interval of 250ms to indicated that time is passing in the video.
-         *
-         * @event Tech#timeupdate
-         * @type {EventTarget~Event}
-         */
-        this.trigger({
-          type: 'timeupdate',
-          target: this,
-          manuallyTriggered: true
-        }); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-      }, 250);
-    }
-    /**
-     * Stop the interval function created in {@link Tech#trackCurrentTime} so that the
-     * `timeupdate` event is no longer triggered.
-     *
-     * @listens {Tech#pause}
-     */
-    ;
-
-    _proto.stopTrackingCurrentTime = function stopTrackingCurrentTime() {
-      this.clearInterval(this.currentTimeInterval); // #1002 - if the video ends right before the next timeupdate would happen,
-      // the progress bar won't make it all the way to the end
-
-      this.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-    }
-    /**
-     * Turn off all event polyfills, clear the `Tech`s {@link AudioTrackList},
-     * {@link VideoTrackList}, and {@link TextTrackList}, and dispose of this Tech.
-     *
-     * @fires Component#dispose
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      // clear out all tracks because we can't reuse them between techs
-      this.clearTracks(NORMAL.names); // Turn off any manual progress or timeupdate tracking
-
-      if (this.manualProgress) {
-        this.manualProgressOff();
-      }
-
-      if (this.manualTimeUpdates) {
-        this.manualTimeUpdatesOff();
-      }
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Clear out a single `TrackList` or an array of `TrackLists` given their names.
-     *
-     * > Note: Techs without source handlers should call this between sources for `video`
-     *         & `audio` tracks. You don't want to use them between tracks!
-     *
-     * @param {string[]|string} types
-     *        TrackList names to clear, valid names are `video`, `audio`, and
-     *        `text`.
-     */
-    ;
-
-    _proto.clearTracks = function clearTracks(types) {
-      var _this3 = this;
-
-      types = [].concat(types); // clear out all tracks because we can't reuse them between techs
-
-      types.forEach(function (type) {
-        var list = _this3[type + "Tracks"]() || [];
-        var i = list.length;
-
-        while (i--) {
-          var track = list[i];
-
-          if (type === 'text') {
-            _this3.removeRemoteTextTrack(track);
-          }
-
-          list.removeTrack(track);
-        }
-      });
-    }
-    /**
-     * Remove any TextTracks added via addRemoteTextTrack that are
-     * flagged for automatic garbage collection
-     */
-    ;
-
-    _proto.cleanupAutoTextTracks = function cleanupAutoTextTracks() {
-      var list = this.autoRemoteTextTracks_ || [];
-      var i = list.length;
-
-      while (i--) {
-        var track = list[i];
-        this.removeRemoteTextTrack(track);
-      }
-    }
-    /**
-     * Reset the tech, which will removes all sources and reset the internal readyState.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.reset = function reset() {}
-    /**
-     * Get or set an error on the Tech.
-     *
-     * @param {MediaError} [err]
-     *        Error to set on the Tech
-     *
-     * @return {MediaError|null}
-     *         The current error object on the tech, or null if there isn't one.
-     */
-    ;
-
-    _proto.error = function error(err) {
-      if (err !== undefined) {
-        this.error_ = new MediaError(err);
-        this.trigger('error');
-      }
-
-      return this.error_;
-    }
-    /**
-     * Returns the `TimeRange`s that have been played through for the current source.
-     *
-     * > NOTE: This implementation is incomplete. It does not track the played `TimeRange`.
-     *         It only checks whether the source has played at all or not.
-     *
-     * @return {TimeRange}
-     *         - A single time range if this video has played
-     *         - An empty set of ranges if not.
-     */
-    ;
-
-    _proto.played = function played() {
-      if (this.hasStarted_) {
-        return createTimeRanges(0, 0);
-      }
-
-      return createTimeRanges();
-    }
-    /**
-     * Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was
-     * previously called.
-     *
-     * @fires Tech#timeupdate
-     */
-    ;
-
-    _proto.setCurrentTime = function setCurrentTime() {
-      // improve the accuracy of manual timeupdates
-      if (this.manualTimeUpdates) {
-        /**
-         * A manual `timeupdate` event.
-         *
-         * @event Tech#timeupdate
-         * @type {EventTarget~Event}
-         */
-        this.trigger({
-          type: 'timeupdate',
-          target: this,
-          manuallyTriggered: true
-        });
-      }
-    }
-    /**
-     * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and
-     * {@link TextTrackList} events.
-     *
-     * This adds {@link EventTarget~EventListeners} for `addtrack`, and  `removetrack`.
-     *
-     * @fires Tech#audiotrackchange
-     * @fires Tech#videotrackchange
-     * @fires Tech#texttrackchange
-     */
-    ;
-
-    _proto.initTrackListeners = function initTrackListeners() {
-      var _this4 = this;
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link AudioTrackList}
-        *
-        * @event Tech#audiotrackchange
-        * @type {EventTarget~Event}
-        */
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link VideoTrackList}
-        *
-        * @event Tech#videotrackchange
-        * @type {EventTarget~Event}
-        */
-
-      /**
-        * Triggered when tracks are added or removed on the Tech {@link TextTrackList}
-        *
-        * @event Tech#texttrackchange
-        * @type {EventTarget~Event}
-        */
-      NORMAL.names.forEach(function (name) {
-        var props = NORMAL[name];
-
-        var trackListChanges = function trackListChanges() {
-          _this4.trigger(name + "trackchange");
-        };
-
-        var tracks = _this4[props.getterName]();
-
-        tracks.addEventListener('removetrack', trackListChanges);
-        tracks.addEventListener('addtrack', trackListChanges);
-
-        _this4.on('dispose', function () {
-          tracks.removeEventListener('removetrack', trackListChanges);
-          tracks.removeEventListener('addtrack', trackListChanges);
-        });
-      });
-    }
-    /**
-     * Emulate TextTracks using vtt.js if necessary
-     *
-     * @fires Tech#vttjsloaded
-     * @fires Tech#vttjserror
-     */
-    ;
-
-    _proto.addWebVttScript_ = function addWebVttScript_() {
-      var _this5 = this;
-
-      if (window$1.WebVTT) {
-        return;
-      } // Initially, Tech.el_ is a child of a dummy-div wait until the Component system
-      // signals that the Tech is ready at which point Tech.el_ is part of the DOM
-      // before inserting the WebVTT script
-
-
-      if (document.body.contains(this.el())) {
-        // load via require if available and vtt.js script location was not passed in
-        // as an option. novtt builds will turn the above require call into an empty object
-        // which will cause this if check to always fail.
-        if (!this.options_['vtt.js'] && isPlain(browserIndex) && Object.keys(browserIndex).length > 0) {
-          this.trigger('vttjsloaded');
-          return;
-        } // load vtt.js via the script location option or the cdn of no location was
-        // passed in
-
-
-        var script = document.createElement('script');
-        script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js';
-
-        script.onload = function () {
-          /**
-           * Fired when vtt.js is loaded.
-           *
-           * @event Tech#vttjsloaded
-           * @type {EventTarget~Event}
-           */
-          _this5.trigger('vttjsloaded');
-        };
-
-        script.onerror = function () {
-          /**
-           * Fired when vtt.js was not loaded due to an error
-           *
-           * @event Tech#vttjsloaded
-           * @type {EventTarget~Event}
-           */
-          _this5.trigger('vttjserror');
-        };
-
-        this.on('dispose', function () {
-          script.onload = null;
-          script.onerror = null;
-        }); // but have not loaded yet and we set it to true before the inject so that
-        // we don't overwrite the injected window.WebVTT if it loads right away
-
-        window$1.WebVTT = true;
-        this.el().parentNode.appendChild(script);
-      } else {
-        this.ready(this.addWebVttScript_);
-      }
-    }
-    /**
-     * Emulate texttracks
-     *
-     */
-    ;
-
-    _proto.emulateTextTracks = function emulateTextTracks() {
-      var _this6 = this;
-
-      var tracks = this.textTracks();
-      var remoteTracks = this.remoteTextTracks();
-
-      var handleAddTrack = function handleAddTrack(e) {
-        return tracks.addTrack(e.track);
-      };
-
-      var handleRemoveTrack = function handleRemoveTrack(e) {
-        return tracks.removeTrack(e.track);
-      };
-
-      remoteTracks.on('addtrack', handleAddTrack);
-      remoteTracks.on('removetrack', handleRemoveTrack);
-      this.addWebVttScript_();
-
-      var updateDisplay = function updateDisplay() {
-        return _this6.trigger('texttrackchange');
-      };
-
-      var textTracksChanges = function textTracksChanges() {
-        updateDisplay();
-
-        for (var i = 0; i < tracks.length; i++) {
-          var track = tracks[i];
-          track.removeEventListener('cuechange', updateDisplay);
-
-          if (track.mode === 'showing') {
-            track.addEventListener('cuechange', updateDisplay);
-          }
-        }
-      };
-
-      textTracksChanges();
-      tracks.addEventListener('change', textTracksChanges);
-      tracks.addEventListener('addtrack', textTracksChanges);
-      tracks.addEventListener('removetrack', textTracksChanges);
-      this.on('dispose', function () {
-        remoteTracks.off('addtrack', handleAddTrack);
-        remoteTracks.off('removetrack', handleRemoveTrack);
-        tracks.removeEventListener('change', textTracksChanges);
-        tracks.removeEventListener('addtrack', textTracksChanges);
-        tracks.removeEventListener('removetrack', textTracksChanges);
-
-        for (var i = 0; i < tracks.length; i++) {
-          var track = tracks[i];
-          track.removeEventListener('cuechange', updateDisplay);
-        }
-      });
-    }
-    /**
-     * Create and returns a remote {@link TextTrack} object.
-     *
-     * @param {string} kind
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-     *
-     * @param {string} [label]
-     *        Label to identify the text track
-     *
-     * @param {string} [language]
-     *        Two letter language abbreviation
-     *
-     * @return {TextTrack}
-     *         The TextTrack that gets created.
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (!kind) {
-        throw new Error('TextTrack kind is required but was not provided');
-      }
-
-      return createTrackHelper(this, kind, label, language);
-    }
-    /**
-     * Create an emulated TextTrack for use by addRemoteTextTrack
-     *
-     * This is intended to be overridden by classes that inherit from
-     * Tech in order to create native or custom TextTracks.
-     *
-     * @param {Object} options
-     *        The object should contain the options to initialize the TextTrack with.
-     *
-     * @param {string} [options.kind]
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-     *
-     * @param {string} [options.label].
-     *        Label to identify the text track
-     *
-     * @param {string} [options.language]
-     *        Two letter language abbreviation.
-     *
-     * @return {HTMLTrackElement}
-     *         The track element that gets created.
-     */
-    ;
-
-    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-      var track = mergeOptions(options, {
-        tech: this
-      });
-      return new REMOTE.remoteTextEl.TrackClass(track);
-    }
-    /**
-     * Creates a remote text track object and returns an html track element.
-     *
-     * > Note: This can be an emulated {@link HTMLTrackElement} or a native one.
-     *
-     * @param {Object} options
-     *        See {@link Tech#createRemoteTextTrack} for more detailed properties.
-     *
-     * @param {boolean} [manualCleanup=true]
-     *        - When false: the TextTrack will be automatically removed from the video
-     *          element whenever the source changes
-     *        - When True: The TextTrack will have to be cleaned up manually
-     *
-     * @return {HTMLTrackElement}
-     *         An Html Track Element.
-     *
-     * @deprecated The default functionality for this function will be equivalent
-     *             to "manualCleanup=false" in the future. The manualCleanup parameter will
-     *             also be removed.
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      var _this7 = this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      var htmlTrackElement = this.createRemoteTextTrack(options);
-
-      if (manualCleanup !== true && manualCleanup !== false) {
-        // deprecation warning
-        log.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
-        manualCleanup = true;
-      } // store HTMLTrackElement and TextTrack to remote list
-
-
-      this.remoteTextTrackEls().addTrackElement_(htmlTrackElement);
-      this.remoteTextTracks().addTrack(htmlTrackElement.track);
-
-      if (manualCleanup !== true) {
-        // create the TextTrackList if it doesn't exist
-        this.ready(function () {
-          return _this7.autoRemoteTextTracks_.addTrack(htmlTrackElement.track);
-        });
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Remove a remote text track from the remote `TextTrackList`.
-     *
-     * @param {TextTrack} track
-     *        `TextTrack` to remove from the `TextTrackList`
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-      var trackElement = this.remoteTextTrackEls().getTrackElementByTrack_(track); // remove HTMLTrackElement and TextTrack from remote list
-
-      this.remoteTextTrackEls().removeTrackElement_(trackElement);
-      this.remoteTextTracks().removeTrack(track);
-      this.autoRemoteTextTracks_.removeTrack(track);
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object}
-     *         An object with supported media playback quality metrics
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      return {};
-    }
-    /**
-     * Attempt to create a floating video window always on top of other windows
-     * so that users may continue consuming media while they interact with other
-     * content sites, or applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @return {Promise|undefined}
-     *         A promise with a Picture-in-Picture window if the browser supports
-     *         Promises (or one was passed in as an option). It returns undefined
-     *         otherwise.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (PromiseClass) {
-        return PromiseClass.reject();
-      }
-    }
-    /**
-     * A method to set a poster from a `Tech`.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.setPoster = function setPoster() {}
-    /**
-     * A method to check for the presence of the 'playsinline' <video> attribute.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.playsinline = function playsinline() {}
-    /**
-     * A method to set or unset the 'playsinline' <video> attribute.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.setPlaysinline = function setPlaysinline() {}
-    /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks() {}
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks() {}
-    /*
-     * Check if the tech can support the given mime-type.
-     *
-     * The base tech does not support any type, but source handlers might
-     * overwrite this.
-     *
-     * @param  {string} type
-     *         The mimetype to check for support
-     *
-     * @return {string}
-     *         'probably', 'maybe', or empty string
-     *
-     * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.canPlayType = function canPlayType() {
-      return '';
-    }
-    /**
-     * Check if the type is supported by this tech.
-     *
-     * The base tech does not support any type, but source handlers might
-     * overwrite this.
-     *
-     * @param {string} type
-     *        The media type to check
-     * @return {string} Returns the native video element's response
-     */
-    ;
-
-    Tech.canPlayType = function canPlayType() {
-      return '';
-    }
-    /**
-     * Check if the tech can support the given source
-     *
-     * @param {Object} srcObj
-     *        The source object
-     * @param {Object} options
-     *        The options passed to the tech
-     * @return {string} 'probably', 'maybe', or '' (empty string)
-     */
-    ;
-
-    Tech.canPlaySource = function canPlaySource(srcObj, options) {
-      return Tech.canPlayType(srcObj.type);
-    }
-    /*
-     * Return whether the argument is a Tech or not.
-     * Can be passed either a Class like `Html5` or a instance like `player.tech_`
-     *
-     * @param {Object} component
-     *        The item to check
-     *
-     * @return {boolean}
-     *         Whether it is a tech or not
-     *         - True if it is a tech
-     *         - False if it is not
-     */
-    ;
-
-    Tech.isTech = function isTech(component) {
-      return component.prototype instanceof Tech || component instanceof Tech || component === Tech;
-    }
-    /**
-     * Registers a `Tech` into a shared list for videojs.
-     *
-     * @param {string} name
-     *        Name of the `Tech` to register.
-     *
-     * @param {Object} tech
-     *        The `Tech` class to register.
-     */
-    ;
-
-    Tech.registerTech = function registerTech(name, tech) {
-      if (!Tech.techs_) {
-        Tech.techs_ = {};
-      }
-
-      if (!Tech.isTech(tech)) {
-        throw new Error("Tech " + name + " must be a Tech");
-      }
-
-      if (!Tech.canPlayType) {
-        throw new Error('Techs must have a static canPlayType method on them');
-      }
-
-      if (!Tech.canPlaySource) {
-        throw new Error('Techs must have a static canPlaySource method on them');
-      }
-
-      name = toTitleCase(name);
-      Tech.techs_[name] = tech;
-      Tech.techs_[toLowerCase(name)] = tech;
-
-      if (name !== 'Tech') {
-        // camel case the techName for use in techOrder
-        Tech.defaultTechOrder_.push(name);
-      }
-
-      return tech;
-    }
-    /**
-     * Get a `Tech` from the shared list by name.
-     *
-     * @param {string} name
-     *        `camelCase` or `TitleCase` name of the Tech to get
-     *
-     * @return {Tech|undefined}
-     *         The `Tech` or undefined if there was no tech with the name requested.
-     */
-    ;
-
-    Tech.getTech = function getTech(name) {
-      if (!name) {
-        return;
-      }
-
-      if (Tech.techs_ && Tech.techs_[name]) {
-        return Tech.techs_[name];
-      }
-
-      name = toTitleCase(name);
-
-      if (window$1 && window$1.videojs && window$1.videojs[name]) {
-        log.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
-        return window$1.videojs[name];
-      }
-    };
-
-    return Tech;
-  }(Component);
-  /**
-   * Get the {@link VideoTrackList}
-   *
-   * @returns {VideoTrackList}
-   * @method Tech.prototype.videoTracks
-   */
-
-  /**
-   * Get the {@link AudioTrackList}
-   *
-   * @returns {AudioTrackList}
-   * @method Tech.prototype.audioTracks
-   */
-
-  /**
-   * Get the {@link TextTrackList}
-   *
-   * @returns {TextTrackList}
-   * @method Tech.prototype.textTracks
-   */
-
-  /**
-   * Get the remote element {@link TextTrackList}
-   *
-   * @returns {TextTrackList}
-   * @method Tech.prototype.remoteTextTracks
-   */
-
-  /**
-   * Get the remote element {@link HtmlTrackElementList}
-   *
-   * @returns {HtmlTrackElementList}
-   * @method Tech.prototype.remoteTextTrackEls
-   */
-
-
-  ALL.names.forEach(function (name) {
-    var props = ALL[name];
-
-    Tech.prototype[props.getterName] = function () {
-      this[props.privateName] = this[props.privateName] || new props.ListClass();
-      return this[props.privateName];
-    };
-  });
-  /**
-   * List of associated text tracks
-   *
-   * @type {TextTrackList}
-   * @private
-   * @property Tech#textTracks_
-   */
-
-  /**
-   * List of associated audio tracks.
-   *
-   * @type {AudioTrackList}
-   * @private
-   * @property Tech#audioTracks_
-   */
-
-  /**
-   * List of associated video tracks.
-   *
-   * @type {VideoTrackList}
-   * @private
-   * @property Tech#videoTracks_
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports volume control.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresVolumeControl = true;
-  /**
-   * Boolean indicating whether the `Tech` supports muting volume.
-   *
-   * @type {bolean}
-   * @default
-   */
-
-  Tech.prototype.featuresMuteControl = true;
-  /**
-   * Boolean indicating whether the `Tech` supports fullscreen resize control.
-   * Resizing plugins using request fullscreen reloads the plugin
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresFullscreenResize = false;
-  /**
-   * Boolean indicating whether the `Tech` supports changing the speed at which the video
-   * plays. Examples:
-   *   - Set player to play 2x (twice) as fast
-   *   - Set player to play 0.5x (half) as fast
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresPlaybackRate = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `progress` event. This is currently
-   * not triggered by video-js-swf. This will be used to determine if
-   * {@link Tech#manualProgressOn} should be called.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresProgressEvents = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `sourceset` event.
-   *
-   * A tech should set this to `true` and then use {@link Tech#triggerSourceset}
-   * to trigger a {@link Tech#event:sourceset} at the earliest time after getting
-   * a new source.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresSourceset = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the `timeupdate` event. This is currently
-   * not triggered by video-js-swf. This will be used to determine if
-   * {@link Tech#manualTimeUpdates} should be called.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresTimeupdateEvents = false;
-  /**
-   * Boolean indicating whether the `Tech` supports the native `TextTrack`s.
-   * This will help us integrate with native `TextTrack`s if the browser supports them.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Tech.prototype.featuresNativeTextTracks = false;
-  /**
-   * A functional mixin for techs that want to use the Source Handler pattern.
-   * Source handlers are scripts for handling specific formats.
-   * The source handler pattern is used for adaptive formats (HLS, DASH) that
-   * manually load video data and feed it into a Source Buffer (Media Source Extensions)
-   * Example: `Tech.withSourceHandlers.call(MyTech);`
-   *
-   * @param {Tech} _Tech
-   *        The tech to add source handler functions to.
-   *
-   * @mixes Tech~SourceHandlerAdditions
-   */
-
-  Tech.withSourceHandlers = function (_Tech) {
-    /**
-     * Register a source handler
-     *
-     * @param {Function} handler
-     *        The source handler class
-     *
-     * @param {number} [index]
-     *        Register it at the following index
-     */
-    _Tech.registerSourceHandler = function (handler, index) {
-      var handlers = _Tech.sourceHandlers;
-
-      if (!handlers) {
-        handlers = _Tech.sourceHandlers = [];
-      }
-
-      if (index === undefined) {
-        // add to the end of the list
-        index = handlers.length;
-      }
-
-      handlers.splice(index, 0, handler);
-    };
-    /**
-     * Check if the tech can support the given type. Also checks the
-     * Techs sourceHandlers.
-     *
-     * @param {string} type
-     *         The mimetype to check.
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-
-
-    _Tech.canPlayType = function (type) {
-      var handlers = _Tech.sourceHandlers || [];
-      var can;
-
-      for (var i = 0; i < handlers.length; i++) {
-        can = handlers[i].canPlayType(type);
-
-        if (can) {
-          return can;
-        }
-      }
-
-      return '';
-    };
-    /**
-     * Returns the first source handler that supports the source.
-     *
-     * TODO: Answer question: should 'probably' be prioritized over 'maybe'
-     *
-     * @param {Tech~SourceObject} source
-     *        The source object
-     *
-     * @param {Object} options
-     *        The options passed to the tech
-     *
-     * @return {SourceHandler|null}
-     *          The first source handler that supports the source or null if
-     *          no SourceHandler supports the source
-     */
-
-
-    _Tech.selectSourceHandler = function (source, options) {
-      var handlers = _Tech.sourceHandlers || [];
-      var can;
-
-      for (var i = 0; i < handlers.length; i++) {
-        can = handlers[i].canHandleSource(source, options);
-
-        if (can) {
-          return handlers[i];
-        }
-      }
-
-      return null;
-    };
-    /**
-     * Check if the tech can support the given source.
-     *
-     * @param {Tech~SourceObject} srcObj
-     *        The source object
-     *
-     * @param {Object} options
-     *        The options passed to the tech
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-
-
-    _Tech.canPlaySource = function (srcObj, options) {
-      var sh = _Tech.selectSourceHandler(srcObj, options);
-
-      if (sh) {
-        return sh.canHandleSource(srcObj, options);
-      }
-
-      return '';
-    };
-    /**
-     * When using a source handler, prefer its implementation of
-     * any function normally provided by the tech.
-     */
-
-
-    var deferrable = ['seekable', 'seeking', 'duration'];
-    /**
-     * A wrapper around {@link Tech#seekable} that will call a `SourceHandler`s seekable
-     * function if it exists, with a fallback to the Techs seekable function.
-     *
-     * @method _Tech.seekable
-     */
-
-    /**
-     * A wrapper around {@link Tech#duration} that will call a `SourceHandler`s duration
-     * function if it exists, otherwise it will fallback to the techs duration function.
-     *
-     * @method _Tech.duration
-     */
-
-    deferrable.forEach(function (fnName) {
-      var originalFn = this[fnName];
-
-      if (typeof originalFn !== 'function') {
-        return;
-      }
-
-      this[fnName] = function () {
-        if (this.sourceHandler_ && this.sourceHandler_[fnName]) {
-          return this.sourceHandler_[fnName].apply(this.sourceHandler_, arguments);
-        }
-
-        return originalFn.apply(this, arguments);
-      };
-    }, _Tech.prototype);
-    /**
-     * Create a function for setting the source using a source object
-     * and source handlers.
-     * Should never be called unless a source handler was found.
-     *
-     * @param {Tech~SourceObject} source
-     *        A source object with src and type keys
-     */
-
-    _Tech.prototype.setSource = function (source) {
-      var sh = _Tech.selectSourceHandler(source, this.options_);
-
-      if (!sh) {
-        // Fall back to a native source hander when unsupported sources are
-        // deliberately set
-        if (_Tech.nativeSourceHandler) {
-          sh = _Tech.nativeSourceHandler;
-        } else {
-          log.error('No source handler found for the current source.');
-        }
-      } // Dispose any existing source handler
-
-
-      this.disposeSourceHandler();
-      this.off('dispose', this.disposeSourceHandler);
-
-      if (sh !== _Tech.nativeSourceHandler) {
-        this.currentSource_ = source;
-      }
-
-      this.sourceHandler_ = sh.handleSource(source, this, this.options_);
-      this.one('dispose', this.disposeSourceHandler);
-    };
-    /**
-     * Clean up any existing SourceHandlers and listeners when the Tech is disposed.
-     *
-     * @listens Tech#dispose
-     */
-
-
-    _Tech.prototype.disposeSourceHandler = function () {
-      // if we have a source and get another one
-      // then we are loading something new
-      // than clear all of our current tracks
-      if (this.currentSource_) {
-        this.clearTracks(['audio', 'video']);
-        this.currentSource_ = null;
-      } // always clean up auto-text tracks
-
-
-      this.cleanupAutoTextTracks();
-
-      if (this.sourceHandler_) {
-        if (this.sourceHandler_.dispose) {
-          this.sourceHandler_.dispose();
-        }
-
-        this.sourceHandler_ = null;
-      }
-    };
-  }; // The base Tech class needs to be registered as a Component. It is the only
-  // Tech that can be registered as a Component.
-
-
-  Component.registerComponent('Tech', Tech);
-  Tech.registerTech('Tech', Tech);
-  /**
-   * A list of techs that should be added to techOrder on Players
-   *
-   * @private
-   */
-
-  Tech.defaultTechOrder_ = [];
-
-  /**
-   * @file middleware.js
-   * @module middleware
-   */
-  var middlewares = {};
-  var middlewareInstances = {};
-  var TERMINATOR = {};
-  /**
-   * A middleware object is a plain JavaScript object that has methods that
-   * match the {@link Tech} methods found in the lists of allowed
-   * {@link module:middleware.allowedGetters|getters},
-   * {@link module:middleware.allowedSetters|setters}, and
-   * {@link module:middleware.allowedMediators|mediators}.
-   *
-   * @typedef {Object} MiddlewareObject
-   */
-
-  /**
-   * A middleware factory function that should return a
-   * {@link module:middleware~MiddlewareObject|MiddlewareObject}.
-   *
-   * This factory will be called for each player when needed, with the player
-   * passed in as an argument.
-   *
-   * @callback MiddlewareFactory
-   * @param {Player} player
-   *        A Video.js player.
-   */
-
-  /**
-   * Define a middleware that the player should use by way of a factory function
-   * that returns a middleware object.
-   *
-   * @param  {string} type
-   *         The MIME type to match or `"*"` for all MIME types.
-   *
-   * @param  {MiddlewareFactory} middleware
-   *         A middleware factory function that will be executed for
-   *         matching types.
-   */
-
-  function use(type, middleware) {
-    middlewares[type] = middlewares[type] || [];
-    middlewares[type].push(middleware);
-  }
-  /**
-   * Asynchronously sets a source using middleware by recursing through any
-   * matching middlewares and calling `setSource` on each, passing along the
-   * previous returned value each time.
-   *
-   * @param  {Player} player
-   *         A {@link Player} instance.
-   *
-   * @param  {Tech~SourceObject} src
-   *         A source object.
-   *
-   * @param  {Function}
-   *         The next middleware to run.
-   */
-
-  function setSource(player, src, next) {
-    player.setTimeout(function () {
-      return setSourceHelper(src, middlewares[src.type], next, player);
-    }, 1);
-  }
-  /**
-   * When the tech is set, passes the tech to each middleware's `setTech` method.
-   *
-   * @param {Object[]} middleware
-   *        An array of middleware instances.
-   *
-   * @param {Tech} tech
-   *        A Video.js tech.
-   */
-
-  function setTech(middleware, tech) {
-    middleware.forEach(function (mw) {
-      return mw.setTech && mw.setTech(tech);
-    });
-  }
-  /**
-   * Calls a getter on the tech first, through each middleware
-   * from right to left to the player.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @return {Mixed}
-   *         The final value from the tech after middleware has intercepted it.
-   */
-
-  function get(middleware, tech, method) {
-    return middleware.reduceRight(middlewareIterator(method), tech[method]());
-  }
-  /**
-   * Takes the argument given to the player and calls the setter method on each
-   * middleware from left to right to the tech.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @param  {Mixed} arg
-   *         The value to set on the tech.
-   *
-   * @return {Mixed}
-   *         The return value of the `method` of the `tech`.
-   */
-
-  function set(middleware, tech, method, arg) {
-    return tech[method](middleware.reduce(middlewareIterator(method), arg));
-  }
-  /**
-   * Takes the argument given to the player and calls the `call` version of the
-   * method on each middleware from left to right.
-   *
-   * Then, call the passed in method on the tech and return the result unchanged
-   * back to the player, through middleware, this time from right to left.
-   *
-   * @param  {Object[]} middleware
-   *         An array of middleware instances.
-   *
-   * @param  {Tech} tech
-   *         The current tech.
-   *
-   * @param  {string} method
-   *         A method name.
-   *
-   * @param  {Mixed} arg
-   *         The value to set on the tech.
-   *
-   * @return {Mixed}
-   *         The return value of the `method` of the `tech`, regardless of the
-   *         return values of middlewares.
-   */
-
-  function mediate(middleware, tech, method, arg) {
-    if (arg === void 0) {
-      arg = null;
-    }
-
-    var callMethod = 'call' + toTitleCase(method);
-    var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-    var terminated = middlewareValue === TERMINATOR; // deprecated. The `null` return value should instead return TERMINATOR to
-    // prevent confusion if a techs method actually returns null.
-
-    var returnValue = terminated ? null : tech[method](middlewareValue);
-    executeRight(middleware, method, returnValue, terminated);
-    return returnValue;
-  }
-  /**
-   * Enumeration of allowed getters where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedGetters = {
-    buffered: 1,
-    currentTime: 1,
-    duration: 1,
-    muted: 1,
-    played: 1,
-    paused: 1,
-    seekable: 1,
-    volume: 1
-  };
-  /**
-   * Enumeration of allowed setters where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedSetters = {
-    setCurrentTime: 1,
-    setMuted: 1,
-    setVolume: 1
-  };
-  /**
-   * Enumeration of allowed mediators where the keys are method names.
-   *
-   * @type {Object}
-   */
-
-  var allowedMediators = {
-    play: 1,
-    pause: 1
-  };
-
-  function middlewareIterator(method) {
-    return function (value, mw) {
-      // if the previous middleware terminated, pass along the termination
-      if (value === TERMINATOR) {
-        return TERMINATOR;
-      }
-
-      if (mw[method]) {
-        return mw[method](value);
-      }
-
-      return value;
-    };
-  }
-
-  function executeRight(mws, method, value, terminated) {
-    for (var i = mws.length - 1; i >= 0; i--) {
-      var mw = mws[i];
-
-      if (mw[method]) {
-        mw[method](terminated, value);
-      }
-    }
-  }
-  /**
-   * Clear the middleware cache for a player.
-   *
-   * @param  {Player} player
-   *         A {@link Player} instance.
-   */
-
-
-  function clearCacheForPlayer(player) {
-    middlewareInstances[player.id()] = null;
-  }
-  /**
-   * {
-   *  [playerId]: [[mwFactory, mwInstance], ...]
-   * }
-   *
-   * @private
-   */
-
-  function getOrCreateFactory(player, mwFactory) {
-    var mws = middlewareInstances[player.id()];
-    var mw = null;
-
-    if (mws === undefined || mws === null) {
-      mw = mwFactory(player);
-      middlewareInstances[player.id()] = [[mwFactory, mw]];
-      return mw;
-    }
-
-    for (var i = 0; i < mws.length; i++) {
-      var _mws$i = mws[i],
-          mwf = _mws$i[0],
-          mwi = _mws$i[1];
-
-      if (mwf !== mwFactory) {
-        continue;
-      }
-
-      mw = mwi;
-    }
-
-    if (mw === null) {
-      mw = mwFactory(player);
-      mws.push([mwFactory, mw]);
-    }
-
-    return mw;
-  }
-
-  function setSourceHelper(src, middleware, next, player, acc, lastRun) {
-    if (src === void 0) {
-      src = {};
-    }
-
-    if (middleware === void 0) {
-      middleware = [];
-    }
-
-    if (acc === void 0) {
-      acc = [];
-    }
-
-    if (lastRun === void 0) {
-      lastRun = false;
-    }
-
-    var _middleware = middleware,
-        mwFactory = _middleware[0],
-        mwrest = _middleware.slice(1); // if mwFactory is a string, then we're at a fork in the road
-
-
-    if (typeof mwFactory === 'string') {
-      setSourceHelper(src, middlewares[mwFactory], next, player, acc, lastRun); // if we have an mwFactory, call it with the player to get the mw,
-      // then call the mw's setSource method
-    } else if (mwFactory) {
-      var mw = getOrCreateFactory(player, mwFactory); // if setSource isn't present, implicitly select this middleware
-
-      if (!mw.setSource) {
-        acc.push(mw);
-        return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-      }
-
-      mw.setSource(assign({}, src), function (err, _src) {
-        // something happened, try the next middleware on the current level
-        // make sure to use the old src
-        if (err) {
-          return setSourceHelper(src, mwrest, next, player, acc, lastRun);
-        } // we've succeeded, now we need to go deeper
-
-
-        acc.push(mw); // if it's the same type, continue down the current chain
-        // otherwise, we want to go down the new chain
-
-        setSourceHelper(_src, src.type === _src.type ? mwrest : middlewares[_src.type], next, player, acc, lastRun);
-      });
-    } else if (mwrest.length) {
-      setSourceHelper(src, mwrest, next, player, acc, lastRun);
-    } else if (lastRun) {
-      next(src, acc);
-    } else {
-      setSourceHelper(src, middlewares['*'], next, player, acc, true);
-    }
-  }
-
-  /**
-   * Mimetypes
-   *
-   * @see http://hul.harvard.edu/ois/////systems/wax/wax-public-help/mimetypes.htm
-   * @typedef Mimetypes~Kind
-   * @enum
-   */
-
-  var MimetypesKind = {
-    opus: 'video/ogg',
-    ogv: 'video/ogg',
-    mp4: 'video/mp4',
-    mov: 'video/mp4',
-    m4v: 'video/mp4',
-    mkv: 'video/x-matroska',
-    m4a: 'audio/mp4',
-    mp3: 'audio/mpeg',
-    aac: 'audio/aac',
-    oga: 'audio/ogg',
-    m3u8: 'application/x-mpegURL',
-    jpg: 'image/jpeg',
-    jpeg: 'image/jpeg',
-    gif: 'image/gif',
-    png: 'image/png',
-    svg: 'image/svg+xml',
-    webp: 'image/webp'
-  };
-  /**
-   * Get the mimetype of a given src url if possible
-   *
-   * @param {string} src
-   *        The url to the src
-   *
-   * @return {string}
-   *         return the mimetype if it was known or empty string otherwise
-   */
-
-  var getMimetype = function getMimetype(src) {
-    if (src === void 0) {
-      src = '';
-    }
-
-    var ext = getFileExtension(src);
-    var mimetype = MimetypesKind[ext.toLowerCase()];
-    return mimetype || '';
-  };
-  /**
-   * Find the mime type of a given source string if possible. Uses the player
-   * source cache.
-   *
-   * @param {Player} player
-   *        The player object
-   *
-   * @param {string} src
-   *        The source string
-   *
-   * @return {string}
-   *         The type that was found
-   */
-
-  var findMimetype = function findMimetype(player, src) {
-    if (!src) {
-      return '';
-    } // 1. check for the type in the `source` cache
-
-
-    if (player.cache_.source.src === src && player.cache_.source.type) {
-      return player.cache_.source.type;
-    } // 2. see if we have this source in our `currentSources` cache
-
-
-    var matchingSources = player.cache_.sources.filter(function (s) {
-      return s.src === src;
-    });
-
-    if (matchingSources.length) {
-      return matchingSources[0].type;
-    } // 3. look for the src url in source elements and use the type there
-
-
-    var sources = player.$$('source');
-
-    for (var i = 0; i < sources.length; i++) {
-      var s = sources[i];
-
-      if (s.type && s.src && s.src === src) {
-        return s.type;
-      }
-    } // 4. finally fallback to our list of mime types based on src url extension
-
-
-    return getMimetype(src);
-  };
-
-  /**
-   * @module filter-source
-   */
-  /**
-   * Filter out single bad source objects or multiple source objects in an
-   * array. Also flattens nested source object arrays into a 1 dimensional
-   * array of source objects.
-   *
-   * @param {Tech~SourceObject|Tech~SourceObject[]} src
-   *        The src object to filter
-   *
-   * @return {Tech~SourceObject[]}
-   *         An array of sourceobjects containing only valid sources
-   *
-   * @private
-   */
-
-  var filterSource = function filterSource(src) {
-    // traverse array
-    if (Array.isArray(src)) {
-      var newsrc = [];
-      src.forEach(function (srcobj) {
-        srcobj = filterSource(srcobj);
-
-        if (Array.isArray(srcobj)) {
-          newsrc = newsrc.concat(srcobj);
-        } else if (isObject(srcobj)) {
-          newsrc.push(srcobj);
-        }
-      });
-      src = newsrc;
-    } else if (typeof src === 'string' && src.trim()) {
-      // convert string into object
-      src = [fixSource({
-        src: src
-      })];
-    } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-      // src is already valid
-      src = [fixSource(src)];
-    } else {
-      // invalid source, turn it into an empty array
-      src = [];
-    }
-
-    return src;
-  };
-  /**
-   * Checks src mimetype, adding it when possible
-   *
-   * @param {Tech~SourceObject} src
-   *        The src object to check
-   * @return {Tech~SourceObject}
-   *        src Object with known type
-   */
-
-
-  function fixSource(src) {
-    if (!src.type) {
-      var mimetype = getMimetype(src.src);
-
-      if (mimetype) {
-        src.type = mimetype;
-      }
-    }
-
-    return src;
-  }
-
-  /**
-   * The `MediaLoader` is the `Component` that decides which playback technology to load
-   * when a player is initialized.
-   *
-   * @extends Component
-   */
-
-  var MediaLoader =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MediaLoader, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should attach to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function that is run when this component is ready.
-     */
-    function MediaLoader(player, options, ready) {
-      var _this;
-
-      // MediaLoader has no element
-      var options_ = mergeOptions({
-        createEl: false
-      }, options);
-      _this = _Component.call(this, player, options_, ready) || this; // If there are no sources when the player is initialized,
-      // load the first supported playback technology.
-
-      if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {
-        for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {
-          var techName = toTitleCase(j[i]);
-          var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-          // Remove once that deprecated behavior is removed.
-
-          if (!techName) {
-            tech = Component.getComponent(techName);
-          } // Check if the browser supports this technology
-
-
-          if (tech && tech.isSupported()) {
-            player.loadTech_(techName);
-            break;
-          }
-        }
-      } else {
-        // Loop through playback technologies (HTML5, Flash) and check for support.
-        // Then load the best source.
-        // A few assumptions here:
-        //   All playback technologies respect preload false.
-        player.src(options.playerOptions.sources);
-      }
-
-      return _this;
-    }
-
-    return MediaLoader;
-  }(Component);
-
-  Component.registerComponent('MediaLoader', MediaLoader);
-
-  /**
-   * Component which is clickable or keyboard actionable, but is not a
-   * native HTML button.
-   *
-   * @extends Component
-   */
-
-  var ClickableComponent =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ClickableComponent, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param  {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param  {Object} [options]
-     *         The key/value store of player options.
-     *
-     * @param  {function} [options.clickHandler]
-     *         The function to call when the button is clicked / activated
-     */
-    function ClickableComponent(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.emitTapEvents();
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Create the `ClickableComponent`s DOM element.
-     *
-     * @param {string} [tag=div]
-     *        The element's node type.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element.
-     *
-     * @param {Object} [attributes={}]
-     *        An object of attributes that should be set on the element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-
-
-    var _proto = ClickableComponent.prototype;
-
-    _proto.createEl = function createEl(tag, props, attributes) {
-      if (tag === void 0) {
-        tag = 'div';
-      }
-
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      props = assign({
-        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-        className: this.buildCSSClass(),
-        tabIndex: 0
-      }, props);
-
-      if (tag === 'button') {
-        log.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
-      } // Add ARIA attributes for clickable element which is not a native HTML button
-
-
-      attributes = assign({
-        role: 'button'
-      }, attributes);
-      this.tabIndex_ = props.tabIndex;
-
-      var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-      this.createControlTextEl(el);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      // remove controlTextEl_ on dispose
-      this.controlTextEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Create a control text element on this `ClickableComponent`
-     *
-     * @param {Element} [el]
-     *        Parent element for the control text.
-     *
-     * @return {Element}
-     *         The control text element that gets created.
-     */
-    ;
-
-    _proto.createControlTextEl = function createControlTextEl(el) {
-      this.controlTextEl_ = createEl('span', {
-        className: 'vjs-control-text'
-      }, {
-        // let the screen reader user know that the text of the element may change
-        'aria-live': 'polite'
-      });
-
-      if (el) {
-        el.appendChild(this.controlTextEl_);
-      }
-
-      this.controlText(this.controlText_, el);
-      return this.controlTextEl_;
-    }
-    /**
-     * Get or set the localize text to use for the controls on the `ClickableComponent`.
-     *
-     * @param {string} [text]
-     *        Control text for element.
-     *
-     * @param {Element} [el=this.el()]
-     *        Element to set the title on.
-     *
-     * @return {string}
-     *         - The control text when getting
-     */
-    ;
-
-    _proto.controlText = function controlText(text, el) {
-      if (el === void 0) {
-        el = this.el();
-      }
-
-      if (text === undefined) {
-        return this.controlText_ || 'Need Text';
-      }
-
-      var localizedText = this.localize(text);
-      this.controlText_ = text;
-      textContent(this.controlTextEl_, localizedText);
-
-      if (!this.nonIconControl) {
-        // Set title attribute if only an icon is shown
-        el.setAttribute('title', localizedText);
-      }
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-control vjs-button " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Enable this `ClickableComponent`
-     */
-    ;
-
-    _proto.enable = function enable() {
-      if (!this.enabled_) {
-        this.enabled_ = true;
-        this.removeClass('vjs-disabled');
-        this.el_.setAttribute('aria-disabled', 'false');
-
-        if (typeof this.tabIndex_ !== 'undefined') {
-          this.el_.setAttribute('tabIndex', this.tabIndex_);
-        }
-
-        this.on(['tap', 'click'], this.handleClick);
-        this.on('keydown', this.handleKeyDown);
-      }
-    }
-    /**
-     * Disable this `ClickableComponent`
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.enabled_ = false;
-      this.addClass('vjs-disabled');
-      this.el_.setAttribute('aria-disabled', 'true');
-
-      if (typeof this.tabIndex_ !== 'undefined') {
-        this.el_.removeAttribute('tabIndex');
-      }
-
-      this.off('mouseover', this.handleMouseOver);
-      this.off('mouseout', this.handleMouseOut);
-      this.off(['tap', 'click'], this.handleClick);
-      this.off('keydown', this.handleKeyDown);
-    }
-    /**
-     * Event handler that is called when a `ClickableComponent` receives a
-     * `click` or `tap` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `tap` or `click` event that caused this function to be called.
-     *
-     * @listens tap
-     * @listens click
-     * @abstract
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.options_.clickHandler) {
-        this.options_.clickHandler.call(this, arguments);
-      }
-    }
-    /**
-     * Event handler that is called when a `ClickableComponent` receives a
-     * `keydown` event.
-     *
-     * By default, if the key is Space or Enter, it will trigger a `click` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Support Space or Enter key operation to fire a click event. Also,
-      // prevent the event from propagating through the DOM and triggering
-      // Player hotkeys.
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.trigger('click');
-      } else {
-        // Pass keypress handling up for unsupported keys
-        _Component.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return ClickableComponent;
-  }(Component);
-
-  Component.registerComponent('ClickableComponent', ClickableComponent);
-
-  /**
-   * A `ClickableComponent` that handles showing the poster image for the player.
-   *
-   * @extends ClickableComponent
-   */
-
-  var PosterImage =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(PosterImage, _ClickableComponent);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should attach to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PosterImage(player, options) {
-      var _this;
-
-      _this = _ClickableComponent.call(this, player, options) || this;
-
-      _this.update();
-
-      player.on('posterchange', bind(assertThisInitialized(_this), _this.update));
-      return _this;
-    }
-    /**
-     * Clean up and dispose of the `PosterImage`.
-     */
-
-
-    var _proto = PosterImage.prototype;
-
-    _proto.dispose = function dispose() {
-      this.player().off('posterchange', this.update);
-
-      _ClickableComponent.prototype.dispose.call(this);
-    }
-    /**
-     * Create the `PosterImage`s DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var el = createEl('div', {
-        className: 'vjs-poster',
-        // Don't want poster to be tabbable.
-        tabIndex: -1
-      });
-      return el;
-    }
-    /**
-     * An {@link EventTarget~EventListener} for {@link Player#posterchange} events.
-     *
-     * @listens Player#posterchange
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `Player#posterchange` event that triggered this function.
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var url = this.player().poster();
-      this.setSrc(url); // If there's no poster source we should display:none on this component
-      // so it's not still clickable or right-clickable
-
-      if (url) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    }
-    /**
-     * Set the source of the `PosterImage` depending on the display method.
-     *
-     * @param {string} url
-     *        The URL to the source for the `PosterImage`.
-     */
-    ;
-
-    _proto.setSrc = function setSrc(url) {
-      var backgroundImage = ''; // Any falsy value should stay as an empty string, otherwise
-      // this will throw an extra error
-
-      if (url) {
-        backgroundImage = "url(\"" + url + "\")";
-      }
-
-      this.el_.style.backgroundImage = backgroundImage;
-    }
-    /**
-     * An {@link EventTarget~EventListener} for clicks on the `PosterImage`. See
-     * {@link ClickableComponent#handleClick} for instances where this will be triggered.
-     *
-     * @listens tap
-     * @listens click
-     * @listens keydown
-     *
-     * @param {EventTarget~Event} event
-     +        The `click`, `tap` or `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      // We don't want a click to trigger playback when controls are disabled
-      if (!this.player_.controls()) {
-        return;
-      }
-
-      if (this.player_.tech(true)) {
-        this.player_.tech(true).focus();
-      }
-
-      if (this.player_.paused()) {
-        silencePromise(this.player_.play());
-      } else {
-        this.player_.pause();
-      }
-    };
-
-    return PosterImage;
-  }(ClickableComponent);
-
-  Component.registerComponent('PosterImage', PosterImage);
-
-  var darkGray = '#222';
-  var lightGray = '#ccc';
-  var fontMap = {
-    monospace: 'monospace',
-    sansSerif: 'sans-serif',
-    serif: 'serif',
-    monospaceSansSerif: '"Andale Mono", "Lucida Console", monospace',
-    monospaceSerif: '"Courier New", monospace',
-    proportionalSansSerif: 'sans-serif',
-    proportionalSerif: 'serif',
-    casual: '"Comic Sans MS", Impact, fantasy',
-    script: '"Monotype Corsiva", cursive',
-    smallcaps: '"Andale Mono", "Lucida Console", monospace, sans-serif'
-  };
-  /**
-   * Construct an rgba color from a given hex color code.
-   *
-   * @param {number} color
-   *        Hex number for color, like #f0e or #f604e2.
-   *
-   * @param {number} opacity
-   *        Value for opacity, 0.0 - 1.0.
-   *
-   * @return {string}
-   *         The rgba color that was created, like 'rgba(255, 0, 0, 0.3)'.
-   */
-
-  function constructColor(color, opacity) {
-    var hex;
-
-    if (color.length === 4) {
-      // color looks like "#f0e"
-      hex = color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
-    } else if (color.length === 7) {
-      // color looks like "#f604e2"
-      hex = color.slice(1);
-    } else {
-      throw new Error('Invalid color code provided, ' + color + '; must be formatted as e.g. #f0e or #f604e2.');
-    }
-
-    return 'rgba(' + parseInt(hex.slice(0, 2), 16) + ',' + parseInt(hex.slice(2, 4), 16) + ',' + parseInt(hex.slice(4, 6), 16) + ',' + opacity + ')';
-  }
-  /**
-   * Try to update the style of a DOM element. Some style changes will throw an error,
-   * particularly in IE8. Those should be noops.
-   *
-   * @param {Element} el
-   *        The DOM element to be styled.
-   *
-   * @param {string} style
-   *        The CSS property on the element that should be styled.
-   *
-   * @param {string} rule
-   *        The style rule that should be applied to the property.
-   *
-   * @private
-   */
-
-  function tryUpdateStyle(el, style, rule) {
-    try {
-      el.style[style] = rule;
-    } catch (e) {
-      // Satisfies linter.
-      return;
-    }
-  }
-  /**
-   * The component for displaying text track cues.
-   *
-   * @extends Component
-   */
-
-
-  var TextTrackDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TextTrackDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when `TextTrackDisplay` is ready.
-     */
-    function TextTrackDisplay(player, options, ready) {
-      var _this;
-
-      _this = _Component.call(this, player, options, ready) || this;
-      var updateDisplayHandler = bind(assertThisInitialized(_this), _this.updateDisplay);
-      player.on('loadstart', bind(assertThisInitialized(_this), _this.toggleDisplay));
-      player.on('texttrackchange', updateDisplayHandler);
-      player.on('loadedmetadata', bind(assertThisInitialized(_this), _this.preselectTrack)); // This used to be called during player init, but was causing an error
-      // if a track should show by default and the display hadn't loaded yet.
-      // Should probably be moved to an external track loader when we support
-      // tracks that don't need a display.
-
-      player.ready(bind(assertThisInitialized(_this), function () {
-        if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-          this.hide();
-          return;
-        }
-
-        player.on('fullscreenchange', updateDisplayHandler);
-        player.on('playerresize', updateDisplayHandler);
-        window$1.addEventListener('orientationchange', updateDisplayHandler);
-        player.on('dispose', function () {
-          return window$1.removeEventListener('orientationchange', updateDisplayHandler);
-        });
-        var tracks = this.options_.playerOptions.tracks || [];
-
-        for (var i = 0; i < tracks.length; i++) {
-          this.player_.addRemoteTextTrack(tracks[i], true);
-        }
-
-        this.preselectTrack();
-      }));
-      return _this;
-    }
-    /**
-    * Preselect a track following this precedence:
-    * - matches the previously selected {@link TextTrack}'s language and kind
-    * - matches the previously selected {@link TextTrack}'s language only
-    * - is the first default captions track
-    * - is the first default descriptions track
-    *
-    * @listens Player#loadstart
-    */
-
-
-    var _proto = TextTrackDisplay.prototype;
-
-    _proto.preselectTrack = function preselectTrack() {
-      var modes = {
-        captions: 1,
-        subtitles: 1
-      };
-      var trackList = this.player_.textTracks();
-      var userPref = this.player_.cache_.selectedLanguage;
-      var firstDesc;
-      var firstCaptions;
-      var preferredTrack;
-
-      for (var i = 0; i < trackList.length; i++) {
-        var track = trackList[i];
-
-        if (userPref && userPref.enabled && userPref.language && userPref.language === track.language && track.kind in modes) {
-          // Always choose the track that matches both language and kind
-          if (track.kind === userPref.kind) {
-            preferredTrack = track; // or choose the first track that matches language
-          } else if (!preferredTrack) {
-            preferredTrack = track;
-          } // clear everything if offTextTrackMenuItem was clicked
-
-        } else if (userPref && !userPref.enabled) {
-          preferredTrack = null;
-          firstDesc = null;
-          firstCaptions = null;
-        } else if (track["default"]) {
-          if (track.kind === 'descriptions' && !firstDesc) {
-            firstDesc = track;
-          } else if (track.kind in modes && !firstCaptions) {
-            firstCaptions = track;
-          }
-        }
-      } // The preferredTrack matches the user preference and takes
-      // precedence over all the other tracks.
-      // So, display the preferredTrack before the first default track
-      // and the subtitles/captions track before the descriptions track
-
-
-      if (preferredTrack) {
-        preferredTrack.mode = 'showing';
-      } else if (firstCaptions) {
-        firstCaptions.mode = 'showing';
-      } else if (firstDesc) {
-        firstDesc.mode = 'showing';
-      }
-    }
-    /**
-     * Turn display of {@link TextTrack}'s from the current state into the other state.
-     * There are only two states:
-     * - 'shown'
-     * - 'hidden'
-     *
-     * @listens Player#loadstart
-     */
-    ;
-
-    _proto.toggleDisplay = function toggleDisplay() {
-      if (this.player_.tech_ && this.player_.tech_.featuresNativeTextTracks) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    /**
-     * Create the {@link Component}'s DOM element.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-text-track-display'
-      }, {
-        'aria-live': 'off',
-        'aria-atomic': 'true'
-      });
-    }
-    /**
-     * Clear all displayed {@link TextTrack}s.
-     */
-    ;
-
-    _proto.clearDisplay = function clearDisplay() {
-      if (typeof window$1.WebVTT === 'function') {
-        window$1.WebVTT.processCues(window$1, [], this.el_);
-      }
-    }
-    /**
-     * Update the displayed TextTrack when a either a {@link Player#texttrackchange} or
-     * a {@link Player#fullscreenchange} is fired.
-     *
-     * @listens Player#texttrackchange
-     * @listens Player#fullscreenchange
-     */
-    ;
-
-    _proto.updateDisplay = function updateDisplay() {
-      var tracks = this.player_.textTracks();
-      var allowMultipleShowingTracks = this.options_.allowMultipleShowingTracks;
-      this.clearDisplay();
-
-      if (allowMultipleShowingTracks) {
-        var showingTracks = [];
-
-        for (var _i = 0; _i < tracks.length; ++_i) {
-          var track = tracks[_i];
-
-          if (track.mode !== 'showing') {
-            continue;
-          }
-
-          showingTracks.push(track);
-        }
-
-        this.updateForTrack(showingTracks);
-        return;
-      } //  Track display prioritization model: if multiple tracks are 'showing',
-      //  display the first 'subtitles' or 'captions' track which is 'showing',
-      //  otherwise display the first 'descriptions' track which is 'showing'
-
-
-      var descriptionsTrack = null;
-      var captionsSubtitlesTrack = null;
-      var i = tracks.length;
-
-      while (i--) {
-        var _track = tracks[i];
-
-        if (_track.mode === 'showing') {
-          if (_track.kind === 'descriptions') {
-            descriptionsTrack = _track;
-          } else {
-            captionsSubtitlesTrack = _track;
-          }
-        }
-      }
-
-      if (captionsSubtitlesTrack) {
-        if (this.getAttribute('aria-live') !== 'off') {
-          this.setAttribute('aria-live', 'off');
-        }
-
-        this.updateForTrack(captionsSubtitlesTrack);
-      } else if (descriptionsTrack) {
-        if (this.getAttribute('aria-live') !== 'assertive') {
-          this.setAttribute('aria-live', 'assertive');
-        }
-
-        this.updateForTrack(descriptionsTrack);
-      }
-    }
-    /**
-     * Style {@Link TextTrack} activeCues according to {@Link TextTrackSettings}.
-     *
-     * @param {TextTrack} track
-     *        Text track object containing active cues to style.
-     */
-    ;
-
-    _proto.updateDisplayState = function updateDisplayState(track) {
-      var overrides = this.player_.textTrackSettings.getValues();
-      var cues = track.activeCues;
-      var i = cues.length;
-
-      while (i--) {
-        var cue = cues[i];
-
-        if (!cue) {
-          continue;
-        }
-
-        var cueDiv = cue.displayState;
-
-        if (overrides.color) {
-          cueDiv.firstChild.style.color = overrides.color;
-        }
-
-        if (overrides.textOpacity) {
-          tryUpdateStyle(cueDiv.firstChild, 'color', constructColor(overrides.color || '#fff', overrides.textOpacity));
-        }
-
-        if (overrides.backgroundColor) {
-          cueDiv.firstChild.style.backgroundColor = overrides.backgroundColor;
-        }
-
-        if (overrides.backgroundOpacity) {
-          tryUpdateStyle(cueDiv.firstChild, 'backgroundColor', constructColor(overrides.backgroundColor || '#000', overrides.backgroundOpacity));
-        }
-
-        if (overrides.windowColor) {
-          if (overrides.windowOpacity) {
-            tryUpdateStyle(cueDiv, 'backgroundColor', constructColor(overrides.windowColor, overrides.windowOpacity));
-          } else {
-            cueDiv.style.backgroundColor = overrides.windowColor;
-          }
-        }
-
-        if (overrides.edgeStyle) {
-          if (overrides.edgeStyle === 'dropshadow') {
-            cueDiv.firstChild.style.textShadow = "2px 2px 3px " + darkGray + ", 2px 2px 4px " + darkGray + ", 2px 2px 5px " + darkGray;
-          } else if (overrides.edgeStyle === 'raised') {
-            cueDiv.firstChild.style.textShadow = "1px 1px " + darkGray + ", 2px 2px " + darkGray + ", 3px 3px " + darkGray;
-          } else if (overrides.edgeStyle === 'depressed') {
-            cueDiv.firstChild.style.textShadow = "1px 1px " + lightGray + ", 0 1px " + lightGray + ", -1px -1px " + darkGray + ", 0 -1px " + darkGray;
-          } else if (overrides.edgeStyle === 'uniform') {
-            cueDiv.firstChild.style.textShadow = "0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray + ", 0 0 4px " + darkGray;
-          }
-        }
-
-        if (overrides.fontPercent && overrides.fontPercent !== 1) {
-          var fontSize = window$1.parseFloat(cueDiv.style.fontSize);
-          cueDiv.style.fontSize = fontSize * overrides.fontPercent + 'px';
-          cueDiv.style.height = 'auto';
-          cueDiv.style.top = 'auto';
-          cueDiv.style.bottom = '2px';
-        }
-
-        if (overrides.fontFamily && overrides.fontFamily !== 'default') {
-          if (overrides.fontFamily === 'small-caps') {
-            cueDiv.firstChild.style.fontVariant = 'small-caps';
-          } else {
-            cueDiv.firstChild.style.fontFamily = fontMap[overrides.fontFamily];
-          }
-        }
-      }
-    }
-    /**
-     * Add an {@link TextTrack} to to the {@link Tech}s {@link TextTrackList}.
-     *
-     * @param {TextTrack|TextTrack[]} tracks
-     *        Text track object or text track array to be added to the list.
-     */
-    ;
-
-    _proto.updateForTrack = function updateForTrack(tracks) {
-      if (!Array.isArray(tracks)) {
-        tracks = [tracks];
-      }
-
-      if (typeof window$1.WebVTT !== 'function' || tracks.every(function (track) {
-        return !track.activeCues;
-      })) {
-        return;
-      }
-
-      var cues = []; // push all active track cues
-
-      for (var i = 0; i < tracks.length; ++i) {
-        var track = tracks[i];
-
-        for (var j = 0; j < track.activeCues.length; ++j) {
-          cues.push(track.activeCues[j]);
-        }
-      } // removes all cues before it processes new ones
-
-
-      window$1.WebVTT.processCues(window$1, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
-
-      for (var _i2 = 0; _i2 < tracks.length; ++_i2) {
-        var _track2 = tracks[_i2];
-
-        for (var _j = 0; _j < _track2.activeCues.length; ++_j) {
-          var cueEl = _track2.activeCues[_j].displayState;
-          addClass(cueEl, 'vjs-text-track-cue');
-          addClass(cueEl, 'vjs-text-track-cue-' + (_track2.language ? _track2.language : _i2));
-        }
-
-        if (this.player_.textTrackSettings) {
-          this.updateDisplayState(_track2);
-        }
-      }
-    };
-
-    return TextTrackDisplay;
-  }(Component);
-
-  Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-  /**
-   * A loading spinner for use during waiting/loading events.
-   *
-   * @extends Component
-   */
-
-  var LoadingSpinner =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LoadingSpinner, _Component);
-
-    function LoadingSpinner() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = LoadingSpinner.prototype;
-
-    /**
-     * Create the `LoadingSpinner`s DOM element.
-     *
-     * @return {Element}
-     *         The dom element that gets created.
-     */
-    _proto.createEl = function createEl$1() {
-      var isAudio = this.player_.isAudio();
-      var playerType = this.localize(isAudio ? 'Audio Player' : 'Video Player');
-      var controlText = createEl('span', {
-        className: 'vjs-control-text',
-        innerHTML: this.localize('{1} is loading.', [playerType])
-      });
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-loading-spinner',
-        dir: 'ltr'
-      });
-
-      el.appendChild(controlText);
-      return el;
-    };
-
-    return LoadingSpinner;
-  }(Component);
-
-  Component.registerComponent('LoadingSpinner', LoadingSpinner);
-
-  /**
-   * Base class for all buttons.
-   *
-   * @extends ClickableComponent
-   */
-
-  var Button =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(Button, _ClickableComponent);
-
-    function Button() {
-      return _ClickableComponent.apply(this, arguments) || this;
-    }
-
-    var _proto = Button.prototype;
-
-    /**
-     * Create the `Button`s DOM element.
-     *
-     * @param {string} [tag="button"]
-     *        The element's node type. This argument is IGNORED: no matter what
-     *        is passed, it will always create a `button` element.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element.
-     *
-     * @param {Object} [attributes={}]
-     *        An object of attributes that should be set on the element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    _proto.createEl = function createEl(tag, props, attributes) {
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      tag = 'button';
-      props = assign({
-        innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-        className: this.buildCSSClass()
-      }, props); // Add attributes for button element
-
-      attributes = assign({
-        // Necessary since the default button type is "submit"
-        type: 'button'
-      }, attributes);
-      var el = Component.prototype.createEl.call(this, tag, props, attributes);
-      this.createControlTextEl(el);
-      return el;
-    }
-    /**
-     * Add a child `Component` inside of this `Button`.
-     *
-     * @param {string|Component} child
-     *        The name or instance of a child to add.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of options that will get passed to children of
-     *        the child.
-     *
-     * @return {Component}
-     *         The `Component` that gets added as a child. When using a string the
-     *         `Component` will get created by this process.
-     *
-     * @deprecated since version 5
-     */
-    ;
-
-    _proto.addChild = function addChild(child, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      var className = this.constructor.name;
-      log.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
-
-      return Component.prototype.addChild.call(this, child, options);
-    }
-    /**
-     * Enable the `Button` element so that it can be activated or clicked. Use this with
-     * {@link Button#disable}.
-     */
-    ;
-
-    _proto.enable = function enable() {
-      _ClickableComponent.prototype.enable.call(this);
-
-      this.el_.removeAttribute('disabled');
-    }
-    /**
-     * Disable the `Button` element so that it cannot be activated or clicked. Use this with
-     * {@link Button#enable}.
-     */
-    ;
-
-    _proto.disable = function disable() {
-      _ClickableComponent.prototype.disable.call(this);
-
-      this.el_.setAttribute('disabled', 'disabled');
-    }
-    /**
-     * This gets called when a `Button` has focus and `keydown` is triggered via a key
-     * press.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to get called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Ignore Space or Enter key operation, which is handled by the browser for
-      // a button - though not for its super class, ClickableComponent. Also,
-      // prevent the event from propagating through the DOM and triggering Player
-      // hotkeys. We do not preventDefault here because we _want_ the browser to
-      // handle it.
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.stopPropagation();
-        return;
-      } // Pass keypress handling up for unsupported keys
-
-
-      _ClickableComponent.prototype.handleKeyDown.call(this, event);
-    };
-
-    return Button;
-  }(ClickableComponent);
-
-  Component.registerComponent('Button', Button);
-
-  /**
-   * The initial play button that shows before the video has played. The hiding of the
-   * `BigPlayButton` get done via CSS and `Player` states.
-   *
-   * @extends Button
-   */
-
-  var BigPlayButton =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(BigPlayButton, _Button);
-
-    function BigPlayButton(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-      _this.mouseused_ = false;
-
-      _this.on('mousedown', _this.handleMouseDown);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object. Always returns 'vjs-big-play-button'.
-     */
-
-
-    var _proto = BigPlayButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-big-play-button';
-    }
-    /**
-     * This gets called when a `BigPlayButton` "clicked". See {@link ClickableComponent}
-     * for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var playPromise = this.player_.play(); // exit early if clicked via the mouse
-
-      if (this.mouseused_ && event.clientX && event.clientY) {
-        var sourceIsEncrypted = this.player_.usingPlugin('eme') && this.player_.eme.sessions && this.player_.eme.sessions.length > 0;
-        silencePromise(playPromise);
-
-        if (this.player_.tech(true) && // We've observed a bug in IE and Edge when playing back DRM content where
-        // calling .focus() on the video element causes the video to go black,
-        // so we avoid it in that specific case
-        !((IE_VERSION || IS_EDGE) && sourceIsEncrypted)) {
-          this.player_.tech(true).focus();
-        }
-
-        return;
-      }
-
-      var cb = this.player_.getChild('controlBar');
-      var playToggle = cb && cb.getChild('playToggle');
-
-      if (!playToggle) {
-        this.player_.tech(true).focus();
-        return;
-      }
-
-      var playFocus = function playFocus() {
-        return playToggle.focus();
-      };
-
-      if (isPromise(playPromise)) {
-        playPromise.then(playFocus, function () {});
-      } else {
-        this.setTimeout(playFocus, 1);
-      }
-    };
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      this.mouseused_ = false;
-
-      _Button.prototype.handleKeyDown.call(this, event);
-    };
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      this.mouseused_ = true;
-    };
-
-    return BigPlayButton;
-  }(Button);
-  /**
-   * The text that should display over the `BigPlayButton`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  BigPlayButton.prototype.controlText_ = 'Play Video';
-  Component.registerComponent('BigPlayButton', BigPlayButton);
-
-  /**
-   * The `CloseButton` is a `{@link Button}` that fires a `close` event when
-   * it gets clicked.
-   *
-   * @extends Button
-   */
-
-  var CloseButton =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(CloseButton, _Button);
-
-    /**
-    * Creates an instance of the this class.
-    *
-    * @param  {Player} player
-    *         The `Player` that this class should be attached to.
-    *
-    * @param  {Object} [options]
-    *         The key/value store of player options.
-    */
-    function CloseButton(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.controlText(options && options.controlText || _this.localize('Close'));
-
-      return _this;
-    }
-    /**
-    * Builds the default DOM `className`.
-    *
-    * @return {string}
-    *         The DOM `className` for this object.
-    */
-
-
-    var _proto = CloseButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-close-button " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when a `CloseButton` gets clicked. See
-     * {@link ClickableComponent#handleClick} for more information on when
-     * this will be triggered
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     * @fires CloseButton#close
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      /**
-       * Triggered when the a `CloseButton` is clicked.
-       *
-       * @event CloseButton#close
-       * @type {EventTarget~Event}
-       *
-       * @property {boolean} [bubbles=false]
-       *           set to false so that the close event does not
-       *           bubble up to parents if there is no listener
-       */
-      this.trigger({
-        type: 'close',
-        bubbles: false
-      });
-    }
-    /**
-     * Event handler that is called when a `CloseButton` receives a
-     * `keydown` event.
-     *
-     * By default, if the key is Esc, it will trigger a `click` event.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Esc button will trigger `click` event
-      if (keycode.isEventKey(event, 'Esc')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.trigger('click');
-      } else {
-        // Pass keypress handling up for unsupported keys
-        _Button.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return CloseButton;
-  }(Button);
-
-  Component.registerComponent('CloseButton', CloseButton);
-
-  /**
-   * Button to toggle between play and pause.
-   *
-   * @extends Button
-   */
-
-  var PlayToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(PlayToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function PlayToggle(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _Button.call(this, player, options) || this; // show or hide replay icon
-
-      options.replay = options.replay === undefined || options.replay;
-
-      _this.on(player, 'play', _this.handlePlay);
-
-      _this.on(player, 'pause', _this.handlePause);
-
-      if (options.replay) {
-        _this.on(player, 'ended', _this.handleEnded);
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = PlayToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-play-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when an `PlayToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.player_.paused()) {
-        this.player_.play();
-      } else {
-        this.player_.pause();
-      }
-    }
-    /**
-     * This gets called once after the video has ended and the user seeks so that
-     * we can change the replay button back to a play button.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#seeked
-     */
-    ;
-
-    _proto.handleSeeked = function handleSeeked(event) {
-      this.removeClass('vjs-ended');
-
-      if (this.player_.paused()) {
-        this.handlePause(event);
-      } else {
-        this.handlePlay(event);
-      }
-    }
-    /**
-     * Add the vjs-playing class to the element so it can change appearance.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#play
-     */
-    ;
-
-    _proto.handlePlay = function handlePlay(event) {
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-paused');
-      this.addClass('vjs-playing'); // change the button text to "Pause"
-
-      this.controlText('Pause');
-    }
-    /**
-     * Add the vjs-paused class to the element so it can change appearance.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#pause
-     */
-    ;
-
-    _proto.handlePause = function handlePause(event) {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-paused'); // change the button text to "Play"
-
-      this.controlText('Play');
-    }
-    /**
-     * Add the vjs-ended class to the element so it can change appearance
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#ended
-     */
-    ;
-
-    _proto.handleEnded = function handleEnded(event) {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-ended'); // change the button text to "Replay"
-
-      this.controlText('Replay'); // on the next seek remove the replay button
-
-      this.one(this.player_, 'seeked', this.handleSeeked);
-    };
-
-    return PlayToggle;
-  }(Button);
-  /**
-   * The text that should display over the `PlayToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlayToggle.prototype.controlText_ = 'Play';
-  Component.registerComponent('PlayToggle', PlayToggle);
-
-  /**
-   * @file format-time.js
-   * @module format-time
-   */
-
-  /**
-   * Format seconds as a time string, H:MM:SS or M:SS. Supplying a guide (in
-   * seconds) will force a number of leading zeros to cover the length of the
-   * guide.
-   *
-   * @private
-   * @param  {number} seconds
-   *         Number of seconds to be turned into a string
-   *
-   * @param  {number} guide
-   *         Number (in seconds) to model the string after
-   *
-   * @return {string}
-   *         Time formatted as H:MM:SS or M:SS
-   */
-  var defaultImplementation = function defaultImplementation(seconds, guide) {
-    seconds = seconds < 0 ? 0 : seconds;
-    var s = Math.floor(seconds % 60);
-    var m = Math.floor(seconds / 60 % 60);
-    var h = Math.floor(seconds / 3600);
-    var gm = Math.floor(guide / 60 % 60);
-    var gh = Math.floor(guide / 3600); // handle invalid times
-
-    if (isNaN(seconds) || seconds === Infinity) {
-      // '-' is false for all relational operators (e.g. <, >=) so this setting
-      // will add the minimum number of fields specified by the guide
-      h = m = s = '-';
-    } // Check if we need to show hours
-
-
-    h = h > 0 || gh > 0 ? h + ':' : ''; // If hours are showing, we may need to add a leading zero.
-    // Always show at least one digit of minutes.
-
-    m = ((h || gm >= 10) && m < 10 ? '0' + m : m) + ':'; // Check if leading zero is need for seconds
-
-    s = s < 10 ? '0' + s : s;
-    return h + m + s;
-  }; // Internal pointer to the current implementation.
-
-
-  var implementation = defaultImplementation;
-  /**
-   * Replaces the default formatTime implementation with a custom implementation.
-   *
-   * @param {Function} customImplementation
-   *        A function which will be used in place of the default formatTime
-   *        implementation. Will receive the current time in seconds and the
-   *        guide (in seconds) as arguments.
-   */
-
-  function setFormatTime(customImplementation) {
-    implementation = customImplementation;
-  }
-  /**
-   * Resets formatTime to the default implementation.
-   */
-
-  function resetFormatTime() {
-    implementation = defaultImplementation;
-  }
-  /**
-   * Delegates to either the default time formatting function or a custom
-   * function supplied via `setFormatTime`.
-   *
-   * Formats seconds as a time string (H:MM:SS or M:SS). Supplying a
-   * guide (in seconds) will force a number of leading zeros to cover the
-   * length of the guide.
-   *
-   * @static
-   * @example  formatTime(125, 600) === "02:05"
-   * @param    {number} seconds
-   *           Number of seconds to be turned into a string
-   *
-   * @param    {number} guide
-   *           Number (in seconds) to model the string after
-   *
-   * @return   {string}
-   *           Time formatted as H:MM:SS or M:SS
-   */
-
-  function formatTime(seconds, guide) {
-    if (guide === void 0) {
-      guide = seconds;
-    }
-
-    return implementation(seconds, guide);
-  }
-
-  /**
-   * Displays time information about the video
-   *
-   * @extends Component
-   */
-
-  var TimeDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TimeDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.on(player, ['timeupdate', 'ended'], _this.updateContent);
-
-      _this.updateTextNode_();
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = TimeDisplay.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var className = this.buildCSSClass();
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: className + " vjs-time-control vjs-control",
-        innerHTML: "<span class=\"vjs-control-text\" role=\"presentation\">" + this.localize(this.labelText_) + "\xA0</span>"
-      });
-
-      this.contentEl_ = createEl('span', {
-        className: className + "-display"
-      }, {
-        // tell screen readers not to automatically read the time as it changes
-        'aria-live': 'off',
-        // span elements have no implicit role, but some screen readers (notably VoiceOver)
-        // treat them as a break between items in the DOM when using arrow keys
-        // (or left-to-right swipes on iOS) to read contents of a page. Using
-        // role='presentation' causes VoiceOver to NOT treat this span as a break.
-        'role': 'presentation'
-      });
-      el.appendChild(this.contentEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.textNode_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Updates the time display text node with a new time
-     *
-     * @param {number} [time=0] the time to update to
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateTextNode_ = function updateTextNode_(time) {
-      var _this2 = this;
-
-      if (time === void 0) {
-        time = 0;
-      }
-
-      time = formatTime(time);
-
-      if (this.formattedTime_ === time) {
-        return;
-      }
-
-      this.formattedTime_ = time;
-      this.requestAnimationFrame(function () {
-        if (!_this2.contentEl_) {
-          return;
-        }
-
-        var oldNode = _this2.textNode_;
-        _this2.textNode_ = document.createTextNode(_this2.formattedTime_);
-
-        if (!_this2.textNode_) {
-          return;
-        }
-
-        if (oldNode) {
-          _this2.contentEl_.replaceChild(_this2.textNode_, oldNode);
-        } else {
-          _this2.contentEl_.appendChild(_this2.textNode_);
-        }
-      });
-    }
-    /**
-     * To be filled out in the child class, should update the displayed time
-     * in accordance with the fact that the current time has changed.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate`  event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {};
-
-    return TimeDisplay;
-  }(Component);
-  /**
-   * The text that is added to the `TimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  TimeDisplay.prototype.labelText_ = 'Time';
-  /**
-   * The text that should display over the `TimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  TimeDisplay.prototype.controlText_ = 'Time';
-  Component.registerComponent('TimeDisplay', TimeDisplay);
-
-  /**
-   * Displays the current time
-   *
-   * @extends Component
-   */
-
-  var CurrentTimeDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(CurrentTimeDisplay, _TimeDisplay);
-
-    function CurrentTimeDisplay() {
-      return _TimeDisplay.apply(this, arguments) || this;
-    }
-
-    var _proto = CurrentTimeDisplay.prototype;
-
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-current-time';
-    }
-    /**
-     * Update current time display
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` event that caused this function to run.
-     *
-     * @listens Player#timeupdate
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      // Allows for smooth scrubbing, when player can't keep up.
-      var time;
-
-      if (this.player_.ended()) {
-        time = this.player_.duration();
-      } else {
-        time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-      }
-
-      this.updateTextNode_(time);
-    };
-
-    return CurrentTimeDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `CurrentTimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  CurrentTimeDisplay.prototype.labelText_ = 'Current Time';
-  /**
-   * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-  Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-  /**
-   * Displays the duration
-   *
-   * @extends Component
-   */
-
-  var DurationDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(DurationDisplay, _TimeDisplay);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function DurationDisplay(player, options) {
-      var _this;
-
-      _this = _TimeDisplay.call(this, player, options) || this; // we do not want to/need to throttle duration changes,
-      // as they should always display the changed duration as
-      // it has changed
-
-      _this.on(player, 'durationchange', _this.updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
-      // but the durationchange on the user agent will not fire.
-      // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-
-      _this.on(player, 'loadstart', _this.updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
-      // listeners could have broken dependent applications/libraries. These
-      // can likely be removed for 7.0.
-
-
-      _this.on(player, 'loadedmetadata', _this.updateContent);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = DurationDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-duration';
-    }
-    /**
-     * Update duration time display.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused
-     *        this function to be called.
-     *
-     * @listens Player#durationchange
-     * @listens Player#timeupdate
-     * @listens Player#loadedmetadata
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      var duration = this.player_.duration();
-      this.updateTextNode_(duration);
-    };
-
-    return DurationDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `DurationDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  DurationDisplay.prototype.labelText_ = 'Duration';
-  /**
-   * The text that should display over the `DurationDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  DurationDisplay.prototype.controlText_ = 'Duration';
-  Component.registerComponent('DurationDisplay', DurationDisplay);
-
-  /**
-   * The separator between the current time and duration.
-   * Can be hidden if it's not needed in the design.
-   *
-   * @extends Component
-   */
-
-  var TimeDivider =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeDivider, _Component);
-
-    function TimeDivider() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = TimeDivider.prototype;
-
-    /**
-     * Create the component's DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-time-control vjs-time-divider',
-        innerHTML: '<div><span>/</span></div>'
-      }, {
-        // this element and its contents can be hidden from assistive techs since
-        // it is made extraneous by the announcement of the control text
-        // for the current time and duration displays
-        'aria-hidden': true
-      });
-    };
-
-    return TimeDivider;
-  }(Component);
-
-  Component.registerComponent('TimeDivider', TimeDivider);
-
-  /**
-   * Displays the time left in the video
-   *
-   * @extends Component
-   */
-
-  var RemainingTimeDisplay =
-  /*#__PURE__*/
-  function (_TimeDisplay) {
-    inheritsLoose(RemainingTimeDisplay, _TimeDisplay);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function RemainingTimeDisplay(player, options) {
-      var _this;
-
-      _this = _TimeDisplay.call(this, player, options) || this;
-
-      _this.on(player, 'durationchange', _this.updateContent);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = RemainingTimeDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return 'vjs-remaining-time';
-    }
-    /**
-     * Create the `Component`'s DOM element with the "minus" characted prepend to the time
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var el = _TimeDisplay.prototype.createEl.call(this);
-
-      el.insertBefore(createEl('span', {}, {
-        'aria-hidden': true
-      }, '-'), this.contentEl_);
-      return el;
-    }
-    /**
-     * Update remaining time display.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` or `durationchange` event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     * @listens Player#durationchange
-     */
-    ;
-
-    _proto.updateContent = function updateContent(event) {
-      if (typeof this.player_.duration() !== 'number') {
-        return;
-      }
-
-      var time; // @deprecated We should only use remainingTimeDisplay
-      // as of video.js 7
-
-      if (this.player_.ended()) {
-        time = 0;
-      } else if (this.player_.remainingTimeDisplay) {
-        time = this.player_.remainingTimeDisplay();
-      } else {
-        time = this.player_.remainingTime();
-      }
-
-      this.updateTextNode_(time);
-    };
-
-    return RemainingTimeDisplay;
-  }(TimeDisplay);
-  /**
-   * The text that is added to the `RemainingTimeDisplay` for screen reader users.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  RemainingTimeDisplay.prototype.labelText_ = 'Remaining Time';
-  /**
-   * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
-   *
-   * @type {string}
-   * @private
-   *
-   * @deprecated in v7; controlText_ is not used in non-active display Components
-   */
-
-  RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-  Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-  /**
-   * Displays the live indicator when duration is Infinity.
-   *
-   * @extends Component
-   */
-
-  var LiveDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LiveDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function LiveDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.updateShowing();
-
-      _this.on(_this.player(), 'durationchange', _this.updateShowing);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = LiveDisplay.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-live-control vjs-control'
-      });
-
-      this.contentEl_ = createEl('div', {
-        className: 'vjs-live-display',
-        innerHTML: "<span class=\"vjs-control-text\">" + this.localize('Stream Type') + "\xA0</span>" + this.localize('LIVE')
-      }, {
-        'aria-live': 'off'
-      });
-      el.appendChild(this.contentEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Check the duration to see if the LiveDisplay should be showing or not. Then show/hide
-     * it accordingly
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#durationchange} event that caused this function to run.
-     *
-     * @listens Player#durationchange
-     */
-    ;
-
-    _proto.updateShowing = function updateShowing(event) {
-      if (this.player().duration() === Infinity) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    };
-
-    return LiveDisplay;
-  }(Component);
-
-  Component.registerComponent('LiveDisplay', LiveDisplay);
-
-  /**
-   * Displays the live indicator when duration is Infinity.
-   *
-   * @extends Component
-   */
-
-  var SeekToLive =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(SeekToLive, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function SeekToLive(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.updateLiveEdgeStatus();
-
-      if (_this.player_.liveTracker) {
-        _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatus);
-      }
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = SeekToLive.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Button.prototype.createEl.call(this, 'button', {
-        className: 'vjs-seek-to-live-control vjs-control'
-      });
-
-      this.textEl_ = createEl('span', {
-        className: 'vjs-seek-to-live-text',
-        innerHTML: this.localize('LIVE')
-      }, {
-        'aria-hidden': 'true'
-      });
-      el.appendChild(this.textEl_);
-      return el;
-    }
-    /**
-     * Update the state of this button if we are at the live edge
-     * or not
-     */
-    ;
-
-    _proto.updateLiveEdgeStatus = function updateLiveEdgeStatus(e) {
-      // default to live edge
-      if (!this.player_.liveTracker || this.player_.liveTracker.atLiveEdge()) {
-        this.setAttribute('aria-disabled', true);
-        this.addClass('vjs-at-live-edge');
-        this.controlText('Seek to live, currently playing live');
-      } else {
-        this.setAttribute('aria-disabled', false);
-        this.removeClass('vjs-at-live-edge');
-        this.controlText('Seek to live, currently behind live');
-      }
-    }
-    /**
-     * On click bring us as near to the live point as possible.
-     * This requires that we wait for the next `live-seekable-change`
-     * event which will happen every segment length seconds.
-     */
-    ;
-
-    _proto.handleClick = function handleClick() {
-      this.player_.liveTracker.seekToLiveEdge();
-    }
-    /**
-     * Dispose of the element and stop tracking
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      if (this.player_.liveTracker) {
-        this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatus);
-      }
-
-      this.textEl_ = null;
-
-      _Button.prototype.dispose.call(this);
-    };
-
-    return SeekToLive;
-  }(Button);
-
-  SeekToLive.prototype.controlText_ = 'Seek to live, currently playing live';
-  Component.registerComponent('SeekToLive', SeekToLive);
-
-  /**
-   * Keep a number between a min and a max value
-   *
-   * @param {number} number
-   *        The number to clamp
-   *
-   * @param {number} min
-   *        The minimum value
-   * @param {number} max
-   *        The maximum value
-   *
-   * @return {number}
-   *         the clamped number
-   */
-  var clamp = function clamp(number, min, max) {
-    number = Number(number);
-    return Math.min(max, Math.max(min, isNaN(number) ? min : number));
-  };
-
-  /**
-   * The base functionality for a slider. Can be vertical or horizontal.
-   * For instance the volume bar or the seek bar on a video is a slider.
-   *
-   * @extends Component
-   */
-
-  var Slider =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Slider, _Component);
-
-    /**
-    * Create an instance of this class
-    *
-    * @param {Player} player
-    *        The `Player` that this class should be attached to.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    */
-    function Slider(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this; // Set property names to bar to match with the child Slider class is looking for
-
-      _this.bar = _this.getChild(_this.options_.barName); // Set a horizontal or vertical class on the slider depending on the slider type
-
-      _this.vertical(!!_this.options_.vertical);
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Are controls are currently enabled for this slider or not.
-     *
-     * @return {boolean}
-     *         true if controls are enabled, false otherwise
-     */
-
-
-    var _proto = Slider.prototype;
-
-    _proto.enabled = function enabled() {
-      return this.enabled_;
-    }
-    /**
-     * Enable controls for this slider if they are disabled
-     */
-    ;
-
-    _proto.enable = function enable() {
-      if (this.enabled()) {
-        return;
-      }
-
-      this.on('mousedown', this.handleMouseDown);
-      this.on('touchstart', this.handleMouseDown);
-      this.on('keydown', this.handleKeyDown);
-      this.on('click', this.handleClick); // TODO: deprecated, controlsvisible does not seem to be fired
-
-      this.on(this.player_, 'controlsvisible', this.update);
-
-      if (this.playerEvent) {
-        this.on(this.player_, this.playerEvent, this.update);
-      }
-
-      this.removeClass('disabled');
-      this.setAttribute('tabindex', 0);
-      this.enabled_ = true;
-    }
-    /**
-     * Disable controls for this slider if they are enabled
-     */
-    ;
-
-    _proto.disable = function disable() {
-      if (!this.enabled()) {
-        return;
-      }
-
-      var doc = this.bar.el_.ownerDocument;
-      this.off('mousedown', this.handleMouseDown);
-      this.off('touchstart', this.handleMouseDown);
-      this.off('keydown', this.handleKeyDown);
-      this.off('click', this.handleClick);
-      this.off(this.player_, 'controlsvisible', this.update);
-      this.off(doc, 'mousemove', this.handleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchmove', this.handleMouseMove);
-      this.off(doc, 'touchend', this.handleMouseUp);
-      this.removeAttribute('tabindex');
-      this.addClass('disabled');
-
-      if (this.playerEvent) {
-        this.off(this.player_, this.playerEvent, this.update);
-      }
-
-      this.enabled_ = false;
-    }
-    /**
-     * Create the `Slider`s DOM element.
-     *
-     * @param {string} type
-     *        Type of element to create.
-     *
-     * @param {Object} [props={}]
-     *        List of properties in Object form.
-     *
-     * @param {Object} [attributes={}]
-     *        list of attributes in Object form.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl(type, props, attributes) {
-      if (props === void 0) {
-        props = {};
-      }
-
-      if (attributes === void 0) {
-        attributes = {};
-      }
-
-      // Add the slider element class to all sub classes
-      props.className = props.className + ' vjs-slider';
-      props = assign({
-        tabIndex: 0
-      }, props);
-      attributes = assign({
-        'role': 'slider',
-        'aria-valuenow': 0,
-        'aria-valuemin': 0,
-        'aria-valuemax': 100,
-        'tabIndex': 0
-      }, attributes);
-      return _Component.prototype.createEl.call(this, type, props, attributes);
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `Slider`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     * @fires Slider#slideractive
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.bar.el_.ownerDocument;
-
-      if (event.type === 'mousedown') {
-        event.preventDefault();
-      } // Do not call preventDefault() on touchstart in Chrome
-      // to avoid console warnings. Use a 'touch-action: none' style
-      // instead to prevent unintented scrolling.
-      // https://developers.google.com/web/updates/2017/01/scrolling-intervention
-
-
-      if (event.type === 'touchstart' && !IS_CHROME) {
-        event.preventDefault();
-      }
-
-      blockTextSelection();
-      this.addClass('vjs-sliding');
-      /**
-       * Triggered when the slider is in an active state
-       *
-       * @event Slider#slideractive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('slideractive');
-      this.on(doc, 'mousemove', this.handleMouseMove);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchmove', this.handleMouseMove);
-      this.on(doc, 'touchend', this.handleMouseUp);
-      this.handleMouseMove(event);
-    }
-    /**
-     * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.
-     * The `mousemove` and `touchmove` events will only only trigger this function during
-     * `mousedown` and `touchstart`. This is due to {@link Slider#handleMouseDown} and
-     * {@link Slider#handleMouseUp}.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered
-     *        this function
-     *
-     * @listens mousemove
-     * @listens touchmove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {}
-    /**
-     * Handle `mouseup` or `touchend` events on the `Slider`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     * @fires Slider#sliderinactive
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp() {
-      var doc = this.bar.el_.ownerDocument;
-      unblockTextSelection();
-      this.removeClass('vjs-sliding');
-      /**
-       * Triggered when the slider is no longer in an active state.
-       *
-       * @event Slider#sliderinactive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('sliderinactive');
-      this.off(doc, 'mousemove', this.handleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchmove', this.handleMouseMove);
-      this.off(doc, 'touchend', this.handleMouseUp);
-      this.update();
-    }
-    /**
-     * Update the progress bar of the `Slider`.
-     *
-     * @return {number}
-     *          The percentage of progress the progress bar represents as a
-     *          number from 0 to 1.
-     */
-    ;
-
-    _proto.update = function update() {
-      var _this2 = this;
-
-      // In VolumeBar init we have a setTimeout for update that pops and update
-      // to the end of the execution stack. The player is destroyed before then
-      // update will cause an error
-      // If there's no bar...
-      if (!this.el_ || !this.bar) {
-        return;
-      } // clamp progress between 0 and 1
-      // and only round to four decimal places, as we round to two below
-
-
-      var progress = this.getProgress();
-
-      if (progress === this.progress_) {
-        return;
-      }
-
-      this.progress_ = progress;
-      this.requestAnimationFrame(function () {
-        // Set the new bar width or height
-        var sizeKey = _this2.vertical() ? 'height' : 'width'; // Convert to a percentage for css value
-
-        _this2.bar.el().style[sizeKey] = (progress * 100).toFixed(2) + '%';
-      });
-      return progress;
-    }
-    /**
-     * Get the percentage of the bar that should be filled
-     * but clamped and rounded.
-     *
-     * @return {number}
-     *         percentage filled that the slider is
-     */
-    ;
-
-    _proto.getProgress = function getProgress() {
-      return clamp(this.getPercent(), 0, 1).toFixed(4);
-    }
-    /**
-     * Calculate distance for slider
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run.
-     *
-     * @return {number}
-     *         The current position of the Slider.
-     *         - position.x for vertical `Slider`s
-     *         - position.y for horizontal `Slider`s
-     */
-    ;
-
-    _proto.calculateDistance = function calculateDistance(event) {
-      var position = getPointerPosition(this.el_, event);
-
-      if (this.vertical()) {
-        return position.y;
-      }
-
-      return position.x;
-    }
-    /**
-     * Handle a `keydown` event on the `Slider`. Watches for left, rigth, up, and down
-     * arrow keys. This function will only be called when the slider has focus. See
-     * {@link Slider#handleFocus} and {@link Slider#handleBlur}.
-     *
-     * @param {EventTarget~Event} event
-     *        the `keydown` event that caused this function to run.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Left and Down Arrows
-      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack(); // Up and Right Arrows
-      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward();
-      } else {
-        // Pass keydown handling up for unsupported keys
-        _Component.prototype.handleKeyDown.call(this, event);
-      }
-    }
-    /**
-     * Listener for click events on slider, used to prevent clicks
-     *   from bubbling up to parent elements like button menus.
-     *
-     * @param {Object} event
-     *        Event that caused this object to run
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-    }
-    /**
-     * Get/set if slider is horizontal for vertical
-     *
-     * @param {boolean} [bool]
-     *        - true if slider is vertical,
-     *        - false is horizontal
-     *
-     * @return {boolean}
-     *         - true if slider is vertical, and getting
-     *         - false if the slider is horizontal, and getting
-     */
-    ;
-
-    _proto.vertical = function vertical(bool) {
-      if (bool === undefined) {
-        return this.vertical_ || false;
-      }
-
-      this.vertical_ = !!bool;
-
-      if (this.vertical_) {
-        this.addClass('vjs-slider-vertical');
-      } else {
-        this.addClass('vjs-slider-horizontal');
-      }
-    };
-
-    return Slider;
-  }(Component);
-
-  Component.registerComponent('Slider', Slider);
-
-  var percentify = function percentify(time, end) {
-    return clamp(time / end * 100, 0, 100).toFixed(2) + '%';
-  };
-  /**
-   * Shows loading progress
-   *
-   * @extends Component
-   */
-
-
-  var LoadProgressBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LoadProgressBar, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function LoadProgressBar(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.partEls_ = [];
-
-      _this.on(player, 'progress', _this.update);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = LoadProgressBar.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-load-progress'
-      });
-
-      var wrapper = createEl('span', {
-        className: 'vjs-control-text'
-      });
-      var loadedText = createEl('span', {
-        textContent: this.localize('Loaded')
-      });
-      var separator = document.createTextNode(': ');
-      this.percentageEl_ = createEl('span', {
-        className: 'vjs-control-text-loaded-percentage',
-        textContent: '0%'
-      });
-      el.appendChild(wrapper);
-      wrapper.appendChild(loadedText);
-      wrapper.appendChild(separator);
-      wrapper.appendChild(this.percentageEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.partEls_ = null;
-      this.percentageEl_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Update progress bar
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `progress` event that caused this function to run.
-     *
-     * @listens Player#progress
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var _this2 = this;
-
-      this.requestAnimationFrame(function () {
-        var liveTracker = _this2.player_.liveTracker;
-
-        var buffered = _this2.player_.buffered();
-
-        var duration = liveTracker && liveTracker.isLive() ? liveTracker.seekableEnd() : _this2.player_.duration();
-
-        var bufferedEnd = _this2.player_.bufferedEnd();
-
-        var children = _this2.partEls_;
-        var percent = percentify(bufferedEnd, duration);
-
-        if (_this2.percent_ !== percent) {
-          // update the width of the progress bar
-          _this2.el_.style.width = percent; // update the control-text
-
-          textContent(_this2.percentageEl_, percent);
-          _this2.percent_ = percent;
-        } // add child elements to represent the individual buffered time ranges
-
-
-        for (var i = 0; i < buffered.length; i++) {
-          var start = buffered.start(i);
-          var end = buffered.end(i);
-          var part = children[i];
-
-          if (!part) {
-            part = _this2.el_.appendChild(createEl());
-            children[i] = part;
-          } //  only update if changed
-
-
-          if (part.dataset.start === start && part.dataset.end === end) {
-            continue;
-          }
-
-          part.dataset.start = start;
-          part.dataset.end = end; // set the percent based on the width of the progress bar (bufferedEnd)
-
-          part.style.left = percentify(start, bufferedEnd);
-          part.style.width = percentify(end - start, bufferedEnd);
-        } // remove unused buffered range elements
-
-
-        for (var _i = children.length; _i > buffered.length; _i--) {
-          _this2.el_.removeChild(children[_i - 1]);
-        }
-
-        children.length = buffered.length;
-      });
-    };
-
-    return LoadProgressBar;
-  }(Component);
-
-  Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-  /**
-   * Time tooltips display a time above the progress bar.
-   *
-   * @extends Component
-   */
-
-  var TimeTooltip =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(TimeTooltip, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TimeTooltip(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the time tooltip DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = TimeTooltip.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-time-tooltip'
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Updates the position of the time tooltip relative to the `SeekBar`.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint, content) {
-      var tooltipRect = getBoundingClientRect(this.el_);
-      var playerRect = getBoundingClientRect(this.player_.el());
-      var seekBarPointPx = seekBarRect.width * seekBarPoint; // do nothing if either rect isn't available
-      // for example, if the player isn't in the DOM for testing
-
-      if (!playerRect || !tooltipRect) {
-        return;
-      } // This is the space left of the `seekBarPoint` available within the bounds
-      // of the player. We calculate any gap between the left edge of the player
-      // and the left edge of the `SeekBar` and add the number of pixels in the
-      // `SeekBar` before hitting the `seekBarPoint`
-
-
-      var spaceLeftOfPoint = seekBarRect.left - playerRect.left + seekBarPointPx; // This is the space right of the `seekBarPoint` available within the bounds
-      // of the player. We calculate the number of pixels from the `seekBarPoint`
-      // to the right edge of the `SeekBar` and add to that any gap between the
-      // right edge of the `SeekBar` and the player.
-
-      var spaceRightOfPoint = seekBarRect.width - seekBarPointPx + (playerRect.right - seekBarRect.right); // This is the number of pixels by which the tooltip will need to be pulled
-      // further to the right to center it over the `seekBarPoint`.
-
-      var pullTooltipBy = tooltipRect.width / 2; // Adjust the `pullTooltipBy` distance to the left or right depending on
-      // the results of the space calculations above.
-
-      if (spaceLeftOfPoint < pullTooltipBy) {
-        pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
-      } else if (spaceRightOfPoint < pullTooltipBy) {
-        pullTooltipBy = spaceRightOfPoint;
-      } // Due to the imprecision of decimal/ratio based calculations and varying
-      // rounding behaviors, there are cases where the spacing adjustment is off
-      // by a pixel or two. This adds insurance to these calculations.
-
-
-      if (pullTooltipBy < 0) {
-        pullTooltipBy = 0;
-      } else if (pullTooltipBy > tooltipRect.width) {
-        pullTooltipBy = tooltipRect.width;
-      }
-
-      this.el_.style.right = "-" + pullTooltipBy + "px";
-      this.write(content);
-    }
-    /**
-     * Write the time to the tooltip DOM element.
-     *
-     * @param {string} content
-     *        The formatted time for the tooltip.
-     */
-    ;
-
-    _proto.write = function write(content) {
-      textContent(this.el_, content);
-    }
-    /**
-     * Updates the position of the time tooltip relative to the `SeekBar`.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     *
-     * @param {number} time
-     *        The time to update the tooltip to, not used during live playback
-     *
-     * @param {Function} cb
-     *        A function that will be called during the request animation frame
-     *        for tooltips that need to do additional animations from the default
-     */
-    ;
-
-    _proto.updateTime = function updateTime(seekBarRect, seekBarPoint, time, cb) {
-      var _this2 = this;
-
-      // If there is an existing rAF ID, cancel it so we don't over-queue.
-      if (this.rafId_) {
-        this.cancelAnimationFrame(this.rafId_);
-      }
-
-      this.rafId_ = this.requestAnimationFrame(function () {
-        var content;
-
-        var duration = _this2.player_.duration();
-
-        if (_this2.player_.liveTracker && _this2.player_.liveTracker.isLive()) {
-          var liveWindow = _this2.player_.liveTracker.liveWindow();
-
-          var secondsBehind = liveWindow - seekBarPoint * liveWindow;
-          content = (secondsBehind < 1 ? '' : '-') + formatTime(secondsBehind, liveWindow);
-        } else {
-          content = formatTime(time, duration);
-        }
-
-        _this2.update(seekBarRect, seekBarPoint, content);
-
-        if (cb) {
-          cb();
-        }
-      });
-    };
-
-    return TimeTooltip;
-  }(Component);
-
-  Component.registerComponent('TimeTooltip', TimeTooltip);
-
-  /**
-   * Used by {@link SeekBar} to display media playback progress as part of the
-   * {@link ProgressControl}.
-   *
-   * @extends Component
-   */
-
-  var PlayProgressBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(PlayProgressBar, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlayProgressBar(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the the DOM element for this class.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = PlayProgressBar.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-play-progress vjs-slider-bar'
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Enqueues updates to its own DOM as well as the DOM of its
-     * {@link TimeTooltip} child.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint) {
-      var timeTooltip = this.getChild('timeTooltip');
-
-      if (!timeTooltip) {
-        return;
-      }
-
-      var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-      timeTooltip.updateTime(seekBarRect, seekBarPoint, time);
-    };
-
-    return PlayProgressBar;
-  }(Component);
-  /**
-   * Default options for {@link PlayProgressBar}.
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  PlayProgressBar.prototype.options_ = {
-    children: []
-  }; // Time tooltips should not be added to a player on mobile devices
-
-  if (!IS_IOS && !IS_ANDROID) {
-    PlayProgressBar.prototype.options_.children.push('timeTooltip');
-  }
-
-  Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-  /**
-   * The {@link MouseTimeDisplay} component tracks mouse movement over the
-   * {@link ProgressControl}. It displays an indicator and a {@link TimeTooltip}
-   * indicating the time which is represented by a given point in the
-   * {@link ProgressControl}.
-   *
-   * @extends Component
-   */
-
-  var MouseTimeDisplay =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MouseTimeDisplay, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The {@link Player} that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function MouseTimeDisplay(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
-      return _this;
-    }
-    /**
-     * Create the DOM element for this class.
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = MouseTimeDisplay.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-mouse-display'
-      });
-    }
-    /**
-     * Enqueues updates to its own DOM as well as the DOM of its
-     * {@link TimeTooltip} child.
-     *
-     * @param {Object} seekBarRect
-     *        The `ClientRect` for the {@link SeekBar} element.
-     *
-     * @param {number} seekBarPoint
-     *        A number from 0 to 1, representing a horizontal reference point
-     *        from the left edge of the {@link SeekBar}
-     */
-    ;
-
-    _proto.update = function update(seekBarRect, seekBarPoint) {
-      var _this2 = this;
-
-      var time = seekBarPoint * this.player_.duration();
-      this.getChild('timeTooltip').updateTime(seekBarRect, seekBarPoint, time, function () {
-        _this2.el_.style.left = seekBarRect.width * seekBarPoint + "px";
-      });
-    };
-
-    return MouseTimeDisplay;
-  }(Component);
-  /**
-   * Default options for `MouseTimeDisplay`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  MouseTimeDisplay.prototype.options_ = {
-    children: ['timeTooltip']
-  };
-  Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-  var STEP_SECONDS = 5; // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
-
-  var PAGE_KEY_MULTIPLIER = 12; // The interval at which the bar should update as it progresses.
-
-  var UPDATE_REFRESH_INTERVAL$1 = 30;
-  /**
-   * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
-   * as its `bar`.
-   *
-   * @extends Slider
-   */
-
-  var SeekBar =
-  /*#__PURE__*/
-  function (_Slider) {
-    inheritsLoose(SeekBar, _Slider);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function SeekBar(player, options) {
-      var _this;
-
-      _this = _Slider.call(this, player, options) || this;
-
-      _this.setEventHandlers_();
-
-      return _this;
-    }
-    /**
-     * Sets the event handlers
-     *
-     * @private
-     */
-
-
-    var _proto = SeekBar.prototype;
-
-    _proto.setEventHandlers_ = function setEventHandlers_() {
-      this.update_ = bind(this, this.update);
-      this.update = throttle(this.update_, UPDATE_REFRESH_INTERVAL$1);
-      this.on(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
-
-      if (this.player_.liveTracker) {
-        this.on(this.player_.liveTracker, 'liveedgechange', this.update);
-      } // when playing, let's ensure we smoothly update the play progress bar
-      // via an interval
-
-
-      this.updateInterval = null;
-      this.on(this.player_, ['playing'], this.enableInterval_);
-      this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableInterval_); // we don't need to update the play progress if the document is hidden,
-      // also, this causes the CPU to spike and eventually crash the page on IE11.
-
-      if ('hidden' in document && 'visibilityState' in document) {
-        this.on(document, 'visibilitychange', this.toggleVisibility_);
-      }
-    };
-
-    _proto.toggleVisibility_ = function toggleVisibility_(e) {
-      if (document.hidden) {
-        this.disableInterval_(e);
-      } else {
-        this.enableInterval_(); // we just switched back to the page and someone may be looking, so, update ASAP
-
-        this.update();
-      }
-    };
-
-    _proto.enableInterval_ = function enableInterval_() {
-      if (this.updateInterval) {
-        return;
-      }
-
-      this.updateInterval = this.setInterval(this.update, UPDATE_REFRESH_INTERVAL$1);
-    };
-
-    _proto.disableInterval_ = function disableInterval_(e) {
-      if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e.type !== 'ended') {
-        return;
-      }
-
-      if (!this.updateInterval) {
-        return;
-      }
-
-      this.clearInterval(this.updateInterval);
-      this.updateInterval = null;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Slider.prototype.createEl.call(this, 'div', {
-        className: 'vjs-progress-holder'
-      }, {
-        'aria-label': this.localize('Progress Bar')
-      });
-    }
-    /**
-     * This function updates the play progress bar and accessibility
-     * attributes to whatever is passed in.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `timeupdate` or `ended` event that caused this to run.
-     *
-     * @listens Player#timeupdate
-     *
-     * @return {number}
-     *          The current percent at a number from 0-1
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var _this2 = this;
-
-      var percent = _Slider.prototype.update.call(this);
-
-      this.requestAnimationFrame(function () {
-        var currentTime = _this2.player_.ended() ? _this2.player_.duration() : _this2.getCurrentTime_();
-        var liveTracker = _this2.player_.liveTracker;
-
-        var duration = _this2.player_.duration();
-
-        if (liveTracker && liveTracker.isLive()) {
-          duration = _this2.player_.liveTracker.liveCurrentTime();
-        }
-
-        if (_this2.percent_ !== percent) {
-          // machine readable value of progress bar (percentage complete)
-          _this2.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-          _this2.percent_ = percent;
-        }
-
-        if (_this2.currentTime_ !== currentTime || _this2.duration_ !== duration) {
-          // human readable value of progress bar (time complete)
-          _this2.el_.setAttribute('aria-valuetext', _this2.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-          _this2.currentTime_ = currentTime;
-          _this2.duration_ = duration;
-        }
-      });
-      return percent;
-    }
-    /**
-     * Get the value of current time but allows for smooth scrubbing,
-     * when player can't keep up.
-     *
-     * @return {number}
-     *         The current time value to display
-     *
-     * @private
-     */
-    ;
-
-    _proto.getCurrentTime_ = function getCurrentTime_() {
-      return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-    }
-    /**
-     * Get the percentage of media played so far.
-     *
-     * @return {number}
-     *         The percentage of media played so far (0 to 1).
-     */
-    ;
-
-    _proto.getPercent = function getPercent() {
-      var currentTime = this.getCurrentTime_();
-      var percent;
-      var liveTracker = this.player_.liveTracker;
-
-      if (liveTracker && liveTracker.isLive()) {
-        percent = (currentTime - liveTracker.seekableStart()) / liveTracker.liveWindow(); // prevent the percent from changing at the live edge
-
-        if (liveTracker.atLiveEdge()) {
-          percent = 1;
-        }
-      } else {
-        percent = currentTime / this.player_.duration();
-      }
-
-      return percent;
-    }
-    /**
-     * Handle mouse down on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousedown` event that caused this to run.
-     *
-     * @listens mousedown
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      } // Stop event propagation to prevent double fire in progress-control.js
-
-
-      event.stopPropagation();
-      this.player_.scrubbing(true);
-      this.videoWasPlaying = !this.player_.paused();
-      this.player_.pause();
-
-      _Slider.prototype.handleMouseDown.call(this, event);
-    }
-    /**
-     * Handle mouse move on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this to run.
-     *
-     * @listens mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      var newTime;
-      var distance = this.calculateDistance(event);
-      var liveTracker = this.player_.liveTracker;
-
-      if (!liveTracker || !liveTracker.isLive()) {
-        newTime = distance * this.player_.duration(); // Don't let video end while scrubbing.
-
-        if (newTime === this.player_.duration()) {
-          newTime = newTime - 0.1;
-        }
-      } else {
-        var seekableStart = liveTracker.seekableStart();
-        var seekableEnd = liveTracker.liveCurrentTime();
-        newTime = seekableStart + distance * liveTracker.liveWindow(); // Don't let video end while scrubbing.
-
-        if (newTime >= seekableEnd) {
-          newTime = seekableEnd;
-        } // Compensate for precision differences so that currentTime is not less
-        // than seekable start
-
-
-        if (newTime <= seekableStart) {
-          newTime = seekableStart + 0.1;
-        } // On android seekableEnd can be Infinity sometimes,
-        // this will cause newTime to be Infinity, which is
-        // not a valid currentTime.
-
-
-        if (newTime === Infinity) {
-          return;
-        }
-      } // Set new time (tell player to seek to new time)
-
-
-      this.player_.currentTime(newTime);
-    };
-
-    _proto.enable = function enable() {
-      _Slider.prototype.enable.call(this);
-
-      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-      if (!mouseTimeDisplay) {
-        return;
-      }
-
-      mouseTimeDisplay.show();
-    };
-
-    _proto.disable = function disable() {
-      _Slider.prototype.disable.call(this);
-
-      var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-      if (!mouseTimeDisplay) {
-        return;
-      }
-
-      mouseTimeDisplay.hide();
-    }
-    /**
-     * Handle mouse up on seek bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseup` event that caused this to run.
-     *
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      _Slider.prototype.handleMouseUp.call(this, event); // Stop event propagation to prevent double fire in progress-control.js
-
-
-      if (event) {
-        event.stopPropagation();
-      }
-
-      this.player_.scrubbing(false);
-      /**
-       * Trigger timeupdate because we're done seeking and the time has changed.
-       * This is particularly useful for if the player is paused to time the time displays.
-       *
-       * @event Tech#timeupdate
-       * @type {EventTarget~Event}
-       */
-
-      this.player_.trigger({
-        type: 'timeupdate',
-        target: this,
-        manuallyTriggered: true
-      });
-
-      if (this.videoWasPlaying) {
-        silencePromise(this.player_.play());
-      } else {
-        // We're done seeking and the time has changed.
-        // If the player is paused, make sure we display the correct time on the seek bar.
-        this.update_();
-      }
-    }
-    /**
-     * Move more quickly fast forward for keyboard-only users
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-    }
-    /**
-     * Move more quickly rewind for keyboard-only users
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS);
-    }
-    /**
-     * Toggles the playback state of the player
-     * This gets called when enter or space is used on the seekbar
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called
-     *
-     */
-    ;
-
-    _proto.handleAction = function handleAction(event) {
-      if (this.player_.paused()) {
-        this.player_.play();
-      } else {
-        this.player_.pause();
-      }
-    }
-    /**
-     * Called when this SeekBar has focus and a key gets pressed down.
-     * Supports the following keys:
-     *
-     *   Space or Enter key fire a click event
-     *   Home key moves to start of the timeline
-     *   End key moves to end of the timeline
-     *   Digit "0" through "9" keys move to 0%, 10% ... 80%, 90% of the timeline
-     *   PageDown key moves back a larger step than ArrowDown
-     *   PageUp key moves forward a large step
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.handleAction(event);
-      } else if (keycode.isEventKey(event, 'Home')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(0);
-      } else if (keycode.isEventKey(event, 'End')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.duration());
-      } else if (/^[0-9]$/.test(keycode(event))) {
-        event.preventDefault();
-        event.stopPropagation();
-        var gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;
-        this.player_.currentTime(this.player_.duration() * gotoFraction);
-      } else if (keycode.isEventKey(event, 'PgDn')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-      } else if (keycode.isEventKey(event, 'PgUp')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
-      } else {
-        // Pass keydown handling up for unsupported keys
-        _Slider.prototype.handleKeyDown.call(this, event);
-      }
-    };
-
-    return SeekBar;
-  }(Slider);
-  /**
-   * Default options for the `SeekBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  SeekBar.prototype.options_ = {
-    children: ['loadProgressBar', 'playProgressBar'],
-    barName: 'playProgressBar'
-  }; // MouseTimeDisplay tooltips should not be added to a player on mobile devices
-
-  if (!IS_IOS && !IS_ANDROID) {
-    SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-  }
-
-  Component.registerComponent('SeekBar', SeekBar);
-
-  /**
-   * The Progress Control component contains the seek bar, load progress,
-   * and play progress.
-   *
-   * @extends Component
-   */
-
-  var ProgressControl =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ProgressControl, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function ProgressControl(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-      _this.handleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-      _this.throttledHandleMouseSeek = throttle(bind(assertThisInitialized(_this), _this.handleMouseSeek), UPDATE_REFRESH_INTERVAL);
-
-      _this.enable();
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = ProgressControl.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-progress-control vjs-control'
-      });
-    }
-    /**
-     * When the mouse moves over the `ProgressControl`, the pointer position
-     * gets passed down to the `MouseTimeDisplay` component.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this function to run.
-     *
-     * @listen mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      var seekBar = this.getChild('seekBar');
-
-      if (!seekBar) {
-        return;
-      }
-
-      var playProgressBar = seekBar.getChild('playProgressBar');
-      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-
-      if (!playProgressBar && !mouseTimeDisplay) {
-        return;
-      }
-
-      var seekBarEl = seekBar.el();
-      var seekBarRect = getBoundingClientRect(seekBarEl);
-      var seekBarPoint = getPointerPosition(seekBarEl, event).x; // The default skin has a gap on either side of the `SeekBar`. This means
-      // that it's possible to trigger this behavior outside the boundaries of
-      // the `SeekBar`. This ensures we stay within it at all times.
-
-      seekBarPoint = clamp(0, 1, seekBarPoint);
-
-      if (mouseTimeDisplay) {
-        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-      }
-
-      if (playProgressBar) {
-        playProgressBar.update(seekBarRect, seekBar.getProgress());
-      }
-    }
-    /**
-     * A throttled version of the {@link ProgressControl#handleMouseSeek} listener.
-     *
-     * @method ProgressControl#throttledHandleMouseSeek
-     * @param {EventTarget~Event} event
-     *        The `mousemove` event that caused this function to run.
-     *
-     * @listen mousemove
-     * @listen touchmove
-     */
-
-    /**
-     * Handle `mousemove` or `touchmove` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousemove
-     * @listens touchmove
-     */
-    ;
-
-    _proto.handleMouseSeek = function handleMouseSeek(event) {
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseMove(event);
-      }
-    }
-    /**
-     * Are controls are currently enabled for this progress control.
-     *
-     * @return {boolean}
-     *         true if controls are enabled, false otherwise
-     */
-    ;
-
-    _proto.enabled = function enabled() {
-      return this.enabled_;
-    }
-    /**
-     * Disable all controls on the progress control and its children
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.children().forEach(function (child) {
-        return child.disable && child.disable();
-      });
-
-      if (!this.enabled()) {
-        return;
-      }
-
-      this.off(['mousedown', 'touchstart'], this.handleMouseDown);
-      this.off(this.el_, 'mousemove', this.handleMouseMove);
-      this.handleMouseUp();
-      this.addClass('disabled');
-      this.enabled_ = false;
-    }
-    /**
-     * Enable all controls on the progress control and its children
-     */
-    ;
-
-    _proto.enable = function enable() {
-      this.children().forEach(function (child) {
-        return child.enable && child.enable();
-      });
-
-      if (this.enabled()) {
-        return;
-      }
-
-      this.on(['mousedown', 'touchstart'], this.handleMouseDown);
-      this.on(this.el_, 'mousemove', this.handleMouseMove);
-      this.removeClass('disabled');
-      this.enabled_ = true;
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.el_.ownerDocument;
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseDown(event);
-      }
-
-      this.on(doc, 'mousemove', this.throttledHandleMouseSeek);
-      this.on(doc, 'touchmove', this.throttledHandleMouseSeek);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mouseup` or `touchend` events on the `ProgressControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      var doc = this.el_.ownerDocument;
-      var seekBar = this.getChild('seekBar');
-
-      if (seekBar) {
-        seekBar.handleMouseUp(event);
-      }
-
-      this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
-      this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchend', this.handleMouseUp);
-    };
-
-    return ProgressControl;
-  }(Component);
-  /**
-   * Default options for `ProgressControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ProgressControl.prototype.options_ = {
-    children: ['seekBar']
-  };
-  Component.registerComponent('ProgressControl', ProgressControl);
-
-  /**
-   * Toggle Picture-in-Picture mode
-   *
-   * @extends Button
-   */
-
-  var PictureInPictureToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(PictureInPictureToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @listens Player#enterpictureinpicture
-     * @listens Player#leavepictureinpicture
-     */
-    function PictureInPictureToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], _this.handlePictureInPictureChange); // TODO: Activate button on player loadedmetadata event.
-      // TODO: Deactivate button on player emptied event.
-      // TODO: Deactivate button if disablepictureinpicture attribute is present.
-
-
-      if (!document.pictureInPictureEnabled) {
-        _this.disable();
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = PictureInPictureToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-picture-in-picture-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Handles enterpictureinpicture and leavepictureinpicture on the player and change control text accordingly.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#enterpictureinpicture} or {@link Player#leavepictureinpicture} event that caused this function to be
-     *        called.
-     *
-     * @listens Player#enterpictureinpicture
-     * @listens Player#leavepictureinpicture
-     */
-    ;
-
-    _proto.handlePictureInPictureChange = function handlePictureInPictureChange(event) {
-      if (this.player_.isInPictureInPicture()) {
-        this.controlText('Exit Picture-in-Picture');
-      } else {
-        this.controlText('Picture-in-Picture');
-      }
-    }
-    /**
-     * This gets called when an `PictureInPictureToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (!this.player_.isInPictureInPicture()) {
-        this.player_.requestPictureInPicture();
-      } else {
-        this.player_.exitPictureInPicture();
-      }
-    };
-
-    return PictureInPictureToggle;
-  }(Button);
-  /**
-   * The text that should display over the `PictureInPictureToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PictureInPictureToggle.prototype.controlText_ = 'Picture-in-Picture';
-  Component.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
-
-  /**
-   * Toggle fullscreen video
-   *
-   * @extends Button
-   */
-
-  var FullscreenToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(FullscreenToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function FullscreenToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this;
-
-      _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-
-      if (document[player.fsApi_.fullscreenEnabled] === false) {
-        _this.disable();
-      }
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = FullscreenToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-fullscreen-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Handles fullscreenchange on the player and change control text accordingly.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#fullscreenchange} event that caused this function to be
-     *        called.
-     *
-     * @listens Player#fullscreenchange
-     */
-    ;
-
-    _proto.handleFullscreenChange = function handleFullscreenChange(event) {
-      if (this.player_.isFullscreen()) {
-        this.controlText('Non-Fullscreen');
-      } else {
-        this.controlText('Fullscreen');
-      }
-    }
-    /**
-     * This gets called when an `FullscreenToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (!this.player_.isFullscreen()) {
-        this.player_.requestFullscreen();
-      } else {
-        this.player_.exitFullscreen();
-      }
-    };
-
-    return FullscreenToggle;
-  }(Button);
-  /**
-   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  FullscreenToggle.prototype.controlText_ = 'Fullscreen';
-  Component.registerComponent('FullscreenToggle', FullscreenToggle);
-
-  /**
-   * Check if volume control is supported and if it isn't hide the
-   * `Component` that was passed  using the `vjs-hidden` class.
-   *
-   * @param {Component} self
-   *        The component that should be hidden if volume is unsupported
-   *
-   * @param {Player} player
-   *        A reference to the player
-   *
-   * @private
-   */
-  var checkVolumeSupport = function checkVolumeSupport(self, player) {
-    // hide volume controls when they're not supported by the current tech
-    if (player.tech_ && !player.tech_.featuresVolumeControl) {
-      self.addClass('vjs-hidden');
-    }
-
-    self.on(player, 'loadstart', function () {
-      if (!player.tech_.featuresVolumeControl) {
-        self.addClass('vjs-hidden');
-      } else {
-        self.removeClass('vjs-hidden');
-      }
-    });
-  };
-
-  /**
-   * Shows volume level
-   *
-   * @extends Component
-   */
-
-  var VolumeLevel =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumeLevel, _Component);
-
-    function VolumeLevel() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = VolumeLevel.prototype;
-
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-volume-level',
-        innerHTML: '<span class="vjs-control-text"></span>'
-      });
-    };
-
-    return VolumeLevel;
-  }(Component);
-
-  Component.registerComponent('VolumeLevel', VolumeLevel);
-
-  /**
-   * The bar that contains the volume level and can be clicked on to adjust the level
-   *
-   * @extends Slider
-   */
-
-  var VolumeBar =
-  /*#__PURE__*/
-  function (_Slider) {
-    inheritsLoose(VolumeBar, _Slider);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function VolumeBar(player, options) {
-      var _this;
-
-      _this = _Slider.call(this, player, options) || this;
-
-      _this.on('slideractive', _this.updateLastVolume_);
-
-      _this.on(player, 'volumechange', _this.updateARIAAttributes);
-
-      player.ready(function () {
-        return _this.updateARIAAttributes();
-      });
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = VolumeBar.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Slider.prototype.createEl.call(this, 'div', {
-        className: 'vjs-volume-bar vjs-slider-bar'
-      }, {
-        'aria-label': this.localize('Volume Level'),
-        'aria-live': 'polite'
-      });
-    }
-    /**
-     * Handle mouse down on volume bar
-     *
-     * @param {EventTarget~Event} event
-     *        The `mousedown` event that caused this to run.
-     *
-     * @listens mousedown
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      _Slider.prototype.handleMouseDown.call(this, event);
-    }
-    /**
-     * Handle movement events on the {@link VolumeMenuButton}.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run.
-     *
-     * @listens mousemove
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      }
-
-      this.checkMuted();
-      this.player_.volume(this.calculateDistance(event));
-    }
-    /**
-     * If the player is muted unmute it.
-     */
-    ;
-
-    _proto.checkMuted = function checkMuted() {
-      if (this.player_.muted()) {
-        this.player_.muted(false);
-      }
-    }
-    /**
-     * Get percent of volume level
-     *
-     * @return {number}
-     *         Volume level percent as a decimal number.
-     */
-    ;
-
-    _proto.getPercent = function getPercent() {
-      if (this.player_.muted()) {
-        return 0;
-      }
-
-      return this.player_.volume();
-    }
-    /**
-     * Increase volume level for keyboard users
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      this.checkMuted();
-      this.player_.volume(this.player_.volume() + 0.1);
-    }
-    /**
-     * Decrease volume level for keyboard users
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      this.checkMuted();
-      this.player_.volume(this.player_.volume() - 0.1);
-    }
-    /**
-     * Update ARIA accessibility attributes
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `volumechange` event that caused this function to run.
-     *
-     * @listens Player#volumechange
-     */
-    ;
-
-    _proto.updateARIAAttributes = function updateARIAAttributes(event) {
-      var ariaValue = this.player_.muted() ? 0 : this.volumeAsPercentage_();
-      this.el_.setAttribute('aria-valuenow', ariaValue);
-      this.el_.setAttribute('aria-valuetext', ariaValue + '%');
-    }
-    /**
-     * Returns the current value of the player volume as a percentage
-     *
-     * @private
-     */
-    ;
-
-    _proto.volumeAsPercentage_ = function volumeAsPercentage_() {
-      return Math.round(this.player_.volume() * 100);
-    }
-    /**
-     * When user starts dragging the VolumeBar, store the volume and listen for
-     * the end of the drag. When the drag ends, if the volume was set to zero,
-     * set lastVolume to the stored volume.
-     *
-     * @listens slideractive
-     * @private
-     */
-    ;
-
-    _proto.updateLastVolume_ = function updateLastVolume_() {
-      var _this2 = this;
-
-      var volumeBeforeDrag = this.player_.volume();
-      this.one('sliderinactive', function () {
-        if (_this2.player_.volume() === 0) {
-          _this2.player_.lastVolume_(volumeBeforeDrag);
-        }
-      });
-    };
-
-    return VolumeBar;
-  }(Slider);
-  /**
-   * Default options for the `VolumeBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumeBar.prototype.options_ = {
-    children: ['volumeLevel'],
-    barName: 'volumeLevel'
-  };
-  /**
-   * Call the update event for this Slider when this event happens on the player.
-   *
-   * @type {string}
-   */
-
-  VolumeBar.prototype.playerEvent = 'volumechange';
-  Component.registerComponent('VolumeBar', VolumeBar);
-
-  /**
-   * The component for controlling the volume level
-   *
-   * @extends Component
-   */
-
-  var VolumeControl =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumeControl, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function VolumeControl(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.vertical = options.vertical || false; // Pass the vertical option down to the VolumeBar if
-      // the VolumeBar is turned on.
-
-      if (typeof options.volumeBar === 'undefined' || isPlain(options.volumeBar)) {
-        options.volumeBar = options.volumeBar || {};
-        options.volumeBar.vertical = options.vertical;
-      }
-
-      _this = _Component.call(this, player, options) || this; // hide this control if volume support is missing
-
-      checkVolumeSupport(assertThisInitialized(_this), player);
-      _this.throttledHandleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
-
-      _this.on('mousedown', _this.handleMouseDown);
-
-      _this.on('touchstart', _this.handleMouseDown); // while the slider is active (the mouse has been pressed down and
-      // is dragging) or in focus we do not want to hide the VolumeBar
-
-
-      _this.on(_this.volumeBar, ['focus', 'slideractive'], function () {
-        _this.volumeBar.addClass('vjs-slider-active');
-
-        _this.addClass('vjs-slider-active');
-
-        _this.trigger('slideractive');
-      });
-
-      _this.on(_this.volumeBar, ['blur', 'sliderinactive'], function () {
-        _this.volumeBar.removeClass('vjs-slider-active');
-
-        _this.removeClass('vjs-slider-active');
-
-        _this.trigger('sliderinactive');
-      });
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = VolumeControl.prototype;
-
-    _proto.createEl = function createEl() {
-      var orientationClass = 'vjs-volume-horizontal';
-
-      if (this.options_.vertical) {
-        orientationClass = 'vjs-volume-vertical';
-      }
-
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: "vjs-volume-control vjs-control " + orientationClass
-      });
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseDown = function handleMouseDown(event) {
-      var doc = this.el_.ownerDocument;
-      this.on(doc, 'mousemove', this.throttledHandleMouseMove);
-      this.on(doc, 'touchmove', this.throttledHandleMouseMove);
-      this.on(doc, 'mouseup', this.handleMouseUp);
-      this.on(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mouseup` or `touchend` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mouseup` or `touchend` event that triggered this function.
-     *
-     * @listens touchend
-     * @listens mouseup
-     */
-    ;
-
-    _proto.handleMouseUp = function handleMouseUp(event) {
-      var doc = this.el_.ownerDocument;
-      this.off(doc, 'mousemove', this.throttledHandleMouseMove);
-      this.off(doc, 'touchmove', this.throttledHandleMouseMove);
-      this.off(doc, 'mouseup', this.handleMouseUp);
-      this.off(doc, 'touchend', this.handleMouseUp);
-    }
-    /**
-     * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        `mousedown` or `touchstart` event that triggered this function
-     *
-     * @listens mousedown
-     * @listens touchstart
-     */
-    ;
-
-    _proto.handleMouseMove = function handleMouseMove(event) {
-      this.volumeBar.handleMouseMove(event);
-    };
-
-    return VolumeControl;
-  }(Component);
-  /**
-   * Default options for the `VolumeControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumeControl.prototype.options_ = {
-    children: ['volumeBar']
-  };
-  Component.registerComponent('VolumeControl', VolumeControl);
-
-  /**
-   * Check if muting volume is supported and if it isn't hide the mute toggle
-   * button.
-   *
-   * @param {Component} self
-   *        A reference to the mute toggle button
-   *
-   * @param {Player} player
-   *        A reference to the player
-   *
-   * @private
-   */
-  var checkMuteSupport = function checkMuteSupport(self, player) {
-    // hide mute toggle button if it's not supported by the current tech
-    if (player.tech_ && !player.tech_.featuresMuteControl) {
-      self.addClass('vjs-hidden');
-    }
-
-    self.on(player, 'loadstart', function () {
-      if (!player.tech_.featuresMuteControl) {
-        self.addClass('vjs-hidden');
-      } else {
-        self.removeClass('vjs-hidden');
-      }
-    });
-  };
-
-  /**
-   * A button component for muting the audio.
-   *
-   * @extends Button
-   */
-
-  var MuteToggle =
-  /*#__PURE__*/
-  function (_Button) {
-    inheritsLoose(MuteToggle, _Button);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function MuteToggle(player, options) {
-      var _this;
-
-      _this = _Button.call(this, player, options) || this; // hide this control if volume support is missing
-
-      checkMuteSupport(assertThisInitialized(_this), player);
-
-      _this.on(player, ['loadstart', 'volumechange'], _this.update);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = MuteToggle.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-mute-control " + _Button.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * This gets called when an `MuteToggle` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var vol = this.player_.volume();
-      var lastVolume = this.player_.lastVolume_();
-
-      if (vol === 0) {
-        var volumeToSet = lastVolume < 0.1 ? 0.1 : lastVolume;
-        this.player_.volume(volumeToSet);
-        this.player_.muted(false);
-      } else {
-        this.player_.muted(this.player_.muted() ? false : true);
-      }
-    }
-    /**
-     * Update the `MuteToggle` button based on the state of `volume` and `muted`
-     * on the player.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link Player#loadstart} event if this function was called
-     *        through an event.
-     *
-     * @listens Player#loadstart
-     * @listens Player#volumechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      this.updateIcon_();
-      this.updateControlText_();
-    }
-    /**
-     * Update the appearance of the `MuteToggle` icon.
-     *
-     * Possible states (given `level` variable below):
-     * - 0: crossed out
-     * - 1: zero bars of volume
-     * - 2: one bar of volume
-     * - 3: two bars of volume
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateIcon_ = function updateIcon_() {
-      var vol = this.player_.volume();
-      var level = 3; // in iOS when a player is loaded with muted attribute
-      // and volume is changed with a native mute button
-      // we want to make sure muted state is updated
-
-      if (IS_IOS && this.player_.tech_ && this.player_.tech_.el_) {
-        this.player_.muted(this.player_.tech_.el_.muted);
-      }
-
-      if (vol === 0 || this.player_.muted()) {
-        level = 0;
-      } else if (vol < 0.33) {
-        level = 1;
-      } else if (vol < 0.67) {
-        level = 2;
-      } // TODO improve muted icon classes
-
-
-      for (var i = 0; i < 4; i++) {
-        removeClass(this.el_, "vjs-vol-" + i);
-      }
-
-      addClass(this.el_, "vjs-vol-" + level);
-    }
-    /**
-     * If `muted` has changed on the player, update the control text
-     * (`title` attribute on `vjs-mute-control` element and content of
-     * `vjs-control-text` element).
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateControlText_ = function updateControlText_() {
-      var soundOff = this.player_.muted() || this.player_.volume() === 0;
-      var text = soundOff ? 'Unmute' : 'Mute';
-
-      if (this.controlText() !== text) {
-        this.controlText(text);
-      }
-    };
-
-    return MuteToggle;
-  }(Button);
-  /**
-   * The text that should display over the `MuteToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  MuteToggle.prototype.controlText_ = 'Mute';
-  Component.registerComponent('MuteToggle', MuteToggle);
-
-  /**
-   * A Component to contain the MuteToggle and VolumeControl so that
-   * they can work together.
-   *
-   * @extends Component
-   */
-
-  var VolumePanel =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(VolumePanel, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function VolumePanel(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      if (typeof options.inline !== 'undefined') {
-        options.inline = options.inline;
-      } else {
-        options.inline = true;
-      } // pass the inline option down to the VolumeControl as vertical if
-      // the VolumeControl is on.
-
-
-      if (typeof options.volumeControl === 'undefined' || isPlain(options.volumeControl)) {
-        options.volumeControl = options.volumeControl || {};
-        options.volumeControl.vertical = !options.inline;
-      }
-
-      _this = _Component.call(this, player, options) || this;
-
-      _this.on(player, ['loadstart'], _this.volumePanelState_);
-
-      _this.on(_this.muteToggle, 'keyup', _this.handleKeyPress);
-
-      _this.on(_this.volumeControl, 'keyup', _this.handleVolumeControlKeyUp);
-
-      _this.on('keydown', _this.handleKeyPress);
-
-      _this.on('mouseover', _this.handleMouseOver);
-
-      _this.on('mouseout', _this.handleMouseOut); // while the slider is active (the mouse has been pressed down and
-      // is dragging) we do not want to hide the VolumeBar
-
-
-      _this.on(_this.volumeControl, ['slideractive'], _this.sliderActive_);
-
-      _this.on(_this.volumeControl, ['sliderinactive'], _this.sliderInactive_);
-
-      return _this;
-    }
-    /**
-     * Add vjs-slider-active class to the VolumePanel
-     *
-     * @listens VolumeControl#slideractive
-     * @private
-     */
-
-
-    var _proto = VolumePanel.prototype;
-
-    _proto.sliderActive_ = function sliderActive_() {
-      this.addClass('vjs-slider-active');
-    }
-    /**
-     * Removes vjs-slider-active class to the VolumePanel
-     *
-     * @listens VolumeControl#sliderinactive
-     * @private
-     */
-    ;
-
-    _proto.sliderInactive_ = function sliderInactive_() {
-      this.removeClass('vjs-slider-active');
-    }
-    /**
-     * Adds vjs-hidden or vjs-mute-toggle-only to the VolumePanel
-     * depending on MuteToggle and VolumeControl state
-     *
-     * @listens Player#loadstart
-     * @private
-     */
-    ;
-
-    _proto.volumePanelState_ = function volumePanelState_() {
-      // hide volume panel if neither volume control or mute toggle
-      // are displayed
-      if (this.volumeControl.hasClass('vjs-hidden') && this.muteToggle.hasClass('vjs-hidden')) {
-        this.addClass('vjs-hidden');
-      } // if only mute toggle is visible we don't want
-      // volume panel expanding when hovered or active
-
-
-      if (this.volumeControl.hasClass('vjs-hidden') && !this.muteToggle.hasClass('vjs-hidden')) {
-        this.addClass('vjs-mute-toggle-only');
-      }
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var orientationClass = 'vjs-volume-panel-horizontal';
-
-      if (!this.options_.inline) {
-        orientationClass = 'vjs-volume-panel-vertical';
-      }
-
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: "vjs-volume-panel vjs-control " + orientationClass
-      });
-    }
-    /**
-     * Dispose of the `volume-panel` and all child components.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.handleMouseOut();
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Handles `keyup` events on the `VolumeControl`, looking for ESC, which closes
-     * the volume panel and sets focus on `MuteToggle`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keyup` event that caused this function to be called.
-     *
-     * @listens keyup
-     */
-    ;
-
-    _proto.handleVolumeControlKeyUp = function handleVolumeControlKeyUp(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        this.muteToggle.focus();
-      }
-    }
-    /**
-     * This gets called when a `VolumePanel` gains hover via a `mouseover` event.
-     * Turns on listening for `mouseover` event. When they happen it
-     * calls `this.handleMouseOver`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseover` event that caused this function to be called.
-     *
-     * @listens mouseover
-     */
-    ;
-
-    _proto.handleMouseOver = function handleMouseOver(event) {
-      this.addClass('vjs-hover');
-      on(document, 'keyup', bind(this, this.handleKeyPress));
-    }
-    /**
-     * This gets called when a `VolumePanel` gains hover via a `mouseout` event.
-     * Turns on listening for `mouseout` event. When they happen it
-     * calls `this.handleMouseOut`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseout` event that caused this function to be called.
-     *
-     * @listens mouseout
-     */
-    ;
-
-    _proto.handleMouseOut = function handleMouseOut(event) {
-      this.removeClass('vjs-hover');
-      off(document, 'keyup', bind(this, this.handleKeyPress));
-    }
-    /**
-     * Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
-     * looking for ESC, which hides the `VolumeControl`.
-     *
-     * @param {EventTarget~Event} event
-     *        The keypress that triggered this event.
-     *
-     * @listens keydown | keyup
-     */
-    ;
-
-    _proto.handleKeyPress = function handleKeyPress(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        this.handleMouseOut();
-      }
-    };
-
-    return VolumePanel;
-  }(Component);
-  /**
-   * Default options for the `VolumeControl`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  VolumePanel.prototype.options_ = {
-    children: ['muteToggle', 'volumeControl']
-  };
-  Component.registerComponent('VolumePanel', VolumePanel);
-
-  /**
-   * The Menu component is used to build popup menus, including subtitle and
-   * captions selection menus.
-   *
-   * @extends Component
-   */
-
-  var Menu =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Menu, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Player} player
-     *        the player that this component should attach to
-     *
-     * @param {Object} [options]
-     *        Object of option names and values
-     *
-     */
-    function Menu(player, options) {
-      var _this;
-
-      _this = _Component.call(this, player, options) || this;
-
-      if (options) {
-        _this.menuButton_ = options.menuButton;
-      }
-
-      _this.focusedChild_ = -1;
-
-      _this.on('keydown', _this.handleKeyDown); // All the menu item instances share the same blur handler provided by the menu container.
-
-
-      _this.boundHandleBlur_ = bind(assertThisInitialized(_this), _this.handleBlur);
-      _this.boundHandleTapClick_ = bind(assertThisInitialized(_this), _this.handleTapClick);
-      return _this;
-    }
-    /**
-     * Add event listeners to the {@link MenuItem}.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem` to add listeners to.
-     *
-     */
-
-
-    var _proto = Menu.prototype;
-
-    _proto.addEventListenerForItem = function addEventListenerForItem(component) {
-      if (!(component instanceof Component)) {
-        return;
-      }
-
-      this.on(component, 'blur', this.boundHandleBlur_);
-      this.on(component, ['tap', 'click'], this.boundHandleTapClick_);
-    }
-    /**
-     * Remove event listeners from the {@link MenuItem}.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem` to remove listeners.
-     *
-     */
-    ;
-
-    _proto.removeEventListenerForItem = function removeEventListenerForItem(component) {
-      if (!(component instanceof Component)) {
-        return;
-      }
-
-      this.off(component, 'blur', this.boundHandleBlur_);
-      this.off(component, ['tap', 'click'], this.boundHandleTapClick_);
-    }
-    /**
-     * This method will be called indirectly when the component has been added
-     * before the component adds to the new menu instance by `addItem`.
-     * In this case, the original menu instance will remove the component
-     * by calling `removeChild`.
-     *
-     * @param {Object} component
-     *        The instance of the `MenuItem`
-     */
-    ;
-
-    _proto.removeChild = function removeChild(component) {
-      if (typeof component === 'string') {
-        component = this.getChild(component);
-      }
-
-      this.removeEventListenerForItem(component);
-
-      _Component.prototype.removeChild.call(this, component);
-    }
-    /**
-     * Add a {@link MenuItem} to the menu.
-     *
-     * @param {Object|string} component
-     *        The name or instance of the `MenuItem` to add.
-     *
-     */
-    ;
-
-    _proto.addItem = function addItem(component) {
-      var childComponent = this.addChild(component);
-
-      if (childComponent) {
-        this.addEventListenerForItem(childComponent);
-      }
-    }
-    /**
-     * Create the `Menu`s DOM element.
-     *
-     * @return {Element}
-     *         the element that was created
-     */
-    ;
-
-    _proto.createEl = function createEl$1() {
-      var contentElType = this.options_.contentElType || 'ul';
-      this.contentEl_ = createEl(contentElType, {
-        className: 'vjs-menu-content'
-      });
-      this.contentEl_.setAttribute('role', 'menu');
-
-      var el = _Component.prototype.createEl.call(this, 'div', {
-        append: this.contentEl_,
-        className: 'vjs-menu'
-      });
-
-      el.appendChild(this.contentEl_); // Prevent clicks from bubbling up. Needed for Menu Buttons,
-      // where a click on the parent is significant
-
-      on(el, 'click', function (event) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      });
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.contentEl_ = null;
-      this.boundHandleBlur_ = null;
-      this.boundHandleTapClick_ = null;
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Called when a `MenuItem` loses focus.
-     *
-     * @param {EventTarget~Event} event
-     *        The `blur` event that caused this function to be called.
-     *
-     * @listens blur
-     */
-    ;
-
-    _proto.handleBlur = function handleBlur(event) {
-      var relatedTarget = event.relatedTarget || document.activeElement; // Close menu popup when a user clicks outside the menu
-
-      if (!this.children().some(function (element) {
-        return element.el() === relatedTarget;
-      })) {
-        var btn = this.menuButton_;
-
-        if (btn && btn.buttonPressed_ && relatedTarget !== btn.el().firstChild) {
-          btn.unpressButton();
-        }
-      }
-    }
-    /**
-     * Called when a `MenuItem` gets clicked or tapped.
-     *
-     * @param {EventTarget~Event} event
-     *        The `click` or `tap` event that caused this function to be called.
-     *
-     * @listens click,tap
-     */
-    ;
-
-    _proto.handleTapClick = function handleTapClick(event) {
-      // Unpress the associated MenuButton, and move focus back to it
-      if (this.menuButton_) {
-        this.menuButton_.unpressButton();
-        var childComponents = this.children();
-
-        if (!Array.isArray(childComponents)) {
-          return;
-        }
-
-        var foundComponent = childComponents.filter(function (component) {
-          return component.el() === event.target;
-        })[0];
-
-        if (!foundComponent) {
-          return;
-        } // don't focus menu button if item is a caption settings item
-        // because focus will move elsewhere
-
-
-        if (foundComponent.name() !== 'CaptionSettingsMenuItem') {
-          this.menuButton_.focus();
-        }
-      }
-    }
-    /**
-     * Handle a `keydown` event on this menu. This listener is added in the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        A `keydown` event that happened on the menu.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Left and Down Arrows
-      if (keycode.isEventKey(event, 'Left') || keycode.isEventKey(event, 'Down')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepForward(); // Up and Right Arrows
-      } else if (keycode.isEventKey(event, 'Right') || keycode.isEventKey(event, 'Up')) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.stepBack();
-      }
-    }
-    /**
-     * Move to next (lower) menu item for keyboard users.
-     */
-    ;
-
-    _proto.stepForward = function stepForward() {
-      var stepChild = 0;
-
-      if (this.focusedChild_ !== undefined) {
-        stepChild = this.focusedChild_ + 1;
-      }
-
-      this.focus(stepChild);
-    }
-    /**
-     * Move to previous (higher) menu item for keyboard users.
-     */
-    ;
-
-    _proto.stepBack = function stepBack() {
-      var stepChild = 0;
-
-      if (this.focusedChild_ !== undefined) {
-        stepChild = this.focusedChild_ - 1;
-      }
-
-      this.focus(stepChild);
-    }
-    /**
-     * Set focus on a {@link MenuItem} in the `Menu`.
-     *
-     * @param {Object|string} [item=0]
-     *        Index of child item set focus on.
-     */
-    ;
-
-    _proto.focus = function focus(item) {
-      if (item === void 0) {
-        item = 0;
-      }
-
-      var children = this.children().slice();
-      var haveTitle = children.length && children[0].className && /vjs-menu-title/.test(children[0].className);
-
-      if (haveTitle) {
-        children.shift();
-      }
-
-      if (children.length > 0) {
-        if (item < 0) {
-          item = 0;
-        } else if (item >= children.length) {
-          item = children.length - 1;
-        }
-
-        this.focusedChild_ = item;
-        children[item].el_.focus();
-      }
-    };
-
-    return Menu;
-  }(Component);
-
-  Component.registerComponent('Menu', Menu);
-
-  /**
-   * A `MenuButton` class for any popup {@link Menu}.
-   *
-   * @extends Component
-   */
-
-  var MenuButton =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(MenuButton, _Component);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function MenuButton(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _Component.call(this, player, options) || this;
-      _this.menuButton_ = new Button(player, options);
-
-      _this.menuButton_.controlText(_this.controlText_);
-
-      _this.menuButton_.el_.setAttribute('aria-haspopup', 'true'); // Add buildCSSClass values to the button, not the wrapper
-
-
-      var buttonClass = Button.prototype.buildCSSClass();
-      _this.menuButton_.el_.className = _this.buildCSSClass() + ' ' + buttonClass;
-
-      _this.menuButton_.removeClass('vjs-control');
-
-      _this.addChild(_this.menuButton_);
-
-      _this.update();
-
-      _this.enabled_ = true;
-
-      _this.on(_this.menuButton_, 'tap', _this.handleClick);
-
-      _this.on(_this.menuButton_, 'click', _this.handleClick);
-
-      _this.on(_this.menuButton_, 'keydown', _this.handleKeyDown);
-
-      _this.on(_this.menuButton_, 'mouseenter', function () {
-        _this.addClass('vjs-hover');
-
-        _this.menu.show();
-
-        on(document, 'keyup', bind(assertThisInitialized(_this), _this.handleMenuKeyUp));
-      });
-
-      _this.on('mouseleave', _this.handleMouseLeave);
-
-      _this.on('keydown', _this.handleSubmenuKeyDown);
-
-      return _this;
-    }
-    /**
-     * Update the menu based on the current state of its items.
-     */
-
-
-    var _proto = MenuButton.prototype;
-
-    _proto.update = function update() {
-      var menu = this.createMenu();
-
-      if (this.menu) {
-        this.menu.dispose();
-        this.removeChild(this.menu);
-      }
-
-      this.menu = menu;
-      this.addChild(menu);
-      /**
-       * Track the state of the menu button
-       *
-       * @type {Boolean}
-       * @private
-       */
-
-      this.buttonPressed_ = false;
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-
-      if (this.items && this.items.length <= this.hideThreshold_) {
-        this.hide();
-      } else {
-        this.show();
-      }
-    }
-    /**
-     * Create the menu and add all items to it.
-     *
-     * @return {Menu}
-     *         The constructed menu
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      var menu = new Menu(this.player_, {
-        menuButton: this
-      });
-      /**
-       * Hide the menu if the number of items is less than or equal to this threshold. This defaults
-       * to 0 and whenever we add items which can be hidden to the menu we'll increment it. We list
-       * it here because every time we run `createMenu` we need to reset the value.
-       *
-       * @protected
-       * @type {Number}
-       */
-
-      this.hideThreshold_ = 0; // Add a title list item to the top
-
-      if (this.options_.title) {
-        var titleEl = createEl('li', {
-          className: 'vjs-menu-title',
-          innerHTML: toTitleCase(this.options_.title),
-          tabIndex: -1
-        });
-        this.hideThreshold_ += 1;
-        var titleComponent = new Component(this.player_, {
-          el: titleEl
-        });
-        menu.addItem(titleComponent);
-      }
-
-      this.items = this.createItems();
-
-      if (this.items) {
-        // Add menu items to the menu
-        for (var i = 0; i < this.items.length; i++) {
-          menu.addItem(this.items[i]);
-        }
-      }
-
-      return menu;
-    }
-    /**
-     * Create the list of menu items. Specific to each subclass.
-     *
-     * @abstract
-     */
-    ;
-
-    _proto.createItems = function createItems() {}
-    /**
-     * Create the `MenuButtons`s DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildWrapperCSSClass()
-      }, {});
-    }
-    /**
-     * Allow sub components to stack CSS class names for the wrapper element
-     *
-     * @return {string}
-     *         The constructed wrapper DOM `className`
-     */
-    ;
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-      if (this.options_.inline === true) {
-        menuButtonClass += '-inline';
-      } else {
-        menuButtonClass += '-popup';
-      } // TODO: Fix the CSS so that this isn't necessary
-
-
-      var buttonClass = Button.prototype.buildCSSClass();
-      return "vjs-menu-button " + menuButtonClass + " " + buttonClass + " " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      var menuButtonClass = 'vjs-menu-button'; // If the inline option is passed, we want to use different styles altogether.
-
-      if (this.options_.inline === true) {
-        menuButtonClass += '-inline';
-      } else {
-        menuButtonClass += '-popup';
-      }
-
-      return "vjs-menu-button " + menuButtonClass + " " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Get or set the localized control text that will be used for accessibility.
-     *
-     * > NOTE: This will come from the internal `menuButton_` element.
-     *
-     * @param {string} [text]
-     *        Control text for element.
-     *
-     * @param {Element} [el=this.menuButton_.el()]
-     *        Element to set the title on.
-     *
-     * @return {string}
-     *         - The control text when getting
-     */
-    ;
-
-    _proto.controlText = function controlText(text, el) {
-      if (el === void 0) {
-        el = this.menuButton_.el();
-      }
-
-      return this.menuButton_.controlText(text, el);
-    }
-    /**
-     * Dispose of the `menu-button` and all child components.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.handleMouseLeave();
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Handle a click on a `MenuButton`.
-     * See {@link ClickableComponent#handleClick} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      } else {
-        this.pressButton();
-      }
-    }
-    /**
-     * Handle `mouseleave` for `MenuButton`.
-     *
-     * @param {EventTarget~Event} event
-     *        The `mouseleave` event that caused this function to be called.
-     *
-     * @listens mouseleave
-     */
-    ;
-
-    _proto.handleMouseLeave = function handleMouseLeave(event) {
-      this.removeClass('vjs-hover');
-      off(document, 'keyup', bind(this, this.handleMenuKeyUp));
-    }
-    /**
-     * Set the focus to the actual button, not to this element
-     */
-    ;
-
-    _proto.focus = function focus() {
-      this.menuButton_.focus();
-    }
-    /**
-     * Remove the focus from the actual button, not this element
-     */
-    ;
-
-    _proto.blur = function blur() {
-      this.menuButton_.blur();
-    }
-    /**
-     * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      // Escape or Tab unpress the 'button'
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        if (this.buttonPressed_) {
-          this.unpressButton();
-        } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-        if (!keycode.isEventKey(event, 'Tab')) {
-          event.preventDefault(); // Set focus back to the menu button's button
-
-          this.menuButton_.focus();
-        } // Up Arrow or Down Arrow also 'press' the button to open the menu
-
-      } else if (keycode.isEventKey(event, 'Up') || keycode.isEventKey(event, 'Down')) {
-        if (!this.buttonPressed_) {
-          event.preventDefault();
-          this.pressButton();
-        }
-      }
-    }
-    /**
-     * Handle a `keyup` event on a `MenuButton`. The listener for this is added in
-     * the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        Key press event
-     *
-     * @listens keyup
-     */
-    ;
-
-    _proto.handleMenuKeyUp = function handleMenuKeyUp(event) {
-      // Escape hides popup menu
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        this.removeClass('vjs-hover');
-      }
-    }
-    /**
-     * This method name now delegates to `handleSubmenuKeyDown`. This means
-     * anyone calling `handleSubmenuKeyPress` will not see their method calls
-     * stop working.
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-      this.handleSubmenuKeyDown(event);
-    }
-    /**
-     * Handle a `keydown` event on a sub-menu. The listener for this is added in
-     * the constructor.
-     *
-     * @param {EventTarget~Event} event
-     *        Key press event
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleSubmenuKeyDown = function handleSubmenuKeyDown(event) {
-      // Escape or Tab unpress the 'button'
-      if (keycode.isEventKey(event, 'Esc') || keycode.isEventKey(event, 'Tab')) {
-        if (this.buttonPressed_) {
-          this.unpressButton();
-        } // Don't preventDefault for Tab key - we still want to lose focus
-
-
-        if (!keycode.isEventKey(event, 'Tab')) {
-          event.preventDefault(); // Set focus back to the menu button's button
-
-          this.menuButton_.focus();
-        }
-      }
-    }
-    /**
-     * Put the current `MenuButton` into a pressed state.
-     */
-    ;
-
-    _proto.pressButton = function pressButton() {
-      if (this.enabled_) {
-        this.buttonPressed_ = true;
-        this.menu.show();
-        this.menu.lockShowing();
-        this.menuButton_.el_.setAttribute('aria-expanded', 'true'); // set the focus into the submenu, except on iOS where it is resulting in
-        // undesired scrolling behavior when the player is in an iframe
-
-        if (IS_IOS && isInFrame()) {
-          // Return early so that the menu isn't focused
-          return;
-        }
-
-        this.menu.focus();
-      }
-    }
-    /**
-     * Take the current `MenuButton` out of a pressed state.
-     */
-    ;
-
-    _proto.unpressButton = function unpressButton() {
-      if (this.enabled_) {
-        this.buttonPressed_ = false;
-        this.menu.unlockShowing();
-        this.menu.hide();
-        this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-      }
-    }
-    /**
-     * Disable the `MenuButton`. Don't allow it to be clicked.
-     */
-    ;
-
-    _proto.disable = function disable() {
-      this.unpressButton();
-      this.enabled_ = false;
-      this.addClass('vjs-disabled');
-      this.menuButton_.disable();
-    }
-    /**
-     * Enable the `MenuButton`. Allow it to be clicked.
-     */
-    ;
-
-    _proto.enable = function enable() {
-      this.enabled_ = true;
-      this.removeClass('vjs-disabled');
-      this.menuButton_.enable();
-    };
-
-    return MenuButton;
-  }(Component);
-
-  Component.registerComponent('MenuButton', MenuButton);
-
-  /**
-   * The base class for buttons that toggle specific  track types (e.g. subtitles).
-   *
-   * @extends MenuButton
-   */
-
-  var TrackButton =
-  /*#__PURE__*/
-  function (_MenuButton) {
-    inheritsLoose(TrackButton, _MenuButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TrackButton(player, options) {
-      var _this;
-
-      var tracks = options.tracks;
-      _this = _MenuButton.call(this, player, options) || this;
-
-      if (_this.items.length <= 1) {
-        _this.hide();
-      }
-
-      if (!tracks) {
-        return assertThisInitialized(_this);
-      }
-
-      var updateHandler = bind(assertThisInitialized(_this), _this.update);
-      tracks.addEventListener('removetrack', updateHandler);
-      tracks.addEventListener('addtrack', updateHandler);
-
-      _this.player_.on('ready', updateHandler);
-
-      _this.player_.on('dispose', function () {
-        tracks.removeEventListener('removetrack', updateHandler);
-        tracks.removeEventListener('addtrack', updateHandler);
-      });
-
-      return _this;
-    }
-
-    return TrackButton;
-  }(MenuButton);
-
-  Component.registerComponent('TrackButton', TrackButton);
-
-  /**
-   * @file menu-keys.js
-   */
-
-  /**
-    * All keys used for operation of a menu (`MenuButton`, `Menu`, and `MenuItem`)
-    * Note that 'Enter' and 'Space' are not included here (otherwise they would
-    * prevent the `MenuButton` and `MenuItem` from being keyboard-clickable)
-    * @typedef MenuKeys
-    * @array
-    */
-  var MenuKeys = ['Tab', 'Esc', 'Up', 'Down', 'Right', 'Left'];
-
-  /**
-   * The component for a menu item. `<li>`
-   *
-   * @extends ClickableComponent
-   */
-
-  var MenuItem =
-  /*#__PURE__*/
-  function (_ClickableComponent) {
-    inheritsLoose(MenuItem, _ClickableComponent);
-
-    /**
-     * Creates an instance of the this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     *
-     */
-    function MenuItem(player, options) {
-      var _this;
-
-      _this = _ClickableComponent.call(this, player, options) || this;
-      _this.selectable = options.selectable;
-      _this.isSelected_ = options.selected || false;
-      _this.multiSelectable = options.multiSelectable;
-
-      _this.selected(_this.isSelected_);
-
-      if (_this.selectable) {
-        if (_this.multiSelectable) {
-          _this.el_.setAttribute('role', 'menuitemcheckbox');
-        } else {
-          _this.el_.setAttribute('role', 'menuitemradio');
-        }
-      } else {
-        _this.el_.setAttribute('role', 'menuitem');
-      }
-
-      return _this;
-    }
-    /**
-     * Create the `MenuItem's DOM element
-     *
-     * @param {string} [type=li]
-     *        Element's node type, not actually used, always set to `li`.
-     *
-     * @param {Object} [props={}]
-     *        An object of properties that should be set on the element
-     *
-     * @param {Object} [attrs={}]
-     *        An object of attributes that should be set on the element
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-
-
-    var _proto = MenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      // The control is textual, not just an icon
-      this.nonIconControl = true;
-      return _ClickableComponent.prototype.createEl.call(this, 'li', assign({
-        className: 'vjs-menu-item',
-        innerHTML: "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label) + "</span>",
-        tabIndex: -1
-      }, props), attrs);
-    }
-    /**
-     * Ignore keys which are used by the menu, but pass any other ones up. See
-     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      if (!MenuKeys.some(function (key) {
-        return keycode.isEventKey(event, key);
-      })) {
-        // Pass keydown handling up for unused keys
-        _ClickableComponent.prototype.handleKeyDown.call(this, event);
-      }
-    }
-    /**
-     * Any click on a `MenuItem` puts it into the selected state.
-     * See {@link ClickableComponent#handleClick} for instances where this is called.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      this.selected(true);
-    }
-    /**
-     * Set the state for this menu item as selected or not.
-     *
-     * @param {boolean} selected
-     *        if the menu item is selected or not
-     */
-    ;
-
-    _proto.selected = function selected(_selected) {
-      if (this.selectable) {
-        if (_selected) {
-          this.addClass('vjs-selected');
-          this.el_.setAttribute('aria-checked', 'true'); // aria-checked isn't fully supported by browsers/screen readers,
-          // so indicate selected state to screen reader in the control text.
-
-          this.controlText(', selected');
-          this.isSelected_ = true;
-        } else {
-          this.removeClass('vjs-selected');
-          this.el_.setAttribute('aria-checked', 'false'); // Indicate un-selected state to screen reader
-
-          this.controlText('');
-          this.isSelected_ = false;
-        }
-      }
-    };
-
-    return MenuItem;
-  }(ClickableComponent);
-
-  Component.registerComponent('MenuItem', MenuItem);
-
-  /**
-   * The specific menu item type for selecting a language within a text track kind
-   *
-   * @extends MenuItem
-   */
-
-  var TextTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(TextTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function TextTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var tracks = player.textTracks(); // Modify options for parent MenuItem class's init.
-
-      options.label = track.label || track.language || 'Unknown';
-      options.selected = track.mode === 'showing';
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track; // Determine the relevant kind(s) of tracks for this component and filter
-      // out empty kinds.
-
-      _this.kinds = (options.kinds || [options.kind || _this.track.kind]).filter(Boolean);
-
-      var changeHandler = function changeHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
-      };
-
-      var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        _this.handleSelectedLanguageChange.apply(assertThisInitialized(_this), args);
-      };
-
-      player.on(['loadstart', 'texttrackchange'], changeHandler);
-      tracks.addEventListener('change', changeHandler);
-      tracks.addEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-
-      _this.on('dispose', function () {
-        player.off(['loadstart', 'texttrackchange'], changeHandler);
-        tracks.removeEventListener('change', changeHandler);
-        tracks.removeEventListener('selectedlanguagechange', selectedLanguageChangeHandler);
-      }); // iOS7 doesn't dispatch change events to TextTrackLists when an
-      // associated track's mode changes. Without something like
-      // Object.observe() (also not present on iOS7), it's not
-      // possible to detect changes to the mode attribute and polyfill
-      // the change event. As a poor substitute, we manually dispatch
-      // change events whenever the controls modify the mode.
-
-
-      if (tracks.onchange === undefined) {
-        var event;
-
-        _this.on(['tap', 'click'], function () {
-          if (typeof window$1.Event !== 'object') {
-            // Android 2.3 throws an Illegal Constructor error for window.Event
-            try {
-              event = new window$1.Event('change');
-            } catch (err) {// continue regardless of error
-            }
-          }
-
-          if (!event) {
-            event = document.createEvent('Event');
-            event.initEvent('change', true, true);
-          }
-
-          tracks.dispatchEvent(event);
-        });
-      } // set the default state based on current tracks
-
-
-      _this.handleTracksChange();
-
-      return _this;
-    }
-    /**
-     * This gets called when an `TextTrackMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = TextTrackMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      var referenceTrack = this.track;
-      var tracks = this.player_.textTracks();
-
-      _MenuItem.prototype.handleClick.call(this, event);
-
-      if (!tracks) {
-        return;
-      }
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // If the track from the text tracks list is not of the right kind,
-        // skip it. We do not want to affect tracks of incompatible kind(s).
-
-        if (this.kinds.indexOf(track.kind) === -1) {
-          continue;
-        } // If this text track is the component's track and it is not showing,
-        // set it to showing.
-
-
-        if (track === referenceTrack) {
-          if (track.mode !== 'showing') {
-            track.mode = 'showing';
-          } // If this text track is not the component's track and it is not
-          // disabled, set it to disabled.
-
-        } else if (track.mode !== 'disabled') {
-          track.mode = 'disabled';
-        }
-      }
-    }
-    /**
-     * Handle text track list change
-     *
-     * @param {EventTarget~Event} event
-     *        The `change` event that caused this function to be called.
-     *
-     * @listens TextTrackList#change
-     */
-    ;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var shouldBeSelected = this.track.mode === 'showing'; // Prevent redundant selected() calls because they may cause
-      // screen readers to read the appended control text unnecessarily
-
-      if (shouldBeSelected !== this.isSelected_) {
-        this.selected(shouldBeSelected);
-      }
-    };
-
-    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-      if (this.track.mode === 'showing') {
-        var selectedLanguage = this.player_.cache_.selectedLanguage; // Don't replace the kind of track across the same language
-
-        if (selectedLanguage && selectedLanguage.enabled && selectedLanguage.language === this.track.language && selectedLanguage.kind !== this.track.kind) {
-          return;
-        }
-
-        this.player_.cache_.selectedLanguage = {
-          enabled: true,
-          language: this.track.language,
-          kind: this.track.kind
-        };
-      }
-    };
-
-    _proto.dispose = function dispose() {
-      // remove reference to track object on dispose
-      this.track = null;
-
-      _MenuItem.prototype.dispose.call(this);
-    };
-
-    return TextTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
-
-  /**
-   * A special menu item for turning of a specific type of text track
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var OffTextTrackMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(OffTextTrackMenuItem, _TextTrackMenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function OffTextTrackMenuItem(player, options) {
-      // Create pseudo track info
-      // Requires options['kind']
-      options.track = {
-        player: player,
-        // it is no longer necessary to store `kind` or `kinds` on the track itself
-        // since they are now stored in the `kinds` property of all instances of
-        // TextTrackMenuItem, but this will remain for backwards compatibility
-        kind: options.kind,
-        kinds: options.kinds,
-        "default": false,
-        mode: 'disabled'
-      };
-
-      if (!options.kinds) {
-        options.kinds = [options.kind];
-      }
-
-      if (options.label) {
-        options.track.label = options.label;
-      } else {
-        options.track.label = options.kinds.join(' and ') + ' off';
-      } // MenuItem is selectable
-
-
-      options.selectable = true; // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-
-      options.multiSelectable = false;
-      return _TextTrackMenuItem.call(this, player, options) || this;
-    }
-    /**
-     * Handle text track change
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run
-     */
-
-
-    var _proto = OffTextTrackMenuItem.prototype;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var tracks = this.player().textTracks();
-      var shouldBeSelected = true;
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (this.options_.kinds.indexOf(track.kind) > -1 && track.mode === 'showing') {
-          shouldBeSelected = false;
-          break;
-        }
-      } // Prevent redundant selected() calls because they may cause
-      // screen readers to read the appended control text unnecessarily
-
-
-      if (shouldBeSelected !== this.isSelected_) {
-        this.selected(shouldBeSelected);
-      }
-    };
-
-    _proto.handleSelectedLanguageChange = function handleSelectedLanguageChange(event) {
-      var tracks = this.player().textTracks();
-      var allHidden = true;
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (['captions', 'descriptions', 'subtitles'].indexOf(track.kind) > -1 && track.mode === 'showing') {
-          allHidden = false;
-          break;
-        }
-      }
-
-      if (allHidden) {
-        this.player_.cache_.selectedLanguage = {
-          enabled: false
-        };
-      }
-    };
-
-    return OffTextTrackMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
-
-  /**
-   * The base class for buttons that toggle specific text track types (e.g. subtitles)
-   *
-   * @extends MenuButton
-   */
-
-  var TextTrackButton =
-  /*#__PURE__*/
-  function (_TrackButton) {
-    inheritsLoose(TextTrackButton, _TrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function TextTrackButton(player, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.tracks = player.textTracks();
-      return _TrackButton.call(this, player, options) || this;
-    }
-    /**
-     * Create a menu item for each text track
-     *
-     * @param {TextTrackMenuItem[]} [items=[]]
-     *        Existing array of items to use during creation
-     *
-     * @return {TextTrackMenuItem[]}
-     *         Array of menu items that were created
-     */
-
-
-    var _proto = TextTrackButton.prototype;
-
-    _proto.createItems = function createItems(items, TrackMenuItem) {
-      if (items === void 0) {
-        items = [];
-      }
-
-      if (TrackMenuItem === void 0) {
-        TrackMenuItem = TextTrackMenuItem;
-      }
-
-      // Label is an override for the [track] off label
-      // USed to localise captions/subtitles
-      var label;
-
-      if (this.label_) {
-        label = this.label_ + " off";
-      } // Add an OFF menu item to turn all tracks off
-
-
-      items.push(new OffTextTrackMenuItem(this.player_, {
-        kinds: this.kinds_,
-        kind: this.kind_,
-        label: label
-      }));
-      this.hideThreshold_ += 1;
-      var tracks = this.player_.textTracks();
-
-      if (!Array.isArray(this.kinds_)) {
-        this.kinds_ = [this.kind_];
-      }
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // only add tracks that are of an appropriate kind and have a label
-
-        if (this.kinds_.indexOf(track.kind) > -1) {
-          var item = new TrackMenuItem(this.player_, {
-            track: track,
-            kinds: this.kinds_,
-            kind: this.kind_,
-            // MenuItem is selectable
-            selectable: true,
-            // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-            multiSelectable: false
-          });
-          item.addClass("vjs-" + track.kind + "-menu-item");
-          items.push(item);
-        }
-      }
-
-      return items;
-    };
-
-    return TextTrackButton;
-  }(TrackButton);
-
-  Component.registerComponent('TextTrackButton', TextTrackButton);
-
-  /**
-   * The chapter track menu item
-   *
-   * @extends MenuItem
-   */
-
-  var ChaptersTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(ChaptersTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function ChaptersTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var cue = options.cue;
-      var currentTime = player.currentTime(); // Modify options for parent MenuItem class's init.
-
-      options.selectable = true;
-      options.multiSelectable = false;
-      options.label = cue.text;
-      options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track;
-      _this.cue = cue;
-      track.addEventListener('cuechange', bind(assertThisInitialized(_this), _this.update));
-      return _this;
-    }
-    /**
-     * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = ChaptersTrackMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      _MenuItem.prototype.handleClick.call(this);
-
-      this.player_.currentTime(this.cue.startTime);
-      this.update(this.cue.startTime);
-    }
-    /**
-     * Update chapter menu item
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `cuechange` event that caused this function to run.
-     *
-     * @listens TextTrack#cuechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      var cue = this.cue;
-      var currentTime = this.player_.currentTime(); // vjs.log(currentTime, cue.startTime);
-
-      this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
-    };
-
-    return ChaptersTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
-
-  /**
-   * The button component for toggling and selecting chapters
-   * Chapters act much differently than other text tracks
-   * Cues are navigation vs. other tracks of alternative languages
-   *
-   * @extends TextTrackButton
-   */
-
-  var ChaptersButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(ChaptersButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this function is ready.
-     */
-    function ChaptersButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = ChaptersButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-chapters-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-chapters-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Update the menu based on the current state of its items.
-     *
-     * @param {EventTarget~Event} [event]
-     *        An event that triggered this function to run.
-     *
-     * @listens TextTrackList#addtrack
-     * @listens TextTrackList#removetrack
-     * @listens TextTrackList#change
-     */
-    ;
-
-    _proto.update = function update(event) {
-      if (!this.track_ || event && (event.type === 'addtrack' || event.type === 'removetrack')) {
-        this.setTrack(this.findChaptersTrack());
-      }
-
-      _TextTrackButton.prototype.update.call(this);
-    }
-    /**
-     * Set the currently selected track for the chapters button.
-     *
-     * @param {TextTrack} track
-     *        The new track to select. Nothing will change if this is the currently selected
-     *        track.
-     */
-    ;
-
-    _proto.setTrack = function setTrack(track) {
-      if (this.track_ === track) {
-        return;
-      }
-
-      if (!this.updateHandler_) {
-        this.updateHandler_ = this.update.bind(this);
-      } // here this.track_ refers to the old track instance
-
-
-      if (this.track_) {
-        var remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-        if (remoteTextTrackEl) {
-          remoteTextTrackEl.removeEventListener('load', this.updateHandler_);
-        }
-
-        this.track_ = null;
-      }
-
-      this.track_ = track; // here this.track_ refers to the new track instance
-
-      if (this.track_) {
-        this.track_.mode = 'hidden';
-
-        var _remoteTextTrackEl = this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);
-
-        if (_remoteTextTrackEl) {
-          _remoteTextTrackEl.addEventListener('load', this.updateHandler_);
-        }
-      }
-    }
-    /**
-     * Find the track object that is currently in use by this ChaptersButton
-     *
-     * @return {TextTrack|undefined}
-     *         The current track or undefined if none was found.
-     */
-    ;
-
-    _proto.findChaptersTrack = function findChaptersTrack() {
-      var tracks = this.player_.textTracks() || [];
-
-      for (var i = tracks.length - 1; i >= 0; i--) {
-        // We will always choose the last track as our chaptersTrack
-        var track = tracks[i];
-
-        if (track.kind === this.kind_) {
-          return track;
-        }
-      }
-    }
-    /**
-     * Get the caption for the ChaptersButton based on the track label. This will also
-     * use the current tracks localized kind as a fallback if a label does not exist.
-     *
-     * @return {string}
-     *         The tracks current label or the localized track kind.
-     */
-    ;
-
-    _proto.getMenuCaption = function getMenuCaption() {
-      if (this.track_ && this.track_.label) {
-        return this.track_.label;
-      }
-
-      return this.localize(toTitleCase(this.kind_));
-    }
-    /**
-     * Create menu from chapter track
-     *
-     * @return {Menu}
-     *         New menu for the chapter buttons
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      this.options_.title = this.getMenuCaption();
-      return _TextTrackButton.prototype.createMenu.call(this);
-    }
-    /**
-     * Create a menu item for each text track
-     *
-     * @return {TextTrackMenuItem[]}
-     *         Array of menu items
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!this.track_) {
-        return items;
-      }
-
-      var cues = this.track_.cues;
-
-      if (!cues) {
-        return items;
-      }
-
-      for (var i = 0, l = cues.length; i < l; i++) {
-        var cue = cues[i];
-        var mi = new ChaptersTrackMenuItem(this.player_, {
-          track: this.track_,
-          cue: cue
-        });
-        items.push(mi);
-      }
-
-      return items;
-    };
-
-    return ChaptersButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  ChaptersButton.prototype.kind_ = 'chapters';
-  /**
-   * The text that should display over the `ChaptersButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  ChaptersButton.prototype.controlText_ = 'Chapters';
-  Component.registerComponent('ChaptersButton', ChaptersButton);
-
-  /**
-   * The button component for toggling and selecting descriptions
-   *
-   * @extends TextTrackButton
-   */
-
-  var DescriptionsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(DescriptionsButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function DescriptionsButton(player, options, ready) {
-      var _this;
-
-      _this = _TextTrackButton.call(this, player, options, ready) || this;
-      var tracks = player.textTracks();
-      var changeHandler = bind(assertThisInitialized(_this), _this.handleTracksChange);
-      tracks.addEventListener('change', changeHandler);
-
-      _this.on('dispose', function () {
-        tracks.removeEventListener('change', changeHandler);
-      });
-
-      return _this;
-    }
-    /**
-     * Handle text track change
-     *
-     * @param {EventTarget~Event} event
-     *        The event that caused this function to run
-     *
-     * @listens TextTrackList#change
-     */
-
-
-    var _proto = DescriptionsButton.prototype;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      var tracks = this.player().textTracks();
-      var disabled = false; // Check whether a track of a different kind is showing
-
-      for (var i = 0, l = tracks.length; i < l; i++) {
-        var track = tracks[i];
-
-        if (track.kind !== this.kind_ && track.mode === 'showing') {
-          disabled = true;
-          break;
-        }
-      } // If another track is showing, disable this menu button
-
-
-      if (disabled) {
-        this.disable();
-      } else {
-        this.enable();
-      }
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-descriptions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    };
-
-    return DescriptionsButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  DescriptionsButton.prototype.kind_ = 'descriptions';
-  /**
-   * The text that should display over the `DescriptionsButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  DescriptionsButton.prototype.controlText_ = 'Descriptions';
-  Component.registerComponent('DescriptionsButton', DescriptionsButton);
-
-  /**
-   * The button component for toggling and selecting subtitles
-   *
-   * @extends TextTrackButton
-   */
-
-  var SubtitlesButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(SubtitlesButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function SubtitlesButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = SubtitlesButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-subtitles-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    };
-
-    return SubtitlesButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  SubtitlesButton.prototype.kind_ = 'subtitles';
-  /**
-   * The text that should display over the `SubtitlesButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  SubtitlesButton.prototype.controlText_ = 'Subtitles';
-  Component.registerComponent('SubtitlesButton', SubtitlesButton);
-
-  /**
-   * The menu item for caption track settings menu
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var CaptionSettingsMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(CaptionSettingsMenuItem, _TextTrackMenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function CaptionSettingsMenuItem(player, options) {
-      var _this;
-
-      options.track = {
-        player: player,
-        kind: options.kind,
-        label: options.kind + ' settings',
-        selectable: false,
-        "default": false,
-        mode: 'disabled'
-      }; // CaptionSettingsMenuItem has no concept of 'selected'
-
-      options.selectable = false;
-      options.name = 'CaptionSettingsMenuItem';
-      _this = _TextTrackMenuItem.call(this, player, options) || this;
-
-      _this.addClass('vjs-texttrack-settings');
-
-      _this.controlText(', opens ' + options.kind + ' settings dialog');
-
-      return _this;
-    }
-    /**
-     * This gets called when an `CaptionSettingsMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = CaptionSettingsMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      this.player().getChild('textTrackSettings').open();
-    };
-
-    return CaptionSettingsMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-  /**
-   * The button component for toggling and selecting captions
-   *
-   * @extends TextTrackButton
-   */
-
-  var CaptionsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(CaptionsButton, _TextTrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        The function to call when this component is ready.
-     */
-    function CaptionsButton(player, options, ready) {
-      return _TextTrackButton.call(this, player, options, ready) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = CaptionsButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-captions-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-captions-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create caption menu items
-     *
-     * @return {CaptionSettingsMenuItem[]}
-     *         The array of current menu items.
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-        items.push(new CaptionSettingsMenuItem(this.player_, {
-          kind: this.kind_
-        }));
-        this.hideThreshold_ += 1;
-      }
-
-      return _TextTrackButton.prototype.createItems.call(this, items);
-    };
-
-    return CaptionsButton;
-  }(TextTrackButton);
-  /**
-   * `kind` of TextTrack to look for to associate it with this menu.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  CaptionsButton.prototype.kind_ = 'captions';
-  /**
-   * The text that should display over the `CaptionsButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-  CaptionsButton.prototype.controlText_ = 'Captions';
-  Component.registerComponent('CaptionsButton', CaptionsButton);
-
-  /**
-   * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
-   * in the SubsCapsMenu.
-   *
-   * @extends TextTrackMenuItem
-   */
-
-  var SubsCapsMenuItem =
-  /*#__PURE__*/
-  function (_TextTrackMenuItem) {
-    inheritsLoose(SubsCapsMenuItem, _TextTrackMenuItem);
-
-    function SubsCapsMenuItem() {
-      return _TextTrackMenuItem.apply(this, arguments) || this;
-    }
-
-    var _proto = SubsCapsMenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-      if (this.options_.track.kind === 'captions') {
-        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Captions') + "</span>\n      ";
-      }
-
-      innerHTML += '</span>';
-
-      var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({
-        innerHTML: innerHTML
-      }, props), attrs);
-
-      return el;
-    };
-
-    return SubsCapsMenuItem;
-  }(TextTrackMenuItem);
-
-  Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
-
-  /**
-   * The button component for toggling and selecting captions and/or subtitles
-   *
-   * @extends TextTrackButton
-   */
-
-  var SubsCapsButton =
-  /*#__PURE__*/
-  function (_TextTrackButton) {
-    inheritsLoose(SubsCapsButton, _TextTrackButton);
-
-    function SubsCapsButton(player, options) {
-      var _this;
-
-      if (options === void 0) {
-        options = {};
-      }
-
-      _this = _TextTrackButton.call(this, player, options) || this; // Although North America uses "captions" in most cases for
-      // "captions and subtitles" other locales use "subtitles"
-
-      _this.label_ = 'subtitles';
-
-      if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(_this.player_.language_) > -1) {
-        _this.label_ = 'captions';
-      }
-
-      _this.menuButton_.controlText(toTitleCase(_this.label_));
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = SubsCapsButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-subs-caps-button " + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create caption/subtitles menu items
-     *
-     * @return {CaptionSettingsMenuItem[]}
-     *         The array of current menu items.
-     */
-    ;
-
-    _proto.createItems = function createItems() {
-      var items = [];
-
-      if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) && this.player().getChild('textTrackSettings')) {
-        items.push(new CaptionSettingsMenuItem(this.player_, {
-          kind: this.label_
-        }));
-        this.hideThreshold_ += 1;
-      }
-
-      items = _TextTrackButton.prototype.createItems.call(this, items, SubsCapsMenuItem);
-      return items;
-    };
-
-    return SubsCapsButton;
-  }(TextTrackButton);
-  /**
-   * `kind`s of TextTrack to look for to associate it with this menu.
-   *
-   * @type {array}
-   * @private
-   */
-
-
-  SubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'];
-  /**
-   * The text that should display over the `SubsCapsButton`s controls.
-   *
-   *
-   * @type {string}
-   * @private
-   */
-
-  SubsCapsButton.prototype.controlText_ = 'Subtitles';
-  Component.registerComponent('SubsCapsButton', SubsCapsButton);
-
-  /**
-   * An {@link AudioTrack} {@link MenuItem}
-   *
-   * @extends MenuItem
-   */
-
-  var AudioTrackMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(AudioTrackMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function AudioTrackMenuItem(player, options) {
-      var _this;
-
-      var track = options.track;
-      var tracks = player.audioTracks(); // Modify options for parent MenuItem class's init.
-
-      options.label = track.label || track.language || 'Unknown';
-      options.selected = track.enabled;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.track = track;
-
-      _this.addClass("vjs-" + track.kind + "-menu-item");
-
-      var changeHandler = function changeHandler() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.handleTracksChange.apply(assertThisInitialized(_this), args);
-      };
-
-      tracks.addEventListener('change', changeHandler);
-
-      _this.on('dispose', function () {
-        tracks.removeEventListener('change', changeHandler);
-      });
-
-      return _this;
-    }
-
-    var _proto = AudioTrackMenuItem.prototype;
-
-    _proto.createEl = function createEl(type, props, attrs) {
-      var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
-
-      if (this.options_.track.kind === 'main-desc') {
-        innerHTML += "\n        <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n        <span class=\"vjs-control-text\"> " + this.localize('Descriptions') + "</span>\n      ";
-      }
-
-      innerHTML += '</span>';
-
-      var el = _MenuItem.prototype.createEl.call(this, type, assign({
-        innerHTML: innerHTML
-      }, props), attrs);
-
-      return el;
-    }
-    /**
-     * This gets called when an `AudioTrackMenuItem is "clicked". See {@link ClickableComponent}
-     * for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      var tracks = this.player_.audioTracks();
-
-      _MenuItem.prototype.handleClick.call(this, event);
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        track.enabled = track === this.track;
-      }
-    }
-    /**
-     * Handle any {@link AudioTrack} change.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The {@link AudioTrackList#change} event that caused this to run.
-     *
-     * @listens AudioTrackList#change
-     */
-    ;
-
-    _proto.handleTracksChange = function handleTracksChange(event) {
-      this.selected(this.track.enabled);
-    };
-
-    return AudioTrackMenuItem;
-  }(MenuItem);
-
-  Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-  /**
-   * The base class for buttons that toggle specific {@link AudioTrack} types.
-   *
-   * @extends TrackButton
-   */
-
-  var AudioTrackButton =
-  /*#__PURE__*/
-  function (_TrackButton) {
-    inheritsLoose(AudioTrackButton, _TrackButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options={}]
-     *        The key/value store of player options.
-     */
-    function AudioTrackButton(player, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      options.tracks = player.audioTracks();
-      return _TrackButton.call(this, player, options) || this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-
-
-    var _proto = AudioTrackButton.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-audio-button " + _TrackButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-audio-button " + _TrackButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create a menu item for each audio track
-     *
-     * @param {AudioTrackMenuItem[]} [items=[]]
-     *        An array of existing menu items to use.
-     *
-     * @return {AudioTrackMenuItem[]}
-     *         An array of menu items
-     */
-    ;
-
-    _proto.createItems = function createItems(items) {
-      if (items === void 0) {
-        items = [];
-      }
-
-      // if there's only one audio track, there no point in showing it
-      this.hideThreshold_ = 1;
-      var tracks = this.player_.audioTracks();
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i];
-        items.push(new AudioTrackMenuItem(this.player_, {
-          track: track,
-          // MenuItem is selectable
-          selectable: true,
-          // MenuItem is NOT multiSelectable (i.e. only one can be marked "selected" at a time)
-          multiSelectable: false
-        }));
-      }
-
-      return items;
-    };
-
-    return AudioTrackButton;
-  }(TrackButton);
-  /**
-   * The text that should display over the `AudioTrackButton`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  AudioTrackButton.prototype.controlText_ = 'Audio Track';
-  Component.registerComponent('AudioTrackButton', AudioTrackButton);
-
-  /**
-   * The specific menu item type for selecting a playback rate.
-   *
-   * @extends MenuItem
-   */
-
-  var PlaybackRateMenuItem =
-  /*#__PURE__*/
-  function (_MenuItem) {
-    inheritsLoose(PlaybackRateMenuItem, _MenuItem);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlaybackRateMenuItem(player, options) {
-      var _this;
-
-      var label = options.rate;
-      var rate = parseFloat(label, 10); // Modify options for parent MenuItem class's init.
-
-      options.label = label;
-      options.selected = rate === 1;
-      options.selectable = true;
-      options.multiSelectable = false;
-      _this = _MenuItem.call(this, player, options) || this;
-      _this.label = label;
-      _this.rate = rate;
-
-      _this.on(player, 'ratechange', _this.update);
-
-      return _this;
-    }
-    /**
-     * This gets called when an `PlaybackRateMenuItem` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-
-
-    var _proto = PlaybackRateMenuItem.prototype;
-
-    _proto.handleClick = function handleClick(event) {
-      _MenuItem.prototype.handleClick.call(this);
-
-      this.player().playbackRate(this.rate);
-    }
-    /**
-     * Update the PlaybackRateMenuItem when the playbackrate changes.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `ratechange` event that caused this function to run.
-     *
-     * @listens Player#ratechange
-     */
-    ;
-
-    _proto.update = function update(event) {
-      this.selected(this.player().playbackRate() === this.rate);
-    };
-
-    return PlaybackRateMenuItem;
-  }(MenuItem);
-  /**
-   * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlaybackRateMenuItem.prototype.contentElType = 'button';
-  Component.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
-
-  /**
-   * The component for controlling the playback rate.
-   *
-   * @extends MenuButton
-   */
-
-  var PlaybackRateMenuButton =
-  /*#__PURE__*/
-  function (_MenuButton) {
-    inheritsLoose(PlaybackRateMenuButton, _MenuButton);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of player options.
-     */
-    function PlaybackRateMenuButton(player, options) {
-      var _this;
-
-      _this = _MenuButton.call(this, player, options) || this;
-
-      _this.updateVisibility();
-
-      _this.updateLabel();
-
-      _this.on(player, 'loadstart', _this.updateVisibility);
-
-      _this.on(player, 'ratechange', _this.updateLabel);
-
-      return _this;
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-
-
-    var _proto = PlaybackRateMenuButton.prototype;
-
-    _proto.createEl = function createEl$1() {
-      var el = _MenuButton.prototype.createEl.call(this);
-
-      this.labelEl_ = createEl('div', {
-        className: 'vjs-playback-rate-value',
-        innerHTML: '1x'
-      });
-      el.appendChild(this.labelEl_);
-      return el;
-    };
-
-    _proto.dispose = function dispose() {
-      this.labelEl_ = null;
-
-      _MenuButton.prototype.dispose.call(this);
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    ;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-playback-rate " + _MenuButton.prototype.buildCSSClass.call(this);
-    };
-
-    _proto.buildWrapperCSSClass = function buildWrapperCSSClass() {
-      return "vjs-playback-rate " + _MenuButton.prototype.buildWrapperCSSClass.call(this);
-    }
-    /**
-     * Create the playback rate menu
-     *
-     * @return {Menu}
-     *         Menu object populated with {@link PlaybackRateMenuItem}s
-     */
-    ;
-
-    _proto.createMenu = function createMenu() {
-      var menu = new Menu(this.player());
-      var rates = this.playbackRates();
-
-      if (rates) {
-        for (var i = rates.length - 1; i >= 0; i--) {
-          menu.addChild(new PlaybackRateMenuItem(this.player(), {
-            rate: rates[i] + 'x'
-          }));
-        }
-      }
-
-      return menu;
-    }
-    /**
-     * Updates ARIA accessibility attributes
-     */
-    ;
-
-    _proto.updateARIAAttributes = function updateARIAAttributes() {
-      // Current playback rate
-      this.el().setAttribute('aria-valuenow', this.player().playbackRate());
-    }
-    /**
-     * This gets called when an `PlaybackRateMenuButton` is "clicked". See
-     * {@link ClickableComponent} for more detailed information on what a click can be.
-     *
-     * @param {EventTarget~Event} [event]
-     *        The `keydown`, `tap`, or `click` event that caused this function to be
-     *        called.
-     *
-     * @listens tap
-     * @listens click
-     */
-    ;
-
-    _proto.handleClick = function handleClick(event) {
-      // select next rate option
-      var currentRate = this.player().playbackRate();
-      var rates = this.playbackRates(); // this will select first one if the last one currently selected
-
-      var newRate = rates[0];
-
-      for (var i = 0; i < rates.length; i++) {
-        if (rates[i] > currentRate) {
-          newRate = rates[i];
-          break;
-        }
-      }
-
-      this.player().playbackRate(newRate);
-    }
-    /**
-     * Get possible playback rates
-     *
-     * @return {Array}
-     *         All possible playback rates
-     */
-    ;
-
-    _proto.playbackRates = function playbackRates() {
-      return this.options_.playbackRates || this.options_.playerOptions && this.options_.playerOptions.playbackRates;
-    }
-    /**
-     * Get whether playback rates is supported by the tech
-     * and an array of playback rates exists
-     *
-     * @return {boolean}
-     *         Whether changing playback rate is supported
-     */
-    ;
-
-    _proto.playbackRateSupported = function playbackRateSupported() {
-      return this.player().tech_ && this.player().tech_.featuresPlaybackRate && this.playbackRates() && this.playbackRates().length > 0;
-    }
-    /**
-     * Hide playback rate controls when they're no playback rate options to select
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#loadstart
-     */
-    ;
-
-    _proto.updateVisibility = function updateVisibility(event) {
-      if (this.playbackRateSupported()) {
-        this.removeClass('vjs-hidden');
-      } else {
-        this.addClass('vjs-hidden');
-      }
-    }
-    /**
-     * Update button label when rate changed
-     *
-     * @param {EventTarget~Event} [event]
-     *        The event that caused this function to run.
-     *
-     * @listens Player#ratechange
-     */
-    ;
-
-    _proto.updateLabel = function updateLabel(event) {
-      if (this.playbackRateSupported()) {
-        this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
-      }
-    };
-
-    return PlaybackRateMenuButton;
-  }(MenuButton);
-  /**
-   * The text that should display over the `FullscreenToggle`s controls. Added for localization.
-   *
-   * @type {string}
-   * @private
-   */
-
-
-  PlaybackRateMenuButton.prototype.controlText_ = 'Playback Rate';
-  Component.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
-
-  /**
-   * Just an empty spacer element that can be used as an append point for plugins, etc.
-   * Also can be used to create space between elements when necessary.
-   *
-   * @extends Component
-   */
-
-  var Spacer =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Spacer, _Component);
-
-    function Spacer() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = Spacer.prototype;
-
-    /**
-    * Builds the default DOM `className`.
-    *
-    * @return {string}
-    *         The DOM `className` for this object.
-    */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-spacer " + _Component.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: this.buildCSSClass()
-      });
-    };
-
-    return Spacer;
-  }(Component);
-
-  Component.registerComponent('Spacer', Spacer);
-
-  /**
-   * Spacer specifically meant to be used as an insertion point for new plugins, etc.
-   *
-   * @extends Spacer
-   */
-
-  var CustomControlSpacer =
-  /*#__PURE__*/
-  function (_Spacer) {
-    inheritsLoose(CustomControlSpacer, _Spacer);
-
-    function CustomControlSpacer() {
-      return _Spacer.apply(this, arguments) || this;
-    }
-
-    var _proto = CustomControlSpacer.prototype;
-
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     */
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-custom-control-spacer " + _Spacer.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var el = _Spacer.prototype.createEl.call(this, {
-        className: this.buildCSSClass()
-      }); // No-flex/table-cell mode requires there be some content
-      // in the cell to fill the remaining space of the table.
-
-
-      el.innerHTML = "\xA0";
-      return el;
-    };
-
-    return CustomControlSpacer;
-  }(Spacer);
-
-  Component.registerComponent('CustomControlSpacer', CustomControlSpacer);
-
-  /**
-   * Container of main controls.
-   *
-   * @extends Component
-   */
-
-  var ControlBar =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ControlBar, _Component);
-
-    function ControlBar() {
-      return _Component.apply(this, arguments) || this;
-    }
-
-    var _proto = ControlBar.prototype;
-
-    /**
-     * Create the `Component`'s DOM element
-     *
-     * @return {Element}
-     *         The element that was created.
-     */
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'div', {
-        className: 'vjs-control-bar',
-        dir: 'ltr'
-      });
-    };
-
-    return ControlBar;
-  }(Component);
-  /**
-   * Default options for `ControlBar`
-   *
-   * @type {Object}
-   * @private
-   */
-
-
-  ControlBar.prototype.options_ = {
-    children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'seekToLive', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-  };
-
-  if ('exitPictureInPicture' in document) {
-    ControlBar.prototype.options_.children.splice(ControlBar.prototype.options_.children.length - 1, 0, 'pictureInPictureToggle');
-  }
-
-  Component.registerComponent('ControlBar', ControlBar);
-
-  /**
-   * A display that indicates an error has occurred. This means that the video
-   * is unplayable.
-   *
-   * @extends ModalDialog
-   */
-
-  var ErrorDisplay =
-  /*#__PURE__*/
-  function (_ModalDialog) {
-    inheritsLoose(ErrorDisplay, _ModalDialog);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param  {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param  {Object} [options]
-     *         The key/value store of player options.
-     */
-    function ErrorDisplay(player, options) {
-      var _this;
-
-      _this = _ModalDialog.call(this, player, options) || this;
-
-      _this.on(player, 'error', _this.open);
-
-      return _this;
-    }
-    /**
-     * Builds the default DOM `className`.
-     *
-     * @return {string}
-     *         The DOM `className` for this object.
-     *
-     * @deprecated Since version 5.
-     */
-
-
-    var _proto = ErrorDisplay.prototype;
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return "vjs-error-display " + _ModalDialog.prototype.buildCSSClass.call(this);
-    }
-    /**
-     * Gets the localized error message based on the `Player`s error.
-     *
-     * @return {string}
-     *         The `Player`s error message localized or an empty string.
-     */
-    ;
-
-    _proto.content = function content() {
-      var error = this.player().error();
-      return error ? this.localize(error.message) : '';
-    };
-
-    return ErrorDisplay;
-  }(ModalDialog);
-  /**
-   * The default options for an `ErrorDisplay`.
-   *
-   * @private
-   */
-
-
-  ErrorDisplay.prototype.options_ = _extends_1({}, ModalDialog.prototype.options_, {
-    pauseOnOpen: false,
-    fillAlways: true,
-    temporary: false,
-    uncloseable: true
-  });
-  Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-  var LOCAL_STORAGE_KEY = 'vjs-text-track-settings';
-  var COLOR_BLACK = ['#000', 'Black'];
-  var COLOR_BLUE = ['#00F', 'Blue'];
-  var COLOR_CYAN = ['#0FF', 'Cyan'];
-  var COLOR_GREEN = ['#0F0', 'Green'];
-  var COLOR_MAGENTA = ['#F0F', 'Magenta'];
-  var COLOR_RED = ['#F00', 'Red'];
-  var COLOR_WHITE = ['#FFF', 'White'];
-  var COLOR_YELLOW = ['#FF0', 'Yellow'];
-  var OPACITY_OPAQUE = ['1', 'Opaque'];
-  var OPACITY_SEMI = ['0.5', 'Semi-Transparent'];
-  var OPACITY_TRANS = ['0', 'Transparent']; // Configuration for the various <select> elements in the DOM of this component.
-  //
-  // Possible keys include:
-  //
-  // `default`:
-  //   The default option index. Only needs to be provided if not zero.
-  // `parser`:
-  //   A function which is used to parse the value from the selected option in
-  //   a customized way.
-  // `selector`:
-  //   The selector used to find the associated <select> element.
-
-  var selectConfigs = {
-    backgroundColor: {
-      selector: '.vjs-bg-color > select',
-      id: 'captions-background-color-%s',
-      label: 'Color',
-      options: [COLOR_BLACK, COLOR_WHITE, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-    },
-    backgroundOpacity: {
-      selector: '.vjs-bg-opacity > select',
-      id: 'captions-background-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_OPAQUE, OPACITY_SEMI, OPACITY_TRANS]
-    },
-    color: {
-      selector: '.vjs-fg-color > select',
-      id: 'captions-foreground-color-%s',
-      label: 'Color',
-      options: [COLOR_WHITE, COLOR_BLACK, COLOR_RED, COLOR_GREEN, COLOR_BLUE, COLOR_YELLOW, COLOR_MAGENTA, COLOR_CYAN]
-    },
-    edgeStyle: {
-      selector: '.vjs-edge-style > select',
-      id: '%s',
-      label: 'Text Edge Style',
-      options: [['none', 'None'], ['raised', 'Raised'], ['depressed', 'Depressed'], ['uniform', 'Uniform'], ['dropshadow', 'Dropshadow']]
-    },
-    fontFamily: {
-      selector: '.vjs-font-family > select',
-      id: 'captions-font-family-%s',
-      label: 'Font Family',
-      options: [['proportionalSansSerif', 'Proportional Sans-Serif'], ['monospaceSansSerif', 'Monospace Sans-Serif'], ['proportionalSerif', 'Proportional Serif'], ['monospaceSerif', 'Monospace Serif'], ['casual', 'Casual'], ['script', 'Script'], ['small-caps', 'Small Caps']]
-    },
-    fontPercent: {
-      selector: '.vjs-font-percent > select',
-      id: 'captions-font-size-%s',
-      label: 'Font Size',
-      options: [['0.50', '50%'], ['0.75', '75%'], ['1.00', '100%'], ['1.25', '125%'], ['1.50', '150%'], ['1.75', '175%'], ['2.00', '200%'], ['3.00', '300%'], ['4.00', '400%']],
-      "default": 2,
-      parser: function parser(v) {
-        return v === '1.00' ? null : Number(v);
-      }
-    },
-    textOpacity: {
-      selector: '.vjs-text-opacity > select',
-      id: 'captions-foreground-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_OPAQUE, OPACITY_SEMI]
-    },
-    // Options for this object are defined below.
-    windowColor: {
-      selector: '.vjs-window-color > select',
-      id: 'captions-window-color-%s',
-      label: 'Color'
-    },
-    // Options for this object are defined below.
-    windowOpacity: {
-      selector: '.vjs-window-opacity > select',
-      id: 'captions-window-opacity-%s',
-      label: 'Transparency',
-      options: [OPACITY_TRANS, OPACITY_SEMI, OPACITY_OPAQUE]
-    }
-  };
-  selectConfigs.windowColor.options = selectConfigs.backgroundColor.options;
-  /**
-   * Get the actual value of an option.
-   *
-   * @param  {string} value
-   *         The value to get
-   *
-   * @param  {Function} [parser]
-   *         Optional function to adjust the value.
-   *
-   * @return {Mixed}
-   *         - Will be `undefined` if no value exists
-   *         - Will be `undefined` if the given value is "none".
-   *         - Will be the actual value otherwise.
-   *
-   * @private
-   */
-
-  function parseOptionValue(value, parser) {
-    if (parser) {
-      value = parser(value);
-    }
-
-    if (value && value !== 'none') {
-      return value;
-    }
-  }
-  /**
-   * Gets the value of the selected <option> element within a <select> element.
-   *
-   * @param  {Element} el
-   *         the element to look in
-   *
-   * @param  {Function} [parser]
-   *         Optional function to adjust the value.
-   *
-   * @return {Mixed}
-   *         - Will be `undefined` if no value exists
-   *         - Will be `undefined` if the given value is "none".
-   *         - Will be the actual value otherwise.
-   *
-   * @private
-   */
-
-
-  function getSelectedOptionValue(el, parser) {
-    var value = el.options[el.options.selectedIndex].value;
-    return parseOptionValue(value, parser);
-  }
-  /**
-   * Sets the selected <option> element within a <select> element based on a
-   * given value.
-   *
-   * @param {Element} el
-   *        The element to look in.
-   *
-   * @param {string} value
-   *        the property to look on.
-   *
-   * @param {Function} [parser]
-   *        Optional function to adjust the value before comparing.
-   *
-   * @private
-   */
-
-
-  function setSelectedOption(el, value, parser) {
-    if (!value) {
-      return;
-    }
-
-    for (var i = 0; i < el.options.length; i++) {
-      if (parseOptionValue(el.options[i].value, parser) === value) {
-        el.selectedIndex = i;
-        break;
-      }
-    }
-  }
-  /**
-   * Manipulate Text Tracks settings.
-   *
-   * @extends ModalDialog
-   */
-
-
-  var TextTrackSettings =
-  /*#__PURE__*/
-  function (_ModalDialog) {
-    inheritsLoose(TextTrackSettings, _ModalDialog);
-
-    /**
-     * Creates an instance of this class.
-     *
-     * @param {Player} player
-     *         The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *         The key/value store of player options.
-     */
-    function TextTrackSettings(player, options) {
-      var _this;
-
-      options.temporary = false;
-      _this = _ModalDialog.call(this, player, options) || this;
-      _this.updateDisplay = bind(assertThisInitialized(_this), _this.updateDisplay); // fill the modal and pretend we have opened it
-
-      _this.fill();
-
-      _this.hasBeenOpened_ = _this.hasBeenFilled_ = true;
-      _this.endDialog = createEl('p', {
-        className: 'vjs-control-text',
-        textContent: _this.localize('End of dialog window.')
-      });
-
-      _this.el().appendChild(_this.endDialog);
-
-      _this.setDefaults(); // Grab `persistTextTrackSettings` from the player options if not passed in child options
-
-
-      if (options.persistTextTrackSettings === undefined) {
-        _this.options_.persistTextTrackSettings = _this.options_.playerOptions.persistTextTrackSettings;
-      }
-
-      _this.on(_this.$('.vjs-done-button'), 'click', function () {
-        _this.saveSettings();
-
-        _this.close();
-      });
-
-      _this.on(_this.$('.vjs-default-button'), 'click', function () {
-        _this.setDefaults();
-
-        _this.updateDisplay();
-      });
-
-      each(selectConfigs, function (config) {
-        _this.on(_this.$(config.selector), 'change', _this.updateDisplay);
-      });
-
-      if (_this.options_.persistTextTrackSettings) {
-        _this.restoreSettings();
-      }
-
-      return _this;
-    }
-
-    var _proto = TextTrackSettings.prototype;
-
-    _proto.dispose = function dispose() {
-      this.endDialog = null;
-
-      _ModalDialog.prototype.dispose.call(this);
-    }
-    /**
-     * Create a <select> element with configured options.
-     *
-     * @param {string} key
-     *        Configuration key to use during creation.
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElSelect_ = function createElSelect_(key, legendId, type) {
-      var _this2 = this;
-
-      if (legendId === void 0) {
-        legendId = '';
-      }
-
-      if (type === void 0) {
-        type = 'label';
-      }
-
-      var config = selectConfigs[key];
-      var id = config.id.replace('%s', this.id_);
-      var selectLabelledbyIds = [legendId, id].join(' ').trim();
-      return ["<" + type + " id=\"" + id + "\" class=\"" + (type === 'label' ? 'vjs-label' : '') + "\">", this.localize(config.label), "</" + type + ">", "<select aria-labelledby=\"" + selectLabelledbyIds + "\">"].concat(config.options.map(function (o) {
-        var optionId = id + '-' + o[1].replace(/\W+/g, '');
-        return ["<option id=\"" + optionId + "\" value=\"" + o[0] + "\" ", "aria-labelledby=\"" + selectLabelledbyIds + " " + optionId + "\">", _this2.localize(o[1]), '</option>'].join('');
-      })).concat('</select>').join('');
-    }
-    /**
-     * Create foreground color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElFgColor_ = function createElFgColor_() {
-      var legendId = "captions-text-legend-" + this.id_;
-      return ['<fieldset class="vjs-fg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Text'), '</legend>', this.createElSelect_('color', legendId), '<span class="vjs-text-opacity vjs-opacity">', this.createElSelect_('textOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create background color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElBgColor_ = function createElBgColor_() {
-      var legendId = "captions-background-" + this.id_;
-      return ['<fieldset class="vjs-bg-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Background'), '</legend>', this.createElSelect_('backgroundColor', legendId), '<span class="vjs-bg-opacity vjs-opacity">', this.createElSelect_('backgroundOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create window color element for the component
-     *
-     * @return {string}
-     *         An HTML string.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElWinColor_ = function createElWinColor_() {
-      var legendId = "captions-window-" + this.id_;
-      return ['<fieldset class="vjs-window-color vjs-track-setting">', "<legend id=\"" + legendId + "\">", this.localize('Window'), '</legend>', this.createElSelect_('windowColor', legendId), '<span class="vjs-window-opacity vjs-opacity">', this.createElSelect_('windowOpacity', legendId), '</span>', '</fieldset>'].join('');
-    }
-    /**
-     * Create color elements for the component
-     *
-     * @return {Element}
-     *         The element that was created
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElColors_ = function createElColors_() {
-      return createEl('div', {
-        className: 'vjs-track-settings-colors',
-        innerHTML: [this.createElFgColor_(), this.createElBgColor_(), this.createElWinColor_()].join('')
-      });
-    }
-    /**
-     * Create font elements for the component
-     *
-     * @return {Element}
-     *         The element that was created.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElFont_ = function createElFont_() {
-      return createEl('div', {
-        className: 'vjs-track-settings-font',
-        innerHTML: ['<fieldset class="vjs-font-percent vjs-track-setting">', this.createElSelect_('fontPercent', '', 'legend'), '</fieldset>', '<fieldset class="vjs-edge-style vjs-track-setting">', this.createElSelect_('edgeStyle', '', 'legend'), '</fieldset>', '<fieldset class="vjs-font-family vjs-track-setting">', this.createElSelect_('fontFamily', '', 'legend'), '</fieldset>'].join('')
-      });
-    }
-    /**
-     * Create controls for the component
-     *
-     * @return {Element}
-     *         The element that was created.
-     *
-     * @private
-     */
-    ;
-
-    _proto.createElControls_ = function createElControls_() {
-      var defaultsDescription = this.localize('restore all settings to the default values');
-      return createEl('div', {
-        className: 'vjs-track-settings-controls',
-        innerHTML: ["<button type=\"button\" class=\"vjs-default-button\" title=\"" + defaultsDescription + "\">", this.localize('Reset'), "<span class=\"vjs-control-text\"> " + defaultsDescription + "</span>", '</button>', "<button type=\"button\" class=\"vjs-done-button\">" + this.localize('Done') + "</button>"].join('')
-      });
-    };
-
-    _proto.content = function content() {
-      return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-    };
-
-    _proto.label = function label() {
-      return this.localize('Caption Settings Dialog');
-    };
-
-    _proto.description = function description() {
-      return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-    };
-
-    _proto.buildCSSClass = function buildCSSClass() {
-      return _ModalDialog.prototype.buildCSSClass.call(this) + ' vjs-text-track-settings';
-    }
-    /**
-     * Gets an object of text track settings (or null).
-     *
-     * @return {Object}
-     *         An object with config values parsed from the DOM or localStorage.
-     */
-    ;
-
-    _proto.getValues = function getValues() {
-      var _this3 = this;
-
-      return reduce(selectConfigs, function (accum, config, key) {
-        var value = getSelectedOptionValue(_this3.$(config.selector), config.parser);
-
-        if (value !== undefined) {
-          accum[key] = value;
-        }
-
-        return accum;
-      }, {});
-    }
-    /**
-     * Sets text track settings from an object of values.
-     *
-     * @param {Object} values
-     *        An object with config values parsed from the DOM or localStorage.
-     */
-    ;
-
-    _proto.setValues = function setValues(values) {
-      var _this4 = this;
-
-      each(selectConfigs, function (config, key) {
-        setSelectedOption(_this4.$(config.selector), values[key], config.parser);
-      });
-    }
-    /**
-     * Sets all `<select>` elements to their default values.
-     */
-    ;
-
-    _proto.setDefaults = function setDefaults() {
-      var _this5 = this;
-
-      each(selectConfigs, function (config) {
-        var index = config.hasOwnProperty('default') ? config["default"] : 0;
-        _this5.$(config.selector).selectedIndex = index;
-      });
-    }
-    /**
-     * Restore texttrack settings from localStorage
-     */
-    ;
-
-    _proto.restoreSettings = function restoreSettings() {
-      var values;
-
-      try {
-        values = JSON.parse(window$1.localStorage.getItem(LOCAL_STORAGE_KEY));
-      } catch (err) {
-        log.warn(err);
-      }
-
-      if (values) {
-        this.setValues(values);
-      }
-    }
-    /**
-     * Save text track settings to localStorage
-     */
-    ;
-
-    _proto.saveSettings = function saveSettings() {
-      if (!this.options_.persistTextTrackSettings) {
-        return;
-      }
-
-      var values = this.getValues();
-
-      try {
-        if (Object.keys(values).length) {
-          window$1.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
-        } else {
-          window$1.localStorage.removeItem(LOCAL_STORAGE_KEY);
-        }
-      } catch (err) {
-        log.warn(err);
-      }
-    }
-    /**
-     * Update display of text track settings
-     */
-    ;
-
-    _proto.updateDisplay = function updateDisplay() {
-      var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-      if (ttDisplay) {
-        ttDisplay.updateDisplay();
-      }
-    }
-    /**
-     * conditionally blur the element and refocus the captions button
-     *
-     * @private
-     */
-    ;
-
-    _proto.conditionalBlur_ = function conditionalBlur_() {
-      this.previouslyActiveEl_ = null;
-      var cb = this.player_.controlBar;
-      var subsCapsBtn = cb && cb.subsCapsButton;
-      var ccBtn = cb && cb.captionsButton;
-
-      if (subsCapsBtn) {
-        subsCapsBtn.focus();
-      } else if (ccBtn) {
-        ccBtn.focus();
-      }
-    };
-
-    return TextTrackSettings;
-  }(ModalDialog);
-
-  Component.registerComponent('TextTrackSettings', TextTrackSettings);
-
-  /**
-   * A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.
-   *
-   * It'll either create an iframe and use a debounced resize handler on it or use the new {@link https://wicg.github.io/ResizeObserver/|ResizeObserver}.
-   *
-   * If the ResizeObserver is available natively, it will be used. A polyfill can be passed in as an option.
-   * If a `playerresize` event is not needed, the ResizeManager component can be removed from the player, see the example below.
-   * @example <caption>How to disable the resize manager</caption>
-   * const player = videojs('#vid', {
-   *   resizeManager: false
-   * });
-   *
-   * @see {@link https://wicg.github.io/ResizeObserver/|ResizeObserver specification}
-   *
-   * @extends Component
-   */
-
-  var ResizeManager =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(ResizeManager, _Component);
-
-    /**
-     * Create the ResizeManager.
-     *
-     * @param {Object} player
-     *        The `Player` that this class should be attached to.
-     *
-     * @param {Object} [options]
-     *        The key/value store of ResizeManager options.
-     *
-     * @param {Object} [options.ResizeObserver]
-     *        A polyfill for ResizeObserver can be passed in here.
-     *        If this is set to null it will ignore the native ResizeObserver and fall back to the iframe fallback.
-     */
-    function ResizeManager(player, options) {
-      var _this;
-
-      var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window$1.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
-
-      if (options.ResizeObserver === null) {
-        RESIZE_OBSERVER_AVAILABLE = false;
-      } // Only create an element when ResizeObserver isn't available
-
-
-      var options_ = mergeOptions({
-        createEl: !RESIZE_OBSERVER_AVAILABLE,
-        reportTouchActivity: false
-      }, options);
-      _this = _Component.call(this, player, options_) || this;
-      _this.ResizeObserver = options.ResizeObserver || window$1.ResizeObserver;
-      _this.loadListener_ = null;
-      _this.resizeObserver_ = null;
-      _this.debouncedHandler_ = debounce(function () {
-        _this.resizeHandler();
-      }, 100, false, assertThisInitialized(_this));
-
-      if (RESIZE_OBSERVER_AVAILABLE) {
-        _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-
-        _this.resizeObserver_.observe(player.el());
-      } else {
-        _this.loadListener_ = function () {
-          if (!_this.el_ || !_this.el_.contentWindow) {
-            return;
-          }
-
-          var debouncedHandler_ = _this.debouncedHandler_;
-
-          var unloadListener_ = _this.unloadListener_ = function () {
-            off(this, 'resize', debouncedHandler_);
-            off(this, 'unload', unloadListener_);
-            unloadListener_ = null;
-          }; // safari and edge can unload the iframe before resizemanager dispose
-          // we have to dispose of event handlers correctly before that happens
-
-
-          on(_this.el_.contentWindow, 'unload', unloadListener_);
-          on(_this.el_.contentWindow, 'resize', debouncedHandler_);
-        };
-
-        _this.one('load', _this.loadListener_);
-      }
-
-      return _this;
-    }
-
-    var _proto = ResizeManager.prototype;
-
-    _proto.createEl = function createEl() {
-      return _Component.prototype.createEl.call(this, 'iframe', {
-        className: 'vjs-resize-manager',
-        tabIndex: -1
-      }, {
-        'aria-hidden': 'true'
-      });
-    }
-    /**
-     * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-     *
-     * @fires Player#playerresize
-     */
-    ;
-
-    _proto.resizeHandler = function resizeHandler() {
-      /**
-       * Called when the player size has changed
-       *
-       * @event Player#playerresize
-       * @type {EventTarget~Event}
-       */
-      // make sure player is still around to trigger
-      // prevents this from causing an error after dispose
-      if (!this.player_ || !this.player_.trigger) {
-        return;
-      }
-
-      this.player_.trigger('playerresize');
-    };
-
-    _proto.dispose = function dispose() {
-      if (this.debouncedHandler_) {
-        this.debouncedHandler_.cancel();
-      }
-
-      if (this.resizeObserver_) {
-        if (this.player_.el()) {
-          this.resizeObserver_.unobserve(this.player_.el());
-        }
-
-        this.resizeObserver_.disconnect();
-      }
-
-      if (this.loadListener_) {
-        this.off('load', this.loadListener_);
-      }
-
-      if (this.el_ && this.el_.contentWindow && this.unloadListener_) {
-        this.unloadListener_.call(this.el_.contentWindow);
-      }
-
-      this.ResizeObserver = null;
-      this.resizeObserver = null;
-      this.debouncedHandler_ = null;
-      this.loadListener_ = null;
-
-      _Component.prototype.dispose.call(this);
-    };
-
-    return ResizeManager;
-  }(Component);
-
-  Component.registerComponent('ResizeManager', ResizeManager);
-
-  /**
-   * Computes the median of an array.
-   *
-   * @param {number[]} arr
-   *        Input array of numbers.
-   *
-   * @return {number}
-   *        Median value.
-   */
-  var median = function median(arr) {
-    var mid = Math.floor(arr.length / 2);
-    var sortedList = [].concat(arr).sort(function (a, b) {
-      return a - b;
-    });
-    return arr.length % 2 !== 0 ? sortedList[mid] : (sortedList[mid - 1] + sortedList[mid]) / 2;
-  };
-
-  /* track when we are at the live edge, and other helpers for live playback */
-
-  var LiveTracker =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(LiveTracker, _Component);
-
-    function LiveTracker(player, options) {
-      var _this;
-
-      // LiveTracker does not need an element
-      var options_ = mergeOptions({
-        createEl: false
-      }, options);
-      _this = _Component.call(this, player, options_) || this;
-
-      _this.reset_();
-
-      _this.on(_this.player_, 'durationchange', _this.handleDurationchange); // we don't need to track live playback if the document is hidden,
-      // also, tracking when the document is hidden can
-      // cause the CPU to spike and eventually crash the page on IE11.
-
-
-      if (IE_VERSION && 'hidden' in document && 'visibilityState' in document) {
-        _this.on(document, 'visibilitychange', _this.handleVisibilityChange);
-      }
-
-      return _this;
-    }
-
-    var _proto = LiveTracker.prototype;
-
-    _proto.handleVisibilityChange = function handleVisibilityChange() {
-      if (this.player_.duration() !== Infinity) {
-        return;
-      }
-
-      if (document.hidden) {
-        this.stopTracking();
-      } else {
-        this.startTracking();
-      }
-    };
-
-    _proto.isBehind_ = function isBehind_() {
-      // don't report that we are behind until a timeupdate has been seen
-      if (!this.timeupdateSeen_) {
-        return false;
-      }
-
-      var liveCurrentTime = this.liveCurrentTime();
-      var currentTime = this.player_.currentTime(); // the live edge window is the amount of seconds away from live
-      // that a player can be, but still be considered live.
-      // we add 0.07 because the live tracking happens every 30ms
-      // and we want some wiggle room for short segment live playback
-
-      var liveEdgeWindow = this.seekableIncrement_ * 2 + 0.07; // on Android liveCurrentTime can bee Infinity, because seekableEnd
-      // can be Infinity, so we handle that case.
-
-      return liveCurrentTime !== Infinity && liveCurrentTime - liveEdgeWindow >= currentTime;
-    } // all the functionality for tracking when seek end changes
-    // and for tracking how far past seek end we should be
-    ;
-
-    _proto.trackLive_ = function trackLive_() {
-      this.pastSeekEnd_ = this.pastSeekEnd_;
-      var seekable = this.player_.seekable(); // skip undefined seekable
-
-      if (!seekable || !seekable.length) {
-        return;
-      }
-
-      var newSeekEnd = this.seekableEnd(); // we can only tell if we are behind live, when seekable changes
-      // once we detect that seekable has changed we check the new seek
-      // end against current time, with a fudge value of half a second.
-
-      if (newSeekEnd !== this.lastSeekEnd_) {
-        if (this.lastSeekEnd_) {
-          // we try to get the best fit value for the seeking increment
-          // variable from the last 12 values.
-          this.seekableIncrementList_ = this.seekableIncrementList_.slice(-11);
-          this.seekableIncrementList_.push(Math.abs(newSeekEnd - this.lastSeekEnd_));
-
-          if (this.seekableIncrementList_.length > 3) {
-            this.seekableIncrement_ = median(this.seekableIncrementList_);
-          }
-        }
-
-        this.pastSeekEnd_ = 0;
-        this.lastSeekEnd_ = newSeekEnd;
-        this.trigger('seekableendchange');
-      } // we should reset pastSeekEnd when the value
-      // is much higher than seeking increment.
-
-
-      if (this.pastSeekEnd() > this.seekableIncrement_ * 1.5) {
-        this.pastSeekEnd_ = 0;
-      } else {
-        this.pastSeekEnd_ = this.pastSeekEnd() + 0.03;
-      }
-
-      if (this.isBehind_() !== this.behindLiveEdge()) {
-        this.behindLiveEdge_ = this.isBehind_();
-        this.trigger('liveedgechange');
-      }
-    }
-    /**
-     * handle a durationchange event on the player
-     * and start/stop tracking accordingly.
-     */
-    ;
-
-    _proto.handleDurationchange = function handleDurationchange() {
-      if (this.player_.duration() === Infinity) {
-        this.startTracking();
-      } else {
-        this.stopTracking();
-      }
-    }
-    /**
-     * start tracking live playback
-     */
-    ;
-
-    _proto.startTracking = function startTracking() {
-      var _this2 = this;
-
-      if (this.isTracking()) {
-        return;
-      } // If we haven't seen a timeupdate, we need to check whether playback
-      // began before this component started tracking. This can happen commonly
-      // when using autoplay.
-
-
-      if (!this.timeupdateSeen_) {
-        this.timeupdateSeen_ = this.player_.hasStarted();
-      }
-
-      this.trackingInterval_ = this.setInterval(this.trackLive_, 30);
-      this.trackLive_();
-      this.on(this.player_, 'play', this.trackLive_);
-      this.on(this.player_, 'pause', this.trackLive_); // this is to prevent showing that we are not live
-      // before a video starts to play
-
-      if (!this.timeupdateSeen_) {
-        this.one(this.player_, 'play', this.handlePlay);
-
-        this.handleTimeupdate = function () {
-          _this2.timeupdateSeen_ = true;
-          _this2.handleTimeupdate = null;
-        };
-
-        this.one(this.player_, 'timeupdate', this.handleTimeupdate);
-      }
-    };
-
-    _proto.handlePlay = function handlePlay() {
-      this.one(this.player_, 'timeupdate', this.seekToLiveEdge);
-    }
-    /**
-     * Stop tracking, and set all internal variables to
-     * their initial value.
-     */
-    ;
-
-    _proto.reset_ = function reset_() {
-      this.pastSeekEnd_ = 0;
-      this.lastSeekEnd_ = null;
-      this.behindLiveEdge_ = null;
-      this.timeupdateSeen_ = false;
-      this.clearInterval(this.trackingInterval_);
-      this.trackingInterval_ = null;
-      this.seekableIncrement_ = 12;
-      this.seekableIncrementList_ = [];
-      this.off(this.player_, 'play', this.trackLive_);
-      this.off(this.player_, 'pause', this.trackLive_);
-      this.off(this.player_, 'play', this.handlePlay);
-      this.off(this.player_, 'timeupdate', this.seekToLiveEdge);
-
-      if (this.handleTimeupdate) {
-        this.off(this.player_, 'timeupdate', this.handleTimeupdate);
-        this.handleTimeupdate = null;
-      }
-    }
-    /**
-     * stop tracking live playback
-     */
-    ;
-
-    _proto.stopTracking = function stopTracking() {
-      if (!this.isTracking()) {
-        return;
-      }
-
-      this.reset_();
-    }
-    /**
-     * A helper to get the player seekable end
-     * so that we don't have to null check everywhere
-     */
-    ;
-
-    _proto.seekableEnd = function seekableEnd() {
-      var seekable = this.player_.seekable();
-      var seekableEnds = [];
-      var i = seekable ? seekable.length : 0;
-
-      while (i--) {
-        seekableEnds.push(seekable.end(i));
-      } // grab the furthest seekable end after sorting, or if there are none
-      // default to Infinity
-
-
-      return seekableEnds.length ? seekableEnds.sort()[seekableEnds.length - 1] : Infinity;
-    }
-    /**
-     * A helper to get the player seekable start
-     * so that we don't have to null check everywhere
-     */
-    ;
-
-    _proto.seekableStart = function seekableStart() {
-      var seekable = this.player_.seekable();
-      var seekableStarts = [];
-      var i = seekable ? seekable.length : 0;
-
-      while (i--) {
-        seekableStarts.push(seekable.start(i));
-      } // grab the first seekable start after sorting, or if there are none
-      // default to 0
-
-
-      return seekableStarts.length ? seekableStarts.sort()[0] : 0;
-    }
-    /**
-     * Get the live time window
-     */
-    ;
-
-    _proto.liveWindow = function liveWindow() {
-      var liveCurrentTime = this.liveCurrentTime();
-
-      if (liveCurrentTime === Infinity) {
-        return Infinity;
-      }
-
-      return liveCurrentTime - this.seekableStart();
-    }
-    /**
-     * Determines if the player is live, only checks if this component
-     * is tracking live playback or not
-     */
-    ;
-
-    _proto.isLive = function isLive() {
-      return this.isTracking();
-    }
-    /**
-     * Determines if currentTime is at the live edge and won't fall behind
-     * on each seekableendchange
-     */
-    ;
-
-    _proto.atLiveEdge = function atLiveEdge() {
-      return !this.behindLiveEdge();
-    }
-    /**
-     * get what we expect the live current time to be
-     */
-    ;
-
-    _proto.liveCurrentTime = function liveCurrentTime() {
-      return this.pastSeekEnd() + this.seekableEnd();
-    }
-    /**
-     * Returns how far past seek end we expect current time to be
-     */
-    ;
-
-    _proto.pastSeekEnd = function pastSeekEnd() {
-      return this.pastSeekEnd_;
-    }
-    /**
-     * If we are currently behind the live edge, aka currentTime will be
-     * behind on a seekableendchange
-     */
-    ;
-
-    _proto.behindLiveEdge = function behindLiveEdge() {
-      return this.behindLiveEdge_;
-    };
-
-    _proto.isTracking = function isTracking() {
-      return typeof this.trackingInterval_ === 'number';
-    }
-    /**
-     * Seek to the live edge if we are behind the live edge
-     */
-    ;
-
-    _proto.seekToLiveEdge = function seekToLiveEdge() {
-      if (this.atLiveEdge()) {
-        return;
-      }
-
-      this.player_.currentTime(this.liveCurrentTime());
-
-      if (this.player_.paused()) {
-        this.player_.play();
-      }
-    };
-
-    _proto.dispose = function dispose() {
-      this.stopTracking();
-
-      _Component.prototype.dispose.call(this);
-    };
-
-    return LiveTracker;
-  }(Component);
-
-  Component.registerComponent('LiveTracker', LiveTracker);
-
-  /**
-   * This function is used to fire a sourceset when there is something
-   * similar to `mediaEl.load()` being called. It will try to find the source via
-   * the `src` attribute and then the `<source>` elements. It will then fire `sourceset`
-   * with the source that was found or empty string if we cannot know. If it cannot
-   * find a source then `sourceset` will not be fired.
-   *
-   * @param {Html5} tech
-   *        The tech object that sourceset was setup on
-   *
-   * @return {boolean}
-   *         returns false if the sourceset was not fired and true otherwise.
-   */
-
-  var sourcesetLoad = function sourcesetLoad(tech) {
-    var el = tech.el(); // if `el.src` is set, that source will be loaded.
-
-    if (el.hasAttribute('src')) {
-      tech.triggerSourceset(el.src);
-      return true;
-    }
-    /**
-     * Since there isn't a src property on the media element, source elements will be used for
-     * implementing the source selection algorithm. This happens asynchronously and
-     * for most cases were there is more than one source we cannot tell what source will
-     * be loaded, without re-implementing the source selection algorithm. At this time we are not
-     * going to do that. There are three special cases that we do handle here though:
-     *
-     * 1. If there are no sources, do not fire `sourceset`.
-     * 2. If there is only one `<source>` with a `src` property/attribute that is our `src`
-     * 3. If there is more than one `<source>` but all of them have the same `src` url.
-     *    That will be our src.
-     */
-
-
-    var sources = tech.$$('source');
-    var srcUrls = [];
-    var src = ''; // if there are no sources, do not fire sourceset
-
-    if (!sources.length) {
-      return false;
-    } // only count valid/non-duplicate source elements
-
-
-    for (var i = 0; i < sources.length; i++) {
-      var url = sources[i].src;
-
-      if (url && srcUrls.indexOf(url) === -1) {
-        srcUrls.push(url);
-      }
-    } // there were no valid sources
-
-
-    if (!srcUrls.length) {
-      return false;
-    } // there is only one valid source element url
-    // use that
-
-
-    if (srcUrls.length === 1) {
-      src = srcUrls[0];
-    }
-
-    tech.triggerSourceset(src);
-    return true;
-  };
-  /**
-   * our implementation of an `innerHTML` descriptor for browsers
-   * that do not have one.
-   */
-
-
-  var innerHTMLDescriptorPolyfill = Object.defineProperty({}, 'innerHTML', {
-    get: function get() {
-      return this.cloneNode(true).innerHTML;
-    },
-    set: function set(v) {
-      // make a dummy node to use innerHTML on
-      var dummy = document.createElement(this.nodeName.toLowerCase()); // set innerHTML to the value provided
-
-      dummy.innerHTML = v; // make a document fragment to hold the nodes from dummy
-
-      var docFrag = document.createDocumentFragment(); // copy all of the nodes created by the innerHTML on dummy
-      // to the document fragment
-
-      while (dummy.childNodes.length) {
-        docFrag.appendChild(dummy.childNodes[0]);
-      } // remove content
-
-
-      this.innerText = ''; // now we add all of that html in one by appending the
-      // document fragment. This is how innerHTML does it.
-
-      window$1.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
-
-      return this.innerHTML;
-    }
-  });
-  /**
-   * Get a property descriptor given a list of priorities and the
-   * property to get.
-   */
-
-  var getDescriptor = function getDescriptor(priority, prop) {
-    var descriptor = {};
-
-    for (var i = 0; i < priority.length; i++) {
-      descriptor = Object.getOwnPropertyDescriptor(priority[i], prop);
-
-      if (descriptor && descriptor.set && descriptor.get) {
-        break;
-      }
-    }
-
-    descriptor.enumerable = true;
-    descriptor.configurable = true;
-    return descriptor;
-  };
-
-  var getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {
-    return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, window$1.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
-  };
-  /**
-   * Patches browser internal functions so that we can tell synchronously
-   * if a `<source>` was appended to the media element. For some reason this
-   * causes a `sourceset` if the the media element is ready and has no source.
-   * This happens when:
-   * - The page has just loaded and the media element does not have a source.
-   * - The media element was emptied of all sources, then `load()` was called.
-   *
-   * It does this by patching the following functions/properties when they are supported:
-   *
-   * - `append()` - can be used to add a `<source>` element to the media element
-   * - `appendChild()` - can be used to add a `<source>` element to the media element
-   * - `insertAdjacentHTML()` -  can be used to add a `<source>` element to the media element
-   * - `innerHTML` -  can be used to add a `<source>` element to the media element
-   *
-   * @param {Html5} tech
-   *        The tech object that sourceset is being setup on.
-   */
-
-
-  var firstSourceWatch = function firstSourceWatch(tech) {
-    var el = tech.el(); // make sure firstSourceWatch isn't setup twice.
-
-    if (el.resetSourceWatch_) {
-      return;
-    }
-
-    var old = {};
-    var innerDescriptor = getInnerHTMLDescriptor(tech);
-
-    var appendWrapper = function appendWrapper(appendFn) {
-      return function () {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        var retval = appendFn.apply(el, args);
-        sourcesetLoad(tech);
-        return retval;
-      };
-    };
-
-    ['append', 'appendChild', 'insertAdjacentHTML'].forEach(function (k) {
-      if (!el[k]) {
-        return;
-      } // store the old function
-
-
-      old[k] = el[k]; // call the old function with a sourceset if a source
-      // was loaded
-
-      el[k] = appendWrapper(old[k]);
-    });
-    Object.defineProperty(el, 'innerHTML', mergeOptions(innerDescriptor, {
-      set: appendWrapper(innerDescriptor.set)
-    }));
-
-    el.resetSourceWatch_ = function () {
-      el.resetSourceWatch_ = null;
-      Object.keys(old).forEach(function (k) {
-        el[k] = old[k];
-      });
-      Object.defineProperty(el, 'innerHTML', innerDescriptor);
-    }; // on the first sourceset, we need to revert our changes
-
-
-    tech.one('sourceset', el.resetSourceWatch_);
-  };
-  /**
-   * our implementation of a `src` descriptor for browsers
-   * that do not have one.
-   */
-
-
-  var srcDescriptorPolyfill = Object.defineProperty({}, 'src', {
-    get: function get() {
-      if (this.hasAttribute('src')) {
-        return getAbsoluteURL(window$1.Element.prototype.getAttribute.call(this, 'src'));
-      }
-
-      return '';
-    },
-    set: function set(v) {
-      window$1.Element.prototype.setAttribute.call(this, 'src', v);
-      return v;
-    }
-  });
-
-  var getSrcDescriptor = function getSrcDescriptor(tech) {
-    return getDescriptor([tech.el(), window$1.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
-  };
-  /**
-   * setup `sourceset` handling on the `Html5` tech. This function
-   * patches the following element properties/functions:
-   *
-   * - `src` - to determine when `src` is set
-   * - `setAttribute()` - to determine when `src` is set
-   * - `load()` - this re-triggers the source selection algorithm, and can
-   *              cause a sourceset.
-   *
-   * If there is no source when we are adding `sourceset` support or during a `load()`
-   * we also patch the functions listed in `firstSourceWatch`.
-   *
-   * @param {Html5} tech
-   *        The tech to patch
-   */
-
-
-  var setupSourceset = function setupSourceset(tech) {
-    if (!tech.featuresSourceset) {
-      return;
-    }
-
-    var el = tech.el(); // make sure sourceset isn't setup twice.
-
-    if (el.resetSourceset_) {
-      return;
-    }
-
-    var srcDescriptor = getSrcDescriptor(tech);
-    var oldSetAttribute = el.setAttribute;
-    var oldLoad = el.load;
-    Object.defineProperty(el, 'src', mergeOptions(srcDescriptor, {
-      set: function set(v) {
-        var retval = srcDescriptor.set.call(el, v); // we use the getter here to get the actual value set on src
-
-        tech.triggerSourceset(el.src);
-        return retval;
-      }
-    }));
-
-    el.setAttribute = function (n, v) {
-      var retval = oldSetAttribute.call(el, n, v);
-
-      if (/src/i.test(n)) {
-        tech.triggerSourceset(el.src);
-      }
-
-      return retval;
-    };
-
-    el.load = function () {
-      var retval = oldLoad.call(el); // if load was called, but there was no source to fire
-      // sourceset on. We have to watch for a source append
-      // as that can trigger a `sourceset` when the media element
-      // has no source
-
-      if (!sourcesetLoad(tech)) {
-        tech.triggerSourceset('');
-        firstSourceWatch(tech);
-      }
-
-      return retval;
-    };
-
-    if (el.currentSrc) {
-      tech.triggerSourceset(el.currentSrc);
-    } else if (!sourcesetLoad(tech)) {
-      firstSourceWatch(tech);
-    }
-
-    el.resetSourceset_ = function () {
-      el.resetSourceset_ = null;
-      el.load = oldLoad;
-      el.setAttribute = oldSetAttribute;
-      Object.defineProperty(el, 'src', srcDescriptor);
-
-      if (el.resetSourceWatch_) {
-        el.resetSourceWatch_();
-      }
-    };
-  };
-
-  /**
-   * Object.defineProperty but "lazy", which means that the value is only set after
-   * it retrieved the first time, rather than being set right away.
-   *
-   * @param {Object} obj the object to set the property on
-   * @param {string} key the key for the property to set
-   * @param {Function} getValue the function used to get the value when it is needed.
-   * @param {boolean} setter wether a setter shoould be allowed or not
-   */
-  var defineLazyProperty = function defineLazyProperty(obj, key, getValue, setter) {
-    if (setter === void 0) {
-      setter = true;
-    }
-
-    var set = function set(value) {
-      return Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        writable: true
-      });
-    };
-
-    var options = {
-      configurable: true,
-      enumerable: true,
-      get: function get() {
-        var value = getValue();
-        set(value);
-        return value;
-      }
-    };
-
-    if (setter) {
-      options.set = set;
-    }
-
-    return Object.defineProperty(obj, key, options);
-  };
-
-  /**
-   * HTML5 Media Controller - Wrapper for HTML5 Media API
-   *
-   * @mixes Tech~SourceHandlerAdditions
-   * @extends Tech
-   */
-
-  var Html5 =
-  /*#__PURE__*/
-  function (_Tech) {
-    inheritsLoose(Html5, _Tech);
-
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} ready
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    function Html5(options, ready) {
-      var _this;
-
-      _this = _Tech.call(this, options, ready) || this;
-      var source = options.source;
-      var crossoriginTracks = false; // Set the source if one is provided
-      // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)
-      // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source
-      // anyway so the error gets fired.
-
-      if (source && (_this.el_.currentSrc !== source.src || options.tag && options.tag.initNetworkState_ === 3)) {
-        _this.setSource(source);
-      } else {
-        _this.handleLateInit_(_this.el_);
-      } // setup sourceset after late sourceset/init
-
-
-      if (options.enableSourceset) {
-        _this.setupSourcesetHandling_();
-      }
-
-      if (_this.el_.hasChildNodes()) {
-        var nodes = _this.el_.childNodes;
-        var nodesLength = nodes.length;
-        var removeNodes = [];
-
-        while (nodesLength--) {
-          var node = nodes[nodesLength];
-          var nodeName = node.nodeName.toLowerCase();
-
-          if (nodeName === 'track') {
-            if (!_this.featuresNativeTextTracks) {
-              // Empty video tag tracks so the built-in player doesn't use them also.
-              // This may not be fast enough to stop HTML5 browsers from reading the tags
-              // so we'll need to turn off any default tracks if we're manually doing
-              // captions and subtitles. videoElement.textTracks
-              removeNodes.push(node);
-            } else {
-              // store HTMLTrackElement and TextTrack to remote list
-              _this.remoteTextTrackEls().addTrackElement_(node);
-
-              _this.remoteTextTracks().addTrack(node.track);
-
-              _this.textTracks().addTrack(node.track);
-
-              if (!crossoriginTracks && !_this.el_.hasAttribute('crossorigin') && isCrossOrigin(node.src)) {
-                crossoriginTracks = true;
-              }
-            }
-          }
-        }
-
-        for (var i = 0; i < removeNodes.length; i++) {
-          _this.el_.removeChild(removeNodes[i]);
-        }
-      }
-
-      _this.proxyNativeTracks_();
-
-      if (_this.featuresNativeTextTracks && crossoriginTracks) {
-        log.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
-      } // prevent iOS Safari from disabling metadata text tracks during native playback
-
-
-      _this.restoreMetadataTracksInIOSNativePlayer_(); // Determine if native controls should be used
-      // Our goal should be to get the custom controls on mobile solid everywhere
-      // so we can remove this all together. Right now this will block custom
-      // controls on touch enabled laptops like the Chrome Pixel
-
-
-      if ((TOUCH_ENABLED || IS_IPHONE || IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true) {
-        _this.setControls(true);
-      } // on iOS, we want to proxy `webkitbeginfullscreen` and `webkitendfullscreen`
-      // into a `fullscreenchange` event
-
-
-      _this.proxyWebkitFullscreen_();
-
-      _this.triggerReady();
-
-      return _this;
-    }
-    /**
-     * Dispose of `HTML5` media element and remove all tracks.
-     */
-
-
-    var _proto = Html5.prototype;
-
-    _proto.dispose = function dispose() {
-      if (this.el_ && this.el_.resetSourceset_) {
-        this.el_.resetSourceset_();
-      }
-
-      Html5.disposeMediaElement(this.el_);
-      this.options_ = null; // tech will handle clearing of the emulated track list
-
-      _Tech.prototype.dispose.call(this);
-    }
-    /**
-     * Modify the media element so that we can detect when
-     * the source is changed. Fires `sourceset` just after the source has changed
-     */
-    ;
-
-    _proto.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-      setupSourceset(this);
-    }
-    /**
-     * When a captions track is enabled in the iOS Safari native player, all other
-     * tracks are disabled (including metadata tracks), which nulls all of their
-     * associated cue points. This will restore metadata tracks to their pre-fullscreen
-     * state in those cases so that cue points are not needlessly lost.
-     *
-     * @private
-     */
-    ;
-
-    _proto.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-      var textTracks = this.textTracks();
-      var metadataTracksPreFullscreenState; // captures a snapshot of every metadata track's current state
-
-      var takeMetadataTrackSnapshot = function takeMetadataTrackSnapshot() {
-        metadataTracksPreFullscreenState = [];
-
-        for (var i = 0; i < textTracks.length; i++) {
-          var track = textTracks[i];
-
-          if (track.kind === 'metadata') {
-            metadataTracksPreFullscreenState.push({
-              track: track,
-              storedMode: track.mode
-            });
-          }
-        }
-      }; // snapshot each metadata track's initial state, and update the snapshot
-      // each time there is a track 'change' event
-
-
-      takeMetadataTrackSnapshot();
-      textTracks.addEventListener('change', takeMetadataTrackSnapshot);
-      this.on('dispose', function () {
-        return textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-      });
-
-      var restoreTrackMode = function restoreTrackMode() {
-        for (var i = 0; i < metadataTracksPreFullscreenState.length; i++) {
-          var storedTrack = metadataTracksPreFullscreenState[i];
-
-          if (storedTrack.track.mode === 'disabled' && storedTrack.track.mode !== storedTrack.storedMode) {
-            storedTrack.track.mode = storedTrack.storedMode;
-          }
-        } // we only want this handler to be executed on the first 'change' event
-
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-      }; // when we enter fullscreen playback, stop updating the snapshot and
-      // restore all track modes to their pre-fullscreen state
-
-
-      this.on('webkitbeginfullscreen', function () {
-        textTracks.removeEventListener('change', takeMetadataTrackSnapshot); // remove the listener before adding it just in case it wasn't previously removed
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-        textTracks.addEventListener('change', restoreTrackMode);
-      }); // start updating the snapshot again after leaving fullscreen
-
-      this.on('webkitendfullscreen', function () {
-        // remove the listener before adding it just in case it wasn't previously removed
-        textTracks.removeEventListener('change', takeMetadataTrackSnapshot);
-        textTracks.addEventListener('change', takeMetadataTrackSnapshot); // remove the restoreTrackMode handler in case it wasn't triggered during fullscreen playback
-
-        textTracks.removeEventListener('change', restoreTrackMode);
-      });
-    }
-    /**
-     * Attempt to force override of tracks for the given type
-     *
-     * @param {string} type - Track type to override, possible values include 'Audio',
-     * 'Video', and 'Text'.
-     * @param {boolean} override - If set to true native audio/video will be overridden,
-     * otherwise native audio/video will potentially be used.
-     * @private
-     */
-    ;
-
-    _proto.overrideNative_ = function overrideNative_(type, override) {
-      var _this2 = this;
-
-      // If there is no behavioral change don't add/remove listeners
-      if (override !== this["featuresNative" + type + "Tracks"]) {
-        return;
-      }
-
-      var lowerCaseType = type.toLowerCase();
-
-      if (this[lowerCaseType + "TracksListeners_"]) {
-        Object.keys(this[lowerCaseType + "TracksListeners_"]).forEach(function (eventName) {
-          var elTracks = _this2.el()[lowerCaseType + "Tracks"];
-
-          elTracks.removeEventListener(eventName, _this2[lowerCaseType + "TracksListeners_"][eventName]);
-        });
-      }
-
-      this["featuresNative" + type + "Tracks"] = !override;
-      this[lowerCaseType + "TracksListeners_"] = null;
-      this.proxyNativeTracksForType_(lowerCaseType);
-    }
-    /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     */
-    ;
-
-    _proto.overrideNativeAudioTracks = function overrideNativeAudioTracks(override) {
-      this.overrideNative_('Audio', override);
-    }
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     */
-    ;
-
-    _proto.overrideNativeVideoTracks = function overrideNativeVideoTracks(override) {
-      this.overrideNative_('Video', override);
-    }
-    /**
-     * Proxy native track list events for the given type to our track
-     * lists if the browser we are playing in supports that type of track list.
-     *
-     * @param {string} name - Track type; values include 'audio', 'video', and 'text'
-     * @private
-     */
-    ;
-
-    _proto.proxyNativeTracksForType_ = function proxyNativeTracksForType_(name) {
-      var _this3 = this;
-
-      var props = NORMAL[name];
-      var elTracks = this.el()[props.getterName];
-      var techTracks = this[props.getterName]();
-
-      if (!this["featuresNative" + props.capitalName + "Tracks"] || !elTracks || !elTracks.addEventListener) {
-        return;
-      }
-
-      var listeners = {
-        change: function change(e) {
-          techTracks.trigger({
-            type: 'change',
-            target: techTracks,
-            currentTarget: techTracks,
-            srcElement: techTracks
-          });
-        },
-        addtrack: function addtrack(e) {
-          techTracks.addTrack(e.track);
-        },
-        removetrack: function removetrack(e) {
-          techTracks.removeTrack(e.track);
-        }
-      };
-
-      var removeOldTracks = function removeOldTracks() {
-        var removeTracks = [];
-
-        for (var i = 0; i < techTracks.length; i++) {
-          var found = false;
-
-          for (var j = 0; j < elTracks.length; j++) {
-            if (elTracks[j] === techTracks[i]) {
-              found = true;
-              break;
-            }
-          }
-
-          if (!found) {
-            removeTracks.push(techTracks[i]);
-          }
-        }
-
-        while (removeTracks.length) {
-          techTracks.removeTrack(removeTracks.shift());
-        }
-      };
-
-      this[props.getterName + 'Listeners_'] = listeners;
-      Object.keys(listeners).forEach(function (eventName) {
-        var listener = listeners[eventName];
-        elTracks.addEventListener(eventName, listener);
-
-        _this3.on('dispose', function (e) {
-          return elTracks.removeEventListener(eventName, listener);
-        });
-      }); // Remove (native) tracks that are not used anymore
-
-      this.on('loadstart', removeOldTracks);
-      this.on('dispose', function (e) {
-        return _this3.off('loadstart', removeOldTracks);
-      });
-    }
-    /**
-     * Proxy all native track list events to our track lists if the browser we are playing
-     * in supports that type of track list.
-     *
-     * @private
-     */
-    ;
-
-    _proto.proxyNativeTracks_ = function proxyNativeTracks_() {
-      var _this4 = this;
-
-      NORMAL.names.forEach(function (name) {
-        _this4.proxyNativeTracksForType_(name);
-      });
-    }
-    /**
-     * Create the `Html5` Tech's DOM element.
-     *
-     * @return {Element}
-     *         The element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var el = this.options_.tag; // Check if this browser supports moving the element into the box.
-      // On the iPhone video will break if you move the element,
-      // So we have to create a brand new element.
-      // If we ingested the player div, we do not need to move the media element.
-
-      if (!el || !(this.options_.playerElIngest || this.movingMediaElementInDOM)) {
-        // If the original tag is still there, clone and remove it.
-        if (el) {
-          var clone = el.cloneNode(true);
-
-          if (el.parentNode) {
-            el.parentNode.insertBefore(clone, el);
-          }
-
-          Html5.disposeMediaElement(el);
-          el = clone;
-        } else {
-          el = document.createElement('video'); // determine if native controls should be used
-
-          var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);
-          var attributes = mergeOptions({}, tagAttributes);
-
-          if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {
-            delete attributes.controls;
-          }
-
-          setAttributes(el, assign(attributes, {
-            id: this.options_.techId,
-            "class": 'vjs-tech'
-          }));
-        }
-
-        el.playerId = this.options_.playerId;
-      }
-
-      if (typeof this.options_.preload !== 'undefined') {
-        setAttribute(el, 'preload', this.options_.preload);
-      } // Update specific tag settings, in case they were overridden
-      // `autoplay` has to be *last* so that `muted` and `playsinline` are present
-      // when iOS/Safari or other browsers attempt to autoplay.
-
-
-      var settingsAttrs = ['loop', 'muted', 'playsinline', 'autoplay'];
-
-      for (var i = 0; i < settingsAttrs.length; i++) {
-        var attr = settingsAttrs[i];
-        var value = this.options_[attr];
-
-        if (typeof value !== 'undefined') {
-          if (value) {
-            setAttribute(el, attr, attr);
-          } else {
-            removeAttribute(el, attr);
-          }
-
-          el[attr] = value;
-        }
-      }
-
-      return el;
-    }
-    /**
-     * This will be triggered if the loadstart event has already fired, before videojs was
-     * ready. Two known examples of when this can happen are:
-     * 1. If we're loading the playback object after it has started loading
-     * 2. The media is already playing the (often with autoplay on) then
-     *
-     * This function will fire another loadstart so that videojs can catchup.
-     *
-     * @fires Tech#loadstart
-     *
-     * @return {undefined}
-     *         returns nothing.
-     */
-    ;
-
-    _proto.handleLateInit_ = function handleLateInit_(el) {
-      if (el.networkState === 0 || el.networkState === 3) {
-        // The video element hasn't started loading the source yet
-        // or didn't find a source
-        return;
-      }
-
-      if (el.readyState === 0) {
-        // NetworkState is set synchronously BUT loadstart is fired at the
-        // end of the current stack, usually before setInterval(fn, 0).
-        // So at this point we know loadstart may have already fired or is
-        // about to fire, and either way the player hasn't seen it yet.
-        // We don't want to fire loadstart prematurely here and cause a
-        // double loadstart so we'll wait and see if it happens between now
-        // and the next loop, and fire it if not.
-        // HOWEVER, we also want to make sure it fires before loadedmetadata
-        // which could also happen between now and the next loop, so we'll
-        // watch for that also.
-        var loadstartFired = false;
-
-        var setLoadstartFired = function setLoadstartFired() {
-          loadstartFired = true;
-        };
-
-        this.on('loadstart', setLoadstartFired);
-
-        var triggerLoadstart = function triggerLoadstart() {
-          // We did miss the original loadstart. Make sure the player
-          // sees loadstart before loadedmetadata
-          if (!loadstartFired) {
-            this.trigger('loadstart');
-          }
-        };
-
-        this.on('loadedmetadata', triggerLoadstart);
-        this.ready(function () {
-          this.off('loadstart', setLoadstartFired);
-          this.off('loadedmetadata', triggerLoadstart);
-
-          if (!loadstartFired) {
-            // We did miss the original native loadstart. Fire it now.
-            this.trigger('loadstart');
-          }
-        });
-        return;
-      } // From here on we know that loadstart already fired and we missed it.
-      // The other readyState events aren't as much of a problem if we double
-      // them, so not going to go to as much trouble as loadstart to prevent
-      // that unless we find reason to.
-
-
-      var eventsToTrigger = ['loadstart']; // loadedmetadata: newly equal to HAVE_METADATA (1) or greater
-
-      eventsToTrigger.push('loadedmetadata'); // loadeddata: newly increased to HAVE_CURRENT_DATA (2) or greater
-
-      if (el.readyState >= 2) {
-        eventsToTrigger.push('loadeddata');
-      } // canplay: newly increased to HAVE_FUTURE_DATA (3) or greater
-
-
-      if (el.readyState >= 3) {
-        eventsToTrigger.push('canplay');
-      } // canplaythrough: newly equal to HAVE_ENOUGH_DATA (4)
-
-
-      if (el.readyState >= 4) {
-        eventsToTrigger.push('canplaythrough');
-      } // We still need to give the player time to add event listeners
-
-
-      this.ready(function () {
-        eventsToTrigger.forEach(function (type) {
-          this.trigger(type);
-        }, this);
-      });
-    }
-    /**
-     * Set current time for the `HTML5` tech.
-     *
-     * @param {number} seconds
-     *        Set the current time of the media to this.
-     */
-    ;
-
-    _proto.setCurrentTime = function setCurrentTime(seconds) {
-      try {
-        this.el_.currentTime = seconds;
-      } catch (e) {
-        log(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
-      }
-    }
-    /**
-     * Get the current duration of the HTML5 media element.
-     *
-     * @return {number}
-     *         The duration of the media or 0 if there is no duration.
-     */
-    ;
-
-    _proto.duration = function duration() {
-      var _this5 = this;
-
-      // Android Chrome will report duration as Infinity for VOD HLS until after
-      // playback has started, which triggers the live display erroneously.
-      // Return NaN if playback has not started and trigger a durationupdate once
-      // the duration can be reliably known.
-      if (this.el_.duration === Infinity && IS_ANDROID && IS_CHROME && this.el_.currentTime === 0) {
-        // Wait for the first `timeupdate` with currentTime > 0 - there may be
-        // several with 0
-        var checkProgress = function checkProgress() {
-          if (_this5.el_.currentTime > 0) {
-            // Trigger durationchange for genuinely live video
-            if (_this5.el_.duration === Infinity) {
-              _this5.trigger('durationchange');
-            }
-
-            _this5.off('timeupdate', checkProgress);
-          }
-        };
-
-        this.on('timeupdate', checkProgress);
-        return NaN;
-      }
-
-      return this.el_.duration || NaN;
-    }
-    /**
-     * Get the current width of the HTML5 media element.
-     *
-     * @return {number}
-     *         The width of the HTML5 media element.
-     */
-    ;
-
-    _proto.width = function width() {
-      return this.el_.offsetWidth;
-    }
-    /**
-     * Get the current height of the HTML5 media element.
-     *
-     * @return {number}
-     *         The height of the HTML5 media element.
-     */
-    ;
-
-    _proto.height = function height() {
-      return this.el_.offsetHeight;
-    }
-    /**
-     * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-     * `fullscreenchange` event.
-     *
-     * @private
-     * @fires fullscreenchange
-     * @listens webkitendfullscreen
-     * @listens webkitbeginfullscreen
-     * @listens webkitbeginfullscreen
-     */
-    ;
-
-    _proto.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-      var _this6 = this;
-
-      if (!('webkitDisplayingFullscreen' in this.el_)) {
-        return;
-      }
-
-      var endFn = function endFn() {
-        this.trigger('fullscreenchange', {
-          isFullscreen: false
-        });
-      };
-
-      var beginFn = function beginFn() {
-        if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {
-          this.one('webkitendfullscreen', endFn);
-          this.trigger('fullscreenchange', {
-            isFullscreen: true
-          });
-        }
-      };
-
-      this.on('webkitbeginfullscreen', beginFn);
-      this.on('dispose', function () {
-        _this6.off('webkitbeginfullscreen', beginFn);
-
-        _this6.off('webkitendfullscreen', endFn);
-      });
-    }
-    /**
-     * Check if fullscreen is supported on the current playback device.
-     *
-     * @return {boolean}
-     *         - True if fullscreen is supported.
-     *         - False if fullscreen is not supported.
-     */
-    ;
-
-    _proto.supportsFullScreen = function supportsFullScreen() {
-      if (typeof this.el_.webkitEnterFullScreen === 'function') {
-        var userAgent = window$1.navigator && window$1.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
-
-        if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {
-          return true;
-        }
-      }
-
-      return false;
-    }
-    /**
-     * Request that the `HTML5` Tech enter fullscreen.
-     */
-    ;
-
-    _proto.enterFullScreen = function enterFullScreen() {
-      var video = this.el_;
-
-      if (video.paused && video.networkState <= video.HAVE_METADATA) {
-        // attempt to prime the video element for programmatic access
-        // this isn't necessary on the desktop but shouldn't hurt
-        this.el_.play(); // playing and pausing synchronously during the transition to fullscreen
-        // can get iOS ~6.1 devices into a play/pause loop
-
-        this.setTimeout(function () {
-          video.pause();
-          video.webkitEnterFullScreen();
-        }, 0);
-      } else {
-        video.webkitEnterFullScreen();
-      }
-    }
-    /**
-     * Request that the `HTML5` Tech exit fullscreen.
-     */
-    ;
-
-    _proto.exitFullScreen = function exitFullScreen() {
-      this.el_.webkitExitFullScreen();
-    }
-    /**
-     * Create a floating video window always on top of other windows so that users may
-     * continue consuming media while they interact with other content sites, or
-     * applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @return {Promise}
-     *         A promise with a Picture-in-Picture window.
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      return this.el_.requestPictureInPicture();
-    }
-    /**
-     * A getter/setter for the `Html5` Tech's source object.
-     * > Note: Please use {@link Html5#setSource}
-     *
-     * @param {Tech~SourceObject} [src]
-     *        The source object you want to set on the `HTML5` techs element.
-     *
-     * @return {Tech~SourceObject|undefined}
-     *         - The current source object when a source is not passed in.
-     *         - undefined when setting
-     *
-     * @deprecated Since version 5.
-     */
-    ;
-
-    _proto.src = function src(_src) {
-      if (_src === undefined) {
-        return this.el_.src;
-      } // Setting src through `src` instead of `setSrc` will be deprecated
-
-
-      this.setSrc(_src);
-    }
-    /**
-     * Reset the tech by removing all sources and then calling
-     * {@link Html5.resetMediaElement}.
-     */
-    ;
-
-    _proto.reset = function reset() {
-      Html5.resetMediaElement(this.el_);
-    }
-    /**
-     * Get the current source on the `HTML5` Tech. Falls back to returning the source from
-     * the HTML5 media element.
-     *
-     * @return {Tech~SourceObject}
-     *         The current source object from the HTML5 tech. With a fallback to the
-     *         elements source.
-     */
-    ;
-
-    _proto.currentSrc = function currentSrc() {
-      if (this.currentSource_) {
-        return this.currentSource_.src;
-      }
-
-      return this.el_.currentSrc;
-    }
-    /**
-     * Set controls attribute for the HTML5 media Element.
-     *
-     * @param {string} val
-     *        Value to set the controls attribute to
-     */
-    ;
-
-    _proto.setControls = function setControls(val) {
-      this.el_.controls = !!val;
-    }
-    /**
-     * Create and returns a remote {@link TextTrack} object.
-     *
-     * @param {string} kind
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata)
-     *
-     * @param {string} [label]
-     *        Label to identify the text track
-     *
-     * @param {string} [language]
-     *        Two letter language abbreviation
-     *
-     * @return {TextTrack}
-     *         The TextTrack that gets created.
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (!this.featuresNativeTextTracks) {
-        return _Tech.prototype.addTextTrack.call(this, kind, label, language);
-      }
-
-      return this.el_.addTextTrack(kind, label, language);
-    }
-    /**
-     * Creates either native TextTrack or an emulated TextTrack depending
-     * on the value of `featuresNativeTextTracks`
-     *
-     * @param {Object} options
-     *        The object should contain the options to initialize the TextTrack with.
-     *
-     * @param {string} [options.kind]
-     *        `TextTrack` kind (subtitles, captions, descriptions, chapters, or metadata).
-     *
-     * @param {string} [options.label]
-     *        Label to identify the text track
-     *
-     * @param {string} [options.language]
-     *        Two letter language abbreviation.
-     *
-     * @param {boolean} [options.default]
-     *        Default this track to on.
-     *
-     * @param {string} [options.id]
-     *        The internal id to assign this track.
-     *
-     * @param {string} [options.src]
-     *        A source url for the track.
-     *
-     * @return {HTMLTrackElement}
-     *         The track element that gets created.
-     */
-    ;
-
-    _proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
-      if (!this.featuresNativeTextTracks) {
-        return _Tech.prototype.createRemoteTextTrack.call(this, options);
-      }
-
-      var htmlTrackElement = document.createElement('track');
-
-      if (options.kind) {
-        htmlTrackElement.kind = options.kind;
-      }
-
-      if (options.label) {
-        htmlTrackElement.label = options.label;
-      }
-
-      if (options.language || options.srclang) {
-        htmlTrackElement.srclang = options.language || options.srclang;
-      }
-
-      if (options["default"]) {
-        htmlTrackElement["default"] = options["default"];
-      }
-
-      if (options.id) {
-        htmlTrackElement.id = options.id;
-      }
-
-      if (options.src) {
-        htmlTrackElement.src = options.src;
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Creates a remote text track object and returns an html track element.
-     *
-     * @param {Object} options The object should contain values for
-     * kind, language, label, and src (location of the WebVTT file)
-     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-     * automatically removed from the video element whenever the source changes
-     * @return {HTMLTrackElement} An Html Track Element.
-     * This can be an emulated {@link HTMLTrackElement} or a native one.
-     * @deprecated The default value of the "manualCleanup" parameter will default
-     * to "false" in upcoming versions of Video.js
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      var htmlTrackElement = _Tech.prototype.addRemoteTextTrack.call(this, options, manualCleanup);
-
-      if (this.featuresNativeTextTracks) {
-        this.el().appendChild(htmlTrackElement);
-      }
-
-      return htmlTrackElement;
-    }
-    /**
-     * Remove remote `TextTrack` from `TextTrackList` object
-     *
-     * @param {TextTrack} track
-     *        `TextTrack` object to remove
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(track) {
-      _Tech.prototype.removeRemoteTextTrack.call(this, track);
-
-      if (this.featuresNativeTextTracks) {
-        var tracks = this.$$('track');
-        var i = tracks.length;
-
-        while (i--) {
-          if (track === tracks[i] || track === tracks[i].track) {
-            this.el().removeChild(tracks[i]);
-          }
-        }
-      }
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object}
-     *         An object with supported media playback quality metrics
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      if (typeof this.el().getVideoPlaybackQuality === 'function') {
-        return this.el().getVideoPlaybackQuality();
-      }
-
-      var videoPlaybackQuality = {};
-
-      if (typeof this.el().webkitDroppedFrameCount !== 'undefined' && typeof this.el().webkitDecodedFrameCount !== 'undefined') {
-        videoPlaybackQuality.droppedVideoFrames = this.el().webkitDroppedFrameCount;
-        videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;
-      }
-
-      if (window$1.performance && typeof window$1.performance.now === 'function') {
-        videoPlaybackQuality.creationTime = window$1.performance.now();
-      } else if (window$1.performance && window$1.performance.timing && typeof window$1.performance.timing.navigationStart === 'number') {
-        videoPlaybackQuality.creationTime = window$1.Date.now() - window$1.performance.timing.navigationStart;
-      }
-
-      return videoPlaybackQuality;
-    };
-
-    return Html5;
-  }(Tech);
-  /* HTML5 Support Testing ---------------------------------------------------- */
-
-  /**
-   * Element for testing browser HTML5 media capabilities
-   *
-   * @type {Element}
-   * @constant
-   * @private
-   */
-
-
-  defineLazyProperty(Html5, 'TEST_VID', function () {
-    if (!isReal()) {
-      return;
-    }
-
-    var video = document.createElement('video');
-    var track = document.createElement('track');
-    track.kind = 'captions';
-    track.srclang = 'en';
-    track.label = 'English';
-    video.appendChild(track);
-    return video;
-  });
-  /**
-   * Check if HTML5 media is supported by this browser/device.
-   *
-   * @return {boolean}
-   *         - True if HTML5 media is supported.
-   *         - False if HTML5 media is not supported.
-   */
-
-  Html5.isSupported = function () {
-    // IE with no Media Player is a LIAR! (#984)
-    try {
-      Html5.TEST_VID.volume = 0.5;
-    } catch (e) {
-      return false;
-    }
-
-    return !!(Html5.TEST_VID && Html5.TEST_VID.canPlayType);
-  };
-  /**
-   * Check if the tech can support the given type
-   *
-   * @param {string} type
-   *        The mimetype to check
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-
-
-  Html5.canPlayType = function (type) {
-    return Html5.TEST_VID.canPlayType(type);
-  };
-  /**
-   * Check if the tech can support the given source
-   *
-   * @param {Object} srcObj
-   *        The source object
-   * @param {Object} options
-   *        The options passed to the tech
-   * @return {string} 'probably', 'maybe', or '' (empty string)
-   */
-
-
-  Html5.canPlaySource = function (srcObj, options) {
-    return Html5.canPlayType(srcObj.type);
-  };
-  /**
-   * Check if the volume can be changed in this browser/device.
-   * Volume cannot be changed in a lot of mobile devices.
-   * Specifically, it can't be changed from 1 on iOS.
-   *
-   * @return {boolean}
-   *         - True if volume can be controlled
-   *         - False otherwise
-   */
-
-
-  Html5.canControlVolume = function () {
-    // IE will error if Windows Media Player not installed #3315
-    try {
-      var volume = Html5.TEST_VID.volume;
-      Html5.TEST_VID.volume = volume / 2 + 0.1;
-      return volume !== Html5.TEST_VID.volume;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if the volume can be muted in this browser/device.
-   * Some devices, e.g. iOS, don't allow changing volume
-   * but permits muting/unmuting.
-   *
-   * @return {bolean}
-   *      - True if volume can be muted
-   *      - False otherwise
-   */
-
-
-  Html5.canMuteVolume = function () {
-    try {
-      var muted = Html5.TEST_VID.muted; // in some versions of iOS muted property doesn't always
-      // work, so we want to set both property and attribute
-
-      Html5.TEST_VID.muted = !muted;
-
-      if (Html5.TEST_VID.muted) {
-        setAttribute(Html5.TEST_VID, 'muted', 'muted');
-      } else {
-        removeAttribute(Html5.TEST_VID, 'muted', 'muted');
-      }
-
-      return muted !== Html5.TEST_VID.muted;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if the playback rate can be changed in this browser/device.
-   *
-   * @return {boolean}
-   *         - True if playback rate can be controlled
-   *         - False otherwise
-   */
-
-
-  Html5.canControlPlaybackRate = function () {
-    // Playback rate API is implemented in Android Chrome, but doesn't do anything
-    // https://github.com/videojs/video.js/issues/3180
-    if (IS_ANDROID && IS_CHROME && CHROME_VERSION < 58) {
-      return false;
-    } // IE will error if Windows Media Player not installed #3315
-
-
-    try {
-      var playbackRate = Html5.TEST_VID.playbackRate;
-      Html5.TEST_VID.playbackRate = playbackRate / 2 + 0.1;
-      return playbackRate !== Html5.TEST_VID.playbackRate;
-    } catch (e) {
-      return false;
-    }
-  };
-  /**
-   * Check if we can override a video/audio elements attributes, with
-   * Object.defineProperty.
-   *
-   * @return {boolean}
-   *         - True if builtin attributes can be overridden
-   *         - False otherwise
-   */
-
-
-  Html5.canOverrideAttributes = function () {
-    // if we cannot overwrite the src/innerHTML property, there is no support
-    // iOS 7 safari for instance cannot do this.
-    try {
-      var noop = function noop() {};
-
-      Object.defineProperty(document.createElement('video'), 'src', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('audio'), 'src', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('video'), 'innerHTML', {
-        get: noop,
-        set: noop
-      });
-      Object.defineProperty(document.createElement('audio'), 'innerHTML', {
-        get: noop,
-        set: noop
-      });
-    } catch (e) {
-      return false;
-    }
-
-    return true;
-  };
-  /**
-   * Check to see if native `TextTrack`s are supported by this browser/device.
-   *
-   * @return {boolean}
-   *         - True if native `TextTrack`s are supported.
-   *         - False otherwise
-   */
-
-
-  Html5.supportsNativeTextTracks = function () {
-    return IS_ANY_SAFARI || IS_IOS && IS_CHROME;
-  };
-  /**
-   * Check to see if native `VideoTrack`s are supported by this browser/device
-   *
-   * @return {boolean}
-   *        - True if native `VideoTrack`s are supported.
-   *        - False otherwise
-   */
-
-
-  Html5.supportsNativeVideoTracks = function () {
-    return !!(Html5.TEST_VID && Html5.TEST_VID.videoTracks);
-  };
-  /**
-   * Check to see if native `AudioTrack`s are supported by this browser/device
-   *
-   * @return {boolean}
-   *        - True if native `AudioTrack`s are supported.
-   *        - False otherwise
-   */
-
-
-  Html5.supportsNativeAudioTracks = function () {
-    return !!(Html5.TEST_VID && Html5.TEST_VID.audioTracks);
-  };
-  /**
-   * An array of events available on the Html5 tech.
-   *
-   * @private
-   * @type {Array}
-   */
-
-
-  Html5.Events = ['loadstart', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough', 'playing', 'waiting', 'seeking', 'seeked', 'ended', 'durationchange', 'timeupdate', 'progress', 'play', 'pause', 'ratechange', 'resize', 'volumechange'];
-  /**
-   * Boolean indicating whether the `Tech` supports volume control.
-   *
-   * @type {boolean}
-   * @default {@link Html5.canControlVolume}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports muting volume.
-   *
-   * @type {bolean}
-   * @default {@link Html5.canMuteVolume}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports changing the speed at which the media
-   * plays. Examples:
-   *   - Set player to play 2x (twice) as fast
-   *   - Set player to play 0.5x (half) as fast
-   *
-   * @type {boolean}
-   * @default {@link Html5.canControlPlaybackRate}
-   */
-
-  /**
-   * Boolean indicating whether the `Tech` supports the `sourceset` event.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeTextTracks}
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeVideoTracks}
-   */
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
-   *
-   * @type {boolean}
-   * @default {@link Html5.supportsNativeAudioTracks}
-   */
-
-  [['featuresVolumeControl', 'canControlVolume'], ['featuresMuteControl', 'canMuteVolume'], ['featuresPlaybackRate', 'canControlPlaybackRate'], ['featuresSourceset', 'canOverrideAttributes'], ['featuresNativeTextTracks', 'supportsNativeTextTracks'], ['featuresNativeVideoTracks', 'supportsNativeVideoTracks'], ['featuresNativeAudioTracks', 'supportsNativeAudioTracks']].forEach(function (_ref) {
-    var key = _ref[0],
-        fn = _ref[1];
-    defineLazyProperty(Html5.prototype, key, function () {
-      return Html5[fn]();
-    }, true);
-  });
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the media element
-   * moving in the DOM. iOS breaks if you move the media element, so this is set this to
-   * false there. Everywhere else this should be true.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.movingMediaElementInDOM = !IS_IOS; // TODO: Previous comment: No longer appears to be used. Can probably be removed.
-  //       Is this true?
-
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports automatic media resize
-   * when going into fullscreen.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.featuresFullscreenResize = true;
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the progress event.
-   * If this is false, manual `progress` events will be triggered instead.
-   *
-   * @type {boolean}
-   * @default
-   */
-
-  Html5.prototype.featuresProgressEvents = true;
-  /**
-   * Boolean indicating whether the `HTML5` tech currently supports the timeupdate event.
-   * If this is false, manual `timeupdate` events will be triggered instead.
-   *
-   * @default
-   */
-
-  Html5.prototype.featuresTimeupdateEvents = true; // HTML5 Feature detection and Device Fixes --------------------------------- //
-
-  var canPlayType;
-
-  Html5.patchCanPlayType = function () {
-    // Android 4.0 and above can play HLS to some extent but it reports being unable to do so
-    // Firefox and Chrome report correctly
-    if (ANDROID_VERSION >= 4.0 && !IS_FIREFOX && !IS_CHROME) {
-      canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-
-      Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-        var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-
-        if (type && mpegurlRE.test(type)) {
-          return 'maybe';
-        }
-
-        return canPlayType.call(this, type);
-      };
-    }
-  };
-
-  Html5.unpatchCanPlayType = function () {
-    var r = Html5.TEST_VID.constructor.prototype.canPlayType;
-
-    if (canPlayType) {
-      Html5.TEST_VID.constructor.prototype.canPlayType = canPlayType;
-    }
-
-    return r;
-  }; // by default, patch the media element
-
-
-  Html5.patchCanPlayType();
-
-  Html5.disposeMediaElement = function (el) {
-    if (!el) {
-      return;
-    }
-
-    if (el.parentNode) {
-      el.parentNode.removeChild(el);
-    } // remove any child track or source nodes to prevent their loading
-
-
-    while (el.hasChildNodes()) {
-      el.removeChild(el.firstChild);
-    } // remove any src reference. not setting `src=''` because that causes a warning
-    // in firefox
-
-
-    el.removeAttribute('src'); // force the media element to update its loading state by calling load()
-    // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)
-
-    if (typeof el.load === 'function') {
-      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-      (function () {
-        try {
-          el.load();
-        } catch (e) {// not supported
-        }
-      })();
-    }
-  };
-
-  Html5.resetMediaElement = function (el) {
-    if (!el) {
-      return;
-    }
-
-    var sources = el.querySelectorAll('source');
-    var i = sources.length;
-
-    while (i--) {
-      el.removeChild(sources[i]);
-    } // remove any src reference.
-    // not setting `src=''` because that throws an error
-
-
-    el.removeAttribute('src');
-
-    if (typeof el.load === 'function') {
-      // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
-      (function () {
-        try {
-          el.load();
-        } catch (e) {// satisfy linter
-        }
-      })();
-    }
-  };
-  /* Native HTML5 element property wrapping ----------------------------------- */
-  // Wrap native boolean attributes with getters that check both property and attribute
-  // The list is as followed:
-  // muted, defaultMuted, autoplay, controls, loop, playsinline
-
-
-  [
-  /**
-   * Get the value of `muted` from the media element. `muted` indicates
-   * that the volume for the media should be set to silent. This does not actually change
-   * the `volume` attribute.
-   *
-   * @method Html5#muted
-   * @return {boolean}
-   *         - True if the value of `volume` should be ignored and the audio set to silent.
-   *         - False if the value of `volume` should be used.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
-   */
-  'muted',
-  /**
-   * Get the value of `defaultMuted` from the media element. `defaultMuted` indicates
-   * whether the media should start muted or not. Only changes the default state of the
-   * media. `muted` and `defaultMuted` can have different values. {@link Html5#muted} indicates the
-   * current state.
-   *
-   * @method Html5#defaultMuted
-   * @return {boolean}
-   *         - The value of `defaultMuted` from the media element.
-   *         - True indicates that the media should start muted.
-   *         - False indicates that the media should not start muted
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
-   */
-  'defaultMuted',
-  /**
-   * Get the value of `autoplay` from the media element. `autoplay` indicates
-   * that the media should start to play as soon as the page is ready.
-   *
-   * @method Html5#autoplay
-   * @return {boolean}
-   *         - The value of `autoplay` from the media element.
-   *         - True indicates that the media should start as soon as the page loads.
-   *         - False indicates that the media should not start as soon as the page loads.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
-   */
-  'autoplay',
-  /**
-   * Get the value of `controls` from the media element. `controls` indicates
-   * whether the native media controls should be shown or hidden.
-   *
-   * @method Html5#controls
-   * @return {boolean}
-   *         - The value of `controls` from the media element.
-   *         - True indicates that native controls should be showing.
-   *         - False indicates that native controls should be hidden.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-controls}
-   */
-  'controls',
-  /**
-   * Get the value of `loop` from the media element. `loop` indicates
-   * that the media should return to the start of the media and continue playing once
-   * it reaches the end.
-   *
-   * @method Html5#loop
-   * @return {boolean}
-   *         - The value of `loop` from the media element.
-   *         - True indicates that playback should seek back to start once
-   *           the end of a media is reached.
-   *         - False indicates that playback should not loop back to the start when the
-   *           end of the media is reached.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
-   */
-  'loop',
-  /**
-   * Get the value of `playsinline` from the media element. `playsinline` indicates
-   * to the browser that non-fullscreen playback is preferred when fullscreen
-   * playback is the native default, such as in iOS Safari.
-   *
-   * @method Html5#playsinline
-   * @return {boolean}
-   *         - The value of `playsinline` from the media element.
-   *         - True indicates that the media should play inline.
-   *         - False indicates that the media should not play inline.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  'playsinline'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop] || this.el_.hasAttribute(prop);
-    };
-  }); // Wrap native boolean attributes with setters that set both property and attribute
-  // The list is as followed:
-  // setMuted, setDefaultMuted, setAutoplay, setLoop, setPlaysinline
-  // setControls is special-cased above
-
-  [
-  /**
-   * Set the value of `muted` on the media element. `muted` indicates that the current
-   * audio level should be silent.
-   *
-   * @method Html5#setMuted
-   * @param {boolean} muted
-   *        - True if the audio should be set to silent
-   *        - False otherwise
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-muted}
-   */
-  'muted',
-  /**
-   * Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current
-   * audio level should be silent, but will only effect the muted level on intial playback..
-   *
-   * @method Html5.prototype.setDefaultMuted
-   * @param {boolean} defaultMuted
-   *        - True if the audio should be set to silent
-   *        - False otherwise
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultmuted}
-   */
-  'defaultMuted',
-  /**
-   * Set the value of `autoplay` on the media element. `autoplay` indicates
-   * that the media should start to play as soon as the page is ready.
-   *
-   * @method Html5#setAutoplay
-   * @param {boolean} autoplay
-   *         - True indicates that the media should start as soon as the page loads.
-   *         - False indicates that the media should not start as soon as the page loads.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-autoplay}
-   */
-  'autoplay',
-  /**
-   * Set the value of `loop` on the media element. `loop` indicates
-   * that the media should return to the start of the media and continue playing once
-   * it reaches the end.
-   *
-   * @method Html5#setLoop
-   * @param {boolean} loop
-   *         - True indicates that playback should seek back to start once
-   *           the end of a media is reached.
-   *         - False indicates that playback should not loop back to the start when the
-   *           end of the media is reached.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-loop}
-   */
-  'loop',
-  /**
-   * Set the value of `playsinline` from the media element. `playsinline` indicates
-   * to the browser that non-fullscreen playback is preferred when fullscreen
-   * playback is the native default, such as in iOS Safari.
-   *
-   * @method Html5#setPlaysinline
-   * @param {boolean} playsinline
-   *         - True indicates that the media should play inline.
-   *         - False indicates that the media should not play inline.
-   *
-   * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-   */
-  'playsinline'].forEach(function (prop) {
-    Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-      this.el_[prop] = v;
-
-      if (v) {
-        this.el_.setAttribute(prop, prop);
-      } else {
-        this.el_.removeAttribute(prop);
-      }
-    };
-  }); // Wrap native properties with a getter
-  // The list is as followed
-  // paused, currentTime, buffered, volume, poster, preload, error, seeking
-  // seekable, ended, playbackRate, defaultPlaybackRate, played, networkState
-  // readyState, videoWidth, videoHeight
-
-  [
-  /**
-   * Get the value of `paused` from the media element. `paused` indicates whether the media element
-   * is currently paused or not.
-   *
-   * @method Html5#paused
-   * @return {boolean}
-   *         The value of `paused` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-paused}
-   */
-  'paused',
-  /**
-   * Get the value of `currentTime` from the media element. `currentTime` indicates
-   * the current second that the media is at in playback.
-   *
-   * @method Html5#currentTime
-   * @return {number}
-   *         The value of `currentTime` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-currenttime}
-   */
-  'currentTime',
-  /**
-   * Get the value of `buffered` from the media element. `buffered` is a `TimeRange`
-   * object that represents the parts of the media that are already downloaded and
-   * available for playback.
-   *
-   * @method Html5#buffered
-   * @return {TimeRange}
-   *         The value of `buffered` from the media element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-buffered}
-   */
-  'buffered',
-  /**
-   * Get the value of `volume` from the media element. `volume` indicates
-   * the current playback volume of audio for a media. `volume` will be a value from 0
-   * (silent) to 1 (loudest and default).
-   *
-   * @method Html5#volume
-   * @return {number}
-   *         The value of `volume` from the media element. Value will be between 0-1.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
-   */
-  'volume',
-  /**
-   * Get the value of `poster` from the media element. `poster` indicates
-   * that the url of an image file that can/will be shown when no media data is available.
-   *
-   * @method Html5#poster
-   * @return {string}
-   *         The value of `poster` from the media element. Value will be a url to an
-   *         image.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-video-poster}
-   */
-  'poster',
-  /**
-   * Get the value of `preload` from the media element. `preload` indicates
-   * what should download before the media is interacted with. It can have the following
-   * values:
-   * - none: nothing should be downloaded
-   * - metadata: poster and the first few frames of the media may be downloaded to get
-   *   media dimensions and other metadata
-   * - auto: allow the media and metadata for the media to be downloaded before
-   *    interaction
-   *
-   * @method Html5#preload
-   * @return {string}
-   *         The value of `preload` from the media element. Will be 'none', 'metadata',
-   *         or 'auto'.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
-   */
-  'preload',
-  /**
-   * Get the value of the `error` from the media element. `error` indicates any
-   * MediaError that may have occurred during playback. If error returns null there is no
-   * current error.
-   *
-   * @method Html5#error
-   * @return {MediaError|null}
-   *         The value of `error` from the media element. Will be `MediaError` if there
-   *         is a current error and null otherwise.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-error}
-   */
-  'error',
-  /**
-   * Get the value of `seeking` from the media element. `seeking` indicates whether the
-   * media is currently seeking to a new position or not.
-   *
-   * @method Html5#seeking
-   * @return {boolean}
-   *         - The value of `seeking` from the media element.
-   *         - True indicates that the media is currently seeking to a new position.
-   *         - False indicates that the media is not seeking to a new position at this time.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seeking}
-   */
-  'seeking',
-  /**
-   * Get the value of `seekable` from the media element. `seekable` returns a
-   * `TimeRange` object indicating ranges of time that can currently be `seeked` to.
-   *
-   * @method Html5#seekable
-   * @return {TimeRange}
-   *         The value of `seekable` from the media element. A `TimeRange` object
-   *         indicating the current ranges of time that can be seeked to.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-seekable}
-   */
-  'seekable',
-  /**
-   * Get the value of `ended` from the media element. `ended` indicates whether
-   * the media has reached the end or not.
-   *
-   * @method Html5#ended
-   * @return {boolean}
-   *         - The value of `ended` from the media element.
-   *         - True indicates that the media has ended.
-   *         - False indicates that the media has not ended.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-ended}
-   */
-  'ended',
-  /**
-   * Get the value of `playbackRate` from the media element. `playbackRate` indicates
-   * the rate at which the media is currently playing back. Examples:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5#playbackRate
-   * @return {number}
-   *         The value of `playbackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'playbackRate',
-  /**
-   * Get the value of `defaultPlaybackRate` from the media element. `defaultPlaybackRate` indicates
-   * the rate at which the media is currently playing back. This value will not indicate the current
-   * `playbackRate` after playback has started, use {@link Html5#playbackRate} for that.
-   *
-   * Examples:
-   *   - if defaultPlaybackRate is set to 2, media will play twice as fast.
-   *   - if defaultPlaybackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5.prototype.defaultPlaybackRate
-   * @return {number}
-   *         The value of `defaultPlaybackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'defaultPlaybackRate',
-  /**
-   * Get the value of `played` from the media element. `played` returns a `TimeRange`
-   * object representing points in the media timeline that have been played.
-   *
-   * @method Html5#played
-   * @return {TimeRange}
-   *         The value of `played` from the media element. A `TimeRange` object indicating
-   *         the ranges of time that have been played.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-played}
-   */
-  'played',
-  /**
-   * Get the value of `networkState` from the media element. `networkState` indicates
-   * the current network state. It returns an enumeration from the following list:
-   * - 0: NETWORK_EMPTY
-   * - 1: NETWORK_IDLE
-   * - 2: NETWORK_LOADING
-   * - 3: NETWORK_NO_SOURCE
-   *
-   * @method Html5#networkState
-   * @return {number}
-   *         The value of `networkState` from the media element. This will be a number
-   *         from the list in the description.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate}
-   */
-  'networkState',
-  /**
-   * Get the value of `readyState` from the media element. `readyState` indicates
-   * the current state of the media element. It returns an enumeration from the
-   * following list:
-   * - 0: HAVE_NOTHING
-   * - 1: HAVE_METADATA
-   * - 2: HAVE_CURRENT_DATA
-   * - 3: HAVE_FUTURE_DATA
-   * - 4: HAVE_ENOUGH_DATA
-   *
-   * @method Html5#readyState
-   * @return {number}
-   *         The value of `readyState` from the media element. This will be a number
-   *         from the list in the description.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#ready-states}
-   */
-  'readyState',
-  /**
-   * Get the value of `videoWidth` from the video element. `videoWidth` indicates
-   * the current width of the video in css pixels.
-   *
-   * @method Html5#videoWidth
-   * @return {number}
-   *         The value of `videoWidth` from the video element. This will be a number
-   *         in css pixels.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
-   */
-  'videoWidth',
-  /**
-   * Get the value of `videoHeight` from the video element. `videoHeight` indicates
-   * the current height of the video in css pixels.
-   *
-   * @method Html5#videoHeight
-   * @return {number}
-   *         The value of `videoHeight` from the video element. This will be a number
-   *         in css pixels.
-   *
-   * @see [Spec] {@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth}
-   */
-  'videoHeight'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop];
-    };
-  }); // Wrap native properties with a setter in this format:
-  // set + toTitleCase(name)
-  // The list is as follows:
-  // setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate
-
-  [
-  /**
-   * Set the value of `volume` on the media element. `volume` indicates the current
-   * audio level as a percentage in decimal form. This means that 1 is 100%, 0.5 is 50%, and
-   * so on.
-   *
-   * @method Html5#setVolume
-   * @param {number} percentAsDecimal
-   *        The volume percent as a decimal. Valid range is from 0-1.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-a-volume}
-   */
-  'volume',
-  /**
-   * Set the value of `src` on the media element. `src` indicates the current
-   * {@link Tech~SourceObject} for the media.
-   *
-   * @method Html5#setSrc
-   * @param {Tech~SourceObject} src
-   *        The source object to set as the current source.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-src}
-   */
-  'src',
-  /**
-   * Set the value of `poster` on the media element. `poster` is the url to
-   * an image file that can/will be shown when no media data is available.
-   *
-   * @method Html5#setPoster
-   * @param {string} poster
-   *        The url to an image that should be used as the `poster` for the media
-   *        element.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-poster}
-   */
-  'poster',
-  /**
-   * Set the value of `preload` on the media element. `preload` indicates
-   * what should download before the media is interacted with. It can have the following
-   * values:
-   * - none: nothing should be downloaded
-   * - metadata: poster and the first few frames of the media may be downloaded to get
-   *   media dimensions and other metadata
-   * - auto: allow the media and metadata for the media to be downloaded before
-   *    interaction
-   *
-   * @method Html5#setPreload
-   * @param {string} preload
-   *         The value of `preload` to set on the media element. Must be 'none', 'metadata',
-   *         or 'auto'.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#attr-media-preload}
-   */
-  'preload',
-  /**
-   * Set the value of `playbackRate` on the media element. `playbackRate` indicates
-   * the rate at which the media should play back. Examples:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5#setPlaybackRate
-   * @return {number}
-   *         The value of `playbackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
-   */
-  'playbackRate',
-  /**
-   * Set the value of `defaultPlaybackRate` on the media element. `defaultPlaybackRate` indicates
-   * the rate at which the media should play back upon initial startup. Changing this value
-   * after a video has started will do nothing. Instead you should used {@link Html5#setPlaybackRate}.
-   *
-   * Example Values:
-   *   - if playbackRate is set to 2, media will play twice as fast.
-   *   - if playbackRate is set to 0.5, media will play half as fast.
-   *
-   * @method Html5.prototype.setDefaultPlaybackRate
-   * @return {number}
-   *         The value of `defaultPlaybackRate` from the media element. A number indicating
-   *         the current playback speed of the media, where 1 is normal speed.
-   *
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}
-   */
-  'defaultPlaybackRate'].forEach(function (prop) {
-    Html5.prototype['set' + toTitleCase(prop)] = function (v) {
-      this.el_[prop] = v;
-    };
-  }); // wrap native functions with a function
-  // The list is as follows:
-  // pause, load, play
-
-  [
-  /**
-   * A wrapper around the media elements `pause` function. This will call the `HTML5`
-   * media elements `pause` function.
-   *
-   * @method Html5#pause
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-pause}
-   */
-  'pause',
-  /**
-   * A wrapper around the media elements `load` function. This will call the `HTML5`s
-   * media element `load` function.
-   *
-   * @method Html5#load
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-load}
-   */
-  'load',
-  /**
-   * A wrapper around the media elements `play` function. This will call the `HTML5`s
-   * media element `play` function.
-   *
-   * @method Html5#play
-   * @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-play}
-   */
-  'play'].forEach(function (prop) {
-    Html5.prototype[prop] = function () {
-      return this.el_[prop]();
-    };
-  });
-  Tech.withSourceHandlers(Html5);
-  /**
-   * Native source handler for Html5, simply passes the source to the media element.
-   *
-   * @property {Tech~SourceObject} source
-   *        The source object
-   *
-   * @property {Html5} tech
-   *        The instance of the HTML5 tech.
-   */
-
-  Html5.nativeSourceHandler = {};
-  /**
-   * Check if the media element can play the given mime type.
-   *
-   * @param {string} type
-   *        The mimetype to check
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string)
-   */
-
-  Html5.nativeSourceHandler.canPlayType = function (type) {
-    // IE without MediaPlayer throws an error (#519)
-    try {
-      return Html5.TEST_VID.canPlayType(type);
-    } catch (e) {
-      return '';
-    }
-  };
-  /**
-   * Check if the media element can handle a source natively.
-   *
-   * @param {Tech~SourceObject} source
-   *         The source object
-   *
-   * @param {Object} [options]
-   *         Options to be passed to the tech.
-   *
-   * @return {string}
-   *         'probably', 'maybe', or '' (empty string).
-   */
-
-
-  Html5.nativeSourceHandler.canHandleSource = function (source, options) {
-    // If a type was provided we should rely on that
-    if (source.type) {
-      return Html5.nativeSourceHandler.canPlayType(source.type); // If no type, fall back to checking 'video/[EXTENSION]'
-    } else if (source.src) {
-      var ext = getFileExtension(source.src);
-      return Html5.nativeSourceHandler.canPlayType("video/" + ext);
-    }
-
-    return '';
-  };
-  /**
-   * Pass the source to the native media element.
-   *
-   * @param {Tech~SourceObject} source
-   *        The source object
-   *
-   * @param {Html5} tech
-   *        The instance of the Html5 tech
-   *
-   * @param {Object} [options]
-   *        The options to pass to the source
-   */
-
-
-  Html5.nativeSourceHandler.handleSource = function (source, tech, options) {
-    tech.setSrc(source.src);
-  };
-  /**
-   * A noop for the native dispose function, as cleanup is not needed.
-   */
-
-
-  Html5.nativeSourceHandler.dispose = function () {}; // Register the native source handler
-
-
-  Html5.registerSourceHandler(Html5.nativeSourceHandler);
-  Tech.registerTech('Html5', Html5);
-
-  // on the player when they happen
-
-  var TECH_EVENTS_RETRIGGER = [
-  /**
-   * Fired while the user agent is downloading media data.
-   *
-   * @event Player#progress
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `progress` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechProgress_
-   * @fires Player#progress
-   * @listens Tech#progress
-   */
-  'progress',
-  /**
-   * Fires when the loading of an audio/video is aborted.
-   *
-   * @event Player#abort
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `abort` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechAbort_
-   * @fires Player#abort
-   * @listens Tech#abort
-   */
-  'abort',
-  /**
-   * Fires when the browser is intentionally not getting media data.
-   *
-   * @event Player#suspend
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `suspend` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechSuspend_
-   * @fires Player#suspend
-   * @listens Tech#suspend
-   */
-  'suspend',
-  /**
-   * Fires when the current playlist is empty.
-   *
-   * @event Player#emptied
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `emptied` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechEmptied_
-   * @fires Player#emptied
-   * @listens Tech#emptied
-   */
-  'emptied',
-  /**
-   * Fires when the browser is trying to get media data, but data is not available.
-   *
-   * @event Player#stalled
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechStalled_
-   * @fires Player#stalled
-   * @listens Tech#stalled
-   */
-  'stalled',
-  /**
-   * Fires when the browser has loaded meta data for the audio/video.
-   *
-   * @event Player#loadedmetadata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Retrigger the `stalled` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechLoadedmetadata_
-   * @fires Player#loadedmetadata
-   * @listens Tech#loadedmetadata
-   */
-  'loadedmetadata',
-  /**
-   * Fires when the browser has loaded the current frame of the audio/video.
-   *
-   * @event Player#loadeddata
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `loadeddata` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechLoaddeddata_
-   * @fires Player#loadeddata
-   * @listens Tech#loadeddata
-   */
-  'loadeddata',
-  /**
-   * Fires when the current playback position has changed.
-   *
-   * @event Player#timeupdate
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `timeupdate` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechTimeUpdate_
-   * @fires Player#timeupdate
-   * @listens Tech#timeupdate
-   */
-  'timeupdate',
-  /**
-   * Fires when the video's intrinsic dimensions change
-   *
-   * @event Player#resize
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `resize` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechResize_
-   * @fires Player#resize
-   * @listens Tech#resize
-   */
-  'resize',
-  /**
-   * Fires when the volume has been changed
-   *
-   * @event Player#volumechange
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `volumechange` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechVolumechange_
-   * @fires Player#volumechange
-   * @listens Tech#volumechange
-   */
-  'volumechange',
-  /**
-   * Fires when the text track has been changed
-   *
-   * @event Player#texttrackchange
-   * @type {event}
-   */
-
-  /**
-   * Retrigger the `texttrackchange` event that was triggered by the {@link Tech}.
-   *
-   * @private
-   * @method Player#handleTechTexttrackchange_
-   * @fires Player#texttrackchange
-   * @listens Tech#texttrackchange
-   */
-  'texttrackchange']; // events to queue when playback rate is zero
-  // this is a hash for the sole purpose of mapping non-camel-cased event names
-  // to camel-cased function names
-
-  var TECH_EVENTS_QUEUE = {
-    canplay: 'CanPlay',
-    canplaythrough: 'CanPlayThrough',
-    playing: 'Playing',
-    seeked: 'Seeked'
-  };
-  var BREAKPOINT_ORDER = ['tiny', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'huge'];
-  var BREAKPOINT_CLASSES = {}; // grep: vjs-layout-tiny
-  // grep: vjs-layout-x-small
-  // grep: vjs-layout-small
-  // grep: vjs-layout-medium
-  // grep: vjs-layout-large
-  // grep: vjs-layout-x-large
-  // grep: vjs-layout-huge
-
-  BREAKPOINT_ORDER.forEach(function (k) {
-    var v = k.charAt(0) === 'x' ? "x-" + k.substring(1) : k;
-    BREAKPOINT_CLASSES[k] = "vjs-layout-" + v;
-  });
-  var DEFAULT_BREAKPOINTS = {
-    tiny: 210,
-    xsmall: 320,
-    small: 425,
-    medium: 768,
-    large: 1440,
-    xlarge: 2560,
-    huge: Infinity
-  };
-  /**
-   * An instance of the `Player` class is created when any of the Video.js setup methods
-   * are used to initialize a video.
-   *
-   * After an instance has been created it can be accessed globally in two ways:
-   * 1. By calling `videojs('example_video_1');`
-   * 2. By using it directly via  `videojs.players.example_video_1;`
-   *
-   * @extends Component
-   */
-
-  var Player =
-  /*#__PURE__*/
-  function (_Component) {
-    inheritsLoose(Player, _Component);
-
-    /**
-     * Create an instance of this class.
-     *
-     * @param {Element} tag
-     *        The original video DOM element used for configuring options.
-     *
-     * @param {Object} [options]
-     *        Object of option names and values.
-     *
-     * @param {Component~ReadyCallback} [ready]
-     *        Ready callback function.
-     */
-    function Player(tag, options, ready) {
-      var _this;
-
-      // Make sure tag ID exists
-      tag.id = tag.id || options.id || "vjs_video_" + newGUID(); // Set Options
-      // The options argument overrides options set in the video tag
-      // which overrides globally set options.
-      // This latter part coincides with the load order
-      // (tag must exist before Player)
-
-      options = assign(Player.getTagSettings(tag), options); // Delay the initialization of children because we need to set up
-      // player properties first, and can't use `this` before `super()`
-
-      options.initChildren = false; // Same with creating the element
-
-      options.createEl = false; // don't auto mixin the evented mixin
-
-      options.evented = false; // we don't want the player to report touch activity on itself
-      // see enableTouchActivity in Component
-
-      options.reportTouchActivity = false; // If language is not set, get the closest lang attribute
-
-      if (!options.language) {
-        if (typeof tag.closest === 'function') {
-          var closest = tag.closest('[lang]');
-
-          if (closest && closest.getAttribute) {
-            options.language = closest.getAttribute('lang');
-          }
-        } else {
-          var element = tag;
-
-          while (element && element.nodeType === 1) {
-            if (getAttributes(element).hasOwnProperty('lang')) {
-              options.language = element.getAttribute('lang');
-              break;
-            }
-
-            element = element.parentNode;
-          }
-        }
-      } // Run base component initializing with new options
-
-
-      _this = _Component.call(this, null, options, ready) || this; // Create bound methods for document listeners.
-
-      _this.boundDocumentFullscreenChange_ = bind(assertThisInitialized(_this), _this.documentFullscreenChange_);
-      _this.boundFullWindowOnEscKey_ = bind(assertThisInitialized(_this), _this.fullWindowOnEscKey); // create logger
-
-      _this.log = createLogger$1(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
-
-      _this.fsApi_ = FullscreenApi; // Tracks when a tech changes the poster
-
-      _this.isPosterFromTech_ = false; // Holds callback info that gets queued when playback rate is zero
-      // and a seek is happening
-
-      _this.queuedCallbacks_ = []; // Turn off API access because we're loading a new tech that might load asynchronously
-
-      _this.isReady_ = false; // Init state hasStarted_
-
-      _this.hasStarted_ = false; // Init state userActive_
-
-      _this.userActive_ = false; // if the global option object was accidentally blown away by
-      // someone, bail early with an informative error
-
-      if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {
-        throw new Error('No techOrder specified. Did you overwrite ' + 'videojs.options instead of just changing the ' + 'properties you want to override?');
-      } // Store the original tag used to set options
-
-
-      _this.tag = tag; // Store the tag attributes used to restore html5 element
-
-      _this.tagAttributes = tag && getAttributes(tag); // Update current language
-
-      _this.language(_this.options_.language); // Update Supported Languages
-
-
-      if (options.languages) {
-        // Normalise player option languages to lowercase
-        var languagesToLower = {};
-        Object.getOwnPropertyNames(options.languages).forEach(function (name) {
-          languagesToLower[name.toLowerCase()] = options.languages[name];
-        });
-        _this.languages_ = languagesToLower;
-      } else {
-        _this.languages_ = Player.prototype.options_.languages;
-      }
-
-      _this.resetCache_(); // Set poster
-
-
-      _this.poster_ = options.poster || ''; // Set controls
-
-      _this.controls_ = !!options.controls; // Original tag settings stored in options
-      // now remove immediately so native controls don't flash.
-      // May be turned back on by HTML5 tech if nativeControlsForTouch is true
-
-      tag.controls = false;
-      tag.removeAttribute('controls');
-      _this.changingSrc_ = false;
-      _this.playCallbacks_ = [];
-      _this.playTerminatedQueue_ = []; // the attribute overrides the option
-
-      if (tag.hasAttribute('autoplay')) {
-        _this.autoplay(true);
-      } else {
-        // otherwise use the setter to validate and
-        // set the correct value.
-        _this.autoplay(_this.options_.autoplay);
-      } // check plugins
-
-
-      if (options.plugins) {
-        Object.keys(options.plugins).forEach(function (name) {
-          if (typeof _this[name] !== 'function') {
-            throw new Error("plugin \"" + name + "\" does not exist");
-          }
-        });
-      }
-      /*
-       * Store the internal state of scrubbing
-       *
-       * @private
-       * @return {Boolean} True if the user is scrubbing
-       */
-
-
-      _this.scrubbing_ = false;
-      _this.el_ = _this.createEl(); // Make this an evented object and use `el_` as its event bus.
-
-      evented(assertThisInitialized(_this), {
-        eventBusKey: 'el_'
-      });
-
-      if (_this.fluid_) {
-        _this.on('playerreset', _this.updateStyleEl_);
-      } // We also want to pass the original player options to each component and plugin
-      // as well so they don't need to reach back into the player for options later.
-      // We also need to do another copy of this.options_ so we don't end up with
-      // an infinite loop.
-
-
-      var playerOptionsCopy = mergeOptions(_this.options_); // Load plugins
-
-      if (options.plugins) {
-        Object.keys(options.plugins).forEach(function (name) {
-          _this[name](options.plugins[name]);
-        });
-      }
-
-      _this.options_.playerOptions = playerOptionsCopy;
-      _this.middleware_ = [];
-
-      _this.initChildren(); // Set isAudio based on whether or not an audio tag was used
-
-
-      _this.isAudio(tag.nodeName.toLowerCase() === 'audio'); // Update controls className. Can't do this when the controls are initially
-      // set because the element doesn't exist yet.
-
-
-      if (_this.controls()) {
-        _this.addClass('vjs-controls-enabled');
-      } else {
-        _this.addClass('vjs-controls-disabled');
-      } // Set ARIA label and region role depending on player type
-
-
-      _this.el_.setAttribute('role', 'region');
-
-      if (_this.isAudio()) {
-        _this.el_.setAttribute('aria-label', _this.localize('Audio Player'));
-      } else {
-        _this.el_.setAttribute('aria-label', _this.localize('Video Player'));
-      }
-
-      if (_this.isAudio()) {
-        _this.addClass('vjs-audio');
-      }
-
-      if (_this.flexNotSupported_()) {
-        _this.addClass('vjs-no-flex');
-      } // TODO: Make this smarter. Toggle user state between touching/mousing
-      // using events, since devices can have both touch and mouse events.
-      // TODO: Make this check be performed again when the window switches between monitors
-      // (See https://github.com/videojs/video.js/issues/5683)
-
-
-      if (TOUCH_ENABLED) {
-        _this.addClass('vjs-touch-enabled');
-      } // iOS Safari has broken hover handling
-
-
-      if (!IS_IOS) {
-        _this.addClass('vjs-workinghover');
-      } // Make player easily findable by ID
-
-
-      Player.players[_this.id_] = assertThisInitialized(_this); // Add a major version class to aid css in plugins
-
-      var majorVersion = version.split('.')[0];
-
-      _this.addClass("vjs-v" + majorVersion); // When the player is first initialized, trigger activity so components
-      // like the control bar show themselves if needed
-
-
-      _this.userActive(true);
-
-      _this.reportUserActivity();
-
-      _this.one('play', _this.listenForUserActivity_);
-
-      _this.on('stageclick', _this.handleStageClick_);
-
-      _this.on('keydown', _this.handleKeyDown);
-
-      _this.breakpoints(_this.options_.breakpoints);
-
-      _this.responsive(_this.options_.responsive);
-
-      return _this;
-    }
-    /**
-     * 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.
-     *
-     * @fires Player#dispose
-     */
-
-
-    var _proto = Player.prototype;
-
-    _proto.dispose = function dispose() {
-      var _this2 = this;
-
-      /**
-       * Called when the player is being disposed of.
-       *
-       * @event Player#dispose
-       * @type {EventTarget~Event}
-       */
-      this.trigger('dispose'); // prevent dispose from being called twice
-
-      this.off('dispose'); // Make sure all player-specific document listeners are unbound. This is
-
-      off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-      off(document, 'keydown', this.boundFullWindowOnEscKey_);
-
-      if (this.styleEl_ && this.styleEl_.parentNode) {
-        this.styleEl_.parentNode.removeChild(this.styleEl_);
-        this.styleEl_ = null;
-      } // Kill reference to this player
-
-
-      Player.players[this.id_] = null;
-
-      if (this.tag && this.tag.player) {
-        this.tag.player = null;
-      }
-
-      if (this.el_ && this.el_.player) {
-        this.el_.player = null;
-      }
-
-      if (this.tech_) {
-        this.tech_.dispose();
-        this.isPosterFromTech_ = false;
-        this.poster_ = '';
-      }
-
-      if (this.playerElIngest_) {
-        this.playerElIngest_ = null;
-      }
-
-      if (this.tag) {
-        this.tag = null;
-      }
-
-      clearCacheForPlayer(this); // remove all event handlers for track lists
-      // all tracks and track listeners are removed on
-      // tech dispose
-
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-
-        var list = _this2[props.getterName](); // if it is not a native list
-        // we have to manually remove event listeners
-
-
-        if (list && list.off) {
-          list.off();
-        }
-      }); // the actual .el_ is removed here
-
-      _Component.prototype.dispose.call(this);
-    }
-    /**
-     * Create the `Player`'s DOM element.
-     *
-     * @return {Element}
-     *         The DOM element that gets created.
-     */
-    ;
-
-    _proto.createEl = function createEl() {
-      var tag = this.tag;
-      var el;
-      var playerElIngest = this.playerElIngest_ = tag.parentNode && tag.parentNode.hasAttribute && tag.parentNode.hasAttribute('data-vjs-player');
-      var divEmbed = this.tag.tagName.toLowerCase() === 'video-js';
-
-      if (playerElIngest) {
-        el = this.el_ = tag.parentNode;
-      } else if (!divEmbed) {
-        el = this.el_ = _Component.prototype.createEl.call(this, 'div');
-      } // Copy over all the attributes from the tag, including ID and class
-      // ID will now reference player box, not the video tag
-
-
-      var attrs = getAttributes(tag);
-
-      if (divEmbed) {
-        el = this.el_ = tag;
-        tag = this.tag = document.createElement('video');
-
-        while (el.children.length) {
-          tag.appendChild(el.firstChild);
-        }
-
-        if (!hasClass(el, 'video-js')) {
-          addClass(el, 'video-js');
-        }
-
-        el.appendChild(tag);
-        playerElIngest = this.playerElIngest_ = el; // move properties over from our custom `video-js` element
-        // to our new `video` element. This will move things like
-        // `src` or `controls` that were set via js before the player
-        // was initialized.
-
-        Object.keys(el).forEach(function (k) {
-          try {
-            tag[k] = el[k];
-          } catch (e) {// we got a a property like outerHTML which we can't actually copy, ignore it
-          }
-        });
-      } // set tabindex to -1 to remove the video element from the focus order
-
-
-      tag.setAttribute('tabindex', '-1');
-      attrs.tabindex = '-1'; // Workaround for #4583 (JAWS+IE doesn't announce BPB or play button), and
-      // for the same issue with Chrome (on Windows) with JAWS.
-      // See https://github.com/FreedomScientific/VFO-standards-support/issues/78
-      // Note that we can't detect if JAWS is being used, but this ARIA attribute
-      //  doesn't change behavior of IE11 or Chrome if JAWS is not being used
-
-      if (IE_VERSION || IS_CHROME && IS_WINDOWS) {
-        tag.setAttribute('role', 'application');
-        attrs.role = 'application';
-      } // Remove width/height attrs from tag so CSS can make it 100% width/height
-
-
-      tag.removeAttribute('width');
-      tag.removeAttribute('height');
-
-      if ('width' in attrs) {
-        delete attrs.width;
-      }
-
-      if ('height' in attrs) {
-        delete attrs.height;
-      }
-
-      Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-        // don't copy over the class attribute to the player element when we're in a div embed
-        // the class is already set up properly in the divEmbed case
-        // and we want to make sure that the `video-js` class doesn't get lost
-        if (!(divEmbed && attr === 'class')) {
-          el.setAttribute(attr, attrs[attr]);
-        }
-
-        if (divEmbed) {
-          tag.setAttribute(attr, attrs[attr]);
-        }
-      }); // Update tag id/class for use as HTML5 playback tech
-      // Might think we should do this after embedding in container so .vjs-tech class
-      // doesn't flash 100% width/height, but class only applies with .video-js parent
-
-      tag.playerId = tag.id;
-      tag.id += '_html5_api';
-      tag.className = 'vjs-tech'; // Make player findable on elements
-
-      tag.player = el.player = this; // Default state of video is paused
-
-      this.addClass('vjs-paused'); // Add a style element in the player that we'll use to set the width/height
-      // of the player in a way that's still overrideable by CSS, just like the
-      // video element
-
-      if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
-        this.styleEl_ = createStyleElement('vjs-styles-dimensions');
-        var defaultsStyleEl = $('.vjs-styles-defaults');
-        var head = $('head');
-        head.insertBefore(this.styleEl_, defaultsStyleEl ? defaultsStyleEl.nextSibling : head.firstChild);
-      }
-
-      this.fill_ = false;
-      this.fluid_ = false; // Pass in the width/height/aspectRatio options which will update the style el
-
-      this.width(this.options_.width);
-      this.height(this.options_.height);
-      this.fill(this.options_.fill);
-      this.fluid(this.options_.fluid);
-      this.aspectRatio(this.options_.aspectRatio); // Hide any links within the video/audio tag,
-      // because IE doesn't hide them completely from screen readers.
-
-      var links = tag.getElementsByTagName('a');
-
-      for (var i = 0; i < links.length; i++) {
-        var linkEl = links.item(i);
-        addClass(linkEl, 'vjs-hidden');
-        linkEl.setAttribute('hidden', 'hidden');
-      } // insertElFirst seems to cause the networkState to flicker from 3 to 2, so
-      // keep track of the original for later so we can know if the source originally failed
-
-
-      tag.initNetworkState_ = tag.networkState; // Wrap video tag in div (el/box) container
-
-      if (tag.parentNode && !playerElIngest) {
-        tag.parentNode.insertBefore(el, tag);
-      } // insert the tag as the first child of the player element
-      // then manually add it to the children array so that this.addChild
-      // will work properly for other components
-      //
-      // Breaks iPhone, fixed in HTML5 setup.
-
-
-      prependTo(tag, el);
-      this.children_.unshift(tag); // Set lang attr on player to ensure CSS :lang() in consistent with player
-      // if it's been set to something different to the doc
-
-      this.el_.setAttribute('lang', this.language_);
-      this.el_ = el;
-      return el;
-    }
-    /**
-     * A getter/setter for the `Player`'s width. Returns the player's configured value.
-     * To get the current width use `currentWidth()`.
-     *
-     * @param {number} [value]
-     *        The value to set the `Player`'s width to.
-     *
-     * @return {number}
-     *         The current width of the `Player` when getting.
-     */
-    ;
-
-    _proto.width = function width(value) {
-      return this.dimension('width', value);
-    }
-    /**
-     * A getter/setter for the `Player`'s height. Returns the player's configured value.
-     * To get the current height use `currentheight()`.
-     *
-     * @param {number} [value]
-     *        The value to set the `Player`'s heigth to.
-     *
-     * @return {number}
-     *         The current height of the `Player` when getting.
-     */
-    ;
-
-    _proto.height = function height(value) {
-      return this.dimension('height', value);
-    }
-    /**
-     * A getter/setter for the `Player`'s width & height.
-     *
-     * @param {string} dimension
-     *        This string can be:
-     *        - 'width'
-     *        - 'height'
-     *
-     * @param {number} [value]
-     *        Value for dimension specified in the first argument.
-     *
-     * @return {number}
-     *         The dimension arguments value when getting (width/height).
-     */
-    ;
-
-    _proto.dimension = function dimension(_dimension, value) {
-      var privDimension = _dimension + '_';
-
-      if (value === undefined) {
-        return this[privDimension] || 0;
-      }
-
-      if (value === '' || value === 'auto') {
-        // If an empty string is given, reset the dimension to be automatic
-        this[privDimension] = undefined;
-        this.updateStyleEl_();
-        return;
-      }
-
-      var parsedVal = parseFloat(value);
-
-      if (isNaN(parsedVal)) {
-        log.error("Improper value \"" + value + "\" supplied for for " + _dimension);
-        return;
-      }
-
-      this[privDimension] = parsedVal;
-      this.updateStyleEl_();
-    }
-    /**
-     * A getter/setter/toggler for the vjs-fluid `className` on the `Player`.
-     *
-     * Turning this on will turn off fill mode.
-     *
-     * @param {boolean} [bool]
-     *        - A value of true adds the class.
-     *        - A value of false removes the class.
-     *        - No value will be a getter.
-     *
-     * @return {boolean|undefined}
-     *         - The value of fluid when getting.
-     *         - `undefined` when setting.
-     */
-    ;
-
-    _proto.fluid = function fluid(bool) {
-      if (bool === undefined) {
-        return !!this.fluid_;
-      }
-
-      this.fluid_ = !!bool;
-
-      if (isEvented(this)) {
-        this.off('playerreset', this.updateStyleEl_);
-      }
-
-      if (bool) {
-        this.addClass('vjs-fluid');
-        this.fill(false);
-        addEventedCallback(function () {
-          this.on('playerreset', this.updateStyleEl_);
-        });
-      } else {
-        this.removeClass('vjs-fluid');
-      }
-
-      this.updateStyleEl_();
-    }
-    /**
-     * A getter/setter/toggler for the vjs-fill `className` on the `Player`.
-     *
-     * Turning this on will turn off fluid mode.
-     *
-     * @param {boolean} [bool]
-     *        - A value of true adds the class.
-     *        - A value of false removes the class.
-     *        - No value will be a getter.
-     *
-     * @return {boolean|undefined}
-     *         - The value of fluid when getting.
-     *         - `undefined` when setting.
-     */
-    ;
-
-    _proto.fill = function fill(bool) {
-      if (bool === undefined) {
-        return !!this.fill_;
-      }
-
-      this.fill_ = !!bool;
-
-      if (bool) {
-        this.addClass('vjs-fill');
-        this.fluid(false);
-      } else {
-        this.removeClass('vjs-fill');
-      }
-    }
-    /**
-     * Get/Set the aspect ratio
-     *
-     * @param {string} [ratio]
-     *        Aspect ratio for player
-     *
-     * @return {string|undefined}
-     *         returns the current aspect ratio when getting
-     */
-
-    /**
-     * A getter/setter for the `Player`'s aspect ratio.
-     *
-     * @param {string} [ratio]
-     *        The value to set the `Player's aspect ratio to.
-     *
-     * @return {string|undefined}
-     *         - The current aspect ratio of the `Player` when getting.
-     *         - undefined when setting
-     */
-    ;
-
-    _proto.aspectRatio = function aspectRatio(ratio) {
-      if (ratio === undefined) {
-        return this.aspectRatio_;
-      } // Check for width:height format
-
-
-      if (!/^\d+\:\d+$/.test(ratio)) {
-        throw new Error('Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.');
-      }
-
-      this.aspectRatio_ = ratio; // We're assuming if you set an aspect ratio you want fluid mode,
-      // because in fixed mode you could calculate width and height yourself.
-
-      this.fluid(true);
-      this.updateStyleEl_();
-    }
-    /**
-     * Update styles of the `Player` element (height, width and aspect ratio).
-     *
-     * @private
-     * @listens Tech#loadedmetadata
-     */
-    ;
-
-    _proto.updateStyleEl_ = function updateStyleEl_() {
-      if (window$1.VIDEOJS_NO_DYNAMIC_STYLE === true) {
-        var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;
-
-        var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;
-
-        var techEl = this.tech_ && this.tech_.el();
-
-        if (techEl) {
-          if (_width >= 0) {
-            techEl.width = _width;
-          }
-
-          if (_height >= 0) {
-            techEl.height = _height;
-          }
-        }
-
-        return;
-      }
-
-      var width;
-      var height;
-      var aspectRatio;
-      var idClass; // The aspect ratio is either used directly or to calculate width and height.
-
-      if (this.aspectRatio_ !== undefined && this.aspectRatio_ !== 'auto') {
-        // Use any aspectRatio that's been specifically set
-        aspectRatio = this.aspectRatio_;
-      } else if (this.videoWidth() > 0) {
-        // Otherwise try to get the aspect ratio from the video metadata
-        aspectRatio = this.videoWidth() + ':' + this.videoHeight();
-      } else {
-        // Or use a default. The video element's is 2:1, but 16:9 is more common.
-        aspectRatio = '16:9';
-      } // Get the ratio as a decimal we can use to calculate dimensions
-
-
-      var ratioParts = aspectRatio.split(':');
-      var ratioMultiplier = ratioParts[1] / ratioParts[0];
-
-      if (this.width_ !== undefined) {
-        // Use any width that's been specifically set
-        width = this.width_;
-      } else if (this.height_ !== undefined) {
-        // Or calulate the width from the aspect ratio if a height has been set
-        width = this.height_ / ratioMultiplier;
-      } else {
-        // Or use the video's metadata, or use the video el's default of 300
-        width = this.videoWidth() || 300;
-      }
-
-      if (this.height_ !== undefined) {
-        // Use any height that's been specifically set
-        height = this.height_;
-      } else {
-        // Otherwise calculate the height from the ratio and the width
-        height = width * ratioMultiplier;
-      } // Ensure the CSS class is valid by starting with an alpha character
-
-
-      if (/^[^a-zA-Z]/.test(this.id())) {
-        idClass = 'dimensions-' + this.id();
-      } else {
-        idClass = this.id() + '-dimensions';
-      } // Ensure the right class is still on the player for the style element
-
-
-      this.addClass(idClass);
-      setTextContent(this.styleEl_, "\n      ." + idClass + " {\n        width: " + width + "px;\n        height: " + height + "px;\n      }\n\n      ." + idClass + ".vjs-fluid {\n        padding-top: " + ratioMultiplier * 100 + "%;\n      }\n    ");
-    }
-    /**
-     * Load/Create an instance of playback {@link Tech} including element
-     * and API methods. Then append the `Tech` element in `Player` as a child.
-     *
-     * @param {string} techName
-     *        name of the playback technology
-     *
-     * @param {string} source
-     *        video source
-     *
-     * @private
-     */
-    ;
-
-    _proto.loadTech_ = function loadTech_(techName, source) {
-      var _this3 = this;
-
-      // Pause and remove current playback technology
-      if (this.tech_) {
-        this.unloadTech_();
-      }
-
-      var titleTechName = toTitleCase(techName);
-      var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1); // get rid of the HTML5 video tag as soon as we are using another tech
-
-      if (titleTechName !== 'Html5' && this.tag) {
-        Tech.getTech('Html5').disposeMediaElement(this.tag);
-        this.tag.player = null;
-        this.tag = null;
-      }
-
-      this.techName_ = titleTechName; // Turn off API access because we're loading a new tech that might load asynchronously
-
-      this.isReady_ = false; // if autoplay is a string we pass false to the tech
-      // because the player is going to handle autoplay on `loadstart`
-
-      var autoplay = typeof this.autoplay() === 'string' ? false : this.autoplay(); // Grab tech-specific options from player options and add source and parent element to use.
-
-      var techOptions = {
-        source: source,
-        autoplay: autoplay,
-        'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-        'playerId': this.id(),
-        'techId': this.id() + "_" + camelTechName + "_api",
-        'playsinline': this.options_.playsinline,
-        'preload': this.options_.preload,
-        'loop': this.options_.loop,
-        'muted': this.options_.muted,
-        'poster': this.poster(),
-        'language': this.language(),
-        'playerElIngest': this.playerElIngest_ || false,
-        'vtt.js': this.options_['vtt.js'],
-        'canOverridePoster': !!this.options_.techCanOverridePoster,
-        'enableSourceset': this.options_.enableSourceset,
-        'Promise': this.options_.Promise
-      };
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-        techOptions[props.getterName] = _this3[props.privateName];
-      });
-      assign(techOptions, this.options_[titleTechName]);
-      assign(techOptions, this.options_[camelTechName]);
-      assign(techOptions, this.options_[techName.toLowerCase()]);
-
-      if (this.tag) {
-        techOptions.tag = this.tag;
-      }
-
-      if (source && source.src === this.cache_.src && this.cache_.currentTime > 0) {
-        techOptions.startTime = this.cache_.currentTime;
-      } // Initialize tech instance
-
-
-      var TechClass = Tech.getTech(techName);
-
-      if (!TechClass) {
-        throw new Error("No Tech named '" + titleTechName + "' exists! '" + titleTechName + "' should be registered using videojs.registerTech()'");
-      }
-
-      this.tech_ = new TechClass(techOptions); // player.triggerReady is always async, so don't need this to be async
-
-      this.tech_.ready(bind(this, this.handleTechReady_), true);
-      textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_); // Listen to all HTML5-defined events and trigger them on the player
-
-      TECH_EVENTS_RETRIGGER.forEach(function (event) {
-        _this3.on(_this3.tech_, event, _this3["handleTech" + toTitleCase(event) + "_"]);
-      });
-      Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {
-        _this3.on(_this3.tech_, event, function (eventObj) {
-          if (_this3.tech_.playbackRate() === 0 && _this3.tech_.seeking()) {
-            _this3.queuedCallbacks_.push({
-              callback: _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this3),
-              event: eventObj
-            });
-
-            return;
-          }
-
-          _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
-        });
-      });
-      this.on(this.tech_, 'loadstart', this.handleTechLoadStart_);
-      this.on(this.tech_, 'sourceset', this.handleTechSourceset_);
-      this.on(this.tech_, 'waiting', this.handleTechWaiting_);
-      this.on(this.tech_, 'ended', this.handleTechEnded_);
-      this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-      this.on(this.tech_, 'play', this.handleTechPlay_);
-      this.on(this.tech_, 'firstplay', this.handleTechFirstPlay_);
-      this.on(this.tech_, 'pause', this.handleTechPause_);
-      this.on(this.tech_, 'durationchange', this.handleTechDurationChange_);
-      this.on(this.tech_, 'fullscreenchange', this.handleTechFullscreenChange_);
-      this.on(this.tech_, 'enterpictureinpicture', this.handleTechEnterPictureInPicture_);
-      this.on(this.tech_, 'leavepictureinpicture', this.handleTechLeavePictureInPicture_);
-      this.on(this.tech_, 'error', this.handleTechError_);
-      this.on(this.tech_, 'loadedmetadata', this.updateStyleEl_);
-      this.on(this.tech_, 'posterchange', this.handleTechPosterChange_);
-      this.on(this.tech_, 'textdata', this.handleTechTextData_);
-      this.on(this.tech_, 'ratechange', this.handleTechRateChange_);
-      this.usingNativeControls(this.techGet_('controls'));
-
-      if (this.controls() && !this.usingNativeControls()) {
-        this.addTechControlsListeners_();
-      } // Add the tech element in the DOM if it was not already there
-      // Make sure to not insert the original video element if using Html5
-
-
-      if (this.tech_.el().parentNode !== this.el() && (titleTechName !== 'Html5' || !this.tag)) {
-        prependTo(this.tech_.el(), this.el());
-      } // Get rid of the original video tag reference after the first tech is loaded
-
-
-      if (this.tag) {
-        this.tag.player = null;
-        this.tag = null;
-      }
-    }
-    /**
-     * Unload and dispose of the current playback {@link Tech}.
-     *
-     * @private
-     */
-    ;
-
-    _proto.unloadTech_ = function unloadTech_() {
-      var _this4 = this;
-
-      // Save the current text tracks so that we can reuse the same text tracks with the next tech
-      ALL.names.forEach(function (name) {
-        var props = ALL[name];
-        _this4[props.privateName] = _this4[props.getterName]();
-      });
-      this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);
-      this.isReady_ = false;
-      this.tech_.dispose();
-      this.tech_ = false;
-
-      if (this.isPosterFromTech_) {
-        this.poster_ = '';
-        this.trigger('posterchange');
-      }
-
-      this.isPosterFromTech_ = false;
-    }
-    /**
-     * Return a reference to the current {@link Tech}.
-     * It will print a warning by default about the danger of using the tech directly
-     * but any argument that is passed in will silence the warning.
-     *
-     * @param {*} [safety]
-     *        Anything passed in to silence the warning
-     *
-     * @return {Tech}
-     *         The Tech
-     */
-    ;
-
-    _proto.tech = function tech(safety) {
-      if (safety === undefined) {
-        log.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
-      }
-
-      return this.tech_;
-    }
-    /**
-     * Set up click and touch listeners for the playback element
-     *
-     * - On desktops: a click on the video itself will toggle playback
-     * - On mobile devices: a click on the video toggles controls
-     *   which 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
-     *
-     * @private
-     */
-    ;
-
-    _proto.addTechControlsListeners_ = function addTechControlsListeners_() {
-      // Make sure to remove all the previous listeners in case we are called multiple times.
-      this.removeTechControlsListeners_(); // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
-      // trigger mousedown/up.
-      // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
-      // Any touch events are set to block the mousedown event from happening
-
-      this.on(this.tech_, 'mouseup', this.handleTechClick_);
-      this.on(this.tech_, 'dblclick', this.handleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
-      // so we'll check if the controls were already showing before reporting user
-      // activity
-
-      this.on(this.tech_, 'touchstart', this.handleTechTouchStart_);
-      this.on(this.tech_, 'touchmove', this.handleTechTouchMove_);
-      this.on(this.tech_, 'touchend', this.handleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
-      // listener cancels out any reportedUserActivity when setting userActive(false)
-
-      this.on(this.tech_, 'tap', this.handleTechTap_);
-    }
-    /**
-     * Remove the listeners used for click and tap controls. This is needed for
-     * toggling to controls disabled, where a tap/touch should do nothing.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeTechControlsListeners_ = function removeTechControlsListeners_() {
-      // We don't want to just use `this.off()` because there might be other needed
-      // listeners added by techs that extend this.
-      this.off(this.tech_, 'tap', this.handleTechTap_);
-      this.off(this.tech_, 'touchstart', this.handleTechTouchStart_);
-      this.off(this.tech_, 'touchmove', this.handleTechTouchMove_);
-      this.off(this.tech_, 'touchend', this.handleTechTouchEnd_);
-      this.off(this.tech_, 'mouseup', this.handleTechClick_);
-      this.off(this.tech_, 'dblclick', this.handleTechDoubleClick_);
-    }
-    /**
-     * Player waits for the tech to be ready
-     *
-     * @private
-     */
-    ;
-
-    _proto.handleTechReady_ = function handleTechReady_() {
-      this.triggerReady(); // Keep the same volume as before
-
-      if (this.cache_.volume) {
-        this.techCall_('setVolume', this.cache_.volume);
-      } // Look if the tech found a higher resolution poster while loading
-
-
-      this.handleTechPosterChange_(); // Update the duration if available
-
-      this.handleTechDurationChange_();
-    }
-    /**
-     * Retrigger the `loadstart` event that was triggered by the {@link Tech}. This
-     * function will also trigger {@link Player#firstplay} if it is the first loadstart
-     * for a video.
-     *
-     * @fires Player#loadstart
-     * @fires Player#firstplay
-     * @listens Tech#loadstart
-     * @private
-     */
-    ;
-
-    _proto.handleTechLoadStart_ = function handleTechLoadStart_() {
-      // TODO: Update to use `emptied` event instead. See #1277.
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-seeking'); // reset the error state
-
-      this.error(null); // Update the duration
-
-      this.handleTechDurationChange_(); // If it's already playing we want to trigger a firstplay event now.
-      // The firstplay event relies on both the play and loadstart events
-      // which can happen in any order for a new source
-
-      if (!this.paused()) {
-        /**
-         * Fired when the user agent begins looking for media data
-         *
-         * @event Player#loadstart
-         * @type {EventTarget~Event}
-         */
-        this.trigger('loadstart');
-        this.trigger('firstplay');
-      } else {
-        // reset the hasStarted state
-        this.hasStarted(false);
-        this.trigger('loadstart');
-      } // autoplay happens after loadstart for the browser,
-      // so we mimic that behavior
-
-
-      this.manualAutoplay_(this.autoplay());
-    }
-    /**
-     * Handle autoplay string values, rather than the typical boolean
-     * values that should be handled by the tech. Note that this is not
-     * part of any specification. Valid values and what they do can be
-     * found on the autoplay getter at Player#autoplay()
-     */
-    ;
-
-    _proto.manualAutoplay_ = function manualAutoplay_(type) {
-      var _this5 = this;
-
-      if (!this.tech_ || typeof type !== 'string') {
-        return;
-      }
-
-      var muted = function muted() {
-        var previouslyMuted = _this5.muted();
-
-        _this5.muted(true);
-
-        var restoreMuted = function restoreMuted() {
-          _this5.muted(previouslyMuted);
-        }; // restore muted on play terminatation
-
-
-        _this5.playTerminatedQueue_.push(restoreMuted);
-
-        var mutedPromise = _this5.play();
-
-        if (!isPromise(mutedPromise)) {
-          return;
-        }
-
-        return mutedPromise["catch"](restoreMuted);
-      };
-
-      var promise; // if muted defaults to true
-      // the only thing we can do is call play
-
-      if (type === 'any' && this.muted() !== true) {
-        promise = this.play();
-
-        if (isPromise(promise)) {
-          promise = promise["catch"](muted);
-        }
-      } else if (type === 'muted' && this.muted() !== true) {
-        promise = muted();
-      } else {
-        promise = this.play();
-      }
-
-      if (!isPromise(promise)) {
-        return;
-      }
-
-      return promise.then(function () {
-        _this5.trigger({
-          type: 'autoplay-success',
-          autoplay: type
-        });
-      })["catch"](function (e) {
-        _this5.trigger({
-          type: 'autoplay-failure',
-          autoplay: type
-        });
-      });
-    }
-    /**
-     * Update the internal source caches so that we return the correct source from
-     * `src()`, `currentSource()`, and `currentSources()`.
-     *
-     * > Note: `currentSources` will not be updated if the source that is passed in exists
-     *         in the current `currentSources` cache.
-     *
-     *
-     * @param {Tech~SourceObject} srcObj
-     *        A string or object source to update our caches to.
-     */
-    ;
-
-    _proto.updateSourceCaches_ = function updateSourceCaches_(srcObj) {
-      if (srcObj === void 0) {
-        srcObj = '';
-      }
-
-      var src = srcObj;
-      var type = '';
-
-      if (typeof src !== 'string') {
-        src = srcObj.src;
-        type = srcObj.type;
-      } // make sure all the caches are set to default values
-      // to prevent null checking
-
-
-      this.cache_.source = this.cache_.source || {};
-      this.cache_.sources = this.cache_.sources || []; // try to get the type of the src that was passed in
-
-      if (src && !type) {
-        type = findMimetype(this, src);
-      } // update `currentSource` cache always
-
-
-      this.cache_.source = mergeOptions({}, srcObj, {
-        src: src,
-        type: type
-      });
-      var matchingSources = this.cache_.sources.filter(function (s) {
-        return s.src && s.src === src;
-      });
-      var sourceElSources = [];
-      var sourceEls = this.$$('source');
-      var matchingSourceEls = [];
-
-      for (var i = 0; i < sourceEls.length; i++) {
-        var sourceObj = getAttributes(sourceEls[i]);
-        sourceElSources.push(sourceObj);
-
-        if (sourceObj.src && sourceObj.src === src) {
-          matchingSourceEls.push(sourceObj.src);
-        }
-      } // if we have matching source els but not matching sources
-      // the current source cache is not up to date
-
-
-      if (matchingSourceEls.length && !matchingSources.length) {
-        this.cache_.sources = sourceElSources; // if we don't have matching source or source els set the
-        // sources cache to the `currentSource` cache
-      } else if (!matchingSources.length) {
-        this.cache_.sources = [this.cache_.source];
-      } // update the tech `src` cache
-
-
-      this.cache_.src = src;
-    }
-    /**
-     * *EXPERIMENTAL* Fired when the source is set or changed on the {@link Tech}
-     * causing the media element to reload.
-     *
-     * It will fire for the initial source and each subsequent source.
-     * This event is a custom event from Video.js and is triggered by the {@link Tech}.
-     *
-     * The event object for this event contains a `src` property that will contain the source
-     * that was available when the event was triggered. This is generally only necessary if Video.js
-     * is switching techs while the source was being changed.
-     *
-     * It is also fired when `load` is called on the player (or media element)
-     * because the {@link https://html.spec.whatwg.org/multipage/media.html#dom-media-load|specification for `load`}
-     * says that the resource selection algorithm needs to be aborted and restarted.
-     * In this case, it is very likely that the `src` property will be set to the
-     * empty string `""` to indicate we do not know what the source will be but
-     * that it is changing.
-     *
-     * *This event is currently still experimental and may change in minor releases.*
-     * __To use this, pass `enableSourceset` option to the player.__
-     *
-     * @event Player#sourceset
-     * @type {EventTarget~Event}
-     * @prop {string} src
-     *                The source url available when the `sourceset` was triggered.
-     *                It will be an empty string if we cannot know what the source is
-     *                but know that the source will change.
-     */
-
-    /**
-     * Retrigger the `sourceset` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#sourceset
-     * @listens Tech#sourceset
-     * @private
-     */
-    ;
-
-    _proto.handleTechSourceset_ = function handleTechSourceset_(event) {
-      var _this6 = this;
-
-      // only update the source cache when the source
-      // was not updated using the player api
-      if (!this.changingSrc_) {
-        var updateSourceCaches = function updateSourceCaches(src) {
-          return _this6.updateSourceCaches_(src);
-        };
-
-        var playerSrc = this.currentSource().src;
-        var eventSrc = event.src; // if we have a playerSrc that is not a blob, and a tech src that is a blob
-
-        if (playerSrc && !/^blob:/.test(playerSrc) && /^blob:/.test(eventSrc)) {
-          // if both the tech source and the player source were updated we assume
-          // something like @videojs/http-streaming did the sourceset and skip updating the source cache.
-          if (!this.lastSource_ || this.lastSource_.tech !== eventSrc && this.lastSource_.player !== playerSrc) {
-            updateSourceCaches = function updateSourceCaches() {};
-          }
-        } // update the source to the intial source right away
-        // in some cases this will be empty string
-
-
-        updateSourceCaches(eventSrc); // if the `sourceset` `src` was an empty string
-        // wait for a `loadstart` to update the cache to `currentSrc`.
-        // If a sourceset happens before a `loadstart`, we reset the state
-
-        if (!event.src) {
-          this.tech_.any(['sourceset', 'loadstart'], function (e) {
-            // if a sourceset happens before a `loadstart` there
-            // is nothing to do as this `handleTechSourceset_`
-            // will be called again and this will be handled there.
-            if (e.type === 'sourceset') {
-              return;
-            }
-
-            var techSrc = _this6.techGet('currentSrc');
-
-            _this6.lastSource_.tech = techSrc;
-
-            _this6.updateSourceCaches_(techSrc);
-          });
-        }
-      }
-
-      this.lastSource_ = {
-        player: this.currentSource().src,
-        tech: event.src
-      };
-      this.trigger({
-        src: event.src,
-        type: 'sourceset'
-      });
-    }
-    /**
-     * Add/remove the vjs-has-started class
-     *
-     * @fires Player#firstplay
-     *
-     * @param {boolean} request
-     *        - true: adds the class
-     *        - false: remove the class
-     *
-     * @return {boolean}
-     *         the boolean value of hasStarted_
-     */
-    ;
-
-    _proto.hasStarted = function hasStarted(request) {
-      if (request === undefined) {
-        // act as getter, if we have no request to change
-        return this.hasStarted_;
-      }
-
-      if (request === this.hasStarted_) {
-        return;
-      }
-
-      this.hasStarted_ = request;
-
-      if (this.hasStarted_) {
-        this.addClass('vjs-has-started');
-        this.trigger('firstplay');
-      } else {
-        this.removeClass('vjs-has-started');
-      }
-    }
-    /**
-     * Fired whenever the media begins or resumes playback
-     *
-     * @see [Spec]{@link https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-play}
-     * @fires Player#play
-     * @listens Tech#play
-     * @private
-     */
-    ;
-
-    _proto.handleTechPlay_ = function handleTechPlay_() {
-      this.removeClass('vjs-ended');
-      this.removeClass('vjs-paused');
-      this.addClass('vjs-playing'); // hide the poster when the user hits play
-
-      this.hasStarted(true);
-      /**
-       * Triggered whenever an {@link Tech#play} event happens. Indicates that
-       * playback has started or resumed.
-       *
-       * @event Player#play
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('play');
-    }
-    /**
-     * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
-     *
-     * If there were any events queued while the playback rate was zero, fire
-     * those events now.
-     *
-     * @private
-     * @method Player#handleTechRateChange_
-     * @fires Player#ratechange
-     * @listens Tech#ratechange
-     */
-    ;
-
-    _proto.handleTechRateChange_ = function handleTechRateChange_() {
-      if (this.tech_.playbackRate() > 0 && this.cache_.lastPlaybackRate === 0) {
-        this.queuedCallbacks_.forEach(function (queued) {
-          return queued.callback(queued.event);
-        });
-        this.queuedCallbacks_ = [];
-      }
-
-      this.cache_.lastPlaybackRate = this.tech_.playbackRate();
-      /**
-       * Fires when the playing speed of the audio/video is changed
-       *
-       * @event Player#ratechange
-       * @type {event}
-       */
-
-      this.trigger('ratechange');
-    }
-    /**
-     * Retrigger the `waiting` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#waiting
-     * @listens Tech#waiting
-     * @private
-     */
-    ;
-
-    _proto.handleTechWaiting_ = function handleTechWaiting_() {
-      var _this7 = this;
-
-      this.addClass('vjs-waiting');
-      /**
-       * A readyState change on the DOM element has caused playback to stop.
-       *
-       * @event Player#waiting
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('waiting'); // Browsers may emit a timeupdate event after a waiting event. In order to prevent
-      // premature removal of the waiting class, wait for the time to change.
-
-      var timeWhenWaiting = this.currentTime();
-
-      var timeUpdateListener = function timeUpdateListener() {
-        if (timeWhenWaiting !== _this7.currentTime()) {
-          _this7.removeClass('vjs-waiting');
-
-          _this7.off('timeupdate', timeUpdateListener);
-        }
-      };
-
-      this.on('timeupdate', timeUpdateListener);
-    }
-    /**
-     * Retrigger the `canplay` event that was triggered by the {@link Tech}.
-     * > Note: This is not consistent between browsers. See #1351
-     *
-     * @fires Player#canplay
-     * @listens Tech#canplay
-     * @private
-     */
-    ;
-
-    _proto.handleTechCanPlay_ = function handleTechCanPlay_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media has a readyState of HAVE_FUTURE_DATA or greater.
-       *
-       * @event Player#canplay
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('canplay');
-    }
-    /**
-     * Retrigger the `canplaythrough` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#canplaythrough
-     * @listens Tech#canplaythrough
-     * @private
-     */
-    ;
-
-    _proto.handleTechCanPlayThrough_ = function handleTechCanPlayThrough_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the
-       * entire media file can be played without buffering.
-       *
-       * @event Player#canplaythrough
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('canplaythrough');
-    }
-    /**
-     * Retrigger the `playing` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#playing
-     * @listens Tech#playing
-     * @private
-     */
-    ;
-
-    _proto.handleTechPlaying_ = function handleTechPlaying_() {
-      this.removeClass('vjs-waiting');
-      /**
-       * The media is no longer blocked from playback, and has started playing.
-       *
-       * @event Player#playing
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('playing');
-    }
-    /**
-     * Retrigger the `seeking` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#seeking
-     * @listens Tech#seeking
-     * @private
-     */
-    ;
-
-    _proto.handleTechSeeking_ = function handleTechSeeking_() {
-      this.addClass('vjs-seeking');
-      /**
-       * Fired whenever the player is jumping to a new time
-       *
-       * @event Player#seeking
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('seeking');
-    }
-    /**
-     * Retrigger the `seeked` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#seeked
-     * @listens Tech#seeked
-     * @private
-     */
-    ;
-
-    _proto.handleTechSeeked_ = function handleTechSeeked_() {
-      this.removeClass('vjs-seeking');
-      this.removeClass('vjs-ended');
-      /**
-       * Fired when the player has finished jumping to a new time
-       *
-       * @event Player#seeked
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('seeked');
-    }
-    /**
-     * Retrigger the `firstplay` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#firstplay
-     * @listens Tech#firstplay
-     * @deprecated As of 6.0 firstplay event is deprecated.
-     *             As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-     * @private
-     */
-    ;
-
-    _proto.handleTechFirstPlay_ = function handleTechFirstPlay_() {
-      // If the first starttime attribute is specified
-      // then we will start at the given offset in seconds
-      if (this.options_.starttime) {
-        log.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
-        this.currentTime(this.options_.starttime);
-      }
-
-      this.addClass('vjs-has-started');
-      /**
-       * Fired the first time a video is played. Not part of the HLS spec, and this is
-       * probably not the best implementation yet, so use sparingly. If you don't have a
-       * reason to prevent playback, use `myPlayer.one('play');` instead.
-       *
-       * @event Player#firstplay
-       * @deprecated As of 6.0 firstplay event is deprecated.
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('firstplay');
-    }
-    /**
-     * Retrigger the `pause` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#pause
-     * @listens Tech#pause
-     * @private
-     */
-    ;
-
-    _proto.handleTechPause_ = function handleTechPause_() {
-      this.removeClass('vjs-playing');
-      this.addClass('vjs-paused');
-      /**
-       * Fired whenever the media has been paused
-       *
-       * @event Player#pause
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('pause');
-    }
-    /**
-     * Retrigger the `ended` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#ended
-     * @listens Tech#ended
-     * @private
-     */
-    ;
-
-    _proto.handleTechEnded_ = function handleTechEnded_() {
-      this.addClass('vjs-ended');
-
-      if (this.options_.loop) {
-        this.currentTime(0);
-        this.play();
-      } else if (!this.paused()) {
-        this.pause();
-      }
-      /**
-       * Fired when the end of the media resource is reached (currentTime == duration)
-       *
-       * @event Player#ended
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('ended');
-    }
-    /**
-     * Fired when the duration of the media resource is first known or changed
-     *
-     * @listens Tech#durationchange
-     * @private
-     */
-    ;
-
-    _proto.handleTechDurationChange_ = function handleTechDurationChange_() {
-      this.duration(this.techGet_('duration'));
-    }
-    /**
-     * Handle a click on the media element to play/pause
-     *
-     * @param {EventTarget~Event} event
-     *        the event that caused this function to trigger
-     *
-     * @listens Tech#mouseup
-     * @private
-     */
-    ;
-
-    _proto.handleTechClick_ = function handleTechClick_(event) {
-      if (!isSingleLeftClick(event)) {
-        return;
-      } // When controls are disabled a click should not toggle playback because
-      // the click is considered a control
-
-
-      if (!this.controls_) {
-        return;
-      }
-
-      if (this.paused()) {
-        silencePromise(this.play());
-      } else {
-        this.pause();
-      }
-    }
-    /**
-     * Handle a double-click on the media element to enter/exit fullscreen
-     *
-     * @param {EventTarget~Event} event
-     *        the event that caused this function to trigger
-     *
-     * @listens Tech#dblclick
-     * @private
-     */
-    ;
-
-    _proto.handleTechDoubleClick_ = function handleTechDoubleClick_(event) {
-      if (!this.controls_) {
-        return;
-      } // we do not want to toggle fullscreen state
-      // when double-clicking inside a control bar or a modal
-
-
-      var inAllowedEls = Array.prototype.some.call(this.$$('.vjs-control-bar, .vjs-modal-dialog'), function (el) {
-        return el.contains(event.target);
-      });
-
-      if (!inAllowedEls) {
-        /*
-         * options.userActions.doubleClick
-         *
-         * If `undefined` or `true`, double-click toggles fullscreen if controls are present
-         * Set to `false` to disable double-click handling
-         * Set to a function to substitute an external double-click handler
-         */
-        if (this.options_ === undefined || this.options_.userActions === undefined || this.options_.userActions.doubleClick === undefined || this.options_.userActions.doubleClick !== false) {
-          if (this.options_ !== undefined && this.options_.userActions !== undefined && typeof this.options_.userActions.doubleClick === 'function') {
-            this.options_.userActions.doubleClick.call(this, event);
-          } else if (this.isFullscreen()) {
-            this.exitFullscreen();
-          } else {
-            this.requestFullscreen();
-          }
-        }
-      }
-    }
-    /**
-     * Handle a tap on the media element. It will toggle the user
-     * activity state, which hides and shows the controls.
-     *
-     * @listens Tech#tap
-     * @private
-     */
-    ;
-
-    _proto.handleTechTap_ = function handleTechTap_() {
-      this.userActive(!this.userActive());
-    }
-    /**
-     * Handle touch to start
-     *
-     * @listens Tech#touchstart
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchStart_ = function handleTechTouchStart_() {
-      this.userWasActive = this.userActive();
-    }
-    /**
-     * Handle touch to move
-     *
-     * @listens Tech#touchmove
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchMove_ = function handleTechTouchMove_() {
-      if (this.userWasActive) {
-        this.reportUserActivity();
-      }
-    }
-    /**
-     * Handle touch to end
-     *
-     * @param {EventTarget~Event} event
-     *        the touchend event that triggered
-     *        this function
-     *
-     * @listens Tech#touchend
-     * @private
-     */
-    ;
-
-    _proto.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-      // Stop the mouse events from also happening
-      event.preventDefault();
-    }
-    /**
-     * native click events on the SWF aren't triggered on IE11, Win8.1RT
-     * use stageclick events triggered from inside the SWF instead
-     *
-     * @private
-     * @listens stageclick
-     */
-    ;
-
-    _proto.handleStageClick_ = function handleStageClick_() {
-      this.reportUserActivity();
-    }
-    /**
-     * @private
-     */
-    ;
-
-    _proto.toggleFullscreenClass_ = function toggleFullscreenClass_() {
-      if (this.isFullscreen()) {
-        this.addClass('vjs-fullscreen');
-      } else {
-        this.removeClass('vjs-fullscreen');
-      }
-    }
-    /**
-     * when the document fschange event triggers it calls this
-     */
-    ;
-
-    _proto.documentFullscreenChange_ = function documentFullscreenChange_(e) {
-      var el = this.el();
-      var isFs = document[this.fsApi_.fullscreenElement] === el;
-
-      if (!isFs && el.matches) {
-        isFs = el.matches(':' + this.fsApi_.fullscreen);
-      } else if (!isFs && el.msMatchesSelector) {
-        isFs = el.msMatchesSelector(':' + this.fsApi_.fullscreen);
-      }
-
-      this.isFullscreen(isFs); // If cancelling fullscreen, remove event listener.
-
-      if (this.isFullscreen() === false) {
-        off(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_);
-      }
-
-      if (this.fsApi_.prefixed) {
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * Handle Tech Fullscreen Change
-     *
-     * @param {EventTarget~Event} event
-     *        the fullscreenchange event that triggered this function
-     *
-     * @param {Object} data
-     *        the data that was sent with the event
-     *
-     * @private
-     * @listens Tech#fullscreenchange
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {
-      if (data) {
-        this.isFullscreen(data.isFullscreen);
-      }
-      /**
-       * Fired when going in and out of fullscreen.
-       *
-       * @event Player#fullscreenchange
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('fullscreenchange');
-    }
-    /**
-     * @private
-     */
-    ;
-
-    _proto.togglePictureInPictureClass_ = function togglePictureInPictureClass_() {
-      if (this.isInPictureInPicture()) {
-        this.addClass('vjs-picture-in-picture');
-      } else {
-        this.removeClass('vjs-picture-in-picture');
-      }
-    }
-    /**
-     * Handle Tech Enter Picture-in-Picture.
-     *
-     * @param {EventTarget~Event} event
-     *        the enterpictureinpicture event that triggered this function
-     *
-     * @private
-     * @listens Tech#enterpictureinpicture
-     */
-    ;
-
-    _proto.handleTechEnterPictureInPicture_ = function handleTechEnterPictureInPicture_(event) {
-      this.isInPictureInPicture(true);
-    }
-    /**
-     * Handle Tech Leave Picture-in-Picture.
-     *
-     * @param {EventTarget~Event} event
-     *        the leavepictureinpicture event that triggered this function
-     *
-     * @private
-     * @listens Tech#leavepictureinpicture
-     */
-    ;
-
-    _proto.handleTechLeavePictureInPicture_ = function handleTechLeavePictureInPicture_(event) {
-      this.isInPictureInPicture(false);
-    }
-    /**
-     * Fires when an error occurred during the loading of an audio/video.
-     *
-     * @private
-     * @listens Tech#error
-     */
-    ;
-
-    _proto.handleTechError_ = function handleTechError_() {
-      var error = this.tech_.error();
-      this.error(error);
-    }
-    /**
-     * Retrigger the `textdata` event that was triggered by the {@link Tech}.
-     *
-     * @fires Player#textdata
-     * @listens Tech#textdata
-     * @private
-     */
-    ;
-
-    _proto.handleTechTextData_ = function handleTechTextData_() {
-      var data = null;
-
-      if (arguments.length > 1) {
-        data = arguments[1];
-      }
-      /**
-       * Fires when we get a textdata event from tech
-       *
-       * @event Player#textdata
-       * @type {EventTarget~Event}
-       */
-
-
-      this.trigger('textdata', data);
-    }
-    /**
-     * Get object for cached values.
-     *
-     * @return {Object}
-     *         get the current object cache
-     */
-    ;
-
-    _proto.getCache = function getCache() {
-      return this.cache_;
-    }
-    /**
-     * Resets the internal cache object.
-     *
-     * Using this function outside the player constructor or reset method may
-     * have unintended side-effects.
-     *
-     * @private
-     */
-    ;
-
-    _proto.resetCache_ = function resetCache_() {
-      this.cache_ = {
-        // Right now, the currentTime is not _really_ cached because it is always
-        // retrieved from the tech (see: currentTime). However, for completeness,
-        // we set it to zero here to ensure that if we do start actually caching
-        // it, we reset it along with everything else.
-        currentTime: 0,
-        inactivityTimeout: this.options_.inactivityTimeout,
-        duration: NaN,
-        lastVolume: 1,
-        lastPlaybackRate: this.defaultPlaybackRate(),
-        media: null,
-        src: '',
-        source: {},
-        sources: [],
-        volume: 1
-      };
-    }
-    /**
-     * Pass values to the playback tech
-     *
-     * @param {string} [method]
-     *        the method to call
-     *
-     * @param {Object} arg
-     *        the argument to pass
-     *
-     * @private
-     */
-    ;
-
-    _proto.techCall_ = function techCall_(method, arg) {
-      // If it's not ready yet, call method when it is
-      this.ready(function () {
-        if (method in allowedSetters) {
-          return set(this.middleware_, this.tech_, method, arg);
-        } else if (method in allowedMediators) {
-          return mediate(this.middleware_, this.tech_, method, arg);
-        }
-
-        try {
-          if (this.tech_) {
-            this.tech_[method](arg);
-          }
-        } catch (e) {
-          log(e);
-          throw e;
-        }
-      }, true);
-    }
-    /**
-     * Get calls can't wait for the tech, and sometimes don't need to.
-     *
-     * @param {string} method
-     *        Tech method
-     *
-     * @return {Function|undefined}
-     *         the method or undefined
-     *
-     * @private
-     */
-    ;
-
-    _proto.techGet_ = function techGet_(method) {
-      if (!this.tech_ || !this.tech_.isReady_) {
-        return;
-      }
-
-      if (method in allowedGetters) {
-        return get(this.middleware_, this.tech_, method);
-      } else if (method in allowedMediators) {
-        return mediate(this.middleware_, this.tech_, method);
-      } // Flash likes to die and reload when you hide or reposition it.
-      // In these cases the object methods go away and we get errors.
-      // When that happens we'll catch the errors and inform tech that it's not ready any more.
-
-
-      try {
-        return this.tech_[method]();
-      } catch (e) {
-        // When building additional tech libs, an expected method may not be defined yet
-        if (this.tech_[method] === undefined) {
-          log("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
-          throw e;
-        } // When a method isn't available on the object it throws a TypeError
-
-
-        if (e.name === 'TypeError') {
-          log("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
-          this.tech_.isReady_ = false;
-          throw e;
-        } // If error unknown, just log and throw
-
-
-        log(e);
-        throw e;
-      }
-    }
-    /**
-     * Attempt to begin playback at the first opportunity.
-     *
-     * @return {Promise|undefined}
-     *         Returns a promise if the browser supports Promises (or one
-     *         was passed in as an option). This promise will be resolved on
-     *         the return value of play. If this is undefined it will fulfill the
-     *         promise chain otherwise the promise chain will be fulfilled when
-     *         the promise from play is fulfilled.
-     */
-    ;
-
-    _proto.play = function play() {
-      var _this8 = this;
-
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (PromiseClass) {
-        return new PromiseClass(function (resolve) {
-          _this8.play_(resolve);
-        });
-      }
-
-      return this.play_();
-    }
-    /**
-     * The actual logic for play, takes a callback that will be resolved on the
-     * return value of play. This allows us to resolve to the play promise if there
-     * is one on modern browsers.
-     *
-     * @private
-     * @param {Function} [callback]
-     *        The callback that should be called when the techs play is actually called
-     */
-    ;
-
-    _proto.play_ = function play_(callback) {
-      var _this9 = this;
-
-      if (callback === void 0) {
-        callback = silencePromise;
-      }
-
-      this.playCallbacks_.push(callback);
-      var isSrcReady = Boolean(!this.changingSrc_ && (this.src() || this.currentSrc())); // treat calls to play_ somewhat like the `one` event function
-
-      if (this.waitToPlay_) {
-        this.off(['ready', 'loadstart'], this.waitToPlay_);
-        this.waitToPlay_ = null;
-      } // if the player/tech is not ready or the src itself is not ready
-      // queue up a call to play on `ready` or `loadstart`
-
-
-      if (!this.isReady_ || !isSrcReady) {
-        this.waitToPlay_ = function (e) {
-          _this9.play_();
-        };
-
-        this.one(['ready', 'loadstart'], this.waitToPlay_); // if we are in Safari, there is a high chance that loadstart will trigger after the gesture timeperiod
-        // in that case, we need to prime the video element by calling load so it'll be ready in time
-
-        if (!isSrcReady && (IS_ANY_SAFARI || IS_IOS)) {
-          this.load();
-        }
-
-        return;
-      } // If the player/tech is ready and we have a source, we can attempt playback.
-
-
-      var val = this.techGet_('play'); // play was terminated if the returned value is null
-
-      if (val === null) {
-        this.runPlayTerminatedQueue_();
-      } else {
-        this.runPlayCallbacks_(val);
-      }
-    }
-    /**
-     * These functions will be run when if play is terminated. If play
-     * runPlayCallbacks_ is run these function will not be run. This allows us
-     * to differenciate between a terminated play and an actual call to play.
-     */
-    ;
-
-    _proto.runPlayTerminatedQueue_ = function runPlayTerminatedQueue_() {
-      var queue = this.playTerminatedQueue_.slice(0);
-      this.playTerminatedQueue_ = [];
-      queue.forEach(function (q) {
-        q();
-      });
-    }
-    /**
-     * When a callback to play is delayed we have to run these
-     * callbacks when play is actually called on the tech. This function
-     * runs the callbacks that were delayed and accepts the return value
-     * from the tech.
-     *
-     * @param {undefined|Promise} val
-     *        The return value from the tech.
-     */
-    ;
-
-    _proto.runPlayCallbacks_ = function runPlayCallbacks_(val) {
-      var callbacks = this.playCallbacks_.slice(0);
-      this.playCallbacks_ = []; // clear play terminatedQueue since we finished a real play
-
-      this.playTerminatedQueue_ = [];
-      callbacks.forEach(function (cb) {
-        cb(val);
-      });
-    }
-    /**
-     * Pause the video playback
-     *
-     * @return {Player}
-     *         A reference to the player object this function was called on
-     */
-    ;
-
-    _proto.pause = function pause() {
-      this.techCall_('pause');
-    }
-    /**
-     * Check if the player is paused or has yet to play
-     *
-     * @return {boolean}
-     *         - false: if the media is currently playing
-     *         - true: if media is not currently playing
-     */
-    ;
-
-    _proto.paused = function paused() {
-      // The initial state of paused should be true (in Safari it's actually false)
-      return this.techGet_('paused') === false ? false : true;
-    }
-    /**
-     * Get a TimeRange object representing the current ranges of time that the user
-     * has played.
-     *
-     * @return {TimeRange}
-     *         A time range object that represents all the increments of time that have
-     *         been played.
-     */
-    ;
-
-    _proto.played = function played() {
-      return this.techGet_('played') || createTimeRanges(0, 0);
-    }
-    /**
-     * Returns whether or not the user is "scrubbing". Scrubbing is
-     * when the user has clicked the progress bar handle and is
-     * dragging it along the progress bar.
-     *
-     * @param {boolean} [isScrubbing]
-     *        whether the user is or is not scrubbing
-     *
-     * @return {boolean}
-     *         The value of scrubbing when getting
-     */
-    ;
-
-    _proto.scrubbing = function scrubbing(isScrubbing) {
-      if (typeof isScrubbing === 'undefined') {
-        return this.scrubbing_;
-      }
-
-      this.scrubbing_ = !!isScrubbing;
-
-      if (isScrubbing) {
-        this.addClass('vjs-scrubbing');
-      } else {
-        this.removeClass('vjs-scrubbing');
-      }
-    }
-    /**
-     * Get or set the current time (in seconds)
-     *
-     * @param {number|string} [seconds]
-     *        The time to seek to in seconds
-     *
-     * @return {number}
-     *         - the current time in seconds when getting
-     */
-    ;
-
-    _proto.currentTime = function currentTime(seconds) {
-      if (typeof seconds !== 'undefined') {
-        if (seconds < 0) {
-          seconds = 0;
-        }
-
-        this.techCall_('setCurrentTime', seconds);
-        return;
-      } // cache last currentTime and return. default to 0 seconds
-      //
-      // Caching the currentTime is meant to prevent a massive amount of reads on the tech's
-      // currentTime when scrubbing, but may not provide much performance benefit afterall.
-      // Should be tested. Also something has to read the actual current time or the cache will
-      // never get updated.
-
-
-      this.cache_.currentTime = this.techGet_('currentTime') || 0;
-      return this.cache_.currentTime;
-    }
-    /**
-     * Normally gets the length in time of the video in seconds;
-     * in all but the rarest use cases an argument will NOT be passed to the method
-     *
-     * > **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.
-     *
-     * @fires Player#durationchange
-     *
-     * @param {number} [seconds]
-     *        The duration of the video to set in seconds
-     *
-     * @return {number}
-     *         - The duration of the video in seconds when getting
-     */
-    ;
-
-    _proto.duration = function duration(seconds) {
-      if (seconds === undefined) {
-        // return NaN if the duration is not known
-        return this.cache_.duration !== undefined ? this.cache_.duration : NaN;
-      }
-
-      seconds = parseFloat(seconds); // Standardize on Infinity for signaling video is live
-
-      if (seconds < 0) {
-        seconds = Infinity;
-      }
-
-      if (seconds !== this.cache_.duration) {
-        // Cache the last set value for optimized scrubbing (esp. Flash)
-        this.cache_.duration = seconds;
-
-        if (seconds === Infinity) {
-          this.addClass('vjs-live');
-
-          if (this.options_.liveui && this.player_.liveTracker) {
-            this.addClass('vjs-liveui');
-          }
-        } else {
-          this.removeClass('vjs-live');
-          this.removeClass('vjs-liveui');
-        }
-
-        if (!isNaN(seconds)) {
-          // Do not fire durationchange unless the duration value is known.
-          // @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
-
-          /**
-           * @event Player#durationchange
-           * @type {EventTarget~Event}
-           */
-          this.trigger('durationchange');
-        }
-      }
-    }
-    /**
-     * Calculates how much time is left in the video. Not part
-     * of the native video API.
-     *
-     * @return {number}
-     *         The time remaining in seconds
-     */
-    ;
-
-    _proto.remainingTime = function remainingTime() {
-      return this.duration() - this.currentTime();
-    }
-    /**
-     * A remaining time function that is intented to be used when
-     * the time is to be displayed directly to the user.
-     *
-     * @return {number}
-     *         The rounded time remaining in seconds
-     */
-    ;
-
-    _proto.remainingTimeDisplay = function remainingTimeDisplay() {
-      return Math.floor(this.duration()) - Math.floor(this.currentTime());
-    } //
-    // Kind of like an array of portions of the video that have been downloaded.
-
-    /**
-     * Get a TimeRange object with an array of the times of the video
-     * that have been downloaded. If you just want the percent of the
-     * video that's been downloaded, use bufferedPercent.
-     *
-     * @see [Buffered Spec]{@link http://dev.w3.org/html5/spec/video.html#dom-media-buffered}
-     *
-     * @return {TimeRange}
-     *         A mock TimeRange object (following HTML spec)
-     */
-    ;
-
-    _proto.buffered = function buffered() {
-      var buffered = this.techGet_('buffered');
-
-      if (!buffered || !buffered.length) {
-        buffered = createTimeRanges(0, 0);
-      }
-
-      return buffered;
-    }
-    /**
-     * Get the percent (as a decimal) of the video that's been downloaded.
-     * This method is not a part of the native HTML video API.
-     *
-     * @return {number}
-     *         A decimal between 0 and 1 representing the percent
-     *         that is buffered 0 being 0% and 1 being 100%
-     */
-    ;
-
-    _proto.bufferedPercent = function bufferedPercent$1() {
-      return bufferedPercent(this.buffered(), this.duration());
-    }
-    /**
-     * Get the ending time of the last buffered time range
-     * This is used in the progress bar to encapsulate all time ranges.
-     *
-     * @return {number}
-     *         The end of the last buffered time range
-     */
-    ;
-
-    _proto.bufferedEnd = function bufferedEnd() {
-      var buffered = this.buffered();
-      var duration = this.duration();
-      var end = buffered.end(buffered.length - 1);
-
-      if (end > duration) {
-        end = duration;
-      }
-
-      return end;
-    }
-    /**
-     * Get or set the current volume of the media
-     *
-     * @param  {number} [percentAsDecimal]
-     *         The new volume as a decimal percent:
-     *         - 0 is muted/0%/off
-     *         - 1.0 is 100%/full
-     *         - 0.5 is half volume or 50%
-     *
-     * @return {number}
-     *         The current volume as a percent when getting
-     */
-    ;
-
-    _proto.volume = function volume(percentAsDecimal) {
-      var vol;
-
-      if (percentAsDecimal !== undefined) {
-        // Force value to between 0 and 1
-        vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal)));
-        this.cache_.volume = vol;
-        this.techCall_('setVolume', vol);
-
-        if (vol > 0) {
-          this.lastVolume_(vol);
-        }
-
-        return;
-      } // Default to 1 when returning current volume.
-
-
-      vol = parseFloat(this.techGet_('volume'));
-      return isNaN(vol) ? 1 : vol;
-    }
-    /**
-     * Get the current muted state, or turn mute on or off
-     *
-     * @param {boolean} [muted]
-     *        - true to mute
-     *        - false to unmute
-     *
-     * @return {boolean}
-     *         - true if mute is on and getting
-     *         - false if mute is off and getting
-     */
-    ;
-
-    _proto.muted = function muted(_muted) {
-      if (_muted !== undefined) {
-        this.techCall_('setMuted', _muted);
-        return;
-      }
-
-      return this.techGet_('muted') || false;
-    }
-    /**
-     * Get the current defaultMuted state, or turn defaultMuted on or off. defaultMuted
-     * indicates the state of muted on initial playback.
-     *
-     * ```js
-     *   var myPlayer = videojs('some-player-id');
-     *
-     *   myPlayer.src("http://www.example.com/path/to/video.mp4");
-     *
-     *   // get, should be false
-     *   console.log(myPlayer.defaultMuted());
-     *   // set to true
-     *   myPlayer.defaultMuted(true);
-     *   // get should be true
-     *   console.log(myPlayer.defaultMuted());
-     * ```
-     *
-     * @param {boolean} [defaultMuted]
-     *        - true to mute
-     *        - false to unmute
-     *
-     * @return {boolean|Player}
-     *         - true if defaultMuted is on and getting
-     *         - false if defaultMuted is off and getting
-     *         - A reference to the current player when setting
-     */
-    ;
-
-    _proto.defaultMuted = function defaultMuted(_defaultMuted) {
-      if (_defaultMuted !== undefined) {
-        return this.techCall_('setDefaultMuted', _defaultMuted);
-      }
-
-      return this.techGet_('defaultMuted') || false;
-    }
-    /**
-     * Get the last volume, or set it
-     *
-     * @param  {number} [percentAsDecimal]
-     *         The new last volume as a decimal percent:
-     *         - 0 is muted/0%/off
-     *         - 1.0 is 100%/full
-     *         - 0.5 is half volume or 50%
-     *
-     * @return {number}
-     *         the current value of lastVolume as a percent when getting
-     *
-     * @private
-     */
-    ;
-
-    _proto.lastVolume_ = function lastVolume_(percentAsDecimal) {
-      if (percentAsDecimal !== undefined && percentAsDecimal !== 0) {
-        this.cache_.lastVolume = percentAsDecimal;
-        return;
-      }
-
-      return this.cache_.lastVolume;
-    }
-    /**
-     * Check if current tech can support native fullscreen
-     * (e.g. with built in controls like iOS, so not our flash swf)
-     *
-     * @return {boolean}
-     *         if native fullscreen is supported
-     */
-    ;
-
-    _proto.supportsFullScreen = function supportsFullScreen() {
-      return this.techGet_('supportsFullScreen') || false;
-    }
-    /**
-     * Check if the player is in fullscreen mode or tell the player that it
-     * is or is not in fullscreen mode.
-     *
-     * > 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.
-     *
-     * @param  {boolean} [isFS]
-     *         Set the players current fullscreen state
-     *
-     * @return {boolean}
-     *         - true if fullscreen is on and getting
-     *         - false if fullscreen is off and getting
-     */
-    ;
-
-    _proto.isFullscreen = function isFullscreen(isFS) {
-      if (isFS !== undefined) {
-        this.isFullscreen_ = !!isFS;
-        this.toggleFullscreenClass_();
-        return;
-      }
-
-      return !!this.isFullscreen_;
-    }
-    /**
-     * 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.
-     *
-     * @param  {Object} [fullscreenOptions]
-     *         Override the player fullscreen options
-     *
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.requestFullscreen = function requestFullscreen(fullscreenOptions) {
-      var fsOptions;
-      this.isFullscreen(true);
-
-      if (this.fsApi_.requestFullscreen) {
-        // the browser supports going fullscreen at the element level so we can
-        // take the controls fullscreen as well as the video
-        // Trigger fullscreenchange event after change
-        // We have to specifically add this each time, and remove
-        // when canceling fullscreen. Otherwise if there's multiple
-        // players on a page, they would all be reacting to the same fullscreen
-        // events
-        on(document, this.fsApi_.fullscreenchange, this.boundDocumentFullscreenChange_); // only pass FullscreenOptions to requestFullscreen if it isn't prefixed
-
-        if (!this.fsApi_.prefixed) {
-          fsOptions = this.options_.fullscreen && this.options_.fullscreen.options || {};
-
-          if (fullscreenOptions !== undefined) {
-            fsOptions = fullscreenOptions;
-          }
-        }
-
-        silencePromise(this.el_[this.fsApi_.requestFullscreen](fsOptions));
-      } else if (this.tech_.supportsFullScreen()) {
-        // we can't take the video.js controls fullscreen but we can go fullscreen
-        // with native controls
-        this.techCall_('enterFullScreen');
-      } else {
-        // fullscreen isn't supported so we'll just stretch the video element to
-        // fill the viewport
-        this.enterFullWindow();
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * Return the video to its normal size after having been in full screen mode
-     *
-     * @fires Player#fullscreenchange
-     */
-    ;
-
-    _proto.exitFullscreen = function exitFullscreen() {
-      this.isFullscreen(false); // Check for browser element fullscreen support
-
-      if (this.fsApi_.requestFullscreen) {
-        silencePromise(document[this.fsApi_.exitFullscreen]());
-      } else if (this.tech_.supportsFullScreen()) {
-        this.techCall_('exitFullScreen');
-      } else {
-        this.exitFullWindow();
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('fullscreenchange');
-      }
-    }
-    /**
-     * When fullscreen isn't supported we can stretch the
-     * video container to as wide as the browser will let us.
-     *
-     * @fires Player#enterFullWindow
-     */
-    ;
-
-    _proto.enterFullWindow = function enterFullWindow() {
-      this.isFullWindow = true; // Storing original doc overflow value to return to when fullscreen is off
-
-      this.docOrigOverflow = document.documentElement.style.overflow; // Add listener for esc key to exit fullscreen
-
-      on(document, 'keydown', this.boundFullWindowOnEscKey_); // Hide any scroll bars
-
-      document.documentElement.style.overflow = 'hidden'; // Apply fullscreen styles
-
-      addClass(document.body, 'vjs-full-window');
-      /**
-       * @event Player#enterFullWindow
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('enterFullWindow');
-    }
-    /**
-     * Check for call to either exit full window or
-     * full screen on ESC key
-     *
-     * @param {string} event
-     *        Event to check for key press
-     */
-    ;
-
-    _proto.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-      if (keycode.isEventKey(event, 'Esc')) {
-        if (this.isFullscreen() === true) {
-          this.exitFullscreen();
-        } else {
-          this.exitFullWindow();
-        }
-      }
-    }
-    /**
-     * Exit full window
-     *
-     * @fires Player#exitFullWindow
-     */
-    ;
-
-    _proto.exitFullWindow = function exitFullWindow() {
-      this.isFullWindow = false;
-      off(document, 'keydown', this.boundFullWindowOnEscKey_); // Unhide scroll bars.
-
-      document.documentElement.style.overflow = this.docOrigOverflow; // Remove fullscreen styles
-
-      removeClass(document.body, 'vjs-full-window'); // Resize the box, controller, and poster to original sizes
-      // this.positionAll();
-
-      /**
-       * @event Player#exitFullWindow
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('exitFullWindow');
-    }
-    /**
-     * Check if the player is in Picture-in-Picture mode or tell the player that it
-     * is or is not in Picture-in-Picture mode.
-     *
-     * @param  {boolean} [isPiP]
-     *         Set the players current Picture-in-Picture state
-     *
-     * @return {boolean}
-     *         - true if Picture-in-Picture is on and getting
-     *         - false if Picture-in-Picture is off and getting
-     */
-    ;
-
-    _proto.isInPictureInPicture = function isInPictureInPicture(isPiP) {
-      if (isPiP !== undefined) {
-        this.isInPictureInPicture_ = !!isPiP;
-        this.togglePictureInPictureClass_();
-        return;
-      }
-
-      return !!this.isInPictureInPicture_;
-    }
-    /**
-     * Create a floating video window always on top of other windows so that users may
-     * continue consuming media while they interact with other content sites, or
-     * applications on their device.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @fires Player#enterpictureinpicture
-     *
-     * @return {Promise}
-     *         A promise with a Picture-in-Picture window.
-     */
-    ;
-
-    _proto.requestPictureInPicture = function requestPictureInPicture() {
-      if ('pictureInPictureEnabled' in document) {
-        /**
-         * This event fires when the player enters picture in picture mode
-         *
-         * @event Player#enterpictureinpicture
-         * @type {EventTarget~Event}
-         */
-        return this.techGet_('requestPictureInPicture');
-      }
-    }
-    /**
-     * Exit Picture-in-Picture mode.
-     *
-     * @see [Spec]{@link https://wicg.github.io/picture-in-picture}
-     *
-     * @fires Player#leavepictureinpicture
-     *
-     * @return {Promise}
-     *         A promise.
-     */
-    ;
-
-    _proto.exitPictureInPicture = function exitPictureInPicture() {
-      if ('pictureInPictureEnabled' in document) {
-        /**
-         * This event fires when the player leaves picture in picture mode
-         *
-         * @event Player#leavepictureinpicture
-         * @type {EventTarget~Event}
-         */
-        return document.exitPictureInPicture();
-      }
-    }
-    /**
-     * Called when this Player has focus and a key gets pressed down, or when
-     * any Component of this player receives a key press that it doesn't handle.
-     * This allows player-wide hotkeys (either as defined below, or optionally
-     * by an external function).
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     *
-     * @listens keydown
-     */
-    ;
-
-    _proto.handleKeyDown = function handleKeyDown(event) {
-      var userActions = this.options_.userActions; // Bail out if hotkeys are not configured.
-
-      if (!userActions || !userActions.hotkeys) {
-        return;
-      } // Function that determines whether or not to exclude an element from
-      // hotkeys handling.
-
-
-      var excludeElement = function excludeElement(el) {
-        var tagName = el.tagName.toLowerCase(); // The first and easiest test is for `contenteditable` elements.
-
-        if (el.isContentEditable) {
-          return true;
-        } // Inputs matching these types will still trigger hotkey handling as
-        // they are not text inputs.
-
-
-        var allowedInputTypes = ['button', 'checkbox', 'hidden', 'radio', 'reset', 'submit'];
-
-        if (tagName === 'input') {
-          return allowedInputTypes.indexOf(el.type) === -1;
-        } // The final test is by tag name. These tags will be excluded entirely.
-
-
-        var excludedTags = ['textarea'];
-        return excludedTags.indexOf(tagName) !== -1;
-      }; // Bail out if the user is focused on an interactive form element.
-
-
-      if (excludeElement(this.el_.ownerDocument.activeElement)) {
-        return;
-      }
-
-      if (typeof userActions.hotkeys === 'function') {
-        userActions.hotkeys.call(this, event);
-      } else {
-        this.handleHotkeys(event);
-      }
-    }
-    /**
-     * Called when this Player receives a hotkey keydown event.
-     * Supported player-wide hotkeys are:
-     *
-     *   f          - toggle fullscreen
-     *   m          - toggle mute
-     *   k or Space - toggle play/pause
-     *
-     * @param {EventTarget~Event} event
-     *        The `keydown` event that caused this function to be called.
-     */
-    ;
-
-    _proto.handleHotkeys = function handleHotkeys(event) {
-      var hotkeys = this.options_.userActions ? this.options_.userActions.hotkeys : {}; // set fullscreenKey, muteKey, playPauseKey from `hotkeys`, use defaults if not set
-
-      var _hotkeys$fullscreenKe = hotkeys.fullscreenKey,
-          fullscreenKey = _hotkeys$fullscreenKe === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'f');
-      } : _hotkeys$fullscreenKe,
-          _hotkeys$muteKey = hotkeys.muteKey,
-          muteKey = _hotkeys$muteKey === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'm');
-      } : _hotkeys$muteKey,
-          _hotkeys$playPauseKey = hotkeys.playPauseKey,
-          playPauseKey = _hotkeys$playPauseKey === void 0 ? function (keydownEvent) {
-        return keycode.isEventKey(keydownEvent, 'k') || keycode.isEventKey(keydownEvent, 'Space');
-      } : _hotkeys$playPauseKey;
-
-      if (fullscreenKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var FSToggle = Component.getComponent('FullscreenToggle');
-
-        if (document[this.fsApi_.fullscreenEnabled] !== false) {
-          FSToggle.prototype.handleClick.call(this, event);
-        }
-      } else if (muteKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var MuteToggle = Component.getComponent('MuteToggle');
-        MuteToggle.prototype.handleClick.call(this, event);
-      } else if (playPauseKey.call(this, event)) {
-        event.preventDefault();
-        event.stopPropagation();
-        var PlayToggle = Component.getComponent('PlayToggle');
-        PlayToggle.prototype.handleClick.call(this, event);
-      }
-    }
-    /**
-     * Check whether the player can play a given mimetype
-     *
-     * @see https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-navigator-canplaytype
-     *
-     * @param {string} type
-     *        The mimetype to check
-     *
-     * @return {string}
-     *         'probably', 'maybe', or '' (empty string)
-     */
-    ;
-
-    _proto.canPlayType = function canPlayType(type) {
-      var can; // Loop through each playback technology in the options order
-
-      for (var i = 0, j = this.options_.techOrder; i < j.length; i++) {
-        var techName = j[i];
-        var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
-        // Remove once that deprecated behavior is removed.
-
-        if (!tech) {
-          tech = Component.getComponent(techName);
-        } // Check if the current tech is defined before continuing
-
-
-        if (!tech) {
-          log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-          continue;
-        } // Check if the browser supports this technology
-
-
-        if (tech.isSupported()) {
-          can = tech.canPlayType(type);
-
-          if (can) {
-            return can;
-          }
-        }
-      }
-
-      return '';
-    }
-    /**
-     * Select source based on tech-order or source-order
-     * Uses source-order selection if `options.sourceOrder` is truthy. Otherwise,
-     * defaults to tech-order selection
-     *
-     * @param {Array} sources
-     *        The sources for a media asset
-     *
-     * @return {Object|boolean}
-     *         Object of source and tech order or false
-     */
-    ;
-
-    _proto.selectSource = function selectSource(sources) {
-      var _this10 = this;
-
-      // Get only the techs specified in `techOrder` that exist and are supported by the
-      // current platform
-      var techs = this.options_.techOrder.map(function (techName) {
-        return [techName, Tech.getTech(techName)];
-      }).filter(function (_ref) {
-        var techName = _ref[0],
-            tech = _ref[1];
-
-        // Check if the current tech is defined before continuing
-        if (tech) {
-          // Check if the browser supports this technology
-          return tech.isSupported();
-        }
-
-        log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
-        return false;
-      }); // Iterate over each `innerArray` element once per `outerArray` element and execute
-      // `tester` with both. If `tester` returns a non-falsy value, exit early and return
-      // that value.
-
-      var findFirstPassingTechSourcePair = function findFirstPassingTechSourcePair(outerArray, innerArray, tester) {
-        var found;
-        outerArray.some(function (outerChoice) {
-          return innerArray.some(function (innerChoice) {
-            found = tester(outerChoice, innerChoice);
-
-            if (found) {
-              return true;
-            }
-          });
-        });
-        return found;
-      };
-
-      var foundSourceAndTech;
-
-      var flip = function flip(fn) {
-        return function (a, b) {
-          return fn(b, a);
-        };
-      };
-
-      var finder = function finder(_ref2, source) {
-        var techName = _ref2[0],
-            tech = _ref2[1];
-
-        if (tech.canPlaySource(source, _this10.options_[techName.toLowerCase()])) {
-          return {
-            source: source,
-            tech: techName
-          };
-        }
-      }; // Depending on the truthiness of `options.sourceOrder`, we swap the order of techs and sources
-      // to select from them based on their priority.
-
-
-      if (this.options_.sourceOrder) {
-        // Source-first ordering
-        foundSourceAndTech = findFirstPassingTechSourcePair(sources, techs, flip(finder));
-      } else {
-        // Tech-first ordering
-        foundSourceAndTech = findFirstPassingTechSourcePair(techs, sources, finder);
-      }
-
-      return foundSourceAndTech || false;
-    }
-    /**
-     * Get or set the video source.
-     *
-     * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
-     *        A SourceObject, an array of SourceObjects, or a string referencing
-     *        a URL to a media source. It is _highly recommended_ that an object
-     *        or array of objects is used here, so that source selection
-     *        algorithms can take the `type` into account.
-     *
-     *        If not provided, this method acts as a getter.
-     *
-     * @return {string|undefined}
-     *         If the `source` argument is missing, returns the current source
-     *         URL. Otherwise, returns nothing/undefined.
-     */
-    ;
-
-    _proto.src = function src(source) {
-      var _this11 = this;
-
-      // getter usage
-      if (typeof source === 'undefined') {
-        return this.cache_.src || '';
-      } // filter out invalid sources and turn our source into
-      // an array of source objects
-
-
-      var sources = filterSource(source); // if a source was passed in then it is invalid because
-      // it was filtered to a zero length Array. So we have to
-      // show an error
-
-      if (!sources.length) {
-        this.setTimeout(function () {
-          this.error({
-            code: 4,
-            message: this.localize(this.options_.notSupportedMessage)
-          });
-        }, 0);
-        return;
-      } // intial sources
-
-
-      this.changingSrc_ = true;
-      this.cache_.sources = sources;
-      this.updateSourceCaches_(sources[0]); // middlewareSource is the source after it has been changed by middleware
-
-      setSource(this, sources[0], function (middlewareSource, mws) {
-        _this11.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
-        // the source that is selected could be out of order from the cache update above this callback.
-
-        _this11.cache_.sources = sources;
-
-        _this11.updateSourceCaches_(middlewareSource);
-
-        var err = _this11.src_(middlewareSource);
-
-        if (err) {
-          if (sources.length > 1) {
-            return _this11.src(sources.slice(1));
-          }
-
-          _this11.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
-
-          _this11.setTimeout(function () {
-            this.error({
-              code: 4,
-              message: this.localize(this.options_.notSupportedMessage)
-            });
-          }, 0); // we could not find an appropriate tech, but let's still notify the delegate that this is it
-          // this needs a better comment about why this is needed
-
-
-          _this11.triggerReady();
-
-          return;
-        }
-
-        setTech(mws, _this11.tech_);
-      });
-    }
-    /**
-     * Set the source object on the tech, returns a boolean that indicates whether
-     * there is a tech that can play the source or not
-     *
-     * @param {Tech~SourceObject} source
-     *        The source object to set on the Tech
-     *
-     * @return {boolean}
-     *         - True if there is no Tech to playback this source
-     *         - False otherwise
-     *
-     * @private
-     */
-    ;
-
-    _proto.src_ = function src_(source) {
-      var _this12 = this;
-
-      var sourceTech = this.selectSource([source]);
-
-      if (!sourceTech) {
-        return true;
-      }
-
-      if (!titleCaseEquals(sourceTech.tech, this.techName_)) {
-        this.changingSrc_ = true; // load this technology with the chosen source
-
-        this.loadTech_(sourceTech.tech, sourceTech.source);
-        this.tech_.ready(function () {
-          _this12.changingSrc_ = false;
-        });
-        return false;
-      } // wait until the tech is ready to set the source
-      // and set it synchronously if possible (#2326)
-
-
-      this.ready(function () {
-        // The setSource tech method was added with source handlers
-        // so older techs won't support it
-        // We need to check the direct prototype for the case where subclasses
-        // of the tech do not support source handlers
-        if (this.tech_.constructor.prototype.hasOwnProperty('setSource')) {
-          this.techCall_('setSource', source);
-        } else {
-          this.techCall_('src', source.src);
-        }
-
-        this.changingSrc_ = false;
-      }, true);
-      return false;
-    }
-    /**
-     * Begin loading the src data.
-     */
-    ;
-
-    _proto.load = function load() {
-      this.techCall_('load');
-    }
-    /**
-     * Reset the player. Loads the first tech in the techOrder,
-     * removes all the text tracks in the existing `tech`,
-     * and calls `reset` on the `tech`.
-     */
-    ;
-
-    _proto.reset = function reset() {
-      var _this13 = this;
-
-      var PromiseClass = this.options_.Promise || window$1.Promise;
-
-      if (this.paused() || !PromiseClass) {
-        this.doReset_();
-      } else {
-        var playPromise = this.play();
-        silencePromise(playPromise.then(function () {
-          return _this13.doReset_();
-        }));
-      }
-    };
-
-    _proto.doReset_ = function doReset_() {
-      if (this.tech_) {
-        this.tech_.clearTracks('text');
-      }
-
-      this.resetCache_();
-      this.poster('');
-      this.loadTech_(this.options_.techOrder[0], null);
-      this.techCall_('reset');
-      this.resetControlBarUI_();
-
-      if (isEvented(this)) {
-        this.trigger('playerreset');
-      }
-    }
-    /**
-     * Reset Control Bar's UI by calling sub-methods that reset
-     * all of Control Bar's components
-     */
-    ;
-
-    _proto.resetControlBarUI_ = function resetControlBarUI_() {
-      this.resetProgressBar_();
-      this.resetPlaybackRate_();
-      this.resetVolumeBar_();
-    }
-    /**
-     * Reset tech's progress so progress bar is reset in the UI
-     */
-    ;
-
-    _proto.resetProgressBar_ = function resetProgressBar_() {
-      this.currentTime(0);
-      var _this$controlBar = this.controlBar,
-          durationDisplay = _this$controlBar.durationDisplay,
-          remainingTimeDisplay = _this$controlBar.remainingTimeDisplay;
-
-      if (durationDisplay) {
-        durationDisplay.updateContent();
-      }
-
-      if (remainingTimeDisplay) {
-        remainingTimeDisplay.updateContent();
-      }
-    }
-    /**
-     * Reset Playback ratio
-     */
-    ;
-
-    _proto.resetPlaybackRate_ = function resetPlaybackRate_() {
-      this.playbackRate(this.defaultPlaybackRate());
-      this.handleTechRateChange_();
-    }
-    /**
-     * Reset Volume bar
-     */
-    ;
-
-    _proto.resetVolumeBar_ = function resetVolumeBar_() {
-      this.volume(1.0);
-      this.trigger('volumechange');
-    }
-    /**
-     * Returns all of the current source objects.
-     *
-     * @return {Tech~SourceObject[]}
-     *         The current source objects
-     */
-    ;
-
-    _proto.currentSources = function currentSources() {
-      var source = this.currentSource();
-      var sources = []; // assume `{}` or `{ src }`
-
-      if (Object.keys(source).length !== 0) {
-        sources.push(source);
-      }
-
-      return this.cache_.sources || sources;
-    }
-    /**
-     * Returns the current source object.
-     *
-     * @return {Tech~SourceObject}
-     *         The current source object
-     */
-    ;
-
-    _proto.currentSource = function currentSource() {
-      return this.cache_.source || {};
-    }
-    /**
-     * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4
-     * Can be used in conjunction with `currentType` to assist in rebuilding the current source object.
-     *
-     * @return {string}
-     *         The current source
-     */
-    ;
-
-    _proto.currentSrc = function currentSrc() {
-      return this.currentSource() && this.currentSource().src || '';
-    }
-    /**
-     * Get the current source type e.g. video/mp4
-     * This can allow you rebuild the current source object so that you could load the same
-     * source and tech later
-     *
-     * @return {string}
-     *         The source MIME type
-     */
-    ;
-
-    _proto.currentType = function currentType() {
-      return this.currentSource() && this.currentSource().type || '';
-    }
-    /**
-     * Get or set the preload attribute
-     *
-     * @param {boolean} [value]
-     *        - true means that we should preload
-     *        - false means that we should not preload
-     *
-     * @return {string}
-     *         The preload attribute value when getting
-     */
-    ;
-
-    _proto.preload = function preload(value) {
-      if (value !== undefined) {
-        this.techCall_('setPreload', value);
-        this.options_.preload = value;
-        return;
-      }
-
-      return this.techGet_('preload');
-    }
-    /**
-     * Get or set the autoplay option. When this is a boolean it will
-     * modify the attribute on the tech. When this is a string the attribute on
-     * the tech will be removed and `Player` will handle autoplay on loadstarts.
-     *
-     * @param {boolean|string} [value]
-     *        - true: autoplay using the browser behavior
-     *        - false: do not autoplay
-     *        - 'play': call play() on every loadstart
-     *        - 'muted': call muted() then play() on every loadstart
-     *        - 'any': call play() on every loadstart. if that fails call muted() then play().
-     *        - *: values other than those listed here will be set `autoplay` to true
-     *
-     * @return {boolean|string}
-     *         The current value of autoplay when getting
-     */
-    ;
-
-    _proto.autoplay = function autoplay(value) {
-      // getter usage
-      if (value === undefined) {
-        return this.options_.autoplay || false;
-      }
-
-      var techAutoplay; // if the value is a valid string set it to that
-
-      if (typeof value === 'string' && /(any|play|muted)/.test(value)) {
-        this.options_.autoplay = value;
-        this.manualAutoplay_(value);
-        techAutoplay = false; // any falsy value sets autoplay to false in the browser,
-        // lets do the same
-      } else if (!value) {
-        this.options_.autoplay = false; // any other value (ie truthy) sets autoplay to true
-      } else {
-        this.options_.autoplay = true;
-      }
-
-      techAutoplay = typeof techAutoplay === 'undefined' ? this.options_.autoplay : techAutoplay; // if we don't have a tech then we do not queue up
-      // a setAutoplay call on tech ready. We do this because the
-      // autoplay option will be passed in the constructor and we
-      // do not need to set it twice
-
-      if (this.tech_) {
-        this.techCall_('setAutoplay', techAutoplay);
-      }
-    }
-    /**
-     * Set or unset the playsinline attribute.
-     * Playsinline tells the browser that non-fullscreen playback is preferred.
-     *
-     * @param {boolean} [value]
-     *        - true means that we should try to play inline by default
-     *        - false means that we should use the browser's default playback mode,
-     *          which in most cases is inline. iOS Safari is a notable exception
-     *          and plays fullscreen by default.
-     *
-     * @return {string|Player}
-     *         - the current value of playsinline
-     *         - the player when setting
-     *
-     * @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
-     */
-    ;
-
-    _proto.playsinline = function playsinline(value) {
-      if (value !== undefined) {
-        this.techCall_('setPlaysinline', value);
-        this.options_.playsinline = value;
-        return this;
-      }
-
-      return this.techGet_('playsinline');
-    }
-    /**
-     * Get or set the loop attribute on the video element.
-     *
-     * @param {boolean} [value]
-     *        - true means that we should loop the video
-     *        - false means that we should not loop the video
-     *
-     * @return {boolean}
-     *         The current value of loop when getting
-     */
-    ;
-
-    _proto.loop = function loop(value) {
-      if (value !== undefined) {
-        this.techCall_('setLoop', value);
-        this.options_.loop = value;
-        return;
-      }
-
-      return this.techGet_('loop');
-    }
-    /**
-     * Get or set the poster image source url
-     *
-     * @fires Player#posterchange
-     *
-     * @param {string} [src]
-     *        Poster image source URL
-     *
-     * @return {string}
-     *         The current value of poster when getting
-     */
-    ;
-
-    _proto.poster = function poster(src) {
-      if (src === undefined) {
-        return this.poster_;
-      } // The correct way to remove a poster is to set as an empty string
-      // other falsey values will throw errors
-
-
-      if (!src) {
-        src = '';
-      }
-
-      if (src === this.poster_) {
-        return;
-      } // update the internal poster variable
-
-
-      this.poster_ = src; // update the tech's poster
-
-      this.techCall_('setPoster', src);
-      this.isPosterFromTech_ = false; // alert components that the poster has been set
-
-      /**
-       * This event fires when the poster image is changed on the player.
-       *
-       * @event Player#posterchange
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('posterchange');
-    }
-    /**
-     * Some techs (e.g. YouTube) can provide a poster source in an
-     * asynchronous way. We want the poster component to use this
-     * poster source so that it covers up the tech's controls.
-     * (YouTube's play button). However we only want to use this
-     * source if the player user hasn't set a poster through
-     * the normal APIs.
-     *
-     * @fires Player#posterchange
-     * @listens Tech#posterchange
-     * @private
-     */
-    ;
-
-    _proto.handleTechPosterChange_ = function handleTechPosterChange_() {
-      if ((!this.poster_ || this.options_.techCanOverridePoster) && this.tech_ && this.tech_.poster) {
-        var newPoster = this.tech_.poster() || '';
-
-        if (newPoster !== this.poster_) {
-          this.poster_ = newPoster;
-          this.isPosterFromTech_ = true; // Let components know the poster has changed
-
-          this.trigger('posterchange');
-        }
-      }
-    }
-    /**
-     * Get or set whether or not the controls are showing.
-     *
-     * @fires Player#controlsenabled
-     *
-     * @param {boolean} [bool]
-     *        - true to turn controls on
-     *        - false to turn controls off
-     *
-     * @return {boolean}
-     *         The current value of controls when getting
-     */
-    ;
-
-    _proto.controls = function controls(bool) {
-      if (bool === undefined) {
-        return !!this.controls_;
-      }
-
-      bool = !!bool; // Don't trigger a change event unless it actually changed
-
-      if (this.controls_ === bool) {
-        return;
-      }
-
-      this.controls_ = bool;
-
-      if (this.usingNativeControls()) {
-        this.techCall_('setControls', bool);
-      }
-
-      if (this.controls_) {
-        this.removeClass('vjs-controls-disabled');
-        this.addClass('vjs-controls-enabled');
-        /**
-         * @event Player#controlsenabled
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('controlsenabled');
-
-        if (!this.usingNativeControls()) {
-          this.addTechControlsListeners_();
-        }
-      } else {
-        this.removeClass('vjs-controls-enabled');
-        this.addClass('vjs-controls-disabled');
-        /**
-         * @event Player#controlsdisabled
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('controlsdisabled');
-
-        if (!this.usingNativeControls()) {
-          this.removeTechControlsListeners_();
-        }
-      }
-    }
-    /**
-     * Toggle native controls on/off. Native controls are the controls built into
-     * devices (e.g. default iPhone controls), Flash, or other techs
-     * (e.g. Vimeo Controls)
-     * **This should only be set by the current tech, because only the tech knows
-     * if it can support native controls**
-     *
-     * @fires Player#usingnativecontrols
-     * @fires Player#usingcustomcontrols
-     *
-     * @param {boolean} [bool]
-     *        - true to turn native controls on
-     *        - false to turn native controls off
-     *
-     * @return {boolean}
-     *         The current value of native controls when getting
-     */
-    ;
-
-    _proto.usingNativeControls = function usingNativeControls(bool) {
-      if (bool === undefined) {
-        return !!this.usingNativeControls_;
-      }
-
-      bool = !!bool; // Don't trigger a change event unless it actually changed
-
-      if (this.usingNativeControls_ === bool) {
-        return;
-      }
-
-      this.usingNativeControls_ = bool;
-
-      if (this.usingNativeControls_) {
-        this.addClass('vjs-using-native-controls');
-        /**
-         * player is using the native device controls
-         *
-         * @event Player#usingnativecontrols
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('usingnativecontrols');
-      } else {
-        this.removeClass('vjs-using-native-controls');
-        /**
-         * player is using the custom HTML controls
-         *
-         * @event Player#usingcustomcontrols
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('usingcustomcontrols');
-      }
-    }
-    /**
-     * Set or get the current MediaError
-     *
-     * @fires Player#error
-     *
-     * @param  {MediaError|string|number} [err]
-     *         A MediaError or a string/number to be turned
-     *         into a MediaError
-     *
-     * @return {MediaError|null}
-     *         The current MediaError when getting (or null)
-     */
-    ;
-
-    _proto.error = function error(err) {
-      if (err === undefined) {
-        return this.error_ || null;
-      } // Suppress the first error message for no compatible source until
-      // user interaction
-
-
-      if (this.options_.suppressNotSupportedError && err && err.code === 4) {
-        var triggerSuppressedError = function triggerSuppressedError() {
-          this.error(err);
-        };
-
-        this.options_.suppressNotSupportedError = false;
-        this.any(['click', 'touchstart'], triggerSuppressedError);
-        this.one('loadstart', function () {
-          this.off(['click', 'touchstart'], triggerSuppressedError);
-        });
-        return;
-      } // restoring to default
-
-
-      if (err === null) {
-        this.error_ = err;
-        this.removeClass('vjs-error');
-
-        if (this.errorDisplay) {
-          this.errorDisplay.close();
-        }
-
-        return;
-      }
-
-      this.error_ = new MediaError(err); // add the vjs-error classname to the player
-
-      this.addClass('vjs-error'); // log the name of the error type and any message
-      // IE11 logs "[object object]" and required you to expand message to see error object
-
-      log.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
-      /**
-       * @event Player#error
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('error');
-      return;
-    }
-    /**
-     * Report user activity
-     *
-     * @param {Object} event
-     *        Event object
-     */
-    ;
-
-    _proto.reportUserActivity = function reportUserActivity(event) {
-      this.userActivity_ = true;
-    }
-    /**
-     * Get/set if user is active
-     *
-     * @fires Player#useractive
-     * @fires Player#userinactive
-     *
-     * @param {boolean} [bool]
-     *        - true if the user is active
-     *        - false if the user is inactive
-     *
-     * @return {boolean}
-     *         The current value of userActive when getting
-     */
-    ;
-
-    _proto.userActive = function userActive(bool) {
-      if (bool === undefined) {
-        return this.userActive_;
-      }
-
-      bool = !!bool;
-
-      if (bool === this.userActive_) {
-        return;
-      }
-
-      this.userActive_ = bool;
-
-      if (this.userActive_) {
-        this.userActivity_ = true;
-        this.removeClass('vjs-user-inactive');
-        this.addClass('vjs-user-active');
-        /**
-         * @event Player#useractive
-         * @type {EventTarget~Event}
-         */
-
-        this.trigger('useractive');
-        return;
-      } // Chrome/Safari/IE have bugs where when you change the cursor it can
-      // trigger a mousemove event. This causes an issue when you're hiding
-      // the cursor when the user is inactive, and a mousemove signals user
-      // activity. Making it impossible to go into inactive mode. Specifically
-      // this happens in fullscreen when we really need to hide the cursor.
-      //
-      // When this gets resolved in ALL browsers it can be removed
-      // https://code.google.com/p/chromium/issues/detail?id=103041
-
-
-      if (this.tech_) {
-        this.tech_.one('mousemove', function (e) {
-          e.stopPropagation();
-          e.preventDefault();
-        });
-      }
-
-      this.userActivity_ = false;
-      this.removeClass('vjs-user-active');
-      this.addClass('vjs-user-inactive');
-      /**
-       * @event Player#userinactive
-       * @type {EventTarget~Event}
-       */
-
-      this.trigger('userinactive');
-    }
-    /**
-     * Listen for user activity based on timeout value
-     *
-     * @private
-     */
-    ;
-
-    _proto.listenForUserActivity_ = function listenForUserActivity_() {
-      var mouseInProgress;
-      var lastMoveX;
-      var lastMoveY;
-      var handleActivity = bind(this, this.reportUserActivity);
-
-      var handleMouseMove = function handleMouseMove(e) {
-        // #1068 - Prevent mousemove spamming
-        // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970
-        if (e.screenX !== lastMoveX || e.screenY !== lastMoveY) {
-          lastMoveX = e.screenX;
-          lastMoveY = e.screenY;
-          handleActivity();
-        }
-      };
-
-      var handleMouseDown = function handleMouseDown() {
-        handleActivity(); // 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
-
-        this.clearInterval(mouseInProgress); // Setting userActivity=true now and setting the interval to the same time
-        // as the activityCheck interval (250) should ensure we never miss the
-        // next activityCheck
-
-        mouseInProgress = this.setInterval(handleActivity, 250);
-      };
-
-      var handleMouseUp = function handleMouseUp(event) {
-        handleActivity(); // Stop the interval that maintains activity if the mouse/touch is down
-
-        this.clearInterval(mouseInProgress);
-      }; // Any mouse movement will be considered user activity
-
-
-      this.on('mousedown', handleMouseDown);
-      this.on('mousemove', handleMouseMove);
-      this.on('mouseup', handleMouseUp);
-      var controlBar = this.getChild('controlBar'); // Fixes bug on Android & iOS where when tapping progressBar (when control bar is displayed)
-      // controlBar would no longer be hidden by default timeout.
-
-      if (controlBar && !IS_IOS && !IS_ANDROID) {
-        controlBar.on('mouseenter', function (event) {
-          this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
-          this.player().options_.inactivityTimeout = 0;
-        });
-        controlBar.on('mouseleave', function (event) {
-          this.player().options_.inactivityTimeout = this.player().cache_.inactivityTimeout;
-        });
-      } // Listen for keyboard navigation
-      // Shouldn't need to use inProgress interval because of key repeat
-
-
-      this.on('keydown', handleActivity);
-      this.on('keyup', handleActivity); // Run an interval every 250 milliseconds instead of stuffing everything into
-      // the mousemove/touchmove function itself, to prevent performance degradation.
-      // `this.reportUserActivity` simply sets this.userActivity_ to true, which
-      // then gets picked up by this loop
-      // http://ejohn.org/blog/learning-from-twitter/
-
-      var inactivityTimeout;
-      this.setInterval(function () {
-        // Check to see if mouse/touch activity has happened
-        if (!this.userActivity_) {
-          return;
-        } // Reset the activity tracker
-
-
-        this.userActivity_ = false; // If the user state was inactive, set the state to active
-
-        this.userActive(true); // Clear any existing inactivity timeout to start the timer over
-
-        this.clearTimeout(inactivityTimeout);
-        var timeout = this.options_.inactivityTimeout;
-
-        if (timeout <= 0) {
-          return;
-        } // In <timeout> milliseconds, if no more activity has occurred the
-        // user will be considered inactive
-
-
-        inactivityTimeout = this.setTimeout(function () {
-          // Protect against the case where the inactivityTimeout can trigger just
-          // before the next user activity is picked up by the activity check loop
-          // causing a flicker
-          if (!this.userActivity_) {
-            this.userActive(false);
-          }
-        }, timeout);
-      }, 250);
-    }
-    /**
-     * Gets or sets the current playback rate. A playback rate of
-     * 1.0 represents normal speed and 0.5 would indicate half-speed
-     * playback, for instance.
-     *
-     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-playbackrate
-     *
-     * @param {number} [rate]
-     *       New playback rate to set.
-     *
-     * @return {number}
-     *         The current playback rate when getting or 1.0
-     */
-    ;
-
-    _proto.playbackRate = function playbackRate(rate) {
-      if (rate !== undefined) {
-        // NOTE: this.cache_.lastPlaybackRate is set from the tech handler
-        // that is registered above
-        this.techCall_('setPlaybackRate', rate);
-        return;
-      }
-
-      if (this.tech_ && this.tech_.featuresPlaybackRate) {
-        return this.cache_.lastPlaybackRate || this.techGet_('playbackRate');
-      }
-
-      return 1.0;
-    }
-    /**
-     * Gets or sets the current default playback rate. A default playback rate of
-     * 1.0 represents normal speed and 0.5 would indicate half-speed playback, for instance.
-     * defaultPlaybackRate will only represent what the initial playbackRate of a video was, not
-     * not the current playbackRate.
-     *
-     * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate
-     *
-     * @param {number} [rate]
-     *       New default playback rate to set.
-     *
-     * @return {number|Player}
-     *         - The default playback rate when getting or 1.0
-     *         - the player when setting
-     */
-    ;
-
-    _proto.defaultPlaybackRate = function defaultPlaybackRate(rate) {
-      if (rate !== undefined) {
-        return this.techCall_('setDefaultPlaybackRate', rate);
-      }
-
-      if (this.tech_ && this.tech_.featuresPlaybackRate) {
-        return this.techGet_('defaultPlaybackRate');
-      }
-
-      return 1.0;
-    }
-    /**
-     * Gets or sets the audio flag
-     *
-     * @param {boolean} bool
-     *        - true signals that this is an audio player
-     *        - false signals that this is not an audio player
-     *
-     * @return {boolean}
-     *         The current value of isAudio when getting
-     */
-    ;
-
-    _proto.isAudio = function isAudio(bool) {
-      if (bool !== undefined) {
-        this.isAudio_ = !!bool;
-        return;
-      }
-
-      return !!this.isAudio_;
-    }
-    /**
-     * A helper method for adding a {@link TextTrack} to our
-     * {@link TextTrackList}.
-     *
-     * In addition to the W3C settings we allow adding additional info through options.
-     *
-     * @see http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
-     *
-     * @param {string} [kind]
-     *        the kind of TextTrack you are adding
-     *
-     * @param {string} [label]
-     *        the label to give the TextTrack label
-     *
-     * @param {string} [language]
-     *        the language to set on the TextTrack
-     *
-     * @return {TextTrack|undefined}
-     *         the TextTrack that was added or undefined
-     *         if there is no tech
-     */
-    ;
-
-    _proto.addTextTrack = function addTextTrack(kind, label, language) {
-      if (this.tech_) {
-        return this.tech_.addTextTrack(kind, label, language);
-      }
-    }
-    /**
-     * Create a remote {@link TextTrack} and an {@link HTMLTrackElement}. It will
-     * automatically removed from the video element whenever the source changes, unless
-     * manualCleanup is set to false.
-     *
-     * @param {Object} options
-     *        Options to pass to {@link HTMLTrackElement} during creation. See
-     *        {@link HTMLTrackElement} for object properties that you should use.
-     *
-     * @param {boolean} [manualCleanup=true] if set to false, the TextTrack will be
-     *
-     * @return {HtmlTrackElement}
-     *         the HTMLTrackElement that was created and added
-     *         to the HtmlTrackElementList and the remote
-     *         TextTrackList
-     *
-     * @deprecated The default value of the "manualCleanup" parameter will default
-     *             to "false" in upcoming versions of Video.js
-     */
-    ;
-
-    _proto.addRemoteTextTrack = function addRemoteTextTrack(options, manualCleanup) {
-      if (this.tech_) {
-        return this.tech_.addRemoteTextTrack(options, manualCleanup);
-      }
-    }
-    /**
-     * Remove a remote {@link TextTrack} from the respective
-     * {@link TextTrackList} and {@link HtmlTrackElementList}.
-     *
-     * @param {Object} track
-     *        Remote {@link TextTrack} to remove
-     *
-     * @return {undefined}
-     *         does not return anything
-     */
-    ;
-
-    _proto.removeRemoteTextTrack = function removeRemoteTextTrack(obj) {
-      if (obj === void 0) {
-        obj = {};
-      }
-
-      var _obj = obj,
-          track = _obj.track;
-
-      if (!track) {
-        track = obj;
-      } // destructure the input into an object with a track argument, defaulting to arguments[0]
-      // default the whole argument to an empty object if nothing was passed in
-
-
-      if (this.tech_) {
-        return this.tech_.removeRemoteTextTrack(track);
-      }
-    }
-    /**
-     * Gets available media playback quality metrics as specified by the W3C's Media
-     * Playback Quality API.
-     *
-     * @see [Spec]{@link https://wicg.github.io/media-playback-quality}
-     *
-     * @return {Object|undefined}
-     *         An object with supported media playback quality metrics or undefined if there
-     *         is no tech or the tech does not support it.
-     */
-    ;
-
-    _proto.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-      return this.techGet_('getVideoPlaybackQuality');
-    }
-    /**
-     * Get video width
-     *
-     * @return {number}
-     *         current video width
-     */
-    ;
-
-    _proto.videoWidth = function videoWidth() {
-      return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-    }
-    /**
-     * Get video height
-     *
-     * @return {number}
-     *         current video height
-     */
-    ;
-
-    _proto.videoHeight = function videoHeight() {
-      return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;
-    }
-    /**
-     * The player's language code
-     * NOTE: The language should be set in the player options if you want the
-     * the controls to be built with a specific language. Changing the language
-     * later will not update controls text.
-     *
-     * @param {string} [code]
-     *        the language code to set the player to
-     *
-     * @return {string}
-     *         The current language code when getting
-     */
-    ;
-
-    _proto.language = function language(code) {
-      if (code === undefined) {
-        return this.language_;
-      }
-
-      this.language_ = String(code).toLowerCase();
-    }
-    /**
-     * Get the player's language dictionary
-     * Merge every time, because a newly added plugin might call videojs.addLanguage() at any time
-     * Languages specified directly in the player options have precedence
-     *
-     * @return {Array}
-     *         An array of of supported languages
-     */
-    ;
-
-    _proto.languages = function languages() {
-      return mergeOptions(Player.prototype.options_.languages, this.languages_);
-    }
-    /**
-     * returns a JavaScript object reperesenting the current track
-     * information. **DOES not return it as JSON**
-     *
-     * @return {Object}
-     *         Object representing the current of track info
-     */
-    ;
-
-    _proto.toJSON = function toJSON() {
-      var options = mergeOptions(this.options_);
-      var tracks = options.tracks;
-      options.tracks = [];
-
-      for (var i = 0; i < tracks.length; i++) {
-        var track = tracks[i]; // deep merge tracks and null out player so no circular references
-
-        track = mergeOptions(track);
-        track.player = undefined;
-        options.tracks[i] = track;
-      }
-
-      return options;
-    }
-    /**
-     * Creates a simple modal dialog (an instance of the {@link ModalDialog}
-     * component) that immediately overlays the player with arbitrary
-     * content and removes itself when closed.
-     *
-     * @param {string|Function|Element|Array|null} content
-     *        Same as {@link ModalDialog#content}'s param of the same name.
-     *        The most straight-forward usage is to provide a string or DOM
-     *        element.
-     *
-     * @param {Object} [options]
-     *        Extra options which will be passed on to the {@link ModalDialog}.
-     *
-     * @return {ModalDialog}
-     *         the {@link ModalDialog} that was created
-     */
-    ;
-
-    _proto.createModal = function createModal(content, options) {
-      var _this14 = this;
-
-      options = options || {};
-      options.content = content || '';
-      var modal = new ModalDialog(this, options);
-      this.addChild(modal);
-      modal.on('dispose', function () {
-        _this14.removeChild(modal);
-      });
-      modal.open();
-      return modal;
-    }
-    /**
-     * Change breakpoint classes when the player resizes.
-     *
-     * @private
-     */
-    ;
-
-    _proto.updateCurrentBreakpoint_ = function updateCurrentBreakpoint_() {
-      if (!this.responsive()) {
-        return;
-      }
-
-      var currentBreakpoint = this.currentBreakpoint();
-      var currentWidth = this.currentWidth();
-
-      for (var i = 0; i < BREAKPOINT_ORDER.length; i++) {
-        var candidateBreakpoint = BREAKPOINT_ORDER[i];
-        var maxWidth = this.breakpoints_[candidateBreakpoint];
-
-        if (currentWidth <= maxWidth) {
-          // The current breakpoint did not change, nothing to do.
-          if (currentBreakpoint === candidateBreakpoint) {
-            return;
-          } // Only remove a class if there is a current breakpoint.
-
-
-          if (currentBreakpoint) {
-            this.removeClass(BREAKPOINT_CLASSES[currentBreakpoint]);
-          }
-
-          this.addClass(BREAKPOINT_CLASSES[candidateBreakpoint]);
-          this.breakpoint_ = candidateBreakpoint;
-          break;
-        }
-      }
-    }
-    /**
-     * Removes the current breakpoint.
-     *
-     * @private
-     */
-    ;
-
-    _proto.removeCurrentBreakpoint_ = function removeCurrentBreakpoint_() {
-      var className = this.currentBreakpointClass();
-      this.breakpoint_ = '';
-
-      if (className) {
-        this.removeClass(className);
-      }
-    }
-    /**
-     * Get or set breakpoints on the player.
-     *
-     * Calling this method with an object or `true` will remove any previous
-     * custom breakpoints and start from the defaults again.
-     *
-     * @param  {Object|boolean} [breakpoints]
-     *         If an object is given, it can be used to provide custom
-     *         breakpoints. If `true` is given, will set default breakpoints.
-     *         If this argument is not given, will simply return the current
-     *         breakpoints.
-     *
-     * @param  {number} [breakpoints.tiny]
-     *         The maximum width for the "vjs-layout-tiny" class.
-     *
-     * @param  {number} [breakpoints.xsmall]
-     *         The maximum width for the "vjs-layout-x-small" class.
-     *
-     * @param  {number} [breakpoints.small]
-     *         The maximum width for the "vjs-layout-small" class.
-     *
-     * @param  {number} [breakpoints.medium]
-     *         The maximum width for the "vjs-layout-medium" class.
-     *
-     * @param  {number} [breakpoints.large]
-     *         The maximum width for the "vjs-layout-large" class.
-     *
-     * @param  {number} [breakpoints.xlarge]
-     *         The maximum width for the "vjs-layout-x-large" class.
-     *
-     * @param  {number} [breakpoints.huge]
-     *         The maximum width for the "vjs-layout-huge" class.
-     *
-     * @return {Object}
-     *         An object mapping breakpoint names to maximum width values.
-     */
-    ;
-
-    _proto.breakpoints = function breakpoints(_breakpoints) {
-      // Used as a getter.
-      if (_breakpoints === undefined) {
-        return assign(this.breakpoints_);
-      }
-
-      this.breakpoint_ = '';
-      this.breakpoints_ = assign({}, DEFAULT_BREAKPOINTS, _breakpoints); // When breakpoint definitions change, we need to update the currently
-      // selected breakpoint.
-
-      this.updateCurrentBreakpoint_(); // Clone the breakpoints before returning.
-
-      return assign(this.breakpoints_);
-    }
-    /**
-     * Get or set a flag indicating whether or not this player should adjust
-     * its UI based on its dimensions.
-     *
-     * @param  {boolean} value
-     *         Should be `true` if the player should adjust its UI based on its
-     *         dimensions; otherwise, should be `false`.
-     *
-     * @return {boolean}
-     *         Will be `true` if this player should adjust its UI based on its
-     *         dimensions; otherwise, will be `false`.
-     */
-    ;
-
-    _proto.responsive = function responsive(value) {
-      // Used as a getter.
-      if (value === undefined) {
-        return this.responsive_;
-      }
-
-      value = Boolean(value);
-      var current = this.responsive_; // Nothing changed.
-
-      if (value === current) {
-        return;
-      } // The value actually changed, set it.
-
-
-      this.responsive_ = value; // Start listening for breakpoints and set the initial breakpoint if the
-      // player is now responsive.
-
-      if (value) {
-        this.on('playerresize', this.updateCurrentBreakpoint_);
-        this.updateCurrentBreakpoint_(); // Stop listening for breakpoints if the player is no longer responsive.
-      } else {
-        this.off('playerresize', this.updateCurrentBreakpoint_);
-        this.removeCurrentBreakpoint_();
-      }
-
-      return value;
-    }
-    /**
-     * Get current breakpoint name, if any.
-     *
-     * @return {string}
-     *         If there is currently a breakpoint set, returns a the key from the
-     *         breakpoints object matching it. Otherwise, returns an empty string.
-     */
-    ;
-
-    _proto.currentBreakpoint = function currentBreakpoint() {
-      return this.breakpoint_;
-    }
-    /**
-     * Get the current breakpoint class name.
-     *
-     * @return {string}
-     *         The matching class name (e.g. `"vjs-layout-tiny"` or
-     *         `"vjs-layout-large"`) for the current breakpoint. Empty string if
-     *         there is no current breakpoint.
-     */
-    ;
-
-    _proto.currentBreakpointClass = function currentBreakpointClass() {
-      return BREAKPOINT_CLASSES[this.breakpoint_] || '';
-    }
-    /**
-     * An object that describes a single piece of media.
-     *
-     * Properties that are not part of this type description will be retained; so,
-     * this can be viewed as a generic metadata storage mechanism as well.
-     *
-     * @see      {@link https://wicg.github.io/mediasession/#the-mediametadata-interface}
-     * @typedef  {Object} Player~MediaObject
-     *
-     * @property {string} [album]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {string} [artist]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {Object[]} [artwork]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API. If not specified, will be populated via the `poster`, if
-     *           available.
-     *
-     * @property {string} [poster]
-     *           URL to an image that will display before playback.
-     *
-     * @property {Tech~SourceObject|Tech~SourceObject[]|string} [src]
-     *           A single source object, an array of source objects, or a string
-     *           referencing a URL to a media source. It is _highly recommended_
-     *           that an object or array of objects is used here, so that source
-     *           selection algorithms can take the `type` into account.
-     *
-     * @property {string} [title]
-     *           Unused, except if this object is passed to the `MediaSession`
-     *           API.
-     *
-     * @property {Object[]} [textTracks]
-     *           An array of objects to be used to create text tracks, following
-     *           the {@link https://www.w3.org/TR/html50/embedded-content-0.html#the-track-element|native track element format}.
-     *           For ease of removal, these will be created as "remote" text
-     *           tracks and set to automatically clean up on source changes.
-     *
-     *           These objects may have properties like `src`, `kind`, `label`,
-     *           and `language`, see {@link Tech#createRemoteTextTrack}.
-     */
-
-    /**
-     * Populate the player using a {@link Player~MediaObject|MediaObject}.
-     *
-     * @param  {Player~MediaObject} media
-     *         A media object.
-     *
-     * @param  {Function} ready
-     *         A callback to be called when the player is ready.
-     */
-    ;
-
-    _proto.loadMedia = function loadMedia(media, ready) {
-      var _this15 = this;
-
-      if (!media || typeof media !== 'object') {
-        return;
-      }
-
-      this.reset(); // Clone the media object so it cannot be mutated from outside.
-
-      this.cache_.media = mergeOptions(media);
-      var _this$cache_$media = this.cache_.media,
-          artwork = _this$cache_$media.artwork,
-          poster = _this$cache_$media.poster,
-          src = _this$cache_$media.src,
-          textTracks = _this$cache_$media.textTracks; // If `artwork` is not given, create it using `poster`.
-
-      if (!artwork && poster) {
-        this.cache_.media.artwork = [{
-          src: poster,
-          type: getMimetype(poster)
-        }];
-      }
-
-      if (src) {
-        this.src(src);
-      }
-
-      if (poster) {
-        this.poster(poster);
-      }
-
-      if (Array.isArray(textTracks)) {
-        textTracks.forEach(function (tt) {
-          return _this15.addRemoteTextTrack(tt, false);
-        });
-      }
-
-      this.ready(ready);
-    }
-    /**
-     * Get a clone of the current {@link Player~MediaObject} for this player.
-     *
-     * If the `loadMedia` method has not been used, will attempt to return a
-     * {@link Player~MediaObject} based on the current state of the player.
-     *
-     * @return {Player~MediaObject}
-     */
-    ;
-
-    _proto.getMedia = function getMedia() {
-      if (!this.cache_.media) {
-        var poster = this.poster();
-        var src = this.currentSources();
-        var textTracks = Array.prototype.map.call(this.remoteTextTracks(), function (tt) {
-          return {
-            kind: tt.kind,
-            label: tt.label,
-            language: tt.language,
-            src: tt.src
-          };
-        });
-        var media = {
-          src: src,
-          textTracks: textTracks
-        };
-
-        if (poster) {
-          media.poster = poster;
-          media.artwork = [{
-            src: media.poster,
-            type: getMimetype(media.poster)
-          }];
-        }
-
-        return media;
-      }
-
-      return mergeOptions(this.cache_.media);
-    }
-    /**
-     * Gets tag settings
-     *
-     * @param {Element} tag
-     *        The player tag
-     *
-     * @return {Object}
-     *         An object containing all of the settings
-     *         for a player tag
-     */
-    ;
-
-    Player.getTagSettings = function getTagSettings(tag) {
-      var baseOptions = {
-        sources: [],
-        tracks: []
-      };
-      var tagOptions = getAttributes(tag);
-      var dataSetup = tagOptions['data-setup'];
-
-      if (hasClass(tag, 'vjs-fill')) {
-        tagOptions.fill = true;
-      }
-
-      if (hasClass(tag, 'vjs-fluid')) {
-        tagOptions.fluid = true;
-      } // Check if data-setup attr exists.
-
-
-      if (dataSetup !== null) {
-        // Parse options JSON
-        // If empty string, make it a parsable json object.
-        var _safeParseTuple = tuple(dataSetup || '{}'),
-            err = _safeParseTuple[0],
-            data = _safeParseTuple[1];
-
-        if (err) {
-          log.error(err);
-        }
-
-        assign(tagOptions, data);
-      }
-
-      assign(baseOptions, tagOptions); // Get tag children settings
-
-      if (tag.hasChildNodes()) {
-        var children = tag.childNodes;
-
-        for (var i = 0, j = children.length; i < j; i++) {
-          var child = children[i]; // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
-
-          var childName = child.nodeName.toLowerCase();
-
-          if (childName === 'source') {
-            baseOptions.sources.push(getAttributes(child));
-          } else if (childName === 'track') {
-            baseOptions.tracks.push(getAttributes(child));
-          }
-        }
-      }
-
-      return baseOptions;
-    }
-    /**
-     * Determine whether or not flexbox is supported
-     *
-     * @return {boolean}
-     *         - true if flexbox is supported
-     *         - false if flexbox is not supported
-     */
-    ;
-
-    _proto.flexNotSupported_ = function flexNotSupported_() {
-      var elem = document.createElement('i'); // Note: We don't actually use flexBasis (or flexOrder), but it's one of the more
-      // common flex features that we can rely on when checking for flex support.
-
-      return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style || // IE10-specific (2012 flex spec), available for completeness
-      'msFlexOrder' in elem.style);
-    };
-
-    return Player;
-  }(Component);
-  /**
-   * Get the {@link VideoTrackList}
-   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist
-   *
-   * @return {VideoTrackList}
-   *         the current video track list
-   *
-   * @method Player.prototype.videoTracks
-   */
-
-  /**
-   * Get the {@link AudioTrackList}
-   * @link https://html.spec.whatwg.org/multipage/embedded-content.html#audiotracklist
-   *
-   * @return {AudioTrackList}
-   *         the current audio track list
-   *
-   * @method Player.prototype.audioTracks
-   */
-
-  /**
-   * Get the {@link TextTrackList}
-   *
-   * @link http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
-   *
-   * @return {TextTrackList}
-   *         the current text track list
-   *
-   * @method Player.prototype.textTracks
-   */
-
-  /**
-   * Get the remote {@link TextTrackList}
-   *
-   * @return {TextTrackList}
-   *         The current remote text track list
-   *
-   * @method Player.prototype.remoteTextTracks
-   */
-
-  /**
-   * Get the remote {@link HtmlTrackElementList} tracks.
-   *
-   * @return {HtmlTrackElementList}
-   *         The current remote text track element list
-   *
-   * @method Player.prototype.remoteTextTrackEls
-   */
-
-
-  ALL.names.forEach(function (name) {
-    var props = ALL[name];
-
-    Player.prototype[props.getterName] = function () {
-      if (this.tech_) {
-        return this.tech_[props.getterName]();
-      } // if we have not yet loadTech_, we create {video,audio,text}Tracks_
-      // these will be passed to the tech during loading
-
-
-      this[props.privateName] = this[props.privateName] || new props.ListClass();
-      return this[props.privateName];
-    };
-  });
-  /**
-   * Global enumeration of players.
-   *
-   * The keys are the player IDs and the values are either the {@link Player}
-   * instance or `null` for disposed players.
-   *
-   * @type {Object}
-   */
-
-  Player.players = {};
-  var navigator = window$1.navigator;
-  /*
-   * Player instance options, surfaced using options
-   * options = Player.prototype.options_
-   * Make changes in options, not here.
-   *
-   * @type {Object}
-   * @private
-   */
-
-  Player.prototype.options_ = {
-    // Default order of fallback technology
-    techOrder: Tech.defaultTechOrder_,
-    html5: {},
-    flash: {},
-    // default inactivity timeout
-    inactivityTimeout: 2000,
-    // default playback rates
-    playbackRates: [],
-    // Add playback rate selection by adding rates
-    // 'playbackRates': [0.5, 1, 1.5, 2],
-    liveui: false,
-    // Included control sets
-    children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'liveTracker', 'controlBar', 'errorDisplay', 'textTrackSettings', 'resizeManager'],
-    language: navigator && (navigator.languages && navigator.languages[0] || navigator.userLanguage || navigator.language) || 'en',
-    // locales and their language translations
-    languages: {},
-    // Default message to show when a video cannot be played.
-    notSupportedMessage: 'No compatible source was found for this media.',
-    fullscreen: {
-      options: {
-        navigationUI: 'hide'
-      }
-    },
-    breakpoints: {},
-    responsive: false
-  };
-  [
-  /**
-   * Returns whether or not the player is in the "ended" state.
-   *
-   * @return {Boolean} True if the player is in the ended state, false if not.
-   * @method Player#ended
-   */
-  'ended',
-  /**
-   * Returns whether or not the player is in the "seeking" state.
-   *
-   * @return {Boolean} True if the player is in the seeking state, false if not.
-   * @method Player#seeking
-   */
-  'seeking',
-  /**
-   * Returns the TimeRanges of the media that are currently available
-   * for seeking to.
-   *
-   * @return {TimeRanges} the seekable intervals of the media timeline
-   * @method Player#seekable
-   */
-  'seekable',
-  /**
-   * Returns the current state of network activity for the element, from
-   * the codes in the list below.
-   * - NETWORK_EMPTY (numeric value 0)
-   *   The element has not yet been initialised. All attributes are in
-   *   their initial states.
-   * - NETWORK_IDLE (numeric value 1)
-   *   The element's resource selection algorithm is active and has
-   *   selected a resource, but it is not actually using the network at
-   *   this time.
-   * - NETWORK_LOADING (numeric value 2)
-   *   The user agent is actively trying to download data.
-   * - NETWORK_NO_SOURCE (numeric value 3)
-   *   The element's resource selection algorithm is active, but it has
-   *   not yet found a resource to use.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#network-states
-   * @return {number} the current network activity state
-   * @method Player#networkState
-   */
-  'networkState',
-  /**
-   * Returns a value that expresses the current state of the element
-   * with respect to rendering the current playback position, from the
-   * codes in the list below.
-   * - HAVE_NOTHING (numeric value 0)
-   *   No information regarding the media resource is available.
-   * - HAVE_METADATA (numeric value 1)
-   *   Enough of the resource has been obtained that the duration of the
-   *   resource is available.
-   * - HAVE_CURRENT_DATA (numeric value 2)
-   *   Data for the immediate current playback position is available.
-   * - HAVE_FUTURE_DATA (numeric value 3)
-   *   Data for the immediate current playback position is available, as
-   *   well as enough data for the user agent to advance the current
-   *   playback position in the direction of playback.
-   * - HAVE_ENOUGH_DATA (numeric value 4)
-   *   The user agent estimates that enough data is available for
-   *   playback to proceed uninterrupted.
-   *
-   * @see https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-readystate
-   * @return {number} the current playback rendering state
-   * @method Player#readyState
-   */
-  'readyState'].forEach(function (fn) {
-    Player.prototype[fn] = function () {
-      return this.techGet_(fn);
-    };
-  });
-  TECH_EVENTS_RETRIGGER.forEach(function (event) {
-    Player.prototype["handleTech" + toTitleCase(event) + "_"] = function () {
-      return this.trigger(event);
-    };
-  });
-  /**
-   * Fired when the player has initial duration and dimension information
-   *
-   * @event Player#loadedmetadata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the player has downloaded data at the current playback position
-   *
-   * @event Player#loadeddata
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the current playback position has changed *
-   * During playback this is fired every 15-250 milliseconds, depending on the
-   * playback technology in use.
-   *
-   * @event Player#timeupdate
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Fired when the volume changes
-   *
-   * @event Player#volumechange
-   * @type {EventTarget~Event}
-   */
-
-  /**
-   * Reports whether or not a player has a plugin available.
-   *
-   * This does not report whether or not the plugin has ever been initialized
-   * on this player. For that, [usingPlugin]{@link Player#usingPlugin}.
-   *
-   * @method Player#hasPlugin
-   * @param  {string}  name
-   *         The name of a plugin.
-   *
-   * @return {boolean}
-   *         Whether or not this player has the requested plugin available.
-   */
-
-  /**
-   * Reports whether or not a player is using a plugin by name.
-   *
-   * For basic plugins, this only reports whether the plugin has _ever_ been
-   * initialized on this player.
-   *
-   * @method Player#usingPlugin
-   * @param  {string} name
-   *         The name of a plugin.
-   *
-   * @return {boolean}
-   *         Whether or not this player is using the requested plugin.
-   */
-
-  Component.registerComponent('Player', Player);
-
-  var setPrototypeOf = createCommonjsModule(function (module) {
-    function _setPrototypeOf(o, p) {
-      module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-      };
-
-      return _setPrototypeOf(o, p);
-    }
-
-    module.exports = _setPrototypeOf;
-  });
-
-  var construct = createCommonjsModule(function (module) {
-    function isNativeReflectConstruct() {
-      if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-      if (Reflect.construct.sham) return false;
-      if (typeof Proxy === "function") return true;
-
-      try {
-        Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-        return true;
-      } catch (e) {
-        return false;
-      }
-    }
-
-    function _construct(Parent, args, Class) {
-      if (isNativeReflectConstruct()) {
-        module.exports = _construct = Reflect.construct;
-      } else {
-        module.exports = _construct = function _construct(Parent, args, Class) {
-          var a = [null];
-          a.push.apply(a, args);
-          var Constructor = Function.bind.apply(Parent, a);
-          var instance = new Constructor();
-          if (Class) setPrototypeOf(instance, Class.prototype);
-          return instance;
-        };
-      }
-
-      return _construct.apply(null, arguments);
-    }
-
-    module.exports = _construct;
-  });
-
-  /**
-   * The base plugin name.
-   *
-   * @private
-   * @constant
-   * @type {string}
-   */
-
-  var BASE_PLUGIN_NAME = 'plugin';
-  /**
-   * The key on which a player's active plugins cache is stored.
-   *
-   * @private
-   * @constant
-   * @type     {string}
-   */
-
-  var PLUGIN_CACHE_KEY = 'activePlugins_';
-  /**
-   * Stores registered plugins in a private space.
-   *
-   * @private
-   * @type    {Object}
-   */
-
-  var pluginStorage = {};
-  /**
-   * Reports whether or not a plugin has been registered.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {boolean}
-   *          Whether or not the plugin has been registered.
-   */
-
-  var pluginExists = function pluginExists(name) {
-    return pluginStorage.hasOwnProperty(name);
-  };
-  /**
-   * Get a single registered plugin by name.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of a plugin.
-   *
-   * @return {Function|undefined}
-   *          The plugin (or undefined).
-   */
-
-
-  var getPlugin = function getPlugin(name) {
-    return pluginExists(name) ? pluginStorage[name] : undefined;
-  };
-  /**
-   * Marks a plugin as "active" on a player.
-   *
-   * Also, ensures that the player has an object for tracking active plugins.
-   *
-   * @private
-   * @param   {Player} player
-   *          A Video.js player instance.
-   *
-   * @param   {string} name
-   *          The name of a plugin.
-   */
-
-
-  var markPluginAsActive = function markPluginAsActive(player, name) {
-    player[PLUGIN_CACHE_KEY] = player[PLUGIN_CACHE_KEY] || {};
-    player[PLUGIN_CACHE_KEY][name] = true;
-  };
-  /**
-   * Triggers a pair of plugin setup events.
-   *
-   * @private
-   * @param  {Player} player
-   *         A Video.js player instance.
-   *
-   * @param  {Plugin~PluginEventHash} hash
-   *         A plugin event hash.
-   *
-   * @param  {boolean} [before]
-   *         If true, prefixes the event name with "before". In other words,
-   *         use this to trigger "beforepluginsetup" instead of "pluginsetup".
-   */
-
-
-  var triggerSetupEvent = function triggerSetupEvent(player, hash, before) {
-    var eventName = (before ? 'before' : '') + 'pluginsetup';
-    player.trigger(eventName, hash);
-    player.trigger(eventName + ':' + hash.name, hash);
-  };
-  /**
-   * Takes a basic plugin function and returns a wrapper function which marks
-   * on the player that the plugin has been activated.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of the plugin.
-   *
-   * @param   {Function} plugin
-   *          The basic plugin.
-   *
-   * @return {Function}
-   *          A wrapper function for the given plugin.
-   */
-
-
-  var createBasicPlugin = function createBasicPlugin(name, plugin) {
-    var basicPluginWrapper = function basicPluginWrapper() {
-      // We trigger the "beforepluginsetup" and "pluginsetup" events on the player
-      // regardless, but we want the hash to be consistent with the hash provided
-      // for advanced plugins.
-      //
-      // The only potentially counter-intuitive thing here is the `instance` in
-      // the "pluginsetup" event is the value returned by the `plugin` function.
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: plugin,
-        instance: null
-      }, true);
-      var instance = plugin.apply(this, arguments);
-      markPluginAsActive(this, name);
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: plugin,
-        instance: instance
-      });
-      return instance;
-    };
-
-    Object.keys(plugin).forEach(function (prop) {
-      basicPluginWrapper[prop] = plugin[prop];
-    });
-    return basicPluginWrapper;
-  };
-  /**
-   * Takes a plugin sub-class and returns a factory function for generating
-   * instances of it.
-   *
-   * This factory function will replace itself with an instance of the requested
-   * sub-class of Plugin.
-   *
-   * @private
-   * @param   {string} name
-   *          The name of the plugin.
-   *
-   * @param   {Plugin} PluginSubClass
-   *          The advanced plugin.
-   *
-   * @return {Function}
-   */
-
-
-  var createPluginFactory = function createPluginFactory(name, PluginSubClass) {
-    // Add a `name` property to the plugin prototype so that each plugin can
-    // refer to itself by name.
-    PluginSubClass.prototype.name = name;
-    return function () {
-      triggerSetupEvent(this, {
-        name: name,
-        plugin: PluginSubClass,
-        instance: null
-      }, true);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var instance = construct(PluginSubClass, [this].concat(args)); // The plugin is replaced by a function that returns the current instance.
-
-
-      this[name] = function () {
-        return instance;
-      };
-
-      triggerSetupEvent(this, instance.getEventHash());
-      return instance;
-    };
-  };
-  /**
-   * Parent class for all advanced plugins.
-   *
-   * @mixes   module:evented~EventedMixin
-   * @mixes   module:stateful~StatefulMixin
-   * @fires   Player#beforepluginsetup
-   * @fires   Player#beforepluginsetup:$name
-   * @fires   Player#pluginsetup
-   * @fires   Player#pluginsetup:$name
-   * @listens Player#dispose
-   * @throws  {Error}
-   *          If attempting to instantiate the base {@link Plugin} class
-   *          directly instead of via a sub-class.
-   */
-
-
-  var Plugin =
-  /*#__PURE__*/
-  function () {
-    /**
-     * Creates an instance of this class.
-     *
-     * Sub-classes should call `super` to ensure plugins are properly initialized.
-     *
-     * @param {Player} player
-     *        A Video.js player instance.
-     */
-    function Plugin(player) {
-      if (this.constructor === Plugin) {
-        throw new Error('Plugin must be sub-classed; not directly instantiated.');
-      }
-
-      this.player = player; // Make this object evented, but remove the added `trigger` method so we
-      // use the prototype version instead.
-
-      evented(this);
-      delete this.trigger;
-      stateful(this, this.constructor.defaultState);
-      markPluginAsActive(player, this.name); // Auto-bind the dispose method so we can use it as a listener and unbind
-      // it later easily.
-
-      this.dispose = bind(this, this.dispose); // If the player is disposed, dispose the plugin.
-
-      player.on('dispose', this.dispose);
-    }
-    /**
-     * Get the version of the plugin that was set on <pluginName>.VERSION
-     */
-
-
-    var _proto = Plugin.prototype;
-
-    _proto.version = function version() {
-      return this.constructor.VERSION;
-    }
-    /**
-     * Each event triggered by plugins includes a hash of additional data with
-     * conventional properties.
-     *
-     * This returns that object or mutates an existing hash.
-     *
-     * @param   {Object} [hash={}]
-     *          An object to be used as event an event hash.
-     *
-     * @return {Plugin~PluginEventHash}
-     *          An event hash object with provided properties mixed-in.
-     */
-    ;
-
-    _proto.getEventHash = function getEventHash(hash) {
-      if (hash === void 0) {
-        hash = {};
-      }
-
-      hash.name = this.name;
-      hash.plugin = this.constructor;
-      hash.instance = this;
-      return hash;
-    }
-    /**
-     * Triggers an event on the plugin object and overrides
-     * {@link module:evented~EventedMixin.trigger|EventedMixin.trigger}.
-     *
-     * @param   {string|Object} event
-     *          An event type or an object with a type property.
-     *
-     * @param   {Object} [hash={}]
-     *          Additional data hash to merge with a
-     *          {@link Plugin~PluginEventHash|PluginEventHash}.
-     *
-     * @return {boolean}
-     *          Whether or not default was prevented.
-     */
-    ;
-
-    _proto.trigger = function trigger$1(event, hash) {
-      if (hash === void 0) {
-        hash = {};
-      }
-
-      return trigger(this.eventBusEl_, event, this.getEventHash(hash));
-    }
-    /**
-     * Handles "statechanged" events on the plugin. No-op by default, override by
-     * subclassing.
-     *
-     * @abstract
-     * @param    {Event} e
-     *           An event object provided by a "statechanged" event.
-     *
-     * @param    {Object} e.changes
-     *           An object describing changes that occurred with the "statechanged"
-     *           event.
-     */
-    ;
-
-    _proto.handleStateChanged = function handleStateChanged(e) {}
-    /**
-     * Disposes a plugin.
-     *
-     * Subclasses can override this if they want, but for the sake of safety,
-     * it's probably best to subscribe the "dispose" event.
-     *
-     * @fires Plugin#dispose
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      var name = this.name,
-          player = this.player;
-      /**
-       * Signals that a advanced plugin is about to be disposed.
-       *
-       * @event Plugin#dispose
-       * @type  {EventTarget~Event}
-       */
-
-      this.trigger('dispose');
-      this.off();
-      player.off('dispose', this.dispose); // Eliminate any possible sources of leaking memory by clearing up
-      // references between the player and the plugin instance and nulling out
-      // the plugin's state and replacing methods with a function that throws.
-
-      player[PLUGIN_CACHE_KEY][name] = false;
-      this.player = this.state = null; // Finally, replace the plugin name on the player with a new factory
-      // function, so that the plugin is ready to be set up again.
-
-      player[name] = createPluginFactory(name, pluginStorage[name]);
-    }
-    /**
-     * Determines if a plugin is a basic plugin (i.e. not a sub-class of `Plugin`).
-     *
-     * @param   {string|Function} plugin
-     *          If a string, matches the name of a plugin. If a function, will be
-     *          tested directly.
-     *
-     * @return {boolean}
-     *          Whether or not a plugin is a basic plugin.
-     */
-    ;
-
-    Plugin.isBasic = function isBasic(plugin) {
-      var p = typeof plugin === 'string' ? getPlugin(plugin) : plugin;
-      return typeof p === 'function' && !Plugin.prototype.isPrototypeOf(p.prototype);
-    }
-    /**
-     * Register a Video.js plugin.
-     *
-     * @param   {string} name
-     *          The name of the plugin to be registered. Must be a string and
-     *          must not match an existing plugin or a method on the `Player`
-     *          prototype.
-     *
-     * @param   {Function} plugin
-     *          A sub-class of `Plugin` or a function for basic plugins.
-     *
-     * @return {Function}
-     *          For advanced plugins, a factory function for that plugin. For
-     *          basic plugins, a wrapper function that initializes the plugin.
-     */
-    ;
-
-    Plugin.registerPlugin = function registerPlugin(name, plugin) {
-      if (typeof name !== 'string') {
-        throw new Error("Illegal plugin name, \"" + name + "\", must be a string, was " + typeof name + ".");
-      }
-
-      if (pluginExists(name)) {
-        log.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
-      } else if (Player.prototype.hasOwnProperty(name)) {
-        throw new Error("Illegal plugin name, \"" + name + "\", cannot share a name with an existing player method!");
-      }
-
-      if (typeof plugin !== 'function') {
-        throw new Error("Illegal plugin for \"" + name + "\", must be a function, was " + typeof plugin + ".");
-      }
-
-      pluginStorage[name] = plugin; // Add a player prototype method for all sub-classed plugins (but not for
-      // the base Plugin class).
-
-      if (name !== BASE_PLUGIN_NAME) {
-        if (Plugin.isBasic(plugin)) {
-          Player.prototype[name] = createBasicPlugin(name, plugin);
-        } else {
-          Player.prototype[name] = createPluginFactory(name, plugin);
-        }
-      }
-
-      return plugin;
-    }
-    /**
-     * De-register a Video.js plugin.
-     *
-     * @param  {string} name
-     *         The name of the plugin to be de-registered. Must be a string that
-     *         matches an existing plugin.
-     *
-     * @throws {Error}
-     *         If an attempt is made to de-register the base plugin.
-     */
-    ;
-
-    Plugin.deregisterPlugin = function deregisterPlugin(name) {
-      if (name === BASE_PLUGIN_NAME) {
-        throw new Error('Cannot de-register base plugin.');
-      }
-
-      if (pluginExists(name)) {
-        delete pluginStorage[name];
-        delete Player.prototype[name];
-      }
-    }
-    /**
-     * Gets an object containing multiple Video.js plugins.
-     *
-     * @param   {Array} [names]
-     *          If provided, should be an array of plugin names. Defaults to _all_
-     *          plugin names.
-     *
-     * @return {Object|undefined}
-     *          An object containing plugin(s) associated with their name(s) or
-     *          `undefined` if no matching plugins exist).
-     */
-    ;
-
-    Plugin.getPlugins = function getPlugins(names) {
-      if (names === void 0) {
-        names = Object.keys(pluginStorage);
-      }
-
-      var result;
-      names.forEach(function (name) {
-        var plugin = getPlugin(name);
-
-        if (plugin) {
-          result = result || {};
-          result[name] = plugin;
-        }
-      });
-      return result;
-    }
-    /**
-     * Gets a plugin's version, if available
-     *
-     * @param   {string} name
-     *          The name of a plugin.
-     *
-     * @return {string}
-     *          The plugin's version or an empty string.
-     */
-    ;
-
-    Plugin.getPluginVersion = function getPluginVersion(name) {
-      var plugin = getPlugin(name);
-      return plugin && plugin.VERSION || '';
-    };
-
-    return Plugin;
-  }();
-  /**
-   * Gets a plugin by name if it exists.
-   *
-   * @static
-   * @method   getPlugin
-   * @memberOf Plugin
-   * @param    {string} name
-   *           The name of a plugin.
-   *
-   * @returns  {Function|undefined}
-   *           The plugin (or `undefined`).
-   */
-
-
-  Plugin.getPlugin = getPlugin;
-  /**
-   * The name of the base plugin class as it is registered.
-   *
-   * @type {string}
-   */
-
-  Plugin.BASE_PLUGIN_NAME = BASE_PLUGIN_NAME;
-  Plugin.registerPlugin(BASE_PLUGIN_NAME, Plugin);
-  /**
-   * Documented in player.js
-   *
-   * @ignore
-   */
-
-  Player.prototype.usingPlugin = function (name) {
-    return !!this[PLUGIN_CACHE_KEY] && this[PLUGIN_CACHE_KEY][name] === true;
-  };
-  /**
-   * Documented in player.js
-   *
-   * @ignore
-   */
-
-
-  Player.prototype.hasPlugin = function (name) {
-    return !!pluginExists(name);
-  };
-  /**
-   * Signals that a plugin is about to be set up on a player.
-   *
-   * @event    Player#beforepluginsetup
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin is about to be set up on a player - by name. The name
-   * is the name of the plugin.
-   *
-   * @event    Player#beforepluginsetup:$name
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin has just been set up on a player.
-   *
-   * @event    Player#pluginsetup
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * Signals that a plugin has just been set up on a player - by name. The name
-   * is the name of the plugin.
-   *
-   * @event    Player#pluginsetup:$name
-   * @type     {Plugin~PluginEventHash}
-   */
-
-  /**
-   * @typedef  {Object} Plugin~PluginEventHash
-   *
-   * @property {string} instance
-   *           For basic plugins, the return value of the plugin function. For
-   *           advanced plugins, the plugin instance on which the event is fired.
-   *
-   * @property {string} name
-   *           The name of the plugin.
-   *
-   * @property {string} plugin
-   *           For basic plugins, the plugin function. For advanced plugins, the
-   *           plugin class/constructor.
-   */
-
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass) setPrototypeOf(subClass, superClass);
-  }
-
-  var inherits = _inherits;
-
-  /**
-   * @file extend.js
-   * @module extend
-   */
-  /**
-   * Used to subclass an existing class by emulating ES subclassing using the
-   * `extends` keyword.
-   *
-   * @function
-   * @example
-   * var MyComponent = videojs.extend(videojs.getComponent('Component'), {
-   *   myCustomMethod: function() {
-   *     // Do things in my method.
-   *   }
-   * });
-   *
-   * @param    {Function} superClass
-   *           The class to inherit from
-   *
-   * @param    {Object}   [subClassMethods={}]
-   *           Methods of the new class
-   *
-   * @return   {Function}
-   *           The new class with subClassMethods that inherited superClass.
-   */
-
-  var extend = function extend(superClass, subClassMethods) {
-    if (subClassMethods === void 0) {
-      subClassMethods = {};
-    }
-
-    var subClass = function subClass() {
-      superClass.apply(this, arguments);
-    };
-
-    var methods = {};
-
-    if (typeof subClassMethods === 'object') {
-      if (subClassMethods.constructor !== Object.prototype.constructor) {
-        subClass = subClassMethods.constructor;
-      }
-
-      methods = subClassMethods;
-    } else if (typeof subClassMethods === 'function') {
-      subClass = subClassMethods;
-    }
-
-    inherits(subClass, superClass); // this is needed for backward-compatibility and node compatibility.
-
-
-    if (superClass) {
-      subClass.super_ = superClass;
-    } // Extend subObj's prototype with functions and other properties from props
-
-
-    for (var name in methods) {
-      if (methods.hasOwnProperty(name)) {
-        subClass.prototype[name] = methods[name];
-      }
-    }
-
-    return subClass;
-  };
-
-  /**
-   * @file video.js
-   * @module videojs
-   */
-  /**
-   * Normalize an `id` value by trimming off a leading `#`
-   *
-   * @private
-   * @param   {string} id
-   *          A string, maybe with a leading `#`.
-   *
-   * @return {string}
-   *          The string, without any leading `#`.
-   */
-
-  var normalizeId = function normalizeId(id) {
-    return id.indexOf('#') === 0 ? id.slice(1) : id;
-  };
-  /**
-   * The `videojs()` function doubles as the main function for users to create a
-   * {@link Player} instance as well as the main library namespace.
-   *
-   * It can also be used as a getter for a pre-existing {@link Player} instance.
-   * However, we _strongly_ recommend using `videojs.getPlayer()` for this
-   * purpose because it avoids any potential for unintended initialization.
-   *
-   * Due to [limitations](https://github.com/jsdoc3/jsdoc/issues/955#issuecomment-313829149)
-   * of our JSDoc template, we cannot properly document this as both a function
-   * and a namespace, so its function signature is documented here.
-   *
-   * #### Arguments
-   * ##### id
-   * string|Element, **required**
-   *
-   * Video element or video element ID.
-   *
-   * ##### options
-   * Object, optional
-   *
-   * Options object for providing settings.
-   * See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
-   *
-   * ##### ready
-   * {@link Component~ReadyCallback}, optional
-   *
-   * A function to be called when the {@link Player} and {@link Tech} are ready.
-   *
-   * #### Return Value
-   *
-   * The `videojs()` function returns a {@link Player} instance.
-   *
-   * @namespace
-   *
-   * @borrows AudioTrack as AudioTrack
-   * @borrows Component.getComponent as getComponent
-   * @borrows module:computed-style~computedStyle as computedStyle
-   * @borrows module:events.on as on
-   * @borrows module:events.one as one
-   * @borrows module:events.off as off
-   * @borrows module:events.trigger as trigger
-   * @borrows EventTarget as EventTarget
-   * @borrows module:extend~extend as extend
-   * @borrows module:fn.bind as bind
-   * @borrows module:format-time.formatTime as formatTime
-   * @borrows module:format-time.resetFormatTime as resetFormatTime
-   * @borrows module:format-time.setFormatTime as setFormatTime
-   * @borrows module:merge-options.mergeOptions as mergeOptions
-   * @borrows module:middleware.use as use
-   * @borrows Player.players as players
-   * @borrows Plugin.registerPlugin as registerPlugin
-   * @borrows Plugin.deregisterPlugin as deregisterPlugin
-   * @borrows Plugin.getPlugins as getPlugins
-   * @borrows Plugin.getPlugin as getPlugin
-   * @borrows Plugin.getPluginVersion as getPluginVersion
-   * @borrows Tech.getTech as getTech
-   * @borrows Tech.registerTech as registerTech
-   * @borrows TextTrack as TextTrack
-   * @borrows module:time-ranges.createTimeRanges as createTimeRange
-   * @borrows module:time-ranges.createTimeRanges as createTimeRanges
-   * @borrows module:url.isCrossOrigin as isCrossOrigin
-   * @borrows module:url.parseUrl as parseUrl
-   * @borrows VideoTrack as VideoTrack
-   *
-   * @param  {string|Element} id
-   *         Video element or video element ID.
-   *
-   * @param  {Object} [options]
-   *         Options object for providing settings.
-   *         See: [Options Guide](https://docs.videojs.com/tutorial-options.html).
-   *
-   * @param  {Component~ReadyCallback} [ready]
-   *         A function to be called when the {@link Player} and {@link Tech} are
-   *         ready.
-   *
-   * @return {Player}
-   *         The `videojs()` function returns a {@link Player|Player} instance.
-   */
-
-
-  function videojs$1(id, options, ready) {
-    var player = videojs$1.getPlayer(id);
-
-    if (player) {
-      if (options) {
-        log.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
-      }
-
-      if (ready) {
-        player.ready(ready);
-      }
-
-      return player;
-    }
-
-    var el = typeof id === 'string' ? $('#' + normalizeId(id)) : id;
-
-    if (!isEl(el)) {
-      throw new TypeError('The element or ID supplied is not valid. (videojs)');
-    } // document.body.contains(el) will only check if el is contained within that one document.
-    // This causes problems for elements in iframes.
-    // Instead, use the element's ownerDocument instead of the global document.
-    // This will make sure that the element is indeed in the dom of that document.
-    // Additionally, check that the document in question has a default view.
-    // If the document is no longer attached to the dom, the defaultView of the document will be null.
-
-
-    if (!el.ownerDocument.defaultView || !el.ownerDocument.body.contains(el)) {
-      log.warn('The element supplied is not included in the DOM');
-    }
-
-    options = options || {};
-    videojs$1.hooks('beforesetup').forEach(function (hookFunction) {
-      var opts = hookFunction(el, mergeOptions(options));
-
-      if (!isObject(opts) || Array.isArray(opts)) {
-        log.error('please return an object in beforesetup hooks');
-        return;
-      }
-
-      options = mergeOptions(options, opts);
-    }); // We get the current "Player" component here in case an integration has
-    // replaced it with a custom player.
-
-    var PlayerComponent = Component.getComponent('Player');
-    player = new PlayerComponent(el, options, ready);
-    videojs$1.hooks('setup').forEach(function (hookFunction) {
-      return hookFunction(player);
-    });
-    return player;
-  }
-  /**
-   * An Object that contains lifecycle hooks as keys which point to an array
-   * of functions that are run when a lifecycle is triggered
-   *
-   * @private
-   */
-
-
-  videojs$1.hooks_ = {};
-  /**
-   * Get a list of hooks for a specific lifecycle
-   *
-   * @param  {string} type
-   *         the lifecyle to get hooks from
-   *
-   * @param  {Function|Function[]} [fn]
-   *         Optionally add a hook (or hooks) to the lifecycle that your are getting.
-   *
-   * @return {Array}
-   *         an array of hooks, or an empty array if there are none.
-   */
-
-  videojs$1.hooks = function (type, fn) {
-    videojs$1.hooks_[type] = videojs$1.hooks_[type] || [];
-
-    if (fn) {
-      videojs$1.hooks_[type] = videojs$1.hooks_[type].concat(fn);
-    }
-
-    return videojs$1.hooks_[type];
-  };
-  /**
-   * Add a function hook to a specific videojs lifecycle.
-   *
-   * @param {string} type
-   *        the lifecycle to hook the function to.
-   *
-   * @param {Function|Function[]}
-   *        The function or array of functions to attach.
-   */
-
-
-  videojs$1.hook = function (type, fn) {
-    videojs$1.hooks(type, fn);
-  };
-  /**
-   * Add a function hook that will only run once to a specific videojs lifecycle.
-   *
-   * @param {string} type
-   *        the lifecycle to hook the function to.
-   *
-   * @param {Function|Function[]}
-   *        The function or array of functions to attach.
-   */
-
-
-  videojs$1.hookOnce = function (type, fn) {
-    videojs$1.hooks(type, [].concat(fn).map(function (original) {
-      var wrapper = function wrapper() {
-        videojs$1.removeHook(type, wrapper);
-        return original.apply(void 0, arguments);
-      };
-
-      return wrapper;
-    }));
-  };
-  /**
-   * Remove a hook from a specific videojs lifecycle.
-   *
-   * @param  {string} type
-   *         the lifecycle that the function hooked to
-   *
-   * @param  {Function} fn
-   *         The hooked function to remove
-   *
-   * @return {boolean}
-   *         The function that was removed or undef
-   */
-
-
-  videojs$1.removeHook = function (type, fn) {
-    var index = videojs$1.hooks(type).indexOf(fn);
-
-    if (index <= -1) {
-      return false;
-    }
-
-    videojs$1.hooks_[type] = videojs$1.hooks_[type].slice();
-    videojs$1.hooks_[type].splice(index, 1);
-    return true;
-  }; // Add default styles
-
-
-  if (window$1.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
-    var style = $('.vjs-styles-defaults');
-
-    if (!style) {
-      style = createStyleElement('vjs-styles-defaults');
-      var head = $('head');
-
-      if (head) {
-        head.insertBefore(style, head.firstChild);
-      }
-
-      setTextContent(style, "\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ");
-    }
-  } // Run Auto-load players
-  // You have to wait at least once in case this script is loaded after your
-  // video in the DOM (weird behavior only with minified version)
-
-
-  autoSetupTimeout(1, videojs$1);
-  /**
-   * Current Video.js version. Follows [semantic versioning](https://semver.org/).
-   *
-   * @type {string}
-   */
-
-  videojs$1.VERSION = version;
-  /**
-   * The global options object. These are the settings that take effect
-   * if no overrides are specified when the player is created.
-   *
-   * @type {Object}
-   */
-
-  videojs$1.options = Player.prototype.options_;
-  /**
-   * Get an object with the currently created players, keyed by player ID
-   *
-   * @return {Object}
-   *         The created players
-   */
-
-  videojs$1.getPlayers = function () {
-    return Player.players;
-  };
-  /**
-   * Get a single player based on an ID or DOM element.
-   *
-   * This is useful if you want to check if an element or ID has an associated
-   * Video.js player, but not create one if it doesn't.
-   *
-   * @param   {string|Element} id
-   *          An HTML element - `<video>`, `<audio>`, or `<video-js>` -
-   *          or a string matching the `id` of such an element.
-   *
-   * @return {Player|undefined}
-   *          A player instance or `undefined` if there is no player instance
-   *          matching the argument.
-   */
-
-
-  videojs$1.getPlayer = function (id) {
-    var players = Player.players;
-    var tag;
-
-    if (typeof id === 'string') {
-      var nId = normalizeId(id);
-      var player = players[nId];
-
-      if (player) {
-        return player;
-      }
-
-      tag = $('#' + nId);
-    } else {
-      tag = id;
-    }
-
-    if (isEl(tag)) {
-      var _tag = tag,
-          _player = _tag.player,
-          playerId = _tag.playerId; // Element may have a `player` property referring to an already created
-      // player instance. If so, return that.
-
-      if (_player || players[playerId]) {
-        return _player || players[playerId];
-      }
-    }
-  };
-  /**
-   * Returns an array of all current players.
-   *
-   * @return {Array}
-   *         An array of all players. The array will be in the order that
-   *         `Object.keys` provides, which could potentially vary between
-   *         JavaScript engines.
-   *
-   */
-
-
-  videojs$1.getAllPlayers = function () {
-    return (// Disposed players leave a key with a `null` value, so we need to make sure
-      // we filter those out.
-      Object.keys(Player.players).map(function (k) {
-        return Player.players[k];
-      }).filter(Boolean)
-    );
-  };
-
-  videojs$1.players = Player.players;
-  videojs$1.getComponent = Component.getComponent;
-  /**
-   * Register a component so it can referred to by name. Used when adding to other
-   * components, either through addChild `component.addChild('myComponent')` or through
-   * default children options  `{ children: ['myComponent'] }`.
-   *
-   * > NOTE: You could also just initialize the component before adding.
-   * `component.addChild(new MyComponent());`
-   *
-   * @param {string} name
-   *        The class name of the component
-   *
-   * @param {Component} comp
-   *        The component class
-   *
-   * @return {Component}
-   *         The newly registered component
-   */
-
-  videojs$1.registerComponent = function (name, comp) {
-    if (Tech.isTech(comp)) {
-      log.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
-    }
-
-    Component.registerComponent.call(Component, name, comp);
-  };
-
-  videojs$1.getTech = Tech.getTech;
-  videojs$1.registerTech = Tech.registerTech;
-  videojs$1.use = use;
-  /**
-   * An object that can be returned by a middleware to signify
-   * that the middleware is being terminated.
-   *
-   * @type {object}
-   * @property {object} middleware.TERMINATOR
-   */
-
-  Object.defineProperty(videojs$1, 'middleware', {
-    value: {},
-    writeable: false,
-    enumerable: true
-  });
-  Object.defineProperty(videojs$1.middleware, 'TERMINATOR', {
-    value: TERMINATOR,
-    writeable: false,
-    enumerable: true
-  });
-  /**
-   * A reference to the {@link module:browser|browser utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:browser|browser}
-   */
-
-  videojs$1.browser = browser;
-  /**
-   * Use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED} instead; only
-   * included for backward-compatibility with 4.x.
-   *
-   * @deprecated Since version 5.0, use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED instead.
-   * @type {boolean}
-   */
-
-  videojs$1.TOUCH_ENABLED = TOUCH_ENABLED;
-  videojs$1.extend = extend;
-  videojs$1.mergeOptions = mergeOptions;
-  videojs$1.bind = bind;
-  videojs$1.registerPlugin = Plugin.registerPlugin;
-  videojs$1.deregisterPlugin = Plugin.deregisterPlugin;
-  /**
-   * Deprecated method to register a plugin with Video.js
-   *
-   * @deprecated videojs.plugin() is deprecated; use videojs.registerPlugin() instead
-   *
-   * @param {string} name
-   *        The plugin name
-   *
-   * @param {Plugin|Function} plugin
-   *         The plugin sub-class or function
-   */
-
-  videojs$1.plugin = function (name, plugin) {
-    log.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-    return Plugin.registerPlugin(name, plugin);
-  };
-
-  videojs$1.getPlugins = Plugin.getPlugins;
-  videojs$1.getPlugin = Plugin.getPlugin;
-  videojs$1.getPluginVersion = Plugin.getPluginVersion;
-  /**
-   * Adding languages so that they're available to all players.
-   * Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`
-   *
-   * @param {string} code
-   *        The language code or dictionary property
-   *
-   * @param {Object} data
-   *        The data values to be translated
-   *
-   * @return {Object}
-   *         The resulting language dictionary object
-   */
-
-  videojs$1.addLanguage = function (code, data) {
-    var _mergeOptions;
-
-    code = ('' + code).toLowerCase();
-    videojs$1.options.languages = mergeOptions(videojs$1.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-    return videojs$1.options.languages[code];
-  };
-  /**
-   * A reference to the {@link module:log|log utility module} as an object.
-   *
-   * @type {Function}
-   * @see  {@link module:log|log}
-   */
-
-
-  videojs$1.log = log;
-  videojs$1.createLogger = createLogger$1;
-  videojs$1.createTimeRange = videojs$1.createTimeRanges = createTimeRanges;
-  videojs$1.formatTime = formatTime;
-  videojs$1.setFormatTime = setFormatTime;
-  videojs$1.resetFormatTime = resetFormatTime;
-  videojs$1.parseUrl = parseUrl;
-  videojs$1.isCrossOrigin = isCrossOrigin;
-  videojs$1.EventTarget = EventTarget;
-  videojs$1.on = on;
-  videojs$1.one = one;
-  videojs$1.off = off;
-  videojs$1.trigger = trigger;
-  /**
-   * A cross-browser XMLHttpRequest wrapper.
-   *
-   * @function
-   * @param    {Object} options
-   *           Settings for the request.
-   *
-   * @return   {XMLHttpRequest|XDomainRequest}
-   *           The request object.
-   *
-   * @see      https://github.com/Raynos/xhr
-   */
-
-  videojs$1.xhr = xhr;
-  videojs$1.TextTrack = TextTrack;
-  videojs$1.AudioTrack = AudioTrack;
-  videojs$1.VideoTrack = VideoTrack;
-  ['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-    videojs$1[k] = function () {
-      log.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
-      return Dom[k].apply(null, arguments);
-    };
-  });
-  videojs$1.computedStyle = computedStyle;
-  /**
-   * A reference to the {@link module:dom|DOM utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:dom|dom}
-   */
-
-  videojs$1.dom = Dom;
-  /**
-   * A reference to the {@link module:url|URL utility module} as an object.
-   *
-   * @type {Object}
-   * @see  {@link module:url|url}
-   */
-
-  videojs$1.url = Url;
-  videojs$1.defineLazyProperty = defineLazyProperty;
-
-  var urlToolkit = createCommonjsModule(function (module, exports) {
-    // see https://tools.ietf.org/html/rfc1808
-
-    /* jshint ignore:start */
-    (function (root) {
-      /* jshint ignore:end */
-      var URL_REGEX = /^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/;
-      var FIRST_SEGMENT_REGEX = /^([^\/?#]*)(.*)$/;
-      var SLASH_DOT_REGEX = /(?:\/|^)\.(?=\/)/g;
-      var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g;
-      var URLToolkit = {
-        // jshint ignore:line
-        // If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or //
-        // E.g
-        // With opts.alwaysNormalize = false (default, spec compliant)
-        // http://a.com/b/cd + /e/f/../g => http://a.com/e/f/../g
-        // With opts.alwaysNormalize = true (not spec compliant)
-        // http://a.com/b/cd + /e/f/../g => http://a.com/e/g
-        buildAbsoluteURL: function buildAbsoluteURL(baseURL, relativeURL, opts) {
-          opts = opts || {}; // remove any remaining space and CRLF
-
-          baseURL = baseURL.trim();
-          relativeURL = relativeURL.trim();
-
-          if (!relativeURL) {
-            // 2a) If the embedded URL is entirely empty, it inherits the
-            // entire base URL (i.e., is set equal to the base URL)
-            // and we are done.
-            if (!opts.alwaysNormalize) {
-              return baseURL;
-            }
-
-            var basePartsForNormalise = URLToolkit.parseURL(baseURL);
-
-            if (!basePartsForNormalise) {
-              throw new Error('Error trying to parse base URL.');
-            }
-
-            basePartsForNormalise.path = URLToolkit.normalizePath(basePartsForNormalise.path);
-            return URLToolkit.buildURLFromParts(basePartsForNormalise);
-          }
-
-          var relativeParts = URLToolkit.parseURL(relativeURL);
-
-          if (!relativeParts) {
-            throw new Error('Error trying to parse relative URL.');
-          }
-
-          if (relativeParts.scheme) {
-            // 2b) If the embedded URL starts with a scheme name, it is
-            // interpreted as an absolute URL and we are done.
-            if (!opts.alwaysNormalize) {
-              return relativeURL;
-            }
-
-            relativeParts.path = URLToolkit.normalizePath(relativeParts.path);
-            return URLToolkit.buildURLFromParts(relativeParts);
-          }
-
-          var baseParts = URLToolkit.parseURL(baseURL);
-
-          if (!baseParts) {
-            throw new Error('Error trying to parse base URL.');
-          }
-
-          if (!baseParts.netLoc && baseParts.path && baseParts.path[0] !== '/') {
-            // If netLoc missing and path doesn't start with '/', assume everthing before the first '/' is the netLoc
-            // This causes 'example.com/a' to be handled as '//example.com/a' instead of '/example.com/a'
-            var pathParts = FIRST_SEGMENT_REGEX.exec(baseParts.path);
-            baseParts.netLoc = pathParts[1];
-            baseParts.path = pathParts[2];
-          }
-
-          if (baseParts.netLoc && !baseParts.path) {
-            baseParts.path = '/';
-          }
-
-          var builtParts = {
-            // 2c) Otherwise, the embedded URL inherits the scheme of
-            // the base URL.
-            scheme: baseParts.scheme,
-            netLoc: relativeParts.netLoc,
-            path: null,
-            params: relativeParts.params,
-            query: relativeParts.query,
-            fragment: relativeParts.fragment
-          };
-
-          if (!relativeParts.netLoc) {
-            // 3) If the embedded URL's <net_loc> is non-empty, we skip to
-            // Step 7.  Otherwise, the embedded URL inherits the <net_loc>
-            // (if any) of the base URL.
-            builtParts.netLoc = baseParts.netLoc; // 4) If the embedded URL path is preceded by a slash "/", the
-            // path is not relative and we skip to Step 7.
-
-            if (relativeParts.path[0] !== '/') {
-              if (!relativeParts.path) {
-                // 5) If the embedded URL path is empty (and not preceded by a
-                // slash), then the embedded URL inherits the base URL path
-                builtParts.path = baseParts.path; // 5a) if the embedded URL's <params> is non-empty, we skip to
-                // step 7; otherwise, it inherits the <params> of the base
-                // URL (if any) and
-
-                if (!relativeParts.params) {
-                  builtParts.params = baseParts.params; // 5b) if the embedded URL's <query> is non-empty, we skip to
-                  // step 7; otherwise, it inherits the <query> of the base
-                  // URL (if any) and we skip to step 7.
-
-                  if (!relativeParts.query) {
-                    builtParts.query = baseParts.query;
-                  }
-                }
-              } else {
-                // 6) The last segment of the base URL's path (anything
-                // following the rightmost slash "/", or the entire path if no
-                // slash is present) is removed and the embedded URL's path is
-                // appended in its place.
-                var baseURLPath = baseParts.path;
-                var newPath = baseURLPath.substring(0, baseURLPath.lastIndexOf('/') + 1) + relativeParts.path;
-                builtParts.path = URLToolkit.normalizePath(newPath);
-              }
-            }
-          }
-
-          if (builtParts.path === null) {
-            builtParts.path = opts.alwaysNormalize ? URLToolkit.normalizePath(relativeParts.path) : relativeParts.path;
-          }
-
-          return URLToolkit.buildURLFromParts(builtParts);
-        },
-        parseURL: function parseURL(url) {
-          var parts = URL_REGEX.exec(url);
-
-          if (!parts) {
-            return null;
-          }
-
-          return {
-            scheme: parts[1] || '',
-            netLoc: parts[2] || '',
-            path: parts[3] || '',
-            params: parts[4] || '',
-            query: parts[5] || '',
-            fragment: parts[6] || ''
-          };
-        },
-        normalizePath: function normalizePath(path) {
-          // The following operations are
-          // then applied, in order, to the new path:
-          // 6a) All occurrences of "./", where "." is a complete path
-          // segment, are removed.
-          // 6b) If the path ends with "." as a complete path segment,
-          // that "." is removed.
-          path = path.split('').reverse().join('').replace(SLASH_DOT_REGEX, ''); // 6c) All occurrences of "<segment>/../", where <segment> is a
-          // complete path segment not equal to "..", are removed.
-          // Removal of these path segments is performed iteratively,
-          // removing the leftmost matching pattern on each iteration,
-          // until no matching pattern remains.
-          // 6d) If the path ends with "<segment>/..", where <segment> is a
-          // complete path segment not equal to "..", that
-          // "<segment>/.." is removed.
-
-          while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {} // jshint ignore:line
-
-
-          return path.split('').reverse().join('');
-        },
-        buildURLFromParts: function buildURLFromParts(parts) {
-          return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment;
-        }
-      };
-      /* jshint ignore:start */
-
-      module.exports = URLToolkit;
-    })();
-    /* jshint ignore:end */
-
-  });
-
-  /*! @name m3u8-parser @version 4.4.0 @license Apache-2.0 */
-
-  function _extends() {
-    _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-
-    return _extends.apply(this, arguments);
-  }
-
-  function _inheritsLoose$1(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  function _assertThisInitialized$1(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
-  }
-  /**
-   * @file stream.js
-   */
-
-  /**
-   * A lightweight readable stream implementation that handles event dispatching.
-   *
-   * @class Stream
-   */
-
-
-  var Stream =
-  /*#__PURE__*/
-  function () {
-    function Stream() {
-      this.listeners = {};
-    }
-    /**
-     * Add a listener for a specified event type.
-     *
-     * @param {string} type the event name
-     * @param {Function} listener the callback to be invoked when an event of
-     * the specified type occurs
-     */
-
-
-    var _proto = Stream.prototype;
-
-    _proto.on = function on(type, listener) {
-      if (!this.listeners[type]) {
-        this.listeners[type] = [];
-      }
-
-      this.listeners[type].push(listener);
-    }
-    /**
-     * Remove a listener for a specified event type.
-     *
-     * @param {string} type the event name
-     * @param {Function} listener  a function previously registered for this
-     * type of event through `on`
-     * @return {boolean} if we could turn it off or not
-     */
-    ;
-
-    _proto.off = function off(type, listener) {
-      if (!this.listeners[type]) {
-        return false;
-      }
-
-      var index = this.listeners[type].indexOf(listener);
-      this.listeners[type].splice(index, 1);
-      return index > -1;
-    }
-    /**
-     * Trigger an event of the specified type on this stream. Any additional
-     * arguments to this function are passed as parameters to event listeners.
-     *
-     * @param {string} type the event name
-     */
-    ;
-
-    _proto.trigger = function trigger(type) {
-      var callbacks = this.listeners[type];
-      var i;
-      var length;
-      var args;
-
-      if (!callbacks) {
-        return;
-      } // Slicing the arguments on every invocation of this method
-      // can add a significant amount of overhead. Avoid the
-      // intermediate object creation for the common case of a
-      // single callback argument
-
-
-      if (arguments.length === 2) {
-        length = callbacks.length;
-
-        for (i = 0; i < length; ++i) {
-          callbacks[i].call(this, arguments[1]);
-        }
-      } else {
-        args = Array.prototype.slice.call(arguments, 1);
-        length = callbacks.length;
-
-        for (i = 0; i < length; ++i) {
-          callbacks[i].apply(this, args);
-        }
-      }
-    }
-    /**
-     * Destroys the stream and cleans up.
-     */
-    ;
-
-    _proto.dispose = function dispose() {
-      this.listeners = {};
-    }
-    /**
-     * Forwards all `data` events on this stream to the destination stream. The
-     * destination stream should provide a method `push` to receive the data
-     * events as they arrive.
-     *
-     * @param {Stream} destination the stream that will receive all `data` events
-     * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-     */
-    ;
-
-    _proto.pipe = function pipe(destination) {
-      this.on('data', function (data) {
-        destination.push(data);
-      });
-    };
-
-    return Stream;
-  }();
-  /**
-   * A stream that buffers string input and generates a `data` event for each
-   * line.
-   *
-   * @class LineStream
-   * @extends Stream
-   */
-
-
-  var LineStream =
-  /*#__PURE__*/
-  function (_Stream) {
-    _inheritsLoose$1(LineStream, _Stream);
-
-    function LineStream() {
-      var _this;
-
-      _this = _Stream.call(this) || this;
-      _this.buffer = '';
-      return _this;
-    }
-    /**
-     * Add new data to be parsed.
-     *
-     * @param {string} data the text to process
-     */
-
-
-    var _proto = LineStream.prototype;
-
-    _proto.push = function push(data) {
-      var nextNewline;
-      this.buffer += data;
-      nextNewline = this.buffer.indexOf('\n');
-
-      for (; nextNewline > -1; nextNewline = this.buffer.indexOf('\n')) {
-        this.trigger('data', this.buffer.substring(0, nextNewline));
-        this.buffer = this.buffer.substring(nextNewline + 1);
-      }
-    };
-
-    return LineStream;
-  }(Stream);
-  /**
-   * "forgiving" attribute list psuedo-grammar:
-   * attributes -> keyvalue (',' keyvalue)*
-   * keyvalue   -> key '=' value
-   * key        -> [^=]*
-   * value      -> '"' [^"]* '"' | [^,]*
-   */
-
-
-  var attributeSeparator = function attributeSeparator() {
-    var key = '[^=]*';
-    var value = '"[^"]*"|[^,]*';
-    var keyvalue = '(?:' + key + ')=(?:' + value + ')';
-    return new RegExp('(?:^|,)(' + keyvalue + ')');
-  };
-  /**
-   * Parse attributes from a line given the separator
-   *
-   * @param {string} attributes the attribute line to parse
-   */
-
-
-  var parseAttributes = function parseAttributes(attributes) {
-    // split the string using attributes as the separator
-    var attrs = attributes.split(attributeSeparator());
-    var result = {};
-    var i = attrs.length;
-    var attr;
-
-    while (i--) {
-      // filter out unmatched portions of the string
-      if (attrs[i] === '') {
-        continue;
-      } // split the key and value
-
-
-      attr = /([^=]*)=(.*)/.exec(attrs[i]).slice(1); // trim whitespace and remove optional quotes around the value
-
-      attr[0] = attr[0].replace(/^\s+|\s+$/g, '');
-      attr[1] = attr[1].replace(/^\s+|\s+$/g, '');
-      attr[1] = attr[1].replace(/^['"](.*)['"]$/g, '$1');
-      result[attr[0]] = attr[1];
-    }
-
-    return result;
-  };
-  /**
-   * A line-level M3U8 parser event stream. It expects to receive input one
-   * line at a time and performs a context-free parse of its contents. A stream
-   * interpretation of a manifest can be useful if the manifest is expected to
-   * be too large to fit comfortably into memory or the entirety of the input
-   * is not immediately available. Otherwise, it's probably much easier to work
-   * with a regular `Parser` object.
-   *
-   * Produces `data` events with an object that captures the parser's
-   * interpretation of the input. That object has a property `tag` that is one
-   * of `uri`, `comment`, or `tag`. URIs only have a single additional
-   * property, `line`, which captures the entirety of the input without
-   * interpretation. Comments similarly have a single additional property
-   * `text` which is the input without the leading `#`.
-   *
-   * Tags always have a property `tagType` which is the lower-cased version of
-   * the M3U8 directive without the `#EXT` or `#EXT-X-` prefix. For instance,
-   * `#EXT-X-MEDIA-SEQUENCE` becomes `media-sequence` when parsed. Unrecognized
-   * tags are given the tag type `unknown` and a single additional property
-   * `data` with the remainder of the input.
-   *
-   * @class ParseStream
-   * @extends Stream
-   */
-
-
-  var ParseStream =
-  /*#__PURE__*/
-  function (_Stream) {
-    _inheritsLoose$1(ParseStream, _Stream);
-
-    function ParseStream() {
-      var _this;
-
-      _this = _Stream.call(this) || this;
-      _this.customParsers = [];
-      _this.tagMappers = [];
-      return _this;
-    }
-    /**
-     * Parses an additional line of input.
-     *
-     * @param {string} line a single line of an M3U8 file to parse
-     */
-
-
-    var _proto = ParseStream.prototype;
-
-    _proto.push = function push(line) {
-      var _this2 = this;
-
-      var match;
-      var event; // strip whitespace
-
-      line = line.trim();
-
-      if (line.length === 0) {
-        // ignore empty lines
-        return;
-      } // URIs
-
-
-      if (line[0] !== '#') {
-        this.trigger('data', {
-          type: 'uri',
-          uri: line
-        });
-        return;
-      } // map tags
-
-
-      var newLines = this.tagMappers.reduce(function (acc, mapper) {
-        var mappedLine = mapper(line); // skip if unchanged
-
-        if (mappedLine === line) {
-          return acc;
-        }
-
-        return acc.concat([mappedLine]);
-      }, [line]);
-      newLines.forEach(function (newLine) {
-        for (var i = 0; i < _this2.customParsers.length; i++) {
-          if (_this2.customParsers[i].call(_this2, newLine)) {
-            return;
-          }
-        } // Comments
-
-
-        if (newLine.indexOf('#EXT') !== 0) {
-          _this2.trigger('data', {
-            type: 'comment',
-            text: newLine.slice(1)
-          });
-
-          return;
-        } // strip off any carriage returns here so the regex matching
-        // doesn't have to account for them.
-
-
-        newLine = newLine.replace('\r', ''); // Tags
-
-        match = /^#EXTM3U/.exec(newLine);
-
-        if (match) {
-          _this2.trigger('data', {
-            type: 'tag',
-            tagType: 'm3u'
-          });
-
-          return;
-        }
-
-        match = /^#EXTINF:?([0-9\.]*)?,?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'inf'
-          };
-
-          if (match[1]) {
-            event.duration = parseFloat(match[1]);
-          }
-
-          if (match[2]) {
-            event.title = match[2];
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-TARGETDURATION:?([0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'targetduration'
-          };
-
-          if (match[1]) {
-            event.duration = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#ZEN-TOTAL-DURATION:?([0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'totalduration'
-          };
-
-          if (match[1]) {
-            event.duration = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-VERSION:?([0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'version'
-          };
-
-          if (match[1]) {
-            event.version = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-MEDIA-SEQUENCE:?(\-?[0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'media-sequence'
-          };
-
-          if (match[1]) {
-            event.number = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-DISCONTINUITY-SEQUENCE:?(\-?[0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'discontinuity-sequence'
-          };
-
-          if (match[1]) {
-            event.number = parseInt(match[1], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-PLAYLIST-TYPE:?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'playlist-type'
-          };
-
-          if (match[1]) {
-            event.playlistType = match[1];
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-BYTERANGE:?([0-9.]*)?@?([0-9.]*)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'byterange'
-          };
-
-          if (match[1]) {
-            event.length = parseInt(match[1], 10);
-          }
-
-          if (match[2]) {
-            event.offset = parseInt(match[2], 10);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-ALLOW-CACHE:?(YES|NO)?/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'allow-cache'
-          };
-
-          if (match[1]) {
-            event.allowed = !/NO/.test(match[1]);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-MAP:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'map'
-          };
-
-          if (match[1]) {
-            var attributes = parseAttributes(match[1]);
-
-            if (attributes.URI) {
-              event.uri = attributes.URI;
-            }
-
-            if (attributes.BYTERANGE) {
-              var _attributes$BYTERANGE = attributes.BYTERANGE.split('@'),
-                  length = _attributes$BYTERANGE[0],
-                  offset = _attributes$BYTERANGE[1];
-
-              event.byterange = {};
-
-              if (length) {
-                event.byterange.length = parseInt(length, 10);
-              }
-
-              if (offset) {
-                event.byterange.offset = parseInt(offset, 10);
-              }
-            }
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-STREAM-INF:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'stream-inf'
-          };
-
-          if (match[1]) {
-            event.attributes = parseAttributes(match[1]);
-
-            if (event.attributes.RESOLUTION) {
-              var split = event.attributes.RESOLUTION.split('x');
-              var resolution = {};
-
-              if (split[0]) {
-                resolution.width = parseInt(split[0], 10);
-              }
-
-              if (split[1]) {
-                resolution.height = parseInt(split[1], 10);
-              }
-
-              event.attributes.RESOLUTION = resolution;
-            }
-
-            if (event.attributes.BANDWIDTH) {
-              event.attributes.BANDWIDTH = parseInt(event.attributes.BANDWIDTH, 10);
-            }
-
-            if (event.attributes['PROGRAM-ID']) {
-              event.attributes['PROGRAM-ID'] = parseInt(event.attributes['PROGRAM-ID'], 10);
-            }
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-MEDIA:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'media'
-          };
-
-          if (match[1]) {
-            event.attributes = parseAttributes(match[1]);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-ENDLIST/.exec(newLine);
-
-        if (match) {
-          _this2.trigger('data', {
-            type: 'tag',
-            tagType: 'endlist'
-          });
-
-          return;
-        }
-
-        match = /^#EXT-X-DISCONTINUITY/.exec(newLine);
-
-        if (match) {
-          _this2.trigger('data', {
-            type: 'tag',
-            tagType: 'discontinuity'
-          });
-
-          return;
-        }
-
-        match = /^#EXT-X-PROGRAM-DATE-TIME:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'program-date-time'
-          };
-
-          if (match[1]) {
-            event.dateTimeString = match[1];
-            event.dateTimeObject = new Date(match[1]);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-KEY:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'key'
-          };
-
-          if (match[1]) {
-            event.attributes = parseAttributes(match[1]); // parse the IV string into a Uint32Array
-
-            if (event.attributes.IV) {
-              if (event.attributes.IV.substring(0, 2).toLowerCase() === '0x') {
-                event.attributes.IV = event.attributes.IV.substring(2);
-              }
-
-              event.attributes.IV = event.attributes.IV.match(/.{8}/g);
-              event.attributes.IV[0] = parseInt(event.attributes.IV[0], 16);
-              event.attributes.IV[1] = parseInt(event.attributes.IV[1], 16);
-              event.attributes.IV[2] = parseInt(event.attributes.IV[2], 16);
-              event.attributes.IV[3] = parseInt(event.attributes.IV[3], 16);
-              event.attributes.IV = new Uint32Array(event.attributes.IV);
-            }
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-START:?(.*)$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'start'
-          };
-
-          if (match[1]) {
-            event.attributes = parseAttributes(match[1]);
-            event.attributes['TIME-OFFSET'] = parseFloat(event.attributes['TIME-OFFSET']);
-            event.attributes.PRECISE = /YES/.test(event.attributes.PRECISE);
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-CUE-OUT-CONT:?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'cue-out-cont'
-          };
-
-          if (match[1]) {
-            event.data = match[1];
-          } else {
-            event.data = '';
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-CUE-OUT:?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'cue-out'
-          };
-
-          if (match[1]) {
-            event.data = match[1];
-          } else {
-            event.data = '';
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        }
-
-        match = /^#EXT-X-CUE-IN:?(.*)?$/.exec(newLine);
-
-        if (match) {
-          event = {
-            type: 'tag',
-            tagType: 'cue-in'
-          };
-
-          if (match[1]) {
-            event.data = match[1];
-          } else {
-            event.data = '';
-          }
-
-          _this2.trigger('data', event);
-
-          return;
-        } // unknown tag type
-
-
-        _this2.trigger('data', {
-          type: 'tag',
-          data: newLine.slice(4)
-        });
-      });
-    }
-    /**
-     * Add a parser for custom headers
-     *
-     * @param {Object}   options              a map of options for the added parser
-     * @param {RegExp}   options.expression   a regular expression to match the custom header
-     * @param {string}   options.customType   the custom type to register to the output
-     * @param {Function} [options.dataParser] function to parse the line into an object
-     * @param {boolean}  [options.segment]    should tag data be attached to the segment object
-     */
-    ;
-
-    _proto.addParser = function addParser(_ref) {
-      var _this3 = this;
-
-      var expression = _ref.expression,
-          customType = _ref.customType,
-          dataParser = _ref.dataParser,
-          segment = _ref.segment;
-
-      if (typeof dataParser !== 'function') {
-        dataParser = function dataParser(line) {
-          return line;
-        };
-      }
-
-      this.customParsers.push(function (line) {
-        var match = expression.exec(line);
-
-        if (match) {
-          _this3.trigger('data', {
-            type: 'custom',
-            data: dataParser(line),
-            customType: customType,
-            segment: segment
-          });
-
-          return true;
-        }
-      });
-    }
-    /**
-     * Add a custom header mapper
-     *
-     * @param {Object}   options
-     * @param {RegExp}   options.expression   a regular expression to match the custom header
-     * @param {Function} options.map          function to translate tag into a different tag
-     */
-    ;
-
-    _proto.addTagMapper = function addTagMapper(_ref2) {
-      var expression = _ref2.expression,
-          map = _ref2.map;
-
-      var mapFn = function mapFn(line) {
-        if (expression.test(line)) {
-          return map(line);
-        }
-
-        return line;
-      };
-
-      this.tagMappers.push(mapFn);
-    };
-
-    return ParseStream;
-  }(Stream);
-
-  function decodeB64ToUint8Array(b64Text) {
-    var decodedString = window$1.atob(b64Text || '');
-    var array = new Uint8Array(decodedString.length);
-
-    for (var i = 0; i < decodedString.length; i++) {
-      array[i] = decodedString.charCodeAt(i);
-    }
-
-    return array;
-  }
-  /**
-   * A parser for M3U8 files. The current interpretation of the input is
-   * exposed as a property `manifest` on parser objects. It's just two lines to
-   * create and parse a manifest once you have the contents available as a string:
-   *
-   * ```js
-   * var parser = new m3u8.Parser();
-   * parser.push(xhr.responseText);
-   * ```
-   *
-   * New input can later be applied to update the manifest object by calling
-   * `push` again.
-   *
-   * The parser attempts to create a usable manifest object even if the
-   * underlying input is somewhat nonsensical. It emits `info` and `warning`
-   * events during the parse if it encounters input that seems invalid or
-   * requires some property of the manifest object to be defaulted.
-   *
-   * @class Parser
-   * @extends Stream
-   */
-
-
-  var Parser =
-  /*#__PURE__*/
-  function (_Stream) {
-    _inheritsLoose$1(Parser, _Stream);
-
-    function Parser() {
-      var _this;
-
-      _this = _Stream.call(this) || this;
-      _this.lineStream = new LineStream();
-      _this.parseStream = new ParseStream();
-
-      _this.lineStream.pipe(_this.parseStream);
-      /* eslint-disable consistent-this */
-
-
-      var self = _assertThisInitialized$1(_this);
-      /* eslint-enable consistent-this */
-
-
-      var uris = [];
-      var currentUri = {}; // if specified, the active EXT-X-MAP definition
-
-      var currentMap; // if specified, the active decryption key
-
-      var _key;
-
-      var noop = function noop() {};
-
-      var defaultMediaGroups = {
-        'AUDIO': {},
-        'VIDEO': {},
-        'CLOSED-CAPTIONS': {},
-        'SUBTITLES': {}
-      }; // This is the Widevine UUID from DASH IF IOP. The same exact string is
-      // used in MPDs with Widevine encrypted streams.
-
-      var widevineUuid = 'urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed'; // group segments into numbered timelines delineated by discontinuities
-
-      var currentTimeline = 0; // the manifest is empty until the parse stream begins delivering data
-
-      _this.manifest = {
-        allowCache: true,
-        discontinuityStarts: [],
-        segments: []
-      }; // update the manifest with the m3u8 entry from the parse stream
-
-      _this.parseStream.on('data', function (entry) {
-        var mediaGroup;
-        var rendition;
-        ({
-          tag: function tag() {
-            // switch based on the tag type
-            (({
-              'allow-cache': function allowCache() {
-                this.manifest.allowCache = entry.allowed;
-
-                if (!('allowed' in entry)) {
-                  this.trigger('info', {
-                    message: 'defaulting allowCache to YES'
-                  });
-                  this.manifest.allowCache = true;
-                }
-              },
-              byterange: function byterange() {
-                var byterange = {};
-
-                if ('length' in entry) {
-                  currentUri.byterange = byterange;
-                  byterange.length = entry.length;
-
-                  if (!('offset' in entry)) {
-                    this.trigger('info', {
-                      message: 'defaulting offset to zero'
-                    });
-                    entry.offset = 0;
-                  }
-                }
-
-                if ('offset' in entry) {
-                  currentUri.byterange = byterange;
-                  byterange.offset = entry.offset;
-                }
-              },
-              endlist: function endlist() {
-                this.manifest.endList = true;
-              },
-              inf: function inf() {
-                if (!('mediaSequence' in this.manifest)) {
-                  this.manifest.mediaSequence = 0;
-                  this.trigger('info', {
-                    message: 'defaulting media sequence to zero'
-                  });
-                }
-
-                if (!('discontinuitySequence' in this.manifest)) {
-                  this.manifest.discontinuitySequence = 0;
-                  this.trigger('info', {
-                    message: 'defaulting discontinuity sequence to zero'
-                  });
-                }
-
-                if (entry.duration > 0) {
-                  currentUri.duration = entry.duration;
-                }
-
-                if (entry.duration === 0) {
-                  currentUri.duration = 0.01;
-                  this.trigger('info', {
-                    message: 'updating zero segment duration to a small value'
-                  });
-                }
-
-                this.manifest.segments = uris;
-              },
-              key: function key() {
-                if (!entry.attributes) {
-                  this.trigger('warn', {
-                    message: 'ignoring key declaration without attribute list'
-                  });
-                  return;
-                } // clear the active encryption key
-
-
-                if (entry.attributes.METHOD === 'NONE') {
-                  _key = null;
-                  return;
-                }
-
-                if (!entry.attributes.URI) {
-                  this.trigger('warn', {
-                    message: 'ignoring key declaration without URI'
-                  });
-                  return;
-                } // check if the content is encrypted for Widevine
-                // Widevine/HLS spec: https://storage.googleapis.com/wvdocs/Widevine_DRM_HLS.pdf
-
-
-                if (entry.attributes.KEYFORMAT === widevineUuid) {
-                  var VALID_METHODS = ['SAMPLE-AES', 'SAMPLE-AES-CTR', 'SAMPLE-AES-CENC'];
-
-                  if (VALID_METHODS.indexOf(entry.attributes.METHOD) === -1) {
-                    this.trigger('warn', {
-                      message: 'invalid key method provided for Widevine'
-                    });
-                    return;
-                  }
-
-                  if (entry.attributes.METHOD === 'SAMPLE-AES-CENC') {
-                    this.trigger('warn', {
-                      message: 'SAMPLE-AES-CENC is deprecated, please use SAMPLE-AES-CTR instead'
-                    });
-                  }
-
-                  if (entry.attributes.URI.substring(0, 23) !== 'data:text/plain;base64,') {
-                    this.trigger('warn', {
-                      message: 'invalid key URI provided for Widevine'
-                    });
-                    return;
-                  }
-
-                  if (!(entry.attributes.KEYID && entry.attributes.KEYID.substring(0, 2) === '0x')) {
-                    this.trigger('warn', {
-                      message: 'invalid key ID provided for Widevine'
-                    });
-                    return;
-                  } // if Widevine key attributes are valid, store them as `contentProtection`
-                  // on the manifest to emulate Widevine tag structure in a DASH mpd
-
-
-                  this.manifest.contentProtection = {
-                    'com.widevine.alpha': {
-                      attributes: {
-                        schemeIdUri: entry.attributes.KEYFORMAT,
-                        // remove '0x' from the key id string
-                        keyId: entry.attributes.KEYID.substring(2)
-                      },
-                      // decode the base64-encoded PSSH box
-                      pssh: decodeB64ToUint8Array(entry.attributes.URI.split(',')[1])
-                    }
-                  };
-                  return;
-                }
-
-                if (!entry.attributes.METHOD) {
-                  this.trigger('warn', {
-                    message: 'defaulting key method to AES-128'
-                  });
-                } // setup an encryption key for upcoming segments
-
-
-                _key = {
-                  method: entry.attributes.METHOD || 'AES-128',
-                  uri: entry.attributes.URI
-                };
-
-                if (typeof entry.attributes.IV !== 'undefined') {
-                  _key.iv = entry.attributes.IV;
-                }
-              },
-              'media-sequence': function mediaSequence() {
-                if (!isFinite(entry.number)) {
-                  this.trigger('warn', {
-                    message: 'ignoring invalid media sequence: ' + entry.number
-                  });
-                  return;
-                }
-
-                this.manifest.mediaSequence = entry.number;
-              },
-              'discontinuity-sequence': function discontinuitySequence() {
-                if (!isFinite(entry.number)) {
-                  this.trigger('warn', {
-                    message: 'ignoring invalid discontinuity sequence: ' + entry.number
-                  });
-                  return;
-                }
-
-                this.manifest.discontinuitySequence = entry.number;
-                currentTimeline = entry.number;
-              },
-              'playlist-type': function playlistType() {
-                if (!/VOD|EVENT/.test(entry.playlistType)) {
-                  this.trigger('warn', {
-                    message: 'ignoring unknown playlist type: ' + entry.playlist
-                  });
-                  return;
-                }
-
-                this.manifest.playlistType = entry.playlistType;
-              },
-              map: function map() {
-                currentMap = {};
-
-                if (entry.uri) {
-                  currentMap.uri = entry.uri;
-                }
-
-                if (entry.byterange) {
-                  currentMap.byterange = entry.byterange;
-                }
-              },
-              'stream-inf': function streamInf() {
-                this.manifest.playlists = uris;
-                this.manifest.mediaGroups = this.manifest.mediaGroups || defaultMediaGroups;
-
-                if (!entry.attributes) {
-                  this.trigger('warn', {
-                    message: 'ignoring empty stream-inf attributes'
-                  });
-                  return;
-                }
-
-                if (!currentUri.attributes) {
-                  currentUri.attributes = {};
-                }
-
-                _extends(currentUri.attributes, entry.attributes);
-              },
-              media: function media() {
-                this.manifest.mediaGroups = this.manifest.mediaGroups || defaultMediaGroups;
-
-                if (!(entry.attributes && entry.attributes.TYPE && entry.attributes['GROUP-ID'] && entry.attributes.NAME)) {
-                  this.trigger('warn', {
-                    message: 'ignoring incomplete or missing media group'
-                  });
-                  return;
-                } // find the media group, creating defaults as necessary
-
-
-                var mediaGroupType = this.manifest.mediaGroups[entry.attributes.TYPE];
-                mediaGroupType[entry.attributes['GROUP-ID']] = mediaGroupType[entry.attributes['GROUP-ID']] || {};
-                mediaGroup = mediaGroupType[entry.attributes['GROUP-ID']]; // collect the rendition metadata
-
-                rendition = {
-                  "default": /yes/i.test(entry.attributes.DEFAULT)
-                };
-
-                if (rendition["default"]) {
-                  rendition.autoselect = true;
-                } else {
-                  rendition.autoselect = /yes/i.test(entry.attributes.AUTOSELECT);
-                }
-
-                if (entry.attributes.LANGUAGE) {
-                  rendition.language = entry.attributes.LANGUAGE;
-                }
-
-                if (entry.attributes.URI) {
-                  rendition.uri = entry.attributes.URI;
-                }
-
-                if (entry.attributes['INSTREAM-ID']) {
-                  rendition.instreamId = entry.attributes['INSTREAM-ID'];
-                }
-
-                if (entry.attributes.CHARACTERISTICS) {
-                  rendition.characteristics = entry.attributes.CHARACTERISTICS;
-                }
-
-                if (entry.attributes.FORCED) {
-                  rendition.forced = /yes/i.test(entry.attributes.FORCED);
-                } // insert the new rendition
-
-
-                mediaGroup[entry.attributes.NAME] = rendition;
-              },
-              discontinuity: function discontinuity() {
-                currentTimeline += 1;
-                currentUri.discontinuity = true;
-                this.manifest.discontinuityStarts.push(uris.length);
-              },
-              'program-date-time': function programDateTime() {
-                if (typeof this.manifest.dateTimeString === 'undefined') {
-                  // PROGRAM-DATE-TIME is a media-segment tag, but for backwards
-                  // compatibility, we add the first occurence of the PROGRAM-DATE-TIME tag
-                  // to the manifest object
-                  // TODO: Consider removing this in future major version
-                  this.manifest.dateTimeString = entry.dateTimeString;
-                  this.manifest.dateTimeObject = entry.dateTimeObject;
-                }
-
-                currentUri.dateTimeString = entry.dateTimeString;
-                currentUri.dateTimeObject = entry.dateTimeObject;
-              },
-              targetduration: function targetduration() {
-                if (!isFinite(entry.duration) || entry.duration < 0) {
-                  this.trigger('warn', {
-                    message: 'ignoring invalid target duration: ' + entry.duration
-                  });
-                  return;
-                }
-
-                this.manifest.targetDuration = entry.duration;
-              },
-              totalduration: function totalduration() {
-                if (!isFinite(entry.duration) || entry.duration < 0) {
-                  this.trigger('warn', {
-                    message: 'ignoring invalid total duration: ' + entry.duration
-                  });
-                  return;
-                }
-
-                this.manifest.totalDuration = entry.duration;
-              },
-              start: function start() {
-                if (!entry.attributes || isNaN(entry.attributes['TIME-OFFSET'])) {
-                  this.trigger('warn', {
-                    message: 'ignoring start declaration without appropriate attribute list'
-                  });
-                  return;
-                }
-
-                this.manifest.start = {
-                  timeOffset: entry.attributes['TIME-OFFSET'],
-                  precise: entry.attributes.PRECISE
-                };
-              },
-              'cue-out': function cueOut() {
-                currentUri.cueOut = entry.data;
-              },
-              'cue-out-cont': function cueOutCont() {
-                currentUri.cueOutCont = entry.data;
-              },
-              'cue-in': function cueIn() {
-                currentUri.cueIn = entry.data;
-              }
-            })[entry.tagType] || noop).call(self);
-          },
-          uri: function uri() {
-            currentUri.uri = entry.uri;
-            uris.push(currentUri); // if no explicit duration was declared, use the target duration
-
-            if (this.manifest.targetDuration && !('duration' in currentUri)) {
-              this.trigger('warn', {
-                message: 'defaulting segment duration to the target duration'
-              });
-              currentUri.duration = this.manifest.targetDuration;
-            } // annotate with encryption information, if necessary
-
-
-            if (_key) {
-              currentUri.key = _key;
-            }
-
-            currentUri.timeline = currentTimeline; // annotate with initialization segment information, if necessary
-
-            if (currentMap) {
-              currentUri.map = currentMap;
-            } // prepare for the next URI
-
-
-            currentUri = {};
-          },
-          comment: function comment() {// comments are not important for playback
-          },
-          custom: function custom() {
-            // if this is segment-level data attach the output to the segment
-            if (entry.segment) {
-              currentUri.custom = currentUri.custom || {};
-              currentUri.custom[entry.customType] = entry.data; // if this is manifest-level data attach to the top level manifest object
-            } else {
-              this.manifest.custom = this.manifest.custom || {};
-              this.manifest.custom[entry.customType] = entry.data;
-            }
-          }
-        })[entry.type].call(self);
-      });
-
-      return _this;
-    }
-    /**
-     * Parse the input string and update the manifest object.
-     *
-     * @param {string} chunk a potentially incomplete portion of the manifest
-     */
-
-
-    var _proto = Parser.prototype;
-
-    _proto.push = function push(chunk) {
-      this.lineStream.push(chunk);
-    }
-    /**
-     * Flush any remaining input. This can be handy if the last line of an M3U8
-     * manifest did not contain a trailing newline but the file has been
-     * completely received.
-     */
-    ;
-
-    _proto.end = function end() {
-      // flush any buffered input
-      this.lineStream.push('\n');
-    }
-    /**
-     * Add an additional parser for non-standard tags
-     *
-     * @param {Object}   options              a map of options for the added parser
-     * @param {RegExp}   options.expression   a regular expression to match the custom header
-     * @param {string}   options.type         the type to register to the output
-     * @param {Function} [options.dataParser] function to parse the line into an object
-     * @param {boolean}  [options.segment]    should tag data be attached to the segment object
-     */
-    ;
-
-    _proto.addParser = function addParser(options) {
-      this.parseStream.addParser(options);
-    }
-    /**
-     * Add a custom header mapper
-     *
-     * @param {Object}   options
-     * @param {RegExp}   options.expression   a regular expression to match the custom header
-     * @param {Function} options.map          function to translate tag into a different tag
-     */
-    ;
-
-    _proto.addTagMapper = function addTagMapper(options) {
-      this.parseStream.addTagMapper(options);
-    };
-
-    return Parser;
-  }(Stream);
-
-  /*! @name mpd-parser @version 0.8.1 @license Apache-2.0 */
-
-  var isObject$1 = function isObject(obj) {
-    return !!obj && typeof obj === 'object';
-  };
-
-  var merge = function merge() {
-    for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) {
-      objects[_key] = arguments[_key];
-    }
-
-    return objects.reduce(function (result, source) {
-      Object.keys(source).forEach(function (key) {
-        if (Array.isArray(result[key]) && Array.isArray(source[key])) {
-          result[key] = result[key].concat(source[key]);
-        } else if (isObject$1(result[key]) && isObject$1(source[key])) {
-          result[key] = merge(result[key], source[key]);
-        } else {
-          result[key] = source[key];
-        }
-      });
-      return result;
-    }, {});
-  };
-
-  var values = function values(o) {
-    return Object.keys(o).map(function (k) {
-      return o[k];
-    });
-  };
-
-  var range = function range(start, end) {
-    var result = [];
-
-    for (var i = start; i < end; i++) {
-      result.push(i);
-    }
-
-    return result;
-  };
-
-  var flatten = function flatten(lists) {
-    return lists.reduce(function (x, y) {
-      return x.concat(y);
-    }, []);
-  };
-
-  var from = function from(list) {
-    if (!list.length) {
-      return [];
-    }
-
-    var result = [];
-
-    for (var i = 0; i < list.length; i++) {
-      result.push(list[i]);
-    }
-
-    return result;
-  };
-
-  var findIndexes = function findIndexes(l, key) {
-    return l.reduce(function (a, e, i) {
-      if (e[key]) {
-        a.push(i);
-      }
-
-      return a;
-    }, []);
-  };
-
-  var errors = {
-    INVALID_NUMBER_OF_PERIOD: 'INVALID_NUMBER_OF_PERIOD',
-    DASH_EMPTY_MANIFEST: 'DASH_EMPTY_MANIFEST',
-    DASH_INVALID_XML: 'DASH_INVALID_XML',
-    NO_BASE_URL: 'NO_BASE_URL',
-    MISSING_SEGMENT_INFORMATION: 'MISSING_SEGMENT_INFORMATION',
-    SEGMENT_TIME_UNSPECIFIED: 'SEGMENT_TIME_UNSPECIFIED',
-    UNSUPPORTED_UTC_TIMING_SCHEME: 'UNSUPPORTED_UTC_TIMING_SCHEME'
-  };
-
-  function createCommonjsModule$1(fn, module) {
-    return module = {
-      exports: {}
-    }, fn(module, module.exports), module.exports;
-  }
-
-  var urlToolkit$1 = createCommonjsModule$1(function (module, exports) {
-    // see https://tools.ietf.org/html/rfc1808
-
-    /* jshint ignore:start */
-    (function (root) {
-      /* jshint ignore:end */
-      var URL_REGEX = /^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/;
-      var FIRST_SEGMENT_REGEX = /^([^\/?#]*)(.*)$/;
-      var SLASH_DOT_REGEX = /(?:\/|^)\.(?=\/)/g;
-      var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g;
-      var URLToolkit = {
-        // jshint ignore:line
-        // If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or //
-        // E.g
-        // With opts.alwaysNormalize = false (default, spec compliant)
-        // http://a.com/b/cd + /e/f/../g => http://a.com/e/f/../g
-        // With opts.alwaysNormalize = true (not spec compliant)
-        // http://a.com/b/cd + /e/f/../g => http://a.com/e/g
-        buildAbsoluteURL: function buildAbsoluteURL(baseURL, relativeURL, opts) {
-          opts = opts || {}; // remove any remaining space and CRLF
-
-          baseURL = baseURL.trim();
-          relativeURL = relativeURL.trim();
-
-          if (!relativeURL) {
-            // 2a) If the embedded URL is entirely empty, it inherits the
-            // entire base URL (i.e., is set equal to the base URL)
-            // and we are done.
-            if (!opts.alwaysNormalize) {
-              return baseURL;
-            }
-
-            var basePartsForNormalise = URLToolkit.parseURL(baseURL);
-
-            if (!basePartsForNormalise) {
-              throw new Error('Error trying to parse base URL.');
-            }
-
-            basePartsForNormalise.path = URLToolkit.normalizePath(basePartsForNormalise.path);
-            return URLToolkit.buildURLFromParts(basePartsForNormalise);
-          }
-
-          var relativeParts = URLToolkit.parseURL(relativeURL);
-
-          if (!relativeParts) {
-            throw new Error('Error trying to parse relative URL.');
-          }
-
-          if (relativeParts.scheme) {
-            // 2b) If the embedded URL starts with a scheme name, it is
-            // interpreted as an absolute URL and we are done.
-            if (!opts.alwaysNormalize) {
-              return relativeURL;
-            }
-
-            relativeParts.path = URLToolkit.normalizePath(relativeParts.path);
-            return URLToolkit.buildURLFromParts(relativeParts);
-          }
-
-          var baseParts = URLToolkit.parseURL(baseURL);
-
-          if (!baseParts) {
-            throw new Error('Error trying to parse base URL.');
-          }
-
-          if (!baseParts.netLoc && baseParts.path && baseParts.path[0] !== '/') {
-            // If netLoc missing and path doesn't start with '/', assume everthing before the first '/' is the netLoc
-            // This causes 'example.com/a' to be handled as '//example.com/a' instead of '/example.com/a'
-            var pathParts = FIRST_SEGMENT_REGEX.exec(baseParts.path);
-            baseParts.netLoc = pathParts[1];
-            baseParts.path = pathParts[2];
-          }
-
-          if (baseParts.netLoc && !baseParts.path) {
-            baseParts.path = '/';
-          }
-
-          var builtParts = {
-            // 2c) Otherwise, the embedded URL inherits the scheme of
-            // the base URL.
-            scheme: baseParts.scheme,
-            netLoc: relativeParts.netLoc,
-            path: null,
-            params: relativeParts.params,
-            query: relativeParts.query,
-            fragment: relativeParts.fragment
-          };
-
-          if (!relativeParts.netLoc) {
-            // 3) If the embedded URL's <net_loc> is non-empty, we skip to
-            // Step 7.  Otherwise, the embedded URL inherits the <net_loc>
-            // (if any) of the base URL.
-            builtParts.netLoc = baseParts.netLoc; // 4) If the embedded URL path is preceded by a slash "/", the
-            // path is not relative and we skip to Step 7.
-
-            if (relativeParts.path[0] !== '/') {
-              if (!relativeParts.path) {
-                // 5) If the embedded URL path is empty (and not preceded by a
-                // slash), then the embedded URL inherits the base URL path
-                builtParts.path = baseParts.path; // 5a) if the embedded URL's <params> is non-empty, we skip to
-                // step 7; otherwise, it inherits the <params> of the base
-                // URL (if any) and
-
-                if (!relativeParts.params) {
-                  builtParts.params = baseParts.params; // 5b) if the embedded URL's <query> is non-empty, we skip to
-                  // step 7; otherwise, it inherits the <query> of the base
-                  // URL (if any) and we skip to step 7.
-
-                  if (!relativeParts.query) {
-                    builtParts.query = baseParts.query;
-                  }
-                }
-              } else {
-                // 6) The last segment of the base URL's path (anything
-                // following the rightmost slash "/", or the entire path if no
-                // slash is present) is removed and the embedded URL's path is
-                // appended in its place.
-                var baseURLPath = baseParts.path;
-                var newPath = baseURLPath.substring(0, baseURLPath.lastIndexOf('/') + 1) + relativeParts.path;
-                builtParts.path = URLToolkit.normalizePath(newPath);
-              }
-            }
-          }
-
-          if (builtParts.path === null) {
-            builtParts.path = opts.alwaysNormalize ? URLToolkit.normalizePath(relativeParts.path) : relativeParts.path;
-          }
-
-          return URLToolkit.buildURLFromParts(builtParts);
-        },
-        parseURL: function parseURL(url) {
-          var parts = URL_REGEX.exec(url);
-
-          if (!parts) {
-            return null;
-          }
-
-          return {
-            scheme: parts[1] || '',
-            netLoc: parts[2] || '',
-            path: parts[3] || '',
-            params: parts[4] || '',
-            query: parts[5] || '',
-            fragment: parts[6] || ''
-          };
-        },
-        normalizePath: function normalizePath(path) {
-          // The following operations are
-          // then applied, in order, to the new path:
-          // 6a) All occurrences of "./", where "." is a complete path
-          // segment, are removed.
-          // 6b) If the path ends with "." as a complete path segment,
-          // that "." is removed.
-          path = path.split('').reverse().join('').replace(SLASH_DOT_REGEX, ''); // 6c) All occurrences of "<segment>/../", where <segment> is a
-          // complete path segment not equal to "..", are removed.
-          // Removal of these path segments is performed iteratively,
-          // removing the leftmost matching pattern on each iteration,
-          // until no matching pattern remains.
-          // 6d) If the path ends with "<segment>/..", where <segment> is a
-          // complete path segment not equal to "..", that
-          // "<segment>/.." is removed.
-
-          while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {} // jshint ignore:line
-
-
-          return path.split('').reverse().join('');
-        },
-        buildURLFromParts: function buildURLFromParts(parts) {
-          return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment;
-        }
-      };
-      /* jshint ignore:start */
-
-      module.exports = URLToolkit;
-    })();
-    /* jshint ignore:end */
-
-  });
-
-  var resolveUrl = function resolveUrl(baseUrl, relativeUrl) {
-    // return early if we don't need to resolve
-    if (/^[a-z]+:/i.test(relativeUrl)) {
-      return relativeUrl;
-    } // if the base URL is relative then combine with the current location
-
-
-    if (!/\/\//i.test(baseUrl)) {
-      baseUrl = urlToolkit$1.buildAbsoluteURL(window$1.location.href, baseUrl);
-    }
-
-    return urlToolkit$1.buildAbsoluteURL(baseUrl, relativeUrl);
-  };
-  /**
-   * @typedef {Object} SingleUri
-   * @property {string} uri - relative location of segment
-   * @property {string} resolvedUri - resolved location of segment
-   * @property {Object} byterange - Object containing information on how to make byte range
-   *   requests following byte-range-spec per RFC2616.
-   * @property {String} byterange.length - length of range request
-   * @property {String} byterange.offset - byte offset of range request
-   *
-   * @see https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.35.1
-   */
-
-  /**
-   * Converts a URLType node (5.3.9.2.3 Table 13) to a segment object
-   * that conforms to how m3u8-parser is structured
-   *
-   * @see https://github.com/videojs/m3u8-parser
-   *
-   * @param {string} baseUrl - baseUrl provided by <BaseUrl> nodes
-   * @param {string} source - source url for segment
-   * @param {string} range - optional range used for range calls,
-   *   follows  RFC 2616, Clause 14.35.1
-   * @return {SingleUri} full segment information transformed into a format similar
-   *   to m3u8-parser
-   */
-
-
-  var urlTypeToSegment = function urlTypeToSegment(_ref) {
-    var _ref$baseUrl = _ref.baseUrl,
-        baseUrl = _ref$baseUrl === void 0 ? '' : _ref$baseUrl,
-        _ref$source = _ref.source,
-        source = _ref$source === void 0 ? '' : _ref$source,
-        _ref$range = _ref.range,
-        range = _ref$range === void 0 ? '' : _ref$range,
-        _ref$indexRange = _ref.indexRange,
-        indexRange = _ref$indexRange === void 0 ? '' : _ref$indexRange;
-    var segment = {
-      uri: source,
-      resolvedUri: resolveUrl(baseUrl || '', source)
-    };
-
-    if (range || indexRange) {
-      var rangeStr = range ? range : indexRange;
-      var ranges = rangeStr.split('-');
-      var startRange = parseInt(ranges[0], 10);
-      var endRange = parseInt(ranges[1], 10); // byterange should be inclusive according to
-      // RFC 2616, Clause 14.35.1
-
-      segment.byterange = {
-        length: endRange - startRange + 1,
-        offset: startRange
-      };
-    }
-
-    return segment;
-  };
-
-  var byteRangeToString = function byteRangeToString(byterange) {
-    // `endRange` is one less than `offset + length` because the HTTP range
-    // header uses inclusive ranges
-    var endRange = byterange.offset + byterange.length - 1;
-    return byterange.offset + "-" + endRange;
-  };
-  /**
-   * Functions for calculating the range of available segments in static and dynamic
-   * manifests.
-   */
-
-
-  var segmentRange = {
-    /**
-     * Returns the entire range of available segments for a static MPD
-     *
-     * @param {Object} attributes
-     *        Inheritied MPD attributes
-     * @return {{ start: number, end: number }}
-     *         The start and end numbers for available segments
-     */
-    "static": function _static(attributes) {
-      var duration = attributes.duration,
-          _attributes$timescale = attributes.timescale,
-          timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
-          sourceDuration = attributes.sourceDuration;
-      return {
-        start: 0,
-        end: Math.ceil(sourceDuration / (duration / timescale))
-      };
-    },
-
-    /**
-     * Returns the current live window range of available segments for a dynamic MPD
-     *
-     * @param {Object} attributes
-     *        Inheritied MPD attributes
-     * @return {{ start: number, end: number }}
-     *         The start and end numbers for available segments
-     */
-    dynamic: function dynamic(attributes) {
-      var NOW = attributes.NOW,
-          clientOffset = attributes.clientOffset,
-          availabilityStartTime = attributes.availabilityStartTime,
-          _attributes$timescale2 = attributes.timescale,
-          timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
-          duration = attributes.duration,
-          _attributes$start = attributes.start,
-          start = _attributes$start === void 0 ? 0 : _attributes$start,
-          _attributes$minimumUp = attributes.minimumUpdatePeriod,
-          minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp,
-          _attributes$timeShift = attributes.timeShiftBufferDepth,
-          timeShiftBufferDepth = _attributes$timeShift === void 0 ? Infinity : _attributes$timeShift;
-      var now = (NOW + clientOffset) / 1000;
-      var periodStartWC = availabilityStartTime + start;
-      var periodEndWC = now + minimumUpdatePeriod;
-      var periodDuration = periodEndWC - periodStartWC;
-      var segmentCount = Math.ceil(periodDuration * timescale / duration);
-      var availableStart = Math.floor((now - periodStartWC - timeShiftBufferDepth) * timescale / duration);
-      var availableEnd = Math.floor((now - periodStartWC) * timescale / duration);
-      return {
-        start: Math.max(0, availableStart),
-        end: Math.min(segmentCount, availableEnd)
-      };
-    }
-  };
-  /**
-   * Maps a range of numbers to objects with information needed to build the corresponding
-   * segment list
-   *
-   * @name toSegmentsCallback
-   * @function
-   * @param {number} number
-   *        Number of the segment
-   * @param {number} index
-   *        Index of the number in the range list
-   * @return {{ number: Number, duration: Number, timeline: Number, time: Number }}
-   *         Object with segment timing and duration info
-   */
-
-  /**
-   * Returns a callback for Array.prototype.map for mapping a range of numbers to
-   * information needed to build the segment list.
-   *
-   * @param {Object} attributes
-   *        Inherited MPD attributes
-   * @return {toSegmentsCallback}
-   *         Callback map function
-   */
-
-  var toSegments = function toSegments(attributes) {
-    return function (number, index) {
-      var duration = attributes.duration,
-          _attributes$timescale3 = attributes.timescale,
-          timescale = _attributes$timescale3 === void 0 ? 1 : _attributes$timescale3,
-          periodIndex = attributes.periodIndex,
-          _attributes$startNumb = attributes.startNumber,
-          startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb;
-      return {
-        number: startNumber + number,
-        duration: duration / timescale,
-        timeline: periodIndex,
-        time: index * duration
-      };
-    };
-  };
-  /**
-   * Returns a list of objects containing segment timing and duration info used for
-   * building the list of segments. This uses the @duration attribute specified
-   * in the MPD manifest to derive the range of segments.
-   *
-   * @param {Object} attributes
-   *        Inherited MPD attributes
-   * @return {{number: number, duration: number, time: number, timeline: number}[]}
-   *         List of Objects with segment timing and duration info
-   */
-
-
-  var parseByDuration = function parseByDuration(attributes) {
-    var _attributes$type = attributes.type,
-        type = _attributes$type === void 0 ? 'static' : _attributes$type,
-        duration = attributes.duration,
-        _attributes$timescale4 = attributes.timescale,
-        timescale = _attributes$timescale4 === void 0 ? 1 : _attributes$timescale4,
-        sourceDuration = attributes.sourceDuration;
-
-    var _segmentRange$type = segmentRange[type](attributes),
-        start = _segmentRange$type.start,
-        end = _segmentRange$type.end;
-
-    var segments = range(start, end).map(toSegments(attributes));
-
-    if (type === 'static') {
-      var index = segments.length - 1; // final segment may be less than full segment duration
-
-      segments[index].duration = sourceDuration - duration / timescale * index;
-    }
-
-    return segments;
-  };
-  /**
-   * Translates SegmentBase into a set of segments.
-   * (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes.  Each
-   * node should be translated into segment.
-   *
-   * @param {Object} attributes
-   *   Object containing all inherited attributes from parent elements with attribute
-   *   names as keys
-   * @return {Object.<Array>} list of segments
-   */
-
-
-  var segmentsFromBase = function segmentsFromBase(attributes) {
-    var baseUrl = attributes.baseUrl,
-        _attributes$initializ = attributes.initialization,
-        initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ,
-        sourceDuration = attributes.sourceDuration,
-        _attributes$timescale = attributes.timescale,
-        timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
-        _attributes$indexRang = attributes.indexRange,
-        indexRange = _attributes$indexRang === void 0 ? '' : _attributes$indexRang,
-        duration = attributes.duration; // base url is required for SegmentBase to work, per spec (Section 5.3.9.2.1)
-
-    if (!baseUrl) {
-      throw new Error(errors.NO_BASE_URL);
-    }
-
-    var initSegment = urlTypeToSegment({
-      baseUrl: baseUrl,
-      source: initialization.sourceURL,
-      range: initialization.range
-    });
-    var segment = urlTypeToSegment({
-      baseUrl: baseUrl,
-      source: baseUrl,
-      indexRange: indexRange
-    });
-    segment.map = initSegment; // If there is a duration, use it, otherwise use the given duration of the source
-    // (since SegmentBase is only for one total segment)
-
-    if (duration) {
-      var segmentTimeInfo = parseByDuration(attributes);
-
-      if (segmentTimeInfo.length) {
-        segment.duration = segmentTimeInfo[0].duration;
-        segment.timeline = segmentTimeInfo[0].timeline;
-      }
-    } else if (sourceDuration) {
-      segment.duration = sourceDuration / timescale;
-      segment.timeline = 0;
-    } // This is used for mediaSequence
-
-
-    segment.number = 0;
-    return [segment];
-  };
-  /**
-   * Given a playlist, a sidx box, and a baseUrl, update the segment list of the playlist
-   * according to the sidx information given.
-   *
-   * playlist.sidx has metadadata about the sidx where-as the sidx param
-   * is the parsed sidx box itself.
-   *
-   * @param {Object} playlist the playlist to update the sidx information for
-   * @param {Object} sidx the parsed sidx box
-   * @return {Object} the playlist object with the updated sidx information
-   */
-
-
-  var addSegmentsToPlaylist = function addSegmentsToPlaylist(playlist, sidx, baseUrl) {
-    // Retain init segment information
-    var initSegment = playlist.sidx.map ? playlist.sidx.map : null; // Retain source duration from initial master manifest parsing
-
-    var sourceDuration = playlist.sidx.duration; // Retain source timeline
-
-    var timeline = playlist.timeline || 0;
-    var sidxByteRange = playlist.sidx.byterange;
-    var sidxEnd = sidxByteRange.offset + sidxByteRange.length; // Retain timescale of the parsed sidx
-
-    var timescale = sidx.timescale; // referenceType 1 refers to other sidx boxes
-
-    var mediaReferences = sidx.references.filter(function (r) {
-      return r.referenceType !== 1;
-    });
-    var segments = []; // firstOffset is the offset from the end of the sidx box
-
-    var startIndex = sidxEnd + sidx.firstOffset;
-
-    for (var i = 0; i < mediaReferences.length; i++) {
-      var reference = sidx.references[i]; // size of the referenced (sub)segment
-
-      var size = reference.referencedSize; // duration of the referenced (sub)segment, in  the  timescale
-      // this will be converted to seconds when generating segments
-
-      var duration = reference.subsegmentDuration; // should be an inclusive range
-
-      var endIndex = startIndex + size - 1;
-      var indexRange = startIndex + "-" + endIndex;
-      var attributes = {
-        baseUrl: baseUrl,
-        timescale: timescale,
-        timeline: timeline,
-        // this is used in parseByDuration
-        periodIndex: timeline,
-        duration: duration,
-        sourceDuration: sourceDuration,
-        indexRange: indexRange
-      };
-      var segment = segmentsFromBase(attributes)[0];
-
-      if (initSegment) {
-        segment.map = initSegment;
-      }
-
-      segments.push(segment);
-      startIndex += size;
-    }
-
-    playlist.segments = segments;
-    return playlist;
-  };
-
-  var mergeDiscontiguousPlaylists = function mergeDiscontiguousPlaylists(playlists) {
-    var mergedPlaylists = values(playlists.reduce(function (acc, playlist) {
-      // assuming playlist IDs are the same across periods
-      // TODO: handle multiperiod where representation sets are not the same
-      // across periods
-      var name = playlist.attributes.id + (playlist.attributes.lang || ''); // Periods after first
-
-      if (acc[name]) {
-        var _acc$name$segments; // first segment of subsequent periods signal a discontinuity
-
-
-        if (playlist.segments[0]) {
-          playlist.segments[0].discontinuity = true;
-        }
-
-        (_acc$name$segments = acc[name].segments).push.apply(_acc$name$segments, playlist.segments); // bubble up contentProtection, this assumes all DRM content
-        // has the same contentProtection
-
-
-        if (playlist.attributes.contentProtection) {
-          acc[name].attributes.contentProtection = playlist.attributes.contentProtection;
-        }
-      } else {
-        // first Period
-        acc[name] = playlist;
-      }
-
-      return acc;
-    }, {}));
-    return mergedPlaylists.map(function (playlist) {
-      playlist.discontinuityStarts = findIndexes(playlist.segments, 'discontinuity');
-      return playlist;
-    });
-  };
-
-  var addSegmentInfoFromSidx = function addSegmentInfoFromSidx(playlists, sidxMapping) {
-    if (sidxMapping === void 0) {
-      sidxMapping = {};
-    }
-
-    if (!Object.keys(sidxMapping).length) {
-      return playlists;
-    }
-
-    for (var i in playlists) {
-      var playlist = playlists[i];
-
-      if (!playlist.sidx) {
-        continue;
-      }
-
-      var sidxKey = playlist.sidx.uri + '-' + byteRangeToString(playlist.sidx.byterange);
-      var sidxMatch = sidxMapping[sidxKey] && sidxMapping[sidxKey].sidx;
-
-      if (playlist.sidx && sidxMatch) {
-        addSegmentsToPlaylist(playlist, sidxMatch, playlist.sidx.resolvedUri);
-      }
-    }
-
-    return playlists;
-  };
-
-  var formatAudioPlaylist = function formatAudioPlaylist(_ref) {
-    var _attributes;
-
-    var attributes = _ref.attributes,
-        segments = _ref.segments,
-        sidx = _ref.sidx;
-    var playlist = {
-      attributes: (_attributes = {
-        NAME: attributes.id,
-        BANDWIDTH: attributes.bandwidth,
-        CODECS: attributes.codecs
-      }, _attributes['PROGRAM-ID'] = 1, _attributes),
-      uri: '',
-      endList: (attributes.type || 'static') === 'static',
-      timeline: attributes.periodIndex,
-      resolvedUri: '',
-      targetDuration: attributes.duration,
-      segments: segments,
-      mediaSequence: segments.length ? segments[0].number : 1
-    };
-
-    if (attributes.contentProtection) {
-      playlist.contentProtection = attributes.contentProtection;
-    }
-
-    if (sidx) {
-      playlist.sidx = sidx;
-    }
-
-    return playlist;
-  };
-
-  var formatVttPlaylist = function formatVttPlaylist(_ref2) {
-    var _attributes2;
-
-    var attributes = _ref2.attributes,
-        segments = _ref2.segments;
-
-    if (typeof segments === 'undefined') {
-      // vtt tracks may use single file in BaseURL
-      segments = [{
-        uri: attributes.baseUrl,
-        timeline: attributes.periodIndex,
-        resolvedUri: attributes.baseUrl || '',
-        duration: attributes.sourceDuration,
-        number: 0
-      }]; // targetDuration should be the same duration as the only segment
-
-      attributes.duration = attributes.sourceDuration;
-    }
-
-    return {
-      attributes: (_attributes2 = {
-        NAME: attributes.id,
-        BANDWIDTH: attributes.bandwidth
-      }, _attributes2['PROGRAM-ID'] = 1, _attributes2),
-      uri: '',
-      endList: (attributes.type || 'static') === 'static',
-      timeline: attributes.periodIndex,
-      resolvedUri: attributes.baseUrl || '',
-      targetDuration: attributes.duration,
-      segments: segments,
-      mediaSequence: segments.length ? segments[0].number : 1
-    };
-  };
-
-  var organizeAudioPlaylists = function organizeAudioPlaylists(playlists, sidxMapping) {
-    if (sidxMapping === void 0) {
-      sidxMapping = {};
-    }
-
-    var mainPlaylist;
-    var formattedPlaylists = playlists.reduce(function (a, playlist) {
-      var role = playlist.attributes.role && playlist.attributes.role.value || '';
-      var language = playlist.attributes.lang || '';
-      var label = 'main';
-
-      if (language) {
-        var roleLabel = role ? " (" + role + ")" : '';
-        label = "" + playlist.attributes.lang + roleLabel;
-      } // skip if we already have the highest quality audio for a language
-
-
-      if (a[label] && a[label].playlists[0].attributes.BANDWIDTH > playlist.attributes.bandwidth) {
-        return a;
-      }
-
-      a[label] = {
-        language: language,
-        autoselect: true,
-        "default": role === 'main',
-        playlists: addSegmentInfoFromSidx([formatAudioPlaylist(playlist)], sidxMapping),
-        uri: ''
-      };
-
-      if (typeof mainPlaylist === 'undefined' && role === 'main') {
-        mainPlaylist = playlist;
-        mainPlaylist["default"] = true;
-      }
-
-      return a;
-    }, {}); // if no playlists have role "main", mark the first as main
-
-    if (!mainPlaylist) {
-      var firstLabel = Object.keys(formattedPlaylists)[0];
-      formattedPlaylists[firstLabel]["default"] = true;
-    }
-
-    return formattedPlaylists;
-  };
-
-  var organizeVttPlaylists = function organizeVttPlaylists(playlists, sidxMapping) {
-    if (sidxMapping === void 0) {
-      sidxMapping = {};
-    }
-
-    return playlists.reduce(function (a, playlist) {
-      var label = playlist.attributes.lang || 'text'; // skip if we already have subtitles
-
-      if (a[label]) {
-        return a;
-      }
-
-      a[label] = {
-        language: label,
-        "default": false,
-        autoselect: false,
-        playlists: addSegmentInfoFromSidx([formatVttPlaylist(playlist)], sidxMapping),
-        uri: ''
-      };
-      return a;
-    }, {});
-  };
-
-  var formatVideoPlaylist = function formatVideoPlaylist(_ref3) {
-    var _attributes3;
-
-    var attributes = _ref3.attributes,
-        segments = _ref3.segments,
-        sidx = _ref3.sidx;
-    var playlist = {
-      attributes: (_attributes3 = {
-        NAME: attributes.id,
-        AUDIO: 'audio',
-        SUBTITLES: 'subs',
-        RESOLUTION: {
-          width: attributes.width,
-          height: attributes.height
-        },
-        CODECS: attributes.codecs,
-        BANDWIDTH: attributes.bandwidth
-      }, _attributes3['PROGRAM-ID'] = 1, _attributes3),
-      uri: '',
-      endList: (attributes.type || 'static') === 'static',
-      timeline: attributes.periodIndex,
-      resolvedUri: '',
-      targetDuration: attributes.duration,
-      segments: segments,
-      mediaSequence: segments.length ? segments[0].number : 1
-    };
-
-    if (attributes.contentProtection) {
-      playlist.contentProtection = attributes.contentProtection;
-    }
-
-    if (sidx) {
-      playlist.sidx = sidx;
-    }
-
-    return playlist;
-  };
-
-  var toM3u8 = function toM3u8(dashPlaylists, sidxMapping) {
-    var _mediaGroups;
-
-    if (sidxMapping === void 0) {
-      sidxMapping = {};
-    }
-
-    if (!dashPlaylists.length) {
-      return {};
-    } // grab all master attributes
-
-
-    var _dashPlaylists$0$attr = dashPlaylists[0].attributes,
-        duration = _dashPlaylists$0$attr.sourceDuration,
-        _dashPlaylists$0$attr2 = _dashPlaylists$0$attr.minimumUpdatePeriod,
-        minimumUpdatePeriod = _dashPlaylists$0$attr2 === void 0 ? 0 : _dashPlaylists$0$attr2;
-
-    var videoOnly = function videoOnly(_ref4) {
-      var attributes = _ref4.attributes;
-      return attributes.mimeType === 'video/mp4' || attributes.contentType === 'video';
-    };
-
-    var audioOnly = function audioOnly(_ref5) {
-      var attributes = _ref5.attributes;
-      return attributes.mimeType === 'audio/mp4' || attributes.contentType === 'audio';
-    };
-
-    var vttOnly = function vttOnly(_ref6) {
-      var attributes = _ref6.attributes;
-      return attributes.mimeType === 'text/vtt' || attributes.contentType === 'text';
-    };
-
-    var videoPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(videoOnly)).map(formatVideoPlaylist);
-    var audioPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(audioOnly));
-    var vttPlaylists = dashPlaylists.filter(vttOnly);
-    var master = {
-      allowCache: true,
-      discontinuityStarts: [],
-      segments: [],
-      endList: true,
-      mediaGroups: (_mediaGroups = {
-        AUDIO: {},
-        VIDEO: {}
-      }, _mediaGroups['CLOSED-CAPTIONS'] = {}, _mediaGroups.SUBTITLES = {}, _mediaGroups),
-      uri: '',
-      duration: duration,
-      playlists: addSegmentInfoFromSidx(videoPlaylists, sidxMapping),
-      minimumUpdatePeriod: minimumUpdatePeriod * 1000
-    };
-
-    if (audioPlaylists.length) {
-      master.mediaGroups.AUDIO.audio = organizeAudioPlaylists(audioPlaylists, sidxMapping);
-    }
-
-    if (vttPlaylists.length) {
-      master.mediaGroups.SUBTITLES.subs = organizeVttPlaylists(vttPlaylists, sidxMapping);
-    }
-
-    return master;
-  };
-  /**
-   * Calculates the R (repetition) value for a live stream (for the final segment
-   * in a manifest where the r value is negative 1)
-   *
-   * @param {Object} attributes
-   *        Object containing all inherited attributes from parent elements with attribute
-   *        names as keys
-   * @param {number} time
-   *        current time (typically the total time up until the final segment)
-   * @param {number} duration
-   *        duration property for the given <S />
-   *
-   * @return {number}
-   *        R value to reach the end of the given period
-   */
-
-
-  var getLiveRValue = function getLiveRValue(attributes, time, duration) {
-    var NOW = attributes.NOW,
-        clientOffset = attributes.clientOffset,
-        availabilityStartTime = attributes.availabilityStartTime,
-        _attributes$timescale = attributes.timescale,
-        timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
-        _attributes$start = attributes.start,
-        start = _attributes$start === void 0 ? 0 : _attributes$start,
-        _attributes$minimumUp = attributes.minimumUpdatePeriod,
-        minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp;
-    var now = (NOW + clientOffset) / 1000;
-    var periodStartWC = availabilityStartTime + start;
-    var periodEndWC = now + minimumUpdatePeriod;
-    var periodDuration = periodEndWC - periodStartWC;
-    return Math.ceil((periodDuration * timescale - time) / duration);
-  };
-  /**
-   * Uses information provided by SegmentTemplate.SegmentTimeline to determine segment
-   * timing and duration
-   *
-   * @param {Object} attributes
-   *        Object containing all inherited attributes from parent elements with attribute
-   *        names as keys
-   * @param {Object[]} segmentTimeline
-   *        List of objects representing the attributes of each S element contained within
-   *
-   * @return {{number: number, duration: number, time: number, timeline: number}[]}
-   *         List of Objects with segment timing and duration info
-   */
-
-
-  var parseByTimeline = function parseByTimeline(attributes, segmentTimeline) {
-    var _attributes$type = attributes.type,
-        type = _attributes$type === void 0 ? 'static' : _attributes$type,
-        _attributes$minimumUp2 = attributes.minimumUpdatePeriod,
-        minimumUpdatePeriod = _attributes$minimumUp2 === void 0 ? 0 : _attributes$minimumUp2,
-        _attributes$media = attributes.media,
-        media = _attributes$media === void 0 ? '' : _attributes$media,
-        sourceDuration = attributes.sourceDuration,
-        _attributes$timescale2 = attributes.timescale,
-        timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
-        _attributes$startNumb = attributes.startNumber,
-        startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb,
-        timeline = attributes.periodIndex;
-    var segments = [];
-    var time = -1;
-
-    for (var sIndex = 0; sIndex < segmentTimeline.length; sIndex++) {
-      var S = segmentTimeline[sIndex];
-      var duration = S.d;
-      var repeat = S.r || 0;
-      var segmentTime = S.t || 0;
-
-      if (time < 0) {
-        // first segment
-        time = segmentTime;
-      }
-
-      if (segmentTime && segmentTime > time) {
-        // discontinuity
-        // TODO: How to handle this type of discontinuity
-        // timeline++ here would treat it like HLS discontuity and content would
-        // get appended without gap
-        // E.G.
-        //  <S t="0" d="1" />
-        //  <S d="1" />
-        //  <S d="1" />
-        //  <S t="5" d="1" />
-        // would have $Time$ values of [0, 1, 2, 5]
-        // should this be appened at time positions [0, 1, 2, 3],(#EXT-X-DISCONTINUITY)
-        // or [0, 1, 2, gap, gap, 5]? (#EXT-X-GAP)
-        // does the value of sourceDuration consider this when calculating arbitrary
-        // negative @r repeat value?
-        // E.G. Same elements as above with this added at the end
-        //  <S d="1" r="-1" />
-        //  with a sourceDuration of 10
-        // Would the 2 gaps be included in the time duration calculations resulting in
-        // 8 segments with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9] or 10 segments
-        // with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9, 10, 11] ?
-        time = segmentTime;
-      }
-
-      var count = void 0;
-
-      if (repeat < 0) {
-        var nextS = sIndex + 1;
-
-        if (nextS === segmentTimeline.length) {
-          // last segment
-          if (type === 'dynamic' && minimumUpdatePeriod > 0 && media.indexOf('$Number$') > 0) {
-            count = getLiveRValue(attributes, time, duration);
-          } else {
-            // TODO: This may be incorrect depending on conclusion of TODO above
-            count = (sourceDuration * timescale - time) / duration;
-          }
-        } else {
-          count = (segmentTimeline[nextS].t - time) / duration;
-        }
-      } else {
-        count = repeat + 1;
-      }
-
-      var end = startNumber + segments.length + count;
-      var number = startNumber + segments.length;
-
-      while (number < end) {
-        segments.push({
-          number: number,
-          duration: duration / timescale,
-          time: time,
-          timeline: timeline
-        });
-        time += duration;
-        number++;
-      }
-    }
-
-    return segments;
-  };
-
-  var identifierPattern = /\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g;
-  /**
-   * Replaces template identifiers with corresponding values. To be used as the callback
-   * for String.prototype.replace
-   *
-   * @name replaceCallback
-   * @function
-   * @param {string} match
-   *        Entire match of identifier
-   * @param {string} identifier
-   *        Name of matched identifier
-   * @param {string} format
-   *        Format tag string. Its presence indicates that padding is expected
-   * @param {string} width
-   *        Desired length of the replaced value. Values less than this width shall be left
-   *        zero padded
-   * @return {string}
-   *         Replacement for the matched identifier
-   */
-
-  /**
-   * Returns a function to be used as a callback for String.prototype.replace to replace
-   * template identifiers
-   *
-   * @param {Obect} values
-   *        Object containing values that shall be used to replace known identifiers
-   * @param {number} values.RepresentationID
-   *        Value of the Representation@id attribute
-   * @param {number} values.Number
-   *        Number of the corresponding segment
-   * @param {number} values.Bandwidth
-   *        Value of the Representation@bandwidth attribute.
-   * @param {number} values.Time
-   *        Timestamp value of the corresponding segment
-   * @return {replaceCallback}
-   *         Callback to be used with String.prototype.replace to replace identifiers
-   */
-
-  var identifierReplacement = function identifierReplacement(values) {
-    return function (match, identifier, format, width) {
-      if (match === '$$') {
-        // escape sequence
-        return '$';
-      }
-
-      if (typeof values[identifier] === 'undefined') {
-        return match;
-      }
-
-      var value = '' + values[identifier];
-
-      if (identifier === 'RepresentationID') {
-        // Format tag shall not be present with RepresentationID
-        return value;
-      }
-
-      if (!format) {
-        width = 1;
-      } else {
-        width = parseInt(width, 10);
-      }
-
-      if (value.length >= width) {
-        return value;
-      }
-
-      return "" + new Array(width - value.length + 1).join('0') + value;
-    };
-  };
-  /**
-   * Constructs a segment url from a template string
-   *
-   * @param {string} url
-   *        Template string to construct url from
-   * @param {Obect} values
-   *        Object containing values that shall be used to replace known identifiers
-   * @param {number} values.RepresentationID
-   *        Value of the Representation@id attribute
-   * @param {number} values.Number
-   *        Number of the corresponding segment
-   * @param {number} values.Bandwidth
-   *        Value of the Representation@bandwidth attribute.
-   * @param {number} values.Time
-   *        Timestamp value of the corresponding segment
-   * @return {string}
-   *         Segment url with identifiers replaced
-   */
-
-
-  var constructTemplateUrl = function constructTemplateUrl(url, values) {
-    return url.replace(identifierPattern, identifierReplacement(values));
-  };
-  /**
-   * Generates a list of objects containing timing and duration information about each
-   * segment needed to generate segment uris and the complete segment object
-   *
-   * @param {Object} attributes
-   *        Object containing all inherited attributes from parent elements with attribute
-   *        names as keys
-   * @param {Object[]|undefined} segmentTimeline
-   *        List of objects representing the attributes of each S element contained within
-   *        the SegmentTimeline element
-   * @return {{number: number, duration: number, time: number, timeline: number}[]}
-   *         List of Objects with segment timing and duration info
-   */
-
-
-  var parseTemplateInfo = function parseTemplateInfo(attributes, segmentTimeline) {
-    if (!attributes.duration && !segmentTimeline) {
-      // if neither @duration or SegmentTimeline are present, then there shall be exactly
-      // one media segment
-      return [{
-        number: attributes.startNumber || 1,
-        duration: attributes.sourceDuration,
-        time: 0,
-        timeline: attributes.periodIndex
-      }];
-    }
-
-    if (attributes.duration) {
-      return parseByDuration(attributes);
-    }
-
-    return parseByTimeline(attributes, segmentTimeline);
-  };
-  /**
-   * Generates a list of segments using information provided by the SegmentTemplate element
-   *
-   * @param {Object} attributes
-   *        Object containing all inherited attributes from parent elements with attribute
-   *        names as keys
-   * @param {Object[]|undefined} segmentTimeline
-   *        List of objects representing the attributes of each S element contained within
-   *        the SegmentTimeline element
-   * @return {Object[]}
-   *         List of segment objects
-   */
-
-
-  var segmentsFromTemplate = function segmentsFromTemplate(attributes, segmentTimeline) {
-    var templateValues = {
-      RepresentationID: attributes.id,
-      Bandwidth: attributes.bandwidth || 0
-    };
-    var _attributes$initializ = attributes.initialization,
-        initialization = _attributes$initializ === void 0 ? {
-      sourceURL: '',
-      range: ''
-    } : _attributes$initializ;
-    var mapSegment = urlTypeToSegment({
-      baseUrl: attributes.baseUrl,
-      source: constructTemplateUrl(initialization.sourceURL, templateValues),
-      range: initialization.range
-    });
-    var segments = parseTemplateInfo(attributes, segmentTimeline);
-    return segments.map(function (segment) {
-      templateValues.Number = segment.number;
-      templateValues.Time = segment.time;
-      var uri = constructTemplateUrl(attributes.media || '', templateValues);
-      return {
-        uri: uri,
-        timeline: segment.timeline,
-        duration: segment.duration,
-        resolvedUri: resolveUrl(attributes.baseUrl || '', uri),
-        map: mapSegment,
-        number: segment.number
-      };
-    });
-  };
-  /**
-   * Converts a <SegmentUrl> (of type URLType from the DASH spec 5.3.9.2 Table 14)
-   * to an object that matches the output of a segment in videojs/mpd-parser
-   *
-   * @param {Object} attributes
-   *   Object containing all inherited attributes from parent elements with attribute
-   *   names as keys
-   * @param {Object} segmentUrl
-   *   <SegmentURL> node to translate into a segment object
-   * @return {Object} translated segment object
-   */
-
-
-  var SegmentURLToSegmentObject = function SegmentURLToSegmentObject(attributes, segmentUrl) {
-    var baseUrl = attributes.baseUrl,
-        _attributes$initializ = attributes.initialization,
-        initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ;
-    var initSegment = urlTypeToSegment({
-      baseUrl: baseUrl,
-      source: initialization.sourceURL,
-      range: initialization.range
-    });
-    var segment = urlTypeToSegment({
-      baseUrl: baseUrl,
-      source: segmentUrl.media,
-      range: segmentUrl.mediaRange
-    });
-    segment.map = initSegment;
-    return segment;
-  };
-  /**
-   * Generates a list of segments using information provided by the SegmentList element
-   * SegmentList (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes.  Each
-   * node should be translated into segment.
-   *
-   * @param {Object} attributes
-   *   Object containing all inherited attributes from parent elements with attribute
-   *   names as keys
-   * @param {Object[]|undefined} segmentTimeline
-   *        List of objects representing the attributes of each S element contained within
-   *        the SegmentTimeline element
-   * @return {Object.<Array>} list of segments
-   */
-
-
-  var segmentsFromList = function segmentsFromList(attributes, segmentTimeline) {
-    var duration = attributes.duration,
-        _attributes$segmentUr = attributes.segmentUrls,
-        segmentUrls = _attributes$segmentUr === void 0 ? [] : _attributes$segmentUr; // Per spec (5.3.9.2.1) no way to determine segment duration OR
-    // if both SegmentTimeline and @duration are defined, it is outside of spec.
-
-    if (!duration && !segmentTimeline || duration && segmentTimeline) {
-      throw new Error(errors.SEGMENT_TIME_UNSPECIFIED);
-    }
-
-    var segmentUrlMap = segmentUrls.map(function (segmentUrlObject) {
-      return SegmentURLToSegmentObject(attributes, segmentUrlObject);
-    });
-    var segmentTimeInfo;
-
-    if (duration) {
-      segmentTimeInfo = parseByDuration(attributes);
-    }
-
-    if (segmentTimeline) {
-      segmentTimeInfo = parseByTimeline(attributes, segmentTimeline);
-    }
-
-    var segments = segmentTimeInfo.map(function (segmentTime, index) {
-      if (segmentUrlMap[index]) {
-        var segment = segmentUrlMap[index];
-        segment.timeline = segmentTime.timeline;
-        segment.duration = segmentTime.duration;
-        segment.number = segmentTime.number;
-        return segment;
-      } // Since we're mapping we should get rid of any blank segments (in case
-      // the given SegmentTimeline is handling for more elements than we have
-      // SegmentURLs for).
-
-    }).filter(function (segment) {
-      return segment;
-    });
-    return segments;
-  };
-
-  var generateSegments = function generateSegments(_ref) {
-    var attributes = _ref.attributes,
-        segmentInfo = _ref.segmentInfo;
-    var segmentAttributes;
-    var segmentsFn;
-
-    if (segmentInfo.template) {
-      segmentsFn = segmentsFromTemplate;
-      segmentAttributes = merge(attributes, segmentInfo.template);
-    } else if (segmentInfo.base) {
-      segmentsFn = segmentsFromBase;
-      segmentAttributes = merge(attributes, segmentInfo.base);
-    } else if (segmentInfo.list) {
-      segmentsFn = segmentsFromList;
-      segmentAttributes = merge(attributes, segmentInfo.list);
-    }
-
-    var segmentsInfo = {
-      attributes: attributes
-    };
-
-    if (!segmentsFn) {
-      return segmentsInfo;
-    }
-
-    var segments = segmentsFn(segmentAttributes, segmentInfo.timeline); // The @duration attribute will be used to determin the playlist's targetDuration which
-    // must be in seconds. Since we've generated the segment list, we no longer need
-    // @duration to be in @timescale units, so we can convert it here.
-
-    if (segmentAttributes.duration) {
-      var _segmentAttributes = segmentAttributes,
-          duration = _segmentAttributes.duration,
-          _segmentAttributes$ti = _segmentAttributes.timescale,
-          timescale = _segmentAttributes$ti === void 0 ? 1 : _segmentAttributes$ti;
-      segmentAttributes.duration = duration / timescale;
-    } else if (segments.length) {
-      // if there is no @duration attribute, use the largest segment duration as
-      // as target duration
-      segmentAttributes.duration = segments.reduce(function (max, segment) {
-        return Math.max(max, Math.ceil(segment.duration));
-      }, 0);
-    } else {
-      segmentAttributes.duration = 0;
-    }
-
-    segmentsInfo.attributes = segmentAttributes;
-    segmentsInfo.segments = segments; // This is a sidx box without actual segment information
-
-    if (segmentInfo.base && segmentAttributes.indexRange) {
-      segmentsInfo.sidx = segments[0];
-      segmentsInfo.segments = [];
-    }
-
-    return segmentsInfo;
-  };
-
-  var toPlaylists = function toPlaylists(representations) {
-    return representations.map(generateSegments);
-  };
-
-  var findChildren = function findChildren(element, name) {
-    return from(element.childNodes).filter(function (_ref) {
-      var tagName = _ref.tagName;
-      return tagName === name;
-    });
-  };
-
-  var getContent = function getContent(element) {
-    return element.textContent.trim();
-  };
-
-  var parseDuration = function parseDuration(str) {
-    var SECONDS_IN_YEAR = 365 * 24 * 60 * 60;
-    var SECONDS_IN_MONTH = 30 * 24 * 60 * 60;
-    var SECONDS_IN_DAY = 24 * 60 * 60;
-    var SECONDS_IN_HOUR = 60 * 60;
-    var SECONDS_IN_MIN = 60; // P10Y10M10DT10H10M10.1S
-
-    var durationRegex = /P(?:(\d*)Y)?(?:(\d*)M)?(?:(\d*)D)?(?:T(?:(\d*)H)?(?:(\d*)M)?(?:([\d.]*)S)?)?/;
-    var match = durationRegex.exec(str);
-
-    if (!match) {
-      return 0;
-    }
-
-    var _match$slice = match.slice(1),
-        year = _match$slice[0],
-        month = _match$slice[1],
-        day = _match$slice[2],
-        hour = _match$slice[3],
-        minute = _match$slice[4],
-        second = _match$slice[5];
-
-    return parseFloat(year || 0) * SECONDS_IN_YEAR + parseFloat(month || 0) * SECONDS_IN_MONTH + parseFloat(day || 0) * SECONDS_IN_DAY + parseFloat(hour || 0) * SECONDS_IN_HOUR + parseFloat(minute || 0) * SECONDS_IN_MIN + parseFloat(second || 0);
-  };
-
-  var parseDate = function parseDate(str) {
-    // Date format without timezone according to ISO 8601
-    // YYY-MM-DDThh:mm:ss.ssssss
-    var dateRegex = /^\d+-\d+-\d+T\d+:\d+:\d+(\.\d+)?$/; // If the date string does not specifiy a timezone, we must specifiy UTC. This is
-    // expressed by ending with 'Z'
-
-    if (dateRegex.test(str)) {
-      str += 'Z';
-    }
-
-    return Date.parse(str);
-  };
-
-  var parsers = {
-    /**
-     * Specifies the duration of the entire Media Presentation. Format is a duration string
-     * as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The duration in seconds
-     */
-    mediaPresentationDuration: function mediaPresentationDuration(value) {
-      return parseDuration(value);
-    },
-
-    /**
-     * Specifies the Segment availability start time for all Segments referred to in this
-     * MPD. For a dynamic manifest, it specifies the anchor for the earliest availability
-     * time. Format is a date string as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The date as seconds from unix epoch
-     */
-    availabilityStartTime: function availabilityStartTime(value) {
-      return parseDate(value) / 1000;
-    },
-
-    /**
-     * Specifies the smallest period between potential changes to the MPD. Format is a
-     * duration string as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The duration in seconds
-     */
-    minimumUpdatePeriod: function minimumUpdatePeriod(value) {
-      return parseDuration(value);
-    },
-
-    /**
-     * Specifies the duration of the smallest time shifting buffer for any Representation
-     * in the MPD. Format is a duration string as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The duration in seconds
-     */
-    timeShiftBufferDepth: function timeShiftBufferDepth(value) {
-      return parseDuration(value);
-    },
-
-    /**
-     * Specifies the PeriodStart time of the Period relative to the availabilityStarttime.
-     * Format is a duration string as specified in ISO 8601
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The duration in seconds
-     */
-    start: function start(value) {
-      return parseDuration(value);
-    },
-
-    /**
-     * Specifies the width of the visual presentation
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed width
-     */
-    width: function width(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the height of the visual presentation
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed height
-     */
-    height: function height(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the bitrate of the representation
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed bandwidth
-     */
-    bandwidth: function bandwidth(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the number of the first Media Segment in this Representation in the Period
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed number
-     */
-    startNumber: function startNumber(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the timescale in units per seconds
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The aprsed timescale
-     */
-    timescale: function timescale(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the constant approximate Segment duration
-     * NOTE: The <Period> element also contains an @duration attribute. This duration
-     *       specifies the duration of the Period. This attribute is currently not
-     *       supported by the rest of the parser, however we still check for it to prevent
-     *       errors.
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed duration
-     */
-    duration: function duration(value) {
-      var parsedValue = parseInt(value, 10);
-
-      if (isNaN(parsedValue)) {
-        return parseDuration(value);
-      }
-
-      return parsedValue;
-    },
-
-    /**
-     * Specifies the Segment duration, in units of the value of the @timescale.
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed duration
-     */
-    d: function d(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the MPD start time, in @timescale units, the first Segment in the series
-     * starts relative to the beginning of the Period
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed time
-     */
-    t: function t(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Specifies the repeat count of the number of following contiguous Segments with the
-     * same duration expressed by the value of @d
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {number}
-     *         The parsed number
-     */
-    r: function r(value) {
-      return parseInt(value, 10);
-    },
-
-    /**
-     * Default parser for all other attributes. Acts as a no-op and just returns the value
-     * as a string
-     *
-     * @param {string} value
-     *        value of attribute as a string
-     * @return {string}
-     *         Unparsed value
-     */
-    DEFAULT: function DEFAULT(value) {
-      return value;
-    }
-  };
-  /**
-   * Gets all the attributes and values of the provided node, parses attributes with known
-   * types, and returns an object with attribute names mapped to values.
-   *
-   * @param {Node} el
-   *        The node to parse attributes from
-   * @return {Object}
-   *         Object with all attributes of el parsed
-   */
-
-  var parseAttributes$1 = function parseAttributes(el) {
-    if (!(el && el.attributes)) {
-      return {};
-    }
-
-    return from(el.attributes).reduce(function (a, e) {
-      var parseFn = parsers[e.name] || parsers.DEFAULT;
-      a[e.name] = parseFn(e.value);
-      return a;
-    }, {});
-  };
-
-  function decodeB64ToUint8Array$1(b64Text) {
-    var decodedString = window$1.atob(b64Text);
-    var array = new Uint8Array(decodedString.length);
-
-    for (var i = 0; i < decodedString.length; i++) {
-      array[i] = decodedString.charCodeAt(i);
-    }
-
-    return array;
-  }
-
-  var keySystemsMap = {
-    'urn:uuid:1077efec-c0b2-4d02-ace3-3c1e52e2fb4b': 'org.w3.clearkey',
-    'urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed': 'com.widevine.alpha',
-    'urn:uuid:9a04f079-9840-4286-ab92-e65be0885f95': 'com.microsoft.playready',
-    'urn:uuid:f239e769-efa3-4850-9c16-a903c6932efb': 'com.adobe.primetime'
-  };
-  /**
-   * Builds a list of urls that is the product of the reference urls and BaseURL values
-   *
-   * @param {string[]} referenceUrls
-   *        List of reference urls to resolve to
-   * @param {Node[]} baseUrlElements
-   *        List of BaseURL nodes from the mpd
-   * @return {string[]}
-   *         List of resolved urls
-   */
-
-  var buildBaseUrls = function buildBaseUrls(referenceUrls, baseUrlElements) {
-    if (!baseUrlElements.length) {
-      return referenceUrls;
-    }
-
-    return flatten(referenceUrls.map(function (reference) {
-      return baseUrlElements.map(function (baseUrlElement) {
-        return resolveUrl(reference, getContent(baseUrlElement));
-      });
-    }));
-  };
-  /**
-   * Contains all Segment information for its containing AdaptationSet
-   *
-   * @typedef {Object} SegmentInformation
-   * @property {Object|undefined} template
-   *           Contains the attributes for the SegmentTemplate node
-   * @property {Object[]|undefined} timeline
-   *           Contains a list of atrributes for each S node within the SegmentTimeline node
-   * @property {Object|undefined} list
-   *           Contains the attributes for the SegmentList node
-   * @property {Object|undefined} base
-   *           Contains the attributes for the SegmentBase node
-   */
-
-  /**
-   * Returns all available Segment information contained within the AdaptationSet node
-   *
-   * @param {Node} adaptationSet
-   *        The AdaptationSet node to get Segment information from
-   * @return {SegmentInformation}
-   *         The Segment information contained within the provided AdaptationSet
-   */
-
-
-  var getSegmentInformation = function getSegmentInformation(adaptationSet) {
-    var segmentTemplate = findChildren(adaptationSet, 'SegmentTemplate')[0];
-    var segmentList = findChildren(adaptationSet, 'SegmentList')[0];
-    var segmentUrls = segmentList && findChildren(segmentList, 'SegmentURL').map(function (s) {
-      return merge({
-        tag: 'SegmentURL'
-      }, parseAttributes$1(s));
-    });
-    var segmentBase = findChildren(adaptationSet, 'SegmentBase')[0];
-    var segmentTimelineParentNode = segmentList || segmentTemplate;
-    var segmentTimeline = segmentTimelineParentNode && findChildren(segmentTimelineParentNode, 'SegmentTimeline')[0];
-    var segmentInitializationParentNode = segmentList || segmentBase || segmentTemplate;
-    var segmentInitialization = segmentInitializationParentNode && findChildren(segmentInitializationParentNode, 'Initialization')[0]; // SegmentTemplate is handled slightly differently, since it can have both
-    // @initialization and an <Initialization> node.  @initialization can be templated,
-    // while the node can have a url and range specified.  If the <SegmentTemplate> has
-    // both @initialization and an <Initialization> subelement we opt to override with
-    // the node, as this interaction is not defined in the spec.
-
-    var template = segmentTemplate && parseAttributes$1(segmentTemplate);
-
-    if (template && segmentInitialization) {
-      template.initialization = segmentInitialization && parseAttributes$1(segmentInitialization);
-    } else if (template && template.initialization) {
-      // If it is @initialization we convert it to an object since this is the format that
-      // later functions will rely on for the initialization segment.  This is only valid
-      // for <SegmentTemplate>
-      template.initialization = {
-        sourceURL: template.initialization
-      };
-    }
-
-    var segmentInfo = {
-      template: template,
-      timeline: segmentTimeline && findChildren(segmentTimeline, 'S').map(function (s) {
-        return parseAttributes$1(s);
-      }),
-      list: segmentList && merge(parseAttributes$1(segmentList), {
-        segmentUrls: segmentUrls,
-        initialization: parseAttributes$1(segmentInitialization)
-      }),
-      base: segmentBase && merge(parseAttributes$1(segmentBase), {
-        initialization: parseAttributes$1(segmentInitialization)
-      })
-    };
-    Object.keys(segmentInfo).forEach(function (key) {
-      if (!segmentInfo[key]) {
-        delete segmentInfo[key];
-      }
-    });
-    return segmentInfo;
-  };
-  /**
-   * Contains Segment information and attributes needed to construct a Playlist object
-   * from a Representation
-   *
-   * @typedef {Object} RepresentationInformation
-   * @property {SegmentInformation} segmentInfo
-   *           Segment information for this Representation
-   * @property {Object} attributes
-   *           Inherited attributes for this Representation
-   */
-
-  /**
-   * Maps a Representation node to an object containing Segment information and attributes
-   *
-   * @name inheritBaseUrlsCallback
-   * @function
-   * @param {Node} representation
-   *        Representation node from the mpd
-   * @return {RepresentationInformation}
-   *         Representation information needed to construct a Playlist object
-   */
-
-  /**
-   * Returns a callback for Array.prototype.map for mapping Representation nodes to
-   * Segment information and attributes using inherited BaseURL nodes.
-   *
-   * @param {Object} adaptationSetAttributes
-   *        Contains attributes inherited by the AdaptationSet
-   * @param {string[]} adaptationSetBaseUrls
-   *        Contains list of resolved base urls inherited by the AdaptationSet
-   * @param {SegmentInformation} adaptationSetSegmentInfo
-   *        Contains Segment information for the AdaptationSet
-   * @return {inheritBaseUrlsCallback}
-   *         Callback map function
-   */
-
-
-  var inheritBaseUrls = function inheritBaseUrls(adaptationSetAttributes, adaptationSetBaseUrls, adaptationSetSegmentInfo) {
-    return function (representation) {
-      var repBaseUrlElements = findChildren(representation, 'BaseURL');
-      var repBaseUrls = buildBaseUrls(adaptationSetBaseUrls, repBaseUrlElements);
-      var attributes = merge(adaptationSetAttributes, parseAttributes$1(representation));
-      var representationSegmentInfo = getSegmentInformation(representation);
-      return repBaseUrls.map(function (baseUrl) {
-        return {
-          segmentInfo: merge(adaptationSetSegmentInfo, representationSegmentInfo),
-          attributes: merge(attributes, {
-            baseUrl: baseUrl
-          })
-        };
-      });
-    };
-  };
-  /**
-   * Tranforms a series of content protection nodes to
-   * an object containing pssh data by key system
-   *
-   * @param {Node[]} contentProtectionNodes
-   *        Content protection nodes
-   * @return {Object}
-   *        Object containing pssh data by key system
-   */
-
-
-  var generateKeySystemInformation = function generateKeySystemInformation(contentProtectionNodes) {
-    return contentProtectionNodes.reduce(function (acc, node) {
-      var attributes = parseAttributes$1(node);
-      var keySystem = keySystemsMap[attributes.schemeIdUri];
-
-      if (keySystem) {
-        acc[keySystem] = {
-          attributes: attributes
-        };
-        var psshNode = findChildren(node, 'cenc:pssh')[0];
-
-        if (psshNode) {
-          var pssh = getContent(psshNode);
-          var psshBuffer = pssh && decodeB64ToUint8Array$1(pssh);
-          acc[keySystem].pssh = psshBuffer;
-        }
-      }
-
-      return acc;
-    }, {});
-  };
-  /**
-   * Maps an AdaptationSet node to a list of Representation information objects
-   *
-   * @name toRepresentationsCallback
-   * @function
-   * @param {Node} adaptationSet
-   *        AdaptationSet node from the mpd
-   * @return {RepresentationInformation[]}
-   *         List of objects containing Representaion information
-   */
-
-  /**
-   * Returns a callback for Array.prototype.map for mapping AdaptationSet nodes to a list of
-   * Representation information objects
-   *
-   * @param {Object} periodAttributes
-   *        Contains attributes inherited by the Period
-   * @param {string[]} periodBaseUrls
-   *        Contains list of resolved base urls inherited by the Period
-   * @param {string[]} periodSegmentInfo
-   *        Contains Segment Information at the period level
-   * @return {toRepresentationsCallback}
-   *         Callback map function
-   */
-
-
-  var toRepresentations = function toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo) {
-    return function (adaptationSet) {
-      var adaptationSetAttributes = parseAttributes$1(adaptationSet);
-      var adaptationSetBaseUrls = buildBaseUrls(periodBaseUrls, findChildren(adaptationSet, 'BaseURL'));
-      var role = findChildren(adaptationSet, 'Role')[0];
-      var roleAttributes = {
-        role: parseAttributes$1(role)
-      };
-      var attrs = merge(periodAttributes, adaptationSetAttributes, roleAttributes);
-      var contentProtection = generateKeySystemInformation(findChildren(adaptationSet, 'ContentProtection'));
-
-      if (Object.keys(contentProtection).length) {
-        attrs = merge(attrs, {
-          contentProtection: contentProtection
-        });
-      }
-
-      var segmentInfo = getSegmentInformation(adaptationSet);
-      var representations = findChildren(adaptationSet, 'Representation');
-      var adaptationSetSegmentInfo = merge(periodSegmentInfo, segmentInfo);
-      return flatten(representations.map(inheritBaseUrls(attrs, adaptationSetBaseUrls, adaptationSetSegmentInfo)));
-    };
-  };
-  /**
-   * Maps an Period node to a list of Representation inforamtion objects for all
-   * AdaptationSet nodes contained within the Period
-   *
-   * @name toAdaptationSetsCallback
-   * @function
-   * @param {Node} period
-   *        Period node from the mpd
-   * @param {number} periodIndex
-   *        Index of the Period within the mpd
-   * @return {RepresentationInformation[]}
-   *         List of objects containing Representaion information
-   */
-
-  /**
-   * Returns a callback for Array.prototype.map for mapping Period nodes to a list of
-   * Representation information objects
-   *
-   * @param {Object} mpdAttributes
-   *        Contains attributes inherited by the mpd
-   * @param {string[]} mpdBaseUrls
-   *        Contains list of resolved base urls inherited by the mpd
-   * @return {toAdaptationSetsCallback}
-   *         Callback map function
-   */
-
-
-  var toAdaptationSets = function toAdaptationSets(mpdAttributes, mpdBaseUrls) {
-    return function (period, index) {
-      var periodBaseUrls = buildBaseUrls(mpdBaseUrls, findChildren(period, 'BaseURL'));
-      var periodAtt = parseAttributes$1(period);
-      var parsedPeriodId = parseInt(periodAtt.id, 10); // fallback to mapping index if Period@id is not a number
-
-      var periodIndex = window$1.isNaN(parsedPeriodId) ? index : parsedPeriodId;
-      var periodAttributes = merge(mpdAttributes, {
-        periodIndex: periodIndex
-      });
-      var adaptationSets = findChildren(period, 'AdaptationSet');
-      var periodSegmentInfo = getSegmentInformation(period);
-      return flatten(adaptationSets.map(toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo)));
-    };
-  };
-  /**
-   * Traverses the mpd xml tree to generate a list of Representation information objects
-   * that have inherited attributes from parent nodes
-   *
-   * @param {Node} mpd
-   *        The root node of the mpd
-   * @param {Object} options
-   *        Available options for inheritAttributes
-   * @param {string} options.manifestUri
-   *        The uri source of the mpd
-   * @param {number} options.NOW
-   *        Current time per DASH IOP.  Default is current time in ms since epoch
-   * @param {number} options.clientOffset
-   *        Client time difference from NOW (in milliseconds)
-   * @return {RepresentationInformation[]}
-   *         List of objects containing Representation information
-   */
-
-
-  var inheritAttributes = function inheritAttributes(mpd, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options = options,
-        _options$manifestUri = _options.manifestUri,
-        manifestUri = _options$manifestUri === void 0 ? '' : _options$manifestUri,
-        _options$NOW = _options.NOW,
-        NOW = _options$NOW === void 0 ? Date.now() : _options$NOW,
-        _options$clientOffset = _options.clientOffset,
-        clientOffset = _options$clientOffset === void 0 ? 0 : _options$clientOffset;
-    var periods = findChildren(mpd, 'Period');
-
-    if (!periods.length) {
-      throw new Error(errors.INVALID_NUMBER_OF_PERIOD);
-    }
-
-    var mpdAttributes = parseAttributes$1(mpd);
-    var mpdBaseUrls = buildBaseUrls([manifestUri], findChildren(mpd, 'BaseURL'));
-    mpdAttributes.sourceDuration = mpdAttributes.mediaPresentationDuration || 0;
-    mpdAttributes.NOW = NOW;
-    mpdAttributes.clientOffset = clientOffset;
-    return flatten(periods.map(toAdaptationSets(mpdAttributes, mpdBaseUrls)));
-  };
-
-  var stringToMpdXml = function stringToMpdXml(manifestString) {
-    if (manifestString === '') {
-      throw new Error(errors.DASH_EMPTY_MANIFEST);
-    }
-
-    var parser = new window$1.DOMParser();
-    var xml = parser.parseFromString(manifestString, 'application/xml');
-    var mpd = xml && xml.documentElement.tagName === 'MPD' ? xml.documentElement : null;
-
-    if (!mpd || mpd && mpd.getElementsByTagName('parsererror').length > 0) {
-      throw new Error(errors.DASH_INVALID_XML);
-    }
-
-    return mpd;
-  };
-  /**
-   * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
-   *
-   * @param {string} mpd
-   *        XML string of the MPD manifest
-   * @return {Object|null}
-   *         Attributes of UTCTiming node specified in the manifest. Null if none found
-   */
-
-
-  var parseUTCTimingScheme = function parseUTCTimingScheme(mpd) {
-    var UTCTimingNode = findChildren(mpd, 'UTCTiming')[0];
-
-    if (!UTCTimingNode) {
-      return null;
-    }
-
-    var attributes = parseAttributes$1(UTCTimingNode);
-
-    switch (attributes.schemeIdUri) {
-      case 'urn:mpeg:dash:utc:http-head:2014':
-      case 'urn:mpeg:dash:utc:http-head:2012':
-        attributes.method = 'HEAD';
-        break;
-
-      case 'urn:mpeg:dash:utc:http-xsdate:2014':
-      case 'urn:mpeg:dash:utc:http-iso:2014':
-      case 'urn:mpeg:dash:utc:http-xsdate:2012':
-      case 'urn:mpeg:dash:utc:http-iso:2012':
-        attributes.method = 'GET';
-        break;
-
-      case 'urn:mpeg:dash:utc:direct:2014':
-      case 'urn:mpeg:dash:utc:direct:2012':
-        attributes.method = 'DIRECT';
-        attributes.value = Date.parse(attributes.value);
-        break;
-
-      case 'urn:mpeg:dash:utc:http-ntp:2014':
-      case 'urn:mpeg:dash:utc:ntp:2014':
-      case 'urn:mpeg:dash:utc:sntp:2014':
-      default:
-        throw new Error(errors.UNSUPPORTED_UTC_TIMING_SCHEME);
-    }
-
-    return attributes;
-  };
-
-  var parse = function parse(manifestString, options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    return toM3u8(toPlaylists(inheritAttributes(stringToMpdXml(manifestString), options)), options.sidxMapping);
-  };
-  /**
-   * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
-   *
-   * @param {string} manifestString
-   *        XML string of the MPD manifest
-   * @return {Object|null}
-   *         Attributes of UTCTiming node specified in the manifest. Null if none found
-   */
-
-
-  var parseUTCTiming = function parseUTCTiming(manifestString) {
-    return parseUTCTimingScheme(stringToMpdXml(manifestString));
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   */
-  var toUnsigned = function toUnsigned(value) {
-    return value >>> 0;
-  };
-
-  var toHexString = function toHexString(value) {
-    return ('00' + value.toString(16)).slice(-2);
-  };
-
-  var bin = {
-    toUnsigned: toUnsigned,
-    toHexString: toHexString
-  };
-
-  var inspectMp4,
-      _textifyMp,
-      toUnsigned$1 = bin.toUnsigned,
-      parseMp4Date = function parseMp4Date(seconds) {
-    return new Date(seconds * 1000 - 2082844800000);
-  },
-      parseSampleFlags = function parseSampleFlags(flags) {
-    return {
-      isLeading: (flags[0] & 0x0c) >>> 2,
-      dependsOn: flags[0] & 0x03,
-      isDependedOn: (flags[1] & 0xc0) >>> 6,
-      hasRedundancy: (flags[1] & 0x30) >>> 4,
-      paddingValue: (flags[1] & 0x0e) >>> 1,
-      isNonSyncSample: flags[1] & 0x01,
-      degradationPriority: flags[2] << 8 | flags[3]
-    };
-  },
-
-  /**
-   * Returns the string representation of an ASCII encoded four byte buffer.
-   * @param buffer {Uint8Array} a four-byte buffer to translate
-   * @return {string} the corresponding string
-   */
-  parseType = function parseType(buffer) {
-    var result = '';
-    result += String.fromCharCode(buffer[0]);
-    result += String.fromCharCode(buffer[1]);
-    result += String.fromCharCode(buffer[2]);
-    result += String.fromCharCode(buffer[3]);
-    return result;
-  },
-      // Find the data for a box specified by its path
-  findBox = function findBox(data, path) {
-    var results = [],
-        i,
-        size,
-        type,
-        end,
-        subresults;
-
-    if (!path.length) {
-      // short-circuit the search for empty paths
-      return null;
-    }
-
-    for (i = 0; i < data.byteLength;) {
-      size = toUnsigned$1(data[i] << 24 | data[i + 1] << 16 | data[i + 2] << 8 | data[i + 3]);
-      type = parseType(data.subarray(i + 4, i + 8));
-      end = size > 1 ? i + size : data.byteLength;
-
-      if (type === path[0]) {
-        if (path.length === 1) {
-          // this is the end of the path and we've found the box we were
-          // looking for
-          results.push(data.subarray(i + 8, end));
-        } else {
-          // recursively search for the next box along the path
-          subresults = findBox(data.subarray(i + 8, end), path.slice(1));
-
-          if (subresults.length) {
-            results = results.concat(subresults);
-          }
-        }
-      }
-
-      i = end;
-    } // we've finished searching all of data
-
-
-    return results;
-  },
-      nalParse = function nalParse(avcStream) {
-    var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),
-        result = [],
-        i,
-        length;
-
-    for (i = 0; i + 4 < avcStream.length; i += length) {
-      length = avcView.getUint32(i);
-      i += 4; // bail if this doesn't appear to be an H264 stream
-
-      if (length <= 0) {
-        result.push('<span style=\'color:red;\'>MALFORMED DATA</span>');
-        continue;
-      }
-
-      switch (avcStream[i] & 0x1F) {
-        case 0x01:
-          result.push('slice_layer_without_partitioning_rbsp');
-          break;
-
-        case 0x05:
-          result.push('slice_layer_without_partitioning_rbsp_idr');
-          break;
-
-        case 0x06:
-          result.push('sei_rbsp');
-          break;
-
-        case 0x07:
-          result.push('seq_parameter_set_rbsp');
-          break;
-
-        case 0x08:
-          result.push('pic_parameter_set_rbsp');
-          break;
-
-        case 0x09:
-          result.push('access_unit_delimiter_rbsp');
-          break;
-
-        default:
-          result.push('UNKNOWN NAL - ' + avcStream[i] & 0x1F);
-          break;
-      }
-    }
-
-    return result;
-  },
-      // registry of handlers for individual mp4 box types
-  parse$1 = {
-    // codingname, not a first-class box type. stsd entries share the
-    // same format as real boxes so the parsing infrastructure can be
-    // shared
-    avc1: function avc1(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        dataReferenceIndex: view.getUint16(6),
-        width: view.getUint16(24),
-        height: view.getUint16(26),
-        horizresolution: view.getUint16(28) + view.getUint16(30) / 16,
-        vertresolution: view.getUint16(32) + view.getUint16(34) / 16,
-        frameCount: view.getUint16(40),
-        depth: view.getUint16(74),
-        config: inspectMp4(data.subarray(78, data.byteLength))
-      };
-    },
-    avcC: function avcC(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        configurationVersion: data[0],
-        avcProfileIndication: data[1],
-        profileCompatibility: data[2],
-        avcLevelIndication: data[3],
-        lengthSizeMinusOne: data[4] & 0x03,
-        sps: [],
-        pps: []
-      },
-          numOfSequenceParameterSets = data[5] & 0x1f,
-          numOfPictureParameterSets,
-          nalSize,
-          offset,
-          i; // iterate past any SPSs
-
-      offset = 6;
-
-      for (i = 0; i < numOfSequenceParameterSets; i++) {
-        nalSize = view.getUint16(offset);
-        offset += 2;
-        result.sps.push(new Uint8Array(data.subarray(offset, offset + nalSize)));
-        offset += nalSize;
-      } // iterate past any PPSs
-
-
-      numOfPictureParameterSets = data[offset];
-      offset++;
-
-      for (i = 0; i < numOfPictureParameterSets; i++) {
-        nalSize = view.getUint16(offset);
-        offset += 2;
-        result.pps.push(new Uint8Array(data.subarray(offset, offset + nalSize)));
-        offset += nalSize;
-      }
-
-      return result;
-    },
-    btrt: function btrt(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        bufferSizeDB: view.getUint32(0),
-        maxBitrate: view.getUint32(4),
-        avgBitrate: view.getUint32(8)
-      };
-    },
-    esds: function esds(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        esId: data[6] << 8 | data[7],
-        streamPriority: data[8] & 0x1f,
-        decoderConfig: {
-          objectProfileIndication: data[11],
-          streamType: data[12] >>> 2 & 0x3f,
-          bufferSize: data[13] << 16 | data[14] << 8 | data[15],
-          maxBitrate: data[16] << 24 | data[17] << 16 | data[18] << 8 | data[19],
-          avgBitrate: data[20] << 24 | data[21] << 16 | data[22] << 8 | data[23],
-          decoderConfigDescriptor: {
-            tag: data[24],
-            length: data[25],
-            audioObjectType: data[26] >>> 3 & 0x1f,
-            samplingFrequencyIndex: (data[26] & 0x07) << 1 | data[27] >>> 7 & 0x01,
-            channelConfiguration: data[27] >>> 3 & 0x0f
-          }
-        }
-      };
-    },
-    ftyp: function ftyp(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        majorBrand: parseType(data.subarray(0, 4)),
-        minorVersion: view.getUint32(4),
-        compatibleBrands: []
-      },
-          i = 8;
-
-      while (i < data.byteLength) {
-        result.compatibleBrands.push(parseType(data.subarray(i, i + 4)));
-        i += 4;
-      }
-
-      return result;
-    },
-    dinf: function dinf(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    dref: function dref(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        dataReferences: inspectMp4(data.subarray(8))
-      };
-    },
-    hdlr: function hdlr(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4)),
-        handlerType: parseType(data.subarray(8, 12)),
-        name: ''
-      },
-          i = 8; // parse out the name field
-
-      for (i = 24; i < data.byteLength; i++) {
-        if (data[i] === 0x00) {
-          // the name field is null-terminated
-          i++;
-          break;
-        }
-
-        result.name += String.fromCharCode(data[i]);
-      } // decode UTF-8 to javascript's internal representation
-      // see http://ecmanaut.blogspot.com/2006/07/encoding-decoding-utf8-in-javascript.html
-
-
-      result.name = decodeURIComponent(escape(result.name));
-      return result;
-    },
-    mdat: function mdat(data) {
-      return {
-        byteLength: data.byteLength,
-        nals: nalParse(data)
-      };
-    },
-    mdhd: function mdhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          i = 4,
-          language,
-          result = {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4)),
-        language: ''
-      };
-
-      if (result.version === 1) {
-        i += 4;
-        result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 8;
-        result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 4;
-        result.timescale = view.getUint32(i);
-        i += 8;
-        result.duration = view.getUint32(i); // truncating top 4 bytes
-      } else {
-        result.creationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.modificationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.timescale = view.getUint32(i);
-        i += 4;
-        result.duration = view.getUint32(i);
-      }
-
-      i += 4; // language is stored as an ISO-639-2/T code in an array of three 5-bit fields
-      // each field is the packed difference between its ASCII value and 0x60
-
-      language = view.getUint16(i);
-      result.language += String.fromCharCode((language >> 10) + 0x60);
-      result.language += String.fromCharCode(((language & 0x03e0) >> 5) + 0x60);
-      result.language += String.fromCharCode((language & 0x1f) + 0x60);
-      return result;
-    },
-    mdia: function mdia(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    mfhd: function mfhd(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        sequenceNumber: data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7]
-      };
-    },
-    minf: function minf(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    // codingname, not a first-class box type. stsd entries share the
-    // same format as real boxes so the parsing infrastructure can be
-    // shared
-    mp4a: function mp4a(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        // 6 bytes reserved
-        dataReferenceIndex: view.getUint16(6),
-        // 4 + 4 bytes reserved
-        channelcount: view.getUint16(16),
-        samplesize: view.getUint16(18),
-        // 2 bytes pre_defined
-        // 2 bytes reserved
-        samplerate: view.getUint16(24) + view.getUint16(26) / 65536
-      }; // if there are more bytes to process, assume this is an ISO/IEC
-      // 14496-14 MP4AudioSampleEntry and parse the ESDBox
-
-      if (data.byteLength > 28) {
-        result.streamDescriptor = inspectMp4(data.subarray(28))[0];
-      }
-
-      return result;
-    },
-    moof: function moof(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    moov: function moov(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    mvex: function mvex(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    mvhd: function mvhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          i = 4,
-          result = {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4))
-      };
-
-      if (result.version === 1) {
-        i += 4;
-        result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 8;
-        result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 4;
-        result.timescale = view.getUint32(i);
-        i += 8;
-        result.duration = view.getUint32(i); // truncating top 4 bytes
-      } else {
-        result.creationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.modificationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.timescale = view.getUint32(i);
-        i += 4;
-        result.duration = view.getUint32(i);
-      }
-
-      i += 4; // convert fixed-point, base 16 back to a number
-
-      result.rate = view.getUint16(i) + view.getUint16(i + 2) / 16;
-      i += 4;
-      result.volume = view.getUint8(i) + view.getUint8(i + 1) / 8;
-      i += 2;
-      i += 2;
-      i += 2 * 4;
-      result.matrix = new Uint32Array(data.subarray(i, i + 9 * 4));
-      i += 9 * 4;
-      i += 6 * 4;
-      result.nextTrackId = view.getUint32(i);
-      return result;
-    },
-    pdin: function pdin(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4)),
-        rate: view.getUint32(4),
-        initialDelay: view.getUint32(8)
-      };
-    },
-    sdtp: function sdtp(data) {
-      var result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        samples: []
-      },
-          i;
-
-      for (i = 4; i < data.byteLength; i++) {
-        result.samples.push({
-          dependsOn: (data[i] & 0x30) >> 4,
-          isDependedOn: (data[i] & 0x0c) >> 2,
-          hasRedundancy: data[i] & 0x03
-        });
-      }
-
-      return result;
-    },
-    sidx: function sidx(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        references: [],
-        referenceId: view.getUint32(4),
-        timescale: view.getUint32(8),
-        earliestPresentationTime: view.getUint32(12),
-        firstOffset: view.getUint32(16)
-      },
-          referenceCount = view.getUint16(22),
-          i;
-
-      for (i = 24; referenceCount; i += 12, referenceCount--) {
-        result.references.push({
-          referenceType: (data[i] & 0x80) >>> 7,
-          referencedSize: view.getUint32(i) & 0x7FFFFFFF,
-          subsegmentDuration: view.getUint32(i + 4),
-          startsWithSap: !!(data[i + 8] & 0x80),
-          sapType: (data[i + 8] & 0x70) >>> 4,
-          sapDeltaTime: view.getUint32(i + 8) & 0x0FFFFFFF
-        });
-      }
-
-      return result;
-    },
-    smhd: function smhd(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        balance: data[4] + data[5] / 256
-      };
-    },
-    stbl: function stbl(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    stco: function stco(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        chunkOffsets: []
-      },
-          entryCount = view.getUint32(4),
-          i;
-
-      for (i = 8; entryCount; i += 4, entryCount--) {
-        result.chunkOffsets.push(view.getUint32(i));
-      }
-
-      return result;
-    },
-    stsc: function stsc(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          entryCount = view.getUint32(4),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        sampleToChunks: []
-      },
-          i;
-
-      for (i = 8; entryCount; i += 12, entryCount--) {
-        result.sampleToChunks.push({
-          firstChunk: view.getUint32(i),
-          samplesPerChunk: view.getUint32(i + 4),
-          sampleDescriptionIndex: view.getUint32(i + 8)
-        });
-      }
-
-      return result;
-    },
-    stsd: function stsd(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        sampleDescriptions: inspectMp4(data.subarray(8))
-      };
-    },
-    stsz: function stsz(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        sampleSize: view.getUint32(4),
-        entries: []
-      },
-          i;
-
-      for (i = 12; i < data.byteLength; i += 4) {
-        result.entries.push(view.getUint32(i));
-      }
-
-      return result;
-    },
-    stts: function stts(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        timeToSamples: []
-      },
-          entryCount = view.getUint32(4),
-          i;
-
-      for (i = 8; entryCount; i += 8, entryCount--) {
-        result.timeToSamples.push({
-          sampleCount: view.getUint32(i),
-          sampleDelta: view.getUint32(i + 4)
-        });
-      }
-
-      return result;
-    },
-    styp: function styp(data) {
-      return parse$1.ftyp(data);
-    },
-    tfdt: function tfdt(data) {
-      var result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        baseMediaDecodeTime: toUnsigned$1(data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7])
-      };
-
-      if (result.version === 1) {
-        result.baseMediaDecodeTime *= Math.pow(2, 32);
-        result.baseMediaDecodeTime += toUnsigned$1(data[8] << 24 | data[9] << 16 | data[10] << 8 | data[11]);
-      }
-
-      return result;
-    },
-    tfhd: function tfhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        trackId: view.getUint32(4)
-      },
-          baseDataOffsetPresent = result.flags[2] & 0x01,
-          sampleDescriptionIndexPresent = result.flags[2] & 0x02,
-          defaultSampleDurationPresent = result.flags[2] & 0x08,
-          defaultSampleSizePresent = result.flags[2] & 0x10,
-          defaultSampleFlagsPresent = result.flags[2] & 0x20,
-          durationIsEmpty = result.flags[0] & 0x010000,
-          defaultBaseIsMoof = result.flags[0] & 0x020000,
-          i;
-      i = 8;
-
-      if (baseDataOffsetPresent) {
-        i += 4; // truncate top 4 bytes
-        // FIXME: should we read the full 64 bits?
-
-        result.baseDataOffset = view.getUint32(12);
-        i += 4;
-      }
-
-      if (sampleDescriptionIndexPresent) {
-        result.sampleDescriptionIndex = view.getUint32(i);
-        i += 4;
-      }
-
-      if (defaultSampleDurationPresent) {
-        result.defaultSampleDuration = view.getUint32(i);
-        i += 4;
-      }
-
-      if (defaultSampleSizePresent) {
-        result.defaultSampleSize = view.getUint32(i);
-        i += 4;
-      }
-
-      if (defaultSampleFlagsPresent) {
-        result.defaultSampleFlags = view.getUint32(i);
-      }
-
-      if (durationIsEmpty) {
-        result.durationIsEmpty = true;
-      }
-
-      if (!baseDataOffsetPresent && defaultBaseIsMoof) {
-        result.baseDataOffsetIsMoof = true;
-      }
-
-      return result;
-    },
-    tkhd: function tkhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          i = 4,
-          result = {
-        version: view.getUint8(0),
-        flags: new Uint8Array(data.subarray(1, 4))
-      };
-
-      if (result.version === 1) {
-        i += 4;
-        result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 8;
-        result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
-
-        i += 4;
-        result.trackId = view.getUint32(i);
-        i += 4;
-        i += 8;
-        result.duration = view.getUint32(i); // truncating top 4 bytes
-      } else {
-        result.creationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.modificationTime = parseMp4Date(view.getUint32(i));
-        i += 4;
-        result.trackId = view.getUint32(i);
-        i += 4;
-        i += 4;
-        result.duration = view.getUint32(i);
-      }
-
-      i += 4;
-      i += 2 * 4;
-      result.layer = view.getUint16(i);
-      i += 2;
-      result.alternateGroup = view.getUint16(i);
-      i += 2; // convert fixed-point, base 16 back to a number
-
-      result.volume = view.getUint8(i) + view.getUint8(i + 1) / 8;
-      i += 2;
-      i += 2;
-      result.matrix = new Uint32Array(data.subarray(i, i + 9 * 4));
-      i += 9 * 4;
-      result.width = view.getUint16(i) + view.getUint16(i + 2) / 16;
-      i += 4;
-      result.height = view.getUint16(i) + view.getUint16(i + 2) / 16;
-      return result;
-    },
-    traf: function traf(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    trak: function trak(data) {
-      return {
-        boxes: inspectMp4(data)
-      };
-    },
-    trex: function trex(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        trackId: view.getUint32(4),
-        defaultSampleDescriptionIndex: view.getUint32(8),
-        defaultSampleDuration: view.getUint32(12),
-        defaultSampleSize: view.getUint32(16),
-        sampleDependsOn: data[20] & 0x03,
-        sampleIsDependedOn: (data[21] & 0xc0) >> 6,
-        sampleHasRedundancy: (data[21] & 0x30) >> 4,
-        samplePaddingValue: (data[21] & 0x0e) >> 1,
-        sampleIsDifferenceSample: !!(data[21] & 0x01),
-        sampleDegradationPriority: view.getUint16(22)
-      };
-    },
-    trun: function trun(data) {
-      var result = {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        samples: []
-      },
-          view = new DataView(data.buffer, data.byteOffset, data.byteLength),
-          // Flag interpretation
-      dataOffsetPresent = result.flags[2] & 0x01,
-          // compare with 2nd byte of 0x1
-      firstSampleFlagsPresent = result.flags[2] & 0x04,
-          // compare with 2nd byte of 0x4
-      sampleDurationPresent = result.flags[1] & 0x01,
-          // compare with 2nd byte of 0x100
-      sampleSizePresent = result.flags[1] & 0x02,
-          // compare with 2nd byte of 0x200
-      sampleFlagsPresent = result.flags[1] & 0x04,
-          // compare with 2nd byte of 0x400
-      sampleCompositionTimeOffsetPresent = result.flags[1] & 0x08,
-          // compare with 2nd byte of 0x800
-      sampleCount = view.getUint32(4),
-          offset = 8,
-          sample;
-
-      if (dataOffsetPresent) {
-        // 32 bit signed integer
-        result.dataOffset = view.getInt32(offset);
-        offset += 4;
-      } // Overrides the flags for the first sample only. The order of
-      // optional values will be: duration, size, compositionTimeOffset
-
-
-      if (firstSampleFlagsPresent && sampleCount) {
-        sample = {
-          flags: parseSampleFlags(data.subarray(offset, offset + 4))
-        };
-        offset += 4;
-
-        if (sampleDurationPresent) {
-          sample.duration = view.getUint32(offset);
-          offset += 4;
-        }
-
-        if (sampleSizePresent) {
-          sample.size = view.getUint32(offset);
-          offset += 4;
-        }
-
-        if (sampleCompositionTimeOffsetPresent) {
-          // Note: this should be a signed int if version is 1
-          sample.compositionTimeOffset = view.getUint32(offset);
-          offset += 4;
-        }
-
-        result.samples.push(sample);
-        sampleCount--;
-      }
-
-      while (sampleCount--) {
-        sample = {};
-
-        if (sampleDurationPresent) {
-          sample.duration = view.getUint32(offset);
-          offset += 4;
-        }
-
-        if (sampleSizePresent) {
-          sample.size = view.getUint32(offset);
-          offset += 4;
-        }
-
-        if (sampleFlagsPresent) {
-          sample.flags = parseSampleFlags(data.subarray(offset, offset + 4));
-          offset += 4;
-        }
-
-        if (sampleCompositionTimeOffsetPresent) {
-          // Note: this should be a signed int if version is 1
-          sample.compositionTimeOffset = view.getUint32(offset);
-          offset += 4;
-        }
-
-        result.samples.push(sample);
-      }
-
-      return result;
-    },
-    'url ': function url(data) {
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4))
-      };
-    },
-    vmhd: function vmhd(data) {
-      var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-      return {
-        version: data[0],
-        flags: new Uint8Array(data.subarray(1, 4)),
-        graphicsmode: view.getUint16(4),
-        opcolor: new Uint16Array([view.getUint16(6), view.getUint16(8), view.getUint16(10)])
-      };
-    }
-  };
-  /**
-   * Return a javascript array of box objects parsed from an ISO base
-   * media file.
-   * @param data {Uint8Array} the binary data of the media to be inspected
-   * @return {array} a javascript array of potentially nested box objects
-   */
-
-
-  inspectMp4 = function inspectMp4(data) {
-    var i = 0,
-        result = [],
-        view,
-        size,
-        type,
-        end,
-        box; // Convert data from Uint8Array to ArrayBuffer, to follow Dataview API
-
-    var ab = new ArrayBuffer(data.length);
-    var v = new Uint8Array(ab);
-
-    for (var z = 0; z < data.length; ++z) {
-      v[z] = data[z];
-    }
-
-    view = new DataView(ab);
-
-    while (i < data.byteLength) {
-      // parse box data
-      size = view.getUint32(i);
-      type = parseType(data.subarray(i + 4, i + 8));
-      end = size > 1 ? i + size : data.byteLength; // parse type-specific data
-
-      box = (parse$1[type] || function (data) {
-        return {
-          data: data
-        };
-      })(data.subarray(i + 8, end));
-
-      box.size = size;
-      box.type = type; // store this box and move to the next
-
-      result.push(box);
-      i = end;
-    }
-
-    return result;
-  };
-  /**
-   * Returns a textual representation of the javascript represtentation
-   * of an MP4 file. You can use it as an alternative to
-   * JSON.stringify() to compare inspected MP4s.
-   * @param inspectedMp4 {array} the parsed array of boxes in an MP4
-   * file
-   * @param depth {number} (optional) the number of ancestor boxes of
-   * the elements of inspectedMp4. Assumed to be zero if unspecified.
-   * @return {string} a text representation of the parsed MP4
-   */
-
-
-  _textifyMp = function textifyMp4(inspectedMp4, depth) {
-    var indent;
-    depth = depth || 0;
-    indent = new Array(depth * 2 + 1).join(' '); // iterate over all the boxes
-
-    return inspectedMp4.map(function (box, index) {
-      // list the box type first at the current indentation level
-      return indent + box.type + '\n' + // the type is already included and handle child boxes separately
-      Object.keys(box).filter(function (key) {
-        return key !== 'type' && key !== 'boxes'; // output all the box properties
-      }).map(function (key) {
-        var prefix = indent + '  ' + key + ': ',
-            value = box[key]; // print out raw bytes as hexademical
-
-        if (value instanceof Uint8Array || value instanceof Uint32Array) {
-          var bytes = Array.prototype.slice.call(new Uint8Array(value.buffer, value.byteOffset, value.byteLength)).map(function (_byte) {
-            return ' ' + ('00' + _byte.toString(16)).slice(-2);
-          }).join('').match(/.{1,24}/g);
-
-          if (!bytes) {
-            return prefix + '<>';
-          }
-
-          if (bytes.length === 1) {
-            return prefix + '<' + bytes.join('').slice(1) + '>';
-          }
-
-          return prefix + '<\n' + bytes.map(function (line) {
-            return indent + '  ' + line;
-          }).join('\n') + '\n' + indent + '  >';
-        } // stringify generic objects
-
-
-        return prefix + JSON.stringify(value, null, 2).split('\n').map(function (line, index) {
-          if (index === 0) {
-            return line;
-          }
-
-          return indent + '  ' + line;
-        }).join('\n');
-      }).join('\n') + ( // recursively textify the child boxes
-      box.boxes ? '\n' + _textifyMp(box.boxes, depth + 1) : '');
-    }).join('\n');
-  };
-
-  var mp4Inspector = {
-    inspect: inspectMp4,
-    textify: _textifyMp,
-    parseType: parseType,
-    findBox: findBox,
-    parseTraf: parse$1.traf,
-    parseTfdt: parse$1.tfdt,
-    parseHdlr: parse$1.hdlr,
-    parseTfhd: parse$1.tfhd,
-    parseTrun: parse$1.trun,
-    parseSidx: parse$1.sidx
-  };
-
-  var toUnsigned$2 = bin.toUnsigned;
-  var toHexString$1 = bin.toHexString;
-  var timescale, startTime, compositionStartTime, getVideoTrackIds, getTracks;
-  /**
-   * Parses an MP4 initialization segment and extracts the timescale
-   * values for any declared tracks. Timescale values indicate the
-   * number of clock ticks per second to assume for time-based values
-   * elsewhere in the MP4.
-   *
-   * To determine the start time of an MP4, you need two pieces of
-   * information: the timescale unit and the earliest base media decode
-   * time. Multiple timescales can be specified within an MP4 but the
-   * base media decode time is always expressed in the timescale from
-   * the media header box for the track:
-   * ```
-   * moov > trak > mdia > mdhd.timescale
-   * ```
-   * @param init {Uint8Array} the bytes of the init segment
-   * @return {object} a hash of track ids to timescale values or null if
-   * the init segment is malformed.
-   */
-
-  timescale = function timescale(init) {
-    var result = {},
-        traks = mp4Inspector.findBox(init, ['moov', 'trak']); // mdhd timescale
-
-    return traks.reduce(function (result, trak) {
-      var tkhd, version, index, id, mdhd;
-      tkhd = mp4Inspector.findBox(trak, ['tkhd'])[0];
-
-      if (!tkhd) {
-        return null;
-      }
-
-      version = tkhd[0];
-      index = version === 0 ? 12 : 20;
-      id = toUnsigned$2(tkhd[index] << 24 | tkhd[index + 1] << 16 | tkhd[index + 2] << 8 | tkhd[index + 3]);
-      mdhd = mp4Inspector.findBox(trak, ['mdia', 'mdhd'])[0];
-
-      if (!mdhd) {
-        return null;
-      }
-
-      version = mdhd[0];
-      index = version === 0 ? 12 : 20;
-      result[id] = toUnsigned$2(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
-      return result;
-    }, result);
-  };
-  /**
-   * Determine the base media decode start time, in seconds, for an MP4
-   * fragment. If multiple fragments are specified, the earliest time is
-   * returned.
-   *
-   * The base media decode time can be parsed from track fragment
-   * metadata:
-   * ```
-   * moof > traf > tfdt.baseMediaDecodeTime
-   * ```
-   * It requires the timescale value from the mdhd to interpret.
-   *
-   * @param timescale {object} a hash of track ids to timescale values.
-   * @return {number} the earliest base media decode start time for the
-   * fragment, in seconds
-   */
-
-
-  startTime = function startTime(timescale, fragment) {
-    var trafs, baseTimes, result; // we need info from two childrend of each track fragment box
-
-    trafs = mp4Inspector.findBox(fragment, ['moof', 'traf']); // determine the start times for each track
-
-    baseTimes = [].concat.apply([], trafs.map(function (traf) {
-      return mp4Inspector.findBox(traf, ['tfhd']).map(function (tfhd) {
-        var id, scale, baseTime; // get the track id from the tfhd
-
-        id = toUnsigned$2(tfhd[4] << 24 | tfhd[5] << 16 | tfhd[6] << 8 | tfhd[7]); // assume a 90kHz clock if no timescale was specified
-
-        scale = timescale[id] || 90e3; // get the base media decode time from the tfdt
-
-        baseTime = mp4Inspector.findBox(traf, ['tfdt']).map(function (tfdt) {
-          var version, result;
-          version = tfdt[0];
-          result = toUnsigned$2(tfdt[4] << 24 | tfdt[5] << 16 | tfdt[6] << 8 | tfdt[7]);
-
-          if (version === 1) {
-            result *= Math.pow(2, 32);
-            result += toUnsigned$2(tfdt[8] << 24 | tfdt[9] << 16 | tfdt[10] << 8 | tfdt[11]);
-          }
-
-          return result;
-        })[0];
-        baseTime = baseTime || Infinity; // convert base time to seconds
-
-        return baseTime / scale;
-      });
-    })); // return the minimum
-
-    result = Math.min.apply(null, baseTimes);
-    return isFinite(result) ? result : 0;
-  };
-  /**
-   * Determine the composition start, in seconds, for an MP4
-   * fragment.
-   *
-   * The composition start time of a fragment can be calculated using the base
-   * media decode time, composition time offset, and timescale, as follows:
-   *
-   * compositionStartTime = (baseMediaDecodeTime + compositionTimeOffset) / timescale
-   *
-   * All of the aforementioned information is contained within a media fragment's
-   * `traf` box, except for timescale info, which comes from the initialization
-   * segment, so a track id (also contained within a `traf`) is also necessary to
-   * associate it with a timescale
-   *
-   *
-   * @param timescales {object} - a hash of track ids to timescale values.
-   * @param fragment {Unit8Array} - the bytes of a media segment
-   * @return {number} the composition start time for the fragment, in seconds
-   **/
-
-
-  compositionStartTime = function compositionStartTime(timescales, fragment) {
-    var trafBoxes = mp4Inspector.findBox(fragment, ['moof', 'traf']);
-    var baseMediaDecodeTime = 0;
-    var compositionTimeOffset = 0;
-    var trackId;
-
-    if (trafBoxes && trafBoxes.length) {
-      // The spec states that track run samples contained within a `traf` box are contiguous, but
-      // it does not explicitly state whether the `traf` boxes themselves are contiguous.
-      // We will assume that they are, so we only need the first to calculate start time.
-      var parsedTraf = mp4Inspector.parseTraf(trafBoxes[0]);
-
-      for (var i = 0; i < parsedTraf.boxes.length; i++) {
-        if (parsedTraf.boxes[i].type === 'tfhd') {
-          trackId = parsedTraf.boxes[i].trackId;
-        } else if (parsedTraf.boxes[i].type === 'tfdt') {
-          baseMediaDecodeTime = parsedTraf.boxes[i].baseMediaDecodeTime;
-        } else if (parsedTraf.boxes[i].type === 'trun' && parsedTraf.boxes[i].samples.length) {
-          compositionTimeOffset = parsedTraf.boxes[i].samples[0].compositionTimeOffset || 0;
-        }
-      }
-    } // Get timescale for this specific track. Assume a 90kHz clock if no timescale was
-    // specified.
-
-
-    var timescale = timescales[trackId] || 90e3; // return the composition start time, in seconds
-
-    return (baseMediaDecodeTime + compositionTimeOffset) / timescale;
-  };
-  /**
-    * Find the trackIds of the video tracks in this source.
-    * Found by parsing the Handler Reference and Track Header Boxes:
-    *   moov > trak > mdia > hdlr
-    *   moov > trak > tkhd
-    *
-    * @param {Uint8Array} init - The bytes of the init segment for this source
-    * @return {Number[]} A list of trackIds
-    *
-    * @see ISO-BMFF-12/2015, Section 8.4.3
-   **/
-
-
-  getVideoTrackIds = function getVideoTrackIds(init) {
-    var traks = mp4Inspector.findBox(init, ['moov', 'trak']);
-    var videoTrackIds = [];
-    traks.forEach(function (trak) {
-      var hdlrs = mp4Inspector.findBox(trak, ['mdia', 'hdlr']);
-      var tkhds = mp4Inspector.findBox(trak, ['tkhd']);
-      hdlrs.forEach(function (hdlr, index) {
-        var handlerType = mp4Inspector.parseType(hdlr.subarray(8, 12));
-        var tkhd = tkhds[index];
-        var view;
-        var version;
-        var trackId;
-
-        if (handlerType === 'vide') {
-          view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
-          version = view.getUint8(0);
-          trackId = version === 0 ? view.getUint32(12) : view.getUint32(20);
-          videoTrackIds.push(trackId);
-        }
-      });
-    });
-    return videoTrackIds;
-  };
-  /**
-   * Get all the video, audio, and hint tracks from a non fragmented
-   * mp4 segment
-   */
-
-
-  getTracks = function getTracks(init) {
-    var traks = mp4Inspector.findBox(init, ['moov', 'trak']);
-    var tracks = [];
-    traks.forEach(function (trak) {
-      var track = {};
-      var tkhd = mp4Inspector.findBox(trak, ['tkhd'])[0];
-      var view, version; // id
-
-      if (tkhd) {
-        view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
-        version = view.getUint8(0);
-        track.id = version === 0 ? view.getUint32(12) : view.getUint32(20);
-      }
-
-      var hdlr = mp4Inspector.findBox(trak, ['mdia', 'hdlr'])[0]; // type
-
-      if (hdlr) {
-        var type = mp4Inspector.parseType(hdlr.subarray(8, 12));
-
-        if (type === 'vide') {
-          track.type = 'video';
-        } else if (type === 'soun') {
-          track.type = 'audio';
-        } else {
-          track.type = type;
-        }
-      } // codec
-
-
-      var stsd = mp4Inspector.findBox(trak, ['mdia', 'minf', 'stbl', 'stsd'])[0];
-
-      if (stsd) {
-        var sampleDescriptions = stsd.subarray(8); // gives the codec type string
-
-        track.codec = mp4Inspector.parseType(sampleDescriptions.subarray(4, 8));
-        var codecBox = mp4Inspector.findBox(sampleDescriptions, [track.codec])[0];
-        var codecConfig, codecConfigType;
-
-        if (codecBox) {
-          // https://tools.ietf.org/html/rfc6381#section-3.3
-          if (/^[a-z]vc[1-9]$/i.test(track.codec)) {
-            // we don't need anything but the "config" parameter of the
-            // avc1 codecBox
-            codecConfig = codecBox.subarray(78);
-            codecConfigType = mp4Inspector.parseType(codecConfig.subarray(4, 8));
-
-            if (codecConfigType === 'avcC' && codecConfig.length > 11) {
-              track.codec += '.'; // left padded with zeroes for single digit hex
-              // profile idc
-
-              track.codec += toHexString$1(codecConfig[9]); // the byte containing the constraint_set flags
-
-              track.codec += toHexString$1(codecConfig[10]); // level idc
-
-              track.codec += toHexString$1(codecConfig[11]);
-            } else {
-              // TODO: show a warning that we couldn't parse the codec
-              // and are using the default
-              track.codec = 'avc1.4d400d';
-            }
-          } else if (/^mp4[a,v]$/i.test(track.codec)) {
-            // we do not need anything but the streamDescriptor of the mp4a codecBox
-            codecConfig = codecBox.subarray(28);
-            codecConfigType = mp4Inspector.parseType(codecConfig.subarray(4, 8));
-
-            if (codecConfigType === 'esds' && codecConfig.length > 20 && codecConfig[19] !== 0) {
-              track.codec += '.' + toHexString$1(codecConfig[19]); // this value is only a single digit
-
-              track.codec += '.' + toHexString$1(codecConfig[20] >>> 2 & 0x3f).replace(/^0/, '');
-            } else {
-              // TODO: show a warning that we couldn't parse the codec
-              // and are using the default
-              track.codec = 'mp4a.40.2';
-            }
-          }
-        }
-      }
-
-      var mdhd = mp4Inspector.findBox(trak, ['mdia', 'mdhd'])[0];
-
-      if (mdhd && tkhd) {
-        var index = version === 0 ? 12 : 20;
-        track.timescale = toUnsigned$2(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
-      }
-
-      tracks.push(track);
-    });
-    return tracks;
-  };
-
-  var probe = {
-    // export mp4 inspector's findBox and parseType for backwards compatibility
-    findBox: mp4Inspector.findBox,
-    parseType: mp4Inspector.parseType,
-    timescale: timescale,
-    startTime: startTime,
-    compositionStartTime: compositionStartTime,
-    videoTrackIds: getVideoTrackIds,
-    tracks: getTracks
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   *
-   * Reads in-band caption information from a video elementary
-   * stream. Captions must follow the CEA-708 standard for injection
-   * into an MPEG-2 transport streams.
-   * @see https://en.wikipedia.org/wiki/CEA-708
-   * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
-   */
-  // payload type field to indicate how they are to be
-  // interpreted. CEAS-708 caption content is always transmitted with
-  // payload type 0x04.
-
-  var USER_DATA_REGISTERED_ITU_T_T35 = 4,
-      RBSP_TRAILING_BITS = 128;
-  /**
-    * Parse a supplemental enhancement information (SEI) NAL unit.
-    * Stops parsing once a message of type ITU T T35 has been found.
-    *
-    * @param bytes {Uint8Array} the bytes of a SEI NAL unit
-    * @return {object} the parsed SEI payload
-    * @see Rec. ITU-T H.264, 7.3.2.3.1
-    */
-
-  var parseSei = function parseSei(bytes) {
-    var i = 0,
-        result = {
-      payloadType: -1,
-      payloadSize: 0
-    },
-        payloadType = 0,
-        payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
-
-    while (i < bytes.byteLength) {
-      // stop once we have hit the end of the sei_rbsp
-      if (bytes[i] === RBSP_TRAILING_BITS) {
-        break;
-      } // Parse payload type
-
-
-      while (bytes[i] === 0xFF) {
-        payloadType += 255;
-        i++;
-      }
-
-      payloadType += bytes[i++]; // Parse payload size
-
-      while (bytes[i] === 0xFF) {
-        payloadSize += 255;
-        i++;
-      }
-
-      payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
-      // there can only ever be one caption message in a frame's sei
-
-      if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
-        result.payloadType = payloadType;
-        result.payloadSize = payloadSize;
-        result.payload = bytes.subarray(i, i + payloadSize);
-        break;
-      } // skip the payload and parse the next message
-
-
-      i += payloadSize;
-      payloadType = 0;
-      payloadSize = 0;
-    }
-
-    return result;
-  }; // see ANSI/SCTE 128-1 (2013), section 8.1
-
-
-  var parseUserData = function parseUserData(sei) {
-    // itu_t_t35_contry_code must be 181 (United States) for
-    // captions
-    if (sei.payload[0] !== 181) {
-      return null;
-    } // itu_t_t35_provider_code should be 49 (ATSC) for captions
-
-
-    if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
-      return null;
-    } // the user_identifier should be "GA94" to indicate ATSC1 data
-
-
-    if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
-      return null;
-    } // finally, user_data_type_code should be 0x03 for caption data
-
-
-    if (sei.payload[7] !== 0x03) {
-      return null;
-    } // return the user_data_type_structure and strip the trailing
-    // marker bits
-
-
-    return sei.payload.subarray(8, sei.payload.length - 1);
-  }; // see CEA-708-D, section 4.4
-
-
-  var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
-    var results = [],
-        i,
-        count,
-        offset,
-        data; // if this is just filler, return immediately
-
-    if (!(userData[0] & 0x40)) {
-      return results;
-    } // parse out the cc_data_1 and cc_data_2 fields
-
-
-    count = userData[0] & 0x1f;
-
-    for (i = 0; i < count; i++) {
-      offset = i * 3;
-      data = {
-        type: userData[offset + 2] & 0x03,
-        pts: pts
-      }; // capture cc data when cc_valid is 1
-
-      if (userData[offset + 2] & 0x04) {
-        data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
-        results.push(data);
-      }
-    }
-
-    return results;
-  };
-
-  var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-    var length = data.byteLength,
-        emulationPreventionBytesPositions = [],
-        i = 1,
-        newLength,
-        newData; // Find all `Emulation Prevention Bytes`
-
-    while (i < length - 2) {
-      if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-        emulationPreventionBytesPositions.push(i + 2);
-        i += 2;
-      } else {
-        i++;
-      }
-    } // If no Emulation Prevention Bytes were found just return the original
-    // array
-
-
-    if (emulationPreventionBytesPositions.length === 0) {
-      return data;
-    } // Create a new array to hold the NAL unit data
-
-
-    newLength = length - emulationPreventionBytesPositions.length;
-    newData = new Uint8Array(newLength);
-    var sourceIndex = 0;
-
-    for (i = 0; i < newLength; sourceIndex++, i++) {
-      if (sourceIndex === emulationPreventionBytesPositions[0]) {
-        // Skip this byte
-        sourceIndex++; // Remove this position index
-
-        emulationPreventionBytesPositions.shift();
-      }
-
-      newData[i] = data[sourceIndex];
-    }
-
-    return newData;
-  }; // exports
-
-
-  var captionPacketParser = {
-    parseSei: parseSei,
-    parseUserData: parseUserData,
-    parseCaptionPackets: parseCaptionPackets,
-    discardEmulationPreventionBytes: discardEmulationPreventionBytes,
-    USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   *
-   * A lightweight readable stream implemention that handles event dispatching.
-   * Objects that inherit from streams should call init in their constructors.
-   */
-
-  var Stream$1 = function Stream() {
-    this.init = function () {
-      var listeners = {};
-      /**
-       * Add a listener for a specified event type.
-       * @param type {string} the event name
-       * @param listener {function} the callback to be invoked when an event of
-       * the specified type occurs
-       */
-
-      this.on = function (type, listener) {
-        if (!listeners[type]) {
-          listeners[type] = [];
-        }
-
-        listeners[type] = listeners[type].concat(listener);
-      };
-      /**
-       * Remove a listener for a specified event type.
-       * @param type {string} the event name
-       * @param listener {function} a function previously registered for this
-       * type of event through `on`
-       */
-
-
-      this.off = function (type, listener) {
-        var index;
-
-        if (!listeners[type]) {
-          return false;
-        }
-
-        index = listeners[type].indexOf(listener);
-        listeners[type] = listeners[type].slice();
-        listeners[type].splice(index, 1);
-        return index > -1;
-      };
-      /**
-       * Trigger an event of the specified type on this stream. Any additional
-       * arguments to this function are passed as parameters to event listeners.
-       * @param type {string} the event name
-       */
-
-
-      this.trigger = function (type) {
-        var callbacks, i, length, args;
-        callbacks = listeners[type];
-
-        if (!callbacks) {
-          return;
-        } // Slicing the arguments on every invocation of this method
-        // can add a significant amount of overhead. Avoid the
-        // intermediate object creation for the common case of a
-        // single callback argument
-
-
-        if (arguments.length === 2) {
-          length = callbacks.length;
-
-          for (i = 0; i < length; ++i) {
-            callbacks[i].call(this, arguments[1]);
-          }
-        } else {
-          args = [];
-          i = arguments.length;
-
-          for (i = 1; i < arguments.length; ++i) {
-            args.push(arguments[i]);
-          }
-
-          length = callbacks.length;
-
-          for (i = 0; i < length; ++i) {
-            callbacks[i].apply(this, args);
-          }
-        }
-      };
-      /**
-       * Destroys the stream and cleans up.
-       */
-
-
-      this.dispose = function () {
-        listeners = {};
-      };
-    };
-  };
-  /**
-   * Forwards all `data` events on this stream to the destination stream. The
-   * destination stream should provide a method `push` to receive the data
-   * events as they arrive.
-   * @param destination {stream} the stream that will receive all `data` events
-   * @param autoFlush {boolean} if false, we will not call `flush` on the destination
-   *                            when the current stream emits a 'done' event
-   * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-   */
-
-
-  Stream$1.prototype.pipe = function (destination) {
-    this.on('data', function (data) {
-      destination.push(data);
-    });
-    this.on('done', function (flushSource) {
-      destination.flush(flushSource);
-    });
-    this.on('partialdone', function (flushSource) {
-      destination.partialFlush(flushSource);
-    });
-    this.on('endedtimeline', function (flushSource) {
-      destination.endTimeline(flushSource);
-    });
-    this.on('reset', function (flushSource) {
-      destination.reset(flushSource);
-    });
-    return destination;
-  }; // Default stream functions that are expected to be overridden to perform
-  // actual work. These are provided by the prototype as a sort of no-op
-  // implementation so that we don't have to check for their existence in the
-  // `pipe` function above.
-
-
-  Stream$1.prototype.push = function (data) {
-    this.trigger('data', data);
-  };
-
-  Stream$1.prototype.flush = function (flushSource) {
-    this.trigger('done', flushSource);
-  };
-
-  Stream$1.prototype.partialFlush = function (flushSource) {
-    this.trigger('partialdone', flushSource);
-  };
-
-  Stream$1.prototype.endTimeline = function (flushSource) {
-    this.trigger('endedtimeline', flushSource);
-  };
-
-  Stream$1.prototype.reset = function (flushSource) {
-    this.trigger('reset', flushSource);
-  };
-
-  var stream = Stream$1;
-
-  // Link To Transport
-  // -----------------
-
-
-  var CaptionStream = function CaptionStream() {
-    CaptionStream.prototype.init.call(this);
-    this.captionPackets_ = [];
-    this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
-    new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
-    new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
-    new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
-    ];
-    this.reset(); // forward data and done events from CCs to this CaptionStream
-
-    this.ccStreams_.forEach(function (cc) {
-      cc.on('data', this.trigger.bind(this, 'data'));
-      cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
-      cc.on('done', this.trigger.bind(this, 'done'));
-    }, this);
-  };
-
-  CaptionStream.prototype = new stream();
-
-  CaptionStream.prototype.push = function (event) {
-    var sei, userData, newCaptionPackets; // only examine SEI NALs
-
-    if (event.nalUnitType !== 'sei_rbsp') {
-      return;
-    } // parse the sei
-
-
-    sei = captionPacketParser.parseSei(event.escapedRBSP); // ignore everything but user_data_registered_itu_t_t35
-
-    if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
-      return;
-    } // parse out the user data payload
-
-
-    userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
-
-    if (!userData) {
-      return;
-    } // Sometimes, the same segment # will be downloaded twice. To stop the
-    // caption data from being processed twice, we track the latest dts we've
-    // received and ignore everything with a dts before that. However, since
-    // data for a specific dts can be split across packets on either side of
-    // a segment boundary, we need to make sure we *don't* ignore the packets
-    // from the *next* segment that have dts === this.latestDts_. By constantly
-    // tracking the number of packets received with dts === this.latestDts_, we
-    // know how many should be ignored once we start receiving duplicates.
-
-
-    if (event.dts < this.latestDts_) {
-      // We've started getting older data, so set the flag.
-      this.ignoreNextEqualDts_ = true;
-      return;
-    } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
-      this.numSameDts_--;
-
-      if (!this.numSameDts_) {
-        // We've received the last duplicate packet, time to start processing again
-        this.ignoreNextEqualDts_ = false;
-      }
-
-      return;
-    } // parse out CC data packets and save them for later
-
-
-    newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
-    this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
-
-    if (this.latestDts_ !== event.dts) {
-      this.numSameDts_ = 0;
-    }
-
-    this.numSameDts_++;
-    this.latestDts_ = event.dts;
-  };
-
-  CaptionStream.prototype.flushCCStreams = function (flushType) {
-    this.ccStreams_.forEach(function (cc) {
-      return flushType === 'flush' ? cc.flush() : cc.partialFlush();
-    }, this);
-  };
-
-  CaptionStream.prototype.flushStream = function (flushType) {
-    // make sure we actually parsed captions before proceeding
-    if (!this.captionPackets_.length) {
-      this.flushCCStreams(flushType);
-      return;
-    } // In Chrome, the Array#sort function is not stable so add a
-    // presortIndex that we can use to ensure we get a stable-sort
-
-
-    this.captionPackets_.forEach(function (elem, idx) {
-      elem.presortIndex = idx;
-    }); // sort caption byte-pairs based on their PTS values
-
-    this.captionPackets_.sort(function (a, b) {
-      if (a.pts === b.pts) {
-        return a.presortIndex - b.presortIndex;
-      }
-
-      return a.pts - b.pts;
-    });
-    this.captionPackets_.forEach(function (packet) {
-      if (packet.type < 2) {
-        // Dispatch packet to the right Cea608Stream
-        this.dispatchCea608Packet(packet);
-      } // this is where an 'else' would go for a dispatching packets
-      // to a theoretical Cea708Stream that handles SERVICEn data
-
-    }, this);
-    this.captionPackets_.length = 0;
-    this.flushCCStreams(flushType);
-  };
-
-  CaptionStream.prototype.flush = function () {
-    return this.flushStream('flush');
-  }; // Only called if handling partial data
-
-
-  CaptionStream.prototype.partialFlush = function () {
-    return this.flushStream('partialFlush');
-  };
-
-  CaptionStream.prototype.reset = function () {
-    this.latestDts_ = null;
-    this.ignoreNextEqualDts_ = false;
-    this.numSameDts_ = 0;
-    this.activeCea608Channel_ = [null, null];
-    this.ccStreams_.forEach(function (ccStream) {
-      ccStream.reset();
-    });
-  }; // From the CEA-608 spec:
-
-  /*
-   * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
-   * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
-   * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
-   * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
-   * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
-   * to switch to captioning or Text.
-  */
-  // With that in mind, we ignore any data between an XDS control code and a
-  // subsequent closed-captioning control code.
-
-
-  CaptionStream.prototype.dispatchCea608Packet = function (packet) {
-    // NOTE: packet.type is the CEA608 field
-    if (this.setsTextOrXDSActive(packet)) {
-      this.activeCea608Channel_[packet.type] = null;
-    } else if (this.setsChannel1Active(packet)) {
-      this.activeCea608Channel_[packet.type] = 0;
-    } else if (this.setsChannel2Active(packet)) {
-      this.activeCea608Channel_[packet.type] = 1;
-    }
-
-    if (this.activeCea608Channel_[packet.type] === null) {
-      // If we haven't received anything to set the active channel, or the
-      // packets are Text/XDS data, discard the data; we don't want jumbled
-      // captions
-      return;
-    }
-
-    this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
-  };
-
-  CaptionStream.prototype.setsChannel1Active = function (packet) {
-    return (packet.ccData & 0x7800) === 0x1000;
-  };
-
-  CaptionStream.prototype.setsChannel2Active = function (packet) {
-    return (packet.ccData & 0x7800) === 0x1800;
-  };
-
-  CaptionStream.prototype.setsTextOrXDSActive = function (packet) {
-    return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
-  }; // ----------------------
-  // Session to Application
-  // ----------------------
-  // This hash maps non-ASCII, special, and extended character codes to their
-  // proper Unicode equivalent. The first keys that are only a single byte
-  // are the non-standard ASCII characters, which simply map the CEA608 byte
-  // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
-  // character codes, but have their MSB bitmasked with 0x03 so that a lookup
-  // can be performed regardless of the field and data channel on which the
-  // character code was received.
-
-
-  var CHARACTER_TRANSLATION = {
-    0x2a: 0xe1,
-    // á
-    0x5c: 0xe9,
-    // é
-    0x5e: 0xed,
-    // í
-    0x5f: 0xf3,
-    // ó
-    0x60: 0xfa,
-    // ú
-    0x7b: 0xe7,
-    // ç
-    0x7c: 0xf7,
-    // ÷
-    0x7d: 0xd1,
-    // Ñ
-    0x7e: 0xf1,
-    // ñ
-    0x7f: 0x2588,
-    // █
-    0x0130: 0xae,
-    // ®
-    0x0131: 0xb0,
-    // °
-    0x0132: 0xbd,
-    // ½
-    0x0133: 0xbf,
-    // ¿
-    0x0134: 0x2122,
-    // ™
-    0x0135: 0xa2,
-    // ¢
-    0x0136: 0xa3,
-    // £
-    0x0137: 0x266a,
-    // ♪
-    0x0138: 0xe0,
-    // à
-    0x0139: 0xa0,
-    //
-    0x013a: 0xe8,
-    // è
-    0x013b: 0xe2,
-    // â
-    0x013c: 0xea,
-    // ê
-    0x013d: 0xee,
-    // î
-    0x013e: 0xf4,
-    // ô
-    0x013f: 0xfb,
-    // û
-    0x0220: 0xc1,
-    // Á
-    0x0221: 0xc9,
-    // É
-    0x0222: 0xd3,
-    // Ó
-    0x0223: 0xda,
-    // Ú
-    0x0224: 0xdc,
-    // Ü
-    0x0225: 0xfc,
-    // ü
-    0x0226: 0x2018,
-    // ‘
-    0x0227: 0xa1,
-    // ¡
-    0x0228: 0x2a,
-    // *
-    0x0229: 0x27,
-    // '
-    0x022a: 0x2014,
-    // —
-    0x022b: 0xa9,
-    // ©
-    0x022c: 0x2120,
-    // ℠
-    0x022d: 0x2022,
-    // •
-    0x022e: 0x201c,
-    // “
-    0x022f: 0x201d,
-    // ”
-    0x0230: 0xc0,
-    // À
-    0x0231: 0xc2,
-    // Â
-    0x0232: 0xc7,
-    // Ç
-    0x0233: 0xc8,
-    // È
-    0x0234: 0xca,
-    // Ê
-    0x0235: 0xcb,
-    // Ë
-    0x0236: 0xeb,
-    // ë
-    0x0237: 0xce,
-    // Î
-    0x0238: 0xcf,
-    // Ï
-    0x0239: 0xef,
-    // ï
-    0x023a: 0xd4,
-    // Ô
-    0x023b: 0xd9,
-    // Ù
-    0x023c: 0xf9,
-    // ù
-    0x023d: 0xdb,
-    // Û
-    0x023e: 0xab,
-    // «
-    0x023f: 0xbb,
-    // »
-    0x0320: 0xc3,
-    // Ã
-    0x0321: 0xe3,
-    // ã
-    0x0322: 0xcd,
-    // Í
-    0x0323: 0xcc,
-    // Ì
-    0x0324: 0xec,
-    // ì
-    0x0325: 0xd2,
-    // Ò
-    0x0326: 0xf2,
-    // ò
-    0x0327: 0xd5,
-    // Õ
-    0x0328: 0xf5,
-    // õ
-    0x0329: 0x7b,
-    // {
-    0x032a: 0x7d,
-    // }
-    0x032b: 0x5c,
-    // \
-    0x032c: 0x5e,
-    // ^
-    0x032d: 0x5f,
-    // _
-    0x032e: 0x7c,
-    // |
-    0x032f: 0x7e,
-    // ~
-    0x0330: 0xc4,
-    // Ä
-    0x0331: 0xe4,
-    // ä
-    0x0332: 0xd6,
-    // Ö
-    0x0333: 0xf6,
-    // ö
-    0x0334: 0xdf,
-    // ß
-    0x0335: 0xa5,
-    // ¥
-    0x0336: 0xa4,
-    // ¤
-    0x0337: 0x2502,
-    // │
-    0x0338: 0xc5,
-    // Å
-    0x0339: 0xe5,
-    // å
-    0x033a: 0xd8,
-    // Ø
-    0x033b: 0xf8,
-    // ø
-    0x033c: 0x250c,
-    // ┌
-    0x033d: 0x2510,
-    // ┐
-    0x033e: 0x2514,
-    // └
-    0x033f: 0x2518 // ┘
-
-  };
-
-  var getCharFromCode = function getCharFromCode(code) {
-    if (code === null) {
-      return '';
-    }
-
-    code = CHARACTER_TRANSLATION[code] || code;
-    return String.fromCharCode(code);
-  }; // the index of the last row in a CEA-608 display buffer
-
-
-  var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
-  // getting it through bit logic.
-
-  var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
-  // cells. The "bottom" row is the last element in the outer array.
-
-  var createDisplayBuffer = function createDisplayBuffer() {
-    var result = [],
-        i = BOTTOM_ROW + 1;
-
-    while (i--) {
-      result.push('');
-    }
-
-    return result;
-  };
-
-  var Cea608Stream = function Cea608Stream(field, dataChannel) {
-    Cea608Stream.prototype.init.call(this);
-    this.field_ = field || 0;
-    this.dataChannel_ = dataChannel || 0;
-    this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
-    this.setConstants();
-    this.reset();
-
-    this.push = function (packet) {
-      var data, swap, char0, char1, text; // remove the parity bits
-
-      data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
-
-      if (data === this.lastControlCode_) {
-        this.lastControlCode_ = null;
-        return;
-      } // Store control codes
-
-
-      if ((data & 0xf000) === 0x1000) {
-        this.lastControlCode_ = data;
-      } else if (data !== this.PADDING_) {
-        this.lastControlCode_ = null;
-      }
-
-      char0 = data >>> 8;
-      char1 = data & 0xff;
-
-      if (data === this.PADDING_) {
-        return;
-      } else if (data === this.RESUME_CAPTION_LOADING_) {
-        this.mode_ = 'popOn';
-      } else if (data === this.END_OF_CAPTION_) {
-        // If an EOC is received while in paint-on mode, the displayed caption
-        // text should be swapped to non-displayed memory as if it was a pop-on
-        // caption. Because of that, we should explicitly switch back to pop-on
-        // mode
-        this.mode_ = 'popOn';
-        this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
-
-        this.flushDisplayed(packet.pts); // flip memory
-
-        swap = this.displayed_;
-        this.displayed_ = this.nonDisplayed_;
-        this.nonDisplayed_ = swap; // start measuring the time to display the caption
-
-        this.startPts_ = packet.pts;
-      } else if (data === this.ROLL_UP_2_ROWS_) {
-        this.rollUpRows_ = 2;
-        this.setRollUp(packet.pts);
-      } else if (data === this.ROLL_UP_3_ROWS_) {
-        this.rollUpRows_ = 3;
-        this.setRollUp(packet.pts);
-      } else if (data === this.ROLL_UP_4_ROWS_) {
-        this.rollUpRows_ = 4;
-        this.setRollUp(packet.pts);
-      } else if (data === this.CARRIAGE_RETURN_) {
-        this.clearFormatting(packet.pts);
-        this.flushDisplayed(packet.pts);
-        this.shiftRowsUp_();
-        this.startPts_ = packet.pts;
-      } else if (data === this.BACKSPACE_) {
-        if (this.mode_ === 'popOn') {
-          this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-        } else {
-          this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-        }
-      } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
-        this.flushDisplayed(packet.pts);
-        this.displayed_ = createDisplayBuffer();
-      } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
-        this.nonDisplayed_ = createDisplayBuffer();
-      } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
-        if (this.mode_ !== 'paintOn') {
-          // NOTE: This should be removed when proper caption positioning is
-          // implemented
-          this.flushDisplayed(packet.pts);
-          this.displayed_ = createDisplayBuffer();
-        }
-
-        this.mode_ = 'paintOn';
-        this.startPts_ = packet.pts; // Append special characters to caption text
-      } else if (this.isSpecialCharacter(char0, char1)) {
-        // Bitmask char0 so that we can apply character transformations
-        // regardless of field and data channel.
-        // Then byte-shift to the left and OR with char1 so we can pass the
-        // entire character code to `getCharFromCode`.
-        char0 = (char0 & 0x03) << 8;
-        text = getCharFromCode(char0 | char1);
-        this[this.mode_](packet.pts, text);
-        this.column_++; // Append extended characters to caption text
-      } else if (this.isExtCharacter(char0, char1)) {
-        // Extended characters always follow their "non-extended" equivalents.
-        // IE if a "è" is desired, you'll always receive "eè"; non-compliant
-        // decoders are supposed to drop the "è", while compliant decoders
-        // backspace the "e" and insert "è".
-        // Delete the previous character
-        if (this.mode_ === 'popOn') {
-          this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-        } else {
-          this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-        } // Bitmask char0 so that we can apply character transformations
-        // regardless of field and data channel.
-        // Then byte-shift to the left and OR with char1 so we can pass the
-        // entire character code to `getCharFromCode`.
-
-
-        char0 = (char0 & 0x03) << 8;
-        text = getCharFromCode(char0 | char1);
-        this[this.mode_](packet.pts, text);
-        this.column_++; // Process mid-row codes
-      } else if (this.isMidRowCode(char0, char1)) {
-        // Attributes are not additive, so clear all formatting
-        this.clearFormatting(packet.pts); // According to the standard, mid-row codes
-        // should be replaced with spaces, so add one now
-
-        this[this.mode_](packet.pts, ' ');
-        this.column_++;
-
-        if ((char1 & 0xe) === 0xe) {
-          this.addFormatting(packet.pts, ['i']);
-        }
-
-        if ((char1 & 0x1) === 0x1) {
-          this.addFormatting(packet.pts, ['u']);
-        } // Detect offset control codes and adjust cursor
-
-      } else if (this.isOffsetControlCode(char0, char1)) {
-        // Cursor position is set by indent PAC (see below) in 4-column
-        // increments, with an additional offset code of 1-3 to reach any
-        // of the 32 columns specified by CEA-608. So all we need to do
-        // here is increment the column cursor by the given offset.
-        this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
-      } else if (this.isPAC(char0, char1)) {
-        // There's no logic for PAC -> row mapping, so we have to just
-        // find the row code in an array and use its index :(
-        var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
-
-        if (this.mode_ === 'rollUp') {
-          // This implies that the base row is incorrectly set.
-          // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
-          // of roll-up rows set.
-          if (row - this.rollUpRows_ + 1 < 0) {
-            row = this.rollUpRows_ - 1;
-          }
-
-          this.setRollUp(packet.pts, row);
-        }
-
-        if (row !== this.row_) {
-          // formatting is only persistent for current row
-          this.clearFormatting(packet.pts);
-          this.row_ = row;
-        } // All PACs can apply underline, so detect and apply
-        // (All odd-numbered second bytes set underline)
-
-
-        if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
-          this.addFormatting(packet.pts, ['u']);
-        }
-
-        if ((data & 0x10) === 0x10) {
-          // We've got an indent level code. Each successive even number
-          // increments the column cursor by 4, so we can get the desired
-          // column position by bit-shifting to the right (to get n/2)
-          // and multiplying by 4.
-          this.column_ = ((data & 0xe) >> 1) * 4;
-        }
-
-        if (this.isColorPAC(char1)) {
-          // it's a color code, though we only support white, which
-          // can be either normal or italicized. white italics can be
-          // either 0x4e or 0x6e depending on the row, so we just
-          // bitwise-and with 0xe to see if italics should be turned on
-          if ((char1 & 0xe) === 0xe) {
-            this.addFormatting(packet.pts, ['i']);
-          }
-        } // We have a normal character in char0, and possibly one in char1
-
-      } else if (this.isNormalChar(char0)) {
-        if (char1 === 0x00) {
-          char1 = null;
-        }
-
-        text = getCharFromCode(char0);
-        text += getCharFromCode(char1);
-        this[this.mode_](packet.pts, text);
-        this.column_ += text.length;
-      } // finish data processing
-
-    };
-  };
-
-  Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
-  // display buffer
-
-  Cea608Stream.prototype.flushDisplayed = function (pts) {
-    var content = this.displayed_ // remove spaces from the start and end of the string
-    .map(function (row) {
-      try {
-        return row.trim();
-      } catch (e) {
-        // Ordinarily, this shouldn't happen. However, caption
-        // parsing errors should not throw exceptions and
-        // break playback.
-        // eslint-disable-next-line no-console
-        console.error('Skipping malformed caption.');
-        return '';
-      }
-    }) // combine all text rows to display in one cue
-    .join('\n') // and remove blank rows from the start and end, but not the middle
-    .replace(/^\n+|\n+$/g, '');
-
-    if (content.length) {
-      this.trigger('data', {
-        startPts: this.startPts_,
-        endPts: pts,
-        text: content,
-        stream: this.name_
-      });
-    }
-  };
-  /**
-   * Zero out the data, used for startup and on seek
-   */
-
-
-  Cea608Stream.prototype.reset = function () {
-    this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
-    // actually display captions. If a caption is shifted to a row
-    // with a lower index than this, it is cleared from the display
-    // buffer
-
-    this.topRow_ = 0;
-    this.startPts_ = 0;
-    this.displayed_ = createDisplayBuffer();
-    this.nonDisplayed_ = createDisplayBuffer();
-    this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
-
-    this.column_ = 0;
-    this.row_ = BOTTOM_ROW;
-    this.rollUpRows_ = 2; // This variable holds currently-applied formatting
-
-    this.formatting_ = [];
-  };
-  /**
-   * Sets up control code and related constants for this instance
-   */
-
-
-  Cea608Stream.prototype.setConstants = function () {
-    // The following attributes have these uses:
-    // ext_ :    char0 for mid-row codes, and the base for extended
-    //           chars (ext_+0, ext_+1, and ext_+2 are char0s for
-    //           extended codes)
-    // control_: char0 for control codes, except byte-shifted to the
-    //           left so that we can do this.control_ | CONTROL_CODE
-    // offset_:  char0 for tab offset codes
-    //
-    // It's also worth noting that control codes, and _only_ control codes,
-    // differ between field 1 and field2. Field 2 control codes are always
-    // their field 1 value plus 1. That's why there's the "| field" on the
-    // control value.
-    if (this.dataChannel_ === 0) {
-      this.BASE_ = 0x10;
-      this.EXT_ = 0x11;
-      this.CONTROL_ = (0x14 | this.field_) << 8;
-      this.OFFSET_ = 0x17;
-    } else if (this.dataChannel_ === 1) {
-      this.BASE_ = 0x18;
-      this.EXT_ = 0x19;
-      this.CONTROL_ = (0x1c | this.field_) << 8;
-      this.OFFSET_ = 0x1f;
-    } // Constants for the LSByte command codes recognized by Cea608Stream. This
-    // list is not exhaustive. For a more comprehensive listing and semantics see
-    // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
-    // Padding
-
-
-    this.PADDING_ = 0x0000; // Pop-on Mode
-
-    this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
-    this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
-
-    this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
-    this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
-    this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
-    this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
-
-    this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
-
-    this.BACKSPACE_ = this.CONTROL_ | 0x21;
-    this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
-    this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
-  };
-  /**
-   * Detects if the 2-byte packet data is a special character
-   *
-   * Special characters have a second byte in the range 0x30 to 0x3f,
-   * with the first byte being 0x11 (for data channel 1) or 0x19 (for
-   * data channel 2).
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are an special character
-   */
-
-
-  Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
-    return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
-  };
-  /**
-   * Detects if the 2-byte packet data is an extended character
-   *
-   * Extended characters have a second byte in the range 0x20 to 0x3f,
-   * with the first byte being 0x12 or 0x13 (for data channel 1) or
-   * 0x1a or 0x1b (for data channel 2).
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are an extended character
-   */
-
-
-  Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
-    return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
-  };
-  /**
-   * Detects if the 2-byte packet is a mid-row code
-   *
-   * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
-   * the first byte being 0x11 (for data channel 1) or 0x19 (for data
-   * channel 2).
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are a mid-row code
-   */
-
-
-  Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
-    return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
-  };
-  /**
-   * Detects if the 2-byte packet is an offset control code
-   *
-   * Offset control codes have a second byte in the range 0x21 to 0x23,
-   * with the first byte being 0x17 (for data channel 1) or 0x1f (for
-   * data channel 2).
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are an offset control code
-   */
-
-
-  Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
-    return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
-  };
-  /**
-   * Detects if the 2-byte packet is a Preamble Address Code
-   *
-   * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
-   * or 0x18 to 0x1f (for data channel 2), with the second byte in the
-   * range 0x40 to 0x7f.
-   *
-   * @param  {Integer} char0 The first byte
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the 2 bytes are a PAC
-   */
-
-
-  Cea608Stream.prototype.isPAC = function (char0, char1) {
-    return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
-  };
-  /**
-   * Detects if a packet's second byte is in the range of a PAC color code
-   *
-   * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
-   * 0x60 to 0x6f.
-   *
-   * @param  {Integer} char1 The second byte
-   * @return {Boolean}       Whether the byte is a color PAC
-   */
-
-
-  Cea608Stream.prototype.isColorPAC = function (char1) {
-    return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
-  };
-  /**
-   * Detects if a single byte is in the range of a normal character
-   *
-   * Normal text bytes are in the range 0x20 to 0x7f.
-   *
-   * @param  {Integer} char  The byte
-   * @return {Boolean}       Whether the byte is a normal character
-   */
-
-
-  Cea608Stream.prototype.isNormalChar = function (_char) {
-    return _char >= 0x20 && _char <= 0x7f;
-  };
-  /**
-   * Configures roll-up
-   *
-   * @param  {Integer} pts         Current PTS
-   * @param  {Integer} newBaseRow  Used by PACs to slide the current window to
-   *                               a new position
-   */
-
-
-  Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
-    // Reset the base row to the bottom row when switching modes
-    if (this.mode_ !== 'rollUp') {
-      this.row_ = BOTTOM_ROW;
-      this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
-
-      this.flushDisplayed(pts);
-      this.nonDisplayed_ = createDisplayBuffer();
-      this.displayed_ = createDisplayBuffer();
-    }
-
-    if (newBaseRow !== undefined && newBaseRow !== this.row_) {
-      // move currently displayed captions (up or down) to the new base row
-      for (var i = 0; i < this.rollUpRows_; i++) {
-        this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
-        this.displayed_[this.row_ - i] = '';
-      }
-    }
-
-    if (newBaseRow === undefined) {
-      newBaseRow = this.row_;
-    }
-
-    this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
-  }; // Adds the opening HTML tag for the passed character to the caption text,
-  // and keeps track of it for later closing
-
-
-  Cea608Stream.prototype.addFormatting = function (pts, format) {
-    this.formatting_ = this.formatting_.concat(format);
-    var text = format.reduce(function (text, format) {
-      return text + '<' + format + '>';
-    }, '');
-    this[this.mode_](pts, text);
-  }; // Adds HTML closing tags for current formatting to caption text and
-  // clears remembered formatting
-
-
-  Cea608Stream.prototype.clearFormatting = function (pts) {
-    if (!this.formatting_.length) {
-      return;
-    }
-
-    var text = this.formatting_.reverse().reduce(function (text, format) {
-      return text + '</' + format + '>';
-    }, '');
-    this.formatting_ = [];
-    this[this.mode_](pts, text);
-  }; // Mode Implementations
-
-
-  Cea608Stream.prototype.popOn = function (pts, text) {
-    var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
-
-    baseRow += text;
-    this.nonDisplayed_[this.row_] = baseRow;
-  };
-
-  Cea608Stream.prototype.rollUp = function (pts, text) {
-    var baseRow = this.displayed_[this.row_];
-    baseRow += text;
-    this.displayed_[this.row_] = baseRow;
-  };
-
-  Cea608Stream.prototype.shiftRowsUp_ = function () {
-    var i; // clear out inactive rows
-
-    for (i = 0; i < this.topRow_; i++) {
-      this.displayed_[i] = '';
-    }
-
-    for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
-      this.displayed_[i] = '';
-    } // shift displayed rows up
-
-
-    for (i = this.topRow_; i < this.row_; i++) {
-      this.displayed_[i] = this.displayed_[i + 1];
-    } // clear out the bottom row
-
-
-    this.displayed_[this.row_] = '';
-  };
-
-  Cea608Stream.prototype.paintOn = function (pts, text) {
-    var baseRow = this.displayed_[this.row_];
-    baseRow += text;
-    this.displayed_[this.row_] = baseRow;
-  }; // exports
-
-
-  var captionStream = {
-    CaptionStream: CaptionStream,
-    Cea608Stream: Cea608Stream
-  };
-
-  var discardEmulationPreventionBytes$1 = captionPacketParser.discardEmulationPreventionBytes;
-  var CaptionStream$1 = captionStream.CaptionStream;
-  /**
-    * Maps an offset in the mdat to a sample based on the the size of the samples.
-    * Assumes that `parseSamples` has been called first.
-    *
-    * @param {Number} offset - The offset into the mdat
-    * @param {Object[]} samples - An array of samples, parsed using `parseSamples`
-    * @return {?Object} The matching sample, or null if no match was found.
-    *
-    * @see ISO-BMFF-12/2015, Section 8.8.8
-   **/
-
-  var mapToSample = function mapToSample(offset, samples) {
-    var approximateOffset = offset;
-
-    for (var i = 0; i < samples.length; i++) {
-      var sample = samples[i];
-
-      if (approximateOffset < sample.size) {
-        return sample;
-      }
-
-      approximateOffset -= sample.size;
-    }
-
-    return null;
-  };
-  /**
-    * Finds SEI nal units contained in a Media Data Box.
-    * Assumes that `parseSamples` has been called first.
-    *
-    * @param {Uint8Array} avcStream - The bytes of the mdat
-    * @param {Object[]} samples - The samples parsed out by `parseSamples`
-    * @param {Number} trackId - The trackId of this video track
-    * @return {Object[]} seiNals - the parsed SEI NALUs found.
-    *   The contents of the seiNal should match what is expected by
-    *   CaptionStream.push (nalUnitType, size, data, escapedRBSP, pts, dts)
-    *
-    * @see ISO-BMFF-12/2015, Section 8.1.1
-    * @see Rec. ITU-T H.264, 7.3.2.3.1
-   **/
-
-
-  var findSeiNals = function findSeiNals(avcStream, samples, trackId) {
-    var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),
-        result = [],
-        seiNal,
-        i,
-        length,
-        lastMatchedSample;
-
-    for (i = 0; i + 4 < avcStream.length; i += length) {
-      length = avcView.getUint32(i);
-      i += 4; // Bail if this doesn't appear to be an H264 stream
-
-      if (length <= 0) {
-        continue;
-      }
-
-      switch (avcStream[i] & 0x1F) {
-        case 0x06:
-          var data = avcStream.subarray(i + 1, i + 1 + length);
-          var matchingSample = mapToSample(i, samples);
-          seiNal = {
-            nalUnitType: 'sei_rbsp',
-            size: length,
-            data: data,
-            escapedRBSP: discardEmulationPreventionBytes$1(data),
-            trackId: trackId
-          };
-
-          if (matchingSample) {
-            seiNal.pts = matchingSample.pts;
-            seiNal.dts = matchingSample.dts;
-            lastMatchedSample = matchingSample;
-          } else {
-            // If a matching sample cannot be found, use the last
-            // sample's values as they should be as close as possible
-            seiNal.pts = lastMatchedSample.pts;
-            seiNal.dts = lastMatchedSample.dts;
-          }
-
-          result.push(seiNal);
-          break;
-
-        default:
-          break;
-      }
-    }
-
-    return result;
-  };
-  /**
-    * Parses sample information out of Track Run Boxes and calculates
-    * the absolute presentation and decode timestamps of each sample.
-    *
-    * @param {Array<Uint8Array>} truns - The Trun Run boxes to be parsed
-    * @param {Number} baseMediaDecodeTime - base media decode time from tfdt
-        @see ISO-BMFF-12/2015, Section 8.8.12
-    * @param {Object} tfhd - The parsed Track Fragment Header
-    *   @see inspect.parseTfhd
-    * @return {Object[]} the parsed samples
-    *
-    * @see ISO-BMFF-12/2015, Section 8.8.8
-   **/
-
-
-  var parseSamples = function parseSamples(truns, baseMediaDecodeTime, tfhd) {
-    var currentDts = baseMediaDecodeTime;
-    var defaultSampleDuration = tfhd.defaultSampleDuration || 0;
-    var defaultSampleSize = tfhd.defaultSampleSize || 0;
-    var trackId = tfhd.trackId;
-    var allSamples = [];
-    truns.forEach(function (trun) {
-      // Note: We currently do not parse the sample table as well
-      // as the trun. It's possible some sources will require this.
-      // moov > trak > mdia > minf > stbl
-      var trackRun = mp4Inspector.parseTrun(trun);
-      var samples = trackRun.samples;
-      samples.forEach(function (sample) {
-        if (sample.duration === undefined) {
-          sample.duration = defaultSampleDuration;
-        }
-
-        if (sample.size === undefined) {
-          sample.size = defaultSampleSize;
-        }
-
-        sample.trackId = trackId;
-        sample.dts = currentDts;
-
-        if (sample.compositionTimeOffset === undefined) {
-          sample.compositionTimeOffset = 0;
-        }
-
-        sample.pts = currentDts + sample.compositionTimeOffset;
-        currentDts += sample.duration;
-      });
-      allSamples = allSamples.concat(samples);
-    });
-    return allSamples;
-  };
-  /**
-    * Parses out caption nals from an FMP4 segment's video tracks.
-    *
-    * @param {Uint8Array} segment - The bytes of a single segment
-    * @param {Number} videoTrackId - The trackId of a video track in the segment
-    * @return {Object.<Number, Object[]>} A mapping of video trackId to
-    *   a list of seiNals found in that track
-   **/
-
-
-  var parseCaptionNals = function parseCaptionNals(segment, videoTrackId) {
-    // To get the samples
-    var trafs = probe.findBox(segment, ['moof', 'traf']); // To get SEI NAL units
-
-    var mdats = probe.findBox(segment, ['mdat']);
-    var captionNals = {};
-    var mdatTrafPairs = []; // Pair up each traf with a mdat as moofs and mdats are in pairs
-
-    mdats.forEach(function (mdat, index) {
-      var matchingTraf = trafs[index];
-      mdatTrafPairs.push({
-        mdat: mdat,
-        traf: matchingTraf
-      });
-    });
-    mdatTrafPairs.forEach(function (pair) {
-      var mdat = pair.mdat;
-      var traf = pair.traf;
-      var tfhd = probe.findBox(traf, ['tfhd']); // Exactly 1 tfhd per traf
-
-      var headerInfo = mp4Inspector.parseTfhd(tfhd[0]);
-      var trackId = headerInfo.trackId;
-      var tfdt = probe.findBox(traf, ['tfdt']); // Either 0 or 1 tfdt per traf
-
-      var baseMediaDecodeTime = tfdt.length > 0 ? mp4Inspector.parseTfdt(tfdt[0]).baseMediaDecodeTime : 0;
-      var truns = probe.findBox(traf, ['trun']);
-      var samples;
-      var seiNals; // Only parse video data for the chosen video track
-
-      if (videoTrackId === trackId && truns.length > 0) {
-        samples = parseSamples(truns, baseMediaDecodeTime, headerInfo);
-        seiNals = findSeiNals(mdat, samples, trackId);
-
-        if (!captionNals[trackId]) {
-          captionNals[trackId] = [];
-        }
-
-        captionNals[trackId] = captionNals[trackId].concat(seiNals);
-      }
-    });
-    return captionNals;
-  };
-  /**
-    * Parses out inband captions from an MP4 container and returns
-    * caption objects that can be used by WebVTT and the TextTrack API.
-    * @see https://developer.mozilla.org/en-US/docs/Web/API/VTTCue
-    * @see https://developer.mozilla.org/en-US/docs/Web/API/TextTrack
-    * Assumes that `probe.getVideoTrackIds` and `probe.timescale` have been called first
-    *
-    * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
-    * @param {Number} trackId - The id of the video track to parse
-    * @param {Number} timescale - The timescale for the video track from the init segment
-    *
-    * @return {?Object[]} parsedCaptions - A list of captions or null if no video tracks
-    * @return {Number} parsedCaptions[].startTime - The time to show the caption in seconds
-    * @return {Number} parsedCaptions[].endTime - The time to stop showing the caption in seconds
-    * @return {String} parsedCaptions[].text - The visible content of the caption
-   **/
-
-
-  var parseEmbeddedCaptions = function parseEmbeddedCaptions(segment, trackId, timescale) {
-    var seiNals; // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
-
-    if (trackId === null) {
-      return null;
-    }
-
-    seiNals = parseCaptionNals(segment, trackId);
-    return {
-      seiNals: seiNals[trackId],
-      timescale: timescale
-    };
-  };
-  /**
-    * Converts SEI NALUs into captions that can be used by video.js
-   **/
-
-
-  var CaptionParser = function CaptionParser() {
-    var isInitialized = false;
-    var captionStream; // Stores segments seen before trackId and timescale are set
-
-    var segmentCache; // Stores video track ID of the track being parsed
-
-    var trackId; // Stores the timescale of the track being parsed
-
-    var timescale; // Stores captions parsed so far
-
-    var parsedCaptions; // Stores whether we are receiving partial data or not
-
-    var parsingPartial;
-    /**
-      * A method to indicate whether a CaptionParser has been initalized
-      * @returns {Boolean}
-     **/
-
-    this.isInitialized = function () {
-      return isInitialized;
-    };
-    /**
-      * Initializes the underlying CaptionStream, SEI NAL parsing
-      * and management, and caption collection
-     **/
-
-
-    this.init = function (options) {
-      captionStream = new CaptionStream$1();
-      isInitialized = true;
-      parsingPartial = options ? options.isPartial : false; // Collect dispatched captions
-
-      captionStream.on('data', function (event) {
-        // Convert to seconds in the source's timescale
-        event.startTime = event.startPts / timescale;
-        event.endTime = event.endPts / timescale;
-        parsedCaptions.captions.push(event);
-        parsedCaptions.captionStreams[event.stream] = true;
-      });
-    };
-    /**
-      * Determines if a new video track will be selected
-      * or if the timescale changed
-      * @return {Boolean}
-     **/
-
-
-    this.isNewInit = function (videoTrackIds, timescales) {
-      if (videoTrackIds && videoTrackIds.length === 0 || timescales && typeof timescales === 'object' && Object.keys(timescales).length === 0) {
-        return false;
-      }
-
-      return trackId !== videoTrackIds[0] || timescale !== timescales[trackId];
-    };
-    /**
-      * Parses out SEI captions and interacts with underlying
-      * CaptionStream to return dispatched captions
-      *
-      * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
-      * @param {Number[]} videoTrackIds - A list of video tracks found in the init segment
-      * @param {Object.<Number, Number>} timescales - The timescales found in the init segment
-      * @see parseEmbeddedCaptions
-      * @see m2ts/caption-stream.js
-     **/
-
-
-    this.parse = function (segment, videoTrackIds, timescales) {
-      var parsedData;
-
-      if (!this.isInitialized()) {
-        return null; // This is not likely to be a video segment
-      } else if (!videoTrackIds || !timescales) {
-        return null;
-      } else if (this.isNewInit(videoTrackIds, timescales)) {
-        // Use the first video track only as there is no
-        // mechanism to switch to other video tracks
-        trackId = videoTrackIds[0];
-        timescale = timescales[trackId]; // If an init segment has not been seen yet, hold onto segment
-        // data until we have one.
-        // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
-      } else if (trackId === null || !timescale) {
-        segmentCache.push(segment);
-        return null;
-      } // Now that a timescale and trackId is set, parse cached segments
-
-
-      while (segmentCache.length > 0) {
-        var cachedSegment = segmentCache.shift();
-        this.parse(cachedSegment, videoTrackIds, timescales);
-      }
-
-      parsedData = parseEmbeddedCaptions(segment, trackId, timescale);
-
-      if (parsedData === null || !parsedData.seiNals) {
-        return null;
-      }
-
-      this.pushNals(parsedData.seiNals); // Force the parsed captions to be dispatched
-
-      this.flushStream();
-      return parsedCaptions;
-    };
-    /**
-      * Pushes SEI NALUs onto CaptionStream
-      * @param {Object[]} nals - A list of SEI nals parsed using `parseCaptionNals`
-      * Assumes that `parseCaptionNals` has been called first
-      * @see m2ts/caption-stream.js
-      **/
-
-
-    this.pushNals = function (nals) {
-      if (!this.isInitialized() || !nals || nals.length === 0) {
-        return null;
-      }
-
-      nals.forEach(function (nal) {
-        captionStream.push(nal);
-      });
-    };
-    /**
-      * Flushes underlying CaptionStream to dispatch processed, displayable captions
-      * @see m2ts/caption-stream.js
-     **/
-
-
-    this.flushStream = function () {
-      if (!this.isInitialized()) {
-        return null;
-      }
-
-      if (!parsingPartial) {
-        captionStream.flush();
-      } else {
-        captionStream.partialFlush();
-      }
-    };
-    /**
-      * Reset caption buckets for new data
-     **/
-
-
-    this.clearParsedCaptions = function () {
-      parsedCaptions.captions = [];
-      parsedCaptions.captionStreams = {};
-    };
-    /**
-      * Resets underlying CaptionStream
-      * @see m2ts/caption-stream.js
-     **/
-
-
-    this.resetCaptionStream = function () {
-      if (!this.isInitialized()) {
-        return null;
-      }
-
-      captionStream.reset();
-    };
-    /**
-      * Convenience method to clear all captions flushed from the
-      * CaptionStream and still being parsed
-      * @see m2ts/caption-stream.js
-     **/
-
-
-    this.clearAllCaptions = function () {
-      this.clearParsedCaptions();
-      this.resetCaptionStream();
-    };
-    /**
-      * Reset caption parser
-     **/
-
-
-    this.reset = function () {
-      segmentCache = [];
-      trackId = null;
-      timescale = null;
-
-      if (!parsedCaptions) {
-        parsedCaptions = {
-          captions: [],
-          // CC1, CC2, CC3, CC4
-          captionStreams: {}
-        };
-      } else {
-        this.clearParsedCaptions();
-      }
-
-      this.resetCaptionStream();
-    };
-
-    this.reset();
-  };
-
-  var captionParser = CaptionParser;
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   */
-
-  var streamTypes = {
-    H264_STREAM_TYPE: 0x1B,
-    ADTS_STREAM_TYPE: 0x0F,
-    METADATA_STREAM_TYPE: 0x15
-  };
-
-  var MAX_TS = 8589934592;
-  var RO_THRESH = 4294967296;
-  var TYPE_SHARED = 'shared';
-
-  var handleRollover = function handleRollover(value, reference) {
-    var direction = 1;
-
-    if (value > reference) {
-      // If the current timestamp value is greater than our reference timestamp and we detect a
-      // timestamp rollover, this means the roll over is happening in the opposite direction.
-      // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
-      // point will be set to a small number, e.g. 1. The user then seeks backwards over the
-      // rollover point. In loading this segment, the timestamp values will be very large,
-      // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
-      // the time stamp to be `value - 2^33`.
-      direction = -1;
-    } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
-    // cause an incorrect adjustment.
-
-
-    while (Math.abs(reference - value) > RO_THRESH) {
-      value += direction * MAX_TS;
-    }
-
-    return value;
-  };
-
-  var TimestampRolloverStream = function TimestampRolloverStream(type) {
-    var lastDTS, referenceDTS;
-    TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
-    // video and audio. We could use `undefined` here, but having a string
-    // makes debugging a little clearer.
-
-    this.type_ = type || TYPE_SHARED;
-
-    this.push = function (data) {
-      // Any "shared" rollover streams will accept _all_ data. Otherwise,
-      // streams will only accept data that matches their type.
-      if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
-        return;
-      }
-
-      if (referenceDTS === undefined) {
-        referenceDTS = data.dts;
-      }
-
-      data.dts = handleRollover(data.dts, referenceDTS);
-      data.pts = handleRollover(data.pts, referenceDTS);
-      lastDTS = data.dts;
-      this.trigger('data', data);
-    };
-
-    this.flush = function () {
-      referenceDTS = lastDTS;
-      this.trigger('done');
-    };
-
-    this.endTimeline = function () {
-      this.flush();
-      this.trigger('endedtimeline');
-    };
-
-    this.discontinuity = function () {
-      referenceDTS = void 0;
-      lastDTS = void 0;
-    };
-
-    this.reset = function () {
-      this.discontinuity();
-      this.trigger('reset');
-    };
-  };
-
-  TimestampRolloverStream.prototype = new stream();
-  var timestampRolloverStream = {
-    TimestampRolloverStream: TimestampRolloverStream,
-    handleRollover: handleRollover
-  };
-
-  var parsePid = function parsePid(packet) {
-    var pid = packet[1] & 0x1f;
-    pid <<= 8;
-    pid |= packet[2];
-    return pid;
-  };
-
-  var parsePayloadUnitStartIndicator = function parsePayloadUnitStartIndicator(packet) {
-    return !!(packet[1] & 0x40);
-  };
-
-  var parseAdaptionField = function parseAdaptionField(packet) {
-    var offset = 0; // if an adaption field is present, its length is specified by the
-    // fifth byte of the TS packet header. The adaptation field is
-    // used to add stuffing to PES packets that don't fill a complete
-    // TS packet, and to specify some forms of timing and control data
-    // that we do not currently use.
-
-    if ((packet[3] & 0x30) >>> 4 > 0x01) {
-      offset += packet[4] + 1;
-    }
-
-    return offset;
-  };
-
-  var parseType$1 = function parseType(packet, pmtPid) {
-    var pid = parsePid(packet);
-
-    if (pid === 0) {
-      return 'pat';
-    } else if (pid === pmtPid) {
-      return 'pmt';
-    } else if (pmtPid) {
-      return 'pes';
-    }
-
-    return null;
-  };
-
-  var parsePat = function parsePat(packet) {
-    var pusi = parsePayloadUnitStartIndicator(packet);
-    var offset = 4 + parseAdaptionField(packet);
-
-    if (pusi) {
-      offset += packet[offset] + 1;
-    }
-
-    return (packet[offset + 10] & 0x1f) << 8 | packet[offset + 11];
-  };
-
-  var parsePmt = function parsePmt(packet) {
-    var programMapTable = {};
-    var pusi = parsePayloadUnitStartIndicator(packet);
-    var payloadOffset = 4 + parseAdaptionField(packet);
-
-    if (pusi) {
-      payloadOffset += packet[payloadOffset] + 1;
-    } // PMTs can be sent ahead of the time when they should actually
-    // take effect. We don't believe this should ever be the case
-    // for HLS but we'll ignore "forward" PMT declarations if we see
-    // them. Future PMT declarations have the current_next_indicator
-    // set to zero.
-
-
-    if (!(packet[payloadOffset + 5] & 0x01)) {
-      return;
-    }
-
-    var sectionLength, tableEnd, programInfoLength; // the mapping table ends at the end of the current section
-
-    sectionLength = (packet[payloadOffset + 1] & 0x0f) << 8 | packet[payloadOffset + 2];
-    tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
-    // long the program info descriptors are
-
-    programInfoLength = (packet[payloadOffset + 10] & 0x0f) << 8 | packet[payloadOffset + 11]; // advance the offset to the first entry in the mapping table
-
-    var offset = 12 + programInfoLength;
-
-    while (offset < tableEnd) {
-      var i = payloadOffset + offset; // add an entry that maps the elementary_pid to the stream_type
-
-      programMapTable[(packet[i + 1] & 0x1F) << 8 | packet[i + 2]] = packet[i]; // move to the next table entry
-      // skip past the elementary stream descriptors, if present
-
-      offset += ((packet[i + 3] & 0x0F) << 8 | packet[i + 4]) + 5;
-    }
-
-    return programMapTable;
-  };
-
-  var parsePesType = function parsePesType(packet, programMapTable) {
-    var pid = parsePid(packet);
-    var type = programMapTable[pid];
-
-    switch (type) {
-      case streamTypes.H264_STREAM_TYPE:
-        return 'video';
-
-      case streamTypes.ADTS_STREAM_TYPE:
-        return 'audio';
-
-      case streamTypes.METADATA_STREAM_TYPE:
-        return 'timed-metadata';
-
-      default:
-        return null;
-    }
-  };
-
-  var parsePesTime = function parsePesTime(packet) {
-    var pusi = parsePayloadUnitStartIndicator(packet);
-
-    if (!pusi) {
-      return null;
-    }
-
-    var offset = 4 + parseAdaptionField(packet);
-
-    if (offset >= packet.byteLength) {
-      // From the H 222.0 MPEG-TS spec
-      // "For transport stream packets carrying PES packets, stuffing is needed when there
-      //  is insufficient PES packet data to completely fill the transport stream packet
-      //  payload bytes. Stuffing is accomplished by defining an adaptation field longer than
-      //  the sum of the lengths of the data elements in it, so that the payload bytes
-      //  remaining after the adaptation field exactly accommodates the available PES packet
-      //  data."
-      //
-      // If the offset is >= the length of the packet, then the packet contains no data
-      // and instead is just adaption field stuffing bytes
-      return null;
-    }
-
-    var pes = null;
-    var ptsDtsFlags; // PES packets may be annotated with a PTS value, or a PTS value
-    // and a DTS value. Determine what combination of values is
-    // available to work with.
-
-    ptsDtsFlags = packet[offset + 7]; // PTS and DTS are normally stored as a 33-bit number.  Javascript
-    // performs all bitwise operations on 32-bit integers but javascript
-    // supports a much greater range (52-bits) of integer using standard
-    // mathematical operations.
-    // We construct a 31-bit value using bitwise operators over the 31
-    // most significant bits and then multiply by 4 (equal to a left-shift
-    // of 2) before we add the final 2 least significant bits of the
-    // timestamp (equal to an OR.)
-
-    if (ptsDtsFlags & 0xC0) {
-      pes = {}; // the PTS and DTS are not written out directly. For information
-      // on how they are encoded, see
-      // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
-
-      pes.pts = (packet[offset + 9] & 0x0E) << 27 | (packet[offset + 10] & 0xFF) << 20 | (packet[offset + 11] & 0xFE) << 12 | (packet[offset + 12] & 0xFF) << 5 | (packet[offset + 13] & 0xFE) >>> 3;
-      pes.pts *= 4; // Left shift by 2
-
-      pes.pts += (packet[offset + 13] & 0x06) >>> 1; // OR by the two LSBs
-
-      pes.dts = pes.pts;
-
-      if (ptsDtsFlags & 0x40) {
-        pes.dts = (packet[offset + 14] & 0x0E) << 27 | (packet[offset + 15] & 0xFF) << 20 | (packet[offset + 16] & 0xFE) << 12 | (packet[offset + 17] & 0xFF) << 5 | (packet[offset + 18] & 0xFE) >>> 3;
-        pes.dts *= 4; // Left shift by 2
-
-        pes.dts += (packet[offset + 18] & 0x06) >>> 1; // OR by the two LSBs
-      }
-    }
-
-    return pes;
-  };
-
-  var parseNalUnitType = function parseNalUnitType(type) {
-    switch (type) {
-      case 0x05:
-        return 'slice_layer_without_partitioning_rbsp_idr';
-
-      case 0x06:
-        return 'sei_rbsp';
-
-      case 0x07:
-        return 'seq_parameter_set_rbsp';
-
-      case 0x08:
-        return 'pic_parameter_set_rbsp';
-
-      case 0x09:
-        return 'access_unit_delimiter_rbsp';
-
-      default:
-        return null;
-    }
-  };
-
-  var videoPacketContainsKeyFrame = function videoPacketContainsKeyFrame(packet) {
-    var offset = 4 + parseAdaptionField(packet);
-    var frameBuffer = packet.subarray(offset);
-    var frameI = 0;
-    var frameSyncPoint = 0;
-    var foundKeyFrame = false;
-    var nalType; // advance the sync point to a NAL start, if necessary
-
-    for (; frameSyncPoint < frameBuffer.byteLength - 3; frameSyncPoint++) {
-      if (frameBuffer[frameSyncPoint + 2] === 1) {
-        // the sync point is properly aligned
-        frameI = frameSyncPoint + 5;
-        break;
-      }
-    }
-
-    while (frameI < frameBuffer.byteLength) {
-      // look at the current byte to determine if we've hit the end of
-      // a NAL unit boundary
-      switch (frameBuffer[frameI]) {
-        case 0:
-          // skip past non-sync sequences
-          if (frameBuffer[frameI - 1] !== 0) {
-            frameI += 2;
-            break;
-          } else if (frameBuffer[frameI - 2] !== 0) {
-            frameI++;
-            break;
-          }
-
-          if (frameSyncPoint + 3 !== frameI - 2) {
-            nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
-
-            if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
-              foundKeyFrame = true;
-            }
-          } // drop trailing zeroes
-
-
-          do {
-            frameI++;
-          } while (frameBuffer[frameI] !== 1 && frameI < frameBuffer.length);
-
-          frameSyncPoint = frameI - 2;
-          frameI += 3;
-          break;
-
-        case 1:
-          // skip past non-sync sequences
-          if (frameBuffer[frameI - 1] !== 0 || frameBuffer[frameI - 2] !== 0) {
-            frameI += 3;
-            break;
-          }
-
-          nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
-
-          if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
-            foundKeyFrame = true;
-          }
-
-          frameSyncPoint = frameI - 2;
-          frameI += 3;
-          break;
-
-        default:
-          // the current byte isn't a one or zero, so it cannot be part
-          // of a sync sequence
-          frameI += 3;
-          break;
-      }
-    }
-
-    frameBuffer = frameBuffer.subarray(frameSyncPoint);
-    frameI -= frameSyncPoint;
-    frameSyncPoint = 0; // parse the final nal
-
-    if (frameBuffer && frameBuffer.byteLength > 3) {
-      nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
-
-      if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
-        foundKeyFrame = true;
-      }
-    }
-
-    return foundKeyFrame;
-  };
-
-  var probe$1 = {
-    parseType: parseType$1,
-    parsePat: parsePat,
-    parsePmt: parsePmt,
-    parsePayloadUnitStartIndicator: parsePayloadUnitStartIndicator,
-    parsePesType: parsePesType,
-    parsePesTime: parsePesTime,
-    videoPacketContainsKeyFrame: videoPacketContainsKeyFrame
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   *
-   * Utilities to detect basic properties and metadata about Aac data.
-   */
-
-  var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-
-  var isLikelyAacData = function isLikelyAacData(data) {
-    if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
-      return true;
-    }
-
-    return false;
-  };
-
-  var parseSyncSafeInteger = function parseSyncSafeInteger(data) {
-    return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-  }; // return a percent-encoded representation of the specified byte range
-  // @see http://en.wikipedia.org/wiki/Percent-encoding
-
-
-  var percentEncode = function percentEncode(bytes, start, end) {
-    var i,
-        result = '';
-
-    for (i = start; i < end; i++) {
-      result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-    }
-
-    return result;
-  }; // return the string representation of the specified byte range,
-  // interpreted as ISO-8859-1.
-
-
-  var parseIso88591 = function parseIso88591(bytes, start, end) {
-    return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
-  };
-
-  var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
-    var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
-        flags = header[byteIndex + 5],
-        footerPresent = (flags & 16) >> 4;
-
-    if (footerPresent) {
-      return returnSize + 20;
-    }
-
-    return returnSize + 10;
-  };
-
-  var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
-    var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
-        middle = header[byteIndex + 4] << 3,
-        highTwo = header[byteIndex + 3] & 0x3 << 11;
-    return highTwo | middle | lowThree;
-  };
-
-  var parseType$2 = function parseType(header, byteIndex) {
-    if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
-      return 'timed-metadata';
-    } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
-      return 'audio';
-    }
-
-    return null;
-  };
-
-  var parseSampleRate = function parseSampleRate(packet) {
-    var i = 0;
-
-    while (i + 5 < packet.length) {
-      if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
-        // If a valid header was not found,  jump one forward and attempt to
-        // find a valid ADTS header starting at the next byte
-        i++;
-        continue;
-      }
-
-      return ADTS_SAMPLING_FREQUENCIES[(packet[i + 2] & 0x3c) >>> 2];
-    }
-
-    return null;
-  };
-
-  var parseAacTimestamp = function parseAacTimestamp(packet) {
-    var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
-
-    frameStart = 10;
-
-    if (packet[5] & 0x40) {
-      // advance the frame start past the extended header
-      frameStart += 4; // header size field
-
-      frameStart += parseSyncSafeInteger(packet.subarray(10, 14));
-    } // parse one or more ID3 frames
-    // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-    do {
-      // determine the number of bytes in this frame
-      frameSize = parseSyncSafeInteger(packet.subarray(frameStart + 4, frameStart + 8));
-
-      if (frameSize < 1) {
-        return null;
-      }
-
-      frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
-
-      if (frameHeader === 'PRIV') {
-        frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
-
-        for (var i = 0; i < frame.byteLength; i++) {
-          if (frame[i] === 0) {
-            var owner = parseIso88591(frame, 0, i);
-
-            if (owner === 'com.apple.streaming.transportStreamTimestamp') {
-              var d = frame.subarray(i + 1);
-              var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-              size *= 4;
-              size += d[7] & 0x03;
-              return size;
-            }
-
-            break;
-          }
-        }
-      }
-
-      frameStart += 10; // advance past the frame header
-
-      frameStart += frameSize; // advance past the frame body
-    } while (frameStart < packet.byteLength);
-
-    return null;
-  };
-
-  var utils = {
-    isLikelyAacData: isLikelyAacData,
-    parseId3TagSize: parseId3TagSize,
-    parseAdtsSize: parseAdtsSize,
-    parseType: parseType$2,
-    parseSampleRate: parseSampleRate,
-    parseAacTimestamp: parseAacTimestamp
-  };
-
-  /**
-   * mux.js
-   *
-   * Copyright (c) Brightcove
-   * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-   */
-  var ONE_SECOND_IN_TS = 90000,
-      // 90kHz clock
-  secondsToVideoTs,
-      secondsToAudioTs,
-      videoTsToSeconds,
-      audioTsToSeconds,
-      audioTsToVideoTs,
-      videoTsToAudioTs,
-      metadataTsToSeconds;
-
-  secondsToVideoTs = function secondsToVideoTs(seconds) {
-    return seconds * ONE_SECOND_IN_TS;
-  };
-
-  secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
-    return seconds * sampleRate;
-  };
-
-  videoTsToSeconds = function videoTsToSeconds(timestamp) {
-    return timestamp / ONE_SECOND_IN_TS;
-  };
-
-  audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
-    return timestamp / sampleRate;
-  };
-
-  audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
-    return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
-  };
-
-  videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
-    return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
-  };
-  /**
-   * Adjust ID3 tag or caption timing information by the timeline pts values
-   * (if keepOriginalTimestamps is false) and convert to seconds
-   */
-
-
-  metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
-    return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
-  };
-
-  var clock = {
-    ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
-    secondsToVideoTs: secondsToVideoTs,
-    secondsToAudioTs: secondsToAudioTs,
-    videoTsToSeconds: videoTsToSeconds,
-    audioTsToSeconds: audioTsToSeconds,
-    audioTsToVideoTs: audioTsToVideoTs,
-    videoTsToAudioTs: videoTsToAudioTs,
-    metadataTsToSeconds: metadataTsToSeconds
-  };
-
-  var handleRollover$1 = timestampRolloverStream.handleRollover;
-  var probe$2 = {};
-  probe$2.ts = probe$1;
-  probe$2.aac = utils;
-  var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS;
-  var MP2T_PACKET_LENGTH = 188,
-      // bytes
-  SYNC_BYTE = 0x47;
-  /**
-   * walks through segment data looking for pat and pmt packets to parse out
-   * program map table information
-   */
-
-  var parsePsi_ = function parsePsi_(bytes, pmt) {
-    var startIndex = 0,
-        endIndex = MP2T_PACKET_LENGTH,
-        packet,
-        type;
-
-    while (endIndex < bytes.byteLength) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pat':
-            if (!pmt.pid) {
-              pmt.pid = probe$2.ts.parsePat(packet);
-            }
-
-            break;
-
-          case 'pmt':
-            if (!pmt.table) {
-              pmt.table = probe$2.ts.parsePmt(packet);
-            }
-
-            break;
-
-          default:
-            break;
-        } // Found the pat and pmt, we can stop walking the segment
-
-
-        if (pmt.pid && pmt.table) {
-          return;
-        }
-
-        startIndex += MP2T_PACKET_LENGTH;
-        endIndex += MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex++;
-      endIndex++;
-    }
-  };
-  /**
-   * walks through the segment data from the start and end to get timing information
-   * for the first and last audio pes packets
-   */
-
-
-  var parseAudioPes_ = function parseAudioPes_(bytes, pmt, result) {
-    var startIndex = 0,
-        endIndex = MP2T_PACKET_LENGTH,
-        packet,
-        type,
-        pesType,
-        pusi,
-        parsed;
-    var endLoop = false; // Start walking from start of segment to get first audio packet
-
-    while (endIndex <= bytes.byteLength) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pes':
-            pesType = probe$2.ts.parsePesType(packet, pmt.table);
-            pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
-
-            if (pesType === 'audio' && pusi) {
-              parsed = probe$2.ts.parsePesTime(packet);
-
-              if (parsed) {
-                parsed.type = 'audio';
-                result.audio.push(parsed);
-                endLoop = true;
-              }
-            }
-
-            break;
-
-          default:
-            break;
-        }
-
-        if (endLoop) {
-          break;
-        }
-
-        startIndex += MP2T_PACKET_LENGTH;
-        endIndex += MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex++;
-      endIndex++;
-    } // Start walking from end of segment to get last audio packet
-
-
-    endIndex = bytes.byteLength;
-    startIndex = endIndex - MP2T_PACKET_LENGTH;
-    endLoop = false;
-
-    while (startIndex >= 0) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pes':
-            pesType = probe$2.ts.parsePesType(packet, pmt.table);
-            pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
-
-            if (pesType === 'audio' && pusi) {
-              parsed = probe$2.ts.parsePesTime(packet);
-
-              if (parsed) {
-                parsed.type = 'audio';
-                result.audio.push(parsed);
-                endLoop = true;
-              }
-            }
-
-            break;
-
-          default:
-            break;
-        }
-
-        if (endLoop) {
-          break;
-        }
-
-        startIndex -= MP2T_PACKET_LENGTH;
-        endIndex -= MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex--;
-      endIndex--;
-    }
-  };
-  /**
-   * walks through the segment data from the start and end to get timing information
-   * for the first and last video pes packets as well as timing information for the first
-   * key frame.
-   */
-
-
-  var parseVideoPes_ = function parseVideoPes_(bytes, pmt, result) {
-    var startIndex = 0,
-        endIndex = MP2T_PACKET_LENGTH,
-        packet,
-        type,
-        pesType,
-        pusi,
-        parsed,
-        frame,
-        i,
-        pes;
-    var endLoop = false;
-    var currentFrame = {
-      data: [],
-      size: 0
-    }; // Start walking from start of segment to get first video packet
-
-    while (endIndex < bytes.byteLength) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pes':
-            pesType = probe$2.ts.parsePesType(packet, pmt.table);
-            pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
-
-            if (pesType === 'video') {
-              if (pusi && !endLoop) {
-                parsed = probe$2.ts.parsePesTime(packet);
-
-                if (parsed) {
-                  parsed.type = 'video';
-                  result.video.push(parsed);
-                  endLoop = true;
-                }
-              }
-
-              if (!result.firstKeyFrame) {
-                if (pusi) {
-                  if (currentFrame.size !== 0) {
-                    frame = new Uint8Array(currentFrame.size);
-                    i = 0;
-
-                    while (currentFrame.data.length) {
-                      pes = currentFrame.data.shift();
-                      frame.set(pes, i);
-                      i += pes.byteLength;
-                    }
-
-                    if (probe$2.ts.videoPacketContainsKeyFrame(frame)) {
-                      var firstKeyFrame = probe$2.ts.parsePesTime(frame); // PTS/DTS may not be available. Simply *not* setting
-                      // the keyframe seems to work fine with HLS playback
-                      // and definitely preferable to a crash with TypeError...
-
-                      if (firstKeyFrame) {
-                        result.firstKeyFrame = firstKeyFrame;
-                        result.firstKeyFrame.type = 'video';
-                      } else {
-                        // eslint-disable-next-line
-                        console.warn('Failed to extract PTS/DTS from PES at first keyframe. ' + 'This could be an unusual TS segment, or else mux.js did not ' + 'parse your TS segment correctly. If you know your TS ' + 'segments do contain PTS/DTS on keyframes please file a bug ' + 'report! You can try ffprobe to double check for yourself.');
-                      }
-                    }
-
-                    currentFrame.size = 0;
-                  }
-                }
-
-                currentFrame.data.push(packet);
-                currentFrame.size += packet.byteLength;
-              }
-            }
-
-            break;
-
-          default:
-            break;
-        }
-
-        if (endLoop && result.firstKeyFrame) {
-          break;
-        }
-
-        startIndex += MP2T_PACKET_LENGTH;
-        endIndex += MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex++;
-      endIndex++;
-    } // Start walking from end of segment to get last video packet
-
-
-    endIndex = bytes.byteLength;
-    startIndex = endIndex - MP2T_PACKET_LENGTH;
-    endLoop = false;
-
-    while (startIndex >= 0) {
-      // Look for a pair of start and end sync bytes in the data..
-      if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
-        // We found a packet
-        packet = bytes.subarray(startIndex, endIndex);
-        type = probe$2.ts.parseType(packet, pmt.pid);
-
-        switch (type) {
-          case 'pes':
-            pesType = probe$2.ts.parsePesType(packet, pmt.table);
-            pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
-
-            if (pesType === 'video' && pusi) {
-              parsed = probe$2.ts.parsePesTime(packet);
-
-              if (parsed) {
-                parsed.type = 'video';
-                result.video.push(parsed);
-                endLoop = true;
-              }
-            }
-
-            break;
-
-          default:
-            break;
-        }
-
-        if (endLoop) {
-          break;
-        }
-
-        startIndex -= MP2T_PACKET_LENGTH;
-        endIndex -= MP2T_PACKET_LENGTH;
-        continue;
-      } // If we get here, we have somehow become de-synchronized and we need to step
-      // forward one byte at a time until we find a pair of sync bytes that denote
-      // a packet
-
-
-      startIndex--;
-      endIndex--;
-    }
-  };
-  /**
-   * Adjusts the timestamp information for the segment to account for
-   * rollover and convert to seconds based on pes packet timescale (90khz clock)
-   */
-
-
-  var adjustTimestamp_ = function adjustTimestamp_(segmentInfo, baseTimestamp) {
-    if (segmentInfo.audio && segmentInfo.audio.length) {
-      var audioBaseTimestamp = baseTimestamp;
-
-      if (typeof audioBaseTimestamp === 'undefined') {
-        audioBaseTimestamp = segmentInfo.audio[0].dts;
-      }
-
-      segmentInfo.audio.forEach(function (info) {
-        info.dts = handleRollover$1(info.dts, audioBaseTimestamp);
-        info.pts = handleRollover$1(info.pts, audioBaseTimestamp); // time in seconds
-
-        info.dtsTime = info.dts / ONE_SECOND_IN_TS$1;
-        info.ptsTime = info.pts / ONE_SECOND_IN_TS$1;
-      });
-    }
-
-    if (segmentInfo.video && segmentInfo.video.length) {
-      var videoBaseTimestamp = baseTimestamp;
-
-      if (typeof videoBaseTimestamp === 'undefined') {
-        videoBaseTimestamp = segmentInfo.video[0].dts;
-      }
-
-      segmentInfo.video.forEach(function (info) {
-        info.dts = handleRollover$1(info.dts, videoBaseTimestamp);
-        info.pts = handleRollover$1(info.pts, videoBaseTimestamp); // time in seconds
-
-        info.dtsTime = info.dts / ONE_SECOND_IN_TS$1;
-        info.ptsTime = info.pts / ONE_SECOND_IN_TS$1;
-      });
-
-      if (segmentInfo.firstKeyFrame) {
-        var frame = segmentInfo.firstKeyFrame;
-        frame.dts = handleRollover$1(frame.dts, videoBaseTimestamp);
-        frame.pts = handleRollover$1(frame.pts, videoBaseTimestamp); // time in seconds
-
-        frame.dtsTime = frame.dts / ONE_SECOND_IN_TS$1;
-        frame.ptsTime = frame.dts / ONE_SECOND_IN_TS$1;
-      }
-    }
-  };
-  /**
-   * inspects the aac data stream for start and end time information
-   */
-
-
-  var inspectAac_ = function inspectAac_(bytes) {
-    var endLoop = false,
-        audioCount = 0,
-        sampleRate = null,
-        timestamp = null,
-        frameSize = 0,
-        byteIndex = 0,
-        packet;
-
-    while (bytes.length - byteIndex >= 3) {
-      var type = probe$2.aac.parseType(bytes, byteIndex);
-
-      switch (type) {
-        case 'timed-metadata':
-          // Exit early because we don't have enough to parse
-          // the ID3 tag header
-          if (bytes.length - byteIndex < 10) {
-            endLoop = true;
-            break;
-          }
-
-          frameSize = probe$2.aac.parseId3TagSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
-          // to emit a full packet
-
-          if (frameSize > bytes.length) {
-            endLoop = true;
-            break;
-          }
-
-          if (timestamp === null) {
-            packet = bytes.subarray(byteIndex, byteIndex + frameSize);
-            timestamp = probe$2.aac.parseAacTimestamp(packet);
-          }
-
-          byteIndex += frameSize;
-          break;
-
-        case 'audio':
-          // Exit early because we don't have enough to parse
-          // the ADTS frame header
-          if (bytes.length - byteIndex < 7) {
-            endLoop = true;
-            break;
-          }
-
-          frameSize = probe$2.aac.parseAdtsSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
-          // to emit a full packet
-
-          if (frameSize > bytes.length) {
-            endLoop = true;
-            break;
-          }
-
-          if (sampleRate === null) {
-            packet = bytes.subarray(byteIndex, byteIndex + frameSize);
-            sampleRate = probe$2.aac.parseSampleRate(packet);
-          }
-
-          audioCount++;
-          byteIndex += frameSize;
-          break;
-
-        default:
-          byteIndex++;
-          break;
-      }
-
-      if (endLoop) {
-        return null;
-      }
-    }
-
-    if (sampleRate === null || timestamp === null) {
-      return null;
-    }
-
-    var audioTimescale = ONE_SECOND_IN_TS$1 / sampleRate;
-    var result = {
-      audio: [{
-        type: 'audio',
-        dts: timestamp,
-        pts: timestamp
-      }, {
-        type: 'audio',
-        dts: timestamp + audioCount * 1024 * audioTimescale,
-        pts: timestamp + audioCount * 1024 * audioTimescale
-      }]
-    };
-    return result;
-  };
-  /**
-   * inspects the transport stream segment data for start and end time information
-   * of the audio and video tracks (when present) as well as the first key frame's
-   * start time.
-   */
-
-
-  var inspectTs_ = function inspectTs_(bytes) {
-    var pmt = {
-      pid: null,
-      table: null
-    };
-    var result = {};
-    parsePsi_(bytes, pmt);
-
-    for (var pid in pmt.table) {
-      if (pmt.table.hasOwnProperty(pid)) {
-        var type = pmt.table[pid];
-
-        switch (type) {
-          case streamTypes.H264_STREAM_TYPE:
-            result.video = [];
-            parseVideoPes_(bytes, pmt, result);
-
-            if (result.video.length === 0) {
-              delete result.video;
-            }
-
-            break;
-
-          case streamTypes.ADTS_STREAM_TYPE:
-            result.audio = [];
-            parseAudioPes_(bytes, pmt, result);
-
-            if (result.audio.length === 0) {
-              delete result.audio;
-            }
-
-            break;
-
-          default:
-            break;
-        }
-      }
-    }
-
-    return result;
-  };
-  /**
-   * Inspects segment byte data and returns an object with start and end timing information
-   *
-   * @param {Uint8Array} bytes The segment byte data
-   * @param {Number} baseTimestamp Relative reference timestamp used when adjusting frame
-   *  timestamps for rollover. This value must be in 90khz clock.
-   * @return {Object} Object containing start and end frame timing info of segment.
-   */
-
-
-  var inspect = function inspect(bytes, baseTimestamp) {
-    var isAacData = probe$2.aac.isLikelyAacData(bytes);
-    var result;
-
-    if (isAacData) {
-      result = inspectAac_(bytes);
-    } else {
-      result = inspectTs_(bytes);
-    }
-
-    if (!result || !result.audio && !result.video) {
-      return null;
-    }
-
-    adjustTimestamp_(result, baseTimestamp);
-    return result;
-  };
-
-  var tsInspector = {
-    inspect: inspect,
-    parseAudioPes_: parseAudioPes_
-  };
-
-  /*
-   * pkcs7.pad
-   * https://github.com/brightcove/pkcs7
-   *
-   * Copyright (c) 2014 Brightcove
-   * Licensed under the apache2 license.
-   */
-  /**
-   * Returns the subarray of a Uint8Array without PKCS#7 padding.
-   * @param padded {Uint8Array} unencrypted bytes that have been padded
-   * @return {Uint8Array} the unpadded bytes
-   * @see http://tools.ietf.org/html/rfc5652
-   */
-
-  function unpad(padded) {
-    return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
-  }
-
-  var classCallCheck = function classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  };
-
-  var createClass = function () {
-    function defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-
-    return function (Constructor, protoProps, staticProps) {
-      if (protoProps) defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) defineProperties(Constructor, staticProps);
-      return Constructor;
-    };
-  }();
-
-  var inherits$1 = function inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        enumerable: false,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-  };
-
-  var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
-    if (!self) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return call && (typeof call === "object" || typeof call === "function") ? call : self;
-  };
-  /**
-   * @file aes.js
-   *
-   * This file contains an adaptation of the AES decryption algorithm
-   * from the Standford Javascript Cryptography Library. That work is
-   * covered by the following copyright and permissions notice:
-   *
-   * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
-   * All rights reserved.
-   *
-   * Redistribution and use in source and binary forms, with or without
-   * modification, are permitted provided that the following conditions are
-   * met:
-   *
-   * 1. Redistributions of source code must retain the above copyright
-   *    notice, this list of conditions and the following disclaimer.
-   *
-   * 2. Redistributions in binary form must reproduce the above
-   *    copyright notice, this list of conditions and the following
-   *    disclaimer in the documentation and/or other materials provided
-   *    with the distribution.
-   *
-   * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``AS IS'' AND ANY EXPRESS OR
-   * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-   * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-   * DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR CONTRIBUTORS BE
-   * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-   * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-   * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
-   * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
-   * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
-   * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
-   * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-   *
-   * The views and conclusions contained in the software and documentation
-   * are those of the authors and should not be interpreted as representing
-   * official policies, either expressed or implied, of the authors.
-   */
-
-  /**
-   * Expand the S-box tables.
-   *
-   * @private
-   */
-
-
-  var precompute = function precompute() {
-    var tables = [[[], [], [], [], []], [[], [], [], [], []]];
-    var encTable = tables[0];
-    var decTable = tables[1];
-    var sbox = encTable[4];
-    var sboxInv = decTable[4];
-    var i = void 0;
-    var x = void 0;
-    var xInv = void 0;
-    var d = [];
-    var th = [];
-    var x2 = void 0;
-    var x4 = void 0;
-    var x8 = void 0;
-    var s = void 0;
-    var tEnc = void 0;
-    var tDec = void 0; // Compute double and third tables
-
-    for (i = 0; i < 256; i++) {
-      th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
-    }
-
-    for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
-      // Compute sbox
-      s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
-      s = s >> 8 ^ s & 255 ^ 99;
-      sbox[x] = s;
-      sboxInv[s] = x; // Compute MixColumns
-
-      x8 = d[x4 = d[x2 = d[x]]];
-      tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
-      tEnc = d[s] * 0x101 ^ s * 0x1010100;
-
-      for (i = 0; i < 4; i++) {
-        encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
-        decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
-      }
-    } // Compactify. Considerable speedup on Firefox.
-
-
-    for (i = 0; i < 5; i++) {
-      encTable[i] = encTable[i].slice(0);
-      decTable[i] = decTable[i].slice(0);
-    }
-
-    return tables;
-  };
-
-  var aesTables = null;
-  /**
-   * Schedule out an AES key for both encryption and decryption. This
-   * is a low-level class. Use a cipher mode to do bulk encryption.
-   *
-   * @class AES
-   * @param key {Array} The key as an array of 4, 6 or 8 words.
-   */
-
-  var AES = function () {
-    function AES(key) {
-      classCallCheck(this, AES);
-      /**
-       * The expanded S-box and inverse S-box tables. These will be computed
-       * on the client so that we don't have to send them down the wire.
-       *
-       * There are two tables, _tables[0] is for encryption and
-       * _tables[1] is for decryption.
-       *
-       * The first 4 sub-tables are the expanded S-box with MixColumns. The
-       * last (_tables[01][4]) is the S-box itself.
-       *
-       * @private
-       */
-      // if we have yet to precompute the S-box tables
-      // do so now
-
-      if (!aesTables) {
-        aesTables = precompute();
-      } // then make a copy of that object for use
-
-
-      this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
-      var i = void 0;
-      var j = void 0;
-      var tmp = void 0;
-      var encKey = void 0;
-      var decKey = void 0;
-      var sbox = this._tables[0][4];
-      var decTable = this._tables[1];
-      var keyLen = key.length;
-      var rcon = 1;
-
-      if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
-        throw new Error('Invalid aes key size');
-      }
-
-      encKey = key.slice(0);
-      decKey = [];
-      this._key = [encKey, decKey]; // schedule encryption keys
-
-      for (i = keyLen; i < 4 * keyLen + 28; i++) {
-        tmp = encKey[i - 1]; // apply sbox
-
-        if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
-          tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
-
-          if (i % keyLen === 0) {
-            tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
-            rcon = rcon << 1 ^ (rcon >> 7) * 283;
-          }
-        }
-
-        encKey[i] = encKey[i - keyLen] ^ tmp;
-      } // schedule decryption keys
-
-
-      for (j = 0; i; j++, i--) {
-        tmp = encKey[j & 3 ? i : i - 4];
-
-        if (i <= 4 || j < 4) {
-          decKey[j] = tmp;
-        } else {
-          decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
-        }
-      }
-    }
-    /**
-     * Decrypt 16 bytes, specified as four 32-bit words.
-     *
-     * @param {Number} encrypted0 the first word to decrypt
-     * @param {Number} encrypted1 the second word to decrypt
-     * @param {Number} encrypted2 the third word to decrypt
-     * @param {Number} encrypted3 the fourth word to decrypt
-     * @param {Int32Array} out the array to write the decrypted words
-     * into
-     * @param {Number} offset the offset into the output array to start
-     * writing results
-     * @return {Array} The plaintext.
-     */
-
-
-    AES.prototype.decrypt = function decrypt(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
-      var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
-
-      var a = encrypted0 ^ key[0];
-      var b = encrypted3 ^ key[1];
-      var c = encrypted2 ^ key[2];
-      var d = encrypted1 ^ key[3];
-      var a2 = void 0;
-      var b2 = void 0;
-      var c2 = void 0; // key.length === 2 ?
-
-      var nInnerRounds = key.length / 4 - 2;
-      var i = void 0;
-      var kIndex = 4;
-      var table = this._tables[1]; // load up the tables
-
-      var table0 = table[0];
-      var table1 = table[1];
-      var table2 = table[2];
-      var table3 = table[3];
-      var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
-
-      for (i = 0; i < nInnerRounds; i++) {
-        a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
-        b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
-        c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
-        d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
-        kIndex += 4;
-        a = a2;
-        b = b2;
-        c = c2;
-      } // Last round.
-
-
-      for (i = 0; i < 4; i++) {
-        out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
-        a2 = a;
-        a = b;
-        b = c;
-        c = d;
-        d = a2;
-      }
-    };
-
-    return AES;
-  }();
-  /**
-   * @file stream.js
-   */
-
-  /**
-   * A lightweight readable stream implemention that handles event dispatching.
-   *
-   * @class Stream
-   */
-
-
-  var Stream$2 = function () {
-    function Stream() {
-      classCallCheck(this, Stream);
-      this.listeners = {};
-    }
-    /**
-     * Add a listener for a specified event type.
-     *
-     * @param {String} type the event name
-     * @param {Function} listener the callback to be invoked when an event of
-     * the specified type occurs
-     */
-
-
-    Stream.prototype.on = function on(type, listener) {
-      if (!this.listeners[type]) {
-        this.listeners[type] = [];
-      }
-
-      this.listeners[type].push(listener);
-    };
-    /**
-     * Remove a listener for a specified event type.
-     *
-     * @param {String} type the event name
-     * @param {Function} listener  a function previously registered for this
-     * type of event through `on`
-     * @return {Boolean} if we could turn it off or not
-     */
-
-
-    Stream.prototype.off = function off(type, listener) {
-      if (!this.listeners[type]) {
-        return false;
-      }
-
-      var index = this.listeners[type].indexOf(listener);
-      this.listeners[type].splice(index, 1);
-      return index > -1;
-    };
-    /**
-     * Trigger an event of the specified type on this stream. Any additional
-     * arguments to this function are passed as parameters to event listeners.
-     *
-     * @param {String} type the event name
-     */
-
-
-    Stream.prototype.trigger = function trigger(type) {
-      var callbacks = this.listeners[type];
-
-      if (!callbacks) {
-        return;
-      } // Slicing the arguments on every invocation of this method
-      // can add a significant amount of overhead. Avoid the
-      // intermediate object creation for the common case of a
-      // single callback argument
-
-
-      if (arguments.length === 2) {
-        var length = callbacks.length;
-
-        for (var i = 0; i < length; ++i) {
-          callbacks[i].call(this, arguments[1]);
-        }
-      } else {
-        var args = Array.prototype.slice.call(arguments, 1);
-        var _length = callbacks.length;
-
-        for (var _i = 0; _i < _length; ++_i) {
-          callbacks[_i].apply(this, args);
-        }
-      }
-    };
-    /**
-     * Destroys the stream and cleans up.
-     */
-
-
-    Stream.prototype.dispose = function dispose() {
-      this.listeners = {};
-    };
-    /**
-     * Forwards all `data` events on this stream to the destination stream. The
-     * destination stream should provide a method `push` to receive the data
-     * events as they arrive.
-     *
-     * @param {Stream} destination the stream that will receive all `data` events
-     * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-     */
-
-
-    Stream.prototype.pipe = function pipe(destination) {
-      this.on('data', function (data) {
-        destination.push(data);
-      });
-    };
-
-    return Stream;
-  }();
-  /**
-   * @file async-stream.js
-   */
-
-  /**
-   * A wrapper around the Stream class to use setTiemout
-   * and run stream "jobs" Asynchronously
-   *
-   * @class AsyncStream
-   * @extends Stream
-   */
-
-
-  var AsyncStream = function (_Stream) {
-    inherits$1(AsyncStream, _Stream);
-
-    function AsyncStream() {
-      classCallCheck(this, AsyncStream);
-
-      var _this = possibleConstructorReturn(this, _Stream.call(this, Stream$2));
-
-      _this.jobs = [];
-      _this.delay = 1;
-      _this.timeout_ = null;
-      return _this;
-    }
-    /**
-     * process an async job
-     *
-     * @private
-     */
-
-
-    AsyncStream.prototype.processJob_ = function processJob_() {
-      this.jobs.shift()();
-
-      if (this.jobs.length) {
-        this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-      } else {
-        this.timeout_ = null;
-      }
-    };
-    /**
-     * push a job into the stream
-     *
-     * @param {Function} job the job to push into the stream
-     */
-
-
-    AsyncStream.prototype.push = function push(job) {
-      this.jobs.push(job);
-
-      if (!this.timeout_) {
-        this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-      }
-    };
-
-    return AsyncStream;
-  }(Stream$2);
-  /**
-   * @file decrypter.js
-   *
-   * An asynchronous implementation of AES-128 CBC decryption with
-   * PKCS#7 padding.
-   */
-
-  /**
-   * Convert network-order (big-endian) bytes into their little-endian
-   * representation.
-   */
-
-
-  var ntoh = function ntoh(word) {
-    return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
-  };
-  /**
-   * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
-   *
-   * @param {Uint8Array} encrypted the encrypted bytes
-   * @param {Uint32Array} key the bytes of the decryption key
-   * @param {Uint32Array} initVector the initialization vector (IV) to
-   * use for the first round of CBC.
-   * @return {Uint8Array} the decrypted bytes
-   *
-   * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
-   * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
-   * @see https://tools.ietf.org/html/rfc2315
-   */
-
-
-  var decrypt = function decrypt(encrypted, key, initVector) {
-    // word-level access to the encrypted bytes
-    var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
-    var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
-
-    var decrypted = new Uint8Array(encrypted.byteLength);
-    var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
-    // decrypted data
-
-    var init0 = void 0;
-    var init1 = void 0;
-    var init2 = void 0;
-    var init3 = void 0;
-    var encrypted0 = void 0;
-    var encrypted1 = void 0;
-    var encrypted2 = void 0;
-    var encrypted3 = void 0; // iteration variable
-
-    var wordIx = void 0; // pull out the words of the IV to ensure we don't modify the
-    // passed-in reference and easier access
-
-    init0 = initVector[0];
-    init1 = initVector[1];
-    init2 = initVector[2];
-    init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
-    // to each decrypted block
-
-    for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
-      // convert big-endian (network order) words into little-endian
-      // (javascript order)
-      encrypted0 = ntoh(encrypted32[wordIx]);
-      encrypted1 = ntoh(encrypted32[wordIx + 1]);
-      encrypted2 = ntoh(encrypted32[wordIx + 2]);
-      encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
-
-      decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
-      // plaintext
-
-      decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
-      decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
-      decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
-      decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
-
-      init0 = encrypted0;
-      init1 = encrypted1;
-      init2 = encrypted2;
-      init3 = encrypted3;
-    }
-
-    return decrypted;
-  };
-  /**
-   * The `Decrypter` class that manages decryption of AES
-   * data through `AsyncStream` objects and the `decrypt`
-   * function
-   *
-   * @param {Uint8Array} encrypted the encrypted bytes
-   * @param {Uint32Array} key the bytes of the decryption key
-   * @param {Uint32Array} initVector the initialization vector (IV) to
-   * @param {Function} done the function to run when done
-   * @class Decrypter
-   */
-
-
-  var Decrypter = function () {
-    function Decrypter(encrypted, key, initVector, done) {
-      classCallCheck(this, Decrypter);
-      var step = Decrypter.STEP;
-      var encrypted32 = new Int32Array(encrypted.buffer);
-      var decrypted = new Uint8Array(encrypted.byteLength);
-      var i = 0;
-      this.asyncStream_ = new AsyncStream(); // split up the encryption job and do the individual chunks asynchronously
-
-      this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-
-      for (i = step; i < encrypted32.length; i += step) {
-        initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
-        this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-      } // invoke the done() callback when everything is finished
-
-
-      this.asyncStream_.push(function () {
-        // remove pkcs#7 padding from the decrypted bytes
-        done(null, unpad(decrypted));
-      });
-    }
-    /**
-     * a getter for step the maximum number of bytes to process at one time
-     *
-     * @return {Number} the value of step 32000
-     */
-
-    /**
-     * @private
-     */
-
-
-    Decrypter.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
-      return function () {
-        var bytes = decrypt(encrypted, key, initVector);
-        decrypted.set(bytes, encrypted.byteOffset);
-      };
-    };
-
-    createClass(Decrypter, null, [{
-      key: 'STEP',
-      get: function get$$1() {
-        // 4 * 8000;
-        return 32000;
-      }
-    }]);
-    return Decrypter;
-  }();
-
-  /**
-   * @videojs/http-streaming
-   * @version 1.11.2
-   * @copyright 2019 Brightcove, Inc
-   * @license Apache-2.0
-   */
-  /**
-   * @file resolve-url.js - Handling how URLs are resolved and manipulated
-   */
-
-  var resolveUrl$1 = function resolveUrl(baseURL, relativeURL) {
-    // return early if we don't need to resolve
-    if (/^[a-z]+:/i.test(relativeURL)) {
-      return relativeURL;
-    } // if the base URL is relative then combine with the current location
-
-
-    if (!/\/\//i.test(baseURL)) {
-      baseURL = urlToolkit.buildAbsoluteURL(window$1.location.href, baseURL);
-    }
-
-    return urlToolkit.buildAbsoluteURL(baseURL, relativeURL);
-  };
-  /**
-   * Checks whether xhr request was redirected and returns correct url depending
-   * on `handleManifestRedirects` option
-   *
-   * @api private
-   *
-   * @param  {String} url - an url being requested
-   * @param  {XMLHttpRequest} req - xhr request result
-   *
-   * @return {String}
-   */
-
-
-  var resolveManifestRedirect = function resolveManifestRedirect(handleManifestRedirect, url, req) {
-    // To understand how the responseURL below is set and generated:
-    // - https://fetch.spec.whatwg.org/#concept-response-url
-    // - https://fetch.spec.whatwg.org/#atomic-http-redirect-handling
-    if (handleManifestRedirect && req.responseURL && url !== req.responseURL) {
-      return req.responseURL;
-    }
-
-    return url;
-  };
-
-  var classCallCheck$1 = function classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  };
-
-  var createClass$1 = function () {
-    function defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-
-    return function (Constructor, protoProps, staticProps) {
-      if (protoProps) defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) defineProperties(Constructor, staticProps);
-      return Constructor;
-    };
-  }();
-
-  var get$1 = function get(object, property, receiver) {
-    if (object === null) object = Function.prototype;
-    var desc = Object.getOwnPropertyDescriptor(object, property);
-
-    if (desc === undefined) {
-      var parent = Object.getPrototypeOf(object);
-
-      if (parent === null) {
-        return undefined;
-      } else {
-        return get(parent, property, receiver);
-      }
-    } else if ("value" in desc) {
-      return desc.value;
-    } else {
-      var getter = desc.get;
-
-      if (getter === undefined) {
-        return undefined;
-      }
-
-      return getter.call(receiver);
-    }
-  };
-
-  var inherits$2 = function inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        enumerable: false,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-  };
-
-  var possibleConstructorReturn$1 = function possibleConstructorReturn(self, call) {
-    if (!self) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return call && (typeof call === "object" || typeof call === "function") ? call : self;
-  };
-
-  var slicedToArray = function () {
-    function sliceIterator(arr, i) {
-      var _arr = [];
-      var _n = true;
-      var _d = false;
-      var _e = undefined;
-
-      try {
-        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-          _arr.push(_s.value);
-
-          if (i && _arr.length === i) break;
-        }
-      } catch (err) {
-        _d = true;
-        _e = err;
-      } finally {
-        try {
-          if (!_n && _i["return"]) _i["return"]();
-        } finally {
-          if (_d) throw _e;
-        }
-      }
-
-      return _arr;
-    }
-
-    return function (arr, i) {
-      if (Array.isArray(arr)) {
-        return arr;
-      } else if (Symbol.iterator in Object(arr)) {
-        return sliceIterator(arr, i);
-      } else {
-        throw new TypeError("Invalid attempt to destructure non-iterable instance");
-      }
-    };
-  }();
-  /**
-   * @file playlist-loader.js
-   *
-   * A state machine that manages the loading, caching, and updating of
-   * M3U8 playlists.
-   *
-   */
-
-
-  var mergeOptions$1 = videojs$1.mergeOptions,
-      EventTarget$1 = videojs$1.EventTarget,
-      log$1 = videojs$1.log;
-  /**
-   * Loops through all supported media groups in master and calls the provided
-   * callback for each group
-   *
-   * @param {Object} master
-   *        The parsed master manifest object
-   * @param {Function} callback
-   *        Callback to call for each media group
-   */
-
-  var forEachMediaGroup = function forEachMediaGroup(master, callback) {
-    ['AUDIO', 'SUBTITLES'].forEach(function (mediaType) {
-      for (var groupKey in master.mediaGroups[mediaType]) {
-        for (var labelKey in master.mediaGroups[mediaType][groupKey]) {
-          var mediaProperties = master.mediaGroups[mediaType][groupKey][labelKey];
-          callback(mediaProperties, mediaType, groupKey, labelKey);
-        }
-      }
-    });
-  };
-  /**
-    * Returns a new array of segments that is the result of merging
-    * properties from an older list of segments onto an updated
-    * list. No properties on the updated playlist will be overridden.
-    *
-    * @param {Array} original the outdated list of segments
-    * @param {Array} update the updated list of segments
-    * @param {Number=} offset the index of the first update
-    * segment in the original segment list. For non-live playlists,
-    * this should always be zero and does not need to be
-    * specified. For live playlists, it should be the difference
-    * between the media sequence numbers in the original and updated
-    * playlists.
-    * @return a list of merged segment objects
-    */
-
-
-  var updateSegments = function updateSegments(original, update, offset) {
-    var result = update.slice();
-    offset = offset || 0;
-    var length = Math.min(original.length, update.length + offset);
-
-    for (var i = offset; i < length; i++) {
-      result[i - offset] = mergeOptions$1(original[i], result[i - offset]);
-    }
-
-    return result;
-  };
-
-  var resolveSegmentUris = function resolveSegmentUris(segment, baseUri) {
-    if (!segment.resolvedUri) {
-      segment.resolvedUri = resolveUrl$1(baseUri, segment.uri);
-    }
-
-    if (segment.key && !segment.key.resolvedUri) {
-      segment.key.resolvedUri = resolveUrl$1(baseUri, segment.key.uri);
-    }
-
-    if (segment.map && !segment.map.resolvedUri) {
-      segment.map.resolvedUri = resolveUrl$1(baseUri, segment.map.uri);
-    }
-  };
-  /**
-    * Returns a new master playlist that is the result of merging an
-    * updated media playlist into the original version. If the
-    * updated media playlist does not match any of the playlist
-    * entries in the original master playlist, null is returned.
-    *
-    * @param {Object} master a parsed master M3U8 object
-    * @param {Object} media a parsed media M3U8 object
-    * @return {Object} a new object that represents the original
-    * master playlist with the updated media playlist merged in, or
-    * null if the merge produced no change.
-    */
-
-
-  var updateMaster = function updateMaster(master, media) {
-    var result = mergeOptions$1(master, {});
-    var playlist = result.playlists[media.uri];
-
-    if (!playlist) {
-      return null;
-    } // consider the playlist unchanged if the number of segments is equal, the media
-    // sequence number is unchanged, and this playlist hasn't become the end of the playlist
-
-
-    if (playlist.segments && media.segments && playlist.segments.length === media.segments.length && playlist.endList === media.endList && playlist.mediaSequence === media.mediaSequence) {
-      return null;
-    }
-
-    var mergedPlaylist = mergeOptions$1(playlist, media); // if the update could overlap existing segment information, merge the two segment lists
-
-    if (playlist.segments) {
-      mergedPlaylist.segments = updateSegments(playlist.segments, media.segments, media.mediaSequence - playlist.mediaSequence);
-    } // resolve any segment URIs to prevent us from having to do it later
-
-
-    mergedPlaylist.segments.forEach(function (segment) {
-      resolveSegmentUris(segment, mergedPlaylist.resolvedUri);
-    }); // TODO Right now in the playlists array there are two references to each playlist, one
-    // that is referenced by index, and one by URI. The index reference may no longer be
-    // necessary.
-
-    for (var i = 0; i < result.playlists.length; i++) {
-      if (result.playlists[i].uri === media.uri) {
-        result.playlists[i] = mergedPlaylist;
-      }
-    }
-
-    result.playlists[media.uri] = mergedPlaylist;
-    return result;
-  };
-
-  var setupMediaPlaylists = function setupMediaPlaylists(master) {
-    // setup by-URI lookups and resolve media playlist URIs
-    var i = master.playlists.length;
-
-    while (i--) {
-      var playlist = master.playlists[i];
-      master.playlists[playlist.uri] = playlist;
-      playlist.resolvedUri = resolveUrl$1(master.uri, playlist.uri);
-      playlist.id = i;
-
-      if (!playlist.attributes) {
-        // Although the spec states an #EXT-X-STREAM-INF tag MUST have a
-        // BANDWIDTH attribute, we can play the stream without it. This means a poorly
-        // formatted master playlist may not have an attribute list. An attributes
-        // property is added here to prevent undefined references when we encounter
-        // this scenario.
-        playlist.attributes = {};
-        log$1.warn('Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.');
-      }
-    }
-  };
-
-  var resolveMediaGroupUris = function resolveMediaGroupUris(master) {
-    forEachMediaGroup(master, function (properties) {
-      if (properties.uri) {
-        properties.resolvedUri = resolveUrl$1(master.uri, properties.uri);
-      }
-    });
-  };
-  /**
-   * Calculates the time to wait before refreshing a live playlist
-   *
-   * @param {Object} media
-   *        The current media
-   * @param {Boolean} update
-   *        True if there were any updates from the last refresh, false otherwise
-   * @return {Number}
-   *         The time in ms to wait before refreshing the live playlist
-   */
-
-
-  var refreshDelay = function refreshDelay(media, update) {
-    var lastSegment = media.segments[media.segments.length - 1];
-    var delay = void 0;
-
-    if (update && lastSegment && lastSegment.duration) {
-      delay = lastSegment.duration * 1000;
-    } else {
-      // if the playlist is unchanged since the last reload or last segment duration
-      // cannot be determined, try again after half the target duration
-      delay = (media.targetDuration || 10) * 500;
-    }
-
-    return delay;
-  };
-  /**
-   * Load a playlist from a remote location
-   *
-   * @class PlaylistLoader
-   * @extends Stream
-   * @param {String} srcUrl the url to start with
-   * @param {Boolean} withCredentials the withCredentials xhr option
-   * @constructor
-   */
-
-
-  var PlaylistLoader = function (_EventTarget) {
-    inherits$2(PlaylistLoader, _EventTarget);
-
-    function PlaylistLoader(srcUrl, hls) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      classCallCheck$1(this, PlaylistLoader);
-
-      var _this = possibleConstructorReturn$1(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this));
-
-      var _options$withCredenti = options.withCredentials,
-          withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
-          _options$handleManife = options.handleManifestRedirects,
-          handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
-      _this.srcUrl = srcUrl;
-      _this.hls_ = hls;
-      _this.withCredentials = withCredentials;
-      _this.handleManifestRedirects = handleManifestRedirects;
-      var hlsOptions = hls.options_;
-      _this.customTagParsers = hlsOptions && hlsOptions.customTagParsers || [];
-      _this.customTagMappers = hlsOptions && hlsOptions.customTagMappers || [];
-
-      if (!_this.srcUrl) {
-        throw new Error('A non-empty playlist URL is required');
-      } // initialize the loader state
-
-
-      _this.state = 'HAVE_NOTHING'; // live playlist staleness timeout
-
-      _this.on('mediaupdatetimeout', function () {
-        if (_this.state !== 'HAVE_METADATA') {
-          // only refresh the media playlist if no other activity is going on
-          return;
-        }
-
-        _this.state = 'HAVE_CURRENT_METADATA';
-        _this.request = _this.hls_.xhr({
-          uri: resolveUrl$1(_this.master.uri, _this.media().uri),
-          withCredentials: _this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this.request) {
-            return;
-          }
-
-          if (error) {
-            return _this.playlistRequestError(_this.request, _this.media().uri, 'HAVE_METADATA');
-          }
-
-          _this.haveMetadata(_this.request, _this.media().uri);
-        });
-      });
-
-      return _this;
-    }
-
-    createClass$1(PlaylistLoader, [{
-      key: 'playlistRequestError',
-      value: function playlistRequestError(xhr, url, startingState) {
-        // any in-flight request is now finished
-        this.request = null;
-
-        if (startingState) {
-          this.state = startingState;
-        }
-
-        this.error = {
-          playlist: this.master.playlists[url],
-          status: xhr.status,
-          message: 'HLS playlist request error at URL: ' + url + '.',
-          responseText: xhr.responseText,
-          code: xhr.status >= 500 ? 4 : 2
-        };
-        this.trigger('error');
-      } // update the playlist loader's state in response to a new or
-      // updated playlist.
-
-    }, {
-      key: 'haveMetadata',
-      value: function haveMetadata(xhr, url) {
-        var _this2 = this; // any in-flight request is now finished
-
-
-        this.request = null;
-        this.state = 'HAVE_METADATA';
-        var parser = new Parser(); // adding custom tag parsers
-
-        this.customTagParsers.forEach(function (customParser) {
-          return parser.addParser(customParser);
-        }); // adding custom tag mappers
-
-        this.customTagMappers.forEach(function (mapper) {
-          return parser.addTagMapper(mapper);
-        });
-        parser.push(xhr.responseText);
-        parser.end();
-        parser.manifest.uri = url; // m3u8-parser does not attach an attributes property to media playlists so make
-        // sure that the property is attached to avoid undefined reference errors
-
-        parser.manifest.attributes = parser.manifest.attributes || {}; // merge this playlist into the master
-
-        var update = updateMaster(this.master, parser.manifest);
-        this.targetDuration = parser.manifest.targetDuration;
-
-        if (update) {
-          this.master = update;
-          this.media_ = this.master.playlists[parser.manifest.uri];
-        } else {
-          this.trigger('playlistunchanged');
-        } // refresh live playlists after a target duration passes
-
-
-        if (!this.media().endList) {
-          window$1.clearTimeout(this.mediaUpdateTimeout);
-          this.mediaUpdateTimeout = window$1.setTimeout(function () {
-            _this2.trigger('mediaupdatetimeout');
-          }, refreshDelay(this.media(), !!update));
-        }
-
-        this.trigger('loadedplaylist');
-      }
-      /**
-       * Abort any outstanding work and clean up.
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        this.stopRequest();
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        window$1.clearTimeout(this.finalRenditionTimeout);
-      }
-    }, {
-      key: 'stopRequest',
-      value: function stopRequest() {
-        if (this.request) {
-          var oldRequest = this.request;
-          this.request = null;
-          oldRequest.onreadystatechange = null;
-          oldRequest.abort();
-        }
-      }
-      /**
-       * When called without any arguments, returns the currently
-       * active media playlist. When called with a single argument,
-       * triggers the playlist loader to asynchronously switch to the
-       * specified media playlist. Calling this method while the
-       * loader is in the HAVE_NOTHING causes an error to be emitted
-       * but otherwise has no effect.
-       *
-       * @param {Object=} playlist the parsed media playlist
-       * object to switch to
-       * @param {Boolean=} is this the last available playlist
-       *
-       * @return {Playlist} the current loaded media
-       */
-
-    }, {
-      key: 'media',
-      value: function media(playlist, isFinalRendition) {
-        var _this3 = this; // getter
-
-
-        if (!playlist) {
-          return this.media_;
-        } // setter
-
-
-        if (this.state === 'HAVE_NOTHING') {
-          throw new Error('Cannot switch media playlist from ' + this.state);
-        } // find the playlist object if the target playlist has been
-        // specified by URI
-
-
-        if (typeof playlist === 'string') {
-          if (!this.master.playlists[playlist]) {
-            throw new Error('Unknown playlist URI: ' + playlist);
-          }
-
-          playlist = this.master.playlists[playlist];
-        }
-
-        window$1.clearTimeout(this.finalRenditionTimeout);
-
-        if (isFinalRendition) {
-          var delay = playlist.targetDuration / 2 * 1000 || 5 * 1000;
-          this.finalRenditionTimeout = window$1.setTimeout(this.media.bind(this, playlist, false), delay);
-          return;
-        }
-
-        var startingState = this.state;
-        var mediaChange = !this.media_ || playlist.uri !== this.media_.uri; // switch to fully loaded playlists immediately
-
-        if (this.master.playlists[playlist.uri].endList) {
-          // abort outstanding playlist requests
-          if (this.request) {
-            this.request.onreadystatechange = null;
-            this.request.abort();
-            this.request = null;
-          }
-
-          this.state = 'HAVE_METADATA';
-          this.media_ = playlist; // trigger media change if the active media has been updated
-
-          if (mediaChange) {
-            this.trigger('mediachanging');
-            this.trigger('mediachange');
-          }
-
-          return;
-        } // switching to the active playlist is a no-op
-
-
-        if (!mediaChange) {
-          return;
-        }
-
-        this.state = 'SWITCHING_MEDIA'; // there is already an outstanding playlist request
-
-        if (this.request) {
-          if (playlist.resolvedUri === this.request.url) {
-            // requesting to switch to the same playlist multiple times
-            // has no effect after the first
-            return;
-          }
-
-          this.request.onreadystatechange = null;
-          this.request.abort();
-          this.request = null;
-        } // request the new playlist
-
-
-        if (this.media_) {
-          this.trigger('mediachanging');
-        }
-
-        this.request = this.hls_.xhr({
-          uri: playlist.resolvedUri,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this3.request) {
-            return;
-          }
-
-          playlist.resolvedUri = resolveManifestRedirect(_this3.handleManifestRedirects, playlist.resolvedUri, req);
-
-          if (error) {
-            return _this3.playlistRequestError(_this3.request, playlist.uri, startingState);
-          }
-
-          _this3.haveMetadata(req, playlist.uri); // fire loadedmetadata the first time a media playlist is loaded
-
-
-          if (startingState === 'HAVE_MASTER') {
-            _this3.trigger('loadedmetadata');
-          } else {
-            _this3.trigger('mediachange');
-          }
-        });
-      }
-      /**
-       * pause loading of the playlist
-       */
-
-    }, {
-      key: 'pause',
-      value: function pause() {
-        this.stopRequest();
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-
-        if (this.state === 'HAVE_NOTHING') {
-          // If we pause the loader before any data has been retrieved, its as if we never
-          // started, so reset to an unstarted state.
-          this.started = false;
-        } // Need to restore state now that no activity is happening
-
-
-        if (this.state === 'SWITCHING_MEDIA') {
-          // if the loader was in the process of switching media, it should either return to
-          // HAVE_MASTER or HAVE_METADATA depending on if the loader has loaded a media
-          // playlist yet. This is determined by the existence of loader.media_
-          if (this.media_) {
-            this.state = 'HAVE_METADATA';
-          } else {
-            this.state = 'HAVE_MASTER';
-          }
-        } else if (this.state === 'HAVE_CURRENT_METADATA') {
-          this.state = 'HAVE_METADATA';
-        }
-      }
-      /**
-       * start loading of the playlist
-       */
-
-    }, {
-      key: 'load',
-      value: function load(isFinalRendition) {
-        var _this4 = this;
-
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        var media = this.media();
-
-        if (isFinalRendition) {
-          var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
-          this.mediaUpdateTimeout = window$1.setTimeout(function () {
-            return _this4.load();
-          }, delay);
-          return;
-        }
-
-        if (!this.started) {
-          this.start();
-          return;
-        }
-
-        if (media && !media.endList) {
-          this.trigger('mediaupdatetimeout');
-        } else {
-          this.trigger('loadedplaylist');
-        }
-      }
-      /**
-       * start loading of the playlist
-       */
-
-    }, {
-      key: 'start',
-      value: function start() {
-        var _this5 = this;
-
-        this.started = true; // request the specified URL
-
-        this.request = this.hls_.xhr({
-          uri: this.srcUrl,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this5.request) {
-            return;
-          } // clear the loader's request reference
-
-
-          _this5.request = null;
-
-          if (error) {
-            _this5.error = {
-              status: req.status,
-              message: 'HLS playlist request error at URL: ' + _this5.srcUrl + '.',
-              responseText: req.responseText,
-              // MEDIA_ERR_NETWORK
-              code: 2
-            };
-
-            if (_this5.state === 'HAVE_NOTHING') {
-              _this5.started = false;
-            }
-
-            return _this5.trigger('error');
-          }
-
-          var parser = new Parser(); // adding custom tag parsers
-
-          _this5.customTagParsers.forEach(function (customParser) {
-            return parser.addParser(customParser);
-          }); // adding custom tag mappers
-
-
-          _this5.customTagMappers.forEach(function (mapper) {
-            return parser.addTagMapper(mapper);
-          });
-
-          parser.push(req.responseText);
-          parser.end();
-          _this5.state = 'HAVE_MASTER';
-          _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
-          parser.manifest.uri = _this5.srcUrl; // loaded a master playlist
-
-          if (parser.manifest.playlists) {
-            _this5.master = parser.manifest;
-            setupMediaPlaylists(_this5.master);
-            resolveMediaGroupUris(_this5.master);
-
-            _this5.trigger('loadedplaylist');
-
-            if (!_this5.request) {
-              // no media playlist was specifically selected so start
-              // from the first listed one
-              _this5.media(parser.manifest.playlists[0]);
-            }
-
-            return;
-          } // loaded a media playlist
-          // infer a master playlist if none was previously requested
-
-
-          _this5.master = {
-            mediaGroups: {
-              'AUDIO': {},
-              'VIDEO': {},
-              'CLOSED-CAPTIONS': {},
-              'SUBTITLES': {}
-            },
-            uri: window$1.location.href,
-            playlists: [{
-              uri: _this5.srcUrl,
-              id: 0,
-              resolvedUri: _this5.srcUrl,
-              // m3u8-parser does not attach an attributes property to media playlists so make
-              // sure that the property is attached to avoid undefined reference errors
-              attributes: {}
-            }]
-          };
-          _this5.master.playlists[_this5.srcUrl] = _this5.master.playlists[0];
-
-          _this5.haveMetadata(req, _this5.srcUrl);
-
-          return _this5.trigger('loadedmetadata');
-        });
-      }
-    }]);
-    return PlaylistLoader;
-  }(EventTarget$1);
-  /**
-   * @file playlist.js
-   *
-   * Playlist related utilities.
-   */
-
-
-  var createTimeRange = videojs$1.createTimeRange;
-  /**
-   * walk backward until we find a duration we can use
-   * or return a failure
-   *
-   * @param {Playlist} playlist the playlist to walk through
-   * @param {Number} endSequence the mediaSequence to stop walking on
-   */
-
-  var backwardDuration = function backwardDuration(playlist, endSequence) {
-    var result = 0;
-    var i = endSequence - playlist.mediaSequence; // if a start time is available for segment immediately following
-    // the interval, use it
-
-    var segment = playlist.segments[i]; // Walk backward until we find the latest segment with timeline
-    // information that is earlier than endSequence
-
-    if (segment) {
-      if (typeof segment.start !== 'undefined') {
-        return {
-          result: segment.start,
-          precise: true
-        };
-      }
-
-      if (typeof segment.end !== 'undefined') {
-        return {
-          result: segment.end - segment.duration,
-          precise: true
-        };
-      }
-    }
-
-    while (i--) {
-      segment = playlist.segments[i];
-
-      if (typeof segment.end !== 'undefined') {
-        return {
-          result: result + segment.end,
-          precise: true
-        };
-      }
-
-      result += segment.duration;
-
-      if (typeof segment.start !== 'undefined') {
-        return {
-          result: result + segment.start,
-          precise: true
-        };
-      }
-    }
-
-    return {
-      result: result,
-      precise: false
-    };
-  };
-  /**
-   * walk forward until we find a duration we can use
-   * or return a failure
-   *
-   * @param {Playlist} playlist the playlist to walk through
-   * @param {Number} endSequence the mediaSequence to stop walking on
-   */
-
-
-  var forwardDuration = function forwardDuration(playlist, endSequence) {
-    var result = 0;
-    var segment = void 0;
-    var i = endSequence - playlist.mediaSequence; // Walk forward until we find the earliest segment with timeline
-    // information
-
-    for (; i < playlist.segments.length; i++) {
-      segment = playlist.segments[i];
-
-      if (typeof segment.start !== 'undefined') {
-        return {
-          result: segment.start - result,
-          precise: true
-        };
-      }
-
-      result += segment.duration;
-
-      if (typeof segment.end !== 'undefined') {
-        return {
-          result: segment.end - result,
-          precise: true
-        };
-      }
-    } // indicate we didn't find a useful duration estimate
-
-
-    return {
-      result: -1,
-      precise: false
-    };
-  };
-  /**
-    * Calculate the media duration from the segments associated with a
-    * playlist. The duration of a subinterval of the available segments
-    * may be calculated by specifying an end index.
-    *
-    * @param {Object} playlist a media playlist object
-    * @param {Number=} endSequence an exclusive upper boundary
-    * for the playlist.  Defaults to playlist length.
-    * @param {Number} expired the amount of time that has dropped
-    * off the front of the playlist in a live scenario
-    * @return {Number} the duration between the first available segment
-    * and end index.
-    */
-
-
-  var intervalDuration = function intervalDuration(playlist, endSequence, expired) {
-    var backward = void 0;
-    var forward = void 0;
-
-    if (typeof endSequence === 'undefined') {
-      endSequence = playlist.mediaSequence + playlist.segments.length;
-    }
-
-    if (endSequence < playlist.mediaSequence) {
-      return 0;
-    } // do a backward walk to estimate the duration
-
-
-    backward = backwardDuration(playlist, endSequence);
-
-    if (backward.precise) {
-      // if we were able to base our duration estimate on timing
-      // information provided directly from the Media Source, return
-      // it
-      return backward.result;
-    } // walk forward to see if a precise duration estimate can be made
-    // that way
-
-
-    forward = forwardDuration(playlist, endSequence);
-
-    if (forward.precise) {
-      // we found a segment that has been buffered and so it's
-      // position is known precisely
-      return forward.result;
-    } // return the less-precise, playlist-based duration estimate
-
-
-    return backward.result + expired;
-  };
-  /**
-    * Calculates the duration of a playlist. If a start and end index
-    * are specified, the duration will be for the subset of the media
-    * timeline between those two indices. The total duration for live
-    * playlists is always Infinity.
-    *
-    * @param {Object} playlist a media playlist object
-    * @param {Number=} endSequence an exclusive upper
-    * boundary for the playlist. Defaults to the playlist media
-    * sequence number plus its length.
-    * @param {Number=} expired the amount of time that has
-    * dropped off the front of the playlist in a live scenario
-    * @return {Number} the duration between the start index and end
-    * index.
-    */
-
-
-  var duration = function duration(playlist, endSequence, expired) {
-    if (!playlist) {
-      return 0;
-    }
-
-    if (typeof expired !== 'number') {
-      expired = 0;
-    } // if a slice of the total duration is not requested, use
-    // playlist-level duration indicators when they're present
-
-
-    if (typeof endSequence === 'undefined') {
-      // if present, use the duration specified in the playlist
-      if (playlist.totalDuration) {
-        return playlist.totalDuration;
-      } // duration should be Infinity for live playlists
-
-
-      if (!playlist.endList) {
-        return window$1.Infinity;
-      }
-    } // calculate the total duration based on the segment durations
-
-
-    return intervalDuration(playlist, endSequence, expired);
-  };
-  /**
-    * Calculate the time between two indexes in the current playlist
-    * neight the start- nor the end-index need to be within the current
-    * playlist in which case, the targetDuration of the playlist is used
-    * to approximate the durations of the segments
-    *
-    * @param {Object} playlist a media playlist object
-    * @param {Number} startIndex
-    * @param {Number} endIndex
-    * @return {Number} the number of seconds between startIndex and endIndex
-    */
-
-
-  var sumDurations = function sumDurations(playlist, startIndex, endIndex) {
-    var durations = 0;
-
-    if (startIndex > endIndex) {
-      var _ref = [endIndex, startIndex];
-      startIndex = _ref[0];
-      endIndex = _ref[1];
-    }
-
-    if (startIndex < 0) {
-      for (var i = startIndex; i < Math.min(0, endIndex); i++) {
-        durations += playlist.targetDuration;
-      }
-
-      startIndex = 0;
-    }
-
-    for (var _i = startIndex; _i < endIndex; _i++) {
-      durations += playlist.segments[_i].duration;
-    }
-
-    return durations;
-  };
-  /**
-   * Determines the media index of the segment corresponding to the safe edge of the live
-   * window which is the duration of the last segment plus 2 target durations from the end
-   * of the playlist.
-   *
-   * @param {Object} playlist
-   *        a media playlist object
-   * @return {Number}
-   *         The media index of the segment at the safe live point. 0 if there is no "safe"
-   *         point.
-   * @function safeLiveIndex
-   */
-
-
-  var safeLiveIndex = function safeLiveIndex(playlist) {
-    if (!playlist.segments.length) {
-      return 0;
-    }
-
-    var i = playlist.segments.length - 1;
-    var distanceFromEnd = playlist.segments[i].duration || playlist.targetDuration;
-    var safeDistance = distanceFromEnd + playlist.targetDuration * 2;
-
-    while (i--) {
-      distanceFromEnd += playlist.segments[i].duration;
-
-      if (distanceFromEnd >= safeDistance) {
-        break;
-      }
-    }
-
-    return Math.max(0, i);
-  };
-  /**
-   * Calculates the playlist end time
-   *
-   * @param {Object} playlist a media playlist object
-   * @param {Number=} expired the amount of time that has
-   *                  dropped off the front of the playlist in a live scenario
-   * @param {Boolean|false} useSafeLiveEnd a boolean value indicating whether or not the
-   *                        playlist end calculation should consider the safe live end
-   *                        (truncate the playlist end by three segments). This is normally
-   *                        used for calculating the end of the playlist's seekable range.
-   * @returns {Number} the end time of playlist
-   * @function playlistEnd
-   */
-
-
-  var playlistEnd = function playlistEnd(playlist, expired, useSafeLiveEnd) {
-    if (!playlist || !playlist.segments) {
-      return null;
-    }
-
-    if (playlist.endList) {
-      return duration(playlist);
-    }
-
-    if (expired === null) {
-      return null;
-    }
-
-    expired = expired || 0;
-    var endSequence = useSafeLiveEnd ? safeLiveIndex(playlist) : playlist.segments.length;
-    return intervalDuration(playlist, playlist.mediaSequence + endSequence, expired);
-  };
-  /**
-    * Calculates the interval of time that is currently seekable in a
-    * playlist. The returned time ranges are relative to the earliest
-    * moment in the specified playlist that is still available. A full
-    * seekable implementation for live streams would need to offset
-    * these values by the duration of content that has expired from the
-    * stream.
-    *
-    * @param {Object} playlist a media playlist object
-    * dropped off the front of the playlist in a live scenario
-    * @param {Number=} expired the amount of time that has
-    * dropped off the front of the playlist in a live scenario
-    * @return {TimeRanges} the periods of time that are valid targets
-    * for seeking
-    */
-
-
-  var seekable = function seekable(playlist, expired) {
-    var useSafeLiveEnd = true;
-    var seekableStart = expired || 0;
-    var seekableEnd = playlistEnd(playlist, expired, useSafeLiveEnd);
-
-    if (seekableEnd === null) {
-      return createTimeRange();
-    }
-
-    return createTimeRange(seekableStart, seekableEnd);
-  };
-
-  var isWholeNumber = function isWholeNumber(num) {
-    return num - Math.floor(num) === 0;
-  };
-
-  var roundSignificantDigit = function roundSignificantDigit(increment, num) {
-    // If we have a whole number, just add 1 to it
-    if (isWholeNumber(num)) {
-      return num + increment * 0.1;
-    }
-
-    var numDecimalDigits = num.toString().split('.')[1].length;
-
-    for (var i = 1; i <= numDecimalDigits; i++) {
-      var scale = Math.pow(10, i);
-      var temp = num * scale;
-
-      if (isWholeNumber(temp) || i === numDecimalDigits) {
-        return (temp + increment) / scale;
-      }
-    }
-  };
-
-  var ceilLeastSignificantDigit = roundSignificantDigit.bind(null, 1);
-  var floorLeastSignificantDigit = roundSignificantDigit.bind(null, -1);
-  /**
-   * Determine the index and estimated starting time of the segment that
-   * contains a specified playback position in a media playlist.
-   *
-   * @param {Object} playlist the media playlist to query
-   * @param {Number} currentTime The number of seconds since the earliest
-   * possible position to determine the containing segment for
-   * @param {Number} startIndex
-   * @param {Number} startTime
-   * @return {Object}
-   */
-
-  var getMediaInfoForTime = function getMediaInfoForTime(playlist, currentTime, startIndex, startTime) {
-    var i = void 0;
-    var segment = void 0;
-    var numSegments = playlist.segments.length;
-    var time = currentTime - startTime;
-
-    if (time < 0) {
-      // Walk backward from startIndex in the playlist, adding durations
-      // until we find a segment that contains `time` and return it
-      if (startIndex > 0) {
-        for (i = startIndex - 1; i >= 0; i--) {
-          segment = playlist.segments[i];
-          time += floorLeastSignificantDigit(segment.duration);
-
-          if (time > 0) {
-            return {
-              mediaIndex: i,
-              startTime: startTime - sumDurations(playlist, startIndex, i)
-            };
-          }
-        }
-      } // We were unable to find a good segment within the playlist
-      // so select the first segment
-
-
-      return {
-        mediaIndex: 0,
-        startTime: currentTime
-      };
-    } // When startIndex is negative, we first walk forward to first segment
-    // adding target durations. If we "run out of time" before getting to
-    // the first segment, return the first segment
-
-
-    if (startIndex < 0) {
-      for (i = startIndex; i < 0; i++) {
-        time -= playlist.targetDuration;
-
-        if (time < 0) {
-          return {
-            mediaIndex: 0,
-            startTime: currentTime
-          };
-        }
-      }
-
-      startIndex = 0;
-    } // Walk forward from startIndex in the playlist, subtracting durations
-    // until we find a segment that contains `time` and return it
-
-
-    for (i = startIndex; i < numSegments; i++) {
-      segment = playlist.segments[i];
-      time -= ceilLeastSignificantDigit(segment.duration);
-
-      if (time < 0) {
-        return {
-          mediaIndex: i,
-          startTime: startTime + sumDurations(playlist, startIndex, i)
-        };
-      }
-    } // We are out of possible candidates so load the last one...
-
-
-    return {
-      mediaIndex: numSegments - 1,
-      startTime: currentTime
-    };
-  };
-  /**
-   * Check whether the playlist is blacklisted or not.
-   *
-   * @param {Object} playlist the media playlist object
-   * @return {boolean} whether the playlist is blacklisted or not
-   * @function isBlacklisted
-   */
-
-
-  var isBlacklisted = function isBlacklisted(playlist) {
-    return playlist.excludeUntil && playlist.excludeUntil > Date.now();
-  };
-  /**
-   * Check whether the playlist is compatible with current playback configuration or has
-   * been blacklisted permanently for being incompatible.
-   *
-   * @param {Object} playlist the media playlist object
-   * @return {boolean} whether the playlist is incompatible or not
-   * @function isIncompatible
-   */
-
-
-  var isIncompatible = function isIncompatible(playlist) {
-    return playlist.excludeUntil && playlist.excludeUntil === Infinity;
-  };
-  /**
-   * Check whether the playlist is enabled or not.
-   *
-   * @param {Object} playlist the media playlist object
-   * @return {boolean} whether the playlist is enabled or not
-   * @function isEnabled
-   */
-
-
-  var isEnabled = function isEnabled(playlist) {
-    var blacklisted = isBlacklisted(playlist);
-    return !playlist.disabled && !blacklisted;
-  };
-  /**
-   * Check whether the playlist has been manually disabled through the representations api.
-   *
-   * @param {Object} playlist the media playlist object
-   * @return {boolean} whether the playlist is disabled manually or not
-   * @function isDisabled
-   */
-
-
-  var isDisabled = function isDisabled(playlist) {
-    return playlist.disabled;
-  };
-  /**
-   * Returns whether the current playlist is an AES encrypted HLS stream
-   *
-   * @return {Boolean} true if it's an AES encrypted HLS stream
-   */
-
-
-  var isAes = function isAes(media) {
-    for (var i = 0; i < media.segments.length; i++) {
-      if (media.segments[i].key) {
-        return true;
-      }
-    }
-
-    return false;
-  };
-  /**
-   * Returns whether the current playlist contains fMP4
-   *
-   * @return {Boolean} true if the playlist contains fMP4
-   */
-
-
-  var isFmp4 = function isFmp4(media) {
-    for (var i = 0; i < media.segments.length; i++) {
-      if (media.segments[i].map) {
-        return true;
-      }
-    }
-
-    return false;
-  };
-  /**
-   * Checks if the playlist has a value for the specified attribute
-   *
-   * @param {String} attr
-   *        Attribute to check for
-   * @param {Object} playlist
-   *        The media playlist object
-   * @return {Boolean}
-   *         Whether the playlist contains a value for the attribute or not
-   * @function hasAttribute
-   */
-
-
-  var hasAttribute = function hasAttribute(attr, playlist) {
-    return playlist.attributes && playlist.attributes[attr];
-  };
-  /**
-   * Estimates the time required to complete a segment download from the specified playlist
-   *
-   * @param {Number} segmentDuration
-   *        Duration of requested segment
-   * @param {Number} bandwidth
-   *        Current measured bandwidth of the player
-   * @param {Object} playlist
-   *        The media playlist object
-   * @param {Number=} bytesReceived
-   *        Number of bytes already received for the request. Defaults to 0
-   * @return {Number|NaN}
-   *         The estimated time to request the segment. NaN if bandwidth information for
-   *         the given playlist is unavailable
-   * @function estimateSegmentRequestTime
-   */
-
-
-  var estimateSegmentRequestTime = function estimateSegmentRequestTime(segmentDuration, bandwidth, playlist) {
-    var bytesReceived = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-
-    if (!hasAttribute('BANDWIDTH', playlist)) {
-      return NaN;
-    }
-
-    var size = segmentDuration * playlist.attributes.BANDWIDTH;
-    return (size - bytesReceived * 8) / bandwidth;
-  };
-  /*
-   * Returns whether the current playlist is the lowest rendition
-   *
-   * @return {Boolean} true if on lowest rendition
-   */
-
-
-  var isLowestEnabledRendition = function isLowestEnabledRendition(master, media) {
-    if (master.playlists.length === 1) {
-      return true;
-    }
-
-    var currentBandwidth = media.attributes.BANDWIDTH || Number.MAX_VALUE;
-    return master.playlists.filter(function (playlist) {
-      if (!isEnabled(playlist)) {
-        return false;
-      }
-
-      return (playlist.attributes.BANDWIDTH || 0) < currentBandwidth;
-    }).length === 0;
-  }; // exports
-
-
-  var Playlist = {
-    duration: duration,
-    seekable: seekable,
-    safeLiveIndex: safeLiveIndex,
-    getMediaInfoForTime: getMediaInfoForTime,
-    isEnabled: isEnabled,
-    isDisabled: isDisabled,
-    isBlacklisted: isBlacklisted,
-    isIncompatible: isIncompatible,
-    playlistEnd: playlistEnd,
-    isAes: isAes,
-    isFmp4: isFmp4,
-    hasAttribute: hasAttribute,
-    estimateSegmentRequestTime: estimateSegmentRequestTime,
-    isLowestEnabledRendition: isLowestEnabledRendition
-  };
-  /**
-   * @file xhr.js
-   */
-
-  var videojsXHR = videojs$1.xhr,
-      mergeOptions$1$1 = videojs$1.mergeOptions;
-
-  var xhrFactory = function xhrFactory() {
-    var xhr = function XhrFunction(options, callback) {
-      // Add a default timeout for all hls requests
-      options = mergeOptions$1$1({
-        timeout: 45e3
-      }, options); // Allow an optional user-specified function to modify the option
-      // object before we construct the xhr request
-
-      var beforeRequest = XhrFunction.beforeRequest || videojs$1.Hls.xhr.beforeRequest;
-
-      if (beforeRequest && typeof beforeRequest === 'function') {
-        var newOptions = beforeRequest(options);
-
-        if (newOptions) {
-          options = newOptions;
-        }
-      }
-
-      var request = videojsXHR(options, function (error, response) {
-        var reqResponse = request.response;
-
-        if (!error && reqResponse) {
-          request.responseTime = Date.now();
-          request.roundTripTime = request.responseTime - request.requestTime;
-          request.bytesReceived = reqResponse.byteLength || reqResponse.length;
-
-          if (!request.bandwidth) {
-            request.bandwidth = Math.floor(request.bytesReceived / request.roundTripTime * 8 * 1000);
-          }
-        }
-
-        if (response.headers) {
-          request.responseHeaders = response.headers;
-        } // videojs.xhr now uses a specific code on the error
-        // object to signal that a request has timed out instead
-        // of setting a boolean on the request object
-
-
-        if (error && error.code === 'ETIMEDOUT') {
-          request.timedout = true;
-        } // videojs.xhr no longer considers status codes outside of 200 and 0
-        // (for file uris) to be errors, but the old XHR did, so emulate that
-        // behavior. Status 206 may be used in response to byterange requests.
-
-
-        if (!error && !request.aborted && response.statusCode !== 200 && response.statusCode !== 206 && response.statusCode !== 0) {
-          error = new Error('XHR Failed with a response of: ' + (request && (reqResponse || request.responseText)));
-        }
-
-        callback(error, request);
-      });
-      var originalAbort = request.abort;
-
-      request.abort = function () {
-        request.aborted = true;
-        return originalAbort.apply(request, arguments);
-      };
-
-      request.uri = options.uri;
-      request.requestTime = Date.now();
-      return request;
-    };
-
-    return xhr;
-  };
-  /**
-   * Turns segment byterange into a string suitable for use in
-   * HTTP Range requests
-   *
-   * @param {Object} byterange - an object with two values defining the start and end
-   *                             of a byte-range
-   */
-
-
-  var byterangeStr = function byterangeStr(byterange) {
-    var byterangeStart = void 0;
-    var byterangeEnd = void 0; // `byterangeEnd` is one less than `offset + length` because the HTTP range
-    // header uses inclusive ranges
-
-    byterangeEnd = byterange.offset + byterange.length - 1;
-    byterangeStart = byterange.offset;
-    return 'bytes=' + byterangeStart + '-' + byterangeEnd;
-  };
-  /**
-   * Defines headers for use in the xhr request for a particular segment.
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   */
-
-
-  var segmentXhrHeaders = function segmentXhrHeaders(segment) {
-    var headers = {};
-
-    if (segment.byterange) {
-      headers.Range = byterangeStr(segment.byterange);
-    }
-
-    return headers;
-  };
-  /**
-   * @file bin-utils.js
-   */
-
-  /**
-   * convert a TimeRange to text
-   *
-   * @param {TimeRange} range the timerange to use for conversion
-   * @param {Number} i the iterator on the range to convert
-   */
-
-
-  var textRange = function textRange(range, i) {
-    return range.start(i) + '-' + range.end(i);
-  };
-  /**
-   * format a number as hex string
-   *
-   * @param {Number} e The number
-   * @param {Number} i the iterator
-   */
-
-
-  var formatHexString = function formatHexString(e, i) {
-    var value = e.toString(16);
-    return '00'.substring(0, 2 - value.length) + value + (i % 2 ? ' ' : '');
-  };
-
-  var formatAsciiString = function formatAsciiString(e) {
-    if (e >= 0x20 && e < 0x7e) {
-      return String.fromCharCode(e);
-    }
-
-    return '.';
-  };
-  /**
-   * Creates an object for sending to a web worker modifying properties that are TypedArrays
-   * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
-   *
-   * @param {Object} message
-   *        Object of properties and values to send to the web worker
-   * @return {Object}
-   *         Modified message with TypedArray values expanded
-   * @function createTransferableMessage
-   */
-
-
-  var createTransferableMessage = function createTransferableMessage(message) {
-    var transferable = {};
-    Object.keys(message).forEach(function (key) {
-      var value = message[key];
-
-      if (ArrayBuffer.isView(value)) {
-        transferable[key] = {
-          bytes: value.buffer,
-          byteOffset: value.byteOffset,
-          byteLength: value.byteLength
-        };
-      } else {
-        transferable[key] = value;
-      }
-    });
-    return transferable;
-  };
-  /**
-   * Returns a unique string identifier for a media initialization
-   * segment.
-   */
-
-
-  var initSegmentId = function initSegmentId(initSegment) {
-    var byterange = initSegment.byterange || {
-      length: Infinity,
-      offset: 0
-    };
-    return [byterange.length, byterange.offset, initSegment.resolvedUri].join(',');
-  };
-  /**
-   * Returns a unique string identifier for a media segment key.
-   */
-
-
-  var segmentKeyId = function segmentKeyId(key) {
-    return key.resolvedUri;
-  };
-  /**
-   * utils to help dump binary data to the console
-   */
-
-
-  var hexDump = function hexDump(data) {
-    var bytes = Array.prototype.slice.call(data);
-    var step = 16;
-    var result = '';
-    var hex = void 0;
-    var ascii = void 0;
-
-    for (var j = 0; j < bytes.length / step; j++) {
-      hex = bytes.slice(j * step, j * step + step).map(formatHexString).join('');
-      ascii = bytes.slice(j * step, j * step + step).map(formatAsciiString).join('');
-      result += hex + ' ' + ascii + '\n';
-    }
-
-    return result;
-  };
-
-  var tagDump = function tagDump(_ref) {
-    var bytes = _ref.bytes;
-    return hexDump(bytes);
-  };
-
-  var textRanges = function textRanges(ranges) {
-    var result = '';
-    var i = void 0;
-
-    for (i = 0; i < ranges.length; i++) {
-      result += textRange(ranges, i) + ' ';
-    }
-
-    return result;
-  };
-
-  var utils$1 =
-  /*#__PURE__*/
-  Object.freeze({
-    createTransferableMessage: createTransferableMessage,
-    initSegmentId: initSegmentId,
-    segmentKeyId: segmentKeyId,
-    hexDump: hexDump,
-    tagDump: tagDump,
-    textRanges: textRanges
-  }); // TODO handle fmp4 case where the timing info is accurate and doesn't involve transmux
-  // Add 25% to the segment duration to account for small discrepencies in segment timing.
-  // 25% was arbitrarily chosen, and may need to be refined over time.
-
-  var SEGMENT_END_FUDGE_PERCENT = 0.25;
-  /**
-   * Converts a player time (any time that can be gotten/set from player.currentTime(),
-   * e.g., any time within player.seekable().start(0) to player.seekable().end(0)) to a
-   * program time (any time referencing the real world (e.g., EXT-X-PROGRAM-DATE-TIME)).
-   *
-   * The containing segment is required as the EXT-X-PROGRAM-DATE-TIME serves as an "anchor
-   * point" (a point where we have a mapping from program time to player time, with player
-   * time being the post transmux start of the segment).
-   *
-   * For more details, see [this doc](../../docs/program-time-from-player-time.md).
-   *
-   * @param {Number} playerTime the player time
-   * @param {Object} segment the segment which contains the player time
-   * @return {Date} program time
-   */
-
-  var playerTimeToProgramTime = function playerTimeToProgramTime(playerTime, segment) {
-    if (!segment.dateTimeObject) {
-      // Can't convert without an "anchor point" for the program time (i.e., a time that can
-      // be used to map the start of a segment with a real world time).
-      return null;
-    }
-
-    var transmuxerPrependedSeconds = segment.videoTimingInfo.transmuxerPrependedSeconds;
-    var transmuxedStart = segment.videoTimingInfo.transmuxedPresentationStart; // get the start of the content from before old content is prepended
-
-    var startOfSegment = transmuxedStart + transmuxerPrependedSeconds;
-    var offsetFromSegmentStart = playerTime - startOfSegment;
-    return new Date(segment.dateTimeObject.getTime() + offsetFromSegmentStart * 1000);
-  };
-
-  var originalSegmentVideoDuration = function originalSegmentVideoDuration(videoTimingInfo) {
-    return videoTimingInfo.transmuxedPresentationEnd - videoTimingInfo.transmuxedPresentationStart - videoTimingInfo.transmuxerPrependedSeconds;
-  };
-  /**
-   * Finds a segment that contains the time requested given as an ISO-8601 string. The
-   * returned segment might be an estimate or an accurate match.
-   *
-   * @param {String} programTime The ISO-8601 programTime to find a match for
-   * @param {Object} playlist A playlist object to search within
-   */
-
-
-  var findSegmentForProgramTime = function findSegmentForProgramTime(programTime, playlist) {
-    // Assumptions:
-    //  - verifyProgramDateTimeTags has already been run
-    //  - live streams have been started
-    var dateTimeObject = void 0;
-
-    try {
-      dateTimeObject = new Date(programTime);
-    } catch (e) {
-      return null;
-    }
-
-    if (!playlist || !playlist.segments || playlist.segments.length === 0) {
-      return null;
-    }
-
-    var segment = playlist.segments[0];
-
-    if (dateTimeObject < segment.dateTimeObject) {
-      // Requested time is before stream start.
-      return null;
-    }
-
-    for (var i = 0; i < playlist.segments.length - 1; i++) {
-      segment = playlist.segments[i];
-      var nextSegmentStart = playlist.segments[i + 1].dateTimeObject;
-
-      if (dateTimeObject < nextSegmentStart) {
-        break;
-      }
-    }
-
-    var lastSegment = playlist.segments[playlist.segments.length - 1];
-    var lastSegmentStart = lastSegment.dateTimeObject;
-    var lastSegmentDuration = lastSegment.videoTimingInfo ? originalSegmentVideoDuration(lastSegment.videoTimingInfo) : lastSegment.duration + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT;
-    var lastSegmentEnd = new Date(lastSegmentStart.getTime() + lastSegmentDuration * 1000);
-
-    if (dateTimeObject > lastSegmentEnd) {
-      // Beyond the end of the stream, or our best guess of the end of the stream.
-      return null;
-    }
-
-    if (dateTimeObject > lastSegmentStart) {
-      segment = lastSegment;
-    }
-
-    return {
-      segment: segment,
-      estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : Playlist.duration(playlist, playlist.mediaSequence + playlist.segments.indexOf(segment)),
-      // Although, given that all segments have accurate date time objects, the segment
-      // selected should be accurate, unless the video has been transmuxed at some point
-      // (determined by the presence of the videoTimingInfo object), the segment's "player
-      // time" (the start time in the player) can't be considered accurate.
-      type: segment.videoTimingInfo ? 'accurate' : 'estimate'
-    };
-  };
-  /**
-   * Finds a segment that contains the given player time(in seconds).
-   *
-   * @param {Number} time The player time to find a match for
-   * @param {Object} playlist A playlist object to search within
-   */
-
-
-  var findSegmentForPlayerTime = function findSegmentForPlayerTime(time, playlist) {
-    // Assumptions:
-    // - there will always be a segment.duration
-    // - we can start from zero
-    // - segments are in time order
-    if (!playlist || !playlist.segments || playlist.segments.length === 0) {
-      return null;
-    }
-
-    var segmentEnd = 0;
-    var segment = void 0;
-
-    for (var i = 0; i < playlist.segments.length; i++) {
-      segment = playlist.segments[i]; // videoTimingInfo is set after the segment is downloaded and transmuxed, and
-      // should contain the most accurate values we have for the segment's player times.
-      //
-      // Use the accurate transmuxedPresentationEnd value if it is available, otherwise fall
-      // back to an estimate based on the manifest derived (inaccurate) segment.duration, to
-      // calculate an end value.
-
-      segmentEnd = segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationEnd : segmentEnd + segment.duration;
-
-      if (time <= segmentEnd) {
-        break;
-      }
-    }
-
-    var lastSegment = playlist.segments[playlist.segments.length - 1];
-
-    if (lastSegment.videoTimingInfo && lastSegment.videoTimingInfo.transmuxedPresentationEnd < time) {
-      // The time requested is beyond the stream end.
-      return null;
-    }
-
-    if (time > segmentEnd) {
-      // The time is within or beyond the last segment.
-      //
-      // Check to see if the time is beyond a reasonable guess of the end of the stream.
-      if (time > segmentEnd + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT) {
-        // Technically, because the duration value is only an estimate, the time may still
-        // exist in the last segment, however, there isn't enough information to make even
-        // a reasonable estimate.
-        return null;
-      }
-
-      segment = lastSegment;
-    }
-
-    return {
-      segment: segment,
-      estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : segmentEnd - segment.duration,
-      // Because videoTimingInfo is only set after transmux, it is the only way to get
-      // accurate timing values.
-      type: segment.videoTimingInfo ? 'accurate' : 'estimate'
-    };
-  };
-  /**
-   * Gives the offset of the comparisonTimestamp from the programTime timestamp in seconds.
-   * If the offset returned is positive, the programTime occurs after the
-   * comparisonTimestamp.
-   * If the offset is negative, the programTime occurs before the comparisonTimestamp.
-   *
-   * @param {String} comparisonTimeStamp An ISO-8601 timestamp to compare against
-   * @param {String} programTime The programTime as an ISO-8601 string
-   * @return {Number} offset
-   */
-
-
-  var getOffsetFromTimestamp = function getOffsetFromTimestamp(comparisonTimeStamp, programTime) {
-    var segmentDateTime = void 0;
-    var programDateTime = void 0;
-
-    try {
-      segmentDateTime = new Date(comparisonTimeStamp);
-      programDateTime = new Date(programTime);
-    } catch (e) {// TODO handle error
-    }
-
-    var segmentTimeEpoch = segmentDateTime.getTime();
-    var programTimeEpoch = programDateTime.getTime();
-    return (programTimeEpoch - segmentTimeEpoch) / 1000;
-  };
-  /**
-   * Checks that all segments in this playlist have programDateTime tags.
-   *
-   * @param {Object} playlist A playlist object
-   */
-
-
-  var verifyProgramDateTimeTags = function verifyProgramDateTimeTags(playlist) {
-    if (!playlist.segments || playlist.segments.length === 0) {
-      return false;
-    }
-
-    for (var i = 0; i < playlist.segments.length; i++) {
-      var segment = playlist.segments[i];
-
-      if (!segment.dateTimeObject) {
-        return false;
-      }
-    }
-
-    return true;
-  };
-  /**
-   * Returns the programTime of the media given a playlist and a playerTime.
-   * The playlist must have programDateTime tags for a programDateTime tag to be returned.
-   * If the segments containing the time requested have not been buffered yet, an estimate
-   * may be returned to the callback.
-   *
-   * @param {Object} args
-   * @param {Object} args.playlist A playlist object to search within
-   * @param {Number} time A playerTime in seconds
-   * @param {Function} callback(err, programTime)
-   * @returns {String} err.message A detailed error message
-   * @returns {Object} programTime
-   * @returns {Number} programTime.mediaSeconds The streamTime in seconds
-   * @returns {String} programTime.programDateTime The programTime as an ISO-8601 String
-   */
-
-
-  var getProgramTime = function getProgramTime(_ref) {
-    var playlist = _ref.playlist,
-        _ref$time = _ref.time,
-        time = _ref$time === undefined ? undefined : _ref$time,
-        callback = _ref.callback;
-
-    if (!callback) {
-      throw new Error('getProgramTime: callback must be provided');
-    }
-
-    if (!playlist || time === undefined) {
-      return callback({
-        message: 'getProgramTime: playlist and time must be provided'
-      });
-    }
-
-    var matchedSegment = findSegmentForPlayerTime(time, playlist);
-
-    if (!matchedSegment) {
-      return callback({
-        message: 'valid programTime was not found'
-      });
-    }
-
-    if (matchedSegment.type === 'estimate') {
-      return callback({
-        message: 'Accurate programTime could not be determined.' + ' Please seek to e.seekTime and try again',
-        seekTime: matchedSegment.estimatedStart
-      });
-    }
-
-    var programTimeObject = {
-      mediaSeconds: time
-    };
-    var programTime = playerTimeToProgramTime(time, matchedSegment.segment);
-
-    if (programTime) {
-      programTimeObject.programDateTime = programTime.toISOString();
-    }
-
-    return callback(null, programTimeObject);
-  };
-  /**
-   * Seeks in the player to a time that matches the given programTime ISO-8601 string.
-   *
-   * @param {Object} args
-   * @param {String} args.programTime A programTime to seek to as an ISO-8601 String
-   * @param {Object} args.playlist A playlist to look within
-   * @param {Number} args.retryCount The number of times to try for an accurate seek. Default is 2.
-   * @param {Function} args.seekTo A method to perform a seek
-   * @param {Boolean} args.pauseAfterSeek Whether to end in a paused state after seeking. Default is true.
-   * @param {Object} args.tech The tech to seek on
-   * @param {Function} args.callback(err, newTime) A callback to return the new time to
-   * @returns {String} err.message A detailed error message
-   * @returns {Number} newTime The exact time that was seeked to in seconds
-   */
-
-
-  var seekToProgramTime = function seekToProgramTime(_ref2) {
-    var programTime = _ref2.programTime,
-        playlist = _ref2.playlist,
-        _ref2$retryCount = _ref2.retryCount,
-        retryCount = _ref2$retryCount === undefined ? 2 : _ref2$retryCount,
-        seekTo = _ref2.seekTo,
-        _ref2$pauseAfterSeek = _ref2.pauseAfterSeek,
-        pauseAfterSeek = _ref2$pauseAfterSeek === undefined ? true : _ref2$pauseAfterSeek,
-        tech = _ref2.tech,
-        callback = _ref2.callback;
-
-    if (!callback) {
-      throw new Error('seekToProgramTime: callback must be provided');
-    }
-
-    if (typeof programTime === 'undefined' || !playlist || !seekTo) {
-      return callback({
-        message: 'seekToProgramTime: programTime, seekTo and playlist must be provided'
-      });
-    }
-
-    if (!playlist.endList && !tech.hasStarted_) {
-      return callback({
-        message: 'player must be playing a live stream to start buffering'
-      });
-    }
-
-    if (!verifyProgramDateTimeTags(playlist)) {
-      return callback({
-        message: 'programDateTime tags must be provided in the manifest ' + playlist.resolvedUri
-      });
-    }
-
-    var matchedSegment = findSegmentForProgramTime(programTime, playlist); // no match
-
-    if (!matchedSegment) {
-      return callback({
-        message: programTime + ' was not found in the stream'
-      });
-    }
-
-    var segment = matchedSegment.segment;
-    var mediaOffset = getOffsetFromTimestamp(segment.dateTimeObject, programTime);
-
-    if (matchedSegment.type === 'estimate') {
-      // we've run out of retries
-      if (retryCount === 0) {
-        return callback({
-          message: programTime + ' is not buffered yet. Try again'
-        });
-      }
-
-      seekTo(matchedSegment.estimatedStart + mediaOffset);
-      tech.one('seeked', function () {
-        seekToProgramTime({
-          programTime: programTime,
-          playlist: playlist,
-          retryCount: retryCount - 1,
-          seekTo: seekTo,
-          pauseAfterSeek: pauseAfterSeek,
-          tech: tech,
-          callback: callback
-        });
-      });
-      return;
-    } // Since the segment.start value is determined from the buffered end or ending time
-    // of the prior segment, the seekToTime doesn't need to account for any transmuxer
-    // modifications.
-
-
-    var seekToTime = segment.start + mediaOffset;
-
-    var seekedCallback = function seekedCallback() {
-      return callback(null, tech.currentTime());
-    }; // listen for seeked event
-
-
-    tech.one('seeked', seekedCallback); // pause before seeking as video.js will restore this state
-
-    if (pauseAfterSeek) {
-      tech.pause();
-    }
-
-    seekTo(seekToTime);
-  };
-  /**
-   * ranges
-   *
-   * Utilities for working with TimeRanges.
-   *
-   */
-  // Fudge factor to account for TimeRanges rounding
-
-
-  var TIME_FUDGE_FACTOR = 1 / 30; // Comparisons between time values such as current time and the end of the buffered range
-  // can be misleading because of precision differences or when the current media has poorly
-  // aligned audio and video, which can cause values to be slightly off from what you would
-  // expect. This value is what we consider to be safe to use in such comparisons to account
-  // for these scenarios.
-
-  var SAFE_TIME_DELTA = TIME_FUDGE_FACTOR * 3;
-
-  var filterRanges = function filterRanges(timeRanges, predicate) {
-    var results = [];
-    var i = void 0;
-
-    if (timeRanges && timeRanges.length) {
-      // Search for ranges that match the predicate
-      for (i = 0; i < timeRanges.length; i++) {
-        if (predicate(timeRanges.start(i), timeRanges.end(i))) {
-          results.push([timeRanges.start(i), timeRanges.end(i)]);
-        }
-      }
-    }
-
-    return videojs$1.createTimeRanges(results);
-  };
-  /**
-   * Attempts to find the buffered TimeRange that contains the specified
-   * time.
-   * @param {TimeRanges} buffered - the TimeRanges object to query
-   * @param {number} time  - the time to filter on.
-   * @returns {TimeRanges} a new TimeRanges object
-   */
-
-
-  var findRange = function findRange(buffered, time) {
-    return filterRanges(buffered, function (start, end) {
-      return start - SAFE_TIME_DELTA <= time && end + SAFE_TIME_DELTA >= time;
-    });
-  };
-  /**
-   * Returns the TimeRanges that begin later than the specified time.
-   * @param {TimeRanges} timeRanges - the TimeRanges object to query
-   * @param {number} time - the time to filter on.
-   * @returns {TimeRanges} a new TimeRanges object.
-   */
-
-
-  var findNextRange = function findNextRange(timeRanges, time) {
-    return filterRanges(timeRanges, function (start) {
-      return start - TIME_FUDGE_FACTOR >= time;
-    });
-  };
-  /**
-   * Returns gaps within a list of TimeRanges
-   * @param {TimeRanges} buffered - the TimeRanges object
-   * @return {TimeRanges} a TimeRanges object of gaps
-   */
-
-
-  var findGaps = function findGaps(buffered) {
-    if (buffered.length < 2) {
-      return videojs$1.createTimeRanges();
-    }
-
-    var ranges = [];
-
-    for (var i = 1; i < buffered.length; i++) {
-      var start = buffered.end(i - 1);
-      var end = buffered.start(i);
-      ranges.push([start, end]);
-    }
-
-    return videojs$1.createTimeRanges(ranges);
-  };
-  /**
-   * Gets a human readable string for a TimeRange
-   *
-   * @param {TimeRange} range
-   * @returns {String} a human readable string
-   */
-
-
-  var printableRange = function printableRange(range) {
-    var strArr = [];
-
-    if (!range || !range.length) {
-      return '';
-    }
-
-    for (var i = 0; i < range.length; i++) {
-      strArr.push(range.start(i) + ' => ' + range.end(i));
-    }
-
-    return strArr.join(', ');
-  };
-  /**
-   * Calculates the amount of time left in seconds until the player hits the end of the
-   * buffer and causes a rebuffer
-   *
-   * @param {TimeRange} buffered
-   *        The state of the buffer
-   * @param {Numnber} currentTime
-   *        The current time of the player
-   * @param {Number} playbackRate
-   *        The current playback rate of the player. Defaults to 1.
-   * @return {Number}
-   *         Time until the player has to start rebuffering in seconds.
-   * @function timeUntilRebuffer
-   */
-
-
-  var timeUntilRebuffer = function timeUntilRebuffer(buffered, currentTime) {
-    var playbackRate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-    var bufferedEnd = buffered.length ? buffered.end(buffered.length - 1) : 0;
-    return (bufferedEnd - currentTime) / playbackRate;
-  };
-  /**
-   * Converts a TimeRanges object into an array representation
-   * @param {TimeRanges} timeRanges
-   * @returns {Array}
-   */
-
-
-  var timeRangesToArray = function timeRangesToArray(timeRanges) {
-    var timeRangesList = [];
-
-    for (var i = 0; i < timeRanges.length; i++) {
-      timeRangesList.push({
-        start: timeRanges.start(i),
-        end: timeRanges.end(i)
-      });
-    }
-
-    return timeRangesList;
-  };
-  /**
-   * @file create-text-tracks-if-necessary.js
-   */
-
-  /**
-   * Create text tracks on video.js if they exist on a segment.
-   *
-   * @param {Object} sourceBuffer the VSB or FSB
-   * @param {Object} mediaSource the HTML media source
-   * @param {Object} segment the segment that may contain the text track
-   * @private
-   */
-
-
-  var createTextTracksIfNecessary = function createTextTracksIfNecessary(sourceBuffer, mediaSource, segment) {
-    var player = mediaSource.player_; // create an in-band caption track if one is present in the segment
-
-    if (segment.captions && segment.captions.length) {
-      if (!sourceBuffer.inbandTextTracks_) {
-        sourceBuffer.inbandTextTracks_ = {};
-      }
-
-      for (var trackId in segment.captionStreams) {
-        if (!sourceBuffer.inbandTextTracks_[trackId]) {
-          player.tech_.trigger({
-            type: 'usage',
-            name: 'hls-608'
-          });
-          var track = player.textTracks().getTrackById(trackId);
-
-          if (track) {
-            // Resuse an existing track with a CC# id because this was
-            // very likely created by videojs-contrib-hls from information
-            // in the m3u8 for us to use
-            sourceBuffer.inbandTextTracks_[trackId] = track;
-          } else {
-            // Otherwise, create a track with the default `CC#` label and
-            // without a language
-            sourceBuffer.inbandTextTracks_[trackId] = player.addRemoteTextTrack({
-              kind: 'captions',
-              id: trackId,
-              label: trackId
-            }, false).track;
-          }
-        }
-      }
-    }
-
-    if (segment.metadata && segment.metadata.length && !sourceBuffer.metadataTrack_) {
-      sourceBuffer.metadataTrack_ = player.addRemoteTextTrack({
-        kind: 'metadata',
-        label: 'Timed Metadata'
-      }, false).track;
-      sourceBuffer.metadataTrack_.inBandMetadataTrackDispatchType = segment.metadata.dispatchType;
-    }
-  };
-  /**
-   * @file remove-cues-from-track.js
-   */
-
-  /**
-   * Remove cues from a track on video.js.
-   *
-   * @param {Double} start start of where we should remove the cue
-   * @param {Double} end end of where the we should remove the cue
-   * @param {Object} track the text track to remove the cues from
-   * @private
-   */
-
-
-  var removeCuesFromTrack = function removeCuesFromTrack(start, end, track) {
-    var i = void 0;
-    var cue = void 0;
-
-    if (!track) {
-      return;
-    }
-
-    if (!track.cues) {
-      return;
-    }
-
-    i = track.cues.length;
-
-    while (i--) {
-      cue = track.cues[i]; // Remove any overlapping cue
-
-      if (cue.startTime <= end && cue.endTime >= start) {
-        track.removeCue(cue);
-      }
-    }
-  };
-  /**
-   * @file add-text-track-data.js
-   */
-
-  /**
-   * Define properties on a cue for backwards compatability,
-   * but warn the user that the way that they are using it
-   * is depricated and will be removed at a later date.
-   *
-   * @param {Cue} cue the cue to add the properties on
-   * @private
-   */
-
-
-  var deprecateOldCue = function deprecateOldCue(cue) {
-    Object.defineProperties(cue.frame, {
-      id: {
-        get: function get() {
-          videojs$1.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');
-          return cue.value.key;
-        }
-      },
-      value: {
-        get: function get() {
-          videojs$1.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');
-          return cue.value.data;
-        }
-      },
-      privateData: {
-        get: function get() {
-          videojs$1.log.warn('cue.frame.privateData is deprecated. Use cue.value.data instead.');
-          return cue.value.data;
-        }
-      }
-    });
-  };
-
-  var durationOfVideo = function durationOfVideo(duration) {
-    var dur = void 0;
-
-    if (isNaN(duration) || Math.abs(duration) === Infinity) {
-      dur = Number.MAX_VALUE;
-    } else {
-      dur = duration;
-    }
-
-    return dur;
-  };
-  /**
-   * Add text track data to a source handler given the captions and
-   * metadata from the buffer.
-   *
-   * @param {Object} sourceHandler the virtual source buffer
-   * @param {Array} captionArray an array of caption data
-   * @param {Array} metadataArray an array of meta data
-   * @private
-   */
-
-
-  var addTextTrackData = function addTextTrackData(sourceHandler, captionArray, metadataArray) {
-    var Cue = window$1.WebKitDataCue || window$1.VTTCue;
-
-    if (captionArray) {
-      captionArray.forEach(function (caption) {
-        var track = caption.stream;
-        this.inbandTextTracks_[track].addCue(new Cue(caption.startTime + this.timestampOffset, caption.endTime + this.timestampOffset, caption.text));
-      }, sourceHandler);
-    }
-
-    if (metadataArray) {
-      var videoDuration = durationOfVideo(sourceHandler.mediaSource_.duration);
-      metadataArray.forEach(function (metadata) {
-        var time = metadata.cueTime + this.timestampOffset; // if time isn't a finite number between 0 and Infinity, like NaN,
-        // ignore this bit of metadata.
-        // This likely occurs when you have an non-timed ID3 tag like TIT2,
-        // which is the "Title/Songname/Content description" frame
-
-        if (typeof time !== 'number' || window$1.isNaN(time) || time < 0 || !(time < Infinity)) {
-          return;
-        }
-
-        metadata.frames.forEach(function (frame) {
-          var cue = new Cue(time, time, frame.value || frame.url || frame.data || '');
-          cue.frame = frame;
-          cue.value = frame;
-          deprecateOldCue(cue);
-          this.metadataTrack_.addCue(cue);
-        }, this);
-      }, sourceHandler); // Updating the metadeta cues so that
-      // the endTime of each cue is the startTime of the next cue
-      // the endTime of last cue is the duration of the video
-
-      if (sourceHandler.metadataTrack_ && sourceHandler.metadataTrack_.cues && sourceHandler.metadataTrack_.cues.length) {
-        var cues = sourceHandler.metadataTrack_.cues;
-        var cuesArray = []; // Create a copy of the TextTrackCueList...
-        // ...disregarding cues with a falsey value
-
-        for (var i = 0; i < cues.length; i++) {
-          if (cues[i]) {
-            cuesArray.push(cues[i]);
-          }
-        } // Group cues by their startTime value
-
-
-        var cuesGroupedByStartTime = cuesArray.reduce(function (obj, cue) {
-          var timeSlot = obj[cue.startTime] || [];
-          timeSlot.push(cue);
-          obj[cue.startTime] = timeSlot;
-          return obj;
-        }, {}); // Sort startTimes by ascending order
-
-        var sortedStartTimes = Object.keys(cuesGroupedByStartTime).sort(function (a, b) {
-          return Number(a) - Number(b);
-        }); // Map each cue group's endTime to the next group's startTime
-
-        sortedStartTimes.forEach(function (startTime, idx) {
-          var cueGroup = cuesGroupedByStartTime[startTime];
-          var nextTime = Number(sortedStartTimes[idx + 1]) || videoDuration; // Map each cue's endTime the next group's startTime
-
-          cueGroup.forEach(function (cue) {
-            cue.endTime = nextTime;
-          });
-        });
-      }
-    }
-  };
-
-  var win = typeof window !== 'undefined' ? window : {},
-      TARGET = typeof Symbol === 'undefined' ? '__target' : Symbol(),
-      SCRIPT_TYPE = 'application/javascript',
-      BlobBuilder = win.BlobBuilder || win.WebKitBlobBuilder || win.MozBlobBuilder || win.MSBlobBuilder,
-      URL = win.URL || win.webkitURL || URL && URL.msURL,
-      Worker = win.Worker;
-  /**
-   * Returns a wrapper around Web Worker code that is constructible.
-   *
-   * @function shimWorker
-   *
-   * @param { String }    filename    The name of the file
-   * @param { Function }  fn          Function wrapping the code of the worker
-   */
-
-  function shimWorker(filename, fn) {
-    return function ShimWorker(forceFallback) {
-      var o = this;
-
-      if (!fn) {
-        return new Worker(filename);
-      } else if (Worker && !forceFallback) {
-        // Convert the function's inner code to a string to construct the worker
-        var source = fn.toString().replace(/^function.+?{/, '').slice(0, -1),
-            objURL = createSourceObject(source);
-        this[TARGET] = new Worker(objURL);
-        wrapTerminate(this[TARGET], objURL);
-        return this[TARGET];
-      } else {
-        var selfShim = {
-          postMessage: function postMessage(m) {
-            if (o.onmessage) {
-              setTimeout(function () {
-                o.onmessage({
-                  data: m,
-                  target: selfShim
-                });
-              });
-            }
-          }
-        };
-        fn.call(selfShim);
-
-        this.postMessage = function (m) {
-          setTimeout(function () {
-            selfShim.onmessage({
-              data: m,
-              target: o
-            });
-          });
-        };
-
-        this.isThisThread = true;
-      }
-    };
-  } // Test Worker capabilities
-
-
-  if (Worker) {
-    var testWorker,
-        objURL = createSourceObject('self.onmessage = function () {}'),
-        testArray = new Uint8Array(1);
-
-    try {
-      testWorker = new Worker(objURL); // Native browser on some Samsung devices throws for transferables, let's detect it
-
-      testWorker.postMessage(testArray, [testArray.buffer]);
-    } catch (e) {
-      Worker = null;
-    } finally {
-      URL.revokeObjectURL(objURL);
-
-      if (testWorker) {
-        testWorker.terminate();
-      }
-    }
-  }
-
-  function createSourceObject(str) {
-    try {
-      return URL.createObjectURL(new Blob([str], {
-        type: SCRIPT_TYPE
-      }));
-    } catch (e) {
-      var blob = new BlobBuilder();
-      blob.append(str);
-      return URL.createObjectURL(blob.getBlob(type));
-    }
-  }
-
-  function wrapTerminate(worker, objURL) {
-    if (!worker || !objURL) return;
-    var term = worker.terminate;
-    worker.objURL = objURL;
-
-    worker.terminate = function () {
-      if (worker.objURL) URL.revokeObjectURL(worker.objURL);
-      term.call(worker);
-    };
-  }
-
-  var TransmuxWorker = new shimWorker("./transmuxer-worker.worker.js", function (window, document$$1) {
-    var self = this;
-
-    var transmuxerWorker = function () {
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       *
-       * A lightweight readable stream implemention that handles event dispatching.
-       * Objects that inherit from streams should call init in their constructors.
-       */
-      var Stream = function Stream() {
-        this.init = function () {
-          var listeners = {};
-          /**
-           * Add a listener for a specified event type.
-           * @param type {string} the event name
-           * @param listener {function} the callback to be invoked when an event of
-           * the specified type occurs
-           */
-
-          this.on = function (type, listener) {
-            if (!listeners[type]) {
-              listeners[type] = [];
-            }
-
-            listeners[type] = listeners[type].concat(listener);
-          };
-          /**
-           * Remove a listener for a specified event type.
-           * @param type {string} the event name
-           * @param listener {function} a function previously registered for this
-           * type of event through `on`
-           */
-
-
-          this.off = function (type, listener) {
-            var index;
-
-            if (!listeners[type]) {
-              return false;
-            }
-
-            index = listeners[type].indexOf(listener);
-            listeners[type] = listeners[type].slice();
-            listeners[type].splice(index, 1);
-            return index > -1;
-          };
-          /**
-           * Trigger an event of the specified type on this stream. Any additional
-           * arguments to this function are passed as parameters to event listeners.
-           * @param type {string} the event name
-           */
-
-
-          this.trigger = function (type) {
-            var callbacks, i, length, args;
-            callbacks = listeners[type];
-
-            if (!callbacks) {
-              return;
-            } // Slicing the arguments on every invocation of this method
-            // can add a significant amount of overhead. Avoid the
-            // intermediate object creation for the common case of a
-            // single callback argument
-
-
-            if (arguments.length === 2) {
-              length = callbacks.length;
-
-              for (i = 0; i < length; ++i) {
-                callbacks[i].call(this, arguments[1]);
-              }
-            } else {
-              args = [];
-              i = arguments.length;
-
-              for (i = 1; i < arguments.length; ++i) {
-                args.push(arguments[i]);
-              }
-
-              length = callbacks.length;
-
-              for (i = 0; i < length; ++i) {
-                callbacks[i].apply(this, args);
-              }
-            }
-          };
-          /**
-           * Destroys the stream and cleans up.
-           */
-
-
-          this.dispose = function () {
-            listeners = {};
-          };
-        };
-      };
-      /**
-       * Forwards all `data` events on this stream to the destination stream. The
-       * destination stream should provide a method `push` to receive the data
-       * events as they arrive.
-       * @param destination {stream} the stream that will receive all `data` events
-       * @param autoFlush {boolean} if false, we will not call `flush` on the destination
-       *                            when the current stream emits a 'done' event
-       * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-       */
-
-
-      Stream.prototype.pipe = function (destination) {
-        this.on('data', function (data) {
-          destination.push(data);
-        });
-        this.on('done', function (flushSource) {
-          destination.flush(flushSource);
-        });
-        this.on('partialdone', function (flushSource) {
-          destination.partialFlush(flushSource);
-        });
-        this.on('endedtimeline', function (flushSource) {
-          destination.endTimeline(flushSource);
-        });
-        this.on('reset', function (flushSource) {
-          destination.reset(flushSource);
-        });
-        return destination;
-      }; // Default stream functions that are expected to be overridden to perform
-      // actual work. These are provided by the prototype as a sort of no-op
-      // implementation so that we don't have to check for their existence in the
-      // `pipe` function above.
-
-
-      Stream.prototype.push = function (data) {
-        this.trigger('data', data);
-      };
-
-      Stream.prototype.flush = function (flushSource) {
-        this.trigger('done', flushSource);
-      };
-
-      Stream.prototype.partialFlush = function (flushSource) {
-        this.trigger('partialdone', flushSource);
-      };
-
-      Stream.prototype.endTimeline = function (flushSource) {
-        this.trigger('endedtimeline', flushSource);
-      };
-
-      Stream.prototype.reset = function (flushSource) {
-        this.trigger('reset', flushSource);
-      };
-
-      var stream = Stream;
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       *
-       * Functions that generate fragmented MP4s suitable for use with Media
-       * Source Extensions.
-       */
-
-      var UINT32_MAX = Math.pow(2, 32) - 1;
-      var box, dinf, esds, ftyp, mdat, mfhd, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, sdtp, stbl, stsd, traf, trex, trun, types, MAJOR_BRAND, MINOR_VERSION, AVC1_BRAND, VIDEO_HDLR, AUDIO_HDLR, HDLR_TYPES, VMHD, SMHD, DREF, STCO, STSC, STSZ, STTS; // pre-calculate constants
-
-      (function () {
-        var i;
-        types = {
-          avc1: [],
-          // codingname
-          avcC: [],
-          btrt: [],
-          dinf: [],
-          dref: [],
-          esds: [],
-          ftyp: [],
-          hdlr: [],
-          mdat: [],
-          mdhd: [],
-          mdia: [],
-          mfhd: [],
-          minf: [],
-          moof: [],
-          moov: [],
-          mp4a: [],
-          // codingname
-          mvex: [],
-          mvhd: [],
-          pasp: [],
-          sdtp: [],
-          smhd: [],
-          stbl: [],
-          stco: [],
-          stsc: [],
-          stsd: [],
-          stsz: [],
-          stts: [],
-          styp: [],
-          tfdt: [],
-          tfhd: [],
-          traf: [],
-          trak: [],
-          trun: [],
-          trex: [],
-          tkhd: [],
-          vmhd: []
-        }; // In environments where Uint8Array is undefined (e.g., IE8), skip set up so that we
-        // don't throw an error
-
-        if (typeof Uint8Array === 'undefined') {
-          return;
-        }
-
-        for (i in types) {
-          if (types.hasOwnProperty(i)) {
-            types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)];
-          }
-        }
-
-        MAJOR_BRAND = new Uint8Array(['i'.charCodeAt(0), 's'.charCodeAt(0), 'o'.charCodeAt(0), 'm'.charCodeAt(0)]);
-        AVC1_BRAND = new Uint8Array(['a'.charCodeAt(0), 'v'.charCodeAt(0), 'c'.charCodeAt(0), '1'.charCodeAt(0)]);
-        MINOR_VERSION = new Uint8Array([0, 0, 0, 1]);
-        VIDEO_HDLR = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x00, // pre_defined
-        0x76, 0x69, 0x64, 0x65, // handler_type: 'vide'
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x56, 0x69, 0x64, 0x65, 0x6f, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'VideoHandler'
-        ]);
-        AUDIO_HDLR = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x00, // pre_defined
-        0x73, 0x6f, 0x75, 0x6e, // handler_type: 'soun'
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x53, 0x6f, 0x75, 0x6e, 0x64, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'SoundHandler'
-        ]);
-        HDLR_TYPES = {
-          video: VIDEO_HDLR,
-          audio: AUDIO_HDLR
-        };
-        DREF = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x01, // entry_count
-        0x00, 0x00, 0x00, 0x0c, // entry_size
-        0x75, 0x72, 0x6c, 0x20, // 'url' type
-        0x00, // version 0
-        0x00, 0x00, 0x01 // entry_flags
-        ]);
-        SMHD = new Uint8Array([0x00, // version
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, // balance, 0 means centered
-        0x00, 0x00 // reserved
-        ]);
-        STCO = new Uint8Array([0x00, // version
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x00 // entry_count
-        ]);
-        STSC = STCO;
-        STSZ = new Uint8Array([0x00, // version
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x00, // sample_size
-        0x00, 0x00, 0x00, 0x00 // sample_count
-        ]);
-        STTS = STCO;
-        VMHD = new Uint8Array([0x00, // version
-        0x00, 0x00, 0x01, // flags
-        0x00, 0x00, // graphicsmode
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor
-        ]);
-      })();
-
-      box = function box(type) {
-        var payload = [],
-            size = 0,
-            i,
-            result,
-            view;
-
-        for (i = 1; i < arguments.length; i++) {
-          payload.push(arguments[i]);
-        }
-
-        i = payload.length; // calculate the total size we need to allocate
-
-        while (i--) {
-          size += payload[i].byteLength;
-        }
-
-        result = new Uint8Array(size + 8);
-        view = new DataView(result.buffer, result.byteOffset, result.byteLength);
-        view.setUint32(0, result.byteLength);
-        result.set(type, 4); // copy the payload into the result
-
-        for (i = 0, size = 8; i < payload.length; i++) {
-          result.set(payload[i], size);
-          size += payload[i].byteLength;
-        }
-
-        return result;
-      };
-
-      dinf = function dinf() {
-        return box(types.dinf, box(types.dref, DREF));
-      };
-
-      esds = function esds(track) {
-        return box(types.esds, new Uint8Array([0x00, // version
-        0x00, 0x00, 0x00, // flags
-        // ES_Descriptor
-        0x03, // tag, ES_DescrTag
-        0x19, // length
-        0x00, 0x00, // ES_ID
-        0x00, // streamDependenceFlag, URL_flag, reserved, streamPriority
-        // DecoderConfigDescriptor
-        0x04, // tag, DecoderConfigDescrTag
-        0x11, // length
-        0x40, // object type
-        0x15, // streamType
-        0x00, 0x06, 0x00, // bufferSizeDB
-        0x00, 0x00, 0xda, 0xc0, // maxBitrate
-        0x00, 0x00, 0xda, 0xc0, // avgBitrate
-        // DecoderSpecificInfo
-        0x05, // tag, DecoderSpecificInfoTag
-        0x02, // length
-        // ISO/IEC 14496-3, AudioSpecificConfig
-        // for samplingFrequencyIndex see ISO/IEC 13818-7:2006, 8.1.3.2.2, Table 35
-        track.audioobjecttype << 3 | track.samplingfrequencyindex >>> 1, track.samplingfrequencyindex << 7 | track.channelcount << 3, 0x06, 0x01, 0x02 // GASpecificConfig
-        ]));
-      };
-
-      ftyp = function ftyp() {
-        return box(types.ftyp, MAJOR_BRAND, MINOR_VERSION, MAJOR_BRAND, AVC1_BRAND);
-      };
-
-      hdlr = function hdlr(type) {
-        return box(types.hdlr, HDLR_TYPES[type]);
-      };
-
-      mdat = function mdat(data) {
-        return box(types.mdat, data);
-      };
-
-      mdhd = function mdhd(track) {
-        var result = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x02, // creation_time
-        0x00, 0x00, 0x00, 0x03, // modification_time
-        0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
-        track.duration >>> 24 & 0xFF, track.duration >>> 16 & 0xFF, track.duration >>> 8 & 0xFF, track.duration & 0xFF, // duration
-        0x55, 0xc4, // 'und' language (undetermined)
-        0x00, 0x00]); // Use the sample rate from the track metadata, when it is
-        // defined. The sample rate can be parsed out of an ADTS header, for
-        // instance.
-
-        if (track.samplerate) {
-          result[12] = track.samplerate >>> 24 & 0xFF;
-          result[13] = track.samplerate >>> 16 & 0xFF;
-          result[14] = track.samplerate >>> 8 & 0xFF;
-          result[15] = track.samplerate & 0xFF;
-        }
-
-        return box(types.mdhd, result);
-      };
-
-      mdia = function mdia(track) {
-        return box(types.mdia, mdhd(track), hdlr(track.type), minf(track));
-      };
-
-      mfhd = function mfhd(sequenceNumber) {
-        return box(types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags
-        (sequenceNumber & 0xFF000000) >> 24, (sequenceNumber & 0xFF0000) >> 16, (sequenceNumber & 0xFF00) >> 8, sequenceNumber & 0xFF // sequence_number
-        ]));
-      };
-
-      minf = function minf(track) {
-        return box(types.minf, track.type === 'video' ? box(types.vmhd, VMHD) : box(types.smhd, SMHD), dinf(), stbl(track));
-      };
-
-      moof = function moof(sequenceNumber, tracks) {
-        var trackFragments = [],
-            i = tracks.length; // build traf boxes for each track fragment
-
-        while (i--) {
-          trackFragments[i] = traf(tracks[i]);
-        }
-
-        return box.apply(null, [types.moof, mfhd(sequenceNumber)].concat(trackFragments));
-      };
-      /**
-       * Returns a movie box.
-       * @param tracks {array} the tracks associated with this movie
-       * @see ISO/IEC 14496-12:2012(E), section 8.2.1
-       */
-
-
-      moov = function moov(tracks) {
-        var i = tracks.length,
-            boxes = [];
-
-        while (i--) {
-          boxes[i] = trak(tracks[i]);
-        }
-
-        return box.apply(null, [types.moov, mvhd(0xffffffff)].concat(boxes).concat(mvex(tracks)));
-      };
-
-      mvex = function mvex(tracks) {
-        var i = tracks.length,
-            boxes = [];
-
-        while (i--) {
-          boxes[i] = trex(tracks[i]);
-        }
-
-        return box.apply(null, [types.mvex].concat(boxes));
-      };
-
-      mvhd = function mvhd(duration) {
-        var bytes = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        0x00, 0x00, 0x00, 0x01, // creation_time
-        0x00, 0x00, 0x00, 0x02, // modification_time
-        0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
-        (duration & 0xFF000000) >> 24, (duration & 0xFF0000) >> 16, (duration & 0xFF00) >> 8, duration & 0xFF, // duration
-        0x00, 0x01, 0x00, 0x00, // 1.0 rate
-        0x01, 0x00, // 1.0 volume
-        0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
-        0xff, 0xff, 0xff, 0xff // next_track_ID
-        ]);
-        return box(types.mvhd, bytes);
-      };
-
-      sdtp = function sdtp(track) {
-        var samples = track.samples || [],
-            bytes = new Uint8Array(4 + samples.length),
-            flags,
-            i; // leave the full box header (4 bytes) all zero
-        // write the sample table
-
-        for (i = 0; i < samples.length; i++) {
-          flags = samples[i].flags;
-          bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy;
-        }
-
-        return box(types.sdtp, bytes);
-      };
-
-      stbl = function stbl(track) {
-        return box(types.stbl, stsd(track), box(types.stts, STTS), box(types.stsc, STSC), box(types.stsz, STSZ), box(types.stco, STCO));
-      };
-
-      (function () {
-        var videoSample, audioSample;
-
-        stsd = function stsd(track) {
-          return box(types.stsd, new Uint8Array([0x00, // version 0
-          0x00, 0x00, 0x00, // flags
-          0x00, 0x00, 0x00, 0x01]), track.type === 'video' ? videoSample(track) : audioSample(track));
-        };
-
-        videoSample = function videoSample(track) {
-          var sps = track.sps || [],
-              pps = track.pps || [],
-              sequenceParameterSets = [],
-              pictureParameterSets = [],
-              i,
-              avc1Box; // assemble the SPSs
-
-          for (i = 0; i < sps.length; i++) {
-            sequenceParameterSets.push((sps[i].byteLength & 0xFF00) >>> 8);
-            sequenceParameterSets.push(sps[i].byteLength & 0xFF); // sequenceParameterSetLength
-
-            sequenceParameterSets = sequenceParameterSets.concat(Array.prototype.slice.call(sps[i])); // SPS
-          } // assemble the PPSs
-
-
-          for (i = 0; i < pps.length; i++) {
-            pictureParameterSets.push((pps[i].byteLength & 0xFF00) >>> 8);
-            pictureParameterSets.push(pps[i].byteLength & 0xFF);
-            pictureParameterSets = pictureParameterSets.concat(Array.prototype.slice.call(pps[i]));
-          }
-
-          avc1Box = [types.avc1, new Uint8Array([0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-          0x00, 0x01, // data_reference_index
-          0x00, 0x00, // pre_defined
-          0x00, 0x00, // reserved
-          0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined
-          (track.width & 0xff00) >> 8, track.width & 0xff, // width
-          (track.height & 0xff00) >> 8, track.height & 0xff, // height
-          0x00, 0x48, 0x00, 0x00, // horizresolution
-          0x00, 0x48, 0x00, 0x00, // vertresolution
-          0x00, 0x00, 0x00, 0x00, // reserved
-          0x00, 0x01, // frame_count
-          0x13, 0x76, 0x69, 0x64, 0x65, 0x6f, 0x6a, 0x73, 0x2d, 0x63, 0x6f, 0x6e, 0x74, 0x72, 0x69, 0x62, 0x2d, 0x68, 0x6c, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname
-          0x00, 0x18, // depth = 24
-          0x11, 0x11 // pre_defined = -1
-          ]), box(types.avcC, new Uint8Array([0x01, // configurationVersion
-          track.profileIdc, // AVCProfileIndication
-          track.profileCompatibility, // profile_compatibility
-          track.levelIdc, // AVCLevelIndication
-          0xff // lengthSizeMinusOne, hard-coded to 4 bytes
-          ].concat([sps.length], // numOfSequenceParameterSets
-          sequenceParameterSets, // "SPS"
-          [pps.length], // numOfPictureParameterSets
-          pictureParameterSets // "PPS"
-          ))), box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB
-          0x00, 0x2d, 0xc6, 0xc0, // maxBitrate
-          0x00, 0x2d, 0xc6, 0xc0 // avgBitrate
-          ]))];
-
-          if (track.sarRatio) {
-            var hSpacing = track.sarRatio[0],
-                vSpacing = track.sarRatio[1];
-            avc1Box.push(box(types.pasp, new Uint8Array([(hSpacing & 0xFF000000) >> 24, (hSpacing & 0xFF0000) >> 16, (hSpacing & 0xFF00) >> 8, hSpacing & 0xFF, (vSpacing & 0xFF000000) >> 24, (vSpacing & 0xFF0000) >> 16, (vSpacing & 0xFF00) >> 8, vSpacing & 0xFF])));
-          }
-
-          return box.apply(null, avc1Box);
-        };
-
-        audioSample = function audioSample(track) {
-          return box(types.mp4a, new Uint8Array([// SampleEntry, ISO/IEC 14496-12
-          0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-          0x00, 0x01, // data_reference_index
-          // AudioSampleEntry, ISO/IEC 14496-12
-          0x00, 0x00, 0x00, 0x00, // reserved
-          0x00, 0x00, 0x00, 0x00, // reserved
-          (track.channelcount & 0xff00) >> 8, track.channelcount & 0xff, // channelcount
-          (track.samplesize & 0xff00) >> 8, track.samplesize & 0xff, // samplesize
-          0x00, 0x00, // pre_defined
-          0x00, 0x00, // reserved
-          (track.samplerate & 0xff00) >> 8, track.samplerate & 0xff, 0x00, 0x00 // samplerate, 16.16
-          // MP4AudioSampleEntry, ISO/IEC 14496-14
-          ]), esds(track));
-        };
-      })();
-
-      tkhd = function tkhd(track) {
-        var result = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x07, // flags
-        0x00, 0x00, 0x00, 0x00, // creation_time
-        0x00, 0x00, 0x00, 0x00, // modification_time
-        (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-        0x00, 0x00, 0x00, 0x00, // reserved
-        (track.duration & 0xFF000000) >> 24, (track.duration & 0xFF0000) >> 16, (track.duration & 0xFF00) >> 8, track.duration & 0xFF, // duration
-        0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
-        0x00, 0x00, // layer
-        0x00, 0x00, // alternate_group
-        0x01, 0x00, // non-audio track volume
-        0x00, 0x00, // reserved
-        0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix
-        (track.width & 0xFF00) >> 8, track.width & 0xFF, 0x00, 0x00, // width
-        (track.height & 0xFF00) >> 8, track.height & 0xFF, 0x00, 0x00 // height
-        ]);
-        return box(types.tkhd, result);
-      };
-      /**
-       * Generate a track fragment (traf) box. A traf box collects metadata
-       * about tracks in a movie fragment (moof) box.
-       */
-
-
-      traf = function traf(track) {
-        var trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable, dataOffset, upperWordBaseMediaDecodeTime, lowerWordBaseMediaDecodeTime;
-        trackFragmentHeader = box(types.tfhd, new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x3a, // flags
-        (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-        0x00, 0x00, 0x00, 0x01, // sample_description_index
-        0x00, 0x00, 0x00, 0x00, // default_sample_duration
-        0x00, 0x00, 0x00, 0x00, // default_sample_size
-        0x00, 0x00, 0x00, 0x00 // default_sample_flags
-        ]));
-        upperWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime / (UINT32_MAX + 1));
-        lowerWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime % (UINT32_MAX + 1));
-        trackFragmentDecodeTime = box(types.tfdt, new Uint8Array([0x01, // version 1
-        0x00, 0x00, 0x00, // flags
-        // baseMediaDecodeTime
-        upperWordBaseMediaDecodeTime >>> 24 & 0xFF, upperWordBaseMediaDecodeTime >>> 16 & 0xFF, upperWordBaseMediaDecodeTime >>> 8 & 0xFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >>> 24 & 0xFF, lowerWordBaseMediaDecodeTime >>> 16 & 0xFF, lowerWordBaseMediaDecodeTime >>> 8 & 0xFF, lowerWordBaseMediaDecodeTime & 0xFF])); // the data offset specifies the number of bytes from the start of
-        // the containing moof to the first payload byte of the associated
-        // mdat
-
-        dataOffset = 32 + // tfhd
-        20 + // tfdt
-        8 + // traf header
-        16 + // mfhd
-        8 + // moof header
-        8; // mdat header
-        // audio tracks require less metadata
-
-        if (track.type === 'audio') {
-          trackFragmentRun = trun(track, dataOffset);
-          return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun);
-        } // video tracks should contain an independent and disposable samples
-        // box (sdtp)
-        // generate one and adjust offsets to match
-
-
-        sampleDependencyTable = sdtp(track);
-        trackFragmentRun = trun(track, sampleDependencyTable.length + dataOffset);
-        return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable);
-      };
-      /**
-       * Generate a track box.
-       * @param track {object} a track definition
-       * @return {Uint8Array} the track box
-       */
-
-
-      trak = function trak(track) {
-        track.duration = track.duration || 0xffffffff;
-        return box(types.trak, tkhd(track), mdia(track));
-      };
-
-      trex = function trex(track) {
-        var result = new Uint8Array([0x00, // version 0
-        0x00, 0x00, 0x00, // flags
-        (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
-        0x00, 0x00, 0x00, 0x01, // default_sample_description_index
-        0x00, 0x00, 0x00, 0x00, // default_sample_duration
-        0x00, 0x00, 0x00, 0x00, // default_sample_size
-        0x00, 0x01, 0x00, 0x01 // default_sample_flags
-        ]); // the last two bytes of default_sample_flags is the sample
-        // degradation priority, a hint about the importance of this sample
-        // relative to others. Lower the degradation priority for all sample
-        // types other than video.
-
-        if (track.type !== 'video') {
-          result[result.length - 1] = 0x00;
-        }
-
-        return box(types.trex, result);
-      };
-
-      (function () {
-        var audioTrun, videoTrun, trunHeader; // This method assumes all samples are uniform. That is, if a
-        // duration is present for the first sample, it will be present for
-        // all subsequent samples.
-        // see ISO/IEC 14496-12:2012, Section 8.8.8.1
-
-        trunHeader = function trunHeader(samples, offset) {
-          var durationPresent = 0,
-              sizePresent = 0,
-              flagsPresent = 0,
-              compositionTimeOffset = 0; // trun flag constants
-
-          if (samples.length) {
-            if (samples[0].duration !== undefined) {
-              durationPresent = 0x1;
-            }
-
-            if (samples[0].size !== undefined) {
-              sizePresent = 0x2;
-            }
-
-            if (samples[0].flags !== undefined) {
-              flagsPresent = 0x4;
-            }
-
-            if (samples[0].compositionTimeOffset !== undefined) {
-              compositionTimeOffset = 0x8;
-            }
-          }
-
-          return [0x00, // version 0
-          0x00, durationPresent | sizePresent | flagsPresent | compositionTimeOffset, 0x01, // flags
-          (samples.length & 0xFF000000) >>> 24, (samples.length & 0xFF0000) >>> 16, (samples.length & 0xFF00) >>> 8, samples.length & 0xFF, // sample_count
-          (offset & 0xFF000000) >>> 24, (offset & 0xFF0000) >>> 16, (offset & 0xFF00) >>> 8, offset & 0xFF // data_offset
-          ];
-        };
-
-        videoTrun = function videoTrun(track, offset) {
-          var bytes, samples, sample, i;
-          samples = track.samples || [];
-          offset += 8 + 12 + 16 * samples.length;
-          bytes = trunHeader(samples, offset);
-
-          for (i = 0; i < samples.length; i++) {
-            sample = samples[i];
-            bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
-            (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF, // sample_size
-            sample.flags.isLeading << 2 | sample.flags.dependsOn, sample.flags.isDependedOn << 6 | sample.flags.hasRedundancy << 4 | sample.flags.paddingValue << 1 | sample.flags.isNonSyncSample, sample.flags.degradationPriority & 0xF0 << 8, sample.flags.degradationPriority & 0x0F, // sample_flags
-            (sample.compositionTimeOffset & 0xFF000000) >>> 24, (sample.compositionTimeOffset & 0xFF0000) >>> 16, (sample.compositionTimeOffset & 0xFF00) >>> 8, sample.compositionTimeOffset & 0xFF // sample_composition_time_offset
-            ]);
-          }
-
-          return box(types.trun, new Uint8Array(bytes));
-        };
-
-        audioTrun = function audioTrun(track, offset) {
-          var bytes, samples, sample, i;
-          samples = track.samples || [];
-          offset += 8 + 12 + 8 * samples.length;
-          bytes = trunHeader(samples, offset);
-
-          for (i = 0; i < samples.length; i++) {
-            sample = samples[i];
-            bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
-            (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF]); // sample_size
-          }
-
-          return box(types.trun, new Uint8Array(bytes));
-        };
-
-        trun = function trun(track, offset) {
-          if (track.type === 'audio') {
-            return audioTrun(track, offset);
-          }
-
-          return videoTrun(track, offset);
-        };
-      })();
-
-      var mp4Generator = {
-        ftyp: ftyp,
-        mdat: mdat,
-        moof: moof,
-        moov: moov,
-        initSegment: function initSegment(tracks) {
-          var fileType = ftyp(),
-              movie = moov(tracks),
-              result;
-          result = new Uint8Array(fileType.byteLength + movie.byteLength);
-          result.set(fileType);
-          result.set(movie, fileType.byteLength);
-          return result;
-        }
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-      // Convert an array of nal units into an array of frames with each frame being
-      // composed of the nal units that make up that frame
-      // Also keep track of cummulative data about the frame from the nal units such
-      // as the frame duration, starting pts, etc.
-
-      var groupNalsIntoFrames = function groupNalsIntoFrames(nalUnits) {
-        var i,
-            currentNal,
-            currentFrame = [],
-            frames = []; // TODO added for LHLS, make sure this is OK
-
-        frames.byteLength = 0;
-        frames.nalCount = 0;
-        frames.duration = 0;
-        currentFrame.byteLength = 0;
-
-        for (i = 0; i < nalUnits.length; i++) {
-          currentNal = nalUnits[i]; // Split on 'aud'-type nal units
-
-          if (currentNal.nalUnitType === 'access_unit_delimiter_rbsp') {
-            // Since the very first nal unit is expected to be an AUD
-            // only push to the frames array when currentFrame is not empty
-            if (currentFrame.length) {
-              currentFrame.duration = currentNal.dts - currentFrame.dts; // TODO added for LHLS, make sure this is OK
-
-              frames.byteLength += currentFrame.byteLength;
-              frames.nalCount += currentFrame.length;
-              frames.duration += currentFrame.duration;
-              frames.push(currentFrame);
-            }
-
-            currentFrame = [currentNal];
-            currentFrame.byteLength = currentNal.data.byteLength;
-            currentFrame.pts = currentNal.pts;
-            currentFrame.dts = currentNal.dts;
-          } else {
-            // Specifically flag key frames for ease of use later
-            if (currentNal.nalUnitType === 'slice_layer_without_partitioning_rbsp_idr') {
-              currentFrame.keyFrame = true;
-            }
-
-            currentFrame.duration = currentNal.dts - currentFrame.dts;
-            currentFrame.byteLength += currentNal.data.byteLength;
-            currentFrame.push(currentNal);
-          }
-        } // For the last frame, use the duration of the previous frame if we
-        // have nothing better to go on
-
-
-        if (frames.length && (!currentFrame.duration || currentFrame.duration <= 0)) {
-          currentFrame.duration = frames[frames.length - 1].duration;
-        } // Push the final frame
-        // TODO added for LHLS, make sure this is OK
-
-
-        frames.byteLength += currentFrame.byteLength;
-        frames.nalCount += currentFrame.length;
-        frames.duration += currentFrame.duration;
-        frames.push(currentFrame);
-        return frames;
-      }; // Convert an array of frames into an array of Gop with each Gop being composed
-      // of the frames that make up that Gop
-      // Also keep track of cummulative data about the Gop from the frames such as the
-      // Gop duration, starting pts, etc.
-
-
-      var groupFramesIntoGops = function groupFramesIntoGops(frames) {
-        var i,
-            currentFrame,
-            currentGop = [],
-            gops = []; // We must pre-set some of the values on the Gop since we
-        // keep running totals of these values
-
-        currentGop.byteLength = 0;
-        currentGop.nalCount = 0;
-        currentGop.duration = 0;
-        currentGop.pts = frames[0].pts;
-        currentGop.dts = frames[0].dts; // store some metadata about all the Gops
-
-        gops.byteLength = 0;
-        gops.nalCount = 0;
-        gops.duration = 0;
-        gops.pts = frames[0].pts;
-        gops.dts = frames[0].dts;
-
-        for (i = 0; i < frames.length; i++) {
-          currentFrame = frames[i];
-
-          if (currentFrame.keyFrame) {
-            // Since the very first frame is expected to be an keyframe
-            // only push to the gops array when currentGop is not empty
-            if (currentGop.length) {
-              gops.push(currentGop);
-              gops.byteLength += currentGop.byteLength;
-              gops.nalCount += currentGop.nalCount;
-              gops.duration += currentGop.duration;
-            }
-
-            currentGop = [currentFrame];
-            currentGop.nalCount = currentFrame.length;
-            currentGop.byteLength = currentFrame.byteLength;
-            currentGop.pts = currentFrame.pts;
-            currentGop.dts = currentFrame.dts;
-            currentGop.duration = currentFrame.duration;
-          } else {
-            currentGop.duration += currentFrame.duration;
-            currentGop.nalCount += currentFrame.length;
-            currentGop.byteLength += currentFrame.byteLength;
-            currentGop.push(currentFrame);
-          }
-        }
-
-        if (gops.length && currentGop.duration <= 0) {
-          currentGop.duration = gops[gops.length - 1].duration;
-        }
-
-        gops.byteLength += currentGop.byteLength;
-        gops.nalCount += currentGop.nalCount;
-        gops.duration += currentGop.duration; // push the final Gop
-
-        gops.push(currentGop);
-        return gops;
-      };
-      /*
-       * Search for the first keyframe in the GOPs and throw away all frames
-       * until that keyframe. Then extend the duration of the pulled keyframe
-       * and pull the PTS and DTS of the keyframe so that it covers the time
-       * range of the frames that were disposed.
-       *
-       * @param {Array} gops video GOPs
-       * @returns {Array} modified video GOPs
-       */
-
-
-      var extendFirstKeyFrame = function extendFirstKeyFrame(gops) {
-        var currentGop;
-
-        if (!gops[0][0].keyFrame && gops.length > 1) {
-          // Remove the first GOP
-          currentGop = gops.shift();
-          gops.byteLength -= currentGop.byteLength;
-          gops.nalCount -= currentGop.nalCount; // Extend the first frame of what is now the
-          // first gop to cover the time period of the
-          // frames we just removed
-
-          gops[0][0].dts = currentGop.dts;
-          gops[0][0].pts = currentGop.pts;
-          gops[0][0].duration += currentGop.duration;
-        }
-
-        return gops;
-      };
-      /**
-       * Default sample object
-       * see ISO/IEC 14496-12:2012, section 8.6.4.3
-       */
-
-
-      var createDefaultSample = function createDefaultSample() {
-        return {
-          size: 0,
-          flags: {
-            isLeading: 0,
-            dependsOn: 1,
-            isDependedOn: 0,
-            hasRedundancy: 0,
-            degradationPriority: 0,
-            isNonSyncSample: 1
-          }
-        };
-      };
-      /*
-       * Collates information from a video frame into an object for eventual
-       * entry into an MP4 sample table.
-       *
-       * @param {Object} frame the video frame
-       * @param {Number} dataOffset the byte offset to position the sample
-       * @return {Object} object containing sample table info for a frame
-       */
-
-
-      var sampleForFrame = function sampleForFrame(frame, dataOffset) {
-        var sample = createDefaultSample();
-        sample.dataOffset = dataOffset;
-        sample.compositionTimeOffset = frame.pts - frame.dts;
-        sample.duration = frame.duration;
-        sample.size = 4 * frame.length; // Space for nal unit size
-
-        sample.size += frame.byteLength;
-
-        if (frame.keyFrame) {
-          sample.flags.dependsOn = 2;
-          sample.flags.isNonSyncSample = 0;
-        }
-
-        return sample;
-      }; // generate the track's sample table from an array of gops
-
-
-      var generateSampleTable = function generateSampleTable(gops, baseDataOffset) {
-        var h,
-            i,
-            sample,
-            currentGop,
-            currentFrame,
-            dataOffset = baseDataOffset || 0,
-            samples = [];
-
-        for (h = 0; h < gops.length; h++) {
-          currentGop = gops[h];
-
-          for (i = 0; i < currentGop.length; i++) {
-            currentFrame = currentGop[i];
-            sample = sampleForFrame(currentFrame, dataOffset);
-            dataOffset += sample.size;
-            samples.push(sample);
-          }
-        }
-
-        return samples;
-      }; // generate the track's raw mdat data from an array of gops
-
-
-      var concatenateNalData = function concatenateNalData(gops) {
-        var h,
-            i,
-            j,
-            currentGop,
-            currentFrame,
-            currentNal,
-            dataOffset = 0,
-            nalsByteLength = gops.byteLength,
-            numberOfNals = gops.nalCount,
-            totalByteLength = nalsByteLength + 4 * numberOfNals,
-            data = new Uint8Array(totalByteLength),
-            view = new DataView(data.buffer); // For each Gop..
-
-        for (h = 0; h < gops.length; h++) {
-          currentGop = gops[h]; // For each Frame..
-
-          for (i = 0; i < currentGop.length; i++) {
-            currentFrame = currentGop[i]; // For each NAL..
-
-            for (j = 0; j < currentFrame.length; j++) {
-              currentNal = currentFrame[j];
-              view.setUint32(dataOffset, currentNal.data.byteLength);
-              dataOffset += 4;
-              data.set(currentNal.data, dataOffset);
-              dataOffset += currentNal.data.byteLength;
-            }
-          }
-        }
-
-        return data;
-      }; // generate the track's sample table from a frame
-
-
-      var generateSampleTableForFrame = function generateSampleTableForFrame(frame, baseDataOffset) {
-        var sample,
-            dataOffset = baseDataOffset || 0,
-            samples = [];
-        sample = sampleForFrame(frame, dataOffset);
-        samples.push(sample);
-        return samples;
-      }; // generate the track's raw mdat data from a frame
-
-
-      var concatenateNalDataForFrame = function concatenateNalDataForFrame(frame) {
-        var i,
-            currentNal,
-            dataOffset = 0,
-            nalsByteLength = frame.byteLength,
-            numberOfNals = frame.length,
-            totalByteLength = nalsByteLength + 4 * numberOfNals,
-            data = new Uint8Array(totalByteLength),
-            view = new DataView(data.buffer); // For each NAL..
-
-        for (i = 0; i < frame.length; i++) {
-          currentNal = frame[i];
-          view.setUint32(dataOffset, currentNal.data.byteLength);
-          dataOffset += 4;
-          data.set(currentNal.data, dataOffset);
-          dataOffset += currentNal.data.byteLength;
-        }
-
-        return data;
-      };
-
-      var frameUtils = {
-        groupNalsIntoFrames: groupNalsIntoFrames,
-        groupFramesIntoGops: groupFramesIntoGops,
-        extendFirstKeyFrame: extendFirstKeyFrame,
-        generateSampleTable: generateSampleTable,
-        concatenateNalData: concatenateNalData,
-        generateSampleTableForFrame: generateSampleTableForFrame,
-        concatenateNalDataForFrame: concatenateNalDataForFrame
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var highPrefix = [33, 16, 5, 32, 164, 27];
-      var lowPrefix = [33, 65, 108, 84, 1, 2, 4, 8, 168, 2, 4, 8, 17, 191, 252];
-
-      var zeroFill = function zeroFill(count) {
-        var a = [];
-
-        while (count--) {
-          a.push(0);
-        }
-
-        return a;
-      };
-
-      var makeTable = function makeTable(metaTable) {
-        return Object.keys(metaTable).reduce(function (obj, key) {
-          obj[key] = new Uint8Array(metaTable[key].reduce(function (arr, part) {
-            return arr.concat(part);
-          }, []));
-          return obj;
-        }, {});
-      }; // Frames-of-silence to use for filling in missing AAC frames
-
-
-      var coneOfSilence = {
-        96000: [highPrefix, [227, 64], zeroFill(154), [56]],
-        88200: [highPrefix, [231], zeroFill(170), [56]],
-        64000: [highPrefix, [248, 192], zeroFill(240), [56]],
-        48000: [highPrefix, [255, 192], zeroFill(268), [55, 148, 128], zeroFill(54), [112]],
-        44100: [highPrefix, [255, 192], zeroFill(268), [55, 163, 128], zeroFill(84), [112]],
-        32000: [highPrefix, [255, 192], zeroFill(268), [55, 234], zeroFill(226), [112]],
-        24000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 112], zeroFill(126), [224]],
-        16000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 255], zeroFill(269), [223, 108], zeroFill(195), [1, 192]],
-        12000: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 253, 128], zeroFill(259), [56]],
-        11025: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 255, 192], zeroFill(268), [55, 175, 128], zeroFill(108), [112]],
-        8000: [lowPrefix, zeroFill(268), [3, 121, 16], zeroFill(47), [7]]
-      };
-      var silence = makeTable(coneOfSilence);
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var ONE_SECOND_IN_TS = 90000,
-          // 90kHz clock
-      secondsToVideoTs,
-          secondsToAudioTs,
-          videoTsToSeconds,
-          audioTsToSeconds,
-          audioTsToVideoTs,
-          videoTsToAudioTs,
-          metadataTsToSeconds;
-
-      secondsToVideoTs = function secondsToVideoTs(seconds) {
-        return seconds * ONE_SECOND_IN_TS;
-      };
-
-      secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
-        return seconds * sampleRate;
-      };
-
-      videoTsToSeconds = function videoTsToSeconds(timestamp) {
-        return timestamp / ONE_SECOND_IN_TS;
-      };
-
-      audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
-        return timestamp / sampleRate;
-      };
-
-      audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
-        return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
-      };
-
-      videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
-        return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
-      };
-      /**
-       * Adjust ID3 tag or caption timing information by the timeline pts values
-       * (if keepOriginalTimestamps is false) and convert to seconds
-       */
-
-
-      metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
-        return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
-      };
-
-      var clock = {
-        ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
-        secondsToVideoTs: secondsToVideoTs,
-        secondsToAudioTs: secondsToAudioTs,
-        videoTsToSeconds: videoTsToSeconds,
-        audioTsToSeconds: audioTsToSeconds,
-        audioTsToVideoTs: audioTsToVideoTs,
-        videoTsToAudioTs: videoTsToAudioTs,
-        metadataTsToSeconds: metadataTsToSeconds
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      /**
-       * Sum the `byteLength` properties of the data in each AAC frame
-       */
-
-      var sumFrameByteLengths = function sumFrameByteLengths(array) {
-        var i,
-            currentObj,
-            sum = 0; // sum the byteLength's all each nal unit in the frame
-
-        for (i = 0; i < array.length; i++) {
-          currentObj = array[i];
-          sum += currentObj.data.byteLength;
-        }
-
-        return sum;
-      }; // Possibly pad (prefix) the audio track with silence if appending this track
-      // would lead to the introduction of a gap in the audio buffer
-
-
-      var prefixWithSilence = function prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime) {
-        var baseMediaDecodeTimeTs,
-            frameDuration = 0,
-            audioGapDuration = 0,
-            audioFillFrameCount = 0,
-            audioFillDuration = 0,
-            silentFrame,
-            i,
-            firstFrame;
-
-        if (!frames.length) {
-          return;
-        }
-
-        baseMediaDecodeTimeTs = clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate); // determine frame clock duration based on sample rate, round up to avoid overfills
-
-        frameDuration = Math.ceil(clock.ONE_SECOND_IN_TS / (track.samplerate / 1024));
-
-        if (audioAppendStartTs && videoBaseMediaDecodeTime) {
-          // insert the shortest possible amount (audio gap or audio to video gap)
-          audioGapDuration = baseMediaDecodeTimeTs - Math.max(audioAppendStartTs, videoBaseMediaDecodeTime); // number of full frames in the audio gap
-
-          audioFillFrameCount = Math.floor(audioGapDuration / frameDuration);
-          audioFillDuration = audioFillFrameCount * frameDuration;
-        } // don't attempt to fill gaps smaller than a single frame or larger
-        // than a half second
-
-
-        if (audioFillFrameCount < 1 || audioFillDuration > clock.ONE_SECOND_IN_TS / 2) {
-          return;
-        }
-
-        silentFrame = silence[track.samplerate];
-
-        if (!silentFrame) {
-          // we don't have a silent frame pregenerated for the sample rate, so use a frame
-          // from the content instead
-          silentFrame = frames[0].data;
-        }
-
-        for (i = 0; i < audioFillFrameCount; i++) {
-          firstFrame = frames[0];
-          frames.splice(0, 0, {
-            data: silentFrame,
-            dts: firstFrame.dts - frameDuration,
-            pts: firstFrame.pts - frameDuration
-          });
-        }
-
-        track.baseMediaDecodeTime -= Math.floor(clock.videoTsToAudioTs(audioFillDuration, track.samplerate));
-      }; // If the audio segment extends before the earliest allowed dts
-      // value, remove AAC frames until starts at or after the earliest
-      // allowed DTS so that we don't end up with a negative baseMedia-
-      // DecodeTime for the audio track
-
-
-      var trimAdtsFramesByEarliestDts = function trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts) {
-        if (track.minSegmentDts >= earliestAllowedDts) {
-          return adtsFrames;
-        } // We will need to recalculate the earliest segment Dts
-
-
-        track.minSegmentDts = Infinity;
-        return adtsFrames.filter(function (currentFrame) {
-          // If this is an allowed frame, keep it and record it's Dts
-          if (currentFrame.dts >= earliestAllowedDts) {
-            track.minSegmentDts = Math.min(track.minSegmentDts, currentFrame.dts);
-            track.minSegmentPts = track.minSegmentDts;
-            return true;
-          } // Otherwise, discard it
-
-
-          return false;
-        });
-      }; // generate the track's raw mdat data from an array of frames
-
-
-      var generateSampleTable$1 = function generateSampleTable(frames) {
-        var i,
-            currentFrame,
-            samples = [];
-
-        for (i = 0; i < frames.length; i++) {
-          currentFrame = frames[i];
-          samples.push({
-            size: currentFrame.data.byteLength,
-            duration: 1024 // For AAC audio, all samples contain 1024 samples
-
-          });
-        }
-
-        return samples;
-      }; // generate the track's sample table from an array of frames
-
-
-      var concatenateFrameData = function concatenateFrameData(frames) {
-        var i,
-            currentFrame,
-            dataOffset = 0,
-            data = new Uint8Array(sumFrameByteLengths(frames));
-
-        for (i = 0; i < frames.length; i++) {
-          currentFrame = frames[i];
-          data.set(currentFrame.data, dataOffset);
-          dataOffset += currentFrame.data.byteLength;
-        }
-
-        return data;
-      };
-
-      var audioFrameUtils = {
-        prefixWithSilence: prefixWithSilence,
-        trimAdtsFramesByEarliestDts: trimAdtsFramesByEarliestDts,
-        generateSampleTable: generateSampleTable$1,
-        concatenateFrameData: concatenateFrameData
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS;
-      /**
-       * Store information about the start and end of the track and the
-       * duration for each frame/sample we process in order to calculate
-       * the baseMediaDecodeTime
-       */
-
-      var collectDtsInfo = function collectDtsInfo(track, data) {
-        if (typeof data.pts === 'number') {
-          if (track.timelineStartInfo.pts === undefined) {
-            track.timelineStartInfo.pts = data.pts;
-          }
-
-          if (track.minSegmentPts === undefined) {
-            track.minSegmentPts = data.pts;
-          } else {
-            track.minSegmentPts = Math.min(track.minSegmentPts, data.pts);
-          }
-
-          if (track.maxSegmentPts === undefined) {
-            track.maxSegmentPts = data.pts;
-          } else {
-            track.maxSegmentPts = Math.max(track.maxSegmentPts, data.pts);
-          }
-        }
-
-        if (typeof data.dts === 'number') {
-          if (track.timelineStartInfo.dts === undefined) {
-            track.timelineStartInfo.dts = data.dts;
-          }
-
-          if (track.minSegmentDts === undefined) {
-            track.minSegmentDts = data.dts;
-          } else {
-            track.minSegmentDts = Math.min(track.minSegmentDts, data.dts);
-          }
-
-          if (track.maxSegmentDts === undefined) {
-            track.maxSegmentDts = data.dts;
-          } else {
-            track.maxSegmentDts = Math.max(track.maxSegmentDts, data.dts);
-          }
-        }
-      };
-      /**
-       * Clear values used to calculate the baseMediaDecodeTime between
-       * tracks
-       */
-
-
-      var clearDtsInfo = function clearDtsInfo(track) {
-        delete track.minSegmentDts;
-        delete track.maxSegmentDts;
-        delete track.minSegmentPts;
-        delete track.maxSegmentPts;
-      };
-      /**
-       * Calculate the track's baseMediaDecodeTime based on the earliest
-       * DTS the transmuxer has ever seen and the minimum DTS for the
-       * current track
-       * @param track {object} track metadata configuration
-       * @param keepOriginalTimestamps {boolean} If true, keep the timestamps
-       *        in the source; false to adjust the first segment to start at 0.
-       */
-
-
-      var calculateTrackBaseMediaDecodeTime = function calculateTrackBaseMediaDecodeTime(track, keepOriginalTimestamps) {
-        var baseMediaDecodeTime,
-            scale,
-            minSegmentDts = track.minSegmentDts; // Optionally adjust the time so the first segment starts at zero.
-
-        if (!keepOriginalTimestamps) {
-          minSegmentDts -= track.timelineStartInfo.dts;
-        } // track.timelineStartInfo.baseMediaDecodeTime is the location, in time, where
-        // we want the start of the first segment to be placed
-
-
-        baseMediaDecodeTime = track.timelineStartInfo.baseMediaDecodeTime; // Add to that the distance this segment is from the very first
-
-        baseMediaDecodeTime += minSegmentDts; // baseMediaDecodeTime must not become negative
-
-        baseMediaDecodeTime = Math.max(0, baseMediaDecodeTime);
-
-        if (track.type === 'audio') {
-          // Audio has a different clock equal to the sampling_rate so we need to
-          // scale the PTS values into the clock rate of the track
-          scale = track.samplerate / ONE_SECOND_IN_TS$1;
-          baseMediaDecodeTime *= scale;
-          baseMediaDecodeTime = Math.floor(baseMediaDecodeTime);
-        }
-
-        return baseMediaDecodeTime;
-      };
-
-      var trackDecodeInfo = {
-        clearDtsInfo: clearDtsInfo,
-        calculateTrackBaseMediaDecodeTime: calculateTrackBaseMediaDecodeTime,
-        collectDtsInfo: collectDtsInfo
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       *
-       * Reads in-band caption information from a video elementary
-       * stream. Captions must follow the CEA-708 standard for injection
-       * into an MPEG-2 transport streams.
-       * @see https://en.wikipedia.org/wiki/CEA-708
-       * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
-       */
-      // Supplemental enhancement information (SEI) NAL units have a
-      // payload type field to indicate how they are to be
-      // interpreted. CEAS-708 caption content is always transmitted with
-      // payload type 0x04.
-
-      var USER_DATA_REGISTERED_ITU_T_T35 = 4,
-          RBSP_TRAILING_BITS = 128;
-      /**
-        * Parse a supplemental enhancement information (SEI) NAL unit.
-        * Stops parsing once a message of type ITU T T35 has been found.
-        *
-        * @param bytes {Uint8Array} the bytes of a SEI NAL unit
-        * @return {object} the parsed SEI payload
-        * @see Rec. ITU-T H.264, 7.3.2.3.1
-        */
-
-      var parseSei = function parseSei(bytes) {
-        var i = 0,
-            result = {
-          payloadType: -1,
-          payloadSize: 0
-        },
-            payloadType = 0,
-            payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
-
-        while (i < bytes.byteLength) {
-          // stop once we have hit the end of the sei_rbsp
-          if (bytes[i] === RBSP_TRAILING_BITS) {
-            break;
-          } // Parse payload type
-
-
-          while (bytes[i] === 0xFF) {
-            payloadType += 255;
-            i++;
-          }
-
-          payloadType += bytes[i++]; // Parse payload size
-
-          while (bytes[i] === 0xFF) {
-            payloadSize += 255;
-            i++;
-          }
-
-          payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
-          // there can only ever be one caption message in a frame's sei
-
-          if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
-            result.payloadType = payloadType;
-            result.payloadSize = payloadSize;
-            result.payload = bytes.subarray(i, i + payloadSize);
-            break;
-          } // skip the payload and parse the next message
-
-
-          i += payloadSize;
-          payloadType = 0;
-          payloadSize = 0;
-        }
-
-        return result;
-      }; // see ANSI/SCTE 128-1 (2013), section 8.1
-
-
-      var parseUserData = function parseUserData(sei) {
-        // itu_t_t35_contry_code must be 181 (United States) for
-        // captions
-        if (sei.payload[0] !== 181) {
-          return null;
-        } // itu_t_t35_provider_code should be 49 (ATSC) for captions
-
-
-        if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
-          return null;
-        } // the user_identifier should be "GA94" to indicate ATSC1 data
-
-
-        if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
-          return null;
-        } // finally, user_data_type_code should be 0x03 for caption data
-
-
-        if (sei.payload[7] !== 0x03) {
-          return null;
-        } // return the user_data_type_structure and strip the trailing
-        // marker bits
-
-
-        return sei.payload.subarray(8, sei.payload.length - 1);
-      }; // see CEA-708-D, section 4.4
-
-
-      var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
-        var results = [],
-            i,
-            count,
-            offset,
-            data; // if this is just filler, return immediately
-
-        if (!(userData[0] & 0x40)) {
-          return results;
-        } // parse out the cc_data_1 and cc_data_2 fields
-
-
-        count = userData[0] & 0x1f;
-
-        for (i = 0; i < count; i++) {
-          offset = i * 3;
-          data = {
-            type: userData[offset + 2] & 0x03,
-            pts: pts
-          }; // capture cc data when cc_valid is 1
-
-          if (userData[offset + 2] & 0x04) {
-            data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
-            results.push(data);
-          }
-        }
-
-        return results;
-      };
-
-      var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-        var length = data.byteLength,
-            emulationPreventionBytesPositions = [],
-            i = 1,
-            newLength,
-            newData; // Find all `Emulation Prevention Bytes`
-
-        while (i < length - 2) {
-          if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-            emulationPreventionBytesPositions.push(i + 2);
-            i += 2;
-          } else {
-            i++;
-          }
-        } // If no Emulation Prevention Bytes were found just return the original
-        // array
-
-
-        if (emulationPreventionBytesPositions.length === 0) {
-          return data;
-        } // Create a new array to hold the NAL unit data
-
-
-        newLength = length - emulationPreventionBytesPositions.length;
-        newData = new Uint8Array(newLength);
-        var sourceIndex = 0;
-
-        for (i = 0; i < newLength; sourceIndex++, i++) {
-          if (sourceIndex === emulationPreventionBytesPositions[0]) {
-            // Skip this byte
-            sourceIndex++; // Remove this position index
-
-            emulationPreventionBytesPositions.shift();
-          }
-
-          newData[i] = data[sourceIndex];
-        }
-
-        return newData;
-      }; // exports
-
-
-      var captionPacketParser = {
-        parseSei: parseSei,
-        parseUserData: parseUserData,
-        parseCaptionPackets: parseCaptionPackets,
-        discardEmulationPreventionBytes: discardEmulationPreventionBytes,
-        USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
-      }; // -----------------
-      // Link To Transport
-      // -----------------
-
-      var CaptionStream = function CaptionStream() {
-        CaptionStream.prototype.init.call(this);
-        this.captionPackets_ = [];
-        this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
-        new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
-        new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
-        new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
-        ];
-        this.reset(); // forward data and done events from CCs to this CaptionStream
-
-        this.ccStreams_.forEach(function (cc) {
-          cc.on('data', this.trigger.bind(this, 'data'));
-          cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
-          cc.on('done', this.trigger.bind(this, 'done'));
-        }, this);
-      };
-
-      CaptionStream.prototype = new stream();
-
-      CaptionStream.prototype.push = function (event) {
-        var sei, userData, newCaptionPackets; // only examine SEI NALs
-
-        if (event.nalUnitType !== 'sei_rbsp') {
-          return;
-        } // parse the sei
-
-
-        sei = captionPacketParser.parseSei(event.escapedRBSP); // ignore everything but user_data_registered_itu_t_t35
-
-        if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
-          return;
-        } // parse out the user data payload
-
-
-        userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
-
-        if (!userData) {
-          return;
-        } // Sometimes, the same segment # will be downloaded twice. To stop the
-        // caption data from being processed twice, we track the latest dts we've
-        // received and ignore everything with a dts before that. However, since
-        // data for a specific dts can be split across packets on either side of
-        // a segment boundary, we need to make sure we *don't* ignore the packets
-        // from the *next* segment that have dts === this.latestDts_. By constantly
-        // tracking the number of packets received with dts === this.latestDts_, we
-        // know how many should be ignored once we start receiving duplicates.
-
-
-        if (event.dts < this.latestDts_) {
-          // We've started getting older data, so set the flag.
-          this.ignoreNextEqualDts_ = true;
-          return;
-        } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
-          this.numSameDts_--;
-
-          if (!this.numSameDts_) {
-            // We've received the last duplicate packet, time to start processing again
-            this.ignoreNextEqualDts_ = false;
-          }
-
-          return;
-        } // parse out CC data packets and save them for later
-
-
-        newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
-        this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
-
-        if (this.latestDts_ !== event.dts) {
-          this.numSameDts_ = 0;
-        }
-
-        this.numSameDts_++;
-        this.latestDts_ = event.dts;
-      };
-
-      CaptionStream.prototype.flushCCStreams = function (flushType) {
-        this.ccStreams_.forEach(function (cc) {
-          return flushType === 'flush' ? cc.flush() : cc.partialFlush();
-        }, this);
-      };
-
-      CaptionStream.prototype.flushStream = function (flushType) {
-        // make sure we actually parsed captions before proceeding
-        if (!this.captionPackets_.length) {
-          this.flushCCStreams(flushType);
-          return;
-        } // In Chrome, the Array#sort function is not stable so add a
-        // presortIndex that we can use to ensure we get a stable-sort
-
-
-        this.captionPackets_.forEach(function (elem, idx) {
-          elem.presortIndex = idx;
-        }); // sort caption byte-pairs based on their PTS values
-
-        this.captionPackets_.sort(function (a, b) {
-          if (a.pts === b.pts) {
-            return a.presortIndex - b.presortIndex;
-          }
-
-          return a.pts - b.pts;
-        });
-        this.captionPackets_.forEach(function (packet) {
-          if (packet.type < 2) {
-            // Dispatch packet to the right Cea608Stream
-            this.dispatchCea608Packet(packet);
-          } // this is where an 'else' would go for a dispatching packets
-          // to a theoretical Cea708Stream that handles SERVICEn data
-
-        }, this);
-        this.captionPackets_.length = 0;
-        this.flushCCStreams(flushType);
-      };
-
-      CaptionStream.prototype.flush = function () {
-        return this.flushStream('flush');
-      }; // Only called if handling partial data
-
-
-      CaptionStream.prototype.partialFlush = function () {
-        return this.flushStream('partialFlush');
-      };
-
-      CaptionStream.prototype.reset = function () {
-        this.latestDts_ = null;
-        this.ignoreNextEqualDts_ = false;
-        this.numSameDts_ = 0;
-        this.activeCea608Channel_ = [null, null];
-        this.ccStreams_.forEach(function (ccStream) {
-          ccStream.reset();
-        });
-      }; // From the CEA-608 spec:
-
-      /*
-       * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
-       * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
-       * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
-       * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
-       * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
-       * to switch to captioning or Text.
-      */
-      // With that in mind, we ignore any data between an XDS control code and a
-      // subsequent closed-captioning control code.
-
-
-      CaptionStream.prototype.dispatchCea608Packet = function (packet) {
-        // NOTE: packet.type is the CEA608 field
-        if (this.setsTextOrXDSActive(packet)) {
-          this.activeCea608Channel_[packet.type] = null;
-        } else if (this.setsChannel1Active(packet)) {
-          this.activeCea608Channel_[packet.type] = 0;
-        } else if (this.setsChannel2Active(packet)) {
-          this.activeCea608Channel_[packet.type] = 1;
-        }
-
-        if (this.activeCea608Channel_[packet.type] === null) {
-          // If we haven't received anything to set the active channel, or the
-          // packets are Text/XDS data, discard the data; we don't want jumbled
-          // captions
-          return;
-        }
-
-        this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
-      };
-
-      CaptionStream.prototype.setsChannel1Active = function (packet) {
-        return (packet.ccData & 0x7800) === 0x1000;
-      };
-
-      CaptionStream.prototype.setsChannel2Active = function (packet) {
-        return (packet.ccData & 0x7800) === 0x1800;
-      };
-
-      CaptionStream.prototype.setsTextOrXDSActive = function (packet) {
-        return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
-      }; // ----------------------
-      // Session to Application
-      // ----------------------
-      // This hash maps non-ASCII, special, and extended character codes to their
-      // proper Unicode equivalent. The first keys that are only a single byte
-      // are the non-standard ASCII characters, which simply map the CEA608 byte
-      // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
-      // character codes, but have their MSB bitmasked with 0x03 so that a lookup
-      // can be performed regardless of the field and data channel on which the
-      // character code was received.
-
-
-      var CHARACTER_TRANSLATION = {
-        0x2a: 0xe1,
-        // á
-        0x5c: 0xe9,
-        // é
-        0x5e: 0xed,
-        // í
-        0x5f: 0xf3,
-        // ó
-        0x60: 0xfa,
-        // ú
-        0x7b: 0xe7,
-        // ç
-        0x7c: 0xf7,
-        // ÷
-        0x7d: 0xd1,
-        // Ñ
-        0x7e: 0xf1,
-        // ñ
-        0x7f: 0x2588,
-        // █
-        0x0130: 0xae,
-        // ®
-        0x0131: 0xb0,
-        // °
-        0x0132: 0xbd,
-        // ½
-        0x0133: 0xbf,
-        // ¿
-        0x0134: 0x2122,
-        // ™
-        0x0135: 0xa2,
-        // ¢
-        0x0136: 0xa3,
-        // £
-        0x0137: 0x266a,
-        // ♪
-        0x0138: 0xe0,
-        // à
-        0x0139: 0xa0,
-        //
-        0x013a: 0xe8,
-        // è
-        0x013b: 0xe2,
-        // â
-        0x013c: 0xea,
-        // ê
-        0x013d: 0xee,
-        // î
-        0x013e: 0xf4,
-        // ô
-        0x013f: 0xfb,
-        // û
-        0x0220: 0xc1,
-        // Á
-        0x0221: 0xc9,
-        // É
-        0x0222: 0xd3,
-        // Ó
-        0x0223: 0xda,
-        // Ú
-        0x0224: 0xdc,
-        // Ü
-        0x0225: 0xfc,
-        // ü
-        0x0226: 0x2018,
-        // ‘
-        0x0227: 0xa1,
-        // ¡
-        0x0228: 0x2a,
-        // *
-        0x0229: 0x27,
-        // '
-        0x022a: 0x2014,
-        // —
-        0x022b: 0xa9,
-        // ©
-        0x022c: 0x2120,
-        // ℠
-        0x022d: 0x2022,
-        // •
-        0x022e: 0x201c,
-        // “
-        0x022f: 0x201d,
-        // ”
-        0x0230: 0xc0,
-        // À
-        0x0231: 0xc2,
-        // Â
-        0x0232: 0xc7,
-        // Ç
-        0x0233: 0xc8,
-        // È
-        0x0234: 0xca,
-        // Ê
-        0x0235: 0xcb,
-        // Ë
-        0x0236: 0xeb,
-        // ë
-        0x0237: 0xce,
-        // Î
-        0x0238: 0xcf,
-        // Ï
-        0x0239: 0xef,
-        // ï
-        0x023a: 0xd4,
-        // Ô
-        0x023b: 0xd9,
-        // Ù
-        0x023c: 0xf9,
-        // ù
-        0x023d: 0xdb,
-        // Û
-        0x023e: 0xab,
-        // «
-        0x023f: 0xbb,
-        // »
-        0x0320: 0xc3,
-        // Ã
-        0x0321: 0xe3,
-        // ã
-        0x0322: 0xcd,
-        // Í
-        0x0323: 0xcc,
-        // Ì
-        0x0324: 0xec,
-        // ì
-        0x0325: 0xd2,
-        // Ò
-        0x0326: 0xf2,
-        // ò
-        0x0327: 0xd5,
-        // Õ
-        0x0328: 0xf5,
-        // õ
-        0x0329: 0x7b,
-        // {
-        0x032a: 0x7d,
-        // }
-        0x032b: 0x5c,
-        // \
-        0x032c: 0x5e,
-        // ^
-        0x032d: 0x5f,
-        // _
-        0x032e: 0x7c,
-        // |
-        0x032f: 0x7e,
-        // ~
-        0x0330: 0xc4,
-        // Ä
-        0x0331: 0xe4,
-        // ä
-        0x0332: 0xd6,
-        // Ö
-        0x0333: 0xf6,
-        // ö
-        0x0334: 0xdf,
-        // ß
-        0x0335: 0xa5,
-        // ¥
-        0x0336: 0xa4,
-        // ¤
-        0x0337: 0x2502,
-        // │
-        0x0338: 0xc5,
-        // Å
-        0x0339: 0xe5,
-        // å
-        0x033a: 0xd8,
-        // Ø
-        0x033b: 0xf8,
-        // ø
-        0x033c: 0x250c,
-        // ┌
-        0x033d: 0x2510,
-        // ┐
-        0x033e: 0x2514,
-        // └
-        0x033f: 0x2518 // ┘
-
-      };
-
-      var getCharFromCode = function getCharFromCode(code) {
-        if (code === null) {
-          return '';
-        }
-
-        code = CHARACTER_TRANSLATION[code] || code;
-        return String.fromCharCode(code);
-      }; // the index of the last row in a CEA-608 display buffer
-
-
-      var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
-      // getting it through bit logic.
-
-      var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
-      // cells. The "bottom" row is the last element in the outer array.
-
-      var createDisplayBuffer = function createDisplayBuffer() {
-        var result = [],
-            i = BOTTOM_ROW + 1;
-
-        while (i--) {
-          result.push('');
-        }
-
-        return result;
-      };
-
-      var Cea608Stream = function Cea608Stream(field, dataChannel) {
-        Cea608Stream.prototype.init.call(this);
-        this.field_ = field || 0;
-        this.dataChannel_ = dataChannel || 0;
-        this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
-        this.setConstants();
-        this.reset();
-
-        this.push = function (packet) {
-          var data, swap, char0, char1, text; // remove the parity bits
-
-          data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
-
-          if (data === this.lastControlCode_) {
-            this.lastControlCode_ = null;
-            return;
-          } // Store control codes
-
-
-          if ((data & 0xf000) === 0x1000) {
-            this.lastControlCode_ = data;
-          } else if (data !== this.PADDING_) {
-            this.lastControlCode_ = null;
-          }
-
-          char0 = data >>> 8;
-          char1 = data & 0xff;
-
-          if (data === this.PADDING_) {
-            return;
-          } else if (data === this.RESUME_CAPTION_LOADING_) {
-            this.mode_ = 'popOn';
-          } else if (data === this.END_OF_CAPTION_) {
-            // If an EOC is received while in paint-on mode, the displayed caption
-            // text should be swapped to non-displayed memory as if it was a pop-on
-            // caption. Because of that, we should explicitly switch back to pop-on
-            // mode
-            this.mode_ = 'popOn';
-            this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
-
-            this.flushDisplayed(packet.pts); // flip memory
-
-            swap = this.displayed_;
-            this.displayed_ = this.nonDisplayed_;
-            this.nonDisplayed_ = swap; // start measuring the time to display the caption
-
-            this.startPts_ = packet.pts;
-          } else if (data === this.ROLL_UP_2_ROWS_) {
-            this.rollUpRows_ = 2;
-            this.setRollUp(packet.pts);
-          } else if (data === this.ROLL_UP_3_ROWS_) {
-            this.rollUpRows_ = 3;
-            this.setRollUp(packet.pts);
-          } else if (data === this.ROLL_UP_4_ROWS_) {
-            this.rollUpRows_ = 4;
-            this.setRollUp(packet.pts);
-          } else if (data === this.CARRIAGE_RETURN_) {
-            this.clearFormatting(packet.pts);
-            this.flushDisplayed(packet.pts);
-            this.shiftRowsUp_();
-            this.startPts_ = packet.pts;
-          } else if (data === this.BACKSPACE_) {
-            if (this.mode_ === 'popOn') {
-              this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-            } else {
-              this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-            }
-          } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
-            this.flushDisplayed(packet.pts);
-            this.displayed_ = createDisplayBuffer();
-          } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
-            this.nonDisplayed_ = createDisplayBuffer();
-          } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
-            if (this.mode_ !== 'paintOn') {
-              // NOTE: This should be removed when proper caption positioning is
-              // implemented
-              this.flushDisplayed(packet.pts);
-              this.displayed_ = createDisplayBuffer();
-            }
-
-            this.mode_ = 'paintOn';
-            this.startPts_ = packet.pts; // Append special characters to caption text
-          } else if (this.isSpecialCharacter(char0, char1)) {
-            // Bitmask char0 so that we can apply character transformations
-            // regardless of field and data channel.
-            // Then byte-shift to the left and OR with char1 so we can pass the
-            // entire character code to `getCharFromCode`.
-            char0 = (char0 & 0x03) << 8;
-            text = getCharFromCode(char0 | char1);
-            this[this.mode_](packet.pts, text);
-            this.column_++; // Append extended characters to caption text
-          } else if (this.isExtCharacter(char0, char1)) {
-            // Extended characters always follow their "non-extended" equivalents.
-            // IE if a "è" is desired, you'll always receive "eè"; non-compliant
-            // decoders are supposed to drop the "è", while compliant decoders
-            // backspace the "e" and insert "è".
-            // Delete the previous character
-            if (this.mode_ === 'popOn') {
-              this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
-            } else {
-              this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
-            } // Bitmask char0 so that we can apply character transformations
-            // regardless of field and data channel.
-            // Then byte-shift to the left and OR with char1 so we can pass the
-            // entire character code to `getCharFromCode`.
-
-
-            char0 = (char0 & 0x03) << 8;
-            text = getCharFromCode(char0 | char1);
-            this[this.mode_](packet.pts, text);
-            this.column_++; // Process mid-row codes
-          } else if (this.isMidRowCode(char0, char1)) {
-            // Attributes are not additive, so clear all formatting
-            this.clearFormatting(packet.pts); // According to the standard, mid-row codes
-            // should be replaced with spaces, so add one now
-
-            this[this.mode_](packet.pts, ' ');
-            this.column_++;
-
-            if ((char1 & 0xe) === 0xe) {
-              this.addFormatting(packet.pts, ['i']);
-            }
-
-            if ((char1 & 0x1) === 0x1) {
-              this.addFormatting(packet.pts, ['u']);
-            } // Detect offset control codes and adjust cursor
-
-          } else if (this.isOffsetControlCode(char0, char1)) {
-            // Cursor position is set by indent PAC (see below) in 4-column
-            // increments, with an additional offset code of 1-3 to reach any
-            // of the 32 columns specified by CEA-608. So all we need to do
-            // here is increment the column cursor by the given offset.
-            this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
-          } else if (this.isPAC(char0, char1)) {
-            // There's no logic for PAC -> row mapping, so we have to just
-            // find the row code in an array and use its index :(
-            var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
-
-            if (this.mode_ === 'rollUp') {
-              // This implies that the base row is incorrectly set.
-              // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
-              // of roll-up rows set.
-              if (row - this.rollUpRows_ + 1 < 0) {
-                row = this.rollUpRows_ - 1;
-              }
-
-              this.setRollUp(packet.pts, row);
-            }
-
-            if (row !== this.row_) {
-              // formatting is only persistent for current row
-              this.clearFormatting(packet.pts);
-              this.row_ = row;
-            } // All PACs can apply underline, so detect and apply
-            // (All odd-numbered second bytes set underline)
-
-
-            if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
-              this.addFormatting(packet.pts, ['u']);
-            }
-
-            if ((data & 0x10) === 0x10) {
-              // We've got an indent level code. Each successive even number
-              // increments the column cursor by 4, so we can get the desired
-              // column position by bit-shifting to the right (to get n/2)
-              // and multiplying by 4.
-              this.column_ = ((data & 0xe) >> 1) * 4;
-            }
-
-            if (this.isColorPAC(char1)) {
-              // it's a color code, though we only support white, which
-              // can be either normal or italicized. white italics can be
-              // either 0x4e or 0x6e depending on the row, so we just
-              // bitwise-and with 0xe to see if italics should be turned on
-              if ((char1 & 0xe) === 0xe) {
-                this.addFormatting(packet.pts, ['i']);
-              }
-            } // We have a normal character in char0, and possibly one in char1
-
-          } else if (this.isNormalChar(char0)) {
-            if (char1 === 0x00) {
-              char1 = null;
-            }
-
-            text = getCharFromCode(char0);
-            text += getCharFromCode(char1);
-            this[this.mode_](packet.pts, text);
-            this.column_ += text.length;
-          } // finish data processing
-
-        };
-      };
-
-      Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
-      // display buffer
-
-      Cea608Stream.prototype.flushDisplayed = function (pts) {
-        var content = this.displayed_ // remove spaces from the start and end of the string
-        .map(function (row) {
-          try {
-            return row.trim();
-          } catch (e) {
-            // Ordinarily, this shouldn't happen. However, caption
-            // parsing errors should not throw exceptions and
-            // break playback.
-            // eslint-disable-next-line no-console
-            console.error('Skipping malformed caption.');
-            return '';
-          }
-        }) // combine all text rows to display in one cue
-        .join('\n') // and remove blank rows from the start and end, but not the middle
-        .replace(/^\n+|\n+$/g, '');
-
-        if (content.length) {
-          this.trigger('data', {
-            startPts: this.startPts_,
-            endPts: pts,
-            text: content,
-            stream: this.name_
-          });
-        }
-      };
-      /**
-       * Zero out the data, used for startup and on seek
-       */
-
-
-      Cea608Stream.prototype.reset = function () {
-        this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
-        // actually display captions. If a caption is shifted to a row
-        // with a lower index than this, it is cleared from the display
-        // buffer
-
-        this.topRow_ = 0;
-        this.startPts_ = 0;
-        this.displayed_ = createDisplayBuffer();
-        this.nonDisplayed_ = createDisplayBuffer();
-        this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
-
-        this.column_ = 0;
-        this.row_ = BOTTOM_ROW;
-        this.rollUpRows_ = 2; // This variable holds currently-applied formatting
-
-        this.formatting_ = [];
-      };
-      /**
-       * Sets up control code and related constants for this instance
-       */
-
-
-      Cea608Stream.prototype.setConstants = function () {
-        // The following attributes have these uses:
-        // ext_ :    char0 for mid-row codes, and the base for extended
-        //           chars (ext_+0, ext_+1, and ext_+2 are char0s for
-        //           extended codes)
-        // control_: char0 for control codes, except byte-shifted to the
-        //           left so that we can do this.control_ | CONTROL_CODE
-        // offset_:  char0 for tab offset codes
-        //
-        // It's also worth noting that control codes, and _only_ control codes,
-        // differ between field 1 and field2. Field 2 control codes are always
-        // their field 1 value plus 1. That's why there's the "| field" on the
-        // control value.
-        if (this.dataChannel_ === 0) {
-          this.BASE_ = 0x10;
-          this.EXT_ = 0x11;
-          this.CONTROL_ = (0x14 | this.field_) << 8;
-          this.OFFSET_ = 0x17;
-        } else if (this.dataChannel_ === 1) {
-          this.BASE_ = 0x18;
-          this.EXT_ = 0x19;
-          this.CONTROL_ = (0x1c | this.field_) << 8;
-          this.OFFSET_ = 0x1f;
-        } // Constants for the LSByte command codes recognized by Cea608Stream. This
-        // list is not exhaustive. For a more comprehensive listing and semantics see
-        // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
-        // Padding
-
-
-        this.PADDING_ = 0x0000; // Pop-on Mode
-
-        this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
-        this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
-
-        this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
-        this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
-        this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
-        this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
-
-        this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
-
-        this.BACKSPACE_ = this.CONTROL_ | 0x21;
-        this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
-        this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
-      };
-      /**
-       * Detects if the 2-byte packet data is a special character
-       *
-       * Special characters have a second byte in the range 0x30 to 0x3f,
-       * with the first byte being 0x11 (for data channel 1) or 0x19 (for
-       * data channel 2).
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are an special character
-       */
-
-
-      Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
-        return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
-      };
-      /**
-       * Detects if the 2-byte packet data is an extended character
-       *
-       * Extended characters have a second byte in the range 0x20 to 0x3f,
-       * with the first byte being 0x12 or 0x13 (for data channel 1) or
-       * 0x1a or 0x1b (for data channel 2).
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are an extended character
-       */
-
-
-      Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
-        return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
-      };
-      /**
-       * Detects if the 2-byte packet is a mid-row code
-       *
-       * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
-       * the first byte being 0x11 (for data channel 1) or 0x19 (for data
-       * channel 2).
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are a mid-row code
-       */
-
-
-      Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
-        return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
-      };
-      /**
-       * Detects if the 2-byte packet is an offset control code
-       *
-       * Offset control codes have a second byte in the range 0x21 to 0x23,
-       * with the first byte being 0x17 (for data channel 1) or 0x1f (for
-       * data channel 2).
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are an offset control code
-       */
-
-
-      Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
-        return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
-      };
-      /**
-       * Detects if the 2-byte packet is a Preamble Address Code
-       *
-       * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
-       * or 0x18 to 0x1f (for data channel 2), with the second byte in the
-       * range 0x40 to 0x7f.
-       *
-       * @param  {Integer} char0 The first byte
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the 2 bytes are a PAC
-       */
-
-
-      Cea608Stream.prototype.isPAC = function (char0, char1) {
-        return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
-      };
-      /**
-       * Detects if a packet's second byte is in the range of a PAC color code
-       *
-       * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
-       * 0x60 to 0x6f.
-       *
-       * @param  {Integer} char1 The second byte
-       * @return {Boolean}       Whether the byte is a color PAC
-       */
-
-
-      Cea608Stream.prototype.isColorPAC = function (char1) {
-        return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
-      };
-      /**
-       * Detects if a single byte is in the range of a normal character
-       *
-       * Normal text bytes are in the range 0x20 to 0x7f.
-       *
-       * @param  {Integer} char  The byte
-       * @return {Boolean}       Whether the byte is a normal character
-       */
-
-
-      Cea608Stream.prototype.isNormalChar = function (_char) {
-        return _char >= 0x20 && _char <= 0x7f;
-      };
-      /**
-       * Configures roll-up
-       *
-       * @param  {Integer} pts         Current PTS
-       * @param  {Integer} newBaseRow  Used by PACs to slide the current window to
-       *                               a new position
-       */
-
-
-      Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
-        // Reset the base row to the bottom row when switching modes
-        if (this.mode_ !== 'rollUp') {
-          this.row_ = BOTTOM_ROW;
-          this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
-
-          this.flushDisplayed(pts);
-          this.nonDisplayed_ = createDisplayBuffer();
-          this.displayed_ = createDisplayBuffer();
-        }
-
-        if (newBaseRow !== undefined && newBaseRow !== this.row_) {
-          // move currently displayed captions (up or down) to the new base row
-          for (var i = 0; i < this.rollUpRows_; i++) {
-            this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
-            this.displayed_[this.row_ - i] = '';
-          }
-        }
-
-        if (newBaseRow === undefined) {
-          newBaseRow = this.row_;
-        }
-
-        this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
-      }; // Adds the opening HTML tag for the passed character to the caption text,
-      // and keeps track of it for later closing
-
-
-      Cea608Stream.prototype.addFormatting = function (pts, format) {
-        this.formatting_ = this.formatting_.concat(format);
-        var text = format.reduce(function (text, format) {
-          return text + '<' + format + '>';
-        }, '');
-        this[this.mode_](pts, text);
-      }; // Adds HTML closing tags for current formatting to caption text and
-      // clears remembered formatting
-
-
-      Cea608Stream.prototype.clearFormatting = function (pts) {
-        if (!this.formatting_.length) {
-          return;
-        }
-
-        var text = this.formatting_.reverse().reduce(function (text, format) {
-          return text + '</' + format + '>';
-        }, '');
-        this.formatting_ = [];
-        this[this.mode_](pts, text);
-      }; // Mode Implementations
-
-
-      Cea608Stream.prototype.popOn = function (pts, text) {
-        var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
-
-        baseRow += text;
-        this.nonDisplayed_[this.row_] = baseRow;
-      };
-
-      Cea608Stream.prototype.rollUp = function (pts, text) {
-        var baseRow = this.displayed_[this.row_];
-        baseRow += text;
-        this.displayed_[this.row_] = baseRow;
-      };
-
-      Cea608Stream.prototype.shiftRowsUp_ = function () {
-        var i; // clear out inactive rows
-
-        for (i = 0; i < this.topRow_; i++) {
-          this.displayed_[i] = '';
-        }
-
-        for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
-          this.displayed_[i] = '';
-        } // shift displayed rows up
-
-
-        for (i = this.topRow_; i < this.row_; i++) {
-          this.displayed_[i] = this.displayed_[i + 1];
-        } // clear out the bottom row
-
-
-        this.displayed_[this.row_] = '';
-      };
-
-      Cea608Stream.prototype.paintOn = function (pts, text) {
-        var baseRow = this.displayed_[this.row_];
-        baseRow += text;
-        this.displayed_[this.row_] = baseRow;
-      }; // exports
-
-
-      var captionStream = {
-        CaptionStream: CaptionStream,
-        Cea608Stream: Cea608Stream
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var streamTypes = {
-        H264_STREAM_TYPE: 0x1B,
-        ADTS_STREAM_TYPE: 0x0F,
-        METADATA_STREAM_TYPE: 0x15
-      };
-      var MAX_TS = 8589934592;
-      var RO_THRESH = 4294967296;
-      var TYPE_SHARED = 'shared';
-
-      var handleRollover = function handleRollover(value, reference) {
-        var direction = 1;
-
-        if (value > reference) {
-          // If the current timestamp value is greater than our reference timestamp and we detect a
-          // timestamp rollover, this means the roll over is happening in the opposite direction.
-          // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
-          // point will be set to a small number, e.g. 1. The user then seeks backwards over the
-          // rollover point. In loading this segment, the timestamp values will be very large,
-          // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
-          // the time stamp to be `value - 2^33`.
-          direction = -1;
-        } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
-        // cause an incorrect adjustment.
-
-
-        while (Math.abs(reference - value) > RO_THRESH) {
-          value += direction * MAX_TS;
-        }
-
-        return value;
-      };
-
-      var TimestampRolloverStream = function TimestampRolloverStream(type) {
-        var lastDTS, referenceDTS;
-        TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
-        // video and audio. We could use `undefined` here, but having a string
-        // makes debugging a little clearer.
-
-        this.type_ = type || TYPE_SHARED;
-
-        this.push = function (data) {
-          // Any "shared" rollover streams will accept _all_ data. Otherwise,
-          // streams will only accept data that matches their type.
-          if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
-            return;
-          }
-
-          if (referenceDTS === undefined) {
-            referenceDTS = data.dts;
-          }
-
-          data.dts = handleRollover(data.dts, referenceDTS);
-          data.pts = handleRollover(data.pts, referenceDTS);
-          lastDTS = data.dts;
-          this.trigger('data', data);
-        };
-
-        this.flush = function () {
-          referenceDTS = lastDTS;
-          this.trigger('done');
-        };
-
-        this.endTimeline = function () {
-          this.flush();
-          this.trigger('endedtimeline');
-        };
-
-        this.discontinuity = function () {
-          referenceDTS = void 0;
-          lastDTS = void 0;
-        };
-
-        this.reset = function () {
-          this.discontinuity();
-          this.trigger('reset');
-        };
-      };
-
-      TimestampRolloverStream.prototype = new stream();
-      var timestampRolloverStream = {
-        TimestampRolloverStream: TimestampRolloverStream,
-        handleRollover: handleRollover
-      };
-
-      var percentEncode = function percentEncode(bytes, start, end) {
-        var i,
-            result = '';
-
-        for (i = start; i < end; i++) {
-          result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-        }
-
-        return result;
-      },
-          // return the string representation of the specified byte range,
-      // interpreted as UTf-8.
-      parseUtf8 = function parseUtf8(bytes, start, end) {
-        return decodeURIComponent(percentEncode(bytes, start, end));
-      },
-          // return the string representation of the specified byte range,
-      // interpreted as ISO-8859-1.
-      parseIso88591 = function parseIso88591(bytes, start, end) {
-        return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
-      },
-          parseSyncSafeInteger = function parseSyncSafeInteger(data) {
-        return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-      },
-          tagParsers = {
-        TXXX: function TXXX(tag) {
-          var i;
-
-          if (tag.data[0] !== 3) {
-            // ignore frames with unrecognized character encodings
-            return;
-          }
-
-          for (i = 1; i < tag.data.length; i++) {
-            if (tag.data[i] === 0) {
-              // parse the text fields
-              tag.description = parseUtf8(tag.data, 1, i); // do not include the null terminator in the tag value
-
-              tag.value = parseUtf8(tag.data, i + 1, tag.data.length).replace(/\0*$/, '');
-              break;
-            }
-          }
-
-          tag.data = tag.value;
-        },
-        WXXX: function WXXX(tag) {
-          var i;
-
-          if (tag.data[0] !== 3) {
-            // ignore frames with unrecognized character encodings
-            return;
-          }
-
-          for (i = 1; i < tag.data.length; i++) {
-            if (tag.data[i] === 0) {
-              // parse the description and URL fields
-              tag.description = parseUtf8(tag.data, 1, i);
-              tag.url = parseUtf8(tag.data, i + 1, tag.data.length);
-              break;
-            }
-          }
-        },
-        PRIV: function PRIV(tag) {
-          var i;
-
-          for (i = 0; i < tag.data.length; i++) {
-            if (tag.data[i] === 0) {
-              // parse the description and URL fields
-              tag.owner = parseIso88591(tag.data, 0, i);
-              break;
-            }
-          }
-
-          tag.privateData = tag.data.subarray(i + 1);
-          tag.data = tag.privateData;
-        }
-      },
-          _MetadataStream;
-
-      _MetadataStream = function MetadataStream(options) {
-        var settings = {
-          debug: !!(options && options.debug),
-          // the bytes of the program-level descriptor field in MP2T
-          // see ISO/IEC 13818-1:2013 (E), section 2.6 "Program and
-          // program element descriptors"
-          descriptor: options && options.descriptor
-        },
-            // the total size in bytes of the ID3 tag being parsed
-        tagSize = 0,
-            // tag data that is not complete enough to be parsed
-        buffer = [],
-            // the total number of bytes currently in the buffer
-        bufferSize = 0,
-            i;
-
-        _MetadataStream.prototype.init.call(this); // calculate the text track in-band metadata track dispatch type
-        // https://html.spec.whatwg.org/multipage/embedded-content.html#steps-to-expose-a-media-resource-specific-text-track
-
-
-        this.dispatchType = streamTypes.METADATA_STREAM_TYPE.toString(16);
-
-        if (settings.descriptor) {
-          for (i = 0; i < settings.descriptor.length; i++) {
-            this.dispatchType += ('00' + settings.descriptor[i].toString(16)).slice(-2);
-          }
-        }
-
-        this.push = function (chunk) {
-          var tag, frameStart, frameSize, frame, i, frameHeader;
-
-          if (chunk.type !== 'timed-metadata') {
-            return;
-          } // if data_alignment_indicator is set in the PES header,
-          // we must have the start of a new ID3 tag. Assume anything
-          // remaining in the buffer was malformed and throw it out
-
-
-          if (chunk.dataAlignmentIndicator) {
-            bufferSize = 0;
-            buffer.length = 0;
-          } // ignore events that don't look like ID3 data
-
-
-          if (buffer.length === 0 && (chunk.data.length < 10 || chunk.data[0] !== 'I'.charCodeAt(0) || chunk.data[1] !== 'D'.charCodeAt(0) || chunk.data[2] !== '3'.charCodeAt(0))) {
-            if (settings.debug) {
-              // eslint-disable-next-line no-console
-              console.log('Skipping unrecognized metadata packet');
-            }
-
-            return;
-          } // add this chunk to the data we've collected so far
-
-
-          buffer.push(chunk);
-          bufferSize += chunk.data.byteLength; // grab the size of the entire frame from the ID3 header
-
-          if (buffer.length === 1) {
-            // the frame size is transmitted as a 28-bit integer in the
-            // last four bytes of the ID3 header.
-            // The most significant bit of each byte is dropped and the
-            // results concatenated to recover the actual value.
-            tagSize = parseSyncSafeInteger(chunk.data.subarray(6, 10)); // ID3 reports the tag size excluding the header but it's more
-            // convenient for our comparisons to include it
-
-            tagSize += 10;
-          } // if the entire frame has not arrived, wait for more data
-
-
-          if (bufferSize < tagSize) {
-            return;
-          } // collect the entire frame so it can be parsed
-
-
-          tag = {
-            data: new Uint8Array(tagSize),
-            frames: [],
-            pts: buffer[0].pts,
-            dts: buffer[0].dts
-          };
-
-          for (i = 0; i < tagSize;) {
-            tag.data.set(buffer[0].data.subarray(0, tagSize - i), i);
-            i += buffer[0].data.byteLength;
-            bufferSize -= buffer[0].data.byteLength;
-            buffer.shift();
-          } // find the start of the first frame and the end of the tag
-
-
-          frameStart = 10;
-
-          if (tag.data[5] & 0x40) {
-            // advance the frame start past the extended header
-            frameStart += 4; // header size field
-
-            frameStart += parseSyncSafeInteger(tag.data.subarray(10, 14)); // clip any padding off the end
-
-            tagSize -= parseSyncSafeInteger(tag.data.subarray(16, 20));
-          } // parse one or more ID3 frames
-          // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-          do {
-            // determine the number of bytes in this frame
-            frameSize = parseSyncSafeInteger(tag.data.subarray(frameStart + 4, frameStart + 8));
-
-            if (frameSize < 1) {
-              // eslint-disable-next-line no-console
-              return console.log('Malformed ID3 frame encountered. Skipping metadata parsing.');
-            }
-
-            frameHeader = String.fromCharCode(tag.data[frameStart], tag.data[frameStart + 1], tag.data[frameStart + 2], tag.data[frameStart + 3]);
-            frame = {
-              id: frameHeader,
-              data: tag.data.subarray(frameStart + 10, frameStart + frameSize + 10)
-            };
-            frame.key = frame.id;
-
-            if (tagParsers[frame.id]) {
-              tagParsers[frame.id](frame); // handle the special PRIV frame used to indicate the start
-              // time for raw AAC data
-
-              if (frame.owner === 'com.apple.streaming.transportStreamTimestamp') {
-                var d = frame.data,
-                    size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-                size *= 4;
-                size += d[7] & 0x03;
-                frame.timeStamp = size; // in raw AAC, all subsequent data will be timestamped based
-                // on the value of this frame
-                // we couldn't have known the appropriate pts and dts before
-                // parsing this ID3 tag so set those values now
-
-                if (tag.pts === undefined && tag.dts === undefined) {
-                  tag.pts = frame.timeStamp;
-                  tag.dts = frame.timeStamp;
-                }
-
-                this.trigger('timestamp', frame);
-              }
-            }
-
-            tag.frames.push(frame);
-            frameStart += 10; // advance past the frame header
-
-            frameStart += frameSize; // advance past the frame body
-          } while (frameStart < tagSize);
-
-          this.trigger('data', tag);
-        };
-      };
-
-      _MetadataStream.prototype = new stream();
-      var metadataStream = _MetadataStream;
-      var TimestampRolloverStream$1 = timestampRolloverStream.TimestampRolloverStream; // object types
-
-      var _TransportPacketStream, _TransportParseStream, _ElementaryStream; // constants
-
-
-      var MP2T_PACKET_LENGTH = 188,
-          // bytes
-      SYNC_BYTE = 0x47;
-      /**
-       * Splits an incoming stream of binary data into MPEG-2 Transport
-       * Stream packets.
-       */
-
-      _TransportPacketStream = function TransportPacketStream() {
-        var buffer = new Uint8Array(MP2T_PACKET_LENGTH),
-            bytesInBuffer = 0;
-
-        _TransportPacketStream.prototype.init.call(this); // Deliver new bytes to the stream.
-
-        /**
-         * Split a stream of data into M2TS packets
-        **/
-
-
-        this.push = function (bytes) {
-          var startIndex = 0,
-              endIndex = MP2T_PACKET_LENGTH,
-              everything; // If there are bytes remaining from the last segment, prepend them to the
-          // bytes that were pushed in
-
-          if (bytesInBuffer) {
-            everything = new Uint8Array(bytes.byteLength + bytesInBuffer);
-            everything.set(buffer.subarray(0, bytesInBuffer));
-            everything.set(bytes, bytesInBuffer);
-            bytesInBuffer = 0;
-          } else {
-            everything = bytes;
-          } // While we have enough data for a packet
-
-
-          while (endIndex < everything.byteLength) {
-            // Look for a pair of start and end sync bytes in the data..
-            if (everything[startIndex] === SYNC_BYTE && everything[endIndex] === SYNC_BYTE) {
-              // We found a packet so emit it and jump one whole packet forward in
-              // the stream
-              this.trigger('data', everything.subarray(startIndex, endIndex));
-              startIndex += MP2T_PACKET_LENGTH;
-              endIndex += MP2T_PACKET_LENGTH;
-              continue;
-            } // If we get here, we have somehow become de-synchronized and we need to step
-            // forward one byte at a time until we find a pair of sync bytes that denote
-            // a packet
-
-
-            startIndex++;
-            endIndex++;
-          } // If there was some data left over at the end of the segment that couldn't
-          // possibly be a whole packet, keep it because it might be the start of a packet
-          // that continues in the next segment
-
-
-          if (startIndex < everything.byteLength) {
-            buffer.set(everything.subarray(startIndex), 0);
-            bytesInBuffer = everything.byteLength - startIndex;
-          }
-        };
-        /**
-         * Passes identified M2TS packets to the TransportParseStream to be parsed
-        **/
-
-
-        this.flush = function () {
-          // If the buffer contains a whole packet when we are being flushed, emit it
-          // and empty the buffer. Otherwise hold onto the data because it may be
-          // important for decoding the next segment
-          if (bytesInBuffer === MP2T_PACKET_LENGTH && buffer[0] === SYNC_BYTE) {
-            this.trigger('data', buffer);
-            bytesInBuffer = 0;
-          }
-
-          this.trigger('done');
-        };
-
-        this.endTimeline = function () {
-          this.flush();
-          this.trigger('endedtimeline');
-        };
-
-        this.reset = function () {
-          bytesInBuffer = 0;
-          this.trigger('reset');
-        };
-      };
-
-      _TransportPacketStream.prototype = new stream();
-      /**
-       * Accepts an MP2T TransportPacketStream and emits data events with parsed
-       * forms of the individual transport stream packets.
-       */
-
-      _TransportParseStream = function TransportParseStream() {
-        var parsePsi, parsePat, parsePmt, self;
-
-        _TransportParseStream.prototype.init.call(this);
-
-        self = this;
-        this.packetsWaitingForPmt = [];
-        this.programMapTable = undefined;
-
-        parsePsi = function parsePsi(payload, psi) {
-          var offset = 0; // PSI packets may be split into multiple sections and those
-          // sections may be split into multiple packets. If a PSI
-          // section starts in this packet, the payload_unit_start_indicator
-          // will be true and the first byte of the payload will indicate
-          // the offset from the current position to the start of the
-          // section.
-
-          if (psi.payloadUnitStartIndicator) {
-            offset += payload[offset] + 1;
-          }
-
-          if (psi.type === 'pat') {
-            parsePat(payload.subarray(offset), psi);
-          } else {
-            parsePmt(payload.subarray(offset), psi);
-          }
-        };
-
-        parsePat = function parsePat(payload, pat) {
-          pat.section_number = payload[7]; // eslint-disable-line camelcase
-
-          pat.last_section_number = payload[8]; // eslint-disable-line camelcase
-          // skip the PSI header and parse the first PMT entry
-
-          self.pmtPid = (payload[10] & 0x1F) << 8 | payload[11];
-          pat.pmtPid = self.pmtPid;
-        };
-        /**
-         * Parse out the relevant fields of a Program Map Table (PMT).
-         * @param payload {Uint8Array} the PMT-specific portion of an MP2T
-         * packet. The first byte in this array should be the table_id
-         * field.
-         * @param pmt {object} the object that should be decorated with
-         * fields parsed from the PMT.
-         */
-
-
-        parsePmt = function parsePmt(payload, pmt) {
-          var sectionLength, tableEnd, programInfoLength, offset; // PMTs can be sent ahead of the time when they should actually
-          // take effect. We don't believe this should ever be the case
-          // for HLS but we'll ignore "forward" PMT declarations if we see
-          // them. Future PMT declarations have the current_next_indicator
-          // set to zero.
-
-          if (!(payload[5] & 0x01)) {
-            return;
-          } // overwrite any existing program map table
-
-
-          self.programMapTable = {
-            video: null,
-            audio: null,
-            'timed-metadata': {}
-          }; // the mapping table ends at the end of the current section
-
-          sectionLength = (payload[1] & 0x0f) << 8 | payload[2];
-          tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
-          // long the program info descriptors are
-
-          programInfoLength = (payload[10] & 0x0f) << 8 | payload[11]; // advance the offset to the first entry in the mapping table
-
-          offset = 12 + programInfoLength;
-
-          while (offset < tableEnd) {
-            var streamType = payload[offset];
-            var pid = (payload[offset + 1] & 0x1F) << 8 | payload[offset + 2]; // only map a single elementary_pid for audio and video stream types
-            // TODO: should this be done for metadata too? for now maintain behavior of
-            //       multiple metadata streams
-
-            if (streamType === streamTypes.H264_STREAM_TYPE && self.programMapTable.video === null) {
-              self.programMapTable.video = pid;
-            } else if (streamType === streamTypes.ADTS_STREAM_TYPE && self.programMapTable.audio === null) {
-              self.programMapTable.audio = pid;
-            } else if (streamType === streamTypes.METADATA_STREAM_TYPE) {
-              // map pid to stream type for metadata streams
-              self.programMapTable['timed-metadata'][pid] = streamType;
-            } // move to the next table entry
-            // skip past the elementary stream descriptors, if present
-
-
-            offset += ((payload[offset + 3] & 0x0F) << 8 | payload[offset + 4]) + 5;
-          } // record the map on the packet as well
-
-
-          pmt.programMapTable = self.programMapTable;
-        };
-        /**
-         * Deliver a new MP2T packet to the next stream in the pipeline.
-         */
-
-
-        this.push = function (packet) {
-          var result = {},
-              offset = 4;
-          result.payloadUnitStartIndicator = !!(packet[1] & 0x40); // pid is a 13-bit field starting at the last bit of packet[1]
-
-          result.pid = packet[1] & 0x1f;
-          result.pid <<= 8;
-          result.pid |= packet[2]; // if an adaption field is present, its length is specified by the
-          // fifth byte of the TS packet header. The adaptation field is
-          // used to add stuffing to PES packets that don't fill a complete
-          // TS packet, and to specify some forms of timing and control data
-          // that we do not currently use.
-
-          if ((packet[3] & 0x30) >>> 4 > 0x01) {
-            offset += packet[offset] + 1;
-          } // parse the rest of the packet based on the type
-
-
-          if (result.pid === 0) {
-            result.type = 'pat';
-            parsePsi(packet.subarray(offset), result);
-            this.trigger('data', result);
-          } else if (result.pid === this.pmtPid) {
-            result.type = 'pmt';
-            parsePsi(packet.subarray(offset), result);
-            this.trigger('data', result); // if there are any packets waiting for a PMT to be found, process them now
-
-            while (this.packetsWaitingForPmt.length) {
-              this.processPes_.apply(this, this.packetsWaitingForPmt.shift());
-            }
-          } else if (this.programMapTable === undefined) {
-            // When we have not seen a PMT yet, defer further processing of
-            // PES packets until one has been parsed
-            this.packetsWaitingForPmt.push([packet, offset, result]);
-          } else {
-            this.processPes_(packet, offset, result);
-          }
-        };
-
-        this.processPes_ = function (packet, offset, result) {
-          // set the appropriate stream type
-          if (result.pid === this.programMapTable.video) {
-            result.streamType = streamTypes.H264_STREAM_TYPE;
-          } else if (result.pid === this.programMapTable.audio) {
-            result.streamType = streamTypes.ADTS_STREAM_TYPE;
-          } else {
-            // if not video or audio, it is timed-metadata or unknown
-            // if unknown, streamType will be undefined
-            result.streamType = this.programMapTable['timed-metadata'][result.pid];
-          }
-
-          result.type = 'pes';
-          result.data = packet.subarray(offset);
-          this.trigger('data', result);
-        };
-      };
-
-      _TransportParseStream.prototype = new stream();
-      _TransportParseStream.STREAM_TYPES = {
-        h264: 0x1b,
-        adts: 0x0f
-      };
-      /**
-       * Reconsistutes program elementary stream (PES) packets from parsed
-       * transport stream packets. That is, if you pipe an
-       * mp2t.TransportParseStream into a mp2t.ElementaryStream, the output
-       * events will be events which capture the bytes for individual PES
-       * packets plus relevant metadata that has been extracted from the
-       * container.
-       */
-
-      _ElementaryStream = function ElementaryStream() {
-        var self = this,
-            // PES packet fragments
-        video = {
-          data: [],
-          size: 0
-        },
-            audio = {
-          data: [],
-          size: 0
-        },
-            timedMetadata = {
-          data: [],
-          size: 0
-        },
-            programMapTable,
-            parsePes = function parsePes(payload, pes) {
-          var ptsDtsFlags; // get the packet length, this will be 0 for video
-
-          pes.packetLength = 6 + (payload[4] << 8 | payload[5]); // find out if this packets starts a new keyframe
-
-          pes.dataAlignmentIndicator = (payload[6] & 0x04) !== 0; // PES packets may be annotated with a PTS value, or a PTS value
-          // and a DTS value. Determine what combination of values is
-          // available to work with.
-
-          ptsDtsFlags = payload[7]; // PTS and DTS are normally stored as a 33-bit number.  Javascript
-          // performs all bitwise operations on 32-bit integers but javascript
-          // supports a much greater range (52-bits) of integer using standard
-          // mathematical operations.
-          // We construct a 31-bit value using bitwise operators over the 31
-          // most significant bits and then multiply by 4 (equal to a left-shift
-          // of 2) before we add the final 2 least significant bits of the
-          // timestamp (equal to an OR.)
-
-          if (ptsDtsFlags & 0xC0) {
-            // the PTS and DTS are not written out directly. For information
-            // on how they are encoded, see
-            // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
-            pes.pts = (payload[9] & 0x0E) << 27 | (payload[10] & 0xFF) << 20 | (payload[11] & 0xFE) << 12 | (payload[12] & 0xFF) << 5 | (payload[13] & 0xFE) >>> 3;
-            pes.pts *= 4; // Left shift by 2
-
-            pes.pts += (payload[13] & 0x06) >>> 1; // OR by the two LSBs
-
-            pes.dts = pes.pts;
-
-            if (ptsDtsFlags & 0x40) {
-              pes.dts = (payload[14] & 0x0E) << 27 | (payload[15] & 0xFF) << 20 | (payload[16] & 0xFE) << 12 | (payload[17] & 0xFF) << 5 | (payload[18] & 0xFE) >>> 3;
-              pes.dts *= 4; // Left shift by 2
-
-              pes.dts += (payload[18] & 0x06) >>> 1; // OR by the two LSBs
-            }
-          } // the data section starts immediately after the PES header.
-          // pes_header_data_length specifies the number of header bytes
-          // that follow the last byte of the field.
-
-
-          pes.data = payload.subarray(9 + payload[8]);
-        },
-
-        /**
-          * Pass completely parsed PES packets to the next stream in the pipeline
-         **/
-        flushStream = function flushStream(stream$$1, type, forceFlush) {
-          var packetData = new Uint8Array(stream$$1.size),
-              event = {
-            type: type
-          },
-              i = 0,
-              offset = 0,
-              packetFlushable = false,
-              fragment; // do nothing if there is not enough buffered data for a complete
-          // PES header
-
-          if (!stream$$1.data.length || stream$$1.size < 9) {
-            return;
-          }
-
-          event.trackId = stream$$1.data[0].pid; // reassemble the packet
-
-          for (i = 0; i < stream$$1.data.length; i++) {
-            fragment = stream$$1.data[i];
-            packetData.set(fragment.data, offset);
-            offset += fragment.data.byteLength;
-          } // parse assembled packet's PES header
-
-
-          parsePes(packetData, event); // non-video PES packets MUST have a non-zero PES_packet_length
-          // check that there is enough stream data to fill the packet
-
-          packetFlushable = type === 'video' || event.packetLength <= stream$$1.size; // flush pending packets if the conditions are right
-
-          if (forceFlush || packetFlushable) {
-            stream$$1.size = 0;
-            stream$$1.data.length = 0;
-          } // only emit packets that are complete. this is to avoid assembling
-          // incomplete PES packets due to poor segmentation
-
-
-          if (packetFlushable) {
-            self.trigger('data', event);
-          }
-        };
-
-        _ElementaryStream.prototype.init.call(this);
-        /**
-         * Identifies M2TS packet types and parses PES packets using metadata
-         * parsed from the PMT
-         **/
-
-
-        this.push = function (data) {
-          ({
-            pat: function pat() {// we have to wait for the PMT to arrive as well before we
-              // have any meaningful metadata
-            },
-            pes: function pes() {
-              var stream$$1, streamType;
-
-              switch (data.streamType) {
-                case streamTypes.H264_STREAM_TYPE:
-                case streamTypes.H264_STREAM_TYPE:
-                  stream$$1 = video;
-                  streamType = 'video';
-                  break;
-
-                case streamTypes.ADTS_STREAM_TYPE:
-                  stream$$1 = audio;
-                  streamType = 'audio';
-                  break;
-
-                case streamTypes.METADATA_STREAM_TYPE:
-                  stream$$1 = timedMetadata;
-                  streamType = 'timed-metadata';
-                  break;
-
-                default:
-                  // ignore unknown stream types
-                  return;
-              } // if a new packet is starting, we can flush the completed
-              // packet
-
-
-              if (data.payloadUnitStartIndicator) {
-                flushStream(stream$$1, streamType, true);
-              } // buffer this fragment until we are sure we've received the
-              // complete payload
-
-
-              stream$$1.data.push(data);
-              stream$$1.size += data.data.byteLength;
-            },
-            pmt: function pmt() {
-              var event = {
-                type: 'metadata',
-                tracks: []
-              };
-              programMapTable = data.programMapTable; // translate audio and video streams to tracks
-
-              if (programMapTable.video !== null) {
-                event.tracks.push({
-                  timelineStartInfo: {
-                    baseMediaDecodeTime: 0
-                  },
-                  id: +programMapTable.video,
-                  codec: 'avc',
-                  type: 'video'
-                });
-              }
-
-              if (programMapTable.audio !== null) {
-                event.tracks.push({
-                  timelineStartInfo: {
-                    baseMediaDecodeTime: 0
-                  },
-                  id: +programMapTable.audio,
-                  codec: 'adts',
-                  type: 'audio'
-                });
-              }
-
-              self.trigger('data', event);
-            }
-          })[data.type]();
-        };
-
-        this.reset = function () {
-          video.size = 0;
-          video.data.length = 0;
-          audio.size = 0;
-          audio.data.length = 0;
-          this.trigger('reset');
-        };
-        /**
-         * Flush any remaining input. Video PES packets may be of variable
-         * length. Normally, the start of a new video packet can trigger the
-         * finalization of the previous packet. That is not possible if no
-         * more video is forthcoming, however. In that case, some other
-         * mechanism (like the end of the file) has to be employed. When it is
-         * clear that no additional data is forthcoming, calling this method
-         * will flush the buffered packets.
-         */
-
-
-        this.flushStreams_ = function () {
-          // !!THIS ORDER IS IMPORTANT!!
-          // video first then audio
-          flushStream(video, 'video');
-          flushStream(audio, 'audio');
-          flushStream(timedMetadata, 'timed-metadata');
-        };
-
-        this.flush = function () {
-          this.flushStreams_();
-          this.trigger('done');
-        };
-      };
-
-      _ElementaryStream.prototype = new stream();
-      var m2ts = {
-        PAT_PID: 0x0000,
-        MP2T_PACKET_LENGTH: MP2T_PACKET_LENGTH,
-        TransportPacketStream: _TransportPacketStream,
-        TransportParseStream: _TransportParseStream,
-        ElementaryStream: _ElementaryStream,
-        TimestampRolloverStream: TimestampRolloverStream$1,
-        CaptionStream: captionStream.CaptionStream,
-        Cea608Stream: captionStream.Cea608Stream,
-        MetadataStream: metadataStream
-      };
-
-      for (var type in streamTypes) {
-        if (streamTypes.hasOwnProperty(type)) {
-          m2ts[type] = streamTypes[type];
-        }
-      }
-
-      var m2ts_1 = m2ts;
-      var ONE_SECOND_IN_TS$2 = clock.ONE_SECOND_IN_TS;
-
-      var _AdtsStream;
-
-      var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-      /*
-       * Accepts a ElementaryStream and emits data events with parsed
-       * AAC Audio Frames of the individual packets. Input audio in ADTS
-       * format is unpacked and re-emitted as AAC frames.
-       *
-       * @see http://wiki.multimedia.cx/index.php?title=ADTS
-       * @see http://wiki.multimedia.cx/?title=Understanding_AAC
-       */
-
-      _AdtsStream = function AdtsStream(handlePartialSegments) {
-        var buffer,
-            frameNum = 0;
-
-        _AdtsStream.prototype.init.call(this);
-
-        this.push = function (packet) {
-          var i = 0,
-              frameLength,
-              protectionSkipBytes,
-              frameEnd,
-              oldBuffer,
-              sampleCount,
-              adtsFrameDuration;
-
-          if (!handlePartialSegments) {
-            frameNum = 0;
-          }
-
-          if (packet.type !== 'audio') {
-            // ignore non-audio data
-            return;
-          } // Prepend any data in the buffer to the input data so that we can parse
-          // aac frames the cross a PES packet boundary
-
-
-          if (buffer) {
-            oldBuffer = buffer;
-            buffer = new Uint8Array(oldBuffer.byteLength + packet.data.byteLength);
-            buffer.set(oldBuffer);
-            buffer.set(packet.data, oldBuffer.byteLength);
-          } else {
-            buffer = packet.data;
-          } // unpack any ADTS frames which have been fully received
-          // for details on the ADTS header, see http://wiki.multimedia.cx/index.php?title=ADTS
-
-
-          while (i + 5 < buffer.length) {
-            // Look for the start of an ADTS header..
-            if (buffer[i] !== 0xFF || (buffer[i + 1] & 0xF6) !== 0xF0) {
-              // If a valid header was not found,  jump one forward and attempt to
-              // find a valid ADTS header starting at the next byte
-              i++;
-              continue;
-            } // The protection skip bit tells us if we have 2 bytes of CRC data at the
-            // end of the ADTS header
-
-
-            protectionSkipBytes = (~buffer[i + 1] & 0x01) * 2; // Frame length is a 13 bit integer starting 16 bits from the
-            // end of the sync sequence
-
-            frameLength = (buffer[i + 3] & 0x03) << 11 | buffer[i + 4] << 3 | (buffer[i + 5] & 0xe0) >> 5;
-            sampleCount = ((buffer[i + 6] & 0x03) + 1) * 1024;
-            adtsFrameDuration = sampleCount * ONE_SECOND_IN_TS$2 / ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2];
-            frameEnd = i + frameLength; // If we don't have enough data to actually finish this ADTS frame, return
-            // and wait for more data
-
-            if (buffer.byteLength < frameEnd) {
-              return;
-            } // Otherwise, deliver the complete AAC frame
-
-
-            this.trigger('data', {
-              pts: packet.pts + frameNum * adtsFrameDuration,
-              dts: packet.dts + frameNum * adtsFrameDuration,
-              sampleCount: sampleCount,
-              audioobjecttype: (buffer[i + 2] >>> 6 & 0x03) + 1,
-              channelcount: (buffer[i + 2] & 1) << 2 | (buffer[i + 3] & 0xc0) >>> 6,
-              samplerate: ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2],
-              samplingfrequencyindex: (buffer[i + 2] & 0x3c) >>> 2,
-              // assume ISO/IEC 14496-12 AudioSampleEntry default of 16
-              samplesize: 16,
-              data: buffer.subarray(i + 7 + protectionSkipBytes, frameEnd)
-            });
-            frameNum++; // If the buffer is empty, clear it and return
-
-            if (buffer.byteLength === frameEnd) {
-              buffer = undefined;
-              return;
-            } // Remove the finished frame from the buffer and start the process again
-
-
-            buffer = buffer.subarray(frameEnd);
-          }
-        };
-
-        this.flush = function () {
-          frameNum = 0;
-          this.trigger('done');
-        };
-
-        this.reset = function () {
-          buffer = void 0;
-          this.trigger('reset');
-        };
-
-        this.endTimeline = function () {
-          buffer = void 0;
-          this.trigger('endedtimeline');
-        };
-      };
-
-      _AdtsStream.prototype = new stream();
-      var adts = _AdtsStream;
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       */
-
-      var ExpGolomb;
-      /**
-       * Parser for exponential Golomb codes, a variable-bitwidth number encoding
-       * scheme used by h264.
-       */
-
-      ExpGolomb = function ExpGolomb(workingData) {
-        var // the number of bytes left to examine in workingData
-        workingBytesAvailable = workingData.byteLength,
-            // the current word being examined
-        workingWord = 0,
-            // :uint
-        // the number of bits left to examine in the current word
-        workingBitsAvailable = 0; // :uint;
-        // ():uint
-
-        this.length = function () {
-          return 8 * workingBytesAvailable;
-        }; // ():uint
-
-
-        this.bitsAvailable = function () {
-          return 8 * workingBytesAvailable + workingBitsAvailable;
-        }; // ():void
-
-
-        this.loadWord = function () {
-          var position = workingData.byteLength - workingBytesAvailable,
-              workingBytes = new Uint8Array(4),
-              availableBytes = Math.min(4, workingBytesAvailable);
-
-          if (availableBytes === 0) {
-            throw new Error('no bytes available');
-          }
-
-          workingBytes.set(workingData.subarray(position, position + availableBytes));
-          workingWord = new DataView(workingBytes.buffer).getUint32(0); // track the amount of workingData that has been processed
-
-          workingBitsAvailable = availableBytes * 8;
-          workingBytesAvailable -= availableBytes;
-        }; // (count:int):void
-
-
-        this.skipBits = function (count) {
-          var skipBytes; // :int
-
-          if (workingBitsAvailable > count) {
-            workingWord <<= count;
-            workingBitsAvailable -= count;
-          } else {
-            count -= workingBitsAvailable;
-            skipBytes = Math.floor(count / 8);
-            count -= skipBytes * 8;
-            workingBytesAvailable -= skipBytes;
-            this.loadWord();
-            workingWord <<= count;
-            workingBitsAvailable -= count;
-          }
-        }; // (size:int):uint
-
-
-        this.readBits = function (size) {
-          var bits = Math.min(workingBitsAvailable, size),
-              // :uint
-          valu = workingWord >>> 32 - bits; // :uint
-          // if size > 31, handle error
-
-          workingBitsAvailable -= bits;
-
-          if (workingBitsAvailable > 0) {
-            workingWord <<= bits;
-          } else if (workingBytesAvailable > 0) {
-            this.loadWord();
-          }
-
-          bits = size - bits;
-
-          if (bits > 0) {
-            return valu << bits | this.readBits(bits);
-          }
-
-          return valu;
-        }; // ():uint
-
-
-        this.skipLeadingZeros = function () {
-          var leadingZeroCount; // :uint
-
-          for (leadingZeroCount = 0; leadingZeroCount < workingBitsAvailable; ++leadingZeroCount) {
-            if ((workingWord & 0x80000000 >>> leadingZeroCount) !== 0) {
-              // the first bit of working word is 1
-              workingWord <<= leadingZeroCount;
-              workingBitsAvailable -= leadingZeroCount;
-              return leadingZeroCount;
-            }
-          } // we exhausted workingWord and still have not found a 1
-
-
-          this.loadWord();
-          return leadingZeroCount + this.skipLeadingZeros();
-        }; // ():void
-
-
-        this.skipUnsignedExpGolomb = function () {
-          this.skipBits(1 + this.skipLeadingZeros());
-        }; // ():void
-
-
-        this.skipExpGolomb = function () {
-          this.skipBits(1 + this.skipLeadingZeros());
-        }; // ():uint
-
-
-        this.readUnsignedExpGolomb = function () {
-          var clz = this.skipLeadingZeros(); // :uint
-
-          return this.readBits(clz + 1) - 1;
-        }; // ():int
-
-
-        this.readExpGolomb = function () {
-          var valu = this.readUnsignedExpGolomb(); // :int
-
-          if (0x01 & valu) {
-            // the number is odd if the low order bit is set
-            return 1 + valu >>> 1; // add 1 to make it even, and divide by 2
-          }
-
-          return -1 * (valu >>> 1); // divide by two then make it negative
-        }; // Some convenience functions
-        // :Boolean
-
-
-        this.readBoolean = function () {
-          return this.readBits(1) === 1;
-        }; // ():int
-
-
-        this.readUnsignedByte = function () {
-          return this.readBits(8);
-        };
-
-        this.loadWord();
-      };
-
-      var expGolomb = ExpGolomb;
-
-      var _H264Stream, _NalByteStream;
-
-      var PROFILES_WITH_OPTIONAL_SPS_DATA;
-      /**
-       * Accepts a NAL unit byte stream and unpacks the embedded NAL units.
-       */
-
-      _NalByteStream = function NalByteStream() {
-        var syncPoint = 0,
-            i,
-            buffer;
-
-        _NalByteStream.prototype.init.call(this);
-        /*
-         * Scans a byte stream and triggers a data event with the NAL units found.
-         * @param {Object} data Event received from H264Stream
-         * @param {Uint8Array} data.data The h264 byte stream to be scanned
-         *
-         * @see H264Stream.push
-         */
-
-
-        this.push = function (data) {
-          var swapBuffer;
-
-          if (!buffer) {
-            buffer = data.data;
-          } else {
-            swapBuffer = new Uint8Array(buffer.byteLength + data.data.byteLength);
-            swapBuffer.set(buffer);
-            swapBuffer.set(data.data, buffer.byteLength);
-            buffer = swapBuffer;
-          }
-
-          var len = buffer.byteLength; // Rec. ITU-T H.264, Annex B
-          // scan for NAL unit boundaries
-          // a match looks like this:
-          // 0 0 1 .. NAL .. 0 0 1
-          // ^ sync point        ^ i
-          // or this:
-          // 0 0 1 .. NAL .. 0 0 0
-          // ^ sync point        ^ i
-          // advance the sync point to a NAL start, if necessary
-
-          for (; syncPoint < len - 3; syncPoint++) {
-            if (buffer[syncPoint + 2] === 1) {
-              // the sync point is properly aligned
-              i = syncPoint + 5;
-              break;
-            }
-          }
-
-          while (i < len) {
-            // look at the current byte to determine if we've hit the end of
-            // a NAL unit boundary
-            switch (buffer[i]) {
-              case 0:
-                // skip past non-sync sequences
-                if (buffer[i - 1] !== 0) {
-                  i += 2;
-                  break;
-                } else if (buffer[i - 2] !== 0) {
-                  i++;
-                  break;
-                } // deliver the NAL unit if it isn't empty
-
-
-                if (syncPoint + 3 !== i - 2) {
-                  this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
-                } // drop trailing zeroes
-
-
-                do {
-                  i++;
-                } while (buffer[i] !== 1 && i < len);
-
-                syncPoint = i - 2;
-                i += 3;
-                break;
-
-              case 1:
-                // skip past non-sync sequences
-                if (buffer[i - 1] !== 0 || buffer[i - 2] !== 0) {
-                  i += 3;
-                  break;
-                } // deliver the NAL unit
-
-
-                this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
-                syncPoint = i - 2;
-                i += 3;
-                break;
-
-              default:
-                // the current byte isn't a one or zero, so it cannot be part
-                // of a sync sequence
-                i += 3;
-                break;
-            }
-          } // filter out the NAL units that were delivered
-
-
-          buffer = buffer.subarray(syncPoint);
-          i -= syncPoint;
-          syncPoint = 0;
-        };
-
-        this.reset = function () {
-          buffer = null;
-          syncPoint = 0;
-          this.trigger('reset');
-        };
-
-        this.flush = function () {
-          // deliver the last buffered NAL unit
-          if (buffer && buffer.byteLength > 3) {
-            this.trigger('data', buffer.subarray(syncPoint + 3));
-          } // reset the stream state
-
-
-          buffer = null;
-          syncPoint = 0;
-          this.trigger('done');
-        };
-
-        this.endTimeline = function () {
-          this.flush();
-          this.trigger('endedtimeline');
-        };
-      };
-
-      _NalByteStream.prototype = new stream(); // values of profile_idc that indicate additional fields are included in the SPS
-      // see Recommendation ITU-T H.264 (4/2013),
-      // 7.3.2.1.1 Sequence parameter set data syntax
-
-      PROFILES_WITH_OPTIONAL_SPS_DATA = {
-        100: true,
-        110: true,
-        122: true,
-        244: true,
-        44: true,
-        83: true,
-        86: true,
-        118: true,
-        128: true,
-        138: true,
-        139: true,
-        134: true
-      };
-      /**
-       * Accepts input from a ElementaryStream and produces H.264 NAL unit data
-       * events.
-       */
-
-      _H264Stream = function H264Stream() {
-        var nalByteStream = new _NalByteStream(),
-            self,
-            trackId,
-            currentPts,
-            currentDts,
-            discardEmulationPreventionBytes,
-            readSequenceParameterSet,
-            skipScalingList;
-
-        _H264Stream.prototype.init.call(this);
-
-        self = this;
-        /*
-         * Pushes a packet from a stream onto the NalByteStream
-         *
-         * @param {Object} packet - A packet received from a stream
-         * @param {Uint8Array} packet.data - The raw bytes of the packet
-         * @param {Number} packet.dts - Decode timestamp of the packet
-         * @param {Number} packet.pts - Presentation timestamp of the packet
-         * @param {Number} packet.trackId - The id of the h264 track this packet came from
-         * @param {('video'|'audio')} packet.type - The type of packet
-         *
-         */
-
-        this.push = function (packet) {
-          if (packet.type !== 'video') {
-            return;
-          }
-
-          trackId = packet.trackId;
-          currentPts = packet.pts;
-          currentDts = packet.dts;
-          nalByteStream.push(packet);
-        };
-        /*
-         * Identify NAL unit types and pass on the NALU, trackId, presentation and decode timestamps
-         * for the NALUs to the next stream component.
-         * Also, preprocess caption and sequence parameter NALUs.
-         *
-         * @param {Uint8Array} data - A NAL unit identified by `NalByteStream.push`
-         * @see NalByteStream.push
-         */
-
-
-        nalByteStream.on('data', function (data) {
-          var event = {
-            trackId: trackId,
-            pts: currentPts,
-            dts: currentDts,
-            data: data
-          };
-
-          switch (data[0] & 0x1f) {
-            case 0x05:
-              event.nalUnitType = 'slice_layer_without_partitioning_rbsp_idr';
-              break;
-
-            case 0x06:
-              event.nalUnitType = 'sei_rbsp';
-              event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
-              break;
-
-            case 0x07:
-              event.nalUnitType = 'seq_parameter_set_rbsp';
-              event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
-              event.config = readSequenceParameterSet(event.escapedRBSP);
-              break;
-
-            case 0x08:
-              event.nalUnitType = 'pic_parameter_set_rbsp';
-              break;
-
-            case 0x09:
-              event.nalUnitType = 'access_unit_delimiter_rbsp';
-              break;
-
-            default:
-              break;
-          } // This triggers data on the H264Stream
-
-
-          self.trigger('data', event);
-        });
-        nalByteStream.on('done', function () {
-          self.trigger('done');
-        });
-        nalByteStream.on('partialdone', function () {
-          self.trigger('partialdone');
-        });
-        nalByteStream.on('reset', function () {
-          self.trigger('reset');
-        });
-        nalByteStream.on('endedtimeline', function () {
-          self.trigger('endedtimeline');
-        });
-
-        this.flush = function () {
-          nalByteStream.flush();
-        };
-
-        this.partialFlush = function () {
-          nalByteStream.partialFlush();
-        };
-
-        this.reset = function () {
-          nalByteStream.reset();
-        };
-
-        this.endTimeline = function () {
-          nalByteStream.endTimeline();
-        };
-        /**
-         * Advance the ExpGolomb decoder past a scaling list. The scaling
-         * list is optionally transmitted as part of a sequence parameter
-         * set and is not relevant to transmuxing.
-         * @param count {number} the number of entries in this scaling list
-         * @param expGolombDecoder {object} an ExpGolomb pointed to the
-         * start of a scaling list
-         * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1
-         */
-
-
-        skipScalingList = function skipScalingList(count, expGolombDecoder) {
-          var lastScale = 8,
-              nextScale = 8,
-              j,
-              deltaScale;
-
-          for (j = 0; j < count; j++) {
-            if (nextScale !== 0) {
-              deltaScale = expGolombDecoder.readExpGolomb();
-              nextScale = (lastScale + deltaScale + 256) % 256;
-            }
-
-            lastScale = nextScale === 0 ? lastScale : nextScale;
-          }
-        };
-        /**
-         * Expunge any "Emulation Prevention" bytes from a "Raw Byte
-         * Sequence Payload"
-         * @param data {Uint8Array} the bytes of a RBSP from a NAL
-         * unit
-         * @return {Uint8Array} the RBSP without any Emulation
-         * Prevention Bytes
-         */
-
-
-        discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
-          var length = data.byteLength,
-              emulationPreventionBytesPositions = [],
-              i = 1,
-              newLength,
-              newData; // Find all `Emulation Prevention Bytes`
-
-          while (i < length - 2) {
-            if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
-              emulationPreventionBytesPositions.push(i + 2);
-              i += 2;
-            } else {
-              i++;
-            }
-          } // If no Emulation Prevention Bytes were found just return the original
-          // array
-
-
-          if (emulationPreventionBytesPositions.length === 0) {
-            return data;
-          } // Create a new array to hold the NAL unit data
-
-
-          newLength = length - emulationPreventionBytesPositions.length;
-          newData = new Uint8Array(newLength);
-          var sourceIndex = 0;
-
-          for (i = 0; i < newLength; sourceIndex++, i++) {
-            if (sourceIndex === emulationPreventionBytesPositions[0]) {
-              // Skip this byte
-              sourceIndex++; // Remove this position index
-
-              emulationPreventionBytesPositions.shift();
-            }
-
-            newData[i] = data[sourceIndex];
-          }
-
-          return newData;
-        };
-        /**
-         * Read a sequence parameter set and return some interesting video
-         * properties. A sequence parameter set is the H264 metadata that
-         * describes the properties of upcoming video frames.
-         * @param data {Uint8Array} the bytes of a sequence parameter set
-         * @return {object} an object with configuration parsed from the
-         * sequence parameter set, including the dimensions of the
-         * associated video frames.
-         */
-
-
-        readSequenceParameterSet = function readSequenceParameterSet(data) {
-          var frameCropLeftOffset = 0,
-              frameCropRightOffset = 0,
-              frameCropTopOffset = 0,
-              frameCropBottomOffset = 0,
-              sarScale = 1,
-              expGolombDecoder,
-              profileIdc,
-              levelIdc,
-              profileCompatibility,
-              chromaFormatIdc,
-              picOrderCntType,
-              numRefFramesInPicOrderCntCycle,
-              picWidthInMbsMinus1,
-              picHeightInMapUnitsMinus1,
-              frameMbsOnlyFlag,
-              scalingListCount,
-              sarRatio,
-              aspectRatioIdc,
-              i;
-          expGolombDecoder = new expGolomb(data);
-          profileIdc = expGolombDecoder.readUnsignedByte(); // profile_idc
-
-          profileCompatibility = expGolombDecoder.readUnsignedByte(); // constraint_set[0-5]_flag
-
-          levelIdc = expGolombDecoder.readUnsignedByte(); // level_idc u(8)
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // seq_parameter_set_id
-          // some profiles have more optional data we don't need
-
-          if (PROFILES_WITH_OPTIONAL_SPS_DATA[profileIdc]) {
-            chromaFormatIdc = expGolombDecoder.readUnsignedExpGolomb();
-
-            if (chromaFormatIdc === 3) {
-              expGolombDecoder.skipBits(1); // separate_colour_plane_flag
-            }
-
-            expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_luma_minus8
-
-            expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_chroma_minus8
-
-            expGolombDecoder.skipBits(1); // qpprime_y_zero_transform_bypass_flag
-
-            if (expGolombDecoder.readBoolean()) {
-              // seq_scaling_matrix_present_flag
-              scalingListCount = chromaFormatIdc !== 3 ? 8 : 12;
-
-              for (i = 0; i < scalingListCount; i++) {
-                if (expGolombDecoder.readBoolean()) {
-                  // seq_scaling_list_present_flag[ i ]
-                  if (i < 6) {
-                    skipScalingList(16, expGolombDecoder);
-                  } else {
-                    skipScalingList(64, expGolombDecoder);
-                  }
-                }
-              }
-            }
-          }
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // log2_max_frame_num_minus4
-
-          picOrderCntType = expGolombDecoder.readUnsignedExpGolomb();
-
-          if (picOrderCntType === 0) {
-            expGolombDecoder.readUnsignedExpGolomb(); // log2_max_pic_order_cnt_lsb_minus4
-          } else if (picOrderCntType === 1) {
-            expGolombDecoder.skipBits(1); // delta_pic_order_always_zero_flag
-
-            expGolombDecoder.skipExpGolomb(); // offset_for_non_ref_pic
-
-            expGolombDecoder.skipExpGolomb(); // offset_for_top_to_bottom_field
-
-            numRefFramesInPicOrderCntCycle = expGolombDecoder.readUnsignedExpGolomb();
-
-            for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) {
-              expGolombDecoder.skipExpGolomb(); // offset_for_ref_frame[ i ]
-            }
-          }
-
-          expGolombDecoder.skipUnsignedExpGolomb(); // max_num_ref_frames
-
-          expGolombDecoder.skipBits(1); // gaps_in_frame_num_value_allowed_flag
-
-          picWidthInMbsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
-          picHeightInMapUnitsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
-          frameMbsOnlyFlag = expGolombDecoder.readBits(1);
-
-          if (frameMbsOnlyFlag === 0) {
-            expGolombDecoder.skipBits(1); // mb_adaptive_frame_field_flag
-          }
-
-          expGolombDecoder.skipBits(1); // direct_8x8_inference_flag
-
-          if (expGolombDecoder.readBoolean()) {
-            // frame_cropping_flag
-            frameCropLeftOffset = expGolombDecoder.readUnsignedExpGolomb();
-            frameCropRightOffset = expGolombDecoder.readUnsignedExpGolomb();
-            frameCropTopOffset = expGolombDecoder.readUnsignedExpGolomb();
-            frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();
-          }
-
-          if (expGolombDecoder.readBoolean()) {
-            // vui_parameters_present_flag
-            if (expGolombDecoder.readBoolean()) {
-              // aspect_ratio_info_present_flag
-              aspectRatioIdc = expGolombDecoder.readUnsignedByte();
-
-              switch (aspectRatioIdc) {
-                case 1:
-                  sarRatio = [1, 1];
-                  break;
-
-                case 2:
-                  sarRatio = [12, 11];
-                  break;
-
-                case 3:
-                  sarRatio = [10, 11];
-                  break;
-
-                case 4:
-                  sarRatio = [16, 11];
-                  break;
-
-                case 5:
-                  sarRatio = [40, 33];
-                  break;
-
-                case 6:
-                  sarRatio = [24, 11];
-                  break;
-
-                case 7:
-                  sarRatio = [20, 11];
-                  break;
-
-                case 8:
-                  sarRatio = [32, 11];
-                  break;
-
-                case 9:
-                  sarRatio = [80, 33];
-                  break;
-
-                case 10:
-                  sarRatio = [18, 11];
-                  break;
-
-                case 11:
-                  sarRatio = [15, 11];
-                  break;
-
-                case 12:
-                  sarRatio = [64, 33];
-                  break;
-
-                case 13:
-                  sarRatio = [160, 99];
-                  break;
-
-                case 14:
-                  sarRatio = [4, 3];
-                  break;
-
-                case 15:
-                  sarRatio = [3, 2];
-                  break;
-
-                case 16:
-                  sarRatio = [2, 1];
-                  break;
-
-                case 255:
-                  {
-                    sarRatio = [expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte(), expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte()];
-                    break;
-                  }
-              }
-
-              if (sarRatio) {
-                sarScale = sarRatio[0] / sarRatio[1];
-              }
-            }
-          }
-
-          return {
-            profileIdc: profileIdc,
-            levelIdc: levelIdc,
-            profileCompatibility: profileCompatibility,
-            width: Math.ceil(((picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2) * sarScale),
-            height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - frameCropTopOffset * 2 - frameCropBottomOffset * 2,
-            sarRatio: sarRatio
-          };
-        };
-      };
-
-      _H264Stream.prototype = new stream();
-      var h264 = {
-        H264Stream: _H264Stream,
-        NalByteStream: _NalByteStream
-      };
-      /**
-       * mux.js
-       *
-       * Copyright (c) Brightcove
-       * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
-       *
-       * Utilities to detect basic properties and metadata about Aac data.
-       */
-
-      var ADTS_SAMPLING_FREQUENCIES$1 = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
-
-      var isLikelyAacData = function isLikelyAacData(data) {
-        if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
-          return true;
-        }
-
-        return false;
-      };
-
-      var parseSyncSafeInteger$1 = function parseSyncSafeInteger(data) {
-        return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
-      }; // return a percent-encoded representation of the specified byte range
-      // @see http://en.wikipedia.org/wiki/Percent-encoding
-
-
-      var percentEncode$1 = function percentEncode(bytes, start, end) {
-        var i,
-            result = '';
-
-        for (i = start; i < end; i++) {
-          result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
-        }
-
-        return result;
-      }; // return the string representation of the specified byte range,
-      // interpreted as ISO-8859-1.
-
-
-      var parseIso88591$1 = function parseIso88591(bytes, start, end) {
-        return unescape(percentEncode$1(bytes, start, end)); // jshint ignore:line
-      };
-
-      var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
-        var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
-            flags = header[byteIndex + 5],
-            footerPresent = (flags & 16) >> 4;
-
-        if (footerPresent) {
-          return returnSize + 20;
-        }
-
-        return returnSize + 10;
-      };
-
-      var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
-        var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
-            middle = header[byteIndex + 4] << 3,
-            highTwo = header[byteIndex + 3] & 0x3 << 11;
-        return highTwo | middle | lowThree;
-      };
-
-      var parseType = function parseType(header, byteIndex) {
-        if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
-          return 'timed-metadata';
-        } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
-          return 'audio';
-        }
-
-        return null;
-      };
-
-      var parseSampleRate = function parseSampleRate(packet) {
-        var i = 0;
-
-        while (i + 5 < packet.length) {
-          if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
-            // If a valid header was not found,  jump one forward and attempt to
-            // find a valid ADTS header starting at the next byte
-            i++;
-            continue;
-          }
-
-          return ADTS_SAMPLING_FREQUENCIES$1[(packet[i + 2] & 0x3c) >>> 2];
-        }
-
-        return null;
-      };
-
-      var parseAacTimestamp = function parseAacTimestamp(packet) {
-        var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
-
-        frameStart = 10;
-
-        if (packet[5] & 0x40) {
-          // advance the frame start past the extended header
-          frameStart += 4; // header size field
-
-          frameStart += parseSyncSafeInteger$1(packet.subarray(10, 14));
-        } // parse one or more ID3 frames
-        // http://id3.org/id3v2.3.0#ID3v2_frame_overview
-
-
-        do {
-          // determine the number of bytes in this frame
-          frameSize = parseSyncSafeInteger$1(packet.subarray(frameStart + 4, frameStart + 8));
-
-          if (frameSize < 1) {
-            return null;
-          }
-
-          frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
-
-          if (frameHeader === 'PRIV') {
-            frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
-
-            for (var i = 0; i < frame.byteLength; i++) {
-              if (frame[i] === 0) {
-                var owner = parseIso88591$1(frame, 0, i);
-
-                if (owner === 'com.apple.streaming.transportStreamTimestamp') {
-                  var d = frame.subarray(i + 1);
-                  var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
-                  size *= 4;
-                  size += d[7] & 0x03;
-                  return size;
-                }
-
-                break;
-              }
-            }
-          }
-
-          frameStart += 10; // advance past the frame header
-
-          frameStart += frameSize; // advance past the frame body
-        } while (frameStart < packet.byteLength);
-
-        return null;
-      };
-
-      var utils = {
-        isLikelyAacData: isLikelyAacData,
-        parseId3TagSize: parseId3TagSize,
-        parseAdtsSize: parseAdtsSize,
-        parseType: parseType,
-        parseSampleRate: parseSampleRate,
-        parseAacTimestamp: parseAacTimestamp
-      }; // Constants
-
-      var _AacStream;
-      /**
-       * Splits an incoming stream of binary data into ADTS and ID3 Frames.
-       */
-
-
-      _AacStream = function AacStream() {
-        var everything = new Uint8Array(),
-            timeStamp = 0;
-
-        _AacStream.prototype.init.call(this);
-
-        this.setTimestamp = function (timestamp) {
-          timeStamp = timestamp;
-        };
-
-        this.push = function (bytes) {
-          var frameSize = 0,
-              byteIndex = 0,
-              bytesLeft,
-              chunk,
-              packet,
-              tempLength; // If there are bytes remaining from the last segment, prepend them to the
-          // bytes that were pushed in
-
-          if (everything.length) {
-            tempLength = everything.length;
-            everything = new Uint8Array(bytes.byteLength + tempLength);
-            everything.set(everything.subarray(0, tempLength));
-            everything.set(bytes, tempLength);
-          } else {
-            everything = bytes;
-          }
-
-          while (everything.length - byteIndex >= 3) {
-            if (everything[byteIndex] === 'I'.charCodeAt(0) && everything[byteIndex + 1] === 'D'.charCodeAt(0) && everything[byteIndex + 2] === '3'.charCodeAt(0)) {
-              // Exit early because we don't have enough to parse
-              // the ID3 tag header
-              if (everything.length - byteIndex < 10) {
-                break;
-              } // check framesize
-
-
-              frameSize = utils.parseId3TagSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
-              // to emit a full packet
-              // Add to byteIndex to support multiple ID3 tags in sequence
-
-              if (byteIndex + frameSize > everything.length) {
-                break;
-              }
-
-              chunk = {
-                type: 'timed-metadata',
-                data: everything.subarray(byteIndex, byteIndex + frameSize)
-              };
-              this.trigger('data', chunk);
-              byteIndex += frameSize;
-              continue;
-            } else if ((everything[byteIndex] & 0xff) === 0xff && (everything[byteIndex + 1] & 0xf0) === 0xf0) {
-              // Exit early because we don't have enough to parse
-              // the ADTS frame header
-              if (everything.length - byteIndex < 7) {
-                break;
-              }
-
-              frameSize = utils.parseAdtsSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
-              // to emit a full packet
-
-              if (byteIndex + frameSize > everything.length) {
-                break;
-              }
-
-              packet = {
-                type: 'audio',
-                data: everything.subarray(byteIndex, byteIndex + frameSize),
-                pts: timeStamp,
-                dts: timeStamp
-              };
-              this.trigger('data', packet);
-              byteIndex += frameSize;
-              continue;
-            }
-
-            byteIndex++;
-          }
-
-          bytesLeft = everything.length - byteIndex;
-
-          if (bytesLeft > 0) {
-            everything = everything.subarray(byteIndex);
-          } else {
-            everything = new Uint8Array();
-          }
-        };
-
-        this.reset = function () {
-          everything = new Uint8Array();
-          this.trigger('reset');
-        };
-
-        this.endTimeline = function () {
-          everything = new Uint8Array();
-          this.trigger('endedtimeline');
-        };
-      };
-
-      _AacStream.prototype = new stream();
-      var aac = _AacStream;
-      var H264Stream = h264.H264Stream;
-      var isLikelyAacData$1 = utils.isLikelyAacData;
-      var ONE_SECOND_IN_TS$3 = clock.ONE_SECOND_IN_TS; // constants
-
-      var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];
-      var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility', 'sarRatio']; // object types
-
-      var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;
-      /**
-       * Compare two arrays (even typed) for same-ness
-       */
-
-
-      var arrayEquals = function arrayEquals(a, b) {
-        var i;
-
-        if (a.length !== b.length) {
-          return false;
-        } // compare the value of each element in the array
-
-
-        for (i = 0; i < a.length; i++) {
-          if (a[i] !== b[i]) {
-            return false;
-          }
-        }
-
-        return true;
-      };
-
-      var generateVideoSegmentTimingInfo = function generateVideoSegmentTimingInfo(baseMediaDecodeTime, startDts, startPts, endDts, endPts, prependedContentDuration) {
-        var ptsOffsetFromDts = startPts - startDts,
-            decodeDuration = endDts - startDts,
-            presentationDuration = endPts - startPts; // The PTS and DTS values are based on the actual stream times from the segment,
-        // however, the player time values will reflect a start from the baseMediaDecodeTime.
-        // In order to provide relevant values for the player times, base timing info on the
-        // baseMediaDecodeTime and the DTS and PTS durations of the segment.
-
-        return {
-          start: {
-            dts: baseMediaDecodeTime,
-            pts: baseMediaDecodeTime + ptsOffsetFromDts
-          },
-          end: {
-            dts: baseMediaDecodeTime + decodeDuration,
-            pts: baseMediaDecodeTime + presentationDuration
-          },
-          prependedContentDuration: prependedContentDuration,
-          baseMediaDecodeTime: baseMediaDecodeTime
-        };
-      };
-      /**
-       * Constructs a single-track, ISO BMFF media segment from AAC data
-       * events. The output of this stream can be fed to a SourceBuffer
-       * configured with a suitable initialization segment.
-       * @param track {object} track metadata configuration
-       * @param options {object} transmuxer options object
-       * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-       *        in the source; false to adjust the first segment to start at 0.
-       */
-
-
-      _AudioSegmentStream = function AudioSegmentStream(track, options) {
-        var adtsFrames = [],
-            sequenceNumber = 0,
-            earliestAllowedDts = 0,
-            audioAppendStartTs = 0,
-            videoBaseMediaDecodeTime = Infinity;
-        options = options || {};
-
-        _AudioSegmentStream.prototype.init.call(this);
-
-        this.push = function (data) {
-          trackDecodeInfo.collectDtsInfo(track, data);
-
-          if (track) {
-            AUDIO_PROPERTIES.forEach(function (prop) {
-              track[prop] = data[prop];
-            });
-          } // buffer audio data until end() is called
-
-
-          adtsFrames.push(data);
-        };
-
-        this.setEarliestDts = function (earliestDts) {
-          earliestAllowedDts = earliestDts - track.timelineStartInfo.baseMediaDecodeTime;
-        };
-
-        this.setVideoBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-          videoBaseMediaDecodeTime = baseMediaDecodeTime;
-        };
-
-        this.setAudioAppendStart = function (timestamp) {
-          audioAppendStartTs = timestamp;
-        };
-
-        this.flush = function () {
-          var frames, moof, mdat, boxes, frameDuration; // return early if no audio data has been observed
-
-          if (adtsFrames.length === 0) {
-            this.trigger('done', 'AudioSegmentStream');
-            return;
-          }
-
-          frames = audioFrameUtils.trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts);
-          track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-          audioFrameUtils.prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime); // we have to build the index from byte locations to
-          // samples (that is, adts frames) in the audio data
-
-          track.samples = audioFrameUtils.generateSampleTable(frames); // concatenate the audio data to constuct the mdat
-
-          mdat = mp4Generator.mdat(audioFrameUtils.concatenateFrameData(frames));
-          adtsFrames = [];
-          moof = mp4Generator.moof(sequenceNumber, [track]);
-          boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // bump the sequence number for next time
-
-          sequenceNumber++;
-          boxes.set(moof);
-          boxes.set(mdat, moof.byteLength);
-          trackDecodeInfo.clearDtsInfo(track);
-          frameDuration = Math.ceil(ONE_SECOND_IN_TS$3 * 1024 / track.samplerate); // TODO this check was added to maintain backwards compatibility (particularly with
-          // tests) on adding the timingInfo event. However, it seems unlikely that there's a
-          // valid use-case where an init segment/data should be triggered without associated
-          // frames. Leaving for now, but should be looked into.
-
-          if (frames.length) {
-            this.trigger('timingInfo', {
-              start: frames[0].dts,
-              end: frames[0].dts + frames.length * frameDuration
-            });
-          }
-
-          this.trigger('data', {
-            track: track,
-            boxes: boxes
-          });
-          this.trigger('done', 'AudioSegmentStream');
-        };
-
-        this.reset = function () {
-          trackDecodeInfo.clearDtsInfo(track);
-          adtsFrames = [];
-          this.trigger('reset');
-        };
-      };
-
-      _AudioSegmentStream.prototype = new stream();
-      /**
-       * Constructs a single-track, ISO BMFF media segment from H264 data
-       * events. The output of this stream can be fed to a SourceBuffer
-       * configured with a suitable initialization segment.
-       * @param track {object} track metadata configuration
-       * @param options {object} transmuxer options object
-       * @param options.alignGopsAtEnd {boolean} If true, start from the end of the
-       *        gopsToAlignWith list when attempting to align gop pts
-       * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-       *        in the source; false to adjust the first segment to start at 0.
-       */
-
-      _VideoSegmentStream = function VideoSegmentStream(track, options) {
-        var sequenceNumber = 0,
-            nalUnits = [],
-            gopsToAlignWith = [],
-            config,
-            pps;
-        options = options || {};
-
-        _VideoSegmentStream.prototype.init.call(this);
-
-        delete track.minPTS;
-        this.gopCache_ = [];
-        /**
-          * Constructs a ISO BMFF segment given H264 nalUnits
-          * @param {Object} nalUnit A data event representing a nalUnit
-          * @param {String} nalUnit.nalUnitType
-          * @param {Object} nalUnit.config Properties for a mp4 track
-          * @param {Uint8Array} nalUnit.data The nalUnit bytes
-          * @see lib/codecs/h264.js
-         **/
-
-        this.push = function (nalUnit) {
-          trackDecodeInfo.collectDtsInfo(track, nalUnit); // record the track config
-
-          if (nalUnit.nalUnitType === 'seq_parameter_set_rbsp' && !config) {
-            config = nalUnit.config;
-            track.sps = [nalUnit.data];
-            VIDEO_PROPERTIES.forEach(function (prop) {
-              track[prop] = config[prop];
-            }, this);
-          }
-
-          if (nalUnit.nalUnitType === 'pic_parameter_set_rbsp' && !pps) {
-            pps = nalUnit.data;
-            track.pps = [nalUnit.data];
-          } // buffer video until flush() is called
-
-
-          nalUnits.push(nalUnit);
-        };
-        /**
-          * Pass constructed ISO BMFF track and boxes on to the
-          * next stream in the pipeline
-         **/
-
-
-        this.flush = function () {
-          var frames,
-              gopForFusion,
-              gops,
-              moof,
-              mdat,
-              boxes,
-              prependedContentDuration = 0,
-              firstGop,
-              lastGop; // Throw away nalUnits at the start of the byte stream until
-          // we find the first AUD
-
-          while (nalUnits.length) {
-            if (nalUnits[0].nalUnitType === 'access_unit_delimiter_rbsp') {
-              break;
-            }
-
-            nalUnits.shift();
-          } // Return early if no video data has been observed
-
-
-          if (nalUnits.length === 0) {
-            this.resetStream_();
-            this.trigger('done', 'VideoSegmentStream');
-            return;
-          } // Organize the raw nal-units into arrays that represent
-          // higher-level constructs such as frames and gops
-          // (group-of-pictures)
-
-
-          frames = frameUtils.groupNalsIntoFrames(nalUnits);
-          gops = frameUtils.groupFramesIntoGops(frames); // If the first frame of this fragment is not a keyframe we have
-          // a problem since MSE (on Chrome) requires a leading keyframe.
-          //
-          // We have two approaches to repairing this situation:
-          // 1) GOP-FUSION:
-          //    This is where we keep track of the GOPS (group-of-pictures)
-          //    from previous fragments and attempt to find one that we can
-          //    prepend to the current fragment in order to create a valid
-          //    fragment.
-          // 2) KEYFRAME-PULLING:
-          //    Here we search for the first keyframe in the fragment and
-          //    throw away all the frames between the start of the fragment
-          //    and that keyframe. We then extend the duration and pull the
-          //    PTS of the keyframe forward so that it covers the time range
-          //    of the frames that were disposed of.
-          //
-          // #1 is far prefereable over #2 which can cause "stuttering" but
-          // requires more things to be just right.
-
-          if (!gops[0][0].keyFrame) {
-            // Search for a gop for fusion from our gopCache
-            gopForFusion = this.getGopForFusion_(nalUnits[0], track);
-
-            if (gopForFusion) {
-              // in order to provide more accurate timing information about the segment, save
-              // the number of seconds prepended to the original segment due to GOP fusion
-              prependedContentDuration = gopForFusion.duration;
-              gops.unshift(gopForFusion); // Adjust Gops' metadata to account for the inclusion of the
-              // new gop at the beginning
-
-              gops.byteLength += gopForFusion.byteLength;
-              gops.nalCount += gopForFusion.nalCount;
-              gops.pts = gopForFusion.pts;
-              gops.dts = gopForFusion.dts;
-              gops.duration += gopForFusion.duration;
-            } else {
-              // If we didn't find a candidate gop fall back to keyframe-pulling
-              gops = frameUtils.extendFirstKeyFrame(gops);
-            }
-          } // Trim gops to align with gopsToAlignWith
-
-
-          if (gopsToAlignWith.length) {
-            var alignedGops;
-
-            if (options.alignGopsAtEnd) {
-              alignedGops = this.alignGopsAtEnd_(gops);
-            } else {
-              alignedGops = this.alignGopsAtStart_(gops);
-            }
-
-            if (!alignedGops) {
-              // save all the nals in the last GOP into the gop cache
-              this.gopCache_.unshift({
-                gop: gops.pop(),
-                pps: track.pps,
-                sps: track.sps
-              }); // Keep a maximum of 6 GOPs in the cache
-
-              this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
-
-              nalUnits = []; // return early no gops can be aligned with desired gopsToAlignWith
-
-              this.resetStream_();
-              this.trigger('done', 'VideoSegmentStream');
-              return;
-            } // Some gops were trimmed. clear dts info so minSegmentDts and pts are correct
-            // when recalculated before sending off to CoalesceStream
-
-
-            trackDecodeInfo.clearDtsInfo(track);
-            gops = alignedGops;
-          }
-
-          trackDecodeInfo.collectDtsInfo(track, gops); // First, we have to build the index from byte locations to
-          // samples (that is, frames) in the video data
-
-          track.samples = frameUtils.generateSampleTable(gops); // Concatenate the video data and construct the mdat
-
-          mdat = mp4Generator.mdat(frameUtils.concatenateNalData(gops));
-          track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-          this.trigger('processedGopsInfo', gops.map(function (gop) {
-            return {
-              pts: gop.pts,
-              dts: gop.dts,
-              byteLength: gop.byteLength
-            };
-          }));
-          firstGop = gops[0];
-          lastGop = gops[gops.length - 1];
-          this.trigger('segmentTimingInfo', generateVideoSegmentTimingInfo(track.baseMediaDecodeTime, firstGop.dts, firstGop.pts, lastGop.dts + lastGop.duration, lastGop.pts + lastGop.duration, prependedContentDuration));
-          this.trigger('timingInfo', {
-            start: gops[0].dts,
-            end: gops[gops.length - 1].dts + gops[gops.length - 1].duration
-          }); // save all the nals in the last GOP into the gop cache
-
-          this.gopCache_.unshift({
-            gop: gops.pop(),
-            pps: track.pps,
-            sps: track.sps
-          }); // Keep a maximum of 6 GOPs in the cache
-
-          this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
-
-          nalUnits = [];
-          this.trigger('baseMediaDecodeTime', track.baseMediaDecodeTime);
-          this.trigger('timelineStartInfo', track.timelineStartInfo);
-          moof = mp4Generator.moof(sequenceNumber, [track]); // it would be great to allocate this array up front instead of
-          // throwing away hundreds of media segment fragments
-
-          boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // Bump the sequence number for next time
-
-          sequenceNumber++;
-          boxes.set(moof);
-          boxes.set(mdat, moof.byteLength);
-          this.trigger('data', {
-            track: track,
-            boxes: boxes
-          });
-          this.resetStream_(); // Continue with the flush process now
-
-          this.trigger('done', 'VideoSegmentStream');
-        };
-
-        this.reset = function () {
-          this.resetStream_();
-          nalUnits = [];
-          this.gopCache_.length = 0;
-          gopsToAlignWith.length = 0;
-          this.trigger('reset');
-        };
-
-        this.resetStream_ = function () {
-          trackDecodeInfo.clearDtsInfo(track); // reset config and pps because they may differ across segments
-          // for instance, when we are rendition switching
-
-          config = undefined;
-          pps = undefined;
-        }; // Search for a candidate Gop for gop-fusion from the gop cache and
-        // return it or return null if no good candidate was found
-
-
-        this.getGopForFusion_ = function (nalUnit) {
-          var halfSecond = 45000,
-              // Half-a-second in a 90khz clock
-          allowableOverlap = 10000,
-              // About 3 frames @ 30fps
-          nearestDistance = Infinity,
-              dtsDistance,
-              nearestGopObj,
-              currentGop,
-              currentGopObj,
-              i; // Search for the GOP nearest to the beginning of this nal unit
-
-          for (i = 0; i < this.gopCache_.length; i++) {
-            currentGopObj = this.gopCache_[i];
-            currentGop = currentGopObj.gop; // Reject Gops with different SPS or PPS
-
-            if (!(track.pps && arrayEquals(track.pps[0], currentGopObj.pps[0])) || !(track.sps && arrayEquals(track.sps[0], currentGopObj.sps[0]))) {
-              continue;
-            } // Reject Gops that would require a negative baseMediaDecodeTime
-
-
-            if (currentGop.dts < track.timelineStartInfo.dts) {
-              continue;
-            } // The distance between the end of the gop and the start of the nalUnit
-
-
-            dtsDistance = nalUnit.dts - currentGop.dts - currentGop.duration; // Only consider GOPS that start before the nal unit and end within
-            // a half-second of the nal unit
-
-            if (dtsDistance >= -allowableOverlap && dtsDistance <= halfSecond) {
-              // Always use the closest GOP we found if there is more than
-              // one candidate
-              if (!nearestGopObj || nearestDistance > dtsDistance) {
-                nearestGopObj = currentGopObj;
-                nearestDistance = dtsDistance;
-              }
-            }
-          }
-
-          if (nearestGopObj) {
-            return nearestGopObj.gop;
-          }
-
-          return null;
-        }; // trim gop list to the first gop found that has a matching pts with a gop in the list
-        // of gopsToAlignWith starting from the START of the list
-
-
-        this.alignGopsAtStart_ = function (gops) {
-          var alignIndex, gopIndex, align, gop, byteLength, nalCount, duration, alignedGops;
-          byteLength = gops.byteLength;
-          nalCount = gops.nalCount;
-          duration = gops.duration;
-          alignIndex = gopIndex = 0;
-
-          while (alignIndex < gopsToAlignWith.length && gopIndex < gops.length) {
-            align = gopsToAlignWith[alignIndex];
-            gop = gops[gopIndex];
-
-            if (align.pts === gop.pts) {
-              break;
-            }
-
-            if (gop.pts > align.pts) {
-              // this current gop starts after the current gop we want to align on, so increment
-              // align index
-              alignIndex++;
-              continue;
-            } // current gop starts before the current gop we want to align on. so increment gop
-            // index
-
-
-            gopIndex++;
-            byteLength -= gop.byteLength;
-            nalCount -= gop.nalCount;
-            duration -= gop.duration;
-          }
-
-          if (gopIndex === 0) {
-            // no gops to trim
-            return gops;
-          }
-
-          if (gopIndex === gops.length) {
-            // all gops trimmed, skip appending all gops
-            return null;
-          }
-
-          alignedGops = gops.slice(gopIndex);
-          alignedGops.byteLength = byteLength;
-          alignedGops.duration = duration;
-          alignedGops.nalCount = nalCount;
-          alignedGops.pts = alignedGops[0].pts;
-          alignedGops.dts = alignedGops[0].dts;
-          return alignedGops;
-        }; // trim gop list to the first gop found that has a matching pts with a gop in the list
-        // of gopsToAlignWith starting from the END of the list
-
-
-        this.alignGopsAtEnd_ = function (gops) {
-          var alignIndex, gopIndex, align, gop, alignEndIndex, matchFound;
-          alignIndex = gopsToAlignWith.length - 1;
-          gopIndex = gops.length - 1;
-          alignEndIndex = null;
-          matchFound = false;
-
-          while (alignIndex >= 0 && gopIndex >= 0) {
-            align = gopsToAlignWith[alignIndex];
-            gop = gops[gopIndex];
-
-            if (align.pts === gop.pts) {
-              matchFound = true;
-              break;
-            }
-
-            if (align.pts > gop.pts) {
-              alignIndex--;
-              continue;
-            }
-
-            if (alignIndex === gopsToAlignWith.length - 1) {
-              // gop.pts is greater than the last alignment candidate. If no match is found
-              // by the end of this loop, we still want to append gops that come after this
-              // point
-              alignEndIndex = gopIndex;
-            }
-
-            gopIndex--;
-          }
-
-          if (!matchFound && alignEndIndex === null) {
-            return null;
-          }
-
-          var trimIndex;
-
-          if (matchFound) {
-            trimIndex = gopIndex;
-          } else {
-            trimIndex = alignEndIndex;
-          }
-
-          if (trimIndex === 0) {
-            return gops;
-          }
-
-          var alignedGops = gops.slice(trimIndex);
-          var metadata = alignedGops.reduce(function (total, gop) {
-            total.byteLength += gop.byteLength;
-            total.duration += gop.duration;
-            total.nalCount += gop.nalCount;
-            return total;
-          }, {
-            byteLength: 0,
-            duration: 0,
-            nalCount: 0
-          });
-          alignedGops.byteLength = metadata.byteLength;
-          alignedGops.duration = metadata.duration;
-          alignedGops.nalCount = metadata.nalCount;
-          alignedGops.pts = alignedGops[0].pts;
-          alignedGops.dts = alignedGops[0].dts;
-          return alignedGops;
-        };
-
-        this.alignGopsWith = function (newGopsToAlignWith) {
-          gopsToAlignWith = newGopsToAlignWith;
-        };
-      };
-
-      _VideoSegmentStream.prototype = new stream();
-      /**
-       * A Stream that can combine multiple streams (ie. audio & video)
-       * into a single output segment for MSE. Also supports audio-only
-       * and video-only streams.
-       * @param options {object} transmuxer options object
-       * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
-       *        in the source; false to adjust the first segment to start at media timeline start.
-       */
-
-      _CoalesceStream = function CoalesceStream(options, metadataStream) {
-        // Number of Tracks per output segment
-        // If greater than 1, we combine multiple
-        // tracks into a single segment
-        this.numberOfTracks = 0;
-        this.metadataStream = metadataStream;
-        options = options || {};
-
-        if (typeof options.remux !== 'undefined') {
-          this.remuxTracks = !!options.remux;
-        } else {
-          this.remuxTracks = true;
-        }
-
-        if (typeof options.keepOriginalTimestamps === 'boolean') {
-          this.keepOriginalTimestamps = options.keepOriginalTimestamps;
-        } else {
-          this.keepOriginalTimestamps = false;
-        }
-
-        this.pendingTracks = [];
-        this.videoTrack = null;
-        this.pendingBoxes = [];
-        this.pendingCaptions = [];
-        this.pendingMetadata = [];
-        this.pendingBytes = 0;
-        this.emittedTracks = 0;
-
-        _CoalesceStream.prototype.init.call(this); // Take output from multiple
-
-
-        this.push = function (output) {
-          // buffer incoming captions until the associated video segment
-          // finishes
-          if (output.text) {
-            return this.pendingCaptions.push(output);
-          } // buffer incoming id3 tags until the final flush
-
-
-          if (output.frames) {
-            return this.pendingMetadata.push(output);
-          } // Add this track to the list of pending tracks and store
-          // important information required for the construction of
-          // the final segment
-
-
-          this.pendingTracks.push(output.track);
-          this.pendingBytes += output.boxes.byteLength; // TODO: is there an issue for this against chrome?
-          // We unshift audio and push video because
-          // as of Chrome 75 when switching from
-          // one init segment to another if the video
-          // mdat does not appear after the audio mdat
-          // only audio will play for the duration of our transmux.
-
-          if (output.track.type === 'video') {
-            this.videoTrack = output.track;
-            this.pendingBoxes.push(output.boxes);
-          }
-
-          if (output.track.type === 'audio') {
-            this.audioTrack = output.track;
-            this.pendingBoxes.unshift(output.boxes);
-          }
-        };
-      };
-
-      _CoalesceStream.prototype = new stream();
-
-      _CoalesceStream.prototype.flush = function (flushSource) {
-        var offset = 0,
-            event = {
-          captions: [],
-          captionStreams: {},
-          metadata: [],
-          info: {}
-        },
-            caption,
-            id3,
-            initSegment,
-            timelineStartPts = 0,
-            i;
-
-        if (this.pendingTracks.length < this.numberOfTracks) {
-          if (flushSource !== 'VideoSegmentStream' && flushSource !== 'AudioSegmentStream') {
-            // Return because we haven't received a flush from a data-generating
-            // portion of the segment (meaning that we have only recieved meta-data
-            // or captions.)
-            return;
-          } else if (this.remuxTracks) {
-            // Return until we have enough tracks from the pipeline to remux (if we
-            // are remuxing audio and video into a single MP4)
-            return;
-          } else if (this.pendingTracks.length === 0) {
-            // In the case where we receive a flush without any data having been
-            // received we consider it an emitted track for the purposes of coalescing
-            // `done` events.
-            // We do this for the case where there is an audio and video track in the
-            // segment but no audio data. (seen in several playlists with alternate
-            // audio tracks and no audio present in the main TS segments.)
-            this.emittedTracks++;
-
-            if (this.emittedTracks >= this.numberOfTracks) {
-              this.trigger('done');
-              this.emittedTracks = 0;
-            }
-
-            return;
-          }
-        }
-
-        if (this.videoTrack) {
-          timelineStartPts = this.videoTrack.timelineStartInfo.pts;
-          VIDEO_PROPERTIES.forEach(function (prop) {
-            event.info[prop] = this.videoTrack[prop];
-          }, this);
-        } else if (this.audioTrack) {
-          timelineStartPts = this.audioTrack.timelineStartInfo.pts;
-          AUDIO_PROPERTIES.forEach(function (prop) {
-            event.info[prop] = this.audioTrack[prop];
-          }, this);
-        }
-
-        if (this.videoTrack || this.audioTrack) {
-          if (this.pendingTracks.length === 1) {
-            event.type = this.pendingTracks[0].type;
-          } else {
-            event.type = 'combined';
-          }
-
-          this.emittedTracks += this.pendingTracks.length;
-          initSegment = mp4Generator.initSegment(this.pendingTracks); // Create a new typed array to hold the init segment
-
-          event.initSegment = new Uint8Array(initSegment.byteLength); // Create an init segment containing a moov
-          // and track definitions
-
-          event.initSegment.set(initSegment); // Create a new typed array to hold the moof+mdats
-
-          event.data = new Uint8Array(this.pendingBytes); // Append each moof+mdat (one per track) together
-
-          for (i = 0; i < this.pendingBoxes.length; i++) {
-            event.data.set(this.pendingBoxes[i], offset);
-            offset += this.pendingBoxes[i].byteLength;
-          } // Translate caption PTS times into second offsets to match the
-          // video timeline for the segment, and add track info
-
-
-          for (i = 0; i < this.pendingCaptions.length; i++) {
-            caption = this.pendingCaptions[i];
-            caption.startTime = clock.metadataTsToSeconds(caption.startPts, timelineStartPts, this.keepOriginalTimestamps);
-            caption.endTime = clock.metadataTsToSeconds(caption.endPts, timelineStartPts, this.keepOriginalTimestamps);
-            event.captionStreams[caption.stream] = true;
-            event.captions.push(caption);
-          } // Translate ID3 frame PTS times into second offsets to match the
-          // video timeline for the segment
-
-
-          for (i = 0; i < this.pendingMetadata.length; i++) {
-            id3 = this.pendingMetadata[i];
-            id3.cueTime = clock.metadataTsToSeconds(id3.pts, timelineStartPts, this.keepOriginalTimestamps);
-            event.metadata.push(id3);
-          } // We add this to every single emitted segment even though we only need
-          // it for the first
-
-
-          event.metadata.dispatchType = this.metadataStream.dispatchType; // Reset stream state
-
-          this.pendingTracks.length = 0;
-          this.videoTrack = null;
-          this.pendingBoxes.length = 0;
-          this.pendingCaptions.length = 0;
-          this.pendingBytes = 0;
-          this.pendingMetadata.length = 0; // Emit the built segment
-          // We include captions and ID3 tags for backwards compatibility,
-          // ideally we should send only video and audio in the data event
-
-          this.trigger('data', event); // Emit each caption to the outside world
-          // Ideally, this would happen immediately on parsing captions,
-          // but we need to ensure that video data is sent back first
-          // so that caption timing can be adjusted to match video timing
-
-          for (i = 0; i < event.captions.length; i++) {
-            caption = event.captions[i];
-            this.trigger('caption', caption);
-          } // Emit each id3 tag to the outside world
-          // Ideally, this would happen immediately on parsing the tag,
-          // but we need to ensure that video data is sent back first
-          // so that ID3 frame timing can be adjusted to match video timing
-
-
-          for (i = 0; i < event.metadata.length; i++) {
-            id3 = event.metadata[i];
-            this.trigger('id3Frame', id3);
-          }
-        } // Only emit `done` if all tracks have been flushed and emitted
-
-
-        if (this.emittedTracks >= this.numberOfTracks) {
-          this.trigger('done');
-          this.emittedTracks = 0;
-        }
-      };
-
-      _CoalesceStream.prototype.setRemux = function (val) {
-        this.remuxTracks = val;
-      };
-      /**
-       * A Stream that expects MP2T binary data as input and produces
-       * corresponding media segments, suitable for use with Media Source
-       * Extension (MSE) implementations that support the ISO BMFF byte
-       * stream format, like Chrome.
-       */
-
-
-      _Transmuxer = function Transmuxer(options) {
-        var self = this,
-            hasFlushed = true,
-            videoTrack,
-            audioTrack;
-
-        _Transmuxer.prototype.init.call(this);
-
-        options = options || {};
-        this.baseMediaDecodeTime = options.baseMediaDecodeTime || 0;
-        this.transmuxPipeline_ = {};
-
-        this.setupAacPipeline = function () {
-          var pipeline = {};
-          this.transmuxPipeline_ = pipeline;
-          pipeline.type = 'aac';
-          pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
-          pipeline.aacStream = new aac();
-          pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');
-          pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');
-          pipeline.adtsStream = new adts();
-          pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
-          pipeline.headOfPipeline = pipeline.aacStream;
-          pipeline.aacStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);
-          pipeline.aacStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);
-          pipeline.metadataStream.on('timestamp', function (frame) {
-            pipeline.aacStream.setTimestamp(frame.timeStamp);
-          });
-          pipeline.aacStream.on('data', function (data) {
-            if (data.type === 'timed-metadata' && !pipeline.audioSegmentStream) {
-              audioTrack = audioTrack || {
-                timelineStartInfo: {
-                  baseMediaDecodeTime: self.baseMediaDecodeTime
-                },
-                codec: 'adts',
-                type: 'audio'
-              }; // hook up the audio segment stream to the first track with aac data
-
-              pipeline.coalesceStream.numberOfTracks++;
-              pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
-              pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
-
-              pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-            } // emit pmt info
-
-
-            self.trigger('trackinfo', {
-              hasAudio: !!audioTrack,
-              hasVideo: !!videoTrack
-            });
-          }); // Re-emit any data coming from the coalesce stream to the outside world
-
-          pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data')); // Let the consumer know we have finished flushing the entire pipeline
-
-          pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
-        };
-
-        this.setupTsPipeline = function () {
-          var pipeline = {};
-          this.transmuxPipeline_ = pipeline;
-          pipeline.type = 'ts';
-          pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
-          pipeline.packetStream = new m2ts_1.TransportPacketStream();
-          pipeline.parseStream = new m2ts_1.TransportParseStream();
-          pipeline.elementaryStream = new m2ts_1.ElementaryStream();
-          pipeline.timestampRolloverStream = new m2ts_1.TimestampRolloverStream();
-          pipeline.adtsStream = new adts();
-          pipeline.h264Stream = new H264Stream();
-          pipeline.captionStream = new m2ts_1.CaptionStream();
-          pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
-          pipeline.headOfPipeline = pipeline.packetStream; // disassemble MPEG2-TS packets into elementary streams
-
-          pipeline.packetStream.pipe(pipeline.parseStream).pipe(pipeline.elementaryStream).pipe(pipeline.timestampRolloverStream); // !!THIS ORDER IS IMPORTANT!!
-          // demux the streams
-
-          pipeline.timestampRolloverStream.pipe(pipeline.h264Stream);
-          pipeline.timestampRolloverStream.pipe(pipeline.adtsStream);
-          pipeline.timestampRolloverStream.pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream); // Hook up CEA-608/708 caption stream
-
-          pipeline.h264Stream.pipe(pipeline.captionStream).pipe(pipeline.coalesceStream);
-          pipeline.elementaryStream.on('data', function (data) {
-            var i;
-
-            if (data.type === 'metadata') {
-              i = data.tracks.length; // scan the tracks listed in the metadata
-
-              while (i--) {
-                if (!videoTrack && data.tracks[i].type === 'video') {
-                  videoTrack = data.tracks[i];
-                  videoTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
-                } else if (!audioTrack && data.tracks[i].type === 'audio') {
-                  audioTrack = data.tracks[i];
-                  audioTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
-                }
-              } // hook up the video segment stream to the first track with h264 data
-
-
-              if (videoTrack && !pipeline.videoSegmentStream) {
-                pipeline.coalesceStream.numberOfTracks++;
-                pipeline.videoSegmentStream = new _VideoSegmentStream(videoTrack, options);
-                pipeline.videoSegmentStream.on('timelineStartInfo', function (timelineStartInfo) {
-                  // When video emits timelineStartInfo data after a flush, we forward that
-                  // info to the AudioSegmentStream, if it exists, because video timeline
-                  // data takes precedence.
-                  if (audioTrack) {
-                    audioTrack.timelineStartInfo = timelineStartInfo; // On the first segment we trim AAC frames that exist before the
-                    // very earliest DTS we have seen in video because Chrome will
-                    // interpret any video track with a baseMediaDecodeTime that is
-                    // non-zero as a gap.
-
-                    pipeline.audioSegmentStream.setEarliestDts(timelineStartInfo.dts);
-                  }
-                });
-                pipeline.videoSegmentStream.on('processedGopsInfo', self.trigger.bind(self, 'gopInfo'));
-                pipeline.videoSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'videoSegmentTimingInfo'));
-                pipeline.videoSegmentStream.on('baseMediaDecodeTime', function (baseMediaDecodeTime) {
-                  if (audioTrack) {
-                    pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);
-                  }
-                });
-                pipeline.videoSegmentStream.on('timingInfo', self.trigger.bind(self, 'videoTimingInfo')); // Set up the final part of the video pipeline
-
-                pipeline.h264Stream.pipe(pipeline.videoSegmentStream).pipe(pipeline.coalesceStream);
-              }
-
-              if (audioTrack && !pipeline.audioSegmentStream) {
-                // hook up the audio segment stream to the first track with aac data
-                pipeline.coalesceStream.numberOfTracks++;
-                pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
-                pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
-
-                pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-              } // emit pmt info
-
-
-              self.trigger('trackinfo', {
-                hasAudio: !!audioTrack,
-                hasVideo: !!videoTrack
-              });
-            }
-          }); // Re-emit any data coming from the coalesce stream to the outside world
-
-          pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));
-          pipeline.coalesceStream.on('id3Frame', function (id3Frame) {
-            id3Frame.dispatchType = pipeline.metadataStream.dispatchType;
-            self.trigger('id3Frame', id3Frame);
-          });
-          pipeline.coalesceStream.on('caption', this.trigger.bind(this, 'caption')); // Let the consumer know we have finished flushing the entire pipeline
-
-          pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
-        }; // hook up the segment streams once track metadata is delivered
-
-
-        this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-          var pipeline = this.transmuxPipeline_;
-
-          if (!options.keepOriginalTimestamps) {
-            this.baseMediaDecodeTime = baseMediaDecodeTime;
-          }
-
-          if (audioTrack) {
-            audioTrack.timelineStartInfo.dts = undefined;
-            audioTrack.timelineStartInfo.pts = undefined;
-            trackDecodeInfo.clearDtsInfo(audioTrack);
-
-            if (!options.keepOriginalTimestamps) {
-              audioTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-            }
-
-            if (pipeline.audioTimestampRolloverStream) {
-              pipeline.audioTimestampRolloverStream.discontinuity();
-            }
-          }
-
-          if (videoTrack) {
-            if (pipeline.videoSegmentStream) {
-              pipeline.videoSegmentStream.gopCache_ = [];
-            }
-
-            videoTrack.timelineStartInfo.dts = undefined;
-            videoTrack.timelineStartInfo.pts = undefined;
-            trackDecodeInfo.clearDtsInfo(videoTrack);
-            pipeline.captionStream.reset();
-
-            if (!options.keepOriginalTimestamps) {
-              videoTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-            }
-          }
-
-          if (pipeline.timestampRolloverStream) {
-            pipeline.timestampRolloverStream.discontinuity();
-          }
-        };
-
-        this.setAudioAppendStart = function (timestamp) {
-          if (audioTrack) {
-            this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);
-          }
-        };
-
-        this.setRemux = function (val) {
-          var pipeline = this.transmuxPipeline_;
-          options.remux = val;
-
-          if (pipeline && pipeline.coalesceStream) {
-            pipeline.coalesceStream.setRemux(val);
-          }
-        };
-
-        this.alignGopsWith = function (gopsToAlignWith) {
-          if (videoTrack && this.transmuxPipeline_.videoSegmentStream) {
-            this.transmuxPipeline_.videoSegmentStream.alignGopsWith(gopsToAlignWith);
-          }
-        }; // feed incoming data to the front of the parsing pipeline
-
-
-        this.push = function (data) {
-          if (hasFlushed) {
-            var isAac = isLikelyAacData$1(data);
-
-            if (isAac && this.transmuxPipeline_.type !== 'aac') {
-              this.setupAacPipeline();
-            } else if (!isAac && this.transmuxPipeline_.type !== 'ts') {
-              this.setupTsPipeline();
-            }
-
-            hasFlushed = false;
-          }
-
-          this.transmuxPipeline_.headOfPipeline.push(data);
-        }; // flush any buffered data
-
-
-        this.flush = function () {
-          hasFlushed = true; // Start at the top of the pipeline and flush all pending work
-
-          this.transmuxPipeline_.headOfPipeline.flush();
-        };
-
-        this.endTimeline = function () {
-          this.transmuxPipeline_.headOfPipeline.endTimeline();
-        };
-
-        this.reset = function () {
-          if (this.transmuxPipeline_.headOfPipeline) {
-            this.transmuxPipeline_.headOfPipeline.reset();
-          }
-        }; // Caption data has to be reset when seeking outside buffered range
-
-
-        this.resetCaptions = function () {
-          if (this.transmuxPipeline_.captionStream) {
-            this.transmuxPipeline_.captionStream.reset();
-          }
-        };
-      };
-
-      _Transmuxer.prototype = new stream();
-      var transmuxer = {
-        Transmuxer: _Transmuxer,
-        VideoSegmentStream: _VideoSegmentStream,
-        AudioSegmentStream: _AudioSegmentStream,
-        AUDIO_PROPERTIES: AUDIO_PROPERTIES,
-        VIDEO_PROPERTIES: VIDEO_PROPERTIES,
-        // exported for testing
-        generateVideoSegmentTimingInfo: generateVideoSegmentTimingInfo
-      };
-
-      var classCallCheck = function classCallCheck(instance, Constructor) {
-        if (!(instance instanceof Constructor)) {
-          throw new TypeError("Cannot call a class as a function");
-        }
-      };
-
-      var createClass = function () {
-        function defineProperties(target, props) {
-          for (var i = 0; i < props.length; i++) {
-            var descriptor = props[i];
-            descriptor.enumerable = descriptor.enumerable || false;
-            descriptor.configurable = true;
-            if ("value" in descriptor) descriptor.writable = true;
-            Object.defineProperty(target, descriptor.key, descriptor);
-          }
-        }
-
-        return function (Constructor, protoProps, staticProps) {
-          if (protoProps) defineProperties(Constructor.prototype, protoProps);
-          if (staticProps) defineProperties(Constructor, staticProps);
-          return Constructor;
-        };
-      }();
-      /**
-       * @file transmuxer-worker.js
-       */
-
-      /**
-       * Re-emits transmuxer events by converting them into messages to the
-       * world outside the worker.
-       *
-       * @param {Object} transmuxer the transmuxer to wire events on
-       * @private
-       */
-
-
-      var wireTransmuxerEvents = function wireTransmuxerEvents(self, transmuxer$$1) {
-        transmuxer$$1.on('data', function (segment) {
-          // transfer ownership of the underlying ArrayBuffer
-          // instead of doing a copy to save memory
-          // ArrayBuffers are transferable but generic TypedArrays are not
-          // @link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Passing_data_by_transferring_ownership_(transferable_objects)
-          var initArray = segment.initSegment;
-          segment.initSegment = {
-            data: initArray.buffer,
-            byteOffset: initArray.byteOffset,
-            byteLength: initArray.byteLength
-          };
-          var typedArray = segment.data;
-          segment.data = typedArray.buffer;
-          self.postMessage({
-            action: 'data',
-            segment: segment,
-            byteOffset: typedArray.byteOffset,
-            byteLength: typedArray.byteLength
-          }, [segment.data]);
-        });
-
-        if (transmuxer$$1.captionStream) {
-          transmuxer$$1.captionStream.on('data', function (caption) {
-            self.postMessage({
-              action: 'caption',
-              data: caption
-            });
-          });
-        }
-
-        transmuxer$$1.on('done', function (data) {
-          self.postMessage({
-            action: 'done'
-          });
-        });
-        transmuxer$$1.on('gopInfo', function (gopInfo) {
-          self.postMessage({
-            action: 'gopInfo',
-            gopInfo: gopInfo
-          });
-        });
-        transmuxer$$1.on('videoSegmentTimingInfo', function (videoSegmentTimingInfo) {
-          self.postMessage({
-            action: 'videoSegmentTimingInfo',
-            videoSegmentTimingInfo: videoSegmentTimingInfo
-          });
-        });
-      };
-      /**
-       * All incoming messages route through this hash. If no function exists
-       * to handle an incoming message, then we ignore the message.
-       *
-       * @class MessageHandlers
-       * @param {Object} options the options to initialize with
-       */
-
-
-      var MessageHandlers = function () {
-        function MessageHandlers(self, options) {
-          classCallCheck(this, MessageHandlers);
-          this.options = options || {};
-          this.self = self;
-          this.init();
-        }
-        /**
-         * initialize our web worker and wire all the events.
-         */
-
-
-        createClass(MessageHandlers, [{
-          key: 'init',
-          value: function init() {
-            if (this.transmuxer) {
-              this.transmuxer.dispose();
-            }
-
-            this.transmuxer = new transmuxer.Transmuxer(this.options);
-            wireTransmuxerEvents(this.self, this.transmuxer);
-          }
-          /**
-           * Adds data (a ts segment) to the start of the transmuxer pipeline for
-           * processing.
-           *
-           * @param {ArrayBuffer} data data to push into the muxer
-           */
-
-        }, {
-          key: 'push',
-          value: function push(data) {
-            // Cast array buffer to correct type for transmuxer
-            var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
-            this.transmuxer.push(segment);
-          }
-          /**
-           * Recreate the transmuxer so that the next segment added via `push`
-           * start with a fresh transmuxer.
-           */
-
-        }, {
-          key: 'reset',
-          value: function reset() {
-            this.init();
-          }
-          /**
-           * Set the value that will be used as the `baseMediaDecodeTime` time for the
-           * next segment pushed in. Subsequent segments will have their `baseMediaDecodeTime`
-           * set relative to the first based on the PTS values.
-           *
-           * @param {Object} data used to set the timestamp offset in the muxer
-           */
-
-        }, {
-          key: 'setTimestampOffset',
-          value: function setTimestampOffset(data) {
-            var timestampOffset = data.timestampOffset || 0;
-            this.transmuxer.setBaseMediaDecodeTime(Math.round(timestampOffset * 90000));
-          }
-        }, {
-          key: 'setAudioAppendStart',
-          value: function setAudioAppendStart(data) {
-            this.transmuxer.setAudioAppendStart(Math.ceil(data.appendStart * 90000));
-          }
-          /**
-           * Forces the pipeline to finish processing the last segment and emit it's
-           * results.
-           *
-           * @param {Object} data event data, not really used
-           */
-
-        }, {
-          key: 'flush',
-          value: function flush(data) {
-            this.transmuxer.flush();
-          }
-        }, {
-          key: 'resetCaptions',
-          value: function resetCaptions() {
-            this.transmuxer.resetCaptions();
-          }
-        }, {
-          key: 'alignGopsWith',
-          value: function alignGopsWith(data) {
-            this.transmuxer.alignGopsWith(data.gopsToAlignWith.slice());
-          }
-        }]);
-        return MessageHandlers;
-      }();
-      /**
-       * Our web wroker interface so that things can talk to mux.js
-       * that will be running in a web worker. the scope is passed to this by
-       * webworkify.
-       *
-       * @param {Object} self the scope for the web worker
-       */
-
-
-      var TransmuxerWorker = function TransmuxerWorker(self) {
-        self.onmessage = function (event) {
-          if (event.data.action === 'init' && event.data.options) {
-            this.messageHandlers = new MessageHandlers(self, event.data.options);
-            return;
-          }
-
-          if (!this.messageHandlers) {
-            this.messageHandlers = new MessageHandlers(self);
-          }
-
-          if (event.data && event.data.action && event.data.action !== 'init') {
-            if (this.messageHandlers[event.data.action]) {
-              this.messageHandlers[event.data.action](event.data);
-            }
-          }
-        };
-      };
-
-      var transmuxerWorker = new TransmuxerWorker(self);
-      return transmuxerWorker;
-    }();
-  });
-  /**
-   * @file - codecs.js - Handles tasks regarding codec strings such as translating them to
-   * codec strings, or translating codec strings into objects that can be examined.
-   */
-  // Default codec parameters if none were provided for video and/or audio
-
-  var defaultCodecs = {
-    videoCodec: 'avc1',
-    videoObjectTypeIndicator: '.4d400d',
-    // AAC-LC
-    audioProfile: '2'
-  };
-  /**
-   * Replace the old apple-style `avc1.<dd>.<dd>` codec string with the standard
-   * `avc1.<hhhhhh>`
-   *
-   * @param {Array} codecs an array of codec strings to fix
-   * @return {Array} the translated codec array
-   * @private
-   */
-
-  var translateLegacyCodecs = function translateLegacyCodecs(codecs) {
-    return codecs.map(function (codec) {
-      return codec.replace(/avc1\.(\d+)\.(\d+)/i, function (orig, profile, avcLevel) {
-        var profileHex = ('00' + Number(profile).toString(16)).slice(-2);
-        var avcLevelHex = ('00' + Number(avcLevel).toString(16)).slice(-2);
-        return 'avc1.' + profileHex + '00' + avcLevelHex;
-      });
-    });
-  };
-  /**
-   * Parses a codec string to retrieve the number of codecs specified,
-   * the video codec and object type indicator, and the audio profile.
-   */
-
-
-  var parseCodecs = function parseCodecs() {
-    var codecs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var result = {
-      codecCount: 0
-    };
-    var parsed = void 0;
-    result.codecCount = codecs.split(',').length;
-    result.codecCount = result.codecCount || 2; // parse the video codec
-
-    parsed = /(^|\s|,)+(avc[13])([^ ,]*)/i.exec(codecs);
-
-    if (parsed) {
-      result.videoCodec = parsed[2];
-      result.videoObjectTypeIndicator = parsed[3];
-    } // parse the last field of the audio codec
-
-
-    result.audioProfile = /(^|\s|,)+mp4a.[0-9A-Fa-f]+\.([0-9A-Fa-f]+)/i.exec(codecs);
-    result.audioProfile = result.audioProfile && result.audioProfile[2];
-    return result;
-  };
-  /**
-   * Replace codecs in the codec string with the old apple-style `avc1.<dd>.<dd>` to the
-   * standard `avc1.<hhhhhh>`.
-   *
-   * @param codecString {String} the codec string
-   * @return {String} the codec string with old apple-style codecs replaced
-   *
-   * @private
-   */
-
-
-  var mapLegacyAvcCodecs = function mapLegacyAvcCodecs(codecString) {
-    return codecString.replace(/avc1\.(\d+)\.(\d+)/i, function (match) {
-      return translateLegacyCodecs([match])[0];
-    });
-  };
-  /**
-   * Build a media mime-type string from a set of parameters
-   * @param {String} type either 'audio' or 'video'
-   * @param {String} container either 'mp2t' or 'mp4'
-   * @param {Array} codecs an array of codec strings to add
-   * @return {String} a valid media mime-type
-   */
-
-
-  var makeMimeTypeString = function makeMimeTypeString(type, container, codecs) {
-    // The codecs array is filtered so that falsey values are
-    // dropped and don't cause Array#join to create spurious
-    // commas
-    return type + '/' + container + '; codecs="' + codecs.filter(function (c) {
-      return !!c;
-    }).join(', ') + '"';
-  };
-  /**
-   * Returns the type container based on information in the playlist
-   * @param {Playlist} media the current media playlist
-   * @return {String} a valid media container type
-   */
-
-
-  var getContainerType = function getContainerType(media) {
-    // An initialization segment means the media playlist is an iframe
-    // playlist or is using the mp4 container. We don't currently
-    // support iframe playlists, so assume this is signalling mp4
-    // fragments.
-    if (media.segments && media.segments.length && media.segments[0].map) {
-      return 'mp4';
-    }
-
-    return 'mp2t';
-  };
-  /**
-   * Returns a set of codec strings parsed from the playlist or the default
-   * codec strings if no codecs were specified in the playlist
-   * @param {Playlist} media the current media playlist
-   * @return {Object} an object with the video and audio codecs
-   */
-
-
-  var getCodecs = function getCodecs(media) {
-    // if the codecs were explicitly specified, use them instead of the
-    // defaults
-    var mediaAttributes = media.attributes || {};
-
-    if (mediaAttributes.CODECS) {
-      return parseCodecs(mediaAttributes.CODECS);
-    }
-
-    return defaultCodecs;
-  };
-
-  var audioProfileFromDefault = function audioProfileFromDefault(master, audioGroupId) {
-    if (!master.mediaGroups.AUDIO || !audioGroupId) {
-      return null;
-    }
-
-    var audioGroup = master.mediaGroups.AUDIO[audioGroupId];
-
-    if (!audioGroup) {
-      return null;
-    }
-
-    for (var name in audioGroup) {
-      var audioType = audioGroup[name];
-
-      if (audioType["default"] && audioType.playlists) {
-        // codec should be the same for all playlists within the audio type
-        return parseCodecs(audioType.playlists[0].attributes.CODECS).audioProfile;
-      }
-    }
-
-    return null;
-  };
-  /**
-   * Calculates the MIME type strings for a working configuration of
-   * SourceBuffers to play variant streams in a master playlist. If
-   * there is no possible working configuration, an empty array will be
-   * returned.
-   *
-   * @param master {Object} the m3u8 object for the master playlist
-   * @param media {Object} the m3u8 object for the variant playlist
-   * @return {Array} the MIME type strings. If the array has more than
-   * one entry, the first element should be applied to the video
-   * SourceBuffer and the second to the audio SourceBuffer.
-   *
-   * @private
-   */
-
-
-  var mimeTypesForPlaylist = function mimeTypesForPlaylist(master, media) {
-    var containerType = getContainerType(media);
-    var codecInfo = getCodecs(media);
-    var mediaAttributes = media.attributes || {}; // Default condition for a traditional HLS (no demuxed audio/video)
-
-    var isMuxed = true;
-    var isMaat = false;
-
-    if (!media) {
-      // Not enough information
-      return [];
-    }
-
-    if (master.mediaGroups.AUDIO && mediaAttributes.AUDIO) {
-      var audioGroup = master.mediaGroups.AUDIO[mediaAttributes.AUDIO]; // Handle the case where we are in a multiple-audio track scenario
-
-      if (audioGroup) {
-        isMaat = true; // Start with the everything demuxed then...
-
-        isMuxed = false; // ...check to see if any audio group tracks are muxed (ie. lacking a uri)
-
-        for (var groupId in audioGroup) {
-          // either a uri is present (if the case of HLS and an external playlist), or
-          // playlists is present (in the case of DASH where we don't have external audio
-          // playlists)
-          if (!audioGroup[groupId].uri && !audioGroup[groupId].playlists) {
-            isMuxed = true;
-            break;
-          }
-        }
-      }
-    } // HLS with multiple-audio tracks must always get an audio codec.
-    // Put another way, there is no way to have a video-only multiple-audio HLS!
-
-
-    if (isMaat && !codecInfo.audioProfile) {
-      if (!isMuxed) {
-        // It is possible for codecs to be specified on the audio media group playlist but
-        // not on the rendition playlist. This is mostly the case for DASH, where audio and
-        // video are always separate (and separately specified).
-        codecInfo.audioProfile = audioProfileFromDefault(master, mediaAttributes.AUDIO);
-      }
-
-      if (!codecInfo.audioProfile) {
-        videojs$1.log.warn('Multiple audio tracks present but no audio codec string is specified. ' + 'Attempting to use the default audio codec (mp4a.40.2)');
-        codecInfo.audioProfile = defaultCodecs.audioProfile;
-      }
-    } // Generate the final codec strings from the codec object generated above
-
-
-    var codecStrings = {};
-
-    if (codecInfo.videoCodec) {
-      codecStrings.video = '' + codecInfo.videoCodec + codecInfo.videoObjectTypeIndicator;
-    }
-
-    if (codecInfo.audioProfile) {
-      codecStrings.audio = 'mp4a.40.' + codecInfo.audioProfile;
-    } // Finally, make and return an array with proper mime-types depending on
-    // the configuration
-
-
-    var justAudio = makeMimeTypeString('audio', containerType, [codecStrings.audio]);
-    var justVideo = makeMimeTypeString('video', containerType, [codecStrings.video]);
-    var bothVideoAudio = makeMimeTypeString('video', containerType, [codecStrings.video, codecStrings.audio]);
-
-    if (isMaat) {
-      if (!isMuxed && codecStrings.video) {
-        return [justVideo, justAudio];
-      }
-
-      if (!isMuxed && !codecStrings.video) {
-        // There is no muxed content and no video codec string, so this is an audio only
-        // stream with alternate audio.
-        return [justAudio, justAudio];
-      } // There exists the possiblity that this will return a `video/container`
-      // mime-type for the first entry in the array even when there is only audio.
-      // This doesn't appear to be a problem and simplifies the code.
-
-
-      return [bothVideoAudio, justAudio];
-    } // If there is no video codec at all, always just return a single
-    // audio/<container> mime-type
-
-
-    if (!codecStrings.video) {
-      return [justAudio];
-    } // When not using separate audio media groups, audio and video is
-    // *always* muxed
-
-
-    return [bothVideoAudio];
-  };
-  /**
-   * Parse a content type header into a type and parameters
-   * object
-   *
-   * @param {String} type the content type header
-   * @return {Object} the parsed content-type
-   * @private
-   */
-
-
-  var parseContentType = function parseContentType(type) {
-    var object = {
-      type: '',
-      parameters: {}
-    };
-    var parameters = type.trim().split(';'); // first parameter should always be content-type
-
-    object.type = parameters.shift().trim();
-    parameters.forEach(function (parameter) {
-      var pair = parameter.trim().split('=');
-
-      if (pair.length > 1) {
-        var name = pair[0].replace(/"/g, '').trim();
-        var value = pair[1].replace(/"/g, '').trim();
-        object.parameters[name] = value;
-      }
-    });
-    return object;
-  };
-  /**
-   * Check if a codec string refers to an audio codec.
-   *
-   * @param {String} codec codec string to check
-   * @return {Boolean} if this is an audio codec
-   * @private
-   */
-
-
-  var isAudioCodec = function isAudioCodec(codec) {
-    return /mp4a\.\d+.\d+/i.test(codec);
-  };
-  /**
-   * Check if a codec string refers to a video codec.
-   *
-   * @param {String} codec codec string to check
-   * @return {Boolean} if this is a video codec
-   * @private
-   */
-
-
-  var isVideoCodec = function isVideoCodec(codec) {
-    return /avc1\.[\da-f]+/i.test(codec);
-  };
-  /**
-   * Returns a list of gops in the buffer that have a pts value of 3 seconds or more in
-   * front of current time.
-   *
-   * @param {Array} buffer
-   *        The current buffer of gop information
-   * @param {Number} currentTime
-   *        The current time
-   * @param {Double} mapping
-   *        Offset to map display time to stream presentation time
-   * @return {Array}
-   *         List of gops considered safe to append over
-   */
-
-
-  var gopsSafeToAlignWith = function gopsSafeToAlignWith(buffer, currentTime, mapping) {
-    if (typeof currentTime === 'undefined' || currentTime === null || !buffer.length) {
-      return [];
-    } // pts value for current time + 3 seconds to give a bit more wiggle room
-
-
-    var currentTimePts = Math.ceil((currentTime - mapping + 3) * 90000);
-    var i = void 0;
-
-    for (i = 0; i < buffer.length; i++) {
-      if (buffer[i].pts > currentTimePts) {
-        break;
-      }
-    }
-
-    return buffer.slice(i);
-  };
-  /**
-   * Appends gop information (timing and byteLength) received by the transmuxer for the
-   * gops appended in the last call to appendBuffer
-   *
-   * @param {Array} buffer
-   *        The current buffer of gop information
-   * @param {Array} gops
-   *        List of new gop information
-   * @param {boolean} replace
-   *        If true, replace the buffer with the new gop information. If false, append the
-   *        new gop information to the buffer in the right location of time.
-   * @return {Array}
-   *         Updated list of gop information
-   */
-
-
-  var updateGopBuffer = function updateGopBuffer(buffer, gops, replace) {
-    if (!gops.length) {
-      return buffer;
-    }
-
-    if (replace) {
-      // If we are in safe append mode, then completely overwrite the gop buffer
-      // with the most recent appeneded data. This will make sure that when appending
-      // future segments, we only try to align with gops that are both ahead of current
-      // time and in the last segment appended.
-      return gops.slice();
-    }
-
-    var start = gops[0].pts;
-    var i = 0;
-
-    for (i; i < buffer.length; i++) {
-      if (buffer[i].pts >= start) {
-        break;
-      }
-    }
-
-    return buffer.slice(0, i).concat(gops);
-  };
-  /**
-   * Removes gop information in buffer that overlaps with provided start and end
-   *
-   * @param {Array} buffer
-   *        The current buffer of gop information
-   * @param {Double} start
-   *        position to start the remove at
-   * @param {Double} end
-   *        position to end the remove at
-   * @param {Double} mapping
-   *        Offset to map display time to stream presentation time
-   */
-
-
-  var removeGopBuffer = function removeGopBuffer(buffer, start, end, mapping) {
-    var startPts = Math.ceil((start - mapping) * 90000);
-    var endPts = Math.ceil((end - mapping) * 90000);
-    var updatedBuffer = buffer.slice();
-    var i = buffer.length;
-
-    while (i--) {
-      if (buffer[i].pts <= endPts) {
-        break;
-      }
-    }
-
-    if (i === -1) {
-      // no removal because end of remove range is before start of buffer
-      return updatedBuffer;
-    }
-
-    var j = i + 1;
-
-    while (j--) {
-      if (buffer[j].pts <= startPts) {
-        break;
-      }
-    } // clamp remove range start to 0 index
-
-
-    j = Math.max(j, 0);
-    updatedBuffer.splice(j, i - j + 1);
-    return updatedBuffer;
-  };
-
-  var buffered = function buffered(videoBuffer, audioBuffer, audioDisabled) {
-    var start = null;
-    var end = null;
-    var arity = 0;
-    var extents = [];
-    var ranges = []; // neither buffer has been created yet
-
-    if (!videoBuffer && !audioBuffer) {
-      return videojs$1.createTimeRange();
-    } // only one buffer is configured
-
-
-    if (!videoBuffer) {
-      return audioBuffer.buffered;
-    }
-
-    if (!audioBuffer) {
-      return videoBuffer.buffered;
-    } // both buffers are configured
-
-
-    if (audioDisabled) {
-      return videoBuffer.buffered;
-    } // both buffers are empty
-
-
-    if (videoBuffer.buffered.length === 0 && audioBuffer.buffered.length === 0) {
-      return videojs$1.createTimeRange();
-    } // Handle the case where we have both buffers and create an
-    // intersection of the two
-
-
-    var videoBuffered = videoBuffer.buffered;
-    var audioBuffered = audioBuffer.buffered;
-    var count = videoBuffered.length; // A) Gather up all start and end times
-
-    while (count--) {
-      extents.push({
-        time: videoBuffered.start(count),
-        type: 'start'
-      });
-      extents.push({
-        time: videoBuffered.end(count),
-        type: 'end'
-      });
-    }
-
-    count = audioBuffered.length;
-
-    while (count--) {
-      extents.push({
-        time: audioBuffered.start(count),
-        type: 'start'
-      });
-      extents.push({
-        time: audioBuffered.end(count),
-        type: 'end'
-      });
-    } // B) Sort them by time
-
-
-    extents.sort(function (a, b) {
-      return a.time - b.time;
-    }); // C) Go along one by one incrementing arity for start and decrementing
-    //    arity for ends
-
-    for (count = 0; count < extents.length; count++) {
-      if (extents[count].type === 'start') {
-        arity++; // D) If arity is ever incremented to 2 we are entering an
-        //    overlapping range
-
-        if (arity === 2) {
-          start = extents[count].time;
-        }
-      } else if (extents[count].type === 'end') {
-        arity--; // E) If arity is ever decremented to 1 we leaving an
-        //    overlapping range
-
-        if (arity === 1) {
-          end = extents[count].time;
-        }
-      } // F) Record overlapping ranges
-
-
-      if (start !== null && end !== null) {
-        ranges.push([start, end]);
-        start = null;
-        end = null;
-      }
-    }
-
-    return videojs$1.createTimeRanges(ranges);
-  };
-  /**
-   * @file virtual-source-buffer.js
-   */
-
-
-  var ONE_SECOND_IN_TS$2 = 90000; // We create a wrapper around the SourceBuffer so that we can manage the
-  // state of the `updating` property manually. We have to do this because
-  // Firefox changes `updating` to false long before triggering `updateend`
-  // events and that was causing strange problems in videojs-contrib-hls
-
-  var makeWrappedSourceBuffer = function makeWrappedSourceBuffer(mediaSource, mimeType) {
-    var sourceBuffer = mediaSource.addSourceBuffer(mimeType);
-    var wrapper = Object.create(null);
-    wrapper.updating = false;
-    wrapper.realBuffer_ = sourceBuffer;
-
-    var _loop = function _loop(key) {
-      if (typeof sourceBuffer[key] === 'function') {
-        wrapper[key] = function () {
-          return sourceBuffer[key].apply(sourceBuffer, arguments);
-        };
-      } else if (typeof wrapper[key] === 'undefined') {
-        Object.defineProperty(wrapper, key, {
-          get: function get$$1() {
-            return sourceBuffer[key];
-          },
-          set: function set$$1(v) {
-            return sourceBuffer[key] = v;
-          }
-        });
-      }
-    };
-
-    for (var key in sourceBuffer) {
-      _loop(key);
-    }
-
-    return wrapper;
-  };
-  /**
-   * VirtualSourceBuffers exist so that we can transmux non native formats
-   * into a native format, but keep the same api as a native source buffer.
-   * It creates a transmuxer, that works in its own thread (a web worker) and
-   * that transmuxer muxes the data into a native format. VirtualSourceBuffer will
-   * then send all of that data to the naive sourcebuffer so that it is
-   * indestinguishable from a natively supported format.
-   *
-   * @param {HtmlMediaSource} mediaSource the parent mediaSource
-   * @param {Array} codecs array of codecs that we will be dealing with
-   * @class VirtualSourceBuffer
-   * @extends video.js.EventTarget
-   */
-
-
-  var VirtualSourceBuffer = function (_videojs$EventTarget) {
-    inherits$2(VirtualSourceBuffer, _videojs$EventTarget);
-
-    function VirtualSourceBuffer(mediaSource, codecs) {
-      classCallCheck$1(this, VirtualSourceBuffer);
-
-      var _this = possibleConstructorReturn$1(this, (VirtualSourceBuffer.__proto__ || Object.getPrototypeOf(VirtualSourceBuffer)).call(this, videojs$1.EventTarget));
-
-      _this.timestampOffset_ = 0;
-      _this.pendingBuffers_ = [];
-      _this.bufferUpdating_ = false;
-      _this.mediaSource_ = mediaSource;
-      _this.codecs_ = codecs;
-      _this.audioCodec_ = null;
-      _this.videoCodec_ = null;
-      _this.audioDisabled_ = false;
-      _this.appendAudioInitSegment_ = true;
-      _this.gopBuffer_ = [];
-      _this.timeMapping_ = 0;
-      _this.safeAppend_ = videojs$1.browser.IE_VERSION >= 11;
-      var options = {
-        remux: false,
-        alignGopsAtEnd: _this.safeAppend_
-      };
-
-      _this.codecs_.forEach(function (codec) {
-        if (isAudioCodec(codec)) {
-          _this.audioCodec_ = codec;
-        } else if (isVideoCodec(codec)) {
-          _this.videoCodec_ = codec;
-        }
-      }); // append muxed segments to their respective native buffers as
-      // soon as they are available
-
-
-      _this.transmuxer_ = new TransmuxWorker();
-
-      _this.transmuxer_.postMessage({
-        action: 'init',
-        options: options
-      });
-
-      _this.transmuxer_.onmessage = function (event) {
-        if (event.data.action === 'data') {
-          return _this.data_(event);
-        }
-
-        if (event.data.action === 'done') {
-          return _this.done_(event);
-        }
-
-        if (event.data.action === 'gopInfo') {
-          return _this.appendGopInfo_(event);
-        }
-
-        if (event.data.action === 'videoSegmentTimingInfo') {
-          return _this.videoSegmentTimingInfo_(event.data.videoSegmentTimingInfo);
-        }
-      }; // this timestampOffset is a property with the side-effect of resetting
-      // baseMediaDecodeTime in the transmuxer on the setter
-
-
-      Object.defineProperty(_this, 'timestampOffset', {
-        get: function get$$1() {
-          return this.timestampOffset_;
-        },
-        set: function set$$1(val) {
-          if (typeof val === 'number' && val >= 0) {
-            this.timestampOffset_ = val;
-            this.appendAudioInitSegment_ = true; // reset gop buffer on timestampoffset as this signals a change in timeline
-
-            this.gopBuffer_.length = 0;
-            this.timeMapping_ = 0; // We have to tell the transmuxer to set the baseMediaDecodeTime to
-            // the desired timestampOffset for the next segment
-
-            this.transmuxer_.postMessage({
-              action: 'setTimestampOffset',
-              timestampOffset: val
-            });
-          }
-        }
-      }); // setting the append window affects both source buffers
-
-      Object.defineProperty(_this, 'appendWindowStart', {
-        get: function get$$1() {
-          return (this.videoBuffer_ || this.audioBuffer_).appendWindowStart;
-        },
-        set: function set$$1(start) {
-          if (this.videoBuffer_) {
-            this.videoBuffer_.appendWindowStart = start;
-          }
-
-          if (this.audioBuffer_) {
-            this.audioBuffer_.appendWindowStart = start;
-          }
-        }
-      }); // this buffer is "updating" if either of its native buffers are
-
-      Object.defineProperty(_this, 'updating', {
-        get: function get$$1() {
-          return !!(this.bufferUpdating_ || !this.audioDisabled_ && this.audioBuffer_ && this.audioBuffer_.updating || this.videoBuffer_ && this.videoBuffer_.updating);
-        }
-      }); // the buffered property is the intersection of the buffered
-      // ranges of the native source buffers
-
-      Object.defineProperty(_this, 'buffered', {
-        get: function get$$1() {
-          return buffered(this.videoBuffer_, this.audioBuffer_, this.audioDisabled_);
-        }
-      });
-      return _this;
-    }
-    /**
-     * When we get a data event from the transmuxer
-     * we call this function and handle the data that
-     * was sent to us
-     *
-     * @private
-     * @param {Event} event the data event from the transmuxer
-     */
-
-
-    createClass$1(VirtualSourceBuffer, [{
-      key: 'data_',
-      value: function data_(event) {
-        var segment = event.data.segment; // Cast ArrayBuffer to TypedArray
-
-        segment.data = new Uint8Array(segment.data, event.data.byteOffset, event.data.byteLength);
-        segment.initSegment = new Uint8Array(segment.initSegment.data, segment.initSegment.byteOffset, segment.initSegment.byteLength);
-        createTextTracksIfNecessary(this, this.mediaSource_, segment); // Add the segments to the pendingBuffers array
-
-        this.pendingBuffers_.push(segment);
-        return;
-      }
-      /**
-       * When we get a done event from the transmuxer
-       * we call this function and we process all
-       * of the pending data that we have been saving in the
-       * data_ function
-       *
-       * @private
-       * @param {Event} event the done event from the transmuxer
-       */
-
-    }, {
-      key: 'done_',
-      value: function done_(event) {
-        // Don't process and append data if the mediaSource is closed
-        if (this.mediaSource_.readyState === 'closed') {
-          this.pendingBuffers_.length = 0;
-          return;
-        } // All buffers should have been flushed from the muxer
-        // start processing anything we have received
-
-
-        this.processPendingSegments_();
-        return;
-      }
-    }, {
-      key: 'videoSegmentTimingInfo_',
-      value: function videoSegmentTimingInfo_(timingInfo) {
-        var timingInfoInSeconds = {
-          start: {
-            decode: timingInfo.start.dts / ONE_SECOND_IN_TS$2,
-            presentation: timingInfo.start.pts / ONE_SECOND_IN_TS$2
-          },
-          end: {
-            decode: timingInfo.end.dts / ONE_SECOND_IN_TS$2,
-            presentation: timingInfo.end.pts / ONE_SECOND_IN_TS$2
-          },
-          baseMediaDecodeTime: timingInfo.baseMediaDecodeTime / ONE_SECOND_IN_TS$2
-        };
-
-        if (timingInfo.prependedContentDuration) {
-          timingInfoInSeconds.prependedContentDuration = timingInfo.prependedContentDuration / ONE_SECOND_IN_TS$2;
-        }
-
-        this.trigger({
-          type: 'videoSegmentTimingInfo',
-          videoSegmentTimingInfo: timingInfoInSeconds
-        });
-      }
-      /**
-       * Create our internal native audio/video source buffers and add
-       * event handlers to them with the following conditions:
-       * 1. they do not already exist on the mediaSource
-       * 2. this VSB has a codec for them
-       *
-       * @private
-       */
-
-    }, {
-      key: 'createRealSourceBuffers_',
-      value: function createRealSourceBuffers_() {
-        var _this2 = this;
-
-        var types = ['audio', 'video'];
-        types.forEach(function (type) {
-          // Don't create a SourceBuffer of this type if we don't have a
-          // codec for it
-          if (!_this2[type + 'Codec_']) {
-            return;
-          } // Do nothing if a SourceBuffer of this type already exists
-
-
-          if (_this2[type + 'Buffer_']) {
-            return;
-          }
-
-          var buffer = null; // If the mediasource already has a SourceBuffer for the codec
-          // use that
-
-          if (_this2.mediaSource_[type + 'Buffer_']) {
-            buffer = _this2.mediaSource_[type + 'Buffer_']; // In multiple audio track cases, the audio source buffer is disabled
-            // on the main VirtualSourceBuffer by the HTMLMediaSource much earlier
-            // than createRealSourceBuffers_ is called to create the second
-            // VirtualSourceBuffer because that happens as a side-effect of
-            // videojs-contrib-hls starting the audioSegmentLoader. As a result,
-            // the audioBuffer is essentially "ownerless" and no one will toggle
-            // the `updating` state back to false once the `updateend` event is received
-            //
-            // Setting `updating` to false manually will work around this
-            // situation and allow work to continue
-
-            buffer.updating = false;
-          } else {
-            var codecProperty = type + 'Codec_';
-            var mimeType = type + '/mp4;codecs="' + _this2[codecProperty] + '"';
-            buffer = makeWrappedSourceBuffer(_this2.mediaSource_.nativeMediaSource_, mimeType);
-            _this2.mediaSource_[type + 'Buffer_'] = buffer;
-          }
-
-          _this2[type + 'Buffer_'] = buffer; // Wire up the events to the SourceBuffer
-
-          ['update', 'updatestart', 'updateend'].forEach(function (event) {
-            buffer.addEventListener(event, function () {
-              // if audio is disabled
-              if (type === 'audio' && _this2.audioDisabled_) {
-                return;
-              }
-
-              if (event === 'updateend') {
-                _this2[type + 'Buffer_'].updating = false;
-              }
-
-              var shouldTrigger = types.every(function (t) {
-                // skip checking audio's updating status if audio
-                // is not enabled
-                if (t === 'audio' && _this2.audioDisabled_) {
-                  return true;
-                } // if the other type is updating we don't trigger
-
-
-                if (type !== t && _this2[t + 'Buffer_'] && _this2[t + 'Buffer_'].updating) {
-                  return false;
-                }
-
-                return true;
-              });
-
-              if (shouldTrigger) {
-                return _this2.trigger(event);
-              }
-            });
-          });
-        });
-      }
-      /**
-       * Emulate the native mediasource function, but our function will
-       * send all of the proposed segments to the transmuxer so that we
-       * can transmux them before we append them to our internal
-       * native source buffers in the correct format.
-       *
-       * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/appendBuffer
-       * @param {Uint8Array} segment the segment to append to the buffer
-       */
-
-    }, {
-      key: 'appendBuffer',
-      value: function appendBuffer(segment) {
-        // Start the internal "updating" state
-        this.bufferUpdating_ = true;
-
-        if (this.audioBuffer_ && this.audioBuffer_.buffered.length) {
-          var audioBuffered = this.audioBuffer_.buffered;
-          this.transmuxer_.postMessage({
-            action: 'setAudioAppendStart',
-            appendStart: audioBuffered.end(audioBuffered.length - 1)
-          });
-        }
-
-        if (this.videoBuffer_) {
-          this.transmuxer_.postMessage({
-            action: 'alignGopsWith',
-            gopsToAlignWith: gopsSafeToAlignWith(this.gopBuffer_, this.mediaSource_.player_ ? this.mediaSource_.player_.currentTime() : null, this.timeMapping_)
-          });
-        }
-
-        this.transmuxer_.postMessage({
-          action: 'push',
-          // Send the typed-array of data as an ArrayBuffer so that
-          // it can be sent as a "Transferable" and avoid the costly
-          // memory copy
-          data: segment.buffer,
-          // To recreate the original typed-array, we need information
-          // about what portion of the ArrayBuffer it was a view into
-          byteOffset: segment.byteOffset,
-          byteLength: segment.byteLength
-        }, [segment.buffer]);
-        this.transmuxer_.postMessage({
-          action: 'flush'
-        });
-      }
-      /**
-       * Appends gop information (timing and byteLength) received by the transmuxer for the
-       * gops appended in the last call to appendBuffer
-       *
-       * @param {Event} event
-       *        The gopInfo event from the transmuxer
-       * @param {Array} event.data.gopInfo
-       *        List of gop info to append
-       */
-
-    }, {
-      key: 'appendGopInfo_',
-      value: function appendGopInfo_(event) {
-        this.gopBuffer_ = updateGopBuffer(this.gopBuffer_, event.data.gopInfo, this.safeAppend_);
-      }
-      /**
-       * Emulate the native mediasource function and remove parts
-       * of the buffer from any of our internal buffers that exist
-       *
-       * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/remove
-       * @param {Double} start position to start the remove at
-       * @param {Double} end position to end the remove at
-       */
-
-    }, {
-      key: 'remove',
-      value: function remove(start, end) {
-        if (this.videoBuffer_) {
-          this.videoBuffer_.updating = true;
-          this.videoBuffer_.remove(start, end);
-          this.gopBuffer_ = removeGopBuffer(this.gopBuffer_, start, end, this.timeMapping_);
-        }
-
-        if (!this.audioDisabled_ && this.audioBuffer_) {
-          this.audioBuffer_.updating = true;
-          this.audioBuffer_.remove(start, end);
-        } // Remove Metadata Cues (id3)
-
-
-        removeCuesFromTrack(start, end, this.metadataTrack_); // Remove Any Captions
-
-        if (this.inbandTextTracks_) {
-          for (var track in this.inbandTextTracks_) {
-            removeCuesFromTrack(start, end, this.inbandTextTracks_[track]);
-          }
-        }
-      }
-      /**
-       * Process any segments that the muxer has output
-       * Concatenate segments together based on type and append them into
-       * their respective sourceBuffers
-       *
-       * @private
-       */
-
-    }, {
-      key: 'processPendingSegments_',
-      value: function processPendingSegments_() {
-        var sortedSegments = {
-          video: {
-            segments: [],
-            bytes: 0
-          },
-          audio: {
-            segments: [],
-            bytes: 0
-          },
-          captions: [],
-          metadata: []
-        };
-
-        if (!this.pendingBuffers_.length) {
-          // We are no longer in the internal "updating" state
-          this.trigger('updateend');
-          this.bufferUpdating_ = false;
-          return;
-        } // Sort segments into separate video/audio arrays and
-        // keep track of their total byte lengths
-
-
-        sortedSegments = this.pendingBuffers_.reduce(function (segmentObj, segment) {
-          var type = segment.type;
-          var data = segment.data;
-          var initSegment = segment.initSegment;
-          segmentObj[type].segments.push(data);
-          segmentObj[type].bytes += data.byteLength;
-          segmentObj[type].initSegment = initSegment; // Gather any captions into a single array
-
-          if (segment.captions) {
-            segmentObj.captions = segmentObj.captions.concat(segment.captions);
-          }
-
-          if (segment.info) {
-            segmentObj[type].info = segment.info;
-          } // Gather any metadata into a single array
-
-
-          if (segment.metadata) {
-            segmentObj.metadata = segmentObj.metadata.concat(segment.metadata);
-          }
-
-          return segmentObj;
-        }, sortedSegments); // Create the real source buffers if they don't exist by now since we
-        // finally are sure what tracks are contained in the source
-
-        if (!this.videoBuffer_ && !this.audioBuffer_) {
-          // Remove any codecs that may have been specified by default but
-          // are no longer applicable now
-          if (sortedSegments.video.bytes === 0) {
-            this.videoCodec_ = null;
-          }
-
-          if (sortedSegments.audio.bytes === 0) {
-            this.audioCodec_ = null;
-          }
-
-          this.createRealSourceBuffers_();
-        }
-
-        if (sortedSegments.audio.info) {
-          this.mediaSource_.trigger({
-            type: 'audioinfo',
-            info: sortedSegments.audio.info
-          });
-        }
-
-        if (sortedSegments.video.info) {
-          this.mediaSource_.trigger({
-            type: 'videoinfo',
-            info: sortedSegments.video.info
-          });
-        }
-
-        if (this.appendAudioInitSegment_) {
-          if (!this.audioDisabled_ && this.audioBuffer_) {
-            sortedSegments.audio.segments.unshift(sortedSegments.audio.initSegment);
-            sortedSegments.audio.bytes += sortedSegments.audio.initSegment.byteLength;
-          }
-
-          this.appendAudioInitSegment_ = false;
-        }
-
-        var triggerUpdateend = false; // Merge multiple video and audio segments into one and append
-
-        if (this.videoBuffer_ && sortedSegments.video.bytes) {
-          sortedSegments.video.segments.unshift(sortedSegments.video.initSegment);
-          sortedSegments.video.bytes += sortedSegments.video.initSegment.byteLength;
-          this.concatAndAppendSegments_(sortedSegments.video, this.videoBuffer_);
-        } else if (this.videoBuffer_ && (this.audioDisabled_ || !this.audioBuffer_)) {
-          // The transmuxer did not return any bytes of video, meaning it was all trimmed
-          // for gop alignment. Since we have a video buffer and audio is disabled, updateend
-          // will never be triggered by this source buffer, which will cause contrib-hls
-          // to be stuck forever waiting for updateend. If audio is not disabled, updateend
-          // will be triggered by the audio buffer, which will be sent upwards since the video
-          // buffer will not be in an updating state.
-          triggerUpdateend = true;
-        } // Add text-track data for all
-
-
-        addTextTrackData(this, sortedSegments.captions, sortedSegments.metadata);
-
-        if (!this.audioDisabled_ && this.audioBuffer_) {
-          this.concatAndAppendSegments_(sortedSegments.audio, this.audioBuffer_);
-        }
-
-        this.pendingBuffers_.length = 0;
-
-        if (triggerUpdateend) {
-          this.trigger('updateend');
-        } // We are no longer in the internal "updating" state
-
-
-        this.bufferUpdating_ = false;
-      }
-      /**
-       * Combine all segments into a single Uint8Array and then append them
-       * to the destination buffer
-       *
-       * @param {Object} segmentObj
-       * @param {SourceBuffer} destinationBuffer native source buffer to append data to
-       * @private
-       */
-
-    }, {
-      key: 'concatAndAppendSegments_',
-      value: function concatAndAppendSegments_(segmentObj, destinationBuffer) {
-        var offset = 0;
-        var tempBuffer = void 0;
-
-        if (segmentObj.bytes) {
-          tempBuffer = new Uint8Array(segmentObj.bytes); // Combine the individual segments into one large typed-array
-
-          segmentObj.segments.forEach(function (segment) {
-            tempBuffer.set(segment, offset);
-            offset += segment.byteLength;
-          });
-
-          try {
-            destinationBuffer.updating = true;
-            destinationBuffer.appendBuffer(tempBuffer);
-          } catch (error) {
-            if (this.mediaSource_.player_) {
-              this.mediaSource_.player_.error({
-                code: -3,
-                type: 'APPEND_BUFFER_ERR',
-                message: error.message,
-                originalError: error
-              });
-            }
-          }
-        }
-      }
-      /**
-       * Emulate the native mediasource function. abort any soureBuffer
-       * actions and throw out any un-appended data.
-       *
-       * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/abort
-       */
-
-    }, {
-      key: 'abort',
-      value: function abort() {
-        if (this.videoBuffer_) {
-          this.videoBuffer_.abort();
-        }
-
-        if (!this.audioDisabled_ && this.audioBuffer_) {
-          this.audioBuffer_.abort();
-        }
-
-        if (this.transmuxer_) {
-          this.transmuxer_.postMessage({
-            action: 'reset'
-          });
-        }
-
-        this.pendingBuffers_.length = 0;
-        this.bufferUpdating_ = false;
-      }
-    }]);
-    return VirtualSourceBuffer;
-  }(videojs$1.EventTarget);
-  /**
-   * @file html-media-source.js
-   */
-
-  /**
-   * Our MediaSource implementation in HTML, mimics native
-   * MediaSource where/if possible.
-   *
-   * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource
-   * @class HtmlMediaSource
-   * @extends videojs.EventTarget
-   */
-
-
-  var HtmlMediaSource = function (_videojs$EventTarget) {
-    inherits$2(HtmlMediaSource, _videojs$EventTarget);
-
-    function HtmlMediaSource() {
-      classCallCheck$1(this, HtmlMediaSource);
-
-      var _this = possibleConstructorReturn$1(this, (HtmlMediaSource.__proto__ || Object.getPrototypeOf(HtmlMediaSource)).call(this));
-
-      var property = void 0;
-      _this.nativeMediaSource_ = new window$1.MediaSource(); // delegate to the native MediaSource's methods by default
-
-      for (property in _this.nativeMediaSource_) {
-        if (!(property in HtmlMediaSource.prototype) && typeof _this.nativeMediaSource_[property] === 'function') {
-          _this[property] = _this.nativeMediaSource_[property].bind(_this.nativeMediaSource_);
-        }
-      } // emulate `duration` and `seekable` until seeking can be
-      // handled uniformly for live streams
-      // see https://github.com/w3c/media-source/issues/5
-
-
-      _this.duration_ = NaN;
-      Object.defineProperty(_this, 'duration', {
-        get: function get$$1() {
-          if (this.duration_ === Infinity) {
-            return this.duration_;
-          }
-
-          return this.nativeMediaSource_.duration;
-        },
-        set: function set$$1(duration) {
-          this.duration_ = duration;
-
-          if (duration !== Infinity) {
-            this.nativeMediaSource_.duration = duration;
-            return;
-          }
-        }
-      });
-      Object.defineProperty(_this, 'seekable', {
-        get: function get$$1() {
-          if (this.duration_ === Infinity) {
-            return videojs$1.createTimeRanges([[0, this.nativeMediaSource_.duration]]);
-          }
-
-          return this.nativeMediaSource_.seekable;
-        }
-      });
-      Object.defineProperty(_this, 'readyState', {
-        get: function get$$1() {
-          return this.nativeMediaSource_.readyState;
-        }
-      });
-      Object.defineProperty(_this, 'activeSourceBuffers', {
-        get: function get$$1() {
-          return this.activeSourceBuffers_;
-        }
-      }); // the list of virtual and native SourceBuffers created by this
-      // MediaSource
-
-      _this.sourceBuffers = [];
-      _this.activeSourceBuffers_ = [];
-      /**
-       * update the list of active source buffers based upon various
-       * imformation from HLS and video.js
-       *
-       * @private
-       */
-
-      _this.updateActiveSourceBuffers_ = function () {
-        // Retain the reference but empty the array
-        _this.activeSourceBuffers_.length = 0; // If there is only one source buffer, then it will always be active and audio will
-        // be disabled based on the codec of the source buffer
-
-        if (_this.sourceBuffers.length === 1) {
-          var sourceBuffer = _this.sourceBuffers[0];
-          sourceBuffer.appendAudioInitSegment_ = true;
-          sourceBuffer.audioDisabled_ = !sourceBuffer.audioCodec_;
-
-          _this.activeSourceBuffers_.push(sourceBuffer);
-
-          return;
-        } // There are 2 source buffers, a combined (possibly video only) source buffer and
-        // and an audio only source buffer.
-        // By default, the audio in the combined virtual source buffer is enabled
-        // and the audio-only source buffer (if it exists) is disabled.
-
-
-        var disableCombined = false;
-        var disableAudioOnly = true; // TODO: maybe we can store the sourcebuffers on the track objects?
-        // safari may do something like this
-
-        for (var i = 0; i < _this.player_.audioTracks().length; i++) {
-          var track = _this.player_.audioTracks()[i];
-
-          if (track.enabled && track.kind !== 'main') {
-            // The enabled track is an alternate audio track so disable the audio in
-            // the combined source buffer and enable the audio-only source buffer.
-            disableCombined = true;
-            disableAudioOnly = false;
-            break;
-          }
-        }
-
-        _this.sourceBuffers.forEach(function (sourceBuffer, index) {
-          /* eslinst-disable */
-          // TODO once codecs are required, we can switch to using the codecs to determine
-          //      what stream is the video stream, rather than relying on videoTracks
-
-          /* eslinst-enable */
-          sourceBuffer.appendAudioInitSegment_ = true;
-
-          if (sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
-            // combined
-            sourceBuffer.audioDisabled_ = disableCombined;
-          } else if (sourceBuffer.videoCodec_ && !sourceBuffer.audioCodec_) {
-            // If the "combined" source buffer is video only, then we do not want
-            // disable the audio-only source buffer (this is mostly for demuxed
-            // audio and video hls)
-            sourceBuffer.audioDisabled_ = true;
-            disableAudioOnly = false;
-          } else if (!sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
-            // audio only
-            // In the case of audio only with alternate audio and disableAudioOnly is true
-            // this means we want to disable the audio on the alternate audio sourcebuffer
-            // but not the main "combined" source buffer. The "combined" source buffer is
-            // always at index 0, so this ensures audio won't be disabled in both source
-            // buffers.
-            sourceBuffer.audioDisabled_ = index ? disableAudioOnly : !disableAudioOnly;
-
-            if (sourceBuffer.audioDisabled_) {
-              return;
-            }
-          }
-
-          _this.activeSourceBuffers_.push(sourceBuffer);
-        });
-      };
-
-      _this.onPlayerMediachange_ = function () {
-        _this.sourceBuffers.forEach(function (sourceBuffer) {
-          sourceBuffer.appendAudioInitSegment_ = true;
-        });
-      };
-
-      _this.onHlsReset_ = function () {
-        _this.sourceBuffers.forEach(function (sourceBuffer) {
-          if (sourceBuffer.transmuxer_) {
-            sourceBuffer.transmuxer_.postMessage({
-              action: 'resetCaptions'
-            });
-          }
-        });
-      };
-
-      _this.onHlsSegmentTimeMapping_ = function (event) {
-        _this.sourceBuffers.forEach(function (buffer) {
-          return buffer.timeMapping_ = event.mapping;
-        });
-      }; // Re-emit MediaSource events on the polyfill
-
-
-      ['sourceopen', 'sourceclose', 'sourceended'].forEach(function (eventName) {
-        this.nativeMediaSource_.addEventListener(eventName, this.trigger.bind(this));
-      }, _this); // capture the associated player when the MediaSource is
-      // successfully attached
-
-      _this.on('sourceopen', function (event) {
-        // Get the player this MediaSource is attached to
-        var video = document.querySelector('[src="' + _this.url_ + '"]');
-
-        if (!video) {
-          return;
-        }
-
-        _this.player_ = videojs$1(video.parentNode);
-
-        if (!_this.player_) {
-          return;
-        } // hls-reset is fired by videojs.Hls on to the tech after the main SegmentLoader
-        // resets its state and flushes the buffer
-
-
-        _this.player_.tech_.on('hls-reset', _this.onHlsReset_); // hls-segment-time-mapping is fired by videojs.Hls on to the tech after the main
-        // SegmentLoader inspects an MTS segment and has an accurate stream to display
-        // time mapping
-
-
-        _this.player_.tech_.on('hls-segment-time-mapping', _this.onHlsSegmentTimeMapping_);
-
-        if (_this.player_.audioTracks && _this.player_.audioTracks()) {
-          _this.player_.audioTracks().on('change', _this.updateActiveSourceBuffers_);
-
-          _this.player_.audioTracks().on('addtrack', _this.updateActiveSourceBuffers_);
-
-          _this.player_.audioTracks().on('removetrack', _this.updateActiveSourceBuffers_);
-        }
-
-        _this.player_.on('mediachange', _this.onPlayerMediachange_);
-      });
-
-      _this.on('sourceended', function (event) {
-        var duration = durationOfVideo(_this.duration);
-
-        for (var i = 0; i < _this.sourceBuffers.length; i++) {
-          var sourcebuffer = _this.sourceBuffers[i];
-          var cues = sourcebuffer.metadataTrack_ && sourcebuffer.metadataTrack_.cues;
-
-          if (cues && cues.length) {
-            cues[cues.length - 1].endTime = duration;
-          }
-        }
-      }); // explicitly terminate any WebWorkers that were created
-      // by SourceHandlers
-
-
-      _this.on('sourceclose', function (event) {
-        this.sourceBuffers.forEach(function (sourceBuffer) {
-          if (sourceBuffer.transmuxer_) {
-            sourceBuffer.transmuxer_.terminate();
-          }
-        });
-        this.sourceBuffers.length = 0;
-
-        if (!this.player_) {
-          return;
-        }
-
-        if (this.player_.audioTracks && this.player_.audioTracks()) {
-          this.player_.audioTracks().off('change', this.updateActiveSourceBuffers_);
-          this.player_.audioTracks().off('addtrack', this.updateActiveSourceBuffers_);
-          this.player_.audioTracks().off('removetrack', this.updateActiveSourceBuffers_);
-        } // We can only change this if the player hasn't been disposed of yet
-        // because `off` eventually tries to use the el_ property. If it has
-        // been disposed of, then don't worry about it because there are no
-        // event handlers left to unbind anyway
-
-
-        if (this.player_.el_) {
-          this.player_.off('mediachange', this.onPlayerMediachange_);
-        }
-
-        if (this.player_.tech_ && this.player_.tech_.el_) {
-          this.player_.tech_.off('hls-reset', this.onHlsReset_);
-          this.player_.tech_.off('hls-segment-time-mapping', this.onHlsSegmentTimeMapping_);
-        }
-      });
-
-      return _this;
-    }
-    /**
-     * Add a range that that can now be seeked to.
-     *
-     * @param {Double} start where to start the addition
-     * @param {Double} end where to end the addition
-     * @private
-     */
-
-
-    createClass$1(HtmlMediaSource, [{
-      key: 'addSeekableRange_',
-      value: function addSeekableRange_(start, end) {
-        var error = void 0;
-
-        if (this.duration !== Infinity) {
-          error = new Error('MediaSource.addSeekableRange() can only be invoked ' + 'when the duration is Infinity');
-          error.name = 'InvalidStateError';
-          error.code = 11;
-          throw error;
-        }
-
-        if (end > this.nativeMediaSource_.duration || isNaN(this.nativeMediaSource_.duration)) {
-          this.nativeMediaSource_.duration = end;
-        }
-      }
-      /**
-       * Add a source buffer to the media source.
-       *
-       * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/addSourceBuffer
-       * @param {String} type the content-type of the content
-       * @return {Object} the created source buffer
-       */
-
-    }, {
-      key: 'addSourceBuffer',
-      value: function addSourceBuffer(type) {
-        var buffer = void 0;
-        var parsedType = parseContentType(type); // Create a VirtualSourceBuffer to transmux MPEG-2 transport
-        // stream segments into fragmented MP4s
-
-        if (/^(video|audio)\/mp2t$/i.test(parsedType.type)) {
-          var codecs = [];
-
-          if (parsedType.parameters && parsedType.parameters.codecs) {
-            codecs = parsedType.parameters.codecs.split(',');
-            codecs = translateLegacyCodecs(codecs);
-            codecs = codecs.filter(function (codec) {
-              return isAudioCodec(codec) || isVideoCodec(codec);
-            });
-          }
-
-          if (codecs.length === 0) {
-            codecs = ['avc1.4d400d', 'mp4a.40.2'];
-          }
-
-          buffer = new VirtualSourceBuffer(this, codecs);
-
-          if (this.sourceBuffers.length !== 0) {
-            // If another VirtualSourceBuffer already exists, then we are creating a
-            // SourceBuffer for an alternate audio track and therefore we know that
-            // the source has both an audio and video track.
-            // That means we should trigger the manual creation of the real
-            // SourceBuffers instead of waiting for the transmuxer to return data
-            this.sourceBuffers[0].createRealSourceBuffers_();
-            buffer.createRealSourceBuffers_(); // Automatically disable the audio on the first source buffer if
-            // a second source buffer is ever created
-
-            this.sourceBuffers[0].audioDisabled_ = true;
-          }
-        } else {
-          // delegate to the native implementation
-          buffer = this.nativeMediaSource_.addSourceBuffer(type);
-        }
-
-        this.sourceBuffers.push(buffer);
-        return buffer;
-      }
-    }]);
-    return HtmlMediaSource;
-  }(videojs$1.EventTarget);
-  /**
-   * @file videojs-contrib-media-sources.js
-   */
-
-
-  var urlCount = 0; // ------------
-  // Media Source
-  // ------------
-  // store references to the media sources so they can be connected
-  // to a video element (a swf object)
-  // TODO: can we store this somewhere local to this module?
-
-  videojs$1.mediaSources = {};
-  /**
-   * Provide a method for a swf object to notify JS that a
-   * media source is now open.
-   *
-   * @param {String} msObjectURL string referencing the MSE Object URL
-   * @param {String} swfId the swf id
-   */
-
-  var open = function open(msObjectURL, swfId) {
-    var mediaSource = videojs$1.mediaSources[msObjectURL];
-
-    if (mediaSource) {
-      mediaSource.trigger({
-        type: 'sourceopen',
-        swfId: swfId
-      });
-    } else {
-      throw new Error('Media Source not found (Video.js)');
-    }
-  };
-  /**
-   * Check to see if the native MediaSource object exists and supports
-   * an MP4 container with both H.264 video and AAC-LC audio.
-   *
-   * @return {Boolean} if  native media sources are supported
-   */
-
-
-  var supportsNativeMediaSources = function supportsNativeMediaSources() {
-    return !!window$1.MediaSource && !!window$1.MediaSource.isTypeSupported && window$1.MediaSource.isTypeSupported('video/mp4;codecs="avc1.4d400d,mp4a.40.2"');
-  };
-  /**
-   * An emulation of the MediaSource API so that we can support
-   * native and non-native functionality. returns an instance of
-   * HtmlMediaSource.
-   *
-   * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/MediaSource
-   */
-
-
-  var MediaSource = function MediaSource() {
-    this.MediaSource = {
-      open: open,
-      supportsNativeMediaSources: supportsNativeMediaSources
-    };
-
-    if (supportsNativeMediaSources()) {
-      return new HtmlMediaSource();
-    }
-
-    throw new Error('Cannot use create a virtual MediaSource for this video');
-  };
-
-  MediaSource.open = open;
-  MediaSource.supportsNativeMediaSources = supportsNativeMediaSources;
-  /**
-   * A wrapper around the native URL for our MSE object
-   * implementation, this object is exposed under videojs.URL
-   *
-   * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
-   */
-
-  var URL$1 = {
-    /**
-     * A wrapper around the native createObjectURL for our objects.
-     * This function maps a native or emulated mediaSource to a blob
-     * url so that it can be loaded into video.js
-     *
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
-     * @param {MediaSource} object the object to create a blob url to
-     */
-    createObjectURL: function createObjectURL(object) {
-      var objectUrlPrefix = 'blob:vjs-media-source/';
-      var url = void 0; // use the native MediaSource to generate an object URL
-
-      if (object instanceof HtmlMediaSource) {
-        url = window$1.URL.createObjectURL(object.nativeMediaSource_);
-        object.url_ = url;
-        return url;
-      } // if the object isn't an emulated MediaSource, delegate to the
-      // native implementation
-
-
-      if (!(object instanceof HtmlMediaSource)) {
-        url = window$1.URL.createObjectURL(object);
-        object.url_ = url;
-        return url;
-      } // build a URL that can be used to map back to the emulated
-      // MediaSource
-
-
-      url = objectUrlPrefix + urlCount;
-      urlCount++; // setup the mapping back to object
-
-      videojs$1.mediaSources[url] = object;
-      return url;
-    }
-  };
-  videojs$1.MediaSource = MediaSource;
-  videojs$1.URL = URL$1;
-  var EventTarget$1$1 = videojs$1.EventTarget,
-      mergeOptions$2 = videojs$1.mergeOptions;
-  /**
-   * Returns a new master manifest that is the result of merging an updated master manifest
-   * into the original version.
-   *
-   * @param {Object} oldMaster
-   *        The old parsed mpd object
-   * @param {Object} newMaster
-   *        The updated parsed mpd object
-   * @return {Object}
-   *         A new object representing the original master manifest with the updated media
-   *         playlists merged in
-   */
-
-  var updateMaster$1 = function updateMaster$$1(oldMaster, newMaster) {
-    var noChanges = void 0;
-    var update = mergeOptions$2(oldMaster, {
-      // These are top level properties that can be updated
-      duration: newMaster.duration,
-      minimumUpdatePeriod: newMaster.minimumUpdatePeriod
-    }); // First update the playlists in playlist list
-
-    for (var i = 0; i < newMaster.playlists.length; i++) {
-      var playlistUpdate = updateMaster(update, newMaster.playlists[i]);
-
-      if (playlistUpdate) {
-        update = playlistUpdate;
-      } else {
-        noChanges = true;
-      }
-    } // Then update media group playlists
-
-
-    forEachMediaGroup(newMaster, function (properties, type, group, label) {
-      if (properties.playlists && properties.playlists.length) {
-        var uri = properties.playlists[0].uri;
-
-        var _playlistUpdate = updateMaster(update, properties.playlists[0]);
-
-        if (_playlistUpdate) {
-          update = _playlistUpdate; // update the playlist reference within media groups
-
-          update.mediaGroups[type][group][label].playlists[0] = update.playlists[uri];
-          noChanges = false;
-        }
-      }
-    });
-
-    if (noChanges) {
-      return null;
-    }
-
-    return update;
-  };
-
-  var generateSidxKey = function generateSidxKey(sidxInfo) {
-    // should be non-inclusive
-    var sidxByteRangeEnd = sidxInfo.byterange.offset + sidxInfo.byterange.length - 1;
-    return sidxInfo.uri + '-' + sidxInfo.byterange.offset + '-' + sidxByteRangeEnd;
-  }; // SIDX should be equivalent if the URI and byteranges of the SIDX match.
-  // If the SIDXs have maps, the two maps should match,
-  // both `a` and `b` missing SIDXs is considered matching.
-  // If `a` or `b` but not both have a map, they aren't matching.
-
-
-  var equivalentSidx = function equivalentSidx(a, b) {
-    var neitherMap = Boolean(!a.map && !b.map);
-    var equivalentMap = neitherMap || Boolean(a.map && b.map && a.map.byterange.offset === b.map.byterange.offset && a.map.byterange.length === b.map.byterange.length);
-    return equivalentMap && a.uri === b.uri && a.byterange.offset === b.byterange.offset && a.byterange.length === b.byterange.length;
-  }; // exported for testing
-
-
-  var compareSidxEntry = function compareSidxEntry(playlists, oldSidxMapping) {
-    var newSidxMapping = {};
-
-    for (var uri in playlists) {
-      var playlist = playlists[uri];
-      var currentSidxInfo = playlist.sidx;
-
-      if (currentSidxInfo) {
-        var key = generateSidxKey(currentSidxInfo);
-
-        if (!oldSidxMapping[key]) {
-          break;
-        }
-
-        var savedSidxInfo = oldSidxMapping[key].sidxInfo;
-
-        if (equivalentSidx(savedSidxInfo, currentSidxInfo)) {
-          newSidxMapping[key] = oldSidxMapping[key];
-        }
-      }
-    }
-
-    return newSidxMapping;
-  };
-  /**
-   *  A function that filters out changed items as they need to be requested separately.
-   *
-   *  The method is exported for testing
-   *
-   *  @param {Object} masterXml the mpd XML
-   *  @param {string} srcUrl the mpd url
-   *  @param {Date} clientOffset a time difference between server and client (passed through and not used)
-   *  @param {Object} oldSidxMapping the SIDX to compare against
-   */
-
-
-  var filterChangedSidxMappings = function filterChangedSidxMappings(masterXml, srcUrl, clientOffset, oldSidxMapping) {
-    // Don't pass current sidx mapping
-    var master = parse(masterXml, {
-      manifestUri: srcUrl,
-      clientOffset: clientOffset
-    });
-    var videoSidx = compareSidxEntry(master.playlists, oldSidxMapping);
-    var mediaGroupSidx = videoSidx;
-    forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
-      if (properties.playlists && properties.playlists.length) {
-        var playlists = properties.playlists;
-        mediaGroupSidx = mergeOptions$2(mediaGroupSidx, compareSidxEntry(playlists, oldSidxMapping));
-      }
-    });
-    return mediaGroupSidx;
-  }; // exported for testing
-
-
-  var requestSidx_ = function requestSidx_(sidxRange, playlist, xhr, options, finishProcessingFn) {
-    var sidxInfo = {
-      // resolve the segment URL relative to the playlist
-      uri: resolveManifestRedirect(options.handleManifestRedirects, sidxRange.resolvedUri),
-      // resolvedUri: sidxRange.resolvedUri,
-      byterange: sidxRange.byterange,
-      // the segment's playlist
-      playlist: playlist
-    };
-    var sidxRequestOptions = videojs$1.mergeOptions(sidxInfo, {
-      responseType: 'arraybuffer',
-      headers: segmentXhrHeaders(sidxInfo)
-    });
-    return xhr(sidxRequestOptions, finishProcessingFn);
-  };
-
-  var DashPlaylistLoader = function (_EventTarget) {
-    inherits$2(DashPlaylistLoader, _EventTarget); // DashPlaylistLoader must accept either a src url or a playlist because subsequent
-    // playlist loader setups from media groups will expect to be able to pass a playlist
-    // (since there aren't external URLs to media playlists with DASH)
-
-    function DashPlaylistLoader(srcUrlOrPlaylist, hls) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var masterPlaylistLoader = arguments[3];
-      classCallCheck$1(this, DashPlaylistLoader);
-
-      var _this = possibleConstructorReturn$1(this, (DashPlaylistLoader.__proto__ || Object.getPrototypeOf(DashPlaylistLoader)).call(this));
-
-      var _options$withCredenti = options.withCredentials,
-          withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
-          _options$handleManife = options.handleManifestRedirects,
-          handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
-      _this.hls_ = hls;
-      _this.withCredentials = withCredentials;
-      _this.handleManifestRedirects = handleManifestRedirects;
-
-      if (!srcUrlOrPlaylist) {
-        throw new Error('A non-empty playlist URL or playlist is required');
-      } // event naming?
-
-
-      _this.on('minimumUpdatePeriod', function () {
-        _this.refreshXml_();
-      }); // live playlist staleness timeout
-
-
-      _this.on('mediaupdatetimeout', function () {
-        _this.refreshMedia_(_this.media().uri);
-      });
-
-      _this.state = 'HAVE_NOTHING';
-      _this.loadedPlaylists_ = {}; // initialize the loader state
-      // The masterPlaylistLoader will be created with a string
-
-      if (typeof srcUrlOrPlaylist === 'string') {
-        _this.srcUrl = srcUrlOrPlaylist; // TODO: reset sidxMapping between period changes
-        // once multi-period is refactored
-
-        _this.sidxMapping_ = {};
-        return possibleConstructorReturn$1(_this);
-      }
-
-      _this.setupChildLoader(masterPlaylistLoader, srcUrlOrPlaylist);
-
-      return _this;
-    }
-
-    createClass$1(DashPlaylistLoader, [{
-      key: 'setupChildLoader',
-      value: function setupChildLoader(masterPlaylistLoader, playlist) {
-        this.masterPlaylistLoader_ = masterPlaylistLoader;
-        this.childPlaylist_ = playlist;
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        this.stopRequest();
-        this.loadedPlaylists_ = {};
-        window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-        window$1.clearTimeout(this.mediaRequest_);
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-      }
-    }, {
-      key: 'hasPendingRequest',
-      value: function hasPendingRequest() {
-        return this.request || this.mediaRequest_;
-      }
-    }, {
-      key: 'stopRequest',
-      value: function stopRequest() {
-        if (this.request) {
-          var oldRequest = this.request;
-          this.request = null;
-          oldRequest.onreadystatechange = null;
-          oldRequest.abort();
-        }
-      }
-    }, {
-      key: 'sidxRequestFinished_',
-      value: function sidxRequestFinished_(playlist, master, startingState, doneFn) {
-        var _this2 = this;
-
-        return function (err, request) {
-          // disposed
-          if (!_this2.request) {
-            return;
-          } // pending request is cleared
-
-
-          _this2.request = null;
-
-          if (err) {
-            _this2.error = {
-              status: request.status,
-              message: 'DASH playlist request error at URL: ' + playlist.uri,
-              response: request.response,
-              // MEDIA_ERR_NETWORK
-              code: 2
-            };
-
-            if (startingState) {
-              _this2.state = startingState;
-            }
-
-            _this2.trigger('error');
-
-            return doneFn(master, null);
-          }
-
-          var bytes = new Uint8Array(request.response);
-          var sidx = mp4Inspector.parseSidx(bytes.subarray(8));
-          return doneFn(master, sidx);
-        };
-      }
-    }, {
-      key: 'media',
-      value: function media(playlist) {
-        var _this3 = this; // getter
-
-
-        if (!playlist) {
-          return this.media_;
-        } // setter
-
-
-        if (this.state === 'HAVE_NOTHING') {
-          throw new Error('Cannot switch media playlist from ' + this.state);
-        }
-
-        var startingState = this.state; // find the playlist object if the target playlist has been specified by URI
-
-        if (typeof playlist === 'string') {
-          if (!this.master.playlists[playlist]) {
-            throw new Error('Unknown playlist URI: ' + playlist);
-          }
-
-          playlist = this.master.playlists[playlist];
-        }
-
-        var mediaChange = !this.media_ || playlist.uri !== this.media_.uri; // switch to previously loaded playlists immediately
-
-        if (mediaChange && this.loadedPlaylists_[playlist.uri] && this.loadedPlaylists_[playlist.uri].endList) {
-          this.state = 'HAVE_METADATA';
-          this.media_ = playlist; // trigger media change if the active media has been updated
-
-          if (mediaChange) {
-            this.trigger('mediachanging');
-            this.trigger('mediachange');
-          }
-
-          return;
-        } // switching to the active playlist is a no-op
-
-
-        if (!mediaChange) {
-          return;
-        } // switching from an already loaded playlist
-
-
-        if (this.media_) {
-          this.trigger('mediachanging');
-        }
-
-        if (!playlist.sidx) {
-          // Continue asynchronously if there is no sidx
-          // wait one tick to allow haveMaster to run first on a child loader
-          this.mediaRequest_ = window$1.setTimeout(this.haveMetadata.bind(this, {
-            startingState: startingState,
-            playlist: playlist
-          }), 0); // exit early and don't do sidx work
-
-          return;
-        } // we have sidx mappings
-
-
-        var oldMaster = void 0;
-        var sidxMapping = void 0; // sidxMapping is used when parsing the masterXml, so store
-        // it on the masterPlaylistLoader
-
-        if (this.masterPlaylistLoader_) {
-          oldMaster = this.masterPlaylistLoader_.master;
-          sidxMapping = this.masterPlaylistLoader_.sidxMapping_;
-        } else {
-          oldMaster = this.master;
-          sidxMapping = this.sidxMapping_;
-        }
-
-        var sidxKey = generateSidxKey(playlist.sidx);
-        sidxMapping[sidxKey] = {
-          sidxInfo: playlist.sidx
-        };
-        this.request = requestSidx_(playlist.sidx, playlist, this.hls_.xhr, {
-          handleManifestRedirects: this.handleManifestRedirects
-        }, this.sidxRequestFinished_(playlist, oldMaster, startingState, function (newMaster, sidx) {
-          if (!newMaster || !sidx) {
-            throw new Error('failed to request sidx');
-          } // update loader's sidxMapping with parsed sidx box
-
-
-          sidxMapping[sidxKey].sidx = sidx; // everything is ready just continue to haveMetadata
-
-          _this3.haveMetadata({
-            startingState: startingState,
-            playlist: newMaster.playlists[playlist.uri]
-          });
-        }));
-      }
-    }, {
-      key: 'haveMetadata',
-      value: function haveMetadata(_ref) {
-        var startingState = _ref.startingState,
-            playlist = _ref.playlist;
-        this.state = 'HAVE_METADATA';
-        this.loadedPlaylists_[playlist.uri] = playlist;
-        this.mediaRequest_ = null; // This will trigger loadedplaylist
-
-        this.refreshMedia_(playlist.uri); // fire loadedmetadata the first time a media playlist is loaded
-        // to resolve setup of media groups
-
-        if (startingState === 'HAVE_MASTER') {
-          this.trigger('loadedmetadata');
-        } else {
-          // trigger media change if the active media has been updated
-          this.trigger('mediachange');
-        }
-      }
-    }, {
-      key: 'pause',
-      value: function pause() {
-        this.stopRequest();
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-
-        if (this.state === 'HAVE_NOTHING') {
-          // If we pause the loader before any data has been retrieved, its as if we never
-          // started, so reset to an unstarted state.
-          this.started = false;
-        }
-      }
-    }, {
-      key: 'load',
-      value: function load(isFinalRendition) {
-        var _this4 = this;
-
-        window$1.clearTimeout(this.mediaUpdateTimeout);
-        window$1.clearTimeout(this.minimumUpdatePeriodTimeout_);
-        var media = this.media();
-
-        if (isFinalRendition) {
-          var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
-          this.mediaUpdateTimeout = window$1.setTimeout(function () {
-            return _this4.load();
-          }, delay);
-          return;
-        } // because the playlists are internal to the manifest, load should either load the
-        // main manifest, or do nothing but trigger an event
-
-
-        if (!this.started) {
-          this.start();
-          return;
-        }
-
-        this.trigger('loadedplaylist');
-      }
-      /**
-       * Parses the master xml string and updates playlist uri references
-       *
-       * @return {Object}
-       *         The parsed mpd manifest object
-       */
-
-    }, {
-      key: 'parseMasterXml',
-      value: function parseMasterXml() {
-        var master = parse(this.masterXml_, {
-          manifestUri: this.srcUrl,
-          clientOffset: this.clientOffset_,
-          sidxMapping: this.sidxMapping_
-        });
-        master.uri = this.srcUrl; // Set up phony URIs for the playlists since we won't have external URIs for DASH
-        // but reference playlists by their URI throughout the project
-        // TODO: Should we create the dummy uris in mpd-parser as well (leaning towards yes).
-
-        for (var i = 0; i < master.playlists.length; i++) {
-          var phonyUri = 'placeholder-uri-' + i;
-          master.playlists[i].uri = phonyUri; // set up by URI references
-
-          master.playlists[phonyUri] = master.playlists[i];
-        } // set up phony URIs for the media group playlists since we won't have external
-        // URIs for DASH but reference playlists by their URI throughout the project
-
-
-        forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
-          if (properties.playlists && properties.playlists.length) {
-            var _phonyUri = 'placeholder-uri-' + mediaType + '-' + groupKey + '-' + labelKey;
-
-            properties.playlists[0].uri = _phonyUri; // setup URI references
-
-            master.playlists[_phonyUri] = properties.playlists[0];
-          }
-        });
-        setupMediaPlaylists(master);
-        resolveMediaGroupUris(master);
-        return master;
-      }
-    }, {
-      key: 'start',
-      value: function start() {
-        var _this5 = this;
-
-        this.started = true; // We don't need to request the master manifest again
-        // Call this asynchronously to match the xhr request behavior below
-
-        if (this.masterPlaylistLoader_) {
-          this.mediaRequest_ = window$1.setTimeout(this.haveMaster_.bind(this), 0);
-          return;
-        } // request the specified URL
-
-
-        this.request = this.hls_.xhr({
-          uri: this.srcUrl,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this5.request) {
-            return;
-          } // clear the loader's request reference
-
-
-          _this5.request = null;
-
-          if (error) {
-            _this5.error = {
-              status: req.status,
-              message: 'DASH playlist request error at URL: ' + _this5.srcUrl,
-              responseText: req.responseText,
-              // MEDIA_ERR_NETWORK
-              code: 2
-            };
-
-            if (_this5.state === 'HAVE_NOTHING') {
-              _this5.started = false;
-            }
-
-            return _this5.trigger('error');
-          }
-
-          _this5.masterXml_ = req.responseText;
-
-          if (req.responseHeaders && req.responseHeaders.date) {
-            _this5.masterLoaded_ = Date.parse(req.responseHeaders.date);
-          } else {
-            _this5.masterLoaded_ = Date.now();
-          }
-
-          _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
-
-          _this5.syncClientServerClock_(_this5.onClientServerClockSync_.bind(_this5));
-        });
-      }
-      /**
-       * Parses the master xml for UTCTiming node to sync the client clock to the server
-       * clock. If the UTCTiming node requires a HEAD or GET request, that request is made.
-       *
-       * @param {Function} done
-       *        Function to call when clock sync has completed
-       */
-
-    }, {
-      key: 'syncClientServerClock_',
-      value: function syncClientServerClock_(done) {
-        var _this6 = this;
-
-        var utcTiming = parseUTCTiming(this.masterXml_); // No UTCTiming element found in the mpd. Use Date header from mpd request as the
-        // server clock
-
-        if (utcTiming === null) {
-          this.clientOffset_ = this.masterLoaded_ - Date.now();
-          return done();
-        }
-
-        if (utcTiming.method === 'DIRECT') {
-          this.clientOffset_ = utcTiming.value - Date.now();
-          return done();
-        }
-
-        this.request = this.hls_.xhr({
-          uri: resolveUrl$1(this.srcUrl, utcTiming.value),
-          method: utcTiming.method,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this6.request) {
-            return;
-          }
-
-          if (error) {
-            // sync request failed, fall back to using date header from mpd
-            // TODO: log warning
-            _this6.clientOffset_ = _this6.masterLoaded_ - Date.now();
-            return done();
-          }
-
-          var serverTime = void 0;
-
-          if (utcTiming.method === 'HEAD') {
-            if (!req.responseHeaders || !req.responseHeaders.date) {
-              // expected date header not preset, fall back to using date header from mpd
-              // TODO: log warning
-              serverTime = _this6.masterLoaded_;
-            } else {
-              serverTime = Date.parse(req.responseHeaders.date);
-            }
-          } else {
-            serverTime = Date.parse(req.responseText);
-          }
-
-          _this6.clientOffset_ = serverTime - Date.now();
-          done();
-        });
-      }
-    }, {
-      key: 'haveMaster_',
-      value: function haveMaster_() {
-        this.state = 'HAVE_MASTER'; // clear media request
-
-        this.mediaRequest_ = null;
-
-        if (!this.masterPlaylistLoader_) {
-          this.master = this.parseMasterXml(); // We have the master playlist at this point, so
-          // trigger this to allow MasterPlaylistController
-          // to make an initial playlist selection
-
-          this.trigger('loadedplaylist');
-        } else if (!this.media_) {
-          // no media playlist was specifically selected so select
-          // the one the child playlist loader was created with
-          this.media(this.childPlaylist_);
-        }
-      }
-      /**
-       * Handler for after client/server clock synchronization has happened. Sets up
-       * xml refresh timer if specificed by the manifest.
-       */
-
-    }, {
-      key: 'onClientServerClockSync_',
-      value: function onClientServerClockSync_() {
-        var _this7 = this;
-
-        this.haveMaster_();
-
-        if (!this.hasPendingRequest() && !this.media_) {
-          this.media(this.master.playlists[0]);
-        } // TODO: minimumUpdatePeriod can have a value of 0. Currently the manifest will not
-        // be refreshed when this is the case. The inter-op guide says that when the
-        // minimumUpdatePeriod is 0, the manifest should outline all currently available
-        // segments, but future segments may require an update. I think a good solution
-        // would be to update the manifest at the same rate that the media playlists
-        // are "refreshed", i.e. every targetDuration.
-
-
-        if (this.master && this.master.minimumUpdatePeriod) {
-          this.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-            _this7.trigger('minimumUpdatePeriod');
-          }, this.master.minimumUpdatePeriod);
-        }
-      }
-      /**
-       * Sends request to refresh the master xml and updates the parsed master manifest
-       * TODO: Does the client offset need to be recalculated when the xml is refreshed?
-       */
-
-    }, {
-      key: 'refreshXml_',
-      value: function refreshXml_() {
-        var _this8 = this; // The srcUrl here *may* need to pass through handleManifestsRedirects when
-        // sidx is implemented
-
-
-        this.request = this.hls_.xhr({
-          uri: this.srcUrl,
-          withCredentials: this.withCredentials
-        }, function (error, req) {
-          // disposed
-          if (!_this8.request) {
-            return;
-          } // clear the loader's request reference
-
-
-          _this8.request = null;
-
-          if (error) {
-            _this8.error = {
-              status: req.status,
-              message: 'DASH playlist request error at URL: ' + _this8.srcUrl,
-              responseText: req.responseText,
-              // MEDIA_ERR_NETWORK
-              code: 2
-            };
-
-            if (_this8.state === 'HAVE_NOTHING') {
-              _this8.started = false;
-            }
-
-            return _this8.trigger('error');
-          }
-
-          _this8.masterXml_ = req.responseText; // This will filter out updated sidx info from the mapping
-
-          _this8.sidxMapping_ = filterChangedSidxMappings(_this8.masterXml_, _this8.srcUrl, _this8.clientOffset_, _this8.sidxMapping_);
-
-          var master = _this8.parseMasterXml();
-
-          var updatedMaster = updateMaster$1(_this8.master, master);
-
-          var currentSidxInfo = _this8.media().sidx;
-
-          if (updatedMaster) {
-            if (currentSidxInfo) {
-              var sidxKey = generateSidxKey(currentSidxInfo); // the sidx was updated, so the previous mapping was removed
-
-              if (!_this8.sidxMapping_[sidxKey]) {
-                var playlist = _this8.media();
-
-                _this8.request = requestSidx_(playlist.sidx, playlist, _this8.hls_.xhr, {
-                  handleManifestRedirects: _this8.handleManifestRedirects
-                }, _this8.sidxRequestFinished_(playlist, master, _this8.state, function (newMaster, sidx) {
-                  if (!newMaster || !sidx) {
-                    throw new Error('failed to request sidx on minimumUpdatePeriod');
-                  } // update loader's sidxMapping with parsed sidx box
-
-
-                  _this8.sidxMapping_[sidxKey].sidx = sidx;
-                  _this8.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-                    _this8.trigger('minimumUpdatePeriod');
-                  }, _this8.master.minimumUpdatePeriod); // TODO: do we need to reload the current playlist?
-
-                  _this8.refreshMedia_(_this8.media().uri);
-
-                  return;
-                }));
-              }
-            } else {
-              _this8.master = updatedMaster;
-            }
-          }
-
-          _this8.minimumUpdatePeriodTimeout_ = window$1.setTimeout(function () {
-            _this8.trigger('minimumUpdatePeriod');
-          }, _this8.master.minimumUpdatePeriod);
-        });
-      }
-      /**
-       * Refreshes the media playlist by re-parsing the master xml and updating playlist
-       * references. If this is an alternate loader, the updated parsed manifest is retrieved
-       * from the master loader.
-       */
-
-    }, {
-      key: 'refreshMedia_',
-      value: function refreshMedia_(mediaUri) {
-        var _this9 = this;
-
-        if (!mediaUri) {
-          throw new Error('refreshMedia_ must take a media uri');
-        }
-
-        var oldMaster = void 0;
-        var newMaster = void 0;
-
-        if (this.masterPlaylistLoader_) {
-          oldMaster = this.masterPlaylistLoader_.master;
-          newMaster = this.masterPlaylistLoader_.parseMasterXml();
-        } else {
-          oldMaster = this.master;
-          newMaster = this.parseMasterXml();
-        }
-
-        var updatedMaster = updateMaster$1(oldMaster, newMaster);
-
-        if (updatedMaster) {
-          if (this.masterPlaylistLoader_) {
-            this.masterPlaylistLoader_.master = updatedMaster;
-          } else {
-            this.master = updatedMaster;
-          }
-
-          this.media_ = updatedMaster.playlists[mediaUri];
-        } else {
-          this.media_ = newMaster.playlists[mediaUri];
-          this.trigger('playlistunchanged');
-        }
-
-        if (!this.media().endList) {
-          this.mediaUpdateTimeout = window$1.setTimeout(function () {
-            _this9.trigger('mediaupdatetimeout');
-          }, refreshDelay(this.media(), !!updatedMaster));
-        }
-
-        this.trigger('loadedplaylist');
-      }
-    }]);
-    return DashPlaylistLoader;
-  }(EventTarget$1$1);
-
-  var logger = function logger(source) {
-    if (videojs$1.log.debug) {
-      return videojs$1.log.debug.bind(videojs$1, 'VHS:', source + ' >');
-    }
-
-    return function () {};
-  };
-
-  function noop$1() {}
-  /**
-   * @file source-updater.js
-   */
-
-  /**
-   * A queue of callbacks to be serialized and applied when a
-   * MediaSource and its associated SourceBuffers are not in the
-   * updating state. It is used by the segment loader to update the
-   * underlying SourceBuffers when new data is loaded, for instance.
-   *
-   * @class SourceUpdater
-   * @param {MediaSource} mediaSource the MediaSource to create the
-   * SourceBuffer from
-   * @param {String} mimeType the desired MIME type of the underlying
-   * SourceBuffer
-   * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer is
-   * added to the media source
-   */
-
-
-  var SourceUpdater = function () {
-    function SourceUpdater(mediaSource, mimeType, type, sourceBufferEmitter) {
-      classCallCheck$1(this, SourceUpdater);
-      this.callbacks_ = [];
-      this.pendingCallback_ = null;
-      this.timestampOffset_ = 0;
-      this.mediaSource = mediaSource;
-      this.processedAppend_ = false;
-      this.type_ = type;
-      this.mimeType_ = mimeType;
-      this.logger_ = logger('SourceUpdater[' + type + '][' + mimeType + ']');
-
-      if (mediaSource.readyState === 'closed') {
-        mediaSource.addEventListener('sourceopen', this.createSourceBuffer_.bind(this, mimeType, sourceBufferEmitter));
-      } else {
-        this.createSourceBuffer_(mimeType, sourceBufferEmitter);
-      }
-    }
-
-    createClass$1(SourceUpdater, [{
-      key: 'createSourceBuffer_',
-      value: function createSourceBuffer_(mimeType, sourceBufferEmitter) {
-        var _this = this;
-
-        this.sourceBuffer_ = this.mediaSource.addSourceBuffer(mimeType);
-        this.logger_('created SourceBuffer');
-
-        if (sourceBufferEmitter) {
-          sourceBufferEmitter.trigger('sourcebufferadded');
-
-          if (this.mediaSource.sourceBuffers.length < 2) {
-            // There's another source buffer we must wait for before we can start updating
-            // our own (or else we can get into a bad state, i.e., appending video/audio data
-            // before the other video/audio source buffer is available and leading to a video
-            // or audio only buffer).
-            sourceBufferEmitter.on('sourcebufferadded', function () {
-              _this.start_();
-            });
-            return;
-          }
-        }
-
-        this.start_();
-      }
-    }, {
-      key: 'start_',
-      value: function start_() {
-        var _this2 = this;
-
-        this.started_ = true; // run completion handlers and process callbacks as updateend
-        // events fire
-
-        this.onUpdateendCallback_ = function () {
-          var pendingCallback = _this2.pendingCallback_;
-          _this2.pendingCallback_ = null;
-          _this2.sourceBuffer_.removing = false;
-
-          _this2.logger_('buffered [' + printableRange(_this2.buffered()) + ']');
-
-          if (pendingCallback) {
-            pendingCallback();
-          }
-
-          _this2.runCallback_();
-        };
-
-        this.sourceBuffer_.addEventListener('updateend', this.onUpdateendCallback_);
-        this.runCallback_();
-      }
-      /**
-       * Aborts the current segment and resets the segment parser.
-       *
-       * @param {Function} done function to call when done
-       * @see http://w3c.github.io/media-source/#widl-SourceBuffer-abort-void
-       */
-
-    }, {
-      key: 'abort',
-      value: function abort(done) {
-        var _this3 = this;
-
-        if (this.processedAppend_) {
-          this.queueCallback_(function () {
-            _this3.sourceBuffer_.abort();
-          }, done);
-        }
-      }
-      /**
-       * Queue an update to append an ArrayBuffer.
-       *
-       * @param {ArrayBuffer} bytes
-       * @param {Function} done the function to call when done
-       * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-appendBuffer-void-ArrayBuffer-data
-       */
-
-    }, {
-      key: 'appendBuffer',
-      value: function appendBuffer(config, done) {
-        var _this4 = this;
-
-        this.processedAppend_ = true;
-        this.queueCallback_(function () {
-          if (config.videoSegmentTimingInfoCallback) {
-            _this4.sourceBuffer_.addEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
-          }
-
-          _this4.sourceBuffer_.appendBuffer(config.bytes);
-        }, function () {
-          if (config.videoSegmentTimingInfoCallback) {
-            _this4.sourceBuffer_.removeEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
-          }
-
-          done();
-        });
-      }
-      /**
-       * Indicates what TimeRanges are buffered in the managed SourceBuffer.
-       *
-       * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-buffered
-       */
-
-    }, {
-      key: 'buffered',
-      value: function buffered() {
-        if (!this.sourceBuffer_) {
-          return videojs$1.createTimeRanges();
-        }
-
-        return this.sourceBuffer_.buffered;
-      }
-      /**
-       * Queue an update to remove a time range from the buffer.
-       *
-       * @param {Number} start where to start the removal
-       * @param {Number} end where to end the removal
-       * @param {Function} [done=noop] optional callback to be executed when the remove
-       * operation is complete
-       * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
-       */
-
-    }, {
-      key: 'remove',
-      value: function remove(start, end) {
-        var _this5 = this;
-
-        var done = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop$1;
-
-        if (this.processedAppend_) {
-          this.queueCallback_(function () {
-            _this5.logger_('remove [' + start + ' => ' + end + ']');
-
-            _this5.sourceBuffer_.removing = true;
-
-            _this5.sourceBuffer_.remove(start, end);
-          }, done);
-        }
-      }
-      /**
-       * Whether the underlying sourceBuffer is updating or not
-       *
-       * @return {Boolean} the updating status of the SourceBuffer
-       */
-
-    }, {
-      key: 'updating',
-      value: function updating() {
-        // we are updating if the sourcebuffer is updating or
-        return !this.sourceBuffer_ || this.sourceBuffer_.updating || // if we have a pending callback that is not our internal noop
-        !!this.pendingCallback_ && this.pendingCallback_ !== noop$1;
-      }
-      /**
-       * Set/get the timestampoffset on the SourceBuffer
-       *
-       * @return {Number} the timestamp offset
-       */
-
-    }, {
-      key: 'timestampOffset',
-      value: function timestampOffset(offset) {
-        var _this6 = this;
-
-        if (typeof offset !== 'undefined') {
-          this.queueCallback_(function () {
-            _this6.sourceBuffer_.timestampOffset = offset;
-
-            _this6.runCallback_();
-          });
-          this.timestampOffset_ = offset;
-        }
-
-        return this.timestampOffset_;
-      }
-      /**
-       * Queue a callback to run
-       */
-
-    }, {
-      key: 'queueCallback_',
-      value: function queueCallback_(callback, done) {
-        this.callbacks_.push([callback.bind(this), done]);
-        this.runCallback_();
-      }
-      /**
-       * Run a queued callback
-       */
-
-    }, {
-      key: 'runCallback_',
-      value: function runCallback_() {
-        var callbacks = void 0;
-
-        if (!this.updating() && this.callbacks_.length && this.started_) {
-          callbacks = this.callbacks_.shift();
-          this.pendingCallback_ = callbacks[1];
-          callbacks[0]();
-        }
-      }
-      /**
-       * dispose of the source updater and the underlying sourceBuffer
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        var _this7 = this;
-
-        var disposeFn = function disposeFn() {
-          if (_this7.sourceBuffer_ && _this7.mediaSource.readyState === 'open') {
-            _this7.sourceBuffer_.abort();
-          }
-
-          _this7.sourceBuffer_.removeEventListener('updateend', disposeFn);
-        };
-
-        this.sourceBuffer_.removeEventListener('updateend', this.onUpdateendCallback_);
-
-        if (this.sourceBuffer_.removing) {
-          this.sourceBuffer_.addEventListener('updateend', disposeFn);
-        } else {
-          disposeFn();
-        }
-      }
-    }]);
-    return SourceUpdater;
-  }();
-
-  var Config = {
-    GOAL_BUFFER_LENGTH: 30,
-    MAX_GOAL_BUFFER_LENGTH: 60,
-    GOAL_BUFFER_LENGTH_RATE: 1,
-    // 0.5 MB/s
-    INITIAL_BANDWIDTH: 4194304,
-    // A fudge factor to apply to advertised playlist bitrates to account for
-    // temporary flucations in client bandwidth
-    BANDWIDTH_VARIANCE: 1.2,
-    // How much of the buffer must be filled before we consider upswitching
-    BUFFER_LOW_WATER_LINE: 0,
-    MAX_BUFFER_LOW_WATER_LINE: 30,
-    BUFFER_LOW_WATER_LINE_RATE: 1
-  };
-  var REQUEST_ERRORS = {
-    FAILURE: 2,
-    TIMEOUT: -101,
-    ABORTED: -102
-  };
-  /**
-   * Abort all requests
-   *
-   * @param {Object} activeXhrs - an object that tracks all XHR requests
-   */
-
-  var abortAll = function abortAll(activeXhrs) {
-    activeXhrs.forEach(function (xhr) {
-      xhr.abort();
-    });
-  };
-  /**
-   * Gather important bandwidth stats once a request has completed
-   *
-   * @param {Object} request - the XHR request from which to gather stats
-   */
-
-
-  var getRequestStats = function getRequestStats(request) {
-    return {
-      bandwidth: request.bandwidth,
-      bytesReceived: request.bytesReceived || 0,
-      roundTripTime: request.roundTripTime || 0
-    };
-  };
-  /**
-   * If possible gather bandwidth stats as a request is in
-   * progress
-   *
-   * @param {Event} progressEvent - an event object from an XHR's progress event
-   */
-
-
-  var getProgressStats = function getProgressStats(progressEvent) {
-    var request = progressEvent.target;
-    var roundTripTime = Date.now() - request.requestTime;
-    var stats = {
-      bandwidth: Infinity,
-      bytesReceived: 0,
-      roundTripTime: roundTripTime || 0
-    };
-    stats.bytesReceived = progressEvent.loaded; // This can result in Infinity if stats.roundTripTime is 0 but that is ok
-    // because we should only use bandwidth stats on progress to determine when
-    // abort a request early due to insufficient bandwidth
-
-    stats.bandwidth = Math.floor(stats.bytesReceived / stats.roundTripTime * 8 * 1000);
-    return stats;
-  };
-  /**
-   * Handle all error conditions in one place and return an object
-   * with all the information
-   *
-   * @param {Error|null} error - if non-null signals an error occured with the XHR
-   * @param {Object} request -  the XHR request that possibly generated the error
-   */
-
-
-  var handleErrors = function handleErrors(error, request) {
-    if (request.timedout) {
-      return {
-        status: request.status,
-        message: 'HLS request timed-out at URL: ' + request.uri,
-        code: REQUEST_ERRORS.TIMEOUT,
-        xhr: request
-      };
-    }
-
-    if (request.aborted) {
-      return {
-        status: request.status,
-        message: 'HLS request aborted at URL: ' + request.uri,
-        code: REQUEST_ERRORS.ABORTED,
-        xhr: request
-      };
-    }
-
-    if (error) {
-      return {
-        status: request.status,
-        message: 'HLS request errored at URL: ' + request.uri,
-        code: REQUEST_ERRORS.FAILURE,
-        xhr: request
-      };
-    }
-
-    return null;
-  };
-  /**
-   * Handle responses for key data and convert the key data to the correct format
-   * for the decryption step later
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} finishProcessingFn - a callback to execute to continue processing
-   *                                        this request
-   */
-
-
-  var handleKeyResponse = function handleKeyResponse(segment, finishProcessingFn) {
-    return function (error, request) {
-      var response = request.response;
-      var errorObj = handleErrors(error, request);
-
-      if (errorObj) {
-        return finishProcessingFn(errorObj, segment);
-      }
-
-      if (response.byteLength !== 16) {
-        return finishProcessingFn({
-          status: request.status,
-          message: 'Invalid HLS key at URL: ' + request.uri,
-          code: REQUEST_ERRORS.FAILURE,
-          xhr: request
-        }, segment);
-      }
-
-      var view = new DataView(response);
-      segment.key.bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);
-      return finishProcessingFn(null, segment);
-    };
-  };
-  /**
-   * Handle init-segment responses
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} finishProcessingFn - a callback to execute to continue processing
-   *                                        this request
-   */
-
-
-  var handleInitSegmentResponse = function handleInitSegmentResponse(segment, captionParser, finishProcessingFn) {
-    return function (error, request) {
-      var response = request.response;
-      var errorObj = handleErrors(error, request);
-
-      if (errorObj) {
-        return finishProcessingFn(errorObj, segment);
-      } // stop processing if received empty content
-
-
-      if (response.byteLength === 0) {
-        return finishProcessingFn({
-          status: request.status,
-          message: 'Empty HLS segment content at URL: ' + request.uri,
-          code: REQUEST_ERRORS.FAILURE,
-          xhr: request
-        }, segment);
-      }
-
-      segment.map.bytes = new Uint8Array(request.response); // Initialize CaptionParser if it hasn't been yet
-
-      if (captionParser && !captionParser.isInitialized()) {
-        captionParser.init();
-      }
-
-      segment.map.timescales = probe.timescale(segment.map.bytes);
-      segment.map.videoTrackIds = probe.videoTrackIds(segment.map.bytes);
-      return finishProcessingFn(null, segment);
-    };
-  };
-  /**
-   * Response handler for segment-requests being sure to set the correct
-   * property depending on whether the segment is encryped or not
-   * Also records and keeps track of stats that are used for ABR purposes
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} finishProcessingFn - a callback to execute to continue processing
-   *                                        this request
-   */
-
-
-  var handleSegmentResponse = function handleSegmentResponse(segment, captionParser, finishProcessingFn) {
-    return function (error, request) {
-      var response = request.response;
-      var errorObj = handleErrors(error, request);
-      var parsed = void 0;
-
-      if (errorObj) {
-        return finishProcessingFn(errorObj, segment);
-      } // stop processing if received empty content
-
-
-      if (response.byteLength === 0) {
-        return finishProcessingFn({
-          status: request.status,
-          message: 'Empty HLS segment content at URL: ' + request.uri,
-          code: REQUEST_ERRORS.FAILURE,
-          xhr: request
-        }, segment);
-      }
-
-      segment.stats = getRequestStats(request);
-
-      if (segment.key) {
-        segment.encryptedBytes = new Uint8Array(request.response);
-      } else {
-        segment.bytes = new Uint8Array(request.response);
-      } // This is likely an FMP4 and has the init segment.
-      // Run through the CaptionParser in case there are captions.
-
-
-      if (captionParser && segment.map && segment.map.bytes) {
-        // Initialize CaptionParser if it hasn't been yet
-        if (!captionParser.isInitialized()) {
-          captionParser.init();
-        }
-
-        parsed = captionParser.parse(segment.bytes, segment.map.videoTrackIds, segment.map.timescales);
-
-        if (parsed && parsed.captions) {
-          segment.captionStreams = parsed.captionStreams;
-          segment.fmp4Captions = parsed.captions;
-        }
-      }
-
-      return finishProcessingFn(null, segment);
-    };
-  };
-  /**
-   * Decrypt the segment via the decryption web worker
-   *
-   * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} doneFn - a callback that is executed after decryption has completed
-   */
-
-
-  var decryptSegment = function decryptSegment(decrypter, segment, doneFn) {
-    var decryptionHandler = function decryptionHandler(event) {
-      if (event.data.source === segment.requestId) {
-        decrypter.removeEventListener('message', decryptionHandler);
-        var decrypted = event.data.decrypted;
-        segment.bytes = new Uint8Array(decrypted.bytes, decrypted.byteOffset, decrypted.byteLength);
-        return doneFn(null, segment);
-      }
-    };
-
-    decrypter.addEventListener('message', decryptionHandler);
-    var keyBytes = void 0;
-
-    if (segment.key.bytes.slice) {
-      keyBytes = segment.key.bytes.slice();
-    } else {
-      keyBytes = new Uint32Array(Array.prototype.slice.call(segment.key.bytes));
-    } // this is an encrypted segment
-    // incrementally decrypt the segment
-
-
-    decrypter.postMessage(createTransferableMessage({
-      source: segment.requestId,
-      encrypted: segment.encryptedBytes,
-      key: keyBytes,
-      iv: segment.key.iv
-    }), [segment.encryptedBytes.buffer, keyBytes.buffer]);
-  };
-  /**
-   * This function waits for all XHRs to finish (with either success or failure)
-   * before continueing processing via it's callback. The function gathers errors
-   * from each request into a single errors array so that the error status for
-   * each request can be examined later.
-   *
-   * @param {Object} activeXhrs - an object that tracks all XHR requests
-   * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
-   * @param {Function} doneFn - a callback that is executed after all resources have been
-   *                            downloaded and any decryption completed
-   */
-
-
-  var waitForCompletion = function waitForCompletion(activeXhrs, decrypter, doneFn) {
-    var count = 0;
-    var didError = false;
-    return function (error, segment) {
-      if (didError) {
-        return;
-      }
-
-      if (error) {
-        didError = true; // If there are errors, we have to abort any outstanding requests
-
-        abortAll(activeXhrs); // Even though the requests above are aborted, and in theory we could wait until we
-        // handle the aborted events from those requests, there are some cases where we may
-        // never get an aborted event. For instance, if the network connection is lost and
-        // there were two requests, the first may have triggered an error immediately, while
-        // the second request remains unsent. In that case, the aborted algorithm will not
-        // trigger an abort: see https://xhr.spec.whatwg.org/#the-abort()-method
-        //
-        // We also can't rely on the ready state of the XHR, since the request that
-        // triggered the connection error may also show as a ready state of 0 (unsent).
-        // Therefore, we have to finish this group of requests immediately after the first
-        // seen error.
-
-        return doneFn(error, segment);
-      }
-
-      count += 1;
-
-      if (count === activeXhrs.length) {
-        // Keep track of when *all* of the requests have completed
-        segment.endOfAllRequests = Date.now();
-
-        if (segment.encryptedBytes) {
-          return decryptSegment(decrypter, segment, doneFn);
-        } // Otherwise, everything is ready just continue
-
-
-        return doneFn(null, segment);
-      }
-    };
-  };
-  /**
-   * Simple progress event callback handler that gathers some stats before
-   * executing a provided callback with the `segment` object
-   *
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} progressFn - a callback that is executed each time a progress event
-   *                                is received
-   * @param {Event} event - the progress event object from XMLHttpRequest
-   */
-
-
-  var handleProgress = function handleProgress(segment, progressFn) {
-    return function (event) {
-      segment.stats = videojs$1.mergeOptions(segment.stats, getProgressStats(event)); // record the time that we receive the first byte of data
-
-      if (!segment.stats.firstBytesReceivedAt && segment.stats.bytesReceived) {
-        segment.stats.firstBytesReceivedAt = Date.now();
-      }
-
-      return progressFn(event, segment);
-    };
-  };
-  /**
-   * Load all resources and does any processing necessary for a media-segment
-   *
-   * Features:
-   *   decrypts the media-segment if it has a key uri and an iv
-   *   aborts *all* requests if *any* one request fails
-   *
-   * The segment object, at minimum, has the following format:
-   * {
-   *   resolvedUri: String,
-   *   [byterange]: {
-   *     offset: Number,
-   *     length: Number
-   *   },
-   *   [key]: {
-   *     resolvedUri: String
-   *     [byterange]: {
-   *       offset: Number,
-   *       length: Number
-   *     },
-   *     iv: {
-   *       bytes: Uint32Array
-   *     }
-   *   },
-   *   [map]: {
-   *     resolvedUri: String,
-   *     [byterange]: {
-   *       offset: Number,
-   *       length: Number
-   *     },
-   *     [bytes]: Uint8Array
-   *   }
-   * }
-   * ...where [name] denotes optional properties
-   *
-   * @param {Function} xhr - an instance of the xhr wrapper in xhr.js
-   * @param {Object} xhrOptions - the base options to provide to all xhr requests
-   * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128
-   *                                       decryption routines
-   * @param {Object} segment - a simplified copy of the segmentInfo object
-   *                           from SegmentLoader
-   * @param {Function} progressFn - a callback that receives progress events from the main
-   *                                segment's xhr request
-   * @param {Function} doneFn - a callback that is executed only once all requests have
-   *                            succeeded or failed
-   * @returns {Function} a function that, when invoked, immediately aborts all
-   *                     outstanding requests
-   */
-
-
-  var mediaSegmentRequest = function mediaSegmentRequest(xhr, xhrOptions, decryptionWorker, captionParser, segment, progressFn, doneFn) {
-    var activeXhrs = [];
-    var finishProcessingFn = waitForCompletion(activeXhrs, decryptionWorker, doneFn); // optionally, request the decryption key
-
-    if (segment.key && !segment.key.bytes) {
-      var keyRequestOptions = videojs$1.mergeOptions(xhrOptions, {
-        uri: segment.key.resolvedUri,
-        responseType: 'arraybuffer'
-      });
-      var keyRequestCallback = handleKeyResponse(segment, finishProcessingFn);
-      var keyXhr = xhr(keyRequestOptions, keyRequestCallback);
-      activeXhrs.push(keyXhr);
-    } // optionally, request the associated media init segment
-
-
-    if (segment.map && !segment.map.bytes) {
-      var initSegmentOptions = videojs$1.mergeOptions(xhrOptions, {
-        uri: segment.map.resolvedUri,
-        responseType: 'arraybuffer',
-        headers: segmentXhrHeaders(segment.map)
-      });
-      var initSegmentRequestCallback = handleInitSegmentResponse(segment, captionParser, finishProcessingFn);
-      var initSegmentXhr = xhr(initSegmentOptions, initSegmentRequestCallback);
-      activeXhrs.push(initSegmentXhr);
-    }
-
-    var segmentRequestOptions = videojs$1.mergeOptions(xhrOptions, {
-      uri: segment.resolvedUri,
-      responseType: 'arraybuffer',
-      headers: segmentXhrHeaders(segment)
-    });
-    var segmentRequestCallback = handleSegmentResponse(segment, captionParser, finishProcessingFn);
-    var segmentXhr = xhr(segmentRequestOptions, segmentRequestCallback);
-    segmentXhr.addEventListener('progress', handleProgress(segment, progressFn));
-    activeXhrs.push(segmentXhr);
-    return function () {
-      return abortAll(activeXhrs);
-    };
-  }; // Utilities
-
-  /**
-   * Returns the CSS value for the specified property on an element
-   * using `getComputedStyle`. Firefox has a long-standing issue where
-   * getComputedStyle() may return null when running in an iframe with
-   * `display: none`.
-   *
-   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-   * @param {HTMLElement} el the htmlelement to work on
-   * @param {string} the proprety to get the style for
-   */
-
-
-  var safeGetComputedStyle = function safeGetComputedStyle(el, property) {
-    var result = void 0;
-
-    if (!el) {
-      return '';
-    }
-
-    result = window$1.getComputedStyle(el);
-
-    if (!result) {
-      return '';
-    }
-
-    return result[property];
-  };
-  /**
-   * Resuable stable sort function
-   *
-   * @param {Playlists} array
-   * @param {Function} sortFn Different comparators
-   * @function stableSort
-   */
-
-
-  var stableSort = function stableSort(array, sortFn) {
-    var newArray = array.slice();
-    array.sort(function (left, right) {
-      var cmp = sortFn(left, right);
-
-      if (cmp === 0) {
-        return newArray.indexOf(left) - newArray.indexOf(right);
-      }
-
-      return cmp;
-    });
-  };
-  /**
-   * A comparator function to sort two playlist object by bandwidth.
-   *
-   * @param {Object} left a media playlist object
-   * @param {Object} right a media playlist object
-   * @return {Number} Greater than zero if the bandwidth attribute of
-   * left is greater than the corresponding attribute of right. Less
-   * than zero if the bandwidth of right is greater than left and
-   * exactly zero if the two are equal.
-   */
-
-
-  var comparePlaylistBandwidth = function comparePlaylistBandwidth(left, right) {
-    var leftBandwidth = void 0;
-    var rightBandwidth = void 0;
-
-    if (left.attributes.BANDWIDTH) {
-      leftBandwidth = left.attributes.BANDWIDTH;
-    }
-
-    leftBandwidth = leftBandwidth || window$1.Number.MAX_VALUE;
-
-    if (right.attributes.BANDWIDTH) {
-      rightBandwidth = right.attributes.BANDWIDTH;
-    }
-
-    rightBandwidth = rightBandwidth || window$1.Number.MAX_VALUE;
-    return leftBandwidth - rightBandwidth;
-  };
-  /**
-   * A comparator function to sort two playlist object by resolution (width).
-   * @param {Object} left a media playlist object
-   * @param {Object} right a media playlist object
-   * @return {Number} Greater than zero if the resolution.width attribute of
-   * left is greater than the corresponding attribute of right. Less
-   * than zero if the resolution.width of right is greater than left and
-   * exactly zero if the two are equal.
-   */
-
-
-  var comparePlaylistResolution = function comparePlaylistResolution(left, right) {
-    var leftWidth = void 0;
-    var rightWidth = void 0;
-
-    if (left.attributes.RESOLUTION && left.attributes.RESOLUTION.width) {
-      leftWidth = left.attributes.RESOLUTION.width;
-    }
-
-    leftWidth = leftWidth || window$1.Number.MAX_VALUE;
-
-    if (right.attributes.RESOLUTION && right.attributes.RESOLUTION.width) {
-      rightWidth = right.attributes.RESOLUTION.width;
-    }
-
-    rightWidth = rightWidth || window$1.Number.MAX_VALUE; // NOTE - Fallback to bandwidth sort as appropriate in cases where multiple renditions
-    // have the same media dimensions/ resolution
-
-    if (leftWidth === rightWidth && left.attributes.BANDWIDTH && right.attributes.BANDWIDTH) {
-      return left.attributes.BANDWIDTH - right.attributes.BANDWIDTH;
-    }
-
-    return leftWidth - rightWidth;
-  };
-  /**
-   * Chooses the appropriate media playlist based on bandwidth and player size
-   *
-   * @param {Object} master
-   *        Object representation of the master manifest
-   * @param {Number} playerBandwidth
-   *        Current calculated bandwidth of the player
-   * @param {Number} playerWidth
-   *        Current width of the player element
-   * @param {Number} playerHeight
-   *        Current height of the player element
-   * @param {Boolean} limitRenditionByPlayerDimensions
-   *        True if the player width and height should be used during the selection, false otherwise
-   * @return {Playlist} the highest bitrate playlist less than the
-   * currently detected bandwidth, accounting for some amount of
-   * bandwidth variance
-   */
-
-
-  var simpleSelector = function simpleSelector(master, playerBandwidth, playerWidth, playerHeight, limitRenditionByPlayerDimensions) {
-    // convert the playlists to an intermediary representation to make comparisons easier
-    var sortedPlaylistReps = master.playlists.map(function (playlist) {
-      var width = void 0;
-      var height = void 0;
-      var bandwidth = void 0;
-      width = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.width;
-      height = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.height;
-      bandwidth = playlist.attributes.BANDWIDTH;
-      bandwidth = bandwidth || window$1.Number.MAX_VALUE;
-      return {
-        bandwidth: bandwidth,
-        width: width,
-        height: height,
-        playlist: playlist
-      };
-    });
-    stableSort(sortedPlaylistReps, function (left, right) {
-      return left.bandwidth - right.bandwidth;
-    }); // filter out any playlists that have been excluded due to
-    // incompatible configurations
-
-    sortedPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-      return !Playlist.isIncompatible(rep.playlist);
-    }); // filter out any playlists that have been disabled manually through the representations
-    // api or blacklisted temporarily due to playback errors.
-
-    var enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-      return Playlist.isEnabled(rep.playlist);
-    });
-
-    if (!enabledPlaylistReps.length) {
-      // if there are no enabled playlists, then they have all been blacklisted or disabled
-      // by the user through the representations api. In this case, ignore blacklisting and
-      // fallback to what the user wants by using playlists the user has not disabled.
-      enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
-        return !Playlist.isDisabled(rep.playlist);
-      });
-    } // filter out any variant that has greater effective bitrate
-    // than the current estimated bandwidth
-
-
-    var bandwidthPlaylistReps = enabledPlaylistReps.filter(function (rep) {
-      return rep.bandwidth * Config.BANDWIDTH_VARIANCE < playerBandwidth;
-    });
-    var highestRemainingBandwidthRep = bandwidthPlaylistReps[bandwidthPlaylistReps.length - 1]; // get all of the renditions with the same (highest) bandwidth
-    // and then taking the very first element
-
-    var bandwidthBestRep = bandwidthPlaylistReps.filter(function (rep) {
-      return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-    })[0]; // if we're not going to limit renditions by player size, make an early decision.
-
-    if (limitRenditionByPlayerDimensions === false) {
-      var _chosenRep = bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
-
-      return _chosenRep ? _chosenRep.playlist : null;
-    } // filter out playlists without resolution information
-
-
-    var haveResolution = bandwidthPlaylistReps.filter(function (rep) {
-      return rep.width && rep.height;
-    }); // sort variants by resolution
-
-    stableSort(haveResolution, function (left, right) {
-      return left.width - right.width;
-    }); // if we have the exact resolution as the player use it
-
-    var resolutionBestRepList = haveResolution.filter(function (rep) {
-      return rep.width === playerWidth && rep.height === playerHeight;
-    });
-    highestRemainingBandwidthRep = resolutionBestRepList[resolutionBestRepList.length - 1]; // ensure that we pick the highest bandwidth variant that have exact resolution
-
-    var resolutionBestRep = resolutionBestRepList.filter(function (rep) {
-      return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-    })[0];
-    var resolutionPlusOneList = void 0;
-    var resolutionPlusOneSmallest = void 0;
-    var resolutionPlusOneRep = void 0; // find the smallest variant that is larger than the player
-    // if there is no match of exact resolution
-
-    if (!resolutionBestRep) {
-      resolutionPlusOneList = haveResolution.filter(function (rep) {
-        return rep.width > playerWidth || rep.height > playerHeight;
-      }); // find all the variants have the same smallest resolution
-
-      resolutionPlusOneSmallest = resolutionPlusOneList.filter(function (rep) {
-        return rep.width === resolutionPlusOneList[0].width && rep.height === resolutionPlusOneList[0].height;
-      }); // ensure that we also pick the highest bandwidth variant that
-      // is just-larger-than the video player
-
-      highestRemainingBandwidthRep = resolutionPlusOneSmallest[resolutionPlusOneSmallest.length - 1];
-      resolutionPlusOneRep = resolutionPlusOneSmallest.filter(function (rep) {
-        return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
-      })[0];
-    } // fallback chain of variants
-
-
-    var chosenRep = resolutionPlusOneRep || resolutionBestRep || bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
-    return chosenRep ? chosenRep.playlist : null;
-  }; // Playlist Selectors
-
-  /**
-   * Chooses the appropriate media playlist based on the most recent
-   * bandwidth estimate and the player size.
-   *
-   * Expects to be called within the context of an instance of HlsHandler
-   *
-   * @return {Playlist} the highest bitrate playlist less than the
-   * currently detected bandwidth, accounting for some amount of
-   * bandwidth variance
-   */
-
-
-  var lastBandwidthSelector = function lastBandwidthSelector() {
-    return simpleSelector(this.playlists.master, this.systemBandwidth, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10), parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10), this.limitRenditionByPlayerDimensions);
-  };
-  /**
-   * Chooses the appropriate media playlist based on the potential to rebuffer
-   *
-   * @param {Object} settings
-   *        Object of information required to use this selector
-   * @param {Object} settings.master
-   *        Object representation of the master manifest
-   * @param {Number} settings.currentTime
-   *        The current time of the player
-   * @param {Number} settings.bandwidth
-   *        Current measured bandwidth
-   * @param {Number} settings.duration
-   *        Duration of the media
-   * @param {Number} settings.segmentDuration
-   *        Segment duration to be used in round trip time calculations
-   * @param {Number} settings.timeUntilRebuffer
-   *        Time left in seconds until the player has to rebuffer
-   * @param {Number} settings.currentTimeline
-   *        The current timeline segments are being loaded from
-   * @param {SyncController} settings.syncController
-   *        SyncController for determining if we have a sync point for a given playlist
-   * @return {Object|null}
-   *         {Object} return.playlist
-   *         The highest bandwidth playlist with the least amount of rebuffering
-   *         {Number} return.rebufferingImpact
-   *         The amount of time in seconds switching to this playlist will rebuffer. A
-   *         negative value means that switching will cause zero rebuffering.
-   */
-
-
-  var minRebufferMaxBandwidthSelector = function minRebufferMaxBandwidthSelector(settings) {
-    var master = settings.master,
-        currentTime = settings.currentTime,
-        bandwidth = settings.bandwidth,
-        duration$$1 = settings.duration,
-        segmentDuration = settings.segmentDuration,
-        timeUntilRebuffer = settings.timeUntilRebuffer,
-        currentTimeline = settings.currentTimeline,
-        syncController = settings.syncController; // filter out any playlists that have been excluded due to
-    // incompatible configurations
-
-    var compatiblePlaylists = master.playlists.filter(function (playlist) {
-      return !Playlist.isIncompatible(playlist);
-    }); // filter out any playlists that have been disabled manually through the representations
-    // api or blacklisted temporarily due to playback errors.
-
-    var enabledPlaylists = compatiblePlaylists.filter(Playlist.isEnabled);
-
-    if (!enabledPlaylists.length) {
-      // if there are no enabled playlists, then they have all been blacklisted or disabled
-      // by the user through the representations api. In this case, ignore blacklisting and
-      // fallback to what the user wants by using playlists the user has not disabled.
-      enabledPlaylists = compatiblePlaylists.filter(function (playlist) {
-        return !Playlist.isDisabled(playlist);
-      });
-    }
-
-    var bandwidthPlaylists = enabledPlaylists.filter(Playlist.hasAttribute.bind(null, 'BANDWIDTH'));
-    var rebufferingEstimates = bandwidthPlaylists.map(function (playlist) {
-      var syncPoint = syncController.getSyncPoint(playlist, duration$$1, currentTimeline, currentTime); // If there is no sync point for this playlist, switching to it will require a
-      // sync request first. This will double the request time
-
-      var numRequests = syncPoint ? 1 : 2;
-      var requestTimeEstimate = Playlist.estimateSegmentRequestTime(segmentDuration, bandwidth, playlist);
-      var rebufferingImpact = requestTimeEstimate * numRequests - timeUntilRebuffer;
-      return {
-        playlist: playlist,
-        rebufferingImpact: rebufferingImpact
-      };
-    });
-    var noRebufferingPlaylists = rebufferingEstimates.filter(function (estimate) {
-      return estimate.rebufferingImpact <= 0;
-    }); // Sort by bandwidth DESC
-
-    stableSort(noRebufferingPlaylists, function (a, b) {
-      return comparePlaylistBandwidth(b.playlist, a.playlist);
-    });
-
-    if (noRebufferingPlaylists.length) {
-      return noRebufferingPlaylists[0];
-    }
-
-    stableSort(rebufferingEstimates, function (a, b) {
-      return a.rebufferingImpact - b.rebufferingImpact;
-    });
-    return rebufferingEstimates[0] || null;
-  };
-  /**
-   * Chooses the appropriate media playlist, which in this case is the lowest bitrate
-   * one with video.  If no renditions with video exist, return the lowest audio rendition.
-   *
-   * Expects to be called within the context of an instance of HlsHandler
-   *
-   * @return {Object|null}
-   *         {Object} return.playlist
-   *         The lowest bitrate playlist that contains a video codec.  If no such rendition
-   *         exists pick the lowest audio rendition.
-   */
-
-
-  var lowestBitrateCompatibleVariantSelector = function lowestBitrateCompatibleVariantSelector() {
-    // filter out any playlists that have been excluded due to
-    // incompatible configurations or playback errors
-    var playlists = this.playlists.master.playlists.filter(Playlist.isEnabled); // Sort ascending by bitrate
-
-    stableSort(playlists, function (a, b) {
-      return comparePlaylistBandwidth(a, b);
-    }); // Parse and assume that playlists with no video codec have no video
-    // (this is not necessarily true, although it is generally true).
-    //
-    // If an entire manifest has no valid videos everything will get filtered
-    // out.
-
-    var playlistsWithVideo = playlists.filter(function (playlist) {
-      return parseCodecs(playlist.attributes.CODECS).videoCodec;
-    });
-    return playlistsWithVideo[0] || null;
-  };
-  /**
-   * Create captions text tracks on video.js if they do not exist
-   *
-   * @param {Object} inbandTextTracks a reference to current inbandTextTracks
-   * @param {Object} tech the video.js tech
-   * @param {Object} captionStreams the caption streams to create
-   * @private
-   */
-
-
-  var createCaptionsTrackIfNotExists = function createCaptionsTrackIfNotExists(inbandTextTracks, tech, captionStreams) {
-    for (var trackId in captionStreams) {
-      if (!inbandTextTracks[trackId]) {
-        tech.trigger({
-          type: 'usage',
-          name: 'hls-608'
-        });
-        var track = tech.textTracks().getTrackById(trackId);
-
-        if (track) {
-          // Resuse an existing track with a CC# id because this was
-          // very likely created by videojs-contrib-hls from information
-          // in the m3u8 for us to use
-          inbandTextTracks[trackId] = track;
-        } else {
-          // Otherwise, create a track with the default `CC#` label and
-          // without a language
-          inbandTextTracks[trackId] = tech.addRemoteTextTrack({
-            kind: 'captions',
-            id: trackId,
-            label: trackId
-          }, false).track;
-        }
-      }
-    }
-  };
-
-  var addCaptionData = function addCaptionData(_ref) {
-    var inbandTextTracks = _ref.inbandTextTracks,
-        captionArray = _ref.captionArray,
-        timestampOffset = _ref.timestampOffset;
-
-    if (!captionArray) {
-      return;
-    }
-
-    var Cue = window.WebKitDataCue || window.VTTCue;
-    captionArray.forEach(function (caption) {
-      var track = caption.stream;
-      var startTime = caption.startTime;
-      var endTime = caption.endTime;
-
-      if (!inbandTextTracks[track]) {
-        return;
-      }
-
-      startTime += timestampOffset;
-      endTime += timestampOffset;
-      inbandTextTracks[track].addCue(new Cue(startTime, endTime, caption.text));
-    });
-  };
-  /**
-   * @file segment-loader.js
-   */
-  // in ms
-
-
-  var CHECK_BUFFER_DELAY = 500;
-  /**
-   * Determines if we should call endOfStream on the media source based
-   * on the state of the buffer or if appened segment was the final
-   * segment in the playlist.
-   *
-   * @param {Object} playlist a media playlist object
-   * @param {Object} mediaSource the MediaSource object
-   * @param {Number} segmentIndex the index of segment we last appended
-   * @returns {Boolean} do we need to call endOfStream on the MediaSource
-   */
-
-  var detectEndOfStream = function detectEndOfStream(playlist, mediaSource, segmentIndex) {
-    if (!playlist || !mediaSource) {
-      return false;
-    }
-
-    var segments = playlist.segments; // determine a few boolean values to help make the branch below easier
-    // to read
-
-    var appendedLastSegment = segmentIndex === segments.length; // if we've buffered to the end of the video, we need to call endOfStream
-    // so that MediaSources can trigger the `ended` event when it runs out of
-    // buffered data instead of waiting for me
-
-    return playlist.endList && mediaSource.readyState === 'open' && appendedLastSegment;
-  };
-
-  var finite = function finite(num) {
-    return typeof num === 'number' && isFinite(num);
-  };
-
-  var illegalMediaSwitch = function illegalMediaSwitch(loaderType, startingMedia, newSegmentMedia) {
-    // Although these checks should most likely cover non 'main' types, for now it narrows
-    // the scope of our checks.
-    if (loaderType !== 'main' || !startingMedia || !newSegmentMedia) {
-      return null;
-    }
-
-    if (!newSegmentMedia.containsAudio && !newSegmentMedia.containsVideo) {
-      return 'Neither audio nor video found in segment.';
-    }
-
-    if (startingMedia.containsVideo && !newSegmentMedia.containsVideo) {
-      return 'Only audio found in segment when we expected video.' + ' We can\'t switch to audio only from a stream that had video.' + ' To get rid of this message, please add codec information to the manifest.';
-    }
-
-    if (!startingMedia.containsVideo && newSegmentMedia.containsVideo) {
-      return 'Video found in segment when we expected only audio.' + ' We can\'t switch to a stream with video from an audio only stream.' + ' To get rid of this message, please add codec information to the manifest.';
-    }
-
-    return null;
-  };
-  /**
-   * Calculates a time value that is safe to remove from the back buffer without interupting
-   * playback.
-   *
-   * @param {TimeRange} seekable
-   *        The current seekable range
-   * @param {Number} currentTime
-   *        The current time of the player
-   * @param {Number} targetDuration
-   *        The target duration of the current playlist
-   * @return {Number}
-   *         Time that is safe to remove from the back buffer without interupting playback
-   */
-
-
-  var safeBackBufferTrimTime = function safeBackBufferTrimTime(seekable$$1, currentTime, targetDuration) {
-    var removeToTime = void 0;
-
-    if (seekable$$1.length && seekable$$1.start(0) > 0 && seekable$$1.start(0) < currentTime) {
-      // If we have a seekable range use that as the limit for what can be removed safely
-      removeToTime = seekable$$1.start(0);
-    } else {
-      // otherwise remove anything older than 30 seconds before the current play head
-      removeToTime = currentTime - 30;
-    } // Don't allow removing from the buffer within target duration of current time
-    // to avoid the possibility of removing the GOP currently being played which could
-    // cause playback stalls.
-
-
-    return Math.min(removeToTime, currentTime - targetDuration);
-  };
-
-  var segmentInfoString = function segmentInfoString(segmentInfo) {
-    var _segmentInfo$segment = segmentInfo.segment,
-        start = _segmentInfo$segment.start,
-        end = _segmentInfo$segment.end,
-        _segmentInfo$playlist = segmentInfo.playlist,
-        seq = _segmentInfo$playlist.mediaSequence,
-        id = _segmentInfo$playlist.id,
-        _segmentInfo$playlist2 = _segmentInfo$playlist.segments,
-        segments = _segmentInfo$playlist2 === undefined ? [] : _segmentInfo$playlist2,
-        index = segmentInfo.mediaIndex,
-        timeline = segmentInfo.timeline;
-    return ['appending [' + index + '] of [' + seq + ', ' + (seq + segments.length) + '] from playlist [' + id + ']', '[' + start + ' => ' + end + '] in timeline [' + timeline + ']'].join(' ');
-  };
-  /**
-   * An object that manages segment loading and appending.
-   *
-   * @class SegmentLoader
-   * @param {Object} options required and optional options
-   * @extends videojs.EventTarget
-   */
-
-
-  var SegmentLoader = function (_videojs$EventTarget) {
-    inherits$2(SegmentLoader, _videojs$EventTarget);
-
-    function SegmentLoader(settings) {
-      classCallCheck$1(this, SegmentLoader); // check pre-conditions
-
-      var _this = possibleConstructorReturn$1(this, (SegmentLoader.__proto__ || Object.getPrototypeOf(SegmentLoader)).call(this));
-
-      if (!settings) {
-        throw new TypeError('Initialization settings are required');
-      }
-
-      if (typeof settings.currentTime !== 'function') {
-        throw new TypeError('No currentTime getter specified');
-      }
-
-      if (!settings.mediaSource) {
-        throw new TypeError('No MediaSource specified');
-      } // public properties
-
-
-      _this.bandwidth = settings.bandwidth;
-      _this.throughput = {
-        rate: 0,
-        count: 0
-      };
-      _this.roundTrip = NaN;
-
-      _this.resetStats_();
-
-      _this.mediaIndex = null; // private settings
-
-      _this.hasPlayed_ = settings.hasPlayed;
-      _this.currentTime_ = settings.currentTime;
-      _this.seekable_ = settings.seekable;
-      _this.seeking_ = settings.seeking;
-      _this.duration_ = settings.duration;
-      _this.mediaSource_ = settings.mediaSource;
-      _this.hls_ = settings.hls;
-      _this.loaderType_ = settings.loaderType;
-      _this.startingMedia_ = void 0;
-      _this.segmentMetadataTrack_ = settings.segmentMetadataTrack;
-      _this.goalBufferLength_ = settings.goalBufferLength;
-      _this.sourceType_ = settings.sourceType;
-      _this.inbandTextTracks_ = settings.inbandTextTracks;
-      _this.state_ = 'INIT'; // private instance variables
-
-      _this.checkBufferTimeout_ = null;
-      _this.error_ = void 0;
-      _this.currentTimeline_ = -1;
-      _this.pendingSegment_ = null;
-      _this.mimeType_ = null;
-      _this.sourceUpdater_ = null;
-      _this.xhrOptions_ = null; // Fragmented mp4 playback
-
-      _this.activeInitSegmentId_ = null;
-      _this.initSegments_ = {}; // HLSe playback
-
-      _this.cacheEncryptionKeys_ = settings.cacheEncryptionKeys;
-      _this.keyCache_ = {}; // Fmp4 CaptionParser
-
-      if (_this.loaderType_ === 'main') {
-        _this.captionParser_ = new captionParser();
-      } else {
-        _this.captionParser_ = null;
-      }
-
-      _this.decrypter_ = settings.decrypter; // Manages the tracking and generation of sync-points, mappings
-      // between a time in the display time and a segment index within
-      // a playlist
-
-      _this.syncController_ = settings.syncController;
-      _this.syncPoint_ = {
-        segmentIndex: 0,
-        time: 0
-      };
-
-      _this.syncController_.on('syncinfoupdate', function () {
-        return _this.trigger('syncinfoupdate');
-      });
-
-      _this.mediaSource_.addEventListener('sourceopen', function () {
-        return _this.ended_ = false;
-      }); // ...for determining the fetch location
-
-
-      _this.fetchAtBuffer_ = false;
-      _this.logger_ = logger('SegmentLoader[' + _this.loaderType_ + ']');
-      Object.defineProperty(_this, 'state', {
-        get: function get$$1() {
-          return this.state_;
-        },
-        set: function set$$1(newState) {
-          if (newState !== this.state_) {
-            this.logger_(this.state_ + ' -> ' + newState);
-            this.state_ = newState;
-          }
-        }
-      });
-      return _this;
-    }
-    /**
-     * reset all of our media stats
-     *
-     * @private
-     */
-
-
-    createClass$1(SegmentLoader, [{
-      key: 'resetStats_',
-      value: function resetStats_() {
-        this.mediaBytesTransferred = 0;
-        this.mediaRequests = 0;
-        this.mediaRequestsAborted = 0;
-        this.mediaRequestsTimedout = 0;
-        this.mediaRequestsErrored = 0;
-        this.mediaTransferDuration = 0;
-        this.mediaSecondsLoaded = 0;
-      }
-      /**
-       * dispose of the SegmentLoader and reset to the default state
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        this.state = 'DISPOSED';
-        this.pause();
-        this.abort_();
-
-        if (this.sourceUpdater_) {
-          this.sourceUpdater_.dispose();
-        }
-
-        this.resetStats_();
-
-        if (this.captionParser_) {
-          this.captionParser_.reset();
-        }
-      }
-      /**
-       * abort anything that is currently doing on with the SegmentLoader
-       * and reset to a default state
-       */
-
-    }, {
-      key: 'abort',
-      value: function abort() {
-        if (this.state !== 'WAITING') {
-          if (this.pendingSegment_) {
-            this.pendingSegment_ = null;
-          }
-
-          return;
-        }
-
-        this.abort_(); // We aborted the requests we were waiting on, so reset the loader's state to READY
-        // since we are no longer "waiting" on any requests. XHR callback is not always run
-        // when the request is aborted. This will prevent the loader from being stuck in the
-        // WAITING state indefinitely.
-
-        this.state = 'READY'; // don't wait for buffer check timeouts to begin fetching the
-        // next segment
-
-        if (!this.paused()) {
-          this.monitorBuffer_();
-        }
-      }
-      /**
-       * abort all pending xhr requests and null any pending segements
-       *
-       * @private
-       */
-
-    }, {
-      key: 'abort_',
-      value: function abort_() {
-        if (this.pendingSegment_) {
-          this.pendingSegment_.abortRequests();
-        } // clear out the segment being processed
-
-
-        this.pendingSegment_ = null;
-      }
-      /**
-       * set an error on the segment loader and null out any pending segements
-       *
-       * @param {Error} error the error to set on the SegmentLoader
-       * @return {Error} the error that was set or that is currently set
-       */
-
-    }, {
-      key: 'error',
-      value: function error(_error) {
-        if (typeof _error !== 'undefined') {
-          this.error_ = _error;
-        }
-
-        this.pendingSegment_ = null;
-        return this.error_;
-      }
-    }, {
-      key: 'endOfStream',
-      value: function endOfStream() {
-        this.ended_ = true;
-        this.pause();
-        this.trigger('ended');
-      }
-      /**
-       * Indicates which time ranges are buffered
-       *
-       * @return {TimeRange}
-       *         TimeRange object representing the current buffered ranges
-       */
-
-    }, {
-      key: 'buffered_',
-      value: function buffered_() {
-        if (!this.sourceUpdater_) {
-          return videojs$1.createTimeRanges();
-        }
-
-        return this.sourceUpdater_.buffered();
-      }
-      /**
-       * Gets and sets init segment for the provided map
-       *
-       * @param {Object} map
-       *        The map object representing the init segment to get or set
-       * @param {Boolean=} set
-       *        If true, the init segment for the provided map should be saved
-       * @return {Object}
-       *         map object for desired init segment
-       */
-
-    }, {
-      key: 'initSegment',
-      value: function initSegment(map) {
-        var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-        if (!map) {
-          return null;
-        }
-
-        var id = initSegmentId(map);
-        var storedMap = this.initSegments_[id];
-
-        if (set$$1 && !storedMap && map.bytes) {
-          this.initSegments_[id] = storedMap = {
-            resolvedUri: map.resolvedUri,
-            byterange: map.byterange,
-            bytes: map.bytes,
-            timescales: map.timescales,
-            videoTrackIds: map.videoTrackIds
-          };
-        }
-
-        return storedMap || map;
-      }
-      /**
-       * Gets and sets key for the provided key
-       *
-       * @param {Object} key
-       *        The key object representing the key to get or set
-       * @param {Boolean=} set
-       *        If true, the key for the provided key should be saved
-       * @return {Object}
-       *         Key object for desired key
-       */
-
-    }, {
-      key: 'segmentKey',
-      value: function segmentKey(key) {
-        var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-        if (!key) {
-          return null;
-        }
-
-        var id = segmentKeyId(key);
-        var storedKey = this.keyCache_[id]; // TODO: We should use the HTTP Expires header to invalidate our cache per
-        // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-6.2.3
-
-        if (this.cacheEncryptionKeys_ && set$$1 && !storedKey && key.bytes) {
-          this.keyCache_[id] = storedKey = {
-            resolvedUri: key.resolvedUri,
-            bytes: key.bytes
-          };
-        }
-
-        var result = {
-          resolvedUri: (storedKey || key).resolvedUri
-        };
-
-        if (storedKey) {
-          result.bytes = storedKey.bytes;
-        }
-
-        return result;
-      }
-      /**
-       * Returns true if all configuration required for loading is present, otherwise false.
-       *
-       * @return {Boolean} True if the all configuration is ready for loading
-       * @private
-       */
-
-    }, {
-      key: 'couldBeginLoading_',
-      value: function couldBeginLoading_() {
-        return this.playlist_ && ( // the source updater is created when init_ is called, so either having a
-        // source updater or being in the INIT state with a mimeType is enough
-        // to say we have all the needed configuration to start loading.
-        this.sourceUpdater_ || this.mimeType_ && this.state === 'INIT') && !this.paused();
-      }
-      /**
-       * load a playlist and start to fill the buffer
-       */
-
-    }, {
-      key: 'load',
-      value: function load() {
-        // un-pause
-        this.monitorBuffer_(); // if we don't have a playlist yet, keep waiting for one to be
-        // specified
-
-        if (!this.playlist_) {
-          return;
-        } // not sure if this is the best place for this
-
-
-        this.syncController_.setDateTimeMapping(this.playlist_); // if all the configuration is ready, initialize and begin loading
-
-        if (this.state === 'INIT' && this.couldBeginLoading_()) {
-          return this.init_();
-        } // if we're in the middle of processing a segment already, don't
-        // kick off an additional segment request
-
-
-        if (!this.couldBeginLoading_() || this.state !== 'READY' && this.state !== 'INIT') {
-          return;
-        }
-
-        this.state = 'READY';
-      }
-      /**
-       * Once all the starting parameters have been specified, begin
-       * operation. This method should only be invoked from the INIT
-       * state.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'init_',
-      value: function init_() {
-        this.state = 'READY';
-        this.sourceUpdater_ = new SourceUpdater(this.mediaSource_, this.mimeType_, this.loaderType_, this.sourceBufferEmitter_);
-        this.resetEverything();
-        return this.monitorBuffer_();
-      }
-      /**
-       * set a playlist on the segment loader
-       *
-       * @param {PlaylistLoader} media the playlist to set on the segment loader
-       */
-
-    }, {
-      key: 'playlist',
-      value: function playlist(newPlaylist) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-        if (!newPlaylist) {
-          return;
-        }
-
-        var oldPlaylist = this.playlist_;
-        var segmentInfo = this.pendingSegment_;
-        this.playlist_ = newPlaylist;
-        this.xhrOptions_ = options; // when we haven't started playing yet, the start of a live playlist
-        // is always our zero-time so force a sync update each time the playlist
-        // is refreshed from the server
-
-        if (!this.hasPlayed_()) {
-          newPlaylist.syncInfo = {
-            mediaSequence: newPlaylist.mediaSequence,
-            time: 0
-          };
-        }
-
-        var oldId = null;
-
-        if (oldPlaylist) {
-          if (oldPlaylist.id) {
-            oldId = oldPlaylist.id;
-          } else if (oldPlaylist.uri) {
-            oldId = oldPlaylist.uri;
-          }
-        }
-
-        this.logger_('playlist update [' + oldId + ' => ' + (newPlaylist.id || newPlaylist.uri) + ']'); // in VOD, this is always a rendition switch (or we updated our syncInfo above)
-        // in LIVE, we always want to update with new playlists (including refreshes)
-
-        this.trigger('syncinfoupdate'); // if we were unpaused but waiting for a playlist, start
-        // buffering now
-
-        if (this.state === 'INIT' && this.couldBeginLoading_()) {
-          return this.init_();
-        }
-
-        if (!oldPlaylist || oldPlaylist.uri !== newPlaylist.uri) {
-          if (this.mediaIndex !== null) {
-            // we must "resync" the segment loader when we switch renditions and
-            // the segment loader is already synced to the previous rendition
-            this.resyncLoader();
-          } // the rest of this function depends on `oldPlaylist` being defined
-
-
-          return;
-        } // we reloaded the same playlist so we are in a live scenario
-        // and we will likely need to adjust the mediaIndex
-
-
-        var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;
-        this.logger_('live window shift [' + mediaSequenceDiff + ']'); // update the mediaIndex on the SegmentLoader
-        // this is important because we can abort a request and this value must be
-        // equal to the last appended mediaIndex
-
-        if (this.mediaIndex !== null) {
-          this.mediaIndex -= mediaSequenceDiff;
-        } // update the mediaIndex on the SegmentInfo object
-        // this is important because we will update this.mediaIndex with this value
-        // in `handleUpdateEnd_` after the segment has been successfully appended
-
-
-        if (segmentInfo) {
-          segmentInfo.mediaIndex -= mediaSequenceDiff; // we need to update the referenced segment so that timing information is
-          // saved for the new playlist's segment, however, if the segment fell off the
-          // playlist, we can leave the old reference and just lose the timing info
-
-          if (segmentInfo.mediaIndex >= 0) {
-            segmentInfo.segment = newPlaylist.segments[segmentInfo.mediaIndex];
-          }
-        }
-
-        this.syncController_.saveExpiredSegmentInfo(oldPlaylist, newPlaylist);
-      }
-      /**
-       * Prevent the loader from fetching additional segments. If there
-       * is a segment request outstanding, it will finish processing
-       * before the loader halts. A segment loader can be unpaused by
-       * calling load().
-       */
-
-    }, {
-      key: 'pause',
-      value: function pause() {
-        if (this.checkBufferTimeout_) {
-          window$1.clearTimeout(this.checkBufferTimeout_);
-          this.checkBufferTimeout_ = null;
-        }
-      }
-      /**
-       * Returns whether the segment loader is fetching additional
-       * segments when given the opportunity. This property can be
-       * modified through calls to pause() and load().
-       */
-
-    }, {
-      key: 'paused',
-      value: function paused() {
-        return this.checkBufferTimeout_ === null;
-      }
-      /**
-       * create/set the following mimetype on the SourceBuffer through a
-       * SourceUpdater
-       *
-       * @param {String} mimeType the mime type string to use
-       * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer
-       * is added to the media source
-       */
-
-    }, {
-      key: 'mimeType',
-      value: function mimeType(_mimeType, sourceBufferEmitter) {
-        if (this.mimeType_) {
-          return;
-        }
-
-        this.mimeType_ = _mimeType;
-        this.sourceBufferEmitter_ = sourceBufferEmitter; // if we were unpaused but waiting for a sourceUpdater, start
-        // buffering now
-
-        if (this.state === 'INIT' && this.couldBeginLoading_()) {
-          this.init_();
-        }
-      }
-      /**
-       * Delete all the buffered data and reset the SegmentLoader
-       * @param {Function} [done] an optional callback to be executed when the remove
-       * operation is complete
-       */
-
-    }, {
-      key: 'resetEverything',
-      value: function resetEverything(done) {
-        this.ended_ = false;
-        this.resetLoader();
-        this.remove(0, this.duration_(), done); // clears fmp4 captions
-
-        if (this.captionParser_) {
-          this.captionParser_.clearAllCaptions();
-        }
-
-        this.trigger('reseteverything');
-      }
-      /**
-       * Force the SegmentLoader to resync and start loading around the currentTime instead
-       * of starting at the end of the buffer
-       *
-       * Useful for fast quality changes
-       */
-
-    }, {
-      key: 'resetLoader',
-      value: function resetLoader() {
-        this.fetchAtBuffer_ = false;
-        this.resyncLoader();
-      }
-      /**
-       * Force the SegmentLoader to restart synchronization and make a conservative guess
-       * before returning to the simple walk-forward method
-       */
-
-    }, {
-      key: 'resyncLoader',
-      value: function resyncLoader() {
-        this.mediaIndex = null;
-        this.syncPoint_ = null;
-        this.abort();
-      }
-      /**
-       * Remove any data in the source buffer between start and end times
-       * @param {Number} start - the start time of the region to remove from the buffer
-       * @param {Number} end - the end time of the region to remove from the buffer
-       * @param {Function} [done] - an optional callback to be executed when the remove
-       * operation is complete
-       */
-
-    }, {
-      key: 'remove',
-      value: function remove(start, end, done) {
-        if (this.sourceUpdater_) {
-          this.sourceUpdater_.remove(start, end, done);
-        }
-
-        removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-
-        if (this.inbandTextTracks_) {
-          for (var id in this.inbandTextTracks_) {
-            removeCuesFromTrack(start, end, this.inbandTextTracks_[id]);
-          }
-        }
-      }
-      /**
-       * (re-)schedule monitorBufferTick_ to run as soon as possible
-       *
-       * @private
-       */
-
-    }, {
-      key: 'monitorBuffer_',
-      value: function monitorBuffer_() {
-        if (this.checkBufferTimeout_) {
-          window$1.clearTimeout(this.checkBufferTimeout_);
-        }
-
-        this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), 1);
-      }
-      /**
-       * As long as the SegmentLoader is in the READY state, periodically
-       * invoke fillBuffer_().
-       *
-       * @private
-       */
-
-    }, {
-      key: 'monitorBufferTick_',
-      value: function monitorBufferTick_() {
-        if (this.state === 'READY') {
-          this.fillBuffer_();
-        }
-
-        if (this.checkBufferTimeout_) {
-          window$1.clearTimeout(this.checkBufferTimeout_);
-        }
-
-        this.checkBufferTimeout_ = window$1.setTimeout(this.monitorBufferTick_.bind(this), CHECK_BUFFER_DELAY);
-      }
-      /**
-       * fill the buffer with segements unless the sourceBuffers are
-       * currently updating
-       *
-       * Note: this function should only ever be called by monitorBuffer_
-       * and never directly
-       *
-       * @private
-       */
-
-    }, {
-      key: 'fillBuffer_',
-      value: function fillBuffer_() {
-        if (this.sourceUpdater_.updating()) {
-          return;
-        }
-
-        if (!this.syncPoint_) {
-          this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
-        } // see if we need to begin loading immediately
-
-
-        var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
-
-        if (!segmentInfo) {
-          return;
-        }
-
-        if (this.isEndOfStream_(segmentInfo.mediaIndex)) {
-          this.endOfStream();
-          return;
-        }
-
-        if (segmentInfo.mediaIndex === this.playlist_.segments.length - 1 && this.mediaSource_.readyState === 'ended' && !this.seeking_()) {
-          return;
-        } // We will need to change timestampOffset of the sourceBuffer if:
-        // - The segment.timeline !== this.currentTimeline
-        //   (we are crossing a discontinuity somehow)
-        // - The "timestampOffset" for the start of this segment is less than
-        //   the currently set timestampOffset
-        // Also, clear captions if we are crossing a discontinuity boundary
-        // Previously, we changed the timestampOffset if the start of this segment
-        // is less than the currently set timestampOffset but this isn't wanted
-        // as it can produce bad behavior, especially around long running
-        // live streams
-
-
-        if (segmentInfo.timeline !== this.currentTimeline_) {
-          this.syncController_.reset();
-          segmentInfo.timestampOffset = segmentInfo.startOfSegment;
-
-          if (this.captionParser_) {
-            this.captionParser_.clearAllCaptions();
-          }
-        }
-
-        this.loadSegment_(segmentInfo);
-      }
-      /**
-       * Determines if this segment loader is at the end of it's stream.
-       *
-       * @param {Number} mediaIndex the index of segment we last appended
-       * @param {Object} [playlist=this.playlist_] a media playlist object
-       * @returns {Boolean} true if at end of stream, false otherwise.
-       */
-
-    }, {
-      key: 'isEndOfStream_',
-      value: function isEndOfStream_(mediaIndex) {
-        var playlist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.playlist_;
-        return detectEndOfStream(playlist, this.mediaSource_, mediaIndex) && !this.sourceUpdater_.updating();
-      }
-      /**
-       * Determines what segment request should be made, given current playback
-       * state.
-       *
-       * @param {TimeRanges} buffered - the state of the buffer
-       * @param {Object} playlist - the playlist object to fetch segments from
-       * @param {Number} mediaIndex - the previous mediaIndex fetched or null
-       * @param {Boolean} hasPlayed - a flag indicating whether we have played or not
-       * @param {Number} currentTime - the playback position in seconds
-       * @param {Object} syncPoint - a segment info object that describes the
-       * @returns {Object} a segment request object that describes the segment to load
-       */
-
-    }, {
-      key: 'checkBuffer_',
-      value: function checkBuffer_(buffered, playlist, mediaIndex, hasPlayed, currentTime, syncPoint) {
-        var lastBufferedEnd = 0;
-        var startOfSegment = void 0;
-
-        if (buffered.length) {
-          lastBufferedEnd = buffered.end(buffered.length - 1);
-        }
-
-        var bufferedTime = Math.max(0, lastBufferedEnd - currentTime);
-
-        if (!playlist.segments.length) {
-          return null;
-        } // if there is plenty of content buffered, and the video has
-        // been played before relax for awhile
-
-
-        if (bufferedTime >= this.goalBufferLength_()) {
-          return null;
-        } // if the video has not yet played once, and we already have
-        // one segment downloaded do nothing
-
-
-        if (!hasPlayed && bufferedTime >= 1) {
-          return null;
-        } // When the syncPoint is null, there is no way of determining a good
-        // conservative segment index to fetch from
-        // The best thing to do here is to get the kind of sync-point data by
-        // making a request
-
-
-        if (syncPoint === null) {
-          mediaIndex = this.getSyncSegmentCandidate_(playlist);
-          return this.generateSegmentInfo_(playlist, mediaIndex, null, true);
-        } // Under normal playback conditions fetching is a simple walk forward
-
-
-        if (mediaIndex !== null) {
-          var segment = playlist.segments[mediaIndex];
-          startOfSegment = lastBufferedEnd;
-          return this.generateSegmentInfo_(playlist, mediaIndex + 1, startOfSegment, false);
-        } // There is a sync-point but the lack of a mediaIndex indicates that
-        // we need to make a good conservative guess about which segment to
-        // fetch
-
-
-        if (this.fetchAtBuffer_) {
-          // Find the segment containing the end of the buffer
-          var mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, lastBufferedEnd, syncPoint.segmentIndex, syncPoint.time);
-          mediaIndex = mediaSourceInfo.mediaIndex;
-          startOfSegment = mediaSourceInfo.startTime;
-        } else {
-          // Find the segment containing currentTime
-          var _mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, currentTime, syncPoint.segmentIndex, syncPoint.time);
-
-          mediaIndex = _mediaSourceInfo.mediaIndex;
-          startOfSegment = _mediaSourceInfo.startTime;
-        }
-
-        return this.generateSegmentInfo_(playlist, mediaIndex, startOfSegment, false);
-      }
-      /**
-       * The segment loader has no recourse except to fetch a segment in the
-       * current playlist and use the internal timestamps in that segment to
-       * generate a syncPoint. This function returns a good candidate index
-       * for that process.
-       *
-       * @param {Object} playlist - the playlist object to look for a
-       * @returns {Number} An index of a segment from the playlist to load
-       */
-
-    }, {
-      key: 'getSyncSegmentCandidate_',
-      value: function getSyncSegmentCandidate_(playlist) {
-        var _this2 = this;
-
-        if (this.currentTimeline_ === -1) {
-          return 0;
-        }
-
-        var segmentIndexArray = playlist.segments.map(function (s, i) {
-          return {
-            timeline: s.timeline,
-            segmentIndex: i
-          };
-        }).filter(function (s) {
-          return s.timeline === _this2.currentTimeline_;
-        });
-
-        if (segmentIndexArray.length) {
-          return segmentIndexArray[Math.min(segmentIndexArray.length - 1, 1)].segmentIndex;
-        }
-
-        return Math.max(playlist.segments.length - 1, 0);
-      }
-    }, {
-      key: 'generateSegmentInfo_',
-      value: function generateSegmentInfo_(playlist, mediaIndex, startOfSegment, isSyncRequest) {
-        if (mediaIndex < 0 || mediaIndex >= playlist.segments.length) {
-          return null;
-        }
-
-        var segment = playlist.segments[mediaIndex];
-        return {
-          requestId: 'segment-loader-' + Math.random(),
-          // resolve the segment URL relative to the playlist
-          uri: segment.resolvedUri,
-          // the segment's mediaIndex at the time it was requested
-          mediaIndex: mediaIndex,
-          // whether or not to update the SegmentLoader's state with this
-          // segment's mediaIndex
-          isSyncRequest: isSyncRequest,
-          startOfSegment: startOfSegment,
-          // the segment's playlist
-          playlist: playlist,
-          // unencrypted bytes of the segment
-          bytes: null,
-          // when a key is defined for this segment, the encrypted bytes
-          encryptedBytes: null,
-          // The target timestampOffset for this segment when we append it
-          // to the source buffer
-          timestampOffset: null,
-          // The timeline that the segment is in
-          timeline: segment.timeline,
-          // The expected duration of the segment in seconds
-          duration: segment.duration,
-          // retain the segment in case the playlist updates while doing an async process
-          segment: segment
-        };
-      }
-      /**
-       * Determines if the network has enough bandwidth to complete the current segment
-       * request in a timely manner. If not, the request will be aborted early and bandwidth
-       * updated to trigger a playlist switch.
-       *
-       * @param {Object} stats
-       *        Object containing stats about the request timing and size
-       * @return {Boolean} True if the request was aborted, false otherwise
-       * @private
-       */
-
-    }, {
-      key: 'abortRequestEarly_',
-      value: function abortRequestEarly_(stats) {
-        if (this.hls_.tech_.paused() || // Don't abort if the current playlist is on the lowestEnabledRendition
-        // TODO: Replace using timeout with a boolean indicating whether this playlist is
-        //       the lowestEnabledRendition.
-        !this.xhrOptions_.timeout || // Don't abort if we have no bandwidth information to estimate segment sizes
-        !this.playlist_.attributes.BANDWIDTH) {
-          return false;
-        } // Wait at least 1 second since the first byte of data has been received before
-        // using the calculated bandwidth from the progress event to allow the bitrate
-        // to stabilize
-
-
-        if (Date.now() - (stats.firstBytesReceivedAt || Date.now()) < 1000) {
-          return false;
-        }
-
-        var currentTime = this.currentTime_();
-        var measuredBandwidth = stats.bandwidth;
-        var segmentDuration = this.pendingSegment_.duration;
-        var requestTimeRemaining = Playlist.estimateSegmentRequestTime(segmentDuration, measuredBandwidth, this.playlist_, stats.bytesReceived); // Subtract 1 from the timeUntilRebuffer so we still consider an early abort
-        // if we are only left with less than 1 second when the request completes.
-        // A negative timeUntilRebuffering indicates we are already rebuffering
-
-        var timeUntilRebuffer$$1 = timeUntilRebuffer(this.buffered_(), currentTime, this.hls_.tech_.playbackRate()) - 1; // Only consider aborting early if the estimated time to finish the download
-        // is larger than the estimated time until the player runs out of forward buffer
-
-        if (requestTimeRemaining <= timeUntilRebuffer$$1) {
-          return false;
-        }
-
-        var switchCandidate = minRebufferMaxBandwidthSelector({
-          master: this.hls_.playlists.master,
-          currentTime: currentTime,
-          bandwidth: measuredBandwidth,
-          duration: this.duration_(),
-          segmentDuration: segmentDuration,
-          timeUntilRebuffer: timeUntilRebuffer$$1,
-          currentTimeline: this.currentTimeline_,
-          syncController: this.syncController_
-        });
-
-        if (!switchCandidate) {
-          return;
-        }
-
-        var rebufferingImpact = requestTimeRemaining - timeUntilRebuffer$$1;
-        var timeSavedBySwitching = rebufferingImpact - switchCandidate.rebufferingImpact;
-        var minimumTimeSaving = 0.5; // If we are already rebuffering, increase the amount of variance we add to the
-        // potential round trip time of the new request so that we are not too aggressive
-        // with switching to a playlist that might save us a fraction of a second.
-
-        if (timeUntilRebuffer$$1 <= TIME_FUDGE_FACTOR) {
-          minimumTimeSaving = 1;
-        }
-
-        if (!switchCandidate.playlist || switchCandidate.playlist.uri === this.playlist_.uri || timeSavedBySwitching < minimumTimeSaving) {
-          return false;
-        } // set the bandwidth to that of the desired playlist being sure to scale by
-        // BANDWIDTH_VARIANCE and add one so the playlist selector does not exclude it
-        // don't trigger a bandwidthupdate as the bandwidth is artifial
-
-
-        this.bandwidth = switchCandidate.playlist.attributes.BANDWIDTH * Config.BANDWIDTH_VARIANCE + 1;
-        this.abort();
-        this.trigger('earlyabort');
-        return true;
-      }
-      /**
-       * XHR `progress` event handler
-       *
-       * @param {Event}
-       *        The XHR `progress` event
-       * @param {Object} simpleSegment
-       *        A simplified segment object copy
-       * @private
-       */
-
-    }, {
-      key: 'handleProgress_',
-      value: function handleProgress_(event, simpleSegment) {
-        if (!this.pendingSegment_ || simpleSegment.requestId !== this.pendingSegment_.requestId || this.abortRequestEarly_(simpleSegment.stats)) {
-          return;
-        }
-
-        this.trigger('progress');
-      }
-      /**
-       * load a specific segment from a request into the buffer
-       *
-       * @private
-       */
-
-    }, {
-      key: 'loadSegment_',
-      value: function loadSegment_(segmentInfo) {
-        this.state = 'WAITING';
-        this.pendingSegment_ = segmentInfo;
-        this.trimBackBuffer_(segmentInfo);
-        segmentInfo.abortRequests = mediaSegmentRequest(this.hls_.xhr, this.xhrOptions_, this.decrypter_, this.captionParser_, this.createSimplifiedSegmentObj_(segmentInfo), // progress callback
-        this.handleProgress_.bind(this), this.segmentRequestFinished_.bind(this));
-      }
-      /**
-       * trim the back buffer so that we don't have too much data
-       * in the source buffer
-       *
-       * @private
-       *
-       * @param {Object} segmentInfo - the current segment
-       */
-
-    }, {
-      key: 'trimBackBuffer_',
-      value: function trimBackBuffer_(segmentInfo) {
-        var removeToTime = safeBackBufferTrimTime(this.seekable_(), this.currentTime_(), this.playlist_.targetDuration || 10); // Chrome has a hard limit of 150MB of
-        // buffer and a very conservative "garbage collector"
-        // We manually clear out the old buffer to ensure
-        // we don't trigger the QuotaExceeded error
-        // on the source buffer during subsequent appends
-
-        if (removeToTime > 0) {
-          this.remove(0, removeToTime);
-        }
-      }
-      /**
-       * created a simplified copy of the segment object with just the
-       * information necessary to perform the XHR and decryption
-       *
-       * @private
-       *
-       * @param {Object} segmentInfo - the current segment
-       * @returns {Object} a simplified segment object copy
-       */
-
-    }, {
-      key: 'createSimplifiedSegmentObj_',
-      value: function createSimplifiedSegmentObj_(segmentInfo) {
-        var segment = segmentInfo.segment;
-        var simpleSegment = {
-          resolvedUri: segment.resolvedUri,
-          byterange: segment.byterange,
-          requestId: segmentInfo.requestId
-        };
-
-        if (segment.key) {
-          // if the media sequence is greater than 2^32, the IV will be incorrect
-          // assuming 10s segments, that would be about 1300 years
-          var iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);
-          simpleSegment.key = this.segmentKey(segment.key);
-          simpleSegment.key.iv = iv;
-        }
-
-        if (segment.map) {
-          simpleSegment.map = this.initSegment(segment.map);
-        }
-
-        return simpleSegment;
-      }
-      /**
-       * Handle the callback from the segmentRequest function and set the
-       * associated SegmentLoader state and errors if necessary
-       *
-       * @private
-       */
-
-    }, {
-      key: 'segmentRequestFinished_',
-      value: function segmentRequestFinished_(error, simpleSegment) {
-        // every request counts as a media request even if it has been aborted
-        // or canceled due to a timeout
-        this.mediaRequests += 1;
-
-        if (simpleSegment.stats) {
-          this.mediaBytesTransferred += simpleSegment.stats.bytesReceived;
-          this.mediaTransferDuration += simpleSegment.stats.roundTripTime;
-        } // The request was aborted and the SegmentLoader has already been reset
-
-
-        if (!this.pendingSegment_) {
-          this.mediaRequestsAborted += 1;
-          return;
-        } // the request was aborted and the SegmentLoader has already started
-        // another request. this can happen when the timeout for an aborted
-        // request triggers due to a limitation in the XHR library
-        // do not count this as any sort of request or we risk double-counting
-
-
-        if (simpleSegment.requestId !== this.pendingSegment_.requestId) {
-          return;
-        } // an error occurred from the active pendingSegment_ so reset everything
-
-
-        if (error) {
-          this.pendingSegment_ = null;
-          this.state = 'READY'; // the requests were aborted just record the aborted stat and exit
-          // this is not a true error condition and nothing corrective needs
-          // to be done
-
-          if (error.code === REQUEST_ERRORS.ABORTED) {
-            this.mediaRequestsAborted += 1;
-            return;
-          }
-
-          this.pause(); // the error is really just that at least one of the requests timed-out
-          // set the bandwidth to a very low value and trigger an ABR switch to
-          // take emergency action
-
-          if (error.code === REQUEST_ERRORS.TIMEOUT) {
-            this.mediaRequestsTimedout += 1;
-            this.bandwidth = 1;
-            this.roundTrip = NaN;
-            this.trigger('bandwidthupdate');
-            return;
-          } // if control-flow has arrived here, then the error is real
-          // emit an error event to blacklist the current playlist
-
-
-          this.mediaRequestsErrored += 1;
-          this.error(error);
-          this.trigger('error');
-          return;
-        } // the response was a success so set any bandwidth stats the request
-        // generated for ABR purposes
-
-
-        this.bandwidth = simpleSegment.stats.bandwidth;
-        this.roundTrip = simpleSegment.stats.roundTripTime; // if this request included an initialization segment, save that data
-        // to the initSegment cache
-
-        if (simpleSegment.map) {
-          simpleSegment.map = this.initSegment(simpleSegment.map, true);
-        } // if this request included a segment key, save that data in the cache
-
-
-        if (simpleSegment.key) {
-          this.segmentKey(simpleSegment.key, true);
-        }
-
-        this.processSegmentResponse_(simpleSegment);
-      }
-      /**
-       * Move any important data from the simplified segment object
-       * back to the real segment object for future phases
-       *
-       * @private
-       */
-
-    }, {
-      key: 'processSegmentResponse_',
-      value: function processSegmentResponse_(simpleSegment) {
-        var segmentInfo = this.pendingSegment_;
-        segmentInfo.bytes = simpleSegment.bytes;
-
-        if (simpleSegment.map) {
-          segmentInfo.segment.map.bytes = simpleSegment.map.bytes;
-        }
-
-        segmentInfo.endOfAllRequests = simpleSegment.endOfAllRequests; // This has fmp4 captions, add them to text tracks
-
-        if (simpleSegment.fmp4Captions) {
-          createCaptionsTrackIfNotExists(this.inbandTextTracks_, this.hls_.tech_, simpleSegment.captionStreams);
-          addCaptionData({
-            inbandTextTracks: this.inbandTextTracks_,
-            captionArray: simpleSegment.fmp4Captions,
-            // fmp4s will not have a timestamp offset
-            timestampOffset: 0
-          }); // Reset stored captions since we added parsed
-          // captions to a text track at this point
-
-          if (this.captionParser_) {
-            this.captionParser_.clearParsedCaptions();
-          }
-        }
-
-        this.handleSegment_();
-      }
-      /**
-       * append a decrypted segement to the SourceBuffer through a SourceUpdater
-       *
-       * @private
-       */
-
-    }, {
-      key: 'handleSegment_',
-      value: function handleSegment_() {
-        var _this3 = this;
-
-        if (!this.pendingSegment_) {
-          this.state = 'READY';
-          return;
-        }
-
-        var segmentInfo = this.pendingSegment_;
-        var segment = segmentInfo.segment;
-        var timingInfo = this.syncController_.probeSegmentInfo(segmentInfo); // When we have our first timing info, determine what media types this loader is
-        // dealing with. Although we're maintaining extra state, it helps to preserve the
-        // separation of segment loader from the actual source buffers.
-
-        if (typeof this.startingMedia_ === 'undefined' && timingInfo && ( // Guard against cases where we're not getting timing info at all until we are
-        // certain that all streams will provide it.
-        timingInfo.containsAudio || timingInfo.containsVideo)) {
-          this.startingMedia_ = {
-            containsAudio: timingInfo.containsAudio,
-            containsVideo: timingInfo.containsVideo
-          };
-        }
-
-        var illegalMediaSwitchError = illegalMediaSwitch(this.loaderType_, this.startingMedia_, timingInfo);
-
-        if (illegalMediaSwitchError) {
-          this.error({
-            message: illegalMediaSwitchError,
-            blacklistDuration: Infinity
-          });
-          this.trigger('error');
-          return;
-        }
-
-        if (segmentInfo.isSyncRequest) {
-          this.trigger('syncinfoupdate');
-          this.pendingSegment_ = null;
-          this.state = 'READY';
-          return;
-        }
-
-        if (segmentInfo.timestampOffset !== null && segmentInfo.timestampOffset !== this.sourceUpdater_.timestampOffset()) {
-          // Subtract any difference between the PTS and DTS times of the first frame
-          // from the timeStampOffset (which currently equals the buffered.end) to prevent
-          // creating any gaps in the buffer
-          if (timingInfo && timingInfo.segmentTimestampInfo) {
-            var ptsStartTime = timingInfo.segmentTimestampInfo[0].ptsTime;
-            var dtsStartTime = timingInfo.segmentTimestampInfo[0].dtsTime;
-            segmentInfo.timestampOffset -= ptsStartTime - dtsStartTime;
-          }
-
-          this.sourceUpdater_.timestampOffset(segmentInfo.timestampOffset); // fired when a timestamp offset is set in HLS (can also identify discontinuities)
-
-          this.trigger('timestampoffset');
-        }
-
-        var timelineMapping = this.syncController_.mappingForTimeline(segmentInfo.timeline);
-
-        if (timelineMapping !== null) {
-          this.trigger({
-            type: 'segmenttimemapping',
-            mapping: timelineMapping
-          });
-        }
-
-        this.state = 'APPENDING'; // if the media initialization segment is changing, append it
-        // before the content segment
-
-        if (segment.map) {
-          var initId = initSegmentId(segment.map);
-
-          if (!this.activeInitSegmentId_ || this.activeInitSegmentId_ !== initId) {
-            var initSegment = this.initSegment(segment.map);
-            this.sourceUpdater_.appendBuffer({
-              bytes: initSegment.bytes
-            }, function () {
-              _this3.activeInitSegmentId_ = initId;
-            });
-          }
-        }
-
-        segmentInfo.byteLength = segmentInfo.bytes.byteLength;
-
-        if (typeof segment.start === 'number' && typeof segment.end === 'number') {
-          this.mediaSecondsLoaded += segment.end - segment.start;
-        } else {
-          this.mediaSecondsLoaded += segment.duration;
-        }
-
-        this.logger_(segmentInfoString(segmentInfo));
-        this.sourceUpdater_.appendBuffer({
-          bytes: segmentInfo.bytes,
-          videoSegmentTimingInfoCallback: this.handleVideoSegmentTimingInfo_.bind(this, segmentInfo.requestId)
-        }, this.handleUpdateEnd_.bind(this));
-      }
-    }, {
-      key: 'handleVideoSegmentTimingInfo_',
-      value: function handleVideoSegmentTimingInfo_(requestId, event) {
-        if (!this.pendingSegment_ || requestId !== this.pendingSegment_.requestId) {
-          return;
-        }
-
-        var segment = this.pendingSegment_.segment;
-
-        if (!segment.videoTimingInfo) {
-          segment.videoTimingInfo = {};
-        }
-
-        segment.videoTimingInfo.transmuxerPrependedSeconds = event.videoSegmentTimingInfo.prependedContentDuration || 0;
-        segment.videoTimingInfo.transmuxedPresentationStart = event.videoSegmentTimingInfo.start.presentation;
-        segment.videoTimingInfo.transmuxedPresentationEnd = event.videoSegmentTimingInfo.end.presentation; // mainly used as a reference for debugging
-
-        segment.videoTimingInfo.baseMediaDecodeTime = event.videoSegmentTimingInfo.baseMediaDecodeTime;
-      }
-      /**
-       * callback to run when appendBuffer is finished. detects if we are
-       * in a good state to do things with the data we got, or if we need
-       * to wait for more
-       *
-       * @private
-       */
-
-    }, {
-      key: 'handleUpdateEnd_',
-      value: function handleUpdateEnd_() {
-        if (!this.pendingSegment_) {
-          this.state = 'READY';
-
-          if (!this.paused()) {
-            this.monitorBuffer_();
-          }
-
-          return;
-        }
-
-        var segmentInfo = this.pendingSegment_;
-        var segment = segmentInfo.segment;
-        var isWalkingForward = this.mediaIndex !== null;
-        this.pendingSegment_ = null;
-        this.recordThroughput_(segmentInfo);
-        this.addSegmentMetadataCue_(segmentInfo);
-        this.state = 'READY';
-        this.mediaIndex = segmentInfo.mediaIndex;
-        this.fetchAtBuffer_ = true;
-        this.currentTimeline_ = segmentInfo.timeline; // We must update the syncinfo to recalculate the seekable range before
-        // the following conditional otherwise it may consider this a bad "guess"
-        // and attempt to resync when the post-update seekable window and live
-        // point would mean that this was the perfect segment to fetch
-
-        this.trigger('syncinfoupdate'); // If we previously appended a segment that ends more than 3 targetDurations before
-        // the currentTime_ that means that our conservative guess was too conservative.
-        // In that case, reset the loader state so that we try to use any information gained
-        // from the previous request to create a new, more accurate, sync-point.
-
-        if (segment.end && this.currentTime_() - segment.end > segmentInfo.playlist.targetDuration * 3) {
-          this.resetEverything();
-          return;
-        } // Don't do a rendition switch unless we have enough time to get a sync segment
-        // and conservatively guess
-
-
-        if (isWalkingForward) {
-          this.trigger('bandwidthupdate');
-        }
-
-        this.trigger('progress'); // any time an update finishes and the last segment is in the
-        // buffer, end the stream. this ensures the "ended" event will
-        // fire if playback reaches that point.
-
-        if (this.isEndOfStream_(segmentInfo.mediaIndex + 1, segmentInfo.playlist)) {
-          this.endOfStream();
-        }
-
-        if (!this.paused()) {
-          this.monitorBuffer_();
-        }
-      }
-      /**
-       * Records the current throughput of the decrypt, transmux, and append
-       * portion of the semgment pipeline. `throughput.rate` is a the cumulative
-       * moving average of the throughput. `throughput.count` is the number of
-       * data points in the average.
-       *
-       * @private
-       * @param {Object} segmentInfo the object returned by loadSegment
-       */
-
-    }, {
-      key: 'recordThroughput_',
-      value: function recordThroughput_(segmentInfo) {
-        var rate = this.throughput.rate; // Add one to the time to ensure that we don't accidentally attempt to divide
-        // by zero in the case where the throughput is ridiculously high
-
-        var segmentProcessingTime = Date.now() - segmentInfo.endOfAllRequests + 1; // Multiply by 8000 to convert from bytes/millisecond to bits/second
-
-        var segmentProcessingThroughput = Math.floor(segmentInfo.byteLength / segmentProcessingTime * 8 * 1000); // This is just a cumulative moving average calculation:
-        //   newAvg = oldAvg + (sample - oldAvg) / (sampleCount + 1)
-
-        this.throughput.rate += (segmentProcessingThroughput - rate) / ++this.throughput.count;
-      }
-      /**
-       * Adds a cue to the segment-metadata track with some metadata information about the
-       * segment
-       *
-       * @private
-       * @param {Object} segmentInfo
-       *        the object returned by loadSegment
-       * @method addSegmentMetadataCue_
-       */
-
-    }, {
-      key: 'addSegmentMetadataCue_',
-      value: function addSegmentMetadataCue_(segmentInfo) {
-        if (!this.segmentMetadataTrack_) {
-          return;
-        }
-
-        var segment = segmentInfo.segment;
-        var start = segment.start;
-        var end = segment.end; // Do not try adding the cue if the start and end times are invalid.
-
-        if (!finite(start) || !finite(end)) {
-          return;
-        }
-
-        removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-        var Cue = window$1.WebKitDataCue || window$1.VTTCue;
-        var value = {
-          custom: segment.custom,
-          dateTimeObject: segment.dateTimeObject,
-          dateTimeString: segment.dateTimeString,
-          bandwidth: segmentInfo.playlist.attributes.BANDWIDTH,
-          resolution: segmentInfo.playlist.attributes.RESOLUTION,
-          codecs: segmentInfo.playlist.attributes.CODECS,
-          byteLength: segmentInfo.byteLength,
-          uri: segmentInfo.uri,
-          timeline: segmentInfo.timeline,
-          playlist: segmentInfo.playlist.uri,
-          start: start,
-          end: end
-        };
-        var data = JSON.stringify(value);
-        var cue = new Cue(start, end, data); // Attach the metadata to the value property of the cue to keep consistency between
-        // the differences of WebKitDataCue in safari and VTTCue in other browsers
-
-        cue.value = value;
-        this.segmentMetadataTrack_.addCue(cue);
-      }
-    }]);
-    return SegmentLoader;
-  }(videojs$1.EventTarget);
-
-  var uint8ToUtf8 = function uint8ToUtf8(uintArray) {
-    return decodeURIComponent(escape(String.fromCharCode.apply(null, uintArray)));
-  };
-  /**
-   * @file vtt-segment-loader.js
-   */
-
-
-  var VTT_LINE_TERMINATORS = new Uint8Array('\n\n'.split('').map(function (_char2) {
-    return _char2.charCodeAt(0);
-  }));
-  /**
-   * An object that manages segment loading and appending.
-   *
-   * @class VTTSegmentLoader
-   * @param {Object} options required and optional options
-   * @extends videojs.EventTarget
-   */
-
-  var VTTSegmentLoader = function (_SegmentLoader) {
-    inherits$2(VTTSegmentLoader, _SegmentLoader);
-
-    function VTTSegmentLoader(settings) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      classCallCheck$1(this, VTTSegmentLoader); // SegmentLoader requires a MediaSource be specified or it will throw an error;
-      // however, VTTSegmentLoader has no need of a media source, so delete the reference
-
-      var _this = possibleConstructorReturn$1(this, (VTTSegmentLoader.__proto__ || Object.getPrototypeOf(VTTSegmentLoader)).call(this, settings, options));
-
-      _this.mediaSource_ = null;
-      _this.subtitlesTrack_ = null;
-      return _this;
-    }
-    /**
-     * Indicates which time ranges are buffered
-     *
-     * @return {TimeRange}
-     *         TimeRange object representing the current buffered ranges
-     */
-
-
-    createClass$1(VTTSegmentLoader, [{
-      key: 'buffered_',
-      value: function buffered_() {
-        if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues.length) {
-          return videojs$1.createTimeRanges();
-        }
-
-        var cues = this.subtitlesTrack_.cues;
-        var start = cues[0].startTime;
-        var end = cues[cues.length - 1].startTime;
-        return videojs$1.createTimeRanges([[start, end]]);
-      }
-      /**
-       * Gets and sets init segment for the provided map
-       *
-       * @param {Object} map
-       *        The map object representing the init segment to get or set
-       * @param {Boolean=} set
-       *        If true, the init segment for the provided map should be saved
-       * @return {Object}
-       *         map object for desired init segment
-       */
-
-    }, {
-      key: 'initSegment',
-      value: function initSegment(map) {
-        var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-        if (!map) {
-          return null;
-        }
-
-        var id = initSegmentId(map);
-        var storedMap = this.initSegments_[id];
-
-        if (set$$1 && !storedMap && map.bytes) {
-          // append WebVTT line terminators to the media initialization segment if it exists
-          // to follow the WebVTT spec (https://w3c.github.io/webvtt/#file-structure) that
-          // requires two or more WebVTT line terminators between the WebVTT header and the
-          // rest of the file
-          var combinedByteLength = VTT_LINE_TERMINATORS.byteLength + map.bytes.byteLength;
-          var combinedSegment = new Uint8Array(combinedByteLength);
-          combinedSegment.set(map.bytes);
-          combinedSegment.set(VTT_LINE_TERMINATORS, map.bytes.byteLength);
-          this.initSegments_[id] = storedMap = {
-            resolvedUri: map.resolvedUri,
-            byterange: map.byterange,
-            bytes: combinedSegment
-          };
-        }
-
-        return storedMap || map;
-      }
-      /**
-       * Returns true if all configuration required for loading is present, otherwise false.
-       *
-       * @return {Boolean} True if the all configuration is ready for loading
-       * @private
-       */
-
-    }, {
-      key: 'couldBeginLoading_',
-      value: function couldBeginLoading_() {
-        return this.playlist_ && this.subtitlesTrack_ && !this.paused();
-      }
-      /**
-       * Once all the starting parameters have been specified, begin
-       * operation. This method should only be invoked from the INIT
-       * state.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'init_',
-      value: function init_() {
-        this.state = 'READY';
-        this.resetEverything();
-        return this.monitorBuffer_();
-      }
-      /**
-       * Set a subtitle track on the segment loader to add subtitles to
-       *
-       * @param {TextTrack=} track
-       *        The text track to add loaded subtitles to
-       * @return {TextTrack}
-       *        Returns the subtitles track
-       */
-
-    }, {
-      key: 'track',
-      value: function track(_track) {
-        if (typeof _track === 'undefined') {
-          return this.subtitlesTrack_;
-        }
-
-        this.subtitlesTrack_ = _track; // if we were unpaused but waiting for a sourceUpdater, start
-        // buffering now
-
-        if (this.state === 'INIT' && this.couldBeginLoading_()) {
-          this.init_();
-        }
-
-        return this.subtitlesTrack_;
-      }
-      /**
-       * Remove any data in the source buffer between start and end times
-       * @param {Number} start - the start time of the region to remove from the buffer
-       * @param {Number} end - the end time of the region to remove from the buffer
-       */
-
-    }, {
-      key: 'remove',
-      value: function remove(start, end) {
-        removeCuesFromTrack(start, end, this.subtitlesTrack_);
-      }
-      /**
-       * fill the buffer with segements unless the sourceBuffers are
-       * currently updating
-       *
-       * Note: this function should only ever be called by monitorBuffer_
-       * and never directly
-       *
-       * @private
-       */
-
-    }, {
-      key: 'fillBuffer_',
-      value: function fillBuffer_() {
-        var _this2 = this;
-
-        if (!this.syncPoint_) {
-          this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
-        } // see if we need to begin loading immediately
-
-
-        var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
-        segmentInfo = this.skipEmptySegments_(segmentInfo);
-
-        if (!segmentInfo) {
-          return;
-        }
-
-        if (this.syncController_.timestampOffsetForTimeline(segmentInfo.timeline) === null) {
-          // We don't have the timestamp offset that we need to sync subtitles.
-          // Rerun on a timestamp offset or user interaction.
-          var checkTimestampOffset = function checkTimestampOffset() {
-            _this2.state = 'READY';
-
-            if (!_this2.paused()) {
-              // if not paused, queue a buffer check as soon as possible
-              _this2.monitorBuffer_();
-            }
-          };
-
-          this.syncController_.one('timestampoffset', checkTimestampOffset);
-          this.state = 'WAITING_ON_TIMELINE';
-          return;
-        }
-
-        this.loadSegment_(segmentInfo);
-      }
-      /**
-       * Prevents the segment loader from requesting segments we know contain no subtitles
-       * by walking forward until we find the next segment that we don't know whether it is
-       * empty or not.
-       *
-       * @param {Object} segmentInfo
-       *        a segment info object that describes the current segment
-       * @return {Object}
-       *         a segment info object that describes the current segment
-       */
-
-    }, {
-      key: 'skipEmptySegments_',
-      value: function skipEmptySegments_(segmentInfo) {
-        while (segmentInfo && segmentInfo.segment.empty) {
-          segmentInfo = this.generateSegmentInfo_(segmentInfo.playlist, segmentInfo.mediaIndex + 1, segmentInfo.startOfSegment + segmentInfo.duration, segmentInfo.isSyncRequest);
-        }
-
-        return segmentInfo;
-      }
-      /**
-       * append a decrypted segement to the SourceBuffer through a SourceUpdater
-       *
-       * @private
-       */
-
-    }, {
-      key: 'handleSegment_',
-      value: function handleSegment_() {
-        var _this3 = this;
-
-        if (!this.pendingSegment_ || !this.subtitlesTrack_) {
-          this.state = 'READY';
-          return;
-        }
-
-        this.state = 'APPENDING';
-        var segmentInfo = this.pendingSegment_;
-        var segment = segmentInfo.segment; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-
-        if (typeof window$1.WebVTT !== 'function' && this.subtitlesTrack_ && this.subtitlesTrack_.tech_) {
-          var loadHandler = void 0;
-
-          var errorHandler = function errorHandler() {
-            _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);
-
-            _this3.error({
-              message: 'Error loading vtt.js'
-            });
-
-            _this3.state = 'READY';
-
-            _this3.pause();
-
-            _this3.trigger('error');
-          };
-
-          loadHandler = function loadHandler() {
-            _this3.subtitlesTrack_.tech_.off('vttjserror', errorHandler);
-
-            _this3.handleSegment_();
-          };
-
-          this.state = 'WAITING_ON_VTTJS';
-          this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);
-          this.subtitlesTrack_.tech_.one('vttjserror', errorHandler);
-          return;
-        }
-
-        segment.requested = true;
-
-        try {
-          this.parseVTTCues_(segmentInfo);
-        } catch (e) {
-          this.error({
-            message: e.message
-          });
-          this.state = 'READY';
-          this.pause();
-          return this.trigger('error');
-        }
-
-        this.updateTimeMapping_(segmentInfo, this.syncController_.timelines[segmentInfo.timeline], this.playlist_);
-
-        if (segmentInfo.isSyncRequest) {
-          this.trigger('syncinfoupdate');
-          this.pendingSegment_ = null;
-          this.state = 'READY';
-          return;
-        }
-
-        segmentInfo.byteLength = segmentInfo.bytes.byteLength;
-        this.mediaSecondsLoaded += segment.duration;
-
-        if (segmentInfo.cues.length) {
-          // remove any overlapping cues to prevent doubling
-          this.remove(segmentInfo.cues[0].endTime, segmentInfo.cues[segmentInfo.cues.length - 1].endTime);
-        }
-
-        segmentInfo.cues.forEach(function (cue) {
-          _this3.subtitlesTrack_.addCue(cue);
-        });
-        this.handleUpdateEnd_();
-      }
-      /**
-       * Uses the WebVTT parser to parse the segment response
-       *
-       * @param {Object} segmentInfo
-       *        a segment info object that describes the current segment
-       * @private
-       */
-
-    }, {
-      key: 'parseVTTCues_',
-      value: function parseVTTCues_(segmentInfo) {
-        var decoder = void 0;
-        var decodeBytesToString = false;
-
-        if (typeof window$1.TextDecoder === 'function') {
-          decoder = new window$1.TextDecoder('utf8');
-        } else {
-          decoder = window$1.WebVTT.StringDecoder();
-          decodeBytesToString = true;
-        }
-
-        var parser = new window$1.WebVTT.Parser(window$1, window$1.vttjs, decoder);
-        segmentInfo.cues = [];
-        segmentInfo.timestampmap = {
-          MPEGTS: 0,
-          LOCAL: 0
-        };
-        parser.oncue = segmentInfo.cues.push.bind(segmentInfo.cues);
-
-        parser.ontimestampmap = function (map) {
-          return segmentInfo.timestampmap = map;
-        };
-
-        parser.onparsingerror = function (error) {
-          videojs$1.log.warn('Error encountered when parsing cues: ' + error.message);
-        };
-
-        if (segmentInfo.segment.map) {
-          var mapData = segmentInfo.segment.map.bytes;
-
-          if (decodeBytesToString) {
-            mapData = uint8ToUtf8(mapData);
-          }
-
-          parser.parse(mapData);
-        }
-
-        var segmentData = segmentInfo.bytes;
-
-        if (decodeBytesToString) {
-          segmentData = uint8ToUtf8(segmentData);
-        }
-
-        parser.parse(segmentData);
-        parser.flush();
-      }
-      /**
-       * Updates the start and end times of any cues parsed by the WebVTT parser using
-       * the information parsed from the X-TIMESTAMP-MAP header and a TS to media time mapping
-       * from the SyncController
-       *
-       * @param {Object} segmentInfo
-       *        a segment info object that describes the current segment
-       * @param {Object} mappingObj
-       *        object containing a mapping from TS to media time
-       * @param {Object} playlist
-       *        the playlist object containing the segment
-       * @private
-       */
-
-    }, {
-      key: 'updateTimeMapping_',
-      value: function updateTimeMapping_(segmentInfo, mappingObj, playlist) {
-        var segment = segmentInfo.segment;
-
-        if (!mappingObj) {
-          // If the sync controller does not have a mapping of TS to Media Time for the
-          // timeline, then we don't have enough information to update the cue
-          // start/end times
-          return;
-        }
-
-        if (!segmentInfo.cues.length) {
-          // If there are no cues, we also do not have enough information to figure out
-          // segment timing. Mark that the segment contains no cues so we don't re-request
-          // an empty segment.
-          segment.empty = true;
-          return;
-        }
-
-        var timestampmap = segmentInfo.timestampmap;
-        var diff = timestampmap.MPEGTS / 90000 - timestampmap.LOCAL + mappingObj.mapping;
-        segmentInfo.cues.forEach(function (cue) {
-          // First convert cue time to TS time using the timestamp-map provided within the vtt
-          cue.startTime += diff;
-          cue.endTime += diff;
-        });
-
-        if (!playlist.syncInfo) {
-          var firstStart = segmentInfo.cues[0].startTime;
-          var lastStart = segmentInfo.cues[segmentInfo.cues.length - 1].startTime;
-          playlist.syncInfo = {
-            mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
-            time: Math.min(firstStart, lastStart - segment.duration)
-          };
-        }
-      }
-    }]);
-    return VTTSegmentLoader;
-  }(SegmentLoader);
-  /**
-   * @file ad-cue-tags.js
-   */
-
-  /**
-   * Searches for an ad cue that overlaps with the given mediaTime
-   */
-
-
-  var findAdCue = function findAdCue(track, mediaTime) {
-    var cues = track.cues;
-
-    for (var i = 0; i < cues.length; i++) {
-      var cue = cues[i];
-
-      if (mediaTime >= cue.adStartTime && mediaTime <= cue.adEndTime) {
-        return cue;
-      }
-    }
-
-    return null;
-  };
-
-  var updateAdCues = function updateAdCues(media, track) {
-    var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
-    if (!media.segments) {
-      return;
-    }
-
-    var mediaTime = offset;
-    var cue = void 0;
-
-    for (var i = 0; i < media.segments.length; i++) {
-      var segment = media.segments[i];
-
-      if (!cue) {
-        // Since the cues will span for at least the segment duration, adding a fudge
-        // factor of half segment duration will prevent duplicate cues from being
-        // created when timing info is not exact (e.g. cue start time initialized
-        // at 10.006677, but next call mediaTime is 10.003332 )
-        cue = findAdCue(track, mediaTime + segment.duration / 2);
-      }
-
-      if (cue) {
-        if ('cueIn' in segment) {
-          // Found a CUE-IN so end the cue
-          cue.endTime = mediaTime;
-          cue.adEndTime = mediaTime;
-          mediaTime += segment.duration;
-          cue = null;
-          continue;
-        }
-
-        if (mediaTime < cue.endTime) {
-          // Already processed this mediaTime for this cue
-          mediaTime += segment.duration;
-          continue;
-        } // otherwise extend cue until a CUE-IN is found
-
-
-        cue.endTime += segment.duration;
-      } else {
-        if ('cueOut' in segment) {
-          cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, segment.cueOut);
-          cue.adStartTime = mediaTime; // Assumes tag format to be
-          // #EXT-X-CUE-OUT:30
-
-          cue.adEndTime = mediaTime + parseFloat(segment.cueOut);
-          track.addCue(cue);
-        }
-
-        if ('cueOutCont' in segment) {
-          // Entered into the middle of an ad cue
-          var adOffset = void 0;
-          var adTotal = void 0; // Assumes tag formate to be
-          // #EXT-X-CUE-OUT-CONT:10/30
-
-          var _segment$cueOutCont$s = segment.cueOutCont.split('/').map(parseFloat);
-
-          var _segment$cueOutCont$s2 = slicedToArray(_segment$cueOutCont$s, 2);
-
-          adOffset = _segment$cueOutCont$s2[0];
-          adTotal = _segment$cueOutCont$s2[1];
-          cue = new window$1.VTTCue(mediaTime, mediaTime + segment.duration, '');
-          cue.adStartTime = mediaTime - adOffset;
-          cue.adEndTime = cue.adStartTime + adTotal;
-          track.addCue(cue);
-        }
-      }
-
-      mediaTime += segment.duration;
-    }
-  };
-  /**
-   * @file sync-controller.js
-   */
-
-
-  var tsprobe = tsInspector.inspect;
-  var syncPointStrategies = [// Stategy "VOD": Handle the VOD-case where the sync-point is *always*
-  //                the equivalence display-time 0 === segment-index 0
-  {
-    name: 'VOD',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      if (duration$$1 !== Infinity) {
-        var syncPoint = {
-          time: 0,
-          segmentIndex: 0
-        };
-        return syncPoint;
-      }
-
-      return null;
-    }
-  }, // Stategy "ProgramDateTime": We have a program-date-time tag in this playlist
-  {
-    name: 'ProgramDateTime',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      if (!syncController.datetimeToDisplayTime) {
-        return null;
-      }
-
-      var segments = playlist.segments || [];
-      var syncPoint = null;
-      var lastDistance = null;
-      currentTime = currentTime || 0;
-
-      for (var i = 0; i < segments.length; i++) {
-        var segment = segments[i];
-
-        if (segment.dateTimeObject) {
-          var segmentTime = segment.dateTimeObject.getTime() / 1000;
-          var segmentStart = segmentTime + syncController.datetimeToDisplayTime;
-          var distance = Math.abs(currentTime - segmentStart); // Once the distance begins to increase, or if distance is 0, we have passed
-          // currentTime and can stop looking for better candidates
-
-          if (lastDistance !== null && (distance === 0 || lastDistance < distance)) {
-            break;
-          }
-
-          lastDistance = distance;
-          syncPoint = {
-            time: segmentStart,
-            segmentIndex: i
-          };
-        }
-      }
-
-      return syncPoint;
-    }
-  }, // Stategy "Segment": We have a known time mapping for a timeline and a
-  //                    segment in the current timeline with timing data
-  {
-    name: 'Segment',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      var segments = playlist.segments || [];
-      var syncPoint = null;
-      var lastDistance = null;
-      currentTime = currentTime || 0;
-
-      for (var i = 0; i < segments.length; i++) {
-        var segment = segments[i];
-
-        if (segment.timeline === currentTimeline && typeof segment.start !== 'undefined') {
-          var distance = Math.abs(currentTime - segment.start); // Once the distance begins to increase, we have passed
-          // currentTime and can stop looking for better candidates
-
-          if (lastDistance !== null && lastDistance < distance) {
-            break;
-          }
-
-          if (!syncPoint || lastDistance === null || lastDistance >= distance) {
-            lastDistance = distance;
-            syncPoint = {
-              time: segment.start,
-              segmentIndex: i
-            };
-          }
-        }
-      }
-
-      return syncPoint;
-    }
-  }, // Stategy "Discontinuity": We have a discontinuity with a known
-  //                          display-time
-  {
-    name: 'Discontinuity',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      var syncPoint = null;
-      currentTime = currentTime || 0;
-
-      if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
-        var lastDistance = null;
-
-        for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
-          var segmentIndex = playlist.discontinuityStarts[i];
-          var discontinuity = playlist.discontinuitySequence + i + 1;
-          var discontinuitySync = syncController.discontinuities[discontinuity];
-
-          if (discontinuitySync) {
-            var distance = Math.abs(currentTime - discontinuitySync.time); // Once the distance begins to increase, we have passed
-            // currentTime and can stop looking for better candidates
-
-            if (lastDistance !== null && lastDistance < distance) {
-              break;
-            }
-
-            if (!syncPoint || lastDistance === null || lastDistance >= distance) {
-              lastDistance = distance;
-              syncPoint = {
-                time: discontinuitySync.time,
-                segmentIndex: segmentIndex
-              };
-            }
-          }
-        }
-      }
-
-      return syncPoint;
-    }
-  }, // Stategy "Playlist": We have a playlist with a known mapping of
-  //                     segment index to display time
-  {
-    name: 'Playlist',
-    run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
-      if (playlist.syncInfo) {
-        var syncPoint = {
-          time: playlist.syncInfo.time,
-          segmentIndex: playlist.syncInfo.mediaSequence - playlist.mediaSequence
-        };
-        return syncPoint;
-      }
-
-      return null;
-    }
-  }];
-
-  var SyncController = function (_videojs$EventTarget) {
-    inherits$2(SyncController, _videojs$EventTarget);
-
-    function SyncController() {
-      classCallCheck$1(this, SyncController); // Segment Loader state variables...
-      // ...for synching across variants
-
-      var _this = possibleConstructorReturn$1(this, (SyncController.__proto__ || Object.getPrototypeOf(SyncController)).call(this));
-
-      _this.inspectCache_ = undefined; // ...for synching across variants
-
-      _this.timelines = [];
-      _this.discontinuities = [];
-      _this.datetimeToDisplayTime = null;
-      _this.logger_ = logger('SyncController');
-      return _this;
-    }
-    /**
-     * Find a sync-point for the playlist specified
-     *
-     * A sync-point is defined as a known mapping from display-time to
-     * a segment-index in the current playlist.
-     *
-     * @param {Playlist} playlist
-     *        The playlist that needs a sync-point
-     * @param {Number} duration
-     *        Duration of the MediaSource (Infinite if playing a live source)
-     * @param {Number} currentTimeline
-     *        The last timeline from which a segment was loaded
-     * @returns {Object}
-     *          A sync-point object
-     */
-
-
-    createClass$1(SyncController, [{
-      key: 'getSyncPoint',
-      value: function getSyncPoint(playlist, duration$$1, currentTimeline, currentTime) {
-        var syncPoints = this.runStrategies_(playlist, duration$$1, currentTimeline, currentTime);
-
-        if (!syncPoints.length) {
-          // Signal that we need to attempt to get a sync-point manually
-          // by fetching a segment in the playlist and constructing
-          // a sync-point from that information
-          return null;
-        } // Now find the sync-point that is closest to the currentTime because
-        // that should result in the most accurate guess about which segment
-        // to fetch
-
-
-        return this.selectSyncPoint_(syncPoints, {
-          key: 'time',
-          value: currentTime
-        });
-      }
-      /**
-       * Calculate the amount of time that has expired off the playlist during playback
-       *
-       * @param {Playlist} playlist
-       *        Playlist object to calculate expired from
-       * @param {Number} duration
-       *        Duration of the MediaSource (Infinity if playling a live source)
-       * @returns {Number|null}
-       *          The amount of time that has expired off the playlist during playback. Null
-       *          if no sync-points for the playlist can be found.
-       */
-
-    }, {
-      key: 'getExpiredTime',
-      value: function getExpiredTime(playlist, duration$$1) {
-        if (!playlist || !playlist.segments) {
-          return null;
-        }
-
-        var syncPoints = this.runStrategies_(playlist, duration$$1, playlist.discontinuitySequence, 0); // Without sync-points, there is not enough information to determine the expired time
-
-        if (!syncPoints.length) {
-          return null;
-        }
-
-        var syncPoint = this.selectSyncPoint_(syncPoints, {
-          key: 'segmentIndex',
-          value: 0
-        }); // If the sync-point is beyond the start of the playlist, we want to subtract the
-        // duration from index 0 to syncPoint.segmentIndex instead of adding.
-
-        if (syncPoint.segmentIndex > 0) {
-          syncPoint.time *= -1;
-        }
-
-        return Math.abs(syncPoint.time + sumDurations(playlist, syncPoint.segmentIndex, 0));
-      }
-      /**
-       * Runs each sync-point strategy and returns a list of sync-points returned by the
-       * strategies
-       *
-       * @private
-       * @param {Playlist} playlist
-       *        The playlist that needs a sync-point
-       * @param {Number} duration
-       *        Duration of the MediaSource (Infinity if playing a live source)
-       * @param {Number} currentTimeline
-       *        The last timeline from which a segment was loaded
-       * @returns {Array}
-       *          A list of sync-point objects
-       */
-
-    }, {
-      key: 'runStrategies_',
-      value: function runStrategies_(playlist, duration$$1, currentTimeline, currentTime) {
-        var syncPoints = []; // Try to find a sync-point in by utilizing various strategies...
-
-        for (var i = 0; i < syncPointStrategies.length; i++) {
-          var strategy = syncPointStrategies[i];
-          var syncPoint = strategy.run(this, playlist, duration$$1, currentTimeline, currentTime);
-
-          if (syncPoint) {
-            syncPoint.strategy = strategy.name;
-            syncPoints.push({
-              strategy: strategy.name,
-              syncPoint: syncPoint
-            });
-          }
-        }
-
-        return syncPoints;
-      }
-      /**
-       * Selects the sync-point nearest the specified target
-       *
-       * @private
-       * @param {Array} syncPoints
-       *        List of sync-points to select from
-       * @param {Object} target
-       *        Object specifying the property and value we are targeting
-       * @param {String} target.key
-       *        Specifies the property to target. Must be either 'time' or 'segmentIndex'
-       * @param {Number} target.value
-       *        The value to target for the specified key.
-       * @returns {Object}
-       *          The sync-point nearest the target
-       */
-
-    }, {
-      key: 'selectSyncPoint_',
-      value: function selectSyncPoint_(syncPoints, target) {
-        var bestSyncPoint = syncPoints[0].syncPoint;
-        var bestDistance = Math.abs(syncPoints[0].syncPoint[target.key] - target.value);
-        var bestStrategy = syncPoints[0].strategy;
-
-        for (var i = 1; i < syncPoints.length; i++) {
-          var newDistance = Math.abs(syncPoints[i].syncPoint[target.key] - target.value);
-
-          if (newDistance < bestDistance) {
-            bestDistance = newDistance;
-            bestSyncPoint = syncPoints[i].syncPoint;
-            bestStrategy = syncPoints[i].strategy;
-          }
-        }
-
-        this.logger_('syncPoint for [' + target.key + ': ' + target.value + '] chosen with strategy' + (' [' + bestStrategy + ']: [time:' + bestSyncPoint.time + ',') + (' segmentIndex:' + bestSyncPoint.segmentIndex + ']'));
-        return bestSyncPoint;
-      }
-      /**
-       * Save any meta-data present on the segments when segments leave
-       * the live window to the playlist to allow for synchronization at the
-       * playlist level later.
-       *
-       * @param {Playlist} oldPlaylist - The previous active playlist
-       * @param {Playlist} newPlaylist - The updated and most current playlist
-       */
-
-    }, {
-      key: 'saveExpiredSegmentInfo',
-      value: function saveExpiredSegmentInfo(oldPlaylist, newPlaylist) {
-        var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence; // When a segment expires from the playlist and it has a start time
-        // save that information as a possible sync-point reference in future
-
-        for (var i = mediaSequenceDiff - 1; i >= 0; i--) {
-          var lastRemovedSegment = oldPlaylist.segments[i];
-
-          if (lastRemovedSegment && typeof lastRemovedSegment.start !== 'undefined') {
-            newPlaylist.syncInfo = {
-              mediaSequence: oldPlaylist.mediaSequence + i,
-              time: lastRemovedSegment.start
-            };
-            this.logger_('playlist refresh sync: [time:' + newPlaylist.syncInfo.time + ',' + (' mediaSequence: ' + newPlaylist.syncInfo.mediaSequence + ']'));
-            this.trigger('syncinfoupdate');
-            break;
-          }
-        }
-      }
-      /**
-       * Save the mapping from playlist's ProgramDateTime to display. This should
-       * only ever happen once at the start of playback.
-       *
-       * @param {Playlist} playlist - The currently active playlist
-       */
-
-    }, {
-      key: 'setDateTimeMapping',
-      value: function setDateTimeMapping(playlist) {
-        if (!this.datetimeToDisplayTime && playlist.segments && playlist.segments.length && playlist.segments[0].dateTimeObject) {
-          var playlistTimestamp = playlist.segments[0].dateTimeObject.getTime() / 1000;
-          this.datetimeToDisplayTime = -playlistTimestamp;
-        }
-      }
-      /**
-       * Reset the state of the inspection cache when we do a rendition
-       * switch
-       */
-
-    }, {
-      key: 'reset',
-      value: function reset() {
-        this.inspectCache_ = undefined;
-      }
-      /**
-       * Probe or inspect a fmp4 or an mpeg2-ts segment to determine the start
-       * and end of the segment in it's internal "media time". Used to generate
-       * mappings from that internal "media time" to the display time that is
-       * shown on the player.
-       *
-       * @param {SegmentInfo} segmentInfo - The current active request information
-       */
-
-    }, {
-      key: 'probeSegmentInfo',
-      value: function probeSegmentInfo(segmentInfo) {
-        var segment = segmentInfo.segment;
-        var playlist = segmentInfo.playlist;
-        var timingInfo = void 0;
-
-        if (segment.map) {
-          timingInfo = this.probeMp4Segment_(segmentInfo);
-        } else {
-          timingInfo = this.probeTsSegment_(segmentInfo);
-        }
-
-        if (timingInfo) {
-          if (this.calculateSegmentTimeMapping_(segmentInfo, timingInfo)) {
-            this.saveDiscontinuitySyncInfo_(segmentInfo); // If the playlist does not have sync information yet, record that information
-            // now with segment timing information
-
-            if (!playlist.syncInfo) {
-              playlist.syncInfo = {
-                mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
-                time: segment.start
-              };
-            }
-          }
-        }
-
-        return timingInfo;
-      }
-      /**
-       * Probe an fmp4 segment to determine the start of the segment
-       * in it's internal "composition time", which is equal to the base
-       * media decode time plus the composition time offset value
-       *
-       * @private
-       * @param {SegmentInfo} segmentInfo - The current active request information
-       * @return {object} The start and end time of the current segment in "composition time"
-       */
-
-    }, {
-      key: 'probeMp4Segment_',
-      value: function probeMp4Segment_(segmentInfo) {
-        var segment = segmentInfo.segment; // get timescales from init segment
-
-        var timescales = probe.timescale(segment.map.bytes); // calculate composition start time using the timescales and information
-        // contained within the media segment
-
-        var compositionStartTime = probe.compositionStartTime(timescales, segmentInfo.bytes);
-
-        if (segmentInfo.timestampOffset !== null) {
-          segmentInfo.timestampOffset -= compositionStartTime;
-        }
-
-        return {
-          start: compositionStartTime,
-          end: compositionStartTime + segment.duration
-        };
-      }
-      /**
-       * Probe an mpeg2-ts segment to determine the start and end of the segment
-       * in it's internal "media time".
-       *
-       * @private
-       * @param {SegmentInfo} segmentInfo - The current active request information
-       * @return {object} The start and end time of the current segment in "media time"
-       */
-
-    }, {
-      key: 'probeTsSegment_',
-      value: function probeTsSegment_(segmentInfo) {
-        var timeInfo = tsprobe(segmentInfo.bytes, this.inspectCache_);
-        var segmentStartTime = void 0;
-        var segmentEndTime = void 0;
-        var segmentTimestampInfo = void 0;
-
-        if (!timeInfo) {
-          return null;
-        }
-
-        if (timeInfo.video && timeInfo.video.length === 2) {
-          this.inspectCache_ = timeInfo.video[1].dts;
-          segmentStartTime = timeInfo.video[0].dtsTime;
-          segmentEndTime = timeInfo.video[1].dtsTime;
-          segmentTimestampInfo = timeInfo.video;
-        } else if (timeInfo.audio && timeInfo.audio.length === 2) {
-          this.inspectCache_ = timeInfo.audio[1].dts;
-          segmentStartTime = timeInfo.audio[0].dtsTime;
-          segmentEndTime = timeInfo.audio[1].dtsTime;
-          segmentTimestampInfo = timeInfo.audio;
-        }
-
-        var probedInfo = {
-          segmentTimestampInfo: segmentTimestampInfo,
-          start: segmentStartTime,
-          end: segmentEndTime,
-          containsVideo: timeInfo.video && timeInfo.video.length === 2,
-          containsAudio: timeInfo.audio && timeInfo.audio.length === 2
-        };
-        return probedInfo;
-      }
-    }, {
-      key: 'timestampOffsetForTimeline',
-      value: function timestampOffsetForTimeline(timeline) {
-        if (typeof this.timelines[timeline] === 'undefined') {
-          return null;
-        }
-
-        return this.timelines[timeline].time;
-      }
-    }, {
-      key: 'mappingForTimeline',
-      value: function mappingForTimeline(timeline) {
-        if (typeof this.timelines[timeline] === 'undefined') {
-          return null;
-        }
-
-        return this.timelines[timeline].mapping;
-      }
-      /**
-       * Use the "media time" for a segment to generate a mapping to "display time" and
-       * save that display time to the segment.
-       *
-       * @private
-       * @param {SegmentInfo} segmentInfo
-       *        The current active request information
-       * @param {object} timingInfo
-       *        The start and end time of the current segment in "media time"
-       * @returns {Boolean}
-       *          Returns false if segment time mapping could not be calculated
-       */
-
-    }, {
-      key: 'calculateSegmentTimeMapping_',
-      value: function calculateSegmentTimeMapping_(segmentInfo, timingInfo) {
-        var segment = segmentInfo.segment;
-        var mappingObj = this.timelines[segmentInfo.timeline];
-
-        if (segmentInfo.timestampOffset !== null) {
-          mappingObj = {
-            time: segmentInfo.startOfSegment,
-            mapping: segmentInfo.startOfSegment - timingInfo.start
-          };
-          this.timelines[segmentInfo.timeline] = mappingObj;
-          this.trigger('timestampoffset');
-          this.logger_('time mapping for timeline ' + segmentInfo.timeline + ': ' + ('[time: ' + mappingObj.time + '] [mapping: ' + mappingObj.mapping + ']'));
-          segment.start = segmentInfo.startOfSegment;
-          segment.end = timingInfo.end + mappingObj.mapping;
-        } else if (mappingObj) {
-          segment.start = timingInfo.start + mappingObj.mapping;
-          segment.end = timingInfo.end + mappingObj.mapping;
-        } else {
-          return false;
-        }
-
-        return true;
-      }
-      /**
-       * Each time we have discontinuity in the playlist, attempt to calculate the location
-       * in display of the start of the discontinuity and save that. We also save an accuracy
-       * value so that we save values with the most accuracy (closest to 0.)
-       *
-       * @private
-       * @param {SegmentInfo} segmentInfo - The current active request information
-       */
-
-    }, {
-      key: 'saveDiscontinuitySyncInfo_',
-      value: function saveDiscontinuitySyncInfo_(segmentInfo) {
-        var playlist = segmentInfo.playlist;
-        var segment = segmentInfo.segment; // If the current segment is a discontinuity then we know exactly where
-        // the start of the range and it's accuracy is 0 (greater accuracy values
-        // mean more approximation)
-
-        if (segment.discontinuity) {
-          this.discontinuities[segment.timeline] = {
-            time: segment.start,
-            accuracy: 0
-          };
-        } else if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
-          // Search for future discontinuities that we can provide better timing
-          // information for and save that information for sync purposes
-          for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
-            var segmentIndex = playlist.discontinuityStarts[i];
-            var discontinuity = playlist.discontinuitySequence + i + 1;
-            var mediaIndexDiff = segmentIndex - segmentInfo.mediaIndex;
-            var accuracy = Math.abs(mediaIndexDiff);
-
-            if (!this.discontinuities[discontinuity] || this.discontinuities[discontinuity].accuracy > accuracy) {
-              var time = void 0;
-
-              if (mediaIndexDiff < 0) {
-                time = segment.start - sumDurations(playlist, segmentInfo.mediaIndex, segmentIndex);
-              } else {
-                time = segment.end + sumDurations(playlist, segmentInfo.mediaIndex + 1, segmentIndex);
-              }
-
-              this.discontinuities[discontinuity] = {
-                time: time,
-                accuracy: accuracy
-              };
-            }
-          }
-        }
-      }
-    }]);
-    return SyncController;
-  }(videojs$1.EventTarget);
-
-  var Decrypter$1 = new shimWorker("./decrypter-worker.worker.js", function (window, document$$1) {
-    var self = this;
-
-    var decrypterWorker = function () {
-      /*
-       * pkcs7.pad
-       * https://github.com/brightcove/pkcs7
-       *
-       * Copyright (c) 2014 Brightcove
-       * Licensed under the apache2 license.
-       */
-
-      /**
-       * Returns the subarray of a Uint8Array without PKCS#7 padding.
-       * @param padded {Uint8Array} unencrypted bytes that have been padded
-       * @return {Uint8Array} the unpadded bytes
-       * @see http://tools.ietf.org/html/rfc5652
-       */
-      function unpad(padded) {
-        return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
-      }
-
-      var classCallCheck = function classCallCheck(instance, Constructor) {
-        if (!(instance instanceof Constructor)) {
-          throw new TypeError("Cannot call a class as a function");
-        }
-      };
-
-      var createClass = function () {
-        function defineProperties(target, props) {
-          for (var i = 0; i < props.length; i++) {
-            var descriptor = props[i];
-            descriptor.enumerable = descriptor.enumerable || false;
-            descriptor.configurable = true;
-            if ("value" in descriptor) descriptor.writable = true;
-            Object.defineProperty(target, descriptor.key, descriptor);
-          }
-        }
-
-        return function (Constructor, protoProps, staticProps) {
-          if (protoProps) defineProperties(Constructor.prototype, protoProps);
-          if (staticProps) defineProperties(Constructor, staticProps);
-          return Constructor;
-        };
-      }();
-
-      var inherits = function inherits(subClass, superClass) {
-        if (typeof superClass !== "function" && superClass !== null) {
-          throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-        }
-
-        subClass.prototype = Object.create(superClass && superClass.prototype, {
-          constructor: {
-            value: subClass,
-            enumerable: false,
-            writable: true,
-            configurable: true
-          }
-        });
-        if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-      };
-
-      var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
-        if (!self) {
-          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
-
-        return call && (typeof call === "object" || typeof call === "function") ? call : self;
-      };
-      /**
-       * @file aes.js
-       *
-       * This file contains an adaptation of the AES decryption algorithm
-       * from the Standford Javascript Cryptography Library. That work is
-       * covered by the following copyright and permissions notice:
-       *
-       * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
-       * All rights reserved.
-       *
-       * Redistribution and use in source and binary forms, with or without
-       * modification, are permitted provided that the following conditions are
-       * met:
-       *
-       * 1. Redistributions of source code must retain the above copyright
-       *    notice, this list of conditions and the following disclaimer.
-       *
-       * 2. Redistributions in binary form must reproduce the above
-       *    copyright notice, this list of conditions and the following
-       *    disclaimer in the documentation and/or other materials provided
-       *    with the distribution.
-       *
-       * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``AS IS'' AND ANY EXPRESS OR
-       * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-       * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-       * DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR CONTRIBUTORS BE
-       * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-       * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-       * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
-       * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
-       * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
-       * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
-       * IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-       *
-       * The views and conclusions contained in the software and documentation
-       * are those of the authors and should not be interpreted as representing
-       * official policies, either expressed or implied, of the authors.
-       */
-
-      /**
-       * Expand the S-box tables.
-       *
-       * @private
-       */
-
-
-      var precompute = function precompute() {
-        var tables = [[[], [], [], [], []], [[], [], [], [], []]];
-        var encTable = tables[0];
-        var decTable = tables[1];
-        var sbox = encTable[4];
-        var sboxInv = decTable[4];
-        var i = void 0;
-        var x = void 0;
-        var xInv = void 0;
-        var d = [];
-        var th = [];
-        var x2 = void 0;
-        var x4 = void 0;
-        var x8 = void 0;
-        var s = void 0;
-        var tEnc = void 0;
-        var tDec = void 0; // Compute double and third tables
-
-        for (i = 0; i < 256; i++) {
-          th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
-        }
-
-        for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
-          // Compute sbox
-          s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
-          s = s >> 8 ^ s & 255 ^ 99;
-          sbox[x] = s;
-          sboxInv[s] = x; // Compute MixColumns
-
-          x8 = d[x4 = d[x2 = d[x]]];
-          tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
-          tEnc = d[s] * 0x101 ^ s * 0x1010100;
-
-          for (i = 0; i < 4; i++) {
-            encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
-            decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
-          }
-        } // Compactify. Considerable speedup on Firefox.
-
-
-        for (i = 0; i < 5; i++) {
-          encTable[i] = encTable[i].slice(0);
-          decTable[i] = decTable[i].slice(0);
-        }
-
-        return tables;
-      };
-
-      var aesTables = null;
-      /**
-       * Schedule out an AES key for both encryption and decryption. This
-       * is a low-level class. Use a cipher mode to do bulk encryption.
-       *
-       * @class AES
-       * @param key {Array} The key as an array of 4, 6 or 8 words.
-       */
-
-      var AES = function () {
-        function AES(key) {
-          classCallCheck(this, AES);
-          /**
-           * The expanded S-box and inverse S-box tables. These will be computed
-           * on the client so that we don't have to send them down the wire.
-           *
-           * There are two tables, _tables[0] is for encryption and
-           * _tables[1] is for decryption.
-           *
-           * The first 4 sub-tables are the expanded S-box with MixColumns. The
-           * last (_tables[01][4]) is the S-box itself.
-           *
-           * @private
-           */
-          // if we have yet to precompute the S-box tables
-          // do so now
-
-          if (!aesTables) {
-            aesTables = precompute();
-          } // then make a copy of that object for use
-
-
-          this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
-          var i = void 0;
-          var j = void 0;
-          var tmp = void 0;
-          var encKey = void 0;
-          var decKey = void 0;
-          var sbox = this._tables[0][4];
-          var decTable = this._tables[1];
-          var keyLen = key.length;
-          var rcon = 1;
-
-          if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
-            throw new Error('Invalid aes key size');
-          }
-
-          encKey = key.slice(0);
-          decKey = [];
-          this._key = [encKey, decKey]; // schedule encryption keys
-
-          for (i = keyLen; i < 4 * keyLen + 28; i++) {
-            tmp = encKey[i - 1]; // apply sbox
-
-            if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
-              tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
-
-              if (i % keyLen === 0) {
-                tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
-                rcon = rcon << 1 ^ (rcon >> 7) * 283;
-              }
-            }
-
-            encKey[i] = encKey[i - keyLen] ^ tmp;
-          } // schedule decryption keys
-
-
-          for (j = 0; i; j++, i--) {
-            tmp = encKey[j & 3 ? i : i - 4];
-
-            if (i <= 4 || j < 4) {
-              decKey[j] = tmp;
-            } else {
-              decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
-            }
-          }
-        }
-        /**
-         * Decrypt 16 bytes, specified as four 32-bit words.
-         *
-         * @param {Number} encrypted0 the first word to decrypt
-         * @param {Number} encrypted1 the second word to decrypt
-         * @param {Number} encrypted2 the third word to decrypt
-         * @param {Number} encrypted3 the fourth word to decrypt
-         * @param {Int32Array} out the array to write the decrypted words
-         * into
-         * @param {Number} offset the offset into the output array to start
-         * writing results
-         * @return {Array} The plaintext.
-         */
-
-
-        AES.prototype.decrypt = function decrypt$$1(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
-          var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
-
-          var a = encrypted0 ^ key[0];
-          var b = encrypted3 ^ key[1];
-          var c = encrypted2 ^ key[2];
-          var d = encrypted1 ^ key[3];
-          var a2 = void 0;
-          var b2 = void 0;
-          var c2 = void 0; // key.length === 2 ?
-
-          var nInnerRounds = key.length / 4 - 2;
-          var i = void 0;
-          var kIndex = 4;
-          var table = this._tables[1]; // load up the tables
-
-          var table0 = table[0];
-          var table1 = table[1];
-          var table2 = table[2];
-          var table3 = table[3];
-          var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
-
-          for (i = 0; i < nInnerRounds; i++) {
-            a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
-            b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
-            c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
-            d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
-            kIndex += 4;
-            a = a2;
-            b = b2;
-            c = c2;
-          } // Last round.
-
-
-          for (i = 0; i < 4; i++) {
-            out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
-            a2 = a;
-            a = b;
-            b = c;
-            c = d;
-            d = a2;
-          }
-        };
-
-        return AES;
-      }();
-      /**
-       * @file stream.js
-       */
-
-      /**
-       * A lightweight readable stream implemention that handles event dispatching.
-       *
-       * @class Stream
-       */
-
-
-      var Stream = function () {
-        function Stream() {
-          classCallCheck(this, Stream);
-          this.listeners = {};
-        }
-        /**
-         * Add a listener for a specified event type.
-         *
-         * @param {String} type the event name
-         * @param {Function} listener the callback to be invoked when an event of
-         * the specified type occurs
-         */
-
-
-        Stream.prototype.on = function on(type, listener) {
-          if (!this.listeners[type]) {
-            this.listeners[type] = [];
-          }
-
-          this.listeners[type].push(listener);
-        };
-        /**
-         * Remove a listener for a specified event type.
-         *
-         * @param {String} type the event name
-         * @param {Function} listener  a function previously registered for this
-         * type of event through `on`
-         * @return {Boolean} if we could turn it off or not
-         */
-
-
-        Stream.prototype.off = function off(type, listener) {
-          if (!this.listeners[type]) {
-            return false;
-          }
-
-          var index = this.listeners[type].indexOf(listener);
-          this.listeners[type].splice(index, 1);
-          return index > -1;
-        };
-        /**
-         * Trigger an event of the specified type on this stream. Any additional
-         * arguments to this function are passed as parameters to event listeners.
-         *
-         * @param {String} type the event name
-         */
-
-
-        Stream.prototype.trigger = function trigger(type) {
-          var callbacks = this.listeners[type];
-
-          if (!callbacks) {
-            return;
-          } // Slicing the arguments on every invocation of this method
-          // can add a significant amount of overhead. Avoid the
-          // intermediate object creation for the common case of a
-          // single callback argument
-
-
-          if (arguments.length === 2) {
-            var length = callbacks.length;
-
-            for (var i = 0; i < length; ++i) {
-              callbacks[i].call(this, arguments[1]);
-            }
-          } else {
-            var args = Array.prototype.slice.call(arguments, 1);
-            var _length = callbacks.length;
-
-            for (var _i = 0; _i < _length; ++_i) {
-              callbacks[_i].apply(this, args);
-            }
-          }
-        };
-        /**
-         * Destroys the stream and cleans up.
-         */
-
-
-        Stream.prototype.dispose = function dispose() {
-          this.listeners = {};
-        };
-        /**
-         * Forwards all `data` events on this stream to the destination stream. The
-         * destination stream should provide a method `push` to receive the data
-         * events as they arrive.
-         *
-         * @param {Stream} destination the stream that will receive all `data` events
-         * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
-         */
-
-
-        Stream.prototype.pipe = function pipe(destination) {
-          this.on('data', function (data) {
-            destination.push(data);
-          });
-        };
-
-        return Stream;
-      }();
-      /**
-       * @file async-stream.js
-       */
-
-      /**
-       * A wrapper around the Stream class to use setTiemout
-       * and run stream "jobs" Asynchronously
-       *
-       * @class AsyncStream
-       * @extends Stream
-       */
-
-
-      var AsyncStream$$1 = function (_Stream) {
-        inherits(AsyncStream$$1, _Stream);
-
-        function AsyncStream$$1() {
-          classCallCheck(this, AsyncStream$$1);
-
-          var _this = possibleConstructorReturn(this, _Stream.call(this, Stream));
-
-          _this.jobs = [];
-          _this.delay = 1;
-          _this.timeout_ = null;
-          return _this;
-        }
-        /**
-         * process an async job
-         *
-         * @private
-         */
-
-
-        AsyncStream$$1.prototype.processJob_ = function processJob_() {
-          this.jobs.shift()();
-
-          if (this.jobs.length) {
-            this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-          } else {
-            this.timeout_ = null;
-          }
-        };
-        /**
-         * push a job into the stream
-         *
-         * @param {Function} job the job to push into the stream
-         */
-
-
-        AsyncStream$$1.prototype.push = function push(job) {
-          this.jobs.push(job);
-
-          if (!this.timeout_) {
-            this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
-          }
-        };
-
-        return AsyncStream$$1;
-      }(Stream);
-      /**
-       * @file decrypter.js
-       *
-       * An asynchronous implementation of AES-128 CBC decryption with
-       * PKCS#7 padding.
-       */
-
-      /**
-       * Convert network-order (big-endian) bytes into their little-endian
-       * representation.
-       */
-
-
-      var ntoh = function ntoh(word) {
-        return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
-      };
-      /**
-       * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
-       *
-       * @param {Uint8Array} encrypted the encrypted bytes
-       * @param {Uint32Array} key the bytes of the decryption key
-       * @param {Uint32Array} initVector the initialization vector (IV) to
-       * use for the first round of CBC.
-       * @return {Uint8Array} the decrypted bytes
-       *
-       * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
-       * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
-       * @see https://tools.ietf.org/html/rfc2315
-       */
-
-
-      var decrypt$$1 = function decrypt$$1(encrypted, key, initVector) {
-        // word-level access to the encrypted bytes
-        var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
-        var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
-
-        var decrypted = new Uint8Array(encrypted.byteLength);
-        var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
-        // decrypted data
-
-        var init0 = void 0;
-        var init1 = void 0;
-        var init2 = void 0;
-        var init3 = void 0;
-        var encrypted0 = void 0;
-        var encrypted1 = void 0;
-        var encrypted2 = void 0;
-        var encrypted3 = void 0; // iteration variable
-
-        var wordIx = void 0; // pull out the words of the IV to ensure we don't modify the
-        // passed-in reference and easier access
-
-        init0 = initVector[0];
-        init1 = initVector[1];
-        init2 = initVector[2];
-        init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
-        // to each decrypted block
-
-        for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
-          // convert big-endian (network order) words into little-endian
-          // (javascript order)
-          encrypted0 = ntoh(encrypted32[wordIx]);
-          encrypted1 = ntoh(encrypted32[wordIx + 1]);
-          encrypted2 = ntoh(encrypted32[wordIx + 2]);
-          encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
-
-          decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
-          // plaintext
-
-          decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
-          decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
-          decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
-          decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
-
-          init0 = encrypted0;
-          init1 = encrypted1;
-          init2 = encrypted2;
-          init3 = encrypted3;
-        }
-
-        return decrypted;
-      };
-      /**
-       * The `Decrypter` class that manages decryption of AES
-       * data through `AsyncStream` objects and the `decrypt`
-       * function
-       *
-       * @param {Uint8Array} encrypted the encrypted bytes
-       * @param {Uint32Array} key the bytes of the decryption key
-       * @param {Uint32Array} initVector the initialization vector (IV) to
-       * @param {Function} done the function to run when done
-       * @class Decrypter
-       */
-
-
-      var Decrypter$$1 = function () {
-        function Decrypter$$1(encrypted, key, initVector, done) {
-          classCallCheck(this, Decrypter$$1);
-          var step = Decrypter$$1.STEP;
-          var encrypted32 = new Int32Array(encrypted.buffer);
-          var decrypted = new Uint8Array(encrypted.byteLength);
-          var i = 0;
-          this.asyncStream_ = new AsyncStream$$1(); // split up the encryption job and do the individual chunks asynchronously
-
-          this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-
-          for (i = step; i < encrypted32.length; i += step) {
-            initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
-            this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
-          } // invoke the done() callback when everything is finished
-
-
-          this.asyncStream_.push(function () {
-            // remove pkcs#7 padding from the decrypted bytes
-            done(null, unpad(decrypted));
-          });
-        }
-        /**
-         * a getter for step the maximum number of bytes to process at one time
-         *
-         * @return {Number} the value of step 32000
-         */
-
-        /**
-         * @private
-         */
-
-
-        Decrypter$$1.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
-          return function () {
-            var bytes = decrypt$$1(encrypted, key, initVector);
-            decrypted.set(bytes, encrypted.byteOffset);
-          };
-        };
-
-        createClass(Decrypter$$1, null, [{
-          key: 'STEP',
-          get: function get$$1() {
-            // 4 * 8000;
-            return 32000;
-          }
-        }]);
-        return Decrypter$$1;
-      }();
-      /**
-       * @file bin-utils.js
-       */
-
-      /**
-       * Creates an object for sending to a web worker modifying properties that are TypedArrays
-       * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
-       *
-       * @param {Object} message
-       *        Object of properties and values to send to the web worker
-       * @return {Object}
-       *         Modified message with TypedArray values expanded
-       * @function createTransferableMessage
-       */
-
-
-      var createTransferableMessage = function createTransferableMessage(message) {
-        var transferable = {};
-        Object.keys(message).forEach(function (key) {
-          var value = message[key];
-
-          if (ArrayBuffer.isView(value)) {
-            transferable[key] = {
-              bytes: value.buffer,
-              byteOffset: value.byteOffset,
-              byteLength: value.byteLength
-            };
-          } else {
-            transferable[key] = value;
-          }
-        });
-        return transferable;
-      };
-      /**
-       * Our web worker interface so that things can talk to aes-decrypter
-       * that will be running in a web worker. the scope is passed to this by
-       * webworkify.
-       *
-       * @param {Object} self
-       *        the scope for the web worker
-       */
-
-
-      var DecrypterWorker = function DecrypterWorker(self) {
-        self.onmessage = function (event) {
-          var data = event.data;
-          var encrypted = new Uint8Array(data.encrypted.bytes, data.encrypted.byteOffset, data.encrypted.byteLength);
-          var key = new Uint32Array(data.key.bytes, data.key.byteOffset, data.key.byteLength / 4);
-          var iv = new Uint32Array(data.iv.bytes, data.iv.byteOffset, data.iv.byteLength / 4);
-          /* eslint-disable no-new, handle-callback-err */
-
-          new Decrypter$$1(encrypted, key, iv, function (err, bytes) {
-            self.postMessage(createTransferableMessage({
-              source: data.source,
-              decrypted: bytes
-            }), [bytes.buffer]);
-          });
-          /* eslint-enable */
-        };
-      };
-
-      var decrypterWorker = new DecrypterWorker(self);
-      return decrypterWorker;
-    }();
-  });
-  /**
-   * Convert the properties of an HLS track into an audioTrackKind.
-   *
-   * @private
-   */
-
-  var audioTrackKind_ = function audioTrackKind_(properties) {
-    var kind = properties["default"] ? 'main' : 'alternative';
-
-    if (properties.characteristics && properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {
-      kind = 'main-desc';
-    }
-
-    return kind;
-  };
-  /**
-   * Pause provided segment loader and playlist loader if active
-   *
-   * @param {SegmentLoader} segmentLoader
-   *        SegmentLoader to pause
-   * @param {Object} mediaType
-   *        Active media type
-   * @function stopLoaders
-   */
-
-
-  var stopLoaders = function stopLoaders(segmentLoader, mediaType) {
-    segmentLoader.abort();
-    segmentLoader.pause();
-
-    if (mediaType && mediaType.activePlaylistLoader) {
-      mediaType.activePlaylistLoader.pause();
-      mediaType.activePlaylistLoader = null;
-    }
-  };
-  /**
-   * Start loading provided segment loader and playlist loader
-   *
-   * @param {PlaylistLoader} playlistLoader
-   *        PlaylistLoader to start loading
-   * @param {Object} mediaType
-   *        Active media type
-   * @function startLoaders
-   */
-
-
-  var startLoaders = function startLoaders(playlistLoader, mediaType) {
-    // Segment loader will be started after `loadedmetadata` or `loadedplaylist` from the
-    // playlist loader
-    mediaType.activePlaylistLoader = playlistLoader;
-    playlistLoader.load();
-  };
-  /**
-   * Returns a function to be called when the media group changes. It performs a
-   * non-destructive (preserve the buffer) resync of the SegmentLoader. This is because a
-   * change of group is merely a rendition switch of the same content at another encoding,
-   * rather than a change of content, such as switching audio from English to Spanish.
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Handler for a non-destructive resync of SegmentLoader when the active media
-   *         group changes.
-   * @function onGroupChanged
-   */
-
-
-  var onGroupChanged = function onGroupChanged(type, settings) {
-    return function () {
-      var _settings$segmentLoad = settings.segmentLoaders,
-          segmentLoader = _settings$segmentLoad[type],
-          mainSegmentLoader = _settings$segmentLoad.main,
-          mediaType = settings.mediaTypes[type];
-      var activeTrack = mediaType.activeTrack();
-      var activeGroup = mediaType.activeGroup(activeTrack);
-      var previousActiveLoader = mediaType.activePlaylistLoader;
-      stopLoaders(segmentLoader, mediaType);
-
-      if (!activeGroup) {
-        // there is no group active
-        return;
-      }
-
-      if (!activeGroup.playlistLoader) {
-        if (previousActiveLoader) {
-          // The previous group had a playlist loader but the new active group does not
-          // this means we are switching from demuxed to muxed audio. In this case we want to
-          // do a destructive reset of the main segment loader and not restart the audio
-          // loaders.
-          mainSegmentLoader.resetEverything();
-        }
-
-        return;
-      } // Non-destructive resync
-
-
-      segmentLoader.resyncLoader();
-      startLoaders(activeGroup.playlistLoader, mediaType);
-    };
-  };
-  /**
-   * Returns a function to be called when the media track changes. It performs a
-   * destructive reset of the SegmentLoader to ensure we start loading as close to
-   * currentTime as possible.
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Handler for a destructive reset of SegmentLoader when the active media
-   *         track changes.
-   * @function onTrackChanged
-   */
-
-
-  var onTrackChanged = function onTrackChanged(type, settings) {
-    return function () {
-      var _settings$segmentLoad2 = settings.segmentLoaders,
-          segmentLoader = _settings$segmentLoad2[type],
-          mainSegmentLoader = _settings$segmentLoad2.main,
-          mediaType = settings.mediaTypes[type];
-      var activeTrack = mediaType.activeTrack();
-      var activeGroup = mediaType.activeGroup(activeTrack);
-      var previousActiveLoader = mediaType.activePlaylistLoader;
-      stopLoaders(segmentLoader, mediaType);
-
-      if (!activeGroup) {
-        // there is no group active so we do not want to restart loaders
-        return;
-      }
-
-      if (!activeGroup.playlistLoader) {
-        // when switching from demuxed audio/video to muxed audio/video (noted by no playlist
-        // loader for the audio group), we want to do a destructive reset of the main segment
-        // loader and not restart the audio loaders
-        mainSegmentLoader.resetEverything();
-        return;
-      }
-
-      if (previousActiveLoader === activeGroup.playlistLoader) {
-        // Nothing has actually changed. This can happen because track change events can fire
-        // multiple times for a "single" change. One for enabling the new active track, and
-        // one for disabling the track that was active
-        startLoaders(activeGroup.playlistLoader, mediaType);
-        return;
-      }
-
-      if (segmentLoader.track) {
-        // For WebVTT, set the new text track in the segmentloader
-        segmentLoader.track(activeTrack);
-      } // destructive reset
-
-
-      segmentLoader.resetEverything();
-      startLoaders(activeGroup.playlistLoader, mediaType);
-    };
-  };
-
-  var onError = {
-    /**
-     * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
-     * an error.
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @return {Function}
-     *         Error handler. Logs warning (or error if the playlist is blacklisted) to
-     *         console and switches back to default audio track.
-     * @function onError.AUDIO
-     */
-    AUDIO: function AUDIO(type, settings) {
-      return function () {
-        var segmentLoader = settings.segmentLoaders[type],
-            mediaType = settings.mediaTypes[type],
-            blacklistCurrentPlaylist = settings.blacklistCurrentPlaylist;
-        stopLoaders(segmentLoader, mediaType); // switch back to default audio track
-
-        var activeTrack = mediaType.activeTrack();
-        var activeGroup = mediaType.activeGroup();
-        var id = (activeGroup.filter(function (group) {
-          return group["default"];
-        })[0] || activeGroup[0]).id;
-        var defaultTrack = mediaType.tracks[id];
-
-        if (activeTrack === defaultTrack) {
-          // Default track encountered an error. All we can do now is blacklist the current
-          // rendition and hope another will switch audio groups
-          blacklistCurrentPlaylist({
-            message: 'Problem encountered loading the default audio track.'
-          });
-          return;
-        }
-
-        videojs$1.log.warn('Problem encountered loading the alternate audio track.' + 'Switching back to default.');
-
-        for (var trackId in mediaType.tracks) {
-          mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;
-        }
-
-        mediaType.onTrackChanged();
-      };
-    },
-
-    /**
-     * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
-     * an error.
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @return {Function}
-     *         Error handler. Logs warning to console and disables the active subtitle track
-     * @function onError.SUBTITLES
-     */
-    SUBTITLES: function SUBTITLES(type, settings) {
-      return function () {
-        var segmentLoader = settings.segmentLoaders[type],
-            mediaType = settings.mediaTypes[type];
-        videojs$1.log.warn('Problem encountered loading the subtitle track.' + 'Disabling subtitle track.');
-        stopLoaders(segmentLoader, mediaType);
-        var track = mediaType.activeTrack();
-
-        if (track) {
-          track.mode = 'disabled';
-        }
-
-        mediaType.onTrackChanged();
-      };
-    }
-  };
-  var setupListeners = {
-    /**
-     * Setup event listeners for audio playlist loader
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {PlaylistLoader|null} playlistLoader
-     *        PlaylistLoader to register listeners on
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function setupListeners.AUDIO
-     */
-    AUDIO: function AUDIO(type, playlistLoader, settings) {
-      if (!playlistLoader) {
-        // no playlist loader means audio will be muxed with the video
-        return;
-      }
-
-      var tech = settings.tech,
-          requestOptions = settings.requestOptions,
-          segmentLoader = settings.segmentLoaders[type];
-      playlistLoader.on('loadedmetadata', function () {
-        var media = playlistLoader.media();
-        segmentLoader.playlist(media, requestOptions); // if the video is already playing, or if this isn't a live video and preload
-        // permits, start downloading segments
-
-        if (!tech.paused() || media.endList && tech.preload() !== 'none') {
-          segmentLoader.load();
-        }
-      });
-      playlistLoader.on('loadedplaylist', function () {
-        segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
-        if (!tech.paused()) {
-          segmentLoader.load();
-        }
-      });
-      playlistLoader.on('error', onError[type](type, settings));
-    },
-
-    /**
-     * Setup event listeners for subtitle playlist loader
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {PlaylistLoader|null} playlistLoader
-     *        PlaylistLoader to register listeners on
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function setupListeners.SUBTITLES
-     */
-    SUBTITLES: function SUBTITLES(type, playlistLoader, settings) {
-      var tech = settings.tech,
-          requestOptions = settings.requestOptions,
-          segmentLoader = settings.segmentLoaders[type],
-          mediaType = settings.mediaTypes[type];
-      playlistLoader.on('loadedmetadata', function () {
-        var media = playlistLoader.media();
-        segmentLoader.playlist(media, requestOptions);
-        segmentLoader.track(mediaType.activeTrack()); // if the video is already playing, or if this isn't a live video and preload
-        // permits, start downloading segments
-
-        if (!tech.paused() || media.endList && tech.preload() !== 'none') {
-          segmentLoader.load();
-        }
-      });
-      playlistLoader.on('loadedplaylist', function () {
-        segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
-        if (!tech.paused()) {
-          segmentLoader.load();
-        }
-      });
-      playlistLoader.on('error', onError[type](type, settings));
-    }
-  };
-  var initialize = {
-    /**
-     * Setup PlaylistLoaders and AudioTracks for the audio groups
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function initialize.AUDIO
-     */
-    'AUDIO': function AUDIO(type, settings) {
-      var hls = settings.hls,
-          sourceType = settings.sourceType,
-          segmentLoader = settings.segmentLoaders[type],
-          requestOptions = settings.requestOptions,
-          mediaGroups = settings.master.mediaGroups,
-          _settings$mediaTypes$ = settings.mediaTypes[type],
-          groups = _settings$mediaTypes$.groups,
-          tracks = _settings$mediaTypes$.tracks,
-          masterPlaylistLoader = settings.masterPlaylistLoader; // force a default if we have none
-
-      if (!mediaGroups[type] || Object.keys(mediaGroups[type]).length === 0) {
-        mediaGroups[type] = {
-          main: {
-            "default": {
-              "default": true
-            }
-          }
-        };
-      }
-
-      for (var groupId in mediaGroups[type]) {
-        if (!groups[groupId]) {
-          groups[groupId] = [];
-        } // List of playlists that have an AUDIO attribute value matching the current
-        // group ID
-
-
-        for (var variantLabel in mediaGroups[type][groupId]) {
-          var properties = mediaGroups[type][groupId][variantLabel];
-          var playlistLoader = void 0;
-
-          if (properties.resolvedUri) {
-            playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
-          } else if (properties.playlists && sourceType === 'dash') {
-            playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
-          } else {
-            // no resolvedUri means the audio is muxed with the video when using this
-            // audio track
-            playlistLoader = null;
-          }
-
-          properties = videojs$1.mergeOptions({
-            id: variantLabel,
-            playlistLoader: playlistLoader
-          }, properties);
-          setupListeners[type](type, properties.playlistLoader, settings);
-          groups[groupId].push(properties);
-
-          if (typeof tracks[variantLabel] === 'undefined') {
-            var track = new videojs$1.AudioTrack({
-              id: variantLabel,
-              kind: audioTrackKind_(properties),
-              enabled: false,
-              language: properties.language,
-              "default": properties["default"],
-              label: variantLabel
-            });
-            tracks[variantLabel] = track;
-          }
-        }
-      } // setup single error event handler for the segment loader
-
-
-      segmentLoader.on('error', onError[type](type, settings));
-    },
-
-    /**
-     * Setup PlaylistLoaders and TextTracks for the subtitle groups
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function initialize.SUBTITLES
-     */
-    'SUBTITLES': function SUBTITLES(type, settings) {
-      var tech = settings.tech,
-          hls = settings.hls,
-          sourceType = settings.sourceType,
-          segmentLoader = settings.segmentLoaders[type],
-          requestOptions = settings.requestOptions,
-          mediaGroups = settings.master.mediaGroups,
-          _settings$mediaTypes$2 = settings.mediaTypes[type],
-          groups = _settings$mediaTypes$2.groups,
-          tracks = _settings$mediaTypes$2.tracks,
-          masterPlaylistLoader = settings.masterPlaylistLoader;
-
-      for (var groupId in mediaGroups[type]) {
-        if (!groups[groupId]) {
-          groups[groupId] = [];
-        }
-
-        for (var variantLabel in mediaGroups[type][groupId]) {
-          if (mediaGroups[type][groupId][variantLabel].forced) {
-            // Subtitle playlists with the forced attribute are not selectable in Safari.
-            // According to Apple's HLS Authoring Specification:
-            //   If content has forced subtitles and regular subtitles in a given language,
-            //   the regular subtitles track in that language MUST contain both the forced
-            //   subtitles and the regular subtitles for that language.
-            // Because of this requirement and that Safari does not add forced subtitles,
-            // forced subtitles are skipped here to maintain consistent experience across
-            // all platforms
-            continue;
-          }
-
-          var properties = mediaGroups[type][groupId][variantLabel];
-          var playlistLoader = void 0;
-
-          if (sourceType === 'hls') {
-            playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
-          } else if (sourceType === 'dash') {
-            playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
-          }
-
-          properties = videojs$1.mergeOptions({
-            id: variantLabel,
-            playlistLoader: playlistLoader
-          }, properties);
-          setupListeners[type](type, properties.playlistLoader, settings);
-          groups[groupId].push(properties);
-
-          if (typeof tracks[variantLabel] === 'undefined') {
-            var track = tech.addRemoteTextTrack({
-              id: variantLabel,
-              kind: 'subtitles',
-              "default": properties["default"] && properties.autoselect,
-              language: properties.language,
-              label: variantLabel
-            }, false).track;
-            tracks[variantLabel] = track;
-          }
-        }
-      } // setup single error event handler for the segment loader
-
-
-      segmentLoader.on('error', onError[type](type, settings));
-    },
-
-    /**
-     * Setup TextTracks for the closed-caption groups
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @function initialize['CLOSED-CAPTIONS']
-     */
-    'CLOSED-CAPTIONS': function CLOSEDCAPTIONS(type, settings) {
-      var tech = settings.tech,
-          mediaGroups = settings.master.mediaGroups,
-          _settings$mediaTypes$3 = settings.mediaTypes[type],
-          groups = _settings$mediaTypes$3.groups,
-          tracks = _settings$mediaTypes$3.tracks;
-
-      for (var groupId in mediaGroups[type]) {
-        if (!groups[groupId]) {
-          groups[groupId] = [];
-        }
-
-        for (var variantLabel in mediaGroups[type][groupId]) {
-          var properties = mediaGroups[type][groupId][variantLabel]; // We only support CEA608 captions for now, so ignore anything that
-          // doesn't use a CCx INSTREAM-ID
-
-          if (!properties.instreamId.match(/CC\d/)) {
-            continue;
-          } // No PlaylistLoader is required for Closed-Captions because the captions are
-          // embedded within the video stream
-
-
-          groups[groupId].push(videojs$1.mergeOptions({
-            id: variantLabel
-          }, properties));
-
-          if (typeof tracks[variantLabel] === 'undefined') {
-            var track = tech.addRemoteTextTrack({
-              id: properties.instreamId,
-              kind: 'captions',
-              "default": properties["default"] && properties.autoselect,
-              language: properties.language,
-              label: variantLabel
-            }, false).track;
-            tracks[variantLabel] = track;
-          }
-        }
-      }
-    }
-  };
-  /**
-   * Returns a function used to get the active group of the provided type
-   *
-   * @param {String} type
-   *        MediaGroup type
-   * @param {Object} settings
-   *        Object containing required information for media groups
-   * @return {Function}
-   *         Function that returns the active media group for the provided type. Takes an
-   *         optional parameter {TextTrack} track. If no track is provided, a list of all
-   *         variants in the group, otherwise the variant corresponding to the provided
-   *         track is returned.
-   * @function activeGroup
-   */
-
-  var activeGroup = function activeGroup(type, settings) {
-    return function (track) {
-      var masterPlaylistLoader = settings.masterPlaylistLoader,
-          groups = settings.mediaTypes[type].groups;
-      var media = masterPlaylistLoader.media();
-
-      if (!media) {
-        return null;
-      }
-
-      var variants = null;
-
-      if (media.attributes[type]) {
-        variants = groups[media.attributes[type]];
-      }
-
-      variants = variants || groups.main;
-
-      if (typeof track === 'undefined') {
-        return variants;
-      }
-
-      if (track === null) {
-        // An active track was specified so a corresponding group is expected. track === null
-        // means no track is currently active so there is no corresponding group
-        return null;
-      }
-
-      return variants.filter(function (props) {
-        return props.id === track.id;
-      })[0] || null;
-    };
-  };
-
-  var activeTrack = {
-    /**
-     * Returns a function used to get the active track of type provided
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @return {Function}
-     *         Function that returns the active media track for the provided type. Returns
-     *         null if no track is active
-     * @function activeTrack.AUDIO
-     */
-    AUDIO: function AUDIO(type, settings) {
-      return function () {
-        var tracks = settings.mediaTypes[type].tracks;
-
-        for (var id in tracks) {
-          if (tracks[id].enabled) {
-            return tracks[id];
-          }
-        }
-
-        return null;
-      };
-    },
-
-    /**
-     * Returns a function used to get the active track of type provided
-     *
-     * @param {String} type
-     *        MediaGroup type
-     * @param {Object} settings
-     *        Object containing required information for media groups
-     * @return {Function}
-     *         Function that returns the active media track for the provided type. Returns
-     *         null if no track is active
-     * @function activeTrack.SUBTITLES
-     */
-    SUBTITLES: function SUBTITLES(type, settings) {
-      return function () {
-        var tracks = settings.mediaTypes[type].tracks;
-
-        for (var id in tracks) {
-          if (tracks[id].mode === 'showing') {
-            return tracks[id];
-          }
-        }
-
-        return null;
-      };
-    }
-  };
-  /**
-   * Setup PlaylistLoaders and Tracks for media groups (Audio, Subtitles,
-   * Closed-Captions) specified in the master manifest.
-   *
-   * @param {Object} settings
-   *        Object containing required information for setting up the media groups
-   * @param {SegmentLoader} settings.segmentLoaders.AUDIO
-   *        Audio segment loader
-   * @param {SegmentLoader} settings.segmentLoaders.SUBTITLES
-   *        Subtitle segment loader
-   * @param {SegmentLoader} settings.segmentLoaders.main
-   *        Main segment loader
-   * @param {Tech} settings.tech
-   *        The tech of the player
-   * @param {Object} settings.requestOptions
-   *        XHR request options used by the segment loaders
-   * @param {PlaylistLoader} settings.masterPlaylistLoader
-   *        PlaylistLoader for the master source
-   * @param {HlsHandler} settings.hls
-   *        HLS SourceHandler
-   * @param {Object} settings.master
-   *        The parsed master manifest
-   * @param {Object} settings.mediaTypes
-   *        Object to store the loaders, tracks, and utility methods for each media type
-   * @param {Function} settings.blacklistCurrentPlaylist
-   *        Blacklists the current rendition and forces a rendition switch.
-   * @function setupMediaGroups
-   */
-
-  var setupMediaGroups = function setupMediaGroups(settings) {
-    ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
-      initialize[type](type, settings);
-    });
-    var mediaTypes = settings.mediaTypes,
-        masterPlaylistLoader = settings.masterPlaylistLoader,
-        tech = settings.tech,
-        hls = settings.hls; // setup active group and track getters and change event handlers
-
-    ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-      mediaTypes[type].activeGroup = activeGroup(type, settings);
-      mediaTypes[type].activeTrack = activeTrack[type](type, settings);
-      mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);
-      mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);
-    }); // DO NOT enable the default subtitle or caption track.
-    // DO enable the default audio track
-
-    var audioGroup = mediaTypes.AUDIO.activeGroup();
-    var groupId = (audioGroup.filter(function (group) {
-      return group["default"];
-    })[0] || audioGroup[0]).id;
-    mediaTypes.AUDIO.tracks[groupId].enabled = true;
-    mediaTypes.AUDIO.onTrackChanged();
-    masterPlaylistLoader.on('mediachange', function () {
-      ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-        return mediaTypes[type].onGroupChanged();
-      });
-    }); // custom audio track change event handler for usage event
-
-    var onAudioTrackChanged = function onAudioTrackChanged() {
-      mediaTypes.AUDIO.onTrackChanged();
-      tech.trigger({
-        type: 'usage',
-        name: 'hls-audio-change'
-      });
-    };
-
-    tech.audioTracks().addEventListener('change', onAudioTrackChanged);
-    tech.remoteTextTracks().addEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
-    hls.on('dispose', function () {
-      tech.audioTracks().removeEventListener('change', onAudioTrackChanged);
-      tech.remoteTextTracks().removeEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
-    }); // clear existing audio tracks and add the ones we just created
-
-    tech.clearTracks('audio');
-
-    for (var id in mediaTypes.AUDIO.tracks) {
-      tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);
-    }
-  };
-  /**
-   * Creates skeleton object used to store the loaders, tracks, and utility methods for each
-   * media type
-   *
-   * @return {Object}
-   *         Object to store the loaders, tracks, and utility methods for each media type
-   * @function createMediaTypes
-   */
-
-
-  var createMediaTypes = function createMediaTypes() {
-    var mediaTypes = {};
-    ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
-      mediaTypes[type] = {
-        groups: {},
-        tracks: {},
-        activePlaylistLoader: null,
-        activeGroup: noop$1,
-        activeTrack: noop$1,
-        onGroupChanged: noop$1,
-        onTrackChanged: noop$1
-      };
-    });
-    return mediaTypes;
-  };
-  /**
-   * @file master-playlist-controller.js
-   */
-
-
-  var ABORT_EARLY_BLACKLIST_SECONDS = 60 * 2;
-  var Hls = void 0; // SegmentLoader stats that need to have each loader's
-  // values summed to calculate the final value
-
-  var loaderStats = ['mediaRequests', 'mediaRequestsAborted', 'mediaRequestsTimedout', 'mediaRequestsErrored', 'mediaTransferDuration', 'mediaBytesTransferred'];
-
-  var sumLoaderStat = function sumLoaderStat(stat) {
-    return this.audioSegmentLoader_[stat] + this.mainSegmentLoader_[stat];
-  };
-  /**
-   * the master playlist controller controller all interactons
-   * between playlists and segmentloaders. At this time this mainly
-   * involves a master playlist and a series of audio playlists
-   * if they are available
-   *
-   * @class MasterPlaylistController
-   * @extends videojs.EventTarget
-   */
-
-
-  var MasterPlaylistController = function (_videojs$EventTarget) {
-    inherits$2(MasterPlaylistController, _videojs$EventTarget);
-
-    function MasterPlaylistController(options) {
-      classCallCheck$1(this, MasterPlaylistController);
-
-      var _this = possibleConstructorReturn$1(this, (MasterPlaylistController.__proto__ || Object.getPrototypeOf(MasterPlaylistController)).call(this));
-
-      var url = options.url,
-          handleManifestRedirects = options.handleManifestRedirects,
-          withCredentials = options.withCredentials,
-          tech = options.tech,
-          bandwidth = options.bandwidth,
-          externHls = options.externHls,
-          useCueTags = options.useCueTags,
-          blacklistDuration = options.blacklistDuration,
-          enableLowInitialPlaylist = options.enableLowInitialPlaylist,
-          sourceType = options.sourceType,
-          seekTo = options.seekTo,
-          cacheEncryptionKeys = options.cacheEncryptionKeys;
-
-      if (!url) {
-        throw new Error('A non-empty playlist URL is required');
-      }
-
-      Hls = externHls;
-      _this.withCredentials = withCredentials;
-      _this.tech_ = tech;
-      _this.hls_ = tech.hls;
-      _this.seekTo_ = seekTo;
-      _this.sourceType_ = sourceType;
-      _this.useCueTags_ = useCueTags;
-      _this.blacklistDuration = blacklistDuration;
-      _this.enableLowInitialPlaylist = enableLowInitialPlaylist;
-
-      if (_this.useCueTags_) {
-        _this.cueTagsTrack_ = _this.tech_.addTextTrack('metadata', 'ad-cues');
-        _this.cueTagsTrack_.inBandMetadataTrackDispatchType = '';
-      }
-
-      _this.requestOptions_ = {
-        withCredentials: withCredentials,
-        handleManifestRedirects: handleManifestRedirects,
-        timeout: null
-      };
-      _this.mediaTypes_ = createMediaTypes();
-      _this.mediaSource = new videojs$1.MediaSource(); // load the media source into the player
-
-      _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_.bind(_this));
-
-      _this.seekable_ = videojs$1.createTimeRanges();
-
-      _this.hasPlayed_ = function () {
-        return false;
-      };
-
-      _this.syncController_ = new SyncController(options);
-      _this.segmentMetadataTrack_ = tech.addRemoteTextTrack({
-        kind: 'metadata',
-        label: 'segment-metadata'
-      }, false).track;
-      _this.decrypter_ = new Decrypter$1();
-      _this.inbandTextTracks_ = {};
-      var segmentLoaderSettings = {
-        hls: _this.hls_,
-        mediaSource: _this.mediaSource,
-        currentTime: _this.tech_.currentTime.bind(_this.tech_),
-        seekable: function seekable$$1() {
-          return _this.seekable();
-        },
-        seeking: function seeking() {
-          return _this.tech_.seeking();
-        },
-        duration: function duration$$1() {
-          return _this.mediaSource.duration;
-        },
-        hasPlayed: function hasPlayed() {
-          return _this.hasPlayed_();
-        },
-        goalBufferLength: function goalBufferLength() {
-          return _this.goalBufferLength();
-        },
-        bandwidth: bandwidth,
-        syncController: _this.syncController_,
-        decrypter: _this.decrypter_,
-        sourceType: _this.sourceType_,
-        inbandTextTracks: _this.inbandTextTracks_,
-        cacheEncryptionKeys: cacheEncryptionKeys
-      };
-      _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(url, _this.hls_, _this.requestOptions_) : new PlaylistLoader(url, _this.hls_, _this.requestOptions_);
-
-      _this.setupMasterPlaylistLoaderListeners_(); // setup segment loaders
-      // combined audio/video or just video when alternate audio track is selected
-
-
-      _this.mainSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-        segmentMetadataTrack: _this.segmentMetadataTrack_,
-        loaderType: 'main'
-      }), options); // alternate audio track
-
-      _this.audioSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-        loaderType: 'audio'
-      }), options);
-      _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
-        loaderType: 'vtt'
-      }), options);
-
-      _this.setupSegmentLoaderListeners_(); // Create SegmentLoader stat-getters
-
-
-      loaderStats.forEach(function (stat) {
-        _this[stat + '_'] = sumLoaderStat.bind(_this, stat);
-      });
-      _this.logger_ = logger('MPC');
-
-      _this.masterPlaylistLoader_.load();
-
-      return _this;
-    }
-    /**
-     * Register event handlers on the master playlist loader. A helper
-     * function for construction time.
-     *
-     * @private
-     */
-
-
-    createClass$1(MasterPlaylistController, [{
-      key: 'setupMasterPlaylistLoaderListeners_',
-      value: function setupMasterPlaylistLoaderListeners_() {
-        var _this2 = this;
-
-        this.masterPlaylistLoader_.on('loadedmetadata', function () {
-          var media = _this2.masterPlaylistLoader_.media();
-
-          var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
-          // timeout the request.
-
-          if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
-            _this2.requestOptions_.timeout = 0;
-          } else {
-            _this2.requestOptions_.timeout = requestTimeout;
-          } // if this isn't a live video and preload permits, start
-          // downloading segments
-
-
-          if (media.endList && _this2.tech_.preload() !== 'none') {
-            _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
-
-            _this2.mainSegmentLoader_.load();
-          }
-
-          setupMediaGroups({
-            sourceType: _this2.sourceType_,
-            segmentLoaders: {
-              AUDIO: _this2.audioSegmentLoader_,
-              SUBTITLES: _this2.subtitleSegmentLoader_,
-              main: _this2.mainSegmentLoader_
-            },
-            tech: _this2.tech_,
-            requestOptions: _this2.requestOptions_,
-            masterPlaylistLoader: _this2.masterPlaylistLoader_,
-            hls: _this2.hls_,
-            master: _this2.master(),
-            mediaTypes: _this2.mediaTypes_,
-            blacklistCurrentPlaylist: _this2.blacklistCurrentPlaylist.bind(_this2)
-          });
-
-          _this2.triggerPresenceUsage_(_this2.master(), media);
-
-          try {
-            _this2.setupSourceBuffers_();
-          } catch (e) {
-            videojs$1.log.warn('Failed to create SourceBuffers', e);
-            return _this2.mediaSource.endOfStream('decode');
-          }
-
-          _this2.setupFirstPlay();
-
-          if (!_this2.mediaTypes_.AUDIO.activePlaylistLoader || _this2.mediaTypes_.AUDIO.activePlaylistLoader.media()) {
-            _this2.trigger('selectedinitialmedia');
-          } else {
-            // We must wait for the active audio playlist loader to
-            // finish setting up before triggering this event so the
-            // representations API and EME setup is correct
-            _this2.mediaTypes_.AUDIO.activePlaylistLoader.one('loadedmetadata', function () {
-              _this2.trigger('selectedinitialmedia');
-            });
-          }
-        });
-        this.masterPlaylistLoader_.on('loadedplaylist', function () {
-          var updatedPlaylist = _this2.masterPlaylistLoader_.media();
-
-          if (!updatedPlaylist) {
-            // blacklist any variants that are not supported by the browser before selecting
-            // an initial media as the playlist selectors do not consider browser support
-            _this2.excludeUnsupportedVariants_();
-
-            var selectedMedia = void 0;
-
-            if (_this2.enableLowInitialPlaylist) {
-              selectedMedia = _this2.selectInitialPlaylist();
-            }
-
-            if (!selectedMedia) {
-              selectedMedia = _this2.selectPlaylist();
-            }
-
-            _this2.initialMedia_ = selectedMedia;
-
-            _this2.masterPlaylistLoader_.media(_this2.initialMedia_);
-
-            return;
-          }
-
-          if (_this2.useCueTags_) {
-            _this2.updateAdCues_(updatedPlaylist);
-          } // TODO: Create a new event on the PlaylistLoader that signals
-          // that the segments have changed in some way and use that to
-          // update the SegmentLoader instead of doing it twice here and
-          // on `mediachange`
-
-
-          _this2.mainSegmentLoader_.playlist(updatedPlaylist, _this2.requestOptions_);
-
-          _this2.updateDuration(); // If the player isn't paused, ensure that the segment loader is running,
-          // as it is possible that it was temporarily stopped while waiting for
-          // a playlist (e.g., in case the playlist errored and we re-requested it).
-
-
-          if (!_this2.tech_.paused()) {
-            _this2.mainSegmentLoader_.load();
-
-            if (_this2.audioSegmentLoader_) {
-              _this2.audioSegmentLoader_.load();
-            }
-          }
-
-          if (!updatedPlaylist.endList) {
-            var addSeekableRange = function addSeekableRange() {
-              var seekable$$1 = _this2.seekable();
-
-              if (seekable$$1.length !== 0) {
-                _this2.mediaSource.addSeekableRange_(seekable$$1.start(0), seekable$$1.end(0));
-              }
-            };
-
-            if (_this2.duration() !== Infinity) {
-              var onDurationchange = function onDurationchange() {
-                if (_this2.duration() === Infinity) {
-                  addSeekableRange();
-                } else {
-                  _this2.tech_.one('durationchange', onDurationchange);
-                }
-              };
-
-              _this2.tech_.one('durationchange', onDurationchange);
-            } else {
-              addSeekableRange();
-            }
-          }
-        });
-        this.masterPlaylistLoader_.on('error', function () {
-          _this2.blacklistCurrentPlaylist(_this2.masterPlaylistLoader_.error);
-        });
-        this.masterPlaylistLoader_.on('mediachanging', function () {
-          _this2.mainSegmentLoader_.abort();
-
-          _this2.mainSegmentLoader_.pause();
-        });
-        this.masterPlaylistLoader_.on('mediachange', function () {
-          var media = _this2.masterPlaylistLoader_.media();
-
-          var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
-          // timeout the request.
-
-          if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
-            _this2.requestOptions_.timeout = 0;
-          } else {
-            _this2.requestOptions_.timeout = requestTimeout;
-          } // TODO: Create a new event on the PlaylistLoader that signals
-          // that the segments have changed in some way and use that to
-          // update the SegmentLoader instead of doing it twice here and
-          // on `loadedplaylist`
-
-
-          _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
-
-          _this2.mainSegmentLoader_.load();
-
-          _this2.tech_.trigger({
-            type: 'mediachange',
-            bubbles: true
-          });
-        });
-        this.masterPlaylistLoader_.on('playlistunchanged', function () {
-          var updatedPlaylist = _this2.masterPlaylistLoader_.media();
-
-          var playlistOutdated = _this2.stuckAtPlaylistEnd_(updatedPlaylist);
-
-          if (playlistOutdated) {
-            // Playlist has stopped updating and we're stuck at its end. Try to
-            // blacklist it and switch to another playlist in the hope that that
-            // one is updating (and give the player a chance to re-adjust to the
-            // safe live point).
-            _this2.blacklistCurrentPlaylist({
-              message: 'Playlist no longer updating.'
-            }); // useful for monitoring QoS
-
-
-            _this2.tech_.trigger('playliststuck');
-          }
-        });
-        this.masterPlaylistLoader_.on('renditiondisabled', function () {
-          _this2.tech_.trigger({
-            type: 'usage',
-            name: 'hls-rendition-disabled'
-          });
-        });
-        this.masterPlaylistLoader_.on('renditionenabled', function () {
-          _this2.tech_.trigger({
-            type: 'usage',
-            name: 'hls-rendition-enabled'
-          });
-        });
-      }
-      /**
-       * A helper function for triggerring presence usage events once per source
-       *
-       * @private
-       */
-
-    }, {
-      key: 'triggerPresenceUsage_',
-      value: function triggerPresenceUsage_(master, media) {
-        var mediaGroups = master.mediaGroups || {};
-        var defaultDemuxed = true;
-        var audioGroupKeys = Object.keys(mediaGroups.AUDIO);
-
-        for (var mediaGroup in mediaGroups.AUDIO) {
-          for (var label in mediaGroups.AUDIO[mediaGroup]) {
-            var properties = mediaGroups.AUDIO[mediaGroup][label];
-
-            if (!properties.uri) {
-              defaultDemuxed = false;
-            }
-          }
-        }
-
-        if (defaultDemuxed) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-demuxed'
-          });
-        }
-
-        if (Object.keys(mediaGroups.SUBTITLES).length) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-webvtt'
-          });
-        }
-
-        if (Hls.Playlist.isAes(media)) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-aes'
-          });
-        }
-
-        if (Hls.Playlist.isFmp4(media)) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-fmp4'
-          });
-        }
-
-        if (audioGroupKeys.length && Object.keys(mediaGroups.AUDIO[audioGroupKeys[0]]).length > 1) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-alternate-audio'
-          });
-        }
-
-        if (this.useCueTags_) {
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-playlist-cue-tags'
-          });
-        }
-      }
-      /**
-       * Register event handlers on the segment loaders. A helper function
-       * for construction time.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'setupSegmentLoaderListeners_',
-      value: function setupSegmentLoaderListeners_() {
-        var _this3 = this;
-
-        this.mainSegmentLoader_.on('bandwidthupdate', function () {
-          var nextPlaylist = _this3.selectPlaylist();
-
-          var currentPlaylist = _this3.masterPlaylistLoader_.media();
-
-          var buffered = _this3.tech_.buffered();
-
-          var forwardBuffer = buffered.length ? buffered.end(buffered.length - 1) - _this3.tech_.currentTime() : 0;
-
-          var bufferLowWaterLine = _this3.bufferLowWaterLine(); // If the playlist is live, then we want to not take low water line into account.
-          // This is because in LIVE, the player plays 3 segments from the end of the
-          // playlist, and if `BUFFER_LOW_WATER_LINE` is greater than the duration availble
-          // in those segments, a viewer will never experience a rendition upswitch.
-
-
-          if (!currentPlaylist.endList || // For the same reason as LIVE, we ignore the low water line when the VOD
-          // duration is below the max potential low water line
-          _this3.duration() < Config.MAX_BUFFER_LOW_WATER_LINE || // we want to switch down to lower resolutions quickly to continue playback, but
-          nextPlaylist.attributes.BANDWIDTH < currentPlaylist.attributes.BANDWIDTH || // ensure we have some buffer before we switch up to prevent us running out of
-          // buffer while loading a higher rendition.
-          forwardBuffer >= bufferLowWaterLine) {
-            _this3.masterPlaylistLoader_.media(nextPlaylist);
-          }
-
-          _this3.tech_.trigger('bandwidthupdate');
-        });
-        this.mainSegmentLoader_.on('progress', function () {
-          _this3.trigger('progress');
-        });
-        this.mainSegmentLoader_.on('error', function () {
-          _this3.blacklistCurrentPlaylist(_this3.mainSegmentLoader_.error());
-        });
-        this.mainSegmentLoader_.on('syncinfoupdate', function () {
-          _this3.onSyncInfoUpdate_();
-        });
-        this.mainSegmentLoader_.on('timestampoffset', function () {
-          _this3.tech_.trigger({
-            type: 'usage',
-            name: 'hls-timestamp-offset'
-          });
-        });
-        this.audioSegmentLoader_.on('syncinfoupdate', function () {
-          _this3.onSyncInfoUpdate_();
-        });
-        this.mainSegmentLoader_.on('ended', function () {
-          _this3.onEndOfStream();
-        });
-        this.mainSegmentLoader_.on('earlyabort', function () {
-          _this3.blacklistCurrentPlaylist({
-            message: 'Aborted early because there isn\'t enough bandwidth to complete the ' + 'request without rebuffering.'
-          }, ABORT_EARLY_BLACKLIST_SECONDS);
-        });
-        this.mainSegmentLoader_.on('reseteverything', function () {
-          // If playing an MTS stream, a videojs.MediaSource is listening for
-          // hls-reset to reset caption parsing state in the transmuxer
-          _this3.tech_.trigger('hls-reset');
-        });
-        this.mainSegmentLoader_.on('segmenttimemapping', function (event) {
-          // If playing an MTS stream in html, a videojs.MediaSource is listening for
-          // hls-segment-time-mapping update its internal mapping of stream to display time
-          _this3.tech_.trigger({
-            type: 'hls-segment-time-mapping',
-            mapping: event.mapping
-          });
-        });
-        this.audioSegmentLoader_.on('ended', function () {
-          _this3.onEndOfStream();
-        });
-      }
-    }, {
-      key: 'mediaSecondsLoaded_',
-      value: function mediaSecondsLoaded_() {
-        return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded + this.mainSegmentLoader_.mediaSecondsLoaded);
-      }
-      /**
-       * Call load on our SegmentLoaders
-       */
-
-    }, {
-      key: 'load',
-      value: function load() {
-        this.mainSegmentLoader_.load();
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          this.audioSegmentLoader_.load();
-        }
-
-        if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-          this.subtitleSegmentLoader_.load();
-        }
-      }
-      /**
-       * Re-tune playback quality level for the current player
-       * conditions without performing destructive actions, like
-       * removing already buffered content
-       *
-       * @private
-       */
-
-    }, {
-      key: 'smoothQualityChange_',
-      value: function smoothQualityChange_() {
-        var media = this.selectPlaylist();
-
-        if (media !== this.masterPlaylistLoader_.media()) {
-          this.masterPlaylistLoader_.media(media);
-          this.mainSegmentLoader_.resetLoader(); // don't need to reset audio as it is reset when media changes
-        }
-      }
-      /**
-       * Re-tune playback quality level for the current player
-       * conditions. This method will perform destructive actions like removing
-       * already buffered content in order to readjust the currently active
-       * playlist quickly. This is good for manual quality changes
-       *
-       * @private
-       */
-
-    }, {
-      key: 'fastQualityChange_',
-      value: function fastQualityChange_() {
-        var _this4 = this;
-
-        var media = this.selectPlaylist();
-
-        if (media === this.masterPlaylistLoader_.media()) {
-          return;
-        }
-
-        this.masterPlaylistLoader_.media(media); // Delete all buffered data to allow an immediate quality switch, then seek to give
-        // the browser a kick to remove any cached frames from the previous rendtion (.04 seconds
-        // ahead is roughly the minimum that will accomplish this across a variety of content
-        // in IE and Edge, but seeking in place is sufficient on all other browsers)
-        // Edge/IE bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14600375/
-        // Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=651904
-
-        this.mainSegmentLoader_.resetEverything(function () {
-          // Since this is not a typical seek, we avoid the seekTo method which can cause segments
-          // from the previously enabled rendition to load before the new playlist has finished loading
-          if (videojs$1.browser.IE_VERSION || videojs$1.browser.IS_EDGE) {
-            _this4.tech_.setCurrentTime(_this4.tech_.currentTime() + 0.04);
-          } else {
-            _this4.tech_.setCurrentTime(_this4.tech_.currentTime());
-          }
-        }); // don't need to reset audio as it is reset when media changes
-      }
-      /**
-       * Begin playback.
-       */
-
-    }, {
-      key: 'play',
-      value: function play() {
-        if (this.setupFirstPlay()) {
-          return;
-        }
-
-        if (this.tech_.ended()) {
-          this.seekTo_(0);
-        }
-
-        if (this.hasPlayed_()) {
-          this.load();
-        }
-
-        var seekable$$1 = this.tech_.seekable(); // if the viewer has paused and we fell out of the live window,
-        // seek forward to the live point
-
-        if (this.tech_.duration() === Infinity) {
-          if (this.tech_.currentTime() < seekable$$1.start(0)) {
-            return this.seekTo_(seekable$$1.end(seekable$$1.length - 1));
-          }
-        }
-      }
-      /**
-       * Seek to the latest media position if this is a live video and the
-       * player and video are loaded and initialized.
-       */
-
-    }, {
-      key: 'setupFirstPlay',
-      value: function setupFirstPlay() {
-        var _this5 = this;
-
-        var media = this.masterPlaylistLoader_.media(); // Check that everything is ready to begin buffering for the first call to play
-        //  If 1) there is no active media
-        //     2) the player is paused
-        //     3) the first play has already been setup
-        // then exit early
-
-        if (!media || this.tech_.paused() || this.hasPlayed_()) {
-          return false;
-        } // when the video is a live stream
-
-
-        if (!media.endList) {
-          var seekable$$1 = this.seekable();
-
-          if (!seekable$$1.length) {
-            // without a seekable range, the player cannot seek to begin buffering at the live
-            // point
-            return false;
-          }
-
-          if (videojs$1.browser.IE_VERSION && this.tech_.readyState() === 0) {
-            // IE11 throws an InvalidStateError if you try to set currentTime while the
-            // readyState is 0, so it must be delayed until the tech fires loadedmetadata.
-            this.tech_.one('loadedmetadata', function () {
-              _this5.trigger('firstplay');
-
-              _this5.seekTo_(seekable$$1.end(0));
-
-              _this5.hasPlayed_ = function () {
-                return true;
-              };
-            });
-            return false;
-          } // trigger firstplay to inform the source handler to ignore the next seek event
-
-
-          this.trigger('firstplay'); // seek to the live point
-
-          this.seekTo_(seekable$$1.end(0));
-        }
-
-        this.hasPlayed_ = function () {
-          return true;
-        }; // we can begin loading now that everything is ready
-
-
-        this.load();
-        return true;
-      }
-      /**
-       * handle the sourceopen event on the MediaSource
-       *
-       * @private
-       */
-
-    }, {
-      key: 'handleSourceOpen_',
-      value: function handleSourceOpen_() {
-        // Only attempt to create the source buffer if none already exist.
-        // handleSourceOpen is also called when we are "re-opening" a source buffer
-        // after `endOfStream` has been called (in response to a seek for instance)
-        try {
-          this.setupSourceBuffers_();
-        } catch (e) {
-          videojs$1.log.warn('Failed to create Source Buffers', e);
-          return this.mediaSource.endOfStream('decode');
-        } // if autoplay is enabled, begin playback. This is duplicative of
-        // code in video.js but is required because play() must be invoked
-        // *after* the media source has opened.
-
-
-        if (this.tech_.autoplay()) {
-          var playPromise = this.tech_.play(); // Catch/silence error when a pause interrupts a play request
-          // on browsers which return a promise
-
-          if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
-            playPromise.then(null, function (e) {});
-          }
-        }
-
-        this.trigger('sourceopen');
-      }
-      /**
-       * Calls endOfStream on the media source when all active stream types have called
-       * endOfStream
-       *
-       * @param {string} streamType
-       *        Stream type of the segment loader that called endOfStream
-       * @private
-       */
-
-    }, {
-      key: 'onEndOfStream',
-      value: function onEndOfStream() {
-        var isEndOfStream = this.mainSegmentLoader_.ended_;
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          // if the audio playlist loader exists, then alternate audio is active
-          if (!this.mainSegmentLoader_.startingMedia_ || this.mainSegmentLoader_.startingMedia_.containsVideo) {
-            // if we do not know if the main segment loader contains video yet or if we
-            // definitively know the main segment loader contains video, then we need to wait
-            // for both main and audio segment loaders to call endOfStream
-            isEndOfStream = isEndOfStream && this.audioSegmentLoader_.ended_;
-          } else {
-            // otherwise just rely on the audio loader
-            isEndOfStream = this.audioSegmentLoader_.ended_;
-          }
-        }
-
-        if (!isEndOfStream) {
-          return;
-        }
-
-        this.logger_('calling mediaSource.endOfStream()'); // on chrome calling endOfStream can sometimes cause an exception,
-        // even when the media source is in a valid state.
-
-        try {
-          this.mediaSource.endOfStream();
-        } catch (e) {
-          videojs$1.log.warn('Failed to call media source endOfStream', e);
-        }
-      }
-      /**
-       * Check if a playlist has stopped being updated
-       * @param {Object} playlist the media playlist object
-       * @return {boolean} whether the playlist has stopped being updated or not
-       */
-
-    }, {
-      key: 'stuckAtPlaylistEnd_',
-      value: function stuckAtPlaylistEnd_(playlist) {
-        var seekable$$1 = this.seekable();
-
-        if (!seekable$$1.length) {
-          // playlist doesn't have enough information to determine whether we are stuck
-          return false;
-        }
-
-        var expired = this.syncController_.getExpiredTime(playlist, this.mediaSource.duration);
-
-        if (expired === null) {
-          return false;
-        } // does not use the safe live end to calculate playlist end, since we
-        // don't want to say we are stuck while there is still content
-
-
-        var absolutePlaylistEnd = Hls.Playlist.playlistEnd(playlist, expired);
-        var currentTime = this.tech_.currentTime();
-        var buffered = this.tech_.buffered();
-
-        if (!buffered.length) {
-          // return true if the playhead reached the absolute end of the playlist
-          return absolutePlaylistEnd - currentTime <= SAFE_TIME_DELTA;
-        }
-
-        var bufferedEnd = buffered.end(buffered.length - 1); // return true if there is too little buffer left and buffer has reached absolute
-        // end of playlist
-
-        return bufferedEnd - currentTime <= SAFE_TIME_DELTA && absolutePlaylistEnd - bufferedEnd <= SAFE_TIME_DELTA;
-      }
-      /**
-       * Blacklists a playlist when an error occurs for a set amount of time
-       * making it unavailable for selection by the rendition selection algorithm
-       * and then forces a new playlist (rendition) selection.
-       *
-       * @param {Object=} error an optional error that may include the playlist
-       * to blacklist
-       * @param {Number=} blacklistDuration an optional number of seconds to blacklist the
-       * playlist
-       */
-
-    }, {
-      key: 'blacklistCurrentPlaylist',
-      value: function blacklistCurrentPlaylist() {
-        var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        var blacklistDuration = arguments[1];
-        var currentPlaylist = void 0;
-        var nextPlaylist = void 0; // If the `error` was generated by the playlist loader, it will contain
-        // the playlist we were trying to load (but failed) and that should be
-        // blacklisted instead of the currently selected playlist which is likely
-        // out-of-date in this scenario
-
-        currentPlaylist = error.playlist || this.masterPlaylistLoader_.media();
-        blacklistDuration = blacklistDuration || error.blacklistDuration || this.blacklistDuration; // If there is no current playlist, then an error occurred while we were
-        // trying to load the master OR while we were disposing of the tech
-
-        if (!currentPlaylist) {
-          this.error = error;
-
-          try {
-            return this.mediaSource.endOfStream('network');
-          } catch (e) {
-            return this.trigger('error');
-          }
-        }
-
-        var isFinalRendition = this.masterPlaylistLoader_.master.playlists.filter(isEnabled).length === 1;
-        var playlists = this.masterPlaylistLoader_.master.playlists;
-
-        if (playlists.length === 1) {
-          // Never blacklisting this playlist because it's the only playlist
-          videojs$1.log.warn('Problem encountered with the current ' + 'HLS playlist. Trying again since it is the only playlist.');
-          this.tech_.trigger('retryplaylist');
-          return this.masterPlaylistLoader_.load(isFinalRendition);
-        }
-
-        if (isFinalRendition) {
-          // Since we're on the final non-blacklisted playlist, and we're about to blacklist
-          // it, instead of erring the player or retrying this playlist, clear out the current
-          // blacklist. This allows other playlists to be attempted in case any have been
-          // fixed.
-          videojs$1.log.warn('Removing all playlists from the blacklist because the last ' + 'rendition is about to be blacklisted.');
-          playlists.forEach(function (playlist) {
-            if (playlist.excludeUntil !== Infinity) {
-              delete playlist.excludeUntil;
-            }
-          }); // Technically we are retrying a playlist, in that we are simply retrying a previous
-          // playlist. This is needed for users relying on the retryplaylist event to catch a
-          // case where the player might be stuck and looping through "dead" playlists.
-
-          this.tech_.trigger('retryplaylist');
-        } // Blacklist this playlist
-
-
-        currentPlaylist.excludeUntil = Date.now() + blacklistDuration * 1000;
-        this.tech_.trigger('blacklistplaylist');
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-rendition-blacklisted'
-        }); // Select a new playlist
-
-        nextPlaylist = this.selectPlaylist();
-        videojs$1.log.warn('Problem encountered with the current HLS playlist.' + (error.message ? ' ' + error.message : '') + ' Switching to another playlist.');
-        return this.masterPlaylistLoader_.media(nextPlaylist, isFinalRendition);
-      }
-      /**
-       * Pause all segment loaders
-       */
-
-    }, {
-      key: 'pauseLoading',
-      value: function pauseLoading() {
-        this.mainSegmentLoader_.pause();
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          this.audioSegmentLoader_.pause();
-        }
-
-        if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-          this.subtitleSegmentLoader_.pause();
-        }
-      }
-      /**
-       * set the current time on all segment loaders
-       *
-       * @param {TimeRange} currentTime the current time to set
-       * @return {TimeRange} the current time
-       */
-
-    }, {
-      key: 'setCurrentTime',
-      value: function setCurrentTime(currentTime) {
-        var buffered = findRange(this.tech_.buffered(), currentTime);
-
-        if (!(this.masterPlaylistLoader_ && this.masterPlaylistLoader_.media())) {
-          // return immediately if the metadata is not ready yet
-          return 0;
-        } // it's clearly an edge-case but don't thrown an error if asked to
-        // seek within an empty playlist
-
-
-        if (!this.masterPlaylistLoader_.media().segments) {
-          return 0;
-        } // In flash playback, the segment loaders should be reset on every seek, even
-        // in buffer seeks. If the seek location is already buffered, continue buffering as
-        // usual
-        // TODO: redo this comment
-
-
-        if (buffered && buffered.length) {
-          return currentTime;
-        } // cancel outstanding requests so we begin buffering at the new
-        // location
-
-
-        this.mainSegmentLoader_.resetEverything();
-        this.mainSegmentLoader_.abort();
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          this.audioSegmentLoader_.resetEverything();
-          this.audioSegmentLoader_.abort();
-        }
-
-        if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
-          this.subtitleSegmentLoader_.resetEverything();
-          this.subtitleSegmentLoader_.abort();
-        } // start segment loader loading in case they are paused
-
-
-        this.load();
-      }
-      /**
-       * get the current duration
-       *
-       * @return {TimeRange} the duration
-       */
-
-    }, {
-      key: 'duration',
-      value: function duration$$1() {
-        if (!this.masterPlaylistLoader_) {
-          return 0;
-        }
-
-        if (this.mediaSource) {
-          return this.mediaSource.duration;
-        }
-
-        return Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-      }
-      /**
-       * check the seekable range
-       *
-       * @return {TimeRange} the seekable range
-       */
-
-    }, {
-      key: 'seekable',
-      value: function seekable$$1() {
-        return this.seekable_;
-      }
-    }, {
-      key: 'onSyncInfoUpdate_',
-      value: function onSyncInfoUpdate_() {
-        var mainSeekable = void 0;
-        var audioSeekable = void 0;
-
-        if (!this.masterPlaylistLoader_) {
-          return;
-        }
-
-        var media = this.masterPlaylistLoader_.media();
-
-        if (!media) {
-          return;
-        }
-
-        var expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
-
-        if (expired === null) {
-          // not enough information to update seekable
-          return;
-        }
-
-        mainSeekable = Hls.Playlist.seekable(media, expired);
-
-        if (mainSeekable.length === 0) {
-          return;
-        }
-
-        if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
-          media = this.mediaTypes_.AUDIO.activePlaylistLoader.media();
-          expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
-
-          if (expired === null) {
-            return;
-          }
-
-          audioSeekable = Hls.Playlist.seekable(media, expired);
-
-          if (audioSeekable.length === 0) {
-            return;
-          }
-        }
-
-        var oldEnd = void 0;
-        var oldStart = void 0;
-
-        if (this.seekable_ && this.seekable_.length) {
-          oldEnd = this.seekable_.end(0);
-          oldStart = this.seekable_.start(0);
-        }
-
-        if (!audioSeekable) {
-          // seekable has been calculated based on buffering video data so it
-          // can be returned directly
-          this.seekable_ = mainSeekable;
-        } else if (audioSeekable.start(0) > mainSeekable.end(0) || mainSeekable.start(0) > audioSeekable.end(0)) {
-          // seekables are pretty far off, rely on main
-          this.seekable_ = mainSeekable;
-        } else {
-          this.seekable_ = videojs$1.createTimeRanges([[audioSeekable.start(0) > mainSeekable.start(0) ? audioSeekable.start(0) : mainSeekable.start(0), audioSeekable.end(0) < mainSeekable.end(0) ? audioSeekable.end(0) : mainSeekable.end(0)]]);
-        } // seekable is the same as last time
-
-
-        if (this.seekable_ && this.seekable_.length) {
-          if (this.seekable_.end(0) === oldEnd && this.seekable_.start(0) === oldStart) {
-            return;
-          }
-        }
-
-        this.logger_('seekable updated [' + printableRange(this.seekable_) + ']');
-        this.tech_.trigger('seekablechanged');
-      }
-      /**
-       * Update the player duration
-       */
-
-    }, {
-      key: 'updateDuration',
-      value: function updateDuration() {
-        var _this6 = this;
-
-        var oldDuration = this.mediaSource.duration;
-        var newDuration = Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-        var buffered = this.tech_.buffered();
-
-        var setDuration = function setDuration() {
-          // on firefox setting the duration may sometimes cause an exception
-          // even if the media source is open and source buffers are not
-          // updating, something about the media source being in an invalid state.
-          _this6.logger_('Setting duration from ' + _this6.mediaSource.duration + ' => ' + newDuration);
-
-          try {
-            _this6.mediaSource.duration = newDuration;
-          } catch (e) {
-            videojs$1.log.warn('Failed to set media source duration', e);
-          }
-
-          _this6.tech_.trigger('durationchange');
-
-          _this6.mediaSource.removeEventListener('sourceopen', setDuration);
-        };
-
-        if (buffered.length > 0) {
-          newDuration = Math.max(newDuration, buffered.end(buffered.length - 1));
-        } // if the duration has changed, invalidate the cached value
-
-
-        if (oldDuration !== newDuration) {
-          // update the duration
-          if (this.mediaSource.readyState !== 'open') {
-            this.mediaSource.addEventListener('sourceopen', setDuration);
-          } else {
-            setDuration();
-          }
-        }
-      }
-      /**
-       * dispose of the MasterPlaylistController and everything
-       * that it controls
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        var _this7 = this;
-
-        this.decrypter_.terminate();
-        this.masterPlaylistLoader_.dispose();
-        this.mainSegmentLoader_.dispose();
-        ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-          var groups = _this7.mediaTypes_[type].groups;
-
-          for (var id in groups) {
-            groups[id].forEach(function (group) {
-              if (group.playlistLoader) {
-                group.playlistLoader.dispose();
-              }
-            });
-          }
-        });
-        this.audioSegmentLoader_.dispose();
-        this.subtitleSegmentLoader_.dispose();
-      }
-      /**
-       * return the master playlist object if we have one
-       *
-       * @return {Object} the master playlist object that we parsed
-       */
-
-    }, {
-      key: 'master',
-      value: function master() {
-        return this.masterPlaylistLoader_.master;
-      }
-      /**
-       * return the currently selected playlist
-       *
-       * @return {Object} the currently selected playlist object that we parsed
-       */
-
-    }, {
-      key: 'media',
-      value: function media() {
-        // playlist loader will not return media if it has not been fully loaded
-        return this.masterPlaylistLoader_.media() || this.initialMedia_;
-      }
-      /**
-       * setup our internal source buffers on our segment Loaders
-       *
-       * @private
-       */
-
-    }, {
-      key: 'setupSourceBuffers_',
-      value: function setupSourceBuffers_() {
-        var media = this.masterPlaylistLoader_.media();
-        var mimeTypes = void 0; // wait until a media playlist is available and the Media Source is
-        // attached
-
-        if (!media || this.mediaSource.readyState !== 'open') {
-          return;
-        }
-
-        mimeTypes = mimeTypesForPlaylist(this.masterPlaylistLoader_.master, media);
-
-        if (mimeTypes.length < 1) {
-          this.error = 'No compatible SourceBuffer configuration for the variant stream:' + media.resolvedUri;
-          return this.mediaSource.endOfStream('decode');
-        }
-
-        this.configureLoaderMimeTypes_(mimeTypes); // exclude any incompatible variant streams from future playlist
-        // selection
-
-        this.excludeIncompatibleVariants_(media);
-      }
-    }, {
-      key: 'configureLoaderMimeTypes_',
-      value: function configureLoaderMimeTypes_(mimeTypes) {
-        // If the content is demuxed, we can't start appending segments to a source buffer
-        // until both source buffers are set up, or else the browser may not let us add the
-        // second source buffer (it will assume we are playing either audio only or video
-        // only).
-        var sourceBufferEmitter = // If there is more than one mime type
-        mimeTypes.length > 1 && // and the first mime type does not have muxed video and audio
-        mimeTypes[0].indexOf(',') === -1 && // and the two mime types are different (they can be the same in the case of audio
-        // only with alternate audio)
-        mimeTypes[0] !== mimeTypes[1] ? // then we want to wait on the second source buffer
-        new videojs$1.EventTarget() : // otherwise there is no need to wait as the content is either audio only,
-        // video only, or muxed content.
-        null;
-        this.mainSegmentLoader_.mimeType(mimeTypes[0], sourceBufferEmitter);
-
-        if (mimeTypes[1]) {
-          this.audioSegmentLoader_.mimeType(mimeTypes[1], sourceBufferEmitter);
-        }
-      }
-      /**
-       * Blacklists playlists with codecs that are unsupported by the browser.
-       */
-
-    }, {
-      key: 'excludeUnsupportedVariants_',
-      value: function excludeUnsupportedVariants_() {
-        this.master().playlists.forEach(function (variant) {
-          if (variant.attributes.CODECS && window$1.MediaSource && window$1.MediaSource.isTypeSupported && !window$1.MediaSource.isTypeSupported('video/mp4; codecs="' + mapLegacyAvcCodecs(variant.attributes.CODECS) + '"')) {
-            variant.excludeUntil = Infinity;
-          }
-        });
-      }
-      /**
-       * Blacklist playlists that are known to be codec or
-       * stream-incompatible with the SourceBuffer configuration. For
-       * instance, Media Source Extensions would cause the video element to
-       * stall waiting for video data if you switched from a variant with
-       * video and audio to an audio-only one.
-       *
-       * @param {Object} media a media playlist compatible with the current
-       * set of SourceBuffers. Variants in the current master playlist that
-       * do not appear to have compatible codec or stream configurations
-       * will be excluded from the default playlist selection algorithm
-       * indefinitely.
-       * @private
-       */
-
-    }, {
-      key: 'excludeIncompatibleVariants_',
-      value: function excludeIncompatibleVariants_(media) {
-        var codecCount = 2;
-        var videoCodec = null;
-        var codecs = void 0;
-
-        if (media.attributes.CODECS) {
-          codecs = parseCodecs(media.attributes.CODECS);
-          videoCodec = codecs.videoCodec;
-          codecCount = codecs.codecCount;
-        }
-
-        this.master().playlists.forEach(function (variant) {
-          var variantCodecs = {
-            codecCount: 2,
-            videoCodec: null
-          };
-
-          if (variant.attributes.CODECS) {
-            variantCodecs = parseCodecs(variant.attributes.CODECS);
-          } // if the streams differ in the presence or absence of audio or
-          // video, they are incompatible
-
-
-          if (variantCodecs.codecCount !== codecCount) {
-            variant.excludeUntil = Infinity;
-          } // if h.264 is specified on the current playlist, some flavor of
-          // it must be specified on all compatible variants
-
-
-          if (variantCodecs.videoCodec !== videoCodec) {
-            variant.excludeUntil = Infinity;
-          }
-        });
-      }
-    }, {
-      key: 'updateAdCues_',
-      value: function updateAdCues_(media) {
-        var offset = 0;
-        var seekable$$1 = this.seekable();
-
-        if (seekable$$1.length) {
-          offset = seekable$$1.start(0);
-        }
-
-        updateAdCues(media, this.cueTagsTrack_, offset);
-      }
-      /**
-       * Calculates the desired forward buffer length based on current time
-       *
-       * @return {Number} Desired forward buffer length in seconds
-       */
-
-    }, {
-      key: 'goalBufferLength',
-      value: function goalBufferLength() {
-        var currentTime = this.tech_.currentTime();
-        var initial = Config.GOAL_BUFFER_LENGTH;
-        var rate = Config.GOAL_BUFFER_LENGTH_RATE;
-        var max = Math.max(initial, Config.MAX_GOAL_BUFFER_LENGTH);
-        return Math.min(initial + currentTime * rate, max);
-      }
-      /**
-       * Calculates the desired buffer low water line based on current time
-       *
-       * @return {Number} Desired buffer low water line in seconds
-       */
-
-    }, {
-      key: 'bufferLowWaterLine',
-      value: function bufferLowWaterLine() {
-        var currentTime = this.tech_.currentTime();
-        var initial = Config.BUFFER_LOW_WATER_LINE;
-        var rate = Config.BUFFER_LOW_WATER_LINE_RATE;
-        var max = Math.max(initial, Config.MAX_BUFFER_LOW_WATER_LINE);
-        return Math.min(initial + currentTime * rate, max);
-      }
-    }]);
-    return MasterPlaylistController;
-  }(videojs$1.EventTarget);
-  /**
-   * Returns a function that acts as the Enable/disable playlist function.
-   *
-   * @param {PlaylistLoader} loader - The master playlist loader
-   * @param {String} playlistUri - uri of the playlist
-   * @param {Function} changePlaylistFn - A function to be called after a
-   * playlist's enabled-state has been changed. Will NOT be called if a
-   * playlist's enabled-state is unchanged
-   * @param {Boolean=} enable - Value to set the playlist enabled-state to
-   * or if undefined returns the current enabled-state for the playlist
-   * @return {Function} Function for setting/getting enabled
-   */
-
-
-  var enableFunction = function enableFunction(loader, playlistUri, changePlaylistFn) {
-    return function (enable) {
-      var playlist = loader.master.playlists[playlistUri];
-      var incompatible = isIncompatible(playlist);
-      var currentlyEnabled = isEnabled(playlist);
-
-      if (typeof enable === 'undefined') {
-        return currentlyEnabled;
-      }
-
-      if (enable) {
-        delete playlist.disabled;
-      } else {
-        playlist.disabled = true;
-      }
-
-      if (enable !== currentlyEnabled && !incompatible) {
-        // Ensure the outside world knows about our changes
-        changePlaylistFn();
-
-        if (enable) {
-          loader.trigger('renditionenabled');
-        } else {
-          loader.trigger('renditiondisabled');
-        }
-      }
-
-      return enable;
-    };
-  };
-  /**
-   * The representation object encapsulates the publicly visible information
-   * in a media playlist along with a setter/getter-type function (enabled)
-   * for changing the enabled-state of a particular playlist entry
-   *
-   * @class Representation
-   */
-
-
-  var Representation = function Representation(hlsHandler, playlist, id) {
-    classCallCheck$1(this, Representation);
-    var mpc = hlsHandler.masterPlaylistController_,
-        smoothQualityChange = hlsHandler.options_.smoothQualityChange; // Get a reference to a bound version of the quality change function
-
-    var changeType = smoothQualityChange ? 'smooth' : 'fast';
-    var qualityChangeFunction = mpc[changeType + 'QualityChange_'].bind(mpc); // some playlist attributes are optional
-
-    if (playlist.attributes.RESOLUTION) {
-      var resolution = playlist.attributes.RESOLUTION;
-      this.width = resolution.width;
-      this.height = resolution.height;
-    }
-
-    this.bandwidth = playlist.attributes.BANDWIDTH; // The id is simply the ordinality of the media playlist
-    // within the master playlist
-
-    this.id = id; // Partially-apply the enableFunction to create a playlist-
-    // specific variant
-
-    this.enabled = enableFunction(hlsHandler.playlists, playlist.uri, qualityChangeFunction);
-  };
-  /**
-   * A mixin function that adds the `representations` api to an instance
-   * of the HlsHandler class
-   * @param {HlsHandler} hlsHandler - An instance of HlsHandler to add the
-   * representation API into
-   */
-
-
-  var renditionSelectionMixin = function renditionSelectionMixin(hlsHandler) {
-    var playlists = hlsHandler.playlists; // Add a single API-specific function to the HlsHandler instance
-
-    hlsHandler.representations = function () {
-      return playlists.master.playlists.filter(function (media) {
-        return !isIncompatible(media);
-      }).map(function (e, i) {
-        return new Representation(hlsHandler, e, e.uri);
-      });
-    };
-  };
-  /**
-   * @file playback-watcher.js
-   *
-   * Playback starts, and now my watch begins. It shall not end until my death. I shall
-   * take no wait, hold no uncleared timeouts, father no bad seeks. I shall wear no crowns
-   * and win no glory. I shall live and die at my post. I am the corrector of the underflow.
-   * I am the watcher of gaps. I am the shield that guards the realms of seekable. I pledge
-   * my life and honor to the Playback Watch, for this Player and all the Players to come.
-   */
-  // Set of events that reset the playback-watcher time check logic and clear the timeout
-
-
-  var timerCancelEvents = ['seeking', 'seeked', 'pause', 'playing', 'error'];
-  /**
-   * @class PlaybackWatcher
-   */
-
-  var PlaybackWatcher = function () {
-    /**
-     * Represents an PlaybackWatcher object.
-     * @constructor
-     * @param {object} options an object that includes the tech and settings
-     */
-    function PlaybackWatcher(options) {
-      var _this = this;
-
-      classCallCheck$1(this, PlaybackWatcher);
-      this.tech_ = options.tech;
-      this.seekable = options.seekable;
-      this.seekTo = options.seekTo;
-      this.allowSeeksWithinUnsafeLiveWindow = options.allowSeeksWithinUnsafeLiveWindow;
-      this.media = options.media;
-      this.consecutiveUpdates = 0;
-      this.lastRecordedTime = null;
-      this.timer_ = null;
-      this.checkCurrentTimeTimeout_ = null;
-      this.logger_ = logger('PlaybackWatcher');
-      this.logger_('initialize');
-
-      var canPlayHandler = function canPlayHandler() {
-        return _this.monitorCurrentTime_();
-      };
-
-      var waitingHandler = function waitingHandler() {
-        return _this.techWaiting_();
-      };
-
-      var cancelTimerHandler = function cancelTimerHandler() {
-        return _this.cancelTimer_();
-      };
-
-      var fixesBadSeeksHandler = function fixesBadSeeksHandler() {
-        return _this.fixesBadSeeks_();
-      };
-
-      this.tech_.on('seekablechanged', fixesBadSeeksHandler);
-      this.tech_.on('waiting', waitingHandler);
-      this.tech_.on(timerCancelEvents, cancelTimerHandler);
-      this.tech_.on('canplay', canPlayHandler); // Define the dispose function to clean up our events
-
-      this.dispose = function () {
-        _this.logger_('dispose');
-
-        _this.tech_.off('seekablechanged', fixesBadSeeksHandler);
-
-        _this.tech_.off('waiting', waitingHandler);
-
-        _this.tech_.off(timerCancelEvents, cancelTimerHandler);
-
-        _this.tech_.off('canplay', canPlayHandler);
-
-        if (_this.checkCurrentTimeTimeout_) {
-          window$1.clearTimeout(_this.checkCurrentTimeTimeout_);
-        }
-
-        _this.cancelTimer_();
-      };
-    }
-    /**
-     * Periodically check current time to see if playback stopped
-     *
-     * @private
-     */
-
-
-    createClass$1(PlaybackWatcher, [{
-      key: 'monitorCurrentTime_',
-      value: function monitorCurrentTime_() {
-        this.checkCurrentTime_();
-
-        if (this.checkCurrentTimeTimeout_) {
-          window$1.clearTimeout(this.checkCurrentTimeTimeout_);
-        } // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
-
-
-        this.checkCurrentTimeTimeout_ = window$1.setTimeout(this.monitorCurrentTime_.bind(this), 250);
-      }
-      /**
-       * The purpose of this function is to emulate the "waiting" event on
-       * browsers that do not emit it when they are waiting for more
-       * data to continue playback
-       *
-       * @private
-       */
-
-    }, {
-      key: 'checkCurrentTime_',
-      value: function checkCurrentTime_() {
-        if (this.tech_.seeking() && this.fixesBadSeeks_()) {
-          this.consecutiveUpdates = 0;
-          this.lastRecordedTime = this.tech_.currentTime();
-          return;
-        }
-
-        if (this.tech_.paused() || this.tech_.seeking()) {
-          return;
-        }
-
-        var currentTime = this.tech_.currentTime();
-        var buffered = this.tech_.buffered();
-
-        if (this.lastRecordedTime === currentTime && (!buffered.length || currentTime + SAFE_TIME_DELTA >= buffered.end(buffered.length - 1))) {
-          // If current time is at the end of the final buffered region, then any playback
-          // stall is most likely caused by buffering in a low bandwidth environment. The tech
-          // should fire a `waiting` event in this scenario, but due to browser and tech
-          // inconsistencies. Calling `techWaiting_` here allows us to simulate
-          // responding to a native `waiting` event when the tech fails to emit one.
-          return this.techWaiting_();
-        }
-
-        if (this.consecutiveUpdates >= 5 && currentTime === this.lastRecordedTime) {
-          this.consecutiveUpdates++;
-          this.waiting_();
-        } else if (currentTime === this.lastRecordedTime) {
-          this.consecutiveUpdates++;
-        } else {
-          this.consecutiveUpdates = 0;
-          this.lastRecordedTime = currentTime;
-        }
-      }
-      /**
-       * Cancels any pending timers and resets the 'timeupdate' mechanism
-       * designed to detect that we are stalled
-       *
-       * @private
-       */
-
-    }, {
-      key: 'cancelTimer_',
-      value: function cancelTimer_() {
-        this.consecutiveUpdates = 0;
-
-        if (this.timer_) {
-          this.logger_('cancelTimer_');
-          clearTimeout(this.timer_);
-        }
-
-        this.timer_ = null;
-      }
-      /**
-       * Fixes situations where there's a bad seek
-       *
-       * @return {Boolean} whether an action was taken to fix the seek
-       * @private
-       */
-
-    }, {
-      key: 'fixesBadSeeks_',
-      value: function fixesBadSeeks_() {
-        var seeking = this.tech_.seeking();
-
-        if (!seeking) {
-          return false;
-        }
-
-        var seekable = this.seekable();
-        var currentTime = this.tech_.currentTime();
-        var isAfterSeekableRange = this.afterSeekableWindow_(seekable, currentTime, this.media(), this.allowSeeksWithinUnsafeLiveWindow);
-        var seekTo = void 0;
-
-        if (isAfterSeekableRange) {
-          var seekableEnd = seekable.end(seekable.length - 1); // sync to live point (if VOD, our seekable was updated and we're simply adjusting)
-
-          seekTo = seekableEnd;
-        }
-
-        if (this.beforeSeekableWindow_(seekable, currentTime)) {
-          var seekableStart = seekable.start(0); // sync to the beginning of the live window
-          // provide a buffer of .1 seconds to handle rounding/imprecise numbers
-
-          seekTo = seekableStart + SAFE_TIME_DELTA;
-        }
-
-        if (typeof seekTo !== 'undefined') {
-          this.logger_('Trying to seek outside of seekable at time ' + currentTime + ' with ' + ('seekable range ' + printableRange(seekable) + '. Seeking to ') + (seekTo + '.'));
-          this.seekTo(seekTo);
-          return true;
-        }
-
-        return false;
-      }
-      /**
-       * Handler for situations when we determine the player is waiting.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'waiting_',
-      value: function waiting_() {
-        if (this.techWaiting_()) {
-          return;
-        } // All tech waiting checks failed. Use last resort correction
-
-
-        var currentTime = this.tech_.currentTime();
-        var buffered = this.tech_.buffered();
-        var currentRange = findRange(buffered, currentTime); // Sometimes the player can stall for unknown reasons within a contiguous buffered
-        // region with no indication that anything is amiss (seen in Firefox). Seeking to
-        // currentTime is usually enough to kickstart the player. This checks that the player
-        // is currently within a buffered region before attempting a corrective seek.
-        // Chrome does not appear to continue `timeupdate` events after a `waiting` event
-        // until there is ~ 3 seconds of forward buffer available. PlaybackWatcher should also
-        // make sure there is ~3 seconds of forward buffer before taking any corrective action
-        // to avoid triggering an `unknownwaiting` event when the network is slow.
-
-        if (currentRange.length && currentTime + 3 <= currentRange.end(0)) {
-          this.cancelTimer_();
-          this.seekTo(currentTime);
-          this.logger_('Stopped at ' + currentTime + ' while inside a buffered region ' + ('[' + currentRange.start(0) + ' -> ' + currentRange.end(0) + ']. Attempting to resume ') + 'playback by seeking to the current time.'); // unknown waiting corrections may be useful for monitoring QoS
-
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-unknown-waiting'
-          });
-          return;
-        }
-      }
-      /**
-       * Handler for situations when the tech fires a `waiting` event
-       *
-       * @return {Boolean}
-       *         True if an action (or none) was needed to correct the waiting. False if no
-       *         checks passed
-       * @private
-       */
-
-    }, {
-      key: 'techWaiting_',
-      value: function techWaiting_() {
-        var seekable = this.seekable();
-        var currentTime = this.tech_.currentTime();
-
-        if (this.tech_.seeking() && this.fixesBadSeeks_()) {
-          // Tech is seeking or bad seek fixed, no action needed
-          return true;
-        }
-
-        if (this.tech_.seeking() || this.timer_ !== null) {
-          // Tech is seeking or already waiting on another action, no action needed
-          return true;
-        }
-
-        if (this.beforeSeekableWindow_(seekable, currentTime)) {
-          var livePoint = seekable.end(seekable.length - 1);
-          this.logger_('Fell out of live window at time ' + currentTime + '. Seeking to ' + ('live point (seekable end) ' + livePoint));
-          this.cancelTimer_();
-          this.seekTo(livePoint); // live window resyncs may be useful for monitoring QoS
-
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-live-resync'
-          });
-          return true;
-        }
-
-        var buffered = this.tech_.buffered();
-        var nextRange = findNextRange(buffered, currentTime);
-
-        if (this.videoUnderflow_(nextRange, buffered, currentTime)) {
-          // Even though the video underflowed and was stuck in a gap, the audio overplayed
-          // the gap, leading currentTime into a buffered range. Seeking to currentTime
-          // allows the video to catch up to the audio position without losing any audio
-          // (only suffering ~3 seconds of frozen video and a pause in audio playback).
-          this.cancelTimer_();
-          this.seekTo(currentTime); // video underflow may be useful for monitoring QoS
-
-          this.tech_.trigger({
-            type: 'usage',
-            name: 'hls-video-underflow'
-          });
-          return true;
-        } // check for gap
-
-
-        if (nextRange.length > 0) {
-          var difference = nextRange.start(0) - currentTime;
-          this.logger_('Stopped at ' + currentTime + ', setting timer for ' + difference + ', seeking ' + ('to ' + nextRange.start(0)));
-          this.timer_ = setTimeout(this.skipTheGap_.bind(this), difference * 1000, currentTime);
-          return true;
-        } // All checks failed. Returning false to indicate failure to correct waiting
-
-
-        return false;
-      }
-    }, {
-      key: 'afterSeekableWindow_',
-      value: function afterSeekableWindow_(seekable, currentTime, playlist) {
-        var allowSeeksWithinUnsafeLiveWindow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
-        if (!seekable.length) {
-          // we can't make a solid case if there's no seekable, default to false
-          return false;
-        }
-
-        var allowedEnd = seekable.end(seekable.length - 1) + SAFE_TIME_DELTA;
-        var isLive = !playlist.endList;
-
-        if (isLive && allowSeeksWithinUnsafeLiveWindow) {
-          allowedEnd = seekable.end(seekable.length - 1) + playlist.targetDuration * 3;
-        }
-
-        if (currentTime > allowedEnd) {
-          return true;
-        }
-
-        return false;
-      }
-    }, {
-      key: 'beforeSeekableWindow_',
-      value: function beforeSeekableWindow_(seekable, currentTime) {
-        if (seekable.length && // can't fall before 0 and 0 seekable start identifies VOD stream
-        seekable.start(0) > 0 && currentTime < seekable.start(0) - SAFE_TIME_DELTA) {
-          return true;
-        }
-
-        return false;
-      }
-    }, {
-      key: 'videoUnderflow_',
-      value: function videoUnderflow_(nextRange, buffered, currentTime) {
-        if (nextRange.length === 0) {
-          // Even if there is no available next range, there is still a possibility we are
-          // stuck in a gap due to video underflow.
-          var gap = this.gapFromVideoUnderflow_(buffered, currentTime);
-
-          if (gap) {
-            this.logger_('Encountered a gap in video from ' + gap.start + ' to ' + gap.end + '. ' + ('Seeking to current time ' + currentTime));
-            return true;
-          }
-        }
-
-        return false;
-      }
-      /**
-       * Timer callback. If playback still has not proceeded, then we seek
-       * to the start of the next buffered region.
-       *
-       * @private
-       */
-
-    }, {
-      key: 'skipTheGap_',
-      value: function skipTheGap_(scheduledCurrentTime) {
-        var buffered = this.tech_.buffered();
-        var currentTime = this.tech_.currentTime();
-        var nextRange = findNextRange(buffered, currentTime);
-        this.cancelTimer_();
-
-        if (nextRange.length === 0 || currentTime !== scheduledCurrentTime) {
-          return;
-        }
-
-        this.logger_('skipTheGap_:', 'currentTime:', currentTime, 'scheduled currentTime:', scheduledCurrentTime, 'nextRange start:', nextRange.start(0)); // only seek if we still have not played
-
-        this.seekTo(nextRange.start(0) + TIME_FUDGE_FACTOR);
-        this.tech_.trigger({
-          type: 'usage',
-          name: 'hls-gap-skip'
-        });
-      }
-    }, {
-      key: 'gapFromVideoUnderflow_',
-      value: function gapFromVideoUnderflow_(buffered, currentTime) {
-        // At least in Chrome, if there is a gap in the video buffer, the audio will continue
-        // playing for ~3 seconds after the video gap starts. This is done to account for
-        // video buffer underflow/underrun (note that this is not done when there is audio
-        // buffer underflow/underrun -- in that case the video will stop as soon as it
-        // encounters the gap, as audio stalls are more noticeable/jarring to a user than
-        // video stalls). The player's time will reflect the playthrough of audio, so the
-        // time will appear as if we are in a buffered region, even if we are stuck in a
-        // "gap."
-        //
-        // Example:
-        // video buffer:   0 => 10.1, 10.2 => 20
-        // audio buffer:   0 => 20
-        // overall buffer: 0 => 10.1, 10.2 => 20
-        // current time: 13
-        //
-        // Chrome's video froze at 10 seconds, where the video buffer encountered the gap,
-        // however, the audio continued playing until it reached ~3 seconds past the gap
-        // (13 seconds), at which point it stops as well. Since current time is past the
-        // gap, findNextRange will return no ranges.
-        //
-        // To check for this issue, we see if there is a gap that starts somewhere within
-        // a 3 second range (3 seconds +/- 1 second) back from our current time.
-        var gaps = findGaps(buffered);
-
-        for (var i = 0; i < gaps.length; i++) {
-          var start = gaps.start(i);
-          var end = gaps.end(i); // gap is starts no more than 4 seconds back
-
-          if (currentTime - start < 4 && currentTime - start > 2) {
-            return {
-              start: start,
-              end: end
-            };
-          }
-        }
-
-        return null;
-      }
-    }]);
-    return PlaybackWatcher;
-  }();
-
-  var defaultOptions = {
-    errorInterval: 30,
-    getSource: function getSource(next) {
-      var tech = this.tech({
-        IWillNotUseThisInPlugins: true
-      });
-      var sourceObj = tech.currentSource_;
-      return next(sourceObj);
-    }
-  };
-  /**
-   * Main entry point for the plugin
-   *
-   * @param {Player} player a reference to a videojs Player instance
-   * @param {Object} [options] an object with plugin options
-   * @private
-   */
-
-  var initPlugin = function initPlugin(player, options) {
-    var lastCalled = 0;
-    var seekTo = 0;
-    var localOptions = videojs$1.mergeOptions(defaultOptions, options);
-    player.ready(function () {
-      player.trigger({
-        type: 'usage',
-        name: 'hls-error-reload-initialized'
-      });
-    });
-    /**
-     * Player modifications to perform that must wait until `loadedmetadata`
-     * has been triggered
-     *
-     * @private
-     */
-
-    var loadedMetadataHandler = function loadedMetadataHandler() {
-      if (seekTo) {
-        player.currentTime(seekTo);
-      }
-    };
-    /**
-     * Set the source on the player element, play, and seek if necessary
-     *
-     * @param {Object} sourceObj An object specifying the source url and mime-type to play
-     * @private
-     */
-
-
-    var setSource = function setSource(sourceObj) {
-      if (sourceObj === null || sourceObj === undefined) {
-        return;
-      }
-
-      seekTo = player.duration() !== Infinity && player.currentTime() || 0;
-      player.one('loadedmetadata', loadedMetadataHandler);
-      player.src(sourceObj);
-      player.trigger({
-        type: 'usage',
-        name: 'hls-error-reload'
-      });
-      player.play();
-    };
-    /**
-     * Attempt to get a source from either the built-in getSource function
-     * or a custom function provided via the options
-     *
-     * @private
-     */
-
-
-    var errorHandler = function errorHandler() {
-      // Do not attempt to reload the source if a source-reload occurred before
-      // 'errorInterval' time has elapsed since the last source-reload
-      if (Date.now() - lastCalled < localOptions.errorInterval * 1000) {
-        player.trigger({
-          type: 'usage',
-          name: 'hls-error-reload-canceled'
-        });
-        return;
-      }
-
-      if (!localOptions.getSource || typeof localOptions.getSource !== 'function') {
-        videojs$1.log.error('ERROR: reloadSourceOnError - The option getSource must be a function!');
-        return;
-      }
-
-      lastCalled = Date.now();
-      return localOptions.getSource.call(player, setSource);
-    };
-    /**
-     * Unbind any event handlers that were bound by the plugin
-     *
-     * @private
-     */
-
-
-    var cleanupEvents = function cleanupEvents() {
-      player.off('loadedmetadata', loadedMetadataHandler);
-      player.off('error', errorHandler);
-      player.off('dispose', cleanupEvents);
-    };
-    /**
-     * Cleanup before re-initializing the plugin
-     *
-     * @param {Object} [newOptions] an object with plugin options
-     * @private
-     */
-
-
-    var reinitPlugin = function reinitPlugin(newOptions) {
-      cleanupEvents();
-      initPlugin(player, newOptions);
-    };
-
-    player.on('error', errorHandler);
-    player.on('dispose', cleanupEvents); // Overwrite the plugin function so that we can correctly cleanup before
-    // initializing the plugin
-
-    player.reloadSourceOnError = reinitPlugin;
-  };
-  /**
-   * Reload the source when an error is detected as long as there
-   * wasn't an error previously within the last 30 seconds
-   *
-   * @param {Object} [options] an object with plugin options
-   */
-
-
-  var reloadSourceOnError = function reloadSourceOnError(options) {
-    initPlugin(this, options);
-  };
-
-  var version$1 = "1.11.2"; // since VHS handles HLS and DASH (and in the future, more types), use * to capture all
-
-  videojs$1.use('*', function (player) {
-    return {
-      setSource: function setSource(srcObj, next) {
-        // pass null as the first argument to indicate that the source is not rejected
-        next(null, srcObj);
-      },
-      // VHS needs to know when seeks happen. For external seeks (generated at the player
-      // level), this middleware will capture the action. For internal seeks (generated at
-      // the tech level), we use a wrapped function so that we can handle it on our own
-      // (specified elsewhere).
-      setCurrentTime: function setCurrentTime(time) {
-        if (player.vhs && player.currentSource().src === player.vhs.source_.src) {
-          player.vhs.setCurrentTime(time);
-        }
-
-        return time;
-      },
-      // Sync VHS after play requests.
-      // This specifically handles replay where the order of actions is
-      // play, video element will seek to 0 (skipping the setCurrentTime middleware)
-      // then triggers a play event.
-      play: function play() {
-        if (player.vhs && player.currentSource().src === player.vhs.source_.src) {
-          player.vhs.setCurrentTime(player.tech_.currentTime());
-        }
-      }
-    };
-  });
-  /**
-   * @file videojs-http-streaming.js
-   *
-   * The main file for the HLS project.
-   * License: https://github.com/videojs/videojs-http-streaming/blob/master/LICENSE
-   */
-
-  var Hls$1 = {
-    PlaylistLoader: PlaylistLoader,
-    Playlist: Playlist,
-    Decrypter: Decrypter,
-    AsyncStream: AsyncStream,
-    decrypt: decrypt,
-    utils: utils$1,
-    STANDARD_PLAYLIST_SELECTOR: lastBandwidthSelector,
-    INITIAL_PLAYLIST_SELECTOR: lowestBitrateCompatibleVariantSelector,
-    comparePlaylistBandwidth: comparePlaylistBandwidth,
-    comparePlaylistResolution: comparePlaylistResolution,
-    xhr: xhrFactory()
-  }; // Define getter/setters for config properites
-
-  ['GOAL_BUFFER_LENGTH', 'MAX_GOAL_BUFFER_LENGTH', 'GOAL_BUFFER_LENGTH_RATE', 'BUFFER_LOW_WATER_LINE', 'MAX_BUFFER_LOW_WATER_LINE', 'BUFFER_LOW_WATER_LINE_RATE', 'BANDWIDTH_VARIANCE'].forEach(function (prop) {
-    Object.defineProperty(Hls$1, prop, {
-      get: function get$$1() {
-        videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-        return Config[prop];
-      },
-      set: function set$$1(value) {
-        videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-
-        if (typeof value !== 'number' || value < 0) {
-          videojs$1.log.warn('value of Hls.' + prop + ' must be greater than or equal to 0');
-          return;
-        }
-
-        Config[prop] = value;
-      }
-    });
-  });
-  var LOCAL_STORAGE_KEY$1 = 'videojs-vhs';
-
-  var simpleTypeFromSourceType = function simpleTypeFromSourceType(type) {
-    var mpegurlRE = /^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i;
-
-    if (mpegurlRE.test(type)) {
-      return 'hls';
-    }
-
-    var dashRE = /^application\/dash\+xml/i;
-
-    if (dashRE.test(type)) {
-      return 'dash';
-    }
-
-    return null;
-  };
-  /**
-   * Updates the selectedIndex of the QualityLevelList when a mediachange happens in hls.
-   *
-   * @param {QualityLevelList} qualityLevels The QualityLevelList to update.
-   * @param {PlaylistLoader} playlistLoader PlaylistLoader containing the new media info.
-   * @function handleHlsMediaChange
-   */
-
-
-  var handleHlsMediaChange = function handleHlsMediaChange(qualityLevels, playlistLoader) {
-    var newPlaylist = playlistLoader.media();
-    var selectedIndex = -1;
-
-    for (var i = 0; i < qualityLevels.length; i++) {
-      if (qualityLevels[i].id === newPlaylist.uri) {
-        selectedIndex = i;
-        break;
-      }
-    }
-
-    qualityLevels.selectedIndex_ = selectedIndex;
-    qualityLevels.trigger({
-      selectedIndex: selectedIndex,
-      type: 'change'
-    });
-  };
-  /**
-   * Adds quality levels to list once playlist metadata is available
-   *
-   * @param {QualityLevelList} qualityLevels The QualityLevelList to attach events to.
-   * @param {Object} hls Hls object to listen to for media events.
-   * @function handleHlsLoadedMetadata
-   */
-
-
-  var handleHlsLoadedMetadata = function handleHlsLoadedMetadata(qualityLevels, hls) {
-    hls.representations().forEach(function (rep) {
-      qualityLevels.addQualityLevel(rep);
-    });
-    handleHlsMediaChange(qualityLevels, hls.playlists);
-  }; // HLS is a source handler, not a tech. Make sure attempts to use it
-  // as one do not cause exceptions.
-
-
-  Hls$1.canPlaySource = function () {
-    return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-  };
-
-  var emeKeySystems = function emeKeySystems(keySystemOptions, mainSegmentLoader, audioSegmentLoader) {
-    if (!keySystemOptions) {
-      return keySystemOptions;
-    }
-
-    var videoMimeType = void 0;
-    var audioMimeType = void 0; // if there is a mimeType associated with the audioSegmentLoader, then the audio
-    // and video mimeType and codec strings are already in the format we need to
-    // pass with the other key systems
-
-    if (audioSegmentLoader.mimeType_) {
-      videoMimeType = mainSegmentLoader.mimeType_;
-      audioMimeType = audioSegmentLoader.mimeType_; // if there is no audioSegmentLoader mimeType, then we have to create the
-      // the audio and video mimeType/codec strings from information extrapolated
-      // from the mainSegmentLoader mimeType (ex. 'video/mp4; codecs="mp4, avc1"' -->
-      // 'video/mp4; codecs="avc1"' and 'audio/mp4; codecs="mp4"')
-    } else {
-      var parsedMimeType = parseContentType(mainSegmentLoader.mimeType_);
-      var codecs = parsedMimeType.parameters.codecs.split(',');
-      var audioCodec = void 0;
-      var videoCodec = void 0;
-      codecs.forEach(function (codec) {
-        codec = codec.trim();
-
-        if (isAudioCodec(codec)) {
-          audioCodec = codec;
-        } else if (isVideoCodec(codec)) {
-          videoCodec = codec;
-        }
-      });
-      videoMimeType = parsedMimeType.type + '; codecs="' + videoCodec + '"';
-      audioMimeType = parsedMimeType.type.replace('video', 'audio') + '; codecs="' + audioCodec + '"';
-    } // upsert the content types based on the selected playlist
-
-
-    var keySystemContentTypes = {};
-    var videoPlaylist = mainSegmentLoader.playlist_;
-
-    for (var keySystem in keySystemOptions) {
-      keySystemContentTypes[keySystem] = {
-        audioContentType: audioMimeType,
-        videoContentType: videoMimeType
-      };
-
-      if (videoPlaylist.contentProtection && videoPlaylist.contentProtection[keySystem] && videoPlaylist.contentProtection[keySystem].pssh) {
-        keySystemContentTypes[keySystem].pssh = videoPlaylist.contentProtection[keySystem].pssh;
-      } // videojs-contrib-eme accepts the option of specifying: 'com.some.cdm': 'url'
-      // so we need to prevent overwriting the URL entirely
-
-
-      if (typeof keySystemOptions[keySystem] === 'string') {
-        keySystemContentTypes[keySystem].url = keySystemOptions[keySystem];
-      }
-    }
-
-    return videojs$1.mergeOptions(keySystemOptions, keySystemContentTypes);
-  };
-
-  var setupEmeOptions = function setupEmeOptions(hlsHandler) {
-    var mainSegmentLoader = hlsHandler.masterPlaylistController_.mainSegmentLoader_;
-    var audioSegmentLoader = hlsHandler.masterPlaylistController_.audioSegmentLoader_;
-    var player = videojs$1.players[hlsHandler.tech_.options_.playerId];
-
-    if (player.eme) {
-      var sourceOptions = emeKeySystems(hlsHandler.source_.keySystems, mainSegmentLoader, audioSegmentLoader);
-
-      if (sourceOptions) {
-        player.currentSource().keySystems = sourceOptions; // Works around https://bugs.chromium.org/p/chromium/issues/detail?id=895449
-        // in non-IE11 browsers. In IE11 this is too early to initialize media keys
-
-        if (!(videojs$1.browser.IE_VERSION === 11) && player.eme.initializeMediaKeys) {
-          player.eme.initializeMediaKeys();
-        }
-      }
-    }
-  };
-
-  var getVhsLocalStorage = function getVhsLocalStorage() {
-    if (!window.localStorage) {
-      return null;
-    }
-
-    var storedObject = window.localStorage.getItem(LOCAL_STORAGE_KEY$1);
-
-    if (!storedObject) {
-      return null;
-    }
-
-    try {
-      return JSON.parse(storedObject);
-    } catch (e) {
-      // someone may have tampered with the value
-      return null;
-    }
-  };
-
-  var updateVhsLocalStorage = function updateVhsLocalStorage(options) {
-    if (!window.localStorage) {
-      return false;
-    }
-
-    var objectToStore = getVhsLocalStorage();
-    objectToStore = objectToStore ? videojs$1.mergeOptions(objectToStore, options) : options;
-
-    try {
-      window.localStorage.setItem(LOCAL_STORAGE_KEY$1, JSON.stringify(objectToStore));
-    } catch (e) {
-      // Throws if storage is full (e.g., always on iOS 5+ Safari private mode, where
-      // storage is set to 0).
-      // https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem#Exceptions
-      // No need to perform any operation.
-      return false;
-    }
-
-    return objectToStore;
-  };
-  /**
-   * Whether the browser has built-in HLS support.
-   */
-
-
-  Hls$1.supportsNativeHls = function () {
-    var video = document.createElement('video'); // native HLS is definitely not supported if HTML5 video isn't
-
-    if (!videojs$1.getTech('Html5').isSupported()) {
-      return false;
-    } // HLS manifests can go by many mime-types
-
-
-    var canPlay = [// Apple santioned
-    'application/vnd.apple.mpegurl', // Apple sanctioned for backwards compatibility
-    'audio/mpegurl', // Very common
-    'audio/x-mpegurl', // Very common
-    'application/x-mpegurl', // Included for completeness
-    'video/x-mpegurl', 'video/mpegurl', 'application/mpegurl'];
-    return canPlay.some(function (canItPlay) {
-      return /maybe|probably/i.test(video.canPlayType(canItPlay));
-    });
-  }();
-
-  Hls$1.supportsNativeDash = function () {
-    if (!videojs$1.getTech('Html5').isSupported()) {
-      return false;
-    }
-
-    return /maybe|probably/i.test(document.createElement('video').canPlayType('application/dash+xml'));
-  }();
-
-  Hls$1.supportsTypeNatively = function (type) {
-    if (type === 'hls') {
-      return Hls$1.supportsNativeHls;
-    }
-
-    if (type === 'dash') {
-      return Hls$1.supportsNativeDash;
-    }
-
-    return false;
-  };
-  /**
-   * HLS is a source handler, not a tech. Make sure attempts to use it
-   * as one do not cause exceptions.
-   */
-
-
-  Hls$1.isSupported = function () {
-    return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-  };
-
-  var Component$1 = videojs$1.getComponent('Component');
-  /**
-   * The Hls Handler object, where we orchestrate all of the parts
-   * of HLS to interact with video.js
-   *
-   * @class HlsHandler
-   * @extends videojs.Component
-   * @param {Object} source the soruce object
-   * @param {Tech} tech the parent tech object
-   * @param {Object} options optional and required options
-   */
-
-  var HlsHandler = function (_Component) {
-    inherits$2(HlsHandler, _Component);
-
-    function HlsHandler(source, tech, options) {
-      classCallCheck$1(this, HlsHandler); // tech.player() is deprecated but setup a reference to HLS for
-      // backwards-compatibility
-
-      var _this = possibleConstructorReturn$1(this, (HlsHandler.__proto__ || Object.getPrototypeOf(HlsHandler)).call(this, tech, options.hls));
-
-      if (tech.options_ && tech.options_.playerId) {
-        var _player = videojs$1(tech.options_.playerId);
-
-        if (!_player.hasOwnProperty('hls')) {
-          Object.defineProperty(_player, 'hls', {
-            get: function get$$1() {
-              videojs$1.log.warn('player.hls is deprecated. Use player.tech().hls instead.');
-              tech.trigger({
-                type: 'usage',
-                name: 'hls-player-access'
-              });
-              return _this;
-            },
-            configurable: true
-          });
-        } // Set up a reference to the HlsHandler from player.vhs. This allows users to start
-        // migrating from player.tech_.hls... to player.vhs... for API access. Although this
-        // isn't the most appropriate form of reference for video.js (since all APIs should
-        // be provided through core video.js), it is a common pattern for plugins, and vhs
-        // will act accordingly.
-
-
-        _player.vhs = _this; // deprecated, for backwards compatibility
-
-        _player.dash = _this;
-        _this.player_ = _player;
-      }
-
-      _this.tech_ = tech;
-      _this.source_ = source;
-      _this.stats = {};
-
-      _this.setOptions_();
-
-      if (_this.options_.overrideNative && tech.overrideNativeAudioTracks && tech.overrideNativeVideoTracks) {
-        tech.overrideNativeAudioTracks(true);
-        tech.overrideNativeVideoTracks(true);
-      } else if (_this.options_.overrideNative && (tech.featuresNativeVideoTracks || tech.featuresNativeAudioTracks)) {
-        // overriding native HLS only works if audio tracks have been emulated
-        // error early if we're misconfigured
-        throw new Error('Overriding native HLS requires emulated tracks. ' + 'See https://git.io/vMpjB');
-      } // listen for fullscreenchange events for this player so that we
-      // can adjust our quality selection quickly
-
-
-      _this.on(document, ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange'], function (event) {
-        var fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
-
-        if (fullscreenElement && fullscreenElement.contains(_this.tech_.el())) {
-          _this.masterPlaylistController_.smoothQualityChange_();
-        }
-      }); // Handle seeking when looping - middleware doesn't handle this seek event from the tech
-
-
-      _this.on(_this.tech_, 'seeking', function () {
-        if (this.tech_.currentTime() === 0 && this.tech_.player_.loop()) {
-          this.setCurrentTime(0);
-        }
-      });
-
-      _this.on(_this.tech_, 'error', function () {
-        if (this.masterPlaylistController_) {
-          this.masterPlaylistController_.pauseLoading();
-        }
-      });
-
-      _this.on(_this.tech_, 'play', _this.play);
-
-      return _this;
-    }
-
-    createClass$1(HlsHandler, [{
-      key: 'setOptions_',
-      value: function setOptions_() {
-        var _this2 = this; // defaults
-
-
-        this.options_.withCredentials = this.options_.withCredentials || false;
-        this.options_.handleManifestRedirects = this.options_.handleManifestRedirects || false;
-        this.options_.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions === false ? false : true;
-        this.options_.smoothQualityChange = this.options_.smoothQualityChange || false;
-        this.options_.useBandwidthFromLocalStorage = typeof this.source_.useBandwidthFromLocalStorage !== 'undefined' ? this.source_.useBandwidthFromLocalStorage : this.options_.useBandwidthFromLocalStorage || false;
-        this.options_.customTagParsers = this.options_.customTagParsers || [];
-        this.options_.customTagMappers = this.options_.customTagMappers || [];
-        this.options_.cacheEncryptionKeys = this.options_.cacheEncryptionKeys || false;
-
-        if (typeof this.options_.blacklistDuration !== 'number') {
-          this.options_.blacklistDuration = 5 * 60;
-        }
-
-        if (typeof this.options_.bandwidth !== 'number') {
-          if (this.options_.useBandwidthFromLocalStorage) {
-            var storedObject = getVhsLocalStorage();
-
-            if (storedObject && storedObject.bandwidth) {
-              this.options_.bandwidth = storedObject.bandwidth;
-              this.tech_.trigger({
-                type: 'usage',
-                name: 'hls-bandwidth-from-local-storage'
-              });
-            }
-
-            if (storedObject && storedObject.throughput) {
-              this.options_.throughput = storedObject.throughput;
-              this.tech_.trigger({
-                type: 'usage',
-                name: 'hls-throughput-from-local-storage'
-              });
-            }
-          }
-        } // if bandwidth was not set by options or pulled from local storage, start playlist
-        // selection at a reasonable bandwidth
-
-
-        if (typeof this.options_.bandwidth !== 'number') {
-          this.options_.bandwidth = Config.INITIAL_BANDWIDTH;
-        } // If the bandwidth number is unchanged from the initial setting
-        // then this takes precedence over the enableLowInitialPlaylist option
-
-
-        this.options_.enableLowInitialPlaylist = this.options_.enableLowInitialPlaylist && this.options_.bandwidth === Config.INITIAL_BANDWIDTH; // grab options passed to player.src
-
-        ['withCredentials', 'limitRenditionByPlayerDimensions', 'bandwidth', 'smoothQualityChange', 'customTagParsers', 'customTagMappers', 'handleManifestRedirects', 'cacheEncryptionKeys'].forEach(function (option) {
-          if (typeof _this2.source_[option] !== 'undefined') {
-            _this2.options_[option] = _this2.source_[option];
-          }
-        });
-        this.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions;
-      }
-      /**
-       * called when player.src gets called, handle a new source
-       *
-       * @param {Object} src the source object to handle
-       */
-
-    }, {
-      key: 'src',
-      value: function src(_src, type) {
-        var _this3 = this; // do nothing if the src is falsey
-
-
-        if (!_src) {
-          return;
-        }
-
-        this.setOptions_(); // add master playlist controller options
-
-        this.options_.url = this.source_.src;
-        this.options_.tech = this.tech_;
-        this.options_.externHls = Hls$1;
-        this.options_.sourceType = simpleTypeFromSourceType(type); // Whenever we seek internally, we should update both the tech and call our own
-        // setCurrentTime function. This is needed because "seeking" events aren't always
-        // reliable. External seeks (via the player object) are handled via middleware.
-
-        this.options_.seekTo = function (time) {
-          _this3.tech_.setCurrentTime(time);
-
-          _this3.setCurrentTime(time);
-        };
-
-        this.masterPlaylistController_ = new MasterPlaylistController(this.options_);
-        this.playbackWatcher_ = new PlaybackWatcher(videojs$1.mergeOptions(this.options_, {
-          seekable: function seekable$$1() {
-            return _this3.seekable();
-          },
-          media: function media() {
-            return _this3.masterPlaylistController_.media();
-          }
-        }));
-        this.masterPlaylistController_.on('error', function () {
-          var player = videojs$1.players[_this3.tech_.options_.playerId];
-          player.error(_this3.masterPlaylistController_.error);
-        }); // `this` in selectPlaylist should be the HlsHandler for backwards
-        // compatibility with < v2
-
-        this.masterPlaylistController_.selectPlaylist = this.selectPlaylist ? this.selectPlaylist.bind(this) : Hls$1.STANDARD_PLAYLIST_SELECTOR.bind(this);
-        this.masterPlaylistController_.selectInitialPlaylist = Hls$1.INITIAL_PLAYLIST_SELECTOR.bind(this); // re-expose some internal objects for backwards compatibility with < v2
-
-        this.playlists = this.masterPlaylistController_.masterPlaylistLoader_;
-        this.mediaSource = this.masterPlaylistController_.mediaSource; // Proxy assignment of some properties to the master playlist
-        // controller. Using a custom property for backwards compatibility
-        // with < v2
-
-        Object.defineProperties(this, {
-          selectPlaylist: {
-            get: function get$$1() {
-              return this.masterPlaylistController_.selectPlaylist;
-            },
-            set: function set$$1(selectPlaylist) {
-              this.masterPlaylistController_.selectPlaylist = selectPlaylist.bind(this);
-            }
-          },
-          throughput: {
-            get: function get$$1() {
-              return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate;
-            },
-            set: function set$$1(throughput) {
-              this.masterPlaylistController_.mainSegmentLoader_.throughput.rate = throughput; // By setting `count` to 1 the throughput value becomes the starting value
-              // for the cumulative average
-
-              this.masterPlaylistController_.mainSegmentLoader_.throughput.count = 1;
-            }
-          },
-          bandwidth: {
-            get: function get$$1() {
-              return this.masterPlaylistController_.mainSegmentLoader_.bandwidth;
-            },
-            set: function set$$1(bandwidth) {
-              this.masterPlaylistController_.mainSegmentLoader_.bandwidth = bandwidth; // setting the bandwidth manually resets the throughput counter
-              // `count` is set to zero that current value of `rate` isn't included
-              // in the cumulative average
-
-              this.masterPlaylistController_.mainSegmentLoader_.throughput = {
-                rate: 0,
-                count: 0
-              };
-            }
-          },
-
-          /**
-           * `systemBandwidth` is a combination of two serial processes bit-rates. The first
-           * is the network bitrate provided by `bandwidth` and the second is the bitrate of
-           * the entire process after that - decryption, transmuxing, and appending - provided
-           * by `throughput`.
-           *
-           * Since the two process are serial, the overall system bandwidth is given by:
-           *   sysBandwidth = 1 / (1 / bandwidth + 1 / throughput)
-           */
-          systemBandwidth: {
-            get: function get$$1() {
-              var invBandwidth = 1 / (this.bandwidth || 1);
-              var invThroughput = void 0;
-
-              if (this.throughput > 0) {
-                invThroughput = 1 / this.throughput;
-              } else {
-                invThroughput = 0;
-              }
-
-              var systemBitrate = Math.floor(1 / (invBandwidth + invThroughput));
-              return systemBitrate;
-            },
-            set: function set$$1() {
-              videojs$1.log.error('The "systemBandwidth" property is read-only');
-            }
-          }
-        });
-
-        if (this.options_.bandwidth) {
-          this.bandwidth = this.options_.bandwidth;
-        }
-
-        if (this.options_.throughput) {
-          this.throughput = this.options_.throughput;
-        }
-
-        Object.defineProperties(this.stats, {
-          bandwidth: {
-            get: function get$$1() {
-              return _this3.bandwidth || 0;
-            },
-            enumerable: true
-          },
-          mediaRequests: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaRequests_() || 0;
-            },
-            enumerable: true
-          },
-          mediaRequestsAborted: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaRequestsAborted_() || 0;
-            },
-            enumerable: true
-          },
-          mediaRequestsTimedout: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaRequestsTimedout_() || 0;
-            },
-            enumerable: true
-          },
-          mediaRequestsErrored: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaRequestsErrored_() || 0;
-            },
-            enumerable: true
-          },
-          mediaTransferDuration: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaTransferDuration_() || 0;
-            },
-            enumerable: true
-          },
-          mediaBytesTransferred: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaBytesTransferred_() || 0;
-            },
-            enumerable: true
-          },
-          mediaSecondsLoaded: {
-            get: function get$$1() {
-              return _this3.masterPlaylistController_.mediaSecondsLoaded_() || 0;
-            },
-            enumerable: true
-          },
-          buffered: {
-            get: function get$$1() {
-              return timeRangesToArray(_this3.tech_.buffered());
-            },
-            enumerable: true
-          },
-          currentTime: {
-            get: function get$$1() {
-              return _this3.tech_.currentTime();
-            },
-            enumerable: true
-          },
-          currentSource: {
-            get: function get$$1() {
-              return _this3.tech_.currentSource_;
-            },
-            enumerable: true
-          },
-          currentTech: {
-            get: function get$$1() {
-              return _this3.tech_.name_;
-            },
-            enumerable: true
-          },
-          duration: {
-            get: function get$$1() {
-              return _this3.tech_.duration();
-            },
-            enumerable: true
-          },
-          master: {
-            get: function get$$1() {
-              return _this3.playlists.master;
-            },
-            enumerable: true
-          },
-          playerDimensions: {
-            get: function get$$1() {
-              return _this3.tech_.currentDimensions();
-            },
-            enumerable: true
-          },
-          seekable: {
-            get: function get$$1() {
-              return timeRangesToArray(_this3.tech_.seekable());
-            },
-            enumerable: true
-          },
-          timestamp: {
-            get: function get$$1() {
-              return Date.now();
-            },
-            enumerable: true
-          },
-          videoPlaybackQuality: {
-            get: function get$$1() {
-              return _this3.tech_.getVideoPlaybackQuality();
-            },
-            enumerable: true
-          }
-        });
-        this.tech_.one('canplay', this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_));
-        this.tech_.on('bandwidthupdate', function () {
-          if (_this3.options_.useBandwidthFromLocalStorage) {
-            updateVhsLocalStorage({
-              bandwidth: _this3.bandwidth,
-              throughput: Math.round(_this3.throughput)
-            });
-          }
-        });
-        this.masterPlaylistController_.on('selectedinitialmedia', function () {
-          // Add the manual rendition mix-in to HlsHandler
-          renditionSelectionMixin(_this3);
-          setupEmeOptions(_this3);
-        }); // the bandwidth of the primary segment loader is our best
-        // estimate of overall bandwidth
-
-        this.on(this.masterPlaylistController_, 'progress', function () {
-          this.tech_.trigger('progress');
-        });
-        this.tech_.ready(function () {
-          return _this3.setupQualityLevels_();
-        }); // do nothing if the tech has been disposed already
-        // this can occur if someone sets the src in player.ready(), for instance
-
-        if (!this.tech_.el()) {
-          return;
-        }
-
-        this.tech_.src(videojs$1.URL.createObjectURL(this.masterPlaylistController_.mediaSource));
-      }
-      /**
-       * Initializes the quality levels and sets listeners to update them.
-       *
-       * @method setupQualityLevels_
-       * @private
-       */
-
-    }, {
-      key: 'setupQualityLevels_',
-      value: function setupQualityLevels_() {
-        var _this4 = this;
-
-        var player = videojs$1.players[this.tech_.options_.playerId];
-
-        if (player && player.qualityLevels) {
-          this.qualityLevels_ = player.qualityLevels();
-          this.masterPlaylistController_.on('selectedinitialmedia', function () {
-            handleHlsLoadedMetadata(_this4.qualityLevels_, _this4);
-          });
-          this.playlists.on('mediachange', function () {
-            handleHlsMediaChange(_this4.qualityLevels_, _this4.playlists);
-          });
-        }
-      }
-      /**
-       * Begin playing the video.
-       */
-
-    }, {
-      key: 'play',
-      value: function play() {
-        this.masterPlaylistController_.play();
-      }
-      /**
-       * a wrapper around the function in MasterPlaylistController
-       */
-
-    }, {
-      key: 'setCurrentTime',
-      value: function setCurrentTime(currentTime) {
-        this.masterPlaylistController_.setCurrentTime(currentTime);
-      }
-      /**
-       * a wrapper around the function in MasterPlaylistController
-       */
-
-    }, {
-      key: 'duration',
-      value: function duration$$1() {
-        return this.masterPlaylistController_.duration();
-      }
-      /**
-       * a wrapper around the function in MasterPlaylistController
-       */
-
-    }, {
-      key: 'seekable',
-      value: function seekable$$1() {
-        return this.masterPlaylistController_.seekable();
-      }
-      /**
-       * Abort all outstanding work and cleanup.
-       */
-
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        if (this.playbackWatcher_) {
-          this.playbackWatcher_.dispose();
-        }
-
-        if (this.masterPlaylistController_) {
-          this.masterPlaylistController_.dispose();
-        }
-
-        if (this.qualityLevels_) {
-          this.qualityLevels_.dispose();
-        }
-
-        if (this.player_) {
-          delete this.player_.vhs;
-          delete this.player_.dash;
-          delete this.player_.hls;
-        }
-
-        if (this.tech_ && this.tech_.hls) {
-          delete this.tech_.hls;
-        }
-
-        get$1(HlsHandler.prototype.__proto__ || Object.getPrototypeOf(HlsHandler.prototype), 'dispose', this).call(this);
-      }
-    }, {
-      key: 'convertToProgramTime',
-      value: function convertToProgramTime(time, callback) {
-        return getProgramTime({
-          playlist: this.masterPlaylistController_.media(),
-          time: time,
-          callback: callback
-        });
-      } // the player must be playing before calling this
-
-    }, {
-      key: 'seekToProgramTime',
-      value: function seekToProgramTime$$1(programTime, callback) {
-        var pauseAfterSeek = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-        var retryCount = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
-        return seekToProgramTime({
-          programTime: programTime,
-          playlist: this.masterPlaylistController_.media(),
-          retryCount: retryCount,
-          pauseAfterSeek: pauseAfterSeek,
-          seekTo: this.options_.seekTo,
-          tech: this.options_.tech,
-          callback: callback
-        });
-      }
-    }]);
-    return HlsHandler;
-  }(Component$1);
-  /**
-   * The Source Handler object, which informs video.js what additional
-   * MIME types are supported and sets up playback. It is registered
-   * automatically to the appropriate tech based on the capabilities of
-   * the browser it is running in. It is not necessary to use or modify
-   * this object in normal usage.
-   */
-
-
-  var HlsSourceHandler = {
-    name: 'videojs-http-streaming',
-    VERSION: version$1,
-    canHandleSource: function canHandleSource(srcObj) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
-      return HlsSourceHandler.canPlayType(srcObj.type, localOptions);
-    },
-    handleSource: function handleSource(source, tech) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
-      tech.hls = new HlsHandler(source, tech, localOptions);
-      tech.hls.xhr = xhrFactory();
-      tech.hls.src(source.src, source.type);
-      return tech.hls;
-    },
-    canPlayType: function canPlayType(type) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-      var _videojs$mergeOptions = videojs$1.mergeOptions(videojs$1.options, options),
-          overrideNative = _videojs$mergeOptions.hls.overrideNative;
-
-      var supportedType = simpleTypeFromSourceType(type);
-      var canUseMsePlayback = supportedType && (!Hls$1.supportsTypeNatively(supportedType) || overrideNative);
-      return canUseMsePlayback ? 'maybe' : '';
-    }
-  };
-
-  if (typeof videojs$1.MediaSource === 'undefined' || typeof videojs$1.URL === 'undefined') {
-    videojs$1.MediaSource = MediaSource;
-    videojs$1.URL = URL$1;
-  } // register source handlers with the appropriate techs
-
-
-  if (MediaSource.supportsNativeMediaSources()) {
-    videojs$1.getTech('Html5').registerSourceHandler(HlsSourceHandler, 0);
-  }
-
-  videojs$1.HlsHandler = HlsHandler;
-  videojs$1.HlsSourceHandler = HlsSourceHandler;
-  videojs$1.Hls = Hls$1;
-
-  if (!videojs$1.use) {
-    videojs$1.registerComponent('Hls', Hls$1);
-  }
-
-  videojs$1.options.hls = videojs$1.options.hls || {};
-
-  if (videojs$1.registerPlugin) {
-    videojs$1.registerPlugin('reloadSourceOnError', reloadSourceOnError);
-  } else {
-    videojs$1.plugin('reloadSourceOnError', reloadSourceOnError);
-  }
-
-  return videojs$1;
-
-}));
diff --git a/negromate/web/static/js/videojs/video.min.js b/negromate/web/static/js/videojs/video.min.js
deleted file mode 100644
index 6a68ad4..0000000
--- a/negromate/web/static/js/videojs/video.min.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * @license
- * Video.js 7.7.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
- * Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
- *
- * Includes vtt.js <https://github.com/mozilla/vtt.js>
- * Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
- */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("global/window"),require("global/document")):"function"==typeof define&&define.amd?define(["global/window","global/document"],t):(e=e||self).videojs=t(e.window,e.document)}(this,function(y,h){"use strict";y=y&&y.hasOwnProperty("default")?y.default:y,h=h&&h.hasOwnProperty("default")?h.default:h;var d="7.7.4",l=[],e=function(o,u){return function(e,t,i){var n=u.levels[t],r=new RegExp("^("+n+")$");if("log"!==e&&i.unshift(e.toUpperCase()+":"),i.unshift(o+":"),l){l.push([].concat(i));var s=l.length-1e3;l.splice(0,0<s?s:0)}if(y.console){var a=y.console[e];a||"debug"!==e||(a=y.console.info||y.console.log),a&&n&&r.test(e)&&a[Array.isArray(i)?"apply":"call"](y.console,i)}}};var p=function t(i){function n(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];r("log",s,t)}var r,s="info";return r=e(i,n),n.createLogger=function(e){return t(i+": "+e)},n.levels={all:"debug|log|warn|error",off:"",debug:"debug|log|warn|error",info:"log|warn|error",warn:"warn|error",error:"error",DEFAULT:s},n.level=function(e){if("string"==typeof e){if(!n.levels.hasOwnProperty(e))throw new Error('"'+e+'" in not a valid log level');s=e}return s},(n.history=function(){return l?[].concat(l):[]}).filter=function(t){return(l||[]).filter(function(e){return new RegExp(".*"+t+".*").test(e[0])})},n.history.clear=function(){l&&(l.length=0)},n.history.disable=function(){null!==l&&(l.length=0,l=null)},n.history.enable=function(){null===l&&(l=[])},n.error=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return r("error",s,t)},n.warn=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return r("warn",s,t)},n.debug=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return r("debug",s,t)},n}("VIDEOJS"),f=p.createLogger;function t(e,t){return e(t={exports:{}},t.exports),t.exports}var r=t(function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},t.apply(this,arguments)}e.exports=t}),i=Object.prototype.toString,s=function(e){return o(e)?Object.keys(e):[]};function a(t,i){s(t).forEach(function(e){return i(t[e],e)})}function m(i){for(var e=arguments.length,t=new Array(1<e?e-1:0),n=1;n<e;n++)t[n-1]=arguments[n];return Object.assign?r.apply(void 0,[i].concat(t)):(t.forEach(function(e){e&&a(e,function(e,t){i[t]=e})}),i)}function o(e){return!!e&&"object"==typeof e}function u(e){return o(e)&&"[object Object]"===i.call(e)&&e.constructor===Object}function n(e,t){if(!e||!t)return"";if("function"!=typeof y.getComputedStyle)return"";var i=y.getComputedStyle(e);return i?i.getPropertyValue(t)||i[t]:""}function c(e){return"string"==typeof e&&Boolean(e.trim())}function g(e){if(0<=e.indexOf(" "))throw new Error("class has illegal whitespace characters")}function v(){return h===y.document}function _(e){return o(e)&&1===e.nodeType}function b(){try{return y.parent!==y.self}catch(e){return!0}}function T(n){return function(e,t){if(!c(e))return h[n](null);c(t)&&(t=h.querySelector(t));var i=_(t)?t:h;return i[n]&&i[n](e)}}function S(e,i,t,n){void 0===e&&(e="div"),void 0===i&&(i={}),void 0===t&&(t={});var r=h.createElement(e);return Object.getOwnPropertyNames(i).forEach(function(e){var t=i[e];-1!==e.indexOf("aria-")||"role"===e||"type"===e?(p.warn("Setting attributes in the second argument of createEl()\nhas been deprecated. Use the third argument instead.\ncreateEl(type, properties, attributes). Attempting to set "+e+" to "+t+"."),r.setAttribute(e,t)):"textContent"===e?k(r,t):r[e]!==t&&(r[e]=t)}),Object.getOwnPropertyNames(t).forEach(function(e){r.setAttribute(e,t[e])}),n&&V(r,n),r}function k(e,t){return"undefined"==typeof e.textContent?e.innerText=t:e.textContent=t,e}function C(e,t){t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e)}function E(e,t){return g(t),e.classList?e.classList.contains(t):function(e){return new RegExp("(^|\\s)"+e+"($|\\s)")}(t).test(e.className)}function w(e,t){return e.classList?e.classList.add(t):E(e,t)||(e.className=(e.className+" "+t).trim()),e}function L(e,t){return e.classList?e.classList.remove(t):(g(t),e.className=e.className.split(/\s+/).filter(function(e){return e!==t}).join(" ")),e}function P(e,t,i){var n=E(e,t);if("function"==typeof i&&(i=i(e,t)),"boolean"!=typeof i&&(i=!n),i!==n)return i?w(e,t):L(e,t),e}function A(i,n){Object.getOwnPropertyNames(n).forEach(function(e){var t=n[e];null===t||"undefined"==typeof t||!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})}function I(e){var t={},i=",autoplay,controls,playsinline,loop,muted,default,defaultMuted,";if(e&&e.attributes&&0<e.attributes.length)for(var n=e.attributes,r=n.length-1;0<=r;r--){var s=n[r].name,a=n[r].value;"boolean"!=typeof e[s]&&-1===i.indexOf(","+s+",")||(a=null!==a),t[s]=a}return t}function x(e,t){return e.getAttribute(t)}function O(e,t,i){e.setAttribute(t,i)}function D(e,t){e.removeAttribute(t)}function R(){h.body.focus(),h.onselectstart=function(){return!1}}function U(){h.onselectstart=function(){return!0}}function M(e){if(e&&e.getBoundingClientRect&&e.parentNode){var t=e.getBoundingClientRect(),i={};return["bottom","height","left","right","top","width"].forEach(function(e){void 0!==t[e]&&(i[e]=t[e])}),i.height||(i.height=parseFloat(n(e,"height"))),i.width||(i.width=parseFloat(n(e,"width"))),i}}function N(e){var t;if(e.getBoundingClientRect&&e.parentNode&&(t=e.getBoundingClientRect()),!t)return{left:0,top:0};var i=h.documentElement,n=h.body,r=i.clientLeft||n.clientLeft||0,s=y.pageXOffset||n.scrollLeft,a=t.left+s-r,o=i.clientTop||n.clientTop||0,u=y.pageYOffset||n.scrollTop,l=t.top+u-o;return{left:Math.round(a),top:Math.round(l)}}function B(e,t){var i={},n=N(e),r=e.offsetWidth,s=e.offsetHeight,a=n.top,o=n.left,u=t.pageY,l=t.pageX;return t.changedTouches&&(l=t.changedTouches[0].pageX,u=t.changedTouches[0].pageY),i.y=Math.max(0,Math.min(1,(a-u+s)/s)),i.x=Math.max(0,Math.min(1,(l-o)/r)),i}function j(e){return o(e)&&3===e.nodeType}function F(e){for(;e.firstChild;)e.removeChild(e.firstChild);return e}function H(e){return"function"==typeof e&&(e=e()),(Array.isArray(e)?e:[e]).map(function(e){return"function"==typeof e&&(e=e()),_(e)||j(e)?e:"string"==typeof e&&/\S/.test(e)?h.createTextNode(e):void 0}).filter(function(e){return e})}function V(t,e){return H(e).forEach(function(e){return t.appendChild(e)}),t}function q(e,t){return V(F(e),t)}function W(e){return void 0===e.button&&void 0===e.buttons||(0===e.button&&void 0===e.buttons||("mouseup"===e.type&&0===e.button&&0===e.buttons||0===e.button&&1===e.buttons))}var z,G=T("querySelector"),K=T("querySelectorAll"),X=Object.freeze({isReal:v,isEl:_,isInFrame:b,createEl:S,textContent:k,prependTo:C,hasClass:E,addClass:w,removeClass:L,toggleClass:P,setAttributes:A,getAttributes:I,getAttribute:x,setAttribute:O,removeAttribute:D,blockTextSelection:R,unblockTextSelection:U,getBoundingClientRect:M,findPosition:N,getPointerPosition:B,isTextNode:j,emptyEl:F,normalizeContent:H,appendContent:V,insertContent:q,isSingleLeftClick:W,$:G,$$:K}),Y=!1,$=function(){if(v()&&!1!==z.options.autoSetup){var e=Array.prototype.slice.call(h.getElementsByTagName("video")),t=Array.prototype.slice.call(h.getElementsByTagName("audio")),i=Array.prototype.slice.call(h.getElementsByTagName("video-js")),n=e.concat(t,i);if(n&&0<n.length)for(var r=0,s=n.length;r<s;r++){var a=n[r];if(!a||!a.getAttribute){Q(1);break}void 0===a.player&&null!==a.getAttribute("data-setup")&&z(a)}else Y||Q(1)}};function Q(e,t){t&&(z=t),y.setTimeout($,e)}function J(){Y=!0,y.removeEventListener("load",J)}v()&&("complete"===h.readyState?J():y.addEventListener("load",J));function Z(e){var t=h.createElement("style");return t.className=e,t}function ee(e,t){e.styleSheet?e.styleSheet.cssText=t:e.textContent=t}var te,ie=3;function ne(){return ie++}y.WeakMap||(te=function(){function e(){this.vdata="vdata"+Math.floor(y.performance&&y.performance.now()||Date.now()),this.data={}}var t=e.prototype;return t.set=function(e,t){var i=e[this.vdata]||ne();return e[this.vdata]||(e[this.vdata]=i),this.data[i]=t,this},t.get=function(e){var t=e[this.vdata];if(t)return this.data[t];p("We have no data for this element",e)},t.has=function(e){return e[this.vdata]in this.data},t.delete=function(e){var t=e[this.vdata];t&&(delete this.data[t],delete e[this.vdata])},e}());var re,se=y.WeakMap?new WeakMap:new te;function ae(e,t){if(se.has(e)){var i=se.get(e);0===i.handlers[t].length&&(delete i.handlers[t],e.removeEventListener?e.removeEventListener(t,i.dispatcher,!1):e.detachEvent&&e.detachEvent("on"+t,i.dispatcher)),Object.getOwnPropertyNames(i.handlers).length<=0&&(delete i.handlers,delete i.dispatcher,delete i.disabled),0===Object.getOwnPropertyNames(i).length&&se.delete(e)}}function oe(t,i,e,n){e.forEach(function(e){t(i,e,n)})}function ue(e){if(e.fixed_)return e;function t(){return!0}function i(){return!1}if(!e||!e.isPropagationStopped){var n=e||y.event;for(var r in e={},n)"layerX"!==r&&"layerY"!==r&&"keyLocation"!==r&&"webkitMovementX"!==r&&"webkitMovementY"!==r&&("returnValue"===r&&n.preventDefault||(e[r]=n[r]));if(e.target||(e.target=e.srcElement||h),e.relatedTarget||(e.relatedTarget=e.fromElement===e.target?e.toElement:e.fromElement),e.preventDefault=function(){n.preventDefault&&n.preventDefault(),e.returnValue=!1,n.returnValue=!1,e.defaultPrevented=!0},e.defaultPrevented=!1,e.stopPropagation=function(){n.stopPropagation&&n.stopPropagation(),e.cancelBubble=!0,n.cancelBubble=!0,e.isPropagationStopped=t},e.isPropagationStopped=i,e.stopImmediatePropagation=function(){n.stopImmediatePropagation&&n.stopImmediatePropagation(),e.isImmediatePropagationStopped=t,e.stopPropagation()},e.isImmediatePropagationStopped=i,null!==e.clientX&&void 0!==e.clientX){var s=h.documentElement,a=h.body;e.pageX=e.clientX+(s&&s.scrollLeft||a&&a.scrollLeft||0)-(s&&s.clientLeft||a&&a.clientLeft||0),e.pageY=e.clientY+(s&&s.scrollTop||a&&a.scrollTop||0)-(s&&s.clientTop||a&&a.clientTop||0)}e.which=e.charCode||e.keyCode,null!==e.button&&void 0!==e.button&&(e.button=1&e.button?0:4&e.button?1:2&e.button?2:0)}return e.fixed_=!0,e}var le=function(){if("boolean"!=typeof re){re=!1;try{var e=Object.defineProperty({},"passive",{get:function(){re=!0}});y.addEventListener("test",null,e),y.removeEventListener("test",null,e)}catch(e){}}return re},ce=["touchstart","touchmove"];function he(a,e,t){if(Array.isArray(e))return oe(he,a,e,t);se.has(a)||se.set(a,{});var o=se.get(a);if(o.handlers||(o.handlers={}),o.handlers[e]||(o.handlers[e]=[]),t.guid||(t.guid=ne()),o.handlers[e].push(t),o.dispatcher||(o.disabled=!1,o.dispatcher=function(e,t){if(!o.disabled){e=ue(e);var i=o.handlers[e.type];if(i)for(var n=i.slice(0),r=0,s=n.length;r<s&&!e.isImmediatePropagationStopped();r++)try{n[r].call(a,e,t)}catch(e){p.error(e)}}}),1===o.handlers[e].length)if(a.addEventListener){var i=!1;le()&&-1<ce.indexOf(e)&&(i={passive:!0}),a.addEventListener(e,o.dispatcher,i)}else a.attachEvent&&a.attachEvent("on"+e,o.dispatcher)}function de(e,t,i){if(se.has(e)){var n=se.get(e);if(n.handlers){if(Array.isArray(t))return oe(de,e,t,i);var r=function(e,t){n.handlers[t]=[],ae(e,t)};if(void 0!==t){var s=n.handlers[t];if(s)if(i){if(i.guid)for(var a=0;a<s.length;a++)s[a].guid===i.guid&&s.splice(a--,1);ae(e,t)}else r(e,t)}else for(var o in n.handlers)Object.prototype.hasOwnProperty.call(n.handlers||{},o)&&r(e,o)}}}function pe(e,t,i){var n=se.has(e)?se.get(e):{},r=e.parentNode||e.ownerDocument;if("string"==typeof t?t={type:t,target:e}:t.target||(t.target=e),t=ue(t),n.dispatcher&&n.dispatcher.call(e,t,i),r&&!t.isPropagationStopped()&&!0===t.bubbles)pe.call(null,r,t,i);else if(!r&&!t.defaultPrevented&&t.target&&t.target[t.type]){se.has(t.target)||se.set(t.target,{});var s=se.get(t.target);t.target[t.type]&&(s.disabled=!0,"function"==typeof t.target[t.type]&&t.target[t.type](),s.disabled=!1)}return!t.defaultPrevented}function fe(e,t,i){if(Array.isArray(t))return oe(fe,e,t,i);function n(){de(e,t,n),i.apply(this,arguments)}n.guid=i.guid=i.guid||ne(),he(e,t,n)}function me(e,t,i){function n(){de(e,t,n),i.apply(this,arguments)}n.guid=i.guid=i.guid||ne(),he(e,t,n)}function ge(e,t,i){t.guid||(t.guid=ne());var n=t.bind(e);return n.guid=i?i+"_"+t.guid:t.guid,n}function ve(t,i){var n=y.performance.now();return function(){var e=y.performance.now();i<=e-n&&(t.apply(void 0,arguments),n=e)}}function ye(){}var _e,be=Object.freeze({fixEvent:ue,on:he,off:de,trigger:pe,one:fe,any:me});ye.prototype.allowedEvents_={},ye.prototype.addEventListener=ye.prototype.on=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},he(this,e,t),this.addEventListener=i},ye.prototype.removeEventListener=ye.prototype.off=function(e,t){de(this,e,t)},ye.prototype.one=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},fe(this,e,t),this.addEventListener=i},ye.prototype.any=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},me(this,e,t),this.addEventListener=i},ye.prototype.dispatchEvent=ye.prototype.trigger=function(e){var t=e.type||e;"string"==typeof e&&(e={type:t}),e=ue(e),this.allowedEvents_[t]&&this["on"+t]&&this["on"+t](e),pe(this,e)},ye.prototype.queueTrigger=function(e){var t=this;_e=_e||new Map;var i=e.type||e,n=_e.get(this);n||(n=new Map,_e.set(this,n));var r=n.get(i);n.delete(i),y.clearTimeout(r);var s=y.setTimeout(function(){0===n.size&&(n=null,_e.delete(t)),t.trigger(e)},0);n.set(i,s)};function Te(e){return"string"==typeof e&&/\S/.test(e)||Array.isArray(e)&&!!e.length}function Se(e){if(!e.nodeName&&!Le(e))throw new Error("Invalid target; must be a DOM node or evented object.")}function ke(e){if(!Te(e))throw new Error("Invalid event type; must be a non-empty string or array.")}function Ce(e){if("function"!=typeof e)throw new Error("Invalid listener; must be a function.")}function Ee(e,t){var i,n,r,s=t.length<3||t[0]===e||t[0]===e.eventBusEl_;return r=s?(i=e.eventBusEl_,3<=t.length&&t.shift(),n=t[0],t[1]):(i=t[0],n=t[1],t[2]),Se(i),ke(n),Ce(r),{isTargetingSelf:s,target:i,type:n,listener:r=ge(e,r)}}function we(e,t,i,n){Se(e),e.nodeName?be[t](e,i,n):e[t](i,n)}var Le=function(t){return t instanceof ye||!!t.eventBusEl_&&["on","one","off","trigger"].every(function(e){return"function"==typeof t[e]})},Pe={on:function(){for(var e=this,t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];var r=Ee(this,i),s=r.isTargetingSelf,a=r.target,o=r.type,u=r.listener;if(we(a,"on",o,u),!s){var l=function(){return e.off(a,o,u)};l.guid=u.guid;var c=function(){return e.off("dispose",l)};c.guid=u.guid,we(this,"on","dispose",l),we(a,"on","dispose",c)}},one:function(){for(var r=this,e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=Ee(this,t),s=n.isTargetingSelf,a=n.target,o=n.type,u=n.listener;if(s)we(a,"one",o,u);else{var l=function e(){r.off(a,o,e);for(var t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];u.apply(null,i)};l.guid=u.guid,we(a,"one",o,l)}},any:function(){for(var r=this,e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=Ee(this,t),s=n.isTargetingSelf,a=n.target,o=n.type,u=n.listener;if(s)we(a,"any",o,u);else{var l=function e(){r.off(a,o,e);for(var t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];u.apply(null,i)};l.guid=u.guid,we(a,"any",o,l)}},off:function(e,t,i){if(!e||Te(e))de(this.eventBusEl_,e,t);else{var n=e,r=t;Se(n),ke(r),Ce(i),i=ge(this,i),this.off("dispose",i),n.nodeName?(de(n,r,i),de(n,"dispose",i)):Le(n)&&(n.off(r,i),n.off("dispose",i))}},trigger:function(e,t){return pe(this.eventBusEl_,e,t)}};function Ae(e,t){void 0===t&&(t={});var i=t.eventBusKey;if(i){if(!e[i].nodeName)throw new Error('The eventBusKey "'+i+'" does not refer to an element.');e.eventBusEl_=e[i]}else e.eventBusEl_=S("span",{className:"vjs-event-bus"});return m(e,Pe),e.eventedCallbacks&&e.eventedCallbacks.forEach(function(e){e()}),e.on("dispose",function(){e.off(),y.setTimeout(function(){e.eventBusEl_=null},0)}),e}var Ie={state:{},setState:function(e){var i,n=this;return"function"==typeof e&&(e=e()),a(e,function(e,t){n.state[t]!==e&&((i=i||{})[t]={from:n.state[t],to:e}),n.state[t]=e}),i&&Le(this)&&this.trigger({changes:i,type:"statechanged"}),i}};function xe(e,t){return m(e,Ie),e.state=m({},e.state,t),"function"==typeof e.handleStateChanged&&Le(e)&&e.on("statechanged",e.handleStateChanged),e}function Oe(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toLowerCase()})}function De(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toUpperCase()})}function Re(){for(var i={},e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.forEach(function(e){e&&a(e,function(e,t){u(e)?(u(i[t])||(i[t]={}),i[t]=Re(i[t],e)):i[t]=e})}),i}var Ue=function(){function l(e,t,i){if(!e&&this.play?this.player_=e=this:this.player_=e,this.isDisposed_=!1,this.parentComponent_=null,this.options_=Re({},this.options_),t=this.options_=Re(this.options_,t),this.id_=t.id||t.el&&t.el.id,!this.id_){var n=e&&e.id&&e.id()||"no_player";this.id_=n+"_component_"+ne()}var r;this.name_=t.name||null,t.el?this.el_=t.el:!1!==t.createEl&&(this.el_=this.createEl()),!1!==t.evented&&Ae(this,{eventBusKey:this.el_?"el_":null}),xe(this,this.constructor.defaultState),this.children_=[],this.childIndex_={},this.childNameIndex_={},y.Set||(r=function(){function e(){this.set_={}}var t=e.prototype;return t.has=function(e){return e in this.set_},t.delete=function(e){var t=this.has(e);return delete this.set_[e],t},t.add=function(e){return this.set_[e]=1,this},t.forEach=function(e,t){for(var i in this.set_)e.call(t,i,i,this)},e}()),this.setTimeoutIds_=y.Set?new Set:new r,this.setIntervalIds_=y.Set?new Set:new r,this.rafIds_=y.Set?new Set:new r,(this.clearingTimersOnDispose_=!1)!==t.initChildren&&this.initChildren(),this.ready(i),!1!==t.reportTouchActivity&&this.enableTouchActivity()}var e=l.prototype;return e.dispose=function(){if(!this.isDisposed_){if(this.trigger({type:"dispose",bubbles:!1}),this.isDisposed_=!0,this.children_)for(var e=this.children_.length-1;0<=e;e--)this.children_[e].dispose&&this.children_[e].dispose();this.children_=null,this.childIndex_=null,this.childNameIndex_=null,this.parentComponent_=null,this.el_&&(this.el_.parentNode&&this.el_.parentNode.removeChild(this.el_),se.has(this.el_)&&se.delete(this.el_),this.el_=null),this.player_=null}},e.isDisposed=function(){return Boolean(this.isDisposed_)},e.player=function(){return this.player_},e.options=function(e){return e&&(this.options_=Re(this.options_,e)),this.options_},e.el=function(){return this.el_},e.createEl=function(e,t,i){return S(e,t,i)},e.localize=function(e,r,t){void 0===t&&(t=e);var i=this.player_.language&&this.player_.language(),n=this.player_.languages&&this.player_.languages(),s=n&&n[i],a=i&&i.split("-")[0],o=n&&n[a],u=t;return s&&s[e]?u=s[e]:o&&o[e]&&(u=o[e]),r&&(u=u.replace(/\{(\d+)\}/g,function(e,t){var i=r[t-1],n=i;return"undefined"==typeof i&&(n=e),n})),u},e.contentEl=function(){return this.contentEl_||this.el_},e.id=function(){return this.id_},e.name=function(){return this.name_},e.children=function(){return this.children_},e.getChildById=function(e){return this.childIndex_[e]},e.getChild=function(e){if(e)return this.childNameIndex_[e]},e.addChild=function(e,t,i){var n,r;if(void 0===t&&(t={}),void 0===i&&(i=this.children_.length),"string"==typeof e){r=De(e);var s=t.componentClass||r;t.name=r;var a=l.getComponent(s);if(!a)throw new Error("Component "+s+" does not exist");if("function"!=typeof a)return null;n=new a(this.player_||this,t)}else n=e;if(n.parentComponent_&&n.parentComponent_.removeChild(n),this.children_.splice(i,0,n),n.parentComponent_=this,"function"==typeof n.id&&(this.childIndex_[n.id()]=n),(r=r||n.name&&De(n.name()))&&(this.childNameIndex_[r]=n,this.childNameIndex_[Oe(r)]=n),"function"==typeof n.el&&n.el()){var o=null;this.children_[i+1]&&this.children_[i+1].el_&&(o=this.children_[i+1].el_),this.contentEl().insertBefore(n.el(),o)}return n},e.removeChild=function(e){if("string"==typeof e&&(e=this.getChild(e)),e&&this.children_){for(var t=!1,i=this.children_.length-1;0<=i;i--)if(this.children_[i]===e){t=!0,this.children_.splice(i,1);break}if(t){e.parentComponent_=null,this.childIndex_[e.id()]=null,this.childNameIndex_[De(e.name())]=null,this.childNameIndex_[Oe(e.name())]=null;var n=e.el();n&&n.parentNode===this.contentEl()&&this.contentEl().removeChild(e.el())}}},e.initChildren=function(){var r=this,n=this.options_.children;if(n){var e,s=this.options_,i=l.getComponent("Tech");(e=Array.isArray(n)?n:Object.keys(n)).concat(Object.keys(this.options_).filter(function(t){return!e.some(function(e){return"string"==typeof e?t===e:t===e.name})})).map(function(e){var t,i;return i="string"==typeof e?n[t=e]||r.options_[t]||{}:(t=e.name,e),{name:t,opts:i}}).filter(function(e){var t=l.getComponent(e.opts.componentClass||De(e.name));return t&&!i.isTech(t)}).forEach(function(e){var t=e.name,i=e.opts;if(void 0!==s[t]&&(i=s[t]),!1!==i){!0===i&&(i={}),i.playerOptions=r.options_.playerOptions;var n=r.addChild(t,i);n&&(r[t]=n)}})}},e.buildCSSClass=function(){return""},e.ready=function(e,t){if(void 0===t&&(t=!1),e)return this.isReady_?void(t?e.call(this):this.setTimeout(e,1)):(this.readyQueue_=this.readyQueue_||[],void this.readyQueue_.push(e))},e.triggerReady=function(){this.isReady_=!0,this.setTimeout(function(){var e=this.readyQueue_;this.readyQueue_=[],e&&0<e.length&&e.forEach(function(e){e.call(this)},this),this.trigger("ready")},1)},e.$=function(e,t){return G(e,t||this.contentEl())},e.$$=function(e,t){return K(e,t||this.contentEl())},e.hasClass=function(e){return E(this.el_,e)},e.addClass=function(e){w(this.el_,e)},e.removeClass=function(e){L(this.el_,e)},e.toggleClass=function(e,t){P(this.el_,e,t)},e.show=function(){this.removeClass("vjs-hidden")},e.hide=function(){this.addClass("vjs-hidden")},e.lockShowing=function(){this.addClass("vjs-lock-showing")},e.unlockShowing=function(){this.removeClass("vjs-lock-showing")},e.getAttribute=function(e){return x(this.el_,e)},e.setAttribute=function(e,t){O(this.el_,e,t)},e.removeAttribute=function(e){D(this.el_,e)},e.width=function(e,t){return this.dimension("width",e,t)},e.height=function(e,t){return this.dimension("height",e,t)},e.dimensions=function(e,t){this.width(e,!0),this.height(t)},e.dimension=function(e,t,i){if(void 0!==t)return null!==t&&t==t||(t=0),-1!==(""+t).indexOf("%")||-1!==(""+t).indexOf("px")?this.el_.style[e]=t:this.el_.style[e]="auto"===t?"":t+"px",void(i||this.trigger("componentresize"));if(!this.el_)return 0;var n=this.el_.style[e],r=n.indexOf("px");return-1!==r?parseInt(n.slice(0,r),10):parseInt(this.el_["offset"+De(e)],10)},e.currentDimension=function(e){var t=0;if("width"!==e&&"height"!==e)throw new Error("currentDimension only accepts width or height value");if(t=n(this.el_,e),0===(t=parseFloat(t))||isNaN(t)){var i="offset"+De(e);t=this.el_[i]}return t},e.currentDimensions=function(){return{width:this.currentDimension("width"),height:this.currentDimension("height")}},e.currentWidth=function(){return this.currentDimension("width")},e.currentHeight=function(){return this.currentDimension("height")},e.focus=function(){this.el_.focus()},e.blur=function(){this.el_.blur()},e.handleKeyDown=function(e){this.player_&&(e.stopPropagation(),this.player_.handleKeyDown(e))},e.handleKeyPress=function(e){this.handleKeyDown(e)},e.emitTapEvents=function(){var n,t=0,r=null;this.on("touchstart",function(e){1===e.touches.length&&(r={pageX:e.touches[0].pageX,pageY:e.touches[0].pageY},t=y.performance.now(),n=!0)}),this.on("touchmove",function(e){if(1<e.touches.length)n=!1;else if(r){var t=e.touches[0].pageX-r.pageX,i=e.touches[0].pageY-r.pageY;10<Math.sqrt(t*t+i*i)&&(n=!1)}});function e(){n=!1}this.on("touchleave",e),this.on("touchcancel",e),this.on("touchend",function(e){!(r=null)===n&&y.performance.now()-t<200&&(e.preventDefault(),this.trigger("tap"))})},e.enableTouchActivity=function(){if(this.player()&&this.player().reportUserActivity){var t,i=ge(this.player(),this.player().reportUserActivity);this.on("touchstart",function(){i(),this.clearInterval(t),t=this.setInterval(i,250)});var e=function(e){i(),this.clearInterval(t)};this.on("touchmove",i),this.on("touchend",e),this.on("touchcancel",e)}},e.setTimeout=function(e,t){var i,n=this;return e=ge(this,e),this.clearTimersOnDispose_(),i=y.setTimeout(function(){n.setTimeoutIds_.has(i)&&n.setTimeoutIds_.delete(i),e()},t),this.setTimeoutIds_.add(i),i},e.clearTimeout=function(e){return this.setTimeoutIds_.has(e)&&(this.setTimeoutIds_.delete(e),y.clearTimeout(e)),e},e.setInterval=function(e,t){e=ge(this,e),this.clearTimersOnDispose_();var i=y.setInterval(e,t);return this.setIntervalIds_.add(i),i},e.clearInterval=function(e){return this.setIntervalIds_.has(e)&&(this.setIntervalIds_.delete(e),y.clearInterval(e)),e},e.requestAnimationFrame=function(e){var t,i=this;return this.supportsRaf_?(this.clearTimersOnDispose_(),e=ge(this,e),t=y.requestAnimationFrame(function(){i.rafIds_.has(t)&&i.rafIds_.delete(t),e()}),this.rafIds_.add(t),t):this.setTimeout(e,1e3/60)},e.cancelAnimationFrame=function(e){return this.supportsRaf_?(this.rafIds_.has(e)&&(this.rafIds_.delete(e),y.cancelAnimationFrame(e)),e):this.clearTimeout(e)},e.clearTimersOnDispose_=function(){var n=this;this.clearingTimersOnDispose_||(this.clearingTimersOnDispose_=!0,this.one("dispose",function(){[["rafIds_","cancelAnimationFrame"],["setTimeoutIds_","clearTimeout"],["setIntervalIds_","clearInterval"]].forEach(function(e){var t=e[0],i=e[1];n[t].forEach(n[i],n)}),n.clearingTimersOnDispose_=!1}))},l.registerComponent=function(e,t){if("string"!=typeof e||!e)throw new Error('Illegal component name, "'+e+'"; must be a non-empty string.');var i,n=l.getComponent("Tech"),r=n&&n.isTech(t),s=l===t||l.prototype.isPrototypeOf(t.prototype);if(r||!s)throw i=r?"techs must be registered using Tech.registerTech()":"must be a Component subclass",new Error('Illegal component, "'+e+'"; '+i+".");e=De(e),l.components_||(l.components_={});var a=l.getComponent("Player");if("Player"===e&&a&&a.players){var o=a.players,u=Object.keys(o);if(o&&0<u.length&&u.map(function(e){return o[e]}).every(Boolean))throw new Error("Can not register Player component after player has been created.")}return l.components_[e]=t,l.components_[Oe(e)]=t},l.getComponent=function(e){if(e&&l.components_)return l.components_[e]},l}();Ue.prototype.supportsRaf_="function"==typeof y.requestAnimationFrame&&"function"==typeof y.cancelAnimationFrame,Ue.registerComponent("Component",Ue);var Me=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var Ne,Be,je,Fe,He=function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t},Ve=y.navigator&&y.navigator.userAgent||"",qe=/AppleWebKit\/([\d.]+)/i.exec(Ve),We=qe?parseFloat(qe.pop()):null,ze=/iPod/i.test(Ve),Ge=(Ne=Ve.match(/OS (\d+)_/i))&&Ne[1]?Ne[1]:null,Ke=/Android/i.test(Ve),Xe=function(){var e=Ve.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);if(!e)return null;var t=e[1]&&parseFloat(e[1]),i=e[2]&&parseFloat(e[2]);return t&&i?parseFloat(e[1]+"."+e[2]):t||null}(),Ye=Ke&&Xe<5&&We<537,$e=/Firefox/i.test(Ve),Qe=/Edge/i.test(Ve),Je=!Qe&&(/Chrome/i.test(Ve)||/CriOS/i.test(Ve)),Ze=(Be=Ve.match(/(Chrome|CriOS)\/(\d+)/))&&Be[2]?parseFloat(Be[2]):null,et=(je=/MSIE\s(\d+)\.\d/.exec(Ve),!(Fe=je&&parseFloat(je[1]))&&/Trident\/7.0/i.test(Ve)&&/rv:11.0/.test(Ve)&&(Fe=11),Fe),tt=/Safari/i.test(Ve)&&!Je&&!Ke&&!Qe,it=/Windows/i.test(Ve),nt=v()&&("ontouchstart"in y||y.navigator.maxTouchPoints||y.DocumentTouch&&y.document instanceof y.DocumentTouch),rt=/iPad/i.test(Ve)||tt&&nt&&!/iPhone/i.test(Ve),st=/iPhone/i.test(Ve)&&!rt,at=st||rt||ze,ot=(tt||at)&&!Je,ut=Object.freeze({IS_IPOD:ze,IOS_VERSION:Ge,IS_ANDROID:Ke,ANDROID_VERSION:Xe,IS_NATIVE_ANDROID:Ye,IS_FIREFOX:$e,IS_EDGE:Qe,IS_CHROME:Je,CHROME_VERSION:Ze,IE_VERSION:et,IS_SAFARI:tt,IS_WINDOWS:it,TOUCH_ENABLED:nt,IS_IPAD:rt,IS_IPHONE:st,IS_IOS:at,IS_ANY_SAFARI:ot});function lt(e,t,i,n){return function(e,t,i){if("number"!=typeof t||t<0||i<t)throw new Error("Failed to execute '"+e+"' on 'TimeRanges': The index provided ("+t+") is non-numeric or out of bounds (0-"+i+").")}(e,n,i.length-1),i[n][t]}function ct(e){return void 0===e||0===e.length?{length:0,start:function(){throw new Error("This TimeRanges object is empty")},end:function(){throw new Error("This TimeRanges object is empty")}}:{length:e.length,start:lt.bind(null,"start",0,e),end:lt.bind(null,"end",1,e)}}function ht(e,t){return Array.isArray(e)?ct(e):void 0===e||void 0===t?ct():ct([[e,t]])}function dt(e,t){var i,n,r=0;if(!t)return 0;e&&e.length||(e=ht(0,0));for(var s=0;s<e.length;s++)i=e.start(s),t<(n=e.end(s))&&(n=t),r+=n-i;return r/t}for(var pt,ft={prefixed:!0},mt=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror","fullscreen"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"]],gt=mt[0],vt=0;vt<mt.length;vt++)if(mt[vt][1]in h){pt=mt[vt];break}if(pt){for(var yt=0;yt<pt.length;yt++)ft[gt[yt]]=pt[yt];ft.prefixed=pt[0]!==gt[0]}function _t(e){if(e instanceof _t)return e;"number"==typeof e?this.code=e:"string"==typeof e?this.message=e:o(e)&&("number"==typeof e.code&&(this.code=e.code),m(this,e)),this.message||(this.message=_t.defaultMessages[this.code]||"")}_t.prototype.code=0,_t.prototype.message="",_t.prototype.status=null,_t.errorTypes=["MEDIA_ERR_CUSTOM","MEDIA_ERR_ABORTED","MEDIA_ERR_NETWORK","MEDIA_ERR_DECODE","MEDIA_ERR_SRC_NOT_SUPPORTED","MEDIA_ERR_ENCRYPTED"],_t.defaultMessages={1:"You aborted the media playback",2:"A network error caused the media download to fail part-way.",3:"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",4:"The media could not be loaded, either because the server or network failed or because the format is not supported.",5:"The media is encrypted and we do not have the keys to decrypt it."};for(var bt=0;bt<_t.errorTypes.length;bt++)_t[_t.errorTypes[bt]]=bt,_t.prototype[_t.errorTypes[bt]]=bt;var Tt=function(e,t){var i,n=null;try{i=JSON.parse(e,t)}catch(e){n=e}return[n,i]};function St(e){return null!=e&&"function"==typeof e.then}function kt(e){St(e)&&e.then(null,function(e){})}function Ct(n){return["kind","label","language","id","inBandMetadataTrackDispatchType","mode","src"].reduce(function(e,t,i){return n[t]&&(e[t]=n[t]),e},{cues:n.cues&&Array.prototype.map.call(n.cues,function(e){return{startTime:e.startTime,endTime:e.endTime,text:e.text,id:e.id}})})}var Et=function(e){var t=e.$$("track"),i=Array.prototype.map.call(t,function(e){return e.track});return Array.prototype.map.call(t,function(e){var t=Ct(e.track);return e.src&&(t.src=e.src),t}).concat(Array.prototype.filter.call(e.textTracks(),function(e){return-1===i.indexOf(e)}).map(Ct))},wt=function(e,i){return e.forEach(function(e){var t=i.addRemoteTextTrack(e).track;!e.src&&e.cues&&e.cues.forEach(function(e){return t.addCue(e)})}),i.textTracks()},Lt=t(function(e,t){function i(e){if(e&&"object"==typeof e){var t=e.which||e.keyCode||e.charCode;t&&(e=t)}if("number"==typeof e)return a[e];var i,n=String(e);return(i=r[n.toLowerCase()])?i:(i=s[n.toLowerCase()])||(1===n.length?n.charCodeAt(0):void 0)}i.isEventKey=function(e,t){if(e&&"object"==typeof e){var i=e.which||e.keyCode||e.charCode;if(null==i)return!1;if("string"==typeof t){var n;if(n=r[t.toLowerCase()])return n===i;if(n=s[t.toLowerCase()])return n===i}else if("number"==typeof t)return t===i;return!1}};var r=(t=e.exports=i).code=t.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},s=t.aliases={windows:91,"⇧":16,"⌥":18,"⌃":17,"⌘":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};for(n=97;n<123;n++)r[String.fromCharCode(n)]=n-32;for(var n=48;n<58;n++)r[n-48]=n;for(n=1;n<13;n++)r["f"+n]=n+111;for(n=0;n<10;n++)r["numpad "+n]=n+96;var a=t.names=t.title={};for(n in r)a[r[n]]=n;for(var o in s)r[o]=s[o]}),Pt=(Lt.code,Lt.codes,Lt.aliases,Lt.names,Lt.title,"vjs-modal-dialog"),At=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).opened_=i.hasBeenOpened_=i.hasBeenFilled_=!1,i.closeable(!i.options_.uncloseable),i.content(i.options_.content),i.contentEl_=S("div",{className:Pt+"-content"},{role:"document"}),i.descEl_=S("p",{className:Pt+"-description vjs-control-text",id:i.el().getAttribute("aria-describedby")}),k(i.descEl_,i.description()),i.el_.appendChild(i.descEl_),i.el_.appendChild(i.contentEl_),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:this.buildCSSClass(),tabIndex:-1},{"aria-describedby":this.id()+"_description","aria-hidden":"true","aria-label":this.label(),role:"dialog"})},t.dispose=function(){this.contentEl_=null,this.descEl_=null,this.previouslyActiveEl_=null,n.prototype.dispose.call(this)},t.buildCSSClass=function(){return Pt+" vjs-hidden "+n.prototype.buildCSSClass.call(this)},t.label=function(){return this.localize(this.options_.label||"Modal Window")},t.description=function(){var e=this.options_.description||this.localize("This is a modal window.");return this.closeable()&&(e+=" "+this.localize("This modal can be closed by pressing the Escape key or activating the close button.")),e},t.open=function(){if(!this.opened_){var e=this.player();this.trigger("beforemodalopen"),this.opened_=!0,!this.options_.fillAlways&&(this.hasBeenOpened_||this.hasBeenFilled_)||this.fill(),this.wasPlaying_=!e.paused(),this.options_.pauseOnOpen&&this.wasPlaying_&&e.pause(),this.on("keydown",this.handleKeyDown),this.hadControls_=e.controls(),e.controls(!1),this.show(),this.conditionalFocus_(),this.el().setAttribute("aria-hidden","false"),this.trigger("modalopen"),this.hasBeenOpened_=!0}},t.opened=function(e){return"boolean"==typeof e&&this[e?"open":"close"](),this.opened_},t.close=function(){if(this.opened_){var e=this.player();this.trigger("beforemodalclose"),this.opened_=!1,this.wasPlaying_&&this.options_.pauseOnOpen&&e.play(),this.off("keydown",this.handleKeyDown),this.hadControls_&&e.controls(!0),this.hide(),this.el().setAttribute("aria-hidden","true"),this.trigger("modalclose"),this.conditionalBlur_(),this.options_.temporary&&this.dispose()}},t.closeable=function(e){if("boolean"==typeof e){var t=this.closeable_=!!e,i=this.getChild("closeButton");if(t&&!i){var n=this.contentEl_;this.contentEl_=this.el_,i=this.addChild("closeButton",{controlText:"Close Modal Dialog"}),this.contentEl_=n,this.on(i,"close",this.close)}!t&&i&&(this.off(i,"close",this.close),this.removeChild(i),i.dispose())}return this.closeable_},t.fill=function(){this.fillWith(this.content())},t.fillWith=function(e){var t=this.contentEl(),i=t.parentNode,n=t.nextSibling;this.trigger("beforemodalfill"),this.hasBeenFilled_=!0,i.removeChild(t),this.empty(),q(t,e),this.trigger("modalfill"),n?i.insertBefore(t,n):i.appendChild(t);var r=this.getChild("closeButton");r&&i.appendChild(r.el_)},t.empty=function(){this.trigger("beforemodalempty"),F(this.contentEl()),this.trigger("modalempty")},t.content=function(e){return"undefined"!=typeof e&&(this.content_=e),this.content_},t.conditionalFocus_=function(){var e=h.activeElement,t=this.player_.el_;this.previouslyActiveEl_=null,!t.contains(e)&&t!==e||(this.previouslyActiveEl_=e,this.focus())},t.conditionalBlur_=function(){this.previouslyActiveEl_&&(this.previouslyActiveEl_.focus(),this.previouslyActiveEl_=null)},t.handleKeyDown=function(e){if(e.stopPropagation(),Lt.isEventKey(e,"Escape")&&this.closeable())return e.preventDefault(),void this.close();if(Lt.isEventKey(e,"Tab")){for(var t,i=this.focusableEls_(),n=this.el_.querySelector(":focus"),r=0;r<i.length;r++)if(n===i[r]){t=r;break}h.activeElement===this.el_&&(t=0),e.shiftKey&&0===t?(i[i.length-1].focus(),e.preventDefault()):e.shiftKey||t!==i.length-1||(i[0].focus(),e.preventDefault())}},t.focusableEls_=function(){var e=this.el_.querySelectorAll("*");return Array.prototype.filter.call(e,function(e){return(e instanceof y.HTMLAnchorElement||e instanceof y.HTMLAreaElement)&&e.hasAttribute("href")||(e instanceof y.HTMLInputElement||e instanceof y.HTMLSelectElement||e instanceof y.HTMLTextAreaElement||e instanceof y.HTMLButtonElement)&&!e.hasAttribute("disabled")||e instanceof y.HTMLIFrameElement||e instanceof y.HTMLObjectElement||e instanceof y.HTMLEmbedElement||e.hasAttribute("tabindex")&&-1!==e.getAttribute("tabindex")||e.hasAttribute("contenteditable")})},e}(Ue);At.prototype.options_={pauseOnOpen:!0,temporary:!0},Ue.registerComponent("ModalDialog",At);var It=function(n){function e(e){var t;void 0===e&&(e=[]),(t=n.call(this)||this).tracks_=[],Object.defineProperty(Me(t),"length",{get:function(){return this.tracks_.length}});for(var i=0;i<e.length;i++)t.addTrack(e[i]);return t}He(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this.tracks_.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this.tracks_[t]}}),-1===this.tracks_.indexOf(e)&&(this.tracks_.push(e),this.trigger({track:e,type:"addtrack",target:this}))},t.removeTrack=function(e){for(var t,i=0,n=this.length;i<n;i++)if(this[i]===e){(t=this[i]).off&&t.off(),this.tracks_.splice(i,1);break}t&&this.trigger({track:t,type:"removetrack",target:this})},t.getTrackById=function(e){for(var t=null,i=0,n=this.length;i<n;i++){var r=this[i];if(r.id===e){t=r;break}}return t},e}(ye);for(var xt in It.prototype.allowedEvents_={change:"change",addtrack:"addtrack",removetrack:"removetrack"},It.prototype.allowedEvents_)It.prototype["on"+xt]=null;function Ot(e,t){for(var i=0;i<e.length;i++)Object.keys(e[i]).length&&t.id!==e[i].id&&(e[i].enabled=!1)}function Dt(e,t){for(var i=0;i<e.length;i++)Object.keys(e[i]).length&&t.id!==e[i].id&&(e[i].selected=!1)}function Rt(e){var t=["protocol","hostname","port","pathname","search","hash","host"],i=h.createElement("a");i.href=e;var n,r=""===i.host&&"file:"!==i.protocol;r&&((n=h.createElement("div")).innerHTML='<a href="'+e+'"></a>',i=n.firstChild,n.setAttribute("style","display:none; position:absolute;"),h.body.appendChild(n));for(var s={},a=0;a<t.length;a++)s[t[a]]=i[t[a]];return"http:"===s.protocol&&(s.host=s.host.replace(/:80$/,"")),"https:"===s.protocol&&(s.host=s.host.replace(/:443$/,"")),s.protocol||(s.protocol=y.location.protocol),r&&h.body.removeChild(n),s}function Ut(e){if(!e.match(/^https?:\/\//)){var t=h.createElement("div");t.innerHTML='<a href="'+e+'">x</a>',e=t.firstChild.href}return e}function Mt(e){if("string"==typeof e){var t=/^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/.exec(e);if(t)return t.pop().toLowerCase()}return""}function Nt(e,t){void 0===t&&(t=y.location);var i=Rt(e);return(":"===i.protocol?t.protocol:i.protocol)+i.host!==t.protocol+t.host}var Bt=function(n){function e(e){var t;void 0===e&&(e=[]);for(var i=e.length-1;0<=i;i--)if(e[i].enabled){Ot(e,e[i]);break}return(t=n.call(this,e)||this).changing_=!1,t}He(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this;e.enabled&&Ot(this,e),n.prototype.addTrack.call(this,e),e.addEventListener&&(e.enabledChange_=function(){t.changing_||(t.changing_=!0,Ot(t,e),t.changing_=!1,t.trigger("change"))},e.addEventListener("enabledchange",e.enabledChange_))},t.removeTrack=function(e){n.prototype.removeTrack.call(this,e),e.removeEventListener&&e.enabledChange_&&(e.removeEventListener("enabledchange",e.enabledChange_),e.enabledChange_=null)},e}(It),jt=function(n){function e(e){var t;void 0===e&&(e=[]);for(var i=e.length-1;0<=i;i--)if(e[i].selected){Dt(e,e[i]);break}return(t=n.call(this,e)||this).changing_=!1,Object.defineProperty(Me(t),"selectedIndex",{get:function(){for(var e=0;e<this.length;e++)if(this[e].selected)return e;return-1},set:function(){}}),t}He(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this;e.selected&&Dt(this,e),n.prototype.addTrack.call(this,e),e.addEventListener&&(e.selectedChange_=function(){t.changing_||(t.changing_=!0,Dt(t,e),t.changing_=!1,t.trigger("change"))},e.addEventListener("selectedchange",e.selectedChange_))},t.removeTrack=function(e){n.prototype.removeTrack.call(this,e),e.removeEventListener&&e.selectedChange_&&(e.removeEventListener("selectedchange",e.selectedChange_),e.selectedChange_=null)},e}(It),Ft=function(i){function e(){return i.apply(this,arguments)||this}He(e,i);var t=e.prototype;return t.addTrack=function(e){var t=this;i.prototype.addTrack.call(this,e),this.queueChange_||(this.queueChange_=function(){return t.queueTrigger("change")}),this.triggerSelectedlanguagechange||(this.triggerSelectedlanguagechange_=function(){return t.trigger("selectedlanguagechange")}),e.addEventListener("modechange",this.queueChange_);-1===["metadata","chapters"].indexOf(e.kind)&&e.addEventListener("modechange",this.triggerSelectedlanguagechange_)},t.removeTrack=function(e){i.prototype.removeTrack.call(this,e),e.removeEventListener&&(this.queueChange_&&e.removeEventListener("modechange",this.queueChange_),this.selectedlanguagechange_&&e.removeEventListener("modechange",this.triggerSelectedlanguagechange_))},e}(It),Ht=function(){function e(e){void 0===e&&(e=[]),this.trackElements_=[],Object.defineProperty(this,"length",{get:function(){return this.trackElements_.length}});for(var t=0,i=e.length;t<i;t++)this.addTrackElement_(e[t])}var t=e.prototype;return t.addTrackElement_=function(e){var t=this.trackElements_.length;""+t in this||Object.defineProperty(this,t,{get:function(){return this.trackElements_[t]}}),-1===this.trackElements_.indexOf(e)&&this.trackElements_.push(e)},t.getTrackElementByTrack_=function(e){for(var t,i=0,n=this.trackElements_.length;i<n;i++)if(e===this.trackElements_[i].track){t=this.trackElements_[i];break}return t},t.removeTrackElement_=function(e){for(var t=0,i=this.trackElements_.length;t<i;t++)if(e===this.trackElements_[t]){this.trackElements_[t].track&&"function"==typeof this.trackElements_[t].track.off&&this.trackElements_[t].track.off(),"function"==typeof this.trackElements_[t].off&&this.trackElements_[t].off(),this.trackElements_.splice(t,1);break}},e}(),Vt=function(){function t(e){t.prototype.setCues_.call(this,e),Object.defineProperty(this,"length",{get:function(){return this.length_}})}var e=t.prototype;return e.setCues_=function(e){var t=this.length||0,i=0,n=e.length;this.cues_=e,this.length_=e.length;function r(e){""+e in this||Object.defineProperty(this,""+e,{get:function(){return this.cues_[e]}})}if(t<n)for(i=t;i<n;i++)r.call(this,i)},e.getCueById=function(e){for(var t=null,i=0,n=this.length;i<n;i++){var r=this[i];if(r.id===e){t=r;break}}return t},t}(),qt={alternative:"alternative",captions:"captions",main:"main",sign:"sign",subtitles:"subtitles",commentary:"commentary"},Wt={alternative:"alternative",descriptions:"descriptions",main:"main","main-desc":"main-desc",translation:"translation",commentary:"commentary"},zt={subtitles:"subtitles",captions:"captions",descriptions:"descriptions",chapters:"chapters",metadata:"metadata"},Gt={disabled:"disabled",hidden:"hidden",showing:"showing"},Kt=function(s){function e(e){var t;void 0===e&&(e={}),t=s.call(this)||this;function i(e){Object.defineProperty(Me(t),e,{get:function(){return n[e]},set:function(){}})}var n={id:e.id||"vjs_track_"+ne(),kind:e.kind||"",label:e.label||"",language:e.language||""};for(var r in n)i(r);return t}return He(e,s),e}(ye),Xt=Object.freeze({parseUrl:Rt,getAbsoluteURL:Ut,getFileExtension:Mt,isCrossOrigin:Nt}),Yt=function(e){var t=$t.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)}
-/**
-   * @license
-   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
-   * Copyright (c) 2014 David Björklund
-   * Available under the MIT license
-   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
-   */,$t=Object.prototype.toString;var Qt=function(e){var r={};return e&&e.trim().split("\n").forEach(function(e){var t=e.indexOf(":"),i=e.slice(0,t).trim().toLowerCase(),n=e.slice(t+1).trim();"undefined"==typeof r[i]?r[i]=n:Array.isArray(r[i])?r[i].push(n):r[i]=[r[i],n]}),r},Jt=ti,Zt=ti;function ei(e,t,i){var n=e;return Yt(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=r({},t,{uri:e}),n.callback=i,n}function ti(e,t,i){return ii(t=ei(e,t,i))}function ii(n){if("undefined"==typeof n.callback)throw new Error("callback argument missing");var r=!1,s=function(e,t,i){r||(r=!0,n.callback(e,t,i))};function t(e){return clearTimeout(o),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,s(e,m)}function e(){if(!a){var e;clearTimeout(o),e=n.useXDR&&void 0===u.status?200:1223===u.status?204:u.status;var t=m,i=null;return 0!==e?(t={body:function(){var e=void 0;if(e=u.response?u.response:u.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(u),f)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:e,method:c,headers:{},url:l,rawRequest:u},u.getAllResponseHeaders&&(t.headers=Qt(u.getAllResponseHeaders()))):i=new Error("Internal XMLHttpRequest Error"),s(i,t,t.body)}}var i,a,o,u=n.xhr||null,l=(u=u||(n.cors||n.useXDR?new ti.XDomainRequest:new ti.XMLHttpRequest)).url=n.uri||n.url,c=u.method=n.method||"GET",h=n.body||n.data,d=u.headers=n.headers||{},p=!!n.sync,f=!1,m={body:void 0,headers:{},statusCode:0,method:c,url:l,rawRequest:u};if("json"in n&&!1!==n.json&&(f=!0,d.accept||d.Accept||(d.Accept="application/json"),"GET"!==c&&"HEAD"!==c&&(d["content-type"]||d["Content-Type"]||(d["Content-Type"]="application/json"),h=JSON.stringify(!0===n.json?h:n.json))),u.onreadystatechange=function(){4===u.readyState&&setTimeout(e,0)},u.onload=e,u.onerror=t,u.onprogress=function(){},u.onabort=function(){a=!0},u.ontimeout=t,u.open(c,l,!p,n.username,n.password),p||(u.withCredentials=!!n.withCredentials),!p&&0<n.timeout&&(o=setTimeout(function(){if(!a){a=!0,u.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",t(e)}},n.timeout)),u.setRequestHeader)for(i in d)d.hasOwnProperty(i)&&u.setRequestHeader(i,d[i]);else if(n.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(n.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in n&&(u.responseType=n.responseType),"beforeSend"in n&&"function"==typeof n.beforeSend&&n.beforeSend(u),u.send(h||null),u}ti.XMLHttpRequest=y.XMLHttpRequest||function(){},ti.XDomainRequest="withCredentials"in new ti.XMLHttpRequest?ti.XMLHttpRequest:y.XDomainRequest,function(e,t){for(var i=0;i<e.length;i++)t(e[i])}(["get","put","post","patch","head","delete"],function(n){ti["delete"===n?"del":n]=function(e,t,i){return(t=ei(e,t,i)).method=n.toUpperCase(),ii(t)}}),Jt.default=Zt;function ni(e,t){var i=new y.WebVTT.Parser(y,y.vttjs,y.WebVTT.StringDecoder()),n=[];i.oncue=function(e){t.addCue(e)},i.onparsingerror=function(e){n.push(e)},i.onflush=function(){t.trigger({type:"loadeddata",target:t})},i.parse(e),0<n.length&&(y.console&&y.console.groupCollapsed&&y.console.groupCollapsed("Text Track parsing errors for "+t.src),n.forEach(function(e){return p.error(e)}),y.console&&y.console.groupEnd&&y.console.groupEnd()),i.flush()}function ri(e,n){var t={uri:e},i=Nt(e);i&&(t.cors=i),Jt(t,ge(this,function(e,t,i){if(e)return p.error(e,t);n.loaded_=!0,"function"!=typeof y.WebVTT?n.tech_&&n.tech_.any(["vttjsloaded","vttjserror"],function(e){if("vttjserror"!==e.type)return ni(i,n);p.error("vttjs failed to load, stopping trying to process "+n.src)}):ni(i,n)}))}var si=function(l){function e(e){var t;if(void 0===e&&(e={}),!e.tech)throw new Error("A tech was not provided.");var i=Re(e,{kind:zt[e.kind]||"subtitles",language:e.language||e.srclang||""}),n=Gt[i.mode]||"disabled",r=i.default;"metadata"!==i.kind&&"chapters"!==i.kind||(n="hidden"),(t=l.call(this,i)||this).tech_=i.tech,t.cues_=[],t.activeCues_=[],t.preload_=!1!==t.tech_.preloadTextTracks;var s=new Vt(t.cues_),a=new Vt(t.activeCues_),o=!1,u=ge(Me(t),function(){this.activeCues=this.activeCues,o&&(this.trigger("cuechange"),o=!1)});return"disabled"!==n&&t.tech_.ready(function(){t.tech_.on("timeupdate",u)},!0),Object.defineProperties(Me(t),{default:{get:function(){return r},set:function(){}},mode:{get:function(){return n},set:function(e){var t=this;Gt[e]&&(n=e,this.preload_||"disabled"===n||0!==this.cues.length||ri(this.src,this),"disabled"!==n?this.tech_.ready(function(){t.tech_.on("timeupdate",u)},!0):this.tech_.off("timeupdate",u),this.trigger("modechange"))}},cues:{get:function(){return this.loaded_?s:null},set:function(){}},activeCues:{get:function(){if(!this.loaded_)return null;if(0===this.cues.length)return a;for(var e=this.tech_.currentTime(),t=[],i=0,n=this.cues.length;i<n;i++){var r=this.cues[i];r.startTime<=e&&r.endTime>=e?t.push(r):r.startTime===r.endTime&&r.startTime<=e&&r.startTime+.5>=e&&t.push(r)}if(o=!1,t.length!==this.activeCues_.length)o=!0;else for(var s=0;s<t.length;s++)-1===this.activeCues_.indexOf(t[s])&&(o=!0);return this.activeCues_=t,a.setCues_(this.activeCues_),a},set:function(){}}}),i.src?(t.src=i.src,t.preload_||(t.loaded_=!0),(t.preload_||r||"subtitles"!==i.kind&&"captions"!==i.kind)&&ri(t.src,Me(t))):t.loaded_=!0,t}He(e,l);var t=e.prototype;return t.addCue=function(e){var t=e;if(y.vttjs&&!(e instanceof y.vttjs.VTTCue)){for(var i in t=new y.vttjs.VTTCue(e.startTime,e.endTime,e.text),e)i in t||(t[i]=e[i]);t.id=e.id,t.originalCue_=e}for(var n=this.tech_.textTracks(),r=0;r<n.length;r++)n[r]!==this&&n[r].removeCue(t);this.cues_.push(t),this.cues.setCues_(this.cues_)},t.removeCue=function(e){for(var t=this.cues_.length;t--;){var i=this.cues_[t];if(i===e||i.originalCue_&&i.originalCue_===e){this.cues_.splice(t,1),this.cues.setCues_(this.cues_);break}}},e}(Kt);si.prototype.allowedEvents_={cuechange:"cuechange"};var ai=function(r){function e(e){var t;void 0===e&&(e={});var i=Re(e,{kind:Wt[e.kind]||""});t=r.call(this,i)||this;var n=!1;return Object.defineProperty(Me(t),"enabled",{get:function(){return n},set:function(e){"boolean"==typeof e&&e!==n&&(n=e,this.trigger("enabledchange"))}}),i.enabled&&(t.enabled=i.enabled),t.loaded_=!0,t}return He(e,r),e}(Kt),oi=function(r){function e(e){var t;void 0===e&&(e={});var i=Re(e,{kind:qt[e.kind]||""});t=r.call(this,i)||this;var n=!1;return Object.defineProperty(Me(t),"selected",{get:function(){return n},set:function(e){"boolean"==typeof e&&e!==n&&(n=e,this.trigger("selectedchange"))}}),i.selected&&(t.selected=i.selected),t}return He(e,r),e}(Kt),ui=function(r){function e(e){var t,i;void 0===e&&(e={}),t=r.call(this)||this;var n=new si(e);return t.kind=n.kind,t.src=n.src,t.srclang=n.language,t.label=n.label,t.default=n.default,Object.defineProperties(Me(t),{readyState:{get:function(){return i}},track:{get:function(){return n}}}),i=0,n.addEventListener("loadeddata",function(){i=2,t.trigger({type:"load",target:Me(t)})}),t}return He(e,r),e}(ye);ui.prototype.allowedEvents_={load:"load"},ui.NONE=0,ui.LOADING=1,ui.LOADED=2,ui.ERROR=3;var li={audio:{ListClass:Bt,TrackClass:ai,capitalName:"Audio"},video:{ListClass:jt,TrackClass:oi,capitalName:"Video"},text:{ListClass:Ft,TrackClass:si,capitalName:"Text"}};Object.keys(li).forEach(function(e){li[e].getterName=e+"Tracks",li[e].privateName=e+"Tracks_"});var ci={remoteText:{ListClass:Ft,TrackClass:si,capitalName:"RemoteText",getterName:"remoteTextTracks",privateName:"remoteTextTracks_"},remoteTextEl:{ListClass:Ht,TrackClass:ui,capitalName:"RemoteTextTrackEls",getterName:"remoteTextTrackEls",privateName:"remoteTextTrackEls_"}},hi=r({},li,ci);ci.names=Object.keys(ci),li.names=Object.keys(li),hi.names=[].concat(ci.names).concat(li.names);var di=Object.create||function(e){if(1!==arguments.length)throw new Error("Object.create shim only accepts one parameter.");return pi.prototype=e,new pi};function pi(){}function fi(e,t){this.name="ParsingError",this.code=e.code,this.message=t||e.message}function mi(e){function t(e,t,i,n){return 3600*(0|e)+60*(0|t)+(0|i)+(0|n)/1e3}var i=e.match(/^(\d+):(\d{1,2})(:\d{1,2})?\.(\d{3})/);return i?i[3]?t(i[1],i[2],i[3].replace(":",""),i[4]):59<i[1]?t(i[1],i[2],0,i[4]):t(0,i[1],i[2],i[4]):null}function gi(){this.values=di(null)}function vi(e,t,i,n){var r=n?e.split(n):[e];for(var s in r)if("string"==typeof r[s]){var a=r[s].split(i);if(2===a.length)t(a[0],a[1])}}function yi(t,e,a){var i=t;function n(){var e=mi(t);if(null===e)throw new fi(fi.Errors.BadTimeStamp,"Malformed timestamp: "+i);return t=t.replace(/^[^\sa-zA-Z-]+/,""),e}function r(){t=t.replace(/^\s+/,"")}if(r(),e.startTime=n(),r(),"--\x3e"!==t.substr(0,3))throw new fi(fi.Errors.BadTimeStamp,"Malformed time stamp (time stamps must be separated by '--\x3e'): "+i);t=t.substr(3),r(),e.endTime=n(),r(),function(e,t){var s=new gi;vi(e,function(e,t){switch(e){case"region":for(var i=a.length-1;0<=i;i--)if(a[i].id===t){s.set(e,a[i].region);break}break;case"vertical":s.alt(e,t,["rl","lr"]);break;case"line":var n=t.split(","),r=n[0];s.integer(e,r),s.percent(e,r)&&s.set("snapToLines",!1),s.alt(e,r,["auto"]),2===n.length&&s.alt("lineAlign",n[1],["start","center","end"]);break;case"position":n=t.split(","),s.percent(e,n[0]),2===n.length&&s.alt("positionAlign",n[1],["start","center","end"]);break;case"size":s.percent(e,t);break;case"align":s.alt(e,t,["start","center","end","left","right"])}},/:/,/\s/),t.region=s.get("region",null),t.vertical=s.get("vertical","");try{t.line=s.get("line","auto")}catch(e){}t.lineAlign=s.get("lineAlign","start"),t.snapToLines=s.get("snapToLines",!0),t.size=s.get("size",100);try{t.align=s.get("align","center")}catch(e){t.align=s.get("align","middle")}try{t.position=s.get("position","auto")}catch(e){t.position=s.get("position",{start:0,left:0,center:50,middle:50,end:100,right:100},t.align)}t.positionAlign=s.get("positionAlign",{start:"start",left:"start",center:"center",middle:"center",end:"end",right:"end"},t.align)}(t,e)}((fi.prototype=di(Error.prototype)).constructor=fi).Errors={BadSignature:{code:0,message:"Malformed WebVTT signature."},BadTimeStamp:{code:1,message:"Malformed time stamp."}},gi.prototype={set:function(e,t){this.get(e)||""===t||(this.values[e]=t)},get:function(e,t,i){return i?this.has(e)?this.values[e]:t[i]:this.has(e)?this.values[e]:t},has:function(e){return e in this.values},alt:function(e,t,i){for(var n=0;n<i.length;++n)if(t===i[n]){this.set(e,t);break}},integer:function(e,t){/^-?\d+$/.test(t)&&this.set(e,parseInt(t,10))},percent:function(e,t){return!!(t.match(/^([\d]{1,3})(\.[\d]*)?%$/)&&0<=(t=parseFloat(t))&&t<=100)&&(this.set(e,t),!0)}};var _i=h.createElement("textarea"),bi={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",v:"span",lang:"span"},Ti={white:"rgba(255,255,255,1)",lime:"rgba(0,255,0,1)",cyan:"rgba(0,255,255,1)",red:"rgba(255,0,0,1)",yellow:"rgba(255,255,0,1)",magenta:"rgba(255,0,255,1)",blue:"rgba(0,0,255,1)",black:"rgba(0,0,0,1)"},Si={v:"title",lang:"lang"},ki={rt:"ruby"};function Ci(s,i){function e(){if(!i)return null;var e,t=i.match(/^([^<]*)(<[^>]*>?)?/);return e=t[1]?t[1]:t[2],i=i.substr(e.length),e}function t(e,t){var i=bi[e];if(!i)return null;var n=s.document.createElement(i),r=Si[e];return r&&t&&(n[r]=t.trim()),n}for(var n,r,a,o,u=s.document.createElement("div"),l=u,c=[];null!==(n=e());)if("<"!==n[0])l.appendChild(s.document.createTextNode((r=n,_i.innerHTML=r,r=_i.textContent,_i.textContent="",r)));else{if("/"===n[1]){c.length&&c[c.length-1]===n.substr(2).replace(">","")&&(c.pop(),l=l.parentNode);continue}var h,d=mi(n.substr(1,n.length-2));if(d){h=s.document.createProcessingInstruction("timestamp",d),l.appendChild(h);continue}var p=n.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/);if(!p)continue;if(!(h=t(p[1],p[3])))continue;if(a=l,ki[(o=h).localName]&&ki[o.localName]!==a.localName)continue;if(p[2]){var f=p[2].split(".");f.forEach(function(e){var t=/^bg_/.test(e),i=t?e.slice(3):e;if(Ti.hasOwnProperty(i)){var n=t?"background-color":"color",r=Ti[i];h.style[n]=r}}),h.className=f.join(" ")}c.push(p[1]),l.appendChild(h),l=h}return u}var Ei=[[1470,1470],[1472,1472],[1475,1475],[1478,1478],[1488,1514],[1520,1524],[1544,1544],[1547,1547],[1549,1549],[1563,1563],[1566,1610],[1645,1647],[1649,1749],[1765,1766],[1774,1775],[1786,1805],[1807,1808],[1810,1839],[1869,1957],[1969,1969],[1984,2026],[2036,2037],[2042,2042],[2048,2069],[2074,2074],[2084,2084],[2088,2088],[2096,2110],[2112,2136],[2142,2142],[2208,2208],[2210,2220],[8207,8207],[64285,64285],[64287,64296],[64298,64310],[64312,64316],[64318,64318],[64320,64321],[64323,64324],[64326,64449],[64467,64829],[64848,64911],[64914,64967],[65008,65020],[65136,65140],[65142,65276],[67584,67589],[67592,67592],[67594,67637],[67639,67640],[67644,67644],[67647,67669],[67671,67679],[67840,67867],[67872,67897],[67903,67903],[67968,68023],[68030,68031],[68096,68096],[68112,68115],[68117,68119],[68121,68147],[68160,68167],[68176,68184],[68192,68223],[68352,68405],[68416,68437],[68440,68466],[68472,68479],[68608,68680],[126464,126467],[126469,126495],[126497,126498],[126500,126500],[126503,126503],[126505,126514],[126516,126519],[126521,126521],[126523,126523],[126530,126530],[126535,126535],[126537,126537],[126539,126539],[126541,126543],[126545,126546],[126548,126548],[126551,126551],[126553,126553],[126555,126555],[126557,126557],[126559,126559],[126561,126562],[126564,126564],[126567,126570],[126572,126578],[126580,126583],[126585,126588],[126590,126590],[126592,126601],[126603,126619],[126625,126627],[126629,126633],[126635,126651],[1114109,1114109]];function wi(e){for(var t=0;t<Ei.length;t++){var i=Ei[t];if(e>=i[0]&&e<=i[1])return!0}return!1}function Li(){}function Pi(e,t,i){Li.call(this),this.cue=t,this.cueDiv=Ci(e,t.text);var n={color:"rgba(255, 255, 255, 1)",backgroundColor:"rgba(0, 0, 0, 0.8)",position:"relative",left:0,right:0,top:0,bottom:0,display:"inline",writingMode:""===t.vertical?"horizontal-tb":"lr"===t.vertical?"vertical-lr":"vertical-rl",unicodeBidi:"plaintext"};this.applyStyles(n,this.cueDiv),this.div=e.document.createElement("div"),n={direction:function(e){var t=[],i="";if(!e||!e.childNodes)return"ltr";function r(e,t){for(var i=t.childNodes.length-1;0<=i;i--)e.push(t.childNodes[i])}function s(e){if(!e||!e.length)return null;var t=e.pop(),i=t.textContent||t.innerText;if(i){var n=i.match(/^.*(\n|\r)/);return n?n[e.length=0]:i}return"ruby"===t.tagName?s(e):t.childNodes?(r(e,t),s(e)):void 0}for(r(t,e);i=s(t);)for(var n=0;n<i.length;n++)if(wi(i.charCodeAt(n)))return"rtl";return"ltr"}(this.cueDiv),writingMode:""===t.vertical?"horizontal-tb":"lr"===t.vertical?"vertical-lr":"vertical-rl",unicodeBidi:"plaintext",textAlign:"middle"===t.align?"center":t.align,font:i.font,whiteSpace:"pre-line",position:"absolute"},this.applyStyles(n),this.div.appendChild(this.cueDiv);var r=0;switch(t.positionAlign){case"start":r=t.position;break;case"center":r=t.position-t.size/2;break;case"end":r=t.position-t.size}""===t.vertical?this.applyStyles({left:this.formatStyle(r,"%"),width:this.formatStyle(t.size,"%")}):this.applyStyles({top:this.formatStyle(r,"%"),height:this.formatStyle(t.size,"%")}),this.move=function(e){this.applyStyles({top:this.formatStyle(e.top,"px"),bottom:this.formatStyle(e.bottom,"px"),left:this.formatStyle(e.left,"px"),right:this.formatStyle(e.right,"px"),height:this.formatStyle(e.height,"px"),width:this.formatStyle(e.width,"px")})}}function Ai(e){var t,i,n,r;if(e.div){i=e.div.offsetHeight,n=e.div.offsetWidth,r=e.div.offsetTop;var s=(s=e.div.childNodes)&&(s=s[0])&&s.getClientRects&&s.getClientRects();e=e.div.getBoundingClientRect(),t=s?Math.max(s[0]&&s[0].height||0,e.height/s.length):0}this.left=e.left,this.right=e.right,this.top=e.top||r,this.height=e.height||i,this.bottom=e.bottom||r+(e.height||i),this.width=e.width||n,this.lineHeight=void 0!==t?t:e.lineHeight}function Ii(e,t,o,u){var i=new Ai(t),n=t.cue,r=function(e){if("number"==typeof e.line&&(e.snapToLines||0<=e.line&&e.line<=100))return e.line;if(!e.track||!e.track.textTrackList||!e.track.textTrackList.mediaElement)return-1;for(var t=e.track,i=t.textTrackList,n=0,r=0;r<i.length&&i[r]!==t;r++)"showing"===i[r].mode&&n++;return-1*++n}(n),s=[];if(n.snapToLines){var a;switch(n.vertical){case"":s=["+y","-y"],a="height";break;case"rl":s=["+x","-x"],a="width";break;case"lr":s=["-x","+x"],a="width"}var l=i.lineHeight,c=l*Math.round(r),h=o[a]+l,d=s[0];Math.abs(c)>h&&(c=c<0?-1:1,c*=Math.ceil(h/l)*l),r<0&&(c+=""===n.vertical?o.height:o.width,s=s.reverse()),i.move(d,c)}else{var p=i.lineHeight/o.height*100;switch(n.lineAlign){case"center":r-=p/2;break;case"end":r-=p}switch(n.vertical){case"":t.applyStyles({top:t.formatStyle(r,"%")});break;case"rl":t.applyStyles({left:t.formatStyle(r,"%")});break;case"lr":t.applyStyles({right:t.formatStyle(r,"%")})}s=["+y","-x","+x","-y"],i=new Ai(t)}var f=function(e,t){for(var i,n=new Ai(e),r=1,s=0;s<t.length;s++){for(;e.overlapsOppositeAxis(o,t[s])||e.within(o)&&e.overlapsAny(u);)e.move(t[s]);if(e.within(o))return e;var a=e.intersectPercentage(o);a<r&&(i=new Ai(e),r=a),e=new Ai(n)}return i||n}(i,s);t.move(f.toCSSCompatValues(o))}function xi(){}Li.prototype.applyStyles=function(e,t){for(var i in t=t||this.div,e)e.hasOwnProperty(i)&&(t.style[i]=e[i])},Li.prototype.formatStyle=function(e,t){return 0===e?0:e+t},(Pi.prototype=di(Li.prototype)).constructor=Pi,Ai.prototype.move=function(e,t){switch(t=void 0!==t?t:this.lineHeight,e){case"+x":this.left+=t,this.right+=t;break;case"-x":this.left-=t,this.right-=t;break;case"+y":this.top+=t,this.bottom+=t;break;case"-y":this.top-=t,this.bottom-=t}},Ai.prototype.overlaps=function(e){return this.left<e.right&&this.right>e.left&&this.top<e.bottom&&this.bottom>e.top},Ai.prototype.overlapsAny=function(e){for(var t=0;t<e.length;t++)if(this.overlaps(e[t]))return!0;return!1},Ai.prototype.within=function(e){return this.top>=e.top&&this.bottom<=e.bottom&&this.left>=e.left&&this.right<=e.right},Ai.prototype.overlapsOppositeAxis=function(e,t){switch(t){case"+x":return this.left<e.left;case"-x":return this.right>e.right;case"+y":return this.top<e.top;case"-y":return this.bottom>e.bottom}},Ai.prototype.intersectPercentage=function(e){return Math.max(0,Math.min(this.right,e.right)-Math.max(this.left,e.left))*Math.max(0,Math.min(this.bottom,e.bottom)-Math.max(this.top,e.top))/(this.height*this.width)},Ai.prototype.toCSSCompatValues=function(e){return{top:this.top-e.top,bottom:e.bottom-this.bottom,left:this.left-e.left,right:e.right-this.right,height:this.height,width:this.width}},Ai.getSimpleBoxPosition=function(e){var t=e.div?e.div.offsetHeight:e.tagName?e.offsetHeight:0,i=e.div?e.div.offsetWidth:e.tagName?e.offsetWidth:0,n=e.div?e.div.offsetTop:e.tagName?e.offsetTop:0;return{left:(e=e.div?e.div.getBoundingClientRect():e.tagName?e.getBoundingClientRect():e).left,right:e.right,top:e.top||n,height:e.height||t,bottom:e.bottom||n+(e.height||t),width:e.width||i}},xi.StringDecoder=function(){return{decode:function(e){if(!e)return"";if("string"!=typeof e)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(e))}}},xi.convertCueToDOMTree=function(e,t){return e&&t?Ci(e,t):null};xi.processCues=function(n,r,e){if(!n||!r||!e)return null;for(;e.firstChild;)e.removeChild(e.firstChild);var s=n.document.createElement("div");if(s.style.position="absolute",s.style.left="0",s.style.right="0",s.style.top="0",s.style.bottom="0",s.style.margin="1.5%",e.appendChild(s),function(e){for(var t=0;t<e.length;t++)if(e[t].hasBeenReset||!e[t].displayState)return!0;return!1}(r)){var a=[],o=Ai.getSimpleBoxPosition(s),u={font:Math.round(.05*o.height*100)/100+"px sans-serif"};!function(){for(var e,t,i=0;i<r.length;i++)t=r[i],e=new Pi(n,t,u),s.appendChild(e.div),Ii(0,e,o,a),t.displayState=e.div,a.push(Ai.getSimpleBoxPosition(e))}()}else for(var t=0;t<r.length;t++)s.appendChild(r[t].displayState)},(xi.Parser=function(e,t,i){i||(i=t,t={}),t=t||{},this.window=e,this.vttjs=t,this.state="INITIAL",this.buffer="",this.decoder=i||new TextDecoder("utf8"),this.regionList=[]}).prototype={reportOrThrowError:function(e){if(!(e instanceof fi))throw e;this.onparsingerror&&this.onparsingerror(e)},parse:function(e){var n=this;function t(){for(var e=n.buffer,t=0;t<e.length&&"\r"!==e[t]&&"\n"!==e[t];)++t;var i=e.substr(0,t);return"\r"===e[t]&&++t,"\n"===e[t]&&++t,n.buffer=e.substr(t),i}function i(e){e.match(/X-TIMESTAMP-MAP/)?vi(e,function(e,t){switch(e){case"X-TIMESTAMP-MAP":!function(e){var i=new gi;vi(e,function(e,t){switch(e){case"MPEGT":i.integer(e+"S",t);break;case"LOCA":i.set(e+"L",mi(t))}},/[^\d]:/,/,/),n.ontimestampmap&&n.ontimestampmap({MPEGTS:i.get("MPEGTS"),LOCAL:i.get("LOCAL")})}(t)}},/=/):vi(e,function(e,t){switch(e){case"Region":!function(e){var r=new gi;if(vi(e,function(e,t){switch(e){case"id":r.set(e,t);break;case"width":r.percent(e,t);break;case"lines":r.integer(e,t);break;case"regionanchor":case"viewportanchor":var i=t.split(",");if(2!==i.length)break;var n=new gi;if(n.percent("x",i[0]),n.percent("y",i[1]),!n.has("x")||!n.has("y"))break;r.set(e+"X",n.get("x")),r.set(e+"Y",n.get("y"));break;case"scroll":r.alt(e,t,["up"])}},/=/,/\s/),r.has("id")){var t=new(n.vttjs.VTTRegion||n.window.VTTRegion);t.width=r.get("width",100),t.lines=r.get("lines",3),t.regionAnchorX=r.get("regionanchorX",0),t.regionAnchorY=r.get("regionanchorY",100),t.viewportAnchorX=r.get("viewportanchorX",0),t.viewportAnchorY=r.get("viewportanchorY",100),t.scroll=r.get("scroll",""),n.onregion&&n.onregion(t),n.regionList.push({id:r.get("id"),region:t})}}(t)}},/:/)}e&&(n.buffer+=n.decoder.decode(e,{stream:!0}));try{var r;if("INITIAL"===n.state){if(!/\r\n|\n/.test(n.buffer))return this;var s=(r=t()).match(/^WEBVTT([ \t].*)?$/);if(!s||!s[0])throw new fi(fi.Errors.BadSignature);n.state="HEADER"}for(var a=!1;n.buffer;){if(!/\r\n|\n/.test(n.buffer))return this;switch(a?a=!1:r=t(),n.state){case"HEADER":/:/.test(r)?i(r):r||(n.state="ID");continue;case"NOTE":r||(n.state="ID");continue;case"ID":if(/^NOTE($|[ \t])/.test(r)){n.state="NOTE";break}if(!r)continue;n.cue=new(n.vttjs.VTTCue||n.window.VTTCue)(0,0,"");try{n.cue.align="center"}catch(e){n.cue.align="middle"}if(n.state="CUE",-1===r.indexOf("--\x3e")){n.cue.id=r;continue}case"CUE":try{yi(r,n.cue,n.regionList)}catch(e){n.reportOrThrowError(e),n.cue=null,n.state="BADCUE";continue}n.state="CUETEXT";continue;case"CUETEXT":var o=-1!==r.indexOf("--\x3e");if(!r||o&&(a=!0)){n.oncue&&n.oncue(n.cue),n.cue=null,n.state="ID";continue}n.cue.text&&(n.cue.text+="\n"),n.cue.text+=r.replace(/\u2028/g,"\n").replace(/u2029/g,"\n");continue;case"BADCUE":r||(n.state="ID");continue}}}catch(e){n.reportOrThrowError(e),"CUETEXT"===n.state&&n.cue&&n.oncue&&n.oncue(n.cue),n.cue=null,n.state="INITIAL"===n.state?"BADWEBVTT":"BADCUE"}return this},flush:function(){var t=this;try{if(t.buffer+=t.decoder.decode(),!t.cue&&"HEADER"!==t.state||(t.buffer+="\n\n",t.parse()),"INITIAL"===t.state)throw new fi(fi.Errors.BadSignature)}catch(e){t.reportOrThrowError(e)}return t.onflush&&t.onflush(),this}};var Oi=xi,Di={"":1,lr:1,rl:1},Ri={start:1,center:1,end:1,left:1,right:1,auto:1,"line-left":1,"line-right":1};function Ui(e){return"string"==typeof e&&(!!Ri[e.toLowerCase()]&&e.toLowerCase())}function Mi(e,t,i){this.hasBeenReset=!1;var n="",r=!1,s=e,a=t,o=i,u=null,l="",c=!0,h="auto",d="start",p="auto",f="auto",m=100,g="center";Object.defineProperties(this,{id:{enumerable:!0,get:function(){return n},set:function(e){n=""+e}},pauseOnExit:{enumerable:!0,get:function(){return r},set:function(e){r=!!e}},startTime:{enumerable:!0,get:function(){return s},set:function(e){if("number"!=typeof e)throw new TypeError("Start time must be set to a number.");s=e,this.hasBeenReset=!0}},endTime:{enumerable:!0,get:function(){return a},set:function(e){if("number"!=typeof e)throw new TypeError("End time must be set to a number.");a=e,this.hasBeenReset=!0}},text:{enumerable:!0,get:function(){return o},set:function(e){o=""+e,this.hasBeenReset=!0}},region:{enumerable:!0,get:function(){return u},set:function(e){u=e,this.hasBeenReset=!0}},vertical:{enumerable:!0,get:function(){return l},set:function(e){var t=function(e){return"string"==typeof e&&(!!Di[e.toLowerCase()]&&e.toLowerCase())}(e);if(!1===t)throw new SyntaxError("Vertical: an invalid or illegal direction string was specified.");l=t,this.hasBeenReset=!0}},snapToLines:{enumerable:!0,get:function(){return c},set:function(e){c=!!e,this.hasBeenReset=!0}},line:{enumerable:!0,get:function(){return h},set:function(e){if("number"!=typeof e&&"auto"!==e)throw new SyntaxError("Line: an invalid number or illegal string was specified.");h=e,this.hasBeenReset=!0}},lineAlign:{enumerable:!0,get:function(){return d},set:function(e){var t=Ui(e);t&&(d=t,this.hasBeenReset=!0)}},position:{enumerable:!0,get:function(){return p},set:function(e){if(e<0||100<e)throw new Error("Position must be between 0 and 100.");p=e,this.hasBeenReset=!0}},positionAlign:{enumerable:!0,get:function(){return f},set:function(e){var t=Ui(e);t&&(f=t,this.hasBeenReset=!0)}},size:{enumerable:!0,get:function(){return m},set:function(e){if(e<0||100<e)throw new Error("Size must be between 0 and 100.");m=e,this.hasBeenReset=!0}},align:{enumerable:!0,get:function(){return g},set:function(e){var t=Ui(e);if(!t)throw new SyntaxError("align: an invalid or illegal alignment string was specified.");g=t,this.hasBeenReset=!0}}}),this.displayState=void 0}Mi.prototype.getCueAsHTML=function(){return WebVTT.convertCueToDOMTree(window,this.text)};var Ni=Mi,Bi={"":!0,up:!0};function ji(e){return"number"==typeof e&&0<=e&&e<=100}function Fi(){var t=100,i=3,n=0,r=100,s=0,a=100,o="";Object.defineProperties(this,{width:{enumerable:!0,get:function(){return t},set:function(e){if(!ji(e))throw new Error("Width must be between 0 and 100.");t=e}},lines:{enumerable:!0,get:function(){return i},set:function(e){if("number"!=typeof e)throw new TypeError("Lines must be set to a number.");i=e}},regionAnchorY:{enumerable:!0,get:function(){return r},set:function(e){if(!ji(e))throw new Error("RegionAnchorX must be between 0 and 100.");r=e}},regionAnchorX:{enumerable:!0,get:function(){return n},set:function(e){if(!ji(e))throw new Error("RegionAnchorY must be between 0 and 100.");n=e}},viewportAnchorY:{enumerable:!0,get:function(){return a},set:function(e){if(!ji(e))throw new Error("ViewportAnchorY must be between 0 and 100.");a=e}},viewportAnchorX:{enumerable:!0,get:function(){return s},set:function(e){if(!ji(e))throw new Error("ViewportAnchorX must be between 0 and 100.");s=e}},scroll:{enumerable:!0,get:function(){return o},set:function(e){var t=function(e){return"string"==typeof e&&(!!Bi[e.toLowerCase()]&&e.toLowerCase())}(e);!1===t||(o=t)}}})}var Hi=t(function(e){var t=e.exports={WebVTT:Oi,VTTCue:Ni,VTTRegion:Fi};y.vttjs=t,y.WebVTT=t.WebVTT;var i=t.VTTCue,n=t.VTTRegion,r=y.VTTCue,s=y.VTTRegion;t.shim=function(){y.VTTCue=i,y.VTTRegion=n},t.restore=function(){y.VTTCue=r,y.VTTRegion=s},y.VTTCue||t.shim()});Hi.WebVTT,Hi.VTTCue,Hi.VTTRegion;var Vi=function(t){function i(i,e){var n;return void 0===i&&(i={}),void 0===e&&(e=function(){}),i.reportTouchActivity=!1,(n=t.call(this,null,i,e)||this).hasStarted_=!1,n.on("playing",function(){this.hasStarted_=!0}),n.on("loadstart",function(){this.hasStarted_=!1}),hi.names.forEach(function(e){var t=hi[e];i&&i[t.getterName]&&(n[t.privateName]=i[t.getterName])}),n.featuresProgressEvents||n.manualProgressOn(),n.featuresTimeupdateEvents||n.manualTimeUpdatesOn(),["Text","Audio","Video"].forEach(function(e){!1===i["native"+e+"Tracks"]&&(n["featuresNative"+e+"Tracks"]=!1)}),!1===i.nativeCaptions||!1===i.nativeTextTracks?n.featuresNativeTextTracks=!1:!0!==i.nativeCaptions&&!0!==i.nativeTextTracks||(n.featuresNativeTextTracks=!0),n.featuresNativeTextTracks||n.emulateTextTracks(),n.preloadTextTracks=!1!==i.preloadTextTracks,n.autoRemoteTextTracks_=new hi.text.ListClass,n.initTrackListeners(),i.nativeControlsForTouch||n.emitTapEvents(),n.constructor&&(n.name_=n.constructor.name||"Unknown Tech"),n}He(i,t);var e=i.prototype;return e.triggerSourceset=function(e){var t=this;this.isReady_||this.one("ready",function(){return t.setTimeout(function(){return t.triggerSourceset(e)},1)}),this.trigger({src:e,type:"sourceset"})},e.manualProgressOn=function(){this.on("durationchange",this.onDurationChange),this.manualProgress=!0,this.one("ready",this.trackProgress)},e.manualProgressOff=function(){this.manualProgress=!1,this.stopTrackingProgress(),this.off("durationchange",this.onDurationChange)},e.trackProgress=function(e){this.stopTrackingProgress(),this.progressInterval=this.setInterval(ge(this,function(){var e=this.bufferedPercent();this.bufferedPercent_!==e&&this.trigger("progress"),1===(this.bufferedPercent_=e)&&this.stopTrackingProgress()}),500)},e.onDurationChange=function(e){this.duration_=this.duration()},e.buffered=function(){return ht(0,0)},e.bufferedPercent=function(){return dt(this.buffered(),this.duration_)},e.stopTrackingProgress=function(){this.clearInterval(this.progressInterval)},e.manualTimeUpdatesOn=function(){this.manualTimeUpdates=!0,this.on("play",this.trackCurrentTime),this.on("pause",this.stopTrackingCurrentTime)},e.manualTimeUpdatesOff=function(){this.manualTimeUpdates=!1,this.stopTrackingCurrentTime(),this.off("play",this.trackCurrentTime),this.off("pause",this.stopTrackingCurrentTime)},e.trackCurrentTime=function(){this.currentTimeInterval&&this.stopTrackingCurrentTime(),this.currentTimeInterval=this.setInterval(function(){this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},250)},e.stopTrackingCurrentTime=function(){this.clearInterval(this.currentTimeInterval),this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.dispose=function(){this.clearTracks(li.names),this.manualProgress&&this.manualProgressOff(),this.manualTimeUpdates&&this.manualTimeUpdatesOff(),t.prototype.dispose.call(this)},e.clearTracks=function(e){var r=this;(e=[].concat(e)).forEach(function(e){for(var t=r[e+"Tracks"]()||[],i=t.length;i--;){var n=t[i];"text"===e&&r.removeRemoteTextTrack(n),t.removeTrack(n)}})},e.cleanupAutoTextTracks=function(){for(var e=this.autoRemoteTextTracks_||[],t=e.length;t--;){var i=e[t];this.removeRemoteTextTrack(i)}},e.reset=function(){},e.error=function(e){return void 0!==e&&(this.error_=new _t(e),this.trigger("error")),this.error_},e.played=function(){return this.hasStarted_?ht(0,0):ht()},e.setCurrentTime=function(){this.manualTimeUpdates&&this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.initTrackListeners=function(){var r=this;li.names.forEach(function(e){function t(){r.trigger(e+"trackchange")}var i=li[e],n=r[i.getterName]();n.addEventListener("removetrack",t),n.addEventListener("addtrack",t),r.on("dispose",function(){n.removeEventListener("removetrack",t),n.removeEventListener("addtrack",t)})})},e.addWebVttScript_=function(){var e=this;if(!y.WebVTT)if(h.body.contains(this.el())){if(!this.options_["vtt.js"]&&u(Hi)&&0<Object.keys(Hi).length)return void this.trigger("vttjsloaded");var t=h.createElement("script");t.src=this.options_["vtt.js"]||"https://vjs.zencdn.net/vttjs/0.14.1/vtt.min.js",t.onload=function(){e.trigger("vttjsloaded")},t.onerror=function(){e.trigger("vttjserror")},this.on("dispose",function(){t.onload=null,t.onerror=null}),y.WebVTT=!0,this.el().parentNode.appendChild(t)}else this.ready(this.addWebVttScript_)},e.emulateTextTracks=function(){function t(e){return n.addTrack(e.track)}function i(e){return n.removeTrack(e.track)}var e=this,n=this.textTracks(),r=this.remoteTextTracks();r.on("addtrack",t),r.on("removetrack",i),this.addWebVttScript_();function s(){return e.trigger("texttrackchange")}function a(){s();for(var e=0;e<n.length;e++){var t=n[e];t.removeEventListener("cuechange",s),"showing"===t.mode&&t.addEventListener("cuechange",s)}}a(),n.addEventListener("change",a),n.addEventListener("addtrack",a),n.addEventListener("removetrack",a),this.on("dispose",function(){r.off("addtrack",t),r.off("removetrack",i),n.removeEventListener("change",a),n.removeEventListener("addtrack",a),n.removeEventListener("removetrack",a);for(var e=0;e<n.length;e++){n[e].removeEventListener("cuechange",s)}})},e.addTextTrack=function(e,t,i){if(!e)throw new Error("TextTrack kind is required but was not provided");return function(e,t,i,n,r){void 0===r&&(r={});var s=e.textTracks();r.kind=t,i&&(r.label=i),n&&(r.language=n),r.tech=e;var a=new hi.text.TrackClass(r);return s.addTrack(a),a}(this,e,t,i)},e.createRemoteTextTrack=function(e){var t=Re(e,{tech:this});return new ci.remoteTextEl.TrackClass(t)},e.addRemoteTextTrack=function(e,t){var i=this;void 0===e&&(e={});var n=this.createRemoteTextTrack(e);return!0!==t&&!1!==t&&(p.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js'),t=!0),this.remoteTextTrackEls().addTrackElement_(n),this.remoteTextTracks().addTrack(n.track),!0!==t&&this.ready(function(){return i.autoRemoteTextTracks_.addTrack(n.track)}),n},e.removeRemoteTextTrack=function(e){var t=this.remoteTextTrackEls().getTrackElementByTrack_(e);this.remoteTextTrackEls().removeTrackElement_(t),this.remoteTextTracks().removeTrack(e),this.autoRemoteTextTracks_.removeTrack(e)},e.getVideoPlaybackQuality=function(){return{}},e.requestPictureInPicture=function(){var e=this.options_.Promise||y.Promise;if(e)return e.reject()},e.setPoster=function(){},e.playsinline=function(){},e.setPlaysinline=function(){},e.overrideNativeAudioTracks=function(){},e.overrideNativeVideoTracks=function(){},e.canPlayType=function(){return""},i.canPlayType=function(){return""},i.canPlaySource=function(e,t){return i.canPlayType(e.type)},i.isTech=function(e){return e.prototype instanceof i||e instanceof i||e===i},i.registerTech=function(e,t){if(i.techs_||(i.techs_={}),!i.isTech(t))throw new Error("Tech "+e+" must be a Tech");if(!i.canPlayType)throw new Error("Techs must have a static canPlayType method on them");if(!i.canPlaySource)throw new Error("Techs must have a static canPlaySource method on them");return e=De(e),i.techs_[e]=t,i.techs_[Oe(e)]=t,"Tech"!==e&&i.defaultTechOrder_.push(e),t},i.getTech=function(e){if(e)return i.techs_&&i.techs_[e]?i.techs_[e]:(e=De(e),y&&y.videojs&&y.videojs[e]?(p.warn("The "+e+" tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)"),y.videojs[e]):void 0)},i}(Ue);hi.names.forEach(function(e){var t=hi[e];Vi.prototype[t.getterName]=function(){return this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName]}}),Vi.prototype.featuresVolumeControl=!0,Vi.prototype.featuresMuteControl=!0,Vi.prototype.featuresFullscreenResize=!1,Vi.prototype.featuresPlaybackRate=!1,Vi.prototype.featuresProgressEvents=!1,Vi.prototype.featuresSourceset=!1,Vi.prototype.featuresTimeupdateEvents=!1,Vi.prototype.featuresNativeTextTracks=!1,Vi.withSourceHandlers=function(r){r.registerSourceHandler=function(e,t){var i=r.sourceHandlers;i=i||(r.sourceHandlers=[]),void 0===t&&(t=i.length),i.splice(t,0,e)},r.canPlayType=function(e){for(var t,i=r.sourceHandlers||[],n=0;n<i.length;n++)if(t=i[n].canPlayType(e))return t;return""},r.selectSourceHandler=function(e,t){for(var i=r.sourceHandlers||[],n=0;n<i.length;n++)if(i[n].canHandleSource(e,t))return i[n];return null},r.canPlaySource=function(e,t){var i=r.selectSourceHandler(e,t);return i?i.canHandleSource(e,t):""};["seekable","seeking","duration"].forEach(function(e){var t=this[e];"function"==typeof t&&(this[e]=function(){return this.sourceHandler_&&this.sourceHandler_[e]?this.sourceHandler_[e].apply(this.sourceHandler_,arguments):t.apply(this,arguments)})},r.prototype),r.prototype.setSource=function(e){var t=r.selectSourceHandler(e,this.options_);t||(r.nativeSourceHandler?t=r.nativeSourceHandler:p.error("No source handler found for the current source.")),this.disposeSourceHandler(),this.off("dispose",this.disposeSourceHandler),t!==r.nativeSourceHandler&&(this.currentSource_=e),this.sourceHandler_=t.handleSource(e,this,this.options_),this.one("dispose",this.disposeSourceHandler)},r.prototype.disposeSourceHandler=function(){this.currentSource_&&(this.clearTracks(["audio","video"]),this.currentSource_=null),this.cleanupAutoTextTracks(),this.sourceHandler_&&(this.sourceHandler_.dispose&&this.sourceHandler_.dispose(),this.sourceHandler_=null)}},Ue.registerComponent("Tech",Vi),Vi.registerTech("Tech",Vi),Vi.defaultTechOrder_=[];var qi={},Wi={},zi={};function Gi(e,t,i){e.setTimeout(function(){return function i(n,e,r,s,a,o){void 0===n&&(n={});void 0===e&&(e=[]);void 0===a&&(a=[]);void 0===o&&(o=!1);var t=e,u=t[0],l=t.slice(1);if("string"==typeof u)i(n,qi[u],r,s,a,o);else if(u){var c=Ji(s,u);if(!c.setSource)return a.push(c),i(n,l,r,s,a,o);c.setSource(m({},n),function(e,t){if(e)return i(n,l,r,s,a,o);a.push(c),i(t,n.type===t.type?l:qi[t.type],r,s,a,o)})}else l.length?i(n,l,r,s,a,o):o?r(n,a):i(n,qi["*"],r,s,a,!0)}(t,qi[t.type],i,e)},1)}function Ki(e,t,i,n){void 0===n&&(n=null);var r="call"+De(i),s=e.reduce(Qi(r),n),a=s===zi,o=a?null:t[i](s);return function(e,t,i,n){for(var r=e.length-1;0<=r;r--){var s=e[r];s[t]&&s[t](n,i)}}(e,i,o,a),o}var Xi={buffered:1,currentTime:1,duration:1,muted:1,played:1,paused:1,seekable:1,volume:1},Yi={setCurrentTime:1,setMuted:1,setVolume:1},$i={play:1,pause:1};function Qi(i){return function(e,t){return e===zi?zi:t[i]?t[i](e):e}}function Ji(e,t){var i=Wi[e.id()],n=null;if(null==i)return n=t(e),Wi[e.id()]=[[t,n]],n;for(var r=0;r<i.length;r++){var s=i[r],a=s[0],o=s[1];a===t&&(n=o)}return null===n&&(n=t(e),i.push([t,n])),n}function Zi(e){void 0===e&&(e="");var t=Mt(e);return en[t.toLowerCase()]||""}var en={opus:"video/ogg",ogv:"video/ogg",mp4:"video/mp4",mov:"video/mp4",m4v:"video/mp4",mkv:"video/x-matroska",m4a:"audio/mp4",mp3:"audio/mpeg",aac:"audio/aac",oga:"audio/ogg",m3u8:"application/x-mpegURL",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",png:"image/png",svg:"image/svg+xml",webp:"image/webp"};function tn(e){if(!e.type){var t=Zi(e.src);t&&(e.type=t)}return e}var nn=function(l){function e(e,t,i){var n,r=Re({createEl:!1},t);if(n=l.call(this,e,r,i)||this,t.playerOptions.sources&&0!==t.playerOptions.sources.length)e.src(t.playerOptions.sources);else for(var s=0,a=t.playerOptions.techOrder;s<a.length;s++){var o=De(a[s]),u=Vi.getTech(o);if(o||(u=Ue.getComponent(o)),u&&u.isSupported()){e.loadTech_(o);break}}return n}return He(e,l),e}(Ue);Ue.registerComponent("MediaLoader",nn);var rn=function(r){function e(e,t){var i;return(i=r.call(this,e,t)||this).emitTapEvents(),i.enable(),i}He(e,r);var t=e.prototype;return t.createEl=function(e,t,i){void 0===e&&(e="div"),void 0===t&&(t={}),void 0===i&&(i={}),t=m({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass(),tabIndex:0},t),"button"===e&&p.error("Creating a ClickableComponent with an HTML element of "+e+" is not supported; use a Button instead."),i=m({role:"button"},i),this.tabIndex_=t.tabIndex;var n=r.prototype.createEl.call(this,e,t,i);return this.createControlTextEl(n),n},t.dispose=function(){this.controlTextEl_=null,r.prototype.dispose.call(this)},t.createControlTextEl=function(e){return this.controlTextEl_=S("span",{className:"vjs-control-text"},{"aria-live":"polite"}),e&&e.appendChild(this.controlTextEl_),this.controlText(this.controlText_,e),this.controlTextEl_},t.controlText=function(e,t){if(void 0===t&&(t=this.el()),void 0===e)return this.controlText_||"Need Text";var i=this.localize(e);this.controlText_=e,k(this.controlTextEl_,i),this.nonIconControl||t.setAttribute("title",i)},t.buildCSSClass=function(){return"vjs-control vjs-button "+r.prototype.buildCSSClass.call(this)},t.enable=function(){this.enabled_||(this.enabled_=!0,this.removeClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","false"),"undefined"!=typeof this.tabIndex_&&this.el_.setAttribute("tabIndex",this.tabIndex_),this.on(["tap","click"],this.handleClick),this.on("keydown",this.handleKeyDown))},t.disable=function(){this.enabled_=!1,this.addClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","true"),"undefined"!=typeof this.tabIndex_&&this.el_.removeAttribute("tabIndex"),this.off("mouseover",this.handleMouseOver),this.off("mouseout",this.handleMouseOut),this.off(["tap","click"],this.handleClick),this.off("keydown",this.handleKeyDown)},t.handleClick=function(e){this.options_.clickHandler&&this.options_.clickHandler.call(this,arguments)},t.handleKeyDown=function(e){Lt.isEventKey(e,"Space")||Lt.isEventKey(e,"Enter")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):r.prototype.handleKeyDown.call(this,e)},e}(Ue);Ue.registerComponent("ClickableComponent",rn);var sn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update(),e.on("posterchange",ge(Me(i),i.update)),i}He(e,n);var t=e.prototype;return t.dispose=function(){this.player().off("posterchange",this.update),n.prototype.dispose.call(this)},t.createEl=function(){return S("div",{className:"vjs-poster",tabIndex:-1})},t.update=function(e){var t=this.player().poster();this.setSrc(t),t?this.show():this.hide()},t.setSrc=function(e){var t="";e&&(t='url("'+e+'")'),this.el_.style.backgroundImage=t},t.handleClick=function(e){this.player_.controls()&&(this.player_.tech(!0)&&this.player_.tech(!0).focus(),this.player_.paused()?kt(this.player_.play()):this.player_.pause())},e}(rn);Ue.registerComponent("PosterImage",sn);var an="#222",on={monospace:"monospace",sansSerif:"sans-serif",serif:"serif",monospaceSansSerif:'"Andale Mono", "Lucida Console", monospace',monospaceSerif:'"Courier New", monospace',proportionalSansSerif:"sans-serif",proportionalSerif:"serif",casual:'"Comic Sans MS", Impact, fantasy',script:'"Monotype Corsiva", cursive',smallcaps:'"Andale Mono", "Lucida Console", monospace, sans-serif'};function un(e,t){var i;if(4===e.length)i=e[1]+e[1]+e[2]+e[2]+e[3]+e[3];else{if(7!==e.length)throw new Error("Invalid color code provided, "+e+"; must be formatted as e.g. #f0e or #f604e2.");i=e.slice(1)}return"rgba("+parseInt(i.slice(0,2),16)+","+parseInt(i.slice(2,4),16)+","+parseInt(i.slice(4,6),16)+","+t+")"}function ln(e,t,i){try{e.style[t]=i}catch(e){return}}var cn=function(s){function e(i,e,t){var n;n=s.call(this,i,e,t)||this;var r=ge(Me(n),n.updateDisplay);return i.on("loadstart",ge(Me(n),n.toggleDisplay)),i.on("texttrackchange",r),i.on("loadedmetadata",ge(Me(n),n.preselectTrack)),i.ready(ge(Me(n),function(){if(i.tech_&&i.tech_.featuresNativeTextTracks)this.hide();else{i.on("fullscreenchange",r),i.on("playerresize",r),y.addEventListener("orientationchange",r),i.on("dispose",function(){return y.removeEventListener("orientationchange",r)});for(var e=this.options_.playerOptions.tracks||[],t=0;t<e.length;t++)this.player_.addRemoteTextTrack(e[t],!0);this.preselectTrack()}})),n}He(e,s);var t=e.prototype;return t.preselectTrack=function(){for(var e,t,i,n={captions:1,subtitles:1},r=this.player_.textTracks(),s=this.player_.cache_.selectedLanguage,a=0;a<r.length;a++){var o=r[a];s&&s.enabled&&s.language&&s.language===o.language&&o.kind in n?i=o.kind===s.kind?o:i||o:s&&!s.enabled?t=e=i=null:o.default&&("descriptions"!==o.kind||e?o.kind in n&&!t&&(t=o):e=o)}i?i.mode="showing":t?t.mode="showing":e&&(e.mode="showing")},t.toggleDisplay=function(){this.player_.tech_&&this.player_.tech_.featuresNativeTextTracks?this.hide():this.show()},t.createEl=function(){return s.prototype.createEl.call(this,"div",{className:"vjs-text-track-display"},{"aria-live":"off","aria-atomic":"true"})},t.clearDisplay=function(){"function"==typeof y.WebVTT&&y.WebVTT.processCues(y,[],this.el_)},t.updateDisplay=function(){var e=this.player_.textTracks(),t=this.options_.allowMultipleShowingTracks;if(this.clearDisplay(),t){for(var i=[],n=0;n<e.length;++n){var r=e[n];"showing"===r.mode&&i.push(r)}this.updateForTrack(i)}else{for(var s=null,a=null,o=e.length;o--;){var u=e[o];"showing"===u.mode&&("descriptions"===u.kind?s=u:a=u)}a?("off"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","off"),this.updateForTrack(a)):s&&("assertive"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","assertive"),this.updateForTrack(s))}},t.updateDisplayState=function(e){for(var t=this.player_.textTrackSettings.getValues(),i=e.activeCues,n=i.length;n--;){var r=i[n];if(r){var s=r.displayState;if(t.color&&(s.firstChild.style.color=t.color),t.textOpacity&&ln(s.firstChild,"color",un(t.color||"#fff",t.textOpacity)),t.backgroundColor&&(s.firstChild.style.backgroundColor=t.backgroundColor),t.backgroundOpacity&&ln(s.firstChild,"backgroundColor",un(t.backgroundColor||"#000",t.backgroundOpacity)),t.windowColor&&(t.windowOpacity?ln(s,"backgroundColor",un(t.windowColor,t.windowOpacity)):s.style.backgroundColor=t.windowColor),t.edgeStyle&&("dropshadow"===t.edgeStyle?s.firstChild.style.textShadow="2px 2px 3px #222, 2px 2px 4px #222, 2px 2px 5px "+an:"raised"===t.edgeStyle?s.firstChild.style.textShadow="1px 1px #222, 2px 2px #222, 3px 3px "+an:"depressed"===t.edgeStyle?s.firstChild.style.textShadow="1px 1px #ccc, 0 1px #ccc, -1px -1px #222, 0 -1px "+an:"uniform"===t.edgeStyle&&(s.firstChild.style.textShadow="0 0 4px #222, 0 0 4px #222, 0 0 4px #222, 0 0 4px "+an)),t.fontPercent&&1!==t.fontPercent){var a=y.parseFloat(s.style.fontSize);s.style.fontSize=a*t.fontPercent+"px",s.style.height="auto",s.style.top="auto",s.style.bottom="2px"}t.fontFamily&&"default"!==t.fontFamily&&("small-caps"===t.fontFamily?s.firstChild.style.fontVariant="small-caps":s.firstChild.style.fontFamily=on[t.fontFamily])}}},t.updateForTrack=function(e){if(Array.isArray(e)||(e=[e]),"function"==typeof y.WebVTT&&!e.every(function(e){return!e.activeCues})){for(var t=[],i=0;i<e.length;++i)for(var n=e[i],r=0;r<n.activeCues.length;++r)t.push(n.activeCues[r]);y.WebVTT.processCues(y,t,this.el_);for(var s=0;s<e.length;++s){for(var a=e[s],o=0;o<a.activeCues.length;++o){var u=a.activeCues[o].displayState;w(u,"vjs-text-track-cue"),w(u,"vjs-text-track-cue-"+(a.language?a.language:s))}this.player_.textTrackSettings&&this.updateDisplayState(a)}}},e}(Ue);Ue.registerComponent("TextTrackDisplay",cn);var hn=function(r){function e(){return r.apply(this,arguments)||this}return He(e,r),e.prototype.createEl=function(){var e=this.player_.isAudio(),t=this.localize(e?"Audio Player":"Video Player"),i=S("span",{className:"vjs-control-text",innerHTML:this.localize("{1} is loading.",[t])}),n=r.prototype.createEl.call(this,"div",{className:"vjs-loading-spinner",dir:"ltr"});return n.appendChild(i),n},e}(Ue);Ue.registerComponent("LoadingSpinner",hn);var dn=function(t){function e(){return t.apply(this,arguments)||this}He(e,t);var i=e.prototype;return i.createEl=function(e,t,i){void 0===t&&(t={}),void 0===i&&(i={}),t=m({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass()},t),i=m({type:"button"},i);var n=Ue.prototype.createEl.call(this,"button",t,i);return this.createControlTextEl(n),n},i.addChild=function(e,t){void 0===t&&(t={});var i=this.constructor.name;return p.warn("Adding an actionable (user controllable) child to a Button ("+i+") is not supported; use a ClickableComponent instead."),Ue.prototype.addChild.call(this,e,t)},i.enable=function(){t.prototype.enable.call(this),this.el_.removeAttribute("disabled")},i.disable=function(){t.prototype.disable.call(this),this.el_.setAttribute("disabled","disabled")},i.handleKeyDown=function(e){Lt.isEventKey(e,"Space")||Lt.isEventKey(e,"Enter")?e.stopPropagation():t.prototype.handleKeyDown.call(this,e)},e}(rn);Ue.registerComponent("Button",dn);var pn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).mouseused_=!1,i.on("mousedown",i.handleMouseDown),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-big-play-button"},t.handleClick=function(e){var t=this.player_.play();if(this.mouseused_&&e.clientX&&e.clientY){var i=this.player_.usingPlugin("eme")&&this.player_.eme.sessions&&0<this.player_.eme.sessions.length;return kt(t),void(!this.player_.tech(!0)||(et||Qe)&&i||this.player_.tech(!0).focus())}var n=this.player_.getChild("controlBar"),r=n&&n.getChild("playToggle");if(r){var s=function(){return r.focus()};St(t)?t.then(s,function(){}):this.setTimeout(s,1)}else this.player_.tech(!0).focus()},t.handleKeyDown=function(e){this.mouseused_=!1,n.prototype.handleKeyDown.call(this,e)},t.handleMouseDown=function(e){this.mouseused_=!0},e}(dn);pn.prototype.controlText_="Play Video",Ue.registerComponent("BigPlayButton",pn);var fn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).controlText(t&&t.controlText||i.localize("Close")),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-close-button "+n.prototype.buildCSSClass.call(this)},t.handleClick=function(e){this.trigger({type:"close",bubbles:!1})},t.handleKeyDown=function(e){Lt.isEventKey(e,"Esc")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):n.prototype.handleKeyDown.call(this,e)},e}(dn);Ue.registerComponent("CloseButton",fn);var mn=function(n){function e(e,t){var i;return void 0===t&&(t={}),i=n.call(this,e,t)||this,t.replay=void 0===t.replay||t.replay,i.on(e,"play",i.handlePlay),i.on(e,"pause",i.handlePause),t.replay&&i.on(e,"ended",i.handleEnded),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-play-control "+n.prototype.buildCSSClass.call(this)},t.handleClick=function(e){this.player_.paused()?this.player_.play():this.player_.pause()},t.handleSeeked=function(e){this.removeClass("vjs-ended"),this.player_.paused()?this.handlePause(e):this.handlePlay(e)},t.handlePlay=function(e){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.controlText("Pause")},t.handlePause=function(e){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.controlText("Play")},t.handleEnded=function(e){this.removeClass("vjs-playing"),this.addClass("vjs-ended"),this.controlText("Replay"),this.one(this.player_,"seeked",this.handleSeeked)},e}(dn);mn.prototype.controlText_="Play",Ue.registerComponent("PlayToggle",mn);function gn(e,t){e=e<0?0:e;var i=Math.floor(e%60),n=Math.floor(e/60%60),r=Math.floor(e/3600),s=Math.floor(t/60%60),a=Math.floor(t/3600);return!isNaN(e)&&e!==1/0||(r=n=i="-"),(r=0<r||0<a?r+":":"")+(n=((r||10<=s)&&n<10?"0"+n:n)+":")+(i=i<10?"0"+i:i)}var vn=gn;function yn(e,t){return void 0===t&&(t=e),vn(e,t)}var _n=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,["timeupdate","ended"],i.updateContent),i.updateTextNode_(),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e=this.buildCSSClass(),t=n.prototype.createEl.call(this,"div",{className:e+" vjs-time-control vjs-control",innerHTML:'<span class="vjs-control-text" role="presentation">'+this.localize(this.labelText_)+" </span>"});return this.contentEl_=S("span",{className:e+"-display"},{"aria-live":"off",role:"presentation"}),t.appendChild(this.contentEl_),t},t.dispose=function(){this.contentEl_=null,this.textNode_=null,n.prototype.dispose.call(this)},t.updateTextNode_=function(e){var t=this;void 0===e&&(e=0),e=yn(e),this.formattedTime_!==e&&(this.formattedTime_=e,this.requestAnimationFrame(function(){if(t.contentEl_){var e=t.textNode_;t.textNode_=h.createTextNode(t.formattedTime_),t.textNode_&&(e?t.contentEl_.replaceChild(t.textNode_,e):t.contentEl_.appendChild(t.textNode_))}}))},t.updateContent=function(e){},e}(Ue);_n.prototype.labelText_="Time",_n.prototype.controlText_="Time",Ue.registerComponent("TimeDisplay",_n);var bn=function(e){function t(){return e.apply(this,arguments)||this}He(t,e);var i=t.prototype;return i.buildCSSClass=function(){return"vjs-current-time"},i.updateContent=function(e){var t;t=this.player_.ended()?this.player_.duration():this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime(),this.updateTextNode_(t)},t}(_n);bn.prototype.labelText_="Current Time",bn.prototype.controlText_="Current Time",Ue.registerComponent("CurrentTimeDisplay",bn);var Tn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"durationchange",i.updateContent),i.on(e,"loadstart",i.updateContent),i.on(e,"loadedmetadata",i.updateContent),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-duration"},t.updateContent=function(e){var t=this.player_.duration();this.updateTextNode_(t)},e}(_n);Tn.prototype.labelText_="Duration",Tn.prototype.controlText_="Duration",Ue.registerComponent("DurationDisplay",Tn);var Sn=function(e){function t(){return e.apply(this,arguments)||this}return He(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-time-control vjs-time-divider",innerHTML:"<div><span>/</span></div>"},{"aria-hidden":!0})},t}(Ue);Ue.registerComponent("TimeDivider",Sn);var kn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"durationchange",i.updateContent),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-remaining-time"},t.createEl=function(){var e=n.prototype.createEl.call(this);return e.insertBefore(S("span",{},{"aria-hidden":!0},"-"),this.contentEl_),e},t.updateContent=function(e){var t;"number"==typeof this.player_.duration()&&(t=this.player_.ended()?0:this.player_.remainingTimeDisplay?this.player_.remainingTimeDisplay():this.player_.remainingTime(),this.updateTextNode_(t))},e}(_n);kn.prototype.labelText_="Remaining Time",kn.prototype.controlText_="Remaining Time",Ue.registerComponent("RemainingTimeDisplay",kn);var Cn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).updateShowing(),i.on(i.player(),"durationchange",i.updateShowing),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e=n.prototype.createEl.call(this,"div",{className:"vjs-live-control vjs-control"});return this.contentEl_=S("div",{className:"vjs-live-display",innerHTML:'<span class="vjs-control-text">'+this.localize("Stream Type")+" </span>"+this.localize("LIVE")},{"aria-live":"off"}),e.appendChild(this.contentEl_),e},t.dispose=function(){this.contentEl_=null,n.prototype.dispose.call(this)},t.updateShowing=function(e){this.player().duration()===1/0?this.show():this.hide()},e}(Ue);Ue.registerComponent("LiveDisplay",Cn);var En=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).updateLiveEdgeStatus(),i.player_.liveTracker&&i.on(i.player_.liveTracker,"liveedgechange",i.updateLiveEdgeStatus),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e=n.prototype.createEl.call(this,"button",{className:"vjs-seek-to-live-control vjs-control"});return this.textEl_=S("span",{className:"vjs-seek-to-live-text",innerHTML:this.localize("LIVE")},{"aria-hidden":"true"}),e.appendChild(this.textEl_),e},t.updateLiveEdgeStatus=function(e){!this.player_.liveTracker||this.player_.liveTracker.atLiveEdge()?(this.setAttribute("aria-disabled",!0),this.addClass("vjs-at-live-edge"),this.controlText("Seek to live, currently playing live")):(this.setAttribute("aria-disabled",!1),this.removeClass("vjs-at-live-edge"),this.controlText("Seek to live, currently behind live"))},t.handleClick=function(){this.player_.liveTracker.seekToLiveEdge()},t.dispose=function(){this.player_.liveTracker&&this.off(this.player_.liveTracker,"liveedgechange",this.updateLiveEdgeStatus),this.textEl_=null,n.prototype.dispose.call(this)},e}(dn);En.prototype.controlText_="Seek to live, currently playing live",Ue.registerComponent("SeekToLive",En);function wn(e,t,i){return e=Number(e),Math.min(i,Math.max(t,isNaN(e)?t:e))}var Ln=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).bar=i.getChild(i.options_.barName),i.vertical(!!i.options_.vertical),i.enable(),i}He(e,n);var t=e.prototype;return t.enabled=function(){return this.enabled_},t.enable=function(){this.enabled()||(this.on("mousedown",this.handleMouseDown),this.on("touchstart",this.handleMouseDown),this.on("keydown",this.handleKeyDown),this.on("click",this.handleClick),this.on(this.player_,"controlsvisible",this.update),this.playerEvent&&this.on(this.player_,this.playerEvent,this.update),this.removeClass("disabled"),this.setAttribute("tabindex",0),this.enabled_=!0)},t.disable=function(){if(this.enabled()){var e=this.bar.el_.ownerDocument;this.off("mousedown",this.handleMouseDown),this.off("touchstart",this.handleMouseDown),this.off("keydown",this.handleKeyDown),this.off("click",this.handleClick),this.off(this.player_,"controlsvisible",this.update),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),this.removeAttribute("tabindex"),this.addClass("disabled"),this.playerEvent&&this.off(this.player_,this.playerEvent,this.update),this.enabled_=!1}},t.createEl=function(e,t,i){return void 0===t&&(t={}),void 0===i&&(i={}),t.className=t.className+" vjs-slider",t=m({tabIndex:0},t),i=m({role:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},i),n.prototype.createEl.call(this,e,t,i)},t.handleMouseDown=function(e){var t=this.bar.el_.ownerDocument;"mousedown"===e.type&&e.preventDefault(),"touchstart"!==e.type||Je||e.preventDefault(),R(),this.addClass("vjs-sliding"),this.trigger("slideractive"),this.on(t,"mousemove",this.handleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchmove",this.handleMouseMove),this.on(t,"touchend",this.handleMouseUp),this.handleMouseMove(e)},t.handleMouseMove=function(e){},t.handleMouseUp=function(){var e=this.bar.el_.ownerDocument;U(),this.removeClass("vjs-sliding"),this.trigger("sliderinactive"),this.off(e,"mousemove",this.handleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchmove",this.handleMouseMove),this.off(e,"touchend",this.handleMouseUp),this.update()},t.update=function(){var t=this;if(this.el_&&this.bar){var i=this.getProgress();if(i!==this.progress_)return this.progress_=i,this.requestAnimationFrame(function(){var e=t.vertical()?"height":"width";t.bar.el().style[e]=(100*i).toFixed(2)+"%"}),i}},t.getProgress=function(){return wn(this.getPercent(),0,1).toFixed(4)},t.calculateDistance=function(e){var t=B(this.el_,e);return this.vertical()?t.y:t.x},t.handleKeyDown=function(e){Lt.isEventKey(e,"Left")||Lt.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepBack()):Lt.isEventKey(e,"Right")||Lt.isEventKey(e,"Up")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):n.prototype.handleKeyDown.call(this,e)},t.handleClick=function(e){e.stopPropagation(),e.preventDefault()},t.vertical=function(e){if(void 0===e)return this.vertical_||!1;this.vertical_=!!e,this.vertical_?this.addClass("vjs-slider-vertical"):this.addClass("vjs-slider-horizontal")},e}(Ue);Ue.registerComponent("Slider",Ln);function Pn(e,t){return wn(e/t*100,0,100).toFixed(2)+"%"}var An=function(r){function e(e,t){var i;return(i=r.call(this,e,t)||this).partEls_=[],i.on(e,"progress",i.update),i}He(e,r);var t=e.prototype;return t.createEl=function(){var e=r.prototype.createEl.call(this,"div",{className:"vjs-load-progress"}),t=S("span",{className:"vjs-control-text"}),i=S("span",{textContent:this.localize("Loaded")}),n=h.createTextNode(": ");return this.percentageEl_=S("span",{className:"vjs-control-text-loaded-percentage",textContent:"0%"}),e.appendChild(t),t.appendChild(i),t.appendChild(n),t.appendChild(this.percentageEl_),e},t.dispose=function(){this.partEls_=null,this.percentageEl_=null,r.prototype.dispose.call(this)},t.update=function(e){var h=this;this.requestAnimationFrame(function(){var e=h.player_.liveTracker,t=h.player_.buffered(),i=e&&e.isLive()?e.seekableEnd():h.player_.duration(),n=h.player_.bufferedEnd(),r=h.partEls_,s=Pn(n,i);h.percent_!==s&&(h.el_.style.width=s,k(h.percentageEl_,s),h.percent_=s);for(var a=0;a<t.length;a++){var o=t.start(a),u=t.end(a),l=r[a];l||(l=h.el_.appendChild(S()),r[a]=l),l.dataset.start===o&&l.dataset.end===u||(l.dataset.start=o,l.dataset.end=u,l.style.left=Pn(o,n),l.style.width=Pn(u-o,n))}for(var c=r.length;c>t.length;c--)h.el_.removeChild(r[c-1]);r.length=t.length})},e}(Ue);Ue.registerComponent("LoadProgressBar",An);var In=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ve(ge(Me(i),i.update),30),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-time-tooltip"},{"aria-hidden":"true"})},t.update=function(e,t,i){var n=M(this.el_),r=M(this.player_.el()),s=e.width*t;if(r&&n){var a=e.left-r.left+s,o=e.width-s+(r.right-e.right),u=n.width/2;a<u?u+=u-a:o<u&&(u=o),u<0?u=0:u>n.width&&(u=n.width),this.el_.style.right="-"+u+"px",this.write(i)}},t.write=function(e){k(this.el_,e)},t.updateTime=function(r,s,a,o){var u=this;this.rafId_&&this.cancelAnimationFrame(this.rafId_),this.rafId_=this.requestAnimationFrame(function(){var e,t=u.player_.duration();if(u.player_.liveTracker&&u.player_.liveTracker.isLive()){var i=u.player_.liveTracker.liveWindow(),n=i-s*i;e=(n<1?"":"-")+yn(n,i)}else e=yn(a,t);u.update(r,s,e),o&&o()})},e}(Ue);Ue.registerComponent("TimeTooltip",In);var xn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ve(ge(Me(i),i.update),30),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-play-progress vjs-slider-bar"},{"aria-hidden":"true"})},t.update=function(e,t){var i=this.getChild("timeTooltip");if(i){var n=this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime();i.updateTime(e,t,n)}},e}(Ue);xn.prototype.options_={children:[]},at||Ke||xn.prototype.options_.children.push("timeTooltip"),Ue.registerComponent("PlayProgressBar",xn);var On=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ve(ge(Me(i),i.update),30),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-mouse-display"})},t.update=function(e,t){var i=this,n=t*this.player_.duration();this.getChild("timeTooltip").updateTime(e,t,n,function(){i.el_.style.left=e.width*t+"px"})},e}(Ue);On.prototype.options_={children:["timeTooltip"]},Ue.registerComponent("MouseTimeDisplay",On);var Dn=function(s){function e(e,t){var i;return(i=s.call(this,e,t)||this).setEventHandlers_(),i}He(e,s);var t=e.prototype;return t.setEventHandlers_=function(){this.update_=ge(this,this.update),this.update=ve(this.update_,30),this.on(this.player_,["ended","durationchange","timeupdate"],this.update),this.player_.liveTracker&&this.on(this.player_.liveTracker,"liveedgechange",this.update),this.updateInterval=null,this.on(this.player_,["playing"],this.enableInterval_),this.on(this.player_,["ended","pause","waiting"],this.disableInterval_),"hidden"in h&&"visibilityState"in h&&this.on(h,"visibilitychange",this.toggleVisibility_)},t.toggleVisibility_=function(e){h.hidden?this.disableInterval_(e):(this.enableInterval_(),this.update())},t.enableInterval_=function(){this.updateInterval||(this.updateInterval=this.setInterval(this.update,30))},t.disableInterval_=function(e){this.player_.liveTracker&&this.player_.liveTracker.isLive()&&"ended"!==e.type||this.updateInterval&&(this.clearInterval(this.updateInterval),this.updateInterval=null)},t.createEl=function(){return s.prototype.createEl.call(this,"div",{className:"vjs-progress-holder"},{"aria-label":this.localize("Progress Bar")})},t.update=function(e){var n=this,r=s.prototype.update.call(this);return this.requestAnimationFrame(function(){var e=n.player_.ended()?n.player_.duration():n.getCurrentTime_(),t=n.player_.liveTracker,i=n.player_.duration();t&&t.isLive()&&(i=n.player_.liveTracker.liveCurrentTime()),n.percent_!==r&&(n.el_.setAttribute("aria-valuenow",(100*r).toFixed(2)),n.percent_=r),n.currentTime_===e&&n.duration_===i||(n.el_.setAttribute("aria-valuetext",n.localize("progress bar timing: currentTime={1} duration={2}",[yn(e,i),yn(i,i)],"{1} of {2}")),n.currentTime_=e,n.duration_=i)}),r},t.getCurrentTime_=function(){return this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime()},t.getPercent=function(){var e,t=this.getCurrentTime_(),i=this.player_.liveTracker;return i&&i.isLive()?(e=(t-i.seekableStart())/i.liveWindow(),i.atLiveEdge()&&(e=1)):e=t/this.player_.duration(),e},t.handleMouseDown=function(e){W(e)&&(e.stopPropagation(),this.player_.scrubbing(!0),this.videoWasPlaying=!this.player_.paused(),this.player_.pause(),s.prototype.handleMouseDown.call(this,e))},t.handleMouseMove=function(e){if(W(e)){var t,i=this.calculateDistance(e),n=this.player_.liveTracker;if(n&&n.isLive()){var r=n.seekableStart(),s=n.liveCurrentTime();if(s<=(t=r+i*n.liveWindow())&&(t=s),t<=r&&(t=r+.1),t===1/0)return}else(t=i*this.player_.duration())===this.player_.duration()&&(t-=.1);this.player_.currentTime(t)}},t.enable=function(){s.prototype.enable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.show()},t.disable=function(){s.prototype.disable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.hide()},t.handleMouseUp=function(e){s.prototype.handleMouseUp.call(this,e),e&&e.stopPropagation(),this.player_.scrubbing(!1),this.player_.trigger({type:"timeupdate",target:this,manuallyTriggered:!0}),this.videoWasPlaying?kt(this.player_.play()):this.update_()},t.stepForward=function(){this.player_.currentTime(this.player_.currentTime()+5)},t.stepBack=function(){this.player_.currentTime(this.player_.currentTime()-5)},t.handleAction=function(e){this.player_.paused()?this.player_.play():this.player_.pause()},t.handleKeyDown=function(e){if(Lt.isEventKey(e,"Space")||Lt.isEventKey(e,"Enter"))e.preventDefault(),e.stopPropagation(),this.handleAction(e);else if(Lt.isEventKey(e,"Home"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(0);else if(Lt.isEventKey(e,"End"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.duration());else if(/^[0-9]$/.test(Lt(e))){e.preventDefault(),e.stopPropagation();var t=10*(Lt.codes[Lt(e)]-Lt.codes[0])/100;this.player_.currentTime(this.player_.duration()*t)}else Lt.isEventKey(e,"PgDn")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()-60)):Lt.isEventKey(e,"PgUp")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()+60)):s.prototype.handleKeyDown.call(this,e)},e}(Ln);Dn.prototype.options_={children:["loadProgressBar","playProgressBar"],barName:"playProgressBar"},at||Ke||Dn.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),Ue.registerComponent("SeekBar",Dn);var Rn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).handleMouseMove=ve(ge(Me(i),i.handleMouseMove),30),i.throttledHandleMouseSeek=ve(ge(Me(i),i.handleMouseSeek),30),i.enable(),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-progress-control vjs-control"})},t.handleMouseMove=function(e){var t=this.getChild("seekBar");if(t){var i=t.getChild("playProgressBar"),n=t.getChild("mouseTimeDisplay");if(i||n){var r=t.el(),s=M(r),a=B(r,e).x;a=wn(0,1,a),n&&n.update(s,a),i&&i.update(s,t.getProgress())}}},t.handleMouseSeek=function(e){var t=this.getChild("seekBar");t&&t.handleMouseMove(e)},t.enabled=function(){return this.enabled_},t.disable=function(){this.children().forEach(function(e){return e.disable&&e.disable()}),this.enabled()&&(this.off(["mousedown","touchstart"],this.handleMouseDown),this.off(this.el_,"mousemove",this.handleMouseMove),this.handleMouseUp(),this.addClass("disabled"),this.enabled_=!1)},t.enable=function(){this.children().forEach(function(e){return e.enable&&e.enable()}),this.enabled()||(this.on(["mousedown","touchstart"],this.handleMouseDown),this.on(this.el_,"mousemove",this.handleMouseMove),this.removeClass("disabled"),this.enabled_=!0)},t.handleMouseDown=function(e){var t=this.el_.ownerDocument,i=this.getChild("seekBar");i&&i.handleMouseDown(e),this.on(t,"mousemove",this.throttledHandleMouseSeek),this.on(t,"touchmove",this.throttledHandleMouseSeek),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchend",this.handleMouseUp)},t.handleMouseUp=function(e){var t=this.el_.ownerDocument,i=this.getChild("seekBar");i&&i.handleMouseUp(e),this.off(t,"mousemove",this.throttledHandleMouseSeek),this.off(t,"touchmove",this.throttledHandleMouseSeek),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchend",this.handleMouseUp)},e}(Ue);Rn.prototype.options_={children:["seekBar"]},Ue.registerComponent("ProgressControl",Rn);var Un=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,["enterpictureinpicture","leavepictureinpicture"],i.handlePictureInPictureChange),h.pictureInPictureEnabled||i.disable(),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-picture-in-picture-control "+n.prototype.buildCSSClass.call(this)},t.handlePictureInPictureChange=function(e){this.player_.isInPictureInPicture()?this.controlText("Exit Picture-in-Picture"):this.controlText("Picture-in-Picture")},t.handleClick=function(e){this.player_.isInPictureInPicture()?this.player_.exitPictureInPicture():this.player_.requestPictureInPicture()},e}(dn);Un.prototype.controlText_="Picture-in-Picture",Ue.registerComponent("PictureInPictureToggle",Un);var Mn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"fullscreenchange",i.handleFullscreenChange),!1===h[e.fsApi_.fullscreenEnabled]&&i.disable(),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-fullscreen-control "+n.prototype.buildCSSClass.call(this)},t.handleFullscreenChange=function(e){this.player_.isFullscreen()?this.controlText("Non-Fullscreen"):this.controlText("Fullscreen")},t.handleClick=function(e){this.player_.isFullscreen()?this.player_.exitFullscreen():this.player_.requestFullscreen()},e}(dn);Mn.prototype.controlText_="Fullscreen",Ue.registerComponent("FullscreenToggle",Mn);var Nn=function(e){function t(){return e.apply(this,arguments)||this}return He(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})},t}(Ue);Ue.registerComponent("VolumeLevel",Nn);var Bn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on("slideractive",i.updateLastVolume_),i.on(e,"volumechange",i.updateARIAAttributes),e.ready(function(){return i.updateARIAAttributes()}),i}He(e,n);var t=e.prototype;return t.createEl=function(){return n.prototype.createEl.call(this,"div",{className:"vjs-volume-bar vjs-slider-bar"},{"aria-label":this.localize("Volume Level"),"aria-live":"polite"})},t.handleMouseDown=function(e){W(e)&&n.prototype.handleMouseDown.call(this,e)},t.handleMouseMove=function(e){W(e)&&(this.checkMuted(),this.player_.volume(this.calculateDistance(e)))},t.checkMuted=function(){this.player_.muted()&&this.player_.muted(!1)},t.getPercent=function(){return this.player_.muted()?0:this.player_.volume()},t.stepForward=function(){this.checkMuted(),this.player_.volume(this.player_.volume()+.1)},t.stepBack=function(){this.checkMuted(),this.player_.volume(this.player_.volume()-.1)},t.updateARIAAttributes=function(e){var t=this.player_.muted()?0:this.volumeAsPercentage_();this.el_.setAttribute("aria-valuenow",t),this.el_.setAttribute("aria-valuetext",t+"%")},t.volumeAsPercentage_=function(){return Math.round(100*this.player_.volume())},t.updateLastVolume_=function(){var e=this,t=this.player_.volume();this.one("sliderinactive",function(){0===e.player_.volume()&&e.player_.lastVolume_(t)})},e}(Ln);Bn.prototype.options_={children:["volumeLevel"],barName:"volumeLevel"},Bn.prototype.playerEvent="volumechange",Ue.registerComponent("VolumeBar",Bn);var jn=function(n){function e(e,t){var i;return void 0===t&&(t={}),t.vertical=t.vertical||!1,"undefined"!=typeof t.volumeBar&&!u(t.volumeBar)||(t.volumeBar=t.volumeBar||{},t.volumeBar.vertical=t.vertical),i=n.call(this,e,t)||this,function(e,t){t.tech_&&!t.tech_.featuresVolumeControl&&e.addClass("vjs-hidden"),e.on(t,"loadstart",function(){t.tech_.featuresVolumeControl?e.removeClass("vjs-hidden"):e.addClass("vjs-hidden")})}(Me(i),e),i.throttledHandleMouseMove=ve(ge(Me(i),i.handleMouseMove),30),i.on("mousedown",i.handleMouseDown),i.on("touchstart",i.handleMouseDown),i.on(i.volumeBar,["focus","slideractive"],function(){i.volumeBar.addClass("vjs-slider-active"),i.addClass("vjs-slider-active"),i.trigger("slideractive")}),i.on(i.volumeBar,["blur","sliderinactive"],function(){i.volumeBar.removeClass("vjs-slider-active"),i.removeClass("vjs-slider-active"),i.trigger("sliderinactive")}),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e="vjs-volume-horizontal";return this.options_.vertical&&(e="vjs-volume-vertical"),n.prototype.createEl.call(this,"div",{className:"vjs-volume-control vjs-control "+e})},t.handleMouseDown=function(e){var t=this.el_.ownerDocument;this.on(t,"mousemove",this.throttledHandleMouseMove),this.on(t,"touchmove",this.throttledHandleMouseMove),this.on(t,"mouseup",this.handleMouseUp),this.on(t,"touchend",this.handleMouseUp)},t.handleMouseUp=function(e){var t=this.el_.ownerDocument;this.off(t,"mousemove",this.throttledHandleMouseMove),this.off(t,"touchmove",this.throttledHandleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchend",this.handleMouseUp)},t.handleMouseMove=function(e){this.volumeBar.handleMouseMove(e)},e}(Ue);jn.prototype.options_={children:["volumeBar"]},Ue.registerComponent("VolumeControl",jn);var Fn=function(n){function e(e,t){var i;return i=n.call(this,e,t)||this,function(e,t){t.tech_&&!t.tech_.featuresMuteControl&&e.addClass("vjs-hidden"),e.on(t,"loadstart",function(){t.tech_.featuresMuteControl?e.removeClass("vjs-hidden"):e.addClass("vjs-hidden")})}(Me(i),e),i.on(e,["loadstart","volumechange"],i.update),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-mute-control "+n.prototype.buildCSSClass.call(this)},t.handleClick=function(e){var t=this.player_.volume(),i=this.player_.lastVolume_();if(0===t){var n=i<.1?.1:i;this.player_.volume(n),this.player_.muted(!1)}else this.player_.muted(!this.player_.muted())},t.update=function(e){this.updateIcon_(),this.updateControlText_()},t.updateIcon_=function(){var e=this.player_.volume(),t=3;at&&this.player_.tech_&&this.player_.tech_.el_&&this.player_.muted(this.player_.tech_.el_.muted),0===e||this.player_.muted()?t=0:e<.33?t=1:e<.67&&(t=2);for(var i=0;i<4;i++)L(this.el_,"vjs-vol-"+i);w(this.el_,"vjs-vol-"+t)},t.updateControlText_=function(){var e=this.player_.muted()||0===this.player_.volume()?"Unmute":"Mute";this.controlText()!==e&&this.controlText(e)},e}(dn);Fn.prototype.controlText_="Mute",Ue.registerComponent("MuteToggle",Fn);var Hn=function(n){function e(e,t){var i;return void 0===t&&(t={}),"undefined"!=typeof t.inline?t.inline=t.inline:t.inline=!0,"undefined"!=typeof t.volumeControl&&!u(t.volumeControl)||(t.volumeControl=t.volumeControl||{},t.volumeControl.vertical=!t.inline),(i=n.call(this,e,t)||this).on(e,["loadstart"],i.volumePanelState_),i.on(i.muteToggle,"keyup",i.handleKeyPress),i.on(i.volumeControl,"keyup",i.handleVolumeControlKeyUp),i.on("keydown",i.handleKeyPress),i.on("mouseover",i.handleMouseOver),i.on("mouseout",i.handleMouseOut),i.on(i.volumeControl,["slideractive"],i.sliderActive_),i.on(i.volumeControl,["sliderinactive"],i.sliderInactive_),i}He(e,n);var t=e.prototype;return t.sliderActive_=function(){this.addClass("vjs-slider-active")},t.sliderInactive_=function(){this.removeClass("vjs-slider-active")},t.volumePanelState_=function(){this.volumeControl.hasClass("vjs-hidden")&&this.muteToggle.hasClass("vjs-hidden")&&this.addClass("vjs-hidden"),this.volumeControl.hasClass("vjs-hidden")&&!this.muteToggle.hasClass("vjs-hidden")&&this.addClass("vjs-mute-toggle-only")},t.createEl=function(){var e="vjs-volume-panel-horizontal";return this.options_.inline||(e="vjs-volume-panel-vertical"),n.prototype.createEl.call(this,"div",{className:"vjs-volume-panel vjs-control "+e})},t.dispose=function(){this.handleMouseOut(),n.prototype.dispose.call(this)},t.handleVolumeControlKeyUp=function(e){Lt.isEventKey(e,"Esc")&&this.muteToggle.focus()},t.handleMouseOver=function(e){this.addClass("vjs-hover"),he(h,"keyup",ge(this,this.handleKeyPress))},t.handleMouseOut=function(e){this.removeClass("vjs-hover"),de(h,"keyup",ge(this,this.handleKeyPress))},t.handleKeyPress=function(e){Lt.isEventKey(e,"Esc")&&this.handleMouseOut()},e}(Ue);Hn.prototype.options_={children:["muteToggle","volumeControl"]},Ue.registerComponent("VolumePanel",Hn);var Vn=function(n){function e(e,t){var i;return i=n.call(this,e,t)||this,t&&(i.menuButton_=t.menuButton),i.focusedChild_=-1,i.on("keydown",i.handleKeyDown),i.boundHandleBlur_=ge(Me(i),i.handleBlur),i.boundHandleTapClick_=ge(Me(i),i.handleTapClick),i}He(e,n);var t=e.prototype;return t.addEventListenerForItem=function(e){e instanceof Ue&&(this.on(e,"blur",this.boundHandleBlur_),this.on(e,["tap","click"],this.boundHandleTapClick_))},t.removeEventListenerForItem=function(e){e instanceof Ue&&(this.off(e,"blur",this.boundHandleBlur_),this.off(e,["tap","click"],this.boundHandleTapClick_))},t.removeChild=function(e){"string"==typeof e&&(e=this.getChild(e)),this.removeEventListenerForItem(e),n.prototype.removeChild.call(this,e)},t.addItem=function(e){var t=this.addChild(e);t&&this.addEventListenerForItem(t)},t.createEl=function(){var e=this.options_.contentElType||"ul";this.contentEl_=S(e,{className:"vjs-menu-content"}),this.contentEl_.setAttribute("role","menu");var t=n.prototype.createEl.call(this,"div",{append:this.contentEl_,className:"vjs-menu"});return t.appendChild(this.contentEl_),he(t,"click",function(e){e.preventDefault(),e.stopImmediatePropagation()}),t},t.dispose=function(){this.contentEl_=null,this.boundHandleBlur_=null,this.boundHandleTapClick_=null,n.prototype.dispose.call(this)},t.handleBlur=function(e){var t=e.relatedTarget||h.activeElement;if(!this.children().some(function(e){return e.el()===t})){var i=this.menuButton_;i&&i.buttonPressed_&&t!==i.el().firstChild&&i.unpressButton()}},t.handleTapClick=function(t){if(this.menuButton_){this.menuButton_.unpressButton();var e=this.children();if(!Array.isArray(e))return;var i=e.filter(function(e){return e.el()===t.target})[0];if(!i)return;"CaptionSettingsMenuItem"!==i.name()&&this.menuButton_.focus()}},t.handleKeyDown=function(e){Lt.isEventKey(e,"Left")||Lt.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):(Lt.isEventKey(e,"Right")||Lt.isEventKey(e,"Up"))&&(e.preventDefault(),e.stopPropagation(),this.stepBack())},t.stepForward=function(){var e=0;void 0!==this.focusedChild_&&(e=this.focusedChild_+1),this.focus(e)},t.stepBack=function(){var e=0;void 0!==this.focusedChild_&&(e=this.focusedChild_-1),this.focus(e)},t.focus=function(e){void 0===e&&(e=0);var t=this.children().slice();t.length&&t[0].className&&/vjs-menu-title/.test(t[0].className)&&t.shift(),0<t.length&&(e<0?e=0:e>=t.length&&(e=t.length-1),t[this.focusedChild_=e].el_.focus())},e}(Ue);Ue.registerComponent("Menu",Vn);var qn=function(r){function e(e,t){var i;void 0===t&&(t={}),(i=r.call(this,e,t)||this).menuButton_=new dn(e,t),i.menuButton_.controlText(i.controlText_),i.menuButton_.el_.setAttribute("aria-haspopup","true");var n=dn.prototype.buildCSSClass();return i.menuButton_.el_.className=i.buildCSSClass()+" "+n,i.menuButton_.removeClass("vjs-control"),i.addChild(i.menuButton_),i.update(),i.enabled_=!0,i.on(i.menuButton_,"tap",i.handleClick),i.on(i.menuButton_,"click",i.handleClick),i.on(i.menuButton_,"keydown",i.handleKeyDown),i.on(i.menuButton_,"mouseenter",function(){i.addClass("vjs-hover"),i.menu.show(),he(h,"keyup",ge(Me(i),i.handleMenuKeyUp))}),i.on("mouseleave",i.handleMouseLeave),i.on("keydown",i.handleSubmenuKeyDown),i}He(e,r);var t=e.prototype;return t.update=function(){var e=this.createMenu();this.menu&&(this.menu.dispose(),this.removeChild(this.menu)),this.menu=e,this.addChild(e),this.buttonPressed_=!1,this.menuButton_.el_.setAttribute("aria-expanded","false"),this.items&&this.items.length<=this.hideThreshold_?this.hide():this.show()},t.createMenu=function(){var e=new Vn(this.player_,{menuButton:this});if(this.hideThreshold_=0,this.options_.title){var t=S("li",{className:"vjs-menu-title",innerHTML:De(this.options_.title),tabIndex:-1});this.hideThreshold_+=1;var i=new Ue(this.player_,{el:t});e.addItem(i)}if(this.items=this.createItems(),this.items)for(var n=0;n<this.items.length;n++)e.addItem(this.items[n]);return e},t.createItems=function(){},t.createEl=function(){return r.prototype.createEl.call(this,"div",{className:this.buildWrapperCSSClass()},{})},t.buildWrapperCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+dn.prototype.buildCSSClass()+" "+r.prototype.buildCSSClass.call(this)},t.buildCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+r.prototype.buildCSSClass.call(this)},t.controlText=function(e,t){return void 0===t&&(t=this.menuButton_.el()),this.menuButton_.controlText(e,t)},t.dispose=function(){this.handleMouseLeave(),r.prototype.dispose.call(this)},t.handleClick=function(e){this.buttonPressed_?this.unpressButton():this.pressButton()},t.handleMouseLeave=function(e){this.removeClass("vjs-hover"),de(h,"keyup",ge(this,this.handleMenuKeyUp))},t.focus=function(){this.menuButton_.focus()},t.blur=function(){this.menuButton_.blur()},t.handleKeyDown=function(e){Lt.isEventKey(e,"Esc")||Lt.isEventKey(e,"Tab")?(this.buttonPressed_&&this.unpressButton(),Lt.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus())):(Lt.isEventKey(e,"Up")||Lt.isEventKey(e,"Down"))&&(this.buttonPressed_||(e.preventDefault(),this.pressButton()))},t.handleMenuKeyUp=function(e){(Lt.isEventKey(e,"Esc")||Lt.isEventKey(e,"Tab"))&&this.removeClass("vjs-hover")},t.handleSubmenuKeyPress=function(e){this.handleSubmenuKeyDown(e)},t.handleSubmenuKeyDown=function(e){(Lt.isEventKey(e,"Esc")||Lt.isEventKey(e,"Tab"))&&(this.buttonPressed_&&this.unpressButton(),Lt.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus()))},t.pressButton=function(){if(this.enabled_){if(this.buttonPressed_=!0,this.menu.show(),this.menu.lockShowing(),this.menuButton_.el_.setAttribute("aria-expanded","true"),at&&b())return;this.menu.focus()}},t.unpressButton=function(){this.enabled_&&(this.buttonPressed_=!1,this.menu.unlockShowing(),this.menu.hide(),this.menuButton_.el_.setAttribute("aria-expanded","false"))},t.disable=function(){this.unpressButton(),this.enabled_=!1,this.addClass("vjs-disabled"),this.menuButton_.disable()},t.enable=function(){this.enabled_=!0,this.removeClass("vjs-disabled"),this.menuButton_.enable()},e}(Ue);Ue.registerComponent("MenuButton",qn);var Wn=function(s){function e(e,t){var i,n=t.tracks;if((i=s.call(this,e,t)||this).items.length<=1&&i.hide(),!n)return Me(i);var r=ge(Me(i),i.update);return n.addEventListener("removetrack",r),n.addEventListener("addtrack",r),i.player_.on("ready",r),i.player_.on("dispose",function(){n.removeEventListener("removetrack",r),n.removeEventListener("addtrack",r)}),i}return He(e,s),e}(qn);Ue.registerComponent("TrackButton",Wn);var zn=["Tab","Esc","Up","Down","Right","Left"],Gn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).selectable=t.selectable,i.isSelected_=t.selected||!1,i.multiSelectable=t.multiSelectable,i.selected(i.isSelected_),i.selectable?i.multiSelectable?i.el_.setAttribute("role","menuitemcheckbox"):i.el_.setAttribute("role","menuitemradio"):i.el_.setAttribute("role","menuitem"),i}He(e,n);var t=e.prototype;return t.createEl=function(e,t,i){return this.nonIconControl=!0,n.prototype.createEl.call(this,"li",m({className:"vjs-menu-item",innerHTML:'<span class="vjs-menu-item-text">'+this.localize(this.options_.label)+"</span>",tabIndex:-1},t),i)},t.handleKeyDown=function(t){zn.some(function(e){return Lt.isEventKey(t,e)})||n.prototype.handleKeyDown.call(this,t)},t.handleClick=function(e){this.selected(!0)},t.selected=function(e){this.selectable&&(e?(this.addClass("vjs-selected"),this.el_.setAttribute("aria-checked","true"),this.controlText(", selected"),this.isSelected_=!0):(this.removeClass("vjs-selected"),this.el_.setAttribute("aria-checked","false"),this.controlText(""),this.isSelected_=!1))},e}(rn);Ue.registerComponent("MenuItem",Gn);var Kn=function(u){function e(e,t){var n,i=t.track,r=e.textTracks();t.label=i.label||i.language||"Unknown",t.selected="showing"===i.mode,(n=u.call(this,e,t)||this).track=i,n.kinds=(t.kinds||[t.kind||n.track.kind]).filter(Boolean);function s(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleTracksChange.apply(Me(n),t)}function a(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleSelectedLanguageChange.apply(Me(n),t)}var o;e.on(["loadstart","texttrackchange"],s),r.addEventListener("change",s),r.addEventListener("selectedlanguagechange",a),n.on("dispose",function(){e.off(["loadstart","texttrackchange"],s),r.removeEventListener("change",s),r.removeEventListener("selectedlanguagechange",a)}),void 0===r.onchange&&n.on(["tap","click"],function(){if("object"!=typeof y.Event)try{o=new y.Event("change")}catch(e){}o||(o=h.createEvent("Event")).initEvent("change",!0,!0),r.dispatchEvent(o)});return n.handleTracksChange(),n}He(e,u);var t=e.prototype;return t.handleClick=function(e){var t=this.track,i=this.player_.textTracks();if(u.prototype.handleClick.call(this,e),i)for(var n=0;n<i.length;n++){var r=i[n];-1!==this.kinds.indexOf(r.kind)&&(r===t?"showing"!==r.mode&&(r.mode="showing"):"disabled"!==r.mode&&(r.mode="disabled"))}},t.handleTracksChange=function(e){var t="showing"===this.track.mode;t!==this.isSelected_&&this.selected(t)},t.handleSelectedLanguageChange=function(e){if("showing"===this.track.mode){var t=this.player_.cache_.selectedLanguage;if(t&&t.enabled&&t.language===this.track.language&&t.kind!==this.track.kind)return;this.player_.cache_.selectedLanguage={enabled:!0,language:this.track.language,kind:this.track.kind}}},t.dispose=function(){this.track=null,u.prototype.dispose.call(this)},e}(Gn);Ue.registerComponent("TextTrackMenuItem",Kn);var Xn=function(i){function e(e,t){return t.track={player:e,kind:t.kind,kinds:t.kinds,default:!1,mode:"disabled"},t.kinds||(t.kinds=[t.kind]),t.label?t.track.label=t.label:t.track.label=t.kinds.join(" and ")+" off",t.selectable=!0,t.multiSelectable=!1,i.call(this,e,t)||this}He(e,i);var t=e.prototype;return t.handleTracksChange=function(e){for(var t=this.player().textTracks(),i=!0,n=0,r=t.length;n<r;n++){var s=t[n];if(-1<this.options_.kinds.indexOf(s.kind)&&"showing"===s.mode){i=!1;break}}i!==this.isSelected_&&this.selected(i)},t.handleSelectedLanguageChange=function(e){for(var t=this.player().textTracks(),i=!0,n=0,r=t.length;n<r;n++){var s=t[n];if(-1<["captions","descriptions","subtitles"].indexOf(s.kind)&&"showing"===s.mode){i=!1;break}}i&&(this.player_.cache_.selectedLanguage={enabled:!1})},e}(Kn);Ue.registerComponent("OffTextTrackMenuItem",Xn);var Yn=function(i){function e(e,t){return void 0===t&&(t={}),t.tracks=e.textTracks(),i.call(this,e,t)||this}return He(e,i),e.prototype.createItems=function(e,t){var i;void 0===e&&(e=[]),void 0===t&&(t=Kn),this.label_&&(i=this.label_+" off"),e.push(new Xn(this.player_,{kinds:this.kinds_,kind:this.kind_,label:i})),this.hideThreshold_+=1;var n=this.player_.textTracks();Array.isArray(this.kinds_)||(this.kinds_=[this.kind_]);for(var r=0;r<n.length;r++){var s=n[r];if(-1<this.kinds_.indexOf(s.kind)){var a=new t(this.player_,{track:s,kinds:this.kinds_,kind:this.kind_,selectable:!0,multiSelectable:!1});a.addClass("vjs-"+s.kind+"-menu-item"),e.push(a)}}return e},e}(Wn);Ue.registerComponent("TextTrackButton",Yn);var $n=function(a){function e(e,t){var i,n=t.track,r=t.cue,s=e.currentTime();return t.selectable=!0,t.multiSelectable=!1,t.label=r.text,t.selected=r.startTime<=s&&s<r.endTime,(i=a.call(this,e,t)||this).track=n,i.cue=r,n.addEventListener("cuechange",ge(Me(i),i.update)),i}He(e,a);var t=e.prototype;return t.handleClick=function(e){a.prototype.handleClick.call(this),this.player_.currentTime(this.cue.startTime),this.update(this.cue.startTime)},t.update=function(e){var t=this.cue,i=this.player_.currentTime();this.selected(t.startTime<=i&&i<t.endTime)},e}(Gn);Ue.registerComponent("ChaptersTrackMenuItem",$n);var Qn=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-chapters-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-chapters-button "+n.prototype.buildWrapperCSSClass.call(this)},t.update=function(e){this.track_&&(!e||"addtrack"!==e.type&&"removetrack"!==e.type)||this.setTrack(this.findChaptersTrack()),n.prototype.update.call(this)},t.setTrack=function(e){if(this.track_!==e){if(this.updateHandler_||(this.updateHandler_=this.update.bind(this)),this.track_){var t=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);t&&t.removeEventListener("load",this.updateHandler_),this.track_=null}if(this.track_=e,this.track_){this.track_.mode="hidden";var i=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);i&&i.addEventListener("load",this.updateHandler_)}}},t.findChaptersTrack=function(){for(var e=this.player_.textTracks()||[],t=e.length-1;0<=t;t--){var i=e[t];if(i.kind===this.kind_)return i}},t.getMenuCaption=function(){return this.track_&&this.track_.label?this.track_.label:this.localize(De(this.kind_))},t.createMenu=function(){return this.options_.title=this.getMenuCaption(),n.prototype.createMenu.call(this)},t.createItems=function(){var e=[];if(!this.track_)return e;var t=this.track_.cues;if(!t)return e;for(var i=0,n=t.length;i<n;i++){var r=t[i],s=new $n(this.player_,{track:this.track_,cue:r});e.push(s)}return e},e}(Yn);Qn.prototype.kind_="chapters",Qn.prototype.controlText_="Chapters",Ue.registerComponent("ChaptersButton",Qn);var Jn=function(a){function e(e,t,i){var n;n=a.call(this,e,t,i)||this;var r=e.textTracks(),s=ge(Me(n),n.handleTracksChange);return r.addEventListener("change",s),n.on("dispose",function(){r.removeEventListener("change",s)}),n}He(e,a);var t=e.prototype;return t.handleTracksChange=function(e){for(var t=this.player().textTracks(),i=!1,n=0,r=t.length;n<r;n++){var s=t[n];if(s.kind!==this.kind_&&"showing"===s.mode){i=!0;break}}i?this.disable():this.enable()},t.buildCSSClass=function(){return"vjs-descriptions-button "+a.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-descriptions-button "+a.prototype.buildWrapperCSSClass.call(this)},e}(Yn);Jn.prototype.kind_="descriptions",Jn.prototype.controlText_="Descriptions",Ue.registerComponent("DescriptionsButton",Jn);var Zn=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-subtitles-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-subtitles-button "+n.prototype.buildWrapperCSSClass.call(this)},e}(Yn);Zn.prototype.kind_="subtitles",Zn.prototype.controlText_="Subtitles",Ue.registerComponent("SubtitlesButton",Zn);var er=function(n){function e(e,t){var i;return t.track={player:e,kind:t.kind,label:t.kind+" settings",selectable:!1,default:!1,mode:"disabled"},t.selectable=!1,t.name="CaptionSettingsMenuItem",(i=n.call(this,e,t)||this).addClass("vjs-texttrack-settings"),i.controlText(", opens "+t.kind+" settings dialog"),i}return He(e,n),e.prototype.handleClick=function(e){this.player().getChild("textTrackSettings").open()},e}(Kn);Ue.registerComponent("CaptionSettingsMenuItem",er);var tr=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-captions-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-captions-button "+n.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new er(this.player_,{kind:this.kind_})),this.hideThreshold_+=1),n.prototype.createItems.call(this,e)},e}(Yn);tr.prototype.kind_="captions",tr.prototype.controlText_="Captions",Ue.registerComponent("CaptionsButton",tr);var ir=function(r){function e(){return r.apply(this,arguments)||this}return He(e,r),e.prototype.createEl=function(e,t,i){var n='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"captions"===this.options_.track.kind&&(n+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Captions")+"</span>\n      "),n+="</span>",r.prototype.createEl.call(this,e,m({innerHTML:n},t),i)},e}(Kn);Ue.registerComponent("SubsCapsMenuItem",ir);var nr=function(n){function e(e,t){var i;return void 0===t&&(t={}),(i=n.call(this,e,t)||this).label_="subtitles",-1<["en","en-us","en-ca","fr-ca"].indexOf(i.player_.language_)&&(i.label_="captions"),i.menuButton_.controlText(De(i.label_)),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-subs-caps-button "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-subs-caps-button "+n.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new er(this.player_,{kind:this.label_})),this.hideThreshold_+=1),e=n.prototype.createItems.call(this,e,ir)},e}(Yn);nr.prototype.kinds_=["captions","subtitles"],nr.prototype.controlText_="Subtitles",Ue.registerComponent("SubsCapsButton",nr);var rr=function(a){function e(e,t){var n,i=t.track,r=e.audioTracks();t.label=i.label||i.language||"Unknown",t.selected=i.enabled,(n=a.call(this,e,t)||this).track=i,n.addClass("vjs-"+i.kind+"-menu-item");function s(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleTracksChange.apply(Me(n),t)}return r.addEventListener("change",s),n.on("dispose",function(){r.removeEventListener("change",s)}),n}He(e,a);var t=e.prototype;return t.createEl=function(e,t,i){var n='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"main-desc"===this.options_.track.kind&&(n+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Descriptions")+"</span>\n      "),n+="</span>",a.prototype.createEl.call(this,e,m({innerHTML:n},t),i)},t.handleClick=function(e){var t=this.player_.audioTracks();a.prototype.handleClick.call(this,e);for(var i=0;i<t.length;i++){var n=t[i];n.enabled=n===this.track}},t.handleTracksChange=function(e){this.selected(this.track.enabled)},e}(Gn);Ue.registerComponent("AudioTrackMenuItem",rr);var sr=function(i){function e(e,t){return void 0===t&&(t={}),t.tracks=e.audioTracks(),i.call(this,e,t)||this}He(e,i);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-audio-button "+i.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-audio-button "+i.prototype.buildWrapperCSSClass.call(this)},t.createItems=function(e){void 0===e&&(e=[]),this.hideThreshold_=1;for(var t=this.player_.audioTracks(),i=0;i<t.length;i++){var n=t[i];e.push(new rr(this.player_,{track:n,selectable:!0,multiSelectable:!1}))}return e},e}(Wn);sr.prototype.controlText_="Audio Track",Ue.registerComponent("AudioTrackButton",sr);var ar=function(s){function e(e,t){var i,n=t.rate,r=parseFloat(n,10);return t.label=n,t.selected=1===r,t.selectable=!0,t.multiSelectable=!1,(i=s.call(this,e,t)||this).label=n,i.rate=r,i.on(e,"ratechange",i.update),i}He(e,s);var t=e.prototype;return t.handleClick=function(e){s.prototype.handleClick.call(this),this.player().playbackRate(this.rate)},t.update=function(e){this.selected(this.player().playbackRate()===this.rate)},e}(Gn);ar.prototype.contentElType="button",Ue.registerComponent("PlaybackRateMenuItem",ar);var or=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).updateVisibility(),i.updateLabel(),i.on(e,"loadstart",i.updateVisibility),i.on(e,"ratechange",i.updateLabel),i}He(e,n);var t=e.prototype;return t.createEl=function(){var e=n.prototype.createEl.call(this);return this.labelEl_=S("div",{className:"vjs-playback-rate-value",innerHTML:"1x"}),e.appendChild(this.labelEl_),e},t.dispose=function(){this.labelEl_=null,n.prototype.dispose.call(this)},t.buildCSSClass=function(){return"vjs-playback-rate "+n.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-playback-rate "+n.prototype.buildWrapperCSSClass.call(this)},t.createMenu=function(){var e=new Vn(this.player()),t=this.playbackRates();if(t)for(var i=t.length-1;0<=i;i--)e.addChild(new ar(this.player(),{rate:t[i]+"x"}));return e},t.updateARIAAttributes=function(){this.el().setAttribute("aria-valuenow",this.player().playbackRate())},t.handleClick=function(e){for(var t=this.player().playbackRate(),i=this.playbackRates(),n=i[0],r=0;r<i.length;r++)if(i[r]>t){n=i[r];break}this.player().playbackRate(n)},t.playbackRates=function(){return this.options_.playbackRates||this.options_.playerOptions&&this.options_.playerOptions.playbackRates},t.playbackRateSupported=function(){return this.player().tech_&&this.player().tech_.featuresPlaybackRate&&this.playbackRates()&&0<this.playbackRates().length},t.updateVisibility=function(e){this.playbackRateSupported()?this.removeClass("vjs-hidden"):this.addClass("vjs-hidden")},t.updateLabel=function(e){this.playbackRateSupported()&&(this.labelEl_.innerHTML=this.player().playbackRate()+"x")},e}(qn);or.prototype.controlText_="Playback Rate",Ue.registerComponent("PlaybackRateMenuButton",or);var ur=function(e){function t(){return e.apply(this,arguments)||this}He(t,e);var i=t.prototype;return i.buildCSSClass=function(){return"vjs-spacer "+e.prototype.buildCSSClass.call(this)},i.createEl=function(){return e.prototype.createEl.call(this,"div",{className:this.buildCSSClass()})},t}(Ue);Ue.registerComponent("Spacer",ur);var lr=function(t){function e(){return t.apply(this,arguments)||this}He(e,t);var i=e.prototype;return i.buildCSSClass=function(){return"vjs-custom-control-spacer "+t.prototype.buildCSSClass.call(this)},i.createEl=function(){var e=t.prototype.createEl.call(this,{className:this.buildCSSClass()});return e.innerHTML=" ",e},e}(ur);Ue.registerComponent("CustomControlSpacer",lr);var cr=function(e){function t(){return e.apply(this,arguments)||this}return He(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-control-bar",dir:"ltr"})},t}(Ue);cr.prototype.options_={children:["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","liveDisplay","seekToLive","remainingTimeDisplay","customControlSpacer","playbackRateMenuButton","chaptersButton","descriptionsButton","subsCapsButton","audioTrackButton","fullscreenToggle"]},"exitPictureInPicture"in h&&cr.prototype.options_.children.splice(cr.prototype.options_.children.length-1,0,"pictureInPictureToggle"),Ue.registerComponent("ControlBar",cr);var hr=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"error",i.open),i}He(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-error-display "+n.prototype.buildCSSClass.call(this)},t.content=function(){var e=this.player().error();return e?this.localize(e.message):""},e}(At);hr.prototype.options_=r({},At.prototype.options_,{pauseOnOpen:!1,fillAlways:!0,temporary:!1,uncloseable:!0}),Ue.registerComponent("ErrorDisplay",hr);var dr="vjs-text-track-settings",pr=["#000","Black"],fr=["#00F","Blue"],mr=["#0FF","Cyan"],gr=["#0F0","Green"],vr=["#F0F","Magenta"],yr=["#F00","Red"],_r=["#FFF","White"],br=["#FF0","Yellow"],Tr=["1","Opaque"],Sr=["0.5","Semi-Transparent"],kr=["0","Transparent"],Cr={backgroundColor:{selector:".vjs-bg-color > select",id:"captions-background-color-%s",label:"Color",options:[pr,_r,yr,gr,fr,br,vr,mr]},backgroundOpacity:{selector:".vjs-bg-opacity > select",id:"captions-background-opacity-%s",label:"Transparency",options:[Tr,Sr,kr]},color:{selector:".vjs-fg-color > select",id:"captions-foreground-color-%s",label:"Color",options:[_r,pr,yr,gr,fr,br,vr,mr]},edgeStyle:{selector:".vjs-edge-style > select",id:"%s",label:"Text Edge Style",options:[["none","None"],["raised","Raised"],["depressed","Depressed"],["uniform","Uniform"],["dropshadow","Dropshadow"]]},fontFamily:{selector:".vjs-font-family > select",id:"captions-font-family-%s",label:"Font Family",options:[["proportionalSansSerif","Proportional Sans-Serif"],["monospaceSansSerif","Monospace Sans-Serif"],["proportionalSerif","Proportional Serif"],["monospaceSerif","Monospace Serif"],["casual","Casual"],["script","Script"],["small-caps","Small Caps"]]},fontPercent:{selector:".vjs-font-percent > select",id:"captions-font-size-%s",label:"Font Size",options:[["0.50","50%"],["0.75","75%"],["1.00","100%"],["1.25","125%"],["1.50","150%"],["1.75","175%"],["2.00","200%"],["3.00","300%"],["4.00","400%"]],default:2,parser:function(e){return"1.00"===e?null:Number(e)}},textOpacity:{selector:".vjs-text-opacity > select",id:"captions-foreground-opacity-%s",label:"Transparency",options:[Tr,Sr]},windowColor:{selector:".vjs-window-color > select",id:"captions-window-color-%s",label:"Color"},windowOpacity:{selector:".vjs-window-opacity > select",id:"captions-window-opacity-%s",label:"Transparency",options:[kr,Sr,Tr]}};function Er(e,t){if(t&&(e=t(e)),e&&"none"!==e)return e}Cr.windowColor.options=Cr.backgroundColor.options;var wr=function(n){function e(e,t){var i;return t.temporary=!1,(i=n.call(this,e,t)||this).updateDisplay=ge(Me(i),i.updateDisplay),i.fill(),i.hasBeenOpened_=i.hasBeenFilled_=!0,i.endDialog=S("p",{className:"vjs-control-text",textContent:i.localize("End of dialog window.")}),i.el().appendChild(i.endDialog),i.setDefaults(),void 0===t.persistTextTrackSettings&&(i.options_.persistTextTrackSettings=i.options_.playerOptions.persistTextTrackSettings),i.on(i.$(".vjs-done-button"),"click",function(){i.saveSettings(),i.close()}),i.on(i.$(".vjs-default-button"),"click",function(){i.setDefaults(),i.updateDisplay()}),a(Cr,function(e){i.on(i.$(e.selector),"change",i.updateDisplay)}),i.options_.persistTextTrackSettings&&i.restoreSettings(),i}He(e,n);var t=e.prototype;return t.dispose=function(){this.endDialog=null,n.prototype.dispose.call(this)},t.createElSelect_=function(e,t,i){var n=this;void 0===t&&(t=""),void 0===i&&(i="label");var r=Cr[e],s=r.id.replace("%s",this.id_),a=[t,s].join(" ").trim();return["<"+i+' id="'+s+'" class="'+("label"===i?"vjs-label":"")+'">',this.localize(r.label),"</"+i+">",'<select aria-labelledby="'+a+'">'].concat(r.options.map(function(e){var t=s+"-"+e[1].replace(/\W+/g,"");return['<option id="'+t+'" value="'+e[0]+'" ','aria-labelledby="'+a+" "+t+'">',n.localize(e[1]),"</option>"].join("")})).concat("</select>").join("")},t.createElFgColor_=function(){var e="captions-text-legend-"+this.id_;return['<fieldset class="vjs-fg-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Text"),"</legend>",this.createElSelect_("color",e),'<span class="vjs-text-opacity vjs-opacity">',this.createElSelect_("textOpacity",e),"</span>","</fieldset>"].join("")},t.createElBgColor_=function(){var e="captions-background-"+this.id_;return['<fieldset class="vjs-bg-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Background"),"</legend>",this.createElSelect_("backgroundColor",e),'<span class="vjs-bg-opacity vjs-opacity">',this.createElSelect_("backgroundOpacity",e),"</span>","</fieldset>"].join("")},t.createElWinColor_=function(){var e="captions-window-"+this.id_;return['<fieldset class="vjs-window-color vjs-track-setting">','<legend id="'+e+'">',this.localize("Window"),"</legend>",this.createElSelect_("windowColor",e),'<span class="vjs-window-opacity vjs-opacity">',this.createElSelect_("windowOpacity",e),"</span>","</fieldset>"].join("")},t.createElColors_=function(){return S("div",{className:"vjs-track-settings-colors",innerHTML:[this.createElFgColor_(),this.createElBgColor_(),this.createElWinColor_()].join("")})},t.createElFont_=function(){return S("div",{className:"vjs-track-settings-font",innerHTML:['<fieldset class="vjs-font-percent vjs-track-setting">',this.createElSelect_("fontPercent","","legend"),"</fieldset>",'<fieldset class="vjs-edge-style vjs-track-setting">',this.createElSelect_("edgeStyle","","legend"),"</fieldset>",'<fieldset class="vjs-font-family vjs-track-setting">',this.createElSelect_("fontFamily","","legend"),"</fieldset>"].join("")})},t.createElControls_=function(){var e=this.localize("restore all settings to the default values");return S("div",{className:"vjs-track-settings-controls",innerHTML:['<button type="button" class="vjs-default-button" title="'+e+'">',this.localize("Reset"),'<span class="vjs-control-text"> '+e+"</span>","</button>",'<button type="button" class="vjs-done-button">'+this.localize("Done")+"</button>"].join("")})},t.content=function(){return[this.createElColors_(),this.createElFont_(),this.createElControls_()]},t.label=function(){return this.localize("Caption Settings Dialog")},t.description=function(){return this.localize("Beginning of dialog window. Escape will cancel and close the window.")},t.buildCSSClass=function(){return n.prototype.buildCSSClass.call(this)+" vjs-text-track-settings"},t.getValues=function(){var r=this;return function(i,n,e){return void 0===e&&(e=0),s(i).reduce(function(e,t){return n(e,i[t],t)},e)}(Cr,function(e,t,i){var n=function(e,t){return Er(e.options[e.options.selectedIndex].value,t)}(r.$(t.selector),t.parser);return void 0!==n&&(e[i]=n),e},{})},t.setValues=function(i){var n=this;a(Cr,function(e,t){!function(e,t,i){if(t)for(var n=0;n<e.options.length;n++)if(Er(e.options[n].value,i)===t){e.selectedIndex=n;break}}(n.$(e.selector),i[t],e.parser)})},t.setDefaults=function(){var i=this;a(Cr,function(e){var t=e.hasOwnProperty("default")?e.default:0;i.$(e.selector).selectedIndex=t})},t.restoreSettings=function(){var e;try{e=JSON.parse(y.localStorage.getItem(dr))}catch(e){p.warn(e)}e&&this.setValues(e)},t.saveSettings=function(){if(this.options_.persistTextTrackSettings){var e=this.getValues();try{Object.keys(e).length?y.localStorage.setItem(dr,JSON.stringify(e)):y.localStorage.removeItem(dr)}catch(e){p.warn(e)}}},t.updateDisplay=function(){var e=this.player_.getChild("textTrackDisplay");e&&e.updateDisplay()},t.conditionalBlur_=function(){this.previouslyActiveEl_=null;var e=this.player_.controlBar,t=e&&e.subsCapsButton,i=e&&e.captionsButton;t?t.focus():i&&i.focus()},e}(At);Ue.registerComponent("TextTrackSettings",wr);var Lr=function(s){function e(e,t){var i,n=t.ResizeObserver||y.ResizeObserver;null===t.ResizeObserver&&(n=!1);var r=Re({createEl:!n,reportTouchActivity:!1},t);return(i=s.call(this,e,r)||this).ResizeObserver=t.ResizeObserver||y.ResizeObserver,i.loadListener_=null,i.resizeObserver_=null,i.debouncedHandler_=function(n,r,s,a){var o;void 0===a&&(a=y);function e(){var e=this,t=arguments,i=function(){i=o=null,s||n.apply(e,t)};!o&&s&&n.apply(e,t),a.clearTimeout(o),o=a.setTimeout(i,r)}return e.cancel=function(){a.clearTimeout(o),o=null},e}(function(){i.resizeHandler()},100,!1,Me(i)),n?(i.resizeObserver_=new i.ResizeObserver(i.debouncedHandler_),i.resizeObserver_.observe(e.el())):(i.loadListener_=function(){if(i.el_&&i.el_.contentWindow){var e=i.debouncedHandler_,t=i.unloadListener_=function(){de(this,"resize",e),de(this,"unload",t),t=null};he(i.el_.contentWindow,"unload",t),he(i.el_.contentWindow,"resize",e)}},i.one("load",i.loadListener_)),i}He(e,s);var t=e.prototype;return t.createEl=function(){return s.prototype.createEl.call(this,"iframe",{className:"vjs-resize-manager",tabIndex:-1},{"aria-hidden":"true"})},t.resizeHandler=function(){this.player_&&this.player_.trigger&&this.player_.trigger("playerresize")},t.dispose=function(){this.debouncedHandler_&&this.debouncedHandler_.cancel(),this.resizeObserver_&&(this.player_.el()&&this.resizeObserver_.unobserve(this.player_.el()),this.resizeObserver_.disconnect()),this.loadListener_&&this.off("load",this.loadListener_),this.el_&&this.el_.contentWindow&&this.unloadListener_&&this.unloadListener_.call(this.el_.contentWindow),this.ResizeObserver=null,this.resizeObserver=null,this.debouncedHandler_=null,this.loadListener_=null,s.prototype.dispose.call(this)},e}(Ue);Ue.registerComponent("ResizeManager",Lr);var Pr=function(r){function e(e,t){var i,n=Re({createEl:!1},t);return(i=r.call(this,e,n)||this).reset_(),i.on(i.player_,"durationchange",i.handleDurationchange),et&&"hidden"in h&&"visibilityState"in h&&i.on(h,"visibilitychange",i.handleVisibilityChange),i}He(e,r);var t=e.prototype;return t.handleVisibilityChange=function(){this.player_.duration()===1/0&&(h.hidden?this.stopTracking():this.startTracking())},t.isBehind_=function(){if(!this.timeupdateSeen_)return!1;var e=this.liveCurrentTime(),t=this.player_.currentTime(),i=2*this.seekableIncrement_+.07;return e!==1/0&&t<=e-i},t.trackLive_=function(){this.pastSeekEnd_=this.pastSeekEnd_;var e=this.player_.seekable();if(e&&e.length){var t=this.seekableEnd();t!==this.lastSeekEnd_&&(this.lastSeekEnd_&&(this.seekableIncrementList_=this.seekableIncrementList_.slice(-11),this.seekableIncrementList_.push(Math.abs(t-this.lastSeekEnd_)),3<this.seekableIncrementList_.length&&(this.seekableIncrement_=function(e){var t=Math.floor(e.length/2),i=[].concat(e).sort(function(e,t){return e-t});return e.length%2!=0?i[t]:(i[t-1]+i[t])/2}(this.seekableIncrementList_))),this.pastSeekEnd_=0,this.lastSeekEnd_=t,this.trigger("seekableendchange")),this.pastSeekEnd()>1.5*this.seekableIncrement_?this.pastSeekEnd_=0:this.pastSeekEnd_=this.pastSeekEnd()+.03,this.isBehind_()!==this.behindLiveEdge()&&(this.behindLiveEdge_=this.isBehind_(),this.trigger("liveedgechange"))}},t.handleDurationchange=function(){this.player_.duration()===1/0?this.startTracking():this.stopTracking()},t.startTracking=function(){var e=this;this.isTracking()||(this.timeupdateSeen_||(this.timeupdateSeen_=this.player_.hasStarted()),this.trackingInterval_=this.setInterval(this.trackLive_,30),this.trackLive_(),this.on(this.player_,"play",this.trackLive_),this.on(this.player_,"pause",this.trackLive_),this.timeupdateSeen_||(this.one(this.player_,"play",this.handlePlay),this.handleTimeupdate=function(){e.timeupdateSeen_=!0,e.handleTimeupdate=null},this.one(this.player_,"timeupdate",this.handleTimeupdate)))},t.handlePlay=function(){this.one(this.player_,"timeupdate",this.seekToLiveEdge)},t.reset_=function(){this.pastSeekEnd_=0,this.lastSeekEnd_=null,this.behindLiveEdge_=null,this.timeupdateSeen_=!1,this.clearInterval(this.trackingInterval_),this.trackingInterval_=null,this.seekableIncrement_=12,this.seekableIncrementList_=[],this.off(this.player_,"play",this.trackLive_),this.off(this.player_,"pause",this.trackLive_),this.off(this.player_,"play",this.handlePlay),this.off(this.player_,"timeupdate",this.seekToLiveEdge),this.handleTimeupdate&&(this.off(this.player_,"timeupdate",this.handleTimeupdate),this.handleTimeupdate=null)},t.stopTracking=function(){this.isTracking()&&this.reset_()},t.seekableEnd=function(){for(var e=this.player_.seekable(),t=[],i=e?e.length:0;i--;)t.push(e.end(i));return t.length?t.sort()[t.length-1]:1/0},t.seekableStart=function(){for(var e=this.player_.seekable(),t=[],i=e?e.length:0;i--;)t.push(e.start(i));return t.length?t.sort()[0]:0},t.liveWindow=function(){var e=this.liveCurrentTime();return e===1/0?1/0:e-this.seekableStart()},t.isLive=function(){return this.isTracking()},t.atLiveEdge=function(){return!this.behindLiveEdge()},t.liveCurrentTime=function(){return this.pastSeekEnd()+this.seekableEnd()},t.pastSeekEnd=function(){return this.pastSeekEnd_},t.behindLiveEdge=function(){return this.behindLiveEdge_},t.isTracking=function(){return"number"==typeof this.trackingInterval_},t.seekToLiveEdge=function(){this.atLiveEdge()||(this.player_.currentTime(this.liveCurrentTime()),this.player_.paused()&&this.player_.play())},t.dispose=function(){this.stopTracking(),r.prototype.dispose.call(this)},e}(Ue);Ue.registerComponent("LiveTracker",Pr);function Ar(e){var t=e.el();if(t.hasAttribute("src"))return e.triggerSourceset(t.src),!0;var i=e.$$("source"),n=[],r="";if(!i.length)return!1;for(var s=0;s<i.length;s++){var a=i[s].src;a&&-1===n.indexOf(a)&&n.push(a)}return!!n.length&&(1===n.length&&(r=n[0]),e.triggerSourceset(r),!0)}function Ir(e,t){for(var i={},n=0;n<e.length&&!((i=Object.getOwnPropertyDescriptor(e[n],t))&&i.set&&i.get);n++);return i.enumerable=!0,i.configurable=!0,i}function xr(s){var a=s.el();if(!a.resetSourceWatch_){var t={},e=function(e){return Ir([e.el(),y.HTMLMediaElement.prototype,y.Element.prototype,Ur],"innerHTML")}(s),i=function(r){return function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=r.apply(a,t);return Ar(s),n}};["append","appendChild","insertAdjacentHTML"].forEach(function(e){a[e]&&(t[e]=a[e],a[e]=i(t[e]))}),Object.defineProperty(a,"innerHTML",Re(e,{set:i(e.set)})),a.resetSourceWatch_=function(){a.resetSourceWatch_=null,Object.keys(t).forEach(function(e){a[e]=t[e]}),Object.defineProperty(a,"innerHTML",e)},s.one("sourceset",a.resetSourceWatch_)}}function Or(n){if(n.featuresSourceset){var r=n.el();if(!r.resetSourceset_){var i=function(e){return Ir([e.el(),y.HTMLMediaElement.prototype,Mr],"src")}(n),s=r.setAttribute,t=r.load;Object.defineProperty(r,"src",Re(i,{set:function(e){var t=i.set.call(r,e);return n.triggerSourceset(r.src),t}})),r.setAttribute=function(e,t){var i=s.call(r,e,t);return/src/i.test(e)&&n.triggerSourceset(r.src),i},r.load=function(){var e=t.call(r);return Ar(n)||(n.triggerSourceset(""),xr(n)),e},r.currentSrc?n.triggerSourceset(r.currentSrc):Ar(n)||xr(n),r.resetSourceset_=function(){r.resetSourceset_=null,r.load=t,r.setAttribute=s,Object.defineProperty(r,"src",i),r.resetSourceWatch_&&r.resetSourceWatch_()}}}}function Dr(t,i,n,e){function r(e){return Object.defineProperty(t,i,{value:e,enumerable:!0,writable:!0})}void 0===e&&(e=!0);var s={configurable:!0,enumerable:!0,get:function(){var e=n();return r(e),e}};return e&&(s.set=r),Object.defineProperty(t,i,s)}var Rr,Ur=Object.defineProperty({},"innerHTML",{get:function(){return this.cloneNode(!0).innerHTML},set:function(e){var t=h.createElement(this.nodeName.toLowerCase());t.innerHTML=e;for(var i=h.createDocumentFragment();t.childNodes.length;)i.appendChild(t.childNodes[0]);return this.innerText="",y.Element.prototype.appendChild.call(this,i),this.innerHTML}}),Mr=Object.defineProperty({},"src",{get:function(){return this.hasAttribute("src")?Ut(y.Element.prototype.getAttribute.call(this,"src")):""},set:function(e){return y.Element.prototype.setAttribute.call(this,"src",e),e}}),Nr=function(c){function o(e,t){var i;i=c.call(this,e,t)||this;var n=e.source,r=!1;if(n&&(i.el_.currentSrc!==n.src||e.tag&&3===e.tag.initNetworkState_)?i.setSource(n):i.handleLateInit_(i.el_),e.enableSourceset&&i.setupSourcesetHandling_(),i.el_.hasChildNodes()){for(var s=i.el_.childNodes,a=s.length,o=[];a--;){var u=s[a];"track"===u.nodeName.toLowerCase()&&(i.featuresNativeTextTracks?(i.remoteTextTrackEls().addTrackElement_(u),i.remoteTextTracks().addTrack(u.track),i.textTracks().addTrack(u.track),r||i.el_.hasAttribute("crossorigin")||!Nt(u.src)||(r=!0)):o.push(u))}for(var l=0;l<o.length;l++)i.el_.removeChild(o[l])}return i.proxyNativeTracks_(),i.featuresNativeTextTracks&&r&&p.warn("Text Tracks are being loaded from another origin but the crossorigin attribute isn't used.\nThis may prevent text tracks from loading."),i.restoreMetadataTracksInIOSNativePlayer_(),(nt||st||Ye)&&!0===e.nativeControlsForTouch&&i.setControls(!0),i.proxyWebkitFullscreen_(),i.triggerReady(),i}He(o,c);var e=o.prototype;return e.dispose=function(){this.el_&&this.el_.resetSourceset_&&this.el_.resetSourceset_(),o.disposeMediaElement(this.el_),this.options_=null,c.prototype.dispose.call(this)},e.setupSourcesetHandling_=function(){Or(this)},e.restoreMetadataTracksInIOSNativePlayer_=function(){function e(){i=[];for(var e=0;e<n.length;e++){var t=n[e];"metadata"===t.kind&&i.push({track:t,storedMode:t.mode})}}var i,n=this.textTracks();e(),n.addEventListener("change",e),this.on("dispose",function(){return n.removeEventListener("change",e)});function r(){for(var e=0;e<i.length;e++){var t=i[e];"disabled"===t.track.mode&&t.track.mode!==t.storedMode&&(t.track.mode=t.storedMode)}n.removeEventListener("change",r)}this.on("webkitbeginfullscreen",function(){n.removeEventListener("change",e),n.removeEventListener("change",r),n.addEventListener("change",r)}),this.on("webkitendfullscreen",function(){n.removeEventListener("change",e),n.addEventListener("change",e),n.removeEventListener("change",r)})},e.overrideNative_=function(e,t){var i=this;if(t===this["featuresNative"+e+"Tracks"]){var n=e.toLowerCase();this[n+"TracksListeners_"]&&Object.keys(this[n+"TracksListeners_"]).forEach(function(e){i.el()[n+"Tracks"].removeEventListener(e,i[n+"TracksListeners_"][e])}),this["featuresNative"+e+"Tracks"]=!t,this[n+"TracksListeners_"]=null,this.proxyNativeTracksForType_(n)}},e.overrideNativeAudioTracks=function(e){this.overrideNative_("Audio",e)},e.overrideNativeVideoTracks=function(e){this.overrideNative_("Video",e)},e.proxyNativeTracksForType_=function(e){var n=this,t=li[e],r=this.el()[t.getterName],s=this[t.getterName]();if(this["featuresNative"+t.capitalName+"Tracks"]&&r&&r.addEventListener){var a={change:function(e){s.trigger({type:"change",target:s,currentTarget:s,srcElement:s})},addtrack:function(e){s.addTrack(e.track)},removetrack:function(e){s.removeTrack(e.track)}},i=function(){for(var e=[],t=0;t<s.length;t++){for(var i=!1,n=0;n<r.length;n++)if(r[n]===s[t]){i=!0;break}i||e.push(s[t])}for(;e.length;)s.removeTrack(e.shift())};this[t.getterName+"Listeners_"]=a,Object.keys(a).forEach(function(t){var i=a[t];r.addEventListener(t,i),n.on("dispose",function(e){return r.removeEventListener(t,i)})}),this.on("loadstart",i),this.on("dispose",function(e){return n.off("loadstart",i)})}},e.proxyNativeTracks_=function(){var t=this;li.names.forEach(function(e){t.proxyNativeTracksForType_(e)})},e.createEl=function(){var e=this.options_.tag;if(!e||!this.options_.playerElIngest&&!this.movingMediaElementInDOM){if(e){var t=e.cloneNode(!0);e.parentNode&&e.parentNode.insertBefore(t,e),o.disposeMediaElement(e),e=t}else{e=h.createElement("video");var i=Re({},this.options_.tag&&I(this.options_.tag));nt&&!0===this.options_.nativeControlsForTouch||delete i.controls,A(e,m(i,{id:this.options_.techId,class:"vjs-tech"}))}e.playerId=this.options_.playerId}"undefined"!=typeof this.options_.preload&&O(e,"preload",this.options_.preload);for(var n=["loop","muted","playsinline","autoplay"],r=0;r<n.length;r++){var s=n[r],a=this.options_[s];"undefined"!=typeof a&&(a?O(e,s,s):D(e,s),e[s]=a)}return e},e.handleLateInit_=function(e){if(0!==e.networkState&&3!==e.networkState){if(0===e.readyState){var t=!1,i=function(){t=!0};this.on("loadstart",i);var n=function(){t||this.trigger("loadstart")};return this.on("loadedmetadata",n),void this.ready(function(){this.off("loadstart",i),this.off("loadedmetadata",n),t||this.trigger("loadstart")})}var r=["loadstart"];r.push("loadedmetadata"),2<=e.readyState&&r.push("loadeddata"),3<=e.readyState&&r.push("canplay"),4<=e.readyState&&r.push("canplaythrough"),this.ready(function(){r.forEach(function(e){this.trigger(e)},this)})}},e.setCurrentTime=function(e){try{this.el_.currentTime=e}catch(e){p(e,"Video is not ready. (Video.js)")}},e.duration=function(){var t=this;if(this.el_.duration===1/0&&Ke&&Je&&0===this.el_.currentTime){return this.on("timeupdate",function e(){0<t.el_.currentTime&&(t.el_.duration===1/0&&t.trigger("durationchange"),t.off("timeupdate",e))}),NaN}return this.el_.duration||NaN},e.width=function(){return this.el_.offsetWidth},e.height=function(){return this.el_.offsetHeight},e.proxyWebkitFullscreen_=function(){var e=this;if("webkitDisplayingFullscreen"in this.el_){var t=function(){this.trigger("fullscreenchange",{isFullscreen:!1})},i=function(){"webkitPresentationMode"in this.el_&&"picture-in-picture"!==this.el_.webkitPresentationMode&&(this.one("webkitendfullscreen",t),this.trigger("fullscreenchange",{isFullscreen:!0}))};this.on("webkitbeginfullscreen",i),this.on("dispose",function(){e.off("webkitbeginfullscreen",i),e.off("webkitendfullscreen",t)})}},e.supportsFullScreen=function(){if("function"==typeof this.el_.webkitEnterFullScreen){var e=y.navigator&&y.navigator.userAgent||"";if(/Android/.test(e)||!/Chrome|Mac OS X 10.5/.test(e))return!0}return!1},e.enterFullScreen=function(){var e=this.el_;e.paused&&e.networkState<=e.HAVE_METADATA?(this.el_.play(),this.setTimeout(function(){e.pause(),e.webkitEnterFullScreen()},0)):e.webkitEnterFullScreen()},e.exitFullScreen=function(){this.el_.webkitExitFullScreen()},e.requestPictureInPicture=function(){return this.el_.requestPictureInPicture()},e.src=function(e){if(void 0===e)return this.el_.src;this.setSrc(e)},e.reset=function(){o.resetMediaElement(this.el_)},e.currentSrc=function(){return this.currentSource_?this.currentSource_.src:this.el_.currentSrc},e.setControls=function(e){this.el_.controls=!!e},e.addTextTrack=function(e,t,i){return this.featuresNativeTextTracks?this.el_.addTextTrack(e,t,i):c.prototype.addTextTrack.call(this,e,t,i)},e.createRemoteTextTrack=function(e){if(!this.featuresNativeTextTracks)return c.prototype.createRemoteTextTrack.call(this,e);var t=h.createElement("track");return e.kind&&(t.kind=e.kind),e.label&&(t.label=e.label),(e.language||e.srclang)&&(t.srclang=e.language||e.srclang),e.default&&(t.default=e.default),e.id&&(t.id=e.id),e.src&&(t.src=e.src),t},e.addRemoteTextTrack=function(e,t){var i=c.prototype.addRemoteTextTrack.call(this,e,t);return this.featuresNativeTextTracks&&this.el().appendChild(i),i},e.removeRemoteTextTrack=function(e){if(c.prototype.removeRemoteTextTrack.call(this,e),this.featuresNativeTextTracks)for(var t=this.$$("track"),i=t.length;i--;)e!==t[i]&&e!==t[i].track||this.el().removeChild(t[i])},e.getVideoPlaybackQuality=function(){if("function"==typeof this.el().getVideoPlaybackQuality)return this.el().getVideoPlaybackQuality();var e={};return"undefined"!=typeof this.el().webkitDroppedFrameCount&&"undefined"!=typeof this.el().webkitDecodedFrameCount&&(e.droppedVideoFrames=this.el().webkitDroppedFrameCount,e.totalVideoFrames=this.el().webkitDecodedFrameCount),y.performance&&"function"==typeof y.performance.now?e.creationTime=y.performance.now():y.performance&&y.performance.timing&&"number"==typeof y.performance.timing.navigationStart&&(e.creationTime=y.Date.now()-y.performance.timing.navigationStart),e},o}(Vi);Dr(Nr,"TEST_VID",function(){if(v()){var e=h.createElement("video"),t=h.createElement("track");return t.kind="captions",t.srclang="en",t.label="English",e.appendChild(t),e}}),Nr.isSupported=function(){try{Nr.TEST_VID.volume=.5}catch(e){return!1}return!(!Nr.TEST_VID||!Nr.TEST_VID.canPlayType)},Nr.canPlayType=function(e){return Nr.TEST_VID.canPlayType(e)},Nr.canPlaySource=function(e,t){return Nr.canPlayType(e.type)},Nr.canControlVolume=function(){try{var e=Nr.TEST_VID.volume;return Nr.TEST_VID.volume=e/2+.1,e!==Nr.TEST_VID.volume}catch(e){return!1}},Nr.canMuteVolume=function(){try{var e=Nr.TEST_VID.muted;return Nr.TEST_VID.muted=!e,Nr.TEST_VID.muted?O(Nr.TEST_VID,"muted","muted"):D(Nr.TEST_VID,"muted"),e!==Nr.TEST_VID.muted}catch(e){return!1}},Nr.canControlPlaybackRate=function(){if(Ke&&Je&&Ze<58)return!1;try{var e=Nr.TEST_VID.playbackRate;return Nr.TEST_VID.playbackRate=e/2+.1,e!==Nr.TEST_VID.playbackRate}catch(e){return!1}},Nr.canOverrideAttributes=function(){try{var e=function(){};Object.defineProperty(h.createElement("video"),"src",{get:e,set:e}),Object.defineProperty(h.createElement("audio"),"src",{get:e,set:e}),Object.defineProperty(h.createElement("video"),"innerHTML",{get:e,set:e}),Object.defineProperty(h.createElement("audio"),"innerHTML",{get:e,set:e})}catch(e){return!1}return!0},Nr.supportsNativeTextTracks=function(){return ot||at&&Je},Nr.supportsNativeVideoTracks=function(){return!(!Nr.TEST_VID||!Nr.TEST_VID.videoTracks)},Nr.supportsNativeAudioTracks=function(){return!(!Nr.TEST_VID||!Nr.TEST_VID.audioTracks)},Nr.Events=["loadstart","suspend","abort","error","emptied","stalled","loadedmetadata","loadeddata","canplay","canplaythrough","playing","waiting","seeking","seeked","ended","durationchange","timeupdate","progress","play","pause","ratechange","resize","volumechange"],[["featuresVolumeControl","canControlVolume"],["featuresMuteControl","canMuteVolume"],["featuresPlaybackRate","canControlPlaybackRate"],["featuresSourceset","canOverrideAttributes"],["featuresNativeTextTracks","supportsNativeTextTracks"],["featuresNativeVideoTracks","supportsNativeVideoTracks"],["featuresNativeAudioTracks","supportsNativeAudioTracks"]].forEach(function(e){var t=e[0],i=e[1];Dr(Nr.prototype,t,function(){return Nr[i]()},!0)}),Nr.prototype.movingMediaElementInDOM=!at,Nr.prototype.featuresFullscreenResize=!0,Nr.prototype.featuresProgressEvents=!0,Nr.prototype.featuresTimeupdateEvents=!0,Nr.patchCanPlayType=function(){4<=Xe&&!$e&&!Je&&(Rr=Nr.TEST_VID&&Nr.TEST_VID.constructor.prototype.canPlayType,Nr.TEST_VID.constructor.prototype.canPlayType=function(e){return e&&/^application\/(?:x-|vnd\.apple\.)mpegurl/i.test(e)?"maybe":Rr.call(this,e)})},Nr.unpatchCanPlayType=function(){var e=Nr.TEST_VID.constructor.prototype.canPlayType;return Rr&&(Nr.TEST_VID.constructor.prototype.canPlayType=Rr),e},Nr.patchCanPlayType(),Nr.disposeMediaElement=function(e){if(e){for(e.parentNode&&e.parentNode.removeChild(e);e.hasChildNodes();)e.removeChild(e.firstChild);e.removeAttribute("src"),"function"==typeof e.load&&function(){try{e.load()}catch(e){}}()}},Nr.resetMediaElement=function(e){if(e){for(var t=e.querySelectorAll("source"),i=t.length;i--;)e.removeChild(t[i]);e.removeAttribute("src"),"function"==typeof e.load&&function(){try{e.load()}catch(e){}}()}},["muted","defaultMuted","autoplay","controls","loop","playsinline"].forEach(function(e){Nr.prototype[e]=function(){return this.el_[e]||this.el_.hasAttribute(e)}}),["muted","defaultMuted","autoplay","loop","playsinline"].forEach(function(t){Nr.prototype["set"+De(t)]=function(e){(this.el_[t]=e)?this.el_.setAttribute(t,t):this.el_.removeAttribute(t)}}),["paused","currentTime","buffered","volume","poster","preload","error","seeking","seekable","ended","playbackRate","defaultPlaybackRate","played","networkState","readyState","videoWidth","videoHeight"].forEach(function(e){Nr.prototype[e]=function(){return this.el_[e]}}),["volume","src","poster","preload","playbackRate","defaultPlaybackRate"].forEach(function(t){Nr.prototype["set"+De(t)]=function(e){this.el_[t]=e}}),["pause","load","play"].forEach(function(e){Nr.prototype[e]=function(){return this.el_[e]()}}),Vi.withSourceHandlers(Nr),Nr.nativeSourceHandler={},Nr.nativeSourceHandler.canPlayType=function(e){try{return Nr.TEST_VID.canPlayType(e)}catch(e){return""}},Nr.nativeSourceHandler.canHandleSource=function(e,t){if(e.type)return Nr.nativeSourceHandler.canPlayType(e.type);if(e.src){var i=Mt(e.src);return Nr.nativeSourceHandler.canPlayType("video/"+i)}return""},Nr.nativeSourceHandler.handleSource=function(e,t,i){t.setSrc(e.src)},Nr.nativeSourceHandler.dispose=function(){},Nr.registerSourceHandler(Nr.nativeSourceHandler),Vi.registerTech("Html5",Nr);var Br=["progress","abort","suspend","emptied","stalled","loadedmetadata","loadeddata","timeupdate","resize","volumechange","texttrackchange"],jr={canplay:"CanPlay",canplaythrough:"CanPlayThrough",playing:"Playing",seeked:"Seeked"},Fr=["tiny","xsmall","small","medium","large","xlarge","huge"],Hr={};Fr.forEach(function(e){var t="x"===e.charAt(0)?"x-"+e.substring(1):e;Hr[e]="vjs-layout-"+t});var Vr={tiny:210,xsmall:320,small:425,medium:768,large:1440,xlarge:2560,huge:1/0},qr=function(c){function l(e,t,i){var n;if(e.id=e.id||t.id||"vjs_video_"+ne(),(t=m(l.getTagSettings(e),t)).initChildren=!1,t.createEl=!1,t.evented=!1,t.reportTouchActivity=!1,!t.language)if("function"==typeof e.closest){var r=e.closest("[lang]");r&&r.getAttribute&&(t.language=r.getAttribute("lang"))}else for(var s=e;s&&1===s.nodeType;){if(I(s).hasOwnProperty("lang")){t.language=s.getAttribute("lang");break}s=s.parentNode}if((n=c.call(this,null,t,i)||this).boundDocumentFullscreenChange_=ge(Me(n),n.documentFullscreenChange_),n.boundFullWindowOnEscKey_=ge(Me(n),n.fullWindowOnEscKey),n.log=f(n.id_),n.fsApi_=ft,n.isPosterFromTech_=!1,n.queuedCallbacks_=[],n.isReady_=!1,n.hasStarted_=!1,n.userActive_=!1,!n.options_||!n.options_.techOrder||!n.options_.techOrder.length)throw new Error("No techOrder specified. Did you overwrite videojs.options instead of just changing the properties you want to override?");if(n.tag=e,n.tagAttributes=e&&I(e),n.language(n.options_.language),t.languages){var a={};Object.getOwnPropertyNames(t.languages).forEach(function(e){a[e.toLowerCase()]=t.languages[e]}),n.languages_=a}else n.languages_=l.prototype.options_.languages;n.resetCache_(),n.poster_=t.poster||"",n.controls_=!!t.controls,e.controls=!1,e.removeAttribute("controls"),n.changingSrc_=!1,n.playCallbacks_=[],n.playTerminatedQueue_=[],e.hasAttribute("autoplay")?n.autoplay(!0):n.autoplay(n.options_.autoplay),t.plugins&&Object.keys(t.plugins).forEach(function(e){if("function"!=typeof n[e])throw new Error('plugin "'+e+'" does not exist')}),n.scrubbing_=!1,n.el_=n.createEl(),Ae(Me(n),{eventBusKey:"el_"}),n.fluid_&&n.on("playerreset",n.updateStyleEl_);var o=Re(n.options_);t.plugins&&Object.keys(t.plugins).forEach(function(e){n[e](t.plugins[e])}),n.options_.playerOptions=o,n.middleware_=[],n.initChildren(),n.isAudio("audio"===e.nodeName.toLowerCase()),n.controls()?n.addClass("vjs-controls-enabled"):n.addClass("vjs-controls-disabled"),n.el_.setAttribute("role","region"),n.isAudio()?n.el_.setAttribute("aria-label",n.localize("Audio Player")):n.el_.setAttribute("aria-label",n.localize("Video Player")),n.isAudio()&&n.addClass("vjs-audio"),n.flexNotSupported_()&&n.addClass("vjs-no-flex"),nt&&n.addClass("vjs-touch-enabled"),at||n.addClass("vjs-workinghover"),l.players[n.id_]=Me(n);var u=d.split(".")[0];return n.addClass("vjs-v"+u),n.userActive(!0),n.reportUserActivity(),n.one("play",n.listenForUserActivity_),n.on("stageclick",n.handleStageClick_),n.on("keydown",n.handleKeyDown),n.breakpoints(n.options_.breakpoints),n.responsive(n.options_.responsive),n}He(l,c);var e=l.prototype;return e.dispose=function(){var n=this;this.trigger("dispose"),this.off("dispose"),de(h,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),de(h,"keydown",this.boundFullWindowOnEscKey_),this.styleEl_&&this.styleEl_.parentNode&&(this.styleEl_.parentNode.removeChild(this.styleEl_),this.styleEl_=null),l.players[this.id_]=null,this.tag&&this.tag.player&&(this.tag.player=null),this.el_&&this.el_.player&&(this.el_.player=null),this.tech_&&(this.tech_.dispose(),this.isPosterFromTech_=!1,this.poster_=""),this.playerElIngest_&&(this.playerElIngest_=null),this.tag&&(this.tag=null),function(e){Wi[e.id()]=null}(this),hi.names.forEach(function(e){var t=hi[e],i=n[t.getterName]();i&&i.off&&i.off()}),c.prototype.dispose.call(this)},e.createEl=function(){var t,i=this.tag,e=this.playerElIngest_=i.parentNode&&i.parentNode.hasAttribute&&i.parentNode.hasAttribute("data-vjs-player"),n="video-js"===this.tag.tagName.toLowerCase();e?t=this.el_=i.parentNode:n||(t=this.el_=c.prototype.createEl.call(this,"div"));var r=I(i);if(n){for(t=this.el_=i,i=this.tag=h.createElement("video");t.children.length;)i.appendChild(t.firstChild);E(t,"video-js")||w(t,"video-js"),t.appendChild(i),e=this.playerElIngest_=t,Object.keys(t).forEach(function(e){try{i[e]=t[e]}catch(e){}})}if(i.setAttribute("tabindex","-1"),r.tabindex="-1",(et||Je&&it)&&(i.setAttribute("role","application"),r.role="application"),i.removeAttribute("width"),i.removeAttribute("height"),"width"in r&&delete r.width,"height"in r&&delete r.height,Object.getOwnPropertyNames(r).forEach(function(e){n&&"class"===e||t.setAttribute(e,r[e]),n&&i.setAttribute(e,r[e])}),i.playerId=i.id,i.id+="_html5_api",i.className="vjs-tech",i.player=t.player=this,this.addClass("vjs-paused"),!0!==y.VIDEOJS_NO_DYNAMIC_STYLE){this.styleEl_=Z("vjs-styles-dimensions");var s=G(".vjs-styles-defaults"),a=G("head");a.insertBefore(this.styleEl_,s?s.nextSibling:a.firstChild)}this.fill_=!1,this.fluid_=!1,this.width(this.options_.width),this.height(this.options_.height),this.fill(this.options_.fill),this.fluid(this.options_.fluid),this.aspectRatio(this.options_.aspectRatio);for(var o=i.getElementsByTagName("a"),u=0;u<o.length;u++){var l=o.item(u);w(l,"vjs-hidden"),l.setAttribute("hidden","hidden")}return i.initNetworkState_=i.networkState,i.parentNode&&!e&&i.parentNode.insertBefore(t,i),C(i,t),this.children_.unshift(i),this.el_.setAttribute("lang",this.language_),this.el_=t},e.width=function(e){return this.dimension("width",e)},e.height=function(e){return this.dimension("height",e)},e.dimension=function(e,t){var i=e+"_";if(void 0===t)return this[i]||0;if(""===t||"auto"===t)return this[i]=void 0,void this.updateStyleEl_();var n=parseFloat(t);isNaN(n)?p.error('Improper value "'+t+'" supplied for for '+e):(this[i]=n,this.updateStyleEl_())},e.fluid=function(e){if(void 0===e)return!!this.fluid_;this.fluid_=!!e,Le(this)&&this.off("playerreset",this.updateStyleEl_),e?(this.addClass("vjs-fluid"),this.fill(!1),function(e,t){Le(e)?t():(e.eventedCallbacks||(e.eventedCallbacks=[]),e.eventedCallbacks.push(t))}(function(){this.on("playerreset",this.updateStyleEl_)})):this.removeClass("vjs-fluid"),this.updateStyleEl_()},e.fill=function(e){if(void 0===e)return!!this.fill_;this.fill_=!!e,e?(this.addClass("vjs-fill"),this.fluid(!1)):this.removeClass("vjs-fill")},e.aspectRatio=function(e){if(void 0===e)return this.aspectRatio_;if(!/^\d+\:\d+$/.test(e))throw new Error("Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.");this.aspectRatio_=e,this.fluid(!0),this.updateStyleEl_()},e.updateStyleEl_=function(){if(!0!==y.VIDEOJS_NO_DYNAMIC_STYLE){var e,t,i,n=(void 0!==this.aspectRatio_&&"auto"!==this.aspectRatio_?this.aspectRatio_:0<this.videoWidth()?this.videoWidth()+":"+this.videoHeight():"16:9").split(":"),r=n[1]/n[0];e=void 0!==this.width_?this.width_:void 0!==this.height_?this.height_/r:this.videoWidth()||300,t=void 0!==this.height_?this.height_:e*r,i=/^[^a-zA-Z]/.test(this.id())?"dimensions-"+this.id():this.id()+"-dimensions",this.addClass(i),ee(this.styleEl_,"\n      ."+i+" {\n        width: "+e+"px;\n        height: "+t+"px;\n      }\n\n      ."+i+".vjs-fluid {\n        padding-top: "+100*r+"%;\n      }\n    ")}else{var s="number"==typeof this.width_?this.width_:this.options_.width,a="number"==typeof this.height_?this.height_:this.options_.height,o=this.tech_&&this.tech_.el();o&&(0<=s&&(o.width=s),0<=a&&(o.height=a))}},e.loadTech_=function(e,t){var i=this;this.tech_&&this.unloadTech_();var n=De(e),r=e.charAt(0).toLowerCase()+e.slice(1);"Html5"!==n&&this.tag&&(Vi.getTech("Html5").disposeMediaElement(this.tag),this.tag.player=null,this.tag=null),this.techName_=n,this.isReady_=!1;var s={source:t,autoplay:"string"!=typeof this.autoplay()&&this.autoplay(),nativeControlsForTouch:this.options_.nativeControlsForTouch,playerId:this.id(),techId:this.id()+"_"+r+"_api",playsinline:this.options_.playsinline,preload:this.options_.preload,loop:this.options_.loop,muted:this.options_.muted,poster:this.poster(),language:this.language(),playerElIngest:this.playerElIngest_||!1,"vtt.js":this.options_["vtt.js"],canOverridePoster:!!this.options_.techCanOverridePoster,enableSourceset:this.options_.enableSourceset,Promise:this.options_.Promise};hi.names.forEach(function(e){var t=hi[e];s[t.getterName]=i[t.privateName]}),m(s,this.options_[n]),m(s,this.options_[r]),m(s,this.options_[e.toLowerCase()]),this.tag&&(s.tag=this.tag),t&&t.src===this.cache_.src&&0<this.cache_.currentTime&&(s.startTime=this.cache_.currentTime);var a=Vi.getTech(e);if(!a)throw new Error("No Tech named '"+n+"' exists! '"+n+"' should be registered using videojs.registerTech()'");this.tech_=new a(s),this.tech_.ready(ge(this,this.handleTechReady_),!0),wt(this.textTracksJson_||[],this.tech_),Br.forEach(function(e){i.on(i.tech_,e,i["handleTech"+De(e)+"_"])}),Object.keys(jr).forEach(function(t){i.on(i.tech_,t,function(e){0===i.tech_.playbackRate()&&i.tech_.seeking()?i.queuedCallbacks_.push({callback:i["handleTech"+jr[t]+"_"].bind(i),event:e}):i["handleTech"+jr[t]+"_"](e)})}),this.on(this.tech_,"loadstart",this.handleTechLoadStart_),this.on(this.tech_,"sourceset",this.handleTechSourceset_),this.on(this.tech_,"waiting",this.handleTechWaiting_),this.on(this.tech_,"ended",this.handleTechEnded_),this.on(this.tech_,"seeking",this.handleTechSeeking_),this.on(this.tech_,"play",this.handleTechPlay_),this.on(this.tech_,"firstplay",this.handleTechFirstPlay_),this.on(this.tech_,"pause",this.handleTechPause_),this.on(this.tech_,"durationchange",this.handleTechDurationChange_),this.on(this.tech_,"fullscreenchange",this.handleTechFullscreenChange_),this.on(this.tech_,"enterpictureinpicture",this.handleTechEnterPictureInPicture_),this.on(this.tech_,"leavepictureinpicture",this.handleTechLeavePictureInPicture_),this.on(this.tech_,"error",this.handleTechError_),this.on(this.tech_,"loadedmetadata",this.updateStyleEl_),this.on(this.tech_,"posterchange",this.handleTechPosterChange_),this.on(this.tech_,"textdata",this.handleTechTextData_),this.on(this.tech_,"ratechange",this.handleTechRateChange_),this.usingNativeControls(this.techGet_("controls")),this.controls()&&!this.usingNativeControls()&&this.addTechControlsListeners_(),this.tech_.el().parentNode===this.el()||"Html5"===n&&this.tag||C(this.tech_.el(),this.el()),this.tag&&(this.tag.player=null,this.tag=null)},e.unloadTech_=function(){var i=this;hi.names.forEach(function(e){var t=hi[e];i[t.privateName]=i[t.getterName]()}),this.textTracksJson_=Et(this.tech_),this.isReady_=!1,this.tech_.dispose(),this.tech_=!1,this.isPosterFromTech_&&(this.poster_="",this.trigger("posterchange")),this.isPosterFromTech_=!1},e.tech=function(e){return void 0===e&&p.warn("Using the tech directly can be dangerous. I hope you know what you're doing.\nSee https://github.com/videojs/video.js/issues/2617 for more info.\n"),this.tech_},e.addTechControlsListeners_=function(){this.removeTechControlsListeners_(),this.on(this.tech_,"mouseup",this.handleTechClick_),this.on(this.tech_,"dblclick",this.handleTechDoubleClick_),this.on(this.tech_,"touchstart",this.handleTechTouchStart_),this.on(this.tech_,"touchmove",this.handleTechTouchMove_),this.on(this.tech_,"touchend",this.handleTechTouchEnd_),this.on(this.tech_,"tap",this.handleTechTap_)},e.removeTechControlsListeners_=function(){this.off(this.tech_,"tap",this.handleTechTap_),this.off(this.tech_,"touchstart",this.handleTechTouchStart_),this.off(this.tech_,"touchmove",this.handleTechTouchMove_),this.off(this.tech_,"touchend",this.handleTechTouchEnd_),this.off(this.tech_,"mouseup",this.handleTechClick_),this.off(this.tech_,"dblclick",this.handleTechDoubleClick_)},e.handleTechReady_=function(){this.triggerReady(),this.cache_.volume&&this.techCall_("setVolume",this.cache_.volume),this.handleTechPosterChange_(),this.handleTechDurationChange_()},e.handleTechLoadStart_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-seeking"),this.error(null),this.handleTechDurationChange_(),this.paused()?(this.hasStarted(!1),this.trigger("loadstart")):(this.trigger("loadstart"),this.trigger("firstplay")),this.manualAutoplay_(this.autoplay())},e.manualAutoplay_=function(t){var n=this;if(this.tech_&&"string"==typeof t){var e,i=function(){var e=n.muted();n.muted(!0);function t(){n.muted(e)}n.playTerminatedQueue_.push(t);var i=n.play();if(St(i))return i.catch(t)};if("any"===t&&!0!==this.muted()?St(e=this.play())&&(e=e.catch(i)):e="muted"===t&&!0!==this.muted()?i():this.play(),St(e))return e.then(function(){n.trigger({type:"autoplay-success",autoplay:t})}).catch(function(e){n.trigger({type:"autoplay-failure",autoplay:t})})}},e.updateSourceCaches_=function(e){void 0===e&&(e="");var t=e,i="";"string"!=typeof t&&(t=e.src,i=e.type),this.cache_.source=this.cache_.source||{},this.cache_.sources=this.cache_.sources||[],t&&!i&&(i=function(e,t){if(!t)return"";if(e.cache_.source.src===t&&e.cache_.source.type)return e.cache_.source.type;var i=e.cache_.sources.filter(function(e){return e.src===t});if(i.length)return i[0].type;for(var n=e.$$("source"),r=0;r<n.length;r++){var s=n[r];if(s.type&&s.src&&s.src===t)return s.type}return Zi(t)}(this,t)),this.cache_.source=Re({},e,{src:t,type:i});for(var n=this.cache_.sources.filter(function(e){return e.src&&e.src===t}),r=[],s=this.$$("source"),a=[],o=0;o<s.length;o++){var u=I(s[o]);r.push(u),u.src&&u.src===t&&a.push(u.src)}a.length&&!n.length?this.cache_.sources=r:n.length||(this.cache_.sources=[this.cache_.source]),this.cache_.src=t},e.handleTechSourceset_=function(e){var i=this;if(!this.changingSrc_){var t=function(e){return i.updateSourceCaches_(e)},n=this.currentSource().src,r=e.src;n&&!/^blob:/.test(n)&&/^blob:/.test(r)&&(this.lastSource_&&(this.lastSource_.tech===r||this.lastSource_.player===n)||(t=function(){})),t(r),e.src||this.tech_.any(["sourceset","loadstart"],function(e){if("sourceset"!==e.type){var t=i.techGet("currentSrc");i.lastSource_.tech=t,i.updateSourceCaches_(t)}})}this.lastSource_={player:this.currentSource().src,tech:e.src},this.trigger({src:e.src,type:"sourceset"})},e.hasStarted=function(e){if(void 0===e)return this.hasStarted_;e!==this.hasStarted_&&(this.hasStarted_=e,this.hasStarted_?(this.addClass("vjs-has-started"),this.trigger("firstplay")):this.removeClass("vjs-has-started"))},e.handleTechPlay_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.hasStarted(!0),this.trigger("play")},e.handleTechRateChange_=function(){0<this.tech_.playbackRate()&&0===this.cache_.lastPlaybackRate&&(this.queuedCallbacks_.forEach(function(e){return e.callback(e.event)}),this.queuedCallbacks_=[]),this.cache_.lastPlaybackRate=this.tech_.playbackRate(),this.trigger("ratechange")},e.handleTechWaiting_=function(){var t=this;this.addClass("vjs-waiting"),this.trigger("waiting");var i=this.currentTime();this.on("timeupdate",function e(){i!==t.currentTime()&&(t.removeClass("vjs-waiting"),t.off("timeupdate",e))})},e.handleTechCanPlay_=function(){this.removeClass("vjs-waiting"),this.trigger("canplay")},e.handleTechCanPlayThrough_=function(){this.removeClass("vjs-waiting"),this.trigger("canplaythrough")},e.handleTechPlaying_=function(){this.removeClass("vjs-waiting"),this.trigger("playing")},e.handleTechSeeking_=function(){this.addClass("vjs-seeking"),this.trigger("seeking")},e.handleTechSeeked_=function(){this.removeClass("vjs-seeking"),this.removeClass("vjs-ended"),this.trigger("seeked")},e.handleTechFirstPlay_=function(){this.options_.starttime&&(p.warn("Passing the `starttime` option to the player will be deprecated in 6.0"),this.currentTime(this.options_.starttime)),this.addClass("vjs-has-started"),this.trigger("firstplay")},e.handleTechPause_=function(){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.trigger("pause")},e.handleTechEnded_=function(){this.addClass("vjs-ended"),this.options_.loop?(this.currentTime(0),this.play()):this.paused()||this.pause(),this.trigger("ended")},e.handleTechDurationChange_=function(){this.duration(this.techGet_("duration"))},e.handleTechClick_=function(e){W(e)&&this.controls_&&(this.paused()?kt(this.play()):this.pause())},e.handleTechDoubleClick_=function(t){this.controls_&&(Array.prototype.some.call(this.$$(".vjs-control-bar, .vjs-modal-dialog"),function(e){return e.contains(t.target)})||void 0!==this.options_&&void 0!==this.options_.userActions&&void 0!==this.options_.userActions.doubleClick&&!1===this.options_.userActions.doubleClick||(void 0!==this.options_&&void 0!==this.options_.userActions&&"function"==typeof this.options_.userActions.doubleClick?this.options_.userActions.doubleClick.call(this,t):this.isFullscreen()?this.exitFullscreen():this.requestFullscreen()))},e.handleTechTap_=function(){this.userActive(!this.userActive())},e.handleTechTouchStart_=function(){this.userWasActive=this.userActive()},e.handleTechTouchMove_=function(){this.userWasActive&&this.reportUserActivity()},e.handleTechTouchEnd_=function(e){e.preventDefault()},e.handleStageClick_=function(){this.reportUserActivity()},e.toggleFullscreenClass_=function(){this.isFullscreen()?this.addClass("vjs-fullscreen"):this.removeClass("vjs-fullscreen")},e.documentFullscreenChange_=function(e){var t=this.el(),i=h[this.fsApi_.fullscreenElement]===t;!i&&t.matches?i=t.matches(":"+this.fsApi_.fullscreen):!i&&t.msMatchesSelector&&(i=t.msMatchesSelector(":"+this.fsApi_.fullscreen)),this.isFullscreen(i),!1===this.isFullscreen()&&de(h,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),this.fsApi_.prefixed&&this.trigger("fullscreenchange")},e.handleTechFullscreenChange_=function(e,t){t&&this.isFullscreen(t.isFullscreen),this.trigger("fullscreenchange")},e.togglePictureInPictureClass_=function(){this.isInPictureInPicture()?this.addClass("vjs-picture-in-picture"):this.removeClass("vjs-picture-in-picture")},e.handleTechEnterPictureInPicture_=function(e){this.isInPictureInPicture(!0)},e.handleTechLeavePictureInPicture_=function(e){this.isInPictureInPicture(!1)},e.handleTechError_=function(){var e=this.tech_.error();this.error(e)},e.handleTechTextData_=function(e,t){var i=null;1<arguments.length&&(i=t),this.trigger("textdata",i)},e.getCache=function(){return this.cache_},e.resetCache_=function(){this.cache_={currentTime:0,inactivityTimeout:this.options_.inactivityTimeout,duration:NaN,lastVolume:1,lastPlaybackRate:this.defaultPlaybackRate(),media:null,src:"",source:{},sources:[],volume:1}},e.techCall_=function(e,t){this.ready(function(){if(e in Yi)return function(e,t,i,n){return t[i](e.reduce(Qi(i),n))}(this.middleware_,this.tech_,e,t);if(e in $i)return Ki(this.middleware_,this.tech_,e,t);try{this.tech_&&this.tech_[e](t)}catch(e){throw p(e),e}},!0)},e.techGet_=function(t){if(this.tech_&&this.tech_.isReady_){if(t in Xi)return function(e,t,i){return e.reduceRight(Qi(i),t[i]())}(this.middleware_,this.tech_,t);if(t in $i)return Ki(this.middleware_,this.tech_,t);try{return this.tech_[t]()}catch(e){if(void 0===this.tech_[t])throw p("Video.js: "+t+" method not defined for "+this.techName_+" playback technology.",e),e;if("TypeError"===e.name)throw p("Video.js: "+t+" unavailable on "+this.techName_+" playback technology element.",e),this.tech_.isReady_=!1,e;throw p(e),e}}},e.play=function(){var t=this,e=this.options_.Promise||y.Promise;return e?new e(function(e){t.play_(e)}):this.play_()},e.play_=function(e){var t=this;void 0===e&&(e=kt),this.playCallbacks_.push(e);var i=Boolean(!this.changingSrc_&&(this.src()||this.currentSrc()));if(this.waitToPlay_&&(this.off(["ready","loadstart"],this.waitToPlay_),this.waitToPlay_=null),!this.isReady_||!i)return this.waitToPlay_=function(e){t.play_()},this.one(["ready","loadstart"],this.waitToPlay_),void(i||!ot&&!at||this.load());var n=this.techGet_("play");null===n?this.runPlayTerminatedQueue_():this.runPlayCallbacks_(n)},e.runPlayTerminatedQueue_=function(){var e=this.playTerminatedQueue_.slice(0);this.playTerminatedQueue_=[],e.forEach(function(e){e()})},e.runPlayCallbacks_=function(t){var e=this.playCallbacks_.slice(0);this.playCallbacks_=[],this.playTerminatedQueue_=[],e.forEach(function(e){e(t)})},e.pause=function(){this.techCall_("pause")},e.paused=function(){return!1!==this.techGet_("paused")},e.played=function(){return this.techGet_("played")||ht(0,0)},e.scrubbing=function(e){if("undefined"==typeof e)return this.scrubbing_;this.scrubbing_=!!e,e?this.addClass("vjs-scrubbing"):this.removeClass("vjs-scrubbing")},e.currentTime=function(e){return"undefined"!=typeof e?(e<0&&(e=0),void this.techCall_("setCurrentTime",e)):(this.cache_.currentTime=this.techGet_("currentTime")||0,this.cache_.currentTime)},e.duration=function(e){if(void 0===e)return void 0!==this.cache_.duration?this.cache_.duration:NaN;(e=parseFloat(e))<0&&(e=1/0),e!==this.cache_.duration&&((this.cache_.duration=e)===1/0?(this.addClass("vjs-live"),this.options_.liveui&&this.player_.liveTracker&&this.addClass("vjs-liveui")):(this.removeClass("vjs-live"),this.removeClass("vjs-liveui")),isNaN(e)||this.trigger("durationchange"))},e.remainingTime=function(){return this.duration()-this.currentTime()},e.remainingTimeDisplay=function(){return Math.floor(this.duration())-Math.floor(this.currentTime())},e.buffered=function(){var e=this.techGet_("buffered");return e&&e.length||(e=ht(0,0)),e},e.bufferedPercent=function(){return dt(this.buffered(),this.duration())},e.bufferedEnd=function(){var e=this.buffered(),t=this.duration(),i=e.end(e.length-1);return t<i&&(i=t),i},e.volume=function(e){var t;return void 0!==e?(t=Math.max(0,Math.min(1,parseFloat(e))),this.cache_.volume=t,this.techCall_("setVolume",t),void(0<t&&this.lastVolume_(t))):(t=parseFloat(this.techGet_("volume")),isNaN(t)?1:t)},e.muted=function(e){if(void 0===e)return this.techGet_("muted")||!1;this.techCall_("setMuted",e)},e.defaultMuted=function(e){return void 0!==e?this.techCall_("setDefaultMuted",e):this.techGet_("defaultMuted")||!1},e.lastVolume_=function(e){if(void 0===e||0===e)return this.cache_.lastVolume;this.cache_.lastVolume=e},e.supportsFullScreen=function(){return this.techGet_("supportsFullScreen")||!1},e.isFullscreen=function(e){return void 0!==e?(this.isFullscreen_=!!e,void this.toggleFullscreenClass_()):!!this.isFullscreen_},e.requestFullscreen=function(e){var t;this.isFullscreen(!0),this.fsApi_.requestFullscreen?(he(h,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),this.fsApi_.prefixed||(t=this.options_.fullscreen&&this.options_.fullscreen.options||{},void 0!==e&&(t=e)),kt(this.el_[this.fsApi_.requestFullscreen](t))):this.tech_.supportsFullScreen()?this.techCall_("enterFullScreen"):(this.enterFullWindow(),this.trigger("fullscreenchange"))},e.exitFullscreen=function(){this.isFullscreen(!1),this.fsApi_.requestFullscreen?kt(h[this.fsApi_.exitFullscreen]()):this.tech_.supportsFullScreen()?this.techCall_("exitFullScreen"):(this.exitFullWindow(),this.trigger("fullscreenchange"))},e.enterFullWindow=function(){this.isFullWindow=!0,this.docOrigOverflow=h.documentElement.style.overflow,he(h,"keydown",this.boundFullWindowOnEscKey_),h.documentElement.style.overflow="hidden",w(h.body,"vjs-full-window"),this.trigger("enterFullWindow")},e.fullWindowOnEscKey=function(e){Lt.isEventKey(e,"Esc")&&(!0===this.isFullscreen()?this.exitFullscreen():this.exitFullWindow())},e.exitFullWindow=function(){this.isFullWindow=!1,de(h,"keydown",this.boundFullWindowOnEscKey_),h.documentElement.style.overflow=this.docOrigOverflow,L(h.body,"vjs-full-window"),this.trigger("exitFullWindow")},e.isInPictureInPicture=function(e){return void 0!==e?(this.isInPictureInPicture_=!!e,void this.togglePictureInPictureClass_()):!!this.isInPictureInPicture_},e.requestPictureInPicture=function(){if("pictureInPictureEnabled"in h)return this.techGet_("requestPictureInPicture")},e.exitPictureInPicture=function(){if("pictureInPictureEnabled"in h)return h.exitPictureInPicture()},e.handleKeyDown=function(e){var t=this.options_.userActions;if(t&&t.hotkeys){!function(e){var t=e.tagName.toLowerCase();if(e.isContentEditable)return!0;if("input"===t)return-1===["button","checkbox","hidden","radio","reset","submit"].indexOf(e.type);return-1!==["textarea"].indexOf(t)}(this.el_.ownerDocument.activeElement)&&("function"==typeof t.hotkeys?t.hotkeys.call(this,e):this.handleHotkeys(e))}},e.handleHotkeys=function(e){var t=this.options_.userActions?this.options_.userActions.hotkeys:{},i=t.fullscreenKey,n=void 0===i?function(e){return Lt.isEventKey(e,"f")}:i,r=t.muteKey,s=void 0===r?function(e){return Lt.isEventKey(e,"m")}:r,a=t.playPauseKey,o=void 0===a?function(e){return Lt.isEventKey(e,"k")||Lt.isEventKey(e,"Space")}:a;if(n.call(this,e)){e.preventDefault(),e.stopPropagation();var u=Ue.getComponent("FullscreenToggle");!1!==h[this.fsApi_.fullscreenEnabled]&&u.prototype.handleClick.call(this,e)}else if(s.call(this,e)){e.preventDefault(),e.stopPropagation(),Ue.getComponent("MuteToggle").prototype.handleClick.call(this,e)}else if(o.call(this,e)){e.preventDefault(),e.stopPropagation(),Ue.getComponent("PlayToggle").prototype.handleClick.call(this,e)}},e.canPlayType=function(e){for(var t,i=0,n=this.options_.techOrder;i<n.length;i++){var r=n[i],s=Vi.getTech(r);if(s=s||Ue.getComponent(r)){if(s.isSupported()&&(t=s.canPlayType(e)))return t}else p.error('The "'+r+'" tech is undefined. Skipped browser support check for that tech.')}return""},e.selectSource=function(e){function t(e,i,n){var r;return e.some(function(t){return i.some(function(e){if(r=n(t,e))return!0})}),r}function i(e,t){var i=e[0];if(e[1].canPlaySource(t,r.options_[i.toLowerCase()]))return{source:t,tech:i}}var n,r=this,s=this.options_.techOrder.map(function(e){return[e,Vi.getTech(e)]}).filter(function(e){var t=e[0],i=e[1];return i?i.isSupported():(p.error('The "'+t+'" tech is undefined. Skipped browser support check for that tech.'),!1)});return(this.options_.sourceOrder?t(e,s,(n=i,function(e,t){return n(t,e)})):t(s,e,i))||!1},e.src=function(e){var i=this;if("undefined"==typeof e)return this.cache_.src||"";var n=function t(e){if(Array.isArray(e)){var i=[];e.forEach(function(e){e=t(e),Array.isArray(e)?i=i.concat(e):o(e)&&i.push(e)}),e=i}else e="string"==typeof e&&e.trim()?[tn({src:e})]:o(e)&&"string"==typeof e.src&&e.src&&e.src.trim()?[tn(e)]:[];return e}(e);n.length?(this.changingSrc_=!0,this.cache_.sources=n,this.updateSourceCaches_(n[0]),Gi(this,n[0],function(e,t){if(i.middleware_=t,i.cache_.sources=n,i.updateSourceCaches_(e),i.src_(e))return 1<n.length?i.src(n.slice(1)):(i.changingSrc_=!1,i.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0),void i.triggerReady());!function(e,t){e.forEach(function(e){return e.setTech&&e.setTech(t)})}(t,i.tech_)})):this.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0)},e.src_=function(e){var t=this,i=this.selectSource([e]);return!i||(function(e,t){return De(e)===De(t)}(i.tech,this.techName_)?this.ready(function(){this.tech_.constructor.prototype.hasOwnProperty("setSource")?this.techCall_("setSource",e):this.techCall_("src",e.src),this.changingSrc_=!1},!0):(this.changingSrc_=!0,this.loadTech_(i.tech,i.source),this.tech_.ready(function(){t.changingSrc_=!1})),!1)},e.load=function(){this.techCall_("load")},e.reset=function(){var e=this,t=this.options_.Promise||y.Promise;this.paused()||!t?this.doReset_():kt(this.play().then(function(){return e.doReset_()}))},e.doReset_=function(){this.tech_&&this.tech_.clearTracks("text"),this.resetCache_(),this.poster(""),this.loadTech_(this.options_.techOrder[0],null),this.techCall_("reset"),this.resetControlBarUI_(),Le(this)&&this.trigger("playerreset")},e.resetControlBarUI_=function(){this.resetProgressBar_(),this.resetPlaybackRate_(),this.resetVolumeBar_()},e.resetProgressBar_=function(){this.currentTime(0);var e=this.controlBar,t=e.durationDisplay,i=e.remainingTimeDisplay;t&&t.updateContent(),i&&i.updateContent()},e.resetPlaybackRate_=function(){this.playbackRate(this.defaultPlaybackRate()),this.handleTechRateChange_()},e.resetVolumeBar_=function(){this.volume(1),this.trigger("volumechange")},e.currentSources=function(){var e=this.currentSource(),t=[];return 0!==Object.keys(e).length&&t.push(e),this.cache_.sources||t},e.currentSource=function(){return this.cache_.source||{}},e.currentSrc=function(){return this.currentSource()&&this.currentSource().src||""},e.currentType=function(){return this.currentSource()&&this.currentSource().type||""},e.preload=function(e){return void 0!==e?(this.techCall_("setPreload",e),void(this.options_.preload=e)):this.techGet_("preload")},e.autoplay=function(e){if(void 0===e)return this.options_.autoplay||!1;var t;"string"==typeof e&&/(any|play|muted)/.test(e)?(this.options_.autoplay=e,this.manualAutoplay_(e),t=!1):this.options_.autoplay=!!e,t="undefined"==typeof t?this.options_.autoplay:t,this.tech_&&this.techCall_("setAutoplay",t)},e.playsinline=function(e){return void 0!==e?(this.techCall_("setPlaysinline",e),this.options_.playsinline=e,this):this.techGet_("playsinline")},e.loop=function(e){return void 0!==e?(this.techCall_("setLoop",e),void(this.options_.loop=e)):this.techGet_("loop")},e.poster=function(e){if(void 0===e)return this.poster_;(e=e||"")!==this.poster_&&(this.poster_=e,this.techCall_("setPoster",e),this.isPosterFromTech_=!1,this.trigger("posterchange"))},e.handleTechPosterChange_=function(){if((!this.poster_||this.options_.techCanOverridePoster)&&this.tech_&&this.tech_.poster){var e=this.tech_.poster()||"";e!==this.poster_&&(this.poster_=e,this.isPosterFromTech_=!0,this.trigger("posterchange"))}},e.controls=function(e){if(void 0===e)return!!this.controls_;e=!!e,this.controls_!==e&&(this.controls_=e,this.usingNativeControls()&&this.techCall_("setControls",e),this.controls_?(this.removeClass("vjs-controls-disabled"),this.addClass("vjs-controls-enabled"),this.trigger("controlsenabled"),this.usingNativeControls()||this.addTechControlsListeners_()):(this.removeClass("vjs-controls-enabled"),this.addClass("vjs-controls-disabled"),this.trigger("controlsdisabled"),this.usingNativeControls()||this.removeTechControlsListeners_()))},e.usingNativeControls=function(e){if(void 0===e)return!!this.usingNativeControls_;e=!!e,this.usingNativeControls_!==e&&(this.usingNativeControls_=e,this.usingNativeControls_?(this.addClass("vjs-using-native-controls"),this.trigger("usingnativecontrols")):(this.removeClass("vjs-using-native-controls"),this.trigger("usingcustomcontrols")))},e.error=function(e){if(void 0===e)return this.error_||null;if(this.options_.suppressNotSupportedError&&e&&4===e.code){var t=function(){this.error(e)};return this.options_.suppressNotSupportedError=!1,this.any(["click","touchstart"],t),void this.one("loadstart",function(){this.off(["click","touchstart"],t)})}if(null===e)return this.error_=e,this.removeClass("vjs-error"),void(this.errorDisplay&&this.errorDisplay.close());this.error_=new _t(e),this.addClass("vjs-error"),p.error("(CODE:"+this.error_.code+" "+_t.errorTypes[this.error_.code]+")",this.error_.message,this.error_),this.trigger("error")},e.reportUserActivity=function(e){this.userActivity_=!0},e.userActive=function(e){if(void 0===e)return this.userActive_;if((e=!!e)!==this.userActive_){if(this.userActive_=e,this.userActive_)return this.userActivity_=!0,this.removeClass("vjs-user-inactive"),this.addClass("vjs-user-active"),void this.trigger("useractive");this.tech_&&this.tech_.one("mousemove",function(e){e.stopPropagation(),e.preventDefault()}),this.userActivity_=!1,this.removeClass("vjs-user-active"),this.addClass("vjs-user-inactive"),this.trigger("userinactive")}},e.listenForUserActivity_=function(){var t,i,n,r=ge(this,this.reportUserActivity);this.on("mousedown",function(){r(),this.clearInterval(t),t=this.setInterval(r,250)}),this.on("mousemove",function(e){e.screenX===i&&e.screenY===n||(i=e.screenX,n=e.screenY,r())}),this.on("mouseup",function(e){r(),this.clearInterval(t)});var s,e=this.getChild("controlBar");!e||at||Ke||(e.on("mouseenter",function(e){this.player().cache_.inactivityTimeout=this.player().options_.inactivityTimeout,this.player().options_.inactivityTimeout=0}),e.on("mouseleave",function(e){this.player().options_.inactivityTimeout=this.player().cache_.inactivityTimeout})),this.on("keydown",r),this.on("keyup",r),this.setInterval(function(){if(this.userActivity_){this.userActivity_=!1,this.userActive(!0),this.clearTimeout(s);var e=this.options_.inactivityTimeout;e<=0||(s=this.setTimeout(function(){this.userActivity_||this.userActive(!1)},e))}},250)},e.playbackRate=function(e){if(void 0===e)return this.tech_&&this.tech_.featuresPlaybackRate?this.cache_.lastPlaybackRate||this.techGet_("playbackRate"):1;this.techCall_("setPlaybackRate",e)},e.defaultPlaybackRate=function(e){return void 0!==e?this.techCall_("setDefaultPlaybackRate",e):this.tech_&&this.tech_.featuresPlaybackRate?this.techGet_("defaultPlaybackRate"):1},e.isAudio=function(e){if(void 0===e)return!!this.isAudio_;this.isAudio_=!!e},e.addTextTrack=function(e,t,i){if(this.tech_)return this.tech_.addTextTrack(e,t,i)},e.addRemoteTextTrack=function(e,t){if(this.tech_)return this.tech_.addRemoteTextTrack(e,t)},e.removeRemoteTextTrack=function(e){void 0===e&&(e={});var t=e.track;if(t=t||e,this.tech_)return this.tech_.removeRemoteTextTrack(t)},e.getVideoPlaybackQuality=function(){return this.techGet_("getVideoPlaybackQuality")},e.videoWidth=function(){return this.tech_&&this.tech_.videoWidth&&this.tech_.videoWidth()||0},e.videoHeight=function(){return this.tech_&&this.tech_.videoHeight&&this.tech_.videoHeight()||0},e.language=function(e){if(void 0===e)return this.language_;this.language_=String(e).toLowerCase()},e.languages=function(){return Re(l.prototype.options_.languages,this.languages_)},e.toJSON=function(){var e=Re(this.options_),t=e.tracks;e.tracks=[];for(var i=0;i<t.length;i++){var n=t[i];(n=Re(n)).player=void 0,e.tracks[i]=n}return e},e.createModal=function(e,t){var i=this;(t=t||{}).content=e||"";var n=new At(this,t);return this.addChild(n),n.on("dispose",function(){i.removeChild(n)}),n.open(),n},e.updateCurrentBreakpoint_=function(){if(this.responsive())for(var e=this.currentBreakpoint(),t=this.currentWidth(),i=0;i<Fr.length;i++){var n=Fr[i];if(t<=this.breakpoints_[n]){if(e===n)return;e&&this.removeClass(Hr[e]),this.addClass(Hr[n]),this.breakpoint_=n;break}}},e.removeCurrentBreakpoint_=function(){var e=this.currentBreakpointClass();this.breakpoint_="",e&&this.removeClass(e)},e.breakpoints=function(e){return void 0===e||(this.breakpoint_="",this.breakpoints_=m({},Vr,e),this.updateCurrentBreakpoint_()),m(this.breakpoints_)},e.responsive=function(e){return void 0===e?this.responsive_:(e=Boolean(e))!==this.responsive_?((this.responsive_=e)?(this.on("playerresize",this.updateCurrentBreakpoint_),this.updateCurrentBreakpoint_()):(this.off("playerresize",this.updateCurrentBreakpoint_),this.removeCurrentBreakpoint_()),e):void 0},e.currentBreakpoint=function(){return this.breakpoint_},e.currentBreakpointClass=function(){return Hr[this.breakpoint_]||""},e.loadMedia=function(e,t){var i=this;if(e&&"object"==typeof e){this.reset(),this.cache_.media=Re(e);var n=this.cache_.media,r=n.artwork,s=n.poster,a=n.src,o=n.textTracks;!r&&s&&(this.cache_.media.artwork=[{src:s,type:Zi(s)}]),a&&this.src(a),s&&this.poster(s),Array.isArray(o)&&o.forEach(function(e){return i.addRemoteTextTrack(e,!1)}),this.ready(t)}},e.getMedia=function(){if(this.cache_.media)return Re(this.cache_.media);var e=this.poster(),t={src:this.currentSources(),textTracks:Array.prototype.map.call(this.remoteTextTracks(),function(e){return{kind:e.kind,label:e.label,language:e.language,src:e.src}})};return e&&(t.poster=e,t.artwork=[{src:t.poster,type:Zi(t.poster)}]),t},l.getTagSettings=function(e){var t={sources:[],tracks:[]},i=I(e),n=i["data-setup"];if(E(e,"vjs-fill")&&(i.fill=!0),E(e,"vjs-fluid")&&(i.fluid=!0),null!==n){var r=Tt(n||"{}"),s=r[0],a=r[1];s&&p.error(s),m(i,a)}if(m(t,i),e.hasChildNodes())for(var o=e.childNodes,u=0,l=o.length;u<l;u++){var c=o[u],h=c.nodeName.toLowerCase();"source"===h?t.sources.push(I(c)):"track"===h&&t.tracks.push(I(c))}return t},e.flexNotSupported_=function(){var e=h.createElement("i");return!("flexBasis"in e.style||"webkitFlexBasis"in e.style||"mozFlexBasis"in e.style||"msFlexBasis"in e.style||"msFlexOrder"in e.style)},l}(Ue);hi.names.forEach(function(e){var t=hi[e];qr.prototype[t.getterName]=function(){return this.tech_?this.tech_[t.getterName]():(this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName])}}),qr.players={};var Wr=y.navigator;qr.prototype.options_={techOrder:Vi.defaultTechOrder_,html5:{},flash:{},inactivityTimeout:2e3,playbackRates:[],liveui:!1,children:["mediaLoader","posterImage","textTrackDisplay","loadingSpinner","bigPlayButton","liveTracker","controlBar","errorDisplay","textTrackSettings","resizeManager"],language:Wr&&(Wr.languages&&Wr.languages[0]||Wr.userLanguage||Wr.language)||"en",languages:{},notSupportedMessage:"No compatible source was found for this media.",fullscreen:{options:{navigationUI:"hide"}},breakpoints:{},responsive:!1},["ended","seeking","seekable","networkState","readyState"].forEach(function(e){qr.prototype[e]=function(){return this.techGet_(e)}}),Br.forEach(function(e){qr.prototype["handleTech"+De(e)+"_"]=function(){return this.trigger(e)}}),Ue.registerComponent("Player",qr);function zr(e){return es.hasOwnProperty(e)}function Gr(e){return zr(e)?es[e]:void 0}function Kr(e,t){e[Zr]=e[Zr]||{},e[Zr][t]=!0}function Xr(e,t,i){var n=(i?"before":"")+"pluginsetup";e.trigger(n,t),e.trigger(n+":"+t.name,t)}function Yr(r,s){return s.prototype.name=r,function(){Xr(this,{name:r,plugin:s,instance:null},!0);for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=Qr(s,[this].concat(t));return this[r]=function(){return n},Xr(this,n.getEventHash()),n}}var $r=t(function(i){function n(e,t){return i.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},n(e,t)}i.exports=n}),Qr=t(function(n){function r(e,t,i){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()?n.exports=r=function(e,t,i){var n=[null];n.push.apply(n,t);var r=new(Function.bind.apply(e,n));return i&&$r(r,i.prototype),r}:n.exports=r=Reflect.construct,r.apply(null,arguments)}n.exports=r}),Jr="plugin",Zr="activePlugins_",es={},ts=function(){function i(e){if(this.constructor===i)throw new Error("Plugin must be sub-classed; not directly instantiated.");this.player=e,Ae(this),delete this.trigger,xe(this,this.constructor.defaultState),Kr(e,this.name),this.dispose=ge(this,this.dispose),e.on("dispose",this.dispose)}var e=i.prototype;return e.version=function(){return this.constructor.VERSION},e.getEventHash=function(e){return void 0===e&&(e={}),e.name=this.name,e.plugin=this.constructor,e.instance=this,e},e.trigger=function(e,t){return void 0===t&&(t={}),pe(this.eventBusEl_,e,this.getEventHash(t))},e.handleStateChanged=function(e){},e.dispose=function(){var e=this.name,t=this.player;this.trigger("dispose"),this.off(),t.off("dispose",this.dispose),t[Zr][e]=!1,this.player=this.state=null,t[e]=Yr(e,es[e])},i.isBasic=function(e){var t="string"==typeof e?Gr(e):e;return"function"==typeof t&&!i.prototype.isPrototypeOf(t.prototype)},i.registerPlugin=function(e,t){if("string"!=typeof e)throw new Error('Illegal plugin name, "'+e+'", must be a string, was '+typeof e+".");if(zr(e))p.warn('A plugin named "'+e+'" already exists. You may want to avoid re-registering plugins!');else if(qr.prototype.hasOwnProperty(e))throw new Error('Illegal plugin name, "'+e+'", cannot share a name with an existing player method!');if("function"!=typeof t)throw new Error('Illegal plugin for "'+e+'", must be a function, was '+typeof t+".");return es[e]=t,e!==Jr&&(i.isBasic(t)?qr.prototype[e]=function(t,i){function n(){Xr(this,{name:t,plugin:i,instance:null},!0);var e=i.apply(this,arguments);return Kr(this,t),Xr(this,{name:t,plugin:i,instance:e}),e}return Object.keys(i).forEach(function(e){n[e]=i[e]}),n}(e,t):qr.prototype[e]=Yr(e,t)),t},i.deregisterPlugin=function(e){if(e===Jr)throw new Error("Cannot de-register base plugin.");zr(e)&&(delete es[e],delete qr.prototype[e])},i.getPlugins=function(e){var i;return void 0===e&&(e=Object.keys(es)),e.forEach(function(e){var t=Gr(e);t&&((i=i||{})[e]=t)}),i},i.getPluginVersion=function(e){var t=Gr(e);return t&&t.VERSION||""},i}();ts.getPlugin=Gr,ts.BASE_PLUGIN_NAME=Jr,ts.registerPlugin(Jr,ts),qr.prototype.usingPlugin=function(e){return!!this[Zr]&&!0===this[Zr][e]},qr.prototype.hasPlugin=function(e){return!!zr(e)};var is=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&$r(e,t)},ns=function(e){return 0===e.indexOf("#")?e.slice(1):e};function rs(e,i,t){var n=rs.getPlayer(e);if(n)return i&&p.warn('Player "'+e+'" is already initialised. Options will not be applied.'),t&&n.ready(t),n;var r="string"==typeof e?G("#"+ns(e)):e;if(!_(r))throw new TypeError("The element or ID supplied is not valid. (videojs)");r.ownerDocument.defaultView&&r.ownerDocument.body.contains(r)||p.warn("The element supplied is not included in the DOM"),i=i||{},rs.hooks("beforesetup").forEach(function(e){var t=e(r,Re(i));o(t)&&!Array.isArray(t)?i=Re(i,t):p.error("please return an object in beforesetup hooks")});var s=Ue.getComponent("Player");return n=new s(r,i,t),rs.hooks("setup").forEach(function(e){return e(n)}),n}if(rs.hooks_={},rs.hooks=function(e,t){return rs.hooks_[e]=rs.hooks_[e]||[],t&&(rs.hooks_[e]=rs.hooks_[e].concat(t)),rs.hooks_[e]},rs.hook=function(e,t){rs.hooks(e,t)},rs.hookOnce=function(i,e){rs.hooks(i,[].concat(e).map(function(t){return function e(){return rs.removeHook(i,e),t.apply(void 0,arguments)}}))},rs.removeHook=function(e,t){var i=rs.hooks(e).indexOf(t);return!(i<=-1)&&(rs.hooks_[e]=rs.hooks_[e].slice(),rs.hooks_[e].splice(i,1),!0)},!0!==y.VIDEOJS_NO_DYNAMIC_STYLE&&v()){var ss=G(".vjs-styles-defaults");if(!ss){ss=Z("vjs-styles-defaults");var as=G("head");as&&as.insertBefore(ss,as.firstChild),ee(ss,"\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ")}}Q(1,rs),rs.VERSION=d,rs.options=qr.prototype.options_,rs.getPlayers=function(){return qr.players},rs.getPlayer=function(e){var t,i=qr.players;if("string"==typeof e){var n=ns(e),r=i[n];if(r)return r;t=G("#"+n)}else t=e;if(_(t)){var s=t,a=s.player,o=s.playerId;if(a||i[o])return a||i[o]}},rs.getAllPlayers=function(){return Object.keys(qr.players).map(function(e){return qr.players[e]}).filter(Boolean)},rs.players=qr.players,rs.getComponent=Ue.getComponent,rs.registerComponent=function(e,t){Vi.isTech(t)&&p.warn("The "+e+" tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)"),Ue.registerComponent.call(Ue,e,t)},rs.getTech=Vi.getTech,rs.registerTech=Vi.registerTech,rs.use=function(e,t){qi[e]=qi[e]||[],qi[e].push(t)},Object.defineProperty(rs,"middleware",{value:{},writeable:!1,enumerable:!0}),Object.defineProperty(rs.middleware,"TERMINATOR",{value:zi,writeable:!1,enumerable:!0}),rs.browser=ut,rs.TOUCH_ENABLED=nt,rs.extend=function(e,t){void 0===t&&(t={});var i=function(){e.apply(this,arguments)},n={};for(var r in"object"==typeof t?(t.constructor!==Object.prototype.constructor&&(i=t.constructor),n=t):"function"==typeof t&&(i=t),is(i,e),e&&(i.super_=e),n)n.hasOwnProperty(r)&&(i.prototype[r]=n[r]);return i},rs.mergeOptions=Re,rs.bind=ge,rs.registerPlugin=ts.registerPlugin,rs.deregisterPlugin=ts.deregisterPlugin,rs.plugin=function(e,t){return p.warn("videojs.plugin() is deprecated; use videojs.registerPlugin() instead"),ts.registerPlugin(e,t)},rs.getPlugins=ts.getPlugins,rs.getPlugin=ts.getPlugin,rs.getPluginVersion=ts.getPluginVersion,rs.addLanguage=function(e,t){var i;return e=(""+e).toLowerCase(),rs.options.languages=Re(rs.options.languages,((i={})[e]=t,i)),rs.options.languages[e]},rs.log=p,rs.createLogger=f,rs.createTimeRange=rs.createTimeRanges=ht,rs.formatTime=yn,rs.setFormatTime=function(e){vn=e},rs.resetFormatTime=function(){vn=gn},rs.parseUrl=Rt,rs.isCrossOrigin=Nt,rs.EventTarget=ye,rs.on=he,rs.one=fe,rs.off=de,rs.trigger=pe,rs.xhr=Jt,rs.TextTrack=si,rs.AudioTrack=ai,rs.VideoTrack=oi,["isEl","isTextNode","createEl","hasClass","addClass","removeClass","toggleClass","setAttributes","getAttributes","emptyEl","appendContent","insertContent"].forEach(function(e){rs[e]=function(){return p.warn("videojs."+e+"() is deprecated; use videojs.dom."+e+"() instead"),X[e].apply(null,arguments)}}),rs.computedStyle=n,rs.dom=X,rs.url=Xt,rs.defineLazyProperty=Dr;var os=t(function(e,t){var i,c,n,r,h;i=/^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/,c=/^([^\/?#]*)(.*)$/,n=/(?:\/|^)\.(?=\/)/g,r=/(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g,h={buildAbsoluteURL:function(e,t,i){if(i=i||{},e=e.trim(),!(t=t.trim())){if(!i.alwaysNormalize)return e;var n=h.parseURL(e);if(!n)throw new Error("Error trying to parse base URL.");return n.path=h.normalizePath(n.path),h.buildURLFromParts(n)}var r=h.parseURL(t);if(!r)throw new Error("Error trying to parse relative URL.");if(r.scheme)return i.alwaysNormalize?(r.path=h.normalizePath(r.path),h.buildURLFromParts(r)):t;var s=h.parseURL(e);if(!s)throw new Error("Error trying to parse base URL.");if(!s.netLoc&&s.path&&"/"!==s.path[0]){var a=c.exec(s.path);s.netLoc=a[1],s.path=a[2]}s.netLoc&&!s.path&&(s.path="/");var o={scheme:s.scheme,netLoc:r.netLoc,path:null,params:r.params,query:r.query,fragment:r.fragment};if(!r.netLoc&&(o.netLoc=s.netLoc,"/"!==r.path[0]))if(r.path){var u=s.path,l=u.substring(0,u.lastIndexOf("/")+1)+r.path;o.path=h.normalizePath(l)}else o.path=s.path,r.params||(o.params=s.params,r.query||(o.query=s.query));return null===o.path&&(o.path=i.alwaysNormalize?h.normalizePath(r.path):r.path),h.buildURLFromParts(o)},parseURL:function(e){var t=i.exec(e);return t?{scheme:t[1]||"",netLoc:t[2]||"",path:t[3]||"",params:t[4]||"",query:t[5]||"",fragment:t[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(n,"");e.length!==(e=e.replace(r,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=h});
-/*! @name m3u8-parser @version 4.4.0 @license Apache-2.0 */function us(){return(us=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}function ls(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}function cs(e){for(var t,i=e.split(new RegExp('(?:^|,)((?:[^=]*)=(?:"[^"]*"|[^,]*))')),n={},r=i.length;r--;)""!==i[r]&&((t=/([^=]*)=(.*)/.exec(i[r]).slice(1))[0]=t[0].replace(/^\s+|\s+$/g,""),t[1]=t[1].replace(/^\s+|\s+$/g,""),t[1]=t[1].replace(/^['"](.*)['"]$/g,"$1"),n[t[0]]=t[1]);return n}var hs=function(){function e(){this.listeners={}}var t=e.prototype;return t.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},t.off=function(e,t){if(!this.listeners[e])return!1;var i=this.listeners[e].indexOf(t);return this.listeners[e].splice(i,1),-1<i},t.trigger=function(e,t){var i,n,r,s=this.listeners[e];if(s)if(2===arguments.length)for(n=s.length,i=0;i<n;++i)s[i].call(this,t);else for(r=Array.prototype.slice.call(arguments,1),n=s.length,i=0;i<n;++i)s[i].apply(this,r)},t.dispose=function(){this.listeners={}},t.pipe=function(t){this.on("data",function(e){t.push(e)})},e}(),ds=function(t){function e(){var e;return(e=t.call(this)||this).buffer="",e}return ls(e,t),e.prototype.push=function(e){var t;for(this.buffer+=e,t=this.buffer.indexOf("\n");-1<t;t=this.buffer.indexOf("\n"))this.trigger("data",this.buffer.substring(0,t)),this.buffer=this.buffer.substring(t+1)},e}(hs),ps=function(t){function e(){var e;return(e=t.call(this)||this).customParsers=[],e.tagMappers=[],e}ls(e,t);var i=e.prototype;return i.push=function(n){var u,l,c=this;0!==(n=n.trim()).length&&("#"===n[0]?this.tagMappers.reduce(function(e,t){var i=t(n);return i===n?e:e.concat([i])},[n]).forEach(function(e){for(var t=0;t<c.customParsers.length;t++)if(c.customParsers[t].call(c,e))return;if(0===e.indexOf("#EXT"))if(e=e.replace("\r",""),u=/^#EXTM3U/.exec(e))c.trigger("data",{type:"tag",tagType:"m3u"});else{if(u=/^#EXTINF:?([0-9\.]*)?,?(.*)?$/.exec(e))return l={type:"tag",tagType:"inf"},u[1]&&(l.duration=parseFloat(u[1])),u[2]&&(l.title=u[2]),void c.trigger("data",l);if(u=/^#EXT-X-TARGETDURATION:?([0-9.]*)?/.exec(e))return l={type:"tag",tagType:"targetduration"},u[1]&&(l.duration=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#ZEN-TOTAL-DURATION:?([0-9.]*)?/.exec(e))return l={type:"tag",tagType:"totalduration"},u[1]&&(l.duration=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#EXT-X-VERSION:?([0-9.]*)?/.exec(e))return l={type:"tag",tagType:"version"},u[1]&&(l.version=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#EXT-X-MEDIA-SEQUENCE:?(\-?[0-9.]*)?/.exec(e))return l={type:"tag",tagType:"media-sequence"},u[1]&&(l.number=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#EXT-X-DISCONTINUITY-SEQUENCE:?(\-?[0-9.]*)?/.exec(e))return l={type:"tag",tagType:"discontinuity-sequence"},u[1]&&(l.number=parseInt(u[1],10)),void c.trigger("data",l);if(u=/^#EXT-X-PLAYLIST-TYPE:?(.*)?$/.exec(e))return l={type:"tag",tagType:"playlist-type"},u[1]&&(l.playlistType=u[1]),void c.trigger("data",l);if(u=/^#EXT-X-BYTERANGE:?([0-9.]*)?@?([0-9.]*)?/.exec(e))return l={type:"tag",tagType:"byterange"},u[1]&&(l.length=parseInt(u[1],10)),u[2]&&(l.offset=parseInt(u[2],10)),void c.trigger("data",l);if(u=/^#EXT-X-ALLOW-CACHE:?(YES|NO)?/.exec(e))return l={type:"tag",tagType:"allow-cache"},u[1]&&(l.allowed=!/NO/.test(u[1])),void c.trigger("data",l);if(u=/^#EXT-X-MAP:?(.*)$/.exec(e)){if(l={type:"tag",tagType:"map"},u[1]){var i=cs(u[1]);if(i.URI&&(l.uri=i.URI),i.BYTERANGE){var n=i.BYTERANGE.split("@"),r=n[0],s=n[1];l.byterange={},r&&(l.byterange.length=parseInt(r,10)),s&&(l.byterange.offset=parseInt(s,10))}}c.trigger("data",l)}else if(u=/^#EXT-X-STREAM-INF:?(.*)$/.exec(e)){if(l={type:"tag",tagType:"stream-inf"},u[1]){if(l.attributes=cs(u[1]),l.attributes.RESOLUTION){var a=l.attributes.RESOLUTION.split("x"),o={};a[0]&&(o.width=parseInt(a[0],10)),a[1]&&(o.height=parseInt(a[1],10)),l.attributes.RESOLUTION=o}l.attributes.BANDWIDTH&&(l.attributes.BANDWIDTH=parseInt(l.attributes.BANDWIDTH,10)),l.attributes["PROGRAM-ID"]&&(l.attributes["PROGRAM-ID"]=parseInt(l.attributes["PROGRAM-ID"],10))}c.trigger("data",l)}else{if(u=/^#EXT-X-MEDIA:?(.*)$/.exec(e))return l={type:"tag",tagType:"media"},u[1]&&(l.attributes=cs(u[1])),void c.trigger("data",l);if(u=/^#EXT-X-ENDLIST/.exec(e))c.trigger("data",{type:"tag",tagType:"endlist"});else if(u=/^#EXT-X-DISCONTINUITY/.exec(e))c.trigger("data",{type:"tag",tagType:"discontinuity"});else{if(u=/^#EXT-X-PROGRAM-DATE-TIME:?(.*)$/.exec(e))return l={type:"tag",tagType:"program-date-time"},u[1]&&(l.dateTimeString=u[1],l.dateTimeObject=new Date(u[1])),void c.trigger("data",l);if(u=/^#EXT-X-KEY:?(.*)$/.exec(e))return l={type:"tag",tagType:"key"},u[1]&&(l.attributes=cs(u[1]),l.attributes.IV&&("0x"===l.attributes.IV.substring(0,2).toLowerCase()&&(l.attributes.IV=l.attributes.IV.substring(2)),l.attributes.IV=l.attributes.IV.match(/.{8}/g),l.attributes.IV[0]=parseInt(l.attributes.IV[0],16),l.attributes.IV[1]=parseInt(l.attributes.IV[1],16),l.attributes.IV[2]=parseInt(l.attributes.IV[2],16),l.attributes.IV[3]=parseInt(l.attributes.IV[3],16),l.attributes.IV=new Uint32Array(l.attributes.IV))),void c.trigger("data",l);if(u=/^#EXT-X-START:?(.*)$/.exec(e))return l={type:"tag",tagType:"start"},u[1]&&(l.attributes=cs(u[1]),l.attributes["TIME-OFFSET"]=parseFloat(l.attributes["TIME-OFFSET"]),l.attributes.PRECISE=/YES/.test(l.attributes.PRECISE)),void c.trigger("data",l);if(u=/^#EXT-X-CUE-OUT-CONT:?(.*)?$/.exec(e))return l={type:"tag",tagType:"cue-out-cont"},u[1]?l.data=u[1]:l.data="",void c.trigger("data",l);if(u=/^#EXT-X-CUE-OUT:?(.*)?$/.exec(e))return l={type:"tag",tagType:"cue-out"},u[1]?l.data=u[1]:l.data="",void c.trigger("data",l);if(u=/^#EXT-X-CUE-IN:?(.*)?$/.exec(e))return l={type:"tag",tagType:"cue-in"},u[1]?l.data=u[1]:l.data="",void c.trigger("data",l);c.trigger("data",{type:"tag",data:e.slice(4)})}}}else c.trigger("data",{type:"comment",text:e.slice(1)})}):this.trigger("data",{type:"uri",uri:n}))},i.addParser=function(e){var t=this,i=e.expression,n=e.customType,r=e.dataParser,s=e.segment;"function"!=typeof r&&(r=function(e){return e}),this.customParsers.push(function(e){if(i.exec(e))return t.trigger("data",{type:"custom",data:r(e),customType:n,segment:s}),!0})},i.addTagMapper=function(e){var t=e.expression,i=e.map;this.tagMappers.push(function(e){return t.test(e)?i(e):e})},e}(hs);function fs(e){return!!e&&"object"==typeof e}function ms(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t.reduce(function(t,i){return Object.keys(i).forEach(function(e){Array.isArray(t[e])&&Array.isArray(i[e])?t[e]=t[e].concat(i[e]):fs(t[e])&&fs(i[e])?t[e]=ms(t[e],i[e]):t[e]=i[e]}),t},{})}function gs(e){return e.reduce(function(e,t){return e.concat(t)},[])}function vs(e){if(!e.length)return[];for(var t=[],i=0;i<e.length;i++)t.push(e[i]);return t}var ys=function(t){function e(){var e;(e=t.call(this)||this).lineStream=new ds,e.parseStream=new ps,e.lineStream.pipe(e.parseStream);var r,s,a=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e),o=[],u={},l={AUDIO:{},VIDEO:{},"CLOSED-CAPTIONS":{},SUBTITLES:{}},c=0;return e.manifest={allowCache:!0,discontinuityStarts:[],segments:[]},e.parseStream.on("data",function(t){var i,n;({tag:function(){({"allow-cache":function(){this.manifest.allowCache=t.allowed,"allowed"in t||(this.trigger("info",{message:"defaulting allowCache to YES"}),this.manifest.allowCache=!0)},byterange:function(){var e={};"length"in t&&((u.byterange=e).length=t.length,"offset"in t||(this.trigger("info",{message:"defaulting offset to zero"}),t.offset=0)),"offset"in t&&((u.byterange=e).offset=t.offset)},endlist:function(){this.manifest.endList=!0},inf:function(){"mediaSequence"in this.manifest||(this.manifest.mediaSequence=0,this.trigger("info",{message:"defaulting media sequence to zero"})),"discontinuitySequence"in this.manifest||(this.manifest.discontinuitySequence=0,this.trigger("info",{message:"defaulting discontinuity sequence to zero"})),0<t.duration&&(u.duration=t.duration),0===t.duration&&(u.duration=.01,this.trigger("info",{message:"updating zero segment duration to a small value"})),this.manifest.segments=o},key:function(){if(t.attributes)if("NONE"!==t.attributes.METHOD)if(t.attributes.URI){if("urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed"===t.attributes.KEYFORMAT){return-1===["SAMPLE-AES","SAMPLE-AES-CTR","SAMPLE-AES-CENC"].indexOf(t.attributes.METHOD)?void this.trigger("warn",{message:"invalid key method provided for Widevine"}):("SAMPLE-AES-CENC"===t.attributes.METHOD&&this.trigger("warn",{message:"SAMPLE-AES-CENC is deprecated, please use SAMPLE-AES-CTR instead"}),"data:text/plain;base64,"!==t.attributes.URI.substring(0,23)?void this.trigger("warn",{message:"invalid key URI provided for Widevine"}):t.attributes.KEYID&&"0x"===t.attributes.KEYID.substring(0,2)?void(this.manifest.contentProtection={"com.widevine.alpha":{attributes:{schemeIdUri:t.attributes.KEYFORMAT,keyId:t.attributes.KEYID.substring(2)},pssh:function(e){for(var t=y.atob(e||""),i=new Uint8Array(t.length),n=0;n<t.length;n++)i[n]=t.charCodeAt(n);return i}(t.attributes.URI.split(",")[1])}}):void this.trigger("warn",{message:"invalid key ID provided for Widevine"}))}t.attributes.METHOD||this.trigger("warn",{message:"defaulting key method to AES-128"}),s={method:t.attributes.METHOD||"AES-128",uri:t.attributes.URI},"undefined"!=typeof t.attributes.IV&&(s.iv=t.attributes.IV)}else this.trigger("warn",{message:"ignoring key declaration without URI"});else s=null;else this.trigger("warn",{message:"ignoring key declaration without attribute list"})},"media-sequence":function(){isFinite(t.number)?this.manifest.mediaSequence=t.number:this.trigger("warn",{message:"ignoring invalid media sequence: "+t.number})},"discontinuity-sequence":function(){isFinite(t.number)?(this.manifest.discontinuitySequence=t.number,c=t.number):this.trigger("warn",{message:"ignoring invalid discontinuity sequence: "+t.number})},"playlist-type":function(){/VOD|EVENT/.test(t.playlistType)?this.manifest.playlistType=t.playlistType:this.trigger("warn",{message:"ignoring unknown playlist type: "+t.playlist})},map:function(){r={},t.uri&&(r.uri=t.uri),t.byterange&&(r.byterange=t.byterange)},"stream-inf":function(){this.manifest.playlists=o,this.manifest.mediaGroups=this.manifest.mediaGroups||l,t.attributes?(u.attributes||(u.attributes={}),us(u.attributes,t.attributes)):this.trigger("warn",{message:"ignoring empty stream-inf attributes"})},media:function(){if(this.manifest.mediaGroups=this.manifest.mediaGroups||l,t.attributes&&t.attributes.TYPE&&t.attributes["GROUP-ID"]&&t.attributes.NAME){var e=this.manifest.mediaGroups[t.attributes.TYPE];e[t.attributes["GROUP-ID"]]=e[t.attributes["GROUP-ID"]]||{},i=e[t.attributes["GROUP-ID"]],(n={default:/yes/i.test(t.attributes.DEFAULT)}).default?n.autoselect=!0:n.autoselect=/yes/i.test(t.attributes.AUTOSELECT),t.attributes.LANGUAGE&&(n.language=t.attributes.LANGUAGE),t.attributes.URI&&(n.uri=t.attributes.URI),t.attributes["INSTREAM-ID"]&&(n.instreamId=t.attributes["INSTREAM-ID"]),t.attributes.CHARACTERISTICS&&(n.characteristics=t.attributes.CHARACTERISTICS),t.attributes.FORCED&&(n.forced=/yes/i.test(t.attributes.FORCED)),i[t.attributes.NAME]=n}else this.trigger("warn",{message:"ignoring incomplete or missing media group"})},discontinuity:function(){c+=1,u.discontinuity=!0,this.manifest.discontinuityStarts.push(o.length)},"program-date-time":function(){"undefined"==typeof this.manifest.dateTimeString&&(this.manifest.dateTimeString=t.dateTimeString,this.manifest.dateTimeObject=t.dateTimeObject),u.dateTimeString=t.dateTimeString,u.dateTimeObject=t.dateTimeObject},targetduration:function(){!isFinite(t.duration)||t.duration<0?this.trigger("warn",{message:"ignoring invalid target duration: "+t.duration}):this.manifest.targetDuration=t.duration},totalduration:function(){!isFinite(t.duration)||t.duration<0?this.trigger("warn",{message:"ignoring invalid total duration: "+t.duration}):this.manifest.totalDuration=t.duration},start:function(){t.attributes&&!isNaN(t.attributes["TIME-OFFSET"])?this.manifest.start={timeOffset:t.attributes["TIME-OFFSET"],precise:t.attributes.PRECISE}:this.trigger("warn",{message:"ignoring start declaration without appropriate attribute list"})},"cue-out":function(){u.cueOut=t.data},"cue-out-cont":function(){u.cueOutCont=t.data},"cue-in":function(){u.cueIn=t.data}}[t.tagType]||function(){}).call(a)},uri:function(){u.uri=t.uri,o.push(u),!this.manifest.targetDuration||"duration"in u||(this.trigger("warn",{message:"defaulting segment duration to the target duration"}),u.duration=this.manifest.targetDuration),s&&(u.key=s),u.timeline=c,r&&(u.map=r),u={}},comment:function(){},custom:function(){t.segment?(u.custom=u.custom||{},u.custom[t.customType]=t.data):(this.manifest.custom=this.manifest.custom||{},this.manifest.custom[t.customType]=t.data)}})[t.type].call(a)}),e}ls(e,t);var i=e.prototype;return i.push=function(e){this.lineStream.push(e)},i.end=function(){this.lineStream.push("\n")},i.addParser=function(e){this.parseStream.addParser(e)},i.addTagMapper=function(e){this.parseStream.addTagMapper(e)},e}(hs),_s="INVALID_NUMBER_OF_PERIOD",bs="DASH_EMPTY_MANIFEST",Ts="DASH_INVALID_XML",Ss="NO_BASE_URL",ks="SEGMENT_TIME_UNSPECIFIED",Cs="UNSUPPORTED_UTC_TIMING_SCHEME";
-/*! @name mpd-parser @version 0.8.1 @license Apache-2.0 */function Es(e,t){return/^[a-z]+:/i.test(t)?t:(/\/\//i.test(e)||(e=Ws.buildAbsoluteURL(y.location.href,e)),Ws.buildAbsoluteURL(e,t))}function ws(e){var t=e.baseUrl,i=void 0===t?"":t,n=e.source,r=void 0===n?"":n,s=e.range,a=void 0===s?"":s,o=e.indexRange,u=void 0===o?"":o,l={uri:r,resolvedUri:Es(i||"",r)};if(a||u){var c=(a||u).split("-"),h=parseInt(c[0],10),d=parseInt(c[1],10);l.byterange={length:d-h+1,offset:h}}return l}function Ls(e){var t=e.type,i=void 0===t?"static":t,n=e.duration,r=e.timescale,s=void 0===r?1:r,a=e.sourceDuration,o=zs[i](e),u=function(e,t){for(var i=[],n=e;n<t;n++)i.push(n);return i}(o.start,o.end).map(function(o){return function(e,t){var i=o.duration,n=o.timescale,r=void 0===n?1:n,s=o.periodIndex,a=o.startNumber;return{number:(void 0===a?1:a)+e,duration:i/r,timeline:s,time:t*i}}}(e));if("static"===i){var l=u.length-1;u[l].duration=a-n/s*l}return u}function Ps(e){var t=e.baseUrl,i=e.initialization,n=void 0===i?{}:i,r=e.sourceDuration,s=e.timescale,a=void 0===s?1:s,o=e.indexRange,u=void 0===o?"":o,l=e.duration;if(!t)throw new Error(Ss);var c=ws({baseUrl:t,source:n.sourceURL,range:n.range}),h=ws({baseUrl:t,source:t,indexRange:u});if(h.map=c,l){var d=Ls(e);d.length&&(h.duration=d[0].duration,h.timeline=d[0].timeline)}else r&&(h.duration=r/a,h.timeline=0);return h.number=0,[h]}function As(e,t,i){for(var n=e.sidx.map?e.sidx.map:null,r=e.sidx.duration,s=e.timeline||0,a=e.sidx.byterange,o=a.offset+a.length,u=t.timescale,l=t.references.filter(function(e){return 1!==e.referenceType}),c=[],h=o+t.firstOffset,d=0;d<l.length;d++){var p=t.references[d],f=p.referencedSize,m=p.subsegmentDuration,g=Ps({baseUrl:i,timescale:u,timeline:s,periodIndex:s,duration:m,sourceDuration:r,indexRange:h+"-"+(h+f-1)})[0];n&&(g.map=n),c.push(g),h+=f}return e.segments=c,e}function Is(e){return function(t){return Object.keys(t).map(function(e){return t[e]})}(e.reduce(function(e,t){var i,n=t.attributes.id+(t.attributes.lang||"");e[n]?(t.segments[0]&&(t.segments[0].discontinuity=!0),(i=e[n].segments).push.apply(i,t.segments),t.attributes.contentProtection&&(e[n].attributes.contentProtection=t.attributes.contentProtection)):e[n]=t;return e},{})).map(function(e){return e.discontinuityStarts=function(e,n){return e.reduce(function(e,t,i){return t[n]&&e.push(i),e},[])}(e.segments,"discontinuity"),e})}function xs(e,t){if(void 0===t&&(t={}),!Object.keys(t).length)return e;for(var i in e){var n=e[i];if(n.sidx){var r=n.sidx.uri+"-"+(a=n.sidx.byterange,void 0,o=a.offset+a.length-1,a.offset+"-"+o),s=t[r]&&t[r].sidx;n.sidx&&s&&As(n,s,n.sidx.resolvedUri)}}var a,o;return e}function Os(e){var t,i=e.attributes,n=e.segments,r=e.sidx,s={attributes:(t={NAME:i.id,AUDIO:"audio",SUBTITLES:"subs",RESOLUTION:{width:i.width,height:i.height},CODECS:i.codecs,BANDWIDTH:i.bandwidth},t["PROGRAM-ID"]=1,t),uri:"",endList:"static"===(i.type||"static"),timeline:i.periodIndex,resolvedUri:"",targetDuration:i.duration,segments:n,mediaSequence:n.length?n[0].number:1};return i.contentProtection&&(s.contentProtection=i.contentProtection),r&&(s.sidx=r),s}function Ds(e,t){var i;if(void 0===t&&(t={}),!e.length)return{};var n=e[0].attributes,r=n.sourceDuration,s=n.minimumUpdatePeriod,a=void 0===s?0:s,o=Is(e.filter(function(e){var t=e.attributes;return"video/mp4"===t.mimeType||"video"===t.contentType})).map(Os),u=Is(e.filter(function(e){var t=e.attributes;return"audio/mp4"===t.mimeType||"audio"===t.contentType})),l=e.filter(function(e){var t=e.attributes;return"text/vtt"===t.mimeType||"text"===t.contentType}),c={allowCache:!0,discontinuityStarts:[],segments:[],endList:!0,mediaGroups:(i={AUDIO:{},VIDEO:{}},i["CLOSED-CAPTIONS"]={},i.SUBTITLES={},i),uri:"",duration:r,playlists:xs(o,t),minimumUpdatePeriod:1e3*a};return u.length&&(c.mediaGroups.AUDIO.audio=function(e,a){var o;void 0===a&&(a={});var t=e.reduce(function(e,t){var i=t.attributes.role&&t.attributes.role.value||"",n=t.attributes.lang||"",r="main";if(n){var s=i?" ("+i+")":"";r=t.attributes.lang+s}return e[r]&&e[r].playlists[0].attributes.BANDWIDTH>t.attributes.bandwidth||(e[r]={language:n,autoselect:!0,default:"main"===i,playlists:xs([function(e){var t,i=e.attributes,n=e.segments,r=e.sidx,s={attributes:(t={NAME:i.id,BANDWIDTH:i.bandwidth,CODECS:i.codecs},t["PROGRAM-ID"]=1,t),uri:"",endList:"static"===(i.type||"static"),timeline:i.periodIndex,resolvedUri:"",targetDuration:i.duration,segments:n,mediaSequence:n.length?n[0].number:1};return i.contentProtection&&(s.contentProtection=i.contentProtection),r&&(s.sidx=r),s}(t)],a),uri:""},"undefined"==typeof o&&"main"===i&&((o=t).default=!0)),e},{});o||(t[Object.keys(t)[0]].default=!0);return t}(u,t)),l.length&&(c.mediaGroups.SUBTITLES.subs=function(e,n){return void 0===n&&(n={}),e.reduce(function(e,t){var i=t.attributes.lang||"text";return e[i]||(e[i]={language:i,default:!1,autoselect:!1,playlists:xs([function(e){var t,i=e.attributes,n=e.segments;return"undefined"==typeof n&&(n=[{uri:i.baseUrl,timeline:i.periodIndex,resolvedUri:i.baseUrl||"",duration:i.sourceDuration,number:0}],i.duration=i.sourceDuration),{attributes:(t={NAME:i.id,BANDWIDTH:i.bandwidth},t["PROGRAM-ID"]=1,t),uri:"",endList:"static"===(i.type||"static"),timeline:i.periodIndex,resolvedUri:i.baseUrl||"",targetDuration:i.duration,segments:n,mediaSequence:n.length?n[0].number:1}}(t)],n),uri:""}),e},{})}(l,t)),c}function Rs(e,t){for(var i,n,r,s,a,o,u,l,c,h,d,p,f=e.type,m=void 0===f?"static":f,g=e.minimumUpdatePeriod,v=void 0===g?0:g,y=e.media,_=void 0===y?"":y,b=e.sourceDuration,T=e.timescale,S=void 0===T?1:T,k=e.startNumber,C=void 0===k?1:k,E=e.periodIndex,w=[],L=-1,P=0;P<t.length;P++){var A=t[P],I=A.d,x=A.r||0,O=A.t||0;L<0&&(L=O),O&&L<O&&(L=O);var D=void 0;if(x<0){var R=P+1;D=R===t.length?"dynamic"===m&&0<v&&0<_.indexOf("$Number$")?(n=L,r=I,void 0,s=(i=e).NOW,a=i.clientOffset,o=i.availabilityStartTime,u=i.timescale,l=void 0===u?1:u,c=i.start,h=void 0===c?0:c,d=i.minimumUpdatePeriod,p=(s+a)/1e3+(void 0===d?0:d)-(o+h),Math.ceil((p*l-n)/r)):(b*S-L)/I:(t[R].t-L)/I}else D=x+1;for(var U=C+w.length+D,M=C+w.length;M<U;)w.push({number:M,duration:I/S,time:L,timeline:E}),L+=I,M++}return w}function Us(e,t){return e.replace(Gs,function(s){return function(e,t,i,n){if("$$"===e)return"$";if("undefined"==typeof s[t])return e;var r=""+s[t];return"RepresentationID"===t?r:(n=i?parseInt(n,10):1)<=r.length?r:new Array(n-r.length+1).join("0")+r}}(t))}function Ms(i,e){var n={RepresentationID:i.id,Bandwidth:i.bandwidth||0},t=i.initialization,r=void 0===t?{sourceURL:"",range:""}:t,s=ws({baseUrl:i.baseUrl,source:Us(r.sourceURL,n),range:r.range});return function(e,t){return e.duration||t?e.duration?Ls(e):Rs(e,t):[{number:e.startNumber||1,duration:e.sourceDuration,time:0,timeline:e.periodIndex}]}(i,e).map(function(e){n.Number=e.number,n.Time=e.time;var t=Us(i.media||"",n);return{uri:t,timeline:e.timeline,duration:e.duration,resolvedUri:Es(i.baseUrl||"",t),map:s,number:e.number}})}function Ns(t,e){var i=t.duration,n=t.segmentUrls,r=void 0===n?[]:n;if(!i&&!e||i&&e)throw new Error(ks);var s,a=r.map(function(e){return function(e,t){var i=e.baseUrl,n=e.initialization,r=void 0===n?{}:n,s=ws({baseUrl:i,source:r.sourceURL,range:r.range}),a=ws({baseUrl:i,source:t.media,range:t.mediaRange});return a.map=s,a}(t,e)});return i&&(s=Ls(t)),e&&(s=Rs(t,e)),s.map(function(e,t){if(a[t]){var i=a[t];return i.timeline=e.timeline,i.duration=e.duration,i.number=e.number,i}}).filter(function(e){return e})}function Bs(e){var t,i,n=e.attributes,r=e.segmentInfo;r.template?(i=Ms,t=ms(n,r.template)):r.base?(i=Ps,t=ms(n,r.base)):r.list&&(i=Ns,t=ms(n,r.list));var s={attributes:n};if(!i)return s;var a=i(t,r.timeline);if(t.duration){var o=t,u=o.duration,l=o.timescale,c=void 0===l?1:l;t.duration=u/c}else a.length?t.duration=a.reduce(function(e,t){return Math.max(e,Math.ceil(t.duration))},0):t.duration=0;return s.attributes=t,s.segments=a,r.base&&t.indexRange&&(s.sidx=a[0],s.segments=[]),s}function js(e,t){return vs(e.childNodes).filter(function(e){return e.tagName===t})}function Fs(e){return e.textContent.trim()}function Hs(e){var t=/P(?:(\d*)Y)?(?:(\d*)M)?(?:(\d*)D)?(?:T(?:(\d*)H)?(?:(\d*)M)?(?:([\d.]*)S)?)?/.exec(e);if(!t)return 0;var i=t.slice(1),n=i[0],r=i[1],s=i[2],a=i[3],o=i[4],u=i[5];return 31536e3*parseFloat(n||0)+2592e3*parseFloat(r||0)+86400*parseFloat(s||0)+3600*parseFloat(a||0)+60*parseFloat(o||0)+parseFloat(u||0)}function Vs(e){return e&&e.attributes?vs(e.attributes).reduce(function(e,t){var i=Ks[t.name]||Ks.DEFAULT;return e[t.name]=i(t.value),e},{}):{}}var qs,Ws=(function(e,t){var i,c,n,r,h;i=/^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/,c=/^([^\/?#]*)(.*)$/,n=/(?:\/|^)\.(?=\/)/g,r=/(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g,h={buildAbsoluteURL:function(e,t,i){if(i=i||{},e=e.trim(),!(t=t.trim())){if(!i.alwaysNormalize)return e;var n=h.parseURL(e);if(!n)throw new Error("Error trying to parse base URL.");return n.path=h.normalizePath(n.path),h.buildURLFromParts(n)}var r=h.parseURL(t);if(!r)throw new Error("Error trying to parse relative URL.");if(r.scheme)return i.alwaysNormalize?(r.path=h.normalizePath(r.path),h.buildURLFromParts(r)):t;var s=h.parseURL(e);if(!s)throw new Error("Error trying to parse base URL.");if(!s.netLoc&&s.path&&"/"!==s.path[0]){var a=c.exec(s.path);s.netLoc=a[1],s.path=a[2]}s.netLoc&&!s.path&&(s.path="/");var o={scheme:s.scheme,netLoc:r.netLoc,path:null,params:r.params,query:r.query,fragment:r.fragment};if(!r.netLoc&&(o.netLoc=s.netLoc,"/"!==r.path[0]))if(r.path){var u=s.path,l=u.substring(0,u.lastIndexOf("/")+1)+r.path;o.path=h.normalizePath(l)}else o.path=s.path,r.params||(o.params=s.params,r.query||(o.query=s.query));return null===o.path&&(o.path=i.alwaysNormalize?h.normalizePath(r.path):r.path),h.buildURLFromParts(o)},parseURL:function(e){var t=i.exec(e);return t?{scheme:t[1]||"",netLoc:t[2]||"",path:t[3]||"",params:t[4]||"",query:t[5]||"",fragment:t[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(n,"");e.length!==(e=e.replace(r,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=h}(qs={exports:{}},qs.exports),qs.exports),zs={static:function(e){var t=e.duration,i=e.timescale,n=void 0===i?1:i,r=e.sourceDuration;return{start:0,end:Math.ceil(r/(t/n))}},dynamic:function(e){var t=e.NOW,i=e.clientOffset,n=e.availabilityStartTime,r=e.timescale,s=void 0===r?1:r,a=e.duration,o=e.start,u=void 0===o?0:o,l=e.minimumUpdatePeriod,c=void 0===l?0:l,h=e.timeShiftBufferDepth,d=void 0===h?1/0:h,p=(t+i)/1e3,f=n+u,m=p+c-f,g=Math.ceil(m*s/a),v=Math.floor((p-f-d)*s/a),y=Math.floor((p-f)*s/a);return{start:Math.max(0,v),end:Math.min(g,y)}}},Gs=/\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g,Ks={mediaPresentationDuration:function(e){return Hs(e)},availabilityStartTime:function(e){return function(e){return/^\d+-\d+-\d+T\d+:\d+:\d+(\.\d+)?$/.test(e)&&(e+="Z"),Date.parse(e)}(e)/1e3},minimumUpdatePeriod:function(e){return Hs(e)},timeShiftBufferDepth:function(e){return Hs(e)},start:function(e){return Hs(e)},width:function(e){return parseInt(e,10)},height:function(e){return parseInt(e,10)},bandwidth:function(e){return parseInt(e,10)},startNumber:function(e){return parseInt(e,10)},timescale:function(e){return parseInt(e,10)},duration:function(e){var t=parseInt(e,10);return isNaN(t)?Hs(e):t},d:function(e){return parseInt(e,10)},t:function(e){return parseInt(e,10)},r:function(e){return parseInt(e,10)},DEFAULT:function(e){return e}};function Xs(e,i){return i.length?gs(e.map(function(t){return i.map(function(e){return Es(t,Fs(e))})})):e}function Ys(e){var t=js(e,"SegmentTemplate")[0],i=js(e,"SegmentList")[0],n=i&&js(i,"SegmentURL").map(function(e){return ms({tag:"SegmentURL"},Vs(e))}),r=js(e,"SegmentBase")[0],s=i||t,a=s&&js(s,"SegmentTimeline")[0],o=i||r||t,u=o&&js(o,"Initialization")[0],l=t&&Vs(t);l&&u?l.initialization=u&&Vs(u):l&&l.initialization&&(l.initialization={sourceURL:l.initialization});var c={template:l,timeline:a&&js(a,"S").map(function(e){return Vs(e)}),list:i&&ms(Vs(i),{segmentUrls:n,initialization:Vs(u)}),base:r&&ms(Vs(r),{initialization:Vs(u)})};return Object.keys(c).forEach(function(e){c[e]||delete c[e]}),c}function $s(e){return e.reduce(function(e,t){var i=Vs(t),n=da[i.schemeIdUri];if(n){e[n]={attributes:i};var r=js(t,"cenc:pssh")[0];if(r){var s=Fs(r),a=s&&function(e){for(var t=y.atob(e),i=new Uint8Array(t.length),n=0;n<t.length;n++)i[n]=t.charCodeAt(n);return i}(s);e[n].pssh=a}}return e},{})}function Qs(c,h,d){return function(e){var t=Vs(e),i=Xs(h,js(e,"BaseURL")),n=js(e,"Role")[0],r={role:Vs(n)},s=ms(c,t,r),a=$s(js(e,"ContentProtection"));Object.keys(a).length&&(s=ms(s,{contentProtection:a}));var o=Ys(e),u=js(e,"Representation"),l=ms(d,o);return gs(u.map(function(s,a,o){return function(e){var t=js(e,"BaseURL"),i=Xs(a,t),n=ms(s,Vs(e)),r=Ys(e);return i.map(function(e){return{segmentInfo:ms(o,r),attributes:ms(n,{baseUrl:e})}})}}(s,i,l)))}}function Js(e,t){void 0===t&&(t={});var i=t,n=i.manifestUri,r=void 0===n?"":n,s=i.NOW,a=void 0===s?Date.now():s,o=i.clientOffset,u=void 0===o?0:o,l=js(e,"Period");if(!l.length)throw new Error(_s);var c=Vs(e),h=Xs([r],js(e,"BaseURL"));return c.sourceDuration=c.mediaPresentationDuration||0,c.NOW=a,c.clientOffset=u,gs(l.map(function(l,c){return function(e,t){var i=Xs(c,js(e,"BaseURL")),n=Vs(e),r=parseInt(n.id,10),s=y.isNaN(r)?t:r,a=ms(l,{periodIndex:s}),o=js(e,"AdaptationSet"),u=Ys(e);return gs(o.map(Qs(a,i,u)))}}(c,h)))}function Zs(e){if(""===e)throw new Error(bs);var t=(new y.DOMParser).parseFromString(e,"application/xml"),i=t&&"MPD"===t.documentElement.tagName?t.documentElement:null;if(!i||i&&0<i.getElementsByTagName("parsererror").length)throw new Error(Ts);return i}function ea(e,t){return void 0===t&&(t={}),Ds(function(e){return e.map(Bs)}(Js(Zs(e),t)),t.sidxMapping)}function ta(e){return function(e){var t=js(e,"UTCTiming")[0];if(!t)return null;var i=Vs(t);switch(i.schemeIdUri){case"urn:mpeg:dash:utc:http-head:2014":case"urn:mpeg:dash:utc:http-head:2012":i.method="HEAD";break;case"urn:mpeg:dash:utc:http-xsdate:2014":case"urn:mpeg:dash:utc:http-iso:2014":case"urn:mpeg:dash:utc:http-xsdate:2012":case"urn:mpeg:dash:utc:http-iso:2012":i.method="GET";break;case"urn:mpeg:dash:utc:direct:2014":case"urn:mpeg:dash:utc:direct:2012":i.method="DIRECT",i.value=Date.parse(i.value);break;case"urn:mpeg:dash:utc:http-ntp:2014":case"urn:mpeg:dash:utc:ntp:2014":case"urn:mpeg:dash:utc:sntp:2014":default:throw new Error(Cs)}return i}(Zs(e))}function ia(e){return new Date(1e3*e-20828448e5)}function na(e){return{isLeading:(12&e[0])>>>2,dependsOn:3&e[0],isDependedOn:(192&e[1])>>>6,hasRedundancy:(48&e[1])>>>4,paddingValue:(14&e[1])>>>1,isNonSyncSample:1&e[1],degradationPriority:e[2]<<8|e[3]}}function ra(e){var t="";return t+=String.fromCharCode(e[0]),t+=String.fromCharCode(e[1]),t+=String.fromCharCode(e[2]),t+=String.fromCharCode(e[3])}var sa,aa,oa,ua,la,ca,ha,da={"urn:uuid:1077efec-c0b2-4d02-ace3-3c1e52e2fb4b":"org.w3.clearkey","urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed":"com.widevine.alpha","urn:uuid:9a04f079-9840-4286-ab92-e65be0885f95":"com.microsoft.playready","urn:uuid:f239e769-efa3-4850-9c16-a903c6932efb":"com.adobe.primetime"},pa=function(e){return e>>>0},fa=function(e){return("00"+e.toString(16)).slice(-2)},ma=pa,ga={avc1:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{dataReferenceIndex:t.getUint16(6),width:t.getUint16(24),height:t.getUint16(26),horizresolution:t.getUint16(28)+t.getUint16(30)/16,vertresolution:t.getUint16(32)+t.getUint16(34)/16,frameCount:t.getUint16(40),depth:t.getUint16(74),config:sa(e.subarray(78,e.byteLength))}},avcC:function(e){var t,i,n,r,s=new DataView(e.buffer,e.byteOffset,e.byteLength),a={configurationVersion:e[0],avcProfileIndication:e[1],profileCompatibility:e[2],avcLevelIndication:e[3],lengthSizeMinusOne:3&e[4],sps:[],pps:[]},o=31&e[5];for(n=6,r=0;r<o;r++)i=s.getUint16(n),n+=2,a.sps.push(new Uint8Array(e.subarray(n,n+i))),n+=i;for(t=e[n],n++,r=0;r<t;r++)i=s.getUint16(n),n+=2,a.pps.push(new Uint8Array(e.subarray(n,n+i))),n+=i;return a},btrt:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{bufferSizeDB:t.getUint32(0),maxBitrate:t.getUint32(4),avgBitrate:t.getUint32(8)}},esds:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),esId:e[6]<<8|e[7],streamPriority:31&e[8],decoderConfig:{objectProfileIndication:e[11],streamType:e[12]>>>2&63,bufferSize:e[13]<<16|e[14]<<8|e[15],maxBitrate:e[16]<<24|e[17]<<16|e[18]<<8|e[19],avgBitrate:e[20]<<24|e[21]<<16|e[22]<<8|e[23],decoderConfigDescriptor:{tag:e[24],length:e[25],audioObjectType:e[26]>>>3&31,samplingFrequencyIndex:(7&e[26])<<1|e[27]>>>7&1,channelConfiguration:e[27]>>>3&15}}}},ftyp:function(e){for(var t=new DataView(e.buffer,e.byteOffset,e.byteLength),i={majorBrand:ra(e.subarray(0,4)),minorVersion:t.getUint32(4),compatibleBrands:[]},n=8;n<e.byteLength;)i.compatibleBrands.push(ra(e.subarray(n,n+4))),n+=4;return i},dinf:function(e){return{boxes:sa(e)}},dref:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),dataReferences:sa(e.subarray(8))}},hdlr:function(e){var t={version:new DataView(e.buffer,e.byteOffset,e.byteLength).getUint8(0),flags:new Uint8Array(e.subarray(1,4)),handlerType:ra(e.subarray(8,12)),name:""},i=8;for(i=24;i<e.byteLength;i++){if(0===e[i]){i++;break}t.name+=String.fromCharCode(e[i])}return t.name=decodeURIComponent(escape(t.name)),t},mdat:function(e){return{byteLength:e.byteLength,nals:function(e){var t,i,n=new DataView(e.buffer,e.byteOffset,e.byteLength),r=[];for(t=0;t+4<e.length;t+=i)if(i=n.getUint32(t),t+=4,i<=0)r.push("<span style='color:red;'>MALFORMED DATA</span>");else switch(31&e[t]){case 1:r.push("slice_layer_without_partitioning_rbsp");break;case 5:r.push("slice_layer_without_partitioning_rbsp_idr");break;case 6:r.push("sei_rbsp");break;case 7:r.push("seq_parameter_set_rbsp");break;case 8:r.push("pic_parameter_set_rbsp");break;case 9:r.push("access_unit_delimiter_rbsp");break;default:r.push("UNKNOWN NAL - "+e[t]&31)}return r}(e)}},mdhd:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n=4,r={version:i.getUint8(0),flags:new Uint8Array(e.subarray(1,4)),language:""};return 1===r.version?(n+=4,r.creationTime=ia(i.getUint32(n)),n+=8,r.modificationTime=ia(i.getUint32(n)),n+=4,r.timescale=i.getUint32(n),n+=8):(r.creationTime=ia(i.getUint32(n)),n+=4,r.modificationTime=ia(i.getUint32(n)),n+=4,r.timescale=i.getUint32(n),n+=4),r.duration=i.getUint32(n),n+=4,t=i.getUint16(n),r.language+=String.fromCharCode(96+(t>>10)),r.language+=String.fromCharCode(96+((992&t)>>5)),r.language+=String.fromCharCode(96+(31&t)),r},mdia:function(e){return{boxes:sa(e)}},mfhd:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),sequenceNumber:e[4]<<24|e[5]<<16|e[6]<<8|e[7]}},minf:function(e){return{boxes:sa(e)}},mp4a:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength),i={dataReferenceIndex:t.getUint16(6),channelcount:t.getUint16(16),samplesize:t.getUint16(18),samplerate:t.getUint16(24)+t.getUint16(26)/65536};return 28<e.byteLength&&(i.streamDescriptor=sa(e.subarray(28))[0]),i},moof:function(e){return{boxes:sa(e)}},moov:function(e){return{boxes:sa(e)}},mvex:function(e){return{boxes:sa(e)}},mvhd:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength),i=4,n={version:t.getUint8(0),flags:new Uint8Array(e.subarray(1,4))};return 1===n.version?(i+=4,n.creationTime=ia(t.getUint32(i)),i+=8,n.modificationTime=ia(t.getUint32(i)),i+=4,n.timescale=t.getUint32(i),i+=8):(n.creationTime=ia(t.getUint32(i)),i+=4,n.modificationTime=ia(t.getUint32(i)),i+=4,n.timescale=t.getUint32(i),i+=4),n.duration=t.getUint32(i),i+=4,n.rate=t.getUint16(i)+t.getUint16(i+2)/16,i+=4,n.volume=t.getUint8(i)+t.getUint8(i+1)/8,i+=2,i+=2,i+=8,n.matrix=new Uint32Array(e.subarray(i,i+36)),i+=36,i+=24,n.nextTrackId=t.getUint32(i),n},pdin:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{version:t.getUint8(0),flags:new Uint8Array(e.subarray(1,4)),rate:t.getUint32(4),initialDelay:t.getUint32(8)}},sdtp:function(e){var t,i={version:e[0],flags:new Uint8Array(e.subarray(1,4)),samples:[]};for(t=4;t<e.byteLength;t++)i.samples.push({dependsOn:(48&e[t])>>4,isDependedOn:(12&e[t])>>2,hasRedundancy:3&e[t]});return i},sidx:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),references:[],referenceId:i.getUint32(4),timescale:i.getUint32(8),earliestPresentationTime:i.getUint32(12),firstOffset:i.getUint32(16)},r=i.getUint16(22);for(t=24;r;t+=12,r--)n.references.push({referenceType:(128&e[t])>>>7,referencedSize:2147483647&i.getUint32(t),subsegmentDuration:i.getUint32(t+4),startsWithSap:!!(128&e[t+8]),sapType:(112&e[t+8])>>>4,sapDeltaTime:268435455&i.getUint32(t+8)});return n},smhd:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),balance:e[4]+e[5]/256}},stbl:function(e){return{boxes:sa(e)}},stco:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),chunkOffsets:[]},r=i.getUint32(4);for(t=8;r;t+=4,r--)n.chunkOffsets.push(i.getUint32(t));return n},stsc:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n=i.getUint32(4),r={version:e[0],flags:new Uint8Array(e.subarray(1,4)),sampleToChunks:[]};for(t=8;n;t+=12,n--)r.sampleToChunks.push({firstChunk:i.getUint32(t),samplesPerChunk:i.getUint32(t+4),sampleDescriptionIndex:i.getUint32(t+8)});return r},stsd:function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),sampleDescriptions:sa(e.subarray(8))}},stsz:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),sampleSize:i.getUint32(4),entries:[]};for(t=12;t<e.byteLength;t+=4)n.entries.push(i.getUint32(t));return n},stts:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),timeToSamples:[]},r=i.getUint32(4);for(t=8;r;t+=8,r--)n.timeToSamples.push({sampleCount:i.getUint32(t),sampleDelta:i.getUint32(t+4)});return n},styp:function(e){return ga.ftyp(e)},tfdt:function(e){var t={version:e[0],flags:new Uint8Array(e.subarray(1,4)),baseMediaDecodeTime:ma(e[4]<<24|e[5]<<16|e[6]<<8|e[7])};return 1===t.version&&(t.baseMediaDecodeTime*=Math.pow(2,32),t.baseMediaDecodeTime+=ma(e[8]<<24|e[9]<<16|e[10]<<8|e[11])),t},tfhd:function(e){var t,i=new DataView(e.buffer,e.byteOffset,e.byteLength),n={version:e[0],flags:new Uint8Array(e.subarray(1,4)),trackId:i.getUint32(4)},r=1&n.flags[2],s=2&n.flags[2],a=8&n.flags[2],o=16&n.flags[2],u=32&n.flags[2],l=65536&n.flags[0],c=131072&n.flags[0];return t=8,r&&(t+=4,n.baseDataOffset=i.getUint32(12),t+=4),s&&(n.sampleDescriptionIndex=i.getUint32(t),t+=4),a&&(n.defaultSampleDuration=i.getUint32(t),t+=4),o&&(n.defaultSampleSize=i.getUint32(t),t+=4),u&&(n.defaultSampleFlags=i.getUint32(t)),l&&(n.durationIsEmpty=!0),!r&&c&&(n.baseDataOffsetIsMoof=!0),n},tkhd:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength),i=4,n={version:t.getUint8(0),flags:new Uint8Array(e.subarray(1,4))};return 1===n.version?(i+=4,n.creationTime=ia(t.getUint32(i)),i+=8,n.modificationTime=ia(t.getUint32(i)),i+=4,n.trackId=t.getUint32(i),i+=4,i+=8):(n.creationTime=ia(t.getUint32(i)),i+=4,n.modificationTime=ia(t.getUint32(i)),i+=4,n.trackId=t.getUint32(i),i+=4,i+=4),n.duration=t.getUint32(i),i+=4,i+=8,n.layer=t.getUint16(i),i+=2,n.alternateGroup=t.getUint16(i),i+=2,n.volume=t.getUint8(i)+t.getUint8(i+1)/8,i+=2,i+=2,n.matrix=new Uint32Array(e.subarray(i,i+36)),i+=36,n.width=t.getUint16(i)+t.getUint16(i+2)/16,i+=4,n.height=t.getUint16(i)+t.getUint16(i+2)/16,n},traf:function(e){return{boxes:sa(e)}},trak:function(e){return{boxes:sa(e)}},trex:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),trackId:t.getUint32(4),defaultSampleDescriptionIndex:t.getUint32(8),defaultSampleDuration:t.getUint32(12),defaultSampleSize:t.getUint32(16),sampleDependsOn:3&e[20],sampleIsDependedOn:(192&e[21])>>6,sampleHasRedundancy:(48&e[21])>>4,samplePaddingValue:(14&e[21])>>1,sampleIsDifferenceSample:!!(1&e[21]),sampleDegradationPriority:t.getUint16(22)}},trun:function(e){var t,i={version:e[0],flags:new Uint8Array(e.subarray(1,4)),samples:[]},n=new DataView(e.buffer,e.byteOffset,e.byteLength),r=1&i.flags[2],s=4&i.flags[2],a=1&i.flags[1],o=2&i.flags[1],u=4&i.flags[1],l=8&i.flags[1],c=n.getUint32(4),h=8;for(r&&(i.dataOffset=n.getInt32(h),h+=4),s&&c&&(t={flags:na(e.subarray(h,h+4))},h+=4,a&&(t.duration=n.getUint32(h),h+=4),o&&(t.size=n.getUint32(h),h+=4),l&&(t.compositionTimeOffset=n.getUint32(h),h+=4),i.samples.push(t),c--);c--;)t={},a&&(t.duration=n.getUint32(h),h+=4),o&&(t.size=n.getUint32(h),h+=4),u&&(t.flags=na(e.subarray(h,h+4)),h+=4),l&&(t.compositionTimeOffset=n.getUint32(h),h+=4),i.samples.push(t);return i},"url ":function(e){return{version:e[0],flags:new Uint8Array(e.subarray(1,4))}},vmhd:function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength);return{version:e[0],flags:new Uint8Array(e.subarray(1,4)),graphicsmode:t.getUint16(4),opcolor:new Uint16Array([t.getUint16(6),t.getUint16(8),t.getUint16(10)])}}},va={inspect:sa=function(e){for(var t,i,n,r,s,a=0,o=[],u=new ArrayBuffer(e.length),l=new Uint8Array(u),c=0;c<e.length;++c)l[c]=e[c];for(t=new DataView(u);a<e.byteLength;)i=t.getUint32(a),n=ra(e.subarray(a+4,a+8)),r=1<i?a+i:e.byteLength,(s=(ga[n]||function(e){return{data:e}})(e.subarray(a+8,r))).size=i,s.type=n,o.push(s),a=r;return o},textify:aa=function(e,t){var s;return t=t||0,s=new Array(2*t+1).join(" "),e.map(function(r,e){return s+r.type+"\n"+Object.keys(r).filter(function(e){return"type"!==e&&"boxes"!==e}).map(function(e){var t=s+"  "+e+": ",i=r[e];if(i instanceof Uint8Array||i instanceof Uint32Array){var n=Array.prototype.slice.call(new Uint8Array(i.buffer,i.byteOffset,i.byteLength)).map(function(e){return" "+("00"+e.toString(16)).slice(-2)}).join("").match(/.{1,24}/g);return n?1===n.length?t+"<"+n.join("").slice(1)+">":t+"<\n"+n.map(function(e){return s+"  "+e}).join("\n")+"\n"+s+"  >":t+"<>"}return t+JSON.stringify(i,null,2).split("\n").map(function(e,t){return 0===t?e:s+"  "+e}).join("\n")}).join("\n")+(r.boxes?"\n"+aa(r.boxes,t+1):"")}).join("\n")},parseType:ra,findBox:function e(t,i){var n,r,s,a,o,u=[];if(!i.length)return null;for(n=0;n<t.byteLength;)r=ma(t[n]<<24|t[n+1]<<16|t[n+2]<<8|t[n+3]),s=ra(t.subarray(n+4,n+8)),a=1<r?n+r:t.byteLength,s===i[0]&&(1===i.length?u.push(t.subarray(n+8,a)):(o=e(t.subarray(n+8,a),i.slice(1))).length&&(u=u.concat(o))),n=a;return u},parseTraf:ga.traf,parseTfdt:ga.tfdt,parseHdlr:ga.hdlr,parseTfhd:ga.tfhd,parseTrun:ga.trun,parseSidx:ga.sidx},ya=pa,_a=fa;oa=function(e){return va.findBox(e,["moov","trak"]).reduce(function(e,t){var i,n,r,s,a;return(i=va.findBox(t,["tkhd"])[0])?(n=i[0],s=ya(i[r=0===n?12:20]<<24|i[r+1]<<16|i[r+2]<<8|i[r+3]),(a=va.findBox(t,["mdia","mdhd"])[0])?(r=0===(n=a[0])?12:20,e[s]=ya(a[r]<<24|a[r+1]<<16|a[r+2]<<8|a[r+3]),e):null):null},{})},ua=function(r,e){var t,i,n;return t=va.findBox(e,["moof","traf"]),i=[].concat.apply([],t.map(function(n){return va.findBox(n,["tfhd"]).map(function(e){var t,i;return t=ya(e[4]<<24|e[5]<<16|e[6]<<8|e[7]),i=r[t]||9e4,(va.findBox(n,["tfdt"]).map(function(e){var t,i;return t=e[0],i=ya(e[4]<<24|e[5]<<16|e[6]<<8|e[7]),1===t&&(i*=Math.pow(2,32),i+=ya(e[8]<<24|e[9]<<16|e[10]<<8|e[11])),i})[0]||1/0)/i})})),n=Math.min.apply(null,i),isFinite(n)?n:0},la=function(e,t){var i,n=va.findBox(t,["moof","traf"]),r=0,s=0;if(n&&n.length)for(var a=va.parseTraf(n[0]),o=0;o<a.boxes.length;o++)"tfhd"===a.boxes[o].type?i=a.boxes[o].trackId:"tfdt"===a.boxes[o].type?r=a.boxes[o].baseMediaDecodeTime:"trun"===a.boxes[o].type&&a.boxes[o].samples.length&&(s=a.boxes[o].samples[0].compositionTimeOffset||0);return(r+s)/(e[i]||9e4)},ca=function(e){var t=va.findBox(e,["moov","trak"]),o=[];return t.forEach(function(e){var t=va.findBox(e,["mdia","hdlr"]),a=va.findBox(e,["tkhd"]);t.forEach(function(e,t){var i,n,r=va.parseType(e.subarray(8,12)),s=a[t];"vide"===r&&(n=0===(i=new DataView(s.buffer,s.byteOffset,s.byteLength)).getUint8(0)?i.getUint32(12):i.getUint32(20),o.push(n))})}),o},ha=function(e){var t=va.findBox(e,["moov","trak"]),p=[];return t.forEach(function(e){var t,i,n={},r=va.findBox(e,["tkhd"])[0];r&&(i=(t=new DataView(r.buffer,r.byteOffset,r.byteLength)).getUint8(0),n.id=0===i?t.getUint32(12):t.getUint32(20));var s=va.findBox(e,["mdia","hdlr"])[0];if(s){var a=va.parseType(s.subarray(8,12));n.type="vide"===a?"video":"soun"===a?"audio":a}var o=va.findBox(e,["mdia","minf","stbl","stsd"])[0];if(o){var u=o.subarray(8);n.codec=va.parseType(u.subarray(4,8));var l,c=va.findBox(u,[n.codec])[0];c&&(/^[a-z]vc[1-9]$/i.test(n.codec)?(l=c.subarray(78),"avcC"===va.parseType(l.subarray(4,8))&&11<l.length?(n.codec+=".",n.codec+=_a(l[9]),n.codec+=_a(l[10]),n.codec+=_a(l[11])):n.codec="avc1.4d400d"):/^mp4[a,v]$/i.test(n.codec)&&(l=c.subarray(28),"esds"===va.parseType(l.subarray(4,8))&&20<l.length&&0!==l[19]?(n.codec+="."+_a(l[19]),n.codec+="."+_a(l[20]>>>2&63).replace(/^0/,"")):n.codec="mp4a.40.2"))}var h=va.findBox(e,["mdia","mdhd"])[0];if(h&&r){var d=0===i?12:20;n.timescale=ya(h[d]<<24|h[1+d]<<16|h[2+d]<<8|h[3+d])}p.push(n)}),p};function ba(){this.init=function(){var s={};this.on=function(e,t){s[e]||(s[e]=[]),s[e]=s[e].concat(t)},this.off=function(e,t){var i;return!!s[e]&&(i=s[e].indexOf(t),s[e]=s[e].slice(),s[e].splice(i,1),-1<i)},this.trigger=function(e){var t,i,n,r;if(t=s[e])if(2===arguments.length)for(n=t.length,i=0;i<n;++i)t[i].call(this,arguments[1]);else{for(r=[],i=arguments.length,i=1;i<arguments.length;++i)r.push(arguments[i]);for(n=t.length,i=0;i<n;++i)t[i].apply(this,r)}},this.dispose=function(){s={}}}}var Ta={findBox:va.findBox,parseType:va.parseType,timescale:oa,startTime:ua,compositionStartTime:la,videoTrackIds:ca,tracks:ha},Sa=function(e){for(var t=0,i={payloadType:-1,payloadSize:0},n=0,r=0;t<e.byteLength&&128!==e[t];){for(;255===e[t];)n+=255,t++;for(n+=e[t++];255===e[t];)r+=255,t++;if(r+=e[t++],!i.payload&&4===n){i.payloadType=n,i.payloadSize=r,i.payload=e.subarray(t,t+r);break}t+=r,r=n=0}return i},ka=function(e){return 181!==e.payload[0]?null:49!=(e.payload[1]<<8|e.payload[2])?null:"GA94"!==String.fromCharCode(e.payload[3],e.payload[4],e.payload[5],e.payload[6])?null:3!==e.payload[7]?null:e.payload.subarray(8,e.payload.length-1)},Ca=function(e,t){var i,n,r,s,a=[];if(!(64&t[0]))return a;for(n=31&t[0],i=0;i<n;i++)s={type:3&t[2+(r=3*i)],pts:e},4&t[2+r]&&(s.ccData=t[3+r]<<8|t[4+r],a.push(s));return a},Ea=function(e){for(var t,i,n=e.byteLength,r=[],s=1;s<n-2;)0===e[s]&&0===e[s+1]&&3===e[s+2]?(r.push(s+2),s+=2):s++;if(0===r.length)return e;t=n-r.length,i=new Uint8Array(t);var a=0;for(s=0;s<t;a++,s++)a===r[0]&&(a++,r.shift()),i[s]=e[a];return i},wa=4;ba.prototype.pipe=function(t){return this.on("data",function(e){t.push(e)}),this.on("done",function(e){t.flush(e)}),this.on("partialdone",function(e){t.partialFlush(e)}),this.on("endedtimeline",function(e){t.endTimeline(e)}),this.on("reset",function(e){t.reset(e)}),t},ba.prototype.push=function(e){this.trigger("data",e)},ba.prototype.flush=function(e){this.trigger("done",e)},ba.prototype.partialFlush=function(e){this.trigger("partialdone",e)},ba.prototype.endTimeline=function(e){this.trigger("endedtimeline",e)},ba.prototype.reset=function(e){this.trigger("reset",e)};function La(){La.prototype.init.call(this),this.captionPackets_=[],this.ccStreams_=[new Da(0,0),new Da(0,1),new Da(1,0),new Da(1,1)],this.reset(),this.ccStreams_.forEach(function(e){e.on("data",this.trigger.bind(this,"data")),e.on("partialdone",this.trigger.bind(this,"partialdone")),e.on("done",this.trigger.bind(this,"done"))},this)}var Pa=ba;(La.prototype=new Pa).push=function(e){var t,i,n;if("sei_rbsp"===e.nalUnitType&&(t=Sa(e.escapedRBSP)).payloadType===wa&&(i=ka(t)))if(e.dts<this.latestDts_)this.ignoreNextEqualDts_=!0;else{if(e.dts===this.latestDts_&&this.ignoreNextEqualDts_)return this.numSameDts_--,void(this.numSameDts_||(this.ignoreNextEqualDts_=!1));n=Ca(e.pts,i),this.captionPackets_=this.captionPackets_.concat(n),this.latestDts_!==e.dts&&(this.numSameDts_=0),this.numSameDts_++,this.latestDts_=e.dts}},La.prototype.flushCCStreams=function(t){this.ccStreams_.forEach(function(e){return"flush"===t?e.flush():e.partialFlush()},this)},La.prototype.flushStream=function(e){this.captionPackets_.length&&(this.captionPackets_.forEach(function(e,t){e.presortIndex=t}),this.captionPackets_.sort(function(e,t){return e.pts===t.pts?e.presortIndex-t.presortIndex:e.pts-t.pts}),this.captionPackets_.forEach(function(e){e.type<2&&this.dispatchCea608Packet(e)},this),this.captionPackets_.length=0),this.flushCCStreams(e)},La.prototype.flush=function(){return this.flushStream("flush")},La.prototype.partialFlush=function(){return this.flushStream("partialFlush")},La.prototype.reset=function(){this.latestDts_=null,this.ignoreNextEqualDts_=!1,this.numSameDts_=0,this.activeCea608Channel_=[null,null],this.ccStreams_.forEach(function(e){e.reset()})},La.prototype.dispatchCea608Packet=function(e){this.setsTextOrXDSActive(e)?this.activeCea608Channel_[e.type]=null:this.setsChannel1Active(e)?this.activeCea608Channel_[e.type]=0:this.setsChannel2Active(e)&&(this.activeCea608Channel_[e.type]=1),null!==this.activeCea608Channel_[e.type]&&this.ccStreams_[(e.type<<1)+this.activeCea608Channel_[e.type]].push(e)},La.prototype.setsChannel1Active=function(e){return 4096==(30720&e.ccData)},La.prototype.setsChannel2Active=function(e){return 6144==(30720&e.ccData)},La.prototype.setsTextOrXDSActive=function(e){return 256==(28928&e.ccData)||4138==(30974&e.ccData)||6186==(30974&e.ccData)};function Aa(e){return null===e?"":(e=xa[e]||e,String.fromCharCode(e))}function Ia(){for(var e=[],t=15;t--;)e.push("");return e}var xa={42:225,92:233,94:237,95:243,96:250,123:231,124:247,125:209,126:241,127:9608,304:174,305:176,306:189,307:191,308:8482,309:162,310:163,311:9834,312:224,313:160,314:232,315:226,316:234,317:238,318:244,319:251,544:193,545:201,546:211,547:218,548:220,549:252,550:8216,551:161,552:42,553:39,554:8212,555:169,556:8480,557:8226,558:8220,559:8221,560:192,561:194,562:199,563:200,564:202,565:203,566:235,567:206,568:207,569:239,570:212,571:217,572:249,573:219,574:171,575:187,800:195,801:227,802:205,803:204,804:236,805:210,806:242,807:213,808:245,809:123,810:125,811:92,812:94,813:95,814:124,815:126,816:196,817:228,818:214,819:246,820:223,821:165,822:164,823:9474,824:197,825:229,826:216,827:248,828:9484,829:9488,830:9492,831:9496},Oa=[4352,4384,4608,4640,5376,5408,5632,5664,5888,5920,4096,4864,4896,5120,5152],Da=function e(t,i){e.prototype.init.call(this),this.field_=t||0,this.dataChannel_=i||0,this.name_="CC"+(1+(this.field_<<1|this.dataChannel_)),this.setConstants(),this.reset(),this.push=function(e){var t,i,n,r,s;if((t=32639&e.ccData)!==this.lastControlCode_){if(4096==(61440&t)?this.lastControlCode_=t:t!==this.PADDING_&&(this.lastControlCode_=null),n=t>>>8,r=255&t,t!==this.PADDING_)if(t===this.RESUME_CAPTION_LOADING_)this.mode_="popOn";else if(t===this.END_OF_CAPTION_)this.mode_="popOn",this.clearFormatting(e.pts),this.flushDisplayed(e.pts),i=this.displayed_,this.displayed_=this.nonDisplayed_,this.nonDisplayed_=i,this.startPts_=e.pts;else if(t===this.ROLL_UP_2_ROWS_)this.rollUpRows_=2,this.setRollUp(e.pts);else if(t===this.ROLL_UP_3_ROWS_)this.rollUpRows_=3,this.setRollUp(e.pts);else if(t===this.ROLL_UP_4_ROWS_)this.rollUpRows_=4,this.setRollUp(e.pts);else if(t===this.CARRIAGE_RETURN_)this.clearFormatting(e.pts),this.flushDisplayed(e.pts),this.shiftRowsUp_(),this.startPts_=e.pts;else if(t===this.BACKSPACE_)"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[this.row_]=this.displayed_[this.row_].slice(0,-1);else if(t===this.ERASE_DISPLAYED_MEMORY_)this.flushDisplayed(e.pts),this.displayed_=Ia();else if(t===this.ERASE_NON_DISPLAYED_MEMORY_)this.nonDisplayed_=Ia();else if(t===this.RESUME_DIRECT_CAPTIONING_)"paintOn"!==this.mode_&&(this.flushDisplayed(e.pts),this.displayed_=Ia()),this.mode_="paintOn",this.startPts_=e.pts;else if(this.isSpecialCharacter(n,r))s=Aa((n=(3&n)<<8)|r),this[this.mode_](e.pts,s),this.column_++;else if(this.isExtCharacter(n,r))"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[this.row_]=this.displayed_[this.row_].slice(0,-1),s=Aa((n=(3&n)<<8)|r),this[this.mode_](e.pts,s),this.column_++;else if(this.isMidRowCode(n,r))this.clearFormatting(e.pts),this[this.mode_](e.pts," "),this.column_++,14==(14&r)&&this.addFormatting(e.pts,["i"]),1==(1&r)&&this.addFormatting(e.pts,["u"]);else if(this.isOffsetControlCode(n,r))this.column_+=3&r;else if(this.isPAC(n,r)){var a=Oa.indexOf(7968&t);"rollUp"===this.mode_&&(a-this.rollUpRows_+1<0&&(a=this.rollUpRows_-1),this.setRollUp(e.pts,a)),a!==this.row_&&(this.clearFormatting(e.pts),this.row_=a),1&r&&-1===this.formatting_.indexOf("u")&&this.addFormatting(e.pts,["u"]),16==(16&t)&&(this.column_=4*((14&t)>>1)),this.isColorPAC(r)&&14==(14&r)&&this.addFormatting(e.pts,["i"])}else this.isNormalChar(n)&&(0===r&&(r=null),s=Aa(n),s+=Aa(r),this[this.mode_](e.pts,s),this.column_+=s.length)}else this.lastControlCode_=null}};Da.prototype=new Pa,Da.prototype.flushDisplayed=function(e){var t=this.displayed_.map(function(e){try{return e.trim()}catch(e){return""}}).join("\n").replace(/^\n+|\n+$/g,"");t.length&&this.trigger("data",{startPts:this.startPts_,endPts:e,text:t,stream:this.name_})},Da.prototype.reset=function(){this.mode_="popOn",this.topRow_=0,this.startPts_=0,this.displayed_=Ia(),this.nonDisplayed_=Ia(),this.lastControlCode_=null,this.column_=0,this.row_=14,this.rollUpRows_=2,this.formatting_=[]},Da.prototype.setConstants=function(){0===this.dataChannel_?(this.BASE_=16,this.EXT_=17,this.CONTROL_=(20|this.field_)<<8,this.OFFSET_=23):1===this.dataChannel_&&(this.BASE_=24,this.EXT_=25,this.CONTROL_=(28|this.field_)<<8,this.OFFSET_=31),this.PADDING_=0,this.RESUME_CAPTION_LOADING_=32|this.CONTROL_,this.END_OF_CAPTION_=47|this.CONTROL_,this.ROLL_UP_2_ROWS_=37|this.CONTROL_,this.ROLL_UP_3_ROWS_=38|this.CONTROL_,this.ROLL_UP_4_ROWS_=39|this.CONTROL_,this.CARRIAGE_RETURN_=45|this.CONTROL_,this.RESUME_DIRECT_CAPTIONING_=41|this.CONTROL_,this.BACKSPACE_=33|this.CONTROL_,this.ERASE_DISPLAYED_MEMORY_=44|this.CONTROL_,this.ERASE_NON_DISPLAYED_MEMORY_=46|this.CONTROL_},Da.prototype.isSpecialCharacter=function(e,t){return e===this.EXT_&&48<=t&&t<=63},Da.prototype.isExtCharacter=function(e,t){return(e===this.EXT_+1||e===this.EXT_+2)&&32<=t&&t<=63},Da.prototype.isMidRowCode=function(e,t){return e===this.EXT_&&32<=t&&t<=47},Da.prototype.isOffsetControlCode=function(e,t){return e===this.OFFSET_&&33<=t&&t<=35},Da.prototype.isPAC=function(e,t){return e>=this.BASE_&&e<this.BASE_+8&&64<=t&&t<=127},Da.prototype.isColorPAC=function(e){return 64<=e&&e<=79||96<=e&&e<=127},Da.prototype.isNormalChar=function(e){return 32<=e&&e<=127},Da.prototype.setRollUp=function(e,t){if("rollUp"!==this.mode_&&(this.row_=14,this.mode_="rollUp",this.flushDisplayed(e),this.nonDisplayed_=Ia(),this.displayed_=Ia()),void 0!==t&&t!==this.row_)for(var i=0;i<this.rollUpRows_;i++)this.displayed_[t-i]=this.displayed_[this.row_-i],this.displayed_[this.row_-i]="";void 0===t&&(t=this.row_),this.topRow_=t-this.rollUpRows_+1},Da.prototype.addFormatting=function(e,t){this.formatting_=this.formatting_.concat(t);var i=t.reduce(function(e,t){return e+"<"+t+">"},"");this[this.mode_](e,i)},Da.prototype.clearFormatting=function(e){if(this.formatting_.length){var t=this.formatting_.reverse().reduce(function(e,t){return e+"</"+t+">"},"");this.formatting_=[],this[this.mode_](e,t)}},Da.prototype.popOn=function(e,t){var i=this.nonDisplayed_[this.row_];i+=t,this.nonDisplayed_[this.row_]=i},Da.prototype.rollUp=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i},Da.prototype.shiftRowsUp_=function(){var e;for(e=0;e<this.topRow_;e++)this.displayed_[e]="";for(e=this.row_+1;e<15;e++)this.displayed_[e]="";for(e=this.topRow_;e<this.row_;e++)this.displayed_[e]=this.displayed_[e+1];this.displayed_[this.row_]=""},Da.prototype.paintOn=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i};function Ra(e,t){for(var i=e,n=0;n<t.length;n++){var r=t[n];if(i<r.size)return r;i-=r.size}return null}function Ua(e,c){var n=Ta.findBox(e,["moof","traf"]),t=Ta.findBox(e,["mdat"]),h={},r=[];return t.forEach(function(e,t){var i=n[t];r.push({mdat:e,traf:i})}),r.forEach(function(e){var t,i=e.mdat,n=e.traf,r=Ta.findBox(n,["tfhd"]),s=va.parseTfhd(r[0]),a=s.trackId,o=Ta.findBox(n,["tfdt"]),u=0<o.length?va.parseTfdt(o[0]).baseMediaDecodeTime:0,l=Ta.findBox(n,["trun"]);c===a&&0<l.length&&(t=function(e,t,i){var n,r,s,a,o=new DataView(e.buffer,e.byteOffset,e.byteLength),u=[];for(r=0;r+4<e.length;r+=s)if(s=o.getUint32(r),r+=4,!(s<=0))switch(31&e[r]){case 6:var l=e.subarray(r+1,r+1+s),c=Ra(r,t);n={nalUnitType:"sei_rbsp",size:s,data:l,escapedRBSP:Na(l),trackId:i},c?(n.pts=c.pts,n.dts=c.dts,a=c):(n.pts=a.pts,n.dts=a.dts),u.push(n)}return u}(i,function(e,t,i){var n=t,r=i.defaultSampleDuration||0,s=i.defaultSampleSize||0,a=i.trackId,o=[];return e.forEach(function(e){var t=va.parseTrun(e).samples;t.forEach(function(e){void 0===e.duration&&(e.duration=r),void 0===e.size&&(e.size=s),e.trackId=a,e.dts=n,void 0===e.compositionTimeOffset&&(e.compositionTimeOffset=0),e.pts=n+e.compositionTimeOffset,n+=e.duration}),o=o.concat(t)}),o}(l,u,s),a),h[a]||(h[a]=[]),h[a]=h[a].concat(t))}),h}function Ma(e,t){var i=1;for(t<e&&(i=-1);4294967296<Math.abs(t-e);)e+=8589934592*i;return e}var Na=Ea,Ba=La,ja=function(){var t,s,a,o,u,i,n=!1;this.isInitialized=function(){return n},this.init=function(e){t=new Ba,n=!0,i=!!e&&e.isPartial,t.on("data",function(e){e.startTime=e.startPts/o,e.endTime=e.endPts/o,u.captions.push(e),u.captionStreams[e.stream]=!0})},this.isNewInit=function(e,t){return!(e&&0===e.length||t&&"object"==typeof t&&0===Object.keys(t).length)&&(a!==e[0]||o!==t[a])},this.parse=function(e,t,i){var n;if(!this.isInitialized())return null;if(!t||!i)return null;if(this.isNewInit(t,i))a=t[0],o=i[a];else if(null===a||!o)return s.push(e),null;for(;0<s.length;){var r=s.shift();this.parse(r,t,i)}return null!==(n=function(e,t,i){return null===t?null:{seiNals:Ua(e,t)[t],timescale:i}}(e,a,o))&&n.seiNals?(this.pushNals(n.seiNals),this.flushStream(),u):null},this.pushNals=function(e){if(!this.isInitialized()||!e||0===e.length)return null;e.forEach(function(e){t.push(e)})},this.flushStream=function(){if(!this.isInitialized())return null;i?t.partialFlush():t.flush()},this.clearParsedCaptions=function(){u.captions=[],u.captionStreams={}},this.resetCaptionStream=function(){if(!this.isInitialized())return null;t.reset()},this.clearAllCaptions=function(){this.clearParsedCaptions(),this.resetCaptionStream()},this.reset=function(){s=[],o=a=null,u?this.clearParsedCaptions():u={captions:[],captionStreams:{}},this.resetCaptionStream()},this.reset()},Fa=27,Ha=15,Va=21;new Pa;function qa(e){var t=31&e[1];return t<<=8,t|=e[2]}function Wa(e){return!!(64&e[1])}function za(e){var t=0;return 1<(48&e[3])>>>4&&(t+=e[4]+1),t}function Ga(e){switch(e){case 5:return"slice_layer_without_partitioning_rbsp_idr";case 6:return"sei_rbsp";case 7:return"seq_parameter_set_rbsp";case 8:return"pic_parameter_set_rbsp";case 9:return"access_unit_delimiter_rbsp";default:return null}}function Ka(e){return e[0]<<21|e[1]<<14|e[2]<<7|e[3]}var Xa,Ya,$a,Qa,Ja={parseType:function(e,t){var i=qa(e);return 0===i?"pat":i===t?"pmt":t?"pes":null},parsePat:function(e){var t=Wa(e),i=4+za(e);return t&&(i+=e[i]+1),(31&e[i+10])<<8|e[i+11]},parsePmt:function(e){var t={},i=Wa(e),n=4+za(e);if(i&&(n+=e[n]+1),1&e[n+5]){var r;r=3+((15&e[n+1])<<8|e[n+2])-4;for(var s=12+((15&e[n+10])<<8|e[n+11]);s<r;){var a=n+s;t[(31&e[a+1])<<8|e[a+2]]=e[a],s+=5+((15&e[a+3])<<8|e[a+4])}return t}},parsePayloadUnitStartIndicator:Wa,parsePesType:function(e,t){switch(t[qa(e)]){case Fa:return"video";case Ha:return"audio";case Va:return"timed-metadata";default:return null}},parsePesTime:function(e){if(!Wa(e))return null;var t=4+za(e);if(t>=e.byteLength)return null;var i,n=null;return 192&(i=e[t+7])&&((n={}).pts=(14&e[t+9])<<27|(255&e[t+10])<<20|(254&e[t+11])<<12|(255&e[t+12])<<5|(254&e[t+13])>>>3,n.pts*=4,n.pts+=(6&e[t+13])>>>1,n.dts=n.pts,64&i&&(n.dts=(14&e[t+14])<<27|(255&e[t+15])<<20|(254&e[t+16])<<12|(255&e[t+17])<<5|(254&e[t+18])>>>3,n.dts*=4,n.dts+=(6&e[t+18])>>>1)),n},videoPacketContainsKeyFrame:function(e){for(var t=4+za(e),i=e.subarray(t),n=0,r=0,s=!1;r<i.byteLength-3;r++)if(1===i[r+2]){n=r+5;break}for(;n<i.byteLength;)switch(i[n]){case 0:if(0!==i[n-1]){n+=2;break}if(0!==i[n-2]){n++;break}for(r+3!==n-2&&"slice_layer_without_partitioning_rbsp_idr"===Ga(31&i[r+3])&&(s=!0);1!==i[++n]&&n<i.length;);r=n-2,n+=3;break;case 1:if(0!==i[n-1]||0!==i[n-2]){n+=3;break}"slice_layer_without_partitioning_rbsp_idr"===Ga(31&i[r+3])&&(s=!0),r=n-2,n+=3;break;default:n+=3}return i=i.subarray(r),n-=r,r=0,i&&3<i.byteLength&&"slice_layer_without_partitioning_rbsp_idr"===Ga(31&i[r+3])&&(s=!0),s}},Za=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350],eo={isLikelyAacData:function(e){return e[0]==="I".charCodeAt(0)&&e[1]==="D".charCodeAt(0)&&e[2]==="3".charCodeAt(0)},parseId3TagSize:function(e,t){var i=e[t+6]<<21|e[t+7]<<14|e[t+8]<<7|e[t+9];return(16&e[t+5])>>4?20+i:10+i},parseAdtsSize:function(e,t){var i=(224&e[t+5])>>5,n=e[t+4]<<3;return 6144&e[t+3]|n|i},parseType:function(e,t){return e[t]==="I".charCodeAt(0)&&e[t+1]==="D".charCodeAt(0)&&e[t+2]==="3".charCodeAt(0)?"timed-metadata":!0&e[t]&&240==(240&e[t+1])?"audio":null},parseSampleRate:function(e){for(var t=0;t+5<e.length;){if(255===e[t]&&240==(246&e[t+1]))return Za[(60&e[t+2])>>>2];t++}return null},parseAacTimestamp:function(e){var t,i,n;t=10,64&e[5]&&(t+=4,t+=Ka(e.subarray(10,14)));do{if((i=Ka(e.subarray(t+4,t+8)))<1)return null;if("PRIV"===String.fromCharCode(e[t],e[t+1],e[t+2],e[t+3])){n=e.subarray(t+10,t+i+10);for(var r=0;r<n.byteLength;r++)if(0===n[r]){if("com.apple.streaming.transportStreamTimestamp"!==unescape(function(e,t,i){var n,r="";for(n=t;n<i;n++)r+="%"+("00"+e[n].toString(16)).slice(-2);return r}(n,0,r)))break;var s=n.subarray(r+1),a=(1&s[3])<<30|s[4]<<22|s[5]<<14|s[6]<<6|s[7]>>>2;return a*=4,a+=3&s[7]}}t+=10,t+=i}while(t<e.byteLength);return null}},to=9e4,io=(Xa=function(e){return 9e4*e},Ya=function(e,t){return e*t},$a=function(e){return e/9e4},Qa=function(e,t){return e/t},Ma),no={};no.ts=Ja,no.aac=eo;function ro(e,t,i){for(var n,r,s,a,o=0,u=uo,l=!1;u<=e.byteLength;)if(71!==e[o]||71!==e[u]&&u!==e.byteLength)o++,u++;else{switch(n=e.subarray(o,u),no.ts.parseType(n,t.pid)){case"pes":r=no.ts.parsePesType(n,t.table),s=no.ts.parsePayloadUnitStartIndicator(n),"audio"===r&&s&&(a=no.ts.parsePesTime(n))&&(a.type="audio",i.audio.push(a),l=!0)}if(l)break;o+=uo,u+=uo}for(o=(u=e.byteLength)-uo,l=!1;0<=o;)if(71!==e[o]||71!==e[u]&&u!==e.byteLength)o--,u--;else{switch(n=e.subarray(o,u),no.ts.parseType(n,t.pid)){case"pes":r=no.ts.parsePesType(n,t.table),s=no.ts.parsePayloadUnitStartIndicator(n),"audio"===r&&s&&(a=no.ts.parsePesTime(n))&&(a.type="audio",i.audio.push(a),l=!0)}if(l)break;o-=uo,u-=uo}}function so(e,t,i){for(var n,r,s,a,o,u,l,c=0,h=uo,d=!1,p={data:[],size:0};h<e.byteLength;)if(71!==e[c]||71!==e[h])c++,h++;else{switch(n=e.subarray(c,h),no.ts.parseType(n,t.pid)){case"pes":if(r=no.ts.parsePesType(n,t.table),s=no.ts.parsePayloadUnitStartIndicator(n),"video"===r&&(s&&!d&&(a=no.ts.parsePesTime(n))&&(a.type="video",i.video.push(a),d=!0),!i.firstKeyFrame)){if(s&&0!==p.size){for(o=new Uint8Array(p.size),u=0;p.data.length;)l=p.data.shift(),o.set(l,u),u+=l.byteLength;if(no.ts.videoPacketContainsKeyFrame(o)){var f=no.ts.parsePesTime(o);f&&(i.firstKeyFrame=f,i.firstKeyFrame.type="video")}p.size=0}p.data.push(n),p.size+=n.byteLength}}if(d&&i.firstKeyFrame)break;c+=uo,h+=uo}for(c=(h=e.byteLength)-uo,d=!1;0<=c;)if(71!==e[c]||71!==e[h])c--,h--;else{switch(n=e.subarray(c,h),no.ts.parseType(n,t.pid)){case"pes":r=no.ts.parsePesType(n,t.table),s=no.ts.parsePayloadUnitStartIndicator(n),"video"===r&&s&&(a=no.ts.parsePesTime(n))&&(a.type="video",i.video.push(a),d=!0)}if(d)break;c-=uo,h-=uo}}function ao(e){var t={pid:null,table:null},i={};for(var n in function(e,t){for(var i,n=0,r=uo;r<e.byteLength;)if(71!==e[n]||71!==e[r])n++,r++;else{switch(i=e.subarray(n,r),no.ts.parseType(i,t.pid)){case"pat":t.pid||(t.pid=no.ts.parsePat(i));break;case"pmt":t.table||(t.table=no.ts.parsePmt(i))}if(t.pid&&t.table)return;n+=uo,r+=uo}}(e,t),t.table){if(t.table.hasOwnProperty(n))switch(t.table[n]){case Fa:i.video=[],so(e,t,i),0===i.video.length&&delete i.video;break;case Ha:i.audio=[],ro(e,t,i),0===i.audio.length&&delete i.audio}}return i}var oo=to,uo=188,lo=function(e,t){var i;return(i=no.aac.isLikelyAacData(e)?function(e){for(var t,i=!1,n=0,r=null,s=null,a=0,o=0;3<=e.length-o;){switch(no.aac.parseType(e,o)){case"timed-metadata":if(e.length-o<10){i=!0;break}if((a=no.aac.parseId3TagSize(e,o))>e.length){i=!0;break}null===s&&(t=e.subarray(o,o+a),s=no.aac.parseAacTimestamp(t)),o+=a;break;case"audio":if(e.length-o<7){i=!0;break}if((a=no.aac.parseAdtsSize(e,o))>e.length){i=!0;break}null===r&&(t=e.subarray(o,o+a),r=no.aac.parseSampleRate(t)),n++,o+=a;break;default:o++}if(i)return null}if(null===r||null===s)return null;var u=oo/r;return{audio:[{type:"audio",dts:s,pts:s},{type:"audio",dts:s+1024*n*u,pts:s+1024*n*u}]}}(e):ao(e))&&(i.audio||i.video)?(function(e,t){if(e.audio&&e.audio.length){var i=t;"undefined"==typeof i&&(i=e.audio[0].dts),e.audio.forEach(function(e){e.dts=io(e.dts,i),e.pts=io(e.pts,i),e.dtsTime=e.dts/oo,e.ptsTime=e.pts/oo})}if(e.video&&e.video.length){var n=t;if("undefined"==typeof n&&(n=e.video[0].dts),e.video.forEach(function(e){e.dts=io(e.dts,n),e.pts=io(e.pts,n),e.dtsTime=e.dts/oo,e.ptsTime=e.pts/oo}),e.firstKeyFrame){var r=e.firstKeyFrame;r.dts=io(r.dts,n),r.pts=io(r.pts,n),r.dtsTime=r.dts/oo,r.ptsTime=r.dts/oo}}}(i,t),i):null};function co(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var ho=function(e,t,i){return t&&po(e.prototype,t),i&&po(e,i),e};function po(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var fo=null,mo=(go.prototype.decrypt=function(e,t,i,n,r,s){var a=this._key[1],o=e^a[0],u=n^a[1],l=i^a[2],c=t^a[3],h=void 0,d=void 0,p=void 0,f=a.length/4-2,m=void 0,g=4,v=this._tables[1],y=v[0],_=v[1],b=v[2],T=v[3],S=v[4];for(m=0;m<f;m++)h=y[o>>>24]^_[u>>16&255]^b[l>>8&255]^T[255&c]^a[g],d=y[u>>>24]^_[l>>16&255]^b[c>>8&255]^T[255&o]^a[g+1],p=y[l>>>24]^_[c>>16&255]^b[o>>8&255]^T[255&u]^a[g+2],c=y[c>>>24]^_[o>>16&255]^b[u>>8&255]^T[255&l]^a[g+3],g+=4,o=h,u=d,l=p;for(m=0;m<4;m++)r[(3&-m)+s]=S[o>>>24]<<24^S[u>>16&255]<<16^S[l>>8&255]<<8^S[255&c]^a[g++],h=o,o=u,u=l,l=c,c=h},go);function go(e){co(this,go),fo=fo||function(){var e=[[[],[],[],[],[]],[[],[],[],[],[]]],t=e[0],i=e[1],n=t[4],r=i[4],s=void 0,a=void 0,o=void 0,u=[],l=[],c=void 0,h=void 0,d=void 0,p=void 0,f=void 0;for(s=0;s<256;s++)l[(u[s]=s<<1^283*(s>>7))^s]=s;for(a=o=0;!n[a];a^=c||1,o=l[o]||1)for(d=(d=o^o<<1^o<<2^o<<3^o<<4)>>8^255&d^99,f=16843009*u[h=u[c=u[r[n[a]=d]=a]]]^65537*h^257*c^16843008*a,p=257*u[d]^16843008*d,s=0;s<4;s++)t[s][a]=p=p<<24^p>>>8,i[s][d]=f=f<<24^f>>>8;for(s=0;s<5;s++)t[s]=t[s].slice(0),i[s]=i[s].slice(0);return e}(),this._tables=[[fo[0][0].slice(),fo[0][1].slice(),fo[0][2].slice(),fo[0][3].slice(),fo[0][4].slice()],[fo[1][0].slice(),fo[1][1].slice(),fo[1][2].slice(),fo[1][3].slice(),fo[1][4].slice()]];var t=void 0,i=void 0,n=void 0,r=void 0,s=void 0,a=this._tables[0][4],o=this._tables[1],u=e.length,l=1;if(4!==u&&6!==u&&8!==u)throw new Error("Invalid aes key size");for(r=e.slice(0),s=[],this._key=[r,s],t=u;t<4*u+28;t++)n=r[t-1],(t%u==0||8===u&&t%u==4)&&(n=a[n>>>24]<<24^a[n>>16&255]<<16^a[n>>8&255]<<8^a[255&n],t%u==0&&(n=n<<8^n>>>24^l<<24,l=l<<1^283*(l>>7))),r[t]=r[t-u]^n;for(i=0;t;i++,t--)n=r[3&i?t:t-4],s[i]=t<=4||i<4?n:o[0][a[n>>>24]]^o[1][a[n>>16&255]]^o[2][a[n>>8&255]]^o[3][a[255&n]]}var vo=(yo.prototype.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},yo.prototype.off=function(e,t){if(!this.listeners[e])return!1;var i=this.listeners[e].indexOf(t);return this.listeners[e].splice(i,1),-1<i},yo.prototype.trigger=function(e,t){var i=this.listeners[e];if(i)if(2===arguments.length)for(var n=i.length,r=0;r<n;++r)i[r].call(this,t);else for(var s=Array.prototype.slice.call(arguments,1),a=i.length,o=0;o<a;++o)i[o].apply(this,s)},yo.prototype.dispose=function(){this.listeners={}},yo.prototype.pipe=function(t){this.on("data",function(e){t.push(e)})},yo);function yo(){co(this,yo),this.listeners={}}var _o,bo=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(To,_o=vo),To.prototype.processJob_=function(){this.jobs.shift()(),this.jobs.length?this.timeout_=setTimeout(this.processJob_.bind(this),this.delay):this.timeout_=null},To.prototype.push=function(e){this.jobs.push(e),this.timeout_||(this.timeout_=setTimeout(this.processJob_.bind(this),this.delay))},To);function To(){co(this,To);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,_o.call(this,vo));return e.jobs=[],e.delay=1,e.timeout_=null,e}function So(e){return e<<24|(65280&e)<<8|(16711680&e)>>8|e>>>24}function ko(e,t,i){var n=new Int32Array(e.buffer,e.byteOffset,e.byteLength>>2),r=new mo(Array.prototype.slice.call(t)),s=new Uint8Array(e.byteLength),a=new Int32Array(s.buffer),o=void 0,u=void 0,l=void 0,c=void 0,h=void 0,d=void 0,p=void 0,f=void 0,m=void 0;for(o=i[0],u=i[1],l=i[2],c=i[3],m=0;m<n.length;m+=4)h=So(n[m]),d=So(n[m+1]),p=So(n[m+2]),f=So(n[m+3]),r.decrypt(h,d,p,f,a,m),a[m]=So(a[m]^o),a[m+1]=So(a[m+1]^u),a[m+2]=So(a[m+2]^l),a[m+3]=So(a[m+3]^c),o=h,u=d,l=p,c=f;return s}var Co=(Eo.prototype.decryptChunk_=function(t,i,n,r){return function(){var e=ko(t,i,n);r.set(e,t.byteOffset)}},ho(Eo,null,[{key:"STEP",get:function(){return 32e3}}]),Eo);function Eo(e,t,i,n){co(this,Eo);var r=Eo.STEP,s=new Int32Array(e.buffer),a=new Uint8Array(e.byteLength),o=0;for(this.asyncStream_=new bo,this.asyncStream_.push(this.decryptChunk_(s.subarray(o,o+r),t,i,a)),o=r;o<s.length;o+=r)i=new Uint32Array([So(s[o-4]),So(s[o-3]),So(s[o-2]),So(s[o-1])]),this.asyncStream_.push(this.decryptChunk_(s.subarray(o,o+r),t,i,a));this.asyncStream_.push(function(){n(null,function(e){return e.subarray(0,e.byteLength-e[e.byteLength-1])}(a))})}function wo(e,t){return/^[a-z]+:/i.test(t)?t:(/\/\//i.test(e)||(e=os.buildAbsoluteURL(y.location.href,e)),os.buildAbsoluteURL(e,t))}function Lo(e,t,i){return e&&i.responseURL&&t!==i.responseURL?i.responseURL:t}function Po(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}
-/**
-   * @videojs/http-streaming
-   * @version 1.11.2
-   * @copyright 2019 Brightcove, Inc
-   * @license Apache-2.0
-   */
-var Ao=function(e,t,i){return t&&Io(e.prototype,t),i&&Io(e,i),e};function Io(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function xo(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function Oo(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function Do(r,s){["AUDIO","SUBTITLES"].forEach(function(e){for(var t in r.mediaGroups[e])for(var i in r.mediaGroups[e][t]){var n=r.mediaGroups[e][t][i];s(n,e,t,i)}})}function Ro(e,t){var i=jo(e,{}),n=i.playlists[t.uri];if(!n)return null;if(n.segments&&t.segments&&n.segments.length===t.segments.length&&n.endList===t.endList&&n.mediaSequence===t.mediaSequence)return null;var r=jo(n,t);n.segments&&(r.segments=function(e,t,i){var n=t.slice();i=i||0;for(var r=Math.min(e.length,t.length+i),s=i;s<r;s++)n[s-i]=jo(e[s],n[s-i]);return n}(n.segments,t.segments,t.mediaSequence-n.mediaSequence)),r.segments.forEach(function(e){!function(e,t){e.resolvedUri||(e.resolvedUri=wo(t,e.uri)),e.key&&!e.key.resolvedUri&&(e.key.resolvedUri=wo(t,e.key.uri)),e.map&&!e.map.resolvedUri&&(e.map.resolvedUri=wo(t,e.map.uri))}(e,r.resolvedUri)});for(var s=0;s<i.playlists.length;s++)i.playlists[s].uri===t.uri&&(i.playlists[s]=r);return i.playlists[t.uri]=r,i}function Uo(e){for(var t=e.playlists.length;t--;){var i=e.playlists[t];(e.playlists[i.uri]=i).resolvedUri=wo(e.uri,i.uri),i.id=t,i.attributes||(i.attributes={},Fo.warn("Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute."))}}function Mo(t){Do(t,function(e){e.uri&&(e.resolvedUri=wo(t.uri,e.uri))})}function No(e,t){var i=e.segments[e.segments.length-1];return t&&i&&i.duration?1e3*i.duration:500*(e.targetDuration||10)}var Bo=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var i=[],n=!0,r=!1,s=void 0;try{for(var a,o=e[Symbol.iterator]();!(n=(a=o.next()).done)&&(i.push(a.value),!t||i.length!==t);n=!0);}catch(e){r=!0,s=e}finally{try{!n&&o.return&&o.return()}finally{if(r)throw s}}return i}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},jo=rs.mergeOptions,Fo=rs.log,Ho=(xo(Vo,rs.EventTarget),Ao(Vo,[{key:"playlistRequestError",value:function(e,t,i){this.request=null,i&&(this.state=i),this.error={playlist:this.master.playlists[t],status:e.status,message:"HLS playlist request error at URL: "+t+".",responseText:e.responseText,code:500<=e.status?4:2},this.trigger("error")}},{key:"haveMetadata",value:function(e,t){var i=this;this.request=null,this.state="HAVE_METADATA";var n=new ys;this.customTagParsers.forEach(function(e){return n.addParser(e)}),this.customTagMappers.forEach(function(e){return n.addTagMapper(e)}),n.push(e.responseText),n.end(),n.manifest.uri=t,n.manifest.attributes=n.manifest.attributes||{};var r=Ro(this.master,n.manifest);this.targetDuration=n.manifest.targetDuration,r?(this.master=r,this.media_=this.master.playlists[n.manifest.uri]):this.trigger("playlistunchanged"),this.media().endList||(y.clearTimeout(this.mediaUpdateTimeout),this.mediaUpdateTimeout=y.setTimeout(function(){i.trigger("mediaupdatetimeout")},No(this.media(),!!r))),this.trigger("loadedplaylist")}},{key:"dispose",value:function(){this.stopRequest(),y.clearTimeout(this.mediaUpdateTimeout),y.clearTimeout(this.finalRenditionTimeout)}},{key:"stopRequest",value:function(){if(this.request){var e=this.request;this.request=null,e.onreadystatechange=null,e.abort()}}},{key:"media",value:function(i,e){var n=this;if(!i)return this.media_;if("HAVE_NOTHING"===this.state)throw new Error("Cannot switch media playlist from "+this.state);if("string"==typeof i){if(!this.master.playlists[i])throw new Error("Unknown playlist URI: "+i);i=this.master.playlists[i]}if(y.clearTimeout(this.finalRenditionTimeout),e){var t=i.targetDuration/2*1e3||5e3;this.finalRenditionTimeout=y.setTimeout(this.media.bind(this,i,!1),t)}else{var r=this.state,s=!this.media_||i.uri!==this.media_.uri;if(this.master.playlists[i.uri].endList)return this.request&&(this.request.onreadystatechange=null,this.request.abort(),this.request=null),this.state="HAVE_METADATA",this.media_=i,void(s&&(this.trigger("mediachanging"),this.trigger("mediachange")));if(s){if(this.state="SWITCHING_MEDIA",this.request){if(i.resolvedUri===this.request.url)return;this.request.onreadystatechange=null,this.request.abort(),this.request=null}this.media_&&this.trigger("mediachanging"),this.request=this.hls_.xhr({uri:i.resolvedUri,withCredentials:this.withCredentials},function(e,t){if(n.request){if(i.resolvedUri=Lo(n.handleManifestRedirects,i.resolvedUri,t),e)return n.playlistRequestError(n.request,i.uri,r);n.haveMetadata(t,i.uri),"HAVE_MASTER"===r?n.trigger("loadedmetadata"):n.trigger("mediachange")}})}}}},{key:"pause",value:function(){this.stopRequest(),y.clearTimeout(this.mediaUpdateTimeout),"HAVE_NOTHING"===this.state&&(this.started=!1),"SWITCHING_MEDIA"===this.state?this.media_?this.state="HAVE_METADATA":this.state="HAVE_MASTER":"HAVE_CURRENT_METADATA"===this.state&&(this.state="HAVE_METADATA")}},{key:"load",value:function(e){var t=this;y.clearTimeout(this.mediaUpdateTimeout);var i=this.media();if(e){var n=i?i.targetDuration/2*1e3:5e3;this.mediaUpdateTimeout=y.setTimeout(function(){return t.load()},n)}else this.started?i&&!i.endList?this.trigger("mediaupdatetimeout"):this.trigger("loadedplaylist"):this.start()}},{key:"start",value:function(){var n=this;this.started=!0,this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(e,t){if(n.request){if(n.request=null,e)return n.error={status:t.status,message:"HLS playlist request error at URL: "+n.srcUrl+".",responseText:t.responseText,code:2},"HAVE_NOTHING"===n.state&&(n.started=!1),n.trigger("error");var i=new ys;return n.customTagParsers.forEach(function(e){return i.addParser(e)}),n.customTagMappers.forEach(function(e){return i.addTagMapper(e)}),i.push(t.responseText),i.end(),n.state="HAVE_MASTER",n.srcUrl=Lo(n.handleManifestRedirects,n.srcUrl,t),i.manifest.uri=n.srcUrl,i.manifest.playlists?(n.master=i.manifest,Uo(n.master),Mo(n.master),n.trigger("loadedplaylist"),void(n.request||n.media(i.manifest.playlists[0]))):(n.master={mediaGroups:{AUDIO:{},VIDEO:{},"CLOSED-CAPTIONS":{},SUBTITLES:{}},uri:y.location.href,playlists:[{uri:n.srcUrl,id:0,resolvedUri:n.srcUrl,attributes:{}}]},n.master.playlists[n.srcUrl]=n.master.playlists[0],n.haveMetadata(t,n.srcUrl),n.trigger("loadedmetadata"))}})}}]),Vo);function Vo(e,t){var i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{};Po(this,Vo);var n=Oo(this,(Vo.__proto__||Object.getPrototypeOf(Vo)).call(this)),r=i.withCredentials,s=void 0!==r&&r,a=i.handleManifestRedirects,o=void 0!==a&&a;n.srcUrl=e,n.hls_=t,n.withCredentials=s,n.handleManifestRedirects=o;var u=t.options_;if(n.customTagParsers=u&&u.customTagParsers||[],n.customTagMappers=u&&u.customTagMappers||[],!n.srcUrl)throw new Error("A non-empty playlist URL is required");return n.state="HAVE_NOTHING",n.on("mediaupdatetimeout",function(){"HAVE_METADATA"===n.state&&(n.state="HAVE_CURRENT_METADATA",n.request=n.hls_.xhr({uri:wo(n.master.uri,n.media().uri),withCredentials:n.withCredentials},function(e,t){if(n.request)return e?n.playlistRequestError(n.request,n.media().uri,"HAVE_METADATA"):void n.haveMetadata(n.request,n.media().uri)}))}),n}function qo(e,t,i){var n,r;return"undefined"==typeof t&&(t=e.mediaSequence+e.segments.length),t<e.mediaSequence?0:(n=function(e,t){var i=0,n=t-e.mediaSequence,r=e.segments[n];if(r){if("undefined"!=typeof r.start)return{result:r.start,precise:!0};if("undefined"!=typeof r.end)return{result:r.end-r.duration,precise:!0}}for(;n--;){if("undefined"!=typeof(r=e.segments[n]).end)return{result:i+r.end,precise:!0};if(i+=r.duration,"undefined"!=typeof r.start)return{result:i+r.start,precise:!0}}return{result:i,precise:!1}}(e,t)).precise?n.result:(r=function(e,t){for(var i=0,n=void 0,r=t-e.mediaSequence;r<e.segments.length;r++){if("undefined"!=typeof(n=e.segments[r]).start)return{result:n.start-i,precise:!0};if(i+=n.duration,"undefined"!=typeof n.end)return{result:n.end-i,precise:!0}}return{result:-1,precise:!1}}(e,t)).precise?r.result:n.result+i}function Wo(e,t,i){if(!e)return 0;if("number"!=typeof i&&(i=0),"undefined"==typeof t){if(e.totalDuration)return e.totalDuration;if(!e.endList)return y.Infinity}return qo(e,t,i)}function zo(e,t,i){var n=0;if(i<t){var r=[i,t];t=r[0],i=r[1]}if(t<0){for(var s=t;s<Math.min(0,i);s++)n+=e.targetDuration;t=0}for(var a=t;a<i;a++)n+=e.segments[a].duration;return n}function Go(e){if(!e.segments.length)return 0;for(var t=e.segments.length-1,i=e.segments[t].duration||e.targetDuration,n=i+2*e.targetDuration;t--&&!(n<=(i+=e.segments[t].duration)););return Math.max(0,t)}function Ko(e,t,i){if(!e||!e.segments)return null;if(e.endList)return Wo(e);if(null===t)return null;t=t||0;var n=i?Go(e):e.segments.length;return qo(e,e.mediaSequence+n,t)}function Xo(e){return e-Math.floor(e)==0}function Yo(e,t){if(Xo(t))return t+.1*e;for(var i=t.toString().split(".")[1].length,n=1;n<=i;n++){var r=Math.pow(10,n),s=t*r;if(Xo(s)||n===i)return(s+e)/r}}function $o(e){return e.excludeUntil&&e.excludeUntil>Date.now()}function Qo(e){return e.excludeUntil&&e.excludeUntil===1/0}function Jo(e){var t=$o(e);return!e.disabled&&!t}function Zo(e,t){return t.attributes&&t.attributes[e]}function eu(e,t){if(1===e.playlists.length)return!0;var i=t.attributes.BANDWIDTH||Number.MAX_VALUE;return 0===e.playlists.filter(function(e){return!!Jo(e)&&(e.attributes.BANDWIDTH||0)<i}).length}function tu(){return function e(t,n){t=Cu({timeout:45e3},t);var i=e.beforeRequest||rs.Hls.xhr.beforeRequest;if(i&&"function"==typeof i){var r=i(t);r&&(t=r)}var s=ku(t,function(e,t){var i=s.response;!e&&i&&(s.responseTime=Date.now(),s.roundTripTime=s.responseTime-s.requestTime,s.bytesReceived=i.byteLength||i.length,s.bandwidth||(s.bandwidth=Math.floor(s.bytesReceived/s.roundTripTime*8*1e3))),t.headers&&(s.responseHeaders=t.headers),e&&"ETIMEDOUT"===e.code&&(s.timedout=!0),e||s.aborted||200===t.statusCode||206===t.statusCode||0===t.statusCode||(e=new Error("XHR Failed with a response of: "+(s&&(i||s.responseText)))),n(e,s)}),a=s.abort;return s.abort=function(){return s.aborted=!0,a.apply(s,arguments)},s.uri=t.uri,s.requestTime=Date.now(),s}}function iu(e){var t={};return e.byterange&&(t.Range=function(e){var t;return t=e.offset+e.length-1,"bytes="+e.offset+"-"+t}(e.byterange)),t}function nu(e,t){var i=e.toString(16);return"00".substring(0,2-i.length)+i+(t%2?" ":"")}function ru(e){return 32<=e&&e<126?String.fromCharCode(e):"."}function su(i){var n={};return Object.keys(i).forEach(function(e){var t=i[e];ArrayBuffer.isView(t)?n[e]={bytes:t.buffer,byteOffset:t.byteOffset,byteLength:t.byteLength}:n[e]=t}),n}function au(e){var t=e.byterange||{length:1/0,offset:0};return[t.length,t.offset,e.resolvedUri].join(",")}function ou(e){return e.resolvedUri}function uu(e){for(var t=Array.prototype.slice.call(e),i="",n=0;n<t.length/16;n++)i+=t.slice(16*n,16*n+16).map(nu).join("")+" "+t.slice(16*n,16*n+16).map(ru).join("")+"\n";return i}function lu(e){var t=e.playlist,i=e.time,n=void 0===i?void 0:i,r=e.callback;if(!r)throw new Error("getProgramTime: callback must be provided");if(!t||void 0===n)return r({message:"getProgramTime: playlist and time must be provided"});var s=function(e,t){if(!t||!t.segments||0===t.segments.length)return null;for(var i=0,n=void 0,r=0;r<t.segments.length&&!(e<=(i=(n=t.segments[r]).videoTimingInfo?n.videoTimingInfo.transmuxedPresentationEnd:i+n.duration));r++);var s=t.segments[t.segments.length-1];if(s.videoTimingInfo&&s.videoTimingInfo.transmuxedPresentationEnd<e)return null;if(i<e){if(e>i+.25*s.duration)return null;n=s}return{segment:n,estimatedStart:n.videoTimingInfo?n.videoTimingInfo.transmuxedPresentationStart:i-n.duration,type:n.videoTimingInfo?"accurate":"estimate"}}(n,t);if(!s)return r({message:"valid programTime was not found"});if("estimate"===s.type)return r({message:"Accurate programTime could not be determined. Please seek to e.seekTime and try again",seekTime:s.estimatedStart});var a={mediaSeconds:n},o=function(e,t){if(!t.dateTimeObject)return null;var i=t.videoTimingInfo.transmuxerPrependedSeconds,n=e-(t.videoTimingInfo.transmuxedPresentationStart+i);return new Date(t.dateTimeObject.getTime()+1e3*n)}(n,s.segment);return o&&(a.programDateTime=o.toISOString()),r(null,a)}function cu(e){var t=e.programTime,i=e.playlist,n=e.retryCount,r=void 0===n?2:n,s=e.seekTo,a=e.pauseAfterSeek,o=void 0===a||a,u=e.tech,l=e.callback;if(!l)throw new Error("seekToProgramTime: callback must be provided");if("undefined"==typeof t||!i||!s)return l({message:"seekToProgramTime: programTime, seekTo and playlist must be provided"});if(!i.endList&&!u.hasStarted_)return l({message:"player must be playing a live stream to start buffering"});if(!function(e){if(!e.segments||0===e.segments.length)return!1;for(var t=0;t<e.segments.length;t++){if(!e.segments[t].dateTimeObject)return!1}return!0}(i))return l({message:"programDateTime tags must be provided in the manifest "+i.resolvedUri});var c=function(e,t){var i=void 0;try{i=new Date(e)}catch(e){return null}if(!t||!t.segments||0===t.segments.length)return null;var n=t.segments[0];if(i<n.dateTimeObject)return null;for(var r=0;r<t.segments.length-1;r++){if(n=t.segments[r],i<t.segments[r+1].dateTimeObject)break}var s=t.segments[t.segments.length-1],a=s.dateTimeObject,o=s.videoTimingInfo?function(e){return e.transmuxedPresentationEnd-e.transmuxedPresentationStart-e.transmuxerPrependedSeconds}(s.videoTimingInfo):s.duration+.25*s.duration;return new Date(a.getTime()+1e3*o)<i?null:(a<i&&(n=s),{segment:n,estimatedStart:n.videoTimingInfo?n.videoTimingInfo.transmuxedPresentationStart:Su.duration(t,t.mediaSequence+t.segments.indexOf(n)),type:n.videoTimingInfo?"accurate":"estimate"})}(t,i);if(!c)return l({message:t+" was not found in the stream"});var h=c.segment,d=function(e,t){var i=void 0,n=void 0;try{i=new Date(e),n=new Date(t)}catch(e){}var r=i.getTime();return(n.getTime()-r)/1e3}(h.dateTimeObject,t);if("estimate"===c.type)return 0===r?l({message:t+" is not buffered yet. Try again"}):(s(c.estimatedStart+d),void u.one("seeked",function(){cu({programTime:t,playlist:i,retryCount:r-1,seekTo:s,pauseAfterSeek:o,tech:u,callback:l})}));var p=h.start+d;u.one("seeked",function(){return l(null,u.currentTime())}),o&&u.pause(),s(p)}function hu(e,t){var i=[],n=void 0;if(e&&e.length)for(n=0;n<e.length;n++)t(e.start(n),e.end(n))&&i.push([e.start(n),e.end(n)]);return rs.createTimeRanges(i)}function du(e,i){return hu(e,function(e,t){return e-.1<=i&&i<=t+.1})}function pu(e,t){return hu(e,function(e){return t<=e-1/30})}function fu(e){var t=[];if(!e||!e.length)return"";for(var i=0;i<e.length;i++)t.push(e.start(i)+" => "+e.end(i));return t.join(", ")}function mu(e){for(var t=[],i=0;i<e.length;i++)t.push({start:e.start(i),end:e.end(i)});return t}function gu(e,t,i){var n=void 0,r=void 0;if(i&&i.cues)for(n=i.cues.length;n--;)(r=i.cues[n]).startTime<=t&&r.endTime>=e&&i.removeCue(r)}function vu(e){return isNaN(e)||Math.abs(e)===1/0?Number.MAX_VALUE:e}function yu(e,t,i){var n=y.WebKitDataCue||y.VTTCue;if(t&&t.forEach(function(e){var t=e.stream;this.inbandTextTracks_[t].addCue(new n(e.startTime+this.timestampOffset,e.endTime+this.timestampOffset,e.text))},e),i){var r=vu(e.mediaSource_.duration);if(i.forEach(function(e){var i=e.cueTime+this.timestampOffset;!("number"!=typeof i||y.isNaN(i)||i<0)&&i<1/0&&e.frames.forEach(function(e){var t=new n(i,i,e.value||e.url||e.data||"");t.frame=e,t.value=e,function(e){Object.defineProperties(e.frame,{id:{get:function(){return rs.log.warn("cue.frame.id is deprecated. Use cue.value.key instead."),e.value.key}},value:{get:function(){return rs.log.warn("cue.frame.value is deprecated. Use cue.value.data instead."),e.value.data}},privateData:{get:function(){return rs.log.warn("cue.frame.privateData is deprecated. Use cue.value.data instead."),e.value.data}}})}(t),this.metadataTrack_.addCue(t)},this)},e),e.metadataTrack_&&e.metadataTrack_.cues&&e.metadataTrack_.cues.length){for(var s=e.metadataTrack_.cues,a=[],o=0;o<s.length;o++)s[o]&&a.push(s[o]);var u=a.reduce(function(e,t){var i=e[t.startTime]||[];return i.push(t),e[t.startTime]=i,e},{}),l=Object.keys(u).sort(function(e,t){return Number(e)-Number(t)});l.forEach(function(e,t){var i=u[e],n=Number(l[t+1])||r;i.forEach(function(e){e.endTime=n})})}}}var _u=rs.createTimeRange,bu=Yo.bind(null,1),Tu=Yo.bind(null,-1),Su={duration:Wo,seekable:function(e,t){var i=t||0,n=Ko(e,t,!0);return null===n?_u():_u(i,n)},safeLiveIndex:Go,getMediaInfoForTime:function(e,t,i,n){var r=void 0,s=void 0,a=e.segments.length,o=t-n;if(o<0){if(0<i)for(r=i-1;0<=r;r--)if(s=e.segments[r],0<(o+=Tu(s.duration)))return{mediaIndex:r,startTime:n-zo(e,i,r)};return{mediaIndex:0,startTime:t}}if(i<0){for(r=i;r<0;r++)if((o-=e.targetDuration)<0)return{mediaIndex:0,startTime:t};i=0}for(r=i;r<a;r++)if(s=e.segments[r],(o-=bu(s.duration))<0)return{mediaIndex:r,startTime:n+zo(e,i,r)};return{mediaIndex:a-1,startTime:t}},isEnabled:Jo,isDisabled:function(e){return e.disabled},isBlacklisted:$o,isIncompatible:Qo,playlistEnd:Ko,isAes:function(e){for(var t=0;t<e.segments.length;t++)if(e.segments[t].key)return!0;return!1},isFmp4:function(e){for(var t=0;t<e.segments.length;t++)if(e.segments[t].map)return!0;return!1},hasAttribute:Zo,estimateSegmentRequestTime:function(e,t,i,n){var r=3<arguments.length&&void 0!==n?n:0;return Zo("BANDWIDTH",i)?(e*i.attributes.BANDWIDTH-8*r)/t:NaN},isLowestEnabledRendition:eu},ku=rs.xhr,Cu=rs.mergeOptions,Eu=Object.freeze({createTransferableMessage:su,initSegmentId:au,segmentKeyId:ou,hexDump:uu,tagDump:function(e){var t=e.bytes;return uu(t)},textRanges:function(e){var t,i,n="",r=void 0;for(r=0;r<e.length;r++)n+=(i=r,(t=e).start(i)+"-"+t.end(i)+" ");return n}}),wu="undefined"!=typeof window?window:{},Lu="undefined"==typeof Symbol?"__target":Symbol(),Pu="application/javascript",Au=wu.BlobBuilder||wu.WebKitBlobBuilder||wu.MozBlobBuilder||wu.MSBlobBuilder,Iu=wu.URL||wu.webkitURL||Iu&&Iu.msURL,xu=wu.Worker;function Ou(r,s){return function(e){var t=this;if(!s)return new xu(r);if(xu&&!e){var i=Mu(s.toString().replace(/^function.+?{/,"").slice(0,-1));return this[Lu]=new xu(i),function(e,t){if(!e||!t)return;var i=e.terminate;e.objURL=t,e.terminate=function(){e.objURL&&Iu.revokeObjectURL(e.objURL),i.call(e)}}(this[Lu],i),this[Lu]}var n={postMessage:function(e){t.onmessage&&setTimeout(function(){t.onmessage({data:e,target:n})})}};s.call(n),this.postMessage=function(e){setTimeout(function(){n.onmessage({data:e,target:t})})},this.isThisThread=!0}}if(xu){var Du,Ru=Mu("self.onmessage = function () {}"),Uu=new Uint8Array(1);try{(Du=new xu(Ru)).postMessage(Uu,[Uu.buffer])}catch(e){xu=null}finally{Iu.revokeObjectURL(Ru),Du&&Du.terminate()}}function Mu(t){try{return Iu.createObjectURL(new Blob([t],{type:Pu}))}catch(e){var i=new Au;return i.append(t),Iu.createObjectURL(i.getBlob(type))}}function Nu(e){return e.map(function(e){return e.replace(/avc1\.(\d+)\.(\d+)/i,function(e,t,i){return"avc1."+("00"+Number(t).toString(16)).slice(-2)+"00"+("00"+Number(i).toString(16)).slice(-2)})})}function Bu(e){var t,i=0<arguments.length&&void 0!==e?e:"",n={codecCount:0};return n.codecCount=i.split(",").length,n.codecCount=n.codecCount||2,(t=/(^|\s|,)+(avc[13])([^ ,]*)/i.exec(i))&&(n.videoCodec=t[2],n.videoObjectTypeIndicator=t[3]),n.audioProfile=/(^|\s|,)+mp4a.[0-9A-Fa-f]+\.([0-9A-Fa-f]+)/i.exec(i),n.audioProfile=n.audioProfile&&n.audioProfile[2],n}function ju(e,t,i){return e+"/"+t+'; codecs="'+i.filter(function(e){return!!e}).join(", ")+'"'}function Fu(e,t){var i=function(e){return e.segments&&e.segments.length&&e.segments[0].map?"mp4":"mp2t"}(t),n=function(e){var t=e.attributes||{};return t.CODECS?Bu(t.CODECS):zu}(t),r=t.attributes||{},s=!0,a=!1;if(!t)return[];if(e.mediaGroups.AUDIO&&r.AUDIO){var o=e.mediaGroups.AUDIO[r.AUDIO];if(o)for(var u in s=!(a=!0),o)if(!o[u].uri&&!o[u].playlists){s=!0;break}}a&&!n.audioProfile&&(s||(n.audioProfile=function(e,t){if(!e.mediaGroups.AUDIO||!t)return null;var i=e.mediaGroups.AUDIO[t];if(!i)return null;for(var n in i){var r=i[n];if(r.default&&r.playlists)return Bu(r.playlists[0].attributes.CODECS).audioProfile}return null}(e,r.AUDIO)),n.audioProfile||(rs.log.warn("Multiple audio tracks present but no audio codec string is specified. Attempting to use the default audio codec (mp4a.40.2)"),n.audioProfile=zu.audioProfile));var l={};n.videoCodec&&(l.video=""+n.videoCodec+n.videoObjectTypeIndicator),n.audioProfile&&(l.audio="mp4a.40."+n.audioProfile);var c=ju("audio",i,[l.audio]),h=ju("video",i,[l.video]),d=ju("video",i,[l.video,l.audio]);return a?!s&&l.video?[h,c]:s||l.video?[d,c]:[c,c]:l.video?[d]:[c]}function Hu(e){var r={type:"",parameters:{}},t=e.trim().split(";");return r.type=t.shift().trim(),t.forEach(function(e){var t=e.trim().split("=");if(1<t.length){var i=t[0].replace(/"/g,"").trim(),n=t[1].replace(/"/g,"").trim();r.parameters[i]=n}}),r}function Vu(e){return/mp4a\.\d+.\d+/i.test(e)}function qu(e){return/avc1\.[\da-f]+/i.test(e)}var Wu=new Ou("./transmuxer-worker.worker.js",function(e,t){var kt=this;!function(){function e(){this.init=function(){var s={};this.on=function(e,t){s[e]||(s[e]=[]),s[e]=s[e].concat(t)},this.off=function(e,t){var i;return!!s[e]&&(i=s[e].indexOf(t),s[e]=s[e].slice(),s[e].splice(i,1),-1<i)},this.trigger=function(e){var t,i,n,r;if(t=s[e])if(2===arguments.length)for(n=t.length,i=0;i<n;++i)t[i].call(this,arguments[1]);else{for(r=[],i=arguments.length,i=1;i<arguments.length;++i)r.push(arguments[i]);for(n=t.length,i=0;i<n;++i)t[i].apply(this,r)}},this.dispose=function(){s={}}}}e.prototype.pipe=function(t){return this.on("data",function(e){t.push(e)}),this.on("done",function(e){t.flush(e)}),this.on("partialdone",function(e){t.partialFlush(e)}),this.on("endedtimeline",function(e){t.endTimeline(e)}),this.on("reset",function(e){t.reset(e)}),t},e.prototype.push=function(e){this.trigger("data",e)},e.prototype.flush=function(e){this.trigger("done",e)},e.prototype.partialFlush=function(e){this.trigger("partialdone",e)},e.prototype.endTimeline=function(e){this.trigger("endedtimeline",e)},e.prototype.reset=function(e){this.trigger("reset",e)};var l,t,i,r,s,n,a,o,u,c,h,d,p,f,m,g,v,y,_,b,T,S,k,C,E,w,L,P,A,I,x,O,D,R,U,M,N,B,j,F,H=e,V=Math.pow(2,32)-1;!function(){var e;if(S={avc1:[],avcC:[],btrt:[],dinf:[],dref:[],esds:[],ftyp:[],hdlr:[],mdat:[],mdhd:[],mdia:[],mfhd:[],minf:[],moof:[],moov:[],mp4a:[],mvex:[],mvhd:[],pasp:[],sdtp:[],smhd:[],stbl:[],stco:[],stsc:[],stsd:[],stsz:[],stts:[],styp:[],tfdt:[],tfhd:[],traf:[],trak:[],trun:[],trex:[],tkhd:[],vmhd:[]},"undefined"!=typeof Uint8Array){for(e in S)S.hasOwnProperty(e)&&(S[e]=[e.charCodeAt(0),e.charCodeAt(1),e.charCodeAt(2),e.charCodeAt(3)]);k=new Uint8Array(["i".charCodeAt(0),"s".charCodeAt(0),"o".charCodeAt(0),"m".charCodeAt(0)]),E=new Uint8Array(["a".charCodeAt(0),"v".charCodeAt(0),"c".charCodeAt(0),"1".charCodeAt(0)]),C=new Uint8Array([0,0,0,1]),w=new Uint8Array([0,0,0,0,0,0,0,0,118,105,100,101,0,0,0,0,0,0,0,0,0,0,0,0,86,105,100,101,111,72,97,110,100,108,101,114,0]),L=new Uint8Array([0,0,0,0,0,0,0,0,115,111,117,110,0,0,0,0,0,0,0,0,0,0,0,0,83,111,117,110,100,72,97,110,100,108,101,114,0]),P={video:w,audio:L},x=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,12,117,114,108,32,0,0,0,1]),I=new Uint8Array([0,0,0,0,0,0,0,0]),O=new Uint8Array([0,0,0,0,0,0,0,0]),D=O,R=new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0]),U=O,A=new Uint8Array([0,0,0,1,0,0,0,0,0,0,0,0])}}(),l=function(e){var t,i,n=[],r=0;for(t=1;t<arguments.length;t++)n.push(arguments[t]);for(t=n.length;t--;)r+=n[t].byteLength;for(i=new Uint8Array(r+8),new DataView(i.buffer,i.byteOffset,i.byteLength).setUint32(0,i.byteLength),i.set(e,4),t=0,r=8;t<n.length;t++)i.set(n[t],r),r+=n[t].byteLength;return i},t=function(){return l(S.dinf,l(S.dref,x))},i=function(e){return l(S.esds,new Uint8Array([0,0,0,0,3,25,0,0,0,4,17,64,21,0,6,0,0,0,218,192,0,0,218,192,5,2,e.audioobjecttype<<3|e.samplingfrequencyindex>>>1,e.samplingfrequencyindex<<7|e.channelcount<<3,6,1,2]))},m=function(e){return l(S.hdlr,P[e])},f=function(e){var t=new Uint8Array([0,0,0,0,0,0,0,2,0,0,0,3,0,1,95,144,e.duration>>>24&255,e.duration>>>16&255,e.duration>>>8&255,255&e.duration,85,196,0,0]);return e.samplerate&&(t[12]=e.samplerate>>>24&255,t[13]=e.samplerate>>>16&255,t[14]=e.samplerate>>>8&255,t[15]=255&e.samplerate),l(S.mdhd,t)},p=function(e){return l(S.mdia,f(e),m(e.type),n(e))},s=function(e){return l(S.mfhd,new Uint8Array([0,0,0,0,(4278190080&e)>>24,(16711680&e)>>16,(65280&e)>>8,255&e]))},n=function(e){return l(S.minf,"video"===e.type?l(S.vmhd,A):l(S.smhd,I),t(),v(e))},a=function(e,t){for(var i=[],n=t.length;n--;)i[n]=_(t[n]);return l.apply(null,[S.moof,s(e)].concat(i))},o=function(e){for(var t=e.length,i=[];t--;)i[t]=h(e[t]);return l.apply(null,[S.moov,c(4294967295)].concat(i).concat(u(e)))},u=function(e){for(var t=e.length,i=[];t--;)i[t]=b(e[t]);return l.apply(null,[S.mvex].concat(i))},c=function(e){var t=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,2,0,1,95,144,(4278190080&e)>>24,(16711680&e)>>16,(65280&e)>>8,255&e,0,1,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,255,255,255,255]);return l(S.mvhd,t)},g=function(e){var t,i,n=e.samples||[],r=new Uint8Array(4+n.length);for(i=0;i<n.length;i++)t=n[i].flags,r[i+4]=t.dependsOn<<4|t.isDependedOn<<2|t.hasRedundancy;return l(S.sdtp,r)},v=function(e){return l(S.stbl,y(e),l(S.stts,U),l(S.stsc,D),l(S.stsz,R),l(S.stco,O))},y=function(e){return l(S.stsd,new Uint8Array([0,0,0,0,0,0,0,1]),"video"===e.type?M(e):N(e))},M=function(e){var t,i,n=e.sps||[],r=e.pps||[],s=[],a=[];for(t=0;t<n.length;t++)s.push((65280&n[t].byteLength)>>>8),s.push(255&n[t].byteLength),s=s.concat(Array.prototype.slice.call(n[t]));for(t=0;t<r.length;t++)a.push((65280&r[t].byteLength)>>>8),a.push(255&r[t].byteLength),a=a.concat(Array.prototype.slice.call(r[t]));if(i=[S.avc1,new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,(65280&e.width)>>8,255&e.width,(65280&e.height)>>8,255&e.height,0,72,0,0,0,72,0,0,0,0,0,0,0,1,19,118,105,100,101,111,106,115,45,99,111,110,116,114,105,98,45,104,108,115,0,0,0,0,0,0,0,0,0,0,0,0,0,24,17,17]),l(S.avcC,new Uint8Array([1,e.profileIdc,e.profileCompatibility,e.levelIdc,255].concat([n.length],s,[r.length],a))),l(S.btrt,new Uint8Array([0,28,156,128,0,45,198,192,0,45,198,192]))],e.sarRatio){var o=e.sarRatio[0],u=e.sarRatio[1];i.push(l(S.pasp,new Uint8Array([(4278190080&o)>>24,(16711680&o)>>16,(65280&o)>>8,255&o,(4278190080&u)>>24,(16711680&u)>>16,(65280&u)>>8,255&u])))}return l.apply(null,i)},N=function(e){return l(S.mp4a,new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,(65280&e.channelcount)>>8,255&e.channelcount,(65280&e.samplesize)>>8,255&e.samplesize,0,0,0,0,(65280&e.samplerate)>>8,255&e.samplerate,0,0]),i(e))},d=function(e){var t=new Uint8Array([0,0,0,7,0,0,0,0,0,0,0,0,(4278190080&e.id)>>24,(16711680&e.id)>>16,(65280&e.id)>>8,255&e.id,0,0,0,0,(4278190080&e.duration)>>24,(16711680&e.duration)>>16,(65280&e.duration)>>8,255&e.duration,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,(65280&e.width)>>8,255&e.width,0,0,(65280&e.height)>>8,255&e.height,0,0]);return l(S.tkhd,t)},_=function(e){var t,i,n,r,s,a;return t=l(S.tfhd,new Uint8Array([0,0,0,58,(4278190080&e.id)>>24,(16711680&e.id)>>16,(65280&e.id)>>8,255&e.id,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0])),s=Math.floor(e.baseMediaDecodeTime/(1+V)),a=Math.floor(e.baseMediaDecodeTime%(1+V)),i=l(S.tfdt,new Uint8Array([1,0,0,0,s>>>24&255,s>>>16&255,s>>>8&255,255&s,a>>>24&255,a>>>16&255,a>>>8&255,255&a])),92,"audio"===e.type?(n=T(e,92),l(S.traf,t,i,n)):(r=g(e),n=T(e,r.length+92),l(S.traf,t,i,n,r))},h=function(e){return e.duration=e.duration||4294967295,l(S.trak,d(e),p(e))},b=function(e){var t=new Uint8Array([0,0,0,0,(4278190080&e.id)>>24,(16711680&e.id)>>16,(65280&e.id)>>8,255&e.id,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0,1]);return"video"!==e.type&&(t[t.length-1]=0),l(S.trex,t)},F=function(e,t){var i=0,n=0,r=0,s=0;return e.length&&(void 0!==e[0].duration&&(i=1),void 0!==e[0].size&&(n=2),void 0!==e[0].flags&&(r=4),void 0!==e[0].compositionTimeOffset&&(s=8)),[0,0,i|n|r|s,1,(4278190080&e.length)>>>24,(16711680&e.length)>>>16,(65280&e.length)>>>8,255&e.length,(4278190080&t)>>>24,(16711680&t)>>>16,(65280&t)>>>8,255&t]},j=function(e,t){var i,n,r,s;for(t+=20+16*(n=e.samples||[]).length,i=F(n,t),s=0;s<n.length;s++)r=n[s],i=i.concat([(4278190080&r.duration)>>>24,(16711680&r.duration)>>>16,(65280&r.duration)>>>8,255&r.duration,(4278190080&r.size)>>>24,(16711680&r.size)>>>16,(65280&r.size)>>>8,255&r.size,r.flags.isLeading<<2|r.flags.dependsOn,r.flags.isDependedOn<<6|r.flags.hasRedundancy<<4|r.flags.paddingValue<<1|r.flags.isNonSyncSample,61440&r.flags.degradationPriority,15&r.flags.degradationPriority,(4278190080&r.compositionTimeOffset)>>>24,(16711680&r.compositionTimeOffset)>>>16,(65280&r.compositionTimeOffset)>>>8,255&r.compositionTimeOffset]);return l(S.trun,new Uint8Array(i))},B=function(e,t){var i,n,r,s;for(t+=20+8*(n=e.samples||[]).length,i=F(n,t),s=0;s<n.length;s++)r=n[s],i=i.concat([(4278190080&r.duration)>>>24,(16711680&r.duration)>>>16,(65280&r.duration)>>>8,255&r.duration,(4278190080&r.size)>>>24,(16711680&r.size)>>>16,(65280&r.size)>>>8,255&r.size]);return l(S.trun,new Uint8Array(i))},T=function(e,t){return"audio"===e.type?B(e,t):j(e,t)};r=function(){return l(S.ftyp,k,C,k,E)};function q(e,t){var i={size:0,flags:{isLeading:0,dependsOn:1,isDependedOn:0,hasRedundancy:0,degradationPriority:0,isNonSyncSample:1}};return i.dataOffset=t,i.compositionTimeOffset=e.pts-e.dts,i.duration=e.duration,i.size=4*e.length,i.size+=e.byteLength,e.keyFrame&&(i.flags.dependsOn=2,i.flags.isNonSyncSample=0),i}function W(e){for(var t=[];e--;)t.push(0);return t}function z(){z.prototype.init.call(this),this.captionPackets_=[],this.ccStreams_=[new Ae(0,0),new Ae(0,1),new Ae(1,0),new Ae(1,1)],this.reset(),this.ccStreams_.forEach(function(e){e.on("data",this.trigger.bind(this,"data")),e.on("partialdone",this.trigger.bind(this,"partialdone")),e.on("done",this.trigger.bind(this,"done"))},this)}var G,K,X,Y,$,Q=function(e){return l(S.mdat,e)},J=a,Z=function(e){var t,i=r(),n=o(e);return(t=new Uint8Array(i.byteLength+n.byteLength)).set(i),t.set(n,i.byteLength),t},ee=function(e){var t,i,n=[],r=[];for(r.byteLength=0,r.nalCount=0,r.duration=0,t=n.byteLength=0;t<e.length;t++)"access_unit_delimiter_rbsp"===(i=e[t]).nalUnitType?(n.length&&(n.duration=i.dts-n.dts,r.byteLength+=n.byteLength,r.nalCount+=n.length,r.duration+=n.duration,r.push(n)),(n=[i]).byteLength=i.data.byteLength,n.pts=i.pts,n.dts=i.dts):("slice_layer_without_partitioning_rbsp_idr"===i.nalUnitType&&(n.keyFrame=!0),n.duration=i.dts-n.dts,n.byteLength+=i.data.byteLength,n.push(i));return r.length&&(!n.duration||n.duration<=0)&&(n.duration=r[r.length-1].duration),r.byteLength+=n.byteLength,r.nalCount+=n.length,r.duration+=n.duration,r.push(n),r},te=function(e){var t,i,n=[],r=[];for(n.byteLength=0,n.nalCount=0,n.duration=0,n.pts=e[0].pts,n.dts=e[0].dts,r.byteLength=0,r.nalCount=0,r.duration=0,r.pts=e[0].pts,r.dts=e[0].dts,t=0;t<e.length;t++)(i=e[t]).keyFrame?(n.length&&(r.push(n),r.byteLength+=n.byteLength,r.nalCount+=n.nalCount,r.duration+=n.duration),(n=[i]).nalCount=i.length,n.byteLength=i.byteLength,n.pts=i.pts,n.dts=i.dts,n.duration=i.duration):(n.duration+=i.duration,n.nalCount+=i.length,n.byteLength+=i.byteLength,n.push(i));return r.length&&n.duration<=0&&(n.duration=r[r.length-1].duration),r.byteLength+=n.byteLength,r.nalCount+=n.nalCount,r.duration+=n.duration,r.push(n),r},ie=function(e){var t;return!e[0][0].keyFrame&&1<e.length&&(t=e.shift(),e.byteLength-=t.byteLength,e.nalCount-=t.nalCount,e[0][0].dts=t.dts,e[0][0].pts=t.pts,e[0][0].duration+=t.duration),e},ne=function(e,t){var i,n,r,s,a,o=t||0,u=[];for(i=0;i<e.length;i++)for(s=e[i],n=0;n<s.length;n++)a=s[n],o+=(r=q(a,o)).size,u.push(r);return u},re=function(e){var t,i,n,r,s,a,o=0,u=e.byteLength,l=e.nalCount,c=new Uint8Array(u+4*l),h=new DataView(c.buffer);for(t=0;t<e.length;t++)for(r=e[t],i=0;i<r.length;i++)for(s=r[i],n=0;n<s.length;n++)a=s[n],h.setUint32(o,a.data.byteLength),o+=4,c.set(a.data,o),o+=a.data.byteLength;return c},se=[33,16,5,32,164,27],ae=[33,65,108,84,1,2,4,8,168,2,4,8,17,191,252],oe={96e3:[se,[227,64],W(154),[56]],88200:[se,[231],W(170),[56]],64e3:[se,[248,192],W(240),[56]],48e3:[se,[255,192],W(268),[55,148,128],W(54),[112]],44100:[se,[255,192],W(268),[55,163,128],W(84),[112]],32e3:[se,[255,192],W(268),[55,234],W(226),[112]],24e3:[se,[255,192],W(268),[55,255,128],W(268),[111,112],W(126),[224]],16e3:[se,[255,192],W(268),[55,255,128],W(268),[111,255],W(269),[223,108],W(195),[1,192]],12e3:[ae,W(268),[3,127,248],W(268),[6,255,240],W(268),[13,255,224],W(268),[27,253,128],W(259),[56]],11025:[ae,W(268),[3,127,248],W(268),[6,255,240],W(268),[13,255,224],W(268),[27,255,192],W(268),[55,175,128],W(108),[112]],8e3:[ae,W(268),[3,121,16],W(47),[7]]},ue=(G=oe,Object.keys(G).reduce(function(e,t){return e[t]=new Uint8Array(G[t].reduce(function(e,t){return e.concat(t)},[])),e},{})),le=9e4,ce=(K=function(e){return 9e4*e},X=function(e,t){return e*t},Y=function(e){return e/9e4},$=function(e,t){return e/t},function(e,t){return K($(e,t))}),he=function(e,t){return X(Y(e),t)},de=function(e,t,i){return Y(i?e:e-t)},pe=function(e,t,i,n){var r,s,a,o,u,l=0,c=0,h=0;if(t.length&&(r=ce(e.baseMediaDecodeTime,e.samplerate),s=Math.ceil(le/(e.samplerate/1024)),i&&n&&(l=r-Math.max(i,n),h=(c=Math.floor(l/s))*s),!(c<1||le/2<h))){for(a=(a=ue[e.samplerate])||t[0].data,o=0;o<c;o++)u=t[0],t.splice(0,0,{data:a,dts:u.dts-s,pts:u.pts-s});e.baseMediaDecodeTime-=Math.floor(he(h,e.samplerate))}},fe=function(e,t,i){return t.minSegmentDts>=i?e:(t.minSegmentDts=1/0,e.filter(function(e){return e.dts>=i&&(t.minSegmentDts=Math.min(t.minSegmentDts,e.dts),t.minSegmentPts=t.minSegmentDts,!0)}))},me=function(e){var t,i,n=[];for(t=0;t<e.length;t++)i=e[t],n.push({size:i.data.byteLength,duration:1024});return n},ge=function(e){var t,i,n=0,r=new Uint8Array(function(e){var t,i=0;for(t=0;t<e.length;t++)i+=e[t].data.byteLength;return i}(e));for(t=0;t<e.length;t++)i=e[t],r.set(i.data,n),n+=i.data.byteLength;return r},ve=le,ye=function(e){delete e.minSegmentDts,delete e.maxSegmentDts,delete e.minSegmentPts,delete e.maxSegmentPts},_e=function(e,t){var i,n=e.minSegmentDts;return t||(n-=e.timelineStartInfo.dts),i=e.timelineStartInfo.baseMediaDecodeTime,i+=n,i=Math.max(0,i),"audio"===e.type&&(i*=e.samplerate/ve,i=Math.floor(i)),i},be=function(e,t){"number"==typeof t.pts&&(void 0===e.timelineStartInfo.pts&&(e.timelineStartInfo.pts=t.pts),void 0===e.minSegmentPts?e.minSegmentPts=t.pts:e.minSegmentPts=Math.min(e.minSegmentPts,t.pts),void 0===e.maxSegmentPts?e.maxSegmentPts=t.pts:e.maxSegmentPts=Math.max(e.maxSegmentPts,t.pts)),"number"==typeof t.dts&&(void 0===e.timelineStartInfo.dts&&(e.timelineStartInfo.dts=t.dts),void 0===e.minSegmentDts?e.minSegmentDts=t.dts:e.minSegmentDts=Math.min(e.minSegmentDts,t.dts),void 0===e.maxSegmentDts?e.maxSegmentDts=t.dts:e.maxSegmentDts=Math.max(e.maxSegmentDts,t.dts))},Te=function(e){for(var t=0,i={payloadType:-1,payloadSize:0},n=0,r=0;t<e.byteLength&&128!==e[t];){for(;255===e[t];)n+=255,t++;for(n+=e[t++];255===e[t];)r+=255,t++;if(r+=e[t++],!i.payload&&4===n){i.payloadType=n,i.payloadSize=r,i.payload=e.subarray(t,t+r);break}t+=r,r=n=0}return i},Se=function(e){return 181!==e.payload[0]?null:49!=(e.payload[1]<<8|e.payload[2])?null:"GA94"!==String.fromCharCode(e.payload[3],e.payload[4],e.payload[5],e.payload[6])?null:3!==e.payload[7]?null:e.payload.subarray(8,e.payload.length-1)},ke=function(e,t){var i,n,r,s,a=[];if(!(64&t[0]))return a;for(n=31&t[0],i=0;i<n;i++)s={type:3&t[2+(r=3*i)],pts:e},4&t[2+r]&&(s.ccData=t[3+r]<<8|t[4+r],a.push(s));return a},Ce=4;(z.prototype=new H).push=function(e){var t,i,n;if("sei_rbsp"===e.nalUnitType&&(t=Te(e.escapedRBSP)).payloadType===Ce&&(i=Se(t)))if(e.dts<this.latestDts_)this.ignoreNextEqualDts_=!0;else{if(e.dts===this.latestDts_&&this.ignoreNextEqualDts_)return this.numSameDts_--,void(this.numSameDts_||(this.ignoreNextEqualDts_=!1));n=ke(e.pts,i),this.captionPackets_=this.captionPackets_.concat(n),this.latestDts_!==e.dts&&(this.numSameDts_=0),this.numSameDts_++,this.latestDts_=e.dts}},z.prototype.flushCCStreams=function(t){this.ccStreams_.forEach(function(e){return"flush"===t?e.flush():e.partialFlush()},this)},z.prototype.flushStream=function(e){this.captionPackets_.length&&(this.captionPackets_.forEach(function(e,t){e.presortIndex=t}),this.captionPackets_.sort(function(e,t){return e.pts===t.pts?e.presortIndex-t.presortIndex:e.pts-t.pts}),this.captionPackets_.forEach(function(e){e.type<2&&this.dispatchCea608Packet(e)},this),this.captionPackets_.length=0),this.flushCCStreams(e)},z.prototype.flush=function(){return this.flushStream("flush")},z.prototype.partialFlush=function(){return this.flushStream("partialFlush")},z.prototype.reset=function(){this.latestDts_=null,this.ignoreNextEqualDts_=!1,this.numSameDts_=0,this.activeCea608Channel_=[null,null],this.ccStreams_.forEach(function(e){e.reset()})},z.prototype.dispatchCea608Packet=function(e){this.setsTextOrXDSActive(e)?this.activeCea608Channel_[e.type]=null:this.setsChannel1Active(e)?this.activeCea608Channel_[e.type]=0:this.setsChannel2Active(e)&&(this.activeCea608Channel_[e.type]=1),null!==this.activeCea608Channel_[e.type]&&this.ccStreams_[(e.type<<1)+this.activeCea608Channel_[e.type]].push(e)},z.prototype.setsChannel1Active=function(e){return 4096==(30720&e.ccData)},z.prototype.setsChannel2Active=function(e){return 6144==(30720&e.ccData)},z.prototype.setsTextOrXDSActive=function(e){return 256==(28928&e.ccData)||4138==(30974&e.ccData)||6186==(30974&e.ccData)};function Ee(e){return null===e?"":(e=Le[e]||e,String.fromCharCode(e))}function we(){for(var e=[],t=15;t--;)e.push("");return e}var Le={42:225,92:233,94:237,95:243,96:250,123:231,124:247,125:209,126:241,127:9608,304:174,305:176,306:189,307:191,308:8482,309:162,310:163,311:9834,312:224,313:160,314:232,315:226,316:234,317:238,318:244,319:251,544:193,545:201,546:211,547:218,548:220,549:252,550:8216,551:161,552:42,553:39,554:8212,555:169,556:8480,557:8226,558:8220,559:8221,560:192,561:194,562:199,563:200,564:202,565:203,566:235,567:206,568:207,569:239,570:212,571:217,572:249,573:219,574:171,575:187,800:195,801:227,802:205,803:204,804:236,805:210,806:242,807:213,808:245,809:123,810:125,811:92,812:94,813:95,814:124,815:126,816:196,817:228,818:214,819:246,820:223,821:165,822:164,823:9474,824:197,825:229,826:216,827:248,828:9484,829:9488,830:9492,831:9496},Pe=[4352,4384,4608,4640,5376,5408,5632,5664,5888,5920,4096,4864,4896,5120,5152],Ae=function e(t,i){e.prototype.init.call(this),this.field_=t||0,this.dataChannel_=i||0,this.name_="CC"+(1+(this.field_<<1|this.dataChannel_)),this.setConstants(),this.reset(),this.push=function(e){var t,i,n,r,s;if((t=32639&e.ccData)!==this.lastControlCode_){if(4096==(61440&t)?this.lastControlCode_=t:t!==this.PADDING_&&(this.lastControlCode_=null),n=t>>>8,r=255&t,t!==this.PADDING_)if(t===this.RESUME_CAPTION_LOADING_)this.mode_="popOn";else if(t===this.END_OF_CAPTION_)this.mode_="popOn",this.clearFormatting(e.pts),this.flushDisplayed(e.pts),i=this.displayed_,this.displayed_=this.nonDisplayed_,this.nonDisplayed_=i,this.startPts_=e.pts;else if(t===this.ROLL_UP_2_ROWS_)this.rollUpRows_=2,this.setRollUp(e.pts);else if(t===this.ROLL_UP_3_ROWS_)this.rollUpRows_=3,this.setRollUp(e.pts);else if(t===this.ROLL_UP_4_ROWS_)this.rollUpRows_=4,this.setRollUp(e.pts);else if(t===this.CARRIAGE_RETURN_)this.clearFormatting(e.pts),this.flushDisplayed(e.pts),this.shiftRowsUp_(),this.startPts_=e.pts;else if(t===this.BACKSPACE_)"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[this.row_]=this.displayed_[this.row_].slice(0,-1);else if(t===this.ERASE_DISPLAYED_MEMORY_)this.flushDisplayed(e.pts),this.displayed_=we();else if(t===this.ERASE_NON_DISPLAYED_MEMORY_)this.nonDisplayed_=we();else if(t===this.RESUME_DIRECT_CAPTIONING_)"paintOn"!==this.mode_&&(this.flushDisplayed(e.pts),this.displayed_=we()),this.mode_="paintOn",this.startPts_=e.pts;else if(this.isSpecialCharacter(n,r))s=Ee((n=(3&n)<<8)|r),this[this.mode_](e.pts,s),this.column_++;else if(this.isExtCharacter(n,r))"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[this.row_]=this.displayed_[this.row_].slice(0,-1),s=Ee((n=(3&n)<<8)|r),this[this.mode_](e.pts,s),this.column_++;else if(this.isMidRowCode(n,r))this.clearFormatting(e.pts),this[this.mode_](e.pts," "),this.column_++,14==(14&r)&&this.addFormatting(e.pts,["i"]),1==(1&r)&&this.addFormatting(e.pts,["u"]);else if(this.isOffsetControlCode(n,r))this.column_+=3&r;else if(this.isPAC(n,r)){var a=Pe.indexOf(7968&t);"rollUp"===this.mode_&&(a-this.rollUpRows_+1<0&&(a=this.rollUpRows_-1),this.setRollUp(e.pts,a)),a!==this.row_&&(this.clearFormatting(e.pts),this.row_=a),1&r&&-1===this.formatting_.indexOf("u")&&this.addFormatting(e.pts,["u"]),16==(16&t)&&(this.column_=4*((14&t)>>1)),this.isColorPAC(r)&&14==(14&r)&&this.addFormatting(e.pts,["i"])}else this.isNormalChar(n)&&(0===r&&(r=null),s=Ee(n),s+=Ee(r),this[this.mode_](e.pts,s),this.column_+=s.length)}else this.lastControlCode_=null}};Ae.prototype=new H,Ae.prototype.flushDisplayed=function(e){var t=this.displayed_.map(function(e){try{return e.trim()}catch(e){return""}}).join("\n").replace(/^\n+|\n+$/g,"");t.length&&this.trigger("data",{startPts:this.startPts_,endPts:e,text:t,stream:this.name_})},Ae.prototype.reset=function(){this.mode_="popOn",this.topRow_=0,this.startPts_=0,this.displayed_=we(),this.nonDisplayed_=we(),this.lastControlCode_=null,this.column_=0,this.row_=14,this.rollUpRows_=2,this.formatting_=[]},Ae.prototype.setConstants=function(){0===this.dataChannel_?(this.BASE_=16,this.EXT_=17,this.CONTROL_=(20|this.field_)<<8,this.OFFSET_=23):1===this.dataChannel_&&(this.BASE_=24,this.EXT_=25,this.CONTROL_=(28|this.field_)<<8,this.OFFSET_=31),this.PADDING_=0,this.RESUME_CAPTION_LOADING_=32|this.CONTROL_,this.END_OF_CAPTION_=47|this.CONTROL_,this.ROLL_UP_2_ROWS_=37|this.CONTROL_,this.ROLL_UP_3_ROWS_=38|this.CONTROL_,this.ROLL_UP_4_ROWS_=39|this.CONTROL_,this.CARRIAGE_RETURN_=45|this.CONTROL_,this.RESUME_DIRECT_CAPTIONING_=41|this.CONTROL_,this.BACKSPACE_=33|this.CONTROL_,this.ERASE_DISPLAYED_MEMORY_=44|this.CONTROL_,this.ERASE_NON_DISPLAYED_MEMORY_=46|this.CONTROL_},Ae.prototype.isSpecialCharacter=function(e,t){return e===this.EXT_&&48<=t&&t<=63},Ae.prototype.isExtCharacter=function(e,t){return(e===this.EXT_+1||e===this.EXT_+2)&&32<=t&&t<=63},Ae.prototype.isMidRowCode=function(e,t){return e===this.EXT_&&32<=t&&t<=47},Ae.prototype.isOffsetControlCode=function(e,t){return e===this.OFFSET_&&33<=t&&t<=35},Ae.prototype.isPAC=function(e,t){return e>=this.BASE_&&e<this.BASE_+8&&64<=t&&t<=127},Ae.prototype.isColorPAC=function(e){return 64<=e&&e<=79||96<=e&&e<=127},Ae.prototype.isNormalChar=function(e){return 32<=e&&e<=127},Ae.prototype.setRollUp=function(e,t){if("rollUp"!==this.mode_&&(this.row_=14,this.mode_="rollUp",this.flushDisplayed(e),this.nonDisplayed_=we(),this.displayed_=we()),void 0!==t&&t!==this.row_)for(var i=0;i<this.rollUpRows_;i++)this.displayed_[t-i]=this.displayed_[this.row_-i],this.displayed_[this.row_-i]="";void 0===t&&(t=this.row_),this.topRow_=t-this.rollUpRows_+1},Ae.prototype.addFormatting=function(e,t){this.formatting_=this.formatting_.concat(t);var i=t.reduce(function(e,t){return e+"<"+t+">"},"");this[this.mode_](e,i)},Ae.prototype.clearFormatting=function(e){if(this.formatting_.length){var t=this.formatting_.reverse().reduce(function(e,t){return e+"</"+t+">"},"");this.formatting_=[],this[this.mode_](e,t)}},Ae.prototype.popOn=function(e,t){var i=this.nonDisplayed_[this.row_];i+=t,this.nonDisplayed_[this.row_]=i},Ae.prototype.rollUp=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i},Ae.prototype.shiftRowsUp_=function(){var e;for(e=0;e<this.topRow_;e++)this.displayed_[e]="";for(e=this.row_+1;e<15;e++)this.displayed_[e]="";for(e=this.topRow_;e<this.row_;e++)this.displayed_[e]=this.displayed_[e+1];this.displayed_[this.row_]=""},Ae.prototype.paintOn=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i};function Ie(e,t){var i=1;for(t<e&&(i=-1);4294967296<Math.abs(t-e);)e+=8589934592*i;return e}function xe(e){var t,i;xe.prototype.init.call(this),this.type_=e||"shared",this.push=function(e){"shared"!==this.type_&&e.type!==this.type_||(void 0===i&&(i=e.dts),e.dts=Ie(e.dts,i),e.pts=Ie(e.pts,i),t=e.dts,this.trigger("data",e))},this.flush=function(){i=t,this.trigger("done")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline")},this.discontinuity=function(){t=i=void 0},this.reset=function(){this.discontinuity(),this.trigger("reset")}}var Oe={CaptionStream:z,Cea608Stream:Ae},De={H264_STREAM_TYPE:27,ADTS_STREAM_TYPE:15,METADATA_STREAM_TYPE:21};xe.prototype=new H;function Re(e,t,i){var n,r="";for(n=t;n<i;n++)r+="%"+("00"+e[n].toString(16)).slice(-2);return r}function Ue(e,t,i){return decodeURIComponent(Re(e,t,i))}function Me(e){return e[0]<<21|e[1]<<14|e[2]<<7|e[3]}var Ne,Be=xe,je={TXXX:function(e){var t;if(3===e.data[0]){for(t=1;t<e.data.length;t++)if(0===e.data[t]){e.description=Ue(e.data,1,t),e.value=Ue(e.data,t+1,e.data.length).replace(/\0*$/,"");break}e.data=e.value}},WXXX:function(e){var t;if(3===e.data[0])for(t=1;t<e.data.length;t++)if(0===e.data[t]){e.description=Ue(e.data,1,t),e.url=Ue(e.data,t+1,e.data.length);break}},PRIV:function(e){var t,i;for(t=0;t<e.data.length;t++)if(0===e.data[t]){e.owner=(i=e.data,unescape(Re(i,0,t)));break}e.privateData=e.data.subarray(t+1),e.data=e.privateData}};(Ne=function(e){var t,u={debug:!(!e||!e.debug),descriptor:e&&e.descriptor},l=0,c=[],h=0;if(Ne.prototype.init.call(this),this.dispatchType=De.METADATA_STREAM_TYPE.toString(16),u.descriptor)for(t=0;t<u.descriptor.length;t++)this.dispatchType+=("00"+u.descriptor[t].toString(16)).slice(-2);this.push=function(e){var t,i,n,r,s;if("timed-metadata"===e.type)if(e.dataAlignmentIndicator&&(h=0,c.length=0),0===c.length&&(e.data.length<10||e.data[0]!=="I".charCodeAt(0)||e.data[1]!=="D".charCodeAt(0)||e.data[2]!=="3".charCodeAt(0)))u.debug;else if(c.push(e),h+=e.data.byteLength,1===c.length&&(l=Me(e.data.subarray(6,10)),l+=10),!(h<l)){for(t={data:new Uint8Array(l),frames:[],pts:c[0].pts,dts:c[0].dts},s=0;s<l;)t.data.set(c[0].data.subarray(0,l-s),s),s+=c[0].data.byteLength,h-=c[0].data.byteLength,c.shift();i=10,64&t.data[5]&&(i+=4,i+=Me(t.data.subarray(10,14)),l-=Me(t.data.subarray(16,20)));do{if((n=Me(t.data.subarray(i+4,i+8)))<1)return;if((r={id:String.fromCharCode(t.data[i],t.data[i+1],t.data[i+2],t.data[i+3]),data:t.data.subarray(i+10,i+n+10)}).key=r.id,je[r.id]&&(je[r.id](r),"com.apple.streaming.transportStreamTimestamp"===r.owner)){var a=r.data,o=(1&a[3])<<30|a[4]<<22|a[5]<<14|a[6]<<6|a[7]>>>2;o*=4,o+=3&a[7],r.timeStamp=o,void 0===t.pts&&void 0===t.dts&&(t.pts=r.timeStamp,t.dts=r.timeStamp),this.trigger("timestamp",r)}t.frames.push(r),i+=10,i+=n}while(i<l);this.trigger("data",t)}}}).prototype=new H;var Fe,He,Ve,qe=Ne,We=Be;(Fe=function(){var r=new Uint8Array(188),s=0;Fe.prototype.init.call(this),this.push=function(e){var t,i=0,n=188;for(s?((t=new Uint8Array(e.byteLength+s)).set(r.subarray(0,s)),t.set(e,s),s=0):t=e;n<t.byteLength;)71!==t[i]||71!==t[n]?(i++,n++):(this.trigger("data",t.subarray(i,n)),i+=188,n+=188);i<t.byteLength&&(r.set(t.subarray(i),0),s=t.byteLength-i)},this.flush=function(){188===s&&71===r[0]&&(this.trigger("data",r),s=0),this.trigger("done")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline")},this.reset=function(){s=0,this.trigger("reset")}}).prototype=new H,(He=function(){var n,r,s,a;He.prototype.init.call(this),(a=this).packetsWaitingForPmt=[],this.programMapTable=void 0,n=function(e,t){var i=0;t.payloadUnitStartIndicator&&(i+=e[i]+1),"pat"===t.type?r(e.subarray(i),t):s(e.subarray(i),t)},r=function(e,t){t.section_number=e[7],t.last_section_number=e[8],a.pmtPid=(31&e[10])<<8|e[11],t.pmtPid=a.pmtPid},s=function(e,t){var i,n;if(1&e[5]){for(a.programMapTable={video:null,audio:null,"timed-metadata":{}},i=3+((15&e[1])<<8|e[2])-4,n=12+((15&e[10])<<8|e[11]);n<i;){var r=e[n],s=(31&e[n+1])<<8|e[n+2];r===De.H264_STREAM_TYPE&&null===a.programMapTable.video?a.programMapTable.video=s:r===De.ADTS_STREAM_TYPE&&null===a.programMapTable.audio?a.programMapTable.audio=s:r===De.METADATA_STREAM_TYPE&&(a.programMapTable["timed-metadata"][s]=r),n+=5+((15&e[n+3])<<8|e[n+4])}t.programMapTable=a.programMapTable}},this.push=function(e){var t={},i=4;if(t.payloadUnitStartIndicator=!!(64&e[1]),t.pid=31&e[1],t.pid<<=8,t.pid|=e[2],1<(48&e[3])>>>4&&(i+=e[i]+1),0===t.pid)t.type="pat",n(e.subarray(i),t),this.trigger("data",t);else if(t.pid===this.pmtPid)for(t.type="pmt",n(e.subarray(i),t),this.trigger("data",t);this.packetsWaitingForPmt.length;)this.processPes_.apply(this,this.packetsWaitingForPmt.shift());else void 0===this.programMapTable?this.packetsWaitingForPmt.push([e,i,t]):this.processPes_(e,i,t)},this.processPes_=function(e,t,i){i.pid===this.programMapTable.video?i.streamType=De.H264_STREAM_TYPE:i.pid===this.programMapTable.audio?i.streamType=De.ADTS_STREAM_TYPE:i.streamType=this.programMapTable["timed-metadata"][i.pid],i.type="pes",i.data=e.subarray(t),this.trigger("data",i)}}).prototype=new H,He.STREAM_TYPES={h264:27,adts:15},(Ve=function(){function n(e,t,i){var n,r,s=new Uint8Array(e.size),a={type:t},o=0,u=0;if(e.data.length&&!(e.size<9)){for(a.trackId=e.data[0].pid,o=0;o<e.data.length;o++)r=e.data[o],s.set(r.data,u),u+=r.data.byteLength;!function(e,t){var i;t.packetLength=6+(e[4]<<8|e[5]),t.dataAlignmentIndicator=0!=(4&e[6]),192&(i=e[7])&&(t.pts=(14&e[9])<<27|(255&e[10])<<20|(254&e[11])<<12|(255&e[12])<<5|(254&e[13])>>>3,t.pts*=4,t.pts+=(6&e[13])>>>1,t.dts=t.pts,64&i&&(t.dts=(14&e[14])<<27|(255&e[15])<<20|(254&e[16])<<12|(255&e[17])<<5|(254&e[18])>>>3,t.dts*=4,t.dts+=(6&e[18])>>>1)),t.data=e.subarray(9+e[8])}(s,a),n="video"===t||a.packetLength<=e.size,(i||n)&&(e.size=0,e.data.length=0),n&&l.trigger("data",a)}}var t,l=this,r={data:[],size:0},s={data:[],size:0},a={data:[],size:0};Ve.prototype.init.call(this),this.push=function(i){({pat:function(){},pes:function(){var e,t;switch(i.streamType){case De.H264_STREAM_TYPE:case De.H264_STREAM_TYPE:e=r,t="video";break;case De.ADTS_STREAM_TYPE:e=s,t="audio";break;case De.METADATA_STREAM_TYPE:e=a,t="timed-metadata";break;default:return}i.payloadUnitStartIndicator&&n(e,t,!0),e.data.push(i),e.size+=i.data.byteLength},pmt:function(){var e={type:"metadata",tracks:[]};null!==(t=i.programMapTable).video&&e.tracks.push({timelineStartInfo:{baseMediaDecodeTime:0},id:+t.video,codec:"avc",type:"video"}),null!==t.audio&&e.tracks.push({timelineStartInfo:{baseMediaDecodeTime:0},id:+t.audio,codec:"adts",type:"audio"}),l.trigger("data",e)}})[i.type]()},this.reset=function(){r.size=0,r.data.length=0,s.size=0,s.data.length=0,this.trigger("reset")},this.flushStreams_=function(){n(r,"video"),n(s,"audio"),n(a,"timed-metadata")},this.flush=function(){this.flushStreams_(),this.trigger("done")}}).prototype=new H;var ze={PAT_PID:0,MP2T_PACKET_LENGTH:188,TransportPacketStream:Fe,TransportParseStream:He,ElementaryStream:Ve,TimestampRolloverStream:We,CaptionStream:Oe.CaptionStream,Cea608Stream:Oe.Cea608Stream,MetadataStream:qe};for(var Ge in De)De.hasOwnProperty(Ge)&&(ze[Ge]=De[Ge]);var Ke,Xe=ze,Ye=le,$e=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350];(Ke=function(u){var l,c=0;Ke.prototype.init.call(this),this.push=function(e){var t,i,n,r,s,a,o=0;if(u||(c=0),"audio"===e.type)for(l?(r=l,(l=new Uint8Array(r.byteLength+e.data.byteLength)).set(r),l.set(e.data,r.byteLength)):l=e.data;o+5<l.length;)if(255===l[o]&&240==(246&l[o+1])){if(i=2*(1&~l[o+1]),t=(3&l[o+3])<<11|l[o+4]<<3|(224&l[o+5])>>5,a=(s=1024*(1+(3&l[o+6])))*Ye/$e[(60&l[o+2])>>>2],n=o+t,l.byteLength<n)return;if(this.trigger("data",{pts:e.pts+c*a,dts:e.dts+c*a,sampleCount:s,audioobjecttype:1+(l[o+2]>>>6&3),channelcount:(1&l[o+2])<<2|(192&l[o+3])>>>6,samplerate:$e[(60&l[o+2])>>>2],samplingfrequencyindex:(60&l[o+2])>>>2,samplesize:16,data:l.subarray(o+7+i,n)}),c++,l.byteLength===n)return void(l=void 0);l=l.subarray(n)}else o++},this.flush=function(){c=0,this.trigger("done")},this.reset=function(){l=void 0,this.trigger("reset")},this.endTimeline=function(){l=void 0,this.trigger("endedtimeline")}}).prototype=new H;var Qe,Je,Ze,et=Ke,tt=function(n){var r=n.byteLength,s=0,a=0;this.length=function(){return 8*r},this.bitsAvailable=function(){return 8*r+a},this.loadWord=function(){var e=n.byteLength-r,t=new Uint8Array(4),i=Math.min(4,r);if(0===i)throw new Error("no bytes available");t.set(n.subarray(e,e+i)),s=new DataView(t.buffer).getUint32(0),a=8*i,r-=i},this.skipBits=function(e){var t;e<a||(e-=a,e-=8*(t=Math.floor(e/8)),r-=t,this.loadWord()),s<<=e,a-=e},this.readBits=function(e){var t=Math.min(a,e),i=s>>>32-t;return 0<(a-=t)?s<<=t:0<r&&this.loadWord(),0<(t=e-t)?i<<t|this.readBits(t):i},this.skipLeadingZeros=function(){var e;for(e=0;e<a;++e)if(0!=(s&2147483648>>>e))return s<<=e,a-=e,e;return this.loadWord(),e+this.skipLeadingZeros()},this.skipUnsignedExpGolomb=function(){this.skipBits(1+this.skipLeadingZeros())},this.skipExpGolomb=function(){this.skipBits(1+this.skipLeadingZeros())},this.readUnsignedExpGolomb=function(){var e=this.skipLeadingZeros();return this.readBits(e+1)-1},this.readExpGolomb=function(){var e=this.readUnsignedExpGolomb();return 1&e?1+e>>>1:-1*(e>>>1)},this.readBoolean=function(){return 1===this.readBits(1)},this.readUnsignedByte=function(){return this.readBits(8)},this.loadWord()};(Je=function(){var n,r,s=0;Je.prototype.init.call(this),this.push=function(e){for(var t,i=(r=r?((t=new Uint8Array(r.byteLength+e.data.byteLength)).set(r),t.set(e.data,r.byteLength),t):e.data).byteLength;s<i-3;s++)if(1===r[s+2]){n=s+5;break}for(;n<i;)switch(r[n]){case 0:if(0!==r[n-1]){n+=2;break}if(0!==r[n-2]){n++;break}for(s+3!==n-2&&this.trigger("data",r.subarray(s+3,n-2));1!==r[++n]&&n<i;);s=n-2,n+=3;break;case 1:if(0!==r[n-1]||0!==r[n-2]){n+=3;break}this.trigger("data",r.subarray(s+3,n-2)),s=n-2,n+=3;break;default:n+=3}r=r.subarray(s),n-=s,s=0},this.reset=function(){r=null,s=0,this.trigger("reset")},this.flush=function(){r&&3<r.byteLength&&this.trigger("data",r.subarray(s+3)),r=null,s=0,this.trigger("done")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline")}}).prototype=new H,Ze={100:!0,110:!0,122:!0,244:!0,44:!0,83:!0,86:!0,118:!0,128:!0,138:!0,139:!0,134:!0},(Qe=function(){var i,n,r,s,a,o,_,t=new Je;Qe.prototype.init.call(this),(i=this).push=function(e){"video"===e.type&&(n=e.trackId,r=e.pts,s=e.dts,t.push(e))},t.on("data",function(e){var t={trackId:n,pts:r,dts:s,data:e};switch(31&e[0]){case 5:t.nalUnitType="slice_layer_without_partitioning_rbsp_idr";break;case 6:t.nalUnitType="sei_rbsp",t.escapedRBSP=a(e.subarray(1));break;case 7:t.nalUnitType="seq_parameter_set_rbsp",t.escapedRBSP=a(e.subarray(1)),t.config=o(t.escapedRBSP);break;case 8:t.nalUnitType="pic_parameter_set_rbsp";break;case 9:t.nalUnitType="access_unit_delimiter_rbsp"}i.trigger("data",t)}),t.on("done",function(){i.trigger("done")}),t.on("partialdone",function(){i.trigger("partialdone")}),t.on("reset",function(){i.trigger("reset")}),t.on("endedtimeline",function(){i.trigger("endedtimeline")}),this.flush=function(){t.flush()},this.partialFlush=function(){t.partialFlush()},this.reset=function(){t.reset()},this.endTimeline=function(){t.endTimeline()},_=function(e,t){var i,n=8,r=8;for(i=0;i<e;i++)0!==r&&(r=(n+t.readExpGolomb()+256)%256),n=0===r?n:r},a=function(e){for(var t,i,n=e.byteLength,r=[],s=1;s<n-2;)0===e[s]&&0===e[s+1]&&3===e[s+2]?(r.push(s+2),s+=2):s++;if(0===r.length)return e;t=n-r.length,i=new Uint8Array(t);var a=0;for(s=0;s<t;a++,s++)a===r[0]&&(a++,r.shift()),i[s]=e[a];return i},o=function(e){var t,i,n,r,s,a,o,u,l,c,h,d,p,f=0,m=0,g=0,v=0,y=1;if(i=(t=new tt(e)).readUnsignedByte(),r=t.readUnsignedByte(),n=t.readUnsignedByte(),t.skipUnsignedExpGolomb(),Ze[i]&&(3===(s=t.readUnsignedExpGolomb())&&t.skipBits(1),t.skipUnsignedExpGolomb(),t.skipUnsignedExpGolomb(),t.skipBits(1),t.readBoolean()))for(h=3!==s?8:12,p=0;p<h;p++)t.readBoolean()&&_(p<6?16:64,t);if(t.skipUnsignedExpGolomb(),0===(a=t.readUnsignedExpGolomb()))t.readUnsignedExpGolomb();else if(1===a)for(t.skipBits(1),t.skipExpGolomb(),t.skipExpGolomb(),o=t.readUnsignedExpGolomb(),p=0;p<o;p++)t.skipExpGolomb();if(t.skipUnsignedExpGolomb(),t.skipBits(1),u=t.readUnsignedExpGolomb(),l=t.readUnsignedExpGolomb(),0===(c=t.readBits(1))&&t.skipBits(1),t.skipBits(1),t.readBoolean()&&(f=t.readUnsignedExpGolomb(),m=t.readUnsignedExpGolomb(),g=t.readUnsignedExpGolomb(),v=t.readUnsignedExpGolomb()),t.readBoolean()&&t.readBoolean()){switch(t.readUnsignedByte()){case 1:d=[1,1];break;case 2:d=[12,11];break;case 3:d=[10,11];break;case 4:d=[16,11];break;case 5:d=[40,33];break;case 6:d=[24,11];break;case 7:d=[20,11];break;case 8:d=[32,11];break;case 9:d=[80,33];break;case 10:d=[18,11];break;case 11:d=[15,11];break;case 12:d=[64,33];break;case 13:d=[160,99];break;case 14:d=[4,3];break;case 15:d=[3,2];break;case 16:d=[2,1];break;case 255:d=[t.readUnsignedByte()<<8|t.readUnsignedByte(),t.readUnsignedByte()<<8|t.readUnsignedByte()]}d&&(y=d[0]/d[1])}return{profileIdc:i,levelIdc:n,profileCompatibility:r,width:Math.ceil((16*(u+1)-2*f-2*m)*y),height:(2-c)*(l+1)*16-2*g-2*v,sarRatio:d}}}).prototype=new H;var it,nt={H264Stream:Qe,NalByteStream:Je},rt=function(e){return e[0]==="I".charCodeAt(0)&&e[1]==="D".charCodeAt(0)&&e[2]==="3".charCodeAt(0)},st=function(e,t){var i=e[t+6]<<21|e[t+7]<<14|e[t+8]<<7|e[t+9];return(16&e[t+5])>>4?20+i:10+i},at=function(e,t){var i=(224&e[t+5])>>5,n=e[t+4]<<3;return 6144&e[t+3]|n|i};(it=function(){var o=new Uint8Array,u=0;it.prototype.init.call(this),this.setTimestamp=function(e){u=e},this.push=function(e){var t,i,n,r,s=0,a=0;for(o.length?(r=o.length,(o=new Uint8Array(e.byteLength+r)).set(o.subarray(0,r)),o.set(e,r)):o=e;3<=o.length-a;)if(o[a]!=="I".charCodeAt(0)||o[a+1]!=="D".charCodeAt(0)||o[a+2]!=="3".charCodeAt(0))if(255!=(255&o[a])||240!=(240&o[a+1]))a++;else{if(o.length-a<7)break;if(a+(s=at(o,a))>o.length)break;n={type:"audio",data:o.subarray(a,a+s),pts:u,dts:u},this.trigger("data",n),a+=s}else{if(o.length-a<10)break;if(a+(s=st(o,a))>o.length)break;i={type:"timed-metadata",data:o.subarray(a,a+s)},this.trigger("data",i),a+=s}t=o.length-a,o=0<t?o.subarray(a):new Uint8Array},this.reset=function(){o=new Uint8Array,this.trigger("reset")},this.endTimeline=function(){o=new Uint8Array,this.trigger("endedtimeline")}}).prototype=new H;function ot(e,t){var i;if(e.length!==t.length)return!1;for(i=0;i<e.length;i++)if(e[i]!==t[i])return!1;return!0}function ut(e,t,i,n,r,s){return{start:{dts:e,pts:e+(i-t)},end:{dts:e+(n-t),pts:e+(r-i)},prependedContentDuration:s,baseMediaDecodeTime:e}}var lt,ct,ht,dt,pt=it,ft=nt.H264Stream,mt=rt,gt=le,vt=["audioobjecttype","channelcount","samplerate","samplingfrequencyindex","samplesize"],yt=["width","height","profileIdc","levelIdc","profileCompatibility","sarRatio"];(ct=function(s,a){var o=[],u=0,l=0,c=0,h=1/0;a=a||{},ct.prototype.init.call(this),this.push=function(t){be(s,t),s&&vt.forEach(function(e){s[e]=t[e]}),o.push(t)},this.setEarliestDts=function(e){l=e-s.timelineStartInfo.baseMediaDecodeTime},this.setVideoBaseMediaDecodeTime=function(e){h=e},this.setAudioAppendStart=function(e){c=e},this.flush=function(){var e,t,i,n,r;0!==o.length&&(e=fe(o,s,l),s.baseMediaDecodeTime=_e(s,a.keepOriginalTimestamps),pe(s,e,c,h),s.samples=me(e),i=Q(ge(e)),o=[],t=J(u,[s]),n=new Uint8Array(t.byteLength+i.byteLength),u++,n.set(t),n.set(i,t.byteLength),ye(s),r=Math.ceil(1024*gt/s.samplerate),e.length&&this.trigger("timingInfo",{start:e[0].dts,end:e[0].dts+e.length*r}),this.trigger("data",{track:s,boxes:n})),this.trigger("done","AudioSegmentStream")},this.reset=function(){ye(s),o=[],this.trigger("reset")}}).prototype=new H,(lt=function(c,h){var t,i,d=0,p=[],f=[];h=h||{},lt.prototype.init.call(this),delete c.minPTS,this.gopCache_=[],this.push=function(e){be(c,e),"seq_parameter_set_rbsp"!==e.nalUnitType||t||(t=e.config,c.sps=[e.data],yt.forEach(function(e){c[e]=t[e]},this)),"pic_parameter_set_rbsp"!==e.nalUnitType||i||(i=e.data,c.pps=[e.data]),p.push(e)},this.flush=function(){for(var e,t,i,n,r,s,a,o,u=0;p.length&&"access_unit_delimiter_rbsp"!==p[0].nalUnitType;)p.shift();if(0===p.length)return this.resetStream_(),void this.trigger("done","VideoSegmentStream");if(e=ee(p),(i=te(e))[0][0].keyFrame||((t=this.getGopForFusion_(p[0],c))?(u=t.duration,i.unshift(t),i.byteLength+=t.byteLength,i.nalCount+=t.nalCount,i.pts=t.pts,i.dts=t.dts,i.duration+=t.duration):i=ie(i)),f.length){var l;if(!(l=h.alignGopsAtEnd?this.alignGopsAtEnd_(i):this.alignGopsAtStart_(i)))return this.gopCache_.unshift({gop:i.pop(),pps:c.pps,sps:c.sps}),this.gopCache_.length=Math.min(6,this.gopCache_.length),p=[],this.resetStream_(),void this.trigger("done","VideoSegmentStream");ye(c),i=l}be(c,i),c.samples=ne(i),r=Q(re(i)),c.baseMediaDecodeTime=_e(c,h.keepOriginalTimestamps),this.trigger("processedGopsInfo",i.map(function(e){return{pts:e.pts,dts:e.dts,byteLength:e.byteLength}})),a=i[0],o=i[i.length-1],this.trigger("segmentTimingInfo",ut(c.baseMediaDecodeTime,a.dts,a.pts,o.dts+o.duration,o.pts+o.duration,u)),this.trigger("timingInfo",{start:i[0].dts,end:i[i.length-1].dts+i[i.length-1].duration}),this.gopCache_.unshift({gop:i.pop(),pps:c.pps,sps:c.sps}),this.gopCache_.length=Math.min(6,this.gopCache_.length),p=[],this.trigger("baseMediaDecodeTime",c.baseMediaDecodeTime),this.trigger("timelineStartInfo",c.timelineStartInfo),n=J(d,[c]),s=new Uint8Array(n.byteLength+r.byteLength),d++,s.set(n),s.set(r,n.byteLength),this.trigger("data",{track:c,boxes:s}),this.resetStream_(),this.trigger("done","VideoSegmentStream")},this.reset=function(){this.resetStream_(),p=[],this.gopCache_.length=0,f.length=0,this.trigger("reset")},this.resetStream_=function(){ye(c),i=t=void 0},this.getGopForFusion_=function(e){var t,i,n,r,s,a=1/0;for(s=0;s<this.gopCache_.length;s++)n=(r=this.gopCache_[s]).gop,c.pps&&ot(c.pps[0],r.pps[0])&&c.sps&&ot(c.sps[0],r.sps[0])&&(n.dts<c.timelineStartInfo.dts||-1e4<=(t=e.dts-n.dts-n.duration)&&t<=45e3&&(!i||t<a)&&(i=r,a=t));return i?i.gop:null},this.alignGopsAtStart_=function(e){var t,i,n,r,s,a,o,u;for(s=e.byteLength,a=e.nalCount,o=e.duration,t=i=0;t<f.length&&i<e.length&&(n=f[t],r=e[i],n.pts!==r.pts);)r.pts>n.pts?t++:(i++,s-=r.byteLength,a-=r.nalCount,o-=r.duration);return 0===i?e:i===e.length?null:((u=e.slice(i)).byteLength=s,u.duration=o,u.nalCount=a,u.pts=u[0].pts,u.dts=u[0].dts,u)},this.alignGopsAtEnd_=function(e){var t,i,n,r,s,a,o;for(t=f.length-1,i=e.length-1,s=null,a=!1;0<=t&&0<=i;){if(n=f[t],r=e[i],n.pts===r.pts){a=!0;break}n.pts>r.pts?t--:(t===f.length-1&&(s=i),i--)}if(!a&&null===s)return null;if(0===(o=a?i:s))return e;var u=e.slice(o),l=u.reduce(function(e,t){return e.byteLength+=t.byteLength,e.duration+=t.duration,e.nalCount+=t.nalCount,e},{byteLength:0,duration:0,nalCount:0});return u.byteLength=l.byteLength,u.duration=l.duration,u.nalCount=l.nalCount,u.pts=u[0].pts,u.dts=u[0].dts,u},this.alignGopsWith=function(e){f=e}}).prototype=new H,(dt=function(e,t){this.numberOfTracks=0,this.metadataStream=t,"undefined"!=typeof(e=e||{}).remux?this.remuxTracks=!!e.remux:this.remuxTracks=!0,"boolean"==typeof e.keepOriginalTimestamps?this.keepOriginalTimestamps=e.keepOriginalTimestamps:this.keepOriginalTimestamps=!1,this.pendingTracks=[],this.videoTrack=null,this.pendingBoxes=[],this.pendingCaptions=[],this.pendingMetadata=[],this.pendingBytes=0,this.emittedTracks=0,dt.prototype.init.call(this),this.push=function(e){return e.text?this.pendingCaptions.push(e):e.frames?this.pendingMetadata.push(e):(this.pendingTracks.push(e.track),this.pendingBytes+=e.boxes.byteLength,"video"===e.track.type&&(this.videoTrack=e.track,this.pendingBoxes.push(e.boxes)),void("audio"===e.track.type&&(this.audioTrack=e.track,this.pendingBoxes.unshift(e.boxes))))}}).prototype=new H,dt.prototype.flush=function(e){var t,i,n,r,s=0,a={captions:[],captionStreams:{},metadata:[],info:{}},o=0;if(this.pendingTracks.length<this.numberOfTracks){if("VideoSegmentStream"!==e&&"AudioSegmentStream"!==e)return;if(this.remuxTracks)return;if(0===this.pendingTracks.length)return this.emittedTracks++,void(this.emittedTracks>=this.numberOfTracks&&(this.trigger("done"),this.emittedTracks=0))}if(this.videoTrack?(o=this.videoTrack.timelineStartInfo.pts,yt.forEach(function(e){a.info[e]=this.videoTrack[e]},this)):this.audioTrack&&(o=this.audioTrack.timelineStartInfo.pts,vt.forEach(function(e){a.info[e]=this.audioTrack[e]},this)),this.videoTrack||this.audioTrack){for(1===this.pendingTracks.length?a.type=this.pendingTracks[0].type:a.type="combined",this.emittedTracks+=this.pendingTracks.length,n=Z(this.pendingTracks),a.initSegment=new Uint8Array(n.byteLength),a.initSegment.set(n),a.data=new Uint8Array(this.pendingBytes),r=0;r<this.pendingBoxes.length;r++)a.data.set(this.pendingBoxes[r],s),s+=this.pendingBoxes[r].byteLength;for(r=0;r<this.pendingCaptions.length;r++)(t=this.pendingCaptions[r]).startTime=de(t.startPts,o,this.keepOriginalTimestamps),t.endTime=de(t.endPts,o,this.keepOriginalTimestamps),a.captionStreams[t.stream]=!0,a.captions.push(t);for(r=0;r<this.pendingMetadata.length;r++)(i=this.pendingMetadata[r]).cueTime=de(i.pts,o,this.keepOriginalTimestamps),a.metadata.push(i);for(a.metadata.dispatchType=this.metadataStream.dispatchType,this.pendingTracks.length=0,this.videoTrack=null,this.pendingBoxes.length=0,this.pendingCaptions.length=0,this.pendingBytes=0,this.pendingMetadata.length=0,this.trigger("data",a),r=0;r<a.captions.length;r++)t=a.captions[r],this.trigger("caption",t);for(r=0;r<a.metadata.length;r++)i=a.metadata[r],this.trigger("id3Frame",i)}this.emittedTracks>=this.numberOfTracks&&(this.trigger("done"),this.emittedTracks=0)},dt.prototype.setRemux=function(e){this.remuxTracks=e},(ht=function(n){var r,s,a=this,i=!0;ht.prototype.init.call(this),n=n||{},this.baseMediaDecodeTime=n.baseMediaDecodeTime||0,this.transmuxPipeline_={},this.setupAacPipeline=function(){var t={};(this.transmuxPipeline_=t).type="aac",t.metadataStream=new Xe.MetadataStream,t.aacStream=new pt,t.audioTimestampRolloverStream=new Xe.TimestampRolloverStream("audio"),t.timedMetadataTimestampRolloverStream=new Xe.TimestampRolloverStream("timed-metadata"),t.adtsStream=new et,t.coalesceStream=new dt(n,t.metadataStream),t.headOfPipeline=t.aacStream,t.aacStream.pipe(t.audioTimestampRolloverStream).pipe(t.adtsStream),t.aacStream.pipe(t.timedMetadataTimestampRolloverStream).pipe(t.metadataStream).pipe(t.coalesceStream),t.metadataStream.on("timestamp",function(e){t.aacStream.setTimestamp(e.timeStamp)}),t.aacStream.on("data",function(e){"timed-metadata"!==e.type||t.audioSegmentStream||(s=s||{timelineStartInfo:{baseMediaDecodeTime:a.baseMediaDecodeTime},codec:"adts",type:"audio"},t.coalesceStream.numberOfTracks++,t.audioSegmentStream=new ct(s,n),t.audioSegmentStream.on("timingInfo",a.trigger.bind(a,"audioTimingInfo")),t.adtsStream.pipe(t.audioSegmentStream).pipe(t.coalesceStream)),a.trigger("trackinfo",{hasAudio:!!s,hasVideo:!!r})}),t.coalesceStream.on("data",this.trigger.bind(this,"data")),t.coalesceStream.on("done",this.trigger.bind(this,"done"))},this.setupTsPipeline=function(){var i={};(this.transmuxPipeline_=i).type="ts",i.metadataStream=new Xe.MetadataStream,i.packetStream=new Xe.TransportPacketStream,i.parseStream=new Xe.TransportParseStream,i.elementaryStream=new Xe.ElementaryStream,i.timestampRolloverStream=new Xe.TimestampRolloverStream,i.adtsStream=new et,i.h264Stream=new ft,i.captionStream=new Xe.CaptionStream,i.coalesceStream=new dt(n,i.metadataStream),i.headOfPipeline=i.packetStream,i.packetStream.pipe(i.parseStream).pipe(i.elementaryStream).pipe(i.timestampRolloverStream),i.timestampRolloverStream.pipe(i.h264Stream),i.timestampRolloverStream.pipe(i.adtsStream),i.timestampRolloverStream.pipe(i.metadataStream).pipe(i.coalesceStream),i.h264Stream.pipe(i.captionStream).pipe(i.coalesceStream),i.elementaryStream.on("data",function(e){var t;if("metadata"===e.type){for(t=e.tracks.length;t--;)r||"video"!==e.tracks[t].type?s||"audio"!==e.tracks[t].type||((s=e.tracks[t]).timelineStartInfo.baseMediaDecodeTime=a.baseMediaDecodeTime):(r=e.tracks[t]).timelineStartInfo.baseMediaDecodeTime=a.baseMediaDecodeTime;r&&!i.videoSegmentStream&&(i.coalesceStream.numberOfTracks++,i.videoSegmentStream=new lt(r,n),i.videoSegmentStream.on("timelineStartInfo",function(e){s&&(s.timelineStartInfo=e,i.audioSegmentStream.setEarliestDts(e.dts))}),i.videoSegmentStream.on("processedGopsInfo",a.trigger.bind(a,"gopInfo")),i.videoSegmentStream.on("segmentTimingInfo",a.trigger.bind(a,"videoSegmentTimingInfo")),i.videoSegmentStream.on("baseMediaDecodeTime",function(e){s&&i.audioSegmentStream.setVideoBaseMediaDecodeTime(e)}),i.videoSegmentStream.on("timingInfo",a.trigger.bind(a,"videoTimingInfo")),i.h264Stream.pipe(i.videoSegmentStream).pipe(i.coalesceStream)),s&&!i.audioSegmentStream&&(i.coalesceStream.numberOfTracks++,i.audioSegmentStream=new ct(s,n),i.audioSegmentStream.on("timingInfo",a.trigger.bind(a,"audioTimingInfo")),i.adtsStream.pipe(i.audioSegmentStream).pipe(i.coalesceStream)),a.trigger("trackinfo",{hasAudio:!!s,hasVideo:!!r})}}),i.coalesceStream.on("data",this.trigger.bind(this,"data")),i.coalesceStream.on("id3Frame",function(e){e.dispatchType=i.metadataStream.dispatchType,a.trigger("id3Frame",e)}),i.coalesceStream.on("caption",this.trigger.bind(this,"caption")),i.coalesceStream.on("done",this.trigger.bind(this,"done"))},this.setBaseMediaDecodeTime=function(e){var t=this.transmuxPipeline_;n.keepOriginalTimestamps||(this.baseMediaDecodeTime=e),s&&(s.timelineStartInfo.dts=void 0,s.timelineStartInfo.pts=void 0,ye(s),n.keepOriginalTimestamps||(s.timelineStartInfo.baseMediaDecodeTime=e),t.audioTimestampRolloverStream&&t.audioTimestampRolloverStream.discontinuity()),r&&(t.videoSegmentStream&&(t.videoSegmentStream.gopCache_=[]),r.timelineStartInfo.dts=void 0,r.timelineStartInfo.pts=void 0,ye(r),t.captionStream.reset(),n.keepOriginalTimestamps||(r.timelineStartInfo.baseMediaDecodeTime=e)),t.timestampRolloverStream&&t.timestampRolloverStream.discontinuity()},this.setAudioAppendStart=function(e){s&&this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(e)},this.setRemux=function(e){var t=this.transmuxPipeline_;n.remux=e,t&&t.coalesceStream&&t.coalesceStream.setRemux(e)},this.alignGopsWith=function(e){r&&this.transmuxPipeline_.videoSegmentStream&&this.transmuxPipeline_.videoSegmentStream.alignGopsWith(e)},this.push=function(e){if(i){var t=mt(e);t&&"aac"!==this.transmuxPipeline_.type?this.setupAacPipeline():t||"ts"===this.transmuxPipeline_.type||this.setupTsPipeline(),i=!1}this.transmuxPipeline_.headOfPipeline.push(e)},this.flush=function(){i=!0,this.transmuxPipeline_.headOfPipeline.flush()},this.endTimeline=function(){this.transmuxPipeline_.headOfPipeline.endTimeline()},this.reset=function(){this.transmuxPipeline_.headOfPipeline&&this.transmuxPipeline_.headOfPipeline.reset()},this.resetCaptions=function(){this.transmuxPipeline_.captionStream&&this.transmuxPipeline_.captionStream.reset()}}).prototype=new H;var _t={Transmuxer:ht,VideoSegmentStream:lt,AudioSegmentStream:ct,AUDIO_PROPERTIES:vt,VIDEO_PROPERTIES:yt,generateVideoSegmentTimingInfo:ut};function bt(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var Tt=(function(e,t,i){return t&&bt(e.prototype,t),i&&bt(e,i),e}(St,[{key:"init",value:function(){this.transmuxer&&this.transmuxer.dispose(),this.transmuxer=new _t.Transmuxer(this.options),function(n,e){e.on("data",function(e){var t=e.initSegment;e.initSegment={data:t.buffer,byteOffset:t.byteOffset,byteLength:t.byteLength};var i=e.data;e.data=i.buffer,n.postMessage({action:"data",segment:e,byteOffset:i.byteOffset,byteLength:i.byteLength},[e.data])}),e.captionStream&&e.captionStream.on("data",function(e){n.postMessage({action:"caption",data:e})}),e.on("done",function(e){n.postMessage({action:"done"})}),e.on("gopInfo",function(e){n.postMessage({action:"gopInfo",gopInfo:e})}),e.on("videoSegmentTimingInfo",function(e){n.postMessage({action:"videoSegmentTimingInfo",videoSegmentTimingInfo:e})})}(this.self,this.transmuxer)}},{key:"push",value:function(e){var t=new Uint8Array(e.data,e.byteOffset,e.byteLength);this.transmuxer.push(t)}},{key:"reset",value:function(){this.init()}},{key:"setTimestampOffset",value:function(e){var t=e.timestampOffset||0;this.transmuxer.setBaseMediaDecodeTime(Math.round(9e4*t))}},{key:"setAudioAppendStart",value:function(e){this.transmuxer.setAudioAppendStart(Math.ceil(9e4*e.appendStart))}},{key:"flush",value:function(e){this.transmuxer.flush()}},{key:"resetCaptions",value:function(){this.transmuxer.resetCaptions()}},{key:"alignGopsWith",value:function(e){this.transmuxer.alignGopsWith(e.gopsToAlignWith.slice())}}]),St);function St(e,t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,St),this.options=t||{},this.self=e,this.init()}new function(t){t.onmessage=function(e){"init"===e.data.action&&e.data.options?this.messageHandlers=new Tt(t,e.data.options):(this.messageHandlers||(this.messageHandlers=new Tt(t)),e.data&&e.data.action&&"init"!==e.data.action&&this.messageHandlers[e.data.action]&&this.messageHandlers[e.data.action](e.data))}}(kt)}()}),zu={videoCodec:"avc1",videoObjectTypeIndicator:".4d400d",audioProfile:"2"},Gu=(xo(Ku,rs.EventTarget),Ao(Ku,[{key:"data_",value:function(e){var t=e.data.segment;t.data=new Uint8Array(t.data,e.data.byteOffset,e.data.byteLength),t.initSegment=new Uint8Array(t.initSegment.data,t.initSegment.byteOffset,t.initSegment.byteLength),function(e,t,i){var n=t.player_;if(i.captions&&i.captions.length)for(var r in e.inbandTextTracks_||(e.inbandTextTracks_={}),i.captionStreams)if(!e.inbandTextTracks_[r]){n.tech_.trigger({type:"usage",name:"hls-608"});var s=n.textTracks().getTrackById(r);e.inbandTextTracks_[r]=s||n.addRemoteTextTrack({kind:"captions",id:r,label:r},!1).track}i.metadata&&i.metadata.length&&!e.metadataTrack_&&(e.metadataTrack_=n.addRemoteTextTrack({kind:"metadata",label:"Timed Metadata"},!1).track,e.metadataTrack_.inBandMetadataTrackDispatchType=i.metadata.dispatchType)}(this,this.mediaSource_,t),this.pendingBuffers_.push(t)}},{key:"done_",value:function(e){"closed"!==this.mediaSource_.readyState?this.processPendingSegments_():this.pendingBuffers_.length=0}},{key:"videoSegmentTimingInfo_",value:function(e){var t={start:{decode:e.start.dts/9e4,presentation:e.start.pts/9e4},end:{decode:e.end.dts/9e4,presentation:e.end.pts/9e4},baseMediaDecodeTime:e.baseMediaDecodeTime/9e4};e.prependedContentDuration&&(t.prependedContentDuration=e.prependedContentDuration/9e4),this.trigger({type:"videoSegmentTimingInfo",videoSegmentTimingInfo:t})}},{key:"createRealSourceBuffers_",value:function(){var n=this,r=["audio","video"];r.forEach(function(t){if(n[t+"Codec_"]&&!n[t+"Buffer_"]){var i=null;if(n.mediaSource_[t+"Buffer_"])(i=n.mediaSource_[t+"Buffer_"]).updating=!1;else{var e=t+'/mp4;codecs="'+n[t+"Codec_"]+'"';i=function(e,t){var i=e.addSourceBuffer(t),n=Object.create(null);function r(t){"function"==typeof i[t]?n[t]=function(){return i[t].apply(i,arguments)}:"undefined"==typeof n[t]&&Object.defineProperty(n,t,{get:function(){return i[t]},set:function(e){return i[t]=e}})}for(var s in n.updating=!1,n.realBuffer_=i)r(s);return n}(n.mediaSource_.nativeMediaSource_,e),n.mediaSource_[t+"Buffer_"]=i}n[t+"Buffer_"]=i,["update","updatestart","updateend"].forEach(function(e){i.addEventListener(e,function(){if("audio"!==t||!n.audioDisabled_)return"updateend"===e&&(n[t+"Buffer_"].updating=!1),r.every(function(e){return!("audio"!==e||!n.audioDisabled_)||t===e||!n[e+"Buffer_"]||!n[e+"Buffer_"].updating})?n.trigger(e):void 0})})}})}},{key:"appendBuffer",value:function(e){if(this.bufferUpdating_=!0,this.audioBuffer_&&this.audioBuffer_.buffered.length){var t=this.audioBuffer_.buffered;this.transmuxer_.postMessage({action:"setAudioAppendStart",appendStart:t.end(t.length-1)})}this.videoBuffer_&&this.transmuxer_.postMessage({action:"alignGopsWith",gopsToAlignWith:function(e,t,i){if("undefined"==typeof t||null===t||!e.length)return[];var n=Math.ceil(9e4*(t-i+3)),r=void 0;for(r=0;r<e.length&&!(e[r].pts>n);r++);return e.slice(r)}(this.gopBuffer_,this.mediaSource_.player_?this.mediaSource_.player_.currentTime():null,this.timeMapping_)}),this.transmuxer_.postMessage({action:"push",data:e.buffer,byteOffset:e.byteOffset,byteLength:e.byteLength},[e.buffer]),this.transmuxer_.postMessage({action:"flush"})}},{key:"appendGopInfo_",value:function(e){this.gopBuffer_=function(e,t,i){if(!t.length)return e;if(i)return t.slice();for(var n=t[0].pts,r=0;r<e.length&&!(e[r].pts>=n);r++);return e.slice(0,r).concat(t)}(this.gopBuffer_,e.data.gopInfo,this.safeAppend_)}},{key:"remove",value:function(e,t){if(this.videoBuffer_&&(this.videoBuffer_.updating=!0,this.videoBuffer_.remove(e,t),this.gopBuffer_=function(e,t,i,n){for(var r=Math.ceil(9e4*(t-n)),s=Math.ceil(9e4*(i-n)),a=e.slice(),o=e.length;o--&&!(e[o].pts<=s););if(-1===o)return a;for(var u=o+1;u--&&!(e[u].pts<=r););return u=Math.max(u,0),a.splice(u,o-u+1),a}(this.gopBuffer_,e,t,this.timeMapping_)),!this.audioDisabled_&&this.audioBuffer_&&(this.audioBuffer_.updating=!0,this.audioBuffer_.remove(e,t)),gu(e,t,this.metadataTrack_),this.inbandTextTracks_)for(var i in this.inbandTextTracks_)gu(e,t,this.inbandTextTracks_[i])}},{key:"processPendingSegments_",value:function(){var e={video:{segments:[],bytes:0},audio:{segments:[],bytes:0},captions:[],metadata:[]};if(!this.pendingBuffers_.length)return this.trigger("updateend"),void(this.bufferUpdating_=!1);e=this.pendingBuffers_.reduce(function(e,t){var i=t.type,n=t.data,r=t.initSegment;return e[i].segments.push(n),e[i].bytes+=n.byteLength,e[i].initSegment=r,t.captions&&(e.captions=e.captions.concat(t.captions)),t.info&&(e[i].info=t.info),t.metadata&&(e.metadata=e.metadata.concat(t.metadata)),e},e),this.videoBuffer_||this.audioBuffer_||(0===e.video.bytes&&(this.videoCodec_=null),0===e.audio.bytes&&(this.audioCodec_=null),this.createRealSourceBuffers_()),e.audio.info&&this.mediaSource_.trigger({type:"audioinfo",info:e.audio.info}),e.video.info&&this.mediaSource_.trigger({type:"videoinfo",info:e.video.info}),this.appendAudioInitSegment_&&(!this.audioDisabled_&&this.audioBuffer_&&(e.audio.segments.unshift(e.audio.initSegment),e.audio.bytes+=e.audio.initSegment.byteLength),this.appendAudioInitSegment_=!1);var t=!1;this.videoBuffer_&&e.video.bytes?(e.video.segments.unshift(e.video.initSegment),e.video.bytes+=e.video.initSegment.byteLength,this.concatAndAppendSegments_(e.video,this.videoBuffer_)):!this.videoBuffer_||!this.audioDisabled_&&this.audioBuffer_||(t=!0),yu(this,e.captions,e.metadata),!this.audioDisabled_&&this.audioBuffer_&&this.concatAndAppendSegments_(e.audio,this.audioBuffer_),this.pendingBuffers_.length=0,t&&this.trigger("updateend"),this.bufferUpdating_=!1}},{key:"concatAndAppendSegments_",value:function(e,t){var i=0,n=void 0;if(e.bytes){n=new Uint8Array(e.bytes),e.segments.forEach(function(e){n.set(e,i),i+=e.byteLength});try{t.updating=!0,t.appendBuffer(n)}catch(e){this.mediaSource_.player_&&this.mediaSource_.player_.error({code:-3,type:"APPEND_BUFFER_ERR",message:e.message,originalError:e})}}}},{key:"abort",value:function(){this.videoBuffer_&&this.videoBuffer_.abort(),!this.audioDisabled_&&this.audioBuffer_&&this.audioBuffer_.abort(),this.transmuxer_&&this.transmuxer_.postMessage({action:"reset"}),this.pendingBuffers_.length=0,this.bufferUpdating_=!1}}]),Ku);function Ku(e,t){Po(this,Ku);var i=Oo(this,(Ku.__proto__||Object.getPrototypeOf(Ku)).call(this,rs.EventTarget));i.timestampOffset_=0,i.pendingBuffers_=[],i.bufferUpdating_=!1,i.mediaSource_=e,i.codecs_=t,i.audioCodec_=null,i.videoCodec_=null,i.audioDisabled_=!1,i.appendAudioInitSegment_=!0,i.gopBuffer_=[],i.timeMapping_=0,i.safeAppend_=11<=rs.browser.IE_VERSION;var n={remux:!1,alignGopsAtEnd:i.safeAppend_};return i.codecs_.forEach(function(e){Vu(e)?i.audioCodec_=e:qu(e)&&(i.videoCodec_=e)}),i.transmuxer_=new Wu,i.transmuxer_.postMessage({action:"init",options:n}),i.transmuxer_.onmessage=function(e){return"data"===e.data.action?i.data_(e):"done"===e.data.action?i.done_(e):"gopInfo"===e.data.action?i.appendGopInfo_(e):"videoSegmentTimingInfo"===e.data.action?i.videoSegmentTimingInfo_(e.data.videoSegmentTimingInfo):void 0},Object.defineProperty(i,"timestampOffset",{get:function(){return this.timestampOffset_},set:function(e){"number"==typeof e&&0<=e&&(this.timestampOffset_=e,this.appendAudioInitSegment_=!0,this.gopBuffer_.length=0,this.timeMapping_=0,this.transmuxer_.postMessage({action:"setTimestampOffset",timestampOffset:e}))}}),Object.defineProperty(i,"appendWindowStart",{get:function(){return(this.videoBuffer_||this.audioBuffer_).appendWindowStart},set:function(e){this.videoBuffer_&&(this.videoBuffer_.appendWindowStart=e),this.audioBuffer_&&(this.audioBuffer_.appendWindowStart=e)}}),Object.defineProperty(i,"updating",{get:function(){return!!(this.bufferUpdating_||!this.audioDisabled_&&this.audioBuffer_&&this.audioBuffer_.updating||this.videoBuffer_&&this.videoBuffer_.updating)}}),Object.defineProperty(i,"buffered",{get:function(){return function(e,t,i){var n=null,r=null,s=0,a=[],o=[];if(!e&&!t)return rs.createTimeRange();if(!e)return t.buffered;if(!t)return e.buffered;if(i)return e.buffered;if(0===e.buffered.length&&0===t.buffered.length)return rs.createTimeRange();for(var u=e.buffered,l=t.buffered,c=u.length;c--;)a.push({time:u.start(c),type:"start"}),a.push({time:u.end(c),type:"end"});for(c=l.length;c--;)a.push({time:l.start(c),type:"start"}),a.push({time:l.end(c),type:"end"});for(a.sort(function(e,t){return e.time-t.time}),c=0;c<a.length;c++)"start"===a[c].type?2===++s&&(n=a[c].time):"end"===a[c].type&&1===--s&&(r=a[c].time),null!==n&&null!==r&&(o.push([n,r]),r=n=null);return rs.createTimeRanges(o)}(this.videoBuffer_,this.audioBuffer_,this.audioDisabled_)}}),i}var Xu=(xo(Yu,rs.EventTarget),Ao(Yu,[{key:"addSeekableRange_",value:function(e,t){var i=void 0;if(this.duration!==1/0)throw(i=new Error("MediaSource.addSeekableRange() can only be invoked when the duration is Infinity")).name="InvalidStateError",i.code=11,i;(t>this.nativeMediaSource_.duration||isNaN(this.nativeMediaSource_.duration))&&(this.nativeMediaSource_.duration=t)}},{key:"addSourceBuffer",value:function(e){var t=void 0,i=Hu(e);if(/^(video|audio)\/mp2t$/i.test(i.type)){var n=[];i.parameters&&i.parameters.codecs&&(n=i.parameters.codecs.split(","),n=(n=Nu(n)).filter(function(e){return Vu(e)||qu(e)})),0===n.length&&(n=["avc1.4d400d","mp4a.40.2"]),t=new Gu(this,n),0!==this.sourceBuffers.length&&(this.sourceBuffers[0].createRealSourceBuffers_(),t.createRealSourceBuffers_(),this.sourceBuffers[0].audioDisabled_=!0)}else t=this.nativeMediaSource_.addSourceBuffer(e);return this.sourceBuffers.push(t),t}}]),Yu);function Yu(){Po(this,Yu);var s=Oo(this,(Yu.__proto__||Object.getPrototypeOf(Yu)).call(this)),e=void 0;for(e in s.nativeMediaSource_=new y.MediaSource,s.nativeMediaSource_)e in Yu.prototype||"function"!=typeof s.nativeMediaSource_[e]||(s[e]=s.nativeMediaSource_[e].bind(s.nativeMediaSource_));return s.duration_=NaN,Object.defineProperty(s,"duration",{get:function(){return this.duration_===1/0?this.duration_:this.nativeMediaSource_.duration},set:function(e){(this.duration_=e)===1/0||(this.nativeMediaSource_.duration=e)}}),Object.defineProperty(s,"seekable",{get:function(){return this.duration_===1/0?rs.createTimeRanges([[0,this.nativeMediaSource_.duration]]):this.nativeMediaSource_.seekable}}),Object.defineProperty(s,"readyState",{get:function(){return this.nativeMediaSource_.readyState}}),Object.defineProperty(s,"activeSourceBuffers",{get:function(){return this.activeSourceBuffers_}}),s.sourceBuffers=[],s.activeSourceBuffers_=[],s.updateActiveSourceBuffers_=function(){if(s.activeSourceBuffers_.length=0,1===s.sourceBuffers.length){var e=s.sourceBuffers[0];return e.appendAudioInitSegment_=!0,e.audioDisabled_=!e.audioCodec_,void s.activeSourceBuffers_.push(e)}for(var i=!1,n=!0,t=0;t<s.player_.audioTracks().length;t++){var r=s.player_.audioTracks()[t];if(r.enabled&&"main"!==r.kind){n=!(i=!0);break}}s.sourceBuffers.forEach(function(e,t){if(e.appendAudioInitSegment_=!0,e.videoCodec_&&e.audioCodec_)e.audioDisabled_=i;else if(e.videoCodec_&&!e.audioCodec_)e.audioDisabled_=!0,n=!1;else if(!e.videoCodec_&&e.audioCodec_&&(e.audioDisabled_=t?n:!n,e.audioDisabled_))return;s.activeSourceBuffers_.push(e)})},s.onPlayerMediachange_=function(){s.sourceBuffers.forEach(function(e){e.appendAudioInitSegment_=!0})},s.onHlsReset_=function(){s.sourceBuffers.forEach(function(e){e.transmuxer_&&e.transmuxer_.postMessage({action:"resetCaptions"})})},s.onHlsSegmentTimeMapping_=function(t){s.sourceBuffers.forEach(function(e){return e.timeMapping_=t.mapping})},["sourceopen","sourceclose","sourceended"].forEach(function(e){this.nativeMediaSource_.addEventListener(e,this.trigger.bind(this))},s),s.on("sourceopen",function(e){var t=h.querySelector('[src="'+s.url_+'"]');t&&(s.player_=rs(t.parentNode),s.player_&&(s.player_.tech_.on("hls-reset",s.onHlsReset_),s.player_.tech_.on("hls-segment-time-mapping",s.onHlsSegmentTimeMapping_),s.player_.audioTracks&&s.player_.audioTracks()&&(s.player_.audioTracks().on("change",s.updateActiveSourceBuffers_),s.player_.audioTracks().on("addtrack",s.updateActiveSourceBuffers_),s.player_.audioTracks().on("removetrack",s.updateActiveSourceBuffers_)),s.player_.on("mediachange",s.onPlayerMediachange_)))}),s.on("sourceended",function(e){for(var t=vu(s.duration),i=0;i<s.sourceBuffers.length;i++){var n=s.sourceBuffers[i],r=n.metadataTrack_&&n.metadataTrack_.cues;r&&r.length&&(r[r.length-1].endTime=t)}}),s.on("sourceclose",function(e){this.sourceBuffers.forEach(function(e){e.transmuxer_&&e.transmuxer_.terminate()}),this.sourceBuffers.length=0,this.player_&&(this.player_.audioTracks&&this.player_.audioTracks()&&(this.player_.audioTracks().off("change",this.updateActiveSourceBuffers_),this.player_.audioTracks().off("addtrack",this.updateActiveSourceBuffers_),this.player_.audioTracks().off("removetrack",this.updateActiveSourceBuffers_)),this.player_.el_&&this.player_.off("mediachange",this.onPlayerMediachange_),this.player_.tech_&&this.player_.tech_.el_&&(this.player_.tech_.off("hls-reset",this.onHlsReset_),this.player_.tech_.off("hls-segment-time-mapping",this.onHlsSegmentTimeMapping_)))}),s}var $u=0;rs.mediaSources={};function Qu(e,t){var i=rs.mediaSources[e];if(!i)throw new Error("Media Source not found (Video.js)");i.trigger({type:"sourceopen",swfId:t})}function Ju(){return!!y.MediaSource&&!!y.MediaSource.isTypeSupported&&y.MediaSource.isTypeSupported('video/mp4;codecs="avc1.4d400d,mp4a.40.2"')}function Zu(){if(this.MediaSource={open:Qu,supportsNativeMediaSources:Ju},Ju())return new Xu;throw new Error("Cannot use create a virtual MediaSource for this video")}Zu.open=Qu,Zu.supportsNativeMediaSources=Ju;var el={createObjectURL:function(e){var t=void 0;return e instanceof Xu?(t=y.URL.createObjectURL(e.nativeMediaSource_),e.url_=t):e instanceof Xu?(t="blob:vjs-media-source/"+$u,$u++,rs.mediaSources[t]=e,t):(t=y.URL.createObjectURL(e),e.url_=t)}};rs.MediaSource=Zu,rs.URL=el;function tl(e,t){for(var a=void 0,o=sl(e,{duration:t.duration,minimumUpdatePeriod:t.minimumUpdatePeriod}),i=0;i<t.playlists.length;i++){var n=Ro(o,t.playlists[i]);n?o=n:a=!0}return Do(t,function(e,t,i,n){if(e.playlists&&e.playlists.length){var r=e.playlists[0].uri,s=Ro(o,e.playlists[0]);s&&((o=s).mediaGroups[t][i][n].playlists[0]=o.playlists[r],a=!1)}}),a?null:o}function il(e){var t=e.byterange.offset+e.byterange.length-1;return e.uri+"-"+e.byterange.offset+"-"+t}function nl(e,t){var i,n,r={};for(var s in e){var a=e[s].sidx;if(a){var o=il(a);if(!t[o])break;var u=t[o].sidxInfo;i=u,n=a,(Boolean(!i.map&&!n.map)||Boolean(i.map&&n.map&&i.map.byterange.offset===n.map.byterange.offset&&i.map.byterange.length===n.map.byterange.length))&&i.uri===n.uri&&i.byterange.offset===n.byterange.offset&&i.byterange.length===n.byterange.length&&(r[o]=t[o])}}return r}function rl(e,t,i,n,r){var s={uri:Lo(n.handleManifestRedirects,e.resolvedUri),byterange:e.byterange,playlist:t};return i(rs.mergeOptions(s,{responseType:"arraybuffer",headers:iu(s)}),r)}var sl=rs.mergeOptions,al=(xo(ol,rs.EventTarget),Ao(ol,[{key:"setupChildLoader",value:function(e,t){this.masterPlaylistLoader_=e,this.childPlaylist_=t}},{key:"dispose",value:function(){this.stopRequest(),this.loadedPlaylists_={},y.clearTimeout(this.minimumUpdatePeriodTimeout_),y.clearTimeout(this.mediaRequest_),y.clearTimeout(this.mediaUpdateTimeout)}},{key:"hasPendingRequest",value:function(){return this.request||this.mediaRequest_}},{key:"stopRequest",value:function(){if(this.request){var e=this.request;this.request=null,e.onreadystatechange=null,e.abort()}}},{key:"sidxRequestFinished_",value:function(r,s,a,o){var u=this;return function(e,t){if(u.request){if(u.request=null,e)return u.error={status:t.status,message:"DASH playlist request error at URL: "+r.uri,response:t.response,code:2},a&&(u.state=a),u.trigger("error"),o(s,null);var i=new Uint8Array(t.response),n=va.parseSidx(i.subarray(8));return o(s,n)}}}},{key:"media",value:function(i){var n=this;if(!i)return this.media_;if("HAVE_NOTHING"===this.state)throw new Error("Cannot switch media playlist from "+this.state);var r=this.state;if("string"==typeof i){if(!this.master.playlists[i])throw new Error("Unknown playlist URI: "+i);i=this.master.playlists[i]}var e=!this.media_||i.uri!==this.media_.uri;if(e&&this.loadedPlaylists_[i.uri]&&this.loadedPlaylists_[i.uri].endList)return this.state="HAVE_METADATA",this.media_=i,void(e&&(this.trigger("mediachanging"),this.trigger("mediachange")));if(e)if(this.media_&&this.trigger("mediachanging"),i.sidx){var t=void 0,s=void 0;s=this.masterPlaylistLoader_?(t=this.masterPlaylistLoader_.master,this.masterPlaylistLoader_.sidxMapping_):(t=this.master,this.sidxMapping_);var a=il(i.sidx);s[a]={sidxInfo:i.sidx},this.request=rl(i.sidx,i,this.hls_.xhr,{handleManifestRedirects:this.handleManifestRedirects},this.sidxRequestFinished_(i,t,r,function(e,t){if(!e||!t)throw new Error("failed to request sidx");s[a].sidx=t,n.haveMetadata({startingState:r,playlist:e.playlists[i.uri]})}))}else this.mediaRequest_=y.setTimeout(this.haveMetadata.bind(this,{startingState:r,playlist:i}),0)}},{key:"haveMetadata",value:function(e){var t=e.startingState,i=e.playlist;this.state="HAVE_METADATA",this.loadedPlaylists_[i.uri]=i,this.mediaRequest_=null,this.refreshMedia_(i.uri),"HAVE_MASTER"===t?this.trigger("loadedmetadata"):this.trigger("mediachange")}},{key:"pause",value:function(){this.stopRequest(),y.clearTimeout(this.mediaUpdateTimeout),y.clearTimeout(this.minimumUpdatePeriodTimeout_),"HAVE_NOTHING"===this.state&&(this.started=!1)}},{key:"load",value:function(e){var t=this;y.clearTimeout(this.mediaUpdateTimeout),y.clearTimeout(this.minimumUpdatePeriodTimeout_);var i=this.media();if(e){var n=i?i.targetDuration/2*1e3:5e3;this.mediaUpdateTimeout=y.setTimeout(function(){return t.load()},n)}else this.started?this.trigger("loadedplaylist"):this.start()}},{key:"parseMasterXml",value:function(){var s=ea(this.masterXml_,{manifestUri:this.srcUrl,clientOffset:this.clientOffset_,sidxMapping:this.sidxMapping_});s.uri=this.srcUrl;for(var e=0;e<s.playlists.length;e++){var t="placeholder-uri-"+e;s.playlists[e].uri=t,s.playlists[t]=s.playlists[e]}return Do(s,function(e,t,i,n){if(e.playlists&&e.playlists.length){var r="placeholder-uri-"+t+"-"+i+"-"+n;e.playlists[0].uri=r,s.playlists[r]=e.playlists[0]}}),Uo(s),Mo(s),s}},{key:"start",value:function(){var i=this;this.started=!0,this.masterPlaylistLoader_?this.mediaRequest_=y.setTimeout(this.haveMaster_.bind(this),0):this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(e,t){if(i.request){if(i.request=null,e)return i.error={status:t.status,message:"DASH playlist request error at URL: "+i.srcUrl,responseText:t.responseText,code:2},"HAVE_NOTHING"===i.state&&(i.started=!1),i.trigger("error");i.masterXml_=t.responseText,t.responseHeaders&&t.responseHeaders.date?i.masterLoaded_=Date.parse(t.responseHeaders.date):i.masterLoaded_=Date.now(),i.srcUrl=Lo(i.handleManifestRedirects,i.srcUrl,t),i.syncClientServerClock_(i.onClientServerClockSync_.bind(i))}})}},{key:"syncClientServerClock_",value:function(n){var r=this,s=ta(this.masterXml_);return null===s?(this.clientOffset_=this.masterLoaded_-Date.now(),n()):"DIRECT"===s.method?(this.clientOffset_=s.value-Date.now(),n()):void(this.request=this.hls_.xhr({uri:wo(this.srcUrl,s.value),method:s.method,withCredentials:this.withCredentials},function(e,t){if(r.request){if(e)return r.clientOffset_=r.masterLoaded_-Date.now(),n();var i=void 0;i="HEAD"===s.method?t.responseHeaders&&t.responseHeaders.date?Date.parse(t.responseHeaders.date):r.masterLoaded_:Date.parse(t.responseText),r.clientOffset_=i-Date.now(),n()}}))}},{key:"haveMaster_",value:function(){this.state="HAVE_MASTER",this.mediaRequest_=null,this.masterPlaylistLoader_?this.media_||this.media(this.childPlaylist_):(this.master=this.parseMasterXml(),this.trigger("loadedplaylist"))}},{key:"onClientServerClockSync_",value:function(){var e=this;this.haveMaster_(),this.hasPendingRequest()||this.media_||this.media(this.master.playlists[0]),this.master&&this.master.minimumUpdatePeriod&&(this.minimumUpdatePeriodTimeout_=y.setTimeout(function(){e.trigger("minimumUpdatePeriod")},this.master.minimumUpdatePeriod))}},{key:"refreshXml_",value:function(){var o=this;this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(e,t){if(o.request){if(o.request=null,e)return o.error={status:t.status,message:"DASH playlist request error at URL: "+o.srcUrl,responseText:t.responseText,code:2},"HAVE_NOTHING"===o.state&&(o.started=!1),o.trigger("error");o.masterXml_=t.responseText,o.sidxMapping_=function(e,t,i,s){var n=ea(e,{manifestUri:t,clientOffset:i}),a=nl(n.playlists,s);return Do(n,function(e,t,i,n){if(e.playlists&&e.playlists.length){var r=e.playlists;a=sl(a,nl(r,s))}}),a}(o.masterXml_,o.srcUrl,o.clientOffset_,o.sidxMapping_);var i=o.parseMasterXml(),n=tl(o.master,i),r=o.media().sidx;if(n)if(r){var s=il(r);if(!o.sidxMapping_[s]){var a=o.media();o.request=rl(a.sidx,a,o.hls_.xhr,{handleManifestRedirects:o.handleManifestRedirects},o.sidxRequestFinished_(a,i,o.state,function(e,t){if(!e||!t)throw new Error("failed to request sidx on minimumUpdatePeriod");o.sidxMapping_[s].sidx=t,o.minimumUpdatePeriodTimeout_=y.setTimeout(function(){o.trigger("minimumUpdatePeriod")},o.master.minimumUpdatePeriod),o.refreshMedia_(o.media().uri)}))}}else o.master=n;o.minimumUpdatePeriodTimeout_=y.setTimeout(function(){o.trigger("minimumUpdatePeriod")},o.master.minimumUpdatePeriod)}})}},{key:"refreshMedia_",value:function(e){var t=this;if(!e)throw new Error("refreshMedia_ must take a media uri");var i=void 0,n=void 0;n=this.masterPlaylistLoader_?(i=this.masterPlaylistLoader_.master,this.masterPlaylistLoader_.parseMasterXml()):(i=this.master,this.parseMasterXml());var r=tl(i,n);r?(this.masterPlaylistLoader_?this.masterPlaylistLoader_.master=r:this.master=r,this.media_=r.playlists[e]):(this.media_=n.playlists[e],this.trigger("playlistunchanged")),this.media().endList||(this.mediaUpdateTimeout=y.setTimeout(function(){t.trigger("mediaupdatetimeout")},No(this.media(),!!r))),this.trigger("loadedplaylist")}}]),ol);function ol(e,t){var i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},n=arguments[3];Po(this,ol);var r=Oo(this,(ol.__proto__||Object.getPrototypeOf(ol)).call(this)),s=i.withCredentials,a=void 0!==s&&s,o=i.handleManifestRedirects,u=void 0!==o&&o;if(r.hls_=t,r.withCredentials=a,r.handleManifestRedirects=u,!e)throw new Error("A non-empty playlist URL or playlist is required");return r.on("minimumUpdatePeriod",function(){r.refreshXml_()}),r.on("mediaupdatetimeout",function(){r.refreshMedia_(r.media().uri)}),r.state="HAVE_NOTHING",r.loadedPlaylists_={},"string"==typeof e?(r.srcUrl=e,r.sidxMapping_={},Oo(r)):(r.setupChildLoader(n,e),r)}function ul(e){return rs.log.debug?rs.log.debug.bind(rs,"VHS:",e+" >"):function(){}}function ll(){}var cl=(Ao(hl,[{key:"createSourceBuffer_",value:function(e,t){var i=this;this.sourceBuffer_=this.mediaSource.addSourceBuffer(e),this.logger_("created SourceBuffer"),t&&(t.trigger("sourcebufferadded"),this.mediaSource.sourceBuffers.length<2)?t.on("sourcebufferadded",function(){i.start_()}):this.start_()}},{key:"start_",value:function(){var t=this;this.started_=!0,this.onUpdateendCallback_=function(){var e=t.pendingCallback_;t.pendingCallback_=null,t.sourceBuffer_.removing=!1,t.logger_("buffered ["+fu(t.buffered())+"]"),e&&e(),t.runCallback_()},this.sourceBuffer_.addEventListener("updateend",this.onUpdateendCallback_),this.runCallback_()}},{key:"abort",value:function(e){var t=this;this.processedAppend_&&this.queueCallback_(function(){t.sourceBuffer_.abort()},e)}},{key:"appendBuffer",value:function(e,t){var i=this;this.processedAppend_=!0,this.queueCallback_(function(){e.videoSegmentTimingInfoCallback&&i.sourceBuffer_.addEventListener("videoSegmentTimingInfo",e.videoSegmentTimingInfoCallback),i.sourceBuffer_.appendBuffer(e.bytes)},function(){e.videoSegmentTimingInfoCallback&&i.sourceBuffer_.removeEventListener("videoSegmentTimingInfo",e.videoSegmentTimingInfoCallback),t()})}},{key:"buffered",value:function(){return this.sourceBuffer_?this.sourceBuffer_.buffered:rs.createTimeRanges()}},{key:"remove",value:function(e,t,i){var n=this,r=2<arguments.length&&void 0!==i?i:ll;this.processedAppend_&&this.queueCallback_(function(){n.logger_("remove ["+e+" => "+t+"]"),n.sourceBuffer_.removing=!0,n.sourceBuffer_.remove(e,t)},r)}},{key:"updating",value:function(){return!this.sourceBuffer_||this.sourceBuffer_.updating||!!this.pendingCallback_&&this.pendingCallback_!==ll}},{key:"timestampOffset",value:function(e){var t=this;return"undefined"!=typeof e&&(this.queueCallback_(function(){t.sourceBuffer_.timestampOffset=e,t.runCallback_()}),this.timestampOffset_=e),this.timestampOffset_}},{key:"queueCallback_",value:function(e,t){this.callbacks_.push([e.bind(this),t]),this.runCallback_()}},{key:"runCallback_",value:function(){var e=void 0;!this.updating()&&this.callbacks_.length&&this.started_&&(e=this.callbacks_.shift(),this.pendingCallback_=e[1],e[0]())}},{key:"dispose",value:function(){function e(){t.sourceBuffer_&&"open"===t.mediaSource.readyState&&t.sourceBuffer_.abort(),t.sourceBuffer_.removeEventListener("updateend",e)}var t=this;this.sourceBuffer_.removeEventListener("updateend",this.onUpdateendCallback_),this.sourceBuffer_.removing?this.sourceBuffer_.addEventListener("updateend",e):e()}}]),hl);function hl(e,t,i,n){Po(this,hl),this.callbacks_=[],this.pendingCallback_=null,this.timestampOffset_=0,this.mediaSource=e,this.processedAppend_=!1,this.type_=i,this.mimeType_=t,this.logger_=ul("SourceUpdater["+i+"]["+t+"]"),"closed"===e.readyState?e.addEventListener("sourceopen",this.createSourceBuffer_.bind(this,t,n)):this.createSourceBuffer_(t,n)}function dl(e){e.forEach(function(e){e.abort()})}function pl(e,t){return t.timedout?{status:t.status,message:"HLS request timed-out at URL: "+t.uri,code:kl,xhr:t}:t.aborted?{status:t.status,message:"HLS request aborted at URL: "+t.uri,code:Cl,xhr:t}:e?{status:t.status,message:"HLS request errored at URL: "+t.uri,code:Sl,xhr:t}:null}function fl(i,n,r){var s=0,a=!1;return function(e,t){if(!a)return e?(a=!0,dl(i),r(e,t)):(s+=1)===i.length?(t.endOfAllRequests=Date.now(),t.encryptedBytes?function(n,r,s){n.addEventListener("message",function e(t){if(t.data.source===r.requestId){n.removeEventListener("message",e);var i=t.data.decrypted;return r.bytes=new Uint8Array(i.bytes,i.byteOffset,i.byteLength),s(null,r)}});var e=void 0;e=r.key.bytes.slice?r.key.bytes.slice():new Uint32Array(Array.prototype.slice.call(r.key.bytes)),n.postMessage(su({source:r.requestId,encrypted:r.encryptedBytes,key:e,iv:r.key.iv}),[r.encryptedBytes.buffer,e.buffer])}(n,t,r):r(null,t)):void 0}}function ml(t,i){return function(e){return t.stats=rs.mergeOptions(t.stats,function(e){var t=e.target,i={bandwidth:1/0,bytesReceived:0,roundTripTime:Date.now()-t.requestTime||0};return i.bytesReceived=e.loaded,i.bandwidth=Math.floor(i.bytesReceived/i.roundTripTime*8*1e3),i}(e)),!t.stats.firstBytesReceivedAt&&t.stats.bytesReceived&&(t.stats.firstBytesReceivedAt=Date.now()),i(e,t)}}function gl(e,t,i,n,r,s,a){var o=[],u=fl(o,i,a);if(r.key&&!r.key.bytes){var l=e(rs.mergeOptions(t,{uri:r.key.resolvedUri,responseType:"arraybuffer"}),function(s,a){return function(e,t){var i=t.response,n=pl(e,t);if(n)return a(n,s);if(16!==i.byteLength)return a({status:t.status,message:"Invalid HLS key at URL: "+t.uri,code:Sl,xhr:t},s);var r=new DataView(i);return s.key.bytes=new Uint32Array([r.getUint32(0),r.getUint32(4),r.getUint32(8),r.getUint32(12)]),a(null,s)}}(r,u));o.push(l)}if(r.map&&!r.map.bytes){var c=e(rs.mergeOptions(t,{uri:r.map.resolvedUri,responseType:"arraybuffer",headers:iu(r.map)}),function(r,s,a){return function(e,t){var i=t.response,n=pl(e,t);return n?a(n,r):0===i.byteLength?a({status:t.status,message:"Empty HLS segment content at URL: "+t.uri,code:Sl,xhr:t},r):(r.map.bytes=new Uint8Array(t.response),s&&!s.isInitialized()&&s.init(),r.map.timescales=Ta.timescale(r.map.bytes),r.map.videoTrackIds=Ta.videoTrackIds(r.map.bytes),a(null,r))}}(r,n,u));o.push(c)}var h=e(rs.mergeOptions(t,{uri:r.resolvedUri,responseType:"arraybuffer",headers:iu(r)}),function(s,a,o){return function(e,t){var i=t.response,n=pl(e,t),r=void 0;return n?o(n,s):0===i.byteLength?o({status:t.status,message:"Empty HLS segment content at URL: "+t.uri,code:Sl,xhr:t},s):(s.stats=function(e){return{bandwidth:e.bandwidth,bytesReceived:e.bytesReceived||0,roundTripTime:e.roundTripTime||0}}(t),s.key?s.encryptedBytes=new Uint8Array(t.response):s.bytes=new Uint8Array(t.response),a&&s.map&&s.map.bytes&&(a.isInitialized()||a.init(),(r=a.parse(s.bytes,s.map.videoTrackIds,s.map.timescales))&&r.captions&&(s.captionStreams=r.captionStreams,s.fmp4Captions=r.captions)),o(null,s))}}(r,n,u));return h.addEventListener("progress",ml(r,s)),o.push(h),function(){return dl(o)}}function vl(e,t){var i;return e&&(i=y.getComputedStyle(e))?i[t]:""}function yl(e,n){var r=e.slice();e.sort(function(e,t){var i=n(e,t);return 0===i?r.indexOf(e)-r.indexOf(t):i})}function _l(e,t){var i=void 0,n=void 0;return e.attributes.BANDWIDTH&&(i=e.attributes.BANDWIDTH),i=i||y.Number.MAX_VALUE,t.attributes.BANDWIDTH&&(n=t.attributes.BANDWIDTH),i-(n=n||y.Number.MAX_VALUE)}function bl(e){return"number"==typeof e&&isFinite(e)}var Tl={GOAL_BUFFER_LENGTH:30,MAX_GOAL_BUFFER_LENGTH:60,GOAL_BUFFER_LENGTH_RATE:1,INITIAL_BANDWIDTH:4194304,BANDWIDTH_VARIANCE:1.2,BUFFER_LOW_WATER_LINE:0,MAX_BUFFER_LOW_WATER_LINE:30,BUFFER_LOW_WATER_LINE_RATE:1},Sl=2,kl=-101,Cl=-102,El=(xo(wl,rs.EventTarget),Ao(wl,[{key:"resetStats_",value:function(){this.mediaBytesTransferred=0,this.mediaRequests=0,this.mediaRequestsAborted=0,this.mediaRequestsTimedout=0,this.mediaRequestsErrored=0,this.mediaTransferDuration=0,this.mediaSecondsLoaded=0}},{key:"dispose",value:function(){this.state="DISPOSED",this.pause(),this.abort_(),this.sourceUpdater_&&this.sourceUpdater_.dispose(),this.resetStats_(),this.captionParser_&&this.captionParser_.reset()}},{key:"abort",value:function(){"WAITING"===this.state?(this.abort_(),this.state="READY",this.paused()||this.monitorBuffer_()):this.pendingSegment_&&(this.pendingSegment_=null)}},{key:"abort_",value:function(){this.pendingSegment_&&this.pendingSegment_.abortRequests(),this.pendingSegment_=null}},{key:"error",value:function(e){return"undefined"!=typeof e&&(this.error_=e),this.pendingSegment_=null,this.error_}},{key:"endOfStream",value:function(){this.ended_=!0,this.pause(),this.trigger("ended")}},{key:"buffered_",value:function(){return this.sourceUpdater_?this.sourceUpdater_.buffered():rs.createTimeRanges()}},{key:"initSegment",value:function(e,t){var i=1<arguments.length&&void 0!==t&&t;if(!e)return null;var n=au(e),r=this.initSegments_[n];return i&&!r&&e.bytes&&(this.initSegments_[n]=r={resolvedUri:e.resolvedUri,byterange:e.byterange,bytes:e.bytes,timescales:e.timescales,videoTrackIds:e.videoTrackIds}),r||e}},{key:"segmentKey",value:function(e,t){var i=1<arguments.length&&void 0!==t&&t;if(!e)return null;var n=ou(e),r=this.keyCache_[n];this.cacheEncryptionKeys_&&i&&!r&&e.bytes&&(this.keyCache_[n]=r={resolvedUri:e.resolvedUri,bytes:e.bytes});var s={resolvedUri:(r||e).resolvedUri};return r&&(s.bytes=r.bytes),s}},{key:"couldBeginLoading_",value:function(){return this.playlist_&&(this.sourceUpdater_||this.mimeType_&&"INIT"===this.state)&&!this.paused()}},{key:"load",value:function(){if(this.monitorBuffer_(),this.playlist_){if(this.syncController_.setDateTimeMapping(this.playlist_),"INIT"===this.state&&this.couldBeginLoading_())return this.init_();!this.couldBeginLoading_()||"READY"!==this.state&&"INIT"!==this.state||(this.state="READY")}}},{key:"init_",value:function(){return this.state="READY",this.sourceUpdater_=new cl(this.mediaSource_,this.mimeType_,this.loaderType_,this.sourceBufferEmitter_),this.resetEverything(),this.monitorBuffer_()}},{key:"playlist",value:function(e,t){var i=1<arguments.length&&void 0!==t?t:{};if(e){var n=this.playlist_,r=this.pendingSegment_;this.playlist_=e,this.xhrOptions_=i,this.hasPlayed_()||(e.syncInfo={mediaSequence:e.mediaSequence,time:0});var s=null;if(n&&(n.id?s=n.id:n.uri&&(s=n.uri)),this.logger_("playlist update ["+s+" => "+(e.id||e.uri)+"]"),this.trigger("syncinfoupdate"),"INIT"===this.state&&this.couldBeginLoading_())return this.init_();if(n&&n.uri===e.uri){var a=e.mediaSequence-n.mediaSequence;this.logger_("live window shift ["+a+"]"),null!==this.mediaIndex&&(this.mediaIndex-=a),r&&(r.mediaIndex-=a,0<=r.mediaIndex&&(r.segment=e.segments[r.mediaIndex])),this.syncController_.saveExpiredSegmentInfo(n,e)}else null!==this.mediaIndex&&this.resyncLoader()}}},{key:"pause",value:function(){this.checkBufferTimeout_&&(y.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=null)}},{key:"paused",value:function(){return null===this.checkBufferTimeout_}},{key:"mimeType",value:function(e,t){this.mimeType_||(this.mimeType_=e,this.sourceBufferEmitter_=t,"INIT"===this.state&&this.couldBeginLoading_()&&this.init_())}},{key:"resetEverything",value:function(e){this.ended_=!1,this.resetLoader(),this.remove(0,this.duration_(),e),this.captionParser_&&this.captionParser_.clearAllCaptions(),this.trigger("reseteverything")}},{key:"resetLoader",value:function(){this.fetchAtBuffer_=!1,this.resyncLoader()}},{key:"resyncLoader",value:function(){this.mediaIndex=null,this.syncPoint_=null,this.abort()}},{key:"remove",value:function(e,t,i){if(this.sourceUpdater_&&this.sourceUpdater_.remove(e,t,i),gu(e,t,this.segmentMetadataTrack_),this.inbandTextTracks_)for(var n in this.inbandTextTracks_)gu(e,t,this.inbandTextTracks_[n])}},{key:"monitorBuffer_",value:function(){this.checkBufferTimeout_&&y.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=y.setTimeout(this.monitorBufferTick_.bind(this),1)}},{key:"monitorBufferTick_",value:function(){"READY"===this.state&&this.fillBuffer_(),this.checkBufferTimeout_&&y.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=y.setTimeout(this.monitorBufferTick_.bind(this),500)}},{key:"fillBuffer_",value:function(){if(!this.sourceUpdater_.updating()){this.syncPoint_||(this.syncPoint_=this.syncController_.getSyncPoint(this.playlist_,this.duration_(),this.currentTimeline_,this.currentTime_()));var e=this.checkBuffer_(this.buffered_(),this.playlist_,this.mediaIndex,this.hasPlayed_(),this.currentTime_(),this.syncPoint_);e&&(this.isEndOfStream_(e.mediaIndex)?this.endOfStream():e.mediaIndex===this.playlist_.segments.length-1&&"ended"===this.mediaSource_.readyState&&!this.seeking_()||(e.timeline!==this.currentTimeline_&&(this.syncController_.reset(),e.timestampOffset=e.startOfSegment,this.captionParser_&&this.captionParser_.clearAllCaptions()),this.loadSegment_(e)))}}},{key:"isEndOfStream_",value:function(e,t){return function(e,t,i){if(!e||!t)return!1;var n=i===e.segments.length;return e.endList&&"open"===t.readyState&&n}(1<arguments.length&&void 0!==t?t:this.playlist_,this.mediaSource_,e)&&!this.sourceUpdater_.updating()}},{key:"checkBuffer_",value:function(e,t,i,n,r,s){var a=0,o=void 0;e.length&&(a=e.end(e.length-1));var u=Math.max(0,a-r);if(!t.segments.length)return null;if(u>=this.goalBufferLength_())return null;if(!n&&1<=u)return null;if(null===s)return i=this.getSyncSegmentCandidate_(t),this.generateSegmentInfo_(t,i,null,!0);if(null!==i)return t.segments[i],o=a,this.generateSegmentInfo_(t,i+1,o,!1);if(this.fetchAtBuffer_){var l=Su.getMediaInfoForTime(t,a,s.segmentIndex,s.time);i=l.mediaIndex,o=l.startTime}else{var c=Su.getMediaInfoForTime(t,r,s.segmentIndex,s.time);i=c.mediaIndex,o=c.startTime}return this.generateSegmentInfo_(t,i,o,!1)}},{key:"getSyncSegmentCandidate_",value:function(e){var t=this;if(-1===this.currentTimeline_)return 0;var i=e.segments.map(function(e,t){return{timeline:e.timeline,segmentIndex:t}}).filter(function(e){return e.timeline===t.currentTimeline_});return i.length?i[Math.min(i.length-1,1)].segmentIndex:Math.max(e.segments.length-1,0)}},{key:"generateSegmentInfo_",value:function(e,t,i,n){if(t<0||t>=e.segments.length)return null;var r=e.segments[t];return{requestId:"segment-loader-"+Math.random(),uri:r.resolvedUri,mediaIndex:t,isSyncRequest:n,startOfSegment:i,playlist:e,bytes:null,encryptedBytes:null,timestampOffset:null,timeline:r.timeline,duration:r.duration,segment:r}}},{key:"abortRequestEarly_",value:function(e){if(this.hls_.tech_.paused()||!this.xhrOptions_.timeout||!this.playlist_.attributes.BANDWIDTH)return!1;if(Date.now()-(e.firstBytesReceivedAt||Date.now())<1e3)return!1;var t=this.currentTime_(),i=e.bandwidth,n=this.pendingSegment_.duration,r=Su.estimateSegmentRequestTime(n,i,this.playlist_,e.bytesReceived),s=function(e,t,i){var n=2<arguments.length&&void 0!==i?i:1;return((e.length?e.end(e.length-1):0)-t)/n}(this.buffered_(),t,this.hls_.tech_.playbackRate())-1;if(r<=s)return!1;var a=function(e){var t=e.master,i=e.currentTime,n=e.bandwidth,r=e.duration,s=e.segmentDuration,a=e.timeUntilRebuffer,o=e.currentTimeline,u=e.syncController,l=t.playlists.filter(function(e){return!Su.isIncompatible(e)}),c=l.filter(Su.isEnabled);c.length||(c=l.filter(function(e){return!Su.isDisabled(e)}));var h=c.filter(Su.hasAttribute.bind(null,"BANDWIDTH")).map(function(e){var t=u.getSyncPoint(e,r,o,i)?1:2;return{playlist:e,rebufferingImpact:Su.estimateSegmentRequestTime(s,n,e)*t-a}}),d=h.filter(function(e){return e.rebufferingImpact<=0});return yl(d,function(e,t){return _l(t.playlist,e.playlist)}),d.length?d[0]:(yl(h,function(e,t){return e.rebufferingImpact-t.rebufferingImpact}),h[0]||null)}({master:this.hls_.playlists.master,currentTime:t,bandwidth:i,duration:this.duration_(),segmentDuration:n,timeUntilRebuffer:s,currentTimeline:this.currentTimeline_,syncController:this.syncController_});if(a){var o=r-s-a.rebufferingImpact,u=.5;return s<=1/30&&(u=1),!(!a.playlist||a.playlist.uri===this.playlist_.uri||o<u)&&(this.bandwidth=a.playlist.attributes.BANDWIDTH*Tl.BANDWIDTH_VARIANCE+1,this.abort(),this.trigger("earlyabort"),!0)}}},{key:"handleProgress_",value:function(e,t){this.pendingSegment_&&t.requestId===this.pendingSegment_.requestId&&!this.abortRequestEarly_(t.stats)&&this.trigger("progress")}},{key:"loadSegment_",value:function(e){this.state="WAITING",this.pendingSegment_=e,this.trimBackBuffer_(e),e.abortRequests=gl(this.hls_.xhr,this.xhrOptions_,this.decrypter_,this.captionParser_,this.createSimplifiedSegmentObj_(e),this.handleProgress_.bind(this),this.segmentRequestFinished_.bind(this))}},{key:"trimBackBuffer_",value:function(e){var t=function(e,t,i){var n=void 0;return n=e.length&&0<e.start(0)&&e.start(0)<t?e.start(0):t-30,Math.min(n,t-i)}(this.seekable_(),this.currentTime_(),this.playlist_.targetDuration||10);0<t&&this.remove(0,t)}},{key:"createSimplifiedSegmentObj_",value:function(e){var t=e.segment,i={resolvedUri:t.resolvedUri,byterange:t.byterange,requestId:e.requestId};if(t.key){var n=t.key.iv||new Uint32Array([0,0,0,e.mediaIndex+e.playlist.mediaSequence]);i.key=this.segmentKey(t.key),i.key.iv=n}return t.map&&(i.map=this.initSegment(t.map)),i}},{key:"segmentRequestFinished_",value:function(e,t){if(this.mediaRequests+=1,t.stats&&(this.mediaBytesTransferred+=t.stats.bytesReceived,this.mediaTransferDuration+=t.stats.roundTripTime),this.pendingSegment_){if(t.requestId===this.pendingSegment_.requestId){if(e)return this.pendingSegment_=null,this.state="READY",e.code===Cl?void(this.mediaRequestsAborted+=1):(this.pause(),e.code===kl?(this.mediaRequestsTimedout+=1,this.bandwidth=1,this.roundTrip=NaN,void this.trigger("bandwidthupdate")):(this.mediaRequestsErrored+=1,this.error(e),void this.trigger("error")));this.bandwidth=t.stats.bandwidth,this.roundTrip=t.stats.roundTripTime,t.map&&(t.map=this.initSegment(t.map,!0)),t.key&&this.segmentKey(t.key,!0),this.processSegmentResponse_(t)}}else this.mediaRequestsAborted+=1}},{key:"processSegmentResponse_",value:function(e){var t=this.pendingSegment_;t.bytes=e.bytes,e.map&&(t.segment.map.bytes=e.map.bytes),t.endOfAllRequests=e.endOfAllRequests,e.fmp4Captions&&(function(e,t,i){for(var n in i)if(!e[n]){t.trigger({type:"usage",name:"hls-608"});var r=t.textTracks().getTrackById(n);e[n]=r||t.addRemoteTextTrack({kind:"captions",id:n,label:n},!1).track}}(this.inbandTextTracks_,this.hls_.tech_,e.captionStreams),function(e){var r=e.inbandTextTracks,t=e.captionArray,s=e.timestampOffset;if(t){var a=window.WebKitDataCue||window.VTTCue;t.forEach(function(e){var t=e.stream,i=e.startTime,n=e.endTime;r[t]&&(i+=s,n+=s,r[t].addCue(new a(i,n,e.text)))})}}({inbandTextTracks:this.inbandTextTracks_,captionArray:e.fmp4Captions,timestampOffset:0}),this.captionParser_&&this.captionParser_.clearParsedCaptions()),this.handleSegment_()}},{key:"handleSegment_",value:function(){var e=this;if(this.pendingSegment_){var t=this.pendingSegment_,i=t.segment,n=this.syncController_.probeSegmentInfo(t);"undefined"==typeof this.startingMedia_&&n&&(n.containsAudio||n.containsVideo)&&(this.startingMedia_={containsAudio:n.containsAudio,containsVideo:n.containsVideo});var r=function(e,t,i){return"main"===e&&t&&i?i.containsAudio||i.containsVideo?t.containsVideo&&!i.containsVideo?"Only audio found in segment when we expected video. We can't switch to audio only from a stream that had video. To get rid of this message, please add codec information to the manifest.":!t.containsVideo&&i.containsVideo?"Video found in segment when we expected only audio. We can't switch to a stream with video from an audio only stream. To get rid of this message, please add codec information to the manifest.":null:"Neither audio nor video found in segment.":null}(this.loaderType_,this.startingMedia_,n);if(r)return this.error({message:r,blacklistDuration:1/0}),void this.trigger("error");if(t.isSyncRequest)return this.trigger("syncinfoupdate"),this.pendingSegment_=null,void(this.state="READY");if(null!==t.timestampOffset&&t.timestampOffset!==this.sourceUpdater_.timestampOffset()){if(n&&n.segmentTimestampInfo){var s=n.segmentTimestampInfo[0].ptsTime,a=n.segmentTimestampInfo[0].dtsTime;t.timestampOffset-=s-a}this.sourceUpdater_.timestampOffset(t.timestampOffset),this.trigger("timestampoffset")}var o=this.syncController_.mappingForTimeline(t.timeline);if(null!==o&&this.trigger({type:"segmenttimemapping",mapping:o}),this.state="APPENDING",i.map){var u=au(i.map);if(!this.activeInitSegmentId_||this.activeInitSegmentId_!==u){var l=this.initSegment(i.map);this.sourceUpdater_.appendBuffer({bytes:l.bytes},function(){e.activeInitSegmentId_=u})}}t.byteLength=t.bytes.byteLength,"number"==typeof i.start&&"number"==typeof i.end?this.mediaSecondsLoaded+=i.end-i.start:this.mediaSecondsLoaded+=i.duration,this.logger_(function(e){var t=e.segment,i=t.start,n=t.end,r=e.playlist,s=r.mediaSequence,a=r.id,o=r.segments,u=void 0===o?[]:o,l=e.mediaIndex,c=e.timeline;return["appending ["+l+"] of ["+s+", "+(s+u.length)+"] from playlist ["+a+"]","["+i+" => "+n+"] in timeline ["+c+"]"].join(" ")}(t)),this.sourceUpdater_.appendBuffer({bytes:t.bytes,videoSegmentTimingInfoCallback:this.handleVideoSegmentTimingInfo_.bind(this,t.requestId)},this.handleUpdateEnd_.bind(this))}else this.state="READY"}},{key:"handleVideoSegmentTimingInfo_",value:function(e,t){if(this.pendingSegment_&&e===this.pendingSegment_.requestId){var i=this.pendingSegment_.segment;i.videoTimingInfo||(i.videoTimingInfo={}),i.videoTimingInfo.transmuxerPrependedSeconds=t.videoSegmentTimingInfo.prependedContentDuration||0,i.videoTimingInfo.transmuxedPresentationStart=t.videoSegmentTimingInfo.start.presentation,i.videoTimingInfo.transmuxedPresentationEnd=t.videoSegmentTimingInfo.end.presentation,i.videoTimingInfo.baseMediaDecodeTime=t.videoSegmentTimingInfo.baseMediaDecodeTime}}},{key:"handleUpdateEnd_",value:function(){if(!this.pendingSegment_)return this.state="READY",void(this.paused()||this.monitorBuffer_());var e=this.pendingSegment_,t=e.segment,i=null!==this.mediaIndex;this.pendingSegment_=null,this.recordThroughput_(e),this.addSegmentMetadataCue_(e),this.state="READY",this.mediaIndex=e.mediaIndex,this.fetchAtBuffer_=!0,this.currentTimeline_=e.timeline,this.trigger("syncinfoupdate"),t.end&&this.currentTime_()-t.end>3*e.playlist.targetDuration?this.resetEverything():(i&&this.trigger("bandwidthupdate"),this.trigger("progress"),this.isEndOfStream_(e.mediaIndex+1,e.playlist)&&this.endOfStream(),this.paused()||this.monitorBuffer_())}},{key:"recordThroughput_",value:function(e){var t=this.throughput.rate,i=Date.now()-e.endOfAllRequests+1,n=Math.floor(e.byteLength/i*8*1e3);this.throughput.rate+=(n-t)/++this.throughput.count}},{key:"addSegmentMetadataCue_",value:function(e){if(this.segmentMetadataTrack_){var t=e.segment,i=t.start,n=t.end;if(bl(i)&&bl(n)){gu(i,n,this.segmentMetadataTrack_);var r=y.WebKitDataCue||y.VTTCue,s={custom:t.custom,dateTimeObject:t.dateTimeObject,dateTimeString:t.dateTimeString,bandwidth:e.playlist.attributes.BANDWIDTH,resolution:e.playlist.attributes.RESOLUTION,codecs:e.playlist.attributes.CODECS,byteLength:e.byteLength,uri:e.uri,timeline:e.timeline,playlist:e.playlist.uri,start:i,end:n},a=new r(i,n,JSON.stringify(s));a.value=s,this.segmentMetadataTrack_.addCue(a)}}}}]),wl);function wl(e){Po(this,wl);var t=Oo(this,(wl.__proto__||Object.getPrototypeOf(wl)).call(this));if(!e)throw new TypeError("Initialization settings are required");if("function"!=typeof e.currentTime)throw new TypeError("No currentTime getter specified");if(!e.mediaSource)throw new TypeError("No MediaSource specified");return t.bandwidth=e.bandwidth,t.throughput={rate:0,count:0},t.roundTrip=NaN,t.resetStats_(),t.mediaIndex=null,t.hasPlayed_=e.hasPlayed,t.currentTime_=e.currentTime,t.seekable_=e.seekable,t.seeking_=e.seeking,t.duration_=e.duration,t.mediaSource_=e.mediaSource,t.hls_=e.hls,t.loaderType_=e.loaderType,t.startingMedia_=void 0,t.segmentMetadataTrack_=e.segmentMetadataTrack,t.goalBufferLength_=e.goalBufferLength,t.sourceType_=e.sourceType,t.inbandTextTracks_=e.inbandTextTracks,t.state_="INIT",t.checkBufferTimeout_=null,t.error_=void 0,t.currentTimeline_=-1,t.pendingSegment_=null,t.mimeType_=null,t.sourceUpdater_=null,t.xhrOptions_=null,t.activeInitSegmentId_=null,t.initSegments_={},t.cacheEncryptionKeys_=e.cacheEncryptionKeys,t.keyCache_={},"main"===t.loaderType_?t.captionParser_=new ja:t.captionParser_=null,t.decrypter_=e.decrypter,t.syncController_=e.syncController,t.syncPoint_={segmentIndex:0,time:0},t.syncController_.on("syncinfoupdate",function(){return t.trigger("syncinfoupdate")}),t.mediaSource_.addEventListener("sourceopen",function(){return t.ended_=!1}),t.fetchAtBuffer_=!1,t.logger_=ul("SegmentLoader["+t.loaderType_+"]"),Object.defineProperty(t,"state",{get:function(){return this.state_},set:function(e){e!==this.state_&&(this.logger_(this.state_+" -> "+e),this.state_=e)}}),t}function Ll(e){return decodeURIComponent(escape(String.fromCharCode.apply(null,e)))}var Pl=new Uint8Array("\n\n".split("").map(function(e){return e.charCodeAt(0)})),Al=(xo(Il,El),Ao(Il,[{key:"buffered_",value:function(){if(!this.subtitlesTrack_||!this.subtitlesTrack_.cues.length)return rs.createTimeRanges();var e=this.subtitlesTrack_.cues,t=e[0].startTime,i=e[e.length-1].startTime;return rs.createTimeRanges([[t,i]])}},{key:"initSegment",value:function(e,t){var i=1<arguments.length&&void 0!==t&&t;if(!e)return null;var n=au(e),r=this.initSegments_[n];if(i&&!r&&e.bytes){var s=Pl.byteLength+e.bytes.byteLength,a=new Uint8Array(s);a.set(e.bytes),a.set(Pl,e.bytes.byteLength),this.initSegments_[n]=r={resolvedUri:e.resolvedUri,byterange:e.byterange,bytes:a}}return r||e}},{key:"couldBeginLoading_",value:function(){return this.playlist_&&this.subtitlesTrack_&&!this.paused()}},{key:"init_",value:function(){return this.state="READY",this.resetEverything(),this.monitorBuffer_()}},{key:"track",value:function(e){return"undefined"==typeof e||(this.subtitlesTrack_=e,"INIT"===this.state&&this.couldBeginLoading_()&&this.init_()),this.subtitlesTrack_}},{key:"remove",value:function(e,t){gu(e,t,this.subtitlesTrack_)}},{key:"fillBuffer_",value:function(){var e=this;this.syncPoint_||(this.syncPoint_=this.syncController_.getSyncPoint(this.playlist_,this.duration_(),this.currentTimeline_,this.currentTime_()));var t=this.checkBuffer_(this.buffered_(),this.playlist_,this.mediaIndex,this.hasPlayed_(),this.currentTime_(),this.syncPoint_);if(t=this.skipEmptySegments_(t)){if(null===this.syncController_.timestampOffsetForTimeline(t.timeline))return this.syncController_.one("timestampoffset",function(){e.state="READY",e.paused()||e.monitorBuffer_()}),void(this.state="WAITING_ON_TIMELINE");this.loadSegment_(t)}}},{key:"skipEmptySegments_",value:function(e){for(;e&&e.segment.empty;)e=this.generateSegmentInfo_(e.playlist,e.mediaIndex+1,e.startOfSegment+e.duration,e.isSyncRequest);return e}},{key:"handleSegment_",value:function(){var t=this;if(this.pendingSegment_&&this.subtitlesTrack_){this.state="APPENDING";var e=this.pendingSegment_,i=e.segment;if("function"!=typeof y.WebVTT&&this.subtitlesTrack_&&this.subtitlesTrack_.tech_){var n=void 0,r=function(){t.subtitlesTrack_.tech_.off("vttjsloaded",n),t.error({message:"Error loading vtt.js"}),t.state="READY",t.pause(),t.trigger("error")};return n=function(){t.subtitlesTrack_.tech_.off("vttjserror",r),t.handleSegment_()},this.state="WAITING_ON_VTTJS",this.subtitlesTrack_.tech_.one("vttjsloaded",n),void this.subtitlesTrack_.tech_.one("vttjserror",r)}i.requested=!0;try{this.parseVTTCues_(e)}catch(e){return this.error({message:e.message}),this.state="READY",this.pause(),this.trigger("error")}if(this.updateTimeMapping_(e,this.syncController_.timelines[e.timeline],this.playlist_),e.isSyncRequest)return this.trigger("syncinfoupdate"),this.pendingSegment_=null,void(this.state="READY");e.byteLength=e.bytes.byteLength,this.mediaSecondsLoaded+=i.duration,e.cues.length&&this.remove(e.cues[0].endTime,e.cues[e.cues.length-1].endTime),e.cues.forEach(function(e){t.subtitlesTrack_.addCue(e)}),this.handleUpdateEnd_()}else this.state="READY"}},{key:"parseVTTCues_",value:function(t){var e=void 0,i=!1;"function"==typeof y.TextDecoder?e=new y.TextDecoder("utf8"):(e=y.WebVTT.StringDecoder(),i=!0);var n=new y.WebVTT.Parser(y,y.vttjs,e);if(t.cues=[],t.timestampmap={MPEGTS:0,LOCAL:0},n.oncue=t.cues.push.bind(t.cues),n.ontimestampmap=function(e){return t.timestampmap=e},n.onparsingerror=function(e){rs.log.warn("Error encountered when parsing cues: "+e.message)},t.segment.map){var r=t.segment.map.bytes;i&&(r=Ll(r)),n.parse(r)}var s=t.bytes;i&&(s=Ll(s)),n.parse(s),n.flush()}},{key:"updateTimeMapping_",value:function(e,t,i){var n=e.segment;if(t)if(e.cues.length){var r=e.timestampmap,s=r.MPEGTS/9e4-r.LOCAL+t.mapping;if(e.cues.forEach(function(e){e.startTime+=s,e.endTime+=s}),!i.syncInfo){var a=e.cues[0].startTime,o=e.cues[e.cues.length-1].startTime;i.syncInfo={mediaSequence:i.mediaSequence+e.mediaIndex,time:Math.min(a,o-n.duration)}}}else n.empty=!0}}]),Il);function Il(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};Po(this,Il);var i=Oo(this,(Il.__proto__||Object.getPrototypeOf(Il)).call(this,e,t));return i.mediaSource_=null,i.subtitlesTrack_=null,i}function xl(e,t){for(var i=e.cues,n=0;n<i.length;n++){var r=i[n];if(t>=r.adStartTime&&t<=r.adEndTime)return r}return null}var Ol=lo,Dl=[{name:"VOD",run:function(e,t,i,n,r){if(i===1/0)return null;return{time:0,segmentIndex:0}}},{name:"ProgramDateTime",run:function(e,t,i,n,r){if(!e.datetimeToDisplayTime)return null;var s=t.segments||[],a=null,o=null;r=r||0;for(var u=0;u<s.length;u++){var l=s[u];if(l.dateTimeObject){var c=l.dateTimeObject.getTime()/1e3+e.datetimeToDisplayTime,h=Math.abs(r-c);if(null!==o&&(0===h||o<h))break;o=h,a={time:c,segmentIndex:u}}}return a}},{name:"Segment",run:function(e,t,i,n,r){var s=t.segments||[],a=null,o=null;r=r||0;for(var u=0;u<s.length;u++){var l=s[u];if(l.timeline===n&&"undefined"!=typeof l.start){var c=Math.abs(r-l.start);if(null!==o&&o<c)break;(!a||null===o||c<=o)&&(o=c,a={time:l.start,segmentIndex:u})}}return a}},{name:"Discontinuity",run:function(e,t,i,n,r){var s=null;if(r=r||0,t.discontinuityStarts&&t.discontinuityStarts.length)for(var a=null,o=0;o<t.discontinuityStarts.length;o++){var u=t.discontinuityStarts[o],l=t.discontinuitySequence+o+1,c=e.discontinuities[l];if(c){var h=Math.abs(r-c.time);if(null!==a&&a<h)break;(!s||null===a||h<=a)&&(a=h,s={time:c.time,segmentIndex:u})}}return s}},{name:"Playlist",run:function(e,t,i,n,r){return t.syncInfo?{time:t.syncInfo.time,segmentIndex:t.syncInfo.mediaSequence-t.mediaSequence}:null}}],Rl=(xo(Ul,rs.EventTarget),Ao(Ul,[{key:"getSyncPoint",value:function(e,t,i,n){var r=this.runStrategies_(e,t,i,n);return r.length?this.selectSyncPoint_(r,{key:"time",value:n}):null}},{key:"getExpiredTime",value:function(e,t){if(!e||!e.segments)return null;var i=this.runStrategies_(e,t,e.discontinuitySequence,0);if(!i.length)return null;var n=this.selectSyncPoint_(i,{key:"segmentIndex",value:0});return 0<n.segmentIndex&&(n.time*=-1),Math.abs(n.time+zo(e,n.segmentIndex,0))}},{key:"runStrategies_",value:function(e,t,i,n){for(var r=[],s=0;s<Dl.length;s++){var a=Dl[s],o=a.run(this,e,t,i,n);o&&(o.strategy=a.name,r.push({strategy:a.name,syncPoint:o}))}return r}},{key:"selectSyncPoint_",value:function(e,t){for(var i=e[0].syncPoint,n=Math.abs(e[0].syncPoint[t.key]-t.value),r=e[0].strategy,s=1;s<e.length;s++){var a=Math.abs(e[s].syncPoint[t.key]-t.value);a<n&&(n=a,i=e[s].syncPoint,r=e[s].strategy)}return this.logger_("syncPoint for ["+t.key+": "+t.value+"] chosen with strategy ["+r+"]: [time:"+i.time+", segmentIndex:"+i.segmentIndex+"]"),i}},{key:"saveExpiredSegmentInfo",value:function(e,t){for(var i=t.mediaSequence-e.mediaSequence-1;0<=i;i--){var n=e.segments[i];if(n&&"undefined"!=typeof n.start){t.syncInfo={mediaSequence:e.mediaSequence+i,time:n.start},this.logger_("playlist refresh sync: [time:"+t.syncInfo.time+", mediaSequence: "+t.syncInfo.mediaSequence+"]"),this.trigger("syncinfoupdate");break}}}},{key:"setDateTimeMapping",value:function(e){if(!this.datetimeToDisplayTime&&e.segments&&e.segments.length&&e.segments[0].dateTimeObject){var t=e.segments[0].dateTimeObject.getTime()/1e3;this.datetimeToDisplayTime=-t}}},{key:"reset",value:function(){this.inspectCache_=void 0}},{key:"probeSegmentInfo",value:function(e){var t=e.segment,i=e.playlist,n=void 0;return(n=t.map?this.probeMp4Segment_(e):this.probeTsSegment_(e))&&this.calculateSegmentTimeMapping_(e,n)&&(this.saveDiscontinuitySyncInfo_(e),i.syncInfo||(i.syncInfo={mediaSequence:i.mediaSequence+e.mediaIndex,time:t.start})),n}},{key:"probeMp4Segment_",value:function(e){var t=e.segment,i=Ta.timescale(t.map.bytes),n=Ta.compositionStartTime(i,e.bytes);return null!==e.timestampOffset&&(e.timestampOffset-=n),{start:n,end:n+t.duration}}},{key:"probeTsSegment_",value:function(e){var t=Ol(e.bytes,this.inspectCache_),i=void 0,n=void 0,r=void 0;return t?(t.video&&2===t.video.length?(this.inspectCache_=t.video[1].dts,i=t.video[0].dtsTime,n=t.video[1].dtsTime,r=t.video):t.audio&&2===t.audio.length&&(this.inspectCache_=t.audio[1].dts,i=t.audio[0].dtsTime,n=t.audio[1].dtsTime,r=t.audio),{segmentTimestampInfo:r,start:i,end:n,containsVideo:t.video&&2===t.video.length,containsAudio:t.audio&&2===t.audio.length}):null}},{key:"timestampOffsetForTimeline",value:function(e){return"undefined"==typeof this.timelines[e]?null:this.timelines[e].time}},{key:"mappingForTimeline",value:function(e){return"undefined"==typeof this.timelines[e]?null:this.timelines[e].mapping}},{key:"calculateSegmentTimeMapping_",value:function(e,t){var i=e.segment,n=this.timelines[e.timeline];if(null!==e.timestampOffset)n={time:e.startOfSegment,mapping:e.startOfSegment-t.start},this.timelines[e.timeline]=n,this.trigger("timestampoffset"),this.logger_("time mapping for timeline "+e.timeline+": [time: "+n.time+"] [mapping: "+n.mapping+"]"),i.start=e.startOfSegment,i.end=t.end+n.mapping;else{if(!n)return!1;i.start=t.start+n.mapping,i.end=t.end+n.mapping}return!0}},{key:"saveDiscontinuitySyncInfo_",value:function(e){var t=e.playlist,i=e.segment;if(i.discontinuity)this.discontinuities[i.timeline]={time:i.start,accuracy:0};else if(t.discontinuityStarts&&t.discontinuityStarts.length)for(var n=0;n<t.discontinuityStarts.length;n++){var r=t.discontinuityStarts[n],s=t.discontinuitySequence+n+1,a=r-e.mediaIndex,o=Math.abs(a);if(!this.discontinuities[s]||this.discontinuities[s].accuracy>o){var u=void 0;u=a<0?i.start-zo(t,e.mediaIndex,r):i.end+zo(t,e.mediaIndex+1,r),this.discontinuities[s]={time:u,accuracy:o}}}}}]),Ul);function Ul(){Po(this,Ul);var e=Oo(this,(Ul.__proto__||Object.getPrototypeOf(Ul)).call(this));return e.inspectCache_=void 0,e.timelines=[],e.discontinuities=[],e.datetimeToDisplayTime=null,e.logger_=ul("SyncController"),e}function Ml(e,t){e.abort(),e.pause(),t&&t.activePlaylistLoader&&(t.activePlaylistLoader.pause(),t.activePlaylistLoader=null)}function Nl(e,t){(t.activePlaylistLoader=e).load()}function Bl(t){["AUDIO","SUBTITLES","CLOSED-CAPTIONS"].forEach(function(e){Vl[e](e,t)});var i=t.mediaTypes,e=t.masterPlaylistLoader,n=t.tech,r=t.hls;["AUDIO","SUBTITLES"].forEach(function(e){i[e].activeGroup=function(s,a){return function(t){var e=a.masterPlaylistLoader,i=a.mediaTypes[s].groups,n=e.media();if(!n)return null;var r=null;return n.attributes[s]&&(r=i[n.attributes[s]]),r=r||i.main,"undefined"==typeof t?r:null===t?null:r.filter(function(e){return e.id===t.id})[0]||null}}(e,t),i[e].activeTrack=ql[e](e,t),i[e].onGroupChanged=function(o,u){return function(){var e=u.segmentLoaders,t=e[o],i=e.main,n=u.mediaTypes[o],r=n.activeTrack(),s=n.activeGroup(r),a=n.activePlaylistLoader;Ml(t,n),s&&(s.playlistLoader?(t.resyncLoader(),Nl(s.playlistLoader,n)):a&&i.resetEverything())}}(e,t),i[e].onTrackChanged=function(o,u){return function(){var e=u.segmentLoaders,t=e[o],i=e.main,n=u.mediaTypes[o],r=n.activeTrack(),s=n.activeGroup(r),a=n.activePlaylistLoader;Ml(t,n),s&&(s.playlistLoader?(a!==s.playlistLoader&&(t.track&&t.track(r),t.resetEverything()),Nl(s.playlistLoader,n)):i.resetEverything())}}(e,t)});var s=i.AUDIO.activeGroup(),a=(s.filter(function(e){return e.default})[0]||s[0]).id;function o(){i.AUDIO.onTrackChanged(),n.trigger({type:"usage",name:"hls-audio-change"})}for(var u in i.AUDIO.tracks[a].enabled=!0,i.AUDIO.onTrackChanged(),e.on("mediachange",function(){["AUDIO","SUBTITLES"].forEach(function(e){return i[e].onGroupChanged()})}),n.audioTracks().addEventListener("change",o),n.remoteTextTracks().addEventListener("change",i.SUBTITLES.onTrackChanged),r.on("dispose",function(){n.audioTracks().removeEventListener("change",o),n.remoteTextTracks().removeEventListener("change",i.SUBTITLES.onTrackChanged)}),n.clearTracks("audio"),i.AUDIO.tracks)n.audioTracks().addTrack(i.AUDIO.tracks[u])}var jl=new Ou("./decrypter-worker.worker.js",function(e,t){var i,c,g,n,r,u,a,s=this;i=function(e,t,i){return t&&o(e.prototype,t),i&&o(e,i),e},c=null,d.prototype.decrypt=function(e,t,i,n,r,s){var a=this._key[1],o=e^a[0],u=n^a[1],l=i^a[2],c=t^a[3],h=void 0,d=void 0,p=void 0,f=a.length/4-2,m=void 0,g=4,v=this._tables[1],y=v[0],_=v[1],b=v[2],T=v[3],S=v[4];for(m=0;m<f;m++)h=y[o>>>24]^_[u>>16&255]^b[l>>8&255]^T[255&c]^a[g],d=y[u>>>24]^_[l>>16&255]^b[c>>8&255]^T[255&o]^a[g+1],p=y[l>>>24]^_[c>>16&255]^b[o>>8&255]^T[255&u]^a[g+2],c=y[c>>>24]^_[o>>16&255]^b[u>>8&255]^T[255&l]^a[g+3],g+=4,o=h,u=d,l=p;for(m=0;m<4;m++)r[(3&-m)+s]=S[o>>>24]<<24^S[u>>16&255]<<16^S[l>>8&255]<<8^S[255&c]^a[g++],h=o,o=u,u=l,l=c,c=h},g=d,l.prototype.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},l.prototype.off=function(e,t){if(!this.listeners[e])return!1;var i=this.listeners[e].indexOf(t);return this.listeners[e].splice(i,1),-1<i},l.prototype.trigger=function(e,t){var i=this.listeners[e];if(i)if(2===arguments.length)for(var n=i.length,r=0;r<n;++r)i[r].call(this,t);else for(var s=Array.prototype.slice.call(arguments,1),a=i.length,o=0;o<a;++o)i[o].apply(this,s)},l.prototype.dispose=function(){this.listeners={}},l.prototype.pipe=function(t){this.on("data",function(e){t.push(e)})},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(p,r=n=l),p.prototype.processJob_=function(){this.jobs.shift()(),this.jobs.length?this.timeout_=setTimeout(this.processJob_.bind(this),this.delay):this.timeout_=null},p.prototype.push=function(e){this.jobs.push(e),this.timeout_||(this.timeout_=setTimeout(this.processJob_.bind(this),this.delay))},u=p,f.prototype.decryptChunk_=function(t,i,n,r){return function(){var e=function(e,t,i){var n=new Int32Array(e.buffer,e.byteOffset,e.byteLength>>2),r=new g(Array.prototype.slice.call(t)),s=new Uint8Array(e.byteLength),a=new Int32Array(s.buffer),o=void 0,u=void 0,l=void 0,c=void 0,h=void 0,d=void 0,p=void 0,f=void 0,m=void 0;for(o=i[0],u=i[1],l=i[2],c=i[3],m=0;m<n.length;m+=4)h=v(n[m]),d=v(n[m+1]),p=v(n[m+2]),f=v(n[m+3]),r.decrypt(h,d,p,f,a,m),a[m]=v(a[m]^o),a[m+1]=v(a[m+1]^u),a[m+2]=v(a[m+2]^l),a[m+3]=v(a[m+3]^c),o=h,u=d,l=p,c=f;return s}(t,i,n);r.set(e,t.byteOffset)}},i(f,null,[{key:"STEP",get:function(){return 32e3}}]),a=f,new function(s){s.onmessage=function(e){var i=e.data,t=new Uint8Array(i.encrypted.bytes,i.encrypted.byteOffset,i.encrypted.byteLength),n=new Uint32Array(i.key.bytes,i.key.byteOffset,i.key.byteLength/4),r=new Uint32Array(i.iv.bytes,i.iv.byteOffset,i.iv.byteLength/4);new a(t,n,r,function(e,t){s.postMessage(function(i){var n={};return Object.keys(i).forEach(function(e){var t=i[e];ArrayBuffer.isView(t)?n[e]={bytes:t.buffer,byteOffset:t.byteOffset,byteLength:t.byteLength}:n[e]=t}),n}({source:i.source,decrypted:t}),[t.buffer])})}}(s);function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function d(e){h(this,d),c=c||function(){var e=[[[],[],[],[],[]],[[],[],[],[],[]]],t=e[0],i=e[1],n=t[4],r=i[4],s=void 0,a=void 0,o=void 0,u=[],l=[],c=void 0,h=void 0,d=void 0,p=void 0,f=void 0;for(s=0;s<256;s++)l[(u[s]=s<<1^283*(s>>7))^s]=s;for(a=o=0;!n[a];a^=c||1,o=l[o]||1)for(d=(d=o^o<<1^o<<2^o<<3^o<<4)>>8^255&d^99,f=16843009*u[h=u[c=u[r[n[a]=d]=a]]]^65537*h^257*c^16843008*a,p=257*u[d]^16843008*d,s=0;s<4;s++)t[s][a]=p=p<<24^p>>>8,i[s][d]=f=f<<24^f>>>8;for(s=0;s<5;s++)t[s]=t[s].slice(0),i[s]=i[s].slice(0);return e}(),this._tables=[[c[0][0].slice(),c[0][1].slice(),c[0][2].slice(),c[0][3].slice(),c[0][4].slice()],[c[1][0].slice(),c[1][1].slice(),c[1][2].slice(),c[1][3].slice(),c[1][4].slice()]];var t=void 0,i=void 0,n=void 0,r=void 0,s=void 0,a=this._tables[0][4],o=this._tables[1],u=e.length,l=1;if(4!==u&&6!==u&&8!==u)throw new Error("Invalid aes key size");for(r=e.slice(0),s=[],this._key=[r,s],t=u;t<4*u+28;t++)n=r[t-1],(t%u==0||8===u&&t%u==4)&&(n=a[n>>>24]<<24^a[n>>16&255]<<16^a[n>>8&255]<<8^a[255&n],t%u==0&&(n=n<<8^n>>>24^l<<24,l=l<<1^283*(l>>7))),r[t]=r[t-u]^n;for(i=0;t;i++,t--)n=r[3&i?t:t-4],s[i]=t<=4||i<4?n:o[0][a[n>>>24]]^o[1][a[n>>16&255]]^o[2][a[n>>8&255]]^o[3][a[255&n]]}function l(){h(this,l),this.listeners={}}function p(){h(this,p);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,r.call(this,n));return e.jobs=[],e.delay=1,e.timeout_=null,e}function v(e){return e<<24|(65280&e)<<8|(16711680&e)>>8|e>>>24}function f(e,t,i,n){h(this,f);var r=f.STEP,s=new Int32Array(e.buffer),a=new Uint8Array(e.byteLength),o=0;for(this.asyncStream_=new u,this.asyncStream_.push(this.decryptChunk_(s.subarray(o,o+r),t,i,a)),o=r;o<s.length;o+=r)i=new Uint32Array([v(s[o-4]),v(s[o-3]),v(s[o-2]),v(s[o-1])]),this.asyncStream_.push(this.decryptChunk_(s.subarray(o,o+r),t,i,a));this.asyncStream_.push(function(){n(null,function(e){return e.subarray(0,e.byteLength-e[e.byteLength-1])}(a))})}}),Fl={AUDIO:function(u,l){return function(){var e=l.segmentLoaders[u],t=l.mediaTypes[u],i=l.blacklistCurrentPlaylist;Ml(e,t);var n=t.activeTrack(),r=t.activeGroup(),s=(r.filter(function(e){return e.default})[0]||r[0]).id,a=t.tracks[s];if(n!==a){for(var o in rs.log.warn("Problem encountered loading the alternate audio track.Switching back to default."),t.tracks)t.tracks[o].enabled=t.tracks[o]===a;t.onTrackChanged()}else i({message:"Problem encountered loading the default audio track."})}},SUBTITLES:function(n,r){return function(){var e=r.segmentLoaders[n],t=r.mediaTypes[n];rs.log.warn("Problem encountered loading the subtitle track.Disabling subtitle track."),Ml(e,t);var i=t.activeTrack();i&&(i.mode="disabled"),t.onTrackChanged()}}},Hl={AUDIO:function(e,t,i){if(t){var n=i.tech,r=i.requestOptions,s=i.segmentLoaders[e];t.on("loadedmetadata",function(){var e=t.media();s.playlist(e,r),(!n.paused()||e.endList&&"none"!==n.preload())&&s.load()}),t.on("loadedplaylist",function(){s.playlist(t.media(),r),n.paused()||s.load()}),t.on("error",Fl[e](e,i))}},SUBTITLES:function(e,t,i){var n=i.tech,r=i.requestOptions,s=i.segmentLoaders[e],a=i.mediaTypes[e];t.on("loadedmetadata",function(){var e=t.media();s.playlist(e,r),s.track(a.activeTrack()),(!n.paused()||e.endList&&"none"!==n.preload())&&s.load()}),t.on("loadedplaylist",function(){s.playlist(t.media(),r),n.paused()||s.load()}),t.on("error",Fl[e](e,i))}},Vl={AUDIO:function(e,t){var i,n,r=t.hls,s=t.sourceType,a=t.segmentLoaders[e],o=t.requestOptions,u=t.master.mediaGroups,l=t.mediaTypes[e],c=l.groups,h=l.tracks,d=t.masterPlaylistLoader;for(var p in u[e]&&0!==Object.keys(u[e]).length||(u[e]={main:{default:{default:!0}}}),u[e])for(var f in c[p]||(c[p]=[]),u[e][p]){var m=u[e][p][f],g=void 0;if(g=m.resolvedUri?new Ho(m.resolvedUri,r,o):m.playlists&&"dash"===s?new al(m.playlists[0],r,o,d):null,m=rs.mergeOptions({id:f,playlistLoader:g},m),Hl[e](e,m.playlistLoader,t),c[p].push(m),"undefined"==typeof h[f]){var v=new rs.AudioTrack({id:f,kind:(i=m,n=void 0,n=i.default?"main":"alternative",i.characteristics&&0<=i.characteristics.indexOf("public.accessibility.describes-video")&&(n="main-desc"),n),enabled:!1,language:m.language,default:m.default,label:f});h[f]=v}}a.on("error",Fl[e](e,t))},SUBTITLES:function(e,t){var i=t.tech,n=t.hls,r=t.sourceType,s=t.segmentLoaders[e],a=t.requestOptions,o=t.master.mediaGroups,u=t.mediaTypes[e],l=u.groups,c=u.tracks,h=t.masterPlaylistLoader;for(var d in o[e])for(var p in l[d]||(l[d]=[]),o[e][d])if(!o[e][d][p].forced){var f=o[e][d][p],m=void 0;if("hls"===r?m=new Ho(f.resolvedUri,n,a):"dash"===r&&(m=new al(f.playlists[0],n,a,h)),f=rs.mergeOptions({id:p,playlistLoader:m},f),Hl[e](e,f.playlistLoader,t),l[d].push(f),"undefined"==typeof c[p]){var g=i.addRemoteTextTrack({id:p,kind:"subtitles",default:f.default&&f.autoselect,language:f.language,label:p},!1).track;c[p]=g}}s.on("error",Fl[e](e,t))},"CLOSED-CAPTIONS":function(e,t){var i=t.tech,n=t.master.mediaGroups,r=t.mediaTypes[e],s=r.groups,a=r.tracks;for(var o in n[e])for(var u in s[o]||(s[o]=[]),n[e][o]){var l=n[e][o][u];if(l.instreamId.match(/CC\d/)&&(s[o].push(rs.mergeOptions({id:u},l)),"undefined"==typeof a[u])){var c=i.addRemoteTextTrack({id:l.instreamId,kind:"captions",default:l.default&&l.autoselect,language:l.language,label:u},!1).track;a[u]=c}}}},ql={AUDIO:function(i,n){return function(){var e=n.mediaTypes[i].tracks;for(var t in e)if(e[t].enabled)return e[t];return null}},SUBTITLES:function(i,n){return function(){var e=n.mediaTypes[i].tracks;for(var t in e)if("showing"===e[t].mode)return e[t];return null}}},Wl=void 0,zl=["mediaRequests","mediaRequestsAborted","mediaRequestsTimedout","mediaRequestsErrored","mediaTransferDuration","mediaBytesTransferred"],Gl=(xo(Kl,rs.EventTarget),Ao(Kl,[{key:"setupMasterPlaylistLoaderListeners_",value:function(){var n=this;this.masterPlaylistLoader_.on("loadedmetadata",function(){var e=n.masterPlaylistLoader_.media(),t=1.5*e.targetDuration*1e3;eu(n.masterPlaylistLoader_.master,n.masterPlaylistLoader_.media())?n.requestOptions_.timeout=0:n.requestOptions_.timeout=t,e.endList&&"none"!==n.tech_.preload()&&(n.mainSegmentLoader_.playlist(e,n.requestOptions_),n.mainSegmentLoader_.load()),Bl({sourceType:n.sourceType_,segmentLoaders:{AUDIO:n.audioSegmentLoader_,SUBTITLES:n.subtitleSegmentLoader_,main:n.mainSegmentLoader_},tech:n.tech_,requestOptions:n.requestOptions_,masterPlaylistLoader:n.masterPlaylistLoader_,hls:n.hls_,master:n.master(),mediaTypes:n.mediaTypes_,blacklistCurrentPlaylist:n.blacklistCurrentPlaylist.bind(n)}),n.triggerPresenceUsage_(n.master(),e);try{n.setupSourceBuffers_()}catch(e){return rs.log.warn("Failed to create SourceBuffers",e),n.mediaSource.endOfStream("decode")}n.setupFirstPlay(),!n.mediaTypes_.AUDIO.activePlaylistLoader||n.mediaTypes_.AUDIO.activePlaylistLoader.media()?n.trigger("selectedinitialmedia"):n.mediaTypes_.AUDIO.activePlaylistLoader.one("loadedmetadata",function(){n.trigger("selectedinitialmedia")})}),this.masterPlaylistLoader_.on("loadedplaylist",function(){var e=n.masterPlaylistLoader_.media();if(!e){n.excludeUnsupportedVariants_();var t=void 0;return n.enableLowInitialPlaylist&&(t=n.selectInitialPlaylist()),t=t||n.selectPlaylist(),n.initialMedia_=t,void n.masterPlaylistLoader_.media(n.initialMedia_)}if(n.useCueTags_&&n.updateAdCues_(e),n.mainSegmentLoader_.playlist(e,n.requestOptions_),n.updateDuration(),n.tech_.paused()||(n.mainSegmentLoader_.load(),n.audioSegmentLoader_&&n.audioSegmentLoader_.load()),!e.endList){var i=function(){var e=n.seekable();0!==e.length&&n.mediaSource.addSeekableRange_(e.start(0),e.end(0))};n.duration()!==1/0?n.tech_.one("durationchange",function e(){n.duration()===1/0?i():n.tech_.one("durationchange",e)}):i()}}),this.masterPlaylistLoader_.on("error",function(){n.blacklistCurrentPlaylist(n.masterPlaylistLoader_.error)}),this.masterPlaylistLoader_.on("mediachanging",function(){n.mainSegmentLoader_.abort(),n.mainSegmentLoader_.pause()}),this.masterPlaylistLoader_.on("mediachange",function(){var e=n.masterPlaylistLoader_.media(),t=1.5*e.targetDuration*1e3;eu(n.masterPlaylistLoader_.master,n.masterPlaylistLoader_.media())?n.requestOptions_.timeout=0:n.requestOptions_.timeout=t,n.mainSegmentLoader_.playlist(e,n.requestOptions_),n.mainSegmentLoader_.load(),n.tech_.trigger({type:"mediachange",bubbles:!0})}),this.masterPlaylistLoader_.on("playlistunchanged",function(){var e=n.masterPlaylistLoader_.media();n.stuckAtPlaylistEnd_(e)&&(n.blacklistCurrentPlaylist({message:"Playlist no longer updating."}),n.tech_.trigger("playliststuck"))}),this.masterPlaylistLoader_.on("renditiondisabled",function(){n.tech_.trigger({type:"usage",name:"hls-rendition-disabled"})}),this.masterPlaylistLoader_.on("renditionenabled",function(){n.tech_.trigger({type:"usage",name:"hls-rendition-enabled"})})}},{key:"triggerPresenceUsage_",value:function(e,t){var i=e.mediaGroups||{},n=!0,r=Object.keys(i.AUDIO);for(var s in i.AUDIO)for(var a in i.AUDIO[s])i.AUDIO[s][a].uri||(n=!1);n&&this.tech_.trigger({type:"usage",name:"hls-demuxed"}),Object.keys(i.SUBTITLES).length&&this.tech_.trigger({type:"usage",name:"hls-webvtt"}),Wl.Playlist.isAes(t)&&this.tech_.trigger({type:"usage",name:"hls-aes"}),Wl.Playlist.isFmp4(t)&&this.tech_.trigger({type:"usage",name:"hls-fmp4"}),r.length&&1<Object.keys(i.AUDIO[r[0]]).length&&this.tech_.trigger({type:"usage",name:"hls-alternate-audio"}),this.useCueTags_&&this.tech_.trigger({type:"usage",name:"hls-playlist-cue-tags"})}},{key:"setupSegmentLoaderListeners_",value:function(){var s=this;this.mainSegmentLoader_.on("bandwidthupdate",function(){var e=s.selectPlaylist(),t=s.masterPlaylistLoader_.media(),i=s.tech_.buffered(),n=i.length?i.end(i.length-1)-s.tech_.currentTime():0,r=s.bufferLowWaterLine();(!t.endList||s.duration()<Tl.MAX_BUFFER_LOW_WATER_LINE||e.attributes.BANDWIDTH<t.attributes.BANDWIDTH||r<=n)&&s.masterPlaylistLoader_.media(e),s.tech_.trigger("bandwidthupdate")}),this.mainSegmentLoader_.on("progress",function(){s.trigger("progress")}),this.mainSegmentLoader_.on("error",function(){s.blacklistCurrentPlaylist(s.mainSegmentLoader_.error())}),this.mainSegmentLoader_.on("syncinfoupdate",function(){s.onSyncInfoUpdate_()}),this.mainSegmentLoader_.on("timestampoffset",function(){s.tech_.trigger({type:"usage",name:"hls-timestamp-offset"})}),this.audioSegmentLoader_.on("syncinfoupdate",function(){s.onSyncInfoUpdate_()}),this.mainSegmentLoader_.on("ended",function(){s.onEndOfStream()}),this.mainSegmentLoader_.on("earlyabort",function(){s.blacklistCurrentPlaylist({message:"Aborted early because there isn't enough bandwidth to complete the request without rebuffering."},120)}),this.mainSegmentLoader_.on("reseteverything",function(){s.tech_.trigger("hls-reset")}),this.mainSegmentLoader_.on("segmenttimemapping",function(e){s.tech_.trigger({type:"hls-segment-time-mapping",mapping:e.mapping})}),this.audioSegmentLoader_.on("ended",function(){s.onEndOfStream()})}},{key:"mediaSecondsLoaded_",value:function(){return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded+this.mainSegmentLoader_.mediaSecondsLoaded)}},{key:"load",value:function(){this.mainSegmentLoader_.load(),this.mediaTypes_.AUDIO.activePlaylistLoader&&this.audioSegmentLoader_.load(),this.mediaTypes_.SUBTITLES.activePlaylistLoader&&this.subtitleSegmentLoader_.load()}},{key:"smoothQualityChange_",value:function(){var e=this.selectPlaylist();e!==this.masterPlaylistLoader_.media()&&(this.masterPlaylistLoader_.media(e),this.mainSegmentLoader_.resetLoader())}},{key:"fastQualityChange_",value:function(){var e=this,t=this.selectPlaylist();t!==this.masterPlaylistLoader_.media()&&(this.masterPlaylistLoader_.media(t),this.mainSegmentLoader_.resetEverything(function(){rs.browser.IE_VERSION||rs.browser.IS_EDGE?e.tech_.setCurrentTime(e.tech_.currentTime()+.04):e.tech_.setCurrentTime(e.tech_.currentTime())}))}},{key:"play",value:function(){if(!this.setupFirstPlay()){this.tech_.ended()&&this.seekTo_(0),this.hasPlayed_()&&this.load();var e=this.tech_.seekable();return this.tech_.duration()===1/0&&this.tech_.currentTime()<e.start(0)?this.seekTo_(e.end(e.length-1)):void 0}}},{key:"setupFirstPlay",value:function(){var e=this,t=this.masterPlaylistLoader_.media();if(!t||this.tech_.paused()||this.hasPlayed_())return!1;if(!t.endList){var i=this.seekable();if(!i.length)return!1;if(rs.browser.IE_VERSION&&0===this.tech_.readyState())return this.tech_.one("loadedmetadata",function(){e.trigger("firstplay"),e.seekTo_(i.end(0)),e.hasPlayed_=function(){return!0}}),!1;this.trigger("firstplay"),this.seekTo_(i.end(0))}return this.hasPlayed_=function(){return!0},this.load(),!0}},{key:"handleSourceOpen_",value:function(){try{this.setupSourceBuffers_()}catch(e){return rs.log.warn("Failed to create Source Buffers",e),this.mediaSource.endOfStream("decode")}if(this.tech_.autoplay()){var e=this.tech_.play();"undefined"!=typeof e&&"function"==typeof e.then&&e.then(null,function(e){})}this.trigger("sourceopen")}},{key:"onEndOfStream",value:function(){var e=this.mainSegmentLoader_.ended_;if(this.mediaTypes_.AUDIO.activePlaylistLoader&&(e=!this.mainSegmentLoader_.startingMedia_||this.mainSegmentLoader_.startingMedia_.containsVideo?e&&this.audioSegmentLoader_.ended_:this.audioSegmentLoader_.ended_),e){this.logger_("calling mediaSource.endOfStream()");try{this.mediaSource.endOfStream()}catch(e){rs.log.warn("Failed to call media source endOfStream",e)}}}},{key:"stuckAtPlaylistEnd_",value:function(e){if(!this.seekable().length)return!1;var t=this.syncController_.getExpiredTime(e,this.mediaSource.duration);if(null===t)return!1;var i=Wl.Playlist.playlistEnd(e,t),n=this.tech_.currentTime(),r=this.tech_.buffered();if(!r.length)return i-n<=.1;var s=r.end(r.length-1);return s-n<=.1&&i-s<=.1}},{key:"blacklistCurrentPlaylist",value:function(e,t){var i,n=0<arguments.length&&void 0!==e?e:{},r=t,s=void 0;if(s=n.playlist||this.masterPlaylistLoader_.media(),r=r||n.blacklistDuration||this.blacklistDuration,!s){this.error=n;try{return this.mediaSource.endOfStream("network")}catch(e){return this.trigger("error")}}var a=1===this.masterPlaylistLoader_.master.playlists.filter(Jo).length,o=this.masterPlaylistLoader_.master.playlists;return 1===o.length?(rs.log.warn("Problem encountered with the current HLS playlist. Trying again since it is the only playlist."),this.tech_.trigger("retryplaylist"),this.masterPlaylistLoader_.load(a)):(a&&(rs.log.warn("Removing all playlists from the blacklist because the last rendition is about to be blacklisted."),o.forEach(function(e){e.excludeUntil!==1/0&&delete e.excludeUntil}),this.tech_.trigger("retryplaylist")),s.excludeUntil=Date.now()+1e3*r,this.tech_.trigger("blacklistplaylist"),this.tech_.trigger({type:"usage",name:"hls-rendition-blacklisted"}),i=this.selectPlaylist(),rs.log.warn("Problem encountered with the current HLS playlist."+(n.message?" "+n.message:"")+" Switching to another playlist."),this.masterPlaylistLoader_.media(i,a))}},{key:"pauseLoading",value:function(){this.mainSegmentLoader_.pause(),this.mediaTypes_.AUDIO.activePlaylistLoader&&this.audioSegmentLoader_.pause(),this.mediaTypes_.SUBTITLES.activePlaylistLoader&&this.subtitleSegmentLoader_.pause()}},{key:"setCurrentTime",value:function(e){var t=du(this.tech_.buffered(),e);return this.masterPlaylistLoader_&&this.masterPlaylistLoader_.media()&&this.masterPlaylistLoader_.media().segments?t&&t.length?e:(this.mainSegmentLoader_.resetEverything(),this.mainSegmentLoader_.abort(),this.mediaTypes_.AUDIO.activePlaylistLoader&&(this.audioSegmentLoader_.resetEverything(),this.audioSegmentLoader_.abort()),this.mediaTypes_.SUBTITLES.activePlaylistLoader&&(this.subtitleSegmentLoader_.resetEverything(),this.subtitleSegmentLoader_.abort()),void this.load()):0}},{key:"duration",value:function(){return this.masterPlaylistLoader_?this.mediaSource?this.mediaSource.duration:Wl.Playlist.duration(this.masterPlaylistLoader_.media()):0}},{key:"seekable",value:function(){return this.seekable_}},{key:"onSyncInfoUpdate_",value:function(){var e=void 0,t=void 0;if(this.masterPlaylistLoader_){var i=this.masterPlaylistLoader_.media();if(i){var n=this.syncController_.getExpiredTime(i,this.mediaSource.duration);if(null!==n&&0!==(e=Wl.Playlist.seekable(i,n)).length){if(this.mediaTypes_.AUDIO.activePlaylistLoader){if(i=this.mediaTypes_.AUDIO.activePlaylistLoader.media(),null===(n=this.syncController_.getExpiredTime(i,this.mediaSource.duration)))return;if(0===(t=Wl.Playlist.seekable(i,n)).length)return}var r=void 0,s=void 0;this.seekable_&&this.seekable_.length&&(r=this.seekable_.end(0),s=this.seekable_.start(0)),t?t.start(0)>e.end(0)||e.start(0)>t.end(0)?this.seekable_=e:this.seekable_=rs.createTimeRanges([[t.start(0)>e.start(0)?t.start(0):e.start(0),t.end(0)<e.end(0)?t.end(0):e.end(0)]]):this.seekable_=e,this.seekable_&&this.seekable_.length&&this.seekable_.end(0)===r&&this.seekable_.start(0)===s||(this.logger_("seekable updated ["+fu(this.seekable_)+"]"),this.tech_.trigger("seekablechanged"))}}}}},{key:"updateDuration",value:function(){function e(){t.logger_("Setting duration from "+t.mediaSource.duration+" => "+n);try{t.mediaSource.duration=n}catch(e){rs.log.warn("Failed to set media source duration",e)}t.tech_.trigger("durationchange"),t.mediaSource.removeEventListener("sourceopen",e)}var t=this,i=this.mediaSource.duration,n=Wl.Playlist.duration(this.masterPlaylistLoader_.media()),r=this.tech_.buffered();0<r.length&&(n=Math.max(n,r.end(r.length-1))),i!==n&&("open"!==this.mediaSource.readyState?this.mediaSource.addEventListener("sourceopen",e):e())}},{key:"dispose",value:function(){var n=this;this.decrypter_.terminate(),this.masterPlaylistLoader_.dispose(),this.mainSegmentLoader_.dispose(),["AUDIO","SUBTITLES"].forEach(function(e){var t=n.mediaTypes_[e].groups;for(var i in t)t[i].forEach(function(e){e.playlistLoader&&e.playlistLoader.dispose()})}),this.audioSegmentLoader_.dispose(),this.subtitleSegmentLoader_.dispose()}},{key:"master",value:function(){return this.masterPlaylistLoader_.master}},{key:"media",value:function(){return this.masterPlaylistLoader_.media()||this.initialMedia_}},{key:"setupSourceBuffers_",value:function(){var e,t=this.masterPlaylistLoader_.media();if(t&&"open"===this.mediaSource.readyState){if((e=Fu(this.masterPlaylistLoader_.master,t)).length<1)return this.error="No compatible SourceBuffer configuration for the variant stream:"+t.resolvedUri,this.mediaSource.endOfStream("decode");this.configureLoaderMimeTypes_(e),this.excludeIncompatibleVariants_(t)}}},{key:"configureLoaderMimeTypes_",value:function(e){var t=1<e.length&&-1===e[0].indexOf(",")&&e[0]!==e[1]?new rs.EventTarget:null;this.mainSegmentLoader_.mimeType(e[0],t),e[1]&&this.audioSegmentLoader_.mimeType(e[1],t)}},{key:"excludeUnsupportedVariants_",value:function(){this.master().playlists.forEach(function(e){e.attributes.CODECS&&y.MediaSource&&y.MediaSource.isTypeSupported&&!y.MediaSource.isTypeSupported('video/mp4; codecs="'+function(e){return e.replace(/avc1\.(\d+)\.(\d+)/i,function(e){return Nu([e])[0]})}(e.attributes.CODECS)+'"')&&(e.excludeUntil=1/0)})}},{key:"excludeIncompatibleVariants_",value:function(e){var i=2,n=null,t=void 0;e.attributes.CODECS&&(t=Bu(e.attributes.CODECS),n=t.videoCodec,i=t.codecCount),this.master().playlists.forEach(function(e){var t={codecCount:2,videoCodec:null};e.attributes.CODECS&&(t=Bu(e.attributes.CODECS)),t.codecCount!==i&&(e.excludeUntil=1/0),t.videoCodec!==n&&(e.excludeUntil=1/0)})}},{key:"updateAdCues_",value:function(e){var t=0,i=this.seekable();i.length&&(t=i.start(0)),function(e,t,i){var n=2<arguments.length&&void 0!==i?i:0;if(e.segments)for(var r=n,s=void 0,a=0;a<e.segments.length;a++){var o=e.segments[a];if(s=s||xl(t,r+o.duration/2)){if("cueIn"in o){s.endTime=r,s.adEndTime=r,r+=o.duration,s=null;continue}if(r<s.endTime){r+=o.duration;continue}s.endTime+=o.duration}else if("cueOut"in o&&((s=new y.VTTCue(r,r+o.duration,o.cueOut)).adStartTime=r,s.adEndTime=r+parseFloat(o.cueOut),t.addCue(s)),"cueOutCont"in o){var u,l,c=o.cueOutCont.split("/").map(parseFloat),h=Bo(c,2);u=h[0],l=h[1],(s=new y.VTTCue(r,r+o.duration,"")).adStartTime=r-u,s.adEndTime=s.adStartTime+l,t.addCue(s)}r+=o.duration}}(e,this.cueTagsTrack_,t)}},{key:"goalBufferLength",value:function(){var e=this.tech_.currentTime(),t=Tl.GOAL_BUFFER_LENGTH,i=Tl.GOAL_BUFFER_LENGTH_RATE,n=Math.max(t,Tl.MAX_GOAL_BUFFER_LENGTH);return Math.min(t+e*i,n)}},{key:"bufferLowWaterLine",value:function(){var e=this.tech_.currentTime(),t=Tl.BUFFER_LOW_WATER_LINE,i=Tl.BUFFER_LOW_WATER_LINE_RATE,n=Math.max(t,Tl.MAX_BUFFER_LOW_WATER_LINE);return Math.min(t+e*i,n)}}]),Kl);function Kl(e){Po(this,Kl);var t=Oo(this,(Kl.__proto__||Object.getPrototypeOf(Kl)).call(this)),i=e.url,n=e.handleManifestRedirects,r=e.withCredentials,s=e.tech,a=e.bandwidth,o=e.externHls,u=e.useCueTags,l=e.blacklistDuration,c=e.enableLowInitialPlaylist,h=e.sourceType,d=e.seekTo,p=e.cacheEncryptionKeys;if(!i)throw new Error("A non-empty playlist URL is required");Wl=o,t.withCredentials=r,t.tech_=s,t.hls_=s.hls,t.seekTo_=d,t.sourceType_=h,t.useCueTags_=u,t.blacklistDuration=l,t.enableLowInitialPlaylist=c,t.useCueTags_&&(t.cueTagsTrack_=t.tech_.addTextTrack("metadata","ad-cues"),t.cueTagsTrack_.inBandMetadataTrackDispatchType=""),t.requestOptions_={withCredentials:r,handleManifestRedirects:n,timeout:null},t.mediaTypes_=function(){var t={};return["AUDIO","SUBTITLES","CLOSED-CAPTIONS"].forEach(function(e){t[e]={groups:{},tracks:{},activePlaylistLoader:null,activeGroup:ll,activeTrack:ll,onGroupChanged:ll,onTrackChanged:ll}}),t}(),t.mediaSource=new rs.MediaSource,t.mediaSource.addEventListener("sourceopen",t.handleSourceOpen_.bind(t)),t.seekable_=rs.createTimeRanges(),t.hasPlayed_=function(){return!1},t.syncController_=new Rl(e),t.segmentMetadataTrack_=s.addRemoteTextTrack({kind:"metadata",label:"segment-metadata"},!1).track,t.decrypter_=new jl,t.inbandTextTracks_={};var f={hls:t.hls_,mediaSource:t.mediaSource,currentTime:t.tech_.currentTime.bind(t.tech_),seekable:function(){return t.seekable()},seeking:function(){return t.tech_.seeking()},duration:function(){return t.mediaSource.duration},hasPlayed:function(){return t.hasPlayed_()},goalBufferLength:function(){return t.goalBufferLength()},bandwidth:a,syncController:t.syncController_,decrypter:t.decrypter_,sourceType:t.sourceType_,inbandTextTracks:t.inbandTextTracks_,cacheEncryptionKeys:p};return t.masterPlaylistLoader_="dash"===t.sourceType_?new al(i,t.hls_,t.requestOptions_):new Ho(i,t.hls_,t.requestOptions_),t.setupMasterPlaylistLoaderListeners_(),t.mainSegmentLoader_=new El(rs.mergeOptions(f,{segmentMetadataTrack:t.segmentMetadataTrack_,loaderType:"main"}),e),t.audioSegmentLoader_=new El(rs.mergeOptions(f,{loaderType:"audio"}),e),t.subtitleSegmentLoader_=new Al(rs.mergeOptions(f,{loaderType:"vtt"}),e),t.setupSegmentLoaderListeners_(),zl.forEach(function(e){t[e+"_"]=function(e){return this.audioSegmentLoader_[e]+this.mainSegmentLoader_[e]}.bind(t,e)}),t.logger_=ul("MPC"),t.masterPlaylistLoader_.load(),t}function Xl(e,t,i){Po(this,Xl);var n=e.masterPlaylistController_,r=n[(e.options_.smoothQualityChange?"smooth":"fast")+"QualityChange_"].bind(n);if(t.attributes.RESOLUTION){var s=t.attributes.RESOLUTION;this.width=s.width,this.height=s.height}this.bandwidth=t.attributes.BANDWIDTH,this.id=i,this.enabled=function(r,s,a){return function(e){var t=r.master.playlists[s],i=Qo(t),n=Jo(t);return"undefined"==typeof e?n:(e?delete t.disabled:t.disabled=!0,e===n||i||(a(),e?r.trigger("renditionenabled"):r.trigger("renditiondisabled")),e)}}(e.playlists,t.uri,r)}var Yl=["seeking","seeked","pause","playing","error"],$l=(Ao(Ql,[{key:"monitorCurrentTime_",value:function(){this.checkCurrentTime_(),this.checkCurrentTimeTimeout_&&y.clearTimeout(this.checkCurrentTimeTimeout_),this.checkCurrentTimeTimeout_=y.setTimeout(this.monitorCurrentTime_.bind(this),250)}},{key:"checkCurrentTime_",value:function(){if(this.tech_.seeking()&&this.fixesBadSeeks_())return this.consecutiveUpdates=0,void(this.lastRecordedTime=this.tech_.currentTime());if(!this.tech_.paused()&&!this.tech_.seeking()){var e=this.tech_.currentTime(),t=this.tech_.buffered();if(this.lastRecordedTime===e&&(!t.length||e+.1>=t.end(t.length-1)))return this.techWaiting_();5<=this.consecutiveUpdates&&e===this.lastRecordedTime?(this.consecutiveUpdates++,this.waiting_()):e===this.lastRecordedTime?this.consecutiveUpdates++:(this.consecutiveUpdates=0,this.lastRecordedTime=e)}}},{key:"cancelTimer_",value:function(){this.consecutiveUpdates=0,this.timer_&&(this.logger_("cancelTimer_"),clearTimeout(this.timer_)),this.timer_=null}},{key:"fixesBadSeeks_",value:function(){if(!this.tech_.seeking())return!1;var e=this.seekable(),t=this.tech_.currentTime(),i=void 0;return this.afterSeekableWindow_(e,t,this.media(),this.allowSeeksWithinUnsafeLiveWindow)&&(i=e.end(e.length-1)),this.beforeSeekableWindow_(e,t)&&(i=e.start(0)+.1),"undefined"!=typeof i&&(this.logger_("Trying to seek outside of seekable at time "+t+" with seekable range "+fu(e)+". Seeking to "+i+"."),this.seekTo(i),!0)}},{key:"waiting_",value:function(){if(!this.techWaiting_()){var e=this.tech_.currentTime(),t=this.tech_.buffered(),i=du(t,e);return i.length&&e+3<=i.end(0)?(this.cancelTimer_(),this.seekTo(e),this.logger_("Stopped at "+e+" while inside a buffered region ["+i.start(0)+" -> "+i.end(0)+"]. Attempting to resume playback by seeking to the current time."),void this.tech_.trigger({type:"usage",name:"hls-unknown-waiting"})):void 0}}},{key:"techWaiting_",value:function(){var e=this.seekable(),t=this.tech_.currentTime();if(this.tech_.seeking()&&this.fixesBadSeeks_())return!0;if(this.tech_.seeking()||null!==this.timer_)return!0;if(this.beforeSeekableWindow_(e,t)){var i=e.end(e.length-1);return this.logger_("Fell out of live window at time "+t+". Seeking to live point (seekable end) "+i),this.cancelTimer_(),this.seekTo(i),this.tech_.trigger({type:"usage",name:"hls-live-resync"}),!0}var n=this.tech_.buffered(),r=pu(n,t);if(this.videoUnderflow_(r,n,t))return this.cancelTimer_(),this.seekTo(t),this.tech_.trigger({type:"usage",name:"hls-video-underflow"}),!0;if(0<r.length){var s=r.start(0)-t;return this.logger_("Stopped at "+t+", setting timer for "+s+", seeking to "+r.start(0)),this.timer_=setTimeout(this.skipTheGap_.bind(this),1e3*s,t),!0}return!1}},{key:"afterSeekableWindow_",value:function(e,t,i,n){var r=3<arguments.length&&void 0!==n&&n;if(!e.length)return!1;var s=e.end(e.length-1)+.1;return!i.endList&&r&&(s=e.end(e.length-1)+3*i.targetDuration),s<t}},{key:"beforeSeekableWindow_",value:function(e,t){return!!(e.length&&0<e.start(0)&&t<e.start(0)-.1)}},{key:"videoUnderflow_",value:function(e,t,i){if(0===e.length){var n=this.gapFromVideoUnderflow_(t,i);if(n)return this.logger_("Encountered a gap in video from "+n.start+" to "+n.end+". Seeking to current time "+i),!0}return!1}},{key:"skipTheGap_",value:function(e){var t=this.tech_.buffered(),i=this.tech_.currentTime(),n=pu(t,i);this.cancelTimer_(),0!==n.length&&i===e&&(this.logger_("skipTheGap_:","currentTime:",i,"scheduled currentTime:",e,"nextRange start:",n.start(0)),this.seekTo(n.start(0)+1/30),this.tech_.trigger({type:"usage",name:"hls-gap-skip"}))}},{key:"gapFromVideoUnderflow_",value:function(e,t){for(var i=function(e){if(e.length<2)return rs.createTimeRanges();for(var t=[],i=1;i<e.length;i++){var n=e.end(i-1),r=e.start(i);t.push([n,r])}return rs.createTimeRanges(t)}(e),n=0;n<i.length;n++){var r=i.start(n),s=i.end(n);if(t-r<4&&2<t-r)return{start:r,end:s}}return null}}]),Ql);function Ql(e){var t=this;Po(this,Ql),this.tech_=e.tech,this.seekable=e.seekable,this.seekTo=e.seekTo,this.allowSeeksWithinUnsafeLiveWindow=e.allowSeeksWithinUnsafeLiveWindow,this.media=e.media,this.consecutiveUpdates=0,this.lastRecordedTime=null,this.timer_=null,this.checkCurrentTimeTimeout_=null,this.logger_=ul("PlaybackWatcher"),this.logger_("initialize");function i(){return t.monitorCurrentTime_()}function n(){return t.techWaiting_()}function r(){return t.cancelTimer_()}function s(){return t.fixesBadSeeks_()}this.tech_.on("seekablechanged",s),this.tech_.on("waiting",n),this.tech_.on(Yl,r),this.tech_.on("canplay",i),this.dispose=function(){t.logger_("dispose"),t.tech_.off("seekablechanged",s),t.tech_.off("waiting",n),t.tech_.off(Yl,r),t.tech_.off("canplay",i),t.checkCurrentTimeTimeout_&&y.clearTimeout(t.checkCurrentTimeTimeout_),t.cancelTimer_()}}function Jl(e){!function t(i,e){var n=0,r=0,s=rs.mergeOptions(Zl,e);i.ready(function(){i.trigger({type:"usage",name:"hls-error-reload-initialized"})});function a(){r&&i.currentTime(r)}function o(e){null!=e&&(r=i.duration()!==1/0&&i.currentTime()||0,i.one("loadedmetadata",a),i.src(e),i.trigger({type:"usage",name:"hls-error-reload"}),i.play())}function u(){if(Date.now()-n<1e3*s.errorInterval)i.trigger({type:"usage",name:"hls-error-reload-canceled"});else{if(s.getSource&&"function"==typeof s.getSource)return n=Date.now(),s.getSource.call(i,o);rs.log.error("ERROR: reloadSourceOnError - The option getSource must be a function!")}}function l(){i.off("loadedmetadata",a),i.off("error",u),i.off("dispose",l)}i.on("error",u),i.on("dispose",l),i.reloadSourceOnError=function(e){l(),t(i,e)}}(this,e)}var Zl={errorInterval:30,getSource:function(e){return e(this.tech({IWillNotUseThisInPlugins:!0}).currentSource_)}};rs.use("*",function(t){return{setSource:function(e,t){t(null,e)},setCurrentTime:function(e){return t.vhs&&t.currentSource().src===t.vhs.source_.src&&t.vhs.setCurrentTime(e),e},play:function(){t.vhs&&t.currentSource().src===t.vhs.source_.src&&t.vhs.setCurrentTime(t.tech_.currentTime())}}});var ec={PlaylistLoader:Ho,Playlist:Su,Decrypter:Co,AsyncStream:bo,decrypt:ko,utils:Eu,STANDARD_PLAYLIST_SELECTOR:function(){return function(e,t,i,n,r){var s=e.playlists.map(function(e){var t,i;return t=e.attributes.RESOLUTION&&e.attributes.RESOLUTION.width,i=e.attributes.RESOLUTION&&e.attributes.RESOLUTION.height,{bandwidth:e.attributes.BANDWIDTH||y.Number.MAX_VALUE,width:t,height:i,playlist:e}});yl(s,function(e,t){return e.bandwidth-t.bandwidth});var a=(s=s.filter(function(e){return!Su.isIncompatible(e.playlist)})).filter(function(e){return Su.isEnabled(e.playlist)});a.length||(a=s.filter(function(e){return!Su.isDisabled(e.playlist)}));var o=a.filter(function(e){return e.bandwidth*Tl.BANDWIDTH_VARIANCE<t}),u=o[o.length-1],l=o.filter(function(e){return e.bandwidth===u.bandwidth})[0];if(!1===r){var c=l||a[0]||s[0];return c?c.playlist:null}var h=o.filter(function(e){return e.width&&e.height});yl(h,function(e,t){return e.width-t.width});var d=h.filter(function(e){return e.width===i&&e.height===n});u=d[d.length-1];var p=d.filter(function(e){return e.bandwidth===u.bandwidth})[0],f=void 0,m=void 0,g=void 0;p||(m=(f=h.filter(function(e){return e.width>i||e.height>n})).filter(function(e){return e.width===f[0].width&&e.height===f[0].height}),u=m[m.length-1],g=m.filter(function(e){return e.bandwidth===u.bandwidth})[0]);var v=g||p||l||a[0]||s[0];return v?v.playlist:null}(this.playlists.master,this.systemBandwidth,parseInt(vl(this.tech_.el(),"width"),10),parseInt(vl(this.tech_.el(),"height"),10),this.limitRenditionByPlayerDimensions)},INITIAL_PLAYLIST_SELECTOR:function(){var e=this.playlists.master.playlists.filter(Su.isEnabled);return yl(e,function(e,t){return _l(e,t)}),e.filter(function(e){return Bu(e.attributes.CODECS).videoCodec})[0]||null},comparePlaylistBandwidth:_l,comparePlaylistResolution:function(e,t){var i=void 0,n=void 0;return e.attributes.RESOLUTION&&e.attributes.RESOLUTION.width&&(i=e.attributes.RESOLUTION.width),i=i||y.Number.MAX_VALUE,t.attributes.RESOLUTION&&t.attributes.RESOLUTION.width&&(n=t.attributes.RESOLUTION.width),i===(n=n||y.Number.MAX_VALUE)&&e.attributes.BANDWIDTH&&t.attributes.BANDWIDTH?e.attributes.BANDWIDTH-t.attributes.BANDWIDTH:i-n},xhr:tu()};["GOAL_BUFFER_LENGTH","MAX_GOAL_BUFFER_LENGTH","GOAL_BUFFER_LENGTH_RATE","BUFFER_LOW_WATER_LINE","MAX_BUFFER_LOW_WATER_LINE","BUFFER_LOW_WATER_LINE_RATE","BANDWIDTH_VARIANCE"].forEach(function(t){Object.defineProperty(ec,t,{get:function(){return rs.log.warn("using Hls."+t+" is UNSAFE be sure you know what you are doing"),Tl[t]},set:function(e){rs.log.warn("using Hls."+t+" is UNSAFE be sure you know what you are doing"),"number"!=typeof e||e<0?rs.log.warn("value of Hls."+t+" must be greater than or equal to 0"):Tl[t]=e}})});function tc(e){return/^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i.test(e)?"hls":/^application\/dash\+xml/i.test(e)?"dash":null}function ic(e,t){for(var i=t.media(),n=-1,r=0;r<e.length;r++)if(e[r].id===i.uri){n=r;break}e.selectedIndex_=n,e.trigger({selectedIndex:n,type:"change"})}var nc="videojs-vhs";ec.canPlaySource=function(){return rs.log.warn("HLS is no longer a tech. Please remove it from your player's techOrder.")};function rc(e){var t=e.masterPlaylistController_.mainSegmentLoader_,i=e.masterPlaylistController_.audioSegmentLoader_,n=rs.players[e.tech_.options_.playerId];if(n.eme){var r=function(e,t,i){if(!e)return e;var n=void 0,r=void 0;if(i.mimeType_)n=t.mimeType_,r=i.mimeType_;else{var s=Hu(t.mimeType_),a=s.parameters.codecs.split(","),o=void 0,u=void 0;a.forEach(function(e){e=e.trim(),Vu(e)?o=e:qu(e)&&(u=e)}),n=s.type+'; codecs="'+u+'"',r=s.type.replace("video","audio")+'; codecs="'+o+'"'}var l={},c=t.playlist_;for(var h in e)l[h]={audioContentType:r,videoContentType:n},c.contentProtection&&c.contentProtection[h]&&c.contentProtection[h].pssh&&(l[h].pssh=c.contentProtection[h].pssh),"string"==typeof e[h]&&(l[h].url=e[h]);return rs.mergeOptions(e,l)}(e.source_.keySystems,t,i);r&&(n.currentSource().keySystems=r,11!==rs.browser.IE_VERSION&&n.eme.initializeMediaKeys&&n.eme.initializeMediaKeys())}}function sc(){if(!window.localStorage)return null;var e=window.localStorage.getItem(nc);if(!e)return null;try{return JSON.parse(e)}catch(e){return null}}ec.supportsNativeHls=function(){var t=h.createElement("video");if(!rs.getTech("Html5").isSupported())return!1;return["application/vnd.apple.mpegurl","audio/mpegurl","audio/x-mpegurl","application/x-mpegurl","video/x-mpegurl","video/mpegurl","application/mpegurl"].some(function(e){return/maybe|probably/i.test(t.canPlayType(e))})}(),ec.supportsNativeDash=!!rs.getTech("Html5").isSupported()&&/maybe|probably/i.test(h.createElement("video").canPlayType("application/dash+xml")),ec.supportsTypeNatively=function(e){return"hls"===e?ec.supportsNativeHls:"dash"===e&&ec.supportsNativeDash},ec.isSupported=function(){return rs.log.warn("HLS is no longer a tech. Please remove it from your player's techOrder.")};var ac=rs.getComponent("Component"),oc=(xo(uc,ac),Ao(uc,[{key:"setOptions_",value:function(){var t=this;if(this.options_.withCredentials=this.options_.withCredentials||!1,this.options_.handleManifestRedirects=this.options_.handleManifestRedirects||!1,this.options_.limitRenditionByPlayerDimensions=!1!==this.options_.limitRenditionByPlayerDimensions,this.options_.smoothQualityChange=this.options_.smoothQualityChange||!1,this.options_.useBandwidthFromLocalStorage="undefined"!=typeof this.source_.useBandwidthFromLocalStorage?this.source_.useBandwidthFromLocalStorage:this.options_.useBandwidthFromLocalStorage||!1,this.options_.customTagParsers=this.options_.customTagParsers||[],this.options_.customTagMappers=this.options_.customTagMappers||[],this.options_.cacheEncryptionKeys=this.options_.cacheEncryptionKeys||!1,"number"!=typeof this.options_.blacklistDuration&&(this.options_.blacklistDuration=300),"number"!=typeof this.options_.bandwidth&&this.options_.useBandwidthFromLocalStorage){var e=sc();e&&e.bandwidth&&(this.options_.bandwidth=e.bandwidth,this.tech_.trigger({type:"usage",name:"hls-bandwidth-from-local-storage"})),e&&e.throughput&&(this.options_.throughput=e.throughput,this.tech_.trigger({type:"usage",name:"hls-throughput-from-local-storage"}))}"number"!=typeof this.options_.bandwidth&&(this.options_.bandwidth=Tl.INITIAL_BANDWIDTH),this.options_.enableLowInitialPlaylist=this.options_.enableLowInitialPlaylist&&this.options_.bandwidth===Tl.INITIAL_BANDWIDTH,["withCredentials","limitRenditionByPlayerDimensions","bandwidth","smoothQualityChange","customTagParsers","customTagMappers","handleManifestRedirects","cacheEncryptionKeys"].forEach(function(e){"undefined"!=typeof t.source_[e]&&(t.options_[e]=t.source_[e])}),this.limitRenditionByPlayerDimensions=this.options_.limitRenditionByPlayerDimensions}},{key:"src",value:function(e,t){var i=this;e&&(this.setOptions_(),this.options_.url=this.source_.src,this.options_.tech=this.tech_,this.options_.externHls=ec,this.options_.sourceType=tc(t),this.options_.seekTo=function(e){i.tech_.setCurrentTime(e),i.setCurrentTime(e)},this.masterPlaylistController_=new Gl(this.options_),this.playbackWatcher_=new $l(rs.mergeOptions(this.options_,{seekable:function(){return i.seekable()},media:function(){return i.masterPlaylistController_.media()}})),this.masterPlaylistController_.on("error",function(){rs.players[i.tech_.options_.playerId].error(i.masterPlaylistController_.error)}),this.masterPlaylistController_.selectPlaylist=this.selectPlaylist?this.selectPlaylist.bind(this):ec.STANDARD_PLAYLIST_SELECTOR.bind(this),this.masterPlaylistController_.selectInitialPlaylist=ec.INITIAL_PLAYLIST_SELECTOR.bind(this),this.playlists=this.masterPlaylistController_.masterPlaylistLoader_,this.mediaSource=this.masterPlaylistController_.mediaSource,Object.defineProperties(this,{selectPlaylist:{get:function(){return this.masterPlaylistController_.selectPlaylist},set:function(e){this.masterPlaylistController_.selectPlaylist=e.bind(this)}},throughput:{get:function(){return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate},set:function(e){this.masterPlaylistController_.mainSegmentLoader_.throughput.rate=e,this.masterPlaylistController_.mainSegmentLoader_.throughput.count=1}},bandwidth:{get:function(){return this.masterPlaylistController_.mainSegmentLoader_.bandwidth},set:function(e){this.masterPlaylistController_.mainSegmentLoader_.bandwidth=e,this.masterPlaylistController_.mainSegmentLoader_.throughput={rate:0,count:0}}},systemBandwidth:{get:function(){var e=1/(this.bandwidth||1),t=void 0;return t=0<this.throughput?1/this.throughput:0,Math.floor(1/(e+t))},set:function(){rs.log.error('The "systemBandwidth" property is read-only')}}}),this.options_.bandwidth&&(this.bandwidth=this.options_.bandwidth),this.options_.throughput&&(this.throughput=this.options_.throughput),Object.defineProperties(this.stats,{bandwidth:{get:function(){return i.bandwidth||0},enumerable:!0},mediaRequests:{get:function(){return i.masterPlaylistController_.mediaRequests_()||0},enumerable:!0},mediaRequestsAborted:{get:function(){return i.masterPlaylistController_.mediaRequestsAborted_()||0},enumerable:!0},mediaRequestsTimedout:{get:function(){return i.masterPlaylistController_.mediaRequestsTimedout_()||0},enumerable:!0},mediaRequestsErrored:{get:function(){return i.masterPlaylistController_.mediaRequestsErrored_()||0},enumerable:!0},mediaTransferDuration:{get:function(){return i.masterPlaylistController_.mediaTransferDuration_()||0},enumerable:!0},mediaBytesTransferred:{get:function(){return i.masterPlaylistController_.mediaBytesTransferred_()||0},enumerable:!0},mediaSecondsLoaded:{get:function(){return i.masterPlaylistController_.mediaSecondsLoaded_()||0},enumerable:!0},buffered:{get:function(){return mu(i.tech_.buffered())},enumerable:!0},currentTime:{get:function(){return i.tech_.currentTime()},enumerable:!0},currentSource:{get:function(){return i.tech_.currentSource_},enumerable:!0},currentTech:{get:function(){return i.tech_.name_},enumerable:!0},duration:{get:function(){return i.tech_.duration()},enumerable:!0},master:{get:function(){return i.playlists.master},enumerable:!0},playerDimensions:{get:function(){return i.tech_.currentDimensions()},enumerable:!0},seekable:{get:function(){return mu(i.tech_.seekable())},enumerable:!0},timestamp:{get:function(){return Date.now()},enumerable:!0},videoPlaybackQuality:{get:function(){return i.tech_.getVideoPlaybackQuality()},enumerable:!0}}),this.tech_.one("canplay",this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_)),this.tech_.on("bandwidthupdate",function(){i.options_.useBandwidthFromLocalStorage&&function(e){if(window.localStorage){var t=sc();t=t?rs.mergeOptions(t,e):e;try{window.localStorage.setItem(nc,JSON.stringify(t))}catch(e){return}}}({bandwidth:i.bandwidth,throughput:Math.round(i.throughput)})}),this.masterPlaylistController_.on("selectedinitialmedia",function(){!function(i){var e=i.playlists;i.representations=function(){return e.master.playlists.filter(function(e){return!Qo(e)}).map(function(e,t){return new Xl(i,e,e.uri)})}}(i),rc(i)}),this.on(this.masterPlaylistController_,"progress",function(){this.tech_.trigger("progress")}),this.tech_.ready(function(){return i.setupQualityLevels_()}),this.tech_.el()&&this.tech_.src(rs.URL.createObjectURL(this.masterPlaylistController_.mediaSource)))}},{key:"setupQualityLevels_",value:function(){var e=this,t=rs.players[this.tech_.options_.playerId];t&&t.qualityLevels&&(this.qualityLevels_=t.qualityLevels(),this.masterPlaylistController_.on("selectedinitialmedia",function(){!function(t,e){e.representations().forEach(function(e){t.addQualityLevel(e)}),ic(t,e.playlists)}(e.qualityLevels_,e)}),this.playlists.on("mediachange",function(){ic(e.qualityLevels_,e.playlists)}))}},{key:"play",value:function(){this.masterPlaylistController_.play()}},{key:"setCurrentTime",value:function(e){this.masterPlaylistController_.setCurrentTime(e)}},{key:"duration",value:function(){return this.masterPlaylistController_.duration()}},{key:"seekable",value:function(){return this.masterPlaylistController_.seekable()}},{key:"dispose",value:function(){this.playbackWatcher_&&this.playbackWatcher_.dispose(),this.masterPlaylistController_&&this.masterPlaylistController_.dispose(),this.qualityLevels_&&this.qualityLevels_.dispose(),this.player_&&(delete this.player_.vhs,delete this.player_.dash,delete this.player_.hls),this.tech_&&this.tech_.hls&&delete this.tech_.hls,function e(t,i,n){null===t&&(t=Function.prototype);var r=Object.getOwnPropertyDescriptor(t,i);if(void 0===r){var s=Object.getPrototypeOf(t);return null===s?void 0:e(s,i,n)}if("value"in r)return r.value;var a=r.get;return void 0!==a?a.call(n):void 0}(uc.prototype.__proto__||Object.getPrototypeOf(uc.prototype),"dispose",this).call(this)}},{key:"convertToProgramTime",value:function(e,t){return lu({playlist:this.masterPlaylistController_.media(),time:e,callback:t})}},{key:"seekToProgramTime",value:function(e,t,i,n){var r=!(2<arguments.length&&void 0!==i)||i,s=3<arguments.length&&void 0!==n?n:2;return cu({programTime:e,playlist:this.masterPlaylistController_.media(),retryCount:s,pauseAfterSeek:r,seekTo:this.options_.seekTo,tech:this.options_.tech,callback:t})}}]),uc);function uc(e,t,i){Po(this,uc);var n=Oo(this,(uc.__proto__||Object.getPrototypeOf(uc)).call(this,t,i.hls));if(t.options_&&t.options_.playerId){var r=rs(t.options_.playerId);r.hasOwnProperty("hls")||Object.defineProperty(r,"hls",{get:function(){return rs.log.warn("player.hls is deprecated. Use player.tech().hls instead."),t.trigger({type:"usage",name:"hls-player-access"}),n},configurable:!0}),r.vhs=n,(r.dash=n).player_=r}if(n.tech_=t,n.source_=e,n.stats={},n.setOptions_(),n.options_.overrideNative&&t.overrideNativeAudioTracks&&t.overrideNativeVideoTracks)t.overrideNativeAudioTracks(!0),t.overrideNativeVideoTracks(!0);else if(n.options_.overrideNative&&(t.featuresNativeVideoTracks||t.featuresNativeAudioTracks))throw new Error("Overriding native HLS requires emulated tracks. See https://git.io/vMpjB");return n.on(h,["fullscreenchange","webkitfullscreenchange","mozfullscreenchange","MSFullscreenChange"],function(e){var t=h.fullscreenElement||h.webkitFullscreenElement||h.mozFullScreenElement||h.msFullscreenElement;t&&t.contains(n.tech_.el())&&n.masterPlaylistController_.smoothQualityChange_()}),n.on(n.tech_,"seeking",function(){0===this.tech_.currentTime()&&this.tech_.player_.loop()&&this.setCurrentTime(0)}),n.on(n.tech_,"error",function(){this.masterPlaylistController_&&this.masterPlaylistController_.pauseLoading()}),n.on(n.tech_,"play",n.play),n}var lc={name:"videojs-http-streaming",VERSION:"1.11.2",canHandleSource:function(e,t){var i=rs.mergeOptions(rs.options,1<arguments.length&&void 0!==t?t:{});return lc.canPlayType(e.type,i)},handleSource:function(e,t,i){var n=rs.mergeOptions(rs.options,2<arguments.length&&void 0!==i?i:{});return t.hls=new oc(e,t,n),t.hls.xhr=tu(),t.hls.src(e.src,e.type),t.hls},canPlayType:function(e,t){var i=rs.mergeOptions(rs.options,1<arguments.length&&void 0!==t?t:{}).hls.overrideNative,n=tc(e);return n&&(!ec.supportsTypeNatively(n)||i)?"maybe":""}};return"undefined"!=typeof rs.MediaSource&&"undefined"!=typeof rs.URL||(rs.MediaSource=Zu,rs.URL=el),Zu.supportsNativeMediaSources()&&rs.getTech("Html5").registerSourceHandler(lc,0),rs.HlsHandler=oc,rs.HlsSourceHandler=lc,rs.Hls=ec,rs.use||rs.registerComponent("Hls",ec),rs.options.hls=rs.options.hls||{},rs.registerPlugin?rs.registerPlugin("reloadSourceOnError",Jl):rs.plugin("reloadSourceOnError",Jl),rs});
\ No newline at end of file
diff --git a/negromate/web/static/libreto/libreto.png b/negromate/web/static/libreto/libreto.png
deleted file mode 100644
index 20a9945..0000000
Binary files a/negromate/web/static/libreto/libreto.png and /dev/null differ
diff --git a/negromate/web/templates/base.html b/negromate/web/templates/base.html
deleted file mode 100644
index e975192..0000000
--- a/negromate/web/templates/base.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Negro Mate</title>
-    <link rel="shortcut icon" href="{{ root_path }}/static/css/nm_icon.png">
-    <link href="{{ root_path }}/static/js/libjass/lib/libjass.css" rel="stylesheet">
-    <link href="{{ root_path }}/static/js/videojs/video-js.css" rel="stylesheet">
-    <link href="{{ root_path }}/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.vertical.css" rel="stylesheet">
-    <link href="{{ root_path }}/static/js/videojs-ass/src/videojs.ass.css" rel="stylesheet">
-    <link href="{{ root_path }}/static/css/main.css" rel="stylesheet">
-    <style>
-        @font-face {
-            font-family: "CyrBit";
-            src: url("{{ root_path }}/static/css/CyrBit.ttf");
-        }
-    </style>
-    <script>
-        window.HELP_IMPROVE_VIDEOJS = false;
-    </script>
-    <script src="{{ root_path }}/static/js/videojs/video.min.js"></script>
-    <script src="{{ root_path }}/static/js/libjass/lib/libjass.js"></script>
-    <script src="{{ root_path }}/static/js/videojs-playlist/dist/videojs-playlist.js"></script>
-    <script src="{{ root_path }}/static/js/videojs-playlist-ui/dist/videojs-playlist-ui.js"></script>
-    <script src="{{ root_path }}/static/js/videojs-ass/src/videojs.ass.js"></script>
-</head>
-<body>
-    <header id="header">
-        <h1><a href="{{ root_path }}/home/">Negro Mate</a></h1>
-    </header>
-    <div id="content">
-    {% block content %}{% endblock %}
-    </div>
-    {% block page %}
-    <nav id="menu">
-        <ul>
-            {% for item in songs %}
-            <li><a href="{{ item.path|url }}/">{{ item.name }}</a></li>
-            {% endfor %}
-        </ul>
-        <p id="playlist"><a href="{{ root_path }}/playlist/">Playlist</a></p>
-        <p id="libreto"><a href="{{ root_path }}/static/libreto/libreto.pdf"><img src="{{ root_path }}/static/libreto/libreto.png" alt="libreto negro mate">Libreto</a></p>
-        <p id="onion"><a href="http://d2eekkvsyh7u2hf6jc3j5xexkxu3rfzizmj3wyrt33hp4bwkphumbbyd.onion/">onion</a></p>
-        <p id="todo"><a href="{{ root_path }}/todo/">TODO</a></p>
-    </nav>
-    {% endblock %}
-    <footer>
-        <p>
-            <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
-                <img alt="Licencia Creative Commons" style="border-width:0" src="{{ root_path }}/static/css/cc-by-sa.png" />
-            </a>&nbsp;
-            Letras adaptadas con
-            <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
-                Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
-            </a> salvo que se indique lo contrario en la propia canción.
-    </footer>
-    <script>
-        var body = document.getElementsByTagName('body')[0];
-        body.addEventListener('keypress', function(event) {
-            switch(event.key) {
-                case "p":
-                    window.location = '{{ root_path }}/playlist/';
-                    break;
-            }
-            console.log(event.key);
-        });
-    </script>
-</body>
-</html>
diff --git a/negromate/web/templates/home.html b/negromate/web/templates/home.html
deleted file mode 100644
index 29a818c..0000000
--- a/negromate/web/templates/home.html
+++ /dev/null
@@ -1,13 +0,0 @@
-{% extends "base.html" %}
-{% block content %}
-<div class="songs">
-{% for song in songs %}
-<figure>
-    <figcaption><a href="{{ song.path|url }}/">{{ song.name }}</a></figcaption>
-    {% if song.thumbnail %}
-    <a href="{{ song.path|url }}/"><img src="{{ song.thumbnail|url }}" alt="{{ song.name }}"></a>
-    {% endif %}
-</figure>
-{% endfor %}
-</div>
-{% endblock %}
diff --git a/negromate/web/templates/index.html b/negromate/web/templates/index.html
deleted file mode 100644
index c5d6041..0000000
--- a/negromate/web/templates/index.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<!doctype html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width" />
-        <title>Negro Mate</title>
-        <link rel="shortcut icon" href="{{ root_path }}/static/css/nm_icon.png" type="image/png">
-    <style>
-        body {
-            background-color: #232323;
-        }
-        h1 {
-            font-family: "CyrBit";
-            text-align: center;
-            font-size: 50pt;
-            border: 5px solid black;
-            background: white;
-            margin: 1em auto 0;
-            min-width: 300px;
-            width: 30%;
-        }
-        a {
-            font-size: 200pt;
-            font-weight: bold;
-            background-color: white;
-            color: black;
-            display: block;
-            line-height: 210pt;
-            margin: 10pt auto 0;
-            width: 210pt;
-            height: 210pt;
-            text-align: center;
-            border-radius: 105pt;
-            text-decoration: none;
-            font-style: italic;
-        }
-        </style>
-    </head>
-    <body>
-        <h1>Negro mate</h1>
-        <a href="{{ root_path }}/home/">#</a>
-    </body>
-    <script>
-        var body = document.getElementsByTagName('body')[0];
-        body.addEventListener('keypress', function(event) {
-            switch(event.key) {
-                case "p":
-                    window.location = '{{ root_path }}/playlist/';
-                    break;
-            }
-            console.log(event.key);
-        });
-    </script>
-</html>
diff --git a/negromate/web/templates/karaoke.ass b/negromate/web/templates/karaoke.ass
deleted file mode 100644
index ff07eef..0000000
--- a/negromate/web/templates/karaoke.ass
+++ /dev/null
@@ -1,9 +0,0 @@
-[Script Info]
-Title: Template negro mate
-
-[Events]
-Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
-Comment: 0,0:00:00.00,0:00:00.00,Default,,0,0,0,code once,function char_counter(ref) ci[ref] = ci[ref] + 1; return "" end
-Comment: 0,0:00:00.00,0:00:00.00,Default,,0,0,0,code line all,ci = {0,0}; delay = 800; delay_2 = 300
-Comment: 1,0:00:00.00,0:00:00.00,Default,,0,0,0,template char,!char_counter(1)!!retime("start2syl",-1500+(ci[1]-1)*50,0)!{\an8\alpha&HAF\fscx50\fscy50\bord1\3c&HFFFFFF&\1c&HFFFFFF&\blur1\t(!$scenter-$lleft+200!,!$scenter!,\fscx120\fscy120\alpha&0&)\pos($scenter,$smiddle)\fscx100\fscy100\shad0}
-Comment: 0,0:00:00.00,0:00:00.00,Default,,0,0,0,template syl,!retime("syl",0,0)!{\an2\pos($center, !$smiddle - 5!)\fscx100\fscy100\c&HFFFFFF&\3c!_G.ass_color(_G.HSV_to_RGB(360*(syl.i/$syln)*$kdur,1,1))!\blur5\bord2\t(0,!$dur*0.5!,\frz!math.random(-30,30)!)\t(!$dur*0.5!,$dur,\frz0)\t(0,300,\3c!_G.ass_color(_G.HSV_to_RGB(360*(syl.i/$syln)*$kdur,1,1))!\c&HFFFFFF&\bord5\blur6)\t(300,$dur,\c\3c!_G.ass_color(_G.HSV_to_RGB(360*(syl.i/$syln)*$kdur,1,1))!\3c!_G.ass_color(_G.HSV_to_RGB(360*(syl.i/$syln)*$kdur,1,1))!\bord2\blur1)}
diff --git a/negromate/web/templates/playlist.html b/negromate/web/templates/playlist.html
deleted file mode 100644
index dffaf40..0000000
--- a/negromate/web/templates/playlist.html
+++ /dev/null
@@ -1,98 +0,0 @@
-{% extends "base.html" %}
-{% block page %}
-    <div id="controls">
-        <button id="previous-button" type="button">&lArr;</button>
-        <button id="play-button" type="button">&rtri;</button>
-        <button id="next-button" type="button">&rArr;</button>
-        <button id="full-button" type="button">&timesb;</button>
-    </div>
-    <div id="song-playlist">
-        <video id="video-playlist" class="video-js"
-            controls preload="auto" width="600" height="400"
-            >
-            <p class="vjs-no-js">
-                To view this video please enable JavaScript, and consider upgrading to a web browser that
-                <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
-            </p>
-        </video>
-        <div class="vjs-playlist"></div>
-    </div>
-
-    <script>
-        var player = videojs('video-playlist', {
-            userActions: {
-                hotkeys: true,
-            }
-        });
-
-        player.playlist([
-        {% for song in songs %}
-        {% if song.video %}
-        {
-            sources: [{
-                src: '{{ song.video|url }}',
-                type: '{{ song.video_type }}'
-            }],
-            poster: '{{ song.cover|url }}',
-            thumbnail: '{{ song.thumbnail|url }}',
-            name: '{{ song.name }}',
-            {% if song.vtt %}
-            textTracks:[ { "kind":"captions", "label":"Negro mate", "src":"{{ song.vtt|url}}", "default":true } ]
-            {% endif %}
-        },
-        {% endif %}
-        {% endfor %}
-        ]);
-
-        // Play through the playlist automatically.
-        player.playlist.autoadvance(0);
-        player.playlistUi();
-
-        var previousButton = document.getElementById('previous-button'),
-            playButton = document.getElementById('play-button'),
-            nextButton = document.getElementById('next-button'),
-            fullButton = document.getElementById('full-button');
-
-        previousButton.addEventListener('click', function() { player.playlist.previous(); });
-        playButton.addEventListener('click', function() {
-            if (player.paused()) {
-                player.play();
-                playButton.innerHTML = '&#9643;';
-            } else {
-                player.pause(); 
-                playButton.innerHTML = '&rtri;';
-            }
-        });
-        nextButton.addEventListener('click', function() { player.playlist.next(); });
-        fullButton.addEventListener('click', function() { player.requestFullscreen(); });
-
-        var body = document.getElementsByTagName('body')[0];
-        body.addEventListener('keypress', function(event) {
-            switch(event.key) {
-                case "a":
-                    player.playlist.previous();
-                    break;
-                case "s":
-                    if (player.paused()) {
-                        player.play();
-                        playButton.innerHTML = '&#9643;';
-                    } else {
-                        player.pause(); 
-                        playButton.innerHTML = '&rtri;';
-                    }
-                    break;
-                case "d":
-                    player.playlist.next();
-                    break;
-                case "f":
-                    if (player.isFullscreen()) {
-                        player.exitFullscreen();
-                    } else {
-                        player.requestFullscreen();
-                    }
-            }
-            console.log(event.key);
-        });
-
-    </script>
-{% endblock %}
diff --git a/negromate/web/templates/song.html b/negromate/web/templates/song.html
deleted file mode 100644
index 30a597c..0000000
--- a/negromate/web/templates/song.html
+++ /dev/null
@@ -1,56 +0,0 @@
-{% extends "base.html" %}
-{% block content %}
-    <h1>{{ song.name }}</h1>
-    {% if song.original %}
-    <p><b>Original:</b> {{ song.original }}</p>
-    {% endif %}
-    {% if song.author %}
-    <p><b>Autoría:</b> {{ song.author }}</p>
-    {% endif %}
-    {% if song.video %}
-    <video id="{{ song.path.name }}-video" class="video-js"
-        controls preload="auto" width="640" height="264"
-        {% if song.cover %}poster="{{ song.cover|url }}"{% endif %}>
-        <source src="{{ song.video|url }}" type='{{ song.video_type }}'>
-        {% if not song.ass and song.vtt %}
-        <track kind="captions" src="{{ song.vtt|url }}" srclang="nm" label="Negro mate" default>
-        {% endif %}
-        <p class="vjs-no-js">
-            To view this video please enable JavaScript, and consider upgrading to a web browser that
-            <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
-        </p>
-    </video>
-    {% endif %}
-
-    <script>
-    videojs('{{ song.path.name }}-video', {
-        {% if song.ass %}
-        plugins: {
-            ass: {
-                'src': ["{{ song.ass|url }}"],
-                // videoWidth: 640,
-                // videoHeight: 360,
-                // enableSvg: false,
-            },
-        },
-        sources: [{"src": "{{ song.video|url }}"}]
-        {% endif %}
-    });
-    </script>
-
-    {% if parsed_srt %}
-    <p class="lyrics">
-    {% for line in parsed_srt %}
-        {{ line.content }}<br/>
-    {% endfor %}
-    </p>
-    {% endif %}
-
-    {% if song.files %}
-    <ul class="files">
-        {% for entry in song.files %}
-            <li><a href="{{ entry|url }}">{{ entry.name }}</a></li>
-        {% endfor %}
-    </ul>
-    {% endif %}
-{% endblock %}
diff --git a/negromate/web/templates/todo.html b/negromate/web/templates/todo.html
deleted file mode 100644
index 52055ad..0000000
--- a/negromate/web/templates/todo.html
+++ /dev/null
@@ -1,40 +0,0 @@
-{% extends "base.html" %}
-{% block content %}
-<h2>Pendientes</h2>
-<table>
-    <thead>
-        <tr>
-            <th>Canción</th>
-            <th>Video</th>
-            <th>Subtitulos</th>
-        </tr>
-    </thead>
-    <tbody>
-        {% for song in pending_songs %}
-        <tr>
-            <td>{{ song.name }}</td>
-            <td>{{ song.video|display_boolean }}</td>
-            <td>{{ song.has_subtitles|display_boolean }}</td>
-        </tr>
-        {% endfor %}
-    </tbody>
-</table>
-
-<h2>Publicadas</h2>
-<h3>Karaoke</h3>
-<ul>
-    {% for song in songs %}
-    {% if song.metadata.karaoke %}
-    <li>{{ song.name }}</li>
-    {% endif %}
-    {% endfor %}
-</ul>
-<h3>SIN Karaoke</h3>
-<ul>
-    {% for song in songs %}
-    {% if not song.metadata.karaoke %}
-    <li>{{ song.name }}</li>
-    {% endif %}
-    {% endfor %}
-</ul>
-{% endblock %}
diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..a4a06d3
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,23 @@
+Negro Mate static generator
+===========================
+
+This module provides extra commands to negromate:
+
+build
+-----
+Static web generator. Updates songs folder with required html files
+and static content.
+
+run
+---
+Starts a local web server to try current version.
+
+rsync
+-----
+Syncronizes web with a remote folder, ready to be served with any web
+server.
+
+ipfs
+----
+Adds web to local ipfs node and pins remote server, unpinning previous
+version.